/*
 *   Reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:700;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;}

button::-moz-focus-inner {border:0; padding:0;} /* Remove button padding in Firefox */ 

/*
 *   Styles
 */
 
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
 
html {min-height:100%;}

body {width:100%; min-height:100%; font:14px Roboto, Arial, Verdana, Helvetica, sans-serif;
  background: #f7f7f7;
  background: -webkit-linear-gradient(top, #e0e0e0, #f7f7f7 15%);
  background:    -moz-linear-gradient(top, #e0e0e0, #f7f7f7 15%);
  background:     -ms-linear-gradient(top, #e0e0e0, #f7f7f7 15%);
  background:      -o-linear-gradient(top, #e0e0e0, #f7f7f7 15%);
}

input,
textarea {font-size:12px; font-family:Roboto, Arial, Verdana, Helvetica, sans-serif;}

input[type="text"],
input[type="password"],
select,
textarea {padding:8px; border:1px solid #d7d7d7; box-shadow:inset 0px 0px 5px 0px rgba(0,0,0,.1); border-radius:3px;}

select,
input[type=text],
input[type=password],
textarea {padding:8px; width:275px; max-width:100%; font-size:18px; vertical-align:middle; background:#fff; border:1px dotted #e6e6e6; outline:none; border-radius:3px; box-shadow:0px 0px 1px 0px rgba(0,0,0,.1);}
textarea.full-width {width:100%;}
input[type=text]:focus {border:1px solid #e6e6e6; background:#ffc;}

em {font-style:italic;}

hr {float:left; width:100%; border:0; border-bottom:1px solid #e5e5e5; margin:1em 0;}

p {float:left; width:100%; margin:0 0 1em 0;}
p:last-child {margin-bottom:0;}

.bold,
strong {font-weight:700;}

a:link, a:active, a:visited {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}

a.button:link,
a.button:visited,
button {padding:6px 10px; border:1px solid #d7d7d7; outline:0; background:#fdfdfd; color:#222; border-radius:3px; font-size:12px; font-weight:700; cursor:pointer; text-decoration:none;}

a.button:link i,
a.button:visited i,
button i {margin:0 5px 0 0; color:#444;}

a.button:hover,
button:hover {background:#f1f1f1;}

a.button-green:link,
a.button-green:visited,
button.green,
a.button-invoice:link,
a.button-invoice:visited,
button.invoice {background:#51c55b; border:1px solid #3f9c47; color:#fff;}

a.button-invoice:link i,
a.button-invoice:visited i,
button.invoice i {color:#fff;}

a.button-green:hover,
button.green:hover,
a.button-invoice:hover,
button.invoice:hover {background:#7ad067;}

a.button-edit:link,
a.button-edit:visited,
button.edit,
a.button-save:link,
a.button-save:visited,
button.save,
a.button-blue:link,
a.button-blue:visited,
button.blue {background:#2382ef; border:1px solid #1f6cc5; color:#fff;}

a.button-edit:link i,
a.button-edit:visited i,
button.edit i,
a.button-save:link i,
a.button-save:visited i,
button.save i,
a.button-blue:link i,
a.button-blue:visited i,
button.blue i {color:#fff;}

a.button-save:hover,
button.save:hover,
a.button-blue:hover,
button.blue:hover,
a.button-edit:hover,
button.edit:hover {background:#3c94f9;}

a.button-delete:link,
a.button-delete:visited,
button.delete {background:#c55151; border:1px solid #9a3939; color:#fff;}

a.button-delete:link i,
a.button-delete:visited i,
button.delete i {color:#fff;}

a.button-delete:hover,
button.delete:hover {background:#d06767;}

a.button-small:link,
a.button-small:visited,
button.small {background:#9d9d9d;}

a.button-small:hover,
button.small:hover {background:#adadad;}

a.button-disabled:link,
a.button-disabled:visited,
button.disabled,
a.button-disabled:hover,
button.disabled:hover {cursor:default; background:#f1f1f1; color:#999;}

.fa-pencil {color:#2382ef;}

h2 {float:left; margin:0 0 20px 0; max-width:50%; font-size:24px; line-height:1.2em;}
h2 small {color:#999; font-size:11px; line-height:28px; display:inline-block; vertical-align:middle;}
h3 {float:left; margin:0 0 1em 0; font-size:16px; font-weight:700;}

a.back {line-height:28px; margin:0 0 0 20px; padding:0 0 0 20px; border-left:1px solid #e6e6e6;}

.outer {float:left; width:100%;}

.clear-left {clear:left;}
.clear-right {clear:right;}
.clear {clear:both;}

.pull-left {float:left;}
.pull-right {float:right;}

.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}

.nowrap {white-space:nowrap;}

.full-width {width:100%;}

.space {margin:10px;}
.space-left {margin-left:10px;}
.space-right {margin-right:10px;}
.space-top {margin-top:10px;}
.space-bottom {margin-bottom:10px;}

a.red:link,
a.red:visited,
.red {color:#f00;}

/*
.outer {width:1050px; margin:0 auto;}
.inner {float:left; width:100%; margin:20px 0; background:#fff; box-shadow:0px 0px 10px 0px rgba(0,0,0,.2); min-height:400px;}
*/

.panel {float:left; width:100%; margin:0 0 20px 0; padding:20px; background:#fff; border:1px solid #e6e6e6; border-radius:5px; box-shadow:0px 0px 5px 0px rgba(0,0,0,.1);}
.panel-add {padding:0 20px;}

.no-padding {padding:0;}
.no-padding p:only-child {margin:0; padding:20px;}
.no-padding h3 {margin:1em 20px}

.pageresponse {float:left; width:100%; background:#ffff57; border-bottom:1px solid #ebe6b5; padding:15px 20px; font-weight:700;}
.pageresponse .inner {width:1050px; margin:0 auto;}

nav {float:left; width:100%; background:#242424;}
nav .inner {width:1050px; margin:0 auto;}

.logo {float:left; color:#7f7f7f; font-family:Exo, sans-serif; font-weight:700; font-size:18px;}
.logo span {color:#2382ef;}

nav .logo {margin:16px 0 0 0;}
nav .logo a:link,
nav .logo a:visited {color:#7f7f7f;}
nav .logo a:hover {text-decoration:none;}

nav .current-user {float:left; margin:22px 0 0 30px; padding:0 0 0 30px; border-left:1px solid #525252; color:#a9a9a9; font-size:12px; line-height:1em;}
nav .current-user a:link,
nav .current-user a:visited {color:#a9a9a9; text-decoration:underline;}
nav .current-user a:hover {text-decoration:none;}

nav .impersonate select {width:auto; margin:-3px -3px -3px 10px; padding:3px; font-size:10px;}

nav .links {float:left; width:100%;}
nav .links .sub-wrap,
nav .links a:link,
nav .links a:visited {float:left; padding:15px 20px; text-decoration:none; color:#a9a9a9; font-weight:700;}
nav .links a:hover {color:#fff;}
nav .links a:first-child {padding-left:10px;}
nav .links a.active {margin:10px 10px; padding:5px 10px; background:#b31111; border-radius:3px; color:#fff;}
nav .links a.active:first-child {margin-left:0;}
nav .links a.logout:link,
nav .links a.logout:visited {float:right; color:#7f7f7f;}
nav .links a.logout:hover {color:#fff;}
nav .links a.logout i {margin:0 0 0 8px;}
nav .links i {margin:0 8px 0 0; min-width:16px; text-align:center;}
nav .links .sub-wrap {position:relative;}
nav .links .sub-wrap i {margin:0 0 0 8px;}
nav .links .sub-menu {position:absolute; z-index:1001; display:none; left:10px; top:100%; min-width:200px;}
nav .links .sub-menu a:link,
nav .links .sub-menu a:visited {margin:0; padding:15px; width:100%; background:#333;}
nav .links .sub-menu a.active {border-radius:0; background:#333;}
nav .links .sub-menu i {margin:0 8px 0 0;}

nav.sub {background:#525252;}
nav.sub .links a:link,
nav.sub .links a:visited {padding:12px 25px; color:#bbb; font-size:80%;}
nav.sub .links a:hover {color:#fff;}
nav.sub .links a:first-child {padding-left:0;}
nav.sub .links a.active {margin:7px 15px; padding:5px 10px; background:#898989; color:#fff;}
nav.sub .links a.active:first-child {margin-left:0;}

.search-box {float:right; position:relative;}
.search-box input[type="text"] {float:right; width:200px; padding:7px; margin:9px; outline:none; background:#fff; border:0; border-radius:3px; font-size:12px;}
.search-box .search-icon {float:right; margin:9px 5px 9px 0; padding:7px 0; color:#fff; font-size:14px; }

.search-results .chevron {float:left; width:100%; height:7px; text-align:center; font-size:14px; color:#525252;}
.search-results .wrap {float:left; padding:10px; width:100%; border-radius:3px; background:#525252;}

.search-results {position:absolute; z-index:1001; width:300px;}
.search-results .chevron {float:left; width:100%; height:7px; text-align:center; font-size:14px; color:#525252;}
.search-results .wrap {float:left; padding:10px; width:100%; border-radius:3px; background:#525252; box-shadow:0px 0px 10px 0px rgba(0,0,0,.2);}
.search-results a:link,
.search-results a:visited {float:left; width:100%; padding:10px; background:#fff; border-bottom:1px solid #e5e5e5; text-decoration:none;}
.search-results a:hover {text-decoration:none;}
.search-results a:first-child {border-top:0;}
.search-results a i {margin:0 8px 0 0;}
.search-results a span.name {float:left; clear:left; width:100%; color:#000; font-size:14px; font-weight:700;}
.search-results a strong {background:#398bcc; color:#fff;}
.search-results a span.trail {float:left; clear:left; width:100%; color:#ababab; font-size:11px; margin:4px 0 0 0;}
.search-results a.selected,
.search-results a:hover {background:#398bcc; border-color:#3978b2; color:#fff;}
.search-results p {float:left; clear:left; width:100%; padding:10px; margin:0; background:#fff; font-size:14px; font-weight:normal;}
.search-results a.selected span.name,
.search-results a:hover span.name {color:#fff;}
.search-results a.selected span.trail,
.search-results a:hover span.trail {color:#9fc8e3;}
.search-results a span.highlight {background:#398bcc; color:#fff;}
/* .search-results a span.highlight {background:#398bcc; color:#fff;} */
.search-results a.archived:link span.name,
.search-results a.archived:visited span.name {color:#999;}
.search-results a.selected.archived:link span.name,
.search-results a.selected.archived:visited span.name,
.search-results a.archived:hover span.name {color:rgba(255,255,255,.5);}

.search-results a .tag {display:inline-block; margin:0 0 0 10px; padding:2px 5px; border-radius:2px; background:rgba(0,0,0,.2); color:rgba(0,0,0,.5); font-size:10px; font-weight:normal; text-transform:uppercase;}
.search-results a.selected .tag,
.search-results a:hover .tag {color:rgba(255,255,255,.5);}

footer {float:left; width:100%; height:100px;}
footer {width:1050px; margin:0 auto;}

.status {float:left; width:100%; padding:10px; background:#2382ef; color:#fff; font-size:80%;}
.status a:link,
.status a:visited {color:#fff;}
.status a.button:link,
.status a.button:visited {margin:0 0 0 10px; padding:5px 8px; color:#222;}
.status .inner {width:1050px; margin:0 auto;}

.content {float:left; width:100%; padding:20px;}
.content .inner {width:1050px; margin:0 auto;}

.pipe {color:#ccc; margin:0 10px;}

img.icon {margin:0 4px 0 0; vertical-align:bottom;}

table.full-width {width:100%;}
table.list tr th {padding:10px 15px; color:#7f7f7f; border-bottom:1px solid #d7d7d7; font-weight:700; font-size:80%; text-transform:uppercase;}
table.list tr th.large {font-size:140%; text-transform:none;}
table.list tr th.large a:link,
table.list tr th.large a:visited {color:#2382ef;}
table.list tr td {padding:15px; background:#fff; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
table.list tbody tr.odd td,
table.list tbody tr:nth-child(2n-1) td {background:#fafafa;}
table.list tbody tr.dark td {background:#f0f0f0;}

table.list input[type=text] {padding:5px; outline:none; background:transparent; border:1px dashed #e6e6e6; font-size:14px; border-radius:3px; box-shadow:0px 0px 1px 0px rgba(0,0,0,.1);}
table.list input[type=text]:focus {background:#ffc !important;}
/* table.list input.esd {background:#cfc !important;} */
table.list select {width:auto; font-size:14px;}
table.list span.input {float:left; width:100%; padding:6px;}
table.list span.placeholder {color:#ccc;}
table.list span.input:hover {padding:5px; background:#fffcda; border:1px dashed #e6e6e6;}
table.list span.placeholder:hover {color:rgba(0,0,0,.3);}

table.list .fa-hourglass-half {color:#999;}
table.list .fa-star {color:#ffd100;}

table.list label {float:left; padding:4px; border-radius:3px; font-size:80%; white-space:nowrap;}
table.list label input {margin:0 5px 0 0; vertical-align:-2px;}
table.list label.green {background:#48e754; font-weight:700;}
table.list label.blue {background:#73b4fc; font-weight:700;}

table.list tr.inactive td,
table.list tr.more-inactive td,
table.list tr.more-inactive a:link,
table.list tr.more-inactive a:visited {color:#ccc;}
table.list tr.inactive td input[type=text],
table.list tr.more-inactive td input[type=text],
table.list tr.inactive td select,
table.list tr.more-inactive td select {color:#ccc; border-color:#f7f7f7; box-shadow:none;}
table.list tr.more td {border-top:0;}
table.list tr.expanded td {border-bottom:0;}
table.list tbody.child tr td:first-child {border-left:2px solid #444;}
table.list tbody.child tr td:last-child {border-right:2px solid #444;}
table.list tbody.child tr.last td,
table.list tbody.child tr.more-last td {border-bottom:2px solid #444;}
table.list tbody.child tr.expanded td {border-bottom:0;}
table.list tr.productname th {padding:8px; background:#444; border:2px solid #444; color:#fff;}
table.list tr.productname td {padding:8px; background:#444; border:2px solid #444; color:#fff; text-align:right; font-size:80%;}
table.list tr.productname a:link,
table.list tr.productname a:visited {color:#fff; text-decoration:none;}
table.list tr.productname a:hover {text-decoration:underline;}

table.list tbody.split tr td {padding-top:20px; padding-bottom:15px; border:0; font-size:24px;}

table.list tfoot tr td {background:#333; font-size:18px; color:#fff;}
table.list tfoot tr td.small {font-size:14px; color:#ccc;}
table.list tfoot tr td button {font-size:11px;}

table.list tr td.button {width:10px; white-space:nowrap;}

small,
table.list tr .small,
table.list tr td.small,
table.list tr td.dated {text-transform:uppercase; color:#7f7f7f; font-size:80%;}

table.list label.target {float:left; width:22px; height:22px; background:#fff; border:1px solid #d7d7d7; border-radius:10px; cursor:pointer;}
table.list label.target:hover {background:#e6e6e6;}
table.list label.target input[type=checkbox] {position:absolute; top:-10000px;}
table.list tr.checked td {background:#ffe2e2;}
table.list tr.checked label.target {background:#ff6c6c; border-color:#ff6c6c;}

table.list tr td.archived,
table.list tr td.archived a:link,
table.list tr td.archived a:visited {color:#999; text-decoration:line-through;}

.no-padding table.list tr th {padding:18px 24px;}
.no-padding table.list tr td {padding:18px 24px;}

table.list-compact tr th {padding:5px 15px 5px 0;}
table.list-compact tr td {padding:5px 15px 5px 0; border:0; background:#fff;}
table.list-compact tbody tr:nth-child(2n-1) td {background:#fff;}

table.items tr td {padding:12px 6px;}

table.form {float:left; clear:left;}
table.form tr th {padding:12px 8px 8px 8px; font-weight:700; vertical-align:top;}
table.form tr td {padding:8px;}
table.form input[type=text],
table.form input[type=password] {padding:5px; background:#fff; border:1px solid #d7d7d7; border-radius:3px; box-shadow:0px 0px 1px 0px rgba(0,0,0,.1);}
table.form input[type=text]:focus {background:#ffc;}

table.form textarea {width:400px; height:180px; padding:5px; background:#fff; border:1px solid #d7d7d7; border-radius:3px;}
table.form label {float:left; padding:4px; border-radius:3px; font-size:80%;}
table.form label input {margin:0 5px 0 0; vertical-align:-2px;}

/* NEW */
table.form {float:left; clear:left; font-size:18px;}
table.form tr th {width:200px; padding:29px 30px 20px 20px; vertical-align:top; text-align:right; font-weight:700; border-top:1px dashed #d7d7d7;}
table.form tr td {padding:20px 20px 20px 0; vertical-align:top; line-height:40px; border-top:1px dashed #d7d7d7;}
table.form tr:first-child th,
table.form tr:first-child td {border-top:0;}
table.form tr:nth-child(2n) th,
table.form tr:nth-child(2n) td {background:#fcfcfc;}
table.form select,
table.form input[type=text],
table.form input[type=password],
table.form textarea {padding:8px; width:275px; max-width:100%; font-size:18px; vertical-align:middle; background:#fff; border:1px dotted #e6e6e6; outline:none; border-radius:3px; box-shadow:0px 0px 1px 0px rgba(0,0,0,.1);}
table.form textarea.full-width {width:100%;}
table.form input[type=text]:focus {border:1px solid #e6e6e6; background:#ffc;}
/**/

.tip {clear:left; font-size:80%; color:#999;}

.bar {width:100%; height:1em; background:#e6e6e6;}
.bar div {height:1em; background:#19ea19;}
.bar-blue div {background:#2382ef;}
.bar-orange div {background:#ff8e00;}
.bar-red div {background:#ef2323;}
.bar-red div div {background:#19ea19;}

table.content {width:100%; border:1px solid #d7d7d7;}
table.content tr th,
table.content tr td {padding:10px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#e6e6e6;}
table.content tr th {width:800px; font-weight:700;}
table.content tr td {text-align:center; font-size:11px; white-space:nowrap;}
table.content a:link,
table.content a:visited {text-decoration:none;}
table.content a:hover {text-decoration:underline;}
table.content .tag {float:right; margin:0 0 0 15px; padding:3px; background:#ccc; border:1px solid #aaa; border-radius:2px; color:#666; font-size:80%; text-transform:uppercase; cursor:default;}
table.content .tag-green {background:#7dce8a; border:1px solid #43a34f; color:#3f7949;}
table.content tr.child td,
table.content tr.child th {background:#fff;}
table.content tr.hidden td,
table.content tr.hidden th {background:#f7f7f7; color:#7f7f7f;}
table.content tr.hidden a:link,
table.content tr.hidden a:visited {color:#7f7f7f;}

table.reportdiv tr td {padding-right:20px; vertical-align:top;}

table.report {float:left; width:100%; margin:0 0 40px 0;}
table.report tr th {padding:10px 12px; background:#eaeaea; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; font-weight:700; font-size:80%; text-transform:uppercase;}
table.report tr td {padding:12px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
table.report tr td nobr img {background-color:#6c6; border-bottom:2px solid #393; border-top:2px solid #6f6; border-right: 1px solid #6f6; border-left: 1px solid #393; height:6px;}

div.actions {float:left; width:100%; margin:0 0 1em 0; padding:10px 15px; background:#e6e6e6; font-size:11px; line-height:24px;}
div.actions select {margin:0 0 0 5px; padding:3px; background:#fff; border:1px solid #d7d7d7; border-radius:3px;}
div.actions button {margin:0 0 0 5px;}

p label {float:left; padding:4px; border-radius:3px; font-size:80%;}
p label input {margin:0 5px 0 0; vertical-align:-2px;}

.search {float:left; width:100%; margin:0 0 15px 0; padding:15px; background:#dbdbdb;}
.search label {font-weight:700;}
.search input[type="text"],
.search select {margin:0 10px 0 0; padding:3px; border:1px solid #d7d7d7; background:#fff; border-radius:3px;}
.search .title {float:left; margin:5px 0; font-size:80%; font-weight:700; text-transform:uppercase;}

.alpha {float:left; width:100%; margin:0 0 15px 0; padding:8px; background:#dbdbdb;}
.alpha span {float:left; margin-right:3px; min-width:20px; height:20px; white-space:nowrap; font-size:11px; line-height:20px; background:#242424; color:#fff; text-align:center; font-weight:700;}
.alpha span a:link,
.alpha span a:visited {float:left; width:100%; height:100%; padding:0 5px; text-decoration:none; color:#fff;}
.alpha span a:hover {background:#444;}
.alpha span.active {background:#b31111; color:#fff; padding:0 5px;}
.alpha span.active a:link,
.alpha span.active a:visited {color:#fff; padding:0;}
.alpha span.active a:hover {background:#b31111; color:#fff;}

.dashbox {float:left; clear:left; margin:0 0 20px 0; background:#efefef;}

#tooltip {position:absolute;}
#tooltip .arrow {width:100%; height:4px; background:url('/images/tooltip.png') no-repeat center top;}
#tooltip .arrow-down {background:url('/images/tooltip-down.png') no-repeat center bottom;}
#tooltip .text {padding:8px 10px; background:#202020; color:#fff; border-radius:2px; font-size:12px; font-family:Verdana, Helvetica, sans-serf; white-space:pre-wrap;}

.droploader {position:relative; float:left; width:400px; padding:5px; background:#fff; border:1px solid #d7d7d7; border-radius:3px; box-shadow:0px 0px 1px 0px rgba(0,0,0,.1); font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; cursor:pointer;}
.droploader .droploader-status {position:relative; float:left; z-index:2; pointer-events:none;}
.droploader .droploader-progress {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:#a9f5a9; pointer-events:none;}
.droploader-hover {background:#f7f7f7;}
.droploader-drag {background:#e6e6e6;}
.droploader-uploading {font-weight:700;}
.droploader-error .droploader-progress {background:#f5a9a9;}

.pagenumbers {float:left; width:100%; margin:1em 0; padding:0 10px; font-size:11px; line-height:11px; text-align:center;}
.pagenumbers .center {display:inline-block;}
.pagenumbers .info {float:left; line-height:23px;}
.pagenumbers .prevnext {float:left; margin:0 25px;}
.pagenumbers .prevnext a {float:left;}
.pagenumbers .pages {float:left;}
.pagenumbers .pages div {float:left; margin-right:2px; border-radius:3px; text-align:center; font-weight:bold;}
.pagenumbers .pages a:link,
.pagenumbers .pages a:visited,
.pagenumbers .pages span {float:left; min-width:23px; padding:5px 3px; text-decoration:none;}
.pagenumbers .pages a:hover {background:#e6e6e6;}
.pagenumbers .pages .current span {background:#2382ef; border-radius:3px; color:#fff;}

.no-padding .pagenumbers {padding:10px 24px;}

.page-rearrange {float:left; width:100%; margin:10px 0; background:#ffc; padding:10px;}
.page-rearrange span {line-height:24px; font-weight:700;}
.page-rearrange button {float:right; clear:right; margin:0;}

.no-padding .page-rearrange {padding:10px 24px;}

table.list tr td.time-active {color:#f00;}

body.login {background:#242424;}
body.login .logo {float:left; width:100%; margin:0 0 10px 0; text-align:center; font-size:48px;}
body.login nav {display:none;}
body.login .content {width:100%; height:100%;}
body.login .content .inner {position:absolute; left:50%; top:50%; width:300px; height:500px; margin:-250px 0 0 -150px;}
body.login .center {text-align:center;}
body.login img {margin:0 0 10px 0;}
body.login label {float:left; width:100%; margin:0 0 3px 0; padding:0 8px; font-size:11px; color:#bbb;}
body.login input[type="text"],
body.login input[type="password"] {float:left; width:100%; margin:0 0 15px 0; box-shadow:inset 0 0 1px #aaa; border:0; outline:none;}
body.login button {float:none; clear:left; margin:20px 0 0 0;}

body.login button.submit {padding:0 20px; background:#2382ef; outline:none; border-radius:3px; cursor:pointer; font-size:14px; line-height:36px; text-align:center; color:#fff; font-weight:bold; text-shadow:0px 0px 2px rgba(0,0,0,.8);}
body.login button.submit:hover {background:#3c94f9;}
body.login button.submit:active {background:#2f71bd;}

body.login .sitename {float:left; width:100%; margin:0 0 40px 0; text-align:center; text-transform:uppercase; font-family:Exo, sans-serif; font-size:18px; color:#525252;
  -webkit-transition: color 0.6s;
  -moz-transition: color 0.6s;
  -ms-transition: color 0.6s;
  -o-transition: color 0.6s;
  transition: color 0.6s;
  cursor:default;
}
body.login .sitename:hover {color:#fff;}

.tabs {float:left; width:100%; background:#fff;}
.tabs a:link,
.tabs a:visited {float:left; padding:15px 20px; border-right:1px solid #e6e6e6; font-weight:700;}
.tabs a:hover {background:#f7f7f7; text-decoration:none;}
.tabs a.tab-active:link,
.tabs a.tab-active:visited {background:#2382ef; color:#fff;}
.tabs a:first-child {border-radius:5px 0 0 5px;}
.tabs .amount {margin:0 0 0 10px; font-size:80%; color:rgba(0,0,0,.5);}
.tabs .tab-active .amount {color:rgba(255,255,255,.5);}
.tabs select {margin:6px; padding:7px; width:175px; font-size:14px;}

.crumbs {float:left; width:100%; margin:0 0 20px 0; padding:0 20px;}
.crumbs a:link,
.crumbs a:visited {font-size:14px; font-weight:bold; text-decoration:none; color:#7f7f7f;}
.crumbs a:hover {text-decoration:underline;}
.crumbs i {margin:0 15px; color:#bbb;}

.dns-a {color:#333;}
.dns-aaaa {color:#7c7c7c;}
.dns-cname {color:#ff7900;}
.dns-mx {color:#d91698;}
.dns-txt {color:#9bca3e;}