@font-face {
    font-family: 'GishaBold';
    src: url('../fonts/gishabd.eot');
    src: url('../fonts/gishabd.eot') format('embedded-opentype'),
         url('../fonts/gishabd.woff') format('woff'),
         url('../fonts/gishabd.ttf') format('truetype'),
         url('../fonts/gishabd.svg#GishaBold') format('svg');
}
@font-face {
    font-family: 'GishaRegular';
    src: url('../fonts/georgiai.eot');
    src: url('../fonts/georgiai.eot') format('embedded-opentype'),
         url('../fonts/georgiai.woff') format('woff'),
         url('../fonts/georgiai.ttf') format('truetype'),
         url('../fonts/georgiai.svg#GeorgiaItalic') format('svg');
}
@font-face {
    font-family: 'GishaRegular';
    src: url('../fonts/gisha.eot');
    src: url('../fonts/gisha.eot') format('embedded-opentype'),
         url('../fonts/gisha.woff') format('woff'),
         url('../fonts/gisha.ttf') format('truetype'),
         url('../fonts/gisha.svg#GishaRegular') format('svg');
}
@font-face {
    font-family: 'futura_md_btmedium';
    src: url('../fonts/tt0142m.eot');
    src: url('../fonts/tt0142m.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0142m.woff') format('woff'),
         url('../fonts/tt0142m.ttf') format('truetype'),
         url('../fonts/tt0142m.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'FranklinGothic-MediumCond';
		src: url('../fonts/franklin.eot');
		src: url('../fonts/franklin.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/franklin.woff') format('woff'),
			 url('../fonts/franklin.ttf') format('truetype'),
			 url('../fonts/franklin.svg#franklin') format('svg');
		font-weight: normal;
		font-style: normal;
}
p, label, li, td, a{
    font-family: 'GishaRegular';
}
b, strong{
	font-weight:normal;
    font-family: 'GishaBold';		
}
/*---- Basic HTML tags ---------------*/

* {
 font: 13px  'GishaRegular';;
}
body {
	font: 13px  'GishaRegular';;
	color: #444444;
	background:url(../images/body-bg.jpg) no-repeat center top #fff !important;
	margin:0px;
	padding:0px;	
	}
.clear{
	clear:both;	
}
h1{
	font-size:40px;	
}
h2{
	font-size:30px;	
}
h3{
	font-size:25px;	
}
h4{
	font-size:20px;	
}
h1, h2, h3, h4, h5{
    font-family: 'futura_md_btmedium';
	margin:5px 0;
	line-height:30px;	
}
#footer{
	padding:10px;
	text-align:center;
	color:#000000;
	height:35px;	
	width:auto !important;
	
}
#footer a{color:#990000;text-decoration:none}
#footer a:hover{color:#000000;text-decoration:none}

.logo 
{
	margin: 0px 0 0 10px;
	display:block;
}

.logo a {
	display: block;
	text-indent: -9999px;
	padding-top:3px;
	padding-bottom:10px;
	height: 72px;
	overflow: hidden;
	background: url(../images/logo.png) no-repeat center;
}

/*logo end*/
/* --------------- Dashboard -------------- */

a.dashboard-module, 
a.dashboard-module:visited { 
	width: 142px; 
	height: 142px; 
	display: block; 
	float: left; 
	background: url(../images/dashboard-module.gif) top left no-repeat; 
	margin: 0 8px 8px 0;  
	text-align: center; 
	color: #444444; 
	text-decoration:none;
	}
	
a.dashboard-module:hover, 
a.dashboard-module:active { 
	background-position: bottom left; 
	text-decoration: none; 
	color:#0063be; 
	}

a.dashboard-module img { 
	margin-top: 20px; 
	border:0px;
	text-decoration:none;
	}
	
a.dashboard-module span { 
	margin-top: 10px; 
	display: block; 
	}

/*.....dashboard end */

/* nav start */
.admin_menu{	
	background: url(../images/header-bg.gif) repeat-x;
}
#nav {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	position: relative;
	
}
#nav li {
	float: left;
}
#nav li a {
	text-decoration: none;
	color: #fff;
	float: left;
	font-weight: bold;
}
#nav li a strong {
	float: left;
	height: 25px;
	padding: 16px 29px 0 35px;
	cursor: pointer;
}
#nav li a span {
	width: 6px;
	height: 41px;
	float: left;
	overflow: hidden;
	cursor: pointer;
}
#nav li.active a strong,
#nav li.hover a strong {

	background: url(../images/nav-left-bg.png) no-repeat;
}
#nav li.active a span,
#nav li.hover span {
	background: url(../images/nav-right-bg.png) no-repeat;
}

#nav li.hover ul,
#nav li.active ul {
	display: block;
}
#nav li.hover li ul,
#nav li.active li ul{
	display:none;
}
#nav li ul {
	margin: 0;
	padding: 20px 0 0 34px;
	list-style: none;
	position: absolute;
	left: 0;
	top: 32px; 
	
	display: none;
}
#nav li ul li {
	padding-right: 33px;
	padding-bottom: 17px;
	position: relative;
}
#nav li ul li a {
	text-decoration:none;
	font-size: 11px;
	font-weight: normal;
		
}
#nav li ul li a:hover {
	text-decoration: none;
	color:#000000;
}

#nav li ul li.hover ul {
	display: block;
}
#nav li ul ul {
	padding: 10px 0 15px 22px; 
	top: 31px;
	left: -33px;
	width: 158px;
	display: block;
	background: url(../images/submenu-bg.gif);
	border-top: 1px solid #505050; 
}
#nav li ul ul li {
	padding: 5px 0 0;
	float: none; 
}
#nav li ul li a {
	float: none; 
}

/* nav end */


/* TABLE START */

.tabular {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
border-collapse:collapse;}
.tabular tr{cursor:default; background:#f9f9f9}
.tabular td{ border:#999999 1px solid;padding:2px;}
.tabular th {
 border:#999999 1px solid;
 background:url(../images/table-hd.png) repeat-x;padding:8px; }
.odd{background:#F6F6F6;} 
.even{background:#ffffff;} 
.rowhover{background:#FCF5DD;} 
.table_border {
	border:#ffffff 1px solid;
	border-top:none;
	border-bottom:none;	
}
/* TABLE END */
/* CONTROL START  */
.button, .reset_button{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	background:url(../images/button.jpg) repeat-x;
	border:0px;
	height:32px;
	color:#fff;
	padding:1px 5px;	
	cursor:pointer;
	border:#000000 1px solid;
}
.button_hover, .reset_button_hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	background:url(../images/button.jpg) repeat-x left -32px;
	color:#CDC6BA;
	border:0px;
	height:32px;
	padding:1px 5px;
	cursor:pointer;
	border:#000000 1px solid;

}
/* CONTROL END  */
.action {
	background:	url(../images/actionback.gif) repeat-x;
	border:#999999 1px solid;
	border-bottom:none;
	padding:5px 10px;
}
.action a{color:#FF6600;text-decoration:none}
.action a:hover{color:#000000;text-decoration:none}
.admin_main_div{
0
}
.admin_main_div .title {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}
.paging {padding:10px 10px 0; text-align:center}
/*............login css start..............*/
/* CSS Document */

#login_leftpan{ 
width:265px;
/*border:#FF0000 1px solid;*/
float:left;
padding:50px 0 0 30px;
}
.login_header{
	padding:10px 0px;
	margin-left:80px;
	margin-bottom:10px;
	width:270px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	border-bottom:#FFFFFF 1px dashed;
	
}
.login_head_text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#333333;
	padding:10px 0px;
}
/*...........login css end*/
.delete_image
{
	color:#2b7c98;
	padding-top:10px;
}
.delete_image a
{
	color:#2b7c98;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.delete_image a:hover
{
	color:#666666;
	text-decoration:underline;
}


#replaceme{
	border:#FF0000 0px solid;	
}
#veryfying{
	background:url(../images/loading.gif) no-repeat left center;
	padding-left:20px;
}

.requiredt{
	color:#ff0000;
}

/****************** Custom Style Starts ******************/

/****************** Login Style Starts ************/

#login-home .login-header{
	padding:15px 20px;
	border-bottom:2px solid #D3D7DC;
	background:#fff;
	border-radius:10px 10px 0 0;
}
#login-home .login-header h2{
	background:url(../images/login-icon.png) no-repeat center left;	
	padding-left:30px;
	font-size:24px;
	color:#5a5a5a;
	text-transform:uppercase;
	float:left;
}
#login-home .login-header h2 span{
	color:#ee1c25;	
	font-size:24px;
    font-family: 'futura_md_btmedium';	
}
#login-home .login-header img{
	float:right;	
	width:125px;
}
#screen_wrapper{
	background:#E9EDF2;
	padding:20px;
	border-radius:0 0 10px 10px;
}
#login-home{
	margin:5% auto 0 auto;
	border:1px solid #B6B6B6;
	width:480px;	
	box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
	border-radius:10px;
}
#controls li, 
#buttons li{
	margin-bottom:8px;	
}
#controls li.label span, 
.forgot li.label span{
	font-size:15px;
	text-transform:uppercase;
	line-height:24px;
}	
#controls li .textbox{
	background:#f5f9ff;
	min-height:20px;
	padding:6px;
	font-size:14px;
	color:#424242;
	border-radius:5px;
	border:1px solid #ccc;
	width:97%;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#controls li .textbox:focus{
	background:#E5EDF9;	
	border-color:#B8BCD6;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#login-home #buttons .login_button{
	background:url(../images/login-bg.jpg) repeat-x center top;
	font-size:14px;
	color:#2e2e2e;
	font-weight:normal;
	text-transform:uppercase;
	border:1px solid #b0b0b2;
	padding:9px 20px;
	border-radius:5px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#login-home #buttons .login_button_hover{
	background:url(../images/login-bg.jpg) repeat-x center bottom;
	color:#fff;	
	padding:9px 20px;
	font-size:14px;
	border-radius:5px;
	text-transform:uppercase;
	border:1px solid #b50209;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#buttons {

	margin-bottom:10px;
	text-align:right;
}
#controls ul, #buttons ul{
	display:block;
	list-style:none;
	margin:1px auto;
	padding:3px;
}
#buttons ul.forgot{
	text-align:left;	
}
#buttons ul.forgot .textbox{
	width:62%;	
	background:#6A6E74;
	color:#fff;
	min-height:20px;
	padding:5px;
	font-size:14px;
	border-radius:5px;
	border:1px solid #4B4F55;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#buttons ul.forgot .textbox:focus{
	background:#666;	
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;

}
#buttons ul.forgot .forgot_button{	
	background:url(../images/forgot.jpg) repeat-x center top;
	font-size:13px;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	border:1px solid #6D6D6F;
	padding:6px 10px 5px;
	margin-left:20px;
	border-radius:5px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#buttons ul.forgot .forgot_button_hover{
	background:url(../images/forgot.jpg) repeat-x center bottom;
	color:#fff;	
	cursor:pointer;
	padding:6px 10px 5px;
	font-size:13px;
	margin-left:20px;
	border-radius:5px;
	text-transform:uppercase;
	border:1px solid #000;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}
#login-footer{
	background:#C8CCD1;	
	margin-top:-10px;
	padding:10px 20px;
	border-radius:0 0 10px 10px;
	border-top:2px solid #BCC0C5;
}
#login-footer #buttons{
	padding:0;
	margin:0;	
}
.fnone{
	float:none !important;	
}
.fnone.clear{
	clear:both !important;
	margin:0 !important;
	padding:0 !important;
}
li.label{
	float:left;	
	width:20%;
	min-width:120px;
}
li.control{
	width:71%;
	float:left;	
}
#login-footer #buttons .forgot .label{
	float:none;
	width:auto;	
}
#login-footer #buttons .forgot .control{
	float:none;
	width:auto;	
}
#replaceme b{
	font-size:15px;
    font-family: 'GishaRegular';
	color:#900;
	border-radius:3px;
	opacity:0.7;
	font-weight:normal;
	border:1px solid #DEE2E7;
	background:#F4F8FD;
	padding:10px;
	display:block;
	margin:10px 0 0 0;
}

/****************** Login Style Ends ************/

/****************** After Login Style Starts ************/

#main_wrapper #top_div{
	background:#fff;	
}
#right_links{
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000;
	text-align:right;
	line-height:20px;
}
#right_links a{	color:#000;	text-decoration:none;
font-weight:bold;}
#right_links a:hover{	color:#ba1c1b;	text-decoration:none;
font-weight:bold;}
#main_wrapper{
	position:relative;
}

/****************** Menu Style Starts  ****************/

#top-userboard{
	position:relative;
	margin:0px 0 0;
	background:url(../images/table-title.jpg) repeat-x scroll center bottom #FFFFFF;
	border-top:1px solid #ccc;
	left:0%;
	right:0;	
	padding:14px 20px;
}
#top-userboard #timezone{
	float:left;	
}
#top-userboard #timezone b{
	color:#000;	
	font-size:14px;
    font-family: 'GishaRegular';	
}
#top-userboard #timezone span{
	color:#014059;
	font-size:13px;	
}
#top-userboard .welcome-user{
	float:right;
	color:#014059;
	font-size:13px;
}
#top-userboard .welcome-user strong{
    font-family: 'GishaRegular';
	color:#000;
	font-size:14px;
	margin:0 10px;
	text-transform:capitalize;
}
#top-userboard .welcome-user a{
	background:#014059;
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	padding:6px 10px 4px;
	border-radius:4px;
	text-decoration:none;
	
}
#top-userboard .welcome-user a:hover{
	background:#0F85C4;	
	
}
.admin_menu{
	width:15%;
	position:relative;
	z-index:200;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	background:url(../images/simple_dashed.png) repeat;
	float:left;	
}
.admin_main_div{
	float:right;
	position:relative;
	width:85%	
}
#main_wrapper .qmmc a{
	font-weight:normal;
	text-shadow:0 1px 1px #000;
	border-right:none !important;
	font-size:13px;
	text-transform:uppercase;
	padding:5px 20px;
	line-height:30px;
	display:block;
	color:#fff;
	float:left;	
	position:relative;
    font-family: 'GishaRegular';	
	
}
#main_wrapper .qmmc a:hover, 
#main_wrapper .qmmc a.active{
	background:#00324B;
	border-right:none !important;
	color:#fff;	
}
#main_wrapper .qmmc a .hover-arrow{
	display:none;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity:0;
    -moz-opacity: 0;
	position:absolute;
	right:0px;
	height:40px;
	width:20px;
	background:url(../images/dropdown.png) no-repeat center right;
	visibility:visible;
	padding:0;
	margin:0;
	top:auto;
	bottom:-10px;
}
#main_wrapper .qmmc a:hover .hover-arrow, 
#main_wrapper .qmmc a.active .hover-arrow{
	display:none;
	position:absolute;
	right:15px;
	bottom:-10px;
	height:40px;
	width:20px;
	background:url(../images/dropdown.png) no-repeat center right;
	visibility:visible;
	padding:0;
	margin:0;
	top:auto;	
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    -khtml-opacity:1;
    -moz-opacity: 1;
}
#main_wrapper .qmhoverfill{
	background:none !important;
	display:none !important
}
#main_wrapper #qm0{
	background:url(../images/dashboard-top.jpg) repeat-x scroll center bottom #015B7E;	
	border:none;
	padding:0px 0;
}
#qm0 .dropdown{
	width:225px;
	border-radius:0 0 4px 4px;
	padding:15px 0 10px;
	box-shadow:inset 0 2px 5px rgba(0,0,0,0.3);
	background:#00324B url(../images/dropdown.png) 60px top no-repeat;
	margin:0;
	border-top:1px solid #14465F;
}
#qm0 .dropdown span{
	background:none !important;
	border:none !important;	
}
#qm0 .dropdown a{
	float:none;	
	line-height:20px;
	font-size:12px;
	padding:5px 10px;
	border:none;
	color:#8DD3FC;
}
#qm0 .dropdown a:hover, 
#qm0 .dropdown a.active{
	background:#011D2B;	
	box-shadow:0 0px 1px rgba(255,255,255,0.3);
}
#qm0 .dropdown a .hover-arrow, 
#qm0 .dropdown a.active .hover-arrow{
	display:none;	
}

/****************** Menu Style Starts  ****************/

/****************** Content Area Style Starts **************/

.content-area{
	background:#fff;	
	position:relative;
	min-height:600px;
}
.padding-box{
	padding:15px;	
}
.content-area .dashboard-module .title{
    font-family: 'GishaBold';
	background:#eee;	
	font-style:normal;
	font-size:15px;
	font-weight:normal;
	color:#595B5C;
	margin:10px 0;
	text-transform:uppercase;
	border:1px dashed #ccc;
	padding:3px 10px;
}
.content-area .subtitle{
	font-size:17px;
	color:#1D5679;	
    font-family: 'GishaRegular';
	background:url(../images/sub-arrow.png) no-repeat center left;
	padding-left:20px;
}
.dashboard-block{
	background:#e5e9f2;
	position:relative;
	margin:15px;
	border-radius:5px
}
.block-inner{
	padding:15px 15px 25px;	
}
.tags{
	background:#358FBF;
	color:#fff;
	font-size:12px;
	padding:5px;
	margin:5px;
	display:inline-block;
	border-radius:3px;	
}
.make{
    font-family: 'GishaRegular';
	font-size:14px;
	display:block;	
	margin-top:10px;
	line-height:30px;
	background:#EEF3FC;
	border-bottom:1px solid #D1D5DE;
	padding:0px 10px;
	margin-bottom:10px;
}
.main-half{
	float:left;
	width:50%;	
}
.block-title{
	color:#1D587B;
	border-bottom:1px dashed #D3D8E8;
	padding-bottom:5px;
	margin-bottom:15px;
	font-size:17px;
	margin-top:0;
}
.block-title span{
	color:#585858;	
	display:inline-block;
}
.count-job{
	position:absolute;
	border-radius:0 0 5px 0;
	bottom:0;
	right:0;
	background:#F4F8FF;
	padding:5px 10px;		
}
.users-job-list li{
	font-family: 'GishaRegular';
	font-size:13px;
	line-height:25px;	
	display:inline-block;
	padding:5px 10px;
	border-radius:4px;
	margin:0 10px;
	color:#fff;
	background:#666;		
}
.users-count h3{
    font-family: 'GishaRegular';
	color:#B3B8C5;	
	font-size:20px;
	line-height:20px;	
	margin:0 0 10px;
}
.users-count{
	padding:15px 15px 25px;
	background:#d4d9e5;
	border-radius:0 0 5px 5px;
	border-top:2px solid #c6cbd9;
}
.users-count li{
	display:inline-block;
	min-width:30%;
	color:#5E6370;
	line-height:20px;
	font-size:12px;	
}
#main_wrapper #footer{
	width:100%;
	background:url(../images/footer-bg.jpg) repeat-x center bottom #0c4566;
	padding:10px 0;
	float:none;	
	border:none;
}
#main_wrapper #footer p{
	color:#4BB2C5;	
	margin:0px 0 0 0;
	font-size:12px;
	padding:10px;
    font-family: 'GishaRegular';	
}
#main_wrapper #footer p a{
	color:#4BB2C5;	
	font-size:12px;
    font-family: 'GishaRegular';
}
#main_wrapper #footer p a:hover{
	color:#fff;	
}
#main_wrapper .pagetitle{
	font-size:22px;
	margin-top:0;
	border-bottom:1px solid #ddd;
	color:#6C6C6E;	
	padding-bottom:10px;
}
#main_wrapper .pagetitle strong{
	color:#585858;
	font-size:23px;	
}
#main_wrapper .pagetitle span{
    font-family: 'futura_md_btmedium';
	color:#E5302F;
	border-bottom:2px solid #e5302f;
	font-size:22px;		
	padding-bottom:10px;
}
#form_container{
	padding:0;
}
#form_container legend{
    font-family: 'GishaRegular';
	/*margin-bottom:15px;*/
	color:#1D587B;
	font-weight:normal;
	border:none;
}
#form_container fieldset{
	border:none;
}
#form_container fieldset ul li{
	display:block !important;
	padding:0;
	margin:0 0 3px;
	line-height:25px;	
}
#form_container fieldset ul li label{
    font-family: 'GishaRegular';
	position:relative;
	vertical-align:top;
	line-height:28px;
	font-size:14px;
	display:table-cell;
	color:#585858;		
	width:auto;
	float:none;
	text-align:left;
	min-width:180px;
}
#form_container fieldset #load-items{
	min-width:600px;
}
#form_container fieldset #load-delivery-items{
	min-width:900px;
}
#form_container fieldset #load-items label, #form_container fieldset #load-delivery-items label{
	text-align:left;
	min-width:inherit!important;
}
.fieldwrapper{
	padding:5px 0;
}
.remove{
	margin-left:5px;
}
#load-delivery-items .inputbox,#load-delivery-items .selectbox {
	margin-right:10px!important;
}
#load-delivery-items .small-size-qty{
	width:80px!important;
}
#load-delivery-items .small-size-dt{
	width:190px!important;
}
#load-delivery-items .small-label{
	min-width:90px!important;
	padding-right:10px;
	text-align:right;
}
#form_container fieldset ul li .checkbox-main label{
	display:inline-block;	
}
#form_container fieldset ul li label .requiredt{
	position:relative;
	display:inline-flex;
	left:-6px;
	top:-6px;	
	height:0;
	width:0;
}
#form_container fieldset ul li .user-logged{
	display:inline-block;	
	background:#fff;
	border:1px solid #D1D8E5;
    font-family: 'GishaRegular';
	padding:8px 5px 5px;
	font-size:13px;
	color:#828282;
	border-radius:5px;
	min-height:20px;
	min-width:206px;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#form_container fieldset .inputbox, 
#form_container fieldset .selectbox, 
#form_container fieldset .textbox, 
.dashboard-module .report li .inputbox, 
.dashboard-module .report li .selectbox {
	background:#F2F4F9;
	border:1px solid #BDC4D1;
    font-family: 'GishaRegular';
	padding:5px;
	font-size:13px;
	color:#585858;
	border-radius:2px;
	min-height:20px;
	width:250px;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#form_container fieldset .textbox:focus, 
#form_container fieldset .inputbox:focus, 
#form_container fieldset .selectbox:focus{
	background:#E5E7EA;	
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#form_container fieldset .qty,#form_container fieldset .price{
	width:100px;
} 
#form_container fieldset .textbox{
	min-height:20px; /* changed by MD */
}
#form_container fieldset .inputbox.datepicker{
	/*margin-bottom:10px;	*/
	min-width:80px;
	width:113px;
}
.inline-div{
	display:inline-block;
	margin-right:10px;
}
#form_container fieldset .selectbox{
	width:262px;
}
#form_container fieldset .checkbox{
	margin:6px 6px 0 0;	
}
#form_container fieldset .sublabel{
	display:block;	
	margin-bottom:10px;
	line-height:15px;
}
#form_container fieldset li.buttons{
	margin-top:20px;
}
#form_container fieldset .button, 
.dashboard-module .report li .button, #print_header .button{
	background:url(../images/login-bg.jpg) repeat-x center top;
	font-size:12px;
	text-decoration:none;
	height:auto;
	text-transform:uppercase;
	display:inline-block;
	color:#2e2e2e;
	font-weight:normal;
    font-family: 'GishaBold';
	border:1px solid #b0b0b2;
	padding:5px 7px;
	border-radius:2px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}
#form_container fieldset .button:hover, 
#form_container fieldset .button_hover, 
.dashboard-module .report li .button_hover,  #print_header .button_hover{
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	height:auto;
	display:inline-block;
    font-family: 'GishaBold';
	font-weight:normal;
	padding:5px 7px;
	border-radius:2px;
	border:1px solid #B71616;
	background:url(../images/login-bg.jpg) repeat-x center bottom;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}
#form_container fieldset .input-field{
	display:table-cell;
	vertical-align:middle;
}
#form_container fieldset .report .col{
	float:left;
	max-width:48%;	
	min-width:43%;
	padding:0;
	border-right:1px dashed #ccc;
}
#form_container fieldset .report .col.last{
	border:none;
	padding-left:1%;	
}
span.button-bg{
	background:url(../images/button-bg.jpg) repeat-x center top;
	display:inline-block;
	border:1px solid #ccc;
	padding:5px 10px;
	margin:0 0 15px 7px;
	border-radius:2px;
}
span.button-bg:hover{
	background-position:center bottom;
	border-color:#17354E;		
}
.print.filter{
	background:url(../images/print-icon.png) no-repeat top left;
    font-family: 'GishaRegular';
	border:none;
	font-size:14px;
	cursor:pointer;
	color:#222;
	padding:0px 10px 0px 20px;
}
span.button-bg:hover .print.filter{
	background-position:bottom left;
	color:#fff;	
}
.excel.filter{
	background:url(../images/excel-icon.png) no-repeat top left;
    font-family: 'GishaRegular';
	border:none;
	font-size:14px;
	cursor:pointer;
	color:#222;
	padding:0 0px 0 20px;
}
span.button-bg:hover .excel.filter{
	background-position:bottom left;
	color:#fff;	

}
.back.filter{
	background:url(../images/back_to_icon.png) no-repeat top left;
    font-family: 'GishaRegular';
	border:none;
	font-size:14px;
	cursor:pointer;
	color:#222;
	padding:0 0px 0 25px;
	text-decoration:none;
}
span.button-bg:hover .back.filter{
	background-position:bottom left;
	color:#fff;	
}
#form_container fieldset ul li.treatment{
	padding-left:0.6%;	
}
.margin-top-10{
	margin-top:10px !important;	
}

/****************** Content Area Style Ends ****************/

/****************** After Login Style Ends ************/

/****************** Custom Style Ends ******************/

/****************** Pagination Style Starts ***************/

.content-area .paging a, 
.content-area .pagination a{
	padding:5px 8px;
	background:url(../images/button-bg.jpg) repeat-x center top;
	border:1px solid #ccc;	
	font-size:11px;
	border-radius:2px;
}
.content-area .paging a:hover, 
.content-area .pagination a:hover{
	color:#fff;
	background:url(../images/button.jpg) repeat-x center top;	
}
.content-area .paging span.disabled11, 
.content-area .pagination span.disabled11{
	background:url(../images/login-bg.jpg) repeat-x center top;
	border-radius:2px;
	padding:5px 8px;
	color:#000;
	font-size:11px;
	opacity:0.5;
	border:1px solid #898989;	
}
.content-area .paging span.current11, 
.content-area .pagination span.current11{
	padding:5px 8px;
	background:url(../images/button-bg.jpg) repeat-x center bottom;
	border:1px solid #17344C;	
	font-size:11px;
	border-radius:2px;
}	

/****************** Pagination Style Ends ***************/

/****************** Table Style Starts *************/


/****************** Job Card Page Listing Style Starts /overrides other pages common css*************/
.top-search{
	width:auto;
	text-align:center;	
}
.top-search #search_txt, .top-search #search_vehicle, .top-search #search_invoice, .top-search #search_center, .top-search #date_from, .top-search #date_to,
.top-search #Party_Name, .top-search #Area_Name, .top-search #Item_Name, .top-search #Year_Name, .top-search #Invoice_Number,  .top-search #Client_Name, .top-search #Cheque_Number, .top-search #From_Date, .top-search #To_Date,
.top-search #Item_Name1, .top-search #Item_Name2, .top-search #Item_Name3, .top-search #Item_Name4, .top-search #Item_Name5, .top-search #Item_Name6, .top-search #Item_Name7, .top-search #Item_Name8, .top-search #Item_Name9, .top-search #Item_Name10,
.top-search #Item_Detail1, .top-search #Item_Detail2, .top-search #Item_Detail3, .top-search #Item_Detail4, .top-search #Item_Detail5, .top-search #Item_Detail6, .top-search #Item_Detail7, .top-search #Item_Detail8, .top-search #Item_Detail9, .top-search #Item_Detail10 
{
	background:#fff;
	border-radius:4px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset;
	display:inline-block;
	width:150px;
	padding:5px !important;
	font-size:12px;
	color:#585858;
	vertical-align:middle;
	overflow:hidden;
	border:1px solid #CCD1DD !important;
}
.top-search #search_center{
	padding:2px!important;
	width:180px!important;
}
.top-search input[type=submit]{
	background:url(../images/search-icon.png) no-repeat center center;
	border:none;
	text-indent:-9999px;
	height:30px;
	width:30px;
	cursor:pointer;	
}
/****************** Job Card Page Listing Style Ends *************/

form.table-view{
	
}
form.table-view .action{
	background:#E8EDF3;	
	border:none;
	padding:5px 10px 4px;
}
form.table-view .action .left-action{
	float:left;
	width:40%;
	font-size:13px;
	color:#585858;
}
form.table-view .action .left-action a.selectall, 
.report .input-field .selectall,
.center .input-field .selectall{
	font-size:12px;	
	color:#585858;
	text-decoration:none;
	background:url(../images/select_all_icon.png) no-repeat 5px center #fff;
	padding:7px 10px 7px 25px;
	border-radius:4px;
	margin-right:7px;
	border:1px solid #D2D7E3;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	display:inline-block;
}
form.table-view .action .left-action a.selectall:hover, 
form.table-view .action .left-action a.deselectall:hover, 
.report .input-field .deselectall:hover, 
.report .input-field .selectall:hover,
.center .input-field .deselectall:hover, 
.center .input-field .selectall:hover{
	background-color:#DBE0EF;	
	text-decoration:none;
	border-color:#A7ACB8;
	color:#1D587A;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.18) inset;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
form.table-view .action .left-action a.deselectall, 
.report .input-field .deselectall,
.center .input-field .deselectall{
	font-size:12px;	
	text-decoration:none;
	color:#585858;
	background:url(../images/deselect_all_icon.png) no-repeat 5px center #fff;
	padding:7px 10px 7px 25px;
	margin-right:7px;
	border-radius:4px;
	border:1px solid #D2D7E3;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	display:inline-block;
}
form.table-view .action .right-action{
	float:right;
	width:40%;
	text-align:right;	
}
form.table-view .action .select-arrow{
	background:#fff url(../images/select-box-arrow.png) no-repeat 95% 50%;
	border-radius:4px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset;
	display:inline-block;
	width:180px;
	vertical-align:middle;
	overflow:hidden;
	border:1px solid #d2d7e3;
}
form.table-view .action .select-option{
	background:none;
	border-radius:4px;
	padding:6px 10px 0px;
	border:none;
	font-size:12px;
	width:115%	
}
form.table-view .action .button, .reset_button{
	background:url(../images/login-bg.jpg) repeat-x center top;	
	color:#585858;
	margin-top:3px;
	padding:4px 10px 5px;
	height:auto;
	border:1px solid #ccc;
	border-radius:4px;
	margin-left:3px;
	vertical-align:middle;
}
form.table-view .action .button:hover, 
form.table-view .action .button_hover, .reset_button_hover{
	background:url(../images/login-bg.jpg) repeat-x center bottom;	
	margin-top:3px;
	color:#fff;
	padding:4px 10px 5px;
	height:auto;
	border:1px solid #A51212;
	border-radius:4px;
	margin-left:3px;
	vertical-align:middle;
}
form.table-view .action .top-search{
	width:30%;
	text-align:center;
	float:left;	
}
/*form.table-view .table_border{
	border:none;
	padding:5px;
	background:#DFE4EA;
	border-top:2px solid #D5DAE0
}
*/form.table-view .table_border .tabular{
	border:none;	
}
form.table-view .table_border .tabular th{
	background:#DBE0E6;
	color:#585858;
	text-align:center;
	padding:5px 3px;
	font-size:12px;	
	border:1px solid #C6CBD1;
	border-bottom:1px solid #C6CBD1;
    font-family: 'GishaBold';
}
form.table-view .table_border .tabular th input[type=checkbox]{
	margin-left:7px;
	vertical-align:middle;
}
form.table-view .table_border .tabular td{
	border:1px solid #ddd;
	text-align:center;
	color:#222222;	
	font-size:12px;
}
form.table-view .table_border .tabular td a.link{
	color:#222222;	
	font-size:12px;
	text-decoration:none;
	display:block;
}
form.table-view .table_border .tabular td img{
	opacity:0.7;	
	margin:0 4px;
}
form.table-view .table_border .tabular td img:hover{
	opacity:1;	
}
form.table-view .table_border .tabular .odd{
	background:#F2F4F9;
}
form.table-view .table_border .tabular tr:hover{
	background:#E8F6FE;	
}
.align-center{
	text-align:center;	
}
form.table-view .action #search_txt{
	background:#fff;
	border-radius:4px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset;
	display:inline-block;
	width:180px;
	padding:8px 5px !important;
	font-size:12px;
	color:#585858;
	vertical-align:middle;
	overflow:hidden;
	border:1px solid #CCD1DD !important;
}
form.table-view .action .top-search input[type=submit]{
	background:url(../images/search-icon.png) no-repeat center center;
	border:none;
	text-indent:-9999px;
	height:30px;
	width:30px;
	cursor:pointer;	
}
.checkbox-main .checkbox-div input[type=checkbox], 
.checkbox-main .checkbox-div input[type=radio]{
	margin:7px 5px 0 0px;	
}
.back.button, 
.back.button_hover, 
.add.button,  
.add.button_hover{
	position:absolute;
	top:10px;
	right:15px;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.back.button{
	background:url(../images/back.png) no-repeat 13% center #014059;
	border:none;
	color:#fff;
	border-radius:4px;
	padding:0 15px 0 30px;	
    font-family: 'GishaRegular';
	font-weight:normal;
	font-size:13px;
}
.back.button_hover{
	background:url(../images/back.png) no-repeat 13% center #2075A3;
	border:none;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.5);
	padding:0 15px 0 30px;	
	text-shadow:0px 1px 1px #000;
    font-family: 'GishaRegular';
	color:#fff;
	font-weight:normal;
	font-size:13px;
	border-radius:4px;
}
.add.button{
	background:url(../images/add.png) no-repeat 10% center #014059;
	border:none;
	color:#fff;
	border-radius:4px;
	padding:0 15px 0 30px;	
    font-family: 'GishaRegular';
	font-weight:normal;
	font-size:13px;
}
.add.button_hover{
	background:url(../images/add.png) no-repeat 10% center #2075A3;
	border:none;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.5);
	padding:0 15px 0 30px;	
	text-shadow:0px 1px 1px #000;
    font-family: 'GishaRegular';
	color:#fff;
	font-weight:normal;
	font-size:13px;
	border-radius:4px;
}
.jqplot-title{
    font-family: 'GishaRegular';
	font-size:25px;
	color:#1D5679;
}	

/****************** Table Style Ends *************/

.small-screen-menu li{
	list-style:none;	
}
.small-screen-menu li .dropdown li a{
	display:block;
	text-indent:inherit !important;
	width:auto;
	height:auto;
	background:none;
	border-radius:0;	
}
.small-screen-menu li.main-tab{
	background:url(../images/forgot.jpg) repeat-x;	
	border-radius:5px;
	width:32px;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	border:1px solid #888;
}
.small-screen-menu li.main-tab:focus{
	background-position:center bottom;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;	
}
.small-screen-menu li.main-tab a{
	color:#fff;
	display:inline-block;
	width:32px;
	height:32px;
	border-radius:4px;
	text-indent:-9999px;
	background:url(../images/mobile-mene.png) no-repeat center center;
	font-size:15px;	
}
.small-screen-menu .main-tab:hover .dropdown{
	
	z-index:1000;
	
	position:absolute;	
}
.small-screen-menu{
	display:none;	
}
.small-screen-menu .dropdown{
	background:url(../images/simple_dashed.png) repeat;
	width:200px;
	display:none;
	padding:15px 0;
	box-shadow:0 2px 2px rgba(0,0,0,0.5);
	border-radius:5px;
}
.small-screen-menu .dropdown li a{
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding:8px 10px;
	border-bottom:1px solid #000;
	box-shadow:0 1px 1px #686868;	
}
.small-screen-menu .dropdown li a:hover{
	background:#000;	
}
.dashboard-module .report li{
	float:left;	
	list-style:none;
}
.dashboard-module .report li label{
    font-family: 'GishaRegular';
	font-size:14px;
	margin:0 10px 10px 0;
}
.dashboard-module .report li input.datepicker{
	width:100px;	
}
.done-button a{
	background:#0F85C4;	
	display:inline-block;
	color:#fff;
	border:1px solid #1C5778;
	border-radius:3px;
	padding:2px 5px;
	text-decoration:none;
	vertical-align:top;
}
.done-button a:hover{
	background:#034B6A;	
}
.done-button a img{
	width:auto	
}
.done-button  input[type=checkbox]{
	display:inline-block;
	vertical-align:middle;	
}
.checkbox-main .three-col{
	width:30%;
	float:left;	
}
.detail-report td{
	padding:0;	
}
.table-view .detail-report{
	background:none !important;
	border:none !important;
	padding:0 !important;	
}
.detail-report .extra_header{
	font-size:14px;
	font-weight:bold;
	padding:10px 0;
}
.table-view .detail-report td{
	/*border:none !important;*/
	padding:5px;	
}
.table-view .detail-report td table{
	border:none !important;	
}
.table-view .detail-report tr.separator{
	border-bottom:1px dashed #D7DEE9;	
}
.table-view .detail-report .make-detail, 
.detail-report .tabular .table-view .detail-report .make-detail{
    font-family: 'GishaRegular';
	font-size:18px !important;		
	background:#696969;
	color:#fff !important;
	text-align:center;
}
.table-view .detail-report .modal-detail{
	text-align:center;
	color:#3A3A3A;
	font-size:14px;
}

/******************** Filter Form Style Starts ************************/

#form_container.filter-frm ul.report li{
	display:inline-block !important;
}
#form_container.filter-frm ul.report li label{
	min-width:inherit !important;
	display:inline-block;	
}
#form_container.filter-frm ul.report li .input-field{
	margin:0 15px 0 10px;	
	position:relative;
	display:inline-block;
}
#form_container.filter-frm ul.report li .button, 
#form_container.filter-frm ul.report li .button:hover, 
#form_container.filter-frm ul.report li .button_hover{
	margin:0 0px 0 10px;	
	vertical-align:middle;
	display:inline-block;
}
#form_container.filter-frm ul.report li .inline-div .sublabel{
	position:absolute;
	top:-15px;	
}
#form_container.filter-frm ul.report li .input-field .inputbox.datepicker{
	min-width:80px;
	width:80px;	
}
#form_container.filter-frm ul.report li .input-field .selectbox{
	width:175px;	
}
tr.tab-heading:hover, tr.tab-heading{
	background:#fff !important;	
	
}
tr.tab-heading td label{
	font-size:15px;
    font-family: 'GishaRegular';
	color:#C00B0A;			
}
tr.tab-heading td{
	color:#1D587B;
	text-align:left !important;
	font-size:15px !important;
	padding:10px 5px !important;
}
.left-align{
	text-align:left !important;	
}

.right-align{
	text-align:right!important;	
}

.tabular td .secondtable tr{
	background:#fff;	
}
.tabular td .secondtable tr:hover{
	background:#eee !important;	
}
.tabular td .secondtable th{
	background:#EDF2F8 !important;	
}
.detail-report .tabular tr:hover{
	background:#F9F9F9 !important;
	/*background:none!important;*/
}
.detail-report .tabular tr.total{
	border-top:solid 1px #DDDDDD;
	font-weight:bold;
	background:#E6E6E6;
}
.detail-report .tabular tr.total:hover{
	background:#E6E6E6!important;
}
.detail-report .tabular tr.grand-total{
	border-top:solid 1px #DDDDDD;
	font-weight:bold;
	background:#E6E6E6;
}
.detail-report .tabular tr.grand-total:hover{
	background:#E6E6E6!important;
}
.tabular .treat-detail table td{
	border:none !important;
}
.tabular .right-details table td, 
.detail-report .tabular .right-details{
	border-color:#e2e2e2 !important;
	text-align:left !important;
	color:#111;
}
.content-area #form_container .extra-field label{
	display:block !important;
	font-size:12px;
	padding:10px 0;
	color:#585858;
    font-family:Arial, Helvetica, sans-serif;
	font-style:italic;	
}

/******************** Filter Form Style Starts ************************/

/******************** Media Query Style Starts **************************/
  
@media only screen and (min-width:960px) and (max-width: 1199px) {
.admin_menu{
	width:25%;	
}
.admin_main_div{
	width:75%;	
}
#top-userboard .welcome-user, 
#top-userboard #timezone span, 
#top-userboard #timezone b{
	font-size:11px;
}
#main_wrapper .qmmc a{
	font-size:12px;
	padding:5px 10px;	
}
.block-title{
	line-height:20px;
	font-size:15px;	
}
#form_container fieldset .report .col{
	width:auto;
	padding:0;
	border:none;	
}
#form_container fieldset .checkbox-main .checkbox-div{
	width:50%;
}
}
@media only screen and (min-width: 800px) and (max-width: 959px) {
.admin_menu{
	width:25%;	
}
.admin_main_div{
	width:75%;	
}
#top-userboard .welcome-user, 
#top-userboard #timezone span, 
#top-userboard #timezone b{
	font-size:11px;
}
.block-title{
	line-height:20px;
	font-size:15px;	
}
#form_container fieldset .report .col{
	width:auto;
	padding:0;
	border:none;	
}
#form_container fieldset .checkbox-main .checkbox-div{
	width:50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
body{
	min-width:inherit !important;	
}
#main_wrapper #qm0{
	display:block;	
	margin: 0 0 10px;
}
.admin_menu{
	width:100%;
	float:none;	
}
#main_wrapper .qmmc a{
	padding:5px 12px;
	font-size:12px;
}
.admin_main_div{
	width:100%;
	float:none;	
}
.main-half{
	width:100%;
	float:none;	
}
.padding-box{
	padding:15px;	
}
.jqplot-image-button{
	display:none;	
}
#centerchart, 
#makechart{
	width:auto !important;
	height:400px !important;
	margin:0 !important;
	padding:0 !important;
	float:none !important;
}
.jqplot-axis{
	font-size:10px !important;	
}
#top-userboard{
	margin:10px 0 0;
	background-color:#1D587B;	
}
#top-userboard #timezone b{
	font-size:12px;	
}
#top-userboard #timezone span{
	font-size:12px;	
}
.users-job-list li{
	font-size:12px;
	margin:5px;
	line-height:20px;	
}
#main_wrapper .pagetitle span, 
#main_wrapper .pagetitle {
	font-size:15px;	
}
#main_wrapper .pagetitle{
	padding-bottom:5px;	
}
.back.button_hover, 
.back.button,
.add.button_hover, 
.add.button{
	height:auto;
	line-height:25px;	
}
#form_container fieldset .button{
	font-size:11px;	
}
#form_container fieldset .checkbox-main .checkbox-div{
	width:33%;
}
form.table-view .action .left-action, 
form.table-view .action .right-action{
	width:50%;
}
form.table-view .table_border .tabular td img{
	margin:0 1px;	
}
#form_container fieldset .report .col{
	width:42%;
}
.admin_main_div #form_container ul{
	padding:0 ;	
}
.content-area .subtitle{
	font-size:15px;	
}
#form_container fieldset .button:hover, #form_container fieldset .button_hover{
	font-size:11px;	
}
form.table-view .table_border .tabular td{
	font-size:11px;
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
body{
	min-width:inherit !important;	
}
.small-screen-menu{
	display:block;	
	position:absolute;
	top:100px; /* changed from 37% */
	left:5%;
}
#main_wrapper #qm0{
	display:none;	
}
.admin_menu{
	width:100%;
	float:none;	
}
.admin_main_div{
	width:100%;
	float:none;	
}
.main-half{
	width:100%;
	float:none;	
}
.padding-box{
	padding:15px;	
}
.jqplot-image-button{
	display:none;	
}
#centerchart, 
#makechart{
	width:auto !important;
	height:350px !important;
	margin:0 !important;
	padding:0 !important;
	float:none !important;
}
.jqplot-axis{
	font-size:10px !important;	
}
#top-userboard{
	margin:20px 0;
	background-color:#1D587B;	
}
#top-userboard #timezone b{
	font-size:12px;	
}
#top-userboard #timezone span{
	font-size:12px;	
}
#top-userboard #timezone{
	text-align:center;
	float:none;
	margin:0 0 5px;	
}
#top-userboard .welcome-user{
	text-align:center;
	float:none;	
}
#top-userboard .welcome-user a{
	margin:5px auto 0;
	width:70px;
	display:block;
	text-align:center;
}
.users-job-list li{
	font-size:12px;
	margin:5px;
	line-height:20px;	
}
#main_wrapper .pagetitle span, 
#main_wrapper .pagetitle {
	font-size:15px;	
}
#main_wrapper .pagetitle{
	padding-bottom:5px;	
}
.back.button_hover, 
.back.button,
.add.button_hover, 
.add.button{
	height:auto;
	line-height:25px;	
}
#form_container fieldset .button{
	font-size:11px;	
}
#form_container fieldset .checkbox-main .checkbox-div{
	width:auto;
	float:none;	
}
form.table-view .action .left-action, 
form.table-view .action .right-action{
	text-align:center;
	margin:5px 0;
	width:auto;
	float:none;
}
form.table-view .table_border .tabular td img{
	margin:0 1px;	
}
#form_container fieldset .report .col{
	width:auto;
	padding:0;
	border:none;	
}
.admin_main_div #form_container ul{
	padding:0 ;	
}
.content-area .subtitle{
	font-size:15px;	
}
#form_container fieldset .button:hover, #form_container fieldset .button_hover{
	font-size:11px;	
}
form.table-view .table_border .tabular td{
	font-size:11px;
}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
body{
	min-width:inherit !important;	
}
.small-screen-menu{
	display:block;	
	position:absolute;
	top:100px;
	z-index:1000;
	left:5%;
}
#main_wrapper #qm0{
	display:none;	
}
.admin_menu{
	width:100%;
	float:none;	
}
.admin_main_div{
	width:100%;
	float:none;	
}
.main-half{
	width:100%;
	float:none;	
}
.padding-box{
	padding:15px;	
}
.jqplot-image-button{
	display:none;	
}
#centerchart, 
#makechart{
	width:auto !important;
	height:270px !important;
	margin:0 !important;
	padding:0 !important;
	float:none !important;
}
.jqplot-axis{
	font-size:10px !important;	
}
#top-userboard{
	margin:20px 0;

}
#top-userboard #timezone b{
	font-size:12px;	
}
#top-userboard #timezone span{
	font-size:12px;	
}
#top-userboard #timezone{
	text-align:center;
	float:none;
	margin:0 0 5px;	
}
#top-userboard .welcome-user{
	text-align:center;
	float:none;	
}
#top-userboard .welcome-user a{
	margin:5px auto 0;
	width:70px;
	display:block;
	text-align:center;
}
.users-job-list li{
	font-size:12px;
	margin:5px;
	line-height:20px;	
}
#main_wrapper .pagetitle span, 
#main_wrapper .pagetitle {
	font-size:15px;	
}
#main_wrapper .pagetitle{
	padding-bottom:5px;	
}
.back.button_hover, 
.back.button,
.add.button_hover, 
.add.button{
	height:auto;
	line-height:25px;	
}
#form_container fieldset .button{
	font-size:11px;	
}
#form_container fieldset .checkbox-main .checkbox-div{
	width:auto;
	float:none;	
}
form.table-view .action .left-action, 
form.table-view .action .right-action{
	text-align:center;
	margin:5px 0;
	width:auto;
	float:none;
}
form.table-view .table_border .tabular td img{
	margin:0 1px;	
}
#form_container fieldset .report .col{
	width:auto;
	padding:0;
	border:none;	
}
.admin_main_div #form_container ul{
	padding:0 ;	
}
.content-area .subtitle{
	font-size:15px;	
}
#form_container fieldset .button:hover, #form_container fieldset .button_hover{
	font-size:11px;	
}
#form_container fieldset ul li label{
	display:block;	
}
form.table-view .table_border .tabular td{
	font-size:11px;
}
}
@media only screen and (max-width: 479px) {
body{
	min-width:inherit !important;
	width:307px;	
}
.small-screen-menu{
	display:block;	
	position:absolute;
	top:100px;
	z-index:1000;
	left:5%;
}
#main_wrapper #qm0{
	display:none;	
}
.admin_menu{
	width:100%;
	float:none;	
}
.admin_main_div{
	width:100%;
	float:none;	
}
.main-half{
	width:100%;
	float:none;	
}
.padding-box{
	padding:15px;	
}
.jqplot-image-button{
	display:none;	
}
#centerchart, 
#makechart{
	width:auto !important;
	height:270px !important;
	margin:0 !important;
	padding:0 !important;
	float:none !important;
}
.jqplot-axis{
	font-size:10px !important;	
}
#top-userboard{
	margin:20px 0;
}
#top-userboard #timezone b{
	font-size:12px;	
}
#top-userboard #timezone span{
	font-size:12px;	
}
#top-userboard #timezone{
	text-align:center;
	margin:0 0 5px;	
}
#top-userboard .welcome-user{
	text-align:center;
	float:none;	
}
#top-userboard .welcome-user a{
	margin:5px auto 0;
	width:70px;
	display:block;
	text-align:center;
}
.users-job-list li{
	font-size:12px;
	margin:5px;
	line-height:20px;	
}
#main_wrapper .pagetitle span, 
#main_wrapper .pagetitle {
	font-size:15px;	
}
#main_wrapper .pagetitle{
	padding-bottom:5px;	
}
.back.button_hover, 
.back.button,
.add.button_hover, 
.add.button{
	height:auto;
	line-height:25px;	
}
#form_container fieldset .button{
	font-size:11px;	
}
#form_container fieldset .checkbox-main .checkbox-div{
	width:auto;
	float:none;	
}
form.table-view .action .left-action, 
form.table-view .action .right-action{
	width:auto;
	float:none;
}
form.table-view .table_border .tabular td img{
	margin:0 1px;	
}
#form_container fieldset .report .col{
	width:auto;
	padding:0;
	border:none;	
}
.admin_main_div #form_container ul{
	padding:0 ;	
}
.content-area .subtitle{
	font-size:15px;	
}
#form_container fieldset .button:hover, #form_container fieldset .button_hover{
	font-size:11px;	
}
#form_container fieldset ul li label{
	display:block;	
}
form.table-view .table_border .tabular td{
	font-size:11px;
}
}
  
/******************** Media Query Style Ends **************************/