html { margin: 0px; padding: 0px; }
 
body 
{   font-family:Tahoma;
    font-size:small;
     
    margin: 0;
    padding: 0; 
 
 }
.fa-col { color : black;
   
}
   .loginBG 
{
	 height:100%; width: 100%;background-image: url(images/login_smaller.png) ;background-repeat: no-repeat;
}
a{text-decoration:none; color:#000000;}
 

  /*

input, select 
{
    font-size: 9pt;
    font-family: Tahoma;
  border:1px solid #c5c5c5;
    
    }*/
.toolbarZone 
{
	height: 24px; text-align: left; 
    width: 100%;background-image: url(images/toolbarBgH.gif);
	background-color: #ddecfe;
	background-repeat: repeat-x;
	font-size: 10pt;
	font-family: Verdana;
	border-collapse: collapse;
	padding-top: 1px;
	padding-bottom: 1px;
}
.ShellHeader
{
	width: 100%;background-image: url(images/shellhead.gif);
	background-repeat: repeat-x;
	}
.comboItem {  font: normal 11px Tahoma, Verdana, Sans-serif;}
 .templLabel
        {
            float: left; 
            font: normal 11px Tahoma, Verdana, Sans-serif;
        }
 .comboContainer
        {
            width: 150px;
        }
 .loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:30px; 
    width:100px;
    text-align:center;
    padding-top:20px
}
.Common 
{
	 clear : both ;
	 PADDING: 0px;	
	BACKGROUND-REPEAT: repeat-x; 
	width: 100%; 
    height : 100%;
	padding-top : 10px;
	  
}
.CommonWithMenu 
{
	CLEAR: both; 
	BACKGROUND-IMAGE: url(images/bg_header3.gif); 
	PADDING: 0px;	
	MARGIN: 0px; 
	BACKGROUND-REPEAT: repeat-x; 
	width: 100%; 
	 padding-top:10px;
	height: expression(this.parentElement.parentElement.offsetHeight - 60); 
}
.CommonNoMenu 
{
	 clear : both ;
	BACKGROUND-IMAGE: url(images/bg_header3.gif); 
	PADDING: 0px;	
	BACKGROUND-REPEAT: repeat-x; 
	width: 100%; 
	padding-top:10px;   

}
.HeadingBackground
{
	CLEAR: both; 
	BACKGROUND-IMAGE: url(images/bg_header3.gif); 
	PADDING: 0px;	
	MARGIN: 0px; 
	BACKGROUND-REPEAT: repeat-x; 
	width: 100%; 
	
	 padding-top:10px;
	
}

.LeftMenu 
{
	CLEAR: both; 
	BACKGROUND-IMAGE: url(images/bg_header3.gif); 
	PADDING: 0px;	
	MARGIN: 0px; 
	BACKGROUND-REPEAT: repeat-x; 
	width: 100%; 
	 padding-top:10px;
		height: expression(this.parentElement.offsetHeight - 65); 
}
.Heading
{
	PADDING-RIGHT: 0px;	PADDING-LEFT: 10px;	FONT-SIZE: 18px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	COLOR: #ffffff;	LINE-HEIGHT: 1.1em;	PADDING-TOP: 5px;	FONT-STYLE: normal;	FONT-FAMILY: "Segoe UI", verdana, arial
}

.Total
{
	PADDING-RIGHT: 0px;	PADDING-LEFT: 10px;	FONT-SIZE: 14px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	COLOR: #000000;	LINE-HEIGHT: 1.1em;	PADDING-LEFT: 24px;	FONT-STYLE: normal;	FONT-FAMILY: "Segoe UI", verdana, arial; font-weight: bold ;
}
.BoldLabelDark
{
	PADDING-RIGHT: 0px;	PADDING-LEFT: 10px;	FONT-SIZE: 14px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	COLOR: #204466;	LINE-HEIGHT: 1.1em;	PADDING-TOP: 5px; font-weight:bold ;		FONT-STYLE: normal;	FONT-FAMILY: "Segoe UI", verdana, arial
}
.LayoutTable { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 99%; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 350px }
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
 .specialDay a  
    {  
        color: red !important;  
        border-color: Red !important;
        border:1px solid red;
    }  
@media print {
  .noprint {display: none;}
  .contentwidth1000 {width: 100%;}
}
.LoginBackground 
{
	CLEAR: both; 
	BACKGROUND-IMAGE: url(images/loginbackground.gif); 
	PADDING: 0px;	
	MARGIN: 0px; 
	BACKGROUND-REPEAT:  no-repeat ; 
	width:400px;
	height:250px;
	
	 
}
.AccessDeniedBackground 
{
	CLEAR: both; 
	BACKGROUND-IMAGE: url(images/lock.gif); 
	PADDING: 0px;	
	MARGIN: 0px; 
	BACKGROUND-REPEAT:  no-repeat ; 
	width:400px;
	height:210px;
	
	 
}
.footertext {
	font-family: verdana,  Arial, sans-serif; font-size: 10px; color: #56584D; line-height:16px; font-weight:bold; text-decoration:none;
}
.footertext:hover {
	font-family: verdana,  Arial, sans-serif; font-size: 10px; color: #7C7E72; line-height:16px; font-weight:bold; text-decoration:underline;
}
.copyright {
	font-family: verdana,  Arial, sans-serif; font-size: 10px; color: #888A82; line-height:16px; font-weight:bold; text-decoration:none;
}
.topmainmenu{font-family: verdana; font-size: 12px;padding:0px;margin:0px; color: #ffffff;}	
.topmainmenu:hover{text-decoration:none;}
.panelbarbg{BACKGROUND-IMAGE: url(images/panelbar-bg.gif);background-repeat: no-repeat; }

td.innerpageheader {
	background-color: #6695C8;
	background-repeat: repeat-y;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	table-layout: auto;
	width: 100%;
}

td.innerpageheaderl {
	background-color: #6695C8;
	background-image: url(Images/Table1L.gif);
	background-position: left top;
	background-repeat: no-repeat;
	table-layout: fixed;
	width: 2px;
}

td.innerpageheaderr {
	background-color: #6695C8;
	background-image: url(Images/Table1R.gif);
	background-position: right top;
	background-repeat: no-repeat;
	table-layout: fixed;
	width: 2px;
}

td.maincontentcell {
	text-align: center;
}
.innerpagecontentarea /* USED - inner area of page contents that holds settings, etc */ {
	background-color: #F3F3F3;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px; /*width: 550px;*/
	padding-top: 15px;
}
#footerPanel{width:100%;  background:#DCDCDC; color:#4C4C4C; font-size:12px;}
#footerbodyPanel{width:762px;height:133px; position:relative; margin:0 auto; padding:0;}
#footerPanel ul{width:500px; display:block; position:absolute; right:10px; top:33px; }
#footerPanel li{float:left; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPanel ul li a{padding:0 6px; color:#4C4C4C; background:#DCDCDC; text-decoration:none;}
#footerPanel ul li a:hover{text-decoration:underline;}
#footerPanel ul li a.padl{padding:0 0 0 6px;}
#footerPanel p.copyright{background:#DCDCDC; display:block; position:absolute; top:54px; right:45px; color:#A64200;}
#footerPanel ul.austech{width:270px; background:#DCDCDC; color:#4C4C4C; display:block; position:absolute; top:74px; right:40px;}
#footerPanel ul.austech li a{background:#DCDCDC; display:block; color:#4C4C4C; text-decoration:none;}
#footerPanel ul.austech li a:hover{text-decoration:underline;}

#footerhtmlPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:29px; margin:0; padding:0;} 
#footerhtmlPanel a{ width:86px; height:31px; display:block; background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#footerhtmlPanel a:hover{background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }
#footercssPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:115px; margin:0; padding:0;} 
#footercssPanel a{ width:86px; height:31px; display:block; background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#footercssPanel a:hover{background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }






.radio.radiobuttonlist label,
.checkbox.checkboxlist label
{
	font-weight : normal ;
    padding-right : 20px;
    padding-left : 0px;
}


.login-box-inner {
    background: #fff;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 40px;
}

.toolbarbuttonpadding{
    padding : 2px;
}

.fullBG {

    background: url('images/bg1.jpg') no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}

.fslogo{
    /* To play around, change this to absolute */
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    padding: 20px;
    margin: 0px;
}


#outPopUp {
  position: absolute;
  width: 300px;
  height: 200px;
  z-index: 15;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -150px;
  background: red;
}
.FormatRadioButtonList label {
    margin-right: 25px;
    font-weight: normal;
}