/*--
layout
--*/
body {background: #dde4e8 url(../src-imgs/bodyBg24.png) repeat-x center top;}
a {color: #1d2671;}
a:hover {color: #9fa615;}
.pdf {background: url(../src-imgs/pdf_22x22.png) no-repeat right center;padding: .25em 2em .25em 0;}
h1 {font-family: Georgia, "Times New Roman", Times, serif;color: #919713;font-size: 1.75em;font-weight: normal;margin: 1em 0;}
h2 {font-size: 1.2em;padding: 0 0 3px 0;color: #1b2470;font-weight: bold;margin: 2em 0 0 0;border-bottom: 1px solid #dadbc2;text-transform: uppercase;}
#rightColInner li {padding: 2px 0 2px 1em;background: url(../src-imgs/bullet.gif) no-repeat left 5px;}
#rightColInner p {color: #666;margin: 1em 0 0 0;}
#rightColInner strong {color: #000;}
#rightColInner ul {margin: .5em 0  0 1em;}
.TabbedPanelsTab {display: none;}
.clear {clear: both;}
#siteWrapper {width: 8in;margin: 0 auto;}
#leftColumn {float: left;width: 22em;}
#rightColumn {float: right;width: 100%;margin-top: 1.7in;}
#rightColInner {background: #fff;padding: 1em 1em 4em 1em;}
#mastHead {position: relative;}
#homeHeader {background: url(../src-imgs/home-header.jpg) no-repeat;width: 566px;height: 240px;}
#saveForm {display: none;}
#print-button {display: none;}
#headingRound {float: right;padding: 1em 2em 1em 3em;width: 15em;}
#topSiteInfo {position: absolute;top: 10px;right: 0;color: #a1aac5;display: none;}
#mainNav li {margin: 0 0 0 .2em;float: left;background: url(../src-imgs/rightTabNormal.png) no-repeat right top;}
#mainNav span {}
#mainNav li:hover {background: url(../src-imgs/rightTabHover.png) no-repeat right top;}
#mainNav a:hover {background: url(../src-imgs/leftTabHover.png) no-repeat;}
#mainNav a {font-weight: bold;color: #fff;text-decoration: none;background: url(../src-imgs/leftTabNormal.png) no-repeat;margin-right: 6px;padding: .75em .75em .75em 1.1em;display: block;}
#mainNav li.active {margin: 0 0 0 .5em;float: left;background: url(../src-imgs/rightTabActive.png) no-repeat right top;}
#mainNav li.active a {color: #262d66;text-decoration: none;background: url(../src-imgs/leftTab.png) no-repeat;margin-right: 6px;padding: .75em .5em .75em 1em;display: block;}
#mainNav {margin: 7.4em 0 0;float: right;display: none;}
#mastHead img {position: absolute;top: 1em;left: 2.5em;}
#bottomContainer {background: #fff url(../src-imgs/blankSqaure.gif) no-repeat;}

/*footer*/
#footer {background: #f7f7f7;padding: .5em;border-top: 1px solid #eaeaea;display: none;}
#footerNav {float: right;width: 36em;}
#footerNav li {float: right;margin-left: 1em;}
#footer #copright {float: left;}
#leftText {padding: 4em 1.5em 1.5em 1.5em;background: url(../src-imgs/leftColBg.png) no-repeat;display: none;}
#seminar-logo {margin: 3em 0;padding: 2em;background-image: url(file://localhost/Applications/MAMP/htdocs/opl-phase2/assets/templates/opl/src-imgs/logo-bg.jpg);}
.sponsor-partners {margin: -2em 0 1em 1em;font-size: 1.2em;color: #1b2470;}

/*--home & lising layout--*/
.leftside h2 {font-weight: normal;color: #1b2470;font-size: 1.3em;}
.leftside {float: left;width: 69%;}
.contentBlockLeft h1 {margin-top: 2em;}
.contentBlockLeft p, .contentBlockLeft li {color: #787b9f;}
.contentBlockLeft strong {color: #24285e;}
.leftside p {color: #4a4a4a;margin-top: 1em;}
.seminarListing {margin: 2em 0 0 0;padding: 1em 0 0 0;background: url(../src-imgs/listingBg.jpg) no-repeat right top;border-top: 1px solid #e3e3e3;}
.seminarListing h2 {font-size: 1.2em;font-weight: bold;margin: 0;border: none;text-transform: none;}
.rightside {float: right;display: none;}
.info, .reg {float: right;}
.info {text-decoration: none;width: 60px;display: block;padding: 6px;background: url(../src-imgs/info-button.gif) no-repeat center 2px;text-align: center;color: #5f5f5f;}
.info:hover {color: #000;text-align: center;background-position: center -50px;background-repeat: no-repeat;}
.reg {text-decoration: none;width: 60px;display: block;padding: 6px;background: url(../src-imgs/reg-button.gif) no-repeat center 2px;text-align: center;color: #5f5f5f;}
.reg:hover {color: #000;text-align: center;background-position: center -50px;background-repeat: no-repeat;}
#infoTable td {padding: 1em;}
#infoTable tr {border-top: 1px solid #b0b0b0;}

/*--tabs--*/
.TabbedPanels {margin: 0 0 0 0;padding: 0px;float: left;clear: none;width: 100%;

/* IE Hack 
to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}
#rightColInner .TabbedPanelsTabGroup {margin: 0px;padding: 0px;}
.TabbedPanelsTab {position: relative;float: left;list-style: none;-moz-user-select: none;-khtml-user-select: none;cursor: pointer;}
.TabbedPanelsTab a {color: black;text-decoration: none;}
.TabbedPanelsContent {padding: 4px;}
.TabbedPanelsContentVisible {}
.VTabbedPanels .TabbedPanelsTab {float: none;margin: 0px;border-top: none;border-left: none;border-right: none;}
.VTabbedPanels .TabbedPanelsContentGroup {clear: none;float: left;padding: 0px;}
.TabbedPanels {margin: 0px;padding: 0px;float: left;clear: none;width: 100%;/* IE Hack 
to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}
.TabbedPanelsTabGroup {margin: 0px;padding: 0px;}
#rightColInner .TabbedPanelsTab {width: 92px;padding: 4px 4px 10px 4px;text-align: center;background: url(../src-imgs/tab-buttons.gif) no-repeat center top;}
#rightColInner .TabbedPanelsTab.TabbedPanelsTabHover {background: url(../src-imgs/tab-buttons.gif) no-repeat center -48px;}
#rightColInner .TabbedPanelsTabSelected,#rightColInner .TabbedPanelsTabSelected.TabbedPanelsTabHover {background: url(../src-imgs/tab-buttons.gif) no-repeat center -91px;}
#rightColInner .TabbedPanelsTab a {color: black;text-decoration: none;}
.TabbedPanelsContentGroup {clear: both;}
.TabbedPanelsContent {padding: 4px;}
.TabbedPanelsContentVisible {}
.VTabbedPanels .TabbedPanelsTabGroup {float: left;position: relative;}
.VTabbedPanels .TabbedPanelsTab {float: none;margin: 0px;}
.VTabbedPanels .TabbedPanelsContentGroup {clear: none;float: left;padding: 0px;}

/*--form only--*/
/* - - - - - - - - - - - - - - - - - - - - -

Title : Wufoo Form Structure
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : September 30, 2007

- - - - - - - - - - - - - - - - - - - - - */
#regFormm, #regLateFormm {text-align: left;padding-bottom: 2em;}
#regFormm ul, #regLateFormm ul {margin: 0;}
#regFormm li, #regLateFormm li {background: none;margin: 0;}
#regFormm, #top, #bottom, #footer, #regLateFormm {margin: 0 auto;}
form.oplFormReg {margin-top: 2em;}
.oplFormReg li {width: 90%;}
form ul {list-style-type: none;width: 100%;font-size: 100%;}
form li {margin: 0;padding: 4px 5px 2px 9px;position: relative;clear: both;}
form li:after, .buttons:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
form li, .buttons {display: inline-block;}
* html form li, * html .buttons {height: 1%;}
form li, .buttons {display: block;}
* html form li div {display: inline-block;}
form li div, form li span {margin: 0 4px 0 0;padding: 0 0 8px 0;color: #444;}
form li span {float: left;}
form li div.address {padding-bottom: 0;}
form li div.left {display: inline;float: left;width: 47%;}
form li div.right {display: inline;float: right;width: 47%;}
.clear {clear: both !important;}
/* ----- FIELDS AND LABELS ----- */
label.desc {line-height: 150%;padding: 0 0 1px 0;border: none;}
form li div label, form li span label {margin: 0;padding-top: 3px;clear: both;font-size: 9px;line-height: 9px;color: #444;display: block;}
input.text, input.file, textarea.textarea, select.select {margin: 0;font-size: 100%;color: #333;}
input.text, textarea.textarea, .firefox select.select {border: 1px solid #7c7c7c;background: #fff;}
input.text, input.file {padding: 2px 0 2px 0;}
label.choice {font-size: 100%;display: block;line-height: 1.5em;margin: -1.65em 0 0 25px;padding: .44em 0 .5em 0;color: #222;width: 90%;}
input.checkbox, input.radio {display: block;line-height: 1.5em;margin: .6em 0 0 3px;width: 13px;height: 13px;}
select.select {margin: 1px 0;padding: 1px 0 0 0;}
select.select[class] {margin: 0;padding: 1px 0 1px 0;}
*:first-child+html select.select[class] {margin: 1px 0;}
.safari select.select {margin-bottom: 1px;}
/* ----- BUTTONS ----- */
#regFormm input {background-color: #f5f5f5;}
#regFormm input:focus {background-color: #fff;border-color: #1b2470;}
input.btTxt {padding: 0 7px;width: auto;overflow: visible;}
.buttons {clear: both;margin-top: 10px;}
.buttons input {font-size: 120%;margin-right: 5px;}
/* ----- SIZES ----- */
.third {width: 32% !important;}
.half {width: 48% !important;}
.full {width: 100% !important;}
input.small, select.small {width: 25%;}
input.medium, select.medium {width: 50%;}
input.large, select.large, textarea.textarea {width: 100%;}
.early, #details {color: #1b2470;background-color: #f0f3bf;padding: 1em;border: 1px solid #9fa615;margin: 1em 0 2em 0;}
/* ----- ERRORS ----- */
#errorLi {width: 99%;margin: 0 auto;background: #fff;border: 1px dotted red;margin-bottom: 1em;text-align: center;padding-top: 4px;padding-left: 0px;padding-right: 0px;}
#errorMsgLbl {margin: 7px 0 5px 0;padding: 0;font-size: 125%;color: #DF0000;}
#errorMsg {margin: 0 0 .8em 0;color: #000;font-size: 100%;}
#errorMsg strong {background-color: #FFDFDF;padding: 2px 3px;color: red;}
form li.error {display: block !important;background-color: #FFDFDF !important;margin: 3px 0;}
form li.error label {color: #DF0000 !important;}
form p.error {color: red;font-weight: bold;font-size: 10px;margin: -2px 0 5px 0;clear: both;}
.leftLabel p.error, .rightLabel p.error {margin-left: 30%;padding-left: 15px;}
.noI .leftLabel p.error, .noI .rightLabel p.error {margin-left: 35%;padding-left: 15px;}
/* ----- REQUIRED ----- */
form .req {float: none;color: red !important;font-weight: bold;margin: 0;}
/*---ERRORS---*/
.errors {background-color: #FFDFDF;padding: 7px;color: red;border: 1px solid #fb2200;}
input.required {background-color: #fbdcd7;border: 2px solid #fb2200;}
input.required:focus {background-color: #FFF;border: 2px solid #fb2200;}