@import url('bars.css');

/* GENERAL STYLES */
html,body,h1,h2,h3,h4,p,ul,li,th,td { margin:0; padding:0; border:0; }
body {
    background-color:#fff;
    background-image:url(bg.png);
    background-repeat:repeat-x;
    font-size:62.5%; /* 1em = 10px */
    font-family:sans-serif;
    text-align:center;
}
h1,h2,h3,h4 { font-family:'Trebuchet MS',sans-serif; }
#header h1 { background-image:url(rj45.png); background-repeat:no-repeat; margin-left:20px; font-size:3.2em; }
#header h1 a { padding-left:180px; padding-top:50px; padding-bottom:60px; display:block; width:10em; text-decoration:none; color:#666; white-space:nowrap; }
#header h2 { margin:0; padding:0; font-size:1.6em; padding-bottom:30px; }
#header h2 a { display:block; padding-left:200px; width:0; white-space:nowrap; width:20em; padding-top:20px; padding-bottom:20px; margin-top:-80px; color:#999 !important; text-decoration:none; }
h2 { color:#666; font-size:2.4em; }
h3 { color:#8a98a9; border-bottom:1px solid #8a98a9; font-size:1.8em; margin:1em 0; }
h4 { color:#666; font-size:1.6em; margin:1em 0 0 0; }
a:link, a:visited { color:#666; }
a:hover { color:#8a98a9 !important; }
h1 a:hover { color:#666 !important; }


/* USER INFO / LANGUAGE */
#user_info, #language_links { font-size:1.3em; color:#666; float:right; margin-top:20px; margin-right:1.538em; line-height:2em; text-align:right; }
#user_info a, #language_links a { color:#333; }
#language_links { margin-top:80px; }
#superuser div { border-top:2px solid #f99; border-bottom:2px solid #f99; background-color:#fdd; padding:0.2em 1em; font-size:1.3em; margin:0 2em;}
#superuser { padding-bottom:2em; }


/* COPYRIGHT */
#copyright {
    font-family:'Trebuchet MS',Tahoma,sans-serif;
    color:#999;
    padding:1.818em;
    font-size:1.1em;
    text-align:right;
    background-color:white;
    margin-top:4em;
}


/* FORMS */
.optional { font-weight:normal; }
span.small { color:#666; font-size:0.8em; }
ul.form { margin-left:0 !important; }
ul.form li { list-style-type:none; margin-left:0; }
ul.form li { display:block; clear:both; line-height:0; }
ul.form li label { float:left; display:block; width:10em;  line-height:1.2em; padding-bottom:1em !important; }
ul.form li div { margin-left:12em; }
ul.form li div.normal { margin-left:0; }
ul.form li div div { margin-left:0; }
ul.form li div .indent { margin-left:2em; }
ul.form li div .contact_info { margin-left:0; font-size:0.9em; }
.contact_info a { margin-left:1em; }
.contact_info img { border:0; }
.contact_info select { max-width:35em; }
ul.form li div .float { margin-left:0; float:left; width:10em; }
ul.form li div label { float:none; display:inline; width:auto; }
ul.form li span { display:block; font-size:0.8em; color:#666; margin:.2em 0; line-height:1.1em; }
ul.form li .normal span, ul.form li span.normal { font-size:inherit; color:inherit; display:inline; line-height:inherit; }
span.currency, span.nobr { display:inline !important; font-size:inherit !important; color:inherit !important; }
ul.form li li { display:list-item; clear:none; margin:0.5em 0 !important; padding:0; }
#content p { clear:both; }
input.short { width:3em !important; }
table td .actions { width:36px; }
table .actions .changelink, table .actions .deletelink { font-size:0.9em; display:block; float:left; line-height:50px; overflow:hidden; width:0; background-position:2px 2px; padding:4px; width:10px; height:10px; }
.left-indent { margin-left:0.5em !important; border-left:2px solid #ccc; padding-left:1em; }
#dns-details { margin-top:0.5em; margin-bottom:1em; }
#dns-details ul { margin:-0.4em 0 0.4em 2em !important; }
#dns-details li { list-style-type:square; line-height:1em !important; }
ul.form input[type=text] { width:20em; }


/* CLASS STYLES */
div.clear { clear:both; }
#content .error { color:red; font-weight:bold; }
#content tr.error_message td { font-weight:normal; padding:0; }
#content tr.error_row td { border:0; }
.aligned label { float:left; display:block; width:10em; }
.aligned div { margin-left:12em; }
div.inline_note { display:inline; padding:0.4em 0.4em 0.2em 2em; background:#f00 url(../img/admin/icon_alert.gif) 0.4em .1em no-repeat; color:#fff; font-size:0.9em; }
div.note, div.warning-note { margin:0.5em 0 !important; padding:0.1em 1em; background:#ffc url(../img/admin/icon_alert.gif) 1em .4em no-repeat; }
div.note h4, div.warning-note h4 { padding-left:1.5em; margin:0.4em 0; color:#666; font-size:1em; }
div.note p, div.warning-note p { font-size:0.9em !important; color:#444 !important; margin:0.5em 0 !important; }
div.note.money { background:#dfd url(icon_money.png) 1em .5em no-repeat; }
div.warning-note { border:1px solid #f00; background:#fdd url(../img/admin/icon_error.gif) 1em .4em no-repeat; }
div.delete { background:#fdd url(../img/admin/icon_deletelink.gif) .8em .7em no-repeat !important; }
.money table th { background-color:#efe !important; }
.other_customer { font-size:0.9em; margin-bottom:0.5em; }
.nobr { white-space:nowrap; }
.right { text-align:right !important; }
.left { text-align:left !important; }
.currency { white-space:nowrap; }
.minus, span.minus { color:#f00 !important; font-weight:bold; }
h3.toggler { background-color:#999; color:white; padding:0.2em 0.5em; border:0; }
h3.toggler:hover { background-color:#a3a3a3; }
h3.toggler.active { background-color:#8a98a9; }
.deleted { background-color:#fcc; }
.editing { background-color:#cfc; }
.new.editing { background-color:transparent; }
.errornote ul { margin:0; margin-top:0.4em; }
.errornote li { margin:0.2em 0 0 1.5em !important; font-size:12px !important; }
.pagination { text-align:center; padding:0 1em; }
.pagination .previous { float:left; width:10em; padding:1px; text-align:left; }
.pagination .next { float:right; width:10em; padding:1px; text-align:right; }
.pagination .numbers { margin:0 0.8em; }
.pagination .numbers a, .pagination .numbers span { border:1px solid #666; padding:0.1em 0.4em; margin:0 0.2em; text-decoration:none; }
.pagination .numbers span { background-color:#ccc; }
.maxwidth { width:100%; }
.confirmlink { color:#272 !important; padding-left:12px !important; background:url(../img/admin/icon-yes.gif) 0 .25em no-repeat !important; }
.confirmlink:hover { color:#494 !important; }
.deletelink { white-space:nowrap; }
.deletelink:hover { color:#c66 !important; }
.linkspace a { margin-left:0.5em; }
.linkspace a:first-child { margin-left:0; }
.submit-row { margin-top:2em !important; color:#666; }
a.toggle { text-decoration:none !important; }
a.toggle span { text-decoration:underline !important; }
td.small { font-size:1.2em !important; }
.light { font-weight:normal; color:#999; }
.loading { background:url(spin.gif) 0 0 no-repeat; padding-left:24px; }
img.screenshot { padding:10px; border:1px solid #ccc; }
pre {
    font-size:1.2em;
    font-family:sans-serif;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* HOMEPAGE */
.column { float:left; }
.box { background-color:#f9ffff; }
.box { border:1px solid #999; margin:0 1em 1em 0; width:32em; }
.wide { width:40em; }
.box h2, .overview h2 { color:#47a; /*#8a98a9;*/ background-color:#bde; /**#dee;*/ padding:0.2em 0.4em; font-size:2em; }
.box ul { padding-left:3em; padding-right:1em; }
.box ul ul { padding-left:0.5em; padding-top:0.4em; padding-bottom:0.4em; }
.box ul ul li { margin:0.2em !important; padding:0; list-style-type:circle; color:#666 !important; font-size:0.9em !important; }
.box li span { font-size:0.9em; }
.box p { margin-left:1em !important; }
a.price { color:black !important; }
a.price:hover { color:#8a98a9 !important; }
.box a.price { margin-left:-0.5em; }
.overview { margin:2em 0; border:2px solid #ccc; background-color:#f9ffff; width:60em; }
.overview ul { padding:0.4em 0; }
.overview li { margin:0.6em 1em 0.6em 2.5em !important; }
a.order { line-height:32px; padding:8px 0 10px 40px; background-image:url(rightarrow.png); background-repeat:no-repeat; background-position:top left; vertical-align:middle; }
.pricelist span { color:#666; font-size:0.9em; }

/* MENU */
#menu { float:left; position:absolute; }
#menu ul { border-left:2px solid #ccc; width:15em; margin-left:2em; font-weight:bold; margin-bottom:2em; }
#menu ul a,#menu ul span { display:block; padding:0.5em 1em; line-height:1.1em; text-decoration:none !important; }
#menu ul a { color:#555; }
#menu ul span { color:#555; }
#menu ul a:hover { background-image:url(mbg.png); background-position:center; }
#menu li { line-height:0em; font-size:1.3em; font-family:sans-serif; border-top:1px solid #eee; list-style-type:none; }
#menu li.separator { height:1.5em; }
#menu li:first-child { border-top:none; }
/*#menu li:last-child { border-bottom:1px solid #eee; }*/

/* SUBMENU */
#menu li ul { width:10em; margin-left:1.5em; margin-bottom:0.2em; border-left:none; color:#999; }
#menu li li { font-size:1em; margin-left:1em; list-style-type:square; border-top:0; }
#menu li li a { padding:0.2em 0; color:#999; }
#menu li li a:hover { background-image:none; }


/* CONTENT */
#body { text-align:left; max-width:95em; margin:0 auto; }

#content { margin-left:20em; margin-right:2em; }
#content p, #content li, #content th, #content td, #content dd, #content dt, #content .accordion { /*, #content label {*/
    margin:1em 0;
    color:#333;
    font-size:14px;
    line-height:1.2em;
}
#content li { margin:0.5em 0; }
#content a { font-weight:bold; }
#content dt { margin-bottom:0.5em; }
#content dd { margin-top:0.5em; margin-left:1em; }
#content ul { margin-left:2em; list-style-type:square; }
#content div ul { margin-left:0; }

/* TABLE */
#content table { margin:1em 0; border-bottom:1px solid #ccc; border-spacing:0; }
#content th { text-align:center; background-color:#eee; }
#content th, #content td { border-top:1px solid #ccc; border-spacing:0; padding:0.4em 0.8em; }
#content tr.subheader th, #content tr.subheader td { border-top:0; font-size:10px; padding:0 0.4em 0.4em 0.4em; font-weight:normal; }
#content .center { text-align:center; }

/* LOGIN */
#login_form { margin-top:2em; }
#login_error { width:24em; }

/* MESSAGES */
#content ul.messagelist { margin:0 0 1em 0; border-top:1px solid #ddd; }
#content ul.messagelist li { margin:0; }

/* TICKETS */
table.ticket td { width:100%; }
table.ticket #id_title { width:100%; }
table.ticket #id_comment, table.ticket #id_description { width:100%; height:16em; }
div.ticket { border:1px solid #996; padding:0.5em 1.5em 1em 1.5em; background-color:#ffc; margin:1em 0; }
div.ticket h3 { color:#663; border:0; padding:0.5em 0 0em 0; margin:0; }
div.ticket h3 span { font-weight:normal; font-size:1.0em; }
div.ticket p.description { border-top:1px solid #cc9; padding-top:1em; margin-top:0.5em !important; }
div.ticket p { padding:0; margin:0 !important; }
div.ticket p.created, div.ticket p.modified, div.ticket p.reporter { font-size:1.2em !important; color:#996 !important; float:right; margin:0.1em 0 0.1em 4em !important; font-family:'Trebuchet MS',sans-serif; }
div.ticket p.reporter { padding-bottom:0.4em; }
div.ticketchange { border:1px solid #aaa; background-color:#f9f9f9; padding:0 1em; margin:1em 0; }
div.ticketchange p.author { font-weight:bold; }
div.ticketchange p.status { font-style:italic; font-size:1.2em !important; margin-top:-0.8em !important; }

/* PGP/SMIME */
textarea#id_pgp, textarea#id_smime { font-family:monospace; width:45em; height:10em; }

/* SERVER INFO */
#content table.info { width:100%; }
#content table.info td { vertical-align:top; }
#content table.info th { text-align:left; vertical-align:top; }