* { margin: 0; padding: 0; }

.favoritesLink{
font-size:12px;
width:200px;
background-image:url(favorites.png);
padding-left:20px;
background-repeat:no-repeat;
}


p{margin-bottom:.6em;}



h2	{
		font:21px "Arial Narrow";
		margin-bottom:15px;
		
		color:#32677d;
	}


.bg{
background-image:url(body_bg.jpg);
}
.bg2{
background-image:url(body_bg2.jpg);
}

.menublock_container{margin:0px;
	background-color:#d0d8dd;
	padding:3px; padding-bottom:0px;
	}
	
	
	.menublock{
	text-align:left;
	margin:0px ;
	padding:0px ;
	border: 1px solid #b7c7ce;
	background-color:#dee4e7;
	
	}
	.top_line{
	margin:0px ;
	padding:0px ;
	height:3px;
	border-top: 2px solid #d0d8dd;
	
	}
	.menublock_bottom{
	border-bottom: 4px solid #b7c7ce;
	 opacity: 0.4; 
	
	}
	.menublock_header{
	border-top: 2px solid #ffffff;
	color:#1f343c;
	padding-top:8px;
	padding-bottom:6px;
	padding-left:6px;
	font-size:19px;
	text-decoration:underline;
	}
	
	.menublock_text_container{margin-left:3px;margin-right:3px;margin-top:12px;margin-bottom:2px;
	border-left:2px solid #d0d8dd;
	border-right:2px solid #d0d8dd;
	}
	
	.menublock_text{
	color:#688793;
	padding-top:0px;
	padding-left:4px;
	font-size:12px;
	text-decoration:none;
	
	}
	
	
	.menublock_tc_dec{
	height:2px;
	border-left:4px solid #d0d8dd;
	border-right:4px solid #d0d8dd;
	}

	.menu_first_level, .menu_first_level a {
	margin:0px !important;
	padding:0px !important;
	border:0px solid white !important;
	background-color:#d0d8dd;
	
	
	}
	img {border:0px;padding:0px; margin:0px;}






#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
border:1px solid #688793;

}
















.bg-darkest, .logbutton{background-color: #1f343c;}
.bg-darkest {background-color: #1f343c;}
.text-lighter, .logbutton{color: #688793;}
.text-lightest{color: #fff;}



a {text-decoration:none;color: #32677d;}
a:hover {text-decoration:underline;color:  #1f343c ;}

.logbutton{margin-top:6px;
margin-right:0px;
background-color: black;
border:1px solid black;
}



body {
	margin: 0 0 1em 0;
	padding: 0;
	color:  #1f343c;
	background-color: #688793;
	/*line-height: 130%;*/
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:85%;
}

.headertext{color:#1f343c; font-weight:bold; font-size:20px;padding-left:20px;}
.headerdescr{color:#ffffff; font-weight:bold; font-size:13px;padding-left:20px;}
.headerlink a{color:#32677d; font-weight:bold; font-size:13px;padding-left:20px;}


#wrapper{
	margin: 20px auto;
	margin-top: 0px;
	padding: 20px ;
	padding-top: 0px;
}

#topbg{position:absolute; height:95px; background-color:#32677d; width:100%; z-index:3;}


#logo{
color:white;
font-weight:bold;
font-size:20px;
color:#c8d3cf;letter-spacing:90%;
text-indent:-1000px;
background-image:url(gob-logo.png);
background-repeat:no-repeat;
height:32px;
}

#header {
	background-color: #1f343c;
	margin: 0px ;
	text-align: left;
	padding-left:20px;	
	padding-right:20px;
	/*border:1px solid red;*/
	height:32px;
	
}


#topnav{
background-color:#b7c7ce;
margin-top: 15px ;
height:45px;
line-height: 45px;
border-top: 1px solid #d0d8dd;
border-bottom: 1px solid #688793;
}

#footer
{
background-color: #b7c7ce;
height:45px;
line-height: 45px;
border-top: 1px solid #d0d8dd;
border-bottom: 1px solid #688793;
}


.rightcell, .leftcell {
background-color: #d0d8dd;

}
.maincell{
background-color: #dee4e7 ;
border-right: 1px solid #b7c7ce;
border-left: 1px solid #b7c7ce;
}
.rightmenu ul {margin:0px;padding:0px;list-style:none;}

.rightmenu ul li a{padding:5px;
text-decoration:none;
color:#1f343c;
display:block;
border-bottom: 1px dotted #688793;
background: url("menuarr.gif") 123px 50% no-repeat;
}

.rightmenu ul li a:hover{
display:block;
background-color: #d0d8dd ;

}

#tleft{width:50%; text-align:center;}
#tcenter{}
.centerLine{width:1px; background-color: #688793; text-align:center;}

#tright{width:50%; text-align:center;}

.infopanel{padding-left:15px; background-color: #b7c7ce;font-size:12px; border-bottom:1px solid #32677d;}
.infopanel a{color: #688793; text-decoration:none; font-weight:bold;}



#nav a, #subMenusContainer a{
color: #688793;
border-bottom: 1px dotted #688793;

}

#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color: #688793 ;	
}



#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	background:#fff;	
	border:1px solid #b7c7ce; 
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color: #32677d ;
	color:#FFF;
}



#subMenusContainer a{
color: #b7c7ce; 
border-left: 5px solid #d0d8dd;
background-color: #b7c7ce ;	

}

#subMenusContainer a.menuAdd{
color: #7eb629; 
background-image:url(add.gif);
background-position: 7px center;
background-repeat:no-repeat;
border-left: 5px solid #7eb629;
padding-left:29px;
/*background-color: #d0d8dd ;	*/
}

#subMenusContainer a.menuHL{
color: #7eb629; 

border-left: 5px solid #7eb629;

/*background-color: #d0d8dd ;	*/
}
















li { list-style-type: none; }


#navigation {
	
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#dee4e7;
	width:200px;
}
#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation a.head:hover {
	color:#FFFF99;
}
#navigation a.selected {
	background-image: url(expanded.gif);
}
#navigation a.current {
	background-color:#FFFF99;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navigation li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}



















	
#patabs{
padding:0 2px 2px 5px;
margin-top:5px;
}

	
#patabs ul.patabs li div{
background:#d0d8dd;

}

#patabs ul.patabs li h4{
 background:#688793;
}


#patabs ul.patabs li a{
   background-color:#dee4e7;
}



#patabs ul.patabs li a.headhref{
  border:1px solid #d0d8dd;
  border-color:#d0d8dd#32677d#32677d#d0d8dd;
  background-color:#dee4e7;
}


#patabs ul.patabs li.tab-on a, #patabs .papreviewdiv{
  border-color:#566c7a #c2d0d9 #c2d0d9 #c2d0d9;
  border-width:1px 1px 0 1px;
  background:#dee4e7 url(http://l.yimg.com/a/i/ww/t4/pa-preview-shadow.gif) repeat-x;
}

#patabs ul.patabs li.tab-on div{
  background:#dee4e7;
}





#patabs ul.patabs{
position:relative;
}

#patabs ul.patabs li div{
display:block;
position:relative;

margin:4px 3px 0;
}

#patabs ul.patabs li.first div{
margin-left:2px;
}
#patabs ul.patabs li.last div{
margin-right:0;
}

#patabs ul.patabs li h4,#patabs ul.patabs li a{
display:block;
position:relative;
top:-1px;
left:-1px;
font:normal 12px tahoma;
color:#32677d;
}



#patabs ul.patabs li a:hover{
background-color:#fff ;
color:#32677d;
}



#patabs ul.patabs li a{
padding:1px 0;
*padding:0;
}



#patabs ul.patabs li.tab-on a{
margin:-1px -1px -3px;
top:0;
left:0;
*background-position:0 1px;
}





#patabs li .icon{
display:block;
padding:8px 0 9px 40px;
background:url(http://l.yimg.com/a/i/ww/sp/pa-icons3.gif) 5px 3px no-repeat;
}

#patabs li .smileicon{
background-image:url(images/smile_botton.gif);
}
#patabs li .golosujicon{
background-image:url(images/golosuj_botton.gif);
}
#patabs li .meeticon{
background-image:url(images/meet_botton.gif);
}

#patabs li .konkursicon{
background-image:url(images/competitions_botton.gif);
}
#patabs li .adviceicon{
background-image:url(images/advice_botton.gif);
}

#patabs li .questionsicon{
background-image:url(images/questions_botton.gif);
}




#patabs li #pagames .icon {
padding-left: 50px;
}


.patabs li div h4 a{
text-decoration:none;
font-size:19px;

}

#navigation{
border: 0px !important;
overflow:hidden;

width:133px;
width:133px;
}

#patabs ul.patabs li a.headhref{
font:bold 14px tahoma;
}
	
	
#patabs ul.patabs li a{
margin-top:1px;
padding-top:3px;
padding-bottom:3px;

}	

#patabs ul.patabs li a.headhref{
margin:0px;

}	



h5 {
 font:bold 13px tahoma;
 padding-left:0px;
 border-bottom:1px dotted #688793;
 background:#dee4e7;
 padding-left:9px;
 margin-right:9px;
 position:relative;
  }

.option {
border-top:1px dotted #688793;
} 
  
  
  
  
ul.redbox li a{
background:url(images/bullet_redbox.gif) 9px 3px no-repeat;
padding-left:15px !important;
}
 
 
 ul.orangebullet li a{
background:url(images/bullet_orange.gif) 9px 3px no-repeat;
padding-left:15px !important;
}
 
 ul.redbullet li a{
background:url(images/bullet_red.gif) 9px 3px no-repeat;
padding-left:15px !important;
}	
	
	 ul.yellowbullet li a{
background:url(images/bullet_yellow.gif) 9px 3px no-repeat;
padding-left:15px !important;
}	

	 ul.bluebullet li a{
background:url(images/bullet_blue.gif) 9px 3px no-repeat;
padding-left:15px !important;
}

	 ul.goldbullet li a{
background:url(images/bullet_gold.gif) 9px 3px no-repeat;
padding-left:15px !important;
}





	
.menuHL{
background:url(images/add.gif) 9px 3px no-repeat !important;
padding-left:15px !important;
}






















    ul#signupForm{
    	margin: 0px auto;   
    	width:400px;
    	margin-top: 15px;
    	padding-left: 0;
    	}
   	
     li label.desc{ /* IE LOVE */
        float: left;
    }
    label.info{
    	font-size: 11px;
    	color: #777;
    	margin-top: 3px;
    	margin-left: 3px;
    	}
    label.desc{
    	font-size: 12px;
    	color: #444;
    	margin-bottom: 1px;
    	margin-left: 1px;
    	}
    	label.desc strong{
    		font-size: 13px;
    		color: #f5fce4;
    		}
		

    .clear{
    	clear: left;
    	}
    .clearBoth{
      clear: both;
    }
    .left{
    	float: left;
    	}
    .right{
    	float: right;
    	}
 


    .goButton {  
    	color: #FFF;  
    	background: #0975b6;  
    	border-top: 1px solid #87c4e8;
    	border-left: 1px solid #87c4e8;
    	border-right: 1px solid #075381;
    	border-bottom: 1px solid #075381;
    	cursor: pointer;  
    	padding: 3px 8px;
    	margin-top: 0px;
    	margin-right: 6px;
    	font-size: 18px;
    	}




    /* FORM *****************************/
    fieldset{
    	padding: 15px 18px 8px;
    	border-left: 1px solid #DDD;
    	border-right: 1px solid #DDD;
    	border-bottom: 1px solid #CCC;
    	border-top: 2px solid #CCC;
    	margin-bottom: 18px;
    	background: #f5fce4;
    	}
    	fieldset li{
    		list-style: none;
    		margin-bottom: 15px;
    		}
    	legend{
    		color: #88ac0b;
    		font-size: 18px;
			background: #fff;
    		}
    select{
    	border-top: 1px solid #7C7C7C;
    	border-bottom: 1px solid #DDD;
    	border-left: 1px solid #C3C3C3;
    	border-right: 1px solid #C3C3C3;
    	padding: 3px;
    	}




    /* TEXT FIELDS ***************/
    textarea,
    input{
    	border: 1px solid #CCC;
    	border-top: 1px solid #999;
    	padding-left: 6px;
    	padding-top: 2px;
		margin-top: 5px;
    	}
    input.fieldWide{
    	width: 346px;
    	}
    input.fieldXNarrow{
    	width: 60px;
    	}
    li label b{
    	color:#0d5e9b;
    	}
    .checkItem{
    	margin-bottom: 20px;
    	}
    	.checkItem input{
    		height: auto;
    		border: none;
    		}
    select{ 
    	color: #333;
    	}
      .rockButton{ /* LIST WILL APPLY TO ALL BUTTONS */
      	cursor: pointer;  
      	padding: 2px 8px;
      	border-width: 1px;
      	border-style: solid;
      	}
        .rockButton{
        	color: #444;
        	background-color: #CCC;
        	border-color: #EEE #AAA #AAA #EEE;
        	}
  .genderSet{
      margin-right: 10px;
      }
  .passField{
      margin-right: 4px;
  }

    /* from userLoginSmall ---------------------------------------------------------- */
    	.hHloginForm{
    		border: 1px solid #d0e2f1;
    		border-left: none;
    		border-right: none;
    		background: #edf2f5;
    		padding: 10px;
    		margin-bottom: 15px;
    			font-size: 12px;
    			width: 200px;
    	}
    	.hHloginForm td{
          color: #333;
    			font-size: 12px;
    			text-align: right;
    	}
    		.hHloginForm tableLogin{
    				border-bottom: dashed 1px #CCC;
    				padding-bottom: 6px;
    				margin-bottom: 6px;
    		}
    		.hHloginForm input{
    			width: 100px;
    			padding-left: 4px;
    			margin-top: 4px;
    			margin-bottom: 3px;
    		}
    		.hHloginForm .hHsubmitButton{
    			width: auto;
    				background: #689B23;
    				color: #FFF;
    				padding: 1px 6px;
    				border-top: 1px solid #9DD23E;
    				border-left: 1px solid #9DD23E;
    				border-right: 1px solid #4F7C25;
    				border-bottom: 1px solid #4F7C25;
    			margin-top: 6px;
    			cursor: pointer;
    		}
    	.hHfText{
    	    margin-right: 6px;
    	}
    	.hHfunctionLink{
    		font-size: 10px;
    		margin-right: 6px;/* NF */ 
    		color: #888;
    	}
    span.hHalertLink{
    		color: #D82915;
    	}
    	.hHsilentText{
    		color: #777;
    		font-style: normal;
    	}
    div.hHlabelText{
    	  text-align: left;
    		color: #333;
    		font-size: 12px;
    		margin-bottom: 3px;
    		font-weight: bold;
    		margin-right: 0;
    		padding-right: 0;
    	}
    	.hHcalloutMedium{
    		padding: 8px 3px;
    		border: 2px solid #CCC;
    		width: 160px;
    	}
    	
    	
    	
    	
    	

a#rating1, a#rating2{
text-decoration:none;
}

a#rating1:hover, a#rating2:hover{
text-decoration:none;
}

.decor{
height:14px;
width:60px;
margin:auto;
margin-top:12px;
margin-bottom:12px;
background-image:url(decor.gif);


}