/*
 * SUMMARY: Main stylesheet.
 *
 *          See SubTheme.css for product specific colors.
 *
 *****************************************************************************/

/*****************************************
 * Global Website Styles
 *****************************************/
*
{
	font-family: Helvetica, Arial;
	font-size: 12px;
}

body
{
	font-family: Helvetica, Arial;
	padding: 0;
	margin: 0;
}

a
{
	font-size: 12px;
}

li
{
	padding: 5px;
}

label
{
	font-size: 12px;	
}

hr
{
	border: solid #cccccc 0px;
	height: 1px;
	color: #cccccc;
	background-color: #cccccc;
	width: 100%;
}

img
{
	border: 0;
}

/*****************************************
 *  Header/Title Bar Styles
 *****************************************/
.header_div
{
	background-color: white;
	margin: 0 10px;
}

.header_menu
{
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	width: 100%;
	color: black;
	background-color: white;
}

.header_table
{
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 0;
}

.header_title
{
	color: black;
	font-size: 16px;
	font-weight: bold;
}

.header_text
{
	color: black;
	font-size: 12px;
}

.header_link
{
	color: #009DDC;
	font-size: 12px;
}

a.header_link:link
{
	text-decoration: none;
}

a.header_link:active
{
	text-decoration: none;
}

a.header_link:hover
{
	text-decoration: none;
}

a.header_link:visited
{
	text-decoration: none;
}

/*****************************************
 *  Body Styles
 *****************************************/
.body_div
{
	background-color: white;
	margin: 10px;
}

/*****************************************
 *  Footer Styles
 *****************************************/
.footer_div
{
	border-top-width: 1px;
	border-top-style: dotted;
	background-color: White;
	height: 30px;
	color: #666666;
	font-size: 10px;	
	padding: 2px 0 4px 10px;
}

.footer_div a
{
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

/*****************************************
 *  Main Drop Down Menu Styles
 *****************************************/
.main_menu
{
	background-color: inherit;	
}

.main_menu_item
{
	height: 22px;	
	padding-left: 4px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;	
	background-color: white;
	color: black;		
	font-size: 11px !important;
	font-family: Helvetica, Arial, sans-serif !important;	
	font-weight: bold;	
}

.main_menu_item a:hover
{	
	color: White;
}

.sub_menu
{
	border-color: #666666 !important;
	border-left-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-style: solid;
	overflow: hidden;
	z-index: 1;
}

.sub_menu_item
{
	overflow: hidden;
	height: 29px;
	padding: 0 5px;
	line-height: 29px;
	font-size: 11px !important;
	font-family: Helvetica, Arial, sans-serif !important;
	font-weight: bold;
	color: black;
	border-color: #666666 !important;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 0;
	border-style: solid;
}

.sub_menu_item a
{
	display: block;
	width: 100%;
	overflow: visible;
}

a[disabled="true"]
{
	color: Gray;
}

.logout_item
{
	height: 22px;	
	padding-left: 8px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;	
	background-color: white;
	color: black;		
	font-size: 11px !important;
	font-family: Helvetica, Arial, sans-serif !important;	
	font-weight: bold;	
}

a.logout_item:link
{
	text-decoration: none;
}

a.logout_item:active
{
	text-decoration: none;
}

a.logout_item:hover
{
	text-decoration: none;
}

a.logout_item:visited
{
	text-decoration: none;
}

/*****************************************
 * Content Page Title Styles
 *****************************************/
span.content_subtitle
{
	font-size:20px;
	font-weight: bold;	
}

span.content_subtitle_small
{
	font-size:16px;
	font-weight: bold;
	color: #909090;
}

span.content_subtitle_highlighted
{
	font-size:18px;
	font-weight: bold;
	color: #333333;
	padding-left: 3px;
}

span.content_subtitle_small_highlighted
{
	font-size:16px;
	font-weight: bold;
	color: #606060;
	padding-left: 3px;
}

span.content_subtitle_error
{	
	font-size: 20px;
	font-weight: bold;
	color: Red;
}

/*****************************************
 * Login Form Styles
 *****************************************/
.loginform
{
	border: solid black 2px;
	background-color: white;
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 60px;
}

.loginform *
{ 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;	
}

.loginform td
{ 
	text-align: center;
}

.loginformtitle
{
	background-color: white;
	color: black;
}

/*****************************************
 * Data grid styles
 *****************************************/
.datagrid_title
{	
	color: white;		
	background-color: #009DDC;	
	font-weight: bold;
}

.datagrid_title a
{	
	color: white;			
}

table.multiedit
{
	border-collapse: collapse;	
	width:100%;
}

table.multiedit td
{
	border: solid #CFCFCF 1px;
	background-color: #FFFFFF;
	padding: 3px;
	vertical-align: middle;
	white-space: nowrap;
	text-align: left;
}
	
table.multiedit th
{
	border: solid #CFCFCF 1px;
	background-color: #DCDCDC;
	padding: 3px;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	white-space: nowrap;
}
/*****************************************
 * Special Text Styles
 *****************************************/
span.action
{
	font-size:12px;
	font-weight: bold;
}

span.filesystem
{
	font-size: 11px;
	font-family: Trebuchet MS;
	font-weight: bold;
	color: #6699CC;
}

span.hint
{
	font-size:10px;
	color:#333333;	
	font-weight:normal;
}

span.result
{
	font-size:11px;	
	color:red;	
	font-family: Verdana;
}

span.tiny
{
	font-size:9px;
}

span.validator
{
	font-size:10px;
	font-style:italic;
	color:red;	
}

span.Error
{	
	color: Red;	
}

span.Success
{	
	color: Green;	
}

span.Online
{
	color: Green;	
}

span.Offline
{
	color: Red;
}

span.NotResponding
{
	color: Orange;
}

/*****************************************
 * Message panel style
 *****************************************/
div.messagePanelInformation
{
	background-color: #FFFFD0;
	border: solid yellow 1px;
	padding: 5px;
	font-size: 10px;
	margin-bottom: 10px;
}

div.messagePanelError
{
	background-color: #FFCCCC;
	border: solid red 1px;
	padding: 5px;
	font-size: 10px;
	margin-bottom: 10px;
}

div.messagePanelSuccess
{
	background-color: #CCFFCC;
	border: solid green 1px;
	padding: 5px;	
	margin-bottom: 10px;
}

div.messagePanelWarning
{
	background-color: #FFFFD0;
	border: solid yellow 1px;
	padding: 5px;	
	margin-bottom: 10px;
}

div.messagePanelError *, 
div.messagePanelSuccess *,
div.messagePanelWarning *,
div.messagePanelInformation *
{
	font-family: Verdana, Helvetica;
	font-size: 11px;
}

/*****************************************
 * Form Control Styles
 *****************************************/
input[type="submit"], input[type="button"], button
{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	width: 100px;
	height: 26px;
	border-color: black;
	border-width: 1px;
	color: white;
}

input[type="checkbox"]
{
}

input[type="text"], input[type="password"], select
{
	font-family:Verdana;
	font-size:10px;
	color:#333333;
}

input[type="text"][disabled]
{	
	color:#878787;
}

input[type="radio"]
{
	width:12px;
	height:12px;
	margin-right:5px;
}

.inputLong
{
	width: 300px !important;
}

/*****************************************
 * "Action" Toolbar Styles
 *****************************************/
.toolbar_table
{
	border-collapse: collapse;
	border: 0;
}

.toolbar_table td
{
	padding: 2px;
}

.toolbar_table input[type="submit"], button
{
	width: 150px;
}

/*****************************************
 * Context Menu Styles
 *****************************************/
.popup_panel
{
	border: solid #666666 1px;
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: 10px;	
}

.popup_panel *
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
}

.popup_panel td
{	
	padding: 4px;
	width: 250px;	
}

.popup_panel td:hover
{	
	background-color: #e0e0e0;
}

.popup_panel a
{
	font-size: 10px;
	color: #165A9E;
	text-decoration: none;
}

.popup_panel_title
{		
	background-color: #f0f0f0;			
}

.popup_panel_title span
{	
	font-family: Verdana;
	font-weight: bold;	
	font-size: 10px;
	color: #165A9E;	
	background-color: #f0f0f0;			
}

.popup_panel_title td:hover
{	
	background-color: #f0f0f0;
}


/*****************************************
 Input Forms definitions
 *****************************************/
.inputpanel
{
	width: 500px;			
}

.table_inputform *
{		
	font-size: 11px;	
}

.table_inputform label
{
	font-family: Arial;
	font-size: 10px;	
}

.table_inputform input[type="text"], input[type="password"], select
{
	width:150px;
}

.cell_inputform_label
{
	font-weight: bold;
	text-align: left;
	width: 150px;
	vertical-align: top;
}

.cell_inputform_entry
{
	text-align: left;
	vertical-align:top;
	width: 400px;
}

.table_versions
{
	border: 0px;	
}

.table_versions span
{
	font-size:10px;
	font-family:Verdana;	
}

.table_versions_title
{
	width:150px;	
}

/*****************************************
 Item lists table definition
 *****************************************/
.table_itemlist
{
	border-collapse: collapse;	
}

.table_itemlist *
{
	font-size:11px;		
	font-family: Verdana;	
}

.table_itemlist td
{	
	padding: 4px;	
}

.row_itemlist_title
{
	background-color: #e0e0e0;
	color: #444444;		
	font-weight: bold;	
}

.row_itemlist_title td
{		
	padding: 5px;	
	text-align:left;	
	vertical-align: middle;
}

.row_itemlist_item_odd
{
	background-color: #ffffff;
	vertical-align: top;
}

.row_itemlist_item_even
{
	background-color: #e0e0e0;
	vertical-align: top;
}

.row_gridviewlist_title
{
	background-color: #e0e0e0;
	color: #444444;		
	font-weight: bold;	
}

.row_gridviewlist_title a
{
	color: White;
}

.row_gridviewlist_item_odd
{
	background-color: #ffffff;
	vertical-align: top;
	padding:5px 10px 5px 10px;
}

.row_gridviewlist_item_even
{
	background-color: #e0e0e0;
	vertical-align: top;
}

.configPanel
{
	border: solid #e0e0e0 4px;
	padding: 15px;
	width: 800px;
}

/* Device status table definition */
.deviceStatusPanel
{	
	padding: 5px;	
}

.deviceStatusTitle
{
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;		
	color: #505050;
}

.deviceStatusTable *
{
	font-family: Verdana;
	font-size: 10px;	
}

.deviceStatusTable td
{
	width:150px;		
	text-align: left;
}

div.statistics 
{ 
	overflow: auto; 
	width:auto;
}

/*****************************************
 *  ASPxMenu Menu Styles
 *****************************************/
.dxmMenu_librestream a, 
.dxmSubMenu_librestream a
{	
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;	
	font-weight: bold;
	color: black;
	text-decoration: none;
}
.dxmMenu_librestream
{	
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: black;
	background-color: inherit;
}
.dxmMenuItem_librestream span, 
.dxmMenuItemWithImage_librestream span, 
.dxmMenuItemWithPopOutImage_librestream span, 
.dxmMenuItemWithImageWithPopOutImage_librestream span
{
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
}
.dxmMenuItem_librestream, 
.dxmMenuItemWithImage_librestream, 
.dxmMenuItemWithPopOutImage_librestream, 
.dxmMenuItemWithImageWithPopOutImage_librestream
{
	height: 22px;
	background-color: white;
	color: black;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;	
	font-weight: bold;	
	white-space: nowrap;
}
.dxmMenuItem_librestream, 
.dxmMenuItemWithImage_librestream,
.dxmMenuItemSelected_librestream, 
.dxmMenuItemSelectedWithImage_librestream
{	
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 6px;
}
.dxmMenuItemWithPopOutImage_librestream, 
.dxmMenuItemWithImageWithPopOutImage_librestream,
.dxmMenuItemSelectedWithPopOutImage_librestream, 
.dxmMenuItemSelectedWithImageWithPopOutImage_librestream
{
	padding-top: 1px;
	padding-right: 7px;
	padding-bottom: 1px;
	padding-left: 6px;
}
.dxmMenuItemSelected_librestream, 
.dxmMenuItemSelectedWithImage_librestream, 
.dxmMenuItemSelectedWithPopOutImage_librestream, 
.dxmMenuItemSelectedWithImageWithPopOutImage_librestream
{
	background-color: white;
}
.dxmSubMenu_librestream
{	
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;	
	font-weight: bold;
	color: black;
	background-color: white;
	border-color: #666666;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-style: solid;
	overflow: hidden;
	z-index: 1;
}
.dxmSubMenu_librestream a
{
	display: block;
	width: 100%;
	overflow: visible;
}
.dxmSubMenuItem_librestream, 
.dxmSubMenuItemWithImage_librestream, 
.dxmSubMenuItemWithPopOutImage_librestream, 
.dxmSubMenuItemWithImageWithPopOutImage_librestream
{	
	overflow: hidden;	
	height: 29px;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;	
	font-weight: bold;
	color: black;
	white-space: nowrap;
	border-color: #666666;
	border-left-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 0;
	border-style: solid;
}
.dxmSubMenuItem_librestream, 
.dxmSubMenuItemWithImage_librestream,
.dxmSubMenuItemSelected_librestream,
.dxmSubMenuItemSelectedWithImage_librestream,
.dxmSubMenuItemHover_librestream,
.dxmSubMenuItemHoverWithImage_librestream
{
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
}

.dxmSubMenuItemWithPopOutImage_librestream,
.dxmSubMenuItemWithImageWithPopOutImage_librestream,
.dxmSubMenuItemSelectedWithPopOutImage_librestream, 
.dxmSubMenuItemSelectedWithImageWithPopOutImage_librestream,
.dxmSubMenuItemHoverWithPopOutImage_librestream, 
.dxmSubMenuItemHoverWithImageWithPopOutImage_librestream
{
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 8px;
}

.dxmSubMenuBorderCorrector_librestream
{
    position: absolute;
    border: 0px;
    padding: 0px;
}

/*****************************************
 *  ASPxTabControl and ASPxPageControl Styles
 *****************************************/
.dxtcPageContent_librestream, 
.dxtcPageContentWithTabPositionBottom_librestream, 
.dxtcPageContentWithTabPositionLeft_librestream, 
.dxtcPageContentWithTabPositionRight_librestream,
.dxtcPageContentWithoutTabs_librestream
{	
	background-color: white;
	vertical-align: top;
	border: solid 1px #009DDC !important;
}

/* Active Tab */
.dxtcActiveTab_librestream, 
.dxtcActiveTabWithTabPositionBottom_librestream,
.dxtcActiveTabWithTabPositionLeft_librestream, 
.dxtcActiveTabWithTabPositionRight_librestream
{
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;	
	font-weight: bold;
	color: white;	
	border: solid 1px #01639E;
	padding: 3px 12px 4px 12px;
	background-color: #009DDC;
	text-align: center;
}

.dxtcActiveTab_librestream table.dxtc, 
.dxtcActiveTabWithTabPositionBottom_librestream table.dxtc,
.dxtcActiveTabWithTabPositionLeft_librestream table.dxtc, 
.dxtcActiveTabWithTabPositionRight_librestream table.dxtc
{
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;	
	font-weight: bold; 	
}

.dxtcActiveTab_librestream td.dxtc, 
.dxtcActiveTabWithTabPositionBottom_librestream td.dxtc,
.dxtcActiveTabWithTabPositionLeft_librestream td.dxtc, 
.dxtcActiveTabWithTabPositionRight_librestream td.dxtc
{
	white-space: nowrap;
    background-color: transparent!important;
    background-image: url('')!important;
    border-width: 0px!important;
    padding: 0px!important;
}

/* Tab */
.dxtcTab_librestream, 
.dxtcTabWithTabPositionLeft_librestream, 
.dxtcTabWithTabPositionBottom_librestream, 
.dxtcTabWithTabPositionRight_librestream
{
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;	
	font-weight: bold; 
	color: #A9A9A9;  
	background-color: #005C8C;
	border: solid 1px #000000;
	padding: 3px 12px 4px 12px;
	text-align: center;
}
.dxtcTab_librestream table.dxtc, 
.dxtcTabWithTabPositionBottom_librestream table.dxtc, 
.dxtcTabWithTabPositionLeft_librestream table.dxtc, 
.dxtcTabWithTabPositionRight_librestream table.dxtc
{
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;	
	font-weight: bold;  
}

.dxtcTab_librestream td.dxtc, 
.dxtcTabWithTabPositionBottom_librestream td.dxtc, 
.dxtcTabWithTabPositionLeft_librestream td.dxtc, 
.dxtcTabWithTabPositionRight_librestream td.dxtc
{
	white-space: nowrap;
    background-color: transparent!important;
    background-image: url('')!important;
    border-width: 0px!important;
    padding: 0px!important;
}

/* Hover */
.dxtcTabHover_librestream, 
.dxtcTabHoverWithTabPositionBottom_librestream,
.dxtcTabHoverWithTabPositionLeft_librestream, 
.dxtcTabHoverWithTabPositionRight_librestream
{
	background-color: #0083B4;
}

fieldset {
	width: 100%;    
	margin: 0 0 0 0;    
	padding: 0 5px 1.5em 0;  
	border: 0;	
}  
legend {   
	margin: 0 0 0 0;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;		
	color: #505050;
	padding-bottom: 5px;
}  
fieldset ol {   
	padding: 0;
	margin: 0;
	list-style: none;  
}  
fieldset li 
{
	float: left;    
	clear: left;    
	font-family: Arial;
	font-size: 11px;
	padding-bottom: 0;  
}
fieldset li label {    
	float: left;    
	width: 10em;    
	margin-right: 1em;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	width: 125px;
}
fieldset li input 
{
	width:175px;	
}
fieldset li span.validation * {
	position: relative;
	left: 0.2em;       
	top: 0.2em;       
	width: 19em;       
	color: #C00;       
	font-size: 85%;       
	font-weight: bold; 
}