* { margin: 0; padding: 0; font-family:  helvetica neue, helvetica, arial, sans-serif; }

BODY {
	background-color: #fff;
	color: #333;
	font-size: 11px;
	line-height: 15px;
	background-image: url(/file/style/gbcn/bg_stripe.gif);
}

img {
 	border:0px;
}

a { 
	color: #bb0000;	
	text-decoration: none; 
}

a:hover { text-decoration: underline; }

h1 {
	color: #990000;
	font-size: 26px;
	margin-bottom: 5px;
}

h4 {
	font-size: 14px;
}

h3 {
	font-size: 16px;
	color: #00264E;
}

h5 {
	font-size: 13px
}


table, td, th {
	font-size:9pt;
}

 input, select {
	border: 1px solid #999999;
	padding: 2px 3px;
	color: #777;
	margin-bottom: 5px;
 }
 
 select {
 	padding: 1px 1px 1px 3px;
 }
 
 option {
 	color: #777;
 	padding-right: 10px
 }

 .inputmain {
 	background:#fff;
 	border:1px #000 solid;
 	color:#333;
 }

 textarea {
	border: 1px solid #999999;
	padding: 2px 3px;
	color: #777;
 }

 .textarea {
	border: 1px solid #000;
	padding: 2px 3px;
	color: #333;
 }

ul, ol {
	padding: 10px 0 10px 35px;
}

 /*########################
 	MAIN SURR.
 ########################*/

 #outer {
 	width:775px;
 	margin-left:auto;
 	margin-right:auto;
 	font-size:8pt;
 	text-align:left;
 }


 /*########################
 	INPUT BUTTONS / FORMS
 ########################*/

.button, .button2:hover {
	background-color: #a00000; 
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	padding: 1px 5px;
	font-family: arial narrow, sans-serif;
	text-transform: uppercase;
	border: 2px solid #B64343;
	border-top: 2px solid #500000;
	border-left: 2px solid #500000;
	cursor: pointer;
 }

 .button2 {
	background-color: #a00000; 
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	padding: 1px 5px;
	font-family: arial narrow, sans-serif;
	text-transform: uppercase;
	border: 2px solid #500000;
	border-top: 2px solid #B64343;
	border-left: 2px solid #B64343;
 }


 .input {
 	background:#fff;
	border: 1px solid #999999;
	padding: 2px 3px;
 	font-size:8pt;
 	color:#333;
 }


 .input2 {
 	background:#eee;
 	border:1px #990000 solid;
 	font-size:8pt;
 }

 .input3 {
 	background:#000;
 	border:1px #fff solid;
 	font-size:8pt;
 	color:#fff;
 }

 .input4 {
 	background:#000;
 	border:1px #459DCF solid;
 	font-size:8pt;
 	color:#fff;
 }





 /*########################
 	IMAGES
 ########################*/


 .pic1 { border:3px #000 solid; }

 .pic2 { border:3px #fff solid; }

 .pic3 { border:2px #fff solid; }

 .pic4 { /*filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;*/ border:1px #fff solid; }

 .pic5 { border:1px #ccc solid; }

 .pics1 {

 }

 .pics4 {

 }

 .pics2 {

 }

 .pics3 {

 }

.wrap1 {

}

.wrap2 {

}

.wrap3 {

}

.wrap4 {

}

.wrap5 {

}

.wrap5 img {

}

 /*########################
 	TOP AREA
 ########################*/


 #top .top_text a { color:#fff; }
 #top .top_text a:hover { color:#990000; }
 #top .top_text { color:#fff; }

 #top {
 	width:100%;
 	color:#fff;
 	height: 20px;
}

 #top td {
 	color:#fff;
 }

 #top input,select {
 	font-size:8pt;
 	background:#fff;
 	color:#333;
 }

 #top a {
 	font-size:7pt;
 	color:#fff;
 }

 #top a:hover {
 	font-size:7pt;
 	color:#fff;
 	text-decoration:underline;
 }

 .top2 {
 }


 /*########################
 	MENU LINKS
 ########################*/

 #outer2 {
 	text-align:center;
	margin-top: 73px;
 	background-image: url(/file/style/gbcn/menubg.jpg);		
 }

 .menu {
 	background:#444; 
 	background-image: url(/file/style/gbcn/menubg.jpg);	
 	height:27px;
 	padding:0px 15px;
 	cursor:pointer;
 	color:#fff;
 	font-size:7pt;
 	font-weight:bold;
 	border-right: 1px solid #999;
  	border-left: 1px solid #000;	
 }

 .menu a {
 	color:#fff;
 	font-size:7pt;
 	text-decoration:none;
 	font-weight:bold;
 }

 .menu2 {
 	background-image: url(/file/style/gbcn/menubg_over.jpg);	
 	height:27px;
 	padding:0px 15px;
 	cursor:pointer;
 	color:#fff;
 	font-size:7pt;
 	font-weight:bold;
  	border-right: 1px solid #999;
  	border-left: 1px solid #000;		
 }

 .menu2 a {
 	color:#fff;
 	font-size:7pt;
 	text-decoration:none;
 	font-weight:bold;
 }

 .menu2 a:hover {
 	color:#fff;
 	font-size:7pt;
 	text-decoration:none;
 	font-weight:bold;
 }

 /*########################
 	MENU LINKS 4
 ########################*/


 .menu4 {
 	padding:2px;
 	/* border-top:1px #014E82 solid;
 	border-left:1px #000 solid; */
 	border-bottom:1px #014E82 solid;
 	/*cursor:pointer;*/
 	font-size:7pt;
 	font-weight:bold;
 }

 .menu4-1 {
 	padding:2px;
 	border-bottom:1px #00426B solid;
 	/*cursor:pointer;*/
 	font-size:7pt;
 	font-weight:bold;
 }

 .menu4-2 {
 	font-size:7pt;
 	font-weight:bold;
 	padding-left:15px;
 }

 .menu4-4 a {
 	color:#fff;
 }

 .menu4-4 a:hover {
 	color:#fff;
 }


 /*########################
 	LOGIN BOX
 ########################*/

 .LoGin1 {background:#fff;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;}
 .LoGin2 {background:#00426B;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;color:#fff;font-size:8pt;}




 /*########################
 	MENU LINKS 5

 	MAIN LINKS FOR THE MEMBERS AREA border-bottom:1px #332F2F solid;

 ########################*/

 .menu5border {

 }

 .menu5 {

 	font-size:7pt;
 	color:#fff;
 	padding-left:5px;
 	cursor:pointer;
 	background:#000;
 }

 .menu5c {
 	font-size:7pt;
 	color:#fff;
 	padding-left:5px;
 	cursor:pointer;
 	background:#000;
 }

 .menu5a {
 	background:#000 right;
 	background-repeat:no-repeat;
 	text-align:right;
 	width:24px;
 	height:41px;
 }

 .menu5b {
 	background:#000  url(line5.gif) right;
 	background-repeat:no-repeat;
 	text-align:right;
 	width:24px;
 	height:41px;
 }

 .menu5d {
 	font-size:7pt;
 	color:#333;
 	text-align:center;
 	background:#fff;
 }

 .menu5e {
 	font-size:8pt;
 	color:#fff;
 	text-align:right;
 	padding-right:10px;
 	padding-top:8px;
 	background:#000;
 	font-weight:bold;
 }

 .menu5f {
 	background:#000;
 	width:24px;
 	height:35px;
 }

 .menu5g {
 	border:1px #000 solid;
 	padding:5px;
 	background:#000;
 	font-size:7pt;
 }

 .menu5g2 {
 	border:1px #000 solid;
 	padding:5px;
 	background:#1F1F1F;
 	font-size:7pt;
 }


 .menu5 a {
 	color:#fff;
 }

 .menu5c a {
 	color:#fff;
 }

 .menu5d a {
 	color:#064D9F;
 }

 .menu5d a:hover {
 	color:#333;
 }

 .menu5g a {
 	color:#fff;
 }

 .menu5g2 a {
 	color:#333;
 }




 /*########################
 	MAIN PAGES
 ########################*/


 #main {
 	background:#fff;
 	font-size:8pt;
 	color:#333;
 }

 .main2 {
 	background:#fff;
 	border-right:1px #D9D9D9 solid;
 	font-size:7pt;
 	color:#fff;
 }

 .main3 {
 	background:#fff;
 	border-left:1px #D9D9D9 solid;
 	font-size:7pt;
 	color:#fff;
 }

 .main3-b {
 	background:#000;
 	vertical-align:bottom;
 }



 .main3-a {
 	background:#fff;
 	text-align:right;
 	vertical-align:bottom;
 }



 .main3-c {
 	background:#fff;
 	border-left:1px #D9D9D9 solid;
 	font-size:7pt;
 	color:#fff;
 }



 .main4 {
 	background:#fff;
 	border-right:1px #D9D9D9 solid;
 	font-size:8pt;
 	color:#333;
 }

 .main3 a {
 	color:#fff;
 }

 .main3 a:hover {
 	color:#fff;
 	text-decoration:underline;
 }


 #topright {
 	background:#fff;
 	border-right:1px #D9D9D9 solid;
 	font-size:8pt;
 	color:#333;

 }


 /*##############################
 	#topleft - TOP LEFT AREA BLACK SWOSH
 	A:LINKS - USERNAME
 ###############################*/
 #topleft {
 	background:#fff;
 	background-repeat:no-repeat;
 	width:480px;
 	height:45px;
 	color:#fff;
 	border-left:1px #D9D9D9 solid;
 }

 #topleft a { color:#fff; text-decoration:underline; }
 #topleft a:hover { color:#fff; text-decoration:none; }


 .page {
 	color:#fff;
 }


 .pbar1 {
 	background:transparent;
 }

 .pbar2 {
 	background:#941D31;
 }

 .pbar3 {
 	font-size:8pt;
 	padding:1px;
 	border:solid #014E82 1px;
 }


 /*########################
 	MENUS
 ########################*/

.submenu {
	padding: 7px
}

 .mainmenu {
 	background:#1F1F1F url(line11.gif);
 	font-size:7pt;
 	color:#333;
 }

 .mainmenu2 {
 	background:#1F1F1F url(line10.gif);
 	font-size:7pt;
 	color:#fff;
 }

 .mainmenu2 a { color:#fff; }
 .mainmenu2 a:hover { color:#999; }


 .mainmenu3 {
 	background:#00426B;
 	font-size:7pt;
 	color:#fff;
 	padding: 5px;
 }

 .mainmenu4 {
 	background:#00426B;
 	font-size:7pt;
 	color:#fff;
 }

 .mainmenu5 {
 	background:#00426B;
 	font-size:7pt;
 	color:#fff;
 }

.mainmenu6 {
	background-color: #a00000; 
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	padding: 1px 5px;
	font-family: arial narrow, sans-serif;
	text-transform: uppercase;
	border: 2px solid #500000;
	border-top: 2px solid #B64343;
	border-left: 2px solid #B64343;
}

.mainmenu6 a { color:#fff; text-decoration:none; }
.mainmenu6 a:hover { color:#fff; text-decoration:none; }

.mainmenu7 {
	background-color: #a00000; 
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	padding: 1px 5px;
	font-family: arial narrow, sans-serif;
	text-transform: uppercase;
	border: 2px solid #500000;
	border-bottom: 2px solid #B64343;
	border-right: 2px solid #B64343;
	cursor: pointer;
}

.mainmenu7 a { color:#FFF; text-decoration:none; }
.mainmenu7 a:hover { color:#FFF; text-decoration:none; }




 /*########################
 	SITE MENUS
 ########################*/


 .item {
 	border-top:1px #ccc solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #ccc solid;
 	padding:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff url(line9.gif);
 	color:#990000;
 }

 .item2 {
 	border-top:2px #000 solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #fff solid;
 	padding-top:9px;
 	padding-bottom:5px;
 	padding-right:5px;
 	padding-left:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff;
 	color:#00426B;
 }

 .item3 { border-bottom:1px #ccc solid; color:#990000; }
 .item a { color:#990000; text-decoration:none; }
 .item2 a { color:#00426B; text-decoration:none; }
 .item2 a:hover { color:#00426B; text-decoration:none; }


 /*########################
 	BORDERS
 ########################*/


 .border {
 	border:1px #332F2F solid;
 	background:#00426B;
 }

 .border2 { border:1px #BDBDBD solid; color:#333; background:#f9f9f9;  }
 .border3 { border:1px #95C719 solid; background:#333; color:#fff; }
 .border4 { border:1px #BDBDBD solid; background:#990000; }
 .border4 .color { color:#fff; }
 .border4 .sqr { background:#fff; vertical-align:middle; }
 .border5 { border-bottom:1px #000 dashed; }
 .border6 { border:1px #95C719 solid; background:#2589C5; color:#fff; }
 .border7 { border-bottom:1px #98C920 dashed; }
 .border8 { background:#F5F5F5; border:1px #000 solid; }
 .border9 { background:#fff; color:#333; }

 /* USED IN MAIL ALERT */
 .border10 { background:#000 url(line10.gif); color:#fff; }
 .border11 { border:1px #BDBDBD solid; background:#fff; color:#333; }

 /* B-BOARD */
 .border12 { background:#fff; color:#333; }
 .border13 { background:#F1F1F1; color:#333; }
 .border14 { background:#F9F9F9; color:#fff; }

 /*########################
 	TEXT COLORS
 ########################*/

 .color { color:#333; }
 .color2 { color:#fff; }
 .color3 { color:#ff0000; }
 .color4 { color:#333; }

 /*########################
 	BACKGROUNDS & EXTRAS
 ########################*/

 .cur { cursor:pointer; }


 .pollinput {
 	background:transparent;
 	font-size:7pt;
 	border:0px;
 }


 .frame1 { background:#fff; margin:0px; }
 .main_frame1 { background:#FFFFFF; margin:0px; }

 .link1 a { color:#00426B; }
 .link1 a:hover { color:#00426B; text-decoration:underline; }

 /* USED IN MAIN MENU SQURE */
 .sqr { background:#cc0000; vertical-align:middle; }

 .sqr1
 {
     background:#cc0000;
     vertical-align:middle;
     margin-left: 4px;
     margin-right: 3px;
 }

 /* COMMENT BOX */
 .comment {
 	border:1px #BDBDBD solid;
    background:#fff;
    color:#333;
 }

 .comment-text {
 	color:#333;
 	font-size:8pt;
 }

 .comment-headline {
 	background:#fff;
 	color:#333;
 	padding:5px;
 	font-size:7pt;
 }

 .comment-head {
 	background:#00426B;
 	font-size:7pt;
 	color:#fff;
 	padding:5px;
 }

 .comment-head a { color:#fff; }
 .comment-head a:hover { color:#990000; }



 /*########################
 	BOTTOM MENUS
 ########################*/

 #bottom3 {
 	background:#00426B;
 	width:100%;
 	font-size:7pt;
 	font-weight:bold;
 	text-align:center;
 	color:#fff;
 }

 #bottom3 a {
 	color:#fff;
 }

 #bottom3 a:hover {
 	color:#fff;
 	text-decoration:underline;
 }

 #bottom4 {
 	background:#990000;
 	width:100%;
 	color:#fff;
 }

 /*########################
 	FORUM
 ########################*/

 .forum-1 {
 	background:#990000;
 	color:#fff;
 	font-size:8pt;
 }

 .forum-2 {
 	background:#F6F6F6;
 	color:#333;
 	font-size:8pt;
 }

 .forum-2 a { color:#990000; }
 .forum-2 a:hover { color:#990000; text-decoration:underline; }

 .forum-3 {
 	border:1px #000 solid;
 }

 .forum-4 {
 	border:1px #000 solid;
 	background:#fff;
 	color:#333;
 	font-size:8pt;
 }

 .forum-q {
 	background:#F5F5F5;
 	color:#333;
 	font-size:8pt;
 	border:1px #990000 solid;

 }

 /*########################
 	DROP DOWN MENU
 ########################*/

 #dropmenudiv{
 	padding:5px;
 	border:1px #c0c0c0 solid;
 	background:#1c4c80;
 	position:absolute;
 	z-index:100;
 	font-size:7pt;
 	text-align:left;
 }

 #dropmenudiv a {
 	color:#fff;
 }

 #dropmenudiv a:hover {
 	color:#fff;
 	text-decoration:underline;
 }

 /*########################
 	MESSAGES AND ERRORS
 ########################*/
 span.message_message {
    background-image: url("../../../design/pic/message.gif");
    background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 6px;
 }

 span.error {
	background-image: url("../../../design/pic/warning.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #FF0000;
	padding-bottom: 6px;
 }

 span.message_error {
	background-image: url("../../../design/pic/warning.gif");
    font-weight: bold;
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #FF0000;
	padding-bottom: 6px;
 }

.ajax_message {
	background:#FFF8CC;
	padding:5px;
	border:1px #FFE222 solid;
}

.jquery_background {
	background:#fff;
}

.socialOver {
	background:#FFF8CC;
	border:1px #FFE222 solid;
	color:#333;
}

.socialDefault {
	background:#fff;
	border:1px #fff solid;
	color:#333;
}

.socialBox {
	border:1px #BDBDBD solid; 
	color:#333; 
	background:#f9f9f9;
}

.topFriendsNum
{
	float: left; 
	margin-left:8px; 
	vertical-align:top; 
	height:80px;
	width:80px; 
	text-align:center; 
	padding-top:5px; 
	font-size:16pt;
	border:1px #ccc solid;
}


/** my css **/

#frame {
	width: 950px;
	margin: 0 auto;
	padding: 0 4px 0 4px;
	background-image: /**/ url(/file/style/gbcn/shad_sides.png);	
}

#frame {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://gbcompnet.com/file/style/gbcn/shad_sides.png');	
}


#mainwrap {
	height: auto;
	width: 950px;
	background-color: #fff;
}

#logo {
	display: block;
	position: absolute;
	height: 112px;
	width: 109px;
	top: 5px;
	margin-left: 5px;
	background-image /**/: url(/file/style/gbcn/cnlogo.png);		
	z-index: 3;
}

#logo { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='http://gbcompnet.com/file/style/gbcn/cnlogo.png');
}


#topNav {
	background-color: #444;
	background-image: url(/file/style/gbcn/titlebar.gif);
	background-position: 0 20px;
	background-repeat: no-repeat;
	height: 120px;
}

#content {
	padding: 20px;
	border-bottom: 10px solid #444;
}

#bottomFoot {
	width: 950px;
	margin: 0 auto;
}


#spotLight {
	background-image: url(/file/style/gbcn/home/13.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 20px 15px 0 480px;
	height: 255px;
	overflow: none;
	border-bottom: 5px solid #990000;
}

.message_info {
	color: #999;
}

td.title {
	text-align: right;
	padding-right: 10px;
	vertical-align: top;
}

.signupTable td {
	padding-bottom:5px;
}

.errorBlock {
	border: 1px solid #cc0000;
	padding: 10px;
	margin: 10px 0;
}

.missionText {
	font-family: arial narrow, helvetica neue, arial, sans-serif;
	font-size: 13px;
	line-height: 30px;
	padding: 15px 10px 0px 0;
	text-align: justify;
}

.normal {
	font-size: 12px;
	color: #333;
}

.pad10 {
	padding: 10px
}

.pad5 {
	padding: 5px;
}

.mgBot10 {
	margin-bottom: 10px
}

.mgTop5 {
	margin-top: 5px;
}

.mgBot15 {
	margin-bottom: 15px
}


.mgRt15 {
 	margin-right: 15px;
}

.mgLft15 {
	margin-left: 15px;
}

.dividerH {
	border-bottom: 1px solid #ccc;
	height: 10px;
	margin-bottom: 10px;
	line-height: 10px;
}

.font16 {
	font-size: 16px
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: auto;
}

.spacer25 {
	width: 25px;
	height: 25px
}

.vertLine {
	border-left: 1px solid #ccc;
	padding-right: 25px;
}

ul.spacing li {
	margin-bottom: 10px
}