/**
* SCREEN & PROJECTION STYLESHEET
*/

/**
* GENERIC GLOBAL STYLES
*
* Please be very careful adding anything in this area. Consider
* using a more region specific CSS selector instead.
*/
body,
select,
input,
textarea {
  color: #000; /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
}
body {
  padding: 8px 0px 16px 0px;
}
p {
  padding: 0.2em 0 0.2em 0;
}
/**
* Headers (h1, h2, etc) have no default font-size or margin; define those yourself
*/
h1,
h2,
h3
 {
  font-weight: bold;
  font-family: 'TeXGyreHerosCn', Arial, FreeSans, sans-serif;
}


h1 {
  font-size: 1.8em;
  margin: 0.3em 0 0.3em 0;
}
h2 {
  font-size: 1.4em;
  margin: 0.3em 0 0.3em 0;
}
h3 {
  font-size: 1.2em;
  margin: 0.2em 0 0.3em 0;
}
h4, h5, h6 {
  font-weight: bold;
  font-size: 1.0em;
}
h1.with-tabs {
  margin-bottom: 0.4em;
}
h1.page-title {
  margin-top: 0.5em;
}

#page,
#container {
  position: relative; /*keeps absolute elements constrained to page or container div */
}

#tabs-wrapper {
  margin: 8px 0px 16px 0px;
}
#tabs-wrapper ul.primary {
    clear: both;
    margin: 0;
    padding: 0;
  border-bottom: 2px solid #000;
  text-align: left;
}
#tabs-wrapper ul.primary li, #tabs-wrapper ul.secondary li {
  border-style: none;
  padding: 0px;
  margin: 0;
}
#tabs-wrapper ul.primary li a, #tabs-wrapper ul.primary li a:visited, #tabs-wrapper ul.secondary li a,  #tabs-wrapper ul.secondary li a:visited {
  font-size: 12px;
    background-color: transparent;
  color: #000;
  border-style: none;
  padding: 2px 6px;
  margin: 0;
}
#tabs-wrapper ul.primary li a:hover, #tabs-wrapper ul.secondary li a:hover {
    background-color: #000;
  color: #fff;
}
#tabs-wrapper ul.primary li.active a, #tabs-wrapper ul.secondary li.active a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #000;
    border-style: none;
  color: #fff;
  font-weight: bold;
}
#tabs-wrapper ul.secondary {
  border-bottom-style: none;
  padding: 0;
  margin: 2px 0px;
  text-align: right;
  clear: both;
  /*float: right;*/
}


/* the primary and secondary links */

ul.primary-links {
  clear: both;
  margin:0;
  padding: 0;
}
ul.secondary-links {
  text-align: right;
  margin:0;
  padding: 0;
}

ul.primary-links li {
  border-left: 1px solid #fff;
  padding: 24px 8px 6px 0px;
}

ul.primary-links li.active-trail a {
  font-weight: bold;
  color:#000;
  background-color: #fff;
}

ul.primary-links li a {
  color:#fff;
  font-weight: bold;
  /*font-family: 'TeXGyreHerosCn', Arial, FreeSans, sans-serif;*/
  font-size: 12px;
  padding: 6px;
}
ul.primary-links li a:hover {
  color:#000;
  background-color: #fff;
}


div.breadcrumb {
  text-align: left;
  max-height: 3em;
  font-size: 0.8em;
  margin: 0;
  padding: 0.4em 0 0.4em 0;
}
div.help {
   margin-top: 4px;
}
div.warning, div.error, div.messages {
  margin-top: 16px;
  padding: 4px;
  position: relative;
  z-index: 9;
}

div.error {
  background: #fcc;
  color: #000; /* #200 */
  border: 1px solid #d77;
}

div.warning {
  background-color:#fea;
  color: #000; /* #e09010 */
  border: 1px solid #db8;
}

div.status {
  background-color:#dfa;
  color: #000; /* #200 */
  border: 1px solid #ac8;
}


div.terms-inline {
  display: none;
}

div.groups {
  display: none;
}

img.imagecache-teaser {
  margin: 5px 0px;
}


/* forms, trying to get rid of browser chrome*/
input, select, input[type="file"], input.form-file, textarea {
  border: 1px solid #bbb;
  font-size: 0.9em;
  color: #000;
  background-color: #eee;
  margin: 5px 0px 5px 0px;
}
input:hover, select:hover, textarea:hover {
  border: 1px solid #aaa;
  color: #000;
  background-color: #fff;
}
input:focus, select:focus, input[type="file"]:focus, textarea:focus {
  border: 1px solid #666;
  color: #000;
  background-color: #fff;
}


input[disabled], select[disabled], textarea[disabled] {
  border: 1px solid #bbb;
  color: #666;
  background-color: transparent;
}

/*input.form-submit, .node-form .content-add-more .form-submit {
  margin: 0.5em 0 0.3em 0;
}*/

add-more .form-submit {
    margin: 5px 0px;
}

.form-item label {
    display: block;
    font-weight: bold;
    padding: 5px 0px 0px 0px;
}

#field_source_file_values .form-text {
  max-width: 50%;
}

/* Log in and out blocks */

#user-login-form div.item-list {
  display: none;
}

div.login-options {
  padding-top: 27px;
}

div.login-options ul li {
  padding: 3px 0px 3px 0px;
}

#logoutblock a#logoutlink,  #logoutblock a#logoutlink:visited, input[value="Log in"] {
  font-size:11px;
  font-weight: bold;
  text-align: center;
  background-color: #a20;/*#a6a7a2;*/
  color: #fff;
  padding: 1px 7px 2px 7px;
  margin: 8px 0px 8px 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #910;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}
#logoutblock a#logoutlink:hover, input[value="Log in"]:hover {
  background-color: #c20;
}

#logoutblock {
  padding: 20px;
}

fieldset {
  border: 1px solid #aaa;
  margin: 8px 0px 8px 0px;
  padding: 0.5em;
  color: #000;
}

html.js fieldset.collapsed {
  border-style: none;
  border-top: 1px solid #aaa;
  background-color: transparent;
  height:1.0em;
  padding: 0.25em 0.5em 0.25em 0.5em;
}
 fieldset legend,  fieldset legend a {
  font-weight: bold;
  padding: 0px 4px 0px 4px;
}
 fieldset.collapsible legend {
  padding: 0px 4px 0px 0px;
}
div.field {
  padding: 4px 0px 4px 0px;
}
div.groups {
  font-weight:bold;
  margin-bottom: 1em;
}

.field .field-label, .field .field-label-inline, .field .field-label-inline-first {
  font-weight:bold;
  color: #000;
  margin-top: 0.2em;
}

.field-items-inline {
  display: inline;
  margin-left: 1em;
}
/*
.node .field-field-preview {
  float: left;
  margin-right: 12px;
}
*/
div.field-field-logo, div.field-field-preview {
    float: right;
    margin: 0;
    padding: 0 0 0 10px;
}


div.field-field-description {
  clear: both;
}

div.views-row div.field-field-description {
  clear: none;
}

div.widget-preview {
  /*min-width: 20em;*/
  overflow: visible;

}



#field-source-file-items, #edit-title-wrapper {
  clear: both;
  padding-top: 0.5em;
}

.node-form .text {
  max-width: 100%;
}
.filefield-element .widget-edit {
    float: none;
  width: auto;
    max-width: 100%;
}
.filefield-element .widget-preview {
	float: left;
    padding: 0px 5px 0px 0px;
    border-width: 0px 1px 0px 0px;
    border-color: rgb(204, 204, 204);
    max-width: 50%;
}

div.filefield-file {
	margin: 5px 0px;
}

/*
** Views specific styles
*/
/*
  #id-1-document_revisions, #id-1-model_revisions {
  background-color: #FFFFCC;
}
*/

#views-ajax-pad .views-left-50 {
    float: left;
    width: 49.5%;
}



div.views-popup-field-field_preview_fid {
 float: left;
}
div.views-right-50 {
	clear: both;
}

.item-list ul li.views-popup-row {
 clear: both;
 padding: 10px 0px 5px 0px;
 border-top: 1px solid #000;
}

.item-list ul li.views-popup-row.first-row {
 border-style: none;
}

#views-ui-edit-view-form, #views-ajax-form {
 clear: both;
}

div.view-content, div.views-row, div.view-filters {
 clear: both;
}

div.views-display {
  overflow: hidden;
}

div.field-type-viewfield {
  clear: both;
}

div.block-views .view-checkouts {
  padding: 4px;
  background-color:#fea;
  border: 1px solid #db8;
}
.view-header div {
  margin-bottom: 6px;
}

.view-footer div {
  margin-top: 6px;
}

.view-related-nodes .views-row {
  border-style: none;
}
.item-list .pager li {
  padding:0.2em;
}
.pager-current {
  font-weight: bold;
  background-color:#000;
  color:#fff;
}


/**
* Default Link Styles
*/
a,
a:visited {
  /*color: #027AC6;*/
  color: #369;
  text-decoration: none;
  font-family: Arial, FreeSans, sans-serif;
  font-weight: normal;
}

a.active {
  color: #222;
  font-weight: bold;
}
a:hover {
  color: #39c;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a {
  color: #000;
}

h1 a, h2 a, h3 a {
  font-weight: bold;
  font-family: 'TeXGyreHerosCn', Arial, FreeSans, sans-serif;
}

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, legend a:visited {
  color: #000;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, legend a:hover {
  color: #444;
}

/**
* Default Table Styles
*/

table {
  margin: 8px 0 8px 0;
}

table.views-table {
  margin: 8px 0px 8px 0px;
}

#field_link_values {
	width: 95%;
}

thead th{
  border-bottom: 2px solid #000;
  padding-bottom: 2px;
}
tr.even, tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #aaa;
}
tr.even td, tr.odd td {
    padding: 4px;
}
tr.active {
  background-color: #ddd;
}

div.view-footer p {
  text-align: right;
}

div.license {
  color: #666;
  font-size: 9px;
  padding-top: 12px;
/*vertical-align: bottom;*/
  text-align: right;
}

/*div.license a {
  vertical-align: bottom;
}
div.license img {
  padding: 0px 0px 0px 8px;
} */

div.subscript {
  font-size: 9px;
  text-align: center;
  padding: 0;
  margin: 0;
}

/**
* List Defaults
*/
.block ul {
  /*margin-left: 2em;*/
  padding: 0;
}
.block-jquerymenu div  ul {
  margin-left: 16px;
  padding: 0;
}
.block-jquerymenu div  ul  li{
  list-style-type: disc;
}

ul.menu li {
  margin: 0;
}

.item-list ul li {
margin: 0;
padding: 0;
list-style: disc;
}

/**
*Comments
*/

.comment {
  border-top: 1px dashed #000;
  border-bottom-style: none;
  border-left: 0px solid #AAA;
  border-right-style: none;
  margin: 0;
  padding: 0.5em;
  padding-bottom: 1em;
  font-family: "Courier New", FreeMono, monospace, sans-serif;
}

.comment .links {
  margin-bottom: 0;
}
.comment .new {
  text-align: right; /* LTR */
  font-weight: bold;
  font-size: 0.8em;
  float: right; /* LTR */
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right; /* LTR */
  margin: 0.5em;
}
.indented {
  border-left: 1px dotted #000;
    padding-left: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.indented .comment {
  border-top-style: none;
}

#page {
  overflow: hidden;
}

#page,
#container {
  margin: 0 auto;
  position: relative;
}

.skip-to-links {
  left: -8000px;
  position: absolute;
}


#breadcrumb {
  left: 0px;  /*adjust accordingly*/
  position: absolute;
  top: 42px;  /*adjust accordingly*/
  z-index: 4;
  color: #a20;
}
#breadcrumb a,  #breadcrumb a:visited {
  color: #a20;
}
#breadcrumb a:hover {
  color: #f00;
  background-color: #fff;
}

/**
* HEADER REGION
*/
#header {
  background-color: #000;
  color: #aaa;
  height: 42px;
  padding: 0;
}

#header img {
  vertical-align: bottom;
  padding: 8px;
}
#header p.site-name,
#header p.site-slogan {
  margin: 0;
}
#header a, #header a:active, #header a:visited {
  color: #fff;
  font-weight: normal;
}

#header a:hover {
  color: #fff;
  font-weight: bold;
}

/**
* PREFACE REGION
*/
#preface {
  margin: 0px;
  padding: 0px;
  border-bottom: 2px solid #000;
}

/**
* PRIMARY REGION
*/
#primary div.views-row {
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #000;
}

#primary {
  padding: 8px 0px 8px 0px;
  border-bottom: 4px solid #000;
 }

#primary p, #primary ul, #primary ol, #primary dl, #primary textarea {
  font-family: "Courier New", FreeMono, monospace, sans-serif;
}
#primary fieldset, #primary fieldset p, #primary fieldset ul, #primary fieldset ol , #primary fieldset dl{
  font-family: Arial, FreeSans, sans-serif;
}

#primary .submitted {
  color: #777;
  font-size: 0.9em;
  font-family: Arial, FreeSans, sans-serif;
  padding: 0 2em 0 0;
  margin: 0;
}
#primary div.node {
  margin: 8px 0px 8px 0px;
}
#primary div.node div.content {
  margin: 8px 0px 8px 0px;
}


/**
* COMMON SECONDARY & TERTIARY STYLES
*/


/**
* SECONDARY REGION
*/
#secondary a, #tertiary a, #remaining a,
#secondary a:visited, #tertiary a:visited, #remaining a:visited {
  color: #000;
}


#secondary a:hover, #tertiary a:hover, #remaining a:hover {
  color: #444;
}

#tertiary, #remaining {
  padding-left: 20px;
}


/**
* TERTIARY REGION
*/


/**
* POSTSCRIPT REGION
*/


/**
* NAVIGATION REGION
*/
#navigation {
  right: 20px;  /*adjust accordingly*/
  position: absolute;
  top: 22px;  /*adjust accordingly*/
}

/**
* FOOTER REGION
*/
div.form-region-footer {
	padding-top: 5px;
}

#footer a,
#footer a:visited {
  color: #000;
}

#footer a:hover {
  color: #444;
}

/**
* CLOSURE REGION
*/

#wzbox_edit-body {
background: #FFF;
border: 1px solid #BBB;
}
#wzbar_edit-body {
background: #EEE;
border-style: none;
border-bottom: 1px solid #BBB;
padding: 2px;
}

ul.jquerymenu li span.parent {
    display: block;
    height: 9px;
    margin-left: -15px;
    margin-top: 3px;
    position: absolute;
    width: 9px;
}

/**
* Flags
*/

div.failed, div.pending, div.approved  {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}
div.statistics {
  margin: 0px;
  padding: 0px;
}
ul.flags li {
  display: inline;
}
span.in_work {
  color: #f00;
  padding: 0px 3px;
}
div.pending .flag_title {
  background-color: #f91;
  color: #fff;
}
div.failed .flag_title {
  background-color: #d00;
  color: #fff;
}
div.approved .flag_title {
  background-color: #6c0;
  color: #fff;
}
a.flag, a.unflag {
  margin-right: 1em;
}
p.flag_title {
  font-size: 115%;
  font-weight: bold;
  width: 40%;
  float: left;
  padding: 1px 5px 3px 5px;
  margin-right: 1em;
 }
p.flag_author {
  font-size: 80%;
  padding: 5px;
 }
p.flag_note  {
  float: none;
  padding: 2px 5px 5px 5px;
 }
 

.flag-waiting .flag-throbber {
  background: url(flag-throbber.gif) no-repeat right center;
  padding-right: 13px;
}

/**
* image gallery
*/
.gallery-slides {
	border-top: 2px solid #000;
	margin: 0;
}

#primary .gallery-slides p {
  font-family: Arial, FreeSans, sans-serif;
}

.gallery-slides .panel-overlay {
  position: absolute;
  bottom: 0; left: 0;
  /*background: transparent url(images/bg-trans.png) repeat;*/
  background: rgba(255, 255, 255, 0.5);
  width:100%;
  color: #000;
}
.gallery-slides .panel-overlay .overlay-inner { padding: 5px 5px 8px 5px; }

div.gallery-thumbs {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.galleryformatter .gallery-thumbs ul {
  list-style: none;
}
.galleryformatter .gallery-thumbs li {
  float: left;
  background: transparent none;
  overflow:hidden;
  padding: 0;
  margin: 0;
  border-style: none;
}
.galleryformatter .gallery-thumbs li a {
  vertical-align: top;
}

.galleryformatter .gallery-thumbs li.active {
  background-color: #f66;
}

.galleryformatter .gallery-thumbs li.active img,
.galleryformatter .gallery-thumbs li a:hover img {
  filter:alpha(opacity=60);
  -ms-filter:"alpha(opacity=60)";
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

.galleryformatter .gallery-thumbs li img {
  filter:alpha(opacity=100);
  -ms-filter:"alpha(opacity=100)";
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;
}

.galleryformatter .gallery-thumbs {
  margin: 0 0 5px 0;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.galleryformatter .gallery-thumbs .wrapper {
  margin: 0;
  padding: 0;
}

.galleryformatter .view-full {
 position: absolute;
}
.galleryformatter .slide-button,  .galleryformatter  .forward, .galleryformatter .back {
  top: 45%;
  position: absolute;
  display: block;
  cursor: pointer;
  padding: 1px 4px 1px 4px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.galleryformatter .slide-button:hover,  .galleryformatter  .forward:hover,  .galleryformatter .back:hover {
  padding: 1px 4px 1px 4px;
  background-color: #d00;
  color: #fff;
}
.galleryformatter .prev-slide, .galleryformatter .back {
  left: 0;
}
.galleryformatter .next-slide,  .galleryformatter  .forward {
  right: 0;
}
.galleryformatter .gallery-thumbs .arrow {
 cursor:pointer;
}

/**
*fancy slide
*/

.fancy-slide .controller {
  background-color: transparent; /* Fallback for older browsers */
  background: rgba(0, 0, 0, 0.5);
  padding: 5px;
}
.fancy-slide .controller span,
.fancy-slide .controller p{
  float:left;
  margin:0px 5px 0 0;
}
.fancy-slide .controller a{
  border-style: none;
  margin: 2px;
}
.fancy-slide .controller a.active{
  border: 1px solid #f00;
}

.fancy-slide .caption {
  background-color: transparent;
  bottom: 0;
  right: 0;
  padding: 0;
  position: absolute;
  color: #000;
}

.fancy-slide .caption p{
  background-color: transparent; /* Fallback for older browsers */
  background: rgba(255, 255, 255, 0.5);
  float:right;
  margin: 0;
  padding: 1px 1px 1px 4px;
  color: #000;
  font-size: 9px;
}

.fancy-slide .caption p.active{
  display:block;
}
.fancy-slide .caption p.inactive{
  display:none;
}


/**
*multiselect
*/
select.multiselect_unsel {
  width: 320px;
}
select.multiselect_sel {
  width: 320px;
}
#multiselect_labels #label_selected {
  float: right;
  margin-right: 85px;
}