/*
   PlantCare design
   based on
   /www/lewis/pricetwa/orig/redesign.jpg
*/

/**{outline:1px solid rgba(255,0,85,0.2);
	outline-offset:-1px;}*/

html,body{
	margin:0;
	padding:0;
	background:#fff;
}

.wrapper{
	margin:0;
	padding:0;
	margin-left:149px;
	padding-left:10px;
	padding-right:10px;
	width:initial;
	border-left:1px solid #aaa;
	box-shadow:none;
	min-height:100%;
	min-width:calc(100% - 170px);
	position:absolute;
}

#header{
	background:#fff;
	width:150px;
	position:fixed;
	left:0;
	float:left;
	padding:0;
	height: 100%;
	padding-right: 20px;
	overflow-y: scroll;
}

.headpane{
	display:inline-block;
	padding:0;
	margin:0;
	float:right;
}
.headpane.timetrack{
	background:#fff;
	padding-top:10px;
	width:90px;
	height:52px;
	outline:1px solid #aaa;
	outline-offset:-1px;
	margin-left:4px;
	position:absolute;
	right:500px;
}
.headpane.timetrack p{
	color:#333;
	font-size:11px;
	text-align:center;
	margin:0;
	line-height:1.3em;
}
.headpane.emaillist{
	background:#fff;
	padding-top:10px;
	width:90px;
	height:52px;
	outline:1px solid #aaa;
	outline-offset:-1px;
	margin-left:4px;
	position:absolute;
	right:600px;
}
.icon-mail:before{
	margin-left:-2px!important;
}
#current_email_count{
	text-align: center;
	margin:3px 0px 0px 0px;
}
.fa{
	display: block !important;
}
.clock{
	font-size: 24px !important;
}
.tracking-now{
	color:red;
}
.headpane.signout{
	background:#fff;
	padding-top:10px;
	width:90px;
	height:52px;
	outline:1px solid #aaa;
	outline-offset:-1px;
	margin-left:4px;
	position:absolute;
	right:400px;
}
.headpane.signout p{
	color:#333;
	font-size:11px;
	text-align:center;
	margin:0;
	line-height:1.3em;
}
.headpane.welcome{
	background:#333;
	padding-top:10px;
	width:90px;
	height:52px;
	position:absolute;
	right:300px;
}
.headpane.welcome p{
	color:#fff;
	font-size:11px;
	text-align:center;
	margin:0;
	line-height:1.3em;
}

#sform{
	width:280px;
	margin-right:0em;
	margin-top:38px;
	border:0px solid #aaa;
	height:22px;
	margin-left:4px;
	display:block;
	float:none;
	position:absolute;
	right:10px;
	top:10px;
	margin-top:5px;
}
#sform:nth-of-type(2){
	top:40px;
}
#sform input#qsbasic{
	width:200px;
	line-height:12px;
	font-size:12px;
	height:22px;
	padding:0;
	padding-left:10px;
	border:1px solid #aaa;
}
#sform button{
	width:22px;
	height:22px;
	display:inline-block;
	background:#fff;
	outline:0;
	border:0;
	color:#666;
	transition:all 0.2s ease;
}
#sform button:hover{
	color:#111;
}
#navigation{
	margin-top:12px;
	margin-left:2px;
}
#navigation ul > li > a:nth-of-type(1){
	border-top:1px solid #aaa;
}
#navigation a{
	width:145px;
	padding:3px 0;
	border-bottom:1px;
	font-size:12px;
	background:#fff;
	color:#333;
	text-indent:1em;
	transition:background 0.05s ease-in;
}

#navigation ul > li:last{
	border-bottom:1px solid #aaa;
}
#navigation a.newaction, #navigation a.signout{
	background:#fff;
}

#navigation li:hover{
	position:static;
}


/** si overrides **/

.si_options_heading {
	display: block;
	padding-bottom: 5px;
	color: #66ccff;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

span.icon_override {
	text-decoration: none;
	/*
	margin-left: 3px;
	margin-right: 3px;
	*/
	margin-left: 5px;
	margin-right: 5px;
	color: #fff;
	display: inline-block;
	width: auto;
}

span.icon_override_off {
	text-decoration: none;
	/*
	margin-left: 3px;
	margin-right: 3px;
	*/
	margin-left: 5px;
	margin-right: 5px;
	color: #444;
	display: inline-block;
	width: auto;
	/*text-shadow: -1px 0px 0px #333, 1px 0px 0px #ccc, -1px 0px 0px #333, -1px 0px 0px #ccc;*/

}

.qnpl-nav, .ilist-nav {
	background: #666666;
	color: #fff;
	height:36px;
}

.qnpl-nav #si_toolbar_recordcount, .qnpl-nav .text, .qnpl-nav a {
	color: #fff;
}

.qnpl-nav a, .ilist-nav a {
	text-decoration: none;
}

.qnpl-nav a:hover, span.icon_override:hover {
	color: #ccc;
}
.qnpl-nav select {
	margin: 1px 2px 1px 2px;
}

a.navimg {
	width: auto;
}

/** form overrides **/

.si_listmode th {
	font-size: 12px;
	padding: 4px 5px 4px 5px;
	line-height: 16px;
	vertical-align: top;
	background : #ededed;
}

.si_listmode {
	font-size: 12px;
}

.qnpl-display {
	font-family: 'Arial', 'Helvetica', sans-serif;
	margin:auto;
	width:100%;
	text-align:center;
}

#main input,
#main select,
#main textarea {
	font-family: 'Arial', 'Helvetica', sans-serif;
	background-color: #fff;
	color: #333;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*
	border: solid 1px #6c6c6c;
	*/
	border: solid 1px #aaa;
	font-size: 13px;
	padding:4px 6px;
	transition:all 0.1s ease;
	box-shadow:0 0 0 1px rgba(255,255,255,0),0 0 0 1px rgba(255,255,255,0) inset;
}

#main input[type=submit]{
	background:#ff9300;
	color:#fff;
	padding:4px 6px;
	margin:0.5em 0;
}

#main input.white_bkg {
	background: #FFF;
}

#main input:focus,
#main textarea:focus,
#main select:focus {
	background : #ffffee;
}

#main .si_toolbar select, #main .si_toolbar input {
	padding: 0;
}

td.little {
	padding-bottom: 3px;
}

td.si_form_prompt label {
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: 'Arial', 'Helvetica', sans-serif;
	display: inline-block;
	color: #666;
}

h3.si_heading {
	background: #ededed;
	color: #333;

	padding: 4px;
	font-size: 15px;
	margin: 10px 0 5px 0;
}

ul.si_tab li.tabselected {
	color: #fff;
	background-color: #666 !important;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

#main input.si_submitbutton {
	padding: 6px 10px 6px 10px;
	background: #666;
	border: none;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
}

#main input.si_submitbutton:hover {
	color: #66CCFF;
}

#main input.si_submitbutton.si_changed {
	background: #38d130 !important;
}

#main input.si_submitbutton.si_changed:hover {
	color: #fff !important;
}

#main input.si_cancelbutton {
	padding: 6px 10px 6px 10px;
	border: none;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	background: #999;
	text-transform: uppercase;
}

.report_print {
	margin-top:10px;
}

.search_options {
	float:right;
	width:100%;
	background:#EDEDED;
	padding:0px 6px 10px 6px;
	margin-bottom: 10px;
}

.search_options .si_options_heading {
	margin-top:5px;
}

#navigation a{
	background:#fff;
}

#navigation > ul > li > ul > li > a{
	color:#444;
}
#navigation > ul > li > ul > li > a:before{
	content:"\e862  ";
	font-family: "egc";
}

ul.top-level li{
	background:#fff;
}

html:before{
	content:"";
	position:relative;
	width:1px;
	background:#aaa;
	display:block;
	top:0;
	margin-left:151px;
}

.head-logo{
	background:url('/gfx/mfa_logo150.png') center 0px;
	width:150px;
	height:88px;
	background-repeat:no-repeat;
	background-size:150px 88px;
}

form.but_right input, form.but_right select{
	background:#fff;
	font-size:12px;
	padding:0;
	text-indent:1em;
	height:20px;
	border:1px solid #aaa;
}
 form.but_right select{
 	text-indent:4px;
 }
form.but_right input:hover, form.but_right select:hover{
	background:#eee;
}

form.but_right input[type="submit"],form.but_right input[type="button"]{
	text-align:center;
	text-indent:0;
	padding:0 8px;
}
form.but_right input[type="submit"]:hover,form.but_right input[type="button"]:hover{
	background:#eee;
}

#navigation a span{
	height:18px;
	width:40px;
	line-height:1.5;
	padding:0;
	margin:0;
	margin-top:-3px;
	margin-left:6px;
	position:absolute;
	background:linear-gradient(to right,rgba(255,255,255,0), #aaa, #aaa), rgba(255,255,255,0)!important;
	text-align:center;
}
#navigation a span.total_highlight{
	padding:1px 3px 1px 3px;
	position:absolute;
	right:2px;
}
#navigation a:hover span{
	background:linear-gradient(to right,rgba(255,255,255,0), #aaa, #aaa), rgba(255,255,255,0)!important;
}
#navigation a:hover{
	border-radius:2px;
	transition:background 0s linear;
}
#plcontainer{
	width:100%;
}
.plstatus div{
	padding:0 !important;
	height:20px;
	overflow:hidden;
	background:#eee;
}
.plstatus:not(.pltime){
	width:20%;
}

#header{
	border-bottom:1px solid #aaa;
}

.signout-icon{
	font-size:24px;
	text-align:center;
	padding-top:3px;
	transition:0.1s ease;
}
.headpane:hover .signout-icon{
	transform:scale(1.2);
}

header{
	display:block;
	clear:all;
	width:100%;
	height:72px;
	border-bottom:1px solid #aaa;
	padding-top:10px;
}

span.icon_override, span.icon_override_off{
	font-size:20px;
	padding:0px;
	margin:0;
}

#container > table.little.qnpl-nav{
	padding:0 6px;
	height:10px;
	border-spacing:2px;
}
#container > table.little.qnpl-nav tbody{
	padding:0;
}
.si_listmode th{
	background:#333;
	/*color:#fff;*/
	text-align: left;
	text-indent:1em;
	font-weight:normal;
}
.si_listmode th a{
	background:#333;
	color:#fff;
	text-align:left;
	width:100%;
	display:block;
}
.si_listmode th a img{
	float:right;
	width:0;
}

.si_listmode th a img[alt="v"]{
	width:0px;
	height:0px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	margin-right:5px;
	margin-top:5px;
	transition:all 0.1s ease-out;
	transition:transform 0.3s ease;
}
.si_listmode th a img[alt="^"]{
	width:0px;
	height:0px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	margin-right:5px;
	margin-top:5px;
	margin-left:5px;
	transition:all 0.1s ease-out;
	transition:transform 0.3s ease;
}
.si_listmode th a:hover img[alt="^"]{
	border-bottom-color:#aaa;
	transform:rotate(-180deg);
}
.si_listmode th a:hover img[alt="v"]{
	border-top-color:#aaa;
	transform:rotate(180deg);
}
table:last-of-type:not(.qnpl-list){
	border-spacing:0;
	padding:0;
}
table:last-of-type:not(.qnpl-list) td{
	padding:3px 1px;
}
table.qnpl-list{
	border-spacing:0;
	padding:0;
	margin:0;
	border:none;
}
table.qnpl-list{
	border:1px solid #333;
}
table.qnpl-list tr{
	background:rgba(255,255,255,0);
	transition:background 0.5s ease-out;
}
table.qnpl-list td{
	/*background:#fff;*/
	box-shadow:-3px -3px 0px -2px #ccc inset;
	padding:2px 2px;
}
table.qnpl-list td{
	background:rgba(255,255,255,0);
	box-shadow:-3px -3px 0px -2px #ccc inset;
}

#navigation .child li a:nth-of-type(1){
	border-top:none;
}

table.qnpl-list td a span,table.qnpl-list td b, .si_mcb_colours, .si_listmode b, .pipelineowner{
	border-radius:14px 2px;
	padding:1px 4px;
	transition:all 0.1s ease-out;
}
table.qnpl-list td a span:hover,table.qnpl-list td b:hover{
	color:#fff;
}

tr th:not(:nth-of-type(1)):after{
	content:"";
	background:#fff;
	height:12px;
	width:1px;
	display:block;
	position:absolute;
	margin-top:-14px;
	margin-left:-6px;
}

.si_toolbar div.text{
	line-height:23px;
}
.qnpl-nav select{
	margin: 2px 2px 1px 2px;
}

.qnpl-nav, .ilist-nav{
	height:initial;
}
table.qnpl-list tr:hover{
	background:#eaeaea;
	transition: background 0s ease-out;
}

.plclientdiv{
	transition:transform 0.1s ease;
}
.plclientdiv:active{
	transform:scale(1.2);
	background:#fff;
	box-shadow:0px 9px 5px -5px rgba(0,0,0,0.3);
}

.container, header{
	min-width:900px;
}

.but_right{
	float:left;
	margin-left:0;
}

#navigation a.current{
	background: #1d8b45;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MjA1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTcxOWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #1d8b45 0%, #2aca64 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d8b45), color-stop(100%,#2aca64));
	background: -webkit-linear-gradient(left, #1d8b45 0%,#2aca64 100%);
	background: -o-linear-gradient(left, #1d8b45 0%,#2aca64 100%);
	background: -ms-linear-gradient(left, #1d8b45 0%,#2aca64 100%);
	background: linear-gradient(to right, #1d8b45 0%,#2aca64 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d8b45', endColorstr='#2aca64',GradientType=1 );
	color:#fff;
	border-radius:2px;
}

th {
	white-space: nowrap;
}

.top_button{
	background:#fff;
	display:inline-block;
	transition:all 0.1s ease-out;
}
.top_button.icon{
	width:48px;
	height:32px;
}
.top_button.icon:before{
	font-size:32px;
}
.top_bar{
	float:left;margin-bottom:5px;
	position:absolute;
	top:40px;
}
.top_bar .icon{
	color:#333;
	width:32px;
	background:0;
	padding:0;
	margin:0;
	margin-left:-8px;
	margin-top:-2px;
	color:#2aca64;
	color:#fff;
}
.top_bar .but_right{
	margin-right:0px;
}
.top_bar a{
	background:blue;
	border-radius:50%;
	background:#333;
	border:4px solid white;
	width:28px;
	height:28px;
}
.top_bar .icon:hover{
	color:#2aca64;
	transform: scale(1.2);
	margin-left:-9px;
}
.top_bar a:hover{
	background:#fff;
}
.but_right.search{
	position:absolute;
	top:37px;
}

/*.but_right a:after{
	content:"New Record";
		position:absolute;
	top:-100px;
	transition:top 0.3s ease;
	border-radius:3px;
	position:absolute;
	left:0px;
	padding:6px 10px;
	padding-top:20px;
	background:#2aca64;
	color:#fff;
}
.but_advanced_search a:after{
	content:"Advanced Search";
}
.but_right a:hover:after{
	content:"New Record";
	position:absolute;
	top:-50px;
	left:0px;
	padding:6px 10px;
	padding-top:20px;
	background:#2aca64;
	color:#fff;
}
.but_advanced_search a:hover:after{
	content:"Advanced Search";
}
.but_advanced_search a:hover:after{
	content:"Advanced Search";
}*/

.but_right > span{
	position:absolute;
	top:-100px;
	transition:top 0.3s ease;
	border-radius:3px;
	position:absolute;
	left:0px;
	padding:6px 10px;
	padding-top:20px;
	background:#2aca64;
	color:#fff;
}
.but_right a:hover + span{
	position:absolute;
	top:-50px;
	left:0px;
	padding:6px 10px;
	padding-top:20px;
	background:#2aca64;
	color:#fff;
}
h3.si_heading{
	background:#666;
	color:#fff;
	border-radius:3px;
}

hr{
	border:none;
	border:1px solid #ccc;
	border-width:1px 0 0 0;
}

.white_bkg, input, select, textarea{
	line-height:12px;
	font-size:12px;
	padding:4px;
	padding-left:10px;
	border:1px solid #aaa;
	line-height:12px;
	vertical-align:middle;
	font-size:12px;
	outline:0;
}

input[readonly=readonly],
select[readonly=readonly],
textarea[readonly=readonly],
.white_bkg[readonly=readonly]{
	background:#eee;
}

form span{
	font-size:13px;
	padding:4px 0;
	display:inline-block;
	vertical-align:middle;
}
select[name="os"],select[name="lr"],select[name="illr"]{
	padding:0px 6px !important;
	margin-top:2px;
}
.si_toolbar div.text,.si_toolbar_recordcount{
	padding:0px 0px;
}

table.qnpl-display{
	margin-top:10px;
}
table.qnpl-display > tbody > tr > td:nth-child(2) > div{
	background:#666 !important;
	border-radius:3px;
}
table.qnpl-display > tbody > tr > td:nth-child(2) > div > span,
table.qnpl-display > tbody > tr > td:nth-child(2) > div > p{
	color:#fff;
	padding-bottom:0;
}

span.si_mcb_colours{
	padding:3px 8px 1px 3px;
	font-weight:bold;
	border:0;
	box-shadow:0 0 0 1px rgba(0,0,0,0.3) inset;
}
tr#form-buttons td.little{
	padding-top:20px;
}
.little{
	font-size:12px;
}
.si_tab_button{
	font-size:12px;
}
.si_submitbutton, .si_cancelbutton,.si_submitbutton:focus, .si_cancelbutton:focus{
	color:#300;
	background:#f55;
	padding:4px 7px;
	font-size:13px;
	border:1px solid #c33;
	transition:all 0.2s ease;
}
.si_cancelbutton, .si_cancelbutton:focus{
	color:#410;
	background:#fc5;
	border:1px solid #b73;
}
.si_submitbutton:active{
	background:#fff;
	color:#a00;
	border:1px solid #a00;
}
.si_cancelbutton:active{
	background:#fff;
	color:#951;
	border:1px solid #951;
}
select:focus, input:focus, textarea:focus{
	background:#dedede;
	outline:0;
	border:1px solid #aaa;
}

div.timeline{
	width:1010px;
	margin:auto;
}

.timline-date-user-detail{
	border-radius:3px;
}

.rhs_button > .icon_override {
	width:25px;
	height:11px;
	color:rgba(0,0,0,0.6);
	padding-right:10px;
	padding-left:0;
}

a:hover > .rhs_button > .icon_override {
	color:rgba(0,0,0,0.4);
}

.disabled:before{
	color:rgba(0,0,0,0.25);
}
.disabled:after{
	content:"x";
	color:rgba(170,0,0,0.75);
	position:absolute;
	margin-left:-22px;
	margin-top:5px;
	font-size:16px;
	font-weight:bold;
}

.plworkedwith{
	margin-top:5px;
}

#login_left{
	margin-top:40px;
}
.currtitle{
	color:#333;
	width:calc(100% - 450px);
	margin-top:34px;
	position:absolute;
	text-align:center;
}
.currtitle > span{
	display:none;
}
a.navimg{
	color:#fff;
}
#footer{
	border:0
}
#loginlogo{
	width:400px;
	height:120px;
	background:url('gfx/mfa_logo150.png') no-repeat center bottom;
	margin:auto;
	margin-top:40px;
}
.logindiv ~ #footer > #evergreen{
	margin:auto;
	text-align:center;
	width:100%;
	margin-top:20px;
}
#login_left{
	text-align:center;
	margin:40px auto 0 auto;
	width:280px;
}

#container > form:nth-child(4){
	float:left;
	width:100%;
}


a.noul{
	white-space: normal;
}