/* DOJO  CSS */
@import url("../js/dojo/dijit/themes/interra/interra.css");

@import url("../js/dojo/dojo/resources/dojo.css");

@import url("../js/dojo/dojox/grid/resources/Grid.css");

@import url("../js/dojo/dojox/grid/resources/claroGrid.css");

@import url("../js/dojo/dojox/widget/Portlet/Portlet.css");

@import url("../js/dojo/dojox/layout/resources/GridContainer.css");

@import url("../js/dojo/dojox/layout/resources/DndGridContainer.css");

@import url("../js/dojo/dojox/widget/Calendar/Calendar.css");

@import url("../js/dojo/dojox/widget/Toaster/Toaster.css");

@import url("../js/dojo/dojox/form/resources/CheckedMultiSelect.css");

@import url("../js/dojo/dojox/form/resources/UploaderFileList.css");

@import url("../js/dojo/dojox/form/resources/TriStateCheckBox.css");

@import url("../js/dojo/dojox/layout/resources/ExpandoPane.css");

@import
	url("../js/dojo/dojox/grid/enhanced/resources/claro/EnhancedGrid.css");

@import url("../js/dojo/cbtree/themes/claro/checkbox.css");


/*Customization over built-in DOJO styles*/
.dijitToasterContainer {
	font: 1.0em Tahoma, Helvetica, Verdana, Arial;
}

body,html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden
}

body,html {
	font-family: Segoe UI, 'Open Sans', sans-serif; helvetica , arial, sans-serif;
	font-size: 90%;
}

/* Remove Orange line border around tabs/buttons
   Refer to: http://stackoverflow.com/questions/11978123/remove-yellow-border-on-dojo-buttons-in-chrome */
.claro * {
	outline: none;
}

/*Any page having a top level border container should use the following id*/
#MainBorderContainer {
	width: 100%;
	height: 100%;
}

#footerRight {
	float: right;
}

.toolbar-middle {
	margin: 2px auto;
	width: 50%;
	text-align: center;
}

.producttoolbar {
	
}

.leftSideBar {
	width: 250px;
}

.rightSideBar {
	width: 300px;
}

.propertiesTable {
	width: 99% !important;
}

.propertiesTable th {
	font-size: 10px !important;
	padding: 4px !important;
}

.propertiesTable td {
	font-size: 10px !important;
	padding: 4px !important;
}

.thumbnailTooltip {
	padding: 0px !important;
	margin: 0px !important;
	max-height: 250px;
	overflow-x: auto;
}

.thumbnailTooltip .dijitTooltipContainer {
	background: #fff url('../images/bg_body.jpg') top left repeat;
	padding: 0px !important;
}

.tooltipHeader {
	font-size: 11px !important;
	padding: 1px !important;
}

.tooltipTable th {
	font-size: 10px !important;
	padding: 1px !important;
}

.tooltipTable td {
	font-size: 10px !important;
	padding: 1px !important;
}

/***
 * Support for breadcrumbs
 */
.breadcrumbs {
	line-height: 35px;
	font-size: 10px;
	height: 15px;
}

.breadcrumbs ul,.breadcrumbs li {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
}

.breadcrumbs li {
	float: left;
	padding-left: 8px;
}

.breadcrumbs li a {
	padding: 0 24px 2px 0;
	background: transparent url(../icons/arrow-breadcrumbs.png) no-repeat
		right center;
}

.breadcrumbs li span.entry {
	padding: 0 24px 2px 0;
	background: transparent url(../icons/arrow-breadcrumbs.png) no-repeat
		right center;
	color: #003366;
}

.breadcrumbs li a:link {
	text-decoration: none;
	color: #003366;
}

.breadcrumbs li a:hover {
	text-decoration: underline;
	color: #0099CC;
}

.breadcrumbs li {
	color: #0000ef;
}

.filledBackground { //
	background: #fff url('../images/bg_body.jpg') top left repeat;
}

.dijitSplitterV { //
	background: #fff url('../images/bg_body.jpg') top left repeat !important;
}

.dijitSplitterH { //
	background: #fff url('../images/bg_body.jpg') top left repeat !important;
}

/****
 * following style sheet is for the top bar.
 ******/

.logo {
	float: left;
	padding-top: 9px;
	padding-left: 4px;
	width: 163px;
	height: 34px;
}

.header_message {
	float: left;
	border: 0px solid #000;
	width: 300px;
	text-align: center;
	line-height: 40px;
	margin-left: 60px;
	color: #FFFF00;
	font-size: 1.1em
}

.seperator {
	float: right;
	border: 0px solid #000;
	width: 10px;
	background-image: url('../icons/seperator.gif') no-repeat;
	padding: 12px 0 0 10px;
}

.menu_icon_set2 {
	float: right;
	border: 0px solid #000;
	width: 275px;
}

#menu_set2 {
	position: relative;
	display: block;
	width: 275px;
	border: 0px solid #fff;
}

#menu_set2 ul {
	list-style-type: none;
	width: 275px;
	border: 0px solid #000;
}

#menu_set2 ul li {
	display: block;
	float: left;
	width: 55px;
	height: 55px;
}

#menu_set2 a,#menu_set2 a:visited {
	display: block;
	width: 35px;
	height: 35px;
	background: url('../icons/menu-tabs2.png');
	background-position: left top;
	background-color: transparent;
	text-align: center;
	color: black;
	line-height: 30px;
	margin-top: 4px;
}

#menu_set2 a:hover {
	background-position: left center;
	line-height: 30px;
	overflow: hidden;
	color: white;
}

#menu_set2 a#selected {
	background-position: left bottom;
	line-height: 30px;
}

#menu_set2 a#selected:hover {
	color: white;
}

.menu_icon_set1 {
	float: right;
	width: 110px;
	background-color: #00b1e8;
	border-radius: 5px;
	margin: 8px 20px 0 40px;
	height: 26px; //
	border: 1px solid #00b4ec
}

#menu_set1 {
	position: relative;
	display: block;
	width: 110px;
	border: 0px solid #fff;
}

#menu_set1 ul {
	list-style-type: none;
	width: 110px;
	border: 0px solid #000;
}

#menu_set1 ul li {
	display: block;
	float: left;
	width: 50px;
	height: 20px;
	padding-left: 5px
}

#menu_set1 a,#menu_set2 a:visited {
	display: block;
	width: 40px;
	height: 20px;
	background: url('../icons/menu-tabs1.png');
	background-position: left top;
	background-color: transparent;
	text-align: center;
	color: black;
	line-height: 10px;
	margin-top: 3px;
}

#menu_set1 a:hover {
	background-position: left center;
	line-height: 10px;
	overflow: hidden;
	color: white;
}

#menu_set1 a#selected {
	background-position: left bottom;
	line-height: 10px;
}

#menu_set1 a#selected:hover {
	color: white;
}

.licenseMessages {
	text-align: left;
	font-size: 16px;
	padding-bottom: 10px;
	color: yellow;
}

#footer {
	margin-top: 10px;
	overflow: hidden;
}

#footer {
	clear: both;
	height: 20px;
	width: 100%;
	bottom: 0;
	margin: -21px auto 0;
	position: relative;
	background-color: #243545;
	line-height: 2;
	padding: 0px;
	border-top: 1px solid #d0d0d0;
	color: #c8c8c8;
}

#footer {
	margin-top: -30px;
}

.copyright {
	text-align: center;
	color: #999999;
	margin-right: 20px;
	font-size: .8em;
}

/****
* following style sheet is for about dialog
*****/
.abtHeader {
	background: url("../images/abt_header.png") no-repeat scroll left top
		#FFFFFF;
	height: 80px;
	width: 450px;
}

.abtVersion {
	color: #1663b8;
	font-size: .9em;
	font-weight: bold;
	padding: 10px 15px 20px;
	text-align: right;
}

.abtEdition {
	color: #333;
	font-size: 1.4em;
	font-weight: bold;
	padding: 20px 0 70px;
	text-align: center;
}

.abtFooter {
	background-color: #E8E8E8;
	clear: both;
	height: 20px;
	padding: 5px 5px 3px 10px;
}

.abtCopyright {
	float: left;
	font-family: Trebuchet MS, Arial;
	font-size: .9em;
}

.abtClose {
	float: right;
	padding: 2px 2px 0px 0px;
}

/**
*  following style sheet is for thubnails
****/
.thumbnailHolder {
	max-height: 300px;
	overflow: auto;
}

.thumbnailOuterBlockSelected {
	float: left;
	padding: 1px;
	border: 5px solid #009CCD;
	margin: 2px;
}

.thumbnailOuterBlockHighlighted {
	float: left;
	padding: 1px;
	margin: 2px;
	border: 5px solid #FF0000;
	border-radius: 6px;
}

.thumbnailOuterBlockHighlightedRed {
	float: left;
	padding: 1px;
	margin: 2px;
	border: 5px solid #FF0000;
	border-radius: 6px;
}

.thumbnailOuterBlockHighlightedGreen {
	float: left;
	padding: 1px;
	margin: 2px;
	border: 5px solid lightgreen;
	border-radius: 6px;
}

.thumbnailOuterBlockSelectedandHighlighted {
	float: left;
	padding: 1px;
	border: 5px solid #8F1111;
	border-radius: 6px;
	margin: 2px;
}

.thumbnailOuterBlock {
	float: left;
	padding: 1px;
	border: 5px solid transparent;
	margin: 2px;
}

.thumbnailBlock {
	float: left;
	padding: 0px;
	border: 2px solid gray;
	margin: 0px;
}

.thumbnailBlockDashboard {
	padding: 0px;
	border: 2px solid gray;
	margin: 5px;
}

.thumbnailImage {
	text-align: center;
	width: 120px !important;
	height: 90px !important;
}

.thumbnailLabel {
	display: inline-block;
	color: black;
	text-align: center;
	padding: 3px;
	font-size: 9px;
	width: 100px !important;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.thumbnailInfoLabel {
	display: inline-block;
	color: black;
	padding-right: 5px;
	font-size: 9px;
	overflow-x: hidden;
}

.thumbnailInfoArea {
	text-align: center;
	border-top: 1px solid gray;
}

.thumbnailInfoIcon {
	display: inline-block;
	background-repeat: no-repeat;
	width: 14px;
	height: 12px;
	margin-top: 3px;
	margin-bottom: 0px;
	padding-right: 3px;
}

.noImageThumbnail {
	text-align: center;
	background-repeat: no-repeat;
	background-image: url('../icons/DefaultThumbnail.jpg');
	width: 120px !important;
	height: 90px !important;
}

.audioThumbnail {
	text-align: center;
	background-repeat: no-repeat;
	background-image: url('../icons/AudioThumbnail.jpg');
	width: 120px !important;
	height: 90px !important;
}

.scrambledThumbnail {
	text-align: center;
	background-repeat: no-repeat;
	background-image: url('../icons/ScrambledThumbnail.jpg');
	width: 120px !important;
	height: 90px !important;
}

.greyThumbnail {
	text-align: center;
	background-repeat: no-repeat;
	background-color: gray;
	width: 120px !important;
	height: 90px !important;
}

.thumbnailsSetting {
	width: 30px;
	height: 30px;
	background-image: url('../icons/thumbnail_settings.png');
}

.viewSetting {
	width: 22px;
	height: 21px;
	background-image: url('../icons/view_settings.png');
}

.viewSettingErr {
	width: 22px;
	height: 21px;
	background-image: url('../icons/view_settings_err.png');
}

.viewSettingHigh {
	width: 22px;
	height: 21px;
	background-image: url('../icons/view_settings_high.png');
}

/*Css for severity button panel in Messages View*/
.claro .dijitToggleButton .dijitCheckBoxIcon {
	width: 16px !important;
	height: 16px !important;
	background-position: 0 !important;
	background-image: none !important;
}

.claro .dijitToggleButtonChecked .dijitCheckBoxIcon {
	width: 16px !important;
	height: 16px !important;
	background-position: 0 !important;
	background-image: url('../icons/icon_yes.png') !important;
}

.claro .dijitToggleButton .dijitInline.dijitButtonNode {
	background: url('../images/bg_tab_normal.png') top left repeat
		!important; //
	background-image: url('../images/bg_tab_normal.png') !important;
	-moz-border-radius-topleft: 5px !important;
	border-top-left-radius: 5px !important;
	-moz-border-radius-topright: 5px !important;
	border-top-right-radius: 5px !important;
	-moz-border-radius-bottomleft: 5px !important;
	border-bottom-left-radius: 5px !important;
	-moz-border-radius-bottomright: 5px !important;
	border-bottom-right-radius: 5px !important;
	text-shadow: 0px 0px 3px #000000 !important;
	padding: 3px 5px 3px 5px !important;
}

.claro .dijitToggleButtonChecked .dijitInline.dijitButtonNode {
	background: url('../images/bg_tab_active.png') top left repeat
		!important;
	text-shadow: 0px 0px 3px #000000 !important;
}

.claro .dijitToggleButtonHover .dijitInline.dijitButtonNode {
	background: url('../images/bg_tab_hover.png') top left repeat !important;
	text-shadow: 0px 0px 3px #000000 !important;
}

/**
*  following style sheet is for priority checks
****/
.grayed {
	color: gray;
}

.statusGray {
	width: 10px;
	height: 10px;
	background-image: url('../icons/gray_bullet.png');
}

.statusRed {
	width: 10px;
	height: 10px;
	background-image: url('../icons/red_bullet.png');
}

.statusGreen {
	width: 10px;
	height: 10px;
	background-image: url('../icons/green_bullet.png');
}

.priorityCheckTable {
	width: 99% !important;
}

.priorityCheckTable th {
	font-size: 10px !important;
	padding: 1px !important;
}

.priorityCheckTable td {
	font-size: 10px !important;
	padding: 0px !important;
}

/*Tab Label */
.dijitTab {
	background: url('../images/bg_tab_normal.png') top left repeat
		!important;
	-moz-border-radius-topleft: 5px !important;
	border-top-left-radius: 5px !important;
	-moz-border-radius-topright: 5px !important;
	border-top-right-radius: 5px !important;
	text-shadow: 0px 0px 3px #000000 !important;
}

.dijitTabHover {
	background: url('../images/bg_tab_hover.png') top left repeat !important;
	text-shadow: 0px 0px 3px #000000 !important;
}

.dijitTabChecked {
	background: url('../images/bg_tab_active.png') top left repeat
		!important;
	text-shadow: 0px 0px 3px #000000 !important;
}

.tabLabel {
	color: white;
	font-family: Segoe UI, 'Open Sans', sans-serif;
	font-size: .95em;
}

.dijitTabContainerNested .dijitTab {
	-moz-border-radius-bottomleft: 5px !important;
	border-bottom-left-radius: 5px !important;
	-moz-border-radius-bottomright: 5px !important;
	border-bottom-right-radius: 5px !important;
}

.dijitTabContainerLeft .dijitTab {
	-moz-border-radius-topleft: 5px !important;
	border-top-left-radius: 5px !important;
	-moz-border-radius-bottomleft: 5px !important;
	border-bottom-left-radius: 5px !important;
	-moz-border-radius-topright: 0px !important;
	border-top-right-radius: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.alerts .dijitInline.dijitButtonNode {
	display: block !important;
	position: relative !important;
	padding: 0px 10px 2px 10px !important;
	float: left;
	color: #fff !important;
	text-decoration: none !important;
	cursor: pointer !important;
	background-color: #00b3eb !important;
	font-size: .95em !important;
	margin-right: 5px !important;
	border: 1px solid #008fbc !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3) !important;
}

.alerts .dijitButtonDisabled .dijitInline.dijitButtonNode {
	display: block !important;
	position: relative !important;
	padding: 0px 10px 2px 10px !important;
	float: left;
	color: #C9C9C9 !important;
	text-decoration: none !important;
	cursor: default !important;
	background-color: #8B8B8B !important;
	font-size: .95em !important;
	margin-right: 5px !important;
	border: 1px solid #6F6F6F !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3) !important;
}

.claro .dijitTabContainerTabListNested .dijitTab {
	display: block !important;
	position: relative !important;
	padding: 0px 7px 2px 7px !important;
	float: left;
	color: #fff !important;
	text-decoration: none !important;
	cursor: pointer !important;
	background-color: #00b3eb !important;
	font-size: .95em !important;
	margin-right: 5px !important;
	border: 1px solid #008fbc !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3) !important;
}

.claro .dijitTabContainerTabListNested .dijitTabHover {
	background-color: #007ea6 !important;
	border: 1px solid #00c2ff !important;
	color: #fff !important;
	background-image: none !important;
	border-radius: 0 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3) !important;
}

.claro .dijitTabContainerTabListNested .dijitTabChecked {
	background: url('../images/bg_tab_active.png') top left repeat
		!important;
}

.dojoxCheckedMultiSelect {
	height: 100% !important;
	width: 90% !important;
}

.dojoxCheckedMultiSelectWrapper { /*border: solid black 1px;*/
	border: 0;
	margin: 0 0;
	overflow: auto !important;
	overflow-y: auto !important;
	overflow-x: auto !important;
	height: 100% !important;
	width: 90% !important;
	padding-right: 0 !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

/**
* Following Styling is for Filter bar of Enhanced grid
*/
.dojoxGridFBarBtnTD .dijitInline.dijitButtonNode {
	margin-right: 0px !important;
}

.dojoxGridFBarInfoTD .dijitButton {
	margin-right: 0px !important;
}

.dojoxGridFBarDefFilterBtnIcon {
	background: url('../images/icon_manage-filter.png') no-repeat;
	width: 16px;
	height: 16px;
}

.dojoxGridFBarCloseBtnIcon {
	background: url("../images/icon_close.png") no-repeat;
	width: 16px;
	height: 16px;
}

.dijitButtonHover .dojoxGridFBarCloseBtnIcon {
	background: url("../images/icon_close.png") no-repeat !important;
	width: 16px !important;
	height: 16px !important;
}

.dojoxGridFBarInfoTD .dijitButton .dijitButtonNode,.dojoxGridFBarInfoTD .dijitDropDownButton .dijitButtonNode,.dojoxGridFBarInfoTD .dijitComboButton .dijitButtonNode,.dojoxGridFBarInfoTD .dijitToggleButton .dijitButtonNode
	{
	border: 1px solid lightgray !important;
	padding: 0px 0px 0px 0px !important;
	color: #000000 !important;
	margin-right: 0px !important;
	background-color: #bcd8f4 !important;
	background-image: url("form/images/buttonEnabled.png") !important;
	background-repeat: repeat-x !important;
	_background-image: none !important;
}

.dojoxGridFBarInfoTD .dijitInline.dijitButtonNode:hover {
	background-color: transparent !important;
	border: 1px solid lightgray !important;
	color: #000 !important;
	background-image: transparent !important;
	border-radius: 0 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3) !important;
	background: url("../images/icon_close.png") no-repeat;
}

/***
 * Support for breadcrumbs
 */
.breadcrumbs1 {
	line-height: 35px;
	font-size: 10px;
	height: 15px;
}

.breadcrumbs1 ul,.breadcrumbs1 li {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
}

.breadcrumbs1 li {
	float: left;
	padding-left: 8px;
}

.breadcrumbs1 li a {
	padding: 0 24px 2px 0;
	background: transparent url(../icons/arrow-breadcrumbs.png) no-repeat
		right center;
}

.breadcrumbs1 li span.entry {
	padding: 0 24px 2px 0;
	background: transparent url(../icons/arrow-breadcrumbs.png) no-repeat
		right center;
	color: #003366;
}

.breadcrumbs1 li a:link {
	text-decoration: none;
	color: #003366;
}

.breadcrumbs1 li a:hover {
	text-decoration: underline;
	color: #0099CC;
}

.breadcrumbs1 li {
	color: #0000ef;
}
/*Severity level icons*/
.fatalLevel {
	width: 16px;
	height: 16px;
	background: transparent url('../icons/icon_error_Fatal.png') bottom left
		no-repeat;
	cursor: pointer;
}

.criticalLevel {
	width: 48px;
	height: 20px;
	background: transparent url('../icons/icon_Critical.png') bottom left
		no-repeat;
	cursor: pointer;
}

.majorLevel {
	width: 48px;
	height: 20px;
	background: transparent url('../icons/icon_Major.png') bottom left
		no-repeat;
	cursor: pointer;
}

.minorLevel {
	width: 48px;
	height: 20px;
	background: transparent url('../icons/icon_Minor.png') bottom left
		no-repeat;
	cursor: pointer;
}

.infoLevel {
	width: 16px;
	height: 16px;
	background: transparent url('../icons/icon_error_Info.png') bottom left
		no-repeat;
	cursor: pointer;
}

.noError {
	width: 16px;
	height: 16px;
	background: transparent url('../icons/icon_yes.png') bottom left
		no-repeat;
}

.errorCheckingDisabled {
	width: 10px;
	height: 10px;
	background: transparent url('../icons/gray_bullet.png') bottom left
		no-repeat;
}

/* Recording Reason Icons using css sprite */
.errorClip {
	width: 12px;
	height: 10px;
	background-image: url('../icons/clipError.png');
}

.manualClip {
	width: 12px;
	height: 10px;
	background-image: url('../icons/clipManual.png');
}

.scheduledClip {
	width: 12px;
	height: 10px;
	background-image: url('../icons/clipScheduled.png');
}

.adClip {
	width: 12px;
	height: 10px;
	background-image: url('../icons/clipAd.png');
}

.manualNScheduledNErrorN {
	width: 30px;
	height: 10px;
	background-image: url('../icons/RecIndicators.bmp');
	background-position: 0px 0px;
}

.manualNScheduledYErrorN {
	width: 30px;
	height: 10px;
	background-image: url('../icons/RecIndicators.bmp');
	background-position: -30px 0px;
}

.manualNScheduledNErrorY {
	width: 30px;
	height: 10px;
	background-image: url('../icons/RecIndicators.bmp');
	background-position: -60px 0px;
}

.manualNScheduledYErrorY {
	width: 30px;
	height: 10px;
	background-image: url('../icons/RecIndicators.bmp');
	background-position: -90px 0px;
}

.manualYScheduledNErrorN {
	width: 30px;
	height: 10px;
	background-image: url('../icons/RecIndicators.bmp');
	background-position: -120px 0px;
}

.manualYScheduledYErrorN {
	width: 30px;
	height: 10px;
	background-image: url('../icons/RecIndicators.bmp');
	background-position: -150px 0px;
}

.manualYScheduledNErrorY {
	width: 30px;
	height: 10px;
	background-image: url('../icons/RecIndicators.bmp');
	background-position: -180px 0px;
}

.manualYScheduledYErrorY {
	width: 30px;
	height: 10px;
	background-image: url('../icons/RecIndicators.bmp');
	background-position: -210px 0px;
}

.rightIcon {
	display: inline-block;
	float: right;
	background-image: url('../icons/TabControlRight.jpg');
	width: 14px;
	height: 14px;
	cursor: pointer;
}

.serviceStopActionButton .dijitButtonNode {
	background-color: white !important;
	color: red !important;
	border: 1px solid red !important;
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border-radius: 7px !important;
	padding: 0px 10px 3px 10px !important;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.serviceStopActionButton .dijitButtonNode:hover {
	background-color: white !important;
	color: red !important;
	border: 1px solid red !important;
	padding: 0px 10px 3px 10px !important;
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border-radius: 7px !important;
}

.serviceStopActionButton .dijitButtonText {
	padding: 0px;
}

.serviceStartActionIcon {
	width: 0px;
	height: 0px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid green;
}

.serviceStopActionIcon {
	width: 0px;
	height: 0px;
	border-top: 5px solid red;
	border-bottom: 5px solid red;
	border-left: 5px solid red;
	border-right: 5px solid red;
}

.serviceStartActionButton .dijitButtonNode {
	background-color: white !important;
	color: green !important;
	border: 1px solid green !important;
	padding: 0px 10px 3px 10px !important;
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border-radius: 7px !important;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.serviceStartActionButton .dijitButtonNode:hover {
	background-color: white !important;
	color: green !important;
	border: 1px solid green !important;
	padding: 0px 10px 3px 10px !important;
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border-radius: 7px !important;
}

.serviceStartActionButton .dijitButtonText {
	padding: 0px;
}

.qualityErrorOK {
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background: transparent url('../icons/green_bullet.png') bottom left
		no-repeat
}

.qualityErrorDisable {
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background: transparent url('../icons/gray_bullet.png') bottom left
		no-repeat
}

.qualityErrorFound {
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background: transparent url('../icons/red_bullet.png') bottom left
		no-repeat
}

.backButton {
	display: inline-block;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 3px;
	margin-bottom: 0px;
	padding-right: 3px;
}

.separatorDiv {
	display: inline-block;
	background-repeat: no-repeat;
	width: 2px;
	height: 12px;
	margin-top: 1px;
	margin-bottom: 0px;
	padding-right: 3px;
	vertical-align: top;
}

/* CSS for new all services thumbnails view - Small*/
.thumbnailSmall {
	width: 120px;
	height: 116px;
	background: #efeceb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #c5cbcb;
}

.clear {
	clear: both;
}

.thumbnailSmall .container {
	width: 108px;
	height: 115px;
	margin: 2px 8px 0px 7px;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.thumbnailSmall .container .col-1 {
	width: 108px;
	height: 12px;
	margin: 0px 0px 0px 0px;
}

.thumbnailSmall .container .col-1 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.thumbnailSmall .container .col-1 ul li img {
	margin: 0px;
	padding: 0px;
	line-height: 12px;
}

.thumbnailSmall .container .col-1 ul li {
	float: left;
	margin: 0px;
	padding: 0px 2px 0px 0px;
}

.thumbnailSmall .container .col-2 {
	width: 105px;
	height: 53px;
	margin: 3px 0px 2px 0px;
}

.thumbnailSmall .container .col-2 .sc-photo {
	width: 70px;
	height: 53px;
	float: left;
	background: #FFFFFF;
}

.thumbnailSmall .container .col-2 .sc-centre {
	width: 9px;
	height: 53px;
	float: left;
	margin: 0px 0px 0px 8px;
}

.thumbnailSmall .container .col-2 .sc-last {
	width: 9px;
	height: 53px;
	float: right;
}

.thumbnailSmall .container .col-3 {
	width: 105px;
	height: 15px;
	margin: 0px 0px 0px 0px;
}

.thumbnailSmall .container .col-3 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.thumbnailSmall .container .col-3 ul li {
	float: left;
	padding: 0px 4px 0px 0px;
}

.thumbnailSmall .container .col-3 ul .last {
	float: right;
	padding: 0px;
	margin-top: 7px;
}

.thumbnailSmall .container .col-4 {
	font-family: Segoe UI, 'Open Sans', sans-serif;
	font-size: 12px;
	color: #0072ff;
	text-align: left;
	text-decoration: underline;
	line-height: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

/* CSS for new all services thumbnails view - Medium*/
.thumbnailMedium {
	width: 150px;
	height: 140px;
	background: #efeceb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #c5cbcb;
}

.clear {
	clear: both;
}

.thumbnailMedium .container {
	width: 140px;
	height: 105px;
	margin: 2px 8px 0px 7px;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.thumbnailMedium .container .col-1 {
	width: 140px;
	height: 12px;
	margin: 0px 0px 0px 0px;
}

.thumbnailMedium .container .col-1 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.thumbnailMedium .container .col-1 ul li img {
	margin: 0px;
	padding: 0px;
	line-height: 12px;
}

.thumbnailMedium .container .col-1 ul li {
	float: left;
	margin: 0px;
	padding: 0px 2px 0px 0px;
}

.thumbnailMedium .container .col-2 {
	width: 135px;
	height: 75px;
	margin: 3px 0px 2px 0px;
}

.thumbnailMedium .container .col-2 .sc-photo {
	width: 100px;
	height: 75px;
	float: left;
	background: #FFFFFF;
}

.thumbnailMedium .container .col-2 .sc-centre {
	width: 9px;
	height: 75px;
	float: left;
	margin: 0px 0px 0px 8px;
}

.thumbnailMedium .container .col-2 .sc-last {
	width: 9px;
	height: 75px;
	float: right;
}

.thumbnailMedium .container .col-3 {
	width: 135px;
	height: 15px;
	margin: 3px 0px 0px 0px;
}

.thumbnailMedium .container .col-3 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.thumbnailMedium .container .col-3 ul li {
	float: left;
	padding: 0px 5px 0px 0px;
}

.thumbnailMedium .container .col-3 ul .last {
	float: right;
	padding: 0px;
	margin-top: 7px;
}

.thumbnailMedium .container .col-4 {
	font-family: Segoe UI, 'Open Sans', sans-serif;
	font-size: 12px;
	color: #0072ff;
	text-align: left;
	text-decoration: underline;
	line-height: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

/* CSS for new all services thumbnails view - Large*/
.thumbnailLarge {
	width: 180px;
	height: 155px;
	background: #efeceb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #c5cbcb;
}

.clear {
	clear: both;
}

.thumbnailLarge .container {
	width: 175px;
	height: 105px;
	margin: 2px 8px 0px 7px;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.thumbnailLarge .container .col-1 {
	width: 168px;
	height: 12px;
	margin: 0px 0px 0px 0px;
}

.thumbnailLarge .container .col-1 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.thumbnailLarge .container .col-1 ul li img {
	margin: 0px;
	padding: 0px;
	line-height: 12px;
}

.thumbnailLarge .container .col-1 ul li {
	float: left;
	margin: 0px;
	padding: 0px 2px 0px 0px;
}

.thumbnailLarge .container .col-2 {
	width: 160px;
	height: 90px;
	margin: 3px 0px 2px 0px;
}

.thumbnailLarge .container .col-2 .sc-photo {
	width: 120px;
	height: 90px;
	float: left;
	background: #FFFFFF;
}

.thumbnailLarge .container .col-2 .sc-centre {
	width: 9px;
	height: 90px;
	float: left;
	margin: 0px 0px 0px 8px;
}

.thumbnailLarge .container .col-2 .sc-last {
	width: 9px;
	height: 90px;
	float: right;
}

.thumbnailLarge .container .col-3 {
	width: 165px;
	height: 15px;
	margin: 3px 0px 0px 0px;
}

.thumbnailLarge .container .col-3 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.thumbnailLarge .container .col-3 ul li {
	float: left;
	padding: 0px 5px 0px 0px;
}

.thumbnailLarge .container .col-3 ul .last {
	float: right;
	padding: 0px;
	margin-top: 7px;
}

.thumbnailLarge .container .col-4 {
	font-family: Segoe UI, 'Open Sans', sans-serif;
	font-size: 12px;
	color: #0072ff;
	text-align: left;
	text-decoration: underline;
	line-height: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

.clear {
	clear: both;
}

.side-box {
	width: 240px;
	height: auto;
}

.side-box ul {
	width: 240px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.side-box ul li {
	height: 22px;
	line-height: 22px;
	border-bottom: solid 1px #d4d4d4;
	font-family: Segoe UI, 'Open Sans', sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	padding: 3px 0px 2px 0px;
}

.side-box .reset-tool {
	width: 214px;
	margin: 3px 5px 10px 5px;
	height: 22px;
	border: solid 1px #7f9db9;
	background: #f1f1f1;
	padding: 4px 7px;
}

.side-box .reset-tool  ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.side-box .reset-tool ul li {
	float: left;
	padding: 0px 5px 0px 0px;
	border-bottom: none;
}

.side-box .reset-tool ul .reset {
	float: right;
	padding: 0px;
}

.field-label {
	width: 50%;
	font-size: 11px
}

.field-bit_rate {
	text-align: center !important;
	font-size: 11px
}

.field-recent_severity {
	text-align: center !important;
}

.field-last_severity {
	text-align: center !important;
}

.indicatorCircleCritical {
	background: #C70B0B;
	width: 22px;
	height: 22px;
	border-radius: 50%;
}

.indicatorCircleMajMin {
	background: #F6AE0E;
	width: 22px;
	height: 22px;
	border-radius: 50%;
}

.indicatorCircleOK {
	background: #5A7A23;
	width: 22px;
	height: 22px;
	border-radius: 50%;
}

.indicatorCircleDisabled {
	background: #ABA9A9;
	width: 22px;
	height: 22px;
	border-radius: 50%;
}

.indicatorIconCritical {
	background: #C70B0B;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.indicatorIconMajMin {
	background: #F6AE0E;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.indicatorIconOK {
	background: #5A7A23;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.indicatorIconDisabled {
	background: #ABA9A9;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.serviceControlsDialog .dijitDialogPaneContent {
	padding: 0px !important;
}

.dgrid-row-odd {
	background: #F2F5F9;
}

/* CSS for Audio Thumbnails */
.thumbnailAudioSmall {
	background-image: url('../icons/service_thumbnail_audio.png');
	width: 72px;
	height: 53px;
}

.thumbnailAudioMedium {
	background-image: url('../icons/service_thumbnail_audio_100x75.png');
	width: 100px;
	height: 75px;
}

.thumbnailAudioLarge {
	background-image: url('../icons/service_thumbnail_audio_120x90.png');
	width: 120px;
	height: 90px;
}

.thumbnailAudioXLarge {
	background-image: url('../icons/service_thumbnail_audio_200x150.png');
	width: 200px;
	height: 150px;
}

/* CSS for No Audio-Video Thumbnails */
.thumbnailNoAVSmall {
	background-image: url('../icons/service_thumbnail_no_aud_vid.png');
	width: 72px;
	height: 53px;
}

.thumbnailNoAVMedium {
	background-image:
		url('../icons/service_thumbnail_no_aud_vid_100x75.png');
	width: 100px;
	height: 75px;
}

.thumbnailNoAVLarge {
	background-image:
		url('../icons/service_thumbnail_no_aud_vid_120x90.png');
	width: 120px;
	height: 90px;
}

.thumbnailNoAVXLarge {
	background-image:
		url('../icons/service_thumbnail_no_aud_vid_200x150.png');
	width: 200px;
	height: 150px;
}

/* CSS for Service Not Monitored Thumbnails */
.thumbnailNotMonitoredSmall {
	background-image: url('../icons/service_thumbnail_not_monitored.png');
	width: 72px;
	height: 53px;
}

.thumbnailNotMonitoredMedium {
	background-image:
		url('../icons/service_thumbnail_not_monitored_100x75.png');
	width: 100px;
	height: 75px;
}

.thumbnailNotMonitoredLarge {
	background-image:
		url('../icons/service_thumbnail_not_monitored_120x90.png');
	width: 120px;
	height: 90px;
}

.thumbnailNotMonitoredXLarge {
	background-image:
		url('../icons/service_thumbnail_not_monitored_200x150.png');
	width: 200px;
	height: 150px;
}

/* CSS for Scrambled Service Thumbnails */
.thumbnailScrambledSmall {
	background-image: url('../icons/service_thumbnail_scrambled.png');
	width: 72px;
	height: 53px;
}

.thumbnailScrambledMedium {
	background-image: url('../icons/service_thumbnail_scrambled_100x75.png');
	width: 100px;
	height: 75px;
}

.thumbnailScrambledLarge {
	background-image: url('../icons/service_thumbnail_scrambled_120x90.png');
	width: 120px;
	height: 90px;
}

.thumbnailScrambledXLarge {
	background-image:
		url('../icons/service_thumbnail_scrambled_200x150.png');
	width: 200px;
	height: 150px;
}

/* CSS for Service Unavailable Thumbnails */
.thumbnailUnavailableSmall {
	background-image: url('../icons/service_thumbnail_unavailable.gif');
	width: 72px;
	height: 53px;
}

.thumbnailUnavailableMedium {
	background-image:
		url('../icons/service_thumbnail_unavailable_100x75.gif');
	width: 100px;
	height: 75px;
}

.thumbnailUnavailableLarge {
	background-image:
		url('../icons/service_thumbnail_unavailable_120x90.gif');
	width: 120px;
	height: 90px;
}

.thumbnailUnavailableXLarge {
	background-image:
		url('../icons/service_thumbnail_unavailable_200x150.gif');
	width: 200px;
	height: 150px;
}

/* CSS for Video Unavailable Thumbnails */
.thumbnailVideoUnavailableSmall {
	background-image:
		url('../icons/service_thumbnail_video_unavailable.png');
	width: 72px;
	height: 53px;
}

.thumbnailVideoUnavailableMedium {
	background-image:
		url('../icons/service_thumbnail_video_unavailable_100x75.png');
	width: 100px;
	height: 75px;
}

.thumbnailVideoUnavailableLarge {
	background-image:
		url('../icons/service_thumbnail_video_unavailable_120x90.png');
	width: 120px;
	height: 90px;
}

.thumbnailVideoUnavailableXLarge {
	background-image:
		url('../icons/service_thumbnail_video_unavailable_200x150.png');
	width: 200px;
	height: 150px;
}
/* CSS for Audio Unavailable Meters */
.meterAudioUnavailableSmall {
	background-image: url('../icons/service_meter_audio_unavailable.gif');
	width: 9px;
	height: 53px;
}

.meterAudioUnavailableMedium {
	background-image: url('../icons/service_meter_audio_unavailable_75.gif');
	width: 12px;
	height: 75px;
}

.meterAudioUnavailableLarge {
	background-image: url('../icons/service_meter_audio_unavailable_90.gif');
	width: 15px;
	height: 90px;
}

.meterAudioUnavailableXLarge {
	background-image:
		url('../icons/service_meter_audio_unavailable_150.gif');
	width: 20px;
	height: 150px;
}

.meterAudioNotMonitoredSmall {
	background-image: url('../icons/service_meter_audio_unavailable.png');
	width: 9px;
	height: 53px;
}

.meterAudioNotMonitoredMedium {
	background-image: url('../icons/service_meter_audio_unavailable_75.png');
	width: 12px;
	height: 75px;
}

.meterAudioNotMonitoredLarge {
	background-image: url('../icons/service_meter_audio_unavailable_90.png');
	width: 15px;
	height: 90px;
}

.meterAudioNotMonitoredXLarge {
	background-image:
		url('../icons/service_meter_audio_unavailable_150.png');
	width: 20px;
	height: 150px;
}

.TSErrorOK {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background: transparent url('../icons/ts_green.png') bottom left
		no-repeat;
}

.TSErrorDisable {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background: transparent url('../icons/ts_grey.png') bottom left
		no-repeat;
}

.TSErrorCritical {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background: transparent url('../icons/ts_red.png') bottom left no-repeat;
	cursor: pointer !important;
}

.TSErrorMajorMinor {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background: transparent url('../icons/ts_yellow.png') bottom left
		no-repeat;
	cursor: pointer !important;
}

.IPErrorOK {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background: transparent url('../icons/ip_green.png') bottom left
		no-repeat;
}

.IPErrorDisable {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background: transparent url('../icons/ip_grey.png') bottom left
		no-repeat;
}

.IPErrorCritical {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background: transparent url('../icons/ip_red.png') bottom left no-repeat;
	cursor: pointer !important;
}

.IPErrorMajorMinor {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background: transparent url('../icons/ip_yellow.png') bottom left
		no-repeat;
	cursor: pointer !important;
}

.SerErrorOK {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background: transparent url('../icons/ser_green.png') bottom left
		no-repeat;
}

.SerErrorDisable {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background: transparent url('../icons/ser_grey.png') bottom left
		no-repeat;
}

.SerErrorCritical {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background: transparent url('../icons/ser_red.png') bottom left
		no-repeat;
	cursor: pointer !important;
}

.SerErrorMajorMinor {
	margin: 0 auto;
	width: 22px;
	height: 22px;
	background: transparent url('../icons/ser_yellow.png') bottom left
		no-repeat;
	cursor: pointer !important;
}

.recentErrorOK {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: transparent url('../icons/recent_green.png') bottom left
		no-repeat;
}

.recentErrorDisable {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: transparent url('../icons/recent_grey.png') bottom left
		no-repeat;
}

.recentErrorCritical {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: transparent url('../icons/recent_red.png') bottom left
		no-repeat;
	cursor: pointer !important;
}

.recentErrorMajorMinor {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: transparent url('../icons/recent_yellow.png') bottom left
		no-repeat;
	cursor: pointer !important;
}

.lastErrorOK {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: transparent url('../icons/past_green.png') bottom left
		no-repeat;
}

.lastErrorDisable {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: transparent url('../icons/past_grey.png') bottom left
		no-repeat;
}

.lastErrorCritical {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: transparent url('../icons/past_red.png') bottom left
		no-repeat;
	cursor: pointer !important;
}

.lastErrorMajorMinor {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: transparent url('../icons/past_yellow.png') bottom left
		no-repeat;
	cursor: pointer !important;
}

.priorityTitlePaneIcon {
	display: inline-block;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-top: 3px;
	margin-bottom: 0px;
	padding-right: 3px;
	float: right;
}

.programSelectDiv {
	display: block;
	width: 350px;
	padding: 10px;
	margin-left: 80px;
}

.unscheduledProgramSelect {
	display: inline-block;
	width: 150px;
}

.scheduledProgramSelect {
	display: inline-block;
	width: 150px;
}

.programSelectIcon {
	display: inline-block;
	width: 40px;
	padding-bottom: 16px;
}

.leftIcon {
	margin-left: 12px;
	cursor: pointer;
	width: 15px;
	height: 15px;
	background: transparent url('../icons/TabControlLeft.jpg') no-repeat
}

.rightIcon {
	margin-left: 12px;
	margin-bottom: 20px;
	cursor: pointer;
	width: 15px;
	height: 15px;
	background: transparent url('../icons/TabControlRight.jpg') no-repeat
}

.field-downloadFailure {
	text-align: center !important;
	width: 5%;
}

.field-downloadDelay {
	text-align: center !important;
	width: 5%;
}

.field-urlValidity {
	text-align: center !important;
	width: 5%;
}

.field-keyObtained {
	text-align: center !important;
	width: 5%;
}

.field-key {
	text-align: center !important;
	width: 5%;
}

.field-downloadFailures {
	text-align: center !important;
	width: 5%;
}

.field-downloadDelays {
	text-align: center !important;
	width: 5%;
}

.field-urlValidities {
	text-align: center !important;
	width: 5%;
}

.field-keysObtained {
	text-align: center !important;
	width: 5%;
}

.field-keys {
	text-align: center !important;
	width: 5%;
}

.field-startTime {
	text-align: center !important;
	width: 10%;
}

.field-endTime {
	text-align: center !important;
	width: 10%;
}

.field-bitRate {
	text-align: center !important;
	width: 10%;
}

.assetView .field-index {
	width: 18%;
}

.yes {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: transparent url('../icons/icon_yes_gray.png') bottom left
		no-repeat;
	cursor: pointer !important;
}

.no {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: transparent url('../icons/icon_no_gray.png') bottom left
		no-repeat;
	cursor: pointer !important;
}

.copyToClipboard {
	background-image: url('../icons/new.png');
	width: 14px;
	height: 15px;
	cursor: pointer;
}

.responseValid {
	width: 16px;
	height: 16px;
	background: transparent url('../icons/icon_yes.png') bottom left
		no-repeat;
}

.responseInvalid {
	width: 16px;
	height: 16px;
	background: transparent url('../icons/icon_no.png') bottom left
		no-repeat;
}

.dojoxLegendHorizontal {
	margin: 0px auto;
}

.notificationDialog .dijitDialogPaneContent {
	padding: 0px;
}

.notifCountOuter {
	top: 3px;
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	margin-left: 20px;
	height: 16px;
	border-radius: 8px;
	color: white;
}

.notifCountInner {
	margin-top: -8px;
}

.field-availId {
	width: 2em;
	font-size: 11px;
	text-align: center !important;
}

.field-startEventTime {
	width: 8em;
	font-size: 11px;
	text-align: center !important;
}

.field-endEventTime {
	width: 8em;
	font-size: 11px;
	text-align: center !important;
}

.field-availDuration {
	width: 7em;
	font-size: 11px;
	text-align: center !important;
}

.field-recentSeverity {
	width: 6em;
	font-size: 11px;
	text-align: center !important;
}

.field-filePath {
	width: 35em;
	font-size: 11px
}

.field-clipId {
	width: 5em;
	font-size: 11px;
	text-align: center !important;
}

.downloadRecording {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: transparent url('../icons/icon_download_clip.png') bottom
		left no-repeat;
}

.field-eventId {
	width: 5em;
	font-size: 11px;
	text-align: center !important;
}

.field-command {
	width: 6em;
	font-size: 11px;
	text-align: center !important;
}

.field-splicePoint {
	width: 8em;
	font-size: 11px;
	text-align: center !important;
}

.field-arrivalTime {
	width: 10em;
	font-size: 11px;
	text-align: center !important;
}

.field-eventTime {
	width: 10em;
	font-size: 11px;
	text-align: center !important;
}

.field-immediate {
	width: 6em;
	font-size: 11px;
	text-align: center !important;
}

.field-breakDuration {
	width: 8em;
	font-size: 11px;
	text-align: center !important;
}

.field-autoReturn {
	width: 8em;
	font-size: 11px;
	text-align: center !important;
}

.field-availExpected {
	width: 8em;
	font-size: 11px;
	text-align: center !important;
}

.field-pid {
	width: 3em;
	font-size: 11px;
	text-align: center !important;
}

.field-availNum {
	width: 5em;
	font-size: 11px;
	text-align: center !important;
}

.warningDialogIcon {
	width: 16px;
	height: 16px;
	background-image: url('../icons/icon_error_Warning.png');
	background-repeat: no-repeat;
	padding-left: 20px;
	font-weight: bold;
	font-size: 13px;
}

/*Activity level icons*/
.debugActivityLevel {
	width: 48px;
	height: 20px;
	background: transparent url('../icons/icon_Notification_Med_Debug.png')
		bottom left no-repeat;
}

.criticalActivityLevel {
	width: 48px;
	height: 20px;
	background: transparent
		url('../icons/icon_Notification_Med_Critical.png') bottom left
		no-repeat;
}

.majorActivityLevel {
	width: 48px;
	height: 20px;
	background: transparent url('../icons/icon_Notification_Med_Major.png')
		bottom left no-repeat;
}

.minorActivityLevel {
	width: 48px;
	height: 20px;
	background: transparent url('../icons/icon_Notification_Med_Minor.png')
		bottom left no-repeat;
}

.infoActivityLevel {
	width: 48px;
	height: 20px;
	background: transparent url('../icons/icon_Notification_Med_Info.png')
		bottom left no-repeat;
}

.deleteIcon {
	width: 16px;
	height: 16px;
	background: transparent url('../icons/delete.png') bottom left no-repeat;
	cursor: pointer;
}

.activities .field-Level {
	width: 6em;
	font-size: 11px;
	text-align: center !important;
}

.activities .field-requestSummary {
	width: 23em;
	font-size: 11px;
	text-align: left !important;
}

.activities .field-requestTimeDateTime {
	width: 8em;
	font-size: 11px;
	text-align: center !important;
}

.activities .field-status {
	width: 6em;
	font-size: 11px;
	text-align: center !important;
}

.activities .field-responseSummary {
	width: 15em;
	font-size: 11px;
	text-align: center !important;
}

.activities .field-monitorName {
	width: 6em;
	font-size: 11px;
	text-align: center !important;
}

.activities .dgrid {
	border: none;
	height: 100%;
}

.activities .dgrid-page-size {
	margin: 2px 1px 0px 4px;
}

.monitorIcon {
	width: 16px;
	height: 16px;
	background: transparent url('../icons/icon-monitor.png') bottom left
		no-repeat;
}

.managerIcon {
	width: 48px;
	height: 20px;
	background: transparent url('../icons/icon-manager.png') bottom left
		no-repeat;
}

/*notifications grid styling*/
.notifications .field-severity {
	width: 5em;
	font-size: 11px;
	text-align: center !important;
}

.notifications .field-description {
	width: 30em;
	font-size: 11px;
	text-align: left !important;
}

.notifications .field-reason {
	width: 15em;
	font-size: 11px;
	text-align: center !important;
}

.notifications .field-timeStamp {
	width: 8em;
	font-size: 11px;
	text-align: center !important;
}

.notifications .field-monitorName {
	width: 6em;
	font-size: 11px;
	text-align: center !important;
}

.notifications .dgrid {
	border: none;
	height: 100%;
}

.notifications .dgrid-page-size {
	margin: 2px 1px 0px 4px;
}

.monitorStatusHolder {
	height: 170px;
	overflow: auto;
}

.notificationHolder {
	height: 120px;
	overflow: auto;
}

.notificationHolder .field-index {
	width: 2em;
	font-size: 11px;
	text-align: center !important;
}

.notificationHolder .field-severity {
	width: 3em;
	font-size: 11px;
	text-align: center !important;
}

.notificationHolder .field-description {
	width: 50em;
	font-size: 11px;
	text-align: left !important;
}

.notificationHolder .field-reason {
	width: 15em;
	font-size: 11px;
	text-align: center !important;
}

.notificationHolder .field-timeStamp {
	width: 10em;
	font-size: 11px;
	text-align: center !important;
}

.notificationHolder .field-monitorName {
	width: 8em;
	font-size: 11px;
	text-align: center !important;
}

.notificationHolder .dgrid {
	border: none;
	height: 100%;
}

.statusRedBlinking {
	width: 10px;
	height: 10px;
	background-image: url('../icons/red_blinking_bullet.gif');
}

.statusYellow {
	width: 10px;
	height: 10px;
	background-image: url('../icons/yellow_bullet.jpg');
}

.helpIconLarge {
	width: 16px; 
	height: 16px;
	background-image: url('../icons/icon_cshelp.svg');
	cursor: help;	
	margin-right:-17px;
}
.helpIconLarge:hover{
	background-image: url('../icons/icon_cshelp_hover.svg');
}
.reloadIconLarge {
	width: 16px; 
	height: 16px;
	background-size: cover;
	background-repeat: no-repeat;
    background-position: center center;  
	background-image: url('../icons/refresh.png');
	cursor: pointer;	
}

.reloadFirewallIconLarge {
	width: 20px; 
	height: 20px;
	background-size: cover;
	background-repeat: no-repeat;
    background-position: center center;  
	background-image: url('../icons/reload_firewall.svg');
	cursor: pointer;	
}
.reloadFirewallIconLarge:hover{
	background-image: url('../icons/reload_firewall_hover.svg');
}

.admin-icon{
	float: right;
	display: inline-block;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	margin-top: 14px;
	margin-bottom: 2px;
	margin-right: 15px;
	background-image: url('../icons/adminLight.svg');
	background-position: 0px;
	cursor: pointer !important;
	}