/*****************************************
			COMMON  
 *****************************************/
body
{
	background: url(../images/body_bg.jpg) top left #71afd6;
	background-repeat:repeat-x;
	font-family:Verdana;
	font-size:10px;
}
a {color:#e20015; text-decoration:none;}
a:hover {text-decoration:underline;}
.hyperlink {color:#e20015; text-decoration:none; cursor:pointer;}
.hyperlink:hover {text-decoration:underline;}
.selectedText {background-color:#666; color:white;}

p {margin-top:0px;}
h1 {margin-top:0px; color:#690000; font-size:14pt;}
h2 {margin-top:0px; color:#690000; font-size:11pt;}
h3 {margin:0px; color:#690000; font-size:8pt;}

table {font-family:Verdana; font-size:10px;}
input {font-family:Verdana; font-size:10px;}
select {font-family:Verdana; font-size:10px;}
fieldset {margin-top:6px;}
fieldset legend {color: black;}
hr
{
	border-top:solid 1px #690000;
	border-left:solid 1px white;
	border-right:solid 1px white;
	border-bottom:solid 1px white;
}
/************* COMMON END **************/



/*****************************************
		BLOCKS_NONE STYLES
 *****************************************/
body#blocksNoneBody
{
	background-color:#fff;
	background: none;
	padding: 10px;
}
/************* BLOCKS_NONE STYLES END **************/



/*****************************************
			page
 *****************************************/
#page
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
/************* page END **************/



/*****************************************
			header
 *****************************************/
div#header
{
	background-color:#ff8811;
	border-top:2px solid #690000;
	border-left:2px solid #690000;
	border-right:2px solid #690000;
	border-bottom:5px solid #690000;
}
div#header table#login
{
	display:inline;
	vertical-align:top;
	margin:0;
	margin-top:13px;
	position:relative;
	top:-14px;
	float:right;
}
div#header table#logout
{
	display:inline;
	vertical-align:top;
	margin:0;
	position:relative;
	top:20px;
	left:4px;
	float:right;
}
div#header table#login input
{
	width:60px;
}
/************* header END **************/


.bannerTD img
{
	 border: 2px solid #690000;
	 margin:3px;
}


/*****************************************
			content
 *****************************************/
div#content
{
	width:100%;
	background-color:white;
}
div#content table#contentTable {width:100%;}
/************* content END **************/



/*****************************************
			footer
 *****************************************/
div#footer
{
	color:white;
	background-color:#e20015;
	padding:12px;
	padding-right:15px;
	border-top:5px solid #690000;
	border-left:2px solid #690000;
	border-right:2px solid #690000;
	border-bottom:2px solid #690000;
	text-align:right;
	font-weight:bold;
}
div#footer a {color:white;}
/************* footer END **************/



/*****************************************
			dtree
 *****************************************/
.dtree {
    font-family: Verdana, Tahoma, sans, Helvetica, Arial;
    color: #000000;
    white-space: nowrap;
}

.dtree img {
    border: 0px;
    vertical-align: middle;
}

.dtree a {
    color: black;
    font-family:Verdana;
    font-size:10px;
    text-decoration: none;
}

.dtree a.node, .dtree a.nodeSel {
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
	margin:0px;
	padding:0px;
}

.dtree a.node:hover, .dtree a.nodeSel:hover {
    color: #000000;
    text-decoration: underline;
}
.dtree a.nodeSel {
    background-color: #aaa;
}

/************* dtree END **************/


div#leftmenu
{
	font-weight:bold;
	color:white;
}
div#leftmenu a {
    color: #fff;
}
div#leftmenu .dtree {
    color: #fff;
}
div#leftmenu .dtree a {
    color: #fff;
}

/*****************************************
			TABLE
 *****************************************/
table.tableWithStyles, table.sortable, table.popupTable, table.ownerComment
{
	background-color:#fff;
	border:1px solid #ff8811;
}
table.tableWithStyles th, table.popupTable th, table.sortable th, table.ownerComment th
{
	background-color:#ff8811;
	border:none;
	color:white;
}
table.tableWithStyles th a, table.popupTable th a, table.sortable th a, table.ownerComment th a
{
	color:white;
}
table.ownerComment th
{
	color:#afa;
}
table.sortable a.sortheader {
	/*background-color: black;*/
	display: block;
	white-space: nowrap;
	color: white;
	font-family:Verdana;
	font-weight:bold;
    font-size:10px;
    text-decoration: none;
    text-align:left;
	margin:0px;
}
table.sortable span.sortarrow {
    color: white;
    text-decoration: none;
	position:relative;
	left:-5px;
}
/************* TABLE END **************/



/*****************************************
		language buttons
 *****************************************/
.languageButton
{
	border:1px solid #003a6d;
}
/************* language buttons END **************/



/************************************
	DETAIL TEMPLATE
*************************************/	
table.tableTreeManager tbody td{
	border-bottom:1px solid #333;
	border-right:1px solid #333;}
	
.corner{
	position:absolute;
	top:0;
	right:0;
	margin:-3px -4px 0 0;
}
.outertitle {
	position:relative;
	height:100%;
}

table.tableTreeManager thead td{
	color:#fff;
	padding:2px 4px 2px 4px;
	cursor:pointer;}
	
table.tableTreeManager img{
	border:0;
	cursor:pointer;}

.bodyRow1_day{
	border-bottom:1px solid #333333;
	border-right:1px solid #333333;}
	
.bodyRow1_day div{
	display:inline;}
	
.bodyRow1_day .name{background-color:#fe6;}
.bodyRow1_day .weekday{background-color:#fe6;}
.bodyRow1_day .weekend{background-color:#cb4;}
.bodyRow1_day .selWeekday{background-color:#ffa;}
.bodyRow1_day .selWeekend{background-color:#e4d35c;}

.bodyRow2_day{
	border-bottom:1px solid #333333;
	border-right:1px solid #333333;}
	
.bodyRow2_day div{	
	display:inline;} 

.bodyRow2_day .name{background-color:#fc4;}
.bodyRow2_day .weekday{background-color:#fc4;}
.bodyRow2_day .weekend{background-color:#ba3;}
.bodyRow2_day .selWeekday{background-color:#fd8;}
.bodyRow2_day .selWeekend{background-color:#d3c24b;}
	

	
table.tableTreeManager td.name img{
	vertical-align:middle;}
	
table.tableTreeManager td.selName img{
	vertical-align:middle;}
	
.bodyRow1 div{
	display:inline;}
	
.bodyRow2 div{	
	display:inline;} 
	
.titleRow td{
	text-align:center;
	border-bottom:1px solid #333333;
	border-right:1px solid #333333;}

.titleRow .row1{
	background-color:#C0C0C0;}
	
.titleRow .row2{
	background-color:#B0B0B0;}
	
.titleRow .row3{
	background-color:#A0A0A0;}
	
.titleRow .row4{
	background-color:#888888;}

.titleRow div{display:inline;}

.titleRow div.center{float:inherit;}
.titleRow div.left{float:left;}
.titleRow div.right{float:right;}	

.name {
	background-color:#EFEFEF;}	

.selName{
	background-color:#DBFFC0;}
	
.selLight{
	text-align:center;
	background-color:#DBFFC0;}
	
.selBlack{
	text-align:center;
	background-color:#CBFFB0;}

.light{
	text-align:center;
	background-color:#EFEFEF;}
	
.black{
	text-align:center;
	background-color:#DFDFDF;}
	
.sidetitle{
	text-align:left;
	background-color:#D7D7D7;}
	
.bottom{
	text-align:center;
	background-color:#B7B7B7;
	border-top:2px solid black;}

.negative{
	color:red;}
	
.positive{
	color:green;}
/************* detail template END **************/



/******************************************
			control panel
******************************************/
div.controlpanel
{
	background-color:#e5e5e5;
	border: 1px solid #333;
	background-image: url(../images/block_content_bg.jpg);
	background-repeat: repeat-x;
}
.controlpanelImage
{
	border-bottom:#ccc;	
	border-right:#ccc;	
	background:transparent;	
}
div.controlpanel a
{
	margin:2px;
}
/******************* control panel END ********************/



/******************************************
			info panel
******************************************/
div.infoPanel
{
	border: 1px solid #333;
	padding:5px;
	background:#DFDFDF;
}
/******************* info panel END ********************/



/******************************************
			BLOCK
******************************************/
div.blockTitle
{
	background-color:#e20015;
	border-left:2px solid #690000;
	border-right:2px solid #690000;
	border-bottom:2px solid #690000;
	border-top:2px solid #790000;
	padding:4px;
	white-space: nowrap; 
	font-weight: bold;
	color:white;
}
div.blockContainer
{
	background-color:#ff8811;
	border-left:2px solid #690000;
	border-right:2px solid #690000;
	border-bottom:2px solid #690000;
	padding:5px;
}
/******************* BLOCK END ********************/



/******************************************
			CALENDAR
******************************************/
.calendarUtilTable
{
	background: #fff;
	border: 1px solid #aaa;
}
.calendarUtilHeader
{
	background:#ff8811;
	padding:3px;
}
.calendarUtilHeaderText
{
	color:#fff;
	background:none;
	width:100%;
}
.calendarUtilHeaderText a
{
	color:#fff;
}
.calendarUtilDaysRow
{
	background-color:#eee;
}

td.disabledDay {background-color:#999; border: 1px solid #666;}
td.currentDay {background-color:#afa; border: 1px solid #666;}
td.weekendDay {background-color:#ccc; border: 1px solid #666;}
td.defaultDay {background-color:#fff; border: 1px solid #666;}

#notes_time
{

	background-color:#eee;
	border:1px solid #666;
	
}

#notes_content
{
	background-color:#FFFFD0;
	border:1px solid #666;
}
/******************* CALENDAR END ********************/



