* {
	margin: 0;
	padding: 0;
	outline: none;
}

body{
	background-color: silver;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}

.divGeneralRolAnonimo{
	max-width: 1024px;
	min-width:800px;
 /* 	width: expression(document.body.clientWidth > 1025? "1024px": "auto");
 	width: expression(document.body.clientWidth < 801? "800px": "auto" );*/
 	
 	
 	width: expression(document.body.clientWidth > 1024? "1024px": document.body.clientWidth < 800? "800px": "auto" );
 	margin:auto;
}

input[type=text], input[type=password], textarea, select{
	background: white;
	border-width: 1px;
}

input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{
 	background-color: #eee;
 	color: black !important;
} 

.pageTitle{
	border: solid black 1px;
	margin-bottom: 0.5em;
	padding: 0.2em;
	text-align:center;
}

.pageSubtitle{
	margin-bottom: 0.5em;
	padding: 0.2em;
	text-align: left;
	font-style: italic;
	font-weight: bold;	
}

.formBox{
	border: solid black 1px;
	padding: 1em 0.2em;
	font-size:small;
	margin-bottom:0.5em;
}

.formBox label{
	text-align: right;
	width: 100%;
	display: block;
}

.formBox select{
	width:24%;
}

.formBox input, .formBox select, .formBox textarea{
	margin: 0 0.5em;
}

.formBox table{
	width: 100%;
}

.formBox table tr td table{
	width: auto;
}

.dataBox{
	border: solid black 1px;
	margin-bottom:0.5em;
	margin-left:3%;
	margin-right:3%;
	padding:10px;
}

.dataBox label{
	text-align: right;
	width: 100%;
	display: block;
	font-weight: bold;
}

.dataBox input, .dataBox select, .dataBox textarea, .dataBox span{
margin: 0 0.5em;
}


.filterBox{
	border: solid black 1px;
	padding: 1em 0.2em;
	font-size:small;
	margin-bottom:0.5em;
}

.filterBoxGrid{
	text-align:left;
	width: 100%;
}

.filterBox label{
	text-align: right;
	width: 50%;
	float:left;
}

.filterBox legend{
	padding:0 0.5em;
	font-size:1em;
}

.filterBox input[type=text]{
	margin: 0 0.5em;
	width:42%;
	padding: 1px 2px;
}
.filterBox select{
	margin: 0 0.5em;
	width:43%;
	padding: 1px 0px;
}
.filterBox tr td span{
margin: 0 0;
float: left;
text-align: left;
width:90%;
font-style: italic;
font-weight: bold;
color: #888888;
margin-left: 5px;
}

.filterBox td{
width: 50%;
}

.filterCheckboxGroup{
text-align:left;
float:left;
}

.filterCheckboxGroup input{
margin: 0 0.5em;
float:left;
display:block;
}

.filterCheckboxGroup label{
margin: 0;
float:left;
display:block;
text-align:left;
margin-top: -2px;
}


input.aceptButton,input.cancelButton,input.iconButton,.button.iconButton,input.cleanButton, input.downloadButton,
input.goBackButton, input.filterButton, input.goNextButton, input.goPreviousButton,input.linkButton, input.goNuevoTramiteButton, a.linkButton{
	background:#efefde no-repeat;
	padding:4px 7px 4px 23px;
	background-position: 5px 3px;
	margin:1em 2px 2px 2px;
	border:1px outset #94a1ae;
	color:black;
	cursor:pointer;
	opacity:0.85;
}
.button.iconButton{
	text-decoration: none;
}
a.linkButton{
	text-decoration: none;
}
input[type="button"]:hover,input[type="submit"]:hover,input[type="button"]:focus,input[type="submit"]:focus{
	opacity:1;
}
input.downloadButton{
	background-image: url(images/icons/download_16.png) !Important;
}
input.aceptButton{
	background-image: url(images/icons/acept_16.png) !Important;
}
input.cancelButton{
	background-image: url(images/icons/cancel_16.png) !Important;
}
input.cleanButton{
	background-image: url(images/icons/clean_16.png) !Important;
}
input.goBackButton{
	background-image: url(images/icons/left_16.png) !Important;
}
input.goNextButton{
	background-image: url(images/icons/right_red_16.png) !Important;
}
input.goPreviousButton{
	background-image: url(images/icons/left_red_16.png) !Important;
}
input.goNuevoTramiteButton{
	background-image: url(images/icons/forward_16.png) !Important;
}
input.iconButton{
}
input.filterButton{
	background-image: url(images/icons/filter_16.png) !Important;	
}
input.linkButton{
	width: auto !important;
	background-color: transparent !Important;
	border: none;
	padding: 4px 11px;
	margin: 0;
	vertical-align: middle;
}
input.linkButton::-moz-focus-inner{
	border: 0;
}
input.button{
	background:#efefde no-repeat;
	padding:3px 3px 3px 3px;
	margin:1em 2px 2px 2px;
	border:2px outset #94a1ae;
	color:black;
	cursor:pointer;
}

input.systemButton{
	background:#DBE3DE 5px 3px no-repeat;
	border:2px outset #94a1ae;
	color:black;
	cursor:pointer;
	font-size:18px;
	height:70px;
	margin:0;
	padding-left:72px;
	text-align:left;
	width:320px;
}

input.iconButton[disabled], input.aceptButton[disabled],input.cancelButton[disabled],input.cleanButton[disabled],
input.goBackButton[disabled],input.filterButton[disabled], input.goPreviousButton[disabled], input.goNextButton[disabled], input.goNuevoTramiteButton[disabled]{
	background:#ddd no-repeat;
	color:#ccc;
	cursor:default;
	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.6;
  	background-position: 5px 3px;
}

.tableMessage{
	text-align:center;
	width: 100%;
}

.checkBoxFieldset input{
	width: auto;
	margin: 0 1em;
	float: left;		
}

.checkBoxFieldset label{
	width: auto;
	text-align: left;
	float: left;
	}

.checkBoxFieldset{
	margin-left: 25%;
	width: 50%;		
}

.buttonsDiv{
	width: 100%;
	text-align: center;
}

.exportDiv{
	text-align:right;
	width: 100%;
}

.radioButtonTable label{
	display:inline;
	width: auto;
}

.radioButtonTable input{
	margin-top: 2px;
}

.divTree{
	border: solid black 1px;
	padding: 1em 0.2em;
	font-size:small;
	margin-bottom:0.5em;
}

.panelGridTree label{
	text-align: right;
	width: 100%;
	display: block;
}

.panelGridTree input, .panelGridTree select{
	margin: 0 0.5em;
}

.panelGridTree table{
	width: 100%;
}

.panelGridTree td{
	width: 50%;
}

.recuadroInfoExito {
	background-color: #A9F5A9;/*#81F781;/*#58FA58;/*#46DD1B;*/
	border : 1px solid #999;
	-moz-border-radius : 5px;
	width: 30%;
	font: 12 Tahoma;	
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 5px;
}

.nameField{
	font-weight: bold;	
}

.column5{
	width: 5% !important;
}
.column10{
	width: 10% !important;
}
.column15{
	width: 14% !important;
}

.column15Real{
	width: 15% !important;
}

.column19{
	width: 19.25% !important;
}

.column20{
	width: 20% !important;
}
.column20Bottom{
	width: 20% !important;
	vertical-align: bottom;
}

.column25{
	width: 25% !important;
}

.column30,.column30Top{
	width: 30% !important;
}
.column30Top{
	vertical-align: top;
}

.column33{
	width: 33% !important;
}

.column35{
	width: 35% !important;
}

.column38{
	width: 38.5% !important;
}

.column40{
	width: 40% !important;
}

.column45{
	width: 45% !important;
}


.column48{
	width: 48% !important;
}

.column50{
	width: 50% !important;
}

.column60{
	width: 60% !important;
}

.column62{
	width: 61.5% !important;
}

.column65{
	width: 65% !important;
}

.column70{
	width: 69.5% !important;
}
.column73{
	width: 73% !important;
}
.column75{
	width: 75% !important;
}
.column81{
	width: 81.75% !important;
}

.column85{
	width: 85% !important;
}


.columnWidthAuto{
	width: auto;
}

.leftColumn38{
	width: 38% !important;
	border-right: 1px dashed #BBB;
	border-bottom: 1px solid #BBB;
	text-align: right;
	padding-right: 10px;
}

.rightColumn38{
	width: 38% !important;
	border-left: 1px dashed #BBB;
	border-bottom: 1px solid #BBB;
	text-align: left;
	padding-left: 10px;
}

.leftColumn20{
	width: 20% !important;
	border-right: 1px dashed #BBB;
	border-bottom: 1px solid #BBB;
	text-align: right;
	padding-right: 10px;
}

.rightColumn20{
	width: 20% !important;
	border-left: 1px dashed #BBB;
	border-bottom: 1px solid #BBB;
	text-align: left;
	padding-left: 10px;
}


.radioButtonTableSolicitud label{
	display:inline;
}

.a4jOutputText {
	font-style: italic;
	font-weight: bold;
	color: #888888;
	margin-left: 1em;
	
}
.horariosConsultorioDiaLabel{
	text-align: center;
	font-weight: bold;
}

.horariosConsultorioLabel{
	font-size: 10px;
}

.panelHorariosConsultorio{
	border-style: dashed;  
	height: 100px;
	width: 100%;
	border-color: #888888;
}


.panelGeneralHorarios{
	padding-left:2px;
	padding-right:4px;
	padding-top:25px;
	border: none;
}

.popupLabel{
	margin-left:5px; 
	float: left;
	padding: 0.5em;
}

.textLink{
	cursor: pointer;
	color: #0090FF;
}

.rich-menu-list-bg{
	background-color: white;
	background-image: url(images/richfaces/dropdownIcon.png);
}

.rich-menu-list-border{
	border-color: #ADAA9C;
}

.rich-menu-item-hover,  .rich-menu-group-hover{
	background-color: #efefde;
	cursor: pointer;
	border-color: #ffffff;
}

.radioGroup label{
	width: auto;
	text-align: left;
	display: inline;
	position: relative;
	top: -2px;
	float: none;
}

.radioGroup{
	width: auto;
	margin-left: 2em;
}

.smsLabel{
	font-weight: normal;
	font-style: normal;
	color: black;
	width:180px !important;
}

.inconsistenciasField{
	font-style: italic;
	color: red;
	float: left;
	margin-left: 1em;
}

.correctField{
	float: left;
	margin-left: 1em;
}

.infoDataText {
	font-style: italic;
	font-size: 11px;
	color: #888888;
	margin-left: 2em;
	/*float: right;*/
	width: 58%;	
}

.fixedText {
	font-style: italic;
	font-weight: bold;
	color: #888888;
	margin-left: 1em;
	font-size: 11px;
}

.phoneNumber, .cellphoneNumber{
	background-repeat: no-repeat;
	margin:1em 2px 2px 2px;
	color:black;
}
	
.phoneNumber{
	background-image: url(images/icons/phone_12.png);
	padding:3px 0px 0px 21px;
	background-position: 0px 3px;
}

.cellphoneNumber{
	background-image: url(images/icons/cellphone_12.png);
	padding:3px 0px 0px 21px;
	background-position: 3px 1px;
}

.panelBox{
	border: solid black 1px;
	padding: 1em 0.2em;
	font-size:small;
	margin-bottom:0.5em;
}
.panelBox legend{
	padding:0 0.5em;
	font-size:1em;
}


.panelBoxGrid{
	text-align: rigth;
	width: 100%;
}

.panelBoxGrid table{
	width: 80%;
	margin-left: 10%;
	text-align: center;	
}

.formRadioButton {
	width: auto;
	display: inline;
}

.formRadioButton label{
	width: auto;
	display: inline;
	margin-left: 0;
	margin-right: 0.5em;
}

.formRadioButton input{
	margin-right: 0;	
	margin-left: 0;
	display: inline;
}

.infoDivBox{
	clear:both; 
	border:1px dashed #888888; 
	margin-bottom:0.5em; 
	padding:0.2em; 
	text-align:center; 
	font-style: italic; 
	font-size: 11px; 
	color: #888888; 
	background-image: url('images/icons/info_16_bw.png'); 
	background-repeat: no-repeat; 
	background-position: 0.8em 0.2em; 
	text-indent: 2em;
}

.conflictText{
	font-weight: bold;
	color:	red;	
}

.avisosUsuario{
	position:absolute;
	top:0;
	background:#fff;
	right:150px;
	border-radius: 0px 0px 3px 3px;
	border: 1px solid #eee;
	border-top: none;
	z-index: 249;
	width: 450px;
}
.avisosUsuario .encuesta{
	display: none;
}
.avisosUsuario .informacion{
	background-repeat: no-repeat;
	background-position: 10px;
	cursor: pointer;
	text-align: center;
	padding: 0px;
	border-radius: 0px 0px 8px 8px;
	width: 80%;
	display: inline-block;
}
.avisosUsuario .up16{
	background-image: url(../images/icons/up_16.png);
}
.avisosUsuario .down16{
	background-image: url(../images/icons/down_16.png);
}
.avisosUsuario .informacion label{
	display: inline-block;
	width: 100px;
}
.avisosUsuario .subtitulo{
	margin-top: 20px;
}
.avisosUsuario label{
	display: block;
	font-size: 10px;	
	padding:5px;		
	color:#717171;	
}
.avisosUsuario a{
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	border-bottom:1px solid #eee; 
	font-size: 11px !important;
	outline:0;			
}
.avisosUsuario a:last-child{
	border-bottom: none;
}
.avisosUsuario a:hover{
	background: #eee;
}
.avisosUsuario .tabla{
	height: 0px;
	overflow-y: auto;
	max-height: 400px;
}
.avisosUsuario .tabla .masAvisos{
	text-align: center;
}
.avisosUsuario .tabla .botonesAvisosUsuario{
	display:none
}
.avisosUsuario .calendario{
	border: none;
	float: right;
	width: 7%;
	display: inline-block;
	margin-top: 2px;
}
.avisosUsuario .calendario a:hover{
	background:#fff
}
.avisosUsuario .refresh{
	border: none;
	float: right;
	width: 7%;
	display: inline-block;
	margin-top: 2px;
}
.avisosUsuario .refresh a:hover{
	background:#fff
}
.highlight{ 
	background-color:#FFFF00; 
}

.rich-calendar{
	text-align: left;
	vertical-align: middle;
	display: inline-flex;
}
.rich-calendar span{
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	padding-right: 5px !important;
	color: inherit !important;
	font-style: inherit !important;
	font-weight: inherit !important;
	text-align: inherit !important;
}
.rich-calendar span img{
	margin: 0 !important;
	max-width: 16px;
}
.rich-calendar-popup{
	width:200px;
}
.rich-calendar-input{
	width: 60px !important;
}
.rich-calendar input[readonly]{
	background: #fff;
}
.rich-calendar-popup td{
	height: 22px !important;
	width: 22px !important;
	vertical-align: middle !important;
}
.rich-calendar img{
	margin: 4px 0;
}
.rich-calendar .rich-calendar-tool, .rich-calendar .rich-calendar-month, .rich-calendar .rich-calendar-select{
	background-color: #ECF4FE;
}
.suggestionbox{
	width: auto !important;
	height: auto !important;
	background: #fff;
}
.dr-sb-overflow {
    overflow: auto;
    width: 100% !important;
 }
 .dr-sb-int{
 	font-size:12px !important;
 }