/* CSS Theme Name: Cobalt - Windstar Technologies, Inc. Author: Mindfire Interactive (www.mindfire.com) AA910 Version: 1.0 Revision: 2009/08/25 Description: This theme is designed specifically for Minor & Brown. (www.minorbrown.com). */ /* Defaults =====================================================================*/ html {overflow-x: auto; height:100%;} /*-- fixes MSIE scrollbar bug, no effect in Mozilla, Opera --*/ body {background: #fff; border: 0; color: #666; font-family: arial, helvetica, verdana, sans-serif; font-size: 9pt; margin: 0; padding: 0; } a {margin:0; padding:0; background:transparent;} a:link, a:visited {color: #4d9ea4; text-decoration:underline;} a:hover, a:active {color: #069; text-decoration: none;} /* Library =====================================================================*/ .alt, .preload, .hide {display: none;} .debug {border: 1px dotted red; background-color: #f0ff00;} /*-- use for highlighting troublesome elements --*/ .strong {font-weight: 700;} .l {float: left;} .r {float: right;} .center {margin-left:auto; margin-right:auto; text-align:center;} .cb {clear: both;} .cr {clear: right;} .cl {clear: left;} .half {width: 48%;} .align-center {text-align: center;} .align-right {text-align: right;} .align-left {text-align: left;} .justify {text-align: justify;} .uppercase {text-transform:uppercase;} .hide {display: none;} .inline {display: inline;} .block {display: block;} .hidden {overflow:hidden;} .bold {font-weight: 700;} .italic {font-style: italic;} .underline {text-decoration:underline;} .caps {text-transform: uppercase;} .normal {font-weight: 300;} .noborder {border: 0 none;} .nomargin {margin: 0;} .nopadding {padding: 0 !important;} .border-left {border-left:1px #ccc solid;} .border-right {border-right:1px #ccc solid;} .clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .clearfix {display: inline-block;}html[xmlns] .clearfix { display: block;} * html .clearfix {height: 1%;} /* Custom Horizontal Rules =====================================================================*/ .hr-dotted {background: transparent url('../images/backgrounds/hr-dotted.gif') repeat-x 0 0; height: 2px; margin-bottom:14px;} .hr-dotted hr {display: none;} /* Borders (for Collapses as Necessary) =====================================================================*/ .tspace10 {border-top: 10px transparent solid;} .tspace20 {border-top: 20px transparent solid;} .tspace30 {border-top: 30px transparent solid;} /* Typography =====================================================================*/ h1, h2, h3, h4, p, li, ul, ol {margin: 0; padding: 0; border: 0;} h1, h2, h3, h4 {font-family: georgia, trebuchet ms, serif;} h1 {font-size: 1.8em; margin-bottom: .4em; font-weight:300;} h2 {font-size: 1.6em; margin-bottom: .3em; } h3 {font-size: 1.05em; margin-bottom: .2em; } h4 {font-size: 1.05em; margin-bottom: .1em; } p {font-size: 1.05em; margin-bottom: 1em; line-height:1.5em; font-weight:300;} ul {margin-left: 2em;} /*-- indents lists, removeable --*/ ol {margin-left: 2em;} /*-- indents lists, removeable --*/ li {margin-bottom: .3em; line-height: 1.5em; width:auto;} /*-- for ie disappearing-bullet fix --*/ .highlight-red {color:#c00 !important;} .highlight-black {color:#333 !important;} /* Other Defaults =====================================================================*/ img {display: block; padding: 0; margin: 0; border: 0;} a img {border:0;} table {position: relative; width: 100%; margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; text-align:left;} tr, td {vertical-align: top;} /* STRUCTURE ========================================================= Table of Contents: WRAPPER MARGIN HEADER --- homelink --- toplinks --- search --- nav GRID --- wide --- thin FOOTER =====================================================================*/ /* WRAPPER =====================================================================*/ #wrapper {background:#fff; margin: 1em auto; overflow: hidden; position: relative; text-align:center; width:970px;} /* MARGIN =====================================================================*/ #margin {width:950px; margin: 0 auto; position: relative; text-align: center; overflow:hidden;} /* HEADER =====================================================================*/ #header {background: #fff url('../images/logo-main.gif') no-repeat 0 0; height:110px; margin: 0 auto; position: relative; text-align: left; width:100%; z-index:8;} #header .homelink {} #header .homelink a {border:0; height:62px; position: absolute; width:282px;} #header .top {width:520px;} #header .top .toplinks {position: relative; color:#999; text-transform:uppercase; font-family: gill sans, arial,helvetica,verdana,sans-serif; font-size:1em;} #header .top .toplinks a:link, #header .top .toplinks a:visited {color:#999; text-decoration:none;} #header .top .toplinks a:hover, #header .top .toplinks a:active {color:#333; text-decoration:none} #header .top .toplinks span.login a:link, #header .top .toplinks span.login a:visited {color:#c00; text-decoration:none;} #header .top .toplinks span.login a:hover, #header .top .toplinks span.login a:active {color:#f00; text-decoration:none} #header .top .toplinks ul {list-style-type: none; margin: 2px 10px 0; } #header .top .toplinks ul li {display: inline; padding: 0 .2em;} /*-- NAV --*/ #nav {background: #fff url('../images/backgrounds/nav-dotted.gif') repeat 0 0; bottom:0; clear:both; font-family: gill sans, arial,helvetica,verdana,sans-serif; font-size:11px; margin: 0 auto 10px; position:absolute; text-align:center; text-transform: uppercase; width:100%;} #nav ul, #nav ul li {margin:0; padding:0; list-style-image:none; list-style-position: outside; list-style-type:none;} #nav ul li {border-bottom:#fff 1px solid; float:left; position: relative;} #nav ul li a {line-height:20px;} #nav ul li a:link, #nav ul li a:visited {color:#fff; text-decoration: none;} #nav ul li a:hover, #nav ul li a:active {color:#fff; text-decoration: none;} #nav a {background:#999; margin-right: 1px; display:block; height:23px; padding-top:4px; overflow: hidden; text-align:center; white-space:normal;} #nav a.first {margin-left:0;} #nav a.last {margin-right:0;} /*-- NAV DROPDOWN --*/ #nav li ul {border-top:1px #fff solid; position: absolute; width: 10em; left: -999em; } #nav li:hover ul { left: auto; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav li ul li a {height:auto !important; line-height:1.3em !important; text-align:left !important; padding-left:14px !important; padding-right:10px !important; padding-top:5px; padding-bottom:4px; width: 12em !important; white-space:wrap !important;} #nav li ul.last, #nav li.sfhover ul.last {right:0; width:156px !important;} #nav li ul.last li{float:right !important;} #nav li ul.last li a{margin-right:0;} /*-- Link Tab Widths (898px MAX TOTAL, may change with addition of new links, just take borders into account) --*/ #nav .navtab-0 a {width:92px;} #nav .navtab-1 a {width:110px;} #nav .navtab-2 a {width:62px;} #nav .navtab-3 a {width:80px;} #nav .navtab-4 a {width:74px;} #nav .navtab-5 a {width:182px;} #nav .navtab-6 a {width:166px;} #nav .navtab-7 a {width:72px;} #nav .navtab-8 a {width:103px;} /*-- Hover + Active Controls --*/ #nav a:hover, #nav a:active, #nav a.active {background-color: #41989e; background-position: 0 -27px; color:#fff;} /*- Shifts on Hover -*/ /* GRID =====================================================================*/ .grid {background-color:#fff; clear:both; display:block; margin: 0 auto; position: relative; text-align: left; width:100%;} .grid .dotted-right {background:url('../images/backgrounds/bg-dotted-right.gif') repeat-y right 0;} .grid .dotted-left {background:url('../images/backgrounds/bg-dotted-left.gif') repeat-y left 0;} .grid .full {width:100%; display:block; clear:both; text-align:left;} .grid .wide {width:494px; display:inline; text-align:left;} .grid .wide.col-02 {width:722px;} .grid .thin {width:228px; display:inline; text-align:left;} /*-- GRID: Homepage Buckets --*/ .grid .full.buckets {background:#fff url('../images/backgrounds/bg-buckets.gif') no-repeat 0 0;} .grid .full.buckets a:link, .grid .full.buckets a:visited {color:#800020;} .grid .full.buckets a:hover, .grid .full.buckets a:active {color:#CF0C0C;} /* GRID ELEMENTS & CONTENT =====================================================================*/ .grid .story {margin: 0 auto; padding: 1.2em 32px 1.2em 28px; text-align:left;} .grid .story h1, .grid .story h2, .grid .story h3, .grid .story h4 {color:#666;} .grid .story h1, .grid .story h2 {font-weight:300;} .grid .story h4 {font-size:1.2em; font-weight:300;} .grid .full.flashpiece .story {padding:0;} .grid .item {margin-left:auto; margin-right:auto; position:relative; text-align:left;} .grid .thin .item {margin-bottom:1em; margin-top:1em;} .grid .item.generic {padding:18px; width:190px;} .grid .item.generic h2 {margin-top:0; color:#006b6e; font-size:1.5em; font-weight:300; margin-bottom:10px;} .grid .item#banner {background:transparent; height:146px; width:100%;} .grid .item#banner .pagetitle {color:#fff; display:block; font-family: georgia, trebuchet ms, serif; font-size:26px; font-weight:300; position:absolute; left:0; top:50px; text-transform:uppercase; text-align:right; vertical-align:middle; width:684px;} .grid .item#sidenav {width:228px; margin:0;} .grid .item#sidenav ul.sidenav {list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 28px 0 0; padding-top:16px;} .grid .item#sidenav ul.sidenav li {font-family: georgia, trebuchet ms, serif; font-size:1.05em; margin-top:4px; padding-bottom:4px; text-align:right; width:100%;} .grid .item#sidenav ul.sidenav li a {} .grid .item#sidenav ul.sidenav li a:link, .grid .item#sidenav ul.sidenav li a:visited {color:#999; text-decoration:none;} .grid .item#sidenav ul.sidenav li a:hover, .grid .item#sidenav ul.sidenav li a:active, .grid .item#sidenav ul.sidenav li a.active {color:#900; text-decoration:none;} .grid .item#intro {width:318px; padding: 18px 20px;} .grid .item#transactions {width:234px; padding: 18px 26px;} .grid .item#tools {width:288px; padding: 18px 0 8px 18px;} .grid .item#tools img.tool {border:0; margin:0 0 6px 0; padding:0;} .grid .item#transactions-interior {color:#999; padding: 18px; width:190px;} .grid .item#transactions-interior h2 {color:#006b6e; font-size:1.5em; font-weight:300; margin-bottom:10px;} .grid .item#transactions-interior .title {color:#4d9ea4; display:block; font-size:1em; line-height:1.2em; margin-bottom:4px;} .grid .item#transactions-interior .detail {color:#999; font-size:.96em;} .grid .item#transactions-interior ul.dotted li {margin-bottom:6px; padding-bottom:6px;} .grid .item#transactions-interior a:link, .grid .item#transactions-interior a:visited {color:#4d9ea4; text-decoration:none;} .grid .item#transactions-interior a:hover, .grid .item#transactions-interior a:active, .grid .item#transactions-interior a.active {color:#069; text-decoration:none;} .grid .item#tools-interior {color:#999; padding: 18px; width:190px;} .grid .item#tools-interior h2 {color:#006b6e; font-size:1.5em; font-weight:300; margin-bottom:10px;} .grid .item#tools-interior .title {color:#4d9ea4; display:block; font-size:1em; line-height:1.2em; margin-bottom:4px;} .grid .item#tools-interior .detail {color:#999; display:block; font-size:.96em;} .grid .item#tools-interior ul.dotted li {margin-bottom:6px; padding-bottom:6px;} .grid .item#tools-interior a:link, .grid .item#tools-interior a:visited {color:#4d9ea4; text-decoration:none;} .grid .item#tools-interior a:hover, .grid .item#tools-interior a:active, .grid .item#tools-interior a.active {color:#069; text-decoration:none;} .grid .item#feature-book {padding: 18px; width:190px;} .grid .item#feature-book img.r {margin-left:10px;} .grid .item#feature-book h2 {color:#006b6e; font-size:1.3em; font-weight:300; text-transform:uppercase; margin-bottom:22px;} .grid .item#feature-book .detail {color:#999; display:block; font-size:.96em;} .grid .item#feature-nedmp3 {background: #fff url('../images/backgrounds/bg-radio.gif') no-repeat 168px 22px; border-left:1px #333 dotted; padding: 18px 18px 0 18px; width:188px;} .grid .item#feature-nedmp3 h2 {color:#006B6E; font-size:1.5em; font-weight:300; margin-bottom:10px;} .grid .item#feature-nedmp3 p {color:#666; font-size:.95em; line-height:1.3em;} .grid .item#feature-nedmp3 table {border-top:1px #ccc dotted;} .grid .item#feature-nedmp3 table td {padding-top:14px;} .grid .item#feature-nedmp3 table td h3 {color:#006B6E; font-size:1.2em; font-weight:300;} .grid .item#blog {background-color:#f5f0ec; border:1px #ceb3a0 solid; color:#999; padding: 18px; width:190px;} .grid .item#blog h2 {color:#000; font-size:1.4em; font-weight:300; margin-bottom:10px;} .grid .item#blog .title {color:#4d9ea4; display:block; font-size:1em; line-height:1.2em; margin-bottom:4px;} .grid .item#blog .detail {color:#666; font-size:.96em; line-height:1.2em; margin-left:92px; display:block;} .grid .item#blog img.profile {background-color:#fff; border:1px #ccc solid; margin-right:14px; margin-bottom:12px; padding:6px; } .grid .item#blog a.button div {background-color:#512b11; clear:both; color:#fff; display:block; font-size:13px; font-family: arial, verdana, sans-serif; margin-top:12px; text-align:center; padding: 8px 16px; text-decoration:none;} .grid .item#blog a:hover.button div {background-color:#7F0000; text-decoration:none;} .grid .item.theme-02#blog {background-color:#ecf1f5; border:1px #a0bbce solid;} .grid .item.theme-02#blog a.button div {background-color:#113751;} .grid .item.theme-02#blog a:hover.button div {background-color:#246592; text-decoration:none;} .grid .item.theme-03#blog {background-color:#ecf5ec; border:1px #a3cea0 solid;} .grid .item.theme-03#blog a.button div {background-color:#165111;} .grid .item.theme-03#blog a:hover.button div {background-color:#209117; text-decoration:none;} .grid .item#attorneys {color:#999; margin:0; padding: 18px 0 18px 18px; width:208px;} .grid .item#attorneys h2 {color:#006b6e; font-size:1.5em; font-weight:300; margin-bottom:10px;} .grid .item#attorneys p {margin-bottom:0;} .grid .item#attorneys .name {color:#4d9ea4; font-family:georgia,trebuchet ms,serif; font-size:1.1em; line-height:1em; margin-bottom:4px;} .grid .item#attorneys .detail {color:#999; font-size:.96em; margin-left:86px; display:block;} .grid .item#attorneys img.profile {border-right: #fff 10px solid; border-bottom: #fff 8px solid; margin:0;} .grid .item#attorneys ul.dotted li {margin-bottom:10px; padding-bottom:10px; clear:both; } .grid .item#attorneys a:link, .grid .item#attorneys a:visited {color:#999; text-decoration:underline;} .grid .item#attorneys a:hover, .grid .item#attorneys a:active {color:#666; text-decoration:none;} .grid .item#attorneys a:hover span.name, .grid .item#attorneys a:active span.name {color:#3BB8BF;} .grid ul.dotted {margin-left:0;} .grid ul.dotted li {background:url('../images/backgrounds/bg-dotted.gif') repeat-x 0 bottom; list-style-image:none; list-style-type:none; margin-bottom:8px; padding-bottom:8px;} .grid ul.dotted li.last {background:none !important; padding-bottom:0 !important; margin-bottom:0 !important;} .grid ul.dotted span.title {color:#800020; display:block; font-size:1.1em; font-family: georgia, trebuchet ms, serif;} .grid ul.dotted span.detail {display:block;} .grid img.divider {text-align:center; margin: 0 auto;} /* FOOTER =====================================================================*/ #footer {background-color:#fff; border-top: #999 10px solid; color:#999; font-family: verdana, arial, sans-serif; font-size:.8em; font-weight:300; margin: 38px auto 24px; overflow: hidden; padding: 10px; position:relative; text-align:left; vertical-align:middle; width:930px;} #footer .bbb {margin-left:8px; width:285px;} #footer .twitter {margin-left:52px; width:260px;} #footer .facebook {margin-left:52px; width:260px;} #footer .bbb, #footer .twitter, #footer .facebook {display:inline; margin-top:26px; overflow:hidden;} #footer a:link, #footer a:visited {color:#999; text-decoration:none;} #footer a:hover, #footer a:active, #footer a.active {color:#666; text-decoration:underline;} #footer p {margin:0;} #footer ul {border:0; list-style-image: none; text-align:right;} #footer ul li {display:inline; line-height:normal; padding: 0 2px;} /* Forms =====================================================================*/ #generic-form {} #generic-form form {width: 420px; text-align: left;} #generic-form fieldset {margin: 0; border: 0; padding: 0;} #generic-form legend {display: none;} #generic-form form h3 {clear: both; padding: 5px 0px 10px 0px;} #generic-form form label {display: block; width: 390px; font-size: 12px; line-height: 14px; padding: 0px 0px 12px 0px;} #generic-form form input {display: block; margin-top: 3px;} #generic-form form select {float: left; display: block;} #generic-form form span.required {color:#c00; font-size:11px; display:block;} #generic-form form label.field-default, #generic-form form label.field-first, #generic-form form label.field-address, #generic-form form label.field-city, #generic-form form label.field-email {clear: left;} #generic-form form label.field-default, #generic-form form label.field-first, #generic-form form label.field-last, #generic-form form label.field-city, #generic-form form label.field-email, #generic-form form label.field-phone {float: left; margin: 0px 10px 0px 0px; width: 190px;} #generic-form form label.field-default input, #generic-form form label.field-first input, #generic-form form label.field-last input, #generic-form form label.field-email input, #generic-form form label.field-city input, #generic-form form label.field-phone input {float: left; width: 190px; padding: 0px;} #generic-form form label.field-default input, #generic-form form label.field-first input, #generic-form form label.field-last input, #generic-form form label.field-address input, #generic-form form label.field-city input, #generic-form form label.field-email input, #generic-form form label.field-zip input, #generic-form form label.field-city input, #generic-form form label.field-phone input, #generic-form form label.field-describe textarea {border:1px #999 solid; padding:1px;} #generic-form form label.field-state {float: left; margin-right: 10px; width: 80px;} #generic-form form label.field-state select {width: 80px; float: left; margin-top: 3px;} #generic-form form label.field-zip {float: left; width: 100px;} #generic-form form label.field-zip input {float: left; width: 100px;} #generic-form form label.field-default-wide, #generic-form form label.field-address {float: none; width: 390px; margin: 0px 0px 0px 0px;} #generic-form form label.field-default-wide input, #generic-form form label.field-address input{float: none; width: 390px;} #generic-form form input#radiobutton-01, #generic-form form input#radiobutton-02, #generic-form form input#radiobutton-03, #generic-form form input#radiobutton-04, #generic-form form input#radiobutton-05, #generic-form form input#radiobutton-06 {clear: left; float: left; padding: 0px; margin: 0;} #generic-form form label.radioitem {clear: none; margin: 0px 0px 0px 25px; padding: 0px 0px 15px 0px;} #generic-form textarea {display: block;} #generic-form form input#checkbox-01, #generic-form form input#checkbox-02, #generic-form form input#checkbox-03, #generic-form form input#checkbox-04, #generic-form form input#checkbox-05, #generic-form form input#checkbox-06 {clear: both; float: left; padding: 0px; margin: 0px;} #generic-form form label.field-checkbox {clear: none; margin: 0px 0px 0px 25px; padding: 0px 0px 15px 0px;} #generic-form form textarea {margin-top: 3px;} /* ======================================================================================================================= THEMES - effective via BODY CLASS declaration of each page ||||||| =======================================================================================================================*/ /* 00: "default" - Use when no theme is desired ----------------- */ body.default {background-color:#fff;} /* 00: "devmode" - Useful for development ----------------- */ body.devmode #wrapper {background-color: darkslategray !important;} body.devmode #margin {background-color: lawngreen !important;} body.devmode #header {background-color: deeppink !important;} body.devmode .grid {background-color: dodgerblue !important;} body.devmode .grid .full {background-color: gold !important;} body.devmode .grid .wide {background-color: mediumpurple !important;} body.devmode .grid .thin {background-color: plum !important;} body.devmode .grid .item#sidenav {background-color:chocolate;} body.devmode .grid .item#intro {background-color:hotpink;} body.devmode .grid .item#transactions {background-color:coral;} body.devmode .grid .item#transactions-interior {background-color:lightyellow;} body.devmode .grid .item#tools {background-color:crimson;} body.devmode .grid .item#tools-interior {background-color:lightblue;} body.devmode .grid .item#feature-book {background-color:orangered;} object{ text-align: center; } embed {margin-left: auto; margin-right: auto; text-align:center;} span.error {color:#CC0000;} label.error {color:#CC0000; display:block;} span.inner_title {color:#800020; display:inline; font-size:1.1em; font-family: georgia, trebuchet ms, serif;} h2.trigger { padding: 0 0 0 50px; margin: 0 0 5px 0; background: url(../images/h2_trigger_a.gif) no-repeat; height: 35px; line-height: 35px; width: 380px; font-size: 1.5em; font-weight: normal; float: left; } h2.trigger a { color: #fff; text-decoration: none; } h2.trigger a:hover { color: #ccc; } h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/ .toggle_container { margin: 0 0 5px; padding: 0; border-top: 1px solid #d6d6d6; background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top; overflow: hidden; font-size: 1.2em; width: 380px; clear: both; } .toggle_container .block { padding: 20px; /*--Padding of Container--*/ background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/ }