/* 2FA SOLO CSS Document */
/* HTML Tags */ 
/*
z-index cheat sheet:
calendar: 30
popup: 90
dialog: 10
debugdiv: 20
allerrordialog: 25
indeterminateProgress: 60
initialPageState: 51
noJS: 20 (declared in HTML code)
errorsreceived: 1 (decl. in HTML)
*/
body {
    background-color: white;
    background-image: url(../Images/interface/body_bkgd.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
    text-align: center;
    }    
h1 {
    font-family: "Gill Sans MT", Arial;
    font-size: 18px;
    font-weight: bold;
    color: #005AAB;
    margin-bottom: 8px;
    margin-left: 10px;
    position: relative;
    top: -19px;
    width: 440px;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000066;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-top: 10px;
    padding-bottom: 2px;
}
h3 {
    font-family: "Gill Sans MT", Arial;
    font-size: 20px;
    font-weight: bold;
    color: #005AAB;
}
/* Popup menus */
.popupLink {
    text-decoration: none;    /*underline;*/
    /*font-weight: bold;*/
    cursor: pointer;
}
.popup {
    position: absolute;
    z-index: 90;
    background-color: #D0D0D0;
    padding: 0.25em;
    margin: 0;
    border: 2px groove;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
.popup h2 {
    margin: 0; 
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 2.5em;
    padding-right: 2.5em;
    background-color: #A0A0A0;
}
.popupItem {
    border-top: 1px solid;
    cursor: pointer;
}
.popupItem:hover {
    background-color: white;
}
/* Used for dialogs and pop-ins */
.dialog {
    background-color: #fff;
    border: 2px outset;
    padding: 2px;
    z-index: 10;
    color: black;
    position: absolute;    /* Up to declaring div to set the location! */
    width: 36em;
}
#errordiv, #spcerrordiv {
    background-color: #fff;
    border: 1px solid red;
    margin-top: 0px;
    margin-right: 24px;
    margin-bottom: 15px;
    margin-left: 20px;
}
#statusdiv {
    background-color: #002654;
    border: 1px solid #666666;
    color: #fff;
    margin-top: 0px;
    margin-right: 24px;
    margin-bottom: 8px;
    margin-left: 20px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}
#statusdiv a:link, #statusdiv a:visited {
    color: #fff;
    /*text-decoration: underline;*/
    background-color: #404040;
    padding: 0.15em;
    border: thin outset;
    text-decoration: none;
}
#statusdiv a:hover {
    color: #00ABEB;
    /*text-decoration: underline;*/
    background-color: #404040;
    padding: 0.15em;
    border: thin outset;
    text-decoration: none;
}
.dialogtitle {
    background-color: #002654;
    width: 100%;
    border: 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}
.dialogtitle A, .dialogtitle A:hover, .dialogtitle A:visited, .dialogtitle A:active {
    color: white;
    border: 1px solid;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.dialogbody {
    padding: 1.0em;
    overflow: auto;
    height: 16em;    /* Specific dialogs probably want to override via style */
    right: 20;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;    /*background-color: white;*/
}
/* Dialogs */
#debugdiv .dialogbody {
    height: 24em;
    z-index: 20; 
}
#allerrordialog .dialogbody {
    height: 20em;
    z-index: 25; 
}
#errorDialog {
    top: 100px;
    left: 100px;
}
#errorDialogText {
    padding: 0.5em;
}
#errorDialogInfo {
    padding: 0.5em;
}
#v-ChooseCard, #v-PschedSelect {
    top: 160px; 
    left: 340px; 
    width: 32em;
}
#v-SschedHolidays {
    top: 200px;
    left: 300px;
    width: 44em;
    /*z-index: 15;*/
}
#deleteConfirmation {
    top: 148px;
    left: 300px;
}
#deleteConfirmationText {
    padding: 0.5em;
}
#deleteButtons {
    padding-top: 0.5em;
}
/* Schedule / time input fields */
.timeHR, .timeMN, .timeAMPM, .timeSEP {
    border-top:  1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: none;
    border-left: none;
    background-color: #FFFFFF;
    margin: 0;
    padding: 1px;
}
.timeSEP {
    width: 3px;
}
.timeHR {
    border-left: 1px solid #999999;
    width: 2em;
}
.timeMN {
    border-right: 1px solid #999999;
    width: 2em;
}
.timeAMPM {
    border-right: 1px solid #999999;
    width: 2em;
}
.specialDate {
    font-weight: bold;
}
/* Structure */ 
#reqstatus span {
    border:thin outset; 
    margin-top: 0.25em;
    font-size: 8pt;
    font-family: monospace;
}
#indeterminateProgress {
    z-index: 60;
    position: absolute;
    top: 158px;
    left: 450px;
    width: 442px;
    height: 60px;
    background-color: #ECEDE8;
    border: 1px solid #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
#indeterminateProgressLCD {
    background-color: #07ACE6;
    width: 0;
    height: 15px;
    border: 1px solid #002654;
    text-align: left;
}
.indeterminateProgressEven {
    background-color: #000;
    z-index: 60;
}
.indeterminateProgressOdd {
    background-color: #FFFFFF;
    z-index: 60;
}
#initialPageState {
    z-index: 51;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    background-image: url(../Images/interface/body_bkgd.jpg);
    background-repeat: repeat-x;
    width: 100%;
    height: 2200px;
}
.indeterminateProgressMain {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    width: 390px;
    height: 210px;
    margin-top: 200px;
    border: 1px solid #A9A9A9;
    padding-top: 35px;
    padding-left: 10px;    
}
.pageloading {
    font-size: 18px;
    position: relative;
    left: 250px;
    top: 200px;
}
#container {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    width: 962px;
    background-color: #FFFFFF;
    background-image: url(../Images/interface/containter_left.jpg);
    background-repeat: repeat-y;
    }    
#container2 {
    text-align: left;
    width: 962px;
    background-image: url(../Images/interface/containter_right.jpg);
    background-repeat: repeat-y;
    position: relative;
    background-position: 951px top;
    }        
#structure {
    background-image: url(../Images/interface/0001_Header.jpg);
    background-repeat: no-repeat;
    height: 236px;
    width: 916px;
}
#structure .topmiddle {
    background-image: url(../Images/interface/containter_topmiddle.jpg);
    background-repeat: repeat-x;
    width: 963px;
    position: absolute;
    visibility: visible;
    margin: 0px;
    padding: 0px;
    height: 13px;
}
#structure .topleft {
    position: absolute;
    background-image: url(../Images/interface/containter_topleft.jpg);
    width: 22px;
    height: 19px;
}

#structure .topright {
    width: 22px;
    left: 941px;
    position: absolute;
    background-image: url(../Images/interface/containter_topright.jpg);
    height: 21px;
}
/* Header */ 
#header {
    width: 937px;
    height: 112px;
    left: 14px;
    position: relative;
    background-image: url(../Images/interface/header_gradient_dk.jpg);
    background-repeat: repeat-y;
    /*background-color: #0A0A0A;*/
    top: 17px;
}
#header .curveleft {
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 6px;
    top: 0px;
    height: 7px;
    left: 5px;
    background-image: url(../Images/interface/header_left.png);
}
#header .curveright {
    width: 6px;
    position: absolute;
    left: 926px;
    height: 7px;
    top: 0px;
    background-image: url(../Images/interface/header_right.png);
}
#header .logo {
    position: absolute;
    top: 25px;
    width: 300px;
    height: 60px;
    left: 25px;
    /*background-image: url(../Images/one_trans.png);
    background-size: 75px 60px;*/
    font-family: "Roboto Condensed", Verdana;
    font-size: 25px;
    color: #FFFFFF;
    text-align: left;
}
#header .dateline {
    font-family: "Gill Sans MT", Arial;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    text-align: right;
    position: absolute;
    width: 500px;
    line-height: 15px;
    padding-top: 20px;
    right: 20px;
}
#header .logout {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    left: 805px;
    right: 3px;
    top: 22px;
    width: 100px;
    /*width: 64px;
    background-image: url(../Images/interface/header_logout.jpg);*/
    background-repeat: no-repeat;
    height: 27px;
    padding-top: 5px;
    padding-right: 1px;
}
#header .logout a:link, .logout a:visited {
    text-decoration: underline;
    color: #FFFFFF;
    }
#header a:link, a:visited {
    text-decoration: underline;
    color: #FFFFFF;
}
#header a:hover {
    color: #00ABEB;
}
#header .bottombar {
    width: 309px; 
    height: 39px;
    background-image: url(../Images/interface/header_bottombar_left_dk.jpg); 
}

#tabs2 {
    position: relative;
    top: 59px;
    background-image: url(../Images/interface/header_bottombar2_dk.jpg);
    background-repeat: no-repeat;
    width: 940px;
}

/* Tab Navigation */ 
#tabs {
    position: relative;
    top: 59px;
    background-image: url(../Images/interface/header_bottombar_dk.jpg);
    background-repeat: no-repeat;
    width: 940px;
}
#tabs .spacercell {
    width: 378px;
}
#tabs .left {
    background-image: url(../Images/interface/tab_left_gr.gif);
    background-repeat: no-repeat;
    width: 5px;
}
#tabs .leftend {
    background-image: url(../Images/interface/tab_left_end.gif);
    background-repeat: no-repeat;
    width: 5px;
}
#tabs .leftendactive {
    background-image: url(../Images/interface/tab_left_end_active.gif);
    background-repeat: no-repeat;
    width: 5px;
}
#tabs .leftactive {
    background-image: url(../Images/interface/tab_left_active.gif);
    background-repeat: no-repeat;
    width: 5px;
}
#tabs .middle {
    background-image: url(../Images/interface/tab_middle_gr2.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 7px;
    padding-right: 8px;
    padding-left: 8px;
}
#tabs .middle a:link, #tabs .middle a:visited {
    color: #FFF;
    text-decoration: none
}
#tabs .middleactive a:hover {
    color: #666;
    text-decoration: none
}
#tabs .middleactive {
    background-image: url(../Images/interface/tab_middle_active.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-align: center;
    vertical-align: top;
    padding-top: 7px;
    padding-right: 8px;
    padding-left: 8px;
}
#tabs .middleactive a:link, #tabs .middleactive a:visited {
color: black;
text-decoration: none
}
#tabs .middle a:hover {
    color: #00ABEB;
    text-decoration: none
}
#tabs .right {
    background-image: url(../Images/interface/tab_right_gr.gif);
    width: 7px;
}
#tabs .rightactive {
    background-image: url(../Images/interface/tab_right_active.gif);
    width: 7px;
}
/* Content Structure */ 
#contentstructure {
    position: relative;
    top: 35px;
    background-color: #FFFFFF;
    width: 963px;
    background-image: url(../Images/interface/bkgd_slice_IEfix.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
#contentstructure .dasbhboardbkgd {
    /*background-image: url(../Images/interface/dashboard_bkgrd_menu.png);
    background-repeat: no-repeat;*/
    width: 275px;
    min-height: 440px;
}
#contentstructure .dasbhboardbkgd_home {
    background-image: url(../Images/interface/dashboard_bkgrd_home.jpg);
    background-repeat: no-repeat;
    width: 275px;
    height: 440px;
}
#contentstructure .leftmenu {
    width: 100%;
    padding-left:20px;
}
#contentstructure .menu_header
{
	color:#000000;
	font-size:14;
	font-weight:bold;
	text-decoration:none;
	padding-left:6px;
}
#contentstructure .menuText {
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	padding-left:1px;
}
#contentstructure .contentblock {
    background-color: #FFFFFF;
    width: 657px;
    vertical-align: top;
    height: 455px;
}
#contentstructure .left {
    background-image: url(../Images/interface/content_left_bkgd.gif);
    background-repeat: repeat-y;
    width: 14px;
    vertical-align: top;
}
#contentstructure .leftdiv {
    background-image: url(../Images/interface/content_left.jpg);
    width: 14px;
    height: 402px;
}
#contentstructure .right {
    width: 15px;
    background-image: url(../Images/interface/content_right_bkgd.gif);
    background-repeat: repeat-y;
    vertical-align: top;
}
#contentstructure .rightdiv {
    background-image: url(../Images/interface/content_right.jpg);
    width: 17px;
    height: 402px;
}
.helpnav {
    display: block;
    position: relative;
    top: 8px;
    text-align: right;
    right: 12px;
    left: 390px;
    width: 250px;
}
.helppagenav {
    display: block;
    position: relative;
    top: 8px;
    text-align: right;
    left: 50px;
    width: 750px;
}
#helplist {
    padding: 0px;
    margin: 0px;
}
#helplist li
{
    display: inline;
    list-style-type: none;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666666;
    text-decoration: none;
}
#helplist a:link, #helplist a:visited {
    font-size: 11px;
    color: #005AAB;
    text-decoration: underline;
}
#helplist a:hover {
    color: #00ABEB;
}
/* Dashboard Contents */ 
/* Main Content */ 
#content {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    
    /*background-image: url(../Images/interface/right_panel.gif);
    background-repeat:no-repeat;*/
}
#content .secondarynav {
    display: block;
    position: relative;
    top: -22px;
    width: 351px;
}
#content .secondarynavSched {
    display: block;
    position: relative;
    top: -22px;
    width: 600px;
}
#content #navlist {
    padding: 0px;
    margin: 0px;    margin-left: 10px;
}
#content #navlist li
{
    display: inline;
    list-style-type: none;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666666;
    text-decoration: none;
    left: 0px;
}
#content #navlist a:link, #navlist a:visited {
    font-size: 12px;
    color: #005AAB;
    text-decoration: underline;
}
#content #navlist a:hover {
    color: #00ABEB;
}
#content .contenttable {
    border: 1px solid #E0E0E0;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    width: 630px;
}
#content .contenttable_nodash {
    border: 1px solid #E0E0E0;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
    width: 760px;
}
#content .rule {
    background-color: #E0E0E0;
    height: 1px;
    width: 630px;
}
#content .ruleimage {
    background-image: url(../Images/interface/content_rule.gif);
}
#content .rule_nodash {
    background-color: #E0E0E0;
    height: 1px;
    width: 757px;
}
#content .contenttext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    position: relative;
    margin-left: 10px;
    width: 600px;
    padding-bottom: 15px;
    line-height: 18px;
    top: 3px;
}
#content .contenttext a:link, .contenttext a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003E75;
}
#content .contenttext a:hover {
    color: #00ABEB;
}
#content .trialnotice 
{
    font-family: "Gill Sans MT", Arial;
    font-size: 18px;
    font-weight: bold;
    color: #005AAB;
    position: relative;
    margin-top: 25px;
    margin-bottom: 8px;
    margin-left: 0px;
    width: 630px;
}
#content .trialexpired
{
    font-family: "Gill Sans MT", Arial;
    font-size: 18px;
    font-weight: bold;
    color: #FF0000;
    position: relative;
    margin-top: 25px;
    margin-bottom: 8px;
    margin-left: 0px;
    width: 630px;
}

.buttonleft {
        background-image: url(../Images/interface/button_left.gif);
        background-repeat: no-repeat;
        height: 28px;
        width: 29px;
}
.buttonleft  a:link, .buttonleft  a:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #002655;
        font-weight: bold;
}
.buttonleft  a:hover {
    color: #00ABEB;
}
.buttonright {
    background-image: url(../Images/interface/button_right.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 17px;
}
.buttonmiddle {
    background-image: url(../Images/interface/button_middle.gif);
    height: 28px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    padding-top: 1px;
    text-align: center;
}
.buttonmiddle a:link, .buttonmiddle a:visited {
    color: #fff;
    text-decoration: none;
}
.buttonmiddle a:hover {
    color: #00ABEB;
    text-decoration: none;
}
#content .titlebuttons {
    left: 510px;
    position: absolute;
    width: 400px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
#content .titlebuttons a:link, a:visited {
    color: #005AAB;
    text-decoration: underline;
}
#content .titlebuttons a:hover{
    color: #00ABEB;
    text-decoration: underline;
}
.copyright {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-align: right;
    position: relative;
    left: 25px;
    width: 930px;
}
/*Home page*/
#homeWhat {
}
#homeWhat ul {
    list-style: none;
    width: 600px;
    margin: 0;
    padding: 0;
}
#homeWhat li {
    position: relative;
    float: left;
    width: 170px;
    padding: 5px;
}
#homeStat {
}
#homeStat ul {
    list-style: none;
    width: 600px;
    margin: 0;
    padding: 0;
}
#homeStat li {
    position: relative;
    float: left;
    width: 280px;
    padding: 5px;
}
/* Forms */ 
/*.row1 {
    width: 400px;
    margin-left: 10px;
}*/
/*Browser fix for FireFox*/
.tableComponent {
    border: 0 0 0 0;
    width: 611px;
    text-indent: 35px;
    /*ie5.5 fix*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
}
/*
label, label span {
    display: block;
    padding-bottom: .25em;
label {
    float: left;
    width: 100%;
}*/
label span {
    float: left;
    width: 45%;
    text-align: right;
}
label span.rightalign {
    float: left;
    width: 30%;
    text-align: right;
}
label span.leftalign {
    float: left;
    width: 50%;
    text-align: left;
}
label span.question {
    width: 90%;
    text-align: left;
    text-indent: 35px;
}
p.noIndentP {
    text-indent: 0px;
    margin-left: 35px;
}
/*input*/
fieldset input {
    float: left;
    border: 1px solid #BCC1B2;
}
fieldset input:hover {
    border-color: #000;
}
fieldset input:active, input:focus {
    border-color: #900;
}
fieldset select {
    float: right;
    width: 45%;
    border: 1px solid #BCC1B2;
}
fieldset input.radio {
    border: none;
    float: left;
    width: 15px;
    margin-left: 15px;
}
/*fieldset*/
fieldset {
    float: left;
    width: 100%;
/*    height: 220px;*/
    /*background-color: #F4F4F3;*/
    margin: 1px 2px 2px 2px;
    padding: 3px;
    /*border: 1px solid #BCC1B2;*/
    border:none;
    overflow: hidden;
    /*clear: right;*/
}
fieldset.long {
    width: 500px;
}
fieldset select.month {
    width: 100px;
}
fieldset select.day {
    width: 45px;
}
fieldset select.year {
    width: 65px;
}
#formLongRow {
    float: left;
    width: 500px;
    clear: none;
}
#cardExisting {
    border: 1px solid #000000;
    clear: both;
}
.cardInfoUl {
    margin-top: 5px;    
}
.cardInfo {
    display: inline;
    list-style-type: none;
    padding-right: 30px;
}
.cardInfoVert {
    list-style-type: none;
    margin-right: 30px;
}
.info {
    color: #000099;
    font-weight: bolder;
}
.infoRed {
    color: #CC0033;
    font-weight: bolder;
}
.boxTitle {
    border-bottom: solid #000000 1px;    
}
#box {
    margin: 15px;
    border: 1px solid #000000;
    text-indent: 35px;
}
#formLongRow-1 {
    width: 400px;    
}
#formLongRow-2 {
    width: 400px;
}
#formLongRow-7{
    width: 400px;
}
#cardExisting-3 {
    border: solid #000 1px;    
}
/* DASHBOARD */
.statustitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #827F77;
    width: 180px;
    position: absolute;
    top: 5px;
    padding-left: 45px;
	line-height: 12px;
}
.icondoorstatus {
    position: absolute;
    height: 32px;
    width: 32px;
    top: 38px;
    padding-left: 82px;
}
.iconalarmstatus {
    position: absolute;
    height: 32px;
    width: 32px;
    top: 38px;
    padding-left: 148px;
}
.dashbuttontable {
    position: absolute;
    height: 47px;
    top: 93px;
    background-repeat: no-repeat;
    padding-left: 8px;
}
.eventlogbox {
    height: 255px;
    width: 258px;
    position: absolute;
    top: 174px;
    padding-left: 0px;
    overflow: auto;
    scrollbar-arrow-color: #827F77;
    scrollbar-3dlight-color: #B3B6AD;
    scrollbar-darkshadow-color: #fff;
    scrollbar-face-color: #EAEAEA;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #c0c0cc;
    scrollbar-track-color: #fff;
}
.eventtime {
    font-family: Arial, Helvetica, sans-serif;
    width: 231px;
    margin-left: 8px;
    font-size: 12px;
    color: #827F77;
}
.eventlog {
    font-family: Arial, Helvetica, sans-serif;
    width: 231px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DBDED6;
    margin-left: 8px;
    color: #002654;
    font-size: 12px;
}
.dashaction {
    font-family: Arial, Helvetica, sans-serif;
    width: 100px;
    position: absolute;
    text-align: right;
    left: 137px;
    font-size: 11px;
}
.dashaction a:link, .dashaction a:visited{
    color: #005AAB;
    text-decoration: underline;
}
.dashaction a:hover {
    color: #990000;
}
.dashbutton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 47px;
    width: 78px;
    background-image: url(../Images/interface/button_dashboard.png);
    background-repeat: no-repeat;
    text-align: center;
    line-height: 14px;
}
.dashstyle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}
.dashbutton a:link, .dashbutton a:visited{
    text-decoration: none;
    color: #827F77;    
}
.dashbutton a:hover {
    text-decoration: none;
    color: #002654;
}
.dashbuttonspace {
    width: 8px;
}
.recentevents {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    top: 154px;
    position: absolute;
    padding-left: 16px;
    width: 240px;
    color: #827F77;
}
.dashviewall {
    font-family: Arial, Helvetica, sans-serif;
    width: 100px;
    position: absolute;
    text-align: right;
    left: 150px;
    font-size: 11px;
    color: #002654;
}
.dashviewall a:link, .dashviewall a:visited{
    color: #002654;
    text-decoration: underline;
}
.dashviewall a:hover {
    color: #990000;
}
/*TABLE LIST*/
/* Fix for nested tables within tableList tables */
.nestedSchedTable {
    width: auto;
    padding: 0; 
    margin: 0;
    border-collapse: collapse;
    empty-cells: show;
    /* debug background-color: green; */
}
.nestedSchedTable td {
    /* height: 22px; */
    width: 69px; 
    margin: 0; 
    padding: 0;
    border: 1px solid;
}
.nestedSchedTable th {
    height: 16px;
    width: 80px;
    margin: 0;
    padding: 0;
    color: #fff;
    background-color: #005AAB;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
#tableList {
    height: 289px;
    width: 611px;
    padding-left: 0px;
    overflow: auto;
    scrollbar-arrow-color: #827F77;
    scrollbar-3dlight-color: #B3B6AD;
    scrollbar-darkshadow-color: #fff;
    scrollbar-face-color: #EAEAEA;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #c0c0cc;
    scrollbar-track-color: #fff;
    background-image: url(../Images/interface/scroll.gif);
    background-repeat: no-repeat;
    background-position: 592px;
}
.tableList {
    text-indent: 0px;
    width: 592px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
}
.tableList > tbody > tr > td{
    text-indent: 2px;
    height: 27px;
}
.tableList > tbody > tr > td.delete{
    text-align: center;
}
.tableList > thead > tr > th {
    width: auto;
    padding-left: 1px;
    padding-right: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #002654;
    height: 28px;
    text-indent: 3px;
    text-align: left;
}
.tdHeader {
    width: auto;
    padding-left: 1px;
    padding-right: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #002654;
    height: 28px;
    text-indent: 3px;
text-align: left;
	vertical-align: middle;
    }
.tdHeader2 {
	width: auto;
	background-color: #C1D3FF;
	text-align: left;
	width: auto;
    padding-left: 1px;
    padding-right: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
	height: 24px;
	border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #637d9e;
    border-bottom-color: #637d9e;
    }
.tableList a:hover {
}
.tableList a:link, .tableList a:visited{
    display: block;
    color: #000033;
    text-decoration: underline;
}
.tableList .td_1 {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E0E0E0;
}
.tableList .td_2 {
     border-top-width: 1px;
     border-right-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-top-color: #E0E0E0;
     border-right-color: #E0E0E0;
     background-color: #C1D3FF;
     vertical-align: top;
     padding-top: 2px;
     padding-left: 2px;
     height: 11px;
     padding-bottom: 2px;
}
.tableList .td_3 {
     border-top-width: 1px;
     border-right-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-top-color: #E0E0E0;
     border-right-color: #E0E0E0;
     background-color: #75AADB;
     height: 11px;
     padding-top: 3px;
     padding-bottom: 3px;
     padding-left: 3px;
     vertical-align: top;
}

/* Table List NO SCROLL */

.tableListNoScroll {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.tableListNoScroll> tbody > tr > td{
    text-indent: 2px;
    height: 20px;
}
.tableListNoScroll a:link, .tableListNoScroll a:visited{
    color: #000033;
    text-decoration: underline;
}
.tableListNoScroll a:hover {
	color: #fff;
}
.tableListNoScroll .td_header {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E0E0E0;
}
.tableListNoScroll .td_1 {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E0E0E0;
		 vertical-align: text-top;
}

.tableListNoScroll .td_2 {
     border-top-width: 1px;
     border-right-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-top-color: #E0E0E0;
     border-right-color: #E0E0E0;
     background-color: #C1D3FF;
     padding-top: 2px;
     padding-left: 2px;
     height: 11px;
     padding-bottom: 2px;
	 vertical-align: text-top;
}
.tableListNoScroll .td_3 {
     border-top-width: 1px;
     border-right-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-top-color: #E0E0E0;
     border-right-color: #E0E0E0;
     background-color: #75AADB;
     height: 11px;
     padding-top: 3px;
     padding-bottom: 3px;
     padding-left: 3px;
	 	 vertical-align: text-top;
}
.tdHeaderPopup {
    width: auto;
    padding-left: 1px;
    padding-right: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #827f77;
    height: 28px;
    text-indent: 3px;
    text-align: left;
    }
.tableListPopup {
    text-indent: 0px;
    width: 300px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
    border: 1px solid #CCCCCC;
}
.tableListPopup > tbody > tr > td{
    text-indent: 2px;
    height: 27px;
}
.tableListPopup > tbody > tr > td.delete{
    text-align: center;
}
.tableListPopup > thead > tr > th {
    width: auto;
    padding-left: 1px;
    padding-right: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #827f77;
    height: 28px;
    text-indent: 3px;
    text-align: left;
}
.tableListPopup a:hover {
    color: #fff;
}
.tableListPopup a:link, .tableListPopup a:visited{
    display: block;
    color: #000033;
    text-decoration: underline;
}
.tableListPopup .td_1 {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E0E0E0;
}
.tableListPopup .td_2 {
     border-top-width: 1px;
     border-right-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-top-color: #E0E0E0;
     border-right-color: #E0E0E0;
     background-color: #C1D3FF;
     vertical-align: top;
     padding-top: 2px;
     padding-left: 2px;
     height: 11px;
     padding-bottom: 2px;
}
.tableListPopup .td_3 {
     border-top-width: 1px;
     border-right-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-top-color: #E0E0E0;
     border-right-color: #E0E0E0;
     background-color: #75AADB;
     height: 11px;
     padding-top: 3px;
     padding-bottom: 3px;
     padding-left: 3px;
     vertical-align: top;
}
.scheduletableList {
    text-indent: 0px;
    width: 611px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
}
.scheduletableList > tbody > tr > td{
    text-indent: 2px;
    height: 27px;
}
.scheduletableList > tbody > tr > td.delete{
    text-align: center;
}
.scheduletableList > thead > tr > th {
    width: auto;
    padding-left: 1px;
    padding-right: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #002654;
    height: 28px;
    text-indent: 3px;
    text-align: left;
}
.scheduletableList a:hover {
}
.scheduletableList a:link, .tableList a:visited{
    display: block;
    color: #000033;
    text-decoration: underline;
}
.scheduletableList .td_1 {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E0E0E0;
}
.scheduletableList .td_2 {
     border-top-width: 1px;
     border-right-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-top-color: #E0E0E0;
     border-right-color: #E0E0E0;
     background-color: #C1D3FF;
     vertical-align: top;
     padding-top: 2px;
     padding-left: 2px;
     height: 11px;
     padding-bottom: 2px;
}
.scheduletableList .td_3 {
     border-top-width: 1px;
     border-right-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-top-color: #E0E0E0;
     border-right-color: #E0E0E0;
     background-color: #75AADB;
     height: 11px;
     padding-top: 3px;
     padding-bottom: 3px;
     padding-left: 3px;
     vertical-align: top;
}
.comments {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    height: 30px;
    text-align: left;
    width: 610px;
    background-color: #827f77;
    padding-left: 2px;
    padding-top: 2px;
}
.delete {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    height: 17px;
    text-align: right;
    width: 610px;
    background-color: #827f77;
    padding-top: 2px;
}
.delete a:link, .delete a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}
.delete a:hover {
    color: #002654;
    text-decoration: underline;    
}
.numbers {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    position: relative;
    left: 5px;
    top: 4px;
}
.listbuttonbar {
    width: 600px;
    height: 30px;
    padding-top: 8px;
    padding-bottom: 2px;
}
.listbuttonbar2 {
    width: 600px;
    height: 70px;
    padding-top: 8px;
    padding-bottom: 2px;
}
.button1 {
    float: left;
    position: relative;
    left: 5px;
}
.button2{
    float: left;
    left: 15px;
    position: relative;
}
.button3{
    float: left;
    left: 370px;
    position: relative;
}
.showperpage {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.showperpage a:link, a:visited {
    color: #005AAB;
    text-decoration: underline;
}
.showperpage a:hover{
    color: #00ABEB;
    text-decoration: underline;
}
.searchsave {
    float: right;
}
#preferencesNetworksetup input {
    margin-left: 60px;    
}
#preferencesNetworksetup p.static {
    text-align: right;
    margin-right: 200px;
}
#preferencesNetworksetup p.dns {
    margin-left: 50px;
}
/*people.html*/
#cardDisplayTable, #schedDisplayTable, #personDisplayTable {
    border: 1px solid #03A6EB;
    margin: 15px;
}
/*
#cardDisplayTable TR TD, #schedDisplayTable TR TD {
    border: 1px solid #03A6EB;
}
#personDisplayTable {
    border: 1px solid #03A6EB;
    margin: 15px;
}*/
/*utilites.html*/
#utilities {
    margin-left: 10px;
    margin-right: 10px;
}
#utilities input {
    margin-left: 20px;
}
#utilities .rule {
    background-color: #E0E0E0;
    height: 1px;
    width: 590px;
}
/*reports.html*/
#chooseCard {
    clear: left;    
}
.reportsJumpTo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 610px;
    background-color: #827f77;
    padding-top: 6px;
    color: #FFFFFF;
    padding-bottom: 6px;
    height: 23px;
}
.reportBullets1 {
    list-style-type: none;
    width: 250px;
    padding: 0px 0px 0px 38px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    list-style-image: url(../Images/interface/arrow_sm.gif);
}
.reportBullets1 a:link, .reportBullets1 a:visited {
    color: #005AAB;
    text-decoration: underline;
}
.reportBullets1 a:hover {
    color: #00ABEB;
    text-decoration: underline;
}
.reportBullets2 {
    width: 250px;
    list-style-type: none;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    list-style-image: url(../Images/interface/arrow_sm.gif);
    line-height: 18px;
}
.reportBullets2 a:link, .reportBullets2 a:visited {
    color: #005AAB;
    text-decoration: underline;
}
.reportBullets2 a:hover {
    color: #00ABEB;
    text-decoration: underline;
}
.consoletext {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 position: relative;
 margin-left: 20px;
 width: 600px;
 padding-bottom: 15px;
 line-height: 18px;
 top: 3px;
 border: 0;
 cellpadding: 8; 
}
.consoletext a:link, .consoletext a:visited {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #005AAB;
 font-weight: bold;
}

.consoleunderline a:link, .consoleunderline a:visited {
    text-decoration: underline;
}
.consoletext a:hover {
 color: #00ABEB;
 font-weight: bold;
}
.contentFormLabel {
    text-align: right;
    padding-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.requiredRed {
    color: #FF0000;
}
.formInput {
    border: 1px solid #BCC1B2
}
#Acustom1-lbl {
    margin: 0px;
    padding: 0px;
}
#Acustom2-lbl {
    margin: 0px;
    padding: 0px;
}
.IEfont {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.deviceErrors {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    float: left;
    top:  470px;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #CCCCCC;
    background-color: #fff;
    width: 4px;
}
.deviceErrors a:link, .deviceErrors a:visited {
    color: #827F77;
    text-decoration: none;
}
.deviceErrors a:hover {
    color: #000;
    text-decoration: none;
}
.smallText {
    font-size: 10px;
    color: #000066;
}
.CircleButtonText{
    padding-left: 2px;
}
.CircleButtonText  a:link, .CircleButtonText  a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #002655;
    font-weight: bold;
}
.CircleButtonText  a:hover {
    color: #00ABEB;
}
.PaneButtonSpacer {
     width: 40px;
}
.tableform {
    margin: 0px;
    padding: 0px;
}
.licenseagreement {
    margin: 0px 0px 0px 0px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
    text-align: justify;
    position: relative;
    width: 570px;
}
/* Tim added to make things look more like skinned buttons (feel free to change/comment out as necessary) 
select {
    background-color: #28476F;        
    color: white;                    
    font-size: 11px;
}
input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] {
    background-color: #28476F;
    color: white;
    font-size: 11px;
    -moz-border-radius: 8px;    
    border-radius: 8px;
}
*/
#helpContainer {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    height: 700px;
    width: 800px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    margin-top: 10px;
}
#helpcontent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 20px;
    padding: 20px;
    width: 720px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    text-align: left;
    overflow: auto;
    height: 450px;
}
#helpHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    width: 757px;
    background-color: #002655;
    text-align: left;
    height: 20px;
    position: relative;
    top: 20px;
    margin-left: 20px;
    font-weight: bold;
    padding-top: 6px;
    padding-left: 5px;
}
.helpTR {
    background-color: #CCCCCC;
}
.loadingbox {
	font-family: "Gill Sans MT", Arial;
	font-size: 17px;
	color: #012653;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	width: 250px;
}
/* primarily for help Tags */ 
p.nav {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
}
p.note1 {
    text-indent: -10px;
    margin-left: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
}
p.note2 {
    margin-left: 10px;
    width: 600px;
    margin-bottom: 0px;
    margin-top: 0px;
}
span.red {
    color: red;
}
span.blue {
    color: blue;
}
h4 {
    font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #005AAB;
}
h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000066;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-top: 10px;
    padding-bottom: 2px;
}
.helpTH {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 5px;
    color: #FFFFFF;
    text-align: left;
    overflow: auto;
}

/****** docbook styles ******/
/* helpHeader */
p.helpHead {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    width: 757px;
    background-color: #002655;
    text-align: left;
    height: 20px;
    position: relative;
    top: 20px;
    margin-left: 20px;
    font-weight: bold;
    padding-top: 6px;
    padding-left: 5px;
}
/* helpContainer */
div.chapter {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    height: 700px;
    width: 800px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    margin-top: 10px;
}
/* helpcontent */
div.sect1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 20px;
    padding: 20px;
    width: 720px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    text-align: left;
    overflow: auto;
    height: 450px;
}
/* h3  */
h2.title {
    font-family: "Gill Sans MT", Arial;
    font-size: 20px;
    font-weight: bold;
    color: #005AAB;
}
/* span.blue */
a.ulink {
    color: blue;
}
/* span.red */
p.red {
    color: red;
}
/* like helpTH but black text */
.helpBody {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 5px;
    text-align: left;
    overflow: auto;
}
/* h4 */
p.h4 {
    font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #005AAB;
}
.guardTimeBlock{
    visibility: hidden;
}
.footer{
  width: 963px;
  height: 29px;
  background-image: url(../Images/interface/footer.gif);
}
.h2image{
  background-image: url(../Images/interface/arrow_sm.gif);
}
.menu_text
{
    padding-left:10px;
}
.menu_item_act
{
    background-image:url(../Images/interface/active_bar.gif);
    height:58px;
    cursor:pointer;
    padding-left:15px;
}
.menu_item_pas
{
    background:none;
    height:58px;
    padding-left:15px;
}
a.button
{
    font-family: arial;
	font-size: 12px;
	font-weight:bold;
    width:300px;
	height:25px;
    text-decoration: none;
    margin-left:10px;
}
a.button span
{
    background: transparent url(../Images/interface/button_passive.gif) no-repeat;
    color: black;
    width:300px;
	height:25px;
    font-family: arial;
	font-size: 12px;
	font-weight: bold;
    padding-top: 2px;
    text-align: center;
    cursor:pointer;
    text-decoration: none;
}

a.button:hover
    text-decoration: none;
{
}

a.button:hover span
{ 
    background: transparent url(../Images/interface/button_active.gif) no-repeat;
    padding-top: 2px;
    text-decoration: none;
}