
/* Layout and page elements */

    a { outline: none; }

    .clearfix:after {
        content: ".";
        height: 0;
        clear: both;
        display: block;
        visibility: hidden;
    }

    .clearfix { display: inline-block; }  /* for IE/Mac */
    
/* Outside container */
    
    #container {
        width: 960px;
        margin: 0 auto;
        text-align: left;
    }
    
    #container.narrow {
        width: 800px;
    }
    
/* Header: logo, utility crumb, utility search */
    
    #container #header a #logo {
        width: 300px;
        height: 79px;
        background: url(../images/header_logo.gif) no-repeat;
        float: left;
        clear: left;
    }
    
    #container #header #utility {
        float: right;
        clear: right;
    }
    
    #utility #crumb {
        font-size: 11px;
        line-height: 20px;
        margin: 10px 10px 0 0;
        text-align: right;
    }
    
    #utility #crumb #tryitout {
        width: 67px;
        height: 19px;
        background: url(../images/header_crumb_tryitout.gif) no-repeat;
        margin: 0 10px 0 0;
        float: left;
    }
    
    #utility #crumb a {
        text-decoration: none;
        color: #000;
        text-transform: uppercase;
    }
    
    #utility #crumb a:hover {
        text-decoration: underline;
    }
    
    #utility #search {
        float: right;
        margin: 12px 10px 0 0;
    }
    
    #utility #search #box {
        width: 151px;
        height: 25px;
        background: url(../images/header_search_box.gif) no-repeat;
        border: none;
        color: #666666;
        margin: 0;
        padding: 5px;
        float: left;
    }
    
    #utility #search #button {
        margin: 0;
        padding: 0;
        float: left;
    }
    
/* Pop-up container */

    #pop_container {
        text-align: left;
        margin: 10px 0 0 10px;
        background-color: #fff;
    }
    
    #pop_container #inner {
        margin: 0 20px 0 10px;
    }

/* Header: primary navigation */
    
    #container #header #nav {
        height: 53px;
        background: url(../images/header_nav_tile.gif) repeat-x;
    }
    
    #nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
    }
    
    #nav ul li {
        background: url(../images/header_nav_sep.gif) no-repeat;
    }
    
    #nav ul li.green {
        background: url(../images/header_nav_sep_green.gif) no-repeat;
    }

    #nav ul li.red {
        background: url(../images/header_nav_sep_red.gif) no-repeat;
    }

    #nav ul#left li {
        float: left;
        background-position: top right;
    }
    
    #nav ul#left,
    #nav ul#right li {
        float: left;
    }
    
    #nav ul#right {
        float: right;
    }
    
    #nav ul li a {
        display: block;
        height: 52px;
        text-decoration: none;
        margin: 0;
        padding: 0;
        border-bottom: solid 1px #0e5cab;
    }
    
    #nav ul li a:hover {
        background: url(../images/header_nav_tile_sel.gif) repeat-x;
        border-bottom: solid 1px #023569;
    }

    #nav ul li.green a {
        background: url(../images/header_nav_tile_green.gif) no-repeat 2px 0;
    }

    #nav ul li.green a:hover {
        background: url(../images/header_nav_tile_sel_green.gif) no-repeat 2px 0;
        border-bottom: solid 1px #115c11;
    }

    #nav ul li.red a {
        width: 100px;
        background: url(../images/header_nav_tile_red.gif) no-repeat 2px 0;
        text-align: center;
    }

    #nav ul li.red a:hover span {
        font-size: 18px;
    }
    
    #nav ul li a span {
        display: block;
        font-family: "Trebuchet MS", sans-serif;
        font-size: 13px;
        color: #fff;
    }
    
    #nav #left li a {
        float: left;
    }
    
    #nav #right li a {
        float: left;
    }
    
    #nav #left li a span#edge {
        top: 0;
        left: 0;
        position: absolute;
        width: 8px;
        height: 52px;
        background: url(../images/header_nav_left_cap.gif) no-repeat;
        float: left;
    }
    
    #nav #right li a span#edge {
        top: 0;
        right: 0;
        _right: -1px;
        position: absolute;
        width: 8px;
        height: 52px;
        background: url(../images/header_nav_right_cap.gif) no-repeat;
        float: right;
    }
    
    #nav #left li a:hover span#edge {
        background: url(../images/header_nav_left_cap_sel.gif) no-repeat;
    }
    
    #nav #right li a:hover span#edge {
        background: url(../images/header_nav_right_cap_sel.gif) no-repeat;
    }
    
    #nav ul li a span.lines {
        padding: 10px 15px;
        line-height: 16px;
    }
    
    #nav ul li a span.line {
        padding: 18px 15px;
        line-height: 16px;
    }

/* Header: line below primary navigation */

    #container #header #below {
        height: 6px;
        background: url(../images/header_below_nav_tile.gif) repeat-x;
        margin: 0 0 1px 0;
        clear: both;
        _font-size: 1px;
    }

    #container #neck {
        height: 4px;
        background: url(../images/body_neck_tile.gif) repeat-x;
        clear: both;
    }
        
    #container #body {
        background-color: #ffffff;
        padding: 5px 0 10px 10px;
        text-align: left;
    }
    
/* Footer */

    #container #footer #text {
        background: url(../images/footer_bg_tile.gif) repeat-y;
    }
    
    #container #footer #text div {
        background: url(../images/footer_bg.gif) no-repeat;
        color: #fff;
        text-align: center;
        padding: 30px 10px 10px 10px;
        word-spacing: 25px;
    }
    
    #footer #text div a {
        word-spacing: normal;
        color: #fff;
        text-decoration: none;
    }
    
    #footer #text div a:hover {
        text-decoration: underline;
    }
    
    #footer #text div span.small {
        display: block;
        word-spacing: normal;
        padding: 0 0 30px 0;
    }
    
    #container #footer #base {
        background: url(../images/footer_base.gif) no-repeat;
        height: 60px;
    }
    
/* General stuff */

    body {
        margin: 0;
        padding: 0;
        background: #cde2f5 url(../images/body_background.gif) repeat-x;
        text-align: center;
        font-family: Verdana, sans-serif;
        font-size: 11px;
    }
    
    body.nofade {
        background: #cde2f5;
    }
    
    body.white {
        background: #fff;
    }
    
    form {
        margin: 0;
        padding: 0;
    }
    
    a, .hyperlink {
        color: #1f7525;
    }
    
    a.section {
        text-decoration: none;
        font-size: 12px;
    }
    
    a.section:hover {
        text-decoration: underline;
    }
    
    img {
        border: none;
    }
    
    table {
        margin: 0;
        padding: 0;
        border-spacing: 0;
    }
    
    table td.spacer {
        font-size: 2px;
        margin: 0;
        padding: 0;
        height: 10px;
    }
    
    .hyperlink {
        font-weight: bold;
    }
    
    .small {
        font-size: 9px;
        line-height: 13px;
    }
    
    .invis {
        display: none;
    }
    
    .center {
        text-align: center;
    }
    
    .text.left {
        text-align: left;
    }
    
    .text.right {
        text-align: right;
    }
    
    .float.left {
        float: left;
    }
    
    .float.right {
        float: right;
    }
    
    .error {
        display: block;
        text-align: center;
        color: red;
    }
    
    .small {
        font-size: 10px;
    }
    
    .gray {
        color: #aaa;
    }
    
    .req {
        font-weight: bold;
        color: red;
    }
    
    .edit.help {
        color: #666;
        padding: 5px;
        text-align: right;
        float: right;
        width: 250px;
    }
    
    .header {
        margin: 0 0 5px 5px;
        font-size: 10px;
        color: #666;
    }
    
    .relative {
        position: relative;
    }
    
    .savestatus {
        margin: 2px;
    }

    .thumbpic {
        margin: 5px 10px 5px 5px;
        float: left;
    }
    
    .picturebox {
        margin: 5px 15px 5px 5px;
        text-align: center;
        width: 320px;
        height: 200px;
        overflow: hidden;
    }

    .picturebox.nopicture {
        background: url(../images/p_profile_view_nopicture.gif) no-repeat center;
    }

    .picturebox .inner {
        margin: 0 auto;
        text-align: center;
        border: solid 1px #ccc;
    }
    
    .testimonial {
        _display: none;
    }
    
    .testimonial.float.left {
        margin: 5px 15px 5px 0;
    }

    .testimonial.float.right {
        margin: 5px 0 5px 15px;
    }
    
    .testimonial.thumb.left {
        margin: 5px 5px 5px 0;
    }

    .testimonial.thumb.right {
        margin: 5px 0 5px 5px;
    }
    
    .testimonial img {
        border: solid 1px #ccc;
    }
    
/* Headers */

    h1, h2, h3, h4, h5, td.h4, table.messages tr th {
        font-family: "Trebuchet MS", sans-serif;
        font-weight: bold;
        margin: 0;
        padding: 5px 0;
    }
    
    h1.line,
    h2.line,
    h3.line {
        border-bottom: solid 5px #b9b9b9;
        margin-bottom: 10px;
    }
    
    h1 {
        font-size: 18px;
    }
    
    h2 {
        font-size: 17px;
        color: #023569;
    }
    
    h3 {
        font-size: 15px;
        color: #023569;
    }
    
    h4, td.h4 {
        font-size: 17px;
        color: #023569;
        background-color: #cde2f5;
        padding: 20px;
        text-transform: uppercase;
    }
    
    h4.short {
        padding: 7px 20px;
    }
    
    h5, table.messages tr th {
        font-size: 14px;
        color: #006aa2;
        background: url(../images/el_h5_tile.gif);
        position: relative;
        height: 33px;
        line-height: 33px;
        padding: 0 10px;
        margin: 0 10px 0 0;
    }
    
    table.messages tr th {
        line-height: 22px;
    }
    
    h5 span.left {
        top: 0;
        left: 0;
        position: absolute;
        float: left;
    }
    
    h5 span.left, table.messages tr th.lcap {
        width: 6px;
        height: 33px;
        background: url(../images/el_h5_left.gif) no-repeat;
        margin: 0;
        padding: 0;
        _top: -5px;
    }
    
    h5 span.right {
        top: 0;
        right: 0;
        position: absolute;
        float: right;
    }
    
    h5 span.right, table.messages tr th.rcap {
        width: 8px;
        height: 33px;
        background: url(../images/el_h5_right.gif) right 0 no-repeat;
        margin: 0;
        padding: 0;
        _top: -5px;
    }
    
    tr th.field {
        text-align: left;
    }
    
    tr th.field a {
        text-decoration: none;
    }
    
/* Box elements */

    .box, h4, .borderlessbox {
        margin: 0 10px 10px 0;
    }
    
    table.layout .box.end, 
    table.layout h4.end,
    table.layout h5.end {
        margin-right: 0;
    }
    
    .box {
        border: solid 1px #bdbcbd;
    }
    
    .box, p {
        font-size: 12px;
    }
    
    .indent1 {
        padding-left: 1.5em;
    }
    
    .indent2 {
        padding-left: 3em;
    }
    
    .indent3 {
        padding-left: 4.5em;
    }
    
    .indent4 {
        padding-left: 6em;
    }
    
    .box,
    .box.unpadded .padded {
        padding: 15px;        
    }
    
    .box.shaded {
        background-color: #ebebeb;
        background-image: url(../images/el_box_shaded.gif);
        background-repeat: repeat-x;
    }
    
    .box.narrowpadded {
        padding: 5px;
    }
    
    .box.unpadded {
        padding: 0;
    }
    
    .box p, ol, ul {
        line-height: 20px;
        margin: 0 0 5px 0;
    }
    
    ol, ul {
        padding: 0 0 0 20px;
    }
    
    .box p.smaller {
        font-size: 11px;
    }
    
    .box.overflow {
        margin: 0 -15px -15px -15px;
        border: none;
        border-top: solid 1px #bdbcbd;
    }
    
    .box.underflow {
        margin: -15px -15px 0 -15px;
        border: none;
        border-bottom: solid 1px #bdbcbd;
        _margin: 0;
        _border: solid 1px #bdbcbd;
    }
    
    .box.fill {
        background-color: #e8f2fa;
        border: none;
    }

    .box.notice {
        background-color: #cde2f5;
        padding: 5px;
        text-align: center;
    }
    
    .box.scrolling {
        height: 360px;
        overflow: auto;
    }
    
    .overflowauto {
        overflow: auto;
    }

/* Form table elements */

    table.formfields tr td {
        text-align: right;
        padding: 4px 6px 4px 6px;
        vertical-align: middle;
        font-size: 11px;
        line-height: 20px;
    }
    
    table.formfields tr.errorline.lower td {
        border-bottom: solid 1px #bdbcbd;
        border-left: solid 1px #bdbcbd;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    table.formfields tr.errorline.lower td.field {
        border-bottom: solid 1px #bdbcbd;
        border-left: none;
        border-right: solid 1px #bdbcbd;
    }
    
    table.formfields tr.errorline.upper td.errorline {
        text-align: left;
        font-weight: bold;
        color: #023569;
        background-color: #cde2f5;
        border: solid 1px #bdbcbd;
        margin-top: 10px;
        position: relative;
    }
    
    table.formfields tr.errorline.upper td.errorline span.star {
        color: red;
        font-size: 36px;
        line-height: 36px;
        position: absolute;
        margin: -15px -5px;
    }
    
    table.formfields tr.errorline.upper td.errorline span.text {
        display: block;
        margin: 0 0 0 20px;
    }
    
    table.formfields tr td.high {
        vertical-align: top;
    }
    
    table.formfields tr td.field {
        text-align: left;
    }
    
    .forminput {
        background: #fff url(../images/u_input_bk.gif) repeat-x;
        border: solid 1px #bdbcbd;
        border-left: solid 1px #bdbcbd;
        border-right: solid 1px #bdbcbd;
        padding: 4px;
        font-size: 11px;
    }
    
    .forminput,
    .formselect {
        margin: 2px 6px 2px 2px;
    }
    
/* Layout table */

    table.layout {
        margin: -5px 0px 0 -10px;
        padding: 0;
        border-spacing: 10px;
    }
    
    table.layout * {
        vertical-align: top;
    }
    
/* Display table */

    table.display {
        border: solid 1px #bdbcbd;
        font-size: 12px;
        width: 100%;
        border-spacing: 0;
    }

    table.display tr td {
        border-bottom: dashed 1px #ccc;
        padding: 10px 10px;
        text-align: right;
    }

    table.display tr td.field {
        text-align: left;
    }

    table.display tr.end td {
        border-bottom: none;
    }

    table.display tr.row1 {
        background-color: #f7f7f7;
    }
    
/* Dashboard user navigation */

    #usernav a {
        color: #000;
        text-decoration: none;
    }

    #usernav a div {
        font-family: "Trebuchet MS", sans-serif;
        font-size: 12px;
        margin: 0;
        padding: 7px 4px 7px 4px;
        background-color: #fff;
        border-bottom: solid 1px #dddddd;
    }
    
    #usernav a div img {
        margin: 0 5px 0 0;
    }

    #usernav a:hover div {
        background-color: #f1f1f1;
    }

    #usernav a div.selected {
        background-color: #cde2f5;
    }
    
    #usernav .subsection {
        margin: 2px 0 0 0;
    }

    #usernav .subsection a div {
        font-size: 11px;
        margin: 0 0 0 20px;
        padding: 3px 6px 3px 6px;
        font-weight: normal;
    }

    #usernav .subsection a:hover div {
        background-color: #f1f1f1;
    }

    #usernav .subsection a div.selected {
        background-color: #cde2f5;
    }

/* Progress bar */

    .progress {
        border: solid 1px #bdbcbd;
        height: 16px;
        text-align: left;
    }
    
    .progress .bar {
        background-color: #cde2f5;
        height: 16px;
        text-align: left;
    }
    
/* File upload box */

    .filebox {

    }

/* Messages */

    table.messages tr th, table.messages tr td {
        padding: 4px;
    }

    table.messages tr th, table.messages tr td.c1 {
        background-color: #eee;
    }

    table.messages tr th, table.messages tr td.c2 {
        background-color: #fff;
    }
    
    table.messages tr td.lcap, table.messages tr.foot th.lcap {
        border-left: solid 1px #bdbcbd;
    }
    
    table.messages tr td.rcap, table.messages tr.foot th.rcap {
        border-right: solid 1px #bdbcbd;
    }

    table.messages tr.foot th {
        background-color: #cde2f5;
        background-image: none;
        height: 5px;
        border-bottom: solid 1px #bdbcbd;
    }

    table.messages tr td a {
        font-weight: normal;
    }

    table.messages tr.unread td a {
        font-weight: bold;
    }

    .message.view.title, .message.view.data {
        margin: 4px;
        padding: 2px;
        line-height: 166%;
    }

    .message.view.title {
        font-size: 12px;
        font-family: "Trebuchet MS", sans-serif;
        width: 100px;
        float: left;
        clear: left;
        text-align: right;
        border-bottom: solid 1px #ddd;
    }

    .message.view.data {
        font-size: 11px;
        padding-top: 5px;
        float: left;
        _float: none;
    }
    
    .smallvis {
        float: right;
    }

/* Lists */
    
    ul.checks {
        list-style: none;
        line-height: 20px;
    }
    
    ul.checks li {
        margin-bottom: 1em;
        padding-left: 28px;
        background: url(../images/u_bullet_check.gif) 0 0.6em no-repeat;
    }

/* Page-specific styles */

/* Home */

    #home-head-intro {
        width: 654px;
        height: 208px;
        background: url(../images/home/cta-home_01.png);
        float: left;
    }
    
    #landerb-head-intro {
        width: 938px;
        height: 207px;
        background: url(../images/home/blast-home_01.png);
    }
    
    #landerb-head-intro.blaster {
        width: 940px;
        height: 204px;
        background: url(../images/home/cta-blaster/01.png);
    }

    #landerb-head-intro.rr {
        width: 940px;
        height: 204px;
        background: url(../images/home/cta-rr/01.png);
    }

    #landerb-head-intro.promote-both {
        width: 940px;
        height: 206px;
        background: url(../images/home/cta-promote-both/01.png);
    }
    
    #landerb-head-getstarted {
        width: 291px;
        height: 79px;
        background: url(../images/home/blast-home_02.png);
        float: left;
    }
    
    #landerb-head-getstarted.blaster {
        width: 253px;
        height: 84px;
        background: url(../images/home/cta-blaster/02.png);
        float: left;
    }
    
    #landerb-head-getstarted.rr {
        width: 253px;
        height: 84px;
        background: url(../images/home/cta-rr/02.png);
        float: left;
    }

    #landerb-head-getstarted.promote-both {
        width: 265px;
        height: 82px;
        background: url(../images/home/cta-promote-both/02.png);
        float: left;
    }
    
    #landerb-head-graphic2 {
        width: 647px;
        height: 79px;
        background: url(../images/home/blast-home_03.png);
        float: left;
    }

    #landerb-head-graphic2.blaster {
        width: 687px;
        height: 84px;
        background: url(../images/home/cta-blaster/03.png);
        float: left;
    }
    
    #landerb-head-graphic2.rr {
        width: 687px;
        height: 84px;
        background: url(../images/home/cta-rr/03.png);
        float: left;
    }

    #landerb-head-graphic2.promote-both {
        width: 675px;
        height: 82px;
        background: url(../images/home/cta-promote-both/03.png);
        float: left;
    }

    #home-head-graphic1 {
        width: 284px;
        height: 208px;
        background: url(../images/home/cta-home_02.jpg);
        float: left;
        clear: right;
    }
    
    #home-head-getstarted {
        width: 191px;
        height: 56px;
        background: url(../images/home/cta-home_03.gif);
        float: left;
    }

    #home-head-viewsample {
        width: 192px;
        height: 56px;
        background: url(../images/home/cta-home_04.gif);
        float: left;
    }

    #home-head-graphic2 {
        width: 555px;
        height: 56px;
        background: url(../images/home/cta-home_05.jpg);
        float: left;
        clear: right;
    }

    #home-head-edge {
        width: 938px;
        height: 22px;
        background: url(../images/home/cta-home_06.gif);
    }
    
    .home-left-column.unpadded {
        width: 457px;
        float: left;
        margin-right: 22px;
    }
    
    .home-right-column.unpadded {
        width: 457px;
        float: left;
        clear: right;
    }

    #home-3-steps {
        background: url(../images/home/home-3-steps.png);
        height: 63px;
        float: left;
    }

    #home-3-steps.blaster {
        background: url(../images/home/cta-blaster/blast-home-3-steps.png);
        border-top: none;
        border-left: none;
        height: 63px;
        float: left;
    }
    
    #home-featured-users {
        background: url(../images/home/featured-users.gif);
        height: 63px;
    }
    
    #home-featured-users.sample {
        background: url(../images/home/sample-profiles.gif);
        height: 63px;
        border-top: none;
        border-left: none;
    }
    
    #home-featured-users div {
        padding-left: 125px;
    }
    
    #home-featured-users div a.box {
        display: block;
        float: left;
        margin: 5px 14px;
        _margin: 5px 12px;
        padding: 5px;
        width: 40px;
        height: 40px;
        background-color: #fff;
    }
    
    #home-featured-users.sample div a.box {
        margin: 5px 29px;
        _margin: 5px 22px;
    }
    
    #home-featured-users div a.box img {
        display: block;
        border: solid 1px #cccccc;
        width: 38px;
        height: 38px;
    }
    
/* FAQ */

    dl.faq {
      margin:2em 0;
      }
    dl.faq dt {
      padding:20px;
      font-weight:bold;
      font-size:96%;
      background:url(../images/faq-dt-bg.png) no-repeat;
      }
    dl.faq dd {
      padding:20px;
      margin:1em 0;
      background:url(../images/faq-dd-bg.png) no-repeat;
      }
      
/* Blaster */

    .message.view.data span.heading {
        margin: 0 0 4px 0;
        padding: 0 0 4px 0;
        display: block;
        font-size: 12px;
        font-family: "Trebuchet MS", sans-serif;
        border-bottom: #DDDDDD 1px solid;
    }
    
    div.message.container {
        margin: 0;
        padding: 10px;
        background-color:#EEEEEE;
        border: solid 1px #bdbcbd;
    }
    
    div.message.container p {
        margin: 0;
        padding: 10px 0;
    }

    div.message.container div.body {
        margin: 10px 0;
        margin-left: 20px;
    }

    textarea.cc.forminput {
        margin: 0;
        width: 464px;
        height: 200px;
        font-family: Verdana, sans-serif;
        font-size: 12px;
        line-height: 18px;
    }
    
    div.message.container div.closing {
        margin-top: 10px;
    }
    div.message.container div.closing ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    div.message.container div.closing ul li {
        padding: 1px 0;
    }
    
    div.cc.info {
        margin: 0 0 15px 0;
        padding: 10px;
        width: 447px;
        border: #BDBCBD 1px solid;
    }
    
    div.cc.info.wide {
        width: 627px;
    }

    div.cc.container {
        margin: 0;
        margin-left: 478px;
    }
    
    div.cc.container.wide {
        margin-left: 658px;
    }
    
    div.cc.container ul {
        list-style: none;
    }
    
    div.cc.container ul li {
        padding: 3px 0;
        border-bottom: #DDDDDD 1px solid;
    }

    div.cc.popup {
        margin: 0;
        padding: 10px;
        background-color: #FEFEFE;
    }
    
    div.cc.title {
        margin: 0;
        padding: 5px 0;
        text-align: right;
        width: 125px;
        float: left;
    }
    
    div.cc.title.wide {
        width: 175px;
        margin: 5px 25px 5px 0;
    }
    
    div.cc.data {
        margin: 0 0 0 135px;
    }
    
    div.cc.data.wide {
        margin: 0 0 0 210px;
    }
    
    div.cc.data p {
        margin: 0;
        padding: 0 2px;
        color: #666666;
    }
    
    div.cc.data p.only {
        padding: 0;
        margin-top: 2px;
        color: #666666;
    }
    
    div.cc.left {
        float: left;
        text-align: left;
    }
    
    div.cc.right {
        margin-left: 150px;
        width: 160px;
        text-align: right;
    }

    span.cc.summary.left {
        width: 100px;
        display: block;
        float: left;
    }

    span.cc.summary.right {
        width: 80px;
        display: block;
        float: right;
        text-align: right;
    }

    div.cc.right input {
        margin-right: 0;
    }
    
    input.cc.forminput {
        width: 300px;
    }

    input.cc.forminput.zipcode {
        width: 60px;
    }

    input.cc.forminput.small {
        width: 30px;
    }
    
    select.cc.formselect {
        width: 310px;
        border: #BDBCBD 1px solid;
    }
    
    select.cc.formselect[disabled="yes"] {
        background-color: #F4F4F4;
        color: #666666;
    }

/* contacts importer */

    .box.importer ul.grey {
        padding: 10px;
        background-color: #eeeeee;
        border: #bdbcbd 1px solid;
    }

    .box.importer ul.grey li {
        margin-left: 10px;
    }
    
    .box.importer dl {

    }

    .box.importer dt {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .box.importer dd {
        margin: 0 10px;
        padding: 10px;
        margin-bottom: 10px;
        background-color: #eeeeee;
        border: #bdbcbd 1px solid;
    }
    
    select.formselect {
        padding: 3px;
        font-size: 11px;
        border: #BDBCBD 1px solid;
    }
    
    input.forminput[type="file"] {
        margin-top: 5px;
        padding: 3px;
    }
    
    ul.contacts {
        list-style-type: none;
    }

    ul.contacts li {
        padding: 2px 0;
        margin: 0 !important;
    }
    
    ul.contacts input[type="checkbox"] {
        position: relative;
        top: 3px; 
        margin-right: 5px;
    }

/*
 *
 * targeter 
 *
 ***************************************************************************************/

    div#wrapper {
        margin-right: 10px;
        background-color: #e8f2fa;
        background-image: url(../images/targeter/wrapper_bg.gif);
        background-repeat: repeat-x;
        background-position: top left;
        min-height: 600px;
    }

    div #targeter * { 
        margin: 0;
        padding: 0;
    }

    h4.targeter {
        margin-bottom: 0;
    }
    
    div#targeter {
       padding: 10px;
       margin-top: 10px;
    }
    
    div#targeter h3 {
        padding: 5px 0;
        margin: 0;
    }
    
    div#targeter h3 {
        color: #023569;
        padding-left: 10px;
        position: relative;
    }
    
    div#targeter h3 span#helpLink {
        right: 10px;
        font-size: 11px;
        position: absolute;
    }
    
    div#paramwait {
        width: 100%;
        height: 100px;
    }
    
    div#paramwait,
    div#targeter div#resultWait,
    div#targeter div.loading {
        background: url(../images/u_loader2.gif) no-repeat;
        background-position: center center;        
        text-align: center;
    }
    
    div#targeter div#main {
        float: left;
        width: 610px;
        margin-right: 10px;
    }
    
    div#targeter div#sideContainer {
        width: 300px;
        float: left;
        margin-bottom: 10px;
    }
    
    div#targeter div#side {
        width: 300px;
        position: fixed;
    }
    
    div#targeter div#side div#contactsBox,
    div#targeter div#main div#result div#resultError,
    div#targeter div#main div#result div#resultDisplay,
    div#targeter div#main div.panel,
    div.panel {
        /* height: 772px; */
        padding: 10px;
        background-color: #FFF;
        font-size: 12px;
    }
    
    div#targeter div#main div.panel table tr td {
        font-size: 12px;
    }
    
    div#targeter div#main div.panel,
    div.panel {
        margin: 0 10px 10px 0;
    }
    
    div#targeter div#main div#result div#resultError div#resultErrorMessage {
        margin-bottom: 15px;
    }

    div#targeter div#main div#search {
        width: 620px;
    }
    
    div#targeter div#main div#result {
        width: 610px;
        margin-bottom: 10px;
        padding: 0;
    }
    
    /* Background colors */
    div#contactsContainer,
    div#targeter table.formfields,
    div#targeter div.checkbox_list {
        /* background-color: #F4F4F4; */
        /*border-left: #cde2f5 1px solid;
        border-right: #cde2f5 1px solid;
        border-bottom: #cde2f5 1px solid;*/
        /* border-left: #bdbcbd 1px solid;
        border-right: #bdbcbd 1px solid;
        border-bottom: #bdbcbd 1px solid; */
        margin-bottom: 10px;
    }
        
/* Contacts */

    div#contactsContainer { min-height: 400px; }

    div#contactsContainer p {
        padding: 10px;
    }
    
    span#contactCount, 
    span#contactCountRemaining {
        font-weight: bold;
    }
 
/* Contacts list */
    
    ul#contactList {
        margin: 0;
        /*padding: 5px 0 0 5px;*/
        list-style: none;
        height: 400px;
        overflow: auto;
    }
    
    ul#contactList li {
        cursor: pointer;
        font-size: 11px;
        border-top: solid 1px #bdbcbd;
        margin-bottom: 5px;
        padding: 1px 5px;
    }
    
    ul#contactList li span {
        display: block;
    }
    
    ul#contactList li span.company {
        font-weight: bold;
    }
        
    ul#contactList li span.divi {
        display: none;
    }
    
    ul#contactList li span.title {
        font-style: italic;
    }

    ul#contactList li a {
        float: right;
        display: block;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }    

    ul#contactList li a:hover {
        color: #000;
        text-decoration: underline;
    }
    
    div#targeterContinue {
        text-align: center;
    }
    
/* Results */

    div#targeter div#main div#result div#resultWait {
        color: #999;
        /* height: 490px; */
        line-height: 150px;
        height: 350px;
    }
    
    div#targeter div#main div#result div#resultDisplay {
        /* height: 490px; */
        overflow: auto;
        background-color: #FFF;
    }
    
    div#resultDisplay ul#results {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    div#resultDisplay ul#results li {
        height: 60px;
        padding: 10px;
        border-bottom: #ccc 1px dashed;
    }
    
    div#resultDisplay ul#results li.bottom {
        border-bottom: none;
    }
    
    div#resultDisplay ul#results li a {
        width: 50px;
        float: right;
        display: block;
        padding: 20px 0;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }
    
    div#resultDisplay ul#results li a:hover {
        color: #000;
        text-decoration: underline;
    }
    
    div#resultDisplay ul#results li span { display: block; }
    div#resultDisplay ul#results li span.company { font-weight: bold; }
    div#resultDisplay ul#results li span.title { font-style: italic; }
    
    div#targeterSubmit p { margin-bottom: 10px; }

/* Help section */

    div#targeter div#help {
        padding: 10px;
        margin-bottom: 10px;
        background-color: #FFF;
    }

    div#targeter div#helpPanel {
        margin-top: 5px;
        margin-right: 10px;
    }
    
    div#targeter div#help div#content {
        height: 110px;
        overflow: hidden;
        position: relative;
    }
    
    div#targeter div#help div#content p {
        padding: 0 10px;
    }
    
    div#targeter div#help div#content div {
        position: absolute;
        top: 0;
        left: 0;
    }
    
    div#targeter div#help div#hideHelpLink {
        height: 20px;
        padding: 10px;
        color: #666;
    }
    
/* Form tables */
    
    div#targeter a.click {
        cursor: pointer;
        text-decoration: underline;
    } 
    div#targeter a.click:hover { color: #000; }
    
    div#targeter table.formfields {
        width: 100%;
        padding: 10px;
    }
    
    div#targeter table.formfields input,
    div#targeter table.formfields select,
    div#targeter table.formfields textarea {
        padding: 4px;
        margin-left: 5px;
    }
    
    div#targeter table.formfields select { padding: 3px; }
    
    div#targeter table.formfields tr td {
        text-align: right;
        padding: 4px 6px 4px 6px;
        vertical-align: middle;
        font-size: 11px;
        line-height: 20px;
    }
    
    div#targeter table.formfields tr td.field {
        text-align: left;
    }
    
    div#targeter .forminput {
        background: #fff url(../images/u_input_bk.gif) repeat-x;
        border: solid 1px #bdbcbd;
        border-left: solid 1px #bdbcbd;
        border-right: solid 1px #bdbcbd;
        padding: 4px;
        font-size: 11px;
    }
    
    div#targeter .forminput,
    div#targeter .formselect {
        margin: 2px 6px 2px 2px;
    }
    
    div#targeter tr.target_tr { height: 30px; }
    div#targeter td.target_title { width: 125px; }
    div#targeter td.target_info { width: 400px; }
    
   div#targeter span.bigspan {
        float: left;
        display: block;
        font-size: x-large;
        font-weight: bold;
        padding: 2px 4px;
        cursor: pointer;
        color: #1f7525;
    }
    
    div#targeter td.zip_codes.target_title { width: 50px; }
    div#targeter td.zip_codes.target_info { width: 215px; }
    
    div#targeter td.area_codes.target_title { width: 75px; }
    div#targeter td.area_codes.target_info { width: 115px; }

    div#targeter td.target_info div.plus_minus { width: 50px; }
    
    div#targeter p.info {
        color: #666;
        margin-left: 5px;
    }
    
    div#targeter table.formfields tr,
    div#targeter table.formfields tr td { vertical-align: top; }
    
    div#targeter div.checkbox_list {
        height: 100px;
        width: 260px;
        padding: 10px;
        overflow: auto;
        /*border-top: #bdbcbd 1px solid;*/
    }
    
    div#targeter div.checkbox_list ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    div#targeter div.checkbox_list li { padding: 1px; height: 20px; }
    
    div#targeter div.checkbox_list li input {
        top: 3px;
        position: relative;
        margin-right: 5px;
    }
    
    div#targeter div.departments.checkbox_list ul li {
        float: left;
        width: 120px;
    }
    
    div#targeter div.metros.checkbox_list {
        width: 578px;
        height: 250px;
        overflow: hidden;
        padding: 5px;
        margin-left: 5px;
    }
    
    div#targeter div.metros.checkbox_list ul li {
        float: left;
        width: 185px;
    }
    
    div#targeter div#main div.tab_content p.info {
        color: #666;
        padding: 0 10px;
    }
    
    div#targeterContinue {
        margin-top: 10px;
        padding: 15px;
        background-color: #fff;
        font-size: 12px;
    }
    
    div#targeterContinue input {
        margin-bottom: 5px;
    }
    
    div#targeter div#targeterSubmit.rounded {
        width: 590px;
        padding: 10px;
        text-align: center;
        background-color: #FFF;
        margin-bottom: 10px;
    }
    
    div.panelnote,
    div#hideHelpLink.rounded,
    p#contactsRemaining.rounded,
    div#targeter div#targeterSearch,
    div#targeter div.rounded.targeterSearchAgain {
        padding: 10px;
        text-align: center;
        background-color: #EEE;
    }
    
    div#targeter div.visible.panel { display: block; }
    div#targeter div.invisible.panel { display: none; }

