@charset "utf-8";
/* CSS Document */
html{font-family:"CustomMyriadPro", "Myriad Pro" , "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
font-weight:normal;	font-style:normal;	}
body {
	margin:0px auto;
	font-family: "Myriad Pro", "CustomMyriadPro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	padding:0px;
	background:#b1b0b0;
	font-weight:normal;
	font-style:normal;	
}
 @font-face {
 font-family:"CustomMyriadPro" ;
 font-style: normal;
 font-weight: normal;
     }
	  @font-face{ 
            font-family: "Myriad Pro";
        }

.clear {
	clear:both;
}


input, select, textarea { font-family: Myriad Pro; font-size:14px; color: #333333; border:#999999 solid 1px ;margin-top: 5px;padding: 3px 5px;}
input[type="button"],input[type="submit"]{ line-height:30px; height:30px; vertical-align:middle;border:none; outline:none;
	 -webkit-box-shadow: 0 8px 3px -5px black;
	   -moz-box-shadow: 0 8px 3px -5px black;
	        box-shadow: 0 8px 3px -5px black;
		}
			
/* Layout main Outer area */
.window { width:100%; height:100%; background:url(../images/win-bg.png) repeat-x top #b1b0b0;}

/*header part style*/
.header {width:1004px; margin:0px auto; height:100px; border:0; z-index:1;}
.logo {float:left; width:150px; height:92px; background-image:url(../images/logo.png); display:block; position:absolute;}
.logout {float:right; width:106px; height:35px; display:block; background:url(../images/logout-bt.png) no-repeat;}

/*---------------------------------------------------------*/
/*body content style*/
/*---------------------------------------------------------*/

.contant-table table .Talign {vertical-align:middle; text-align:center;}
.contant-table table .BorderNone {border:none 0px;}

.main-area { width:100%; margin:0px auto; display:block; min-height:450px; font-family:"Myriad Pro"; border-bottom:5px solid #8bc115; padding:10px 0px 10px 0px; background:#FFFFFF;}
.contant-table { width:98%; margin:0px auto; border:1px solid #8cc215; margin-top:20px; background-size: 100%;}
.contant-table .top { width:98%; margin:0px auto; height:7px; }
.contant-table .bottom { width:98%; margin:0px auto; height:7px; }
.contant-table .top-title { width:98%; ; height:30px; margin:10px auto 0; background:url(../images/tbl-title.png) repeat-x; color:#FFFFFF; font-stretch:condensed; font-style:normal; font-weight:bold; font-size:112.5%; line-height:42px; vertical-align:middle;}
.contant-table .top-title table td { height:42px; color:#FFFFFF; line-height:42px; vertical-align:middle; border:none; font-weight:normal;}
.contant-table table .orange {border-bottom: #f7a009 solid 3px; border-collapse:separate;}
.contant-table table .green {border-bottom: #8cc215 solid 3px; border-collapse:separate;}
.contant-table table .blue {border-bottom: #34bccb solid 3px; border-collapse:separate;}
.contant-table table .DeepGreen {border-bottom: #527604 solid 3px; border-collapse:separate;}
.contant-table table th { color:#464544; text-align:left; font-weight:600; font-size:14px; vertical-align:middle;}

.page-title {width:98%; height:42px; margin:0px auto;  background:url(../images/tbl-title.png) repeat-x ; color:#FFFFFF; font-stretch:condensed; font-style:normal; font-weight:bold; font-size:18px; line-height:42px; vertical-align:middle; font-weight:600;}

.page-title table td { height:42px; color:#FFFFFF; line-height:42px; vertical-align:middle; font-weight:normal;}

.guidetext  { color:#006600; text-align:left; font-weight:normal; font-size:14px; margin-top:5px;}

.alert{ color:#CC0000; font-size:14px; margin-left:10px;}

.copyright {width:1004px; margin:0px auto; color:#333333; font-size:14px; text-align:center; line-height:30px;}

.orbutton input[type="button"] {background:url(../images/bt-or1.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; color:#FFFFFF; line-height:30px; cursor:pointer; font-size:16px; margin-right:10px;}
.orbutton  input[type="button"]:hover {background:url(../images/bt-or2.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; color:#FFFFFF; line-height:30px; cursor:pointer; font-size:16px;  margin-right:10px;}
.orbutton input[type="submit"] {background:url(../images/bt-or1.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; color:#FFFFFF; line-height:30px; cursor:pointer; font-size:16px; margin-right:10px;}
.orbutton  input[type="submit"]:hover {background:url(../images/bt-or2.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; color:#FFFFFF; line-height:30px; cursor:pointer; font-size:16px;  margin-right:10px;}

.contant-table a {color:#333333; margin:5px; text-decoration:none;}
.contant-table a:hover {color:#FF6600;   text-decoration:none;}

.downloadbutton input[type="button"] {background:url(../images/bt-gray2.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; color:#FFFFFF; line-height:30px; cursor:pointer; font-size:16px;}
.downloadbutton  input[type="button"]:hover {background:url(../images/bt-gray1.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; line-height:30px; color:#FFFFFF; cursor:pointer; font-size:16px; }

.cancelBt input[type="button"]  {background:url(../images/bt-red2.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; color:#FFFFFF; line-height:30px; cursor:pointer; font-size:16px;}
.cancelBt input[type="button"]:hover  {background:url(../images/bt-red.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; color:#FFFFFF; line-height:30px; cursor:pointer; font-size:16px;}

.bt-go input[type="button"] {background:url(../images/bt-gr2.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; color:#FFFFFF; line-height:30px; cursor:pointer; font-size:16px;}
.bt-go input[type="button"]:hover {background:url(../images/bt-gr1.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; color:#FFFFFF; line-height:30px; cursor:pointer; font-size:16px;}

.grbutton  input[type="submit"] {background:url(../images/bt-gr2.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; color:#FFFFFF; line-height:30px; cursor:pointer; font-size:16px;}
.grbutton  input[type="submit"]:hover {background:url(../images/bt-gr1.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; color:#FFFFFF; line-height:30px; cursor:pointer; font-size:16px;}
.grbutton  input[type="button"] {background:url(../images/bt-gr2.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; color:#FFFFFF; line-height:30px; cursor:pointer; font-size:16px;}
.grbutton  input[type="button"]:hover {background:url(../images/bt-gr1.png) repeat-x; background-repeat:repeat-x; padding:0px 10px 0px 10px; height:30px; vertical-align:middle; text-align:center; color:#FFFFFF; line-height:30px; cursor:pointer; font-size:16px;}


.Add-Edit-form {width:880px; margin:0px auto;}
.Add-Edit-form form a {color:#333333;  margin:5px; text-decoration:none;}
.Add-Edit-form form a:hover {color:#FF6600;  margin:5px; text-decoration:none;}
.Add-Edit-form  select { width:170px; vertical-align:top;}
.Add-Edit-form  textarea { vertical-align:top; line-height:14px;  font-size:14px;}
.Add-Edit-form  input[type="text"] { border:#999999 1px solid; vertical-align:top; line-height:14px;  font-size:14px;}

.Add-Edit-form  .datepicker input[type="text"] { width:170px; border:#999999 1px solid; vertical-align:middle; cursor:pointer;}


/*Clients style*/

.clients-form {width:880px; margin:0px auto;}
.clients-form  select { width:170px; vertical-align:middle;}
.clients-form  input[type="text"] { width:218px; border:#999999 1px solid; vertical-align:middle;}
.jquery_table input {
  width: 85px!important;
}
.lr_table input {
  width: 100px!important;
  border: none!important;
  
  
}
.lr_table td,.lr_table th {
	text-align: left!important;
}
.lr_table input[type='checkbox'] {
  margin-top: 23px;
}
.jquery_table .jsgrid-button{
	box-shadow: none;
	
}
/*.clients-form  textarea { width :100%;}*/
/*Lanfuage style*/

.language-form {width:880px; margin:0px auto;}
.language-form  select { width:300px; vertical-align:middle;}

/*companyInfo style*/

.companyInfo-form {width:880px; margin:0px auto;}
.companyInfo-form  select { width:170px; vertical-align:middle;}
.companyInfo-form  textarea { width:400px; vertical-align:top; line-height:16px;  font-size:16px;}

/*changeLogo style*/

.changeLogo-form {width:880px; margin:0px auto;}
.changeLogo-form td {line-height:40px;}
.changeLogo-form form a {color:#333333; text-decoration:none;}
.changeLogo-form form a:hover {color:#FF6600; text-decoration:none;}

/*EmailAlerts style*/

/*ManageRigts style*/

.manageRigts-form {width:880px; margin:0px auto;}
.manageRigts-form  select { width:170px; vertical-align:middle;}
.manageRigts-form  input[type="checkbox"] {border:#999999 solid 1px; margin:0px auto; text-align:center;}
.manageRigts-form  input[type="checkbox"]:hover {border:#006633 solid 1px; margin:0px auto; text-align:center;}
.checkbox{ border:#999999 solid 1px; margin:0px auto; text-align:center;}
/*Invoice style*/

.invoice-form {width:880px; margin:0px auto;}
.invoice-form form a {color:#333333; margin:0px; text-decoration:none;}
.invoice-form form a:hover {color:#FF6600; margin:0px; text-decoration:none;}
.invoice-form  select { width:170px; vertical-align:middle;}
.invoice-form  input[type="text"] {width:170px; vertical-align:middle; text-align:center; color:#333333; cursor:pointer; font-size:14px;}


/*Invoice Reciept*/
.containerDiv { width:740px; margin:0px auto; background:url(../images/tbl-bg2.png) repeat-y; color:#767474; margin-top:5px;}
.containerDiv .top { width:740px; margin:0px auto; height:7px; background:url(../images/tbl-top.png) repeat-x;}
.containerDiv .bottom { width:740px; margin:0px auto; height:7px; background:url(../images/tbl-btm.png) repeat-x;}
.containerDiv .top-title table td { height:42px; color:#FFFFFF; line-height:42px; vertical-align:middle; border:none; font-weight:normal;}
.containerDiv table .orange {border-bottom: #f7a009 solid 3px; border-collapse:separate;}
.containerDiv table .green {border-bottom: #8cc215 solid 3px; border-collapse:separate;}
.containerDiv table .blue {border-bottom: #34bccb solid 3px; border-collapse:separate;}
.containerDiv table .DeepGreen {border-bottom: #527604 solid 3px; border-collapse:separate;}
.containerDiv table th { color:#464544; text-align:left; font-weight:600; font-size:14px; vertical-align:middle;}
.containerDiv table td { color:#464544; font-size:16px; border-bottom:#CCCCCC solid 1px; vertical-align:top;}
.containerDiv a {color:#333333; text-decoration:none;}
.containerDiv a:hover {color:#FF6600; text-decoration:none;}
.containerDiv .title {clear:left; border:outset #333333 1px; border-top-color:#666666; height:30px; line-height:30px; text-align:center; width:90%; font-size:16px; font-weight:bold;} 
.containerDiv table .BorderNone {border:none 0px;}


/* login window css */
.login-win { width:483px; margin:0px auto; background:url(../images/log-win-bg.png) repeat-x; margin:0px auto; margin-top:200px}
.login-win .header { width:483px; margin:0px auto; height:88px; background:url(../images/log-win-header.png) bottom center no-repeat; background-size: 100%; }
.login-win .header p { text-align:right; vertical-align:bottom; padding:15px; padding-top:50px; color:#333333; font-weight:bold; font-size:16px;}
.login-win .footer { width:483px; margin:0px auto; height:26px; background:url(../images/log-win-footer.png) top center no-repeat; background-size: 100%; }
.login-win .content { background:url(../images/log-border.png) repeat-y #FFFFFF center; background-size: 100%;  width:453px; margin:0px auto; padding:15px; min-height: }
.login-win a,.toplink a  {color:#333333; text-decoration:none;}
.login-win a:hover, .toplink a:hover {color:#FF6600; text-decoration:none;}

/* Assigen Client */
.styled-select select {
   background: transparent;
   width: 217px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   outline:none;
   border:none;
     -webkit-appearance: none;
   }
   .styled-select:focus, .styled-select:hover,{background-color:#999999;}
   .styled-select {
   width: 200px;
   overflow: hidden;
   background: url(new_arrow.png) no-repeat right #ddd;
   border: 1px solid #ccc;
    border-radius: 4px;
   -webkit-border-radius: 4px;
   moz-border-radius: 4px;
   }

.highlightit:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.highlightit {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.logo1 {
	float:left;
	width:150px;
	height:inherit;
	display:block;
	position:absolute;
	vertical-align:middle;
	margin-top: 10px;
	}
.add_more_btn{
    padding: 3px 9px;
    background: rgb(144, 202, 31);
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    vertical-align: middle;
}