html {
	height: 100%;	
}

body {
    padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	text-align:center;
	font-size:10pt;
    font-family:sans-serif,Verdana,Helvetica,Arial;
    height: 100%;
}

a:link { color:#000000}
a:visited { color:#000000}

form {
	margin:0;
}


h1  {
	font-size:12pt;
        font-family:sans-serif,Verdana,Helvetica,arial;
        color:#000000;
        text-align:center;
        position:relative;
        margin-left:auto;
        margin-right:auto;
	font-weight: bold
}

h2  {
	font-size:11pt;
        font-family:sans-serif,Verdana,Helvetica,arial;
        color:#000000;
        text-align:center;
}

img {
	border: #FFFFFF 0px solid;
	vertical-align:middle;
}

input {
	font-size:10pt;
        font-family:sans-serif,Verdana,Helvetica,arial;
}

#container  {
	width:100%;
	height:100%;
        margin:0px;
	text-align:center;
}

.wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	border: 0;
	margin: 0 0 -40px; /* the bottom margin is the negative value of the footer's height */
	text-align:right;
}

#header  {
	background-color:#003366;
    height:50px;
    text-align:right;
    vertical-align:bottom;
	color: #FFFFFF;
	font-weight: bold;
	background-image:url(../images/heading.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#content_area  {
	
	width:800px;
    font-family:sans-serif,Verdana,Helvetica,arial;
	font-size:11pt;
    color:#003366;
    vertical-align:top;
	width:auto;
	padding:10px;
	text-align:center;
}

#navigator  {
    font-family:sans-serif,Verdana,Helvetica,arial;
	font-size:11pt;
	vertical-align:top;
}

#footer  {
	background-color:#FFCC99;
        font-family:sans-serif,Verdana,Helvetica,arial;
        color:#000000;
        height:40px;
	/*border: #DDDDDD 1px solid;*/
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.about {
	font-size:6pt;
        color:#FFFFFF;
        font-family:sans-serif,Verdana,Helvetica,arial;
	text-align: right;
	padding-right: 30px;
}

.table_container {
  position:relative;
}

.header_cell  {
	font-size:10pt;
	font-weight:normal;
        color:#FFFFFF;
        font-family:sans-serif,Verdana,Helvetica,arial;
	text-align:left;
	padding:2px;
}
.header_cell  a{
        color:#FFFFFF;
        text-decoration:underline;
}
.header_cell  a:visited{
        color:#FFFFFF;
        text-decoration:underline;
}

#inner_content_container {
}

#menu  {
	height:30px;
}

#innercontent {
	height:100%;
	/*
	border-bottom:1px solid #C0C0FF;
	border-left:1px solid #C0C0FF;
	border-right:1px solid #C0C0FF;
	border-right: #003366 1px solid;
	border-left: #003366 1px solid;
	border-bottom: #003366 1px solid;
	*/
}

.inner_content {
        padding:5px;
        min-height: 100%;
		height: auto !important;
		height: 100%;
	/*height:425px;*/
        /*
        margin-left:auto;
        margin-right:auto;
	border-bottom:1px solid #C0C0FF;
	border-left:1px solid #C0C0FF;
	border-right:1px solid #C0C0FF;
	*/
}

.user_header  {
	background-color:#F7F7F7;
	font-size:10pt;
        padding:3px;
	border:1px solid #C0C0FF;
	text-align:center;
	font-weight:bold;
	width:450px;
        margin-left:auto;
        margin-right:auto;
}

.nav_header  {
	background-color:#DDDDDD;
        font-family:sans-serif,Verdana,Helvetica,arial;
        color:#003366;
	text-align:left;
	font-weight:bold;
	border-bottom: #003366 1px solid;
        padding-left:17px;
	background-image:url(../images/navigate_down.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	cursor: pointer;
}

.nav_header_inactive  {
	background-color:#DDDDDD;
        font-family:sans-serif,Verdana,Helvetica,arial;
        color:#003366;
	text-align:left;
	font-weight:bold;
	border-bottom: #003366 1px solid;
        padding-left:17px;
	background-image:url(../images/navigate_right.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	cursor: pointer;
}

.nav_header_disabled  {
       background-color:#DDDDDD;
        font-family:sans-serif,Verdana,Arial,Helvetica;
        color:#A6A6A6;
       text-align:left;
       font-weight:bold;
       border-bottom: #003366 1px solid;
        padding-left:17px;
       background-image:url(../images/navigate_right.gif);
       background-repeat:no-repeat;
       background-position:0px 0px;
       cursor: pointer;
}


.page_navigation {
	font-family:sans-serif,Verdana,Helvetica,arial;
	color:#003366;
	text-align:left;
	padding:8px;
	padding-left:30px;
	text-align:center;
}

.bullet {
}

.cell_message_header  {
	height:30px;
	background-color:#F7F7F7;
	font-size:10pt;
        padding:3px;
	border:1px solid #C0C0FF;
	border-spacing:0px;
	text-align:center;
	font-weight:bold;
}

.cell_message_info  {
	background-color:#E8EFEA;
	font-size:10pt;
        padding:4px;
	border:1px solid #C0C0FF;
	border-spacing:0px;
	text-align:center;
}

.note {
	background-color: #FFFFA0;
	padding: 5px;	
}

.table_list  {
	background-color:#F7F7F7;
	border-collapse:collapse;
	empty-cells:show;
        position:relative;
        margin-left:auto;
        margin-right:auto;
}

.table_list_row  {
	background-color:#FFFFFF;
}

.table_list_row_pri  {
	background-color:#FFFFFF;
}

.table_list_row_alt  {
	background-color:#E8EFEA;
}

.table_list_row_fab_pri {
	background-color:#FFFFFF;
}

.table_list_row_fab_alt {
	background-color:#E8EFEA;
}

.table_list_row_comp_time {
	background-color:#E8EFEA;
}

.table_list_row_overtime {
	background-color: #E8EFEA;	
}

.table_list_row_deleted  {
	background-color:#FFA5A5;
}

.table_list_row_superseded  {
	background-color:#EFEF00;
}

.table_list_cell  {
	font-size:10pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:center;
}

.table_list_cell_rj  {
	font-size:10pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:right;
}

.table_list_cell_lj  {
	font-size:10pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:left;
}

.table_list_cell_cj  {
	font-size:10pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:center;
}

.table_list_cell_rj_sum  {
	font-size:10pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:right;
	font-weight: bold;
}

.table_list_cell_lj_sum  {
	font-size:10pt;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:left;
	font-weight: bold;
	text-decoration: underline;
}

.table_list_cell_blue  {
	background-color:#DDDDFF;
	font-size:10pt;
	width:40px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:center;
}

.table_list_cell_yellow  {
	background-color:#FFFFDD;
	font-size:10pt;
	width:40px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:center;
}

.table_list_cell_warning  {
	background-color:#FFDDDD;
	font-size:10pt;
	width:40px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:center;
}

.table_list_cell_ok  {
	background-color:#DDFFDD;
	font-size:10pt;
	width:40px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:center;
}

.table_list_cell_grey  {
	font-size:10pt;
	color: #AAAAAA;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:center;
}

.table_list_cell_sm  {
	font-size:7pt;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:5px;
        padding-right:5px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:center;
}

.table_list_header  {
	background-color:#F7F7F7;
	font-size:11pt;
        padding:3px;
	border:1px solid #C0C0FF;
	border-spacing:0px;
	text-align:center;
	font-weight:bold;
}

.table_list_header a { text-decoration:underline; }

.table_list_header a:visited { text-decoration:underline; }

.table_list_header_sm  {
	background-color:#F7F7F7;
	font-size:7pt;
        padding:2px;
	border:1px solid #C0C0FF;
	border-spacing:0px;
	text-align:center;
	font-weight:bold;
}

.table_list_cell_button {
	background-color:#FFFFFF;
	font-size:10pt;
        padding:3px;
	border-top: 0px;      
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-spacing:0px;
	text-align:center;
	font-weight:bold;
	white-space:nowrap;
}
.table_list_cell_button_header {
	background-color: #3f51B5;
    color:#FFFFFF;
	font-size:10pt;
        padding:3px;
	border-top: 0px;      
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-spacing:0px;
	text-align:center;
	font-weight:bold;
	white-space:nowrap;
}

.table_list_cell_noformat_rj {
	background-color:#FFFFFF;
	font-size:10pt;
        padding:3px;
	border-top: 0px;      
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-spacing:0px;
	text-align:right;
	white-space:nowrap;
}

.table_list_cell_noformat_lj {
	background-color:#FFFFFF;
	font-size:10pt;
        padding:3px;
	border-top: 0px;      
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-spacing:0px;
	text-align:left;
	white-space:nowrap;
}

/** Struts 2 Table List Styles **/
.table_list_form table  {
	background-color:#F7F7F7;
	border-collapse:collapse;
	empty-cells:show;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}

.table_list_form tr  {
	background-color:#FFFFFF;
}

.table_list_form td  {
	font-size:10pt;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
	border:1px solid #DDDDDD;
	border-spacing:0px;
	text-align:left;
}

.table_list_form .tdLabel  {
	text-align:right; /* Override general td spec **/
}

/** Duplicate of above to override td selector above TODO: change struts 2 tags to have more style control**/
.table_list_form .table_list_header  {
	background-color:#F7F7F7;
    padding:3px;
	border:1px solid #C0C0FF;
	border-spacing:0px;
	text-align:center;
	font-weight:bold;
}



.tab_table  {
	background-color:#F7F7F7;
	width:100%;
        margin-top:0px;
	empty-cells:show;
	border-spacing:0px;
	position:relative;
	top:0px;
	font-size: 10pt;
	font-weight: bold;
}

.tab_row  {
	background-color:#F7F7F7;
}

.tab_cell  {
	background-color:#F0F0F0;
	width:125px;
	height:30px;
	text-align:center;
	border-spacing:0px;
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #EEEEEE;
}

.tab_cell_active  {
	background-color:#6699CC;
	width:125px;
	height:30px;
	text-align:center;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #EEEEEE;
	/*
	border-bottom: #003366 1px solid;
	*/
}

.tab_cell_selected  {
	background-color:#6699CC;
	width:125px;
	height:30px;
	text-align:center;
	color:#FFFFFF;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #EEEEEE;
}

.tab_cell_selected a{
	color: #FFFFFF;
	text-decoration: none
}

.tab_cell_spacer  {
	background-color:#FFFFFF;
	height:30px;
	width:auto;
	border-bottom:1px solid #DDDDDD;
}

.button {
	font-weight:bold;
	background-color:#F0F0F0;
    margin:2px;
    padding:2px;
	border:1px solid #AAAAAA;
}

.button_disabled{
	font-weight:bold;
	background-color:#F0F0F0;
	color:#CCD1CB;
    margin:2px;
    padding:2px;
	border:1px solid #AAAAAA;
}

.button:hover {
	cursor: pointer;
	background-color:#6699CC;
    margin:2px;
    padding:2px;
	border:1px solid #AAAAAA;
}

.button a{
	font-weight: bold;
	text-decoration: none
}

.button_active {
	background-color:#6699CC;
        margin:2px;
        padding:2px;
	border:1px solid #AAAAAA;
	/*color: #FFFFFF;*/
}


.button_active a{
	font-weight: bold;
	text-decoration: none
}
.page_header {
	background-color:#6699CC;
	color: #FFFFFF;
	/*width:100%;*/
	font-size:12pt;
	font-weight:bold;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #EEEEEE;
        padding:5px;
}

.cal_head {
	position:absolute;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:3;
	text-align: left;
	vertical-align: middle;
	padding-top: 2px;
	padding-left: 5px;
	font-weight: bold;
	color: #888888;
	border: 1px solid #C0C0FF;
	background-color: #DDDDDD;
	layer-background-color: #DDDDDD;
}

.cell_noncurrent {
	position:absolute;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:2;
	padding: 3px;
	text-align: right;
	background-color: #F0F0F0;
	layer-background-color: #F0F0F0;
	font-size: 11px;
	color: #AAAAAA;
	font-weight: bold;
	border: 1px solid #AAAAAA;
}

.cell_current {
	position:absolute;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:2;
	padding: 3px;
	text-align: right;
	background-color: White;
	layer-background-color: White;
	font-size: 11px;
	color: #AAAAAA;
	font-weight: bold;
	border: 1px solid #AAAAAA;
}

.entry_orange {
	position:absolute;
	background-color: #FFC999;
	layer-background-color: #FFC999;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border: 1px solid #FF7700;
	font-size: 10px;
	text-align: left;
	padding-left: 1px;
	padding-top: 1px;
	overflow: hidden;
}

.entry_red {
	position:absolute;
	background-color: #FFB2B6;
	layer-background-color: #FFB2B6;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border: 1px solid #E20A16;
	font-size: 10px;
	text-align: left;
	padding-left: 1px;
	padding-top: 1px;
	overflow: hidden;
}

.entry_green {
	position:absolute;
	background-color: #80FFBB;
	layer-background-color: #80FFBB;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border: 1px solid #00A94E;
	font-size: 10px;
	text-align: left;
	padding-left: 1px;
	padding-top: 1px;
	overflow: hidden;
}

.error {
    background-color:#FFDDDD;
    margin:3pt;
    line-height: 16pt;
    padding:3pt;
}

.warning {
    background-color:#CCCC99;
    margin:3pt;
    line-height: 16pt;
    padding:3pt;
}

.message {
    background-color:#F7F7F7;
    margin:3pt;
    line-height: 16pt;
    padding:3pt;
}

/* styles for tooltips. usage: <span class="info">normal text<span>tooltip text</span></span> */
a.info{
    position:relative; /*this is the key*/
    z-index:2048;
    color:#000000;
    text-decoration:none}

a.info:hover{
	z-index:2049;
	background-color:#F7F7F7;
}

/* This now comes directly from the tooltip.js
.tooltip {
	display:block;
	visibility: hidden;
	position: absolute;
	z-index:2049;
	width: 400px;
	border:1px solid #C0C0FF;
	background-color:#F7F7F7;
	color:#000000;
	text-align: left;
	margin: 0px;
}
*/

.tooltip_data_container {
	display:none;
}

a.alert{
    position:relative; /*this is the key*/
    z-index:2048;
    color:#000000;
    text-decoration:none}

a.alert:hover{
	z-index:2049;
	background-color:#F7F7F7;
}

/* This now comes directly from the tooltip.js
.alert_tooltip {
	display:block;
	visibility: hidden;
	position: absolute;
	z-index:2049;
	top:0px; left:0px; width: 400px;
	border:1px solid #FFB0B0;
	background-color:#FFDDDD;
	color:#000000;
	text-align: left
}
*/

.errorMessage{
	color:red;
	font-style: italic;
}

/** Calendar **/

div.schedule-detailed-evolution .entry, div.schedule-detailed-evolution div.entry-selected {
	background-color:#FFFFFF;
	border-width:2px;
}

div.schedule-detailed-evolution .entry:hover{
	cursor:pointer;
}

div.schedule-detailed-evolution div.entry-selected .pending{
	width:100%;
	height:100%;
	background-color:#ffc999;
}

div.schedule-detailed-evolution div.entry-selected .approved{
	width:100%;
	height:100%;
	background-color:#80ffbb;
}

div.schedule-detailed-evolution div.entry-selected .declined{
	width:100%;
	height:100%;
	background-color:#E8E8E8;
}

div.schedule-detailed-evolution div.entry-selected .transferred{
	width:100%;
	height:100%;
	background-color:#FFFF7A;
}

div.schedule-detailed-evolution div.entry-selected .processed{
	width:100%;
	height:100%;
	background-color:#7000E0;
}

div.schedule-compact-evolution td.content td .pending {
	border:2px solid #ffc999;
}

div.schedule-compact-evolution td.content td .approved {
	border:2px solid #80ffbb;
}

div.schedule-compact-evolution td.content td .declined {
	border:2px solid #E8E8E8;
}

div.schedule-compact-evolution td.content td .transferred {
	border:2px solid #FFFF7A;
}

div.schedule-compact-evolution td.content td .processed {
	border:2px solid #7000E0;
}
.filtered  {
	color: #757575;
}
.active_filters  {
	color: green;
}
