/* GENERAL */
/* 5 240 10 420 10 300 5 */

:root { overflow-x: auto !important; }
html { height: 100%; margin: 0px; padding: 0px; overflow: -moz-scrollbars-vertical!important; }
body, * { font-family: Arial; font-size: 10px; color: #339933; }
body { background-image: url(/images/bg_main.gif); background-repeat: repeat-x;  background-position: top center; background-color: #3d5687; margin: 0px; text-align: center; }

#phAllCenter { width: 992px; min-width: 992px; margin-left: auto; margin-right: auto; text-align: left; }

#phHeader { width: 992px; height: 110px;}
#phLogo { }
#phLeaderboard { float: right; margin: 5px 3px 0 0; }

#phMenubar { width: 992px; height: 51px;}
	#phContact { float: left;  width: 194px; height: 46px; background-image: url(/images/bg_contact.gif); }
	#phMainbar { float: left;  width: 460px; height: 46px; background-image: url(/images/bg_mainbar.gif); }
		.phPaging { float: right; margin: 15px 25px 0 0;}
			.phPagingbuttons {float: left; width: 17px; height: 17px; }
	#phMainbarShare { float: left;  width: 460px; height: 46px; background-image: url(/images/bg_mainbar_share.gif); }
		#AddThis { margin: 4px 0 0 275px; }
	#phAddtofavorite { float: left;  width: 174px; height: 46px; background-image: url(/images/bg_options.gif); }
	#phSetashomepage { float: left;  width: 164px; height: 46px; background-image: url(/images/bg_options.gif); }
	.phHeaders { float: left; margin: 12px 0 0 14px; }

	#phMainbarbottom { float: left; width: 460px; height: 45px; background-image: url(/images/bg_mainbar_bottom.gif);}
	#phMainHeader { float: left; width: 460px; height: 37px; background-image: url(/images/bg_mainbar_header.gif);}
	.phPagingBottom { float: right; margin: 10px 25px 0 0;}

#phBody { width: 992px; float: left; }
#phLeft { width: 194px; float: left; }
	.phLeftcontent { float: left; width: 194px;  background-image: url(/images/bg_leftpanel_top.gif); }
		.phLeftMargin { margin: 10px 20px 0 12px; }
	.phLeftfooter { float: left; width: 194px; height: 12px; display: block; background-image: url(/images/bg_leftpanel_bottom.gif);}

#phContentAndRight { width: 798px; float: left; }
	#phContent { float: left; width: 460px; }
		#phPlayerpanel { float: left; width: 798px; height: 380px; background-image: url(/images/bg_playerpanel.jpg); }
			#phVideoItem { float: left; margin: 25px 0 0 25px; }
			#phVideoText { float: left; width: 355px; height: 275px; } 
				#phVideoTextMargin { margin: 25px 0 0 40px; } 
		#phContactpanel { float: left; width: 452px; height: 410px; background-image: url(/images/bg_contactpanel.jpg); }
			#phContactmargin  { margin: 25px 0 0 40px; } 
		.phMainpanel { float: left; width: 452px; height: 182px; background-image: url(/images/bg_mainpanel.gif); }
		.thumb { margin: 12px 10 0 15px; float: left; border: solid 2px #6faf19; }
		.phDescription { width: 205px; height: 167px; float: left; }
			.phTitle { width: 205px; height: 75px; margin: 20px 0 0 0; }
			.phVoted { height: 67px; }

	#phRight { width: 338px; float: left; }
		.phRightcontent { float: left; width: 338px;  background-image: url(/images/bg_rightpanel_top.gif); }
		.phRightMargin { margin: 10px 20px 0 15px; font-size: 11px; }
		.phRightfooter { float: left; width: 338px; height: 12px; display: block; background-image: url(/images/bg_rightpanel_bottom.gif);}

.answer_off { padding: 3px 10px 10px 25px; color: #006600; font-size: 13px; background-image: url(/images/bg_radio.gif); }
.answer_over { padding: 3px 10px 10px 25px; color: #003300; font-size: 13px; background-image: url(/images/bg_radio_over.gif); }
.answer_sel { padding: 3px 10px 10px 25px; color: #003300; font-size: 13px; background-image: url(/images/bg_radio_selected.gif); }	
.answer_right1 { padding: 3px 10px 10px 25px; color: #003300; font-size: 13px; background-image: url(/images/bg_radio_right.gif); }	
.answer_right0 { padding: 3px 10px 10px 25px; color: #006600; font-size: 13px; background-image: url(/images/bg_radio_wrong.gif); }	

.voting { float: left; padding: 20px 10px 10px 240px; background-image: url(/images/bg_butnotselected.gif);}
.votingResults { float: left; padding: 0 0 0 50px; }

.results { padding: 3px 10px 5px 0; }
	.resultsVoteNr { float: left; width: 25px; font-size: 9px; font-weight: bold; color: #9bdf1d; padding-top: 3px;}
	.resultsText1 { float: left; color: #006600; width: 275px; font-size: 13px; background-color: #9bdf1d;}
	.resultsText0 { float: left; color: #003300; width: 275px; font-size: 13px;}

.resultsBar {width: 335px; }
	.barcolor1 { border: solid 1px #339900; height: 13px; background-image: url(/images/bg_barcolor1.gif); }
	.barcolor0 { border: solid 1px #cc9900; height: 13px; background-image: url(/images/bg_barcolor0.gif); }




/* TEXT STYLES */
h1 { margin: 10px 0 8px 0; font-size: 12px; text-transform: uppercase; color: #ff9900; }
h2 { margin: 0 0 8px 0; font-size: 16px; text-transform: uppercase; color: 003300; font-weight: bold; } 
h3 { margin: 0 0 8px 0; font-size: 14px; text-transform: uppercase; color: 003300; font-weight: bold; } 
.guezr { color: #ff9900; font-size: 11px; }

/* LINK STYLES */
a.title { font-size: 12px; text-transform: uppercase; color: #003300; text-decoration: none; font-weight: bolder;  }
a.title:hover { color: #006600; text-decoration: underline; }
a.green { font-size: 11px; color: #92c337; text-decoration: none;}
a.green:hover { color: #92c337; text-decoration: underline; }

/* BUTTON STYLES */
a.btnLogoHome { float: left; width: 186px; height: 110px; display: block; background-image: url(/images/pic_logo.gif); background-repeat: no-repeat; text-decoration: none; }
a.btnLogoHome:hover { background-image: url(/images/pic_logo_over.gif); }
a.btnSuggest { float: left; width: 131px; height: 23px; display: block; background-image: url(/images/but_suggest.gif); background-repeat: no-repeat; text-decoration: none; }
a.btnSuggest:hover { background-image: url(/images/but_suggest_over.gif); }
a.btnHome { float: left; width: 60px; height: 23px; display: block; background-image: url(/images/but_home.gif); background-repeat: no-repeat; text-decoration: none; }
a.btnHome:hover { background-image: url(/images/but_home_over.gif); }
a.btnAddtofavorites { float: left; width: 136px; height: 23px; display: block; background-image: url(/images/but_addtofavorites.gif); background-repeat: no-repeat; text-decoration: none; }
a.btnAddtofavorites:hover { background-image: url(/images/but_addtofavorites_over.gif); }
a.btnSetashomepage { float: left; width: 131px; height: 23px; display: block; background-image: url(/images/but_setashomepage.gif); background-repeat: no-repeat; text-decoration: none; }
a.btnSetashomepage:hover { background-image: url(/images/but_setashomepage_over.gif); }
a.btnPrevious { float: left; width: 18px; height: 17px; display: block; background-image: url(/images/but_previous.gif); background-repeat: no-repeat; text-decoration: none; }
a.btnPrevious:hover { background-image: url(/images/but_previous_over.gif); }
a.btnNext { float: left; width: 18px; height: 17px; display: block; background-image: url(/images/but_next.gif); background-repeat: no-repeat; text-decoration: none; }
a.btnNext:hover { background-image: url(/images/but_next_over.gif); }
a.btnSendnow{ float: right; width: 140px; height: 42px; display: block; background-image: url(/images/but_sendnow.gif); background-repeat: no-repeat; text-decoration: none; }
a.btnSendnow:hover { background-image: url(/images/but_sendnow_over.gif); }

/* FORMFIELD STYLES */
.formField { float: left; width: 340px; margin: 5px; }
.textfield { width: 250px; height: 20px; border: solid 1px #5c9514;  background-image: url(/images/bg_textfield.gif); background-repeat: no-repeat; font-size: 12px;  }
.captchafield { width: 35px; height: 20px; border: solid 1px #5c9514;  background-image: url(/images/bg_textfield.gif); background-repeat: no-repeat; font-size: 12px;  }
.textarea { width: 250px; height: 100px; border: solid 1px #5c9514;  background-image: url(/images/bg_textarea.gif); overflow: auto; font-size: 12px; }
.captcha { float: left; border: solid 1px #5c9514; }
.formtext { float: left; width: 75px; margin: 3px; font-size: 11px; color: #336600; text-align: right;  }