@CHARSET "UTF-8";


.legacytable {
    width: 815px;
}

.legacybox th, .legacybox td  {
    padding: 0;
}

.minimaltable {
    margin: 0;
    border-collapse: collapse;
    border: none;
}

.minimaltable tr, .minimaltable td {
    padding: 0;
    border: none;
}

.simpleborder {
    margin: 0;
    border-collapse: collapse;
}

.simpleborder th, .simpleborder td {
    padding: 3px 5px;
    border: 1px solid #000;
}

.flushtable {
    margin: 0;
    border-collapse: collapse;
    border: none;
}

.flushtable tr, .flushtable td {
    padding: 0 0.5em 0.5em 0;
    border: none;
}

.imageflow {
    width: 600px;
    text-align: left;
    margin: auto;
}

.imageflow a img {
    border: 0px;
    margin: 10px;
}

.sws {
    margin: 5px 0;
}

.mws {
    margin: 10px 0;
}

.lws {
    margin: 15px 0;
}

input[type="radio"] {
    margin:3px 3px 0 5px;
}
input[type="checkbox"] {
    margin:3px 3px 3px 4px;
}

a.small,a.small:link,a.small:visited {
    font-size: 10px;
}

a.small:hover {
    font-size: 10px;
    text-decoration: underline;
}

a.whitelink,a.whitelink,a.whitelink {
    font-weight: normal;
    color: #FFFFFF;
}

a.whitelink:hover {
    color: #000000;
    font-weight: normal;
    text-decoration: underline;
}

a.orange,a.orange,a.orange {
    font-weight: bold;
    color: #FF6300;
}

a.orange:hover {
    color: #3399CC;
    font-weight: bold;
    text-decoration: underline;
}

a.mini,a.mini:link,a.mini:visited {
    color: #000000;
    font-size: 9px;
}

a.mini:hover {
    color: #3399CC;
    font-size: 9px;
    text-decoration: underline;
}

.error {
    color: #FF0000;
}

.text {
    color: #000000;
}

.textsmall {
    font-size: 10px;
    color: #000000;
}

.calendar {
    color: #FFFFFF;
}

.contentbold {
    font-weight: bold;
}

.contentbold2 {
    color: #666699;
    font-weight: bold;
}

.subheadingbold {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

.subheadingbold2 {
    font-size: 14px;
    color: #666699;
    font-weight: bold;
}

.header {
    font-size: 24px/ 28px;
    color: #666699;
}

.header2 {
    font-size: 16px;
    color: #666699;
}

.sub {
    font-size: 16px/ 24px;
    color: #666699;
    font-weight: bold;
}

.whiteheading {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
}

.borderTBLR {
    border-top: 1px solid Black;
    border-bottom: 1px solid Black;
    border-left: 1px solid Black;
    border-right: 1px solid Black;
}

.borderTBR {
    border-top: 1px solid Black;
    border-bottom: 1px solid Black;
    border-right: 1px solid Black;
}

.borderBLR {
    border-bottom: 1px solid Black;
    border-left: 1px solid Black;
    border-right: 1px solid Black;
}

.borderBR {
    border-bottom: 1px solid Black;
    border-right: 1px solid Black;
}

.noPrint {
    display: block;
}

.printOnly {
    display: none;
}

h3.hideheading {
    cursor: hand;
    c\ursor: pointer;
    background-image: url(../../images/icon-minus.gif);
    background-repeat: no-repeat;
    background-position: 1px 3px;
    padding-left: 14px;
}

h3.hidden {
    background-image: url(../../images/icon-plus.gif);
}

div.hidden {
    display: none;
}

.gs_categoryheading {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 14px;
    background: orange;
    padding-bottom: 5px;
    padding-top: 5px;
}

.gs_categoryheading div.gs_context {
    font-weight: normal;
    font-size: 10px;
    color: black;
}

.gs_categoryheading div.gs_context a {
    font-size: 10px;
}

.gs_itemdivider {
    padding-bottom: 10px;
    border-bottom: orange 1px dotted
}
.gs_rowtitle {
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding: 10px 5px 5px 0;
    width: 110px;
}
.gs_rowcontent {
    padding: 10px 0 5px 0;
}
.botBottom {
    border-bottom: 1px #c5e0ef dotted;
}

ol.alpha li {
    list-style: lower-alpha outside none;
}

ol.upperalpha li {
    list-style: upper-alpha outside none;
}

ol.roman li {
    list-style: lower-roman outside none;
}

ol.upperroman li {
    list-style: upper-roman outside none;
}





#gallery {
    font-size: 10pt;
    margin: 0;
    padding: 0;
}
#gallery a {
    font-size: 100%;
    font-weight: inherit;
}

#gallery h1 {
    font-size: 14pt !important;
    color: #CC0000 !important;
}
#gallery h2 {
    margin: 16pt 0 6pt 0 !important;
    font-size: 12pt !important;
    color: #CC0000 !important;
}
#gallery h1 a {
    color: inherit;
    text-decoration:none;
}
#gallery h2 a {
    color: inherit;
    text-decoration:none;
}


#gallery .subtitle {
    font-size: 8pt;
    font-weight:normal;
    padding-left: 4pt;
}
#gallery .subtitle a {
    color: #AA5555;
}

#galleryheader {
    padding: 6pt 10pt;
}

#gallerytabs {
    padding: 0 6pt;
}
#gallerytabs .tab {
    background-color: #3A3F45;
    padding: 4pt 6pt;
    width: 60pt;
    float: left;
    color: white;
    margin: 0 2px 0 0;
    text-align: center;
}
#gallerytabs .tab a {
    color: white;
}
#gallerytabs .tab a:link, #gallerytabs .tab a:visited {
    text-decoration: none;
}
#gallerytabs .tab a:hover, #gallerytabs .tab a:active {
    text-decoration: underline;
}
#gallerytabs .highlighted {
    background-color: #D92A39;
}

#gallery #searchbar {
    font-size: 10pt;
    clear: left;
    background: #313139;
    background-image: url('/images/photobank/search_ramp.gif');
    background-repeat: repeat-x;
    color: white;
    margin: 0;
    padding: 4pt 10pt;
}
#gallery #searchbar .button {
    font-weight: bold;
    padding: 3pt 4pt;
    margin: 0;
}

#gallery #picturearea {
    background: white url('/images/photobank/background_ramp.gif') repeat-x;
    padding: 6pt 10pt;
}

#gallery .thumblink {
    margin: 0 6pt 6pt 0;
    width: 142px;
    float: left;
}

#gallery .thumblink img {
    border: 1px #cccccc solid;
}
#gallery #piccontent {
    width: 652px;
    margin-left:auto;
    margin-right:auto;
    margin-top:12pt;
}
#gallery .picbox {
    width: 650px;
    border: 1px #cccccc solid;
}
#gallery .pic {
    background-color: #E8E8EA;
    text-align: center;
}
#gallery .piccaption {
    border-top: 1px #cccccc dotted;
    padding: 4pt 6pt 6pt 6pt;
}
#gallery .tooltip {
    padding: 4pt;
    background-color: #f0f0f0;
    border: 1px #999999 solid;
    width: 15em;
}
#gallery .tooltip .photonumber {
    float:right;
    width:4em;
    text-align:right;
    font-weight:bold;
    font-size:7pt;
    margin: -2pt -2pt 4pt 4pt;
    color: #999999;
}
#gallery .tooltip .photodesc {
    font-size:9pt;
    margin-bottom:3pt;
}
#gallery .tooltip .photographer {
    font-size:7pt;
}
#gallery .app {
    font-size: 10pt;
    background: #313139;
    background-image: url('/images/photobank/search_ramp.gif');
    background-repeat: repeat-x;
    color: white;
    margin: 0;
    padding: 4pt 10pt;
}
#gallery .app .button {
    font-weight: bold;
    padding: 3pt 4pt;
    margin: 0;
}
#gallery .graybutton {
    background-color: #3A3F45;
    padding: 4pt 6pt;
    width: 60pt;
    color: white;
    text-align: center;
}
#gallery .graybutton a, #gallery .graybutton a:link, #gallery .graybutton a:visited {
    color:white;
    text-decoration:none;
}
#gallery .graybutton a:hover{
    color:white;
    text-decoration:underline;
}

div.autocomplete {
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;
}
div.autocomplete ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
div.autocomplete ul li.selected {
    background-color: #fcc;
}
div.autocomplete ul li {
    list-style-type:none;
    display:block;
    margin:0;
    padding:2pt;
    cursor:pointer;
    font-size: 9pt;
}
div.autocomplete .detail {
    font-size: 7pt;
    color: #666;
}



.validationerror {
    color: #FF0000;
}


#trainingcal th {
    background-color: #FFCC00;
    font-size: 11px;
    font-weight: bold;
    padding: 6px 4px;
    text-align: left;
}
#trainingcal tr.year th {
    background-color: #D8EBF5;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 4px;
    text-align: left;
}
#trainingcal td {
    padding: 2px 4px;
    vertical-align: top;
}
#trainingcal td a {
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
}
#trainingcal tr.r1 td {
    background-color: #FFC;
}
#trainingcal tr.r0 td {
    background-color: #FFFFE8;
}
#trainingcal h3 {
    font-size: 13px;
    padding-left: 4px;
    margin-top: 26px;
}
#trainingcal h3 a {
    text-decoration: none;
    font-size: 13px;
}
#trainingcal h3 span.detailslink a {
    font-weight:normal;
    font-size: 11px;
    text-decoration: underline;
    padding-left: 20px;
}
#trainingcal .soldout {
    color: #cc0000;
}

#trainingcal.area_business th {
    background-color: #A71F23;
    color: #FFF;
}

#trainingcal.area_business tr.year th {
    background-color: #F9C6B0;
    color: #000;
}
#trainingcal table.timetable td {
    padding: 8px 4px;
}
#trainingcal table.timetable td.joinb {
    padding: 8px 4px 0 4px;
}
#trainingcal table.timetable td.joint {
    padding: 0 4px 8px 4px;
}
#trainingcal .cancelled {
    color: #7F7F66;
}

table.receipt td, table.receipt th {
    padding: 0pt 2pt;
}
table.receipt td, table.receipt th {
    font-size: 12.5pt;
}
table.receipt th {
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
}
table.receipt th.amount, table.receipt td.amount {
    padding: 0pt 2pt 0 6pt;
    text-align: right;
}
table.receipt td.indent {
    padding-left: 2em;
}
table.receipt td.delegate {
    padding-top: 6pt;
}
table.receipt td.total {
    padding-top: 6pt;
    text-align: right;
}
table.receipt h2 {
    font-size: 14.5pt;
    margin-bottom: 2pt;
}
table.receipt h3 {
    font-size: 12.5pt;
    margin-top: 8pt;
    margin-bottom: 2pt;
}


table.eventcal {
    margin-top: 14px;
    width: 100%;
}

table.eventcal thead th {
    padding: 3px 6px;
    text-align: left;
}

table.eventcal thead th a {
    text-decoration: inherit;
}

table.eventcal td.edate {
    font-weight: bold;
    line-height: 16pt;
}

table.eventcal td {
    vertical-align: top;
    padding: 7px;
    border-bottom: 1px dotted #E5F3F2;
}

table.eventcal tr.today td {
    background-color: #FFFFD4;
}

table.eventcal tr.today div.today {
    color: #C5C700;
}


table.eventcal h3 {
    font-weight: bold;
    font-size: 12pt;
    line-height: 16pt;
    color: #209F95;
    margin: 0;
}

table.eventcal h3 a {
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    text-decoration: none;
    color: inherit;
}

table.eventcal h3 a:hover {
    text-decoration: underline;
}

table.eventcal label {
    font-weight: bold;
}

table.eventcal div.econtact div label {
    text-align: right;
    width: 83pt;
    display: block;
    float: left;
    margin-left: -90pt;
    position: static;
}

table.eventcal div.econtact label {
    position: absolute;
}


table.eventcal div.econtact div {
    height: 1%;
    clear: left;
    padding-left: 90pt;
}

table.eventcal div.econtact {
    margin-top: 5px;
    position: relative;
}

table.eventcal div.edonate {
    margin: 5px 0;
}

table.eventcal .tbc {
    color: #999;
}

table.eventcal .tbc i {
    line-height: 12pt;
}

div.eventindex div {
    width: 170px;
    padding: 5px 0 0 5px;
    height: 40px;
    float: left;
    text-align: left;
}

div.eventindex img {
    float: left;
}

.eventindex {
    clear:left;
    width: 700px;
    margin: 0 auto;
    text-align: center;
}

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif ;
    font-size: 10pt;
}

.ochead {
    width: 100%;
}

.ochead h1 {
    /*margin: 0 0 0 145px;*/
}

.ochead #oclinelogin {
    height: 22px;
    background-color: #FAFAFA;
}

.ochead #oclogin {
    float: right;
    width: 520px;
    height: 18px;
    background: #BEBCBC url(/images/09/bg_corner_bl.png) bottom left no-repeat;
    padding: 2px 3px 2px 8px;
    color: #444;
    font-size: 11px;
}


.ochead #ocline1 {
    background-color: #E1DFDF;
    overflow: hidden;
}

.ochead #ocbox1l {
    width: 50%;
    background-color: #E1DFDF;
    height: 41px;
    float: left;
    min-width: 552px;
}

.ochead #ocbox1r {
    background-color: #BDBBBB;
    height: 41px;
    float: right;
    width: 50%;
}
.ochead #ocbox1in {
    width: 450px;
}

.ochead #occentre1 {
    width: 960px;
    padding-right: 145px;
    margin: 0 auto;
    height:41px;
}

.ochead #ocline1 div.actions {
    width: 531x;
    float: right;
    height: 41px;
    background-color: #BDBBBB;
}

.ochead #occentre1 div.actions {
    margin-right: -40px;
}

.ochead #ocline1 div.homelinks {
    padding: 14px 5px 5px 10px;
    float: left;
    font-size: 8pt;
    height: 22px;
}

.ochead #ocline1 a, .ochead #ocline1 a:link, .ochead #ocline1 a:visited {
    color: #5C5B5B;
}


.ochead #ocline1 div.paynow {
    float:right;
    height:29px;
    padding:12px 13px 0 13px;
}

.ochead #ocbox1 form {
    margin-top: -1px;
}

.ochead #ocline1 * {
    vertical-align: middle;
}

.ochead #ocline1 #search_q {
    width: 130px;
    margin: 2px 0 0 0;
}

.ochead #ocline2 {
    height: 163px;
    background-color: #FAFAFA;
    border-bottom: solid 1px black;
    overflow: hidden;
}

.ochead #ocbox2 {
    height: 126px;
    width: 1000px;
    padding-right: 105px;
    margin: 0 auto;
}

.ochead #ocline3 {
    margin-top: -40px;
}

.ochead #occentre3 {
    width: 960px;
    padding-right: 145px;
    margin: 0 auto;
    overflow: hidden;
}

.ochead #ocbox3 {
    width: 915px;
    height: 261px;
    margin-bottom: 7px;
    /*padding: 0 0 0 145px;*/
}

.ochead #ocbox3 img {
    width: 130px;
    margin-left: 7px;
}

.ochead #octoptabs {
    min-width: 822px;
    height: 38px;
    border-bottom: solid 1px black;
    background-color: #e6e6e6;
}

.ochead #octoptabs img {
    width: 130px;
    margin-right: 7px;
}

.ochead #ocline4 {
    height: 60px;
}

.ochead #ocline4 .tabs {
    min-width: 822px;
    height: 30px;
    /*padding: 0 0 0 145px;*/
    margin-left: -1px;
}

.ochead #ocline4 .tabs img {
    margin: 3px 5px 0 0;
}

.ochead #ocline4 .tabs li {
    display: block;
    float: left;
}

.ochead #ocline4 .tabs li ul {
    position: absolute;
    visibility: hidden;
}

.ochead #oclinedir {
    /*padding: 0 0 0 145px;*/
    height: 91px;
    background-color: #FFF3F1;
}

.ochead #oclinegivenow {
    /*padding: 0 0 0 145px;*/
    height: 48px;
    background-color: #FFE9E7;
}

.ochead #oclineboards {
    /*padding: 0 0 0 145px;*/
    height: 63px;
    background-color: #E2F6F1;
}

.ochead #oclinefinancial {
    /*padding: 0 0 0 145px;*/
    height: 48px;
    background-color: #F8EEE9;
}

.ochead #oclineinsurance {
    /*padding: 0 0 0 145px;*/
    height: 66px;
    background-color: #E8F9FF;
}

.ochead #oclinemarketing {
    /*padding: 0 0 0 145px;*/
    height: 54px;
    background-color: #F8E3E4;
}

.ochead #oclinetraining {
    /*padding: 0 0 0 145px;*/
    height: 66px;
    background-color: #FFF7D9;
}

.ochead #oclinefc {
    background-color:#484452;
    padding: 12px 12px 12px 145px;
}

.ochead #oclineICDA {
    background-color:#ffffff;
    padding: 12px 12px 12px 145px;
}


.ochead #ocline4.a01 {
    background-color: #F6E6F6;
}

.ochead #ocline4.a02 {
    background-color: #F8EEE9;
}

.ochead #ocline4.a03 {
    background-color: #fce5dc;
}

.ochead #ocline4.a04 {
    background-color: #F8E3E4;
}

.ochead #ocline4.a05 {
    background-color: #E2F6F1;
}

.ochead #ocline4.a06 {
    background-color: #fff7d9;
}

.ochead #ocline4.a07 {
    background-color: #E8F9FF;
}

.ochead #ocline4.a08 {
    background-color: #ffefd6;
}

.ochead #ocline4.a09 {
    background-color: #ffe5d9;
}

.ochead #ocline4.a10 {
    background-color: #ccdee5;
}

.ochead #ocline4.a11 {
    background-color: #ffe0e0;
}

.ochead #ocline4.a12 {
    background-color: #e9f2ce;
}

.ochead #ocline4.a13 {
    background-color: #ffd9ec;
}

.ochead #ocline4.a14 {
    background-color: #e3d2f7;
}

.ochead #ocline4.a15 {
    background-color: #d0f5f2;
}

.ochead #ocline4.a16 {
    background-color: #edc2dd;
}

.ochead #ocline4.a17 {
    background-color: #d7f8ee;
}


.ochead .submenu.a01 ul {
    background-color: #F6E6F6;
    border: 1px solid #CC99CC;
}

.ochead .submenu.a02 ul {
    background-color: #F8EEE9;
    border: 1px solid #D8A68D;
}

.ochead .submenu.a03 ul {
    background-color: #fce5dc;
    border: 1px solid #fa8c5b;
}

.ochead .submenu.a04 ul {
    background-color: #F8E3E4;
    border: 1px solid #d92a39;
}

.ochead .submenu.a05 ul {
    background-color: #E2F6F1;
    border: 1px solid #33cc99;
}

.ochead .submenu.a06 ul {
    background-color: #fff7d9;
    border: 1px solid #ffcc00;
}

.ochead .submenu.a07 ul {
    background-color: #E8F9FF;
    border: 1px solid #33ccff;
}

.ochead .submenu.a08 ul {
    background-color: #ffefd6;
    border: 1px solid #ff9900;
}

.ochead .submenu.a09 ul {
    background-color: #ffe5d9;
    border: 1px solid #fd7d3e;
}

.ochead .submenu.a10 ul {
    background-color: #ccdee5;
    border: 1px solid #008dce;
}

.ochead .submenu.a11 ul {
    background-color: #ffe0e0;
    border: 1px solid #dc5858;
}

.ochead .submenu.a12 ul {
    background-color: #e9f2ce;
    border: 1px solid #99cc00;
}

.ochead .submenu.a13 ul {
    background-color: #ffd9ec;
    border: 1px solid #ff80c0;
}

.ochead .submenu.a14 ul {
    background-color: #e3d2f7;
    border: 1px solid #ab80e1;
}

.ochead .submenu.a15 ul {
    background-color: #d0f5f2;
    border: 1px solid #2bd3c9;
}

.ochead .submenu.a16 ul {
    background-color: #edc2dd;
    border: 1px solid #ca3792;
}


.ochead #ocline4 ul {
    margin: 0;
}

.ochead ul.dropdown > li  {
    height: 29px;
}

.ochead ul.dropdown a, .ochead ul.dropdown a:link, .ochead ul.dropdown visited  {
    color: #000;
}

.ochead ul.dropdown .submenu li {
    width: 220px;
    font-size: 11px;
    padding: 2px 4px;
}

.ochead ul.dropdown li.more {
    font-style: italic;
    text-align: right;
}

#oclinebody {
    overflow: hidden;
}

#occentrebody {
    width: 960px;
    margin: 0 auto;
    padding-right: 145px;
}

#ocboxbody {
    width: 815px;
    padding-left: 145px;
}

#ocquote {
    font-size: 14pt;
    color: #5C5B5B;
    text-align: left;
    padding-top: 6px;
}

#ocquote a {
    font-size: 14pt;
    color: #5C5B5B;
    font-variant: all-petite-caps;
    text-decoration: underline;
}

#ocquote a:hover, #ocquote a:link, #ocquote a:visited {
    color: #5C5B5B;
}

#ocquote a:hover {
    text-decoration: underline;
}

#ocfoot {
    margin: 60px 0 10px 0px;
    font-size: 8pt;
    color: #888;
}

#ocfoot a, #ocfoot a:hover, #ocfoot a:link, #ocfoot a:visited {
    color: #888;
}

#ocbody{
    padding-top: 5px;
    margin-top: 5px;
}

#ocnews {
    width: 404px;
    height: 320px;
    float: left;
    margin-right: 7px;
}

#ocnews #ocnewsheading {
    background-color: #333333;
    padding: 5px 5px 5px 10px;
    color: #fff;
    font-size: 18px;
}

#ocnews #ocnewslist {
    height: 291px;
    overflow: auto;
    font-size: 9pt;
    padding-left: 7px;
    padding-right: 7px;
    background-color: #e6e6e6;
}

#ocnews #ocnewslist ul {
    margin-bottom: 1em;
}
#ocnews #ocnewslist li {
    margin-bottom: 1em;
}


#promo {
    width: 403px;
    height: 320px;
    background-color: #ffdddd;
    position: relative;
    overflow: hidden;
}

#promo #promonav {
    width: 403px;
    height: 22px;
    bottom: 0;
    position: absolute;
    font-size: 12px;
    color: #fff;
    background-color: #BCBABA;
}

#promo #promoarea {
    width: 3224px;
    height: 298px;
    background-color: #f8f8f8;
    position: absolute;
}

#promo #promoarea div {
    width: 403px;
    height: 298px;
    background-color: #f8f8f8;
    float: left;
    overflow: hidden;
}

#promo #promoarea div h1, #promo #promoarea div h2, #promo #promoarea div p {
    margin-left: 7px;
    margin-right: 7px;
}

.roll {
    cursor: pointer;
}

.mooquee {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.mooquee-text {
    position: absolute;
}

.mooquee a {
    color: inherit;
}


#fo table.topics, #fo table.messages {
    border-collapse: collapse;
    border-spacing: 0;
    border: 3px #2585B5 solid;
    width: 100%;
}

#fo .topics .timecol {
    text-align: right;
}

#fo .topics td,.topics th {
    padding: 3pt 4pt;
    font-family: Arial, Helvetica, sans-serif;
}

#fo .topics thead th {
    font-size: 11pt;
    text-align: left;
    border: 1px #5184A7 solid;
    background-color: #DBECF4;
}

#fo .topics tbody tr td {
    font-size: 9pt;
    border-top: 1px #C7E1CC solid; /* #73E68B */
    border-bottom: 1px #C7E1CC solid;
    border-right: 1px #C7E1CC dashed;
    background-color: #F0F5F1;
}

#fo .topics tbody tr.row0 td {
    background-color: #F4F9F5;
}

#fo .topics tbody tr.row1 td {
    background-color: #F0F5F1;
}

#fo .topics .messagecol {
    text-align: center;
}

#fo .topics .authorcol {
    text-align: center;
}

#fo .topics .moderator {
    background-color: #FAD58F;
    padding: 3pt;
    font-weight: bold;
}

#fo .messages td,.messages th {
    padding: 3pt 4pt;
    font-family: Arial, Helvetica, sans-serif;
}

#fo .messages thead th {
    font-size: 11pt;
    text-align: left;
    border: 1px #5184A7 solid;
    background-color: #DBECF4;
}

#fo .messages tbody tr td {
    font-size: 9pt;
    border-top: 1px #A9B6BF solid; /* #A9BFAD  #73E68B */
    border-bottom: 1px #A9B6BF solid;
    padding: 8pt 12pt;
}

#fo .messages tr.moderator .options {
    font-size: 10pt;
    background-color: #FAD58F;
    border-bottom: none;
}

#fo .messages .authorcol {
    vertical-align: top;
    text-align: center;
    border-right: 1px #C7E1CC solid;
    background: #E9F2EA url('/images/forum/lightramp.gif') repeat-x scroll
    left top;
}

#fo .messages tr.moderator .authorcol {
    border-top: none;
    background: #FAD58F url('/images/forum/lightramp_mod.gif') repeat-x
    scroll left bottom;
}

#fo .messages .messagecol {
    vertical-align: top;
    text-align: left;
    background: #F4F9F5 url('/images/forum/lightramp.gif') repeat-x scroll
    left bottom;
}

#fo .messages#fo .messages tr.moderator .messagecol {
    border-top: none;
    background: #FAE6C0 url('/images/forum/lightramp_mod.gif') repeat-x
    scroll left top;
}

#newpost {
    margin: 12pt 0 12pt 140px;
    width: auto;
    border: 5px #A9B6BF solid;
}

#newpost div.postheader {
    background-color: #E9F2EA;
    padding: 8pt;
    border-bottom: 1px #A9B6BF solid;
}

#newpost div.postheader h1 {
    margin: 0;
}

#newpost div.postbody {
    background: #E9F2EA url('/images/forum/lightramp.gif') repeat-x scroll
    left top;
    padding: 0 8pt;
    border-bottom: 1px #A9B6BF solid;
}

#newpost div.postbody h2 {
    margin: 0 0 0.5em 0;
    padding-top: 1em;
}

#fo .postdate {
    font-size: 7.5pt;
    padding-top: 3pt;
    color: #666;
}

#fo .anon {
    font-style: italic;
}


#slidepromo {
    width:430px;
    height:140px;
    padding: 0 10px;
    background-color:#fff;
    border-top:3px solid #E00726;
    position:fixed;
    bottom:20px;
    right:-460px;
    -moz-box-shadow:-2px 0px 5px #aaa;
    -webkit-box-shadow:-2px 0px 5px #aaa;
    box-shadow:-2px 0px 5px #aaa;
}

#slidepromo p, #slidepromo a.more{
    font-size:11px;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color:#555;
    margin: 8px 0;
}
#slidepromo a.more {
    color:#507BBA;
}
#slidepromo h2 {
    color:#E00726;
    font-size:18px;
    margin: 0 20px 0 0;
}
#slidepromo h2 a, #slidepromo h2 a:link, #slidepromo h2 a:visited {
    color:inherit;
    text-decoration:none;
}
#slidepromo h2 a:hover, #slidepromo a.more:hover {
    color:#F73347;
    text-decoration:underline;
}
#slidepromo a.close {
    background: transparent url(/images/btnClose.png) no-repeat top left;
    width:40px;
    height:40px;
    position:absolute;
    cursor:pointer;
    top:-20px;
    right:-20px;
}


.form-box {
    margin: 20px;
    background-color: #eee;
    border: solid #ddd 1px;
    border-radius: 5px;
    padding: 20px;
    margin-top: 30px;
}




/**************** Form style, based on Bootstrap 2.3.2 form-vertical ****************/


.f form {
    margin: 0 0 20px;
}
.f p {
    margin: 20px 0 20px;
}
.f fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}
.f legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
.f legend small {
    font-size: 15px;
    color: #999999;
}
.f input, .f button, .f select, .f textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.f .input-large {
    font-size: 18px !important;
    /*height: 24px !important;*/
}
.f label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: normal;
    width: 200px;
}
.f .label-large {
    padding-top: 7px !important;
    font-size: 18px !important;
}
.f select, .f textarea, .f input[type="text"], .f input[type="password"], .f input[type="datetime"], .f input[type="datetime-local"],
.f input[type="date"], .f input[type="month"], .f input[type="time"], .f input[type="week"], .f input[type="number"], .f input[type="email"],
.f input[type="url"], .f input[type="search"], .f input[type="tel"], .f input[type="color"], .f .uneditable-input {
    display: inline-block;
    /*height: 20px;*/
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}
.f textarea {
    height: auto;
}
.f textarea, .f input[type="text"], .f input[type="password"], .f input[type="datetime"], .f input[type="datetime-local"], .f input[type="date"],
.f input[type="month"], .f input[type="time"], .f input[type="week"], .f input[type="number"], .f input[type="email"], .f input[type="url"],
.f input[type="search"], .f input[type="tel"], .f input[type="color"], .f .uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}
.f textarea:focus, .f input[type="text"]:focus, .f input[type="password"]:focus, .f input[type="datetime"]:focus, .f input[type="datetime-local"]:focus, .f input[type="date"]:focus,
.f input[type="month"]:focus, .f input[type="time"]:focus, .f input[type="week"]:focus, .f input[type="number"]:focus, .f input[type="email"]:focus, .f input[type="url"]:focus,
.f input[type="search"]:focus, .f input[type="tel"]:focus, .f input[type="color"]:focus, .f .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.f input[type="radio"], .f input[type="checkbox"] {
    margin: 4px 0 0;
    *margin-top: 0;
    /* IE7 */

    margin-top: 1px \9;
    /* IE8-9 */

    line-height: normal;
}
.f input[type="file"], .f input[type="image"], .f input[type="submit"], .f input[type="reset"], .f input[type="button"], .f input[type="radio"], .f input[type="checkbox"] {
    width: auto;
}
.f select, .f input[type="file"] {
    height: 30px;
    /* In IE7, the height of the select element cannot be changed by height, only font-size */

    *margin-top: 4px;
    /* For IE7, add top margin to align select with labels */

    line-height: 30px;
}
.f select {
    width: 220px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}
.f select[multiple], .f select[size] {
    height: auto;
}
.f select:focus, .f input[type="file"]:focus, .f input[type="radio"]:focus, .f input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.f .uneditable-input, .f .uneditable-textarea {
    color: #999999;
    background-color: #fcfcfc;
    border-color: #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    cursor: not-allowed;
}
.f .uneditable-input {
    overflow: hidden;
    white-space: nowrap;
}
.f .uneditable-textarea {
    width: auto;
    height: auto;
}
.f input:-moz-placeholder, .f textarea:-moz-placeholder {
    color: #999999;
}
.f input:-ms-input-placeholder, .f textarea:-ms-input-placeholder {
    color: #999999;
}
.f input::-webkit-input-placeholder, .f textarea::-webkit-input-placeholder {
    color: #999999;
}
.f .radio, .f .checkbox {
    min-height: 20px;
    padding-left: 20px;
    width: 530px;
}
.f .radio input[type="radio"],
.f .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}
.f .controls > .radio:first-child,
.f .controls > .checkbox:first-child {
    padding-top: 5px;
}
.f .radio.inline,
.f .checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}
.f .radio.inline + .radio.inline,
.f .checkbox.inline + .checkbox.inline {
    margin-left: 10px;
}
.f input[disabled],
.f select[disabled],
.f textarea[disabled],
.f input[readonly],
.f select[readonly],
.f textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee;
}
.f input[type="radio"][disabled],
.f input[type="checkbox"][disabled],
.f input[type="radio"][readonly],
.f input[type="checkbox"][readonly] {
    background-color: transparent;
}







.f input,
.f textarea,
.f select,
.f .help-inline,
.f .uneditable-input,
.f .input-prepend,
.f .input-append {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    margin-bottom: 0;
    vertical-align: middle;
    width: 540px;
}
.f .width-tiny {
    width: 80px;
}
.f .width-small {
    width: 135px;
}
.f .width-medium {
    width: 270px;
}

.f .hide {
    display: none;
}
.f .control-group {
    margin-bottom: 20px;
    *zoom: 1;
}
.f .control-group:before,
.f .control-group:after {
    display: table;
    content: "";
    line-height: 0;
}
.f .control-group:after {
    clear: both;
}
.f .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
}
.f .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0;
}
.f .controls:first-child {
    *padding-left: 180px;
}
.f .help-block {
    margin-bottom: 0;
}
.f input + .help-block,
.f select + .help-block,
.f textarea + .help-block,
.f .uneditable-input + .help-block,
.f .input-prepend + .help-block,
.f .input-append + .help-block {
    margin-top: 10px;
}
.f .control-group.error .checkbox,
.f .control-group.error .radio,
.f .control-group.error input,
.f .control-group.error select,
.f .control-group.error textarea {
    color: #b94a48;
}
.f .control-group.error input,
.f .control-group.error select,
.f .control-group.error textarea {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.f .control-group.error input:focus,
.f .control-group.error select:focus,
.f .control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.f .form-actions {
    padding-left: 180px;
}
.f input,
.f textarea,
.f .uneditable-input {
    margin-left: 0;
}

/**************** New CSS ****************/
.panel {
    display: none;
    margin-top:41px;
    width: 300px;
    padding: 20px;
    background-color: #E1DFDF;
    box-shadow: inset 0 0 5px 5px #BDBBBB;
}

#oc_calendar .calendar{
    min-height: 20px;
    padding: 0px 0px 10px 5px;
    float: left;
    width: 815px;
    color: #000000;
}

#oc_calendar .calendar .calHead{
    float: left;
    width: 110px;
    padding-top: 20px;
    font-weight: bold;
    padding-left: 10px;
    margin-right: 5px;
}

#oc_calendar .calendar .calDetail{
    float: left;
    width: 685px;
    border-bottom: 1px dotted #5995D1;
    padding: 10px 0px 14px 5px;
}

#oc_calendar .calendar .calDetail img{
    float: right;
    padding: 6px
}

#oc_calendar .calendar .calDetail label{
    font-weight: bold;
}

#oc_calendar .calendar .calDetail .econtact{
    margin-top: 5px;
    position: relative;
}

#oc_calendar .calendar .calDetail .econtact label{
    width: 20px;
    position: absolute;
}

#oc_calendar .calendar .calDetail .econtact div{
    height: 1%;
    clear: left;
    padding-left: 90pt;
}

#oc_calendar .calendar .calDetail .econtact div label{
    text-align: right;
    width: 83pt;
    display: block;
    float: left;
    margin-left: -90pt;
    position: static;
}

#oc_calendar .calendar .calDetail .edonate{
    margin: 5px 0;
}

#oc_calendar .calendar .calDetail .tbc{
    color: #999;
}

#oc_calendar .calendar .calDetail .tbc i{
    line-height: 12pt;
}

#oc_calendar .calendar .calHead .today{
    color: #5995d2;
    background-color:transparent;
}

#oc_calendar .calendar .today{
    background-color: #d9ebfe;
    border-bottom: 0px;
}

#oc_calendar .calendarNav{
    width: 815px;
}

#oc_calendar .calendarNav .leftNav{
    float: left;
    background: url("/images/calendar/arrows.png") no-repeat scroll left bottom transparent ;
    height: 45px;
    width: 39px;
    overflow: hidden;
}

#oc_calendar .calendarNav .leftNav a{
    margin: 13px 0px 0px 10px;
    background: none;
}

#oc_calendar .calendarNav .contentNav{
    background-color: #82b7ee;
    height: 45px;
    position: relative;
    margin: 0px 39px;
}

#oc_calendar .calendarNav .contentNav ul{
    list-style-position: outside;
    list-style-type: none;
    margin: 0px;
    margin-left: 5px;
    overflow: hidden;
}
#oc_calendar .calendarNav .contentNav ul li{
    display: inline;
    list-style-type: none;
    text-align: center;
    margin-right: 8px;
    padding-top: 2px;
    height: 40px;
    cursor: pointer;
    font-weight: 700;
    font-size: 15px;
    width: 20px;
    float: left;
    list-style-position: outside;
}
#oc_calendar .calendarNav .contentNav ul .day{
    width: 20px;
}

#oc_calendar .calendarNav .contentNav ul .month{
    background-color: #96c9fc;
    width: 40px;
    font-size: 14px;
    height: 38px;
    margin-top: 2px;
}

#oc_calendar .calendarNav .contentNav ul li a span{
    color: white;
    visibility: hidden;
    font-size: 10px;
}

#oc_calendar .calendarNav .contentNav ul li a {
    line-height: 20px;
}

#oc_calendar .calendarNav .contentNav ul li:hover{
    background-color: #5995D1;
}

#oc_calendar .calendarNav .contentNav ul li:hover a span{
    color: white;
    visibility: visible;
    font-size: 10px;
}

#oc_calendar .calendarNav .contentNav ul li a{
    color: white;
    text-decoration: none;
    text-align: center;
}

#oc_calendar .calendarNav .rightNav{
    float: right;
    background: url("/images/calendar/arrows.png") no-repeat scroll right bottom transparent;
    height: 45px;
    width: 39px;
    overflow: hidden;
}

#oc_calendar .calendarNav .rightNav a{
    margin: 13px 0px 0px 10px;
    background: none;
}

.mini-menu {
    font-size: 12.6px;
}
.mini-menu > span {
    display: inline-block;
}
.mini-menu .twitter-follow-button {
    vertical-align: middle;
}

header {
    padding-top: 0;
}
.fb-like {
    top: 7px;
}

.theme-light {
    background-color: #e6e6e6;
    color: #333;
    padding-bottom: 10px;
}
.theme-lighter{
    background-color: #f7f4f4;
    color: #333;
}
.theme-lighter a {
    text-decoration: none;
    color: #333;
}
.theme-lighter a.btn {
    color: #FFF;
}
.oc-btn-group .btn{
    margin-left: 8px;
}
.oc-logged-in{
    background-color: #8c8c8c;
    color: white;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 10px;
}

#ocline2empty{
    height: 40px;
    min-height: 40px;
    border-bottom: solid 1px #000000;
    background-color: #e0e0e0;
}
.pillars div{
    text-align: center;
    margin-bottom: 10px;
}

.fixed-height-320 {
    min-height: 320px;
    height: 320px;
}

.head-line{
    background: url(/images/09/neutralbg.png) repeat-x;
    overflow: hidden;
}

.head-line .sub-line{
    min-height: 40px;
    height: 40px;
}

.ocpromo{
    margin-bottom: 10px;
    padding-left: 10px;
}
.subscription-panel{
    width: 450px !important;
}

.subscription-panel .modal-content{
    background-color: #4A4A4A;
    color: #e0e0e0;
}

.quick-link-header{
    background-color: #de9ad9;
    font-size: 18px;
    padding: 5px 5px 5px 10px;
    color: #fff;
}

.quick-link-body{
    background-color: #f6e6f6;
    margin-bottom: 20px;
}

.twitter-box{
    margin-bottom: 10px;
}

.twitter-box #twitter-widget-1{
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#ocbody a{
    text-decoration: underline;
}

.blue-badge{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #82b7ee;
    border-radius: 10px;
}

.paging{
    padding-left: 120px;
}
.paging .paging-info{
    color: #5995d1;
    font-size: 14px;
}
.paging a, .paging a:active, .paging a:visited{
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    margin-bottom: 0;
    padding: 6px 12px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #82b7ee;
    text-decoration: none !important;
    background-color: #82b7ee;
    color: #fff;
    width: 97px;
}
.paging a:hover{
    background-color: #5895cf;
    color: #fff;
    text-decoration: none;
}

.impersonate{
    background-color: #f2dede;
    padding: 20px;
    font-size: 16px;
}

.impersonate .btn{
    color: #fff;
}
