/*
==============================================
screenMain.css - © Freshtel 2006
==============================================
*/
/*
==============================================
=Tag Definitions
==============================================
*/
#ajaxLoading{
top:0;
right:0;
background:#fe000c url(/images/ui/ajaxLoading-bg.gif) no-repeat;
background-position:left bottom;
float:right;
position:absolute;
display:none;
}
#ajaxLoading p{
text-align:right;
color:#fff;
padding:5px 12px 5px 40px;
font:11px Verdana, Arial, Helvetica, sans-serif !important;
}
body{
margin:0;
padding:18px 0;
background:#d0d0d0 url(/images/ui/body-bg.jpg) repeat-x;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
color:#545454;
}
a{
color:#3ea9bd;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
p{
line-height:19px;
margin-top:0;
margin-bottom:14px;
}
form{
margin:0;
padding:0;
}
form td{
padding:2px 0;
}
input, select, textarea{
font-size:10px;
font-family:Helvetica, Arial, sans-serif;
}
h1{
font-family:Helvetica, Arial, sans-serif;
font-size:16px;
font-weight:normal;
color:#55ac15;
margin-top:0;
margin-bottom:14px;
}
h1.bullet{
background:url(/images/ui/bullet-heading.gif) no-repeat;
background-position:0 2px;
padding-left:20px;
}
h2{
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
color:#98c708;
margin-top:0;
margin-bottom:12px;
}
h3{
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:normal;
color:#7f7f7f;
margin-top:0;
margin-bottom:10px;
}
h3.bullet{
background:url(/images/ui/bullet-tick.gif) no-repeat;
background-position:0 5px;
padding-left:24px;
}
h4{
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
color:#55ac15;
margin-top:0;
margin-bottom:10px;
}
img{
border:0;
}
blockquote{
margin:0 16px;
padding:0;
}
li{
line-height:19px;
}
/*
==============================================
=Containers and Layout
==============================================
*/
#fixedWrapper{
width:778px;
margin:0 auto;
text-align:center;
}
#fixedWrapper-wide{
width:980px;
margin:0 auto;
text-align:center;
}
#container{
text-align:left;
}
#fpWrapper{
margin:0 2px;
background:#fff;
}
#content-bg-br{
position:relative;
width:100%;
background:url(/images/ui/content-bg-br.gif) no-repeat;
background-position:bottom right;
}
#content-bg-bl{
background:url(/images/ui/content-bg-bl.gif) no-repeat;
background-position:bottom left;
}
#right-column{
width:281px;
float:right;
display:inline;
padding:6px 6px 0 6px;
}
#fpWrapper #right-column{
background:url(/images/ui/content-bg-tr.gif) no-repeat;
background-position:top right;
}
#left-column{
margin-right:293px;
}
/* Hides from IE-mac \*/
html #left-column {height: 1%;}
/* End hide from IE-mac */
#fpWrapper #left-column{
background:url(/images/ui/content-bg-tl.gif) no-repeat;
background-position:top left;
}
#contentWrapper{
background:#fff;
margin:0 2px;
}
/*
==============================================
=Headers and Footers
==============================================
*/
#header{
height:133px;
overflow:hidden;
margin-bottom:3px;
background:#fff url(/images/ui/header-bg.gif);
}
#headerBranding{
height:107px;
background:url(/images/ui/headerBranding-bg.gif) no-repeat;
text-align:left;
}
#headerBrandingLogo{
padding-top:36px;
padding-left:32px;
}
#headerSearchBox{
height:107px;
background:url(/images/ui/headerSearchBox-bg.gif) no-repeat;
background-position:top right;
float:right;
padding-right:24px;
vertical-align:middle;
}
#headerSearchBox form{
margin:10px 0 0 0;
padding:3px;
font-family:Helvetica, Arial, sans-serif;
font-size:10px;
}
#headerSearchBox table td{
padding-left:12px;
}
#headerSearchField{
font-size:10px;
margin:0;
vertical-align:top;
padding:2px;
color:#545454;
border:1px solid #aaa;
}
#headerSignInBox{
width:150px;
height:26px;
line-height:24px;
vertical-align:middle;
font-size:10px;
padding-right:21px;
background:url(/images/ui/headerSignInBox-bg.gif) no-repeat;
background-position:bottom right;
float:right;
text-align:right;
}
#footer{
margin:10px 0;
font-size:10px;
padding:0 24px;
color:#545454;
}
#footer a{
color:#545454;
}
/*
==============================================
=Navigation
==============================================
----------------------------------------------
Main Navigation
----------------------------------------------
*/
#globalNavBar{
height:26px;
background:url(/images/ui/globalNavBar-bg.gif) repeat-x;
text-align:left;
}
#globalNavBar ul{
position:relative;
width:580px;
height:26px;
margin:0;
padding:0;
list-style:none;
background:url(/images/ui/globalNavBar-sprite.gif) no-repeat;
}
#globalNavBar ul li {
float:left;
margin:0;
padding:0;
}
#globalNavBar ul li, #globalNavBar ul li a {
height:26px;
display:block;
}
#globalNavBar-download {left:0px; width:79px;}
#globalNavBar-alliance {left:79px; width:111px;}
#globalNavBar-account {left:190px; width:88px;}
#globalNavBar-help {left:278px; width:51px;}
#globalNavBar-contact {left:329px; width:69px;}
#globalNavBar-shop {left:398px; width:52px;}

#globalNavBar-download a:hover {background:transparent url(/images/ui/globalNavBar-sprite.gif) 0px -26px no-repeat;}
#globalNavBar-alliance a:hover {background:transparent url(/images/ui/globalNavBar-sprite.gif) -79px -26px no-repeat;}
#globalNavBar-account a:hover {background:transparent url(/images/ui/globalNavBar-sprite.gif) -190px -26px no-repeat;}
#globalNavBar-help a:hover {background:transparent url(/images/ui/globalNavBar-sprite.gif) -278px -26px no-repeat;}
#globalNavBar-contact a:hover {background:transparent url(/images/ui/globalNavBar-sprite.gif) -329px -26px no-repeat;}
#globalNavBar-shop a:hover {background:transparent url(/images/ui/globalNavBar-sprite.gif) -398px -26px no-repeat;}

#globalNavBar ul span{
display:none;
}
/*
==============================================
=Navigation
==============================================
----------------------------------------------
Breadcrumbs
----------------------------------------------
*/
#breadcrumb-bg-tr{
background:url(/images/ui/breadcrumb-bg-tr.gif) no-repeat;
background-position:top right;
height:48px;
}
#breadcrumb-bg-tl{
background:url(/images/ui/breadcrumb-bg-tl.gif) no-repeat;
background-position:top left;
height:48px;
}
#breadcrumb{
height:48px;
background:url(/images/ui/breadcrumb-bg-mid.gif) repeat-x;
}
#breadcrumb-content{
line-height:46px;
vertical-align:middle;
margin:0 24px;
font-size:10px;
}
/*
==============================================
=Navigation
==============================================
----------------------------------------------
Left Hand Navigation
----------------------------------------------
*/
#lhn{
width:169px;
float:left;
margin-top:18px;
}
#lhn h2{
margin-bottom:6px;
}
#lhn p{
line-height:130%;
}
#lhn ul{
width:100%;
margin:0 0 12px 0;
padding:0;
list-style:none;
background:url(/images/ui/dotted-line-20.gif) repeat-x;
background-position:top;
padding-top:1px;
}
#lhn ul li{
line-height:14px;
}
#lhn ul li a{
display:block;
padding:3px 0;
width:100%;
color:#545454;
font-size:11px;
background:url(/images/ui/dotted-line-20.gif) repeat-x;
background-position:bottom;
vertical-align: bottom; /* This fixes the IE5 Win gap! */
}
#lhn ul li a span{
background:url(/images/ui/lhnArrowDark-right.gif) no-repeat;
background-position:4px 0.4em;
padding-left:15px;
display:block;
}
#lhn ul li a:hover{
background:#3ea9bd url(/images/ui/dotted-line-20.gif) repeat-x;
background-position:bottom;
text-decoration:none;
color:#fff;
}
#lhn ul li a:hover span{
background:url(/images/ui/lhnArrowLight-right.gif) no-repeat;
background-position:4px 0.4em;
padding-left:15px;
}
.lhn-selected{
background:#b6dee6;
}
.lhn-selected a span{
background:url(/images/ui/lhnArrowDark-down.gif) no-repeat !important;
background-position:4px 50% !important;
padding-left:15px !important;
}
.lhn-selected a:hover span{
background:url(/images/ui/lhnArrowLight-down.gif) no-repeat !important;
background-position:4px 50% !important;
padding-left:15px !important;
}
.lhn-acct-selected{
background:#b6dee6;
}
.lhn-acct-selected a span{
background:url(/images/ui/lhnArrowDark-right.gif) no-repeat !important;
background-position:4px 50% !important;
padding-left:15px !important;
}
.lhn-acct-selected a:hover span{
background:url(/images/ui/lhnArrowLight-right.gif) no-repeat !important;
background-position:4px 50% !important;
padding-left:15px !important;
}
#lhn .lhnsub{
width:100%;
margin:0;
padding:0;
list-style:none;
background:#fff;
}
#lhn .lhnsub li a{
display:block;
padding:3px 0;
width:100%;
font-size:10px;
color:#808080;
background:url(/images/ui/dotted-line-20.gif) repeat-x;
background-position:bottom;
}
#lhn .lhnsub li a span{
background:url(/images/ui/lhnArrowSmall-right.gif) no-repeat !important;
background-position:15px 50% !important;
padding-left:26px !important;
}
#lhn .lhnsub li a:hover{
background:#3ea9bd url(/images/ui/dotted-line-20.gif) repeat-x !important;
background-position:bottom !important;
text-decoration:none !important;
color:#fff !important;
}
#lhn .lhnsub li a:hover span{
background:url(/images/ui/lhnArrowSmallLight-right.gif) no-repeat !important;
background-position:15px 50% !important;
padding-left:26px !important;
}
#lhn .lhnsub br{
display:none;
}
.lhnsub .lhn-selected{
background:#eaf7f8;
}
.lhnsub .lhn-selected a span{
background:url(/images/ui/lhnArrowSmall-right.gif) no-repeat !important;
background-position:15px 50% !important;
padding-left:26px !important;
}
.lhnsub .lhn-selected a:hover span{
background:url(/images/ui/lhnArrowSmallLight-right.gif) no-repeat !important;
background-position:15px 50% !important;
padding-left:26px !important;
}
.hasMenu{
position:relative;
margin-left:193px;
}
/* 3-pixel gap fix for IE */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #lhn{
margin-right:24px;
} 
* html .hasMenu{
height: 1%;
margin-left: 0;
} 
/* End hide from IE5/mac */
/*
==============================================
=Content
==============================================
----------------------------------------------
Front Page
----------------------------------------------
*/
#banner{
height:178px;
margin-bottom:3px;
background:url(/images/ui/banner-bg-mid.gif) repeat-x;
}
#banner-right{
height:178px;
background:url(/images/ui/banner-bg-right.gif) no-repeat;
background-position:top right;
float:right;
}
#banner-left{
height:178px;
background:url(/images/ui/banner-bg-left.gif) no-repeat;
background-position:top left;
float:left;
}
#banner-right-content{
padding:8px 8px 0 0;
}
#banner-left-content{
padding:8px 0 0 8px;
}
.rhnBox{
background:#f2f2f2 url(/images/ui/rhnBox-bg.gif) no-repeat;
background-position:bottom;
margin-bottom:6px;
}
.rhnBottom{
background-image:none;
}
.rhnBox .content{
padding:14px 24px 6px 24px;
}
.rhnBottom .content{
padding:14px 24px 0 24px;
}
.rhnBox .formTable td{
padding:8px 8px 0 0;
}
.rhnBox .textfield{
width:114px;
font-family:Helvetica, Arial, sans-serif;
font-size:10px;
margin:0;
padding:2px;
color:#545454;
border:1px solid #aaa;
}
.rhnBox .formTable a{
font-size:9px;
}
.fpRates td{
padding-bottom:14px;
}
.fpRates img{
margin-right:10px;
}
.binatone{
color:#0d3087;
}
.textright{
text-align:right;
}
/*
==============================================
=Forms and Lists
==============================================
----------------------------------------------
List Table
----------------------------------------------
*/
.listtable{
background:url(/images/ui/tabletop-tl-bg.gif) no-repeat;
padding:0;
margin:0;
}
.listtable-right{
background:url(/images/ui/tabletop-tr-bg.gif) no-repeat;
background-position:top right;
}
.listtable th, .listtable td{
height:27px;
text-align:left;
padding:0 12px;
}
.listtable th img{
margin-right:11px;
vertical-align:text-bottom;
}
.listtable-subheading td{
background:#e5e5e5;
}
.listtable th img{
margin-left:3px;
}
.listtable td{
font-size:10px;
height:27px;
}
.listtable-odd{
background:#f9f9f9;
}
.listtable-even{
background:#fdfdfd;
}
.listtable-highlight{
background:#cecece;
}
.listtable-pagination{
margin-top:3px;
padding:0;
padding-top:2px;
text-align:right;
}
.listtable-paginationhighlight{
border:1px solid #e9e9e9;
background:#b6dee6;
display:inline;
padding:1px 6px;
margin-left:1px;
}
.listtable-paginationlink{
display:inline;
margin-left:1px;
}
.listtable-paginationgap{
display:inline;
padding:1px 6px;
margin-left:1px;
}
.listtable-pagination a, .listtable-pagination a:visited{
border:1px solid #e9e9e9;
text-decoration:none;
padding:1px 6px;
display:inline;
}
.listtable-pagination a:hover{
background:#3ea9bd;
text-decoration:none;
color:#fff;
}
.listhelp{
font-size:11px;
margin:1em 0;
padding:0;
position:relative;
}
ul.listhelp li{
list-style:none;
background:url(/images/ui/listArrow-right.gif) no-repeat;
background-position:10px 0.6em;
padding-left:30px;
}
/*
----------------------------------------------
Form Table
----------------------------------------------
*/
.form-table{
margin:0;
width:100%;
}
.form-table th{
font-weight:bold;
text-align:left;
padding:6px 12px;
background:#f9f9f9;
}
.form-table td{
padding:6px 12px;
}
.form-table table td{
border:0;
}
.form-label{
width:20%;
}
.form-field{
font-size:11px;
}
.form-notes{
width:20%;
}
.form-table textarea, .form-input-text, .form-input-password{
width:160px;
}
.search td{
height:120px;
}
.subtable td{
padding:2px 0;
}
.hlBox-grey{
background:#f5f5f5 url(/images/ui/hlBox-br.gif) no-repeat;
background-position:bottom right;
position:relative;
}
.hlBox-tl{
background:url(/images/ui/hlBox-tl.gif) no-repeat;
background-position:top left;
}
.hlBox-tr{
background:url(/images/ui/hlBox-tr.gif) no-repeat;
background-position:top right;
}
.hlBox-bl{
background:url(/images/ui/hlBox-bl.gif) no-repeat;
background-position:bottom left;
}
.hlBox-content{
padding:7px 16px;
}
.shop-listitem{
margin-top:6px;
background:#f2f2f2 url(/images/ui/shop-item-bg-tr.gif) no-repeat;
background-position:top right;
}
.shop-listitem p, .shop-detailitem p{
margin-bottom:7px;
line-height:16px;
}
.shop-listitem-left{
width:255px;
}
.shop-listitem-right{
padding:0 20px;
background:url(/images/ui/shop-item-bg-br.gif) no-repeat;
background-position:bottom right;
}
.shop-detailitem{
margin-top:6px;
background:#f2f2f2 url(/images/ui/shop-item-detail-bg.gif) repeat-x;
}
.shop-detailitem-left{
width:364px;
}
.shop-detailitem-right{
padding:0 20px;
background:url(/images/ui/shop-item-detail-bg-right.gif) no-repeat;
background-position:right;
}
#accountnav-bg-tr{
height:74px;
background:url(/images/ui/accountnav-bg-tr.gif) no-repeat;
background-position:top right;
}
#accountnav-bg-tl{
height:74px;
background:url(/images/ui/accountnav-bg-tl.gif) no-repeat;
background-position:top left;
}
#accountnav{
height:74px;
background:url(/images/ui/accountnav-bg-mid.gif) repeat-x;
}
#accountnav ul{
margin:0;
padding:16px 0 0 0;
list-style:none;
}
#accountnav li{
float:left;
text-align:center;
margin:0 10px 0 24px;
font-size:10px;
display:inline;
}
#accountnav li a{
color:#545454;
}
#accountnav li a:hover{
text-decoration:none;
}
#accountnav li img{
text-align:center;
margin:0 0 3px 0;
}
#fpContent{
padding:18px 22px;
}
#contentMain{
padding:0 0 0 22px;
}
#pageContent{
padding:18px 22px 18px 0;
}
#left-column #pageContent{
padding-right:0;
}
#quicklinks{
padding-left:18px;
padding-bottom:14px;
background:#f3f3f3 url(/images/ui/quicklinks-bg.gif) repeat-x;
}
#quicklinks img{
margin-left:18px;
}
#quicklinks-footer{
background:#f3f3f3 url(/images/ui/quicklinks-bg-br.gif) no-repeat;
background-position:top right;
}
.infoBox{
width:100%;
}
.boxTab{
overflow:auto;
}
.infoBox .boxTab ul{
margin:0;
padding:0;
list-style:none;
}
.infoBox .boxTab ul li{
margin:0;
padding:0;
float:left;
background:#f9ffe4 url(/images/ui/infoBox-bg-tr.gif) no-repeat;
background-position:top right;
}
.infoBox .boxTab ul li span{
display:block;
background:url(/images/ui/infoBox-bg-tl.gif) no-repeat;
background-position:top left;
padding:6px 19px;
color:#a7ca08;
font-size:13px;
font-weight:bold;
}
.infoBox .boxTsl{
background:#f9ffe4;
height:3px;
}
.infoBox .boxTsr{
background:#f9ffe4 url(/images/ui/infoBox-bg-tr.gif) no-repeat;
background-position:top right;
height:3px;
}
.infoBox .boxCl{
padding:18px 9px 0 9px;
background:#f9ffe4 url(/images/ui/infoBox-bg-cl.gif) no-repeat;
background-position:bottom left;
}
.infoBox .boxCr{
padding:18px 9px 0 9px;
background:#f9ffe4 url(/images/ui/infoBox-bg-cr.gif) no-repeat;
background-position:bottom right;
}
.infoBox .boxBl{
padding:0 9px;
}
.infoBox .boxBr{
padding:0 9px;
}
.infoBox ul{
list-style:none;
margin:0;
padding:0;
line-height:19px;
}
.infoBox li{
background:url(/images/ui/bullet-dash.gif) no-repeat;
background-position:0 50%;
margin:0;
padding:0 0 0 10px;
}
.infoTab{
width:100%;
}
.infoTab .boxTab ul{
margin:0;
padding:0;
list-style:none;
}
.infoTab .boxTab ul li{
margin:0;
padding:0;
float:left;
background:#f9ffe4 url(/images/ui/tabBoxInactive-bg-tr.gif) no-repeat;
background-position:top right;
}
.infoTab .boxTab ul li span{
display:block;
color:#a7ca08;
font-weight:bold;
background:url(/images/ui/tabBoxInactive-bg-tl.gif) no-repeat;
background-position:top left;
padding:6px 19px;
}
.infoTab .boxTab ul li.active{
background:#f9ffe4 url(/images/ui/tabBoxActive-bg-tr.gif) no-repeat;
background-position:top right;
}
.infoTab .boxTab ul li.active span{
background:url(/images/ui/tabBoxActive-bg-tl.gif) no-repeat;
background-position:top left;
}
.tabContent{
background:#f9ffe4 url(/images/ui/infoBox-bg-tr.gif) no-repeat;
background-position:top right;
}
.tabContent img{
padding:16px 16px 0 0;
}
.tabContent .content{
padding:12px 19px;
}
.reseller-logo{
padding:0 11px 11px 11px;
float:left;
text-align:center;
}
.info-alert{
padding-left:30px;
background:url(/images/icons/carbonlight/about_24.gif) no-repeat;
background-position:0px 3px;
}
#accountnav-info{
float:right;
margin:20px 23px 0 0;
display:inline;
}
#accountnav-icon img{
float:left;
padding:4px 10px;
}
.activity-item{
background:url(/images/ui/dotted-line-20.gif) repeat-x;
background-position:bottom;
padding-bottom:1em;
margin-bottom:1em;
}
.activity-item a{
font-weight:bold;
margin:0;
}
.activity-item p{
margin-top:0;
padding:0;
}
.activity-icon{
width:40px;
}
.drop-selection{
padding:10px 0;
}
.drop-selection select, .drop-selection input, .drop-selection label{
margin:0 6px 0 0;
}
.error-box{
background:#f9ffe4;
padding:6px 12px;
margin-bottom:1em;
}
.error-class input, .error-class textarea, .error-class select, 
.errorclass textarea, .errorclass input, .errorclass select{
background:#f9ffe4;
}
.right{
position:relative;
float:right;
}
.left{
position:relative;
float:left;
}
.clear{
clear:both;
}
.hideitem {
display: none;
border:0;
padding:0;
margin:0;
}
.showitem {

}

.red {
	color: #f00;
}