html, body { margin:  0px; padding: 0px; min-width: 900px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: Black; background: #FDFDFD; }

img { border: 0; }

.special_font { font-family: Georgia, Georgia, serif; }

/* --- LINKS IN GENERAL ------------ */
a { text-decoration: none; outline: none; } /* No lines around buttons in Firefox! */
a:link { color: #000099; text-decoration: none; }
a:visited { color: #000066; text-decoration: none; }
a:hover { color: #006633; text-decoration: underline; }
a img { border: 0; } /* No image should have a border when linked */

a.buttonzz { height: 25px;  padding: 2px 10px 2px 10px; background: #FFE6CC; border-top: 1px solid #818181; border-left: 1px solid #818181; border-right: 2px solid #818181; border-bottom: 2px solid #818181; text-decoration: none; }
a.buttonzz:hover { color: #000; background: #46B200; }

.dark { background-color: #000; color: #CCCCCC; overflow: hidden; }
.dark a:link { color: #5FA4FF; }
.dark a:visited { color: #5FA4FF; }
.dark a:hover { color: #3F92FF; }
.dark a:link.alarm { color: yellow; }
.dark a:visited.alarm { color: yellow; }
.dark a:hover.alarm { color: yellow; }

div.hyperlink { cursor: pointer; } 

h1,h2,h3,h4 { font-weight: normal; color: #295656; }
h1 { font-size: 1.2em; }
h2 { font-size: 4.1em; }
h3 { font-size: 1.0em; }
h4 { font-size: 0.9em; }

.bigtitlex { font-size: 1.0em; font-weight: bold; }
.titlex    { font-size: 0.9em; font-weight: bold; }
.titleq    { font-size: 0.9em; font-weight: bold; margin-bottom: 6px; overflow: hidden; }
.topictitle { font-weight: normal; font-size: 1.1em; }
.title_gen_box { font-weight: normal; font-size: 1.1em; font-family: Georgia, Georgia, serif; color: #234b4b; padding-bottom: 3px; background: #e2e2e2; }

/* --- For Album ------------------- */
#modal-overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none; }
#modal-window { position: fixed; z-index: 102; display:none; top:50%; left:50%; }
#modal-window img { display: block; border: 3px solid #ccc; }

/* --- GENERAL --------------------- */
.clr { clear: both; }
.floatright { float: right; }
.floatleft { float: left; }
.sep1 { margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #e0e0fe; }

.category_tree { padding: 14px; overflow: hidden; }

.window_light_bg { background-color: #F1F1F1; }
.window_dark_bg { background-color: #E6E6E6; }

/* These are for the auto suggest floating div type thing. */
.auto_suggest_div { border: 1px solid #505050; position: absolute; font-size: 0.9em; }
.auto_suggest_item { background-color: #FAFAFA; padding: 2px; }
.auto_suggest_item_hover { background-color: #7897B4; padding: 2px; cursor: pointer; color: white; }


/* --- WARNINGS and INFOS ---------- */

.error { color: red; }
.alert { color: red; }
.warn_mute { color: red; }
.warn_moderate { color: orange; }
.warn_watch { color: green; }
.warning { font-style: italic; font-size: 0.9em; color: #911D1D; }
.warningtext { font-size: 1em; font-weight: bold; color: #FF1111; }

.info_text { height: 22px; font-size: 0.9em; color: #974C00; background-color: #FFE7CE; border-bottom: none; margin-bottom: 0px; border-top: solid 3px #FF9966; border-bottom: solid 3px #FF9966; padding: 2px 8px 0px 8px; text-align: left; }
.warn_text { font-size: 0.9em; color: #660099; background-color: #FFF2FC; border-bottom: none; border: solid 1px #E5CCFF;  margin-top: 5px; margin-bottom: 5px; padding: 2px 8px 2px 8px; text-align: left; }

.text_box_blue { color: white; background-color: #2d2eff; padding: 4px; border: solid 1px #aeafff; font-size: 0.9em; }
.text_box_info { color: #215D05; background-color: #dafedd; padding: 4px; border: solid 1px #c7e7c2; font-size: 0.9em; }
.text_box_green { color: #215d05; background-color: #dcfbdf; padding: 4px; border: solid 1px #94ce8e; }
.text_box_orange { color: #974C00; background-color: #FFE7CE; padding: 4px; border: solid 1px #FF9966; }

.text_box_red { color: #A80043; background-color: #ececec; padding: 4px; border: 2px dashed red; }
.text_box_red .title { color: #A80043; font-size: 1.2em; margin-bottom: 15px; }
.text_box_red .description { color: #6a001b; }


/* === FORMS ======================= */

textarea  { border: 1px solid #9c9c9c; }
textarea.txtbox  { border: 1px solid #aeafff; }
input[type=text] { border: 1px solid #9c9c9c; }


.input_field { height: 22px; }
.input_field .name { width: 150px; float: left; text-align: left; color: #6c6c6c; font-weight: bold; }
.input_field .data {               float: left; text-align: left; color: #003300; }
.input_radio_field { height: 22px; }

.output_field { height: 22px; }
.output_field .name { width: 130px; float: left; text-align: left; color: #6C6C6C; font-weight: bold; }
.output_field .data { float: left; text-align: left; color: #003300; }

.output_field2 { clear: left; padding-top: 5px; }
.output_field2 .name { width: 115px; float: left; text-align: left; color: #6C6C6C; font-weight: bold; }
.output_field2 .data { width: 350px; float: left; text-align: left; color: #003300; }

.document_body {}
.document_body table { border: 1px solid #cccccc; border-collapse: collapse; }
.document_body tr { padding: 0px; }
.document_body td { border: 1px solid #cccccc; padding: 5px; }

.search { float: left; padding-left: 10px; }
.search .inputbox { background: #ffffff url('../images/search.gif') no-repeat center left; padding-left: 22px;	/* for icon */ width: 160px; height: 16px; }
.inputbox { font-size: 96%; border: solid 1px #cccccc; background-color: #FFFFF4; color: Black; }
.display_field { border: 1px solid #CCCCCC; padding: 2px; background-color: #FBFBF4; }

.stdtable { font-weight: bold; background-color: #EBEBEB; }
.stdtable .selectedrow { background-color: #9eff40; }

/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
input.input_check, input.input_radio { border: none; background: none; }
input.input_checkbox { border: 1px none #000000; background:transparent; vertical-align:middle;}


td.input_field_label {
	width: 240px;
	background-color: #F6F6F6;
	border-bottom: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	color: #666666;
	font-weight: bold;
	text-align: right;
	padding: 3px;
	vertical-align: top;
	font-size: 0.9em;
}

td.input_field_label .sub_text {
	color: #228B22;
	text-align: right;
	vertical-align: top;
	font-size: 0.8em;
}

td.input_field_data { text-align: left; padding: 3px; font-size: 0.8em; }

fieldset { margin-top: 4px; margin-bottom: 6px; border: 1px #ccc solid; padding: 5px; text-align: left; }

legend { color: #A48C77; font-weight: bold; font-size: 12px; }



/* --- TOOLTIP --------------------- */

#tooltip {
	position: absolute;
	z-index: 9999;
	color: #264142;
	font-size: 0.8em;
	width: 180px;
	min-height: 40px;
	background-color: #E0F6E0;
	padding: 5px 5px 5px 15px;
	border: 1px solid #5FC86B;
	text-align: left;
}





/* --- BUTTONS --------------------- */
.button, .button_submit, .submit input { text-decoration: none; line-height: 14px; padding: 2px 8px; cursor: pointer; border-width: 1px; border-style: solid; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; box-sizing: content-box; }
a.button, a.button_submit { line-height: 1.2em; padding: 2px 10px; white-space: nowrap;  -webkit-border-radius: 10px; }
.button, .button_submit, .submit input, input[type=button], input[type=submit] { border-color: #c1c1c1; color: #fdfdfd; }
.button, .button_submit, .submit input { background: #828282; }
.button:hover,  .button_submit:hover,  .submit input:hover, input[type=button]:hover, input[type=submit]:hover { color: #000; border-color: #009999; background: #D4EFC7; }
.button:active, .button_submit:active, .submit input:active { background: #eee; }
.button[disabled], .button:disabled, a.button.disabled, .button_submit[disabled], .button_submit:disabled, a.button_submit.disabled { color: #ccc !important; border-color: #ccc; }


/* --- THE AJAX NOTIFIER ----------- */

#ajax_in_progress { background: #32CD32; color: white; text-align: center; font-weight: bold; font-size: 1.3em; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; }
#ajax_in_progress a { color: white; text-decoration: underline; font-size: 0.9em; float: right; }

/* --- NEWS FADER ------------------ */

h3#newsfader { font-size: 1.1em; }
#smfNewsFader { background: #000000; color: White; }
#smfNewsFader span { font-weight: bold; }
#smfFadeScroller { padding: 3px; font-size: 1.1em; text-align: center; }


.agewarn .body { height: 100%; margin: 0; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; background: #222; color: #666; }
.agewarn a, .agewarn a:visited { color: #F44; font-weight: bold; }
.agewarn a.button { padding-left: 50px; padding-right: 50px; padding-top: 0px; padding-bottom: 0px; border: 1px solid #444; outline: 1px solid #000; background: #555; font-size: 1.4em; font-weight: bold; text-decoration: none; }
.agewarn a.button:hover { color: #000; background: #888; }


/* /////////////////////////////////////////////////////////////////////////////////////////////// */


.layoutmarker { /* border: 1px dashed #FFCCCC; */ }
.rounded-box { border: 1px solid #8E8E8E; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; }

/* Replace this : */
.content, .roundframe { padding: 7px; }
.content p, .roundframe p { margin: 0 0 0.5em 0; }

.info_bar {   height: 26px; font-size: 0.9em; padding: 2px 8px 0px 8px; text-align: left; color: #E9E9E9; background: black; border-bottom: 1px dotted red; }
.info_bar ul { list-style: none; margin-top: 0; padding: 0px; }
.info_bar ul li { margin-left: 0; float: left; padding-left:8px; padding-right:7px; }
.info_bar ul li a,
.info_bar ul li a:visited  { color: #5FA4FF; border: 1px solid black; display: block; text-decoration: none; font-weight: normal; }
.info_bar ul li a:hover { color: white; ; border: 1px solid #727272; background-color: #414141; }
.info_bar ul li a.topsite { color: #ff3131; height: 20px; font-size: 1.6em;  line-height: 20px; font-weight: normal; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif'; padding-left: 10px; padding-right: 15px; text-align: center;  padding-bottom: 2px; }
.info_bar ul li a.zsearch { background: url(../images/filter.gif) no-repeat 0px 0px; padding: 0 6px 0 18px; }
.info_bar ul li a.zinfo { background: url(../images/help-icon-small-dark.gif) no-repeat 0px 0px; padding: 0 6px 0 18px; }

.footer_box { height: 70px; font-size: 0.9em; padding: 5px; text-align: left; overflow: hidden; }
.footer_box .footer_block { width: 266px; margin-right: 37px; float: right; padding-bottom: 2em; }
.footer_box .footer_block.about_block { width: 342px; margin: 0; }
.footer_box strong { color: #bbb; }
.footer_box .footer_block h3 { border-bottom: 1px solid #b0c4de; color: #999; font-size: 1.0em; padding-bottom: 0.2em; margin-bottom: 0; }
.footer_block .links { clear: both; padding-top: 1em; }   
.footer_block .links a { padding: 0.35em; }
.footer_block ul { list-style: none; margin-top: 0; }
.footer_block ul li { margin-left: 0; }
.footer_block ul li a { color: #777; display: block; font-weight: normal; padding: .5em 0; border-bottom: 1px solid #e1eaf5; width: 100%; }
.footer_block ul li a:hover { color: black; background-color: #c1ffd1; border-color: #555; text-decoration: none; font-weight: normal; }

/* --- CONTENT --------------------- */
.maincontent-layer { margin-left: auto; margin-right: auto; overflow: hidden; padding: 0px; width: 1000px; min-height: 400px; }

.leftMainColumn   { float: left; margin: 0px; width: 200px; padding-right: 10px; }
.rightMainColumn  { float: left; margin: 0px; width: 200px; padding-left:  10px; }
.centerMainColumn { float: left; margin: 0px; padding: 0px; overflow: hidden; }

.centMainColSize_1col { width: 1000px; }
.centMainColSize_2col { width:  790px; }
.centMainColSize_3col { width:  580px; }
/*
.leftMainColumn   { float: left; margin: 0px; width: 230px; padding-right: 10px; }
.rightMainColumn  { float: left; margin: 0px; width: 230px; padding-left:  10px; }
.centerMainColumn { float: left; margin: 0px; padding: 0px; overflow: hidden; }

.centMainColSize_1col { width: 1000px; }
.centMainColSize_2col { width:  760px; }
.centMainColSize_3col { width:  520px; }
*/

/* --- CONTENT NEW ----------------- */

.contentz { overflow: hidden; border: none; }
.contentz .block { margin-top: 12px; overflow: hidden; }
.contentz .block .block_title { color: white; background: #9090d7; height: 20px; line-height: 20px; font-size: 1.1em; padding-left: 10px; border-top: 2px solid #5d5d5d; border-bottom: 2px solid #5d5d5d; }
.contentz .formix { padding: 4px; background: #fff3ce; } 
.contentz .subblock { padding: 4px; border: 1px solid #dfdfdf; margin-top: 10px; overflow: hidden; }

.combisection {}
.combisection .side_block { width: 140px; float: left; padding-right: 10px; }
.combisection .main_block { margin-left: 152px; }
.combisection .main_block .sect_header .sect_title { height: 20px; line-height: 20px; font-size: 1.1em; color: Black; background: #f1f1f1; border: 1px solid #dcdcdc; padding-left: 5px; margin-bottom: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.combisection .main_block .content { padding: 1em; }

/* --- CONTENT NEW ----------------- */

/* --- PAGE MODULES ---------------- */
.applet { overflow: hidden;	padding: 0px; margin-bottom: 8px; border-top: 1px solid #CDCDCD; border-left: 1px solid #DDDDDD; border-right: 1px solid #ECECEC; border-bottom: solid 2px #DDDDDD; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; }
.applet .thumbnail-box { overflow: hidden; }
.applet .thumbnail-box .label { font-size: 0.8em; }
.applet .appheader { font-size: 1.1em; font-weight: normal; text-align: center; height: 23px; color: #3D3D3D; margin-top: 0px; margin-bottom: 0px;  background: #D8D8D8 url('../images/backrounds/digi.gif'); -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; }
.applet .appheader a:link,
.applet .appheader a:visited { color: #3D3D3D; }
.applet .appheader a:hover {   color: #009F51; }
.applet .appcontent { padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; }

#center .applet, #bottom .applet { }
#left .applet, #right .applet { /* width: 217px; */ }
#officialInfo .applet { height: 30px; }
#guestInfo .applet { background-color: black; }
#big_icon_menu .applet {}
.big_icon_menu { width: 100%; white-space: nowrap; text-align: center; }

/* --- Main Content Applet ---- */
.applet#body_box .appheader { padding-left: 10px; font-size: 1.2em; text-align: left; height: 26px; }
.applet#body_box { border: none; }



/* /////////////////////////////////////////////////////////////////////////////////////////////// */






/* --- GENERAL MENU BUTTON CONT. --- */
.navigation-box { padding-top: 2px; padding-left: 0px; padding-bottom: 2px; overflow: hidden; }

/* --- FLAT MENU ------------------- */
.flatmenu * { margin: 0; padding: 0; }
.flatmenu { border-top: 1px solid #444444; border-bottom: 1px solid #444444; overflow: hidden;  background: none; }
.flatmenu ul { }
.flatmenu ul li { height: 19px; line-height: 19px; border: 1px solid Black; list-style: none; background-repeat: no-repeat; /* overflow: hidden; */ }
.flatmenu ul li:hover { border: 1px solid #009999; }
.flatmenu ul li a { color: #003F90; padding: 0 4px 0 5px; font-size: 0.9em; white-space: nowrap; text-decoration: none; display: block; vertical-align: middle; }
.flatmenu ul li a:visited { color: #003F90; }
.flatmenu ul li a:hover,
.flatmenu ul li a.active:hover { color: Black; }
.flatmenu ul li a.active { color: #227559; }
.flatmenu ul li a img { border: 0; margin-right: 6px; padding: 0px; vertical-align: middle; }

/* --- CMS TOP MENU ---------------- */
.cms-menu .flatmenu { height: 23px; width: 100%;  border-top: 2px solid black; border-bottom: 2px solid #404040; background: Black url('../images/backrounds/menu_bar_back.gif') 0 1px repeat-x; }
.cms-menu .flatmenu ul { height: 21px; width: 100%; padding-left: 40px; }
.cms-menu .flatmenu ul li { height: 21px; line-height: 21px; float: left; }
.cms-menu .flatmenu ul li a { color: White; }
.cms-menu .flatmenu ul li a:visited { color: White; }
.cms-menu .flatmenu ul li a:hover,
.cms-menu .flatmenu ul li a.active:hover { color: #33FF33; }
.cms-menu .flatmenu ul li a.active { color: #33CC99; }

/* --- MODULE MENU ----------------- */
.module-menu .flatmenu { height: 21px; border-top: 1px solid #F7EFE7; border-bottom: 1px solid #F7EFE7; }
.module-menu .flatmenu ul { height: 19px; }
.module-menu .flatmenu ul li {  height: 19px; line-height: 19px; border: 1px solid #CCCCCC; margin-left: 1px; margin-right: 1px;  background: #FFFFFF url('../images/backrounds/buttons_back.jpg') 0 1px repeat-x;  float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
.module-menu .flatmenu ul li:hover { border: 1px solid #009999; background: #D4EFC7; }
.module-menu .flatmenu ul li a { font-size: 0.9em; }

/* --- BUTTONS STRIPE -------------- */
.messages_list .stripe-menu .flatmenu ul li { border: 1px solid #e8e8e8; background: white; }
.messages_list .stripe-menu .flatmenu ul li a { color: #708090; }

.stripe-menu .flatmenu { height: 21px; border-top: 1px solid #F7EFE7; border-bottom: 1px solid #F7EFE7; }
.stripe-menu .flatmenu ul { height: 19px; }
.stripe-menu .flatmenu ul li {  height: 19px; line-height: 19px; border: 1px solid #CCCCCC; margin-left: 1px; margin-right: 1px;  background: #FFFFFF url('../images/backrounds/buttons_back.jpg') 0 1px repeat-x; float: left;  -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.stripe-menu .flatmenu ul li:hover { border: 1px solid #009999; background: #D4EFC7; }
.stripe-menu .flatmenu ul li a { font-size: 0.9em; }
.stripe-menu .flatmenu ul li a.active { color: #6633ff; }
.stripe-menu .flatmenu ul li.new_topic-nav { border: 1px solid #0066FF; }
.stripe-menu .flatmenu ul li.new_topic-nav:hover { border: 1px solid #009999; background: #D4EFC7; }
.stripe-menu .flatmenu ul li.reply-nav { border: 1px solid #0066FF; }
.stripe-menu .flatmenu ul li.reply-nav:hover { border: 1px solid #009999; background: #D4EFC7; }
.stripe-menu .flatmenu ul li.ignore-nav { border: 1px solid #CC3333; }
.stripe-menu .flatmenu ul li.ignore-nav:hover { border: 1px solid #009999; background: #D4EFC7; }

/* --- BASIC VERTICAL MENU --------- */
.bvert-menu .flatmenu { border: none; list-style: none; background: White; } 
.bvert-menu .flatmenu ul { }
.bvert-menu .flatmenu ul li { height: auto; border: none; }
/* .bvert-menu .flatmenu ul li.group_label { color: black; background: #EDF1F7; border-top: 1px solid #ced5e1; } */
.bvert-menu .flatmenu ul li.group_label { color: black; }
.bvert-menu .flatmenu ul li.group_label:hover { }
.bvert-menu .flatmenu ul li.group_label .label { padding-left: 5px; font-size: 0.9em; font-weight: bold; }
.bvert-menu .flatmenu ul li.submenu { padding-left: 9px; background: white url(../images/box_grey_tiny.png) no-repeat 4px 50%; }
.bvert-menu .flatmenu ul li.submenu:hover { background: #d4efc7 url(../images/box_lgreen_tiny.png) no-repeat 4px 50%; }
.bvert-menu .flatmenu ul li a { font-size: 0.9em; }

/* --- ICON MENU ------------------- */
.icon-menu * { margin: 0; padding: 0; }
.icon-menu { width: 165px; height: auto; }
.icon-menu ul { }
.icon-menu ul li { height: 130px; width: 210px; background: #EAEAEA; margin-bottom: 10px; border: 1px solid White; text-align: center; }
.icon-menu ul li { list-style-image: none; list-style-type: none; }
.icon-menu ul li:hover { background: #C7FFAA; }
.icon-menu ul li a { font-size: 1.1em; color: #000099; }
.icon-menu ul li a:hover { text-decoration: none; }
.icon-menu ul li img a:hover { border: none; }

.big_tree_menu * { margin: 0; padding: 0; }
.big_tree_menu { width: 460px; height: auto; }
.big_tree_menu ul {  }
.big_tree_menu ul li { min-height: 60px; width: 440px; background: #f2f2f2; margin-bottom: 10px; border: 1px solid #dcdcdc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.zbig_tree_menu ul li { text-align: left; line-height: 32px; }
.big_tree_menu ul li { list-style-image: none; list-style-type: none; }
.big_tree_menu ul li:hover { border: 1px solid #42bd78; }
.big_tree_menu ul li a { color: #52878b; }
.big_tree_menu ul li a:hover { text-decoration: none; }
.big_tree_menu ul li .icon { float: left; }
.big_tree_menu ul li .icon img { height: 50px; width: 65px; padding: 5px; }
.big_tree_menu ul li .icon img a:hover { border: none; }
.big_tree_menu ul li .title { float: left; font-size: 1.4em; font-family: Georgia, Georgia, serif; padding-left: 10px; }
.big_tree_menu ul li .flag { float: right; }
.big_tree_menu ul li .flag img { padding-right: 10px; padding-top: 5px; }
.big_tree_menu ul li .flag img a:hover { border: none; }
.big_tree_menu ul li .description a { font-size: 0.9em; color: #7393bd; padding-left: 10px; }
.big_tree_menu ul li .extra a { font-size: 1em; color: #8f8f8f; padding-left: 10px; margin-top: 15px; }


/* --- PAGE NUMBER LINKS ----------- */
.page_nav_index * { margin: 0; padding: 0; }
.page_nav_index { overflow: hidden; }
.page_nav_index ul { float: left; line-height: 16px; }
.page_nav_index ul li { float: left; list-style: none; font-size: 0.8em; font-weight: bold; vertical-align: middle; padding: 1px 4px 1px 4px; margin-right: 4px; text-decoration: none; height: 17px; color: black; background-color: #E0E0E0; border: 1px solid Silver; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.page_nav_index ul li.active { color: black; background-color: #bbe8a6; border: 1px solid #428042; }
.page_nav_index ul li.active:hover { color: black; background-color: #bbe8a6; border: 1px solid #428042; }
.page_nav_index ul li.idle { color: black; background-color: #E0E0E0; border: 1px solid Silver; }
.page_nav_index ul li.idle:hover { color: black; background-color: #E0E0E0; border: 1px solid Silver; }
.page_nav_index ul li a { font-size: 1.0em;  text-decoration: none;  }
.page_nav_index ul li:hover { border: 1px solid #009999; background: #D4EFC7; }
.page_nav_index ul li.ellipsis { background: none; border: none; }
.page_nav_index ul li.ellipsis:hoover { background: none; border: none; }
.page_nav_index .pgtext  { float: left; padding-right: 6px; font-size: 0.8em; }


/* --- SORT_BUTTONS ---------------- */
.sort_buttons * { margin: 0; padding: 0; }
.sort_buttons { overflow: hidden; }
.sort_buttons ul { float: left; line-height: 16px; }
.sort_buttons ul li { float: left; list-style: none; font-size: 0.8em; font-weight: bold; vertical-align: middle; padding: 1px 4px 1px 4px; margin-right: 4px; text-decoration: none; height: 17px; color: black; background-color: #E0E0E0; border: 1px solid Silver; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.sort_buttons ul li.active { color: black; background-color: #bbe8a6; border: 1px solid #428042; }
.sort_buttons ul li.active:hover { color: black; background-color: #bbe8a6; border: 1px solid #428042; }
.sort_buttons ul li.idle { color: black; background-color: #E0E0E0; border: 1px solid Silver; }
.sort_buttons ul li.idle:hover { color: black; background-color: #E0E0E0; border: 1px solid Silver; }
.sort_buttons ul li a { font-size: 1.0em;  text-decoration: none;  }
.sort_buttons ul li:hover { border: 1px solid #009999; background: #D4EFC7; }
.sort_buttons ul li.ellipsis { background: none; border: none; }
.sort_buttons ul li.ellipsis:hoover { background: none; border: none; }
.sort_buttons .pgtext  { float: left; padding-right: 6px; }


/* --- BREAD_CRUMBS ---------------- */
.bread_crumb_box { padding-top: 2px; padding-bottom: 10px; background: #FAFAFA; overflow: hidden; }

.bread_crumbs * { margin: 0; padding: 0; }
.bread_crumbs { height: 18px; padding-top: 6px; padding-bottom: 6px; padding-left: 16px; }
.bread_crumbs ul { float: left; background: #fffacd;  line-height: 20px; padding-left: 10px; padding-right: 10px; border: 1px solid #CDCDCD; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; }
.bread_crumbs ul li { float: left; list-style: none; background: url('../images/arrow.png') no-repeat 0px 50%; padding: 0 5px 0 12px; }
.bread_crumbs ul li.first { background: none; padding: 0 4px 0 4px; }
.bread_crumbs ul li a { font-size: 1.0em; }

.bread_crumbs_light * { margin: 0; padding: 0; }
.bread_crumbs_light { height: 16px; padding-top: 0px; padding-bottom: 1px; }
.bread_crumbs_light ul { line-height: 18px; }
.bread_crumbs_light ul li { float: left; list-style: none; background: url('../images/arrow.png') no-repeat 0px 50%; padding: 0 5px 0 12px; }
.bread_crumbs_light ul li.first { background: none; padding: 0 4px 0 4px; }
.bread_crumbs_light ul li a { font-size: 0.9em; }


/* --- BIG TREE LIST --------------- */
.box-tree-list * { margin: 0; padding: 0; } 
.box-tree-list { border: none; margin-left: 2px; }
.box-tree-list ul { margin-left: 20px; padding: 2px; }
.box-tree-list ul li a { font-size: 1em; }
.box-tree-list ul li.tl-T {	list-style-image: url(../images/icons/folder.png); }
.box-tree-list ul li.tl-P {	list-style-image: url(../images/icons/directory-P.gif); }
.box-tree-list ul li.tl-G {	list-style-image: url(../images/icons/directory-G.gif); }
.box-tree-list ul li.tl-B {	list-style-image: url(../images/icons/directory-B.gif); }
.box-tree-list ul li.tl-H {	list-style-image: url(../images/icons/directory-H.gif); }
.box-tree-list ul li.info-T {	list-style-image: url(../images/icons/folder.png); }
.box-tree-list ul li.info-H {	list-style-image: url(../images/help-icon.png); }


/* --- TINY TREE LIST -------------- */
.tiny-tree-list * { margin: 0; padding: 0; }
.tiny-tree-list { border: none; font-size: 0.8em; }
.tiny-tree-list ul { margin-left: 12px; padding-left: 3px; }
.tiny-tree-list ul li.tl-header { list-style-image: url(../images/box_grey_tiny.png); }
.tiny-tree-list ul li.tl-newitem { list-style-image: url(../images/box_lgreen_tiny.png); }
.tiny-tree-list ul li.tl-message { list-style-image: url(../images/box_orange_tiny.png); }
.tiny-tree-list ul li.tl-en { list-style-image: url(../images/flag_en_micro.gif); }
.tiny-tree-list ul li.tl-fr { list-style-image: url(../images/flag_fr_micro.gif); }
.tiny-tree-list ul li.tl-de { list-style-image: url(../images/flag_de_micro.gif); }


.base_tree_menu * { margin: 0; padding: 0; }
.base_tree_menu ul li { list-style-image: none; list-style-type: none; }

/* --- IMG THUMBNAILS ---- */
.thumbnail-block { overflow: hidden; text-align: center; }

.frame span { font-size: 0.9em; padding-left: 5px; display: block; }
.frame img { background-color: #e9e9e9; display: block; padding: 4px; position: relative; width:  10px; height: 10px; border: 1px solid #cfcfcf; }
.frame img:hover { background-color: #97BD9F; } 
.frame-color-male { border-left: solid 4px #8081DB; }
.frame-color-female { border-left: solid 4px #CC0066; }
.frame-color-unknown { border-left: solid 4px #D6D6D6; }

.thumb-type-micro { padding: 0px; width:  44px; 	height: 40px; }
.thumb-type-micro .frame img { width:  28px; height: 28px; }
.thumb-type-tiny {    padding: 3px; width:  58px; height: 58px; }
.thumb-type-tiny .frame img {    width:  50px; height: 50px; }
.thumb-type-smallnp { padding: 0px; width:  64px; 	height: 64px; }
.thumb-type-smallnp .frame img { width:  50px; height: 50px; }
.thumb-type-small {   padding: 3px; width:  57px; 	height: 53px; }
.thumb-type-small .frame img {   width:  45px; height: 45px; }
.thumb-type-med { padding: 3px 5px 3px 3px; width:  87px; height: 98px; }
.thumb-type-med .frame img { width:  75px; height: 75px; }
.thumb-type-med2 { padding: 2px 3px 2px 2px; width: 87px; height: 102px; }
.thumb-type-med2 .frame img { width:  75px; height: 75px; }
.thumb-type-wide { padding: 5px 5px 5px 5px; width:  110px; height: 110px; }
.thumb-type-wide .frame img { width: 100px; height: 100px; }
.thumb-type-comp { padding: 2px 3px 2px 3px; width:  83px; height: 83px; }
.thumb-type-comp .frame img { width:  75px; height: 75px; }
.thumb-type-comp-p { padding: 2px 3px 2px 3px; width:  74px; height: 74px; }
.thumb-type-comp-p .frame img { width:  60px; height: 60px; }
.thumb-type-big { padding: 0px 0px 0px 0px; width:  104px; height: 100px; }
.thumb-type-big .frame img { width:  90px; height: 90px; }


/* === LOIGIN BOX ================== */
.login_box { width: 600px; background: #e1e2f1; border: 2px solid #333366; overflow: hidden; }
.login_box .login_title { background: #333366; color: white; padding-left: 8px; font-size: 1.1em; font-weight: bold; }

.login_box .login_error_info { color: #B70000; background: #FFDBDB; padding: 6px; border: 2px solid #B22222; font-size: 1.0em; }

.login_box .login_description { color: #215D05; background: #EAFDED; padding: 6px; border: solid 1px #C9E8C5; font-size: 0.9em; }
.login_box .field_box { padding: 10px; }
.login_box .input_field { height: 22px; }
.login_box .input_field .label { clear: left; width: 250px; float: left; text-align: right; color: #6c6c6c; font-weight: bold; padding-right: 8px; }
.login_box .input_field .data { float: left; text-align: left; color: #003300; }
.login_box .input_radio_field { height: 22px; }
.login_box .help_box { color: #215D05; background-color: #dafedd; padding: 6px; border: solid 1px #c7e7c2; font-size: 1.1em; overflow: hidden; margin-top: 16px; }
.login_box .help_box .left_sect {  float: left; width: 100px; }
.login_box .help_box .right_sect { float: right; width: 480px; }


/* === MEMBER DATA BOX ============= */
.member_data_box_1 { width: 240px; background: #e5ebcd; border: 1px solid #cccc99; overflow: hidden; }
.member_data_box_1 .mdbtitle { background: #cccc99; color: white; padding-left: 8px; }
.member_data_box_1 .mdbcontent { padding-left: 6px; overflow: hidden; }
.member_data_box_1 .name { font-size: 1.0em; font-weight: bold; }
.member_data_box_1 .avatar_box { float: left; padding: 4px; }
.member_data_box_1 .field { font-size: 0.9em; }
.member_data_box_1 .data_box { float: left; text-align: left; padding: 5px; }

.member_data_box_2 { width: 300px; background: #e5ebcd; border: 1px solid #cccc99; overflow: hidden; }
.member_data_box_2 .mdbtitle { background: #cccc99; color: white; padding-left: 8px; }
.member_data_box_2 .mdbcontent { padding-left: 6px; }
.member_data_box_2 .name { font-size: 1.0em; font-weight: bold; }
.member_data_box_2 .avatar_box { float: left; padding: 4px; }
.member_data_box_2 .field { font-size: 0.9em; }
.member_data_box_2 .data_box { float: left; text-align: left; padding: 5px; }

.member_data_box_3 { width: 600px; padding-left: 6px; overflow: hidden; background: #e5ebcd; border: 1px solid #cccc99; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; }
.member_data_box_3 .name { font-size: 1.0em; font-weight: bold; }
.member_data_box_3 .avatar_box { float: left; padding: 4px; }
.member_data_box_3 .field { font-size: 0.9em; }
.member_data_box_3 .data_box { float: left; text-align: left; padding: 5px; overflow: hidden; }

/* === ALBUM ======================= */
.album .album_page { overflow: hidden; }
.album .album_page .thumbs { margin-top: 10px; overflow: hidden; }

.album .album_index .rows { overflow: hidden; }
.album .album_index .row { min-height: 90px; border-top: 2px solid #F4E5F4; padding: 5px; overflow: hidden; }
.album .album_index .row .col1 { width: 100px; float: left; text-align: left; }
.album .album_index .row .col2 { width: 380px; float: left; text-align: left; }
.album .album_index .row .col3 { width: 135px; float: left; text-align: right; }
.album .album_index .row .thumb { float: none; }
.album .album_index .row .auththumb { float: right; }
.album .album_index .row .title { font-size: 1.2em; font-family: Georgia, Georgia, serif; margin-bottom: 8px; }
.album .album_index .row .title a { color: #52878b; }
.album .album_index .row .data { font-size: 0.9em; font-weight: normal;  margin-bottom: 6px; color: #666666; }
.album .album_index .row .description { font-size: 0.9em; font-weight: normal; }
.album .album_index .row .path { font-size: 0.8em; font-weight: normal; color: #999999; }
.album .album_index .row .info { color: #660033 }

.album .album_page .top_box { text-align: left; padding-top: 15px; overflow: hidden; }
.album .album_page .top_box .membdat_box { float: left; }
.album .album_page .top_box .album_info_box { float: right; background: #ebebeb;  border: 1px solid #cacaca; }
.album .album_page .top_box .album_info_box .infotitle { padding-left: 8px; background: #aeaeae; color: #fcfcfc; }
.album .album_page .top_box .album_info_box .infodata { padding: 8px; }
.album .album_page .description_box { text-align: left; background: #ececec; border: 1px solid #cccccc; padding: 5px; margin-top: 8px; margin-bottom: 8px; }
.album .album_page .thumbs { background: #464646; border: 1px solid #010101; padding: 10px; }

/* === COMMENT LIST ================ */
.commentlist { margin-top: 8px; }
.commentlist .main_header { padding: 2px; background-color: #acacac; color: white; }
.commentlist .row { border: 1px solid #bebebe; margin-top: 4px; overflow: hidden; }
.commentlist .row .row_header { height: 20px; padding: 2px; background-color: #e4e6f3; }
.commentlist .row .row_header .datex { font-size: 0.8em; color: gray; }
.commentlist .row .row_header .author a {  color: gray; }
.commentlist .row .comment-text { padding: 4px; background-color: #FBFBF4; }

/* === ADS LIST ==================== */
.ads .ads_index .rows_header { height: 20px; padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #FFCF09; background: #E7E7E7; }
.ads .ads_index .coltitle { font-size: 0.9em; font-weight: bold; color: #777777; }
.ads .ads_index .rows { padding-bottom: 10px; }
.ads .ads_index .rows .different_bg { background: #ECEEFF; }
.ads .ads_index .row { min-height: 40px; padding-top: 3px; clear: both; padding-left: 6px; font-size: 0.9em; }
.ads .ads_index .col1 { width: 200px; float: left; text-align: left; padding-right: 5px; }
.ads .ads_index .col2 { width: 105px; float: left; text-align: left; }
.ads .ads_index .col3 { width:  30px; float: left; text-align: center; }
.ads .ads_index .col4 { width:  30px; float: left; text-align: center; }
.ads .ads_index .col5 { width: 105px; float: left; text-align: left; }
.ads .ads_index .col6 { width:  80px; float: left; text-align: left; }
.ads .ads_index .col7 { width:  40px; float: left; text-align: right; }
.ads .ads_index .col8 { width:  15px; float: left; text-align: right; padding-left: 6px; }
.ads .ads_index .topictitle { font-weight: normal; font-size: 1.1em; }
.ads .ads_index .subtopictitle { font-weight: normal; font-size: 0.9em; }
.ads .ads_index .topicdesc { font-size: 0.9em; font-weight: normal; color: #333333; }
.ads .ads_index .sep { background-color: #6483f6; height: 1px; }

.ads .ads_page .top-box { font-size: 0.9em; padding-top: 10px; overflow: hidden; }
.ads .ads_page .right-box { float: left; width: 335px; padding-left: 20px; }
.ads .ads_page .left-box { float: left; }
.ads .ads_page .field-title { font-weight: bold; padding-top: 10px; padding-bottom: 6px; }
.ads .ads_page .datex { text-align: right; background: #ededed; margin-top: 4px; color: #616161; font-size: 0.8em; }
.ads .ads_page .description { background: #fff0d0; border: 2px solid #ffcf86; margin-top: 8px; margin-bottom: 12px; padding: 7px; }

/* === MEET LIST =================== */
.meet .meet_index .rows_header { height: 20px; padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #FFCF09; background: #E7E7E7; }
.meet .meet_index .coltitle { font-size: 0.9em; font-weight: bold; color: #777777; }
.meet .meet_index .rows { padding-bottom: 10px; }
.meet .meet_index .row { min-height: 40px; padding-top: 3px; clear: both; padding-left: 6px; font-size: 0.9em; }
.meet .meet_index .col1 { width: 200px; float: left; text-align: left; padding-right: 3px; }
.meet .meet_index .col2 { width: 150px; float: left; text-align: left; }
.meet .meet_index .col3 { width: 100px; float: left; text-align: left; }
.meet .meet_index .col4 { width: 100px; float: left; text-align: left; }
.meet .meet_index .col5 { width:  40px; float: left; text-align: right; }
.meet .meet_index .topictitle { font-weight: normal; font-size: 1.1em; }
.meet .meet_index .subtopictitle { font-weight: normal; font-size: 0.9em; }
.meet .meet_index .topicdesc { font-size: 0.9em; font-weight: normal; color: #333333; }
.meet .meet_index .description { font-size: 0.9em; font-weight: normal; }
.meet .meet_index .sep { background-color: #6483f6; height: 1px; }

.meet .meet_page .contentzi { font-size: 0.9em; background: #e6e7f4; border: 1px solid #8486b2; margin-top: 8px; margin-bottom: 12px; padding: 7px; overflow: hidden; }
.meet .meet_page .desctitle { font-size: 1.0em; font-weight: bold; background: #ffe6b0; border: 1px solid #ffd886; margin-top: 8px; padding-left: 7px; color: #666699; }
.meet .meet_page .description { background: #fff0d0; border: 2px solid #ffcf86; margin-top: 2px; margin-bottom: 12px; padding: 7px; }
.meet .meet_page .datex { text-align: right; background: #ededed; margin-top: 4px; color: #616161; font-size: 0.8em; margin-bottom: 10px; }


.meet_cat_list .rows { overflow: hidden; }
.meet_cat_list .row { height: 100px; border-top: 1px solid #ddf2e0; overflow: hidden; padding-top: 5px; padding-bottom: 5px; }
.meet_cat_list .row .col1 { width: 105px; float: left; text-align: left; }
.meet_cat_list .row .col2 { width: 440px; float: left; text-align: left; }
.meet_cat_list .row .col3 { width: 160px; float: left; text-align: right; font-size: 0.9em; }
.meet_cat_list .row .thumb { float: none; overflow: hidden; }
.meet_cat_list .row .blogtitle { font-size: 1.1em;  margin-bottom: 10px;  }
.meet_cat_list .row .author { font-size: 1.0em;  margin-bottom: 10px;  }
.meet_cat_list .row .description { font-size: 0.9em; font-weight: normal; }


/* === DOCS LIST =================== */
.docs .docs_index {}
.docs .docs_index .header_cont { height: 20px; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #f5f4fe; border-left: 1px solid #f5f4fe; border-right: 1px solid #f5f4fe; border-bottom: 1px solid #cfccff; }
.docs .docs_index .rows_cont { min-height: 20px; padding-top: 3px; clear: both; padding-left: 6px; font-size: 1.0em; }
.docs .docs_index .cont4 { padding-bottom: 5px; }
.docs .docs_index .cont5 { padding-bottom: 10px; }
.docs .docs_index .cont6 { min-height: 12px; padding-top: 2px; padding-bottom: 1px; clear: both; padding-left: 65px; }
.docs .docs_index .col1 { width: 530px; float: left; text-align: left; padding-right: 3px; }
.docs .docs_index .col2 { width:  40px; float: left; text-align: right; }
.docs .docs_index .coltitle { font-size: 0.9em; font-weight: bold; color: #777777; }
.docs .docs_index .topictitle { font-weight: normal; font-size: 1.1em; }
.docs .docs_index .subtopictitle { font-weight: normal; font-size: 0.9em; }
.docs .docs_index .topicdesc { font-size: 1.0em; font-weight: normal; color: #333333; }
.docs .docs_index .doctitle { font-size: 1.0em; font-weight: normal; }
.docs .docs_index .sep { background-color: #6483f6; height: 1px; }

/* === DOCS VIEW =================== */
.docs .docs_view h1 { font-size: 1.3em; font-weight: bold; color: #005a5b; }
.docs .docs_view h2 { font-size: 1.1em; font-weight: bold; color: #296a8b; }
.docs .docs_view h3 { font-size: 1.0em; font-weight: bold; color: #296a8b; }
.docs .docs_view .document_body { font-size: 1em; padding: 6px; }

/* === BLOGS INDEX ================= */
.blog_index .rows { overflow: hidden; }
.blog_index .row { min-height: 100px; border-top: 3px solid #FFEFAE; overflow: hidden; padding-top: 5px; padding-bottom: 5px; }
.blog_index .row .col1 { width: 105px; float: left; text-align: left; }
.blog_index .row .col2 { width: 340px; float: left; text-align: left; }
.blog_index .row .col3 { width: 160px; float: left; text-align: right; font-size: 0.9em; }
.blog_index .row .thumb { float: none; overflow: hidden; }
.blog_index .row .blogtitle { font-size: 1.2em;  margin-bottom: 10px;  }
.blog_index .row .author { font-size: 1.0em;  margin-bottom: 10px;  }
.blog_index .row .description { font-size: 0.9em; font-weight: normal; }

/* === BLOG CONTENT ================ */
.blog .description { border: 1px solid #E0D9FF; margin-top: 5px; margin-bottom: 20px; overflow: hidden; }
.blog .description .title { background-color: #F1F1F1; border-top: 5px solid #990000; border-bottom: 1px solid #990000; padding: 10px; overflow: hidden; font-size: 1.2em; font-weight: normal; }
.blog .description .intro { background-color: White; border-top: 1px solid #E0D9FF; padding: 10px; overflow: hidden; }
.blog .description .intro .avatar { float: left; overflow: hidden; margin-right: 15px; margin-bottom: 13px; }

.blog .item { border: none; margin-bottom: 32px; overflow: hidden; }

.blog .item .header { margin-top: 5px; margin-bottom: 20px; /* overflow: hidden; */}
.blog .item .header .title { min-height: 34px; line-height: 34px; font-size: 1.2em; font-weight: normal; border-top: 3px solid #FF9A35; border-bottom: 1px solid #FFD5AA;  background: #FFFFEC;  }
.blog .item .header .date {  color: #8C8C00;  }

.blog .item .body { background-color: White; border: 1px solid #E6E6E6; padding: 14px; }
.blog .item .body p { margin: 0; }
.blog .item .comments { overflow: hidden; }
.blog .item .comments .title { overflow: hidden; }
.blog .item .commentlist { padding-left: 4px; padding-right: 4px; overflow: hidden; }
.blog .item .commentlist .item { border-top: 3px solid #CCCCFF; border-bottom: 1px solid #E6E6E6; background-color: #F0F0F0; margin-bottom: 15px; overflow: hidden; }
.blog .item .commentlist .item .comment-text { padding: 4px; background-color: #FBFBF4; margin-top: 2px; border: none; }
.blog .item .commentlist .item .author { padding: 2px; }

/* === PROFILE ===================== */
.profile { overflow: hidden; }
.profile .info_box { margin: 4px; border: 1px solid #D2D2D2; padding: 5px; overflow: hidden; }
.profile .info_box .box_title { font-weight: bold; border-bottom: 2px solid #BDBDBD; margin-bottom: 4px; }
.profile .info_box .box_text { color: #003300; }
.profile .info_field { clear: left; }
.profile .info_field .name { width: 130px; float: left; text-align: left; color: #6C6C6C; }
.profile .info_field .data { width: 200px; float: left; text-align: left; color: #003300; }
.profile .left_block { border-right: 2px solid #E5E9C3; overflow: hidden; }
.profile .right_block { float: right; overflow: hidden; width: 400px; }

/* === MEMBER SEARCH =============== */
.memb_search { }
.memb_search .header { height: 20px; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #f5f4fe; border-left: 1px solid #f5f4fe; border-right: 1px solid #f5f4fe; border-bottom: 1px solid #cfccff; }
.memb_search .rows { min-height: 20px; padding-top: 3px; }
.memb_search .row { min-height: 12px; padding-top: 2px; padding-bottom: 1px; overflow: hidden; margin-bottom: 10px; background: #ffffe8; }
.memb_search .row { border: 1px solid #9999ff; border-top: 2px solid #9999FF;  -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.memb_search .col1 { width:  60px; float: left; text-align: left; padding-left: 5px; }
.memb_search .col2 { width: 170px; float: left; text-align: left; }
.memb_search .col3 { width:  80px; float: left; text-align: left; }
.memb_search .col4 { width:  60px; float: left; text-align: left; }
.memb_search .col5 { width: 150px; float: left; text-align: left; }
.memb_search .col6 { width:  60px; float: left; text-align: left; }
.memb_search .col7 { width: 110px; float: left; text-align: left; }
.memb_search .col8 { width:  50px; float: left; text-align: left; }
.memb_search .coltitle { font-size: 0.9em; font-weight: bold; color: #777777; }
	
/* === BOARD_INDEX ================= */
.forum .board_index { }
.forum .board_index .header { padding-top: 3px; padding-bottom: 5px; border-top: 1px solid #e4e2fe; border-left: 1px solid #f5f4fe; border-right: 1px solid #f5f4fe; border-bottom: 1px solid #cfccff; margin-top: 5px; margin-bottom: 5px; overflow: hidden; }
.forum .board_index .rows { padding-bottom: 10px; }
.forum .board_index .row { min-height: 52px; padding-top: 3px; clear: both; overflow: hidden; padding-left: 6px;  margin-bottom: 5px; background: #F1F1F1; border: 1px solid #dcdcdc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.forum .board_index .row:hover { border: 1px solid #42bd78; }
.forum .board_index .subboards * { margin: 0; padding: 0; }
.forum .board_index .subboards { padding-left: 26px;  padding-top: 4px;  padding-bottom: 4px;  margin-bottom: 5px; background: #F1F1F1; border: 1px solid #dcdcdc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.forum .board_index .subboards ul { overflow: hidden; }
.forum .board_index .subboards ul li { list-style-image: none; list-style-type: none; float: left; padding-left: 8px; }
.forum .board_index .col1 { width: 30px; float: left; text-align: center; padding-right: 3px; }
.forum .board_index .col2 { width: 330px; float: left; text-align: left; }
.forum .board_index .col3 { width: 50px; float: left; text-align: center; color: #999999; }
.forum .board_index .col4 { width: 134px; float: left; text-align: left; }
.forum .board_index .col5 { width: 62px; float: left; text-align: center; color: #999999; }
.forum .board_index .coltitle1 { font-size: 0.9em; font-weight: bold; color: #777777; }
.forum .board_index .coltitle2 { font-size: 0.8em; font-weight: bold; color: #999999; }
.forum .board_index .coltitle3 { font-size: 0.9em; font-weight: bold; color: #999999; }
.forum .board_index .topictitle { font-weight: normal;  font-size: 1.1em; }
.forum .board_index .subtopictitle { font-weight: normal; font-size: 0.9em; }
.forum .board_index .topicdesc { font-size: 0.9em; font-weight: normal; color: #333333; }
.forum .board_index .topiclastmsg { font-size: 0.8em; font-weight: normal; color: #888888; }
.forum .board_index .postcount { font-size: 0.8em; font-weight: normal; }



/* === TOPIC_LIST ================== */
.forum .topics_list { }
.forum .topics_list .header { min-height: 33px; border: 1px solid #e8e8e8; padding-top: 10px; background: #efefef; } 
.forum .topics_list .row { clear: both; min-height: 48px; padding-top: 3px; overflow: hidden; margin-bottom: 1px; border-bottom: solid 1px #d9d9d9; }
.forum .topics_list .row.sticky { background: #fff7e5; border: solid 1px #ffcc66; }

.forum .topics_list .light_rw .row { min-height: 30px; }

.forum .topics_list .col1 { width:  23px; float: left; text-align: center; padding-left: 7px;  }
.forum .topics_list .col2 { width: 315px; float: left; text-align: left; overflow: hidden; }
.forum .topics_list .col3 { width:  90px; float: left; text-align: center; color: #999999; }
.forum .topics_list .col4 { width: 105px; float: left; text-align: center; overflow: hidden; }
.forum .topics_list .col5 { width:  50px; float: left; color: #999999; }
.forum .topics_list .col6 { width:  50px; float: left; text-align: center; color: #999999; overflow: hidden; } 
.forum .topics_list .col7 { width: 150px; float: left; text-align: left; padding-left: 5px; overflow: hidden; } 
.forum .topics_list .col8 { width:  53px; float: left; color: #AA99BB; overflow: hidden; } 
.forum .topics_list .col9 { width:  20px; float: left; color: #AA99BB; overflow: hidden; } 

.forum .topics_list .col_b1 { width:  50px; float: left; text-align: center; padding-left: 7px; overflow: hidden; } 
.forum .topics_list .col_b1 .topicnewhot2 {   float: left; }
.forum .topics_list .col_b1 .topicnonewhot2 { float: left; }
.forum .topics_list .col_b1 .topicnewhot {    float: left; }
.forum .topics_list .col_b1 .topicnonewhot {  float: left; }
.forum .topics_list .col_b1 .topicnew {       float: left; }
.forum .topics_list .col_b1 .topicnonew {     float: left; }
.forum .topics_list .col_b1 .topicpin {       float: left; }
.forum .topics_list .col_b1 .topiclock {      float: left; }
.forum .topics_list .col_b1 .topicpoll {      float: left; }
.forum .topics_list .col_b1 .unread {         float: left; }
.forum .topics_list .col_b2 { width: 430px; float: left; text-align: left; overflow: hidden; }
.forum .topics_list .col_b3 { width:  60px; float: left; text-align: center; color: #999999; overflow: hidden; }
.forum .topics_list .col_b4 { width:  60px; float: left; text-align: center; color: #999999; overflow: hidden; }

.forum .topics_list .coltitle { font-size: 1.0em; font-weight: bold; }
.forum .topics_list .coltitle6 { font-size: 0.8em; font-weight: bold; padding-left: 25px; }
.forum .topics_list .coltitle7 { font-size: 1.0em; font-weight: bold; padding-left: 25px; }
.forum .topics_list .coltitle_b { font-size: 0.8em; font-weight: bold; }
.forum .topics_list .topictitle { font-size: 1.0em; }
.forum .topics_list .nowrap { white-space: nowrap; }
.forum .topics_list .lastmsg { font-size: 0.9em; font-weight: normal; color: #999999; }
.forum .topics_list .author { font-size: 0.9em; color: #999999; min-height: 40px; }	/* old */
.forum .topics_list .preview { font-size: 11px; }
.forum .topics_list .topicmsg {  }

.forum .topics_list .pagesindx { font-size: 0.9em; }

.forum .topics_list .author2 { float: left; font-size: 0.9em; padding-left: 10px; color: #999999; }
.forum .topics_list .date { font-size: 0.9em; color: #999999; }
.forum .topics_list .postcount { font-size: 0.8em; font-weight: normal; }

.forum .topics_list .topicnewhot2 {   background: url(../images/topic/icon_topicnewhot2.png) no-repeat left top; width: 20px; height: 20px; }
.forum .topics_list .topicnonewhot2 { background: url(../images/topic/icon_topicnonewhot2.png) no-repeat left top; width: 25px; height: 25px; }
.forum .topics_list .topicnewhot {    background: url(../images/topic/icon_topicnewhot.png) no-repeat left top; width: 20px; height: 20px; }
.forum .topics_list .topicnonewhot {  background: url(../images/topic/icon_topicnonewhot.png) no-repeat left top; width: 25px; height: 25px; }
.forum .topics_list .topicnew {       background: url(../images/topic/icon_topicnew.png) no-repeat left top; width: 20px; height: 20px; }
.forum .topics_list .topicnonew {     background: url(../images/topic/icon_topicnonew.png) no-repeat left top; width: 20px; height: 20px; }
.forum .topics_list .topicpin {       background: url(../images/topic/icon_topicpin.png) no-repeat left top; width: 20px; height: 20px; }
.forum .topics_list .topiclock {      background: url(../images/topic/icon_topiclock.png) no-repeat left top; width: 20px; height: 20px; }
.forum .topics_list .topicpoll {      background: url(../images/topic/icon_topicpoll.png) no-repeat left top; width: 20px; height: 20px; }
.forum .topics_list .unread {         background: url(../images/topic/icon_topicunread.png) no-repeat left top; width: 20px; height: 20px; }
/* .forum .topics_list .jump {           background: url(../images/topic/icon_pagejump.png) center left no-repeat; padding-left: 13px; } */


/* === MESSAGE_LIST (Forum) ======== */

.forum .messages_list .message_container { overflow: hidden; background: White; min-height: 30px; padding-top: 5px; margin-bottom: 20px; }
.forum .messages_list .message_container .left_box { float: left; width: 95px; overflow: hidden; border-top: 4px solid #dfdfdf; }
.forum .messages_list .message_container .center_box { overflow: hidden; }

.forum .messages_list .message_container .author_box { overflow: hidden; float: none; color: Gray; font-size: 0.9em; padding-left: 1px; }
.forum .messages_list .message_container .author_box .name { float: none; height: 12px; padding-top: 3px; padding-bottom: 7px; overflow: hidden; font-size: 1.0em; font-weight: bold; color: #5B5CA2;  }
.forum .messages_list .message_container .author_box .name a { font-weight: bold; color: #5B5CA2; }
.forum .messages_list .message_container .author_box .thumbnail-block { float: none; }
.forum .messages_list .message_container .author_box .msgcount a { font-weight: bold; color: #A4A4A4; }
.forum .messages_list .message_container .author_box .field {  }

.forum .messages_list .message_container .header_box { overflow: hidden; height: 25px; color: #747474; border-top: 4px solid #f0f0f0; margin-bottom: 8px; }
.forum .messages_list .message_container .header_box .time { float: left; padding-left: 5px; font-size: 0.9em; }
.forum .messages_list .message_container .header_box .link { float: left; padding-left: 10px; font-size: 0.9em; }
.forum .messages_list .message_container .header_box .link a { color: Gray; }
.forum .messages_list .message_container .header_box .vote_box { float: right; margin-top: 3px; }
.forum .messages_list .message_container .header_box .stripe-menu { float: right; padding-top: 2px; }
.forum .messages_list .message_container .header_box .flatmenu { font-size: 0.8em;  }

.forum .messages_list .message_container .path_box { overflow: hidden; border-top: 1px solid #C9C9C9; margin-bottom: 4px; }
.forum .messages_list .message_container .message_data_box { overflow: hidden; min-height: 20px; padding-top: 4px; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; color: Black; }
.forum .messages_list .message_container .message_data_box .message_txt { padding: 0px; }

.forum .messages_list .message_container .info_box { font-size: 0.9em; color: #787878; }
.forum .messages_list .message_container .info_box .data { padding: 4px; }
.forum .messages_list .message_container .attachment_box { overflow: hidden; }
.forum .messages_list .message_container .attachment_box .list { padding: 3px; overflow: hidden; font-size: 0.9em; } 
.forum .messages_list .message_container .attachment_box .list .document { float: left; display: inline; display: table-cell; border: 1px solid #C0C4FE; background: #ECFFFA; height: 60px; width: 160px; padding: 2px; font-size: 1.0em; }
.forum .messages_list .message_container .attachment_box .list .picture { float: left; border: none; text-align: center; height: 110px; width: 112px; padding: 0px; padding-bottom: 35px; margin-top: 4px; margin-left: 3px; margin-right: 0px; margin-bottom: 0px; max-width: 710px; font-size: 0.8em; }
.forum .messages_list .message_container .attachment_box .list .picture img { border: 1px solid Black; max-width: 700px; }



/* === MESSAGE_LIST (Pm) =========== */

.profile .message_container { overflow: hidden; border: 1px solid #e5e2f8; margin-bottom: 16px; }

.profile .message_container .path_box { overflow: hidden; background: #eeeeee; padding: 2px; border-bottom: 1px solid #c8c0f8; }

.profile .message_container .header_box { overflow: hidden; height: 25px; color: #747474; border-top: 4px solid #e1e1e1; margin-bottom: 8px; }
.profile .message_container .header_box .time { float: left; padding-left: 5px; font-size: 0.9em; }
.profile .message_container .header_box .link { float: left; padding-left: 10px; font-size: 0.9em; }
.profile .message_container .header_box .link a { color: Gray; }
.profile .message_container .header_box .vote_box { float: right; margin-top: 3px; }
.profile .message_container .header_box .stripe-menu { float: right; padding-top: 2px; }
.profile .message_container .header_box .flatmenu { font-size: 0.8em;  }

.profile .message_container .message_data_box { overflow: hidden; min-height: 20px; padding-top: 4px; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; color: Black; }
.profile .message_container .message_data_box .message_txt { padding: 0px; }

.pm_msg_container { overflow: hidden; background: #ececec; min-height: 30px; margin-bottom: 9px; border-width: 1px 1px 1px 3px; border-style: solid;	-moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; box-sizing: content-box; }
.pm_msg_container .header_cont { overflow: hidden; color: Black; height: 23px; padding-left: 8px; padding-right: 4px;padding-top: 2px; border-bottom: 2px solid #d7d7d7; font-size: 0.9em; }
.pm_msg_container .header_cont .left_box { float: left; color: #6751ee; font-weight: bold; font-size: 1.1em; }
.pm_msg_container .header_cont .right_box { float: right; color: #390064; }
.pm_msg_container .senders_receivers { overflow: hidden; background: #e3e5f9; border-bottom: 1px solid #a5a5a5; }
.pm_msg_container .member_cont { overflow: hidden; float: left; color: #535353; height: 20px; height: 38px; padding-left: 3px; padding-right: 4px;  font-size: 0.9em; }
.pm_msg_container .member_cont .name,
.pm_msg_container .member_cont .name a { font-weight: bold; color: #5B5CA2; }
.pm_msg_container .message_data_box { overflow: hidden; min-height: 20px; padding-top: 8px; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; color: Black; background: White; }
.pm_msg_container .message_data_box .message_txt { padding: 0px; }
.pm_msg_container .footer_cont { margin-right: 14px; }
.pm_msg_container .footer_cont .buttons { float: right; }

.sender_color { border-color: #0000cd; }
.receiver_color { border-color: #9932cc; }

/* --------------------------------- */
.left_block_2 { float: left; overflow: hidden; }
.msg_poster_info_box_2 { width: 104px; padding: 5px; overflow: hidden; }
.msg_poster_info_box_2 .thumb_box { overflow: hidden; }
.msg_poster_name a { font-size: 0.9em; font-weight: bold; }

/* --- VOTEPOST -------------------- */
.vote_box { height: 19px; padding-left: 5px; padding-right: 5px; border: 1px solid #CCCCCC; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
.votepost_greyed { background: url(../images/votepost_grey_stripes.png) #CCC repeat-x; padding: 9px 2px 9px 2px; }
.votepost_greyed a:link, .votepost_greyed a:visited { color: #444; }
.votepost_show:link, .votepost_show:visited { text-decoration: underline; }
.votepost_hider .left_box,
.votepost_hider .center_box,
.votepost_hider .info_box,
.votepost_hider .header_box,
.votepost_hider .path_box,
.votepost_hider .author_box,
.votepost_hider .attachment_box,
.votepost_hider .message_data_box
{ display: none; }
/* Force display when needed to */
.votepost_do_show { display: inline !important; }

/* === MODREPORT =================== */
.modreport .header_container { min-height: 18px; border-top: 1px solid #f5f4fe; border-left: 1px solid #f5f4fe; border-right: 1px solid #f5f4fe; border-bottom: 1px solid #cfccff; padding-top: 10px;  background: #EFEFEF;  }
.modreport .row_container { min-height: 16px; padding-top: 3px; padding-bottom: 5px; clear: both;  background: #818181;  color: White; border-top: 1px solid #cfccff; border-bottom: 1px solid #cfccff; }
.modreport .row_container a { color: White; }
.modreport .col1 { width: 150px; float: left; text-align: center; border-right: 1px solid #66CC66; }
.modreport .col2 { width:  70px; float: left; text-align: center; border-right: 1px solid #66CC66; }
.modreport .col3 { width:  60px; float: left; text-align: center; border-right: 1px solid #66CC66; }
.modreport .col4 { width:  40px; float: left; text-align: center; border-right: 1px solid #66CC66; }
.modreport .col5 { width: 120px; float: left; text-align: center; border-right: 1px solid #66CC66; }
.modreport .col6 { width:  40px; float: left; text-align: center; border-right: 1px solid #66CC66; }
.modreport .col7 { width:  80px; float: left; text-align: center; border-right: 1px solid #66CC66; }
.modreport .col8 { width:  80px; float: left; text-align: center; border-right: 1px solid #66CC66; }
.modreport .col9 { width:  80px; float: left; text-align: center; border-right: 1px solid #66CC66; }
.modreport .col10{ width:  80px; float: left; text-align: center; border-right: 1px solid #66CC66; }
.modreport .coltitle { font-size: 1.0em; font-weight: normal; }
.modreport .row_container2 { min-height: 30px; padding-top: 3px; padding-bottom: 5px; clear: both; float: left; font-size: 0.8em; border-top: 1px solid #66CC66; }

/* --- EDIT POST ------------------- */
#post_header { margin-bottom: 0.5em; border-bottom: 1px solid #666666; padding: 0.5em; overflow: hidden; }
#post_header dt { float: left; margin: 0; padding: 0; width: 15%; margin: .3em 0; font-weight: bold; }
#post_header dd { float: left; margin: 0; padding: 0; width: 83%; margin: .3em 0; }
#post_header img { vertical-align: middle; }
ul.post_options { margin: 0 0 0 1em; padding: 0; list-style: none; overflow: hidden; }
ul.post_options li { margin: 0.2em 0; width: 49%; float: left; }
#postAdditionalOptionsHeader { margin-top: 1em; } 
#postMoreOptions { border-bottom: 1px solid #666666; padding: 0.5em; }
#postAttachment, #postAttachment2 { overflow: hidden; margin: .5em 0; padding: 0; border-bottom: 1px solid #666666; padding: 0.5em; }
#postAttachment dd, #postAttachment2 dd { margin: .3em 0 .3em 1em; }
#postAttachment dt, #postAttachment2 dt { font-weight: bold; }
#postAttachment3 { margin-left: 1em; }
#post_confirm_strip, #shortcuts { padding: 1em 0 0 0; }
.post_verification { margin-top: .5em; }
.post_verification #verification_control { margin: .3em 0 .3em 1em; }

/* --- POLLS ----------------------- */
#edit_poll fieldset { margin-bottom: 0.5em; border: none; border-bottom: 1px solid #666666; padding: 0.5em; clear: both; }
#edit_poll legend { font-weight: bold; color: black; }
#edit_poll div.poll_options { width: 49%; float: left; }
#edit_poll ul.poll_main, ul.poll_options { overflow: hidden; padding: 0 0 .7em .7em; list-style: none; }
#edit_poll ul.poll_main li { list-style-type: none; margin: 0.2em 0; width: 49%; float: left; }
#edit_poll ul.poll_options { margin: 0; }
#edit_poll ul.poll_options li { list-style-type: none; margin: 0.3em 0 0 0; }


/* === RECENT POSTS LIST =========== */
.recent_posts_list { padding-left: 10px; overflow: hidden; }
.recent_posts_list * { margin: 0; padding: 0; }
.recent_posts_list { width: 730px; height: auto; }
.recent_posts_list ul {  }
.recent_posts_list ul li { list-style-image: none; list-style-type: none; }
.recent_posts_list li .time { text-align: right; float: right; font-size: 0.9em; padding-right: 10px; color: #7d7d7d; }
.recent_posts_list li .time a { color: #7d7d7d; }
.recent_posts_list li .message_link { font-size: 1.0em; }
.recent_posts_list li .message_link a { color: black; }
.recent_posts_list li .member_link { font-size: 0.9em; padding-left: 15px; color: #7d7d7d; }
.recent_posts_list li .member_link a { color: #7d7d7d; }
.recent_posts_list li .board_link { font-size: 0.9em;  padding-left: 15px; }
.recent_posts_list li .board_link a { color: #707070; }



/* === GEN LIST ==================== */
.generic_list { font-size: 0.9em; }

/* === LEGACY ====================== */

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body { color: #000000; background-color: #FFFFFF; }
.windowbg2 { color: #000000; background-color: #F5F5F5; }
.windowbg3 { color: #000000; background-color: #E8E8FF; }

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, #credits h3 { color: black; font-style: normal; background-color: #FFF; border-bottom: solid 1px #FCFCFC; border-top: solid 1px #FCFCFC; padding-left: 10px; padding-right: 10px; }
.titlebg, .titlebg a:link, .titlebg a:visited { font-weight: bold; color: black; font-style: normal; }
.titlebg2 a:link, .titlebg2 a:visited { color: black; font-style: normal; }

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor { background-color: #DCDCDC; padding: 0px; }
/* This is used on tables that should just have a border around them. */
.tborder { padding: 0px; border: 1px solid #DCDCDC; background: none; }

.catbgz { border-bottom: solid 1px #FCFCFC; font-weight: bold;  background: #EEEEEE;  }
.catbgz a:link,
.catbgz a:visited { color: #000; }
.catbgz a:hover { color: #960000; }

/* Lists with settings use these a lot. */
dl.settings { clear: right; overflow: auto; margin: 0 0 10px 0;  padding: 0; }
dl.settings dt { width: 48%; float: left; margin: 0 0 10px 0; padding: 0; clear: both; }
dl.settings dt.settings_title { width: 100%; float: none; margin: 0 0 10px 0; padding: 5px 0 0 0; font-weight: bold; clear: both; }
dl.settings dt.windowbg { width: 98%; float: left; margin: 0 0 3px 0; padding: 0 0 5px 0; clear: both; }
dl.settings dd { width: 48%; float: left; margin: 0 0 3px 0; padding: 0; }
dl.settings img { margin: 0 10px 0 0; }
dl.settings dt a img { position: relative; top: 2px; }