/*
Author:           Łukasz Girek
Author URI:       http://www.rzepak.pure.pl/
Project:
Description
*/
/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, p, blockquote, pre,	a, abbr, acronym, address, big, cite, code,	del, dfn, em, font, img, ins, kbd, q, s, samp,	small, strike, strong, sub, sup, tt, var,	b, u, i, center,	dl, dt, dd, ol, ul, li,	fieldset, form, label, legend,	table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;background: transparent;}
	body {line-height: 1;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: '';content: none;}
	:focus {outline: 0;}
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	table {border-collapse: collapse;border-spacing: 0;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: block;}  /* for IE/Mac */

/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
body{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: url(../img/bg.jpg) repeat-x #4780ae;
}


a{	color:#162635;text-decoration:none;	}
a:hover{text-decoration:underline;	}
a:active{	}
a:visited{	}
.left{
	float: left;
}
.right{ float:right; }
.clear{	clear:both; }
img.left{	margin:0 1em 1em 0; }
img.right{	margin:0 0 1em 1em; }
.padding{	padding:10px; }

/* ------------------------------------------------------------------------------------
ELEMENTS			 */
h1{color:#2d2d2d;padding:0px;margin:0px;margin-top:10px;padding:10px;}
h2{color:#2d2d2d;font-family: Arial, Helvetica, sans-serif;font-size:20px;padding:10px;margin:0px;}
h3{color:#2d2d2d;padding:0px;margin:0px;padding:5px;}
h4{color:#2d2d2d;padding:0px;margin:0px;padding:5px;}
h5{color:#2d2d2d;padding:0px;margin:0px;padding:5px;}
h6{color:#2d2d2d;font-family: Arial, Helvetica, sans-serif;font-size:14px;padding:5px;margin:0px; background-color:#193356;}
p{padding:10px;background:#fff;}
/*input{padding:3px;border-left:1px solid #a8a8a8;border-top:1px solid #a8a8a8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;-moz-border-radius:3px;margin:3px;} */
ul{list-style:circle;margin:10px;margin-left:20px;}
ol{list-style:decimal;margin:10px;margin-left:20px;}
p.info{border:1px solid #6aa6d6;background:#c9e3f8;}
fieldset{
    border:1px solid #ddd;
    padding:10px;
    background:#fff;
    margin:10px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
legend{padding:0 5px;}
label{
	display: block;
}



hr { border: 1px #ddd solid; width: 80%;}

button {text-transform:uppercase;font-size:10px;padding:3px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;-moz-border-radius:3px;margin:3px;margin-top:5px;}
/* ------------------------------------------------------------------------------------
Login					 */
#login{padding-left:10px;text-align:left;}
#login_container{	overflow:hidden;   width:360px; margin:0 auto;}
#login label span{display:block;width:100px;float:left}
div#login {background: url(../img/loginbackground.png) no-repeat; width:500px; height:300px; padding-left:30px; padding-top:80px;}
a#passwordrecoverylink{font-size:10px;text-decoration:underline;display:block;text-align:right;color:#999;}
a:hover#passwordrecoverylink{color:#000;}
.loginbutton{margin-left:160px;}
#login input#remember{margin:10px 5px 0px 10px;}
/* ------------------------------------------------------------------------------------
 MENUS			 */
#navigation, #navigation ul {		padding:0;	margin:0; list-style:none; line-height:1; float:left;	}
#navigation a {	display:block; padding:6px 10px; text-decoration:none;	}
#navigation a:hover{ text-decoration:underline; padding:6px 10px;}
#navigation li { 			float:left; width:auto;	}
#navigation li{			padding:0; margin:0; }
#navigation li ul li{			padding:1px 0px;}
#navigation li ul li a{		padding:6px 10px; width:110px; }
#navigation li ul { 			position:absolute; padding-top:1px; width:130px; left:-999em; }
#navigation li ul ul {			margin: -1.5em 0 0 130px;	}
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {	left: -999em;}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul,
#navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto;	}

#top_menu ul {margin:0px;padding:0px;list-style:none;font-size:12px;z-index:999;}
#top_menu ul li{float:left;display:block;}
#top_menu ul li a{text-decoration:none;color:#fff;display:block;padding:12px 15px 10px 15px;}
#top_menu ul li a:hover{background:url(../img/menutop_hover.jpg) bottom center no-repeat}
/* ------------------------------------------------------------------------------------
STRUCTURE					 */
#container{	overflow:hidden;   width:960px; margin:0 auto;}
#header{}
#footer{clear:both; }
#content_main{background:#f1f1f1;width:940px;padding:10px;-moz-border-radius:3px;}
#top_menu{background:url(../img/menutop.jpg) no-repeat top center;width:960px;margin-top:30px;height:35px;}
#profile_info{background:url(../img/loginbox.jpg) no-repeat top center;width:231px;height:59px;padding:4px;float:right;margin-top:35px;font-size:12px;color:#fff;line-height:10px;}
#profile_info p{background:none;}
#avatar{float:left;margin:0px 10px;}
#postedit{background:#f1f1f1;width:940px;padding:10px;-moz-border-radius:3px;}
#dashboard{width:640px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#dashboard_mnj{width:640px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#sidebar{width:250px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;-moz-border-radius:3px;}
#footer{background:#f1f1f1;width:940px;padding:10px;-moz-border-radius:3px;margin-top:10px;}
#footer p{
	background: none;
	padding: 0px;
	margin: 0px;
	text-align: right;
}
.admin_fields
{
	height:260px;
}
.panel{min-height:285px;}
.panel,#shortcuts,#chart,.quickview{
	background: #fff;
	padding: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	-moz-border-radius: 3px;
}

.section{
	background: #fff;
	padding: 5px;
	-moz-border-radius: 3px;
}

.quickviewtop2
{
	background: #fff;
	padding: 10px;
	-moz-border-radius: 3px;
	height:200px;
}

.quickviewtop
{
    background: none repeat scroll 0 0 #FFFFFF;
    /*
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    */
    height: 200px;
    padding: 10px;
    width:190px;

}

.quickviewtop_mnj
{
    background: none repeat scroll 0 0 #FFFFFF;
    /*
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    */
    height: 100px;
    padding: 10px;
    width:190px;

}
.quickviewtop_rpt1
{
    background: none repeat scroll 0 0 #FFFFFF;
    /*
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    */
    height: 200px;
    padding: 10px;
    width:210px;

}
.quickviewtop_rpt2
{
    background: none repeat scroll 0 0 #FFFFFF;
    /*
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    */
    height: 200px;
    padding: 10px;
    width:170px;

}

.quickviewtop_admin
{
    background: none repeat scroll 0 0 #FFFFFF;
    /*
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    */
    height: 100px;
    padding: 10px;
    width:190px;

}

.quickviewadmin
{
    background: none repeat scroll 0 0 #FFFFFF;
    /*
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    */
    height: 200px;
    padding: 10px;

}

.dashboardtop
{
    background: none repeat scroll 0 0 #FFFFFF;
    /*
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    */
    height: auto;
    padding: 10px;
    width:190px;

}


.quickviewcontracts{
	background: #fff;
	padding: 10px;
	-moz-border-radius: 3px;
	height: 300px;
	width: 30%;
}

.enquirycolumn{
	background: #fff;
	padding: 10px;
	-moz-border-radius: 3px;
	height: auto;
	width: 30%;
	padding-bottom: 0px;
}

.contractsoverview{
	background: #fff;
	padding: 10px;
	-moz-border-radius: 3px;
	height: auto;
	width: 190px;
}

.contractsjob{
	background: #fff;
	padding: 10px;
	padding-bottom:0px;
	-moz-border-radius: 3px;
	height: auto;
	width: 30%;
}

.contractsjob_r{
	background: #fff;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:0px;
	padding-left:52px;
	padding-bottom:0px;
	-moz-border-radius: 3px;
	height: auto;
	width: 30%;
}

     .notification-box-warning {
	background-color: #fae7a2;
	border: 1px solid;
	border-color: #f5c558;
	width:150px;
	text-align:center;
}

     .notification-box-bad {
	background-color: #ffd5af;
	border: 1px solid;
	border-color: #f8b472;
	width:150px;
	text-align:center;
}

     .notification-box-good {
	background-color: #d2f7ad;
	border: 1px solid;
	border-color: #aedb2e;
	width:150px;
	text-align:center;

}

.notification-box {
	position: relative;
	margin-bottom: 20px;
	border-radius: 3px;
	padding: 10px 10px 10px 15px;
	background-repeat: no-repeat;
	background-position: 10px 11px;

	color:#444;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
}

h8 {
	font-size:30px;
	font-weight:bolder;
	letter-spacing: -0.05em;
	line-height:1em;

	margin-top:5px;
	text-align:center;
}

.contractsstd{
	background-color: #cfe6fc;
	padding: 10px;
	-moz-border-radius: 3px;
	height: auto;
	width: 200px;
	float:right;
	margin-right:35px;
	border: 1px solid;
	border-color: #a4c8f5;
	margin-top:25px;
}

.contractsstd_g{
	background-color:  #d2f7ad;
	padding: 10px;
	-moz-border-radius: 3px;
	height: auto;
	width: 200px;
	float:right;
	margin-right:35px;
	border: 1px solid;
	border-color: #aedb2e;
	margin-top:25px;
}

.contractsstd_r{
	background-color: #e7928d;
	padding: 10px;
	-moz-border-radius: 3px;
	height: auto;
	width: 200px;
	float:right;
	margin-right:35px;
	border: 1px solid;
	border-color: #e3291e;
	margin-top:25px;
}

.contractsstd_or{
	background-color: #fdf0c8;
	padding: 10px;
	-moz-border-radius: 3px;
	height: auto;
	width: 200px;
	float:right;
	margin-right:35px;
	border: 1px solid;
	border-color: #a4c8f5;
	margin-top:25px;
}

.contractswon{
	background-color: #d2f7ad;
	padding: 10px;
	-moz-border-radius: 3px;
	height: auto;
	width: 200px;
	float:right;
	margin-right:35px;
	border: 1px solid;
	border-color: #aedb2e;
	margin-top:25px;
}

.contractslost{
	background-color: #e7928d;
	padding: 10px;
	-moz-border-radius: 3px;
	height: auto;
	width: 200px;
	float:right;
	margin-right:35px;
	border: 1px solid;
	border-color: #e3291e;
	margin-top:25px;
}



.quickviewtop50{
	background: #fff;
	padding: 10px;
	padding-right: 0px;
	-moz-border-radius: 3px;
	height: 220px;
	width: 280px;
}

#export {}
.quickviewsearchfield{background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;-moz-border-radius:3px; height:150px;}
#postedit,#panels{margin-top:10px;}
.section{
	margin-top: 10px;
}
.panel {width:290px;margin:5px;}
.panelcreate {width:200px;margin:5px;}
.panelcreatewide {width:260px;margin:5px;}
.panelcreatesupplier {width:450px;margin:5px;}
.panelcreatedate {width:200px;margin:5px;}
.panelcreatesmall {
	width: 160px;
	margin: 5px;
}
.panelcreatelong {
	width: 490px;
	margin: 5px;
}
.calendar {width:210px;margin-right:0px;}
.photo {width:375px;margin-left:0px;margin-right:10px;}
.form_sidebar{width:220px;margin-left:10px;margin-top:5px;padding:4px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#form_middle_cont{width:940px}
/* ------------------------------------------------------------------------------------
ICONS				 */
.ico_mug{background:url(../img/ico_mug.jpg) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:20px; }
.ico_arrow1{background:url(../img/ico_arrow1.png) no-repeat 5px center #f1f1f1; padding-left:25px;margin-bottom:20px; }
.ico_arrow2{background:url(../img/ico_arrow1.png) no-repeat 5px center #f1f1f1; padding-left:25px;margin-bottom:10px; }
.ico_arrowsmall{background:url(../img/ico_arrow2.png) no-repeat 5px center #f1f1f1; padding-left:15px;margin-bottom:20px; }
.ico_posts{background:url(../img/ico_posts.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_page{background:url(../img/ico_page.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_settings{background:url(../img/ico_settings.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_user{background:url(../img/ico_user.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_success{padding-left:20px;background:url(../img/success.jpg) no-repeat left center}
.ico_cancel{padding-left:20px;background:url(../img/error.jpg) no-repeat left center}
.ico_error{padding-left:20px;background:url(../img/ico_error.jpg) no-repeat left center}
.ico_pending{padding-left:20px;background:url(../img/ico_hourglass.jpg) no-repeat left center}
.ico_chart{padding-left:20px;background:url(../img/ico_chart_bar.jpg) no-repeat left center}
/* ------------------------------------------------------------------------------------
LOGO				 */
div#logo h1{padding:0px;margin:0px;}
div#logo h1 a{display:block;text-indent:-9999px;width:367px;height:107px;background:url(../img/logo.jpg) no-repeat;}

/* ------------------------------------------------------------------------------------
CUSTOM				 */

#placeholder{width:180px;height:95px;padding:10px;padding-bottom:14px;}
.more{font-size:13px;}
.approved{font-weight:bold;color:#25a21f}
#success{margin:-px 0px;border:1px solid #b2dc4d;color:#40550d;font-family:"Arial", Arial, sans-serif;font-size:12px;background:#cce297;font-weight:700;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;}
#fail, .fail_div{margin:5px 0px;border:1px solid #c82820;color:#c82820;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#e7928d;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;}
#warning{margin:5px 0px;border:1px solid #efdc90;color:#a9a014;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#fffecc;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;}

.form_sidebar ul{margin:0px;padding:0px;list-style:none;}
.form_sidebar ul li ul{margin:0px 10px;padding:0px;list-style:none;}

span.date{display:block;padding-left:20px; font-style:italic;font-family:10px;}
.odd{background:#eee;border-top:1px solid #DDDDDD;padding:3px;}
.even{border-top:1px solid #DDDDDD;padding:3px;}
a#visit{display:block;color:#fff;background:#4780ae;border-left:1px solid #084577;border:1px solid #7ab7e8;padding:4px;margin:5px 15px 0px 0px;-moz-border-radius:3px;}
a.add{display:block;width:80px;text-align:center;color:#fff;background:#4780ae;border:1px solid #4780ae;padding:4px;margin:10px 15px 0px 0px;-moz-border-radius:3px;text-transform:uppercase;}
#profile_info p{font-size:11px;padding-top:2px;padding-bottom:4px;}
#profile_info p a{font-size:11px;color:#f9d71c;}
#profile_info p a:hover{font-size:11px;color:#f7d202;text-decoration:underline;}
#profile_info p.last_login{font-size:10px;padding-top:5px;color:#dfdfdf}

#table_options ul li a {color:#000;display:block;padding-top:5px;}

.quickview ul{margin:0px;padding:0px;list-style:none;}
.quickview ul li{padding:3px;font-size:12px;}
.quickview ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}

.quickviewtop ul{margin:0px;padding:0px;list-style:none;}
.quickviewtop ul li{padding:3px;font-size:12px;}
.quickviewtop ul li span.number{font-family:Georgia;font-size:13px;color:#fe7c13}


.quickviewtop_mnj ul{margin:0px;padding:0px;list-style:none;}
.quickviewtop_mnj ul li{padding:3px;font-size:12px;}
.quickviewtop_mnj ul li span.number{font-family:Georgia;font-size:13px;color:#fe7c13}

.quickviewtop_rpt2 ul{margin:0px;padding:0px;list-style:none;}
.quickviewtop_rpt2 ul li{padding:3px;font-size:12px;}
.quickviewtop_rpt2 ul li span.number{font-family:Georgia;font-size:13px;color:#fe7c13}

.quickviewtop_rpt1 ul{margin:0px;padding:0px;list-style:none;}
.quickviewtop_rpt1 ul li{padding:3px;font-size:12px;}
.quickviewtop_rpt1 ul li span.number{font-family:Georgia;font-size:13px;color:#fe7c13}

.quickviewtop_admin ul{margin:0px;padding:0px;list-style:none;}
.quickviewtop_admin ul li{padding:3px 0;font-size:12px;}
.quickviewtop_admin ul li span.number{font-family:Georgia;font-size:13px;color:#fe7c13}

.dashboardtop ul{margin:0px;padding:0px;list-style:none;}
.dashboardtop ul li{padding:3px;font-size:12px;}
.dashboardtop ul li span.number{font-family:Georgia;font-size:13px;color:#fe7c13}


.quickviewadmin ul{margin:0px;padding:0px;list-style:none;}
.quickviewadmin ul li{padding:3px;font-size:12px;}
.quickviewadmin ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}


.quickviewcontracts ul{margin:0px;padding:0px;list-style:none;}
.quickviewcontracts ul li{padding:3px;font-size:12px;}
.quickviewcontracts ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}

.enquirycolumn ul{margin:0px;padding:0px;list-style:none;}
.enquirycolumn ul li{padding:3px;font-size:12px;}
.enquirycolumn ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}


.contractsjob ul{margin:0px;padding:0px;list-style:none;}
.contractsjob ul li{padding:3px;font-size:12px;}
.contractsjob ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}

.contractsstd ul{margin:0px;padding:0px;list-style:none;}
.contractsstd ul li{padding:3px;font-size:12px;}
.contractsstd ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}

.contractsstd_g ul{margin:0px;padding:0px;list-style:none;}
.contractsstd_g ul li{padding:3px;font-size:12px;}
.contractsstd_g ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}

.contractsstd_r ul{margin:0px;padding:0px;list-style:none;}
.contractsstd_r ul li{padding:3px;font-size:12px;}
.contractsstd_r ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}

.contractsstd_or ul{margin:0px;padding:0px;list-style:none;}
.contractsstd_or ul li{padding:3px;font-size:12px;}
.contractsstd_or ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}

.contractswon ul{margin:0px;padding:0px;list-style:none;}
.contractswon ul li{padding:3px;font-size:12px;}
.contractswon ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}

.contractslost ul{margin:0px;padding:0px;list-style:none;}
.contractslost ul li{padding:3px;font-size:12px;}
.contractslostul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}

.quickviewtop50 ul{margin:0px;padding:0px;list-style:none;}
.quickviewtop50 ul li{padding:3px 0;font-size:12px;}
.quickviewtop50 ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}

#shortcuts{width:640px;}
#shortcuts ul {margin:0px;padding:0px;list-style:none;margin-top:20px;}
#shortcuts ul li{float:left}
#shortcuts ul li.first_li a{margin-left:0px;}
#shortcuts ul li a{
	border: 1px solid #999;
	-moz-border-radius: 3px;
	display: block;
	padding: 4px;
	margin: 4px;
	width: 70px;
	text-align: center;
}
#shortcuts ul li a span{font-size:10px;margin-top:5px;display:block;background:#eee;padding:2px;}
#shortcuts ul li a:hover{border:1px solid #fe7c13;text-decoration:none;}


#export{
	width: 640px;
	float: right;
}
#Export ul {margin:0px;padding:0px;list-style:none;margin-top:20px;}
#export ul li{float:right}
#export ul li.first_li a{margin-left:0px;}
#export ul li a{
	border: 1px solid #999;
	-moz-border-radius: 3px;
	display: block;
	padding: 5px;

	width: 70px;
	text-align: center;

}
#export ul li a span{font-size:10px;margin-top:5px;display:block;background:#eee;padding:2px;}
#export ul li a:hover{border:1px solid #fe7c13;text-decoration:none;}


.photo ul{margin:0px;padding:0px;list-style:none;}
.photo ul li{float:left; border:1px solid #999;-moz-border-radius:3px;padding:3px;margin:3px 1px;position:relative;}
.photo ul li span{font-size:10px;margin-top:5px;display:block;padding:4px 1px;width:83px;position:absolute;bottom:0px;left:0px;}
.todo ul {margin:0px;padding:0px;list-style:none;}
.todo ul li{margin-left:0px;padding-left:0px;list-style:none;}
.todo p{margin:0px;padding:0px;}
ul#menu{margin:0px;padding:0px;list-style:none;margin-top:20px;}
ul#menu, ul#menu ul {list-style-type:none; margin: 0; padding: 0; }
ul#menu a { display: block; text-decoration: none;	}
ul#menu li { margin-top: 1px;}
ul#menu li a {color: #000;padding: 10px;padding-left:25px;border-bottom:1px solid #ddd}
ul#menu li a:hover { }
ul#menu li ul li a { background: #fff; color: #000; padding-left: 15px; border-bottom:none}
ul#menu li ul li a:hover { background: #eee; border-left: 5px #fe7c13 solid; padding-left: 10px;}

input#post_title{width:925px;margin:0px;border-left:1px solid #a8a8a8;border-top:1px solid #a8a8a8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;-moz-border-radius:3px;font-size:28px;padding:5px;}
.form_sidebar span{display:block;padding:5px 5px;background:#eee;margin-bottom:10px;}
#save{width:100px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;}

#table{
	width: 100%;
	border: 1px solid #c3c3c3;
	color: #000;
}
#table th{background:#eee;padding:5px;text-align:left;}
#table td{padding:5px;}

#table .table_date{color:#5e5e5e;width:100px;font-weight:bold;}
#table .table_order{
	color: #000000;

	font-weight: bold;
}

#table .table_comp{text-align:center;}
#table .table_title a{color:#26608e;text-decoration:underline;font-weight:bold;}

#table_options{
	background: #fff;
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c3c3c3;
	border-right-color: #c3c3c3;
	border-bottom-color: #c3c3c3;
	border-left-color: #c3c3c3;
}
#table_options label{margin:0px;padding-top:2px;}
#table_options ul{list-style:none;margin:0px;padding:0px;}
#table_options ul li{
	float: right;
	padding: 5px;
	margin-right: 10px;
}

.pagination{margin-top:20px;}
.pagination a, .pagination span{background:url("../img/borderbottom.jpg") bottom repeat-x #fff;padding:5px;margin:2px;border:1px solid #d9d9d9;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius: 3px;}


.file{
	border:1px solid #eee;
}

#searchspacer{
	width: 230px;
	height: 120px;
}

#reportspacer{
	width: 200px;
	height: 50px;
}

	.readonlyTxtBox
	{
		background-color: #CCC;
	}
.labelcreate {
	display: block;
	width: 200px;
}

.labelcreatesmall {
	display: block;
	width: 160px;
	margin-bottom:10px;
}

.labelcreatedate {
	display: block;
	width: 200px;
	margin-bottom:10px;
}

#enquirynotes_old {
	display: block;
	width: auto;
	height: 100px;
	margin-left: 10px;
	padding-right:150px;
}

#enquirynotes
{
	display: block;
	width: auto;
	height: auto;
	margin-right:78px;
	float:right;

}

#contractnotes {
	display: block;
	width: auto;
	height: auto;
	margin-right:420px;
	float:right;
}

.labelcreatewide {
	display: block;
	width: 260px;
	margin-bottom:10px;
}

.labelcreatesupplier {
	display: block;
	width: 450px;
	margin-bottom:10px;
}

.labelcreatelong {
	display: block;
	width: 470px;
}

#exporticons {
	display: block;
	width: 160px;
	float: right;
	position: inherit;
	margin-top: 10px;

}

#exporticonslarge {
	display: block;
	width: 600px;
	float: right;
	position: inherit;
	margin-top: 10px;

}

#spacertall{
	width:20px;
	height:180px;
	float:left;


}
#order_top{
	width: 920px;
	height: 245px;

}

#contracts_top{
	width: 920px;
	height:auto;

}

#splitterline{
		border-top: 1px solid #ddd;
}


.WhiteDIV
{
		border:1px solid #000;
		text-align: center;
		width:100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFFFFF;
}

.WhiteDIV_left
{


		width:100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFFFFF;
}
.WhiteDIV_Plain
{
		width:100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFFFFF;
}

.WhiteDIV_Noborader
{
		text-align: center;
		width:100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFFFFF;
}

delete-button
{
	cursor:pointer;
	background: transparent url(../img/delete.png) no-repeat center center;
	width:16px;height:16px;
}

.redAstrix
{
	color:RED;
}
	.suggestionsBox
	{
		position: absolute;
		display: none;
		left:5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 10px 0px 0px 0px;
		width: 600px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;
		color: #fff;
		font-size: 8pt;
		z-index: 50;
		line-height: 17px;


	}

	.suggestionList {
		margin: 0px;
		padding: 0px;
	}

	.suggestionList li {

		/*margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
		*/
		display: block;
		text-indent:  4px;
		width: 100%;
		color: #FFF;
		text-decoration: none;
		padding: 6px 0 6px 0;
		border-bottom:1px solid #666;
	}

	.suggestionList li:hover
	{
		/*background-color: #659CD8;*/
		background-color: #313538;
		color:#FFF;
	}


#fade {

	display: none;

	background: #000;

	position: fixed; left: 0; top: 0;

	z-index: 10;

	width: 100%; height: 100%;

	opacity: .80;

	z-index: 990;

}

.popup_block{

	display: none;

	background: #fff;

	padding: 20px;

	border: 20px solid #f78f1d;

	float: left;

	font-size: 1.0em;

	position: fixed;

	top: 50%; left: 50%;

	z-index: 991;

	-webkit-box-shadow: 0px 0px 20px #000;

	-moz-box-shadow: 0px 0px 20px #000;

	box-shadow: 0px 0px 20px #000;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}

.popup_loading{

    display: none;

    float: left;

    font-size: 14px;
    line-height: 16px;

    position: fixed;

    top: 50%; left: 50%;

    z-index: 99999;

}

img.btn_close {

	float: right;

	margin: -55px -55px 0 0;

}

.popup p {

	padding: 5px 10px;

	margin: 5px 0;

}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {

	position: absolute;

}

*html .popup_block, *html .popup_loading {

	position: absolute;

}

button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#a2c3e0 0%,
		#a2c3e0 25%,
		#a2c3e0 50%,
		#a2c3e0 75%,
		#a2c3e0);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#a2c3e0),
		color-stop(0.25, #a2c3e0),
		color-stop(0.50, #a2c3e0),
		color-stop(0.75, #a2c3e0),
		to(#a2c3e0));
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 3px solid #ffffff;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(162,195,224,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(162,195,224,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

.cmbDropDown
{
	width:200px;

}

.lblCntrol_admin
{

	 margin-top: 15px;
    /* font-weight:bold; */
}

.InputCntrl_admin
{

	margin-top: 15px;

}

.blwInputCombo_noblock
{
	margin-top: 7px;
	margin-bottom:3px;
	width:150px;
}



.lblCntrol_margin{
	margin-top: 10px;

}

.lblCntrol_margin2
{
	margin-top: 7px;
}
.txtArea
{
  color : #009;
  /*border : 1px solid #990000;*/
  border : 1px solid #fe7c13;
  background-color : #ffff99;
  font-size: 14px;
}

.nofocus_txtArea
{
  /*border : 1px solid #990000;*/
  border : 1px solid;
  font-size: 14px;
}


/*.lblCntrol
{
	display: block;*/
	/* margin-top: 20px;
     font-weight:bold; */
/*}*/
.InputCntrl_fields{
	display: block;
	margin-top: 3px;

}

.InputCntrl_searchFields
{
	font-size: 14px;
	font-family: arial;
}

.InputCntrl_normal{
    font-size: 14px;
    font-family: arial;
    padding-bottom:4px;
    padding-top:4px;
}

.blwInput_noblock{
	margin-top: 7px;
	margin-bottom:3px;

}

.blwInputCombo_noblock
{
	margin-top: 7px;
	margin-bottom:3px;
	width:150px;
}

.blwInput_noblock_noTopM{
		margin-bottom:0px;

}

.blwInputCombo_noblock_noTopM{
		margin-bottom:0px;
		width:150px;

}

.blwInputforspace_noblock
{
	margin-top: 18px;
	margin-bottom:3px;
	width:150px;
}


/*.lblCntrol
{
	display: block;*/
	/* margin-top: 20px;
     font-weight:bold; */
/*}*/

.datagrid table { border-collapse: collapse; text-align: right; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #c3c3c3; border-top: 1px; border-top-color: #c3c3c3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th  {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #00557F; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #E1EEf4; color: #00557F; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #006699;background: #E1EEf4;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #00557F; color: #FFFFFF; background: none; background-color:#006699;}

.avtable table { border-collapse: collapse; text-align: right; width: 100%; } .avtable {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #c3c3c3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.avtable table td, .avtable table th { padding: 3px 10px; }.avtable table thead th  {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } .avtable table thead th:first-child { border: none; }.avtable table tbody td { color: #00557F; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }.avtable table tbody .alt td { background: #E1EEf4; color: #00557F; }.avtable table tbody td:first-child { border-left: none; }.avtable table tbody tr:last-child td { border-bottom: none; }.avtable table tfoot td div { border-top: 1px solid #006699;background: #E1EEf4;} .avtable table tfoot td { padding: 0; font-size: 12px } .avtable table tfoot td div{ padding: 2px; }.avtable table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.avtable table tfoot  li { display: inline; }.avtable table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }.avtable table tfoot ul.active, .avtable table tfoot ul a:hover { text-decoration: none;border-color: #00557F; color: #FFFFFF; background: none; background-color:#006699;}


.autoInpt_Contract
{
	margin-top:3px;
}

.readonlyTxtBox_Contract
{
	background-color: #CCC;
	margin-top:3px;
    border-width: 1px;
}

.lblCntrol_Contract2
{
	margin-top:10px;
}

.lblCntrol_Contract
{
	margin-top:3px;
}

.lblCntrol_Contractjob
{
	margin-top:8px;

}

.yui-dt-editor label {
    display: inline;
}

.datatable_column_ellipsis{
    display:block;
    width:100%;
    white-space:nowrap;
    overflow:hidden !important;
    text-overflow:ellipsis;
}

/* progress bar */
.progressbar{
    width:100%;
    height:8px !important;
}

.cmbDropDown_ext {
    font-family: arial;
    font-size: 14px;
    padding-bottom: 4px;
    padding-top: 4px;
    width: 145px;
}

/* change password dialog */
#divChangePasswordDialog label, #divChangePasswordDialog input {
    margin: 2px;
}

/* --- Report Export Button --- */
#btnExcelExport {
    float:right;
    margin: -30px 10px 0 0;
}

/* --- watermark color --- */
.watermark {
    color: #999 !important;
}

/* --- Placeholder jquery plugin css --- */
input.placeholder {
    color:#999;
    font-style: italic;
}
::-webkit-input-placeholder {
    color:#999;
    font-style: italic;
}
input:-moz-placeholder {
    color:#999;
    font-style: italic;
}
/* Class for marked rows
 *  http://yui.github.io/yui2/docs/yui_2.9.0_full/examples/datatable/dt_row_coloring.html
 */
.yui-skin-sam .yui-dt tr.mark,
.yui-skin-sam .yui-dt tr.mark td.yui-dt-asc,
.yui-skin-sam .yui-dt tr.mark td.yui-dt-desc {
    background-color: #426fd9 !important;
    color: #fff !important;
}
.yui-skin-sam .yui-dt tr.mark td{
    border:0;
}

/* title save button on the right side */
.rightfloat_btn {
    float:right;
    margin-left:3px;
    margin-top:-2px;
    font-size: 14px;
}

/* Textbox : Uppercase or Lowercase */
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}

/* Quick Edit : textbox full width */
.yui-dt-quick-edit input[type=text] {
    width: 97%;
}

/* calendar date picker, not selected month date color */
.Zebra_DatePicker td.dp_not_in_month_selectable {
    color: #343232 !important;
}
.Zebra_DatePicker td.dp_hover {
    color: white !important;
}

/* jQuery popup dialog customization */
.ui-dialog-buttonpane {
    padding-top:0 !important;
    padding-bottom:0 !important;
    margin:0 !important;
    border:0 !important;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.2em 0.4em 0.2em 0 !important;
}

/* jQuery AutoComplete customization */

ul.ui-autocomplete {
    border: 2px solid #ebebeb;
    background-color: #f5f4f4;
    padding: 0;
}
ul.ui-autocomplete li.ui-menu-item {
    padding: 1px;
    background-color: #f5f4f4;
}
ul.ui-autocomplete li a {

}

/* full-calendar selected week */
.active_week {
    background-color: #f27a30 !important;
}

.fc-header-nexttitle, .fc-header-prevtitle {
    cursor: pointer;
}
.fc-widget-header, .fc-widget-content {
    border-color: #6A6767 !important;
}

span.fc-event-title {
    margin: 7px 0 7px 10px !important;
    font-size: 12px;
}

.wrong_calc {
    background-color: pink;
}

/* Only for IE version more than 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10+ specific styles go here */
   #order_type {
       width: 160px;
   }
   .project_ddl {
       width: 280px;
   }
}

.InputCntrl {
    font-family: arial;
    font-size: 14px;
    padding: 4px 0;
}


/* jBox content background color */
.jBox-content {
    background-color: #ffedc5;
}
.jBox-pointer:after {
    background: #ffedc5 !important;
}


/* Category table header */
.yui-dt-rec.mark td div{
    color: white;
    font-weight: bold;
}