body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym { border:0;} h1 {font-size:1.5em; font-weight:normal; padding:0 0 6px 0; margin:0 0 12px 0; border-bottom:1px solid #e5e5e5; font-family: 'trebuchet MS', 'lucida grande', 'lucida sans unicode', verdana, arial, sans-serif; font-weight:normal;} h1 a{color:#000;} h2 {font-size:1.25em; margin:0 0 10px 0;} h2.search-title {font-size:1.5em; font-weight:normal; padding:0 0 6px 0; margin:0 0 12px 0; border-bottom:1px solid #e5e5e5; font-family: 'trebuchet MS', 'lucida grande', 'lucida sans unicode', verdana, arial, sans-serif; font-weight:normal;} h3 {font-size:1.125em; margin:0 0 10px 0;} h4, h5, h6 {font-size:0.875em; margin:0 0 10px 0;} p {font-size:0.75em; line-height:1.75em; margin-bottom:15px;} .box-content ul, .box-content ol {margin: 0 0 20px 35px; font-size:0.75em; line-height:1.75em;} .box-content h2, .box-content h3, .box-content h4 {clear:left;} strong {font-weight:900;} i, em {font-style:italic;} a{outline: none;} a:link, a:visited, a:active{text-decoration:none; color:#135971;} a:focus, a:hover {text-decoration:underline;} table {margin-bottom:10px;} td, th {font-size:0.75em; line-height:1.75em; padding:3px; border:1px solid #ccc; border-collapse:collapse;} th {font-weight:bold;} /* ################################## BASIC LAYOUT ################################## */ #page { width: 954px; margin: 0 auto;} #content { margin-top:10px; overflow:hidden;} #content-left {float: right; width: 760px; padding:0; margin:0; } #content-right {float: left; width: 182px;} .module {width:740px; overflow:hidden; margin: 0 0 10px 0;} /* ################################## HEADER ################################## */ /* ################################## CONTENT ################################## */ /* Homepage intro graphic */ #home-intro{margin:0px 0 12px 0; width:954px; height:380px; position:relative;} #home-intro .message1{position:absolute; top:215px; left:45px; width:370px;} #home-intro .message2{position:absolute; top:235px; left:45px; width:420px;} #home-intro .message5{position:absolute; top:75px; left:23px; width:260px; } #home-intro .message4{position:absolute; top:100px; left:23px; width:390px; } #home-intro .message3{position:absolute; top:120px; left:27px; width:250px; } #home-intro .message1 p, #home-intro .message2 p{margin-bottom:20px; text-align:justify; line-height:1.4em;} #home-intro .message3 p, #home-intro .message4 p, #home-intro .message5 p{margin-bottom:20px; text-align:left; line-height:1.4em;} #althome-intro{margin:0 0 12px 0; background:url(althome-.jpg) no-repeat; width:954px; } #althome-intro object{margin-left:190px;} #page-intro{overflow:hidden; height: 1%; width:760px; clear:both;} /* box left */ .box-left { margin: 0 0 0 0; overflow:hidden;} .box-left p{text-align:justify;} /* Meta */ .meta {clear:both; margin:0 0 10px 0; padding:0; color: #5e5e5e; font-size:0.688em; overflow:hidden;} .meta-date, .meta-categories, .meta-comments{padding: 0 10px 10px 15px; height:1%; overflow:hidden; font-family:'lucida grande', 'lucida sans unicode', Arial, Helvetica, sans-serif; } .meta-date {background: url(bg-meta1.gif) no-repeat 0px 2px;} .meta-categories {background: url(bg-meta2.gif) no-repeat 0px 2px; } .meta-comments {background: url(bg-meta2.gif) no-repeat 0px 2px;} #post-info{font-size:0.688em; margin-bottom:10px;} /*Sociable*/ .sociable{padding:0; display:block; height:12px;} .sociable_tagline{float:left; padding:0 5px 0 0; color: #5e5e5e; font-family:'lucida grande', 'lucida sans unicode', Arial, Helvetica, sans-serif;} .sociable ul{float:left; margin:0; padding:0;} .sociable ul li{float:left; display:inline; margin:0 6px 0 0;} .sociable-hovers {opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40);} .sociable-hovers:hover {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);} #call-line{font-size:1em; clear:both; margin:0; border-top: solid 1px #e5e5e5; padding:8px 0 0 0; color: #5e5e5e;} p.tags {clear: both; border-top: dotted 1px #ccc; padding-top:8px;} .moretext {font-variant: small-caps;} .box-full{background: url(full-top.gif) no-repeat; overflow:hidden; height: 1%; width:760px; clear:both; margin:0 0 10px 0;} .box-content{padding:0px 12px 0 12px;} .box-full img.base{vertical-align:bottom;} .fleft{float:left;} .fright{float:right;} .logos {background: url(a-logos-.gif) repeat-y; overflow:hidden; margin:0; clear:both; padding:0; height:1%;} .logos h2 {height:31px; padding:5px 0 0 8px; margin:0; background: url(a-logos-.gif) no-repeat; color:#666;} .logos img.base{vertical-align:bottom; } .logos ul{list-style-type:none; margin:0; padding:0; float:left; clear:left; border-top:#fff 1px solid; width:736px; background: url(a-logos-.gif) no-repeat;} .logos ul li{width:165px; float:left; padding:10px 9px 10px 10px; display:inline; margin:0; border-bottom:#fff 1px solid; } .logos ul li.row-start {clear:left;} .logos p {height:1px; padding:0; margin:0;} /* ################################## FORMS ################################## */ .error { color: #b20303 !important; } input.error, select.error { border-color: #ab0000 !important; background-color: #ffd9d9 !important; } form.salesforce div.fieldset { background: #fff url(sf-bg-fj.png) no-repeat top left; margin-bottom: 10px; padding: 15px 45px 5px 20px; width: 295px; float: left; } form.salesforce div#upload {background: #fff url(sf-bg-fk.png) no-repeat top left;} form.salesforce h3 { font-size: 1em; color: #242424; font-family: 'trebuchet MS','lucida grande','lucida sans unicode',verdana,arial,sans-serif; } form.salesforce input.button { font-size: 12px; padding: 6px 0px 8px 0px; display: block; clear: both; width: 265px; color: #000; cursor: pointer; border: 0; background: #fff url(sf-btn-t.gif) no-repeat; } form.salesforce input.subscribe { margin-bottom: 5px; } input#optout { background: #fff url(sf-btn-n.gif) no-repeat; } form h6 { clear: both; font-size: 0.75em; padding-top: 10px; text-align: right; padding-right: 5px; } form.salesforce label { font-weight: bold; font-size: .75em; font-family: 'trebuchet MS','lucida grande','lucida sans unicode',verdana,arial,sans-serif; } div.details { margin-right: 15px !important; } div.details label{ width: 90px; float: left; clear: left; text-align: right; font-size: .75em; font-weight: bold; margin: 13px 10px 0 0; } div.details input, div.details select, #subscription_address { float: left; width: 185px; margin-top: 10px; font-family: 'lucida grande', 'lucida sans unicode', Arial, Helvetica, sans-serif; color: #424141; padding: 3px; background-color: #fff; border: 1px solid #ababab; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } input.readonly { background-color: #f2f2f2 !important; color: #5A5A5A !important; cursor: default; } div.subscriptions .sel { margin: 10px 0px 4px 0px; } div.subscriptions input { vertical-align: middle; } div.subscriptions p { font-size:0.69em; line-height: 1.4em; margin-bottom: 10px; } form#subs_only div.details { display: none; } form#subs_only input.button { margin-left: 50px; } #call_me input.subscribe { margin-left: 55px; margin-bottom: 20px; } #subscription_address { margin: 0px 10px 0px 0px; width: 300px; padding: 6px 4px 7px 4px; } #lookup-btn { display: inline; clear: none; } #article62form input.button { margin-left: 440px; } #upload { padding-bottom: 20px; width: 340px; } #upload input#file {float:left; display:inline; margin:0px;} #upload h6 { padding-top:5px; text-align: left; } #upload input.button {margin-top: 10px; float: right; clear: none;} /* ################################## COMMENTS ################################## */ .holder{width:368px; float:left; display:inline;} #commentform label {display:block; margin: 0 0 5px 0; font-size:0.75em;} #commentform input.text, #commentform textarea {width: 330px; margin: 0 0 10px 0; font-size:0.688em; font-family: 'lucida grande', 'lucida sans unicode', verdana, arial, sans-serif;} #commentform .text {padding: 3px; background: #fff url(bg-form0.gif) repeat-x left top;border: 1px solid #dadada; color: #5e5e5e;} #commentform textarea {padding:3px; background: #fff url(bg-form0.gif) repeat-x left top; border: 1px solid #dadada; color: #5e5e5e; } #commentform .button {width: auto; height:25px; margin: 0px; padding: 0 10px; background: #4a4f54; border: none; color: #fff;} #comments{margin:20px 0 0 0; padding:10px 0; font-size:0.875em;} .commentlist, .commentlist li {margin: 0px !important; padding: 0px; list-style: none;} .commentlist li {margin:0; padding: 0px; color: #333; height:1%; clear:left;} .commentlist li div.quote { background: url(comment-.gif) repeat-x 0 6px; margin-left:85px; } .c_date {margin-right:10px; float:right; background:#fff; display:inline; color:#999999; padding: 4px; font-size:9px; line-height:1.2em;} .avatar { float: left; margin: 0 20px 10px 0;} .details {float:left; width: 64px;} .details .count {background: url(comment-.gif) no-repeat 0 6px; margin-bottom:13px; height:18px;} .details .count p { margin:0 0 0 20px; float:left; text-align:left; background:#fff; display:inline; color:#999999; padding:4px; font-size:9px; vertical-align: middle; line-height:1.2em;} .details p.name {text-align: center; font-size:9px; line-height:1.2em;} .comment_body {padding-top:27px; } .comment_body p {font-size:10px;} h2#respond { border-top:1px #ddd solid; padding-top:25px; font-size:0.875em;} .comment-edit-link {font-size:0.813em;} /* ################################## SEARCHFORM ################################## */ .formholder{padding:20px;} #searchform {margin:20px;} #searchform #search {float: left;width: 146px;height: 22px;padding: 6px 6px 0 6px;background: #fff url(bg-form0.gif) repeat-x left top;border: 1px solid #dadada;color: #5e5e5e;} #searchform .button {width: auto;height: 30px;margin: 0px;padding: 0 10px;background: #4a4f54;border: none;color: #fff;} gin:0; padding:0; overflow:hidden;} /*Contact*/ .contact-left {width:200px; float:left;} /*Actions*/ #actions {margin:8px 0 15px 0; overflow:hidden; height: 30px; list-style-type:none;} #actions li {float: left; font-size:0.75em; height: 30px;} #actions a {color:#666; text-decoration:none; line-height:30px; height:30px; width: 100%; text-indent:35px; display:block;} #actions .acttit {width:75px; height:23px; background:url(a-next-x.jpg) no-repeat; padding:7px 0 0 10px;} #actions .act1 a {background: url(a-next-y.jpg) no-repeat top; width:181px;} #actions .act2 a {background: url(a-next-z.jpg) no-repeat top; width:202px;} #actions .act3 a {background: url(a-next00.jpg) no-repeat top; width:133px;} #actions .act4 a {background: url(a-next01.jpg) no-repeat top; width:159px;} #actions a:focus, #actions a:hover, #actions a.active {background-position: bottom !important;} /* Sidebar Quote */ #side-quote {margin:0 0 20px 0;background: url(a-sideqw.gif) no-repeat bottom;} #side-quote blockquote {padding:0; margin:0; border-left:none; } #side-quote blockquote p{font-size:0.675em; color:#666; display:block; margin:0; padding:25px 10px 5px 10px; background:none;background: url(a-sideqx.gif) no-repeat;} #side-quote cite{ margin:0; font-size:0.675em; color:#666; line-height:1.5em; display:block; padding:5px 10px 30px 10px; font-weight:normal;} /* ################################## CMS v2 Additional Code ################################## */ #services,#solutions{background: url(a-servie.gif) no-repeat; margin-bottom:10px;} #side-contact {margin-bottom:10px;} #side-contact h4 a:link, #side-contact h4 a:visited, #side-contact h4 a:active{padding:6px 3px 0 13px; height:25px; background:url(a-side-d.gif) top no-repeat; display:block;} #side-contact h4 a:hover, #side-contact h4 a:focus {background:url(a-side-d.gif) bottom; text-decoration:none;color:#fff;} #services a:focus, #solutions a:focus, #services a:hover,#solutions a:hover{border-bottom: dotted 1px #666; text-decoration:none;} #services h4,#solutions h4{background: #fff; padding:0 3px; margin:0 0 0 10px; display:inline; } #services ul, #solutions ul {background: url(a-servif.gif) bottom no-repeat; list-style-type:none; padding:4px 0 8px 10px;} #services ul li, #solutions ul li{padding:1px 0; font-size:0.75em; color:#666666;} /* pagemenu */ #pagemenu {margin-bottom: 12px; position: relative;} #pagemenu img {position: absolute; bottom: 0;} #pagemenu h2{font-size:0.813em; height: 29px; line-height: 29px; background: url(a-pagemi.gif) no-repeat; padding-left: 6px; margin-bottom: 2px;} #pagemenu h2 a{color:#fff;} #pagemenu ul {list-style: none;} #pagemenu ul li a{font-size:0.688em; display:block; width:174px; margin:1px 0 0 0; padding:4px 2px 6px 6px; color:#666; text-decoration:none; background: #e3e4e4 url(a-pagemj.gif) no-repeat;} #pagemenu ul a:focus, #pagemenu ul a:hover, #pagemenu .current_page_item a, #pagemenu .current_page_ancestor a {background:#185d75 url(a-pagemk.gif) no-repeat; color:#fff;} /* Thumb index */ #box-items{background: url(a-index3.gif) repeat-y; margin-bottom:10px;} #box-items .head {height:36px; background: url(a-index4.gif) no-repeat; border-bottom:1px solid #fff;} #box-items .head h2{padding:5px 0 0 12px; margin:0; float:left; color:#666;} #box-items .rss_title {float:right; display:inline; padding:6px 6px 0 0;} #box-items .rss_title span {font-size:0.625em; padding:10px 5px 0 0; width:300px; display:block; float:left; display:inline; text-align:right;} #box-items img.base{vertical-align:bottom;} #box-items ul{list-style-type:none; margin:0; padding:0; float:left; clear:left; border-bottom:1px solid #fff; width:760px; background: url(a-index5.gif) no-repeat;} #box-items li{width:166px; float:left; padding:12px 12px 0 12px; display:inline; margin:0; } #box-items a.post_thumb { display: block; overflow: hidden; width: 165px; height: 124px; position: relative; margin-bottom: 10px; } #box-items img.cat_thumb { position: absolute; bottom: 5px; left: 5px; } #box-items h4{ font-size:0.688em; height:26px; margin: 0 0 10px 0; font-family:'lucida grande', 'lucida sans unicode', verdana, arial, sans-serif; } #box-items h4 a { background: transparent url(box-btn1.gif) no-repeat top; color:#fff; padding: 0px 12px; text-decoration:none; display: block; height: 26px; line-height: 25px; text-align: center; overflow: hidden; } #box-items h4 a:focus, #box-items h4 a:hover { background-position: 0px -26px; text-decoration: none; color:#fff;} #box-items ul p{font-size:0.688em; clear:left; text-align:left; margin:0 0 10px 0; line-height:1.4em; } #box-items-base {clear:both; width:760px; height:26px; background: url(a-index6.gif) no-repeat; position:relative;} #box-items-base a.newer_posts {font-size:0.75em; margin:5px 5px 8px 5px; position:absolute; top:0px; left:5px;} #box-items-base a.older_posts {font-size:0.75em; margin:5px 5px 8px 5px; position:absolute; top:0px; right:5px;} #box-items-base a:focus.newer_posts, #box-items-base a:hover.newer_posts, #box-items-base a:focus.older_posts, #box-items-base a:hover.older_posts {border-bottom:1px dotted #135971; text-decoration:none;} #box-items-base img.base{vertical-align:bottom;} #box-items-base .navigation {font-size:0.75em; border-top:1px solid #ddd; padding-top:5px;} #box-items-base .pagination {position:absolute; height: 26px; line-height: 26px; left:100px; width:560px; text-align:center; font-size:0.75em;} #box-items-base .pagination a { padding:0 3px 1px 3px;} #box-items-base .pagination a:focus, #box-items-base .pagination a:hover {border-bottom:1px dotted #135971; text-decoration:none;} #box-items-base .pagination a.current {font-weight:bold; border:#135971 1px solid; background:#fff;} /* Contact Page Address Columns*/ #addresses {list-style:none; margin:0!important; width:746px;} #addresses li{width:215px; height:178px; margin-right:13px; padding:0 10px 10px 10px; background:url(a-addres.gif) no-repeat; float:left; display:inline;} #addresses span {font-size:1.25em; margin:0 0 10px -3px; background:#fff; padding:0 3px;} /********************************* About m62 *********************************/