/* $Id: local-sample.css,v 1.1.2.1 2010/01/11 00:08:12 sociotech Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */

/* universals */
* {
color: #333;
}

/*--------------------------------------------------------------*/
/* Typography
/-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
line-height: 1;
}

/*
h1 {
  background-color: #5abb27;
  background-image: url(img/block-title-green.png);
  background-repeat: no-repeat;
  height: 40px;
  padding-left: 44px;
  color: white;
  line-height: 40px;
}
*/


h2, h1.title {
color:#236F0F;
font-size:160%;
/*font-size:142.85%;*/
/*line-height:30px;*/
}

h2.pane-title {
  background-color: #88C03D;
  background-image: url(img/block-title-green.png);
  background-repeat: no-repeat;
  height: 40px;
  padding-left: 44px;
  color: white;
  line-height: 40px;
}

h3 {
}

h4 {
color: #c30;
}

p {
margin-bottom: 7px;
}

caption {
font-size:120%;
font-weight:bold;
text-align:left;
}

ol {}
ol li {}


/* Links, Custom buttons, etc
/-------------------------------------------------------------- */
a, a:link {
color: #971A0D;
outline: 0;
text-decoration:none
}

a.active, a:hover {
/*color: #971A0D;*/
}

.button {}

.button a, .terms ul.links a, a.flag
{
color:gray;
font-size: 95%;
padding:1px 5px;
}

.button a {border:1px solid lightgrey;}

.button a:hover {
background-color: #f9f9f9;
}

a.flag {}
a.flag:hover {}

.tags {}
.tags a {
background-color:black;
color:white;
font-size:9px;
padding:0 4px;
}

.tags a:hover {}

.terms ul.links li {}
.terms ul.links li:hover {}

.terms ul.links li a {
background-color:#88C03D;
border-bottom:2px solid gainsboro;
color:white;
padding:1px 6px;
}
.terms ul.links li a:hover,
.terms ul.links li a.active {
background-color:#E27317;
border-bottom-color:#88C03D;
}

a.callout {
color: white;
background-color: dodgerBlue;
padding: 2px 5px;
}

.callout img {
border:1px solid gainsboro;
padding:0.5em;
}

/* call-out2 */
.callout2 ul {}
.callout2 ul li {}
.callout2 ul li a {
font-weight:bold;
}
.callout2 ul li.active-trail {
list-style: none;
}
.callout2 ul li.active-trail a {
background-color:lightcyan;
padding:4px;
}



/* COLORZ / BGs
/-------------------------------------------------------------- */
.activeWhite a.active {color: white;}

.color-green {color: #88C03D;}
.color-black {color: Black;}

/* CAPPINGZ */
.uppercase {text-transform:uppercase;}
.lowercase {text-transform:lowercase;}

/* FONT-SIZEZ
/-------------------------------------------------------------- */
.em1 {font-size: 1em;}
.em2 {font-size: 2em;}
.em3 {font-size: 3em;}
.em4 {font-size: 4em;}
.fs200  {font-size: 200%;}
.fs190  {font-size: 190%;}
.fs180  {font-size: 180%;}
.fs170  {font-size: 170%;}
.fs160  {font-size: 160%;}
.fs150  {font-size: 150%;}
.fs140  {font-size: 140%;}
.fs130  {font-size: 130%;}
.fs120  {font-size: 120%;}
.fs110  {font-size: 110%;}
.fs100  {font-size: 100%;}
.fs90  {font-size: 90%;}
.fs80  {font-size: 80%;}
.fs70  {font-size: 70%;}
.fs60  {font-size: 60%;}
.fs50  {font-size: 50%;}

/* MARGINIZE
/-------------------------------------------------------------- */
.m-5em    {margin: .5em;}
.m1em     {margin: 1em;}
.m1-25em  {margin: 1.25em;}
.m1-5em   {margin: 1.5em;}
.m1-75em  {margin: 1.75em;}
.m2em     {margin: 2em;}
.m3em     {margin: 3em;}

/* PADDINGZ
/-------------------------------------------------------------- */
.pad-1em    {padding: 1em;}
.pad-1-5em  {padding: 1.5em;}

/* LININGZ
/-------------------------------------------------------------- */
.l1       {line-height: 1;}
.l1-2     {line-height: 1.2;}
.l1-3     {line-height: 1.3;}
.l1-4     {line-height: 1.4;}
.l1-5     {line-height: 1.5;}
.l1-6     {line-height: 1.6;}
.l2       {line-height: 2;}

/* JUSTIFICATION / ALIGNMENT
/-------------------------------------------------------------- */
.justify *        {text-align: justify;}
.justify-right *  {text-align: right;}
.justify-left *   {text-align: left;}
.justify-center * {text-align: center;}

.float-right *  {float: right;}
.float-left *   {float: left;}

.width-10     {width: 10%;}
.width-20     {width: 20%;}
.width-30     {width: 30%;}
.width-40     {width: 40%;}
.width-50     {width: 50%;}
.width-60     {width: 60%;}
.width-70     {width: 70%;}
.width-80     {width: 80%;}
.width-90     {width: 90%;}
.width-100    {width: 100%;}

/* lists */
ul {}
ul li {}

/*--------------------------------------------------------------*/
/* REGIONZ
/-------------------------------------------------------------- */
body {
/*background: #598400 url("img/bg.png");*/ 
background: #64ABDB url("img/bg-vbar.png");
background-repeat:repeat-x;
}

.page {}

.page-inner {}

.full-width {}

.header-group-wrapper {
background: url("img/header-bg-dojo.png") no-repeat top center; /*repeat-x top center white*/
}

.header-group-wrapper .header-group-inner {
/*min-height: 180px;*/
min-height: 249px;
}

.primary-menu-wrapper {
background: url("img/primarymenu-bg.png") no-repeat bottom transparent;
float:left;
height:38px;
margin:0;
width:960px;
/*width:100%;
color:white;
/*margin-bottom:-1em;*/
}

.header-site-info {
}

.header-site-info .inner {
margin-top:2em;
}

.header-site-info #logo {}

.breadcrumbs {
background-color:#D5DCE3;
border-bottom:1px solid #ABB9C7;
/*border-top:1px solid #ECEEEF;*/
padding-top:5 px;
padding-bottom:5 px;
}

.breadcrumbs-inner {
margin: 0;
}

.breadcrumb {
padding: 0;
}

.breadcrumb a {
font-size:90%;
/*line-height:2.5;*/
}

.breadcrumbs a:hover {
text-decoration: underline;
}


/** primary linkz **/
.primary-menu {}
.primary-menu .inner {
 background: #E27317;
 height: 38px;
}

.primary-menu ul li a, .primary-menu ul li .nolink {
color: #fff;
font-size: 115%;
font-weight: bold;
}

.primary-menu ul li a.active {
color:#971A0D;
}

/** secondary linkz **/
.secondary-menu {
text-align: right;
}
.secondary-menu .secondary-menu-inner {float: right;}

.secondary-menu ul li a, .secondary-menu ul li .nolink {
font-size:85%;
margin:0 5px;
}


/** content-tabs **/
.content-tabs .inner {
background-color:#ABB9C7;
border-bottom:3px solid lightgrey;
margin:0;
}

.content-tabs ul.primary,
.content-tabs ul.secondary
{
border: none;
float:left;
margin:0;
padding:5px 0 0;
}

.content-tabs ul.primary li {
display:inline;
float:left;
font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
line-height:24px;
margin-left:5px;
text-transform:uppercase;
}

.content-tabs ul.primary li a {
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
background-color:#D5DCE3;
border:0 none;
float:left;
margin:0;
padding:5px 12px;
}

.content-tabs ul.primary li a:hover {
background-color: #eceeef;
}

.content-tabs ul.primary li.active a {
background-color:#FFFFFF;
border:medium none;
color:#CC3300;
}

.main-wrapper {
}

.main-wrapper .main {
background-color: #fff;
}

.main-content-inner {
background-color: #E8E8E8;
}

.content-group {
box-shadow:1px 5px 5px #ccc;
-moz-box-shadow:1px 5px 5px #ccc;
-webkit-box-shadow:1px 5px 5px #ccc;
background-color:white;
}

.content-inner .content-inner-inner {
margin:20px;
}

.content-content {
padding-bottom:2em;
}

.postscript-bottom {
background: #88c03d url("img/bg_footer.png") repeat-x scroll 0 0;
padding-bottom:10px;
padding-top:10px;
}

.footer-wrapper {font-size: 84%;}
.footer {
background-color: #e27317;
padding-top: .75em;
}

.footer .inner .content {}
.footer .inner p {margin: 0;}

.footer .inner ul.menu li a {}

/* General blockz
-------------------------------------------------------------- */
.block-region  {
}

/* Add general site styling for generic blocks */
.block {
margin-bottom: 0;
}
.block .inner {}
.header-group .block {margin-bottom:0;}
.sidebar-first .block,
.sidebar-last .block {
border-bottom:1px solid gainsboro;
border-top:1px solid white;
}
.block-title {
  background-color: #88C03D;
  background-image: url(img/block-title-green.png);
  background-repeat: no-repeat;
  height: 40px;
  padding-left: 44px;
  color: white;
  line-height: 40px;
}


/* Sidebars
/-------------------------------------------------------------- */
.sidebar-first, .sidebar-last {
}

.sidebar-first .inner .block, .sidebar-last .inner .block {
border-bottom:1px solid gainsboro;
padding:1em 0;
}

.sidebar-first-inner .block .inner, .sidebar-last-inner .block .inner {
}

.sidebar-first-inner .block .inner .content, .sidebar-last-inner .block .inner .content {
}

.sidebar-first-inner a,
.sidebar-last-inner a {
}

.sidebar-first-inner {}
.sidebar-last-inner {}

/* CUSTOM BLOCK STYLEZ
-------------------------------------------------------------- */
/* Sponsors Block */
.block .view-Sponsors {}
.block .view-Sponsors .view-header {
/*background: url("img/bg_sponsor_level.png") no-repeat center transparent;*/
padding:6px 0;
position:relative;
text-align:center;
top:2em;
z-index: 10;  
}
.block .view-Sponsors .view-content {
}

.block .view-Sponsors .views-field-field-logo-fid {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: #fff;
border: 9px solid #630;
text-align: center;
}

.block .view-Sponsors .views-field-title,
.block .view-Sponsors .views-field-title a {
color: white;
text-align: center;
}


/* Primary Links block */
#block-menu-primary-links {}
#block-menu-primary-links .inner {}
#block-menu-primary-links .inner .content {}
#block-menu-primary-links .inner .content ul {}
#block-menu-primary-links .inner .content ul li {}
#block-menu-primary-links .inner .content ul li a {}
#block-menu-primary-links .inner .content ul li a:hover {}
#block-menu-primary-links .inner .content ul li.first {}
#block-menu-primary-links .inner .content ul li.first a {}
#block-menu-primary-links .inner .content ul li.last {}
#block-menu-primary-links .inner .content ul li.last a {}
#block-menu-primary-links .inner .content ul li a.active {}
#block-menu-primary-links .inner .content ul li a.active:hover {}

/* compact-form for user-login block */
#user-login-form .compact-form-wrapper input {
width:100%;
}

/* FORMZ
/-------------------------------------------------------------- */
.form-item label {
color:#006699;
font-size:11px;
margin-bottom:5px;
text-transform:uppercase;
}

.form-item .description {
color:#666666;
font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
padding:5px 0;
}

fieldset legend {
color:#c30;
}

html.js body div fieldset.collapsed {
background-color:transparent;
margin-bottom: 7px;
padding:0;
}

html.js body fieldset.collapsible {
/*background-color:#eed;*/
background-color:#efe;
border:1px solid gainsboro;
margin-bottom:1em;
}

form fieldset.collapsible .resizable-textarea .grippie {
background-color:gainsboro;
background-position:center center;
background-repeat:no-repeat;
border:1px solid gainsboro;
height:3px;
margin:0 0 4px;
padding:0;
width:100%;
}

html.js .resizable-textarea textarea  {
border:1px solid gainsboro;
width: 100%;
}

.node-form input#edit-title {
color: black;
font-size: 110%;
}

.form-item input:focus {
}

/* error on forms */
.form-item input.error, .form-item textarea.error, .form-item select.error {
background-color: white;
border: 3px solid LimeGreen;
}

div.error {
background-color: PaleGreen;
border: 2px dashed LightGrey;
padding:0;
}

div.error ul {
list-style: none;
margin-bottom: 0;
padding: 10px 2em;
}

/* tablez */
table {}

tbody {
margin-bottom:1.23em;
}

td {
margin:0;
}

td:hover {
opacity: 0.9;
}

/* option widgets */
#autocomplete {}
#autocomplete ul {}
#autocomplete ul li {}
#autocomplete ul li.selected {background-color: #ddd;color: black;}

/* autocomplete throbber */
html.js input.form-autocomplete {
background: url(img/indicator.png) no-repeat right;
}

html.js input.throbbing, html.js a.views-throbbing, html.js span.views-throbbing, .filefield-element div.ahah-progress, .filefield-element div.throbber {
background: url(img/throbbing.gif) no-repeat right;
}

/* MESSAGES
/-------------------------------------------------------------- */
div.content-messages div.messages, div.content-help div.help {
border-width:0;
margin:10px 0 0;
}

/* PAGER
/-------------------------------------------------------------- */
ul.pager {
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color:#ECEEEF;
clear:both;
display:inline;
float:left;
margin:1em 0;
padding:5px 0;
}

ul.pager li {
display:inline;
float:left;
line-height:30px;
list-style-type:none;
margin:0;
padding:0;
}

ul.pager li.pager-item {
margin-right:5px;
text-align:center;
width:30px;
}

ul.pager li.pager-current {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background-color:#c30;
color:#fff;
margin-right:5px;
text-align:center;
}

ul.pager a, ul.pager a:hover, ul.pager a:focus, ul.pager li.pager-current {
border: none;
display:inline;
float:left;
font-weight:bold;
text-decoration:none;
}

ul.pager li.pager-next {
border-left:1px solid #D5DCE3;
padding-left:5px;
}

/*--------------------------------------------------------------*/
/* CUSTOM FIELDZ
/-------------------------------------------------------------- */
/* custom cck user-photo upload */
.field-field-user-photo {
border:1px solid gainsboro;
padding:8px;
position:absolute;
right:0;
}

.views-field-title {line-height: 1;}

.view-content p {
line-height:1;
margin:0;
text-align:justify;
}

.field-content {}

/* images on views fields */
.field-content img,
.width-full-img img
{}

/* big texfield */
.textfield-big input,
.textfield-big input:focus {
border:3px solid DarkSeaGreen;
color:dimGray;
font-size:130%;
font-weight:bold;
}

.textfield-big input:focus {
border:3px solid seaGreen;
color:black;
}

/* views flud grid items */
li.views-fluid-grid-item {
background-color:transparent;
border: none;
cursor: default;
}

li.views-fluid-grid-item:hover {
background-color:#fff;
overflow: visible;
}

/*--------------------------------------------------------------*/
/* VIEWS FILTERS
/-------------------------------------------------------------- */
#content-region div.views-widget div.form-item input.form-text,
div.views-widget div.form-item input.form-text
{
max-width:200px;
}

.views-exposed-form .views-exposed-widget .form-submit {
background-color:black;
border:1px solid black;
color:white;
}


/*--------------------------------------------------------------*/
/* MODULEZ OVERRIDES
/-------------------------------------------------------------- */

/* JQUERY UI TABS / MULTISTEP
/-------------------------------------------------------------- */
.drupal-tabs {}

ul.ui-tabs-nav {margin:10px 0;}
ul.ui-tabs-nav li {}
ul.ui-tabs-nav li a {}
ul.ui-tabs-nav li a.active {}

/* JQUERY DROPDOWN
/-------------------------------------------------------------- */
.ui-dropdownchecklist {
outline:medium none;
}

.ui-dropdownchecklist-active {
background-color:gainsboro;
}
.ui-dropdownchecklist-hover {}

.ui-dropdownchecklist-text {
color:black;
font-size:100%;
}

.ui-dropdownchecklist-dropcontainer {
background-color:black;
height:auto !important;
padding:7px 0;
}
.ui-dropdownchecklist-item {
padding:0 8px;
}
.ui-dropdownchecklist-item input {}
.ui-dropdownchecklist-item label {
color:white;
padding-left:4px;
}

/* VIEWS SLIDESHOW
/-------------------------------------------------------------- */
/* slideshow controls */
.views_slideshow_controls {
border-top:1px solid #eee;
margin-bottom:1em;
padding:4px;
}
.views_slideshow_controls a {}
.views_slideshow_controls a.views_slideshow_previous {}
.views_slideshow_controls a.views_slideshow_next {
float:right;
}

/* slideshow pager thumbnails */
.views_slideshow_pagerThumbnails {
border-bottom:1px solid #eee;
margin-bottom:1em;
padding-bottom:9px;
}
.views_slideshow_pagerThumbnails div.pager-item {
display:inline;
margin:0;
padding:0 1px;
}
.views_slideshow_pagerThumbnails div a {}
.views_slideshow_pagerThumbnails div a img {
border:3px solid #eee;
height:60px;
width:60px;
}
.views_slideshow_pagerThumbnails div.pager-item a.activeSlide {}
.views_slideshow_pagerThumbnails div.pager-item a.activeSlide:hover {}
.views_slideshow_pagerThumbnails div.pager-item a.activeSlide img 
{
border-color:highlight;
border-width:6px;
}

/* VIEWS ACCORDION
/-------------------------------------------------------------- */
.toggleAccordion {
display:block;
padding-bottom:3px;
text-align:right;
}
.toggleAccordion a {
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px 8px 8px 8px;
background-color:dimGray;
background-color:dodgerBlue;
color:white;
font-size:10px;
padding:1px 5px;
}
.toggleAccordion a.open-all-accordion {}
.toggleAccordion a.close-all-accordion {}

h3.accordion-header {
background-color:black;
border-top:1px solid #555555;
color:white;
font-size:120%;
padding:2px 7px;
}

h3.accordion-header:hover {
background-color:#333;
color:white;
cursor:default;
}

h3.accordion-header-active {
padding:7px;
}

.views-accordion-item  {
}

.views-accordion-item a {
display:block;
font-size: 110%;
padding-left: 30px;
}

.views-accordion-item a:hover {}

/* SERVICE LINKS
/-------------------------------------------------------------- */
.service_links a {}
.service_links a img {}

/* PURR MESSAGES
/-------------------------------------------------------------- */

#purr-container {
top: 3em;
z-index:10;
}

#purr-container .notice a:link {
color: LightGrey;
}

#purr-container .notice a:hover {
color: dimgray;
}

#purr-container .notice {
max-width: 320px;
}

#purr-container .notice * {
color: white;
}

#purr-container .notice-body,
#purr-container .notice-bottom {
background: none;
padding:5px 10px;
}

#purr-container .notice .close {
background-color:transparent;
background-position:center center;
right:9px;
top:9px;
height: 12px;
width: 12px;
}

#purr-container .notice-body {
-moz-border-radius:9px;
-webkit-border-radius:9px;
background-color:black;
border: 7px solid white;
color:white;
cursor:default;
font-size:120%;
margin-bottom:1em;
opacity:0.8;
}

#purr-container .notice-body ul,
#purr-container .notice-body li {
line-height: 1;
margin: 0;
padding: 0;
}

#purr-container .notice-body li {
margin-bottom: 9px;
}

#purr-container .notice-bottom {
display: none;
}

/* purr regular status */
#purr-container .status .notice-body {
}
#purr-container .status .close {
}

/* purr warning status */
#purr-container .warning .notice-body {
background-color:DodgerBlue;
color:white;
}

/* purr error status */
#purr-container .error .notice-body {
background-color:Red;
border-color:dimGray;
color:white;
opacity:1;
}

/* FUSION
/-------------------------------------------------------------- */
.fusion-inline-menu .inner ul.menu li {
border-color: #ddd;
}

.fusion-list-bottom-border .inner ul li {
border-color:LightGrey;
line-height:1;
padding: 0;
}

.fusion-list-bottom-border .inner ul li a {
display: block;
padding:6px;
}

.fusion-list-bottom-border .inner ul li a:hover {
background-color: dimgray;
color: white;
}

.fusion-border .inner {border-color: gainsboro;}

/* fusion horizontal block-style  */
#block-user-0.fusion-horiz-login #user-login-form div.form-item {
width:auto;
}

/* fusion vertical list */
.fusion-list-vertical-spacing .inner ul li ul {
margin-top: 0;
}
.fusion-list-vertical-spacing .inner ul li {
margin-bottom: 0;
}

/* NODEBLOCKS
/-------------------------------------------------------------- */
.sidebar-first .inner .block-nodeblock .content,
.sidebar-last .inner .block-nodeblock .content
{
border: none;
padding: 0;
}

.sidebar-first .inner .block-nodeblock .content .composite .content,
.sidebar-last .inner .block-nodeblock .content .composite .content
{
background-color:#F9F9F9;
border: 1px solid lightgray;
padding: 3px;
}

/* COMMENT
/-------------------------------------------------------------- */
body .node div.links {
margin-top:2em;
}

#content-content .node ul.links li.comment_forbidden a {
background-color:tomato;
border:1px solid tomato;
color:white;
font-weight:bold;
padding:1px 6px;
}

/* PANELS
/-------------------------------------------------------------- */
.panels .content-inner {
}

/* panels rounded corner */
.panels .rounded-corner .wrap-corner .r-edge {
min-height:190px;
padding:0 7px;
}

#mini-panel-site_feature_blocks-1 .wrap-corner .r-edge {
min-height:190px;
padding:0;
}

div .rounded-corner .wrap-corner .r-edge .inner,
div .rounded-corner .wrap-corner .r-edge p {
margin-bottom: 2px ;
line-height:1;
}

/* CONTENT PROFILE
/-------------------------------------------------------------- */
div.content-profile-display 
{
border: none;    
}

.profile .content-profile-title 
{
    display:none;
}

/* VERTICAL TABS
/-------------------------------------------------------------- */
div.vertical-tabs ul.vertical-tabs-list li 
{
list-style: none;
}

/* SKINRZ
/-------------------------------------------------------------- */
/** block backgrounds 
.block-bg-black         {background-color: black;}
.block-bg-dimgray       {background-color: dimgray;}
**/
.block-bg-orange     {background-color: #E27317;}
.block-bg-limegreen   {background-color: #88C03D;}

.block-bg-black a,
.block-bg-black a.active {color: white;}

/** Images inside the block **/
.block-image-width-stretched img {
display: block;
width: 100%;
height: auto;
}
.block-image-height-stretched img {
display: block; 
height: 100%;
width: auto;
}

/*--------------------------------------------------------------*/
/* SPECIFIC ULRZ
/-------------------------------------------------------------- */
/* not logged in */
.not-logged-in {}

/* home or front */
.front {}

/* Dojo modifications 
/-------------------------------------------------------------- */

.views-view-grid tr td { 
vertical-align: top;
padding: 10px;
}

#view-id-sessions-page_1 .views-view-grid tr td { 
width: 28%; padding: 2%; 
}

.views-row { 
margin-bottom: 2em; 
}

.view-display-id-block_6 .views-view-grid tr td { width: 20%; padding: 2%; }

.panel-pane {margin-bottom: 2em;}

.primary-menu ul li { 
margin: 0; 
padding: 0;
}

.primary-menu ul li a {
color:white;
display:block;
float:left;
font-size:1.5em;
height:38px;
line-height:38px;
margin:0;
padding:0 15px;
text-decoration:none;
font-weight: normal;
}