/* Computer Guidance Corporation - Main Stylesheet */
/* Review CSS documentation for complete overview */
/* 
CSS FILE CONTENTS
----------------------------------
=STANDARD (HTML TAGS)
=AUTO SCROLL (PREVENTS CONTENT FROM SCROLLING BELOW THE FOOTER BAR)
=ALIGNMENT
=FONTS (CUSTOM FONT PROPERTIES)
=JSF (JSF & FORM COMPONENTS)
=CONTAINER (LAYOUT CONTAINERS)
=PAGE UP/DOWN

--------------------------------- */

/* =STANDARD
--------------------------------- */
@font-face {
  font-family:Segoe UI;
  src:url('../../images/fonts/segoeui.eot');
}
@font-face {
 	font-family:Segoe UIB;
 	src:url('../../images/fonts/segoeuib.eot');
}
* {
margin: 0;
}

* html, body
{
margin:0;
padding:0;
font:normal 8pt Segoe UI, Tahoma, Verdana, Arial, sans-serif;
color:#333;
background-color:#e8e8e8;
height:100%; 
max-height:100%; 
border:0; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

/* =AUTO SCROLL
--------------------------------- */
#header {
position:absolute; 
top:0; 
width:100%; 
min-width:100%; 
height:62px; 
z-index:0; 
}

* html #header {
top:0; width:100%; height:62px;
}

#header_eCMS {
margin:0;
padding:0;
display:block;
height:36px;
background: url('bg_header.jpg') repeat-x left center;
border-top:1px solid #808080;
border-bottom:1px solid #808080;
}

.logo_eCMS {
margin:0 0 0 10px;
padding:0;
display:block;
height:36px;
background: url('logo_eCMS.png') no-repeat left center;
}

.company_name {
margin:0 0 0 89px;
padding:12px 0 0 0;
display:block;
height:18px;
width:290px;
float:left;
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color: #333;
}

.button_icon {
margin:0 1px 0 0;
padding:0;
}

.buttons_header {
margin:5px 10px 0 0;
text-align:right;
padding:0;
display:block;
width:550px;
height:30px;
float:right;
border:0 solid #f00 !important;
}

#content {
display:block; 
overflow:auto; 
position:absolute; 
/*z-index:-100;*/ 
top:62px; 
bottom:24px; 
width:100%;
}

#content img {
vertical-align:middle;
}

* html #content {
top:0; 
bottom:0; 
height:100%;
width:100%;
border-top:62px solid #e8e8e8; 
border-bottom:24px solid #e8e8e8;
}

#footer {
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
position:absolute; 
bottom:0; 
width:100%; 
min-width:100%; 
height:24px; 
z-index:0; 
padding:2.5px;
text-align:right;
margin-right:155px;
background: #d6d6d6;
border-top: 1px solid #fff;
border-bottom: 1px solid #808080;
}

* html #footer {
bottom:2px; width:100%; height:22px;
}

#prefooter {
position: absolute;
bottom:4px;
}

#page-scroll {
position:absolute;
bottom:2px;
right:0px;
width:150px; 
min-width:100%; 
height:24px; 
z-index:50; 
padding:2.5px;
text-align:center;
border:0 solid #f00;
}

#dt-rows-per-page {
position:absolute;
bottom:3px;
left:0px;
width:150px; 
min-width:100%; 
height:24px; 
z-index:50; 
padding:2.5px 5.5px;
text-align:left;
border:0 solid #f00;
}

#page-scroll-right {
position:relative;
width:100%; 
min-width:100%; 
height:24px; 
z-index:50;
text-align:right;
}

/* =ALIGNMENT
--------------------------------- */
.align-left {
text-align:left;
}

.align-center {
text-align:center;
}

.align-right {
text-align:right;
}

.align-top {
vertical-align:top;
}

.align-middle {
vertical-align:middle;
}

/* =FONTS
--------------------------------- */
span {
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color: #333;
}

.font-normal {
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color: #333;
}

.font-bold {
font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
color: #333;
}

.font-green {
font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
color: green;	
}

.font-red {
font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
color: red;	
}
/* =JSF
--------------------------------- */
form, fieldset, label, input, .checkbox, textarea, select, option, form div {
margin: 0;
padding: 0;
}
label{
font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
color: #333;
}
fieldset {
margin: 1em 0;
padding: 1em;
border: 1px solid #999;
}

legend {
font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
margin: 0 2% .5em 0;
padding: .2em .5em;
}

img, #header input {
vertical-align:middle;
border:0;
}

#content input {
vertical-align:middle;
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
font-size:8pt;
color: #333;
border:1px solid #808080;
}

input, textarea, select {
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
font-size:8pt;
color: #333;
background-color: #fff;
border:1px solid #808080 !important;
}

option {
float: none;
clear: both;
margin-right: 2em;
}

.check-box {
margin:0 !important;
padding:0 !important;
overflow:hidden;
border:0 solid #fff !important;
background:transparent !important;
}
.dropdown {
border:1px solid #808080 !important;
}
input.radio, input.checkbox, .radio { 
margin-right: .5em;
background:transparent;
}

.radio input {
	border:0 !important;
	background:transparent !important;
}

/* padding for text inputs and selects */
input, textarea, select {
padding: .2em;
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color: #333;
}

#footer input, #container-tab input, #container-tab-row2 input, #container-tab-row3 input, #container-tab-row4 input {
cursor: pointer;
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color: #333;
background: url(button_109.jpg) no-repeat left center;
/* background: url(../images/tab-bg.png) no-repeat left center; */
border:0 !important;
width: 109px;
height: 19px;
text-align: center;
}

.page-up { 
cursor: pointer;
font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
color: #333;
background: url(../images/button_pageUp.jpg) no-repeat left center;
border: 0 solid #fff !important;
width: 33px;
height: 19px;
text-align: center;
z-index:100;
}

.page-down { 
cursor: pointer;
font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
color: #333;
background: url(../images/button_pageDown.jpg) no-repeat left center;
border: 0 solid #fff !important;
width: 33px;
height: 19px;
text-align: center;
z-index:100;
}

.page-first { 
cursor: pointer;
font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
color: #333;
background: url(../images/button_pageStart.jpg) no-repeat left center;
border: 0 solid #fff !important;
width: 33px;
height: 19px;
text-align: center;
z-index:100;
}

.page-last { 
cursor: pointer;
font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
color: #333;
background: url(../images/button_pageEnd.jpg) no-repeat left center;
border: 0 solid #fff !important;
width: 33px;
height: 19px;
text-align: center;
z-index:100;
}

.scroll-up { 
cursor: pointer;
font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
color: #333;
background: url(../images/button_pageUp.jpg) no-repeat left center;
border: 0 solid #fff !important;
width: 33px;
height: 19px;
text-align: center;
z-index:100;
}

.scroll-down { 
cursor: pointer;
font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
color: #333;
background: url(../images/button_pageDown.jpg) no-repeat left center;
border: 0 solid #fff !important;
width: 33px;
height: 19px;
text-align: center;
z-index:100;
}

.content-button input {
cursor: pointer;
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color: #333;
background: url(button_109.jpg) no-repeat left center;
border: 0 solid #fff !important;
width: 110px;
height: 20px;
text-align: center;
}

.content-button-light input, .content-buttons {
cursor: pointer;
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color: #333;
background: url(button_109.jpg) no-repeat left center;
border: 0 solid #fff !important;
width: 110px;
height: 20px;
text-align: center;
}

.largecontent-buttons {
cursor: pointer;
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color: #333;
background: url(button_109.jpg) no-repeat left center;
border: 0 solid #fff !important;
width: 140px;
height: 20px;
text-align: center;
}

#single-button input, #single-button1 input, #single-button2 input, #single-button3 input, #single-button4 input {
cursor: pointer;
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color: #333;
background: url(button_109.jpg) no-repeat left center;
border: 0 solid #fff !important;
width: 110px;
height: 20px;
text-align: center;
}

#single-button-light input, #single-button-light1 input, #single-button-light2 input, #single-button-light3 input, #single-button-light4 input {
cursor: pointer;
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color: #333;
background: url(button_109.jpg) no-repeat left center;
border: 0 solid #fff !important;
width: 110px;
height: 20px;
text-align: center;
}

#read-only input, #read-only1 input, #read-only2 input, #read-only3 input,  #read-only4 input {
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color: #223579;
border:1px solid #808080;
background-color: transparent;
}
.read-only {
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color: #223579;
border:1px solid #808080;
background-color: transparent;
}

.button-prompt {
margin:0;
padding:0;
width:16px;
height:17px;
cursor: pointer;
background: url(prompt.gif) no-repeat left center;
border: 0 solid #fff !important;
}

.button-go {
margin:0;
padding:0;
width:23px;
height:23px;
cursor: pointer;
background: url(button_icon.jpg) no-repeat left center;
border: 0 solid #fff !important;
}

.test {
background:#f00;
}

/* Datatable specific */
	.datatable-scroller
	{
	margin:5px 0 16px;
	overflow: auto;
	width:100%;
	position: relative;
	top: 0;
	background-color: #808080;
	}
	
	.datatable-scroller input, select
	{
	background:url(../images/input_bg.jpg) top left no-repeat;
	border:0 !important;
	}
	
	

	/* headerClass */
	.datatable-header {
	font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
	color: #333;
	border-top: 0 solid #D9D9EC;
	border-right: 0 solid #D9D9EC;
	border-bottom: 0 solid #333333;
	border-left: 0 solid #333333;
	background-color: #d6d6d6;
	cursor: pointer;
	}

	/* styleClass */
	.datatable-content
	{
	font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
	color: #333;
	margin:0 auto;
	background-color: #808080;
	/* background-image:url(../images/datatableFill.gif); */
	padding:1px 2px;
	width:100%;
	
	}
	
	/* rowClasses */
	.datatable-row1
	{
	font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
	color: #333;
	background-color: #fff;
	}
	
	.datatable-row2
	{
	font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
	color: #333;
	background-color: #f0f0f0;
	}

	/* footerClass */
	.datatable-footer {
	font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
	border-top: 0px solid #D9D9EC;
	border-right: 0px solid #D9D9EC;
	border-bottom: 0px solid #333333;
	border-left: 0px solid #333333;
	background-color: #dedede;
	cursor: pointer;
	text-align: right;
	padding-right: 5px;
	z-index:10;
	}
	
	.textfield-readonly
	{
	border:0 solid #fff !important;
	background:transparent !important;
	}
	
	.checkbox-readOnly
	{
	margin:0 !important;
	padding:0 !important;
	overflow:hidden;
	border:0 solid #fff !important;
	background: !important;
	disabled:disabled !important;
	}

	/* td width for datatable columns*/
	.column67 {
	width:66.67%;
	}
	
	.column-half {
	width:50%;
	}

	.column-third {
	width:33%;
	}
	
	.column-quarter {
	width:25%;
	}

	.column-fifth {
	width:20%;
	}
		
	.column-sixth {
	width:16.67%
	}
	
	.column-eigth {
	wodth:12.5625%
	}
	
	.column-tenth {
	width:10%;
	}
	
	/* td width for datatable columns*/
	.column-half-padding {
	width:50%;
	padding-left:10px;
	}

iframe {
border: 0 solid #333333;
}

/* Custom for Project Directory - These classes are rendered through ecmspagehandler by SFLCOLOR from DTO for subfile row screen color */
/* tablered,tablegreen, table1, table2, table3 and tablenew classes */
.tablered
{
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #333;
	border-top: 1px solid #F3F4F8;
	border-right: 1px solid #F3F4F8;
	border-bottom: 1px solid #67729B;
	border-left: 1px solid #67729B;
	background-color: #ff2b2b;
}

.tablegreen
{
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #333;
	border-top: 1px solid #F3F4F8;
	border-right: 1px solid #F3F4F8;
	border-bottom: 1px solid #67729B;
	border-left: 1px solid #67729B;
	background-color: #95ff95;
}

.table1
{
	font-family:normal 8pt Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	color:#333;
	border:1px solid #808080;;
	background-color:#e8e8e8;
}
/* controls 2nd table in data table*/
.table2
{
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #333;
	border-top: 1px solid #F3F4F8;
	border-right: 1px solid #F3F4F8;
	border-bottom: 1px solid #67729B;
	border-left: 1px solid #67729B;
	background-color: #B3B8CE;
}

.tablenew
{
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #333;
	border-top: 1px solid #F3F4F8;
	border-right: 1px solid #F3F4F8;
	border-bottom: 1px solid #F3F4F8;
	border-left: 1px solid #F3F4F8;

}

.table3
{
	font-family:normal 8pt Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	color:#333;
	border:1px solid #808080;;
	background-color:#e8e8e8;
}



/* =CONTAINER
--------------------------------- */
#container-standard, .container-standard {
width: 100%;
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color:#333;
}

.container-standard-backcolor {
width: 100%;
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color:#333;
background-color:#d6d6d6;
}

#container-detail {
padding:0 4px;
width: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #808080;
background-color: #d6d6d6;
height: 24px;
}

#container-tab, #container-tab1, #container-tab2, #container-tab3, #container-tab4, #container-tab5, #container-tab-row2, #container-tab-row3, #container-tab-row4
{
width:100%; 
min-width:100%; 
height:24px;
padding:2.5px;
text-align:left;
border-top: 1px solid #fff;
border-bottom: 1px solid #808080;
background-color: #d6d6d6;
}

#container-border, #container-border1, #container-border2, #container-border3, #container-border4 {
padding: 4px;
border-top: 1px solid #fff;
border-bottom: 1px solid #808080;
background-color: #d6d6d6;
}

.container-nosides {
border-top: 1px solid #fff;
border-bottom: 1px solid #808080;
background-color: #d6d6d6;
}

.cellborders {
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color:#333;
border-right: 1px solid #808080;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #808080;
background-color: #d6d6d6;
padding:4px;
}

.cellborders-backcolor {
font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
color:#333;
border-right: 1px solid #808080;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #808080;
background-color: #d6d6d6;
padding:4px;
}

.cellbordersDark {
	font-family:normal 8pt Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	color:#333;
	border:1px solid #808080;;
	background-color:#e8e8e8;
}

.backcolor {
margin:0;
background-color: #b3b3b3;
}

.backcolor_e8e8e8 {
margin:0;
background-color: #e8e8e8;
}

.backcolor_d6d6d6 {
margin:0;
background-color: #d6d6d6;
}

.backcolor_e8e8e8 {
margin:0;
background-color: #e8e8e8;
}

.backcolor2 {
margin:0;
background-color: #b3b3b3;	
}

/* =PAGE UP/DOWN
--------------------------------- */
.hotspot {color:#900; border:0 dotted #900; cursor:pointer}
#tt {position:absolute; display:block;}
#tttop {display:block; height:5px; margin-left:5px; overflow:hidden}
#ttcont {display:block; padding:5px 10px 6px; margin-left:4px; font:normal 8pt Segoe UIB, tahoma, arial, sans-serif; background:#d6d6d6; border-top: 1px solid #fff; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #fff; color:#333;}
#ttbot {display:block; height:5px; margin:5px; overflow:hidden}



/* get rid of these */
.statustext {
	font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
	color: #333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b3b3b3;
	border-right-color: #b3b3b3;
	border-bottom-color: #b3b3b3;
	border-left-color: #b3b3b3;
	background-color: #d6d6d6;
}

.topbar {
	font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
	color: #333;
}

.tabletextheadernobold {
	font:normal 8pt Segoe UI, tahoma, Verdana, Arial, sans-serif;
	color: #333333;
	border-top: 0px solid #b3b3b3;
	border-right: 0px solid #b3b3b3;
	border-bottom: 0px solid #b3b3b3;
	border-left: 0px solid #b3b3b3;
}

.fieldsWHITE {
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size:8pt;
	color: #333;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #b3b3b3;
	margin-right: 0px;
	
}

.fieldsWHITEVIEWONLY {
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size:8pt;
	color: #333;
	border-top: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	font-weight: normal;
	background-color: transparent;
}

.buttonsSpecial {
	font:normal 8pt Segoe UI, tahoma, arial, sans-serif;
	color:#333;
	background-image: url(../images/buttonSpecial.gif);
	background-position: left center;
	background-repeat: no-repeat;
	border-top: 0px solid #b3b3b3;
	border-right: 0px solid #b3b3b3;
	border-bottom: 0px solid #b3b3b3;
	border-left: 0px solid #b3b3b3;
	cursor: pointer;
	width: 160px;
	height: 20px;
	vertical-align: middle;
}

.errortable {
	background-color: #ffffd5;
	border: 1px solid #ff856c !important;
	color:#333;
}

.errortextheader {
	font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
	color: #ffffd5;
	border-top: 0px solid #b3b3b3;
	border-right: 0px solid #b3b3b3;
	border-bottom: 0px solid #b3b3b3;
	border-left: 0px solid #b3b3b3;
	background-color: #d6d6d6;
}

.textfieldsreq {
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #333;
	background-color: #ffffd5;
	border: 1px solid #ff856c !important;
	/* background-color: #Fefe7e; */
	/* border: 1px solid #f00 !important; */
}

.textfieldsreq_datatable {
	background:url(../images/input_bg_error.jpg) top left no-repeat !important;
	border:0 solid #fff !important;
}

.fieldserror {
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size:8pt;
	color: #333;
	font-weight: normal;
	background-color: #ffffff;
	border: 1px solid #ff856c;
}

.fieldsprompterror {
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size:8pt;
	color: #333;
	font-weight: normal;
	background-color: #ffffff;
	background-image: url(../images/prompt.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #ff856c;
}

.checkboxerror, .radioerror {
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size:8pt;
	color: #ffffff;
	font-weight: normal;
	background-color: #ff856c;
}

.listboxerror, .textareaerror {
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size:8pt;
	color: #333 !important;
	font-weight: normal;
	background-color: #ffffd5;
	border: 1px solid #ff856c;
}

.hidden{
	visibility: hidden;
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size:8pt;	
}
/* Old General Ledger classes */
.listheader {
	font:normal 8pt Segoe UIB, tahoma, arial, sans-serif;
	color: #333333;
	border-top: 0px solid #b3b3b3;
	border-right: 0px solid #b3b3b3;
	border-bottom: 0px solid #b3b3b3;
	border-left: 0px solid #b3b3b3;
	background-color: #b3b3b3;
	cursor: pointer;
}

.dtheader
{
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #333;
	margin:0 auto;
	/*border-top: 1px solid #F3F4F8;
	border-right: 1px solid #F3F4F8;
	border-bottom: 1px solid #67729B;
	border-left: 1px solid #67729B;*/
	background-color: #e8e8e8;
	background-image:url(../images/datatableFill.gif);
	padding:0;
}

.table2Faux
{
	font-family:Segoe UI, Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #333;
	background-color:#d6d6d6;
}

/* Project collaborator */
/* controls 1st table in data table */
.table1
{
	font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
	color: #333;
	background-color: #fff;
}
/* controls 2nd table in data table */
.table2
{
	font:normal 8pt Segoe UI, tahoma, verdana, arial, sans-serif;
	color: #333;
	background-color: #f0f0f0;
}