html, body {
    margin: 0;
}

body {
    background: #f1f3f6 none repeat scroll 0 0;
/*
    color: #333333;

    font-family: "Source Sans Pro",sans-serif;
    font-size: 13px;
    line-height: 1.42857; */

    color: #6a6c6f;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
}


.middle .container{
}
.middle .container .inner{
    background-color: #FFF;
    padding-top:15px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:0px;
}

.nopadding{
    padding-left:0;
    padding-right:0;
}

.nopadding .panel-heading{
    padding-left:10px;
}

.padding{
    padding: 25px 10px;
}       


.error, .error-block{
    color:#B94A48;
}

.container {
    max-width: 100%;
}

li{
    list-style:none;
}


.nav-tabs > li.active{
    font-weight:bolder;
}

.top {

}

.top .container {
    padding: 0;
}

.navbar {
    min-height: 64px;
}

.navbar{
    margin-bottom:0;
}

.navbar-brand {
    padding: 0;
}

.navbar-brand > img {
    vertical-align: top;
    margin-top:3px;
    margin-left:10px;
/*    padding-left: 8px; */
}


.navbar-brand > img {
    display: block;
}

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

.navbar-default {
/*    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.176); */
    background-color: #ffffff;
    /*    border-color: #e4e4e4; */
    border-bottom: 1px solid #e4e5e7;
    font-size:15px;
}

.navbar-default .navbar-nav > li.cartactive{
    background-color: black;
}

.navbar-default .navbar-nav > li.cartactive > a{
    color:white;
    font-weight:bold;
}

.navbar-nav > li > a {
    padding-bottom: 20px;
    padding-top: 22px;
}


.topspacing{
    min-height:20px;
}

.userpanel {
    background: none repeat scroll 0 0 #e9eaed;    
/*    background: linear-gradient(0deg, #e9eaed, #ccc 60%) no-repeat; */
    border: medium none;
    font-weight:bold;
    padding:15px;
    margin-bottom:10px;
}


.middle {
}


.superduperbg{
    /* background: linear-gradient(0deg, #e9eaed, #8D99A6 60%) no-repeat;
    background: linear-gradient(0deg, #f1f3f6, #000000 60%) no-repeat; */
    background-image:url("/static/images/norwegian_rose_@2X.png");
    background-repeat: repeat;
}

.superduper .nav-tabs a{
    color:black;
}

.panel {
    margin-bottom: 10px;
}


.panel-super > .panel-heading {
    background-color: white;
    border-color: white;
    color: #333;
}

.panel-super {
    border-top:1px solid white;
}


.footer {
    min-height: 30px;
}

.title h3 {
    font-size: 13px;    
    font-weight: 700;
    text-transform: uppercase;
}


.title h4 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.notopborder{
    border-top:1px solid white;
}


/* for fun */




/* * paymentmethods * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#paymentwrapper{
    padding:5px;
}

#paymentmethods .row{
    margin-top:4px;
    margin-bottom:4px;
}

#paymentmethods .panel-heading{
    font-weight:bold;
    font-size:18px;
}

.servicelist, .sortable {
    list-style-type: none;
    margin: 0;
    padding: 6px;
    padding-top: 9px;
    border: 1px solid #ddd;
    min-height: 100px;
    counter-reset: term;
}
.servicelist li, .sortable li { margin: 0px 3px 3px 3px; padding: 0.6em; padding-left: 0.5em; font-size: 1em; cursor: normal; border: 1px solid #ccc; background: #fff; }
.servicelist { width: 100%; padding: 0px; border: none; }
.sortable li .selected {
	height:		none;
}
ol.sortable li:before {
	counter-increment: term;
	content:	counter(term);
	display:	block;
	font-size:	26px;
	padding:	3px;
	padding-right:	10px;
	float:		left;
}

.sortable li.immobile:before {
	content:	none;
}
.sortable li span { position: absolute; margin-left: -1.3em; }
.grid li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 120px; height: 90px; font-size: 0.8em; text-align: center;  }

.sortable li .actions, .servicelist li .actions {
	float:		right;
	font-size:	0.7em;
	margin:		-9px;
	padding:	7px;
	height:		100%;
	border-top:	2px solid #ddd;
	border-bottom:	2px solid #ddd;
}
.sortable li .actions a {
	display:	block;	
}

.sortable li .heading, .servicelist li .heading {
	margin:	0px;
	padding: 0px 5px;
	font-size:	1.3em;
	color:		#000;
}

.servicelist li .heading {
	font-size:	1.18em;
}

.servicelist li .info {
	font-size:	0.8em;
}

.sortable li .details, .servicelist li .details {
	display:	none;
	position:	relative;
	top:		-33px;
	height:		200px;
}


.sortable li.paymentmethod, .servicelist li {
	background:	#fff url('/static/images/arrow.png') center right no-repeat;
	cursor:		pointer;
}

.servicelist li.unsaved, .servicelist li.unsaved:hover {
	background:		#FDFFB9 url("/static/images/saving.gif") center right no-repeat;
}

.sortable li.paymentmethod:hover, .servicelist li:hover {
	background:	#eef url('/static/images/arrow.png') center right no-repeat;
}

.sortable li.paymentmethod.selected, .servicelist li.selected {
	background:	#eee url('/static/images/arrow.png') center right no-repeat;
}


#paymentmethoddetails, #paymentmethodadd {
	display:	none;
	min-height:	200px;
}

#services { position: relative; }

#servicedetails {
    display:none;
}


#servicedetails {
	width:		480px;
	min-height:	400px;
}

.sortable li .servicecount {
	float:		right;
	padding-right:	40px;
	font-size:	14px;
}

.sortable li .servicecount span {
	position:	relative;
	margin:		0px;
}

/* * freedns * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.headerfirstrow{
	background:#666;
	font-weight:bolder;
	font-size:16px;
	color:white;
	text-align:center;
	border-top: 1px solid #666;
}

.headerrow {
	background:#ddd;
	color: black;
	font-weight:bold;
	padding:6px;
}

.inactive{

}

.inactive span{
    margin:2px;
    padding:4px;
    background-image: url('/static/images/inactive.png');
    display:inline-block;
    font-size:12px;

}

#freednserrorbanner {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color:red;
}

#freednserrorbannermessage h4{
    padding:10px;
    color:white;
    font-weight:bold;
}

.errorow{
    border:2px dashed red;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:2px;
    
}

/* * panels * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.panel-blank {
    border: none;
    box-shadow: 0 0 0 white;
}

.panel-blank .panel-heading {
    border: none;    
    background-color: transparent;
    font-weight:bold;
    font-size:18px;
    margin-left:0;
    padding-left:0;
    box-shadow: 0 0 0 white;
}

.panel-footer {
    background-color: transparent;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    background-color: #5cb85c;
    border-color: #5cb85c;
    color: #fff;
}

.panel-green a {
    color: #5cb85c;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff;
}

.panel-red a {
    color: #d9534f;
}

.panel-yellow .panel-heading {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
    color: #fff;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow a, .panel-yellow span {
    color: #f0ad4e;
}

.panel-black .panel-heading {
    background-color: black;
    border-color: black;
    color: #fff;
    font-weight:bold;
}

.panel-black {
    border-color: black;
}


/* * badges * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.badge-small {
    border-radius: 7px;
    font-size: 9px;
    min-width: 9px;
}

.badge-red {
    background-color: #dc0d17;
    background-image: -webkit-linear-gradient(#fa3c45, #dc0d17);
}


/* * misc * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.leadtitle{
    padding:12px;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom:12px;
}

.btn-inverse {
    background-color: black;
    border-color: #666;
    color: white;
}

.btn-inactive {
    background-color: #eee;
    border-color: #E0E0E0;
    color: #D1D1D1;
}


.message{
    cursor: pointer;
}

.message a{
    color:black;

}

.unread{
    font-weight:bolder;
}

.orange-bg{
    background-color:orange;
}

.yellow-bg{
    background-color:#FFFF66;
}

.available {
	color: #009000;
	font-weight: bold;
}


.unavailable {
	color: #900000;
	font-weight: bold;
}

.strong{
    font-weight:bold;
}

.is-deleted {
    color: red;
    text-decoration: line-through;
}

.norenew{
    color:#ccc;
}

.dangerdanger{
    color:red;
    font-weight:bold;
}

.saved{
    background-color:#85bb65;
}

.zonedetails li{
    display: inline;
    list-style-type: none;
    text-align:center;
}


.field-error{
    color:white;
    font-weight:bold;
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    background-color: red;
}


.field-error[disabled] {
    background-color: red;
}


#serviceTotalsCRITICAL{
    background-color:#f88888;
}
#serviceTotalsCRITICAL a{
    color:black;    
}
#serviceTotalsOK{
    background-color:#88d066;
}
#serviceTotalsOK a{
    color:black;
}
#serviceTotalsWARNING{
    background-color:#ffff00;
}
#serviceTotalsWARNING a{
    color:black;    
}

.nagioslabels span{
    margin-right:2px;

}

#dnsseckeys{
    width:auto;
}

#dnsseckeys td, #dnsseckeys th{
    padding:5px;

}

.creditcardexpired{
    color:red;
    text-decoration: line-through;
}

.table {
    margin-top:0;    
    margin-bottom:0;
}

.panel-footer {
    padding-bottom:0;
}

.table-title {
    border-color: transparent;
    padding: 10px 15px;
    font-weight:600;
    font-size:16px;
}

.table-title-gray {
    background-color: #dedede;
    color: #333;
}

.table-title-blue {
    background-color: #d9edf7;
    color: #31708f;
}

.table-title-red {
    background-color: #f2dede;
    color: #a94442;
}

.table-title-orange {
    background-color: #fcf8e3;
    color: #8a6d3b;
}

.table-title-green {
    background-color: #dff0d8;
    color: #3c763d;
}

.table-row-descr{
    font-size:14px;
    font-weight:bold;
}


iframe{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    border:none;
}


#feedback {
    height: 45px;
    margin-left: -30px;
    position: fixed;
    top: 42.5%;
    transform: rotate(-90deg);
    width: 104px;
    z-index: 999;
}
#feedback a {
    background: black none repeat scroll 0 0;
    border-bottom: 1px solid #333;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    border-left: 1px solid #333;
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 17px;
    font-weight: bold;
    height: 2em;
    padding: 0.5em 1em;
    text-decoration: none;
    width: 6.5em;
}

#feedback a:hover {
    background: #2f2929 none repeat scroll 0 0;
    height: 2.5em;
    padding-top: 1em;
}


#instantFeedbackModal .modal-header {
    background: #2f2929 none repeat scroll 0 0;
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em;
}
#instantFeedbackModal .modal-header .modal-title {
    color: #fff;
}

.expiryalert-danger{
    background-color: #f8eaea;
}

.expiryalert-warning{
    background-color: #fcf8e3;
}

.host_row{
    background-color: #eaf5fb;
}

.product-alert {
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 90%;
    font-weight: 700;
    padding: 5px;
    color: white;
}

.product-alert-info {
    background-color: #5bc0de;
}

.product-alert-danger {
    background-color: #d9534f;
}

.product-alert-transparent {
    background-color: none;
    color:black;
}


.badge-success {
    background-color:#5cb85c;
}

/* * vps * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.pricing-option {
    border: 15px solid #f6f6f6;
    margin-top: 30px;
    text-align: center;
}


.pricing-header {
    padding: 10px;
}

.pricing-number {
    background: none repeat scroll 0 0 #f8f79b;
    font-size: 22px;
    padding: 10px;
}

.pricing-body ul > li:last-child {
    border-bottom: 0 none;
}

.pricing-body ul > li {
    border-bottom: 1px solid #e9e9e9;
    color: #999;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 0;
    text-transform: uppercase;
}

.selected {
    border: 15px solid #5cb85c;
}

.pricing-body ul {
    background: none repeat scroll 0 0 white;
}

.list-style-none {
    list-style: outside none none;
    padding-left: 0;
}

.huge {
    font-size: 40px;
}

#querylink{
    color:black;
    font-weight:bold;
}


.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

.ipaddr {
        color:          #000;
        width:          25px;
        height:         25px;
        font-size:      8pt;
        background:     #00ff00;
        display:        inline-block;
        border:         1px solid #0f0;
        cursor:         pointer;
}

.ipaddr:hover {
        border:         1px solid #000;
}

.allocated {
        background:     #dd9900;
        border:         1px solid #d90;
}

.reserved {
        background:     #ff0000;
        border:         1px solid #f00;
}


/* * managed * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.managed-bubble {
    border: 1px solid #e4e5e7;
    border-radius: 2px;
    padding:5px;

/*    margin-top: 30px;
    text-align: center; */
}

.managed-title {
    text-transform: uppercase;
    margin:20px 0;
}


/* * responsive * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (max-width: 800px) {
    .toppadding{
	padding-top:5px;
    }

}

@media (max-width: 767px) {
    .navbar {
	min-height:52px;
    }


    .navbar-nav > li > a {
	padding-bottom: 10px;
	padding-top: 10px;
    }

    .navbar-default {
	font-size:14px;
    }
    

    .navbar-brand > img {
	height: 48px;
	width: auto;
	margin:0;
    }
    
    .nav-tabs > li {
	float:none;
	border:1px solid #dddddd;
	background-color:white;
    }
    .nav-tabs > li.active > a{
	border:none;
    }
    .nav > li > a:hover, .nav > li > a:focus,
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
								    background:none;
								    border:none;
								}
    #onlyactivetext{
	display:none;
    }

    .sortable {
	width: 100%;
    }

    #paymentmethoddetails{
	width: 100%;
	background-color:transparent;
	margin-bottom:10px;
    }

    #firstinfo{
	width: 100%;
	background-color:transparent;
    }

}

@media (min-width: 767px) {
    
    .nospacing {

    }

    .middle .container .inner{
	background: #fff none repeat scroll 0 0;
	border-left: 1px solid #e4e5e7;
	border-right: 1px solid #e4e5e7;	
	border-bottom: 1px solid #e4e5e7;
	border-radius: 2px;
    }


}

.bg-success-subtle{
    background-color:#e6ffe6;
}