/* CSS for gallery pages.  They will typically be preceeded by a cew menu css */

#gallery {
	padding: 0% 2% 0% 2%;
	/*background-image: url(../views/home_images/back-award-lg.jpg);*/
	background: #fefbea;
	/*border: 1px solid;*/
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0em;
	min-width: 910px;
	min-height:500px;
}
#gallery .xdescription {
	width: 85%;
	background: #d7d7b0;
	color: #6c5837;
	opacity: 1;
	text-align: center;
	line-height: 1.3em;
	border: 2px solid #996633;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 10px;
}
#gallery .description {
    width: 100%;
    /*min-width: 840px;*/
    margin:5px auto 0px auto;
    padding:5px;
    text-align: center;
    /*float: left;*/
    display:block;
    color: #6c5837;
    border: 1px solid #a48753;
    /*background-image: url('views/home_images/list-bg-3.jpg');*/
    	background: #e1e1e1; /* Fallback color for non-css3 browsers */
	background: -webkit-gradient( linear,left top, left bottom, color-stop(0, #f1ece4), color-stop(1, #dacdb6));
	background: -moz-linear-gradient( center top, #f1ece4 0%, #dacdb6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1ece4', endColorstr='#dacdb6'); /* for IE */
}
#gallery h1 {
    font-size: medium;
    border-bottom: 1px dotted #6c5837;
    width: 50%;
    margin: 0 auto 0 auto;
    padding: 0;
}
#gallery h2 {
    font-size: small;
    margin: 0px;
    padding: 0px;
}
#gallery p {
	font-size: small;
	margin: 0 10px 0 10px;
	line-height: 1.2em;
}
#gallery .search_criteria {
	font-size: medium;
	font-weight: bold;
	margin: 0 auto 0 auto;
	padding: 0;
}
#pagination1 {
	position: relative;
	padding: 5px 10px 4px 10px;
	margin: 0 5px 0 5px;
	overflow: hidden;
}
#pagination1 .records {
	font-size: .9em;
	color: #555;
	font-style: italic;
	font-weight: bold;
}
#pagination2 {
	position: relative;
	/*min-width: 80%;*/
	/*width: 80%;*/
	overflow: hidden;
	margin: 10px 5px 0 5px;
	padding: 0px 0px 5px 10px;
}
#pagination2 .records {
	font-size: .9em;
	color: #555;
	font-style: italic;
	font-weight: bold;
}
.pages {
	/*position: absolute;*/
	float: left;
	/*bottom: 6px; left: 20px;*/
	/*font-size: 12px;*/
	z-index:1;
	padding-top:1px;
}
#pages .ui-widget, #pages2 .ui-widget, #modebuttons .ui-widget {
	font-size: .9em;
}
#pages .ui-button, #pages2 .ui-button {
	padding: .2em .6em;
	margin-left:-1px;margin-right:0;
	/*border-right:none;*/
}
#modebuttons .ui-button {
	padding: .2em .4em;
	margin-left:-4px;margin-right:0;
}
#pages .button_next, #pages2 .button_next {
	/*border-right: 1px solid #333026;*/
}
#pages .ui-button-text, #pages2 .ui-button-text, #modebuttons .ui-button-text  {
	padding: 0;
}
#pages p, #pages2 p {
	color: #6c5837;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	margin: 0 0 1px 3px;
}
.pages_button {
	position: relative;
	float: left;
}
.pages_button_link:hover {
	border: 1px solid #000000;
	background: #8f6007 url("../js/jquery-ui-1.11.2-black-tie-edited.custom-v3/images/ui-bg_fine-grain_55_8f6007_60x60.png") 50% 50% repeat;
	font-weight: normal;
	color: #ffffff;
}
.pages_button_link:active {
	border: 1px solid #847e68;
	background: #ececeb url("../js/jquery-ui-1.11.2-black-tie-edited.custom-v3/images/ui-bg_flat_65_ececeb_40x100.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #222222;
}


.current_page {
	font-weight: bold;
	color: blue;
	font-style: italic;
}

.record {
	font-size: 14px;
	color: #5d5d5d;
}
.sort_container {
    float:right;
    margin:0;padding:3px 0 0 0;
    position: relative;
    color: #6c5837;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    /*height: 42px;*/
}
.sort_container p {
    margin:0;padding:0;
    color: #6c5837;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
}


#view_details {
	position: relative;
	float: right;
	padding: 0 8px;
}
#count {
	position: relative;
	float: right;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: -1px;
	width:auto;
}
.count_label {
	display: block;
	text-align:left;
	padding:0 0 0 3px;
	line-height: normal;
}
#mode {
	float: right;
	position: relative;
	padding: 0 8px;
}
#mode_label {
	display: block;
	text-align:left;
	padding:0 0 0 3px;
	font-size: 11px;
	line-height: normal;
}
#mode_label p {
	font-size: 11px;
	line-height: normal;
}
#mode .ui-button-text{
	padding: 0.22em 0.5em;
	font-size: 12px;
}
#count span.ui-selectmenu-text {
	/*padding: 0.2em 0.5em;*/
}
#c-button {
	width:auto;
}
#count .ui-button, #sortby .ui-button{
	padding:.2em .6em;
}
#details input.ui-button  {
	padding: 0.2em 0.5em;
	margin-top:0;
}
#sortby .ui-selectmenu-text  {
	/*padding: 0.2em 0.5em;*/
}

#sortby {
	float: right;
	position: relative;
	padding-right: 8px;
	padding-left: 8px;
	/*margin-top: 1px;*/
	width:auto;
}
.sortby_label {
	display: block;
	font-size: 12px;
	text-align:left;
	padding:0 0 0 3px;
	line-height: normal;
}
.initial_select_style {
	padding:.25em .4em;
	text-indent:.2em;
        height:23px;
}

#imagetable {
	font-family: Times New Roman, Times, serif;
	font-size:16px;
	padding: 0px;
	border-spacing:0;
	border-collapse:collapse;
	margin:0;
	line-height:18px;
	/*background-image: url(views/home_images/list-bg-3.jpg);*/
	/*background: #fdf8da;*/
	/*width: 95%;*/
	border: 1px solid #B0B0B0;
	border: 1px solid #6c5837;
}

#imagetable table{
	width: 95%;
	border: 1px solid;
}
#imagetable a:link, a:visited, table a:visited, table a:active {
  color: #993300;
  text-decoration: none;
  z-index:1;
}

#imagetable a:hover {
  color: #FF6600;
  text-decoration: underline;
  z-index:1;
}
#imagetable.tips a:hover {
  text-decoration: none;
}

#imagetable thead {
	text-align: left;
}
#imagetable thead th {
	font-weight: bold;
	        font-size: 15px;
        text-align: left;
	padding: 4px;
        color: #4a3d25;
        text-shadow: 1px 1px 1px #ffffff;
        margin: 2px;
        background: #dacdb6; /* Fallback color for non-css3 browsers */
	background: -webkit-gradient( linear,left top, left bottom, color-stop(0, #dacdb6), color-stop(1, #cfbe9f));
	background: -moz-linear-gradient( center top, #dacdb6 0%, #cfbe9f 100%);
            /* IE5.5 - IE7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#dacdb6,EndColorStr=#cfbe9f);
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#dacdb6,EndColorStr=#cfbe9f)";
        border: 1px solid #707070;
}

#imagetable tbody {
	margin: 0;
	padding: 0;
	outline: 0;
	border-color: #6c5837;
	font-size: 100%;
}

#imagetable td.num{
	border: 1px solid #6c5837;
	padding: 0px 5px 0px 5px;
	width: 3%;
	text-align: center;
	color: #444444;
}
#imagetable td.title{
	border: 1px solid #6c5837;
	padding: 0px 0px;
	width: 60%
	border-right: hidden;
	padding: 0px 10px 0px 10px;
	color: #444444;
}
#imagetable td.contrib1{
	border-top: 1px solid #6c5837;
	border-left: hidden;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 18%;
	text-align: right;
	font-size: x-small;
	line-height: 12px;
	color: #888888;
}
#imagetable td.contrib2{
	border-top: 1px solid #6c5837;
	border-left: hidden;
	border-right: 1px solid #6c5837;
	border-bottom: hidden;
	padding: 0px 10px 0px 0px;
	width: 18%;
	text-align: right;
	font-size: x-small;
	line-height: 12px;
	color: #888888;
}
#imagetable td.thumb{
	color: #666666;
	border: 1px solid #6c5837;
	padding: 2px 2px 2px 2px;
	width: 20%;
	text-align: center;
	font-size: small;
	line-height: 12px;
}
#imagetable td.thumb img {
	border: 1px solid #999999;
}
.imagearray_container {
	overflow: hidden;
	margin-left: 20px;
}
	
.imagearray {
  float: left;
  /*border-right:1px dotted #aaaaaa;*/
  border:1px dotted #aaaaaa;
  padding:4px 8px 4px 8px;
  width:210px;
  height:145px;
  overflow: hidden;
}
.imagearray_tall {
	height:200px;
}
.imagearray table {
	margin: 0 auto;
}
  
#gallery .imagearray p {
   text-align: center;
   font-size: 12px;
   line-height: 14px;
   white-space:normal;
   color: #666666;
   margin:0; padding: 0;
   }
   
.imagearray a:link, a:visited, table a:visited, table a:active {
	border: 0;
}
.imagearray a {
	text-align: center;
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	border: 0;
}
.imagearray img {
	border: 1px solid #999999;
}

   
#search {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 8px;
	padding: 0px 20px 5px 20px;
	text-align: left;
	border-bottom: 2px  groove #ccc;
}

#search p {
	position: relative;
	float: left;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	color: #555;
}
#search h1 {
	text-align: left;
	font-size: 24px;
	line-height: 36px;
	color: #ff721e;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #bbb;
}

.highlight_word{
        /*background-color: pink;*/
	font-weight: bold;
	color: #444;
}

/* styles for History pages */
#history {
	padding: 0px 30px 0px 30px;
	background-image: url(../views/home_images/back-award-lg.jpg);
	min-width: 840px;
}
#history h1 {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 20px;
}
#history h2 {
	font-size: 20px;
	color: #666666;
	border-top: 1px solid #888888;
	padding: 5px;
	margin: 0px;
}
#history h3 {
	font-size: medium;
	color: #666666;
	/*border-top: 1px solid #888888;*/
	padding: 5px;
	margin: 0px;
}
.history-contrib {
	
}
.history-item {
	float: left;
	padding: 5px;
	/*margin: 5px;*/
	max-width: 150px;
	max-height: 150px;
	border: 1px dotted grey;
}
.h-space-5 {
	position: relative;
	display: block;
	float: left;
	height: 5px;
	width: 5px;
}
.v-space-5 {
	position: relative;
	display: block;
	height: 5px;
	width: 5px;
}
#results {
	margin-left: 40px;
}
.details {
    font-size: small;
    margin: 2px 10px 0 15px;
    padding-left: 10px;
    color: #707070;
    line-height: 100%;
    background: transparent;
}
.details li {
    background: transparent;
    line-height: 100%;
    color: #888888;
    margin-bottom: 5px;
    font-size: .9em;
    list-style-type:square;
}
.adj_for_fraction {
	margin-top: -5px;
	margin-bottom: 0px !important;
}
#imagetable .details a:link {
  color: #888888;
  text-decoration: none;
}
#imagetable .details a:visited {
  color: #888888;
  text-decoration: none;
}
#imagetable .details a:hover {
  color: #FF6600;
  text-decoration: underline;
}
#imagetable .details a:active {
  color: #993300;
  text-decoration: underline;
}

/*------------------------------------------------------*/
/* Quick View Button 					*/
/* CSS3 gradiant buttons 				*/
/* http://www.webdesignerwall.com/demo/css-buttons.html */
/*------------------------------------------------------*/
.qv_button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	/*display: inline;*/
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.qv_button:hover {
	text-decoration: none;
}
.qv_button:active {
	position: relative;
	top: 1px;
}
.qv_button a {
	color: #339;
	text-decoration: none;
}
.qv_button a:hover {
	text-decoration: none;
}

.qv_container {
	position: relative;
	/*display: block;*/
}
.qv_position {
	position: absolute;
	visibility: hidden;
	top: 50%; left: 25%; 
	z-index: 10;
}
.qv_show {
	visibility: visible !important;
}
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
/* color styles 
---------------------------------------------- */

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	/*border: solid 1px #b7b7b7;*/
	border: solid 1px #7c7c7c;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}