/**
 *##############################
 *  Page Body CSS
 *##############################
 */
body { margin: 0px; background-color: #121213; text-decoration: none; text-align: left; }
body, th, td, input, button, textarea, select {
    font-family: Verdana, Arial, Tahoma; font-size: 10px; font-style: normal; font-weight: normal; color: #FFF;
}


.parrelel { background-color: #484848; border-right: 1px solid #818181; border-left: 1px solid #818181; }
.border_all { background-color: #484848; border: 1px solid #818181; }

.menucell {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	cursor: pointer;
}
.menutitletxt {
	font-size: 10px;
	font-weight: bold;
}
.menudescriptiontxt {
	font-size: 10px;
	color: #A0A0A0;
}

/**
 * Navigation
 */
.menucell { padding: 3px 0 3px 3px; cursor: pointer; }
td.menu_body ul.menu span.page { color: #E5E5E5; font-weight: bold; }
td.menu_body ul.menu span.text, .menudescriptiontxt { display: block; color: #a0a0a0; }
.menu_body ul.menu li img { float: left; border: 1px solid #3F97CB; margin: 0 4px 0 3px; } /* Nav Imgs  */



.normalcell {
	background-color: #484848;
	padding-left: 3px;
	padding-right: 3px;
	border-right:1px solid #818181;
	border-left:1px solid #818181;
}

a { color: #3F97CB; font-weight: normal; text-decoration: none; }
a:hover { text-decoration: underline; }

/**
 * Headings
 */
.header { font-family: Impact; color: #3F97CB; font-size: 20px; font-weight: bold; }
h1, h2, h3, h4 { color: #3F97CB; margin: 0; }
h1 { font-family: Impact; font-size: 2.6em; margin: 3px; }
h1.page_heading { text-align: center; }
h2 { font-family: Impact; font-size: 17px; font-weight: bold; }
h3 { font-size: 1.4em; font-weight: bold; margin: 5px; }
h4 { font-size: 13px; font-weight: bold; }

/**
 * Form elements
 */
form { display: inline; }
input, button, textarea, select { border: 1px solid #757575; background-color: #313131; }
select { width: 100px; }

input[type=checkbox], input[type=radio] { background-color: transparent; border: 0; margin: 0; padding: 0; }
input[type=radio] { margin-bottom: -3px; } /* In line with checkbox and text */
/* All button type form elements */
input[type=button], input[type=submit], button, select, input[type=radio], input[type=checkbox] { cursor: pointer; }

.success {
	font-size: 11px;
	font-weight: bold;
	color: #419E41;
}

.error {
	font-size: 11px;
	font-weight: bold;
	color: #AD4747;
}

.var {
	font-size: 11px;
	font-weight: bold;
	color: #3F97CB;
}

.imageborder_link {
	border: 1px solid #3F97CB;
	border-color: #3F97CB;
	margin-right: 2px;
}

/**
 * Tables
 */
div.table_container { clear: both; }
table.table { margin: 3px 0; padding: 0px; border-spacing: 0px; width: 100%; border-collapse: collapse; }
table.center { margin: 0 auto; }

/**
 * Table headings
 */
table.table th, table.normal_table th { padding: 5px; font-size: 1.1em; font-weight: bold; background: #353535 url(../../images/table_header_bg.gif); border-bottom: 1px solid #818181; cursor: default; }
table.table th.heading { text-align: center; }

/**
 * Table rows
 */
table.table tr.row_odd, .row_odd {  background-color: #414141; }
table.table tr.row_even, .row_even { background-color: #484848; }
table.table tr.row_odd:hover td, .row_odd:hover {  background-color: #535353; }
table.table tr.row_even:hover td, .row_even:hover { background-color: #535353; }
table.table tr.row_blank td, .row_blank { background-color: #414141; cursor: default; }
table.table tr.row_blank td { text-align: center; }

/**
 * Table cells
 */
table.table td { padding: 4px; cursor: default; }
table.table td.list { border-bottom: 1px solid #818181; }
table.table td.center, table.table th.center { text-align: center; }
table.table td.field { font-weight: bold; }
table.table td input.submit { cursor: pointer; }


/**
 *##############################
 * Invisible table that has a header cell, a left cell middle cell and right cell, and then a footer cell
 *##############################
 */
.site_table_main {   width: 850px; font-size: 10px; margin: 0 auto; }
.site_table_left {   width: 154px; vertical-align: top; }
.site_table_middle { width: 100%;  vertical-align: top; }
.site_table_right {  width: 154px; vertical-align: top; }

/**
 *##############################
 * The middle table of the site, css controls table and images
 *##############################
 */
.main_table { width: 100%; }
.main_table_head_table { width: 100%;  background: url(../images/main_head_bg.gif) repeat-x top; }
.main_table_head_left {  height: 13px; background: url(../images/main_head_left.gif) no-repeat left; }
.main_table_head_right { height: 13px; background: url(../images/main_head_right.gif) no-repeat right; }
.main_table_body { height: 350px; padding: 0 5px; vertical-align: top; text-align: left; background-color: #484848; border: 1px solid #818181; border-top: 0; border-bottom: 0; }
.main_table_foot_table { width: 100%;  background: url(../images/main_foot_bg.gif) repeat-x top; }
.main_table_foot_left {  height: 13px; background: url(../images/main_foot_left.gif) no-repeat left; }
.main_table_foot_right { height: 13px; background: url(../images/main_foot_right.gif) no-repeat right; }

/*
	Header of page
*/
#div_title {
	cursor: pointer;
	width: 100%;
}

/**
 *##############################
 * The menu table css for the head and foot images plus other css things like the rollover links
 *##############################
 */
.menu_table {    width: 154px; }
.menu_table td { background-color: #484848; }
.menu_head {     height: 15px; background: url(../images/head_left.gif) no-repeat top; }
.menu_body {     background-color: #484848; border: 1px solid #818181; border-top: 0; border-bottom: 0; }
.menu_foot {     height: 15px; background: url(../images/foot_left.gif) no-repeat top; }
.menu_table ul { margin: 0; padding: 0; list-style: none; border: 0; display: block; }
.menu_table li { margin: 0; padding: 2px 0; width: 100%; float: left; cursor: pointer; }

/**
 * Page Messages (Success, Error, Info)
 */
.page_msg_container { width: 98.5%; display: table; height: 32px; #position: relative; overflow: hidden; border: 1px solid #818181; padding: 3px; cursor: default; }
.page_msg_inner1 { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; }
.page_msg_inner2 { #position: relative; #top: -50%; padding-left: 40px; }

/*
	Body stuff
*/
.body_content {
	width: 100%;
	border-collapse: collapse;
	left: -1px;
	margin-left: 1px;
}
.body_content_main {
	padding: 0px;
	background-color: #484848;
	border-right: 1px solid #818181;
	border-left: 1px solid #818181;
	text-align: left;
}

/*
	Formatting
*/
.center {
	margin: 0 auto;
	text-align: center;
}
