/*SG-Edition 1 Template START*/
/*Header Portion START*/
#main_outer { 
	width: 900px; 
	margin-right: auto; 
	margin-left: auto;
}

#main_inner { 
	width: 900px;
}

#header { 
	width: 900px; 
	height: 152px; 
}

#top_hor_line { 
	position: relative; 
	width: 900px; 
	height: 0; 
	z-index: 1; 
	padding: 0; 
}

#useronline { 
	background-image: url(../../templates/black/images/uo_bg.png); 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	text-align: center; 
	position: absolute; 
	top: 0; 
	right: 20px; 
	width: 170px; 
	height: 40px; 
	overflow: hidden; 
	float: left; 
	margin-right: 50px; 
}

#useronline a { 
	color: #fff; 
	position: relative; 
	top: 12px; 
}

#logo { 
	background-image: url(../../templates/black/images/logo.png); 
	background-repeat: no-repeat; 
	text-align: left; 
	position: relative; 
	width: 286px; 
	height: 152px; 
	float: left; 
}

#header_right { 
	background-color: inherit; 
	background-image: url(../../templates/black/images/header_r_bg.png); 
	position: relative; 
	width: 614px; 
	height: 152px; 
	z-index: 0; 
	float: right; 
}

#loginbar { 
	font-size: inherit; 
	background-image: url(../../templates/black/images/hronav_bg.png); 
	background-repeat: no-repeat; 
	background-position: center top; 
	text-align: left; 
	position: relative; 
	width: 900px; 
	height: 40px; 
	z-index: 1; 
	margin-bottom: -7px; 
	padding-top: 5px; 
}

#hornav_left { 
	text-align: center; 
	position: relative; 
	width: 280px; 
	float: left; 
	clear: left; 
}

#hornav_right { 
	text-align: center; 
	position: relative; 
	width: 600px; 
	height: 20px; 
	float: right; }

.hn_link { 
	font-variant: small-caps; 
	text-align: center; 
	height: 25px; 
	float: left; 
	min-width: 100px; 
	margin-right: 5px; 
	margin-left: 5px; 
	padding: 2px
; 
}
.hn_link:hover { 
	color: #fff; 
	background-image: url(../../templates/black/images/hornav_button_bg.png); 
	background-repeat: no-repeat; 
	background-position: center; 
}

.hn_link a { 
	color: #fff; 
	font-size: 13px; 
	font-weight: bold; 
	text-decoration: underline; 
}

.hn_link a:hover { 
	color: #fff; 
	text-decoration: none; 
}
/*Header portion END, Main Body START*/
#main_body { 
}

#leftcol { 
	background-color: #000; 
	background-image: url(../../templates/black/images/leftcolumn_bg.png); 
	background-repeat: no-repeat; 
	background-position: left top; 
	position: relative; top: -1px; 
	width: 285px; float: left; 
}

#searchbox { 
	background-repeat: no-repeat; 
	background-position: center; 
	text-align: center; 
	width: 210px; 
	height: 130px; 
	padding: 70px 40px 40px; 
}

#statistics { 
	background-repeat: no-repeat; 
	background-position: center top; 
	text-align: center; 
	padding: 50px 00px 00px; 
	width: 210px; height: 160px; 
}

#footer_left { 
	background-image: url(../../templates/black/images/leftcolumn_bg-08.png); 
	background-position: left bottom; 
	position: relative; 
	top: 27px; width: 285px; 
	height: 35px; 
}

.profile_preview { 
	color: #d7d7d7; 
	background-color: #79bcce; 
	text-align: center; 
	width: 105px; 
	height: 160px; 
	overflow: hidden; 
	float: left; 
	max-height: 160px; 
}

.smallpicbg { 
	background-color: #fff; 
	width: 103px; 
	height: 120px; 
	overflow: hidden; 
	max-height: 120px; 
}

.module_sg_head { 
	color: #9f7401; 
	font-weight: bold; 
	font-variant: small-caps; 
	background-image: url(../../templates/black/images/module_head_bg.png); 
	background-repeat: no-repeat; 
	background-position: center top; 
	text-align: center; 
	text-indent: 5px; 
	position: relative; 
	top: -10px; 
	right: 1px; 
	width: 252px; 
	height: 30px; 
	padding-top: 10px; 
}

.leftside_detail { 
	font-weight: normal; 
	background-color: #fff8df; 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	text-align: left; width: 250px; 
	overflow: hidden; 
	max-width: 250px; 
	margin-right: auto; 
	margin-bottom: 10px; 
	margin-left: auto; 
	padding-bottom: 5px; 
}

/*Panelmenu Accordion START*/

.applemenu{ 
	margin: 5px 0; 
	padding: 0; 
	width: 250px; 
}

.applemenu div.silverheader a{ 
	font: 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; 
	color: white; 
	background-color: #9f7401; 
	display: block; 
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto; 
	padding: 5px 0 5px 8px; 
	text-decoration: none; 
}

.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
	color: white;
}

.applemenu div.selected a, .applemenu div.silverheader a:hover{
	color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
	background: #f4e8c1; 
	height: 150px; 
	padding: 5px; 
	overflow: auto; 
	max-height: 150px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

/*Panelmenu Accordion END*/
.module_sg_head_admin { 
	color: #9f7401; 
	font-variant: small-caps; 
	font-weight: bold; 
	background-color: #f4e8bf; 
	background-repeat: no-repeat; 
	background-position: center top; 
	text-indent: 5px; 
	padding-top: 5px; 
	width: 250px; 
	height: 27px; 
}

.leftside_detail_admin { 
	font-weight: normal; 
	background-color: #f7f7f7; 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	padding-bottom: 5px; 
	width: 250px; 
	border-right: 1px solid #e8e8e8; 
	border-bottom: 1px solid #e8e8e8; 
	border-left: 1px solid #e8e8e8; }

#content_header { 
	 
}

#rend_page { 
	background-color: #fff; 
	background-image: url(../../templates/black/images/RightBkgd.png);
	background-repeat: repeat-y; 
	background-position: right 0; 
	position: relative; top: -1px; 
	width: 610px; float: right; 
	
}

#spec_offer {
	color: #fff; 
	background-image: url(../../templates/black/images/spec_offer.png);
	background-repeat: no-repeat; 
	background-position: center; 
	position: relative; width: 
	580px; height: 392px; 
}

#welcome_text { 
	position: relative; 
	top: 220px; 
	width: 270px; 
	float: left; 
	padding: 10px; 
}

#welcome_text img { 
	position: absolute; 
	top: 135px; 
	left: 5px; 
}

#welcome_text h3 { 
	color: #fff; 
	font-size: 13px; 
	font-variant: small-caps; 
	text-align: left; 
	padding: 0; 
}

#login_box { 
	text-align: center; 
	position: relative; 
	top: 220px; 
	width: 270px; 
	float: left; 
	padding: 10px; 
}

#login_box input[type="password"] { 
	color: #204f61; 
	background-color: transparent; 
	background-image: url(../../templates/black/images/login_input_bg.png); 
	background-repeat: no-repeat; 
	background-position: left top; 
	text-indent: 30px; 
	width: 200px; 
	height: 20px; 
	border-width: 0; 
}

#login_box input[type="text"] { 
	color: #000000; 
	background-color: transparent; 
	background-image: url(../../templates/black/images/login_input_text_bg.png); 
	background-repeat: no-repeat; 
	background-position: center top; 
	text-indent: 30px; 
	width: 200px; 
	height: 20px; 
	border-width: 0; 
}

#login_box input[type="image"] { 
	position: absolute; 
	top: 135px; 
	right: 5px; 
}

#login_box h3 { 
	color: #fff; 
	font-size: 13px; 
	font-variant: small-caps; 
	text-align: right; 
	padding: 0; 
}

#footer_right { 
	
	background-position: left bottom; 
	position: relative; 
	top: 28px; 
	right: 0px; 
	width: 610px; 
	height: 28px; 
}

#signup { 
	background-color: inherit; 
	text-align: center; 
	clear: both; 
	padding: 5px 80px 10px; 
}

.rp_sg_head { 
	color: #6f6f6f; 
	font-weight: bold; 
	font-variant: small-caps; 
	background-image: url(../../templates/black/images/rp_sg_head.png); 
	background-repeat: repeat-x; 
	background-position: 0 top; 
	text-indent: 20px; 
	height: 30px; 
	margin-bottom: -7px; 
	padding-top: 7px; 
	border: solid 1px #dfdfdf; 
}

.rp_sg_subhead { 
	background-color: #f0f0f0; 
	background-image: url(../../templates/black/images/rp_sg_subhead.png); 
	background-repeat: repeat-x; 
	background-position: center top; 
	text-indent: 10px; 
	height: 30px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-top: 1px dotted #dcdcdc; 
}

#banners { 
	margin: 70px 40px 40px; 
}

/*Main Body END, Footer START*/
#footer { 
	position: relative; 
	top: 20px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
}

.footer { 
	padding-bottom: 10px; 
}

#credits { 
	color: #bababa; 
	font-size: 9px; 
	padding: 5px; 
}

#credits a { 
	color: #bababa; 
	font-size: 9px; 
}

#credits a:hover { 
	color: #020202; 
	font-size: 9px; 
	text-decoration: underline; 
}
/*Footer END*/

/*SG Edition 1 Template END*/
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #434548; 
	background-color: #570615; 
	padding: 0; 
	margin: 0; 
	cursor: default; 
}

form {
	padding: 0;
	margin: 0;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #434548;
}

th {
	font-weight: bold;
	color: #595959;
	background-color: #dcdcdc;
	font-size: 11px;

}

th a {
	text-decoration: underline;
	color: #666;
}
th a:hover {
	color: #424242;
	text-decoration: underline;

}
/* hides text-align to the left from IE, because the next 2 rules doesn't apply to IE */
 html>body td {
  text-align: left;
}

html>body td[align="center"] {
  text-align: center;
}

html>body td[align=center] {
  text-align: center;
}

html>body td[align=right] {
  text-align: right;
}

html>body td[align="right"] {
  text-align: right;
}

*[align="center"] {
  text-align: center;
}

*[align=center] {
  text-align: center;
}

*[align="right"] {
  text-align: right;
}

*[align=right] {
  text-align: right;
}
.headbg{ color: #fff; background-color: #696969; }
.headbgbox{
	background-color: #a1a1a1;
}
.module_head {
	background-color: #959595;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

.oddrow, .addrow {
	background-color: #FEFEFE;
}

.evenrow {
	background-color: #FEFEFE;
}


.module_head_right {
	background-color: #959595;
	font-size: 11px;
	color: #ffffff;
}

.module_head_right a {
	background-color: #959595;
	font-size: 11px;
	color: #ffffff;
}

.calendar_module_detail { 
	font-size: 11px; 
	font-weight: normal; 
	background-color: #fcfdff; 
	color: #121010; 
	border: solid 1px #a1a1a1; 
	}

.calendar_module_head { 
	background-color: #a9a9a9; 
	font-size: 11px; 
	font-weight: bold; 
	color: #ffffff; 
	border: solid 1px #a1a1a1; }


.module_head_right a:hover {
	background-color: #a9a9a9;
	font-size: 11px;
	color: #ffffff;
}


.edituserlink{
	background-color: #696969;
	color: #ffffff;
	font-weight: bold;

}
.edituserlink a{
	background-color: #696969;
	color: #ffffff;
	font-weight: normal;
}

.edituserlink a:hover{
	background-color: #696969;
	color: #ffffff;
	font-weight: normal;
}

.text_head1, .text_head1:hover {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.text_head2, .text_head2:hover {
	font-size: 14px;
	font-weight: bold;
	color: #0000AF;
}

.module_detail_inside { 
	font-size: 11px; 
	font-weight: normal; 
	background-color: #f8f8f8; 
	text-align:left; 
	border-color: #e5e5e5; 
	border-style: none solid solid; 
	border-width: 1px; }

.tos { 
	font-size: 11px; 
	font-weight: normal; 
	background-color: #f8f8f8; 
	margin: 10px; 
	border: solid 1px #e5e5e5; 
}

.im_text { 
	font-size: 11px; 
	font-weight: normal; 
	background-color: #f8fbff; 
	border: solid 1px #e5e5e5; 
}

.module_detail { 
	font-size: 11px; 
	font-weight: normal; 
	background-color: #f8f8f8; 
	text-align:left; 
	border: solid 1px #e5e5e5; 
}

.statusbar { 
	background-color: #f3f3f3; 
}

.smallpic {
	border: 1px solid #666666;
}

textarea {
	font-size: 11px;
}

select {
	font-size: 11px;
}

.dotted{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}

.s_table_blue{
	color: #27277E;
	font-weight: bold;
}

.s_table_white{
	color: #27277E;
}

.table_blue{
	background-color: #D3E1FA;
	color: #27277E;
}

.table_white{
	background-color: #FFFFFF;
	color: #27277E;
}

.table_green{
	background-color: #D8F9D5;
	color: #003300;
}

.table_red{
	background-color: #FFD5D5;
	color: #990000;
}

.table_pink{
	background-color: #FFE1FF;
	color: #7D0067;
}

.table_gray{
	background-color: #EFEFEF;
	color: #333333;
}

.table_yellow{
	background-color: #FFFFCC;
	color: #B08D00;
}

.headrow {
	border: 1px solid #A9BDF1;
	background-color: #C8E0FB;
	text-align: center;
}

.text8pt {
	font-size: 8pt;
}

a {
	color: #9f7401;
	text-decoration: underline;
}

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

a.menulink {
	font-size: 11px;
	color: #b9961c;
	text-decoration: none;
}

a.menulink:hover {
	font-size: 11px;
	color: #696969;
	text-decoration: none;
}

.panellinkhdr {
	background-color: #696969;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;

}

a.panellink {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #9f7401;
}

a.panellink:hover {
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}
.panelbox {

}

.paneltable{
	background-color: #696969;
}

.storyhead{
	color: #b5871b;
	font-weight: bold;
}

.storydate{
	font-size: 9px;
	color: #003366;
	font-style: italic;
}

.storyby{
	color: #959595;
}

.storytext{
}

.newshead{
	color: #b5871b;
	font-weight: bold;
}

.newsdate{
	font-size: 9px;
	font-style: italic;
}

.newstext{

}

.pollquestion{
	color: #b5871b;
	font-weight: bold;
}

.polloptions{

}

.payment_mod_head{
	font-size: 11px;
	color: #ffffff;
	background-color: #696969;
}

.admin_head{
	font-size: 12px;
	color: #696969;
	font-weight: bold;
}

h4{
	font-size: 12px;
}

.headerfooter, .headerfooter:hover {					/*** style of "xxx's Profile", "Last logge" ***/
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
}

.headerfooter:hover {							/*** hover: style of "xxx's Profile", "Last logge" ***/
	color: #FFFFFF;
	text-decoration: none;
}

.nickwidth {								/*** width of sections ***/
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.im_msg {
	font-size: 8pt;
}

.menu_subhead {
	background-color: #dfdfdf;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;

}

.picgallery {
	background-color: #F8FBFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.module_head a {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.module_head a:hover {
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Following are added in 2.1.0 for DIV specifications */

.stats_line {
	float: left;
}

.stats_line_outer {
	width: 99%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
}

.display_error { 
	color: #d96635; 
	font-weight: normal; 
	background-color: #f2e8d1; 
	text-decoration: blink; 
	padding: 5px; 
	border: solid 1px #d8a566; }

.required_info {
	color: #FF0000;
}

.bloglink_hdr02 {
	float:left; 
	margin: 1px; 
	padding: 4px; 
	text-align: center;
}
 
.colhead {
	font-weight: bold;
	color: #666;
	background-color: #e5e5e5;
	font-size: 11px;

}

.colhead a {
	text-decoration: underline;
	color: #d96635;
}

.colhead a:hover {
	color: #666;
	text-decoration: none;

}

.panelbox_div {
	height:16px; 
	padding:1px;
	padding-left: 6px; 
	padding-right: 3px;
}

.panellinkhdr_div {
	height:13px;
	background-color: #666;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding:3px 
}

.panellinkhdr_div  a {
	text-decoration: none;
}

a.panellink_div {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
}

.panellink a:hover {
	text-decoration: underline;
}

.signup_line_outer{
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 3px;
	margin-right: 4px; 
	height: 12pt;
	vertical-align: middle; 
}

.line_outer {
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 3px;
	padding-right: 4px; 
}

.signup_line_leftside {
	float: left;
	width: 188px;
}

.profile_line_leftside {
	float: left;
	width: 35%;
}

.loadsnaps_column {
	float: left;
	width: 49.9%;
	vertical-align: middle;
	text-align: center;
}

.column_head {
	font-weight: bold;
	background-color: #e5e5e5;
	color: #666;
	font-size: 11px;
	line-height: 20px;
	vertical-align: middle;
}

.column_head a {
	color: #d96635;
	text-decoration: none;
}

.column_head a:hover {
	color: #666;
	text-decoration: underline;
}

.line_leftside {
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 3px;
	margin-right: 2px; 
	vertical-align:middle; 
}

.line_rightside {
	margin-top: 3px;
	margin-left: 2px;
	margin-bottom: 3px;
	margin-right: 4px; 
	vertical-align:middle; 
}

.line_top_bottom_pad {
	padding-top: 2px;
	padding-bottom: 2px;
}

.top_margin_6px {
	margin-top: 6px;
}

.profile_links { 
	background-color: #f8e4ea; 
	width: 98%; }

.current_monthday {
        background-color: #FEFEFE;
}

.other_monthday {
        background-color: #EFEFEF;
}
.errors {
	color: red;
}
div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:auto;
}



.anylinkcss{
	position:absolute;
	visibility: hidden;
	border:1px solid white;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height: 24px;
	z-index: 100;
	background-color: #6699FF;
	width: 200px;
}

.anylinkcss a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid white;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color: white;
	text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
	background-color: #6699FF;
	color: red;
	text-decoration: none;
}

a.mmenulink {
	font-size: 13px;
	font-weight:bold;
	color: #CC6600;
	text-decoration: none;
}

a.mmenulink:hover {
	font-size: 13px;
	font-weight:bold;
	color: #6600FF;
	text-decoration: none;
}