

/* Isabody 2009 site specific CSS 

	version: 2.0
	updated: 12.08

:::::::::::::::::::::::::::::::::::*/



/* ::: GENERAL SITE ELEMENTS ::: */


 body.isabody .container { margin: 10px auto 0; }

 body.isabody ul#nav li.top { margin: 0 8px 0 5px; }
 body.isabody ul#nav li#arrowLink.top, body.isabody ul#nav li#arrowLink.top a.top_link { margin: 0; padding: 0; }
 body.isabody #nav li a.top_link { padding-left: 5px; }
 body.isabody div.container div#header div#mainNav ul#nav li#arrowLink.top a.top_link span.down { padding-right: 20px; background-position: right 65%; }
 
 h1#mainPageLogo { text-indent: -9999px; background: url(../img/reto_Isabody_mx_280x182.jpg) no-repeat; width: 280px; height: 182px; }
 h1#secondPageLogo { text-indent: -9999px; background: url(../img/logo_sml.jpg) no-repeat; width: 170px; height: 120px; }
 
 body.isabody h1#secondPageLogo { float: left; padding-right: 20px; }
 body.isabody.secondary h2 { margin-top: 20px; }
 body.isabody.secondary p { padding: 0 15px; }
 
 a.listLink { position: absolute; bottom: 0; right: 40px; }
 
 div#bottom { margin-bottom: 20px; }
 
 
 
 /* buttons */
 
 .btnPrimary, .btnThird, .btnSecondary {
	background: url(../img/btn_bg_grn.png) repeat-x top center #669933;
	border: 1px solid #888;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 5px 15px;
	color: #fff;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor: pointer; /* IE6 */
 }

 .btnSecondary {
	background: url(../img/btn_bg_gry.png) repeat-x top center #666;
 }

 .btnThird {
	background: url(../img/btn_bg_o.png) repeat-x top center #ef891c; font-size: 1.3em; 
 }
 
 .btnPrimary:hover, .btnSecondary:hover, .btnThird:hover {
	background: white;
	border: 1px solid #333;
	color: #333;
 }
 
  /* nav changes from screen.css */
 
 	
 	body.isabody #mainNav { width: 100%; }
 	body.isabody #nav { float: left; margin: 3px 0 0 20px; clear: both; }
	
	body.isabody #nav li.top a, body.isabody #nav li.top a span { margin: 0 50px 0 0; }	
	
	#nav :hover ul.sub {
		left: 10px;
		width: 120%;
	}
		
	#nav :hover ul.sub.rules{ width: 120%; }
	
	/* hide the sub level links */
	ul#nav li ul.sub ul {
		visibility: hidden;
	}	
	
	/* position the third level flyout menu */
	ul#nav ul.sub ul.langMenu {
		position: absolute;
		left: 125px; 
		top: 0; 
		width: 70px;
	}
	
	/* make the sub level visible on hover list or link */
	ul#nav li:hover ul.sub,
	ul#nav a:hover ul.sub, 
	ul#nav ul.sub li:hover ul, 
	ul#nav ul.sub a:hover ul {
		visibility: visible;
		width: 89px;
	}


	body.isabody #nav :hover ul.sub.winners { width: 170%; }
	body.isabody #nav :hover ul.sub.faqs { width: 150%; }

 
 
 /* IE hacks, in this file due to structure */

 
 *:first-child+html body.isabody ul#nav{ width: 630px; left: 0; top: 0; }
 *:first-child+html body.isabody div#bottom, *:first-child+html body.isabody div#top { width: 940px; }

 * html body.isabody div.container div#header ul#nav { width: 830px; left: 0; top: 0; } 
 * html body.isabody div#bottom, * html body.isabody div#top { width: 940px; }
 * html body.isabody #nav li.top a, body.isabody #nav li.top a span  { margin-right: 20px; }
 * html body.isabody div.container div#header ul#nav li#arrowLink.top a.top_link span.down { background-position-y: 75%; } 
 * html body.isabody #nav ul.sub { width: 80px; left: 0; }
 * html body.isabody #nav :hover ul.sub li { width: 80px; }
 * html body.isabody #nav :hover ul.sub li a, * html body.isabody #nav :hover ul.sub li a:hover { width: 140px; margin-right: 0; }
 * html body.isabody div.container div#header ul#nav li ul.langMenu { width: 120px; top: 0; left: 140px; }
 * html body.isabody.secondary #mainContent { width: 700px; }
 * html body.isabody #mainContent div#flashcontent { margin: 0 auto; }
 * html a.listLink { bottom: 40px; }
 
 
 

 
 
 
 /* home page */
 
 body.isabody #firstBar, body.isabody #homeMain { margin-bottom: 20px; }
 
 p.standout { color:  }
 
 	
	h2.movieHeader {
		background:transparent url(../img/grnHdr.png) no-repeat scroll left center;
		color:#fff;
		width: 620px;
		font-size: 18px;
		height:30px;
		line-height:1.5;
		margin: 10px auto 20px;
		padding: 10px 0 0 20px;
		text-align: left;
	}
 
 body.isabody div#registerDiv a.btnThird { color: #fff; float: right; margin: 0 10px 20px; }
 body.isabody div#registerDiv a.btnThird:hover { color: #333; }
  
 body.isabody #firstBar h1#mainPageLogo { text-indent: -9999px; background: url(../img/logo.jpg) no-repeat; width: 280px; height: 182px; margin: 10px auto; }
 
 body.isabody #firstBar h5, body.isabody #firstBar p { padding: 0 15px; }
 body.isabody #firstBar h5 { font: normal 16px Verdana, Tahoma, sans-serif; margin-bottom: .6em; }
 body.isabody #firstBar img { margin: 0 30px 20px; }
 
 div#homeMain h5 { color: #669933; font: normal 16px Verdana, Tahoma, sans-serif; }
 
 div#homeFeature { position: relative; margin: 20px 0; background: url(../img/home_feature_bg.jpg) no-repeat bottom center; min-height: 500px; }
 div#homeFeature h2 { margin-bottom: 3px; }
 div#homeFeature img.isaMain { background: #ddd; padding: 3px; position: absolute; left: 50px; bottom: 60px; }
 div#homeFeature a.bodyVidBtn { position: absolute; left: 50px; bottom: 40px; cursor: pointer; }
 div#homeFeature a.bodyVidBtn img { margin: 0; padding: 0; }
   
 body.isabody div#bottomCont { background: url(../img/footer_cont_bg.png) repeat-x bottom; }
 
 
 	dl.successMainList dt img { float: left; margin-right: 10px; background-color: #ddd; padding: 3px; clear: left; }
	dl.successMainList dd { margin: 0 0 15px; }
	dl.successMainList dd ul { padding-left: 50px; }
	
	div#successBtn, body.successInner div#successBtn { width: 940px; margin-bottom: 30px; clear: left; text-align: center; }
	div#successBtn img, body.successInner div#successBtn img { margin: 30px auto 0; }
	
	div#successHighlight { width: 810px; margin: 0 auto; text-align: left; position: relative; min-height: 350px; }
	div#successHighlight p, body.successInner div#successHighlight a, body.successInner div#successHighlight h3, body.successInner div#successHighlight h5 { width: 300px; float: left; clear: left; margin-right: 20px; }
	p.caption, body.successInner div#successHighlight p.caption { color: #888; width: 480px; }
	
	p.registration { background-color: #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px; text-align: center; }
	
	body.isabody #mainContent a { color: #437626; }
	body.isabody #mainContent a:hover { text-decoration: none; }
	body.isabody a.modLinks { float: right; padding-bottom: 20px; }
	
	div.column h4 { clear: right; }
	
	#registerDiv {
	margin-bottom: 35px;
}

	#promoteDiv {
	margin-bottom: 49px;
}

	#successDiv {
	margin-bottom: 50px;
}
 
	.columnBanner {
	margin-top: 30px;
	margin-left: 10px;
}
 
 	/* secondary specific */
 	
 	body.isabody #mainContent { margin-bottom: 20px; }
 	body.isabody.secondary h1#secondPageLogo { float: left; padding-right: 20px; }
	body.isabody.secondary h2 { margin-top: 20px; }
	body.isabody.secondary h3 { color: #669933; }
	body.isabody.secondary p { padding: 0 5px; }
	body.isabody.secondary div#mainContent ul, body.isabody.secondary ol { margin-left: 25px; }
 	
 	div#logoBar h1#secondPageLogo { margin: 0 auto; }
 	
 	#btmBanner { text-align:center; }
 
 
 /* support page */
 
 div#supportTop h1#mainPageLogo { float: left; }
 div#supportTop h2 { margin-top: 20px; }
 div#supportTop p { padding-right: 5px; }
 
 
 body.isabody div#mainContent div#bottom div.isaVidList dt.vidImage a img { border: 0; padding-right: 10px; }
 body.isabody div#mainContent div#bottom div.isaVidList dd.vidDesc { margin-bottom: 25px; padding-left: 85px; }
 
 body.isabody div#mainContent div#bottom ul.audioList { position: relative; }
 body.isabody ul.audioList li { color: #333; background-image: url(../img/icon-audio.gif); padding-left: 45px; }
 body.isabody div#mainContent div#bottom ul.audioList li a { color: #437626; }
 body.isabody div#mainContent div#bottom ul.audioList li a:hover { color: #000; text-decoration: none; }
 body.isabody div#mainContent div#bottom ul.audioList li.listLink { background-image: none; margin: 0; padding: 0; }
  
 body.isabody dt.docIcon { float: left; clear: left; padding-right: 10px; }
 body.isabody dl#docList dd { margin-bottom: 10px; padding-left: 30px; }
 
 /* videos page */
 
 div#flashcontent, p.vidCaption { margin: 0 auto 20px; width: 480px; }
 
 #vid_bc {	margin-top: 20px; }
 
 
 /* IE hacks */ 
 *:first-child+html body.isabody div#flashcontent { margin: 0; }
 *:first-child+html body.isabody div#flashcontent object { margin: 0 auto; margin-left: 40px; }
 * html body.isabody div#flashcontent { margin: 0; }
 * html body.isabody div#flashcontent object { margin: 10px auto 0; }
 * html h1#secondPageLogo { margin: 0 auto; float: left; padding-right: 20px; }
 

 
 /* calls page */
 
 ul.callsFullList { margin: 0; padding: 0; }
 ul.callsFullList li { list-style-type: none; padding: 5px 0 5px 8px; }
 ul.callsFullList li span { padding-right: 40px; }
 ul.callsFullList li:nth-child(odd) { background-color: #ddd; }
 ul.callsFullList li a { text-decoration: none; }
 
 table.callsFullList td { border-bottom: 0; }
 table.callsFullList caption { color: #669933; font: normal 16px Verdana, Tahoma, sans-serif; background-color: transparent; margin-bottom: 8px; }
 table.callsFullList tr { padding: 5px 0 5px 8px; }
 table.callsFullList thead tr.alt { background-color: transparent; }
 table.callsFullList tr.alt { background-color: #ddd; }
 table.callsFullList tr td:first-child { padding-left: 10px; }
 
 
 /* faq page */
 
 a[name] { color: #333; text-decoration: none; }
 
 body.isabody.secondary div#mainContent ul#questList { list-style-type: none; margin-left: 5px; margin-bottom: 20px; padding: 0; }
 body.isabody.secondary ul#questList li { padding: 3px 0; }
 
 body.isabody.secondary div#mainContent dl#faqList { margin-left: 0; }
 body.isabody.secondary div#mainContent dl#faqList dt {
	font-weight: bold;
	color: #333;
	background: url(../img/q.png) no-repeat left center;
	margin-bottom: 15px;
	padding-left: 33px;
	height: 27px;
	
	
 }
	
 body.isabody.secondary div#mainContent dl#faqList dd {
	text-indent: none;
	background: url(../img/a.png) no-repeat left top;
	margin: 0 0 20px 0;
	padding-left: 33px;
	min-height: 27px;
 }
	
 html>/**/body.isabody.secondary div#mainContent dl#faqList ul { margin: -15px 0 20px 65px; } /* margin adjusted for modern browsers only */
 
 /* rules page */
 
 div.vcard { margin: 0 0 15px 5px; }
 
 
/* :: FOOTER :: */

body.isabody div#footer p.footerLine { margin-top: 15px; }

#footer { height: 60px; }
 
 
 
