/*
* CSS for Almond webpage
* Author: Jerry Z. Xue
* Contact: zjxue at ucdavis dot edu
* Version: 1.0
*/

/* HTML tags */
body {background:#ffffff; font-size: 62.5%; font-family: Cambria, Georgia, serif; font-weight: normal;  height:100%}
a {color:#b75858; font-weight:400;}
a:hover {color:#872828;}
a img {border:0;}
p {margin:0 0 16px 0px;}
img {max-width:610px;}
img.alignleft {display:inline; float:left; margin:5px 15px 5px 0;}
img.alignright {float:right; margin:5px 0 5px 15px;}
img.aligncenter {display:block; margin:10px auto;}
img.border {background:#f4f4f4; border:1px solid #ddd; padding:5px;}

.module{background:white;padding:0 0 5px;clear:both;box-shadow:0 0 15px rgba(0,0,0,0.2);margin:0 0 20px 0;position:relative}
.tab-title {font-size:2em;color:#000000 ;font-weight:bold;padding:2px;background-color:#fece2f;border:#494437}

/*------ wrapper ------*/
#wrap {background:#ffffff; color:#555;  margin:0px 30px 0px 30px; padding:10px;height:100%; position:relative;float:left;}

/*------ Header ------*/
#header {overflow: hidden; border-bottom: 2px solid #555;}
#header h1 { font-size:3.25em;text-align: left;margin-bottom:0em;}

/*------ Nav Bar ------ */
#nav {overflow: hidden; margin-top:1em; height:5em; }
#nav ul {list-style-type:none;}
#nav li.page_item {margin-left:2em; float:right; font-weight:bold;}
#nav li a {font-size: 1.7em; width:200px;font-weight:bold; line-height:1; float:left; text-decoration:none; font-weight:bold; text-shadow: 0 1px 0 rgba(255,255,255,0.5);color:#555; }
#nav li a:hover {color:#B75858;}/*#6D8E00*/

/*------ Content ------*/
#content {margin:0em 0em 1em 0em;}

/*------ Left column ------*/
#leftcolumn {margin:10px 10px 5px 0px; clear:left; float:left; width:300px;}
/* Left column form */
label {width:250px;float: left;text-align:left;display: inline-block;font-size: 1.2em;margin:5px 5px 5px 0px;clear: left }
form {margin:5px 5px 5px 0px;}
form select {float:left;clear:left;margin:0px 5px 5px 0px;}
.slider {float:left;margin:5px 0px 10px 0px}
.slider label {width:auto;float: left;text-align:left;display: inline-block;font-size: 1.2em;margin:5px 5px 10px 0px }
.slider input {font-size:1.1em;width:40px;border:0; color:#555; font-weight: bold;margin:5px 0px 10px 10px  }
#add-dialog-form label { width: 260px; float: left;text-align:left;margin: 0em;display: block; }
/* almond properties div in left column */
#almondVarietyAndProcessingMethod {float:left;padding:5px 5px 20px 5px;width:300px}
/*#almondVarietyAndProcessingMethod .ui-icon {display:none;}*/
/* almond properties div in left column */
#almondStorageData {padding:5px 5px 20px 5px;width:300px;float:left;}

form table, form table td, form table th {border: 0px;text-align:left;}
/*.label.styledSelect {
    float: left;
}*/

/*------ Right column ------*/
#rightcolumn {float:left; margin:15px 5px 5px 10px; width:820px; padding:0; text-align:left;}

/*tr > td {padding-bottom: 1em; padding-right: 0.5em; }*/

table {
  border: solid 1px #D5D5D5;
  border-collapse: collapse;
  /*width:100%;*/
}

table td {
	border:1px solid #D5D5D5;
	font-size:1.1em;
	padding:5px 5px ;
    text-align:center;
}
/*make the data results table scrollable*/
/*#dataTableBody {overflow-y: scroll}*/

table th {
	/*background-color:#EEE;*/
    background:#fff;
	border:1px solid #D5D5D5;
	font-size:1em;
	padding:5px 5px;
	line-height:1;
	text-align:center;
    font-weight:normal
}

/*------ Footer ------*/
#footer {clear:left;float:left;font-size:1em;height:4em; color:#444; margin-top:20px; border-top:2px solid #ccc; padding:0; text-align:center; width:100%;}
#orgLinks { width:500px; margin-left:auto; margin-right:auto;text-align:center;}
#footer ul {list-style-type:none;}
#footer li {float:left;position:relative;}
#footer li a {color:#555; font-size: 1.5em; line-height: 2;	padding-right:5px; padding-left: 5px; background:#fff;text-decoration:none;}
#footer li a:hover {text-decoration:underline;}