/*----------------------------------------------------------------
SEMERGEN - CSS popup.
----------------------------------------------------------------*/
div#wrapper {
	width: 780px;
	margin: 0;
}

div#header {
	width: 780px;
}

div#author {
	padding: 8px 0 8px 0;
	background-color: #61bad8;
	width: 332px;
	height: 11px;
	position: absolute;
	left: 370px;
	top: 4px;
}

div#author p {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

div#headerBanner {
	width: 780px;
	background: url(../imagenes/headerBanner_popup_back.gif) no-repeat top
		left;
}

div#content {
	background: url(../imagenes/popup_back.gif) repeat-x top left;
	height: 590px;
	width: 780px;
}

div#mainMenu {
	width: 755px;
	padding: 7px 0 0 25px;
}

div#mainMenu h2 {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

div#wrapperContent {
	width: 755px;
	margin: 0;
	padding: 25px 0 0 25px;
}

/*CALCULATOR FORM*/
form#formCalculator dl {
	margin-bottom: 15px;
}

form#formCalculator dt {
	float: left;
	clear: left;
	margin-bottom: 12px;
}

form#formCalculator dt label {
	color: #999;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 3px;
}

form#formCalculator dt label.unitsTo {
	padding-left: 155px;
}

form#formCalculator dd label {
	color: #999;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

form#formCalculator .textfield {
	width: 107px;
	padding: 3px 0 0 5px;
	height: 15px;
	border: 1px solid #d2d2d2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8E8E8E;
	float: left;
	margin-right: 15px;
	background: transparent url(../imagenes/popup_field_back.gif) repeat-x
		top left;
}

form#formCalculator .select {
	padding: 0 0 0 2px;
	font-size: 11px;
	line-height: 11px;
	background: transparent url(../imagenes/select_back.gif) repeat-x top
		left;
	width: 105px;
	height: 18px;
	border: 1px solid #d2d2d2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8E8E8E;
}

div#result {
	width: 312px;
	height: 62px;
	padding: 30px 0 0 38px;
	background-color: #b4deec;
	position: relative;
}

div#result dt label {
	color: #2c566f;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div#result .textfield {
	width: 153px;
	padding: 3px 0 0 5px;
	height: 15px;
	border: 1px solid #d2d2d2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8E8E8E;
	margin-right: 15px;
	background: transparent url(../imagenes/popup_field_back.gif) repeat-x
		top left;
}

div#calculatorButtons {
	width: 124px;
	position: absolute;
	left: 425px;
	top: 0;
}

/*BUTTONS*/
div#calculatorButtons a.regular_button {
	display: block;
	width: 122px;
	height: 20px;
	padding-top: 6px;
	margin: 0 0 4px 0;
	background-color: #61BAD8;
	border: 1px solid #2e9ec3;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	text-align: center;
	float: left;
}

div#calculatorButtons a.regular_button:hover {
	text-decoration: underline;
}
