/*
Copied directly from OOCSS grids.css library
DO NOT MODIFY ANY OF THIS CODE!!!
TODO: As soon as we implement concatenation of css files, this file should get included instead of being copied here
*/
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

/*
Three column grid extension for ActiveWorks forms
*/
.threeCol > .left {
    text-align: right;
}
.threeCol > .right2 {
    text-align: left;
}

/*
Normalize box content
*/
.stdP { /* Standard paragraph */
    padding: 0px 10px;
}

.stdS { /* Standard section */
    font-size: 12px;
    margin-bottom: 10px;
    overflow: hidden;
}

.stdS-top { /* Extends standard section for top level sections */
    padding: 0px 10px 0px 5px;
}

.stdS-last { /* Extends standard section for the last section */
    margin-bottom: 0px;
}

.stdS-sub { /* Extends standard section for sub-sections */
	font-size: 11px;
}

/*
Additional Headings
*/
.sectHdr1, .sectHdr2 {
    color: #163F75;
    font-weight: bold;
    padding: 5px 10px;
}
.sectHdr1 {
    border-bottom: 1px solid #c6cacd;
    font-size: 12px;
    margin-bottom: 10px;
}
.sectHdr2 {
	font-size: 11px;
}

/*
Product Selection
*/
.prod {
    font-size: 12px;
	line-height: 22px;
	margin: auto;
	width: 300px;
}
.prod > .left, .prod > .right {
	display: inline-block;
	margin-left: 10px;
}
.prod > .left {
	width: 180px;
}
.prod > .right {
	text-align: right;
	width: 80px;
}

.prod input[type=radio] {
	vertical-align: text-bottom;
}

.prod-sm {
	width: 250px;
}
.prod-sm > .left {
	width: 130px;
}
.prod-sm > .right {
	margin: 0px;
}

/*
Question Widget - Layout
*/
.question {
	margin: 0.12em 0em;
}
.question .requiredIndicator {
	display: none;
}
.question.required .requiredIndicator {
	display: inline;
	margin-right: 0.25em;
}
.question .readOnlyValue {
	display: none;
}
.question.disabled .readOnlyValue {
	display: inline;
}
.question.disabled .value {
	display: none;
}

/*
Form Field Object - Structure
*/
.formField {
	margin-bottom: 0.12em !important;
	margin-top: 0.12em !important;
	clear: left;
	float: none; /* please do not change this back to left. This caused bug FNDCNSMR-2654 */
}

.formField .requiredIndicator {
	display: none;
}

.formField.required .requiredIndicator {
	display: inline;
	vertical-align: middle;
	margin-right: 0.25em;
}

.formField .fieldLabel {
	margin: 0.25em 1.5em 0.25em 0;
	padding: 0px;
	padding-top: 3px;
	padding-top: 6px\9; /* \9 is only for IE6+. */
	text-align: right;
}

.formField .fieldLabelWithExtraMargin {
	margin: 0.25em 1.5em 0.25em 0;
	margin: 0.7em 1.5em 0.25em 0\9; /* \9 is only for IE6+. */
	padding: 0px;
	padding-top: 3px;
	padding-top: 6px\9; /* \9 is only for IE6+. */
	text-align: right;
}

.formField .ReadonlyField {
	padding-top: 2px;
	padding-top: 0px\9; /* \9 is only for IE6+. */
}

.formField .fieldElement {
	margin: 0.2em 0 0.1em;
	padding: 0.4em 0 0.1em;
	padding: 0.7em 0 0.1em\9; /* \9 is only for IE6+. */
}

.formField .fieldElement select[class=AMPMList] {
    width: 4em;
}

.formField .fieldElement select[class~=CardType] {
    width: auto;
}

.formField .fieldElement select[class~=ExpireDate] {
    width: 70px;
}

.formField .fieldElement select {
}

.formField .fieldElement table  {
   margin: 0px;
   width: auto !important;
}

.formField .fieldElement td {
   font-size: 12px;
}

.formField .fieldElement td#input_cell {
   vertical-align: top;
}

.formField .fieldElement select, input, textarea{
	margin-right: 0.2em;
}

.formField .fieldElement .instructionalLabel {
   padding: 0.2em 0 0;
}

.DurationBox {
   width: 30px;
}

.placeHolder {
	clear:both;
	font-size: 1px;
	height: 1px;
}

.radioLabel {
	position:relative;
	top: -1px;
}

.contentContainer {
	padding: 2px 4px;
}

.tableContainer{
	overflow: hidden;
}

.tableContainer .narrowLeftColumn {
	float: left;
	margin: 0;
	padding: 0;
	width: 18%;
}

.tableContainer .wideRightColumn {
	float: left;
	margin: 0;
	padding: 0;
	width: 82%;
}

/*
Form Field Object - Skin
*/
.formField {
	font: 14px arial,helvetica,clean,sans-serif;
}

.formField .requiredIndicator {
	color: #d00a01;
}

.formField .fieldElement {
	color: #444444;
}

.formField .fieldElement input, textarea{
	color: #000000;
}

.formField .fieldElement .instructionalLabel {
   font-size: 10px;
   color: #575757;
}

.alert {
	color: #ca2e2f;
	clear: both;
}

.alert-info {
    margin-top: 10px; 
    margin-bottom: 10px; 
    padding: 10px; 
    background-color: #d9edf7; 
    border: 2px solid #bce8f1; 
    color: #3a87ad;
}

.alert-info p {
    background-color: inherit; 
    border: none; 
    color: inherit;
}

.invisible {
	display: none;
}
.radiosSpaced {
	padding-top: 3px;
	padding-bottom: 4px;
	padding-top: 0px\9; /* \9 is only for IE6+. */
	padding-bottom: 0px\9; /* \9 is only for IE6+. */
}

.SectionContentInnards {
	padding-left: 18px;
	padding-right: 18px;
}

.SectionContentInnards A, .SectionContentInnards A:link, .SectionContentInnards A:visited, .SectionContentInnards A:active  {
	text-decoration: underline;
}

.SectionContentInnards A:hover {
	text-decoration: hover;
}

.StrongFont {
	font-weight: bold !important;
}

.WeakFont {
	font-weight: normal !important;
	padding-right: 10px;
}

.WarningIcon {
	float: left;
	width: 35px;
	height: 20px;
	background-image: url(../images/caution.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}



.navButtonContainer {
	height: 38px;
}

/* Button Structure */

.btn {
	background: transparent none;
	border: none;
    cursor: pointer;
    margin: 3px;
    overflow: visible;
    white-space: normal;
}
.btn_left {
    float: left;
}
.btn_right {
	float: right;
}
.btn .btn_slice {
    height: 32px;
    display: inline-block;
    vertical-align: top;
}
.btn_text {
    padding: 5px 8px;
}

.btn_text_grey {
   font: bold 14px arial, sans-serif;
   color: #444444;
   padding: 3px 8px 5px;
}

.btn_left_slice {
    width: 5px;
}
.btn_right_slice {
    width: 5px;
}
.btn .btn_arrow_left, .btn .btn_arrow_right {
    margin-top: 8px;
}
.btn .btn_arrow_left {
    margin-left: 5px;
}

.btn_arrow_left, .btn_arrow_right {
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    height: 0;
    width: 0;
}

/* IE6 */
.btn_arrow_left, .btn_arrow_right {
	_border-bottom-color: blue;
	_border-top-color: blue;
	_filter: chroma(color=blue);
	_line-height: 0;
}

.btn_prev_arrow, .btn_next_arrow {
    width: 16px;
}


/* Button style. Base. */
.btn_text {
    color: #434343;
    font: bold 15px arial;
    white-space: nowrap;
}
.btn_left_slice {
    background: url("../images/btn_left.gif") no-repeat scroll 0 0 transparent;
}
.btn_mid_slice {
	background: url("../images/btn_mid.gif") repeat-x scroll 0 0 transparent;
}
.btn_right_slice {
    background: url("../images/btn_right.gif") no-repeat scroll 0 0 transparent;
}
.btn_prev_arrow, .btn_next_arrow {
    background: url("../images/btn_mid.gif") repeat-x scroll 0 0 transparent;
}
.btn_light .btn_arrow_left {
    border-right: 10px solid #4f4f4f;
}
.btn_light .btn_arrow_right {
    border-left: 10px solid #4f4f4f;
}


/* Button style. Nav. */
.btn_nav .btn_text {
	color: #ffffff;
}
.btn_nav .btn_left_slice {
    background: url("../images/btn_left_nav.gif") no-repeat scroll 0 0 transparent;
}
.btn_nav .btn_mid_slice {
    background: url("../images/btn_mid_nav.gif") repeat-x scroll 0 0 transparent;
}
.btn_nav .btn_right_slice {
    background: url("../images/btn_right_nav.gif") no-repeat scroll 0 0 transparent;
}
.btn_nav .btn_prev_arrow, .btn_nav .btn_next_arrow {
    background: url("../images/btn_mid_nav.gif") repeat-x scroll 0 0 transparent;
}
.btn_dark .btn_arrow_left {
    border-right: 10px solid #ffffff;
}
.btn_dark .btn_arrow_right {
    border-left: 10px solid #ffffff;
}


.fixBox {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

#selectlocale {
    display: block;
    max-width: 940px;
    margin: auto;
    text-align: right;
}

.noAddOnContent {
    display: none;
    padding-left: 25px;
}

.word-break {
  word-wrap: break-word;
  word-break: break-all;
}