﻿/* ---------------------------------------------------------------------------
			PAGE DEFAULT STYLES
--------------------------------------------------------------------------- */
/* t,r,b,l */


body ,textarea
{ 
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
}


h1 {font-size: 24px; }

.inline {display:inline;}

.block {display:block;}

.nodisplay{display:none; visibility:hidden;}

.nobr {white-space:nowrap;}

.showBorder{border:solid 1px black;}

img.floatLeft 
{ 
    float: left; 
    margin: 4px; 
}
img.floatRight 
{ 
    float: right; 
    margin: 0px; 
    padding: 0px;
}

img.linkButton
{
	margin:0px 4px 0px 0px;
}

.floatLeft
{
	float:left;
}

.labelMiddle
{
	 vertical-align:middle;
	 line-height:21px;
}

.noteStyleNormal
{
	font-size: 10px;
	font-weight:normal;
	text-align: center;
}

.successStyle
{
	font-size: 12px;
	font-weight: bold;
	color:Green;
	text-align: center;
}

.successStyleLeft
{
	font-size: 12px;
	font-weight: bold;
	color:Green;
	text-align: left;
}

.successStyleLarge
{
	font-size: 15px;
	font-weight: bold;
	color:Green;
	text-align: center;
}

.errorstyle {
	font-size: 12px;
	font-weight: bold;
	color: Red;
	text-align: center;
}

.errorstyleleft
{
	font-size: 12px;
	font-weight: bold;
	color: Red;
	text-align: left;
}

.errorPanel
{
	margin-top:15px;
	margin-left:185px;
	width:570px;
	border: solid 2px #D3D3D3;
	color:black;
	padding:4px;
	font-size:13px;
}


.warningPanel
{
	margin-top:15px;
	width:470px;
	color:Red;
	padding:4px;
	font-size:14px;
}

.spamWarning
{
	font-size: 14px;
	font-weight: bold;
	color: Red;
	text-align: left;
	text-decoration:underline;
}

.button
{
	border: solid 2px black;
	background-color: Silver;
	margin: 2px 2px 2px 5px;
	cursor: pointer;
}

.msaspbutton
{
	border:solid 1px black;
	background-color:#EEEEEE;
	padding:3px 3px 3px 3px;
	margin:0px 5px 0px 5px;
	cursor:pointer;
	width:auto;
	overflow:visible;
}

input.msaspbutton:hover
{
	background-color:White;
}

input.msaspbutton:focus
{
	border:solid 1px black;
}

.defaultDevxPanelHeader
{
	font-size:14px;
	font-weight:bold;
}

.defaultDevxInlineButton,
.defaultDevxInlineButtonRt
{
	display:inline;
}

.defaultDevxInlineButtonRt
{
	margin-left:10px
}

/***************************************************************************/
/* Default Page Styles                                                     */
/**************************************************************************/

.mainTabContainer
{
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
}
.defaultTabContainer
{
	width:auto;
	height:auto;
}

.statusMessage
{
	position: absolute; 
	top:0px;
	display: none; 
	/*background-color: #FFF1A8; */
	background-color: Yellow;
	border:solid 1px black; 
	font-size:14px;
	padding:3px;
}

.TrackingUserPopup
{
	font-family:Verdana,Arial, Helvetica;
}

.NoTrackingUsersMessage
{
	margin-top:5px;
	font-size:14px;
	font-style:italic;
	padding:5px;
}

.TrackingUserPopupTree
{
	overflow:auto;
}

.TrackingUserPopupTree .selectedNode
{
	background-color:Transparent;
	background-image:none !important;
	color:Black;
}

.TrackingUserPopupTree .nodePanel
{
	width:100%;
	font-family:Verdana,Arial, Helvetica;
	padding:0px;
}

.TrackingUserPopupTree .nodeImage
{
	margin:0px;
	padding:0px;
}

.TrackingUserPopupTree .TreeRootStyle,
.TrackingUserPopupTree .TreeNodeStyle,
.TrackingUserPopupTree .TreeGroupNodeStyle,
.TrackingUserPopupTree .TreeNodeNoUserStyle
{
	white-space:nowrap;
	padding:0px 0px 0px 0px;
	font-size:13px;
}

.TrackingUserPopupTree .TreeNodeStyle
{
	cursor:pointer;
}

.TrackingUserPopupTree .TreeRootStyle
{
	font-weight:bold;
	font-size:14px;
}

.TrackingUserPopupTree .TreeGroupNodeStyle
{
	color:Navy;
}

.TrackingUserPopupTree .TreeNodeNoUserStyle
{
	font-style:italic;
	font-size:12px;
}

/* landmark tree styles */
.LandmarkPopup
{
	/* devx popup not seeing this */
	font-family:Verdana,Arial, Helvetica;
}

.NoLandmarksMessage
{
	margin-top:5px;
	font-size:14px;
	font-style:italic;
	padding:5px;
}

.LandmarkPopupTree
{
	overflow:auto;
}

.LandmarkPopupTree .selectedNode
{
	background-color:Transparent;
	background-image:none !important;
	color:Black;
}

.LandmarkPopupTree .nodePanel
{
	width:100%;
	font-family:Verdana,Arial, Helvetica;
	padding:0px;
}

.LandmarkPopupTree .nodeImage
{
	margin:0px;
	padding:0px;
}

.LandmarkPopupTree .TreeRootStyle,
.LandmarkPopupTree .TreeNodeStyle,
.LandmarkPopupTree .DisabledTreeNodeStyle
{
	white-space:nowrap;
	padding:0px 0px 0px 0px;
	font-size:13px;
}

.LandmarkPopupTree .TreeNodeStyle
{
	cursor:pointer;
}

.LandmarkPopupTree .TreeRootStyle
{
	font-weight:bold;
}

.LandmarkPopupTree .DisabledTreeNodeStyle
{
	cursor:pointer;
	color:Gray;
}

.TreeViewPopupBottom
{
	margin-top:5px;
	height:40px;
	border-top:solid 1px black;
}

.TreeViewPopupBottom .refreshButton
{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

/***************************************************************************/
/* styles for header area and menus, icons, effects                        */
/**************************************************************************/
div#header
{
	position:relative;
}

.menuQuickIcons {
	float:left;
	background-image:url(../images/header/menu_quick_icons_bg.gif);
	background-repeat:repeat-x;
	vertical-align:top;
	height: 74px;
	width: 80px;
	text-align:center;
}

.menuQuickIcons a:link {
	font-size:12px;
	color:#003366;
	font-family: Arial;
	text-decoration:none;
}

.menuQuickIcons a:visited {
	font-size:12px;
	color:#003366;
	font-family: Arial;
	text-decoration:none;
}

.menuQuickIcons a:active {
	font-size:12px;
	color:#999999;
	font-family: Arial;
	text-decoration:none;
}

.menuQuickIcons a:hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}

.disabledIcon span
{
	font-size:12px;
	color:Gray;
	font-family: Arial;
	text-decoration:none;
}

.menuSelected {
	float:left;
	background-image:url(../images/header/menu_selected_bg.jpg);
	background-repeat:repeat-x;
	vertical-align:top;
	height: 74px;
	width: 88px;
	text-align:center;
}

.menuSelected a:link {
	font-size:12px;
	color:#000000;
	font-family: Arial;
	text-decoration:none;
}

.menuSelected a:visited {
	font-size:12px;
	color:#000000;
	font-family: Arial;
	text-decoration:none;
}

.menuSelected a:active {
	font-size:12px;
	color:#000000;
	font-family: Arial;
	text-decoration:none;
}

.menuSelected a:hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}

.menuItems {
	float:left;
	background-image:url(../images/header/menu_items_bg.gif);
	background-repeat:repeat-x;
	vertical-align:top;
	height: 74px;
	width: 88px;
	text-align:center;
}

.menuItems a:link {
	font-size:12px;
	color:#FFFFFF;
	font-family: Arial;
	text-decoration:none;
}

.menuItems a:visited {
	font-size:12px;
	color:#FFFFFF;
	font-family: Arial;
	text-decoration:none;
}

.menuItems a:active {
	font-size:12px;
	color:#EEEEEE;
	font-family: Arial;
	text-decoration:none;
}

.menuItems a:hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #CCDDEE;
	text-decoration: underline;
}

.subMenu 
{
	text-align:center;
	clear:both; 
	position:absolute; 
	left:245px;
	top:74px; 
	width:584px;
	padding:3px 3px; 
	border:1px solid #112a61; 
	border-top:0px; 
	background-image:url(../images/header/submenu_bg.gif);
}

.subMenu a:link {
	padding-left: 5px;
	padding-right: 5px;
	font-size:12px;
	color:#003366;
	text-decoration:none;
}

.subMenu a:visited {
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	color:#003366;
	text-decoration:none;
}

.subMenu a:active {
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	color:#999999;
	text-decoration:none;
}

.subMenu a:hover {
	padding-left:4px;
	padding-right:4px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color:#eeeeee;
	border:1px solid #000066;
}

.subMenu normal
{
	font-size:12px;
	border:0px;
	background-color:transparent;
	padding:0px 4px 0px 4px;
}

/***************************************************************************/
/* geostream and other mapping styles                                      */
/**************************************************************************/

.mapViewContainer
{
	padding:0px 0px 0px 0px;
}

.zoomTool
{
	visibility:hidden;
	position:absolute;
	cursor:pointer;
	left:0px; /* default position- out of the way */
	top:0px; /* default position- out of the way */
	z-index:70;
}

/* from TeloGIS */
.map-container
{
	cursor:pointer;
}

/* from TeloGIS */
.geostream-map
{
	cursor:pointer;
	border:solid 1px #000000;
	border-top:0px;
}

/* from TeloGIS */
.balloon
{
    background-color: #F7FFD1;
    border: 1px solid #000000;
    font-family: Arial;
    font-size: 10px;
    padding: 3px 3px 3px 8px;
    margin: 0px;
    width: 120px;
}

.landmarkBalloon
{
    background-color: #99F694;
    border: 1px solid #000000;
    font-family: Arial;
    font-size: 10px;
    padding: 3px 3px 3px 8px;
    margin: 0px;
}

.balloonText
{
    font-family: Arial;
    font-size: 12px;
    white-space:nowrap;
}

/***************************************************************************/
/* map navigation bar                                                      */
/**************************************************************************/

.mapMarks {
	position:absolute; 
	left:17px;
} 

.mapbarButton,
.mapTitleButton a.titleLink
{	
	background-image:url(../images/map_bar/small_button_bg.png);
	color:#FFFFFF;
	font-weight:bold; 
	height:22px; 
	float:left; 
	font-size:10px;
}

.mapTitleButton a.titleLink
{
	text-decoration:none;
	margin:0px;
	padding:0px;
}

.mapTitleBar
{
	background-image:url(../images/map_bar/map_bar_bg.gif); 
	height:25px; 
	border:1px solid #000000; 
	padding-top:3px; 
}

.mapTitleButton
{
	float:left;
	margin-left:10px;
}

.mapErrorMessage
{
	color:Red;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
}

/***************************************************************************/
/* tree view area on mapping page                                          */
/**************************************************************************/

.trackingUsersContainer
{
	float:left;
	width:225px;
	margin-left:10px;
	background-image:url(../images/user_groups/full_bg.gif);
}

.treeViewLinks
{
	float:left;
	padding-top:5px;	
	background-image:url(../images/user_groups/top_bg.png);
	background-position:top;
	background-repeat:repeat-x;
	width:205px;
}

.treeViewLinks a
{
	color:#FFFFFF;
}

.treeView_root
{
	font-size: 16px;
	font-family:Arial;
	color:#024988;
	font-weight:bold;
	text-align: left;
	padding-right: 5px;
}

.treeView_parent
{
	font-size: 12px;
	font-family:Arial;
	color:#758096;
	text-align: left;
	font-weight:bold;
	padding-right:3px;
}

.treeView_leaf
{
	font-size: 9px;
	color:#000000;
	font-family:Arial;
	background-color:#F4F4F4;
	text-align: left;
	padding-right: 5px;
}


/***************************************************************************/
/* history styles                                                         */
/**************************************************************************/

.historyContainer
{
	background-color:#FFFACD;
}

.historyFormButton div,
.historyFormButton span,
.historyFormButton table td,
.historyFormButton td.dxbButton,
.historyFormButton div.dxb,
.historyFormButton div.dxb span
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.popupHistoryFormContainer
{
	width:230px;
	text-align:left;
}


.historyTabContainer
{
	margin:15px 0px 0px 0px;
	padding: 0px;
	clear:both;
}

.historyTableContainer
{
	width:100%;
}

.mapHistoryViewContainer
{
	padding:5px 5px 5px 5px;
}

.userSelectBox
{
	border:solid 1px #000000;
}
.userSelectBody
{
	border:solid 1px #000000;
	background-color:#dbe0e7;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 10px 5px;
}

.dateRangeBox
{
	border:solid 1px #000000;
}
.dateRangeBody
{
	border:solid 1px #000000;
	height:auto;
	background-color:#dbe0e7;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 10px 5px;
}

.historyerrorstyle
{
	font-size: 12px;
	color: Red;
	text-align: left;
}

.optionsBox
{
	border:solid 1px #000000;
	margin:5px 0px 0px 0px;
}
.optionsBody
{
	border:solid 1px #000000;
	background-color:#dbe0e7;
	padding: 2px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}


.ckbxOptions
{
	font-size:11px;
	float:left;
	color:Black;
}

/* devx fix */
.optionsBox .dxeBase
{
	font-size:11px;
}

.disabledCkbxOption
{
	color:Gray;
	font-size:11px;
	display:block;
}

.userSelectHeader,
.dateRangeHeader,
.optionsHeader
{
	background-image:url(../images/map_bar/small_button_bg.png);
	background-repeat:repeat-x;
	height:20px;
	padding:2px 2px 2px 5px;
}

.historyHeaderText
{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.timeFilter
{
	float:left;
	margin-right:5px;
}

.filterButton div
{
	padding:2px;
}

/* applies to date elements for history search */
.historyDateEdit
{
	float:left;
	margin-right:4px;
}

.historyBodyText,
.historyCalText,
.historyOptionsText
{
	color:#000000;
	font-size:12px;
}
.historyCalText
{
	width:40px;
}

.historyOptionsText
{
	font-size:11px;
	float:left;
	padding-top:2px;
	margin-left:5px;
	margin-right:2px;
}

.userSelectDDL
{
	font-size:12px;
}


/* includes/contains label, cal edit box */
.calendarTextbox
{
	margin:5px 2px 0px 0px;
	font-size:11px;
	clear:both;
}

.calendarTextbox input
{
	font-size:12px;
}

.reportSelectDateEdit
{
	float:left;
	margin-right:4px;
}

.optionsBox .spinbox input
{
	font-size:11px;
}


.mapNavMessage
{
	margin-left:15px;
	line-height:2em;
	vertical-align:middle;
	font-weight:bold;
}

.historyGridMsg
{
	font-weight:bold;
}

/***************************************************************************/
/*                             tab styles                                  */
/**************************************************************************/


/********************* Landmarks and Violation zones **********************/
.landmarkFormPanel
{
	height:0px;
	overflow:hidden;
}

.landmarkDeletePopup .checkboxContent
{
	clear:both;
	margin-top:10px;
	padding: 3px;
	/*overflow:scroll; */
}


/********************* Web User Config tab styles   **************************/

.webUserConfigFormPanel
{
	height:0px;
	overflow:hidden;
}

.webUserConfigFormPanel .passwordHelp
{
	font-style:italic;
	font-weight:bold;
	color:Gray;
}


/***************************************************************************/
/*                       Report (batch reporting)                          */
/**************************************************************************/
.reportsFormPanel
{
	height:0px;
	overflow:hidden;
}

.reportSelectContainer
{
}

.batchReportgridTitle
{
	font-size:14pt;
	vertical-align:top;
}

.reportNote
{
	margin-left:100px;
	font-size: 10px;
	font-weight:normal;
}

.reportJobHelpMsg
{
	font-weight:bold;
}

.reportScheduleContainer
{
	margin-left:0px;
	min-height:520px;
	height:auto !important;
	height:520px;
}

.reportScheduleTime
{
	display:inline;
	vertical-align:bottom;
	margin-left:5px;
	margin-right:3px;
}

.reportJobGeneral
{
	border:solid 1px #000000;
}

.reportJobDelivery
{
	border:solid 1px #000000;
	width:375px;
	float:left;
	margin-left:10px;
}

.dateRangeBody2
{
	height:auto;
	background-color:#dbe0e7;
	margin: 0px 0px 0px 0px;
	border:solid 1px #000000;
	padding: 2px 5px 10px 5px;
}

.dateRangeTabStyleActive
{
	background-color:#ff0000; 
}

.dateRangeTabStyleInactive
{
    background-color:#c0c0c0;
}

.reportSelectionPanelStyle
{
margin-top:0px;
margin-bottom:5px; 
margin-right:15px;
width:230px;
text-align:left; 
float:left;
}

.reportParmPanelStyle
{
margin-top:0px;
margin-bottom:5px; 
}

.rptShowBorder
{
    border:solid 1px red;
}

.reportSelectBox
{
	border:solid 1px #000000;
}

.reportSelectBody
{
	border:solid 1px #000000;
	background-color:#dbe0e7;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 10px 5px;
}

.reportSelectHeaderText
{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.reportSelectBodyText,
.reportSelectCalText,
.reportSelectOptionsText
{
	color:#000000;
	font-size:12px;
}
.reportSelectCalText
{
	width:40px;
}

.reportSelectOptionsText
{
	font-size:11px;
	float:left;
	padding-top:2px;
	margin-left:5px;
	margin-right:2px;
}

.reportSelectDateEdit
{
	float:left;
	margin-right:4px;
}

.tzLabel
{
	display:block;
}

.tzDropDown
{
	clear:both;
	margin:12px 0px 0px 2px;
	font-size:12px;
}

/**********************************************************************************/
/*                Group Management Page Styles
/**********************************************************************************/

.groupOutter
{
	margin-top:10px;
	min-height:420px;
	height:auto !important;
	height:420px;
}

.groupInnerLeft
{
	float:left;
	margin-left:10px;
	width: 460px;
}

.groupInnerRight
{
	float:left;
	margin-left:15px;
	width:370px;
}

.group .bold {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #003399;
}

.group .note
{
	font-size:11px;
	font-style:italic;
}

/*
.group .dxrpControl
{
	width: 250px;
	height: 300px;
}
*/

.group .currentGroup
{
	font-weight:bold;
	float:left;
	width:520px
}

.groupSection .content
{
	clear:both;
	margin-top:5px;
	padding: 3px;
	width:245px;
	height:320px;
	overflow:scroll;
}

.groupSection
{
	float:left;
	margin-left:10px;
}

.groupSection .header
{
	min-height:70px;
	height:auto !important;
	height:70px;
	width: 245px;
	white-space:normal;
}

.groupSection .header span
{
	width:245px;
}

.groupSection .header .panelTitle
{
	font-size:14px;
}

.groupsCheckboxList label
{
	white-space:nowrap;
}

.groupSection .menuLink,
.groupSection .selectedMenuLink
{
	font-size:13px;
	line-height:1.5em;
}

.groupSection .selectedMenuLink a
{
	text-decoration:none;
	cursor:default;
	color:Black;
	font-weight:bold;
	font-size:14px;
}

.groupDDL
{
	font-size:12px;
}

/***************************************************************************/
/*        User settings tab                                                */
/***************************************************************************/

.userSettingsOutterPanel
{
	height:0px;
	overflow:hidden;
}

.userSettingsControl
{
	margin-top:10px;
	height:630px;
}

.userSettingsControl .note
{
	color: #666666; 
	font-style:italic; 
	font-size:10px;
}

/*** Very top row - quick edit ***/
.UserSettingsQuickEdit
{
	border-bottom:solid 1px black;
	margin-bottom:15px; 
	overflow:auto;
	clear:both;
	width:1100px;
}

.colorButtonList
{
	margin:2px 2px 2px 2px;
	width:115px;
}

.colorButton
{
	margin:0px 0px 0px 5px;
	width:115px;
	float:left;
}

.colorButtonList td,
.colorButton td
{
	background-image: none !important;
}

.colorButtonList td div,
.colorButton td div
{
	height:8px; /* button height */
}

.labelUserValue
{
	padding:0px 0px 0px 0px;
	cursor:pointer;
	color:blue;
	font-size:15px;
	text-decoration:underline;
}

.userNameEdit
{
	float:left;
}
.userNumEdit,
.userDeviceTypeEdit,
.userVisibleEdit,
.userColorEdit
{
	margin-left:30px;
	float:left;
}

.lblColorPicker,
.lblDeviceType
{
	float:left;
	margin:0px 5px 0px 0px;
	line-height:1.6em;
}

/*** Top row ***/
.UserSettingsTopRow
{
	clear:both;
	overflow:auto;
	width:1100px;
}

.UserSettingsTopRow .multiSelect
{
	font-size:12px;
	Width:240px;
}

.UserSettingsTop0
{
	float:left;
}
.UserSettingsTop0Inner
{
	height:125px;
	width:300px;
}

.UserSettingsTop0Inner .spinbox
{
	float:left;
	margin:0px 5px 0px 5px;
}

.UserSettingsTop0Inner .label1,
.UserSettingsTop0Inner .label2
{
	float:left;
	line-height:2em;
}

.UserSettingsTop0Inner .ddl
{
	float:left;
	margin:0px 5px 0px 5px;
	font-size:12px;
}

.UserSettingsTop1
{
	float:left;
	margin-left:10px;
}
.UserSettingsTop1Inner
{
	height:125px;
	width:325px;
}

.UserSettingsTop1Inner .ddl
{
	margin:0px 5px 0px 5px;
	font-size:12px;
}

.UserSettingsTop2
{
	float:left;
	margin-left:10px;
}
.UserSettingsTop2Inner
{
	height:125px;
	width:310px;
}
/*****Middle row*****/
.UserSettingsMidRow
{
	clear:both;
	margin-top:10px;
	overflow:auto;
	width:1100px;
}

.UserSettingsMid0
{
	float:left;
}

.UserSettingsMid0Inner
{
	width:370px;
	height:120px;
}

.UserSettingsMid1 /* Hardmount section */
{
	float:left;
	margin-left:10px;
}

.UserSettingsMid1Inner
{
	width:600px;
	height:120px;
}

.UserSettingsMid1 .textBox
{
	width:125px;
}

.UserSettingsMid1 .readonlytb input
{
	color:Gray;
	border:solid 1px Gray;
}

.UserSettingsMid1 .readonlycb
{
	color:Gray;
}

.UserSettingsMid1 .spinbox
{
	float:left;
	margin:0px;
	padding:0px;
}

.UserSettingsMid1 .spinbox input
{
	color:Gray;
}

.UserSettingsMid1Col0
{
	float:left;
	width:280px;
}

.UserSettingsMid1Col1
{
	float:left;
	margin-left:60px;
}

.UserSettingsMid1Col0 .hardMountLabel
{
	width:135px;
	color:Gray;
	float:left;
}

.UserSettingsMid1Col1 .hardMountLabel
{
	width:100px;
	color:Gray;
	float:left;
}

/*** Bottom Row ***/
.UserSettingsBotRow
{
	clear:both;
	margin-top:10px;
	width:1100px;
}

.geocodeBox
{
	float:left;
}

.geocodeBoxInner
{
}

.UserSettingsBot1
{
	float:left;
	margin-left:10px;
}

.UserSettingsBot1Inner
{
	width:343px;
	height:107px;
}

.UserSettingsBot1 .label
{
	width:185px;
	float:left;
}

.UserSettingsBot1 .headerLabel
{
	float:left;width:320px;
}

.UserSettingsBot1 .textbox
{
	width:120px;
	float:left;
}

.homePositionPanel
{
	width:632px;
	height:170px;
}


.cbDeviceType
{
	float:left;
}


.userVisibleEdit checkbox
{
	margin:0px;
	padding:0px;
}

.panelUserNamePopup,
.panelUserNumberPopup
{
	padding:10px;
	background-color:#F7F7F7;
	width:200px;
	border:solid 1px #696969;
	min-height:80px;
	height:auto !important;
	height:80px;
}


.scheduleTime
{
	float:left;
	margin-left:5px;
	margin-right:3px;
}

/**********************************************************************************/
/*                Phone field config styles
/**********************************************************************************/


div.taskField
{
	margin-left:15px;
}

.taskField fieldset
{
	height:0px;
	min-height:200px;
}

.taskField fieldset.smallStyle
{
	height:0px;
	min-height:150px;
}

.taskField fieldset.constraintsBox
{
	height:200px;
	min-height:200px;
}

.taskField .fieldGroup
{
	margin-top:10px;
}

.taskField .fieldTitle
{
	font-size:11px;
	text-align:left;
	padding-left:5px;
}

.taskField input[type="text"]
{
	width:140px;
}

.taskField .checkBoxControl
{
	margin:10px 5px 5px 10px;
}

.taskField .buttons
{
	text-align:center;
	margin-top:15px;
}

.taskField .table1 td
{
	/* t,r,b,l */
	padding:5px 5px 5px 5px;
}

.taskField .table2 td
{
	/* t,r,b,l */
	padding:5px 5px 5px 5px;
}
/**********************************************************************************/
/*                Configure web settings styles
/**********************************************************************************/

.myGroups
{
	padding:0px 0px 0px 0px;
}

/**********************************************************************************/
/*                License Sign Off page styles
/**********************************************************************************/

.signOff
{
	margin-top:20px;
}

.signOff input
{
	border:solid 1px black;
	background-color:Gray;
}

.agreementBox
{
	width:566px;
	margin-left:auto;
	margin-right:auto;
}

.agreementBoxTitle
{
	width:550px;
}

.agreementLeftBorder,
.agreementRightBorder
{
	width:7px; height:375px;
}

.agreementBoxInner
{
	width:550px; 
	height:369px;
	margin:5px 0px 5px 0px;
	float:left; 
	border-bottom:1px solid #CCCCCC;
	overflow : auto;
}

.agreementHeading
{
	padding:3px 8px 3px 8px;
	text-align:center;
	font-size:14px;
}

.agreementParagraph
{
	padding:3px 8px 3px 8px;
	margin-top:8px;
}

.agreementSubParagraph
{
	padding:0px 20px 0px 20px;
}

.signOffButton
{
	margin:0px 5px 0px 5px;
}
/**********************************************************************************/
/*                Update Panel Animation "Loading Panel"
/**********************************************************************************/

.GridLoadingPanel
{
	background-color:Transparent;
	font-size:13px;
	font-weight:bold;
	border:0px;
	width:243px;
	height:110px;
	background-image:url(../images/loader_bg.png);
}

.GridLoadingPanel .left
{
	float:left;
	padding: 45px 4px 4px 4px;
	margin:0px;
	width:60px;
}

.GridLoadingPanel .right
{
	float:left;
	width:150px;
	margin-left:5px;
	white-space: nowrap;
	text-align: center;
	padding: 50px 4px 4px 4px;
}

.GridLoadingPanel img
{
	margin-left:20px;
}

.GridLoadingPanel td
{
	white-space: nowrap;
	text-align: center;
	padding: 12px 12px 12px 12px;
}
 
.progHeader
{
	text-align:center;
	padding: 15px 0px 0px 14px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.9;
}

/**********************************************************************************/
/*                Home page styles
/**********************************************************************************/

.loginLabel
{
	text-align:right; 
	font-weight:bold; 
	color:#003366;
}

/**********************************************************************************/
/*                Footer
/**********************************************************************************/

.footer
{
	text-align:center;
	padding-top:15px;
	clear:both;
}

.footerLinks a
{
	padding-left:10px;
	padding-right:10px;
}

.footerLinks a:link,
.footerLinks a:visited,
.footerLinks a:active {
	font-size:12px;
	color:#000000;
	font-family: Arial;
	text-decoration:none;
}

.footerLinks a:hover {
	font-family: Arial;
	font-size: 12px;
	color: #981a1b;
	text-decoration: underline;
}


/***************************************************************************/
/*        Feedback form styles                                             */
/***************************************************************************/

.formlabel {
    clear: left;
    float: left;
    width: 100px;
    padding-right: 0px;
    text-align: right;
    font-weight:bold;
}

.formerror 
{
	float: left;
    width: 20px;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
    font-weight:bold;
}

.validatorCalloutHighlight
{
	background-color: #ffcccc;
	border-right: red 1px solid;
	border-top: red 1px solid;
	border-left: red 1px solid;
	border-bottom: red 1px solid;
}

.thanksStyle
{
	vertical-align: middle;
	font-size: x-large;
}



/* HyperLinks - Underlined, No visited   */

.hyper_blue:link
{
	color:#2200DD;
}

.hyper_blue:hover
{
	color:#2200DD;
	text-decoration:none;
}

.hyper_blue:visited
{
	color:#2200DD!important;
}

.hyper_blue:active
{
	color:#2200DD;
}