/******************************************
 * CSS : DOM element Defaults 
 ******************************************/

* {
	font-family:arial, sans-serif;
	font-size:0.97em;
}

body {
	background: url(tpl/bg_shade.png) repeat-x top #979EA2;
	text-align: center;
	margin:0;
}

html > body{
	background-color:#A0A6AA;
}
/***************************
 * Headers
 ***************************/

h1{
	font-size:16px;
	text-align:left;
	margin-top:30px;
}


span.logo{
	color:#FE9818;
	font-weight:bold;
	font-size:inherit;

}
span.logo b{
	color:#075E8F;
	font-weight:inherit;
	font-size:inherit;
}

/**********************
 * Anchor
 **********************/
b {
	font-size:1.1em;
}
a, a b, b a {
	color:#075E8F;
	cursor:pointer;
	text-decoration:none;
	font-family:inherit;
	font-size:1.1em;
}

a:hover, a:hover b  {
	color:#993300;
	text-decoration:underline;
}

a.small {
	font-size:10px;
	color:red;
	text-decoration:underline;
}

small a{
	font-size:9px;
}

.big{
	font-size:1.2em;
	font-weight:bold;
}
b.big{
	font-size:1.1em;
	font-weight:bold;
}

ul.spaced li{
	padding-top:3px !important;
	padding-bottom:3px !important;
	list-style:disc outside;
	list-style-image:url('graphics/g_li.gif');
	margin-left:20px !important;
	overflow:visible;
}
ul.spaced.nopadding li{	margin-left:0; !important}

ul.inline li{
	display:inline;
	padding:5px 6px;
	font-size:11px;
	margin:0px;
	border-left:1px solid #ddd;
}
ul.inline li a{
	font-size:inherit ! important;
	color:#666666 ! important;
}

/************
 * misc DOM
 ************/

table {
	border-collapse: collapse;
	empty-cells:show;
	width:100%;
}

td, th{
	vertical-align:top;
	padding:1px;
}

th	{
	background-color:#f2f2f2;
/*	font-weight:100;
	font-size:10px;
*/
	text-align:center;
}

ul {
	font-size:1em;
}
ul li {
	font-size:inherit;
	list-style:none;
}
ul.disc li {
	font-size:inherit;
	list-style-type:disc;
	list-style-position:inside;
}

ul li a{
	padding:3px;
}

img {
	border:0px;
}

p {
	text-align:justify;
}

form{
	padding:0px;margin:0px;
}

hr{
	height:1px;
	border:0px;
	background:#ddd;
}

b {
	font-size:inherit;
	color:#000;
}

smaller{
	font-size:0.95em;
}

.larrow{
	background:url('graphics/g_li.gif') no-repeat left;
	padding-left:20px;
}

dl dd {
	padding:10px;
}
dl dt{
	font-weight:bold;
	font-size:13px;
	margin-top:20px;
}

/********************************
 * Dotted border hack for IE
 ********************************/

.dotted{
	margin: 0;
	padding: 0;
	border:1px dotted #aaa;
}

* html .dotted {
	height:1px;
	border: none;
	padding: 1px;
	background: url(graphics/dotted-border.gif) repeat bottom;	
}


/******************************************
 * Template
 ******************************************/

#container {
	margin: -4px auto;
	text-align: left;
	width: 781px;
	padding:2px;
	background: #fff;
}

#container-inner {
	padding:0px 30px 0px 30px;
	text-align:left;
	width:700px;
}
#container-foot{
	clear:both;
	margin: 4px auto;
	padding-top:10px;
}


/*********************************
 * More inner-content options
 *********************************/

div.left{
	float:left;
}

div.nav, .quarter{
	width:165px;
}

.third {
	width:230px;
}
.twothirds {
	width:450px;
}

div.right{
	float:right;
}

div.main, .fourquarters{
	width:520px;
	padding-left:5px;
}

div.half{
	width:330px;
}

/*********************
 * ICON BREAK
 *********************/

div.icon.break{
	background:url('graphics/grey_pixel.jpg') repeat-x center;
	padding-left:20px;
	margin-top:15px;
}

/********************* Deprecate
 *********************/
.left_150{
	width:165px;
	float:left;
}

.right_500{
	width:520px;
	float:right;
	padding-left:5px;
}

.left_300, .right_300{
	width:330px;
}


.left_300{
	float:left;
}

.right_300{
	float:right;
}
/********************* EOF Depricate
 *********************/


/*********************************
 * Site menu
 *********************************/

#nav-top {
	text-align:left;
	overflow:hidden;
	margin:20px 30px;
	width:730px;
	font-size:0.9em;
}

ul.main_top_nav {
	padding:0px;
	margin:0px;
}

ul.main_top_nav li{
	display:inline;
	border-left:1px solid #bbb;
	padding:0px 10px;
	font-size:0.9em;
}

ul.main_top_nav .left{
	border-left:0px;
}

/*******************************
 * Side Menu
 *******************************/

#side-menu{
	width:180px;
}
#side-menu > ul{
	margin:0 !important;
	padding:0 !important;
}
#side-menu ul{
	margin-left:10px;
	padding:0 !important;
}
#side-menu .selected{
	font-weight:bold;
}
#side-menu .selected li{
	font-weight:normal;
}
#side-menu li, #side-menu a{
	padding:0;
	margin:0;
	list-style:none;
}

/*****************************
 * Main Content
 *****************************/

#main-content{
	width:500px;
}

/*******************************
 * Crumbs
 *******************************/

#crumbs{
	width:700px;
	border:1px solid #ccc;
	margin:0px 30px;
	text-align:left;
	font-size:0.8em;
	padding:5px;
}
#crumbs span
{
	font-size:1.1em;
	overflow:hidden;
	font-weight:bold;
}

/*********************************
 * Site wide extras
 *********************************/

#exceptions, #noscript{
	background-color:#FF6600;
	border:1px solid #fdd;
	color:#FFFFFF;
}
#exceptions div{
	color:#fcc;
}

#author_options{
	background:#fffff5;
	border:2px solid #FFCC00;
}
#author_options div{
	color:#FFCC00;
}

div#notice
{	
	border: 1px solid #aaa;
	padding:20px;
	margin:2px 30px;
	width:670px;
	color:#000066;
	font-size:11px;
	text-align:center;
}

div#notice a
{
	text-decoration:underline;
	font-size:11px;
}


.div_alert{
	width:700px;
	margin:10px 30px;
	text-align:left;
	padding:5px;
}


.div_alert div{
	font-weight:bold;
	font-size:30px;
	z-index:0;
	margin:0px;
	padding:0px;
	width:auto;
}
.div_alert div.left{
	float:left;
}
.div_alert div.right{
	position:relative;
	float:right;
	right:0em;
}
.div_alert ul{
	position:relative;
	float:left;
	z-index:2;
	margin:10px;
	padding:0px;
	width:auto;
}
.div_alert ul li{
	margin:0px;
	padding:0px;
	list-style:none;
}



/************************
 * clear both :: Hacks
 ************************/

.clear:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
/* End hide from IE-mac */


/******************************
 * hover label - nxlabel
 ******************************/
 
div#nxlabel {
	position:absolute;
	width:200px;
	display:none;
	padding:3px;
	background:#fffff4;
	border:1px solid #444;
	text-align:justify;
}



/***************************************
 * Generic html_tables and html_divs
 ***************************************/


.html_table{
	width:100%;
	background: url(html_tables/t_bg.gif) repeat-y right;
	padding:0px;
	margin:0px;
	margin-top:30px;
	margin-bottom:20px;
	border-collapse: collapse;
}

/**
 * hide from IE
 */
html>body .html_table {margin-top:0px}


.html_table td{
	padding:2px;
	margin:0px;		
}

/**************************
 * Head + Body
 **************************/

.html_table td.right{
	background-image:url(html_tables/t_bg.gif);
	background-position:right;
	background-repeat:repeat-y;
	padding-right:3px;
}

.html_table td.left{
	background-image:url(html_tables/t_bg.gif);
	background-position:left;
	background-repeat:repeat-y;
	padding-left:3px;
}
/**
 * Iteration
 */

.html_table tbody tr.od, tr.od td{
	background:#fff;
}
.html_table tbody tr.ev, tr.ev td{
	background:#f6f6f6;
}


/******************
 * Caption
 ******************/

.html_table caption{
	margin:0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:1.2em;
	margin-top:30px;
	color:#000000;
	width:100%;
	caption-side:top;
}

.html_table caption a{
	margin:0;
	padding:0;
	font-size:10px;
}

.html_table caption ul{
	text-align:right;
	float:right;
	width:100%;
	padding-bottom:0;
	margin-bottom:0;
}

/********************
 * IE HACK
 ********************/
* html .html_table caption ul{
	margin-bottom:-7px !important;
	margin-left:-10px !important;
}
/**/

.html_table caption ul, .html_table caption ul li{
	margin:0;
	list-style:none;
	display:inline;
	padding:0px 10px;
}

.html_table caption ul li {
	font-weight:normal;
	font-size:11px;
}


/*********************
 * Table Lists
 *********************/
.html_table div.list{
	width:160px;
	height:15px;
	z-index:-1;
}
.html_table div.list div {
	background:url(graphics/arrow.gif) no-repeat top right;
	width:150px;
	overflow:hidden;
	height:25px;
	z-index:0;
}

.html_table div.list div:hover, .html_table div.hoverlist
{
	border:1px solid #ddd;
	position:absolute;
	overflow:visible;
	height:130px;
	background-color:#fff;
	z-index:2;
}
/*
.html_table div.list ul{
	background-color:#fff;
}
*/
.html_table div.list ul, .html_table div.hoverlist ul {
	margin:0px;
	padding:0px;
}

.html_table div.list li:hover, .html_table div.hoverlist li {
	background:#f7f7f7;
}

.html_table div.list li, .html_table div.hoverlist li  {
	padding-top:10px;
	padding-left:5px;
	width:140px;
	height:15px;
	margin:0px ! important;
	list-style:none;
	overflow:hidden;
	z-index:5;

}

/** old
 .html_table div.list{
	height:15px;
	z-index:-1;
	width:150px;
	margin-right:3px;
}

.html_table div.list ul {
	//background-color:#fff;
	padding:0px;
	margin:0px;
}


.html_table div.list li {
	padding:5px;
	width:150px;
	height:15px;
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
}


.html_table div.list div{
	border:1px solid #ddd;
	background:url('graphics/arrow.gif') no-repeat top right #fff;
	width:150px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	height:15px;
	z-index:-1;
}

.html_table div.list div:hover, .html_table div.hover div
{
	position:absolute;
	overflow:visible;
	height:100px;
	z-index:2;
}
/*******************
 * THead
 *******************/

.html_table thead th{
	padding:5px;
	font-weight:100;
	font-size:10px;
	text-align:center;
	background: url(html_tables/t_bg.gif) repeat-x top;
	height:10px;
	/*background-color:#f2f2f2;*/
	height:5px;
}
.html_table thead th a{
	background:url(graphics/asc-desc.gif) no-repeat right;
	padding-right:20px;
}

.html_table thead th.right{
	background: url(html_tables/t_tr.png) no-repeat top right;
	background-color:inherit;
}

.html_table thead th.left{
	background:	url(html_tables/t_tl.png) no-repeat top left;
	background-color:inherit;
}


/********************
 * Ordinate
 ********************/

.html_table thead th a.desc{
	background:url(graphics/descending.gif) no-repeat right;
}

.html_table thead th a.asc{
	background:url(graphics/ascending.gif) no-repeat right;
}

.html_table thead th.selected{
	background-color:#ccc;
}

/*******************
 * TFoot
 *******************/

.html_table tfoot{
	/*background-color:#f4f4f4;*/
}

.html_table tfoot td{
	padding:10px;
}

.html_table .find{
	width:350px;
	float:left;
	font-size:10px;
	font-weight:normal;
	color:#777;
}

.html_table tfoot .paginate {
	float:right;
	width:100px;
	text-align:right;
}
.paginate {
	float:right;
	width:100%;
	margin-top:10px;
	padding:10px 0;
	color:#999999;
	vertical-align:bottom;
	text-align:right;
	background: url(graphics/headline_shading.jpg) repeat-x top;
}


.html_table tfoot tr.base, .html_table tfoot tr.base td {
	background: url(html_tables/t_bg.gif) repeat-x bottom;
	background-color:inherit;
	padding:0px;
}

.html_table tfoot tr.base td.left{
	background: url(html_tables/t_bl.png) no-repeat left bottom;
	background-color:inherit;
	padding:0px;
	height:13px;
	/* width:9px; */
}

.html_table tfoot tr.base td.right{
	background: url(html_tables/t_br.png) no-repeat right bottom;
	background-color:inherit;
	padding:0px;
	height:13px;
	/* width:13px; */
}

.html_table tbody tr.seperator hr{
	color:#CCCCCC;
	border:0;
	border-top: 1px dashed #CCC;
	background-color: #fff;
}

.html_table tbody tr.seperator div hr{
	background: url(graphics/dotted-border.gif) repeat bottom;
	color:#DDDDDD;
	border:0;
	margin: 3px 10px;
	padding:0;
	height:1px !important;
}


/***************************************
 * Generic html_assoc_table
 ***************************************/

table.assoc tr th{
	width:20%;
}
table.assoc tr td{
	width:80%;
}
table.assoc caption{
	font-size:10px;
}
table.html_table table.assoc td, table.html_table table.assoc th{
	text-align:left;
	border:0;
	background:none;
}


table.html_table.assoc{
	border-collapse: collapse;
	width:100%;
}



/**
 * Roof
 */
table.html_table.assoc thead tr, table.html_table.assoc tfoot tr.base{
	height: 10px ! important;
	padding: 0px ! important;
	margin: 0px ! important;
}
table.html_table.assoc tr td{
	width:80% !important;
}


/**
 * Body
 */

table.html_table.assoc tbody tr th{
	background: url(html_tables/t_bg.gif) repeat-y left;
	font-size:110%;
	text-align:right;
	width:30%;
	border-bottom:1px solid #eee;
}

table.html_table.assoc tbody tr td{
	background: url(html_tables/t_bg.gif) repeat-y right;
	text-align:left;
	vertical-align:middle;
	padding:3px 5px;
	border-bottom:1px solid #eee;
}

table.html_table.assoc tr.od td, table.html_table.assoc tr.od th{
	/*
	background-color:#fafafa;
	*/
}

table.html_table.assoc tbody li, table.html_table.assoc tbody ul{
	padding:0px;
	margin-left:0px;
}



/**
 * Content
 */
table.html_table.assoc ul li a{
	font-size:90%;
}
table.html_table.assoc ul{
	padding:0px;
	margin:0px 0px 0px 10px;
}

/*********************************
 * HTML DIV
 *********************************/
.html_div{
	margin-top:0px;
}
.html_div ul, .html_div ul li{
	padding:0px;
	margin:5px 0px 0px 0px;
}
.html_div table{
	width:100%;
}

/********************************
 * UL LI list styles
 ********************************/
ul li a{
	vertical-align:top;
	}
ul li.messages a{
	background:url('graphics/unopened.gif') no-repeat left;
	padding-left:20px;
}
ul li.remove a, ul li.withdraw a{
	background:url('graphics/bin.gif') no-repeat left;
	padding-left:20px;
}
ul li.contact a, ul li.reply a{
	background:url('graphics/replied.gif') no-repeat left;
	padding-left:20px;
}
ul li.watch a{
	background:url('graphics/view.gif') no-repeat left;
	padding-left:20px;
}
ul li.feedback a{
	background:url('graphics/feedback.gif') no-repeat left;
	height:20px;
	padding-left:20px;
}
ul li.apply a, ul li.applicants a{
	background:url('graphics/apply.gif') no-repeat left;
	padding-left:20px;
}
ul li.edit a{
	background:url('graphics/edit.gif') no-repeat left;
	padding-left:20px;
}
ul li.forward a, ul li.publish a{
	font-size:12px;
	font-weight:bold;
}


/********************************
 * Calendar
 ********************************/

.calendar tr.od td.od, .calendar tr.od td.left, .calendar tr td, .calendar tr.od td.right{
	background-color:#fff;
}

.calendar tr td.od, .calendar tr td.right, .calendar tr.od td, .calendar tr td.left{
	background-color:#f7f7f7;
}

.calendar tr td#first_blank, .calendar tr td#last_blank{
	background-color:#FFFFF4;
}

.calendar tr a.flag{
	background:url(graphics/flag.gif) no-repeat right top;
	padding:2px 2px 0 0;
}
.calendar td.today{
	background-color:#BBFF00 !important;
}
.calendar td.selected{
	border:1px solid #FF0000;
}
.calendar .calendar-month a{
	font-size:14px;
}


/********************************
 *
 * Code colouring for use in [CODE] blocks
 * 
 ********************************/

div.codeblock {
	margin:10px;
	clear:both;
	overflow:none;
	width:100%;
}

div.codeblock .h4{
	font-size:9px;
	background:#f4f4f4;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	overflow:auto;
	padding:0px 10px;
}

div.codeblock blockquote{
	background:#FAFAF4;
	border:1px solid #ddd;
	padding:10px;
	margin:0;
	overflow:auto;
	width:100%;
}