﻿*{margin:0;padding:0}
body
{
	font-family:Tahoma;
	font-size:small;
	color:#555555;
	background-color:#F9F9FC;
}

input[type="submit"]
{
    color:#fff;
    font-size:small;
    background:#328AB2;
    border-radius:5px;
    font-weight:bold;
    padding:10px;
    border:Solid 1px #ccc;
}

input[type="submit"]:hover, input[type="submit"]:focus
{
    color:#328AB2;
    font-size:small;
    background:#f4f4f4;
    border-radius:5px;
    font-weight:bold;
    box-shadow:none;
    padding:10px;
    border:Solid 1px #ccc;
    box-shadow:0 0 10px -4px #000;
}
.LoginCenterAlign
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.moveUp
{
    width:250px;
    float:right;
    margin-top:-40px;
}
.Header
{
	height:65px;
	text-align:left;
	font-family:Tahoma;
	font-size:22pt;
	font-weight:bold;
	color:#ffffff;
	width:auto; 
	background:#53788A;
	min-width:1010px;
}
.HeaderLogo
{
	min-width:300px;
    float:left;
	background:url(../Images/Logo.png) no-repeat;
	width:300px;
	height:60px;
	margin-left:10px;
}

#login_header_bottom
{
	width:750px;
	background-color:#ffffff;
	height:10px;
	margin-top:-10px;
	margin-left:auto;
	margin-right:auto;
}


#login_container
{
	width:760px;
	background-color:#bbbbbb;
	height:335px;
	margin-left:auto;
	margin-right:auto;
}

#login_container_inner
{
	width: 750px;
	background-color: #ffffff;
	height: 330px;
	text-align: left;
	font-family: Tahoma;
	font-size: small;
	color: #663300;
	margin-left:auto;
	margin-right:auto;	
}

#login_container_inner_left
{
	height:80%;
	width:50%; 
	text-align:left;
	background: #ffffff  url('../Images/loginleftI1.jpg') no-repeat 0 30px;
	margin-left:0px;
	margin-right:auto;		
}

.Welcome h2
{
    font-size:16pt!important;
    text-align:center;
    margin:0 0 50px 0;
}


.LoginTextbox
{
	width:250px;
	height:24px;
	margin:5px;
	font-family:Tahoma;
	font-size:small;
	padding:3px;
}

#lblLoginSubTitle
{
	font-family: Arial;
	color: #98AEB9;
	font-size: 13pt;
	font-weight: bolder;
	margin-left: 5px;
	float: right;
	padding:1px 1px 1px 1px;
}

#login_footer
{
	clear:both;
	color:#777;
	font-size:smaller;
	font-family:Tahoma;
	vertical-align:bottom;	
}
#login_footer table div
{
    padding:0 6px 2px 6px;
}

#login_container_inner input[type="checkbox"]
{
    margin-right:5px;
}
.LoginChkBox
{
    padding:10px 0;
    vertical-align:middle;
    color:#064563;
}

.MstFooter
{
	width:100%;
	color:#333;
	font-family:Tahoma;
	font-size:x-small;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-bottom:3px; 	
	display:block;
}


.ErrText
{
	font-family:"Tahoma";
	font-size:x-small;
	color:red;
	text-align:center;
}
    

.Mstheader_bottom
{
	width:96%;
	height:10px;
	margin-top:-10px;
	margin-left:auto;
	margin-right:auto;
	min-width:1010px;
}
.Mstheader_bottom div
{
	width:99%;
	background-color:#ffffff;
	height:10px;
	margin-left:auto;
	margin-right:auto;
}

.MstContainer
{
	width:96%;
	background-color:#bbbbbb;
	margin-left:auto;
	margin-right:auto;	
	padding-bottom:2px;
	min-width:1010px;
}

.MstContainer_inner
{
	width:99%;
	text-align: left;
	font-family: Tahoma;
	font-size: small;
	color: #5C5C5C;
	margin-left:auto;
	margin-right:auto;	
	margin-bottom:5px;
	min-width:1000px;
}

.MstContainerCenterAlign
{
	width: 95%;
	background-color: #ffffff;
	margin-left:auto;
	margin-right:auto;
	min-width:1000px;
}

.MstLeftPane
{
    min-width:200px;
    width:20%;
    background-color:#DCE0E1;
    border: solid 1px #999;
    text-align:left;
    margin-left:auto;
    float:left;
    margin-top:5px;
}

.MstLeftPane ul
{
    width:100%;
    list-style:none;
}

.MstLeftPane ul li
{
    padding:5px;
    color:#565859;
    padding-left:15px;
}
.MstLeftPane ul li:hover, .MstLeftPane ul li:hover a,.MstLeftPane ul li.act
{
    background:#53788A;
    color:#fff;
    padding-left:15px;
    font-weight:bold;
}
.MstLeftPane ul li a
{
    font-size:small;
    padding:0!important;
    display:block;
    color:#565859;
    text-decoration:none;
}
.MstLeftPane ul li a:hover, .MstLeftPane ul li.act a
{
    font-weight:bold;
    font-size:small;
    color:#fff;
    padding:0!important;
    display:block;
}

.MstRightPane
{
    min-width:790px!important;
    width:79.5%;
    background-color:#FFFFFF;
    border: solid 1px #999;
    text-align:left;
    margin-left:auto;
    float:right;
    display:inline-block;
    min-height:255px;
    margin-top:5px;
}

.MstRightPane .Filters
{
    border:solid 1px #ddd;
    border-radius:5px;
    width:98%;
    margin:10px auto;
    padding:5px;
    background:#fafafa;
}

.MstRightPane .Filters table
{
    width:100%;
}

.MstRightPane .Filters table input[type="text"]
{
    padding:3px;
    border:solid 1px #ddd;
    border-radius:4px;
    width:97%;
}
.MstRightPane .Filters table input[type="password"]
{
    padding:3px;
    border:solid 1px #ddd;
    border-radius:4px;
    width:97%;
}
.MstRightPane .Filters table select:disabled
{
    color:#333;
}
.MstRightPane .Filters table textarea
{
    padding:3px;
    border:solid 1px #ddd;
    border-radius:4px;
    width:99%;
    resize:none;    
}

.Special
{
    margin:0 0 0 20px;
    padding:10px 20px!important;
}

.GridOptions
{
    float:right;
    width:250px;
}
.GridOptions table
{
    width:100%;
    table-layout:fixed;
}
.MstRightPane .Filters table select
{
    padding:3px;
    border:solid 1px #ddd;
    border-radius:4px;
    width:99%;
}

.MstLeftPaneCells
{
    width:100%;
    padding:2px 2px 2px 30px;
    margin:1px 1px 1px 1px;    
}


.WelcomeText
{
	font-family:"Verdana";
	font-size:medium;
	font-weight:bold;
	color:#303030;
	text-align:left;
	margin-left:10px;
}

.appHeader
{
    height:30px;
	background-color: #ffffff;
}

.LeftAlign	
{
	text-align:left;
	margin:0px auto;
}


.STextBox
{
	width:200px;	
}

.SComboBox
{
	width:200px;	
	height:22px;
}

.SBtn
{
	width:100px;
}

.HomeMenu td a
{
	font-family:"verdana";
	font-size:small;
	font-weight:normal;
	background-color:#53788A;
	color:White;	
	padding:3px 3px 3px 3px;
	text-decoration:none;
	
}

.HomeMenu td a:hover
{
	background-color:#7070B8;
	text-decoration:underline;
	font-weight:normal;	
}

.HomeSubMenu td a
{
	color:#555555;
	text-decoration:none;
}

.HomeSubMenu td a:hover
{
	color:#666633;
	text-decoration:underline;
}

#HomeLeft
{
	width:200px; 
	height:170px;
	border-right:dotted thin #dddddd;
	background: #ffffff  url('../Images/homeleftI.jpg') no-repeat;
	float:left;
	margin-left:0px;
	margin-right:auto;	
}

.SbtnSaveCancel
{
	width:75px;
}

.TitleStyle 
{
	font-family:Arial;
	text-align:left;
	color:#000000;
	background-color:#F3F4F4;
	border-top:solid 1px #DADBDB;
	border-bottom:solid 1px #DADBDB;
	font-weight:bold;
}
.TitleStyle h1
{       
	font-size:x-large;
	padding:5px 10px;
}

.TitleStyle div
{ 
    float:right;
    padding:10px;
    color:#777;
}

.TotalLabels
{
	text-align:right;
	width:20%;
	padding-right:2px;
	font-weight:bold;
}

.BoxStyle
{
	 border:solid thin #cccccc;
	 padding:2px 2px 2px 2px;
	 margin:2px 2px 2px 2px;
}

.BoxStyleAddEdit
{
	 border:solid 1px #545A5A;
	 padding:2px 2px 2px 2px;
	 margin:2px 2px 2px 2px;
	 background-color:#D1E0E0;
}

.BoxHeading
{   
    font-family:Arial;
    font-weight:bold;
    color:#555555;
}

.ModeStyle
{
	 border:solid thin #cccccc;
	 color:Orange;
	 float:right;
	 padding:5px 5px 5px 5px;
 }
 
 .TotalHeader
 {
	font-weight:bold;
 	text-align:right;
 }
 

.ActiveRow
{
	background-color: #FFFF00;
	color: #000000;
}

.LoaderImage
{
	background-image: url('../Images/loader.gif');
	background-repeat:no-repeat;
    background-position:right;
 }
 
 .AdminHomeBtns
 {
 	width:220px;
 	height:35px;
 	background-color:#B8B894;
 	color:black;
 	font-size:medium;
 	margin-left:10px;
 }
 
 /* AutoComplete item */
.CompletionList
{
	background-color : #ffffff;
	color : #555555;
	font-size: small;
	list-style-type:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border:solid thin #CCCCCC;
	height:100px;
	overflow:auto;
	font-family:Verdana;
}
	
/*AutoComplete flyout */
.CompletionListItem 
{ 
	text-align : left;
	background-color:White;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

/* AutoComplete highlighted item */
.CompletionListHighlightedItem
{
	background-color: #FFFF00;
	color: #000000;
	font-size: small;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
 
.mGrid {    
    width: 98%;    
    background-color: #fff;    
    margin: 5px 5px 5px 5px;    
    border: solid 1px #525252;    
    border-collapse:collapse;    
}   
.mGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #666666;    
}   
 
.Editbtns
{
    margin:2px 2px 2px 2px;
    padding:2px 2px 2px 2px;
    width:95%;
}

.resTbl tr.pageIndexRow Table tr
{
   border:none!important; 
}
.bottomlogo{margin:6px 0 0 0}
.bottomlogo a{background:url('../Images/bottomlogo.png');float:right;height:25px;margin:-8px 5px 0 ;position:absolute;text-indent:-9999px;width:82px;}
.clear{clear:both;}

.resTbl{position:relative;z-index:1;border:solid 1px #303030!important;border-collapse:collapse;border-spacing:0;border-radius:4px!important;text-align:left;margin-bottom:10px;margin-top:10px;box-shadow:0 2px 10px -5px #303030;table-layout:fixed;}
.resTbl th{background:#DCE0E1;color:#303030;font-size:small;font-weight:bold;padding:5px;}
.resTbl td{font-family:tahoma; font-size:8.5pt;padding:5px;letter-spacing:1px;word-wrap:break-word;}
.resTbl tr{border:solid 1px #f4f4f4!important;}
.resTbl .highlightRow{font-weight:bold}
.useHyperlink{width:100%;}
.useHyperlink td.marker{width:2px;padding:0!important;}
.useHyperlink tr:hover{background:#ededed;}
.useHyperlink tr:hover td.marker{cursor:pointer;background:url(../images/RowHover.png) no-repeat center;}
.useHyperlink tr:hover td{cursor:pointer;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;color:#3189c3}
.useHyperlink .pageIndexRow:hover  td{cursor:default;border:none!important;color:#3189c3}

.useHyperlink .editRow{width:16px;height:16px;background:url(../images/BtnEdit.png) no-repeat center;}

.highlightRow
{
    float:left;
    font-weight:bold;
    padding: 0 20px;
    color:#ff4300
}