/**

 * CSS

 * (c) 2007 Darío G. Ruellan / D²

 */



/* maintext */



#maintext .cotactinfo {

	padding: 2px 0 16px 125px;

	margin: 0 0 16px 10px;

	border-bottom: 1px solid silver;

	background-image: url(../images/icn_id.gif);

	background-repeat: no-repeat;

	background-position: 0 0;

}

#maintext .cotactinfo div {

	font-weight: bold;

	margin-top: 4px;

}

#maintext .cotactinfo ul {

	margin: 0;

	padding: 0;

}

#maintext div.email {

	margin-left: 10px;

}

#maintext div.email form {

	background-color: rgb(240,240,235);

	padding: 10px;

}

#maintext div.email form table th {

	text-align: left;

	border-bottom: 1px dotted silver;

	padding: 5px;

}

#maintext div.email form table td {

	padding: 5px;

	width: 50%;

}

#maintext div.email form table caption {

	font-weight: bold;

	text-align: left;

	background-color: gray;

	color: white;

	padding: 4px;

	margin-bottom: 5px;

}

#maintext div.email form table input {

	width: 90%;

	font-size: 8pt;

}

#maintext div.email .calendar {

	width: 15%;

}

#maintext div.email form table select {

	font-size: 8pt;

	width: 90%;

}

#maintext div.email form table textarea {

	width: 99%;

}

#maintext div.email table .bad {

	background-color: rgb(240,230,230);

}



#maintext div.email #error {

	position: absolute;

	display: none;

	width: 290px;

	padding: 5px;

	left: 28%;

	text-align: center;

	border: 1px solid #CEB797;

	background-color: rgb(240,230,230);

	font-weight: bold;

}

#maintext div.email #sending {

	padding-left: 2px;

	display: none;

}



/* calendar styles */



#calendar_div, #calendar_inline_div {

	display: none;

	border: 1px solid silver;

	z-index: 10; 

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

	font-size: 8pt;

	padding: 0;

	margin: 0;

}

#calendar_inline_div {

	display: block;

	border: 0;

}

.calendar_dialog {

	padding: 5px;

	background: gray;

	border: 1px ridge gray !important;

}

#calendar_div a, #calendar_inline_div a {

	cursor: pointer;

	cursor: hand;

}

button.calendar_trigger {

	width: 25px;

}

img.calendar_trigger {

	margin: 2px;

	vertical-align: middle;

}

#calendar_prompt {

	float: left;

	width: 181px;

	padding: 2px;

	background: #ddd;

	color: #000;

}

* html #calendar_prompt {

	width: 185px;

}

#calendar_control, #calendar_links, #calendar_header, #calendar {

	clear: both;

	float: left;

	width: 185px;

	color: #fff;

}

#calendar_control {

	background: gray;

}

#calendar_links {

	background: gray;

	border-bottom: 1px solid white;

}

#calendar_control a, #calendar_links a {

	letter-spacing: 1px;

	color: #eee;

	padding: 2px 5px;

}

#calendar_control a:hover {

	background: silver;

	color: #333;

}

#calendar_links a:hover, .calendar_titleRow a:hover {

	background: silver;

	color: #333;

}

#calendar_links label { /* disabled links */

	padding: 2px 5px;

	color: #888;

}

#calendar_clear, #calendar_prev {

	float: left;

}

#calendar_current {

	float: left;

	width: 35%;

	text-align: center;

}

#calendar_close, #calendar_next {

	float: right;

}

#calendar_header {

	background: gray;

	text-align: center;

	font-weight: bold;

}

#calendar_header select {

	background: #333;

	color: #fff;

	border: 0px;

	font-weight: bold;

}

#calendar {

	background: white;

	text-align: center;

}

#calendar a {

	width: 100%;

	display: block;

}

#calendar a:hover {

	color: gray;

}

#calendar .calendar_titleRow {

	background: silver;

}

#calendar .calendar_titleRow a {

	color: gray;

}

#calendar .calendar_titleRow a:hover {

	color: #000;

}

#calendar .calendar_daysRow {

	background: white;

	color: #666;

}

#calendar .calendar_daysCell {

	border: 1px solid #ddd;

}

#calendar .calendar_daysCell a {

	color: #000;

	width: 100%;

}

#calendar .calendar_daysCell a:hover {

	background: none;

}

#calendar .calendar_weekEndCell {

	background: #ddd;

}

#calendar .calendar_daysCellOver {

	background: #fff;

	border: 1px solid #777;

}

#calendar .calendar_unselectable {

	color: #888;

}

#calendar_today {

	border: 2px solid #50ADC9 !important;

}

#calendar_currentDay {

	background: #50ADC9 !important;

}

#calendar_cover {

    display: none; /*sorry for IE5*/

    display/**/: block; /*sorry for IE5*/

    position: absolute; /*must have*/

    z-index: -1; /*must have*/

    filter: mask(); /*must have*/

    top: -4px; /*must have*/

    left: -4px; /*must have*/

    width: 193px; /*must have to match width and borders*/

    height: 200px; /*must have to match maximum height*/ 

}