/* $Id: page.css,v 1.13 2011/01/14 03:12:40 jmburnz Exp $ */
div.messages {
margin: 6px 3px;	
}
.front .node-inner {display: none;}
#page-back-gradient {
}

/* Body Classes */
body {
 padding: 0px;
 margin: 0;
 background: white;
 background-image: url('images/mosaic.png');
 background-repeat: repeat-xy;
}
.smalltext {
 line-height: 1;
 font-size: 11px; 
 margin-left: 215px; 
 margin-bottom: 0.5em; 
}
.linecaption {
 font-size: 12px;
}
.linecaption div, label{
/* display: inline; */
}
.linecaption label{
 display: inline-block;
 overflow: hidden;
 vertical-align: top;
 padding: 7px 0 0 0;
 width: 200px;
}
.linecaption textarea:disabled, input:disabled {
 background-color: #fffdf9;
 border: 1px solid #ffdead;
 margin: 0;
 paddind: 0 0 1px 0;
}
.linelabel{
 font-size: 11px;
 vertical-align: top;
}
.linecaption2 {
 font-size: 12px;
}
.linecaption2 div, label{
/* display: inline; */
}
.linecaption2 label{
 display: inline-block;
 overflow: hidden;
 vertical-align: top;
 padding: 7px 0 0 0;
 width: 140px;
}
.linecaption2 textarea:disabled, input:disabled {
 background-color: #fffdf9;
 border: 1px solid #ffdead;
 margin: 0;
 paddind: 0 0 1px 0;
}

#centerblock {
 width: 760px;
 margin-left: auto;
 margin-right: auto;
}

/**********************************************************
 * The wrapper divs
 * Be careful how you modify these, see layout.css
 **********************************************************/
/**
 * Width Setting
 *
 * Genesis supports Elastic, Fluid and Fixed width values.
 * - Elastic layouts expand or contract when the font size is changed. 
 * - Fluid widths change when the browser is resized.
 * - Fixed width layouts stay the same even when the browser
 * is resized or the font size is changed.
 *
 * Elastic layouts use ems, e.g. 80em
 * Fluid layouts use percentages, e.g. 85%
 * Fixed widths use pixels, e.g. 960px
 */
#container {
width: 80%;
min-width: 960px;
}
#content-container{
background: white;
border-radius: 7px;	
width: 100%;
min-width: 960px;
}
/* Column wrappers */
#columns {}
.columns-inner {}
/* Content wrappers */
#content {
 font-size: 1em;
}
#content a:visited{
  color: #587eb0;
}
#content-column {}
.content-inner {}
.container-inline-date > .form-item {
 margin: 0px;
}
/* Main content wrappers*/
#main-content {
 padding: 0px 3px;
}
#main-content h1{
 background: #f5f5f5;
 border-bottom: 1px solid #e2e2e2;
 color: black;
 font-weight: normal;
 font-size: 22px;
 margin: 3px 5px 5px;
 padding: 8px 10px;
}
/**********************************************************
 * Header Elements
 **********************************************************/
/* #header wraps #branding and #header-blocks. */
#header {
height: 50px;
background: white;
border-radius: 7px 7px 0 0;
padding: 5px 0 0 0;
}
/* #branding wraps #logo, #site-name and #site-slogan. */
#branding {
 float: left; /* LTR */
}
/* h1 is for the front page only, all others use the div. */
#branding h1 {
 font-size: 1em; /* reset h1, do not change! */
} 
.breadcrumb {
color: #2f4f4f;
font-size: 11px; 
padding: 1px 10px 2px 10px;
background-color: white;
border-top: 1px dotted #fead8e;
border-bottom: 1px dotted #fead8e;
}
.breadcrumb a {
 color: #2f4f4f;
}
/* Logo and site_name wrapper. */
.logo-site-name {
margin: -3px 0 0 5px;
}
div.logo-site-name,
h1.logo-site-name {}
/* Remove display:block if you want the site name inline with the logo. */
.logo-site-name span {
 display: block;
}
/* Logo. */
#logo {}
#site-name {
 font-weight: bold; /* Bold or else the line heights vary. */
 font-size: 2em;
 line-height: 1.5;
}
/* Override default pseudo class styles. */
#site-name a:link,
#site-name a:visited {}
#site-name a:hover,
#site-name a:focus,
#site-name a:active {}
/* Site slogan. */
#site-slogan {}

/**********************************************************
 * Regions
 **********************************************************/
/* Target all regions - be careful with this one, its easily 
 * over-ridden and will target sidebar inner DIVS as well.
 */
.region {}

/**
 * Each region has a main wrapper DIV and an inner DIV.
 * The following selectors are follow the patter of:
 * #region-name
 * .region-inner-div-name
 */
/* Leaderboard */
#leaderboard {
background: transparent;
}
.region-leaderboard {}

/* Header blocks */
#header-left-blocks {
 float: right;
 width: 60px;
/* margin-left: -100%; */
}

#header-blocks {
 float: right;
 width: 250px;
}
.region-header {
}

/* Help */
#help {}
.region-help {
 background: #fffff0;
}

/* Highlight */
#highlighted {}
.region-highlighted {
padding: 0 10px;
}

/* Secondary content */
#secondary-content {
background: white;
/* margin: -4px 0; */
padding: 3px 0;
}
.region-secondary-content {}

/* Tertiary content */
#tertiary-content {}
.region-tertiary-content {}

/* Tertiary content */
#footer {}
.region-footer {}

#down_town {}
.region-down-town {}

/**********************************************************
 * Sidebars
 **********************************************************/
/* Target both sidebars with this low specifity selector. */
.sidebar {}
.sidebar .region {}

/* Target a specific sidebar. */
#sidebar-first {}
.sidebar .region-sidebar-first {}

#sidebar-second {}
.sidebar .region-sidebar-second {}


/**********************************************************
 * Search form, Search results
 * For the search block see blocks.css
 **********************************************************/
/* Search page fieldset. */
#search-form {}

/* Basic search form. */
#search-form #edit-basic {}

/* Advanced search form. */
#search-form #edit-advanced {}

/* Use the child selector because the inner div has no class. */
#search-form > div {}
#search-form .container-inline {
}
#search-form #edit-keys {}

#search-form label {}
#search-form input {}
#search-form .form-item {}
#search-form .form-submit {}

/* Override forms.css text field focus style. */
#search-form #edit-keys:hover,
#search-form #edit-keys:focus {}

/* Search results list. */
ol.search-results {
 padding: 0;
 margin: 0;
}
ol.search-results li {}
ol.search-results .title {}
ol.search-results p {}
ol.search-results .search-snippet {}
ol.search-results .search-info {}
.search-info {
 font-size: 10px;
}


/**********************************************************
 * Footer, RSS Feed Icon
 **********************************************************/
#footer {
 margin: 0;
}

#footer .region {}

.feed-icon {}
.feed-icon img {
 padding:0 0.5em;
}

.comment-form{
 margin: 5px;
 padding: 4px 7px;
 border: 1px solid #ffdead;
}
.comment-title{
 background-color: transparent;
 padding: 4px;
 border: none;
 font-size: 13px;
 margin-bottom: 5px;
}
.title {
 background-color: transparent;
 padding: 4px;
 border: none;
/*
 font-family: Georgia,'Times New Roman',Times,serif;
 font-style: italic;
*/
}

/*
Back to top button 
*/
#back-top {
 position: fixed;
 --bottom: 30px;
 --margin-left: -150px;
 --margin-right: 150px;
 --position: absolute; 
 bottom: 10px; 
 right: 15px; 
}
#back-top a {
 width: 50px;
 display: block;
 text-align: center;
 font: 11px/100% Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 text-decoration: none;
}
#back-top a:hover {
 color: #483a90;
}
/* arrow icon (span tag) */
#back-top span {
 --right: 25px;
 width: 45px;
 height: 45px;
 display: block;
 margin-bottom: 7px;
 background: transparent url("images/up-arr-1.png") no-repeat center center;
}
#back-top a:hover span {
 background: transparent url("images/up-arr-2.png") no-repeat center center;
}

/* left-side-bar */
.qd-side-panel {
   left: 0;
   top: 70px;
   height: 170px;
   width: 40px;
   position: fixed;
   display: block;
   z-index: 502;
}

.qd-side-home {
	display: block;
   margin: 12px 0px 5px 8px;
   height: 26px;
   width: 26px;
   background: url('images/home20n.svg') no-repeat;
}

.qd-side-home:hover {
	display: block;
   margin: 12px 0px 5px 8px;
   height: 26px;
   width: 26px;
   background: url('images/home20.svg') no-repeat;
}

.qd-side-info {
	display: block;
   margin: 12px 0px 5px 8px;
   height: 26px;
   width: 26px;
   background: url('images/contact20n.svg') no-repeat;
}

.qd-side-info:hover {
	display: block;
   margin: 12px 0px 5px 8px;
   height: 26px;
   width: 26px;
   background: url('images/contact20.svg') no-repeat;
}

.qd-side-attach {
	display: block;
   margin: 12px 0px 5px 8px;
   height: 26px;
   width: 26px;
   background: url('images/down20n.svg') no-repeat;
}

.qd-side-attach:hover {
	display: block;
   margin: 12px 0px 5px 8px;
   height: 26px;
   width: 26px;
   background: url('images/down20.svg') no-repeat;
}

.qd-side-mail {
	display: block;
   margin: 12px 0px 5px 8px;
   height: 26px;
   width: 26px;
   background: url('images/mail20n.svg') no-repeat;
}

.qd-side-mail:hover {
	display: block;
   margin: 12px 0px 5px 8px;
   height: 26px;
   width: 26px;
   background: url('images/mail20.svg') no-repeat;
}

.qd-side-forum {
	display: block;
   margin: 12px 0px 5px 8px;
   height: 26px;
   width: 26px;
   background: url('images/forum20n.svg') no-repeat;
}

.qd-side-forum:hover {
	display: block;
   margin: 12px 0px 5px 8px;
   height: 26px;
   width: 26px;
   background: url('images/forum20.svg') no-repeat;
}

/*for ajax progress: see misc/progress.js */
.ajax-progress .message {
  padding-left: 10px;
  font-size: 0.8em;
  font-weight: normal;
}
.menu_new:after { 
  content: url('images/new.png'); 
}