/* colors in the head sections of the lightbox template will be defined in classes in that centers style sheet
heart.css, vascular.css, center.css and institutional.css will have a light box section
*/


.LightBoxContainer { position: absolute; top: 0; left: 0; background-color: #000; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; z-index: 100; width: 100%; min-height: 875px; height: 100%; }

.lightBoxWindow { width: 622px; margin: 0 auto; padding: 40px 0 40px; top: 10px; }
.closeBox { position: absolute; top: -16px; right: -15px; width: 79px; height: 30px; z-index: 20; text-indent: -9999px; }
.closeBox a { display: block; height: 30px; background: transparent url(../images/buttons/btn_close.gif) no-repeat 0 0; }
.closeBox a:hover { background: transparent url(../images/buttons/btn_close_over.gif) no-repeat 0 0; }
.ltBottom { display: block; position: absolute; left: 0; bottom: -10px; height: 10px; z-index: 1; }
.ltTop { display: block; position: absolute; left: 0; top: -10px; height: 10px; z-index: 10;}

.ltContent, .ltBoxPolicy { position: relative; margin-bottom: 34px; background: #fff; }
.ltContent .inner, .ltBoxPolicy .inner { width: auto; }
.ltContent .inner { padding: 4px 14px 14px; }
.ltContent .head h2, .ltContent .head strong { color: #fff; padding: 14px; }
.ltContent .head h2 { font-family: georgia, serif; font-size: 22px; font-weight: normal; padding: 14px 14px 0; }
.ltContent .head strong { padding: 0 14px 14px; display: block; }
.ltContent p { padding: 10px; }
.ltContent .steps { background: url(../images/bg/bg_leftNav_dottedLine.gif) repeat-x 0 100%; list-style: none; }
.ltContent .steps li { float: left; padding: 4px 0 5px 10px; }
.ltContent .steps a { display: block; padding: 0 10px 3px 0; color: #3b4144; text-transform: uppercase; font-size: 11px; background: url(../images/icons/ico_step_circle.gif) no-repeat 0 0; text-decoration: none; }
.ltContent .steps a:hover { color: #1a1d20; background: url(../images/icons/ico_step_circle_active.gif) no-repeat 0 0; text-decoration: none; }
.ltContent .steps a:hover span { color: #fff; }

.ltContent .steps a span { text-align: center; padding: 0 12px 0 5px; position: relative; top: 1px; font-weight: bold; }
.ltContent .steps .active a { background: url(../images/icons/ico_step_circle_active.gif) no-repeat 0 0; }
.ltContent .steps .active a span { color: #fff; }

.fieldSets { background: url(../images/bg/bg_leftNav_dottedLine.gif ) repeat-x 0 100%; padding-bottom: 15px; }
.fieldRow { padding: 5px 11px 11px; position: relative; }
.fieldRow fieldset { border: none; }
.fieldRow label, .fieldRow label span { font-weight: bold; }
.fieldRow label span, .requiredTxt { color: #ee6103; }
.fieldRow label span { font-size: 14px; line-height: 11px; }
.fieldRow input { background: #fff; display: block; margin-top: 5px; }
.hint, .fieldRow .fieldHint { background: #E5E7E9 !important; }
.fieldHint { position: absolute; top: 0; right: 0; padding: 14px; width: 180px; }
.fieldHint p { padding: 0; color: #3b4144; }
.fieldRow .fieldHint { display: none; }
.hint .fieldHint { display: block; }

.ltBoxPolicy { padding: 20px 0 10px; }
.ltBoxPolicy .inner { padding: 14px; }
.ltBoxPolicy h3 { color: #464b4e;}
.ltBoxPolicy .inner { height: 150px; overflow: auto; padding-top: 0; margin-right: 10px; }
.ltBoxPolicy ol { padding-left: 20px; }
.ltBoxPolicy ol li { padding: 8px 4px 2px; font-weight: bold; }
.ltBoxPolicy p { padding: 10px 0}


/* ------------------------------ Test Light Box link -------------------------------*/
.testLtBox { width: 140px; height: 40px; background: #fff; position: absolute; left: 20px; top: 50px; text-align: center; padding: 30px 0 10px;}
.testLtBox a { font-weight: bold; font-size: 1.5em; }