body 
{
	font-family:Arial;
	margin:0px;
	font-size:12px; 	
}

a{color: #3366cc;	text-decoration: none; }	
a:hover	    {color:#4888ff;    text-decoration:underline;}

#logo
{
	
	background:url("images/logo.jpg"); 
	background-repeat:no-repeat;
	background-position:left;
	right:50%;
	margin-right:180px;
	margin-top:2px;
	width:155px;	
	height:55px;			
	}
#logotext 
{
	background:url(images/text.jpg);
	background-repeat:no-repeat;
	width:104px;
	height:55px;
	margin-left:61px;
	}
#logoLFMS 
{
	background:url(images/logo.jpg);
	background-repeat:no-repeat;
	background-position:left;
	
	width:158px;
	height:55px;
	}
.main
{
 width: 980px;
 margin-left:auto;
 margin-right:auto;
}


#header
{
 text-align:left;  
 }
 
#sub-header 
{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	padding-top:25px;
	padding-bottom:25px;
	}
 #content 
 {
 	text-align:left;
 	}
#footer
{
 height: 50px; 
 padding: 20px;
 background-color: #F6F6F6; 
 border-top: 1px solid #D5D5D5;
 color: Black;
 text-align:left;
 font-size:12px;
}
#footer h1 {margin:0px; margin-bottom:8px; display:inline; }



.grid { vertical-align: top; color: #454545; }
.grid-header 
{
	padding-left: 10px; font-weight: bold; font-size: 12px; height: 24px; text-align: left;background-color: #E7F1F9;
}


.grid-item { border: white 1px solid; vertical-align: top; color: #454545; height:25px; }
.grid-item input { font-size:8px; }


.grid-pager { clear: left; font-size: 12px; }

.grid-pager span { display: block;
    float: left;
	border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #2E6AB1;
    color: #fff;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;        
    }
.grid-pager a { display: block; float: left; padding: 0.2em 0.5em; margin-right: 0.1em; border: 1px solid #fff; background: #fff; font-weight: bold; color: #2E6AB1; border: 1px solid #9AAFE5; text-decoration: none; font-weight: bold; }
.grid-pager a:hover { border-color: #2E6AB1; color: black; }

/*.grid-pager a { text-decoration:none; border:1px solid #CCCCCC;padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;}*/
.grid-pager a:hover {border:1px solid #83BC46; background-color:#F0F7E8; }


.txt-header
{
	font-weight: bold;
	font-size: 17px;
	padding-bottom: 10px;
	border-top:1px solid #D5D5D5;
	padding-left:2px;
	color: #F14F00;
text-align:left;
}


.top-menu
{
	width: 635px; height: 40px;
	position:absolute;
	z-index:2;
	top:5px;
	margin-left:350px;
	padding:0px;
	
	border:none;
}
.top-menu .center
{
	float:left;
	text-align:center;
	background-image: url('images/menu-center.png'); 
	background-repeat:repeat-x;
	padding-top:10px;
	height:34px;
	width:590px;
}
.top-menu .left
{
	float:left;
	height:44px;
	width:19px;
	background-image: url('images/menu-left.png'); 
	}
	
.top-menu .right
{
	float:left;
	height:44px;
	width:19px;
	background-image: url('images/menu-right.png'); 
	}
.top-menu  a
{
 padding: 15px;
 font-weight: bold;
 font-size: 12px;
 font-family: Verdana;
 color: #565656;
 text-decoration:none;
 
}

.top-menu  a:hover
{
 color: Black;
 text-decoration: none;
}

.website-panel { padding:10px;}
.website-panel .left div{ padding-top:3px; padding-bottom:3px;}
.website-panel .subtitle 
{
	color: #6C9AC6;
	font-size: 13px;
	font-weight: bold;
	}
.website-panel .linkheading1 
{
	color: #6C9AC6;
	font-size: 13px;
	font-weight: bold;
	}
.website-panel .linkheading1:hover 
{
	color: #F14F00;
	}

.website-panel .linkheading2 
{
	font-size: 11px;
	font-weight: bold;

	}

.website-panel-alternate
{
	background-color: #F6F6F6;
	}
	
.message, .error, .warning {
   padding: 17px 30px 2px 60px;
   font-size: 1em;
   color: #525252;
   font-weight: bold;
   height:35px;
   margin:0px;
}

ul.message li, ul.error li, ul.warning li {
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}

.error {
    background: #ffe7e7 url(images/icon/error_icon.png) no-repeat 10px 5px !important;
    border-top: 1px solid #fe8989;
    border-bottom: 1px solid #fe8989;
    color: #525252;
}
.warning {
    background: #FFEFB5 url(images/icon/warning_icon.png) no-repeat 10px 5px !important;
    border-top: 1px solid #ffca0b;
    border-bottom: 1px solid #ffca0b;
    color: #525252;
}
.message {
    background: #e9fad0 url(images/icon/message_icon.png) no-repeat 10px 5px !important;
    border-top: 1px solid #aee756;
    border-bottom: 1px solid #aee756;
    color: #525252;  
    font-weight:bold;  
}


span.error {
	display: list-item;
	list-style:none;
	list-style-type:none;
    background: #ffe7e7 url(images/icon/error_icon.png) no-repeat 10px 5px !important;
    border-top: 1px solid #fe8989;
    border-bottom: 1px solid #fe8989;
    color: #525252;
}
span.warning 
{
	display: list-item;
	list-style:none;
	list-style-type:none;
    background: #FFEFB5 url(images/icon/warning_icon.png) no-repeat 10px 5px !important;
    border-top: 1px solid #ffca0b;
    border-bottom: 1px solid #ffca0b;
    color: #525252;
}
span.message 
{
	display: list-item;
	list-style:none;
	list-style-type:none;
	background: #e9fad0 url(images/icon/message_icon.png) no-repeat 10px 5px !important;
    border-top: 1px solid #aee756;
    border-bottom: 1px solid #aee756;
    color: #525252;      
    width: inherit;
}

/*start tooltip style*/
    
#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;
}

    
/*end tooltip style*/