/*====================== TAGS   */
#mainContentArea a:hover,#showModal a:hover{
	text-decoration:underline;
}
#nav a:hover,a.button:hover,.closeButton:hover,#secondaryNav a:hover,#continueButton:hover{
	text-decoration:none !important;
}
strong{
	font-weight:700
}
em{
	font-style:italic
}
sup {
    font-size:75%;
    vertical-align:top;
}
/*====================== MAIN AREA   */
#mainFeatureArea, #disclosure, #mainContent {
	float:left
}
/*====================== SEARCH BOX   */
#searchBox{
	float:right;
	margin:15px 0 10px;
	clear:right;
}
* html #searchBox{
	display:inline;
}
#utility_nav.hasSearch{
	padding-bottom:0px;
	padding-top:0px;
}
.headerGoButton{
	border: medium none;
    border-radius:4px;
    cursor: pointer;
    font-weight: 700;
    text-align: center;
    font-size: 108%;
    font-weight: 700;
    text-decoration: none;
    width: auto;
	padding:0 12px;
	margin:0;
	height:1.286em; /*18px*/
	line-height:1.286em;
}
* html .headerGoButton{
	padding:0 6px;
}
*:first-child+html .headerGoButton{
	padding:0 6px;
}
input.headerGoButton::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}
#cse-search-box{
	text-align:right;
	width:17.5em;
	display:inline-block;
}
#cse-search-box .textField{
	width:11.8em/*130px*/;
	height:1.634em;/*18px*/
	padding:0;
	font-size:85%;
	line-height:1.634em;
	border: none !important;
	padding:0 !important;
}
/*====================== LOGIN FORM   */
#accessMyPlan{
	float:left;
	width:330px;
	min-height:21.05em;
	padding:20px 0 8px 0;
}
* html #accessMyPlan{
	padding-bottom:18px !important;
}
#accessMyPlan form a {
	font-size:100%
}
#accessMyPlan form {
	float:left;
	padding:0 10px 10px 10px;
	font-size:100%
}
#accessMyPlan h2 {
	display:inline;
    font-size: 154%;
	font-weight:400;
	text-transform:uppercase;
	margin:0 10px 10px;
	float:left
}
#accessMyPlan p{
	clear:both;
	padding-top:10px;
	font-size:100%
}
#accessMyPlan form p {
	font-size:85%;
	padding-top:10px;
	clear:both
}
.textFieldContainer {
	float:left;
	padding-bottom:10px;
	width:310px;
}
#accessMyPlan label {
	font-size:100%;
	float:left;
	margin:4px 0 0 0;
	width:6.78em;/*88px*/
	clear:both
}
#accessMyPlan span {
	display:block;
	font-size:85%
}
#accessMyPlan #username, #accessMyPlan #password {
	font-size:100%;
	width:216px;
	float:left;
	margin-top:5px
}
#accessMyPlan #password {
	margin-top:4px
}
#accessMyPlan h3 {
	font-size:154%;
	padding-top:10px;
	text-transform:uppercase;
	font-weight:400;
	clear:both;
	float:left
}
#signUpArea {
	padding:0 10px
}
#signUpArea p {
	float:left
}
#postLogin {
	float:left;
	width:100%;
	height:236px
}
#postLogin h2 {
	margin-left:10px
}
#accessMyPlan h2.loggedInTitle {
	margin-bottom:0
}
#postLogin p, #postLogin .button, #accessMyPlan p.loggedInPrivacy {
	margin-left:10px
}
#accessMyPlan #submitButton, .button , .cancelBtnContainer .closeButton{
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
	width:auto;
	float:right;
	font-weight: 700;
	padding: 1px 12px;
	text-decoration:none;
	font-size:108%
}
#accessMyPlan.alternateLogin #submitButton{
	margin-top: 5px;
}
#accessMyPlan.alternateLogin form p.forgotInfo{
	width:220px;
	float:left;
	clear:left;
}
#accessMyPlan .postLoginForm #submitButton, .button {
	float:left;
	margin-top:20px;
	clear:both;
	*clear:none;/* IE7 and Compatibility mode fix positioning */
	padding: 3px 12px
}
#accessMyPlan .loginSecurity {
    float:right;
    padding-top:4px;
	margin-right:10px;
	overflow:hidden;
	text-indent:-9999px;
	height:15px;
	width:10px;
	background-repeat:no-repeat;
	background-position:bottom center;
	font-size:50%;
}
#submitButton{
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    font-size: 108%;
    font-weight: 700;
    overflow: visible;
    text-align: center
}
/*====================== MAIN CONTENT AREA   */

.bothSidebars {
	background:#efefef url(bgBothRails.gif) repeat-y top center !important
}
.leftSidebar {
	background: #fff url(singleSidebar.gif) repeat-y 0 0 !important
}
.bothSidebars #mainContent, .leftSidebar #mainContent {
	padding:0
}
#mainContentArea {
	float:left;
	padding-top:20px;
	margin-bottom:20px;
	width:100%
}
#regulatory {
	width: 100%;
	/*float:left;*/
	font-size:85%;
	/*margin-top:10px;*/
	padding-top:10px;
	clear:both;
}
#mainContentArea.noSidebar #regulatory{
	padding-top:20px
}
#mainContentArea #regulatory p {
	padding-bottom:30px
}
#mainContentArea h2{
	font-size:123%
}
#mainContentArea h1, #rightRail h2{
	font-size:170%
}
#mainContentArea h1, #mainContentArea h2, #rightRail h2{
	font-weight:400;
	text-transform:uppercase;
	padding-bottom:10px
}
#mainContentArea p{
	padding-bottom:10px;
}
#mainContentArea a{
	text-decoration:none
}
#mainContent .oneColumn p{
	font-size: 100%
}
#mainContentArea .twoColumn .column50 h2 a {
    line-height:20px
}
#mainContentArea.noSidebar h2 , #mainContentArea.leftSidebar h2{
    padding-bottom: 20px;
	margin:0
}
#mainContentArea.noSidebar h1.enrollHeader {
    margin-bottom: -10px;
    padding: 0;
}
.callout{
	padding:10px 0 0;
	margin:10px 0 0 0;
	float:left;
	display:block;
	width:100%
}
.leftSidebar .callout{
	margin-top:10px;
	padding:0;
	background:none
}
#mainContentArea .callout ol {
	float:left;
	list-style:none;
	padding:0 10px;
	margin-top:1px;
}
#mainContentArea .callout ol li .customNumber{
	width:26px;
	height:26px;
	text-align:center;
	line-height:26px;
	font-size:138%;
	float:left;
	margin-bottom:10px;
}
#mainContentArea .callout ol li span{
	float:left;
	display:block;
	padding-top:6px;
	margin-left:7px;
}
#mainContentArea .callout ol li{
	padding:0;
	clear:both;
	margin-bottom:10px;
	line-height:26px;
	height:26px;
	margin-left:14px;
}
* html #mainContentArea .callout ol li{ /* IE6 fix for doubled margin */
	margin-bottom:0 !important;
	margin-left:17px;
	height:36px;
	line-height:36px;
	display:list-item;
}
* html #mainContentArea .callout ol{
	margin-top:-4px;
}
*:first-child+html #mainContentArea .callout ol li{ /* IE7 fix */
	margin-bottom:0 !important;
	margin-left:17px;
	height:36px;
	line-height:36px;
	display:list-item;
}
*:first-child+html #mainContentArea .callout ol{
	margin-top:-4px;
}
* html #mainContentArea .callout ol{
	padding-bottom:10px !important;
}
*:first-child+html #mainContentArea .callout{
	padding-bottom:10px !important;
}
#mainContentArea .callout ol{
	list-style:decimal inside none;
}

.leftSidebar .callout a{
	font-weight:400;
	font-size:100%
}
.leftSidebar .callout ol{
	padding-left:0
}
#mainContentArea.leftSidebar h1, #mainContentArea.noSidebar h1{
	padding-bottom:20px
}
#mainContentArea .callout p{
	display:block;
	font-weight:400
}
.callout a{
	font-weight:700
}
.callout ol a, #mainContentArea .callout ol p{
    font-size:108%;
}
.leftSidebar .callout a, #mainContentArea.leftSidebar .callout  p{
    font-size:100%
}
.leftSidebar .callout p a{
    padding:0;
	float:none
}
.leftSidebar .column50, .noSidebar .column50{
	padding-bottom:20px !important
}
#rightRail .callout ol, #centerRail .callout ol, #leftRail .callout ol, #disclosure .callout ol{
	margin-left:0px;
}
#infoBox{
    width: 100%;
    background-color: #fefcce;
	float:left;
	padding:10px 0;
	vertical-align:center;
	border: 1px solid
}
#infoBox p {
    padding: 0;
	float:left
}
#infoBox img {
    margin: 0 10px;
	float:left
}
/*====================== RAILS   */
.contactUs{
	margin-bottom:30px;
}
.contactUs p{
	padding:5px 0 0 0 !important;
	clear:both
}
.contactUs img, .featurette img{
	float:left;
	text-align:center
}
.contactUs img{
	padding-right:10px
}
.contactUs h3 {
    display: inline-block;
    font-size: 131%;
    padding-top: 5px
}
.contactUs strong{
	font-size:108%
}
#mainContentArea  .featurette h2{
	font-size:108%;
	font-weight:700;
	text-transform:none;
	padding-bottom:0;
	margin:0
 }
 #rightRail, #centerRail{
	float:right
 }

.featurette img{
	margin-right:5px
}
#leftRail ul a, #centerRail ul a,#leftRail ul p, #centerRail ul p{
	font-weight:400;
	padding:0
}
#leftRail p, #centerRail p{
	font-size:92%
}
#leftRail .oneColumn ul li p{
	font-size:92%
}
#mainFeature{
	width:630px;
	float:left
}
#mainFeature img{
	float:left
}
.oneColumn{
	padding-bottom:30px;
	float:left;
	width:100%
}
#mainContent #disclosure p{
	padding-bottom:20px;
	font-size:100%
}
#disclosure{
	width:100%;
}
#disclosure .oneColumn{
	padding-bottom:0;
}
.column50{
	float:left;
	width:47%
}
#centerRail .right{
	float:right;
	padding:0
}
.leftSidebar #mainFeature{
	padding-bottom:30px;
	width:auto
}
/* ========================= TWO COLUMNS */
.noBorder{
	border-bottom:0 !important;
}
.twoColumn{
	width:100%;
	border-bottom:1px solid;
	float:left;
	/*padding-bottom:10px;*/
	margin-bottom:20px;
	text-transform:none
}
#mainContentArea .twoColumn.noBorder{	
	margin-bottom:0;
}
.twoColumn h4{
	font-size:100%;
	font-weight:700
}
#mainContentArea .twoColumn .column50 h2{
	font-size:123%;
	font-weight:400;
	padding-bottom:20px;
	margin:0;
	text-transform: uppercase
}
.twoColumn .column50 h2 img{
	padding: 0 0 2px 5px
}
.twoColumn .oneColumn, .twoColumn .column50{
	width:47%;
	padding-bottom:20px
}

#mainContentArea .tabs .tabHeader{
	margin-left: 0px;
}
.twoColumn .left{
	clear:both
}
.twoColumn.featurette .left .oneColumn, .twoColumn.featurette .left .column50, .left .column50{
	padding-right:35px;
}
.h2Chevron{
    background: url(chevron.gif) no-repeat scroll right center transparent;
    display: inline-block;
    height: 7px !important;
    margin: 0 0 2px 5px;
    width: 18px !important
}
#rightRail .featurette{
	width:auto !important;
}
#mainContentArea .twoColumn .featurette {
	width:48%;
	float:left;
	padding-right:10px
}
#mainContentArea .twoColumn.featurette .featurette{
	width:auto
}
#mainContentArea .twoColumn.featurette .featurette h2, #mainContentArea .tabs .twoColumn.featurette .featurette h2,#mainContentArea .tabs .twoColumn.featurette .oneColumn h2{
	padding:0
}
.oneColumn.border{
	border-bottom:1px solid;
	margin-bottom:20px;
	padding-bottom:20px
}
.oneColumn.border h3, .oneColumn h3, .twoColumn h3{
	text-transform:uppercase;
	font-weight:700;
	padding-bottom:20px;
	font-size:108%
}
.twoColumn .oneColumn h3,.twoColumn .column50 h3{
	margin-bottom:20px;
}
h3.featuretteHeader{
	text-transform:none
}
#rightRail .newsArticle h4{
	font-weight:900;
	margin-bottom:10px;
}
/* ----- WF 1210 - Enroll ----- */
#mainContentArea.noSidebar h2 a{
	color:#333;
}
#mainFeatureArea img{
	float:left;
}
/* ----- tabbed navigation area ----- */
#mainContentArea.leftSidebar .tabs .tab h2 a{
	color:#333;
	font-weight:400;
	text-transform:uppercase
} 
.tabs .oneColumn h3{
	text-transform:none
}
#mainContentArea .tabs .tab .twoColumn h2{
	font-size: 123%;
    font-weight: 400;
    padding-bottom: 20px;
    text-transform: uppercase
}
#mainContentArea .tabs ul.tabHeader{
	padding-bottom:0;
}
#mainContentArea .tabs .tabHeader li{
	float:left;
	position:relative;
	border:1px solid #EAE9EE;
	padding: 0.42em 10px !important;
	height:13px;
	line-height:13px;
	margin-bottom:-1px;
	margin-right:4px;
	overflow:hidden;
	cursor:pointer;
	font-weight:400;
	border-bottom:1px solid #ccc;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	font-size:93%;
}
#mainContentArea .tabs .tabHeader{
	height:24px;
	border-bottom:1px solid;
}
#mainContentArea .tabs .tabHeader li.active{
	background-color:#fff;
	color:#333;
	border-bottom-color:#fff !important;
	font-weight:900;
}
#mainContentArea .tabs .tab{
	clear:both;
	border:1px solid;
	padding:30px 10px 0;
	margin-bottom:20px;
	top:-1px;
	border-top:none;
	display:none;
	float:left;
	width:97.2%
}
* html #mainContentArea div.tabs{
	width:777px !important; 
}
* html #mainContentArea.noSidebar div.tabs{
	width:940px !important; 
}
#mainContentArea .twoLines .tabHeader{
	height:3.29em;/*43px*/
}
#mainContentArea .twoLines .tabHeader li{
	height:2.66em;/*32px*/
	line-height:16px;
}
#mainContentArea .twoLines .tabHeader li{
	height:2.6em\0/ !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#mainContentArea .twoLines .tabHeader li{
		height:2.65em !important;
	}
}

#mainContentArea.noSidebar .tabs .tab {
	width:97.7%
}
#mainContentArea .tab.active{
	display:block !important;
}
.tabs .tab .twoColumn.column50{
	width:31.6% !important;
	padding-right:35px
}
.leftSidebar .tabs .tab .twoColumn.column50 {
    width: 37.6% !important;
}
#footer li{
	padding-bottom:20px
}
#mainContentArea ol, #mainContentArea ul{
	padding-bottom:20px;
}
#mainContentArea .twoColumn .oneColumn ol,#mainContentArea .twoColumn .oneColumn ul,#mainContentArea .column50 ol,#mainContentArea .column50 ul{
	padding-bottom:10px;
}
.contactUs ol,.twoColumn ol,#footer ol,#rightRail ol, #leftRail ol, #disclosure  ol, #centerRail ol, .promo ol, .column50 ol {
	list-style:decimal outside none;
	margin-left:24px;
	padding-bottom:0px;
}
.contactUs ol li,#footer ol li, #rightRail ol li, #leftRail ol li, #disclosure ol li, #centerRail ol li,
.contactUs ul li, #footer ul li, #leftRail ul li, #centerRail ul li, #rightRail ul li, #content #disclosure ul li, #mainContentArea .promo ol li, #mainContentArea .promo ul li{
	display:list-item;
	padding-bottom:20px;
	padding-top:0 !important;
}
#mainContentArea .twoColumn .oneColumn ol li{
	padding-top:5px !important;
}
.contactUs ul, #footer ul,#leftRail ul, #centerRail ul, #rightRail ul, #disclosure ul, #mainContentArea .promo ul{
	list-style:disc outside none;
	padding-bottom:0px;
	margin-left:16px;
}
.twoColumn ul,.oneColumn ul,.promo ul,.column50  ul{
	list-style: disc outside none;
	margin-left:16px;
}
#content .leftSidebar .twoColumn ul li,#content .bothSidebars .oneColumn ul li,#content .leftSidebar .twoColumn ol li{
	padding:5px 0 0 0;
}
.noSidebar  .twoColumn ol li,.noSidebar  .twoColumn ul li,.noSidebar  .oneColumn ol li,.noSidebar  .oneColumn ul li,.tabs .oneColumn ol li,.tabs  .oneColumn ul li, .column50 ul li, .column50 ol li, .oneColumn ul li, .oneColumn ol li{
	padding: 5px 0 0;
}
/* IE6, IE7 hacks to reduce bottom padding */
* html #mainContentArea.bothSidebars #regulatory p {
    padding-bottom:10px !important; 
}
* html #mainContentArea.leftSidebar #regulatory p {
    padding-bottom:30px !important; 
}
* html #mainContentArea #regulatory p {
    padding-bottom:10px !important; 
}
* html #mainContentArea.noSidebar #regulatory p {
    padding-bottom:30px !important;
}
* html .twoColumn {
	padding-bottom:0 !important
}
*:first-child+html .twoColumn {
	padding-bottom:0 !important
}
*:first-child+html #mainContentArea .tabs .tab .twoColumn.noBorder.column50{
	margin-bottom:20px;
}
* html #accessMyPlan p.loggedInPrivacy{
	padding-top:0;
	margin-top:-10px;
}
*:first-child+html #accessMyPlan p.loggedInPrivacy{
	padding-top:0;
	margin-top:-10px;
}
*:first-child+html .tabs{
	margin-bottom:20px
}
@media screen{
	.logo-screen{display:block}
	.logo-print{display:none}
}
@media print{
	.logo-screen{display:none}
	.logo-print{display:block}
}
.popupPage{
	margin-top:20px;
}
input{
	font-family:arial,helvetica,clean,sans-serif;
}

/* Sprite Rules*/
.sprite {display:inline-block;overflow:hidden;text-indent:-9999px;}
.spriteText {display:inline-block;}
.sprite,.spriteText {background-image:url('../static/sprites.png') !important;background-repeat:no-repeat;}
.addSprite {background-repeat:no-repeat;}

/* 
================= MAIN PROMO STYLES ================== */
#promo{
	position:relative;
}
#promo li{
	background-repeat: no-repeat; /*jQuery uses data-replace to set the li as the container for the image */
}

.promoImage{
	width:400px;
	height:300px;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
}
#promo.multiple.wrapper{
	width:630px;
	height:301px;
	overflow:hidden;
	float: left;
}
#promo.multiple ul{
	width:3840px;
	height:301px;
	position:relative;
}
#promo.multiple li{
	width:630px;
	height:301px;
	float:left;
	overflow:hidden;
}
#promo li a, #promo li a:hover,
#promo li a:focus, #promo li a:active{
	text-decoration: none;
	color: #333;
	display:block;
}
#promo .promoOuterContent:hover > .content,
#promo li a:hover > .content,
#promo li a:focus > .content{
	background : #fffffe; /*text box shows anywhere that users hovers in li */
}
#promo a .content{
    cursor: pointer;
}
#promo .content{
    cursor: default;
}

/*PROMO Rich Text Field */
#promo .content{
	margin: 20px 20px 20px 290px;
	width: 300px;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
    max-height: 220px;
    overflow:hidden;
}
#promo .content h1, #promo .content h2, #promo .content h3, #promo .content h4,
#promo .content h5, #promo .content h6{
    line-height: 100%;
	margin: 0 0 10px 0;
}
#promo .content div, #promo .content p, #promo .content blockquote, #promo .content li{
    line-height: 100%;
	margin:0px 0 5px 0;
	padding: 0;
	font-size: 16px;
}
#promo div.normal{
	height: 100%;
}
#promo .content [class*="smaller"] + #promo .content[class*="larger"]{
	margin: 0;
}
#promo .content [class*="subtext"]{
	margin: 0 0 20px 0;
	line-height: 125%;
}
#promo .subText{
	font-size: 18px;
	font-family: Arial;
}
#promo.normal .supText{
	font-size: 24px
}
.action2 {
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
    color: #005691;
}
#promo .content p a:hover{text-decoration:none;}
#promo .content.left{text-align:left;}
#promo .content.right{text-align:right;}
#promo .content.center{text-align:center;}

/*Promo buttons */
#promo .indicators{
    position:absolute;
    z-index:20;
    top:265px;
    left:0;
    *top:255px/* IE7 only */;
}

/*Ratings and Reviews */
#promo .mainpromoratings {
    position:relative;
    height:40px;
    margin-top:18px;
    margin-bottom:10px;
    display:block;
}
#promo .promoOuterContent .content,#promo .promoOuterContent{
    cursor:pointer;
}

/* Sprite Rules*/
#promo .indicators .indicator{
    width:20px;
    height:20px;
    float:left;
    margin-right:7px;
    cursor:pointer;
    background-position:-219px 0;
}
.indicator .spriteText{
    background-image: none;
}
#promo .indicators .indicator.active{
    background-position:-239px 0;
    }
#promo .indicators .indicator:hover{
    background-position:-199px 0;
}
#promo span.rightArrow{
    width: 6px;
    height: 15px;
    margin-left:15px;
    background-position: -104px 2px;
    display: inline-block;
    vertical-align:top;
    *margin-top:3px;/* IE7 only */
}
#promo .content sup {
    top: 0.25em;
    *top: -0.25em;/* IE7 only */
}
#promo .content sub {
    bottom: -0.25em;
    font-size: 75%;
}
#promo .content sub, #promo .content sup {
    line-height: 0;
    position: relative;
}

/**
 * Predefined classes selectable from Tridion RTF:
 */
/* Font Color Classes */
.orange {
	color:#e65100;
}
.orange1 {
	color:#c84701;
}
.green1 {
	color:#34551c;
}
.green2 {
	color:#377806;
}
.bluenw {
	color:#0071BF;
}
.blue1 {
	color:#17787f;
}
.bluelink {
	color:#005691;
}
.grey1 {
	color:#f0f0f0;
}
.grey2 {
	color:#e9e9e9;
}
.grey3 {
	color:#e7e7e7;
}
.grey4 {
	color:#acacac;
}
.grey5 {
	color:#959595;
}
.grey6 {
	color: #666666
}

/* Font size Classes */

.larger1, .larger2, .smaller1, .smaller2 {
    font-family:"Arial",sans-serif;
}
.larger1, .larger2 {
    font-weight:bold;
	text-transform:uppercase;
}
.larger1 {
	font-size:36px;
}
.larger2 {
	font-size:40px;
}
.smaller1 {
	font-size:24px;
}
.lt-ie9 .smaller1{
	line-height:102%;
}
.smaller2 {
	font-size:30px;
}
.subtext1 {
	font-size:16px;
	font-family:"Arial",sans-serif;
}
.subtext2 {
	font-size:18px;
	font-family:"Arial",sans-serif;
}
/* =========== END MAIN PROMO STYLES ============= */