/*SG-Edition 1 Template START*/
/*Header Portion START*/
#main_outer { background-image: url(../../templates/sg-edition-2/images/main_outer_bg.png); width: 820px; margin-right: auto; margin-left: auto; }
#main_inner { width: 780px; }
#header { width: 780px; height: 280px; background-position:center; background-image: url(../../templates/sg-edition-2/images/header_bg.jpg); background-repeat: no-repeat; background-position:bottom;}
#top_hor_nav { background-color: inherit; background-image: url(../../templates/sg-edition-2/images/white_bar1.png); background-repeat: no-repeat; background-position: center bottom; position: relative; width: 780px; height: 50px; z-index: 1; }
#useronline { background-image: url(../../templates/sg-edition-2/images/uo_bg.png); background-repeat: no-repeat; background-position: center bottom; width: 170px; height: 40px; float: right; }
#useronline a { color: #fff; position: relative; top: 12px; }
#logo {position: relative; bottom: 9px; width: 535px; height: 130px; z-index: 0; float: left; padding: 15px; } 
/* background-image: url(../../templates/sg-edition-2/images/header_bg.jpg); background-repeat: no-repeat; text-align: left;  */

#searchbox { bottom: 9px; width: 280px; height: 130px; z-index: 0; float: right; padding: 15px; }

#loginbar { font-size: inherit; background-image: url(../../templates/sg-edition-2/images/loginbar_bg.png); background-repeat: no-repeat; background-position: center top; text-align: left; text-indent: 5px; position: relative; bottom: 9px; width: 780px; height: 40px; z-index: 1; margin-bottom: -7px; padding-top: 7px; }
/*Header portion END, Main Body START*/
#main_body { }
#leftcol { width: 250px; float: left; padding: 5px; }
.module_sg_head { color: #ce831b; font-weight: bold; font-variant: small-caps; background-color: #f4e8bf; background-repeat: no-repeat; background-position: center top; text-indent: 5px; width: 250px; height: 27px; padding-top: 5px; }
.leftside_detail { font-weight: normal; background-color: #fff8df; background-repeat: no-repeat; background-position: center bottom; width: 250px; padding-bottom: 5px; }
.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; }
#rend_page { width: 510px; float: right; padding: 5px; }
#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/sg-edition-2/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/sg-edition-2/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 { }
/*Main Body END, Footer START*/
#footer { 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: #5e82b0; background-image: url(../../templates/sg-edition-2/images/body_bg.jpg); background-repeat: repeat-x; background-position: center top; padding: 0; margin: 0; }
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: #d4e1f6;
}
.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: #83ADDF;
	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: #E1EFFB;
}

.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;
}

