body {
	background: #f4f8fe url('../gfx/bg_body_dbs.png') no-repeat fixed 0 0;
}

#header {
	background-image: url('../gfx/logo_dbs.png');
}

.login-wrapper .login-input-wrapper {
	background-image: url(../gfx/dbs_padlock.png);
}

#header .framebar input[type="submit"] {
	background: none repeat scroll 0 0 #0A2C64;
}

input[type="submit"]:not(.highlight), input[type="button"]:not(.highlight), input[type="reset"]:not(.highlight), .buttonlink:not(.highlight) {
	border: 1px solid #00173D !important;
    border-bottom: 1px solid #00358D !important;
	background: #2966c6;
	background: -moz-linear-gradient(top, #2966c6 0%, #113e87 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2966c6), color-stop(100%,#113e87));
	background: -webkit-linear-gradient(top, #2966c6 0%,#113e87 100%);
	background: -o-linear-gradient(top, #2966c6 0%,#113e87 100%);
	background: -ms-linear-gradient(top, #2966c6 0%,#113e87 100%);
	background: linear-gradient(to bottom, #2966c6 0%,#113e87 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2966c6', endColorstr='#113e87',GradientType=0 );
	text-shadow: 0px -1px 0px #003384;
	-webkit-box-shadow: inset 0 1px 0 0 #3C84F5;
	-moz-box-shadow: inset 0 1px 0 0 #3C84F5;
	box-shadow: inset 0 1px 0 0 #3C84F5;
}
input[type=submit]:not(.highlight):hover, input[type=button]:not(.highlight):hover, input[type=reset]:not(.highlight):hover, .buttonlink:not(.highlight):hover {
	background: #1e5dbc;
	background: -moz-linear-gradient(top, #1e5dbc 0%, #0a2c64 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5dbc), color-stop(100%,#0a2c64));
	background: -webkit-linear-gradient(top, #1e5dbc 0%,#0a2c64 100%);
	background: -o-linear-gradient(top, #1e5dbc 0%,#0a2c64 100%);
	background: -ms-linear-gradient(top, #1e5dbc 0%,#0a2c64 100%);
	background: linear-gradient(to bottom, #1e5dbc 0%,#0a2c64 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5dbc', endColorstr='#0a2c64',GradientType=0 );
	-webkit-box-shadow: inset 0 1px 0 0 #246CDF;
	-moz-box-shadow: inset 0 1px 0 0 #246CDF;
	box-shadow: inset 0 1px 0 0 #246CDF;
}
input[type=submit]:not(.highlight):active, input[type=button]:not(.highlight):active, input[type=reset]:not(.highlight):active, .buttonlink:not(.highlight):active {
	border: 1px solid #021D4B !important;
	border-bottom: 1px solid #0050D5 !important;
	-webkit-box-shadow: inset 0 0 8px 4px #003281, 0 1px 0 0 #eeeeee;
	-moz-box-shadow: inset 0 0 8px 4px #003281, 0 1px 0 0 #eeeeee;
	box-shadow: inset 0 0 8px 4px #003281, 0 1px 0 0 #eeeeee;
}

.boxColumn .title,
.headlinewrap,
#box-domainsbot h4,
.versionBannerList ul.changelogItems li .description,
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content,
#box-multiReg .domainArea {
	border-color: #1E5DBC;
}
.ui-tooltip-red .ui-tooltip-titlebar, .ui-tooltip-red .ui-tooltip-content {
	border-color: #ff0000 !important;
}

#nav a:hover:not(.normal),
#nav .current,
#box-domainsbot h4,
.ui-state-active {
	color:#0A2C64 !important;
}

table.orderOverview:not(.noHover) tr:hover td,
#box-systemMessages table tr.hover,
#box-lastOrders table tr:hover {
	background-color: #DCE9FF;
}

#nav a:not(.normal),
#box-systemMessages .arrowIcon,
ul.bullet li {
	background-image: url('../gfx/bullet_dbs.gif') !important;
}

.framebar .flags a,
#nav > ul > li.active > a.hasChildren,
#nav > ul > li > ul > li.active > a.hasChildren,
ul.bullet li.open {
	background-image: url('../gfx/bullet_current_dbs.gif');
}

#box-domainsbot .response h4.load {
	background-image: url('../gfx/load_dbs.gif');
}

.boxColumn .ui-icon-minusthick {
	background-image: url("../gfx/dashboard_collapse_dbs.gif");
}

.boxColumn .ui-icon-plusthick {
	background-image: url("../gfx/dashboard_expand_dbs.gif");
}

.headlinewrap .icon,
.start-buttons a.start {
	background-image: url("../gfx/sprite_dbs.png");
}



ul.progress li a,  ul.progress li.nolink {background: url(/facelift/gfx/progress.png?v=2) -499px 0 no-repeat;}
ul.progress li:not(.inactive):not(.nolink) a:hover {background-position: -499px -25px;}
ul.progress li.inactive a, ul.progress li.nolink.inactive {background-position: -499px -50px;}

ul.progress li.first > a, ul.progress li.first.nolink {background-position: -366px 0;}
ul.progress li.first:not(.inactive):not(.nolink) > a:hover {background-position: -366px -25px;}

ul.progress li.last a, ul.progress li.last.nolink {background-position: -632px 0;}
ul.progress li.last:not(.inactive):not(.nolink) a:hover {background-position: -632px -25px;}
ul.progress li.last.inactive a, ul.progress li.last.nolink.inactive {background-position: -632px -50px;}
ul.progress li.last.inactive a {background-position: -622px -50px;}

ul.progress ul li a {background-position: -622px -81px;}
ul.progress ul li:not(.inactive):not(.nolink) a:hover {background-position: -622px -105px;}

ul.progress li.step2 .icon {background-position: -383px -83px;}
ul.progress li.step2.active .icon {background-position: -383px -111px;}
ul.progress li.step3 .icon {background-position: -413px -83px;}
ul.progress li.step3.active .icon {background-position: -413px -111px;}
ul.progress li.step4 .icon {background-position: -441px -82px;}
ul.progress li.step4.active .icon {background-position: -441px -111px;}
ul.progress li.step5 .icon {background-position: -471px -82px;}
ul.progress li.step5.active .icon {background-position: -471px -111px;}
ul.progress li.step6 .icon {background-position: -498px -82px;}
ul.progress li.step6.active .icon {background-position: -498px -111px;}


/* TOTP */

.codeInput:focus{
    outline:none;
}

.codeInput::-webkit-input-placeholder {
    color: #999;

}
.codeInput:focus::-webkit-input-placeholder{
    color: #ccc;
    -webkit-transition: color 1s;
    transition:         color 1s;
}
.totpcheckbox label {
    cursor: pointer;
    margin-left: 20px;
    vertical-align: middle;
}
.sprite-div .sprite-text {
    display: table-cell;
    vertical-align: middle;
}
.icon-right {
    width: 19px;
    padding-left: 6px;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}
input[type=button].grey, input[type=submit].grey {
    border: 1px solid #999 !important;
    background: linear-gradient(to bottom, #aaa 0%,#aaa 100%);
    text-shadow: 0px -1px 0px #999;
    box-shadow: inset 0 1px 0 0 #999;
}
input[type=button].grey:hover, input[type=submit].grey:hover {
    border: 1px solid #888 !important;
    background: linear-gradient(to bottom, #888 0%,#888 100%);
    text-shadow: 0px -1px 0px #888;
    box-shadow: inset 0 1px 0 0 #888;
}
.infobox .title {
	border-bottom: 2px #1e5dbc solid;
}

.mk-trc input:checked + label i {
	background: #2966c6;
	background: linear-gradient(to bottom, #2966c6 0%,#113e87 100%);
}