/*
 * Column layout thanks to http://matthewjamestaylor.com/blog/perfect-2-column-right-menu.htm
 */

html, body {
  color: black;
  background-color: white;
  font: x-small "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
  margin: 0;
  padding: 0;
  border: 0;   /* This removes the border around the viewport in old versions of IE */
  width: 100%;
  min-width: 600px;
}

td, th {padding:3px;border:none;}
tr th {text-align:left;background-color:#f0f0f0;color:#333;}
tr.odd td {background-color:#edf3fe;}
tr.even td {background-color:#fff;}

#header {
/*  width: 777px;*/
  height: 108px;
  background: white;
/*  border-left: 1px solid #aaa;*/
/*  border-right: 1px solid #aaa;*/
  margin: 0 auto 0 auto;
  font: 75px "Lucida Grande";
  clear:both;
  float:left;
  width:100%;
  position: relative;
}

#pageLogin {
  padding: 5px 10px;
}

/*#header a {
  color: black;
  text-decoration: none;
}
*/
#banner {
  background: #fff URL('../images/chronr-banner.png') left center no-repeat;
  width: 308px;
  height: 108px;
  float: left;
}

/* column container */
.colmask {
  position:relative;	/* This fixes the IE7 overflow hidden bug */
  clear:both;
  float:left;
  width:100%;			/* width of whole page */
  overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
  float:left;
  width:100%;
  position:relative;
}

.col1,
.col2,
.col3 {
  float:left;
  position:relative;
  padding:0 0 1em 0;
  overflow:hidden;
  min-height: 400px;
}

.col1 {
  font-size: 127%;
/*  border-right: 2px solid #f3f2f1;*/
}

/* 2 Column (right menu) settings */
.rightmenu {
/*  background:#eee;		/* right column background colour */
}
.rightmenu .colleft {
  right:25%;			/* right column width */
  background:#fff;		/* left column background colour */
}
.rightmenu .col1 {
  width:71%;			/* left column content width (left column width minus left and right padding) */
  left:27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
  width:21%;			/* right column content width (right column width minus left and right padding) */
  left:29%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
  border-left: 2px solid #ffe2d8;
  padding-left: 15px;
}

a.link, a, a.active {
  color: #369;
}

#main_contentx {
  color: black;
  font-size: 127%;
  background-color: white;
/*  width: 757px;*/
  margin: 0 auto 0 auto;
/*  border-left: 1px solid #aaa;*/
/*  border-right: 1px solid #aaa;*/
  padding: 0;
}

#sidebar {
  border: 1px solid #ff9370;
  background-color: #ffe2d9;
  margin: 0.5em;
  padding: 1em;
  float: right;
  width: 200px;
  font-size: 88%;
}

#sidebar h2 {
  margin-top: 0;
}

#sidebar ul {
  margin-left: 1.5em;
  padding-left: 0;
}

h1,h2,h3,h4,h5,h6,#getting_started_steps {
  font-family: Helvetica;
  font-weight: normal;
}

h1 {
  font-size: 22px;
}

h2 {
  font-size: 150%;
}

#getting_started_steps a {
  text-decoration: none;
}

#getting_started_steps a:hover {
  text-decoration: underline;
}

#getting_started_steps li {
  font-size: 80%;
  margin-bottom: 0.5em;
}

#getting_started_steps h2 {
  font-size: 120%;
}

#getting_started_steps p {
  font: 100% "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
}

#footer {
/*  border: 1px solid #aaa;*/
/*  border-top: 0px none;*/
  color: #999;
  background-color: white;
/*  padding: 10px;*/
  font-size: 80%;
  text-align: center;
/*  width: 757px;*/
  margin: 0 auto 1em auto;
  clear:both;
  float:left;
  width:100%;
}

#footer a {
  color: #999;
}

.code {
  font-family: monospace;
}

span.code {
  font-weight: bold;
  background: #eee;
}

#status_block {
  margin: 0 auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  background: #cec URL('../images/ok.png') left center no-repeat;
  border: 1px solid #9c9;
  width: 450px;
  font-size: 120%;
  font-weight: bolder;
}

.notice {
  margin: 0.5em auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  width: 450px;
  background: #eef URL('../images/info.png') left center no-repeat;
  border: 1px solid #cce;
}

.fielderror {
    color: red;
    font-weight: bold;
}


/* TGPriFlash Classes */
.flash_ok {
  margin: 0.5em auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  width: 450px;
  background: #cec URL('/static/images/flash_ok.png') left center no-repeat;
  border: 1px solid #9c9;
  font-size: 120%;
  font-weight: bolder;
  clear: both;
}

.flash_warning {
  margin: 0.5em auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  width: 450px;
  background: #eef URL('/static/images/flash_info.png') left center no-repeat;
  border: 1px solid #99c;
  font-size: 120%;
  font-weight: bolder;
  clear: both;
}

.flash_alert {
  margin: 0.5em auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  width: 450px;
  background: #fd9393 URL('/static/images/flash_alert.png') left center no-repeat;
  border: 1px solid #e11;
  font-size: 120%;
  font-weight: bolder;
  clear: both;
}

.group_name {
  font-weight: bold;
  color: black;
  background: #f3f2f1;
  padding: 0.2em 0.3em;
  margin: 0.5em 0;
  clear: both;
}

.group_name2 {
  font-weight: bold;
  color: black;
/*  background: #f3f2f1;*/
  border-bottom: 1px solid #f3f2f1;
  padding: 0.2em 0.3em;
  margin: 0.5em 0;
  clear: both;
}

.event_summary {
  clear: both;
  font-family: arial, helvetica, sans-serif;
  padding-left: 0.5em;
}

.event {
  clear: both;
  font-family: arial, helvetica, sans-serif;
  padding-bottom: 1.5em;
  padding-left: 0.5em;
}

.event a:hover {
  background: #f9e0c6;
}

.event_time_remaining {
  font-family: "Myriad Pro", Tahoma, Geneva, sans-serif;
  font-weight: bold;
  width: 65px;
  height: 60px;
  float: left;
  margin-right: 1em;
  text-align: center;
  background: white URL('/static/images/faintclock.png') center top no-repeat;
  margin-bottom: 1em;
}

.event_time_remaining > div {
  display: table;
  width: 65px;
  height: 60px;
}
.event_time_remaining > div > div {
  display:table-row;
}

.event_time_remaining > div > div > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.event_title {
  font-size: 110%;
  font-weight: bold;
  padding-bottom: 0.3em;
}

.event_title a {
  color: #ff6633;
}

.event_metadata {
  font-size: 85%;
}

.event_description {
  color: #333333;
  padding-bottom: 0.3em;
}

.event_description a {
  color: #333333;
  font-size: 95%;
}

.event_duedate {
  color: #999999;
  font-size: 85%;
  padding-bottom: 0.3em;
}

.event_owner_list {
  float: left;
}

.event_owner {
  font-size: 95%;
  font-style: italic;
  color: #333333;
}

.event_owner a {
  color: black;
}

.event_tags {
  display: inline;
  font-size: 95%;
}

.event_tags li {
  list-style: none;
  display: inline;
}

.description {
  background-color: #ffe2d9;
/*  color: #ff6633;*/
  padding: 5px;
}

.time_highlight {
  font-size: 110%;
  font-weight: bold;
}

ul.taglist {
  margin: 0 10px;
  padding: 0;
  list-style-type: none;
}

ul.taglist li {
  display: inline;
  padding: 0 4px;
}

.banner_text {
  font-family: Rockwell, Garamond, Times New Roman;
  font-size: 14pt;
  color: #666;
  position: absolute;
  bottom: 13px;
  left: 330px;
}

.welcome {
  color: #555;
  font-size: 95%;
}