﻿/*
Title:Global CSS
Description:Resets agent styles to create a level playing field for all browsers, 
defines commonly used styles, form styles, defines a grid system, and other commonly 
used styles and techniques you may use on any project.
Author:David Fross
*/
/*Top-level Elements
---------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0}
html, body {background:#fff;color:#000;cursor:default}
body {font:normal 75.25%/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;/*Equal to 12px type with 18px line height*/}
/*Generic Block-level Elements
---------------------------------------------------------*/
address, blockquote, pre {margin-bottom:1.35em;font-weight:normal}
address {font-style:normal}
blockquote {margin-left:1em;font-style:italic}
blockquote:before, blockquote:after, q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
p {margin-bottom:1em;font-size:1em}
pre {font-family:monospace;font-size:1.2em}
h1, h2, h3, h4, h5, h6 {font-weight:bold;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;line-height:1}
h1, h2 {margin-bottom:18px;letter-spacing:-1px}
h3, h4, h5, h6 {margin-bottom:0.35em}
h1 {font-size:2.0em}
h2 {font-size:1.665em;margin-bottom:9px}
h3 {font-size:1.5em;font-weight:normal;letter-spacing:normal}
h4 {font-size:1.35em}
h5 {font-size:1.2em}
h6 {font-size:1.1em}
hr {clear:both;border:solid 1px #ccc;margin:7px 0;*margin:0}
/*Lists
---------------------------------------------------------*/
ul, ol {margin:0 0 1.35em 2.5em}
ul ul, ul ol, ol ol, ol ul {margin:0.1em 0 0.15em 1.5em}
dl {margin:0 0 1.35em 0}
dt {font-weight:bold}
dd {margin-bottom:0.5em}
/*Tables
---------------------------------------------------------*/
table {margin-bottom:1.35em;text-align:left;border:none;border-spacing:0;border-collapse:separate;font-family:Arial, Helvetica, Sans-Serif;table-layout:auto;empty-cells:show}
caption {font-weight:bold;text-align:left}
summary {display:none}
td, th {text-align:left}
th {font-weight:bold}
/*Forms
---------------------------------------------------------*/
button {width:auto;overflow:visible;/*IE padding fix - uses auto width and overflow*/}
fieldset {margin:0 0 1em 0;padding:1em;border:solid 1px #ddd;position:relative;*position: relative; *margin-top:0.7em; *padding-top:1.75em;-moz-border-radius:4px 8px 8px 8px;-webkit-border-radius:8px}
legend {color:#666;font-weight:bold;font-size:1.35em;*position:absolute;*top:-.5em;*left:.25em;text-shadow: 1px 1px 1px #ddd}
input, textarea, select {padding:2px;font:normal 100% Arial, Helvetica, sans-serif;-moz-border-radius:4px;-webkit-border-radius:4px}
input {margin-right:2px;*margin-right:0;background:#fff url(images/inputbg.gif) repeat-x top}
select {font-family:Arial, Helvetica, Sans-Serif;background:#fff url(images/inputbg.gif) repeat-x top}
option {padding-right:5px}
textarea {overflow:auto /*IE overrides default to show scrollbar*/}
.caption, .note,.instruction {font-size:11px;line-height:14px;font-weight:normal;color:#999;font-family:Arial, Helvetica, san-serif}
.formelementwrapper {margin-bottom:1.35em}
.errormessage {display:block;font:bold 1em Arial, Trebuchet MS, Sans-Serif;clear:both;padding:4px 0 4px 18px;background:transparent url(images/icon-error.gif) no-repeat 0px 4px}
/*Formated Forms - Based on the markup by Derek Featherstone at www.simplyaccessible.org and enhancements by Gayaranga Prabhath Sirisena (Prabhath) at www.nidahas.com*/
div.formwrapper {font-family:Arial, Helvetica, Sans-Serif}
div.formwrapper fieldset div.clear {clear:both;padding:0 !important}
/**/
div.formwrapper p.legend {margin-bottom:1em;font-size:11px;line-height:1.2em}
div.formwrapper p.legend em {color:#C00;font-size:1em;font-weight:bold;font-style:normal}
/**/
div.formwrapper .errors {margin-bottom:1.35em;padding:1em;border:1px solid #CCC;background-color:#FFC}
div.formwrapper .errors p {margin:0}
div.formwrapper .errors p em {color:#C00;font-size:1em;font-weight:bold;font-style:normal}
div.formwrapper .errormessage {display:block;margin-left:170px;font:bold 1em Arial, Trebuchet MS, Sans-Serif;clear:both}
div.formwrapper .grid .errormessage, div.formwrapper .controlset .errormessage {margin-left:0}
/**/
div.formwrapper p {margin:0;line-height:1.2}
div.formwrapper p.note {margin: 2px 0 2px 170px;color:#666;font-size:11px;font-family:Arial, Helvetica, Sans-Serif;line-height:12px}
div.formwrapper fieldset {}
div.formwrapper fieldset fieldset {border:0;border-top:double 3px #ddd;margin-top:1em;padding:0.5em 0 0 0;*padding-top:1em;-moz-border-radius:0; -webkit-border-radius:0}
div.formwrapper fieldset fieldset legend {font-size:1.1em;*left:0;*padding-left:0}
div.formwrapper legend {}
div.formwrapper fieldset div, div.formwrapper div {padding:0.15em 0}
div.formwrapper fieldset div input, div.formwrapper fieldset div select {width:200px}
div.formwrapper fieldset div input[type="image"] {width:auto; background: none; padding: 0; }
div.formwrapper fieldset div input[type="checkbox"] input, div.formwrapper fieldset div .radiobutton input, .fm-button, .fm-button-cancel, .noborder input {width:auto !important;line-height:1}
div.formwrapper label, div.formwrapper span.label {margin-right:10px;_margin-right:8px;padding-right:10px;width:150px;float:left;display:block;text-align:right;position:relative}
div.formwrapper label.error, div.formwrapper span.error {color:#C00}
div.formwrapper label em, div.formwrapper span.label em {color:#C00;font-size:1em;font-weight:bold;font-style:normal;font-family:"Trebuchet MS" , Verdana, Helvetica !important;position:absolute;right:0}
div.formwrapper input.error {border-color:#C00;background-color:#FEF}
div.formwrapper div.controlset label, div.formwrapper div.controlset input {float:none;display:inline;line-height:1;margin:0;margin-right:3px;_margin-right:0;*margin-right:0}
div.formwrapper div.controlset div {margin-left:170px;padding:0}
div.formwrapper div.controlset div span {_zoom:1}
div.formwrapper div.buttonrow {margin-left:170px}
div.formwrapper div.buttonrow .fm-button{margin-top:0}
div.formwrapper div.buttonrow-centered{margin:0;text-align:center}
div.formwrapper div.important p {margin-bottom:1em}
div.formwrapper div .radiobutton input {position:relative;top:2px}
/**/
.accepted {background:transparent url(images/icon-accept.gif) no-repeat left;padding-left:18px}
/*Other form styles*/
.noborder input {border:none;background:none}
.error-messagebox {border:solid 1px #990000;padding:6px !important;background:red;margin-bottom:1em}
.error-messagebox p {color:#fff;margin:0;font-weight:bold;padding:0px 0 0px 20px;background:transparent url(images/icon-exclamation.gif) no-repeat 0 50%}
.error-messagebox a, .error-messagebox a:visited {color:#ffcc00 !important}
.error-messagebox a:hover {color:yellow !important}
div.fomwrapper .important, div.formwrapper * .important {padding:1em !important}
div.formwrapper td, div.formwrapper table, div.formwrapper tr {margin:0;padding:0}
div.formwrapper .grid td input {width:auto}
div.formwrapper .grid td select {width:98%}
/*enroll finish step */
.enrollfinishsteps {width:31%;float:left;margin:1em 1.5% 0 0;background-repeat:no-repeat;background-position:right top}
.enrollfinishsteps p.legend {font-size:1em !important}
.enrollstepprintbg {background-image:url(images/enrollsteps-printbg.jpg)}
.enrollstepsignbg {background-image:url(images/enrollsteps-signbg.jpg);height:100px}
.enrollstepmailbg {background-image:url(images/enrollsteps-mailbg.jpg)}
.enrollstepfaxbg {background-image:url(images/enrollsteps-faxbg.jpg);height:100px}
#printapplication {display:none}
/**/
/*Styles for a single column (if 2 equal columns)*/
div.formwrapper .grid-2ec-1 .errormessage, div.formwrapper .grid-2ec-2 .errormessage {margin-left:120px}
div.formwrapper .grid-2ec-1 p.note, div.formwrapper .grid-2ec-2 p.note {margin-left:120px}
div.formwrapper .grid-2ec-1 label, div.formwrapper .grid-2ec-1 span.label, div.formwrapper .grid-2ec-2 label, div.formwrapper .grid-2ec-2 span.label {width:100px}
div.formwrapper .grid-2ec-1 div.controlset div, div.formwrapper .grid-2ec-2 div.controlset div {margin-left:120px}
div.formwrapper .grid-2ec-1 div.buttonrow, div.formwrapper .grid-2ec-2 div.buttonrow {margin-left:120px}
/*Styles for a single column (if 1/3 / 2/3 columns)*/
div.formwrapper .grid-2c-ttss-r .errormessage, div.formwrapper .grid-2c-sstt-l .errormessage {margin-left:120px}
div.formwrapper .grid-2c-ttss-r p.note, div.formwrapper .grid-2c-sstt-l p.note {margin-left:120px}
div.formwrapper .grid-2c-ttss-r label, div.formwrapper .grid-2c-ttss-r span.label, div.formwrapper .grid-2c-sstt-l label, div.formwrapper .grid-2c-sstt-l span.label {width:100px}
div.formwrapper .grid-2c-ttss-r div.controlset div, div.formwrapper .grid-2c-sstt-l div.controlset div {margin-left:120px}
div.formwrapper .grid-2c-ttss-r div.buttonrow, div.formwrapper .grid-2c-sstt-l div.buttonrow {margin-left:120px}
/*Styles for .narrowlabels*/
div.formwrapper .narrowlabels .errormessage {margin-left:110px;_margin-left:105px}
div.formwrapper .narrowlabels p.note {margin-left:110px}
div.formwrapper .narrowlabels label, div.formwrapper .narrowlabels span.label {width:90px;_width:85px}
div.formwrapper .narrowlabels div.controlset div {margin-left:110px;_margin-left:105px}
div.formwrapper .narrowlabels div.buttonrow {margin-left:110px;_margin-left:105px}
/*Styles for .widelabel*/
div.formwrapper .widelabel .errormessage {margin-left:180px;_margin-left:175px}
div.formwrapper .widelabel p.note {margin-left:180px}
div.formwrapper .widelabel label, div.formwrapper .widelabel span.label {width:160px;_width:155px}
div.formwrapper .widelabel div.controlset div {margin-left:180px;_margin-left:175px}
div.formwrapper .widelabel div.buttonrow {margin-left:180px;_margin-left:175px}
/*Styles for enroll start*/
div.formwrapper #enrollstart .errormessage {margin-left:200px}
div.formwrapper #enrollstart p.note {margin-left:200px}
div.formwrapper #enrollstart label, div.formwrapper #enrollstart span.label {width:180px}
div.formwrapper #enrollstart div.controlset div {margin-left:200px}
div.formwrapper #enrollstart div.buttonrow {margin-left:200px}
/*Special Inline Elements
---------------------------------------------------------*/
a, a:link, a:active {color:blue;text-decoration:underline}
a:visited {}
a:hover {color:#6A6BFF}
iframe, object {margin-bottom:1.35em}
img {border:0;font-size:1px /*prevents additional padding when resizing text through browser*/}
q {font-style:italic}
sup {vertical-align:baseline;position:relative;bottom:0.35em;/*this method ensures IE will not adjust line-heights*/ color:#999 !important;font-family:Arial, Helvetica, San-Serif}
h1 sup, h2 sup, h3 sup, h4 sup {font-weight:normal;font-size:11px !important;*font-size:13px!important;letter-spacing:normal;vertical-align:top}
sub {vertical-align:baseline;position:relative;bottom:-0.25em;/*this method ensures IE will not adjust line-heights*/}
/*Phrase Elements
---------------------------------------------------------*/
abbr, acronym {border-bottom:dashed 1px #ccc;font-variant:small-caps;cursor:help}
citec, code, kbd, samp, var {color:#666;font-family:monospace;font-size:1.2em}
dfn {font-style:italic;font-family:serif;font-size:1.15em}
em, i {font-style:italic}
ins {background-color:#FFFFCC}
del {color:red}
strong, b {font-weight:bold}
var {color:blue}
/*Grid System
---------------------------------------------------------*/
/*Legend
--------------------
Syntax:.grid-Prefix#(ec or w or n)-(Suffix# or l or r)
--------------------
Prefix# = # of columns in a group
Suffix# = # order of column (ex:1 of 2, 2 of 2, 1 of 3, 2 of 3, 3 of 3, etc.)
ec = equal column
w = wide
n = narrow
l = left
r = right
ttss = 1/3 / 2/3
sstt = 2/3 / 1/3
Note:add 'gutter' classes to column layouts to give it additional space between columns
--------------------
*/
/*2 Equal Fluid Columns */
.grid-2ec-1, .grid-2ec-2 {width:49.5%;_width:49.4%;float:left;padding-right:0.5%;_padding-right:0}
.grid-2ec-1 {_padding-right:1%}
/*3 Equal Fluid Columns */
.grid-3ec-1, .grid-3ec-2, .grid-3ec-3 {width:30.33%;float:left;padding-right:1.5%; margin-right:1.5%;_padding-right:1%;_margin-right:0}
/*4 Equal Fluid Columns */
.grid-4ec-1, .grid-4ec-2, .grid-4ec-3, .grid-4ec-4 {width:24.5%;float:left;padding-right:0.5%}
/*2 Fluid Columns - 1 Wide / 1 Narrow */
.grid-2c-w-l {width:62%;float:left}
.grid-2c-n-r {width:36%;float:right}
.grid-2c-n-l {width:36%;float:left}
.grid-2c-w-r {width:62%;float:right}
.grid-2c-w-l, .grid-2c-n-r, .grid-2c-n-l, .grid-2c-w-r {position:relative}
/*2 Fluid Columns - 1/3 / 2/3 */
.grid-2c-ttss-l, .grid-2c-sstt-r {width:34%;float:left;padding-right:1%}
.grid-2c-sstt-l, .grid-2c-ttss-r {width:63%;float:left;padding-right:1%}
/*IE Padding Correction*/
.grid-2ec-2, .grid-3ec-3, .grid-4ec-4, .grid-2c-n-r, .grid-2c-w-r, .grid-2c-ttss-2, .grid-2c-sstt-2 {*padding-right:0;_padding-right:0}
/*Gutters*/
/*For 2 Equal Fluid Columns*/
.gutter-r-2ec {width:46%;_width:45%;margin-right:3.5%}
.gutter-l-2ec {width:46%;_width:45%;margin-left:3.5%;float:right}
/*For 2 (33/66) Fluid Columns(only applies to the widest column)*/
.gutter-l-2cttss {width:60%;margin-left:3.5%;_margin-left:2%}
.gutter-r-2csstt {width:60%;margin-right:3.5%;_margin-right:2%}
/**/
/*Other Classes
---------------------------------------------------------*/
.leftcolumn { width: 49%; float: left; display: inline; }
.rightcolumn { width: 49%; float: right; display: inline; }
.clear {clear:both;height:0;line-height:0;font-size:0;visibility:hidden;display:block;/*IE Only:height and line-height provided to address a rendering error of empty containers*/}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix {display:block;}
.divider-l {border-left:dotted 1px #ccc;padding-left:1.35em;margin-left:1em}
.divider-r {border-right:dotted 1px #ccc;padding-right:1.35em;margin-right:1em}
.h-divider {height:1px;clear:both;margin:1em 0;line-height:1;border-top:solid 1px #cccccc}
.digicertsiteseal {margin:20px 0;overflow:hidden;position:relative;width:100%;}
.digicertsiteseal * {letter-spacing:normal}
.login {border:solid 1px #83ACD3;-moz-border-radius:6px;-webkit-border-radius:6px;padding:18px !important;background:#e4f4ff url(images/lightbluegradbg.jpg) repeat-x bottom;display:block}
.yellowbg {background-color:#fffcd5}
.block {display:block}
.last {margin-bottom:0 !important}
.bold {font-weight:bold}
.nowrap {white-space:nowrap}
div.disclaimer {border-top:dotted 1px #cccccc;padding-top:1em;margin-top:1.35em}
.disclaimer p, p.disclaimer {font:normal 11px/1.35em "Trebuchet MS" , Arial, sans-serif;background:transparent;color:#999999;margin-bottom:0.35em}
.hideoverflow {overflow:hidden;display:none}
.visibilityhidden {visibility:hidden}
.verify {background:transparent url(images/icon-verify.gif) no-repeat left;padding:2px 0 2px 22px}
.help {background:transparent url(images/icon-question.gif) no-repeat left;padding:2px 0 2px 22px}
.MemberActive {background:green;padding:5px;color:#ffff99;font-weight:bold}
.MemberNotActive {background:#cc0000;color:#fff;padding:5px;font-weight:bold}
.phonefaxwrapper *{margin-bottom:0;}
.phonefaxwrapper label{font-weight:bold;}

/*
Report Styles
*/
#reportwrapper {float:left;height:600px}
#reportwrapper div {margin:0 !important;padding:0px !important;width:900px !important}
#reportwrapper table div {display:inline !important}
#reportwrapper table * {margin:0 2px 0 0 !important;padding:0 !important;width:auto !important}
/*
FAQ
*/
.faqwrapper {padding-left:36px}
.faqwrapper h2 {margin-left:-36px}
.faqwrapper h3 {background:transparent url(images/icon-faqquestion.gif) no-repeat left;padding-left:18px;margin-left:-18px;letter-spacing:-1px}
.faqwrapper .additionalhelp {float:right;margin:0px 0px 1.2em 1.2em;width:225px;padding-bottom:0}
.faqwrapper .additionalhelp h3 {padding-left:0;margin-left:0;background:none}

/*Common Back-Office Styles
---------------------------------------------------------*/
.backofficehomebody {float:left;width:62%}
.backofficesidebar {float:right;width:30%;position:relative;padding:18px;background-color:#f4f4f4}
.backofficesidebar .tl-corner, .backofficesidebar .tr-corner, .backofficesidebar .bl-corner, .backofficesidebar .br-corner {background-image:url(images/corner-lightgray.gif)}
.backofficesidebar p, .sitetips p {font-size:11px;line-height:13px}
.backofficehomebody h2, .backofficesidebar h2 {font-size:1.55em}
.backofficesidebar .divider {clear:both; line-height:1px;border-bottom:solid 1px #ccc;margin:18px 0}

/*Lists that contain downloads of various file types*/
.dl-list {margin-left:0;list-style:none;border-top:solid 1px #f3f1f1;position:relative;font-family:Arial, Helvetica, Sans-Serif}
.dl-list li {line-height:1;padding:4px 0;border-bottom:solid 1px #f3f1f1}
.dl-list.pdfs li, .dl-list.photos li, .dl-list.videos li {padding-left:20px;background-position:left 4px;background-repeat:no-repeat;background-color:Transparent; }
.dl-list.pdfs li {background-image:url(images/icon-pdf.gif)}
.dl-list.photos li {background-image:url(images/icon-photos.gif)}
.dl-list.videos li {background-image:url(images/icon-video.gif)}
.dl-list a {display:block;padding:2px 0}
.dl-list .version {font-size:11px;color:#999;display:block;margin-top:2px}

.pdf {padding:2px 0 2px 20px;background:transparent url(images/icon-pdf.gif) no-repeat left}

.icon-profile {background:transparent url(images/icon-suituser.gif) no-repeat left;padding-left:20px}
.icon-progress {background:transparent url(images/icon-money.gif) no-repeat left;padding-left:20px; }
.icon-goal {background:transparent url(images/icon-goldaward.gif) no-repeat left;padding-left:20px; }
.icon-website {background:transparent url(images/icon-website.gif) no-repeat left;padding-left:20px; }
.icon-newreps {background:transparent url(images/icon-newreps.gif) no-repeat left;padding-left:20px}
.icon-prevmonth {background:transparent url(images/icon-prevmonth.gif) no-repeat left;padding-left:20px}
.icon-useredit {background:transparent url(images/icon-useredit.gif) no-repeat left;padding-left:16px}
.icon-lockedit {background:transparent url(images/icon-lockedit.gif) no-repeat left;padding-left:16px}
.icon-team {background:transparent url(images/icon-team.gif) no-repeat left;padding-left:26px}
.call {background:transparent url(images/icon-telephone.gif) no-repeat left;padding:2px 0 2px 20px}
.green {color:#009900}
.orange {background-color:#ffff99}
.red {color:red}
.darkred {color:#990000}
.medred {color:#cc0000}
.blue {color:#0000cd}
.black {color:#000}
.lightgreen {background-color:#daf5d0}
.largeboldgreen {font-size:1.5em;font-weight:bold;color:#009900}
.bluetext {color:#0067b0}
.darkblue {color:#203662}
/*Progress sliders*/
.requirementwrapper {border-bottom:solid 1px #eee;margin:0;padding:2px 0;height:25px}
.requirement {font-weight:bold;color:#888;width:60%;float:left;margin:0;line-height:25px;height:25px}
.sliderwrapper {float:right;width:208px;height:25px;position:relative; }
.slider {width:208px;height:15px;background:#fff url(images/sliderbar.gif) no-repeat bottom;position:absolute;bottom:0}
.slidercover {position:absolute;right:0;width:210px;height:15px;background-color:#fff;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85}
.obtained {font-weight:bold;font-size:11px; color:#666;position:absolute;top:0;left:0;z-index:9999}
/*
Sales Activity
*/
fieldset.reports, fieldset.overview {height:330px}
fieldset.overview h3 {margin-top:1em}
.reportslist {margin:0;padding:0;list-style:none}
.reportslist li {background:transparent url(images/icon-report.gif) no-repeat 0 3px;position:relative;padding:0 0 0.35em 24px;margin-bottom:0.35em;*padding:0 0 0.5em 24px;*margin-bottom:0.5em;line-height:1.2em;border-bottom:solid 1px #F3F1F1}
.reportslist li a {font-weight:bold}
.datasummarywrapper div div {border-bottom:solid 1px #dbdbdb;padding:2px 0}
.datasummarywrapper label {float:left;clear:left;width:84px;font:normal 12px/1.2em Arial, Helvetica, san-serif}
.datasummarywrapper .value {float:left;clear:right;font:normal 12px/1.2em Arial, Helvetica, san-serif}
.datasummarywrapper .note, .datasummarywrapper br {clear:both;display:block}
.datasummarywrapper p {margin:0;padding:0}
.datasummarywrapper .grandfathered {background-color:#f4f4f4;margin-top:0.5em;border:none;padding:0.5em}
.datasummarywrapper .grandfathered p {font:normal 11px Arial, Helvetica, San-serif;color:#666;word-spacing:1px}
.legendwrapper {margin:0.5em 0;background:#f7f7f7;padding:9px;border:solid 1px #eee}
.legendheading {font:bold 13px/1.5 Arial, Helvetica, Sans-Serif;letter-spacing:normal;color:#666;margin-bottom:0.35em}
.legendwrapper p {margin:0;color:#666;font:normal 11px/18px Arial, Helvetica, Sans-Serif;border-bottom:solid 1px #f2f2f2}
.legenditem {width:60px;float:left;text-align:left}
.geneologylegend .legenditem {width:32px}
.legenditem img {vertical-align:middle;margin-left:6px}
/*
Genealogy
*/
.levelcontainer {position:relative;width:26px;height:23px;float:left;margin-right:0.5em}
.anglelines {background:transparent url(images/anglelines.gif) no-repeat 0 0;height:16px;width:9px;position:absolute;right:17px;bottom:7px}
.levelbox {background:transparent url(images/levelbox_default.gif) no-repeat 0 0;height:17px;width:18px;position:absolute;right:0;bottom:0;z-index:1}
.star {background:transparent url(images/levelbox_star.gif) no-repeat 0 0;height:12px;width:12px;position:absolute;right:-6px;bottom:11px;*right:-5px;_right:-5px;_bottom:9px;z-index:3}
.terminated {background:transparent url(images/levelbox_terminated.gif) no-repeat 0 0}
.levelunit {width:17px;height:16px;font-size:11px;font-weight:bold;text-align:center;vertical-align:middle;position:absolute;right:1px;bottom:0px;*bottom:1px;z-index:5}
.levellabel {margin-top:7px;float:left}
/*Genealogy Grid*/
#genealogygrid td {border-bottom:solid 1px #fff;padding:0 4px 0 0}
#genealogygrid th {border:solid 1px #ccc;}
#genealogygrid th {padding:9px 0 9px 4px;font-size:1.1em;color:#0067b0;text-align:left;background:#f7f7f7 url(images/tblheaderbg.gif) repeat-x bottom; padding:9px 0}
#genealogygrid .disabled {cursor:default !important}
.genealogyreportbuttons {white-space:nowrap;background:#eee;padding-left:4px;margin-right:4px;border-right:solid 1px #ccc}
.genealogyreportbuttons input {padding:0;margin:0;margin-top:5px; }
.genealogyreportbuttons input:hover {cursor:pointer}
.sortup a, .sortdown a,.sortdown-disabled a {background:transparent url(images/icon-sort-up.gif) no-repeat left;text-indent:12px;display:block}
.sortdown a {background-image:url(images/icon-sort-down.gif)}
.sortdown-disabled a {background-image:url(images/icon-sort-down-disabled.gif)}
/*
Pager Styles
*/
.grid tr.pager-row {position:relative}
.grid tr.pager-row * {margin:0;font-size:0}
.grid tr.pager-row td {border:none;position:relative}
.grid tr.pager-row td table {float:right;position:relative;margin-right:9px;top:-1px;*top:-2px}
.grid tr.pager-row a {font:bold 14px/1 Arial, Helvetica, San-Serif;background:#eee url(images/pagertabbg.gif) repeat-x bottom;display:block;padding:3px 5px;border:solid 1px #ccc;text-decoration:none;margin-right:1px;*margin-right:0}
.grid tr.pager-row a:hover {background-color:#f9f9f9}
.grid tr.pager-row span {font:bold 14px/1 Arial, Helvetica, San-Serif;background-color:#fff;color:#539dde;display:block;padding:3px 5px;border:solid 1px #ccc;border-top-color:#fff;margin-right:1px;*margin-right:0}
/*
News & Announcements Styles
*/
.news {position:relative}
.news p.postdetail {position:relative;margin:0 0 0.5em 0;background:transparent url(images/postbg.gif) repeat-x 0 0;color:#999;font:normal 10px/15px Arial, Helvetica, San-Serif;text-transform:uppercase;border-top:dotted 1px #ccc;*border-top-width:2px;_border-top-style:solid}
.news p.postdetail .hot {font-weight:bold;color:#cc0000}
.news p.postdetail .managers {font-weight:bold;color:#3d8824}
.news span.readnewslink { position:absolute;right:0;top:0;font-size:11px}
.news span.readnewslink a {text-decoration:none;display:block;text-align:right}
.news .postbodywrapper {overflow:hidden;padding-bottom:0.75em;position:relative;_zoom:1}
.news .postbody {position:relative;margin-bottom:0; padding:1em 1em 0 1em}
.news .postbody p {font-size:11px;line-height:14px; }
.news .postbody h3, .news h3 {color:#0067b0;font-weight:bold;font-style:normal}
.news h2 {margin:0;line-height:1.2;_line-height:1.2;font-size:1.5em !important}
.news .hotitemwrapper {position:relative}
.news .hotitem {background:transparent url(images/hotitem.gif) no-repeat;height:39px;width:40px;position:absolute;right:0;top:-5px;_top:-2px}
.news h3 {font-size:12px;letter-spacing:normal;font-family:Arial, Helvetica, Sans-Serif;text-transform:uppercase}
.news a {font-weight:bold;font-family:Arial, Helvetica, Sans-Serif;letter-spacing:normal;text-transform:none}
/*
Mutliview Menu
*/
.multiviewmenuwrapper {position:relative;height:30px;top:1px;z-index:1}
.multiviewmenucontainer {position:absolute;left:33px;z-index:1;*height:1%/*IE7 hasHeight error fix*/}
.mvmenuendcap-left {position:absolute;z-index:2;width:13px;height:30px;left:-12px;background:transparent url(images/mvmenuendcapleft.gif) no-repeat 0 0}
.mvmenuendcap-right {position:absolute;z-index:0;width:20px;height:30px;right:-18px;background:transparent url(images/mvmenuendcapright.gif) no-repeat 0 0}
.multiviewmenu {font:bold 11px/30px Verdana, Arial, Sans-Serif;text-align:center;background:#fff url(images/multiviewmenubg.gif) repeat-x 0 0}
.multiviewmenu * {margin:0;padding:0}
.multiviewmenu a, .multiviewmenu a:link, .multiviewmenu a:visited {display:block;padding:0 1em;text-decoration:none !important}
.multiviewmenu .StaticMenuItemStyle {background:transparent url(images/multiviewmenuitembg.gif) no-repeat 0 0}
.multiviewmenu .StaticHoverStyle, .multiviewmenu *:focus {color:#539dde;background:transparent url(images/multiviewmenuhoverbg.gif) no-repeat 0 0}
.multiviewmenu .StaticSelectedStyle {background:transparent url(images/multiviewmenuselectedbg.gif) no-repeat 0 0}
.multiviewmenu .StaticSelectedStyle a, .multiviewmenu .StaticSelectedStyle a:hover, .multiviewmenu .StaticSelectedStyle a:focus {color:#0067b0;cursor:default; border-right:solid 1px #acacac !important;position:relative;right:-1px;height:30px;margin-left:0}
.multiviewmenu .disabled {color:#ccc !important;cursor:default !important}
/*
MultiView
*/
.multiviewwrapper {padding:18px !important;padding-bottom:0 !important;margin-bottom:1.35em;border-top:solid 1px #acacac;background-color:#fff;position:relative; height:1%;/*IE hasLayout error fix*/}
.multiviewendcap-left {position:absolute;z-index:2;width:11px;height:250px;top:-1px;left:-11px;background:transparent url(images/mvendcapleft.gif) no-repeat 0 0}
.multiviewendcap-right {position:absolute;z-index:2;width:11px;height:250px;top:-1px;right:-11px;background:transparent url(images/mvendcapright.gif) no-repeat 0 0}
/*
Name Value Lists
*/
.namevaluelistwrapper {margin:0 0 1.35em 0;_zoom:1/*IE hasLayout fix*/}
.namevaluelistwrapper h3 {border-bottom:solid 1px #0067B0;margin:0;line-height:1.1em}
.namevaluelistwrapper ul {list-style:none;margin:0 0 0.5em 0;padding:0}
.namevaluelistwrapper li {border-bottom:solid 1px #e2e2e2;overflow:hidden;padding:2px 0;_zoom:1}
.namevaluelistwrapper p {margin:0;font:normal 12px/18px Arial, Helvetica, San-Serif}
.namevaluelistwrapper p.label {float:left;width:120px;color:#777; }
.namevaluelistwrapper p.value {float:left}
.namevaluelistwrapper.widelabels p.label {width:175px}
.namevaluelistwrapper.extrawidelabels p.label {width:225px}
.namevaluelistwrapper.narrowlabels p.label {width:90px}
.namevaluelistwrapper.condensed {line-height:1;margin-bottom:1.35em}
/*
/*
LevelSummary
*/
.LevelSummary {width:100%;table-layout:fixed;border-top:solid 1px #ccc;border-collapse:separate !important}
.LevelSummary td {border-bottom:solid 1px #ccc}
.LevelSummary p {margin:0;line-height:1.75}
.LevelSummary p.label {width:60px;float:left;color:#777}
.LevelSummary p.value {float:left;font-weight:bold}

/*
Calendar
*/
.Calendar {background-color:#fff;border-collapse:separate !important;position:absolute;z-index:999}
.Calendar * {margin:0;padding:0;line-height:1;table-layout:fixed;text-align:center}
.Calendar .TitleStyle {font-weight:bold;color:#555;line-height:25px;background:transparent url(images/TitleStyle-bg.gif) repeat-x bottom;height:25px; }
.Calendar .NextPrevStyle a {color:#555;width:25px !important;height:25px} 
.Calendar .DayHeaderStyle {height:15px; font-family:Trebuchet MS, Arial;text-transform:uppercase;font-size:10px;font-weight:normal;color:#fff;background:transparent url(images/DayHeaderStyle-bg.gif) repeat-x bottom; } 
.Calendar .DayStyle, .Calendar .TodayDayStyle {height:22px !important;width:27px !important; background:transparent url(images/DayStyle-bg.gif) no-repeat 1px 1px;font-size:11px}  
.Calendar .TodayDayStyle {background:transparent url(images/TodayDayStyle-bg.gif) no-repeat 1px 1px; font-weight:bold;font-size:12px} 
.Calendar .TodayDayStyle a {color:#fff !important}
.Calendar .WeekendDayStyle {height:22px !important; width:27px !important;background:transparent url(images/DayStyle-bg.gif) no-repeat 1px 1px;font-size:11px} 
.Calendar .OtherMonthDayStyle{height:22px !important; width:27px !important;background:transparent url(images/OtherMonthDayStyle-bg.gif) no-repeat 1px 1px;font-size:11px}
.Calendar .OtherMonthDayStyle a {color:#666 !important}
.Calendar a {display:block;line-height:22px;height:22px;width:27px;color:#203662}
.Calendar a:hover {font-weight:bold;font-size:12px}
.Calendar .SelectedDayStyle {height:22px !important;width:27px !important; background:transparent url(images/SelectedDayStyle-bg.gif) no-repeat 1px 1px;font-size:12px;font-weight:bold}
.Calendar .SelectedDayStyle a {color:#203662 !important} 
.Calendar .SelectorStyle { }

/*Print Styles*/
@media print {
	body {background-image:none;background-color:#fff;font-size:12px !important}
	.trim, embed, object {display:none !important}
	#footer {border-top:solid 2px #eee !important;padding:12px 0 0 0 !important;height:auto !important;position:relative !important;top:18px !important}
	#footer * {text-align:left;padding:0 !important;margin:0 !important;left:0 !important;top:0 !important;position:relative !important;line-height:18px !important}
}

