/* Default styles */

* {
  font-family: Tahoma,Arial,Sans-Serif;
  font-size: 1em;
  text-decoration: none; 
}

body {
    font-family:        Tahoma,Arial,Sans-Serif;
    font-size:          0.8em;
    background-color:   #FFFFFF;
    margin:             0px;
}

hr {
    color:              #BEBED1;
    background-color:   #BEBED1;
    height:             1px;
}

hr.title {
    color:              #636384;
    background-color:   #636384;
    width:              100%;
}

a {
    color:              #000000;
    text-decoration:    none;
}

a:hover {
    text-decoration:    underline;
}

/* CAF Required styles */
.actionSetDivider {
    vertical-align:     middle;
    font-weight:        bold;
    text-align:         left;
}

.actionSetDivider a {
    text-decoration:    none;
    border-bottom:      none;
    color:				#264A8C;
}

.actionSetDivider img {
    text-align:         center;
}

.actionSetDivider td {
    padding-left:            2px;
    padding-right:           2px;
    padding-top:             2px;
    padding-bottom:          0px;
}

.heading1 {
    font-weight:        bold;
}

.heading2 {
    font-weight:        bold;
    font-style:         italic;
}

.heading3 {
    font-weight:        bold;
}

.heading4 {
    font-weight:        bold;
    font-style:         italic;
}

a.heading1 {
    font-weight:        bold;
    color:              #006699;
}

/* These table styles are for use in layout, not for tabular data (like URE) */
.layoutTable {
    text-align:         left;
}

.layoutRow {
    text-align:         left;
}

.layoutCell {
    padding:            2px;
    text-align:         left;
}

.label {
    text-align:         right;
}

/* These table styles are for use with tabular data (like URE) */
.table {
    text-align:         left;
    border-top:         1px solid #CACAD9;
    border-bottom:      1px solid #CACAD9;
    border-left:        1px solid #CACAD9;
    border-right:       1px solid #CACAD9;
}

.row, .row a {
    color:              #000000;
    background-color:   #FFFFFF;
}

.alternateRow, .alternateRow a {
    color:              #000000;
    background-color:   #F6F6F6;
}

.row a:hover, .alternateRow a:hover, .selectedFocusedRow a:hover, .selectedUnfocusedRow a:hover {
    text-decoration:    underline;
}

.cell {
    text-align:			left;
    padding:            2px 8px;
    border-right:       1px solid #CACAD9;
}

.cell a {
    color:              #006699;
}

.headingRow1, .headingRow1 a {
    font-weight:        bold;
    text-align:         left;
    background-color:	#DEE5EE;
}

.headingRow2, .headingRow2 a {
    font-weight:        bold;
    font-style:         italic;
}

.headingRow3 {
    font-weight:        bold;
}

.headingRow4 {
    font-weight:        bold;
    font-style:         italic;
}

.headingRowCell {
    padding-left:       0.5em;
    padding-right:      0.5em;
    vertical-align:     middle;
    text-align:         left;
    white-space:        nowrap;
    border-bottom:      1px solid #CACAD9;
    border-right:       1px solid #CACAD9;
    white-space:        nowrap;
    font-weight:        bold;
    font-size:          0.85em;
    height:             1.6em;
}

.headingRowCell a {
    vertical-align:     middle;
    text-decoration:    none;
}

.headingRowCell a:hover {
    text-decoration:    underline;
}

.headingRowCell a img {
    vertical-align:     bottom;
}

.selectedFocusedRow, .selectedFocusedRow a {
    color:              white;
    background-color:   #2266CC;
}

.selectedUnfocusedRow, .selectedUnfocusedRow a {
    color:              black;
    background-color:   #EEEEDD;
}

.inputTextBox {
    border:             1px solid #636384;
    padding-left:            2px;
    padding-right:           2px;
}

.selectListBox {
    width:              200px; /* default width */
}

.selectListBoxAutoWidth {
    width:              auto;
}

.inputButton {
}

.wideInputButton {
    border-bottom:         1px solid #111111;
    border-right:          1px solid #111111;
    border-top:            1px solid #FFFFFF;
    border-left:           1px solid #FFFFFF;
    width:                 48px;
    text-align:            center;
    vertical-align:        middle;
}

/* InfoView banners */
.bannerCustomLeft {
    height:             48px;
    color:              #FFFFFF;
    background-color:   #000000;
    padding:            0px 0px 0px 0px;
}

.bannerCustomRight {
    height:             48px;
    color:              #FFFFFF;
    background-color:   #000000;
    text-align:         right;
    padding-right:      10px;
}

.bannerLogo {
    height:             48px;
    width:              418px;
    background-repeat:  no-repeat;
    padding:            0px 0px 0px 0px;
}




.bannerLeft {
    height:             48px;
    background-repeat:  repeat-x;
}

.bannerUserName {
    font-weight:        bold;
}

.bannerCenter {
    height:             48px;
    background-repeat:  repeat-x;
}

.bannerRight {
    height:             48px;     
    text-align:         right;
    background-repeat:  repeat-x;
}

/* InfoView homepage */
.homepage {
}

a.homepage {
    color:              #006699;
    text-decoration:    none;
}

a.homepage:hover {
    text-decoration:    underline;
}

td.homepageLinks {
    background-color:   #F6F6FB;
}

/* === BUTTON PANEL begin === */

#buttonPanelSpacer {
    height:             35px;
}

#buttonPanel {
    background-color:   #F6F6FB;
    padding:            5px 10px 10px 10px;
    filter:             alpha(opacity=90);
    opacity:            0.9;
    z-index:            100;
    border-top:         1px solid #666666;
    text-align:         right;
}

/* Postion:fixed for other than IE 6  */
#buttonPanelWrapper > #buttonPanel {
    height:             20px;
    position:           fixed;
    bottom:             0px;
    left:               0px;
    right:              0px;
}

/* IE 6 postion:fixed hack */
*html,* html body {
/* TODO: Find a better position:fixed ie6 hack or remove ie6 support
This is hard coded as blank produces 404's and about:blank is an non-secured link when in secured (SSL) mode and will produce an error. 
This is known to produce 404's(hidden) in a reverse proxy environment but is the best fix for this ie6 hack currently */ 
    background:          #fff url(/InfoViewApp/jsp/listing/blank.jsp) fixed;
}

/* IE 6 postion:fixed hack */
*html #buttonPanel {
    height:              35px;  /* note: slightly higher than non-ie, because of hidden iframe */
    position:            absolute;
    width:               expression( ( ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( tempWidth = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px');
    left:                expression( ( - buttonPanel.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( tempLeft = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                 expression( ( - buttonPanel.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( tempTop = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    overflow:            hidden; /*must have*/
}

/* IE 6 select panel not respecting z-index hack */
/* TODO: get rid of hard-coded "300" to cover button width */
*html #buttonPanel iframe
{
    position:            absolute; /*must have*/
    top:                 0; /*must have*/
    left:                0; /*must have*/
    z-index:             -1; /*must have*/
    filter:              mask(); /*must have*/
    width:               3000px; /* make the iframe have a very large area so that no select elements peek through */
    height:              3000px;
}

/* allow inputs in the button bar to show up in IE6. Some weird opacity inheritance along with invalid width and height */
/* settings resulted in lack of display of the buttons - both are fixed now */
*html #buttonPanel input {
    filter: alpha( opacity=100 );
}
/* === BUTTON PANEL end === */

.disabled {
    color:              #CCCCCC;
}

/* Error */
.error {
    font-weight:        bold;
    color:              #FF0000;
}

.separator {
    width:              100%;
    border-bottom:      1px solid #A5B7D2;
}

/* InfoView panels */
.panelToolbar {
    height:             26px;
}

.panelFrame {
    border:             1px solid #636384;
}

.panelTitlebar {
    background-color:   #9FB5DE;
    background-repeat:  repeat-x;
    height:             18px;
}
.panelFooterbar {
    background-color:   #DDE8FC;
    background-repeat:  repeat-x;
    height:             18px;
}

.panelText {
    color:              #375487;
    font-weight:        bold;
}
a.panelText {
    color:              #375487;
    font-weight:        normal;
    vertical-align:     middle;
}
a.panelText:hover {
    color:              #375487;
}

.homePageHeaderBar {
	vertical-align:		top;    
}

.homePageHeaderTitleRight {
    font-size:          2.0em;
    color:              #000000;
    vertical-align:     top;
    text-align:         right;
    padding-right:      30px;

}

.homePageHeaderTitle {
    font-size:          1.1em;
    font-weight:        bold;
    color:              #000000;
    vertical-align:     bottom; 
}

#inWorkspaceHeaderTitle {
    font-family:        Tahoma,Arial,Sans-Serif;
    font-size:          0.7em;
    font-weight:        bold;
    color:              #375487;
}

/* logon page */

td.centered {
    text-align:center;
    vertical-align:middle;
}

table.centeredPanel {
    border: 1px solid #636384;
    width: 100%;
    padding: 0;
    margin: 0;
}

td.bannerGreeting {
    background-color: #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 10px;
    text-align: center;
    font-size: 1.2em;
    color: #000000;
    font-weight: bolder;
}

div.logonContainer {
	width: 				626px; 
	border: 			1px solid #96A8C3; 
	margin:				75px auto auto auto;	
}

img.logonBannerLogo {
	float: 				right;
	margin-right: 		50px;
	margin-bottom: 	    15px;
	margin-top:         19px;
}

div.logonSection {
	width: 				626px; 
	margin:				0px auto;
	text-align:			left; 
	padding-top:		1em;
	height: 			2.5em;
}

div.logonTitleBar {
	float: 				left; 
	width: 				75%; 
	padding-left:		30px; 
	font-family: 		Arial;
	font-size: 			1.25em;
	font-weight: 		bold;
	color:				#6A6A6A;
}
	
div.logonHelpBar {
	float: 				right;
	border-left: 		1px solid #96A8C3; 
	padding-left: 		1em;
	padding-right: 		1em;
	width:				auto;
	text-align:			center;
	vertical-align:		bottom;
}

.helpLink {
	font-family: 		Tahoma; 
	font-size: 			.85em; 
	color:				#006699;
}
div.logonIFrame {
	clear:				both;
	text-align:			center;
	border-top: 		1px solid #ACC1E0;
	border-bottom: 		1px solid #ACC1E0;
	width:				98%; 
	margin: 			0px auto 2em auto;
}


td.logonSection {
    text-align: center;
    width: 100%;
}

.resizeBar {
	background-color: #e4e4ec;
}

.listTable {
	table-layout: fixed;
	word-wrap: normal;
}

/* Most browsers set the h4 margin as "margin: 1.33em 0". We need to override it so that the looks are the same as before.*/
h4 {
    font-weight: bold;
    margin: 0;
}

/* For 508 compliance purposes. Invisible on the screen but accessible by screen readers */
.offScreen {
    position: absolute;
    left: -999em;
    top: -999em;
}

/* For 508 compliance purposes. Borderless fieldsets are used for better usability */
.noStyleFieldset	{
	margin: 0; 
	padding: 0; 
	border: 0 solid transparent;
}

/* IE renders legend as blue color by default, therefore the color is reset to black here. */
.noStyleFieldset legend	{
	color: #000;
}

/* Logon specific styling */
.logon_body{
	background-color:#ffffff;
}

.logon_firstInstruction{
	font-family:Tahoma;
	font-size:.85em;
	font-weight:bold;		
}		
.logon_secondInstruction{
	font-family:Tahoma;
	font-size:.85em;
}
.logon_input{
	text-align:right;
	position:relative;
	right:100px;			
	padding-bottom:10px;
}	

.logon_input_label{
	font-family:Tahoma;
	font-size:.85em;
}	

.logonTextBox{
	width:				200px;
}

.logonSelectBox{
	width:				207px;
}

.logon_credentials{
	padding:15px;
}
.logon_table{
	padding:25px;		 	
  	border:1px solid #CACAD9;
  	background-color:#F5F5F5;    		
}
.logon_button_pos{
	text-align:right;    		
	padding-top:15px;
	position:relative;  
	right:126px;	  		
}