/*************************************************
Standard HTML elements...
*************************************************/

BODY{
    margin: 0;
    padding: 0;
    padding-top:12px;
    color: #592E0D;
   /*background: url(Img/bg.jpg) #f8edd8 center top;*/ 
   background-color:#EAEAEA;
    font: normal 12px arial;
    
}

.containersDiv {
   white-space: nowrap;
   background-color: #bbb;
   width: 900px;
   overflow-x: scroll;
}

a{color:#25274d;}
UL{list-style-type: none;margin:10px;}
H1 
{
    font-size: 22px;
    margin: 0px;
    padding: 0px;
    color: #773D11;
    padding-bottom: 8px;
}
H2 
{
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    color: #773D11;
    padding: 8px;
}
FIELDSET LEGEND
{
    font-size: 13px;
    font-weight: bold;
    color: #773D11;
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 6px;
    margin-left: 15px;
    border-bottom: 2px solid #37629B;
    border-right: 2px solid #37629B;
    background-color: #F2F2F2;
    border-style: solid;
    border-width: 1px;
    border-color: #773D11;
}
FIELDSET 
{
    padding: 3px;
    border: 1px solid #773D11;
}
OBJECT
{
    z-index:0;
}
/* Auto add images to all anchors. PRETTY! */
A[href^="mailto:"] 
{
    display:inline-block;
    padding-left:20px;
    line-height:18px;
    background:transparent url(Img/mail.png) center left no-repeat;
}
A[href$='.pdf'] 
{
    display:inline-block;
    padding-left:22px;
    line-height:22px;
    background:transparent url(Img/pdf.png) center left no-repeat;
}
A[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] 
{
    display:inline-block;
    padding-left:20px;
    line-height:18px;
    background:transparent url(Img/xls.png) center left no-repeat;
}
A[href$='.ppt'], a[href$='.pps'] 
{
    display:inline-block;
    padding-left:22px;
    line-height:18px;
    background:transparent url(Img/ppt.png) center left no-repeat;
}
A[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] 
{
    display:inline-block;
    padding-left:20px;
    line-height:18px;
    background:transparent url(Img/doc.png) center left no-repeat;
}
A[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] 
{
    display:inline-block;
    padding-left:20px;
    line-height:18px;
    background:transparent url(Img/zip.png) center left no-repeat;
}
A[href$='.vcf'] 
{
    display:inline-block;
    padding-left:20px;
    line-height:18px;
    background:transparent url(Img/vcf.png) center left no-repeat;
}
hr{margin:3px;}

/*************************************************
CSS Classes...
*************************************************/
.mpeDragPanel
{
    overflow:auto;
    width:100%;
    background-color:#25274d;
    cursor:move;
}
.FireDSSInstallationsMap
{
    padding-bottom:5px;
    text-align:center;
    background-color:#25274D;
    padding-top:5px;
}
.BreadCrumb{
    display:block;
    background-color:transparent;
    color:#25274D;
    padding:5px;
    width:990;
    font-weight:bold;
    padding-left:8px;
}
.BreadCrumb a{
    color:#25274D;   
    text-decoration:underline;
}
.webpartdiv {
    border-top: 1px solid #25274D;
    background-color: LightGray;
    padding-top:5px;
}
.WebPartCatalogZoneOuter {
    text-align: center;
}
.WebPartCatalogZone
{
    background-color:#aaaaaa;
    border:1px solid #000000;
    padding:10px;
    border-top:5px solid #000000;
    border-bottom:5px solid #000000;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;

}
.UserControlTitle {
    width: 100%;
    text-align: center;
    font-family: Eras Demi ITC;
    font-size: 14px;
    color: #000000;
}

.body /* USED IN CERTAIN DIVS */
{  
    color: #000000;
    background-color: #E3E4D6;
    width: 1000px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #25274D;
}
.header1
{
    font-family:Eras Demi ITC;
    font-size:28;
    color:#979797;
}
.header2
{
    font-family:Eras Demi ITC;
    font-size:14px;
    color:#979797;
}
.header3
{
    font-family:Eras Demi ITC;
    font-size:12;
    color:#979797;
}
.descriptor
{
    font-size:12px;
    font-family:Verdana,sans-serif;
    color:#25274d;
}
TABLE.BorderTable {
    text-align: left;
    vertical-align: top;
    font-size: 11px;
    font-family: Verdana,sans-serif;
    border-bottom-width: thin;
    border-top-width: thin;
    border-left-width: thin;
    border-right-width: thin;
    border-style: solid;
    border-color: #25274d;
}
.small-text
{
    font-family: Verdena, Arial;
    font-size: 9px;
    color: Black;
    width: 984PX;
    padding:8PX;
    text-align: justify;

}
.menuBG
{
    background-color: #E1DAC7;
    width: 1000px;
    height:27px;
    position:relative;
}
.div_menu {
    z-index: 10;
    background-color: #25274d;
    padding: 0px;
    padding-top:1px;
    padding-right:0px;
    padding-left:0px;
}
.HeaderBG {
    font-family: Verdena, Arial;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #25274D;
    width: 1000px;
}
.HeaderBGNew {
    font-family: Verdena, Arial;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #25274D;
    width: 1000px;
}
.HeaderBG a
{
    font-size:12px;color:White;
}
.FooterBG
{
    padding: 2px;
    font-family: Verdena, Arial;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #25274D;
    width: 996px;
    height: 10px;
}
TABLE.TabHeaderExtra
{
    font-family: Verdena, Arial;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #25274d;
    width: 100%;
    height:30px;
}
TABLE.TabHeaderExtra td
{
    padding:6px;
}
TABLE.TabHeaderExtra a
{
    font-size:12px;
    color:#FFFFFF;
    text-decoration:underline;
}
#userSettingsPop 
{
    text-align:left;
    background-color: #a7c1df;
    border: 5px solid #25274d;
    padding: 5px;
    color: #25274d;
}
.requriedFlag
{
    color:Red;
    font-weight:bold;
}
.pageGen
{
    width: 100%;
    background:transparent;
    color: #D9D3A3;
}
.version,
.pageGen
{
    width: 100%;
    text-align: center;
    font-size: 9px;
    height: 15px;
    padding-bottom:12px;
}
.ddlSelectLight
{
    color:#aaaaaa;
}
.ddlDiscontinuedListItem
{
    color: #993333;
}
.fire_calendar_img
{
    position:relative;
    top:0px;
    left:0px;
    height:20px;
    width:20px;
    padding-top:2px;
}

/*ROUNDED DIVS*/

.rcorners3 {
    border-radius: 15px 50px;
    background: #a7c1df;
    padding: 10px; 
    width: 400px;
    height: 300px; 
}
/************************************************
 ROUNDBOX 
/************************************************/

.roundbox-tr { width:100%; margin:auto; padding:0; background:url("Img/roundbox_tr.gif") no-repeat right top; }
.roundbox-tl { margin:0; padding:0; background: url("Img/roundbox_tl.gif") no-repeat left top; }
.roundbox-br { margin:0; padding:0; background: url("Img/roundbox_br.gif") no-repeat right bottom; }
.roundbox-bl { margin:0; padding:0; background: url("Img/roundbox_bl.gif") no-repeat left bottom; }
.roundbox-content { margin:0; padding:.5em 1.5em; }
.roundbox-content p { margin:0; padding:0; line-height:.9; }

/************************************************
AWESOME TOOLTIPS (no javascript required)
************************************************
From: http://downloads.sixrevisions.com/css-tooltips/index.html

USAGE:

<a class="tooltip" href="foobar.aspx">Classic<span class="classic">Classic Tooltip Example</span></a>
<a class="tooltip" href="foobar.aspx">Critical<span class="custom critical"><img src="App_Themes/Default/Img/Critical.png" alt="Error" height="48" width="48" /><em>Critical</em>Critical Example!</span></a>
<a class="tooltip" href="foobar.aspx">Help<span class="custom help"><img src="App_Themes/Default/Img/Help.png" alt="Help" height="48" width="48" /><em>Help</em>Help Example!</span></a>
<a class="tooltip" href="foobar.aspx">Information<span class="custom info"><img src="App_Themes/Default/Img/Info.png" alt="Information" height="48" width="48" /><em>Information</em>Information Example!</a>
<a class="tooltip" href="foobar.aspx">Warning<span class="custom warning"><img src="App_Themes/Default/Img/Warning.png" alt="Warning" height="48" width="48" /><em>Warning</em>Warning Example!</span></a>
*/

.tooltip 
{
	outline: none;
	cursor: help; 
	text-decoration: none;
	position: relative;
}
.tooltip span 
{
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span 
{
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; 
	left: 1.5em; 
	top: 2.5em; 
	z-index: 99;
	margin-left: 0; width: 250px;
}
.tooltip:hover .imgpop 
{
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em 
{
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

/************************************************
PRETTY ALERT BOXES (use with divs)
************************************************/

.alert_red, .alert_green, .alert_blue, .alert_yellow, .alert_grey, .alert_purple
{
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    text-align: center;
    margin: 10px;
}
.alert_red{color:red;border-color:red;background-color:pink;}
.alert_green{color:green;border-color:green;background-color:lightgreen;}
.alert_blue{color:blue;border-color:blue;background-color:lightblue;}
.alert_yellow{color:#999900;border-color:#999900;background-color:#FFFFEE;}
.alert_grey{color:#333333;border-color:#333333;background-color:#CCCCCC;}
.alert_purple{color:#FF00FF;border-color:#FF00FF;background-color:#6600FF;}

/************************************************
AJAX TOOLKIT STYLES
************************************************/
.validatorHighlight
{
    background-color: pink;
}
.CustomValidatorCalloutStyle div, 
table.CustomValidatorCalloutStyle td 
{ 
    border:solid 1px red;
    background-color:pink; 
    color:Red;
    text-align:center; 
    vertical-align:middle;
}
/* fix bug... */
table.CustomValidatorCalloutStyle div{margin-top:-6px;}
table.CustomValidatorCalloutStyle td{padding:0px;}
table.CustomValidatorCalloutStyle td img{margin:3px;}

.ajaxProgressDiv
{
    width:130px;
    height:53px;
    position:FIXED;
    left:50%;
    top:50%;
    margin-left:-65px;
    margin-top:-27px;
    visibility:visible;
    z-index:10001;
    background-image:url(Img/loading.gif);
    background-repeat:no-repeat;
}
#ajaxProgressOpacityDiv
{
    z-index:10000;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:3000px;
    background:gray;
    filter:alpha(Opacity=25);
    opacity:0.7;
    -moz-opacity:0.7;
    -khtml-opacity:0.7;
}  
#ajaxErrorDiv
{
    width:500px;
    /*height:400px;*/
    position:FIXED;
    left:50%;
    top:50%;
    margin-left:-250px;
    margin-top:-300px;
    visibility:visible;
    z-index:1001;
    border:1px solid red;
    background-color:pink;
    color:Red;
    text-align:center;
    display:none;
    padding:3px;
}
#ajaxErrorDiv h2{color:Red;}
#ajaxErrorContent{width:450px;height:250px; font-size:11px;}
#ajaxOpacityDiv
{
    display:none;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:gray;
    filter:alpha(Opacity=70);
    opacity:0.7;
    -moz-opacity:0.7;
    -khtml-opacity:0.7;
}  
#ajaxErrorDiv a{text-decoration:underline;color:Red;}

.modalPopupBackground
{
    background-color:grey;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalPopup
{
    border-top-width: 1px;
    border-left-width: 1px;
    border-style: solid;
    border-width: 3px;
    border-color: #082B55;
    background-color: #E0E0E0;
    padding: 10px;
}

/************************************************
/* Ajax Calendar (defined in skin file) */
/************************************************/



.ajaxCalendar .ajax__calendar_container
{
    border: 1px solid #25274d;
    background-color: #F0F0F0;
    color: #25274d;
   width:19em;
}
.ajaxCalendar .ajax__calendar_header{}
.ajaxCalendar .ajax__calendar_prev{}
.ajaxCalendar .ajax__calendar_title{}
.ajaxCalendar .ajax__calendar_next{}
.ajaxCalendar .ajax__calendar_body{width:19em;}
.ajaxCalendar .ajax__calendar_days{}
.ajaxCalendar .ajax__calendar_dayname{}
.ajaxCalendar .ajax__calendar_day{}
.ajaxCalendar .ajax__calendar_months{}
.ajaxCalendar .ajax__calendar_years{}
.ajaxCalendar .ajax__calendar_year{}
.ajaxCalendar .ajax__calendar_footer{}
.ajaxCalendar .ajax__calendar_today{}
.ajaxCalendar .ajax__calendar_hover{}
.ajaxCalendar .ajax__calendar_active
{
    border: 1px solid #25274d;
}
.ajaxCalendar .ajax__calendar_other{}

/************************************************/
/* Ajax Accordion (defined in skin file */
/************************************************/

.accordionHeader, .accordionHeaderSelected
{
    border: 1px;
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    padding: 4px;
    margin-top: 4px;
    cursor: pointer;
}
.accordionHeader:hover
{
}
.accordionHeaderSelected
{
}
.accordionContent
{
}

/************************************************/
/* The item styles for the DetailsView  
 (classes assigned in the skin file)  */
/************************************************/

.dvMain
{
    background-color: #fff;
    text-align: left;
    border-top: 5px;
    border-bottom: 5px;
    border-color: #367CB6;
    color: #37629B;
}
.dvRow{}
.dvRowAlt{}
.dvCommandRow{}
.dvEditRow{}
.dvEmptyRow{}
.dvFieldHeader{padding:3px;}
.dvFooter{}
.dvHeader{}
.dvInsertRow{}
.dvPager{}

/************************************************/
/* The item styles for the FormView   
(classes assigned in the skin file)  */
/************************************************/

.formView
{
    background-color: white;
}
.formViewEditRow{}
.formViewEmptyDataRow{width:100%;}
.formViewFooterStyle{}
.formViewHeaderStyle{}
.formViewInsertRow{}
.formViewPagerStyle{}
.formViewRowStyle{}



.gvReportTbl
{
    color: black;
    text-align: right;
    background-color: #FFFFFF;
    font-size: 9pt;
    font-family: Arial;
    min-height: 60px;
    width: 50px;
}

gvReportTblWide
{
    color: black;
    text-align: left;
    background-color: #FFFFFF;
    font-size: 9pt;
    font-family: Arial;
    min-height: 60px;
    width: 90px;
}

gvReportTblWide tr{
    min-height: 20px;
}

.gvReportTbl tr{
    min-height: 20px;
}

.gvReportRow1  {
    
    min-height: 20px;
    background-color: #ffffff;
    text-align: right;
    border-bottom:1px solid #979797 !important;
}

.gvReportRow2  {
    border-bottom:1px solid #979797 !important;
    min-height: 20px;
    background-color: #ddebf7;
     text-align: right;
    
}

.gvReportRow3  {
    border-bottom:1px solid #979797 !important;
    min-height: 20px;
    background-color: #e2efda;
     text-align: right;
}

.gvReportRow1Left  {
    
    min-height: 20px;
    background-color: #ffffff;
    text-align: left;
}

.gvReportRow2Left  {
    
    min-height: 20px;
    background-color: #ddebf7;
     text-align: left;
}

.gvReportRow3Left  {
    
    min-height: 20px;
    background-color: #e2efda;
     text-align: left;
}

.gvReportRowYellowLeft  {
    
    min-height: 20px;
    background-color: #fff2cc;
     text-align: left;
}

.gvReportRowYellowRight  {
    
    min-height: 20px;
    background-color: #fff2cc;
     text-align: right;
}

.gvReportRowBeigeLeft  {
    
    min-height: 20px;
    background-color: #fce4d6;
     text-align: left;
}

.gvReportRowBeigeRight  {
    
    min-height: 20px;
    background-color: #fce4d6;
     text-align: right;
}

.gvReportRow3Left  {
    
    min-height: 20px;
    background-color: #e2efda;
     text-align: left;
}

.gvBodyReport
{
    color: black;
    text-align: left;
    width:950px;
    background-color: #FFFFFF;
    border: 0px solid #25274d;
    font-size: 9pt;
    font-family: Arial;
}
.gvBodyReport td,
.gvBodyReport th
{
    border:0px;
}

/************************************************/
/* The item styles for standard asp gridview and 
suitedreams gv (classes assigned in 
SuiteDreams.skin and Main.skin)     */ 
/************************************************/

.gvBody
{
    color: black;
    text-align: left;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #25274d;
    font-size: 9pt;
    font-family: Arial;
}
.gvBody td,
.gvBody th
{
    border:0px;
}
.gvRowAltGridLines td {
    border:1px solid #33363B !important;
    background-color: #F0F0F0
}
.gvRowGridLines td {
    border:1px solid #33363B !important;
    
}
.gvRowGridLinesWhite td {
    
    border-right:2px solid #000000 !important;
    width:60px;
    
}
.gvHeaderGridLines th {
    border: 1px solid #33363B !important;
}

.gvHeaderFixed th {
    border: 1px solid #33363B !important;
}

.gvBody A:link, .gvBody A:visited, .gvBody A:active, .gvBody A:hover {
    text-decoration: underline;
    color: #33363B;
}
.gvBody A:hover
{
	cursor: hand;
}
.gvBody input
{
    width:98%;
}
.gvHeader,
.gvHeaderGridLines {
    color: #33363B;
    background-color: #a7c1df;
    padding: 4px;
    border-bottom: 1px solid #33363B;
    border-top: 5px solid #33363B;
    border-top-color: #33363B;
    border-bottom-color: #33363B;
}

.gvHeaderFixed {
    color: #33363B;
    background-color: #a7c1df;
    padding: 4px;
    border-bottom: 1px solid #33363B;
    border-top: 5px solid #33363B;
    border-top-color: #33363B;
    border-bottom-color: #33363B;
   position:relative ; 
top:expression(this.offsetParent.scrollTop - 2); 
z-index: 20; 
            
}

.gvHeaderReportWF {
    color: #000000;
    background-color: #fce4d6;
    padding: 4px;
    border-bottom: 1px solid #fce4d6;
    border-top: 5px solid #000000;
    border-top-color: #000000;
    border-bottom-color: #000000;
    text-align: center;
}

.gvHeaderReportRX {
    color: #33363B;
    background-color: #a7c1df;
    padding: 4px;
    border-bottom: 1px solid #33363B;
    border-top: 5px solid #33363B;
    border-top-color: #33363B;
    border-bottom-color: #33363B;
    text-align: center;
}
.gvHeader A:link, .gvHeader A:visited, .gvHeader A:active, .gvHeader A:hover,
.gvHeaderGridLines A:link, .gvHeaderGridLines A:visited, .gvHeaderGridLines A:active, .gvHeaderGridLines A:hover,
.gvHeaderFixed A:link, .gvHeaderFixed A:visited, .gvHeaderFixed A:active, .gvHeaderFixed A:hover
{
    text-decoration: underline;
    color: #000084;
}

.gvHeader A:hover,
.gvHeaderGridLines A:hover,
.gvHeaderFixed a:hover
{
	cursor: hand;
}
.gvSelectedRow td
{
    background-color:Yellow;
}
.gvRow,
.gvRowAlt
{
 border:0px;   
}
.gvRowAlt {
    background-color: #F0F0F0;
}
.gvFooter {
    color: #000000;
    background-color: #FFFFFF;
    padding: 4px;
    border-bottom: 1px solid #33363B;
    border-top: 5px solid #33363B;
    border-top-color: #33363B;
    border-bottom-color: #33363B;
    border-left: 1px solid #33363B;
    border-right: 1px solid #33363B;
}
.gvFooter td {
    border:1px solid #000000 !important;
    color: #000000;
    
}
.gvFooter A:link, .gvFooter A:visited, .gvFooter A:active, .gvFooter A:hover
{
    text-decoration: underline;
    color: #33363B;
}
.gvFooter A:hover
{
	cursor: hand;
}
.gvPager {
    background-color: #E1DAC7;
    text-align: center;
    border-top: 1px solid #33363B;
}
.gvHighlightFilteredColumn{background-color: #FFFFDD;} 
.gvRowAlt .gvHighlightFilteredColumn,
.gvRowAltGridLines .gvHighlightFilteredColumn {background-color: #FFFFCC;}

/************************************************/
/* RESIZE COLUMNS FOR GRIDVIEW                  */
/************************************************/

.suiteDreamsColumnResizeDivContainer
{
    padding:0px;
    margin:0px;
    border:0px;
    position:relative;
    background-color:Transparent;    
    top:0px;
    float:left;
}
.suiteDreamsColumnResizeDivContent
{
    padding:0px;
    margin:0px;
    border:0px;
    background-color:Transparent;
    overflow:hidden;
}
.suiteDreamsColumnResizeDiv
{
    cursor: w-resize;
    background-color:Transparent;
    position:absolute;
    top:-1px;
    right:-4px;
    padding:0px;
    margin:0px;
    border:0px;
    width: 5px;
    height:20px;
    z-index:100;
}

/************************************************/
/* CUSTOM FILTER (AND SORTING) FOR GRIDVIEW     /
/************************************************/

.sdf .suiteDreamsFilteringTable{width:100%;}
.sdf .suiteDreamsFilterTitleTD, .sdf .suiteDreamsFilterTitleTD a:link, 
.sdf .suiteDreamsFilterTitleTD a:visited, .sdf .suiteDreamsFilterTitleTD a:active, 
.sdf .suiteDreamsFilterTitleTD a:hover
{
    color: #25274d;
}
.sdf .suiteDreamsFilterTitleTD a:hover{text-decoration:underline;}

.sdf .suiteDreamsFilterTextBoxTD{width:100%;}
.sdf .suiteDreamsFilterTextBoxTD input{width:100%;}


.sdf .suiteDreamsFilterClearButton,
.sdf .suiteDreamsFilterClearButton:hover,
.sdf .suiteDreamsFilterGoButton,
.sdf .suiteDreamsFilterGoButton:hover
{
    cursor:hand;
    border:0px;
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    margin-left:7px !important;    
}

.sdf .suiteDreamsFilterTxtBoxActive,
.sdf .suiteDreamsFilterTxtBoxActive
{
    height: 18px;
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    padding-bottom: -1px;
    padding-top: 2px;
    color: #37629B;
    background-color:#ffffff;
}
.sdf .suiteDreamsFilterTxtBoxActive,
.sdf .suiteDreamsFilterDDLActive
{
    background-color: #FFFFCC;
}

/************************************************/
/* CUSTOM PAGING ROW FOR SUITE DREAMS GRIDVIEW  */
/************************************************/

.sdpt {width:100%;margin:3px;}
.sdpt td{margin:0px;padding:1px;border:0px;vertical-align:middle;}
.sdpt A:link, 
.sdpt A:visited, 
.sdpt A:active, 
.sdpt A:hover, 
.sdpt input, 
.sdpt .pagerFirstNextNumerialNextLast, 
.sdpt .pagerQuickJump, 
.sdpt .pageSize, 
.sdpt .pagerVerbage{text-decoration: none;color: #25274d;}

.sdpt .pagerFirstNextNumerialNextLast{text-align:left;}
.sdpt .pagerQuickJump{text-align:center;width:}
.sdpt .pageSize{text-align:center;}
.sdpt .pagerVerbage{text-align:right;padding-right:10px;}

.sdpt .pagerButton, 
.sdpt .pagerButton:hover, 
.sdpt .pagerButtonhover,
.sdpt .pagerActiveNumeric
{
    background-color:#fff;
    border: 1px solid #25274d;
    padding: 2px;
    padding-right:3px;
    margin-left: 1px;
    height: 18px;    
    font-size: 11px;
}
.sdpt .pagerButton:hover, 
.sdpt .pagerButtonhover,
.sdpt .pagerActiveNumeric
{
    background-color: #25274d !important;
    color: #fff !important;
}
.sdpt input
{
    height:16px;
    margin:0px;
    padding:0px;
    width:50px;    
}
/* export links popout table at bottom of gv */
.gvFeatureTable {
    background-color: #F2F2F2;
    font-size: 10px;
    border: 1px solid #25274d;
    border-top: 0px;
    margin-top: 0px;
    color: #25274d;
}
.gvFeatureTable a
{
    color: #25274d;
}
.gvCpation {
    border:1px solid #80BB61;
    background-color: #ADD8E6;
    color: #25274d;
    padding: 5px;
    font: bold 14px arial;
    border-bottom:0px;
}

/************************************************/
/* Tab Theme                                   */
/************************************************/
    
.ajax_tab_theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:12px;
    border-bottom:solid 5px #80BB61;  /* #2647a0; */
}
.ajax_tab_theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(Img/sprite_wbws.png) #d8d8d8 repeat-x;
    background-color:#80BB61;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #80BB61;  /* #a3a3a3; */
    border-bottom-width:0px;
}
.ajax_tab_theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    /* padding:0.35em 17px; */ /* 0.75em;     */
    padding:2px 5px;  
    margin-right:0.01em;
    cursor:pointer;
}
.ajax_tab_theme .ajax__tab_hover .ajax__tab_outer 
{
    background: #80BB61 repeat-x left -1300px;
}
.ajax_tab_theme .ajax__tab_active .ajax__tab_tab 
{
    color:#000;
}
.ajax_tab_theme .ajax__tab_active .ajax__tab_outer
{   

    background: #80BB61 repeat-x left -1400px;
}
.ajax_tab_theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0px;
    background-color: White; /*White;   #edf5ff;     */
    border:solid 1px #80BB61;
    border-top-width:0px;
}    

/************************************************/
/* SuiteDreams ad hoc report builder custom css */
/************************************************/

.MyReportBuilderCSS {
    display: block;
    width: 100%;
    border-top: 4px solid #37629B;
    border-bottom: 4px solid #37629B;
    border-style: solid;
    border-width: 1px;
    border-color: #25274d;
}
.MyReportBuilderCSS h3 {
    background-color: #25274d;
    color:#FFB164;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.MyReportBuilderCSS .AdHocTable {
    border: 1px solid #37629B;
}
.MyReportBuilderCSS .AdHocTable td {
    padding: 5px;
}
.MyReportBuilderCSS .AdHocTable th {
    padding: 5px;
    color: #FFB164;
    background-color: #25274d;
}


/* OLD STUFF TO DELETE (OR USE)... */

/* ---------->>> jtip <<<---------------------------------------------------------------

#JT_arrow_left
{
    background-image: url('../../EAI/Images/arr_left.png');
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index: 101;
    left: -12px;
    height: 23px;
    width: 10px;
    top: -3px;
}

#JT_arrow_right
{
    background-image: url('../../EAI/Images/arr_right.png');
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index: 101;
    height: 23px;
    width: 11px;
    top: -2px;
}
#JT
{
    position: absolute;
    z-index: 100;
    border: 2px solid #436231;
    background-color: #fff;
}
#JT_copy
{
    padding: 0px 10px 0px 10px;
    color: #333333;
    vertical-align: top;
}

.JT_loader
{
    background-image: url('../../EAI/Images/loader.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    padding: 10px;
    height: 12px;
}

#JT_close_left
{
    background-color: #436231; 
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight: bold;
    color: White;
}

#JT_close_right
{
    background-color: #436231; 
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight: bold;
    color: White;
}

#JT_copy p
{
    margin: 13px 0;
}

#JT_copy img
{
    padding: 1px;
    border: 1px solid #CCCCCC;
}

.jTip
{
    cursor: help;
}
*/
/* ---------->>> Buttons <<<---------------------------------------------------------------

.CSSButton ul
{
    margin: 0px;
    list-style-type: none;
    padding: 0;
}
.CSSButton ul.submit li a
{
    color: #CCC;
    cursor: pointer;
    line-height: 1.0em;
    padding: 2px 5px;
    text-decoration: none;
    font-family: Verdana;
    font-size: 10px;
}
.CSSButton ul.submit li a
{
    background-color: #5F5F5F;
    color: #FFF;
    padding: 2px 5px;
}
.CSSButton ul.submit li a:hover
{
    background-color: #8E2323;

    color: #FFF;
    padding: 2px 5px;
}
*/