/* Minification failed. Returning unminified contents.
(979,24): run-time error CSS1031: Expected selector, found '/'
(979,24): run-time error CSS1025: Expected comma or open brace, found '/'
 */
/*   general styles */	

body.masterpage 
{margin: 0px;
}

/* top banner styles */	

.banner 
{height: 57px; 
background-color: #7194B6;
width: 100%; 
white-space: nowrap;
}

img#banrght 
{float: right;
}

.app-title 
{text-align: left; 
margin-left: 20px;
font-family: Georgia, serif;
font-size: 22px;
color: white;
}

.app-ac
{text-align: left;
margin-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #abcded;
white-space: nowrap;
letter-spacing: 1px;
}

.test
{text-align: left;
margin-left: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;	
color: #fbcb57;
white-space: nowrap;
}

/*  top nav styles */	

.topnav 
{vertical-align: middle; 
background-color: #234f78; 
padding: 5px 15px;
text-align: left;
white-space: nowrap;
}

.nav-text
{color: #B3C9DD;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 71%;
margin-right: 20px; 
text-decoration: none;
}

.nav-dividers
{color: #496580;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 66%;
}

A:link.nav
{font-family: Verdana, Helvetica, Arial, sans-serif;
color: white;
font-size: 71%;
font-weight: 500;
text-decoration: none;
margin-right: 20px; 
}

A:visited.nav
{font-family: Verdana, Helvetica, Arial, sans-serif;
color: white;
font-size: 71%;
font-weight: 500;
text-decoration: none;
margin-right: 20px;
}

A:hover.nav
{font-family: Verdana, Helvetica, Arial, sans-serif;
color: #F8F8FF;
font-size: 71%;
font-weight: 500;
text-decoration: underline;
margin-right: 20px; 
white-space: nowrap;
}

/* spacer styles */	

.spacer 
{
background-color: #F2F2f0; 
color: #CC6600;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
vertical-align: middle;
padding: 15px 15px;
height: 100%;
}

/* footer styles */	

.footer 
{text-align: left; 
padding: 5px 15px;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 100%;
white-space: nowrap;}

.foot-text 
{color: #06C; 
font-size: 66%; 
text-decoration: none;}

.foot-dividers 
{color: #CCC; 
font-size: 60%; 
text-decoration: none;}

A:link.foot 
{color: #666;
font-size: 66%; 
text-decoration: none;}

A:visited.foot 
{color: #666; 
font-size: 66%; 
text-decoration: none;}

A:hover.foot 
{color: #06C; 
font-size: 66%; 
text-decoration: none;}

.subfooter 
{text-align: left; 
padding-left: 15px;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 100%;
white-space: nowrap;}

.subfoot-text 
{color: #999; 
font-size: 61%; 
text-decoration: none;}

A:link.subfoot 
{color: #999;
font-size: 61%; 
text-decoration: none;}

A:visited.subfoot 
{color: #999; 
font-size: 61%; 
text-decoration: none;}

A:hover.subfoot 
{color: #06C; 
font-size: 61%; 
text-decoration: none;}

/* Cascading Stylesheet for Common Elements */

/* Begin: General */

html, body
{		
	height: 100%;
}

body, body.template
{
	min-height: 100% !important;
	height: 100%;
	width: 99.5%;
	margin: 0;
    padding-left: 5px;
    padding-right: 0;
	font-family: Tahoma, Arial, sans-serif;
    font-size: 75%;
	color: #666666;
}
/* Cascading Stylesheet for Common Elements */

/* Begin: General */
/*
body.template
{
    padding-left: 8px;
    padding-right: 8px;
    font-family: Tahoma, Arial, sans-serif;
    color: #666666;
}
*/

body.template textarea
{
	font-family: Tahoma, Arial, sans-serif;
}

body.template h1
{
    padding-bottom: 12px;
    border-bottom: 1px dotted #bbbbbb;
    font-size: 2.2em;
    font-family: Trebuchet MS, Arial, sans-serif;
    color: #888888;
}
span.allcaps
{
    font-variant: small-caps;
}
body.template h2
{
	margin-bottom: 10px;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 1.65em;
	color: #000000;
}
div.back
{
    margin-bottom: -20px;
    position: relative;
    top: -28px;
    padding-left: 5px;
    padding-bottom: 5px;
}
div.back img
{
    position: relative;
    margin-top: 0;
    padding-left: 8px;
    padding-right: 8px;
    border: none;
    background-color: #ffffff;
}
div.back a:link,
div.back a:visited
{
    color: #839ce7;
    text-decoration: none;
    background-color: #ffffff;
    padding-right: 8px;
    top: -.2em;
    left: .25em;
}
div.back a:hover
{
    color: #000099;
    text-decoration: underline !important;
}
/* End: General */

/* Begin: Tables */
body.template table.listview, 
body.template table.gridview,
body.template table.detailstable,
body.template table.ddGridView
{
    border: 1px solid #dbddff; 
    border-bottom: 3px solid #dbddff;
    border-collapse: collapse;
    font-family: Tahoma, Arial, sans-serif;
    color: #666666;
    font-size: 100%; 

}

body.template table.ddDetailsTable
{
	border-collapse: collapse;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
}

body.template table.listview th, table.gridview th, table.detailstable th,
body.template table.listview td, table.gridview td, table.detailstable td,
body.template table.ddListView td, table.ddGridView td, table.ddDetailsTable td
{
    padding: 5px 5px 5px 5px;
    line-height: 1.1em;
}



body.template table.listview th, table.gridview th, table.detailstable th, body.template table.ddListView th, table.ddGridView th, table.ddDetailsTable th
{
	background-position: 1px 1px;
	background-repeat: repeat-x;
	background-color: #ffffff;
	font-size: 100%;
	text-align: left;
	line-height: 1.3em;
	color: #666666;
	border-left: 1px solid #dbddff;
	border-right: 1px solid #dbddff;
	border-bottom: 1px solid #dbddff;
}

body.template table.gridview th {font-weight:bold;}
body.template table.listview td, table.gridview td, table.detailstable td,
body.template table.ddListView td, table.ddGridView td, table.ddDetailsTable td
{
    border-left: 0;
    border-right: 0;
    border-bottom: 1px dotted #dadada;
}

body.template td.bold {
    font-weight:bold;
}

body.template table.ddGridView th a:link,
body.template table.ddGridView th a:visited,
body.template table.ddGridView th a:hover,
body.template table.ddDetailsTable th a:link,
body.template table.ddDetailsTable th a:visited,
body.template table.ddDetailsTable th a:hover
{
    color: #666666;
    text-decoration: none;
}

body.template table.ddGridView td a:link, 
body.template table.ddGridView td a:visited,
body.template table.ddDetailsTable td a:link, 
body.template table.ddDetailsTable td a:visited
{
	/*color: #718ABE; */
	color: #336699;
	text-decoration: none;
	padding-right: 6px;
}

body.template table.ddGridView td a:hover,
body.template table.ddDetailsTable td a:hover
{
    color: #000099;
    text-decoration: underline !important;
}
table.gridview, table.ddGridView
{
    width: 100%;
}
table.gridview table td, table.ddGridView td
{
    padding-left: .5em;
    padding-right: .5em;
}

table.gridview th, table.ddGridView th
{
	background-image: url('../img/header_back.gif');
}

table.listview, table.ddListView
{
    width: 100%;
}
table.listview td a:link, 
table.listview td a:visited,
table.ddListView td a:link,
table.ddListView td a:visited
{
    font-size: 100%;
}
table.listview table td,
table.ddListView table td
{
    padding-left: .5em;
    padding-right: .5em;
}

table.listview th,
table.ddListView th
{
    background-image:url('../img/header_back.gif');
}

body.template table.detailstable td, body.template table.ddDetailsTable td
{
	padding: .5em;
	border-left: 1px solid #dbddff;
	border-right: 1px solid #dbddff;
	vertical-align: top;
}

body.template table.detailstable th, body.template table.ddDetailsTable th
{
	vertical-align: top;
	white-space: nowrap;
	text-align: left; /*font-weight: bold;*/
}




td.nowrap 
{
    white-space: nowrap;
}

/* The following modifies the details table */
body.template table.ddDetailsTable tr
{
    /*background: #FCFDFE;*/
    /*background: #dbddff;*/
}


.dvFieldHeader
{
	padding: 0;
	margin: 0;
	/*background-position: #CCCCCC;*/
	background: #E5E5E5;
	white-space: nowrap;
	text-align: left;
}

.dvRow
{
	padding: 0;
	margin: 0;
	background-color: #F7F6F3;
	color: #333333;
}

.dvAlternateRow
{
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	color: #333333;
}

.dvCommandRow
{
	text-align: right;
	font-weight: bold;
}


/* The following modifies the controls in the list table footer */
tr.footer td
{
    background: #dbddff;
    height: 1.5em;
}

/* The following modifies the selected row in the list table */
body.template tr.selected td
{
    background: #fdffb8;
}

/* End: Tables */


/* The following modifies the page number control which exists under the main table */
div.pager
{
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;	
}

span.results1
{
	float: left;
	vertical-align: middle;
}

span.results2
{
	vertical-align: middle;
}
/* The following modifies the results per page control which exists under the main table */
div.results
{
    display: inline;
    position: relative;
    padding: 0;
    padding-left: 6px;
    padding-right: 6px;
    margin-top: -1.75em;
    float:right;
}

/* Set's the appearance of the drop down control*/
.droplist, .droplistCenter
{
	padding: 0;
	font-family: Tahoma, Arial, Sans-Serif;
    /*
	font-size: .95em;
	color: #666666;
        */
    color: black;
    text-align:left;
}

.droplistCenter {
    text-align: center;
}



/* Bottom hyperlink design*/
div.bottomhyperlink
{
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 100%;
    /*margin-top: -3px;*/
}
div.bottomhyperlink a:link,
div.bottomhyperlink a:visited
{
    color: #839ce7;
    text-decoration: none;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 100%;
   /*margin-top: -3px;*/ 
}
div.bottomhyperlink a:hover
{

    color: #000099;
    text-decoration: underline !important;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 100%;
}
div.bottomhyperlink img
{
    position: relative;
    top: 0;
    padding-right: .4em;
    border: none;
}

/* Custom Ecology CSS */
.app-td-title
{
height: 57px;
background-color: #7194B6;
width: 100%; 
white-space: nowrap;
}
.app-td-banner-left
{
	width: 257px;
	height: 57px; 
	border: 0; 
	white-space: nowrap; 
	background-color: #7194B6
}

.app-td-banner-right
{
	width: 230px;
	height: 57px; 
	border: 0; 
	white-space: nowrap; 
	background-color: #7194B6
}
/* Custom banner design*/
/*
.app-td-title
{
height: 57px;
background-color: #7194B6;
width: 98%; 
white-space: nowrap;
}
*/
.app-td-banner-left
{
	width: 245px;
	height: 57px; 
	border: 0; 
	padding:0;
	margin:0;
	white-space: nowrap; 
	background-color: #7194B6
}

.app-td-banner-right
{
	width: 200px;
	height: 57px; 
	border: 0; 
	padding:0;
	margin:0;
	white-space: nowrap; 
	background-color: #7194B6
}

.spacer 
{height: 405px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;}

.ErrorTitle
{ 
  color: red;
  font-family: 'Trebuchet MS', Comic Sans MS, Arial;
  font-size: 24px;
  font-weight: bold;
}

.ErrorDescription
{ 
  color: red; 
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;	
}
/* footer styles */	

.footer 
{text-align: left; 
padding: 5px 5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 98%;
white-space: nowrap;}

.foot-text 
{color: #06C; 
font-size: 82%; 
text-decoration: none;}

.foot-dividers 
{color: #CCC; 
font-size: 80%; 
text-decoration: none;}

A:link.foot 
{color: #666;
font-size: 82%; 
text-decoration: none;}

A:visited.foot 
{color: #666; 
font-size: 82%; 
text-decoration: none;}

A:hover.foot 
{color: #06C; 
font-size: 82%; 
text-decoration: none;}

.subfooter 
{
text-align: left; 
padding-left: 5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 98%;
white-space: nowrap;}

.subfoot-text 
{color: #999; 
font-size: 82%; 
text-decoration: none;}

A:link.subfoot 
{color: #999;
font-size: 82%; 
text-decoration: none;}

A:visited.subfoot 
{color: #999; 
font-size: 82%; 
text-decoration: none;}

A:hover.subfoot 
{color: #06C; 
font-size: 82%; 
text-decoration: none;}


/* App menu */
/* menu */
.topnavCopy
{
    background-color: #234f78;
    padding: 5px;
    color: #FFFFFF;
}



body.template .menuLevel table tr, body.template .menuLevel table th, body.template .menuLevel table td
{
    color: White;
    background-color: #234f78;
    font-size: 12px;
    font-family: Verdana;
}


/* Navigation Menu */
.NavMenu
{
	font-family: Verdana;
	font-size: 12px !important;
}

.NavMenu a
{
	font-family: Verdana !important;
	font-size: 12px !important;
	text-decoration: none !important;
}


.StaticMenuStyle,
.StaticMenuItemStyle
{
	color: White !important;
	background-color: #234F78 !important;
}

.StaticMenuItemStyle, 
.StaticHoverStyle
{
	padding: 2px 5px 2px 2px !important;
	text-decoration: none !important;
}

.StaticHoverStyle
{
	color: Black !important;
	background-color: #EDF0F0 !important;
}


.DynamicMenuStyle, 
.DynamicMenuItemStyle
{
	font-family: Verdana !important;
	font-size: 12px !important;
	padding: 5px;
	color: White !important;
	background-color: #234F78 !important;
}

.DynamicHoverStyle
{
	padding: 5px !important;
	color: Black !important;
	background-color: #EDF0F0 !important;
	text-decoration: none !important;
}

.DynamicSelectedStyle
{
	color: Yellow !important;
	text-decoration: none !important;
}


/* --------------------------------------------------------------------------------------
added date: 9/16/13
 */



table.detailsform
{
	/*border: 1px solid #dbddff;*/
	border-width: 0;
	margin: 0;
	font-family: Tahoma, Arial, sans-serif !important;
	font-size: 100% !important;
	width: 100%;
	border-collapse: collapse;
	padding-top: 5px;
	padding-bottom: 5px;
	border-style: none;
}

table.detailsform td, table.detailsform th
{
	padding: 2px 5px 2px 5px;
	vertical-align: middle;
	white-space: nowrap;
	text-align: left;
	border-style: none;
}

table.detailsform th
{
	Color: #666666;
	border-style: none;
	text-align: left;
    vertical-align: text-top;
	min-width: 50px;
	max-width: 200px;
	width: 150px;
	white-space: pre-wrap;
	background-image: none;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight:bold;
}

table.detailsform td > span
{
	color: Black;
	padding-top: 2px;
	padding-bottom: 2px;
	white-space: pre-wrap;
}

div.details
{
	min-width: 800px;
    max-width:100%;    
    min-height: 100%;
    padding:0;
    margin:0;
    background-color: whitesmoke;
}

fieldset.details
{
	/*border: thin solid #C0C0C0;*/
	background-color: #F2F6F8;
}

legend
{
	font-weight: bolder;
	padding-top: 8px;
	padding-bottom: 8px;
	/*
	width: 100%;
	border-bottom-style: double;
	border-bottom-width: thin;*/
	color: #000080;
}


/* validation error style */
input.error, textarea.error, select.error, table.error, div.error
{
	border: 1px solid red;
}

label.error, div.error
{ 
	font-size: 12px; padding: 0 0 5px 0; color: #FF0000; 
}


.errorContainer {
    display: none;
    overflow: auto;
    background-color: #FFDDDD;
    border: 1px solid #FF2323;
    padding-top: 0;
}
 
.errorContainer label {
    float: none;
    width: auto;
}


/* style for required * on table th*/
.reqAsterik:after
{
	content: "* ";
	color: red;
}

.reqDoubleAsterik:after
{
	content: "** ";
	color: red;
}

.ui-tooltip
{
	font-size: 10pt;
	font-family: Calibri;
	background: #FFFFCC;
	color: #000000;
}

.contentAlignBR
{
	bottom: 0;
	right: 0;
	text-align: right;
}


a.button, a.buton:link
{
	background-position: 0 0;
	display: inline-block;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #006699;
}

a.button[disabled], a.button[disabled]:hover
{
	background-color: #CCCCCC;
}

a.button:hover
{
	background-position: 0 -100px;
	padding: 5px 11px 5px 10px;
	background-color: #006699;
	text-decoration: none;
	color: #FFFF00;
}


a.linkButton:link, a.linkButton:visited
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
	color: #0000EE;
	text-decoration: none;
	padding-right: 5px;
}

a.linkButton:hover
{
	color: #000099;
    text-decoration: underline !important;
}



.changeHistory label
{
	width: 250px;
	margin: 5px 0;
	vertical-align: top;
	text-align: left;
}



body.template .labelTextBox
{
	border: none;
	border-width: 0;
	background-color: #fff;
	background: transparent;
	overflow: auto;
}



* System notification */
.notification-container {
    width: 100%;
    border-collapse:collapse;
    border-spacing:0;
}

.notification-header {
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-top:0;
  margin-bottom:0;
}

.notification-header:hover {
    opacity: .75;
}

.notification-header:before {
    /*content: '\1F6C8';*/
    content: '\26A0';
    color: yellow;
    font-size: 15px;
    font-weight: bold;
    padding-right: 10px;
    margin-left: 5px;
}

.notification-header:after {
  /*content: '\002B';*/
  content: "▼";
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.notification-active:after {
  /*content: "\2212";*/
  content: "▲";
}

.notification-content {
  padding: 15px;
  overflow: hidden;
  background-color: whitesmoke;
  color: black;
  margin: 0;
  opacity: .80;
}


/* table level rules */
.grid
{
	margin: 0;
	font-family: Verdana, Tahoma;
	font-size: 100%;
	border: solid 1px #7f7f7f;
	border-collapse: collapse;
	width: 100%;
	color: #000000;	
}



/* header column rules */
.grid th
{
	border-left: medium none #989898;
	border-right: 1px solid #cbcbcb;
	border-top: 1px solid #989898;
	border-bottom: 1px solid #989898;
	background: url('../img/sprite.png') repeat-x 0 0; 	    
	padding: 5px 5px 5px 10px;
	text-align: center;
	vertical-align: bottom;
	font-weight: normal;
}  
 

.grid th a
{
    /*font-weight: normal;*/
	text-decoration: none;
	text-align: center;
    color: #000;
	vertical-align: bottom;
}

.grid th a:hover
{
	color: #000099;
	text-decoration: underline;
}

/* change the background image when the column is being sorted by */

.grid th.sortasc, .grid th.sortdesc
{
	background: url('../img/sprite.png') repeat-x 0 -100px;
}  


/* change image if it is an asc sort */
.grid th.sortasc:after
{
	content: "  ▲";
}  
    

/* change image if it is a desc sort */
.grid th.sortdesc:after
{
	content: "  ▼";
} 


/* data cell and data row rules */
.grid td
{
	border-right: solid 1px #cbcbcb;
	border-style: none solid none none;
	padding: 5px 5px 5px 10px;
}

.grid td a:link, .grid td a:visited
{
	/*color: #336699;*/
	color: #0000EE;
	text-decoration: none;
	padding-right: 5px;
}

.grid td a:hover
{
	color: #000099;
    text-decoration: underline !important;
}


.grid .altrow, .grid .row .sort
{
    background-color: #edf5ff;
} 

.grid .altrow .sort
{
    background-color: #dbeaff;
} 

.grid .row
{
    background-color: #fff;  
}  

.grid .selectedrow
{
	background-color: #99CCFF;
}

.grid .highlightrow
{
	/*background-color: #FF9955;*/
	color: #0000FF;
}

.grid .rowborder
{
	border: 1px solid #C0C0C0;
	text-align: center;
}

td.autoSize, th.autoSize
{
	min-width: 50px;
	width: 70px;	
	text-align: left;
	margin: 0;
	padding-left: 5px;
	padding-right: 2px;
}

th.leftAlign
{
	text-align:left;
}

.rightAlign
{
	text-align: right;
}

/*
.yui-grid tr.selected:hover td
{
    background-color: #FFFF00 !important;
}
*/

/* The following modifies the controls in the list table footer */
.grid .pagerStyle
{
	height: 1.25em;
	background-position: 0 0;
	border-left: medium none #989898;
	border-right: 1px solid #cbcbcb;
	border-top: 1px solid #989898;
	border-bottom: 1px solid #989898;
	background: url('../img/sprite.png') repeat-x 0 -100px;
	color: #000000;
	vertical-align: middle;
	border-style: none solid solid none;
}

.grid .headerStyle
{
	position: absolute;
	top: expression(this.offsetParent.scrollTop);
}

.grid .totalRow
{
	margin-top: 5px;
	font-weight: bold;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #C0C0C0;
}
.grid .totalRow2ndLine
{
	margin-top: 5px;
	font-weight: bold;
}

.grid .ellipsis
{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
    -ms-text-overflow: ellipsis;    
    -o-text-overflow: ellipsis;
}

.fixedtablelayout
{
	table-layout:fixed;	
}


.content
{
    padding-left: 5px;
    width: 1024px;
}

.show { display: inline;}
.hide {display: none;}

div.TopPad
{    padding: 10px 0 0 0;}



/* Style classes for Sample5 */
.updateProgress
{   
    left:0;
    bottom:1%;
    position:absolute;
    background-color: #CCCCCC;
}


.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;    
}


.right_align {text-align: right;}


.modalPopup
{
    background-position: center;
    font-family: lucida grande,arial,helvetica,sans-serif;
    font-size: 11px;
    background-color: #fff;
    border: solid 2px #000;
    padding: 4px;
}
.modalPopup .footer
{
	text-align:right;
	padding:8px;
}

.modalPopup .header
{
    padding: 0;
    margin: 0;
    border-style: none none solid none;
    border-width: medium;
    border-color: gray;
    background-color: #dddddd;
    cursor: move;
}

.collapsePanel
{
    width:95%;
    height:0;
    background-color:White;
    overflow:hidden;
}

.collapsePanelHeader
{
    width:95%;
    height: 15px;
    color: #0000FF;
    float: left;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: bold;
    background-color: #C0C0C0;
}

.calcField
{
    border-style: inset;
    border-width: 1px;
    background-color: #EBECEA;
}


/* end menu */



div.spacer {clear: both !important;}



/* The following modifies the page number control which exists under the main table */
div.pager
{
	padding: 0;
}
span.pagerNav { float:left;vertical-align: middle;}
span.pagerPageSize {vertical-align: middle;}

a.pagerFirst, a.pagerPrev, a.pagerNext, a.pagerLast,
a.pagerFirst:active, a.pagerPrev:active, a.pagerNext:active, a.pagerLast:active
{
    padding: 5px;   
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: block;
}

a.pagerFirst { background-image: url('../img/PgFirst.gif');}
a.pagerPrev { background-image: url('../img/PgPrev.gif'); }
a.pagerNext { background-image: url('../img/PgNext.gif');}
a.pagerLast { background-image: url('../img/PgLast.gif');}

a.pagerFirst:hover, a.pagerPrev:hover, a.pagerNext:hover, a.pagerLast:hover
{
	border: .5px outset #0000FF;
}


a[class="pagerFirst"][disabled],
a[class="pagerPrev"][disabled],
a[class="pagerNext"][disabled],
a[class="pagerLast"][disabled]
{
    border-style: none;
    opacity:0.5;                /* for all browsers */
    filter:alpha(opacity=50);   /* IE5-7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* for IE8 */
}

input[class="ReadOnly"][readonly]
{
	background-color: #C0C0C0;
}


.IE8Fix
{
	z-index: 100;
}


.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 300px;
  }



.ui-autocomplete-loading {
    background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat;
}


.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
}


/* place holder attribute */
.placeholder {
	color: #aaa;
}

.numericInput {
	text-align:right;
}

.numericInput[readonly] {
	text-align:left;
}


.checklistGroupStyle
{
	background-color: #C0C0C0;
	color: black;
	font-weight: bold;
}


table.rbl_style input
{    
    float: left;
}

table.rbl_style label
{
	border-style: none;
	margin-left: 20px;
	display: block;
}

.gridGateway
{
	min-width:1260px;
	max-width:100%;
	table-layout: fixed;
}


.ui-tabs .ui-tabs-panel
{
	padding-right: 0;
	padding-left: 0;
}

.bold {
	font-weight: bold;
}

textarea 
{
	overflow: auto;
	font-family: inherit;
	font-size: inherit;
}



.alignLeft {
	text-align: left;
}


.prewrap {
	white-space: pre-line;
}


.ui-accordion-header-active.ui-state-active
{
	color: #212121;
	background: #dadada url(../img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
}

.ui-accordion-header-active.ui-state-active a:link
{
	font-weight: bold;
	color: #000080;
}


/* fix wrapping issue with IE11 */
textarea, label
{
	white-space:pre-line;
}

h2 {padding-left: 10px;}


.floatRight 
{
	float:right;
}

.floatLeft
{
	float: left;
}


/* MENU BAR SECTION */
.menubar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: Verdana !important;
	font-size: 12px !important;
	color: White !important;
	background-color: #234F78 !important;
    width:100%;
}

.menubar > li {
    float: left;
}

.menubar > li a:hover
{
    color: Black !important;
	background-color: #EDF0F0 !important;
}

.menubar > li > a, .menubar > li > span, .submenuItem a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 8px 15px;
    text-decoration: none;
}


.submenu li {
    display: inline-block;
}

.submenu:hover .submenuItem {
    color: Black !important;
	background-color: #EDF0F0 !important;
    cursor:text;
}

.submenu-content {
    display: none;
    position: absolute;
   /* background-color: #f9f9f9;*/   
    background-color: #234F78;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.submenu-content a {
    color: white;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.submenu-content a:hover {background-color: #f1f1f1}

.submenu:hover .submenu-content {
    display: block;
}

.submenu-content a.selected {
    color:yellow;
}

/* END OF MENU BAR */

/* modified default jquery ui tabs css */

.ui-tabs
{
	padding: 0; 
    background: none; 
    border-width: 0;
}

.ui-tabs .ui-tabs-nav
{
	padding-left: 0;
	background: transparent;
	border-width: 0 0 1px 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;	
}

.ui-tabs .ui-tabs-panel
{
	background: #F0F0F0;
	border-width: 0 1px 1px 1px; 
}

.ui-tabs .ui-tabs-nav li a
{
	font-family: Tahoma, Arial, sans-serif;
	float: left;
	text-decoration: none;
	padding: .5em 1em;
	color: #000080;
	font-weight: bold;
}


li.ui-state-default.ui-state-hidden[role=tab]:not(.ui-tabs-active) 
{
    display: none;
}

/* force a height so the tabs don't jump as content height changes */
/*#tabs .tabs-spacer { float: left; height: 200px; }*/

/* END OF modified default jquery ui tabs css */


/*table.casedetail
{
    border: 2px solid #dbddff;
    width: 100%; 
    font-family: Tahoma, Arial, sans-serif !important;
    color: #666666;
    font-size: 12px; 
}


table.casedetail td
{
    padding: 0px 5px 0px ;
}


table.casedetail th
{
    background-position: #FCFDFE;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 10px;
}*/




.staticMenu
{
    background-color: #234f78;
    color: White;
}
        
.staticMenuItem
{
    color: black;
    border: Solid 1px Gray;
    background-color: #c9c9c9;
    background-image: url('../img/sprite.png') repeat-x 0px 0px;
    padding: 2px 5px;
}

.staticMenuHover
{
    background-color: White;
    color: Black;
}

.dynamicMenu
{
    background-color: #EDF0F0;
    color: Black;
}

.dynamicMenuItem
{
    border-style: solid;
    border-width: thin;
    background-color: #EDF0F0;
    color: Black;
}

.dynamicMenuHover
{
    color: Blue;
}

.selectedMenuItem {
    background-color: darkgray;
    color: Black;
}


/*.topnavCopy
{
    background-color: #234f78;
    padding: 5px;
}*/

/*ul.calendarView
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-top: 6px;
    padding-bottom: 6px;
}
ul.calendarView li
{
    border: thin solid #FFFFFF;
    display: inline;
}
ul.calendarView li a:link, ul.calendarView li a:visited
{
    color: #FFFFFF;
    background-color: #0099FF;
    text-align: center;
    padding: 2px;
    text-decoration: none;
}
ul.calendarView li a:hover, ul.calendarView li a:active
{
    background-color: #3366CC;
}*/


div.drillRequest
{
    border: thin solid #C0C0C0;
    background-color: #DDE6E6;
    width: 100%;
    padding:5px;
}

.drillRequestGroupHdr {   
    color: black;
    padding-top:5px;
    padding-bottom:5px;
    font-weight:bold;
    text-decoration:underline;
}

.drillTypeCheckBoxList td {
    padding-right:20px;
}


.drillCalendarTitle
{
    background-position: 0px 0px;
    background: url('../img/sprite.png') repeat-x 0px 0px;
    color: #333399;
    height: 25px;
    border-style: none;
    border-width: 0px;
    vertical-align: middle;
    border-color: #989898;
}


a.drillCalEvent, a.ecyCalEvent
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;    
    font-weight: normal;
    color: #24618E;
    font-size: 100%;
}

a.ecyCalEvent
{
    font-weight: bold;
    color: #0000FF;
    background-color: #FFFFCC;
}

a:hover.drillCalEvent, a:hover.ecyCalEvent
{
    text-decoration: underline;    
} 

a:active.drillCalEvent, a:active.ecyCalEvent
{
    background-color: #C0C0C0;
}

div.eventCalItem
{
    padding: 0px 2px 2px 45px;
    text-indent: -45px;
}


table.eventDetail
{
    border: 0px;
    width: 100%;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 100%;
    color: #333333;
}

table.eventDetail td
{
    vertical-align: text-top;
}



a:link.showEventDetail, a:visited.showEventDetail, a:active.showEventDetail
{
    color: blue;
    font-weight: bold;
    text-decoration: none;
}

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

/* jquery ui dialog */

/*.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button*/ 
.ui-dialog, .ui-dialog input, .ui-dialog select, .ui-dialog textarea, .ui-dialog button
{ 
   font-family: Tahoma, Arial, sans-serif !important;
   font-size: 100%;
}