/* DEFAULTS
----------------------------------------------------------*/

body   
{
    font-family: Verdana;
	font-size: 11px;
	color: #333333;
	margin: 0px 0px 0px 0px;
	background-color: #ededed;
}


.ContentPlaceHolder
{
	background-color:#ededed;
	padding:30px 20px 20px 50px;	/* top is only 6px because of 4px MenuBarShadow */
	min-height:500px;
	
	/* IE6 support: Since IE6 doesn't support min-height we need the following two lines.*/
	height:auto !important;	
	height:500px;
}

.CalendarContentPlaceHolder
{
	background-color:#ededed;
	padding:0px 0px 5px 0px;
	min-height:500px;
	
	/* IE6 support: Since IE6 doesn't support min-height we need the following two lines.*/
	height:auto !important;	
	height:500px;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 800px;
}

/************Header************/

.header
{
    background:#424242;
    height:25px;   
    width:100%;  
}

.headerImage
{
    float:left;
    vertical-align:middle; 
    border:0px;
}

.headerRightMenu
{
	float:right; 
	position:relative; 
	padding: 1px 0px 1px 0px;	
}

.headerPipe
{
   
  	background-image:url("../Images/header_pipe.png");     
    background-repeat:no-repeat;  
    background-position:right;
}

.headerUserMenu
{ 
    padding:3px 10px 0 10px;	  
    text-align:center;   
    height:19px;
    float:right;
}

.headerUserContent
{
    font-family: Verdana, "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#CCCCCC;
	text-decoration:none;	
	margin:2px 0px 0px 0px;
}

/*.headerUserMenu:hover
{
    background-color:#767779; 
}*/
.headerUserImages
{
    margin:0px 5px 0px 0px;
    vertical-align:middle;
}

.clearBoth
{
    clear:both;  
}

/****************Header End ************/

/**************MENU********************/

.MenuBar
{
	width:100%;
	height:30px;
	*height:31px;
	background:url("../Images/menu_bar.png") repeat-x;
	padding-left:3px;	
}

.MenuTitle
{
    font-family: Verdana, "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#494949;
	font-weight:bold;
	margin-left:10px;
}

.MenuBarShadow
{
	width:100%;
	height:4px;
	background-image: url("../Images/menu_bar_drop_shadow_and_glow.png");
	background-repeat: repeat-x;
}
#mainMenu ul
{
    height:30px;  
    z-index:9999; 
}

#mainMenu li
{
    height:30px;     
}
#mainMenu a
{
    height:20px;   
}

#mainMenu .static li
{
    margin:0px 20px 0px 0px;
}

#mainMenu .dynamic li
{
    margin:0px 0px 0px 0px;
}
.level7, .level2, .level3, .level4
{    
    background:url("../Images/menu_bar.png") repeat;    
    font-family: Verdana;
	font-size: 11px;
	color: #333333;
	padding:5px 20px 5px 10px;
}

/*****************End Menu************/

.PageTitleBlock
{
	padding-top:5px;
	vertical-align:middle;
	/*height:31px;*/
	height:40px; 
	
	font-family:Trebuchet MS;
	font-size:17px;
	font-weight:bold;
	color:#494949;
	float:left;
}

.ImageButtonWraper
{
    background-color:#ffffff; 
    background-image:url("../Images/button_background.gif");
    background-position:bottom; 
    background-repeat:repeat-x; 
    padding:0px 0px 0px 3px;
    border: 1px solid #999999;   
    height:24px;    
    min-width:50px;    
    vertical-align:middle;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    rder-radius: 5px;

    
    display:-moz-inline-stack;
    display:inline-block;   
    *display:inline;
}

.ImageButtonWraper:hover, .ButtonNormal:hover
{
    background-color:#e2f3fc;
    background-image:url("../Images/button_backgroundHover.gif");
    background-position:bottom; 
    background-repeat:repeat-x; 
    border: 1px solid #3c7fb1;  
}

.ImageButton
{
    padding:3px 12px 3px 22px; 
    *padding:3px 0px 3px 0px;   
    font-family: Verdana;
	font-size: 11px;
	font-weight:bold;
	color: #333333;
	height:100%;	
	border:0px; 
	background-color:transparent;
	background-repeat:no-repeat;
    background-position:left center;     
}

.newImage
{
    background-image:url("../Images/new.png");                   
}


.ButtonNormal
{
    padding:4px 12px 4px 12px; 
    font-family: Verdana;
	font-size: 11px;
	font-weight:bold;
	color: #333333;
	height:26px;  
	background-color:#ffffff; 
    background-image:url("../Images/button_background.gif");
    background-position:bottom; 
    background-repeat:repeat-x;     
    border: 1px solid #999999;  
    border-radius: 5px; 
}

.SubmitButton
{
    padding:4px 12px 4px 12px; 
    font-family: Verdana;
	font-size: 11px;
	font-weight:bold;
	color: #333333;
}

.LineImageMargin
{
	margin-bottom:10px;
}

/***************************************/

.filterTable
{
    
}

.filterTable td
{
    padding-right:15px;  
}

.filterTable input[type="text"] 
{    
    width:150px;     
    padding-left:6px; 
    height:20px;
    border:1px solid #cccccc;
}
.filterTable select
{
    width:160px; 
    height:24px;   
    border:1px solid #cccccc;
}

.leftFloat
{
    float:left;  
}
.rightFloat
{
    float:right; 
}

.calenderText
{
    width:100px  !important;
    background-image:url("../Images/calendar.png");   
    background-repeat:no-repeat;
    background-position:88px center;     
}





.fieldTable
{
    border:0px;           
}

.fieldTable td
{
    padding-top:2px; 
}

.fieldTable input[type="text"] 
{ 
    padding-left:6px; 
    height:20px;    
    border:1px solid #cccccc;
}

.fieldTable select
{   
    height:24px;   
    border:1px solid #cccccc;
}

.fieldTable .fieldLabel 
{
    padding-right:15px;     
}

.fieldTable .fieldText
{
    padding-right:50px;     
}

.fieldPadding td
{
    padding-right:15px;       
}

.requiredField
{
    color:#ff0000;
}

.errorMsgStatus
{
	padding-top: 13px;
	color: #aa0000;
}
/***************Gridview Header************************/
.gridview  
{    
    border:solid 1px #c1c1c1; 
    width:100%;       
}

.gridview td
{    
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    text-align: left;
}

.gridviewheader th, .gridviewfooter td, .gridviewheader td
{
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px; 
    text-align:left;
    /*white-space:nowrap;*/    
    background-image:url("../Images/ACADataGrid/col_header_footer.png");
    background-repeat:repeat-x;  
	background-position:bottom;
	background-color:#ffffff;	
	border-bottom:solid 1px #cccccc;
	border-left:solid 1px #dbdcde;
}

th.gridviewheaderselected
{   
    background-image:url("../Images/ACADataGrid/col_header_selected.png");
    background-repeat:repeat-x;  
	background-position:bottom;
	background-color:#f7f9f9;
}

.gridviewheader a, .gridviewfooter a, .gridviewheader th, .gridviewfooter td, .gridviewheader td
{
    font-family: Verdana, "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;	
    color:#333333;
    text-decoration:none;
    font-weight:bold;    
}

.gridviewitem td
{
    background-color:#ffffff;
    border:none; /* This property must be fore border-left. Otherwise row bottom border will be displayed.*/
	border-left:solid 1px #f2f2f2;
	padding: 7px;
}

.gridviewaltitem td
{
    background-color:#f7f7f7;
    border:none;
    border-left:solid 1px #ececec;
    padding: 7px;
}

.gridview td:first-child, .gridview th:first-child
{
    border-left:1px #c1c1c1; 
}

.gridview tr:hover td
{
   background-color:#e2f3fc !important;   
}

.pagerStyle td
{
    vertical-align:middle;     
    border:solid 1px #c1c1c1;    
}

.gvPageCount
{
    width:50px;
}





.detailView
{
    border:solid 1px #c1c1c1; 
    border-bottom-width:2px;
    border-right-width:2px;  
    min-height:400px;
    min-width:800px;  
}

.detailView .commandbar
{
    vertical-align:top;
    height: 40px;  
}

.detailView
{
    padding:5px;
}





/*********************classic site main menu*****************/
.ClasMainMenu ul
{     
    list-style: none;
}
.ClasMainMenu .libold  a
{
    font-size: 11px;
    font-weight: bold;
}
.ClasMainMenu .linormal
{
    font-size: 11px;
}
.ClasMainMenu li a, .ClasMainMenu h2
{
    color: #494949;
}

.ClasMainMenu h2
{
    font-size: 16px;
    font-family: Verdana, "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
    font-weight:bolder;
}


.NewItems
{
    font-weight:bold;
    font-style:italic;
    text-decoration:underline;
    color:#ad0303;
    margin-left:15px;    
}



/*********************Typography****************/


.PageTitleFont
{    	
	font-family:Trebuchet MS;
	font-size:17px;
	font-weight:bold;
	color:#494949;	
}









/*a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}*/


/* HEADINGS   
----------------------------------------------------------*/

/*h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}*/

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
/*.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}*/


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/*

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}



.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}
*/

/* TAB MENU   
----------------------------------------------------------*/
/*
div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}
*/
/* FORM ELEMENTS   
----------------------------------------------------------*/
/*
fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}
*/
/* MISC  
----------------------------------------------------------*/
/*
.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}


.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}
*/



/**********slide drop***************/
  .BtnSlide
     {
        width:100%;
        text-align:left;
        height:22px;        
        border-width:0px;         
        background-image: url("../Images/ACADataGrid/column_sorted_down.png"); 
        background-repeat:no-repeat;
        background-position:98% center;
        background-color:transparent;
        font-family:"Segoe UI", Arial, sans-serif;
        font-size:12px;
        font-style:normal;
        font-variant:normal; 
        color:#3b3b3b;         
     }
     
     .BtnSlide.active
     {            
        background-image: url("../Images/ACADataGrid/column_sorted_up.png");  
     }
     .barSlide
    {
        background-image: url("../Images/tButtionGrad.gif");
        background-color:#DCDEE1;
        background-repeat:repeat-x;
        background-position:top;
        width:100%;        
        height:22px;       
    }
    
    .barSlide.active
    {
        background-image: url("../Images/tButtionGradHover.gif");   
        border-bottom:1px solid #C28B31;     
    }
    
    .barSlide input:focus
    {
        outline:0; 
    }
    
    .dropBar
    {
        width:100%;
        min-height:80px; 
        max-height:600px; 
        z-index:9999;
        display:none;
        overflow:auto;        
    }
    
    .mainSlideBar
    {
        width:400px;
        /*z-index:9999;*/
        position:absolute;
        /*background-color:#ededed;*/
        background-color:#FFFFFF;
        border:1px solid #A4ABB2;
        border-radius:3px; 
    }
    
     .mainSlideBar.active
     {
         z-index:9999;         
     }
    
    /**********slide drop end***************/
    
    
    .headerFilterImage 
    {
        margin:0px 5px 0px 5px;
        float:right;               
    }
    
    .SubText
    {
        font-size:10px;
        padding: 5px 0px 5px 0px; 
    }

/******************Modal Popup************************/
    .modalBackground 
    {
	    background-color:Gray;
	    filter:alpha(opacity=70);
	    opacity:0.7;
    }
    
    .modalPopup 
    {
	    background-color:White;
	    border-width:3px;
	    border-style:solid;
	    border-color:Gray;
	    padding:0px;	 
    }
    
    .popupHeader
    {
        width:100%;   
        height:30px;
        background-color:#424242;
        font-weight:bold;
        color:#ffffff;
        padding-left:5px;  
        padding-right:5px;  
    } 
    
    .popupContent
    {
        padding:10px;
        background-color:#EDEDED;    
    }   
    
    .chkAlign label
    {    
        position: relative;
        top: -2px; 
    }
    
    
    .filterFieldSet
    {
        border:1px solid #A4ABB2;
        margin-bottom:15px; 
    }

    /* ACA-751 */
    .highlight {
        color: white;
        background-color: dodgerblue;
        border-radius: 10px; /* Adjust the value to change the roundness of the corners */
        padding: 2px 5px; /* Adjust the padding as desired */
    }