/*********************************

	 Project Name CSS Guide

	 Project: 

	 Version: 1.0	 

 *********************************/

	/*************************
	
	Base
	
	*************************/
	*{ padding:0px; margin:0px; outline:none;}
	BODY, TD, TH, INPUT, SELECT, TEXTAREA, DIV, P {
		font-family:Verdana, Geneva, sans-serif;
		line-height:18px;
		font-size: 13px;
		color: #000;
		
	}
	a:focus, a:active { outline:none; }
	a{ text-decoration:none;color:#007ad0;}
	html{width:100%; height:100%;}
	body { border: 0; padding: 0; margin: 0; width:100%; height:100%; text-align:center; }
	
	
	.imgLink{
		display:none;
	}
	
	p{ color:#666;}
	
	#SiteBG{ 
		width:100%; 
		height:100%; 
		_height:745px; 
		
		background:url(../img/bg_site.jpg) top center no-repeat; 
		position:fixed; 
		_position:absolute; 
		top:0; left:0; z-index:5;
		
	}
	
	#SiteWrapper{ 
		position:relative; 
		width:100%; 
		height:100%; 
		z-index:10; 
		text-align:center;
	}
	
	
	
	
	#SiteContainer{ 
		display:block; 
		width:1010px; 
		margin:0 auto; 
		border:solid 0px;
		background-color:white;
		/*background:url(../img/bg_container.jpg) top center no-repeat;*/
	}
	
	
	#SiteContainerResult { 
		display:block; width:1010px; margin:0 auto; border:solid 0px;
		background:url(../img/bg_container_result.jpg) top center no-repeat;
	}
	
	
	
	#SiteHeader {
		display:block; 
		width:1010px;
		
		height:78px; 
		position:relative;
		border:0px solid blue;
		background:url(../img/bg_site.jpg) top center no-repeat;
		background-color : white;
		
		width:1011px;
		
	}
	
	
	
	#Logo{ 
		display:block; 
		width:275px; 
		height:61px; 
		position:absolute; 
		top:17px; 
		left:70px; 
		background:url(../img/logo.jpg) no-repeat;
		
	}
	#Logo a{display:block; width:282px; height:66px;}
	
	#MainNav {
		display:block; 
		width:650px; 
		height:30px; 
		position:absolute; 
		top:40px; 
		left:420px;
		border:0px solid blue;
		
	}
	
	
	#ResultNav {
		display:block; 
		width:350px; 
		height:30px; 
		position:absolute; 
		top:40px; 
		left:690px;
		border:0px solid blue;
		
	}
	
	
	
	ul#MainNav li, ul#ResultNav li  {
		border-left: 1px solid #878585;
		height:20px;
		margin-right:15px;	
	}
	
	
	li.navi_Link a {
		border:0px solid yellow;
		font-size:12px;
		font-weight:bold;
		padding:3px 60px 5px 15px;
		margin-left:2px;
		color:#4B6A9F;
		
	}
	
	li.actMenu, li.actMenu a {
		color:#999999;
		background-color:#f7f7f7;
	}
	
	
	li.navi_Link a:hover {
		color:#999999;
		background-color:#f7f7f7;
	}
	
	#MainNav li, #ResultNav li{ 
		list-style:none; display:block; float:left; 
	}
	
	
	#MainNav li.s1, #ResultNav li.s1{width:75px; height:30px; margin-right:36px;}
	#MainNav li.s1 a , #ResultNav li.s1 a{display:block; width:75px; height:30px;}
	
	#MainNav li.s1none{
		width:75px; height:30px; margin-right:36px;
	}
	
	
	
	#MainNav li.s2{width:75px; height:30px; margin-right:41px;}
	#MainNav li.s2 a{display:block; width:75px; height:30px;}
	#MainNav li.s3{width:110px; height:30px; margin-right:35px;}
	#MainNav li.s3 a{display:block; width:110px; height:30px;}
	#MainNav li.s4{width:75px; height:30px; margin-right:41px;}
	#MainNav li.s4 a{display:block; width:75px; height:30px;}
	
	#FlashContent{
		display:block; 
		width:100%; 
		height:250px; 
		overflow:hidden; 
		margin-left:0px;
		
		background-color:white;
		
	}
	#FlashContainer{
		display:block; width:1000px; height:800px;
		/*background-color:yellow;*/
	}
	
	#FlashResultContainerWrap { 
		height:500px;
		display: block;
		margin-top:5px;
	}
	
	#FlashResultContainer{
		display:block; width:1000px; 
		height:500px;
	}
	
	#SiteBody{ 
		display:block; width:1010px; margin-top:10px; background:#FFF;
		border:0px solid blue;
		position:relative;
	}
	div#resgisterTxt { 
		
		width:270px; 
		text-align:left; 
		margin:10px 20px 0 30px; 
		border:0px solid blue;
		position:absolute;
		right:15px;
		
		font-size:10px;
		line-height:16px;
		
		color:#333333;
		
		
		
	}
	#LeftColumn{
		display:block; 
		width:656px; 
		float:left; 
		margin:0 21px 0 11px;
		_margin:0 5px 0 11px;
		border:0px solid blue;
	}
	
	#LeftColumn b {
		font-size:14px;
		color:#94BC38;
	}
	
	#BoxBanner{ 
		display:block; 
		width:654px; 
		height:52px; 
		background:url(../img/page_banner.jpg) no-repeat;
		margin-top:-4px;
	}
	
	#BoxBannerAbout{ 
		display:block; 
		width:654px; 
		height:52px; 
		background:url(../img/page_banner_about.jpg) no-repeat;
		margin-top:-4px;
	}
	
	
	#BoxBannerResult_final{ 
		display:block; 
		width:654px; 
		height:52px; 
		background:url(../img/result_banner.jpg) no-repeat;
		margin-top:-4px;
	}
	
	
	
	
	.boxtop{display:block; width:656px; height:21px; background:url(../img/box_top.gif) no-repeat; margin-top:10px;}
	.boxbody{display:block; width:656px; background:url(../img/box_body.gif) repeat-y; text-align:left;}
	.boxbody p{ display:block; padding:0 30px 20px 30px;}
	.boxbottom{
		margin-top:-14px;  /* To fix disqus margin bot */
		display:block; 
		width:656px; height:26px; 
		background:url(../img/box_bottom.gif) no-repeat -1px 0px;
	}
	
	#RightColumn{display:block; width:300px; float:left;}
	
	#SiteFooter{display:none; width:1010px; height:57px; margin:0 auto; background:url(../img/bg_footer.gif) no-repeat; 
		margin-bottom:5px;
	}
	
	
	
	
	#disqus_thread {
		padding:0px 20px 0px 20px;
		text-align:left;
		border:0px solid blue;
		width:600px;
		_width:570px;
		
		display:none;
		
	}
	
	
	ul#dsq-comments li.dsq-comment .dsq-comment-header {
		background-color:#c3e8fe;
	}
	
	ul#dsq-comments li.dsq-comment-child .dsq-comment-header {
		background-color:#DFF3FF;
	}
	
	#dsq-comments-title  h3 {
		margin-bottom:10px;
	}
	
	
	div.dsq-textarea {
		
	}
	
	
	#footer_dis {
		margin-top:10px;
		margin-left:28px;
		border:0px solid blue;
		width:645px;
		color:#808080;
		font-size:10px;
		text-align:left;
		line-height:16px;
	}
	
	#theTrueComment {
		padding-left:30px;
		padding-right:20px;
	}
	
	
	.cmt_header {
		width:100%;
		height:43px;
		background-color:#C4E3F6;
		vertical-align:middle;
		
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;
	}
	
	.cmt_header img {
		border:2px solid white;
		margin-top:4px;
		margin-left:5px;
	}
	
	
	.cms_content {
		min-height:70px;
		padding-top:15px;
	}
	
	
	* html .cms_content {
		height:70px;
	}
	
	
	
	.dsq-comment-message {
		/*
		height:20px;
		overflow:hidden;
		*/
	}
	
	
	.thecommenter {
		font-weight:bold;
		color:#007AD0;
		float:left;
		margin-left:10px;
		margin-top:13px;
	}
	
	
	#commentFooter {
		_margin-left:-300px;
		_margin-top:-10px;
	}
	
	#micetype_area {
		border:0px solid blue;
		font-weight:bold;
		margin-bottom:10px;
		font-size:12px;
	}
	
	
	#micetype_area  a {
		padding-right:25px;
		
	}
	
	
	
	
	/* info */
	#micetype_area  a#infoLink {
		text-decoration:none;
		color:#94BC38;  /* info */
		border-right:2px solid #BFBFBF;
	}
	
	
	
	
	/* Term & Prvicy */
	#micetype_area  a#terms_link {
		text-decoration:none;
		color:#005796;
		padding-left:25px;
		border-right:2px solid #BFBFBF;
	}
	
	#micetype_area  a#privacy_link {
		text-decoration:none;
		color:#005796;
		padding-left:25px;
	}
	
	#micetype_area  a#infoLink:hover, #micetype_area  a#terms_link:hover, #micetype_area  a#privacy_link:hover {
		text-decoration:underline;
	}