body
{
  margin: 0px;
  padding: 0px;
  font: 12px Arial, Helvetica, sans-serif;
  background-color: #F5F5F5;
}

#login-box {
	width:333px;
	height: 352px;
	padding: 58px 76px 0 76px;
	color: #ebebeb;
    text-align:left;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(images/login-box-backg.png) no-repeat left top;
}

#login-box img {
	border:none;

}
.main
{

  margin-top: 40px;
}

.header
{
  height:110px;
  background: #FCFCFC;
  border-bottom:3px solid #244d92;
}

.head1
{
  padding-left: 20px;
  padding-top: 10px;
  float:left;
  width:200px;
}
.head2
{
  padding: 20px;
  float:right;
  text-align: left;
  width:300px;
  font-size: 24px;
}
.head2 span
{
  font-size: 20px;
 
}

#login-box h2 {
	padding:0;
	margin:0;
	color: #ebebeb;
	font: bold 30px "Calibri", Arial;
}


#login-box-name {
	float: left;
	display:inline;
	width:70px;
	text-align: left;
	padding: 14px 10px 0 0;
	margin:0 0 7px 0;
}

#login-box-field {
	float: left;
	display:inline;
	width:230px;
	margin:0;
	margin:0 0 7px 0;
}



.form-login  {
	width: 205px;
	padding: 10px 4px 6px 3px;
	border: 1px solid #0d2c52;
	background-color:#1e4f8a;
	font-size: 16px;
	color: #ebebeb;
}


.login-box-options  {
	clear:both;
	padding-left:87px;
	font-size: 11px;
}

.login-box-options a {
	color: #ebebeb;
	font-size: 11px;
}

.loginsubmit
{
  width:103px;
  height:42px;
  margin-left:90px;
  background: url(images/login-btn.png) no-repeat;
  border: 0px;
  cursor:pointer;
  color:#ffffff;
}


.tbl
{
  width: 100%;
  border-collapse: collapse;
}
.tbl td
{
  padding: 0px;
}
.td1
{
  background-color: #4e8cde;
  height: 50px;
  color:#ffffff;
  padding-left:20px !important;
  font: bold 32px "Calibri", Arial;
}
.td2
{
  background-color: #4e8cde;
  color:#ffffff;
  width: 100px;
}
.td2 a
{
   color:#ffffff;
   text-decoration: none;
}
.td2 a:hover
{
   text-decoration: underline;
}
.td3
{
  padding: 0px 100px;
}

.td6
{
  color:#4e8cde;
  text-align: center;
  padding-top: 20px !important;
}


.toolbar
{
  border-collapse: collapse;
  width: 100px;
  float: right;

}
.toolbar td
{
  padding: 0px;
  text-align: right;
  padding-right: 5px !important;

}
.toolbar td a
{
  cursor: pointer;
}
.toolbar1
{
    width:800px;
}
.toolbar1 td
{

}

.data
{
  width: 800px;
  border-collapse: separate;
  border: 1px solid #7E7E7E;
  margin: 5px 0 5px 0;
  background: #ffffff;
}
.data td
{
  padding: 0px;
  padding: 5px !important;

}
.data .tdh1
{
   font-size: 14px;
   text-align: left;
   font-weight: bold;
   color:#0071bc
}
.data .tdh2
{
   text-align: center;
   font-weight: bold;
   color:#ff0000
}

.data .tdh3
{
   text-align: left;
   color:#454545;
   padding-left: 20px !important;
}
.hdr
{
    background-color: #5294eb;
    color:#ffffff;
    text-align: center;
    font-weight: bold;
}
.s
{
  background-color: #F4F4F4;
}
.f
{
  background-color: #D7D7D7;
}

.nav
{
  border-collapse: separate;

}
.nav td
{
  padding: 0px;
  padding: 5px !important;

}

.nav td a
{
    color:#4e8cde;
}
.nav td a:hover
{

}


.inputbox:hover,
.inputbox:focus  {
	background-color: #EDF4FE;
	background: -moz-linear-gradient(100% 100% 90deg, #EDF4FE, #fff);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#EDF4FE));


    }
.inputbox {
    border-color:#ccc;
	-moz-box-shadow: rgba(0,0,0,.3) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 8px;
	box-shadow: rgba(0,0,0,.3) 0px 0px 8px;
    border:1px solid #dedede;
	background:#fff;
    margin:0 0 5px 0;
	color:#666;
    width:300px;
	padding:3px 5px;
    }

.box
{
  width:670px;
}

.edittable
{
  width: 90%;
  border-collapse: separate;
  border: 1px solid #4e8cde;
  border-bottom: 3px solid #4e8cde;
}
.edittable td
{
  padding: 0px;
  text-align:left;
  padding: 5px !important;
  font-size: 16px;
  font-weight: bold;
  color:#4e8cde;

}
.edittable1
{
  width:700px;
  border-collapse: separate;
}
.edittable1 td
{
  padding: 0px;
  font-size: 12px;
  color:#000000;
  font-weight: bold;

}

#search
{
   width:90%;
   position: relative;
   margin-bottom:20px;
   display: none;
   text-align:left;
   border: 1px solid #4e8cde;

  border-bottom: 3px solid #4e8cde;
}
.close
{
  background: url(images/close.png) no-repeat;
  width: 32px;
  height: 32px;
  position: absolute;
  right:10px;
  margin-top: 1px;
  cursor: pointer;
}

.title
{
  font-size: 16px;
  font-weight: bold;
  color:#4e8cde;
  margin: 20px;
}

.add-tbl
{
  width: 700px;
  border-collapse: collapse;
  margin: 20px !important;

}
.add-tbl td
{
    vertical-align: top;
    padding:5px;
    font-weight: bold;
}
fieldset
{
  margin: 5px 0px;
  border: 1px solid #999999;
}

legend
{
   font-weight: bold;
   font-size: 14px;
}

.dataa
{

}
.dataa td
{
  vertical-align: middle;


}

.dataa .td9
{
  font-weight: bold;
}

.dataa .td8
{
  padding-top: 10px !important;
}


.file1
{
  
}
#pagebox
{
  color : #ff0000;
  margin-top: 20px;
}

.section
{
  border-collapse: separate
}
.section td
{
   padding: 5px;
   border:1px solid #00CCFF;
   vertical-align: top;
}
.section .tds1
{
   width:200px;
}
.section .tds2
{
    width:520px;
}
.section1,.section2
{
  width:100%;
}
.section1 td
{
    height:95px;
    border:1px solid #0033FF;
    font-size: 20px;
}
.section1 td .txtbox1
{
   width:180px;
   height: 93px;
   border:0px;
}

.section2 td
{
    height:50px;
    width: 50%;
    border:1px solid #0033FF;
    font-size: 20px;
}
.section2 td .txtbox1
{
   width:240px;
   height: 40px;
   border:0px;

}
.sort-text
{
  width:30px;
  background-color: #F5F5F5;
  border:1px dotted #000000;
}
.select1
{
  width:130px;
  background-color: #F5F5F5;
  border:1px dotted #000000;
}