/*
 * @package	2b.Simplified
 * @copyright	Copyright (c) JP Bessette (http://www.jpbessette.com)
 */

@import url("reset.css");

body{
	font-family: Arial, Tahoma, sans-serif;
	font-size: 0.8em;
	color: #666666;
}
a{
	text-decoration: underline;
	color: #3686e2;
}
a:hover, a:active{
	text-decoration: none;
	color: #000000;
}
img{
	max-width: 100%;
	height: auto;
	border: 0;
}
h1{
	padding: 0.5em 0 0.1em 0;
	font: 2em "Trebuchet MS", Arial, sans-serif;
	color: #222222;
}
.left{ float: left; }
.right{ float: right; }
.center{ text-align: center; }
.clear{ clear: both; }
.hidden{ display: none; }
.dialog{
	display: none;
	text-align: center;
}
#container, .ui-navbar ul{
	position: relative;
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
@media (min-width: 1200px){
	#container, .ui-navbar ul{ width: 1200px; }
}

.ui-widget .ui-widget-header, .ui-widget .ui-tabs-nav, .ui-tabs{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.ui-tabs .ui-tabs-nav{
	border: 0;
	border-bottom: 1px solid #aaaaaa;
}
.ui-widget div.input-head{
	padding: 0.8em;
	border-radius: 0;
	border-bottom: 1px solid #bbbbbb;
}

.ui-wait{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
	z-index: 9999;
}
.ui-wait p{
	margin: 260px 0 0;
	padding: 0.5em;
	font-weight: bold;
}

/* _______________________________________________________________________
 * Form */
input, textarea, select, a.ui-file{
	margin: 0;
	padding: 6px;
	background: #ffffff;
	border: 1px solid #cccccc;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	border-radius: 5px;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	font: 1em Arial, Tahoma, sans-serif;
	color: #000000;
}
input:focus, textarea:focus, select:focus{
	border-color: rgba(88, 151, 251, 1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.3);
	outline: 0 none;
}
input[type='checkbox']{
	padding: 0;
	border: 0;
}
.select2-container{ width: 455px; }
label{
	float: left;
	width: 30%;
	margin: 0;
	padding: 6px 2%;
	text-align: right;
	line-height: 1.4em;
	font-weight: bold;
}
div.even, div.odd{
	min-height: 30px;
	padding: 4px 0;
	border-bottom: 1px solid #cccccc;
}
div.input-head{ min-height: 0; }
.even{ background: #f3f6f6; }
.ui-tabs-panel .even, .ui-dialog .even, .ui-prop .even{ background: #ffffff; }
div.last, .ui-dialog-content form div:last-child{ border: 0; }
div.input{
	clear: none;
	float: right;
	width: 64%;
	padding: 0 2% 0 0;
}
div.even:after, div.odd:after{
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	content: ".";
}
span.info{
	display: block;
	padding: 3px 2% 3px 34%;
	line-height: 1.2em;
	color: #808080;
}
div.input span.info{ padding-left: 0; }
div.filename p{ padding: 0.2em 0; }
input[type="file"], a.ui-file{
	display: block;
	float: left;
	width: 230px;
	margin: 0 4px 0 0;
}
input[type="file"]{ padding: 4px 6px; }
div.radio input, div.radio span{ margin: 4px 0; }
div.radio .ui-button-text{ margin: 0; }
div.label{
	float: left;
	width: 175px;
	padding: 3px 0;
}

body .defaultSkin table.mceLayout{ border: 0; }
body .defaultSkin table.mceLayout tr.mceLast td{ border: 0; }
body div.textarea table.mceLayout{
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
div.textarea .mceStatusbar{ display: none; }
.defaultSkin .mceIframeContainer{ background: #ffffff; }
span.required{ color: #ff0000; }

.ui-lang input{
	position: relative;
	margin-left: 30px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.ui-lang .ui-button{
	position: absolute;
	width: 30px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.ui-lang .ui-button-text{ padding: 5px 0.5em; }

div .ui-btn-add, div .ui-widget-content .ui-btn-add,
.ui-btn-add:hover,
.ui-btn-add:focus,
div .ui-btn-delete, div .ui-widget-content .ui-btn-delete,
.ui-btn-delete:hover,
.ui-btn-delete:focus{ color: #ffffff; }
div .ui-btn-add, div .ui-widget-content .ui-btn-add{
	background: #72c152;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #72c152), color-stop(1, #2e8d11));
	background: -webkit-linear-gradient(top, #72c152, #2e8d11);
	background: -moz-linear-gradient(top, #72c152, #2e8d11);
	background: -ms-linear-gradient(top, #72c152, #2e8d11);
	background: -o-linear-gradient(top, #72c152, #2e8d11);
	background: linear-gradient(top, #72c152, #2e8d11);
	border: 1px solid #26770d;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	font-weight: bold;
}
.ui-btn-add:hover{ background: #2e8d11; }
.ui-btn-add:focus{ background: #72c152; }
div .ui-btn-delete, div .ui-widget-content .ui-btn-delete{
	background: #f33b3b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f33b3b), color-stop(1, #c42121));
	background: -webkit-linear-gradient(top, #f33b3b, #c42121);
	background: -moz-linear-gradient(top, #f33b3b, #c42121);
	background: -ms-linear-gradient(top, #f33b3b, #c42121);
	background: -o-linear-gradient(top, #f33b3b, #c42121);
	background: linear-gradient(top, #f33b3b, #c42121);
	border: 1px solid #aa0707;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.ui-btn-delete:hover{ background: #c42121; }
.ui-btn-delete:focus{ background: #f33b3b; }
.ui-btn-add .ui-icon,
.ui-btn-delete .ui-icon{ background-image: url('images/ui-icons_ffffff_256x240.png'); }

div.left form{ width: 752px; }
@media (min-width: 1200px){
	div.left form{ width: 972px; }
}
.ui-prop{ width: 205px; }
.ui-prop .ui-widget-header,
.ui-prop div.odd, .ui-prop div.even{
	min-height: 0;
	padding: 10px;
}
#uploader{ min-height: 300px; }

/* _______________________________________________________________________
 * Messages */
.msg-alert, .msg-error, .msg-confirm{
	clear: both;
	margin: 0 0 6px 0;
	padding: 8px 0 8px 26px;
	border: 1px solid #fbd850;
	color: #102e44;
	font-weight: bold;
}
.msg-alert{ background: #fdf9e1 url('../images/ico_alert.png') no-repeat 1px 2px; }
.msg-error{
	background: #fef1ec url('../images/ico_error.png') no-repeat 1px 2px;
	border-color: #cd0a0a;
	color: #cd0a0a;
}
.msg-confirm{
	background: #eefeec url('../images/ico_confirm.png') no-repeat 1px 2px;
	border-color: #51cd0a;
}

/* _______________________________________________________________________
 * Dialog */
.ui-widget.ui-dialog, .ui-widget.ui-jqdialog{
	border-color: #444444;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
}
.ui-dialog .ui-widget-header, .ui-jqdialog .ui-widget-header{ border-style: none none solid; }
.ui-dialog .ui-icon-closethick, .ui-jqdialog .ui-icon-closethick{ background: url('../images/ico_dialog.png') no-repeat -59px 0; }
.ui-dialog .ui-icon-closethick:hover, .ui-jqdialog .ui-icon-closethick:hover{ background-position: -59px 0; }
.ui-dialog .ui-icon-extlink{ background: url('../images/ico_dialog.png') no-repeat -40px 0; }
.ui-dialog .ui-icon-extlink:hover{ background-position: -40px -24px; }
.ui-dialog .ui-icon-minus{ background: url('../images/ico_dialog.png') no-repeat -21px 0; }
.ui-dialog .ui-icon-minus:hover{ background-position: -21px -24px; }
.ui-dialog .ui-icon-newwin{ background: url('../images/ico_dialog.png') no-repeat -1px 0; }
.ui-dialog .ui-icon-newwin:hover{ background-position: -1px -24px; }

/* _______________________________________________________________________
 * Navbar */
.ui-navbar{
	position: relative;
	width: 100%;
	height: 45px;
	background: #f36c00;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.ui-navbar:before{
	position: absolute;
	display: block;
	width: 100%;
	height: 45px;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
	background: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	content: " ";
}
.ui-navbar li{
	position: relative;
	float: left;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.ui-navbar li.right{ float: right; }
.ui-navbar li a{
	display: block;
	height: 15px;
	padding: 15px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
	font-weight: bold;
	opacity: 0.9;
	color: #ffffff;
}
.ui-navbar li a:hover{
	background: rgba(255, 255, 255, 0.1);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0.15)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.15));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.15));
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.15));
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.15));
	background: linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.15));
	opacity: 1;
}
.ui-navbar li a:focus{ background: rgba(255, 255, 255, 0.2); }
.ui-navbar .current, .ui-navbar .current:hover{
	background: #e66400;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) inset;
	opacity: 1;
}
.ui-navbar ul ul{
	position: absolute;
	display: none;
	width: 200px;
	background: #ffffff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	z-index: 50;
}
.ui-navbar ul li.right ul{ right: 0; }
.ui-navbar ul ul li{
	float: none;
	border: none;
}
.ui-navbar ul ul a{
	height: auto;
	padding: 10px 15px;
	border: 1px solid transparent;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	font-weight: normal;
}
.ui-navbar ul ul a:hover{
	background-color: rgba(88, 151, 251, 0.1);
	border: 1px solid rgba(88, 151, 251, 1);
	color: #000000;
}
.ui-navbar ul ul .current, .ui-navbar ul ul .current:hover{
	background: #dddddd;
	border: 1px solid transparent;
	box-shadow: none;
}

.nav-spring{ background: #87af23; }
.nav-spring .current, .nav-spring .current:hover{ background: #78a03c; }
.nav-green{ background: #2d8c0f; }
.nav-green .current, .nav-green .current:hover{ background: #238205; }
.nav-legacy{ background: #4294ae; }
.nav-legacy .current, .nav-legacy .current:hover{ background: #32829b; }
.nav-blue{ background: #0f50a0; }
.nav-blue .current, .nav-blue .current:hover{ background: #0f468c; }
.nav-purple{ background: #7d3c91; }
.nav-purple .current, .nav-purple .current:hover{ background: #733782; }
.nav-red{ background: #d20a00; }
.nav-red .current, .nav-red .current:hover{ background: #b90a00; }
.nav-lt-gray{ background: #999999; }
.nav-lt-gray .current, .nav-lt-gray .current:hover{ background: #8c8c8c; }
.nav-gray{ background: #2f2f2f; }
.nav-gray .current, .nav-gray .current:hover{ background: #202020; }
.nav-behance{ background: #1496c8; }
.nav-behance .current, .nav-behance .current:hover{ background: #0f87b9; }

/* _______________________________________________________________________
 * Icons */
.ui-panel li{
	float: left;
	padding: 2px 2px 1px 1px;
}
.ui-panel li:hover{ padding: 3px 1px 0 2px; }
.ui-panel a{
	display: block;
	width: 113px;
	height: 38px;
	margin: 0;
	padding: 72px 2px 0 2px;
	background: #ffffff url('../images/ico_module.png') no-repeat 0 -20px;
	border: 1px solid #dadada;
	line-height: 1.1em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.ui-panel a .ui-button-text{ padding: 0; }
.ui-panel a:hover{
	background-color: rgba(88, 151, 251, 0.1);
	border: 1px solid rgba(88, 151, 251, 1);
}
.ui-dialog .ico{
	position: absolute;
	top: 0;
	left: 2px;
	width: 26px;
	height: 26px;
	background-image: url('../images/ico_module.png');
	background-position: -11px -11px;
	background-size: 390px 293px;
}
.ui-dialog .ui-icon-alert{
	position: absolute;
	top: 6px;
	left: 6px;
}
.ui-cbtn{ padding: 1em 0 0 0; }
.ui-multi-win .ui-cbtn, .ui-tabs-panel .ui-cbtn{ padding: 0; }
.ui-tabs-panel .ui-cbtn{
	position: absolute;
	top: 0;
	right: 0;
}
.ui-tabs-panel .ui-cbtn li{ margin: 2px 2px 2px 0.5em; }
.ui-cbtn li{
	float: right;
	margin: 0 0 0.5em 0.5em;
}
.ui-cbtn li.cancel{ margin-left: 1.5em; }
.ui-batch{
	display: none;
	padding-left: 20px;
	padding-right: 20px;
	background: url('../images/ico_batch.png') no-repeat 0 14px;
}

.ui-panel li.module a{ background-position: 0 -20px; }
.ui-panel li.user a{ background-position: -120px -20px; }
.ui-panel li.logs a{ background-position: -240px -20px; }
.ui-panel li.history a{ background-position: -360px -20px; }

.ico-module .ico{ background-position: -11px -11px; }
.ico-user .ico{ background-position: -60px -11px; }
.ico-logs .ico{ background-position: -109px -11px; }
.ico-history .ico{ background-position: -157px -11px; }

h1 .ui-icon{
	float: left;
	width: 56px;
	height: 52px;
	margin-top: -8px;
	background-image: url('../images/ico_module.png');
	background-position: -20px -20px;
	background-size: 720px 540px;
}
h1.module .ui-icon{ background-position: -20px -20px; }
h1.user .ui-icon{ background-position: -110px -20px; }
h1.logs .ui-icon{ background-position: -200px -20px; }
h1.history .ui-icon{ background-position: -290px -20px; }

/* _______________________________________________________________________
 * Tabs */
.ui-tabs{ padding: 0; }
.ui-tabs .ui-tabs-hide{ display: none; }
.ui-tabs .ui-tabs-panel{ padding: 0; }
.ui-widget .ui-tabs-nav .ui-state-default{
	background: #bbbbbb url('images/ui-bg_highlight-soft_75_d9dde3_1x100.png') center top repeat-x;
	border-color: #aaaaaa;
}
.ui-widget .ui-tabs-nav .ui-state-active{
	background: #fafbfb;
	box-shadow: none;
}

/* _______________________________________________________________________
 * Grid */
.ui-jqgrid{
	clear: both;
	width: 100%;
}
.ui-jqgrid .ui-jqgrid-view, .ui-jqgrid .ui-jqgrid-pager, .ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-pg-selbox, .ui-jqdialog{ font-size: 1em; }
.ui-jqgrid th, .ui-jqgrid td{ vertical-align: middle; }
.ui-jqgrid .ui-jqgrid-titlebar{ display: none; }
.ui-jqgrid .ui-jqgrid-htable th div{
	height: auto;
	padding: 0.5em 0;
}
.ui-jqgrid .ui-th-div-ie{ height: auto; }
.ui-jqgrid .ui-jqgrid-labels th{
	height: 22px;
	font-weight: bold;
}
.ui-jqgrid th{ padding: 2px 4px; }
.ui-jqgrid .ui-jqgrid-htable th.left, th.left{ float: none; text-align: left; }
.ui-jqgrid .ui-jqgrid-htable th.right, th.right,
.ui-jqgrid .ui-jqgrid-btable td.right, td.right{ float: none; text-align: right; }
.ui-jqgrid tr.jqgrow td{
	padding: 2px 4px;
	border-color: #cccccc;
	line-height: 1.4em;
	white-space: normal;
}
.ui-jqgrid tr.jqgrow td:first-child{ padding: 2px; }
.ui-jqgrid-btable tr.jqgrow td{ white-space: pre; }
tr.ui-widget-content{ background: #ffffff; }
tr.ui-widget-content.even, tr.even{ background: #f3f6f6; }
.ui-jqgrid input,
.ui-jqgrid textarea,
.ui-jqgrid select{ padding: 4px; }
.ui-jqgrid td .ui-button{
	margin-right: 3px;
	font-size: 0.85em;
	color: #333333;
}
.ui-jqgrid .ui-pg-input{ height: auto; }
.ui-jqgrid .ui-pg-selbox{ height: auto; }
.ui-jqgrid .ui-paging-info{ margin-top: 9px; }
.ui-jqdialog{ padding: 0; }
.ui-jqdialog .ui-jqdialog-titlebar{ padding: 0.5em; }
.ui-jqdialog hr{
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}
.ui-jqgrid tr.jqgrow .level2,
.ui-jqgrid tr.jqgrow .level3,
.ui-jqgrid tr.jqgrow .level4{ background: url('../images/ico_level.png') no-repeat -22px 0; }
.ui-jqgrid tr.jqgrow .level2{ padding-left: 18px; }
.ui-jqgrid tr.jqgrow .level3{ padding-left: 28px; background-position: -12px 0; }
.ui-jqgrid tr.jqgrow .level4{ padding-left: 38px; background-position: -2px 0; }
.ui-tabs-panel .ui-jqgrid{ border: 0; }
.ui-sortable tr.jqgrow{ cursor: move; }

/* _______________________________________________________________________
 * Sortable */
.ui-sortable li{
	position: relative;
	display: block;
	margin: 0 0 4px 0;
	padding: 0.1em 0 0.1em 2.1em;
	height: 2.4em;
	line-height: 2.3em;
	cursor: move;
}
.ui-sortable li .ui-button{
	position: absolute;
	top: 0.2em;
	right: 0.1em;
}
.ui-sortable li .ui-button .ui-icon{ left: 0.4em; }
.ui-sortable li .ui-button-text{ padding: 0.3em 0.9em; }
.ui-sortable li .ui-icon-grip-dotted-vertical, .ui-sortable li .ui-icon-plus{
	position: absolute;
	margin: 0.5em 0 0.5em -1.6em;
}
.ui-sortable .ui-state-highlight{ height: 2.4em; }
div.left form .ui-sortable input{ max-width: 403px; }

/* _______________________________________________________________________
 * Login */
body.login{
	padding: 10% 0 0 0;
	background: #f6f6f6;
}
body.login #container{ width: 400px; }
body.login .ui-widget-content{
	padding: 10px 15px;
	background: #ffffff url('../images/bckg_login.png') no-repeat top center;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
	border: 1px solid #d4d4d4;
	color: #8399b0;
}
body.login .ui-widget-content p, body.login h1{ text-align: right; }
body.login .ui-widget-content p.left{
	float: none;
	text-align: left;
}
body.login h1{
	text-shadow: none;
	font-size: 2.5em;
	font-weight: bold;
	color: #3686e2;
}
body.login form{ padding: 60px 80px 30px 80px; }
body.login input{
	width: 200px;
	margin: 2px 0;
}
body.login button{
	width: 212px;
	margin: 2px 0;
}
body.login label{
	display: none;
	float: none;
	width: auto;
	padding-bottom: 0;
	text-align: left;
}
.ie6 body.login label,
.ie7 body.login label,
.ie8 body.login label,
.ie9 body.login label{ display: block; }

/* _______________________________________________________________________
 * Footer */
footer{
	clear: both;
	padding: 10px 0;
	text-align: center;
	font-size: 0.85em;
	color: #888888;
}
body.login footer{
	background: none;
	border: none;
}