/* -------------------------------------
/* html, body
/* -------------------------------------*/
*/
* {padding: 0; margin: 0;}
html {
background: #577b9e url(graphics/structure/main-bg.jpg) no-repeat center top;
color: #666;
font: 76% Verdana, Arial, sans-serif;
text-align: center;
}
/* This has a light background scheme but many supporting items would have to chnage as well.
html {
background: #e7eef4 url(graphics/body-bg.gif) repeat-x top left;
color: #666;
font: 76% Verdana, Arial, sans-serif;
text-align: center;
} */
html, body {
margin: 0;
padding: 0;
}
body {
text-align: left;
width: 925px;
margin: 0 auto;
line-height: 1em;
}
/* -------------------------------------
/* Baseline values for browser consistency
/* -------------------------------------*/
p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
margin: 0;
padding: 0;
}
img {
margin: 0;
padding: 0;
border: 0;
}
ul {
list-style: none;
}
a { color: #0e7fc7;
outline: 0;
}
.clear {
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;
}
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* -------------------------------------
/* default links
/* -------------------------------------*/
a:link, a:visited, a:hover, a:active {
color: #0e7fc7;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 {font: arial,georgia, serif;
font-size:22px;
font-weight:bold;
color:#faa71b;
line-height:27px
}
h2 {font: arial,georgia, serif;
font-size:14px;
line-height:19px;
color:#2f4458;
}
h3 {font: arial,georgia, serif;
font-size:14px;
font-weight:bold;
color:#5298de;
line-height:18px;
}
h4 {font: arial,georgia, serif;
font-size:12px;
font-weight:bold;
color:#666666;
line-height:15px;
}
h5 {font: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:10px;
color:#000000;
line-height:12px;
}
h6 {font: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:12px;
color:#faa71b;
line-height:12px;
font-weight:bold;
}
.required {color:#5298de; }
/* -------------------------------------
/* Positioning and Size
/* -------------------------------------*/
#wrapper {
margin: 0 auto;
width: 925px;
height: 100%;
}
/*-------------------------------------
Header
---------------------------------------*/
#masthead {
text-align: right;
width: 925px;
margin: 7px auto;
}
#header {
clear: both;
}
#logo {
float: left;
height: 74px;
width: 400px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
margin-bottom: 5px;
}
#logo a:link, #logo a:hover, #logo a:visited, #logo a:active { color: #ffffff; font-size: 11px; text-decoration: none; }
#ancillary {
float: right;
height: 20px;
color: #c5cce2;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 18px;
}
#ancillaryimg {
vertical-align: sub;
padding-right: 3px;
}
#ancillary .greeting {
color: #fff;
}
#ancillary a:link, #ancillary a:visited, #ancillary a:hover, #ancillary a:active {
color: #c5cce2;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 18px;
}
/*-------------------------------------
SiteMap
---------------------------------------*/
#sm_outer {
margin-bottom: 16px;
background: transparent url(graphics/sitemap_bottom.gif) bottom left no-repeat;
display: none;
}
#sm_inner {
background: transparent url(graphics/sitemap_top.gif) top left no-repeat;
}
.sm_column {
float: left;
width: 200px;
padding: 0px 10px 20px 10px;
}
.sm_column ul li {
padding: 3px 0;
}
.sm_column ul li li {
padding: 3px 0 3px 15px;
}
.sm_column h3 {
font-size: 14px;
padding: 25px 0 5px 0;
}
.sm_column a:link, .sm_column a:visited {
color: #577b9e;
}
.sm_column h3 a:link, .sm_column h3 a:visited {
color: #577b9e;
}
/*-------------------------------------
SiteNav
---------------------------------------*/
.menu {
width: 844px;
height: 32px;
position: relative;
z-index: 100;
border-right: 1px solid #fff;
font-family: arial, sans-serif;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
width:844px; w\idth:844px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.menu ul ul {
width: 100px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float: left;
width: 100px;
position: relative;
}
/* style the links for the top level */
.menu a, .menu a:visited, .menu a:hover {
display: block;
font-size: 12px;
text-decoration: none;
color: #fff;
width: 138px;
height: 30px;
border: 1px solid #fff;
border-width: 1px 0 1px 1px;
background: #afbdd2;
padding-left: 5px;
line-height: 29px;
text-align: left;
text-indent: 5px;
}
.current a, .current a:visited {
background-color: #ffffff;
color: #000000;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:100px;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#cccccc url(http://www.athomenet.com/homenew/graphics/grey-arrow.gif) no-repeat 155px center;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#eeeeee url(http://www.athomenet.com/homenew/graphics/blue-arrow.gif) no-repeat 155px center;
}
.menu ul ul :hover > a.drop {
background:#eeeeee url(http://www.athomenet.com/homenew/graphics/blue-arrow.gif) no-repeat 155px center;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background: #faa71b;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background: #db8d09;
color: #ffffff;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility: hidden;
position: absolute;
height: 0;
top: 31px;
left: 0;
width: 149px;
border-top: 1px solid #eee;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;t\op:31px;}
/* position the third level flyout menu */
.menu ul ul ul{
left: 176px;
top: -1px;
width: 176px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left { left:-176px; }
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
position: absolute; top:0; left:0;
border-collapse: collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited, .menu ul ul a:hover {
background: #98afcd;
color: #000;
height: auto;
line-height: 1em;
padding: 5px 10px;
width: 155px;
border-width: 0 1px 1px 1px;
text-indent: -5px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { width:150px;w\idth:128px; }
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover, { color:#000; background:#ccc; } /*#c5cde3 OR #faa71b*/
.menu :hover > a, .menu ul ul :hover > a { color:#000; background:#ccc; } /*#c5cde3 OR #faa71b*/
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { visibility:visible;}
/*-------------------------------------
wrapperWhit
---------------------------------------*/
#wrapperWhit {
background: transparent url(graphics/structure/wrapper_column.gif) top left repeat-y;
border-top: 1px solid #fff;
}
#wrapperWhit #content {
width: 900px;
padding-left: 10px;
}
#content {
width: 900px;
}
#wrapperWhit #pageNav {
float: right;
width: 255px;
}
#wrapperWhit #core {
background: transparent url(graphics/structure/wrapper_column_bottom.gif) bottom left no-repeat;
}
#wrapperWhitOut {
background: #fff url(graphics/structure/wrapper_column_top.gif) top left repeat-x;
border-top: 1px solid #fff;
}
#wrapperWhitOut #content {
padding-left: 25px;
padding-right: 25px;
}
#wrapperWhitOut #core {
background: transparent url(graphics/structure/wrapper_solid_bottom.gif) bottom left no-repeat;
}
#wrapperWhit #shell {
background: transparent url(graphics/structure/wrapper_column_top.gif) top left repeat-x;
}
/*-------------------------------------
Breadcrumbs
---------------------------------------*/
#breadcrumbs {
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
padding-bottom: 17px;
color: #777;
}
#breadcrumbs a:link, #breadcrumbs a:hover, #breadcrumbs a:visited, #breadcrumbs a:active {
color: #a5a5a5;
}
/* Original from Launch of Website
#breadcrumbs a:link, #breadcrumbs a:hover, #breadcrumbs a:visited, #breadcrumbs a:active {
color: #a5a5a5;
border-right: 1px dotted #BBE0EB;
padding-right: 5px;
} */
/*-------------------------------------
Social Icons and Print Links
---------------------------------------*/
.friendly {
float: right;
width: 100px;
margin: 0;
padding: 0;
letter-spacing: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.social {
float: right;
width: 235px;
margin: 0;
padding: 0;
letter-spacing: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
/*-------------------------------------
Common Ground
---------------------------------------*/
#content .common-ground-offer {margin:0px 0px 0px 25px;padding:0;overflow:visible;}
#content .common-ground-multiconnect {background:transparent url(graphics/common-ground-multiconnectbg.jpg) top left no-repeat;width:900px;height:700px;}
#content .common-ground-bodybg { float:left;width:600px;height:810px;margin:-690px 0px 20px 20px;background: transparent url(graphics/transparent-white-80.png) repeat top left;border:1px #ccc solid;padding:5px;}
#content .common-ground-bodybg table { background:none;border:collaspe;}
#common-ground {
background: transparent url(graphics/01112010-common-ground.jpg) top left no-repeat;
width: 900px;
height: 598px;
}
#common-ground-feb {
background: transparent url(graphics/commonground-ad-feb2010.jpg) top left no-repeat;
width: 900px;
height: 400px;
}
#communicate-bg {
background: transparent url(graphics/communicate-residents-bg-lrg.png) top left no-repeat;
width: 900px;
height: 400px;
}
#common-ground-edit { float: left; padding-top: 10px; padding-left: 10px; width: 400px;}
#common-ground-edit h3 { color: #009ddd; }
#common-ground-edit ul li { font-weight: bold; }
#common-ground-form { padding-top: 10px; margin-left: 490px; width: 320px; }
#cg-quoteBox { float: right; background: #edefee; margin: 0 0 10px 15px; width: 462px; height: 355px; padding: 0 0 0 0; }
#cg-quoteBox-blue { float: right; margin: -20px 0px 10px 15px; height: 370px; width: 400px; padding: 0 5px 0 5px; }
#cg-quoteBox p { color: #666; }
.inner-offer-box { padding: 5px 5px 5px 5px; margin-top: 55px;}
#cg-quoteBox .required { color: #000; }
.cg-bluetext { font-weight: bold; color: #009ddd; font: 24px Verdana, Arial, sans-serif;}
.cg-orangetext { font-weight: bold; color: #faa81b; font: 33px Verdana, Arial, sans-serif;}
/*-------------------------------------
Hurricane Resource Guide
---------------------------------------*/
#hurricane { background:transparent url(graphics/hurricane-resource-guide.jpg) top left no-repeat;width:900px;height:500px; position:relative;margin:0;padding:0;overflow:visible;}
#hurricane .hrg-box-title {width:600px;height:auto; margin: 10px 10px 10px 3px;position:absolute;}
#hurricane .hrg-box-title h1 {font-weight: bold; color: #0ba3dd; font: 35px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;}
#hurricane .hrg-box-1 {width:300px;height:auto; margin: 60px 10px 10px 3px;position:absolute;}
#hurricane .hrg-box-2 {width:295px;height:auto; margin: 60px 10px 10px 320px;position:absolute;}
#hurricane .hrg-box-tag {width:600px;height:auto; margin: 170px 10px 10px 3px;position:absolute;font-weight:bold;}
#hurricane .hrg-box-tag p {font-weight:bold; font-size: 12px;}
#hurricane .video-text-box {width:215px;height:auto; margin: 190px 10px 10px 650px;position:absolute;}
#hurricane .video-text-box p {color:#fff;padding:0 0 0 40px;margin:0;text-align:left;}
#hurricane .video-text-box a:link, a:visited, a:active {text-decoration:underline; color:#fff;}
#hurricane .video-text-box a:hover {text-decoration:none;color:#fff;}
#hurricane .hrg-box-3 {width:350px;margin: 350px 10px 10px 240px;position:absolute;padding:3px;}
#hurricane .hrg-box-3 .required { color: #a01922; }
#hrg-quoteBox { float: right; background: #eee; margin: 0 0 10px 15px; width: 375px; height: 240px; padding: 0 0 0 0; border: 2px #ccc solid; }
#hrg-quoteBox-blue { float: right; margin: -20px 0px 10px 15px; height: 370px; width: 400px; padding: 0 5px 0 5px; }
#hrg-quoteBox p { color: #666; }
.inner-offer-box { padding: 5px 5px 5px 5px; margin-top: 5px;}
.hrg-bluetext { font-weight: bold; color: #009ddd; font: 24px Verdana, Arial, sans-serif;}
.hrg-orangetext { font-weight: bold; color: #faa81b; font: 33px Verdana, Arial, sans-serif;}
/*-------------------------------------
Content
---------------------------------------*/
#content {
/* necessary to prevent the background image from spacing
itself down from the top */
padding-top: 10px;
color: #222;
padding-bottom: 26px;
}
#content p{
font: 0.9em Verdana, sans-serif;
line-height: 1.5em;
padding: 0 0 10px 0;
margin: 0;
text-align: justify;
}
#content a:link, #content a:visited, #content a:active { color: #5298de; }
#content a:hover { color: #666666; }
#content ul {list-style:disc;padding:0 0 0 25px;}
#content ul { font: 0.9em Verdana, sans-serif; margin-bottom:5px;}
#content ul li {color:#304458;padding:0 0 0 5px; }
#content li {line-height: 18px }
#masthead {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
#core:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.boxout {
float: right;
width: 250px;
margin: 0 0 20px 20px;
padding: 1em 0 0 10px;
border-left: 1px solid #cccccc;
}
.boxout h1 {
color: #faa71b;
font-size: 1.2em;
line-height: 1.0em;
margin-bottom: 0;
}
blockquote {
margin: 1.6em 1.8em 1em 1em;
float: left;
width: 300px;
text-align: left;
}
p.quoteBody {
margin: 0;
color: #faa71b;
font-size: 1.3em;
text-align: left;
}
p.quoteCite {
font-weight: bold;
text-align: left;
color: #666666;
}
hr {
background-color: #cccccc;
color: #cccccc;
height: 1px;
border: 0;
margin-bottom: 0.6em;
}
.imagepad { padding: 5px; }
/*-------------------------------------
Landing Pages Separators
---------------------------------------*/
.landGroup {
margin-top: 10px;
padding-bottom: 6px;
}
.landGroup h3 {
margin-bottom: 6px;
text-shadow: 0px 0px 0px #fff;
}
.landGroup h3.noIcon {
margin-top: 25px;
}
.landGroup .icon {
float: left;
width: 70px;
}
.landGroup p {
margin-bottom: 6px;
font-size: 13px;
line-height: 18px;
}
/*-------------------------------------
Did You Know Specific
---------------------------------------*/
#didyouKnow {
width: 170px;
float: right;
padding-right: 15px;
padding-left: 10px;
border-left: 1px dotted #666666;
}
#didyouKnow h2 {
padding: 0;
text-align: left;
color: #5298de;
}
/*-------------------------------------
Right Side Panel for Services Pages
---------------------------------------*/
#sidepanel {
background: #ededed url(graphics/panel-bot.gif) bottom left no-repeat;
font-size: 11px;
margin-top: 1px;
margin-left: 8px;
padding-bottom: 15px;
float: right;
}
#sidepanel a:link {
color: #5298de;
}
#sidepanel #core {
background: transparent url(graphics/panel-top.gif) top left no-repeat;
}
#sidepanel #core:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#sidepanel .one {
width: 340px;
}
#sidepanel h4 {
font-size: 12px;
margin: 10px 0 0 0;
height: 10px;
}
#sidepanel .image {
float: left;
padding-right: 12px;
}
#sidepanel ul#orderEE {
margin-left: 60px;
}
#sidepanel li {
background: transparent url(graphics/footer_list_bullet.gif) 0 3px no-repeat;
padding: 0 0 4px 12px;
}
#sidepanel .details {
min-height: 30px;
}
#sidepanel ul {
float: left;
}
#sidepanel ul {
width: 100px;
}
#sidepanel ul {
}
#sidepanel .item {
float: left;
padding: 0 0 5px 0;
}
#sidepanel .item .details {
line-height: 15px;
padding: 2px 8px 2px 8px;
}
/* order important here - #footer .last gets no border */
#sidepanel .last {
background: transparent;
}
#panelcontent {
font: arial,georgia, serif;
padding: 5px;
margin: 0;
line-height: 16px;
}
#panelcontent a:link { color: #5298de;
}
.paneltitlebg {
background: url(graphics/panel-title-bg.gif);
width: 324px;
height: 34px;
margin: 5px 0 5px 0;
}
.paneltitle {
color: #ffffff;
font-size: 24px;
line-height: 34px;
padding-left: 5px;
}
.featurecol1 {
width: 160px;
float: left;
margin-bottom: 10px;
}
.featurecol2 {
width: 160px;
float: left;
margin-bottom: 10px;
}
.featuresbg {
background: #d5d5d5;
margin: 0;
padding: 0;
}
/*-------------------------------------
Solutions - Classic and Elite
---------------------------------------*/
/*---- Controls Left and Right Boxes ---*/
#leftcolPlatforms {
width: 70%;
}
#rightcolPlatforms {
width: 250px;
float: right;
padding-right: 15px;
background-color: #e8e8e8;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#rightcolPlatforms-white {
width: 250px;
float: right;
padding-right: 15px;
}
/*-------------------------------------
Details of Left Column
---------------------------------------*/
#leftcolPlatforms .demo {
float: left;
width:200px;
margin:0 10px 0 0;
text-align: center;
height: 240px;
padding: 5px 0 10px 0;}
#leftcolPlatforms ul {
list-style:square;
}
/*-------------------------------------
Details of Right Column
---------------------------------------*/
#rightcolPlatforms p {
padding: 0 5px 0 5px;
color: #666666;
}
#rightcolPlatforms h3 {
padding-bottom: 5px;
padding-left: 5px;
}
#rightcolPlatforms ul {
padding: 0;
margin: 0;
list-style-type: none;
}
#rightcolPlatforms ul li {
color: #666666;
padding: 5px 5px 5px 5px;
border-bottom: 1px dotted #666666;
}
#rightcolPlatforms ul li:hover {
background: #fcfcfc;
}
#rightcolPlatforms .customersupport {
background: transparent url(graphics/customer-support-rep.jpg);
height: 128px;
width: 265px;
margin-top: 15px;
}
#rightcolPlatforms .customersupport-green {
font: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#a9c304;
text-transform: uppercase;
line-height: 15px;
margin-bottom: 10px;
padding-left: 5px;
letter-spacing: -0.03em;
}
#rightcolPlatforms .customersupport-grey {
font: Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height: 14px;
padding-left: 5px;
}
#rightcolPlatforms .requestinfo {
border-top: 1px solid #fff;
height: auto;
width: 265px;
}
#rightcolPlatforms .customertalk {
background: #cdcdcd;
border-top: 1px solid #fff;
height: auto;
width: 265px;
}
/*-------------------------------------
April-May Features CSS
---------------------------------------*/
/* For Listing Features in Columns */
#features_outer {
margin-bottom: 15px;
}
.feature_column {
float: left;
width: 160px;
padding: 0px 15px 20px 15px;
margin-bottom: 10px;
}
.feature_column ul li {
padding: 3px 0;
list-style: circle;
}
.feature_column ul li li {
padding: 3px 0 3px 15px;
}
#features_outer h3 {
font-size: 14px;
padding: 25px 0 5px 0;
color: #faa71b;
}
.feature_column ul:hover {
background:#eeeeee;
}
.feature_column a:link, .feature_column a:visited {
color: #577b9e;
}
.feature_column h3 a:link, .feature_column h3 a:visited {
color: #577b9e;
}
/*---------------------------------------------------------
ELITE or Classic Landing Page Boxes and details
-----------------------------------------------------------*/
#boxmodelVideo {
width: 620px;
margin-left: 75px;
border-bottom: dotted 1px #ccc;
}
#boxModelleft {
width: 380px;
float: left;
margin-left: 75px;
border-right: dotted 1px #ccc;
}
#boxModelright {
width: 380px;
margin-left: 15px;
float: left;
}
#boxModelleft p {
padding: 2px 15px 2px 2px;
}
#boxModelright p {
padding: 2px 2px 2px 2px;
}
#outer-box {
width: 370px;
height: 60px;
background: #ffffff;
}
#outer-box p {
float: left;
margin:0 0 0 10px;
width: 82%;
font-size: 0.85em;
border-left: 1px dotted #BBE0EB;
padding: 0 5px 0 5px;
}
#outer-box p:hover {
background:#eeeeee;
}
#outer-box .icon_plat {
float: left;
margin:0;
width: 30px;
height: 36px;
}
.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}
.eg-bar{
background-color: #eeeeee;
font-weight: bold;
border: 1px solid #666666;
padding: 3px;
}
div.eg-bar{
width: 605px;
}
.icongroup1{
width: 600px;
}
.feature-group {font: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:12px;
color:#faa71b;
font-weight:bold;
padding-top: 10px;
padding-bottom: 5px;
}
.solutionsTitle { font: arial,georgia, serif;
font-size:18px;
font-weight:bold;
color:#faa71b;
line-height:22px;
}
/* --------------------------For Features Pop-Up Windows ------------------------------ */
#featureshomeBtn {
float: left;
margin: 10px 5px 10px 50px;
}
#closewindow {
float: left;
margin: 5px 5px 5px 195px;
font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffffff;
}
.closewindow a, .closewindow a:link, .closewindow a:visited { color: #ffffff; text-decoration: none;}
.closewindow a:hover { color: #eeeeee; text-decoration: underline;}
#featuresPlacement {
margin: 45px 50px 0 50px;
width: 640px;
background : url(graphics/t.gif);
background-color: #000000;
}
#featuresSummary {
color:#fff;
background: #ffffff;
width:640px;
height: 500px;
padding:0px;
margin: 10px 50px 0 50px; }
.featuresText {
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-bottom: 5px;
padding: 5px;
color: #404040;
}
.featuresText a, .featuresText a:link, .featuresText a:visited { color: #faa71b; text-decoration: none;}
.featuresText a:hover { color: #404040; text-decoration: underline;}
.featuresText p{ padding: 5px 0 10px 0; }
/*-------------------------------------
Solutions - Sign Up Now
---------------------------------------*/
.columns-c {
margin-top: 0.5em;
margin-bottom: 0.5em;
float: left;
}
.columns-d {
margin-top: 0.5em;
margin-bottom: 0.5em;
float: right;
width: 70%;
border-left: 1px dotted #BBE0EB;
padding: 2px;
}
.txtleft { text-align: left; line-height: 16px; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }
.submitBtn { float: right; }
#indentPricingplans {
margin: 10px 0 0 55px;
padding: 0;
}
#indentPricingplans p {
font: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:12px;
line-height:16px;
}
.pricingSubtitle {
font: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:12px;
color:#faa71b;
line-height:14px;
font-weight:bold;
}
/*-------------------------------------
Solutions - Design Templates
---------------------------------------*/
.sample2 {
float: left;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
border: 1px solid #eeeeee;
}
/*-------------------------------------
Training - SEO Help Center
---------------------------------------*/
#leftcolseo {
width: 75%;
border-right: 1px dotted #BBE0EB;
padding-right: 5px;
}
#seo-leftcol {
width:410px;
float: left;
padding: 5px;
border-right: 1px dotted #BBE0EB;
}
#seo-leftcol .option {
border-bottom: 1px dotted #BBE0EB;
margin-bottom: 10px;
}
#seo-leftcol .option h3 {
color: #faa71b;
}
#seo-rightcol {
width:240px;
float: right;
padding: 5px;
background-color: #eeeeee;
}
#seo-rightcol p a {
color: #666666;
font-weight: normal;
text-decoration: underline;
}
#seo-rightcol p a:hover {
text-decoration: none;
color: #000000;
}
/* Articles Pages SEO */
#articlecol {
width: 75%;
padding-right: 5px;
}
#articlerightcol {
width: 200px;
float: right;
padding-right: 15px;
border-left: 1px dotted #BBE0EB;
background-color: #f1f7fc;
}
#articlerightcol p {
padding-left: 5px;
color: #666666;
}
#articlerightcol h3 {
padding-left: 5px;
}
/*-------------------------------------
Training - Feature Focus Center
---------------------------------------*/
#ffleftcol {
width: 75%;
border-right: 1px dotted #BBE0EB;
}
#ffleftcol h2 {
text-align: left;
padding: 10px 25px 20px 0;
}
#ffleftcol ul {
margin:0;
padding:0 0 0 10px;
}
#ffleftcol ul li {
list-style: none;
display: inline;
}
#ffleftcol .article {
float: left;
width:315px;
margin:0 10px 0 0;
text-align: left;
height: 130px;
padding: 5px 0 0 0;
}
* html #ffleftcol .article {
height: 100px;
}
#ffleftcol .article p {
float: left;
margin:0 0 0 135px;
width: 50%;
font-size: 0.85em;
padding: 0 0 0 5px;
}
#ffleftcol .article p:hover {
background:#eeeeee;
}
#ffleftcol .article p.format {
float: left;
color: #5298de;
border: 0;
padding: 3px 0 0 135px;
margin:0;
width: 60%;
}
#ffleftcol .article p.format a {
color: #86d734;
font-weight: normal;
}
#ffleftcol .article p.format a:hover {
text-decoration: underline;
}
#ffleftcol .article p.format:hover {
background: none;
}
#ffleftcol .article a {
font-weight: bold;
text-decoration: none;
color: #faa71b;
}
#ffleftcol .article a.continue {
font-weight: normal;
}
#ffleftcol .article a:hover {
text-decoration: underline;
color: #CC9933;
}
#ffleftcol .article strong {
font-weight: normal;
}
#ffleftcol .article_date {
float: left;
font-family:century gothic;
text-align: center;
margin:0;
padding:0;
width: 134px;
height: 0px;
}
#ffleftcol .article .icon {
float: left;
width: 134px;
font-size: 0.8em;
color: #5298de;
clear: both;
}
/*-------------------------------------
Training - Documentation
---------------------------------------*/
#docleftcol {
width: 75%;
border-right: 1px dotted #BBE0EB;
}
#docleftcol p {
text-align: left;
padding: 0 10px 0 0;
}
#docleftcol h2 {
text-align: left;
padding: 10px 25px 20px 0;
}
#docleftcol ul {
margin:0;
padding:0 0 0 10px;
}
#docleftcol ul li {
list-style: none;
display: inline;
}
#docleftcol .article {
float: left;
width:300px;
margin:0 10px 0 0;
text-align: left;
height: 120px;
border-bottom: 1px dotted #BBE0EB;
padding: 5px 0 0 0;
}
* html #docleftcol .article {
height: 125px;
}
#docleftcol .article p {
float: left;
margin:0 0 0 10px;
width: 90%;
font-size: 0.85em;
padding: 0 5px 0 0;
}
#docleftcol .article p:hover {
background:#eeeeee;
}
#docleftcol .article p.format {
float: left;
color: #5298de;
border: 0;
padding: 3px 0 0 10px;
margin:0;
width: 82%;
}
#docleftcol .article p.format a {
color: #5298de;
font-weight: normal;
}
#docleftcol .article p.plat {
color: #A9C304;
font-weight: normal;
}
#docleftcol .article p.format a:hover {
text-decoration: underline;
}
#docleftcol .article p.format:hover {
background: none;
}
#docleftcol .article a {
font-weight: bold;
text-decoration: none;
color: #faa71b;
}
#docleftcol .article a.continue {
font-weight: normal;
}
#docleftcol .article a:hover {
text-decoration: underline;
color: #CC9933;
}
#docleftcol .article strong {
font-weight: normal;
}
#docleftcol .article_date {
float: left;
font-family:century gothic;
text-align: center;
margin:0;
width: 23px;
height: 27px;
}
#docleftcol .article .icon {
float: left;
width: 23px;
font-size: 0.8em;
color: #5298de;
clear: both;
}
#docleftcol .article .day {
float: left;
width: 23px;
font-size: 1.2em;
color: #5298de;
}
/*-------------------------------------
Training - Gazette
---------------------------------------*/
#gazetteOne {
width: 160px;
float: left;
margin-bottom: 10px;
border-left: 1px dotted #BBE0EB;
}
#gazetteTwo {
width: 160px;
float: left;
margin-bottom: 10px;
border-left: 1px dotted #BBE0EB;
}
.gazetteText {
font: arial,georgia, serif;
font-size: 12px;
color: #000000;
line-height: 20px;
padding: 5px;
}
.gazetteText a: {
color: #666666;
text-decoration: none;
padding: 5px;
}
.gazetteText a:hover {
text-decoration: none;
background: #eeeeee;
color: #666666;
}
/*-------------------------------------
Company - Contact Us
---------------------------------------*/
.columns-a {
margin-top: 0.5em;
margin-bottom: 0.5em;
float: left;
}
.columns-b {
margin-top: 0.5em;
margin-bottom: 0.5em;
float: right;
width: 74%;
}
.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }
.submitBtn { float: right; }
/*-------------------------------------
Company - AHN Community
---------------------------------------*/
#rightcolComm {
width: 320px;
float: right;
padding-right: 15px;
border-left: 1px dotted #BBE0EB;
background-color: #f1f7fc;
}
#rightcolComm p {
padding-left: 5px;
color: #666666;
}
#rightcolComm h3 {
padding-left: 5px;
}
.communityGroup {
margin-top: 10px;
padding-bottom: 6px;
height: 140px;
border-bottom: 1px dotted #BBE0EB;
}
.communityGroup h3.noIcon {
margin-top: 25px;
}
.communityGroup .icon {
float: left;
width: 55px;
}
.communityGroup p {
margin-bottom: 16px;
font-size: 13px;
line-height: 18px;
}
/*-------------------------------------
Company - Customer Reviews
---------------------------------------*/
#leftcolReviews {
width: 60%;
}
#leftcolReviews .review {
float: left;
width:550px;
margin:0 10px 0 0;
text-align: left;
height: 120px;
border-bottom: 1px dotted #BBE0EB;
padding: 5px 0 0 0;}
#leftcolReviews .icon {
float: left;
margin:0;
width: 100px;
height: 103px;
padding-right: 2px;
}
#leftcolReviews .review p.customer {
float: left;
color: #0e7fc7;
border: 0;
margin:0;
}
#rightcolReviews {
width: 320px;
float: right;
padding-right: 15px;
border-left: 1px dotted #BBE0EB;
background-color: #f1f7fc;
}
#rightcolReviews p {
padding-left: 5px;
color: #666666;
}
#rightcolReviews h3 {
padding-left: 5px;
}
/*-------------------------------------
Company - News Center
---------------------------------------*/
#leftcol {
width: 75%;
}
#leftcol h2 {
text-align: left;
padding: 10px 25px 20px 0;
}
#leftcol ul {
margin:0;
padding:0 0 0 10px;
}
#leftcol ul li {
list-style: none;
display: inline;
}
#leftcol p.next-prev {
width: 100%;
margin:0;
padding:0;
clear: both;
text-align: center;
padding: 20px 0 0 0;
}
#leftcol p.next-prev a {
padding: 0 5px;
}
#leftcol .news {
float: left;
width:320px;
margin:0 10px 0 0;
text-align: left;
height: 140px;
border-bottom: 1px dotted #BBE0EB;
padding: 5px 0 0 0;
}
* html #leftcol .news {
height: 145px;
}
#leftcol .news p {
float: left;
margin:0 0 0 10px;
width: 82%;
font-size: 0.85em;
border-left: 1px dotted #BBE0EB;
padding: 0 5px 0 12px;
text-align: left;
}
#leftcol .news p:hover {
background:#eeeeee;
}
#leftcol .news p.author {
float: left;
color: #5298de;
border: 0;
padding: 3px 0 0 45px;
margin:0;
width: 82%;
}
#leftcol .news p.author a {
color: #86d734;
font-weight: normal;
}
#leftcol .news p.author a:hover {
text-decoration: underline;
}
#leftcol .news p.author:hover {
background: none;
}
#leftcol .news a {
font-weight: bold;
text-decoration: none;
color: #faa71b;
}
#leftcol .news a.continue {
font-weight: normal;
}
#leftcol .news a:hover {
text-decoration: underline;
color: #CC9933;
}
#leftcol .news strong {
font-weight: normal;
}
#leftcol .news_date {
float: left;
font-family:century gothic;
text-align: center;
margin:0;
width: 23px;
height: 27px;
}
#leftcol .news .month {
float: left;
width: 23px;
font-size: 0.8em;
color: #5298de;
clear: both;
}
#leftcol .news .day {
float: left;
width: 23px;
font-size: 1.2em;
color: #5298de;
}
/* right column */
#rightcol {
width: 170px;
float: right;
padding-right: 15px;
}
#rightcol h2 {
padding: 0;
text-align: left;
color: #5298de;
}
/* news article column */
#leftcolumn {
width: 75%;
border-right: 1px dotted #BBE0EB;
padding: 0 10px 0 0;
text-align:justify;
}
/*-------------------------------------
Resources - Partners
---------------------------------------*/
.partners {
float: left;
width:850px;
margin:0 0 0 0;
text-align: left;
border-bottom: 1px dotted #BBE0EB;
padding: 5px 0 20px 0;}
.partners-logo-box {
float: left;
width:205px;
margin:0 0 0 0;
padding: 0 0 0 0;}
.partners-text-box {
float: left;
width: 650px;
margin:0 0 0 0;
padding: 0 0 0 0;}
.partners ul{
padding: 0 0 0 20px; }
.partners li{
padding: 0 0 0 20px; }
/*-------------------------------------
Resources - PM Finder Pages
---------------------------------------*/
.columns-p {
margin-top: 0.5em;
margin-bottom: 0.5em;
float: left;
}
.columns-m {
margin-top: 0.5em;
margin-bottom: 0.5em;
float: right;
width: 80%;
border-left: 1px dotted #BBE0EB;
}
.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }
.submitBtn { float: right; }
/*-------------------------------------
Resources - Video Library and Videos
---------------------------------------*/
/*-------------------------------------
5.28.2009 New Video Page v1 Elements
---------------------------------------*/
#videolibraryList {
list-style-type: none;
}
#videolibraryList ul {
margin:0;
padding:0 0 0 10px;
list-style-type: none;
}
#videolibraryLists ul li {
list-style-type: none;
display: inline;
}
#videolibraryList .video_library {
float: left;
width:295px;
margin:0 12px 0 0;
text-align: left;
height: auto;
padding: 5px 0 0 0;
}
#videolibraryList .video_library_lrg {
float: left;
width:520px;
margin:0 12px 0 0;
text-align: left;
height: auto;
padding: 5px 0 0 0;
}
#videolibraryList .video_library p {
float: left;
margin:0 0 0 5px;
width: 75%;
font-size: 0.85em;
padding: 0 0 1px 0;
text-align: left;
}
#videolibraryList .video_library p:hover {
background:#eeeeee;
}
#videolibraryList .video_library p.view {
float: left;
color: #a9c304;
border: 0;
padding: 2px 0 8px 55px;
margin:0;
width: 82%;
font-weight: bold;
font-size: 12px;
}
#videolibraryList .video_library p.view a {
color: #a9c304;
font-weight: bold;
font-size: 12px;
}
#videolibraryList .video_library p.view a:hover {
color: #666666;
text-decoration: underline;
}
#videolibraryList .video_library p.view:hover {
background: none;
}
#videolibraryList .video_library a {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #5298e1;
}
#leftcol .video_library a:hover {
text-decoration: underline;
color: #666666;
}
#videolibraryList .video_library strong {
font-weight: normal;
}
#videolibraryList .video_icon {
float: left;
background: #ffffff url(graphics/t.gif) no-repeat center top;
margin:0;
width: 54px;
height: 75px;
}
#videolibraryList .phrule {
background-color: #cccccc;
height: 1px;
margin-bottom: 0.6em;
clear: left;
}
#videolibraryList .hrule {
border-bottom: 1px dotted #666666;
margin-bottom: 0.6em;
clear: left;
}
#videolibraryList .hrule a {
padding-top: 5px;
color: #cccccc;
}
#videolibraryList .hrule a:hover {
text-decoration: underline;
color: #666666;
}
#videoSections {
width: 220px;
float: right;
padding-right: 15px;
border-left: 1px dotted #BBE0EB;
background-color: #f1f7fc;
}
#videoSections p {
padding-left: 5px;
color: #666666;
}
#videoSections h3 {
padding-left: 5px;
}
#videoSections h2 {
padding-left: 5px;
}
#videoSections a:link, #videoSections a:visited, #videoSections a:active { color: #5298de; }
#videoSections a:hover { color: #666666; }
#moreCol-1 {
width: 45%;
float: left;
padding-right: 5px;
}
#moreCol-2 {
width: 45%px;
float: right;
padding-left: 5px;
border-left: 1px dotted #BBE0EB;
}
.videoSmall {
margin-top: 10px;
padding-bottom: 25px;
height: 122px;
border-bottom: 1px dotted #BBE0EB;
}
.videosmallicon {
float: left;
}
#rightcolVideos {
vertical-align: middle;
width: 760px;
padding-top: 15px;
}
#rightcolVideos p {
padding-left: 5px;
color: #666666;
}
#rightcolVideos h3 {
padding-left: 5px;
}
#leftcolVideos {
width: 535px;
}
.mostPopular { font: arial,georgia, serif;
font-size:22px;
font-weight:bold;
color:#faa71b;
line-height:27px;
}
.videoGroup {
margin-top: 10px;
padding-bottom: 6px;
height: 140px;
border-bottom: 1px dotted #BBE0EB;
}
.videoGroup h3.noIcon {
margin-top: 25px;
}
.videoGroup .icon {
float: left;
width: 65px;
}
.videoGroup p {
margin-bottom: 16px;
font-size: 13px;
line-height: 18px;
}
/*-------------------------------------
7.8.2009 Services Page and Video
---------------------------------------*/
.sm_servicecolumn {
float: left;
width: 295px;
padding: 3px 3px 3px 3px;
}
.sm_servicecolumn ul li {
list-style-type:none;
list-style-image:url(graphics/plus-box.gif);
}
.sm_servicecolumn ul li {
padding: 3px 0;
}
.sm_servicecolumn ul li li {
padding: 3px 0 3px 3px;
}
.sm_servicecolumn a:link, .sm_servicecolumn a:visited {
color: #577b9e;
}
.sm_servicecolumn a:hover {
background-color: #eeeeee;
}
#homeBtn {
float: left;
margin: -58px 5px 10px 50px;
}
#closewindow {
float: left;
margin: -55px -25px 5px 190px;
font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffffff;
}
.closewindow a { color: #ffffff; text-decoration: none;}
.closewindow a:link { color: #ffffff; text-decoration: none;}
.closewindow a:hover { color: #eeeeee; text-decoration: underline;}
.closewindow a:visited { color: #ffffff; text-decoration: none;}
#videoPlacement {
margin: 75px 50px 0 50px;
width: 640px;
background : url(graphics/t.gif);
background-color: #000000;
}
#videoSummary {
color:#fff;
background: #ffffff;
width:640px;
padding:0px;
margin: 5px 50px 0 50px; }
.videoText {/* main heading */
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-bottom: 5px;
padding: 5px;
color: #404040;
}
.videoText a { color: #faa71b; text-decoration: none;}
.videoText a:link { color: #faa71b; text-decoration: none;}
.videoText a:hover { color: #404040; text-decoration: underline;}
.videoText a:visited { color: #faa71b; text-decoration: none;}
/*-------------------------------------
Resources - Industry Terms
---------------------------------------*/
.clearfix:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
.clearfix {
display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#alphaindex {
padding: 5px;
margin: 0 0px;
background: #ffffff;
}
#alphaindex ul { font-size: 14px; }
#alphaindex li {
display: block;
float: left;
padding: 5px 5px 5px 5px;
margin: 3px;
list-style: none;
border: 1px solid #eaeaea;
background: #6893be;
font-weight: bold;
font-size: 18px;
}
#alphaindex li a { color: #ffffff; }
#alphaindex li a:hover { color: #405a74; }
#alphaindex li.current {
color: #ffffff;
font-size: 14px;
background: #ffffff;
border: 1px solid #6893be;
padding: 5px;
}
#alphaindex li.current a {
color: #6893be;
}
#alphaindex li.null {
color: #ccc;
background: none;
border: 1px solid #ffffff;
}
#alphaindex li.null a {
color: #ccc;
}
.terms { margin: 5px 15px 80px 5px; }
.term {
float: left;
margin: 5px 10px;
width: 200px;
font-size: 12px;
}
.term a { color: #000000; text-decoration: underline; }
.term a:hover { color: #6893be; text-decoration: underline; }
.termCap {/* main heading */
font: bold 3.0em/0.6em Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-bottom: 3px;
letter-spacing: 0.05em;
color: #6893be;
}
.backtotop { float: right; font-size:10px; margin-right: 35px; }
/*-------------------------------------
Support - Product Updates
---------------------------------------*/
#productUpdates {
width: 220px;
float: right;
padding-right: 15px;
border-left: 1px dotted #BBE0EB;
background-color: #f1f7fc;
}
#productUpdates p {
padding-left: 5px;
color: #666666;
}
#productUpdates h3 {
padding-left: 5px;
}
.field { padding-left: 5px; }
#leftcolProduct {
width: 70%;
}
#leftcolProduct .prdemo {
float: left;
width:200px;
margin:0 10px 0 0;
text-align: center;
height: 240px;
padding: 5px 0 10px 0;}
/*-------------------------------------
Footer
---------------------------------------*/
#footer {
background: #fff url(graphics/structure/footer_bottom.gif) bottom left no-repeat;
font-size: 10px;
margin-top: 16px;
}
#footer a:link, #footer a:hover, #footer a:visited, #footer a:active { color: #30455a; font-size: 10px; }
#footer #elements {
background: transparent url(graphics/structure/footer_top.gif) top left no-repeat;
}
#footer #elements:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#footer .one {
width: 182px;
}
#footer .two {
width: 180px;
}
#footer .three {
width: 185px;
}
#footer .four {
width: 215px;
}
#footer .five {
width: 650px;
margin-top: 15px;
}
#footer h4 {
font-size: 12px;
margin: 10px 0 3px 0;
height: 10px;
}
#footer .image {
float: left;
padding-right: 12px;
}
#footer ul#orderEE {
margin-left: 60px;
}
#footer li {
background: transparent url(images/footer_list_bullet.gif) 0 3px no-repeat;
padding: 0 0 4px 12px;
}
#footer .details {
min-height: 30px;
}
#footer .details b {
color: #5298de;
}
#footer ul#support li {
float: left;
}
#footer ul#support li.groupOne {
width: 100px;
}
#footer ul#support li.groupTwo {
}
#footer .item {
float: left;
padding: 0 20px 5px 20px;
}
#footer .item .details {
line-height: 15px;
}
/* order important here - #footer .last gets no border */
#footer .last {
background: transparent;
}
/*-------------------------------------
Copyright
---------------------------------------*/
#copyright {
color: #ffffff;
margin: 25px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: center;
}
#copyright a:link, #copyright a:hover, #copyright a:visited, #copyright a:active { color: #ffffff; font-size: 11px; }