/******************************************************************************
  Standard classes
******************************************************************************/

body {
  margin: 0;
  padding: 0;
  height: 100%;

	font-family: "Verdana", sans-serif;
	color: #000000;
	font-size: 10px;

	/*background-image: url(../images/main_bg.jpg);
  background-repeat: repeat-x;*/
  background-attachment: fixed;
  background-position: bottom;
	background-color: #FFFFFF;
}

a {
  text-decoration: underline;
  cursor: pointer;
}
a:link {
	color: #54860E;
	text-decoration: underline;
}
a:visited {
	color: #54860E;
}
a:hover {
  color: #000000;
}
a:active {
	color: #54860E;
}

a img {
  border: none;
}


h3 {
  font-family: "Verdana", sans-serif;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}



hr {
  background-color: #f4f4f4;
  color: #f4f4f4;
  border: 1px outset #848484;
  height: 2px;
  width: 85%;
  padding: 0px;
  margin: 7px 0px 7px 0px;
}

td {
  font-size: 10px;
}

option {
  background-image: none;
  background-color: transparent;
}

#page_container {
  width: 100%;
  position: relative;
  min-height: 100%;           /* For Modern Browsers */
  height: auto !important;    /* For Modern Browsers */
  /*height: 100%;               /* For IE */
}

#page_content {
  padding-bottom: 48px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

#page_footer {
  width: 100%;
  background: none;
  position:  absolute;
  bottom: 0 !important;
  /*bottom: -1px;               /* For Certain IE widths */
  height: 48px;
  border: 0px solid #000000;
  text-align: center;
}

#page_header {
  background-color: #ffffff;
  color: #FFFFFF;
  border: 0px solid #000000;
  height: 150px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
}

.menu_item
{
  background-color: #f4f4f4;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  font-family: sans-serif;
  border: 1px outset #000000;
  padding: 5px;
  display: block;
  margin: 1px 0px 1px 0px;
}
.menu_item:hover
{
  background-color: #e4e4e4;
  color: #606060;
  border: 1px inset #000000;
}
.menu_item a:visited
{
  color: #FFFFFF;
}
#menu_item_logout
{
  background-color: #87b940;
  color: #FFE05B;
  border: 1px outset #585E6A;
}
#menu_item_logout:hover
{
  border: 1px inset #87b940;
}
.menu_section
{
  background-color: #909090;
  padding: 4px 2px 4px 6px;
  border: none;
}
.menu_section a
{
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
.menu_section a:link
{
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
.menu_section a:visited
{
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
.menu_section a:hover
{
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
.menu_section a:active
{
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}


/******************************************************************************
  Font classes
******************************************************************************/

.page_title {
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #F0F0F0;
}


.content_text {
  font-size: 10px;
}


.small_text {
  font-size: 10px;
}


.fine_print {
  font-size: 9px;
}


.error_text {
  font-size: 10px;
  color: #FF0000;
  font-weight: bold;
}


.caution_text {
  font-size: 10px;
  color: #BB0000;
  font-weight: bold;
  text-decoration: underline;
}
.caution_text:link {
  color: #BB0000;
  text-decoration: underline;
}
.caution_text:visited {
  color: #BB0000;
}
.caution_text:hover {
  color: #FF0000;
}
.caution_text:active {
  color: #FF0000;
}


.quicknav {
  background: #848484;
  color: #aaaaaa;
}

.quicknav_item {
  color: #aaaaaa;
  font-size: 9px;
  padding: 0px 8px 0px 8px;
}
.quicknav_item a {
  text-decoration: none;
  cursor: pointer;
}
.quicknav_item a:link {
  color: #aaaaaa;
  text-decoration: none;
}
.quicknav_item a:visited {
  color: #aaaaaa;
}
.quicknav_item a:hover {
  color: #f4f4f4;
}
.quicknav_item a:active {
  color: #aaaaaa;
}


/******************************************************************************
  Form element classes
******************************************************************************/


.input_text {
  font-family: "Verdana", sans-serif;
  font-size: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #585E6A;
  color: black; /*color: #585E6A;*/
  background-color: #ffffff;
  /*background-image: url(../images/input_bg.jpg);*/
  background-position: 0% 100%;
  background-repeat: no-repeat;
  /* text-align: center; */
}


/******************************************************************************
  Button classes
******************************************************************************/


.standard_button {
  font-family: "Verdana", sans-serif;
  font-size: 10px;
  font-weight: bold;
  border: none;
  height: 16px;
  width: 100px;
  background-image: url(../images/standard_button.gif);
  background-position: 0% 0%;
  color: #000000;
  cursor: pointer;
}
.standard_button:hover {
  background-image: url(../images/standard_button.gif);
  background-position: 0% 100%;
  color: #000000;
}
.standard_button_over {
  font-family: "Verdana", sans-serif;
  font-size: 10px;
  font-weight: bold;
  border: none;
  height: 16px;
  width: 100px;
  background-image: url(../images/standard_button.gif);
  background-position: 0% 100%;
  color: #000000;
  cursor: pointer;
}


.level1_button {
  font-family: "Verdana", sans-serif;
  font-size: 9px;
  font-weight: bold;
  border: none;
  height: 16px;
  width: 90px;
  margin: 0px;
  background-image: url(../images/level1button.gif);
  background-position: 0% 0%;
  color: #FFFFFF;
  cursor: pointer;
}
.level1_button:hover {
  background-image: url(../images/level1button.gif);
  background-position: 0% 100%;
  color: #000000;
}
.level1_button_over {
  font-family: "Verdana", sans-serif;
  font-size: 9px;
  font-weight: bold;
  border: none;
  height: 16px;
  width: 90px;
  margin: 0px;
  background-image: url(../images/level1button.gif);
  background-position: 0% 100%;
  color: #000000;
  cursor: pointer;
}



/******************************************************************************
  Background and border classes
******************************************************************************/

.bg_header {
  background-color: #848484;
  color: #FFFFFF;
}

.border_light {
  border: 1px solid #848484;
  background-color: #f4f4f4;
  color: #000000;
  padding: 0px;
}

.bg_normal{  background-color: #f4f4f4 !important; }
.bg_normal_alt{  background-color: #e4e4e4 !important; }

.border_light_right {
  border-right: 1px solid #848484;
}

.border_light_left {
  border-left: 1px solid #848484;
}

.border_light_tb {
  border-top: 1px solid #848484;
  border-bottom: 1px solid #848484;
}

.border_light_b {
  border-bottom: 2px solid #848484;
}

.bg_selected {
  background-color: #FFEFAD;
  color: #000000;
}

.table_header {
  border-left: 0px;
  border-right: 0px;
  border-top: 1px;
  border-bottom: 2px;
  border-color: #848484;
  border-style: solid;
  background-color: #f4f4f4;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
}

.float_box {
  border: 0px solid #848484;
  background-color: #f4f4f4;
  color: #000000;
  padding-bottom: 2px;
  margin: 0px;
}

.float_box_title {
  background-color: #87b940;
  /*background-image: url(../images/title_corner.gif);
  background-position: 0% 0%;
  background-repeat: no-repeat;*/
  border: 1px solid #FFFFFF;
  border-width: 0px 0px 2px 0px;
  color: #FFFFFF;
  font-family:"Verdana", sans-serif;
  font-size: 11px;
  font-weight: bold;
  /* margin: -5px -5px 5px -5px; */
  margin: 10px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

.float_box_title a {
  text-decoration: underline;
  cursor: pointer;
}
.float_box_title a:link {
  color: #f4f4f4;
  text-decoration: underline;
}
.float_box_title a:visited {
  color: #f4f4f4;
}
.float_box_title a:hover {
  color: #FFFFFF;
}
.float_box_title a:active {
  color: #f4f4f4;
}

.subfloat_box_title {
  background-color: #848484;
  /*background-image: url(../images/title_corner.gif);
  background-position: 0% 0%;
  background-repeat: no-repeat;*/
  border: 1px solid #FFFFFF;
  border-width: 0px 0px 2px 0px;
  color: #FFFFFF;
  font-size: 11px;
  font-family:"Verdana", sans-serif; 
  font-weight: bold;
   /*margin: -5px -5px 5px -5px; */
  margin: 10px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  
}

.float_box_left_item {
  width: 80px;
  text-align: right;
  float: left;
  margin: 0px 2px 0px 0px;
}

.float_box_right_item {
  margin-bottom: 8px;
}





/******************************************************************************
  I really hate to do this, but I'm dumping in all of the styles that my
  timesheet uses, just so I can get the darn thing up and running.
  At a later date, I'd really, really like to "normalize" this CSS to get
  rid of any redundancy caused by this.
******************************************************************************/

a.sr_edit_link:active, a.sr_edit_link:visited, a.sr_edit_link:link{
  color: black;
  text-decoration: none;
}
a.sr_edit_link:hover{
  background-color: orange;
}
.ts_title{  background-color: #848484;}
.ts_title_alt{  background-color: #aaaaaa;}
.ts_title_day{  background-color: #645d8d;}
.ts_data{  background-color: #e4e4e4;}
.ts_data_alt{  background-color: #f4f4f4;}
.ts_data_day{  background-color: #beb9d5;}
.ts_data_alt_day{  background-color: #dadaee;}
.calendar_day{
  background-color: #f4f4f4;
  color: black;
  font-size: x-small;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;
  text-align: left;}
.calendar_day_b{
  background-color: green;
  color: white;
  font-size: small;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  text-align: left;}
.calendar_day_b a{
  color: white;
}
.calendar_label{
  background-color: #f4f4f4;
  color: black;
  font-size: x-small;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  text-align: left;}
.calendar_month{
  background-color: #848484;
  color: white;
  font-size: small;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  text-align: center;}
.reverse1{
  color: white;
  font-size: x-small;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;}
.reverse1b{
  color: white;
  font-size: x-small;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;}
.reverse2{
  color: white;
  font-size: small;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;}
.reverse3{
  color: white;
  font-size: large;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;}
a:link.reverse1b, a:visited.reverse1b, a:link.reverse1, a:visited.reverse1, a:link.reverse, a:visited.reverse {
  color: white;
}
.box0{  background-color: #f4f4f4;}
.box1{  background-color: #f4f4f4;}
.box1b{  background-color: #e4e4e4;}
.box1c{  background-color: #f4f4f4;}
.box2{  background-color: #87b940;}
.box3{  background-color: #848484;}
.box3b{  background-color: #848484;}
.normal{ color: black }
.reverse{ color: white }
.faded{color: #666666 }
.normal0{
  color: black;
  font-size: 10pt;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;}
.normal1{
  color: black;
  font-size: x-small;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;}
.normal1b{
  color: black;
  font-size: x-small;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;}
.normal2{
  color: black;
  font-size: small;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;}
.normal3{
  color: black;
  font-size: large;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;}
.normal{ color: black }
.reverse{ color: white }
.faded{color: #666666 }