@import url("jquery/ui.theme.css");

/* READ ME
 * This is only the base theme.css.  There are a few other locations that have color information - some individual
 * controls have their own CSS files (list control, list table control, datepicker control, etc) and there are also
 * IE-specific CSS files that contain color information (in Content/IE).  IE9 specifically required the use of SVG
 * images as backgrounds, and the colors for those images are contained within the SVG markup.  All SVG images are
 * simply XML files and can easily be edited with any text editor.  They are contained in Content/images/svg.
 ****************************************************************************************************************/

/* COLORS USED
 **************************************************
 * #F0F0F0 - "light" content areas
 * #AAAAAA - borders on content areas
 * #444444 - body background, can be used as background in other areas to provide contrast if needed
 * #333333 - text color used against light backgrounds, background for "dark" content areas
 * #336699 - headers on dashboard reports
 * #225588 - gradient start color on dialog title bars, hover color on ribbon sections & tabs
 * #5588bb - gradient end color on dialog title bars
 * #F39814 - accent "attention" or active selection color used against dark backgrounds
 *
 *
*/
body {
	font-size: 75%;
	margin: 0;
	font-family: Verdana;
}
body body{
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.ui-widget-overlay {
	opacity: .60;
	filter: Alpha(Opacity=60);
}

/* Content Area styles
--------------------------------------*/
.contentBackground{
	color: #444;
}
.contentArea.bgLight {
	background: #f0f0f0;
	border: 3px solid #aaa;
}
.contentArea.bgDark {
	background: #333;
	border: 3px solid #555;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #000000;
	background: #222222;
	color: #ddd;
}
.ui-widget-content a {
	color: #ddd;
}
.ui-widget-header {
	border: 1px solid #0b3e6f;
	background: #336699;
	color: #f6f6f6;
	font-weight: bold;
}
.ui-widget-header a {
	color: #f6f6f6;
}


/* Interaction states
----------------------------------*/
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
	border: 1px solid #666666;
	background: #333333;
	font-weight: bold;
	color: #ffffff;
}

.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited {
	color: #ffffff;
	text-decoration: none;
}

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {
	border: 1px solid #667E95;
	background: #00498f;
	font-weight: bold;
	color: #ffffff;
}
.ui-state-hover a, .ui-state-hover a:hover {
	color: #ffffff;
	text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #aaa;
	background: #383838;
	font-weight: bold;
	color: #fdfdfd;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #75abff;
	text-decoration: none;
}
.ui-widget :active {
	outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #052f57;
	background: #369;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, #258), color-stop(0, #58b) );
	background-image: -moz-linear-gradient(top, #58b 0%, #369 100% );
	color: #ffffff;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
	color: #ffffff;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #a32d00 url(images/ui-bg_dots-small_30_a32d00_2x2.png) 50% 50% repeat;
	color: #ffffff;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none;
}


/* overwriting default styles for dialogs and buttons (within certain scopes)
----------------------------------------------------------------*/
.ui-dialog body, .ui-dialog html {
	margin: 0;
	padding: 0;
}
.ui-dialog {
	border: 2px solid #eee !important;
	padding: 0 !important;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	background: #444;
}
.ui-dialog .ui-dialog-titlebar {
	background: #369 !important;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #258), color-stop(.85, #58b) ) !important;
	background-image: -moz-linear-gradient(left center, #258 0%, #58b 85% ) !important;
	-moz-border-radius-bottomleft: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	-moz-border-radius-bottomright: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title-dialog {
}
.ui-dialog .ui-dialog-content {
	padding: 0 1px 0 1px !important;
	margin-bottom: -3px;
}
.ui-dialog .ui-dialog-buttonpane {
	background: #d6d6d6 !important;
	margin: 0 0 0 0 !important;
	border: 1px solid #444 !important;
	border-top-color: #999 !important;
	-moz-border-radius-bottomleft: 4px !important;
	-webkit-border-bottom-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	padding: 6px 8px !important;
	z-index: 10;
}
.nm-icon {
	width: 16px;
	height: 16px;
	background-image: url(images/ui-icons_222222_256x240.png);
}
.nm-icon-triangle-1-s {
	background-position: -64px -16px;
}
.ui-widget-overlay {
	background: #000000;
	opacity: .60;
	filter: Alpha(Opacity=60);
}
.js-page-tabs .ui-tabs-nav a {
	color: #000 !important;
}
.js-page-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #333 !important;
	font-weight: bold;
}
#ListPane {
	background: #F0F0F0;
}
#ListPane .js-list {
	border-bottom: 0px;
}
.ui-state-active.ui-priority-primary {
	background: #F39814;
}

.contentArea button.ui-button,
.ui-dialog-buttonpane button {
	min-width: 6em;
	height: 2.2em;
	-moz-border-radius-: 1em !important;
	-webkit-border-radius: .75em !important;
	border-radius: .75em !important;
	background: #fafafa !important;
	background-image: none !important;
	font: bold 1.1em/1.2em Helvetica, Sans-serif !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #f6f6f6) !important; /* for firefox 3.6+ */
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
}
.contentArea button.ui-button{
	margin: 0 5px .5em 0 !important;
	border-color: #aaa !important;
	color: #333 !important;
	padding: 1px 0 1px 0 !important;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .7);
	text-shadow : 0 0 4px rgba(0,0,0,.4);
	bottom: 0;
}

.ui-dialog-buttonpane button{
	margin: 0 5px 0 0 !important;
	padding: 1px 0 1px 0 !important;
	border-color: #eee !important;
	color: #555 !important;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}

.ui-dialog-buttonpane button.ui-state-hover,
.contentArea button.ui-button.ui-state-hover {
	border: 2px solid #369 !important;
	color: #369 !important;
	padding: 0 0 0 0 !important;
	-webkit-box-shadow: 0 1px 3px rgba(51, 102, 153, .6);
	-moz-box-shadow: 0 1px 3px rgba(51, 102, 153, .6);
}
.contentArea button.ui-state-hover.ui-state-active,
.ui-dialog-buttonpane button.ui-button.ui-state-active {
	border: 2px outset #F39814 !important;
	color: #F39814 !important;
	padding: 0 0 0 0 !important;
	-webkit-box-shadow: 0 1px 3px rgba(243, 152, 20, .6);
	-moz-box-shadow: 0 1px 3px rgba(243, 152, 20, .6);
}
button.ui-button span {
	vertical-align: middle !important;
	position: relative;
	bottom: 1px;
}


/* ribbon */
.ui-ribbon-tab {
	padding: .2em !important;
}
.ui-ribbon-tabs .ui-state-default {
	border-color: transparent;
	background: transparent;
}
.ui-ribbon-tabs .ui-state-active {
	border-color: #666;
	background: #333333;
	top: 1px !important;
}
.ui-ribbon-tabs .ui-state-hover {
	border-color: #666;
	background: #333333;
}
.ui-ribbon-tabs li.ui-state-hover a{
	color: #d8d8d8 !important;
}
.ui-ribbon-tabs li a, .horizontalTabs li {
	color: #CCC !important;
}
.ui-ribbon-tabs .ui-tabs-selected, .horizontalTabs .ui-state-active {
	border-top: 2px solid #F39814 !important;
	color: #fff !important;
}
.ui-ribbon-tabs .ui-tabs-selected a {
	color: #fff !important;
}

#ribbon .ui-state-active {
	border-top-color: #666;
}
#ribbon {
	padding-bottom: 0px;
}
.ribbon-single button {
	width:100%;
}
.ui-ribbon-group-content {
	background: #DBDBDB;
}
.ui-ribbon-large-button {
	background: #F0F1F4;
	outline: 1px solid #F0F1F4;
	border: 1px solid #F0F1F4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0 2px 0 0 !important;
	cursor: default;
}
.ui-ribbon-large-button:hover {
	margin: 0 2px 0 0 !important;
	outline: 1px solid #F3CF53;
	border: 1px solid #FFF;
	background: #FDE48B url(images/yellow_bottom_grad.png) bottom repeat-x;
}
/* tabsbar */
#tabsbar li {
	border: 1px solid #000;
	border-top: 2px solid #333 !important;
}
#tabsbar li a {
	color: #CCC;
}
#tabsbar li.ui-state-active {
	border-top: 2px solid #F39814 !important;
}
#tabsbar li.ui-state-active a {
	color: #fff;
}




/* progressbar */
.ui-progressbar {
	background: #D2D2D2 url(images/glass_gray.png) 0 50% repeat-x !important;
}
.ui-progressbar .ui-widget-header {
	background: #69C485 url(images/glass_green.png) 0 50% !important;
}


/* Styles From js-page that were moved
---------------------------------------------*/
.nm-button, .js-button {
	min-width: 10em;
	width: 10em;
	white-space: nowrap;
	font-sizes: .9em !important;
	padding: .2em .5em .2em .5em;
}
.nm-linkbutton, .js-linkbutton {
    color: #333333 !important;
}
.nm-cssbutton {
	padding: .2em;
	margin: .1em;
}
.nm-cssbutton-text {
	padding: .2em;
}
.nm-edit, .js-text input {
	width: 16em;
	padding: .2em;
}
.nm-textarea, .js-textarea textarea {
	min-width: 18em;
	width: 18em;
	height: 4em;
}
.nm-select, .js-select select {
	width: 16em;
	padding: .2em;
}
.nm-checkbox, .js-checkbox input {
	margin-right: .5em;
}
.nm-radiobutton {
}
.nm-label {
	/*font-weight:bold;*/
}
/* page content */
.nm-title {
	font-size: 1.8em;
	display: block;
	margin: 0;
	padding: .1em .3em .3em .3em;
}
.nm-toolbar button.ui-state-default {
	border-color: transparent;
	background: none;
}
.nm-content {
	overflow: auto; /*applied to "Content" to distinguish from ui-widget-content*/
}
.nm-header {
	cursor: pointer;
	position: relative;
	margin-top: 1px;
	zoom: 1;
}
/* padding */
.nm-paddingSmall {
	padding: .5em;
}
.nm-paddingNormal {
	padding: .8em;
}
/* formTable */
.nm-formTable {
	padding-bottom: 1em;
}
.nm-formTable-firstitem td {
	padding-top: 0;
}
.nm-formTable-item td {
	padding: .5em;
}
.nm-formTable-item td td {
	padding: 0;
}
.nm-formTable-lastitem td {
	padding-bottom: 0;
}
.nm-formTable label {
	/*font-weight:bold; white-space:nowrap;*/
	padding-bottom: .2em;
	padding-right: .2em;
}
.nm-formTable input, .nm-formTable select {
	margin-right: .5em;
}
/* table */
.nm-table-left {
	vertical-align: top;
	padding-right: .5em;
}
.nm-table-center {
	vertical-align: top;
	width: 100%;
}
.nm-table-center .nm-formTable {
	padding-bottom: 0;
}
.nm-table-right {
	padding: 1em;
	vertical-align: top;
	text-align: right;
}
.nm-table-right button {
	margin-top: .4em;
	margin-left: .2em;
}
.nm-table-right-bottom {
	padding: 1em 1em 0 1em;
	vertical-align: bottom;
	text-align: right;
	height: 100%;
}
.nm-table-right-bottom button {
	margin-top: .4em;
	margin-left: .2em;
}
/* Buttonpane */
.nm-buttonpane {
	float: right;
	padding: 0em .8em .8em .5em;
}
.nm-buttonpane button {
	margin-right: .5em;
	margin-bottom: .5em;
}

/* Aspforms Styles - colors only, structure still in AspForms.css
 ************************************************
*/
.Aspf-ToolbarText { color:#333; }
div.Aspf-DialogDiv {
	background: #f0f0f0; 
	color : #333;
}
.Aspf-EditCombo{
	border-color: #A0A0A0 #FFFFFF #E3E9EF #A0A0A0;
	height:22px;
	width:228px;
}
.Aspf-EditPassword{
	xborder: 2px inset;
	width: 250px;
}
.Aspf-EditMultiLine{
	-moz-border-left-colors: #A0A0A0 #696969;
	-moz-border-top-colors: #A0A0A0 #696969;
	-moz-border-bottom-colors: #FFFFFF #E3E3E3;
	-moz-border-right-colors: #FFFFFF #E3E3E3;
}
.Aspf-Control-Focus{
	background-color: #FFFFC4;
}
.Aspf-ToolbarButtonHover
{
	cursor:pointer;
	text-decoration:underline;
	color: #FFFFFF;
}
.Aspf-ToolbarIcon
{
	cursor:pointer;
}

#DevicePropertiesPane ul#PropertiesList li{
	color : #ccc;
	background-color: #444;
	list-style: none;
	border-right-color : #369;
	cursor: pointer;
}

#DevicePropertiesPane ul#PropertiesList li.selected{
	border-right-color : #F39814;
	color: #fff;
}

#DevicePropertiesPane div#ContentPane {
	background: #ddd;
	border-color: #aaa;
}

/* Monitor Library Styles
**************************************************************************************************/
#MonitorLibraryPane #MonitorLibraryContent {
	border-color : #AAA; 
	background: #f0f0f0;
}

.noscripterror {
    border: 1px solid;
    margin: 10px;
    padding:5px;
    background-repeat: no-repeat;
    background-position: 10px center;
	border-radius: 4px 4px 4px 4px;
	color: #D8000C;
	background-color: #FFBABA;
}