/* Default style sheet */

/*
 * Light color: #DFECF2
 * Midle color: #9FC0D3
 * Dark color: #326A8D
*/ 

/****** Deafult styles ******/
body
{
	margin: 15px 0px 0px 0px;
	padding: 0px;

	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: center;

	color: #326A8D;
	background-color:#9FC0D3;
}
a 
{
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #326A8D;
	outline: none;
}
p
{
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:block;	
}
h1 
{
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
h2 
{
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
h3 
{
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
h4 
{
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 4px 0px;
}
img
{
	border-width: 0px 0px 0px 0px;
	border-style: solid; /* none hidden dotted dashed solid double groove ridge inset outset */
	border-color: #000000; /* can spesify the four sides */

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

	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;

	color: #326A8D;
	text-align: left; /* left center right */
	font-size: 11px;
}
tr, td, th
{
	margin: 0px;
	padding: 0px;
}


/****** page ******/
#page {margin: auto; width: 800px; line-height: 0;} 

/*** banner ***/
#page #banner {width: 800px; height: 63px;}

/*** left side ***/
#page .left {width: 149px; float: left;}
.left .menu {line-height: normal; text-align: left; height: 560px; background-image:url(../../images/design/menu_midth.gif);}
.menu #login {padding: 3px 0px 0px 3px; margin: 0px; text-align: center;}
#login form {padding: 0px; margin: 0px;}
#login .input input, #login .input label {padding: 0px; margin: 0px; width: 130px; color: #1C6085; font-size: 11px;}
#login .button {padding: 4px 0px 0px 0px;}
.menu #logout {padding: 3px 5px 0px 9px;}
#logout #toolbar {text-align: right; float: right; padding: 0px 5px 0px 0px;} 
.menu .divider {height: 7px; margin: 10px 0px 2px 0px; padding: 0px; background-image:url(../../images/design/menu_divider.gif); background-repeat: no-repeat;}
.menu .element, .menu .this {display: block; font-size: 12px; color: #1C6085; padding: 1px 2px 1px 9px;}
.menu .this {color: #A1BBCC; cursor: default;}
.menu .element:hover {color: #A1BBCC;}

/*** middle of side ***/
#page #middle {z-index:1; margin-left: 10px;	width: 482px; height: 566px; float: left; line-height: normal; overflow-y:auto; overflow-x:visible; background-color: #E3ECF1;}
#middle #content {text-align: left; padding: 10px 8px 5px 8px;}
#middle h4 {display: inline; padding: 0px 4px 0px 0px;}

/*** right side ***/
#page .right {width: 149px; float: right; padding: 0px 0px 10px 0px;}
.right .block {line-height: normal; text-align: left; background-image:url(../../images/design/block_midth.gif);}
.block h2, .block p, .block a {margin: 0; padding: 0px 2px 4px 5px; color: #DFECF2;}


/****** spesific styles ******/
#userMessage {line-height: normal;}

/* Search form */
form#search {margin: 0px; padding: 0px;}
form#search input, form#search td, form#search label {color: #246C99; padding: 0px 3px 0px 0px;}

/* links */
.table_container a:hover {color: #88B0C7;}
a.link_dark {font-size: 11px; color: #246C99;}
a.link_dark:hover {color: #88B0C7;}
a.link_light {font-size: 11px; color: #DFECF4;}
a.link_light:hover {color: #88B0C7;}

/* containers */
.podcast_crypt {display:inline; cursor:pointer;}
.table_container, .form_container {width: 100%;}
.toolbar, .searchbar {text-align: right; float: right; padding: 0px 10px 0px 0px;}

/* For printing */
@media print
{
	body 
	{
		margin: 0px; padding: 0px;
		font-family: arial, verdana, sans-serif, trebuchet;
		color: #000000;
		text-align: left;
		font-size: 12px;
		background-color: #FFFFFF;
	}
	#page #banner {display: none;}
	#page {margin: auto; width: 16cm; line-height: normal;} 
	#page .left {display: none;}
	#page .right {display: none;}
	#page #middle {margin-left: 10px; width: 16cm; height: 25cm; background-color: #FFFFFF}	
	.toolbar {display: none;}
}



/* Styles for the object Datepicker */
#Datepicker {background-color:#FFF; position:absolute; visibility:visible; z-index:1000;}
#Datepicker table
{
	margin:0px; padding:0px;
	color:#000; text-align:left; font-size:11px; 
	font-family: Tahoma, Verdana, Arial, sans-serif; 
	border: 1px solid #000;
	width:224px;
}
#Datepicker tr {margin:0px; padding:0px; cursor:default;}
#Datepicker td {text-align:center;}
#Datepicker td div {cursor:pointer; width:100%; display:inline;}
#Datepicker td.top {background-color:#004089; color:#FFF; font-weight:bold; border-bottom: #000 solid 1px;}
#Datepicker td.month {font-weight:bold; border-bottom: #000 solid 1px;}
#Datepicker td.month img {padding-top:2px;}
#Datepicker td.week_day {background-color:#A5C9F5; font-weight:bold; border-bottom: #000 solid 1px; width:12.5%;}
#Datepicker td.week_day div {cursor:default;}
#Datepicker td.week_number {font-weight:bold;}
#Datepicker td.time {font-weight:bold; text-align:left; padding-left:2px; background-color:#A5C9F5; border-top: #000 solid 1px;}





#CALENDAR_ID_1 table
{
	margin:0px;	padding:0px;
	border: 1px solid #000000;
}

/* The days */
#CALENDAR_ID_1 table tr td
{
	padding: 0px;
	vertical-align:top;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}
#CALENDAR_ID_1 table tr td div
{	
	text-align:left;
	width:30px; height:22px;
}

#CALENDAR_ID_1 table tr td div p
{	
	text-align:center;
	font-size:11px;
	padding-top:3px;
}
#CALENDAR_ID_1 table tr td div P.red
{	
	color:#FF0000;
}
#CALENDAR_ID_1 table tr td.grayed
{	
	background-color:#CCCCCC;
}

/* The month row (with month and year) */
#CALENDAR_ID_1 .month th
{
	background-color:#40688E;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	padding:2px;
	border-bottom: 1px solid #000000;
}
#CALENDAR_ID_1 .month .month_left
{
	text-align:left;
}
#CALENDAR_ID_1 .month .month_middle
{
	text-align:center;
}
#CALENDAR_ID_1 .month .month_right
{
	text-align:right;
}

/* The week row (Week text and weekdays */
#CALENDAR_ID_1 .week, #CALENDAR_ID_1 .week .weekdays
{
	color:#000000;
	background-color:#93AFCA;
	font-weight:bold;
	text-align:center;
}
#CALENDAR_ID_1 .week th
{
	border-left: 1px solid #000000;
}
#CALENDAR_ID_1 .week .weekdays
{
	border-left: none;
}
/* The week numbers */
#CALENDAR_ID_1 tr .weekdays
{
	font-size:11px;
	font-weight:bold;
	background-color:#93AFCA;
	width:20px;
	border-left: none;
	text-align:center;
	padding:3px;
}
		
	#SHOWBOX_ID_1
		{
			position:absolute;
			top:0px;
			left:0px;
			display:none;
			width:160px;

			color:#000000;
			background-color:#E8E8E8;
			border: 1px solid #000000;
			
			z-index:99999;

		}
		#SHOWBOX_ID_1_CONTENT
		{
			overflow:auto;
			height:120px;

		}
		#SHOWBOX_ID_1_COVER
		{
			position:absolute; 
			display:none;
			width:160px;
			height:120px;
		}
		#SHOWBOX_ID_1 div.titlebar
		{
			height:20px;
			width:100%;			
			font-size:13px;
			font-weight:bold;
			
			background-color:#40688E;
			border-bottom: 1px solid #000000;
		}
		#SHOWBOX_ID_1 div.titlebar p.text
		{
			padding:0px;
			margin:0px;
			padding: 3px;
			color:#FFFFFF;
		}
		#SHOWBOX_ID_1 div.titlebar a.close
		{
			text-align:center;
			font-size:16px;
			font-weight:bold;
			position:absolute;
			top:0px;
			right:0px;

			height:20px;
			width:20px;
			background-color:#E04B25;
			border-bottom: 1px solid #000000;
		}
		#SHOWBOX_ID_1 div.titlebar a:hover.close
		{
			background-color:#FA8264;
		}
		
		#SHOWBOX_ID_1 a
		{
			color:#40688E;
		}
		#SHOWBOX_ID_1 a:hover
		{
			color:#9FC0D3;
		}