/* CSS Document */
#ordenGenerada {
	display: none;
}
.tabOrden {
	color: #555B63;
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px; 
}
.tabOrden .tituloOrden {
	color: #007BED;
	font-weight: bold;
}
.tabOrden .vinetaRoja {
	background: url("../iconos/vinetaPequenaRoja.gif") no-repeat scroll 0 3px transparent;
	padding-left: 13px;
	line-height: 13px;
	height: 13px;
}
#tabDominio .tabOrden label {
	color: #007BED;
	font-weight: bold;
	cursor: pointer;
}
#tabDominio .tabOrden blockquote {
	margin: 0px 10px 10px 20px;
}
#tabDominio .tabOrden blockquote ul {
	list-style: none;
	margin: 0;
}
#tabDominio .tabOrden blockquote ul li {
	background: url("../iconos/vinetaPequenaAzul.gif") no-repeat scroll 0 1px transparent;
	line-height: 13px;
	padding-left: 13px;
}
#tabDominio #seleccionDominio {
	display: none;
}
#tabDominio #opcionSeleccionada {
	color: #007BED;
	font-weight: bold;
}
#tabDominio #ingresoDominio {
	color: #007bed;
	font: bold 12px Tahoma;
	height: 25px;
	background: url(../iconos/vinetaDobleAzul.gif) no-repeat 0 60%;
	padding-left: 16px;
	float: left;
	margin: 0 20px 0 50px;
	line-height: 26px;
}
#tabDominio #resultadoDominio {
	float: right;
	line-height: 26px;
	margin-right: 40px;
	color: #007bed;
	font: bold 12px Tahoma;
	float: right;
	line-height: 26px;
}
#tabDominio #etiquetaDominioSeleccionado {
	background: url("../iconos/vinetaPequenaRoja.gif") no-repeat scroll 0 1px transparent;
	line-height: 13px;
	padding-left: 13px;
	color: #007bed;
	font-weight: bold;
	display: none;
}
#tabDominio #dominioSeleccionado, #tabDominio #dominioInvalido {
	display: none;
}
#tabContacto #formulario {
	display: none;
	margin: 15px;
}
#tabContacto #formulario label {
	font-weight: bold;
    clear:left;
    display:block;
    float:left;
    margin-bottom:14px;
    text-align:left;
    width:200px;
}
#tabContacto #formulario .campoOpcional {
	float:left;
	margin:2px 0 14px 4px;
	color: #007BED;
}
#tabContacto #formulario input {
    margin-bottom:14px;
	float: left;
}
#tabContacto #formulario input[type=text] {
    width: 250px;
}
#tabContacto #formulario .validador {
	float: left;
	padding: 2px 0 14px 4px;
}
#tabPagos fieldset {
    padding: 0px 10px 10px 10px;
    border: 1px dotted #007BED;
}
#tabPagos legend {
	margin-bottom: 10px; /*to compensate space lost due to padding-incapability in IEs*/
	background-color: #fcfdfd;
}
#tabPagos fieldset legend {
    color: #007BED;
    font-weight: bold;
}
#tabPagos #periodoPlan div, #tabPagos #periodoDominio div {
	width: 173px;
	float: left;
}
#tabPagos #ingresoCodigo {
    font-weight: bold;
	height: 25px;
	float: left;
	line-height: 26px;
}
#tabPagos #aplicandoCodigo {
    float: right;
    margin-left: 20px;
	width: 32px;
	height: 32px;
	background: url("../iconos/cargador.gif") no-repeat;
	display: none;
}
#tabPagos .medioContenedorIzq {
	width: 46%;
	float: left;
}
#tabPagos .medioContenedorDer {
	width: 46%;
	float: right;
}
#tabPagos #ingresoVendedor {
    font-weight: bold;
	height: 25px;
	float: left;
	line-height: 26px;
}
#tabConfirmacion #resumenDatos label, #ordenGenerada #resultadoResumenDatos label {
    clear:left;
    display:block;
    float:left;
    text-align:left;
    width:200px;
	background: url("../iconos/vinetaPequenaRoja.gif") no-repeat;
	font-weight: bold;
	font-family:"Trebuchet MS","Bitstream Vera Sans",Verdana,Helvetica,sans-serif;
	font-size:12px;
	color: #007BED;
	height: 14px;
	line-height: 14px;
	padding-left: 13px;
}
#tabConfirmacion #resumenDatos span, #ordenGenerada #resultadoResumenDatos span {
	display: block;
	height: 14px;
	line-height: 14px;
	font-family:"Trebuchet MS","Bitstream Vera Sans",Verdana,Helvetica,sans-serif;
	font-size:12px;
}
#ordenGenerada fieldset {
	width: 46%;
	float: left;
	padding: 0px 10px 10px 10px;
    border: 1px dotted #007BED
}
#ordenGenerada legend {
	margin-bottom: 10px; /*to compensate space lost due to padding-incapability in IEs*/
	background-color: #fcfdfd;
	color: #007BED;
    font-weight: bold;
}
#ordenGenerada fieldset label {
	clear:left;
    display:block;
    float:left;
    text-align:left;
    width:150px;
	font-weight: bold;
	color: #007BED;
	height: 13px;
	line-height: 13px;
	font-family:"Trebuchet MS","Bitstream Vera Sans",Verdana,Helvetica,sans-serif;
	font-size:12px;
}
#ordenGenerada fieldset span {
	display: block;
	height: 13px;
	line-height: 13px;
	font-family:"Trebuchet MS","Bitstream Vera Sans",Verdana,Helvetica,sans-serif;
	font-size:12px;
}
#ordenGenerada #imprimirOrden {
	float: right;
	margin-top: 30px;
}
#tabConfirmacion #confirmandoOrden {
	width: 32px;
	height: 32px;
	background: url("../iconos/cargador.gif") no-repeat;
	display: none;
}

/* Tabla Resumen */
table				{font-family:"Trebuchet MS","Bitstream Vera Sans",Verdana,Helvetica,sans-serif; font-size:12px; border-collapse: separate; border-spacing: 0; margin: 0 0 1em 0; color:#000; width: 100%;}

table a 			{color:#37404C; font-weight: bold; text-decoration: none;}

thead th,
thead td			{font-weight: bold; line-height:normal; text-align: left; border-bottom: 0.4em solid #09f;}

tfoot th,
tfoot td			{text-align: left; font-weight: bold}

tfoot .subTotal th,
tfoot .subTotal td	{border-top: 0.4em solid #09f;}

th,
td 					{padding: 0.25em;}

tbody th,
td					{text-align: left; vertical-align: top;}
tbody th			{font-weight: normal; white-space: nowrap;}

tbody th a:link,
tbody th a:visited 	{font-weight: bold;}

tbody th + td		{white-space: nowrap;}

tbody td,
tbody th 			{border: 1px solid #fff; border-width: 1px 0;}

tbody tr.odd th,
tbody tr.odd td 	{border-color: #deded8; background: #f9f9fb;}

tbody tr:hover td,
tbody tr:hover th 	{background: #fbfbf8;}
caption 			{font-weight: bold; font-size: 1.7em; text-align: left; margin: 0; padding: 0.5em 0.25em;}