/*#################################
	Add Header & Footer style
################################*/

#gs_top_bar
{
	background: #62bc46;
	height: 28px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#gs_top_bar #gs_top
{
	background: #62bc46 url('http://groups.whahoobi.com/template/whahoobi_green/images/table_htc.png') repeat-x;
	height: 6px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#gs_top_bar #gs_top_left
{
	background: #62bc46 url('http://groups.whahoobi.com/template/whahoobi_green/images/table_htl.png') no-repeat;
	height: 6px;
	width: 5px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	float: left;
}

#gs_top_bar #gs_top_right
{
	background: #62bc46 url('http://groups.whahoobi.com/template/whahoobi_green/images/table_htr.png') no-repeat;
	height: 6px;
	width: 5px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	float: right;
}

#gs_footer 
{
	font-size: x-small;
	padding-top: 0px;
	background: #62bc46;
	color: #ffffff;
	padding-bottom: 5px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 1000;
}

#gs_footer #gs_footer_top
{
	background: #62bc46 url('http://groups.whahoobi.com/template/whahoobi_green/images/table_htc.png') repeat-x;
	height: 6px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#gs_footer #gs_footer_top_left
{
	background: #62bc46 url('http://groups.whahoobi.com/template/whahoobi_green/images/table_htl.png') no-repeat;
	height: 6px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	float: left;
	width: 5px;
}

#gs_footer #gs_footer_top_right
{
	background: #62bc46 url('http://groups.whahoobi.com/template/whahoobi_green/images/table_htr.png') no-repeat;
	height: 6px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	float: right;
	width: 5px;
}

#gs_title_h{
	margin-left: auto; 
	margin-right: auto; 
	width: 860px; 
	margin-top: 20px; 
	padding: 10px 0px 0px 0px; 
	border: 1px solid silver; 
	text-align: center; 
	margin-bottom: 0px;

}

#gs_title{
	width: 90%; 
	margin: 0px; 
	margin-left: 30px !important; 
	margin-left: 10px; 
	border: 0px solid silver; 
	padding: 0px; 
	padding-top: 20px; 
	height: 50px; 
	color: #000000; 
	font-size: 24px; 
	text-align: left;
}

#gs_title_c{
	float: none; 
	width: 90%; 
	margin: 0px; 
	margin-left: 30px !important; 
	margin-left: 10px; 
	margin-bottom: 20px; 
	padding: 0px; 
	text-align: left; 
	font-size: 12px;

}

.gs_ttl_span1{
	color: #BB2222; 
	font-size: 12px;
}

.gs_ttl_span2{
	font-size: 12px; 
	color: #BB0000;
}

#gs_reg{
	height: auto; 
	width: 430px; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 0px;
}

.gs_reg_span1{
	font-size: 12px;
}
.gs_reg_span2{
	color: #999999;
}

#gs_gname{
	border: 0px; 
	width: 351px; 
	height: 28px; 
	font-size: 18px; 
	font-weight: normal;
}

#gs_wname{
        border: 0px;
        width: 270px;
        height: 28px;
        font-size: 18px;
        font-weight: normal;
}

.gs_gw_name{
	text-align: left; 
	border: 1px solid silver; 
	width: 430px;
}

.gs_wname_span{
	margin-left: 80px; 
	margin-top: 10px;
}

#btn_create_d{
	text-align: right; 
	position: relative; 
	top: -71px; 
	margin-right: 30px; 
	margin-bottom: 0px; 
	width: 160px;
	float: right;
}

#gs_create_btn{
	font-family: Tahoma, Verdana, Helvetica, Arial;
	border: 1px outset silver; 
	width: 150px; 
	height: 34px; 
	font-size: 20px; 
	font-weight: bold; 
	background: #66bbff; 
	color: white;
}

#gs_top_title{
	float: left; 
	width: 310px;
}

#gs_head_epg{
	float: left; 
	font-size: 16px; 
	width: 220px; 
	color: #999999; 
	font-weight: bold;
}

#gs_foot_c{
	border: 1px solid silver; 
	width: auto; 
	height: auto; 
	margin: 0px;
}

#bottom_c{
	width: auto; 
	height: auto; 
	margin:10px;
}

#bottom_c_left{
	float: left; 
	width: 280px; 
	border-right: 1px solid silver; 
	height: 200px; 
	text-align: left;
}

.bottom_c_span1{
	font-size: 16px; 
	font-weight: bold;
}

.bottom_c_span2{
	font-size: 12px; 
	font-weight: bold;
}

#bottom_c_right{
	float: right;
	width: 320px; 
	margin-left: 10px; 
	text-align: left;
}

#ad_content{
	text-align: left; 
	padding-left: 10px;
	padding-top: 10px;
}

#gs_footer_content
{
	overflow: auto;
	
	padding:0px;
	padding-top: 2px;
	padding-left: 5px;
	
}

#gs_footer_content #gs_copyright
{
	float: left;
}

#gs_footer_content #gs_footer_menu
{
	float:  right;
	width: 350px;
}

#gs_footer_menu a
{
	color:		white;
}

#gs_page
{

        padding: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
	width: 860px;
}

#gs_body{
	float: left; 
	width:650px;
	margin-bottom: 0px; 
	border: 0px solid silver;
}



#gs_ad{
 	float: right; 
	width: 190px; 
	border-left: 1px solid silver; 
	margin-left: 10px;
	background-color: lavender;
}

#ad_content{
	height: 		680px; 
	height:			expression(this.scrollHeight<679 ? "680px":"auto");
	background-color: 	white;
	margin-left: 		3px;
}

#as a {
	color:		#000000;
	font-size:	11px;
}

#list_search {
	display:	block;
}

br {
	float: none;
	clear: both;
	height:	0px;
	visibility: hidden;
}

#data{

	min-height: 		680px; 
	height:			expression(this.scrollHeight<679 ? "680px":"auto");
	display: 		block; 
	border: 		1px solid silver;
	background-color: lavender;
}

#gs_mt1{
	float: left;
}

#s_btn{
	background-color: #004CA1; 
	width: 80px; 
	height: 24px; 
	color: white; 
	font-weight: bold; 
	border: 0px;
}

#s_btn:hover {
   	cursor:			pointer;
}

.search_g{
 	width: 200px; 
	height: 20px;
	font-size: 15px; 
	border: 1px solid silver; 
	margin-left: 10px;
}

.gs_buttoncss {	
	background-color: #004CA1; 
	width: 80px; 
	height: 24px; 
	color: white; 
	font-weight: bold; 
	border: 0px;
}
.gs_button{
	height:			20px;
	width:			80px;
	background-color:	lavender;
	font-weight:		bold;
	color:			#000000;
	border-bottom: 		none;
}

.gs_button_r{
	border-right: 		none;
}

.gs_button:hover {
   	cursor:			pointer;
	background:		#004CA1;
	color:			white;
}

#gs_head{
	height:			auto; 
	margin: 		20px 0px 20px 0px; 
	text-align: 		left;
	float: right; 
	width: 520px; 
	margin-top: 0px;
}

#gs_foot{
	height:			auto; 
	margin: 		10px 0px 20px 0px; 
	text-align: 		left;
}

#gs_head_btn{
	float:	left;
	height: 20px;
	width: 240px; 
	text-align: left;
	border: 0px;
	margin-left: 10px;
	background-color: lavender;
}

#gs_top_title{
	height: 20px;
	width: auto;
	margin:	5px 0px 5px 10px;
	text-align: left;
}

#gs_top_title a
{  
	color:			#004CA1;
	text-decoration:	none;
	cursor:			pointer;
}

#gs_top_title a:hover 
{
	color:			#004CA1;
	text-decoration:	underline;
}

#extra{
	margin: 		5px 10px 0px 0px;
	border-bottom: 		1px solid silver;
}

#extra a{
	color:			#004CA1;
	text-decoration:	none;
	cursor:			pointer;

}

#extra a:hover 
{
	color:			#FFFFFF;
	text-decoration:	none;
	background:		#004CA1;
}

#ad_title{
	height: 20px; 
	width: auto; 
	text-align: left; 
	border-bottom: 1px solid silver;
	margin-left: 3px;
	background-color: white;
}

#ad_title span{
	font-size: 12px; 
	margin-left: 10px;
	color: #004CA1;	
}

.ad_r_top{
        margin-top: 5px;
}

/*###################################
List3 style
###################################*/

div.box_list3, table.box_list3, tbody.box_list3 {
	width:			620px;
	margin-top:		5px;
	margin-bottom:		5px;
	margin-right:		auto;
	margin-left:		auto;
	text-align:		left; 
}

div.list_box3, ul.list_box3, tr.list_box3 {
	height:			auto; 
	width:			100px;
	padding:		2px;
	margin:			auto; 
        color:			#000000;
}

div.list_content3, li.list_content3, td.list_content3 {
	vertical-align:		top;
	width:			auto;
	background:		white;
	border-bottom:		1px solid silver;
}

div.list_stats3, li.list_stats3, td.list_stats3 {
	vertical-align:		top;
	width:			140px;
	color:			white;
	padding:		2px;
	top:			0px;
	border-bottom: 1px solid silver;
}

img.list_logo_s {
	width:				100px;
	padding:			5px;
	margin:			3px 3px 3px 3px;
}

div.box_pager3 {
	width:			100%;
	height:			20px;
	margin:			0px;
	border-top:		1px solid silver;
	border-bottom:		1px solid silver;
        background:		#ffffff;
	text-align:		right;
}

.box_pager3 a {
	font-family:		Arial, Sans;
	font-size:		11px;
	padding-left:		5px;
 	color:			navy;
	cursor:			pointer;
}

.box_pager3 a:hover {
	color:		#FFFFFF;
	background:	#004CA1;
}

.box_pager3 p {
	padding-left:		5px;
	font-weight:		bold;
	font-size:		12px;
 	color:			#004CA1;
	text-decoration:	underline;
	display:		inline;
}

.box_pager3 p:hover {
	color:		#FFFFFF;
	background:	#004CA1;
}

.box_pager3 span {
	margin-left: 20px;
	font-size: 11px;
	float: left;
}


