html,body { height:100%; }

body {
  font-family:arial;
  font-size:12px;
  margin:0;
  background-color: black;
  color:white;
}

a:link                {color:#E0E030;}
a:visited, a:active   {color:#E0E030;}
a:hover               {color:#F0F080;}

/*-- Main Classes --*/

.page_container {
  position:relative;
  width:100%;
  height:100%;
}

.page_container_td {
  position:relative;
  width:100%;
  height:100%;
}

.page_container TD.admin_cell {
  position:relative;
  width:100%;
  height:90px;
}

.iphone_container {
  position:relative;
  width:1000px;
  height:700px;
  background-color:#000008;
}

/* -- Top --*/
DIV.top {
  position:relative;
  width: 1000px;
  height: 140px;
  text-align: center;
}
DIV.top DIV.top_inner {
  position:relative;
  padding: 10px;
}

DIV.top_banner {
  position:relative;
  width: 1000px;
  height: 100px;
  text-align: center;
}
DIV.top_banner DIV.top_inner {
  position:relative;
  padding: 10px;
}
DIV.top_nav {
  position:relative;
  width: 990px;
  height: 40px;
  overflow:hidden;
}
DIV.nav_item {
  position:relative;
  float:left;
  width: 165px;
  height: 40px;
  cursor: pointer;
  background: url('img/nav_item_sprite.png') 0px 0px no-repeat;
  font-size:12pt;
  text-align:left;
  text-indent:10px;
  line-height:40px;
}
DIV.nav_item_on {
  position:relative;
  float:left;
  width: 165px;
  height: 40px;
  cursor: pointer;
  background: url('img/nav_item_sprite.png') 0px -40px no-repeat;
  font-size:12pt;
  text-align:left;
  text-indent:10px;
  line-height:40px;
}


/* -- Center --*/
DIV.middle {
  position:relative;
  width: 1000px;
  height: 360px;
  overflow: auto;
}
DIV.content {
  height: 490px;
  width: 1000px;
  overflow: auto;
}

DIV.app_row {
  clear:both;
  position:relative;
  width: 1000px;
  margin-top:20px;
  height: 140px;
}

DIV.app_row DIV.app_item {
  position:relative;
  float: left;
  width: 120px;
  height: 120px;
  margin-left: 40px;
  text-align: center;
}
DIV.app_item A {
  text-decoration: none;
  color: white;
}
DIV.app_item IMG {
  margin-bottom: 5px;
}

/* -- Bottom --*/
DIV.bottom {
  position:relative;
  width: 1000px;
  height: 200px;
  background: url('img/bottom_bar.png') 0 0 repeat-x;
}

DIV.app_dock {
  position:relative;
  height: 120px;
  top:40px;
  z-index:2;
}

DIV.app_dock DIV.app_item {
  position:relative;
  float: left;
  width: 120px;
  height: 120px;
  margin-left: 5px;
  text-align: center;
}

DIV.home_button {
  position:absolute;
  bottom:-10px;
  left: 475px;
  width: 50px;
  height: 70px;
  background: url('img/button_home.png') 0 0 no-repeat;
  z-index:1;
  cursor:pointer;
}
DIV.home_button DIV {
  width:100%;
  text-align:center;
  position:absolute;
  bottom:0px;
}

.border_radius {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}

/*-- Calendar Classes --*/
.calendar_today {
  color:#C0C0C0;
  background-color:#F0F0F0
}
.calendar_day {
  color:#A0A0A0
}
.calendar_extra	{
  color:#F0F0F0;
  background-color:#F0F0F0
}
.calendar_subtitle {
  color:#FFFFFF;
  background-color:#909090;
  font-weight:bold
}
.calendar_title {
  color:#FFFFFF;
  background-color:#B0B0B0;
}
.calendar_todate {
  color:#C0C0C0;
  background-color:#F0F0F0;
  border-style:solid;
  border-color:#FF0000;
  border-width:2px;
}
.calendar_date {
  border-style:solid;
  border-color:#FF0000;
  border-width:2px;
  color:#A0A0A0;
}
.calendar_nav:link {
  background:transparent;
  text-decoration:none;
  color:#606060;
  font-weight:bold
}
.calendar_nav:visited, .calendar_nav:active {
  background:transparent;
  text-decoration:none;
  color:#606060;
  font-weight:bold
}
.calendar_nav:hover {
  background:transparent;
  text-decoration:none;
  font-weight:none;
  color:#000000;
  font-weight:bold
}
.calendar_link:link {
  background:transparent;
  text-decoration:none;
  color:#F0F0F0;
  font-weight:bold
}
.calendar_link:visited, .calendar_link:active {
  background:transparent;
  text-decoration:none;
  color:#F0F0F0;
  font-weight:bold
}
.calendar_link:hover {
  background:transparent;
  text-decoration:none;
  font-weight:none;
  color:#000000;
  font-weight:bold
}