/*---PAGE LAYOUT CONSTANTS---*/
body {
	background: url(../images/orangeHr24.gif) repeat-x 0 222px  #fff; 
	font: 75%/1.4em Verdana, "Lucida Grande", sans-serif;
	color: #474747;
	margin: 0; padding: 0; 
	}
body{ 
	background-image: url(../images/orangeHr24.gif) 
}
#headwrap {width: 100%;}
#wrapper { 
	width: 1072px; margin: 0 auto; position: relative; 
	}
#logoMenu { /*saved at 30*/
	width: 1072px; height: 256px; margin: auto; background: url(../images/topBcgr.jpg) no-repeat  transparent;
	position: relative;
	}
#logo { 
	position: relative; top: 24px; margin: auto; width: 359px; height: 162px; background: url(../images/logo.png) no-repeat transparent;
	}
.slideshowstar{
	position: absolute;
	left: 0;
}
/*---FORMATTING DEFAULTS---*/
a:link, a:visited { 
	text-decoration: none; color: #4789eb; 
	}
a:hover { 
	text-decoration: underline; 
	}
a.am-hoverShw { 
	display: block; width: 100%; height: 100%; text-indent: -999em; font-size: xx-small; 
	}
a.am-hoverShw:hover { 
	background: url(../images/am-hoverShw.png) repeat transparent; text-decoration: none 
	}
ul, li { 
	list-style: none; padding: 0; margin: 0; 
	}
.clear { 
	clear: both; height: 1px; line-height: 1px; font-size: 1px  !important; 
	}
h1.imageText, h4.imageText, p.skipNav { 
	display:none; 
	}
p { 
	margin: 0; padding: 0; 
	}
p.readmore { 
	text-align: right; margin: 0; padding: 0 30px 0 0; 
	}

/*---PAGE BASICS---*/
#content { 
	margin: 0 0 20px; background-color: #fff;
	}

#contentLeft, 
#contentMid, 
#contentRight { 
	float: left; width: 212px; background-color: transparent;
	}
#contentLeft p { 
	margin-bottom: 18px; 
	}
	p#homeManyPrizes { 
	height: 68px; background: url(../images/homeBanners.gif) no-repeat 0 0 transparent; overflow: hidden;
	}
	p#homeGetStarted { 
	height: 39px; margin-bottom: 18px; background: url(../images/homeBanners.gif) no-repeat 0 -68px transparent; overflow: hidden;
	}
	p#homeCupSchedule {
	height: 110px; margin-bottom: 0; background: url(../images/homeBanners.gif) no-repeat 0 -199px transparent; overflow: hidden;
	}
	p#homeCafeForum {
	height: 92px; margin-bottom: 30px; background: url(../images/homeBanners.gif) no-repeat 0 -107px transparent; overflow: hidden;
	}
	p#homeYouTube { 
	padding-left: 56px; width: 156px;  background: url(../images/homeBanners.gif) no-repeat 0 -368px transparent; 
	}

#contentMid { 
	width: 476px;
	margin: 0 60px;
	}
#contentMid h2 { 
	margin-top: 0; margin-left: 20px; margin-right: 20px; text-align: center; color:#efaa20; font-size: 1em; text-transform: uppercase; 
	}
#contentMid p { 
	margin-left: 20px; margin-right: 20px; padding-bottom: .6em; 
	}

#contentRight p {
        margin-bottom: 18px;
        }	
	p#homeSocialNetworking {
	overflow: hidden;
	}
	p#homeFreeQuiz {
	height: 59px; margin-bottom: 22px; background: url(../images/homeBanners.gif) no-repeat 0 -309px transparent; overflow: hidden;
	}

/*---MENU MAIN---*/
#menuMain {position: relative; top: 39px; height: 21px; background-color:transparent; }
#menuMain ul {}
#menuMain li {
	position: relative;
	height: 21px;
	left: 360px;
	top: 0;
}
#menuMain li.index { width: 50px; }
#menuMain li.getstarted {
	width: 92px;
	left: 413px;
	top: -21px;
}/*   */
#menuMain li.about {
	width: 54px;
	left: 508px;
	top: -42px;
}/*  */
#menuMain li.cafeforum { width: 92px; left: 515px; top: -63px;}/*  */
#menuMain li.partners { width: 70px; left: 565px; top: -63px;}/*  */
#menuMain li.contact { width: 70px; left: 638px; top: -84px;}/*  */

#menuMain a {
display: block; width: 100%; height: 21px;
text-indent: -999em;
background: url(../images/menuMain.png) no-repeat transparent;
background-position: 0 0;
}
#menuMain li.index a {background-position: 0 0;}
#menuMain li.getstarted a{background-position: -54px 0px;}
#menuMain li.about a{background-position: -150px 0;}
#menuMain li.cafeforum a{background-position: -208px 0;}
#menuMain li.partners a{background-position: -304px 0;}
#menuMain li.contact a{background-position: -378px 0;}

#menuMain li.index.here a {background-position: 0 -21px;}
#menuMain li.getstarted.here a{background-position: -54px -21px;}
#menuMain li.about.here a{background-position: -150px -21px;}
#menuMain li.cafeforum.here a{background-position: -208px -21px;;}
#menuMain li.partners.here a{background-position: -304px -21px;}
#menuMain li.contact.here a{background-position: -378px -21px;}

/*
body#index #menuMain li.index a, #menuMain li.index a:hover {background-position: 0 -21px;}
body#getstarted #menuMain li.getstarted a, #menuMain li.getstarted a:hover {background-position: -54px -21px;}
body#about #menuMain li.about a, #menuMain li.about a:hover {background-position: -150px -21px;}
body#cafeforum #menuMain li.cafeforum a, #menuMain li.cafeforum a:hover {background-position: -208px -21px;}
body#partners #menuMain li.partners a, #menuMain li.partners a:hover {background-position: -304px -21px;}
body#contact #menuMain li.contact a, #menuMain li.contact a:hover {background-position: -378px -21px;}
*/

body#index #menuMain li.index a,
#menuMain li.index a:hover {
	background-position: 0 -21px;
}
body#getstarted #menuMain li.getstarted a,
#menuMain li.getstarted a:hover {
	background-position: -54px -21px;
}
body#about #menuMain li.about a, 
#menuMain li.about a:hover {
	background-position: -150px -21px;
}
body#cafeforum #menuMain li.cafeforum a,
#menuMain li.cafeforum a:hover {
	background-position: -208px -21px;
}
body#partners #menuMain li.partners a,
#menuMain li.partners a:hover {
	background-position: -304px -21px;
}
body#contact #menuMain li.contact a,
#menuMain li.contact a:hover {
	background-position: -378px -21px;
}

body#index #menuMain li.index a:hover,
body#getstarted #menuMain li.getstarted a:hover,
body#about #menuMain li.about a:hover,
body#cafeforum #menuMain li.cafeforum a:hover,
body#partners #menuMain li.partners a:hover,
body#contact #menuMain li.contact a:hover
{ cursor: default; }

#menuMain .partners_banner{
	position:absolute;
	right:70px;
	top:-60px;
	background-image:url("/wordcup/images/partners.gif"); 
	width: 148px;
	height: 75px;
}
/*---MENU SUB---*/
#menuSub {position: relative; text-align: center; width: 100%; top: -34px; background-color:transparent; }
#menuSub ul { margin: 0 auto; background-color:#ebb038; height: 24px; text-align: center; }
#menuSub li { display: inline; padding-left: 20px; }
#menuSub li.first { padding-left: 0; }
#menuSub li a:link, #menuSub li a:visited, #menuSub li a:hover, #menuSub li { color:#14296a; line-height: 24px; font-weight: bold;}
#menuSub li a:hover { text-decoration: none; color:#fff;}




/*---MENU TOP---*/
#menuTop { position: absolute; top:0; left: 790px; height: 21px; width: 280px; }
#menuTop li { float:left; padding-right:3px;}
#menuTop li#livechat { width:70px; }
#menuTop li#login { width: 50px; right: 53px;}
#menuTop li#register { width: 70px; right: 126px; }

#menuTop a{
display: block; width: 100%; height: 21px;
text-indent: -999em;
background: url(../images/menuTop.png) no-repeat transparent;
background-position: 0 0;
}
#menuTop li#livechat a {background-position: -128px 0;}
#menuTop li#login a {background-position: -74px 0px;}
#menuTop li#register a {background-position: 0 0;}

#menuTop li#register a:hover {background-position: 0 -21px;}
#menuTop li#login a:hover {background-position: -74px -21px;}
#menuTop li#livechat a:hover {background-position: -128px -21px;}

form#google_search { 
	 margin:0 0 10px; height: 32px; background: url(../images/searchIcon.png) no-repeat 0 0;
	 text-align: right;
	}

form#google_search input#sbi { 
	width: 127px; margin-right: 4px; margin-bottom: 0; 
	}
form#google_search button#submitBtn {
	background: url(../images/submitBtn.gif) no-repeat; border: 0; cursor: pointer; width:36px; height:22px; vertical-align:top;
	}
form#google_search button#submitBtn:hover, form#dictEntry button#submitBtn.over {
	background-position: 0 -22px;
	}
/*
form#search button#submitBtn:active { 
	background-position: 0 -40px; outline: none;
	}
*/

/*---FOOTER-----------------------------*/
#footer {
margin: 0 auto;
width: 100%;
padding: 20px 0 0;
text-align: center;
background-color: #b2cff1;
}

body.w1024 #footer { font-size: .9em; }
#footer ul { padding: 1.2em 0 .4em 0; }
#footer li {
display: inline;
margin: 0 7px 0 0px;
}
#footer li a {
border-left: 1px #474747 solid; 
padding: 0 0px 0 10px; 
}
#footer li a, #footer li a:link, #footer li a:visited, #footer li a:hover { color:#474747; }
#footer li a:hover { text-decoration: underline; }

body#index #footer li.index a,
body.getstarted #footer li.getstarted a,
body#about #footer li.about a,
body#cafeforum #footer li.cafeforum a,
body.partners #footer li.partners a,
body.contact #footer li.contact a,
#footer a.current, #footer a.current:hover  {
cursor: default; text-decoration: none;
}
#footer li.first a {
border-left: 0px #474747 solid; padding-left: 0;
}
#footer li.last {
margin-right: 0;
}
p#copyright {
margin: 0; 
padding-bottom: 12px;
}
p#copyright a { color: #474747; }

/*---LINKS MISC-----------------------------*/
a:link img { border: 0; }
a:focus, a:active, a:visited { outline: none; }
#menuSub li a img{display: none;}


.how_it_works{
	background: url(../images/how_it_works.jpg) no-repeat center center;
	margin: 20px auto;
	width: 743px;
	height: 500px;
}
	.right_bot_angle{
		padding-top:425px;
	}
		.how_it_works img{
			border:0 none;
		}
		.text_image{
			float: left;
			padding-top:5px;
			padding-left:20px;
			width:190px;
		}
			.text_image a{
				float:left;
				margin-bottom:2px;
			}
				.text_image img{
					border-bottom: 2px solid transparent;
				}
				.text_image a:hover img{
					border-bottom: 2px solid #235FB1;
				}
		.start{
			float: left;
		}
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:0px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#ffffff;
  height:0px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

form#user_register{
	padding-left:90px;
}
form#user_register table.tbl_frm{
	width:500px;
	border:0px none;
	padding:8px 0 15px;
	margin-left: 75px;
}
form#user_register table.tbl_frm .lbl{
	width:140px;
}

form#user_register table.tbl_frm .lbl span{
	display:none;
}

form#user_register p{
	padding-bottom: 10px;
}