/* --------------------------------------------------------------------------
 *
 * Copyright CMS Quick Start 2011.
 * The following CSS is to be used only for approved CMS Quick Start themes.
 *
 * -------------------------------------------------------------------------*/


body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:75%;
  margin: 0;
  padding: 0;
}
body.front, body.not-front {
  font-size:100%;
}
/*************************************************/
/* HELPER CLASSES */
/*************************************************/
.clearall {
  clear:both;
}
/*************************************************/
/* TYPOGRAPHY */
/*************************************************/
#page-wrapper {
  overflow:hidden;
}
#site-name {
  font-size:2.67em;
  font-weight:bold;
  line-height:1.2em;
}
/*** Headings ***/
h1, h2, h3, h4, h5, h6 {
  margin: 0.1em 0 0.25em;
  line-height:1.2em;
}
h1 {
  font-size: 2.67em;
}
h2 {
  font-size: 2.00em;
}
h3 {
  font-size: 1.67em;
}
h4 {
  font-size: 1.48em;
}
h5 {
  font-size: 1.33em;
}
h6 {
  font-size: 1.08em;
}
h5, h6 {
  font-weight:bold;
}
h1.title {
  margin-top:0px;
  font-weight:normal;
}
/*** Font Size ***/
.font_size_8 {
  font-size:8px;
}
.font_size_9 {
  font-size:9px;
}
.font_size_10 {
  font-size:10px;
}
.font_size_11 {
  font-size:11px;
}
.font_size_12 {
  font-size:12px;
}
.font_size_13 {
  font-size:13px;
}
.font_size_14 {
  font-size:14px;
}
.font_size_15 {
  font-size:15px;
}
.font_size_16 {
  font-size:16px;
}
.font_size_17 {
  font-size:17px;
}
.font_size_18 {
  font-size:18px;
}
.font_size_19 {
  font-size:19px;
}
.font_size_20 {
  font-size:20px;
}
.font_size_21 {
  font-size:21px;
}
/*** Links ***/
a {
  color:#0000ff;
  text-decoration:none;
  outline:0;
}
a:hover {
  text-decoration:underline;
}
/*** Blockquote/pre/p/hr ***/
blockquote {
  padding: 0px;
}
pre, p {
  padding: 5px 0;
  margin:0px;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
/*** List ***/
ol, ul {
  margin:10px 0;
  padding-left:40px;
}
li {
  margin:0px;
}
/*** Form Elements ***/
input.form-text, textarea.form-textarea {
  border:1px solid #AAAAAA;
  margin:0;
  padding:3px;
}
.form-item .description {
  font-size:0.85em;
  line-height:1em;
  padding:5px 0;
}
fieldset {
  padding:5px;
  margin-bottom:30px;
  border:1px solid #cccccc;
}
html.js fieldset.collapsed {
  margin-bottom:15px;
}
.collapsed {
  margin-bottom:0px;
}
fieldset legend {
  font-size:1.5em;
}
.fieldset-description {
  margin-bottom:10px;
}
label {
  margin-bottom:4px;
}
dt {
  font-weight:bold;
}
.node-type-list dd {
  padding-bottom:3px;
}
/*************************************************/
/* LAYOUT */
/*************************************************/
/*** Left floated elements ***/
#logo-content, #logo, #name-and-slogan, #main-wrapper, #main, #footer, #cmsquickstart {
  float:left;
}
/*** Right floated elements ***/
#header-top-right {
  float:right;
  min-width:500px;
}
#header-top-right .block {
  padding:8px 0;
  float:right;
}
/*** Element's Width ***/
#page-wrapper, #main-wrapper {
  width:100%;
}
#main {
  width:100%;
  margin-right:-100%;
  margin-top:24px;
}
#navigation-bar {
  height: 24px;
  margin: auto;
  overflow: visible;
  position: relative;
  width: 960px;
  z-index: 10;
}
#footer, #cmsquickstart {
  clear:both;
  width:100%;
}
/*** Logo ***/
#logo img {
  display:block;
}
/*** Various other element ***/
#logo-content {
  padding-left:10px;
}
#content .section {
  padding:0 10px;
}
#header-middle {
  padding:15px 0;
}
#content-header {
  padding-top:10px;
}
#cmsquickstart {
  padding:0 10px 10px;
  font-size:.89em;
}
/*************************************************/
/* BLOCKS */
/*************************************************/
.block {
  padding-bottom:15px;
  margin:0 10px;
}
.block-inner {
  background:#CCCCCC;
}
#content-body .block {
  margin:0px;
  width:100%;
}
#content-body .block-inner, #content .block-inner {
  background:none;
}
#navigation-bar .block {
  padding-bottom:0px;
}
/*** Block region ***/
.block-region {
  margin:0 10px;
  border:2px solid #000000;
  margin-bottom:4px;
}
#content .block-region { /* block margin not required here */
  margin-left:0px;
  margin-right:0px;
}
/*************************************************/
/* MAIN MENU TOOLTIP */
/*************************************************/
#navigation-bar ul.menu {
  margin:0px;
}
#navigation-bar ul li {
  position:relative;
}
#navigation-bar ul li, #navigation-bar ul li a:link, #navigation-bar ul li a:visited {
  float:left;
  display:block;
  padding:0px;
  margin:0px;
}
#navigation-bar ul li a:link, #navigation-bar ul li a:visited {
  padding: 3px 10px;
}
#navigation-bar ul ul li a:link, #navigation-bar ul ul li a:visited {
  padding:4px 10px;
  width:130px;
}
#navigation-bar ul ul {
  display:none;
  position:absolute;
  top:18px;
  padding:0px;
  background:#CCCCCC;
  width:150px;
}
#navigation-bar ul ul ul {
  top:0px;
  left:150px
}
/* Show submenus when over their parents. */
#navigation-bar ul li:hover ul,
#navigation-bar ul li.expanded li:hover ul,
#navigation-bar ul li.expanded li.expanded li:hover ul,
#navigation-bar ul li.expanded li.expanded li.expanded li:hover ul,
#navigation-bar ul li.over ul,
#navigation-bar ul li.expanded li.over ul,
#navigation-bar ul li.expanded li.expanded li.over ul,
#navigation-bar ul li.expanded li.expanded li.expanded li.over ul {
  display:block;
}
/* Hide sub-menus initially. */
#navigation-bar ul li:hover ul ul,
#navigation-bar ul li:hover ul ul ul,
#navigation-bar ul li:hover li:hover ul ul,
#navigation-bar ul li:hover li:hover ul ul ul,
#navigation-bar ul li:hover li:hover li:hover ul ul,
#navigation-bar ul li:hover li:hover li:hover ul ul ul,
#navigation-bar ul li.over ul ul,
#navigation-bar ul li.over ul ul ul,
#navigation-bar ul li.over li.over ul ul,
#navigation-bar ul li.over li.over ul ul ul,
#navigation-bar ul li.over li.over li.over ul ul,
#navigation-bar ul li.over li.over li.over ul ul ul {
  display:none;
}
/*** Block edit tabs ***/
/*************************************************/
/* MAIN MENU TOOLTIP */
/*************************************************/
#tooltip {
  color: #fff;
  font-size: 10px;
  position: absolute;
  width: auto;
  z-index: 9999;
}
#tooltip .tipHeader {
  height: 8px;
}
#tooltip .tipBody {
  background-color: #000;
  padding: 5px 5px 5px 15px;
}
#tooltip .tipFooter {
  height: 8px;
}
#tooltip {
  background-color: #eee;
  border: 1px solid black;
  position: absolute;
  z-index: 5000;
}
#tooltip h3, #tooltip div {
  margin: 0;
}
#tooltip h3 {
  background-color: #ffffe1;
  color: #000;
  font-size: 11px;
  font-weight: normal;
  line-height: normal;
  padding: 4px 7px;
}
/*************************************************/
/* SYSTEM */
/*************************************************/
/*** Breadcrumb ***/
#breadcrumb {
  padding:0 10px 5px;
}
/*** Message boxes ***/
div.status, div.error, div.messages, div.warning {
  margin: 0 10px 10px;
  padding:10px 10px 10px 70px;
}
div.messages, div.status {
  background: #d7ff90 url(../images/icons/message_status.gif) no-repeat scroll 17px center;
}
div.warning {
  background: #ffeaa1 url(../images/icons/message_warning.gif) no-repeat scroll 17px center;
}
div.error {
  background: #ffb0b0 url(../images/icons/message_error.gif) no-repeat scroll 17px center;
}
/*** Tables ***/
tr.odd {
  background:#FFFFFF;
  border-bottom-color:#e5e5e5;
}
td.block {
  padding-bottom:0px;
}
td {
  margin: 0;
  padding: 3px;
}
/*************************************************/
/* SKINER HELPER CSS */
/*************************************************/
/*** Block Alignment ***/
.cms-float-right { /* Align block to right */
  float: right;
}
.cms-float-center { /* Align block to center */
  float: none;
  display:block;    
  margin-left: auto;
  margin-right: auto;
}
.cms-float-clear { /* Drop's block to next line */
  clear: both;
}
/*** Image Alignment ***/
.cms-imagefield-float-left .field-type-image, .cms-imagefield-float-left .image-insert, .cms-imagefield-float-left .imagecache { /* Float image-field to the left */
  float: left;
  margin: 0 15px 15px 0; /* LTR */
}
.cms-imagefield-float-right .field-type-image, .cms-imagefield-float-right .image-insert, .cms-imagefield-float-right .imagecache { /* Float image-field to the right */
  float: right;
  margin: 0 0 15px 15px;
}
/*** Content Alignment ***/
.cms-center-content .content, .cms-center-content .content ul.menu, .cms-center-content .content #user-login-form { /* Center Alignment */
  text-align: center; /* @ #user-login-form: - required to override drupal core alignment */
}
.cms-center-content .content ul.menu { /* Required to make menu's center alignment */
  display: inline-block;
}
.cms-right-content, .cms-right-content ul.menu, .cms-right-content #user-login-form { /* Right Alignment */
  text-align: right; /* @ #user-login-form: - required to override drupal core alignment */
}
/*** Inline Menu ***/
.cms-inline-menu .content ul, .cms-inline-menu .content ul li, .cms-inline-menu .content ul a {
  display:inline;
  clear:none;
  float:none;
  padding:0px;
  margin:0px;
}
.cms-inline-menu .content ul li {
  padding:0 10px;
  margin:0;
  border-right:1px solid #000000;
}
.cms-inline-menu .content ul li.first {
  padding-left:0px;
}
.cms-inline-menu .content ul li.last {
  border-right:0;
  padding-right:0px;
}
/*** Disable Equal Height ***/
.cms-disable-equal-height .block-inner {
  height:auto !important;
}
.block h2.block-title {
  margin:0px;
  line-height:normal;
  overflow:hidden;
}
.block h2.block-title span.block-title-inner {
  margin:0px;
  line-height:normal;
  display:block;
}
/*** Overflow Hidden */
.cms-overflow-hidden {
  overflow:hidden;
}
/*** Clearfix Helper Class ***/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}