/*
orange: #ff9900
blue: #1d81c7
*/

/*
-GLOBAL RESET
============================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
:focus {-moz-outline-style:none;outline: 0;}

/*
-GLOBAL TEXT STYLES
============================================================= */
body { margin: 0;font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 120%;background-color:#f2f2f2;color: #000;background-image: url('../img/bck_header.png'); background-repeat: repeat-x}
img {border: 0;}
h1, h2, h3, h4, h5, h6, th, #header, .td_title, legend {font-family:proxima-nova, Arial, Helvetica, sans-serif;font-weight:700;text-transform: uppercase;text-shadow: 0px 1px #fff;color: #333;}
h2,legend {font-size: 13px;}
h3 {font-size: 12px;}
p {margin: 0 0 .8em 0;}
a {text-decoration: none;color: #ff9900;}
a:hover {color: #000;}
small {font-size: 10px;color: #666;}
hr {border:0;border-top:1px solid #cccccc;margin:10px 0;clear:both;height:1px}
a {color:#535353; text-decoration:none; }

/*
ICON CLASSES (USED WITH H2 TAGS)
============================================================= */
.icon_dashboard {background: url(../img/icon-dashboard.png) no-repeat center left;padding: 5px 0 5px 25px;}
.icon_dashboard2{background: url(../img/2.png) no-repeat center left;padding: 5px 0 5px 25px;}
.icon_dashboard3{background: url(../img/1.png) no-repeat center left;padding: 5px 0 5px 25px;}
.icon_dashboard4{background: url(../img/3.png) no-repeat center left;padding: 5px 0 5px 25px;}
.icon_message {background: url(../img/icon-message.png) no-repeat center left;padding: 5px 0 5px 25px;}
.icon_notifications {background: url(../img/icon-notification.png) no-repeat center left;padding: 5px 0 5px 25px;}
.icon_messages {background: url(../img/icon-message.png) no-repeat center left;padding: 5px 0 5px 28px;}
.icon_save {background: url(../img/icon-popup-export.png) no-repeat center left;padding: 5px 0 5px 25px;}

/*
-GLOBAL WRAPPER STYLES
============================================================= */
div.widget-header {background: url('../img/main-tab-background.png') repeat-x bottom;padding: 8px 10px;display: block;}
div.widget-container {height:100px; padding: 4px 0 4px 10px; overflow:auto;}

/*
-GLOBAL TABLE STYLES
============================================================= */
table {background: #fff;}
th {border-bottom: 1px solid black;vertical-align: bottom;padding: 4px 4px;font-size: 10px;}
th p {}
td {padding: 4px 5px;font-size: 11px;vertical-align: middle;}
.noborder, .td_title {border-bottom: none;}
.td_title p {border-bottom: 1px solid black;text-transform: uppercase;font-weight: bold;}
.tr_alt {background-color: #f1f1f1;}
.tr_hover {background-color: #b2e0ff;}
.tr_active {background-color: #ffcc33;}

/*
-WIDGET STYLES
============================================================= */
#messages-widget .widget-container {height:92px;}
#messages-widget:hover .edit-message {display:block !important;}
#messages-widget .edit-message { cursor:pointer; display:none; position:absolute; top:8px; right:5px; width: 26px; height:25px; background:transparent url('../img/icon_write-message.png') top left no-repeat;}
#messages-widget .edit-message:hover {background-position: 0 -25px; }

#notifications-widget .widget-container {height:92px;}

#dashboard-widget:hover .add-dashboard {display:block !important;}
#dashboard-widget.hover-disable:hover .add-dashboard {display:none!important;}
#dashboard-widget .add-dashboard { cursor:pointer; display:none; position:absolute; top:8px; right:5px; width: 26px; height:25px; background:transparent url('../img/icon-popular-dashboard-add.png') top left no-repeat; background-position: 0 0;}
#dashboard-widget .add-dashboard:hover {background-position: 0 -25px;}
#dashboard-widget .widget-container {padding:0;}
#dashboard-widget .dashboard {position:relative; cursor:pointer; height:25px; line-height:25px; padding: 0 10px 0 10px; 	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#dashboard-widget .dashboard:hover {background:transparent url('../img/widget-dashboard-hover.png') top left repeat-x;}
#dashboard-widget .dashboard.odd {background-color:#FCFCFC;}
#dashboard-widget .dashboard.even {background-color:#f5f5f5;}
#dashboard-widget .dashboard.active {background-color:#535353; color:#FFFFFF;}
#dashboard-widget .dashboard.active:hover {cursor:default; background-image:none; background-color:#535353; color:#FFFFFF;}
#dashboard-widget .dashboard img {position:absolute; top: 6px; right:8px; cursor:pointer; display:none;}
#dashboard-widget:hover .dashboard img {display:block;}
#dashboard-widget.hover-disable:hover .dashboard img {display:none;}
/*
-GLOBAL CLASSES
============================================================= */
.float_left {float: left;}
.float_right {float: right;}
.clearboth {clear: both;overflow: auto;}
/*.box-shadow {-moz-box-shadow: 0px 0px 1px #d4d4d4; *//* Firefox *//*-webkit-box-shadow: 0px 0px 1px #d4d4d4; *//* Safari, Chrome *//* box-shadow: 0px 0px 1px #d4d4d4; *//* CSS3 *//*border: 1px solid #d4d4d4;}*/
.clear {clear:both;}
.inner {margin: 0 40px 0 40px;}
.tooltip {display:none;position:fixed;border:1px solid #e3e3e3;background-color:#f1f1f1; border-radius:1px;padding:4px;color:#535353; font-family: Verdana, Helvetica, sans-serif; font-size:12px; z-index:10000;max-width:400px;}
.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.dotdotdot {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* -- HEADER
============================================================= */
#header {background: url('../img/bck_header.png') repeat-x top center; height: 130px; width: 100%; min-width: 600px; overflow: auto; text-transform: uppercase;}
.header_wrap {/*width: 960px; */ padding: 0 40px; margin: 0 auto; overflow: auto;  margin-left:15%\9 !important; }
#header a {font-weight: 700;}
#logo {width: 205px; height: 69px; float: left; margin: 0;}
#logo a {width: 205px; height: 69px; background:  url(../img/logo.png) no-repeat; text-indent: -9999px; display: block; }
#nav_main {margin: 35px 0 0 0;padding: 0;list-style: none;font-size: 12px;font-weight: bold;float: right;text-shadow: 0px 1px #96adbd;overflow: auto;}
#nav_main li {float: left;padding-left: 20px;}
#nav_main li a {color: #12344f;padding: 5px 0;display: block;}
#nav_main li a:hover {color: #fff;text-shadow: 0px 1px #333;}

.header_wrap {width:960px;}
body.c_dashboard .header_wrap,
body.c_manage .header_wrap{
	width: auto;
	overflow: hidden;
}

/* --ADMIN LOGIN
============================================================= */	
#admin {background: url('../img/bck_admin.png') repeat-x top center;width: 100%;height: 55px;overflow: auto;}
.c_login #admin { display: none; }
.c_login #header { height: 100px; }
#nav_admin {font-size: 14px;float: right;}
#nav_admin li {float: left;margin-left: 30px;}
#nav_admin li a {color: #fff;padding: 13px 0 12px 0;display: block;text-shadow: 0px 1px #000;}
#nav_admin li a:hover, #nav_admin li a.active {color: #ff9900;}
#nav_admin li a.active {background: url(../img/nav_admin_active.png) no-repeat bottom center;}

/* -- USER WIDGETS
============================================================= */
#collapse {background: url(../img/hr_two_line.png) repeat-x center center;width: 100%;margin: 10px 0;clear: both;height: 22px;}
#collapseUp {background-image: url('../img/dashboard-collapse.png');background-repeat: no-repeat;width: 100%;height: 22px;	display: block;padding: 0px 0;text-indent: -9999px;margin: 0;}
.up {background-position: center top;}
.down {background-position: center bottom;}


/* -- LOGIN PAGE
============================================================= */
#welcome {	
	width: 480px;
	margin: 0 auto 30px auto;	
}
#welcome h2 {
	font-size: 20px;
	line-height: 24px;
	text-transform: none;
	padding-bottom: 8px;
	margin-bottom: 8px;
	background: url("../img/hr_two_line.png") repeat-x bottom center;
}
#welcome p {
	font: 14px/21px Arial, Helvetica, sans-serif;
}

#wrapper_login {
	width: 480px;
	margin: 0 auto;
	background: #fff;
}
.wrapper_login_container {
	padding:20px 40px;
}
#newuser {
	margin: 10px 0 0 10px;
	float: left;
}
#newuser_bottom {
	margin-top: 10px;
	clear: both;
	overflow: auto;
	padding: 10px 0;
}

/*
-GLOBAL WRAPPER STYLES
============================================================= */
div.sub-header {
	background: url('../img/main-tab-background.png') repeat-x bottom;
	padding: 8px 10px;
	display: block;
	overflow:hidden;
}

/*
-GLOBAL FORM STYLES
============================================================= */
div.form {
	font-size: 13px;
}

div.form a {color:#F90;}
div.form a:hover {color: #000;}

label {
	clear: both;
	display: block;
	padding: 0 0 8px 0;
}
input {
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #999;
}
/*form submit*/
input[type="submit"], button.form_submit, a.form_submit {
	background:#1d81c7;
	border:1px solid #196fac;
	color:#fff;
	cursor:pointer;
	font: bold 14px proxima-nova;
	text-transform: uppercase;
	text-shadow: 0px 1px #000;
	padding:7px 30px;
	margin-top: 0px;
}
.form_submit_button {
background:#1d81c7;
	border:1px solid #196fac;
	color:#fff;
	cursor:pointer;
	font: bold 14px proxima-nova;
	text-transform: uppercase;
	text-shadow: 0px 1px #000;
	padding:7px 30px;
	margin-top: 0px;
}
input[type="submit"]:hover, button.form_submit:hover, a.form_submit:hover {
	background:#196fac;
}
button[disabled]{
	background:#e5e5e5;
	border:1px solid #cccccc;
	font-style: italic;
	color: #999999;
	text-shadow: 0px 1px #e5e5e5;
}

/*
-POPUP STYLES
============================================================= */

.popup {}
.popup .icon-close { float: right; cursor:pointer; width:38px; height: 34px; background: transparent url('../img/icon-close.png') top left no-repeat;  display: block;}
.popup .icon-close-new { float: right; cursor:pointer; width:35px; height: 34px; background: transparent url('../img/icon-close.png') top left no-repeat;  display: block;}
.popup .icon-close:hover {background-position: 0 -34px;}
.popup .icon-close-new:hover {background-position: 0 -34px;}
.popup .popup-content {background:#FFF; padding:20px; }
#popup-export .icon-close {width:21px; height:21px; margin: 7px 7px 0 0; background: transparent url('../img/icon-popup-close.png') top left no-repeat; float:right;}
#popup-export .icon-close:hover {background-position: 0 -21px;}

#popup-alert {display:none; position:fixed; top:50%; left:50%; margin-top:-115px; margin-left:-284px; z-index:999999;}
#popup-alert button {position:absolute; bottom:12px; left:50%; margin-left:-17px;}
#popup-alert .popup-content {position:relative; padding: 20px 20px 49px 20px;}

#popup-detail {width:534px;}
#popup-detail .hover-arrow {width:18px; height:30px; background: transparent url('../img/popup-detail-arrow.png') top left no-repeat; z-index:1001; position:relative;}
#popup-detail .popup-top {background: transparent url('../img/popup-detail-top.png') top left repeat-y; width:534px; height:53px; max-height:53px;}
#popup-detail .popup-top .column1 {width:218px; padding: 0 10px 0 0;}
#popup-detail .popup-top .column2 {width:178px; padding: 0 10px 0 0;}
#popup-detail .popup-top .column3 {}
#popup-detail .popup-top .column {float:left;}
#popup-detail .popup-top .column .row1{font-weight:bold;}
#popup-detail .popup-top .column .row2{}
#popup-detail .top-graph {clear:both; width:488px; height:211px; background: transparent url('../img/popup-detail-middle.png') top left repeat-y; padding-left:30px; padding-top:9px; padding-right:16px;}
#popup-detail .top-graph .draw-space {width:486px; height:209px; border:1px solid #c9c9c9;}
#popup-detail .popup-middle {background: transparent url('../img/popup-detail-middle.png') top left repeat-y; width:534px;}
#popup-detail .popup-middle .middle-inner {width:488px;}
#popup-detail .popup-top .top-bar {background: transparent url('../img/main-tab-background.png') bottom left repeat-x; height:35px; width:488px; padding: 14px 12px 0 12px;}
#popup-detail .popup-top .top-content {width:503px; height:209px; margin:9px 0 14px 29px;}
#popup-detail .popup-bottom {width:550px; background:transparent url('../img/popup-detail-bottom.png') top left no-repeat;}
#popup-detail .popup-middle table .top-header th {color:#000; background:#FFF;}


#facebox .popup-top {
    background: url("../img/main-tab-background.png") repeat-x scroll center bottom transparent;
    display: block;
    padding: 4px 10px;
}
#facebox .popup-top .column1 {width:218px; padding: 0 10px 0 0;}
#facebox .popup-top .column2 {width:178px; padding: 0 10px 0 0;}
#facebox .popup-top .column3 {}
#facebox .popup-top .column {float:left;}
#facebox .popup-top .column .row1 {
    font-size: 14px;
    font-weight: bold;
    padding-top: 6px;
}
#facebox .dotdotdot {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
}
#facebox .popup-top .column .row2{}

#facebox .top-graph {clear:both; width:488px; height:240px;padding-left:30px; padding-top:9px; padding-right:16px;}
#facebox .top-graph .draw-space {width:486px; height:236px; border:1px solid #c9c9c9;}
#facebox .popup-middle table .top-header th {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font-size: 13px;
    margin-top: 3px;
    padding-top: 12px;
    text-align: center;
}
#current-monthly{width:250px !important;}
#aggregate-monthly{width:250px !important;}
#current-yearly{width:250px !important;}
#aggregate-yearly{width:250px !important;}
#current-monthly th{ text-align:right;}

#aggregate-monthly th{text-align:right;}
#current-yearly th{text-align:right;}
#aggregate-yearly th{text-align:right;}

#current-monthly td{ font-size:12px !important;}

#aggregate-monthly td{ font-size:12px !important;}
#current-yearly td{ font-size:12px !important;}
#aggregate-yearly td{ font-size:12px !important;}
.bottom-row {
    float: left;
    margin-top: 10px;
    padding-left: 35px;
    text-align: center;
    width: 140px;
	font-weight:bold;
}
.bottom-row1 a{color:#333; text-decoration:none; font-size:12px;}

/*
-CONTENT PAGE STYLES
============================================================= */

#content_page {}
#content_wrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	
}
.content_container {
	padding:20px 40px;
}

#content_page .content_container h2 {padding: 0 0 10px 0;}
#content_page .content_container ul {padding: 0 0 10px 0;}
#content_page .content_container p {padding: 0 0 10px 0; margin:0;}
#content_page .content_container i {font-style: italic; }
#content_page .content_container u {font-style: underline;}

#content_page .content_container ul, #content_page .content_container ul li{list-style:disc}
#content_page .content_container ol, #content_page .content_container ol, #content_page .content_container li{list-style:decimal}
#content_page .content_container ul li, #content_page .content_container ol li, #content_page .content_container ul li, #content_page .content_container ol li{margin:0 0 0 28px;padding:0 0 0 5px;line-height:140%}
/*============================================================= */

#top-nav {width:100%; height:29px; background: transparent url('../img/top-nav-background.png') top left repeat-x;}

#top-nav-logo {height:29px; float:right; border-right: 1px solid #a5d2f3; overflow:hidden;}
#top-nav-logo a {display:block; height:29px; background: transparent url('../img/top-nav-logo-background.png') no-repeat; background-position: 0 0;}
#top-nav-logo a:hover {background-position: 0 -29px;}

#top-nav ul {float:right;}
#top-nav ul li {height:29px; float:left; overflow:hidden; border-right: 1px solid #a5d2f3; border-left: 1px solid #5887a6;}
#top-nav ul li.last {border-right: 0;}
#top-nav ul li a {display:block;}
#top-nav ul li a.account {background: transparent url('../img/top-nav-account-background.png') no-repeat; background-position: 0 0;}
#top-nav ul li a.account:hover {background-position: 0 -29px;}
#top-nav ul li a.help {background: transparent url('../img/top-nav-help-background.png') no-repeat; background-position: 0 0;}
#top-nav ul li a.help:hover {background-position: 0 -29px;}
#top-nav ul li a.log-out {background: transparent url('../img/top-nav-log-out-background.png') no-repeat; background-position: 0 0;}
#top-nav ul li a.log-out:hover {background-position: 0 -29px;}

#header .inner {height:73px; position:relative; }

#header-logo {position:absolute; top:10px; left:0; z-index:400;}

#subnav {position:absolute; bottom:0; right:0; width:100%; height:46px; background: transparent url('../img/subnav-background.png') bottom left repeat-x;}
#subnav li {height:46px; line-height:46px; float:right; font-size:18px; text-transform:uppercase; text-align:center;}
#subnav li a {color:#535353; text-decoration:none; font-weight:700;}
#subnav li a:hover {color:#EA9104;}
#subnav li.dashboards {width:116px;}
#subnav li.dashboards.active {background: transparent url('../img/subnav-dashboards-background.png') bottom left no-repeat;}
#subnav li.active a {color:#ea9104;}
#subnav li.manage {width:76px; margin-left:21px;}
#subnav li.manage.active {background: transparent url('../img/subnav-manage-background.png') bottom left no-repeat;}

#content {padding: 0 0 12px 0; padding-left:0%\9 !important;}

#content .inner {}



#user-widgets { overflow:hidden; margin: 0 0 0 0;}
#user-widgets .widget { width:32%; float:left; margin: 0 2% 0 0;  position:relative; min-height: 35px; background:#FFF;}
#user-widgets .widget.last {margin: 0;}

#user-widgets .widget .widget-top {height:2px; width:100%; position:absolute; top:0; }
#user-widgets .widget .widget-top .top-left { position:absolute; top:0; left:0; width:2px; height:2px; background: transparent url('../img/dashboard-top-left.png') top left no-repeat;}
#user-widgets .widget .widget-top .top-middle { width:auto; height:2px; margin: 0 2px 0 2px; background: transparent url('../img/dashboard-top-middle.png') top left repeat-x;}
#user-widgets .widget .widget-top .top-right { position:absolute; top:0; right:0; width:2px; height: 2px; background: transparent url('../img/dashboard-top-right.png') top left no-repeat;}

#user-widgets .widget .widget-bottom {height:2px; width:100%; position:absolute; bottom:0;}
#user-widgets .widget .widget-bottom  .bottom-left {position:absolute; top:0; left:0;width:2px; height:2px; background: transparent url('../img/dashboard-bottom-left.png') top left no-repeat;}
#user-widgets .widget .widget-bottom  .bottom-middle { width: auto; height:2px; margin: 0 2px 0 2px; background: transparent url('../img/dashboard-bottom-middle.png') top left repeat-x;}
#user-widgets .widget .widget-bottom  .bottom-right {position:absolute; top:0; right:0; height:2px; background: transparent url('../img/dashboard-bottom-right.png') top left no-repeat;}

#user-widgets .widget-middle .left {z-index:400; position:absolute; top:0; left:0; width:2px; height:100%; background: transparent url('../img/dashboard-middle-left.png') top left repeat-y;}
#user-widgets .widget-middle .middle {width:100%; height:134px; position:absolute; top:0; background-color:#FCFCFC;}
#user-widgets .widget-middle .right {z-index:400; position:absolute; top:0; right:0; width:2px; height:100%; background: transparent url('../img/dashboard-middle-right.png') top left repeat-y;}

#user-widgets .widget-middle { position:relative; margin: 2px 0 2px 0; float: left;  width: 100%; height:134px; min-height: 35px;}
#user-widgets .widget-middle .widget-title {position:relative; height:35px; line-height:35px; background: transparent url('../img/widget-title.png') top left repeat-x; margin: 0 2px 0 2px; overflow:hidden; white-space: nowrap; text-transform:uppercase; font-weight:700;}
#user-widgets .widget-middle .widget-title img {margin: 8px 4px 7px 7px;  height:19px; vertical-align: top;}

#user-widgets .widget-middle .widget-fade {width:100%; height:25px; position:absolute; bottom:0; left:0; background: transparent url('../img/widget-fade.png') bottom left repeat-x; overflow:visible;}
#user-widgets .widget-middle .widget-down {display:none; position:absolute; bottom:0; left: 50%; margin-left:-19px; width:39px; height:32px; cursor:pointer; background: transparent url('../img/widget-down.png') top left no-repeat;}
#user-widgets .widget-middle .widget-up {display:none; position:absolute; top:0; left: 50%; margin-left:-19px; width:39px; height:32px; cursor:pointer; background: transparent url('../img/widget-up.png') top left no-repeat;}


#user-widgets .widget-middle .widget-message-wrapper {height:100px; position:absolute; top:35px; left:0; width: 100%; overflow-y:hidden;}
#user-widgets .widget-middle .widget-message {margin: 10px 12px 10px 12px; font-family: Verdana, Helvetica, sans-serif; font-size:13px;}
#user-widgets .widget-middle .widget-message p {padding-bottom:13px;}
#user-widgets .widget-message-wrapper:hover .widget-down {display:block;}
#user-widgets .widget-message-wrapper:hover .widget-up {display:block;}


#user-widgets .widget-middle .widget-notifications-wrapper {height:100px; position:absolute; top:35px; left:0; width: 100%; overflow:hidden;}
#user-widgets .widget-middle .widget-notifications {margin:0; font-family: Verdana, Helvetica, sans-serif; font-size:13px; cursor: pointer}
#user-widgets .widget-middle .widget-notifications .notification {height:25px; line-height:25px; padding: 0 12px 0 12px; 	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#user-widgets .widget-middle .widget-notifications .notification a {color:#EA9104; text-decoration:none;}
#user-widgets .widget-middle .widget-notifications .notification a:hover {text-decoration:underline;}
#user-widgets .widget-middle .widget-notifications .notification.odd {background-color:#FFFFFF;}
#user-widgets .widget-middle .widget-notifications .notification.even {background-color:#f5f5f5;}
#user-widgets .widget-notifications-wrapper:hover .widget-down {display:block;}
#user-widgets .widget-notifications-wrapper:hover .widget-up {display:block;}


#user-widgets .widget-middle .widget-dashboards-wrapper {height:100px; position:absolute; top:35px; left:0; width: 100%; overflow:hidden;}
#user-widgets .widget-middle .widget-dashboards {margin: 0 2px 0 2px; font-family: Verdana, Helvetica, sans-serif; font-size:13px;}
#user-widgets .widget-middle .widget-dashboards .dashboard {position:relative; cursor:pointer; height:25px; line-height:25px; padding: 0 10px 0 10px; 	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#user-widgets .widget-middle .widget-dashboards .dashboard:hover {background:transparent url('../img/widget-dashboard-hover.png') top left repeat-x;}
#user-widgets .widget-middle .widget-dashboards .dashboard.odd {background-color:#FCFCFC;}
#user-widgets .widget-middle .widget-dashboards .dashboard.even {background-color:#f5f5f5;}
#user-widgets .widget-middle .widget-dashboards .dashboard.active {background-color:#535353; color:#FFFFFF;}
#user-widgets .widget-middle .widget-dashboards .dashboard.active:hover {cursor:default; background-image:none; background-color:#535353; color:#FFFFFF;}
#user-widgets .widget-middle .widget-dashboards .dashboard img {position:absolute; top: 6px; right:8px; cursor:pointer; display:none;}
#user-widgets .widget-dashboards-wrapper:hover .widget-down {display:block;}
#user-widgets .widget-dashboards-wrapper:hover .widget-up {display:block;}
#dashboard-widget:hover .widget-middle .widget-dashboards .dashboard img {display:block;}
#dashboard-widget.hover-disable:hover .widget-middle .widget-dashboards .dashboard img {display:none;}

#dashboard-widget.hover-disable:hover .widget-middle .widget-dashboards .dashboard {cursor:default !important;}
#dashboard-widget.hover-disable:hover .widget-middle .widget-dashboards .dashboard.odd {background: transparent !important; background-color:#FFFFFF !important;}
#dashboard-widget.hover-disable:hover .widget-middle .widget-dashboards .dashboard.even {background: transparent !important; background-color:#F5F5F5 !important;}
#dashboard-widget.hover-disable:hover .widget-middle .widget-dashboards .dashboard.active {background-color:#535353 !important; color:#FFFFFF !important;}
#dashboard-widget.hover-disable:hover .widget-dashboards-wrapper .widget-down {display:none;}
#dashboard-widget.hover-disable:hover .widget-dashboards-wrapper .widget-up {display:none;}



#loading {display:none; position:fixed; top:50%; left:50%; margin-left: -110px; margin-top:-9px; z-index:9999;}
#dashboard {height:auto; width:960px; margin: 0 auto}
body.c_dashboard #dashboard,
body.c_manage #dashboard{
	height:auto; width:100%;
}

#dashboard.manage #sub-tabs {display:block;}
#dashboard #filter-checkboxes {padding: 10px; background: #f3f3f3; border-radius: 5px; }
#dashboard.manage #filter-checkboxes {display:block; padding: 10px; background: #f3f3f3; border-radius: 5px; }

#dashboard #schedule-filter {padding: 10px; background: #f3f3f3; border-radius: 5px; }
#dashboard.manage #schedule-filter {padding: 10px; background: #f3f3f3; border-radius: 5px; margin: 10px; }

#dashboard.manage #main-tabs .icon-edit {display:none;}
#dashboard.manage #main-tabs .icon-add {display:block;}
#dashboard.manage #main-tabs .icon-save  {display:block;}
#dashboard.manage #main-tabs .icon-delete  {display:block;} /* Revert All */

#dashboard.manage.users #filter-checkboxes{margin:0 0 2em 0; padding:10px 6px 9px 6px; min-height:30px; height:40px; background: none; text-align: left;}
#dashboard.manage.users .dashboard-middle .middle {padding:0;}
#dashboard.manage.users #data-table {margin-top:0; padding-bottom: 12px;}
#dashboard.manage.users #data-table thead tr {}
#dashboard.manage.users #data-table thead tr th {padding-bottom:0; padding-left:10px; vertical-align:middle;}
#dashboard.manage.users #data-table tbody {}
#dashboard.manage.users #data-table tbody tr{}
#dashboard.manage.users #checkboxes-dates {float:none; padding-right:0; margin: 0;}
#checkboxes-dates .date-range {margin: 0 0 0 10px;}
#checkboxes-dates .date-range a{font-size:14px; color:#2b2b2b; font-family: Verdana, Helvetica, sans-serif; margin: 0 10px 0 0;}
#checkboxes-dates .date-range a.active {color:#ea9104; border-bottom:1px solid #ea9104;}
#checkboxes-dates .date-range.manage-users.floatright {float:right;}
#checkboxes-dates .date-range.manage-users.floatright input {margin-right:0;}
#checkboxes-dates .date-range.manage-users.floatright .icon.export {float:left; background: transparent url('../img/icon-download-multi.png') top left no-repeat; width:41px; height: 37px; cursor:pointer; }
#checkboxes-dates .date-range.manage-users.floatright .icon.export:hover {background-position: 0 -37px;}


#data-table .bottom {margin: 10px 0 0 0;}
#dashboard.manage.users #data-table .bottom {padding-top:10px; padding-bottom:10px;}
.dataTables_paginate {float:right; line-height:18px;}
#DataTables_Table_0_info {float:left; font-size:9px; color:#2b2b2b; font-style:italic; margin-left:10px; line-height:18px;}
.paginate_button.first {display:none;}
.paginate_button.previous {display:none;}
.paginate_button.next {display:none;}
.paginate_button.last {display:none;}
.dataTables_paginate {padding-right:4px;}
.dataTables_paginate a {margin-left:10px;}
.dataTables_paginate a.paginate_active {color:#ea9104; border-bottom: 1px solid #ea9104;}
.paginate_button {cursor: pointer;}
.dataTables_length {float:left;}

#export-users-csv {float:left;}
#export-users-excel {float:left;}

#dashboard .dashboard-top {height:2px; width:100%; position:relative; }
#dashboard .dashboard-top .top-left { position:absolute; top:0; left:0; width:2px; height:2px; background: transparent url('../img/dashboard-top-left.png') top left no-repeat;}
#dashboard .dashboard-top .top-middle { width:auto; height:2px; margin: 0 2px 0 2px; background: transparent url('../img/dashboard-top-middle.png') top left repeat-x;}
#dashboard .dashboard-top .top-right { position:absolute; top:0; right:0; width:2px; height: 2px; background: transparent url('../img/dashboard-top-right.png') top left no-repeat;}



#dashboard .dashboard-middle {height:auto; background: #FFF;}
#dashboard .dashboard-middle .left {position:absolute; top:0; left:0; width:2px; height:100%; background: transparent url('../img/dashboard-middle-left.png') top left repeat-y; }
#dashboard .dashboard-middle .middle {width:100%; height:auto; background-color:#FFF; padding: 0 0 10px 0;}
#dashboard .dashboard-middle .right {position:absolute; top:0; right:0; width:2px; height:100%; background: transparent url('../img/dashboard-middle-right.png') top left repeat-y; }

#dashboard .dashboard-bottom {height:2px; width:100%; position:relative;}
#dashboard .dashboard-bottom .bottom-left {position:absolute; top:0; left:0;width:2px; height:2px; background: transparent url('../img/dashboard-bottom-left.png') top left no-repeat;}
#dashboard .dashboard-bottom .bottom-middle { width: auto; height:2px; margin: 0 2px 0 2px; background: transparent url('../img/dashboard-bottom-middle.png') top left repeat-x;}
#dashboard .dashboard-bottom .bottom-right {position:absolute; top:0; right:0; height:2px; background: transparent url('../img/dashboard-bottom-right.png') top left no-repeat;}

#main-tabs {width:auto; height:50px; position:relative; overflow:hidden; background: transparent url('../img/main-tab-background.png') top right repeat-x; margin: 0 0 10px 0;}
#main-tabs ul {height:50px;}
#main-tabs ul li { height:50px; line-height:49px; float:left; background: transparent url('../img/tab_bck.png') top left no-repeat;}
#main-tabs ul li div {position:relative; display:block; font-weight:700; height:25px; line-height:25px; padding: 12px 20px 13px 20px;  text-transform:uppercase;white-space:nowrap;}
#main-tabs ul li div a {outline: 0; display:block; line-height:25px;}
#main-tabs ul li div a:focus {outline: 0;}
#main-tabs ul li.active {background: transparent url('../img/tab_bck_active.png') top left ;  }
#main-tabs ul li.active div { }
#main-tabs ul li.active a {color:#1c81c7;}
#main-tabs ul li a:hover {opacity: 0.75;}
#main-tabs ul li.active a:hover {opacity:1.0;}
#main-tabs ul li.last div {margin: 0;}
#main-tabs ul li:first-child {margin-left:-1px;}

#main-tabs ul li div#tab-name-inputdiv {display:block; line-height:25px; border:1px solid #000; padding: 0 4px;}

#main-tabs ul li div input {height:21px;  font-size:12px; text-transform:uppercase; line-height:21px; margin:0; padding:0; border:1px solid #535353; display:block; font-family: Verdana, Helvetica, sans-serif;}
#main-tabs ul li img { position:absolute; top:19px; right:5px; display: none; cursor: pointer; }
#main-tabs ul li.active img {right:5px;}

#main-tab-scrollwrap {overflow-y: auto;overflow-x: hidden; float:left; position:relative;}

#main-tabs #main-tab-left-arrow {cursor:pointer; display:none; width:28px; padding: 1px 0 0 0; height:49px; float:left; background: transparent url('../img/tab_prev.png') top left no-repeat;}
#main-tabs #main-tab-left-arrow:hover {background-position: 0 -50px;}
#main-tabs #main-tab-right-arrow {cursor:pointer; display:none; width:28px; height:50px; position:absolute; top:0; left: 0; background: transparent url('../img/tab_next.png') top left no-repeat;}
#main-tabs #main-tab-right-arrow:hover {background-position: 0 -50px;}

#main-tab-icons {float:right; position:absolute;right:0px;padding: 0 0 0 28px;}
#main-tab-icons .icon-wrap {float:left; background: transparent url('../img/tab_bck.png') top left no-repeat; width:58px; height:50px;}
#main-tab-icons .icon-wrap .icon {display:block; cursor:pointer; width:57px; height:50px; background-position: 0 0; background-repeat:no-repeat; padding: 0 0 0 1px;}
#main-tab-icons .icon-wrap .icon:hover {background-position: 0 -50px !important;}

#main-tab-icons .icon-wrap.icon-edit {width:53px;}
#main-tab-icons .icon-wrap.icon-edit .icon {width:52px; background: transparent url('../img/icon-tab-edit.png'); background-position: 0 0;}

#main-tab-icons .icon-wrap.icon-setting {display:none;}
#main-tab-icons .icon-wrap.icon-setting {width:53px;}
#main-tab-icons .icon-wrap.icon-setting .icon {width:52px; background: transparent url('../img/icon-tab-edit.png') no-repeat; background-position: 0 0;}

#main-tab-icons .icon-wrap.icon-back {display:none;}
#main-tab-icons .icon-wrap.icon-back .icon {background: transparent url('../img/icon-tab-back.png'); background-position: 0 0;}

#main-tab-icons .icon-wrap.icon-add {display:none;}
#main-tab-icons .icon-wrap.icon-add .icon {background: transparent url('../img/icon-tab-add.png'); background-position: 0 0;}

#main-tab-icons .icon-wrap.icon-delete {display:none;}
#main-tab-icons .icon-wrap.icon-delete .icon {background: transparent url('../img/icon-tab-delete.png'); background-position: 0 0;}

#chart .icon-delete {background: transparent url('../img/icon-tab-delete.png'); background-position: 0 0;}

#main-tab-icons .icon-wrap.icon-save {display:none;}
#main-tab-icons .icon-wrap.icon-save .icon {background: transparent url('../img/icon-tab-save.png'); background-position: 0 0;}

#main-tab-icons .icon-wrap.icon-checkmark {display:none;}
#main-tab-icons .icon-wrap.icon-checkmark .icon {background: transparent url('../img/icon-tab-checkmark.png'); background-position: 0 0;}

#main-tab-icons .icon-wrap.icon-download {display:none;}
#main-tab-icons .icon-wrap.icon-download .icon {background: transparent url('../img/icon-tab-download.png'); background-position: 0 0;}


.icon-back {margin: 0 0 0 0; float: right; cursor:pointer; width:25px; height: 25px; background: transparent url('../img/icon-tab-back-small.png') top left no-repeat;}
.icon-back:hover {background-position: 0 -25px;}

.manage-users .icon-back { top: -7px; position: relative; cursor:pointer; width:24px; height: 24px; background: transparent url('../img/icon-tab-back-small.png') 0 0 no-repeat;}
.manage-users .icon-back:hover {background-position: 0 -25px;}




#sub-tabs {display:none; position:relative; margin: 0 10px 0 10px; height: 38px; background: transparent url('../img/sub-tab-background.png') top left repeat-x;}
#sub-tabs .sub-tabs-left {position:absolute; top: 0; left: 0; width:1px; height:32px; background: transparent url('../img/sub-tab-border.png') top left no-repeat;}
#sub-tabs .sub-tabs-middle { position:relative; width: auto; margin: 0 1px 0 1px; height:32px; }
#sub-tabs .sub-tabs-right {position:absolute; top: 0; right: 0; width:1px; height:32px; background: transparent url('../img/sub-tab-border.png') top left no-repeat;}

#sub-tabs-scrollwrap {height:38px; overflow:hidden;}

#sub-tabs ul {float:left; height:38px;}
#sub-tabs ul li {height:38px; line-height:32px; float:left; background: transparent url('../img/sub-tab-border.png') top right no-repeat;}
#sub-tabs ul li a{display:block; height:32px; padding: 0 20px 0 20px; text-transform: uppercase;}
#sub-tabs ul li a:focus {outline: 0;}
#sub-tabs ul li.active {background: transparent url('../img/sub-tab-active-arrow.png') bottom center no-repeat;}
#sub-tabs ul li.active a {background: transparent url('../img/sub-tab-active-background.png') top left repeat-x;}
#sub-tabs ul li a:hover {opacity:0.75;}
#sub-tabs ul li.active a:hover {opacity:1.0;}

#filter-checkboxes { display:none; margin: 6px 10px 12px 10px; padding: 10px; position:relative;}

#checkboxes {float:left;  padding: 0 140px 0 0;}

.checkbox {text-transform:uppercase; height:15px; line-height:15px; padding: 6px 20px 0 0; font-size:13px; color:#4a4a4a; float:left; overflow:hidden; text-wrap:none;}
.checkbox .box {float:left; display:block; cursor:pointer; width:15px; margin-right:6px; height:15px; background: transparent url('../img/checkbox.png') top left no-repeat; background-position:0 0;}
.checkbox .box.selected {background-position: 0 -15px;}

.checkboxheader {text-transform:uppercase; height:15px; line-height:15px; padding: 6px 20px 0 0; font-size:13px; color:#4a4a4a; float:left; overflow:hidden; text-wrap:none;}
.checkboxheader .box {float:left; display:block; cursor:pointer; width:15px; margin-right:6px; height:15px; background: transparent url('../img/checkbox.png') top left no-repeat; background-position:0 0;}
.checkboxheader .box.selected {background-position: 0 -15px;}


#checkboxes .checkbox {text-transform:uppercase; height:13px; line-height:13px; padding: 6px 20px 0 0; font-size:13px; color:#4a4a4a; float:left; overflow:hidden; text-wrap:none;}
#checkboxes .checkbox .box {float:left; display:block; cursor:pointer; width:14px; margin-right:6px; height:13px; background: transparent url('../img/checkbox.png') top left no-repeat; background-position:0 0;}
#checkboxes .checkbox .box.selected {background-position: 0 -15px;}

#checkboxes-dates {display: block; float:none; margin-left: 160px; padding: 5px ; height: auto;  }
#checkboxes-dates .checkbox {text-transform:uppercase; height:13px; line-height:13px; padding: 5px 20px 0 0; font-size:13px; color:#4a4a4a; float:left; overflow:hidden; text-wrap:none;}
#checkboxes-dates .checkbox .box {float:left; display:block; cursor:pointer; width:14px; margin-right:6px; height:13px; background: transparent url('../img/checkbox.png') top left no-repeat; background-position:0 0;}
#checkboxes-dates .checkbox .box.selected {background-position: 0 -15px;}
#checkboxes-dates .date-range { float:left; text-transform:uppercase; height:23px; line-height:23px; font-size:13px; color:#4A4A4A;}
#checkboxes-dates .date-range .date-container {float:left; margin-right: 1em; }
#checkboxes-dates .date-range a[data-days='30'] {padding: 0 0 0 10px;}
#checkboxes-dates .text-input{ 
	background: #ffffff;
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .1);
	border: 1px solid #c4c4c4; 
}
.date-input {width:88px; margin: 0 6px 0 6px; background: transparent url('../img/text-input-background.png') top left repeat-x; height:21px; line-height:21px; border: 1px solid #c4c4c4; font-family: Verdana, Helvetica, sans-serif; font-size:11px; color:#2b2b2b; padding: 0 6px 0 6px; text-align:right;}
.text-input-short { width: 50px }
.manage-users .text-input { margin: 0 12px; padding: 10px; wdith: 180px; }
#ui-datepicker-div {font-size:11px;}

body.c_user #checkboxes-dates{
	height: 40px;
	clear: both;
}

#advanced-search-toggle { position:absolute; bottom: 0; right: 0; width:240px; text-align:right; height:13px; line-height:13px; font-size:13px; color:#ea9104; text-transform:uppercase;}
#advanced-search-toggle a {float:right; height:13px; line-height:13px; color:#ea9104; text-transform:uppercase; padding: 0 0 0 10px;}
#advanced-search-toggle a:hover {border-bottom: 2px solid #ea9104;}
#advanced-search-toggle a.plus {background: transparent url('../img/advanced-search-toggle-plus.png') left center no-repeat;}
#advanced-search-toggle a.minus {background: transparent url('../img/advanced-search-toggle-minus.png') left center no-repeat;}

#advanced-search {display: none; float:none; padding: 5px ; height: auto; margin: 0 10px; border-radius: 5px; background: #f3f3f3; border: 1px solid #e5e5e5; }

#advanced-search .advanced-search-middle { 

}
#advanced-search .text-input {
	float:left; 
	background: transparent url('../img/text-input-background.png') top left repeat-x; 
	height:21px; 
	line-height:21px; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	width:238px; 
	padding: 0 6px 0 6px;
	font-style: normal;
	color: #000;
}
.input-wrapper{ float: left; margin-right: 10px;  }

#data-table {position:relative; margin: 6px 12px 0 12px;  font-family: Arial, Helvetica, sans-serif; }
#data-table table thead tr.header-group th { text-align: center; vertical-align: middle; font-size:13px; background-image: none;  }

#data-table table thead tr th { text-align: left; background-image: none; background-position: 0 16px; background-repeat: no-repeat; }
#data-table table thead tr th.alignleft { text-align: left; }
#data-table table thead tr th.aligncenter { text-align:center; }
#data-table table thead tr th.alignright { text-align:right;  }
#data-table table thead tr th.sorting {cursor:pointer; background-repeat: no-repeat;  }
#data-table table thead tr th.sorting_asc {cursor:pointer; padding-left: 14px; background-repeat: no-repeat; background-image: url('../img/icon-sort-asc.png'); }
#data-table table thead tr th.sorting_desc {cursor:pointer; padding-left: 14px; background-repeat: no-repeat; background-image: url('../img/icon-sort-desc.png');  }

#data-table table thead tr th.alignright.sorting_asc {cursor:pointer; padding-right: 14px; background-position: 100% 16px;  }
#data-table table thead tr th.alignright.sorting_desc {cursor:pointer; padding-right: 14px; background-position: 100% 16px;   }
/*
#data-table table thead tr th.sorting_asc div.icon-sorting { position: absolute; right: 0; float:none; display: inline; text-indent:-9999px; width: 13px; height: 13px; margin: 8px 0 0; background: transparent url('../img/icon-sort-asc.png') 0 0 no-repeat; cursor: pointer; }
#data-table table thead tr th.sorting_desc div.icon-sorting { position: absolute; right: 0; float:none; display: inline; text-indent:-9999px; width: 13px; height: 13px; margin: 8px 0 0; background: transparent url('../img/icon-sort-desc.png') 0 0 no-repeat; cursor: pointer; }
*/
#data-table table {width:100%;}
#data-table table thead {width:100%;}
#data-table table thead tr {height:24px;}
#data-table table thead tr th {background-color:#FFF; color:#333; vertical-align:bottom; font-size: 12px; }
#data-table table thead tr th div.data-table-title { float: left; margin: 0 10px 0 0; cursor: pointer; }
#data-table table tbody { width:100%; }
#data-table table tbody tr {}
#data-table table tbody tr:last-child {border:0;}
#data-table table tbody tr td {height:16px; cursor:pointer; font-size: 13px; }
#data-table table tbody tr td.asterisk {background: transparent url('../img/icon_new_data.png') left center no-repeat; padding-left: 22px!important; }
#data-table table tbody tr td.up.good{background: transparent url('../img/indicator_up.png') right center no-repeat; padding-right:20px;}
#data-table table tbody tr td.down.bad {background: transparent url('../img/indicator_down.png') right center  no-repeat; padding-right:20px;}
#data-table table tbody tr td.up.bad {background: transparent url('../img/indicator_up_red.png') right center no-repeat; padding-right:20px;}
#data-table table tbody tr td.down.good {background: transparent url('../img/indicator_down_green.png') right center  no-repeat; padding-right:20px;}
#data-table table tbody tr td.up.grey {background: transparent url('../img/indicator_up_grey.png') right center no-repeat; }
#data-table table tbody tr td.down.grey{background: transparent url('../img/indicator_down_grey.png') right center  no-repeat;}

#data-table table tbody tr td.neutral,
#data-table table tbody tr td.zero{background: transparent url('../img/icon-neutral.png') 99% 9px no-repeat; padding-right:20px; }

#data-table table tbody tr td.zero {padding-right:20px;}
#data-table table tbody tr.edit-mode td:hover {cursor:default;}
#data-table table tbody tr.edit-mode.odd:hover {background: transparent !important; background-color:#fcfcfc!important;}
#data-table table tbody tr.edit-mode.even:hover {background: transparent !important; background-color:#f1f1f1!important;}
#data-table table tbody tr.edit-mode.active.odd {background: transparent !important; background-color:#fcfcfc!important;}
#data-table table tbody tr.edit-mode.active.even {background: transparent !important; background-color:#f1f1f1!important;}
#data-table table tbody tr td .checkbox {display:none;}
#data-table table tbody tr.edit-mode td.asterisk {background: transparent !important; padding: 0 0 0 8px!important;}
#data-table table tbody tr.edit-mode td .checkbox {display:block; padding: 0;}
#data-table table tbody tr.edit-mode td .checkbox .box {}
#data-table table tbody tr.edit-mode.no-checkbox td .checkbox {display:none!important; padding: 0!important;}
#data-table table tbody tr.edit-mode.no-checkbox td .checkbox .box {}

#data-table table tbody tr:hover {background:#B2E0FF !important;}
#data-table table tbody tr.active {background:#FC3 !important;}
#data-table table tbody tr.even {background-color:#f1f1f1;}
#data-table table tbody tr.odd {background-color:#FFF;}
#data-table table tbody td {white-space: nowrap; text-align: left; }
#data-table table tbody td.left-align { text-align: left;}
#data-table table tbody td.name {  margin: 0 0 0 22px;
    min-width: 168px;
    padding-right: 0 !important;
    text-align: left;}
.dataTables_scrollBody {overflow-x:hidden!important;height:auto !important; }
.dataTables_scrollHeadInner {padding: 0px 16px 0px 0px; }
.dataTables_scrollHeadInner table {margin:0; padding:0;}
.dataTables_scrollBody table { }
#data-table table tbody tr td.dataTables_empty {text-align:center !important; background-color:#FFF; z-index:999; padding:20px !important; cursor:default;}

#data-table table tr td.alignright { text-align:right; }

.popup {z-index: 1000; position:fixed; top:1; left:-99999px; width:684px; overflow:hidden; margin: 0;}
.popup .popup-top {float:left; width:684px; max-height: 230px; background: transparent url('../img/popup-top.png') top left no-repeat;}
.popup .popup-top.no-arrow {float:left; width:750px; max-height: 230px; 


/*background: transparent url('../img/popup-top-no-arrow.png') top left no-repeat;*/}
.popup .popup-top .top-bar { background: url("../img/main-tab-background.png") repeat-x scroll right top transparent;
    height: 36px;
    margin: 0 4px 0 18px;
    padding-top: 0;
    width: 728px;
}
.popup .popup-top .title {float:left; width:83%; height:35px; line-height:35px; margin: 0 0 0 12px;}
.popup .popup-top .date {float:left; width:82px; height:35px; line-height:35px; margin: 0 15px 0 0; font-family: Verdana, Helvetica, sans-serif; font-size:11px; text-align:right;}
.popup .popup-top .top-content {width:636px; height:162px; margin: 13px 16px 14px 30px; }
.popup .popup-middle {width:750px; background: transparent url('../img/popup-middle.png') top left repeat-y;}
.popup .popup-middle .middle-inner {width:750px; padding: 0 16px 0 30px; font-size:11px; font-family: Verdana, Helvetica, sans-serif; letter-spacing:-1px;}
.popup .popup-middle .middle-inner-left { float: left; width: 60%;  overflow: hidden; }
.popup .popup-middle .middle-inner-right { width:40%; float: left; overflow: hidden;  }
.popup .popup-middle .grey-bar {width:638px; height:25px; line-height:25px; background-color:#535353; color:#FFFFFF; text-align:right;}
.popup .popup-middle .grey-bar .col1 {float:left; width:92px; }
.popup .popup-middle .grey-bar .col2 {float:left; width:170px; }
.popup .popup-middle .grey-bar .col3 {float:left; width: 168px;}

.popup .popup-middle table .top-header th { height:25px; line-height:25px; background-color:#535353; color:#FFFFFF; text-align:center; padding: 0 10px 0 0;}
.popup .popup-middle table .top-header tbody {padding:10px;}

.popup .popup-middle table table th { text-align: right; font-weight: bold; border: 0px none;}

.popup .popup-middle table tbody tr.separator {height:8px;}
.popup .popup-middle table tbody tr td {vertical-align:top; color:#2b2b2b; }
.popup .popup-middle table tbody tr td.light {color:#bcbcbc; text-align: left;}
.popup .popup-middle table tbody tr td table {width: 90%; }
.popup .popup-middle table tbody tr td table td {padding: 0; text-align:right;}

.popup .popup-bottom {width:750px; height:10px; background: transparent url('../img/popup-bottom.png') top left no-repeat;}
















.popup_dash {z-index: 1000; position:fixed; top:1; left:-99999px; width:684px; overflow:hidden; margin: 0;}
.popup_dash .popup-top_dash {float:left; width:684px; max-height: 230px; background: transparent url('../img/popup-top_new.png') top left no-repeat;}
.popup_dash .popup-top_dash.no-arrow_dash {float:left; width:auto; max-height: 230px; 
}
.popup_dash .popup-top_dash .top-bar_dash { background: url("../img/main-tab-background.png") repeat-x scroll right top transparent;
 height: 33px;
    margin: 4px 4px 0 5px;
    padding-left: 14px;
    padding-top: 0;
    width: auto;
}
.popup_dash .popup-top_dash .title_dash {float:left; width:auto; height:35px; line-height:35px; margin: 0 0 0 12px;}
.popup .popup-top .date {float:left; width:82px; height:35px; line-height:35px; margin: 0 15px 0 0; font-family: Verdana, Helvetica, sans-serif; font-size:11px; text-align:right;}
.popup_dash .popup-top_dash .top-content_dash {width:auto; height:162px; margin: 13px 16px 14px 30px; }
.popup_dash .popup-middle_dash {width:750px; background: transparent url('../img/popup-middle.png') top left repeat-y;}
.popup_dash .popup-middle_dash .middle-inner_dash {width:750px; padding: 0 16px 0 30px; font-size:11px; font-family: Verdana, Helvetica, sans-serif; letter-spacing:-1px;}
.popup_dash .popup-middle_dash .middle-inner-left_dash { float: left; width: 60%;  overflow: hidden; }
.popup_dash .popup-middle_dash .middle-inner-right_dash { width:40%; float: left; overflow: hidden;  }
.popup_dash .popup-middle_dash .grey-bar_dash {width:638px; height:25px; line-height:25px; background-color:#535353; color:#FFFFFF; text-align:right;}
.popup_dash .popup-middle_dash .grey-bar_dash .col1_dash {float:left; width:92px; }
.popup_dash .popup-middle_dash .grey-bar_dash .col2_dash {float:left; width:170px; }
.popup_dash .popup-middle_dash .grey-bar_dash .col3_dash {float:left; width: 168px;}

.popup_dash .popup-middle_dash table .top-header_dash th { height:25px; line-height:25px; background-color:#535353; color:#FFFFFF; text-align:center; padding: 0 10px 0 0;}
.popup_dash .popup-middle_dash table .top-header_dash tbody {padding:10px;}

.popup_dash .popup-middle_dash table table th { text-align: right; font-weight: bold; border: 0px none;}

.popup_dash .popup-middle_dash table tbody tr.separator {height:8px;}
.popup_dash .popup-middle_dash table tbody tr td {vertical-align:top; color:#2b2b2b; }
.popup_dash .popup-middle_dash table tbody tr td.light {color:#bcbcbc; text-align: left;}
.popup_dash .popup-middle_dash table tbody tr td table {width: 90%; }
.popup_dash .popup-middle_dash table tbody tr td table td {padding: 0; text-align:right;}

.popup_dash .popup-bottom_dash {width:750px; height:10px; background: transparent url('../img/popup-bottom.png') top left no-repeat;}


























#popup-export .icon-export {background: transparent url('../img/icon-popup-export.png') top left no-repeat; width:19px; height: 18px; display: block; float: left; margin: 8px 2px 8px 8px }
#popup-export .icon-export-download { cursor:pointer; margin: 0px 49px 0px 49px; }
#popup-export .popup-middle {display:none;}
#popup-export #export-excel{float:left;display:block;margin:22px 30px 70px 5px;text-align:center;}
#popup-export #export-csv{float:left;display:block;margin:25px 30px 70px 30px;text-align:center;}
#popup-export #export-png{float:left;display:block;margin:23px 32px 70px 30px;text-align:center;}
#popup-export #export-excel .icon-export-download{margin:0 0 5px;}
#popup-export #export-csv .icon-export-download{margin:0 0 23px;}
#popup-export #export-png .icon-export-download{margin:0 0 6px;}


#popup-export .icon-export-title-bar{background: transparent url('../img/icon-export-title-bar.png') top left no-repeat; 
width:20px; height: 19px; display: block; float: left; margin: 8px 0 8px 8px;}
#popup-export.users .title{margin:0 0 0 6px;}
#export-users{width:480px;margin:0 auto;}
#export-users #export-users-excel{display:block;margin:22px 30px 70px 94px;text-align:center;}
#export-users #export-users-csv{display:block;margin:25px 94px 70px 30px;text-align:center;}
#export-users .icon-export-download{margin:0;}
#export-users #export-users-excel .icon-export-download{margin:0 0 5px;}
#export-users #export-users-csv .icon-export-download{margin:0 0 23px;}

#chart { display:none; margin: 0 12px 20px 12px; height:565px; border-top: 1px solid #cccccc;  position: relative; }
#chart .chart-header {height:39px; padding: 17px 0 0 0;}
#chart .chart-header .icon {cursor:pointer; width:41px; height:37px;margin-top: -5px;}
#chart .chart-header .icon-left {float:left; margin: 0;}
#chart .chart-header .icon-right {float:right; margin: 0 0px 0 13px;}
#chart .chart-header .icon.chart {background: transparent url('../img/icon-chart.png') top left no-repeat; width: 41px; height: 37px;}
#chart .chart-header .icon.bar {background: transparent url('../img/icon-bar.png') top left no-repeat; width: 41px; height: 37px;}
#chart .chart-header .icon.list.active, #chart .chart-header .icon.list:hover, #chart .chart-header .icon.chart.active, #chart .chart-header .icon.chart:hover, #chart .chart-header .icon.bar.active, #chart .chart-header .icon.bar:hover {background-position: 0 -37px; }
#chart .chart-header .icon.list {background: transparent url('../img/icon-list.png') top left no-repeat;}
#chart .chart-header .icon.list {background: transparent url('../img/icon-list.png') top left no-repeat;}
#chart .chart-header .icon.export {background: transparent url('../img/icon-export.png') top left no-repeat; width:41x; height: 37px; cursor:pointer; }

#schedule-filter .print_out {background: transparent url('../img/print_icon.png') top left no-repeat; width:50px; float:right; height: 37px; cursor:pointer; }

#schedule-filter .print_out:hover {background-position: 0 -37px;}

#action-icons .print_out {
    background: url("../img/print_icon.png") no-repeat scroll left top transparent;
    cursor: pointer;
    float: right;
    height: 37px;
    margin-right: 28px !important;
    width: 50px;
}
#action-icons .print_out:hover {background-position: 0 -37px;}

#chart .chart-header .icon.export:hover {background-position: 0 -37px;}

#thegrid { display: none; width: 100%; }
#thegrid-body { padding: 20px 0px 0px; margin: 0 7px;}
#thegrid-body .ui-jqgrid {border-radius:0;}
#thegrid-body table tr.ui-state-highlight {background-color: #FFF; background-image:inherit; border-color:#AAA;}
#thegrid-body .frozen-bdiv {top: 22px !important;}

#chart .chart-body {height: 389px;width:934px;}

#legend { margin: 8px 0px -2px 1px; }
#legend .asterisk {background: transparent url('../img/icon_new_data.png') left center no-repeat; padding: 0 0 0 22px; height:20px; line-height:20px;}

#ia {line-height: 20px;  margin: 10px 0 10px 0; height: 20px; }

.manage-queue-popup {position:absolute; top: 0; left:10px; width:283px; min-height:150px;}
.manage-queue-popup .top {width:283px; height:4px; }
.manage-queue-popup .middle {position:relative; width:283px; min-height: 142px;font-family: Verdana, Helvetica, sans-serif; font-size:11px; background: none !important;}
.manage-queue-popup .middle .arrow {position:absolute; width: 17px; height:33px; top:50%; left:0; margin-top:-17px; background: transparent url('../img/manage-queue-popup-arrow.png') top left no-repeat;}
.manage-queue-popup .middle .inner {width: 242px; min-height:120px; margin: 0 0 0 17px; padding: 10px 10px 12px 10px;}
.manage-queue-popup .middle .inner .icon-close {float: right; width:24px; height:21px; margin: 0 1px; background: transparent url('../img/icon-popup-close.png') top left no-repeat; cursor: pointer;}
.manage-queue-popup .middle .inner .icon-close:hover {background-position: 0 -21px;}
.manage-queue-popup .bottom {width:283px; height:4px; }
.manage-queue-popup .inner{
	background: #ffffff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.manage-queue-popup .value .text { line-height: 22px; margin: auto 0; height: 22px; display: block; width: 100px; border: solid 1px #c4c4c4; text-align: right; padding: 2px 5px 2px; float: left;  font-size: 10px;}
.manage-queue-popup .value select { line-height: 28px; height: 28px; display: block; width: 110px; border: solid 1px #c4c4c4; text-align: right; padding: 2px; float: left; }
.manage-queue-popup .user { line-height: 22px;  }
.manage-queue-popup .action select { line-height: 28px; height: 28px; display: block; width: 115px; border: solid 1px #757575; text-align: right; padding: 2px; margin: 0px 0px 0px 10px; float: right; font-size: 10px; }
.manage-queue-popup .comments textarea { margin: 10px 0px; width: 100%; height: 80px; }

#footer .inner {border-top: 3px solid #535353; height:29px; }

#footer_logo{ float: left !important;
    margin-top: 5px !important;
}
#footer_nav { font-size:11px; line-height:11px; height:11px; color:#858585; margin: 7px 0 0 0; width:auto;}
#footer_nav a {color:#858585; text-decoration:none; text-transform:uppercase; margin: 0 5px;}
#footer {width:960px; margin: 0 auto}
body.c_dashboard #footer,
body.c_manage #footer{

	width:100%;
}
#footer_nav span {
    float: left;

}
.hidden {display:none;}

.icon-pencil { display: block; width: 22px; height: 22px; background-color: transparent; background-image: url('../img/icon-pencil.gif'); background-repeat: no-repeat; background-position: 0 0; }

.icon-source { display: block; width: 22px; height: 22px; background-color: transparent; background-image: url('../img/icon_source.png'); background-repeat: no-repeat; background-position: 0 0; float:left;}

.dirty-cell {background:#EEF;}
.ui-jqgrid-bdiv tr td.data-pending-approval { background-image: url('../img/data-pending-approval.png'); background-repeat: no-repeat; background-position: 3px center; }
.ui-jqgrid-bdiv tr.jqgrow td.row-pending-approval { background-image: url('../img/row-pending-approval.png'); background-repeat: no-repeat; background-position: 3px center; padding: 0 2px 0 12px }
.ui-jqgrid-bdiv tr td.data-approved { background-image: url('../img/data-approved.png'); background-repeat: no-repeat; background-position: 3px center; }
.ui-jqgrid-bdiv tr.jqgrow td.row-approved { background-image: url('../img/row-approved.png'); background-repeat: no-repeat; background-position: 3px center; padding: 0 2px 0 12px }
.ui-jqgrid-bdiv tr td.data-rejected { background-image: url('../img/data-rejected.png'); background-repeat: no-repeat; background-position: 3px center; }
.ui-jqgrid-bdiv tr.jqgrow td.row-rejected { background-image: url('../img/row-rejected.png'); background-repeat: no-repeat; background-position: 3px center; padding: 0 2px 0 12px }
.ui-jqgrid-bdiv .row-selected td.ui-state-highlight { background-color: #FBF9EE; }

#add-indicator-container .add-indicator { height: 40px;  }
#add-indicator-container .add-indicator a { line-height: 40px; }
#gbox_editgrid .add-indicator { height: 40px; padding: 0 10px; width: 150px; cursor: pointer; }
#gbox_editgrid .add-indicator a { color: #EA9104; font-family: 'Crimson Text',serif; font-size: 13px; height: 13px; line-height: 40px; padding: 0 0 0 10px; text-align: right; text-transform: uppercase; }
#gbox_editgrid .add-indicator a.plus { background: transparent url("../img/advanced-search-toggle-plus.png") no-repeat scroll left center; }
#gbox_editgrid .add-indicator a span.plus { display: none; }

.editing #gview_editgrid{ overflow: autvisibleo; overflow-y: visible !important; }
.editing #gview_editgrid .ui-jqgrid-bdiv{ overflow: visible; overflow-y: visible !important; }

#dashboard-widget.manage-data {margin: 0 12px;}
#dashboard-widget .ui-widget-content {border:0!important;}
#dashboard-widget .ui-jqgrid .ui-jqgrid-bdiv {border:1px solid #e3e3e3;}
.ui-jqgrid-bdiv tr {}
.ui-jqgrid-bdiv tr td {background-color:#f1f1f1; color:#2b2b2b; border-color:#e3e3e3!important;}
.ui-jqgrid-bdiv tr.ui-priority-secondary {opacity:1.0; filter: Alpha(Opacity=100);}
.ui-jqgrid-bdiv tr.ui-priority-secondary td {background-color:#fafafa;}

.ui-jqgrid-hdiv {background-color:#535353 !important; color:#2b2b2b !important; background-image:none !important; border:none !important;}

.ui-jqgrid-htable th {background-color:#FFF !important; background-image:none !important; color:#333 !important; border-color:#000 !important; font-weight:bold !important;}
/* align grid headers right */
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column{ text-align: right; }
/* grid header alignment exceptions */
#editgrid_Name,
#editgrid_Location,
#thegrid_name,
#editgrid_periodicity,
#editgrid_update_type
{
	text-align: left;
}
#editgrid_last_updated,
#editgrid_next_update,
#editgrid_system_next,
#editgrid_days_remaining
{
	text-align: right;
}
#login-error-message {color:red;}


.icon-refresh { font-size: 13px; background: url('../img/icon-refresh.png') 0 5px no-repeat; margin: 0 0 0 8px; padding: 0 12px 2px 14px; text-transform:uppercase; cursor: pointer; color:#EA9104;}
.icon-refresh1 { font-size: 13px; background: url('../img/top-down.png') 0 5px no-repeat; text-transform:uppercase; cursor: pointer; color:#EA9104; padding: 0 12px 2px 25px; margin: 10px 0;}
.icon-refresh2 { font-size: 13px; background: url('../img/top-down.png') 0 5px no-repeat; text-transform:uppercase; cursor: pointer; color:#EA9104; padding: 0 12px 2px 25px; width: 130px; margin: 10px 0;}

.icon-refresh:hover {border-bottom: 2px solid #ea9104;}
.icon-refresh1:hover {border-bottom: 2px solid #ea9104;}
.icon-refresh2:hover {border-bottom: 2px solid #ea9104;}
#advanced-search .icon-refresh{ float: left; padding-top: 6px; }
#chart-legend {margin-top:20px;}
#chart-legend .axiskey { width: 150px; min-width: 150px; }
#chart-legend .axis { width:220px; margin: 0 10px 0 0; float: left;  }
#chart-legend .name_values {float:left; height:37px; position:relative; width:209px; overflow:hidden;}
#chart-legend .name {position:absolute; top:0; left:0; width:209px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#chart-legend .color { float:left; width: 9px; height: 37px; float: left; margin: 0 2px 0 0; }
#chart-legend .values {position:absolute; bottom:0; left:0;}
#chart-legend .axis1 .color { background-color: #4586cf }
#chart-legend .axis2 .color { background-color: #0ab000 }
#chart-legend .axis3 .color { background-color: #abe0f9 }
#chart-legend .axis4 .color { background-color: #b4b4b4 }
#chart-legend .axis5 .color { background-color: #5c5c5c }

#overlay { display: none; opacity: .75; filter: alpha(opacity=75); position: absolute; top: 0px; left: 0px; min-width: 100%; min-height: 100%; z-index: 500; background-color: #999999 }
.overlay-container { display:none; position: absolute; background: transparent!important; z-index: 9999; }

.popup label { display:block; padding: 10px 3px 2px 0px; }
.popup .select-input {     float: none;
    margin: 5px 0;
    width: 73%;}
.popup .select-input { 	
    border: 1px solid #999999;
    color: #000000;
    cursor: pointer;
    height: 27px;
    line-height: 21px;
    padding: 0 0 0 6px;
    position: relative;
}
.popup .icon-save {background: transparent url('../img/icon-save.png') top left no-repeat; width:38px; height: 34px; cursor:pointer; float: right; display: block; }
.popup .icon-save-new{background: transparent url('../img/icon-save.png') top left no-repeat; width:30px; height: 34px; cursor:pointer; float: right; display: block; }
.popup .icon-save:hover {background-position: 0 -34px;}
.popup .icon-save-new:hover {background-position: 0 -34px;}
.popup .icon.icon-delete {background: transparent url('../img/icon-delete.png') top left no-repeat; margin-top:7px; width:30px; height: 20px; cursor:pointer; float: right; display: block; }
.popup .icon.icon-delete-new{background: transparent url('../img/icon-delete.png') top left no-repeat; margin-top:7px; width:20px; height: 20px; cursor:pointer; float: right; display: block; }
.popup .icon-delete:hover {background-position: 0 0;}
.popup .icon-delete-new:hover {background-position: 0 0;}
.popup .icon { margin: 0px 0px 0px 4px }
#popup-indicator{
	height: 700px;
	overflow: hidden;
	position: fixed;
	z-index: 9999;
	top: 10px;
	left: 50%;
	margin-left: -350px;
	width: 750px;
}
#popup-indicator div.category { padding: 2px 0px }
#popup-indicator div.category.sub { padding: 0px 0px 0px 20px }
#popup-category .popup-middle { min-height: 80px;}
#popup-category .popup-middle .middle-inner { min-height: 80px;}
#popup-indicator label{ 
color: #999999;
float: left;
font-weight: bold;
width:92px;
}


#paste_input {position:absolute;left:-9999px;top:0;}
.ui-jqgrid tr.ui-row-ltr td.ui-state-highlight {background-color: #FBF9EE;}
.ui-jqgrid tr.ui-row-ltr td.ui-state-selected-cell {border: #EA9104 1px solid !important;}


/* flash messages */
#flash-messages, #messages{
	border: 1px solid;
	margin: 10px auto;
	padding:15px 10px 15px 10px;
	background-repeat: no-repeat;
	background-position: 10px center;
	text-align: center;
	width: 938px;
	font-size: 1.2em;
	border-radius: 3px;
	position: relative;
}
#closeFlash{
	text-indent: -999999px;
	position: absolute; right: 5px; top: 5px; cursor:pointer; width:38px; height: 34px; background: transparent url('../img/icon-close.png') top left no-repeat;  display: block;
}

#closeFlash:hover {background-position: 0 -34px;}

body.c_dashboard #flash-messages,
body.c_manage #flash-messages{
	width: auto;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
}
.input_validation{
	color: #D8000C;
	text-align: left;
	display: block;
	padding: 3px 0;
}




/*
-ACCOUNT MANAGEMENT
============================================================= */
.account-container { margin-top:20px;  }
.account-container label,
.account-containr input {
	font-family: proxima-nova, Arial, Helvetica, sans-serif;
	font-size:14px;
} 
.account-container .account-box { clear: both; }
.account-container .account-box .form-element { width: 49%; float: left; min-height: 35px; margin-bottom: 1em; }
.account-container .account-box .form-element label { display: block; }
.account-container a {color:#EA9104;}
.account-container a:hover {text-decoration:underline;}
body.c_register .account-container .account-box{
	margin: 0 auto;
	width: 600px;
	float: none;
}

.edit-account-container{
	padding: 0 20px;
	clear: both;
}

.account-container .section { line-height: 25px; font-size: 12px; padding: 0px 0px 0px 6px; color: white; background: #535353; margin-bottom: 18px}

body.c_account #account-tab-nav { margin-top:30px; margin-left: 40px; width: 220px; float: left; }
body.c_account #account-container { margin-top:20px; width: 620px; margin-right: 60px; float: right; }
body.c_account #account-container .content{
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 1em 0;
	border-bottom: 1px solid #cccccc;
	margin: 0;
}
body.c_account #account-tab-nav  ul{
	list-style: none;
	margin :0;
	padding: 0;
}
body.c_account #account-tab-nav ul li{
	margin: 0;
	padding: 0;
	display: block;
}
body.c_account #account-tab-nav ul li a{
	display: block;
	text-transform: uppercase;
	color: #333333;
	font-weight: bold;
	font-size: 1.1em;
	padding: 6px;
	margin: 2px 0;
}
body.c_account #account-tab-nav ul li a:link,
body.c_account #account-tab-nav ul li a:visited{
	background: #ffffff;
}
body.c_account #account-tab-nav ul li a:hover,
body.c_account #account-tab-nav ul li a:active,
body.c_account #account-tab-nav ul li a.active{
	background: url(../img/yellow-arrow.gif) right no-repeat #ffcc33;
}


.required{
	border-color: #333333;
}
label b{
	font-weight: bold;
	color: #ff0000;
}
.pull-right{
	float: right;
}
fieldset{
	border-bottom: 1px solid #cccccc;
	padding: 1em 0;
	margin: 0 0 1em 0;
}
fieldset legend{
	margin: 0 0 1em 0;
}


dl{}
dt{
	width: 8em;
	float: left;
	font-weight: bold;
	color: #333333;
}
dd{
	font-weight: normal;
	color: #333333;
}

.border-right{
	border-right: 1px solid #d3d3d3;
}

.checkbox_follow_indicator{
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
}

.checkbox_msg_indicator{
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
}

.ez-hide { opacity: 0; filter:alpha(opacity=0);  }
.ez-checkbox {
	background: transparent url('../img/drop.png') 0 1px no-repeat;
	display: inline-block;
    float: left;
    height: 22px;
    margin-top: -1px;
    padding: 0;
    width: 30px;
}

.ez-radio {
	background: transparent url('../img/radio-black.png') 0 1px no-repeat;
	display:inline-block;
}

/*.ez-checked { background-position: 0 -15px; }*/
.ez-checked {}
.ez-selected { background-position: 0 -15px; }

.ez-checked-green { background-position: 0 -15px; }
.ez-checkbox, .ez-radio { zoom: 1; *display:inline; _height:30px; }

.input-small{
	width:160px; 
	margin: 0 6px 0 6px; 
	background: #ffffff;
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .1);
	height:21px; 
	line-height:21px; 
	border: 1px solid #c4c4c4; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size:11px; 
	font-style: normal;
	color:#2b2b2b; 
	padding: 0 6px 0 6px; 
}
#advanced-search select,
#filter-checkboxes select,
#schedule-filter select{
	font-size:11px; 
	font-style: normal;
	color:#2b2b2b; 
	text-transform: none;
	border: 1px solid #c4c4c4; 
	background: #ffffff;
	padding: 2px;
	background: #ffffff;
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .1);
}
#advanced-search select option,
#filter-checkboxes select option{
	padding: 1px; 
}

#base-queue-popup{
	z-index: 999999;
}

#popup-message{
	top:50px; left:50%; margin-left: -342px; 
}

a.add{
	display: block;
	float: right;
	margin-top: -8px;
	margin-right: -10px;
	background: url(../img/icon-add.png) no-repeat center center;
	width: 29px;
	height: 29px;
	text-indent: -999999px;
}


.highlight{
	color: #000000;
	background: #ffcc33;
	padding: 2px 6px;
}




.selectBox {cursor:pointer; float:left; position: relative; height:21px; line-height:21px; border: 1px solid #999999; color:#000; width:238px; padding: 0 0 0 6px; }
.selectBox:focus { outline: 0; }
.selectBox .selectBox-arrow { position:absolute; top:0; right:0; width:22px; height:100%; background: transparent url('../img/select-down-arrow.png') top left no-repeat; background-position: 0 0;}
.selectBox.selectBox-menuShowing .selectBox-arrow{background-position: 0 -21px;}
.selectBox-dropdown-menu {position:absolute; border-bottom: 1px solid #999999;   max-height: 350px; border-left: 1px solid #999999; border-right: 1px solid #999999;z-index:9999; margin: 1px 0 0 0; overflow-y:auto;}
.selectBox-dropdown-menu li {background-color:#FFFFFF; /*height:21px;*/ padding: 0 2px 0 0; line-height:21px; border-bottom: 1px solid #e5e5e5; color:#000; padding: 0 6px 0 26px;}
.selectBox-dropdown-menu li:last-child {border-bottom:none;}
/*.selectBox-dropdown-menu li:last-child {border:0;}*/
.selectBox-dropdown-menu li a {display:block; cursor:pointer; color:#000; font-size:13px;}
.selectBox-dropdown-menu li.selectBox-hover {background-color:#b3e0ff;}
.selectBox-dropdown-menu li.selectBox-selected {background-color:#F1F1F1;}
.selectBox-dropdown-menu li.selectBox-optgroup { color:#8e8e8e; padding: 0 6px 0 6px; }

#search_date_wrapper{
	padding-bottom: 10px;
}
#search_date_wrapper label{
	display: block;
	padding: 2px 0;
}
#search_date_wrapper input{
	width: 140px;
	margin:0 0 10px 0;
	text-align: left;
}
#search_date_wrapper select{
	width: 150px;
	margin:0 0 10px 0;
}
#search_date_wrapper input[type=checkbox]{
	width: auto;
	margin:0 5px 10px 0;
}
#search_date_wrapper input[type=checkbox] ~ label{ display: inline; }
#search_date_wrapper .icon-refresh{ padding-top: 6px; margin: 10px 0; border-size: 2px; }

#popup-indicator input[type=text]{
	width:72%;
	
}
.selectBox-label{font-size:13px;}


#dashboard.categories #data-table table tbody tr td{
	cursor: default;
}
#dashboard.categories #data-table tr td{
	color: #333333;
	font-size: 1em;
}
#dashboard.categories #data-table tr td.tree-level-0{
	font-size: 1.3em;
	font-weight: bold;
}
#dashboard.categories #data-table tr td.tree-level-1{
	font-size: 1.2em;
	font-weight: bold;
}
#dashboard.categories #data-table tr td.tree-level-2{
	font-size: 1.1em;
}
#dashboard.categories #data-table tr td.tree-level-3{}
#dashboard.categories #data-table tr td.tree-level-4{}
#dashboard.categories #data-table tr td a{ 
	border:1px solid #196fac; 
	text-decoration: none; 
	padding: 2px 6px; 
	background: #1d81c7; 
	border-radius: 2px;
	color: #ffffff;
	cursor:pointer;
	font: bold 12px proxima-nova;
	text-transform: uppercase;
	text-shadow: 0px 1px rgba(0, 0, 0, .4);
	margin-top: 0px;
}
#dashboard.categories #data-table tr td a:hover{
	background:#196fac;
}
#dashboard.categories #data-table tr td a.disabled{
	cursor: not-allowed;
	opacity: .3;
	font-style: italic;
}


a.form_submit_small{ 
	border:1px solid #196fac; 
	text-decoration: none; 
	padding: 2px 6px; 
	background: #1d81c7; 
	border-radius: 2px;
	color: #ffffff;
	cursor:pointer;
	font: bold 12px proxima-nova;
	text-transform: uppercase;
	text-shadow: 0px 1px rgba(0, 0, 0, .4);
	margin-top: 0px;
}
a.form_submit_small:hover{
	background:#196fac;
}






.pop_navi{
width:85%;
float:left;
 /*background: url("../img/main-tab-background.png") repeat-x scroll right top transparent;
    height: 50px;
    margin: 0 0 10px;*/
}

.pop_navi ul{
   margin: 0;
    padding: 0;
	display: inline;
}
.pop_navi ul li{
padding:0px;
display: inline;
 background: url("../img/tab_bck.png") no-repeat scroll left top transparent;
 float:left;
 font-weight: 700;

}
.pop_navi ul li a{
    float: left;
	text-transform: uppercase;
    margin: 0;
    padding: 11px 4px;
	color: #535353;
	cursor:pointer;
}
.pop_navi ul li a:hover{
   opacity:0.75;
   color:#000;
}
.nav_sim{
color: #000000;
}
.nav_sel{
 color: #1C81C7 !important;
   background: url("../img/tab_bck_active.png") no-repeat scroll left top transparent !important;

}
.nav_sel_hover{

    color: #535353 !important;
}

.popup_name {
width:70%;float:left; padding: 10px 3px 2px 0; font-family: Verdana, Helvetica, sans-serif; font-size:13px; font-weight: bold; color: #999999;
}

.top_name{
    float: left;
    padding:6px 0;
    width: 100%;
}
.user_delete {
    background: none repeat scroll 0 0 #1D81C7;
    border: 1px solid #196FAC;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 12px !important;
    font-style: italic;
    font-weight: bold;
    margin-top: 0;
    padding: 2px 6px;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}
.indicator-notes-class {
    color: #999999;
    float: left;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 3px 2px 0;
    width: 70%;
}
.top-bar-below {
    background: none repeat scroll 0 0 #578DB2;
    border-radius: 0 0 10px 10px;
    float: left;
    margin-left: 202px;
    padding: 4px;
  
}
.bottom-row1 {
    background: url("../img/icon_export-ko.png") repeat scroll 0 0 transparent;
    float: left;
	margin-left: 8px;
    height: 25px;
	cursor: pointer;
    width: 27px;
}
.bottom-row1:hover{ float:left;background: url("../img/icon_export-f90.png"); height: 25px;  
    width: 27px;}
.bottom-row2 {
  margin-left: 8px;
    background: url("../img/icon_add-ko.png") repeat scroll 0 0 transparent;
    float: left;
    height: 25px;
    width: 33px;
	cursor: pointer;
}
.bottom-row2:hover{ float:left;background: url("../img/icon_add-f90.png"); height: 25px;
    width: 33px;}
.bottom-row3 {
  margin-left: 8px;
    background: url("../img/icon_info-ko.png") repeat scroll 0 0 transparent;
    float: left;
    height: 25px;
    width: 25px;
	cursor: pointer;
}
.bottom-row3:hover{float:left; background: url("../img/icon_info-f90.png"); height: 25px;
    width: 25px;}
.bottom-row4 {
  margin-left: 8px;
    background: url("../img/icon_email-ko.png") repeat scroll 0 0 transparent;
    float: left;
    height: 25px;
    width: 35px;
	cursor: pointer;
}

.bottom-row4:hover{float:left; background: url("../img/icon_email-f90.png"); height: 25px;
    width: 35px;}
.bottom-row5 {
    background: url("../img/icon_quick_export.png") repeat scroll 0 0 transparent;
    float: left;
	margin-left: 8px;
    height: 27px;
	cursor: pointer;
    width: 32px;
}	
.bottom-row5:hover{float:left; background: url("../img/icon_quick_export_hover.png"); height: 27px;
    width: 32px;}
.middle-inner td{padding: 2px 5px !important;}	
 
.hide-info {
    clear: both;
    float: left;
    margin-left: 3px;
    width: 530px;
}
.left-hide {
   border-top: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    line-height:17px;
    padding-left: 6px;
    width: 165px;
	margin-top:7px;
	padding-top:7px;
}
.right-hide{float:left; width:352px; font-size:12px;
line-height:17px;
    padding-left: 6px;
	margin-top:7px;
	padding-top:7px;
	border-top: 1px solid #CCCCCC;}
.hide-heading {
    float: left;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    text-align: center;
    width: 530px;
}



#popup-export #export-pdf {
    display: block;
    float: left;
    margin: 31px 30px 70px 5px;
    text-align: center;
}

#popup-export .icon-export {background: transparent url('../img/icon-popup-export.png') top left no-repeat; width:19px; height: 18px; display: block; float: left; margin: 8px 2px 8px 8px }
#popup-export .icon-export-download { cursor:pointer; margin: 0px 49px 0px 49px; }
#popup-export .popup-middle {display:none;}
#popup-export #summary-export-excel{float:left;display:block;margin:22px 30px 70px 5px;text-align:center;}
/*#popup-export #summary-export-csv{float:left;display:block;margin:25px 30px 70px 30px;text-align:center;}*/
#popup-export #summary-export-pdf{float:left;display:block;margin:23px 32px 70px 30px;text-align:center;}
#popup-export #summary-export-excel .icon-export-download{margin:0 0 5px;}
/*#popup-export #summary-export-csv .icon-export-download{margin:0 0 23px;}*/
#popup-export #summary-export-pdf .icon-export-download{margin:0 0 6px;}
.addnew_user{  padding:0 28px; width:150px;

}

#popup-export #tab-export-excel{float:left;display:block;margin:22px 30px 70px 5px;text-align:center;}
/*#popup-export #summary-export-csv{float:left;display:block;margin:25px 30px 70px 30px;text-align:center;}*/
#popup-export #tab-export-csv{float:left;display:block;margin:23px 31px 70px 30px;text-align:center;}
#popup-export #tab-export-excel .icon-export-download{margin:0 0 5px;}
/*#popup-export #summary-export-csv .icon-export-download{margin:0 0 23px;}*/
#popup-export #tab-export-csv .icon-export-download{margin:0 0 6px;}

#popup-export #dashboard-export-excel{float:left;display:block;margin:22px 30px 70px 5px;text-align:center;}
/*#popup-export #summary-export-csv{float:left;display:block;margin:25px 30px 70px 30px;text-align:center;}*/
#popup-export #dashboard-export-csv{float:left;display:block;margin:23px 32px 70px 30px;text-align:center;}
#popup-export #dashboard-export-excel .icon-export-download{margin:0 0 5px;}
/*#popup-export #summary-export-csv .icon-export-download{margin:0 0 23px;}*/
#popup-export #dashboard-export-csv .icon-export-download{margin:0 0 6px;}

#popup-export-data .icon-close {
    background: url("../img/icon-popup-close.png") no-repeat scroll left top transparent;
    float: right;
    height: 21px;
    margin: 7px 7px 0 0;
    width: 21px;
}
#popup-export-data .icon-close:hover {background-position: 0 -21px;}
#popup-export-data  .icon-export {background: transparent url('../img/icon-popup-export.png') top left no-repeat; width:19px; height: 18px; display: block; float: left; margin: 8px 2px 8px 8px }
#popup-export-data .icon-export-download { cursor:pointer; margin: 0px 49px 0px 49px; }
#popup-export-data  .popup-middle {display:none;}
#popup-export-data  #data-export-selindicator{float:left;display:block;margin:22px 30px 70px 5px;text-align:center;}
#popup-export-data  #data-export-allindicator{float:left;display:block;margin:25px 30px 70px 30px;text-align:center;}
#popup-export-data  #data-export-dashindicator{float:left;display:block;margin:23px 32px 70px 30px;text-align:center;}
#popup-export-data  #data-export-selindicator .icon-export-download{margin:0 0 5px;}
#popup-export-data  #data-export-allindicator .icon-export-download{margin:0 0 5px;}
#popup-export-data #data-export-dashindicator .icon-export-download{margin:0 0 6px;}

.expert_das{ background: transparent url('../img/icon_export-dash-k.png');  height: 100px;
    width: 120px; }
.expert_all { background: transparent url('../img/icon_export-tab-k.png'); height: 100px;
    width: 120px; }
.expert_indi{ background: transparent url('../img/icon_export-selected-k.png'); height: 100px;
    width: 120px; }

.add_remove_indi{ background: transparent url('../img/icon_manage-indicators-k.png'); height: 100px;
    width: 120px; }
	
.add_remove_tab{ background: transparent url('../img/icon_manage-tabs-k.png'); height: 100px;
    width: 120px; }
	
.reorder_tab{ background: transparent url('../img/icon_order-tabs-k.png'); height: 100px;
    width: 120px; }	

.reorder_indi{ background: transparent url('../img/icon_order-indicators-k.png'); height: 100px;
    width: 120px; }		

.expert_das:hover{ background: transparent url('../img/icon_export-dash-hover.png'); }
.expert_all:hover { background: transparent url('../img/icon_export-tab-hover.png'); }
.expert_indi:hover{ background: transparent url('../img/icon_export-selected-hover.png'); }

.add_remove_indi:hover{ background: transparent url('../img/icon_manage-indicators-f90.png'); }
.add_remove_tab:hover{ background: transparent url('../img/icon_manage-tabs-f90.png'); }
.reorder_tab:hover{ background: transparent url('../img/icon_order-tabs-f90.png'); }
.reorder_indi:hover{ background: transparent url('../img/icon_order-indicators-f90.png'); }

.addnew_user{  padding:0 28px; width:150px;}
.h2_apply_search{color:#1D81C7;}
.h2_apply_search_open{color:orange;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.addnew_user{  padding:0 36px;  width:150px;}
}

.gear_icon {
    background: url("../img/icon-tab-edit.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 42px;
    margin-top: -17px;
    padding: 0 0 0 1px;
    width: 53px;
}

#data-table table tr td.alignright {
	text-align: right;
}
#popup-report-data .icon-close {
	background: url("../img/icon-popup-close.png") no-repeat scroll left top transparent;
	float: right;
	height: 21px;
	margin: 7px 7px 0 0;
	width: 21px;
}
#popup-report-data .icon-close:hover {
	background-position: 0 -21px;
}

.popup {
	z-index: 1000;
	position: fixed;
	top: 1;
	left: -99999px;
	width: 684px;
	overflow: hidden;
	margin: 0;
}
.popup .popup-top {
	float: left;
	width: 684px;
	max-height: 230px;
	background: transparent url('../img/popup-top.png') top left no-repeat;
}
.popup .popup-top.no-arrow {
	float: left;
	width: 750px;
	max-height: 230px;
/*background: transparent url('../img/popup-top-no-arrow.png') top left no-repeat;*/}
.popup .popup-top .top-bar {
	background: url("../img/main-tab-background.png") repeat-x scroll right top transparent;
	height: 36px;
	margin: 0 4px 0 18px;
	padding-top: 0;
	width: 728px;
}
.popup .popup-top .title {
	float: left;
	width: 83%;
	height: 35px;
	line-height: 35px;
	margin: 0 0 0 12px;
}
.popup .popup-top .date {
	float: left;
	width: 82px;
	height: 35px;
	line-height: 35px;
	margin: 0 15px 0 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
}
.popup .popup-top .top-content {
	width: 636px;
	height: 162px;
	margin: 13px 16px 14px 30px;
}
.popup .popup-middle {
	background: url("../img/popup-middle.png") repeat-y scroll center center transparent;
	float: left;
	padding: 0 5px;
	width: 740px;
}
.popup .popup-middle .middle-inner {
	float: left;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: -1px;
	margin-left: 20px;
	width: 750px;
}
.popup .popup-middle .middle-inner-left {
	color: #999999;
	float: left;
	font-family: Verdana, Helvetica, sans-serif !important;
	font-size: 13px;
	font-weight: bold;
	overflow: hidden;
	width: 60%;
}
.popup .popup-middle .middle-inner-right {
	float: left;
	overflow: hidden;
	width: 39%;
}
textarea.text-input {
	width: 100%;
}
.popup .popup-middle .grey-bar {
	width: 320px;
	height: 25px;
	line-height: 25px;
	background-color: #535353;
	color: #FFFFFF;
	text-align: right;
}
.popup .popup-middle .grey-bar .col1 {
	float: left;
	width: 92px;
}
.popup .popup-middle .grey-bar .col2 {
	float: left;
	width: 170px;
}
.popup .popup-middle .grey-bar .col3 {
	float: left;
	width: 168px;
}
.popup .popup-middle table .top-header th {
	height: 25px;
	line-height: 25px;
	background-color: #535353;
	color: #FFFFFF;
	text-align: center;
	padding: 0 10px 0 0;
}

#popup-report-data #data-report-selindicator {
	float: left;
	display: block;
	margin: 22px 0px 70px 5px;
	text-align: center;
}
#popup-report-data #data-report-allindicator {
	float: left;
	display: block;
	margin: 22px 0 70px 35px;
	text-align: center;
}
#popup-report-data #data-report-dashindicator {
	float: left;
	display: block;
	margin: 22px 0 70px 35px;
	text-align: center;
}
#popup-report-data #data-report-customreport {
	float: left;
	display: block;
	margin: 22px 0 70px 35px;
	text-align: center;
}
#popup-report-data #data-report-savedreport,#report-admin-panel-icon {
	float: left;
	display: block;
	margin: 22px 0 70px 35px;
	text-align: center;
}
#popup-report-data #data-report-selindicator .icon-report-download {
	margin: 0 0 5px;
}
#popup-report-data #data-report-allindicator .icon-report-download {
	margin: 0 0 5px;
}
#popup-report-data #data-report-dashindicator .icon-report-download {
	margin: 0 0 6px;
}
#popup-report-data #data-report-customreport .icon-report-download {
	margin: 0 0 6px;
}
#popup-report-data #data-report-savedreport .icon-report-download {
	margin: 0 0 6px;
}
#tab_report_option .icon-close {
	background: url("../img/icon-popup-close.png") no-repeat scroll left top transparent;
	float: right;
	height: 21px;
	margin: 7px 7px 0 0;
	width: 21px;
}
/*-----------------*/

/*-----------------*/

.expert_das {
	background: transparent url('../img/icon_export-dash-k.png');
	height: 100px;
	width: 120px;
}
.expert_all {
	background: transparent url('../img/icon_export-tab-k.png');
	height: 100px;
	width: 120px;
}
.tab_option_current {
	background: transparent url('../img/export-tab-detail_current.png') no-repeat;
	height: 100px;
	width: 132px;
}
.tab_option_all {
	background: transparent url('../img/export-tab-detail_12month.png') no-repeat;
	height: 100px;
	width: 157px;
}
.tab_option_current:hover {
	background: transparent url('../img/export-tab-detail_current f90.png') no-repeat;
	height: 100px;
	width: 132px;
}
.tab_option_all:hover {
	background: transparent url('../img/export-tab-detail_12month f90.png') no-repeat;
	height: 100px;
	width: 157px;
}

/*-----------------*/











