/* ================================
    CSS STYLES FOR IBUYSPY PORTAL 
    v1.0, 01/2001
   ================================
*/


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg
{
    background-color: #FFFFFF;
}

/* background color for the content part of the pages */
Body
{
    font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:12pt;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	background-color:#F4F8E7;
}


/* GENERIC */
H1
{
 
    font-size: 1.5em;
    font-weight: normal;
    
}

H2
{
    font-size: 20px;
    font-weight: normal;
}

H3
{

    font-size: 1.1em;
    font-weight: normal;

}

H4
{
   
    font-size: 1.0em;
    font-weight: bold;
 
}

H5, DT
{

    font-size: 11px;
    font-weight: bold;
   
}

H6
{
  
    font-size: 11px;
    font-weight: bold;
   
}

TFOOT, THEAD
{
    
    font-size: 12px;
    
}

TH
{
    vertical-align: baseline;
  
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

A:link
{
    color: #0066ff;
    text-decoration: none;
}

A:visited
{
    text-decoration: none;
    color: #0066ff;
}

A:active
{
    text-decoration: none;
    color: #0066ff;
}

A:hover
{
    text-decoration: underline;
    color: #0066ff;
}

SMALL
{
    font-size: 8px;
}

BIG
{
    font-size: 14px;
}

BLOCKQUOTE, PRE
{
    font-family: Lucida Console, monospace;
}


UL LI
{
    list-style-type: square;
}

UL LI LI
{
    list-style-type: disc;
}

UL LI LI LI
{
    list-style-type: circle;
}

OL LI
{
    list-style-type: decimal;
}

OL OL LI
{
    list-style-type: lower-alpha;
}

OL OL OL LI
{
    list-style-type: lower-roman;
}

HR
{
    color: #0066ff;
    height: 1pt;
    text-align: left;
}


.Error
{
    font-weight: bold;
    color: #000000;
}



/*screameleons custom stuff*/
.text {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size: 12px;
}

.chameleon_quotes
{
	vertical-align:top;
	font-size:10pt;
	font-style:italic;
	line-height:1.5em;
	padding:10px;
}

.chameleon_text
{
	vertical-align:top;
	font-size:10pt;
	
	line-height:1.5em;
	padding:10px;
}

hr 
{
  border: 0;
  border-top:1px dashed;
  height:1px;
  width: 95%;
  text-align:center;
  color:#CCCCCC;
}

.chameleon_homePageLeft_851
{
	
		
	background-color:#FFFFFF;

	border-width:1px;
	border-color:#507F1C;
	border-style:solid;

	
}

.chameleon_top_left_content_851
{	
	vertical-align:top;
	
	height:800px;
	padding:10px 10px 10px 10px;
	
	
	
}

.chameleon_homePageLeft
{
	float:left;
	width:546px;	
	background: url(images/welcome_bg.gif) top right;
	background-color:#FFFFFF;

}

.chameleon_homePageLeft  ul
{
	list-style-type: none;
	padding-left: 10px;
	padding-top: 0;
	margin-left: 0;
	list-style-image: url(images/arrow.gif);
	line-height:1.3em;
	
}

.chameleon_homePageLeft li
{
	
	background-repeat: no-repeat;
	background-position: 0.0em;
	vertical-align: top;
	color: #808080;
	font-weight:bold;
	font-size:10pt;
	text-align:left;
}

.chameleon_photo
{
	float:left;
	background: url(images/pic01.jpg) no-repeat top;
	width:241px;
	height:194px;
	
}

.chameleon_welcome
{	
	vertical-align:top;
	float:right;
	width:305px; 
	background: url(images/welcome.gif) no-repeat top;
	height:62px;
	
}

#chameleon_footer
{	
	width:546px;
	background: url(images/bottom_corner.gif) no-repeat top;
	height:52px;
}

.chameleon_intro_title
{
	color:#666666;
	position:absolute;
	padding-top:25px;
	padding-right:20px;
	font-size:1.35em;
	width:305px; 
	
}




.chameleon_top_left_content
{	
	vertical-align:top;
	width:546px; 
	height:800px;
	background: url(images/welcome_content.gif) no-repeat top;
	
}

.chameleon_content_title
{
	font-size:1.2em;
	
	padding: 20px 10px 10px 10px;
	
	
}

#chameleon_content_body
{
	position:relative;
	font-size:.85em;
	line-height:1.2em;
	text-align:justify;
	width:546px; 
	color:#666666;	
	background-color:#ffffff;
	background: url(images/welcome_bg.gif) repeat-y right;
	

}

.chameleon_intro_body
{

	position:absolute;
	margin-top:62px;
	margin-right:20px;
	margin-bottom:0px;
	font-size:.85em;
	line-height:1.2em;
	text-align:justify;
	width:305px; 
	color:#666666;	
	background: url(images/welcome_bg.gif) repeat-y right;

}

.chameleon_lessons_header
{
	background: url(images/o01.gif) no-repeat top;
	height:117px;
	margin-left:0px; 
}

.chameleon_lessons_body
{
	
	background: url(DesktopLayouts/ScreameleonsHome/images/o_bg.gif);
	
}

.chameleon_lessons_table
{
	height:117px;
	width:519px;
	background:url(images/chameleon_signup.jpg) no-repeat;
}

.aweber_table
{
	padding:0;
}
.chameleon_lessons
{
	padding:10px;
	/*background: url(DesktopLayouts/ScreameleonsHome/images/o_bg.gif);*/
	
}
.chameleon_lessons_text
{
	font-size:.85em;
	line-height:1.2em;
	text-align:justify;

	vertical-align:top;
}
.chameleon_intro_body p
{
	padding-right:20px;
}
.chameleon_homePageRight
{
	
	float:right;
	width:280px;
	vertical-align:top;
}

.chameleon_quick_guide_top
{
	margin-left:auto;
	margin-right:auto;
	width:285px; 
	background: url(images/chameleon_morph_bg_top.gif) no-repeat top;
	height:49px;
                                                                       
}

.chameleon_quick_guide_body
{
	margin-left:auto;
	margin-right:auto;
	width:285px; 
	background: url(images/chameleon_morph_bg.gif) ;
	vertical-align:top;
	color:#666666;
	font-size:11px;
	line-height:normal;
	
}

.chameleon_quick_guide_footer
{
	margin-left:auto;
	margin-right:auto;
	width:285px; 
	background: url(images/chameleon_morph_bg_bottom.gif) no-repeat bottom;
	height:53px;
}

.chameleon_top_right
{
	width:250px;
	vertical-align:top;
}

.chameleon_top_left
{
	width:546px;
	padding-bottom:5px;
	vertical-align:top;
	background-color:#ffffff;
	height:248px;
	background: url(images/welcome_bg.gif) repeat-y right;
	
}
.chameleon_middle_left
{	
	
	border-top-width:1px;
	border-top-color:#507F1C;
	border-top-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#507F1C;
	border-bottom-style:solid;
	width:100%;
	height:175px;
	background: url(images/ybg.gif);
	
}

.calendar_header
{
	margin-left:auto;
	margin-right:auto;
	padding-left:2px;
	padding-right:2px;
	background-color:#FB9502;
	width:263px; 
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	color:#FFFFFF;
}

.morph_header
{
	margin-left:auto;
	margin-right:auto;
	padding-left:2px;
	padding-right:2px;
	background-color:#B7B3A1;
	
	width:263px; 
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	color:#666666;
}



.morph_body
{
	margin-left:auto;
	margin-right:auto;
	padding-left:2px;
	padding-right:2px;
	width:263px; 
	background-color:#E2FFB8;
	
}



/* Master Page Layout */

#master_aweber
{
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background-color:#558C0C;
	margin-bottom:0px;
	padding-bottom:0px;
}

#master_header
{
	vertical-align:top;
	text-align:center;
	position:relative;
	height:122px;
	background:  url(images/topbg1.jpg) repeat;	
}



#master_headerbottom
{
	
}

#master_page
{
	margin: auto auto auto auto;
	width: 850px;
	
}

#master_menu 
{
	float: right;
	width: 240px;
	padding-left: 10px;
	
}

#master_content
{
	
	width: 850px;
	/*
	margin-right: -850px;
	*/
	color: #666666;
	padding-bottom:10px;
	
}


#master_contentplaceholder
{
	padding: 10px 0px 40px 0px;
	border-bottom: 0px;
	line-height: 1.5em;
	
	
}



#master_contentfooter
{
		
	clear:both;
	text-align:center;
	height:46px;
	background:  url(images/bottombg.gif) repeat;	
}

.reasons_title
{
	margin-left:auto;
	margin-right:auto;
	
	padding:0px;
	width:263px; 
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:#666666;
}

.calendar
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:750px;
	
}
.calendarCover
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:750px;
	text-align:center;
}

.calendarBody
{
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:35px;
	
}

.calendarMonth
{
	padding: 0px 25px 0px 25px;
}