/* --- Main tags --- */

body,
table,
textarea,
input,
select
{
color: #000;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
}

body
{
background-color: #DFDFDF;
margin: 0;
}

h1
{
border-top: 15px #33338B solid;
border-bottom: 15px #DF273E solid;
background: #FFF url(/images/client_area_heading.gif) no-repeat 15px 17px;
display: block;
margin: 0;
overflow: hidden;
padding-top: 57px;
width: 100%;
text-align: center;
height: 0 !important;
height /**/: 57px;
}

h1.resellerplus
{
background: #FFF url(/images/resellerplus_small.gif) no-repeat 15px 10px;
}

h2
{
font-size: 13px;
margin: 0 0 10px 0;
}

h3,
h4
{
font-size: 12px;
margin: 0 0 5px 0;
}

h4
{
margin-bottom: 0;
}

p
{
margin: 10px;
}

a
{
color: #33338B;
text-decoration: none;
}

a img
{
border: none;
}

th
{
text-align: left;
}

ul
{
margin-bottom:20px;
}

ul li
{
margin-bottom:5px;
}

/* --- Wrappers --- */

div#container
{
border-top: 1px #8B8D8E solid;
width: 100%;
background-color: #FFF;
}

div#main
{
padding-left: 170px;
background: #FFF;
padding-top: 22px;
color: #000;
width: 600px;
}

table#holder
{
border-left: solid 1px #C0C0C0;
padding-left: 10px;
height: 550px;
width: 100%;
margin-bottom: 20px;
}

table#holder p
{
margin-left: 0;
}


/* --- Header --- */

div#header
{
position: relative;
}

div#header p#client_name
{
margin: 0;
position: absolute;
left: 290px;
top: 37px;
font-size: larger;
font-weight: bold;
}

div#header p#client_name.further_left
{
left: 180px;
}

div#header p#logout
{
color: #FFF;
margin: 0;
position: absolute;
right: 5px;
top: 72px;
font-weight: bold;
}

p#logout a
{
color: #FFF;
}

div#header ul.tab_set
{
position: absolute;
top: 66px;
left: 30px;
}

div#header ul.tab_set li
{
width: 202px;
}

div#header ul.tab_set li a
{
width: 100%;
background-image: url(/images/large_inactive_tab.gif);
}

div#header ul.tab_set li.active a
{
font-weight: bold;
background-image: url(/images/large_active_tab.gif);
}

div#header ul.tab_set li a:hover
{
background-color: #FFF;
}


/* --- Left-hand side bar--- */

div#side_bar
{
position: absolute;
top: 110px;
left: 15px;
width: 140px;
}

div#side_bar img
{
margin-top: 14px;
}

div#side_bar ul
{
margin: 0;
padding: 0;
text-align: left;
list-style-type: none;
list-style-position: outside;
}

div#side_bar ul li
{
margin:0;
}

div#side_bar ul li.active a,
div#sidebar ul li ul li.active a
{
font-weight: bold;
}

div#side_bar ul li a
{
height: 15px;
padding: 4px 0;
display: block;
border-bottom: solid 1px #c0c0c0;
border-bottom-width: 1px;
}

div#side_bar ul li ul
{
border-bottom: solid 1px #c0c0c0;
}

div#side_bar ul ul li a,
div#side_bar ul li.active ul li a
{
padding: 2px 0 2px 10px;
font-weight: normal;
border-bottom-style: none;
}

div#side_bar ul li.sub_menu_heading a
{
border-bottom-style: none;
}


/* --- Footer --- */

div#footer
{
border-top: solid 1px #c0c0c0;
}

div#footer p
{
padding: 0;
margin: 8px 0 0 5px;
float: left;
}

div#footer img
{
margin: 5px;
float: right;
}


/* --- Tabs --- */

ul.tab_set
{
margin: 0;
padding: 0;
height: 21px;
}

ul.tab_set li
{
position: relative;
background: #DFDFDF;
height: 21px;
bottom: -1px;
float: left;
display: block;
width: 102px;
text-align: center;
margin: 0 5px 0 0;
overflow: hidden;
}

ul.tab_set li a
{
width: 102px;
background-repeat: no-repeat;
display: block;
background-image: url(/images/inactive_tab.gif);
margin-bottom: 0;
}

ul.tab_set li.active a
{
width: 102px;
background: #FFF;
border-bottom-style: none;
background-image: url(/images/active_tab.gif);
}

ul.tab_set li a
{
width: 102px;
display: block;
padding-top: 3px;
padding-bottom: 4px;
}

ul.tab_set li a:hover
{
background-color: #FFF;
}

ul.servers_tab_set
{
margin: 0;
padding: 0;
height: 21px;
}

ul.servers_tab_set li
{
position: relative;
background: #DFDFDF;
height: 21px;
bottom: -1px;
float: left;
display: block;
width: 86px;
text-align: center;
margin: 0 5px 0 0;
overflow: hidden;
}

ul.servers_tab_set li a
{
width: 86px;
background-repeat: no-repeat;
display: block;
background-image: url(/images/tabs/servers_inactive_tab.gif);
margin-bottom: 0;
}

ul.servers_tab_set li.active a
{
width: 86px;
background: #FFF;
border-bottom-style: none;
background-image: url(/images/tabs/servers_active_tab.gif);
}

ul.servers_tab_set li a
{
width: 86px;
display: block;
padding-top: 3px;
padding-bottom: 4px;
}

ul.servers_tab_set li a:hover
{
background-color: #FFF;
}

div#tab_page
{
border: solid 1px #8B8D8E;
clear: left;
padding: 20px 10px 10px 10px;
width: 581px;
}

div#tab_page table
{
border-collapse: collapse;
width: 580px;
}

div#tab_page table tr
{
height: 25px;
}

div#tab_page table td
{
vertical-align: top;
padding: 0;
}

div#tab_page table table tr
{
height: auto;
}

div#tab_page tr.top_gap td
{
padding-top: 14px;
}

div#tab_page tr.top_gap table td
{
padding: 2px 0;
}

div#tab_page table table
{
width: 400px;
margin: 5px 0 5px 0;
}

div#tab_page form
{
margin: 0;
padding: 0;
}

p.right_operation
{
text-align: right;
padding: 0;
margin: 0;
}

p.right_operation img
{
position: relative;
top: 1px;
margin-left: 5px;
}


/* --- Forms & fieldsets --- */

form
{
margin-top: 0;
}

option.instruction
{
font-style: italic;
}

fieldset
{
padding: 0 10px 10px 10px;
border: solid 1px #B4BCC0;
margin-bottom: 10px;
display: block;
}

legend
{
left: 0;
font-weight: bold;
margin-left: -3px;
color: #000;
}

legend+*
{
margin-top: 10px;
}

fieldset p
{
margin-top: 5px;
}

div#tab_page fieldset
{
width: 555px;
}

div#tab_page fieldset table
{
width: 555px;
}

fieldset table
{
margin: 10px 0 7px 0;
border-collapse: collapse;
}

fieldset table td
{
padding: 3px;
vertical-align: middle;
}

fieldset table tr
{
vertical-align: middle;
}

fieldset table tr.top_gap td
{
padding-top: 14px;
}

fieldset.slimline
{
padding: 5px 10px;
}

fieldset.slimline table
{
margin: 0;
}

#load_message
{
font-style: italic;
color: #F00;
display: none;
}

.no_border
{
border: none;
}

.required,
.Error
{
color: #F00;
font-weight: bold;
}

p.submit_holder
{
text-align: center;
}

p.submit_holder input,
input.submit
{
background-color: #DFDFDF;
}


/* --- Confirmation boxes --- */

div.confirmation
{
border: solid 1px #00F;
margin-bottom: 10px;
padding: 8px 0 4px 0;
background: url(/images/icons/real_blue_info_graphic.gif) #E1E1FF no-repeat 6px 7px;
}

div.confirmation p
{
margin: 0 30px;
padding-bottom: 5px;
padding-left: 30px;
text-align: justify;
}

div.confirmation ul
{
color: #F00;
list-style-type: disc;
list-style-position: inside;
font-weight: bold;
margin: 0 0 0 30px;
padding: 0;
}

div.confirmation ul li
{
margin-bottom: 3px;
}


/* --- Error boxes --- */

div.errors
{
border: solid 1px #F00;
margin-bottom: 10px;
padding: 5px 0;
background: url(/images/icons/ordererror.gif) #FFE1E1 no-repeat 6px 7px;
}

div.errors p
{
margin: 0 30px;
padding-left: 30px;
padding-bottom: 5px;
text-align: justify;
}

div.errors ul
{
color: #F00;
list-style-type: disc;
list-style-position: outside;
font-weight: bold;
margin: 0 0 0 30px;
padding: 0 0 0 15px;
}

div.errors ul li
{
margin-bottom: 3px;
}

div.errors ul li ul
{
margin-top: 3px;
}


/* --- Tooltips --- */

div#tooltip_container
{
text-align: left;
background: #FFC;
color: #000;
position: absolute;
z-index: 20;
left: 0;
top: 0;
border: 1px solid #c0c0c0;
visibility: hidden;
padding: 1px 2px;
width: 180px;
}

img.tooltip_trigger
{
vertical-align: top;
}

p#back_to_list
{
float: right;
position: relative;
top: -6px;
}


/* --- Alphabet --- */

p.alphabet
{
display: block;
height: 18px;
margin: 0 0 10px 0;
color: #b3b6d4;
}

span.letter
{
display: block;
width: 18px;
height: 16px;
margin: 1px;
background-color: #EFEFEF;
float: left;
text-align: center;
border: none;
color: #000;
}

span.letter a
{
display: block;
text-decoration: none;
width: 100%;
height: 15px;
}


/* --- Striped list table --- */

table.striped_list
{
clear: left;
}

table.striped_list th img
{
position: relative;
left: 5px;
top: -1px;
}

table.striped_list tr.shaded
{
background-color: #EFEFEF;
}

table.striped_list tr.highlight,
span.letter a:hover,
span.active a
{
background-color: #D8DBF7;
}

div#main table.striped_list tr td img
{
float: left;
margin: 0 4px 0 2px;
padding: 0;
}

div#main table.striped_list td
{
height: 21px;
padding: 0 !important;
vertical-align: middle;
}

table.striped_list td.first_cell a
{
color: #0002C7;
}

table.striped_list a
{
color: #000;
display: block;
width: 100%;
}


/* --- Generic classes --- */

.minuscule
{
width: 25px;
}

.tiny
{
width: 50px;
}

.small
{
width: 100px;
}

.medium
{
width: 180px;
}

.large
{
width: 280px;
}

.note
{
font-size: smaller;
}