/* Main styles */

body {margin: 20px;
	background-color: #ffd;}

h1 {color: #080;
    font: bold 12pt verdana, tahoma, arial, sans-serif;
    text-align: justify;
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #080;}
    
h2 {color: #080;
    font: bold 10pt verdana, tahoma, arial, sans-serif;
    text-align: justify;
	margin: 6px 0px 6px 0px;
	padding: 0px;}
    
p,li,input,span {color: black;
    font: 10pt verdana, tahoma, arial, sans-serif;}
    
table {padding: 0px;
    border-collapse: collapse;
    margin: 0px;
	background-color: #fff;}
    
td {padding: 3px;
    border-collapse: collapse;
    margin: 0px;
    vertical-align: top;
    color: black;
	background-color: #ffd;
    font: 10pt verdana, tahoma, arial, sans-serif;}
	
hr {border: 0px;
    height: 1px;
    background-color: #080;
    color: #080;}
	
ul {list-style: disc outside;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 15px;
	border: 0px;}
	
li {margin: 0px;
	padding: 0px;
	border: 0px;}
	
ol { font: 8pt verdana, tahoma, arial, sans-serif;
	padding: 8px 8px 8px 15px;
	margin: 0px 0px 0px 15px;}	

/* Layout Styles */

.ac {text-align: center;}

table.placeholder {width: 100%;}

td.centrepane {width: 1000px;}

table.mainsite {width: 1150px;
	margin: 0px;
	padding: 0px;
	background-color: #fff;}

td.mainlogo {margin: 0px;
	padding: 0px;
	background-color: #fff;
	border: 1px solid #080;}

td.sidebar {margin: 0px;
	width: 12%;
	padding: 0px;
	background-color: #af9;
	border: 1px solid #080;
	text-align: center;}

p.sidemenu {color: #008000;
    font: bold 10pt verdana, tahoma, arial, sans-serif;}

td.navigationmenu {margin: 0px;
	padding: 0px;
	background-image: url("/includes/images/layout/nav_bar.png");
	border: 0px solid #080;
	color: white;
	text-align: center;
	vertical-align: middle;
	height: 35px;}

td.mainbody {margin: 0px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #080;}

td.layoutmainpagefooterleft {width: 50%;
	height: 22px;
	background: #ffd;
	padding: 3px;
	color: #080;
	font: 8pt verdana, tahoma, arial, sans-serif;
	text-align: left;
	vertical-align: middle;}

td.layoutmainpagefooterright {height: 22px;
	width: 30%;
	background: #ffd;
	padding: 3px;
	color: #080;
	font: 8pt verdana, tahoma, arial, sans-serif;
	text-align: right;
	vertical-align: middle;}

/* Links */

a {color: #00f;}
a:hover {color: #f80;}

a.menulink {color: #040;
	text-decoration: none;}
a.menulink:hover {color: #090;
	text-decoration: underline;}

/* Styles for output list tables */

table.mainlist {border: 1px solid #333;
    width: 100%;}

td.mainlistheader {font: bold 10pt verdana, tahoma, arial, sans-serif;
    border-bottom: 1px solid #a5b;
	color: white;
    padding: 3px;
    background-color: #080;}

td.mainlistbody1 {padding: 2px;
    background-color: #edf;}

td.mainlistbody2 {padding: 2px;
    background-color: #f8efff;}

td.mainlistplayer {padding: 2px;
    background-color: #bfb;}

/* Other Styles */

.error {font: bold 10pt verdana, tahoma, arial, sans-serif;
    color: red;}

.faded {font: 10pt verdana, tahoma, arial, sans-serif;
    color: #666;}

/* Main Styles for the resource info popup box */

table.infobox {width: 300px;
    padding: 0px;
    margin: 5px 10px 5px 10px;
    border: 1px solid #a5b;}
    
td.infoboxtitle {padding: 7px;
    background-color: #edf;
	vertical-align: top;
    font: bold 10pt verdana, tahoma, arial, sans-serif;
    color: #508;
    text-align: left;}

td.infoboxtext {padding: 7px;
    background-color: #edf;
	vertical-align: top;
    font: 10pt verdana, tahoma, arial, sans-serif;
    text-align: left;}

/* Enforcing pagebreaks where required */

.pagebreak {page-break-before: always;}

/* Styles for inset info boxes */

table.inset {border: 0px solid #fff;
	margin: 0px;}

td.inset {background-color: #fff;
	color: #000;
	padding: 3px;}