@import "reset.css";
@import "fullcalendar.css";
@import "font.css";
@import "ui_custom.css";
@import "fancybox.css";
@import "bootstrap.css";
@import "bootstrap-responsive.css";
@import "elfinder.css";
@import "plugins.css";

/* Table of Content
 ==================================================
 # General styles
 # Typography
 # Top part
 # Sidebar stuff
 # Content stuff
 # Form styles
 # Tables
 # Invoice template
 # Login page
 # Error and offline pages
 # Messages page
 # Gallery page
 # Special classes for resizable grid. Class "under" adds dynamically
 # Special classes for responsive layout
 # Responsive navigation
 # Media queries (remove them if you don't want to use responsive layout)
 ==================================================*/

/* #Switcher
 ================================================== */

.switcher {
	position: fixed;
	right: 0;
	top: 180px;
	background: url(../images/switcher/bg.png) no-repeat;
	width: 14px;
	height: 206px;
	z-index: 10000;
	padding: 6px 5px 0 5px;
}
.switcher a img {
	margin-bottom: 6px;
}

select {
	height: 28px;
	width: auto;
	border: 1px solid #ccc;
}
.secNav select {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.secNav .select2-container .select2-choice, .secNav .selector {
	border-color: #c8c8c8;
}
.secNav .select2-container {
	width: 100% !important;
	max-width: 100%;
}

.jqstooltip {
	z-index: 10001;
	border: 1px solid #303030 !important;
	box-shadow: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/* # General styles
 ================================================== */

html {
	height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/backgrounds/side.png);
	font-size: 12px;
	line-height: 22px;
	color: #5f5f5f;
	min-height: 100%;
	position: relative;
}
#wait{
	display: none;
	margin 0;
	padding 0;
	background-color: #666;
    opacity: 0.8;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    height: 100%;
    width: 100%;
    overflow: hidden;    
    background-position: center;
    background-repeat: no-repeat;
}
#wait > img {
	width: 100%;
	max-width: 128px;
	position: fixed;
	top:0; left:0; right:0; bottom:0;
	margin:	auto;
	
}
.container {
	margin: 0 auto;
	background: url(../images/backgrounds/body.jpg);
}
#page {
	padding-top: 55px;
}
#content {
	padding-bottom: 60px;
	position: relative;
	padding-top: 0px;
}

.wrapper {
	margin: 10px 22px;
}

.clear {
	clear: both;
	display: block;
}
.mfix {
	margin: 0 2px !important;
}
.hidden {
	overflow: hidden
}
.relative {
	position: relative;
}
a {
	cursor: pointer;
}
p {
	padding-top: 12px;
}
img {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.inactive {
	color: #2B6893 !important;
}
.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}

.noBorderB {
	border-bottom: none !important;
}
.noBorder {
	border: none !important;
}
.nobg {
	background: none !important;
}
.nomargin {
	margin: 0 !important;
}
.nopadding {
	padding: 0 !important;
}
.displayNone {
	display: none;
}
.display {
	display: block !important;
}
.fullwidth {
	width: 100%;
}

.thisRow {
	background: #f3f3e8 !important;
}
.hand {
	cursor: pointer;
}

.floatL {
	display: block;
	float: left;
}
.floatR {
	display: block;
	float: right;
}

.legendLabel span {
	display: block;
	margin: 0 5px;
}
.legendColorBox {
	padding-left: 10px;
}

button, input[type=submit], input[type=image], input[type=reset] {
	cursor: pointer;
}

.with {
	width: 326px;
}
.without {
	width: 100px;
}

.tooltip {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #fff;
	font-size: 11px;
	padding: 3px 8px;
	background: #3b3b3b;
	background: -moz-linear-gradient(top,  #3b3b3b 0%, #1d1d1d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%,#1d1d1d));
	background: -webkit-linear-gradient(top,  #3b3b3b 0%,#1d1d1d 100%);
	background: -o-linear-gradient(top,  #3b3b3b 0%,#1d1d1d 100%);
	background: -ms-linear-gradient(top,  #3b3b3b 0%,#1d1d1d 100%);
	background: linear-gradient(top,  #3b3b3b 0%,#1d1d1d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#1d1d1d',GradientType=0 );
}

/* # Typography
 ================================================== */

/* === Headings === */

h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}

/* === Text colors === */

.red {
	color: #A64949;
}
.green {
	color: #4D7F12;
}
.grey {
	color: #aaa;
}

/* === Placeholder color === */

::-webkit-input-placeholder {
	color: #b3b3b3;
}
:-moz-placeholder {
	color: #b3b3b3;
}

/* === Text alignment === */

.textL, .text-left {
	text-align: left !important;
}
.textC, .text-center {
	text-align: center;
}
.textR, .text-right {
	text-align: right;
}

/* === Label styles === */

.redBack, .greenBack, .greyBack, .blueBack {
	padding: 5px 6px 4px 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fafafa;
}
.redBack {
	background: #b75d5d;
}
.greenBack {
	background: #7ab75d;
}
.greyBack {
	background: #6a6a6a;
}
.blueBack {
	background: #5d92b7;
}

/* === List styles === */

.widget ol {
	padding-left: 16px;
}
.caption {
	display: block;
	font-weight: bold;
	padding-bottom: 4px;
}
.liTip li {
	background: url(../images/elements/other/updateDone.png) no-repeat 0 5px;
	padding: 0 0 0 20px;
}
.liArrow li {
	background: url(../images/elements/control/subnav_arrow.png) no-repeat 0 8px;
	padding: 0 0 0 12px;
}
.liInfo li {
	background: url(../images/elements/other/updateNotice.png) no-repeat 0 5px;
	padding: 0 0 0 20px;
}
.liWarning li {
	background: url(../images/elements/other/updateWarning.png) no-repeat 0 5px;
	padding: 0 0 0 20px;
}
.liInfinite li {
	background: url(../images/elements/other/taskPending.png) no-repeat 0 8px;
	padding: 0 0 0 20px;
}
.liDone li {
	background: url(../images/elements/other/taskDone.png) no-repeat 0 6px;
	padding: 0 0 0 20px;
}

.niceList li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	padding: 8px 12px;
	background: #FDFDFD;
	background: -moz-linear-gradient(top, #FDFDFD 0%, whiteSmoke 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FDFDFD), color-stop(100%, whiteSmoke));
	background: -webkit-linear-gradient(top, #FDFDFD 0%, whiteSmoke 100%);
	background: -o-linear-gradient(top, #FDFDFD 0%, whiteSmoke 100%);
	background: -ms-linear-gradient(top, #FDFDFD 0%, whiteSmoke 100%);
	background: linear-gradient(top, #FDFDFD 0%, whiteSmoke 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 );
}

/* ===  Charts  === */

.chart, .bars, .updating, .pie {
	height: 250px;
	margin: 10px 0 0 0;
	z-index: 90;
	width: 100%;
}
.secNav .chartS, .secNav .barsS, .secNav .updatingS, .secNav .pieS {
	width: 100%;
	height: 250px;
	z-index: 90;
}
.sideChart {
	background: #f5f5f5;
	padding: 10px;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
}
.chartWrapper {
	overflow: hidden;
}

/* # Top part
 ================================================== */

#top {
	height: 90px;
	display: block;
	width: 100%;
	z-index: 10000;
	padding-top: 5px;
	background: url(../images/backgrounds/side.png);
}
.logo {
	float: left;
	margin-top: 10px;
}
.topNav {
	float: right;
	position: relative;
}
.topSearch input[type=submit], .userSearch input[type=submit] {
	background: url(../images/sprites/sprite.png);
}

/*=== User navigation ===*/

#sidebar ul.navmenu {
	display: none;
}
ul.navmenu {
	float: left;
	margin: 10px 0 0 0;
}
ul.navmenu > li {
	display: inline-block;
	margin: 0 0 0 10px;
	background: #f9f9f9;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 0 1px 1px #4e4e4e;
	-webkit-box-shadow: 0 0 1px 1px #4e4e4e;
	-moz-box-shadow: 0 0 1px 1px #4e4e4e;
}
ul.navmenu li:hover {
	background-color: #cccccc;
}
ul.navmenu li:active {
	background-color: #cccccc;
}
ul.navmenu > li > a {
	display: block;
	height: 28px;
	width: 28px;
}

ul.navmenu li a.home {
	background: url(../images/icons/usual/icon-home.png) no-repeat 7px 6px;
}
ul.navmenu li a.documents {
	background: url(../images/icons/usual/icon-archive.png) no-repeat 7px 6px;
}
ul.navmenu li a.reports {
	background: url(../images/icons/usual/icon-list.png) no-repeat 7px 6px;
}
ul.navmenu li a.manage {
	background: url(../images/icons/usual/icon-cog2.png) no-repeat 7px 6px;
}
ul.navmenu li a.participants {
	background: url(../images/icons/usual/icon-search.png) no-repeat 7px 6px;
}
ul.navmenu li a.screen {
	background: url(../images/icons/usernav/screen.png) no-repeat 9px 9px;
}
ul.navmenu li a.settings {
	background: url(../images/icons/usernav/settings.png) no-repeat 9px 9px;
}
ul.navmenu li a.profile {
	background: url(../images/icons/usernav/profile.png) no-repeat 9px 9px;
}
ul.navmenu li a.messages {
	background: url(../images/icons/usernav/messages.png) no-repeat 9px 10px;
}
ul.navmenu li a.logout {
	background: url(../images/icons/usual/icon-logoff.png) no-repeat 7px 6px;
}
ul.navmenu li a.account {
	background: url(../images/icons/usual/icon-user.png) no-repeat 7px 6px;
}
ul.navmenu li a.search {
	background: url(../images/icons/usernav/search.png) no-repeat 9px 9px;
}
ul.navmenu li a.sidebar {
	background: url(../images/icons/usernav/sidebar.png) no-repeat 9px 9px;
}

/* === Search === */

.topSearch {
	position: absolute;
	display: none;
	right: 30px;
	top: 58px;
	background: url(../images/backgrounds/sidebar.jpg);
	padding: 10px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.topSearch input[type=text] {
	background: #2c2c2c;
	padding: 6px 8px 7px 8px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #9d9d9d;
	width: 180px;
	box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
	-webkit-box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
	-moz-box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
}
.topSearch input[type=submit] {
	background-position: 0 0;
	width: 19px;
	height: 20px;
	position: absolute;
	right: 14px;
	top: 14px;
}
.topSearch input[type=submit]:hover {
	background-position: 0 -21px;
}
.topSearch input[type=submit]:active {
	background-position: 0 -42px;
}
.topDropArrow {
	background: url(../images/elements/other/dropTopArrow.png) no-repeat;
	width: 13px;
	height: 6px;
	position: absolute;
	left: 50%;
	top: -6px;
	margin-left: -6px;
	display: block;
}

/* === User search (responsive) === */

.userSearch {
	display: none;
	position: relative;
	margin: 16px 16px 16px 0;
}
.userSearch input[type=text] {
	background: #2c2c2c;
	padding: 6px 8px 7px 8px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	height: 27px;
	color: #9d9d9d;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
	-webkit-box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
	-moz-box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
}
.userSearch input[type=submit] {
	background-position: 0 0;
	width: 19px;
	height: 20px;
	position: absolute;
	right: 4px;
	top: 4px;
}
.userSearch input[type=submit]:hover {
	background-position: 0 -21px;
}
.userSearch input[type=submit]:active {
	background-position: 0 -42px;
}

/* # Sidebar stuff
 ================================================== */

#sidebar {
	display: block;
	background: url(../images/backgrounds/side.jpg) repeat-y;
	min-height: 100%;
	position: absolute;
	z-index: 999;
	border-right: 1px solid #c3c3c3;
}
.mainNav {
	width: 100px;
	background: url(../images/backgrounds/sidebar.jpg);
	float: left;
	padding-top: 15px;
	position: relative;
	z-index: 99;
	padding-top: 49px;
}
.secNav {
	position: relative;
	padding-left: 100px;
	z-index: 98;
	padding-top: 49px;
}
.secNav h6 {
	font-size: 12px;
	padding: 0 15px;
}
.secNav .secWrapper {
	float: left;
	width: 226px;
}
.secNav .secWrapper:after {
	content: "";
	display: block;
	clear: both;
}
.sideWidget {
	padding: 0 15px;
}
#sidebar .legend {
	display: none;
}
#sidebar .divider {
	height: 0;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #f5f5f5;
	position: relative;
	margin: 20px 0;
}
#sidebar .divider > span {
	position: absolute;
	left: 50%;
	margin-left: -21px;
	background: #e6e6e6 url(../images/div.png) no-repeat 50%;
	width: 36px;
	padding: 0 3px;
	height: 9px;
	display: block;
	top: -4px;
}
.sideTable {
	background: #f5f5f5;
	border-top: 1px solid #c3c3c3;
}
#sidebar .sidePad {
	padding: 0 15px;
}

/* === User nav dropdown === */

.leftUser {
	display: none;
	position: absolute;
	top: 16px;
	font-size: 11px;
	width: 137px;
	padding-left: 7px;
	left: 106px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-align: left;
	background: url(../images/elements/other/userArrow.png) 0 11px no-repeat;
	z-index: 1000;
}
.leftUser li {
	border-bottom: 1px solid #343434;
	border-top: 1px solid #545454;
	background: url(../images/backgrounds/sidebar.jpg);
}
.leftUser li:hover {
	background: #454545;
}
.leftUser li:first-child {
	border-top: none;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
}
.leftUser li:last-child {
	border-bottom: none;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
}
.leftUser li a {
	display: block;
	padding: 6px 5px 6px 34px;
	color: #c2c2c2;
}
.leftUser li a.sProfile {
	background: url(../images/icons/usernav/profile.png) no-repeat 12px 12px;
}
.leftUser li a.sMessages {
	background: url(../images/icons/usernav/messages.png) no-repeat 12px 13px;
}
.leftUser li a.sSettings {
	background: url(../images/icons/usernav/settings.png) no-repeat 12px 12px;
}
.leftUser li a.sLogout {
	background: url(../images/icons/usernav/logout.png) no-repeat 12px 12px;
}

/* === User === */

.user {
	width: 100%;
	text-align: center;
	position: relative;
	padding-top: 16px;
	border-top: 1px solid #545454;
}
.user a {
	position: relative;
	display: inline-block; /*width: 80px; margin: 0 auto;*/
}
.user a > img {
	box-shadow: 0 1px 3px #1e1e1e;
	-webkit-box-shadow: 0 1px 3px #1e1e1e;
	-moz-box-shadow: 0 1px 3px #1e1e1e;
}
.user a > span {
	background: url(../images/backgrounds/sidebar.jpg);
	padding: 0 2px 2px 2px;
	position: absolute;
	right: -2px;
	top: 0;
	display: block;
	text-align: center;
	-webkit-border-bottom-left-radius: 2px;
}
.user a > span > strong {
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding: 0px 5px;
	color: white;
	line-height: 17px;
	height: 16px;
	white-space: nowrap;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	background: #DA8854;
	background: -moz-linear-gradient(top, #DA8854 0%, #C35A32 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DA8854), color-stop(100%,#C35A32));
	background: -webkit-linear-gradient(top, #DA8854 0%,#C35A32 100%);
	background: -o-linear-gradient(top, #DA8854 0%,#C35A32 100%);
	background: -ms-linear-gradient(top, #DA8854 0%,#C35A32 100%);
	background: linear-gradient(top, #DA8854 0%,#C35A32 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da8854', endColorstr='#c35a32',GradientType=0 );
}
.user > span {
	display: block;
	color: #c2c2c2;
	margin-top: 10px;
}

/* === Nav for user dropdown (responsive) === */

.altNav {
	margin-left: 100px;
	text-align: center;
}

/* === Main navigation === */

.nav {
	text-align: center;
	border-top: 1px solid #2e2e2e;
	margin-top: 10px;
	border-bottom: 1px solid #555555;
}
.nav li {
	border-top: 1px solid #555555;
	border-bottom: 1px solid #2e2e2e;
	position: relative;
}
.nav li a {
	display: block;
	padding: 14px 0 8px 0;
	color: #bababa;
	font-size: 11px;
	width: 100px;
	background: -moz-linear-gradient(top,  rgba(86,86,86,0.2) 0%, rgba(54,54,54,0.2) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,86,86,0.2)), color-stop(100%,rgba(54,54,54,0.2)));
	background: -webkit-linear-gradient(top,  rgba(86,86,86,0.2) 0%,rgba(54,54,54,0.2) 100%);
	background: -o-linear-gradient(top,  rgba(86,86,86,0.2) 0%,rgba(54,54,54,0.2) 100%);
	background: -ms-linear-gradient(top,  rgba(86,86,86,0.2) 0%,rgba(54,54,54,0.2) 100%);
	background: linear-gradient(top,  rgba(86,86,86,0.2) 0%,rgba(54,54,54,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33565656', endColorstr='#33363636',GradientType=0 );
}
.nav li a span {
	display: block;
	padding-top: 4px;
	text-shadow: 0 1px 0 #303030;
}
.nav li a img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.nav > li > a:hover {
	background: -moz-linear-gradient(top,  rgba(86,86,86,0.2) 0%, rgba(54,54,54,0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,86,86,0.2)), color-stop(100%,rgba(86,86,86,0.1)));
	background: -webkit-linear-gradient(top,  rgba(86,86,86,0.2) 0%,rgba(86,86,86,0.1) 100%);
	background: -o-linear-gradient(top,  rgba(86,86,86,0.2) 0%,rgba(54,54,54,0.1) 100%);
	background: -ms-linear-gradient(top,  rgba(86,86,86,0.2) 0%,rgba(54,54,54,0.1) 100%);
	background: linear-gradient(top,  rgba(86,86,86,0.2) 0%,rgba(86,86,86,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33565656', endColorstr='#1a363636',GradientType=0 );
}
.nav li a:active, .nav li a.active {
	background: -moz-linear-gradient(top,  rgba(86,86,86,0.1) 0%, rgba(54,54,54,0.1) 100%);
	background: -webkit-linear-gradient(top,  rgba(120,120,120,0.2) 0%,rgba(120,120,120,0.3) 100%);
	background: -o-linear-gradient(top,  rgba(128,128,128,0.4) 0%,rgba(115,115,115,0.3) 100%);
	background: -ms-linear-gradient(top,  rgba(86,86,86,0.2) 0%,rgba(54,54,54,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33565656', endColorstr='#1a363636',GradientType=0 );
}
.nav li a.active {
	color: #f4f4f4;
}
.nav li a.active img, .nav li a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.nav > li > a:hover {
	color: #f4f4f4;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.nav li:hover ul {
	display: block;
}
.nav li ul {
	display: none;
	position: absolute;
	top: 0;
	font-size: 11px;
	min-width: 170px;
	white-space: nowrap;
	padding-left: 12px;
	left: 100px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-align: left;
	background: url(../images/elements/other/userArrow.png) 5px 11px no-repeat;
	z-index: 1000;
}
.nav li ul li {
	border-bottom: 1px solid #343434;
	border-top: 1px solid #545454;
	background: url(../images/backgrounds/sidebar.jpg);
}
.nav li ul li:hover {
	background: #454545;
}
.nav li ul li:first-child {
	border-top: none;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
}
.nav li ul li:last-child {
	border-bottom: none;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
}
.nav li ul li a {
	display: block;
	padding: 8px 14px 8px 14px;
	color: #c2c2c2;
	width: auto;
}
.nav li ul li a span {
	padding-top: 3px;
	float: left;
}
.nav li ul li a [class*="icol-"] {
	opacity: 0.5;
	filter: alpha(opacity=50);
	padding-top: 4px;
}
.nav li ul li ul {
	left: auto;
	right: 0;
	position: static;
	padding-left: 0;
	background: #505050;
}
.nav li ul li [class*="dataNum"] {
	box-shadow: 0 0px 1px #101010;
	-webkit-box-shadow: 0 0px 1px #101010;
	-moz-box-shadow: 0 0px 1px #101010;
}
.nav li ul li ul li {
	border-top: 1px solid #606060;
	border-bottom: 1px solid #404040;
}
.nav li ul li ul li:hover {
	background-color: #555;
}
.nav li ul li ul li, .nav li ul li ul li a {
	background: none;
}

.nav li ul li ul li a {
	background: url(../images/elements/control/subnav_arrow.png) no-repeat 14px 16px;
	padding-left: 26px;
}

/* === Sub sidebar top part === */

.secTop {
	height: 64px;
	background: url(../images/backgrounds/contentTop.png) repeat-x;
	position: relative;
}

.secTop [class^="triangle-"], .secTop [class*=" triangle-"] {
	background: url(../images/elements/ui/triangles.png) no-repeat;
	width: 28px;
	height: 27px;
	display: block;
	position: absolute;
	top: 0;
	right: -1px;
}
.secTop .triangle-red {
	background-position: -84px 0;
}
.secTop .triangle-red:hover {
	background-position: -84px -27px;
}
.secTop .triangle-red:active {
	background-position: -84px -54px;
}

.secTop .triangle-green {
	background-position: -56px 0;
}
.secTop .triangle-green:hover {
	background-position: -56px -27px;
}
.secTop .triangle-green:active {
	background-position: -56px -54px;
}

.secTop .triangle-blue {
	background-position: -28px 0;
}
.secTop .triangle-blue:hover {
	background-position: -28px -27px;
}
.secTop .triangle-blue:active {
	background-position: -28px -54px;
}

.secTop .triangle-gold {
	background-position: 0 0;
}
.secTop .triangle-gold:hover {
	background-position: 0 -27px;
}
.secTop .triangle-gold:active {
	background-position: 0 -54px;
}

/* === Icons line === */

.iconsLine {
	height: 28px;
	font-size: 11px;
	border-top: 1px solid #c3c3c3;
}
.iconsLine {
	text-align: center;
}
.iconsLine li {
	display: block;
	float: left;
	text-align: center;
	height: 28px;
	width: 100%;
	border-bottom: 1px solid #c3c3c3;
	box-shadow: 0 1px 0 #f6f6f6, 0 1px 0 #fff inset;
	-webkit-box-shadow: 0 1px 0 #f6f6f6, 0 1px 0 #fff inset;
	-moz-box-shadow: 0 1px 0 #f6f6f6, 0 1px 0 #fff inset;
	background: url(../images/backgrounds/breadcrumbs.png) repeat-x;
}
.iconsLine li:first-child a {
	border-left: none;
	margin-left: 0;
}
.iconsLine li a {
	display: block;
	padding: 0;
	height: 28px;
	border-left: 1px solid #c3c3c3;
	line-height: 28px;
}
.iconsLine li a img {
	padding: 7px 0;
	height: 12px;
}
.iconsLine li:hover {
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eaeaea',GradientType=0 );
}
.iconsLine li.clicked {
	box-shadow: 0 1px 0px #eee inset, 0 1px 0 #ededed;
	-webkit-box-shadow: 0 1px 0px #eee inset, 0 1px 0 #ededed;
	-moz-box-shadow: 0 1px 0px #eee inset, 0 1px 0 #ededed;
}
.iconsLine li.clicked a {
	background: url(../images/backgrounds/subnav.jpg);
	border-bottom: 1px solid #dadada;
}

.ic1 li {
	width: 100%;
}
.ic1 li a {
	color: #707070;
	font-size: 11px;
}
.ic2 li {
	width: 50%;
}
.ic3 li {
	width: 75px;
}
.ic3 li:first-child {
	width: 76px;
}
.ic4 li {
	width: 56px
}
.ic4 li:first-child {
	width: 58px
}
.ic5 li {
	width: 45px;
}
.ic5 li:first-child {
	width: 46px;
}

/* === Subnav styles === */

.subNav {
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
}
.subNav .hasNum {
	padding: 7px 45px 8px 14px;
}
.subNav li {
	font-size: 11px;
	position: relative;
}
.subNav li a > img {
	display: block;
	float: left;
	padding: 5px 10px 0 0;
}
.subNav li a {
	color: #6a6a6a;
	padding: 8px 14px 8px 14px;
	display: block;
	border-top: 1px solid #fdfdfd;
	border-bottom: 1px solid #cecece;
	font-weight: bold;
	background: #f7f7f7;
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e6e6e6));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
	background: linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e6e6e6',GradientType=0 );
}
.subNav li a:hover {
	background: #fbfbfb;
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #fbfbfb 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #fbfbfb 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e8e8e8',GradientType=0 );
}
.subNav li a:active {
	background: #f0f0f0;
}
.subNav li ul {
	border-bottom: 1px solid #cecece;
}
.subNav li ul li {
	border-top: 1px solid #e3e3e3;
}
.subNav li ul li:first-child {
	border-top: none;
}
.subNav li ul li a {
	background: #fafafa url(../images/elements/control/subnav_arrow.png) no-repeat 14px;
	padding-left: 30px;
	border: none;
	font-weight: normal;
}
.subNav li ul li a:hover {
	background: #fffffa url(../images/elements/control/subnav_arrow.png) no-repeat 14px;
}
.subNav li a.this {
	background: url(../images/backgrounds/body.jpg);
	margin-right: -1px;
	color: #a64949;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	padding-left: 10px;
}
.subNav .activeli {
	border-left: 4px solid #505050;
}

/* === Sidebar widgets === */

/* Numbers statistics */

.numStats ul:after {
	content: "";
	display: block;
	clear: both;
}
.numStats ul li {
	float: left;
	text-align: center;
	width: 50px;
	padding: 0 12px;
	border-right: 1px dotted #bbb;
	border-left: 1px dotted #f5f5f5;
}
.numStats ul li a {
	color: #b35d5d;
	text-shadow: 0 1px #f5f5f5;
	font-size: 18px;
	font-weight: bold;
}
.numStats ul li span {
	display: block;
	color: #717e88;
	font-size: 11px;
	margin-top: -4px;
}
.numStats ul li.last {
	border-right: none;
}
.numStats ul li:first-child {
	border-left: none;
}

/* Tags */

.secNav .tagsinput {
	background: none;
	border: none;
	padding: 0 8px;
	margin: -3px 0;
}
.secNav .tagsinput span.tag {
	margin: 3px;
	color: #5f5f5f;
	background: #fdfdfd;
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%);
	background: linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f2f2f2',GradientType=0 );
	border: 1px solid #D2D2D2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.secNav .tagsinput span.tag a {
	color: #aaa;
}

/* Widget sample */

.secNav .widget {
	border-radius: 0;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	border-left: none;
	border-right: none;
	margin-top: 0;
}
.secNav .whead {
	border-radius: 0;
	box-shadow: 0 1px 0 #f2f2f2;
	-webkit-box-shadow: 0 1px 0 #f2f2f2;
	-moz-box-shadow: 0 1px 0 #f2f2f2;
}
.secNav .whead h6 {
	padding: 8px 12px 7px 12px;
}
.secNav .widget .body {
	padding: 10px 12px;
}

/* Forms styles */

.secNav .formRow {
	padding: 0;
	border: none;
	margin-top: 18px;
}
.secNav .formRow:first-child {
	margin-top: 0;
}
.secNav .formRow > label {
	padding: 0 0 6px 0;
}
.secNav .formRow input[type="text"], .secNav .formRow input[type="password"], .secNav .formRow textarea {
	box-shadow: 0 1px 0 #f2f2f2;
	-webkit-box-shadow: 0 1px 0 #f2f2f2;
	-moz-box-shadow: 0 1px 0 #f2f2f2;
	border: 1px solid #ccc;
}
.secNav input[type="submit"], .secNav input[type="button"], .secNav button {
	width: 100%;
}
.secNav .uploader {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 197px;
	box-shadow: 0 1px 0 #f2f2f2;
	-webkit-box-shadow: 0 1px 0 #f2f2f2;
	-moz-box-shadow: 0 1px 0 #f2f2f2;
	border: 1px solid #ccc;
}
.secNav .checker {
	box-shadow: 0 1px 0 #f5f5f5;
	-webkit-box-shadow: 0 1px 0 #f5f5f5;
	-moz-box-shadow: 0 1px 0 #f5f5f5;
}
.secNav .uploader > input {
	width: 195px;
}
.secNav .selector {
	max-width: 187px;
	width: 187px;
}

/* Contact list */

.userList {
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
}
.userList li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cecece;
	background: #f7f7f7;
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e6e6e6));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
	background: linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e6e6e6',GradientType=0 );
}
.userList li:hover {
	background: #fbfbfb;
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #fbfbfb 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #fbfbfb 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e8e8e8',GradientType=0 );
}
.userList li:active {
	background: #f0f0f0;
}
.userList li a > img {
	float: left;
	margin: 0 10px 0 0;
	box-shadow: 0 1px 1px #f5f5f5;
	-webkit-box-shadow: 0 1px 1px #f5f5f5;
	-moz-box-shadow: 0 1px 1px #f5f5f5;
}
.userList li a {
	color: #6a6a6a;
	padding: 10px 14px;
	display: block;
	position: relative;
}
.userList li a:after {
	content: "";
	display: block;
	clear: both;
}
.userList li.this {
	margin-right: -1px;
}
.userList li.this a {
	background: url(../images/backgrounds/body.jpg);
	margin-right: -1px;
	border-top: 1px solid transparent;
}
.userList li.this .contactName > strong {
	color: #B35D5D;
}
.userList li.this .contactName > i {
	color: #959595;
}

.contactName {
	float: left;
}
.contactName > strong {
	color: #393939;
	text-shadow: 0 1px #fff;
	display: block;
	line-height: 22px;
}
.contactName > strong > span {
	color: #b35d5d;
}
.contactName > i {
	display: block;
	font-style: normal;
	font-size: 11px;
	color: #656565;
	line-height: 10px;
}

.status_available, .status_away, .status_off {
	width: 7px;
	height: 7px;
	background: url(../images/elements/other/contact_status.png) no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}
.status_available {
	background-position: 0 0;
}
.status_away {
	background-position: 0 -8px;
}
.status_off {
	background-position: 0 -16px;
}

/* Upload files */

.filesDown > li {
	display: block;
	padding: 8px 24px 8px 12px;
	font-size: 11px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fdfdfd;
	position: relative;
	background: #fafafa;
	background: -moz-linear-gradient(top,  #fafafa 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #fafafa 0%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #fafafa 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #fafafa 0%,#eeeeee 100%);
	background: linear-gradient(top,  #fafafa 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eeeeee',GradientType=0 );
}
.filesDown > li:first-child {
	padding: 8px 12px;
}
.filesDown > li:last-child {
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom: none;
}
.fileProcess {
	margin-top: 6px;
	padding: 0 6px;
}
.fileProcess > .loader {
	float: left;
	margin-top: 3px;
}
.filesDown .remove {
	position: absolute;
	right: 10px;
	top: 15px;
	display: block;
	width: 7px;
	height: 8px;
	cursor: pointer;
	background: url(../images/elements/other/removeLi.png) no-repeat;
}
.fileProcess strong {
	color: #436b80;
	padding-left: 8px;
	font-size: 12px;
}
.fileProgress {
	color: #909090;
	white-space: nowrap;
	margin-bottom: 12px;
}
.filesDown > li.currentFile {
	background: none;
}
.fileSuccess, .fileError {
	width: 12px;
	height: 13px;
	display: block;
	float: left;
	margin: 5px 10px 0 0;
}
.fileSuccess {
	background: url(../images/elements/other/fileSuccess.png) no-repeat;
}
.fileError {
	background: url(../images/elements/other/fileError.png) no-repeat;
}
.fileQueue {
	width: 12px;
	height: 6px;
	background: url(../images/elements/other/taskPending.png) no-repeat;
	display: block;
	float: left;
	margin: 8px 10px 0 0;
}

.sideUpload .fileProcess {
	padding: 0;
	margin-bottom: 10px;
}
.sideUpload .filesDown > li.currentFile {
	background: #f2f2f2;
	border-top: 1px solid #c3c3c3;
}
.sideUpload .fileProgress {
	margin-bottom: 10px;
}
.sideUpload .filesDown > li:last-child {
	border-bottom: 1px solid #c3c3c3;
}
.dropFiles {
	background: url(../images/dropFiles.png) no-repeat;
	display: block;
	width: 189px;
	height: 123px;
	margin: 0 auto 20px auto;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.dropFiles:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.sideUpload .contentProgress {
	height: 5px !important;
	box-shadow: 0 1px 1px #fff !important;
	-webkit-box-shadow: 0 1px 1px #fff !important;
	-moz-box-shadow: 0 1px 1px #fff !important;
	background: #7d7d7d !important;
	border: none !important
}

/* General balance */

.balance {
	padding: 0 15px;
	line-height: 18px;
}
.balance .balInfo {
	float: left;
	margin: 14px 10px 0 0;
	font-size: 14px;
	font-weight: bold;
}
.balance .balInfo > span {
	color: #959595;
	display: block;
	font-weight: normal;
	font-size: 11px;
}
.balance .balAmount {
	float: right;
	font-size: 16px;
	color: #52777b;
	font-weight: bold;
	text-shadow: 0 1px #fff;
	margin-top: 8px;
	text-align: center;
}
.balance .balAmount > span {
	display: block;
	margin-top: 5px;
}
.balBars {
	display: block;
	width: 60px;
	height: 18px;
}

/* Sidebar color buttons */

.sideB {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 5px;
	display: block;
	text-align: center;
	color: #fff;
}

.sideRed {
	border: 1px solid #7d3030;
	box-shadow: inset 0 1px 0 #b57474;
	-webkit-box-shadow: inset 0 1px 0 #b57474;
	-moz-box-shadow: inset 0 1px 0 #b57474;
	background: #9c4545;
	background: -moz-linear-gradient(top,  #9c4545 0%, #7d3030 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c4545), color-stop(100%,#7d3030));
	background: -webkit-linear-gradient(top,  #9c4545 0%,#7d3030 100%);
	background: -o-linear-gradient(top,  #9c4545 0%,#7d3030 100%);
	background: -ms-linear-gradient(top,  #9c4545 0%,#7d3030 100%);
	background: linear-gradient(top,  #9c4545 0%,#7d3030 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c4545', endColorstr='#7d3030',GradientType=0 );
}

.sideGreen {
	border: 1px solid #699818;
	box-shadow: inset 0 1px 0 #a5c965;
	-webkit-box-shadow: inset 0 1px 0 #a5c965;
	-moz-box-shadow: inset 0 1px 0 #a5c965;
	background: #86b630;
	background: -moz-linear-gradient(top,  #86b630 0%, #6a9818 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86b630), color-stop(100%,#6a9818));
	background: -webkit-linear-gradient(top,  #86b630 0%,#6a9818 100%);
	background: -o-linear-gradient(top,  #86b630 0%,#6a9818 100%);
	background: -ms-linear-gradient(top,  #86b630 0%,#6a9818 100%);
	background: linear-gradient(top,  #86b630 0%,#6a9818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86b630', endColorstr='#6a9818',GradientType=0 );
}

.sideGrey {
	border: 1px solid #c3c3c3;
	box-shadow: inset 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	color: #6a6a6a;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}

.sideGrey:active {
	background: #6f6f6f;
	color: #fff;
	border-color: #646464;
	box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
}

.sideGreyish {
	border: 1px solid #505866;
	box-shadow: inset 0 1px 0 #9da4b1;
	-webkit-box-shadow: inset 0 1px 0 #9da4b1;
	-moz-box-shadow: inset 0 1px 0 #9da4b1;
	background: #7b8596;
	background: -moz-linear-gradient(top,  #7b8596 0%, #515967 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8596), color-stop(100%,#515967));
	background: -webkit-linear-gradient(top,  #7b8596 0%,#515967 100%);
	background: -o-linear-gradient(top,  #7b8596 0%,#515967 100%);
	background: -ms-linear-gradient(top,  #7b8596 0%,#515967 100%);
	background: linear-gradient(top,  #7b8596 0%,#515967 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8596', endColorstr='#515967',GradientType=0 );
}

/* Full width grey buttons */

.sideFullWidth {
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}
.sideFullWidth:after {
	content: "";
	display: block;
	clear: both;
}
.sideFullWidth li {
	width: 75px;
	float: left;
}
.sideFullWidth li a span.users {
	background: url(../images/icons/sidebarButtons/users.png) no-repeat 50%;
	display: block;
	width: 100%;
	height: 100%;
}
.sideFullWidth li:first-child a {
	border-left: none;
}
.sideFullWidth li a {
	font-size: 10px;
	width: 75px;
	height: 46px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	text-align: center;
	color: #fff;
}
.sideFullWidth li a {
	border: 1px solid #c3c3c3;
	border-right: none;
	color: #6a6a6a;
}
.sideFullWidth li a:hover {
	background: #fafafa;
	background: -moz-linear-gradient(top,  #fafafa 0%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top,  #fafafa 0%,#eaeaea 100%);
	background: -o-linear-gradient(top,  #fafafa 0%,#eaeaea 100%);
	background: -ms-linear-gradient(top,  #fafafa 0%,#eaeaea 100%);
	background: linear-gradient(top,  #fafafa 0%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
}
.sideFullWidth li a:active {
	background: #f2f2f2;
}

/* Full width dropdown */

.fulldd {
	height: 28px;
	box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
	-webkit-box-shadow: 0 1px 0 #f2f2f2, 0 1px 0 #fff inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
	background: url(../images/backgrounds/breadcrumbs.png) repeat-x;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	font-size: 11px;
}
.fulldd li {
	width: 100%;
	position: relative;
}
.fulldd li a {
	color: #666666;
	text-decoration: none;
	padding: 3px 25px 3px 14px;
	display: block;
	white-space: nowrap;
}
.fulldd li a:hover {
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eaeaea',GradientType=0 );
}
.fulldd li a:active {
	background: #f8f8f8;
}
.fulldd li a img {
	display: block;
	position: absolute;
	right: 10px;
	top: 11px;
}

.fulldd li ul {
	position: absolute;
	display: none;
	right: -1px;
	border: 1px solid #c3c3c3;
	box-shadow: 0 1px 2px #dadada;
	-webkit-box-shadow: 0 1px 2px #dadada;
	-moz-box-shadow: 0 1px 2px #dadada;
	z-index: 1010;
	width: 100%;
}
.fulldd li ul li {
	width: 100%;
	float: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
}
.fulldd li ul li:first-child {
	border-top: none;
}
.fulldd li ul li a {
	background: #FDFDFD;
	padding: 5px 12px;
	background: -moz-linear-gradient(top, #FDFDFD 0%, whiteSmoke 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,whiteSmoke));
	background: -webkit-linear-gradient(top, #FDFDFD 0%,whiteSmoke 100%);
	background: -o-linear-gradient(top, #FDFDFD 0%,whiteSmoke 100%);
	background: -ms-linear-gradient(top, #FDFDFD 0%,whiteSmoke 100%);
	background: linear-gradient(top, #FDFDFD 0%,whiteSmoke 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 );
}
.fulldd li ul li a:hover {
	background: #f5f5f5;
}

/* # Content stuff
 ================================================== */

/* === Dividers === */

.divider {
	height: 0;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #fff;
	position: relative;
	margin: 35px 0 0 0;
}
.divider > span {
	position: absolute;
	left: 50%;
	margin-left: -21px;
	background: #eeeeee url(../images/div.png) no-repeat 50%;
	width: 36px;
	padding: 0 3px;
	height: 9px;
	display: block;
	top: -4px;
}

.widget .divider {
	height: 0;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #fff;
	position: relative;
	margin: 20px 0;
	min-height: 0;
}
.widget .divider > span {
	position: absolute;
	left: 50%;
	margin-left: -21px;
	background: #eeeeee url(../images/widgetDiv.png) no-repeat 50%;
	width: 36px;
	padding: 0 3px;
	height: 9px;
	display: block;
	top: -4px;
}

.dialog .divider {
	height: 0;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #fff;
	position: relative;
	margin: 20px 0;
}
.dialog .divider > span {
	position: absolute;
	left: 50%;
	margin-left: -21px;
	background: #f5f5f5 url(../images/div.png) no-repeat 50%;
	width: 36px;
	padding: 0 3px;
	height: 9px;
	display: block;
	top: -4px;
}

/* === Color marks === */

[class*="dataNum"] {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #fff !important;
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding: 3px 6px 2px 6px;
	height: 15px;
	line-height: 15px;
}
#sidebar [class*="dataNum"] {
	position: absolute;
	right: 8px;
	top: 10px;
}
#content [class*="dataNum"] {
	position: relative;
	text-shadow: none;
	display: inline-block;
	float: right;
	margin: 9px 9px 0 0;
}
.dataNumBlue {
	background: #6F93A6;
	box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #607f90;
	-webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #607f90;
	-moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #607f90;
}
.dataNumGrey {
	background: #767676;
	box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #666666;
	-webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #666666;
	-moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #666666;
}
.dataNumGreen {
	background: #7aa745;
	box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #6a913b;
	-webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #6a913b;
	-moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #6a913b;
}
.dataNumRed {
	background: #b35d5d;
	box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #9b5151;
	-webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #9b5151;
	-moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #9b5151;
}

/* === Content top part === */

.contentTop {
	height: 64px;
	padding: 0 22px;
	background: url(../images/backgrounds/contentTop.png) repeat-x;
}
.pageTitle {
	display: block;
	float: left;
	color: #626262;
	font-size: 14px;
	font-weight: bold;
	margin: 21px 30px 21px 0;
}

/* Quick stats */

.quickStats {
	float: right;
	line-height: 16px;
	text-align: center;
	margin: 15px 0 14px 0;
}
.quickStats:after {
	content: "";
	display: block;
	clear: both;
}
.quickStats .blue {
	color: #5d91a9;
}
.quickStats li {
	display: block;
	float: left;
	border-left: 1px solid #d9d9d9;
	padding: 2px 15px 0 15px;
	white-space: nowrap;
}
.quickStats li strong {
	font-size: 14px;
	padding-top: 1px;
	display: block;
}
.quickStats li span {
	display: block;
	color: #5f5f5f;
	font-size: 11px;
}
.quickStats li a {
	margin-right: 10px;
	margin-top: -2px;
	float: left;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.quickStats li:last-child {
	padding-right: 0;
}
.quickStats li:first-child {
	border-left: 0;
}

.blueImg, .redImg, .greenImg {
	width: 35px;
	height: 35px;
}
.blueImg {
	background: #6e97aa;
}
.redImg {
	background: #ba6d6d;
}
.greenImg {
	background: #8fae53;
}

.blueImg img {
	padding: 11px;
}
.redImg img {
	padding: 10px 10px;
}
.greenImg img {
	padding: 9px 13px;
}

/* === Breadcrumbs line === */

.breadLine {
	clear: both;
	height: 28px;
	box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
	-webkit-box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
	background: url(../images/backgrounds/breadcrumbs.png) repeat-x;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	font-size: 11px;
}
.breadLine .hideArrow {
	width: 30px;
	float: left;
	background: url(../images/hideArrow.png) no-repeat;
	background-position: 12px 10px;
	padding: 14px 0 14px 0;
	border-right: 1px solid #c3c3c3;
}
.breadLine .hideArrow:hover {
	background-color: #f5f5f5;
}

/* Breadcrumbs */

.bc {
	margin: 0;
	float: left;
}
ul.breadcrumbs {
	position: relative;
	z-index: 990;
	margin-left: 18px;
	float: left;
}
ul.breadcrumbs:after {
	content: "";
	display: block;
	clear: both;
}
ul.breadcrumbs li {
	float: left;
}
ul.breadcrumbs li.current {
	border-right: none;
}
ul.breadcrumbs li a {
	color: #666666;
	text-decoration: none;
	padding: 3px 20px 3px 14px;
	display: block;
	background: url(../images/icons/breadsArrow.png) no-repeat 100% 10px;
	height: 22px;
	line-height: 23px;
}
ul.breadcrumbs li a:hover, ul.breadcrumbs li.hover a {
	color: #2B6893;
}
ul.breadcrumbs > li:first-child {
	background: url(../images/icons/breadsHome.png) no-repeat 2px 10px;
}
ul.breadcrumbs > li:first-child > a {
	padding-left: 20px;
}
ul.breadcrumbs li.current > a {
	color: #B1B1B1;
	background: none;
}
ul.breadcrumbs li ul{
	position: absolute;
	background: url(../images/subArrow.png) no-repeat 10px 5px;
	font-size: 11px;
	width: 160px;
	top: 28px;
	padding-top: 10px;
	margin-left: 12px;
	display: none;
}
ul.navmenu li ul {
	position: absolute;
	font-size: 11px;
	width: 160px;
	top: 28px;
	padding-top: 10px;
	margin-top: 10px;
	margin-left: -2px;
	display: none;
	z-index: 990;
}
ul.breadcrumbs li ul li{
	width: 180px;
	border-bottom: 1px solid #343434;
	text-align: left;
	border-top: 1px solid #545454;
	background: url(../images/backgrounds/sidebar.jpg);
	padding: 0;
	float: none;
}
ul.navmenu li ul li {
	width: 180px;
	text-align: left;
	border-bottom: 2px inset;
	background: white;
	padding: 0;
	float: none;
}
ul.breadcrumbs li ul li:first-child, ul.navmenu li ul li:first-child {
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
	border-top: none;
	padding-top: 1px;
}
ul.breadcrumbs li ul li:last-child, ul.navmenu li ul li:last-child {
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
}
ul.breadcrumbs li ul li:hover, ul.navmenu li ul li:hover {
}
ul.breadcrumbs li ul li a{
	text-decoration: none;
	padding: 5px 14px 5px 24px;
	color: #CCCCCC !important;
	display: block;
	background: url(../images/elements/control/subnav_arrow.png) no-repeat 12px 13px;
}
ul.navmenu li ul li a {
	text-decoration: none;
	padding: 5px 14px 5px 24px;
	color: #5f5f5f; !important;
	display: block;
	background: url(../images/elements/control/subnav_arrow.png) no-repeat 12px 13px;
}

ul.breadcrumbs li ul li a:hover{
	background-color: #454545
}

ul.navmenu li ul li a:hover {
	color: #ffffff !important;
	background-color: #454545
}

/* Breadlinks */

.breadLinks {
	float: right;
	margin-right: 22px;
}
.breadLinks > ul:after {
	content: "";
	display: block;
	clear: both;
}
.breadLinks > ul > li {
	float: left;
	border-right: 1px solid #c3c3c3;
	position: relative;
}
.breadLinks ul li strong {
	color: #B35D5D;
	margin-left: 4px;
}
.breadLinks > ul > li:first-child {
	border-left: 1px solid #c3c3c3;
}
.breadLinks ul li a {
	color: #666666;
	padding: 3px 12px 3px 12px;
	display: block;
}
.breadLinks ul li a.hasdd {
	background: url(../images/elements/control/hasddArrow.png) no-repeat 100%;
}
.breadLinks ul li a:hover {
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eaeaea',GradientType=0 );
}
.breadLinks ul li a:active {
	background: #f8f8f8;
}
.breadLinks ul li a span > img {
	margin-left: 6px;
}
.breadLinks ul li ul {
	position: absolute;
	display: none;
	right: -1px;
	border: 1px solid #c3c3c3;
	box-shadow: 0 1px 2px #dadada;
	-webkit-box-shadow: 0 1px 2px #dadada;
	-moz-box-shadow: 0 1px 2px #dadada;
	z-index: 990;
	text-align: left;
}
.breadLinks ul li ul, .breadLinks ul li ul li:last-child {
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
}
.breadLinks ul li ul li {
	width: 140px;
	float: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
}
.breadLinks ul li ul li:first-child {
	border-top: none;
}
.breadLinks ul li ul li a {
	background: #FDFDFD;
	padding: 5px 12px;
	background: -moz-linear-gradient(top, #FDFDFD 0%, whiteSmoke 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,whiteSmoke));
	background: -webkit-linear-gradient(top, #FDFDFD 0%,whiteSmoke 100%);
	background: -o-linear-gradient(top, #FDFDFD 0%,whiteSmoke 100%);
	background: -ms-linear-gradient(top, #FDFDFD 0%,whiteSmoke 100%);
	background: linear-gradient(top, #FDFDFD 0%,whiteSmoke 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 );
}
.breadLinks ul li ul li a:hover {
	background: #f5f5f5;
}

/* === Middle navigation buttons === */

.middleNavR li, .middleNavR li a {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.middleNavR li {
	width: 84px;
	height: 84px;
	box-shadow: inset 0 2px 0px #ccc, 0 1px 2px #fff;
	-webkit-box-shadow: inset 0 2px 0px #ccc, 0 1px 2px #fff;
	-moz-box-shadow: inset 0 2px 0px #ccc, 0 1px 2px #fff;
}
.middleNavR li a {
	top: 8px;
	left: 8px;
	width: 66px;
	height: 66px;
	box-shadow: 0 2px 3px #b5b5b5, 0px 1px 0 #fff inset;
	-webkit-box-shadow: 0 2px 3px #b5b5b5, 0px 1px 0 #fff inset;
	-moz-box-shadow: 0 2px 3px #b5b5b5, 0px 1px 0 #fff inset;
}

.middleNavS li, .middleNavS li a {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.middleNavS li {
	width: 84px;
	height: 84px;
	box-shadow: inset 0 1px 1px #ccc, 0 1px 1px #fcfcfc, 0 0 1px 1px #f5f5f5;
	-webkit-box-shadow: inset 0 1px 1px #ccc, 0 1px 1px #fcfcfc, 0 0 1px 1px #f5f5f5;
	-moz-box-shadow: inset 0 1px 1px #ccc, 0 1px 1px #fcfcfc, 0 0 1px 1px #f5f5f5;
}
.middleNavS li a {
	top: 8px;
	left: 8px;
	width: 66px;
	height: 66px;
	box-shadow: 0 1px 1px #b5b5b5, 0px 1px 0 #fff inset;
	-webkit-box-shadow: 0 1px 1px #b5b5b5, 0px 1px 0 #fff inset;
	-moz-box-shadow: 0 2px 3px #b5b5b5, 0px 1px 0 #fff inset;
}

.middleNavA li, .middleNavA li a {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.middleNavA li {
	box-shadow: none;
}
.middleNavA li a {
	box-shadow: none;
}

.middleNavR {
	text-align: center;
	margin: 30px 0 0 0;
}
.middleNavR li {
	margin: 5px 10px -7px 10px;
	position: relative;
	display: inline-block;
	text-align: center;
	border: 1px solid #dfdfdf;
	background: #e9e9e9;
	background: -moz-linear-gradient(top,  #e9e9e9 0%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top,  #e9e9e9 0%,#eaeaea 100%);
	background: -o-linear-gradient(top,  #e9e9e9 0%,#eaeaea 100%);
	background: -ms-linear-gradient(top,  #e9e9e9 0%,#eaeaea 100%);
	background: linear-gradient(top,  #e9e9e9 0%,#eaeaea 100%);
}
.middleNavR li a {
	position: absolute;
	background: #fafafa;
	background: -moz-linear-gradient(top,  #fafafa 0%, #dfdfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#dfdfdf));
	background: -webkit-linear-gradient(top,  #fafafa 0%,#dfdfdf 100%);
	background: -o-linear-gradient(top,  #fafafa 0%,#dfdfdf 100%);
	background: -ms-linear-gradient(top,  #fafafa 0%,#dfdfdf 100%);
	background: linear-gradient(top,  #fafafa 0%,#dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dfdfdf',GradientType=0 );
	border: 1px solid #DFDFDF;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
}
.middleNavR li a > img, .middleNavS li a > img {
	padding-top: 23px;
}

.middleNavS {
	text-align: center;
	margin: 30px 0 0 0;
}
.middleNavS li {
	margin: 5px 10px -7px 10px;
	position: relative;
	display: inline-block;
	text-align: center;
	border: 1px solid #dfdfdf;
	background: #eee;
}
.middleNavS li a {
	position: absolute;
	background: #f7f7f7;
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #f7f7f7 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 );
	border: 1px solid #DFDFDF;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
}

.middleNavA {
	text-align: center;
	margin: 30px 0 0 0;
}
.middleNavA li {
	margin: 5px 10px 0 10px;
	position: relative;
	display: inline-block;
	text-align: center;
}
.middleNavA li a {
	background: #f7f7f7;
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#efefef 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#efefef 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#efefef 100%);
	background: linear-gradient(top,  #f7f7f7 0%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#efefef',GradientType=0 );
	border: 1px solid #d5d5d5;
	box-shadow: 0 0 0 1px #fcfcfc inset, 0 1px 1px #d5d5d5;
	-webkit-box-shadow: 0 0 0 1px #fcfcfc inset, 0 1px 1px #d5d5d5;
	-moz-box-shadow: 0 0 0 1px #fcfcfc inset, 0 1px 1px #d5d5d5;
	padding: 10px 16px 2px 16px;
	display: block;
	font-weight: bold;
	white-space: nowrap;
	color: #626262;
}
.middleNavA li a:hover {
	background: #f7f7f7;
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e6ef2f2f26e6));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#f2f2f2 100%);
	background: linear-gradient(top,  #f7f7f7 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=0 );
}
.middleNavA li a:active {
	box-shadow: none;
	background: #f4f4f4;
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #f7f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f7f7f7));
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f7f7f7 100%);
	background: -o-linear-gradient(top,  #f4f4f4 0%,#f7f7f7 100%);
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#f7f7f7 100%);
	background: linear-gradient(top,  #f4f4f4 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f7f7f7',GradientType=0 );
}
.middleNavA li a > span {
	display: block;
	padding-top: 4px;
	font-weight: bold;
}
.middleNavA li a > .iconb {
	font-size: 32px;
	color: #808080;
}

.middleFree {
	text-align: center;
	margin: 30px 0 0px 0;
}
.middleFree li {
	margin: 5px 10px 0 10px;
	position: relative;
	display: inline-block;
	text-align: center;
}
.middleFree li a {
	padding: 10px 16px 2px 16px;
	display: block;
	font-weight: bold;
	white-space: nowrap;
	color: #f5f5f5;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 1px 1px #d5d5d5;
}
.middleFree li a span {
	display: block;
	text-shadow: 0 1px 1px #707070;
}
.middleFree li a > .iconb {
	font-size: 32px;
	padding: 3px 0;
}
.middleFree li > strong {
	position: absolute;
	top: -6px;
	right: -6px;
	font-size: 11px;
	color: #f5f5f5;
	padding: 3px 5px;
	display: block;
	line-height: 12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-shadow: 0 1px #606060;
	background: url(../images/backgrounds/sidebar.jpg);
}

[class*="middleNav"] li strong {
	position: absolute;
	top: 3px;
	right: 3px;
	font-size: 11px;
	color: #fff;
	padding: 3px 5px;
	display: block;
	line-height: 12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-shadow: 0 -1px #848484;
	background: #ba6d6d;
	background: -moz-linear-gradient(top,  #ba6d6d 0%, #934848 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba6d6d), color-stop(100%,#934848));
	background: -webkit-linear-gradient(top,  #ba6d6d 0%,#934848 100%);
	background: -o-linear-gradient(top,  #ba6d6d 0%,#934848 100%);
	background: -ms-linear-gradient(top,  #ba6d6d 0%,#934848 100%);
	background: linear-gradient(top,  #ba6d6d 0%,#934848 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba6d6d', endColorstr='#934848',GradientType=0 );
}

.middleNavR li > a:hover, .middleNavS li > a:hover {
	background: #e6e6e6;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
	background: linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e6e6e6',GradientType=0 );
}
.middleNavR li > a:active, .middleNavS li > a:active {
	box-shadow: 0 2px 2px #efefef, 0 0px 3px 0px #cdcdcd inset;
	-moz-box-shadow: 0 2px 2px #efefef, 0 0px 2px 0px #cdcdcd inset;
	background: #e6e6e6;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
	background: linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e6e6e6',GradientType=0 );
	-webkit-transform: translate(0px,1px);
	-moz-transform: translate(0px,1px);
}

/* === Widget and widget head elements === */

.widget {
	background: #f7f7f7;
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 2px 2px -2px #ccc;
	margin-top: 35px;
	position: relative;
}
.widget > [class*="whead"] {
	border-bottom: 1px solid #cdcdcd;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px #fff;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	position: relative;
}
.whead a {
	color: #636363;
}
.widget > [class*="whead"] h6 {
	float: left;
	display: block;
	padding: 8px 14px 7px 14px;
	font-size: 12px;
	font-weight: bold;
}
[class*="whead"]:after {
	content: "";
	display: block;
	clear: both;
}
.widget .body {
	padding: 14px 16px;
}

.whead {
	color: #636363;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}

.wheadLight {
	color: #636363;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e4e4e4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e4));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
	background: linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 );
}

.wheadLight2 {
	color: #636363;
	background: #fafcfd;
	background: -moz-linear-gradient(top,  #fafcfd 0%, #eff1f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafcfd), color-stop(100%,#eff1f3));
	background: -webkit-linear-gradient(top,  #fafcfd 0%,#eff1f3 100%);
	background: -o-linear-gradient(top,  #fafcfd 0%,#eff1f3 100%);
	background: -ms-linear-gradient(top,  #fafcfd 0%,#eff1f3 100%);
	background: linear-gradient(top,  #fafcfd 0%,#eff1f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafcfd', endColorstr='#eff1f3',GradientType=0 );
}

.wheadLight3 {
	color: #636363;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(237,237,237,1) 51%, rgba(239,239,239,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(239,239,239,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(237,237,237,1) 51%,rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(237,237,237,1) 51%,rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(237,237,237,1) 51%,rgba(239,239,239,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(237,237,237,1) 51%,rgba(239,239,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}

/* Head icons and icon set */

.whead .iconb {
	font-size: 16px;
}
.whead [class*="icos-"] {
	padding: 5px 0;
	margin: 0;
}
.whead .dropdown-menu [class*="icos-"] {
	padding: 4px 0 0 0;
	margin-right: 10px;
}
.whead .pull-right {
	right: -1px;
}
.whead .bsideText {
	float: right;
	color: #217199;
	display: block;
	padding: 8px 14px 7px 14px;
	font-size: 12px;
	font-weight: bold;
}
.whead .contentProgress {
	float: right;
	width: 40%;
	margin: 16px 12px 16px 0;
	background: #e0e0e0;
}
.whead .headInput {
	float: right;
	width: 50%;
	margin: 8px 7px 6px 7px;
	position: relative;
}
.whead .headInput input[type=text] {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	font-size: 11px;
	color: #858585;
	box-shadow: 0 1px 0 #f5f5f5;
	-webkit-box-shadow: 0 1px 0 #f5f5f5;
	-moz-box-shadow: 0 1px 0 #f5f5f5;
	padding: 4px 20px 5px 5px;
	border: 1px solid #d7d7d7;
	display: inline-block;
	background: #fdfdfd;
	-webkit-appearance: none;
}
.widget .whead > .titleIcon {
	float: left;
	padding: 9px 0 10px 0;
	width: 40px;
	border-right: 1px solid #D5D5D5;
	text-align: center;
}
.titleIcon .checker {
	margin: 2px auto 0 auto;
	float: none;
}

.headLoad {
	float: right;
	margin: 10px 10px 0 0;
}
.headIcon {
	float: right;
	margin: 12px 12px 0 0;
}
.headIconSet {
	float: right;
	margin-right: 12px;
}
.headIconSet li {
	float: left;
	margin-left: 12px;
}
.headIconSet li a {
	margin: 11px 0;
	display: block;
}

/* Input fields */

.srch, .sbmt {
	position: absolute;
	right: 7px;
	top: 8px;
	border: none;
	width: 9px;
	height: 9px;
}
.srch {
	background: url(../images/tables/searchSmall.png) no-repeat 0 0;
}
.sbmt {
	background: url(../images/elements/control/headSubmit.png) no-repeat;
	right: 4px;
}

/* Title toolbar */

.titleToolbar, .titleOpt {
	float: right;
	font-size: 11px;
	font-weight: bold;
}
.titleOpt > a:after {
	content: "";
	display: block;
	clear: both;
}
.titleToolbar > li {
	float: left;
	border-left: 1px solid #c3c3c3;
}
.titleToolbar > li:last-child > a {
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	border-top-right-radius: 2px;
}
.titleToolbar > li > a {
	text-shadow: 0 1px white;
	padding: 7px 12px 8px 12px;
	display: block;
}
.titleToolbar > li > a:active, .titleOpt > a:active {
	text-shadow: 0 1px #808080;
	box-shadow: none !important;
}
.titleToolbar > li > a .iconb {
	float: none;
	margin-top: 0;
}
.titleToolbar > li.drd > a {
	padding: 8px 10px 7px 10px;
}
.titleOpt > a {
	padding: 6px 10px 7px 10px;
	border-left: 1px solid #c3c3c3;
	display: block;
	color: #636363;
	clear: both;
}
.widget .tOptions {
	float: right;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	padding: 11px 12px 10px 12px;
	border-left: 1px solid #cdcdcd;
}
.widget .tOptions:active, .act {
	background: #f5f5f5;
}
.act {
	box-shadow: 0 1px 0 #eaeaea;
	-webkit-box-shadow: 0 1px 0 #eaeaea;
	-moz-box-shadow: 0 1px 0 #eaeaea;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
}

/* === Buttons === */

.buttonS, .buttonM, .buttonL, .buttonH, [class*="tablectrl"] {
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 -1px #6f6f6f;
	display: inline-block;
	line-height: 14px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.buttonS span, .buttonM span, .buttonL span, .buttonH span {
	text-shadow: 0 1px 0 #6f6f6f;
	margin-left: 10px;
}
.buttonS {
	padding: 6px 14px;
}
.buttonM {
	padding: 7px 15px;
}
.buttonL {
	padding: 8px 18px;
}
.buttonH {
	float: right;
	padding: 4px 12px 4px 12px;
	color: #fff !important;
	margin: 7px 10px 6px 10px;
}
.bGreen:hover, .bRed:hover, .bBlue:hover, .bGreyish:hover, .bBlack:hover, .bLightBlue:hover, .bGold:hover, .bSea:hover, .bBrown:hover {
	opacity: 0.95;
	filter: alpha(opacity=95);
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.bDefault, .dualBtn, .searchLine button {
	border: 1px solid #c3c3c3;
	box-shadow: inset 0 1px 2px #fff;
	-webkit-box-shadow: inset 0 1px 2px #fff;
	-moz-box-shadow: inset 0 1px 2px #fff;
	color: #686868;
	text-shadow: none;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}

.bDefault:hover, .dualBtn:hover, .searchLine button:hover {
	-webkit-transition: box-shadow 0.05s ease-in-out;
	-moz-transition: box-shadow 0.05s ease-in-out;
	transition: box-shadow 0.05s ease-in-out;
	background: #fafafa;
	background: -moz-linear-gradient(top,  #fafafa 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
	background: linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
}
.bDefault:active, .dualBtn:active, .titleToolbar > li > a:active, .titleOpt > a:active, .searchLine button:active {
	background: #eee;
	color: #505050;
	border-color: #c0c0c0;
	box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff;
	-webkit-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff;
	-moz-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff;
	text-shadow: 0 -1px 1px #f1f1f1;
}
.bDefault span {
	text-shadow: none;
}

.bGreen {
	border: 1px solid #68a341;
	box-shadow: 0 1px 2px 0 #a4ca6c inset;
	-webkit-box-shadow: 0 1px 2px 0 #a4ca6c inset;
	-moz-box-shadow: 0 1px 2px 0 #a4ca6c inset;
	background: #96c161;
	background: -moz-linear-gradient(top,  #96c161 0%, #609c3d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c161), color-stop(100%,#609c3d));
	background: -webkit-linear-gradient(top, #96c161 0%,#609c3d 100%);
	background: -o-linear-gradient(top, #96c161 0%,#609c3d 100%);
	background: -ms-linear-gradient(top, #96c161 0%,#609c3d 100%);
	background: linear-gradient(top, #96c161 0%,#609c3d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c161', endColorstr='#609c3d',GradientType=0 );
}
.bGreen:active {
	background: #74aa49;
	box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bRed {
	border: 1px solid #a95151;
	box-shadow: 0 1px 2px 0 #cd8787 inset;
	-webkit-box-shadow: 0 1px 2px 0 #cd8787 inset;
	-moz-box-shadow: 0 1px 2px 0 #cd8787 inset;
	background: #c57979;
	background: -moz-linear-gradient(top,  #c57979 0%, #a34c4c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c57979), color-stop(100%,#a34c4c));
	background: -webkit-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
	background: -o-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
	background: -ms-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
	background: linear-gradient(top,  #c57979 0%,#a34c4c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c57979', endColorstr='#a34c4c',GradientType=0 );
}
.bRed:hover {
	opacity: 0.95;
	filter: alpha(opacity=95);
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.bRed:active {
	background: #b15e5e;
	box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bBlue {
	border: 1px solid #3e76af;
	box-shadow: 0 1px 2px 0 #66b2d2 inset;
	-webkit-box-shadow: 0 1px 2px 0 #66b2d2 inset;
	-moz-box-shadow: 0 1px 2px 0 #66b2d2 inset;
	background: #5ba5cb;
	background: -moz-linear-gradient(top,  #5ba5cb 0%, #3a70ab 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba5cb), color-stop(100%,#3a70ab));
	background: -webkit-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
	background: -o-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
	background: -ms-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
	background: linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba5cb', endColorstr='#3a70ab',GradientType=0 );
}
.bBlue:hover {
	opacity: 0.95;
	filter: alpha(opacity=95);
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.bBlue:active {
	background: #4786b8;
	box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bGreyish {
	border: 1px solid #5e6779;
	box-shadow: 0 1px 2px 0 #9ca6b3 inset;
	-webkit-box-shadow: 0 1px 2px 0 #9ca6b3 inset;
	-moz-box-shadow: 0 1px 2px 0 #9ca6b3 inset;
	background: #8c97a6;
	background: -moz-linear-gradient(top,  #8c97a6 0%, #596171 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c97a6), color-stop(100%,#596171));
	background: -webkit-linear-gradient(top,  #8c97a6 0%,#596171 100%);
	background: -o-linear-gradient(top,  #8c97a6 0%,#596171 100%);
	background: -ms-linear-gradient(top,  #8c97a6 0%,#596171 100%);
	background: linear-gradient(top,  #8c97a6 0%,#596171 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c97a6', endColorstr='#596171',GradientType=0 );
}
.bGreyish:active {
	background: #6d7787;
	box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bBlack {
	border: 1px solid #4e4e4e;
	box-shadow: 0 1px 2px 0 #959595 inset;
	-webkit-box-shadow: 0 1px 2px 0 #959595 inset;
	-moz-box-shadow: 0 1px 2px 0 #959595 inset;
	background: #838383;
	background: -moz-linear-gradient(top,  #838383 0%, #444444 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383), color-stop(100%,#444444));
	background: -webkit-linear-gradient(top,  #838383 0%,#444444 100%);
	background: -o-linear-gradient(top,  #838383 0%,#444444 100%);
	background: -ms-linear-gradient(top,  #838383 0%,#444444 100%);
	background: linear-gradient(top,  #838383 0%,#444444 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#444444',GradientType=0 );
}
.bBlack:active {
	background: #5d5d5d;
	box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff;
}

.bLightBlue {
	border: 1px solid #5897c3;
	box-shadow: 0 1px 2px 0 #84c4dd inset;
	-webkit-box-shadow: 0 1px 2px 0 #84c4dd inset;
	-moz-box-shadow: 0 1px 2px 0 #84c4dd inset;
	background: #6db5d5;
	background: -moz-linear-gradient(top,  #6db5d5 0%, #4a91c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db5d5), color-stop(100%,#4a91c0));
	background: -webkit-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
	background: -o-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
	background: -ms-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
	background: linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db5d5', endColorstr='#4a91c0',GradientType=0 );
}
.bLightBlue:active {
	background: #559cc7;
	box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff;
}

.bGold {
	border: 1px solid #c4853e;
	box-shadow: 0 1px 2px 0 #ddb65b inset;
	-webkit-box-shadow: 0 1px 2px 0 #ddb65b inset;
	-moz-box-shadow: 0 1px 2px 0 #ddb65b inset;
	background: #d5a44c;
	background: -moz-linear-gradient(top,  #d5a44c 0%, #c07833 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5a44c), color-stop(100%,#c07833));
	background: -webkit-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
	background: -o-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
	background: -ms-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
	background: linear-gradient(top,  #d5a44c 0%,#c07833 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5a44c', endColorstr='#c07833',GradientType=0 );
}
.bGold:active {
	background: #ca8e40;
	box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bSea {
	border: 1px solid #5a837e;
	box-shadow: 0 1px 2px 0 #95b8b6 inset;
	-webkit-box-shadow: 0 1px 2px 0 #95b8b6 inset;
	-moz-box-shadow: 0 1px 2px 0 #95b8b6 inset;
	background: #7ca6a3;
	background: -moz-linear-gradient(top,  #7ca6a3 0%, #547b76 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ca6a3), color-stop(100%,#547b76));
	background: -webkit-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
	background: -o-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
	background: -ms-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
	background: linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ca6a3', endColorstr='#547b76',GradientType=0 );
}
.bSea:active {
	background: #68918d;
	box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bBrown {
	border: 1px solid #9c6b3c;
	box-shadow: 0 1px 2px 0 #c8a85f inset;
	-webkit-box-shadow: 0 1px 2px 0 #c8a85f inset;
	-moz-box-shadow: 0 1px 2px 0 #c8a85f inset;
	background: #bb934f;
	background: -moz-linear-gradient(top,  #bb934f 0%, #996336 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb934f), color-stop(100%,#996336));
	background: -webkit-linear-gradient(top,  #bb934f 0%,#996336 100%);
	background: -o-linear-gradient(top,  #bb934f 0%,#996336 100%);
	background: -ms-linear-gradient(top,  #bb934f 0%,#996336 100%);
	background: linear-gradient(top,  #bb934f 0%,#996336 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb934f', endColorstr='#996336',GradientType=0 );
}
.bBrown:active {
	background: #ad7f45;
	box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

/* === Widgets === */

/* Accordion */

.menu_body {
	display: none;
	padding: 12px 14px;
}
.acc .whead, .togglesGroup .whead {
	cursor: pointer;
	border-top: 1px solid #cdcdcd;
	margin-bottom: -1px;
}
.acc .whead:first-child, .togglesGroup .whead:first-child {
	border-top: none;
}
.acc .whead h6 {
	padding: 9px 14px;
}

/* New updates widget */

.updates {
	padding-left: 0px;
}
.updates:after, .updates li:after {
	content: "";
	display: block;
	clear: both;
}
.updates .uDate {
	float: right;
	width: 30px;
	text-align: center;
	color: #bbbbbb;
	margin: 3px 0 0 0;
	text-shadow: 0 1px #fff;
}
.updates .uDate > span {
	font-size: 20px;
	font-weight: bold;
	display: block;
	margin-bottom: -3px;
}
.updates li {
	border-top: 1px solid #d5d5d5;
	padding: 10px 14px;
	line-height: 20px;
}
.updates li:first-child {
	border-top: none;
}
.updates li span {
	display: block;
}
.updates li > span > a {
	font-weight: bold;
}

.uDone, .uAlert, .uNotice {
	float: left;
	display: block;
	padding-left: 22px;
	max-width: 76%;
}
.uDone {
	background: url(../images/elements/other/updateDone.png) no-repeat 0 4px;
}
.uAlert {
	background: url(../images/elements/other/updateWarning.png) no-repeat 0 4px;
}
.uNotice {
	background: url(../images/elements/other/updateNotice.png) no-repeat 0 4px;
}

/* === Grid === */

.fluid {
	width: 100%;
	*zoom: 1;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.fluid:before, .fluid:after {
	display: table;
	content: "";
}
.fluid:after {
	clear: both;
}
.fluid .rtl-inputs [class*="grid"] {
	float: right;
}
.fluid [class*="grid"] {
	display: block;
	width: 100%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2.127659574%;
	*margin-left: 2.0744680846382977%;
}
.fluid [class*="grid"]:first-child {
	margin-left: 0;
}

.fluid .grid12 {
	width: 99.99999998999999%;
	*width: 99.94680850063828%;
}
.fluid .grid11 {
	width: 91.489361693%;
	*width: 91.4361702036383%;
}
.fluid .grid10 {
	width: 82.97872339599999%;
	*width: 82.92553190663828%;
}
.fluid .grid9 {
	width: 74.468085099%;
	*width: 74.4148936096383%;
}
.fluid .grid8 {
	width: 65.95744680199999%;
	*width: 65.90425531263828%;
}
.fluid .grid7 {
	width: 57.446808505%;
	*width: 57.3936170156383%;
}
.fluid .grid6 {
	width: 48.93617020799999%;
	*width: 48.88297871863829%;
}
.fluid .grid5 {
	width: 40.425531911%;
	*width: 40.3723404216383%;
}
.fluid .grid4 {
	width: 31.914893614%;
	*width: 31.8617021246383%;
}
.fluid .grid3 {
	width: 23.404255317%;
	*width: 23.3510638276383%;
}
.fluid .grid2 {
	width: 14.89361702%;
	*width: 14.8404255306383%;
}
.fluid .grid1 {
	width: 6.382978723%;
	*width: 6.329787233638298%;
}

/* === Tabs === */

/* Content tabs */

ul.tabs {
	height: 37px;
	font-size: 12px;
	font-weight: bold;
	color: #636363;
	border-bottom: 1px solid #CDCDCD;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px white;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	background: #F8F8F8;
	background: -moz-linear-gradient(top, #F8F8F8 0%, #E8E8E8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#E8E8E8));
	background: -webkit-linear-gradient(top, #F8F8F8 0%,#E8E8E8 100%);
	background: -o-linear-gradient(top, #F8F8F8 0%,#E8E8E8 100%);
	background: -ms-linear-gradient(top, #F8F8F8 0%,#E8E8E8 100%);
	background: linear-gradient(top, #F8F8F8 0%,#E8E8E8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}
ul.tabs li.activeTab:first-child {
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
}
.rightTabs ul.tabs li.activeTab:first-child {
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
}

.tab_container {
	overflow: hidden;
	width: 100%;
}
.tab_content {
	padding: 10px 12px;
}

/* Sidebar tabs */

.etabs {
	margin: 0;
	padding: 0;
}
.tab {
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: #eee;
	border: solid 1px #999;
	border-bottom: none;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}
.tab a {
	font-size: 14px;
	line-height: 2em;
	display: block;
	padding: 0 10px;
	outline: none;
}
.tab a:hover {
	text-decoration: underline;
}
.tab.active {
	background: #fff;
	padding-top: 6px;
	position: relative;
	top: 1px;
	border-color: #666;
}
.tab a.active {
	font-weight: bold;
}
.tab-container .panel-container {
	background: #fff;
	border: solid #666 1px;
	padding: 10px;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
}

/* ===== Wizard ===== */

label.error {
	color: #A73939;
	font-size: 11px;
	display: block;
	width: 100%;
	white-space: nowrap;
	float: none;
	margin: 8px 0 -8px 0;
}
.selector .error {
	margin-right: -220px;
	float: right;
}
.checker label.error, .radio label.error {
	display: inline;
}
.step h1 {
	font-weight: bold;
	font-size: 1em;
	position: absolute;
	top: -30px;
	right: 16px;
}
.navigation_button {
	width: 70px;
}
.data span {
	font-size: 11px;
	text-align: center;
	border-top: 1px solid #DDD;
	padding: 12px 0;
	display: block;
}
.ui-formwizard {
	position: relative;
}
.ui-formwizard fieldset {
	border-bottom: 1px solid #DDD;
}
.ui-formwizard input[disabled] {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.wizButtons .wNavButtons {
	float: right;
	margin: 14px 16px;
}
.wizButtons .status span {
	float: left;
	color: #599414;
	padding: 18px 14px 18px 32px;
	background: url(../images/icons/updateDone.png) no-repeat 14px;
	font-size: 11px;
}

/* ===== Notification messages ===== */

.nNote {
	cursor: pointer;
	margin: 32px 0px 0px 0px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#sidebar .nNote {
	margin: 0;
	border-radius: 0;
	border-left: none;
	border-right: none;
	box-shadow: 0 1px 1px #f5f5f5;
	-webkit-box-shadow: 0 1px 1px #f5f5f5;
	-moz-box-shadow: 0 1px 1px #f5f5f5;
}
.nNote p {
	padding: 10px 25px 10px 25px;
	margin: 0px;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
}
.nMessage p {
	font-size: 11px;
}
.nWarning {
	border: 1px solid #f2d083;
	color: #826200;
	box-shadow: 0 1px 2px #fff0c7 inset, 0 1px 1px #dfdfdf;
	-webkit-box-shadow: 0 1px 2px #fff0c7 inset, 0 1px 1px #dfdfdf;
	-moz-box-shadow: 0 1px 2px #fff0c7 inset, 0 1px 1px #dfdfdf;
	background: #ffedbc;
	background: -moz-linear-gradient(top,  #ffedbc 0%, #fbe5a8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffedbc), color-stop(100%,#fbe5a8));
	background: -webkit-linear-gradient(top,  #ffedbc 0%,#fbe5a8 100%);
	background: -o-linear-gradient(top,  #ffedbc 0%,#fbe5a8 100%);
	background: -ms-linear-gradient(top,  #ffedbc 0%,#fbe5a8 100%);
	background: linear-gradient(top,  #ffedbc 0%,#fbe5a8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffedbc', endColorstr='#fbe5a8',GradientType=0 );
}

.nSuccess {
	box-shadow: 0 1px 2px #e3f4bf inset, 0 1px 1px #dfdfdf;
	-webkit-box-shadow: 0 1px 2px #e3f4bf inset, 0 1px 1px #dfdfdf;
	-moz-box-shadow: 0 1px 2px #e3f4bf inset, 0 1px 1px #dfdfdf;
	border: 1px solid #c1d779;
	color: #4f7307;
	background: #d6efa1;
	background: -moz-linear-gradient(top,  #d6efa1 0%, #d0e69d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6efa1), color-stop(100%,#d0e69d));
	background: -webkit-linear-gradient(top,  #d6efa1 0%,#d0e69d 100%);
	background: -o-linear-gradient(top,  #d6efa1 0%,#d0e69d 100%);
	background: -ms-linear-gradient(top,  #d6efa1 0%,#d0e69d 100%);
	background: linear-gradient(top,  #d6efa1 0%,#d0e69d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6efa1', endColorstr='#d0e69d',GradientType=0 );
}

.nFailure {
	box-shadow: 0 1px 2px #fbb5b5 inset, 0 1px 1px #dfdfdf;
	-webkit-box-shadow: 0 1px 2px #fbb5b5 inset, 0 1px 1px #dfdfdf;
	-moz-box-shadow: 0 1px 2px #fbb5b5 inset, 0 1px 1px #dfdfdf;
	border: 1px solid #dfa59b;
	color: #7d2a1c;
	background: #f0b5a1;
	background: -moz-linear-gradient(top,  #f0b5a1 0%, #de9d8a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b5a1), color-stop(100%,#de9d8a));
	background: -webkit-linear-gradient(top,  #f0b5a1 0%,#de9d8a 100%);
	background: -o-linear-gradient(top,  #f0b5a1 0%,#de9d8a 100%);
	background: -ms-linear-gradient(top,  #f0b5a1 0%,#de9d8a 100%);
	background: linear-gradient(top,  #f0b5a1 0%,#de9d8a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b5a1', endColorstr='#de9d8a',GradientType=0 );
}
.nFailure > p {
	text-shadow: 0 1px 0 #DDD;
}

.nInformation {
	border: 1px solid #bcd9f3;
	color: #4579aa;
	background: #deedf9;
	background: -moz-linear-gradient(top,  #deedf9 0%, #cde5f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deedf9), color-stop(100%,#cde5f7));
	background: -webkit-linear-gradient(top,  #deedf9 0%,#cde5f7 100%);
	background: -o-linear-gradient(top,  #deedf9 0%,#cde5f7 100%);
	background: -ms-linear-gradient(top,  #deedf9 0%,#cde5f7 100%);
	background: linear-gradient(top,  #deedf9 0%,#cde5f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deedf9', endColorstr='#cde5f7',GradientType=0 );
	box-shadow: 0 1px 2px #e9f3fb inset, 0 1px 1px #dfdfdf;
	-webkit-box-shadow: 0 1px 2px #e9f3fb inset, 0 1px 1px #dfdfdf;
	-moz-box-shadow: 0 1px 2px #e9f3fb inset, 0 1px 1px #dfdfdf;
}

/* ========== Content pagination ========== */

.pagination {
	margin: auto;
	width: auto;
	text-align: center;
	margin-top: 35px;
}
.pages {
}
.pages li.prev {
	margin-right: 15px;
}
.pages li.next {
	margin-left: 15px;
}
.pages li.prev > a span, .pages li.next > a span {
	margin-right: 0;
}
.pages li {
	display: inline-block; /*margin: 5px 0;*/
}
.pages li a {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
	background: linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );
	border: 1px solid #c3c3c3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 7px;
	margin: 0 1px;
	cursor: pointer;
	*cursor: hand;
	color: #606060;
	font-size: 11px;
	box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
	-webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
	-moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
}
.pages li a:hover {
	background: #f6f6f6;
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 );
}
.pages li .active, .pages li a:active, .pages li .active:hover {
	background: #6f6f6f;
	color: #fff;
	border-color: #646464;
	box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
	font-weight: bold;
}

/* ===== Content progress bars ===== */

.contentProgress {
	background: #e6e6e6;
	border: 1px solid #ccc;
	box-shadow: 0 1px 0 #fff, 0 1px 0 #ddd inset;
	-webkit-box-shadow: 0 1px 0 #fff, 0 1px 0 #ddd inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 1px 0 #ddd inset;
}
.contentProgress, .barG, .barB, .barO, .barBl, .barGr, .barR {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	height: 4px;
}
.whead .contentProgress, .whead .barG, .whead .barB, .whead .barO, .whead .barBl, .whead .barGr, .whead .barR {
	height: 3px;
}

#sidebar .contentProgress {
	background: #ccc;
	box-shadow: 0 1px 0 #eee, 0 1px 0 #c1c1c1 inset;
	-webkit-box-shadow: 0 1px 0 #eee, 0 1px 0 #c1c1c1 inset;
	-moz-box-shadow: 0 1px 0 #eee, 0 1px 0 #c1c1c1 inset;
	border: 1px solid #c1c1c1;
}
#sidebar .contentProgress, #sidebar .barG, #sidebar .barB, #sidebar .barO, #sidebar .barBl, #sidebar .barGr, #sidebar .barR {
	height: 3px;
}

.barG, .barB, .barO, .barBl, .barGr, .barR {
	background: url(../images/elements/ui/progress.png) repeat-x;
	width: 0;
	margin: -1px 0 0 -1px;
	border: 1px solid;
}
.barG {
	background-position: 0 0;
	border-color: #97af32;
}
.barB {
	background-position: 0 -5px;
	border-color: #5f9fce;
}
.barO {
	background-position: 0 -10px;
	border-color: #d28346;
}
.barBl {
	background-position: 0 -15px;
	border-color: #4c4c4c;
}
.barGr {
	background-position: 0 -20px;
	border-color: #7b7b7b;
}
.barR {
	background-position: 0 -25px;
	border-color: #c8514e;
}

/* ===== Timepicker  ===== */

.timepicker {
	width: 65px !important;
	float: left;
}
.timeEntry_control {
	margin-left: -1px;
	margin-top: 0;
	cursor: pointer;
	float: left;
}
* html .timeEntry_control {
	margin-top: -4px;
}
.timeRange li {
	float: left;
}

/* ===== Task widget  ===== */

.taskDone {
	background: url(../images/elements/other/taskDone.png) no-repeat;
	display: block;
	width: 10px;
	height: 10px;
}
.taskPending {
	background: url(../images/elements/other/taskPending.png) no-repeat;
	display: block;
	width: 12px;
	height: 6px;
}
.taskProgress {
	background: url(../images/elements/other/taskProgress.png) no-repeat;
	display: block;
	width: 10px;
	height: 10px;
}

/* ===== Downloads widget  ===== */

.tbar {
	border-bottom: 1px solid #c3c3c3;
	background: #fafafa;
	background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
	background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
	background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
	background: linear-gradient(top,  #fafafa 0%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );
}
.tbar li {
	display: inline-block;
	margin-left: -3px;
	border-right: 1px solid #ddd;
	font-size: 11px;
}
.tbar li:first-child {
	margin-left: 0;
}
.tbar li a {
	display: block;
	color: #818181;
	padding: 6px 12px;
}
.tbar li a:hover {
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eaeaea',GradientType=0 );
}
.tbar li a:active {
	background: #f8f8f8;
}

/* ===== Website statistics widget  ===== */

.webStatsLink {
	color: #464646;
	font-size: 18px;
	font-weight: bold;
}
.statsPlus, .statsMinus {
	padding-left: 20px;
}
.statsPlus {
	background: url(../images/elements/other/grown.png) no-repeat 0 1px;
	color: #599414;
}
.statsMinus {
	background: url(../images/elements/other/dropped.png) no-repeat 0 1px;
	color: #a73939;
}

/* ===== News widget  ===== */

.wNews {
	float: left;
	width: 80%;
	margin-top: 2px;
}
.wNews span {
	display: block;
	line-height: 14px;
	margin-top: 4px;
}
.wNews > .headline {
	float: left;
	margin-right: 14px;
}
.wNews .announce > a {
	font-weight: bold;
	line-height: 18px;
}

/* ===== Search widget  ===== */

.searchLine {
	position: relative;
	box-shadow: 0 1px 1px #fcfcfc;
	-webkit-box-shadow: 0 1px 1px #fcfcfc;
	-moz-box-shadow: 0 1px 1px #fcfcfc;
	margin-top: 35px;
}
.searchLine input[type=text] {
	border: 1px solid #cdcdcd;
	padding: 9px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.searchLine button {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 100%;
	max-height: 100%;
	z-index: 99;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
}
.searchLine .icos-search {
	width: 14px;
	margin: 8px;
	padding: 0;
}
.searchLine button:active {
	box-shadow: none !important;
}
.searchLine button .iconb {
	position: absolute;
	right: 7px;
	top: 6px;
	z-index: 100;
	font-size: 16px;
}

.sResults {
	background: #fafafa;
	border: 1px solid #CDCDCD;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 2px 2px -2px #CCC;
	-webkit-box-shadow: 0 2px 2px -2px #CCC;
	-moz-box-shadow: 0 2px 2px -2px #CCC;
	margin-top: 20px;
	position: relative;
}
.sResults > .arrow {
	position: absolute;
	top: -9px;
	left: 50%;
	margin-left: -8px;
	width: 15px;
	height: 9px;
	background: url(../images/elements/control/resultsarrow.png) no-repeat;
}
.sResults table {
	border: none;
}

/* ===== Search widget  ===== */

.searchWidget .whead input[type=text] {
	border: 1px solid #cdcdcd;
	padding: 6px 25px 6px 8px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 1px 1px #fcfcfc;
}
.searchWidget .whead {
	padding: 11px;
}
.searchWidget button {
	background: none;
	border: none;
	color: #909090;
	position: absolute;
	top: 12px;
	right: 17px;
}
.searchWidget .pagination {
	padding: 12px;
	border-top: 1px solid #cdcdcd;
	box-shadow: 0 1px 0 #fff inset;
	-webkit-box-shadow: 0 1px 0 #fff inset;
	-moz-box-shadow: 0 1px 0 #fff inset;
	margin-top: 0;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}

/* ===== Widget buttons  ===== */

.wButton a, .wButton input[type=button], .wButton button, .wButton input[type=button] {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
	margin-top: 35px;
}

/* ===== Invoice widget  ===== */

.wInvoice {
	background: #efefef;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 15px;
	border: 1px solid #DDD;
}
.wInvoice li {
	width: 33%;
	display: inline-block;
	text-align: center;
	border-left: 1px dotted #ddd;
	padding: 12px 0 8px 0;
	margin-left: -2px;
}
.wInvoice li:first-child {
	border-left: none;
}
.wInvoice li span {
	font-size: 11px;
}
.invButtons {
	margin-top: 10px;
	text-align: center;
}
.invButtons .bFirst {
	float: left;
}
.invButtons .bLast {
	float: right;
}
ul.ruler {
	width: 100%;
	margin-bottom: 8px;
}
ul.ruler:after {
	content: "";
	display: block;
	clear: both;
}
ul.ruler li {
	display: block;
	float: left;
	color: #757575;
	font-size: 10px;
	width: 33%;
}
ul.ruler li:last-child {
	width: 34%;
}
.invList > a {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	text-align: center;
	margin-top: 10px;
}

/* ===== Settings widget  ===== */

.params li:after {
	content: "";
	display: block;
	clear: both;
}
.params li:last-child {
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
}
.params li:first-child span {
	display: block;
	line-height: 20px;
}
.params li:first-child a {
	font-size: 12px;
	color: #bbb;
}
.params li > label {
	float: left;
}
.params li .ibutton-container {
	float: right;
	margin-top: 1px;
}
.myPic {
	float: left;
	margin-right: 20px;
}
.params li h5 {
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px #f5f5f5;
	padding: 2px 0 6px 0;
	display: block;
}
.params li h5 > a {
	display: inline-block;
}
.followers {
	color: #808080;
}
.myRole {
	color: #A64949;
	display: block;
}

/* ===== Earnings widget  ===== */

.wGeneral .email {
	display: block;
	font-size: 11px;
	line-height: 16px;
	color: #909090;
}
.wGeneral td a {
	line-height: 16px;
}
.wGeneral tbody td span {
	display: block;
	font-size: 11px;
	line-height: 16px;
	color: #909090;
}
.wGeneral tbody td strong {
	color: #4d7f12;
}
.wGeneral .income {
	color: #932a2a;
}

/* === Message to widget === */

.messageTo {
	margin-bottom: 14px;
}
.messageTo .uName {
	float: left;
	margin-right: 10px;
}
.messageTo > span {
	line-height: 20px;
	font-weight: bold;
}
.messageTo > span > strong {
	color: #a44f4f;
}
.messageTo .uEmail {
	display: block;
	color: #909090;
	line-height: 16px;
	font-size: 11px;
}

.mesControls {
	margin-top: 14px;
}
.mesControls:after {
	content: "";
	display: block;
	clear: both;
}
.mesControls > span {
	color: #909090;
	font-style: italic;
	font-size: 11px;
	margin-top: 5px;
	display: block;
	float: left;
}
.mesControls .iconb {
	margin-right: 5px;
}

.msgBtns {
	float: left;
	margin-top: 4px;
}
.msgBtns li {
	float: left;
	margin-right: 5px;
}

.sendBtn {
	display: block;
	position: absolute;
	top: 3px;
	right: 3px;
}
.sendwidget {
	position: static;
	float: right;
}
.sendBtn .attachLink, .sendBtn .attachPhoto {
	opacity: .4;
	filter: alpha(opacity=40);
	display: block;
	float: left;
	margin: 9px 0 9px 12px;
}
.sendBtn .attachLink:hover, .sendBtn .attachPhoto:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.sendBtn .attachLink {
	width: 12px;
	height: 12px;
	background: url(../images/elements/other/link.png) no-repeat;
}
.sendBtn .attachPhoto {
	width: 14px;
	height: 11px;
	background: url(../images/elements/other/photo.png) no-repeat;
}
.sendBtn input[type=submit] {
	float: left;
	display: block;
	margin-left: 12px;
	line-height: 15px;
	height: 28px;
}
.sendwidget input[type=submit] {
	height: auto;
}
.sendwidget .attachLink, .sendwidget .attachPhoto {
	margin: 10px 0 10px 12px;
}
.sendBtn > .buttonS {
	padding: 6px 14px;
}

/* # Form styles
 ================================================== */

.formRow {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding: 19px 16px;
}
.formRow:after {
	content: "";
	display: block;
	clear: both;
}
.formRow:first-child {
	border-top: none;
}

.formRow input[type=text], .formRow input[type=password], textarea, input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	font-size: 11px;
	color: #858585;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	padding: 7px;
	border: 1px solid #d7d7d7;
	display: inline-block;
	background: #fdfdfd;
	height: 28px;
}

input[type="search"] {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-appearance: none;
}
textarea {
	height: auto;
}
.formRow  [class*="grid"] > label {
	float: left;
	display: block;
	padding-top: 1px;
}
.formRow label > span {
	margin-top: -2px;
	padding: 0;
}
.formRow label > img {
	float: left;
	margin: 5px 10px 0 0;
}

.sliderSpecs > label {
	font-size: 11px;
	margin-right: 10px;
}
.sliderSpecs > input {
	border: none;
	background: none !important;
	width: 30% !important;
	color: #3a70ab !important;
	border: none !important;
	box-shadow: none !important;
	font-weight: bold;
}

.fieldIcon {
	position: absolute;
	top: 7px;
	right: 8px;
	display: block;
}
.req {
	float: right;
	margin-left: 5px;
	display: block;
	color: #DB6464;
}

.rightSide {
	display: block;
	float: right;
	width: 80%;
	padding: 4px 0;
	position: relative;
}
.rightSide > label {
	float: left;
}
.note {
	font-size: 11px;
	padding-top: 2px;
	display: block;
	color: #AAA;
	white-space: nowrap;
}
.formRow > label {
	padding: 6px 0;
	display: block;
	float: left;
}

.multiple {
	width: 100%;
	height: 200px;
	padding: 5px;
	border: 1px solid #d7d7d7;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
}

.formRow input[disabled] {/*background-color: #f9f9f9; *//*color: #afafaf; */
}
.formSubmit {
	display: block;
	float: right;
}
.hasIcon [class*="icon"] {
	float: none;
	margin-right: 0;
}

/* ===== Form validation ===== */

.inputContainer {
	position: relative;
	float: left;
}
.formError {
	position: absolute;
	top: 300px;
	left: 282px;
	display: block;
	z-index: 998;
	cursor: pointer;
}
.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	background: #202020;
	position: relative;
	z-index: 5001;
	color: #fff;
	width: 124px;
	font-size: 11px;
	border: 1px solid #000;
	padding: 2px 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.greenPopup .formErrorContent {
	background: #33be40;
}
.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}
.formError .formErrorArrow {
	width: 15px;
	margin: -2px auto 0 auto;
	position: relative;
	z-index: 5006;
}
.formError .formErrorArrowBottom {
	box-shadow: none;
	margin: 0px 0 0 12px;
	top: 2px;
}
.formError .formErrorArrow div {
	font-size: 0px;
	height: 1px;
	background: #202020;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}
.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}
.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}
.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}
.formError .formErrorArrow .line8 {
	width: 11px;
}
.formError .formErrorArrow .line7 {
	width: 9px;
}
.formError .formErrorArrow .line6 {
	width: 7px;
}
.formError .formErrorArrow .line5 {
	width: 5px;
}
.formError .formErrorArrow .line4 {
	width: 3px;
}
.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}
.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}
.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}
.checker input, .radio input, .selector select {
	cursor: pointer;
}
input.error {
	border-color: #DDBEBE !important;
}

/* ===== Form styling  ===== */

.selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader * {
	margin: 0;
	padding: 0;
	cursor: pointer;
}

div.selector {
	background: #fcfcfc;
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
	background: -o-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
	background: -ms-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
	background: linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f1f1f1',GradientType=0 );
	border: 1px solid #D2D2D2;
	line-height: 28px;
	height: 28px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
	-webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
	-moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	margin: 0;
	padding: 0 0 0 8px;
	cursor: pointer;
	width: auto;
	max-width: 280px;
	font-size: 12px;
	position: relative;
	overflow: hidden;
}
div.selector span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #777;
	text-shadow: 0 1px #f5f5f5;
	padding: 0px 32px 0px 2px;
	background: url(../images/elements/forms/selectArrow.png) no-repeat 100%;
	cursor: pointer;
	font-size: 11px;
	height: 28px;
	line-height: 28px;
}
div.selector select {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity:0);
	height: 28px;
	border: none;
	background: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px white;
	width: 100%;
	top: 0px;
	left: 0px;
}
.disabled {
	opacity: 0.6;
	filter: alpha(opacity=60);;
}
.labelDisabled {
	color: #B7B7B7;
}

/* Checkboxes */

div.checker {
	width: 16px;
	height: 16px;
	position: relative;
	display: -moz-inline-box;
	display: block;
	vertical-align: middle;
	zoom: 1;
	float: left;
	margin-top: 3px;
	margin-right: 8px;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
}
div.checker input {
	width: 16px;
	height: 16px;
	opacity: 0;
	filter: alpha(opacity:0);
	display: inline-block;
	background: none;
}
div.checker span {
	background: url(../images/elements/forms/checkboxes.png) no-repeat 0 0;
	height: 16px;
	width: 16px;
	display: -moz-inline-box;
	display: inline-block;
	text-align: center;
}
div.checker span.checked {
	background-position: 0 -17px;
}

/* Radio buttons */

div.radio {
	width: 16px;
	height: 17px;
	position: relative;
	display: -moz-inline-box;
	display: block;
	vertical-align: middle;
	zoom: 1;
	float: left;
	margin-top: 3px;
	margin-right: 8px;
}
div.radio input {
	width: 16px;
	height: 17px;
	opacity: 0;
	filter: alpha(opacity:0);
	display: inline-block;
	background: none;
}
div.radio span {
	background: url(../images/elements/forms/radios.png) no-repeat 0 0;
	height: 17px;
	width: 16px;
	display: -moz-inline-box;
	display: inline-block;
	text-align: center;
}
div.radio span.checked {
	background-position: 0 -18px;
}

/* File uploader */

div.uploader {
	width: 240px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	border: 1px solid #d7d7d7;
	background: #fdfdfd;
	padding: 2px 2px 2px 8px;
}
div.uploader span.action {
	width: 22px;
	background: #fff url(../images/elements/forms/addFiles.png) no-repeat 0 0;
	height: 22px;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	float: right;
	text-indent: -9999px;
	display: inline;
	overflow: hidden;
	cursor: pointer;
}
div.uploader:hover span.action {
	background-position: 0 -27px;
}
div.uploader:active span.action {
	background-position: 0 -54px;
}
div.uploader span.filename {
	color: #777;
	max-width: 200px;
	font-size: 11px;
	line-height: 22px;
	float: left;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
}
div.uploader input {
	width: 256px;
	top: 0;
	right: 0;
	bottom: 0;
	height: 26px;
	border: none;
	cursor: pointer;
}
.uploader {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}

/* ===== Tags input  ===== */

div.tagsinput {
	border: 1px solid #ddd;
	background: #fdfdfd;
	padding: 5px;
	width: 100%;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
div.tagsinput span.tag {
	border: 1px solid #a5d24a;
	display: block;
	float: left;
	padding: 0 8px;
	background: #cde69c;
	color: #638421;
	margin: 5px 5px 5px 5px;
	line-height: 23px;
	font-size: 11px;
}
div.tagsinput span.tag a {
	font-weight: bold;
	color: #82ad2b;
	font-size: 11px;
	float: right;
}
div.tagsinput input {
	width: 60px;
	border: none;
	padding: 5px 8px 6px 8px;
	background: transparent;
	margin: 5px 5px 0 4px;
}
div.tagsinput div {
	display: block;
	float: left;
}
.tags_clear {
	clear: both;
	width: 100%;
	height: 0px;
}
.not_valid {
	background: #FBD8DB !important;
	color: #90111A !important;
}

/* ===== Autotabs  ===== */

.rowData:after {
	content: "";
	display: block;
	clear: both;
}
.moreFields ul li {
	float: left;
	width: 11%;
	margin: 0;
}
.moreFields ul li.sep, .sep {
	padding: 3px 5px 3px 6px;
	display: block;
	margin: 0;
	width: auto;
	color: #d5d5d5;
}
.moreFields ul li span {
	display: block;
	padding: 3px 12px;
	white-space: nowrap;
}

/* # Tables
 ================================================== */

table .selector, table .selector > span, .dataTables_length .selector, .dataTables_length .selector > span {
	height: 26px;
	line-height: 26px;
}
.dataTables_length .selector {
	margin-top: 1px;
}
table thead td.sortCol > div {
	cursor: pointer;
	position: relative;
}
table thead td span {
	background: url(../images/tables/sort.png) no-repeat 0;
	display: block; /*position: absolute; right: 3px; top: 3px; width: 16px*/
	width: 7px;
	float: right;
	margin: 2px 2px 0 5px;
	height: 16px;
}
table thead td.headerSortUp span {
	background: url(../images/tables/sortUp.png) no-repeat 0;
}
table thead td.headerSortDown span {
	background: url(../images/tables/sortDown.png) no-repeat 0;
}

.checkAll tbody tr td:first-child {
	width: 40px;
	padding: 0;
	vertical-align: middle;
	margin: 0;
}
.checkAll tbody tr td:first-child .checker, .checkAll tbody tr td:first-child .radio {
	margin: 0 auto;
	float: none;
}

/* ===== Simple table ===== */

.justTable td {
	vertical-align: middle;
}
.justTable tbody tr:first-child {
	border-top: none;
}
.justTable tbody tr:first-child td {
	box-shadow: 0 1px 0 #fafafa inset;
	-webkit-box-shadow: 0 1px 0 #fafafa inset;
	-moz-box-shadow: 0 1px 0 #fafafa inset;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px;
}

/* ===== Default table ===== */

.tDefault tbody td, .tDefault thead td {
	border-left: 1px solid #DFDFDF;
	box-shadow: 0 1px 0 #fafafa inset;
	-webkit-box-shadow: 0 1px 0 #fafafa inset;
	-moz-box-shadow: 0 1px 0 #fafafa inset;
}
.tDefault tbody td:first-child, .tDefault thead td:first-child {
	border-left: none;
}
.checkAll thead td:first-child > img {
	vertical-align: middle;
	padding-bottom: 2px;
}
.tDefault thead td {
	text-align: center;
	font-size: 11px;
	padding: 3px 5px 2px 5px;
	color: #909090;
	background: #eee;
}
.tDefault tbody td {
	padding: 7px 11px;
	vertical-align: middle;
}
.tDefault tbody tr {
	border-top: 1px solid #DFDFDF;
}
.tDefault tbody tr:first-child {
	box-shadow: 0 1px 0px #fff inset;
	-webkit-box-shadow: 0 1px 0px #fff inset;
	-moz-box-shadow: 0 1px 0px #fff inset;
}
.tDefault tbody tr:nth-child(even) {
	background: #f2f2f2;
}

/* ===== Light table ===== */

.tLight tbody td, .tLight thead td {
	border-left: 1px solid #dadada;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px;
}
.tLight tbody td:first-child, .tLight thead td:first-child {
	border-left: none;
}
.tLight tbody td {
	padding: 9px 16px;
	vertical-align: middle;
	color: #777;
}
.tLight tbody tr {
	border-top: 1px solid #dadada;
}
.tLight thead td {
	text-align: center;
	padding: 7px 12px;
	font-weight: bold;
	background: #F8F8F8;
	background: -moz-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8F8F8), color-stop(100%, #EFEFEF));
	background: -webkit-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	background: -o-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	background: -ms-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	background: linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef',GradientType=0 );
}

/* ===== Dark table ===== */

.tDark tbody td {
	border-left: 1px solid #dadada;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px;
}
.tDark thead td {
	border-left: 1px solid #808080;
}
.tDark tbody td:first-child, .tDark thead td:first-child {
	border-left: none;
}
.tDark tbody td {
	padding: 9px 16px;
	vertical-align: middle;
	color: #777;
}
.tDark tbody tr {
	border-top: 1px solid #dadada;
}
.tDark thead td {
	text-align: center;
	padding: 7px 12px;
	background: url(../images/backgrounds/sidebar.jpg);
	font-weight: bold;
	color: #f5f5f5;
}
.tDark tbody tr:nth-child(even) {
	background: #f4f4f4;
}

/* ===== Media table ===== */

.tMedia thead td a {
	color: #878787;
}
.tMedia thead td:first-child > .checker {
	margin: 0 auto;
	float: none;
}
.tMedia tbody td {
	vertical-align: middle;
	text-align: center;
}
.tMedia tfoot tr {
	height: 50px;
	border-top: 1px solid #ddd;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	background: #F8F8F8;
	background: -moz-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8F8F8), color-stop(100%, #EFEFEF));
	background: -webkit-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	background: -o-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	background: -ms-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	background: linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef',GradientType=0 );
}
.tMedia tfoot tr td {
	padding: 7px 11px;
}
.fileInfo {
	font-size: 11px;
}
.fileInfo span {
	display: block;
}

.tableActs {
	text-align: center;
}
.tableActs > a {
	margin: 0 2px;
}
.tableActs > .btn-group {
	display: inline-block;
	margin: 0 2px;
}

.itemActions {
	float: left;
	margin: 6px 0;
}
.itemActions label {
	float: left;
	margin: 2px 12px 0 4px;
	font-size: 11px;
}

/* === Alternate table === */

.tAlt thead td {
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #eeeeee));
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
	background: linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 );
	text-align: center;
	font-size: 11px;
	border-left: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	padding: 2px 10px;
}
.tAlt tbody tr td {
	background: #f9f9f9;
	background: -moz-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f2f2f2));
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
	background: -o-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
	background: linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 );
	border-bottom: 1px solid #dfdfdf;
}
.tAlt tbody tr td {
	padding: 10px;
	border-left: 1px solid #DFDFDF;
	box-shadow: 0 2px #fff inset;
	-webkit-box-shadow: 0 2px #fff inset;
	-moz-box-shadow: 0 2px #fff inset;
	vertical-align: middle;
}
.tAlt tbody td:first-child, .tAlt thead td:first-child {
	border-left: none;
}

/* ===== Table pagination ===== */

.tPages {
	float: right;
	margin: 9px 0;
}
.tPages ul li {
	display: inline-block;
	text-align: center;
}
.tPages ul li.prev a, .tPages ul li.next a {
	padding: 4px;
}
.tPages ul li.prev {
	margin-right: 10px;
}
.tPages ul li.next {
	margin-left: 10px;
}
.tPages ul li a {
	border: 1px solid #d3d3d3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 7px;
	cursor: pointer;
	*cursor: hand;
	color: #606060;
	font-size: 11px;
	box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
	-webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
	-moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #dfdfdf;
	line-height: 14px;
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
	background: linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );
}
.tPages ul li a:hover {
	background: #f6f6f6;
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #f6f6f6 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 );
}
.tPages ul li a:active {
	background: #6f6f6f;
	color: #fff;
	border-color: #646464;
	box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
	font-weight: bold;
}

/* ===== Table toolbar ===== */

.tToolbar {
	height: 36px;
	border-bottom: 1px solid #cdcdcd;
	background: #F8F8F8;
	background: -moz-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8F8F8), color-stop(100%, #EFEFEF));
	background: -webkit-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	background: -o-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	background: -ms-linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	background: linear-gradient(top, #F8F8F8 0%, #EFEFEF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef',GradientType=0 );
}
.tToolbar li {
	display: block;
	float: left;
	border-right: 1px solid #c3c3c3;
}
.tToolbar li a {
	padding: 7px 12px;
	display: block;
	color: #808080;
	font-size: 11px;
	box-shadow: 1px 0 0 #fcfcfc inset, -1px 0 0 #fcfcfc inset;
	-webkit-box-shadow: 1px 0 0 #fcfcfc inset, -1px 0 0 #fcfcfc inset;
	-moz-box-shadow: 1px 0 0 #fcfcfc inset, -1px 0 0 #fcfcfc inset;
}
.tToolbar li:last-child {
	box-shadow: 1px 0 0 #fcfcfc;
	-webkit-box-shadow: 1px 0 0 #fcfcfc;
	-moz-box-shadow: 1px 0 0 #fcfcfc;
}
.tToolbar li a:hover {
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	background: linear-gradient(top,  #f8f8f8 0%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eaeaea',GradientType=0 );
}
.tToolbar li a:active {
	background: #f8f8f8;
}

/* ===== Table buttons ===== */

[class*="tablectrl"] {
	text-shadow: none;
}
[class*="tablectrl"] .caret {
	margin: 5px 0 0 6px;
}
.tablectrl_small {
	font-size: 10px;
	padding: 5px 5px 4px 5px;
}
.tablectrl_medium {
	font-size: 12px;
	padding: 6px 6px 5px 6px;
}
.tablectrl_large {
	font-size: 14px;
	padding: 7px 7px 6px 7px;
}
.tablectrl_xlarge {
	font-size: 16px;
	padding: 10px 12px 11px 12px;
}
.tablectrl_standard {
	font-size: 12px;
	padding: 8px;
}

.opt {
	padding-left: 8px;
	padding-right: 8px;
	margin: 0;
}
.opt > span {
	margin-left: 0;
}
.opt .iconb {
	font-size: 14px;
}
.opt .caret {
	margin: 5px 0;
}

/* # Invoice page
 ================================================== */

.invoice table {
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
.invoice .tDark {
	border-top: none;
}
.inHead {
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-bottom: 1px solid #c3c3c3;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}
.inHead:after, .inContainer:after, .inFooter:after {
	content: "";
	display: block;
	clear: both;
}
.inLogo {
	width: 50%;
	padding: 17px 14px;
	display: block;
	float: left;
}
.inInfo {
	float: right;
	padding: 10px 14px;
	text-align: right;
}
.inInfo .invoiceNum {
	color: #A64949;
	font-size: 14px;
	font-weight: bold;
}
.inInfo i {
	display: block;
	color: #909090;
	white-space: nowrap;
	line-height: 16px;
}

.inFrom, .inTo {
	width: 40%;
	display: block;
	margin: 20px;
}
.inFrom span, .inTo span {
	display: block;
	background: url(../images/elements/control/subnav_arrow.png) no-repeat 0 8px;
	padding-left: 12px;
}
.inFrom {
	float: left;
}
.inTo {
	width: 100%;
}
.inFrom h5, .inTo h5 {
	color: #303030;
	margin-bottom: 8px;
}

.inDesc {
	width: 45%;
	float: left;
	margin: 20px;
}
.inDesc p {
	color: #9f9f9f;
}
.total {
	text-align: right;
	float: right;
	margin: 20px 30px 20px 0;
}
.total span {
	font-weight: bold;
	padding: 0 0 4px 0;
	display: block;
}
.total strong {
	display: block;
	font-size: 24px;
}

.inFooter {
	width: 100%;
	padding: 18px 0 10px 0;
	border-top: 1px solid #DADADA;
	background: #f4f4f4;
	clear: both;
}
.footnote {
	width: 50%;
	float: left;
	margin: 3px 20px;
}

.cards {
	float: right;
	margin: 0 20px;
}
.cards li {
	display: inline-block;
	text-align: right;
	background: url(../images/sprites/paymentIcons.png) no-repeat;
	width: 51px;
	height: 32px;
	padding: 0;
	margin-left: 8px;
}

.cards li.discover {
	background-position: 0 -117px;
}
.cards li.visa {
	background-position: 0 -156px;
}
.cards li.amex {
	background-position: 0 -234px;
}
.cards li.mc {
	background-position: 0 -195px;
}
.cards li.pp {
	background-position: 0 -312px;
}

/* # Login page
 ================================================== */

.loginWrapper {
	width: 240px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -124px 0 0 -120px;
	text-align: center;
	-moz-perspective: 800px;
	-webkit-perspective: 800px;
	perspective: 800px;
}

/* === Login hover buttons === */

.logleft, .logright, .logback {
	background: url(../images/loginControl.png) no-repeat;
	height: 37px;
	width: 37px;
	position: absolute;
	top: 36px;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
}
.logleft {
	left: 0px;
	background-position: 0 0;
}
.logright {
	right: 0px;
	background-position: -38px 0;
}
.logback {
	left: 0;
	background-position: -76px 0;
}
.logleft:hover {
	background-position: 0 -39px;
}
.logright:hover {
	background-position: -38px -39px;
}
.logback:hover {
	background-position: -76px -39px;
}
#login {
	z-index: 100;
}
#recover {
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.flipped #login {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.loginWrapper.flipped #recover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.loginWrapper form {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* Enabling 3d space for the transforms */
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	/* When the forms are flipped, they will be hidden */
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Enabling a smooth animated transition */
	-moz-transition: 0.8s;
	-webkit-transition: 0.8s;
	transition: 0.8s;
	/* Configure a keyframe animation for Firefox */
	-moz-animation: pulse 2s infinite;
	/* Configure it for Chrome and Safari */
	-webkit-animation: pulse 2s infinite;
}

.loginPic {
	text-align: center;
	display: block;
	position: relative;
	overflow: hidden;
}
.loginPic span {
	display: block;
	color: #5f5f5f;
	font-size: 14px;
	margin-top: 10px;
	font-weight: bold;
	text-shadow: 0 1px 1px #ffffff;
}
.loginWrapper form {
	display: block;
	margin: 0 auto;
	width: 236px;
}
.loginWrapper a {
	display: inline-block;
}
.loginWrapper input[type=text], .loginWrapper input[type=password] {
	font-size: 11px;
	color: #858585;
	box-shadow: 0 0 0px 2px #ebebeb;
	-webkit-box-shadow: 0 0 0px 2px #ebebeb;
	-moz-box-shadow: 0 0 0px 2px #ebebeb;
	padding: 7px 27px 7px 9px;
	border: 1px solid #d7d7d7;
	width: 198px;
	display: inline-block;
	margin-top: 15px;
}
.loginUsername {
	background: #fbfbfb url(../images/icons/loginUsername.png) no-repeat 213px 7px;
}
.loginPassword {
	background: #fbfbfb url(../images/icons/loginLock.png) no-repeat 214px 7px;
}
.loginEmail {
	background: #fbfbfb url(../images/icons/loginEmail.png) no-repeat 213px 7px;
}
.logControl {
	margin-top: 15px;
}
.logControl:after {
	content: "";
	display: block;
	clear: both;
}
.logControl .memory {
	float: left;
	margin-top: 5px;
}
.logControl input[type=submit] {
	float: right;
}

/* # Error and offline pages
 ================================================== */

.errorWrapper {
	position: absolute;
	top: 50%;
	bottom: 0;
	margin-top: -190px;
	text-align: center;
	left: 0;
	right: 0;
}
.errorContent {
	width: 380px;
	margin: auto;
	margin-top: 35px;
}
.errorWrapper .errorTitle {
	display: block;
	text-shadow: 1px 0 0 #fff;
	text-align: center;
	font-size: 20px;
	border-bottom: 1px solid #cdcdcd;
	padding: 20px 14px;
	font-weight: bold;
	color: #d76a6a;
	font-style: italic;
}
.errorWrapper .errorNum {
	color: #fff;
	font-size: 200px;
	text-stroke: 1px transparent;
	padding: 110px 0 80px 0;
	display: block;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
.errorDesc {
	display: block;
	margin: 20px 0 20px 0;
	font-weight: bold;
	font-size: 14px;
}
.errorContent .buttonM {
	margin-top: 25px;
}

/* Messages page
 ================================================== */

.messagesOne li {
	position: relative;
	min-height: 36px;
	margin: 0 18px 20px 18px;
}
.messagesOne li:first-child {
	margin-top: 20px;
}
.messagesOne > li.divider {
	border-top: 1px solid #DFDFDF !important;
	margin: 20px 0 20px 0 !important;
	min-height: 0;
}
.messagesOne > li.divider > span {
	background-color: #f5f5f5 !important;
}
.messagesOne .messageRow a {
	display: block;
	width: 37px;
	height: 36px;
}

.messagesOne .by_user > a, .messagesOne .by_me > a {
	position: absolute;
	top: 0;
	display: block;
}
.messagesOne .by_user > a {
	left: 0;
}
.messagesOne .by_me > a {
	right: 0;
}

.messagesOne .by_user .aro, .messagesOne .by_me .aro {
	width: 8px;
	height: 9px;
	position: absolute;
	top: 12px;
}
.messagesOne .by_user .aro {
	background: url(../images/elements/other/messageArrow_left.png) no-repeat;
	left: -8px;
}
.messagesOne .by_me .aro {
	background: url(../images/elements/other/messageArrow_right.png) no-repeat;
	right: -8px;
}

.messagesOne .by_user .messageArea, .messagesOne .by_me .messageArea {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 8px 12px;
	position: relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid;
}
.messagesOne .by_user .messageArea {
	background: #fafeff;
	border-color: #b5cdd7;
	margin-left: 60px;
}
.messagesOne .by_me .messageArea {
	background: #fefefe;
	border-color: #dcdcdc;
	margin-right: 60px;
}

.by_user .name > strong {
	color: #2c596d;
}
.by_me .name > strong {
	color: #393939;
}

.infoRow {
	font-size: 11px;
	color: #949494;
	margin-bottom: 6px;
	margin-top: -2px;
}
.infoRow:after {
	content: "";
	display: block;
	clear: both;
}
.infoRow > .time {
	float: right;
}
.infoRow > .name {
	float: left;
}

.messagesTwo li {
	position: relative;
	min-height: 36px;
	border-top: 1px solid #cdcdcd;
}
.messagesTwo li:first-child {
	border-top: none;
}
.messagesTwo li > a {
	margin: 14px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.messagesTwo li .messageArea {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 10px 16px;
	position: relative;
	border-left: 1px solid #cdcdcd;
	margin-left: 65px;
	min-height: 64px;
}
.messagesTwo .by_user {
	background: #FEFEFE;
}

/* Enter message field  */
.enterMessage {
	position: relative;
	margin-top: 20px;
}
.enterMessage input[type=text] {
	width: 100%;
	height: 34px;
	background: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: block;
	border: 1px solid #d5d5d5;
	box-shadow: 0 1px 1px #fafafa;
	-webkit-box-shadow: 0 1px 1px #fafafa;
	-moz-box-shadow: 0 1px 1px #fafafa;
	padding: 10px 120px 10px 10px;
	color: #404040;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* Gallery page
 ================================================== */

.gallery {
	margin: auto;
	padding: 4px 1.5% 14px 1.5%;
	text-align: center;
}
.gallery ul li {
	display: inline-block;
	margin: 14px 6px 0 6px;
	position: relative;
	height: 110px;
	background: white;
	padding: 4px;
	-webkit-box-shadow: 0 0px 2px #ddd;
	-moz-box-shadow: 0 0px 2px #ddd;
	box-shadow: 0 0px 2px #ddd;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.gallery ul li:hover {
	border-color: #ddd;
}
.gallery ul li a {
	display: block;
}
.gallery .actions {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 110px;
	height: 110px;
	display: none;
	background: url(../images/elements/other/overlay.png);
}
.gallery .actions a {
	font-size: 11px;
	display: block;
	margin: 42px 6px;
	display: inline-block;
}
.gallery .actions a:first-child {
	padding-right: 0;
}

/* # Special classes for resizable grid. Class "under" adds dynamically
 ================================================== */

.under .fluid [class*="grid"] {
	width: 100%;
	margin-left: 0;
}
.under .widget [class*="grid"] {
	display: block;
	width: 100%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2.127659574%;
	*margin-left: 2.0744680846382977%;
}
.under .rtl-inputs [class*="grid"] {
	float: right;
}

.under .widget [class*="grid"]:first-child {
	margin-left: 0;
}
.under .widget .grid12 {
	width: 99.99999998999999%;
	*width: 99.94680850063828%;
}
.under .widget .grid11 {
	width: 91.489361693%;
	*width: 91.4361702036383%;
}
.under .widget .grid10 {
	width: 82.97872339599999%;
	*width: 82.92553190663828%;
}
.under .widget .grid9 {
	width: 74.468085099%;
	*width: 74.4148936096383%;
}
.under .widget .grid8 {
	width: 65.95744680199999%;
	*width: 65.90425531263828%;
}
.under .widget .grid7 {
	width: 57.446808505%;
	*width: 57.3936170156383%;
}
.under .widget .grid6 {
	width: 48.93617020799999%;
	*width: 48.88297871863829%;
}
.under .widget .grid5 {
	width: 40.425531911%;
	*width: 40.3723404216383%;
}
.under .widget .grid4 {
	width: 31.914893614%;
	*width: 31.8617021246383%;
}
.under .widget .grid3 {
	width: 23.404255317%;
	*width: 23.3510638276383%;
}
.under .widget .grid2 {
	width: 14.89361702%;
	*width: 14.8404255306383%;
}
.under .widget .grid1 {
	width: 6.382978723%;
	*width: 6.329787233638298%;
}

.under .breadLinks > ul > li > a span, .under .breadLinks ul li a strong {
	display: none;
	visibility: hidden;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.under .breadLinks ul li a i {
	float: none;
	margin: 0;
	padding: 4px;
}

/* # Special classes for responsive layout
 ================================================== */

.showTabletP {
	display: none !important;
}
.showTabletL {
	display: none;
}

.iButton {
	float: right;
	display: none;
	width: 44px;
	height: 27px;
	background: url(../images/elements/other/iButton.png) no-repeat;
	margin-top: 11px;
}
.iTop {
	float: right;
	display: none;
	width: 44px;
	height: 27px;
	background: url(../images/elements/other/iTop.png) no-repeat;
	margin-top: 11px;
	margin-right: 10px;
}

/* ===== Responsive navigation ===== */

.altMenu {
	position: absolute;
	display: none;
	top: 56px;
	font-size: 11px;
	width: 280px;
	padding-top: 6px;
	left: 50%;
	margin-left: -140px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-align: left;
	background: url(../images/elements/other/dropTopArrow.png) 50% 0 no-repeat;
	z-index: 9999;
}
.altMenu:after {
	content: "";
	display: block;
	clear: both;
}
.altMenu > li {
	background: url(../images/backgrounds/sidebar.jpg);
}
.altMenu > li:first-child {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
}
.altMenu > li:last-child {
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
}
.altMenu > li:first-child a {
	border-top: 1px transparent;
}
.altMenu > li:last-child a {
	border-bottom: 1px transparent;
}
.altMenu > li:hover {
	background: #3b3b3b;
}
.altMenu > li a {
	display: block;
	padding: 8px 5px 8px 28px;
	color: #c2c2c2;
	border-bottom: 1px solid #343434;
	border-top: 1px solid #545454;
	background: url(../images/elements/control/rightArrow.png) no-repeat 14px 16px;
}

.altMenu li ul {
	background: #4a4a4a;
}
.altMenu li ul li a {
	border-top: 1px solid #555555;
	border-bottom: 1px solid #3d3d3d;
	padding-left: 42px;
	background-position: 28px 14px;
}
.altMenu li ul li:hover {
	color: #dadada;
	background: #4c4c4c;
}
.altMenu a.active {
	background-color: #525252;
}

.cSec .secNav {
	display: none;
}
.cSec #sidebar {
	width: 100px;
}
.cSec #content {
	margin-left: 100px;
}

/* # Media queries
 ================================================== */

@media only screen and (max-width: 1350px) {
	body {
		-webkit-text-size-adjust: none;
	}
	.fluid .grid12 {
		width: 99.99999998999999%;
		*width: 99.94680850063828%;
	}
}

@media only screen and (max-width: 1024px) {
	input, textarea {
		-webkit-border-radius: 0;
	}
	.quickStats {
		position: absolute;
		right: 22px;
		background: url(../images/backgrounds/contentTop.png) repeat-x;
	}
	.quickStats li a {
		display: none;
	}
	.quickStats li strong {
		font-size: 16px;
	}
	.chzn-container {
		width: 100% !important;
	}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	#sidebar {
		width: 100px;
	}
	.secNav {
		display: none;
		position: absolute;
		top: 0;
		left: 100px;
		padding-left: 0;
		background: url(../images/backgrounds/subnav.jpg);
		border-right: 1px solid #c3c3c3;
		border-bottom: 1px solid #c3c3c3;
		box-shadow: 0 0 5px #cacaca;
		-webkit-box-shadow: 0 0 5px #cacaca;
		-moz-box-shadow: 0 0 5px #cacaca;
	}
	#content {
	}
	.subNav li a.this {
		margin-right: 0;
	}
	.showTabletP {
		display: block !important;
	}
	.navmenu .showTabletP {
		display: inline-block !important;
	}
	#sidebar [class*="dataNum"] {
		display: inline-block;
		float: right;
		margin-left: 14px;
		position: static;
		margin-top: 1px;
	}
	.moreFields ul li {
		width: 12%;
	}
	.hideTablet {
		display: none;
	}
	.topSearch {
		right: 71px;
	}
}

@media only screen and (min-width: 481px) {
	.altMenu {
		display: none !important;
	}
	#sidebar {
		display: block !important;
	}
}

@media only screen and (max-width: 768px) {
	.breadLine {
		text-align: right;
		padding-right: 22px;
	}
	.breadLinks {
		float: none;
		display: inline-block;
		margin: 0;
	}
	.under .breadLinks > ul > li > a span, .under .breadLinks ul li a strong {
		display: none;
		visibility: hidden;
	}
	.under .breadLinks ul li a i {
		float: none;
		margin: 0;
		padding: 4px;
	}

}

@media only screen and (min-width: 769px) {
	.nav li:hover ul {
		display: none;
	}
}

@media only screen and (min-width: 769px) and (max-width: 980px) {
	.contentTop {
		overflow: hidden;
	}
	.breadLinks {
		display: none;
	}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {

	#sidebar {
		background: none;
		width: 100%;
		border: none;
		min-height: 0;
		display: none;
	}
	.secNav {
		display: none;
	}
	.mainNav {
		float: left;
		width: 100%;
	}
	.nav {
		margin-top: 0;
		display: none;
	}
	.nav li {
		display: inline-block;
	}
	.nav li a {
		padding: 14px;
	}
	.nav li a span {
		display: none;
	}
	.nav li ul {
		top: 53px;
		padding: 0;
		right: 0;
		left: 0;
	}
	.nav li ul li {
		display: block;
	}
	#content {
		margin: 0 !important;
	}
	.breadLine {
		text-align: center;
		padding-right: 0px;
	}
	.middleNavA li, .middleFree li {
		width: 110px;
	}
	.middleNavA li a, .middleFree li a {
		white-space: normal;
	}
	.errorWrapper {
		top: 70px;
		margin-top: 0;
	}
	.errorWrapper .errorNum {
		font-size: 100px;
		padding: 0;
		margin: 60px 0 20px 0;
	}
	.errorContent {
		width: 280px;
		margin-top: 60px;
		padding-bottom: 25px;
	}
	.searchLine {
		margin-top: 20px;
	}
	.checker, .radio {
		clear: both;
	}
	.hideTablet {
		display: none;
	}
	.contentTop {
		margin: 0;
		padding: 0 20px;
		overflow: hidden;
		clear: both;
	}
	.pageTitle {
		margin-right: 0;
	}
	.mesControls > span {
		display: none;
	}
	.iButton, .iTop {
		display: block;
	}
	ul.userNav {
		display: none;
	}
	#sidebar ul.userNav {
		display: block;
		margin: 0;
		float: none;
		margin-right: 16px;
	}
	#sidebar ul.userNav li:first-child {
		margin-left: 0;
	}
	.leftUser {
		display: none !important;
	}
	.user {
		padding: 16px 14px;
		text-align: left;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		display: block;
		float: left;
		width: auto;
		border: none;
	}
	.user > span {
		display: none;
	}
	.userSearch {
		display: block;
	}
	.under .widget [class*="grid"] {
		width: 100%;
		margin: 5px 0;
	}
	.formRow [class*="grid"]:first-child label {
		float: none;
		display: inline-block;
		margin-top: -8px;
		margin-bottom: 0px;
		padding: 0;
	}
	.formRow [class*="grid"] label {
		float: left;
	}
	.ibutton-container label {
		float: none !important;
	}
	.contentTop {
	}
	.wrapper {
		margin: 0 20px;
	}
	.quickStats, .bc, .topSearch {
		display: none;
	}

	/* Responsive tables */

	.tDefault {
		display: block;
		position: relative;
		width: 100%;
	}
	.tDefault thead tr td, .tDefault tbody tr td {
		border-top: 1px solid #dfdfdf;
	}
	.tDefault thead {
		display: block;
		float: left;
	}
	.tDefault thead tr {
		border-right: 1px solid #dfdfdf;
	}
	.tDefault thead td {
		box-shadow: none;
		border: none;
		padding: 7px 11px;
	}
	.tDefault tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		overflow-y: scroll;
		white-space: nowrap;
	}
	.tDefault tbody tr td {
		border-left: none;
		min-width: 80px;
	}
	.tDefault tbody td:first-child {
		border-top: none;
	}
	.tDefault tbody tr {
		border-top: none;
	}
	.tDefault thead td:first-child {
		border-left: none;
		border-top: none;
	}
	.tDefault thead tr {
		display: block;
	}
	.tDefault td {
		display: block;
	}
	.tDefault tbody tr {
		display: inline-block;
		vertical-align: top;
		margin-left: -3px;
		border-right: 1px solid #dfdfdf;
	}
	.tDefault tbody tr:first-child {
		margin-left: 0;
	}
	.tDefault td {
		display: block;
	}

	.checkAll thead tr td:first-child, .checkAll tbody tr td:first-child {
		padding: 7px 11px;
	}
	.checkAll tbody tr td {
		min-width: 80px;
	}
	.checkAll thead td:first-child > img {
		vertical-align: middle;
		padding-top: 4px;
		padding-bottom: 2px;
	}

	.dataTable {
		display: block;
		position: relative;
		width: 100%;
	}
	.dataTable thead tr th, .dataTable tbody tr td {
		border-top: 1px solid #dfdfdf;
		display: block;
	}
	.dataTable thead {
		display: block;
		float: left;
	}
	.dataTable thead tr {
		border-right: none;
	}
	.dataTable thead th {
		box-shadow: none !important;
		border-left: none !important;
		padding: 7px 11px !important;
	}
	.dataTable tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	.dataTable tbody tr td {
		border-left: none;
	}
	.dataTable tbody td:first-child {
		border-top: none;
	}
	.dataTable tbody tr {
		border-top: none;
		border-left: 1px solid #dfdfdf;
	}
	.dataTable tbody tr:first-child {
		border-left: none;
	}
	.dataTable thead th:first-child {
		border-left: none;
		border-top: none;
	}
	.dataTable thead tr {
		display: block;
		border-right: 1px solid #dfdfdf;
	}
	.dataTable td {
		display: block;
	}
	.dataTable tbody tr {
		display: inline-block;
		vertical-align: top;
		border-left: 1px solid #dfdfdf;
	}
	.dataTable tbody tr:first-child {
		margin-left: 0;
	}
	.dataTable td {
		display: block;
	}
	.sorting, .sorting_asc, .sorting_desc {
		background-image: none;
	}
	.dataTables_filter label > span, .showentries {
		display: none;
	}
	.dataTables_filter input[type="text"] {
		margin-left: 0;
		width: 130px;
		margin-top: -1px;
	}
	.dataTables_info {
		display: none;
	}
	.dataTables_paginate {
		float: none;
	}
	.dataTables_paginate .previous, .dataTables_paginate .next {
		display: none;
	}
	.fg-toolbar {
		text-align: center;
	}

	table.dataTable tbody tr td:first-child, table.dataTable thead tr th:first-child {
	}
	table.dataTable tbody tr td {
		border-left: none;
	}

	.tLight {
		display: block;
		position: relative;
		width: 100%;
	}
	.tLight thead tr td, .tLight tbody tr td {
		border-top: 1px solid #dfdfdf;
	}
	.tLight thead {
		display: block;
		float: left;
	}
	.tLight thead tr {
		border-right: 1px solid #dfdfdf;
	}
	.tLight thead td {
		box-shadow: none;
		border: none;
		padding: 9px 16px;
	}
	.tLight tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	.tLight tbody tr td {
		border-left: none;
		min-width: 80px;
	}
	.tLight tbody td:first-child {
		border-top: none;
	}
	.tLight tbody tr {
		border-top: none;
	}
	.tLight thead td:first-child {
		border-left: none;
		border-top: none;
	}
	.tLight thead tr {
		display: block;
	}
	.tLight td {
		display: block;
	}
	.tLight tbody tr {
		display: inline-block;
		vertical-align: top;
		margin-left: -3px;
		border-right: 1px solid #dfdfdf;
	}
	.tLight tbody tr:first-child {
		margin-left: 0;
	}
	.tLight td {
		display: block;
	}

	.tDark {
		display: block;
		position: relative;
		width: 100%;
	}
	.tDark thead tr td, .tDark tbody tr td {
		border-top: 1px solid #dfdfdf;
	}
	.tDark thead {
		display: block;
		float: left;
	}
	.tDark thead tr {
		border-right: 1px solid #dfdfdf;
	}
	.tDark thead td {
		box-shadow: none;
		border: none;
		padding: 9px 16px;
	}
	.tDark tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	.tDark tbody tr td {
		border-left: none;
		min-width: 80px;
	}
	.tDark tbody td:first-child {
		border-top: none;
	}
	.tDark tbody tr {
		border-top: none;
	}
	.tDark thead td:first-child {
		border-left: none;
		border-top: none;
	}
	.tDark thead tr {
		display: block;
	}
	.tDark td {
		display: block;
	}
	.tDark tbody tr {
		display: inline-block;
		vertical-align: top;
		margin-left: -3px;
		border-right: 1px solid #dfdfdf;
	}
	.tDark tbody tr:first-child {
		margin-left: 0;
	}
	.tDark td {
		display: block;
	}

	.tAlt {
		display: block;
		position: relative;
		width: 100%;
	}
	.tAlt thead tr td, .tAlt tbody tr td {
		border-top: 1px solid #dfdfdf;
	}
	.tAlt thead {
		display: none;
	}
	.tAlt thead tr {
		border-right: 1px solid #dfdfdf;
	}
	.tAlt thead td {
		box-shadow: none;
		border: none;
		padding: 7px 11px;
		text-align: center;
	}
	.tAlt tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	.tAlt tbody tr td {
		border-left: none;
		text-align: center;
		box-shadow: none;
		white-space: normal;
		border-bottom: none;
	}
	.tAlt tbody td:first-child {
		border-top: none;
	}
	.tAlt tbody tr {
		border-top: none;
	}
	.tAlt thead td:first-child {
		border-left: none;
		border-top: none;
	}
	.tAlt thead tr {
		display: block;
	}
	.tAlt td {
		display: block;
	}
	.tAlt tbody tr {
		display: inline-block;
		vertical-align: top;
		margin-left: -3px;
		border-right: 1px solid #dfdfdf;
	}
	.tAlt tbody tr:first-child {
		margin-left: 0;
	}
	.tAlt td {
		display: block;
	}

	.tMedia thead {
		display: none;
	}
	.tMedia tbody tr td:first-child {
		width: auto;
	}
	.tMedia tbody tr {
		border-top: 1px solid #ddd;
	}
	.tMedia tfoot tr td {
		text-align: center;
	}
	.itemActions, .tPages {
		float: none;
		display: inline-block;
	}
	.tMedia tfoot tr {
		border-top: none;
	}

	.tToolbar li a, .tbar li a {
		text-indent: -9999px;
		width: 14px;
	}
	.tToolbar li a span, .tbar li a span {
		text-indent: 0px;
		margin-right: 0;
	}
	.tbar, .tbar li {
		height: 34px;
	}

	.ui-dialog {
		max-width: 280px;
	}
	.wInvoice li h4 {
		font-size: 16px;
	}
	.mytasks thead {
		display: none;
	}
	.mytasks tbody tr td:first-child {
		height: 8px;
	}
	.taskPending {
		margin-top: 1px;
	}
	table .dropdown-menu.pull-right {
		right: auto;
		left: 0;
	}
	.plupload_filelist_footer .plupload_file_action, .plupload_filelist_footer .plupload_file_status, .plupload_filelist_footer .plupload_file_size {
		display: none;
	}
	.step h1 {
		display: none;
	}
	.leftBox, .rightBox {
		width: 100%;
		float: none;
	}
	.leftBox {
	}
	.dualControl {
		width: auto;
		margin: 20px 0;
		position: static;
		left: 0;
	}
	.countLabel {
		text-align: center;
	}
	.elfinder .elfinder-navbar {
		width: 130px;
	}

	.loginWrapper {
		top: 100px;
		margin-top: 0;
	}
	.logControl {
		padding-bottom: 50px;
	}
}

#footer {
	margin-top: 10px;
	padding: 5px;
}
#copyright {
	text-align: center;
}
#buildInfo {
	text-align: right;
}

.status {
	color: #B35D5D;
}
.formStatus {
	color: #B35D5D;
}
.nopadding {
	padding: 0px;
}

.tipsy-inner {
	font-size: 18px
}
.uniform70 {
	width: 80px;
	text-align: center;
	margin: 2px;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.dataTable input[type=text] {
	width: 8em;
}

.w700 {
	width: 700px;
}
.w900 {
	width: 900px;
}
.wFill {
	width: 100%;
}
.companySelect {
	width: 400px;
}

ul.navmenu li.title{
	border-bottom: 1px solid;
}
ul.navmenu li.title h6{
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
}


input[type=text].styled{
	padding: 5px 7px 5px 7px;  margin-left: 15px; background: #f9f9f9; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; border: 1px solid #d7d7d7;
}

#authmenu{
	float: right;
	color: white;
	text-align: right;
	width: 600px;
	padding-right: 22px;
}

table.reportLines input[type=text]{
	width: 70px;
}

table.reportRecords input[type=text]{
	padding: 5px 7px 5px 7px;  margin-left: 15px; background: #f9f9f9; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; border: 1px solid #d7d7d7;
}

table.employmentRecords input[type=text]{
	width: 60px;
	padding: 5px 7px 5px 7px;  margin-left: 15px; background: #f9f9f9; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; border: 1px solid #d7d7d7;
}

/*Reports CSSSS    */
.noPadding{
	padding: 0px !important;
}

.reportListTable{
	
}

.dataTable.empty{
	display: none;
}

.floatingsave .hide{
	display: inline-block;
	width: 32px;
	height: 32px;
	background-image: url('/assets/images/icons/hide_right.png');
}

.floatingsave.off .hide{
	background-image: url('/assets/images/icons/hide_left.png');
}


.dataTable input.termdate, input.termdate{
	width: 60px;
}

#summaryPaymentAmount{
	border: solid 1px black;
	background-color: yellow;
}

#editReportForm{
	position: relative;
}

.calculationSection{
	cursor: pointer;
	height: 20px;
}

td.options{
	position: relative;
}

.optionsMenu{
	display: none;
	position: absolute;
	top: -40px;
	left: 10px;
	width: 160px;
	border: solid 1px;
	background-color: #404040;
	z-index: 2;
}

.optionsContent{
	padding: 2px;
}

.optionsContent a{
	color: white;
}

.optionsMenu.active{
	display: block;
	background: #404040;
	border-bottom: none;
}

.optionsMenu li{
	list-style: none;
}

.optionsMenu .ui-widget-content{
	border: none;
}

.optionsButton{
	margin: 0px;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text{
	font-size: 10px;
	padding-right: 20px;
}

div.floatingsave{
	text-align: center;
	width: 115px;
	position: fixed;
	top: 30%;
	right: 5px;
	margin-bottom: auto;
	margin-top: auto;	
}

div.floatingsave a{
	clear: both;
	float: right;
}

div.floatingsave.off{
	width: 32px;
	position: fixed;
	top: 30%;
	right: 5px;
	margin-bottom: auto;
	margin-top: auto;
}

.fillPremiums{
	float: right;
}

.companySelection{
	text-align: left;
}

.reportProperties{
	border: solid black 1px;
	background-color: #eaeaea;
	width: 300px;
	height: 80px;
}

.companyInfo{
	width: 420px;
	float: right;
	margin: 5px;
}

div.reportDetails{
	float: left;
	width: 300px;
}

.reportError{
	color: red;
	font-size: 12px;
	font-weight: bold;
}

.labelinside{
	color: #aaaaaa;
}

.reportSummaryWrapper{
	margin-right: auto;
	margin-left: auto;
	width: 860px;
}

table.stripe th{
	background-color: #333333;
	color: white;
}

table.stripe{
	border: solid black 1px;
}

th.employeeName{
	width: 360px;
	text-align: left;
}

th.employeeSSN{
	width: 100px;
	text-align: left;
}

th.employeeDOB{
	width: 120px;
	text-align: left;
}

th.employeeHire{
	width: 120px;
	text-align: left;
}

th.employeeTerm{
	width: 120px;
	text-align: left;
}

th.employeeHours{
	width: 140px;
	text-align: right;
}

th.employeePrem{
	width: 140px;
	text-align: right;
}

th.employeeStatus{
	width: 140px;
	text-align: right;
}

.tblGenFixed{
	
}

.s0{
	font-size: 14px;
	font-weight: bold;	
}

.s3{
	font-weight: bold;
}

.s6{
	font-size: 20px;
	font-weight: bold;
}

.notes{
	border: solid black 1px;
	padding: 5px;
	color: white;	
}

.smallLabel{
	padding: 0;
	margin: 0;
	font-size: 10px;
}

.totalsTableContainer{
	font-size: 14px;
}

.totalsTable{
	float: right;
}

td.highlight{
	background-color: #a2a2a2;
}

.reportListViewPort{
	height: 172px;
	border: solid black 1px;
	overflow: auto;
	background-color: #f8f8f8;
}

table.reportListTable{
	border: none;
}

table.reportListTable th{
	border: none;
}

table.reportListTable td{
	border: none;
}

tr.notreported{
	background-color: #ffc8c8;
}

tr.notreported td{
	border: solid #ff0000 1px;
}

tr.changed{
	background-color: Yellow;
}

tr.changed td{
	/* border: solid #cc9999 1px; */
}

tr.selected td{
}

.reportlinestatus{
	background-position: 0 0;
	width: 38px;
}

tr.warning{
}

tr.error{
}

tr.error td{
}

tr.ok td.reportlinestatus{
	background-image: url('lib/graphics/ok.png');
	background-repeat: no-repeat;
	background-position: center;
}

tr.error td.reportlinestatus{ 
	color: #ffffff;
	color: #ffffff; 
	background-image: url('lib/graphics/error.png');
	background-repeat: no-repeat;
	background-position: center;
}

tr.warning td.reportlinestatus{
	color: #915608;
	background-image: url('lib/graphics/warning.png');
	background-repeat: no-repeat;
	background-position: center;
}

tr.attention td.reportlinestatus{
	background-image: url('lib/graphics/attention.png');
	background-repeat: no-repeat;
	background-position: center;
}

.hint{
	font-size: 10px;
	color: black;
	font-weight: bold;
}

table.middle td{
	vertical-align: middle;
}

.statusMap{
	float: left;
}

td.amountDue{
	width: 92px;
}

.optionsWrapper{
	position: absolute;
}

.tableNotes{
	width: 400px;
	font-weight: normal;
	font-size: 12px;
	float: right;
	text-align: right;
	margin-bottom: 10px;
}

.pensionSummaryWrapper{
	border: solid black 1px;
	padding: 10px;
}

.s4{
	font-weight: bold; 
	text-align: center;
}

#addPastEmployeeSelect{
	width: 400px;
}

.select2-container {
	width: 100% !important;
	max-width: 100%;
}

.jqstooltip { 
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	background: rgb(0, 0, 0) transparent;
	background-color: rgba(0,0,0,0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	color: white;font: 10px arial, san serif;
	text-align: left;
	white-space: nowrap;
	padding: 5px;
	border: 1px solid white;
	z-index: 10000;
}
.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}
.CRZ{table-layout:fixed;}
.CRZ td,.CRZ th{overflow:hidden}
.CRC{height:0px;position:relative;}
.CRG{margin-left:-5px;position:absolute;z-index:5;}
.CRG .CRZ{position:absolute;background-color:red;filter:alpha(opacity=1);opacity:0;width:10px;height:100%;top:0px}
.CRL{position:absolute;width:1px}
.CRD{ border-left:1px dotted black}