/*
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: 60px;
}

.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: 12px verdana,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;
}
.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;
}

.a3-btn{border-color:#ccc;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);  transition: color .1s linear, border-bottom .1s linear;}
.a3-btn{display:inline-block;*display:inline;*zoom:1;stop:being-broken;padding:3px 5px 0;margin-bottom:4px;margin-right:1px;font-family:'GPCommerce',Arial,sans-serif;font-weight: 500;font-size:12px;line-height:18px;*line-height:20px;letter-spacing:0.02em;color:#333333;text-align:center;text-transform:uppercase;vertical-align:middle;cursor:pointer;background-color:#cecece;border:0px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;*margin-left:.3em;}.btn:first-child{*margin-left:0;}
.a3-btn:hover{background-color:#222222;background-image:none;color:#ffffff;text-decoration:none;text-shadow:none;}
.a3-btn:focus{outline:3px auto #e8a21b;outline-offset:-2px;}

.btn-small-blue{background-color:#2f7296;background-image:-moz-linear-gradient(top, #3a7ea2, #1f6083);background-image:-ms-linear-gradient(top, #3a7ea2, #1f6083);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#3a7ea2), to(#1f6083));background-image:-webkit-linear-gradient(top, #3a7ea2, #1f6083);background-image:-o-linear-gradient(top, #3a7ea2, #1f6083);background-image:linear-gradient(top, #3a7ea2, #1f6083);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a7ea2', endColorstr='#1f6083', GradientType=0);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:'GPCommerce',Arial,sans-serif;font-weight: 500;color:#ffffff;letter-spacing:.02em;padding:14px 30px;text-transform:uppercase;text-decoration:none;width:auto;font-size:11px;color:#ffffff;padding:5px 10px;}.btn-medium-blue .description{margin:0 0 0;padding-top:4px;text-transform:none;margin:0px;}.btn-medium-blue .description.reverse-text{color:#999999;background-color:#222222;}.btn-medium-blue .description.reverse-text a{color:#e8a21b;}.btn-medium-blue .description.reverse-text a:hover{color:#e8a21b;}
.btn-small-blue .description.reverse-text a:active{color:#edb549;}
.btn-small-blue .description small{font-size:10px;color:#999999;}
.btn-small-blue .description{color:#b9e7ff;}
.btn-small-blue:visted{text-decoration:none;background-color:#2f7296;background-image:-moz-linear-gradient(top, #3a7ea2, #1f6083);background-image:-ms-linear-gradient(top, #3a7ea2, #1f6083);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#3a7ea2), to(#1f6083));background-image:-webkit-linear-gradient(top, #3a7ea2, #1f6083);background-image:-o-linear-gradient(top, #3a7ea2, #1f6083);background-image:linear-gradient(top, #3a7ea2, #1f6083);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a7ea2', endColorstr='#1f6083', GradientType=0);color:#ffffff;}
.btn-small-blue:hover{text-decoration:none;background-color:#337aa0;background-image:-moz-linear-gradient(top, #408bb3, #1f6083);background-image:-ms-linear-gradient(top, #408bb3, #1f6083);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#408bb3), to(#1f6083));background-image:-webkit-linear-gradient(top, #408bb3, #1f6083);background-image:-o-linear-gradient(top, #408bb3, #1f6083);background-image:linear-gradient(top, #408bb3, #1f6083);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408bb3', endColorstr='#1f6083', GradientType=0);color:#83c6ea;}.btn-medium-blue:hover .description{color:#ffffff;}
.btn-small-blue:active{text-decoration:none;background-color:#1f6083;color:#b9e7ff;}.btn-medium-blue:active .description{color:#ffffff;}
.btn-small-blue:visited{color:#ffffff;}

.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 12px 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;
    height: 35px;
    /*width: 100%;*/
}

#selectlocale ul {
    padding:0;
    margin:0;
    float:right;
}

#selectlocale li {
    list-style:none;
    position:relative;
    float:left;
    text-align:right;
    margin-right:5px;
    font: 10px verdana, sans-serif;
    z-index: 999;
}

#selectlocale a {
    display: block;
    width: 16em;
    color: black;
    line-height: 30px;
    text-decoration: none;
    background: white;
    border:1px solid #fff;
    margin: 0 -1px -1px 0;
 }

#selectlocale .logoutLink {
	float: right;
	width: 50px;
}

#selectlocale img {
    vertical-align: middle;
}

#selectlocale :hover > a {
    text-decoration:underline;
}

#selectlocale .level2 {
    position:absolute;
    top:30px;
    left:0;
    visibility:hidden;
}

#selectlocale :hover > ul { visibility:visible; }

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

.hide {
	display: none;
}

.warnContainer {
    border: 1px #fdbe90 solid;
    background-color: #fef0cb;
    padding: 15px;
}

.warnContainer .title {
    font-weight: bold;
    line-height: 20px;
}

.warnContainer ul {
    padding: 10px 50px;
}