body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* The reset rules */
	margin:0px;
	padding:0px;
}

body{
	color:#555555;
	font-size:12px;
	background: #eeeeee;
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
}

h1{
	font-size:28px;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

h2{
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
	padding-left:2px;
	text-transform:uppercase;
	white-space:nowrap;
	margin-top:4px;
	color:#888888;
}

.inputbutton  {
	background:#00BBFF;
	border: 1px solid #000;
	color: black;
	font-weight: bold;
	padding:3px 10px;
	cursor:pointer;
	-webkit-border-radius:10px;
	-moz-border-radius:15px;
}


#main p{
	padding-bottom:8px;
}

.clear{
	clear:both;
}

#main{
	width:850px;
	/* Centering it in the middle of the page */
	margin:60px auto;
}

.container{
	margin-top:20px;
	
	background:#FFFFFF;
	border:1px solid #E0E0E0;
	padding:15px;
	
	/* Rounded corners */
	-moz-border-radius:20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
}

.darkcontainer{
	margin-top:20px;
	
	background: black;
	border:1px solid #E0E0E0;
	padding:15px;
	color: white;
	font-weight: bold;
	
	/* Rounded corners */
	-moz-border-radius:20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
}

.blue {
	color: #00BBFF;
	font-weight: bold;
}



.err{
	color:red;
}

.success{
	color:#00CC00;
}

a.sortlink, a.sortlink:visited {
	text-decoration:underline;
	color: black;
}
a.sortlink:hover {
	color:white;
}

a, a:visited {
	color:#00BBFF;
	text-decoration:none;
	outline:none;
	font-weight: bold;
}

a:hover{
	text-decoration:underline;
}



.ingrid {
	color: #333333;
}

.ingrid:hover {
	color: white;
	font-weight: bold;
}


.centeredbox{
	text-align:center;
	padding:10px;
}
td {
	vertical-align: top;
}

.message {
	color: #00669D;
	padding-left: 20px;

}
.pitcher {
	background-color: #00BBFF;
}


.bluebutton li {
	    display:inline;
	    list-style:none;
	    margin-right:10px;
}
	 
.bluebutton li a {
	background:#00BBFF;
	border: 1px solid #000;
	color: black;
	font-weight: bold;
	padding:3px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:15px;
}

.bluebutton li a:hover {
	background:#FFF;
	border:1px solid #000;
	color:#00BBFF;
	font-weight: bold;
	-webkit-border-radius:10px;
	-moz-border-radius:15px;
}

.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  margin: -1px 0 0 0;
  position: absolute;
  z-index: 100000;
  display: none;
}
.date_selector_ieframe {
  position: absolute;
  z-index: 99999;
  display: none;
}
  .date_selector .nav {
    width: 17.5em; /* 7 * 2.5em */
  }
  .date_selector .month_nav, .date_selector .year_nav {
    margin: 0 0 3px 0;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
  }
  .date_selector .month_nav {
    float: left;
    width: 55%;
  }
  .date_selector .year_nav {
    float: right;
    width: 35%;
    margin-right: -8px; /* Compensates for cell borders */
  }
  .date_selector .month_name, .date_selector .year_name {
    font-weight: bold;
    line-height: 20px;
  }
  .date_selector .button {
    display: block;
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-weight: bold;
    color: #003C78;
    text-align: center;
    font-size: 120%;
    overflow: hidden;
    border: 1px solid #F2F2F2;
  }
    .date_selector .button:hover, .date_selector .button.hover {
      background: none;
      color: #003C78;
      cursor: pointer;
      border-color: #ccc;
    }
  .date_selector .prev {
    left: 0;
  }
  .date_selector .next {
    right: 0;
  }
  .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
    clear: both;
  }
    .date_selector th, .date_selector td {
      width: 2.5em;
      height: 2em;
      padding: 0;
      text-align: center;
      color: black;
    }
    .date_selector td {
      border: 1px solid #ccc;
      line-height: 2em;
      text-align: center;
      white-space: nowrap;
      color: #003C78;
      background: white;
    }
    .date_selector td.today {
      background: #FFFEB3;
    }
    .date_selector td.unselected_month {
      color: #ccc;
    }
    .date_selector td.selectable_day {
      cursor: pointer;
    }
    .date_selector td.selected {
      background: #D8DFE5;
      font-weight: bold;
    }
    .date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover {
      background: #003C78;
      color: white;
    }

