body {
margin: 0;	
font-family: 'Roboto', sans-serif;
background-color: #f0f0f0;
}

a:link { color: #00f; text-decoration: none; }
a:visited { color: #00f; text-decoration: none; }
a:hover { color: #f00; text-decoration: none; }
a:active{ color: #f00; text-decoration: none; }

a.footLink:link { color: #fff; text-decoration: underline;}
a.footLink:visited { color: #fff; text-decoration: underline;}
a.footLink:hover { color: #ccc; text-decoration: underline; }
a.footLink:active{ color: #ccc; text-decoration: underline;}

#reservedDomains {
width: 400px;
height: 300px;	
}

.delClosed {
cursor: pointer;	
}

#closedBidTable {
width: 500px;
margin-left: auto; margin-right: auto;	
padding: 5px;
}

#closedBidTable th {
text-align: left;
background: #5680e9;	
padding: 5px; color: #fff;
font-weight: normal;
}

#closedBidTable td {
padding: 5px;
border-bottom: 1px solid #c0c0c0;
}


#overdueWarning {
 border: 2px solid #f00;
 padding: 10px;
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
 background: #FCC;
 font-size: 1.2em;	
}

#linkProfile {
 width: 100%;
 text-align: center;	
 margin-bottom: 5px;
 background: #FFC;
 padding: 5px;
}

#overdueGentle {
 border: 1px solid #f00;
 padding: 10px;
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
 background: #FFC;	
}

#xmlFeed {
display: inline;
text-align: center;
width: 100px;
padding: 10px;
background: #C63;
color: #fff;
margin-right: 15px;	
}

.auctionTypeButton, .aButton {
 width: 150px;
 float: left;
background: #069;
color: #fff;
text-decoration: underline;
 padding: 10px;
 margin-right: 10px;
 text-align: center;
 cursor: pointer;
}

.auctionTypeButton:hover, .aButton:hover {
	background: #ddd;
	color: #000;
}

.buttonSelected {
 background: #CCF;
 color: #000;	
 text-decoration: none;
}

.closing { background-color:#ffd;}

.ssBackorder {
cursor: pointer;
background: #080;
color: #fff;	
font-size: 0.7em;
text-align: center;
padding: 2px;
}

.ssBackorder:hover {
background: #36C;	
}

.tableSpacer {
 height: 2px;
 width: 100%;
margin-top: 10px;
margin-bottom: 10px;
 background: #36c;	
}

.domainWatch {
 cursor: pointer;
   opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */	
}

.auctionStyle {
 font-size: 0.8em;
 padding: 2px;
 border-radius: 5px;	
}

.ukIncluded, .ukRights {
font-size: 0.7em;	
background-color: #00af00;
width: 80px;
color: #fff;
padding: 3px;
display:inline-block;
margin-left:5px;
}

#auctionNotes {
font-size: 0.8em;
padding: 10px;
border: 1px solid #888;
margin-bottom: 10px;	
}

.paymentMethod {
 width: 100px;
 text-align: center;
 display: inline-block;
 border: 1px solid #008;
 background-color: #efefef;
 border-radius: 5px;
 margin-left: 15px;
 padding: 5px;	
}

.noInput {
text-align: center;
font-size: 1.1em;
margin-top: 5px;
padding: 5px;
background-color: #eee;
border: 0px;
}

#rightsOutput {
border:1px solid #008;
text-align: center;
padding: 5px;
background-color: #FFC;
margin-bottom: 5px;
border-radius: 5px;
width: 100%;
}

.auctionFieldText {
width: 200px;
text-align: right;
display: inline-block;	
margin-right: 10px;
}

.createField {
margin-top: 10px;	
font-size: 1.2em;
}

.createField input, .createField select {
font-size: 1em;
padding: 5px;	
}

.popBackorder {
cursor: pointer;
color: #00f;	
}

.popBackorder:hover {
color: #f00;	
}

#dropList {
 text-align:center;	
}

#runningAuctions, #popularAuctions {
border: 1px solid #055988;
width: 700px;
margin-left: auto; margin-right: auto;	
border-collapse: collapse;
margin-bottom: 10px;
}

#runningAuctions th, #popularAuctions th {
background-color: #055988;
color: #fff;	
padding: 5px;
}

#runningAuctions td, #popularAuctions td {
text-align: center;	
padding: 5px;
border-top: 1px dashed #d0d0d0;
}

.newday
{
 border-top: 1px solid #888 !important;	
}

#dropList textarea {
 width: 80%;	
 height: 400px;
}

#droplistHeader {
text-align: center;
font-size: 1.1em;	
padding-bottom: 20px;
}

.dropLink {
display: inline;	
padding: 5px;
border: 1px solid #000;
border-radius: 10px;
margin-right: 10px;
background-color: #84ceeb;
cursor: pointer;
}

.dropLink:hover { 
    background-color: yellow;
}

.dropLinkSelected {
 background-color: yellow;	
}

#accountNumber {

width: 100%;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
background-color: #FFC;
margin-top: 15px;
padding: 5px;
display: none;	
}

#auctionBid {
width: 250px;
font-size: 1.3em;
padding: 10px;
border-radius: 10px;
background-color: #070;
color: #fff;
text-align: center;	
}

#bidText {
width: 250px;
font-size: 0.9em;
text-align: justify;
padding: 5px;
margin-top: 10px;
}

#bidMax {
text-align: center;
margin-top: 10px;	
}

#bidHistory {
font-size: 1.2em;
color: #333;
border-bottom: 1px solid #808080;
padding-bottom: 3px;	
}

#bidButton { margin-top: 5px; }

#bidInput {
padding: 3px;
font-size: 1.2em;
width: 60px;
margin-left: 5px;	
}

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

#auctionEnds {
width: 260px;
padding: 5px;
background-color: #5680e9;
color: #fff;
text-align: center;	
}

#auctionListTable {
width: 100%;	
text-align: center;
}

#auctionListTable th {
background-color: #5680e9;
color: #fff;
}

#auctionListTable td {
padding: 5px;
border-bottom: 1px solid #888;
}

.deleteAdminDomain, .removeInvoice {
	color: #00f;
	cursor: pointer;
}

#reservedDomainsWrapper {
float: left;
width: 500px;	
}

#caughtDomainsTable td:nth-child(3), #caughtDomainsTable td:nth-child(4), #caughtDomainsTable td:nth-child(5), #backorderTable td:nth-child(3), #backorderTable td:nth-child(4), #backorderTable td:nth-child(5) {
    text-align : center;
}

#backorderAuctionTable td:nth-child(5),#backorderAuctionTable td:nth-child(6) {
	width: 70px;
	text-align : center;
}

#invoicesOutstandingTable, #invoicesPaidTable, #currentInvoices, #backorderAuctionTable {
	    text-align : center;
}


.unit { position: absolute; display: block; left: 5px; top: 5px; z-index: 9; }

.highBid {
	background-color: #6F6;
}

.outBid {
	background-color: #F08080;
}

.biddingInfoLink {
 font-size: 0.8em;
 cursor-style: pointer;	
 color: #000;
 text-decoration: underline;
}

.modelSelected{
background-color: #9F9;	
}

.businessModelTable td{
cursor: pointer;	
}

#imageWrapper {
margin-top: 20px;	
}

#maintain {
cursor: pointer;	
}

.changeCredits {
cursor: pointer;	
}

#wrap {
 min-height: calc(100vh - 85px);
}
.loading {
background: 50% 50% rgba(0,0,0,.5) url('/images/loader.gif') no-repeat;
background-size: 48px 48px; 
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:999;	
display: none;
}

#frontPage2 { width: 100%; display: none; }

#frontPage2 td { width: 50%; }

#frontPage
{
width: 100%;	
}

#frontPage td
{
 width: 33%;	
}

#priceTable {
	width: 100%;
 margin-bottom: 20px;		
}

#priceTable2 {
	width: 100%;
 margin-bottom: 20px;	
 display: none;	
}

#priceTable td {
 width: 25%;
 text-align: center;
}

#priceTable2 td {
 width: 50%;
 text-align: center;
}

#footer {

    height: 80px;


	background: url(/images/menu-bg.png) repeat;
	color: #fff;
    width: 100%;
}

#footerBox {
	width: 100%;
	margin-left: auto; margin-right: auto;
	text-align: center;
	padding: 20px;	
}

.priceInfo {
 font-size: 1.6em;
 padding: 10px;
 border-radius: 10px;
 background-color: #3C9;	
 color: #fff;
 text-shadow: 1px 1px 0px rgba(100, 100, 100, 1);
 border: 2px solid #5680e9;
 
}

.frontBox {
 padding: 20px;
 overflow: hidden;
-webkit-box-shadow: 0px 0px 21px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 21px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 21px -5px rgba(0,0,0,0.75);
background-color: #fff;
height: 150px;
}

.frontBoxHeading {
	background: url("/images/menu-bg.png");
width: 100%;
text-align: center;
font-size: 1.5em;
text-transform: uppercase;	
padding: 5px;
border-bottom: 1px solid #33F;
text-shadow: 1px 1px 0px rgba(100, 100, 100, 1);
color: #fff;
}

.frontBoxText {
padding-top: 5px;
line-height: 1.5em;	
font-size: 1em;
color: #222;
}

#creditDisplay {
padding: 10px;
margin-right: 20px;
border: 1px solid #000;
border-radius: 8px;	
background-color: #fff;
font-size: 1.2em;
}

.deleteBackorder {
cursor: pointer;	
}

.backBid {
display: block;
padding: 4px;
padding-left: 15px;

font-size: 1em;
width: 50px;	
}
#header {
height: 120px;
background-color: #5680e9;
border-bottom: 1px solid #055988;
padding-top: 20px;
text-align: center;
}

#domainSearch {
 width: 570px;	
}

#domainSearchText {
 border: 1px solid #000;
 border-top-left-radius: 10px;
 border-bottom-left-radius: 10px; 
 font-size: 1.5em;
 padding: 5px;	
 width: 400px;
 font-family: 'Roboto', sans-serif; 
}

.backorderText {
text-shadow: 1px 1px 0px rgba(100, 100, 100, 1);
color: #fff;
font-size: 1.8em;
padding-right: 10px;
width: 100%;
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
}

.backorderDomain {
	width:500px;
display: inline-block;
border: 1px solid #000;
border-radius: 10px;
padding: 10px;
text-align: center;
background-color: #84ceeb;
font-size: 1.2em;
color: #fff;
cursor: pointer;
min-height: 100px;

margin-right: 20px;
float: left;
}

.backorderDomain select, .regAuction {
border-radius: 5px;
padding: 5px;	
}

.taken {
display: inline-block;
border: 1px solid #000;
border-radius: 10px;
padding: 10px;
text-align: center;
background-color: #FFB6C1;
font-size: 1.2em;
color: #fff;
min-height: 100px;
margin-right: 20px;
min-width: 300px;
float: left;
}

#testDomains {
 float: left;
 width: 400px;
 text-align: center;	
}

.okuk { padding: 2px; width: 400px; text-align: left; background-color:#0C6; border-bottom: 1px solid #fff;}
.notokuk { padding: 2px; width: 400px; text-align: left; background-color:#F90; border-bottom: 1px solid #fff; }

#domainSearchButton {
border-top: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px; 
float: left;
padding: 10px;
background-image: url('/images/search.png'); 
background-position: center left;
background-repeat: no-repeat;	
background-color: #84ceeb;
padding-left: 32px;
cursor: pointer;
}

#acceptUk {
padding: 5px; background-color: #F90; color: #222;	border-radius: 5px; padding-bottom: 10px; padding-top: 10px; cursor: pointer; border: 2px dashed #008;
}

#acceptUk:hover {
background-color: #F60;	
}

#ukBackorderTable { width: 350px; }

.changeUk { float: right; cursor: pointer; color: #0000ff; font-size: 0.8em; }

.changeUk:hover { color: #ff0000; }

#ukBackorderTable td {background-color: #fff; border-bottom: 1px solid #eee; padding: 5px;}
.ukBackorderDelete {width: 20px; cursor: pointer; float: right;}

#myMaxButton, #ukReleaseButton, #priceInfoButton, #createAuctionButton, #createClosedAuctionButton, #testEppButton, #whois2Button, #generalSettingsButton,#siteCodeButton,.placeBidButton, #saveReserved, #testButton, #adminBackorderButton, #findAccountButton, #bidButton, #bidButton2, .watchButton {
border: 1px solid #000;
border-radius: 10px;
padding: 10px;
background-color: #84ceeb;	
cursor: pointer;
}

#bidButton:hover, .watchButton:hover, #createAuctionButton:hover, #ukReleaseButton:hover {
background-color: #39C;	
}

.backorderBoxText {
font-size: 1.3em;	
text-shadow: 1px 1px 0px rgba(100, 100, 100, 1);
}

#headerTable {
 padding: 0;
 border-spacing: 0px;	
 width: 100%;
 margin-left: auto; margin-right: auto;
}

#main {
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}

#mainMenu {
	background: url(/images/menu-bg.png) repeat;	
	width: 100%;
	border-bottom: 1px solid #055988;
}

#siteDomain {
padding-left: 20px;
color: #fff;
font-size: 1.8em;	
cursor: pointer;
}

#domainHeading {
font-size: 1.5em;	
}

#domainAvailable {
padding-top: 5px;	
padding-bottom: 5px;
}

#availableDate {
font-weight: bold;	
}

#outputWhois {
 width: 100%;

 margin-top: 15px;
 background-color: #f0f0f0;
 padding: 5px;
 border: 1px solid #84ceeb;	
}

.registrantInfo {
 font-size: 0.9em;
 border-bottom: 1px solid #f0f0f0;
 padding: 5px;	
}

.delRegistrantInfo {
 float: right;	
 cursor: pointer;
}

.boxHeader {
 width: 100%;
 font-size: 1.5em;
 color: #fff;
 background-color: #5680e9;
 padding: 5px;
 margin-bottom: 10px;
}

.faqQuestion {
width: 100%;
background-color: #eee;
padding: 5px;
color: #00f;
cursor: pointer;	
font-size: .8em;
}

.faqAnswer {
display: none;
padding: 5px;	
font-size: .7em;
}

.faqSection {
padding: 5px;
font-size: 1.5em;	
}

.faqQuestionWrapper {
margin-bottom: 5px;	
}

#currentRegistrants, #addRegistrant, #createAccount, #loginAccount, #forgotPassword,#currentAccounts, #currentRegistrantsAdmin, #currentBackorders, #priceInfo, #eppInfo, #whoisInfo, #generalInfo,#currentInvoices,#pendingInvoices,#tagChange,#updatePreferences,#faq,#contactUs {
 width: 50%;
 margin-left: auto;
 margin-right: auto;	
 padding: 20px;
 overflow: hidden;
-webkit-box-shadow: 0px 0px 21px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 21px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 21px -5px rgba(0,0,0,0.75);
background-color: #fff;
}

#currentRegistrants, #addRegistrant {
 width: 80% !important;	
}

#currentAccounts,#currentRegistrantsAdmin, #currentBackorders,#priceInfo,#eppInfo,#whoisInfo,#generalInfo,#currentInvoices,#pendingInvoices{
 width: 100% !important;
 margin-bottom: 15px;
}

#faq {
 width: 95% !important;	
}

#priceInfoTable {
width: 100%;	
}

#priceInfoTable td {
width: 20%;	
border: 1px solid #eee;
text-align: center;
padding: 5px;
}

#priceInfoTable input, #priceInfoTable select, #testDomain {
padding: 5px;
text-align: center;
border-radius: 5px;	
border: 1px solid #999;
background-color: #FFC;
}

.configHeading {
padding-bottom: 5px;	
}

#adminBackorder {
	width: 98%;
	text-align: center;
}

#adminBackorder input[type="text"] {
        border:1px solid #aaa;
        box-shadow:0px 0px 3px #ccc,0 10px 15px #eee inset;
        border-radius:2px;
        padding-right:30px;
        -moz-transition:padding .25s;
        -webkit-transition:padding .25s;
        -o-transition:padding .25s;
        transition:padding .25s;
        height:30px;
        width:250px;
        padding:5px 8px;
 	    font-size: 1.1em;
        font-family: 'Roboto', sans-serif; 		
		margin-right: 10px;
}

.reglog_form label {
        width:100%;
        margin-top:3px;
        display:inline-block;
        float:left;
        padding:3px;
		font-weight: bold;
}
.reglog_form input[type="text"] {
        border:1px solid #aaa;
        box-shadow:0px 0px 3px #ccc,0 10px 15px #eee inset;
        border-radius:2px;
        padding-right:30px;
        -moz-transition:padding .25s;
        -webkit-transition:padding .25s;
        -o-transition:padding .25s;
        transition:padding .25s;
        height:30px;
        width:98%;
        padding:5px 8px;
 	    font-size: 1.1em;
        font-family: 'Roboto', sans-serif; 		
}

.reglog_form input[type="text"]:focus {
        background:#fff;
        border:1px solid #555;
        box-shadow:0 0 3px #aaa;
}

.reglog_form input[type="password"] {
        border:1px solid #aaa;
        box-shadow:0px 0px 3px #ccc,0 10px 15px #eee inset;
        border-radius:2px;
        padding-right:30px;
        -moz-transition:padding .25s;
        -webkit-transition:padding .25s;
        -o-transition:padding .25s;
        transition:padding .25s;
        height:30px;
        width:98%;
        padding:5px 8px;
 	    font-size: 1.1em;
}

.reglog_form input[type="password"]:focus {
        background:#fff;
        border:1px solid #555;
        box-shadow:0 0 3px #aaa;
}

#dailyUpdateButton 
{		float: right;
		margin-top: 10px;
        cursor: pointer;
        -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        border-bottom-color:#333;
        border:1px solid #61c4ea;
        background-color:#7cceee;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        font-size:1em;
        text-shadow:#b2e2f5 0 1px 0;
        padding-left:5px;
        padding-right:5px;
        padding-top:5px;
        padding-bottom:5px;}

.reglog_form input[type="submit"]
{
		float: right;
		margin-top: 10px;
        cursor: pointer;
        -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        border-bottom-color:#333;
        border:1px solid #61c4ea;
        background-color:#7cceee;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        font-size:1em;
        text-shadow:#b2e2f5 0 1px 0;
        padding-left:5px;
        padding-right:5px;
        padding-top:5px;
        padding-bottom:5px;
}

.reglog_form select, .reglog_form textarea {
        border:1px solid #aaa;
        box-shadow:0px 0px 3px #ccc,0 10px 15px #eee inset;
        border-radius:2px;
        padding-right:30px;
        -moz-transition:padding .25s;
        -webkit-transition:padding .25s;
        -o-transition:padding .25s;
        transition:padding .25s;
        padding:5px 8px;
 	    font-size: 1.1em;
        font-family: 'Roboto', sans-serif;		
}

.reglog_form textarea {
 width: 97%;
 height: 150px;	
}

#username, #password, #email, #message {
 display: none;	
}

#accountTable, #registrantTable {
font-size: 0.9em;	
text-align: center;
}

#error { text-align: center; color: #f00; margin-top: 10px;}

#errorBox, #errorBoxPrice, #errorBoxEpp, #errorBoxGeneral, #errorBoxSiteCode {
color: #f00;	
}
.boxText a:link { color: blue; text-decoration: none; }
.boxText a:visited { color: blue; text-decoration: none; }
.boxText a:hover { color: red; text-decoration: none; }
.boxText a:active { color: red; text-decoration: none; }

.boxText {
padding-top: 10px;	
}
::-webkit-input-placeholder { /* Chrome */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #ccc;
  opacity: 1;
}

#eppPass {
 display: none;	
}

#showEpp {
 color: #00f;
 padding-left: 5px;
 cursor: pointer;
}

#importantNotice
{
 background-color: #F99;
 border: 1px solid #f00;	
 padding: 10px;
 text-align: center;
 border-radius: 10px;
 margin-bottom: 10px;
}

.simple-marquee-container *{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box;
}
.simple-marquee-container {
        width: 100%;
        background: #5680e9;
color: #fff;
        display: inline-block;
        overflow: hidden;
        box-sizing: border-box;
        height: 45px;
        position: relative;

}

.marquee-sibling {
        padding: 0;
        background: rgb(61, 61, 61);
        width: 20%;
        height: 45px;
        line-height: 42px;
        font-size: 12px;
        font-weight: normal;
        color: #ffffff;
        text-align: center;
        float: left;
        left: 0;
        z-index: 2000;
}

.marquee, *[class^="marquee"] {
        display: inline-block;
        white-space: nowrap;
        position:absolute;
}

.marquee{
  margin-left: 25%;
}

.marquee-content-items{
  display: inline-block;
  padding: 5px;
  margin: 0;
  height: 45px;
  position: relative;
}

.marquee-content-items li{
  display: inline-block;
  line-height: 35px;
}

.marquee-content-items li:after{
        content: "|";
        margin: 0 1em;
}

@media (min-width:1051px)
{
#main, #footerBox { width: 1000px; }
}

@media (max-width:1050px)
{
#main, #footerBox { width: 900px; }
}

@media (max-width:950px)
{
#creditDisplay { display: none; }
}

@media (max-width:900px)
{
#main,#footerBox { width: 680px; }
#priceTable, #frontPage { display: none; }
#priceTable2, #frontPage2 { display: table; }
}