/*body {
    background-image: url(../img/bg.png);
    font-family: 'Rokkitt', verdana; font-size: 15px; font-weight: normal;
    margin-left: 0px; 
    margin-right: 0px; 
}*/


#logo {
    width: 1250px;
    margin: 0 auto; 
    height: 53px;
    background: url(../img/logo.png) no-repeat ;
}

#begin {
    margin: 0 auto; 
    padding-bottom: 12px;	
    width: 1226px;
    height: 45px;
/*    background: url(../img/pagetop.png) no-repeat bottom left; */
}

#begin>div {
    padding: 0;
    float: left;
    height: 57px;
}

#begin>div>a {
    display: block;
    outline: none;
    /*padding: 20px 0;*/
}

#primary/*#primary2 */ {
    margin: 0 auto; 
    width: 100%;
    border-top: 2px solid #999999;
    border-bottom: 2px solid #999999;
    background-color: #F0F1F1;
/*    background-image: url(../img/pagebg.png);  */
}

/*#primary2  {
	background-image: url(../img/pagebg2.png);
}*/

#apps {
    margin: 0 0 0 2px;
    width: 100%;
    height: 56px;
    background: url(../img/bottomlogos.png) no-repeat;
}

#underbottom {
    
    background-image: url(../img/pagebottom3.png);
    background-repeat: repeat-x;
    
}

#bottom {
    margin: 0 auto;
/*    width: 1226px; */
    height: 83px;
    background-image: url(../img/pagebottom2.png);
    background-repeat: no-repeat; 
    background-position: right top;
    
}

#followus {
    
    padding-top: 7px;
    padding-left: 120px;
    
    background-image: url(../img/pagebottom4.png);
    background-repeat: no-repeat;
    
    margin: 0 auto;	
    
    width: 1110px;
    
}

div.login/*,div.gclient*/ {
    margin: 0 0 0 100px;
    padding: 15px 0 0;
    float: left;
    width: 164px;
    height: 57px;
    background: url(../img/login.png) no-repeat;
}

/*div.gclient {
    background: url(../img/gclient.png) no-repeat;
}*/


div.home {
    margin: 0 0 0 220px;
    float: left;
    width: 124px;
    height: 57px;
    background: url(../img/home.png) no-repeat;
}


.begin a, .begin a:visited {
    color: #fff;
    font: 16px 'Rokkitt', serif;
    text-decoration: none;
    padding: 20px 0 20px 60px;
}

.login a, .login a:visited/*, .gclient a, .gclient a:visited */ {
    color: #fff;
    font: bold 24px 'Rokkitt', serif;
    text-decoration: none;
    padding: 16px 0 16px 70px;
}


div.dashboard {
    width: 162px;
    background: url(../img/dashboard.png) no-repeat;
}

div.clients {
    width: 137px;
    background: url(../img/clients.png) no-repeat;
}

.clients a, .options a, .support a  {
    padding: 20px 0 20px 65px;
}

div.options {
    width: 142px;
    background: url(../img/options.png) no-repeat;
}

div.support {
    width: 145px;
    background: url(../img/support.png) no-repeat;
}

div.copy {
    float: right;
    color: #990000;
    font-size: 13px;
    padding: 43px 60px 0;
}

/*.box_body h1 {
    padding: 14px 0 0;
    margin: 0 0 16px 30px;
    display: inline-block;
    height: 35px;
    min-width: 418px;
    font: 24px 'Rokkitt', serif;
    text-align: center;
    background: url(../img/page_header_bg.png) no-repeat;
}*/

.box_body h1{
    text-align: left;
    font-size: 21px;
    color:#1b232a;
    text-align: left;
    font-family: 'PT Sans', Ubuntu, sans-serif;
    font-weight: normal;
}

/*.box_body h2 {
    padding: 14px 0 0;
    margin: 0 0 16px 30px;
    display: block;
    height: 35px;
    width: 418px;
    font: 24px 'Rokkitt', serif;
    text-align: center;
    background: url(../img/page_header_bg.png) no-repeat;
}*/

/*
.box_body h2 {
    padding-top: 22px;
    margin-left: 30px;
    margin-top: 15px;
    display: block;
    height: 70px;
    width: 212px;
    font-family: 'Rokkitt', serif;
    font-size: 24px;
    color: #339900;
    text-align: center;
    background: url(../img/page_header_bg_2.png) no-repeat;

}*/
/*
.fix {
    clear: both;
}*/
div.box {
    width: 920px;
    /*padding: 0 0 16px;*/
    margin: 0 auto;
    float:left;
    margin-top: 10px;
}

div.box_body {
    /*padding: 10px 0 1px;*/
    /*background: url(../img/box_body.png) left bottom no-repeat; */
    min-height: 136px;
}
div.box_content {
    clear:both;
    /*padding: 0 20px;*/
}


div.box_start {
    margin: 0 auto;
    width: 920px;
    /*background: url(../img/box_start.png) no-repeat;*/
    /*padding: 16px 0 0;*/
}

div.box_middle {
    margin: 0 auto;
    width: 920px;
    /*background: url(../img/box_line.png) repeat-y;*/
}

div.box_end {
    height: 10px;
    margin: 0 auto;
    width: 920px;
    /*background: url(../img/box_end.png) left bottom no-repeat; */
}

.color_red {
    color: #dd0000;
}
/*.green {
    color: #339900;
}*/
.error {
    color: #ff0000;
    font-weight: bold;
}

.warring {
    color: #FFA500;
    font-weight: bold;
}

.succesfully {
    color: #009900;
    font-weight: bold;
}

/*a, a:visited {
    color: #999999;
}*/
.remind_pass_link {
    color: #888888;
    font-size: 14px;
}

input[type=text],  input[type=password], input[type=email], textarea, select {
    border-radius: 4px;
    /*display: block;*/
    background: #ffffff;
    border: 1px solid #cbcbcb;
    height: 30px;
    padding: 0 5px;
}

input[type=radio] {
    border: none!important;
}

input[type=checkbox] {
    border: none!important;
}


form {
    margin: 0;
    padding: 0;
}

.signin, .remind {
    width: 472px;
    color: #555555;
}
.signin form, .remind form {
    width: 280px;
}

.signin_input {
    width: 280px;
}

.submit, .box-button, .box-button-back, .refresh{
    background: url(../img/top_button.png) no-repeat !important;
    width:108px;
    height: 35px !important;
    background-repeat: none;
    cursor: pointer;
    text-decoration:none;
    padding: 6px 0;
    color:#fff;
    font-size:16px;
    text-shadow: 0px 0px 1px #fff;
    text-align: center;
    font-family: 'PT Sans', Ubuntu, sans-serif;
    display: inline-block;
    border: none !important;
    margin-right: 10px;
    color: #ffffff !important;
/*    color: #eeeeee;
    background: #888888 url(../img/button_overlay_50.png) repeat-x;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px 6px;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #222;
    border: 1px solid #222;
    position: relative;
    cursor: pointer;*/
}
.submit:hover, .box-button:hover, .box-button-back:hover, .refresh:hover{
    color:#fff;
}
.submit:active{
    top: 1px;
}

.submit:disabled {
    background:#666666;
    color: #ffffff;
}

.submit:disabled:active {
    top: 0px;
}

.button-red {
    color: #eeeeee;
    background-color: #902931 !important;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px 6px;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #222;
    border: 1px solid #222;
    position: relative;
    cursor: pointer;
}

table.full {
    margin: 0 0 0 1px;
     width: 1198px; 
    border-collapse:collapse;
}
table.full thead {
    font-size: 16px;
    background:  url(../img/thead_alpha.png) repeat;
}

table.full .left_padding, table.full .right_padding {
    padding: 0px !important;
    margin: 0px !important;
}

table.full tr {
    height: 40px;
}
table.full tr.line_1px {
    height: 1px;
}


/*table.full tbody td {
    border-style: dotted;
    border-width: 0 0 2px;
    border-color: #181615;
}*/

table.full td.center {
    text-align: center;
}

.invoice_number{
    text-align: center;
    width: 115px;
}

.invoice{
    text-align: center;
    width: 50px;
}

.dotted_line {
    background: url(../img/dott_5_1.png) repeat-x;
}

.form {
    /*width: 1200px;*/
    color: #000000;
}
.form form {
    /*margin: 0 auto;
    width: 760px;*/
}


.form label {
    display: inline-block;
    /*float: left;*/
    width: 400px;
    padding: 5px 0 0;
}

.form label.OS {
    display: inline-block;
    /*float: left;*/
    width: auto;
    padding: 5px 0 0;
}

.form label.error {
    color: red;
    float: none !important;
    width: auto;
    padding: 0;
}

.form label.warring {
    color: #FFA500;
    float: none !important;
    width: auto;
}

label.subform {
   
    display: inline;
    width: auto;
    float: none !important;
}

.listContainer {
    margin-left: 50px;
    clear: both;
}

.listContainer label {
    float: none;
    width: 250px;
}

.form input[type=radio], .form input[type=checkbox] {
    width: auto;
}
.form input, .form textarea {
    width: 199px;
}
.form select {
    width: 201px;
}
.form input.half, .form select.half {
    width: 98px;
}
.form input.error, .form select.error {
    border-color: red;
}

.form input.warring, .form select.warring {
    border-color: #FFA500;
}

.form .submit {
    width: 108px;
}
.form span.tip {
    font-style: italic;
    font-size: 12px;
}

.form form.rform div.row {
    clear: both;
    margin: 10px 0 0 0;
}

.form form.rform label {
    padding: 0;
}

#generateApikey {
    cursor: pointer;
}

img.delete, img.restore, img.uninstall {
    cursor: pointer;
}


.ui-dialog .ui-dialog-buttonpane button {
    color: #eeeeee;
    background: #888888 url(../img/button_overlay_50.png) repeat-x;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px 6px;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #222;
    border: 1px solid #222;
    position: relative;
    cursor: pointer;
}
.ui-dialog .ui-dialog-buttonpane button span {
    padding: 0;
    line-height: 16px;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
    background:#666666;
    color: #ffffff;
}
.ui-dialog .ui-dialog-buttonpane button:active {
    top: 1px;
}

.ui-dialog .ui-dialog-titlebar {
    font-size: 14px;
    padding: 2px 17px;
}

#ftree {
    height: auto;
    overflow-y: auto;
    padding-left: 5px;
}

#restoreLoading, #restoreResult , #serverDelResponse{
    display: none;
}
#restoreDialog .center {
    margin: 0 auto;
    display: block;
}

/*.serverIco, .statusIco, .lastBackIco, .nextBackIco, .restoreIco, .deleteIco, .versionIco, .editIco, .defaultIco, .retentionIco, .barIco {
    height: 32px;
}*/
.serverIco {
    background: url(../../bacula4hosts/img/server.png) no-repeat;
    padding: 0 0 0 19px;
}
.statusIco {
    background: url(../../bacula4hosts/img/status.png) no-repeat;
    padding: 0 0 0 30px;
    padding-bottom: 4px;
}
.lastBackIco {
    background: url(../../bacula4hosts/img/lastBack.png) no-repeat;
    padding: 0 0 0 31px;
}
.nextBackIco {
    background: url(../../bacula4hosts/img/nextBack.png) no-repeat;
    padding: 0 0 0 32px;
}
.restoreIco {
    background: url(../../bacula4hosts/img/restore.png) no-repeat;
    padding: 0 0 0 32px;
}
.deleteIco {
    background: url(../../bacula4hosts/img/delete.png) no-repeat;
    padding: 0 0 0 33px;
}
.statusShowIco {
    background: url("../../bacula4hosts/img/statusShowIco.png") no-repeat;
    width: 24px;
    height: 24px;
    padding: 0 0 0 40px;
}
.versionIco {
    background: url(../../bacula4hosts/img/version.png) no-repeat;
    padding: 0 0 0 28px;
}
.archiveIco {
    background: url(../../bacula4hosts/img/archive.png) no-repeat;
    padding: 0 0 0 28px;
}
.editIco {
    background: url(../../bacula4hosts/img/edit.png) no-repeat;
    padding: 0 0 0 38px;
}
.defaultIco {
    background: url(../../bacula4hosts/img/default.png) no-repeat;
    padding: 0 0 0 28px;
}
.retentionIco {
    background: url(../../bacula4hosts/img/clock.png) no-repeat;
    padding: 0 0 0 28px;
}
.barIco {
    background: url(../../bacula4hosts/img/bar.png) no-repeat;
    padding: 0 0 0 28px;
}
div.space {
    background: url(../../bacula4hosts/img/space.png) repeat;
    height: 16px;
    margin: 0;
}
div.spaceRed {
    background: url(../../bacula4hosts/img/spaceRed.png) repeat;
    height: 16px;
    margin: 0;
}
div.spaceYellow {
    background: url(../../bacula4hosts/img/spaceYellow.png) repeat;
    height: 16px;
    margin: 0;
}
div.spaceWrapper {
    position: relative;
    padding: 1px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #CCCCCC;
    height: 16px;
    width: 200px;
    margin: auto;
}
div.spaceWrapper>span {
    position: absolute;
    top: -3px;
    left: 0px;
    width: 200px;
    height: 16px;
    padding: 1px;
}

#addServer {
    margin: 0 0 0 70px;
}

#noOnlineMsg {
    display: none;
    margin: 5px 0;
    text-align: center;
}

.left_padding_jobs, .right_padding__jobs {
    padding: 0px !important;
    margin: 0px !important;
}


/*-----Dashboard---------*/
/*---Fileset---*/
.addmore {
    padding-left: 250px;
    overflow: hidden;
}

/*
div.formResource {
	width: 800px;
	padding: 10px;
	background-color: #eee;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	margin-left: 30px;
}

div.formResource form{
	display: none;
}*/

#advancedOptions {
	display: none;
}

.padding_left {
        clear: both;
	font-size: 1.2em;
	margin-top: 0px;
/*	margin-left: 30px;*/
/*	background-color: #eeeeee;
	border: 1px solid #000;*/
}

.padding_right {
	font-size: 1.2em;
	margin-top: 0px;
	margin-left: -20px;
	margin-right: 130px;
        padding: 5px;
}

.boxStatus {
    font-size:15px;
}

.boxFileset{
    font-size:15px;
}

boxSchedule{
    font-size:15px;
}

.ui-dialog-content {
    font-size: 16px;
}


div.wizardoption {

    /*padding-left: 40px;*/

}

div.padding40 {

    padding-left: 40px;

}


input.files, input.excludes {

    width: 400px;

}

div.files input {

   margin-bottom: 3px;

}

select.schedule {

    width: 100%;

}

.row {
	margin: 10px 10px 10px 0px;
        overflow: hidden;
}

form label, bdialog label {
	display: block;
	float: left;
	width: 400px;
        font-size: 14px;
}


/*form label.error { 
    float: none; 
    color: red; 
    padding-left: .5em; 
    vertical-align: top; 
    float: right !important
}*/


/*label.error {
    display: block;
    float: right !important;
    color: red;
    padding-left: .5em;
    vertical-align: top;
}*/

/* input.error, select.error {
    
    border: 1px solid red;
    float: left;
}*/


.windows label, .linux label, .freebsd label {

    display: block;
    float:none;

}

.green_button_margin {
	
	display: block;
	padding-bottom: 4px;
	padding-left: 0;
	padding-top: 3px;
	text-align: center;
	width: 120px;
	
}

label.short {

    width: 80px;

}

table.full tbody tr:hover {
    background-image: url("../img/color/red.png");
}

table.Invoices tbody tr:hover {
    background-image: url("../img/color/red.png");
}

table.Invoices {
    margin: 0 0 0 1px;
    width: 1198px;
    border-collapse:collapse;
}
table.Invoices thead {
    font-size: 16px;
    background:  url(../img/thead_alpha.png) repeat;
}

table.content_box_table .left_padding, table.content_box_table .right_padding {
    padding: 0px;
    margin: 0px;

}

table.Invoices thead tr {
    height: 40px;
}
table.Invoices tbody tr {
    height: 30px;
}
table.Invoices tr.line_1px {
    height: 1px;
}
table.Invoices td {
    text-align: center;
}

a.wizard_href:link {text-decoration: none} 


.run_0 {
	background-color: #dadada;
	padding: 10px;
}

a.remove {
	color: red;
}

.run_1 {
	background-color: #e9e9e9;
	padding: 10px;
}

.schlabel {
	width: 80px;
	float: left;
	padding-left: 10px;
}

a.jobMoreRuns_href:link {
    text-decoration: none;
    outline-style: none; 
    color: blue;
} 

.form_right {
    float: right;
    padding: 7px 0 3px 0;
}

.form_right_refresh {
    float: right;
    padding: 5px 0 3px 0;
}  

.form_right_terminated {
    float: right;
    padding: 21px 0 3px 0;
}

.form_users {
    text-align: right;
    padding: 0px 0 3px 0;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* .ellipsis:hover{
    overflow: visible;
    position: relative;
}
.ellipsis div:hover{
    width: 800px;
    background-color: #CCCCCC;
    top: -9px;
    position: absolute;
} */

#twitterButtom {
    margin: 0 0 0 130px;
}
#twitterButtom img {
    margin: 3px;
}

/* table headers in dashboard */
table#storages thead, #resources thead {
    text-align: center;
}
table#storages thead div, #resources thead div{
    display: inline-block;
    height: 32px;
    line-height: 32px;
}

/*#resources h1 {
    margin-top: 20px;
}*/

.autowidth {
    width: auto;
}

img {
   vertical-align: middle;
   border: 0;
}  

.form_search_right {
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 30px;
    text-align: right;
}

/*.refresh {
    color: #eeeeee;
    background: #888888 url(../img/button_overlay_50.png) repeat-x;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px 6px;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #222;
    border: 1px solid #222;
    position: relative;
    cursor: pointer;
    height:15px;
}
.refresh:hover{
    background:#666666;
    color: #ffffff;
}
.refresh:active{
    top: 1px;
}*/

.term_cut_td{
    overflow:hidden;
    width:200px;
}
div.inline { float:left; }
.clearBoth { clear:both; }

div.back_admin {
    padding: 13px 0px 0px 20px;
    height: 57px;
    width: 260px;
    margin: -10px 0 0 1000px;
    text-align: right;
    background: url("../img/back_admin.png");
    background-repeat: no-repeat;
}

.back_admin a, .back_admin a:visited {
    color: #fff;
    font: 16px 'Rokkitt', serif;
    text-decoration: none;
    padding: 0px 60px 0px  0px ;
}

#climit {
    
   padding-top: 10px;
   padding-left: 70px;
   color: red;
    
}

#log .message pre {
    font-size: 11px;
/*    height: 1pc;*/
    margin-top: 0em;
    margin-bottom: 0em;
}

.dialog-pages{
    padding: 13px 0px 0px  0px ;
}

.styled-select {
   width: 100px;
   overflow: hidden;
   font-size: 13px;
}

div.curlexample {
   
    font-size: 11px;
    
    background-color: #eeeeee;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-radius: 5px 5px;
    border: #dddddd 1px solid;
    margin-bottom: 10px;

}

.div_left{
    margin-top: 20px;
}

.purgeall {
    text-align: right;
    margin: 2px 60px 0 0;
}

.button_right {
    float:right;
    text-align: right;
    margin: 2px 8px 0 0;
}

.button_right a {
    text-decoration: none;
    display: inline !important;
    background: none !important;
    border: none !important;
}

.button_left {
    float:left;
    text-align: left;
    margin: 2px 8px 0 0;
}

.button_left a {
    text-decoration: none;
    display: inline !important;
    background: none !important;
    border: none !important;
}

.mhauto {
    margin-right: auto;
    margin-left: auto;
}

.w60 {
    width: 60px;
}

.top-box {
    font-size: 25px;
    margin-top: 0px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 5px;
    color: #000;
}

.box-rounded{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px;
    height: 100%;
    margin: 20px 20px 20px 0px;
    padding: 20px;
    width: 96%;
    overflow: hidden;
}
.box-rounded2{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px;
    height: 100%;
    margin: 5px 20px 20px 0px;
    padding: 10px;
    width: 96%;
    overflow: hidden;
}

.box-rounded-special{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px;
    height: 100%;
    margin: 20px 20px 20px 0px;
    padding: 20px;
    width: 96%;
}

.box-rectangle-lightcyan{
    background: #f0f8fc;
    border: 1px solid #ccc;
    width: 99.4%;
    margin: 30px 0px 30px -61px;
    padding: 15px 0px 15px 85px;
}

.box-rectangle-lightcyan label{
    width:100%;
}

.box-rectangle-lightyellow{
    background: #ffffe1;
    border: 1px solid #e6db5b;
    width: 99.4%;
    margin: 30px 0px 30px -61px;
    padding: 15px 0px 15px 85px;
}

.box-recommended{
    background: #3a87ad;
    border-radius: 4px 4px;
    color: #fff;
    text-align:center;
    width: 104px;
    position: absolute;
    margin: -73px 0px 0px -26px;
    padding: 0px 4px 0px 4px;
}

.box-elastic{
    background: #3a87ad;
    border-radius: 4px 4px;
    color: #fff;
    text-align:center;
    width: 104px;
    position: absolute;
    margin: -73px 0px 0px -26px;
    padding: 0px 4px 0px 4px;
}

.box-number {
    display: block;
    float: left;
    font-size: 20px;
    text-align:center;
    width:25px;
    margin: 0px 5px 0px 0px;
    line-height:25px;
    color: #fff;
    background: #94bd46;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}

.box-name{
    font-size: 18px;
    color: #111;
}

.box-name span {
    display:block;
    font-size: 15px;
    color: #999;
    font-style: italic; 
}

.box-content{
    margin: 0px 0px 0px 40px;
}

/*.box-button{
    width: 90px;
    height: 33px;
}*/

.box-button-back{
/*    width: 90px;
    height: 33px;*/
}

.button-red {
    color: #eeeeee;
    background: #CC0000 url(../img/button_overlay_50.png) repeat-x;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px 6px;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #222;
    border: 0px solid #222;
    position: relative;
    cursor: pointer;
}

.box-button-left{
    display: inline;
    margin-left: 4%
}

.box-button-right{
    float:right;
    display: inline; 
}

.box-one-button-right{
    float:right;
}

.display-inline{
    display: inline;
}

.box-label-rounded{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px 5px;
    height: 100%;
    margin: 5px 5px 5px 34px;
    padding: 5px 5px 5px 5px;
    width: 94.5%;
}

/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
    float:left;
    margin: 0px -25px 0px 0px;
    padding:10px;
    clear:both;
}
.wizard-steps div {
    display: inline;
}

/* = STEP NUMBERS
----------------------------*/
.wizard-steps span {
    display: block;
    float: left;
    font-size: 20px;
    text-align:center;
    width:25px;
    margin: 0px 5px 0px 0px;
    line-height:25px;
    color: #fff;
    background: #cbcbcb;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}

/* = DEFAULT STEPS
----------------------------*/
.wizard-steps a {
    /*position:relative;*/
    display:block;
    width:auto;
    height:24px;
    margin-right: 20px;
    padding:0px 10px 0px 3px;
    float: left;
    font-size:11px;
    line-height:24px;
    color:#666;
    font-size:17px;
}

/* = COMPLETED STEPS
----------------------------*/
.wizard-steps .completed-step span {
    display: inline-block;
    width: 25px;
    background: url("../img/wizard-steps/ok.png") no-repeat center; 
    color: transparent;
    text-indent: -9999px;
}

/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step a {
    font-weight: bold;
}

.wizard-steps .active-step span {
    color: #fff;
    background: #989898;
}

/* = HOVER STATES
----------------------------*/
.wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
    color:#CC0000;
}
.wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
    font-weight: bold;
}

.separate{
    float: left;
    width: 25px;
    background: url("../img/wizard-steps/separate.png") no-repeat center; 
    color: transparent;
    margin: 0px 0px 0px -30px;
}

.box-fileset{
    display: inline-block;
    width: 100%;
    padding: 4px;
}

.box-onefs{
    display: inline-block;
    width: 100%;
    padding: 0px;
}

.storage-actual{

}

html, body {position: relative}

html{
  padding: 0;
  margin: 0;
}

body {
  margin: 0;
  padding: 0;
  text-align:center;
  font-family: 'PT Sans', Ubuntu, sans-serif;
  font-size: 12px;
  background-color: #282828;
}

.wrap {
  margin: 0 auto;
  width: 1500px;
  background-color: #F5F5F5;
  position: relative;
  height: 100%;
  background-image: url(../img/content-bg.jpg);
  background-repeat: repeat-y;
  color: #000;
}

.header-background {
  margin: 0;
  width: 1500px;
  height:45px;
  background-image: url(../img/head-bg.jpg);
  background-repeat: repeat-x;
}

.tabmenu-background {
  margin: 0;
  width: 1500px;
  height:45px;
  background-color: #222222;
  clear:both;
}

.tabmenu {
  float:left;  
  width: 250px;
  height:45px;
  margin-left:15px;
}

.tabmenu a {
    display:inline-block;
    width: 250px;
    height: 45px;
    float: left;
    color: #f9f9f9;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    line-height: 45px !important;
}

.tabmenu a:hover {
    color: #f9f9f9;
    text-decoration: none;
    background-color: #2e2f30;
}

.tabmenu a.currenttab {
    color: #f9f9f9;
    text-decoration: none;
    background-color: #2e2f30;
}

.user_header {
    float:right;
    padding: 15px 0 0 20px;
    font-size:15px;
    color:#fff;
    text-shadow: #fff 0 0 1px;
}

.user_header img {
    margin-bottom: 3px;
}

.content-box {
  width: 1500px;
  margin:0 auto;
  background-image: url(../img/content-bg.jpg);
  background-repeat: repeat-y;
  overflow: hidden;
}

.bacula-logo {
    width: 1180px;
    margin: 0 0 0 16px;
    height: 45px;
    background: url(../img/logo.jpg) no-repeat;
    float: left;
}

.clusterlogics-logo {
    width: 1180px;
    margin: 5px 0 0 16px;
    height: 40px;
    background: url(../img/logo-cl-ui-full.png) no-repeat;
    float: left;
}

.home-link a {
    display:inline-block;
    width: 200px;
    height: 45px;
    float: left;
}

#left-box {
  width: 211px;
  background-color: #F5F5F5;
  background-image: url(../img/left-bg.jpg);
  background-repeat: repeat-y;
  float: left;
}

.content {
  width: 1230px;
  float: right;
  text-align: left;
  padding: 20px 0;
  font-size: 14px;
}

.left-box ul {
    margin: 0;
    margin-top: 28px;
    padding: 0;
    float: left;
}

.left-box ul li {
    color: #b3d0d0;
    text-shadow: #b3d0d0 0 0 1px;
    padding: 0;
    float: left;
    height: 42px;
    width: 211px;
    font-size: 16px;
    background: url(../img/left-menu-bg.jpg) no-repeat;
    vertical-align: middle;
}

.left-box ul li#active {
    background: url(../img/left-menu-active-bg.jpg) no-repeat;
}

.left-box ul li a {
    color: #b3d0d0;
    font-size: 16px;
    display: block;
    padding: 10px 10px 10px 0;
    text-decoration: none;
}

.left-menu li#active a {
    color: #ffffff;
}
.menubreak {
    height: 5px  !important;
    background: url(../img/left-submenu-bg-top.jpg) no-repeat  !important;
}


ul {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

.plan {
    padding-top:20px;
    padding-left: 20px;
    text-align: left;
    font-size: 13px;
    color: #ffffff;
    text-shadow: #ffffff 0 0 1px;
    float: left;
    line-height: 15px;
}

.content-title {
    font-size: 21px;
    color:#1b232a;
    text-align: left;
    padding: 30px 0;
}

.alertbar {
    width:920px;
    height: 37px;
    text-align: left;
    font-size: 14px;
    color:#000;
}

a {
    color:#007bcc;
}

a:hover {
    color:#007bcc;
}


.alertbar_left {
    float:left;
    width:10px;
    height: 37px;
    background: url(../img/alertbar-left.png) no-repeat;
}

.alertbar_content {
    padding: 10px;
}

.alertbar_content_wrap {
    background-image: url(../img/alertbar.png);
    background-repeat: repeat-x;
    width:910px;
    height: 37px;
    margin:0 auto;
}

.alertbar_right {
    float:right;
    width:5px;
    height: 37px;
    background: url(../img/alertbar-right.png) no-repeat;
}

.alert_jobs {
    float:right;
}

.content_box {

}

.content_box_header {
    width:920px;
    height:32px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    border: 0 none;
}

.content_box_header_left {
    float:left;
    width:8px;
    height:32px;
    background: url(../img/content_box_top_left_corner.png) no-repeat;
}

.content_box_header_right {
    float:right;
    width:8px;
    height:32px;
    background: url(../img/content_box_top_right_corner.png) no-repeat;
}

.content_box_header_wrap {
    margin:0 auto;
    width: 904px;
    background-image: url(../img/content_box_top_bg.png);
    background-repeat: repeat-x;
}

.content_box_header_content {
    padding: 10px;
}
.content_box_header_links {
    float:right;
    font-weight: normal;
}

.content_box_header_links  a {
    text-decoration: underline !important;
    color: #007BCC;
}

.content_box_wrap {
    width:920px;
    background-image: url(../img/content_box_bg.jpg);
    background-repeat: repeat-y;
    padding: 0 1px;
    overflow: auto;
}

.content_box_table {
    width: 918px;
    font-weight: normal !important;
    font-size: 13px !important;
    text-align: center;
    border: none; 
    margin-bottom: 2px;
}

.content_box_table tr {
    height: 36px;
}

.content_box_table tr td {
    padding: 0 5px;
}

.content_box_table tr td:first-child {
    padding: 0 0 0 10px;
}

.content_box_table_top {
    width: 918px;
    height: 27px !important;
    background-image: url(../img/content_box_top_bg.jpg);
    background-repeat: repeat-x;
    text-shadow: #000 1px 0 0;
}

.content_box_footer {
    width:920px;
    height:8px;
    background: url(../img/content_box_bottom.png) no-repeat;
}

table.content_box_table tbody tr:nth-child(even) {
    width: 918px;
    height: 38px !important;
    background-image: url(../img/content_box_row_bg.jpg);
    background-repeat: repeat-x;
  
}


.content_box_small {
    width: 440px;
    padding-top: 30px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #1b232a;
}

.content_box_small_header {
    width:440px;
    height:32px;
}

.content_box_small_header_wrap {
    margin:0 auto;
    width: 428px;
    background-image: url(../img/content_box_top_bg.png);
    background-repeat: repeat-x;
}

.content_box_small_header_content {
    padding: 10px;
}


.content_box_small_header_links {
    float:right;
    font-weight: normal;
}

.content_box_small_wrap {
    overflow: auto;
    width:440px;
    background-image: url(../img/content_box_small_bg.jpg);
    background-repeat: repeat-y;
    padding: 0 1px;
}

.content_box_small_footer {
    width:440px;
    height:10px;
    background: url(../img/content_box_small_bottom.png) no-repeat;
}

.content_box_small_table_alternate {
    width: 438px;
    height: 38px !important;
    background-image: url(../img/content_box_row_bg.jpg);
    background-repeat: repeat-x;
}


span.tools {
    display:none;
}

.content_box_table tr:hover span.tools {
    display:    block;
}

.content_box_table tr:active span.tools {
    display:    block;
}

.content_box_small_table {
    width: 438px;
    font-weight: normal;
    font-size: 13px;
    text-align: center;
    border: none;
}

.content_box_small_table tr {
    height: 36px;
}
.content_box_small_table tr td {
    padding: 5px 0 0 10px;
}

.content_box_small_table_top {
    width: 438px;
    height: 27px !important;
    background-image: url(../img/content_box_top_bg.jpg);
    background-repeat: repeat-x;
    text-shadow: #000 1px 0 0;
}


.content_box_small_table_alternate {
    width: 438px;
    height: 38px !important;
    background-image: url(../img/content_box_row_bg.jpg);
    background-repeat: repeat-x;
}


.topbar {
    width:920px;
    height: 51px;
    text-align: left;
    font-size: 16px;
    color:#000;
}


.topbar_left {
    float:left;
    width:8px;
    height: 51px;
    background: url(../img/top_panel_left_part.png) no-repeat;
}

.topbar_content {
    padding: 10px;
}

.topbar_content_wrap {
    background-image: url(../img/top_panel_bg.png);
    background-repeat: repeat-x;
    width:910px;
    height: 51px;
    margin:0 auto;
}

.topbar_right {
    float:right;
    width:8px;
    height: 51px;
    background: url(../img/top_panel_right_part.png) no-repeat;
}
.topbar_search {
    display: block;
    width:102px;
    height: 30px;
    background: url(../img/search_button.png) no-repeat;
    color: #1b232a;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height:30px;
    float: right;
}

.topbar_search:hover {
    color: #1b232a;
    font-size: 15px;
    font-weight: bold;
}



.topbar_big {
    width:920px;
    height: 102px;
    text-align: left;
    font-size: 16px;
    color:#000;
}


.topbar_big_left {
    float:left;
    width:9px;
    height: 102px;
    background: url(../img/top_panel_big_left_part.png) no-repeat;
}

.topbar_big_content {
    padding: 10px;
}

.topbar_big_content_wrap {
    background-image: url(../img/top_panel_big_bg.png);
    background-repeat: repeat-x;
    width:910px;
    height: 102px;
    margin:0 auto;
}

.topbar_big_right {
    float:right;
    width:9px;
    height: 102px;
    background: url(../img/top_panel_big_right_part.png) no-repeat;
}


.search_input {
   float: left;
}

.search-select {
    float:left;
    margin-left:7px;
}

.search-select-inner {
    float:left;
}

.search-select-inner select {
   width: 185px;
   padding:5px;
   background: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
}

.search-select select {
   width: 185px;
   padding:5px;
   background: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
}


.small-select {
   margin-left: 7px;
   float: left;
   font-size: 13px;
   height: 30px;
}

.small-select select {
   width: 50px;
   padding:5px;
   background: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
}

.middle-select {
   margin-left: 7px;
   float: left;
   font-size: 13px;
   height: 30px;
}

.middle-select select {
   width: 165px;
   padding:5px;
   background: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
}




.pool-search-select {
   float: left;
   font-size: 13px;
}

.pool-search-select select {
    width: 200px;
    padding:5px;
    background: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
}
.pool-search-select-inner select {
}


.plan_label {
    color:#B5B5B5;
    text-shadow: #b5b5b5 0 0 1px;
}
h1 {
   font-family: 'PT Sans', Ubuntu, sans-serif;
   text-align: left;
   color: #1B232A;
   font-size: 21px;
   font-weight: normal;
}
.admin_link {
    float:right;
}

.admin_link a {
    color:#fff;
}

#storage_usage {
    overflow: hidden;
}

.hasDatepicker {
    background: #fff url(../img/icon-calendar.png) no-repeat right !important;
}




/*Initialize*/
ul#top-menu, ul#top-menu ul.top-sub-menu {
    width: 190px;
    padding: 0;
    margin: 0;
    height: 30px;
}

ul#top-menu li, ul#top-menu ul.top-sub-menu li {
    list-style-type: none;
    display: inline-block;
}
/*Link Appearance*/
ul#top-menu li a, ul#top-menu li ul.top-sub-menu li a {
    text-decoration: none;
    color: #fff;
    padding: 5px 5px 5px 20px;
    display:inline-block;
    width: 150px;
    font-size: 14px;
}

ul#top-menu li ul.top-sub-menu li a {
    color:#333329;
    text-shadow: 1px 0 0 #333329;
    font-size: 14px;
}

ul#top-menu li ul.top-sub-menu li a:hover {
    width: 150px;
    height: 32px;
    background: #7d141c;
    color:#fff !important;
    font-size: 14px;
}


/*Make the parent of top-sub-menu relative*/
ul#top-menu li {
    position: relative;
    height: 32px;
    text-align: right;
    width: 180px;
}
/*sub menu*/
ul#top-menu li ul.top-sub-menu {
    display:none;
    position: absolute;
    top: 25px;
    width: 190px;
    z-index: 99999;
}

ul#top-menu li ul.top-sub-menu li {
    background: url(../img/drop-down-menu-bg.png) repeat-y;
    width: 189px;
    font-size: 14px;
    padding-left: 7px;
    text-align: left;
}

ul#top-menu li ul.top-sub-menu li#login a {
    border-top: 1px solid #dddddd;
    text-shadow: 1px 0 0 #7d141c;
    color:#7d141c;
}


ul#top-menu li ul.top-sub-menu li#first {
    height: 10px !important;
}

ul#top-menu li ul.top-sub-menu li#last {
    background: url(../img/drop-down-menu-bottom.png) no-repeat !important;
    height: 30px !important;
}

ul#top-menu li:hover ul.top-sub-menu {
    display:block;
}

.page_form {
    text-align: center;
    width: 920px;
    padding: 10px 0;
    margin: 0;
    font-size: 0;
}

.page_form a {
    display:inline-block;
    width:20px;
    background: #fff;
    outline: thin solid #cbcbcb;
    height: 20px;
    padding: 5px;
    font-size: 12px;
}

.page_total {
    float:right;
    font-size: 12px;
    padding: 5px;
}

.curent_page {
    display:inline-block;
    width:20px;
    background: #fff;
    outline: thin solid #cbcbcb;
    height: 20px;
    padding: 5px;
    font-size: 12px;
}

.current_page {
    width:20px;
    height: 20px;
    padding: 5px;
    font-size: 14px;
}


.downloads {
    font-weight: bold;
}

.downloads .row a {
    color: #8b222a !important;
    font-weight: normal;
}

.settings {
    font-size: 16px;
    width: 920px;
}

.settings hr {
    border-color: #d0d0d0;
}

.settings h1 {
    font-size: 16px;
    font-weight: bold;
}

.settings input[type=text] {
    width: 300px;
}

.edit_user {
    font-size: 16px;
    width: 920px;
}

.edit_user hr {
    border-color: #d0d0d0;
}

.edit_user h1 {
    font-size: 16px;
    font-weight: bold;
}

.edit_user input {
    width: 300px;
}

#box_storage {
    float: left;
}

#box_storage_diagram {
    float: right;
}

#box_pools {
    float:left;
}

#box_jobs {
    float:left;
}

.header_left {
    float:left;
    overflow: auto;
}

.header_right {
    float:right;
    overflow: auto;
}

.row input[type=text], input[type=password], input[type=email] {
    width: 300px;
}

.row textarea {
    width: 300px;
}

.alertbar_content a {
    text-decoration: underline;
}

#add_server_step1 {
    overflow: auto;
}

.note {
    display:block;
    padding:10px;
    border: 1px solid #e6db5b;
    background: #ffffe1;
    width: 630px;
}

.note a {
    color: #8B222A;
    text-decoration: underline;
}

#logdialog {
    text-align: left;
}

#log {
    text-align: left;
}

#serverlog {
    text-align: left;
}

#statuslog {
    text-align: left;
}

.submit:hover{
    color:#ffffff;
}

#option_cpanel {
    width: 90%;
}

.ui-widget-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     background:#000 !important;
     opacity: 0.7;
}

.ui-dialog {
    text-align: left !important;
}

.silver_button{
   background: url(../img/search_button.png) no-repeat;
   padding: 6px 7px;
   margin: 10px 0px 0px 0px;
   display: block;
   color: #1b232a;
   font-size: 15px !important;
   height: 30px;
}

.silver_button:hover {
    color: #1b232a;
    font-size: 15px;
}


div.apilist {
    font-size: 14px;
    background-color: #eeeeee;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-radius: 5px 5px;
    border: #dddddd 1px solid;
    margin-bottom: 10px;
}

div.apilist a{
    color:#8B222A;
    text-decoration: underline;
}

a:hover {
    color:#007bcc;
}

div.padding_left a{
   color:#000; 
}

.brackets {
    color: #999999;
    display: inline;
    font-size: 15px;
    font-weight: normal;
}

.manage_account a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
    text-shadow: none;
}

.small_head {
    float:left;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0;
}

.home_row {
    width: 490px;
}

.home_row_left {
    float:left;
    font-size: 16px;
    padding: 10px 0 0 0;
    display:inline;
    width:385px;
}

.home_row_left span {
    float:right;
    color:#aaaaaa;
    font-size: 14px;
}

.home_row_right{
    float:right;
    padding: 5px 0 0 0;
}
.home_row_right a {
    background: url("../img/greybutton_bg.png") no-repeat scroll 0 0 transparent !important;
    width: 82px;
    height: 25px;
    display:inline-block;
    font-size: 13px;
    color: #000;
    padding:5px 0;
    text-align: center;
}

.hr_line {
    float: left;
    width: 490px;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #d0d0d0;
}

#onappzones, #solusnodes, #xenhosts {
    margin-top: 10px;
    margin-bottom: 30px;
    overflow: hidden;
}

#onappzones div, #solusnodes div, #xenhosts div {
    width: 900px;
    overflow: hidden;
    float: left;
}

#onappzones div label, #solusnodes div label, #xenhosts div label {
    width: 900px;
}

#onappzones div label span, #solusnodes div label span, #xenhosts div label span {
    display:inline;
}

#sshform label {
    /*width: 114px;*/
}

#sshform label.OS {
    width:auto;
}

#sshform input[type=text] {
    width: 200px;
}

.row #startinstall {
    width:200px;
    background: #902931 !important;
    border-radius: 4px;
}

.underline a {
    text-decoration: underline;
}

.box-rounded-rectangle-yellow{
    background: #f4f9c5;
    border: 1px solid #e6db5b;
    border-radius: 5px 5px;
    margin: 0px 0px 20px 0px;
    padding: 10px 14px 10px 14px;
}

.box-rounded-rectangle-red{
    background: #FFBABA;
    border: 1px solid #FF4D4D;
    border-radius: 5px 5px;
    margin: 0px 0px 20px 0px;
    padding: 10px 14px 10px 14px;
}

#noRecentMsg {
    text-align: center;
    padding: 5px;
}

.schedule_settings {
    vertical-align: middle;
    line-height: 40px;
}

.download_box {
    margin: 30px 0px 30px 0px;
}

#serverpassword {
    width: 200px!important;
}

.migrateform label {
    display: block;
    float: left;
    width: 300px;
}

#source_ssh img{
    margin: 0 10px;
}

#destination_ssh img {
    margin: 0 10px;
}

.row #nextserver {
    width:200px;
    background: #902931 !important;
    border-radius: 4px;
    height: 23px!important;
    line-height: 23px; 
}

.checkbox-disabled > a > .jstree-checkbox{
    display: none;
}

.row2 {
        clear: both;
	margin: 10px 10px 10px 20px;
        overflow: hidden;
}

.row2 input[type=text], input[type=password], input[type=email] {
    width: 300px;
}

.row2 textarea {
    width: 300px;
}

div.row2 {
    clear: both;
}

#hypervisorform label {
    width: 150px;
}

#hypervisorform input.error, #hypervisorform select.error {
    border-color: red;
    float: left;
}

#for_user_label {
    display: inline-block;
    float: left;
    width: 200px;
    padding: 5px 0 0;
}

#bdsshloginform label {
    width: 114px;
}

#termData {
    display: table-cell; 
    vertical-align: middle;
}

#termData label {
    float: left;
    margin: 1px;
}

.termDatacell {
    display: flex;
    align-items: center;
    float:left;
    margin-right:5px;
    height:40px;
}

.termDatacell2 {
    display: flex;
    align-items: center;
    float:left;
    margin-right:4px;
}


.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.ajaxloadercontainer {
    position: fixed;
    top: 350px;
    left: 50%;
    margin-top: -96px;
    margin-left: -96px;
    opacity: .85;
    width: 930px;
    height: 600px;
    z-index: 99999;
}

#retentionbox {
    line-height: 30px;
}

#retentionbox label, select, span, input {
    display: inline-block;
    vertical-align: middle;
}

#retentionbox input[type=number] {
    width: 40px;
}


.servers_label { 
    float:left; 
    font-weight: bold;
    line-height:35px;
}

.server-select-inner { 
    float:left; 
}

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative;  }
.dropdown a, .dropdown a:visited { color:#000000; text-decoration:none; outline:none;}
.dropdown a:hover { color:#000000;}
.dropdown dt a:hover { color:#000000; border: 1px solid #cbcbcb;}
.dropdown dt a {  float: left;
   width: 70px;
   font-size: 13px;
   height: 30px;
   line-height: 30px;
   border-radius: 4px !important;
   border: 1px solid #cbcbcb !important;
   background: url(../img/dropdownarrow.png) no-repeat right #fff !important;
    
}
.dropdown dt a span {cursor:pointer; display:block; padding:0 5px;}
.dropdown dd ul { width: 70px; background:#ffffff none repeat scroll 0 0; border:1px solid #cbcbcb; color:#000000; display:none;
                  left:0px; padding:5px 0px; position:absolute; top:25px; list-style:none; height: 300px; overflow: auto; z-index:999}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:0 15px; height: 25px; line-height: 25px; display:block;}
.dropdown dd ul li a:hover { background-color:#1E90FF;}


.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url(../img/loading.gif) 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
.loading .modal {
    display: block;
}
.typecell {
    display: flex;
    align-items: center;
    float:left;
    margin-right:5px;
    height:30px;
}

.typecell label{
    width:50px;
}

#logssearch_form {
   float: left;
   margin-left:250px;
   width:450px;
}

.trialrow {
	margin: 10px 10px 10px 10px;
        overflow: hidden;
}

.trialrow input[type=text] {
    width: 300px;
    float:left;
}

.trialrow textarea {
    width: 300px;
}

.trialrow label {
    width: 100px;
    float:left;
}

#customize_iso td, th {
    
    padding-bottom: 10px;
}

fieldset.disk  {
    
    padding: 10px;
    border: 1px solid #999999;    
    text-align: center
}

div.disk {
  width: 98%;  
  height: 32px;
  background-color: #CCCCCC;  
  border: 1px solid #999999; 
 /* padding-top: 5px;*/
 /* padding-bottom: 5px;*/
  margin-bottom: 5px; 
  text-align: center
}

span.patition {
  position: relative;
  margin: auto;
  border: 1px solid #000000; 
  /*padding: 3px;*/  
  text-align: center
}


div.space_green, div.space_yellow, div.space_red{

 /*background: url(../../bacula4hosts/img/space.png) repeat;*/
 background-color: #94bd46;
 height: 30px;
 margin: 0;

}


div.space_yellow {
 background-color: #ffff7f;

}

div.space_red {
 background-color: #d30000;

}

span.patition > span {
    position: absolute;
    top: 3px;
    left: 0px;
    width: 100%;
    height: 30px;
    padding: 1px;
}