/* CSS Document */

body, html {
  height: 99%;
  width: 99%;
  overflow: hidden;
  margin: 0px;
  background-color: white;
  color: black;
  font-size: 13px;
  font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
}

form {
  padding: 10px;
}

ul, li {
  text-align: left;
}

/******************************************************************************/
/****************************** BEGIN ID STYLES *******************************/
/******************************************************************************/

#header {
  height: 100px;
  width: 900px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
  text-align: left;
  padding-top: 10px;
}

  #header .announce {
    text-align:center;
    font-weight:bold;
    color:red;
    font-size:14px;
    clear: both;
  }
  
  #header .content {
    margin-left: 35px;
    margin-right: 35px;
  }
  
  #header .content .left {
    float: left;
    margin-right: 10px;
    text-decoration: underline;
  }
  
  #header .content .right {
    float: right;
    margin-left: 10px;
    text-decoration: underline;
  }
  
#left {
  height: 450px;
  width: 200px;
  position: absolute;
  left: 0px;
  top: 100px;
  overflow: auto;
  text-align: center;
}

  #left li, #left p {
    color: white;
  }

  #left a {
    text-decoration: none;
  }

  #left img {
    border-width: 0px 0px 0px 0px;
  }

  #left .content img {
    position: absolute;
    right: 15px;
    top: -1px;
  }

#middle {
  height: 450px;
  position: absolute;
  left: 200px;
  top: 100px;
  width: 500px;
  text-align: center;
  overflow: hidden;
}

#right {
  height: 450px;
  position: absolute;
  left: 700px;
  top: 100px;
  width: 200px;
  overflow: auto;
  text-align: center;
}

#contactform textarea {
  width: 100%;
  height: 100px;
}

#pauselink {
  display: none;
}

#userdate {
  font-size: 16px;
}

#customizeTransitsForm label {
  cursor:pointer;
}

#customizeTransitsForm input, #customizeTransitsForm img {
  vertical-align:middle;
}

#customizeTransitsForm div {
  margin-bottom:5px;
}

#permalinkBox {
  top:70px;
  left:35px;
  width:300px;
  height:50px;
  z-index:100;
}

#chartcodeBox {
  top:70px;
  left:35px;
  width:350px;
  height:200px;
  z-index:101;
}

#posterBox {
  top:70px;
  right:35px;
  width:200px;
  height:275px;
  z-index:102;
}

#contactformBox {
  top:70px;
  right:35px;
  width:350px;
  height:270px;
  z-index:103;
}

/******************************************************************************/
/**************************** BEGIN CLASS STYLES ******************************/
/******************************************************************************/

.title {
  width: 100%;
  height: 40px;
  background: url('titlebackmin.gif') repeat-x;
  position: relative;
}

  .title .logo {
    position:absolute;
    margin:0px;
    padding:0px;
    top:0px;
    right:110px;
    height:41px;
    width:93px;
    z-index:9991;
    /* background:url('powered.png') no-repeat; */
  }
  
    .title .logo span {
      display:none;
    }
  
  .title .left {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 35px;
    height: 40px;
    background: url('titleleftmin.gif') no-repeat;
  }
  
  .title .right {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 35px;
    height: 40px;
    background: url('titlerightmin.gif') no-repeat;
  }
  
  .title .content {
    position: absolute;
    width: 100%;
    top: 12px;
    left: -10px;
    color: black;
    font-weight: bold;
    font-size: 12px;
    font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
  }
  
  .title .datechanger {
    position: relative;
    top: 9px;
    color: black;
    font-weight: bold;
    font-size: 12px;
    font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
    overflow: hidden;
  }
  
    .title .datechanger input {
      text-align: center;
      width: 80%;
      border-width: 0px;
      background-color: transparent;
    }
  
  .title .animate {
    height: 40px;
    padding-top: 9px;
    color: black;
    font-weight: bold;
    font-size: 12px;
    font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;
		user-select: none;
  }
  
    div.animate:hover {
      cursor: pointer;
      color: blue;
      font-weight: 900;
      font-size: 13px;
      font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
    }
    
    .title .animate .arrows {
      position: relative;
      top: 1px;
      padding-left: 5px;
      padding-right: 5px;
      font-size: 14px;
      font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
    }
    
    .title .aleft {
      float: left;
      padding-left: 10px;
      text-align: left;
      background: url('animationleft.gif') no-repeat left top;
    }
    
    .title .aright {
      float: right;
      padding-right: 10px;
      text-align: right;
      background: url('animationright.gif') no-repeat right top;
    }
    
    .title .aleftend {
      background: url('animationleftend.gif') no-repeat left top;
    }
    
    .title .arightend {
      background: url('animationrightend.gif') no-repeat right top;
    }

form.note {
  font-size: 11px;
}

.closeButton {
  position:absolute;
  top:-1px;
  right:7px;
  background-image:url('img/closeButton_normal.gif');
  width:33px;
  height:13px;
  cursor:pointer;
}

.popupBox {
  position:absolute;
  background:white;
  border:3px solid gray;
  padding:10px 20px 10px 20px;
  display:none;
}

/******************************************************************************/
/****************************** MONTH CALENDAR ********************************/
/******************************************************************************/

#monthCalendar, #transitList, #customizeTransitsForm { margin-top:1em; }
#monthCalendar { height:200px; }


/* 

	Copyright 2009 Itamar Arjuan
	jsDatePick is distributed under the terms of the GNU General Public License.

*/

.JsDatePickBox { position:relative; width:100%; font-family:Arial; }

.JsDatePickBox .jsDatePickCloseButton { cursor:pointer; position:absolute; z-index:1; top:1px; right:10px; width:33px; height:13px; background:url(img/closeButton_normal.gif) left top no-repeat; }
.JsDatePickBox .jsDatePickCloseButtonOver { cursor:pointer; position:absolute; z-index:1; top:1px; right:10px; width:33px; height:13px; background:url(img/closeButton_over.gif) left top no-repeat; }
.JsDatePickBox .jsDatePickCloseButtonDown { cursor:pointer; position:absolute; z-index:1; top:1px; right:10px; width:33px; height:13px; background:url(img/closeButton_down.gif) left top no-repeat; }

.JsDatePickBox .boxLeftWall { float:left; width:7px; margin:0; padding:0; }
.JsDatePickBox .boxLeftWall .leftTopCorner{ margin:0; padding:0; width:7px; height:8px; background:url(img/boxTopLeftCorner.png) left top no-repeat;  overflow:hidden; }
.JsDatePickBox .boxLeftWall .leftBottomCorner{ margin:0; padding:0; width:7px; height:8px; background:url(img/boxBottomLeftCorner.png) left top no-repeat;  overflow:hidden; }
.JsDatePickBox .boxLeftWall .leftWall{ margin:0; padding:0; width:7px; background:url(img/boxSideWallPx.gif) #ffffff left top repeat-y; overflow:hidden; }

.JsDatePickBox .boxRightWall { float:left; width:7px; margin:0; padding:0;}
.JsDatePickBox .boxRightWall .rightTopCorner{ margin:0; padding:0; width:7px; height:8px; background:url(img/boxTopRightCorner.png) left top no-repeat;  overflow:hidden; }
.JsDatePickBox .boxRightWall .rightBottomCorner{ margin:0; padding:0; width:7px; height:8px; background:url(img/boxBottomRightCorner.png) left top no-repeat;  overflow:hidden; }
.JsDatePickBox .boxRightWall .rightWall{ margin:0; padding:0; width:7px; background:url(img/boxSideWallPx.gif) #ffffff right top repeat-y; overflow:hidden; }

.JsDatePickBox .topWall { position:absolute; overflow:hidden; top:0px; left:7px; width:198px; height:4px; background:url(img/boxTopPx.gif) #ffffff left top repeat-x; }
.JsDatePickBox .bottomWall { position:absolute; overflow:hidden; bottom:-1px; left:7px; width:198px; height:4px; background:url(img/boxTopPx.gif) #ffffff left top repeat-x; }

.JsDatePickBox .hiddenBoxLeftWall { float:left; width:0px; overflow:hidden; overflow:hidden;}
.JsDatePickBox .hiddenBoxRightWall { float:left; width:0px; overflow:hidden; overflow:hidden;}

.JsDatePickBox .boxMain { float:left; background-color:#ffffff; margin:0; padding:15px 0 5px 0; }
.JsDatePickBox .boxMainStripped { background:#ffffff; border:none; }
.JsDatePickBox .tooltip { height:12px; line-height:11px; overflow:hidden; font-size:10px; color:#666666; text-align:left; padding:0px; margin:2px 0 2px 0; }
.JsDatePickBox .weekDaysRow { height:12px; overflow:hidden; line-height:11px; font-size:10px; color:#666666; text-align:center; padding:0px; margin:2px 0 0 0; }
.JsDatePickBox .weekDaysRow .weekDay { float:left; height:14px; overflow:hidden; width:21px; margin:0 5px 0 0; padding:0; }

.JsDatePickBox .boxMainInner { background:#ffffff; width:177px; display: block; margin-left:auto; margin-right:auto; padding:0; }
.JsDatePickBox .boxMainCellsContainer { background-color:#ffffff; margin:0; padding:0; }

.JsDatePickBox .boxMainInner .controlsBar { overflow:hidden; height:20px; position:relative; }
.JsDatePickBox .boxMainInner .controlsBarText { overflow:hidden; height:20px; line-height:20px; color:#000000; font-size:12px; text-align:center; }

.JsDatePickBox .boxMainInner .monthForwardButton  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:22px; background:url(img/monthForward_normal.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .monthForwardButtonOver  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:22px; background:url(img/monthForward_over.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .monthForwardButtonDown  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:22px; background:url(img/monthForward_down.gif) left top no-repeat; }

.JsDatePickBox .boxMainInner .monthBackwardButton { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:22px; background:url(img/monthBackward_normal.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .monthBackwardButtonOver { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:22px; background:url(img/monthBackward_over.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .monthBackwardButtonDown { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:22px; background:url(img/monthBackward_down.gif) left top no-repeat; }

.JsDatePickBox .boxMainInner .yearForwardButton  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:0px; background:url(img/yearForward_normal.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .yearForwardButtonOver  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:0px; background:url(img/yearForward_over.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .yearForwardButtonDown  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:0px; background:url(img/yearForward_down.gif) left top no-repeat; }

.JsDatePickBox .boxMainInner .yearBackwardButton { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:0px; background:url(img/yearBackward_normal.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .yearBackwardButtonOver { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:0px; background:url(img/yearBackward_over.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .yearBackwardButtonDown { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:0px; background:url(img/yearBackward_down.gif) left top no-repeat; }

.JsDatePickBox .boxMainInner .skipDay { cursor:default; overflow:hidden; width:21px; height:21px; float:left; margin:4px 5px 0 0; padding:0; }
.JsDatePickBox .boxMainInner .dayNormal { -khtml-user-select:none; -moz-user-select:none; font-size:12px; cursor:pointer; overflow:hidden; color:#4c4c4c; width:21px; height:21px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:21px; /*background:url(img/dayNormal.gif) left top no-repeat;*/ }
.JsDatePickBox .boxMainInner .dayNormalToday { -khtml-user-select:none; -moz-user-select:none; font-size:12px; cursor:pointer; overflow:hidden; color:#f40f0f; font-weight:bold; width:21px; height:21px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:21px; /*background:url(img/dayNormal.gif) left top no-repeat;*/ }

.JsDatePickBox .boxMainInner .dayDisabled { -khtml-user-select:none; -moz-user-select:none; cursor:default; font-size:12px; overflow:hidden; color:#999999; width:21px; height:21px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:21px; /*background:url(img/dayNormal.gif) left top no-repeat;*/ }

.JsDatePickBox .boxMainInner .dayOver { -khtml-user-select:none; -moz-user-select:none; cursor:pointer; font-size:12px; overflow:hidden; color:#4c4c4c; width:21px; height:21px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:21px; /*background:url(img/dayOver.gif) left top no-repeat;*/ }
.JsDatePickBox .boxMainInner .dayOverToday { -khtml-user-select:none; -moz-user-select:none; cursor:pointer; font-size:12px; overflow:hidden; font-weight:bold; color:#f40f0f; width:21px; height:21px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:21px; /*background:url(img/dayOver.gif) left top no-repeat;*/ }

.JsDatePickBox .boxMainInner .dayDown { -khtml-user-select:none; -moz-user-select:none; cursor:pointer; font-size:12px; overflow:hidden; color:#F9F9F9; width:21px; height:21px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:21px; /*background:url(img/dayDown.gif) left top no-repeat; */ }
.JsDatePickBox .boxMainInner .dayDownToday { -khtml-user-select:none; -moz-user-select:none; cursor:pointer; font-size:12px; overflow:hidden; color:#f40f0f; font-weight:bold; width:21px; height:21px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:21px; /* background:url(img/dayDown.gif) left top no-repeat;*/ }

/******************************************************************************/
/**************************** UNUSED/EXPERIMENTAL *****************************/
/******************************************************************************/

.box {
  background-color: #F0F0F0;
  position: relative;
}

.boxtop {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 20px;
  background: url('box_top.gif') repeat-x;
}

.boxbottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 20px;
  background: url('box_bottom.gif') repeat-x;
}

.boxleft {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 35px;
  height: 100%;
  background: url('box_left.gif') repeat-y;
}

.boxleft .top {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 35px;
  height: 20px;
  background: url('box_top_left.gif') no-repeat;
}

.boxleft .bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 35px;
  height: 20px;
  background: url('box_bottom_left.gif') no-repeat;
}

.boxright {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 35px;
  height: 100%;
  background: url('box_right.gif') repeat-y;
}

.boxright .top {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 35px;
  height: 20px;
  background: url('box_top_right.gif') no-repeat;
}

.boxright .bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 35px;
  height: 20px;
  background: url('box_bottom_right.gif') no-repeat;
}

.boxtitle {
  color: black;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 12px;
  font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
}

.boxcontent {
  position: relative;
  width: 100%;
  padding-top: 11px;
  padding-bottom: 11px;
  color: black;
  font-size: 12px;
  font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
}