/* Estilo general del documento HTML */ 
html
{
	background-color: white;
	font-family: Arial, Tahoma, Verdana;
	font-size: 14px;	
	color: #003399;
}

/* Body */
div.body
{
	width: 800px;
}

/* Title */
div.title
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 200%;
}

/* Subtitle */
div.subtitle
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 30px 10px 30px;
	text-align: left;
	background-color: whitesmoke;
}

/* Server Adress */
div.serverAddress
{
	margin-top: 10px;
	font-weight: bold;
}

/* Capabilities */
div.capabilities
{
	display: inline;
	margin-left: 40px;
	text-align: right;
}

/* Container left */
div.contLeft
{
	width: 397px;
	float: left;
}

/* Container right */
div.contRight
{
	width: 397px;
	float: right;
}

/* Container Input Point */
div.contPoint
{
	height: 120px;
	margin-top: 5px;
	text-align: left;
	background-color: whitesmoke;
}

/* Container Input URL */
div.contInputURL
{
	height: 92px;
	margin-top: 5px;
	text-align: left;
	background-color: whitesmoke;	
}

/* Container Input GML */
div.contInputGML
{
	height: 251px;
	margin-top: 5px;
	text-align: left;
	background-color: whitesmoke;	
}

/* Container Output URL */
div.contOutputURL
{
	height: 348px;
	margin-top: 5px;
	text-align: left;
	background-color: whitesmoke;	
}

/* Title label */
div.labelTitle
{
	padding-top: 5px;
	padding-left: 5px;
	width: 200px;
}

/* Label CRS */
div.labelCRS
{
	display: inline;
	margin-top: 2px;
	margin-right: 10px;
}

/* CRS */
div.crs
{
	height: 95px;
	margin-top: 10px;
	background-color: whitesmoke;
}

/* CRS ComboBox */
div.crsCombo
{
	padding-top: 20px;
}

/* CRS Huso */
div.crsHuso
{
	padding-top: 10px;
}

/* ErrorInput */
div.errorInput
{
	text-align: right;
	color: red;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;	
	width: 240px;
	height: 20px;
	margin-top: 5px;
	margin-bottom: -3px;
}	

/* ErrorOutout */
div.errorOutput
{
	text-align: center;
	color: red;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;	
	height: 20px;
	margin-top: 10px;
	margin-bottom: -15px;
}	

/* Latitude - Longitude Point */
div.latLonPoint
{
	width: 250px;
	float: left;
}

/* Input Longitude Degree */
.inputLongitudeDegree
{
	width: 35px;
}

/* Input Longitude Minutes */
.inputLongitudeMinutes
{
	width: 35px;
	margin-right: 2px;
	margin-left: 2px;
}

/* Input Longitude Seconds */
.inputLongitudeSeconds
{
	width: 35px;
}

/* Input Latitude Degree */
.inputLatitudeDegree
{
	width: 35px;
}

/* Input Latitude Minutes */
.inputLatitudeMinutes
{
	width: 35px;
	margin-right: 2px;
	margin-left: 2px;
}

/* Input Latitude Seconds */
.inputLatitudeSeconds
{
	width: 35px;
}

/* Output Longitude Degree */
.outputLongitudeDegree
{
	width: 35px;
}

/* Output Longitude Minutes */
.outputLongitudeMinutes
{
	width: 35px;
	margin-right: 2px;
	margin-left: 2px;
}

/* Output Longitude Seconds */
.outputLongitudeSeconds
{
	width: 50px;
}

/* Output Latitude Degree */
.outputLatitudeDegree
{
	width: 35px;
}

/* Output Latitude Minutes */
.outputLatitudeMinutes
{
	width: 35px;
	margin-right: 2px;
	margin-left: 2px;
}

/* Output Latitude Seconds */
.outputLatitudeSeconds
{
	width: 50px;
}

/* Latitude - Longitude Input */
div.latLonInput
{
	float: left;
	width: 260px;
	padding-top: 5px;
}

/* Latitude - Longitude Output */
div.latLonOutput1
{
	width: 270px;
	padding-top: 5px;
}

div.latLonOutput2
{
	width: 220px;
	padding-top: 5px;
}

/*  Transform button Point */
div.transformPoint
{
	width: 135px;
	margin-top: 16px;
	float: right;
}

/*  Transform button GML */
div.transformGML
{
	width: 135px;
	margin-top: 70px;
	float: right;
}

/* Latitude - Longitude Label */
div.latLonLabel
{
	float: left;
	margin-top: 2px;
	padding-left: 15px;
}

div.latLonLabel2
{
	float: left;
	margin-top: 2px;
	text-align: right;
	width: 60px;
}

div.latLonLabel3
{
	float: left;
	margin-top: 2px;
	margin-left: 15px;
}

/* Latitude - Longitude Text */
div.latLonText
{
	text-align: right;
}

/* Input X */
.inputX
{
	width: 180px;
}

/* Input Y */
.inputY
{
	width: 180px;
}

/* Output X */
.outputX
{
	width: 180px;
}

/* Output Y */
.outputY
{
	width: 180px;
}

/* Input URL */
.inputURL
{
	width: 200px;
}

/* Output URL */
.outputURL
{
	width: 300px;
}

.inputGML
{
	width: 200px;
	height: 180px;
}	

/* Output URL */
div.urlOut
{
	padding-top: 15px;
}

/* Download */
div.download
{
	padding-top: 20px;
	padding-bottom: 50px;
}


/* Loading Point*/
div.loadingPoint
{
	visibility: hidden;
	padding-top: 5px;
}

/* Loading URL*/
div.loadingURL
{
	visibility: hidden;
	padding-top: 15px;
}

/* Table Loading Point */
.tableLoadingPoint
{
	border: solid #D4D0C8 1px;
	background-color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;	
	color: #003399;	
}

/* Apariencia de los botones */
.buttonEnabled
{
	background-color: #3F69A5;
	border-color: #6B90BA;
	border-style: outset;
	border-width: 3px;
	margin: 3px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
}

.buttonDisabled
{
	background-color: #3F69A5;
	border-color: #6B90BA;
	border-style: outset;
	border-width: 3px;
	margin: 3px;
	color: #8C8C8C;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
}