/* THIS CSS IS UNIVERSAL
/* for use with all web applications */
/* current version: 1.2 */
/* last updated: 10/27/05 */
/* last updated by: TH */


/* CSS Version 1.4 */
/* Used in: GAS UC12 */
/*          GAS UC04 */


/* DIRECTORY */
/* About Box ########################################################*/
/* Accordian Table ##################################################*/
/* Area Groupings ###################################################*/
/* Alerts ###########################################################*/
/* Body #############################################################*/
/* Bread Crumbs #####################################################*/
/* Buttons ##########################################################*/
/* Calendar #########################################################*/
/* Dialog ###########################################################*/
/* DIV-hide and show#################################################*/
/* Data Field Labels ################################################*/
/* Data Fields ######################################################*/
/* Data Tables ######################################################*/
/* Header ###########################################################*/
/* Images ###########################################################*/
/* Layout Tables ####################################################*/
/* Login ############################################################*/
/* Menu #############################################################*/
/* Message Area######################################################*/
/* Page #############################################################*/
/* Page Filter Area #################################################*/
/* Paragraph Text ###################################################*/
/* Reports ##########################################################*/
/* Tabbed Pane ######################################################*/
/* Tree #############################################################*/



/* About Box ########################################################*/
/* ##################################################################*/
/* ##################################################################*/



/* Alerts ###########################################################*/
/* ##################################################################*/
/* ##################################################################*/

SPAN.errorMsg{
	border: 1px solid #FF0000;
	background-color:#FDF1F1;
	background-image: url(../../images/gm/i_error.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 980px;
	height:auto;
	padding: 8px 0px 8px 30px;
	margin-bottom:10px;
}

SPAN.warningMsg{
	border: 1px solid #FFFF00;
	background-color:#FFFDE0;
	background-image: url(../../images/gm/i_warning.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 980px;
	height:auto;
	padding: 8px 0px 8px 30px;
	margin-bottom:10px;
}

SPAN.infoMsg{
	border: 1px solid #4356CB;
	background-color:#F6F7F9;
	background-image: url(../../images/gm/i_info.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width: 980px;
	height:auto;
	padding: 8px 0px 8px 30px;
	margin-bottom:10px;
}



/* Accordian Table ##################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* the div that contains rows of data that can be expanded or colapsed */
#accordianTable {
	width:100%;
	height:350px;
	background-color: #F6F7F9; 
	border-right: 1px solid #CBDCED; 
	border-bottom: 1px solid #CBDCED; 
	border-left: 1px solid #CBDCED; 
	padding: 0em; 
	overflow-y:scroll;
	overflow-x:hidden;
	z-index: 105;
}

/* FilterBorder */
#FilterBorder {
	width:100%; 
	border-right: 1px solid #CBDCED; 
	border-bottom: 1px solid #CBDCED; 
	border-left: 1px solid #CBDCED; 
	border-top: 1px solid #CBDCED; 
	padding:0px; 
	margin:0 0 0;
}


/* Area Groupings ###################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* this encloses the entire area of the page */
div#HtmlWrapper {
	width:980px; 
	display:block; 
	clear:both;
}

/* this encompases the leftNavigation and the displayArea divs */
/* this encloses everything below the header */
div#mainAreaWrapper div#mainArea{
	width:100%; 
	display:block; 
	clear:both;
}

/* Left Navigation template */
/* used for the navigation area on the left of the screen */
#mainArea div.leftNavigation{
	width: 230px; 
	vertical-align:top; 
	display:inline;
	margin-right:15px;
}

/* div used if there is no special component in the left navigation */
div#leftNavigationDefault{
	width:100%;
	background-color: #F6F7F9; 
	border-right: 1px solid #CBDCED; 
	border-bottom: 1px solid #CBDCED; 
	border-left: 1px solid #CBDCED; 
	padding: 8px;
}


/* Left Navigation template */
/* encloses all the contents of the right display area */
#rightDisplayWrapper {
	width:100%; 
	border-right: 1px solid #CBDCED; 
	border-bottom: 1px solid #CBDCED; 
	border-left: 1px solid #CBDCED; 
	padding:10px;
}

/* Left Navigation template */
/* used for the display of the dynamic content of the page */
/* it is directly to the right of the navigation area */
#mainArea div#rightDisplay{
	width: 735px; 
	vertical-align:top; 
	display:inline; 
}

/* Complete Body template */
/* single display area wraoer making up the entire body of the document */
#wholeBodyAreaWraper{
	width:100%; 
	border-right: 1px solid #CBDCED; 
	border-bottom: 1px solid #CBDCED; 
	border-left: 1px solid #CBDCED; 
	padding:10px;
}

/* Complete Body template */
/* single display area wraoer making up the entire body of the document */
#wholeBodyArea{
	width: 980px;
}

/* this is the div that contains the body content of a dialog */
div.dialogWrapper{
	margin: 10px;
}


/* Body #############################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* default body format */
BODY{
	color:#37332E; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height:13px; 
	padding: 10px; 
	margin: 0px;
}


/* Bread Crumbs #####################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* used in the breadcrumb display at the top of the screen */
div#BreadcrumbNav {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	vertical-align:middle;
	height:1em;
	padding:.6em 0 .9em;
}

/* used in the breadcrumb display at the top of the screen */
div#BreadcrumbNav .Breadcrumb {
	float: left;
	height: 100%;
}



/* Buttons ##########################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* default button display */
.button {
	background-color:#DBE6F3; 
	font-size:1em; 
	font-family: Tahoma, Verdana, Helvetica, sans-serif; 
	color: #131313; 
	text-decoration: none; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #A5C0D9;  
	border-bottom: 1px solid #A5C0D9; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	text-align: center; 
	height: 20px; 
	width:auto;
}
.defaultButtonWidth{
	width: 60px;
}
.ButtonOK {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 25px; 
	width:40px; 
	background-image: url(../../images/gm/i_ok.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}

.ButtonOK {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 25px; 
	width:40px; 
	background-image: url(../../images/gm/i_ok.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}

.ButtonSave {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 25px; 
	width:40px; 
	background-image: url(../../images/gm/i_save.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}

.ButtonCancel {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 25px; 
	width:40px; 
	background-image: url(../../images/gm/i_cancel.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}

.ButtonCopy {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 25px; 
	width:40px; 
	background-image: url(../../images/gm/i_copy.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}

.ButtonDelete {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 25px; 
	width:40px; 
	background-image: url(../../images/gm/i_delete.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}

.ButtonModify {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 25px; 
	width:40px; 
	background-image: url(../../images/gm/i_modify.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}
.ButtonBack {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 25px; 
	width:40px; 
	background-image: url(../../images/gm/i_back.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}
.ButtonNew {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 25px; 
	width:40px; 
	background-image: url(../../images/gm/i_new.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}
.ButtonReset {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 22px; 
	width:38px; 
	background-image: url(../../images/gm/i_reset.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}
.ButtonSearch {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 22px; 
	width:38px; 
	background-image: url(../../images/gm/i_search.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}
.ButtonAdd {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 20px; 
	width:40px; 
	background-image: url(../../images/gm/i_add.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}

.ButtonView {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 20px; 
	width:40px; 
	background-image: url(../../images/gm/i_view.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}

.ButtonEpic {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 20px; 
	width:40px; 
	background-image: url(../../images/gm/i_epic.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}

.ButtonSend {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 25px; 
	width:40px; 
	background-image: url(../../images/i_send.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}

.ButtonSubID {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 20px; 
	width:40px; 
	background-image: url(../../images/gm/i_subid.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}

.ButtonLTG {
	background-color:#EEEDE1; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #C7C198; 
	border-bottom: 1px solid #C7C198; 
	border-left: 1px solid #FFFFFF; 
	cursor: hand; 
	height: 20px; 
	width:40px; 
	background-image: url(../../images/gm/i_ltg.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
}

/* used to position the bottons to the lower right of an area */
div#BtnRight {
	text-align:right;
	float:right;
	padding:5px 0;
}

/* used to position the bottons to the lower left of an area */
div#BtnLeft {
	text-align:left; 
	padding:.4em 0; 
	float:left; 
	clear:both;
}

/* used to position the bottons CENTER */
div#BtnCenter {
	text-align:center; 
	padding:.4em 0;
	clear:both;
}

/* square buttons used in tables to conserve row height space */
a.tableRowButton{
	color: #285596;
	font-size:1em;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	text-align:left;
	border:solid #C9DDEB 1px;
	padding:0;
	text-align:center;
	width: 50px;
	height: 18px;
	margin-left: 2px;
}

#rightDisplayWrapper span.lowerRightButtonArea{
	float:right;
}

/* Calendar #########################################################*/
/* ##################################################################*/
/* ##################################################################*/
#CalendarControlIFrame {
	display: none; 
	left: 0px; 
	position: absolute; 
	top: 0px; 
	height: 250px; 
	width: 250px; 
	z-index: 777; 
}
	
#CalendarControl {
	display: none; 
	position:absolute; 
	background-color:#FFF; 
	margin:0; 
	padding:0; 
	z-index: 777; 
}

#CalendarControl table {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 1em; 
	border-left: 1px solid #003399; 
	border-right: 1px solid #003399; 
}

#CalendarControl th {
	font-weight: normal; 
}

#CalendarControl th a {
	font-weight: normal; 
	text-decoration: none; 
	color: #FFF; 
	padding: 1px; 
}

#CalendarControl td {
	text-align: center; 
}

#CalendarControl .header {
	background-color: #003399; 
}

#CalendarControl .weekday {
	background-color: #DDD; 
	color: #000; 
}

#CalendarControl .weekend {
	background-color: #FFC; 
	color: #000; 
}

#CalendarControl .current {
	border: 1px solid #339; 
	background-color: #336; 
	color: #FFF; 
}

#CalendarControl .weekday,#CalendarControl .weekend,#CalendarControl .current {
	display: block; 
	text-decoration: none; 
	border: 1px solid #FFF; 
	padding: 1px; 
	width: 2em; 
}
	
#CalendarControl .weekday:hover,#CalendarControl .weekend:hover,#CalendarControl .current:hover {
	color: #FFF; 
	background-color: #336; 
	border: 1px solid #999; 
}

#CalendarControl .previous {
	text-align: left; 
}

#CalendarControl .next {
	text-align: right; 
}

#CalendarControl .previous,#CalendarControl .next {
	padding: 1px 3px 1px 3px; 
	font-size: 1.4em; 
}
	
#CalendarControl .previous a,#CalendarControl .next a {
	color: #FFF; 
	text-decoration: none; 
	font-weight: bold; 
}

#CalendarControl .title {
	text-align: center; 
	font-weight: bold; 
	color: #FFF; 
}

#CalendarControl .empty {
background-color: #CCC; 
	border: 1px solid #FFF; 
}



/* Custom Components ################################################*/
/* ##################################################################*/
/* ##################################################################*/




/* Data Field Labels ################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* the title of the checkbox directly to it's right */
span.checkboxTitle{
	margin-left: 2px;
}

/* the title of the radiobutton directly to it's right */
span.radiobuttonTitle{
	margin-left: 2px;
}

/* the title of any general field */
.fieldLable{
	font-size: 1em;
	font-weight:bold;
}



/* Data Fields ######################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* data field default */
INPUT {
	font-size: 1em; 
	height:19px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height:14px; 
	/*border: solid 1px #A2BAF6; */
	border: solid 1px #7F9DB9;
	color: #37332E;
}

/* formatting override for check boxes */
input.checkbox{
	border: solid 0px #FFFFFF; 
	height: 13px;
	width: 13px;
}

/* formatting override for radio buttons */
input.radioButton{
	border: solid 0px #FFFFFF; 
	height: 13px;
	width: 13px;
}

/* select field default */
SELECT {
	font-size:1em; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height:14px; 
	border: solid 1px #A2BAF6; 
	color: #37332E;
}

.singleSelect{
	/*placeholder for future single select modifications*/
	width:100%;
}

.multiSelect{
	/*placeholder for future multi select modifications*/
}

.textInput {
	/*placeholder for future text field modifications*/
	width:100%;
}

.textInputSequenceNbr {
	/*placeholder for future text field modifications*/
	width:20px;
}

/* Text input field w/ a Button on the right */
.textInputWithBtn {
	width:82%;
}

/* applied to fields that need to take up all available width */
.Field100 {
	width:100%;
}

/* fields with default width */
.FieldAuto {
	width:auto;
}

.FieldStatus {
	/*placeholder for future status field modifications*/
}

/* displays a field values but has not border or background color */
input.transparentField{
	border:none; 
	background:transparent;
}

textarea{
	font-size: 8pt; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	border: solid 1px #A2BAF6; 
}

/* the span that contains the * for the required fields */
span.requiredFieldMarker{
	color:#6697CB;
}

.textInputSequenceNbr {
	/*placeholder for future text field modifications*/
	width:20px;
}

/* APPROVAL STATUS POSITIONING */
/* Position Approval Status Radio Buttons to Right and... */
.PosApprovalRadioRight {
	float: right;
	padding-top:2px;
	padding-right:13px;
}
/* ... then Float LEFT Status Entry Field */
.PosApprovalFieldLeft {
	float: left;
}

/* displays a field values but has not border or background color */
input.transparentField{
	border:none; 
	background:transparent;
}



/* Data Tables ######################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* default for tables displaying data */
TABLE{
	font-size:11px;
}

/* format of column header */ 
.TableColumnHeader {
	/*width: 100%; */
	border-left: 1px solid #CECECE; 
}

/* detailed column header format */
.TableColumnHeader {
	color: #1A1917; 
	background-color: #EEEEEE; 
	height: 20px; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #B5B5B5; 
	border-bottom: 1px solid #B5B5B5; 
	border-left: 1px solid #FFFFFF; 
	margin: 0px; 
	padding: 0px;
	text-align:left;
}

/* format of headers that have sort capability */
.TableColumnHeader a {
	font-family: Tahoma, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	color: #1A1917; 
	border-bottom:2px solid #E6E6E6; 
	height: 19px; 
	width: 100%; 
	padding-top: 3px;
	padding-left: .5em;
	margin: 0px; 
}

/* hover over format of headers that have sort capability */
.TableColumnHeader a:hover {
	text-decoration: none; 
	border-bottom:2px solid #F9A900; 
	height:19px; 
	width:100%; 
	padding-top:3px; 
	background-color: #FFFFFF; 
}


/* the scolling area for a table of data */
#TableScrollDiv {
	width: 100%; 
	overflow: auto; 
	height: 100%; 
	margin-bottom: 3px; 
	border: 1px solid #D4D4D4;
}


/* the scolling area for a table of data to show 10 rows */
#TableScrollDiv10 {
	width: 100%; 
	overflow: auto; 
	height: 254px; 
	margin-bottom: 3px; 
	border: 1px solid #D4D4D4;
}


/* the table where the data is organized and displayed */
.TableList {
	width: 100%;
	border-left: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}

/* the data table cell */
.TableList td {
	padding:2px 7px; 
	border-right: 1px solid #E6E6E6;
	height: 20px; 
	line-height: 21px;
}

/* alternating row color */
.TableList tr.altRow {
	background-color:#F3F3F3;
}

/* default row color */
.TableList tr {
	background-color:#FFFFFF;
}

/* for DisplayTag tables: the table where the data is organized and displayed */
.DisplayTagTable {
	width: 100%;
	/*border-left: 1px solid #E6E6E6;*/
	/*border-bottom: 1px solid #E6E6E6;*/
	border:solid #65B5EA 1px;
}

/* for DisplayTag tables: the data table cell */
.DisplayTagTable td {
	padding:2px 7px; 
	border-right: 1px solid #E6E6E6;
	height: 20px; 
	line-height: 21px;
}

/* for DisplayTag tables: alternating row color */
.DisplayTagTable tr.altRow {
	background-color:#F3F3F3;
}

/* for DisplayTag tables: default row color */
.DisplayTagTable tr {
	background-color:#FFFFFF;
}

/* for DisplayTag tables: changes all the way the table headers are display */
/* regardless of whether they have an <A> tag */
.DisplayTagTable th{
	color: #1A1917; 
	background-color: #EEEEEE; 
	height: 20px; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #B5B5B5; 
	border-bottom: 1px solid #B5B5B5; 
	border-left: 1px solid #FFFFFF; 
	margin: 0px; 
	padding: 0px;
	text-align:left;
	font-weight: normal;
}

/* this is for the area of the table that shows bottons that may */
/* pertain to modifying the table data */
span.pageView{
	margin-top: 10px;
	float:left;
}

/* this is for the area of the table that shows the list of page numbers */
/* and the arrow buttons for going between pages*/
span.pagelinks{
	margin-top: 10px;
	float:right;
}



/* Dialog ###########################################################*/
/* ##################################################################*/
/* ##################################################################*/

.DialogBox {
	width: 100%;
	padding: 3px;	
	vertical-align: top;
	border: 1px solid #6697CB;
}
.DialogBox th {
	text-align: left;
	font:11px Tahoma, Verdana, Helvetica, sans-serif; 
	font-weight:bold;
	padding-left: 5px;
}
.DialogBox td.BtnColumn {
	width: 80px;
}
.DialogBox table.Horiz {
	width: 100%;
}
.DialogBox table.Btns td {
	padding-left:3px;
}

tr.selected{
	background-color:#6697CB;
	color: #ffffff;
}

tr.hilite{
	background-color:#CECECE;
}


/* Header ###########################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* used for the main DIV headings */
H1 {
	font:11px Tahoma, Verdana, Helvetica, sans-serif; 
	font-weight:bold; 
	color: #FFFFFF; width:100%; 
	background-color:#6697CB; 
	display:block; 
	margin:0; 
	padding:3px 0px 4px 8px;
}

/* used for headings within the document content */
H2 {
	width:100%; 
	background-color:#6697CB; 
	font-weight:bold; 
	padding-left:10px; 
	font-size: 1em; 
	display:inline; 
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 16px;
	padding-top: 2px;
	padding-bottom: 3px;
}

/* used in the right part of the header to display links common to all pages */
#BreadcrumbNav .HelpLinks {
	float: right;
	height: 100%;
}

/* used in the javascript that creates the header navigation bar */
#NavBar{
	margin-top:1px; 	
	width:100%;
	background-image: url(../NumberSpace.jpg); 
	background-repeat:repeat; 
	overflow:hidden;
}

/* used in the javascript that creates the header navigation bar */
#NavLinks {
	height:20px; 
	width:610px; 
	float:right; 
	margin-top:29px; 
	margin-right:4px; 
	padding: 0px;
}

/* used in the javascript that creates the header navigation bar */
#NavLinks a {
	background-color:  #4682B4; 
	border: 1px solid #D9D9A3; 
	margin-left:0px;  
	padding: 3px 8px; 
	color:#FFFFFF;  
	float:right; 
	text-align:center; 
	height:20px; 
	display:block;
}

/* used in the javascript that creates the header navigation bar */
#NavLinks a:hover {
	background-color:#4682B4; 
	border:1px solid #BFBF73; 
	text-decoration:none;
}

/* used in the javascript that creates the header navigation bar */
#NavLinks a.Sel {
	background-color:#FAFAEA; 
	border:1px solid #D9D9A3;
}

/* used in the javascript that creates the header navigation bar */
#NavLinks a.Sel:hover {
	background-color:#FAFAEA; 
	border:1px solid #D9D9A3;
}

/* used in the javascript that creates the header navigation bar */
#NavSubLinks {
	margin-top:12px; 
	background:#4579B9; 
	float:left; 
	width:100%;
}

/* used in the javascript that creates the header navigation bar */
#NavSubLinks a {
	color:#FFFFFF; 
	display: block; 
	float:left; 
	height:21px;  
	padding:3px 13px 0px 13px; 
	border-right:1px solid #8EB7DD; 
	vertical-align: top;
}

/* used in the javascript that creates the header navigation bar */
#NavSubLinks a:hover {background-color:#2A5BA3;
	 text-decoration:none;
}

/* used in the javascript that creates the header navigation bar */
#NavSubLinks a.Menu {background: url(../../images/gm/i_arrow_down.gif) 90% .4em no-repeat;
	 padding:3px 20px 0px 13px;
}

/* used in the javascript that creates the header navigation bar */
#NavSubLinks a.Sel {color:#26231F;
	 background-color:#E7E198;
	 border-top:1px solid #CEC887;
	 border-right:1px solid #CEC887;
	 border-bottom:1px solid #CEC887;
}

/* used in the javascript that creates the header navigation bar */
#NavSubLinks a.Sel:hover {color:#26231F;
	 background-color:#E7E198;
	 border-top:1px solid #CEC887;
	 border-right:1px solid #CEC887;
	 border-bottom:1px solid #CEC887;
}

/* used in the javascript that creates the header navigation bar */
#NavSubLinks a.SelMenu {color:#26231F;
	 background: url(../../images/gm/i_arrow_down_black.gif) 90% .4em no-repeat;
	 background-color:#E7E198;
	 border-top:1px solid #CEC887;
	 border-right:1px solid #CEC887;
	 border-bottom:1px solid #CEC887;
	 padding:3px 20px 0px 13px;
}

/* used in the javascript that creates the header navigation bar */
#NavSubLinks a.SelMenu:hover {color:#26231F;
	background-color:#E7E198;
	border-top:1px solid #CEC887;
	border-right:1px solid #CEC887;
	border-bottom:1px solid #CEC887;
}

/* PageNav */
#PageNavPos {
	text-align: right;
	padding:8px 0 8px 15px;
	float:right;
}
#PageNavPos table td {
	font-family: Tahoma, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	padding-left:5px;
}

/* for use with the h1 and h2 tags to display the contained text on the */
/* left and the right */
span.panelHeaderFloatLeft{
	float: left;
	display: inline;
}

span.panelHeaderFloatRight{
	float: right;
	display: inline;
}


/* Images ###########################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* default image disaplay */
IMG {
	border:0;
}


/* Layout Tables ####################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* a table that is used to separate a layout into two columns */
#TwoColTable {
	width: 713px; 
	padding: 0 0 10px;
}

/* used to format the left column of the two column table */
#TwoColTable td.left{
	padding-right: 6px; 
	width:425px;
	vertical-align:top;
	border-right: 1px dotted #EFE99E;
}

/* used to format the right column of the two column table */
#TwoColTable td.right{
	padding-left: 6px;
	vertical-align:top;
}

/* a table that puts a grid around the objects contained in the table */
#GridTable {
	border-top: 1px solid #E4E4E4; 
	border-left: 1px solid #E4E4E4; 
	width: 100%;
}

/* a cell contained in a grid table */
#GridTable td {
	padding: 3px 6px; 
	border-right: 1px solid #E4E4E4; 
	border-bottom: 1px solid #E4E4E4;	
	font-size: 1em; 
	color: #37332E; 
	vertical-align: top; 
	line-height: 20px;
}

/* a cell containing text in a grid table */
#GridTable td.Txt {
	width:145px; 
	text-align: right;
}

/* a cell containing required text in a grid table */
#GridTable td.TxtRequired {
	width:145px; 
	text-align: right;
	background-image:url(../../images/gm/i_required.gif);
	background-position:top right;
	background-repeat:no-repeat;
}


/* alternating row colors */
#GridTable tr.altRow {
	background-color:#F3F3F3; 
	display: block;
}

/* Created By Table */
#CreatedBy {
	width: 100%;
	border-top: 1px solid #ECECEC; 
	border-bottom: 1px solid #ECECEC; 
	border-left: 1px solid #ECECEC;
}
#CreatedBy td {
	font-family: Tahoma, Verdana, Helvetica, sans-serif; 
	line-height:16px;
	padding:3px 2px 4px 6px; 
	border-right: 1px solid #ECECEC; 
	vertical-align:top;
}
#CreatedBy td.leftWidth {
	width:95px;
}

#CreatedBy tr{
	border-bottom: 1px solid #ECECEC;
}

#CreatedBy tr.altRow{
	background-color:#F3F3F3; 
}

#GridTable td.TxtRequired {
	width:145px; 
	text-align: right;
	background-image:url(../images/i_required.gif);
	background-repeat:no-repeat;
	background-position:top right;
}



/* Links ############################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* default link format */
A {
	color:#285596; 
	text-decoration:none;
}

/* default link format */
A:hover {
	text-decoration:underline;
}


/* Login Page #######################################################*/
/* ##################################################################*/
/* ##################################################################*/





/* Menu #############################################################*/
/* ##################################################################*/
/* ##################################################################*/

.DropMenu {
	background-color: #FFFDE1;
	position: absolute;
	width:100px;
	z-index: 10;
	top: 93px;
	padding: 2px 0px 4px;
	visibility: hidden;
	border-top: 3px solid #EFE99E;
	border-right: 1px solid #EFE99E;
	border-bottom: 1px solid #EFE99E;
	border-left: 1px solid #EFE99E;
	text-decoration: none;
}

.DropMenu a {
	font-size: 1em; 
	color: #26231F; 
	display: block; 
	padding: 4px 10px 4px 10px; 
	width:100%;
}

.DropMenu a:hover {
	background-color: #F3F4BD; 
	text-decoration: none;
}

.DropMenu a.Arrow {
	background-image: url(../../images/gm/i_arrow_right.gif); 
	background-repeat: no-repeat; 
	padding-right: 15px; 
	margin-right: 5px;  
	background-position: right;
}

.DropSubMenu {
	background-color: #FFFDE1;
	position: absolute;
	z-index: 11;
	padding: 3px 0px;
	visibility: hidden;
	border-top: 3px solid #EFE99E;
	border-right: 1px solid #EFE99E;
	border-bottom: 1px solid #EFE99E;
	border-left: 1px solid #EFE99E;
	text-decoration: none;		
}

.DropSubMenu a {
	font-size: 1em; 
	color: #26231F; 
	display: block; 
	padding: 4px 10px 4px 10px;  
	width: 100%
}

.DropSubMenu a:hover {
	background-color: #F3F4BD; 
	text-decoration: none;
}

/* Message Area ########################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* the place in the header where alerts are displayed */
#MsgArea {
	display:inline;
}


/* Page #######################################################*/
/* ##################################################################*/
/* ##################################################################*/




/* Page Filter Area ###################################################*/
/* ##################################################################*/
/* ##################################################################*/


/* FilterArea */
#FilterArea {
	background-color: #FFFDE9; 
	width: 100%; 
	border-bottom: 2px solid #6697CB; 
	padding: 0px; padding: 8px 3px 8px 15px;	
	vertical-align: top;
}
#FilterArea table td {
	vertical-align:top;
}
/* FilterArea's Horizontal Table fields */
#FilterArea table.Horiz td {
	font-family: Tahoma, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #37332E; 
	line-height: 1em; 
	padding:0px 10px 4px 0px; 
	vertical-align: top;
}
/* FilterArea's Vertical Table fields */
#FilterArea table.Vertical td {
	font-family: Tahoma, Verdana, Helvetica, sans-serif; 
	font-size: .85em; 
	color: #37332E; 
	line-height:1.1em; 
	padding:2px 5px 2px 0px; 
	vertical-align:top; 
	text-align:right;
}
/* FilterArea's Buttons */
#FilterArea table.Btns {
	margin-left:5px; 
	width:auto;
}
#FilterArea table.Btns td {
	padding:0 3px 2px 0; 
	line-height: 1em; 
	vertical-align:top; 
	text-align:left;
}





/* Paragraph Text ###################################################*/
/* ##################################################################*/
/* ##################################################################*/





/* Reports ##########################################################*/
/* ##################################################################*/
/* ##################################################################*/


/* Tabbed Pane ######################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* a div that houses the tabs at the top of a tabbed panel */
#SquareTabs {
	width: 100%;
	background:url(../../images/gm/tab_gray_line.gif) repeat-x 0px 21px;
	clear:both;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	height:22px;
}

/* the selected tab */
#SquareTabs span {
	height:22px;
	border-top: 2px solid #F09D00;
	display:inline;
	background:blue;
	margin-right:2px;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	padding:2px 11px 0px;
	border-right: 1px solid #CECECE;
	border-left: 1px solid #CECECE;
}

/* an unselected tab */
#SquareTabs a {
	background:url(../../images/gm/tab_unsel_bg.gif) repeat-x;
	color: #303030;
	vertical-align:bottom;
	height:21px;
	border: 1px solid #CECECE;
	padding:3px 10px 0px;
	margin-right:2px;
}

/* SqTabButtonBar */
#SqTabButtonBar {
	width:100%;
	background-color:#F8F8F8;
	border-left:1px solid #CECECE;
	border-right:1px solid #CECECE;
	padding:1px 1px;
	text-align: right;
}

/* the bottons at the top of a tabbed panel */
#SqTabButtonBar {
	width:100%; 
	background-color:#F8F8F8; 
	border-left:1px solid #CECECE; 
	border-right:1px solid #CECECE; 
	padding:1px 1px; 
	text-align: right;
}

/* JustButtonBar: used when there's only one table and no square tabs */
#JustButtonBar {
	width:100%;
	background-color:#ADADAD;
	padding:1px 1px;
	text-align: right;
	height:22px;
}
#JustButtonBar span.Title {
	font-size:11px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	padding:3px 8px 0;
}



/* Tree #############################################################*/
/* ##################################################################*/
/* ##################################################################*/

/* the div that contains the tree elements (which are table based) */
#tree {
	width:100%; 
	background-color: #F6F7F9; 
	border-right: 1px solid #CBDCED; 
	border-bottom: 1px solid #CBDCED; 
	border-left: 1px solid #CBDCED; 
	padding:.5em .5em 1em .8em; 
}

/* the element that all the tree nodes are contained in */
#tree table {
	width:100%; 
}

/* the cells that contain the tree parts */
#tree table td {
	height: 20px;
	line-height:16px;
}

/* the heading for the tree (root node) */
#tree table td strong {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
	color: #212121; 
}

/* the formatting for the + - images */
/* to be replaced with the a.Plus and the a.Minus class */
#tree table td a img {
	vertical-align: middle; 
	margin-right: .3em; 
}

#tree table td a.Plus {
	width:11px; 
	float:left; 
	height:17px; 
	background: url(../../images/gm/tree_plus.gif) no-repeat 0px 4px;
}

#tree table td a.Minus {
	width:11px; 
	float:left; 
	height:17px; 
	background: url(../../images/gm/tree_minus.gif) no-repeat 0px 4px;
}
/* Red Bullet */
#tree table td a.RedBul {
	width:11px; 
	float:left; 
	height:17px; 
	background: url(../../images/gm/bullet_red.gif) no-repeat 0px 4px;
}

/* first indent level 1 of 5 */
#tree table td.tab1 {
	padding-left: 0px; 
}

/* first indent level 2 of 5 */
#tree table td.tab2 {
	padding-left: 15px; 
}

/* first indent level 3 of 5 */
#tree table td.tab3 {
	padding-left: 28px; 
}

/* first indent level 4 of 5 */
#tree table td.tab4 {
	padding-left: 41px; 
}

/* first indent level 4 of 5 */
#tree table td.tab5 {
	padding-left: 54px; 
}