.alert {
font-size: 12px;
width: 100%;
max-width: 720px;
background-color: #FFC;
border: 1px solid #FFC54A;
padding: 7px;
margin: 0 0 18px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}

.alert p {
padding: 0 0 0 40px;
margin: 0.5em 0 !important;
}

.alert .alert-icon {
float: left;
}

#browser-msg.ie_alert {
padding:5px 19px 5px 9px;
text-align: center;
color: #8a6d3b;
background-color: #fcf8e3;
font-size:12px;
border-color: #faebcc;
border-bottom:solid 1px #8a6d3b;
}

#browser-msg img {vertical-align:top;}

#leftnav {
margin: 0;
float: left;
left: 0;
width: 190px;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
top: 106px;
z-index: 80;
}

#leftnav ul {
margin: 0;
padding: 0;
text-align: left;
border: 0;
}

#leftnav li {
font-size: 1.3em;
list-style: none;
border-bottom: 1px solid #c0c0c0;
}
/***************************************Member Case Styles*****************************/
#leftnav li.case a {
text-indent: 0;
font-weight: bold;
font-size: .8em;
list-style: none;
display: block;
white-space: pre;
background-color: #D9F3FA;
}

#leftnav ul li.case a:hover {
text-indent: 0;
font-weight: bold;
background-color: #FFF;
font-size: .8em;
list-style: none;
background-color: #F7F2EA;
color: #336666;
}
/***************************************Employer Case Styles*****************************/
#leftnav li.empcase a {
color: #63246B;
text-indent: 0;
font-weight: bold;
font-size: .8em;
list-style: none;
display: block;
white-space: pre;
background-color: #E4E1EC;
}

#leftnav ul li.empcase a:hover {
text-indent: 0;
font-size: .8em;
list-style: none;
background-color: #F7F2EA;
}
/***************************************Retiree Case Styles*****************************/

#leftnav li.retcase a {
color: #00457B;
text-indent: 0;
font-weight: bold;
font-size: .8em;
list-style: none;
display: block;
white-space: pre;
background-color: #E4E9FD;
}

#leftnav ul li.retcase a:hover {
text-indent: 0;
font-weight: bold;
font-size: .8em;
color: #00457B;
background-color: #F7F2EA;
}

#leftnav ul li#current a {
background-color: #FFF;
background-image: url(/Images/Gif/arrow_r.gif);
background-repeat: no-repeat;
background-position: left;
}

li#current a:hover {
background-color: #FFF;
background-image: url(/Images/Gif/arrow_r.gif);
background-repeat: no-repeat;
background-position: left;
}

#leftnav ul li#current a:hover {
background-color: #FFFFFF;
}

#leftnav a {
color: #336666;
text-decoration: none;
font-weight: bold;
display: block;
padding: 4px 0 4px 6px;
text-indent: 0;
width: 98%;
background-color: #EEEEEE;
}

#leftnav li.selected a {
background-color: #FFF;
}

#leftnav a:hover {
color: #0000FF;
text-decoration: none;
font-weight: bold;
background-color: #F7F2EA;
}

#contactinfo {
margin: 0;
padding-top: 10px;
clear: left;
}

#contactinfo p {
padding: 0 0 0 6px;
}

#contactinfo address {
margin-top: 10px;
}

.nocaseMem, .nocaseEmp, .nocaseRet {
text-indent: 5px;
font-weight: bold;
padding: 4px 0 4px 0;
background-image: url(/Images/Jpg/nocasebgMem.jpg);
background-repeat: repeat-x;
background-position: left bottom;
margin-top: -5px;
width: 192px;
}

#leftnav .nocaseMem,
#leftnav .nocaseEmp,
#leftnav .nocaseRet {
font-size: 14px;
}

*html .nocaseMem {
margin-bottom: 0;
border: none;
background-position: left top;
padding: 4px 0 0 0;
height: 17px;
}

.casedown {
background-position: bottom;
background-image: url(/Images/Gif/casedown2.gif);
background-repeat: no-repeat;
background-position: 0 2px;
}

.nocaseEmp {
background-image: url(/Images/Jpg/nocasebgEmp.jpg);
}

*html .nocaseEmp {
margin-bottom: 0;
border: none;
background-position: left top;
padding: 4px 0 0 0;
height: 17px;
}

.nocaseRet {
background-image: url(/Images/Jpg/nocasebgRet.jpg);
}

*html .nocaseRet {
margin-bottom: 0;
border: none;
background-position: left top;
padding: 4px 0 0 0;
height: 17px;
}

li.case {
background-color: #D6CBDE;
}

/* Search Form Styles */

div#searchbox {
float: right;
margin: 0;
padding: 0 20px 0 0;
width: 360px;
text-align: right;
white-space: nowrap;
font-size: .85em;
}

#inputSearch {
background-color: #FFC;
border: solid 1px #fff;
width: 200px;
}

.searchbtn, .zoom_button {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
cursor: hand;
cursor: pointer;
/*height:22px;*/
width: 67px;
padding: 1px 1px 1px 16px;
background: #F7F2EA url(/Images/Gif/seek2.gif) no-repeat 2px 50%;
border: 2px outset #CCC;
}

.zoom_button {
border: 2px outset #999;
height: auto;
}

#searchbox a {
color: #FFF;
}

.zoom_searchbox {
background-color: #FFC;
border: 1px solid #CCC;
padding: 2px;
}
/* End Search Form Styles */
.callout.noborders {
border: none;
}

.callout.noborders img {
margin-top: 54px;
margin-left: -26px;
}

html {
background: #A9BFBF;
}

body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #A9BFBF;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}

.thrColAbsHdr {
position: relative;
width: 980;
background: url(/Images/Gif/container-bg.gif) repeat-y top;
margin-top: 0;
}

.thrColAbsHdr #container {
position: relative;
width: 960px;
background: #FFFFFF;
margin: 0 auto;
border-top: solid 2px #fff;
border-bottom: 1px solid #000000;
text-align: left;
}
/* Tips for absolutely positioned sidebars with header and footer:
1. Absolutely positioned (AP) elements must be given a top and side value, either right or left. (As a default, if no top value is given, the AP element will begin directly after the last element in the source order of the page. This means, if the sidebars are first element in the #container in the document's source order, they will appear at the top of the #container even without being given a top value. However, if they are moved later in the source order for any reason, they'll need a top value to appear where you desire.
2. Absolutely positioned (AP) elements are taken out of the flow of the document. This means the elements around them don't know they exist and don't account for them when taking up their proper space on the page. Thus, an AP div should only be used as a side column if you are sure the middle #mainContent div will always contain the most content. If either sidebar were to contain more content, that sidebar would run over the bottom of the parent div, and in this case the footer as well, and the sidebar would not appear to be contained.
3. If the above mentioned requirements are met, absolutely positioned sidebars can be an easy way to control the source order of the document.
4. If the source order is changed, the top value should be equal to the height of the header since this will cause the columns to visually meet the header.
*/
#utilities {
/*position:relative;*/
height: 22px;
background-color: #000;
background-image: url(/Images/Jpg/utilities-bg.jpg);
background-repeat: repeat-x;
width: 960px;
float: left;
}

#header {
float: left;
height: 114px;
width: 960px;
}

#header img {
width: 960px;
height: 114px;
margin: 0;
padding: 0;
border: none;
}

#header map {
}

#topnav {
float: left;
clear: both;
background: #EEE url(/images/gif/top-nav-bg.gif) repeat-x 0 0;
height: 46px;
width: 100%;
border-top: 1px solid #222;
border-bottom: 1px solid #CCC;
}

#topnav {
*z-index: 100;
*position: relative;
}

.tabs .arrow {
font-size: 11px;
color: #999;
}

/* myVRS Access Menu */
.tabs li.myvrs-menu {
float: left;
width: 192px;
position: relative;
z-index: 100;
}

.tabs li.myvrs-menu:hover {
background: #DDD;
}

.tabs a.myvrs-hit-state {
font-weight: bold;
color: #212121;
display: block;
height: 46px;
width: 192px;
padding-left: 16px;
font-size: 13px;
line-height: 46px;
text-decoration: none;
text-align: center;
background: url(/images/png/myvrs-logo-35x13.png) no-repeat 13px 50%;
}

.tabs .myvrs-menu .menu {
display: none;
}

.tabs .myvrs-menu .menu {
width: auto;
background: #FFF;
border: 1px solid #BBB;
border-top-width: 4px;
margin: 0;
padding: 10px;
width: 200px;
list-style: none;
line-height: 24px;
border-radius: 5px;
box-shadow: 0 3px 3px 1px rgba(0,0,0,0.25);
position: absolute;
left: 5px;
top: 37px;
}

.tabs .myvrs-menu ul {
margin: 0;
padding: 0;
text-align: left;
}

.tabs .myvrs-menu .menu a {
display: inline;
}

/* Tabs */
.tabs {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
position: relative; /*z-index:100;*/
}

.tabs ul {
list-style: none;
margin: 0;
padding: 0;
}

.tabs > li {
width: 162px;
height: 43px;
float: left;
margin-right: 1px;
border-bottom: 3px solid #BBB;
line-height: 43px;
text-align: center;
position: relative;
}
/*.tabs li li {line-height:2; text-align:left;}*/
.tabs > li > a {
font-weight: bold;
font-size: 15px;
color: #212121;
text-decoration: none;
}

.tabs li li {
line-height: 2;
}

.tabs li li a {
text-decoration: none;
display: block;
line-height: 1.7;
font-size: 12px;
}

.tabs li li a:hover {
background-color: rgba(0,0,0,0.075);
}

.tabs li li a:hover {
text-decoration: underline\9; /* \9 hack to target IE8 */
}

.tabs p {
line-height: 1.5;
}

.tabs .menu {
display: none;
}

.tabs .show-menu-text {
display: none;
line-height: 1;
font-size: 10px;
font-weight: normal;
color: #888;
margin-top: -8px;
}

.tabs .current-tab .show-menu-text {
display: block;
}

.tabs .big-menu {
background: #F3F3F3;
border-radius: 5px;
display: none;
position: absolute;
left: -189px; /* left=(640/2)-(162/2) */
top: 37px;
padding: 10px;
width: auto;
min-width: 550px;
z-index: 101;
line-height: 1;
text-align: left;

}

.tabs .big-menu {
box-shadow: 0 3px 3px 1px rgba(0,0,0,0.25);
}

.home .tabs .big-menu .button {
display: block;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
background: url(/images/png/bg-black-10-percent.png) repeat 0 0\9; /* \9 hack to target IE8 */
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 1px rgba(255, 255, 255, 0.75) inset;
color: black;
display: block;
font-weight: bold;
line-height: 2;
text-align: center;
text-decoration: none;
}

.tabs .big-menu .button:hover {
color: #00F;
background-color: rgba(0,0,255,0.05);
background: url(/images/png/bg-blue-5-percent.png) repeat 0 0\9; /* \9 hack to target IE8 */
}

/*.tabs > li:hover .big-menu { display:block; }*/
.tabs ul.left, .tabs ul.right {
width: 265px;
margin: 10px;
}

.tabs ul.left {
float: left;
margin-left: 0;
}

.tabs ul.right {
float: right;
margin-right: 0;
}


.tabs li.employers {
margin-left: 15px;
background: #DFCCE1 url(/images/jpg/tabs-er-bg.jpg) repeat-x 0 0;
border-bottom-color: #86478E;
}

.tabs li.employers:hover {
background: #CFAED2;
}

.employers .big-menu {
background: #DFCCE1;
border: 1px solid #86478E;
border-top-width: 3px;
}

.tabs li.members {
background: #D4E4E4 url(/images/jpg/tabs-mem-bg.jpg) repeat-x 0 0;
border-bottom-color: #568989;
}

.tabs li.members:hover {
background: #B8D1D1;
}

.members .big-menu {
background: #D4E4E4;
border: 1px solid #568989;
border-top-width: 3px;
}

.tabs li.retirees {
background: #D3E1ED url(/images/jpg/tabs-ret-bg.jpg) repeat-x 0 0;
border-bottom-color: #23689E;
}

.tabs li.retirees:hover {
background: #B8CFE2;
}

.retirees .big-menu {
background: #D3E1ED;
border: 1px solid #23689E;
border-top-width: 3px;
}

.tabs li.current-tab {
border-bottom-color: #FFF;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
background: #FFF url(/images/jpg/tabs-current-bg.jpg) repeat-x 0 0;
height: 44px;
}

.tabs li.spacer {
width: 100%;
height: 1px;
background: #CCC;
display: block;
margin: 1em 0;
}

/* DCP tab */
.tabs .dcp-menu {
font-size: 15px;
float: right;
width: 225px;
padding: 0 12px;
}

.tabs .dcp-menu:hover {
background: #DDD;
}

.tabs .dcp-menu a {
font-size: 18px; /*font-weight:normal;*/
color: #036;
}

.tabs .dcp-menu .big-menu {
left: auto;
right: 10px;
border: 1px solid #BBB;
border-top-width: 3px; /*display:block !important;*/
}

.tabs .dcp-menu li a {
font-size: 18px;
font-weight: normal;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.tabs a { /*float:none;*/
}

.tabs a:visited { /*color:#FFF;*/
}
/* End IE5-Mac hack  #ECF0F8; */

#printheader {
display: none;
}

.thrColAbsHdr #sidebar1 {
position: absolute;
top: 184px;
left: 0;
z-index: 80;
width: 192px;
padding: 0;
float: left;
clear: right;
}

.thrColAbsHdr #sidebar2 {
position: absolute;
top: 240px;
right: 0;
width: 160px;
padding: 15px 10px 15px 20px;
}

.thrColAbsHdr #mainContent {
margin-left: 200px;
padding: 0 7px;
_height: 768px;
min-height: 768px;
width: 520px;
float: left;
clear: left;
}

#bttop-container {
text-align: center;
margin: 100px 0 20px 0;
clear: left;
}

a.back-to-top {
background: url(/Images/Gif/backtotop.gif) no-repeat left center;
padding-left: 15px;
}

a.semibutton {
display: inline-block;
text-align: right;
background: url(/Images/Gif/greenArrow.gif) no-repeat right 5px;
padding-right: 17px;
}

.thrColAbsHdr #footer {
padding: 0;
background: #DDDDDD;
height: 36px;
background-image: url(/Images/Gif/footerbg.gif);
background-repeat: repeat-x;
background-position: bottom;
margin: 0 0 12px 0;
border-top: solid 1px #999;
}

.thrColAbsHdr #footer p {
margin: 0;
padding: 10px 0;
}

.fltrt {
float: right;
margin-left: 8px;
}

.fltlft {
float: left;
margin-right: 8px;
}
/*############################  From main4fixed.css  ##################################################*/
html, body {
font-family: Verdana;
font-size: 85%;
}

#utilities li {
display: inline;
padding: 0;
margin: 0;
}

.noshow {
display: none;
}

ul.utilLeft {
float: left;
padding: 0 7px;
margin: 0;
height: 22px;
background-color: transparent;
background-image: url(/Images/Jpg/utility-bg-long.png);
background-repeat: no-repeat;
background-position: top right;
width: 335px;
}

ul.utilRight {
float: right;
padding: 0;
margin: 0 9px;
}

h1 {
font: bold 1.7em Verdana;
color: #000;
border: none;
background-image: url(/images/Gif/blocks.gif);
background-repeat: no-repeat;
background-position: 1px 6px;
text-indent: 25px;
clear: left;
}

h2 {
font: bold 1.3em Verdana;
color: #336666;
/*margin-bottom:0;*/
margin: 1.5em 0 1em 0;
}

h2.subheading {
font: bold 1.2em Verdana, sans-serif;
color: #333;
margin-bottom: 1em;
}

h3 {
color: #363636;
margin-bottom: 0;
padding-bottom: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
}

h4 {
font: bold 0.95em Verdana, Arial, Helvetica, sans-serif;
color: #494949;
margin-bottom: 0;
padding-bottom: 0;
}

h1 a, h2 a, h3 a, h4 a {
font-weight: bold;
}

p {
text-indent: 0;
}

div#mainContent p, #mainContent ul li, #mainContent ol li {
margin-top: 0;
line-height: 1.75em;
}

a img {
border: none;
}

strong a {
font-weight: bold;
}

a {
color: #006;
font-weight: normal;
text-decoration: underline;
outline: none;
}

a:visited {
color: #800080;
}

a:hover {
color: #00F;
text-decoration: none;
}

a:active {
}

a.utilitylink, a.utilitylink:hover, a.utilitylink:active, a.utilitylink:visited {
font: normal 12px Verdana, Arial, sans-serif;
}

address {
font-style: normal;
margin-top: 2em;
margin-left: 0;
margin-bottom: 1em;
}
/********************/
/*  <dfn> tooltips  */
/********************/
dfn {
font-style: normal;
border-bottom: 1px dashed #006;
color: #006;
cursor: help;
position: relative; /* This property will be set via jQuery. */
}

dfn .tooltip {
position: absolute;
top: -50px;
right: -250px;
z-index: 9999;
color: #000;
background-color: #FFFFCC;
border: 1px solid #CCC;
padding: 7px;
width: 250px;
font-size: 11px;
font-weight: normal;
line-height: 1.2;
display: none;
opacity: 1;
}

dfn .tooltip .close-tooltip {
text-align: center;
color: #006;
text-decoration: underline;
margin-top: 1em;
}
/***********************/
/* expandable content  */
/***********************/
div.expandable-box {
padding: 0;
margin: 0;
margin-right: 250px;
}

#content div.expandable h2.expand-this {
text-decoration: underline;
color: #006;
font-weight: normal;
cursor: pointer;
margin: 3px;
}

#content div.expandable h2.ui-state-default {
background: #F0F0F0 url(/Images/Gif/arrow_r.gif) no-repeat 3px 7px;
padding: 2px 2px 2px 14px;
}

#content div.expandable h2.ui-state-active {
background: #F0F0F0 url(/Images/Gif/arrow_d.gif) no-repeat 3px 9px;
padding: 2px 2px 2px 14px;
outline: none;
outline: 0;
}

#content div.expandable div.expand-content {
margin: 3px;
}
/******************/
/*  fade content  */
/******************/
ul.fade-menu {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

ul.fade-menu li {
margin-left: 0;
padding-left: 17px;
}

ul.fade-menu li.active {
background: url(/Images/Gif/greenArrow.gif) no-repeat left 4px;
}

ul.fade-menu li.active a:link, ul.fade-menu li.active a:visited, ul.fade-menu li.active a:hover, ul.fade-menu li.active a:active {
color: #000 !important;
font-weight: bold;
text-decoration: none;
cursor: text;
outline: none;
}

#plan-type {
margin-bottom: 25px;
height: 190px;
}

#plan-type ul {
margin: 0 0 0 1.5em;
padding: 0;
}

#plan-type li {
font-size: 1em;
margin-bottom: 1em;
}

#plan-type h2 {
margin: 0 0 0.5em;
font-size: 1.2em;
}

#plan-type .plan-box {
border: 1px solid #CCCCCC;
margin-right: 15px;
padding: 5px;
width: 230px;
height: 180px;
display: inline-block;
float: left;
position: relative;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
}

/*faux 50% opacity*/
#plan-type .plan-box.unselected {
color: #939393;
border: 1px solid #E5E5E5;
}

#plan-type .plan-box.unselected a {
color: #7F7FB2;
}

#plan-type .plan-box.unselected dfn {
border-bottom-color: #7F7FB2;
color: #7F7FB2;
}

#plan-type .plan-box.unselected {
color: #939393;
border: 1px solid #E5E5E5;
}

#plan-type .plan-box.unselected h2 {
color: #99B2B2;
}

#plan-type .plan-box.hover {
background-color: rgb(234,241,221);
}

#plan-type .plan-box.hover {
color: #454545;
}

#plan-type .plan-box.hover h2 {
color: #618984;
}

#plan-type .plan-box.hover dfn {
color: #555891;
border-bottom-color: #555891;
}

#plan-type .plan-box.selected {
background-color: rgb(234,241,221);
color: #000;
}

#plan-type .plan-box.selected h2 {
color: #366;
}

#plan-type .plan-box.selected dfn {
color: #006;
border-bottom-color: #006;
}

#plan-type .plan-box.selected:after {
content: "";
display: block;
width: 50px;
height: 25px;
float: left;
position: absolute;
bottom: -25px;
left: 50%;
margin-left: -25px;
background: url(/images/png/down-arrow-50x25.png) no-repeat center bottom;
z-index: 999;
}

.box {
font-size: 0.95em;
border: 1px solid #CCC;
background: #FFD;
padding: 4px;
margin-bottom: 1em;
}

.box ul {
margin-left: 2em;
padding-left: 0;
}

.content-table {
border-collapse: collapse;
}

.content-table td,
.content-table th {
border: 1px solid #999;
padding: 5px;
vertical-align: top;
}

.content-table th {
vertical-align: top;
}

.calc-table {
width: 80%;
margin: 1em auto;
}

.calc-table td {
border: none;
padding: 2px 5px 2px 0;
vertical-align: top;
}

.calc-table td {
text-align: right;
}

.calc-table tr td:first-child {
text-align: left;
}

.calc-table tr.result td {
border-top: 1px solid #232323;
font-weight: bold;
}

.calc-table tfoot td[colspan] {
font-weight: normal;
font-size: 0.95em;
color: #666;
padding-top: 0.5em;
}


.my {
font-style: italic;
}

.datatable caption .my {
text-transform: none;
}

.note {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #666;
}

.notered {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: red;
}

.posted {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 7pt;
color: #000000;
margin-left: 20px;
}

.pstddate {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 7pt;
color: #333333;
}

.red {
color: #FF0000;
}

.tip {
background: url(/Images/Gif/tip.gif) no-repeat left top;
padding-left: 16px;
font-weight: bold;
font-size: 1.1em;
color: #000066;
}

.bold {
font-weight: bold;
}

.important {
font-weight: bold;
color: #FF0000;
text-transform: capitalize;
}

ul.hmenu {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 1;
}

ul.hmenu li {
display: inline;
padding: 0 5px 0 0;
margin: 0 5px 0 0;
border-right: 1px solid #000;
line-height: 1;
}

ul.hmenu li.last {
border-right: none;
}

.greylabel {
color: #474747;
font-weight: bold;
}

.rate {
background-color: #FFFFCC;
padding: 2px 0;
}

div#content p {
line-height: 1.8em;
margin-left: 0;
}

div#content p img.adobe {
/* IE fix for img/line-height bug */
_display: inline-block;
_margin: 0.5em 0;
_vertical-align: middle;
border: none;
}

div#content ul img.adobe {
/* IE fix for img/line-height bug */
_display: inline-block;
_margin: 0.4em 0;
_vertical-align: middle;
border: none;
}

.pdfsize {
background: url(/images/gif/adobe.gif) no-repeat left center;
padding-left: 15px;
}

.pdffillsize {
background: url(/images/gif/adobefill.gif) no-repeat left center;
padding-left: 17px;
}

div#content li {
line-height: 1.8em;
}
/* breadcrumbs*/
#crumbs {
margin: 15px 0 7px 0;
font-size: 1em;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #336666;
clear: both;
min-height: 1.5em;
width: 722px;
}

#crumbs div {
float: left;
display: block;
white-space: nowrap;
margin: 5px 0;
}

#crumbs .home {
background: url(/Images/Icons/housesmall.gif) no-repeat left center;
padding-left: 14px;
}

*html #content #crumbs {
/*IE only*/
margin: 7px 0 -10px 0;
}

*html #content #crumbs div {
}

#w3c {
margin: 12px 0 12px 22px;
}

.yerhere {
font: normal .9em verdana;
background-image: url(/Images/Gif/arrow_r.gif);
background-repeat: no-repeat;
background-position: left;
}

ul.noindent {
margin-left: -40px;
}

*html ul.noindent {
margin-left: 42px;
}

ul.noindent li {
list-style: none;
display: block;
margin-left: 10px;
}

*html ul.noindent li {
margin-left: -30px;
}

ul.noindent li.descriptions {
display: block;
margin-bottom: 5px;
margin-top: -7px;
margin-left: 25px;
margin-top: 0;
padding-right: 7px;
}

*html ul.noindent li.descriptions {
margin-left: -15px;
}

.callout a {
text-decoration: underline;
}

.callout {
margin-right: 20px;
font: 1.1em Verdana, sans-serif bold;
color: #000;
background-color: #F5F9F9;
border-right: solid 2px #999;
border-bottom: solid 2px #333;
border-left: solid 1px #CCC;
border-top: solid 1px #CCC;
padding: 0;
display: block;
position: absolute;
width: 180px;
top: 0;
right: 0;
float: right;
}

.callout-bumper {
margin: 4px;
display: inline-block;
font-weight: bold;
}

.whitebg {
border: none;
background-color: #fff;
}

.forms-wrapper .callout {
top: 190px;
width: 200px;
background: none;
border: none;
}

.bragboard {
background-color: #E2F4DC;
border: solid 1px #36A048;
font: .95em smaller normal;
text-align: center;
width: 187px;
padding: 7px;
float: right;
margin: 4px 2% 3% 10px; /* 3% prevents overlapping with footer */
clear: both;
}

.bragboard img {
margin: 0 5px 0 0;
border: none;
}

.callout p {
font-size: 0.9em;
padding: 5px;
}

.callout ul {
list-style-type: none;
margin: 5px;
padding: 0;
}

.callouthdr {
width: 178px;
font: bold 1.2em Verdana, sans-serif;
background-color: #EFEFEF;
border: #CCC solid 1px;
text-align: center;
padding: 3px 0;
background-image: url(/Images/Gif/footerbg.gif);
background-repeat: repeat-x;
background-position: bottom;
}

.forms-wrapper .callouthdr {
background: none;
border: none;
}

#sidebar1 .callouthdr {
background-image: none;
background-color: transparent;
border: none;
text-align: left;
margin-left: 9px;
margin-top: 18px;
}

.callout ul li.nobull {
font-size: .9em;
line-height: 1.1em;
background-image: url(/Images/Gif/blocks_co.gif);
background-repeat: no-repeat;
background-position: top left;
padding-left: 12px;
margin-top: 10px;
display: block;
border-bottom: none; /*dashed 1px #ccc;*/
padding-bottom: 3px;
height: auto;
}

li.nobull a {
text-decoration: none;
}

li.nobull a:hover {
text-decoration: none;
}

.callout ul a:hover, #content .callout p a:hover {
text-decoration: none;
}

.callout ul li.nbcurrent, .callout ul li.nbcurrent-page, .callout ul li.nbcurfade, .callout ul li.nbalert, .callout ul li.nbcurinfo, .callout ul li.openwindow, .callout ul li.openpdf {
font-size: .9em;
line-height: 1.1em;
background-image: url(/Images/Gif/blocks_co_current.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 12px;
margin-top: 10px;
display: block;
}

.callout ul li.nbcurrent-page {
background-image: url(/Images/Gif/arrow_l.gif);
background-position: 0 4px;
font-weight: bold;
}

.callout ul li.nbcurfade {
background-image: url(/Images/Gif/blocks_co.gif);
}

.callout ul li.nbalert {
background-image: url(/Images/Gif/blocks_alert.gif);
}

.callout ul li.nbcurinfo {
background-image: url(/Images/Gif/blocks_info.gif);
}

.callout ul li.openwindow {
background-image: url(/Images/Gif/newwindow.gif);
}

.callout ul li.openpdf {
background-image: url(/Images/Gif/openpdf.gif);
}

.callout ul li.openpdf img {
display: none;
}
/* FOR BULLETED ITEMS IN CONTENT  -tf */
#content ul.customBullets {
padding: 0;
margin: 0 0 0 2em;
list-style: none;
height: auto;
width: 125px;
}

#content ul.customBullets li.openwindow {
background-image: url(/Images/Gif/newwindow.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 12px;
display: block;
}

#content ul.customBullets li a {
}
/* END BULLETED ITEMS IN CONTENT*/

.spotlight {
float: left;
font: 1.0em Verdana, sans-serif;
width: 60%;
color: #000;
border: none;
margin: 4px 8px 4px 8px;
}

.features {
font: 1.2em Verdana;
float: left;
background-color: #FFF;
padding: 0 0 4px 0;
margin-top: 12px;
border: 1px solid #CCC;
width: 65%;
color: #000;
margin-bottom: 12px;
}

.features h2 {
font: bold 1.0em #000 Verdana, sans-serif;
background-color: #EFEFEF;
border: #CCC solid 1px;
}

.resources {
font: 1.2em Verdana;
float: right;
background-color: #FFFFFF;
padding: 0 0 4px 0;
margin-top: 12px;
border: 1px solid #CCC;
width: 190px;
color: #000;
clear: right;
margin-bottom: 24px;
}

.resources h2 {
font: bold 1.0em #000 Verdana, sans-serif;
background-color: #EFEFEF;
border: #CCC solid 1px;
}

#footer {
background-image: url(/images/Gif/footerbg.gif);
background-repeat: repeat-x;
background-position: bottom;
}

#footer ul {
font-size: 1.1em;
}

#footernav {
text-align: center;
min-height: 32px;
vertical-align: middle;
}

ul#footernav li {
border: 0;
}

ul#footernav li a {
border: 0;
padding: 0.25em;
text-decoration: underline;
color: #000066;
font-weight: bold;
}

ul#footernav li:visited {
color: #800080;
}

ul#footernav li a:hover {
border: 0;
color: #0000FF;
text-decoration: none;
}

ul#footernav li a:active {
color: #0000FF;
}

#footer ul#footernav li {
display: inline;
}

.footer-logo {
padding: 5px 5px 5px 15px;
}

.last-mod {
float: right;
padding-right: 7px;
margin-right: 15px;
}

.reader-link {
float: right;
padding: 7px 22px 5px 5px;
}

div.sptlite {
background-image: url(/Images/Jpg/featuresbg.jpg);
background-position: left top;
background-repeat: no-repeat;
padding: 12px;
}

#translate-widget {
padding: 5px 5px 5px 15px;
}

#translate-label {
float: left;
margin-right: 5px;
}
/****** Tables ******/
.datatable {
border: 1px solid #999;
border-top: none;
border-collapse: collapse;
width: 500px;
}

.forms-wrapper .datatable {
width: 720px;
}

.datatable#dcp-amounts tr td {
text-align: center;
vertical-align: middle;
}
/* Fix Firefox borders */
#content > .datatable {
border-collapse: separate;
}

.datatable tr {
margin: 0;
padding: 0;
}

.datatable td {
border: 1px solid #FFF;
border-top: none;
padding: 5px;
text-align: left;
vertical-align: top;
vertical-align: text-top;
margin: 1px;
font-size: 1em;
line-height: normal;
}

.datatable tr.lightrow td,
.datatable tr.lightrow th {
background-color: #EFEFEF;
/*background-color: #FAFAFA;*/
}

.datatable tr.darkrow td,
.datatable tr.darkrow th {
background-color: #E7E3F7;
/*background-color: #F0EEFB;*/
}

.datatable th.tableheader {
border: 1px solid #FFF;
border-top-color: #003366;
border-bottom-color: #003366;
background-color: #CECFCE;
color: #000066;
padding: 2px;
text-align: center;
vertical-align: text-top;
}

.datatable span.tableheader-note {
font-weight: normal;
font-size: 0.975em;
}

.datatable th.tableheaderside {
border: 1px solid #FFF;
border-left: none;
background-color: #CECFCE;
color: #000066;
padding: 2px;
vertical-align: top;
}

.datatable th.incognito {
border: 1px solid #FFF;
background-color: transparent;
text-align: left;
font-weight: normal;
padding: 5px;
}

.datatable caption {
margin-top: 12px;
padding: 4px;
border: solid 1px #999;
border-bottom: none;
background-color: #EFEFEF;
color: #000063;
font-weight: bold;
text-transform: capitalize;
}

.info-table {
border-collapse: collapse;
border: none;
margin-bottom: 1em;
}

.info-table caption {
font-weight: bold;
text-align: center;
background: #E5E5E5;
border: 1px solid #CCC;
border-bottom: none;
padding: 4px;
}

.info-table tbody {
font-size: 1em;
}

.info-table td,
.info-table th {
font-size: 1em;
vertical-align: top;
border: 1px solid #CCC;
padding: 4px;
}

#content .info-table p + p {
margin-top: 1em;
}

.info-table tfoot {
font-size: 0.9em;
color: #292929;
}

.info-table tfoot td {
border: none;
padding: 4px 0;
}



table.simple-table {
margin: 3em auto;
border: none;
border-collapse: collapse;
}

table.simple-table caption {
border-bottom: 1px solid #CCC;
font-size: 1.1em;
font-weight: bold;
padding: 7px 0;
text-align: center;
}

table.simple-table th {
font-weight: bold;
padding: 7px;
text-align: center;
border-bottom: 1px solid #CCC;
background: #e9e9e9;
}

table.simple-table td {
padding: 7px;
border-bottom: 1px solid #BBB;
}

table.simple-table td.center,
table.simple-table tr.center td,
table.simple-table th.center,
table.simple-table tr.center th {
text-align: center !important;
}

table.simple-table td.left,
table.simple-table tr.left td,
table.simple-table th.left,
table.simple-table tr.left th {
text-align: left !important;
}

table.simple-table td.right,
table.simple-table tr.right td,
table.simple-table th.right,
table.simple-table tr.right th {
text-align: right !important;
}

table.simple-table.left-headers tr:first-child td,
table.simple-table.left-headers tr:first-child th {
border-top: 1px solid #BBB;
}

table.simple-table.left-headers th {
text-align: left;
border-right: 1px solid #CCC;
background: #F2F2F2;
}


table.simple-table.small td,
table.simple-table.small th {
font-size: 0.9em;
}

table.simple-table.small th,
table.simple-table.small td {
padding: 5px;
}

table.simple-table th[colspan][scope='col'] {
text-align: left;
}

table.simple-table th + td {
border-left: 1px solid #BBB;
}
/* alternate left headers */
table.simple-table th.sub1 {
background: #FCFCFC;
font-size: 1.1em;
}

table.simple-table th.sub2 {
background: none;
}

table.simple-table th[scope='row'] {
background: none;
font-weight: normal;
}

table.simple-table th[rowspan][scope='row'] {
border-right: 1px solid #BBB;
}

table.simple-table tfoot {
color: #666;
}

table.simple-table tfoot td {
border: none;
}

/* Education and Training icons */

li.classroom {
list-style-type: none;
background: url(/Images/Gif/classroom-16.gif) no-repeat left 3px;
padding-left: 20px;
margin-left: 0;
}

li.webinar {
list-style-type: none;
background: url(/Images/Gif/webinar-live-16.gif) no-repeat left 3px;
padding-left: 20px;
margin-left: 0;
}

li.elearning {
list-style-type: none;
background: url(/Images/Gif/e-learning-16.gif) no-repeat left 3px;
padding-left: 20px;
margin-left: 0;
}
/* jQuery expanding lists */
ul.expand-list {
list-style-type: none;
}

ul.expand-list li {
margin-left: 0;
}

ul.expand-list ul {
margin-left: 25px;
padding-left: 0;
list-style-type: square;
}

#mainContent ul.expand-list h3 {
line-height: 1.8;
margin: 0;
}

ul.expand-list h3 {
margin: 0;
padding: 0;
display: inline; /*width:400px;*/
}

#mainContent ul.expand-list h3 a {
color: #333;
font-weight: normal;
text-decoration: none;
}

ul.expand-list h3.collapse {
background: url(/Images/Gif/greenArrow_r.gif) no-repeat left 2px;
padding-left: 17px;
cursor: pointer;
text-decoration: underline;
color: #006;
}

ul.expand-list h3.expand {
background: url(/Images/Gif/greenArrow_d.gif) no-repeat left 3px;
padding-left: 17px;
cursor: pointer;
text-decoration: none;
}
/** END jQuery expanding lists **/

/* custom theme for jqueryUI accordion */
.ui-accordion {
/*	margin-right:20px;*/
padding-left: 1em;
margin-bottom: 2em;
}

div#mainContent .ui-accordion .ui-accordion-header {
display: block;
margin: 0;
padding: 0 0 0 20px;
font-size: 1em;
line-height: 1.8;
position: relative;
outline: none;
cursor: pointer;
zoom: 1;
color: #006;
}

.ui-accordion .ui-accordion-content {
padding-left: 20px;
display: block;
}

.ui-accordion-content a {
zoom: normal !important; /* Fix IE layout issue with long links in accordion. */
}

.ui-accordion .ui-accordion-header a:focus {
/*outline:none;*/
}

.ui-accordion a.header.ui-state-active {
text-decoration: none;
font-weight: bold;
}

.ui-accordion .ui-icon {
width: 16px;
height: 16px;
}

.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: 0;
top: 6px;
}

.ui-accordion .ui-icon-collapse {
background: url(/Images/Gif/greenArrow_r.gif) no-repeat 0 0;
}

.ui-accordion .ui-icon-expand {
background: url(/Images/Gif/greenArrow_d.gif) no-repeat 0 0;
}
/* END custom theme for jqueryUI accordion */
/** box class **/
ul.boxes, ul.smboxes {
margin: 0;
padding: 0;
list-style-type: none;
display: block;
width: 550px;
}

ul.boxes ul, ul.smboxes ul {
list-style-type: disc;
margin: 0 0 1em 2em;
padding: 0 10px;
}

ul.boxes p, ul.smboxes p {
margin: 0;
padding: 0 10px;
}

ul.boxes li, ul.smboxes li {
display: block;
float: left;
width: 265px;
margin: 0 10px 10px 0;
/*background:url(/Images/Gif/box.gif) no-repeat center center;*/
background: url(/Images/Jpg/box265x265.jpg) no-repeat center center;
}

ul.smboxes li {
background: url(/Images/Jpg/box265x225.jpg) no-repeat center center;
}

ul.boxes li {
height: 265px;
}

ul.smboxes li {
height: 225px;
}

ul.boxes li li, ul.smboxes li li {
display: list-item;
float: none;
width: auto;
height: auto;
margin: 0;
background: none;
}

ul.boxes h2, ul.smboxes h2 {
width: 250px;
font-size: 1.2em;
margin: 5px auto;
padding: 0;
background: #FFF url(/Images/Gif/boxTitleTop.gif) no-repeat center top;
position: relative;
}

ul.boxes h2 a, ul.smboxes h2 a {
height: 100%;
display: block;
padding: 7px 23px 7px 7px;
background: url(/Images/Gif/boxTitleBottom.gif) no-repeat center bottom;
font-weight: bold;
font-size: 0.9em;
color: #006; /*text-decoration:none;*/
}

ul.boxes h2 span, ul.smboxes h2 span {
height: 100%;
display: block;
padding: 7px 23px 7px 7px;
background: url(/Images/Gif/boxTitleBottom.gif) no-repeat center bottom;
font-weight: bold;
font-size: 0.9em;
color: #006;
text-decoration: none;
}

ul.boxes h2 a:visited, ul.smboxes h2 a:visited {
color: #000066;
}

ul.boxes h2 a:hover, ul.smboxes h2 a:hover {
color: #00F;
}

ul.boxes h2 a:active, ul.smboxes a:active {
color: #00F;
}

ul.iconbox {
margin: 5px -10px 0 0;
padding: 0;
list-style-type: none;
margin-right: 230px;
_margin-right: -10px;
_float: left;
}

.iconbox li {
float: left;
width: 211px;
height: 94px;
display: block;
margin: 5px 10px 5px 0;
padding: 3px 7px;
background: url(/Images/Jpg/box225x100.jpg) no-repeat center center;
}

.iconbox img.icon {
float: left;
height: 48px;
width: 48px;
border: none;
margin: 7px 5px 15px 0;
}

.hilite {
background-color: #FFFFCC;
}

.image {
vertical-align: middle;
border: none;
margin-right: 3px;
}

.image-right {
float: right;
margin: 0 0 10px 10px;
}

.faqlist li {
margin-top: 0.5em;
}

.imgleft {
float: left;
margin-right: 7px;
margin-bottom: 7px;
}

.imgright {
float: right;
margin-left: 7px;
margin-bottom: 7px;
}

.hdrbg {
position: relative;
color: #FFFFFF;
font-weight: bold;
font-size: 1.2em;
padding-left: 4px;
margin-top: 4px;
margin-bottom: 1px;
background-image: url(/Images/Gif/hdrbg.gif);
background-repeat: repeat-x;
background-position: bottom right;
}
/***** Form Styles *****/
#content .errorlist li.errorbulls {
list-style-position: outside;
list-style-type: disc;
margin-left: 12px;
}

.errorlist {
padding: 0.5em;
width: 400px;
margin-top: 0;
_margin-top: 15px;
margin-right: auto;
margin-bottom: 10px;
margin-left: 210px;
color: red;
font-weight: bold;
text-transform: uppercase;
}

.errorlist li {
text-transform: none;
}

.errorlist ul {
color: #FF0000;
list-style-position: outside;
list-style-type: disc;
margin: 0;
padding: 0 0 0 2em;
}

.errorlist label {
font-weight: bold;
color: #006;
text-decoration: underline;
cursor: pointer;
}

#errors .errorlist label {
float: none;
display: inline;
width: auto;
margin: 0;
padding: 0;
}

fieldset {
border-top: 1px solid #CCCCCC;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #CCCCCC;
padding: 5px 10px;
margin: 0 0 15px 0;
width: 90%;
}

fieldset legend {
border-top: 1px solid #CCCCCC;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #CCCCCC;
padding: 3px;
margin: 0 0 5px -7px;
color: #336666;
background-color: #FFFFFF;
font-weight: bold;
}

fieldset p {
margin-top: 0;
}

.fieldpair {
padding: 0 0 5px 0;
margin-top: 3px;
margin-bottom: 7px;
}

.fieldpair .note {
color: #444;
}

.fieldpair #charsLeft span {
background-color: #FFFFCC;
color: #000;
border-right: 2px solid #FF9;
border-left: 2px solid #FF9;
}

.fieldpair .input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
width: 250px;
padding: 1px;
margin: 0;
border: 2px inset #E0E0E0;
}

.fieldpair .inputsm {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
width: 100px;
padding: 1px;
margin: 0;
border: 2px inset #E0E0E0;
}

.fieldpair label {
text-align: right;
display: block;
padding: 0;
float: left;
width: 230px;
font-weight: bold;
margin: 0 5px 0 0;
}

.fieldpair textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
width: 250px;
margin: 0;
padding: 1px;
overflow: auto;
height: 175px;
}

.formbuttons {
display: inline;
margin: 10px 0 0;
padding: 2px;
font: bold 12px Arial, sans-serif;
background-color: #F7F2EA;
border-left-color: #FFF;
border-top-color: #FFF;
border-right-color: #000;
border-bottom-color: #000;
border-style: double;
cursor: hand;
cursor: pointer;
}

.formbuttons #btnClear {
margin-left: 135px;
position: absolute;
}

.formbuttons #btnSubmit {
margin-left: 335px;
position: absolute;
}

.droppair {
padding: 0 0 5px 0;
margin-bottom: 5px;
padding-left: 100px;
}

.droppair label {
text-align: left;
display: block;
padding: 0;
float: left;
width: 100px;
font-weight: bold;
margin: 0 5px 0 0;
}

.hlite {
background-color: #fff6f6;
}
/* REGISTRATION FORM */
#regForm {
width: 550px;
}

#regForm label {
float: left;
font-weight: bold;
width: 230px;
text-align: right;
margin: 10px 0 0 0;
padding-right: 10px;
}

#regForm .courseInfo {
line-height: 1.8;
width: 260px;
display: block;
float: left;
}

#regForm .input {
margin-top: 10px;
width: 250px;
font-size: 1.1em;
border: 1px solid #999;
}

#regForm .inputsm {
margin-top: 10px;
width: 100px;
font-size: 1.1em;
border: 1px solid #999;
}

#regForm .input3em {
width: 3em;
border: 1px solid #999;
}

#regForm textarea.input {
overflow: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

#regForm br {
clear: left;
}

#regForm .checkBoxGroup {
margin-top: 10px;
margin-left: 215px;
}

#regForm .checkBoxGroup .checkBox {
margin-right: 5px;
}

#regForm .checkBoxGroup td {
padding-bottom: 15px;
}

#regForm .checkBoxGroup label {
margin: 13px 0 0 0;
width: auto;
text-align: left;
float: none;
color: #333;
}

#regForm .checkBoxGroup ul {
margin-top: 0;
margin-bottom: 0;
}

#regForm fieldset {
width: 520px;
border: 1px solid #CCC;
padding: 5px 10px 10px;
}
/* END REGISTRATION FORM STYLES */
/***** End Contact Form Styles *****/
/*#######################BEGIN TOOLTIP ############################*/


a.info, a.info:link, a.info:visited, a.info:active {
position: absolute;
z-index: 24;
color: #009;
text-decoration: none;
margin: 1px 1px 1px 4px;
padding: 2px 4px;
width: 5px;
font-size: 100%;
cursor: hand;
cursor: pointer;
text-align: left;
color: #fff;
}

a.info:hover {
z-index: 25;
background: none;
color: #fff;
text-decoration: underline;
}

a.info span {
display: none;
color: #009;
text-decoration: none;
}

a.info:hover span {
display: block;
position: absolute;
bottom: 5em;
right: 2em;
border: 1px solid #000000;
background-color: #FFC;
color: #000000;
text-align: center;
font-size: 85%;
text-decoration: none;
padding: 7px;
}

*html a.info:hover span {
display: block;
position: absolute;
bottom: 4em;
right: 2em;
width: 5em;
border: 1px solid #000000;
background-color: #FFC;
color: #000000;
text-align: center;
font-size: 85%;
text-decoration: none;
padding: 0;
}
/*home tooltips*/
a.infohome, a.infohome:link, a.infohome:visited, a.infohome:active {
position: absolute;
z-index: 1000;
text-decoration: underline;
margin: 1px;
font-size: 1.0em;
cursor: hand;
cursor: pointer;
text-align: left;
}

a.infohome:hover {
z-index: 1000;
background: none;
text-decoration: none;
position: absolute;
}

a.infohome span {
display: none;
z-index: 1000;
text-decoration: none;
position: absolute;
}

a.infohome:hover span {
z-index: 1000;
padding: 1.0em 2.2em .6em .8em;
display: block;
position: relative;
bottom: 10em;
color: #000000;
text-align: center;
font-size: .85em;
text-decoration: none;
width: 10em;
height: 6.5em;
font-weight: normal;
background-image: url(/Images/Gif/message_lg.gif);
background-repeat: no-repeat;
}
/*#######################END TOOLTIP ############################*/
.rss {
background: url(/images/icons/rss.gif) no-repeat left center;
padding-left: 16px;
}

.thumbnail {
float: left;
margin: 0 15px 25px 0;
}

*html .container {
display: inline-block;
position: relative;
margin-right: -200px;
float: left;
}
/* fix for IE
* html #content {
height: 500px;
} */

#content {
float: left;
width: 470px;
margin: 0 25px;
font-size: 1.2em;
padding-bottom: 20px;
/* fixie */
float: right;
position: absolute;
top: 180px;
right: 160px;
}

.backtotop {
text-align: center;
margin: 0;
padding: 7px 0;
width: 100%;
float: left;
display: inline;
}


ul.mem-edu {
list-style: none;
}

ul.mem-edu .qtip-icon {
cursor: pointer;
}

.sample-email {
background-color: #FFE;
border: 4px double #CCC;
padding-right: 20px;
margin-bottom: 10px;
}


#training-container,
.box-container {
width: 800px;
}

#no-kc, #with-kc, #vrs-u, .box-container .box {
position: relative;
float: left;
width: 185px;
height: 225px;
margin: 10px 10px 10px 0;
padding: 9px;
border: 1px solid #CCC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
font-size: 1em;
width: 290px;
height: 190px;
}

.walk-ins {
height: 45px;
position: relative;
width: auto;
margin: 0;
padding: 3px;
border: 1px solid #CCC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
font-size: 1em;
background: #EBF5F5;
}

#no-kc,
.box-purple {
background: #E6E6FA;
}

#with-kc,
.box-red {
background: #FFE4E1;
}

#vrs-u,
.box-green {
background: #EBF5F5;
}

.box-default {
background: #F9F9F9;
}

.box-container .box .box-title {
padding: 7px;
margin: 0 0 0.5em;
background-color: #FFF;
border: solid 1px #CCC;
border-left-width: 10px;
}

.training-links {
position: absolute;
right: 2px;
bottom: 20px;
text-align: right;
white-space: nowrap;
}

/********************************/
/* MailChimp subscription form */
/******************************/

/* <div> */
#mc_embed_signup {
/*padding:0 10px 10px;*/
font-size: 10px;
}

/* <form> */
#mc_embed_signup .formbuttons {
float: right;
margin: 7px;
}

#mc-embedded-subscribe-form {
margin: 0 10px 10px;
}

#mc-embedded-subscribe-form fieldset {
border: none;
margin: 0;
padding: 0;
width: auto;
}

#mc-embedded-subscribe-form label {
font-size: 1.2em;
font-weight: bold;
}

#mce-error-response {
background: #FFE8E8;
color: #900;
border: 1px solid #990000;
display: none;
}

#mce-success-response {
background: #E8FFE8;
border: 1px solid #009900;
display: none;
}

#mc-embedded-subscribe-form .mce_inline_error {
background-color: #FFE8E8;
border: 1px solid #990000;
color: #990000;
float: none;
font-weight: normal;
margin: 0 0 1em;
padding: 0;
width: auto;
z-index: 1;
}

#mc-embedded-subscribe-form input {
margin-bottom: 1em;
}

#mce-error-response,
#mce-success-response,
#mc-embedded-subscribe-form input.mce_inline_error {
margin-bottom: 0.25em;
}

#mce-error-response,
#mce-success-response,
#mc-embedded-subscribe-form div.mce_inline_error {
font-weight: bold;
background-color: none;
border: none;
color: #900;
padding: 2px 0 4px 20px;
}

#mce-error-response,
#mc-embedded-subscribe-form div.mce_inline_error {
background: none;
background: url(/images/gif/circle-x.gif) no-repeat left 0;
}

#mce-success-response {
color: #090;
background: url(/images/gif/circle-check.gif) no-repeat left 0;
}

#homepage-wrap {
float: left;
padding: 0;
width: 760px;
}

#homepage-left {
margin: 0;
padding: 0;
}

#homepage-right {
float: right;
position: relative;
margin: 0;
padding: 0;
right: 40px;
}

#featured {
margin: 2em 27px 0 0;
float: right;
width: 206px;
}

#center-content {
float: left;
width: 500px;
}

#primary-links {
float: left;
width: 500px;
border-width: 1px 2px 2px 1px;
border-style: solid;
border-color: #ccc #999 #333 #ccc;
}

#tabs {
float: left;
width: 500px;
}



.plan-wrap {
clear: left;
width: 502px;
height: 182px;
margin-bottom: 20px;
padding-top: 14px;
}

#plan-1,
#plan-2 {
height: 182px;
position: relative;
}

.members #plan-1 {
z-index: 998;
}

.members #plan-2 {
z-index: 997;
}

.members .plan-wrap {
background: url(/Images/Jpg/member-plan-sprite.jpg) no-repeat 0 0;
}

.members #plan-1,
.members #plan-2 {
background: url(/Images/Jpg/member-plan-sprite.jpg) no-repeat -502px 0;
background-position: -502px bottom;
padding: 2px 0 2px 0;
}

.members #plan-1 .left-section,
.members #plan-2 .left-section {
width: 300px;
}

.members #plan-1 .right-section,
.members #plan-2 .right-section {
width: 200px;
margin-left: 300px;
float: none;
margin-top: -10px;
}

.members #primary-links ul {
padding: 0;
}

.plan-image {
width: 132px;
height: 146px;
position: absolute;
top: 0;
left: 7px;
}

#plan-1 .description,
#plan-2 .description {
background: url(/Images/Png/plan-description.png) no-repeat 0 0;
width: 152px;
height: 90px;
padding: 5px;
line-height: 1.7;
position: absolute;
top: 40px;
left: 140px;
}

#plan-1 .description p,
#plan-2 .description p {
margin: 0;
padding: 0;
text-align: center;
font-size: 11px;
}

body .members #primary-links .wide-menu {
position: absolute;
top: 0;
left: 140px;
}

.members #primary-links .wide-menu-button {
margin: 0;
}

/* Primary Links */
#primary-links {
padding: 0 0 5px;
}

#homepage-wrap #primary-links h2 {
margin: 0 0 5px;
padding: 0 0 0 13px;
font-size: 30px;
font-weight: normal;
color: #006;
}

#primary-links ul,
#secondary-links ul {
list-style-type: none;
list-style-image: url(/Images/Gif/arrow_bullet2.gif);
list-style-position: outside;
margin: 0 0 0 20px;
padding: 5px 0; /*width:40%;*/
}

.left-section {
float: left;
width: 48%;
}

.right-section {
float: left;
width: 49%;
}

#primary-links li {
font-size: 13px;
}

#primary-links a,
#secondary-links a {
/*font-weight:bold;*/
text-decoration: none;
line-height: 1.5;
display: inline;
margin-left: -5px;
}

#primary-links a:hover {
text-decoration: underline;
}

#primary-links h2 {
padding: 3px 16px;
}

#primary-links h3 {
font-size: 1.2em;
}

#primary-links h3,
#primary-links h3 a {
font-weight: bold;
margin-left: 2px;
}

.employers #primary-links {
background-color: #E4E1EC;
}

.employers #primary-links h2 {
background: #DBD5E3 url(/Images/Jpg/nocasebgEmp.jpg) repeat-x left bottom;
}

.employers #primary-links .wide-menu-button {
background: url(/Images/Gif/your-benefits-er-top.gif) no-repeat left top;
}

.employers #primary-links .wide-menu-button a {
background: url(/Images/Gif/your-benefits-er-bottom.gif) no-repeat right bottom;
}

.employers #primary-links .wide-menu-button a span {
background: url(/Images/Gif/your-benefits-arrow.gif) no-repeat right center;
}

.employers #primary-links .wide-menu div.wide-menu-top {
background: url(/Images/Gif/your-benefits-er-open-top.gif) no-repeat left top;
}

.employers #primary-links .wide-menu div.wide-menu-bottom {
background: url(/Images/Gif/your-benefits-er-open-bottom.gif) no-repeat left bottom;
}

.members #primary-links {
background-color: #DEF3FF;
}

.members #primary-links h2 {
background: #C9DEDE url(/Images/Jpg/nocasebgMem.jpg) repeat-x left bottom;
}

.members #primary-links .wide-menu-button {
background: url(/Images/Gif/your-benefits-top.gif) no-repeat left top;
}

.members #primary-links .wide-menu-button a {
background: url(/Images/Gif/your-benefits-bottom.gif) no-repeat left bottom;
}

.members #primary-links .wide-menu-button a span {
background: url(/Images/Gif/your-benefits-arrow.gif) no-repeat right center;
}

.members #primary-links .wide-menu div.wide-menu-top {
background: url(/Images/Gif/your-benefits-open-top.gif) no-repeat right top;
}

.members #primary-links .wide-menu div.wide-menu-bottom {
background: url(/Images/Gif/your-benefits-open-bottom.gif) no-repeat right bottom;
}

.retirees #primary-links {
background-color: #E4E9FD;
}

.retirees #primary-links h2 {
background: #D0D8EF url(/Images/Jpg/nocasebgRet.jpg) repeat-x left bottom;
}

/* Wide Menu*/
#primary-links .wide-menu-button {
position: relative;
list-style-type: none;
list-style-image: none;
display: block;
width: 162px;
margin-left: -10px;
z-index: 90;
}

#primary-links .wide-menu-button a {
line-height: 1;
display: block;
width: 152px;
padding: 7px 0 7px 10px;
margin-left: 0;
}

.wide-menu-button a span {
display: block;
}

#primary-links .wide-menu-button ul {
margin: 0;
padding: 0;
float: left;
}

#homepage-wrap #primary-links .wide-menu-button ul a { /* override parent link styles */
background: none;
display: list-item;
width: auto;
margin-left: 0;
width: auto;
padding: 0;
}

#primary-links .wide-menu div.wide-menu-hidden {
visibility: hidden;
padding: 0 9px 9px 0;
background-image: url(/Images/Png/shadow.png);
background-repeat: no-repeat;
background-position: right bottom;
_background: none;
float: left;
position: absolute;
top: 20px;
left: 0;
z-index: 90;
}

#primary-links .wide-menu div.wide-menu-top {
display: block;
padding: 3px 0 0 0;
width: 482px;
float: left;
position: static;
top: auto;
left: auto;
}

#primary-links .wide-menu div.wide-menu-bottom {
display: block;
width: 462px;
padding: 10px;
float: left;
}

/* smaller width for employer menu */
.employers #primary-links .wide-menu div.wide-menu-bottom,
.employers #primary-links .wide-menu div.wide-menu-top {
width: 237px;
}

#primary-links .wide-menu li {
list-style-image: none;
background: url(/Images/Gif/blocks_co_current.gif) no-repeat left 3px;
padding: 0 10px 0 13px;
margin: 0;
width: 207px; /*line-height:1;*/
}

#primary-links .wide-menu li a {
font-size: 0.9em;
font-weight: normal;
line-height: 1.7;
}

/* Tabbed content */
#tabs {
margin-top: 2em;
}

#tabs h2 {
padding-top: 1em;
clear: left;
}

#tabs #tab-menu {
display: none;
}

#tabs ul#tab-menu {
list-style-type: none;
margin: 0;
padding: 0;
float: left;
width: 100%;
}

#tabs #tab-menu li {
float: left;
margin: 4px -1px 0 0;
padding: 0;
border: 1px solid #CCC;
background: none;
background-color: #EFEFEF;
position: relative;
top: 1px;
}

#tabs #tab-menu li a {
display: block;
float: left;
padding: 3px 7px;
}

#tabs #tab-menu li.active {
background-color: #F5F9F9;
border-bottom-color: #F5F9F9;
margin-top: 0;
}

#tabs #tab-menu li.active a {
padding-top: 7px;
}

#tabs #tab-menu a {
color: #000066;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}

#tabs .tab-area {
float: left;
background-color: #F5F9F9;
border-width: 1px 2px 2px 1px;
border-style: solid;
border-color: #CCCCCC #999999 #333333 #CCCCCC;
width: 100%;
margin-bottom: 22px;
}

#tabs .tab-area a {
text-decoration: none;
}

#tabs .tab-area a:hover {
text-decoration: underline;
}

#tabs .tab-area ul {
float: left;
margin: 5px 0;
padding: 0;
list-style: none !important;
width: 100%;
}

#tabs .tab-area li {
margin: 0 0 5px 7px;
padding-left:  13px;
font-size: 110%;
background: url(/Images/Gif/blocks_co_current.gif) no-repeat left 4px;
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

#tabs .tab-area li.nbalert {
background: url(/Images/Gif/blocks_alert.gif) no-repeat left 3px;
}

#tabs .tab-area .see-all {
text-align: center;
clear: both;
margin-bottom: 5px;
}

#tabs .tab-area .see-all a {
text-decoration: none;
}

#tabs .tab-area .see-all a:hover {
text-decoration: underline;
}




/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Tue Jul  5 09:31:18 PDT 2011
*/

/* Core qTip styles */
.ui-tooltip, .qtip {
position: absolute;
left: -28000px;
top: -28000px;
display: none;
max-width: 280px;
min-width: 50px;
font-size: 10.5px;
line-height: 12px;
z-index: 15000;
}

/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid {
display: block;
visibility: hidden;
position: static !important;
float: left !important;
}

.ui-tooltip-content {
position: relative;
padding: 5px 9px;
overflow: hidden;
border-width: 1px;
border-style: solid;
text-align: left;
word-wrap: break-word;
overflow: hidden;
}

.ui-tooltip-titlebar {
position: relative;
min-height: 14px;
padding: 5px 35px 5px 10px;
overflow: hidden;
border-width: 1px 1px 0;
border-style: solid;
font-weight: bold;
}

.ui-tooltip-titlebar + .ui-tooltip-content {
border-top-width: 0 !important;
}

/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default {
position: absolute;
right: 4px;
top: 50%;
margin-top: -9px;
cursor: pointer;
outline: medium none;
border-width: 1px;
border-style: solid;
}

* html .ui-tooltip-titlebar .ui-state-default {
top: 16px;
}
/* IE fix */

.ui-tooltip-titlebar .ui-icon,
.ui-tooltip-icon .ui-icon {
display: block;
text-indent: -1000em;
}

.ui-tooltip-icon, .ui-tooltip-icon .ui-icon {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.ui-tooltip-icon .ui-icon {
width: 18px;
height: 14px;
text-align: center;
text-indent: 0;
font: normal bold 10px/13px Tahoma,sans-serif;
color: inherit;
background: transparent none no-repeat -100em -100em;
}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus {
}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover {
}


/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content {
border-color: #F1D031;
background-color: #FFFFA3;
color: #555;
}

.ui-tooltip-default .ui-tooltip-titlebar {
background-color: #FFEF93;
}

.ui-tooltip-default .ui-tooltip-icon {
border-color: #CCC;
background: #F1F1F1;
color: #777;
}

.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {
border-color: #AAA;
color: #111;
}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow {
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.ui-tooltip-shadow .ui-tooltip-titlebar,
.ui-tooltip-shadow .ui-tooltip-content {
filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";
_margin-bottom: -3px; /* IE6 */
.margin-bottom: -3px; /* IE7 */
}


/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content {
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}


/*! Youtube tooltip style */
.ui-tooltip-youtube {
-webkit-box-shadow: 0 0 3px #333;
-moz-box-shadow: 0 0 3px #333;
box-shadow: 0 0 3px #333;
}

.ui-tooltip-youtube .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-content {
_margin-bottom: 0; /* IE6 */
.margin-bottom: 0; /* IE7 */
background: transparent;
background: rgba(0, 0, 0, 0.85);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
color: white;
border-color: #CCCCCC;
}

.ui-tooltip-youtube .ui-tooltip-icon {
border-color: #222;
}

.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover {
border-color: #303030;
}


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools {
background: #232323;
background: rgba(0, 0, 0, 0.7);
background-image: -moz-linear-gradient(top, #717171, #232323);
background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
border: 2px solid #ddd;
border: 2px solid rgba(241,241,241,1);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 12px #333;
-moz-box-shadow: 0 0 12px #333;
box-shadow: 0 0 12px #333;
}

/* IE Specific */
.ui-tooltip-jtools .ui-tooltip-titlebar {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}

.ui-tooltip-jtools .ui-tooltip-content {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}

.ui-tooltip-jtools .ui-tooltip-titlebar,
.ui-tooltip-jtools .ui-tooltip-content {
background: transparent;
color: white;
border: 0 dashed transparent;
}

.ui-tooltip-jtools .ui-tooltip-icon {
border-color: #555;
}

.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover {
border-color: #333;
}


/* Cluetip style */
.ui-tooltip-cluetip {
-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}

.ui-tooltip-cluetip .ui-tooltip-titlebar {
background-color: #87876A;
color: white;
border: 0 dashed transparent;
}

.ui-tooltip-cluetip .ui-tooltip-content {
background-color: #D9D9C2;
color: #111;
border: 0 dashed transparent;
}

.ui-tooltip-cluetip .ui-tooltip-icon {
border-color: #808064;
}

.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover {
border-color: #696952;
color: #696952;
}


/* Tipsy style */
.ui-tooltip-tipsy {
border: 0;
}

.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-content {
_margin-bottom: 0; /* IE6 */
.margin-bottom: 0; /* IE7 */
background: transparent;
background: rgba(0, 0, 0, .87);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
color: white;
border: 0 transparent;
font-size: 11px;
font-family: 'Lucida Grande', sans-serif;
font-weight: bold;
line-height: 16px;
text-shadow: 0 1px black;
}

.ui-tooltip-tipsy .ui-tooltip-titlebar {
padding: 6px 35px 0 10;
}

.ui-tooltip-tipsy .ui-tooltip-content {
padding: 6px 10;
}

.ui-tooltip-tipsy .ui-tooltip-icon {
border-color: #222;
text-shadow: none;
}

.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover {
border-color: #303030;
}


/* Tipped style */
.ui-tooltip-tipped {
}

.ui-tooltip-tipped .ui-tooltip-titlebar,
.ui-tooltip-tipped .ui-tooltip-content {
border: 3px solid #959FA9;
filter: none;
-ms-filter: none;
}

.ui-tooltip-tipped .ui-tooltip-titlebar {
background: #3A79B8;
background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
color: white;
font-weight: normal;
font-family: serif;
border-bottom-width: 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}

.ui-tooltip-tipped .ui-tooltip-content {
background-color: #F9F9F9;
color: #454545;
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}

.ui-tooltip-tipped .ui-tooltip-icon {
border: 2px solid #285589;
background: #285589;
}

.ui-tooltip-tipped .ui-tooltip-icon .ui-icon {
background-color: #FBFBFB;
color: #555;
}

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar {
filter: none;
-ms-filter: none;
}
/* End qTip */
/*********ORPHE STYLES *************/
.comments-button {
    display: block;
    border: solid 1px #000;
    background-color: #842A2F;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 140px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    padding: 7px;
}

    .comments-button a {
        color: #fff;
        text-decoration: none;
    }

.sidebar-panel {
    margin: 7px auto;
    width: 162px;
    background-color: #fff;
    padding: 4px;
    border: solid 1px #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.trustee-description{font-size:10px;

}
/******** Modernization Updates Page **************/

.mod-timeline {width:720px;}
.mod-timeline-body {
    margin: 0 auto;
    width: 680px;
    border: 2px solid #006c67;
    border-radius: 60px;
    font-size: 11px;
    margin: 15px 10px;
    line-height: 18px;
}
.mod-timeline-header {
    color: #006c67;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    display:block;
}

.mod-line {
    text-align: left;
    margin-top: 2px;
    height: 80px;
}

.mod-timeline-inner {
    border: 2px solid #ffcc03;
    margin: 3px;
    padding: 15px 25px 10px;
    border-radius: 60px;
    height: 320px;
}

.mod-timeline-p {padding: 5px 20px 0 80px;}

.mod-circle {
    line-height: 14px;
    width: 64px;
    height: 30px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    float: left;
    background-color: #006c67;
    font-weight: 700;
    text-align: center;
    font-size: 10px;
    padding: 17px 0;
    color: #fff;
 }
.mod-circle.last span{
    margin-top: 8px;
    display: block;
}

.mod-circle-highlight{
    line-height: 14px;
    width: 54px;
    height: 30px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    float: left;
    border: 5px solid #006c67;
    background-color: #ffcc03;
    font-weight: 700;
    font-size: 10px;
    text-align: center;
    padding: 12px 0;
}

.mod-circle-large {
    width: 78px;
    height: 38px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    float: left;
    border: 6px solid #006c67;
    background-color: #ffcc03;
    font-weight: 700;
    text-align: center;
    padding: 20px 0;
    margin: 5px 10px;
    line-height: 18px;
    font-size: 14px;
}