﻿body
{
    background:url(../images/common/erbg.jpg) no-repeat; 
    font-size:14px; 
    font-family:Arial, Helvetica, sans-serif; 
    color:#222; 
    margin:0; 
    padding:0;
    width:100%;
}
img
{
    border:0px; 
    display:block;
}
    
/*input{background-color:transparent; border:0; color:#007a7e; font:Bold 21px Georgia; height:30px; padding-top:7px;}*/
input{background-color:transparent; border:0;}
input[type=text]{color:#005281; font:Bold 24px Georgia;}
input[type=password]{color:#005281; font:Bold 24px Georgia;}
input[type=checkbox]{vertical-align:bottom; height:20px;}
#btnClear{background:url(../images/common/clearBtn.png) no-repeat; width:70px; height:40px; cursor:pointer}


#searchform input[type="text"]  {
border:thin solid gray;
color:#005281;
font:bold 24px Georgia;
width:140px;

}


#searchform input[type="submit"]{
   background:url(../images/wildwire/searchBtn.jpg) no-repeat !important;
   width:60px;
   height:30px;
   cursor:pointer;
   color:transparent;
   
}

#searchform #searchsubmit:hover{
   background:url(../images/wildwire/searchBtn_On.jpg) no-repeat !important;
   width:60px;
   height:30px;
   cursor:pointer;
}



ul#mainNav{margin:0;
    padding:0;
    float:right;
}

ul#mainNav li{
    float:left;
    list-style:none;
}

ul#subMainNav{
    margin:0;
    padding:0;
    float:left;
}


ul#sideBar{
    margin:0;
    padding:0;
}

ul#sideBar li{
    list-style:none
}


#loginDiv{
    width:635px;
    float:right;
    background-color:transparent;
}

#form1{
    background-color:transparent; 
}

#logInForm{
    width:525px;
    background-color:white;
    height:53px;
    position:absolute;
    top:70px;
    left:420px;
    padding:4px ;
}

.emailHolder
{
    background-color:#ccc; width:200px; height:25px; margin-right:7px;
}

.passwordHolder
{
    background-color:#ccc; width:220px; height:25px; padding-left:10px;
}

#logInForm #yourEmaildiv{
    width:200px;
    float:left;
    margin-top:2px;
    text-align:left;
    
}

#logInForm #yourPassworddiv{
    width:230px;
    float:left;
    margin-left:7px;
    margin-top:2px;
    text-align:left;
}

#logInForm #yourPassworddiv .textLabel, #logInForm #yourEmaildiv .textLabel{
    font-size:16px;
    
}


#logInForm input[type=text]{color:#005281; font:14px Georgia; width:190px; position:relative; left:5px; top:3px; background-color:#ccc !important;}
#logInForm input[type=password]{color:#005281; font:Bold 14px Georgia; width:190px; position:relative; left:5px; top:3px; background-color:#ccc;}

#lowerBtn
{
    
    float:right;
    padding-top:4px;
    padding-right:5px;
    padding-bottom:3px;
}


#forgotPwd{
    position: relative; top: -43px; left: 315px; width: 160px;
}

#forgotPwd a{
    text-decoration:underline;
    color:#005281;
}

#forgotPwd a:hover{
    text-decoration:none;
    color:#005281;
}

#forgotPwd2{
	display: inline;
	position: relative; 
	top: -2px;
	left: 27px;
}

#forgotPwd2 a{
    text-decoration:underline;
    color:#005281;
}

#forgotPwd2 a:hover{
    text-decoration:none;
    color:#005281;
}


.textLabel
{
    font-family:Georgia; 
    font-size:21px; 
    color:#005281;
}

#loginError{
    clear:both;
    width:519px;
    background-color:yellow;
    position:relative;
    top:-4px;
    left:-4px;
    padding-left:14px;;
    
}



.errorMessage
{
    color:Red;
    text-align:center;
    font-weight:bold;
    width:100%;
    
}

    
.pwErrorMessage
{
	border-width:thin;
	border-style:solid;
	border-color:#FFFF99;
	background-color:#FFFF99;
    width:416px; 
    height:30px; 
    padding-top:7px; 
    color:#666666; 
    font-family:Georgia; 
    font-size:20px; 
    margin-top:30px; 
    text-align:center;
}
    
.pwSuccessMessage
{
	border-width:thin;
	border-style:solid;
	border-color:#FFFF99;
	background-color:#FFFF99;
    width:416px; 
    height:30px; 
    padding-top:7px; 
    color:#666666; 
    font-family:Georgia; 
    font-size:20px; 
    margin-top:30px; 
    text-align:center;	
}

#contentDiv
{
    /*background:url(/images/common/footer/bg-footer-blueTile.png) repeat-x bottom left;*/ 
    margin:0; 
    padding:0; 
    float:left; 
    width:100%; 
    height:100%
    
}

#homepromos{
    margin-left:34px;
    margin-top:69px;
}
    
#rightCol{
    float:right;
    margin-top:40px;
}

#playGame{
    background:url(../../images/games/gameContainer.png) no-repeat; height:568px; 
}

#lockedGameImage{
    padding-left:109px;
    padding-top:25px;
}

a
{
    text-align:center;
    text-decoration:none;
    padding:0;
    margin:0;
    border:0;
    
} 



.animal_fav
{
    padding-top:105px; width:230px;
}

.gameImage
{
    float:left;
}


.fl
{
    float:left;
}

.fr
{
    float:right;
}


#hpGames
{
    background:url(../images/games/homepageGamesBG.png) no-repeat; 
    width:237px; 
    height:200px; 
    padding-top:55px; 
    padding-left:10px;
}

.highlightLink
 {
     background-color:#ffff82;
     color:#005281
 }
 
.highlightLink:hover
{
    color:#c33;
    border-bottom:dotted 1px #c20029;
}
 
.articleLink
{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:16px;
    color:#2d8396;
}


.redLink
{
  color:#c33;
  text-decoration:none; 
  border-bottom:dotted 1px #c33;
  cursor:pointer;  
  font-family:Arial;
  font-size:16px;
}

.redLink:hover
{
    border-bottom:solid 1px transparent;
}

submit.redLink
{
    font-size:12px;
}

.gameFaves
{
    width:230px;
    float:left;
    
}

.mainTitles
{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:24px;
    color:#319793;
}

.subTitles
{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:18px;
    color:#005281;
}

.leadIn
{
    
    padding:12px 0;
}

ul
{
    /*list-style-image:url(../images/common/itemBullet.png) no-repeat; temporary change- change back when live*/
}

.tiled{
    background:url('/images/common/wildWire/bg-wildWire-v-tile.png') repeat-y;
}

.mainFooter
{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:14px; 
    font-weight:300; 
    color:white;
    border-bottom:0;
}


.noLine
{
    border:0;
}


.forgotPassword
{
 background:url(../images/common/generictextfield.png) no-repeat;
 width:350px;
 height:45px;  
}

.footer
{
    float:left; 
    width:100%; 
    background-color:#005281; 
    padding:10px 0;
}


.clrPad
{
    clear:left; padding-top:12px;
}

/***
#shortList{
    float:left; width:716px;  margin-top:0px; margin-bottom:40px; margin-left:30px; background:url(/images/wildwire/shortListTop.png) no-repeat;
}
****/

#shortList{
    float:left; width:716px;  margin-top:0px; margin-bottom:44px; margin-left:30px; 
}

#blockMenu
{
	margin-left:28px;
}

#colmn1
{
	padding-left:5px;
}

#colmn2
{
	padding-bottom:15px;
}

ul#ambassadors{
    margin:0;
    padding:0;
}

ul#ambassadors li{
    float:left;
    list-style:none;
    padding:19px;
}

ul#saveThese{
    margin:0;
    padding:0;
}

ul#saveThese li{
    float:left;
    list-style:none;
    padding:19px;
}

#contestFooter
{
 background:url(../images/contest/cosmo.png) no-repeat; height:135px; width:600px; margin-left:27px; margin-top:220px;  vertical-align:bottom;
}


.footerFix
{
    padding-top:50px; float:left; margin-bottom:70px; 
}


@media print
{
 
a img{display:none}
a.pageLinks img{display:none}
img{display:none}
#articleContent{position:absolute; top:0; left:300px; }
#ctl00_ContentPlaceHolder_mainContent_img_pageimg{display:block; position:absolute; left:0; top:0;}
#mainFooter, #topNav, #ArticleNav, #pageNo{display:none;}  
}


.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: transparent;
/*border: 1px solid #f06b24;*/
/*border-width: 1px 1px;*/
padding: 0px;
margin:0px;
font: normal 12px Verdana;
z-index: 100;

}

.megamenu .column{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 0px;
/*border: 1px solid #f06b24;*/
}


.megamenu .column table {
	border-collapse:collapse;
	padding:0px;
}

#c1 {
	padding:0px;
	margin-top:-5px
}

#c2 {
	padding:0px;
	margin-top:-6px
}

.megamenu .column table tr {
	padding:0px;
	margin:0px
}

.megamenu .column table td {
	padding:0px;
	margin:0px
}

.navImg
{
	margin:0px;
	border-style: none;
}

.mainImg
{
	height:33px;
	width:222px;
	border-style: none;
}

#mainNavTable
{
	border-collapse:collapse;
	/*margin: 0px 0px 0px 210px;*/
	margin: 0px 0px 0px 20px;
}

#mainNavTable td
{
	padding-right:5px;
	vertical-align: top;
	
}

#mainNavTable .caption
{
	color:#ADDFFF;
	font-weight:bold;
	font-size:13px;
}

#loginJoin
{
	border-collapse:collapse;
	margin:-40px 5px 0px 0px;
	float:right;
	padding:0px;
	
}

#loginJoin td
{
	padding:0px;
	
}

#rsscontent
{
	margin-top:15px;
	margin-left:25px;
}

#rssbackground
{
	background-image: url(../images/mainNav/rssBK.png);
	background-repeat: no-repeat;
	height:230px;
	vertical-align:top;
	margin-top:-25px;
}

.rssthumbnail
{
	padding-right:10px;
	margin-top: 75px;
}

#animal_projects
{
	background-image: url(../images/mainNav/background_animal_projects.png);
	background-repeat: no-repeat;	
	vertical-align:top;
	height:220px;
	width:920px;
}

.animalImg
{
	margin-left:5px;
}

.animalImg2
{
	margin-left:0px;
}

/*****
.megamenu .column ul li a:hover{
color: red;
}
***/
