/*
LEGAL
=====
Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
Community: Mollio http://www.mollio.org $
License: Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/

/* THE BIG GUYS */
* {margin:0;padding:0}
body {padding:0;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif;min-height:100%} /*background: #fff url("images/body_bg.gif") repeat-x 0 100%;padding: 0 0 20px;*/

/* LINKS */
a,a:link,a:link,a:link,a:hover {text-decoration:underline;cursor:pointer} 
a:link {color:#ff6d06} 
a:visited {color:#999} 
a:hover,a:active {color:#069} 

/* FORMS */
/*form {margin: 0 0 1.5em}*/
input, textarea {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {letter-spacing: 0px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #FF6D06;padding-bottom: .1em; width:100%;color:#FF6D06}
h1 {font-size: 146%;margin-top:.1em}
h2 {font-size: 136%}
h3 {font-size: 126%;margin-top:.1em}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000 !important}
.subdued {color:#999}
.error {color:#c00;font-weight:bold !important}
.success {color:#390;font-weight:bold !important}
.caption {color:#060;font-weight:bold !important}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LAYOUT - HEADER */
#header {background: #666 url("images/sprites.gif") repeat-x 0 100%;margin: 0 0 15px;padding: 0 0 8px}

	#header #site-name {font: 205% arial;margin:0 0 0 3px;padding:5px 0;color:#ccc;border:none}
	#header #site-name small {font: 50% arial;vertical-align: top;}
	#header #site-name a {text-decoration:none}
	
	/* NAV - top horizontal nav */
	#nav, #nav ul {padding: 0;margin: 0;list-style: none}
	#nav {font-weight:bold;height:2.09em;font: bold 96% arial;margin: -10px 105px 0 40px}
	#nav li {position:relative;background: #999;float: left;width: 10em;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid #252525;padding:0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
	#nav a:hover {color:#000}
	
	#nav li ul {border-left: 1px solid #ff6d06;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#fff;background:#ff6d06}
	
	#nav li.active {background: #FF6D06;border-bottom: 3px solid #FF6D06}
	#nav li.active ul {border:none;background: #ff6d06 url("images/featurebox2_bg.gif") no-repeat 100% 100%}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#000}
	
	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {background: #666 url("images/sprites.gif") repeat-x 0 99%;color:#fff}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
	/*TOP NAV */
	#top-nav {color:#fff;position:absolute;top:5px;right:10px;font-size:91%}
	#top-nav span {font-weight:bold}
	#top-nav a, #top-nav a:link, #top-nav a:visited, #top-nav a:hover, #top-nav a:active {text-decoration:none;cursor:pointer;color:#fff;padding:0 2px 0 2px}
	#top-nav a:hover {color:#fff; text-decoration:underline}
	#top-nav small a{color:#ccc !important}
	
	/* SEARCH */
	#search {color:#fff;font-weight:bold;position:absolute;top:35px;right:10px}
	#search form {margin:0}
	#search input {width:18em;margin: 0 0 -1px;height:1.2em;padding:2px}
	#search label {padding:5px 3px 0;display:inline; font-size:0.9em}
	#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
	
	/* POWERED BY - mollio logo in this case */
	#poweredby {width:30px;height:30px;position:absolute;top:-85px;left:5px}

/* LAYOUT - main body of page */
#wrap {min-width:770px;position:relative} /*margin: 0 auto;max-width:1200px;*/
#content-wrap {position:relative;width:100%}
	#utility {position:absolute;top:0;left:25px;width:165px;border-top: 5px solid #ccc;padding-bottom: 40px}
	#sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 5px solid #ccc;padding-top: 1px;padding-bottom: 40px}

#content {margin: 0 50px; min-height:480px}
	#content #breadcrumb {margin-top:-10px;font-size:93%;font-weight:bold}
	#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
	#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}
	
	.featurebox {color:#ccc;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #ccc;color:#444;font-size:1em}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold;font-size:0.8em}

	.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
	.thumbnail img {border: 1px solid #000}
	
	.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
	.pagination p {position:relative;text-align:right}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
	.pagination p a:hover {background:#ff6d06;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none}
	
	#resultslist-wrap {margin: 0 0 1.5em;font-size:90%}
	#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
	#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
	#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
	#resultslist-wrap li dd {font: normal 70% arial}
	#resultslist-wrap li dl {margin:0}
	#resultslist-wrap dd {line-height:1.3}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}
	#resultslist-wrap a:link, #resultslist-wrap a:visited, #resultslist-wrap a:hover, #resultslist-wrap a:active{color:#FF6D06}
	#resultslist-wrap i {color:#222 !important;font-weight:bold}
	
	/* TABLES */
	.table1 {border: 1px solid #BE6D33;border-collapse:collapse;width:100%}
		.table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff;text-align:left}
		.table1 th {text-align:left;border: 1px solid #fff}
		.table1 thead th {color:#fff;font-size:145%;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}

	/* TABLES - calendar */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url("images/sprites.gif") 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}
		
	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family: monospace;position:relative}
		ol.code li {color: #666;margin-bottom: 1px}
		ol.code code {color: #000;display: block}
		ol.code .cmt {color: #4077d2}
		li.tab0 code {padding-left: 4em}
		li.tab1 code {padding-left: 8em}
		li.tab2 code {padding-left: 12em}
		li.tab3 code {padding-left: 16em}
		li.tab4 code {padding-left: 20em}
		li.tab5 code {padding-left: 24em}
		ol.code li  {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}

/* LAYOUT TYPE B */
	#type-b #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
	#type-b #content {margin: 0 23px 0 235px}

/* LAYOUT TYPE C */
	#type-c #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
	#type-c #content {margin: 0 25% 0 235px}

/* LAYOUT TYPE D */
	#type-d #content {margin: 0 25% 0 50px}

/* LAYOUT TYPE E */
	#type-e #content-wrap {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0}
	#type-e #utility {position:absolute;top:0;left:auto;right:25px;width:165px;border-top: 5px solid #999}
	#type-e #content {margin: 0 243px 0 50px}

/* LAYOUT TYPE F */
	#type-f #content-wrap {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0}
	#type-f #content {margin: 0 235px 0 25%}
		#type-f #utility {left:auto;right:25px}
		#type-f #sidebar {right:auto;left:25px}

/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#ff6d06;background: #ffeee2 url("images/sprites.gif") no-repeat 10px -695px} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#ff6d06} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited,
	#nav-secondary li.open li a, #nav-secondary li.open li a:link, #nav-secondary li.open li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active,
	#nav-secondary li.open li a:hover, #nav-secondary li.open li a:active {color: #ff6d06}
	#nav-secondary li.active li, #nav-secondary li.open li {border: none;margin:0}
	
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {margin: 0 0 0.1em 12px;padding:0} /*margin: 0 0 1em 12px*/
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
	#nav-secondary li.active li.active li a:link, 
	#nav-secondary li.active li.active li a:visited, 
	#nav-secondary li.active li.active li a:hover, 
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
	#nav-secondary li.active li.active li.active li a:link, 
	#nav-secondary li.active li.active li.active li a:visited, 
	#nav-secondary li.active li.active li.active li a:hover, 
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}

/* LAYOUT - FOOTER */
#footer{width:100%; clear:left}
#footer-split {background: #fff url("images/footer.png") repeat-x 0 100%;display:block}
#footer-nav {clear:both;border-top: 1px dotted #E3E8EE;color:#999;font-size:86%;text-align:center}
#footer-nav a:link {color:#999}

/* LOGIN */
#login-content{max-width:770px}
#login {width: 383px;height:auto;float: right;margin: 42px 0 0 0;display: table;border: 1px solid #C7CACC;padding:5px}
#login div {height:auto;background-color:#E3E5E6}
#signup {margin-top: -3px;float:left;margin:20px 0 0 0}
#signup li {margin: 15px;line-height:14px;padding-bottom: 5px;font-size: 105%}
#login form table{text-align:center;width:100%;font-size:105%}
#login form table .header {height:25px;padding:10px 0 10px 0;text-align:center}
#login form table .empty {height:10px}
#login form table a, #login form table a:hover {font-size:85%;text-decoration:underline;color:#ff6d06}
#login form table a {color:#000}
#login form table h2 {padding-left:0px}
#login .field-validation-error{color:#c00;font-size:0.9em}

/* MISC */
.left {text-align:left;padding:0 2px 0 5px}
.center {text-align:center}
.right {text-align:right;padding-left:2px}
.none{display:none}

/* TABS */
#tabs{font-size:0.9em !important;}
.toolbar {width:100%; text-align:left;padding: 2px 0px; margin-bottom:2px;font-size:0.7em !important}
.toolbar button {margin:2px 5px 2px 5px}
.search-container{border: 1px solid #EEE;width: 100%; margin:-3px 0 5px 0; border-top-width:0px;background-color:#FAFAFA}
.search-container div {clear:both;height:35px;margin:-7px 0 0 0;padding:5px 0 0 0;width:100%}
.search-container div .empty {padding-left:5px}
.search-container input{padding:2px 0 !important}
.search-container select {padding:1px !important}
.search-container select {min-width:200px;max-width:350px}
.search-container a {color:#005C9C; font-size:0.9em}
.ui-dialog{font-size:0.9em !important;}
.ui-button-ok{background: url("images/button.png") repeat-x scroll 50% 50% #4CA20B !important;border: 1px solid #45930B !important;color: #FFFFFF !important;font-weight: normal !important;outline: medium none !important;}
.ui-button-ok:hover{background: #4eb305 url(images/button-hover.png) 50% 50% repeat-x !important; border: 1px solid #8bd83b !important;font-weight: normal !important; color: #ffffff !important;outline: none !important}
.container{text-align: center;border: 1px solid #EEE;width: 100%;margin: 0 0 4px;}
.chart{display:inline-block}
.uidate{width:75px !important}

/* FORMS */
fieldset textarea, fieldset input[type="text"], fieldset input[type="password"], fieldset select, 
.filter textarea, .filter input[type="text"], .filter input[type="password"], .filter select{width:200px;border: 1px solid #ccc; padding:3px;font-size:1.1em !important}
fieldset textarea, .long{width:300px !important}
fieldset select{width:307px} /*;font-family:Courier New !important*/
fieldset input[type="checkbox"]{margin-top:7px}
fieldset .pass{margin:0 5px}
fieldset input.submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
fieldset .noborder{border:0 solid #FFF !important}
.loading{background-color: #ffe;border: 1px solid #FF6D06;color: #FF6D06;cursor: progress;padding: 2px 4px 6px;position: fixed;z-index: 9999;right:50%;top:5px} /*bottom:15px; left:15px*/
.loading div{background-image: url('images/ajax_loader.gif');background-repeat: no-repeat;height: 15px;padding-left: 20px}
.filter .auto{width:auto !important}
.filter {font-size:0.9em !important}
.filter button {font-size:0.8em !important}
.filter tr {height:26px}
.filter td {padding-left:5px}
input[disabled=""], input[disabled="disabled"], textarea[disabled=""], textarea[disabled="disabled"], select[disabled=""], 
select[disabled="disabled"] {background-color:#E7EDEF !important; border:1px dotted #ccc !important;color:#222}

.fieldset_header {background-color: #EDEDED;border:none;border-bottom: 2px solid #ccc;color:#555;font-size: 1.1em;font-weight: bold;padding: 2px;margin-top: 10px;cursor:pointer}
.fieldset_header a {cursor: pointer;float: right;font-size: 0.9em;color: #c00 !important;}
.fieldset_header span{display: inline-block}
.header_new {background-color: #fff;border: none;border-bottom: 2px solid #ccc;}
.header_new a {color: #090 !important;}
.header_new span {color: #fff !important}

fieldset {padding:0;border:none;background-color:#fff;padding-left:0px;font-size:0.9em}
fieldset .row {clear:left; display:block;margin:0;padding:10px;border-bottom: 1px dotted #D1D1D1}
fieldset .roweven{background-color:#FAFAFA}
fieldset .row:hover, fieldset .row:active{background-color:#FFFFCF}
/*
fieldset .row {clear:left; display:block;margin:5px 0 10px 0; padding:2px}
fieldset .row:hover{background-color:#eee}
fieldset .splitter{border-bottom: 1px dotted #D1D1D1}
*/

fieldset .row label {width: 150px;float:left;display:block;font-size:1.1em; font-weight:bold !important; color:#666}
fieldset .req {float:left;color: #c00;font-weight: normal;text-align: right;margin:4px 0 0 -10px;font-size:1.5em}
fieldset .row label + label {font-size:1.1em !important;font-weight: normal !important;margin:4px 0;padding: 2px 0;}

fieldset .subp{display:block;margin:2px 0 0 150px;color:#949494;clear:left}
fieldset .subp input{width:auto !important}
fieldset .subp label{float:none !important;display:inline}
fieldset .block{display: inline-block;margin-bottom:0px !important}
fieldset .block li {list-style: none outside none; padding-left:0px !important;line-height: 1em !important; background:none}
fieldset .block li input{clear: left;display: block;float: left;margin: 3px}
fieldset .block li label{font-weight:normal !important; color:#222; float:none;width: 250px}

/* reCaptcha */
#recaptcha_area{margin: auto !important}
.recaptchatable .recaptcha_image_cell, #recaptcha_table {background-color:#FFEDAF !important}
 #recaptcha_table {border-color: #fff !important;margin:0 2px 0 2px}
 #recaptcha_response_field, #recaptcha_challenge_field {background-color:#fff !important;width: 300px;border: 1px solid #CCC}
 
/* Extend */
.ui-icon-trash{float:right}
.ui-menu .ui-menu-item {background: none !important; font-size:0.8em}
.ui-tabs .ui-tabs-nav li a {font-weight:bold !important;}
.ui-datepicker {font-size: 0.9em !important}
.ui-datepicker-trigger{margin-left:2px}

/* Grid extend */
#list{margin-bottom:5px}
.grid, .grid-auto-height{font-size:0.8em !important;width: 100%; border:1px solid #E0E0E0}
.grid{height: 530px}
.paging{font-size:0.8em !important;width: 100%; height: 20px;padding:3px 0px 3px 0px;margin-top:-3px; position:relative; border:1px solid #E0E0E0 !important}
.paging-pager {vertical-align: middle; display:block; width: auto;float:right; padding:0 15px 2px 0}
.paging-pager span a{bottom: -2px;position: relative; border:1px solid #d0d0d0}
.row-highlight .slick-cell{background-color:#FFFFCF !important}
.row-highlight .action-cell{cursor:pointer;}
.grid a{color:#005C9C !important;text-align:center;display:table-cell}

/* Success State */
.ui-state-success, .ui-widget-content .ui-state-success, .ui-widget-header .ui-state-success {border: 1px solid #45930B !important; background: #EFF6E8 url(jq/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #5F7546 !important; }
.ui-state-success a, .ui-widget-content .ui-state-success a, .ui-widget-header .ui-state-success a { color: #264409 !important}
.ui-state-success-text, .ui-widget-content .ui-state-success-text, .ui-widget-header .ui-state-success-text { color: #264409 !important }
.ui-state-success .ui-icon, .ui-state-success-text .ui-icon {background-image: url(jq/images/ui-icons_cd0a0a_256x240.png); }

/* Slick grid */
.slick-header.ui-state-default,.slick-headerrow.ui-state-default{width:100%;overflow:hidden;border-left:0}
.slick-header-columns,.slick-headerrow-columns{width:999999px;position:relative;white-space:nowrap;cursor:default;overflow:hidden}
.slick-header-column.ui-state-default{position:relative;display:inline-block;overflow:hidden;text-overflow:ellipsis;height:16px;line-height:16px;margin:0;padding:4px;border-right:1px solid silver;border-left:0;border-top:0;border-bottom:0;float:left}
.slick-headerrow-column.ui-state-default{padding:4px}
.slick-header-column-sorted{font-style:italic}
.slick-sort-indicator{display:inline-block;width:8px;height:5px;margin-left:4px}
.slick-sort-indicator-desc{background:url(images/sort-desc.gif)}
.slick-sort-indicator-asc{background:url(images/sort-asc.gif)}
.slick-resizable-handle{position:absolute;font-size:.1px;display:block;cursor:col-resize;width:4px;right:0;top:0;height:100%}
.slick-sortable-placeholder{background:silver}
.grid-canvas{position:relative;outline:0}
.slick-row.ui-widget-content,.slick-row.ui-state-active{position:absolute;border:0}
.slick-cell,.slick-headerrow-column{float:left;border:1px solid transparent;border-right:1px dotted silver;border-bottom-color:silver;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;z-index:1;padding:1px 2px 2px 1px;margin:0;white-space:nowrap;cursor:default}
.slick-cell.highlighted{background:lightskyblue;background:rgba(0,0,255,0.2);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.slick-cell.flashing{border:1px solid red!important}
.slick-cell.editable{z-index:11;overflow:visible;background:white;border-color:black;border-style:solid}
.slick-cell:focus{outline:none}
.slick-reorder-proxy{display:inline-block;background:blue;opacity:.15;filter:alpha(opacity=15);cursor:move}
.slick-reorder-guide{display:inline-block;height:2px;background:blue;opacity:.7;filter:alpha(opacity=70)}
.slick-selection{z-index:10;position:absolute;border:2px dashed black}
/*.percent-complete-bar {display: inline-block;height: 6px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}*/
.percent-complete-bar {margin-top:3px;display:inline-block;height: 15px;text-align: center;vertical-align: middle;}
.percent-complete-label{position:relative;font-size:11px;color:rgb(0, 0, 0);top:-16px;left:0;text-align:center}
.variant-list{padding-left: 150px}
.variant-list li{display:inline;background:none;padding: 1px}
.variant-list li input{width:100px !important}
/* 
	Document   : jquery.pnotify.default.css
	Created on : Nov 23, 2009, 3:14:10 PM
	Author     : Hunter Perrin
	Version    : 1.0.0
	Description: Default styling for Pines Notify jQuery plugin.
*/
.ui-pnotify {top: 18px;right: 18px;position: absolute;height: auto;z-index: 9999;font-size:0.8em !important} 
html > body .ui-pnotify {position: fixed} 
.ui-pnotify .ui-pnotify-shadow {margin: 0;position: absolute;top: .1em;left: .1em;bottom: -.2em;right: -.2em;z-index: -1}
.ui-pnotify-container {background-position: 0 0;padding: .8em;height: 100%;} .ui-pnotify-closer {float: right;margin-left: .2em}
.ui-pnotify-title {display: block;font-size: 1em;font-weight: bold;margin-bottom: .4em}
.ui-pnotify-text {display: block;}
.ui-pnotify-icon, .ui-pnotify-icon span {display: block;float: left;margin-right: .2em}
.ui-pnotify-history-container {position: absolute;top: 0;left: 18px;width: 70px;border-top: none;z-index: 10000}
.ui-pnotify-history-container .ui-pnotify-history-header {padding: 2px}
.ui-pnotify-history-container button {cursor: pointer;display: block;width: 100%}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {display: block;margin: 0 auto}

/*

*/
.file_upload {position: relative;overflow: hidden;direction: ltr;cursor: pointer;text-align: center;color: #333;font-weight: bold;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;width: 200px;height: 30px;line-height: 30px;background: palegreen;border: 1px solid limegreen}
.file_upload_small {width: 200px;height: 30px;line-height: 30px;font-size: inherit;background: palegreen;border: 1px solid limegreen}
.file_upload_large {width: 100%;height: 150px;line-height: 150px;font-size: 20px;background: palegreen;border: 1px solid limegreen}
.file_upload_highlight {background: lawngreen}
.file_upload input {position: absolute;top: 0;right: 0;margin: 0;border: 300px solid transparent;opacity: 0;-ms-filter: 'alpha(opacity=0)';filter: alpha(opacity=0);-o-transform: translate(-300px , -300px) scale(10);-moz-transform: translate(-800px, 0) scale(10);cursor: pointer}
.file_upload iframe, .file_upload button {display: none}
.file_upload_preview img {width: 80px;}
/*.file_upload_progress .ui-progressbar-value {background: url(pbar-ani.gif)}*/
.file_upload_progress div {width: 150px;height: 15px}
.file_upload_cancel button {cursor: pointer}

/* ui daterangepicker plugin */
.ui-daterangepickercontain{position:absolute;z-index:999; font-size: 0.8em}
.ui-daterangepickercontain .ui-daterangepicker{float:left;padding:5px!important;width:auto;display:inline;background-image:none!important;clear:left}
.ui-daterangepicker ul,.ui-daterangepicker .ranges,.ui-daterangepicker .range-start,.ui-daterangepicker .range-end{float:left;padding:0;margin:0}
.ui-daterangepicker .ranges{width:auto;position:relative;padding:5px 5px 40px 0;margin-left:10px}
.ui-daterangepicker .range-start,.ui-daterangepicker .range-end{margin-left:5px}
.ui-daterangepicker button.btnDone{margin:0 5px 5px 0;position:absolute;bottom:0;right:0;clear:both;cursor:pointer;font-size:1.1em}
.ui-daterangepicker ul{width:17.6em;background:none;border:0}
.ui-daterangepicker li{list-style:none;padding:1px;cursor:pointer;margin:1px 0}
.ui-daterangepicker li.ui-state-hover,.ui-daterangepicker li.ui-state-active{padding:0}
.ui-daterangepicker li.preset_0{margin-top:1.5em!important}
.ui-daterangepicker .ui-widget-content a{text-decoration:none!important}
.ui-daterangepicker li a{font-weight:normal;margin:.3em .5em;display:block}
.ui-daterangepicker li span{float:right;margin:.3em .2em}
.ui-daterangepicker .title-start,.ui-daterangepicker .title-end{display:block;margin:0 0 .2em;font-size:1em;padding:0 4px 2px}
.ui-daterangepicker .ui-datepicker-inline{font-size:1em}
.ui-daterangepicker-arrows{padding:2px;width:204px;position:relative;float:right;margin:3px 6px 0 0}
.ui-daterangepicker-arrows input.ui-rangepicker-input{width:158px;margin:0 2px 0 20px;padding:2px;height:1.1em}
.ui-daterangepicker-arrows .ui-daterangepicker-prev,.ui-daterangepicker-arrows .ui-daterangepicker-next{position:absolute;top:2px;padding:1px}
.ui-daterangepicker-arrows .ui-daterangepicker-prev{left:2px}
.ui-daterangepicker-arrows .ui-daterangepicker-next{right:2px}
.ui-daterangepicker-arrows .ui-daterangepicker-prev:hover,.ui-daterangepicker-arrows .ui-daterangepicker-next:hover,.ui-daterangepicker-arrows .ui-daterangepicker-prev:focus,.ui-daterangepicker-arrows .ui-daterangepicker-next:focus{padding:0}

/* Colors */
.color-yellow {background:#f2bc00;}
.color-red    {background:#dd0000;}
.color-blue   {background:#148ea4;}
.color-white  {background:#dfdfdf;}
.color-orange {background:#f66e00;}
.color-green  {background:#8dc100;}
.color-yellow h3, .color-white h3, .color-green h3 {color:#000;}
.color-red h3, .color-blue h3, .color-orange h3 {color:#FFF;}
/* End Colors */

/* Columns section */
/*
#columns .column {float: left;width: 33.3%;min-height: 400px;height: auto !important; height: 400px}
#columns #column1 .widget { margin: 10px 10px 0 0; }
#columns #column3 .widget { margin: 10px 0 0 10px; }
*/
#columns{width:100%}
#columns #dashboard {display:table;margin:auto;width:100%}
#columns #dashboard .column {display:table-cell;float:left;width:32%;min-height:100px;height: auto !important;height:100px}
/*#columns .column {float: left;width: 33.3%;min-height: 400px;height: auto !important; height: 400px}*/
#columns .widget {margin: 10px 5px 0 5px;padding:2px}
#columns .widget .widget-head {color: #000;overflow: hidden;width: 100%;height: 30px;line-height: 30px}
#columns .widget .widget-head h3 {padding: 0 5px;float: left;font-size: 1.1em}
#columns .widget .widget-content {background-color: #fff;padding: 0 5px;color: #DDD;height: 120px;line-height: 1.2em;overflow: auto}
#columns .widget .widget-content p {padding: 0.8em 0;border-bottom: 1px solid #666}
#columns .widget .widget-content img {float: right;margin: 10px;border: 1px solid #FFF}
#columns .widget .widget-content pre {padding: 0.5em 5px;color: #EEE;font-size: 12px}
#columns .widget .widget-content ul {padding: 5px 0 5px 20px;list-style: disc}
#columns .widget .widget-content ul li {padding: 3px 0; background:none;color:#555;line-height:1em;font-size:0.9em}
#columns .widget .widget-content ul li a{color:#444}
/* End Columns section */

/* Vector Map */
.jvectormap-label {position: absolute;display: none;border: solid 1px #CDCDCD;-moz-border-radius: 3px;background: #292929;color: white;font-family: sans-serif, Verdana;font-size: smaller;padding: 3px;z-index:10000}
.jvectormap-zoomin, .jvectormap-zoomout {position: absolute;-moz-border-radius: 3px;background: #292929;padding: 3px;color: white;width: 10px;height: 10px;cursor: pointer;line-height: 10px;text-align: center}
.jvectormap-zoomin {left: 10px;top: 10px}
.jvectormap-zoomout {left: 10px;top: 30px}