.clear {
    clear:both;
    font-size:0.01em;
    height:0;
    line-height:0;
    width:0;
}

.center{
    width: auto;
    margin: 0 auto;
}


.left{
    float: left;
}

.right{
    float: right;
}

.bold{
    font-weight: bold;
}

.fullname{
    color: #46bbca;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}




a{
    color: #46bbca;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    outline: none;
}

body{
    font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans, sans-serif;
    margin: 0;
    padding: 0;
    color: #222222;
    background: #ffffff;
    font-size: 15px;
    font-weight: 500;
    min-width: 960px;
}

ul, li{
    list-style: none;
    margin: 0;
    padding: 0;
}

h1{
    color: #46bbca;
    font-size: 23px;
    font-weight: bold;
    margin-top: 0;
}

h2 {
    color:#46BBCA;
    font-size:20px;
    font-weight:bold;
}
h3 {
    color:#46BBCA;
    font-size:16px;
    font-weight:bold;
}

img{
    border: none;
}
/*
.button{
    display: block;
    background: #46BBCA;
    text-shadow: 1px 1px #2e8490;
    border: 1px solid #128ea1;
    font-weight: 500;
    padding: 4px 12px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
*/

#header-top{
    background: #152933;
    font-size: 15px;
}

.company-logo{
    background: #152933;
    font-size: 15px;
}

#logo{
    width: 173px;
    height: 54px;
    display: block;
    text-indent: -9999px;
}

#ds-noc-logo{
    width: 183px;
    height: 41px;
    padding-left: 10px;
    padding-right: 10px;
}

#header-top{
    padding: 10px 10px;
}

#welcome{
    color: #ffffff;
    text-align: right;
    font-size: 13px;
    margin: 5px 10px;
    line-height: 20px;
}

#nav-top td{
    border-left: 1px solid #545454;
}

#nav-top td.first{
    border-left: none;
}

#nav-top td:hover, #nav-top td.sfhover{
    background: #46bbca;
}

#nav-top td:hover a, #nav-top td.sfhover a{
    color: #ffffff;
}

#nav-top a{
    display: block;
    padding: 6px 15px 0;
    height: 20px;
    text-align: center;
}

#header-bottom{
    border-top: 1px solid #222222;
    background: url(../images/header_bottom_bg.png) 0 0 repeat-x;
    height: 38px;
}

#nav ul{
    float: left;
    border-left: 1px solid #222222;
    border-right: 1px solid #545454;
    z-index: 10;
}

#nav li{
    float: left;
    background: url(../images/header_bottom_bg.png) 0 0 repeat-x;
    border-left: 1px solid #545454;
    border-right: 1px solid #222222;
}

#nav li:hover, #nav li.sfhover{
    background: url(../images/nav_border_top.png) 0 0 repeat-x #46bbca;
}

#nav li:hover a, #nav li.sfhover a{
    color: #ffffff;
}

#nav li ul{

    border-left: none;
    border-right: none;
}

#nav li li{
    background: url(../images/nav_border_top.png) 0 0 repeat-x #46bbca;
    border-left: none;
    border-right: none;
}

#nav li li:hover, #nav li li.sfhover{
    background: url(../images/nav_border_top.png) 0 0 repeat-x #54cad9;
}

#nav li a.parent{
    background: url(../images/right_arrow.gif) 240px no-repeat transparent;
}


#nav a{
    display: block;
    padding: 10px 15px 0;
    height: 28px;
    text-align: center;
}


#nav li ul{
    position: absolute;
    width: 260px;
    left: -999em;
    background: #46bbca;
}



#nav li ul a{
    width: 245px;
    padding: 10px 0 0 15px;
    color: #ffffff;
    text-align: left;
}

#nav li:hover ul, #nav li.sfhover ul{
    left:  auto;
    width: 261px;
    /*Use different value so that IE7 will show correctly*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li li:hover ul, #nav li li.sfhover ul{
    left: auto;
    width: 260px;
    /*Use different value with 221px with so that IE7 will show correctly*/
}

#nav li li li:hover ul,#nav li li li.sfhover ul {
    left: auto;
}

#nav li ul ul {
    margin: -38px 0 0 260px;
}

#horizontal #nav-item-7{
    position: relative;
    z-index: 20;
}

#nav #horizontal #nav-item-7:hover ul, #nav #horizontal #nav-item-7 li:hover ul, #nav #horizontal #nav-item-7 li li:hover ul, #nav #horizontal #nav-item-7.sfhover ul, #nav #horizontal #nav-item-7 li.sfhover ul, #nav #horizontal #nav-item-7 li li.sfhover ul {
    right: 0;
}

#nav #horizontal #nav-item-7 li:hover ul, #nav #horizontal #nav-item-7 li li:hover ul, #nav #horizontal #nav-item-7 li.sfhover ul, #nav #horizontal #nav-item-7 li li.sfhover ul {
    right: 260px;
}

#breadcrumb{
    border-bottom: 1px solid #ececec;
    padding: 5px 0;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
#breadcrumb a{
    text-transform: uppercase;
    font-size: 12px;
}

#main{
    margin: 0 10px;
}

.header{
    background: #222222;
    padding: 3px 5px 0;
    height: 27px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.header td{
    height: 27px;
}

.header .flot-chart-tab{
    cursor: pointer;
    padding: 0 5px;
}
/*
.header .button{
    margin-top: 0;
    margin-bottom: 3px;
    padding: 2px 10px;
    font-size: 14px;
    min-width: inherit;
}
*/
.header .flot-chart-tab a{
    font-size: 12px;
}

.header .active{
    background: #ececec;
    color: #222222;
}

.header .included{
    background: #c0c0c0;
}

.header h2{
    margin: 0;
    color: #ffffff;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    float: left;
}

.server-status{
    margin: 10px 0;
}

.server-status-text{
    background: #ececec;
    padding: 5px 35px 0px;
}

.server-status-gauge{
    background: #ececec;
    padding: 5px 20px;
    text-align: center;
    height: 30px;
}

#columns .column{
    float: left;
}

#activity{
    margin: 10px 0;
    min-width:300px;
    background: #ECECEC;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#activity .activity-chart{
    background: #ececec;
    width:  100%;
}

#server-status-graph{
    margin: 10px 0;
    min-width: 300px;
    background: #ececec;
    color: #222222;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#server-status-chart{
    background: #ececec;
    width:  100%;
}


#active-systems{
    margin: 10px 0;
    max-height: 500px;
}

#active-systems #active-systems-page-index{
    color: #45c3d3;
}

#active-systems .active-system{
    background: #ececec;
    background: url(../images/table_border_bottom.png) bottom center repeat-x #ececec;
    padding: 5px;
    margin: 0;
}

#active-systems .license-server-chart{
    width:  100%;
    min-width:300px;
}

#active-systems .license-server-legend{
    height: 75px;
}

#active-systems #active-systems-action{
    background: #222222;
    margin: 1px 0 0 0;
    padding: 5px;
    height: 22px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#active-systems #active-systems-action .next{
    float: right;
}


#active-systems #active-systems-action .prev{
    float: left;
}


#footer{
    margin-top: 10px;
    margin-bottom: 10px;
}


#footer #footer-top{
    background: url(../images/footer_top_bg.png) 0 0 repeat-x;
    border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid #b7b7b7;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    top: 1px;
}


#footer #footer-top a{
    padding: 0 10px;
}

#footer #footer-top .downloads{
    border-right: 1px solid #aadee4;
}

#footer #footer-top .contact-support{
    border-left: 1px solid #5dc4d1
}

#footer #footer-top .left{
    padding: 5px 10px 10px;
    background: url(../images/footer_border.png) 0 0 no-repeat;
}

#footer #footer-top .right{
    padding: 8px 0 5px;
    background: url(../images/footer_border.png) top right no-repeat;
}

#logo-ds-noc{
    background: url(../images/logo_ds_noc.png) 0 0 no-repeat;
    width: 205px;
    height: 42px;
    display: block;
    text-indent: -9999px;
}



#footer #footer-bottom{
    background: url(../images/footer_bottom_bg.png) 0 0 repeat-x;
    text-align: center;
    color: #ffffff;
    border-top: 1px solid #152933;
    padding: 10px 20px;
}

.two-column #columns #column-middle{
    margin-right: 0;
}

#form-wrapper table{
    width: 100%;
    padding: 0 10px;
}


.odd{
    background: #f5f5f5;
}

.even{
    background: #ffffff;
}

#form-wrapper table td{
    font-weight: normal;
    vertical-align: top;
    padding: 10px 10px 10px 5px;
}

#form-wrapper table table td{
    font-weight: normal;
    vertical-align: middle;
    padding: 0px 0px;
}

#form-wrapper table td.title{
    font-weight: bold;
}

#form-wrapper #submit-wrapper{
    text-align: left;
    margin: 20px 0 0;
}

#powered-by-asigra{
    background: url(../images/powered_by_asigra.png) 0 0 no-repeat;
    width: 98px;
    height: 52px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0;
}

#asigra-table table{
    width: 100%;
    border-spacing: 1px;
    padding: 0;
}

#asigra-table table th{
    background: #152933;
    color: #ffffff;
    text-align:center;
}

#asigra-table table tr td, #asigra-table table tr th{
    padding: 5px;
}

#asigra-table table .edit, #asigra-table table .delete{
    text-align: center;
}

.table-pager{
    text-align: center;
    margin: 30px 0 0;
    border-top: 1px solid #ECECEC;
    padding: 10px 0 0;
}

.table-pager .page{
    padding: 0 10px;
}



#tree .television{
    background: url(../images/television.png) left center no-repeat;
    padding: 0 0 0 20px;
}

#tree .server{
    background: url(../images/servers.png) left center no-repeat;
    padding: 0 0 0 20px;
}

#tree span a{
    font-size: 12px;
}

#tree span a:hover{
    color: #152933;
}

#tree{
    width: 50%;
    float: left;
    margin: 0 10px 0 0;
}

#tree ul{
    background: #F2F2F2;
    padding: 10px;
}

#details{
    width: 45%;
    float: left;
    padding: 0 10px;
}

#details-wrapper{
    background: #F2F2F2;
    min-height: 200px;
    padding: 10px 0;
}

#details .detail .item{
    margin: 10px 0;
}


#details .detail .item .title{
    width: 40%;
    float: left;
    text-align: right;
    margin: 0 20px 0 0;
    text-transform: uppercase;
}

#details .detail .item .content{
    width: 50%;
    float: left;
    font-weight: normal;
}

#details .detail .item .content .edit{
    background: url(../images/edit.png) left center no-repeat;
    width: 16px;
    height: 13px;
    display: block;
    text-indent: -9999px;
    padding: 5px 0 0;
}

#details .detail .item .content .delete{
    background: url(../images/delete.png) left center no-repeat;
    width: 14px;
    height: 15px;
    display: block;
    text-indent: -9999px;
    padding: 5px 0 0;
}

#details .detail .item .content .synchronize{
    background: url(../images/synchronize.png) left center no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    padding: 5px 0 0;
}

td{
    text-align: left;
}

td .nowrap{
    white-space: nowrap;
}

.warning{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    font-style: italic;
    color : #FF0000;
}

#login_div{
    width:     700px;
    border:    1px solid #128ea1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}
#login_title_div{
    width:          700px;
    text-align:     center;
    vertical-align: middle;
    border-bottom:  1px solid #128ea1;
}

.required{
    color : #FF0000;
    vertical-align:top;
}


.warning1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
    color : #FF0000;
}

.success1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
    color : #228B22;
}

.pagetitle{
    text-align: center;
    font-weight: bold;
    height:      30pt;
    width:       100%;
}

#section-navigation{
	text-align:right;
	padding: 5px 0;
}

/*tabs*/
.tabdark    {
    background:     #a3aab0;
}
.tabwhite   {
    background:     #152933;
    color:          #ffffff;
    white-space:    nowrap;
}
.tabimage1  {
    background-image:   url("../images/tabimage1.gif");
    white-space:        nowrap;
}
.tabimage2  {
    background-image:   url("../images/tabimage2.gif");
}
td.yellow0	{
    background-color: #FFEAC3;
}
td.yellow1	{
    background-color: #FFCF75;
}

#design-configuration label{
    font-weight: bold;
    display: block;
}

#sales-group-design-colors-wrapper .colour {
    border:1px solid #000000;
    height:60px;
    padding:45px 5px 5px 5px;
    width:100px;
    text-align:center;
    text-transform:uppercase;
    cursor:pointer;
}

#design-configuration div {
    margin:0 0 20px;
}

#design-configuration .theme-image{
    float: left;
    margin: 5px;
    border: 1px solid #000000;
    cursor: pointer;
}

#design-configuration .selected{
    margin: 0px;
    border: 6px solid #FF0000;
}

#sales-group-design-colors-wrapper .colour-wrapper {
    float:left;
    margin:0 5px;
}

.small-label {
    font-size:12px;
    font-weight:normal;
}

.dashboard-chart{
    font-size: 12px;
}

#dashboard-left-column{
    padding: 0 10px 0 0;
    min-width: 310px;
}

#dashboard-middle-column{
    padding: 0 10px 0 0;
    width: 100%;
}

#dashboard-right-column{
    min-width: 310px;
}

#backup-log{
    margin: 10px 0;
}

#backup-log #back-log-index{
    color: #45c3d3;
}

#backup-log-table{
    margin: 1px 0 0;
}

#backup-log-table table{
    border-collapse: collapse;
    width: 100%;
}


#backup-log-table table tr th{
    color: #ffffff;
    background: #46bbca;
    padding: 0px 5px;
    font-size: 11px;
    height: 30px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#backup-log-table table tr td{
    text-align: center;
    padding: 0px 5px;
    font-size: 12px;
    height: 22px;
    color: #252525;
    background: url(../images/table_border_bottom.png) bottom center repeat-x #ececec;
}


#backup-log-table table .status, #backup-log-table table .status-header{
    text-align: left;
}

#backup-log-table table .who, #backup-log-table table .who-header{
    text-align: left;
}

#backup-log-table table .acct, #backup-log-table table .acct-header{
    text-align: left;
}

#backup-log-table table .clnt, #backup-log-table table .clnt-header{
    text-align: left;
}

#backup-log-table table .desc, #backup-log-table table .desc-header{
    text-align: left;
}

#backup-log-table table .when, #backup-log-table table .when-header{
    text-align: right;
}

#backup-log-table table .edit, #backup-log-table table .edit-header{
    text-align: center;
}

#backup-log-table-action{
    background: #222222;
    color: white;
    padding: 5px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    height: 22px;
}

#storage-trend-container{
    margin: 0 15px;
}
#storage-trend-graph{
    width:  99%;
}

.server-status-gauge-links{
    text-align: left;
    padding: 5px 35px;
    background: #ececec;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.server-status-gauge-links a{
    padding: 5px 10px;
}
.server-status-gauge-links .active{
    background: #46bbca;
    color: #ffffff;
}

.inline-help{
    position:              relative;
    padding-left:          10px;
}

.inline-help .tooltip {
    display:               none;
    font-size:             12px;
    font-weight:           normal;
    width:                 300px;
    padding:               4px;
    border:                2px solid #FFC568;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
    background-color:      #FFF9E4;
    color:                 #000000;
    z-index:               5000;
    left:                  0px;
    top:                   auto;
    text-align:            left;
    position:              absolute;
}

.inline-help:hover .tooltip{
    display:              block;
}

.data-center-server-status{
    font-family: Arial;
}

.data-center-server-status table{
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    border-collapse:collapse;
}

.data-center-server-status td{
    border: 1px solid #ffffff;
    padding: 8px 5px;
    text-align: right;
    background: #cfe0e7;
}

.data-center-server-status th{
    border: 1px solid #ffffff;
    text-align: center;
}


.data-center-server-status .category{
    text-align: left;
}

.data-center-server-status tr.total td{
    background: #12859a;
    color: #ffffff;
}

.data-center-server-status tr.customers1 td{
    background: #b9e8ed;    
}

.data-center-server-status tr.customers0 td{
    background: #a3eff7;    
}

.license-trend-selection{
    background: #f5f5f5;
}

.license-trend-selection legend{
    font-weight: bold;
}

.license-trend-selection fieldset.fieldset_selection legend{   
    font-weight: normal;
}

.backup-error{
    color: #FF0000;
    font-weight:bold;
}

.number{
    text-align: right;
}

.ok-button{
    width: 100px;
}

.apply-button{
    width:     100px;
}

.sub-row{
    background: #cfe0e7;
}

.description{
    text-indent:    2.5em;
    padding-bottom: 5px;
    padding-top:    5px;
}

a.button{
    background: url("../images/button_end.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    height: 23px;
    margin-right: 13px;
    padding-right: 5px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px #1692a6;
    font-size: 12px;
    cursor: pointer
}


a.button span {
    background: url("../images/button.png") repeat-x scroll 0 0 transparent;
    display: block;
    line-height: 21px;
    padding: 1px 10px 1px;
    text-align: center;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

a.button:active{
	background-position: right bottom;
}


a.button:active span{
	background-position: left bottom;
}

.popup-container{
    position:              relative;
}
.popup{
    position:              absolute;
    display:               none;
    padding:               4px;
    border:                2px solid #FFC568;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
    background-color:      #FFF9E4;
    z-index:               5000;
    left:                  auto;
    top:                   auto;
}



.gray-text{
    color: #c0c0c0;
}

.backup_set_menu_bar{
    position:              absolute;
    display:               none; 
    z-index:               5000;
    background-color:      #FFF9E4;
    padding:               1px;
    font-size:             12px;
    border:                3px solid #FFC568;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
}
.backup_set_menu_text{
    padding: 6px 40px 6px 20px;
}
.backup_set_menu_item:hover{
    background: #46bbca;
}
.backup_set_menu_item:hover a{
    color:      #FFFFFF;
    cursor:     pointer;
}

.selection{
	background: #46bbca;
	color:      white;
}

.recovery-tracker{
    background:    #f5f5f5;
    padding:       0px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

 .recovery-tracker-chart-title{
    background-color: #0A5E87;
    color: #FFF9E4;
    padding: 5px;
    font-size: medium;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
}

.recovery-tracker-summary{
    height: 250px;
}

.recovery-comparison{
    height: 300px;
    position: relative;
}

.recovery-comparison-sales-group{
    height: 400px;
    min-width: 800px;
    position: relative;
}

.recovery-comparison-charts{
    height: 330px;
    min-width: 900px;
    position: relative;
}

.recovery-comparison-industry{
    height: 250px;
    position: relative;
}

.goal-setting{
    height: 450px;
}

.comparison-slider .ui-slider-range {
    background: #9F61A7;
}
.comparison-slider .ui-slider-handle {
    background: #47C3D3;
    border-color: #47C3D3;
}
.comparison-slider {
    background-color: #D9DCDC;
    width: 100%;
    min-width: 200px;
    position: relative;
    z-index: 0;
}
.recovery-goals-marker { 
    width: 0; 
    height: 10px; 
    border: 6px solid blue; 
    border-left: 6px solid transparent; 
    border-right: 6px solid transparent;
    position: absolute;
    z-index: 100; 
}
#slider-handle-legend {
    background: #47C3D3;
    border-color: #47C3D3;
    width: 1.2em;
    height: 1.2em;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
}
#recovery-goals-marker-legend { 
    width: 0; 
    height: 10px; 
    border: 6px solid blue; 
    border-left: 6px solid transparent; 
    border-right: 6px solid transparent;
}
.recovery-goals-group-marker {
    width: 0;
    height: 0;
    border: 15px solid #F08B21;
    border-left: 2px solid #F08B21; 
    border-right: 2px solid #F08B21; 
    position: absolute;
    z-index: 99; 
}
#recovery-goals-group-marker-legend { 
    width: 0;
    height: 0;
    border: 10px solid #F08B21;
    border-left: 2px solid #F08B21; 
    border-right: 2px solid #F08B21; 
}
.recovery-goals {
    height: 60px;
}
.recovery-goals-slider {
    padding-left: 10px; 
    padding-right: 10px;
}
    
.recovery-tracker-period{
    text-align: right;
    font-size: medium;
    vertical-align: top;
    padding-left: 20px;
}

#recovery-tracker-slider .ui-slider-range {
    background: #747884;
}
#recovery-tracker-slider {
    background-color: #D9DCDC;
}
#recovery-tracker-slider .ui-slider-handle {
    background: #47C3D3;
    border-color: #47C3D3;
}

.comparison-score-slider .ui-slider-range {
    background: #747884;
}
.comparison-score-slider {
    background-color: #D9DCDC;
}

.recovery--waiver-tracker-summary{
    height: 580px;
}

.license-server-status tr.total td{
    background: #12859a;
    color: #ffffff;
}

.tablink{
    color: #46bbca;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    outline: none;
}

#mass-deployment-header {
    font-family: Arial; 
    font-weight: bold; 
    font-size: 40px; 
    text-transform: uppercase; 
    text-align: center;
}

#mass-deployment-sub-header {
    font-family: Arial; 
    font-weight: normal; 
    font-size: 20px; 
    text-align: center;
    font-style: italic;
    padding-bottom: 15px;
}

a.stage-icon {
    display: block;
    height: 150px;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer
}

.stage1 {
    background: url("../images/mass_deployment/stage1-icon-off.png") no-repeat;
}
.stage1.disabled {
    opacity: 0.4;
    filter:  alpha(opacity=40); /* msie */
    cursor:  default;
}

#stage1-cell {
    background: url("../images/mass_deployment/stage1-icon-on.png") no-repeat -9999px -9999px;
}
#stage1-cell:hover .stage1:not(.disabled), #stage1-cell.hover .stage1:not(.disabled) {
    background: url("../images/mass_deployment/stage1-icon-on.png") no-repeat;
}
#stage1-cell a.button.disabled {
    opacity: 0.4;
    filter:  alpha(opacity=40); /* msie */
    cursor:  default;
}

.stage2 {
    background: url("../images/mass_deployment/stage2-icon-off.png") no-repeat;
}
.stage2.disabled {
    opacity: 0.4;
    filter:  alpha(opacity=40); /* msie */
    cursor:  default;
}

#stage2-cell {
    background: url("../images/mass_deployment/stage2-icon-on.png") no-repeat -9999px -9999px;
}
#stage2-cell:hover .stage2:not(.disabled), #stage2-cell.hover .stage2:not(.disabled) {
    background: url("../images/mass_deployment/stage2-icon-on.png") no-repeat;
}
#stage2-cell a.button.disabled {
    opacity: 0.4;
    filter:  alpha(opacity=40); /* msie */
    cursor:  default;
}

.stage3 {
    background: url("../images/mass_deployment/stage3-icon-off.png") no-repeat;
}
.stage3.disabled {
    opacity: 0.4;
    filter:  alpha(opacity=40); /* msie */
    cursor:  default;
}

#stage3-cell {
    background: url("../images/mass_deployment/stage3-icon-on.png") no-repeat -9999px -9999px;
}
#stage3-cell:hover .stage3:not(.disabled), #stage3-cell.hover .stage3:not(.disabled) {
    background: url("../images/mass_deployment/stage3-icon-on.png") no-repeat;
}
#stage3-cell a.button.disabled {
    opacity: 0.4;
    filter:  alpha(opacity=40); /* msie */
    cursor:  default;
}

.stage4 {
    background: url("../images/mass_deployment/stage4-icon-off.png") no-repeat;
}
.stage4.disabled {
    opacity: 0.4;
    filter:  alpha(opacity=40); /* msie */
    cursor:  default;
}

#stage4-cell {
    background: url("../images/mass_deployment/stage4-icon-on.png") no-repeat -9999px -9999px;
}
#stage4-cell:hover .stage4:not(.disabled), #stage4-cell.hover .stage4:not(.disabled) {
    background: url("../images/mass_deployment/stage4-icon-on.png") no-repeat;
}
#stage4-cell a.button.disabled {
    opacity: 0.4;
    filter:  alpha(opacity=40); /* msie */
    cursor:  default;
}

.menu-step {
    background: url("../images/mass_deployment/menu-step.jpg") no-repeat;
    display: table-cell;
    width: 110px;
    min-width: 110px;
    height: 51px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
}

td.legendColorBox {
    width: 1px;
}

#form-wrapper #mass-deployment-table {
    width: 98%;
    padding: 0 10px;
    margin-left: auto;
    margin-right: auto;
}

#form-wrapper #mass-deployment-table td{
    font-weight: normal;
    vertical-align: top;
    padding: 10px 30px;
    white-space: nowrap;
}

#form-wrapper #mass-deployment-table th.main-header, #form-wrapper table th.main-header {
    font-size: 20px;
    font-weight: bold; 
    border-bottom: 3px solid black;
    text-align: left;
    padding: 10px 10px 0 10px;
}

#form-wrapper #mass-deployment-table td.main-footer, #form-wrapper table td.main-footer {
    border-top: 3px solid black;
    padding: 10px 0px;
}

#form-wrapper #mass-deployment-table td.main-footer table td, #form-wrapper table td.main-footer table td {
    padding: 0;
}

#form-wrapper #mass-deployment-table td.main-footer a.button, #form-wrapper table td.main-footer a.button, #form-wrapper table td.main-footer div#back-button, #form-wrapper table td.main-footer div#next-button, {
    min-width: 100px;
}

#form-wrapper #mass-deployment-table td.main-footer div.disabled-button, #form-wrapper table td.main-footer div.disabled-button {
    opacity: 0.4;
    filter:  alpha(opacity=40); /* msie */
}

#form-wrapper #mass-deployment-table td.main-footer div.disabled-button a.button, #form-wrapper table td.main-footer div.disabled-button a.button {
    cursor: default;
}

#form-wrapper #mass-deployment-table .desc, #form-wrapper table .desc{
    padding: 0 5px;
}

#form-wrapper #mass-deployment-table .space, #form-wrapper table .space{
    padding: 0;
}

#form-wrapper #mass-deployment-table th.sub-header{
    font-weight: bold; 
    border-bottom: 1px solid #cccccc;
    padding: 10px 10px 0 10px;
    text-align: left;
}

#form-wrapper #mass-deployment-table td.sub-footer{
    border-top: 1px solid #cccccc;
    padding: 0;
}

#form-wrapper #mass-deployment-table #asigra-table table th{
    background: #757e83;
    color: #ffffff;
    text-align:center;
}

#form-wrapper #mass-deployment-table #asigra-table td{
    font-weight: normal;
    vertical-align: top;
    padding: 5px;
}

#form-wrapper #mass-deployment-table #button-table td{
    font-weight: normal;
    vertical-align: middle;
    padding: 0;
}

#form-wrapper #mass-deployment-table td.main-footer a.button, #form-wrapper table td.main-footer a.button, #form-wrapper table td.main-footer div#back-button, #form-wrapper table td.main-footer div#next-button {
    min-width: 100px;
}

#form-wrapper #mass-deployment-table .ui-selectmenu-button {
    font-size: 12px;
    height: 21px;
    vertical-align: top;
}
#form-wrapper #mass-deployment-table .ui-selectmenu-button .ui-selectmenu-text {
    padding: 3px 10px;
}

#form-wrapper #mass-deployment-table .ui-spinner {
    font-size: 12px;
    vertical-align: top;
    height: 22px;
}

#form-wrapper table td.field-label, #form-wrapper #mass-deployment-table td.field-label {
    padding-left: 35px;
}

.loader-dialog .ui-dialog-titlebar {
    display: none;
}

.k-widget.k-combobox .k-icon, .k-widget.k-dropdown .k-icon {
    margin-top: 20%;
}
