/* typography */	
*{
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: verdana, sans-serif;
	font-size: 24px;
	color: #000;
	position: relative;
}
	
a { color: #135293;}

a:hover {text-decoration: none;} 

h2 { border-bottom:3px solid rgb(250,179,61); }
h3 { font-size:1em; padding-top:.25em; margin-top:0.25em; }
hr { color: #FAB33D; background-color: #FAB33D; border: 0; height:1px; margin: .5em 0;  }

img{border:0;}

/* Alignments */
.alR { text-align: right; }
.alL { text-align: left; }
.alC { text-align: center; }
.calcd { color: #c00; }
.aEdit { background:url('images/button_edit.png') no-repeat; padding-left:18px; }

/* input */
input[type="submit"], input[type="button"]{
	padding:.3em; 
	border-radius:0.6em;
	font-size: 1em;
	border: 1px solid black;
}

/* Page */
/* used in Header */
#page { background: #FFFFFF; }

/* Header */
#header {
	position: fixed;
	z-Index:20;
	top:0;
	width:100%;
	height:60px;
	background-color:#4f515b;
	border-bottom: solid 4px #BC7B07;
	color: white;
	font-size: 1.2em;
	}
#header img { vertical-align: middle; }
#header input { vertical-align: middle; }
#header span { vertical-align: middle; }
.hdrMenu span.popup { 
	display: none;
	z-index:25;
	position:absolute;
	border:1px solid #4f515b;
	background-color:#BC7B07;
	text-align:left;
	}
.hdrMenu.showPopup span.popup { display: block; }
.hdrMenuLink { border:1px solid #4f515b; padding:.25em; }
.hdrMenuLink:hover { background-color:#4f515b; color:#fff; }
.hdrMenuLink a { color:#fff; text-decoration: none; }
#header .menuSelected a { font-style: italic; margin-left: 1em; color:#000; }

#headerRight { height: 100%; float:right; background:url('images/hdrVertDivider.png') 0 6px no-repeat; padding:6px 4px 0 6px; }
.hdrFullName { display:block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; background:url('images/hdrGrower.png') 0 4px no-repeat; padding-left:24px;
	width: 200px; height:100%;
}
@media only screen and (max-device-width:320px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2) {
	.hdrFullName { width: 170px;}
	#yearCell { font-size: 0.8em; }
	#backNav img, #forwardNav img { max-width:7%;}
}
/*  ----- timeline ---- */
#MenuIcon {position:absolute; z-index:5; left:-24px; }

#content {	margin-top:70px;}
.bgsold { background:#4bcc83; }
.clrsold { background:#fff; color: #4bcc83; }
.brdrsold { border: 3px solid #4bcc83; }
.bgcommitted { background:#ffa538; }
.brdrcommitted { border: 3px solid #ffa538; }
.clrcommitted { background:#fff; color:#ffa538; }
.bgbasisonly { background:#dc7; }
.clrbasisonly { background:#fff; color:#dc7; }
.bguncommitted { background:#f88; }
.clruncommitted { background:#fff; color:#f88; }
.bgoversold { background:#537; }
.clroversold { background:#fff; color:#537; }

.changed {background-color:#30ad63; }

/* DATA */
#data {	margin:5px;}
	
/* used on GrainBudgets 2 and Overhead */
.clInt { 
	text-align:right; 
	padding-right:3px;
	font-size: 22px;
}
.clText { 
	text-align:left; 
	padding-left:3px;
	font-size: 22px;
}

/* --- Default Data Table Class ---------------------------------------------------------- */
/* used in Overhead */
#tabledata, .tabledata {
	color:#000;
	text-align:center;
	width:98%;
	padding:0px;
	margin:0px;
	font-size: 24px; }
#tabledata td, #tabledata tr, .tabledata td, .tabledata tr { padding:2px; margin:0px; } 	
#tabledata Td:first-child, .tabledata Td:first-child { text-align:left;}
#tabledata th, .tabledata th {
	font-weight: bold;
	color: #000;	
	text-transform: uppercase;
	padding:4px;
	text-align:center;
	border-bottom:3px solid #000000;
}			
/* used in Overhead */
.TableRowH { background-color: #e6dfc7; }	 
/* used in Grain Budgets and Sales */
.TableRow2 { text-align:left; background-color: #fbf9f5; }
.bg1 { background-color: #e6dfc7; }
.bg2 { background-color: #F1EAE1; }
.bg3 { background-color: #fbf9f5; }
  /* used in overhead */
 .TableRowProf { text-align:left; background-color: #fbf9f5; }
 /* used in overhead */
.TableRow1 { text-align:left; background-color: #F1EAE1; }	 
  /* used in overhead */
 .TableRowSub { text-align:left; background-color: #f8f6ec; }
 *  /* used in overhead */
/* .TableRowSubDep { text-align:left; background-color: #D2B48C; }*/
 
  /* Table focus - turn rows green*/
.tabledata tr.TableRow1:focus,
.tabledata tr.TableRow2:focus,
.tabledata tr.TableRow1:focus th,
.tabledata tr.TableRow2:focus th,
.tabledata tr.focus th,
.tabledata tr.focus { background-color: #00aa00; }


#tabledata tr.TableRow1:focus,
#tabledata tr.TableRow2:focus,
#tabledata tr.TableRow1:focus th,
#tabledata tr.TableRow2:focus th,
#tabledata tr.focus th,
#tabledata tr.focus { background-color: #00aa00; }

/*detailLeft and detailTable used in grain budgets / sales */
.detail, .detailLeft, .detailTable { text-decoration:underline; }
.detail span, .detailLeft span, .detailTable table { z-index:25; position:absolute; display:none; text-decoration:none; margin-top:0.9em; white-space:nowrap; max-width:400px; border:1px solid #c3c370; background-color:#ffffe0; color:#000; padding: 5px; }
.detail:hover, .detailLeft:hover, .detailTable:hover { position:relative; text-decoration:none; background-color:#c3c370; }
.detail:hover span 	{ margin-left:-0.25em; display:inline; }
.detailLeft:hover span	{ right:0; margin-right:2.5em; display:inline; }
.detailTable:hover table { right:0; margin-right:2.5em; display:block; }
.detail:hover span span, .detailLeft:hover span span { position:static; margin-top:0; border:0; background-color:inherit; padding:0;  }

/* Footer */
#footer { padding:12px; margin: 0 auto; }	
#footerleft {
	float:left;
	font-size: 85%;
	width:45%;
}	
#footerright {
	float: right;
	width: 55%;
	font-size: 85%;
}

/* control header cell sizes smaller phones that have a pixel ratio of 2:
 * examples:  iPhone 5, iPhone4, Lumia 830, Blackberry Q10
*/
@media only screen and (min-device-width:320px) and (max-device-width: 600px)  and (orientation:portrait) and (-webkit-device-pixel-ratio:2){
	#footerleft { font-size:65%}
	#footerright {font-size:65%}
}


/* control header cell sizes medium phones that have a pixel ratio of 3:
 * examples: HTC One, Samsung S5, Samsung S4, Nexus 5
*/
@media only screen and (min-device-width:360px) and (max-device-width: 640px)  and (orientation:portrait) and (-webkit-device-pixel-ratio:3){
	#footerleft { font-size:65%}
	#footerright {font-size:65%}
}


/* rounded collapsible row headers */
.collapsible-rounded{
	border-radius: 20px 20px 0 0;
	padding: 10px;
}

/* buttons */

/* square save/cancel buttons */
.btn-edit { width:60px; height:44px; background:url('../mobile/images/edit_icon.png') 18px 8px no-repeat; background-size:22px 22px;  }
.btn-close {
	width: 60px;
	height: 44px;
	display: inline-block;
	float: left;
	margin: 6px;
	background: url(../mobile/images/cancel-icon-white.png) no-repeat center center/24px 24px #a36a55;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.btn-delete {
	width: 60px;
	height: 44px;
	display: inline-block;
	margin: 4px;
	background: url(../mobile/images/delete-icon-white.png) no-repeat center center/26px 24px #ff3333;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.btn-save {
	width: 60px;
	height: 44px;
	display: inline-block;
	float: right;
	margin: 4px;
	background: url(../mobile/images/save-icon-white.png) no-repeat center center/24px 24px #30ad63;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.btn-desktop {
	width: 36px;
	height: 33px;
	display: inline-block;
	text-decoration:none;
	font-size:16px;
	margin: 6px 12px 0 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* larger buttons with spacing optimized for the Overall row of overhead */
.btn-ovrRemoveOverall {
	width: 27px;
	height: 27px;
	display: inline-block;
	float: left;
	text-decoration:none;
	background: url(../mobile/images/button_delete_white.png) no-repeat center center #fb0000;
	margin: 8px 6px;
	padding-left:0 !important;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.btn-ovrAddOverall {
	width: 27px;
	height: 27px;
	/*display: inline-block;*/
	float: left;
	text-decoration:none;
	background: url(../mobile/images/button_insert_white.png) no-repeat center center #00bb00;
	margin: 8px 6px;
	padding-left:0 !important;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

/* smaller buttons for use with sub level rows */
.btn-ovrRemove {
	width: 25px;
	height: 25px;
	display: inline-block;
	float: left;
	text-decoration:none;
	background: url(../mobile/images/button_delete_white.png) no-repeat center center #fb0000;
	margin: 4px 4px;
	padding-left:0 !important;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.btn-ovrAdd {
	width: 25px;
	height: 25px;
	/*display: inline-block;*/
	float: left;
	text-decoration:none;
	background: url(../mobile/images/button_insert_white.png) no-repeat center center #00bb00;
	margin: 2px 4px;
	padding-left:0 !important;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

#tabledata td li{
	padding-left: 2em;
	text-indent: -2em;
	padding-bottom:5px;
}