/* ================== */
/*   HTML ELEMENTS    */
/* ================== */
html { height: 100%; overflow-y: scroll;/* Force v-scroll to avoid page jumping *//* Force v-scroll to avoid page jumping */ }
html, table { font-size: 100%; /* IE Hack to enforce correct font-sizeing *//* IE Hack to enforce correct font-sizeing */ }
body {
	margin: 0px;
	border: 0px;
	font-family: "Lucida Grande", "Tahoma", "Arial", sans-serif;
	font-size: 62.5%; /* 62.5% = 10px = 1em */
	 min-height: 100%;
}
form { padding: 0px; margin: 0px; }

h1, 
h2,
h3 { font-family: "Arial"; font-size: 2em; margin: 0px;  }

h1 { margin-top: -2px; }
h2 { font-size: 1.3em; border-bottom: 0px;  }

h3 { font-size: 1.1em; margin-top: 10px; margin-bottom: 2px; padding: 0px; }

a:focus, a:active { outline: 0; -moz-outline: none; } 

img {
	border:0px; margin:0px;

}
A.link {
	font-size:12px;
	color:blue;
}

/* MAIN CONTAINER */

.cn-container { margin: 0px auto; width: 990px; }


/* HEADER
/* ------------------ */
.cn-header { height: 75px; background: url(../icons/header_bg.jpg) repeat-x top left; }
.cn-header .left,
.cn-header .right { height: 35px; padding: 39px 10px 0px 10px; text-decoration: none; font-size: 11px; color: #D2DCF3; }
.cn-header .left {float: left; }
.cn-header .right { float: right; width: 128px; }      
.cn-header .topleft {float: left;   font-size: 22px; font-weight: bolder; color: #D2DCF3; vertical-align:top; text-align: left; }
.cn-header .topcenter {float: left; margin-left: 20%;   font-size: 22px; font-weight: bolder; color: #D2DCF3; vertical-align:top;}
.cn-header .bottomleft {position: absolute; top : 38px; margin: 2px; font-size: 11px; color: #D2DCF3;  text-align: left; }

.white {color : white;}

.ui-widget-header .left {float: left; }
.ui-widget-header .right { float: right; width: 128px; }      
.ui-widget-header .topleft {font-size: 22px; font-weight: bolder; vertical-align:top; text-align: left; }
.ui-widget-header .topcenter {float: left; margin-left: 20%;   font-size: 22px; font-weight: bolder;  vertical-align:top;}
.ui-widget-header .bottomleft {position: absolute; top : 38px; margin: 2px; font-size: 11px;  text-align: left; }
.ui-widget-header .cn-header-links { vertical-align:top; text-align: right; margin-right: -140px;}
.ui-widget-header .cn-header-links,
.ui-widget-header .cn-header-links a  { font-size: 11px;  text-decoration: none;}
.ui-widget-header .ucn-header-links a:hover { text-decoration: underline; }


/* HORIZONTAL RULE
/* ------------------ */
hr {
display: block;
position: relative;
padding: 0;
margin: 2px auto;
width: 100%;
clear: both;
border: none;
border-top: 1px solid #f6c98e;
border-bottom: 1px solid #FFF;
font-size: 1px;
line-height: 0;
overflow: visible;
}

/* FOOTER
/* ------------------ */
.cn-footer { height: 10px; background: url(../icons/footer_bg.jpg) repeat-x bottom left; }
.cn-footer .left { background: url(../icons/footer_left2017z.jpg) no-repeat bottom left; float: left; width: 95px; height: 10px; }
.cn-footer .right { background: url(../icons/footer_right.jpg) no-repeat bottom right; float: right; width: 95px; height: 10px; }


.cn-page { background:white; 
				min-height:350px;
}


.cn-col-left {  width: 190px; padding: 0px; padding-left: 10px; vertical-align:top;}
.cn-col-right { padding:0px 10px;  vertical-align:top; }
.cn-col-double { margin:0px 10px; }

/* PAGE TITLE */
/* ------------------ */
.cn-page-title { margin: 0px 0px 0px 0px; }
.cn-col-double .cn-page-title {	margin:0px 0px;}

.cn-page-title .td-left { width: 1px; }
.cn-page-title .td-right { height: 28px; border-bottom: 1px solid #9EC2E5; vertical-align: bottom; }
.cn-page-title .td-title { vertical-align: bottom; padding-bottom:4px;}

#cn-title-buttons-source { display: none; }
#cn-title-buttons { text-align: right; padding-bottom: 9px; }


.cn-page-title .icon-calendar,
.cn-page-title .icon-variations { margin-top:-2px;width: 44px; height: 44px; margin-right: 12px; }
.cn-page-title .icon-variations { background: url(../icons/icon_variations.gif) no-repeat top left; }
.cn-page-title .icon-calendar { background: url(../icons/icon_calendar.gif) no-repeat top left; }
	
.cn-page-title .td-buttons a { border: 1px solid #f0f0f0; width: 40px; height: 40px; margin-left: 4px; display: block; float: right; text-align: center; text-decoration: none; background-repeat: no-repeat; background-position: 50% 50%; }
.cn-page-title .td-buttons a:hover { background-color: #f0f0f0; border: 1px solid #eaeaea; }
.cn-page-title .td-buttons a.btn-save { background-image: url(../icons/btn_save.gif); }
.cn-page-title .td-buttons a.btn-print { background-image: url(../icons/btn_print.gif); }
.cn-page-title .td-buttons a.btn-cancel { background-image: url(../icons/btn_cancel.gif); }

	
.cn-page-top { margin: 10px 0px; }
.cn-col-double .cn-page-top {	margin:10px 10px;}

.cn-page-body { margin: 0px 10px 0px 10px; }



.cn-col-right .cn-page-body { margin: 0px 0px 10px 0px; }


.cn-panel { margin: 10px 0px 0px 0px; }

.cn-meta { width: 700px; float: right; height: 40px; text-align: right; border: 1px solid red; }



/* NAV MENU
/* ------------------ */
.cn-menu {
	min-height:500px;
}
li.title{
	font-family: arial;
	font-size: 16px !important;
	line-height: 34px !important;
	font-weight: bold !important;
	color: #71AC0A;
	height:30px;
}
.subsubmenu li.title { padding-left: 4px; }
#menu {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0;
	top:-10px;
	font: 100%/1 sans-serif;
}
.menuitem { position: absolute;  margin: 0; padding: 0; width: 190px; overflow: hidden; }
#mi01 { left:0 }
#mi02 { left:10em }
#mi03 { left:20em }

.menuitem ul { display: block; margin: 0; padding: 0; list-style-type: none; padding-top:10px; }
.menuitem li { margin:0; padding:0 }
.submenu li { position:relative }

/* 2-class selector to have higher weight than ".menuitem ul" */
.submenu .subsubmenu { position: absolute; top: 0; left: 190px; width: 190px; display: none; border: 1px solid #B1CDE7; border-right: 2px solid #B1CDE7; background: white; z-index: 1000; }

.menuitem:hover { height: 10em; overflow: visible; }


#menu a {
	display: block;
	margin: 0;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #0F5CC3;
	text-decoration: none;
	border-bottom: 1px solid #B1CDE7;
	padding: 7px 0 7px 24px;
	
	height: 12px;
	vertical-align: middle;
	width: auto;
	background: url(../icons/icon_cog.gif) no-repeat 3px 42%;
}
#menu a.haschildren {
	background: url(../icons/icon_cog_children.gif) no-repeat 3px 42%;
}
#menu a:hover { background-color:#f5f5f5 }



/* TABS + PANEL */
	
.cn-tabs {
	font-family: "Lucida Grande", "Tahoma", "Arial", sans-serif;
	border-left: 1px solid #ABB7D4;
	height: 31px;
	border-bottom: 4px solid #ABB7D4;
	border-bottom: 4px solid #E9F1FD;
	margin: 0px 0px 0px 0px;
}
.cn-tabs-bottom { height: 4px; background: #EAF2FD; border: 1px solid #ABB7D4; border-bottom: 0px; display: none; }

.cn-tabs a {
	font-family: "Lucida Grande", "Tahoma", "Arial", sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	border: 1px solid #ABB7D4;
	border-left: 1px solid white;
	background: url(../icons/tab.jpg) repeat-x top left;
	text-decoration: none;
	height: 22px;
	padding: 8px 14px 0px 14px;
	color: #2F71AE;
	float: left;
	z-index: 1000;
	outline:none !important;
}

.cn-tabs a.tab-selected  {
	outline: none !important;
	background: #EAF2FD  url(../icons/tab_on.jpg) repeat-x top left;
}

.cn-tabs a:hover,
.cn-tabs a:active,
.cn-tabs a:focus {
	outline:none !important;
	background: #EAF2FD  url(../icons/tab_hover.jpg) repeat-x top left;
	color: #2F71AE !important;
}
.cn-tabs a.tab-selected  { color: black; height: 22px; border-bottom: none; }
.cn-tab-links {
	background:#E9F1FD !important;
	text-align:left !important;
	padding-left:6px !important;
}
.cn-tab-links a {
	font-size:11px;
	color:#2F71AE;
	text-decoration:none;
}
.cn-tab-links a:hover {
	text-decoration:underline;
}


/* MESSAGES       */
/* ============== */
.cn-messages{
	background: #EAF2FD;
	border: 1px solid #ABB7D4;
	padding: 0px 2px 3px 2px;
	margin-top:10px;
	display: none;
}
.cn-messages .title {
	font-size:11px;
	font-weight:bold;
	padding:4px;
	margin-top:2px;
}
.cn-messages .msg_error,
.cn-messages .msg_information,
.cn-messages .msg_warning,
.cn-messages .msg_success,
.cn-messages .msg_question  {
	font-size:11px;
	padding:4px 4px 4px 25px;
	background-position:4px 55%;
	background-repeat:no-repeat;
	background-color:#F6F9FE;
	border:0px !important;
	margin-top:2px;
}
.cn-messages .msg_error {
	background-image:url(../icons/icon_cross.gif);
}
.cn-messages .msg_information {
	background-image:url(../icons/icon_information.gif);	
}
.cn-messages .msg_warning {
	background-image:url(../icons/icon_warning.gif);	
}
.cn-messages .msg_success {
	background-image:url(../icons/icon_tick.gif);	
}
.cn-messages .msg_question {
	background-image:url(../icons/icon_question.gif);	
}

/* NOTES
/* ------------------ */
.note, .note_heading, .note p, .note li, .note ul, .note ol,
.note2, .note_heading, .note2 p, .note2 li, .note2 ul, .note2 ol   {
	font-weight:normal;
	margin-top:3px;
	margin-bottom:3px;
}
.note {
	padding:9px 10px;
	color:#3E3A30;
	background:#E1DFD2;
	font-size:1.1em;
	line-height:15px;
}

.note_wizard{
        margin-right:0;
        border-top-width:3px;
        border-bottom-width:3px;
        border-left-width:0px;
        border-right-width:0px;
        border-style: double;
        border-color: #ffffff;
        background-color:#d1deef;
        padding:5px 18px;
        font-size:1.15em;
}

.note_heading{
	font-weight:bold;
	margin:0px 0px 12px 0px;
}

.cn-environment {	
	font-size:14px;
	color:red;
	font-weight:bold;
	position:absolute;
	top:6px;
	left:48%;
}


/* RESULTS TABLE                */
/* ============================ */
.table-results {
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	
	width: 100%;
	border-top:1px solid #ABB7D4;
	border-left:1px solid #ABB7D4;		
}
.table-results th,
.table-results td,
.table-results td.label {
	color:black;
	font-size:11px;
   font-family: "Verdana", "Arial", "sans-serif"; 
	font-weight:normal;
	text-align:center;
	border-right:1px solid #ABB7D4;
	border-bottom:1px solid #ABB7D4;	
}

.table-results th {
	background:#f4f4f4 url(../icons/cell_th.jpg) repeat-x right top;
	padding: 5px 4px 5px 4px;
	font-size:10px;
	font-weight:normal;
	vertical-align:middle;
}
.hover, .focus {
	background:#f7f7f7; 
}


.table-results td {
	padding: 5px 4px 5px 4px;
	text-align: center;
	vertical-align: top;
	
}
.table-results td.label {
	padding: .55em 8px .5em 12px;
	background-color: #F2F4F9;
	background-color: #D9E8FB;
	font-weight: normal;
	color: #333;
	vertical-align: top;
	text-align: right;
}
.table-results td.label_wizard {
	padding: .55em 8px .5em 12px;
	background-color: #d1deef;
	font-weight: normal;
	color: #333;
	vertical-align: top;
	text-align: right;
}
.table-results td.cell-ro {
	background-color:#E9F1FD; 
}
.table-results td.cellgroup {
	border-bottom:2px solid #ABB7D4;
	
	
}

.table-results a {
	font-size: 11px;
	color: #3B5998;
}
.table-results th a {
	
	font-size:10px;
}
.table-results  a:focus,a:hover {
	color: #63C20F;
	text-decoration: underline;
}
.compact th,
.compact td {
	padding:2px !important;
	font-size:11px !important;
}



/* DISPLAY-TAG TABLE NAVIGATION */
/* ============================ */
.pagebanner { color: #000000; font-family: verdana; font-size: 1.1em; padding-top: 1px; padding-left: 0px; float: left; margin-top: 8px; }
div.pagelinks { float: right; margin-bottom: 4px; margin-top: 5px; padding: 4px; padding-right: 0px; }
div.pagelinks A,
div.pagelinks A:hover, 
div.pagelinks .pagelinkselected,
div.pagelinks .pagelinkblank { outline: none; background: white; padding: 3px 7px 3px 7px; border: 1px solid #ACB9D5; margin-left: 1px; font-size: 11px; font-weight: normal !important; text-decoration: none; color: #6D84B4 !important; }
div.pagelinks A:hover, 
div.pagelinks .pagelinkselected { background: #6D84B4; border: 1px solid #6D84B4; color: white !important; }
div.pagelinks .pagelinkblank { background: white; border: 1px solid silver; color: silver !important; }
.exportlinks { font-size: 1.2em; margin-top: 8px; }





/* ==================== */
/*         FORMS        */
/* ==================== */

.caption {
	color: #2F71AE;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 4px 0px;
	margin-top: 8px;
}


/* FIELD GROUP */
.group { margin: 0px 0px 10px 0px; padding: 5px; border: 1px solid #B8C8D8; }
.error_group { margin: 0px 0px 10px 0px; padding: 5px; border: 1px solid #ff2400; background-color: #ffe6e1; font-size: 1.2em;}
.warning_group { margin: 0px 0px 0px 0px; padding: 5px; border: 1px solid #f6b35c; background-color: #f6f3d7; font-size: 1.2em;}
.success_group { margin: 0px 0px 0px 0px; padding: 5px; border: 1px solid #8b8f93; background-color: #e2e8f0; font-size: 1.2em;}
/* LABELS */
.label, .simplelabel { padding: .55em 8px .5em 12px; background-color: #F2F4F9; background-color:#D9E8FB;	border-bottom: 1px solid white; font-family: arial; font-weight: bold;  vertical-align: top; text-align: right; }
.label-space { height: 4px; line-height: 1px; padding: 0px; background: white; }
.mandatory { background-image: url(../icons/star.gif); background-repeat: no-repeat; background-position: right 7px; }

/* FIELDS */
.field, .fieldro { font-size: 1.0em; font-weight: normal;  padding: .1em 4px .2em 4px; vertical-align: top; }
.fieldro { padding: .35em 4px .35em 4px; }
.field-group { border-left: 2px solid #8D9FC5; }
.fieldbutton{ padding-top: 10px; padding-left: 4px; }

	
/* FORM ELEMENTS */
input, 
textarea,
select {
	font-size: 1em;
	font-family: "Lucida Grande", "Tahoma", "Arial", sans-serif;
	border: 1px solid #BDC7D8;
	background: white url(../icons/text_bg.jpg) repeat-x left -1px;
	padding: 2px;
}
 .simpletextarea {
 	font-size:12px;
 }
input { margin: 1px 0px 0px 0px; *margin: 0px; font-size: 1em; }
select { padding: 2px; background: #fefefe url(../icons/text_bg.jpg) repeat-x top; margin-top: 1px; }
.checkbox { margin-top: .6em; *margin-top: .2em; }
.radio { margin-top: .6em; *margin-top: .2em; }

.table-form-compact .label {	padding-top:.3em;}
.table-form-compact .fieldro { padding-top:.1em;}

.disabled { border:1px solid #eee; background: #eee !important; }
.readonly { border:1px solid #eee; background: #eee !important; }
.error { border: 1px solid #7F9DB9;background: #F2DAE0 !important; }

textarea.readonly {
	border:1px solid white !important;
	background:white !important;	
}






.cn-legend {
	text-align:right;
	border-top:1px solid #f0f0f0;
	padding-top:5px;
	display:none;
}
.legend .text {
	font-family: arial;
	font-size: 10px;
	padding: 0px 6px 0px 2px;
	color: #333;
	text-align: left;
}
.legend .editable,
.legend .non-editable,
.legend .required,
.legend .locked, 
.legend .error { width: 12px; border:1px solid #ABB7D4 !important;  }
.legend .editable { border:1px solid #ABB7D4 !important; background: white; }
.legend .locked {	background-color:#F0F3F7; /* ll blue */}
.legend .non-editable { background: #E9F1FD; }
.legend .required { background: url(../icons/mandatory.gif) no-repeat top right !important; }
.legend .error { background-color:#FBC3C4; }



.buttonrow,
.buttonrow-bottom,
.buttonrow-top {
	margin-top:10px;
}
.buttonrow-bottom {
	padding:10px 0px;
	text-align:right;
}
.buttonrow-top {
	display:none;
}
.documentId {
	float:left;
	font-size:11px;
	color:#444;
	margin-top:12px;
}

.button {
 	font-family: "Lucida Grande", "Tahoma", "Arial", sans-serif; 
	font-weight:bold;
	margin:0px;
	margin-right:4px;
	border:1px solid #dedede;
	border-right:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;	
	background:#F5F5F5;
	font-size:12px;
	padding:2px 4px 2px 2px;
	color:#2F71AE;
}
.button img {
	width:16px;
	height:16px;
	border:0px;
	margin:0px 8px 0px 0px;
}
button {
	background-repeat:no-repeat;
	background-position:top left;
}
.button:hover,
.button:focus,
.button:active {
	background:#E9EFD1;
	border:1px solid #AACF81;
	background-color:#DBECCA !important;
}


/*      TOOLTIPS      */
/* ================== */
a.tooltip { color: blue !important; font-weight: normal; font-size: 1em; text-decoration: none; }
#tooltip { }
#tooltip .arrow{ margin-top: -1px; height: 14px; width: 180px; background: url(../icons/tooltip_pointer.gif) no-repeat 90% bottom; }
#tooltip .text { padding: 5px; border: 1px solid #ABB7D4; color: black; background: white; font-size: 1.1em; }
#tooltip .text ul,
#tooltip .text ol { text-align: left; margin: 5px 0px 0px 15px; }
.tip-anchor { padding-bottom: 1px; border-bottom: 1px solid #3B5998; color: #3B5998; cursor: default; font-weight: normal; }
.tooltipcontrol { display: none; }


/*      MISC      */
/* ============== */
.cursor-default {
	cursor:default;
}

/* Start: resultsnav */
div.resultsnav {
  width: 100%;
  text-align: center;
  margin: 0; 
  padding: 0;
  border: 0px solid #ff9933;
}
div.resultsnav ul {
  list-style-type: none;
  margin: 0; 
  padding: 0;
  border: 0px solid #339933; 
}
div.resultsnav ul li {
  display: inline; 
  margin: 0 2px; 
  padding: 0;
  border: 0px solid #9900cc; 
}
div.resultsnav ul li a {
  background-color: #ffffff;  
	color: #3366cc;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: small;
  text-align: center;
  margin: 0; 
  padding: 0;
  text-decoration: none;
}
div.resultsnav ul li a:hover {
  background-color: #ffffff;
	color: #cc0000;
  text-decoration: underline;
}
/* End: resultsnav */