/*---- Layout ----*/
div {
    padding: 0;
    margin: 0;
    }
#oldbrowser {
    text-align: center;
    }
#leftcolumn {
    margin-right: -250px;   /* IE 4 fix */
    }
#leftColumn {
    float: left;
    width: 180px;
    /*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
    }
#contentColumn {
	width: auto;
	margin-left: 180px;
}
#innerLeftColumn, #innerFooter {
    padding: 10px;
    }
#innerContentColumn, #wideContentColumn {
    padding: 10px;
    }
#footer {
    clear: both;
    }
#innerFooter {
    text-align: center;
    padding: 10px;
    }
#innerContentColumn {
	overflow: visible;
}
#contentColumn>#innerContentColumn {
    height: auto;   /* fix Opera 5 which breaks with the above IE fix */
    }
#masthead, #footer {
    z-index: 10;
    }
#masthead {
    background: url(../images/header_bg.jpg) bottom repeat-x;
    }
#feedback {
    padding-bottom: 5px;
    }
#global_actions a.feedback_sml {
    padding: 3px 3px 0px 3px;
    margin: 0px;
    }
#global_actions a.feedback_sml:hover {
    background-color: #E0ECF3;
    }
.right {
    float: right;
    }
.hide {
    display: none;
    }

.userid {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    }
.centerit {
    text-align: center;
}
/*--------- used for two columns within the content area ---------------*/
#contentright {
    float: right;
    margin-right: 10px;
    width: 50%;
    }
p.alignleft{
    text-align: left;
    }

/*
----------------------
LISTS
----------------------
*/

#util_list {
    float: left;
    }
#util_list li {
    margin-bottom: 5px;
    background: #E0ECF3;
    }
#util_list li.status {
    margin-left: 5px;
    list-style-type:none;
    background: none;
    font-style: italic;
    }
#util_list li.def {
    margin-left: 5px;
    list-style-type:none;
    background: none;
    }
.siteList {
    margin: 3px 0px;
    padding: 3px;
    }
.siteList li {
    list-style-type: none;
    padding: 3px 0px;
    font-variant: small-caps;
    }
.siteList ul.siteList li{
    padding: 5px 0px;
    margin: 0px 15px;
    list-style-type: disc;
    font-variant: normal;
    }
.siteList ul.siteList ul.siteList li{
    padding: 5px 0px;
    margin: 0px 10px;
    list-style-type: circle;
    font-variant: normal;
    }
/*--------- used to align list items horizontaly ---------------*/
#account_tasks, #domain_services_tasks, #mail_tasks, #application_tasks, #statistic_tasks, #doc_tasks, #link_tasks, #reseller_tasks, #typo3_tasks {
	background: #E0ECF3;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-bottom: 20px;
	max-width: 800px;
	overflow : hidden;
	_height : 1%;
}
/*
pulled from above
float: left;
width: 100%;
seems to work in ie7 but breaks in FF now
Added
overflow : hidden;
_height : 1%;
Seems to fix FF
Re-added
max-width: 800px;
fixes width issues...
*/

#typo3_tasks {
	padding: 10px;
	max-width: 790px;
}

#account_tasks ul, #domain_services_tasks ul, #mail_tasks ul, #application_tasks ul, #statistic_tasks ul {
	padding: 0px;
	margin: 0px;
	background: #E0ECF3;
	text-align: center;
}
#doc_tasks ul, #link_tasks ul, #reseller_tasks ul {
	float: left;
}
#account_tasks li, #domain_services_tasks li, #mail_tasks li, #application_tasks li, #statistic_tasks li {
	float:left;
	list-style-type:none;
	margin: 5px 0px 10px 15px;
	padding: 33px 0px 0px 0px;
	background: #E0ECF3;
}

/*
shrank left hand margin to 10px, was 20
having issue with way icons wrap
pulled width:72px; seems to fix wrap issue in ie7 and ff
*/

#account_tasks li a, #domain_services_tasks li a, #mail_tasks li a, #application_tasks li a, #statistic_tasks
 li a{
    text-align:center;
    text-decoration: none;
    font-size: .9em;
    letter-spacing: .1em;
    padding-top: 2.5em;
    width: 30px;
    }

#account_tasks li a:hover, #domain_services_tasks li a:hover, #mail_tasks li a:hover, #application_tasks li a
:hover, #statistic_tasks li a:hover {
    text-decoration: underline;
    }
/*
----------------------
utilizes unique classes to place icons
----------------------
*/

#innerContentColumn li.contact_info_icon {
    background: #E0ECF3 url(../images/icon_contactinfo.gif) top no-repeat;
    }
#innerContentColumn li.billing_icon {
    background: #E0ECF3 url(../images/icon_billinginfo.gif) top no-repeat;
    }
#innerContentColumn li.invoice_delivery_icon {
    background: #E0ECF3 url(../images/icon_invoice_delivery.gif) top no-repeat;
    }
#innerContentColumn li.pay_invoice_icon {
    background: #E0ECF3 url(../images/icon_pay_invoice.gif) top no-repeat;
    }
#innerContentColumn li.chng_pwd_icon {
    background: #E0ECF3 url(../images/icon_chng_pwd.gif) top no-repeat;
    }
#innerContentColumn li.acct_options_icon {
    background: #E0ECF3 url(../images/icon_acct_options.gif) top no-repeat;
    }
#innerContentColumn li.edit_overage_icon {
    background: #E0ECF3 url(../images/icon_ovrg_not.gif) top no-repeat;
    }
#innerContentColumn li.marketing_icon{
    background: #E0ECF3 url(../images/icon_marketing_tool.gif) top no-repeat;
    }
#innerContentColumn li.database_icon {
    background: #E0ECF3 url(../images/icon_db.gif) top no-repeat;
    }
#innerContentColumn li.utilities_icon {
    background: #E0ECF3 url(../images/icon_utilities.gif) top no-repeat;
    }
#innerContentColumn li.addons_icon {
    background: #E0ECF3 url(../images/icon_addons.gif) top no-repeat;
    }
#innerContentColumn li.shopsite_icon {
    background: #E0ECF3 url(../images/icon_shopsite.gif) top no-repeat;
    }
#innerContentColumn li.diy_icon {
    background: #E0ECF3 url(../images/icon_diy_tool.gif) top no-repeat;
    }
#innerContentColumn li.dom_list_icon {
    background: #E0ECF3 url(../images/icon_domain_list.gif) top no-repeat;
    }
#innerContentColumn li.reg_new_dom_icon {
    background: #E0ECF3 url(../images/icon_reg_newdom.gif) top no-repeat;
    }
#innerContentColumn li.transfer_dom_icon {
    background: #E0ECF3 url(../images/icon_transfer_dom.gif) top no-repeat;
    }
#innerContentColumn li.add_existing_dom_icon {
    background: #E0ECF3 url(../images/icon_add_existing_dom.gif) top no-repeat;
    }
#innerContentColumn li.dom_report_icon {
    background: #E0ECF3 url(../images/icon_dom_reports.gif) top no-repeat;
    }
#innerContentColumn li.mailboxes_icon {
    background: #E0ECF3 url(../images/icon_mailboxes.gif) top no-repeat;
    }
#innerContentColumn li.mail_settings_icon {
    background: #E0ECF3 url(../images/icon_edit_mailsettings.gif) top no-repeat;
    }
#innerContentColumn li.mail_filters_icon {
	background: #E0ECF3 url(../images/icon_mailfilters.gif) top no-repeat;
	min-width: 35px;
}
#innerContentColumn li.usage_stats_icon {
    background: #E0ECF3 url(../images/icon_usagestats.gif) top no-repeat;
    }
#innerContentColumn li.usage_stats_apps_icon {
    background: #E0ECF3 url(../images/icon_usagestats_apps.gif) top no-repeat;
    }
#innerContentColumn li.quick_stats_icon {
    background: #E0ECF3 url(../images/icon_quickstats.gif) top no-repeat;
    }
/*--------------------*/

/*---- Table Data ----*/
/* =========== */
/* Table Styles */
/* =========== */

table {
    font-size: 1em;
    padding: 0px;
    margin: 0px;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    border-collapse: collapse;
    width: 100%;
    color: #000;
    }

th {
    font-weight: bold;
    font-size: 1.1em;
    padding: .4em 0em;
    }

td {
    padding: 3px;
    vertical-align: top;
    }

/* =========== */
/* Table IDs */
/* =========== */

#parentTable {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    }

#parentTable_login {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    background-color: #fff;
    width: 600px;
    }

#parentTable h3{
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 1.2em;
    margin-left: 5px;
    }

#parentTable td, #parentTable th {
	padding: 3px;
}

#innerTableOne {
    }

#innerTableTwo {
    }

#innerTableThree {
    }

#innerTableFour {
    }

#parentHead {
    }

#parentBody {
    }

/* =========== */
/* Table Classes */
/* =========== */
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.tableHeader, .tableHeader a {
    background-color:#6BA6C4;
    color: #fff;
    }
.button {
    background-color: #CCC;
    }

.rowLabel {
    width: 10%;
    vertical-align: top;
    font-weight: bold;
    background-color: #E1E1E1;
    white-space : nowrap;
    }

.columnHead {
    background-color: #FFCC66;
    font-weight: bold;
    }

.marginTop {
    margin-top: 10px;
    }

.borders {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    }

.borders tr td,th {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    }

.noBorders {
    border: 0px solid #fff;
    }

.noBorders tr td,th {
    border: 0px solid #fff;
    }

.rowodd td {
    background-color: #E1E1E1;
    vertical-align: middle;
    }

.roweven td {
    vertical-align: middle;
    }

.rowTotal {
    background-color: #E8E8DD;
    font-weight: bold;
    }

/*--------------------*/

/*---- Borders ----*/
#pageFrame {
    border: solid 1px #ccc;
    }
#footer, #masthead, #innerLeftColumn, #contentColumn, #innerContentColumn {
    border: solid 0px #ccc;
    }
#footer {
    border-top-width: 1px;
    background-color: #6BA6C4;
    }
#innerLeftColumn {
    border-right-width: 1px;
    }
#innerLeftColumn {
    border-bottom-width: 1px;
    }
#contentColumn {
    border-left-width: 0px;
    }

/*--------------------*/

/*---- Formating ----*/
#pageFrame {
	background-color: #fff;
	color: #000;
	min-width: 800px;
	max-width: 1200px;
	margin: auto;
	text-align: left;
}


/*
pulled float: left;
added margin: auto;
now whole thing floats in the middle
*/

body {
    background-color: #ddd;
    color: #000;
    padding: 0px;
    margin: 0px;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 9pt;
    letter-spacing: .02em;
    line-height: 1.1em;
    background:  #fff url(../images/bg.jpg) top repeat-x;
    }
/* changed margin: 0px 30px; to margin: 0px; */
form {
    margin: 0px;
    padding: 0px;
    }
a, a:visited, a:active {
    color: #000;
    text-decoration: underline;
    }
a:hover {
    text-decoration: none;
    }
.legal {
font-style:italic;
    }
h2 {
    font-weight: bold;
    font-size: 1.6em;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    color: #6BA6C4;
    margin: 0px;
    margin-bottom: 10px;
    padding: 4px 5px 4px 0px;
    }
h3 {
    font-weight: bold;
    font-size: 1.5em;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    color: #fff;
    margin: 0px;
    padding-left: 10px;
    }
h4 {
    color:#6BA6C4;
    padding: 2px 0px;
    margin: 0px;
    }
.box {
    border-bottom: 1px solid #fff;
    margin: 0px;
    background: #6BA6C4 url(../images/l_header_corner.gif) top left no-repeat;
    padding: 5px;
    color: #fff;
    max-width: 800px;
    }

/*
pulled float: left; and width: 98% from .box
Works fine in ie7 and FF yet to be tested in ie6. Lost the right hand corner though.
added max-width: 800px; to constrain header in ie7, ff and opera is ignored in ie6
*/

/*
Pulled:
.box span {
background: url(../images/r_header_corner.gif) top right no-repeat;
display: block;
width: 100%;
padding: 4px 0px 4px 0px;
}
*/

.marginbot {
    margin-bottom: 20px;
    }
.contentTitle {
    margin-bottom: 20px;
    margin-top: 10px;
    }
.enabled {
    background-color: #66FF00;
    font-weight: bold;
    font-size: 1em;
    font-style: italic;
    }
.statusMessage {
    font-size: 1em;
    font-style: italic;
    padding: 0px;
    margin-bottom: 3px;
    }
.error {
	background-color: #a90000;
	color: white;
	font-weight: bold;
}
.warning {
	background-color: #ffdd00;
	font-weight: bold;
}
.success{
	background-color: #006633;
	color: white;
	font-weight: bold;
}
.breadcrumb {
    font-size: .8em;
    }
.breadcrumb strong {
    font-weight: bold;
    }
/*--------- content boxes in index page ---------------*/
.contentbox {
    background: #F5F5F5;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    max-width: 800px;
    overflow : hidden;
    _height : 1%;
    }

/*
Pulled width: 98%;
added max-width: 800px
problem w/ overlap in ie7
*/
.contentbox p {
    padding: 5px 5px 0px 10px;
    }
.clear {
    clear: both;
    }
.margintop {
    margin-top: 20px;
    }
/*--------------------*/

/*---------
Utilizing FIR for image replacement. Mainly control of header and title images via CSS.
---------*/
h1#firHeader {
/*    width: 250px;*/
    height: 64px;
    background: url(../images/ControlPanel.png) top left no-repeat;
    padding: 0px;
    margin: 0px;
    }
h1#firHeader span {
    display: none;
    }
/*--------- FIR for Login page ---------------*/
h1#firLoginHeader {
/*    width: 250px;*/
    height: 64px;
    background: url(../images/ControlPanel.png) top left no-repeat;
    padding: 0px;
    margin: 0px;
    }
h1#firLoginHeader span {
    display: none;
    }

/*----------------------------------------*/
/*------------navigation-------------*/
/*----------------------------------------*/

/* ------Main Navigation----- */
.primary_nav ul, .primary_nav ul li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    }
.primary_nav ul {
    border-bottom-width: 0;
    margin-right: -10px;
    margin-left: -10px;
    padding: 0px;
    }
/* both margins from -20xp */
.primary_nav ul li {
    border-bottom: solid 1px #fff;
    padding: 0px;
    margin: 0;
    }
.primary_nav ul.sub {
    border: 0px;
    margin-right: 0px;
    margin-left: 0px;
    }
.primary_nav ul.sub li{
    border-bottom: solid 1px #999;
    background: #E0ECF3;
    }
.primary_nav ul.sub li a {
    padding-left: 20px;
    background: #E0ECF3;
    }
.primary_nav ul.sub li a:visited {
    text-decoration:none;
    }
.primary_nav ul li a:visited {
    text-decoration:none;
    }
.primary_nav ul.sub li a.current {
    font-weight: bold;
    font-size: 1em;
    color: #000;
    background:  #E0ECF3;
    }
.primary_nav ul li a {
    display: block;
    text-decoration: none;
    padding: 5px 5px 5px 10px;
    color: #000;
    background: #EFEFEF;
    margin: 0px;
    }
/* padding from 5 10 5 20px */
.primary_nav ul li a.current {
    font-weight: bold;
    font-size: 1em;
    color: #FFF;
    background: #6BA6C4;
    }
.primary_nav ul li a:hover {
    background: #6BA6C4;
    color: #fff;
    }
.primary_nav {
    margin-bottom: 1em;
    }

/* ------Top Navigation (actions)----- */
#global_actions {
    height: 2em;
    width: 100%;
    background-color: #E0ECF3;
    border-bottom: 1px solid #ccc;
    }
#global_actions ul {
    margin: 0px;
    line-height:normal;
    padding: 0px;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    color: #000;
    white-space: nowrap;
    }
#global_actions li {
    float: right;
    list-style-type: none;
    display: inline;
    border-left: 1px solid #ccc;
    }
#global_actions li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #000;
    line-height: 1em;
    display: block;
    }
#global_actions li a:link {
    color: #000;
    }
#global_actions li a:visited {
    color: #000;
    }
#global_actions li a:hover {
    text-decoration: underline;
    color: #FFF;
    background-color: #6BA6C4;
    }

/*------------ Tabbed navigation ------------- */

#global_nav {
    font-size:1em;
    line-height:normal;
    padding: 0;
    margin: 0;
    }
#global_nav ul {
    padding: 0;
    margin-left: 15px;
    list-style:none;
    }
#global_nav li {
    float:left;
    margin:0px 2px 0px 0px;
    padding-left:15px;
    background: url(../images/global_mngmnt_off.gif) no-repeat left;
    border: 1px solid #CCC;
    }

#global_nav a {
    float:left;
    display:block;
    width:.1em;
    height: .6em;
    padding: 0px;
    text-decoration:none;
    color:#000;
    white-space: nowrap;
    }
#global_nav > ul a {width:auto;}

#global_nav li a:hover {
    text-decoration: none;
    color: #000;
    background-color: transparent;
    }
#global_nav li.current {
    background: #fff url(../images/global_mngmnt_on.gif) no-repeat left;
    border: 1px solid #999;
    }

/*----------------------------------------*/
/*------------hacks and tricks-------------*/
/*----------------------------------------*/

div#oldbrowser {
    display: none;
    }

a img {
    border-width: 0;
    }
#innerLeftColumn img {
    display: block;
    margin: 0 auto;
    text-align: center; /* IE 5 centering hack */
    }
#innerRightColumn {
    border-left: solid 1px #ccc;
    }


/* Content Alignment */
#innerContentColumn p, #innerRightColumn p {
    margin-top: 0;
    margin-bottom: 1em;
    }
/*----------------------------------------*/
/*------------Styles added by Charles-------------*/
/*----------------------------------------*/
.button a.nav_inactive {
  cursor: none;
  text-decoration: none;
}


.nav_active {
  cursor:pointer;
  cursor:hand;
  text-decoration: underline;
  color: #333
}


/*Invoice table */

.invoice {
        padding: 0;
}

.invoice th{
        color: #497494;
        font-size: 1em;
        font-weight : bold;
}

.invoice tr td table {
        margin: 0;
}

.invoice h3 {
        color: #497494;
        font-size: 1em;
        font-weight : bold;
        margin: 0;
        padding: 5px 0px;
}

.unread {background-color : #FFFFDD}

.list_nostyle{
 list-style-type:none;
 padding: 2px 0px 2px 0px;
 }


.editable{
  color: #000;
  background-color: #ff9;
  border:1px solid #333;
}

a span.tip {display: none;}
a {position: relative;}
a:hover {font-size: 100%;} /* IE/Win requires link change to show tip */

html body a:hover span.tip { /*the span will display just on :hover state*/
    display: block !important;
    position: absolute;
        z-index: 3;
    top: 15px;
    left: 120px;
    width: 150px;
    border: 1px solid #000;
    background-color: #EFEFEF;
    color: #000;
    padding: 10px;
    font-size: .8em;
}


@media print{
    body {
        font-size: 11pt;
        background: none;
        }
    #pageFrame{
        background-image: none;
        }
    .contentbox {
        display: none;
        }
    #leftColumn {
        display: none;
        }
    #masthead {
        display: none;
        }
    #footer {
        display: none;
        }
    #contentColumn {
        margin: 0px;
        }
    #innerContentColumn {
        width: 100%;
        padding: 0px;
        }
    .box {
        border-bottom: 1px solid #fff;
        margin: 0px;
        background: #fff none;
        padding: 5px;
        color: #000;
        }
    #account_tasks li.contact_info_icon, #account_tasks li.billing_icon, #account_tasks li.invoice_delivery_icon, #account_tasks li.pay_invoice_icon, #account_tasks li.chng_pwd_icon, #account_tasks li.acct_options_icon, #account_tasks li.edit_overage_icon {
        background: #fff none;
        }
    #application_tasks li.utilities_icon, #application_tasks li.addons_icon, #application_tasks li.database_icon,#application_tasks li.shopsite_icon, #application_tasks li.diy_icon, #application_tasks li.marketing_icon {
        background: #fff none;
        }
    #domain_services_tasks li.dom_list_icon, #domain_services_tasks li.reg_new_dom_icon, #domain_services_tasks li.transfer_dom_icon, #domain_services_tasks li.add_existing_dom_icon, #domain_services_tasks li.dom_report_icon {
        background: #fff none;
        }
    #mail_tasks li.mailboxes_icon, #mail_tasks li.mail_settings_icon, #mail_tasks li.mail_filters_icon {
        background: #fff none;
        }
    #statistic_tasks li.usage_stats_icon, #statistic_tasks li.usage_stats_apps_icon, #statistic_tasks li.quick_stats_icon {
        background: #fff none;
        }
    #account_tasks, #domain_services_tasks, #mail_tasks, #application_tasks, #statistic_tasks {
        background: #fff;
        padding-bottom: 5px;
        padding-right: 10px;
        margin-bottom: 20px;
        _height : 1%;
        }
    #account_tasks ul, #domain_services_tasks ul, #mail_tasks ul, #application_tasks ul, #statistic_tasks ul {
        padding: 0px;
        margin: 0px;
        background: #fff;
        text-align: center;
        }
    #account_tasks li, #domain_services_tasks li, #mail_tasks li, #application_tasks li, #statistic_tasks li {
        float:left;
        margin: 10px;
        padding: 0px;
        background: #fff;
        }
    #account_tasks li a, #domain_services_tasks li a, #mail_tasks li a, #application_tasks li a, #statistic_tasks li a {
        text-decoration: none;
        font-size: .9em;
        letter-spacing: .1em;
        padding-top: 2.5em;
        }
    table{
        _width: 75%;
        }
    .tableHeader, .tableHeader a {
        background-color:#fff;
        color: #000;
        }
}