/*
# This file is part of brainusers.com
# Copyright 2006-2008 Refina Corporation (www.refinacorp.com)
# info@refinacorp.com
*/

body {padding:8px 0 0 0; margin:0; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#333; background:url(images/bg.gif) top left repeat-x}
#layout {width:880px; margin:0 auto 0 auto}
#layout a {color:#333; text-decoration:underline}
#layout .highlight {color:#ff6600; text-decoration:none}
#layout a:hover {color:#f60; text-decoration:underline}
#header {float:left; width:100%}
#header .topcontent {position:relative; float:left; border-left:1px dashed #C7C7C7; border-top:1px solid #FFF; border-right:1px dashed #C7C7C7; text-decoration:none; text-align:right; font-size:9px; width:100%; height:67px; background-color:#FFF}
#header .logo {position:absolute; top:8px; left:15px}
#header .toplinks {padding:6px 9px 0 0; float:right}
#header .welcome {position:absolute; bottom:13px; right:13px}
#header .overlay {position:absolute; top:0; left:-1px; width:100%; height:35px; border:1px solid white}
#header .toplinks a {display:block; float:left; padding-right:6px}
#main_menu {width:100%; margin-left:1px; float:left; font-size:10px; height:26px; background-image:url(images/menu_back.jpg); background-repeat:repeat-x}
#main_menu a {display:block; float:left; padding:6px 10px 0 10px; height:20px; text-decoration:none; color:#fff}
#main_menu a:hover {display:block; float:left; padding:6px 10px 0 10px; height:20px; text-decoration:none; color:#fff; background-image:url(images/menu_on.jpg)}
#sub_menu {width:100%; padding:0px; float:left; border-color:#C7C7C7; border-style:solid; border-top-width:0px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; font-size:9px}
#sub_menu .content {padding:8px 0 6px 10px}
#breadcrumb {color:#999; text-decoration:none; font-size:9px; padding:7px 9px 12px 0}
#breadcrumb a {color:#999}
#content {float:left; font-size:10px; width:100%}
#content .box {width:100%; float:left; border-color:#C7C7C7; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px}
#content .box_top {position:relative; border-color:#C7C7C7; border-style:dotted; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px;  font-weight:bold; background:url(images/dotted.gif); padding:3px 0 5px 8px}
#content .box_mid {float:left; width:100%}
#content .box_mid .content {float:left; padding:8px}
#content .box_mid .content_right {float:right; padding-left:8px}
#content .box_mid .pic_content {float:left; padding-top:8px; padding-bottom:8px; width:258px}
.box_bottom {width:100%; height:18px; float:left; background-image:url(images/box_bottom.png); background-repeat:repeat-x; margin-bottom:2px}
.box_bottom_right {float:right; background-image:url(images/box_bottom_right.png); width:5px; height:18px}
.box_bottom_left {float:left; background-image:url(images/box_bottom_left.png); width:5px; height:18px}
.left {float:left; padding-left:10px}
.right {float:left; padding:0 0 0 15px}
#footer {float:left; padding:25px 0 16px 0; color:#999; font-size:9px}
.input {font-size:9px; font-family:Verdana,Arial,Helvetica,Geneva,sans-serif; border:1px solid #C7C7C7; padding:0.2em; float:left}
#content .go {width:14px; border:0px; margin-left:9px; margin-right:9px; float:right}
#comment_form {margin-right:9px; padding-top:3px}
#comment_form textarea {width:100%}
#comment_form .gui {float:right}
.calendar {position:relative; display:none; border-top:2px solid #fff; border-right:2px solid #333; border-bottom:2px solid #333; border-left:2px solid #fff; font-size:11px; color:#333; cursor:default; background:#E2E2E2; font-family:tahoma,verdana,sans-serif}
.calendar table {border:1px solid #C7C7C7}
.calendar .button {text-align:center; padding:1px; border-top:1px solid #fff; border-right:1px solid #333; border-bottom:1px solid #333; border-left:1px solid #fff; background:#D9E478}
.calendar thead .title {padding:1px; border:1px solid #333; background:#D9E478; color:#FFF; text-align:center}
.calendar thead .name {border-bottom:1px solid #333; padding:2px; text-align:center; background:#E2E2E2}
.calendar thead .hilite {background-color:#f60}
.calendar tbody .day {width:2em; text-align:right; padding:2px 4px 2px 2px}
.calendar tbody td.hilite {padding:1px 3px 1px 1px; border:1px solid; border-color:#fff #000 #000 #fff}
.calendar tbody td.selected {font-weight:bold; background-color:#F5F5F4}
.calendar td.time {border-top:1px solid #000; padding:1px 0px; text-align:center; background-color:#F5F5F4}
.calendar tfoot .ttip {padding:1px; border:1px solid #fff; background:#E2E2E2; text-align:center}
.txt_search_highlight {color:#F36692; font-weight:bold}
.listnav {margin-top:20px; text-align:center}
#system_message {color:#FF5A5A; font-size:9px; padding:0px}
#content .box_mid .pic {float:left; padding:8px}
#content h2 {margin:0 0 5px 0; font-size:12px; font-weight:bold}
#content h3 {font-size:11px; font-weight:bold}
#content h4 {font-size:10pxem; font-weight:bold}
#content pre {background-color:#EEE; padding:6px}
#content code { font-family:Verdana,Arial,Helvetica,Geneva,sans-serif; font-size:10px; color:#333}
#content .top {margin-bottom:15px}
#content .bottom {}
.txt_item_title {font-family:Verdana,Arial,Helvetica,Geneva,sans-serif; color:#333; font-size:12px; font-weight:bold; text-decoration:none}
#id_frm label {float:left; width:6.0em; display:block}