* { 
	padding:0px; 
	margin:0px;
}
ul {
	list-style: none;
}
hr.separate{
	display:block;
	visibility:visible;
	clear:both;
	border:none;
	margin: 10px 0px 10px 0px;
	border-top:solid 1px #a1080d;
	padding:0px;	
}
hr {
	display:block;
	visibility:hidden;
	clear:both;
	border:none;
}
body {
	margin:0px; 	
	padding:0px;
	width: 100%;
	height: 100%;
	font: normal 0.8em "Trebuchet MS",sans-serif;
	color: #9f9f9f;
	background-color: #090909;
	background-image: url(bg.png);
	background-repeat: repeat;		
}
table.main {
	empty-cells: show;
	border-collapse: collapse;
	width: 100%;
}
table.main td{
	vertical-align: top;
	text-align: left;
}
a {
	color: #A0080D; 
	background-color: inherit;
	text-decoration: none;	
	cursor:pointer;
}
a:hover {
	color: #FFF;
	background-color: inherit;
}

/* headers */
h1, h2, h3 {
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	color: #A0080D;
}
h1 { font-size: 1.4em; } 
h2 { font-size: 1.3em; text-transform:uppercase;}
h3 { font-size: 1.2em; }

#main h1 { 
	font: normal 1.2em "Trebuchet MS", sans-serif;
	color: #a19a86; 	
}
#sidebar h1 {
	font: bold 1.0em Arial;
	background: #000 url(arrow.png) repeat-x;
	padding: 7px 0 7px 7px;
	color: #cd0000;
}

ul {
	margin: 10px 30px;
	padding: 0 15px;
}
ul span{
	color: #CCC;
} 

/* images */
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
label {
	display:block;
	font-weight: bold;
	margin: 5px 0;
}
input {
	padding: 3px;
	border: 1px solid #CCC;
	font: normal 12px "Trebuchet MS", sans-serif;
	color: #CC0000;
	background: #222222;
	vertical-align: middle;
}
input[disabled]{
	color:#000000;
}
select {
	width: 350px;
}
textarea {
	width: 350px;
	padding:2px;
	border: 1px solid #CCC;
	font: normal 1em "Trebuchet MS", sans-serif;
	height: 200px;
	display:block;
	color:#CC0000;
	background: #000000;
}
a.button, input.button { 
	width: auto;
	margin: 0px; 
	margin-top: 5px;
	margin-bottom: 5px;
	font: bold 1em "Trebuchet MS", sans-serif; 
	border: #000000 solid 1px;
	padding: 2px 3px; 
	color: #000;
	cursor: pointer;
	background-image: url(buttonback.png);
	background-repeat: repeat-x;	
}
input.imagebutton{
	border: none;
	padding: 5px;
	margin: 0px;
	background: none;
}
a.button:hover,input.button:hover{
	color: #FFFFFF;
	border: #FFFFFF solid 1px;
}
/***********************
	  LAYOUT
************************/

/* header */
#header {
	background: #444 url(headerbg.png) repeat-x 0 0;
	height: 200px;
	text-align: left;
	clear:both;
	overflow: hidden;
	border-bottom: 3px solid #a1080d;	
}
#header-content #logo {
	position: absolute;	
	margin: 0; 
	padding: 0;
	top: 0px; 
	left: 10px;
}
#header-content ul {
	position: absolute;
	right: 20px; 
	top: 99px; 
	font: bolder 1.3em "Trebuchet MS", sans-serif;
	color: #000;
	margin: 0; padding: 0;		
}
#header-content li {
	display: inline;
}
#header-content li a {
	display: block;
	padding: 3px 12px;	
	color: #000;
}
#header-content li a:hover {
	background: #000;
	color: #a1080d;
}
#header-content li a#current  {
	color: #CCC;
}

/* sidebar */
#sidebar {
	width: 240px;
	margin: 10px;
	padding: 0px;	
	display: block;
}
#sidebar div.sidemenu {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
#sidebar div.sidemenu a {
	display: block;
	font-weight:bold;
	width: inherit;
	color: #9f9f9f; 
	text-decoration: none;
	padding:.3em 0 .3em 15px;
	background: inherit;		
	border-bottom: 1px solid #151515; 
}
#sidebar div.sidemenu a:hover{
	background-color:#CCCCCC;
	color:#000000;
}
#sidebar div.sidemenu a.sub{
	font-size: 0.8em;
}
#sidebar div.sidemenu a.sub img{
	margin-left: 20px;
}
#sidebar .sidebox {
	background: #3a3a3a;
	margin-bottom: 10px;
	border: 1px solid #333;
	display: block;			
}
.sidebox .text{
	padding: 10px;
}
#main {
	height: 100%;
	text-align: left;
}
#content {
	margin: 10px;
	text-align: left;
	font-size: 16px;
	line-height: 1.3em;
}
#strip {
	clear: both;
	display: block;
	margin-top: 10px;
	margin-left: 10px;
}
#footer {
	clear: both;
	margin: 0; 
	padding: 10px;
	border-top: 1px solid #68050A;
	font-size: 95%;
	text-align: left;
	background-color: #000000;	
}
#footer-content {	
	margin: 0 auto;		
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
.align-center { text-align: center; }

/* additional classes */
.clear { clear: both; }
.comments { 
	text-align: right; 
	border: 1px dashed #151515; 
	padding: 5px 10px;
	margin: 20px 15px 10px 15px;
}
.macumbas h3 {
	margin-bottom:8px;
	margin-top:8px;
}
.macumbas .sub{
	padding-top: 4px;
	padding-bottom: 4px;
	clear: both;
	display: none;
}
.datatable {
	margin-top: 20px;
	font-size: 10px;
	font-family: Verdana;
	overflow: auto;
}
.datatable table{
	border-collapse:separate;
	color:#444444;
}
.datatable tr.header td{
	background-color:#aaaaaa;
}
.datatable tr.header:hover td{
	background-color:#aaaaaa;
}
.datatable tr td{
	color: #FFFFFF;
	background-color:#555555;
	padding:10px;
}
.datatable tr:hover td{
	background-color:#eeeeee;
	color: #000000;
}
img.transparent {
	vertical-align:middle;
	border:none;
}
div.warning{
	clear:both;
	background-color:#FFDD15;
	color:#000000;
	border:solid 4px #444444;
	padding:10px;
	font-weight:bold;
}
div.floatdivs {
	padding-top:10px;
} 
div.floatdivs div{
	background-color:#555555;
	color:#FFFFFF;
	padding:10px;
	font-size:11px;
	line-height:1.4em;
	margin-bottom:5px;
}
/* Table */
table.special {
	width: 100%;
	padding: 0;
	margin: 0;
	color: #efefef;
	border: 1px solid #141414;
}
table.special caption {
	padding: 0 0 5px 0;
	width: inherit;	 
	font: italic 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
table.special th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #efefef;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #000000;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 30px;
	background: #141414 url(bg_header.jpg) no-repeat;
}
table.special th.nobg{
	background:none;
	border:none;
}
table.special a{
	color:#efefef;
	background:none !important;
}
table.special a:hover {
	color:#CC0000;
	background: none !important;
}
table.special td {
	background: #000000;
	padding: 6px 6px 6px 12px;
	color: #efefef;
}

table.special th.spec {
	border-top:none;
	border-left:none;
	background: #000000 url(bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
/* http://www.search-this.com/2007/05/23/css-the-star-matrix-pre-loaded/ */
/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}