/*
  screen_all.css
  CSS file for Gunnison-Crested Butte community calendar
  
  Exceptions in screen_ie6.css and screen_ie7.css
*/

/* general tag declarations */
body {
  margin:0;
  padding:0;
  color:#d7d5d6;
  font-size:14px;
  font-family:Helvetica,Arial,"sans-serif";
  background:#464646;
  }
div {
  margin:0;
  padding:0;
  position:relative;
  }
img { border:none; }

/* global layout elements */
#header,#content,#footer {
  width:100%;
  }
.material {
  width:981px;
  margin:0 auto;
  }
#header {
  background:#395489 url('/site/templates/frontend/images/bg_header_margin.jpg') repeat-x top;
  border-bottom:solid black 1px;
  height: 122px;
  }
#header .material {
  background:#536b97 url('/site/templates/frontend/images/bg_header.jpg') repeat-x top;
/*  min-height:93px;*/
  height: 122px;
  }
#content {
  z-index: 0;
  background:#d7d5d6 url('/site/templates/frontend/images/bg_content_margin.jpg') repeat-y center;
  }
#content .material {
  background:#fff;
  }
#footer {
  z-index: 1;
  background:#464646 url('/site/templates/frontend/images/bg_footer_margin.jpg') repeat-x top;
  border-top:solid black 1px;
  }
#footer .material {
  background:#5d5d5d url('/site/templates/frontend/images/bg_footer.jpg') repeat-x;
  }
/* header area */
#header h1 {
  color:#fff;
  margin:0;
  padding:29px 0 0 29px;
  font-size:1.4em;
  top:29px;
  left:29px;
  }
#header h1 A {
  color:#fff;
  text-decoration: none;
  }
#header h2 {
  color:#c2d6f1;
  margin:0;
  padding:0 0 0 29px;
  font-size:0.9em;
  }
/* the grey box in the upper left... */
#header_buttons {
  font-size:0.8em;
  position:absolute;
  top:0;
  right:0;
  }
#controls div {
  height:19px;/* height:23px; */
  padding:9px 0 0 0;
  margin-right:2px;
  background:#747c8f url('/site/templates/frontend/images/bg_controls.jpg') repeat-x;
  text-align:center;
  float:left;
  }
#controls a,#searchbox a {
  color:#b0deff;
  text-decoration:none;
  }
#controls a:visited,#searchbox a:visited {
  color:#b0deff;
  }
#controls a:hover,#searchbox a:hover {
  text-decoration:underline;
  color:#ccf;
  }
#controls a:active,#searchbox a:active {
  text-decoration:underline;
  color:#36f;
  }
#username {
  text-align: left;
  width:301px;
  }
#accountlink {
  width:70px;/* width:70px; */
  }
#eventslink {
  width:61px;/* width:61px; */
  }
#controls #rsslink {
  width:48px;/* width:26px; */
  height:20px;/* height:23px; */
  padding:8px 0 0 0;
  margin-right:0;
  }
#controls #location {
  width:163px;
  height:23px;/* height:23px; */
  padding:5px 0 0 0;
  margin-right:0;
  }
#searchbox {
  clear:left;
  background:#747c8f;
  padding:5px 0 5px 8px;
  margin-top:1px;
  }
#searchbox form {
  margin:0;
  }
#searchbox input,#searchbox select,#location input,#location select{
  font-size:1em;
  }
/* general tabbed navigation */
#view_tabs {
  list-style:none;
  margin:0 0 0 523px;
  padding:0;
  float:none;
  clear:both;
  font-weight:bold;
  top:82px;
  position:absolute;
  z-index:-100;
  }
#view_tabs li {
  margin:5px 1px 0 0;
  padding: 0px;
  background:#b9bfb3;
  float:left;
  position:relative;
  }
#view_tabs .selected {
  background:#dee4d8;
  border-bottom:solid #dee4d8 1px;
  margin-bottom:-1px;
  }
#view_tabs li a {
  display:block;
  padding:10px 10px 6px 6px;
  margin:0px;
  color:#294171;
  background:#b9bfb3;
  text-decoration:none;
  }
#view_tabs .selected a {
  background:#dee4d8;
  }
#view_tabs li a:visited {
  color:#294171;
  }
#view_tabs li a:hover {
  color:#036;
  background:#ddd;
  }
#view_tabs li a:active {
  color:#036;
  background:#fff;
  }
/* content area */
#content {
  color:#000;
  }
#content .material {
  padding-bottom:0.5em;
  }
/* date navigation bar */
#date_navigator {
  background:#dee4d8;
  font-size:0.9em;
  font-weight:bold;
  text-transform:lowercase;
  color:#3a3c37;
  }
#date_navigator form {
  margin:0;padding:0;
  }
#date_navigator ul {
  list-style:none;
  margin:0 0 0 0;
  padding:0 0 0 0;
  }
#date_navigator select {
  font-size:0.9em;
  text-transform: none;
  }
#date_navigator li {
  padding:0 0 0 0;
  margin:0.7em 0.5em 0 0;
  float:left;
  position:relative;
  }
#date_navigator div {
  margin-top:0.5em;
  margin-left:1em;
  padding:0.5em 1em 0.3em 1em;
  float:left;
  border-left: solid #fff 1px;
  }
#date_navigator .calendar_tabs li {
  margin-left:1px;
  margin-right:0;
  padding:0;
  background:#dee4d8;
  /*border:solid red 1px;*/
  }
#date_navigator .calendar_tabs li.selected {
  background:#fff;
  }
#date_navigator .calendar_tabs li a,#date_navigator .calendar_tabs li a:visited {
  display:block;
  background:#dee4d8;
  padding:0.4em 0.4em 0.3em;
  text-decoration:none;
  color:#38466b;
  }
#date_navigator .calendar_tabs li.selected a,#date_navigator .calendar_tabs li.selected a:visited {
  color:#344466;
  background:#fff;
  text-decoration:none;
  }
#date_navigator .calendar_tabs li a:hover {
  color:#434a66;
  background:#aab0a6;
  }
#date_navigator #calendar_form li {
  margin-top:0.5em;
  }
#date_navigator #today {
  border:none;
  font-size:0.9em;
  float:right;
  padding-right:0.5em;
  text-transform:none;
  }
/* content: Content view */
.view_content {
  margin: 0.5em auto;
}

#content_view {
  border:solid #000 1px;
/*gavrikster@gmail.com*/  
  width:95%;
/***/
  margin:0 auto;
  padding: 0.5em;
  }

#content_view H3 {
  font-size: 0.9em;
  font-weight: bold;
  color: #494949;
  padding: 0.6em;
  background: url(/site/templates/frontend/images/bg_week_date.gif) repeat-x scroll center top;
}

/* content: Month view */
.view_month table {
  position:relative;
  width:98%;
  margin:0.5em auto;
  }
.view_month th {
  border-bottom:solid #000 1px;
  font-weight:normal;
  padding-top:0.3em;
  width:14%;
  }
#monthstamp {
  font-weight:bold;
  text-align:left;
  font-size:0.9em;
/*  margin-top: */
  }
.view_month tr {
  position:relative;
  }
.view_month td {
  border-bottom:solid #000 1px;
  border-right:solid #000 1px;
  margin:0;
  padding:0.3em;
  width:14%;
  /*min-height:8em;*/
  height:8em;
  position:relative;
  }
.view_month .lb {
  border-left:solid #000 1px;
  }
.view_month .rb {
  border-right:solid #000 1px;
  }
.view_month td .date {
  position:relative;
  float:right;
  height:100%;
  font-weight:bold;
  color:#446181;
  }
.view_month .today {
  background:#fef4eb;
  }
.view_month .day_other {
  background:#d0d0d0;
  }
.view_month .day_other .date {
  color:#474747;
  }
.view_month ul {
  margin:0;
  padding:1em 0 0;
  list-style:none;
  font-size:0.8em;
  min-height:8em;
  }
.view_month li {
  padding:0.2em 0 0;
  }
.view_month a,.view_month a:visited {
  color:#c37d42;
  text-decoration:none;
  }
.view_month a:hover {
  color:#f33;
  }
.view_month a:active {
  color:#090;
  }
/* content: Week (list) view */
.view_week {
  }
#week_navigator {
  position:static;
  color:#fff;
  background:#000;
  margin:10px 0 0 11px;
  padding:0.7em 1em;
  width:30%;
  float:none;
  clear:both;
  }
#week_frame {
  width:956px;
  margin:0 auto;
  border:solid #000 1px;
  background:#fff url('/site/templates/frontend/images/bg_weekly_calendar.gif') repeat-y;
  }
#month_navigator {
  width:176px;
  background:#989697;
  padding:0;
  float:left;
  }
.mn_month {
  margin:1em;
  background:#fff;
  border:solid #bbb 1px;
  }
.mn_month table {
  border-top:solid #dfdfdf 1px;
  border-left:solid #dfdfdf 1px;
  width:100%;
  }
.mn_month th,.mn_month td {
  width:14%;
  font-weight:normal;
  text-align:center;
  border-right:solid #dfdfdf 1px;
  border-bottom:solid #dfdfdf 1px;
  }
.mn_title {
  background:#dfdfdf;
  }
.mn_month a,.mn_month a:visited {
  display:block;
  width:100%;
  height:100%;
  font-size:0.8em;
  text-decoration:none;
  color:#060e79;
  }
.mn_month a:hover {
  background:#ccf;
  }
.mn_month a:active {
  background:#cfc;
  }
#week_list {
  width:780px;
  margin-left:176px;
  }
#week_list ul {
  list-style:none;
  margin:0;
  padding:0;
  }
.week_date {
  
  }
.week_date .day {
  background:#fff url('/site/templates/frontend/images/bg_week_date.gif') top repeat-x;
  border-top:solid #000 1px;
  }
.week_date .noborder { border:none; }
.daystamp {
  color:#494949;
  padding:0.6em;
  font-weight:bold;
  font-size:0.9em;
  }
.today .daystamp {
  color:#495a76;
  }
.week_date .today {
  background:#dde1ea url('/site/templates/frontend/images/bg_week_date_today.gif') top repeat-x;
  }
.week_time,.today .week_time {
  border-top:dotted #000 1px;
  background:url('/site/templates/frontend/images/bg_weekly_divider.gif') 55px 0 repeat-y;
  }
.timestamp {
  color:#495a76;
  font-size:0.8em;
  width:54px;
  padding-top:1em;
  text-align:center;
  }
.week_event {
  width:724px;
  position:relative;
  left:55px;
  top:-1.4em;
  font-size:0.8em;
  }
.week_event li {
  padding-left:1em;
  line-height:1.8em;
  }
.week_event a,.week_event a:visited {
  color:#e56000;
  text-decoration:none;
  }
.week_event a:hover {
  color:#a03000;
  text-decoration:underline;
  }
.week_event a:active {
  color:#0030a0;
  text-decoration:underline;
  }
/* content: Day view */
.view_day {
  }
.view_day a,.view_day a:visited {
  color:#c06f13;
  text-decoration:none;
  }
.view_day a:hover {
  color:#a03000;
  text-decoration:underline;
  }
.view_day a:active {
  color:#0030a0;
  text-decoration:underline;
  }
#day_navigator {
  color:#c06f13;
  font-weight:bold;
  width:98%;
  margin:0 auto;
  padding-top:1em;
  text-align:right;
  }
#day_navigator h1 {
  font-size:1em;
  float:left;
  margin-top:0;
  }
#day_pager {
  font-size:0.8em;
  padding-bottom:5px;
  }
#day_pipe {
  margin:0 1em -8px;
  }
#day_frame {
  border:solid #000 1px;
  width:98%;
  margin:0 auto;
  }
#day_frame th {
  font-weight:bold;
  color:#000;
  text-align:right;
  width:152px;
  border-right:dotted #333 1px;
  padding:1em 1em 1em 0;
  }
#day_frame td {
  font-weight:normal;
  color:#565b61;
  padding:1em 0 1em 1em;
  font-weight:bold;
  }
#day_title th {
  background:#dbdee3 url('/site/templates/frontend/images/bg_day_title_th.jpg') repeat-x;
  border-bottom:solid 2px #d2d5dc;
  }
#day_title td {
  background:#dde1ea url('/site/templates/frontend/images/bg_day_title_td.jpg') repeat-x;
  border-bottom:solid 2px #c7cfda;
  font-weight:bold;
  }
#day_time th {
  background:#e1e2e6;
  border-bottom:solid 2px #dbdce0;
  }
#day_time td {
  background:#e4e9ef;
  border-bottom:solid 2px #d9dce3;
  }
#day_location th {
  background:#e4e5e7;
  }
#day_location td {
  background:#edf0f5;
  }
#day_about th {
  background:#e9e9eb;
  }
#day_about td {
  background:#fff;
  font-weight:normal;
  }
#day_about td p {
  margin-top:0;
  font-size:0.9em;
  line-height:1.6em;
  }
#day_about td div {
  border-left:dotted #333 1px;
  float:right;
  margin-left:0.5em;
  padding:0.5em;
  height:100%;
  }
/* footer area */
#indicia {
  color:#fff;
  padding:17px 0 100px 26px;
  line-height:1.6em;
  font-size:0.8em;
  }
#indicia a {
  text-decoration:none;
  color:#fff;
  }
#indicia a:visited {
  color:#fff;
  }
#indicia a:hover {
  color:#fff;
  text-decoration:underline;
  }
#indicia a:active {
  color:#99f;
  text-decoration:underline;
  }
/* general-purpose objects */
.bevel_tl,.bevel_tr {
  width:6px;
  height:6px;
  position:absolute;
  top:0;
  }
.bevel_tl { left:0; }
.bevel_tr { right:0; }
/* common exceptions */
.spoken { display:none; }
.clearall,.clearall_tiny {
  float:none;
  clear:both;
  }
.clearall_tiny {
  font-size:0.1px;
  line-height:0.1px;
  display:block;
  }
.nofloat { float:none; }
.lowercase { text-transform:lowercase; }
/* EOF */

TABLE.data {
  margin: 9px 0 18px 0;
  background-color: white;
}

TABLE.data TH {
  font-size: 0.9em;
  font-weight: bold;
  color: #494949;
  padding: 0.6em;
  background: url('/site/templates/frontend/images/bg_week_date.gif') repeat-x scroll center top;
  border-bottom: 1px solid rgb(204, 204, 204);
}

TABLE.data TD {
  padding: 2px 4px;
  border-bottom: 1px solid rgb(204, 204, 204);
}

TABLE.data TH.text, TABLE.data TD.text {
  text-align: left;
}

TABLE.data TH.number, TABLE.data TD.number {
  text-align: right;
}

TABLE.data TH.other, TABLE.data TD.other {
  text-align: center;
}

TABLE.data TD.selection {
  background-color: rgb(189, 206, 198);
}

TABLE.data TFOOT TD {
  padding: 2px 4px;
  background-image: url('/site/templates/backend/images/backgrounds/link.gif');
  color: white;
}

DIV.pager {
  padding: 4px;
  margin: 10px 0;
  font-size: 12px;
  
  text-align: right;
}

TABLE.pager {
  /*width: 580px;*/
  margin: 9px 9px 9px 9px;
  padding: 0 20px 0 0;
}

.pager A {
  color: #333333;
  text-decoration: none;
}

.pager A:hover {
  color: rgb(102, 102, 102);
}

.pager .currentPage {
  color: black;
  background-color: white;
  padding: 0 3px;
}


A.category1 {
  color: rgb(254, 51, 51);
}

A.category2 {
  color: rgb(251, 135, 30);
}

A.category3 {
  color: rgb(137, 181, 69);
}

A.category4 {
  color: rgb(1, 123, 195);
}

A.category5 {
  color: rgb(209, 63, 139);
}

A.category6 {
  color: rgb(118, 118, 118);
}

.message {
  width: 939px;
  margin: 0 auto;

  padding: 6px 16px 5px 24px;

  font-size: 11px;
  color: black;

  background: rgb(227, 193, 192) url('/resources/images/icons/bullet_error.png') no-repeat 8px 50%;
  border-left: 1px solid rgb(159, 49, 52);
  border-right: 1px solid rgb(159, 49, 52);
  border-bottom: 1px solid rgb(159, 49, 52);
}


#day_frame table { width:100%; }

DIV#actions {
  text-align: left;
}


Table.DatePicker {
  z-index: 1;
}