/* Overall */
body {
background: #dddddd url(../img/bg_main.gif) repeat-x top;
font-size: 11pt;
font-family: Arial, Helvetica, sans-serif;
color: #353535;
margin: 0;
padding: 23px 0 0 0;
height: 100%;
}
h1, h2, h3, h4, ul, li, input, textarea, select, form {
padding: 0;
margin: 0;
}
a:link, a:visited {
color: #0f89e8;
text-decoration: underline;
}
a:hover {
color: #d20202;
}
hr {
border: none;
height: 1px;
color: #eee;
background: #eee;
}

/* FLOATING FRAME */
.floatingframe_bg {
position: fixed;
background: #000;
width: 100%;
height: 100%;
display: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: .80;
}
.floatingframe_body {
width: 100%;
height: 100%;
position: fixed;
top: 0%;
left: 0;
bottom: 0%;
right: 0;
display: none;
overflow: auto;
}

/* FLOATING FRAME */
/* this is the old definition for ff because of 
  IE6 problems but now everything is in JS so this is obsolete */
/*
.floatingframe_bg {
display: none;
position: absolute;
background: #000;
left: 0;
top: 0;
filter: alpha(opacity=80);
}
.floatingframe_body {
display: none;
position: absolute;
left: 0;
top: 0;
}
/* Buttons */
.button {
background: url(../img/b_bg.gif) repeat-x top;
line-height: 18px;
font-size: 12px;
border: 1px solid #c5c5c5;
border-right: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
margin: 1px;
padding: 0px 7px;
cursor: pointer;
}
input.button {
width: 0;
overflow: visible;
}
input.button[class] {
width: auto;
}
a:link .button, a:visited .button {
text-decoration: none;
}
.button2 {
color: #fff;
font-size: 9pt;
background: #7b7b7b;
padding: 2px 5px;
border-right: 1px solid #4a4a4a;
border-bottom: 1px solid #4a4a4a;
border-top: 1px solid #ababab;
border-left: 1px solid #ababab;
text-decoration: none;
}
.button3 {
color: #fff;
font-size: 9pt;
background: #cb0202;
padding: 2px 5px;
border-right: 1px solid #970000;
border-bottom: 1px solid #970000;
border-top: 1px solid #ff4c4c;
border-left: 1px solid #ff4c4c;
}
a:link .button3, a:visited .button3 {
text-decoration: none;
}
.clear {
clear: both;
display: block;
}
/* Styles */
.lightgray {
color: #5b5b5b;
}
.biggray {
font-weight: bold;
font-size: 13pt;
margin: 5px 0;
color: #000;
}
.smalltext, .domain_tags_grid {
font-size: 9pt;
color: #666;
}
.input {
background: #fff url(../img/form_shadow.gif) repeat-x top;
border: 1px solid #aaa;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
padding: 3px;
}
/* Layout Elements */
#wrapper {
width: 986px;
padding: 7px 0 0 0;
margin: auto;
background: url(../img/bg_content.png) no-repeat;
}
#header {
margin: auto;
height: 79px;
width: 974px;
background: url(../img/header_logo.jpg) no-repeat top;
}
#footer {
border-top: 1px solid #c9c9c9;
padding: 15px 0;
text-align: center;
color: #8e8e8e;
font-size: 10pt;
white-space: nowrap;
position: relative;
}
#footer #icann {
position: absoute;
right: 0;
top: 0;
}
#footer a:link, #footer a:visited {
color: #555;
}
#footer a:hover {
color: #000;
}
#non_modal_container {
height: 30px;
width: 100%;
padding: 0 0 8px 0;
z-index: 4;
display: none;
font-size: 8pt;
color: #363400;
text-transform: uppercase;
}
#non_modal_container #non_modal_container_content {
line-height: 30px;
margin: 0 0 0 30px;
}
#non_modal_container span {
float: left;
display: block;
height: 30px;
width: 20px;
margin-left: 3px;
}
#non_modal_container a {
float: right;
margin-right: 5px;
}
#non_modal_container a div {
width: 20px;
height: 30px;
}
/* IndexPage */
#indexpage {
width:899px;
margin: auto;
padding-top: 10px;
}
#indexframe a:link, #indexframe a:visited {
color: #fff;
}
#indexframe a:hover {
color: #000;
}
#indexframe {
width: 879px;
margin: auto;
height: 200px;
background: url(../img/indexframe_bg.jpg) no-repeat;
position: relative;
color: #fff;
font-size: 12px;
}
#indexframe h2 {
font-size: 17px;
line-height: 20px;
margin-bottom: 5px;
}
#indexframe div {
text-align: justify;
width: 500px;
padding: 25px 0 0 25px;
}
#indexpage img {
border: none;
}
#indexframe .index_signup {
position:absolute;
top: 14px;
right: 14px;
}
#indexpage .loginbox .form_input {
font-size: 8pt;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
color: #666;
}

.form_input input[type="radio"] {
width: 30px;
background: #fff url();
border:  0px;
}

#indexpage .loginbox .form_input input {
width: 130px;
}
#indexpage h5 {
font-size: 14pt;
font-weight: normal;
margin: 0 0 10px 0;
}
#indexpage #domainbullies_PubIndex_form_domainregister textarea {
width: 90%;
height: 80px;
background: #fff url(../img/form_shadow.gif) repeat-x top;
border: 1px solid #aaa;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
padding: 3px;
}
#indexnews {
background: #f3f3f3;
width: 859px;
margin: auto;
position: relative;
padding: 10px;
}
#indexnews img.indexnews_box_top {
position: absolute;
top: 0;
left: 0;
}
#indexnews img.indexnews_box_bottom {
position: absolute;
bottom: 0;
left: 0;
}
#indexnews h2 {
margin: 0 0 10px 0;
font-weight: bold;
font-size: 14px;
line-height: 16px;
padding-left: 18px;
background: url(../img/indexpage_news.gif) no-repeat;
}
#indexnews span {
float: left;
padding:  5px;
width: 161px;
}
#indexnews span a {
display: block;
}
#indexpage #box_searchandcart .box2 td {
vertical-align: top;
}
/* Menu */
#menu {
height: 37px;
background: url(../img/menu_bg.gif) repeat-x;
border-top: 1px solid #f63228;
width: 974px;
margin: auto;
}
#menu ul li {
float: left;
position: relative;
list-style-type: none;
margin: 0;
height: 35px;
}
#menu li .submenu {
visibility: hidden;
position: absolute;
height: 30px;
top: 35px;
left: 7px;
background: url(../img/menu_submenu_bg.gif) repeat-x;
color: #ccc;
font-size: 10pt;
}
#menu li .submenu div {
background: url(../img/menu_submenu_leftcorner.gif) no-repeat left top;
height: 100%;
}
#menu li .submenu div div {
background: url(../img/menu_submenu_rightcorner.gif) no-repeat right top;
padding: 5px 6px 0 6px;
white-space: nowrap;
}
.submenu a:link, .submenu a:visited {
color: #353535;
text-decoration: none;
}
.submenu a:hover {
text-decoration: underline;
}
.menu_button img {
border: none;
}
a.menu_button img.mhover {
display: none;
}
a.menu_button img.normal {
display: block;
}
a:hover.menu_button img.mhover {
display: block;
}
a:hover.menu_button img.mnormal {
display: none;
}
/* Balance + logout */
#balance {
width: 100%;
color: #5b5b5b;
padding: 0 3px 1px 3px;
background: url(../img/balance_bg.gif) repeat-x top;
font-size: 12px;
}
#balance td {
vertical-align: middle;
}
/*
.balance_low {
color: red;
}
*/
#logout {
float: right;
text-transform: uppercase;
margin: 0 5px 0 0;
}
#logout a {
font-size: 9pt;
text-decoration: none;
}
/* Lister  */
.lister {
border: 1px solid #ccc;
background: #fff;
}
.lister td {
padding: 5px;
border-top: 1px solid #eee;
text-align: left;
}
.lister_head td {
text-align: left;
height: 30px;
font-size: 11px;
font-family: Arial;
font-weight: bold;
line-height: 30px;
background: url(../img/lister_head_bg.gif) repeat-x;
border: 1px solid #fff;
border-right: 1px solid #e3e3e3;
white-space: nowrap;
vertical-align: middle;
}
.lister_head td a {
margin-left: 3px;
}
.lister td td {
padding: 0;
border: none;
}
.lister input {
margin-left: 2px;
}
.lister_head input {
margin: 0;
}
#lister_last3trans {
width: 10%;
}
#lister_last3trans td {
font-size: 9pt;
}
.grid_msg {
background: #ffffa8;
border: 1px solid #ccc;
border-top: 1px solid #dad479;
border-bottom: none;
height: 30px;
line-height: 30px;
padding: 0 5px;
display: none;
text-align: center;
font-size: 10pt;
color: #000;
position: relative;
}
.grid_msg .grid_msg_close {
position: absolute;
right: 5px;
top: 0;
}
.grid_msg_close img {
border: none;
}
.grid_buttons {
border: 1px solid #ccc;
padding: 2px 5px;
margin: 1px 0;
background: #f9f9f9;
text-align: left;
}
.grid_buttons img {
border: none;
}
.grid_buttons input {
margin: 0 5px 0 0;
}
#domain_grid_buttons a {
margin: 0 0 0 5px;
}
.grid_buttons select {
margin-bottom: 20px;
}
#domain_grid_buttons {
text-align: right;
}
#domain_grid_buttons div {
float: left;
margin-left: 5px;
}
#domain_grid_buttons div span {
float: left;
line-height: 44px;
}
#domain_grid_buttons div span select {
margin: 10px 0 0 5px;
height: 22px;
}

.ajax_paginator {
background: #fff;
border: 1px solid #ccc;
border-top: none;
line-height: 25px;
height: 25px;
text-align: center;
padding: 0 5px;
color: #777;
position: relative;
}

.ajax_paginator b {margin: 2px;font-weight: normal;}
.ajax_paginator a {margin: 2px;}
.ajax_paginator span {display: none;}
.ajax_paginator a span {
display: block;
font-size: 8pt;
text-transform: uppercase;
letter-spacing: 0.1px;
font-weight: bold;
}
.ajax_paginator a.p_left {
position: absolute;
left: 5px;
width: 70px;
text-decoration: none;
}
.ajax_paginator a.p_right {
text-decoration: none;
position: absolute;
width: 70px;
right: 5px;
}

.paginator {
background: #fff;
border: 1px solid #ccc;
border-top: none;
line-height: 40px;
height: 40px;
text-align: center;
padding: 0 5px;
color: #777;
position: relative;
}

.paginator td {height: 40px;}
.paginator b {margin: 2px;font-weight: normal;}
.paginator a {margin: 2px;}
.paginator a.p_left {
background: url(../img/paginator_previous.gif) no-repeat;
background-position: center center;
display: block;
height: 40px;
width: 21px;
}
.paginator a.p_right {
background: url(../img/paginator_next.gif) no-repeat;
background-position: center center;
display: block;
height: 40px;
width: 21px;
}
.paginator form {
position: absolute;
right: 5px;
top:8px;
}
.paginator select {
position: absolute;
top:0;
right: 0;
}

.lister .inner_cell {
padding: 30px;
background: #f4f4f4 url(../img/bg_innercell.gif) repeat-x top;
border-bottom: 1px solid #bbb;
}
/* Grid cell availability */
.unable_av_cell {
font-size: 10pt;
color: #aaa;
}
.busy_av_cell {
background: url(../img/icon_notavailable.gif) no-repeat 0% 50%;
color: #ed1c24;
text-transform: lowercase;
font-size: 10pt;
padding: 0 0 0 15px;
}
.available_av_cell {
background: url(../img/icon_available.gif) no-repeat 0% 50%;
color: #369d26;
text-transform: lowercase;
font-size: 10pt;
padding: 0 0 0 15px;
}	
/* Box */

.box2 .box_content, .box .box_content {
padding: 5px;
background: #fff;
}
.box2 .minwidthfix {
border-right: 180px solid #fff;
}
.box2 .box_content {
padding: 10px 5px 0 5px;
margin-right: -180px;
}
.box2 .box_top, .lister td .box2 .box_top {
padding: 10px 0 0 0;
vertical-align: top;
height: 30px;
}
.box2 .box_top .question {
float: right;
margin: 4px 4px 0 0;
}
.box2 .box_top h2 {
display: inline;
font-size: 16px;
line-height: 30px;
background: url(../img/box_head_star.gif) no-repeat 0% 50%;
padding: 0 0 0 20px;
margin: 0 0 0 5px;
white-space: nowrap;
}
.box2 .box_content ul {
list-style-type: none;
margin: 0;
}
.box2 .box_content ul li {
line-height: 20px;
margin: 0 0 5px 0;
white-space: nowrap;
}
.box2 .box_content form {
white-space: nowrap;
}
#helper .box_content ul li {
line-height: normal;
white-space: normal;
margin: 0;
}
.box2 .box_content ul li select, .box2 .box_content ul li #qsearch {
width: 150px;
margin: 1px 0 1px 3px;
background: #fff url(../img/form_shadow.gif) repeat-x top;
border: 1px solid #aaa;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
padding: 3px;
}
.box2 .box_content .tags li {
line-height: 13px;
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
}
.box2 .box_content .button {
margin: 5px 1px;
}
/* Hint */
.overview span {
display: block;
white-space: nowrap;
font-size: 9pt;
color: #757575;
line-height: 25px;
text-align: left;
}
.overview td {
padding: 0 5px;
line-height: 25px;
text-align: right;
border-bottom: 1px solid #ddd;
vertical-align: top;
font-size: 10pt;
}
#tab_overview td {
text-align: left;
}
.hint_box {
width: 175px;
padding: 10px;
background: #fffbc5;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #656345;
font-size: 11px;
float: right;
text-align: justify;
min-height:109px;
height:auto !important;
height:109px;
}
h3.notes {
background: url(../img/icon_notes.gif) left no-repeat;
line-height: 16px;
font-size: 14px;
font-weight: normal;
margin: 10px 0 5px 0;
padding-left: 18px;
}
.hint_box h3 {
color: #a7a583;
text-align: left;
font-size: 18px;
font-weight: normal;
margin-bottom: 5px;
}
.hint_box h3 a {
float: right;
}
.hint_box h3 a:link, .hint_box h3 a:visited {
text-decoration: underline;
color: #656345;
}
.hint_box h3 a:hover {
color: #d20202;
}
.hint_box .box2 {
font-size: 11pt;
color: #353535;
font-family: Arial, Helvetica, sans-serif;
}
.hintt {
padding: 3px;
margin: 3px 3px 0 3px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
border: 1px solid #f5f5f5;
background: url(../img/bg_hint_stripe.gif);
}
.hintt p {
margin: 0;
line-height: normal;
text-align: justify;
}
/* Tabs */
.tabs {
padding: 0 0 5px 0;
background: url(../img/tabs_bg.gif) repeat-x bottom;
}
.tts_menu .tabs {
background: none;
}
.tabs span.tab, .tabs span.tab_selected, .tts_menu .tabs .tab {
float: left;
display: block;
}
.tabs span.tab, .tts_menu .tabs .separator {
cursor: pointer;
background: url(../img/tab_left.gif) no-repeat left bottom;
padding: 6px 0 0 12px;
margin: 0 1px -6px 0;
line-height: 25px;
height: 25px;
}
.tabs span.tab span, .tts_menu .tabs .separator span {
display: block;
padding: 0 12px 0 0;
background: url(../img/tab_right.gif) no-repeat right;
}
.tabs span.tab span div, .tts_menu .tabs .separator span div {
background: url(../img/tab_bg.gif) repeat-x;
color: #fff;
font-size: 11px;
}
.tts_menu .tabs .separator a:link, .tts_menu .tabs .separator a:visited, .tts_menu .tabs .separator a:active, .tts_menu .tabs .separator a:hover {
display: block;
color: #fff;
text-decoration: none;
}
.tabs span.tab_selected, .tts_menu .tabs .current {
cursor: default;
background: url(../img/tab_sel_left.gif) no-repeat left;
padding: 0 0 0 14px;
margin: 0 2px 0 1px;
line-height: 31px;
height: 31px;
}
.tabs span.tab_selected span, .tts_menu .tabs .current span {
display: block;
padding: 0 14px 0 0;
background: url(../img/tab_sel_right.gif) no-repeat right;
}
.tabs span.tab_selected span div, .tts_menu .tabs .current span div {
color: #353535;
background: url(../img/tab_sel_bg.gif) repeat-x;
font-size: 12px;
}
.tts_menu .tabs .current a:link, .tts_menu .tabs .current a:visited, .tts_menu .tabs .current a:active, .tts_menu .tabs .current a:hover {
display: block;
color: #353535;
text-decoration: none;
}
.sub_tab {
float: left;
font-size: 8pt;
margin: 5px 0 10px 0;
}
.sub_tab span {
text-transform: uppercase;
color: #666;
margin: 0 7px;
cursor: pointer;
line-height: 25px;
padding-bottom: 6px;
}
.sub_tab .tab_selected {
color: #333;
background: url(../img/sub_top_arrow.gif) no-repeat center bottom;
font-weight: bold;
}
/* Content */
#Content {
padding: 15px;
padding-top: 10px;
}
.maxwidthfix {
width:expression(document.body.clientWidth > 390? "390px": "auto");
}
h1 {
font: 26px normal;
font-family: Arial, Helvetica, sans-serif;
margin: 5px 10px 0px 10px;
padding-bottom: 5px;
background: url(../img/h1_bg.gif) bottom repeat-x;
}
#domainbullies_DomainRegister_tabs_form_domainregister textarea, #domainbullies_DomainTransfer_sb_gaining_form_transfer textarea, #domainbullies_DomainEdit_tabs_tabbasicinfo_form_basicinfonotes textarea {
width: 70%;
background: #fff url(../img/form_shadow.gif) repeat-x top;
border: 1px solid #aaa;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
padding: 3px;
}
#domainbullies_DomainEdit_tabs_tabbasicinfo_form_basicinfonotes textarea {
width: 98%;
}
.form {
margin: 10px 10px 0 10px;
}
.form td, .lister td .form td {
padding: 5px 10px;
vertical-align: middle;
font-size: 10pt;
}
.form_input input, .form_input select, .form_input textarea {
background: #fff url(../img/form_shadow.gif) repeat-x top;
border: 1px solid #aaa;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
padding: 3px;
width: 200px;
}
.form_input input.input_checkbox, #indexpage .loginbox input.input_checkbox {
padding: 0px;
margin: 1px;
width: 12px;
height: 12px;
background: none;
background-image: none;
border: 1px solid #eee;
}
.loader {
display: none;
background: url(../img/bg_loader.png) no-repeat;
width: 127px;
height: 24px;
line-height: 24px;
position: absolute;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 11px;
}
/* HELP/FAQ */
.box_content h4 {
font-weight: normal;
font-size: 14pt;
letter-spacing: 2px;
margin: 20px 0 5px 0;
color: #db0101;
}
.box_content #faq ul {
list-style-type: none;
}
.box_content #faq span {
display: block;
border-bottom: 1px solid #ddd;
margin: 20px 0 5px 0;
font-size: 12pt;
color: #333;
font-style: italic;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.box_content #faq ul {
margin: 20px 40px;
list-style-type: square;
}
.box_content #faq ul li {
margin-bottom: 5px;
}
#domainbullies_HelpContact_sidebar_form_contact_body, #domainbullies_HelpContact_sidebar_form_contact_subject {
width: 100%;
}
#domainbullies_HelpContact_sidebar_form_contact_body {
height: 100px;
}
/* Certain Fixes */
#domainbullies_DomainTransfer_sb_gaining_grid_domainsrequested_table input, #domainbullies_DomainTransfer_sb_losing_grid_domainslost_table input {
margin-left: 2px;
}
#domainbullies_DomainTransfer_sb_gaining_grid_domainsrequested_table .lister_head input, #domainbullies_DomainTransfer_sb_losing_grid_domainslost_table .lister_head input {
margin: 0;
}
/* TTS */
.grid_buttons2 {
position: absolute;
left: 0;
top: 10px;
}
.tts_box .inner_cell .grid_buttons2 {
position: absolute;
right: 0;
top: 13px;
width: 100%;
}
.tts_box .inner_cell h4 {
position: absolute;
top: 0;
left: 0;
margin: 0;
}
div.grid_menu {
position: relative;
text-align: right;
margin-bottom: 8px;
height: 40px;
}
table.grid_menu {
margin-top: 3px;
}
.tts_menu {
position: absolute;
top: -41px;
left: 0px;
}
.tts_box {
margin-top: 35px;
}
.lister tr.unread td .preview_subject{
font-size: 10pt;
font-weight: bold;
}
.preview_message{
color: gray;
font-size: 9pt;
}
.preview_count{
font-size: 8pt;
color: #db0101;
}
.ticket_anonymous { color: #6497bb;font-size: 9pt; }
.ticket_old { color: #bbb064; font-size: 9pt; }
.ticket_not_verified { color: #bb6464; font-size: 9pt; }
.ticket_dts, #ticket_from, .ticket_last_update {
font-size: 9pt;
}
.ticket_open {
font-weight: bold;
}
.lister tr.read td {
background: #f1f1f1;
border-bottom: #ddd 1px solid;
border-top: 1px solid #fff;
}
.lister tr.read td .preview_subject {
font-size: 10pt;
}
.tts_box .inner_cell .lister td {
padding: 5px 10px;
}
.tts_box .inner_cell .lister_head td {
padding: 0 10px;
}
.expander_div {
height: 20px;
width: 89px;
cursor: pointer;
}
.lister tr.read td .expander_div { background: url(../img/b_showdetails_read.gif) no-repeat; }
.lister tr.read td.expanded_this .expander_div { background: url(../img/b_hidedetails_read.gif) no-repeat; }
.lister tr.unread td .expander_div { background: url(../img/b_showdetails.gif) no-repeat; }
.lister tr.unread td.expanded_this .expander_div { background: url(../img/b_hidedetails.gif) no-repeat; }
.expander_div div {
display: none;
}

/* subaccount fix */

.subaccounts .inner_cell .box2 table .box_top, .subaccounts .inner_cell .box2 table .box_tr, .subaccounts .inner_cell .box2 table .box_tl, .subaccounts .inner_cell .box2 table .box_bottom, .subaccounts .inner_cell .box2 table .box_br, .subaccounts .inner_cell .box2 table .box_bl {
background: none;
height: 0;
}
.subaccounts .inner_cell .box2 table .box_left, .subaccounts .inner_cell .box2 table .box_right {
background: none;
width: 0;
}
.subaccounts .inner_cell .box .lister {
border: 1px solid #eee;
border-top: 0;
}
.subaccounts .inner_cell .box .lister td {
padding: 5px;
border-top: 1px solid #eee;
}
.subaccounts .inner_cell .box table .lister_head td {
padding-left: 5px;
}