@charset "utf-8";
/* CSS Document */


html {
	font-size:1em; /* 1em;*/
}

	
body {
    text-align:center; /* To center content in ie */
	
	background-color:#6599FF; 
	background-image:url(../images/greydenim.jpg); /*bluegradient.jpg);*/
	
	background-repeat:repeat-x;
	/*height:2000px;*/
	font-size:60%; /*12px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	 /* Arial, "Lucida Sans Unicode","Lucida Grande", Lucida, Arial, Helvetica, sans-serif; */
}

#pagecontent {
   position:relative;
   margin-left:auto; margin-right:auto; 
   width:900px; 
  /* height:2000px; */
   background-color:#000000;
   text-align:center;
}

#topbar {
   background-image:url(../images/TopBarSlice.jpg);
   background-repeat:repeat-x;
   width:100%;
   height:35px;
}
#topbara7x {
   background-image:url(../images/TopBarSlicea7x.gif);
   background-repeat:repeat-x;
   width:100%;
   height:35px;
}

/*******************************************************************
* This section contains the wierd-ass styling to guarantee that the login form
* at the top edge of the page is vertically centered within the top band
* of color.
*
* For an explanation, go here: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
********************************************************************/

#loginform {
   #position: relative; 
  /* float:right;*/
 /*  background-color:#FFCC00; */
   /*margin-left:auto; margin-right:8px; */
   /*width:45em;*/ 
   /*width:60em;*/
   
   /*display: table; */
   height: 35px;  
   overflow: hidden;
}

#loginButton {
  /*margin-left:6px;
   margin-top:10px;*/
   font-size:1em;
  /* height:1em; 
   line-height:1em; */ /*1em;*/
 /*  background-color:#FF9900; */
   /*width:4em;*/
   display:block;
   /*padding:4px;*/
   text-decoration:none;
   text-align:center;
   color:#ffffff;
   text-indent:-14000px;
   background-image:url(../images/LogInButtonImage.gif);
   background-repeat:no-repeat;
}

#loginButton:hover {
   color:#000000;
   background-image:url(../images/LogInHighlightButtonImage.gif);
  /* background-image:url(../images/LoginButtonBack.gif);*/
}

#loginButtonTest {
   margin-left:6px;
   font-size:1em;
   height:1em;
   line-height:1em;
   background-color:#FF9900;
   width:4em;
   display:block;
   /*padding:4px;*/
   text-decoration:none;
   color:#000000;
}

#loginform #userId {
   height:1.5em; line-height:1.5em; font-size:1em; margin-right:4px; width:10em; background-color:#CCCCCC;
}

#loginform #password {
   height:1.5em; line-height:1.5em; font-size:1em; margin-right:4px; width:8em; background-color:#CCCCCC;
}


#loginform div {
   #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;
}

#loginform div div {
   float:right; #position: relative; #top: -50%
}



#logInDataForm {
   float:left;
}

#logInDataForm label {
   color:#ffffff
}

#logInDataForm #loginButtonCell {
   vertical-align:middle;  font-size:.7em; width:40px; height:20px;
}

#logOutForm {
   color:#ffffff; display:none; width:30em;
}


/*******************************************************************
* This is the top bar that contains both the logo and the menu.
********************************************************************/

#topbanner {
   position:relative;
   width:100%;
   height:64px;

}

#logo {
   position:absolute;
   left:15px;
   top:-20px;
   background-image:url(../images/logo.gif);
   background-repeat:no-repeat;
   background-position: 0 0;
   width:72px;
   height:76px;
}



/*******************************************************************
* ANY!!! popup stuff.
********************************************************************/

#popupOverlayBack {
   position:absolute; top:0px; left:0px; 
   /*width:100%; height:100%; */
   right:0px; bottom:0px;
   background-color:#000000; opacity:.6;filter: alpha(opacity=60);
   text-align:center;
}

#popupOverlayContainer {
   position:absolute; top:0px; left:0px; width:100%; height:100%; 
   text-align:center;
}

.overlayVisible {
   display:block;
}

.overlayHidden {
   display:none;
}


#spinnerDuringLoginDiv {
   margin-top:200px;
   margin-left:auto;
   margin-right:auto;
  /* width:800px;
   height:500px;
   */
  
   width:80px;
   height:80px;
}


/*******************************************************************
* Registration popup stuff.
********************************************************************/

#registrationPage {
   margin-top:50px;
   margin-left:auto;
   margin-right:auto;
  /* width:800px;
   height:500px;
   */
  /* border:double 3px #FF33CC; */
  /* background-color:#6666CC; */
   padding:0px; 

}
#registrationPage a {color:#FFCC33;}
#registrationPage .surroundingBorderDiv {
   background-color:#DADEFE;
}

#registrationForm {
   text-align:left; margin-left:auto; margin-right:auto; background-color:#FFFFFF; padding-left:10px; padding-right:10px; padding-bottom:10px;
}

#registrationForm fieldset {
   padding:20px; border:2px solid #6699CC; font-size:1.7em;
}

#registrationForm fieldset legend {
   padding-left:6px; padding-right:6px; font-size:1.2em; font-weight:bold; color:#6699CC;
}

#registrationForm .formErrorField {
   color:#ff0000; font-size:.7em; font-weight:bold;
}

#registrationForm fieldset label {
   margin-top:10px; display:block;
}

#registrationForm #registrationButtons {
   margin-top:20px; width:100%; text-align:center;
}


.registrationTermsAndConditions {
   font-size:.7em;
}


/*******************************************************************
* Log In PopUp Page stuff.
********************************************************************/

#logInOverlayPage {
   margin-top:50px;
   margin-left:auto;
   margin-right:auto;
  /* width:800px;
   height:500px;
   */
   /*border:double 3px #FF33CC;
   background-color:#6666CC; */
   padding:20px; 
   width:420px;
}

#logInOverlayPage .surroundingBorderDiv {
   background-color:#DADEFE;
}

#logInPopupForm {
   text-align:left; margin-left:auto; margin-right:auto; background-color:#FFFFFF; padding-left:10px; padding-right:10px; padding-bottom:10px;
}

#logInPopupForm fieldset {
   padding:20px; border:2px solid #6699CC; font-size:1.7em;
}

#logInPopupForm fieldset legend {
   padding-left:6px; padding-right:6px; font-size:1.2em; font-weight:bold; color:#6699CC;
}

#logInPopupForm .formErrorField {
   color:#ff0000; font-size:.7em; font-weight:bold;
}

#logInPopupForm fieldset label {
   margin-top:10px; display:block;
}

#logInPopupForm #popUpLogInButtons {
   margin-top:20px; width:100%; text-align:center;
}


   
#footerLinksNotAbsolute {
   background-color:#330000;
   width:100%;
   text-align:center; /* for ie older than 7 */
}


   
#footerLinks {
   background-color:#330000;
 /*  position:absolute;
   bottom:0px; */
   width:100%;
   text-align:center; /* for ie older than 7 */
}

#footerLinks div {
   background-image:url(../images/FooterGradient.png);
   background-repeat:repeat-x; 
   text-align:right; /* Reset the centering to left */
   margin-left:auto; margin-right:auto; 
   width:100%;
   height:3em;
   line-height:3em;
   background-color:#000000; /*6599FF;*/ 
   color:#FF9900;
}

#footerLinks div ul {
   margin-left:10px;
}

#footerLinks div li {
   display:inline;
   margin-right:15px;
}

#footerLinks div li a {
   display:inline;
   color:#ffffff;
   text-decoration:underline;
}


/* nifty popup balloon things */
dl {
  color:#FFF;
}
a.hintlink{color:#FF3300;}
dt {
  padding: 4px 0 2px 0;
  text-align: left;
  font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;

}
dd {
  margin: 0 0 8px 0;
  padding-left: 6px; 
  margin-right:0px
}
.hint {
  position: absolute;
  display:none;
  width:250px;
  height:150px;
  color:#000;
  background-color:#F00;
  background:url(../images/pointer.gif) left top no-repeat;
  font-family:"Courier New", Courier, monospace;
  font-size:.8em;
  font-weight:bold;
  padding-top:35px;
  padding-right:10px;
  padding-bottom:50px;
  background-repeat:no-repeat;
  margin-left:10px;
  margin-top:10px;
  z-index:9999;}
 span.hint-text {
 	width:235px;
 	margin:10px;
 	display:block;
}
p.regMarketingWPHeader {
	text-indent:-12000px;
	background:url(../images/winPrizesHeader.gif) no-repeat;
	text-align:center;
	height:25px;
	margin-left:5px;
	margin-right:5px;
}

p.regMarketingA7xWPHeader {
	text-indent:-12000px;
	background:url(../images/a7xWinPrizesHeader.gif) no-repeat;
	text-align:center;
	height:25px;
	margin-left:5px;
	margin-right:5px;
	font-size:.3em;
}
p.regMarketingDuranWPHeader {
	text-indent:-12000px;
	background:url(../images/duranWinPrizesHeader.gif) no-repeat;
	text-align:center;
	height:25px;
	margin-left:5px;
	margin-right:5px;
	font-size:.3em;
}
p.regMarketingGCHeader {
	text-indent:-12000px;
	background:url(../images/getContentHdr.gif) no-repeat;
	text-align:center;
	height:25px;
	margin-left:5px;
	margin-right:5px;
		}
p.regMarketingCFHeader {
	text-indent:-12000px;
	background:url(../images/challengeFriendsHdr.gif) no-repeat;
	text-align:center;
	height:25px;
	margin-left:5px;
	margin-right:5px;
}
p.regMarketingA7xCFHeader {
	text-indent:-12000px;
	background:url(../images/a7xChallengeFriendsHdr.gif) no-repeat;
	text-align:center;
	height:25px;
	margin-left:5px;
	margin-right:5px;
}
p.regMarketingDuranCFHeader {
	text-indent:-12000px;
	background:url(../images/duranChallengeFriendsHdr.gif) no-repeat;
	text-align:center;
	height:25px;
	margin-left:5px;
	margin-right:5px;
}

p.regMarketingText {margin-bottom:20px;margin-left:5px;margin-right:5px;color:#FFF;}

/* hack so that form hints are visible over the select boxes in IE6 */
.hint iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}
a.accept {color:#FFCC33;}
a.decline  {color:#FFF;}
ul.prizes {list-style-type:disc;
font-size:1.4em;
margin:10px;
text-align:left;}