/* @override 
	https://manage.regdom.it/images/wd.css
	http://manage.test.regdom.it/images/wd.css
*/

.clear { clear: both; }
#wd, #menu, label, input, td, th {
    font-family: Helvetica, Arial, Verdana, sans-serif !important;
    text-align: left;
}

#menu {
    margin: 5px 0 0 10px;
    padding: 0;
}
#menu li {
    list-style-type: none;
    float: left;
    margin: 2px 7px 0 0;
    padding: 0;
    font-size: 120%;
    text-transform: uppercase;
}
#menu li a {
    display: inline-block;
    padding: 6px 6px 6px 25px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 5px 7px;
}
#menu li a:hover {
    background-color: white;
}
#menu li a:active {
    background-color: #DDD;
    color: black;
}
#menu li.active {
    margin-top: 0;
    border-style: dotted;
    border-color: #BBB;
    border-width: 2px 2px 0 2px;
    background-color: white;
}
#menu li.icon-home a { background-image: url(icons/briefcase.png); }
#menu li.icon-register a { background-image: url(icons/add.png); }
#menu li.icon-manage a { background-image: url(icons/database_table.png); }
#menu li.icon-settings a { background-image: url(icons/cog.png); }
#menu li.icon-operations a { background-image: url(icons/time.png); }
#wd-user { margin: 15px 0; }

#wd input { background-color: #EFEFEF; }
#wd input:hover { background-color: #DDD; }
#wd input:focus { background-color: white; }
#wd .button {
    background-color: #DDD;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    color: black;
    font-weight: bold;
}
#wd .button:hover { background: white; color: black; }
#wd .button:active { background: #666; color: black; }
#wd td { text-align: left; vertical-align: top; }
#wd a:hover { text-decoration: underline; }

#login-box {
    width: 450px;
    margin: 30px auto;
}
#login-box fieldset {
    padding: 20px;
    border: 8px solid #DDD;
}
#login-box legend {
    font-size: 130%;
    background-image: url(icons/key.png);
    background-position: 4px 0;
    background-repeat: no-repeat;
    padding: 0 4px 0 24px;
}
#login-box label {
    width: 115px;
    text-align: right;
    float: left;
    margin: 0 10px 0 0;
    padding: 9px 0 0 0;
    font-size: 16px;
}
#login-box input {
    width: 220px;
    display: block;
    padding: 4px;
    margin: 0 0 10px 0;
    font-size: 18px;
	color: #3a3a3a;
}
#login-box .button {
    margin-left: 125px;
    font-size: 13px;
    text-align: center;
    width: 50px;
}

#domain-list th, #sslcerts-list th { border-bottom: 1px solid #999; }
#domain-list tr.domain td, #sslcerts-list tr.domain td {
    padding: 4px 0;
    border-bottom: 1px dotted #999;
    overflow: hidden;
    text-align: left;
}
#domain-list tr.last td, #sslcerts-list tr.last td { border-bottom: 1px solid #999; }
#domain-list tr.selected, #sslcerts-list tr.selected { background-color: #FF6; }
#domain-list tr.domain a, #sslcerts-list tr.domain a {
    font-size: 120%;
}
#domain-list tr.domain a:hover, #sslcerts-list tr.domain a:hover {
    background-color: #EEE;
    text-decoration: none !important;
}
#domain-list #nav, #sslcerts-list #nav { float: right; }
.solid-box {
    padding: 10px;
    border: 1px solid #DDD;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
.solid-box > span { font-size: 14px; }
#bulk-action { margin-top: 20px; }
#bulk-action select {
    font-size: 13px;
    background-color: #FEFEFE;
}
#bulk-action.disabled { color: #AAA; }

#result-count { margin-bottom: 15px; }
#filter { margin: 10px 0 20px 0; }
#filter label {
    width: 100px;
    text-align: right;
    float: left;
    margin: 5px 10px 0 0;
    padding: 0 0 0 0;
}
#filter input {
    margin: 5px;
}
#filter input[type="text"] {
    width: 220px;
    display: inline-block;
    padding: 1px;
    font-size: 11px;
	color: #3a3a3a;
}

#domain-detail > table, #sslcert-detail > table {
    width: 100%;
    border: 1px solid #999;
}
td.label, td .label {
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
}
td[width="50%"] td.label { width: 60px; }

.action-btn {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    padding: 5px 5px 2px 20px;
}
.action-btn:hover {
    background-color: #EEE;
    text-decoration: none !important;
}
.action-btn:active { background-color: #CCC; }
.modify-registrant, .modify-tech, .modify-admin, .modify-dns { background-image: url(icons/pencil.png); }
.delete-domain { background-image: url(icons/cross.png); }
.restore-domain { background-image: url(icons/arrow_undo.png); }
.approve-transfer { background-image: url(icons/accept.png); }
.reject-transfer { background-image: url(icons/cross.png); }
.renew-domain, .renew-sslcert { background-image: url(icons/basket_go.png); }
.enable-autorenew, .disable-autorenew { background-image: url(icons/flag_blue.png); }
.modify-authcode, .send-authcode { background-image: url(icons/key.png); }
.enable-privacy, .disable-privacy, .create-sslcert, .send-data-consent-link { background-image: url(icons/shield.png); }
.lock-domain { background-image: url(icons/lock.png); }
.unlock-domain { background-image: url(icons/lock_open.png); }
.domain-operations { background-image: url(icons/time.png); }
.verify { background-image: url(icons/vcard.png); }

.box {
    border: 1px dashed #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 15px;
    padding: 10px 10px 10px 40px;
    background-repeat: no-repeat;
    background-position: 15px 10px;
    font-size: 120%;
}
.box-box-icon-warning { background-image: url(icons/error.png); }
.box-icon-operations { background-image: url(icons/time.png); }

.operations-list .current-filter { font-weight: bold; font-size: 120%; }
.operations-list .order {
    border: 1px solid #999;
    padding: 15px;
    margin-bottom: 20px;
}
.operations-list .order-title {
    font-weight: bold;
    font-weight: 14px;
    margin-bottom: 5px;
}
.operation {
    border-top: 1px dotted #CCC;
    padding: 10px 0 0 5px;
    clear: both;
}
.operation .status {
    float: right;
    height: 30px;
    width: 150px;
    padding-top: 8px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: 120px 0;
}
.operation .status div {
    padding-right: 40px;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.operation .status.pending { background-image: url(icons/op-status/pending.gif); }
.operation .status.completed { background-image: url(icons/op-status/succeeded.png); }
.operation .status.failed { background-image: url(icons/op-status/failed.png); }
.operation .status.pending-manual { background-image: url(icons/op-status/pending-pending.png); }
.operation .status.pending-started { background-image: url(icons/op-status/pending.gif); }
.operation .status.pending-pending { background-image: url(icons/op-status/pending-pending.png); }
.operation .status.pending-suspended { background-image: url(icons/op-status/pending-suspended.png); }
.operation .status.expired { background-image: url(icons/op-status/pending-pending.png); }
.operation .status a {
    font-size: 10px;
    text-transform: none;
    line-height: 10px;
}
.operation .name {
    margin-top: 6px;
    font-size: 14px;
}
.operation .error {
    margin: 3px 0 8px 8px;
    color: red;
}
.operation > .operation { margin-left: 20px; }

.expiring-domains { margin: 12px 0; }
.expiring-domains td { border-top: 1px dotted #CCC; }

.selected-domains li {
	margin-left: 0px;
}
.selected-domains a.delete {
    display: inline-block;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background-image: url(icons/cross.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}
.selected-domains a.delete span { display: none; }
.selected-domains a.delete:hover { background-color: #EEE; }

.whois { margin: 20px; }
.whois td { border-bottom: 1px dotted #CCC; }
.whois-group {
	margin-bottom: 20px;
}
.whois-group .whois-group-name {
	font-weight: bold;
	font-size: 16px;
}
.whois-group-name .whois-click-to-search {
	color: red;
	cursor: pointer;
	margin-left: 30px;
}
.whois-group-sample {
    font-size: 12px;
    font-weight: normal;
}
.whois-group-results {
	display: none;
}
.whois-result {
	height: 30px;
	cursor: pointer;
}
.whois-result.selected {
	background-color: #FF6;
}
.whois-result input[type=checkbox] {
	margin-right: 6px;
	width: 20px;
}
.whois-result .domain-name {
	font-size: 14px;
	width: 200px;
}
.whois-result .status {
	width: 250px;
}
.whois .free { color: green !important; }
.whois .taken { color: red !important; }
.spinner {
    height: 30px;
    background-image: url(spinner.gif);
    background-repeat: no-repeat;
}
#wait-dialog .spinner {
    width: 30px;
    margin: 20px auto;
}
.spinner-small {
    width: 16px;
    height: 16px;
    background-image: url(spinner_small.gif);
    background-repeat: no-repeat;
}

.instructions { font-size: 14px; }
fieldset.solid-box { margin: 0 0 20px 0; padding-bottom: 2px; }
fieldset.disabled label, fieldset.disabled p { color: #EEE; }
fieldset.selected { border: 5px solid #DDD; }
.data-input { margin-top: 20px; }
.data-input .data-field { clear: both; }
.data-input label {
    width: 150px;
    text-align: right;
    float: left;
    margin: 0 10px 15px 0;
    padding: 3px 0 0 0;
    font-size: 12px;
}
.data-input input, .data-input select {
    padding: 4px;
    margin: 0 5px 15px 5px;
	color: #3a3a3a;
	font-size: 14px;
}
.data-input input[type="text"], .data-input select { width: 280px; }
.data-input input[name="captcha_input"] { width: 100px; }
.data-input input.button { width: auto; }
.button-proceed { font-size: 14px; float: right; }
#error-dialog { text-align: left }
.dns-errors li { margin-left: 0 }