/* CSS Document */
body{ background-color:#606060;  border:0px;
font-family: 'Doppio One', sans-serif;
	font-size:14px;
	font-weight:normal;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

input{ border:0px;}

#main-container{ float:none; height:auto; margin:0px auto; padding:0px; width:1003px;}
#main-content-area-ul{  float:left; height:auto; list-style:none; margin:100px 0 0 0px; padding:0; width:1003px;}
#main-content-area-li{ float:left; height:auto; list-style:none; margin:0px; padding:0; width:1003px;}
/* content area styles starts */
.top-bg-curve-content{ background-image:url(../img/content-top-bg-curve.jpg); background-repeat:no-repeat; float:left; height:9px; margin:0px; padding:0px; width:1003px;}
.btm-bg-curve-content{ background-image:url(../img/content-btm-bg-curve.jpg); background-repeat:no-repeat; float:left; height:9px; margin:0px; padding:0px; width:1003px;}
.mid-bg-curve-content-ul{ background-image:url(../img/content-mid-bg-curve.jpg); background-repeat:repeat-y; float:left; height:auto; list-style:none; margin:0px; padding:0px; width:1003px;}
.mid-bg-curve-content-li{float:left; height:auto; margin:0px; padding:0px; width:1003px;}
.mid-logo-contianer{ float:left; height:auto; margin:30px 0 0 32px; padding:0px; width:84px;}
.mid-text-contianer{ background-image:url(../img/mid-mid-text-area.png); background-repeat:no-repeat; float:left; height:413px; margin:30px 0 0 0; padding:0px; width:377px;}
.login-form-container{ background-image:url(../img/DOPTIT-watermark.png); background-repeat:no-repeat; background-position:0px 100px; float:right; height:auto; margin:0px; padding:0px; width:383px;}
.login-form-area-ul{ float:left; height:auto; list-style:none; margin:217px 0 0 0; padding:0px; width:383px;}
.login-form-area-li{ float:left; height:auto; list-style:none; margin:0px; padding:0px; width:383px;}
.login-h3-style{  background-position:56px 0px; color:#D31414; font-size:15 pt; font-weight:bold; float:left; height:22px; width:76px; margin:20px 0 0 10px; padding:0px;}
.username-h4-style{ color:#313131; font-family:"Helvetica"; font-size:12pt; font-weight:normal; float:left; height:23px; width:80px; margin:20px 0 0 10px; padding:0px;}
.txt-field-style{ background-image:url(../img/input-txt-bg.jpg); background-repeat:no-repeat;font-size:12pt;float:left; height:22px; margin:18px 0 0 0;
 padding:0 0 0 10px; width:144px;}
.btn-field-style{ background-image:url(../img/login-btn.jpg); background-repeat:no-repeat; border:0px;font-size:10px;float:left;font-weight:bold;height:19px; 
 margin:0 0 0 0;padding:0 0 0 0; text-align:center; width:54px; line-height:19px; letter-spacing:1px;}
 .btn-spacer{ float:left; height:19px; width:195px; padding:0px;}
 .btn-spacer1{ float:left; height:19px; width:195px; padding:0px;}
 .footer-container{ background-image:url(../img/footer-bg.jpg); background-repeat:no-repeat; float:left; height:46px; margin:0px; padding:0px; width:1003px;}
 .footer-p-style{ color:#E2E2E2; font-size:12px; font-weight:lighter; float:left; height:auto; margin:30px 0 0 40px; padding:0px; width:1003px;}
/* innerpage style */
.inner-top-ul{ background-color:#ffffff; float:none; height:auto; list-style: none; margin:0px auto 0px auto; padding:25px 0 0 0; width:95%;}
.inner-top-li{background-color:#ffffff; float:left; height:auto; margin:0px; padding:0px; width:100%;}
.top-logo-container{ float:left; height:85px; margin:0 0 10px 25px; padding:0px; width:76px;}
.top-txt-logo-container{ float:left; height:85px; margin:0px 0px 10px 20px; padding:0px; width:325px;}
.top-login-detail-container{ float:right; height:85px; margin:0px; padding:0px; width:250px;}
.top-login-image-container{ float:left; height:37px; margin:48px 0 0 0; padding:0px; width:35px; }
.top-login-p-detail{ color:#D31414; float:left; font-family:Arial, Helvetica, sans-serif; height:20px; margin:65px 0 0 10px; padding:0px; width:200px;}
/* innerpage menu style */
.top-inner-menu-ul{ background-image:url(../img/menu-bg.png); background-repeat:repeat-x; float:left; height:50px; list-style:none; margin:0px; padding:0px; width:100%;}
.top-inner-menu-li{ float:left; height:50px; list-style:none; margin:0px; padding:0px; width:1003px;}

/*-------------------Navigation Start Here------------------*/
#navigationdiv{width:1003px;height:50px;padding:0px;margin:0px auto;}
#navigation{ width:1003px; height:50px; margin:0px auto; float:none;}
#navigation ul{ margin:0; padding:0;}
#navigation ul li{ height:50px;float:left;list-style:none;margin:0px 0px 0px 0px;padding:0px 5px 0px 5px;}
#navigation ul li a{font-family:Arial, Helvetica, sans-serif ;font-size:12px;color:#3F6F9F;height:38px;text-decoration:none;float:left;line-height:32px;margin:0px 0px 0px 0px;	padding:12px 15px 0px 15px;}
#navigation ul li a:hover,#navigation ul li a.active{  background-repeat: repeat-x;background-color:#b55a6e;height:38px;	line-height:32px;font-weight: normal; margin:0px 0px 0px 0px;padding:12px 15px 0px 15px;color:#FFFFFF;}
/*-------------------Navigation End------------------*/
.menu-btm-spacer{ background-image:url(../img/menu-btm-bg.png); background-repeat:repeat-x; float:left; height:13px; margin:0px; padding:0px; width:100%;}
.inner-data-container{ background-image:url(../img/inner-cont-bg.png); background-repeat:repeat-x; background-color:#FFFFFF; float:left; min-height:500px; margin:0px; padding:0px; width:100%; }
.inner-data-incont-ul{float:none; height:auto; list-style:none; margin:0px auto; padding:0px; width:965px; }
.inner-data-incont-li{float:left; height:auto; list-style:none; margin:0px; padding:0px; width:965px; }
.inner-cont-title-area{ background-image:url(../img/innet-content-title-bg.png); background-repeat:repeat-x; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6 float:left; height:30px; margin:0px; padding:0px; width:963px;}
.p-title-style{ color:#4A6D8F; float:left; font-family:Arial, Helvetica, sans-serif; line-height:30px; height:30px; margin:0 0 0 10px; padding:0px; width:800px;text-align:left}
.add-btn-style{ background-image:url(../img/add-btnbg.png); background-repeat:no-repeat; float:right; height:17px; margin:8px 10px 0 0px; padding:0px; width:51px;}
.list-btn-style{ background-image:url(../img/list-btnbg.png); background-repeat:no-repeat; float:right; height:21px; margin:8px 10px 0 0px; padding:0px; width:33px;}

.add-btn-style-new{ background-image:url(../img/register_now.png); background-repeat:no-repeat; float:right; height:22px; margin:5px 10px 0 0; padding:0px; width:92px;}

.inbox{ background-image:url(../img/inbox.png); background-repeat:no-repeat; float:right; height:25px; margin:5px 10px 0 0; padding:0px; width:20px;}

.outbox{ background-image:url(../img/outbox.png); background-repeat:no-repeat; float:right; height:25px; margin:5px 10px 0 0; padding:0px; width:20px;}

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 850px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #83B0DC;
	border-top: 4px solid #5E92C8;
	border-bottom: 1px solid #fff;
	color: #FFFFFF;
}
#box-table-a td
{
	padding: 8px;
	background: #EAEFF4; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #BFCFDF;
	color: #339;
}
/*----------Add CSS--------*/

input, textarea {  
	padding: 5px;  
	border: solid 1px #E5E5E5;  
	outline: 0;  
	font: normal 13px/100% Verdana, Tahoma, sans-serif;  
	width: 240px;  

	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	}  
	input:hover, textarea:hover,  
input:focus, textarea:focus {  
	border-color: #C9C9C9;  
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
	}  
  
  
.form label {  
	margin-left: 10px;  
	color: #3B3B3B; 
	 
	}  
.submit input {  
	width: auto;  
	padding: 9px 15px;  
	background:#83B0DC;  
	border: 0;  
	font-size: 14px;  
	color: #FFFFFF;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	} 
.styled-select select {
	background: transparent;
	-webkit-appearance: none;
	width: 298px;
	padding: 5px;
	font-size: 13px;
	border:1px solid #CCCCCC;
	height: 28px;
	padding-right:55px;
	*width: 360px;

}
.styled-select {
	width: 240px;
	height: 29px;
	overflow: hidden;
	background:url(../img/down_arrow_select.jpg) no-repeat right top #FFFFFF;
	border-right:1px solid #CCCCCC;
}

.styled-select select {
	padding-right:0px;
	vertical-align:top !important;
	text-align:left;
	line-height:15px;
	height:auto;
}

.styled-select {
	border-bottom:1px solid #CCCCCC;
}

fieldset { border:1px solid #83B0DC;
	   width:94%;
	text-align:left;
	 }

legend {
  padding: 0.2em 0.5em;
  border:1px solid #83B0DC;
  color: #3399CC;
  font-size:90%;
  text-align:left;
  }
.bookname {
    border-collapse: collapse;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    text-align: left;
}
.scrollable{
   overflow: auto;
background:url('') no-repeat right top #FFF;
   /*width: 260px; *//* adjust this width depending to amount of text to display */
   height: 70px; /* adjust height depending on number of options to display */
   border: 1px silver solid;
 }
 .scrollable select{
   border: none;
 }
 .welcome{ color:#D31414; font-family:Tahoma; font-size:18px; height:20px; margin:65px 0 0 10px; padding:0px; width:200px;}
 .normallink{font-family: 'Doppio One', sans-serif;font-size:11px; color:#D31414;padding-left:2px;}	
.normallink:hover{
color:red;
cursor:pointer
}	
.yui-skin-sam .yui-dt-liner {
    white-space: nowrap;
}
.delete-button {
    background: url("../img/delete.png") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 16px;
    width: 16px;
}
.details-button {
    background: url("../img/details.gif") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 16px;
    width: 16px;
}
.details-button1 {
    background: url("../img/details.gif") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 16px;
    width: 16px;
}
.edit-button {
    background: url("../img/edit-icon.png") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 16px;
    width: 16px;
}

.rights-button {
    background: url("../img/user_rights.jpeg") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 16px;
    width: 16px;
}
.view-button {
    background: url("../img/view.png") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 16px;
    width: 16px;
    text-align:center;
}
.src_table tr td
{
	text-align:left;
}
.add-button {
    background: url("../img/add.jpg") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 16px;
    width: 16px;
}
.errortext{font-family: Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold; color:#EF3A2C;padding-left:2px;}


input[type="checkbox"]
{
 /*-khtml-appearance: none;*/
 width: 10px;
 height: 20px;
 vertical-align: middle;
}
input[type="radio"]
{
	width: 15px !important;
	vertical-align: middle;
	
}
.newtextarea{
	
	font-size:12px;	
        line-height: normal !important;	
	font: 99% arial,helvetica,clean,sans-serif;
	width:260px;
	height:135px;
	background:none;
        border: solid 1px #CCCCCC; 
	color:#0A0A0A;
}

#previousbg { width:51px;  
	  height:21px;	
	  margin:0px;	 
	  padding:0px 0px 0px 0px;
	  
	  }

#prev{ width:51px;  
padding:3px 0px 5px 15px;
float:left;
	  
}
ul.pagination li{
        list-style:none;
        float:left;
	text-align:center;
	margin-left:0px;		
	font-family:"Trebuchet MS";
	font-size:11px;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	height:21px;
	width:20px;
}
ul.pagination a{
        color:#83B0DC;
	text-decoration:none;
	display:block;
	padding:4px 0px 0px 0px;
}
ul.pagination .current{
        color:#000;
        vertical-align:middle;
	border-bottom:0px solid #bdbdbf;
	
	padding:4px 0px 0px 0px;
}

ul.pagination a:hover{
        color:#fff;
	text-decoration:none;	
	padding:4px 0px 0px 0px;		
	
	
	height:21px;
	width:20px;
}
#paginationdiv2{ 
      width:377px;padding:10px 0px 10px 0px;margin:0px 0px 1px 0px;float:center;	 	 	
}

