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

/* Reset browser default styles to insure consistency across various browsers 
html, body, div, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; line-height: 1; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
*/


body
{
    background: #FFFFFF url("/images/main_bg.gif") repeat-x;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.4;
    font: Verdana;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

table
{
    font-family: Verdana;
}

textbox
{
    font-family: Verdana;
}

label
{
    font-family: Verdana;
}

table.menu 
{ 
    margin:0px auto; 
}
        
h1
{
    margin:0px 0px 10px 0px;
    font-family:Georgia;
    font-weight:normal;
    font-size:24px;
    color:#284775;
    
}

h1.nomargin
{
    margin:0px 0px 0px 0px;
    font-family:Georgia;
    font-weight:normal;
    font-size:24px;
    color:#284775;
}

div.title24
{
    margin:0px 0px 10px 0px;
    font-family:Georgia;
    font-weight:normal;
    font-size:24px;
    color:#284775;
}

div.title18
{
    margin:0px 0px 10px 0px;
    font-family:Georgia;
    font-weight:normal;
    font-size:18px;
    color:#284775;
}

div.title15
{
    margin:0px 0px 10px 0px;
    font-family:Georgia;
    font-weight:normal;
    font-size:15px;
    color:#284775;
}

div.title12
{
    margin:0px 0px 10px 0px;
    font-family:Georgia;
    font-weight:normal;
    font-size:12px;
    color:#284775;
}

label.smwia1
{
    font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
}


label.smwia2
{
    font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: normal;
}

.failureNotification
{
    color: Red;
}

p.center
{
    text-align:center
}

p.right
{
    text-align:right
}

p.left
{
    text-align:left
}

.LeftAlignText
{
	text-align:left
}

/********* Try to freeze the columns at the top of a gridview/listview  ************/

Column_Headings { 
	font-weight:bold; 
	position:absolute; 
	background-color:White; 
} 

.HeaderFreez
{
   position:relative ;
   top:expression(this.offsetParent.scrollTop);
   z-index: 10;
}

/********* Modal Pop-up Window  ************/

.popupControl {
    background-color:#AAD4FF;
    visibility:hidden;
    border-style:solid;
    border-color: Black;
    border-width: 2px;
}

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=40);
    opacity:0.4;    
}

/***
    filter:alpha(opacity=70);
    opacity:0.7;    
***/

.modalPopup			/* Note: This is the outside border region of the modal popup. */
{
	background-color: #5D7B9D;
	border-width: 3px;
	border-style: solid;
	border-color: #284775;
	padding: 3px;
	vertical-align: middle; 
	margin:0 auto;
	text-align:center;
}  

.popupHoverPanel {          
    background-color:#CEE7FF ;
    border-width:1px;
    border-style:solid;
    border-color:#284775;
    padding:15px;
    font-size: small;
    color:Black;
    font-weight:normal;
} 

/****************************/
/* Progress Bar style 1 */
/****************************/

.ProgressBackground1 {
    background-color:Gray;
    filter:alpha(opacity=20);
    opacity:0.2; 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%;  
}  

.ProgressContainerTable1 {
    background-color:#EEF0F2; 
    filter:alpha(opacity=70);
    opacity:0.7; 
    position:absolute; 
    top:36%; 
    left:43.6%; 
	margin:0 auto;
	text-align:center;    
} 

.ProgressContainerTable2 {
    background-color:#f7f6f3; 
    border-width:0; 
    filter:alpha(opacity=80);
    opacity:1; 
    BorderWidth="0" 
	margin:0 auto;
	text-align:center;    
} 

.Img.ProgressImage1 
{
    background-color:white; 
} 

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

.ProgressBackground1_floating {
    background-color:#EEF0F2; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%;  
}  

.ProgressContainerTable1_floating {
    background-color:white; 
	margin:0 auto;
	text-align:center;   
    filter:alpha(opacity=50);
    opacity:0.5; 	 
}

/****************************/
/* Listview standard styles */
/****************************/
.padit
{
    padding:0px 5px;
}

.Medium_Font
{
    Font-Size:medium;
}

.padit hr {padding:0px;margin:-10px 0px 7px 0px}


.Boldit
{
    font-weight:bold;
}

.wrapit
{
    overflow: hidden;
}

.EvenRowColor
{
    background-color:#DBE5F1;
    border-color: red;
}

.OddRowColor
{
    background-color:#F0F5FB;
    border-color: #E2DED6;
}

.SelectedRowColor
{
    background-color:#507CD1; color:White
}

.SelectedRowColor2
{
    background-color:#E2DED6;
}

.SelectedRowColorGreen
{
    background-color:#c4d79b;
}

.ValueItem
{
    padding:0px 10px;
    font-weight:bolder;
}

.myPanelClass { max-height: 400px; overflow: auto; } 

.divReceiptPage2
{
    display: inherit;
}
.divReceiptPage3
{
    display: none;
}

.divReceipt1 
{
        background-color: #f7dfdb;
        background-color: transparent;
}
.divReceipt2
{
        background-color: #f9faf4;
        background-color: transparent;
}
.divReceipt3
{
        background-color: #fbf5d5;
        background-color: transparent;
}

.noborder
{
  border: none;
  border-width: 0px;
  border:0px;
  background-color: transparent;
  border-color:transparent;
      a img, a:link img, a:visited img, a:hover img, a:active img { border:0 !important; }
}

/******************************************/
/* Try to prevent asp.net menu flickering */
/******************************************/

.menu ul li ul 
{     
    display: none; 
}  

.menu ul li       
{
    position: relative;      
    float: left;     
    list-style: none; 
} 

/*************************************************************/
/* Try to remove underline or color change of visited links  */
/*************************************************************/

/**************************************
Note: doing this makes it so that the column headings indicating the column is sortable does not work.
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none;}
**************************************/

#ReceiptArea {display: none;}
#PrintArea {display: none;}
#ReportArea {display: none;float:none;} 

.asyncFileUpload 
{
    margin:0px;
    line-height:100%;
}

/**************************************/
/* Single-direction drop shadow */
        
hr.Single-direction-drop-shadow {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);

}

/**************************************/
/* Gradient transparent - color - transparent */
        
hr.Gradient-transparent-color-transparent {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

/**************************************/
/* ListView Styles */

.ListViewStyle td 
{
  border: 1px solid #E2DED6; 
}

.ListViewStyle.input
{
   border-width: 1px;
}

.ListViewInsertStyle td
{
  border-width: 0px;
}

.ListViewInsertStyle input
{
  border-width: 1px;
}

.ListViewEditStyle td
{
  border-width: 0px;
  background-color:#284775;
}	

.ListViewEditStyle input
{
  border-width: 1px;
}

/**************************************/
/* Button Styles */

#DataPager a 
{ 
        text-align:center   
}


.InsertButtonStyle {
	background: #CCFFCC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 2px;
}

.InsertButtonStyle:hover 
{
	background: #A6F4FF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 2px;
}

.CancelButtonStyle {
    background : #E57C7C;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 2px;
}

.CancelButtonStyle:hover 
{
   background : #A6F4FF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 2px;
}

.DeleteButtonWhyNot
{
	background-image:url(/Images/Background_Button.gif) ;
	width: 53px;
	height: 20px;
	margin:0px;
	padding:0px;
}

.DeleteButtonWhyNot:hover
{
	background-image:url(/Images/Background_Button_Hover.gif);
	width: 53px;
	height: 20px;
	margin:0px;
	padding:0px;
}

.ContinueButtonStyle {
	background: #99CCFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 2px;
}

.ContinueButtonStyle:hover 
{
	background: #A6F4FF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 2px;
}

.ReinstateButtonStyle {
	background: #FFAA00;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 2px;
}

.ReinstateButtonStyle:hover 
{
	background: #A6F4FF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 2px;
}

/* This is the easy way to have a button with a color gradient (but it makes hover not work!) - do not delete!!
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCFFCC', endColorstr='#66FF66');
*/


/* This is the native background color of ie10 buttons in hover mode - do not delete!!
	background: #A6F4FF;  
*/

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

.Border_All
{
	border: 1px solid #000000;
}

.Border_Top_Sides
{
	border-style: solid solid none solid;
	border-width: 1px;
	border-color: #000000;
}

.Border_Bottom_Sides
{
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #000000;
}


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

.CalendarImage
{
    margin:5px;
    display:inline-block;
}

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

.watermarked {
height:20px;
width:150px;
padding:2px 0 0 2px;
border:1px solid #BEBEBE;
background-color:#F7F6F3;
color:gray; 
font-style:italic;
}

.DoNotDisplay {display: none;}
.DoDisplay {display: block;}

.Popup_Message td {border:none;}

.gvLinks a {
    color:  Teal;
    text-decoration: none;
}