/* Original theme styles. OneAmerica styles are further down the page */
/* Portrait tablet to landscape and desktop */

@media (min-width: 980px) {
	/*Menu*/
	.navbar { float:right; border:none;}
	.collapse.in li a,
	.collapse.in ul.dropdown-menu a,
	.collapse.in li a.dropdown-toggle {
		border:none;
	}
}

@media (max-width: 980px) {
	/*Search Box Menu1*/
	.navbar .search-open {
		top: auto;
		bottom: 47px;
		left:38px;
		border:0;
		padding-top:5px;
		padding-bottom:5px;
		position:absolute;
		background: none;
		border-bottom: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	.navbar .search-open input {
		width: 330px;
	}

	.navbar .search-open input.gsc-search-button {
		width: 63px;
	}

	/*Search Box Menu2*/
	.navbar .search-open-inner {
		top:-51px;
		left:45px;
		border:0;
		padding-top:6px;
		padding-bottom:5px;
		position:relative;
		background:#3c495a;
	}
	.navbar .search-open-inner input {
		width:330px;
	}

	/*Image hover*/
	.da-thumbs li article em {
		display:none !important;
	}
}

@media (max-width: 900px) {
	/*Menu*/
	.nav-collapse .nav{ float:none !important; margin-top: 10px !important; }

	/*Service Block*/
	.service .desc { width: 55%}

	.contact-form .input-xlarge {width: 200px !important}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	/*Menu*/
	.nav-collapse .nav { margin-top: 10px !important; }

}

/* Landscape phones and down */
@media (max-width: 480px) {
	/*Menu*/
	.nav-collapse .nav{ margin-top: 10px !important;}

	/*Search Box Menu2*/
	.navbar .search-open-inner {
		top:-50px;
	}

	/*Search Box Menu1*/
	.navbar .search-open input {
		width: auto;
	}

	.navbar .search-open input.gsc-search-button {
		width: 63px;
	}

	/*Search Box Menu2*/
	.navbar .search-open-inner input {
		width: auto;
	}

	.article-rotator .flex-control-paging {
		display: none !important;
	}
}

/****************************

	Begin OneAmerica responsive classes

****************************/

@media (min-width: 1200px) {

/*** Landing page used in conjunction with .bgcontainer to add the effect of padding ***/
.container-padding {
	width: 1210px;
}

/*** Primary navigation ***/
.navbar .nav > li > a {
	font-size: 18px;
}

/*** Login ***/
.form-inline .input-medium {
	width: 150px;
}

/*** Subpage navigation ***/

.nav-sub .nav-sub-head { /* sub navigation header "ribbon" */
	width: 260px;
}

.nav-sub li a {
	padding: 5px 0 5px 15px;
}

.nav-sub li ul li a {
	padding: 5px 0; /* Second level */
}

/*** Tabs ***/

.nav-tabs > li {
	width: 210px;
}

/*** Tabs with rotator ***/

.nav-tabs.nav-tabs-rotator > li {
	width: 289px;
}

.nav-tabs.nav-tabs-rotator.four-tabs > li {
	width: 217px;
}

/*** Article rotator with fixed height ***/

.flexslider.article-rotator.article-rotator-fixed-height  {
	height: 220px !important;
}

/*** signboard ***/

.flexslider.signboard p {
	margin: 15% auto 0;
}

}

@media (min-width: 980px) and (max-width: 1199px) {

.flexslider.article-rotator.article-rotator-fixed-height  {
	height: 275px !important;
}

/*** Tabs ***/

.nav-tabs.nav-tabs-rotator > li {
	width: 233px;
}
.nav-tabs.nav-tabs-rotator.four-tabs > li {
	width: 175px;
}

}

@media (min-width: 768px) and (max-width: 979px) { /* Landscape tablet and desktop */

/*** Landing page used in conjunction with .bgcontainer to add the effect of padding ***/
.container-padding {
	width: 764px;
}

/*** Primary navigation ***/
.navbar .nav > li > a {
	font-size: 16px;
}

.navbar .nav > li > a.btn-login,
.navbar .nav > li > a.btn-dummylogin {
    background: #EEEEEE;
    border-bottom: 2px solid #eee;
}

/*Arrow for menu*/
.navbar .nav > li > a .caret {
	margin:10px 0 0 3px !important;
	border-top-color:#c4b796 !important;
	border-bottom-color: #c4b796 !important;
	-webkit-transition:all 0.4s ease-in-out;
	  -moz-transition:all 0.4s ease-in-out;
	  -o-transition:all 0.4s ease-in-out;
	  transition:all 0.4s ease-in-out;
}

.navbar .nav > li > a:hover .caret,
.navbar .nav > li.open > a .caret{
  margin:10px 0 0 3px !important;
  border-top-color:#af1732 !important;
  border-bottom-color: #af1732 !important;
}

/*** Mega menu ***/

.nav-collapse .nav > li > a:hover, /* overwrite rollover background color */
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
    background: none;
  }

.dropdown-menu h4 {
  font-size: 16px;
  margin: 10px 0;
}

.dropdown-menu {
  padding: 0 0 20px 0; /* left and right padding is not nesessary on mobile  */
}

.dropdown-menu ul { /* First level mega menu <ul> */
  width: auto;
  background: none;
}

.dropdown-menu li { /* All levels of the mega menu <li> */
  font-size: 14px;
}

.nav-collapse .nav .nav-header {
    color: #755426;
	padding: 5px 0;
}

.dropdown-menu ul.pull-left { /* First level mega menu <ul> */
  float: none;
}

.dropdown-menu li ul li { /* Second level of the mega menu <li> */
  line-height: 25px; /* Increase line-height for mobile */
}

.nav-collapse .dropdown-menu a { /* Effects all mega menu links */
  padding: 9px 0 9px 10px;
  font-weight: normal;
  color: #777777;
  -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
		  border-radius: 3px;
}

.nav-collapse .dropdown-menu li + li a {
    /*margin-bottom: 0px;
	padding-left: 10px;*/
}

.nav-collapse .dropdown-menu h4 a {
  	color: #023d69;
	display: block;
	padding-left: 0;
}

.nav-collapse .dropdown-menu h4 a:hover{
	color:#59798F;
}

.nav-collapse .dropdown-menu ul ul li a { /* Effects second level mega menu links */
    color: #023D69;
}

/*** Login ***/

.form-inline .input-medium {
	width: 150px;
}

.form-inline label {
    display: block;
}

.form-inline label.checkbox {
    display: inline-block;
}

.form-inline .btn-u {
    display: block;
	margin: 10px 0 0 0;
}

.form-inline .password { /**/
    margin: 0;
}

/* ".login-form-id-remember" contains the checkbox 'Remember my User ID' text and ? button */
.login .login-form-id-remember .checkbox {
    float: left;
    margin: 6px 0 0 0;
}

.login .login-form-id-remember p {
    margin: 5px 0 0 5px;
}

.login .form-horizontal p.mcak { /* McCready and Keene link */
    margin: 10px 0 10px 10px;
}

.login .form-horizontal button.btn-u {
    float: left;
    margin: 0;
}

/*** Subpage navigation ***/

.nav-sub .nav-sub-head { /* sub navigation header "ribbon" */
	width: 150px;
}

/*** Audience focused touts ***/

.audience-inner img.pull-left  {
	float: none;
}

.audience-inner p {
    margin-left: 0;
}

/*** Subpage touts ***/

.span3 .tout img + .content {
	margin: 0 0;
}

.span3 .tout img {
    margin: 0 0 10px 0;
	float: none;
}

/*** Aspire ***/

.aspire .carousel-caption {
	background: none;
	width: 75%;
	margin:  0px auto;
	top: 10%;
}
.aspire .carousel-caption h4 {
	font-size: 48px;
	text-transform: none;
	background: none;
	line-height: 1em;
	padding-bottom: 10px;
	display: block;
	border-bottom : 1px dotted #fff;
	margin-bottom: 10px;
}
.aspire .carousel-caption h5 {
	font-size: 28px;
	text-transform: none;
	background: none;
	line-height: 1em;
	padding-bottom: 10px;
	display: block;
	border-bottom : 1px dotted #fff;
	margin-bottom: 10px;
}
.aspire .carousel-caption p {
	text-align: left;
	font-size: 16px;
}

/* Tabs */

.nav-tabs > li {
	width: 129px;/* Allows tabs with a rotator to display horizontally on widescreen mode */
}

/* Tabs with article rotator */
.nav-tabs.nav-tabs-rotator a {
	/*padding:5px 10px !important; */
}

.nav-tabs.nav-tabs-rotator > li {
	width: 179px;/* Allows tabs with a rotator to display horizontally on widescreen mode */
}

.nav-tabs.nav-tabs-rotator.four-tabs > li {
	width: 134px;/* Allows tabs with a rotator to display horizontally on widescreen mode */
}

/****************************

	Begin article rotator with fixed height

****************************/

/* Signboard */
.flexslider.signboard p {
    font-size: 18px;
    line-height: 26px;
    margin: 19% auto 0;
}

.odit-nav .span6 {
	clear: both;
	width: 100%;
	margin-left: 0px;
}

}

@media (max-width: 767px) { /* Landscape phone to portrait tablet */

/*** Landing page used in conjunction with .bgcontainer to add the effect of padding ***/
.bgcontainer {
    background: none; /* remove the background image for mobile */
    padding: 0;
}

.container-padding {
	width: auto;
}

/*** Primary navigation ***/

.navbar .nav > li > a {
	font-size: 14px;
	}

.navbar .nav > li > a.btn-login,
.navbar .nav > li > a.btn-dummylogin {
    background: #EEEEEE;
    border-bottom: 2px solid #eee;
}

/*Arrow for menu*/
.navbar .nav > li > a .caret {
  margin:10px 0 0 3px !important;
  border-top-color:#c4b796 !important;
  border-bottom-color: #c4b796 !important;
  -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}

.navbar .nav > li > a:hover .caret,
.navbar .nav > li.open > a .caret{
  margin:10px 0 0 3px !important;
  border-top-color:#af1732 !important;
  border-bottom-color: #af1732 !important;
}

/*** Mega menu ***/

.nav-collapse .nav > li > a:hover, /* overwrite rollover background color */
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
    background: none;
  }

.dropdown-menu {
  padding: 0 0 20px 0; /* left and right padding is not nesessary on mobile  */
}

.dropdown-menu h4 {
  font-size: 14px;
  margin: 10px 0;
  /*border-bottom: none;*/
}

.dropdown-menu h4:hover{
	/*border-bottom: none;  No underline on hover
	padding: 0 0 1px 0;*/
}

.dropdown-menu li { /* All levels of the mega menu <li> */
  font-size: 14px;
}

.nav-collapse .nav .nav-header {
    color: #755426;
	padding: 5px 0;
}

.dropdown-menu ul { /* First level mega menu <ul> */
  width: auto;
  background: none;
}

.dropdown-menu ul.pull-left { /* First level mega menu <ul> */
  float: none;
}

.dropdown-menu li ul li { /* Second level of the mega menu <li> */
  line-height: 25px; /* Increase line-height for mobile */
}

.nav-collapse .dropdown-menu a { /* Effects all mega menu links */
  padding: 9px 0 9px 10px;
  font-weight: normal;
  color: #777777;
  -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
		  border-radius: 3px;
}

.nav-collapse .dropdown-menu li + li a {
    margin-bottom: 0px;
}

.nav-collapse .dropdown-menu h4 a {
	color: #023d69;
	display: block;
}

.nav-collapse .dropdown-menu h4 a:hover{
	color:#59798F;
}

.nav-collapse .dropdown-menu ul ul li a { /* Effects second level mega menu links */
    color: #023D69;
}

/*** Login ***/

.login {
    padding: 0 20px;
}

.login .headline {
    margin: 10px 0 0;
}

.login-drawer-content {
	width: 90%;
}

/*** Subpage navigation ***/

.nav-sub {
	min-height: inherit; /* With a screen size of 767px and smaller there is no need for a min-height */
}
.nav-sub .nav-sub-head { /* sub navigation header "ribbon" */
	position: relative;
	padding: 0;
	border-left: none;
	top: inherit;
	right: inherit;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	width: 100%;
	min-height: inherit;
}

.nav-sub .nav-sub-head:after {
    border-right: none;
    border-top: none;
}

.nav-sub .nav-sub-head:hover {
    border-left: none;
}

.nav-sub ul {
    margin: 0;
}

/*** Audience focused touts ***/

.audience-inner img.pull-left  {
	float: none;
}

.audience-inner p {
    margin-left: 0;
}

/*** Subpage touts ***/

.span3 .tout img + .content {
	margin: 0 0 0 66px;
}

.span3 .tout img {
    float: left;
}

/*** hero ***/

li.ui-tabs-nav-item {
	float:none;
	border-bottom: 2px solid #555555;
}

#rotator li.ui-tabs-selected {
    border-bottom: 2px solid #E58127;
}

li.ui-tabs-nav-item {
    width: 100%;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {
	width: 100%;  /*Tab width */
	box-shadow: none;
}

#rotator .ui-tabs-nav-item a span {
	padding:6px 0;
}

/* panel content box */
#rotator .ui-tabs-panel-content {
	right: 0px;
	top: 40px;
	height:265px;
	width: 450px;

}

#rotator .ui-tabs-panel-content:after { /* triangle */
	content:" ";
	border-top:none;
	position:absolute;
	bottom:-10px;
}

#rotator .ui-tabs-panel-content:after {
	border-right:none;
	right: 0;
}

/* index tout row */

.tout-block img {
    display: block;
	margin: 0 auto;
}

/*** Aspire ***/

.aspire .carousel-caption {
	background: none;
	width: 75%;
	margin:  0px auto;
	top: 30%;
}
.aspire .carousel-caption h4 {
	font-size: 32px;
	text-transform: none;
	background: none;
	line-height: 1em;
	padding-bottom: .25em;
	display: block;
	border-bottom : 1px dotted #fff;
	margin-bottom: .25em;
}
.aspire .carousel-caption h5 {
	font-size: 24px;
	text-transform: none;
	background: none;
	line-height: 1em;
	padding-bottom: .25em;
	display: block;
	border-bottom : 1px dotted #fff;
	margin-bottom: .25em;
}
.aspire .carousel-caption p {
	text-align: left;
	font-size: 15px;
}

/* Tabs */
.tab-content {
	margin: 0;
}

.nav-tabs > li {
	width: 100%;
}

.nav-tabs > li > a {
	font-weight: normal;
	/*border-bottom: 4px solid #f3ede0;*/
}

.nav-tabs > li.active > a {
	font-weight: bold;
}

.nav-tabs > li:hover:after { /* No need for the arrows on hover when the <li>'s are at 100% width */
	border-left: none;
	border-right: none;
	border-top: none;
	border-top-color: none;
}

.nav-tabs > li.active:after { /* No need for the arrows when the <li>'s are at 100% width */
	border-left: none;
	border-right: none;
	border-top: none;
	border-top-color: none;
}

/* Tabs- article rotator */

.nav-tabs.four-tabs.nav-tabs-rotator > li > a {
	height: auto;
}

/* Four-Tab horizontal tab text is hidden now */
.nav-tabs.four-tabs li .horiz {
	display: none;
}

/* Four-Tab stacked tab text is visible now */
.nav-tabs.four-tabs li .stack {
	display: inherit;
}

/* If we don't hide this, it'll keep the <a> full-sized in stacked view */
.nav-tabs.four-tabs li a:before {
	display: none;
}

.nav-tabs.nav-tabs-rotator.four-tabs {
	border-bottom: 5px solid #c4b796;
}

.nav-tabs.nav-tabs-rotator.four-tabs > li {
	width: 100%;
}

.nav-tabs.nav-tabs-rotator.four-tabs > li.active:after {
	border-left: none;
	border-right: none;
	border-top: none;
	border-top-color: none;
}

.odit-nav .span6 {
	clear: both;
}

} /* end @media (max-width: 767px) */

@media (max-width: 480px) {

#rotator h2 {
    margin: 0px 20px 0 20px;
    padding: 10px 0 0 0;
}

#rotator p {
    margin: 0 40px 0 20px;
	padding: 10px 0 0 0;
}

#rotator .ui-tabs-panel {
	height: auto;
	border-bottom: 2px solid #fff;
}

/* Hero */
/* panel content box */
#rotator .ui-tabs-panel-content {
	position: static; /* This is adding a 10px space. I don't know why BR 09/06/2013 */
	right: 0px;
	top: 0px;
	height:auto;
	width: 100%;
	padding: 0 0 20px 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

#rotator .ui-tabs-panel-content:after { /* triangle */
	content:" ";
	border-top:none;
	position:absolute;
	bottom:-10px;
}

#rotator .ui-tabs-panel-content:after {
	border-right:none;
	right: 0;
}

.form-inline label.checkbox {
    display: inline-block;
}

/*** Login ***/

.form-inline label {
    display: block;
	/*margin: 10px 0 0 0;
	margin-bottom: 5px;*/
}

.form-inline .btn-u {
    display: block;
	margin: 10px 0 0 0;
}

/* Aspire */
.aspire .carousel-caption {
	background: none;
	width: 75%;
	margin:  0px auto;
	position: absolute;
	top: 10% !important;

}
.aspire .carousel-caption h4 {
	font-size: 30px;
	text-transform: none;
	background: none;
	line-height: 1em;
	padding-bottom: .25em;
	display: block;
	border-bottom : 1px dotted #fff;
	margin-bottom: .25em;
}
.aspire .carousel-caption h5 {
	font-size: 20px;
	text-transform: none;
	background: none;
	line-height: 1em;
	padding-bottom: .25em;
	display: block;
	border-bottom : 1px dotted #fff;
	margin-bottom: .25em;
}
.aspire .carousel-caption p {
	text-align: left;
	font-size: 14px;
}

.aspire .carousel-control:hover {
	opacity: 0.5;
}

/* flexslider with article rotator */

.flexslider.article-rotator h3 {
	margin: 10px 0;
}

/* Signboard */

.flexslider.signboard {
    height: 250px;
}

.flexslider.signboard p {
    font-size: 16px;
    line-height: 21px;
    margin: 23% auto 0;
	width: 80%;
}
}

@media (max-width: 360px) {

blockquote img.pull-right {
    float: none; /* brings image above the content */
	margin: 0 0 20px 0;
}

.flexslider {
    padding: 30px 20px 20px;
}

/* Aspire */
.aspire .carousel-caption {
	background: none;
	width: 80%;
	margin:  0px auto;
	position: absolute;
	top: 1% !important;
}
.aspire .carousel-caption h4 {
	font-size: 1.25em;
	text-transform: none;
	background: none;
	line-height: 1em;
	padding-bottom: 0.5em;
	display: block;
	border-bottom : 1px dotted #fff;
	margin-bottom: 0.5em;
}
.aspire .carousel-caption h5 {
	font-size: 0.75em;
	text-transform: none;
	background: none;
	line-height: 1em;
	padding-bottom: 0.25em;
	display: block;
	border-bottom : 1px dotted #fff;
}
.aspire .carousel-caption p {
	text-align: left;
	font-size: 0.70em;
	line-height: 11px;
}

.aspire .carousel-control:hover {
	opacity: 0.5;
}

/* Signboard */

/* Signboard Slider (uses flexslider)*/
.flexslider.signboard {
	height: 250px;
}

.flexslider.signboard p {
    font-size: 14px;
    line-height: 16px;
    margin: 25% auto 0;
}

/*** Login ***/

.login-drawer-content {
	width: 80%;
}

/* Recaptcha */
#recaptcha_image {
	border: 0;
	padding: 0;
}

/* Login drawers */

.login-drawer-content {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 10px 0;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #999;
}

.login-drawer-content ul {
    margin: 0 0 20px 0;
}

} /* end @media (max-width: 360px) */

/* Timeline */
@media screen and (max-width: 65.375em) {

.cbp_tmtimeline > li .cbp_tmtime span:last-child {

}
.cbp_tmtimeline > li .cbp_tmicon {
	left: 21.7%;
	width: 20px;
	height: 20px;
}

}

@media screen and (max-width: 47.2em) {

.cbp_tmtimeline:before {
	display: none;
}

.cbp_tmtimeline > li .cbp_tmtime {
	width: 100%;
	position: relative;
	padding: 0 0 20px 0;
}

.cbp_tmtimeline > li .cbp_tmtime span {
	text-align: left;
}

.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 30px 0;
	padding: 0;
	font-weight: 400;
	font-size: 95%;
}

.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: auto;
	left: 20px;
	border-right-color: transparent;
	border-bottom-color: #f3f3f3;
	top: -20px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: transparent;
	border-bottom-color: #e5e5e8;
}

.cbp_tmtimeline > li .cbp_tmicon {
	position: relative;
	float: right;
	left: auto;
	margin: -55px 5px 0 0px;
	display: none;
}

}

/****************************

	Begin print stylesheets

****************************/

@media print {
	.top, /* Utility nav */
	.logo-mobile.hidden-desktop, /* mobile OA logo */
	.navbar, /* Primary nav */
	.login,
	.login-drawer-container,
	.breadcrumbs,
	.ui-tabs-nav, /* Homepage rotator navigation */
	.nav-sub ul, /* Subpage navigation */
	#topcontrol, /* Scroll to the top image */
	.flex-control-nav, /* Article rotator navigation boxes */
	.flex-direction-nav, /* Article rotator navigation arrows */
	.flex-control-paging,
	.nav-sub-head,
	.nav-tabs,
	.footer > .container > .row-fluid > .span8 {
		display: none !important;
	}

	.logo.visible-desktop  /* desktop OA logo */ {
		display: block !important;
	}

	.logo {
		position: static;
		left: auto;
		top: auto;
	}

/* Homepage */

	#wrapper{
		background: none;
	}

	#rotator#fragment-* { /* homepage rotator background image */
		background: none;
	}

	#rotator .ui-tabs-panel-content:after {
    	border-right: none;
    	right: inherit;
		border-top: none;
		bottom: inherit;
		position: inherit;
	}

	#rotator .ui-tabs-panel {
		height: inherit;
		width: inherit;
	}

	#rotator .ui-tabs-panel-content {
		box-shadow: none;
		position: inherit;
		right: inherit;
		top: inherit;
}

	.footer {
		position: relative !important;
		clear: both !important;
	}

/* Sub pages */

	.nav-sub .nav-sub-head:after {
		border-right: none;
		border-top: none;
		bottom: inherit;
		position: relative;
		right: inherit;
	}

	.modal {
		position: relative !important;
	}

	.modal-body {
		max-height: none;
	}

	/* Scroll to top widget */
	#topControl {
		display: none;
	}

	/* Tab content */
	.tab-content > .tab-pane {
		display: block !important;
		opacity: 1 !important;
		border: none;
	}
	/* Accordions */
	.accordion-group .accordion-body.collapse {
		height: auto;
	}
	.accordion-group .accordion-heading {
		display: none;
	}
	/* Rotators */
	div.flexslider {
		border: none;
		display: block;
		height: auto !important;
		float: none !important;
		margin-bottom: 0px;
		padding-bottom: 0px !important;
	}
	div.row-fluid > div.span9 > div.flexslider.article-rotator.article-rotator-fixed-height {
		height: auto!important;
	}


	div.flexslider .flex-viewport {
		display: block;
		height: auto !important;
		max-height: none !important;
		float: none !important;
	}
	div.flexslider .slides {
		height: auto !important;
		-webkit-transform: inherit !important;
		width: auto !important;
		float: none !important;
	}
	div.flexslider .slides li {
		display: block;
		float: none !important;
		-webkit-backface-visibility: visible !important;
		width: 100% !important;
		opacity: 1 !important;
	}
	div.flexslider .slides li.clone {
		display: none;
	}


}

/****************************

	End print stylesheets

****************************/


/****************************

	Begin calculator modal stylesheets

****************************/

/**************************************************
 most of this is only needed because we are using
 bootstrap 2.3.2.  if we can move to v3, the modal
 scrolling no longer prevents clicking the buttons
 in the footer
**************************************************/
/* generic rule for any short screens */
@media (max-height: 600px) {
    .modal-body {
        /* have to allow for header, footer, and space around modal div */
        max-height: 300px;
    }
}
/* end @media (max-height: 600px) */

/* tablets that aren't high res, but aren't exactly low res */
@media (min-width: 600px) and (max-height: 600px) and (orientation: landscape) {
    .modal-body {
        /* have to allow for header, footer, and space around modal div */
        max-height: 200px;
    }
}
/* end @media (max-height: 600px) and (orientation: landscape)


/* generic rule for any narrow screens to help table layout */
@media (max-width: 600px) {
    .modal-body .table th,
    .modal-body .table td {
        padding-right: 0;
    }

    /* for catchup calc */
    .modal-body td .input-medium {
        width: 100px;
    }
}
/* end @media (max-width: 600px)

/* generic rule for any narrow screens to show message */
@media (max-width: 470px) and (orientation: portrait) {
    .calculator-modal .rotate-suggestion {
        /* only display when mobile and in portrait */
        display: block;
        font-weight: bold;
    }
}
/* end @media (max-width: 600px) and (orientation: portrait) */

/* this is an iPhone 5 and less sizing, for portrait */
@media (max-width: 320px) and (max-height: 568px) {
    .modal-body {
        /* have to allow for header, footer, and space around modal div */
        max-height: 280px;
    }
}
/* end @media (max-width: 320px) and (max-height: 568px) */

/* this is an iPhone 5 and less sizing, for landscape */
@media (max-width: 568px) {
    .modal-body {
        /* have to allow for header, footer, and space around modal div */
        max-height: 130px;
    }
}
/* end @media (max-width: 568px) */