/*SG-Edition 1 Template START*/
/*Header Portion START*/
#main_outer { width: 920px; 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-image: url(../../templates/black/images/searchbox_bg.png); background-repeat: no-repeat; background-position: center; text-align: center; width: 210px; height: 110px; padding: 70px 40px 40px; }
#statistics { background-image: url(../../templates/black/images/statistics_bg.png); background-repeat: no-repeat; background-position: center top; text-align: center; padding: 50px 40px 40px; width: 210px; height: 80px; }
#footer_left { background-image: url(../../templates/black/images/leftcolumn_bg-08.png); background-position: left bottom; position: relative; top: 27px; width: 285px; height: 28px; }
.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: #ce831b; 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: #dac47e; 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: #ce831b; 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 { background-color: #fff; position: relative; top: -1px; width: 607px; height: 10px; float: right; border-right: 8px solid #000; }
#rend_page { background-color: #fff; background-repeat: repeat-y; background-position: right 0; position: relative; top: -1px; width: 597px; float: right; padding: 5px; border-right: 8px solid #000; }
#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: #204f61; 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-image: url(../../templates/black/images/content_footer_bg.png); background-position: left bottom; position: relative; top: 28px; right: 5px; width: 615px; 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: #c00; 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: #EFEFEF;
}


.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: #eda600;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #696969;
}

a.menulink {
	font-size: 11px;
	color: #eda600;
	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: #eda600;
}
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-rightt: 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;
	valign: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: #FEFEFEF;
}

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