/*
	OTM Database source code copyright 2008-2009 Alec Elton.
	
	WURHA & WHIL are granted a license to use this source code and database
	schema ONLY for the purpose of maintaining the OTM database.  Use of all
	or part of this source code or database schema by WURHA or WHIL for
	other websites or purposes is prohibited.
	
	Modification of the source code or database schema is permitted provided
	that it is done solely within the context of the OTM database.
	Redistribution of original or modified source code or database schema is
	prohibited.
	
	This copyright notice and license as well as the copyright notice
	appearing at the bottom of each page are not to be removed or altered
	under any circumstances.
	*/
body { margin:50px 100px; font-size:0.8em; line-height:20px; font-family: "Trebuchet MS", Arial; border:1px solid #666; background: url(images/bckg.gif) #000;}
a { color:#018BC1;}
a:hover { color:#333;}
#header { background:url(images/header_bckg.jpg); no-repeat top right #000;}
#logo { padding:30px 0 0 40px; height:75px; color:#fff;}
#logo a{ color:#01b0f0; text-decoration:none; font-weight:bold; font-size:20px; text-transform:uppercase; }
#menu { background:#01b0f0; height:30px; border-bottom:1px solid #000; border-top:1px solid #e8e8e8; }
#menu ul { margin:0; padding:0;}
#menu ul li.small{ display:inline-block; float:left; width:104px; list-style:none; text-align:center;}
#menu ul li{ display:inline-block; float:left; width:160px; list-style:none; text-align:center;}
#menu a.small { display:block; float:left; width:104px; color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; padding-top:4px; border-right:1px solid #59d2fe; }
#menu a { display:block; float:left; width:160px; color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; padding-top:4px; border-right:1px solid #59d2fe; }
#menu a:hover{padding-top:4px; height:22px; border-bottom: 4px solid #ccf91A;}

#text { padding:10px; margin: 0 305px 0 20px; }
#text p { background-color: #ffffff; text-align:left;}
#text p2 {border:1px solid #d7d7d7; background-color: #f5f5f5;}
#text p3 {border:none; background-color:#ffffff; text-align:center;}
#text p4 { background-color:#ffffff; text-align:left;}
#text li {list-style:none; padding-left:20px; background:url(images/li.gif) no-repeat 0px 7px;}
#sidebar { float:right; width:235px; padding: 0 20px 0 10px; }
h1 { margin:0; padding:0; text-transform:uppercase; font-size:1.8em; color:#000;}

#main { float:left; background:url(images/sidebar_bckg.gif) repeat-y top right #fff; padding:20px 0 0 0; width:100%;}
#footer {background:url(images/footer_bckg.jpg) #424e4f; height:102px; clear:both;  }
#left_footer { float:left; padding:40px 0 0 30px; color:#fff; font-size:12px;}
#left_footer a { color:#fff;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:40px 30px 0 0; color:#fff;  font-size:12px; text-align:right;}
#right_footer a { color:#fff;}
#right_footer a:hover { text-decoration:none;}

div#error, div#info{ width: 100%; padding: 4px; margin: 5px; border: 1px solid; font-weight: bold; }
div#error{ border-color: #ff0000; background-color: #ffcccc; }
div#info{ border-color: #22bb22; background-color: #ccffcc; }

table.data{ border-collapse: collapse; width: 100%; }
table.data td{ border: 1px solid #fff; border-top: 0; border-bottom: 0; }
table.data td.header{ font-weight: bold; background-color: #c0c0c0; }
table.data td.odd{ background-color: #0099ff; }
table.data td.even{ background-color: #f5f5f5; }
table.data td.odd a{color: #fff;}