html {
/*  height: 100%;  */
}

* 			
{ 	
	
}

img
{
    behavior: url("./images/pngbehavior.htc");
}

small 			
{ 	
	font-size: 80%; 
}

body 			
{ 	
    color: #013888;
    text-align: center;
    margin: 0px;
    padding: 0px;
    text-align: center;
   font-family: arial, verdana, sans-serif; 
	background-color: White;
	min-width:1170px;

}

#DefaultPageBody
{
	background-image: url(./images/body_bg.jpg);
    background-repeat:repeat-x;
}


a 			
{	
	color: #2575B0; 
}

th a			
{	
	color : Black; 
}
form 			
{	
	margin: 0px;
	padding: 0px;
	height:100%;
}
h1 			
{	
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0em; 
}
h2 			
{	
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0em; 
}
h3 			
{	
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0em; 
}
    		
.navbalk 		
{	
	color: #ffffff;
	font-size: 0.70em;
    padding-right: 4px; 
    padding-left: 15px;
}
.navbalk a 		
{	
`	font-weight: bold;
	text-decoration: none;
	color: #ffffff; 
}
.navbalk a:hover 	
{ 	
	text-decoration: underline; 
}
.header
{
	position:relative;
	color: White;
	font-weight: bold;
	font-size: 2.0em;
	width: 960px;
	top:0px;
	float:left;
}

input, textarea, select 	
{	
	background-color: #f5f5f5; 
	color:#333333;
	border: 1px solid #CCCCCC;
	font-weight: bold; 
	font-size: 0.98em;
	padding: 3px;
}
input.active, textarea.active	
{	
	background-color: #f5f5f5; 
	border-color: #96bf0d; 
}
input.button, button	
{	
	width: 89px; 
	height: 23px; 
	color: #ffffff;
	background-color:#96BF0D;
	border-left:1px solid #79990B;
	border-top:1px solid #79990B;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	font-size: 0.9em;
}
input.radio, .radio input
{	
	background-color:#ffffff;
	border-width : 0px; 
	color: #f5f5f5;
	padding-right: 10px;
}

input.checkbox
{	
	background-color:#ffffff;
	border-width : 1px;
	color: #96bf0d;
	padding-right: 10px;
}

input.text			
{    	
	height: 16px; 
}

hr {
color: #96bf0d;
height: 1px;
background-color: #96bf0d; 
border: 0px;
}


.relpad 		
{	
	
	left: 271px;
	height: 20px;
	font-size: 0.65em; 
	width: 100%;
    background-image:url('./images/GreenBar.jpg');
    background-repeat:repeat-x;

}
.titel 			
{	
	font-weight: bold;
	font-size: 1em;
	color: #475764; 
}

/* menu */
.menu 			
{	
	position:absolute;
	top: 30px;
	left: 52px;
}
.menu p 		
{	
	margin: 0px; 
}
.menu a:hover 		
{ 	
	text-decoration: underline; 
}
.menuback 		
{	
	width: 168px;
	margin: 0px;
	padding: 0px; 
}

/*Styles for level 0*/
.clLevel0, .clLevel0over, .clLevel0 a, .clLevel0over a
{
    	text-decoration : none;
    	font-weight:bold;
		font-size:  0.83em;
}
.clLevel0, .clLevel0over
{
    	background-position: left bottom;
    	width:166px;
    	height:20px;
    	padding-left: 0px;
}
.clLevel0
{
		font-family:Arial, Helvetica, sans-serif;
		color: #013888;
}
.clLevel0 a
{
		color: #013888;
    	padding-left: 0px;
}
.clLevel0 a:hover, .clLevel0over a:hover
{
    	text-decoration : none;
    	color: #e3007a;
}
.clLevel0over a
{
    	color: #e3007a;
    	padding-left: 0px;
}
.clLevel0over
{
	cursor:pointer;
	cursor:hand;
}
.clBar
{
	position:absolute; 
	visibility:hidden; 
}

/* Generic styles */
.GradientPanel
{
	background-color: #EAEAEA; 
	border: 1pt dotted #808080; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E8E8E8, endColorstr=#FFFFFF)
}
.GradientPanel TD
{
	padding-left: 15px;
	padding-right: 15px;
}
.WarningTable
{
	border: #019EE1 4px double;
	background-color: white;

}
.WarningTableTitle
{
	color:White;
	background-color: #97C00E;
}

.Warning
{
	color: #97C00E;
}
.Error
{
  	color: Red;
}

/* custom styles */
.FixedTable
{
	table-layout : fixed;
}

.InvalidInput
{
	border: solid 1px red
}


/* Calender styles */
#CALENDERMAINSPAN {
	DISPLAY: inline;
}

#CALENDERTABLE {
	BORDER-RIGHT: black 1px solid; 
	TABLE-LAYOUT: fixed; 
	BORDER-TOP: black 1px solid; 
	FONT-SIZE: 8pt; 
	BORDER-LEFT: black 1px solid; 
	WIDTH: 150px; 
	BORDER-BOTTOM: black 1px solid; 
	HEIGHT: 200px;
}

#CALENDERDRAGELEMENT {
	cursor: move;
}

#CALENDERCLOSEELEMENT {
	cursor: hand;
}

#Calender_DAYOFWEEKTD {
	cursor: hand;
	vertical-align: middle;
	text-align: center;
}

#CALENDERDAYSROW td {
	text-align: center;
	vertical-align: middle;
}

.CalenderDays
{
	color:#475764;
	background-color:white;
	font-weight:bold;
	HEIGHT: 10%;
}

.CalenderHeader
{
	color:#475764;
	background-color:GhostWhite;
	font-weight:bold;
}

.CalenderSelected
{
}

/*** Select drop donw row *****/
.CalenderSelection
{
	background-color: #f5f5f5;
}

.CalenderSelection select {
	color:#475764;
	background-color:GhostWhite;
	background-color: #f5f5f5; 
	color:#333333;
	border: 1px solid #CCCCCC;
	font-weight: bold; 
	font-size: 0.98em;
}

/**** Calendar Title ***/
.CalenderTitle
{
	color:black;
	background-color:#1F70AD;
	font-weight:bold;
	height: 16px;
}


/* Element ID's for DIV positioning in 'master' page*/
#Container
{
	top: 0px;
	left: 0px;
 	width: 100%;
	height: 100%;
	margin: 0px;
  	text-align: left;
  	position: relative;
	background-image: url('./images/container_bg.jpg');
	background-repeat: repeat-y;
}


#HeaderRow
{
	height: 165px;
	top: 0px;
	left: 0px;
	min-width: 960px;
	width: 100%;
	position: relative;
}
#CakLogoTop 
{
   width: 271px;
   height: 115px;
   background-image: url('./images/LogoCAK.jpg');
   margin-left: 0px;
	left: 0px;
	position: absolute;
}
#Header
{
	position: absolute;
   width: 753px;
   height: 115px;
   left: 271px;
   background-image:url('./images/HeaderBar.jpg');
   background-repeat:no-repeat;
   background-position:left;
}

#HeaderSpacer
{
	Position:relative;
   left: 1020px;
   top: 0px;
   width:90px;
   background-image:url('./images/HeaderBar.jpg');
   background-repeat:repeat-x;
   background-position:right;
   visibility: hidden;
   float: left;
}
    
#TopMenuRow
{
	position: absolute;
	height: 35px;
	width: 960px;
	top: 115px;
	left: 0px;
	background-color: White;
}
#CakLogoBottom
{
	position:absolute;
    width: 270px;
    height: 35px;
    left: 0px;
    background-image:url('./images/BlueBar.gif');
    background-repeat:repeat-x;
    font-size: 13px;
    font-weight: bold;
    padding: 9px 0 0 28px;
    color: white;
    overflow:hidden;
}
    
#TopMenu
{
	position:absolute;
   width: 100%;
   height: 35px; /* Height = original height - padding */
   left: 270px;
   top: 0px;
   padding-top: 10px; /* Hack for centering img + text*/
   background-image:url('./images/BlueBar.gif');
   background-repeat:repeat-x;

}
/*
* html #TopMenu {
	width: 710px;
}
*/
#SSOMenu
{
	position:absolute;
	top: 0px;
	width: 130px;
	height: 35px;
	left: 960px;
	text-align: center;
	padding-top: 5px;
	background-image:url('./images/PinkBar.jpg');
    background-repeat:repeat-x;  
    color: #ffffff;
    font-size: 0.9em;
    font-weight: bold;

}
#MenuSpacer
{
	position: relative;
	height: 22px;
	left: 780px;
	background-color: White;
	background-repeat: repeat-x;
	background-position: left top;
}
#PageTitleRow
{
	position: absolute;
	height: 20px;
	top: 150px;
	left: 0px;
}
#LeftPageTitleBar
{
   width: 960px;
   min-width: 960px;
   height: 20px;
   left: 0px;
   top: 60px;
   background-image:url('./images/GreenBar.jpg');
   background-repeat:repeat-x;
}
#PageTitleBar
{
	position: absolute;
   width: 242px;
   height: 30px; /* Height = original height - padding */
   left: 29px;
   top: 0px;
   background-image:url('./images/GreenBlueBar.jpg');
   background-repeat:repeat-x;
}

#PageTitleBarSpacer
{
	position:relative;
   height: 20px;
   left: 271px;
   top: -40px;
   min-width: 1px;
   width: 1px;
   background-image:url('./images/GreenBar.jpg');
   background-repeat:repeat-x;   
   visibility:hidden;
   float:left;
}
    
#MainContentRow
{
	width: 100%;
	min-width: 960px;
	text-align:left;
	position: relative;
	margin-top: 0px;
	color: #013888;
}

#LeftMenu
{
    width: 243px;
    margin-left: 28px;
	 margin-top: 5px;
    background-image:url('./images/GreenLargeBar.jpg');
    height: 299px;
}

#MainContent
{
	position: absolute;
	text-align:left;
   top: 30px;
   left: 295px;
	font-size: 0.8em; 
	padding: 0px; 
	width:70%;
	min-width: 770px;
	color: #013888;
	float: right;
	margin-right: 20px;
}

* html #MainContent {
	left: 295px;
}

#MainContent * {
	font-size: 11px;
}

#MainContentPopup * {
	font-size: 11px; 
	color: #013888;
}

#DefaultPage
{
}

.pageWarning
{
	width:600px;
	border:solid 1px red;
	padding:5px;
}

/* Tabsheet styles */	
.TabSheet
{
    table-layout:fixed;
    border-collapse: collapse;
	 WIDTH: 500px;
	 HEIGHT: 200px
}

.TabRow {
	height: 20px;
}

.TabContentRow {
	height: 100%;
}

.TabSheetCell
{
    border-right: outset 2px #D8E1E8;
    border-top: solid 2px #D8E1E8;
    border-left: solid 2px #D8E1E8;
    color: #D8E1E8;
    background-color: #2575B0;
    border-bottom: solid 2px #D8E1E8;
    cursor: hand;
}

.TabSheetCellActive
{
    border-right: outset 2px #D8E1E8 ;
    border-top: solid 2px #D8E1E8 ;
    border-left: solid 2px #D8E1E8 ;
    border-bottom: none;
}

.TabSheetFiller
{
    border-bottom: #D8E1E8 2px solid;
	 WIDTH: 5px;
}

.TabSheetContent
{
    border-right: outset 2px #D8E1E8;
    border-left: solid 2px #D8E1E8;
    border-bottom: outset 2px #D8E1E8 ;
    vertical-align:top;
}

.TabSheetContent div.visible {
	DISPLAY: inline; 
	OVERFLOW: auto; 
	WIDTH: 100%; 
	HEIGHT: 100%;
}

.TabSheetContent div.hidden {
	DISPLAY: none; 
}
#footer {
position:relative;
height: 10px;
width: 960px;
display: block;
clear: both;
bottom: 0px;
color: black;
}



/******************* Form Design **************************/
/*
.table-border {
	width: 95%;
	border:1px solid #D8E1E7;
	text-align: center;
	font-size: 12px;
}

.table-no-border {
	text-align: center;
	font-size: 12px;
}

.table-border td, .table-no-border td{
	text-align: left;
}

.table-border td.td-bold, .table-no-border td.td-bold{
	text-align: left;
	font-weight: bold;
}

.form-title {
	font-weight: bold;
	margin: 20px 0px 10px 0px;
}

label.label-checkbox{
	text-align: left;
	border:1px solid #2371ac;
	padding: 1px;
	padding-top: 5px;
	background-color: #D8E1E7;
}

* html label.label-checkbox{
	padding: 1px;
}

checkbox.form-checkbox{
	padding: 2px;
}

* html checkbox.form-checkbox{
	padding: 0px;
}

.table-border td.td-bold-bgcolor, .table-no-border td.td-bold-bgcolor{
	text-align: left;
	font-weight: bold;
	background-color: #D8E1E7;
}

select.form-select {
	padding: 0px;	
	color: #2371AC;
	width: 85px;
}

input.text {
	border:1px solid #2371AC;
	color: #2371AC;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
}

.text-required {
	border:1px solid #2371AC;
	color: #2371AC;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	background-image: url(images/txt_required_bg.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}
*/

/* Table layout */
.DefaultTableHeader
{
	text-align: left;
	font-weight: bold;
	background-color: #D8E1E7;
	font-size:12px;
}

.DefaultTable {
	border:1px solid #D8E1E7;
	font-size: 12px;
	border-collapse:collapse;
	table-layout : fixed;
}