body {
        margin:0;
        padding:0;
        font:  11px/1.5em DIN, Helvetica, Arial, Sans-serif;
}

div a:link {
	color: #336699;
}

div a:visited {
	color: #336699;
}

/* main container within the body */
.container{
		border: 1px solid #b8b8b8;
		margin-top: 1em;
		margin-bottom: 1em;
		padding: 5px 5px 5px 5px;
	    margin-left: auto;
    	margin-right: auto;
		width: 1100px;    			
		min-height: 300px;
}

/* header row */

#welcomecontainer{
		width: 800px;

}

#leftSection{
		width: 150px;
		position: relative;
		float: left;
}

#rightSection{
		width: 20px;
		position: relative;
		float: right;
}

/* header row */
.header {
		border: 1px solid #b8b8b8;
        width: 98%;
		height: 80px;
        color: #FFF;
        vertical-align: middle;
		padding: 10px;
}

/* div box for logon screens */
.logonblock {
		border: 1px solid #b8b8b8;
		padding: 10px 10px 10px 10px;
}

/* div box for external report table */
.viewReportblock {
		border: 1px solid #b8b8b8;
		padding: 5px 1px 5px 5px;
}


/* div box for all other instances */
.genericAreablock {
		border: 1px solid #b8b8b8;
		padding: 10px;
}

textarea {
		font-family: DIN, Helvetica, Arial, Sans-serif;
		font-size: 13.3333px;
}


/* all buttons in the system are styled as follows */
input.button {
		font: 11px/1.5em DIN, Helvetica, Arial, Sans-serif;
		padding: 2px 5px;
		margin: 1px 5px 1px 0px;
		border-radius: 4px;
		min-width: 40px;
}

input.button.right {
		margin-right: 0px;
}

input.buttonReset {
		font: 11px/1.5em DIN, Helvetica, Arial, Sans-serif;
		width: 75px;
}

/* File input fields */
input.file {
		font: 11px/1.5em DIN, Helvetica, Arial, Sans-serif;
}

.alignTopLeft {
		text-align: left;
		vertical-align: top;
}

p
	{
		color: #C00;
		font-weight: bold;
	}

/* table styles for table format data */

table.stats
	{
		text-align: center;
		font-family: DIN, Helvetica, Arial, Sans-serif ;
		font-weight: normal;
		font-size: 11px;
		color: #fff;
		width: 785px;
		background-color: #666;
		border: 0px;
		border-collapse: collapse;
		border-spacing: 0px;
	}

table.stats td
	{
		background-color: #CCC;
		color: #000;
		padding: 4px;
		text-align: left;
		vertical-align: top;
		border: 1px #fff solid;
	}

table.stats td.hed
	{
		background-color: #666;
		color: #fff;
		padding: 4px;
		text-align: left;
		border-bottom: 2px #fff solid;
		font-size: 12px;
		font-weight: bold;
	}
	

/* table styles for table format data - short ver */

table.shortstats
	{
		text-align: center;
		font-family: DIN, Helvetica, Arial, Sans-serif ;
		font-weight: normal;
		font-size: 11px;
		color: #fff;
		background-color: #E3EFFF;
		border: 0px;
		border-collapse: collapse;
		border-spacing: 0px;
	}

table.shortstats td
	{
		background-color: #E3EFFF;
		color: #000;
		padding: 4px;
		text-align: left;
		vertical-align: top;
		border: 1px #fff solid;
	}

table.shortstats td.hed
	{		
		background-color: #CCE2FF;		
		color: #000000;
		padding: 4px;
		text-align: left;
		border-bottom: 1px #fff solid;
		font-size: 12px;
	}
	
/*----------------------------
	iframe table styles
-----------------------------*/
table.iframe
	{
		text-align: center;
		font-family: DIN, Helvetica, Arial, Sans-serif ;
		font-weight: normal;
		font-size: 11px;
		color: #fff;
		width: 650px;
		background-color: #666;
		border: 0px;
		border-collapse: collapse;
		border-spacing: 0px;
	}

table.iframe td
	{
		background-color: #CCC;
		color: #000;
		padding: 4px;
		text-align: left;
		vertical-align: top;
		border: 1px #fff solid;
	}

table.iframe td.hed
	{
		background-color: #666;
		color: #fff;
		padding: 4px;
		text-align: left;
		border-bottom: 2px #fff solid;
		font-size: 12px;
		font-weight: bold;
	}

/*----------------------------
	form table styles
-----------------------------*/
table.forms
	{
		text-align: left;
		font-family: DIN, Helvetica, Arial, Sans-serif ;
		font-weight: normal;
		font-size: 11px;
		color: #000;
		background-color: #FFF;
		border: 0px;
		border-collapse: collapse;
		border-spacing: 0px;
	}

table.forms td
	{
		background-color: #FFF;
		color: #000;
		padding: 4px;
		text-align: left;
		vertical-align: top;
		border: 1px #fff solid;
	}

table.forms td.tdlabel
	{
		background-color: #FFF;
		color: #000;
		padding: 4px;
		text-align: right;
		vertical-align: top;
		border: 1px #fff solid;
		font-weight: bold;
	}

table.forms td.hed
	{
		background-color: #FFF;
		color: #000;
		padding: 4px;
		text-align: left;
		border-bottom: 2px #fff solid;
		font-size: 12px;
		font-weight: bold;
	}

/*----------------------------
	admin styles
-----------------------------*/
table.adminforms
	{
		text-align: center;
		font-family: DIN, Helvetica, Arial, Sans-serif ;
		font-weight: normal;
		font-size: 11px;
		color: #fff;
		width: 500px;
		/*background-color: #666;*/
		background-color: #E3EFFF;
		border: 0px;
		border-collapse: collapse;
		border-spacing: 0px;
		margin-bottom: 5px;
	}

table.adminforms td
	{
		/*background-color: #CCC;*/
		background-color: #E3EFFF;
		border: 1px #fff solid;
		color: #000;
		padding: 4px;
		text-align: left;
		vertical-align: top;
		
	}

table.adminforms td.hed
	{
		/*background-color: #666;
		color: #fff;
		font-weight: bold;
		padding: 4px;
		text-align: left;
		border-bottom: 2px #fff solid;
		font-size: 12px;		
		*/
		background-color: #CCE2FF;
		color: #000000;
		border: 1px #fff solid;
		text-align: left;
		font-size: 12px;

		
	}

/*----------------------------
	dashboard styles
-----------------------------*/
table.dbforms
	{
		text-align: left;
		font-family: DIN, Helvetica, Arial, Sans-serif ;
		font-weight: normal;
		font-size: 11px;
		color: #000;
		background-color: #FFF;
		border: 1px #fff solid;
	}

table.dbforms td
	{
		background-color: #FFF;
		color: #000;
		padding: 4px;
		text-align: left;
		vertical-align: top;
		border: 1px #6B78A9 solid;
	}

table.dbinnerforms
	{
		text-align: left;
		font-family: DIN, Helvetica, Arial, Sans-serif ;
		font-weight: normal;
		font-size: 11px;
		color: #000;
		background-color: #FFF;
		border: 1px #fff solid;
	}

table.dbinnerforms td
	{
		background-color: #FFF;
		color: #000;
		padding: 4px;
		text-align: left;
		vertical-align: top;
		border: 1px #fff solid;
	}

/*--------------------------------
	treeBox
---------------------------------*/
div.treeBox
	{
		width:	25%;
		height:	180px;
		background-color: white;
		border:	1px #6B78A9 solid;
		overflow:auto; 
		font-family: DIN, Helvetica, Arial, Sans-serif ;
		font-weight: normal;
		font-size: 11px;
	}

/*--------------------------------
	Upload & Edit Report styles
---------------------------------*/
table.uploadforms
	{
		text-align: left;
		font-family: DIN, Helvetica, Arial, Sans-serif ;
		font-weight: normal;
		font-size: 11px;
		color: #000;
		background-color: #FFF;;
	}

table.uploadforms td
	{
		background-color: #FFF;
		color: #000;
		text-align: left;
		vertical-align: top;
	}


table.uploadinnerforms
	{
		text-align: left;
		font-family: DIN, Helvetica, Arial, Sans-serif ;
		font-weight: normal;
		font-size: 11px;
		color: #000;
		background-color: #FFF;
	}

table.uploadinnerforms td
	{
		background-color: #FFF;
		color: #000;
		text-align: left;
		vertical-align: top;
	}

/*----------------------------
	oversight report styles
-----------------------------*/
table.oversightReports {
	text-align: left;
	font-family: DIN, Helvetica, Arial, Sans-serif ;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	background-color: #FFF;
	padding: 0px;
	margin: 10px 0px;
	width: 90%;
}
table.oversightReports th {
	color: #FFF;
	padding: 4px;
	margin: 0px;
	text-align: left;
	font-weight: bold;
}
table.oversightReports td {
	background-color: #FFF;
	color: #000;
	padding: 0px 3px 0px 3px;
	text-align: left;
	vertical-align: top;

}
hr.oversightReports {
	color: #6B78A9;
	height: 1px;
}
table.oversightReports td.divider {
	border-bottom: 1px #6B78A9 solid;
}

/*----------------------------
	custom report styles
-----------------------------*/
div.dataLayout {
		text-align: left;
		font-family: DIN, Helvetica, Arial, Sans-serif ;
		font-weight: normal;
		font-size: 11px;
		color: #000;
		background-color: #FFF;
		border: 1px #6B78A9 solid;
		padding: 2px;
		max-width: 1080px;
}

div.dataLayout div.toggleBar {
		background-color: #c00;
		color: #FFF;
		padding: 4px;
		text-align: left;
		border-bottom: 2px #fff solid;
		font-size: 12px;
		font-weight: bold;
		cursor:hand;
	}

div.dataLayout div.dataContent {
	padding: 8px;
	}

div.dataLayout div.dataContentGrid {
	padding: 0px;
	}

table.customforms,
	{
		text-align: left;
		font-family: DIN, Helvetica, Arial, Sans-serif ;
		font-weight: normal;
		font-size: 11px;
		color: #000;
		background-color: #FFF;
		border: 1px #6B78A9 solid;
	}

table.customforms td.hed
	{
		background-color: #c00;
		color: #FFF;
		padding: 4px;
		text-align: left;
		border-bottom: 2px #fff solid;
		font-size: 12px;
		font-weight: bold;
	}

table.customforms td
	{
		background-color: #FFF;
		color: #000;
		padding: 4px;
		text-align: left;
		vertical-align: top;
	}

table.customforms tdlabel
	{
		background-color: #FFF;
		color: #000;
		padding: 4px;
		text-align: left;
		vertical-align: top;
		font-weight: bold;
	}

table.customforms td.righthed
	{
		background-color: #FFF;
		color: #000;
		padding: 4px;
		text-align: right;
		vertical-align: top;
	}

/*----------------------------
	fixed table styles
-----------------------------*/
table.horizontal
	{
		color: black;
		text-align: left;
		font-family: DIN, Helvetica, Arial, Sans-serif ;
		font-weight: normal;
		font-size: 11px;
		background-color: #FFF;
	}

table.fixed th
	{
		padding: 0px 3px 0px 3px;
		font-size: 11px;
		font-weight: bold;
	}

table.fixed td
	{
		padding: 0px 3px 0px 3px;
		vertical-align: top;
	}


/* h1 and h2 are not styled yet as of 7/17 AP */
h1
	{
		color:#666;
		font-size:1.2em/1;
		font-weight:800;
	}

h2
	{
		color:#666;
		font-size:1.0em;
		font-weight:800;
		margin: 40px 2px 15px 2px;
	}

h3
	{
		color:#000;
		font-size:1.0em;
		font-weight:800;
		margin: 1px;
	    padding: 0px 1px 0px 1px;
	}

img
	{
		border: none;
	}

/* Begin - Main Menu Tabs --------------------------- */

    #tabs4 {
      float:left;
      width:100%;
      //font-size:93%;
      font-size:11px;
      line-height:normal;
      border-bottom:1px solid #6B78A9;
      }
    #tabs4 ul {
      margin:0;
      padding:10px 5px 0 10px;
      list-style:none;
      }
    #tabs4 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs4 a {
      float:left;
      background:url("../images/tableft4.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
	  color:#000;
      }
    #tabs4 a span {
      float:left;
      display:block;
      background:url("../images/tabright4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
	  color:#000066;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs4 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs4 a:hover span {
      color:#6B78A9;
      }
    #tabs4 a:hover {
      background-position:0% -42px;

      }
    #tabs4 a:hover span {
      background-position:100% -42px;

      }
    #tabs4 #current a {
      background-position:0% -42px;

      }
    #tabs4 #current a span {
      background-position:100% -42px;

      }

/*- End Main Menu Tabs --------------------------- */


/* Begin - Sub Menu Tabs --------------------------- */

    #tabs5 {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      border-bottom:1px solid #6B78A9;
      margin-bottom:10px;
      }
    #tabs5 ul {
      margin:0;
      padding:10px 10px 0 50px;
      list-style:none;
      }
    #tabs5 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs5 a {
      float:left;
      background:url("../images/tableft4.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
    #tabs5 a span {
      float:left;
      display:block;
      background:url("../images/tabright4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000066;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs5 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs5 a:hover span {
      color:#6B78A9;
      }
    #tabs5 a:hover {
      background-position:0% -42px;
      }
    #tabs5 a:hover span {
      background-position:100% -42px;
      }

      #tabs5 #current a {
              background-position:0% -42px;
      }
      #tabs5 #current a span {
              background-position:100% -42px;
      }

/*- End Sub Menu Tabs --------------------------- */

/* oversight report styles

		.tableformsdash {
			font-family: DIN, Helvetica, Arial, Sans-serif;
			border-spacing:0px;
		    border:#666666;
			border-width: 1px;
			border-style: outset;
			border-color: gray;
			border-collapse: separate;
			background-color:#FFFFFF;
		}

		.tdformsdash {
			background-color:#6B78A9;
			font-weight: bold;
		}
*/

		.tableforms
		{
			width: 100%;
			border : 1px solid #6B78A9;
			/*background:#FFFFFF;*/
		}

		.tdsaetabstitle1 {
			height: 20px;
			vertical-align : top;
			background-color:#c00;
			font-family: DIN, Helvetica, Arial, Sans-serif;
			color: #FFFFFF;

		}

		/* error message styles */
		.tableError {
			border : 1px solid #FF0000;
			background-color : #EBEBEB;
		}

		.tdError {
			vertical-align : middle;
			font-size: 11px;
			font-weight: bold;
			font-family: DIN, Helvetica, Arial, Sans-serif;
			color: #FF0000;
		}

/*----------------------------
	Grids
-----------------------------*/

div .x-grid-row-over td {
	background: #66CCFF;
}

div .x-grid-row-selected td {
	background: #CCCCCC;
}

div .x-grid-hd-text {
	font-weight: 600;
}

div .x-grid-hd-over .x-grid-hd-text {
	background: #CC0000;
	color: #FFFFFF;
}

/* Override grid header column "right-click" option menu */
.x-column-header-over .x-column-header-trigger, .x-column-header-open .x-column-header-trigger {display:none;}
	
	
/*----------------------------
	Screen Help
-----------------------------*/
.screenhelp {
	position: relative;
	display: inline-block;
}

.screenhelp .screenhelptext {
	visibility: hidden;
	min-width: 500px;
	max-width: 800px;
	background-color: #CCE2FF;
	font-size: 12px;
	text-align: left;
	border-radius: 6px;
	padding: 10px;
	
	position: absolute;
	z-index: 1000;
	top: 100%;
	left: 100%;  
}

.screenhelp:hover .screenhelptext {
	visibility: visible;
}
	
	
/*----------------------------
	Tooltip
-----------------------------*/
.ui-tooltip  {
	word-wrap: break-word;
}