/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

* {
	border: 0px;
}
html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, img, ins, kbd, q, s, samp,  small, strike, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary,  time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
}
pre{ background:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body {
	width:100%;
	height:100%;
}
input[type="image"], input[type="checkbox"], input[type="radio"]{
	margin:1px;	
}
/* ===== Primary Styles ========================================================

   Author:

   ========================================================================== */

 body {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	padding:0;
}

#welcome {
	width:358px;
	height:346px;
	background-color: transparent;
	background-color: rgba(23, 81, 127, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#17517f, endColorstr=#17517f); /* IE6–IE9  */
	zoom: 1;
	margin:200px auto 0;
	-webkit-border-radius: 10px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	-moz-border-radius: 10px; /* FF1-3.6 */
	border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	/* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0px 0px 4px #000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 0px 0px 4px #000; /* FF3.5 - 3.6 */
	box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
	padding:4px;
}
#welcome > p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin:10px 0;  
}
#login {
	background:url(../images/login_Bg.png) left top repeat-x #b9b9b9;
	-webkit-border-radius: 10px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	-moz-border-radius: 10px; /* FF1-3.6 */
	border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	/* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding:10px;
	overflow:hidden;
	padd-bottom:10px;
}
#login > div:first-child {
	font-size:22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#343434;
	font-weight:bold;
	background:url(../images/login_bg1.png) left top no-repeat;
	text-indent:50px;
	height:47px;
	line-height:47px;
	text-align:left;
}
#form {
	clear: both;
}
label {
	display:inline-block;
	margin-bottom:8px;
	color:#343434;
	text-align:left;
}
#form input {
	width:323px;
	padding:0 5px;
	height:30px;
	margin:0;
	line-height:30px;
	border:1px solid #aeaeae;
	-webkit-border-radius: 2px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	-moz-border-radius: 2px; /* FF1-3.6 */
	border-radius: 2px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	/* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color:#433D30;
}
#form input[type="text"]:hover {
	background:#fffcd0;
	border:1px solid #989898;
}
#form input:focus {
	color:#333;
	border:1px solid #4d6877;
	background:#fffbc0;
}
#form input[type="checkbox"] {
	width:22px !important;
}
#login a {
	color:#343434;
	font-size:13px;
	float:left;
	margin-top:5px;
}
#login a:hover, #login a:focus {
	color:#222;
}
.login_btn {
	float:right;
	display:block;
	background-color: #0079c5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0079c5), to(#005293)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #0079c5, #005293); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #0079c5, #005293); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #0079c5, #005293); /* IE10 */
	background-image:      -o-linear-gradient(top, #0079c5, #005293); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #0079c5, #005293);
	-webkit-border-radius: 2px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	-moz-border-radius: 2px; /* FF1-3.6 */
	border-radius: 2px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	/* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border:none;
	width:115px;
	height:36px;
	display:block;
	line-height:36px;
	text-align:center;
	margin-right:4px;
	color:#fff;
}
.login_btn:hover, .login:focus {
	background-color: #0064b0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0064b0), to(#004484)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #0064b0, #004484); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #0064b0, #004484); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #0064b0, #004484); /* IE10 */
	background-image:      -o-linear-gradient(top, #0064b0, #004484); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #0064b0, #004484);
}
body {
	background: #fff;
	color:#575757;
	line-height:1.5em;
}
#container, #container > header {
	width:100%;
}
#container:after, #container > header:after{
	content:"";
	display:block;
	clear:both;
}
#container > header {
	background: url("../images/header_shadow.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    border-bottom: 1px solid #CCC4C1;
	height: 73px;
}
#logo {
	margin:5px 0 0 5px;
	display:block;
	float:left;
}
.button_box a {
	padding:0 15px;
}
#user {
	float:right;
	width:30%;
}
#user img {
	float:left;
	padding:3px;
	border:1px solid #54656f;
	background:#fff;
	margin-right:13px;
	width:70px;
	height:70px;
}
#user h1 {
	font-size:1em;
	color:#316594;
	float:left;
	line-height:normal;
	display:block;
	width:50%;
}
#user span {
	font-size:1em;
	color:#868687;
	font-style:italic;
	/*width:59%;*/
	display:block;
}
#user input, .view_all, .button_box a, .logout a , .save_frm{
	 background-color: #e5e2db;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e2db), to(#cfcac0)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #e5e2db, #cfcac0); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #e5e2db, #cfcac0); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #e5e2db, #cfcac0); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #e5e2db, #cfcac0); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	-webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	-moz-border-radius: 3px; /* FF1-3.6 */
	border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	/* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	
	height:29px;
	line-height:29px;
	color:#433D30;
	float:left;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	margin-top:17px;
	-webkit-transition: background-image 2s linear;
	-moz-transition: background-image 2s linear;
	-o-transition: background-image 2s linear;
	transition: background-image 2s linear;
	-webkit-transition:all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#user input:hover, .view_all:hover, .button_box a:hover, .logout a:hover {

	background-color: #cfcac0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cfcac0), to(#e5e2db)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #cfcac0, #e5e2db); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #cfcac0, #e5e2db); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #cfcac0, #e5e2db); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #cfcac0, #e5e2db); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.logout a {
	text-align:center;
	margin-right:10px;
	padding:0 10px 0 10px;
}
.button_box a {
	text-align:center;
	margin-top:0;
	background-color: #00b6cc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00b6cc), to(#0082a8)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #00b6cc, #0082a8); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #00b6cc, #0082a8); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #00b6cc, #0082a8); /* IE10 */
	background-image:      -o-linear-gradient(top, #00b6cc, #0082a8); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #00b6cc, #0082a8);
}
.button_box a:hover {
	background-color: #00aede;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00aede), to(#024e63)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #00aede, #024e63); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #00aede, #024e63); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #00aede, #024e63); /* IE10 */
	background-image:      -o-linear-gradient(top, #00aede, #024e63); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #00aede, #024e63);
}
.view_all {
	text-align:center;
	color:#fff;
	position:absolute;
	right:0;
	bottom:20px;
}
.view_all:hover {
	color:#fff;
}
.quick_access {
	width:65%;
	float:right;
}
.dif_sec {
	background:url(../images/header_shadow.png) left bottom repeat-x #fff;
	width:33.3%;
	float:left;
	-webkit-box-shadow: 0px 0px 4px 0px #666; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 0px 0px 4px 0px #666; /* FF3.5 - 3.6 */
	box-shadow: 0px 0px 4px 0px #666; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}
.dif_sec > div {
	padding:7px;
	overflow:hidden;
	float:right;
	width:65%;
}
.dif_sec > img {
	margin:10px 0 0 10px;
	display:block;
	float:left;
}
.dif_sec h1 {
	font-size:0.9em;
	text-indent:20px;
	font-weight:bold;
	color:#fff;
	background-color: #616161;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#616161), to(#343434)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #616161, #343434); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #616161, #343434); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #616161, #343434); /* IE10 */
	background-image:      -o-linear-gradient(top, #616161, #343434); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #616161, #343434);
}
.dif_sec:nth-child(2) {
	background:url(../images/header_shadow.png) left bottom repeat-x #e7edf1;
}
.dif_sec:last-child {
	background:transparent;
}
.dif_sec ul {
	margin:0;
	padding:0;
}
.dif_sec li {
	background:url(../images/li_bg.png) left center no-repeat;
}
.dif_sec li a {
	text-indent:15px;
	display:block;
	color:#525252;
}
.dif_sec div > input {
	background-color: #616161;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#616161), to(#343434)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #616161, #343434); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #616161, #343434); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #616161, #343434); /* IE10 */
	background-image:      -o-linear-gradient(top, #616161, #343434); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #616161, #343434);
	-webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	-moz-border-radius: 3px; /* FF1-3.6 */
	border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	/* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	width:73px;
	height:29px;
	line-height:26px;
	color:#fff;
	float:left;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	margin-top:17px;
	-webkit-transition: background-image 2s linear;
	-moz-transition: background-image 2s linear;
	-o-transition: background-image 2s linear;
	transition: background-image 2s linear;
	-webkit-transition: width 200ms linear;
	-moz-transition: width 200ms linear;
	-o-transition: width 200ms linear;
	transition: width 200ms linear;
	text-shadow: 1px 1px 3px #480600;
	-webkit-box-shadow: 0px 0px 4px 0px #bbb; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 0px 0px 4px 0px #bbb; /* FF3.5 - 3.6 */
	box-shadow: 0px 0px 4px 0px #aaa; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}
.dif_sec div > input:hover {
	width:80px;
	background-color: #cf2d17;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cf2d17), to(#840f05)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #cf2d17, #840f05); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #cf2d17, #840f05); /* FF3.6 */
	background-image: -ms-linear-gradient(top, #cf2d17, #840f05); /* IE10 */
	background-image: -o-linear-gradient(top, #cf2d17, #840f05); /* Opera 11.10+ */
	background-image: linear-gradient(to bottom, #cf2d17, #840f05);
}
.content {
	position:relative;
	overflow:hidden;
	float:left; width:100%;
}
#navigation nav > ul > li:hover ul{
	display:block;
}
#navigation {
	/*background:url(../images/navigation_bg.jpg) right top repeat-y #d5d5d5;*/
	position:relative;
	margin:0 0 30px;
	background:#fff;
}
#navigation ul {
	margin:0;
	border-bottom:2px solid #d52032;
}
#navigation nav {
	/*overflow:hidden;*/
}

#navigation li a {
	background: #fff;
	display:block;
	height:30px;
	line-height:30px;
	display:block;
	padding:0 10px;
	color:#27659f;
	text-decoration:none;
}
#navigation li a:hover, #navigation li a:focus {
	color:#27659f;
	-webkit-transition: color 0.4s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: color 0.4s ease-out;  /* FF4+ */
	-ms-transition: color 0.4s ease-out;  /* IE10 */
	-o-transition: color 0.4s ease-out;  /* Opera 10.5+ */
	transition: color 0.4s ease-out;
}


#navigation ul ul {
	display:none;
	position:absolute;
	width:100%;
	left:0;
	
	background:#d52032;
	border-bottom:2px solid #000;
	z-index:667;
}
#navigation ul > li.active ul {
	display:block;
	z-index:666;
}
#navigation ul:after{
	content:"";
	display:block;
	clear:both;
}

#navigation ul li{
	float:left;
}

#navigation ul li li {
	position:relative;
	color:#fff;
}
#navigation ul li li li{
	background:#E0DCD4;
	color:#444;
}
#navigation ul ul li a {
	color:#fff;
	background:none;
}
#navigation ul ul li a:hover{background:none;}
#navigation ul ul ul li a {
	color:#000;
	text-indent:60px;
}

#navigation ul ul ul li:first-child a{
	border-top:1px solid #C5C1BA;
}

#navigation nav > ul > li a.active {
	color:#000;
}
#navigation ul ul li:before {
	content:"→";
	float:left;
	display:none;
	width:10px;
	position:absolute;
	left:30px;
	top:8px;
	color:#fff;
}
#navigation ul ul li li:before {
	content:'';
	display:none;
}

#navigation li a:hover, #navigation li:hover > a, #navigation li.active > a {background:#d52032; color:#fff;}
#navigation ul ul li a:hover, #navigation ul ul li a:focus {	
	color:#000;
}

/******************************/

#main {
	border-left: 1px solid #C5C1BA;
    min-height: 482px;
    padding: 10px;
	/*border-left:1px solid #CCC4C1;*/
}

#breadcrumb {
    background-color: #f6f6f6;
    height: 40px;
    line-height: 28px;
    margin-bottom: 10px;
    margin-left: 0;
    overflow: hidden;
    padding: 5px 0 8px 12px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
}
#breadcrumb li {
	float:left;
	margin-right:15px;
}
#breadcrumb li a{
	display:block;
	color:#005580;
}
#breadcrumb li a:hover{
	color: #005580;
}
#breadcrumb li .button_box a{color:#fff;}
.error, .warning, .success {
	width:99%;
	overflow:hidden;
	margin-bottom:10px;
	-webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	-moz-border-radius: 3px; /* FF1-3.6 */
	border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	/* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color:#fff;
	padding:0 10px;
}
.error img, .warning img, .success img {
	margin-top:7px;
	float:left;
	display:block;
}
.error p, .warning p, .success p {
	float:left;
	height:33px;
	line-height:33px;
	margin:0;
	text-indent:10px;
	font-weight:bold;
}
.error {
	background-color: #d14124;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d14124), to(#af1d00)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #d14124, #af1d00); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #d14124, #af1d00); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #d14124, #af1d00); /* IE10 */
	background-image:      -o-linear-gradient(top, #d14124, #af1d00); /* Opera 11.10+ */
	background-image:   linear-gradient(to bottom, #d14124, #af1d00);
	border:1px solid #af1d00;
	height:33px;
	line-height:33px;
	width: 98%;
}
.warning {
	background:#ffa00d;
	background-color: #ffa00d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa00d), to(#ff8400)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffa00d, #ff8400); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffa00d, #ff8400); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffa00d, #ff8400); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffa00d, #ff8400); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffa00d, #ff8400);
	height:33px;
	line-height:33px;
	border:1px solid #ff8400;
	width: 98%;
}
.success {
	background-color: #74a803;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#74a803), to(#316800)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #74a803, #316800); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #74a803, #316800); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #74a803, #316800); /* IE10 */
	background-image:      -o-linear-gradient(top, #74a803, #316800); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #74a803, #316800);
	border:1px solid #316800;
	height: 33px;
    line-height: 33px;
    width: 98%;
}
.form_holder {
	background:#f6f6f6;
	border:1px solid #c8c8c8;
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
	
}
.form_holder:after{
	content:"";
	display:block;
	clear:both;
}
.form_holder ul {
	margin:0;
	float:left;
	width:40%;
}
.form_holder li {
	overflow:hidden;
}
.form_holder li label, .form_holder li input, .form_holder li testarea {
	float:left;
	/*padding-top:5px;*/
}
.form_holder label {
	width:100px;
}
input[type="radio"] {
	/*margin-bottom:9px;*/
}
.back, .save_frm, .cancel_frm {
	margin-right:15px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#b0d5f6;
	padding:0 10px;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	display:block;
	float:left;
	-webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	-moz-border-radius: 3px; /* FF1-3.6 */
	border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	/* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.back:hover, .back:focus, .save_frm:hover, .save_frm:focus, .cancel_frm:hover, .cancel_frm:focus {
	color:#fff !important;
}
html form .back, html form .save_frm, html form .cancel_frm {
	color:#433D30;
	 background-color: #e5e2db;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e2db), to(#cfcac0)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #e5e2db, #cfcac0); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #e5e2db, #cfcac0); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #e5e2db, #cfcac0); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #e5e2db, #cfcac0); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
html form .back:hover, html form .save_frm:hover, html form input[type="submit"]:hover, html form input[type="button"] {
	color:#433D30;
	background-color: #cfcac0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cfcac0), to(#e5e2db)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #cfcac0, #e5e2db); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #cfcac0, #e5e2db); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #cfcac0, #e5e2db); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #cfcac0, #e5e2db); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
html form .save_frm, html form .cancel_frm {
	min-width:92px !important;
	height:28px !important;
	display:block;
	color:#433D30;	
	border:none !important;
	margin: 0 5px 12px 0 !important;
	line-height:28px;
}
.toast-item-wrapper:first-child {
	display:none;
}
.table_head {
	background:#C5D5DF;
}
.table_head, .table_elem {
	display:block;
	overflow:hidden;
	margin:0;
}
.table_head li {
    color: #000;
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.sl {
	width:5%;
	text-align:center
}
li.u_name, .u_name {
	min-width:80px;
	text-align:left;
	text-indent:20px;
}
.t_present, .t_absent, .last_li {
	display:block;
	text-align:center;
	
}
.t_days {
	width:26%;
	text-align:left !important;
}
.to_days {
	width:355px;
}
.table_elem li {
	height:30px;
	border-bottom:1px solid #aabfcd;
}
.table_elem span {
	display:block;
	float:left;
	line-height:30px;
	height:30px;
}
.table_elem li:nth-child(2n-1) {
	background:#f1f1f1;
}
.table_elem li:nth-child(2n) {
	background:#cad2d7;
}
.table_elem li:hover {
	background:#ffedd1;
}
.table_elem .last_li {
	text-indent:40px;
	float:right;
	/*display:none;*/
	height:20px;
	margin-top:4px;
	padding-right: 5px;
}
.table_elem li:hover > .last_li {
	display:block;
}
.table_elem .last_li > input {
	margin-top:-3px;
}
/*.table_elem li:hover > .last_li input {
	display:block;
}
.table_elem li:hover > .last_li a:first-child, .table_elem li:hover > .last_li a:nth-child(2){

	background:url(../images/edit.png) left center no-repeat;

	width:15px;

	height:15px;

	display:block;

	margin-top:12px;

	margin-right:10px;

	float:left;

}

.table_elem li:hover > .last_li a:nth-child(2){

	background:url(../images/delete.png) left center no-repeat;

}*/

.last_li a {
	margin-right:10px;
}
.welcome {
	overflow:hidden;
	width:85px;
	text-align:center;
	float:left;
}
.iconbox-thum-img {
}
.warning_login {
	float:left;
	color:#D73414;
	display:block;
	width:338px;
	text-align:left;
	margin-top: 19px;
}
#login_main {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
#welcome {
	position:absolute;
	top:50%;
	left:50%;
	margin:0;
	margin-left:-179px;
	margin-top:-173px;
}
#container {
	min-height:100%;
}

.footer1 {
	clear:both;
	text-align:center;
	height:30px;
	color:#fff;
	border-top: 1px solid #2A261E;
    box-shadow: 0 1px 2px #5C594E;
	background:#000;
	line-height:30px;
}
#ifrm {
	display:none;
}
.description-line p {
	float:left;
}
.iconbox-thum-img {
	background:#E0DCD4;
	width:158px;
	height:140px;
	border:1px solid #769C32;
	float:left;
	margin:0 15px 15px 0;
	border-radius:5px;
	text-align:center;
}
.iconbox-thum-img img {
	width:100px;
	height:100px;
	text-align:center;
	margin:10px 0 0 2px;
	
}
.iconbox-thum-img:hover {
	border:1px solid #b3c3d0;
	background:#fff;
}

.iconbox-thum-img:hover > a span {
	display:block;
}
.description-line {
	background:#fffcd0;
	padding:5px;
	clear:both;
	overflow:hidden;
	border:1px solid #ccc;
	line-height: 20px;
}
.description-line img, .description-line h2, .description-line p {
	float:left;
}
.description-line img {
	margin-right:5px;
}
.description-line h2 {
	font-weight:bold;
}
.filetree span.folder {
	display:block;
	width:150px !important;
}
.folder input {
	width:15px !important;
	height:15px !important;
	margin:0 0 0 10px;
}
.filetree li.last {
	width:140px;
}
li.collapsable > ul {
	background:none !important;
	margin-left:-20px;
	margin-top:0;
}
.form_holder .description-line {
	margin-bottom:15px;
}
#user .designation {
	float:left;
}
#user span {
	float:left;
}
#user .logout {
	float:right;
}
#user .logour span a:first-child {
	margin-right:15px;
	display:block;
}
span.description-line-text {
	display:block;
	float:left;
	line-height:22px;
	margin-right:10px;
}
.button_box {
	overflow:hidden;
	float:right;
}
li.subHeadiing, .description-line1 {
	font-size:11px;
	font-weight:bold;
	color:#005580;
	margin:10px 0;
}
.message_box {
	border:2px solid #8EA2B1;
	padding:10px 12px 10px 6px;
	width:140px;
	float:left;
	margin:0px 15px 15px 0;
	border-radius:5px;
}
.message_box a.gal_preview {
	display:block;
	text-align:center;
}
.message_box a.gal_preview img {	
	border:2px solid #FFF;
	padding:1px;
}

span.last_li {
	display: block;
    margin: 10px auto 0;	
}
a.lightview {
font-weight:bold;
}

ul.table_head li.t_present  {
text-align:left !important;
}
ul.table_elem span.t_present {
text-align:left !important;
}


/*.pp_details{
	display:none;
}*/

.galleryImg { max-width:1000px; border:2px solid #FFF; }

.question {
	position: absolute;
	display: inline;
	text-align: center;
	width: 154px;
	height: 78px;
	font-size: 12px;
	line-height: 1.5em;
	background: url('../images/bubble.png') left top no-repeat;
	padding: 10px 0 0 20px;
	text-shadow: 0px 1px 0px #fff;
	margin-left: -9em;
	margin-top: -6em;
	opacity: 0;
	text-indent:0 !important;
}
.yes {
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display:block !important;
	width: 63px;
	height: 21px !important;
	color: #434d17;
	text-shadow: 0px 1px 0px #fff;
	background: url('../images/buttony.png') left top no-repeat;
	text-indent:0 !important;
	line-height:22px !important;
	float:left;
}
.cancel {
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: block !important;
	width: 63px;
	height: 21px !important;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	background: url('../images/buttonn.png') left top no-repeat;
	text-indent:0 !important;
	line-height:22px !important;
	float:left;
}
.clear { clear:both;}

#header_banner >div
{
	cursor:move;
}
table.pro_search th {
    background: none repeat scroll 0 0 #F7F6F6;
    border: 1px solid #F1EEEE;
    color: #000000;
    padding: 10px;
    text-align: left;
}

table.pro_search td {
    border: 1px solid #F1EEEE;
    padding: 10px;
    vertical-align: top;
}

table.pro_search td img {
    border: 5px solid #FFFFFF;
    box-shadow: 3px 3px 3px #CCCCCC;
}
table#rounded-corner {
    clear: both;
    margin: 40px 0;
}
table#rounded-corner th {
	background:#165D8D;
    color: #FFFFFF;
    height: 16px;
    line-height: 40px;
	padding:0 5px;
}
table#rounded-corner td {
	padding:0 5px;
}
table#rounded-corner tr {
	background:#F1F1F1;
	border-bottom:1px solid #AABFCD;
    color: #575757;
    height: 40px;
    text-align: center;
}
table#rounded-corner tr.blogy {
	background:#CAD2D7;
}
table#rounded-corner tr:hover {
    background: #ffedd1;
}
.toggle_select {
float: right !important;
padding-right: 5px;
}
.multi_action {
	float: right;
    height: 24px;
    padding: 2px 4px 2px 2px;
    width: 75px;
	font-size:12px;
}
.table_elem li.quick_li{min-height:40px; height:auto;}
.quick_panel{display:none; overflow:hidden; clear:both; margin:5px;}
#suggestions {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 4px 0 #C7C5C7;
    clear: both;
    left: 0;
    padding: 5px 6px;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 4;
}
#suggestions ul { width:100%;}
#suggestions ul li {
	cursor:pointer;
	line-height:22px;
}
.form_holder.search #suggestions{
	top:61px;
	width:133%;
	left:20px;
}
.hlp_txt{
	font-weight:normal;
	font-size:11px;
	color:#666;
    vertical-align: top;
	display:inline-block;
}
.logout a.site_preview{
	background:url(../images/preview.png) no-repeat 0 center;
	padding-left:28px;
	font-size:12px;
}
.logout a.password_chng{
	background:url(../images/change_password.png) no-repeat 0 center;
	padding-left:25px;
	font-size:12px;
}
.logout a.logout_btn{
	background:url(../images/logout_btn.png) no-repeat 0 center;
	padding-left:20px;
	font-size:12px;
}
.logout a:hover{
	color:#888;
}
.search_holder{position:relative;}
.loader{display:none}
.loading{width:32px;margin:auto;}
.pricetable tr {border-bottom:1px solid #fff;}
.form_holder tr th{padding: 5px 0; font-weight:bold;}
.form_holder tr td{padding: 5px 0;}
.helper{margin-left:10px;position:relative;text-transform:none;}
.helper span{background:url(../images/help_icon.png) no-repeat left top;cursor:pointer;display:inline-block;height:18px;width:18px;}
.helper .tip{background: none repeat scroll 0 0 #F8EFDF;
    border: 1px solid #DFCDCF;
    color: #555555;
    cursor: default;
    display: none;
    font-size: 11px;
    font-weight: normal;
    left: 18px;
    line-height: 14px;
    max-width: 500px;
    min-width: 300px;
    padding: 10px 12px;
    position: absolute;
    top: -12px;
    white-space: normal;
    z-index: 1;}
.helper > span:hover + .tip, .helper .tip:hover{display:block;}
.print_view{border: 1px solid #F1F1F1;
    width: 100%;}
thead { display: table-header-group; }
tfoot { display: table-footer-group; }
.individualSearch{width:50%; float:left;}
.capacity_panel{float:left; clear:both;}
.more_capacity, .less_capacity{display: inline-block; line-height: 27px; color: red;}
.login_btns{width: 250px; margin: auto; height: 135px; padding-top: 60px; display:none;}
.login_panel{display:block;}
.login_back{display:none; float:right !important;}
.attach{margin-left:18px !important;}
.ticket_main{background: #eaeaea; padding: 10px; border: 1px solid #ccc;}
.ticket{width:90%; float:right; clear:both; background: #eafeec; padding: 10px; border: 1px solid #baffc0; border-radius:10px; margin-bottom: 10px;}
.ticket_me{width:90%; float:left; clear:both; background: #eaf5fe; padding: 10px; border: 1px solid #b5dfff; border-radius:10px; margin-bottom: 10px;}
.commentby{clear:both; display:block; }
.newcomment{background:#FFCC00; color:#060; border-radius:5px; padding:3px; font-size:10px;}
.description-line1 span{font-weight:normal;}
.image_box{ width:300px; float:left; margin:20px 20px 30px 0; text-align:center; overflow:hidden;}
.user_account_top{float:right; padding:24px 16px 0 0;}
.welcome_user:after{
	content:"";
	display:block;
	clear:both;
}
.welcome_user{
	float:right;
	padding:4px 17px 0 0;
}
.welcome_user span{
	font-size:13px;	
}
#user .welcome_user span{
	float:none;
	font-style:normal;
	display:inline-block;
}
.welcome_user i.user_icon{
	vertical-align:top;
	padding:2px 5px 0 0;
	font-size:16px;
}
.setting_icon{
	position:relative;
	width:28px;
	height:23px;
	float:right;
	cursor:pointer;
	border:1px solid #597c1e;	
	background:#3c5118;
	-webkit-box-shadow:0 0 2px 2px #213302;
	-o-box-shadow:0 0 2px 2px #213302;
	-ms-box-shadow:0 0 2px 2px #213302;
	box-shadow:0 0 2px 2px #213302;
}
.setting_icon i{
	font-size:18px;
	padding:2px 0 0 6px;
	color:#fff;
}
.setting_list{
	position:absolute;
	width:180px;
	right:0;
	top:42px;
	/*-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;*/
	background:#5f9207;
	border:1px solid #6ba409;
	z-index:700;
	opacity:0;
	filter:alpha(opacity=0);
	visibility:hidden;
	-webkit-transition:all 250ms ease-in-out 0s;
	transition:all 250ms ease-in-out 0s;
}
.setting_list .point{
	position:absolute;
	height:9px;
	width:29px;
	right:0;
	top:-10px;
}
.setting_list .point:before{
	content:"";
	display:block;
	right:5px;
	top:3px;
	position:absolute;
	z-index:3;
	border-bottom:7px solid #5f9207;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
}
/*.setting_list:before{
	content:"";
	display:block;
	right:5px;
	top:-7px;
	position:absolute;
	z-index:3;
	border-bottom:7px solid #5f9207;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
}*/
.setting_icon:hover .setting_list{
	opacity:1;
	filter:alpha(opacity=100);
	visibility:visible;
	top:32px;
}
.setting_list ul{
	padding:0;
	margin:0;
}
.setting_list li{
	list-style-type:none;
	padding:0;
	margin:0;
}
.setting_list li a{
	height:20px;
	line-height:20px;
	display:block;
	color:#fff;
	font-size:12px;
	border-bottom:1px solid #6ba409;
	border-left:1px solid transparent;
	padding:4px 4px;
	-webkit-transition:all 250ms ease-in-out 0s;
	-o-transition:all 250ms ease-in-out 0s;
	-ms-transition:all 250ms ease-in-out 0s;
	transition:all 250ms ease-in-out 0s;
}
.setting_list li:last-child a{
	border-bottom:none;
	/*-webkit-border-radius:0 0 3px 3px;
	-o-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;*/
}
.setting_list li:first-child{
	/*-webkit-border-radius:3px 3px 0 0;
	-o-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;*/
}
.setting_list li:first-child a{
	/*-webkit-border-radius:3px 3px 0 0;
	-o-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;*/
}
.setting_list li a:hover{
	background:#6ba409;
	border-left:1px solid #385603;
}
.setting_list li a i{
	vertical-align:top;
	margin:1px 7px 0 0;
	font-size:14px;
}
.header_search{
	float:left;
	padding:23px 0 0 286px;
}
.header_search input[type="text"]{
	width:400px;
}
.header_search input[type="submit"]{
	width:22px;
	height:22px;
	text-indent:-9999px;
	border:none;
	background:url(../images/search_icon.png) no-repeat;
	cursor:pointer;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.header_search input[type="submit"]:hover{
	background:url(../images/search_icon.png) no-repeat;
}
.welcome_wrapper{width:900px; margin:auto;}
#login #form{margin-top:30px;}
#login #form label{display:block;}
.addNew {
	margin-left: 15px;
	
}

.scroll_class {
    overflow-x: scroll;
    width: 1245px;
    margin: 20px auto;
}
.add_form input[type="text"]{width: 95%;}

.form_holder label.Generalabel{
	width: 100%;
	float: none;
}
.form_holder .border_table{width:100%; margin-bottom:15px;}
.form_holder .border_table td{
	border:1px solid #c8c8c8;
	border-collapse:collapse;
	padding:6px;
}


.form_holder .product{
	width:100%;
	table-layout:fixed;
	margin-bottom: 10px;
}
.form_holder .product td, .form_holder .product th{
	border:1px solid #c8c8c8;
	border-collapse:collapse;
	padding:6px;
}
.basic_info_box:after { content:""; display:block; clear:both; }
.basic_info_box {
    background: #EFEFEF;
    clear: both;
    border: 1px solid #ccc;
    padding: 8px 10px;
}
.user_img {
    border: 2px solid #3db8ea;
    float: left;
    height: 100px;
    margin: 4px 5px 0 0;
    overflow: hidden;
    position: relative;
}
.iconbox a {
    color: #0c5096;
}
.user_img img {
    display: block;
    height: auto;
    width: 100px;
}
.user_img span.emp_code { 
	background: rgba(0,0,0,.5); 
	color: #fff; 
	display: block; 
	position:absolute; 
	left:0; 
	width:100%; 
	height:24px; 
	line-height:24px; 
	text-align:center; 
	font-weight:bold; 
	bottom:0; 
}
.user_data_right {
    margin-left: 114px;
}
.user_data:after {
    clear: both;
    content: "";
    display: block;
}
.user_data {
    height: 79px;
    position: relative;
}
.user_basic_info {
    float: left;
}
.user_basic_info a {
    color: #0d7098;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
}
.iconbox a {
    color: #0c5096;
}
.user_basic_info span {
    display: block;
}
.user_basic_info ul {
    padding-top: 4px;
}
.user_basic_info ul:after {
    clear: both;
    content: "";
    display: block;
}
.user_basic_info ul li {
    float: left;
    margin-right: 14px;
    padding: 0;
}
.user_basic_info ul li span {
    background:url(../images/info_icons.png) no-repeat;
    line-height: 17px;
    padding: 1px 0 1px 18px;
    vertical-align: top;
}
.user_basic_info ul li span.user_phone {
    background-position: 0 2px;
}
.user_basic_info ul li span.user_email {
    background-position: 0 -22px;
    padding-left: 23px;
}
.user_basic_info ul li span.user_dob {
    background-position: 0 -25px;
    padding-left: 19px;
}
.user_basic_info ul li span.admission_date {
    background-position: 0 -52px;
    padding-left: 19px;
}
.user_basic_info ul li span.probation_preiod {
    background-position: 0 -71px;
    padding-bottom: 4px;
    padding-left: 21px;
}
.user_menu:after {
    clear: both;
    content: "";
    display: block;
}
.user_menu li a:hover, .user_menu li.active a {
   /* background: #E0DCDC;*/
    text-decoration: none;
}
.user_menu {
    border-bottom: 1px solid #f3f1f1;
    border-right: 1px solid #f3f1f1;
    border-top: 1px solid #f3f1f1;
}
.user_basic_menu {
    background: #fff;
}
.user_verification_box {
    float: right;
}
.verificationstatus {
    margin: 0;
    padding: 27px 0 0;
}
.verificationstatus:after {
    clear: both;
    content: "";
    display: block;
}
.verificationstatus li {
    float: left;
    padding: 0 10px;
}
.verificationstatus li span {
    float: left;
    vertical-align: top;
}

.verificationstatus li span.profile_personal.complete { background:url(../images/status_icon.png) no-repeat; }
.verificationstatus li span.profile_personal.incomplete { background:url(../images/status_icon.png) no-repeat 0 -35px; }
.verificationstatus li span.profile_education { width:31px; height:31px; }
.verificationstatus li span.profile_education.complete { background:url(../images/status_icon.png) no-repeat -41px 0; }
.verificationstatus li span.profile_education.incomplete { background:url(../images/status_icon.png) no-repeat -41px -35px; }
.verificationstatus li span.profile_experience { width:31px; height:31px; }
.verificationstatus li span.profile_experience.complete { background:url(../images/status_icon.png) no-repeat -82px 0; }
.verificationstatus li span.profile_experience.incomplete { background:url(../images/status_icon.png) no-repeat -82px -35px; }
.verificationstatus li span.profile_verify { vertical-align:top; margin:8px 0 0 4px; width:21px; height:17px; }
.verificationstatus li span.profile_verify.verified { background:url(../images/status_icon.png) no-repeat -120px 0; }
.verificationstatus li span.profile_verify.pending { background:url(../images/status_icon.png) no-repeat -148px 0; }
.verificationstatus li span.profile_verify.failed { background:url(../images/status_icon.png) no-repeat -177px 0; }

.basic_info_box.userlist .user_data_right .user_basic_menu { visibility:visible; opacity:1; transition:all 250ms ease-in-out 0s; }
.basic_info_box.userlist:hover .user_data_right .user_basic_menu { visibility:visible; opacity:1; }
.user_menu .addonlist li a{line-height:normal; height:auto; padding-left:0 !important;}
.addonlist li:after{
	content:"";
	display:block;
	clear:both;
}
.user_menu li a.addon_btn{
	float:right;
	padding-right:0 !important;
	font-weight:bold;
}
.user_menu .addonlist li a.addon_btn:hover{background:none; color:#000;}
.user_menu li.document_list_last .addonlist li:last-child{
	background:#e9e8e8;
	padding-top:5px;
	padding-bottom:8px;
}
.user_menu .addonlist li.addontotal{background:#f3f1f1;}
.user_menu li {
    border-left: 1px solid #f3f1f1;
    float: left;
    font-size: 13px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.user_menu li a {
    color: #0d7098;
    display: inline-block;
    height: 33px;
    line-height: 32px;
    padding: 0 18px;
}
.user_menu li.document_list_last {
    border-left: medium none;
    float: right;
    position: relative;
}
.user_menu li.document_list_last span { 
	width:27px;
	height:27px;  
	padding:0; 
	margin:0;
	position:relative;
	top:3px;
	right:2px;
	cursor:pointer;
	background:#fff url(../images/setings_icon.png) no-repeat; 
	display:inline-block; 
}
.document_list { background:#fff; top:100%; width:245px; right:0; position:absolute; z-index:5; padding:5px 0 0; visibility:hidden; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 250ms ease-in-out 0s; transition:all 250ms ease-in-out 0s; border-left:1px solid #f3f1f1; border-right:1px solid #f3f1f1; border-bottom:1px solid #f3f1f1; }
.user_menu li.document_list_last .document_list li { padding:4px 10px 7px 0; display:block; float:none; border-left:none; border-top:1px solid #f3f1f1;  }
.user_menu li.document_list_last .document_list li.delivered { background:url(../images/document_list_sprite.png) no-repeat 3px -38px; }
.user_menu li.document_list_last .document_list li:first-child { border:none; }
.addonlist { background:#fff; top:100%; width:345px; right:0; position:absolute; z-index:5; padding:0; visibility:hidden; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 250ms ease-in-out 0s; transition:all 250ms ease-in-out 0s; borderleft:1px solid #f3f1f1; border-right:1px solid #f3f1f1; border-bottom:1px solid #f3f1f1;  border-left:1px solid #f3f1f1;border-top:1px solid #f3f1f1;}
.addonlist li:hover { background:#f3f1f1; }
.user_menu li.document_list_last .addonlist li { padding:4px 10px 7px 10px; display:block; float:none; border-left:none; border-top:1px solid #f3f1f1; }
.user_menu li.document_list_last .addonlist li:first-child { border:none; }
.document_list_last:hover .document_list { visibility:visible; opacity:1; filter:alpha(opacity=100); }
.document_list_last:hover .addonlist { visibility:visible; opacity:1; filter:alpha(opacity=100); }
.user_menu .document_list li a{display:block; padding:0 15px;}
.user_menu li.document_list_last .document_list li{padding:0;}
.user_menu .document_list li a img{vertical-align:middle;}

.table table.student_list td{padding-left:0; padding-right:0;}
.content:after{content:""; display:block; clear:both;}






.print_form{width:925px; margin:0 auto;}
.print_form td{padding:8px; font-size:14px; border:1px solid #ccc; border-collapse:collapse;}
.label1{width:125px;}
.print_form td .label1{width:158px;}
.print_head td{line-height:normal;}

span{display:inline-block;}
.observe{
	padding:0;
	margin:0;
}
.observe li{
	padding:0 0 0 20px;
	margin:0 0 10px;
	list-style-type:none
}
.observe li input[type="checkbox"]{
	margin:3px 7px 0 0;
	vertical-align:top
}
.service_provide input[type="checkbox"]{
	margin:3px 7px 0 0;
	vertical-align:top
}
.important{padding:20px 0 0 10px;}
.important ul{
	padding:0 0 0 30px;
	margin:0;
}
.important ul li{
	padding:0;
	margin:0 0 10px;
	list-style-type:disc;
}
.table{margin-bottom:0px;}
.help{
	width: 16px;
    height: 16px;
    position: relative;
    margin: 0 5px 0 0px;
    background: url(../images/question_icon.png) no-repeat;
    float: left;
    cursor: pointer;
}
.help span{
	position: absolute;
    width: 260px;
    left: 28px;
    top: -9px;
    background: #fcf6cd;
    color: #555;
    font-size: 13px;
	white-space:normal !important;
    padding: 8px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
	border:1px solid #FF9000;
    -webkit-transition: all 250ms ease-in-out 0s;
    transition: all 250ms ease-in-out 0s;
}
.help span:before{
	content:"";
	left:-16px;
	top:9px;
	position:absolute;
	display:block;
	border-right:8px solid #FF9000;
	border-bottom:8px solid transparent;
	border-left:8px solid transparent;
	border-top:8px solid transparent;
}
.help:hover span{
	visibility:visible;
	opacity:1;
	left:20px;
}
.img_preview{
	width:17px;
	height:17px;
	background:url(../images/gal_icon.png) no-repeat;
	margin:0 6px 0 0;
	display:inline-block;
	vertical-align:top;
}
.help.lefttext span{
	left:auto;
	right:28px;
	font-weight:normal;
	text-align:left;
}
.help.lefttext span:before{
	left:auto;
	right:-16px;
	border-left:8px solid #FF9000;
	border-bottom:8px solid transparent;
	border-right:8px solid transparent;
	border-top:8px solid transparent;
}
.help.lefttext:hover span{
	left:auto;
	right:20px;
}
.hc_submenu li:hover ul{opacity: 1; visibility: visible;}
.hc_submenu li{
    position: relative;
}
.hc_submenu > li{padding: 0;}
.hc_submenu > li span{
    display: inline-block;
    height: 33px;
    line-height: 32px;
    padding: 0 18px;
    background: #fff;
    border-left: 1px solid #f3f1f1;
    cursor: pointer;
}
.hc_submenu > li span i{font-size: 15px; margin: 9px 0 0 4px; vertical-align: top;}
.hc_submenu > li > a{
    color: #0d7098;
    display: inline-block;
    height: 33px;
    line-height: 32px;
    padding: 0 18px;
    background: #fff;
}
.hc_submenu > li > a:hover, .hc_submenu > li span:hover{background-color: #E0DCDC;}

.hc_submenu li ul{
    position: absolute;
    top: 100%;
    /*right:0;*/
    background: #fff;
    width: 233px;
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 250ms ease-in-out 0s;
    transition: all 250ms ease-in-out 0s;
}
.verificationstatus.hc_submenu ul li{
    float: none;
    padding: 0;
}
.verificationstatus.hc_submenu ul li a{
    display: block;
    padding: 5px 10px;
    border-top: 1px solid #f3f1f1;
}
.verificationstatus.hc_submenu ul li:first-child a{border: none;}
.verificationstatus.hc_submenu ul li a:hover{background: #E0DCDC;}
.hc_submenu > li.active > a, .hc_submenu li.active > span{background: #E0DCDC; text-decoration: none;}
.canvasjs-chart-credit{display: none;}
.scroll_class .help{float: none;}
.add_text span{vertical-align: middle;}
.add_text img{vertical-align: middle;}
.problem_details{display:none;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(204, 204, 204);
    padding: 0px 0px 0px 20px;
}
.problem_details > input[type="text"]{
	float:none;
	width:100px; 
	margin-right:20px;
}
.option_details{display:none; padding:0 0 5px 20px;}
ul.associate{width:100%; margin-bottom:15px;}
.associate li{width:200px; float:left; margin-bottom:5px;}





.border-right{border-right:#e8e8e8 1px solid; float:left; width:48%;}


.width-50 {
    width: 50%;
    float: left;
    margin-right: 10px;
   
   
}
.width-33{width: 33%; float:left;}
.width-30-marginleft-20{width: 30%; float: left; margin-left:20px;}
.width-49-right{ width:49%; float:right;}
.width-49{ width:49%; float:left;}
.width-30{ width:30%; float:left;}
.width-400px{float:left; width:400px;}
.width-48{float: left; width: 48%;}
.brdr-rt{border-right:#e8e8e8 1px solid;}
.width-48-mrgnl-20{float:left; width:48%; margin-left:20px;}
.width-34-right{width:34%; float:right;}

.width-100px-input{width:100px;}
.toggle, [id^="drop"] {
    display: none;
}


.close_btn {
   display:none
}
.menu_btn{
   display:none
}