/* ###################### OVERALL SETTINGS ###################### */

body {
	background-color: #FFFFFF;
	background-image: url(../images/back_fade.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 8px;
}

.mainwindowtop {
	background-color: #FFFFFF;
	border-top: solid 2px #323236;
	border-left: solid 2px #323236;
	border-right: solid 2px #323236;
}

.mainwindow {
	background-color: #FFFFFF;
	border-left: solid 2px #323236;
	border-right: solid 2px #323236;
}

.mainwindowbottom {
	background-color: #FFFFFF;
	border-bottom: solid 2px #323236;
	border-left: solid 2px #323236;
	border-right: solid 2px #323236;
}

hr {
	color: #FF9933;
	border: 2px solid #FF9933;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 1px;
}

div.hidden{
	position: relative;
	visibility: visible; 
	height: 0px;
	width: 0px;
	overflow: hidden;
}

div.visable{
	position: relative;
	visibility: visible;
	height: 100%;
	overflow: hidden;
}

/* ########################### IMAGES ########################## */

.menuimg {
	border: 0px;
	margin-left: 2px;
	margin-right: 2px;
}

/* ########################### TABLES ########################## */

table.menu {
	font-family: times new roman;
	font-size: 12pt;
	color: #000000;
	font-weight: bold;
	margin-left: 4px;
	margin-right: 4px;
}

td.menuheader {
	background-color: #FFEEBB;
	border: 1px solid #FF9933;
	border-bottom: 1px RIDGE #222222;
	border-left: 1px RIDGE #222222;
	border-right: 1px RIDGE #EEEEEE;
}

td.menubody {
	background-color: #FFFFFF;
}

td.mainbody {
	background-color: #FFFFFF;
}

td.mainbodysubheader{
	color: #FFFFFF;
	font-family: times new roman;
	font-size: 12pt;
	background: url(../images/TdHeaderBg.png) repeat-x;
	background-color: #0000DD;
	border-top: 2px RIDGE #FFFFFF;
	border-bottom: 1px RIDGE #DDDDDD;
	border-left: 1px RIDGE #DDDDDD;
	border-right: 1px RIDGE #EEEEEE;
}

td.percent_compleate {
	background-color: #00FF00;
}

td.percent_incompleate {
	background-color: #FF0000;
}

tr.mainbodysubbody{
	color: #FFFFFF;
	font-family: times new roman;
	font-size: 12pt;
	background-color: #999999;
	border-left: 2px RIDGE #DDDDDD;
	border-right: 2px RIDGE #EEEEEE;
}

/* ########################### FORMS ########################## */

.button {
	background-color: #006699;
	border: 1px solid #222222;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
}

.select {
	background-color: #006699;
	border: 2px solid #222222;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
}

.inputbox {
	background-color: #006699;
	border: 1px solid #222222;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
}

/* ########################### LINKS ########################## */

/* DEFAULT PAGE LINKS */ 
a:link, a:visited {
	color: #0000FF;
	text-decoration: none;
	}

a:hover, a.active {
	color: #66CCFF;
	text-decoration: none;
	}
	
/* MAIN MENU LINKS */
a.menu:link, a.menu:visited {
	color: #0000FF;
	text-decoration: none;
	}

a.menu:hover, a.menu:active {
	color: #0000FF;
	text-decoration: none;
	}
	
/* DEFAULT BODY LINKS */
a.body:link, a.body:visited {
	color: #0000FF;
	text-decoration: none;
	}

a.body:hover, a.body:active {
	color: #66CCFF;
	text-decoration: none;
	}

/* SMALL BODY LINKS */
a.small:link, a.small:visited {
	font-size : 9pt; 
	font-family: Arial, Helvetica, sans-serif;  
	color: darkblue; 
	text-decoration: none;
	border: 0px;
	}

a.small:hover, a.small:active {
	font-size : 9pt; 
	font-family: Arial, Helvetica, sans-serif;  
	color: darkblue; 
	text-decoration: none;
	border: 0px;
	}

/* ##################### MODULE TABLE SETTINGS ###################### */

td.header {
	background-color: #FFEEBB;
	border: 1px solid #FF9933;
	font-family: times new roman;
	font-size: 12pt;
	color: #000000;
}

td.data {
	background-color: #DD9944;
	border: 1px solid #FF9933;
	color: #000000;
	font-family: times new roman;
	font-size: 10pt;	
}

td.dataselected {
	background-color: #FFBB66;
	border: 1px solid #FF9933;
	color: #000000;
	font-family: times new roman;
	font-size: 10pt;
}

td.datachecked {
	background: url(../images/TdDataCheckedBg.png) repeat-x;
	border : thin RIDGE #FFFFFF;
	background-color: #FFFFFF;
	color: #FFFFFF;
	font-family: times new roman;
	font-size: 10pt;
	font-weight: bold;
}

/* ################### CONTENT PAGE SETTINGS ################## ok */

.contentbox {
	background-color: #444444;
	border: 1px solid #999999;
	border-bottom-width: 0px;
	border-top-width: 0px;
}
.componentheading {
	border-bottom: 1px solid #66ccff;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.contentheading {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;
}

.contentpagetitle {
	color: #FFFFFF;
	font-weight: bold;
}

.contentpane {
	padding-left: 4px;
	padding-right: 4px;
}

.contentpaneopen {
	padding-left: 4px;
	padding-right: 4px;
}

.createdate, .modifydate {
	color: #66ccff;
	font-size: 11px;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# */

.mainlevel {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
}

a.mainlevel:link, a.mainlevel:visited {
	background: transparent url(../images/arrow.png) left no-repeat;
	border-width: 0px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
	text-decoration: none;
}

a.mainlevel:hover {
	background: transparent url(../images/arrow.png) left no-repeat;
	color: #66ccff;
	text-decoration: underline;
}

.sublevel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
}

a.sublevel:link, a.sublevel:visited {
	background: transparent url(../images/arrow.png) left no-repeat;
	border-width: 0px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
	text-decoration: none;
}

a.sublevel:hover {
	background: transparent url(../images/arrow.png) left no-repeat;
	color: #66ccff;
	text-decoration: underline;
}

/* ################### FONT SETTINGS #################### ok */

.error {
	color: #FF0000;
	font-size: 12px;
}

.small {
	color: #999999;
	font-size: 11px;
}

.smalldark {
	color: #000000;
	font-size: xx-small;
}

/* ###################### TEMPLATE SETTINGS ###################### */

.header {
	border-left: 1px solid #000000;
}

.headerright {
	border-right: 1px solid #000000;
}

.edgeleft {
	background: url(../images/edgeleft.png) repeat-y;
}

.edgeright {
	background: url(../images/edgeright.png) repeat-y;
}

.barleft {
	background: url(../images/barleft.png) no-repeat;
	width: 12px;
	height: 28px;
}

.barright {
	background: url(../images/barright.png) no-repeat;
	width: 13px;
	height: 28px;
}

.barmid {
	background: url(../images/barmid.png) repeat-x;
	height: 28px;
}