/* 
Css Reset ----------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:active {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End CSS Reset -----------------------------------------------*/

/* clearfix enables self clearing floats, add class="clearfix" to any floated elements parent to clear itself */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */


/*	Typography presets
	------------------	*/

body {
	font: 12px/24px Georgia, serif;
}

.small, small {
	font-size: 13px;
	line-height: 18px;
}

/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}


.content{
	background: #F8F6EA;
	border:1px solid #000;
	padding: 20px;
}
.content ul.bullet li {
	list-style:disc;
	margin-left:2em;
}
.main{}
.nav, .tab, .inner-nav, .footer-nav{width: 100%; overflow: hidden;}
.nav li, .tab li, .inner-nav li, .footer-nav li{ float: left; list-style: none;  width: 16.7%;}
.nav a, .tab a, .inner-nav a, .footer-nav a, .gabutton{
	display: block; 
	padding: 3px 28px 3px 8px; 
	text-align: center; 
	color:#fff; 
	text-decoration: none; 
	font-size:13px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-radius: 3px 0 0 0;
	background: transparent url(../images/tab-mask.png) no-repeat right 0;
	-webkit-transition: all 0.2s linear;
}
/*.inner-nav a {background: transparent;}
.footer-nav a {background: transparent;}
*/
.gabutton {
	display: inline-block; 
	padding: 3px 16px;
	font-size:16px;
	border:0;
	-webkit-border-top-left-radius:0;
	-moz-border-radius-topleft:0;
	border-radius:0;
}
.gabutton:hover {
	background: #333;
}

.nav li, .tab li, .inner-nav li, .footer-nav li, .gabutton{
	/* Old green
	background-color: #38B053!important;
	background: -moz-linear-gradient(top, #45c93a 0%, #2e7a28 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45c93a), color-stop(100%,#2e7a28));
	background: -webkit-linear-gradient(top, #45c93a 0%,#2e7a28 100%);
	background: -o-linear-gradient(top, #45c93a 0%,#2e7a28 100%);
	background: -ms-linear-gradient(top, #45c93a 0%,#2e7a28 100%);
	background: linear-gradient(top, #45c93a 0%,#2e7a28 100%);	*/

	/* New blue tabs */
	background: #0041aa;
	background: -moz-linear-gradient(top,  #0041aa 0%, #002745 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0041aa), color-stop(100%,#002745));
	background: -webkit-linear-gradient(top,  #0041aa 0%,#002745 100%);
	background: -o-linear-gradient(top,  #0041aa 0%,#002745 100%);
	background: -ms-linear-gradient(top,  #0041aa 0%,#002745 100%);
	background: linear-gradient(to bottom,  #0041aa 0%,#002745 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0041aa', endColorstr='#002745',GradientType=0 );
}
/*
.nav a:hover, .tab a:hover {
	background: #333 url(../images/tab-mask.png) no-repeat right 0;
}
.inner-nav a:hover {background: #333 url(../images/tab-mask-inner.png) no-repeat right 0;}
.footer-nav a:hove r{background: #333 url(../images/tab-mask-footer.png) no-repeat right bottom;}
*/
.logo a,
.logo a:hover
{
	background:#002D56 url(../images/deltaag-logo-smaller.gif) no-repeat left center !important;
	text-indent:-9999px;
}

.data th,
.data td{
	/* background: #ddf1e2;*/
	padding: 3px 5px;
	/* border: 1px solid #7DC98E;*/
		border: 1px solid #7d9dc9;
	background: #dde7f1;
}
.data td{
	background:white;
}
table{
	border-collapse: collapse;
}

.header {text-align:center; margin-bottom: 40px;}
#logo{
	background: white url('../images/deltaag-logo-detailed.png') top center no-repeat;
	height: 90px;
	width: 170px;
	margin: 0 auto;
	display:block;
}

.mobile-best-prices td,
.mobile-best-prices th
{
	white-space:nowrap;
}
.mobile-best-prices .data th
{
	background:white;
	border-top:0;
}
.mobile-best-prices .data th:first-child
{
	text-align:left;
}
.mobile-best-prices .reduce th
{
	border-width:1px 0;
}
.mobile-best-prices .reduce th:first-child
{
	border-left-width:1px;
}
.mobile-best-prices .reduce th:last-child
{
	border-right-width:1px;
}
.mobile-best-prices .reduce .season,
.mobile-best-prices .reduce + tbody,
.mobile-offer .collapse + li,
.mobile .collapse *
{
	display:none;
}
.mobile .collapse h3
{
	display:block;
}
.mobile h3
{
	/*border:1px solid #7DC98E;
	background:#DDF1E2;*/
	border: 1px solid #7d9dc9;
	background: #dde7f1;
	text-indent:0.5em;
}
.mobile .collapse .ind,
.mobile .reduce .ind
{
	border-top: 0.45em solid transparent;
	border-bottom: 0.45em solid transparent;
	/*border-left: 0.9em solid green;*/
	border-left: 0.9em solid #002745;
}
.mobile .ind,
.mobile .ind
{
	width: 0;
	height: 0;
	border:0;
	border-left: 0.45em solid transparent;
	border-right: 0.45em solid transparent;
	/*border-top: 0.9em solid green;*/
	border-top: 0.9em solid #002745;
	display:inline-block;
}

.mobile-offer h3 + div,
.mobile-settings h3 + div
{
	/*border:1px solid #7DC98E;*/
	border: 1px solid #7d9dc9;
	border-top:0;
	padding:0.5em;
	padding-top:0;
	background:white;
}
.tab li {
	float:left;
}
.tab li a {
	background-image:none;
	text-align:center;
	padding-left:0;
	padding-right:0;
	border-right:1px solid #333;
	-webkit-border-top-left-radius:0;
	-moz-border-radius-topleft:0;
	border-radius:0;
}
.tab li a:hover {
	background-image:none;
}
.tab li.current a {
	background:#333;
}

#register .data {
	width:100%;
}
#retrievepassword form,
#forgotpassword form {
	border:1px solid #7DC98E;
	padding:1em;
	padding-top:1.5em;
	background:white;
	margin-top:1.5em;
}
#resetpassword legend {
	font-weight:bold;
	position:absolute;
	background:white;
	border:1px solid #7DC98E;
	padding:0 1em;
	margin-top:-2.5em;
}
#resetpassword label {
	display:block;
	float:left;
	width:15em;
}
#resetpassword .buttons {
	margin-left:15em;
}
form .error {
	display:block;
	color:#c00;
}

.infoBox, .successBox, .errorBox, .warningBox {
    clear: both; display: block;
    padding: 0.5em 2em;
    margin: 0.5em 0;
}
.infoBox { background-color: #E8E8FF; border: 1px solid #6D6EB1; }
.successBox { background-color: #caffca; border: 1px solid #65ff65; }
.errorBox { background-color: #ffcaca; border: 1px solid #ff6565; }
.warningBox { background-color: #fe9; border: 1px solid #FC0; }

/*		Default Layout: 992px. 
-------------------------------------------------------------------------------
*/

body {
	width: 956px;
	padding: 72px 18px 84px;
	margin: 0 auto;
	color: rgb(60,60,60);
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	font-family: "Helvetica neue", Arial, sans-serif;
}

.short-inline,
.short-block
{
	display:none;
}

.legend
{
	margin-top:1em;
}
.legend dt
{
	width:15%;
	float:left;
	clear:left;
}
.legend dd
{
	width:80%;
	float:left;
	clear:right;
}


/*		Tablet Layout: 768px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
		width: 752px;
		padding: 48px 8px 60px;
	}
	.nav a, .inner-nav a, .footer-nav a{font-size: 12px;}
}



/*		Mobile Layout: 320px.
		Inherits styles from: Default Layout.
---------------------------------------------
*/

@media only screen and (max-width: 767px) {
	
	body {
		width: 100%; /*252px;*/
		padding: 0; /*48px 34px 60px;*/
	}
	.container{
		overflow-x: scroll;
	}
	.nav li, .inner-nav li{
		width: 100%;
		float: none;
		background-color: inherit;
	}
	.nav a, .inner-nav a, .footer-nav a{
		background-image: none;
		font-size: 16px; 
		text-align: left;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.nav a:hover, .inner-nav a:hover, .footer-nav a:hover{background-image: none;}

	.mobile-offer .tab li {
		width:50%;
		float:left;
	}
	.mobile-settings .tab li {
		width:20%;
		float:left;
	}
	.mobile label,
	.mobile input[type=text],
	.mobile select,
	.mobile textarea {
		max-width:90%;
		font-size:16px;
		padding:0.25em
	}
	.mobile-offer h3,
	.mobile-offer h3 + div,
	.mobile-settings h3,
	.mobile-settings h3 + div {
		font-size:16px;
		line-height:2em;
	}
	.mobile-settings .grades {
		clear:both;
	}
	.mobile-settings .grades li {
		float:left;
		width:50%;
	}
	.mobile-settings .grades label,
	.mobile-settings .grades input {
		padding-left:0em;
		padding-right:0em;
		margin-left:0em;
		margin-right:0em;
	}
	#depot_csresults {
		display:none;
		border:1px solid black;
		width:20em;
		position:absolute;
		background:white
	}
	#depot_csresults a {
		display:block;
		text-decoration:none;
		color:black;
		line-height:1.6em;
		padding:0 0.8em;
		border:1px solid white;
		cursor:pointer;
		font-weight:normal;
	}
	#depot_csresults a:hover {
		background:#eef;
		border:1px solid #ccf
	}
	#depot_js {
		display:inline;
	}
	#depot_csselected li {
		border-bottom:1px solid #ddd;
		padding:0.5em;
	}
	.mobile-settings h3.depot {
		text-indent:0;
		padding:0.5em;
	}
	.mobile-settings h3.depot input {
		width:20em;
	}
	.mobile-offer #offerEdit_pricingBasePoint_csresults {
		position:static;
		width:100%;
	}
	.mobile-offer .descr,
	.mobile-offer #offerEdit_pricingBasePoint_csresults {
		font-size:12px;
	}
	.mobile-offer #offerEdit_pricingBasePoint_csresults a {
		font-size:16px;
		border-bottom:1px solid #ccc;
	}
	.mobile-offer .list li.head,
	.mobile-offer dt {
		border-top:1px solid #eee;
		margin-top:0.5em;
	}
	.mobile-offer .list li:first-child,
	.mobile-offer dt:first-child {
		border-top:0;
		margin-top:0;
	}
	.mobile-offer .list li.head + li {
		line-height:24px;
	}
	.mobile-offer .list li.head + li .tab li {
		float:none;
		margin:0 auto;
	}
	form dt .red {
		color:#c00;
	}
	form .error {
		display:block;
		color:#c00;
	}
	#register label,
	#register input[type=text],
	#register select,
	#register textarea {
		max-width:90%;
		padding:0.25em;
	}
	#register .data {
		width:auto;
	}
	#resetpassword legend {
		font-size:16px;
		margin-top:-2em;
	}
	#resetpassword label,
	#resetpassword input[type=text],
	#resetpassword input[type=password] {
		float:none;
		width:90%;
		padding:0.25em;
		font-size:16px;
	}
	#login label,
	#login input[type=text],
	#login input[type=password] {
		float:none;
		width:90%;
		padding:0.25em;
		font-size:16px;
	}
	#login label[for=auth_autoLogin] {
		line-height:2em;
	}
	#login input[type=checkbox] {
		float:left;
		margin-top:0.75em;
	}
	
	#resetpassword .buttons {
		margin:0 auto;
	}

	.logo a,
	.logo a:hover
	{
/*		background-image: url(../images/horizongb_logo-small.gif);
*/		text-indent:-9999px;
	}
	
	.footer-nav li{width: 100%;}
	.footer-nav a{ font-size: 13px;}
	
	.header #logo{
		-moz-background-size: 80% auto;
        -webkit-background-size: 80% auto;
        background-size: 80% auto;
        height: 100px;
	}

	.data { 
		width: 100%;
	}
	.short-inline {
		display:inline;
	}
	.short-block {
		display:block;
	}
	.full-inline {
		display:none;
	}
}



/*		Wide Mobile Layout: 480px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
*/

@media only screen and (min-width: 481px) and (max-width: 767px) {
	
	body {
		width: 456px;
		padding: 36px 12px 48px;
	}
	.nav li{
		width: 50%;
		float: left;
	}
	.header #logo{
		height: 140px;
		-moz-background-size: 70% auto;
        -webkit-background-size: 70% auto;
        background-size: 70% auto;
	}
	
	.footer-nav li{width: 50%;}

	.data{
		width: 100%;
	}
	.short-inline {
		display:inline;
	}
	.short-block {
		display:block;
	}
	.full-inline {
		display:none;
	}
}


/* DeltaAg Style Overrides */

.content {
	background-color: #f7f0c0 !important;
}
#logo {
/*	margin-bottom: 40px !important;*/
}
.shadow th {
	background-color: #DDE6F1 !important;
}
.shadow th, .shadow td {
	border: 1px solid #002745 !important;
}
.section {
  color: #002745 !important;
}
input[type="submit"] {
  background: #0B426B;
  color: #fff !important;	
  border: none !important;
  padding: 4px 8px !important;
  cursor: pointer !important;
  font-weight: bold !important;
  margin: 15px 0 !important;
  cursor: pointer !important;
}
input[type="submit"]:hover, input[type="submit"]:focus {
  text-decoration: underline;
}
#login {
 	padding-top: 15px !important; 
}
#login .field {
  margin: 15px 0;
}
.nav li a:hover, .nav li a:focus {
	text-decoration: underline;
}
.tab li.current a {
	background: #D7C300;
}
.tab li a:hover, .tab li a:focus {
	text-decoration: underline;
}
div[data-role="collapsible"] h3 {
	cursor: pointer;
	margin-top: 10px;
}
div[data-role="collapsible"] h3:hover, div[data-role="collapsible"]:focus  {
	text-decoration: underline;
}
.mobile-best-prices .data th:first-child {
	cursor: pointer;
}
.mobile-best-prices .data th:first-child:hover, .mobile-best-prices .data th:first-child:focus {
	text-decoration: underline;
}