html {
}
body {
padding: 0px;
margin: 0px;
background-color: #fff;
color: #555;
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
min-width:900px;
}
a, a:link, a:visited {
color: #0055ac;
text-decoration: none;
/*font-weight: bold;*/
}
a:hover , a:active {
text-decoration: underline;
}
img.linkicon
{
margin-bottom:-3px;
}
.subtle, a.subtle, a.subtle:visited
{
color: #888;
}
a.subtle, .subtle a {
color: #333;
font-weight: normal;
text-decoration: none;
}
a.subtle:hover, .subtle a:hover {
color: #0055ac;
}
a.shadow
{
color:#aaa;
}
a.shadow:hover
{
color: #0055ac;
}
a.arrow {
float: left;
clear: none;
background: url(../images/arrow1.gif) no-repeat 3px right;
padding-right: 13px;
}
a.graphic
{
text-decoration:none;
background-color: transparent;
}
a.more
{
line-height: 22px;
background: #dfdfdf;
padding: 5px 8px 6px 8px;
color: #444;
font-weight: normal;
}
a.more:hover
{
background: #bfbfbf;
color: #222;
text-decoration: none;
}
a img
{
background: none;
border: 0px;
}
h1 {
font: 24px/28px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
letter-spacing: -1px;
color: #888;
margin: 0px;
padding: 0px;
}
h1.black
{
font: 32px/38px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
color:#000;
font-weight:normal;
}
h2 {
font-size: 14px;
line-height: 18px;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px;
color: #000;
}
h3 {
font-size: 12px;
line-height: 18px;
font-weight: bold;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #444;
}
h4 {
font-size: 11px;
line-height: 15px;
font-weight: bold;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #666;
}
a img
{
border:none;
}
.standardButton
{
width:100px;
}
/* elements */
#menuCont
{
position:relative;
height: 40px;
width: 100%;
float: left;
clear: both;
border-bottom: 1px solid #ccc;
padding: 0px;
margin: 0px;
color: #aaa;
}
#menu
{
margin: 0px auto;
width: 850px;
padding: 11px 50px 0px 0px;
position:relative;
left:50%;
margin-left:-450px;
}
#menu .left
{
float: left;
clear: none;
width: 220px;
margin-left: 100px;
}
#menu .right
{
float: right;
clear: none;
text-align: right;
width: 480px;
}
#menu a:link, #menu a:visited, #menu a:active {
color: #888;
font-weight: normal;
text-decoration: none;
}
#menu a:hover {
color: #0055ac;
}
#menu .left a {
margin-right: 15px;
}
#menu .right a {
margin-left: 15px;
}
#menu a.normal
{
margin: 0px;
color: #666;
}
#menu a.normal:hover
{
color: #0055ac;
}
#menu .right .label
{
/*
padding: 4px 7px 8px 7px;
color: #333;
display: block;
clear: none;
text-decoration: none;
border: 1px solid #ddd;
margin-bottom: -1px;
margin-left: 20px;
*/
}
#loginCont
{
position:relative;
height: 45px;
width: 100%;
float: left;
clear: both;
border-bottom: 1px solid #ccc;
padding: 0px;
margin: 0px;
/*margin-top:-1px;*/
color: #aaa;
background-color:#fff;
display:none;
}
#loginFrame
{
margin: 0px auto;
margin-top:-5px;
width: 600px;
height:45px;
padding: 0px 0px 0px 0px;
position:relative;
left:50%;
margin-left:-200px;
}
#logoLoginIE
{
position:absolute;
left:50%;
margin-left:-450px;
top:-40px;
display:none;
}
#frontAdCont
{
float: left;
clear: both;
width: 100%;
height: 350px;
background: #ebebeb url(../images/gradient-bg-1.jpg) repeat-x bottom left;
border-bottom: 1px solid #aaa;
}
#frontAd
{
margin: 0px auto;
width: 810px;
height: 350px;
position:relative;
left:50%;
margin-left:-405px;
}
#headline
{
padding-left:50px;
font-size:1px;
color:#ebebeb;
height: 109px;
}
/* Ad */
.adJason
{
background: url(../images/ad-3.jpg) no-repeat 508px 0px;
height: 350px;
}
.adNeven
{
background: url(../images/ad-4.jpg) no-repeat 497px 0px;
height: 350px;
}
.adBen
{
background: url(../images/ad-5.jpg) no-repeat 548px 0px;
height: 350px;
}
.adNeven #headline
{
background: url(../images/headline2.gif) no-repeat bottom left;
}
.adSecure
{
background: url(../images/ad-6.jpg) no-repeat 548px 0px;
height: 350px;
}
.adJason #headline
{
background: url(../images/headline1.gif) no-repeat bottom left;
}
.adBen #headline
{
background: url(../images/headline5a.gif) no-repeat bottom left;
}
.adSecure #headline
{
background: url(../images/headline6.gif) no-repeat bottom left;
}
#description
{
width: 460px;
color: #888;
padding-top: 5px;
padding-left: 7px;
}
#frontButtons {
margin-top: 30px;
}
.frontButton
{
float: left;
clear: none;
margin-right: 15px;
width: 222px;
height: 85px;
_width: 232px; /* for IE QuirksMode when viewing the homepage inside of a Twiddla Session. */
_height:99px; /* Gotta make sure Twiddla is Twiddlable!*/
padding: 14px 5px 0px 5px;
color: #8f8f8f;
font-size: 11px;
line-height: 16px;
cursor: pointer;
background:transparent url(../images/btn-back.gif) no-repeat;
}
a.frontButton
{
font-weight: normal;
text-decoration: none;
color: #0055ac;
}
a.frontButton:hover
{
text-decoration: none;
background-image: url(../images/btn-back2.gif);
}
.frontButton img
{
margin-top: -2px;
margin-right: 5px;
float: left;
clear: none;
}
.frontButton div
{
font-size: 15px;
color: #333;
float: left;
clear: none;
width: 130px;
padding-bottom: 3px;
}
/*
.frontButton
{
float: left;
clear: none;
margin-right: 15px;
width: 222px;
height: 85px;
padding: 14px 5px 0px 5px;
color: #8f8f8f;
font-size: 11px;
line-height: 16px;
cursor: pointer;
}
.frontButton a
{
font-weight: normal;
text-decoration: none;
color: inherit;
}
.frontButton img
{
margin-top: -2px;
margin-right: 5px;
float: left;
clear: none;
}
.frontButton div
{
font-size: 15px;
color: #333;
float: left;
clear: none;
width: 130px;
padding-bottom: 3px;
}
*/
#miniFeature
{
width: 170px;
float: right;
clear: both;
font-size: 11px;
margin: 0px;
}
.frontShare
{
display: none;
float: right;
clear: both;
width: 455px;
border: 1px solid #ccc;
background: #fff7b3;
z-index: 10011;
position: relative;
padding: 7px 12px;
margin-top: 5px;
font-size: 11px;
}
.expandBox
{
width:800px;
display:none;
}
.lightboxMatte
{
display:none;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:transparent url(/images/matte100.png) repeat;
text-align:center;
z-index:12000;
}
.lightboxContent
{
position:absolute;
width: 600px;
height:75%;
left:50%;
top:90px;
margin-left:-300px;
padding: 5px 0px 25px 5px;
background: #fff;
border: 1px solid #333;
}
.lightboxImage
{
margin-top:10%;
padding: 5px;
background: #fff;
border: 1px solid #aaa;
}
.lightboxCaption
{
background-color:#fff;
width:610px;
line-height:50px;
border:solid 1px #aaa;
margin-left:auto;
margin-right:auto;
}
#logo
{
position: absolute;
z-index: 999 !important;
top: 0px;
margin-left:-100px;
}
#mainCont
{
float: left;
clear: both;
width: 100%;
}
#main
{
width: 800px;
margin: 30px auto;
position:relative;
left:50%;
margin-left:-400px;
}
.buckets
{
float: left;
clear: both;
width: 800px;
}
.bucket
{
float: left;
clear: none;
width: 247px;
margin-right: 25px;
}
.icon
{
margin: 0px 10px 10px 0px;
}
.halfBucket
{
float: left;
clear: none;
width: 123px;
}
.halfBucket img
{
border:solid 1px #ccc;
}
#sitemap
{
float: left;
clear: both;
width: 800px;
border-top: 0px solid #aaa;
margin: 50px 0px 0px 0px;
padding: 15px 0px 15px 0px;
font-size: 11px;
}
.sitemapColumn
{
/*
float: left;
clear: none;
width: 185px;
margin-right: 20px;
*/
float:left;
clear: none;
width:24%;
padding-left:20px;
margin-right:-20px;
/*
margin-top:40px;
*/
}
#sitemap ul, #sitemap ul li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
#sitemap a
{
font-weight: normal;
color: #888;
}
#sitemap a:hover
{
color: #0055ac;
}
.bucket .thumb
{
float: left;
margin: 3px 13px 10px 0px;
}
div.last
{
float: right !important;
margin-right: 0px !important;
}
#share {
float: right;
clear: none;
width: 255px;
}
#frontInfo {
}
#footer
{
width: 800px;
margin: 15px auto;
padding-top: 5px;
font-size: 11px;
color: #aaa;
float: left;
clear: both;
border-top: 1px solid #ccc;
position:relative;
left:50%;
margin-left:-400px;
}
/* classes */
.col {
clear: none;
margin-right: 15px;
}
div.col.last {
margin-right: 0px;
}
.hr
{
float: left;
clear: both;
margin: 20px 0px;
background: #aaa;
height: 1px;
overflow: hidden;
}
.sharePanel {
padding: 15px 20px;
background: #cbe4e4;
border: 1px solid #acc1c1;
margin-bottom: 20px;
}
.whisperText
{
font-size:90%;
color:#999999;
font-style:italic;
}
.errorText
{
color:red;
}
.successText
{
color:green;
}
.highlight
{
background-color:#ffffcc;
}
.socialBookmarks
{
width:300px;
}
.socialBookmarks a
{
padding:0px;
margin:0px;
}
.socialBookmarks img
{
border-width:0px;
}
.postIt
{
background-color: rgb(255,255,179);
border-right: 1px solid #444444;
border-bottom: 1px solid #444444;
margin-left: 10px;
color: #666666;
padding: 5px;
}
/*
Form Controls
*/
.wideInput
{
width:300px;
}
.extraWideInput
{
FONT-SIZE: 12px;
width:400px;
}
.wideTextArea
{
width:300px;
height:200px;
}
.extraWideTextArea
{
width:400px;
height:350px;
font-family: trebuchet ms, Arial, Sans-Serif;
}
/* buttons */
.bigBtn
{
cursor: pointer;
float: left;
clear: none;
background: url('../images/btn-right.png') no-repeat scroll top right;
height: 51px;
}
.bigBtn div {
background: url('../images/btn-left.png') no-repeat;
height: 25px;
padding: 12px 0px 14px 7px;
margin-right: 9px;
float: left;
text-align: center;
}
.smallBtn
{
cursor: pointer;
float: left;
clear: none;
background: url('../images/arrow2-right.gif') no-repeat scroll top right;
height: 22px;
margin: 5px 0px;
}
a.smallBtn, a.smallBtn:active, a.smallBtn:visited
{
color:#666;
text-decoration:none;
}
a.smallBtn:hover
{
color: #0055ac;
}
.smallBtn div {
background: url('../images/arrow1-left.gif') no-repeat;
height: 22px;
padding: 2px 5px 2px 9px;
margin-right: 4px;
float: left;
font-size: 11px;
}
.arrowBtn
{
cursor: pointer;
float: left;
clear: none;
background: url('../images/arrow1-right.gif') no-repeat scroll top right;
height: 22px;
margin: 5px 0px;
}
.arrowBtn div {
background: url('../images/arrow1-left.gif') no-repeat;
height: 22px;
padding: 2px 3px 2px 9px;
margin-right: 9px;
float: left;
font-size: 11px;
}
.arrowBtn.nonEllipsis div
{
padding-right: 7px;
}
.quoteSource
{
text-align: right;
}
.quoteSource a
{
color: #888;
font-weight: normal;
text-decoration: underline;
}
cite
{
font: italic 14px/20px Georgia, Times, 'Times New Roman', serif;
}
.facePhoto
{
margin-right:-1px;
margin-bottom:0px;
padding:0px;
border:solid 1px #cccccc;
}
.faceCaption
{
width:64px;
height:16px;
text-align:center;
font-size:70%;
overflow:hidden;
}
.facelist
{
clear:both;
}
.facelist img
{
border:1px solid #ccc;
clear:right;
}
.facelist span
{
display:block;
float:left;
margin:3px 3px 0 0;
text-align:center;
}
/* =============== Common layouts ==================== */
.leftNavigation
{
float: left;
clear: none;
width: 200px;
}
.leftNavigation a
{
display: block;
line-height: 25px;
border-bottom: 0px solid #ddd;
}
.leftNavigation a.current
{
color: #333;
font-weight: bold;
}
.rightBody
{
float: right;
clear: none;
width: 580px;
}
.rightBody .icon
{
margin: 0px 10px 5px 0px;
}
/* =============== Common layout classes ================ */
.clear
{
float: left;
clear: both;
}
.raised
{
margin-bottom: 1em;
}
.half.raised
{
margin-bottom: .5em;
}
.double.raised
{
margin-bottom: 1.5em;
}
.postFooter
{
font-size: 11px;
padding-bottom: 1em;
margin-bottom: 2em;
border-bottom: 1px solid #ddd;
}
ul
{
margin: 0px;
padding: 0px;
padding-left: 1.5em;
}
table.comparison td
{
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 5px 10px 4px 10px;
text-align: left;
}
table.comparison th
{
text-align: center;
border-right: 1px solid #ddd;
padding: 0px 10px 4px 10px;
}
table.comparison td.last, table.comparison th.last
{
border-right: 0px;
}
.upgradeBox
{
background-color:#E0FFE0;
border:solid 1px #ccc;
margin:10px;
padding:10px;
}
.infobar
{
clear:both;
background-color:#E6EDF5;
background-color:#E0FFE0;
background-color:#ffff55;
padding:10px;
text-align:center;
font-size:130%;
border-bottom: 1px solid #ccc;
}