.fieldName
{
	background-color  : #879BB3;
	font-weight       : bold;
	font-size         : 12px;
	font-family       : Tahoma;
	color             : #000000;
	vertical-align    : top;
}

.totalizer
{
	font-weight : bold;
	font-size   : 30px;
	font-family : Arial;
	color       : #005C84;
}

legend
{
	font-size   : 12px;
	font-family : Tahoma;
	color       : #7361FF;
}

.pass_strength_weak
{
	font-size        : 15px;
	font-family      : Tahoma;
	font-weight      : bold;
	color            : #FFFFFF;
	background-color : #bc0900;
}

.pass_strength_medium
{
	font-size        : 13px;
	font-family      : Tahoma;
	font-weight      : bold;
	color            : #FFFFFF;
	background-color : #f2b313;
}

.pass_strength_good
{
	font-size        : 11px;
	font-family      : Tahoma;
	color            : #0c0c0c;
	background-color : #35ed02;
}

.rtm_input
{
	padding               : 5px;
	font-size             : 15px;
	text-shadow           : 0px 1px 0px #fff;
	outline               : none;
	background            : -webkit-gradient(linear, left top, left bottombottom, from(#bcbcbe), to(#ffffff));
	background            : -moz-linear-gradient(top,  #bcbcbe,  #ffffff);
	-webkit-border-radius : 3px;
	-moz-border-radius    : 3px;
	border-radius         : 3px;
	border                : 1px solid #717171;
}

.rtm_input:focus
{
	-webkit-box-shadow : 0px 0px 5px #007eff;
	-moz-box-shadow    : 0px 0px 5px #007eff;
	box-shadow         : 0px 0px 5px #007eff;
}

.labels
{
	color       : #333333;
	font-size   : 11px;
	font-family : Tahoma;
}

/** Notas **/
.note
{
	color      : gray;
	font-style : italic;
	font-size  : 12px;
}

/**
 * Define un bloque estándar de "etiqueta : control"
 */
div.labelcontrol
{
	width : 100%;
	float : left;
	padding-top    : 2px;
	padding-bottom : 2px;
}

/** Etiqueta */
div.labelcontrol > div:first-child
{
	width       : 30%;
	float       : left;
	text-align  : right;
	padding-top : 2px;
}
div.labelcontrol > div:first-child > label
{
	padding-right : 0px;
}

/** Control */
div.labelcontrol > div:last-child
{
	width          : 67%;
	/*float        : left;*/
	padding-left   : 0.75em;
	display        : table-cell;
	vertical-align : middle;
	height         : 2em;
}
div.labelcontrol > div:last-child > label
{
	padding-left : 0px;
}

/**
 * Layout Structure
 * Permite definir layouts basados en columnas
 */
div.layout
{
	width : 100%;
}

/**
 * Define un bloque de diseño a 2 columnas
 * <div class="columns2"></div>
 */
div.columns2
{
	width : 100%;
	float : left;
}
/**
 * Define el comportamiento de los div dentro de columns2
 * <div></div>
 */
div.columns2 > div
{
	width   : 48%;
	float   : left;
}

/** Define elementos requeridos */
label.required
{
	background   : url(imgs/asterisco.gif) no-repeat;
	padding-left : 10px !important;
}

/** Convierte a mayúsculas (Solo a la vista del usuario. En Server-side hay que volver a convertir) **/
input.alluppercase
{
	text-transform : uppercase;
}

/** Muestra un error acerca del valor del input */
input.rtm_error
{
	background-color : #FFAAAA !important;
	color            : black !important;
	text-shadow      : none !important;
	font-weight      : normal !important;
}

/** Contenedor del nombre del campo **/
td.fieldName
{
	font-weight : bold;
	font-size   : 12px;
	font-family : Tahoma;
	color       : #000000;
	text-align  : right;
}

/** Linea punteada como separador **/
hr.separator
{
	background-image    : url(images/point.gif);
	background-position : center center;
	background-repeat   : repeat-x;
	border              : none;
	height              : 1px;
	padding             : 6px;
}
/** Manejar como Link **/
.pseudolink
{
	text-decoration : none;
	cursor          : pointer;
}
.pseudolink:hover
{
	text-decoration : underline;
}

.right
{
	text-align : right !important;
}

.left
{
	text-align : left !important;
}

.center
{
	text-align : center !important;
}

.bold
{
	font-weight : bold !important;
}

.italic
{
	font-style : italic !important;
}

.middle
{
	vertical-align : middle !important;
}

.underline
{
	text-decoration : underline !important;
}

.hide
{
	display : none;
}

.invisible
{
	visibility : hidden;
}

.readonly
{
	color   : gray !important;
	opacity : 0.8;
}

.discrete
{
	opacity : 0.5;
}

.ui-autocomplete-loading
{
	background : white url("../images/ui-anim_basic_16x16.gif") right center no-repeat;
}

.lbl_subject_1st_op
{
	color       : #498306;
	font-weight : bold;
}

.lbl_subject_2nd_op
{
	color       : #07D41B;
	font-weight : bold;
}

.lbl_subject_3rd_op
{
	color       : #E57304;
	font-weight : bold;
}

.lbl_subject_4th_op
{
	color       : #FF3333;
	font-weight : bold;
}

.dg_subject_1st_op > td, .dg_subject_1st_op > div
{
        padding-left      : 28px;
        background-image  : url('../images/1stOpportunity.png');
        background-size   : 30px auto;
        background-repeat : no-repeat;
        height            : 35px;
}
.dg_subject_2nd_op > td, .dg_subject_2nd_op > div
{
        padding-left      : 28px;
        background-image  : url('../images/2ndOpportunity.png');
        background-size   : 30px auto;
        background-repeat : no-repeat;
        height            : 35px;
}
.dg_subject_3rd_op > td, .dg_subject_3rd_op > div
{
        padding-left      : 28px;
        background-image  : url('../images/3rdOpportunity.png');
        background-size   : 30px auto;
        background-repeat : no-repeat;
        height            : 35px;
}
.dg_subject_4th_op > td, .dg_subject_4th_op > div
{
        padding-left      : 28px;
        background-image  : url('../images/4thOpportunity.png');
        background-size   : 30px auto;
        background-repeat : no-repeat;
        height            : 35px;
}
table.history_log
{
        font-size   : 10px;
        font-family : Arial;
        width       : 80%;
        border      : 1px solid gray;
}
table.history_log > thead > tr > th
{
        background-color : #879BB3;

}

.veryimportant, .veryimportant > *
{
	color       : #CC0000 !important;
	font-weight : bold !important;
}