body.grey
{
   background-color:white;
   font-family:"helvetica";
   font-size:12pt;
   margin:0px;
   padding:0px;
}

a
{
  color:inherit;
}
 
sup
{
  font-size:.5em;
}

.index
{
   position:relative;
   margin:auto;
   background-color:white;
   padding-top:20px;
   padding-left:50px;
   padding-right:50px;
   padding-bottom:50px;
}

.titlebar
{
   padding-top:30px;
   padding-bottom:10px;
   background:linear-gradient(45deg, #297f7a, #45bbb8, #409e9b);
   width:100%;
   color:white;
   margin-bottom:50px;
}

.content
{
   margin-bottom: 1em;
   min-width:700px;
   text-align: left;
}

table.line
{
   border-style:solid;
   border-color:gray;
   border-width:1px;
   margin:20px;
   margin-left:auto;
   margin-right:auto;
   padding:20px;
   width:700px;
   border-radius: 25px;
}

td.sidelines
{
   padding:20px;
   margin:0px;
   border-left-style:solid;
   border-left-color:gray;
   border-left-width:1px;
   vertical-align:top;
   white-space: nowrap;
}

td.sidelines_right
{
   vertical-align:top;
   min-width:900px;
   padding:20px;
   margin:0px;
   border-left-style:solid;
   border-left-color:gray;
   border-left-width:1px;
}

td.bottomline
{
   padding:8px 16px 2px 16px;
   border-bottom-style:solid;
   border-bottom-color:#eefaee;
   border-bottom-width:1px;
}

td.bottomline_small
{
   padding:4px 8px 1px 8px;
   border-bottom-style:solid;
   border-bottom-color:#eeeeee;
   border-bottom-width:1px;
   font-size: small;
}

div.popup
{
   position:fixed; width:132;
   z-index:2;
}

div.error
{
   padding:20px;
   border-style:solid;
   border-color:#ffac00;
   border-width:4px;
   font-weight:bold;
   text-align:center;
   background-color:#FFdd79
}

span.error
{
   padding:2px;
   padding-bottom:0px;
   border-style:solid;
   border-color:#ffac00;
   border-width:1px;
   font-weight:bold;
   text-align:center;
   background-color:#FFdd79
}

.updateme
{
   font-weight:bold;
   background-color:#ff4444;
   padding:4px 10px;
   border-radius: 25px;
}

div.error_holder
{
   padding:40px;
}

.already_taken
{
   color:#ff4444;
   font-weight:bold;
}

.welcome
{
   font-weight:bold;
   font-size:20pt;
   text-align:left;
   margin:auto 80px;
   display:inline;
}


table.menu
{
   color:inherit;
}

tr.menu,td.menu
{
   padding:2px 10px;
}


span.week_selector
{
   margin:5px;
   display:block;
}
h1.week_selector,h3.week_selector
{
  display:inline;
}

.login
{
   margin:auto;
   width:225px;
   height:225px;
   background: no-repeat;
   background-image: url(/booking/images/CRO_logo_large.png); 
}

div.shortcuts
{
   border:solid;
   border-width:1px;
   border-color:gray;

   padding:5px;
   width:90px;
   font-family:"Lucida Console";
   font-size:10pt;
   text-align:center;
   white-space: pre-wrap;
}

table.status
{
   background:#627977;
   margin-top:5px;
   margin-left:auto;
   margin-right:auto;
   font-size:9pt;
   font-family:"Lucida Console";
   vertical-align:bottom;
}

td.status,td.status_left,tr.status_light,tr.status_dark,.status_heading
{
   padding-left:10px;
   padding-right:10px;
   padding-top:7px;
   padding-bottom:2px;
   text-align:right;
   vertical-align:bottom;
}

td.status_left
{
   text-align:left;
}

tr.status_light
{
   background:#ffffff;
}
tr.status_dark
{
   background:rgb(212, 234, 229);
}

tr.status_heading
{
  background:#ffffff;
  font-weight:bold;
  background: #287F79;
  color:white;
}
tr.status_total
{
  background:#ffffff;
  font-weight:bold;
}

small
{
   font-size:9pt;
}

.input {
   border: 1px solid #666;
   background: #fff;
   width: 256px;
   padding:2px;
   font-family:"helvetica";
   font-size:10pt;
}

.input_short_right {
   border: 1px solid #666;
   background: #fff;
   width: 64px;
   padding:2px;
   font-family:"helvetica";
   font-size:10pt;
   text-align: right;
}

.input_money
{
  border: 1px solid #666;
  background: #fff;
  padding:2px;
  font-family:"helvetica";
  font-size:10pt;
  text-align: right;
}

.footer
{
   padding: 20px;
   font-size: 9pt;
}

.cc {
   border: 1px solid #666;
   background: #fff;
   padding:2px;
   font-family:"helvetica";
   font-size:10pt;
   text-align: right;
}

.cc_line
{
 padding:5px;
 
};
  

.button {
   width:100px; 
   min-width: 75px;  
   padding:2px;
   font-family:"helvetica";
   font-size:12pt;
}

.notes
{
   border: 1px solid #666;
   padding: 5px;
}

.notes_row
{
   height: 50px;
}

.notes_heading
{
   background: #666;
   color:#fff;
   padding: 5px 2px 3px 22px;
   font-size:16pt;

}

.note_text
{
   width: 600px;
   border-bottom: solid 1px black;
}
.note_container
{
   padding: 20px;
}

.base_padding
{
   padding: 5px 20px;
}

.note_cell
{
   vertical-align: top;
   padding-top: 16px;
   padding-left: 8px;
   padding-right: 8px;
   padding-bottom: 2px;
}


#printable
{
   border-style:solid;
   border-color:white;
   border-width:1px;
   padding:1px;
   margin:1px;
}

.paper
{
  max-width:900px;
  border-style:solid;
  border-color:gray;
  border-width:1px;
  padding:20px;
  border-radius: 25px;
}

.heading
{
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  padding:5px;
}

.quicklinks
{
  text-align: center;
  padding-bottom: 20px;
}

.auth_key, .auth_key_submit
{
  display:block;
  width: 400px;
  height: 240px;
  border: 0px;
}

.auth_key_submit
{
  height: 350px;
}

.match_commbank
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    margin:auto;
    width:400px;
    text-align: left;
    padding-left:28px;
    padding-bottom:2px;
}

.two_em_square
{
   width:2em;
   height:2em;
   text-align: center;
}

.one_em_square
{
   width:1em;
   height:1em;
   text-align: center;
}

.faq_head, .faq, .faq_ans
{
  text-align: left;
  vertical-align: text-top;
}

.faq_head
{
  font-weight: bold;
}

.faq_ans
{
  padding-bottom:40px;
}

.bio
{
   min-width:800px;
   min-height:300px;
}

.newapp_table
{
   width: 500px;
}

.newapp_item
{
   width:240px;
   padding-left:20px;
   padding-right:20px;
}

.newapp_row
{
   padding-top: 20px;
}