* { padding:0; margin:0; outline:0; }
body {
	background:#F9F9F9;
	font-family: Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#5e5e5e;
}
input, textarea, select { font-family: Verdana, sans-serif; font-size:13px; }
textarea { overflow:hidden; }

.field { border:solid 1px #d3cfc7; background:#fff; padding:5px; }
.small-field { border:solid 1px #d3cfc7; background:#fff; padding:3px 1px; font-size:11px; }

.checkbox { width:13px; height:13px; vertical-align:top; position:relative; top:2px; }

.button { background:#eee url(images/button.gif) repeat-x 0 0; border:solid 1px #b1a874; color:#7f7f7f; font-size:11px; padding:2px 6px 2px 6px; cursor:pointer; line-height:14px !important; }
.button:hover { color:#333; border-color:#857b42; }


.field:focus { color:#000; border-color:#857b42;}

a img { border:0; }

a { color:#ba4c32; text-decoration: underline; cursor:pointer; }
a:hover  
{
	color:#8d341f; 
	text-decoration: none;
}

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center !important; }

h1{ font-size:22px; line-height:24px; color:#fff; font-weight: normal;}
h1 a{ color:#fff; text-decoration: none; }
h2 { font-size:15px; font-weight: normal; }
h3 { font-size:12px; line-height:14px; font-weight: normal; }
h3 a{ text-decoration: none; }



.shell { width:1100px; margin:0 auto; }

#header {
    height: 89px;
    /*background-image:url(images/header.gif);*/
    background-color: #5fa6e3;
    white-space: nowrap;
}
#header h1{ float:left; display:inline; padding-top:12px; }
#top-navigation { float:right; white-space:nowrap; color:#fff; padding-top:15px; }
#top-navigation a{ color:#fff; }
#top-navigation span{ color:#dca598; }
#top { height:53px; }

#navigation { height:36px;}
#navigation ul{ list-style-type: none;}
#navigation ul li{ float:left; display:inline; margin-right:2px;}
#navigation ul li a,
#navigation ul li a span { float:left; height:36px; background:url(images/tab.gif) no-repeat 0 0; padding:0 0 0 15px;}
#navigation ul li a span { background-position:right 0; padding:0 15px 0 0;}
#navigation ul li a { line-height:36px; color:#907525; text-decoration: none; }

#navigation ul li a.active,
#navigation ul li a:hover { background-position:0 bottom;}

#navigation ul li a.active span,
#navigation ul li a:hover span{ background-position:right bottom;}

#navigation ul li a.active { font-size:12px; font-weight: bold; color:#887e42; }


#container { padding:20px 0;}

.small-nav { color:#978b48; padding-bottom:20px; }
.small-nav a{ color:#6f6636; }


#main {}
/*#content { float:left; width:750px; }*/
#sidebar { float:right; width:225px; }


.table {}
.table th{ background:#fffdfa url(images/th.gif) repeat-x 0 0; color:#818181; text-align: left; padding:7px 10px; border-bottom:solid 1px #d2d1cb;}
.table td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:8px 10px; }
.table tr.odd td{ background:#f8f8f8; }
.table tr:hover td{ background:#fff9e1; }
.table a.ico{ }

.box { background:#fbfcfc; height:100%; padding:1px; margin-bottom:20px; }
.box-head { /*background:#ba4c32; */
    background: #396cbe;
    height: 32px;
    color: #fff;
    padding: 0 10px;
    line-height: 32px;
    white-space: nowrap;
    border-bottom: solid 1px #fff;
}
.box-head .right{ padding-top:5px; line-height:13px;}
.box-head .right label,
.box-head .right input { float:left; }
.box-head .right label { padding:4px 0 0 0;}
.box-head .right input { margin-left:5px;}

.pagging { height:20px; padding:8px 10px; line-height:19px; color:#949494; }
.pagging a{ background:url(images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:5px;  }
.pagging a:hover { border-color:#8c3521; background:#ba4c32; color:#fff; }
.pagging span{ float:left; margin-left:5px; padding-top:2px; }


a.ico { color:#9d9c9a; font-size:10px; text-decoration: none; padding:0 0 0 14px; background-repeat:no-repeat; background-position:0 0; }
a.ico:hover { color:#333;}
a.del { background-image:url(images/del.gif)}
a.edit { background-image:url(images/edit.gif); margin-left:14px;}


.form { padding:15px 10px 5px 10px; }
.form label{ display:inline; font-weight: bold; font-size:13px; padding-bottom:4px; }
.form label span{ color:#999; font-weight: normal;}
.form .field { display:block; }
.form .inline-field .field { display:inline;}
.form .req { font-size:13px; float:right; white-space:nowrap; color:#999;  }
.form p{ padding-bottom:15px; }

.size1 { width:716px; }
.size2 { width:80px; }
.size3 { width:120px; }
textarea.size1 { height:180px; }

.buttons { text-align: right; padding:10px; background:#eee; border-top:solid 1px #e0e0e0; }
.buttons .button{ margin-left:3px;
	height: 23px;
}

.box-content { padding:10px; }

.sort { border-top:solid 1px #e0e0e0; padding-top:10px; margin-top:15px;   }
.sort label{ display:block; font-weight: bold;}
.sort .field{ display:block; margin-top:5px; }
.sort select.field{ width:203px; }


.box-content p { padding-top:10px; }
.select-all{}
.select-all label{ text-decoration: underline; padding-left:4px; }

.add-button,
.add-button span { float:left; height:26px; background:url(images/add-button.gif) no-repeat 0 0; padding:0 0 0 28px; }
.add-button span { background-position:right 0; padding:0 10px 0 0; }
.add-button { font-weight: bold; font-size:12px; color:#747474; text-decoration: none; line-height:26px; }
.add-button:hover { color:#333;}


#footer {
    height: 44px;
    /*background-image:url(images/footer.gif);*/
    background-color: #000000;
    line-height: 44px;
    color: #fff;
}
#footer a{ color:#fff; }


.msg { position:relative; padding-right:35px; margin-bottom:10px; }
.msg p{ padding:9px 10px 9px 40px; font-size:12px; background-repeat:no-repeat; background-position:10px 5px;}
.msg a.close{ font-size:0; line-height:0; position:absolute; top:0; right:0; width:34px; height:34px; background:url(images/close.gif); text-indent: -4000px;}

.msg-ok p{ background-color:#fffac2; border:solid 1px #dbd6a2; color:#5e5c40; background-image:url(images/msg-ok.gif); }
.msg-error p{ background-color:#f3c598; border:solid 1px #e8b084; color:#ba4c32; background-image:url(images/msg-error.gif);  }

/*** CSS3 ***/
.box { -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 0 6px #978f6c; -webkit-box-shadow: 0 0 6px #978f6c;}
.box-head { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }

.field, .button { -moz-border-radius:4px; -webkit-border-radius:4px; }
.small-field, .button, .pagging a { -moz-border-radius:3px; -webkit-border-radius:3px; }

.msg p { -moz-border-radius:6px; -webkit-border-radius:6px; }

.button { -moz-box-shadow: 0 0 2px #978f6c; -webkit-box-shadow: 0 0 2px #978f6c;
    height: 23px;
}


/* ----- Validation and error messages class starts -----*/


.required {color:Red;}

.reqPos {position:absolute; padding-top:5px;}

.validationsummary {
	border: 1px solid #b08b34;
	background: transparent url(Images/WarningHeader.gif) no-repeat 12px 30px;
	padding: 0px 0px 13px 0px;
	font-size:12px;
	width:99%;
}
.validationheader {
	left: 0px;
	position: relative;
	font-size: 11px;
	background-color: #e5d9bd;
	color: #56300a;
	height: 14px;
	font-weight: bold;
	border-bottom: 1px solid #b08b34;
	padding-top: 3px;
}
.validationsummary ul {
	padding-top: 5px;
	padding-left: 45px;
	list-style:none;
	font-size: 11px;
	color:#982b12;
	font-style:italic;
}
.validationsummary ul li {
	padding: 2px 0px 0px 15px;
	background-image:url(Images/Warning.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
}
/* -- --Validation and error messages class ends -- --*/


/* Main table and fields inside it css and */
.maintable{ background-color: #FBFCFC;border-top: 0px solid #FBFCFC;font-family:Calibri,Arial,sans-serif,Tahoma; font-size:12px; font-weight:normal;}
.spdate{color:#666666;font-family: Arial,Helvetica,san-serif;font-size: 10px;padding-left: 4px;}
.panel{text-align:left;}

.roundedbox
{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ABABAB;
    width:250px;
}


.hashtable table
{
	border-collapse: separate;
}

.hashtable select, .invoicebill select, .hashtable textarea {
    /*background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ABABAB;*/
    border-radius: 3px 3px 3px 3px;
    color: #454545;
    font-family: Calibri,Arial,sans-serif,Tahoma;
    font-size: 13px;
    height: 25px;
    margin: 0 3px;
    padding: 1px 2px;
}

.hashtable input[type="text"], .hashtable input[type="password"],.hashtable input[type="file"]  {
    /*background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ABABAB;*/
    border-radius: 3px 3px 3px 3px;
    color: #454545;
    font-family: Calibri,Arial,sans-serif,Tahoma;
    font-size: 12px;
    height: 20px;
    margin: 0 3px;
    padding: 1px 2px;
}


.hastable tr td {
    vertical-align: middle;
}
.hastable tr td, .hastable thead th {
    border-left: 0px solid #CCCCCC;
    color: #616161;
    padding: 3px;
    text-align: left;
}
td.highlightlabel {
    background: none repeat scroll 0 0 #FBFCFC !important;
    border-left: 0px solid #F9F9F9 !important;
    color: #8D341F !important;
    font-weight: normal;
}

td.highlightbg {
    border-left: 0px solid #F9F9F9 !important;
    color: #000 !important;
    font-weight: normal;
}


td.last{border-right: 0px solid #CCCCCC;}

.hastable th, .hastable td {
    border-bottom: 0px solid #DEDEDE;
}


.hastable select, .invoicebill select, .hastable textarea {
    /*background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ABABAB;*/
    border-radius: 3px 3px 3px 3px;
    color: #454545;
    font-family: Calibri,Arial,sans-serif,Tahoma;
    font-size: 13px;
    height: 25px;
    margin: 0 3px;
    padding: 1px 2px;
}

.hastable input[type="text"], .hastable input[type="password"],.hastable input[type="file"]  {
    /*background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ABABAB;*/
    border-radius: 3px 3px 3px 3px;
    color: #454545;
    font-family: Calibri,Arial,sans-serif,Tahoma;
    font-size: 12px;
    height: 20px;
    margin: 0 3px;
    padding: 1px 2px;
}


/*GRID CSS*/

.mGrid 
{ 
    width: 100%; 
    border:1px solid #E0E0E0;
}
.mGrid  td 
{
    padding: 5px 5px;  
    border:1px solid #E0E0E0;
    font-size: 12px;
    font-weight: normal;
}
.mMargin{margin:2px}

.mGrid tr:hover td { background: none repeat scroll 0 0 #FFF9E1; }

.mGrid th 
{	
/*	background:#fffdfa url(images/th.gif) repeat-x 0 0; */
	color:#818181; 
	text-align: left; 
	padding:5px 5px;     
	border:1px solid #E0E0E0;
	font-size: 12px;
    font-weight: normal;
}


.mGrid .pgr { background: #D6D6D6}

.mGrid .pgr tr:hover td:hover{ background: none repeat scroll 0 0 #60C8F2}

.mGrid .pgr table { margin: 5px 0; }

.pgr td 
{ 
    background: none repeat scroll 0 0 #D6D6D6;
    border-width: 1px solid #CCCCCC;
    color: #000000;
    font-weight: bold;
    line-height: 12px;
    padding: 0 6px;
 }   
.mGrid .pgr a { color: #666; text-decoration: none; }

.mGrid .pgr a:hover { color: #000; text-decoration: none; }

.row td {background: none repeat scroll 0 0 #FBFCFC; padding:5px 5px; color:#8D341F }

.altrow td {background: none repeat scroll 0 0 #F8F8F8; padding:5px 5px; color:#8D341F }

/*END GRID CSS*/

/*START GRID CSS*/

.mcGrid 
{ 
    width: 100%; 
    border:1px solid #E0E0E0;
}
.mcGrid  td 
{
    padding: 5px 5px;  
    border:1px solid #E0E0E0;
    font-size: 12px;
    font-weight: normal;
}
.mMargin{margin:2px}

.mcGrid tr:hover td { background: none repeat scroll 0 0 #FFF9E1; }

.mcGrid th 
{	
	/*background:#fffdfa url(images/th2.png) repeat-x 0 0; */
	/*color:#FFF; */
	text-align: left; 
	padding:5px 5px;     
	border:1px solid #E0E0E0;
	font-size: 12px;
    font-weight: normal;
}


.mcGrid .pgr { background: #D6D6D6}

.mcGrid .pgr tr:hover td:hover{ background: none repeat scroll 0 0 #60C8F2}

.mcGrid .pgr table { margin: 5px 0; }

.cpgr td 
{ 
    background: none repeat scroll 0 0 #D6D6D6;
    border-width: 1px solid #CCCCCC;
    color: #000000;
    font-weight: bold;
    line-height: 12px;
    padding: 0 6px;
 }   
.mcGrid .cpgr a { color: #666; text-decoration: none; }

.mcGrid .cpgr a:hover { color: #000; text-decoration: none; }

.row td {background: none repeat scroll 0 0 #FBFCFC; padding:5px 5px; color:#8D341F }

.altrow td {background: none repeat scroll 0 0 #F8F8F8; padding:5px 5px; color:#8D341F }

.rtext {text-align:right!important;}
/*END GRID CSS*/



/*fieldset - legen*/

/* 
fieldset
{
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
legend
{
    background: #EC3238;
    border: solid 1px #A6A498;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Calibri;
}
*/


fieldset {
    border: 2px solid #DEDEDE;
    display: block;
    padding: 0.5em 1em;

}
legend {
    color: #EC3238;
    font-weight: bold;
    text-transform:uppercase;
}


.completionList
{

font-family: Verdana, Helvetica, sans-serif;
font-size: .8em;
font-weight: normal;
line-height: 20px;
margin-top:-1px;
margin-left:1px;
padding:0px;
background: #FFF;
border-bottom: 1px solid #006699;
border-left: 1px solid #006699;
border-radius: 0 0 3px 3px;
border-right: 1px solid #006699;

max-height: 400px;
height:auto;
overflow:auto;
}

.completionList1
{

font-family: Verdana, Helvetica, sans-serif;
font-size: .8em;
font-weight: normal;
line-height: 20px;
margin-top:0px;
margin-left:8px;
padding:0px;
background: #FFF;
border-bottom: 1px solid #006699;
border-left: 1px solid #006699;
border-radius: 0 0 3px 3px;
border-right: 1px solid #006699;

max-height: 400px;
height:auto;
overflow:auto;
}


.listItem
{
border-bottom: dotted 1px #006699;
cursor: pointer;
color: Red;
padding-left:1px;
}

.itemHighlighted
{
color: #FFF;
background-color: #006699;
cursor: pointer;
}


.loading
{
background-image: url(../images/loading1.gif);
background-position: right;
background-repeat: no-repeat;
}


.hide
{
	display: none;
}


.contacttd
{
	background-color:#ECECEC;
	border-left: 6px solid #F9F9F9 !important;
}


/* Added on 29-09-2014*/

.record_cnt
{
	 float:right;
	 color:Red;
	 font-size:1.2em;
}

.blue{
    color:blue !important;
}