/* Overwrite Resets */
body {
    background: #fff;
    color: #444;
    font-size: 13px;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1;
    margin: 0;
}
h1 {
    font-size: 24px;
    font-weight: normal;
}
h2 {
    font-size: 16px;
    font-weight: normal;
}
h3 {
    font-size: 14px;
    margin: 0;
}
a {color: #0099F1;}
p {margin: 15px 0;}
ul {
	list-style: none;
	padding-left: 1em;
}
ul li {margin-bottom: 5px;}


/* Global Styles */
.clear {clear: both;}
.nomargin {margin:0;}
.nofloat {float:none;}
.fullwidth {width:100%;}
.relative {position:relative;}
.absolute {position:absolute;}
.inline-block {display:inline-block;}
.centeredmargin {margin:0 auto;}

.colorwhite {color:#fff;}
.colorlightgray {color:#c0c0c0;}
.colormediumgray {color:#959696;}
.colordarkgray {color:#525252;}
.colorblue {color:#0099F1;}
.colorgreen {color:#7fbc23;}
.colorred {color:#df4d4d;}

.bgtruewhite {background:white;}
.bgblue {background: #0099F1;}
.bglightblue {background-color:#e3f5ff;}
.bgdarkgray {background-color:#262626;}
.bglightgray {background-color:#ebebeb; padding: 15px 0;}
.gradientlightgray {
	background: #e7e8e8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #e7e8e8 0%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e7e8e8), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(left,  #e7e8e8 0%,#f6f6f6 100%);
	background: -o-linear-gradient(left,  #e7e8e8 0%,#f6f6f6 100%);
	background: -ms-linear-gradient(left,  #e7e8e8 0%,#f6f6f6 100%);
	background: linear-gradient(to right,  #e7e8e8 0%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e8e8', endColorstr='#f6f6f6',GradientType=1 );
}
.height2 {height:2px;}

.borderbottomgray {border-bottom:1px solid #e6e6e6;}

.input-group-addon {
	background-color: #0099F1;
	border: 1px solid #0099F1;
	padding:12px 17px;
}

.box .boxheader {
    background: #acf3f0;
    border-bottom: 1px solid #acf3f0;
    overflow: hidden;
    padding: 9px 12px 9px 12px;
    margin: -15px -20px 15px -20px;
}

.pjax-btn {
	background:white;
	color: #a3a3a3!important;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.0)!important;
	border-radius: 0px!important;
	color:white;
	padding: 6px 15px;
	text-decoration:none;
}
.pjax-btn.active {
	background:#199ded;
	color: white!important;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.0)!important;
	border-radius: 0px!important;
	color:white;
	font-weight:500;
	padding: 6px 15px;
	text-decoration:none;
} 

.my-icon {
	display:none;
    position:absolute;
	text-align:center;
	top:95%;
    width:100%;
    left:0;
}
.my-icon > i {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 1.2em solid transparent;
    border-top: 1.2em solid #009bf0;
}
.active i.my-icon {display:none;}
.navbar-brand {padding: 8px 0 0 0 !important;}
.nav > li > a {padding: 10px !important;}

.error-explanation {
    display: none;
}

#error_explanation,
.error-explanation {
    background: #f1dcdc;
    border: 1px solid #e3b7b7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #b94a48;
    list-style: none;
    margin: 0 0 15px;
    padding: 7px 15px;
}

#error_explanation h2, .error-explanation h2 {
    display: none;
}

#error_explanation ul, .error-explanation ul {
    margin: 0;
    padding: 0;
}

#error_explanation li, .error-explanation li {
    list-style: none;
}
.error-explanation.is-visible {
	display: block;
}
#message {display:none;}

.data-visual.bar {
    display: inline-block;
    float: none;
    padding: 0;
    width: 100%;
}
.data-visual.bar .numbers {
    font-size: 18px;
    min-height: 18px;
    margin-top: 0;
}
.data-visual.bar .numbers small {
    margin-left: 2px;
	font-size: 10px;
    font-weight: normal;
}
.data-visual.bar .bar-bg {
    margin: 3px 0;
}
.data-visual.bar .title {
    font-size: 10px;
    font-weight: normal;
}

.header-stat .data-visual.bar {
    display: inline-block;
    float: none;
    padding: 0;
    width: auto;
}
.header-stat .data-visual.bar .numbers {
    font-size: 18px;
    min-height: 15px;;
    margin-top: 0;
}
.header-stat .data-visual.bar .bar-bg {
	width: 100px;
}

.renewalclass {
	position:absolute; 
	bottom: -12px;
	right: 0;
	white-space:nowrap;
}
.marginchange {margin-bottom:50px;}

#save-domain.active {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.warning {
    background: none repeat scroll 0% 0% #199DED;
    margin: 15px 0;
    padding: 5px;
    text-align: center;
    font-size: 15px;
    color:white;
}
.ui-helper-hidden{display:none;}
.video-container {
    position: relative;
    padding-bottom: 55%;
    padding-top: 0;
    height: 0;
    overflow: hidden
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 840
}
.video-circle {
    background: url('/images/video-play-grey.png') 0 0 no-repeat;
    width: 85px;
    height: 60px;
    margin-left: -42px;
    margin-top: -30px;
    cursor: pointer;
    outline: 0
}
.video-circle:hover {
    background: url('/images/video-play.png') 0 0 no-repeat
}



/* SIDEBAR */
#sidebar .callout {
	text-align: center;
	padding: 18px;
    background: #d8d8d8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}
#sidebar .callout header {
	margin: 0;
	padding: 4px;
	background: rgba(0, 0, 0, 0.25);
	color: #fff;
	font-family: verdana;
	font-size: 11px;
}
#sidebar .mini-profile-stat {
	background: rgba(0, 0, 0, 0.1);
	line-height: 1;
}
#sidebar .mini-profile-stat .active-alerts {
	font-size: 22px;
	font-weight: bold;
}
#sidebar .mini-profile-stat .out-of {
	display: block;
	font-size: 9px;
	font-weight: normal;
}
.ui-helper-hidden{display:none;}
.raw_data {
    font-family: "Courier New", monospace, serif;
    font-size: 1em;
    line-height: 1.3;
    margin: 12px 0 0 20px;
    padding: 0 5px;
    word-wrap: break-word;
}


/* SIDEBAR */
#sidebar .callout {
	text-align: center;
	padding: 18px;
    background: #d8d8d8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    top: 1px;
}


/* === | Tops ================================ */
.smalltopmargin {margin-top: 3px;}
.smallishtopmargin {margin-top:6px;}
.mediumtopmargin {margin-top: 9px;}
.mediumishtopmargin {margin-top:12px;}
.largetopmargin {margin-top: 18px;}
.largertopmargin {margin-top: 20px;}
.largeishtopmargin {margin-top:24px;}
.largesttopmargin { margin-top: 32px; }
.gigantictopmargin{margin-top: 40px;}
.push50topmargin { margin-top: 50px; }
.colossaltopmargin {margin-top:60px;}
.pushtopmarginsmall { margin-top: 80px; }
.pushtopmargin { margin-top: 100px; }

/* === | Rights ================================ */
.smallerrightmargin { margin-right: 3px; }
.smallrightmargin { margin-right: 9px; }
.mediumrightmargin { margin-right: 12px; }
.largerightmargin { margin-right: 18px; }
.largerrightmargin { margin-right: 24px; }
.largestrightmargin { margin-right: 32px; }
.giganticrightmargin { margin-right: 40px; }
.colossalrightmargin { margin-right: 60px; }

/* === | Bottoms ================================ */
.smallbottommargin { margin-bottom: 3px; }
.smallishbottommargin { margin-bottom: 6px; }
.mediumbottommargin { margin-bottom: 9px; }
.largebottommargin { margin-bottom: 18px; }
.largestbottommargin { margin-bottom: 24px; }
.pushbottommargin { margin-bottom: 36px; }

/* === | Lefts ================================ */
.smallleftmargin { margin-left: 3px; }
.mediumleftmargin { margin-left: 9px; }
.mediumishleftmargin { margin-left: 12px;}
.largeleftmargin { margin-left: 18px; }
.largerleftmargin { margin-left: 24px; }
.largestleftmargin { margin-left: 32px; }
.giganticleftmargin { margin-left: 40px; }
.colossalleftmargin { margin-left: 60px; }
.pushleftmargin { margin-left: 80px; }
.pushmoreleftmargin { margin-left: 100px; }
.pushevenmoreleftmargin { margin-left: 140px; }
.pushgiganticleftmargin { margin-left: 160px; }

/* === | Padding ================================ */
.nopadding { padding: 0; }
.smallpadding { padding: 2px; }
.padding6 {padding: 6px;}
.padding9 {padding:9px;}
.padding12 {padding:12px;}
.mediumpadding {padding: 20px;}
.padding24 {padding:24px;}

.padding6sides {padding-left: 6px; padding-right:6px;}
.padding9sides {padding-left: 9px; padding-right:9px;}
.padding12sides {padding-left: 12px; padding-right:12px;}
.padding24sides {padding-left: 24px; padding-right:24px;}
.padding36sides {padding-left: 36px; padding-right:36px;}

/* === | ========================================
		Font Sizes & Line Heights 
================================================= */
.smallfont {font-size: 10px; line-height: 12px;}
.smallfont11 {font-size: 11px; line-height: 12px;} 
.smallishfont {font-size: 12px; line-height: 14px;}
.regularfont {font-size: 14px; line-height: 18px;}
.fontsize16 { font-size: 16px; }
.mediumfont {font-size: 18px; line-height: 24px;}
.mediumfont16 {font-size: 16px; line-height: 24px; font-family: 'ProximaNovaBold';} /* Account Management Domain List style */
.mediumfont20 {font-size: 20px; line-height: 26px;}
.mediumfont21 {font-size: 21px; line-height: 28px; }
.largefont {font-size: 24px; line-height: 32px;}
.largerfont {font-size: 28px; line-height: 36px;}
.largestfont {font-size: 32px; line-height: 40px;}
.giganticfont {font-size: 36px; line-height: 54px;}
.enormousfont {font-size:40px; line-height: 54px;}
.colossalfont {font-size: 52px; line-height: 60px;}
.ridiculousfont {font-size: 60px; line-height: 72px;}
.humongousfont {font-size: 80px; line-height: 80px;}
.font100 {font-size: 100px; line-height:80px;}
.font130 { font-size: 130px; }
.lineheight16 { line-height: 16px; }
.lineheight18 { line-height: 18px; }
.lineheight21 { line-height: 21px; }
.lineheight24 { line-height: 24px; }
.lineheight28 { line-height: 28px; }
.lineheight30 { line-height: 30px; }
.lineheight32 { line-height: 32px; }



/* Header & Navigation */
.logo {
	width:300px;
	height:80px;
}

.logo h1 {
	font-size: 36px;
}

.navbar {
	background: #363636;
	background-image: url(/images/noise.png), -webkit-gradient(linear,  50% 0%,  50% 100%,  color-stop(0%,  #595959),  color-stop(100%,  #363636));
	background-image: url(/images/noise.png), -webkit-linear-gradient(#595959, #363636);
	background-image: url(/images/noise.png), -moz-linear-gradient(#595959, #363636);
	background-image: url(/images/noise.png), -o-linear-gradient(#595959, #363636);
	background-image: url(/images/noise.png), linear-gradient(#595959, #363636);
	color: #fff;
	padding: 8px 0;
	position: relative;
	z-index: 999;
	min-height:70px;
	border-radius: 0px;
		
	border:0px solid transparent!important;
}
.nav li {
	margin-top: 5px;
	display: inline-block;
}
.nav li a {
	color: #fff;
}
.nav li a:hover {
	background: none;
	text-decoration: underline;
}


/* Page Styles */
#main {
    background: #fff;
    min-height: 500px;
}
.box {
	background-color: #fafafa;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 15px 20px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.box2 {
	background-color: #f6f6f6;
	border: 1px solid #dbdcdc;
	margin-bottom: 20px;
}

/* Footer */
.global-footer {
	background-color: rgb(231, 231, 232);
	border-top: 1px solid #ccc;
	padding: 30px 0;
	width: 100%
}
.global-footer .site-nav {
    float: right;
    text-align: right;
}
.global-footer li {
    display: inline;
    font-size: 11px;
    margin-left: 5px;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.global-footer li:hover {
    opacity: 1;
}
.global-footer a {
    font-weight: bold;
}




/* Alexa Rank Styles */
.data-visual {
    text-align: left;
}
.data-visual.bar {
    line-height: 1;
    padding: 7px 5px;
}
.data-visual.bar .numbers {
    min-height: 20px;
    overflow: hidden;
    position: relative;
    margin-top: 3px;
}
.data-visual.bar .value, .data-visual.bar .delta {
    bottom: 0;
    position: absolute;
}
.data-visual.bar .value {
    font-size: 16px;
    font-weight: bold;
    left: 0;
}
.data-visual.bar .delta {
    font-size: 14px;
    right: 0;
}
.data-visual.bar .delta:before {
    font-size: 70%;
    margin-right: 2px;
}
.data-visual.bar .bar-bg, .data-visual.bar .bar-delta {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
    font-size: 0;
    height: 5px;
}
.data-visual.bar .bar-bg {
    background: #a3d39f;
    margin: 7px 0;
    overflow: hidden;
    width: 100%
}
.data-visual.bar .bar-delta {
    background: #24962d;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}
.data-visual.bar .title {
    font-size: 11px;
}
.gain .delta:before {
    color: green;
    content: "â–?"}
.loss .delta:before, .maxed .delta:before {
    color: #e14131;
    content: "â–?"}
.loss .bar-bg, .maxed .bar-bg {
    background: #ed9a9d !important;
}
.loss .bar-delta, .maxed .bar-delta {
    background: red !important;
}

/* SUGGESTION BOXES */
.domain-options {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    -ms-column-gap: 30px;
    -o-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    -ms-column-rule: 1px solid #ccc;
    -o-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
    font-size: 12px;
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
}
.domain-options li {
    margin: 5px 0;
    overflow: hidden;
}

.domain-options label {
    display: block;
    line-height: 1.2;
    overflow: hidden;
    position: relative;
}
.domain-options input {
	display: inline-block;
    margin: -3px 3px 0 0;
}
.domain-options .name, .domain-options .price {
    position: absolute;
}
.domain-options .price {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, #ffffff));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 25%);
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 25%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 25%);
    background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 25%);
    padding-left: 20px;
    right: 0;
}
div.related_domains a {
  margin:0.1em 0.3em;
}

/* POWERBAR */
.tld-option {
	color: #595959;
	background-color: #fff;
	text-align: center;
	width: 24%;
	opacity: .65;
}
.tld-option.avail,
.tld-option.avail-prem {
	opacity: 1;
}
.tld-option .tld {
	font-size: 14px;
	margin: 6px 0 2px 0;
	font-weight: bold;
}
.tld-option .price {
	margin: 1px 0 4px 0;
	font-size: 11px;
}
.tld-option .field {
	font-size: 11px;
	margin: 1px 0 0 0;
}
.tld-option .field.btn {
	border-radius: 0;
}

.pointer{
    cursor: pointer;
}

/* Responsive */
.form-control1 {min-width:auto;padding-left:15px;height:50px;font-size:18px;}
.form-control2 {min-width:auto;}

@media (min-width: 381px) {
	.form-control1 {min-width:248px;}
	.form-control2 {min-width:195px;}
	.active i.my-icon {display:inline-block !important;}
}
@media (min-width: 768px) {
	.form-control1 {min-width:400px;}
	.form-control2 {min-width:160px;}
	.marginchange {margin-bottom:0;}
	.domain-options {
	    -webkit-column-count: 3;
	    -moz-column-count: 3;
	    -ms-column-count: 3;
	    -o-column-count: 3;
	    column-count: 3;
	}
	.tld-option {
		width: 12%;
		margin: 5px -1px 20px 0px;
	}
	.tld-option .tld {font-size: 14px;}
}
@media (min-width: 991px) {
	.form-control2 {min-width:250px;}
	.tld-option {
		width: 12%;
		margin: 10px 0px 20px 0px;
	}
	.tld-option .tld {font-size: 17px;}
}
@media (min-width: 1200px) {
	.form-control2 {min-width:300px;}
	.tld-option {margin: 5px 0px 20px 1px;}
}

.list-unstyled {
    margin-bottom: 0;
}

.list-unstyled > li:last-child {
    margin-bottom: 0;
}

.pagination {
	margin-top: 0;
}