@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family:"open_sansregular", arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  /*background-color: #f4f8fb;*/
  margin:0px;
  padding:0px;
  letter-spacing: 0.5px;
}
img {border:none;}

a{
  font-weight: normal;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #0000AA;
  text-decoration:none;
  outline: none;
}

.main_navi {/* background:url(/DEMOERP/css/professional/images/login/main_navi.png) no-repeat;*/ width:85px; height:41px; float:right; margin:8px 0 0 5px;}
.empl {text-decoration:none; font-size:14px; font-weight:normal; color:#b3c432; font-family:calibri; padding: 0 0 0 15px; margin: 0; }
.empl a {text-decoration:none; padding:20px; font-size:15px; font-weight:normal; text-align: center; color:#fff; background:url(/DEMOERP/css/professional/images/login/emp_portal.png) no-repeat; float: left; }
.empl a:hover{color: #fff; background: #419790; text-decoration: none;}
.empl i{display: block; margin-bottom: 5px;}
.empl span{display: block; float: left;}


.pg-link{width:100%; height:auto; float: left; background-color: #fff; line-height: 26px; padding:5px 15px 5px 5px; box-shadow:0 1px 2px rgba(0,0,0,0.4); z-index: 10;}

/*.breadcrumb{float:left; margin-bottom:0; background-color:transparent; position: relative; font-size: 12px; font-weight: 500; line-height:26px; list-style: none; margin:0; padding:0; padding-right:10px; color: #233322;}
.breadcrumb li{position: relative; display: inline-block;}
.breadcrumb li span{text-decoration: underline; color: #005593;}
.breadcrumb li a{font-size: 12px;}
.breadcrumb li:first-child{padding-left:22px;}
.breadcrumb li:first-child a{color: #233322;}
.breadcrumb li:first-child:before{font-family: 'FontAwesome'; font-size: 18px; width: 23px; height: 23; position: absolute; content: '\f015'; top:0; left:0; color: #333;}
.breadcrumb > li + li:before {
  font-family: 'FontAwesome';
    color: #333;
    content: "\f105";
    padding: 0 5px;
    font-size: 14px;
    font-weight: bold;
}
.breadcrumb > .active > a {
    color: #bd302c; font-weight: 700;
}
.breadcrumb li a:hover{text-decoration: underline;}*/
.breadcrumb{float:left; margin-bottom:0; background-color:transparent; position: relative; font-size: 12px; font-weight: 500; line-height:26px; list-style: none; margin:0; padding:0; padding-right:10px; color: #233322;}
.breadcrumb-arrow {
    height: 20px;
    /*padding:2px;*/
    line-height: 20px;
    list-style: none;
    background-color: #e6e9ed
    margin-bottom:0;
}
.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}
.breadcrumb-arrow li a i{line-height: 20px; font-size: 16px;}
.breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px
}
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: ""
}
.breadcrumb-arrow li span {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
    height: 20px;
    padding: 0 4px 0 22px;
    line-height: 20px
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li span {
    position: relative;
    color: rgba(0,0,0,0.6);
    text-decoration: none;
    /*background-color: #3bafda;
    border: 1px solid #3bafda*/
}
.breadcrumb-arrow li.active a {
    position: relative;
    color: #965184;
    text-decoration: none;
    /*background-color: #238ab0;
    border: 1px solid #238ab0*/
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before, .breadcrumb-arrow li span:before, .breadcrumb-arrow li span:after/*, .breadcrumb-arrow li.active a:after, .breadcrumb-arrow li.active a:before*/ {
    position: absolute;
    top: 5px;
    width: 0;
    height: 0;
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}
.breadcrumb-arrow li a:before, .breadcrumb-arrow li span:before {
    right: -10px;
    z-index: 3;
    border-left-color: #fff;
    border-left-style: solid;
    border-left-width: 5px
}
.breadcrumb-arrow li.active a:before{right: -10px;
    z-index: 3;
    border-left-color:#fff;
    border-left-style: solid;
    border-left-width: 5px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li span:after {
    right: -12px;
    z-index: 2;
    border-left: 5px solid rgba(0,0,0,0.3);
}
.breadcrumb-arrow li.active a:after {
    right: -11px;
    z-index: 2;
    border-left: 5px solid transparent;
}
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
    color: #067a7a;
    text-decoration: underline;
}
/*.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
    border-left-color: #4fc1e9
}*/
/*.breadcrumb-arrow li a:active {
    background-color: #2494be;
    border: 1px solid #2494be
}*/
.breadcrumb-arrow li.active a:after, .breadcrumb-arrow li.active a:before {
    border-left: 0
}
.breadcrumb-arrow li span {
    color: rgba(0,0,0,0.6)
}
/* for main navigation DropDown*/
#nav_1 {
	/*background:url(/DEMOERP/css/professional/images/login/main_navi.png) no-repeat; background-position:right;*/
	/*width:85px;*/ height:41px; float:right; margin:2px 0 0 0px;
    /*border:3px solid #3e4547;
    box-shadow:2px 2px 8px #000000;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;*/
}
#nav_1, #nav_1 ul {
    list-style:none;
    padding:0;
	margin-right:20px;
    width:90px;
}
#nav_1 ul {
    position:relative;
    z-index:-1;
}
#nav_1 li {
    position:relative;
    z-index:100;
	background:none;
}
#nav_1 ul li {
    margin-top:-23px;
    -moz-transition:  0.4s linear 0.4s;
    -ms-transition: 0.4s linear 0.4s;
    -o-transition: 0.4s linear 0.4s;
    -webkit-transition: 0.4s linear 0.4s;
    transition: 0.4s linear 0.4s;
}
#nav_1 li a {
    background-color:/*#d4d5d8*/;
    color:#000;
    display:block;
    font-size:12px;
    font-weight:bold;
    line-height:28px;
    outline:none;
    padding-left:19px;
    text-decoration:none;
}
#nav_1 li a.sub {
    background:/*#d4d5d8*/ url("../images/down.gif") no-repeat;
}
#nav_1 li a + img {
    cursor:pointer;
    display:none;
    height:40px;
    left:0;
    position:absolute;
    top:0;
    width:200px;
}
#nav_1 li a img {
    border-width:0px;
    height:40px;
    line-height:40px;
    margin-right:8px;
    vertical-align:middle;
    width:84px;
}
#nav_1 li a:hover {
    background-color:/*#bcbdc1*/;
}

.navi {}
.navi a{
margin: 20px 0 0 15px; color:#b3c432; height:15px;
font:normal 14px/53px calibri; padding: 3px 0 0 23px;
	background:url(/DEMOERP/css/professional/images/login/sprite2.png) no-repeat; background-position:center left;
}
.navi a:hover {color:#b3c432;}
.navi1 { float:left; padding:0;}
.navi1 a{
margin:0px; padding:12px 20px; color:#fff;
font:normal 15px calibri; text-align: center; float: left;
	background:url(/DEMOERP/css/professional/images/login/sprite2.png) no-repeat; background-position:bottom left;
}
.navi1 a:hover {color:#fff; text-decoration: none; background: #419790;}
.navi1 i{display: block; margin-bottom: 5px;}
.navi1 span{display: block; float: left;}

.search_y {
width:auto;
padding-top:3px;
font-size:12px;
font-weight:bold;
background-color:#ddd4d4;
background-repeat: repeat-x;
padding-bottom:3px;
text-align:center;
border:#333333 solid 1px;
-moz-border-radius:3px;
/*-moz-box-shadow: 1px 2px 2px -1px #858585;*/
 }

.t_head { font: bold 16px arial; color:#000000; margin:5px 0px;}
.t_head1 { font: bold 12px arial; color:#000000; margin:5px 0px;}	

p{margin: 10px 0;}

table tbody th {
	font-size: 12px;
	font-weight:bold;
	background-color:rgba(188,188,188,0.35);
	color:rgba(0,0,0,0.85);
	/*padding-top:5px; padding-bottom:5px;*/
	text-align: left;
}
#amc-tab{width:100%; height:auto; float: left;}
  #amc-tab table{border:none; }
  #amc-tab table tr td{border-right:#808080 1px solid; border-bottom:#808080 1px solid;}
  #amc-tab table tr td:last-child{border-right:none;}
  #amc-tab table tr:last-child td{border-bottom:none;}
  #amc-tab table tr td > table tr td{border-right:#808080 1px solid; border-bottom:#808080 1px solid;}
  #amc-tab table tr td > table tr td:last-child{border-right:none;}
  #amc-tab table tr td > table tr:last-child td{border-bottom:none;}

/*======heading--------------*/
h3 {
color:#000066;
/*border-bottom:1px groove;*/
padding:0 0 0px 0;}
/*------------------Css Created by raghav-------------input  area==================================*/

.col_230 {width:230px;}
select, option{
/*background:#fdf6eb;*/ /*background:#FFF;*/}

select:focus {
	color: #000;
	/*background: #EFFAE6;*/
	background:#FFF;
	border:#3399ff 1px solid;
}

input[type="text"], input[type="password"] {
  display:inline-block;
  width:98%;
  height: 24px;
  padding:2px 3px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #545453;
  background-color: #fff;
  background-image: none;
  border: 1px solid #b0b0b0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type="text"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
input[type="text"]:-moz-placeholder {
  color: #999;
  opacity: 1;
}
input[type="text"]:-ms-input-placeholder {
  color: #999;
}
input[type="text"]:-webkit-input-placeholder {
  color: #999;
}

textarea{
  display: block;
  width: 98%;
  padding:5px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
textarea:-moz-placeholder {
  color: #999;
  opacity: 1;
}
textarea:-ms-input-placeholder {
  color: #999;
}
textarea:-webkit-input-placeholder {
  color: #999;
}

.pointer { cursor:pointer; background:#ccc;  font-size:12px; padding:0 10px 0 10px; -moz-border-radius:5px; width:50px;}

.col_20 {width:15px; cursor:pointer; padding:5px;}
.font_bold { font-weight:bold;}
.top_blt {
    vertical-align:top;}
#header{
	margin:0px;
	padding:0px;
	display:block;
	top:0; 
	left:0;
	position:fixed; 
	width:100%;
	height:auto;
	z-index: 1;
}

 @media screen{
  body>div#header{
   position:fixed;
  }
  
/* IE 6 */
* html #header {
   position:absolute;
   top:expression((0-(header.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

.dpTbl {
	border: solid navy 1px;
}
div.centre {
  margin: 0 auto;
  text-align:center;
}

/*table detail items default format */
td {
	font-size: 12px;
	text-align: left;
}

#tab_id tr td{font-size: 14px; line-height: 28px; padding: 0 5px;}
#tab_id tr:nth-of-type(even){background-color: #f4f4f4;}
#tab_id input[type="text"], #tab_id input[type="password"] {
  display:inline-block;
  height: 20px;
  padding:2px 3px;
  margin:4px 0;
  font-size: 12px;
  line-height: 1.42857143;
  color: #545453;
  background-color: #fff;
  background-image: none;
  border: 1px solid #b0b0b0;
  border-radius:2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#tab_id input[type="text"]:focus, #tab_id input[type="password"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
#tab_id select {
	
	font-size:12px;
	width:150px;
	border-radius:2px;
	height: 26px;
	border:#b0b0b0 1px solid;
	padding: 2px 3px;
	margin:4px 0;
}

.dpTD {
	border: 0;
	width:20px;
	background-color: #EEEEEE;	
	text-align:right;
	cursor:pointer;	
}
.dpDayHighlight {
	border: 0;
	width:20px;
	background-color: yellow;
	text-align:right;
	cursor:pointer;	
}
.dpTDHover {
	border: 0;
	width:20px;
	background-color: #CCCCCC;
	text-align:right;
	cursor:pointer;	
}
td.number {
	text-align: right;
}
.EvenTableRows {
	background-color: #CCCCCC;
}

.OddTableRows {
	background-color: #EEEEEE;
}

#clndr table tr th {
	font-size: 12px;
	font-weight:bold!important;
	background-color:#b2b2b2;
	color: #1e2124;
	text-align: left;
	font-family: arial;
	border-right:#444444 1px solid;
	border-bottom:#444444 1px solid;
}
#clndr table tr th:last-child{border-right:0;}
#clndr table tr td{
	border-right:#444444 1px solid;
	border-bottom:#444444 1px solid;
}
#clndr table tr td:last-child{border-right:0;}
#clndr table tr:last-child td{border-bottom:0;}

.blm th {
	font-size: 13px;
	font-weight:bold!important;
	background-color:#e2e9f1;
	color: #1e2124;
	padding:5px 10px 5px 10px;
	text-align: left;
	border-right: #c8d2de 1px solid;
	border-bottom: #c8d2de 1px solid;

}
.blm th:last-child{border-right:0;}
.blm td{
	border-right: #c8d2de 1px solid;
	border-bottom: #c8d2de 1px solid;
}
.blm td:last-child{border-right:0;}

div.error {
	background-color:#fddbdb;
	color: red;
	border: 1px solid red;
}

div.warn {
	background-color:#f5dbfd;
	color: maroon;
	border: 1px solid maroon;
}

div.success {
	background-color:#b9ecb4;
	color: darkgreen;
	border: 1px solid darkgreen;
}

div.info {
	background-color:#c7ccf6;
	color: navy;
	border: 1px solid navy;
}

input {
	
	font-size: 10px;
}
input.number{
	text-align: right;
}
select {
	
	font-size:12px;
	width:98%;
	border-radius:0px;
	height: 22px;
	border:#b0b0b0 1px solid;
	padding: 2px 3px;
}

@-moz-document url-prefix(){
	select{ height: 24px;}
}
.option{padding: 3px; border-bottom: #333 1px solid;}

input[type="checkbox"],input[type="radio"]{vertical-align: middle; margin-left: 3px; margin-right: 3px; margin-top: -1px;}

#topMenu {
	width: 100%;
	color: black;
	background-color: white;
	border: none;
	border-bottom: 1px solid #999999;	
}

#trim {
	background: "white";
}

#page {
	width: 100%;
	color: black;
	font-size: 10px;
	white-space: nowrap;
	border: none;
	margin:0px;
	padding:0px;
}

#menuImg {
	vertical-align: top;
	text-align: center;
	margin: 0px;
	padding: 10px;
}

#mainMenu {
	width: 100%;
	color: black;
	background-color: white;
	border: none;
	margin: 0px;
	padding: 0px;
}

.header {
	background-image: url("");
	background-repeat: no-repeat;
	background-attachment: fixed;
	border: none;
	margin: 0px;
	padding: 0px;
}

.login {
	background-color: white;
	border: none;
}

.callout_main {
	
	width:100%;
	margin:0px;
	padding:0px;
	background:#fff;
}

.main_page {
	width: 100%;
	margin: 0px;
	padding: 0px;
 	font-size: 12px;
}

/* Main page heading with quick menu within */
.quick_menu {
	width: 100%;
	/*background:url(../../css/professional/images/login/header_bgn.jpg);
	background-color:#fafafa;*/
	background-color:#fff;
	border:none;
	margin:0px;
	padding:0px;
 	color: black;
	min-height:52px;
	text-align: right;
}



/*The main page heading left part before quick menu */
.quick_menu_left {
	
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	color: black;
}

/*the Select Customer / Item / Supplier Menu tabs */
.quick_menu_tabs {
	/*background-color: white;*/
	white-space: nowrap;
	border: none;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	text-align: left;
	float:right;
}

#setting{
	width:auto; min-height:28px; float: right; position: relative; margin:8px 10px;
	border:#afafaf 0px solid; border-radius:2px;
	/*background: #e6e6e6;*/
/*background: -moz-linear-gradient(top, #70c3f2 0%, #288cc5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c3f2), color-stop(100%,#288cc5)); 
background: -webkit-linear-gradient(top, #70c3f2 0%, #288cc5 100%); 
background: -o-linear-gradient(top, #70c3f2 0%, #288cc5 100%); 
background: -ms-linear-gradient(top, #70c3f2 0%, #288cc5 100%); 
background: linear-gradient(to bottom, #70c3f2 0%, #288cc5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70c3f2', endColorstr='#288cc5',GradientType=0 );  */
	/*background: #e6ecf4;
background: -moz-linear-gradient(top, #f3f7fb 0%, #e6ecf4 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f7fb), color-stop(100%,#e6ecf4)); 
background: -webkit-linear-gradient(top, #f3f7fb 0%, #e6ecf4 100%); 
background: -o-linear-gradient(top, #f3f7fb 0%, #e6ecf4 100%); 
background: -ms-linear-gradient(top, #f3f7fb 0%, #e6ecf4 100%);
background: linear-gradient(to bottom, #f3f7fb 0%, #e6ecf4 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7fb', endColorstr='#e6ecf4',GradientType=0 ); */
}
#setting .lgut{width:auto; height:auto; float: left; border-right: #d5d5d5 1px solid; text-align: center; font-size: 16px; position: relative; color:#6c7685;}
#setting .lgut a{font-size:16px; color:#2b2b2b; display: block; padding:5px 10px;}
#setting .lgut a:hover{font-size:16px; color:#fff; background: #2d2d2d;}
#setting .lgut:last-child{border-right: 0;}
#setting .quick{width:auto; height:auto; float: left; text-align: center; font-size: 16px; position: relative; color:#6c7685;}
#setting .quick a{font-size:14px; color:#2b2b2b; display: block; padding:5px 10px;}
#setting .quick a:hover, #setting .quick a:active, #setting .quick a:focus{color:#fff; background: #2d2d2d; text-decoration: none;}

@media screen and (max-width:768px){
  #setting .quick, .mod_search{display:none;}
}
.quick_menu_tab{
	height:25pt;
	margin-right:1px!important;
	padding-left: 5px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right: 5px;
	white-space:nowrap;
}
.quick_menu_tab a{
	text-decoration:none;
	display:block;
	height:15px;
	margin-right:1px!important;
	padding-left:5 px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #838383;
	text-align: center;
	text-decoration:none; 
}
.quick_menu_tab a:hover{
	text-decoration:none;
	display:block;
	height:15px;
	margin-right:1px!important;
	padding-left: 5px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align: right;
	border:1px solid #000000;
	background:#838383;
	color:#ffffff;
}

/*the Select Customer / Item / Supplier Menu tabs */
.system_menu_tabs {
	background-color: white;
	white-space: nowrap;
	border: none;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: center;
}

.system_menu_tabs a {
	font-size: 12px;
   color: black;
}

.system_menu_tabs a:hover {
	font-size: 12px;
	color: black;
}

.main_area {
	width: 100%;
	margin:0px;
	padding:0px;
}
.main_menu {
	margin:0px;
	padding:0px;
background: #2b2b2b;
border-top:#cdcdcd 1px solid; border-bottom:#cdcdcd 1px solid;
}

.main_menu table {
	border: 0px;
	width: 100%;
	margin:0px;
	padding:0px;
}

.main_menu_unselected {
	text-align: center;
	white-space: nowrap;
	cursor:pointer;
	/*border-right:1px solid #084171;*/
	border-left:1px solid #cdcdcd;
	/*background:url(images/unselected.gif) repeat-x bottom;*/
	height:auto;
	color: #fff;
}
.main_menu_unselected a{
	color:#fff;
	text-decoration:none;
	outline-style:none;
	display:block;
	font-size:14px;
	line-height: 34px;
	font-weight:normal;
	font-family:'open_sansregular';
	padding: 0 22px;
}
.main_menu_unselected a:hover {
	text-align: center;
	white-space: nowrap;
	color:#fff!important;
	cursor:pointer;
	text-decoration:none!important;
	outline-style:none;
	/*opacity:0.7;
	filter:alpha(opacity=70);*/
}
.main_menu_unselected:hover {
	/*opacity:0.7;
	filter:alpha(opacity=70);
	background:#2b2b2b;*/
	background: #288cc5;
background: -moz-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42aae5), color-stop(100%,#288cc5)); 
background: -webkit-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: -o-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: -ms-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: linear-gradient(to bottom, #42aae5 0%, #288cc5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#288cc5',GradientType=0 );
}
.main_menu_unselected:hover a{color: #373f49;}

/*.main_menu_unselected a:hover{
	color:#ff0000;
	text-decoration:none!important;
	outline-style:none;
	}*/

.main_menu_selected {
	text-align: center;
	white-space: nowrap;
	color:#fff;
	font-weight:bold!important;
	text-decoration:none;
	/*border-top:2px solid #ff0000;*/
	/*border-bottom:1px solid #3e3939;*/
	font-size:14px!important;
	/*padding:7px 0px 7px 0px;*/
	margin:0px;
	/*border-right:1px solid #084171;*/
	border-left:2px solid #fff;
	/*background:#2b2b2b;
	background: #373f49;*/
	background: #288cc5;
background: -moz-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42aae5), color-stop(100%,#288cc5)); 
background: -webkit-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: -o-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: -ms-linear-gradient(top, #42aae5 0%, #288cc5 100%); 
background: linear-gradient(to bottom, #42aae5 0%, #288cc5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#288cc5',GradientType=0 );
	position: relative;
	/*background:url(images/highlight_link.gif) repeat-x bottom;*/
}
.main_menu_selected a{
	color:#fff;
	text-decoration:none;
	outline-style:none;
	padding:0px 0px 0px 0px;
	border:none;
	font-size:14px;
	
	letter-spacing:0.6;
	padding: 0 22px;
}
.main_menu_selected a:hover{
	color:#fff!important;
	text-decoration:none!important;
	outline-style:none;
	border:none;
	display:block;
}
.main_menu_selected:after{font-family: 'FontAwesome'; font-size: 20px; content: '\f0d7';  color: #288cc5; position:absolute; bottom:-12px; left:45%; }
.main_menu_selected:before{font-family: 'FontAwesome'; font-size: 21px; content: '\f0d7';  color: #b6b6b6; position:absolute; bottom:-15px; left:45%; }

span.main_menu_nolink {
	
	font-size: 12px;
	font-weight: bold;
	color: #777777;
	text-decoration: none;
	white-space: nowrap;
}

.main_menu a {
	font-weight: normal;
}

.main_menu a:hover {
	color: #0000aa;
	text-decoration: underline;
}

.menu_group_img {
	background-color: #CCCCCC;
	text-align: center;
	width: 90px;
	position: relative;
	left: 3px;
}

.menu_group_img img{
	position: relative;
	top: 10px;
}

.menu_group_area {
 /* border: 2px inset white;*/
}

.blank_area table {
	border: 0px;
	width: 100%;
	margin:0px;
	padding:0px;
}

.menu_group_headers {
 /* border: 2px outset #AAAAAA;*/
  width: 25%;
  background:#d9d9f4;
}

.menu_group_headers_text {
	
	font-size: 12px;
	font-weight: bold;
	color: black;
}

.menu_group_items {
	vertical-align: top;
	background-color: #ffffff;
	/*border: 2px outset #AAAAAA;*/
	padding: 10px;
}
.menu_group_items ul {
	margin:0px 0px 1px 15px; 
	padding:0px;
}
.menu_group_items ul li{
	margin:0px 0px 1px 0px; 
	padding:0px;
	list-style:circle;
	background:#eeeeff;
	color:#000;
}
/*.menu_group_items ul li a{
	margin:0px 0px 0px 0px; 
	padding:0px;
	list-style:circle;
}*/

.menu_group_item {
	/*background-color: white;*/
	/*padding-top: 2px;
	padding-bottom: 2px;*/
}

span.menu_group_nolink {
	
	font-size: 12px;
	font-weight: normal;
	color: #777777;
	text-decoration: none;
}

.menu_group_item a {
}

.menu_group_items a:hover {
	color: #0000aa;
	text-decoration: underline;
}

/*#footer {
	position: relative;
	bottom: -3px;
}*/

.footer {
	
	color: black;
	font-weight: normal;
	font-size: 8px;
	text-align: center;
}
.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: white;
  	background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666;
	font-weight: bolder;
	font-size: medium;
}


input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

input.inputerror {
	background-color: #fddbdb;
}

textarea.texterror {
	background-color: #fddbdb;
}

select.selecterror {
	background-color: #fddbdb;
}

.tableheader {
	font-weight: normal;
	background-color: #cccce5;
	color: #330000;
}

.notavailable {
	font-weight:light;
	font-style:italic;
	color:#555555;
}

.label {
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	color:black;
	background-color:#cccccc;
}


.OsRow {
	background-color: #234567;
	color: white;
}

.page_title_text {
        
        padding-top: 2px;
        padding-bottom: 2px;
        font-weight: bold;
        font-size: 12px;
        color: black;
        TEXT-ALIGN:center;
}

DIV.page_help_text {
        BORDER: #a52a2a 1px solid;
        PADDING-LEFT: 3px;
        Z-INDEX: 1;
        width: 50%;
        FLOAT: none;
        VISIBILITY: visible;
        MARGIN: 0 auto;
        POSITION: static;
        background-color: lightgray;
        
        padding-top: 1px;
        padding-bottom: 1px;
        font-weight: normal;
        font-size: 10px;
        color: black;
        TEXT-ALIGN:center;
}


/* CSS Created By DEV Start Here */

.maintable{border:1px solid #999999; margin:0px;
padding:0px;}
.darkrow{background:#CCCCCC;  }
.lightrow{background:#fff;  }
.tablehead{background:#000099;   font-weight:bold; color:#fff; height:20px;}
.tdpadding{padding:0px 10px 0px 10px; margin:0px;}

.wrapper{background:#FFFFFF; margin:0 auto; width:990px; padding:0px;}

.contentmain{
	margin:88px 0px 40px 0px; 
	/*padding:0px 0px 30px 0px; */
	/*border:1px solid #eeeeee; */
	background-color: #fff;
}
.rightpanelmain{
	margin:0px;
	padding:5px;
}
#footerpos{
	margin:0px; 
	padding:0px 0px 0px 0px; 
	display:block;
	bottom:0; 
	position:fixed; 
	text-align:center!important;
	width:100%; 
	height:72px;
	/*background:#3e3939 url(../../css/professional/images/login/footerr.jpg) no-repeat; */
	color:#ffffff!important;
}
#footerr{
	margin:0px; 
	padding:0px; 
	display:block;
	bottom:0; 
	position:fixed; 
	text-align:center!important;
	width:100%; 
	height:36px;
	background: #2d2d2d;
	/*background:#3e3939 url(../../css/professional/images/login/footerr.jpg) repeat-x; */
	color:#ffffff !important;
	/*-webkit-box-shadow:0px 0px 1px rgba(0, 0, 0, 0.8); -moz-box-shadow:0px 0px 1px  rgba(0, 0, 0, 0.8); -o-box-shadow:0px 0px 1px  rgba(0, 0, 0, 0.8); box-shadow:0px 0px 1px  rgba(0, 0, 0, 0.8);*/
}
#footerr td{border-bottom: 0; border-right:0; color:#a9a9a9;}
#footerr td a{color: #fff; font-size: 12px;}

/* IE 6 */
* html #footerpos {
   position:absolute;
   top:expression((0-(footerpos.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

.breadcom{
	margin:0px;
	padding:5px 0px 5px 20px;
	color:#ffffff;
	
	font-size:11px;
	font-weight:normal;
	background:#5c5c5c; 
}
.logo{
	float:left; 
	width:180px; 
	vertical-align:bottom;
	text-align: center;
	/*edited by design*/
	/*background:url(../../css/professional/images/login/logo_bg.png) no-repeat;*/
	height:52px;
}
.cname{
	float:left; 
	width:300px; 
	padding:25px 0px 10px 0px; 
	
	font-weight:bold;
	text-shadow:0px 2px 0px #000000;
	font-size:16px; 
	color:#ffffff;
}
.userappear{
	/*float:left; */
	/*padding:20px 0px 0px 10px; 
	font-size:15px; 
	color:#b0c5ac;	*/
	color:#ffffff;
}
.userappear a{
	text-decoration:none;
	color:#ffffff;
}
.userappear a:hover{
	text-decoration:underline;
	color:#ffffff;
}

.headingbold{
	
	font-size:12px;
	font-weight:bold;
	color:#000;
}

.boldtitlehead{
	background:#f9f9f9;
	font-weight:bold;
	color:#000;
	padding:6px 0px 6px 0px;
}
/* CSS Created By DEV End Here */


/* This css create a pagination */
/* pagination style */
.pagin {
padding: 2px 0;
margin: 0;
font-family: "Verdana", sans-serif;
font-size: 7pt;
font-weight: bold;
}
.pagin * {
padding: 2px 6px;
margin: 0;
}
.pagin a {
border: solid 1px #666666;
background-color: #EFEFEF;
color: #666666;
text-decoration: none;
}
.pagin a:visited {
border: solid 1px #666666;
background-color: #EFEFEF;
color: #60606F;
text-decoration: none;
}
.pagin a:hover, .pagin a:active {
border: solid 1px #CC0000;
background-color: white;
color: #CC0000;
text-decoration: none;
}
.pagin span {
cursor: default;
border: solid 1px #808080;
background-color: #F0F0F0;
color: #B0B0B0;
}
.pagin span.current {
border: solid 1px #666666;
background-color: #666666;
color: white;
}

/* Created css by form here */



.new_tab {
width:100%;
margin-left:auto;
margin-top:10px;
margin-right:auto;
padding:0px;
/*background-color:#FFFFFF;*/
/*border:#666666 solid 1px;*/
-moz-border-radius:6px;
}

.new_tab .inside_tab {
	padding:0px;
	margin-top:2px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:0px;
	height:32px;
	-moz-border-radius:6px;
	/*background-image: url(../../images/tab_1_img.jpg);
	background-repeat: repeat-x;*/
}

.inside_tab ul {
	margin: 0px;
	padding-left: 5px;
	padding-top: 4px;	
	padding-bottom:0px;	
	list-style-type: none;
}

.inside_tab li {
	margin: 0px;
	padding: 0px;
	float: left;
}

.inside_tab ul a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 5px 8px;
	margin: 0px 1px 0px 0px;
	-moz-border-radius-top-left:5px;	
	-moz-border-radius-top-right:5px;	
	background:#676767;	
    border:#373737 solid 1px;
}

.inside_tab ul a:hover {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 5px 8px;
	margin: 0px 1px 0px 0px;
	background-color: #fff;
	-moz-border-radius-topleft:5px;	
	-moz-border-radius-topright:5px;
    border:#373737 solid 1px;		
}


.jjrs_tabledata1 {
padding-left:5px;
padding-right:5px;

}


.jjrs_tablehead {
padding-left:5px;
padding-right:5px;

}

#quest, #quest1 {width:auto; padding:5px 10px; background:#fffbda; border:#e9e6cb 1px solid; border-radius:4px; visibility: hidden; position: absolute; font-size: 11px; line-height: 12px; text-align: center; z-index: 10;}
#quest{top:96%; left:-10%; }
#quest1{top:96%; left:0%; }


/* for auto serach suggestion box start -----------*/

#suggest_box{position: relative; width:300px;}
#suggest_box ul{list-style: none; border:#e4e4e4 1px solid; margin: 0; padding:0; background: #fff; position: absolute; top:100%; left:0; display: block; width:100%; z-index: 10; max-height:200px; overflow: auto;}
#suggest_box ul li{padding:6px; border-bottom:#e4e4e4 1px dotted; cursor: pointer;}
a {
	text-decoration: none;
}

.mod_search{width:250px; height:auto; float: right; margin:8px 10px; position: relative;}
.mod_search input[type="text"]{height: auto; padding-top:4px; padding-bottom:4px; padding-right:28px; box-sizing:border-box;}
.mod_search .fa, .mod_search .glyphicon{position: absolute; right:14px; top:5px; color: rgba(0,0,0,0.2); font-size: 16px;}

#loading {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
display: none;
opacity: 0.7;
background-color: #fff;
z-index: 5001;
text-align: center;
}

#loading-image {
position: absolute;
top: 50%;
left: 50%; margin-left:-25px; margin-top:-25px;
z-index: 100;
}


/*#sub-menu{padding-left:15px; padding-right:15px;}*/
#sub-menu h1{font-size: 16px; font-weight: normal; background-color: transparent; border-bottom: 0; line-height:32px; padding-left:0;}
#sub-menu, #another-menu{ background-color:#067a7a; box-shadow: 0 1px 2px rgba(0,0,0,0.4); z-index: 1; width: 100%; float: left; /*border:1px solid transparent; border-color: #067a7a; border-radius:0;*/ /*margin-bottom:15px;*/}
#sub-menu .navbar, #another-menu .navbar{border-radius:0; margin-bottom:0;}
#sub-menu .navbar-default, #another-menu .navbar-default{background-color:transparent; border-color:transparent; border:0;}
#sub-menu .navbar, #another-menu .navbar{min-height:auto;}
#sub-menu .navbar-nav > li > a, #another-menu .navbar-nav > li > a{ padding-top:6px; padding-bottom:6px; color: #fff;}
#sub-menu .navbar-nav > li > a:hover, #sub-menu .navbar-default .navbar-nav > .open > a, #sub-menu .navbar-default .navbar-nav > .open > a:focus, #sub-menu .navbar-default .navbar-nav > .open > a:hover, #another-menu .navbar-default .navbar-nav > .open > a, #another-menu .navbar-default .navbar-nav > .open > a:focus, #another-menu .navbar-default .navbar-nav > .open > a:hover{
  color:#fff; background-color:#965184; /*background-color:#921f24;*/
}
#sub-menu .dropdown-menu > li > a:focus, #sub-menu .dropdown-menu > li > a:hover{background-color: rgba(0,0,0,0.15);}

#sub-menu .dropdown-menu a{word-wrap:pre-wrap; white-space: nowrap; font-size: 13px; line-height: 22px;}

#sub-menu .dropdown-submenu {
    position: relative;
}

#sub-menu .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    font-size: 13px;
    line-height: 22px;
    padding:10px;
    border-radius:6px;
}
#sub-menu .dropdown-submenu>.dropdown-menu li{position: relative;}
#sub-menu .dropdown-submenu>.dropdown-menu li:before{position: absolute; left:5px; top:3px; font-family: "FontAwesome"; color: inherit; content:'\f101'; font-size: inherit;}
/*#sub-menu .navbar-nav li:last-child .dropdown-submenu>.dropdown-menu, #sub-menu .navbar-nav li:nth-last-child(2) .dropdown-submenu>.dropdown-menu, #sub-menu .navbar-nav li:nth-last-child(3) .dropdown-submenu>.dropdown-menu, #sub-menu .navbar-nav li:nth-last-child(4) .dropdown-submenu>.dropdown-menu{
  left:auto; right: 100%;
}*/

#sub-menu .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

#sub-menu .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #aeadad;
    margin-top: 5px;
    margin-right: -10px;
}

#sub-menu .dropdown-submenu:hover>a:after {
    border-left-color: rgba(0,0,0,0.9);
}

#sub-menu .dropdown-submenu.pull-left {
    float: none;
}

#sub-menu .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
#sub-menu .navbar-default .navbar-nav>li>a, #another-menu .navbar-default .navbar-nav>li>a {
  /*width: 200px;*/
  font-weight: 600;
}

  @media screen {
	.tree_p {
	  width: 30%;
	  height: 16px;
	  position: relative;
	  float: left;
	}
  }
  .tree_p:before{width:115%; bottom:0; left:-3px; content: ''; position: absolute; border-bottom:#ff0000 4px solid;}
  /*.tree_p:after{height:16px; right:-1px; top:74%; content: ''; position: absolute; border-right:#ff0000 1px solid;}*/