body{
 line-height: 21px;
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
 margin:0px;
 padding:0px;
 background: url("../images/bg.png") repeat-y scroll left top #EEEEEE;
}
.loginlogo {
    background: transparent url("../images/logingardient.png") no-repeat scroll left top;
    height: 39px;
    margin: 58px auto 28px;
    padding: 83px 86px;
    width: 279px;
}
.loginbox {
    background: url("../images/login_box.png") no-repeat scroll right -62px transparent;
    height: 62px;
    margin: 10px auto;
    padding-right: 11px;
    width: 580px;
}
.loginbox_inner {
    background: url("../images/login_box.png") no-repeat scroll 0 0 transparent;
    height: 62px;
    padding-left: 11px;
}
.loginbox_content {
    background: url("../images/login_box.png") repeat-x scroll 0 -124px transparent;
    height: 62px;
    overflow: hidden;
    padding: 15px 2px;
}
.loginbox .username {
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    font-size: 14px;
    padding: 7px 5px 6px 40px;
}
.loginbox .username {
    background: url("../images/usernamefield.png") no-repeat scroll left top #EEEEEE;
    border: 0 none;
    margin-right: 10px;
    width: 190px;
}
.loginbox .username:focus{
    background: url("../images/usernamefield.png") no-repeat scroll left top #EEEEEE;
	background-position: 0pt -32px !important;
}
.loginbox .password {
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    font-size: 14px;
    padding: 7px 5px 6px 40px;
}
.loginbox .password {
    background: url("../images/passwordfield.png") no-repeat scroll left top #EEEEEE;
    border: 0 none;
    margin-right: 10px;
    width: 190px;
}
.loginbox .password:focus{
	background-position: 0pt -32px !important;
}
.loginbutton{
    background: url("../images/page_no_bg_sel.png") repeat-x scroll left top #4B6592;
    border: 1px solid #395380;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 2px #999999;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    padding: 6px 10px;
    text-shadow: 1px 1px #395380;
    text-transform: uppercase;
}

a { text-decoration: none; outline: none; color: #069; }
a:hover { text-decoration: underline; }

.headerspace {
    background: none repeat scroll 0 0 #333333;
    border-bottom: 1px solid #222222;
    height: 10px;
}
.header {
    border-top: 1px solid #444444;
    background: url("../images/headerBg.png") repeat scroll 0 0 #333333;
    position: relative;
    min-width: 980px;
}

input[type=text],input[type=password] { font-size: 12px; padding: 8px 5px; border: 1px solid #ccc; background: #fcfcfc; outline: none; }
input[type=text],input[type=password] { -moz-box-shadow: inset 1px 1px 3px #ccc; -webkit-box-shadow: inset 1px 1px 3px #ccc; box-shadow: inset 1px 1px 3px #ccc; }
input[type=text],input[type=password] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 10px; }

textarea { font-size: 12px; padding: 8px 5px; border: 1px solid #ccc; background: #fcfcfc; outline: none; }
textarea { -moz-box-shadow: inset 1px 1px 3px #ccc; -webkit-box-shadow: inset 1px 1px 3px #ccc; box-shadow: inset 1px 1px 3px #ccc; }
textarea { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 10px; }

select { font-size: 12px; padding: 5px; border: 1px solid #ccc; background: #fcfcfc; outline: none; }
select { -moz-box-shadow: inset 1px 1px 3px #ccc; -webkit-box-shadow: inset 1px 1px 3px #ccc; box-shadow: inset 1px 1px 3px #ccc; }
select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 10px; }

input[type=text]:focus, textarea:focus { background: #fff; }


.submit_button_class{
 background: #4b6592 url(../images/page_no_bg_sel.png) repeat-x top left;
 color: #fff;
 padding: 7px 20px;
 cursor: pointer;
 -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #395380; font-size: 12px;
 text-transform: uppercase; text-shadow: 1px 1px #395380;
 -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999;
}
.submit_button_class:hover{
 background: #005681 url(../images/page_no_bg_sel.png) repeat-x 0 -36px;
}
.row_label{
 color:#666666;
 margin-right: 20px;
 padding-top: 5px;
 text-align: right;
}
.normal_label{
 text-align:left;
 margin:0px;
}
#login_error {
    border-color: #CC0000;
    -moz-border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    padding: 12px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background: #FFEBE8 url(../images/error_icon.png) no-repeat left;
	padding-left:50px;
}

.message_div{
    background-color: #D8FFCE;
    border-color: #67C74D;
    -moz-border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    padding: 12px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.alert{
 color:#FF0000;
}
.class_alert{
 border:#FF0000 1px solid !important;
}
.hide_class{
 display:none;
}
.show_class{
 visibility:visible;
}

/***Time Class****/
.timer_div{
 float:left;
 color:#FFFFFF;
 float:left;
 margin-right:10px;
 padding-top:6px;
}
.clear{
 clear:both;
}
/***TAB MENU (all page)***/
.tabmenu { line-height: 21px;left: 220px;}
.tabmenu ul { list-style: none;padding:0px;margin:0px; }
.tabmenu ul li { display: inline-block; float: left; position: relative; background: #4b6592 url(../images/tabmenubg.png) repeat-x top left;}
.tabmenu ul li:first-child { -moz-border-radius: 3px 0 0 0; -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }
.tabmenu ul li:last-child { -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; }
.tabmenu ul li a { display: inline-block; color: #fff; background: url(../images/separator.png) no-repeat right center; }
.tabmenu ul li a:hover { text-decoration: none; }
.tabmenu ul li:last-child a { background: none; }
.tabmenu ul li:hover { background: #37507f url(../images/tabmenubg.png) repeat-x 0 -68px; text-shadow: 1px 1px #fff;}
.tabmenu ul li a span { display: block; padding: 9px 15px 9px 40px; text-transform: uppercase; font-size: 12px; text-shadow: 1px 1px #224e82; }
.tabmenu ul li.current { background: #eee; text-shadow: 1px 1px #fff; }
.tabmenu ul li.current a { color: #333; background: none; }
.tabmenu ul li.current a span { text-shadow: 1px 1px #fcfcfc; }


.tabmenu ul li .subnav { 
	position: absolute; min-width: 200px; top: 39px; left: 0; display: none; z-index: 100; border: 1px solid #6785b0; border-bottom: 0; }
.tabmenu ul li .subnav li { display: block; float: none; background: none; }
.tabmenu ul li .subnav li a { display: block; background: #83a3ca; border-bottom: 1px solid #6785b0; color: #fff; }
.tabmenu ul li .subnav li:last-child a { background: #83a3ca; }
.tabmenu ul li .subnav li a:hover { background: #7293c1; color: #fff; }
.tabmenu ul li .subnav a span { padding: 5px 15px; text-transform: capitalize; text-shadow: 1px 1px #6785b0; }
.tabmenu ul li.current .subnav { border-color: #ccc; border-top: 0; }
.tabmenu ul li.current .subnav li a { background: #eee; border-bottom: 1px solid #ccc; color: #333; }
.tabmenu ul li.current .subnav li a:hover { background: #c8d9ed; }
.tabmenu ul li.current .subnav li a span { text-shadow: 1px 1px #f7f7f7; }

/***SIDEBAR (all page)***/
#accordion h3 { background: url(../images/arrow.png) no-repeat 10px 6px; padding-left: 30px; }
#accordion h3 { cursor: pointer; font-size: 12px; color: #333; text-transform: uppercase; }
#accordion h3.open { background: url(../images/arrow.png) no-repeat 10px -37px; }
#accordion .content { display: none; margin: 10px 0 20px 0; }
#accordion .content:last-child { padding: 0 15px; color: #333; }

.leftmenu { list-style: none; }
.leftmenu { padding:0px}
.leftmenu li { display: block; margin-bottom: 1px; }
.leftmenu li a { font-size: 12px; display: block; padding: 5px 0 5px 40px; color: #333; }
.leftmenu li a:hover { }
.leftmenu li.current a { background-color: #eee; border-right: 0; color: #333; border-top: 1px solid #a6c0de; border-bottom: 1px solid #a6c0de; }
.leftmenu li.current a:hover { text-decoration: none; }

.leftmenu li a.form { background-image: url(../images/form.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.table { background-image: url(../images/table.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.gallery { background-image: url(../images/gallery.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.home { background-image: url(../images/home.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.grid { background-image: url(../images/grid.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.calendar { background-image: url(../images/cal.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.buttons { background-image: url(../images/buttons.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.editor { background-image: url(../images/editor.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.file { background-image: url(../images/file.png); background-repeat: no-repeat; background-position: 15px center; }
.leftmenu li a.error { background-image: url(../images/404.png); background-repeat: no-repeat; background-position: 15px center; }

.breadcrumbDiv{
 box-shadow: 1px 1px 0 #F3F3F3;
 background: url("../images/home_icon.png") no-repeat scroll 10px 9px #F7F7F7;
 border-radius: 2px 2px 2px 2px;
 border: 1px solid #DDDDDD;
 font-size: 11px;
 padding: 0 15px 0 30px; 
line-height: 21px;
}
h1{
 border-radius: 3px 3px 3px 3px;
 background: url("../images/pageheader.png") repeat-x scroll left top #688AB5;
 border: 1px solid #6082AD;
 padding: 10px 15px; 
 color: #FFFFFF;
 font-size: 12px;
 font-weight: normal;
 text-shadow: 1px 1px #4B6592;
 text-transform: uppercase;
 margin: 0px;

}
h2{
 padding:0px;
 margin:0px;
 font-weight:100;
}

.breadcrumb a{
 font-size:11px;
 background: url("../images/b_separator.png") no-repeat scroll right center transparent;
 margin-right: 10px;
 color: #006699;
 display: inline-block;
 padding: 5px 20px 5px 0;
 outline: medium none;
 text-decoration: none;
}
.breadcrumb span{
 font-size:11px;
 color: #666666; 
}

.adminlist {
 border-collapse: collapse;
 box-shadow: 1px 1px 2px #CCCCCC;	
}
.adminlist .header_tr_bg td{
 background: #7193bc !important;
 border-bottom: 1px solid #CCCCCC;
 padding: 5px 10px;
}
.adminlist .sub_header_tr_bg td{
 background: url("../images/thead.png") repeat-x scroll left top #EEEEEE;
 border-bottom: 1px solid #CCCCCC;
 padding: 5px 10px;
}

.adminlist td, .normal_table td {
 background: none repeat scroll 0 0 #FFFFFF;
 border-left: 1px solid #EEEEEE;
 border-top: 1px solid #EEEEEE;
 padding: 2px;
}
.adminlist tr:hover {
 background:#c8d9ed;
}
.paging_link{
  bottom: 7px; right: 8px;
}
.form_table, .search_bg{
 border-collapse: collapse;
 box-shadow: 1px 1px 2px #CCCCCC;
 background:#FFFFFF;
}
.form_table td, .search_bg td{
 padding:5px;
}
.nopaddingTable td{
 padding:4px;
}
.tableBorder{
 border:#999999 1px solid;
}
.row1{
 background:#e4e6e9;
}
.customer_data td{
 line-height:21px;
}
.packagesHeading{
 background:url("../images/tabmenubg.png") repeat-x scroll left top #4B6592;
 color:#FFFFFF;
}
.channelName{
 background:#c8d9ed;
 padding-left:10px;
 font-weight:bold
}
.form_sub_heading, .c_heading_g{
 background-color: #666666 !important;
 border-bottom: 1px solid #A6C0DE !important;
 border-right: 0 none !important;
 border-top: 1px solid #A6C0DE !important;
 color: #FFFFFF !important;
 padding-left:20px !important;
 font-weight:bold;
}
.form_sub_heading a{
 color:#fff;
}
a.paging_link:link, a.paging_link:visited{
 background: url("../images/page_no_bg.png") repeat-x scroll left top #EEEEEE;
 border: 1px solid #CCCCCC;
 border-radius: 3px 3px 3px 3px;
 cursor: pointer;
 display: inline-block;
 margin-left: 5px;
 padding: 2px 8px;
 color:#333333;
 text-decoration:none;
}	
a.page_link:hover{
 background: #eee;
 -moz-box-shadow: inset 1px 1px 2px #ccc;
 -webkit-box-shadow:inset 1px 1px 2px #ccc;
 box-shadow: inset 1px 1px 2px #ccc;
 text-decoration:none;
}
.page_active{
 display: inline-block;
 padding: 2px 8px;
 border: 1px solid #405A87;
 margin-left: 5px; 
 background: #405A87 url(../images/page_no_bg_sel.png) repeat-x top left;
 color: #fff; 
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.page_diabled{
 color: #999999;
 background: url("../images/page_no_bg.png") repeat-x scroll left top #EEEEEE;
 border: 1px solid #CCCCCC;
 border-radius: 3px 3px 3px 3px;
 display: inline-block;
 margin-left: 5px;
 padding: 2px 8px;
}
.page_desc{
 color:#333333;
 margin-left:20px;
}
.channelB{
 margin-right:10px;
 float:left;
 border:#CCCCCC 1px solid;
 padding:2px;
}
.channelH{
 padding:5px;
 margin-bottom:10px;
 background:#16a6c0;
 color:#FFFFFF;
 font-size:13px;
}
.total_amount{
 border-top:#000000 1px solid;
 text-align:right;
 padding-right:10px;
 font-size:16px;
 font-weight:bold;
}

/*-------------Search Drop Down CSS-----------------*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #c8d9ed;
}

.ac_over {
	background-color: #056fa9;
	color: white;
}
/*-------------Search Drop Down CSS-----------------*/

.tablePading td{
 padding:0px;
}
.headingMargin{
 margin:0px;
}
.paddingLeft{
 padding-left:10px !important;
}
.adminlistTd{
 border-collapse: collapse;
 box-shadow: 1px 1px 2px #CCCCCC;
 background:#FFFFFF;
}
#search input {
    background: url("../images/search_box.png") no-repeat scroll 0 0 #333333;
    border: 0 none;
    height: 33px;
    padding: 2px 3px 3px 75px;
	color:#FFF;
 	box-shadow: inset 0px 0px 0px #ccc; 
	border-radius:0px;
}
/*---------------Chat Css---------------------*/
.Bardiv{
  background: url("../images/tabmenubg.png") repeat-x scroll left top #4B6592;
  padding:6px;
  width:160px;
  color:#FFFFFF;
}
.onlineChat{
  background: url("../images/user_online.png") no-repeat 0px 4px;
  height:10px;
  width:16px;
  float:left;
  padding-top:6px;
}
.chatarrow{
 float:right;
 padding-right:10px;
 padding-top:10px;
}
.chatName{
 padding-top:6px;
 padding-bottom:6px;
 padding-left:16px;
 border-bottom:#999999 1px solid;
 background: url("../images/offline.png") no-repeat 6px 14px; 
}
.chatName:hover{
 background:#c8d9ed;
}
/*---------------Open Cases Listing------------------------------*/
#pending_open_cases{
 position:absolute;
 right:300px;
 z-index:9;
 top:10px;
 background:url("../images/tabmenubg.png") repeat-x scroll left top #4B6592;
 height:28px;
 
}
.open_cases_listing{
 background:#c8d9ed;
 border:#000000 1px solid;
}
a.open_cse_link{
 color:#333333;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
}
.open_cse_div{
 padding-bottom:4px;
 padding-top:4px;
 padding-left:8px;
}
.open_cse_div:hover{
 background:#FFFFFF;
}
.open_case_heading{
 color:#FFFFFF;
 line-height:28px;
 font-weight:bold;
 width:121px;
}