/* $Id: style.css,v 1.19 2006/12/27 13:17:15 drumm Exp $ */
/*
** HTML elements
*/
html {
height: 100%;
width:100%;
overflow: inherit; /* triggers 100% height in Opera 9.5 */
margin: 0;
padding: 0;
background-color:#fff;
}
body {
height: 100%;
margin: 0;
padding: 0;
min-width:980px;
font-size: 62.5%; /* resets 1em to 10px */
font-family: Arial, Verdana, sans-serif;
color:#333333;
}
#outer {
position: relative;
height: 100%;
min-height: 100%;
width:800px;
margin:0 auto;
background-color: #fff;
font-size: 1.25em;
}
html>body #outer {
height: auto;
}
#wrapper {
width: 100%;
margin: 0;
}
#header {
position: relative;
height: 56px;
background-color: #fff;
padding:12px 0 0 0;
margin: 0;
border-bottom: 1px solid #000;
}
html>/**/body #header {
padding: 8px 0 0 0;
}
#header h1 {
font-size: 1.75em;
float: left;
margin:0;
padding:0;
}
/*
*/
#nav {
position:absolute;
left:-11px;
padding:0;
margin:10px 0 0 0;
display:block;
height:20px;
width:830px;
background-color: transparent;
}
html>/**/body #nav {
margin-top: -3px;
}
#nav ul {
padding: 0;
margin: 0;
display:block;
}
#nav li {
list-style-image: none;
list-style-type: none;
float: left;
height:20px;
padding:0;
width:114px;
margin: 0 2px;
color:#2f1110;
background-color: #F3F3F3;
border:none;
cursor: pointer;
text-align:center;
}
#nav li.active {
color: #888;
}
#nav a {
text-decoration: none;
color:#000;
display: block;
width:100%;
padding:3px 0px 4px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#nav a:visited {
background: #f3f3f3;
color: #BF0000;
}
#nav a.active {
background: #f3f3f3;
color: #003366;
}
#nav a:hover {
background: #c6e5e5;
color: #003399;
}
#nav p {
display: none;
}
/*
*/
#container {
margin-top:40px;
float: left;
clear:both;
height:100%;
width: 100%;
}
#main {
float:left;
padding:0.5em;
width: 800px;
}
#left-sidebar {
float:left;
width: 140px;
margin: 0px;
padding:0.5em 5px 0.5em 0;
}
#right-sidebar {
float:left;
width: 140px;
margin: 0px;
padding:0.5em 0 0.5em 5px;
}
/*
** 3 col
*/
#container.sidebars #left-sidebar {
margin-left:-655px;
}
#container.sidebars #main {
width:497px;
margin-left:145px;
}
/*
** 2 col leftside
*/
#container.sidebar-left #left-sidebar {
margin-left:-800px;
}
#container.sidebar-left #main {
width:655px;
margin-left: 145px;
padding:0.5em;
}
/*
** 2 col rightside
*/
#container.sidebar-right #main {
width:800px;
}
/*
** end of cols
*/
#footer {
border-top: 1px solid #000;
width: 100%;
min-width: 800px;
color: #666;
text-align: center;
}
#clearfooter {
clear: both;
height: 70px;
}
#footer-wrapper {
position: absolute;
bottom: 0;
left: 0;
clear: both;
width: 100%;
height: 40px;
}
#footerContent {
margin:8px 20px 0;
}
html>/**/body #footerContent {
margin: -8px 20px 0;
}
#footerContent .footerContentItem {
float:left;
padding:0 10px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
#left-sidebar h2.title, #right-sidebar h2.title {
font-size:1.8em;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
padding:0;
margin:0 0 3px;
text-align: center;
}
#left-sidebar .block ul, #right-sidebar .block ul {
margin: 0px;
padding:0;
}
#left-sidebar .block, #right-sidebar .block {
margin-bottom: 10px;
}
#left-sidebar .block ul li, #right-sidebar .block ul li {
list-style-image: none;
list-style-type: none;
margin:2px 0px;
padding:0;
text-decoration: none;
}
#left-sidebar .block a {
text-decoration: none;
width: 100%;
display: block;
padding:2px 0 3px 0;
color:#000;
background-color:#f3f3f3;
border-bottom:1px dotted #ccc;
text-align: center;
}
#right-sidebar .block a {
text-decoration: none;
display: block;
padding:2px 0 3px 0;
color:#000;
background-color:#f3f3f3;
border-bottom:1px dotted #ccc;
text-align: center;
width: 100%;
}
#left-sidebar .block a:visited, #right-sidebar .block a:visited {
background: #f3f3f3;
color: #BF0000;
}
#left-sidebar .block a.active, #right-sidebar .block a.active {
background: #f3f3f3;
color: #003366;
}
#left-sidebar .block a:hover, #right-sidebar .block a:hover {
background: #c6e5e5;
color: #003399;
}
#left-sidebar .more-link a, #right-sidebar .more-link a, #left-sidebar .more-link a:visited, #right-sidebar .more-link a:visited {
border: none;
background-color: #fff;
text-align: right;
}
.breadcrumb {
padding:0.1em;
width:100%;
margin:0 0 0.5em;
}
span.clear {
display: block;
clear: both;
height: 1px;
line-height: 0px;
font-size: 0px;
margin-bottom: -1px;
}
/*
*/
.site-name a {
text-decoration:none;
color:#003366;
}
.fragment {
background-color: #fff;
}
fieldset {
margin: 1em 0;
padding: 1em;
border: 1px solid #dedede;
background: #fff;
}
legend {
color:#555;
}
h1.title {
font-size: 2em;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
color:#000;
text-align:right;
}
/*
** links
*/
#main a {
text-decoration: none;
color:#0073BA;
}
#main a:hover {
color: #555;
}
#main .breadcrumb a {
text-decoration: none;
color:#aaa;
}
#main .breadcrumb {
color:#999;
}
#main .breadcrumb a.visited {
text-decoration: none;
color:#aaa;
}
#main .breadcrumb a:hover {
color:#555;
}
#main {
color:#666;
}
.view {
margin-top:1em;
}
/*
** Tab navigation
*/
ul.primary {
border-collapse: collapse;
padding: 0;
white-space: nowrap;
list-style: none;
margin: 0 0 5px;;
height: auto;
line-height: normal;
border:none;
}
ul.primary li {
display: inline;
padding:0;
margin:0;
border:none;
}
ul.primary li a {
background-color: transparent;
border:none;
margin:0;
padding-bottom: 2px;
color:#000;
}
ul.primary li a:visited {
color:#bf0000;
}
ul.primary li a:hover {
text-decoration: none;
background-color: #f3f3f3;
border:none;
color:#C6E5E5;
}
ul.primary li.active a {
border:none;
background-color: #f3f3f3;
border:none;
color:#000;
margin:0;
}
ul.secondary {
border-bottom: 1px solid #bbb;
padding: 0.5em 0;
margin:0 5px;
}
ul.secondary li {
display: inline;
padding: 0 1em;
border-right: 1px solid #ccc;
}
ul.secondary a {
padding: 0;
text-decoration: none;
}
ul.secondary a.active {
border-bottom: 1px solid #999;
}
/*
** Tables
*/
#main table {
width: 100%;
margin: 10px 0 20px 0;
}
#main table td, #main table th {
padding: 3px 5px;
}
#main table thead tr th {
padding: 0 5px 0.1em 0;
color: rgb(102,102,102);
border-bottom:1px solid #3399cc;
}
#main tbody tr {
border-bottom: 1px solid rgb(224,238,247);
}
#main tr.odd {
background: white;
}
#main tr.even {
background: rgb(241,248,251);
}
#main td.region {
padding: 5px;
background-color: rgb(224,238,247) !important;
border-top: 10px solid white;
border-bottom: 1px solid rgb(155,204,233);
font-size: 1.15em;
}
#main td.active {
background: rgb(241,248,251);
border-left: 1px solid rgb(224,238,247);
border-right: 1px solid rgb(224,238,247);
}
#main td.menu-disabled {
background-color: rgb(240,240,240);
border-bottom: 1px solid rgb(230,230,230);
}
#main td div.item-list ul {
margin-bottom: 0;
}
#main td div.item-list ul li {
margin: 0 0 0 10px;
}
/*
** Node-edit table
*/
#node-form table {
width: 100%;
margin: 0;
}
#node-form table td {
padding: 0;
}
/*
** Form submission button styles
*
.form-submit {
float: left;
padding:0 10px 2px 10px;
height:22px;
margin: 5px 5px 0 0;
color:#2f1110;
background-color: transparent;
background-image: url(images/loginButton.png);
background-repeat: repeat-x;
border:1px solid #ccc;
cursor: pointer;
}
html>/**body .form-submit {
height:20px;
}
#main .over {
float: left;
height:22px;
padding:0 10px 2px 10px;
background-color: transparent;
background-image: url(images/loginButtonInvert.png);
background-repeat: repeat-x;
border:1px solid #ccc;
cursor: pointer;
}
html>/**body #main .over {
height:20px;
}
/*
** messages
*/
div.messages, div.help {
  min-height: 18px;  /* prevents the divs from cutting off the icon (rare) */
  margin-bottom: 10px;
  padding: 5px 5px 2px 28px;
  line-height: 1.25em;
  }
  div.messages p, div.messages ul, 
  div.help p, div.help ul {
    margin-top: 0;
    margin-bottom: 5px;
    }

div.messages {
  background: #CFFFBF url(images/icon_success.gif) 5px 5px no-repeat;
  border: 1px solid #88FF62;
  }
  div.status {
    }
    div.status ul li {
      list-style-image: url(images/bullet_dot_green.png);
      }
  div.error {
    background: rgb(242,204,204) url(images/icon_error.gif) 5px 5px no-repeat;
    border: 1px solid rgb(190,0,0);
    }
    div.error ul li {
      list-style-image: url(images/bullet_dot_red.png);
      }
  div.warning {
    background: rgb(255,252,216) url(images/icon-warning.gif) 5px 5px no-repeat;
    border: 1px solid rgb(255,240,60);
    }
    div.warning ul li {
      list-style-image: url(images/bullet-dot-yellow.png);
      }

div.help {
  background: rgb(255,252,216) url(images/icon_help.gif) 5px 5px no-repeat;
  border: 1px solid rgb(255,240,60);
  }
  div.help ul li {
    list-style-image: url(images/bullet_dot_yellow.png);
    }
  div.more-help-link {
    margin-bottom: 5px;
    }
	 /* =====================================
 * Admin styles
 * ------------------------------------- */

div.admin {
  padding: 0;
  }
  div.admin div.compact-link {
    margin-bottom: 5px;
    text-align: right;
    font-size: .9em;
    }
  div.admin div.left, div.admin div.right {
    width: 48%;
    margin: 0;
    }

div.admin-panel {
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  }
  div.admin-panel h3 {
    margin-bottom: 0;
    padding: 5px 5px 5px 28px;
    background: rgb(241,248,251) url(images/icon_config.gif) 5px 50% no-repeat;
    border-top: 1px solid rgb(155,204,233);
    border-bottom: 1px dotted rgb(155,204,233);
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: normal;
    letter-spacing: 1px;
    }
  div.admin-panel div.body {
    margin: 0;
    padding: 5px;
    }
    div.admin-panel div.body p.description {
      border-bottom: 1px dotted rgb(153,153,153);
      color: rgb(102,102,102);
      font-size: .9em;
      line-height: 1.25em;
      text-align: right;
      }

div.admin-required, div.admin-dependencies {
  color: rgb(153,153,153);
  }

.block-region {
  margin: 5px 0;
  padding: 3px;
  background: rgb(255,252,216);
  border: 2px dashed rgb(255,240,60);
  text-align: center;
  color: rgb(51,51,51);
  font-size: 1.25em;
  font-weight: bold;
  letter-spacing: 1px;
  }

table.system-status-report {
  }
  table.system-status-report th, 
  table.system-status-report tr.merge-up td {
    padding-left: 30px !important;
    }
  table.system-status-report th {
    border-bottom: none;
    }
  table.system-status-report tr.ok th {
    background-image: url(images/icon_success.gif);
    }
  table.system-status-report tr.error th {
    background-image: url(images/icon_error.gif);
    }
  table.system-status-report tr.warning th {
    background-image: url(images/icon_warning.gif);
    }
  table.system-status-report tr.error th, 
  table.system-status-report tr.error td {
    background-color:  rgb(242,204,204);
    }

/* -------------------------------------
 * end Admin styles
 * ===================================== */
.links {
clear:both;
height:30px;
}
.ui-tabs {padding: .2em;}
.ui-tabs .ui-tabs-nav { padding: .2em .2em 0 .2em;  position: relative; }
.ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; list-style: none; }
.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; }
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em;  display: block; border: 0; background: none; width:100%;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.form-autocomplete {
border:1px solid #bbb;
background-color: #FFFCD8;
}
#autocomplete {
position: absolute;
border: 1px solid #bbb;
overflow: hidden;
z-index: 100;
}
#autocomplete ul {
margin: 0;
padding: 0;
list-style: none;
}
#autocomplete li {
background: #fff;
color: #555;
white-space: pre;
padding: 0 1em;
cursor: default;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}
#autocomplete li.selected {
background: #E0EEF7;
color: #0073BA;
border-bottom: 1px dotted #0073BA;
border-top: 1px dotted #0073BA;
}
.codeblock {
font-size: 1.1em;
}
/* =====================================
 * Comments
 * ------------------------------------- */

#comments { /* wraps entire comments section */
  }
  #comments h2.title {
    margin-top: 0.5em;
    margin-bottom: 1em;
    border-bottom: 1px solid #555;
    line-height: 1.25em;
    }

div.comment {
  margin:1em 0;
  border: 1px solid #aaa;
  padding:0.5em;
  }
  div.comment h3.title {
    margin:0 0 0 0;
    border-bottom: 1px solid #aaa;
}
#comments h3.title a {
color:#555;
display:block;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#comments h3.title a:hover {
background-color: #c6e5e5;
color: #003399;
}
  div.comment .new {
    float: right;
    margin-left: 20px;
    padding: 4px;
    color: #ff0000;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1em;
    font-size: .9em;
    }
div.comment .submitted {
font-size:0.8em;
margin:0 0 0.5em 0;
padding:0.1em 0;
}
div.comment .commentSignature {
font-size: 1em;
font-style: italic;
font-family: "Times New Roman", Times, serif;
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid #999;
}
div.comment .commentSignature p {
margin:0;
padding:0;
}
.profile .picture {
  float: right; /* LTR */
  margin: 3em 1em 1em 0; /* LTR */
}
html>/**/body .profile .picture {
margin: 2.3em 1em 1em 0; /* LTR */
}
.commentPicture {
float: left;
margin-top: 3px;
}
div.comment p {
padding: 0;
margin:0;
}
div.comment .content p {
min-height: 100px;
}
div.comment ul.links {
text-align: right;
margin:0;
padding:0;
}
div .quote-msg {
clear: both;
}
/* -------------------------------------
 * end Comments
 * ===================================== */

div#calpopup a, #calpopup a.visited {
color:#0073BA;
text-decoration: none;
}
div#calpopup a:hover {
	color: #999999;
}
div#calpopup h2.title {
padding:0;
margin:0 0 0.2em 0;
}
div#popup-close-img {
cursor:pointer;
}
div#calpopup {
  border: 1px solid #ccc;;
}
div#calpopup .ppDetailValue {
width:200px;
} 
/*
** profile
*/
div.profile h3 {
font-size: 1.25em;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
}
div.profile dt {
float:left;
width:100px;
}
div.profile .profile-profile_bio {
width:280px;
}
div.picture {
float:left;
clear:both;
margin-right:10px;
}
div.node .submitted {
float:left;
width:100%;
}
.mediaSubmitted {
float:left;
width:100%;
}
.blogSubmitted {
float:left;
width:100%;
}
div.view .submitted {
width:100%;
margin-bottom:4px;
font-size:1em;
}
.read-more {
float:right;
}
.view-content h2.title, .content h2.title {
margin:0;
padding:0 0 3px;
font-family: "Times New Roman", Times, serif;
border-bottom:1px solid #aaa;
}
.taxonomy {
width:100%;
}
.field-field-media-thumb {
float:left;
margin:5px 10px 0 0;
}
.views-view-grid tbody {
border:none;
}
.field-field-image .field-item {
margin-top:5px;
text-align:center;
}
/*
** user profile
*/
.userProfileItemTitle {
float:left;
width:100px;
font-weight:bold;
margin-left:5px;
}
.userProfileDesc {
clear: both;
}
.userProfileDesc .userProfileItem {
padding:10px;
}
.userProfilePerInfo {
float:left;
width:490px;
margin-bottom:10px;
}
.userProfilePerInfo h3.userProfile {
border-bottom:1px solid #999;
width:100%;
margin:0 0 4px;
padding:0 4px 3px;
font-size: 1.25em;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
}
.userProfilePerInfoPic {
float:left;
}
.userProfilePerInfoPic h3.userProfile {
border-bottom:1px solid #999;
width:270px;
margin:0 0 4px;
padding:0 4px 3px;
font-size: 1.25em;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
}
.userProfileDesc h3.userProfile, .userProfileBio h3.userProfile, .userProfileNews h3.userProfile {
border-bottom:1px solid #999;
margin:0 0 4px;
padding:0 4px 3px;
font-size: 1.25em;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
}
.userProfileBio p {
padding:0 5px;
}
#block-simplenews-6 {
margin:20px 0 0;
}
#block-simplenews-6 h2.title {
border:none;
font-size: 2em;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
color:#000;
}
.homeWrapper {
width:640px;
margin:0 auto;
text-align:center;
}
.homeLogText {
text-align: center;
}
.homeGreetText {
text-align: center;
}