ÿþ/* $Id: aqua.css 5721 2006-12-20 16:11:58Z smaxim $ */

/* Distributed with permission as part of the

   Zapatec Calendar

   Author: Mihai Bazon, www.bazon.net/mishoo

   Copyright Dynarch.com 2005, www.dynarch.com

*/





/* --- xform wizard --- */

.xformrow{padding:0px;}

.xformcell{float:left; width:150px;}

#id_matrix td{width:200px; }

#id_date td{width:200px;}

.wizardheader{padding-left:3px;}

.formtext{font-weight:bold; padding-right:5px;}

select.textsmall {width:60px; float:left; padding-left:0px; color:#333333; margin-left:0px;}

select {color:#333333;}

.formheading {font-size: 145%; font-weight:bold; margin: 0px 0 15px 0; padding: 0; color: #0077bd}

.formpassheading {font-size:12px; color:#333333; font-weight:bold;}

input.textdate{border:1px solid #0077bd; height:16px; color:#333333; text-align:left;width:95px;height:16px;font-size:12px;}

textarea {/*width:120px;*/}

button.datebtn {width: 24px;height: 24px;background: #cee3ee url("../media/icons/calendar.gif") no-repeat;outline: none;color:#FFF;border:0px solid #FFF;font-size:0em;cursor: hand; /* for IE 5.x */}

.sidebar{ width:85px; vertical-align:top; padding-top:36px; background-image: url(/upload/ttlinelogo.gif); background-repeat: no-repeat; background-position: 0px 5px;}

.sidebarlink{ text-decoration:none;}

formbox {}

.form fieldset {display: block;list-style-type: none;clear: both;float: none;height: auto;overflow: auto;margin-bottom:8px;}

.form fieldset input

{

	/*display: block;

	float: left;*/

}

.form fieldset input[type="text"]

{

	border: none;	

} 



.form fieldset label 

{

	/*display: block;*/

	margin-left: 0.2em;

	margin-top: 0.1em;

	float: none;

	width: inherit;

	/*clear: right;*/

}

.form .text

{

	width: inherit;	

}



/* The main calendar widget.  DIV containing a table. */



div.calendar { position: relative; }



.calendar, .calendar table {

  border: 1px solid #bdb2bf;

  font-size: 11px;

  color: #000;

  cursor: default;

  background: url("../images/wizard/normal-bg.gif");

  font-family: "trebuchet ms",verdana,tahoma,sans-serif;

}



.calendar {

  border-color: #797979;

}



/* Header part -- contains navigation buttons and day names. */



.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */

  text-align: center;    /* They are the navigation buttons */

  padding: 2px 2px 3px 2px;          /* Make the buttons seem like they're pressing */

  background: url("../images/wizard/title-bg.gif") repeat-x 0 100%; 

  color: #000;

  font-weight: bold;

}



.calendar .nav {

  font-family: verdana,tahoma,sans-serif;

}



.calendar .nav div {

  background: transparent url("../images/wizard/menuarrow.gif") no-repeat 100% 100%;

}



.calendar thead tr { 

  background: url("../images/wizard/title-bg.gif") repeat-x 0 100%; 

  color: #000; 

}



.calendar thead .title { /* This holds the current "month, year" */

  font-weight: bold;      /* Pressing it will take you to the current date */

  text-align: center;

  padding: 2px;

  background: url("../images/wizard/title-bg.gif") repeat-x 0 100%; 

  color: #000;

}



.calendar thead .headrow { /* Row <TR> containing navigation buttons */

}



.calendar thead .name { /* Cells <TD> containing the day names */

  border-bottom: 1px solid #797979;

  padding: 2px;

  text-align: center;

  color: #000;

}



.calendar thead .weekend { /* How a weekend day name shows in header */

  color: #c44;

}



.calendar thead .hilite { /* How do the buttons in header appear when hover */

  background: url("../images/wizard/hover-bg.gif");

  border-bottom: 1px solid #797979;

  padding: 2px 2px 0px 0px;

}



.calendar thead .active { /* Active (pressed) buttons in header */

  background: url("../images/wizard/active-bg.gif"); 

  color: #fff;

  padding: 3px 1px 0px 0px;

  border-bottom: 1px solid #797979;

}

    /* * ****** */

.calendar thead .daynames { /* Row <TR> containing the day names */

  background: url("../images/wizard/dark-bg.gif"); 

}



/* The body part -- contains all the days in month. */



.calendar tbody .day { /* Cells <TD> containing month days dates */

  font-family: verdana,tahoma,sans-serif;

  width: 2em;

  color: #000;

  text-align: right;

  padding: 2px 4px 2px 2px;

}



.calendar tbody .day.othermonth {

  font-size: 80%;

  color: #999;

}



.calendar tbody .day.othermonth.oweekend {

  color: #f99;

}



.calendar table .wn {

  padding: 2px 3px 2px 2px;

  border-right: 1px solid #797979;

  background: url("../images/wizard/dark-bg.gif");

}



.calendar tbody .rowhilite td,

.calendar tbody .rowhilite td.wn {

  background: url("../images/wizard/rowhover-bg.gif");

}



.calendar tbody td.today { 

  font-weight: bold;

  }



.calendar tbody td.hilite { /* Hovered cells <TD> */

  background: url("../images/wizard/hover-bg.gif");

  padding: 1px 3px 1px 1px;

  border: 1px solid #bbb;

}



.calendar tbody td.active { /* Active (pressed) cells <TD> */

  padding: 2px 2px 0px 2px;

}



.calendar tbody td.weekend { /* Cells showing weekend days */

  color: #c44;

}



.calendar tbody td.selected { /* Cell showing selected date */

  font-weight: bold;

  border: 1px solid #797979;

  padding: 1px 3px 1px 0px;

  background: url("../images/wizard/active-bg.gif"); 

  color: #fff;

}



.calendar tbody .disabled { color: #999; }



.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */

  visibility: hidden;

}



.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */

  display: none;

}



/* The footer part -- status bar and "Close" button */



.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */

  text-align: center;

  background: #565;

  color: #fff;

}



.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */

  padding: 2px;

  background: url("../images/wizard/status-bg.gif") repeat-x 0 0; color: #000;

}



.calendar tfoot .hilite { /* Hover style for buttons in footer */

  background: #afa;

  border: 1px solid #084;

  color: #000;

  padding: 1px;

}



.calendar tfoot .active { /* Active (pressed) style for buttons in footer */

  background: #7c7;

  padding: 2px 0px 0px 2px;

}



/* Combo boxes (menus that display months/years for direct selection) */



.calendar .combo {

  font-size:10px;

  background: url("../images/wizard/normal-bg.gif"); 

  color: #000;

  border-color: #bdbcbc;

  border-width: 0px 1px 1px 1px;

  border-style: solid;

}



.calendar .combo .label,

.calendar .combo .label-IEfix { 

}



.calendar .combo .label-IEfix {

}



.calendar .combo .hilite {

  background: url("../images/wizard/hover-bg.gif"); 

  color: #000;

}



.calendar .combo .active {

  background: url("../images/wizard/active-bg.gif"); 

  color: #fff;

  font-weight: bold;

}



.calendar td.time {

  border-top: 1px solid #797979;

  padding: 1px 0px;

  text-align: center;

  background: url("../images/wizard/dark-bg.gif");

}



.calendar td.time .hour,

.calendar td.time .minute,

.calendar td.time .ampm {

  padding: 0px 5px 0px 6px;

  font-weight: bold;

  background: url("../images/wizard/normal-bg.gif"); 

  color: #000;

}



.calendar td.time .hour,

.calendar td.time .minute {

  font-family: monospace;

}



.calendar td.time .ampm {

  text-align: center;

}



.calendar td.time .colon {

  padding: 0px 2px 0px 3px;

  font-weight: bold;

}



.calendar td.time span.hilite {

  background: url("../images/wizard/hover-bg.gif"); color: #000;

}



.calendar td.time span.active {

  background: url("../images/wizard/active-bg.gif"); color: #fff;

}



.calendar .month-left-border { /* Divider line between two monthes */

  border-left:1px solid #797979 ;

}





/* $Id: layout-2d.css 4322 2006-09-04 08:49:33Z shacka $ */

/* Calendar 2D layout */



@import url("layout-common.css");



div.calendar { position: relative; }



.calendar, .calendar table {

  border: 1px solid;

  font-size: 11px;

  cursor: default;

  font-family: tahoma,verdana,sans-serif;

}



/* Header part -- contains navigation buttons and day names. */



.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */

  text-align: center;    /* They are the navigation buttons */

  padding: 2px;          /* Make the buttons seem like they're pressing */

}



.calendar .nav {

}



.calendar thead .title { /* This holds the current "month, year" */

  font-weight: bold;      /* Pressing it will take you to the current date */

  text-align: center;

  padding: 2px;

}



.calendar thead .headrow { /* Row <TR> containing navigation buttons */

}



.calendar thead .name { /* Cells <TD> containing the day names */

  border-bottom: 1px solid;

  padding: 2px;

  text-align: center;

}



.calendar thead .weekend { /* How a weekend day name shows in header */

}



.calendar thead .hilite { /* How do the buttons in header appear when hover */

  border: 1px solid;

  padding: 1px;

}



.calendar thead .active { /* Active (pressed) buttons in header */

  padding: 2px 0px 0px 2px;

}



.calendar thead .daynames { /* Row <TR> containing the day names */

}



/* The body part -- contains all the days in month. */



.calendar tbody .day { /* Cells <TD> containing month days dates */

  width: 2em;

  text-align: right;

  padding: 2px 4px 2px 2px;

}

.calendar tbody .day.othermonth {

  font-size: 80%;

}

.calendar tbody .day.othermonth.oweekend {

}



.calendar table .wn {

  padding: 2px 3px 2px 2px;

  border-right: 1px solid;

}



.calendar tbody .rowhilite td {

}



.calendar tbody .rowhilite td.wn {

}



.calendar tbody td.hilite { /* Hovered cells <TD> */

  padding: 1px 3px 1px 1px;

  border: 1px solid;

}



.calendar tbody td.active { /* Active (pressed) cells <TD> */

  padding: 2px 2px 0px 2px;

}



.calendar tbody td.selected { /* Cell showing today date */

  font-weight: bold;

  border: 1px solid;

  padding: 1px 3px 1px 0px;

}



.calendar tbody td.weekend { /* Cells showing weekend days */

}



.calendar tbody td.today { font-weight: bold; }



.calendar tbody .disabled { color: #999; }



.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */

  visibility: hidden;

}



.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */

  display: none;

}



/* The footer part -- status bar and "Close" button */



.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */

  text-align: center;

}



.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */

  padding: 2px;

}



.calendar tfoot .hilite { /* Hover style for buttons in footer */

  border: 1px solid;

  padding: 1px;

}



.calendar tfoot .active { /* Active (pressed) style for buttons in footer */

  padding: 2px 0px 0px 2px;

}



/* Combo boxes (menus that display months/years for direct selection) */



.calendar .combo .active {

  border-top: 1px solid;

  border-bottom: 1px solid;

  font-weight: bold;

}





/* $Id: layout-common.css 4322 2006-09-04 08:49:33Z shacka $ */

.calendar .nav { background: url("../images/wizard/menuarrow.gif") no-repeat 100% 100%; }



.calendar tfoot .ttip .error { color: #c20; }



.calendar tfoot tr.time td { padding: 0; border-top: 1px solid; }

.calendar tfoot tr.time td.timetext { text-align: center; }

.calendar tfoot tr.time table td,

.calendar tfoot tr.time td.hilite,

.calendar tfoot tr.time td.active { border: 0; padding: 0; }

.calendar tfoot tr.time td.hour,

.calendar tfoot tr.time td.minute {

  text-align: right; font-weight: bold;

  border-right: 1px solid; padding: 0 1px 0 3px;

}

.calendar tfoot tr.time td.colon { text-align: center; font-weight: bold; background: transparent; }

.calendar tfoot tr.time td.ampm { text-align: center; }



/*

.calendar tfoot tr.time td.parent-hour table { position: relative; left: .7em; z-index: 10; empty-cells: visible; }

.calendar tfoot tr.time td.parent-minute table { position: relative; left: -.7em; z-index: 10; }

*/



.calendar-time-scroller { border-left: 1px solid; border-right: 1px solid; }



.calendar-time-scroller .up {

  width: 11px;

  background: transparent url("../images/wizard/scroller-up.gif") no-repeat 50% 50%;

  height: 0.5em;

/*  font-size: 1px; */

}



.calendar-time-scroller .down {

  width: 11px;

  background: transparent url("../images/wizard/scroller-down.gif") no-repeat 50% 50%;

  height: 0.5em;

/*  font-size: 1px; */

}



.calendar .combo {

  position: absolute;

  display: none;

  top: 0px;

  left: 0px;

  width: 4em;

  cursor: default;

  border: 1px solid;

  font-size: 90%;

}



/* This is what makes the calendar pop up of the page

   If you are using items with z-index greater than 100

	 you will need to increase this to make the calendar

	 display in front of them.

	 */

.calendar {

  z-index: 100;

}



.calendar .combo .label,

.calendar .combo .label-IEfix {

  text-align: center;

  padding: 1px;

}



.calendar .combo .label-IEfix {

  width: 4em;

}



.calendar .combo .disabled { color: #888; }



.calendar .history { width: 18em; }

.calendar .history .label { text-align: center; }

.calendar .history .label-IEfix { width: 18em; }





/*

* The Zapatec DHTML Calendar

* CSS for the calendar pages

*

* Copyright (c) 2004 by Zapatec, Inc.

* http://www.zapatec.com

* 1700 MLK Way, Berkeley, California,

* 94709, U.S.A.

* All rights reserved.

*

*

*/



.zpCalHeader {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 150%;

	font-weight:bold;

	color: #000000;

	padding-top: 1.0ex;

	padding-bottom: 1.0ex;

}



.zpCalSubHeader {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 130%;

	font-weight:bold;

	color: #393939;

	padding-top: 1.0ex;

	padding-bottom: 1.0ex;

}



.zpCalPoint {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	line-height: 16px;

	padding-top: 0.6ex;

	padding-bottom: 0.6ex;

	/*TODO check this out later

	BACKGROUND: url(../images/box_blue.gif) no-repeat left top; left: 0px; TOP: 0px; 

	*/

}



.zpCalPointBullet {

	vertical-align:top;

	padding-right:1ex; 

}

.zpCalPrice, .zpCalPriceTopHeader, .zpCalPriceSideHeader{

	border: 1px solid #FFFFFF;

	font-size: 90%;

	border-collapse:collapse;

	text-align:left;

	vertical-align:top;

}



.zpCalPrice{

  background-color: #EFEBEF;

}



.zpCalPriceTopHeader{

	font-weight:bold;

  background-color: #EFEBEF;

}



.zpCalPriceSideHeader{

	font-weight:bold;

  background-color: #BDD4F3;

}



.zpCalContact {

	padding:1em; 

	font-family: Arial, Helvetica, sans-serif;

	font-size: 140%;

	font-weight:bold;

	border: 1px dotted #003066;

	width:300px;

}



.zpCalDemo {

	padding:1em; 

	font-family: Arial, Helvetica, sans-serif;

	border: 1px dotted #003066;

}



.zpCalDemoText {

	padding:1em; 

	font-family: Arial, Helvetica, sans-serif;

}



.zpCalCalIcon {

	margin-top:0px;

	cursor:pointer;

	vertical-align:bottom;

	padding-right:0px;

	padding-left:2px;

	border:solid 2px;

}



.zpCalExample {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #003066;

	background-color: white;

}

.zpCalExample:hover {

	font-weight: bold;

	color: #003066;

	background-color: white;

}





.zpCalSpecialDay { 

	background-color: #cccccc;

}



.zpCalDayInfo { 

	background-color: yellow;

	font-size: 80%;

}



.zpCalInfo { 

	padding-left: 2ex;

	padding-right: 2ex;

	padding-top: 1.0ex;

	padding-bottom: 1.0ex;

	margin-top: 1.0ex;

	margin-bottom: 1.0ex;

	margin-left: auto;

	margin-right: auto;

	width: 80%;

	background-color: #DAE5EF;

	border: 1px solid ;

}



/*

 * Used in Zapatec generated forms

 */

.errormsg { 

	text-align:left;

	vertical-align:top;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: red;

	line-height: 16px;

}



.zpCalBuyDesc { 

	text-align:left;

	vertical-align:top;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	line-height: 16px;

}



.zpCalBuyDescData { 

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	line-height: 16px;

	font-weight:bold;

}

.zpCalHelp { 

	font-size: 160%;

	margin-left:0.5em;

	margin-right:1em;

	font-weight:bold;

	color: #003066;

}



pre.zpCode {

	padding-right: 2ex;

	margin-right: 2ex;

  background-color: #EFEBEF;

	border: 1px solid #FFFFFF;

	width: 80%;

}