/* $Id: style.css,v 1.33.2.32 2010/01/01 14:56:01 sign Exp $ */

html {
  overflow-y: scroll;
}

body {
  margin: 0px;
  padding: 0px;
  background: #ffffff;
}

body, p, div, span, td, th, input, select, textarea, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Tahoma, Helvetica, sans-serif;
}

body, p, div, span, td, th, input, select, textarea {
  font: 13px/160% Arial, Tahoma, Helvetica, sans-serif;
}

a, a:active {
  color: #021ac6;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

h1 {
  margin: 0px;
}

.clear {
  clear: both;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*
 * page layout
 */

#toppanel-head {
  font-size: .8em;
  color: #ffffff;
  background: #313332 url(header_bg.png) repeat-x bottom;
  text-align: center;
  height: 28px;
}

#go-home {
  float: left;
  padding: 4px 0 0 32px;
  background: url(gohome.png) no-repeat 6px 6px;
}

#go-home a, #admin-links a {
  color: #ffffff;
  text-decoration: none;
}

#go-home a:hover, #admin-links a:hover {
  text-decoration: underline;
}

#header-title {
  padding: 0;
  color: #a7a7a7;
}

#admin-links {
  color: #ffffff;
  float: right;
  padding: 0px;
  margin: 4px 10px 0 0;
}

#admin-links .user-name {
  font-weight: bold;
}

#admin-links .user-logout {
  background: url(/yi-drupal/sites/all/themes/rootcandy/images/oxygen/signout.png) no-repeat right;
}

#admin-links .user-logout:hover {
  text-decoration: none;
}

#admin-links .user-logout span {
  visibility: hidden;
}

/*
 * Main navigation tabs
 */

.rootcandyspan {
  padding: 0 5px;
}

#navigation {
  float: left;
  width: 100%;
  background: url(navigation_bg.png) repeat-x bottom;
  background-color: ;
  color: ;
  padding-top: 0px;
}

#navigation .item-list {
  font-size: 94%;
  line-height: normal;
}

#navigation.header-on {
  padding-top: 26px;
}

#navigation .item-list ul li {
  list-style-type: none;
}

#navigation ul {
  margin: 0;
  padding: 5px 10px 0;
  list-style: none;
}

#navigation li {
  float: left;
  margin: 0;
  padding: 0 0 0 5px;
  text-align: center;
}

#navigation a {
  float: left;
  display: block;
  padding: 5px 11px 1px 6px;
  text-decoration: none;
  font-weight: normal;
  color: #000000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a {
  float: none;
}
/* End IE5-Mac hack */

#navigation a:hover {
  color: #c0c0c0;
}

#navigation #current {
  background: url(tableft_small.png) no-repeat left top;
  position: relative;
  top: 0px;
}

#navigation #current a {
  background: url(tabright_small.png) no-repeat right top;
  color: #021ac6;
  padding-bottom: 3px;
}

#navigation #current-32 {
  background: url(tableft_big.png) no-repeat left top;
  position: relative;
  top: 1px;
}

#navigation #current-32 a {
  background: url(tabright_big.png) no-repeat right top;
  color: #021ac6;
  padding-bottom: 2px;
}

#navigation #current-24, #navigation #current-16 {
  background: url(tableft.png) no-repeat left top;
  position: relative;
  top: 0px;
}

#navigation #current-24 a, #navigation #current-16 a {
  background: url(tabright.png) no-repeat right top;
  color: #021ac6;
  padding-bottom: 3px;
}

#navigation ul.i16 #current-16 a {
  padding-bottom: 8px;
}

#navigation ul.i32 #current-32 a {
  padding-bottom: 0px;
}

#navigation #logo {
  float: right;
  margin-right: 20px;
}

#logo {
  float: right;
  padding-right: 10px;
}

.content-in {
  background: url(content_bg.gif);
  margin: 5px;
  font-size: 90%;
  float: left;
  width: 100%;
  margin: 0 5px 0 0;
}

ul#rootcandy-menu {
  width: 211px;
  margin: 0;
  padding: 0;
}

#rootcandy-menu li {
  padding: 2px;
  text-align: right;
  padding-right: 8px;
  list-style: none;
}

#rootcandy-menu li.active {
  background-color: #ffffff;
  border-top: 1px solid #deebf0;
  border-bottom: 1px solid #deebf0;
}

#rootcandy-menu li.active a, #rootcandy-menu a.active-trail {
  color: #000000;
  font-weight: bold;
}

#content-main {
  background-color: #f3f6f9;
}

#rootcandy-menu a {
  text-decoration: none;
  font-size: 90%;
}

#rootcandy-menu a.active {
  color: #ff7c00;
  font-weight: bold;
}

div.admin-content {
  padding: 10px;
  min-height: 200px;
}

#placeholder {
  height: 1em;
}

#content-wrap {
  background: white;
  min-width: 780px;
  max-width: 1260px;
  margin: 0 auto 10px auto;
  clear: both;
  width: expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "99%");
}

#content-wrap #inside {
  margin: 0 10px 0 0;
  padding: 0;
}

#content {
  padding-left: 10px;
  padding-top: 0px;
  background: #ffffff;
}

.sidebar-left #content {
  padding-left: 210px;
}

.sidebar-right #content {
  padding-right: 210px;
}

.sidebars #content {
  padding-left: 210px;
  padding-right: 210px;
}

#sidebar-right {
  width: 210px;
  float: right;
}

#sidebar-left {
  width: 210px;
  float: left;
}

.t {background: #f5f5f5 url(t.gif) 0 0 repeat-x;}
.b {background: url(b.gif) 0 100% repeat-x}
.l {background: url(l.gif) 0 0 repeat-y}
.r {background: url(r.gif) 100% 0 repeat-y}
.bl {background: url(bl.gif) 0 100% no-repeat}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding: 10px}

.navigation-menu {
  margin: 20px;
}

.navigation-menu dd {
  color: #a0a0a0;
  padding-bottom: 10px;
}

div.help {
  border: 1px solid #e4e4e4;
  background-color: #f6f6f6;
  padding: 0;
  background-position: 10px 13px !important;
}

.help p {
  margin: 5px;
}

table {
  margin: 1em 0;
  width: 100%;
  font-size: 90%;
}

thead th {
  border-bottom: 2px solid #bbbbbb;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #021ac6;
}

td, th {
  padding: 0;
  line-height: 2em
}

tr.even, tr.odd, tbody th {
  border: solid #f2f3f4;
  border-width: 1px 0;
}

tr.odd, tr.info {
  background: #ffffff;
}

tr.even {
  background: #ebecec;
}

tr.dblog-error {
  background: #dbc5c4;
}

tr.drag {
  background-color: #fbfaf4;
}

tr.drag-previous {
  background-color: #f6f6e7;
}

tr.odd td.active, tr.even td.active {
  background: none;
}

td.region, td.module, td.container, td.category {
  border-top: 1.5em solid #ffffff;
  border-bottom: 1px solid #eaedf0;
  background-color: #f3f3f3;
  color: #454e67;
  font-weight: bold;
}

tr a {
  text-decoration: none;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
  border-top-width: 0;
}

span.form-required {
  color: #ffae00;
}

span.submitted, .description {
  font-size: 0.92em;
  color: #898989;
}

.description {
  line-height: 150%;
  margin-bottom: .75em;
  color: #898989;
}

div.messages, .preview, .help {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

div.messages ul {
  margin: 0;
}

div.messages {
  background-color: #ffffff;
  border: 1px solid #bccbd7;
}

div.status {
  color: #32a333;
  border-color: #cae8cc;
}

div.error, tr.error {
  color: #a30000;
  background-color: #f9d0ce;
  padding: 5px;
}

.block-region {
  padding: .5em;
  background: transparent;
  border: 1px dashed #b8d0e4;
  text-align: center;
  font-size: 1em;
}

.block {
  padding: 0 .5em;
}

.block h2 {
  font-weight: bold;
  line-height: 1.8em;
  font-size: 1.2em;
  color: #021ac6;
  font-size: 100%;
  padding: 0;
  margin: 0;
  background: none;
}

.block .content {
  font-size: 90%;
}

#footer {
  clear: both;
  text-align: center;
}

.node-form .standard  {
  clear: none;
}

#TB_ajaxContent fieldset {
  display: inline;
}

#fieldsetcontainer a {
  margin: 2px;
}

#fieldsetcontainer a:hover {
  color: #000000;
}

ul.primary{
  border: none;
}

ul.primary li a, ul.primary li.active a {
  border: none;
}

#breadcrumb .alone {
  padding: 20px;
}

.breadcrumb {
  font-size: 80%;
  padding-left: 22px;
  color: #a0a0a0;
  float: left;
}

#breadcrumb h2 {
  float: right;
  padding: 0;
  margin: 0;
  padding-right: 20px;
  color: #021ac6;
  font-size: 120%;
  font-weight: bold;
}

h2#title {
  margin-top: 4px;
}

.admin-list a {
  font-weight: bold;
  line-height: 1.8em;
}

/* default styling for all form buttons */
input.form-submit, input.teaser-button {
  background: transparent url(blue-button.png) no-repeat top;
  border: 1px solid #ffffff;
  color: #ffffff;
  cursor: pointer;
  font-size: 96%;
  font-weight: bold;
  margin: 0 4px;
  padding: 2px 4px;
  text-transform: uppercase;
  outline: 1px solid #a2a2a2;
  -moz-border-radius: 4px;
  -moz-outline-radius: 4px;
  -webkit-border-radius: 4px;
}

.node-form input#edit-submit.form-submit, input#edit-save.form-submit {
  background: transparent url(/yi-drupal/sites/all/themes/rootcandy/images/buttons/green-button.png) no-repeat top;
}

input#edit-delete.form-submit,
#system-modules-uninstall input#edit-submit,
#user-multiple-delete-confirm input#edit-submit {
  background: transparent url(/yi-drupal/sites/all/themes/rootcandy/images/buttons/red-button.png) no-repeat top;
}

input.form-submit:hover,
input.teaser-button:hover,
input#edit-save.form-submit,
.node-form input#edit-submit.form-submit:hover,
input#edit-delete.form-submit:hover,
 #system-modules-uninstall input#edit-submit:hover,
#user-multiple-delete-confirm input#edit-submit:hover   {
  background-position: bottom;
  cursor: pointer;
}

input#edit-save.form-submit[disabled], input.disabled {
  background: transparent url(/yi-drupal/sites/all/themes/rootcandy/images/buttons/grey-button.png) no-repeat top;
}

#legal-notice {
  font-size: 80%;
  color: #999999;
  text-align: center;
}

#legal-notice a {
  background: transparent url(/yi-drupal/sites/all/themes/rootcandy/images/extlink.gif) no-repeat scroll right center;
  padding-right: 12px;
}

/*
 * tabs in content
 */
.level-1 h2 {
  color: #021ac6;
  font-size: 120%;
  font-weight: bold;
}

#tabs-primary {
  width: 100%;
  font-size: 93%;
  line-height: normal;
  background: url(/yi-drupal/sites/all/themes/rootcandy/images/tabs/bg.gif) repeat-x bottom;
  float: left;
}

#tabs-primary ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs-primary li {
  float: left;
  margin: 0;
  padding: 0 0 0 9px;
}

#tabs-primary a {
  float: left;
  display: block;
  padding: 5px 15px 4px 6px;
  text-decoration: none;
  font-weight: bold;
  color: #021ac6;
  background: none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs-primary a {
  float: none;
}
/* End IE5-Mac hack */

#tabs-primary a:hover {
  color: #000000;
  text-decoration: underline;
}

#tabs-primary .active {
  background: url(/yi-drupal/sites/all/themes/rootcandy/images/tabs/left.gif) no-repeat left top;
}

#tabs-primary .active a {
  background: url(/yi-drupal/sites/all/themes/rootcandy/images/tabs/right.gif) no-repeat right top;
  color: #323232;
  padding-bottom: 5px;
}

#tabs-secondary {
  border: none;
  width: 100%;
  font-size: 93%;
  line-height: normal;
  background: url(/yi-drupal/sites/all/themes/rootcandy/images/tabs/bg-2.gif) repeat-x bottom;
  float: left;
}

#tabs-secondary ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
}

#tabs-secondary li {
  float: left;
  margin: 0;
  padding: 0 0 0 9px;
  border: none;
}

#tabs-secondary a {
  float: left;
  display: block;
  padding: 5px 15px 4px 6px;
  text-decoration: none;
  font-weight: bold;
  color: #021ac6;
  background: none;
  border: none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs-secondary a {
  float: none;
}
/* End IE5-Mac hack */

#tabs-secondary a:hover {
  color: #000000;
}

#tabs-secondary .active {
  background: url(/yi-drupal/sites/all/themes/rootcandy/images/tabs/left-2.gif) no-repeat left top;
  color: #000000;
}

#tabs-secondary .active a {
  background: url(/yi-drupal/sites/all/themes/rootcandy/images/tabs/right-2.gif) no-repeat right top;
  color: #000000;
  padding-bottom: 5px;
}

/*
 * pager
 */

.item-list .pager li {
  padding: 0;
  margin: 2px;
}

.pager li.pager-current, .pager li a {
  background: transparent url(blue-button.png) no-repeat top;
  -moz-border-radius-bottomleft:2px;
  -moz-border-radius-bottomright:2px;
  -moz-border-radius-topleft:2px;
  -moz-border-radius-topright:2px;
  border:1px solid #909ae1;
  margin:0;
  border: 1px solid #ffffff;
  color: #ffffff;
  cursor: pointer;
  font-size: 96%;
  font-weight: bold;
  text-transform: uppercase;
  outline: 1px solid #a2a2a2;
  -moz-border-radius: 4px;
  -moz-outline-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 2px 4px;
  text-decoration: none;
}

.pager a:hover,
.pager li.pager-current {
  background: transparent url(blue-button.png) no-repeat bottom;
  text-decoration:none;
  color: #000000;
}

.pager a,
.pager li.pager-current {
  padding: 2px 4px;
}

.pager {
  text-align:center;
}

/*
 * node-add-list
 */

.node-type-list a {
  font-weight: bold;
}

/*
 * views
 */

#views-ui-admin-tools input#edit-clear-cache {
  margin-top: 5px;
}

#views-ui-edit-view-form {
  margin-top: 10px;
}

#edit-add-display {
  margin-bottom: 10px;
}

.remove-display input.form-submit {
  background: transparent url(/yi-drupal/sites/all/themes/rootcandy/images/buttons/red-button.png) no-repeat top;
}

.remove-display input.form-submit:hover  {
  background-position: bottom;
  cursor: pointer;
}

.views-tabset {
  background: transparent;
}

#views-ui-analyze-view-button {
  margin: 10px 0;
}

/* dashboard */
#dashboard-left {
  float: left;
  width: 48%;
}

#dashboard-right {
  float: right;
  width: 48%;
}

#dashboard-left h2, #dashboard-right h2 {
  border: 1px solid #e4e4e4;
  background-color: #f6f6f6;
  padding: 6px;
}

#dashboard-left .block, #dashboard-right .block {
  margin: 0;
  padding: 0;
}

#dashboard-left .block .content, #dashboard-right .block .content {
  padding: 5px 10px;
}

#dashboard-left h3, #dashboard-right h3 {
  padding: 0;
  margin: 0px 2px;
}

/* sliding panel */

#toppanel {
  position: absolute;   /*Panel will overlap  content */
  /*position: relative;*/   /*Panel will "push" the content down */
  width: 100%;
  z-index: 999;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#panel {
  width: 100%;
  height: 300px;
  color: #999999;
  background: #313332 url(panel_content_bg.png);
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  z-index: 3;
  display: none;
}


#toggle, #toggle ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 160px;
}

#toggle li {
  float: none;
  margin: 0;
  padding: 0 0 0 5px;
  text-align: center;
}

#toggle a {
  float: none;
  display: block;
  padding: 5px 11px 1px 6px;
  text-decoration: none;
  font-weight: normal;
  color: #000000;
}

#toggle li {
  background: url(panel_left.png) no-repeat left top;
  position: relative;
  top: 0px;
}

#toggle li a {
  background: url(panel_bg.png) no-repeat right top;
  color: #ffffff;
  padding: 0 0 3px 0;
}

#toggle li a .panel-open {
  background: url(panel_open.png) no-repeat left top;
  padding-left: 20px;
}

#toggle li a .panel-close {
  background: url(panel_close.png) no-repeat left top;
  padding-left: 20px;
}

/* regions in slider */
#slider-middle {
  padding-left: 210px;
  padding-right: 210px;
}

#slider-right {
  width: 210px;
  float: right;
}

#slider-left {
  width: 210px;
  float: left;
}

#maintenance {
  border: 5px solid #dddddd;
  width: 700px;
  margin: 30px auto;
  background-color: #eeeeee;
  padding: 10px;
}

#maintenance .maintenance-icon {
  float: left;
}

#maintenance .maintenance-content {
  margin: 13px 10px 10px 10px;
}

#maintenance .maintenance-content-p {
  margin: 13px 10px 10px 10px;
}

/* Vertical tabs */
.vertical-tabs-list li {
  background: #ffffff;
}

.vertical-tabs-list li.selected {
  background: url(content_bg.gif);
}

.vertical-tabs-list .summary {
  color: #898989;
}

/*
 * Labels
 */
label.label-help {
  background: #ebecec;
  padding: 1px;
  margin: 1px;
  display: normal;
  width: 100%;
}

/*******************************************************************
 *                                        *
 *******************************************************************/

.level-1 {
  border-bottom: 1px solid #d2dada;
  border-right: 1px solid #d2dada;
  border-left: 1px solid #d2dada;
  border-top: 0;
  background: #f2f2f2;
  padding: 4px;
  clear: both;
}

.level-2 {
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  border-top: 0;
  background: #fff;
  padding: 4px;
  clear: both;
}

tr.highlight {
  background: #fffaad;
}