@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; background:#e5e5e5; font-family: Arial, Helvetica, sans-serif; font-size:13px;}
p{}
a{ color:#2e83dd;}
a:hover{color:#3eb6fb;}
img{ border:none;}
img a{border:none;}
h1{ color:#0552a4;}
h2{color: #C00; margin:0px; padding:0px;}
h3{color: #3C0;}
h4{color: #303;}
hr 
	{
	background:#D9D9D9 none repeat scroll 0 0;
	clear:both;
	color:#D9D9D9;
	height:1px;
	margin-bottom:10px;
	border:0px;
	}
#site{width:941px; margin:15px auto;overflow:hidden;}
#top{width:941px; height:50px; float:left; margin:0; background:url(images/21goweath_03.png);}
#head{width:941px; height:285px; float:left; margin:0; background:url(images/21goweath_05.png);}
#menu{width:941px; height:64px; float:left; margin:0; background:url(images/21goweath_06.png);}
/*Menu Style*/
#x{
	width:900px; height:46px; margin:17px 0 0 20px; padding-left:30px;overflow:hidden;
}
#x ul{
	 height:46px;
	 border:0px; 
	 padding:0px; 
	 margin:0px; 
	 list-style:none;overflow:hidden;
	}
#x ul li{
		display:inline;
		float:left;
		height:46px;
	}
#x  ul li a{
	background:  url(images/ma.png) center;
	display: run-in;
	height:46px;
	font-size: 20px;
	color: #fefefe;
    overflow:hidden;
	text-decoration: none;
	}
#x ul li a {
	height:46px;
	float:left; 
	background:  url(images/ma.png) right;
	}
#x  ul li a.active{
	background: url(images/mh.png) right;
	height:46px;
	}
#x ul li a:hover{
	background: url(images/mh.png) right;
	height:46px;
	}
/*End menu */
#content{width:941px; min-height:500px; float:left; margin:0; background:url(images/21goweath_08.png)  repeat-y;}
#content .text{padding:0px 50px 50px 50px;}
#list .text ul{ margin:10px 0px 10px 0px; padding:0px; list-style:none;}
#list ul li{background:url(images/s.png) left no-repeat; padding: 5px 2px 5px 25px; display:block;list-style:none;}
#menuleft{ width:240px; float:left;}
#menuleft .text{ padding: 0 10px 0 0;}
#menuleft h2{ font-size:18px; color:#03F; border-bottom:1px solid #E2E2E2; margin-top:0; background:url(images/star_full.png) center left no-repeat; padding-left:30px; height:24px; padding-top:8px;}
#menuleft ul{ margin:0px; padding:0px; list-style:none;}
#menuleft ul li{ line-height:28px;}
#menuleft ul li a{background:url(images/s.png) left no-repeat; padding: 5px 2px 5px 25px; border-bottom:1px dashed #E2E2E2; display:block;}
#menuleft ul li a:hover{ background:url(images/sign.png) left no-repeat; padding: 5px 2px 5px 25px; border-bottom:1px dashed #d2d2d2;  display:block;}
/*detail member*/
#mem{ width:600px;float:left;}
/*End detail member*/
#footer{width:941px;float:left; margin:0;}
#footer .top{width:941px;float:left; margin:0; height:33px; background:url(images/21goweath_10.png);}
#footer .mid{ width:941px;float:left; margin:0;}
#footer .mid .cc{width:900px; margin-left:20px; background:#1d42a0; overflow:hidden; padding:0px;}
#footer .mid .cc .text{ font-size:12px; color:#CCC;}
#footer .mid .cc .text p{ padding:10px;}
#footer .mid .cc .text a{color:#fefefe;}
#footer .mid .cc .text a:hover{color: #41a405;}
#footer .end{width:941px;float:left; margin:0; height:16px; background:url(images/21goweath_12.png);}

/*Contact form*/
* html .form-contact
	{
	margin:0px -4px;
	}
.form-contact div.row
	{
	float:left;
	padding:4px 12px;
	width:302px;
	}
.form-contact div.row-span
	{
	clear:both;
	padding:4px 12px;
	width:600px;
	}

.form-contact label
	{
	display:block;
	font:1em/2em 'Lucida Grande',arial,sans-serif;
	font-weight:bold;
	}
.form-contact .input-text
	{
	background:url(images/bg-input-text.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:24px;
	padding-top:4px;
	width:298px;
	}
.form-contact .input-text:focus
	{
	border:1px solid #c34f4f;
	background:url(images/bg-input-focus.gif) no-repeat;
	}
.form-contact textarea
	{
	float:left;
	background:url(images/bg-input-text.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:200px;
	padding-top:4px;
	width:600px;
	padding-left:5px;
	}
.form-contact textarea:focus
	{
	border:1px solid #c34f4f;
	background:url(images/bg-input-focus.gif) no-repeat;
	}
	.btn-submit
	{
	display:block;
	background:url(images/btn-sprite.gif) 0px 0px no-repeat;
	width:98px;
	height:28px;
	cursor:pointer;
	font-size:0px;
	line-height:0px;
	text-indent:-999em;
	border:0px;
	}
.btn-submit:hover
	{
	background:url(images/btn-sprite.gif) left bottom no-repeat;
	color:#08162d;
	}
.button-holder input
	{
	float:right;
	margin-top:10px;
	}
/*End Contact form*/
/*Login*/
.form-login
	{
	margin:40px 75px;
	background:url(images/lock.png) right 10px no-repeat;
	min-height:100px;
	}
.form-login .row:after 
	{
	content:".";
	display:block;
	height:0;
    clear:both;
	visibility:hidden;
	}
.form-login .row
	{
	display:inline-block;
	}
.form-login .row
	{
	display:block;
	padding:4px 0px;
	}
* html .form-login .row{ height:1px;}

.form-login label
	{
	display:block;
	font:0.9em/2em 'Lucida Grande',arial,sans-serif;
	font-weight:bold;
	float:left;
	width:100px;
	}
.form-login .input-text
	{
	float:left;
	background:url(images/bg-input-text.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:22px;
	padding-top:4px;
	width:250px;
	}
.form-login .input-text:focus
	{
	border:1px solid #c34f4f;
	background:url(images/bg-input-focus.gif) no-repeat;
	}
.right-cell
	{
	padding-left:100px;
	width:255px;
	text-align:right;
	}
.right-cell input
	{
	float:right;
	}
.btn-login
	{
	background:url(images/btn-sprite.gif) -98px 0px no-repeat;
	width:98px;
	height:28px;
	border:none;
	cursor:pointer;
	font-size:0px;
	line-height:0px;
	text-indent:-999em;
	}
.btn-login:hover
	{
	background:url(images/btn-sprite.gif) -98px bottom no-repeat;
	color:#08162d;
	}
.button-holder input
	{
	float:right;
	margin-top:10px;
	}
/*End Login*/
/*form*/
/*Steps form*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.no-top-spacing
	{
	padding-top:0px !important;
	}
.form
	{
	padding:25px 18px;
	}
.form .row:after 
	{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.form .row       
	{
	display:inline-block;
	}
.form .row
	{
	display:block;
	padding:4px 0px;
	}
* html .form .row
	{
	height:1px;
	}
.form label
	{
	display:block;
	float:left;
	width:200px;
	font-size:12px;
	line-height:20px;
	text-align:right;
	padding-right:10px;
	}
.form label.normal-label
	{
	display:inline;
	width:310px;
	text-align:left;
	padding-left:5px;
	line-height:14px;
	float:right;
	padding-right:118px;
	}
.checked
	{
	float:right;
	padding:0px !important;
	}
.checkboxes-holder .checked
	{
	float:none;
	}
.form .input-text
	{
	float:left;
	background:url(images/bg-input-text.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:4px solid  #F00;
	border-bottom:1px solid #dfdfe0;
	height:23px;
	padding-top:4px;
	width:310px;
	}
.form .input-text:focus
	{
	border:1px solid #c34f4f;
	background:url(images/bg-input-focus.gif) no-repeat;
	}
.form .input-text-s
	{
	float:left;
	background:url(images/bg-input-text.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:20px;
	padding-top:4px;
	width:240px;
	}
.form .input-text-s:focus
	{
	border:1px solid #c34f4f;
	background:url(images/bg-input-focus.gif) no-repeat;
	}
.form select
	{
	float:left;
	background:url(images/bg-input-text.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:25px;
	width:305px;
	line-height:25px;
	}
.form textarea
	{
	float:left;
	background:url(images/bg-input-text.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:140px;
	padding-top:4px;
	width:310px;
	padding-left:5px;
	}
.form textarea:focus
	{
	border:1px solid #c34f4f;
	background:url(images/bg-input-focus.gif) no-repeat;
	}
.form .input-file
	{
	float:right;
	background:url(images/bg-input-text.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:24px;
	padding-top:4px;
	width:315px;
	margin-right:131px;
	}

.form select.small
	{
	width:80px;
	}
.form select.smallest
	{
	width:50px;
	margin-right:5px;
	}
.form .right-align
	{
	display:block;
	clear:both;
	padding-left:170px;
	width:315px;
	font-size:0.85em;
	margin:0px;
	padding-top:5px;
	color:#08497D;
	}
.form .check-holder
	{
	float:left;
	background:#f8f8f8;
	border:1px solid #dfdfe0;
	width:295px;
	padding:5px 10px;
	vertical-align:middle;
	}
.form .avatar
	{
	float:left;
	border:1px solid #ccc;
	display:block;
	}
.btn-holder
	{
	margin-bottom:30px;
	}
.btn-holder input
	{
	margin:0 auto;
	display:block;
	}
.two-btn-holder:after 
	{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.two-btn-holder       
	{
	display:inline-block;
	display:block;
	margin-bottom:30px;
	text-align:center;
	padding:0px 200px;
	}
* html .two-btn-holder{ height:1px;}
.two-btn-holder input
	{
	margin:0 10px;
	float:left;
	}
* html .two-btn-holder input 
	{
	margin:0 5px;
	}
.span-cell
	{
	font-size:0.85em;
	text-align:center;
	}
.checkboxes-holder
	{
	padding-left:230px;
	}
.btn-proceed
	{
	display:block;
	background:url(images/register.png) 0px no-repeat;
	width:234px;
	height:48px;
	cursor:pointer;
	font-size:0px;
	line-height:0px;
	text-indent:-999em;
	border:0px;
	float:right;
	margin:25px 60px 25px 0;
	}
.btn-proceed:hover
	{
	background:url(images/register2.png) bottom no-repeat;
	color:#08162d;
	border:0px;
	}
	.btn-update
	{
	display:block;
	background:url(images/btn-sprite.gif) -1026px 0px no-repeat;
	width:112px;
	height:28px;
margin:20px auto;
	cursor:pointer;
	font-size:0px;
	line-height:0px;
	text-indent:-999em;
	border:none;
	}
.btn-update:hover
	{
	background:url(images/btn-sprite.gif) -1026px bottom no-repeat;
	color:#08162d;
	border:none;
	}
/*End form*/
/*FAQ*/
#faq{ width: 700px; padding:20px; margin:0px auto; border:1px solid #e3e3e3; background:#f6f6f6;}
/*End FAQ*/
/*TITLE*/
.home{ width:841px; height:120px; margin:5px 0 20px 0; background:url(images/home.png);}
.detail{ width:841px; height:120px; margin:5px 0 20px 0; background:url(images/detail.png);}
.proof{ width:841px; height:120px; margin:5px 0 20px 0; background:url(images/proof.png);}
.faq{ width:841px; height:120px; margin:5px 0 20px 0; background:url(images/faqs.png);}
.contact{ width:841px; height:120px; margin:5px 0 20px 0; background:url(images/contact.png);}
.join{ width:841px; height:120px; margin:5px 0 20px 0; background:url(images/join.png);}
.log{ width:841px; height:120px; margin:5px 0 20px 0; background:url(images/log.png);}
/*END TITLE*/

/*Detail Page design*/
.title{ width:820px; text-align:center; padding:5px 10px; border-top:1px solid #FC3; border-bottom:1px solid #FC3; background: #FF9; text-shadow: 2px #eee;}
.title h1{font-family:impact; font-size:45px; color:#000;}
.title h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; color:#000; font-weight:bold;}
.subtitle{width:730px; font-size:17px; margin:20px auto; text-shadow:#eee;}
.lefthome{ width:341px; float:left;}
.lefthome img{border:10px solid #E4E4E4; margin:15px auto;overflow:hidden;}
.righthome{width:500px; float:left;}
.bot{ width:357px; margin:20px auto;}
.dtitle{ width:820px; text-align:center; text-shadow: 2px #eee;}
.dtitle h1{font-family:impact; font-size:40px; color:#000;}
.dtitle h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; color:#000; font-weight:bold;}
.dsubtitle{width:730px; font-size:17px; margin:20px auto; text-shadow:#eee;}
.spw1{width:700px; height:300px; margin:10px auto; background:url(images/spw1-1.png);}
.spw2{width:700px; height:300px; margin:10px auto; background:url(images/spw2-1.png);}
.spw3{width:700px; height:300px; margin:10px auto; background:url(images/spw3-1.png);}
.spw4{width:700px; height:300px; margin:10px auto; background:url(images/spw4-1.png);}
.spw5{width:700px; height:300px; margin:10px auto; background:url(images/spw5.png);}
.comp{ width:841px; margin:30px auto 30px auto; overflow:hidden;}
.comp .day{ width:164px; height:100px; margin:2px; float:left; overflow:hidden; padding-bottom:10px; display: block;}
.go{ background:#000; width:70%; height:15px; color:#FFF; z-index:5px; padding:2px; display:block; font-weight:bold; text-align:center;}
.comp .day img{width:160px; height:60px; border:2px solid #E8E8E8;display:block;}
.comp .day img a{width:160px; height:60px; border:2px solid #E8E8E8; display:block;}
.comp .day img a:hover{border:2px solid #F90; display:block;}
.comp .today{ width:700px; height:250px; margin:20px auto; overflow:hidden; padding-bottom:10px; display: block;}
.comp .today img{width:650px; height:170px; border:10px solid #E8E8E8;display:block;}
.comp .today img a{width:650px; height:170px; border:10px solid #E8E8E8; display:block;}
.comp .today img a:hover{border:10px solid #F90; display:block;}
/*End Detail*/
/* start lightbox*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
	/*end box*/
.bon img{ width:150px; height:150px; display:block;}