.container_12a { background: #fff url(images/12_col.gif) repeat-y; }

/***********************************************/
/* General tag styles                          */
/***********************************************/ 

* { margin: 0; }
html, body { height: 100%; -webkit-text-size-adjust: none; }
body { background-color: #efefef; color: #606060; margin-bottom: 0; padding-bottom: 0; }

.wrapper { height: 100%; height: auto !important; margin: 0 auto -260px; min-height: 100%; }
.footer, .push { height: 260px; }

a { color: #666666; text-decoration: none; }
a img { border: none; }
:focus { moz-outline-style: none; }
a, a:focus { outline: none; }
a:hover { outline: none; }
a:active { outline: none; }
.ULclear { clear: both; line-height: 0; margin: 0; padding: 0; }

#content p a:link, #content p a:visited { border-bottom: 1px solid #CCCCCC; color: #666666; }
#content p a:hover { border-bottom: 1px solid #000000; color: #000; }
#content p a:active { border-bottom: 1px solid #000000; color: #000; }

.underLink a:link, .underLink a:visited { border-bottom: 1px solid #CCCCCC; }
.underLink a:hover { border-bottom: 1px solid #000000; }
.underLink a:active { border-bottom: 1px solid #000000; }

.subunderLink a:link, .subunderLink a:visited { border-bottom: 1px solid transparent; }
.subunderLink a:hover { border-bottom: 1px solid #000000; }
.subunderLink a:active { border-bottom: 1px solid #000000; }

.nounderLink { border-bottom: 1px solid transparent !important; }

.noshowspan span { display:none; }
.noshowlnk a { border-bottom:#F00; color: #606060; }

hr { border: none; border-top: 1px solid #CCCCCC; height: 1px; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.8em; font-weight: normal; letter-spacing: -0.05em; line-height: 1em; margin: 0 0 0 0; padding: 0 0 0 0; }
h3 { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 2.2em; font-weight: bold; letter-spacing: -0.05em; line-height: 1.2em; margin: 0 0 10px 0; padding: 0 0 0 0; }
h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; font-weight: normal; letter-spacing: -0.05em; line-height: 1.2em; margin: 0 0 10px 0; padding: 0 0 0 0; }
h5 { color: #674c2d; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; font-weight: normal; letter-spacing: -0.05em; line-height: 1em; margin: 0 0 0 0; padding: 0 0 0 0; text-align: justify; }
h6 { font-size: 1em; font-weight: bold; }

.wrapper { background-image: url(/images/bg_full2.jpg); background-position: center top; background-repeat: repeat-x; }
.header { width: 100%; }
.content { width:100%; background:url(/images/bg_fade.png) center top no-repeat !important; background: none; }
.content_inner { background-color: #FFFFFF; min-height: 600px; }

#header { margin-bottom: 0px; margin-top: 20px; }
#header h1 { color: #999999; margin: 0; padding: 0; }
#header h1 a { background-image: url(/images/sav-logo.gif); background-repeat: no-repeat; display: block; float: right; height: 67px; width: 168px; }
#header h1 span { display: none; }

#search form { background: #fff; float: right; }
#search form input.text { border: 0; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #545454; float: left; font-size: 1.0em; height: 16px; padding: 2px 5px 0; width: 189px; }
#search form input.button { float: left; }

.strongGrey strong { font-size:16px; color:#999; }

/***********************************************/
/* Menus                                       */
/***********************************************/ 

#menu { clear: both; margin: 0; overflow: hidden; }
#menu ul { margin: 0; padding: 0; }
#menu ul li { float: left; list-style-type: none; margin: 0; padding: 0; }
#menu em { background-color: #FFFFFF; color: #333333; display: block; font: 11px Arial, Helvetica, sans-serif; font-weight: normal; line-height: 22px; padding: 0em 1em 0em 1em; text-align: center; text-decoration: none; text-transform: uppercase; }
#menu a { color: #FFFFFF; display: block; font: 11px Arial, Helvetica, sans-serif; font-weight: normal; line-height: 22px; padding: 0em 1em 0em 1em; text-align: center; text-decoration: none; text-transform: uppercase; }
#menu a:hover { background-color: #CCCCCC; color: #333333; }
#menu .breakli { border-right: #FFFFFF solid 1px; }

.space40 { height: 40px; }
.space30 { height: 30px; }
.space20 { height: 20px; }
.space10 { height: 10px; }

.bar20 { height: 10px; margin-bottom: 10px; }
.bar20top { font-size: 0; height: 0; line-height: 0; margin-bottom: 10px; }
.greybar10 { border-bottom: #CCCCCC solid 1px; height: 5px; margin-bottom: 10px; }
.greybar0thick { border-bottom: #CCCCCC solid 3px; height: 0; margin-bottom: 0; }
.greybar10thick { border-bottom: #CCCCCC solid 3px; height: 5px; margin-bottom: 10px; }
.greybar20thick { border-bottom: #CCCCCC solid 3px; height: 10px; margin-bottom: 10px; }
.greybar20vthick { border-bottom: #CCCCCC solid 6px; height: 10px; margin-bottom: 10px; }
.greybar40vthick { border-bottom: #CCCCCC solid 6px; height: 20px; margin-bottom: 20px; }


/***********************************************/
/* Image Titles                                */
/***********************************************/ 


.h2Welcome { background-image: url(/images/text/welcome.gif); height: 353px; width: 460px; }
.h2WhatWeDo { background-image: url(/images/text/what-we-do.gif); height: 77px; width: 507px; }
.h2WebDesign { background-image: url(/images/text/web-design.gif); height: 97px; width: 499px; }
.h2OnlineSoftware { background-image: url(/images/text/online-software.gif); height: 158px; width: 390px; }
.h2InternetMarketing { background-image: url(/images/text/internet-marketing.gif); height: 171px; width: 455px; }
.h2AboutUs { background-image: url(/images/text/about-us.gif); height: 77px; width: 383px; }
.h2OurClients { background-image: url(/images/text/our-clients.gif); height: 78px; width: 462px; }
.h2YourAccount { background-image: url(/images/text/your-account.gif); height: 72px; width: 564px; }
.h2Guides { background-image: url(/images/text/guides.gif); height: 78px; width: 302px; }
.h2ContactUs { background-image: url(/images/text/contact-us.gif); height: 74px; width: 448px; }
.h2OurNewsletter { background-image: url(/images/text/our-newsletter.gif); height: 77px; width: 640px; }
.h2JobsAtSav { background-image: url(/images/text/jobs-at-sav.gif); height: 90px; width: 474px; }
.h2FreeWebsites { background-image: url(/images/text/our-charities.gif); height: 78px; width: 563px; }
.h2Terms { background-image: url(/images/text/terms.gif); height: 78px; width: 851px; }
.h2DataProtection { background-image: url(/images/text/data-protection.gif); height: 78px; width: 671px; }
.h2Search { background-image: url(/images/text/search.gif); height: 77px; width: 295px; }
.h2ThankYou { background-image: url(/images/text/thank-you.gif); height: 96px; width: 461px; }
.h2Oops { background-image: url(/images/text/oops.gif); height: 505px; width: 940px; }
.h2Faqs { background-image: url(/images/text/faqs.gif); height: 87px; width:479px; }
.h2CaseStudies { background-image: url(/images/text/case-studies.gif); height: 39px; width:270px; }
.h2EmailMarketing { background-image: url(/images/text/email-marketing.gif); height: 179px; width:455px; }
.h2Analytics { background-image: url(/images/text/analytics.gif); height: 97px; width:403px; }
.h2Ecommerce { background-image: url(/images/text/e-commerce.gif); height: 72px; width:548px; }

.bulletStar { background-image: url(/images/text/star.gif); height: 39px; width: 39px; }
.bulletPlus { background-image: url(/images/text/plus.gif); height: 48px; width: 48px; }
.bulletEg { background-image: url(/images/text/eg.gif); height: 55px; width: 65px; background-position:10px 5px; }
.bullet1 { background-image: url(/images/text/1.gif); height: 52px; width: 40px; }
.bullet2 { background-image: url(/images/text/2.gif); height: 54px; width: 47px; }
.bullet3 { background-image: url(/images/text/3.gif); height: 71px; width: 47px; }
.bullet4 { background-image: url(/images/text/4.gif); height: 70px; width: 57px; }
.bullet5 { background-image: url(/images/text/5.gif); height: 69px; width: 48px; }
.bullet6 { background-image: url(/images/text/6.gif); height: 72px; width: 51px; }
.bullet7 { background-image: url(/images/text/7.gif); height: 69px; width: 45px; }
.bullet8 { background-image: url(/images/text/8.gif); height: 71px; width: 53px; }
.bullet div { float: right; }
.h2Img span, .bullet div span { display: none; }
.h2Img, .bullet div { background-repeat: no-repeat; display: block; margin: 0; padding: 0; }
.pImg { background-repeat: no-repeat; display: block; margin: 0 0 20px 0; padding: 0; }
.go h3 a { color:#999999; }
.h4CaseStudy { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 22px; line-height: 26px; }

p.mission { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 26px; }
p.orange em { color: #dd6916; font-style: normal; }
p.pink em { color: #ff1f75; font-style: normal; }
p.green em { color: #090; font-style: normal; }
p.blue em { color: #0CF; font-style: normal; }
p.purple em { color: #93F; font-style: normal; }
p.missiontight { margin-top:-10px; }

/***********************************************/
/* Elements                                    */
/***********************************************/ 

#map { height: 600px; width: 300px; }

.go { cursor: pointer; display: block; height: 140px; }
.more { margin-top: 5px; }

.defaultClientBox { cursor: pointer; }
.defaultClientBox p { font-size: 12px; margin: 10px 0 10px 0; padding: 0; }
.defaultClientBox em { color: #674c2d; font-style: normal; }
.defaultClientBox span { color: #999999; font-size: 10px; }

.sideClientBar3 a img { margin-bottom: 10px; }
.sideClientBar3 { font-size: 13px; text-align: right; }
.sideClientBar3 em { color: #333; font-style: normal; }
.sideClientBar3 a span { }

.newsletter { background-image: url(/images/default_news.jpg); background-repeat: no-repeat; display: block; height: 205px; overflow: hidden; width: 300px; }
.newsletter form { margin: 25px 22px 0 20px; }
.newsletter h3 { color: #333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight: normal; line-height: 24px; margin: 0; }
.newsletter p { font-size: 11px; margin: 3px 0 5px 0; padding: 0; }
.newsletter input.text { background: #FFF; border: 1px solid #333; float: left; font: normal 12px arial,helvetica,sans-serif; margin: 0; padding: 6px 4px; }
.newsletter input.submit { background-color: #333; border: #000 solid 1px; color: #fff; float: left; font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; height: 29px; line-height: 20px; margin-left: 5px; text-align: center; width: 100px; }
.newsletter input.submit:hover { background-color: #000; color: #fff; }

.teaserImg { float: left; margin: 0 0 8px 0; overflow: hidden; padding: 0 0 0 0; position: relative; }
.teaserImg a { float: left; text-decoration: none; }
.teaserImg a:hover { cursor: pointer; }
.teaserImg a img { background: #fff; border: none; float: left; margin: 0; padding: 0px; }
.teaserImg a .title { background: #000; bottom: 0px; color: #fff; display: block; filter: alpha(opacity=80); font-family: Georgia,"Times New Roman",Times,serif; font-size: 32px; left: 0px; letter-spacing: -0.05em; line-height: 32px; margin: 0 0 0 0; ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: .80; padding: 0; padding: 5px 10px 5px; position: absolute; text-transform: lowercase; width: 300px; }
.teaserDesc a { border-bottom: #CCC solid 1px; display: block; margin-top: 0; width: 300px; }
.teaserDesc a em { color: #999; font-size: 11px; font-style: normal; line-height: 30px; }
.teaserImg a:hover .title { color: #ffff00; }

.teaser { cursor: pointer; }
.teaser:hover a .title { color: #ffff00; }
.teaser:hover .teaserDesc a { border-bottom: #000000 solid 1px; color: #000000; }
.teaser:hover .teaserDesc a em { color: #000; }
.teaser:hover .teaserImg { background: transparent url(/images/btn_next4.gif) no-repeat left bottom; }

.steaserImg { float: left; margin: 15px 0 5px 0; overflow: hidden; padding: 0 0 0 0; position: relative; }
.steaserImg a { float: left; text-decoration: none; }
.steaserImg a:hover { cursor: pointer; }
.steaserImg a img { background: #fff; border: none; float: left; margin: 0; padding: 0px; }
.steaserImg a .title { background: #000; bottom: 0px; color: #fff; display: block; filter: alpha(opacity=80); font-size: 12px; left: 0px; line-height: 12px; margin: 0 0 0 0; ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: .80; padding: 0; padding: 8px 5px 7px; position: absolute; text-transform: lowercase; width: 140px; }
.steaserDesc a { border-bottom: #CCC solid 1px; display: block; font-size: 11px; padding-bottom: 5px; width: 140px; }
.steaserImg a:hover .title { color: #ffff00; }
.steaser { cursor: pointer; }
.steaser:hover a .title { color: #ffff00; }
.steaser:hover .steaserDesc a { border-bottom: #000000 solid 1px; color: #000000; }
.steaser:hover .steaserImg { background: transparent url(/images/btn_next4s.gif) no-repeat right bottom; }

.clientbox { float: left; height: 230px; margin-bottom: 20px; overflow: hidden; position: relative; width: 300px; }
.clientboxleft { margin-right: 20px; }
.clientbox a { float: left; text-decoration: none; }
.clientbox a:hover { cursor: pointer; }
.clientbox a img { background: #fff; border: none; float: left; margin: 0; padding: 0px; }
.clientbox a .title { background: #000; bottom: 0px; color: #fff; display: block; filter: alpha(opacity=80); font-family: Georgia,"Times New Roman",Times,serif; font-size: 32px; left: 0px; letter-spacing: -0.05em; line-height: 32px; margin: 0 0 0 0; ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: .80; padding: 0; padding: 5px 10px 5px; position: absolute; text-transform: lowercase; width: 300px; }
.clientbox a:hover .title { color: #ffff00; }
.clientbox a:hover { background: transparent url(/images/btn_next4.gif) no-repeat left bottom; }

.clientImageBoxes img { border: #CCC solid 1px; }

.clientboxsmall { float: left; height: 169px; margin-bottom: 20px; overflow: hidden; position: relative; width: 220px; }
.clientboxsmallleft { margin-right: 20px; }
.clientboxsmall a { float: left; text-decoration: none; }
.clientboxsmall a:hover { cursor: pointer; }
.clientboxsmall a img { background: #fff; border: none; float: left; margin: 0; padding: 0px; }
.clientboxsmall a .title { background: #000; bottom: 0px; color: #fff; display: block; filter: alpha(opacity=80); font-family: Georgia,"Times New Roman",Times,serif; font-size: 26px; left: 0px; letter-spacing: -0.05em; line-height: 32px; margin: 0 0 0 0; ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: .80; padding: 0; padding: 5px 10px 5px; position: absolute; text-transform: lowercase; width: 220px; }
.clientboxsmall a:hover .title { color: #ffff00; }
.clientboxsmall a:hover { background: transparent url(/images/btn_nextsmall.gif) no-repeat left bottom; }

.navClient a { background-color: #EBEBEB; border-bottom: #FFF solid 1px; border-left: #FFF solid 5px; color: #fff; display: block; float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: bold; height: 15px; line-height: 13px; margin-top: -4px; text-align: center; width: 15px; }
.navClient a:link, .navClient a:visited { border-bottom: #FFF solid 1px; }
.navClient a:hover { background-color: #ccc; border-bottom: #FFF solid 1px; border-left: #FFF solid 5px; color: #fff; }
.navClient a:active { background-color: #ccc; border-bottom: #FFF solid 1px; border-left: #FFF solid 5px; color: #fff; }

.navClient2 a { background-color: #333333; color: #fff; display: block; float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; padding:0 12px 0 4px; line-height:18px; }
.navClient2 a:hover { background-color: #ccc; border:0; }

.goBtn a { background-color: #333333; color: #fff !important; display: block; float:left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; padding:0 12px 0 4px; line-height:18px; border:0 !important; }
.goBtn a:hover { background-color: #ccc; border:0 !important; }

.testimonal blockquote { background-image: url(/images/openquote1.gif); background-position: top left; background-repeat: no-repeat; margin: 0; width: 460px; }
.testimonal blockquote p { background-image: url(/images/closequote1.gif); background-position: bottom right; background-repeat: no-repeat; display: block; margin: 0; padding-bottom: 15px; padding-left: 80px; padding-right: 80px; padding-top: 15px; text-align: justify; }
.testimonal blockquote cite { color: #CCC; font-style: normal; }

/***********************************************/
/* Forms                                       */
/***********************************************/

#savForm { margin: 0; padding: 0; }
.savFormLable { background-color: #f3f3f3; color: #000000; width: 150px; }
.savFormLable span, .savFormLableNP span { color: #ff6600; }
.savFormLable em, .savFormLableNP em { color: #f3f3f3; font-style: normal; }
.savFormLableNP { background-color: #f3f3f3; color: #000000; width: 240px; }

.stdForm { margin: 0; padding: 0; }
.stdFormLable { background-color: #f3f3f3; color: #000000; vertical-align:top; }
.stdFormLable span, .savFormLableNP span { color: #ff6600; }
.stdFormLable em, .savFormLableNP em { color: #f3f3f3; font-style: normal; }

.stdForm { margin : 0; padding : 0; }
.stdForm table td { border : #FFF 3px solid; }
.stdFormLable { background-color : #f3f3f3; color : #000000; padding : 5px 20px 5px 20px; vertical-align : top; }
.stdFormLableReq { background-color : #f3f3f3; background-image : url(images/icon_req.gif); background-position : left top; background-repeat : no-repeat; color : #000000; padding : 5px 20px 5px 20px; vertical-align : top; }
.stdForm textarea { border : #333 solid 1px; font-family : Arial, Helvetica, sans-serif; font-size : 13px; padding : 5px; width : 460px; }
.stdForm input.text { border : #333 solid 1px; font-family : Arial, Helvetica, sans-serif; font-size : 13px; padding : 5px; width : 380px; }
.stdForm input.textvar { border : #333 solid 1px; font-family : Arial, Helvetica, sans-serif; font-size : 13px; padding : 5px; }
.stdForm input.submit { background-color: #333; border: #000 solid 1px; color: #fff; float: left; font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; height: 29px; line-height: 20px; text-align: center; }
.stdForm input.submit:hover { background-color: #000; color: #fff; }

.stdForm .failure { background: url(images/icon_red_cross.png) #ffdcdd no-repeat 10px center; border-top:1px solid #C00; border-bottom:1px solid #C00; margin:0 0 20px 0; padding:10px 10px 10px 20px }
.stdForm .failure li { margin-left: 60px; }

.stdForm .success { background: url(images/icon_green_tick.png) #daffd3 no-repeat 10px center; border-top:1px solid #5ac360; border-bottom:1px solid #5ac360; margin:0 0 20px 0; padding:10px 10px 10px 20px; list-style:none; }
.stdForm .success li  { margin-left: 40px; }

/***********************************************/
/* Accounts                                    */
/***********************************************/

.accountMenu li { color: #666; float: left; font-family: arial,helvetica,sans-serif; font-size: 11px; line-height: 11px; margin: 0 10px 0 0; text-align: center; white-space: normal; }

.accountMenu a {  border: 0; COLOR: #404040; display: block; padding: 70px 0 0 0; text-decoration: none; width: 70px; background-repeat:no-repeat; background-position: -70px 0; }
.accountMenu a:hover { border: 0; COLOR: #088ece; TEXT-DECORATION: none; background-position: 0 0;  }
.accountMenu { margin: 0 0 0 0; }
.accountMenu ul { background: transparent; display: block; float: left; list-style: none; margin: 0; padding: 0; width: 100%; }

.accountMenu .accSelected a { COLOR: #088ece; background-position: 0 0; }

.accountMenu .home a { background-image:url(/images/account/png/home.png); }
.accountMenu .piggy a { background-image:url(/images/account/png/piggy.png); }
.accountMenu .shopping a { background-image:url(/images/account/png/shopping.png); }
.accountMenu .padticks a { background-image:url(/images/account/png/padticks.png); }
.accountMenu .analytics a { background-image:url(/images/account/png/analytics.png); }
.accountMenu .analyticsemail a { background-image:url(/images/account/png/analyticsemail.png); }
.accountMenu .pad a { background-image:url(/images/account/png/pad.png); }
.accountMenu .padlock a { background-image:url(/images/account/png/padlock.png); }
.accountMenu .stop a { background-image:url(/images/account/png/stop.png); }
.accountMenu .newsletters a { background-image:url(/images/account/png/envelope.png); }

.reportselected { background-color: #090; color: #FFF; }

h1.titleHeading { margin:0 0 5px 0; padding:0; font-size:21px; }
h3.titleHeading { color:#CCC; }
p.titleSummary {margin-top:-10px; color:#7f7f7f; padding-bottom:10px; margin-bottom:0; font-size:11px; }
p.titleSummary span{font-size:11px; color:#b1b1b1}
p.titleSummary span.right{float:right; text-align:right; width:180px; color:#7f7f7f}

.analyticsHelp { float:right; }
.analyticsHelp a { font-size:10px; background-color:#936; color:#FFF; padding: 3px 6px 3px 6px; }
.analyticsHelp a:hover { background-color:#333; }

.analyticsRightMenu { border-bottom: #CCC solid 1px; font-size: 10px; margin-bottom: 10px; }
.analyticsRightMenu ul { height: 20px; margin: 0; padding: 0; }
.analyticsRightMenu ul li { float: right; list-style-type: none; margin: 0; padding: 0; }
.analyticsRightMenu ul li a { padding: 3px 6px 3px 6px; }
.analyticsRightMenu ul li em { color: #F0F0F0; font-style: normal; padding: 3px 6px 3px 6px; }
.analyticsRightMenu .selectedrm a { background-color: #090; color: #FFF; }

#log_res h2 { font-size: 18px; line-height: 1em; }
#log_res table.greygrid { border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; FONT-FAMILY: arial,helvetica,sans-serif; FONT-SIZE: 11px; }
#log_res table.greygrid td { border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 2px; }
#log_res.ajax-loading { background: url(/images/spinner.gif) no-repeat left; padding: 0 0 0 20px; }
#log_res table.greygrid .report14:hover { background-color:#999; color:#FFF; cursor:pointer; }
#log_res .report_tip em { color:#C00; font-style:normal; }

table.tableReport { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
table.tableReport thead td { background-color:#CCC; cursor:pointer; text-transform:uppercase; color:#fff; cursor:hand; line-height:12px; padding: 6px 10px 5px 10px; }
table.tableReport thead td:hover { background-color:#89bdf3; color:#fff; }
table.tableReport td { padding: 5px 10px 5px 10px; border-bottom:#CCC solid 1px; }
table.tableReport tfoot td {  }
table.tableReport tr.archive { display:none; }
table.tableReport tr.archiveshow { background-color:#999; }
table.tableReport tr.inactive { display:none; }
table.tableReport tr.inactiveshow { background-color:#F4F4F4; }
table.tableReport td.grey { color:#999; }
table.tableReport td.right { text-align:right; }
table.tableReport td.small { font-size:11px; }

table.ccJobGrid tr:hover { background-color: #fff2ff; }
table.ccJobGrid td { font-size: 11px; line-height: 15px; }
table.ccJobGrid tr.headrow { BACKGROUND-COLOR: #f2f2f2; cursor: hand; FONT-WEIGHT: bold; }
table.ccJobGrid td.headrowtd { BACKGROUND-COLOR: #e0e0e0; }
table.ccJobGrid td.headrowtd:hover, table.ccJobGrid td.headrowtd.over { background-color: #de6297; color: #FFFFFF; }
table.ccJobGrid tr.headrow A { FONT-WEIGHT: normal; text-decoration: underline; }
table.ccJobGrid a.sortheader { display: block; text-decoration: none; }
table.ccJobGrid span.sortarrow { text-decoration: none; }

table.tableSimple { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
table.tableSimple td { padding: 5px 0px 5px 10px; border-bottom:#CCC solid 1px; }
table.tableSimple td em { color:#F00; font-style:normal; }
table.tableSimple td.idCol{ width:60px; }

table.tableSimple td.grey { color:#999; }
table.tableSimple td.right { text-align:right; }
table.tableSimple td.link a { text-decoration:underline; }
table.tableSimple td.link a:hover { color:#000; }

table.tableActivity td span {text-transform:uppercase; color:#848484; font-size:11px; padding-right:8px}
table.tableActivity td.key { text-transform:uppercase; font-size:12px; }
table.tableActivity td.keyLogin { text-align:center; color:#996; }
table.tableActivity td.keyCharge { text-align:center; color:#9C6; }
table.tableActivity td.keyInvoice { text-align:center; color:#903; }

ul.taskList { list-style-type: none; margin: 0; padding: 0; }
ul.taskList li { margin:0; padding: 5px 0px 5px 35px; color:#999; border-bottom:#CCC solid 1px; line-height:12px; }
ul.taskList li a { text-decoration:underline; }
ul.taskList li a:hover { color:#000; }
ul.taskList li span { font-size:10px; color:#CCC; }

ul.taskList li.star { background:url(/images/account/mini/star.png) #ffffff no-repeat 10px center; }
ul.taskList li.negative { background:url(/images/account/mini/negative.png) #ffffff no-repeat 10px center; }
ul.taskList li.positive { background:url(/images/account/mini/positive.png) #ffffff no-repeat 10px center; }
ul.taskList li.pie1 { background:url(/images/account/mini/pie1.png) #ffffff no-repeat 10px center; }
ul.taskList li.pie2 { background:url(/images/account/mini/pie2.png) #ffffff no-repeat 10px center; }
ul.taskList li.pie3 { background:url(/images/account/mini/pie3.png) #ffffff no-repeat 10px center; }
ul.taskList li.crossgrey { background:url(/images/account/mini/cross-grey.png) #ffffff no-repeat 10px center; line-height:18px; }

h3.greyBlock { background-color:#CCC; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; font-weight:normal; padding: 5px 0 5px 10px; margin:0; letter-spacing:normal; }
h3.greyWhiteBlock {  margin:15px 0 15px 0; padding:0; font-size:18px; line-height:22px; color:#999; }

.blueplus { BACKGROUND: url(/images/blue_square_plus.png) #f5f5f5 no-repeat 15px center; BORDER-BOTTOM: #9fc576 1px solid; BORDER-LEFT: #9fc576 1px solid; BORDER-RIGHT: #9fc576 1px solid; BORDER-TOP: #9fc576 1px solid; COLOR: #333; LINE-HEIGHT: 18px; MARGIN: 10px auto; PADDING-BOTTOM: 15px; PADDING-LEFT: 55px; PADDING-RIGHT: 10px; PADDING-TOP: 15px; }
.greenplus { BACKGROUND: url(/images/green_square_plus.png) #f5f5f5 no-repeat 15px center; BORDER-BOTTOM: #9fc576 1px solid; BORDER-LEFT: #9fc576 1px solid; BORDER-RIGHT: #9fc576 1px solid; BORDER-TOP: #9fc576 1px solid; COLOR: #333; LINE-HEIGHT: 18px; MARGIN: 10px auto; PADDING-BOTTOM: 15px; PADDING-LEFT: 55px; PADDING-RIGHT: 10px; PADDING-TOP: 15px; }

/***********************************************/
/* Presentations                               */
/***********************************************/

.headerbox { background-color:#212121; padding:8px 25px 10px 25px; }
.headerbox h2 { color:#FFF; font-size:32px; margin:15px 0 0 0; padding:0; }
.headerbox p { color:#FFF; margin:10px 0 10px 0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; }
.headerbox a:link {color: #ffffff; border-bottom: 1px solid #666; text-decoration: none;}
.headerbox a:visited {color: #ffffff; border-bottom: 1px solid #666; text-decoration: none;}
.headerbox a:hover {color: #ffffff; border-bottom: 1px solid #a379a4; background-color:#a379a4; text-decoration: none;}
.headerbox a:active {color: #ffffff; border-bottom: 1px solid #a379a4; background-color:#a379a4; text-decoration: none;}

.presentationImgPad img { border:#CCC solid 1px; padding:0; margin:20px 0 0 0; }

#leftmenu{background-color:#f8f8f8}
#leftmenu h3{padding:15px 0 15px 20px; margin:0; color:#111f32; background-image:url(images/bg_leftmenu.jpg); background-position:bottom; background-repeat:repeat-x; font-family:Georgia,"Times New Roman",Times,serif; font-size:26px; font-weight:normal}
#leftmenu h3 em{font-style:normal; font-size:12px; line-height:14px; color:#999}
#leftmenu h3 em span{color:#C00}
#leftmenu ul{list-style-type:none; margin:0; padding:0; width:220px; border-top:#999 solid 1px; font-family:Georgia,"Times New Roman",Times,serif}
#leftmenu ul li{padding:0; margin:0}
#leftmenu ul li a{color:#213d63; display:block; width:auto; padding:3px 0 3px 20px; text-decoration:none; margin:0; font:18px; line-height:36px; border-bottom:#999 solid 1px}
#leftmenu ul li em{color:#fff; display:block; width:auto; padding:3px 0 3px 20px; text-decoration:none; margin:0 0 0 0; font:18px; line-height:36px; border-bottom:#999 solid 1px; font-style:normal; background:#9ab5da url(/images/menu_left-arrow3.gif) 0 1em no-repeat}
#leftmenu ul li a:hover{color:#fff; background-color:#212121}
#leftmenu ul li ul li a{background-color:#CCC; font-size:10px; line-height:16px; color:#666; display:block; width:auto; padding:3px 0 3px 5px; text-decoration:none; margin:0 10px 0 10px}
#leftmenu ul li ul li em{background-color:#a379a4; background-image:none; font-size:10px; line-height:16px; color:#fff; display:block; width:auto; padding:3px 0 3px 5px; text-decoration:none; margin:0 10px 0 10px}
#leftmenu ul ul{margin:6px 0 10px 0}


/***********************************************/
/* Footer                                      */
/***********************************************/

.footer { background-color: #a5a5a5; background-image:url(images/footer_border.gif); background-repeat:repeat-x; background-position:top; width: 100%; color: #FFFFFF; font-size: 11px; line-height: 0; line-height: 15px; }
.footer img { margin-top: 20px; }
.footer h6 { color: #fff; font-size: 12px; font-weight: bold; letter-spacing: normal; line-height: 13px; margin: 60px 0 5px 0; }
.footer ul { list-style: none; margin: 0; padding: 0; }
.footer ul li { background: transparent url(/images/bullet-grey-arrow.gif) 0 0.5em no-repeat; margin-bottom: 8px; margin-left: 0; padding-left: 8px; }
.footer a { border-bottom: 1px #cccccc dotted; color: #FFFFFF; padding-bottom: 1px; }
.footer a:hover { border-bottom: 1px #fff solid; color: #fff; }
.footer .container_12 { background-image:url(images/footer_bg.gif); background-position:top; background-repeat:no-repeat; }