/* *******************ADMIN.CSS *************************** */


.listForm, .listForm td, .listForm th {
	font-family:verdana;
	border-width:3px;
	border-style:solid;
	border-color:#f0f0f0;
}

.listForm th {
	font-size: 15px;
	font-color:blue;
}

.listForm td {
	font-size: 13px;
	font-color:black;
}

.listTitle, .listTitle td {
	color:blue;
	font-size:22px;
	font-family:verdana;
	align:center;
}


.sidebar, .footer, .main, .header {
	font-family:verdana;
	background-color: #000071;
	color:white;

}

.header h1 {
	padding-left: 20px;
	padding-top: 20px;
}

.main {
	background-color:white;
}
.sidebarTitle {
	align: left;
	font-size: 16px;
	color:white;
	font-weight:bold;
	width:100%;
	padding:5px;
}

.sidebarSelection, .sidebarSelection a {
	align: right;
	font-size: 12px;
	color:white;
	width:100%;
	padding:3px;
	padding-right:1px;
	padding-left:10px;
}
.sidebarSelection a:hover {
	color:pink;
	width:100%;
}

.evenRow {
	background-color: #ffffc0;
}

.oddRow {
}

.editForm, .editForm td, .editForm th {
	font-family:verdana;
}

.editForm th {
	font-size: 15px;
	font-color:blue;
}

.editForm td {
	font-size: 13px;
	font-color:black;
}

.editInclude td {
	font-size: 13px;
	font-color:black;
	border-width:3px;
	border-style:solid;
	border-color:#f0f0f0;
}

.editTitle, .editTitle td {
	color:blue;
	font-size:22px;
	font-family:verdana;
	align:center;
}

/* *******************contextMenu.CSS *************************** */

@CHARSET "ISO-8859-1";

.contextMenu { display: none;}

.contextMenu li { padding: 2px 15px;}

.contextMenu li a, .contextMenu li a:hover, .contextMenu li a:link {
	text-decoration: none;
	color: black;
}

.wagtoolMenuTitle {
	padding: 5px 10px 5px 10px;
	font-size: 8pt;
	font-family: verdana;
}

.dijitMenuItem, .tundra .dijitMenuItem {
	background-color: #white;
	font-size: 8pt;
	font-family: verdana;
	font-weight: bold;
}

.dijitMenuItemHover, .tundra .dijitMenuItemHover{
	background-color: white;
	color: #cc0000;
}


/* *******************databaseSchema.CSS *************************** */


.diffTable, .diffTable td {
	font-family:verdana;
	border-style:solid;
	border-width:2px;
	border-color:#f0f0f0;
}

.diffTitle td {
	text-align:center;
	background-color: #ffff80;
	font-size:24px;
	font-weight:bold;
}

.diffTableHeader td, .diffTableHeader th {
	font-size:13pt;
	align:left;
	padding:3px;
	padding-left:10px;
	background-color:#ffff80;
}

.diffColumnHeader{
	background-color: #ffffc0;
}

.diffColumnData{
	background-color: white;
}

.diffColumnData {
	background-color: white;
}

.diffColumnDataError {
	background-color: pink;
}

.diffTableHeader td {
}

.tableMissing {
	background-color: pink;
	width:100%;
}

.columnMissing {
	background-color: pink;
	width:100%;
}

.leftTableMissing, td.leftTableMissing {
	align="left";
}

.rightTableMissing, td.rightTableMissing{
	align="right";
}

.schemaList {
	background-color: #ffff80;
	border: solid;
	border-color: black;
	border-width: 1px;
	padding: 10px;	
}

.diffRestore {
	background-color: #ffff80;
}

.diffRestore td {
	padding: 5px;
}

.diffRestoreDelete, .diffRestoreDelete a, .diffRestoreDelete a:visited, .diffRestoreDelete a:hover {
	background-color:#e00000;
	color:white;
	text-decoration:none;
	padding:3px;
}


/**************************************************************************************
	htmlDatePicker CSS file
	
	Feel Free to change the fonts, sizes, borders, and colours of any of these elements
***************************************************************************************/
/* The containing DIV element for the Calendar */
#dpCalendar {
	display: none;					/* Important, do not change */
	position: absolute;				/* Important, do not change */
	background-color: #eeeeee;
	color: black;
	font-size: xx-small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 150px;
}
/* The table of the Calendar */
#dpCalendar table {
	border: 1px solid black;
	background-color: #eeeeee;
	color: black;
	font-size: xx-small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
}
/* The Next/Previous buttons */
#dpCalendar .cellButton {
	background-color: #ddddff;
	color: black;
}
/* The Month/Year title cell */
#dpCalendar .cellMonth {
	background-color: #ddddff;
	color: black;
	text-align: center;
}
/* Any regular day of the month cell */
#dpCalendar .cellDay {
	background-color: #ddddff;
	color: black;
	text-align: center;
}
/* The day of the month cell that is selected */
#dpCalendar .cellSelected {
	border: 1px solid red;
	background-color: #ffdddd;
	color: black;
	text-align: center;
}
/* The day of the month cell that is Today */
#dpCalendar .cellToday {
	background-color: #ddffdd;
	color: black;
	text-align: center;
}
/* The day of the month cell that is inside a valid Range */
#dpCalendar .cellRange {
	background-color: #ffccff;
	color: black;
	text-align: center;
}
/* Any cell in a month that is unused (ie: Not a Day in that month) */
#dpCalendar .unused {
	background-color: transparent;
	color: black;
}
/* The Cancel/No Date button */
#dpCalendar .cellCancel {
	background-color: #cccccc;
	color: black;
	border: 1px solid black;
	text-align: center;
}
/* The text inside the Cancel/No Date button */
#dpCalendar .cellCancel a {
	display: block;
}
/* The clickable text inside the calendar */
#dpCalendar a {
	text-decoration: none;
	background-color: transparent;
	color: blue;
	display: block;
}

/* *******************default.CSS *************************** */


.vertical td, .horizontal td {
	vertical-align:top;
}

.contents a:link, .contents a:visited {
	text-decoration:underline;
	/*color:#3300CC;*/
	color:#0033CC;
}

.contents a:hover {
	text-decoration:none;
	color:#cc0000;
}

.popupWindow {
	width:100%;
}

table.horizontal {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.vertical {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

.vertical tr {
	width:100%;
}

.horizontal td, .vertical td {
	valign:top;
	vertical-align:top;
	margin:0px;
	padding:0px;
}

.horizontal tr {
	width:100%;
}

.container {
	/* background-color:red; */
	background-color: white;
	min-width:10%;
	margin: 0px;
	padding: 0px;
	border:none;
}

.title {
	background-color:#00c0c0;
	color:white;
	font-size:14pt;

	margin: 0px;
	padding: 0px;
}

.contents {
	background-color:white;
	padding:0px;
}

.text_box_contents {
	padding:20px;
}

.contents p {
	font-size:10pt;
}

.box_pane, .box_panel {
	border-width:3px;
	border-style:solid;
	border-color:#f0f0f0;
}


.formClass, .formClass th, .formClass td {
	font-family:verdana;
	font-size: 13px;
	border-width:3px;
	border-style:solid;
	border-color:#f0f0f0;
}

.formClass th {
	text-align:right;
}

.formClass td {
	text-align:left;
}

.listClass, .listClass th, .listClass td {
	font-family:verdana;
	font-size: 13px;
	text-align:left;
	border-width:3px;
	border-style:solid;
	border-color:#f0f0f0;
}

.listButton, .listButton a {
	background-color:#e0e0e0;
	text-decoration:none;
	color:black;
	border-style:solid;
	border-width:1px;
	border-color:#c0c0c0;
}

table.listClass  {
	border-width:1px;
	border-style:solid;
	border-color:#808080;
}

.listTitle, .listClass th {
	text-align:left;
}

.listFooter {
	text-align:left;
}

.listTitle {
	color:#8080ff;
	font-size:16pt;
	font-weight:bold;
	text-align:center;
	padding:5px;
}


.evenRow {
	background-color: #ffffc0;
}

.oddRow {
}

table.formClass  {
	border-width:1px;
	border-style:solid;
	border-color:#808080;
}

.formFooter {
	text-align:center;
}

.formTitle {
	color:#8080ff;
	font-size:16pt;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

/**
 *
 * Button definitions.
 */

.formButton, .formButton a, .formButton a:link, .formButton a:hover, .formButton a:visited {
	/*background-color:#e0e0e0; */ /* 	#e0e0e0; */
	text-decoration:none;
	color:white;
	border: none;
	padding:2px;
}

.formButtonDelete, .formButtonDelete a {
	background-color:#c82020;
	color:white;
}

.formButtonRemove, .formButtonRemove a {
	background-color:#c82020;
	color:white;
}

.XformButtonSave, .XformButtonSave a {
	background-color:#33CC66;
	color:white;
}

.XformButtonCancel, .XformButtonCancel a:link, .XformButtonCancel a:hover, .XformButtonCancel a:visited {
	background-color:#ffff80;
	color:black;
}

.formButtonEdit, .formButtonEdit a {
	background-color:#3333CC;
	color:white;
}

.formButtonNew, .formButtonNew a {
	background-color:#5050ff;
	color:white;
}

.formButtonSort, .formButtonSort a {
	background-color:#5050ff;
	color:white;
}

.formButtonDup, .formButtonDup a {
	background-color:#33CC66;
	color:white;
}

.formButtonSelect, .formButtonSelect a:link, .formButtonSelect a:hover, .formButtonSelect a:visited {
	background-color:#ffff80;
	color:black;
	border:none;
}

.wizardError {
	background-color:#FF0033;
	color:white;
	font-size: 14px;
	padding: 5px;
}

/* *******************dojo.tabs.CSS *************************** */

/*@CHARSET "ISO-8859-1";

.dijitLayoutContainer, .dijitTabContainer {

	overflow: visible;
}

.dijitTab {
	background:#DDDDEE none repeat scroll 0%;
	border-color:#777788 rgb(119, 119, 136) -moz-use-text-color;
	border-style:solid solid;
	border-width:1px 1px;
	margin-left:3px;
	padding:2px 0.5em;
	text-decoration:none;
	font-size: 12px;
    font-weight: bold;
}

.dijitTabChecked {
	background:white none repeat scroll 0%;
	border-bottom: 1px solid white;
}

.dijitTabPane {
	border: 1px solid black;
	width:auto;
	height: auto;
}

.dijitContentPane {
	width: auto;
	height: auto;
}
.tabLabel {
}*/

/* *******************framework.CSS *************************** */

@CHARSET "ISO-8859-1";

.frameworkBox {
	width: 85px;
	height: 65px;
	border-top: 1px dashed #005984;
	border-right: 1px dashed #005984;
	text-align: center;
	font-size: 24px;
	color: white;
}

td.frameworkBox { vertical-align:middle;
	width: 85px;
	height: 65px;
}

.frameworkTable { border-collapse: collapse;}

.framework img { border: none; padding:0px; margin: 0px; }

img.boxImage {
	padding: 0px;
	border: none;
	margin: 0px;
	height: 45px;
	width: 65px;
}

img.frameworkTopArrow {
	position: relative;
	left: -12px;
	top: 3px;
}

img.frameworkRightArrow {
	position: relative;
}

td.frameworkTopArrow, td.frameworkRightArrow {
	vertical-align: bottom;
}

.firefoxArrowRight {
	top: 15px;
	left: -0px;
}

.ieArrowRight {
	top: 12px;
	left: -0px;
}

.topLeft, .quadC {
	background-color: #339966;
	color: #e7e7e7;
}

.topRight, .quadD {
	background-color: #02808a;
	color: #e7e7e7;
}

.bottomLeft, .quadA {
	background-color: #cafec5;
	color: #808080;
}

.bottomRight, .quadB {
	background-color: #99ccff;
	color: #808080;
}

.quadA, .quadB, .quadC, .quadD {
	text-align: center;
	border-top: 1px dashed #005984;
	border-right: 1px dashed #005984;
}

td.quadA, td.quadB, td.quadC, td.quadD {
	vertical-align: middle;
	padding:5px;
}

td.frameworkRightArrow { vertical-align: bottom; }

td.yAxisLabel { vertical-align:middle; text-align:right; height: 85px;}

.yAxisLabel {font: 700 9pt arial;}

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

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

.xAxisLabel { font: 700 9pt arial; }

.yAxisSpacer { width:10px; }

.xAxisSpacer { height:20px; }

.yAxis, td.quadA, td.quadC { border-left: 6px solid #005984; }

.xAxis, td.quadA, td.quadB { border-bottom: 6px solid #005984; }

.yCenter, td.quadA, td.quadB { border-top: 2px solid #005984; }

.xCenter, td.quadA, td.quadC { border-right: 2px solid #005984; }

div.xAxisLabel { width: 75px; }

div.yAxisLabel { width: 115px; }



/* *******************jquery.CSS *************************** */

@CHARSET "ISO-8859-1";

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 64px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    background:none;
}
	
.ui-tabs-nav a,.ui-tabs-nav a:link,.ui-tabs-nav a:visited, .ui-tabs-nav a:hover {
    position: relative;
    top: 1px;
    z-index: 2;
    color: #27537a;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
	}
	
.ui-tabs-nav .ui-tabs-selected a {
    /*color: #444488;*/
	/*color: #004f75;*/
	color:#CC0000;
}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}

.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
    background-color:grey;
}
.ui-tabs-nav a span {
    width: 44px; /* IE 6 treats width as min-width */
    min-width: 44px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 0;
    padding-right: 0;
    /*color: #444488;*/
	color: #004f75;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -44px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 -44px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
    text-decoration:none;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-nav .ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-container {
    padding: 1em 0px 0px 0px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/**** the following defines the DATA PANE for the selected tab ****/
.ui-tabs-panel {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #777788;
	padding:3px;
	clear:both; /* needed for ie6 */
}

/**** the following defines a NON-SELECTED tab *****/
.ui-tabs-nav li a {
	background:#bcd7e7 none repeat scroll 0%;
	border-color:#777788 rgb(119, 119, 136) -moz-use-text-color;
	border-style:solid solid;
	border-width:1px 1px;
	margin-left:3px;
	padding:2px 0.5em 0px 0.5em;
	text-decoration:none;
}


/**** the following defines a NON-SELECTED tab with HOVER *****/
.ui-tabs-nav li a:hover  {
	color:white;
	background:#5b9abf none repeat scroll 0%;
	border-color:#222277;
	text-decoration:none;
}
.ui-tabs-nav li a:hover span {
	color:white;
}

/**** the following defines the SELECTED tab *****/
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected a:hover {
	background:white none repeat scroll 0%;
	border-bottom: 1px solid white;
/**** to show a red top, right, left border in Firefox on the SELECTED tab *****/
	border-top: 1px solid #cc0000;
	border-right: 1px solid #cc0000;
	border-left: 1px solid #cc0000;
	border-bottom: 1px solid #ffffff;

}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav .ui-tabs-selected a:hover  span{
    /*color: #27537a;*/
	color: #cc0000;
	cursor:pointer;
	
}


/* *******************schedule.CSS *************************** */

.schedule {
	border-style:solid;
	border-width:2px;
	font-family:verdana;
	border-color:#f0f0f0;
	width:335px;
}

.schedule td {
	font-size:9pt;
	align:left;
	padding:3px;
	padding-left:10px;
}

.scheduleHeader td {
	align:left;
	font-size:9pt;
	font-weight:bold;
	width:50%;
}

td.right {
	align:left;
	width:50%;
	padding-left:0px;
}

td.left {
	align:left;
	width:50%;
}


/* *********************STYLES.CSS ********************************* */

td {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	border: none;
		
}

tr, tbody {
	padding: 0;
	margin: 0px;
	border: 0;
}
.horizontal, .horizontal td {
	valign:top;
	vertical-align:top;
	
}

.horizontal tr {
	width:100%;
}

/*
a:link, a:visited {
	font-family:Verdana;
	font-size: 10px;
	}


a:hover {
	font-family:Verdana;
	font-size: 10px;
	text-decoration: none;
	color:#CC0033;
}

.yui-skin-sam .yuimenubaritem-selected {
background:transparent url(upload/images/menu_background_gradient_5b.gif) repeat-x scroll 0pt -1700px;
}


*/
a.yuimenubaritemlabel , a.yuimenubaritemlabel:link, a.yuimenubaritemlabel:visited, a.yuimenubaritemlabel:hover {
	color: black;
	font-family:verdana;
	font-size: 10px;
	text-decoration: none;}


a.yuimenubaritemlabel:hover {
	color: #000000;
}

a.yuimenuitemlabel , a.yuimenuitemlabel:link, a.yuimenuitemlabel:visited, a.yuimenuitemlabel:hover {
	color: black;
	font-family:verdana;
	font-size: 10px;
	text-decoration: none;
	
}


a.yuimenuitemlabel:hover, a.yuimenuitem-selected, a.yuimenuitem-hassubmenu-selected, .yui-skin-sam .yuimenuitem-selected  {
	color: #000000;
	/*background-color: #bcd7e7;*/
	background-color: #bcd7e7;
}


body {
	background-color: #005984;
	margin: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 0px;	
}
.container {
	
	border-top: color:#999999,10px; 
	background-color:#FFFFFF;
	padding: 0px;
	margin: 0px;
}	

table.vertical {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	border-collapse:collapse;
	border-spacing: 0px;
	}
	
table.horizontal {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	border-collapse:collapse;
	border-spacing: 0px;
	}
	
.horizontal td, .vertical td {
	margin:0px;
	padding:0px;
}



#dwt_menu_bar_contents {
	float: right;
	width: auto;
	padding: 0;
	}
	
#dwt_outer_container_container {
	width: 900px;
	margin:0 auto; 
	background-color: #005984;
	}
	
#subWindow_outer_container_container {
	width: 900px;
	margin:0 auto; 
	background-color: #005984;
	}	

#dwt_footer_container {
	width: 500px;
	margin:0 auto;
	}
	
#dwt_main_container {
	width:820px;
	margin:0 auto;
	font-family:verdana;
	font-size:10pt;
	color: black;
	border-top: 10px solid #cccccc;
	border-bottom: 10px solid #cccccc;
	border-right: 10px solid #a9a9a9;
	border-left: 10px solid #a9a9a9;
	padding: 0px;
	}
	
#subWindow_main_container {
	width:820px;
	margin:0 auto;
	font-family:verdana;
	font-size:10pt;
	color: black;
	border-top: 10px solid #cccccc;
	border-bottom: 10px solid #cccccc;
	border-right: 10px solid #a9a9a9;
	border-left: 10px solid #a9a9a9;
	padding: 0px;
	}
	
#demo_main_container {
	width:820px;
	margin:0 auto;
	font-family:verdana;
	font-size:10pt;
	color: black;
	border-top: 8px solid #cccccc;
	border-bottom: 8px solid #cccccc;
	border-right: 8px solid #a9a9a9;
	border-left: 8px solid #a9a9a9;
	padding: 0px;
}

#demo_body_contents {
padding: 15px 20px;	
}

#subWindow_body_contents {
padding: 15px 20px;	
}

	
/*#the_framework_main_container {
padding: 10px 20px 0px 30px;

}*/

#the_framework_main_container {
padding: 5px;
}

#the_framework_center_container {
padding-left: 40px

}

#sub_user_framework_center_container {
padding-left: 40px

}

/*#the_framework_main_contents {
padding: 10px;


}*/

/*#framework_main_container {
width: 100% ;

}*/

#my_profile_container {
padding-left: 10px

}

#speed_coach_form_container {
padding-left: 10px

}

#the_framework_details_center_container {
padding: 15px 0px;

}

#the_framework_details_center_contents {
margin-bottom: 10px;
}

#the_framework_center_no_click_container {
padding-left: 40px;
padding-top: 5px;
}


/*#the_framework_details_contents {
padding: 15px 20px;

}*/

#the_framework_details_container {
/*	width:820px;
	margin:0 auto;
	font-family:verdana;
	font-size:10pt;
	color: black;
	border-top: 8px solid #cccccc;
	border-bottom: 8px solid #cccccc;
	border-right: 8px solid #a9a9a9;
	border-left: 8px solid #a9a9a9;
	padding: 0px;
	*/
}


#user_summary_zfactor_container {
/*
	width: 756px;
	margin:0 auto;
	font-family:verdana;
	font-size:9pt;
	color: black;
	border-top: 6px solid #cccccc;
	border-bottom: 6px solid #cccccc;
	border-right: 6px solid #a9a9a9;
	border-left: 6px solid #a9a9a9;
	padding: 12px;
*/
	}
	
#dwt_center_outer_box_container {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: white;
	}
	
#dwt_center_top_inner_box_container {
	width: auto;
	padding: 0px;
	background-color: white;
	}
	
#dwt_center_bottom_inner_box_container {
	width: 100%;
	padding: 0px;
	background-color: white;
	}
	

#dwt_client_logo_container {
	width:auto;
	background-color: #FFFFFF;
	
	}
	
#dwt_site_title_line_container {
	width:380px;
	float: right;
	background-color: white;
	}
		
#dwt_left_img_container {
		width:auto;
		float: left;
		padding: 0px;
		margin: 0px;
		background-color:white;
		}

#dwt_right_img_container {
	width:auto;
	float: right;
	padding: 0px;
	margin: 0px;
		}
	
#dwt_header_container {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: white;
		}

#dwt_body_editable_region_contents {
	padding: 15px 20px;

		}
#zfactor_logo_footer_contents {
	padding: 0px 20px;

		}
#dwt_body_editable_region_container {
	margin: 0;
	padding: 0;

		}
	
#dwt_footer_container {
	width: auto;
		}

#dwt_menu_bar_container {
	padding: 0px;
	margin: 0px;
	
	font-family:verdana;
	font-size:10pt;
	color: black; 
	width: 100%;
	}
#dwt_menu_bar_contents {
	padding: 0px;
	margin: 0px;
	border-collapse:collapse;
	background_color: white;
	width: 100%;
	}

#home__top_right_inner_box_container {
	width:inherit;
	float: right;
	}


#home_container {
	width:auto;
	min-width: 90%;
	align: center;
	font-family:verdana;
	font-size:10pt;
	border: 1px solid black;
}

#sidebar_container {
	/*float:left;*/
	width:250px;
}

#sidebar_title {
	background-color:yellow;
	color:#cc0000;
}

#sidebar_contents {
	padding:5px;
	margin:0;
	line-height:150%;
	font-size:10pt;
	
}

#header_container {
	/*text-align:center;*/
}

#main_container {
	/*margin-left: 25%;*/
	width:700;
}

#dwt_main_contents {
	
}

#footer_container {
	
}	

.step_statement td {
	padding: 5px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
.radio_button td{
	padding-top: 5px;
	padding-bottom: 2px;
	
}

.radio_button_label, .radio_button_label td  {
	padding-bottom: 4px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

.left_header_image {
	float:left;
	padding: 0 0 0 50px;
}

.right_zf_footer_image {
	float:right;
	padding: 0 20px 5px 0px;
}

.client_left_header_image {
	float:left;
	padding: 5px 0px 5px 5px;
}

.client_right_header_image {
	float:right;
	padding: 10px 35px 0 10px;	
}

.client_quote {
	float:left;
	padding: 10px 30px 0 50px ;	
}

.clearboth {
	clear:both;
	display:none;
}


.right_header_image {
	float:right;
	padding: 2px 30px 0 0;
}
.title {
	background-color:#ffff99;
	line-height: single;
	font-family:verdana;
	color:blue;
	font-size:8pt;
	padding: 0px;
}

.contents {
background-color: white;	
}

.contents p {
	font-size: 9pt;
	line-height: 135%;
	padding: 5px;
	
}

.text_box_container {
	background-color:white;
	padding: 0px;
}

.text_box_contents {
	background-color:white;
	padding: 15px;
		
}
.login {
	
	padding: 20px;
		
}

.text_box_contents a {

	
}

.window_background_contents, .window_background_container {
		background-color: #005984;
	}

.box_pane, .box_panel {
	border-width:3px;
	border-style:solid;
	border-color:#f0f0f0;
}


.formClass, .formClass th, .formClass td {
	font-family:verdana;
	font-size: 13px;
	border-width:3px;
	border-style:solid;
	border-color:#f0f0f0;
}

.formClass th {
	text-align:right;
}

.formClass td {
	text-align:left;
}

.listClass, .listClass th, .listClass td {
	font-family:verdana;
	font-size: 13px;
	text-align:left;
	border-width:3px;
	border-style:solid;
	border-color:#f0f0f0;
}

.listButton, .listButton a {
	background-color:#e0e0e0;
	text-decoration:none;
	color:black;
	border-style:solid;
	border-width:1px;
	border-color:#c0c0c0;
}

table.listClass  {
	border-width:1px;
	border-style:solid;
	border-color:#808080;
}

.listTitle, .listClass th {
	text-align:left;
}

.listFooter {
	text-align:left;
}

.listTitle {
	color:#8080ff;
	font-size:16pt;
	font-weight:bold;
	text-align:center;
	padding:5px;
}


.evenRow {
	background-color: #ffffc0;
}

.oddRow {
}

table.formClass  {
	border-width:1px;
	border-style:solid;
	border-color:#808080;
}

.formFooter {
	text-align:center;
}

.formTitle {
	color:#8080ff;
	font-size:16pt;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

/**
 *
 * Button definitions.
 */

.formButton, .formButton a {
	/*background-color:#e0e0e0; */ /* 	#e0e0e0; */
	text-decoration:none;
	color:black;
	border: none;
	padding: 3px;
	margin: 1,1,1,1;
}

.formButtonDelete, .formButtonDelete a {
	color: white;
	background-color:#CC0000;
	padding: 1px;
}

.formButtonDelete a:hover {
	color: black;
	background-color:#CCCCCC;
	padding: 1px;
}


.formButtonRemove, .formButtonRemove a {
	background-color:#c82020;
	color:white;
}

.XformButtonSave, .XformButtonSave a {
	background-color:#33CC66;
	color:white;
}

.XformButtonCancel, .XformButtonCancel a {
	background-color:#ffff80;
	color:black;
}

.formButtonEdit, .formButtonEdit a {
	background-color:#3333cc;
	color:white;
	padding: 1px;
	
}

.formButtonEdit a:hover {
	color:black;
	background-color:#cccccc;
	padding: 1px;
	
}

.formButtonNew, .formButtonNew a {
	background-color:#6633cc;
	color:white;
	
}
.formButtonNew a:hover {
	color: black;
	background-color:#CCCCCC;
	padding: 1px;
}

.formButtonSort, .formButtonSort a {
	background-color:#5050ff;
	color:white;
}

.formButtonDup, .formButtonDup a {
	background-color:#009933;
	color:white;
	padding: 1px;
}
	
.formButtonDup a:hover {
	color: black;
	background-color:#CCCCCC;
	padding: 1px;
}


.formButtonSelect, .formButtonSelect a {
	background-color:#ffff80;
	color:black;
	border:none;
}

.wizardError {
	background-color:#c82020;
	color:white;
	font-size: 14px;
	padding: 5px;
}

.editable {
	border: 1px dotted #009900;
}


.hidden {
	display: none;
	}
	
.catTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 20px;
}
.formQuestion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	vertical-align: top;
	padding-right: 5px;
}

.smallLabel {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	}
	
.tableLabel10ptB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	padding: 5px;
}
.cellContent10pt {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; }

.LeaderXYwebBlue005984 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #005984;
}

/*Manage Resources styles*/

/* Grid classes... for Resource list */

/*this is the header line at the top of the table */
.dojoxGrid-header  {
	background:#f4f4f4;
	
	
}

.dojoxGrid-header .dojoxGrid-cell {
	background:#005984;
	color:#FFFFFF;
	font-weight:700;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	
}

/* all rows, EXCEPT the header */

.dojoxGrid-row .dojoxGrid-cell {
	padding: 8px 3px 5px 3px;
	font-size: 9pt;
	font-family: verdana;
}

/*selected row only */
.dojoxGrid-row-selected {
	background-color:#bcd7e7;	
	

}

/*odd rows only - background-color is usually yellow
*/

.dojoxGrid-row-odd {
	background-color:#f3f9fc;

	
}
.dojoxGrid-row-over {
	border-bottom: solid 1px #f3f9fc;
	background-color:#bcd7e7;
	
	
	
	
}
th.dojoxGrid-cell-over {
	border-bottom: solid 2px #cc0000;
	
	
	
	
	
}


/*all cells, INCLUDING the header*/

.dojoxGrid-cell {
}

.backupDatabase {

	margin-top: 20px;
	margin-bottom: 40px;
	

}

.dateTime {
	
	color: #cc0000;
	font-weight: 700;
}



.userTreeContainer {
	
	border: solid 1px #999999;
	/*background-color:#f3f9fc;*/
	/*background-color:#ffffee;*/
	margin-left: 185px;
	padding: 5px 0px 20px 10px;
	margin-right: 185px;
	margin-top: 10px;
	margin-bottom: 20px;
	}

.dijitTreeLabel {

	font-size: 8pt;
	
	}
	
	.userTreeSelected {
	font-weight: 700;
	background-color:#bcd7e7;
	}
	
/*.userTreeUserIcon {
background-image: url('icons/Tree_User_20px.gif');
}

.userTreeSubUserIcon {
background-image: url('icons/Tree_Sub_User_20px.gif');
}

.userTreeGroupIcon {
background-image: url('icons/Tree_User_Group_20px.gif');
}*/

.tundra .dijitFolderClosed, .tundra .dijitFolderOpened, .userTreeUserIcon {
background-image: url('icons/Tree_User_20px.gif');
}

.tundra .dijitLeaf, .userTreeSubUserIcon {
/*background-image: url('icons/Tree_Sub_User_20px.gif');*/
background-image: url('icons/GreenUser_20px.gif');

}

.userTreeGroupIcon {
background-image: url('icons/Tree_User_Group_20px.gif');
}
.journalInstructions {
	font-style:italic;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 8pt;

}
.wagtoolForm {
}



.wagtoolFormFirst {
background: url('icons/FormFirstE_24px_fade2.gif') no-repeat;
width: 92px;
height: 24px;
}
.wagtoolFormFirstDisabled {
background: url('icons/FormFirstD_24px_new2.gif') no-repeat;
width: 92px;
height: 24px;
}

.wagtoolFormPrev {
background: url('icons/FormPrevE_24px.gif');
width: 24px;
height: 24px;
}
.wagtoolFormPrevDisabled {
background: url('icons/FormPrevD_24px.gif');
width: 24px;
height: 24px;
}

.wagtoolFormCurrent {
padding: 3px;
font-size: 8pt;
/*background-image: url('icons/FormCurrentE_24px.gif');
width: 24px;
height: 24px;*/
}
.wagtoolFormCurrentDisabled {
/*background-image: url('icons/FormCurrentE_24px.gif');
width: 24px;
height: 24px;*/
}

.wagtoolFormNext {
background-image: url('icons/FormNextE_24px.gif');
width: 24px;
height: 24px;
}
.wagtoolFormNextDisabled {
background-image: url('icons/FormNextD_24px.gif');
width: 24px;
height: 24px;
}

.wagtoolFormLast {
/*background-image: url('icons/FormLastE_24px3.gif');*/
background-image: url('icons/FormLastE_24px_fade2.gif');
width: 92px;
height: 24px;
}
.wagtoolFormLastDisabled {
background-image: url('icons/FormLastD_24px_new2.gif');
width: 92px;
height: 24px;
}

.wagtoolFormNew {
background-image: url('icons/FormNewE_24px.gif');
width: 24px;
height: 24px;
}
.wagtoolFormNewDisabled {
background-image: url('icons/FormNewD_24px.gif');
width: 24px;
height: 24px;
}

.wagtoolFormSave {
background-image: url('icons/FormSaveE_24px2.gif');
width: 24px;
height: 24px;
}
.wagtoolFormSaveDisabled {
background-image: url('icons/FormSaveD_24px2.gif');
width: 24px;
height: 24px;
}


.tundra .dijitToolbar .dijitButtonNode {

adding: 2px;
}
.tundra .dijitToolbar .dijitButtonHover {
	/*background-color:#bcd7e7;*/
	background-color:#f4f4f4;
	border: solid 1px #999999;
	margin: 1px;
}

.formContainerDiv {
 	padding: 5px


}
.wagFileTree {

	border: solid 1px #999999;
	/*background-color:#f3f9fc;*/
	/*background-color:#ffffee;*/
	margin-left: 185px;
	padding: 5px 0px 20px 10px;
	margin-right: 185px;
	margin-top: 10px;
	margin-bottom: 20px;
}


 .wagFileTree .uploadTreeFolderOpenIcon {
background-image: url('icons/Folder_open20px.gif');
}

.wagFileTree .uploadTreeFolderClosedIcon {
background-image: url('icons/Folder_closed20px.gif');
}

.wagFileTree .uploadTreeFileIcon {
background-image: url('icons/Folder_file20px.gif');
}

.resourceTable td {
	border: 1px solid #666666;
	padding: 8px;
	
}
.resourceDescription td {
	border: 1px solid #666666;
	padding: 8px;
	
}

.borderedTable td {
	border: 1px solid #666666;
	padding: 8px;
	
}

.borderedTableCenterAlign td {
	border: 1px solid #999999;
	
	vertical-align: middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;


/* *******************tabber.CSS NOT USED*************************** */

/*
 * targetFileName = tabber.css
 * targetPathName = WebContent/js
 * targetFileType = css
 */

/* mdaWizard-start-cssdata */

/************ WARNING ******************
 * 
 * the following data is generated code that will be replaced the 
 * next time this file is created.
 *
 * If you want to change some of the CSS properties, then add the changes in the
 * bottom of the file and the CSS processor will override the generated properties
 *
 ************************************************/
 
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
/*.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
/*.tabber {
}

.tabber a {font-size: 10px;
}

.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
/*ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 /*background: #DDE;*/
 /*background: #a4c8dd;*/
 /*background: #bcd7e7;
 text-decoration: none;
 
}

ul.tabbernav li a:link { /*color: #448;*/ /*color: #004F75}
ul.tabbernav li a:visited { /*color: #667;*/ /*color: #004F75}

ul.tabbernav li a:hover
{
 /*color: #fff;*/
/* color: #fff;
 /*background: #AAE;*/
 /*border-color: #227;
 background: #5b9abf;
 
}

ul.tabbernav li.tabberactive a
{
 color:#004F75;
 background-color: #fff;
 border-bottom: 1px solid #fff;

}

ul.tabbernav li.tabberactive a:hover
{
 color:#cc0000;
 background: white;
 border-bottom: 1px solid white;
  
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
/*.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
/*}

/* If desired, hide the heading since a heading is provided by the tab */
/*.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
/*.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* mdaWizard-end-cssdata */

/************************************************
 * Add user changes to the CSS file below.  The information above these lines will
 * be regenerated when the transformation is rerun
 ************************************************/
 
 /*.tabberlive .tabbertab {
 	/* background:#DDE; 
	border:0px; */
	/* width: 100% */
 /*}

ul.tabbernav li.tabberactive a:hover
{
 /*color: #000;*/
 /*color:#cc0000;
 /* background: red; */
 /*border-bottom: 1px solid white;
}


 
/* *******************tiny_mce.CSS *************************** */

/* TinyMCE specific rules */
body.mceContentBody {
   background: #fff;
   font-size: 9pt;
   line-height: 135%

}

.mceContentBody {
}

.mceContentBody p {
font-size: 9pt;
font-family:Verdana; 

}

.mceContentBody address, .contents address {
font-size: 9pt;
font-family:verdana;
font-weight:400;

}

.mceContentBody h6, .contents h6 {
font-size: 7pt;
font-family: Verdana; 
font-weight: 400;

}

.mceContentBody h5, .contents h5 {
font-size: 8pt;
font-family: Verdana; 
font-weight: 400;

}

.mceContentBody h4, .contents h4 {
font-size: 10pt;
font-family: Verdana; 
font-weight:400;

}

.mceContentBody h3, .contents h3 {
font-size: 10pt;
font-family: Verdana; 
font-weight:700;

}

.mceContentBody h2, .contents h2 {
font-size: 11pt;
font-family: verdana; 
font-weight:700;

}

.mceContentBody h1, .contents h1 {
font-size: 15pt;
font-family:Arial;
font-weight:700;

}



/* *******************tooltip.CSS *************************** */

@CHARSET "ISO-8859-1";

.dijitTooltipContainer, .dijitTooltipContents {
	background-color: #FDFCDC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px
	border: 1px solid #002299;
	/*font: 11pt normal verdana;*/
	padding: 10px;
	width: 300px;
}




/* *******************yahoo.tabs.CSS NOT USED *************************** */




/*@CHARSET "ISO-8859-1";


.yui-navset .yui-nav li,
.yui-navset .yui-nav li a:link,
.yui-navset .yui-nav li a:visited,
.yui-navset .yui-nav li a:hover,
.yui-navset .yui-nav li a
{
	background:#DDDDEE;
	border-color: #ddddee;
	text-decoration:none;
	font-size: 12px;
    font-weight: bold;
}

.yui-navset .yui-nav li
{
	border-color:#777788 rgb(119, 119, 136) -moz-use-text-color;
	border-style:solid solid;
	border-width:1px 1px;
	margin-left:3px;
	padding:2px 0.5em;
}

.yui-skin-sam .yui-navset .yui-content,
.yui-skin-sam .yui-navset .yui-navset-top .yui-content {
	border-color:#243356 rgb(128, 128, 128) rgb(128, 128, 128);
	border-style:solid;
	border-width:1px;
	padding:0.25em 0.5em;
	margin: 0px;
	background-color: white;
}

.yui-navset .yui-nav li.selected,
.yui-navset .yui-nav li.selected a:link,
.yui-navset .yui-nav li.selected a:visited,
.yui-navset .yui-nav li.selected a:hover,
.yui-navset .yui-nav li.selected a,
.yui-skin-sam .yui-navset .yui-nav li.selected,
.yui-skin-sam .yui-navset .yui-nav li.selected a:link,
.yui-skin-sam .yui-navset .yui-nav li.selected a:visited,
.yui-skin-sam .yui-navset .yui-nav li.selected a:hover,
.yui-skin-sam .yui-navset .yui-nav li.selected a
{	background:white none repeat scroll 0%;
	color: black;
	margin: 0px;
}

.yui-navset .yui-nav li.selected
{	background:white none repeat scroll 0%;
	border-bottom: 1px solid white;
	margin: 0px;
	position: relative;
	top: 1px;
}

.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav
{
	border: none;
}*/

/* ******************* ENDyahoo.tabs.CSS NOT USED*************************** */