/* CSS Document */
@media print {
	.noprint {display:none;}
	.print {display:block;}
}

@media screen {
	.print {display:none}
}

body {
	font:.9em Arial, Helvetica, sans-serif;
	/*color : #505458;*/
	margin: 0px;
	padding:0px;
	background: #CCCCCC;
}

h3 {
	margin: 0px;
}

p {
	font-size: .8em;
	margin: 0px;
}

img {border:none;}
small {font-size:10px; font-style:italic; color:#333333;}

.wrapper {
	margin:10px;
	background:#CCC;
	text-align: left;
}

#status {
position:absolute;
top:8px;
left:300px;
}

.header {
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
	width:100%;
}

.header .row1 {
	height:38px;
	padding:5px;
}
.logo {
	float:left;
}

.userinfo {
	float:right;
	font-size:12px;
	text-align:right;
}


#sub_nav {
	color:#FF0000
}

.content {
	margin: 0px;
	padding: 0px;
}

.error {
 background: #FBE6F2;
 border: 1px solid #E68F8F;
 color: #333;
 margin: 10px 0 5px 0;
 padding: 10px;
}

.success {
 background:#00FF55;
 border: 1px solid #00AA00;
 color: #333333;
 margin: 10px 0 5px 0;
 padding: 10px;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
}
.error {
color: #333;
background-color: #FBE6F2;
background-image: url('../images/error.png');
}

.validation-advice {
border: 1px solid;
padding:2px;
color: #333;
background-color: #FBE6F2;
width:auto;
}

#page-content {
	margin: 0;
	padding: 5px;
}

/* Error Notification  */
#alertMessagePlaceHolder {
	background-color: #FFCCCC;
	border: 1px solid #F00;
	padding: 5px;
	display: none;
	margin-top: 5px;
	font-size: 10px;
}

#message {
	padding: 3px 0 4px 5px;
	font-size: 13px;
	color:#990000;
}

.container {
	text-align: left;
	width: 100%;
}

.hidden {
	display: none;
}

.error {
	color:#800000;
}

.msg {
	color: #0099FF;
	font-size: .7em;
	padding-left: 10px;
}

.highlight-border {
	border: 2px solid #99CCFF;
}

.hidden {
	display: none;
}

span.loadingMsg {
	position:relative;
	left: 10px;
	top:-6px;
	font-size:12px;
	font-weight: bold;
}

div.formContainor {
	float:left;
}

div.pad {
	padding-left:20px;
}


.distort {
	background-image:url(../images/distort.png);
	color:#FFFFFF;
}

.distort:hover {
	background-image:none;
	color:#000000;
}

#cover {
	position:absolute;
	background-color:#999999;
	z-index:100;
}
.loader {
	position:absolute;
	left:50%;
}

.expired {color:#FF0000;}
.orange {background:#FFCC33;}

.left {display:inline; float:left;}
.right {display:inline; float:right;}

.clear {clear:both;}

.dialogBox {
	padding:10px;
	border:1px solid #333333;
	background:#6699FF;
}

.upload_icon {
	position:absolute;
	margin-top:4px;
	margin-left:133px;
	cursor:pointer;
}

.image_manager_icon {
	position:absolute;
	margin-top:5px;
	margin-left:115px;
}

.commands {
	position:absolute;
	left:700px;
	top:90px;
}

.filter-header {
	padding:5px;
	background:#0066FF;
	border:1px solid #000000;
	border-top:none;
}
.filter-header-first {
	border-top:1px solid #000000;
}
.filter-content {
	padding:5px;
	background:#CAE1FF;
	border:1px solid #000000;
	border-top:none;
}

.tip {
	background:url(../images/question.png) no-repeat right;
}

.tipBody {
	background:#003399;
	color:#FFFFFF;
	font-family:arial;
	font-size:12px;
	border:1px solid #C8BA92;
	padding:5px;
	width:200px;
}

.divUploadDataButton {
display:inline;
border:1px solid #7FAAFF;
background-color:#C5D9FF;
padding:2px;
}
/*************************************************/

TABLE.blue { border:1px solid #666666;}
TABLE.blue .title {
	padding:3px;
	background-image:url(../images/title_bg.jpg);
	border-bottom:1px solid #CCCCCC;
	color:#000000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}

TABLE.blue .header {
	padding-left:2px;
	background-color:#0066FF;
	color:#FFFFFF;
	height:20px;
	font-size:12px;
	text-align:left;
}

TABLE.blue .data {padding-left:2px;}
TABLE.blue .selected {background-color: #EEE0B4;}
TABLE.blue .even {background-color: #ECF2FF;}
TABLE.blue .odd {background-color: #FFFFFF;}

TABLE.import {border:1px solid};
TABLE.import th {font-size:12px; padding:0 5px 0 5px;}
TABLE.import td {font-size:10px; padding:0 5px 0 5px;}


TABLE.certs {border:1px solid}
TABLE.certs th {font-size:12px; padding:3px; background:#666666; color:#FFFFFF; text-align:left;}
TABLE.certs tr:hover {background:#99CCFF};
TABLE.certs td {font-size:12px; padding:2px;}
TABLE.certs img {cursor:pointer;}

TABLE.search {border:1px solid; color:#333333;}
TABLE.search th {font-size:.7em; padding:3px; background:#669933; color:#FFFFFF; border-top:1px solid #333333; border-bottom:1px solid #333333;}
TABLE.search tr:hover {background:#FFFFCC};
TABLE.search td {font-size:12px; padding:2px;}
TABLE.search a {text-decoration:none;}

TABLE.item {border:1px solid #444444;border-collapse:collapse;margin:5px 0 0 0;padding:0; font-size:.8em;}
TABLE.item th {border:1px solid #444444;padding:3px 5px;font-weight:normal;text-align:left;background:#99CCFF;}
TABLE.item td {border:1px solid #444444;padding:3px 5px;background:#000000;color:#00FF00;}
TABLE.item img {cursor:pointer; border:none;}


TABLE.table1{border-collapse: collapse;font-size: 12px;}
TABLE.table1 caption{font-size:16px; font-style:italic; text-align:right;}
TABLE.table1 th {padding: 4px 8px 4px 4px;background: #0066CC;color: #DDD;font-weight: normal;font-size: 13px;}
TABLE.table1 th a{color: inherit;}
TABLE.table1 td {padding: 4px;background: #e8edff;color: #669;border-top: 1px solid #fff;}
TABLE.table1 tbody tr[scope=row]:hover td {background: #d0dafd;}
TABLE.table1 .action {cursor:pointer;}

TABLE.table2 {border-collapse:collapse;margin:0;padding:0; font-size:.8em;}
TABLE.table2 td {padding:0 10px;}

TABLE.tbl3 {border-collapse:collapse;margin:0;padding:0;}
TABLE.tbl3 th a {color:#FFFFFF;}
TABLE.tbl3 a {text-decoration:none;}
TABLE.tbl3 img {margin:0 0 0 15px;}
TABLE.tbl3 img.detail {width:75%; margin:-5px 0 0 0; padding:0px;}

TABLE.tbl4 {border-collapse:collapse;margin:0;padding:0;font-size:1em; width:100%; border:1px solid #990000;}
TABLE.tbl4 th {padding: 2px;background: #FF9900;color:#000000;font-weight: normal; height:auto;}
TABLE.tbl4 td {padding: 2px;background: #FFFFCC;color:#000000;border:none;}

TABLE.picmgr {width:100%;}
TABLE.picmgr th {background:#99CCFF;}
TABLE.picmgr td {text-align:center;}

TABLE.change_log {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
TABLE.change_log caption {font-size:1.3em; color:#FF0000; text-align:left; border-bottom:1px solid #FFFFFF;}
TABLE.change_log td {font-family:monospace;border-bottom:1px solid #FFFFFF;background:none; color:#000000;}
TABLE.change_log alt {border:none; background:none; color:#FFFFFF;}

TABLE.ipe {font-size:12px; border-collapse:collapse;}
TABLE.ipe td, TABLE.ipe th {padding:4px}
TABLE.ipe th {background:#999999}
TABLE.ipe div {cursor:pointer};
TABLE.ipe .action {background:#99CC99;}

TABLE.param {float:left}
TABLE.param th {width:110px; height:18px;}
TABLE.param td {width:75px; height:18px;}
TABLE.param td.edit {width:100px}

TABLE.tmls {border-collapse:collapse; margin:0; padding:0; font-size:12px; border:1px solid #000000;}
TABLE.tmls th, TABLE.tmls td {text-align:center;border:1px solid #000000;}
TABLE.tmls td div {cursor:pointer}
TABLE.tmls .y {font-weight:bold}
TABLE.tmls .course {text-align:left; font-weight:bold; background:#FFFFCC;}
TABLE.tmls .tmin {color:#FF00FF}
TABLE.tmls .nominal {color:#FFFF00}
TABLE.tmls .tml {background:#F2F2F2;}
TABLE.tmls .red_color {color:#FF0000}
TABLE.tmls .blue_color {color:#0000FF}
TABLE.tmls .green_color {color:#009900}
TABLE.tmls .dark {background:#B7B7B7}

TABLE.header {float:left; border-collapse:collapse; font-size:10px; margin:0; padding:0; color:#000000;}
TABLE.header th {width:95px; padding:0; margin:0;}
TABLE.header td {width:75px; padding:0; margin:0;}

.header_left {float:left; text-align:left; font-size:12px;}

.header_right {float:right; text-align:right; font-size:12px;}

br {clear: left};


.tml_table_legend {font-size:10px; text-align:left;}
.template_color_green {color:#009900}
.template_color_blue {color:#0000FF}
.template_color_red {color:#FF0000}

/* MENU STYLES */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.treemenu{
padding-left:300px;
padding-top:30px;
position:relative;
z-index:100;
}

.treemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 12px Verdana;
}

/*Top level list items*/
.treemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
margin-right:1px;
}

/*Top level menu link items style*/
.treemenu ul li a{
display: block;
text-decoration: none;
text-align:left;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
width: 70px; /*Width of top level menu link items*/
}

/*1st sub level menu*/
.treemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.treemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.treemenu ul li ul li ul{
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.treemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: white;
text-decoration: none;
padding: 7px 8px; /*padding inside each tab*/
border: 1px solid #ccc;
}

.treemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.treemenu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.treemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

/* Holly Hack for IE \*/
* html .treemenu ul li { float: left; height: 1%; }
* html .treemenu ul li a { height: 1%; }
* html .suckertreemenu ul li ul li { float: left;}
/* End */