/* andreas02 - a free xhtml/css website layout by Andreas Viklund - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.

Version: 2.0 (Jan 29, 2007)

Screen layout: */

body {
padding:0px 0 0 0;
margin:0;
font:76% tahoma, verdana, sans-serif;

ssbackground: #64605D url('images_new/water-seam-0399.jpg') repeat top left;

background: #64605D;
ssbackground:#62152C;
color:#EEE;
}



a {
color:#050588;
text-decoration:underline;
sborder-bottom:1px solid #050588;
}

a:hover {
color:#010188;
text-decoration:underline;
sborder-bottom:1px solid #050588;
}

h1 {
margin:0 0 20px 0;
font-size:2.2em;
font-weight:normal;
}

h2 {
margin:0 0 12px 0;
font-size:1.6em;
font-weight:normal;
}

h2.centered {
margin:10px 0 0px 0;
font-size:1.6em;
font-weight:normal;
text-align: center;
letter-spacing: 5px;
}

h3 {
margin:0 0 10px 0;
font-size:1.4em;
font-weight:normal;
}

h4 {
margin:0 0 5px 0;
}


p {
 margin:0 0 15px 0;
 line-height:1.5em;
 text-align:left;
}

a img {
border:0;
}

ul {
	margin-bottom: 10px;
}


li {
	margin: 3px;
}


hr.smallline {
    background: #999;
    border: none;
    color: #333;
    height: 1px;
    width: 100%;
	-webkit-margin-before: 0.2em;
	    -webkit-margin-after: 0.2em;
	    -webkit-margin-start: auto;
	    -webkit-margin-end: auto;
}



table {
	font-size: 0.9em;
	width:100%;
	border: 1px solid #AAA;
	border-collapse: collapse;
	
}

.ui-datepicker table {
	border: none;
}

td {
	padding: 0px 2px;
	margin: 0;
	vertical-align: middle;
	sheight: 18px;
	border: 1px solid #AAA;
}


.tablelist,.xmaslist  {
	font-size: 11px;
}

.tablelist td.agenda_exame {
	line-height: 1.6em;
}	

table.tablelist.narrow {
	width: 50%;
}





.agenda {
	font-size: 0.9em;
	border-collapse:collapse;
	border: none;
}

.agenda td {
	padding: 0 2px;
	sborder: 1px solid #DDD;
}


td.hora {
	text-align: center;
	width: 40px;
	padding-left: 3px;
	padding-left: 2px;
}

td.doublealert {
	background-color: #FFDDDD;
}

table.agenda td.agendacomment {
	width: 25%;
}

td.datapast {
	color: red;
	font-weight: bold;
}


td.acao {
	text-align: center;
	swidth: 10%;
}


table.paciente {
	font-size: 0.9em;
	border-collapse:collapse;
	border: none;
}

.paciente td {
	font-size: 1.2em;
	padding: 1px 2px;
	border: none;
	vertical-align: top;
}

.paciente td.label {
	width: 150px;
	sbackground-color: #88D;
	color: #888;
	text-align:right;
	padding-right: 5px;
}

.paciente td.info {
	swhite-space: pre;
}


div.announcebox {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 1.1em;
	background-color: #CCC;
	color: black;
	padding: 10px;
	border: 1px dashed #222;
	margin: 10px 0;
}


p.delete_info {
	text-align: center;
	color: #FF3333;
	font-size: 1.em;
	font-weight: bold;
	display: block;
}

table.blind_table {
	border: none;
	margin: 0;
}

.blind_table td {
	border: none;
	vertical-align: middle;
	font-size: 1em;
	sline-height: 12px;
}

.blind_table td.opener {
	width: 10px;
}

.blind_table td.tipo_funcionario {
	text-align: right;
	font-size: 10px;
	line-height: 10px;
}


table.ficha {
	font-size: 14px;
	border-collapse:collapse;
	border: none;
}

.ficha td {
	font-size: 13px;
	border: none;
	vertical-align: top;
}


.ficha td.label {
	width: 180px;
	sbackground-color: #88D;
	color: #666;
	text-align:right;
	padding-right: 5px;
}


.ficha td.headlinelabel {
	width: 150px;
	text-decoration: underline;
	color: #444;
	text-align:right;
	padding-right: 5px;
}


.ficha td.labelminor {
	color: #666;
	text-align:right;
	padding-right: 5px;
}

.ficha td.info {
	swhite-space: pre;
	color: black;
}


.ficha td.infogrey {
	swhite-space: pre;
	color: #AAA;
}


.ficha td.infomargin {
	swhite-space: pre;
	color: black;
	padding-bottom: 7px;
}



.ficha td.infofixed {
	width: 150px;
}

table.drawtable {
	width:150px;
	border: 0;
	margin-right:10px;
}

.drawtable td {
	border: 0;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 0px;
	line-height:0px;
}

.whiteline a.agenda_exame, .greyline  a.agenda_exame {
	border: 1px dotted #888; padding: 0px 2px; color: #999;
}

.whiteline a.agenda_exame.exameactive, .greyline  a.agenda_exame.exameactive {
	border: 1px solid #333;
	background-color: #229; 
	color: #FFF;
}

a.agenda_exame {
	border: 1px dotted #888; padding: 0px 2px; color: #999;
	text-decoration: none;
}

a.agenda_exame.exameactive {
	border: 1px solid #333;
	background-color: #229; 
	color: #FFF;
}


span.agenda_exame_list.exameactive {
	border: 1px dotted #888; padding: 0px 2px; color: #999;
}


span.agenda_exame_list.exameactive {
	border: 1px solid #333;
	background-color: #229; 
	color: #FFF;
}



td.total {
	font-weight: bold;
}

td.paciente_nome {
	font-weight: bold;
}

td.paciente_nome a.camou {
color: #333;
text-decoration:none;
}

td.paciente_nome a.camou:hover {
color: #333;
text-decoration:underline;
}

td.verlauf {
background:#ffffff url(images/bgtable2.gif) bottom left repeat-x;
color: #233;
}





.tableheader {
	background-color: #FFF;
	color: #000;
	font-weight: bold;
}

tr.tableheader td {
  padding: 3px 2px;
}

tr.dateline td {
	padding: 5px 3px;
	font-weight: bold;
	font-size: 1.2em;
}


tr.tableheader td.filtered {
  color: #46F;
}

tr.whiteline {
	background-color: #FFF;
	color: #233;
}

tr.greyline {
	background-color: #EAEAEA;
	color: #233;
	sborder-bottom: 1px solid #00E;
}

tr.greyline.selline, tr.whiteline.selline {
	
}


.todayline {
	background-color: #FFFF33;
	color: #233;
}

.pagamento_red {
	background-color: #FF6666;
	color: #233;
}

.pagamento_purple {
	background-color: #FFCCFF;
	color: #111;
}

.pagamento_yellow {
	background-color: #FFFF66;
	color: #233;
}

.pagamento_incomplete {
	background-color: #FFCC66;
	color: #233;
}

.pagamento_glossa {
	background-color: #ff9999;
	color: #233;
}

.pagamento_block_select {
	background-color: #5555FF;
	color: #000;
}


.agenda_patient {
	background-color: #F5F5F5;
	color: #233;
}

tr.agenda_patient.unblocked {
}

tr.agenda_patient.unblocked td {
    background: #EEE url('resource/dots_bg3.png') repeat scroll top left;
    color: #666;
    background-color: #EEE;
}


tr.agenda_aberta {
	background-color: #FFF;
	color: #233;
}



tr.agenda_aberta td.hora a.camou {
	color: #111;
	sfont-weight: bold;
}

tr.agenda_fechada {
	background-color: #CACACA;
	color: #233;
}

tr.agenda_aberta.selline {
	background-color: #EEEEFF;
}

tr.agenda_fechada.selline {
	background-color: #D6D6D6;
}

tr.agenda_aberta td.checkinflowstatus {
	font-weight: bold;
}



.whiteline a, .greyline a {
	text-decoration: none;
	color: #C60;
}

td.agenda_anotacao {
  background-color: #FFFFCC;
  font-weight:bold;
}

tr.selline td.agenda_anotacao {
  background-color: #F1F1CC;
}



tr.agenda_bloqueio {
  background-color: #EEE;
  background: #EEE url('resource/stripes-light.png') repeat scroll top left;
  color: #666;
}

tr.agenda_aberta.agenda_bloqueio.selline {
    background: #EEE url('resource/stripes-light-2.png') repeat scroll top left;
}


tr.agenda_aberta.agenda_carrinho {
  background-color: #FEE;
  color: #666;
}

tr.agenda_aberta.agenda_carrinho.selline {
    background-color: #FCC;
}





table.compact {
	font-size: 1.1em;
}

table.compact td {
	font-size: 1.1em;
	height: auto;
	padding: 3px 5px;
}

table.chattable td {
	border-top: none;
	border-bottom: none;
}

table.chattable td.chatedited {
	background-color: #D8D8FF;
}

table.chattable tr.tableheader td {
	border-bottom: 1px solid #AAA;
}


table.chattable tr.responseline td, table.chattable td.chatcheckread {
	background: #FFFFFF url(images_new/verlauf-white-grey-lighter1.png) bottom left repeat-x;
	border-bottom: 1px solid #AAA;
}

td.chatcheckread {

}

input.chatinput_response {

}

td.center {
	text-align: center;
}


td.chatresponse {
	padding-left: 10px;
}

tr.chatisread td {
	color: #888;
}





/* Main container */

#container {
	margin:0 20px;
	sswidth:730px;
	padding:5px 20px 20px 20px;
	background:#ffffff;
	color:#303030;
	sbackground:#ffffff url(images/n2.gif) repeat-x;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 12px; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 12px; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 12px; 
}

#searchbox {
	float: right;
}
#helpbuttonwrap {
	margin-right: 10px;
	width: 50px;
	float: right;
}

#desc #helpbuttonwrap p {
	width: 50px;
}


/* Site title section */

#logo {
margin:15px 0 0 0;
}

#logo h1  {
color:#505050;
text-align:center;
letter-spacing: 2px;
}

#logo h1 a:hover {
color:#303030;
text-decoration:none;
border:none;
}

/* Toptab menu */

#toptabs {
margin:5px auto -13px auto;
font-size:0.8em;
width:90%;
}

#toptabs img {
	-webkit-border-top-left-radius: 28px;
	-webkit-border-top-right-radius: 28px;
	-moz-border-radius-topleft: 28px;
	-moz-border-radius-topright: 28px;
	border-top-left-radius: 28px;
	border-top-right-radius: 28px;
	
	float:left; 
}

#toptabs p {
padding-top: 28px;
text-align:right;
color:#EFEFEF;
}

.toptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
sbackground:#f0f0f0 url(images/corner2.gif) top right no-repeat;
color:#EFEFEF;
sborder-bottom:1px solid #e0e0e0;
}

.toptab:hover {
sbackground:#f0f0f0 url(images/corner2.gif) top right no-repeat;
sborder-bottom:1px solid #eaeaea;
color:#EFEFEF;
text-decoration:underline;
}

.activetoptab {
padding:4px 12px 3px 12px;
margin:0 0 0 4px;
color:#303030;
text-decoration:none;
background:#FFF;
border-bottom:1px solid #ffffff;
border-radius: 12px 12px 0 0; 
}

.activetoptab:hover {
text-decoration:none;
border-bottom:1px solid #ffffff;
}

/* Navitab menu */

#navitabs {
	margin:20px 0 4px 0;
clear:both;
}

.navitab {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
sbackground:#e0e0e0 url(images/corner.gif) top right no-repeat;
background-color: #E0E0E0;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
border-radius: 0 5px 0 0; 

}

.navitab:hover {
text-decoration:none;
background-color:#d0d0d0;
border-bottom:1px solid #ffffff;
border-radius: 0 5px 0 0; 
}

.activenavitab {
padding:4px 8px 5px 8px;
margin:0 0 5px 0;
font-size:1.1em;
text-decoration:none;
background-color:#c0c0c0;
border-radius: 0 5px 0 0; 

}

.activenavitab:hover {
text-decoration:none;
color:#ffffff;
border-radius: 0 5px 0 0; 

}


.filtertab {
padding:4px 8px 4px 8px;
margin:0 4px  4px 0;
text-decoration:none;
font-size:1.0em;
background:#f0f0f0;
border:1px solid #999999;
}

.filtertab:hover {
text-decoration:none;
background:#e0e0e0;
border:1px solid #777777;
}

.activefiltertab {
padding:4px 8px 4px 8px;
margin:0 4px  4px 0;
font-size:1.0em;
text-decoration:none;
background:#d0d0d0;
border:1px solid #999999;
}

.activefiltertab:hover {
text-decoration:none;
}



#insgroup {
   padding:4px 18px 4px 8px;
   margin:0px ;
   margin-top: 50px;
   display: inline;
   text-decoration:none;
   font-size:12px;
   background:#eFeFeF;
   border-radius: 0 5px 0 0; 
   sborder-bottom:1px solid #e0e0e0;
   sborder-left:4px solid #ffffff;
   clear:both;
}

#insfields {
	background:#eFeFeF;
	padding: 5px;
	margin: 0px 0px 10px 0;
	clear:both;
	display: block;
	margin-bottom:10px;
	border-bottom:10px solid #FFF;
    border-radius: 0 5px 0 0; 
}


#insgroup_ficha {
   padding:4px 18px 0px 8px;
   margin:0px ;
   margin-top: 10px;
   width: 120px;
   text-decoration:none;
   font-size:12px;
   background:#eFeFeF;
   border-radius: 0 5px 0 0; 
   clear:both;
}



#insfields_ficha {
	background:#eFeFeF;
	padding: 5px;
	margin: 0px 0px 0px 0;
	clear:both;
	swidth: 720px;
	display: block;
	margin-bottom:10px;
	border-bottom:10px solid #FFF;
}


.blockopener {
	float: left;
	width: 10px;
	height: 16px;
	margin-right: 8px;
	ssbackground:transparent url(images/bullet_arrow_down.png) center no-repeat;
	background:transparent url('resource/ic_seta.gif') center no-repeat;


}

.blockopener.open {
	ssbackground:transparent url(images/bullet_arrow_down.png) center no-repeat;
	background:transparent url('resource/ic_seta.gif') center no-repeat;
}
.blockopener.closed {
	ssbackground:transparent url(images/bullet_arrow_up.png) center no-repeat;
	background:transparent url('resource/ic_seta_up.png') center no-repeat;
}

.modalbox {
	width: 600px;
	min-height: 200px;
}
.modalbox p {
	color: #333;
}
.modalbox p.buttons {
	text-align: center;
}
.modalbox p.buttons a.thebutton {
	font-size: 1.4em;
}



.insgroup {
   padding:4px 18px 1px 8px;
   margin:0px ;
   smargin-top: 50px;
   float: left;
   text-decoration:none;
   font-size:1em;
   background:#eFeFeF;
   border-radius: 0 5px 0 0; 
   
   sborder-bottom:1px solid #e0e0e0;
   sborder-left:4px solid #ffffff;
   sclear:both;
	color: #333;
	cursor: pointer;
}


.insgroup.grouptab_hell {
	color: #CCC;
}


.insfields {
	background-color: #eFeFeF;
	padding: 5px;
	margin: 0px 0px 20px 0;
	clear:left;
	display: block;
	sborder-bottom:10px solid #FFF;
    border-radius: 0 12px 12px 12px; 
	
}

div.checkboxwrap {
	border: 1px solid #CCE;
	padding: 1px 3px;
	margin-right: 10px;
	display: inline-block;
	
}
label.lbl1 {
	display: inline-block;
	float: none;
	width: auto;
	padding: 0px 3px;
}

.ficha_values {
	padding: 0 20px 0 20px;
	border-left: 3px solid black;
	border-color: transparent;
	sborder:1px solid #FF0;
}

.ficha_values.markblock {
	border-left: 3px solid #33FF22;
}

.ficha_values.closed {
	display: none;
}
.ficha_values.noborder {
	border: none;
	padding: 0;
}

.ficha_edit {
	border-left: 3px dotted black;
	border-color: transparent;
}

.border_prescricao {
	border-color: #FF9999;
}


#main.help p {
   width: 75%;
}

#main.help p img {
   margin: 0px; padding: 5px; border: 1px solid #999;
}

#main.help h1 {
   margin-top: 10px;
}

#main.help h2 {
   margin-top: 30px;
   border-bottom: 1px solid #333;
   width: 90%;
   
}
#main.help h3 {
   margin-top: 20px;
}


/* */

h3.little {
	font-size: 14px;
}


div.inner_block {
	padding: 5px 0;
}

div.image_zeichnung {
	padding: 5px 0 0 50px;
}


#inner_opener {
}


#clearer2 {
 clear: both;
 margin-top: 2px;
}

.clearer {
 clear: both;
 margin-top: 2px;
}


#buttonwrap,  .buttonwrap {
 padding: 5px;
 display: block;
 clear: both;
 text-align: left;
 padding-left: 195px;
 margin-bottom: 15px;
}

.ficha_values .buttonwrap {
    padding-left: 190px;
}



/*
input.acvis {
	background: #FFF url('icons/input_av2.png') no-repeat bottom right;
}
input.esfer {
	background: #FFF url('icons/input_esf2.png') no-repeat bottom right;
}
input.cil {
	background: #FFF url('icons/input_cil2.png') no-repeat bottom right;
}
input.eixo {
	background: #FFF url('icons/input_eixo2.png') no-repeat bottom right;
}
*/

a.theselectbutton {
	margin: 0px 5px 0px 10px;
	padding: 0px 3px 0px 3px;
	color: #2970A6;
	text-decoration: none;
	color: #050588;
	border: 1px solid #666;
	font-size: 11px;
	line-height:0.8em;
}

div.snippetblock {
	float: right; 
	width: 170px; 
	sborder: 1px solid black;
}

a.miniselect {
	border: 1px solid #CCC;
	text-decoration: none;
	padding: 0 4px;
	white-space: pre;
	line-height: 1.8em;
}

a.miniselect:hover {
	border: 1px solid #11C;
}


a.miniselect_ativo {
	border: 1px solid #11C;
	text-decoration: none;
	padding: 0 4px;
	white-space: pre;
	line-height: 1.8em;
	background-color: #CCF;
}

a.miniselect_ativo:hover {
	border: 1px solid #CCC;
}



.center {
	text-align: center;
 padding-left: 0px;
}


.trenner {
 clear: both;
 margin: 7px 0;
 border-bottom:1px dotted #555;
}

.trenner_stark {
 clear: both;
 margin: 7px 0;
height: 5px;
 border-top:1px solid #FFF;
background: #FFF url('images/n2_2.gif') repeat-x top center;
}

#trenner_level2 {
 clear: both;
 margin: 5px 20px 5px 60px;
 border-bottom:1px dotted #555;
}

#trenner2 {
 clear: both;
 margin: 5px 0px;
}


.ficha1 {
 background-color: #FAFAFA;
 border: 1px dotted #666666;
padding: 5px;
}

/* Header description */

#desc {
height:40px;
color:#222;
padding: 5px;
background:#ffffff url(images/n2.gif) repeat-x;
clear:both;
margin:5px 0 25px 0;
border:3px solid #c0c0c0;
}

#desc p {
position: relative; top:5px; left:10px;
width:610px;
font-size:12px;
padding:0;
margin: 0;
}

#desc h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc a {
color:#222;
text-decoration:underline;
border-color:#ffffff;
}

/* Main content */
#main {
width:70%;
float:left;
padding:0 15px 0 0;
margin:0;
border-right:1px solid #d8d8d8;
}

#main.compact {
width:100%;
border:none;
}



#main.busca {
width:675px;
border:none;
}



/* Sidebar */

#sidebar {
width:25%;
float:right;
margin:0 0 0 15px;
}

#sidebar.compact {
display:none;
}




#sidebar p {
font-size:0.9em;
line-height:1.3em;
margin:0 0 15px 0;
}

.sidebarresultblock {
	margin:0 0 20px 0;
}

#conveniochangemessage {
	font-weight: bold;
	color: #966;
	margin-left: 10px;
}

/* Footer */

#clearer {
 height: 1px;
 line-height: 1px;
 clear: both;
}


#footer {
clear:both;
sbackground:#fafafa;
padding:0;
margin:0;
}

#footer a {
color:#CCC;
}

#footer a:hover {
color:#FFF;
}

#footer p {
color:#CCC;
font-size:0.9em;
line-height:1.0em;
margin:0;
text-align: center;
padding:15px;
}

/* Various classes */

.photo {
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.right {
margin-top:-8px;
text-align:right;
}

.block {
background:#f0f0f0;
padding:10px;
}


.sidelink {
text-align:left;
display:block;
sswidth:140px;
background:#f0f0f0;
border-radius: 0 10px 10px 0;
padding:3px 4px 3px 12px;
margin:5px 10px 5px 0;
text-decoration: none;
text-transform: uppercase;
border:none;
}

.sidelink_active {
text-align:left;
display:block;
sswidth:140px;
background:#e0e0e0;
border-radius: 0 10px 10px 0;
padding:3px 4px 3px 12px;
margin:5px 10px 5px 0;
text-decoration: underline;
text-transform: uppercase;
border:none;
}

.sidelink:hover {
background:#e0e0e0;
border-radius: 10px;
text-decoration:none;
border:none;
}

.sidelink_minor, .sidelink_minor_img {
text-align:left;
display:block;
sswidth:120px;
background:#f0f0f0;
border-radius: 0 10px 10px 0;
padding:3px 4px 3px 12px;

margin:5px 10px 5px 20px;
text-decoration: none;
border:none;
}

.sidelink_minor_img {
	padding:2px 4px 2px 8px;
}

.sidelink_minor_active {
text-align:left;
display:block;
sswidth:120px;
background:#e0e0e0;
border-radius: 0 10px 10px 0;
padding:3px 4px 3px 12px;
margin:5px 10px 5px 20px;
text-decoration: underline;
border:none;
}

.sidelink_minor.preferred {
	border-left: 3px solid #9999EE;
	padding:3px 4px 3px 5px;
	
}


.sidelink_minor:hover, .sidelink_minor_img:hover {
background:#e0e0e0;
text-decoration:none;
border:none;
}

.sidelink_minor.preferred:hover {
	border-left: 3px solid black;
	padding:3px 4px 3px 5px;
}



.hide {
display:none;
}



.printonly {
display:none;
}

p.isOK {
	padding: 5px;
	border: 1px solid #44FF44;
	text-align: center;
}

p.isError {
	padding: 5px;
	border: 2px solid #FF4444;
	text-align: center;
}


p.isInfo {
	padding: 5px;
	border: 1px solid #999999;
	text-align: center;
}

span.marca_id_span {
	display: none;
}

.prontuariocolumn {
	width: 32%;
	float: left;
	margin-right: 10px;
}

.prontuariocolumn.last {
	margin-right: 0px;
}


.prontuariocolumn50 {
	width: 49%;
	float: left;
	margin-right: 10px;
}

.prontuariocolumn50.last {
	margin-right: 0px;
}


/* FORMULARE */

fieldset {
	padding: 0px;
	sbackground:#e0e0e0;
	sborder-color: #FFF;
}

label {
	font-weight:normal;
	text-align:right;
	margin: 0px;
	padding: 3px;
	width:190px;
	float:left;
	color: #444444;
	sborder: 1px solid black;
}

.radioset label.forradio {
	float:none;
	width: auto;
	padding-right: 20px;
}

.radioset {
	margin-bottom: 10px;
}

.ficha_values label {
	width:180px;
}

.prontuariocolumn label, .prontuariocolumn50 label {
	width: 40px;
}


.prontuariocolumn .ficha_values label, .prontuariocolumn50 .ficha_values label {
	width: 40px;
}


label.info {
	text-align: left;
	width: auto;
	border: none;
	padding: 3px;
	font-weight: normal;
}

label.info2 {
	font-weight:normal;
	width:170px;
	padding: 3px;
}


label.needed {
	font-weight:bold;
}

input {
	padding: 2px;
	border:1px solid #AAA;
	font: normal 1em Verdana, sans-serif;
	color:#333;
	margin: 0px 5px 0px 0px;
}

input.error {
	color:#FFF;
	background-color: #F11;
}

input.inputdiff {
	padding: 4px 2px;
}


input.text_bgImage {
	width: 140px; /* entspricht Grafikbreite */
	height: 20px; /* entspricht Grafikhöhe */
	background: url(images/searchfield.png); /* Hintergrundgrafik */
	border: 0; /* Elementrahmen deaktivieren */
	padding: 5px 5px 5px 35px; /* Innenabstand */
	margin:4px 5px 4px 0;
}


input.inputloader {
	background: #FFF;
	padding-right: 35px; /* Innenabstand */
	width: 180px;
}

input.inputloader.active {
	background: #FFF url('myicons/ajax-loader-inline.gif') no-repeat center right;
	background-position: 90% 50%;
	padding-right: 35px; /* Innenabstand */
	width: 180px;
}


input.text_nobg {
	width: 140px; /* entspricht Grafikbreite */
	height: 20px; /* entspricht Grafikhöhe */
	padding: 5px 5px 5px 5px; /* Innenabstand */
	margin:4px 5px 4px 0;
}


.myform {
	clear: both;
	background-color: #D3EFB4;
	display: block;
	border: 1px solid white;
	margin: 20px 20px 0 0;
	padding: 10px 15px;
}


div.uploadfotos_wrap {
overflow: hidden;
padding: 10px;
background-color: #E1E1E1;
height: 190px;
width: 190px;
float: left;
margin: 10px 10px 0 0;
}

.uploadfotos_wrap p {
	margin: 0;
}



input.largedesc {
	width: 400px;
}

input.mini {
	width: 80px;
}


input.miniklein {
	width: 40px;
}


input.chat {
	width: 140px;
	padding: 0;
	margin: 0;
	background-color: #FFFBB1;
}

input:focus {
	background-color: #FFFBB1;
}

textarea:focus {
	background-color: #FFFBB1;
}

input.button:focus {
	background-color: transparent;
}

input.refreshblock {
	border-color: #330;
}


td.birthdaytoday {
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('icons/ribbon.png');
	background-position: right center;
	sborder: 1px solid black;
	padding-right: 10px;
}

td.chatbox {
	padding-right: 15px;
}

td.chatedited {
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('myicons/16_comment_edit.png');
	background-position: center right;
	sborder: 1px solid black;
	padding-right: 15px;
}

#checkinflowtable td.chatedited {
	background-color: #CCCCFF;
}


td.boolean {
	text-align: center;
}
td.number {
	text-align: right;
}

td.chatfield {
	width: 210px;
}

td.fett {
	font-weight: bold;
}


input.inputW50 {
	width: 180px;
}


input.wider {
	width: 280px;
}


input.largedesc2 {
	width: 500px;
}

input.minoractionbutton {
	margin: 0px 5px 0px 0px;
	padding: 2px 8px;
	background: #f4f4f4 url(images/apple_verlauf_button1.gif) bottom left repeat-x;
	color: #FFF;
	cursor: pointer;
}


input.actionbutton2 {
	margin: 0px 5px 0px 0px;
	padding: 2px 8px;
	sbackground: #f4f4f4 url(images/apple_verlauf_button1.gif) bottom left repeat-x;
	color: #999;
	cursor: pointer;
}

input.activated {
	background: #f4f4f4 url(images/apple_verlauf_button1.gif) bottom left repeat-x;
	color: #FFF;
}


a.actionbutton2 {
	margin: 0px 5px 0px 0px;
	padding: 2px 8px;

	margin: 0px 5px 0px 0px;
	color: #999;
	text-decoration: none;
	border: 1px solid #999;
	font-size: 1em;
	line-height: 22px;
}


a.actionbutton2.activated {
	background: #f4f4f4 url(images/apple_verlauf_button1.gif) bottom left repeat-x;
	color: #FFF;
}




input.warning {
	background-color: #f43333;
	color: #FFF;
}

#warning_message {
		background-color: #f43333;
		color: #FFF;
}

@-webkit-keyframes blink { 50% { border-color: #CCCCCC; }  }

p.messageinfo {
	padding: 5px;border: 3px solid #4444FF; text-align: center;
}
p.messagewarning {
	padding: 5px;border: 5px solid #EEEE22; text-align: center;
}
p.messageblink {
	-webkit-animation: blink .5s step-end infinite alternate; 
}

input.button {
	margin: 1px 0px 0px 5px;
	font-size: 1.3em;
	padding: 3px 12px;
	letter-spacing: 1px;
	background: #a0a8b8 url(images/apple_verlauf_button4.png) bottom left repeat-x;
	color: #FFF;
	border-radius: 12px;
	cursor: pointer;
}


form.chat_edit {
	padding: 1px 0;
	text-align: right;
}

input.minibutton {
	font-size: 10px;
	line-height: 10px;
	margin: 0px 2px 0px 0px;
	padding: 0px 3px;
	letter-spacing: 2px;
	background: #a0a8b8 url(images/apple_verlauf_button4.png) bottom left repeat-x;
	color: #FFF;
}

input.cancelar {
	background-image: none;
	background-color: transparent;
	color: #666;
}


select.tableselect {
	border: none;
	padding:0;
	color: #233;
	font:1em tahoma, verdana, sans-serif;
}


input.searchbutton {
	margin: 0px 5px 0px 0px;
	padding: 3px 8px 1px 8px;
	background: #F2F2F2 url(images/apple_verlauf_button3.gif) bottom left repeat-x;
	color: #2970A6;
	color: #050588;
	font-size: 10px;
}


a.thebutton {
	margin: 0px 5px 0px 0px;
	padding: 4px 8px 4px 8px;
	background: #F2F2F2 url(images/apple_verlauf_button3.gif) bottom left repeat-x;
	color: #2970A6;
	text-decoration: none;
	color: #050588;
	border: 1px solid #666;
	font-size: 0.9em;
	line-height: 22px;
}



a.theselectbutton {
	margin: 0px 5px 0px 0px;
	padding: 0px 2px 0px 2px;
	sbackground: #F2F2F2 url(images/apple_verlauf_button3.gif) bottom left repeat-x;
	color: #2970A6;
	text-decoration: none;
	color: #050588;
	border: 1px solid #666;
	font-size: 11px;
	line-height:0.8em;
}


a.minibuttonimagetext {

	background-image:  url('myicons/12_bullet.png');
	background-repeat: no-repeat;
	background-position: 2px 2px;
	background-color: #EEE;
		
	color: #999;
	border: 1px solid #CCC;
	text-decoration: none;
	padding: 0 4px 0 20px;
	white-space: pre;
	line-height: 1.8em;
}

a.minibuttonimagetext:hover {
	background-color: #FFF;
	border: 1px solid #111;
	color: #333;
	
}



a.whitebutton img {
	padding: 1px 5px;
	background-color: #EFEFEF;
	sborder: 1px solid #AAA;
}


a.whitebutton:hover img {
	background-color: white;
	sborder: 1px solid #666;
}



a.hiddenlink {
	color: #000;
	text-decoration:none;
}
a.hiddenlink:hover {
color: #666;
text-decoration:underline;
}




input.img_link {
	margin: 0px 0px 0px 0px;
    border:0px solid #AAA;
    padding: 0px;
}



textarea {
	width:250px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #AAA;
	height:70px;
	xxdisplay:block;
	color:#333;
	margin: 0px 0px 0px 0px;
}


a.darkbutton {
	margin: 0px 5px 0px 0px;
	padding: 4px 8px 4px 8px;
	letter-spacing: 2px;
	background: #a0a8b8 url(images/apple_verlauf_button4.png) bottom left repeat-x;
	color: #FFF;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 22px;
}

a.darkbutton2 {
	margin: 0 5px 0 0;
	padding: 5px 16px;
	letter-spacing: 2px;
	background: linear-gradient(to bottom, #A0A8B8 0%, #6E7D98 100%);
	color: #FFF;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 22px;
	border-radius: 8px;
	transition: all 0.3s ease;
	display: inline-block;
}

a.darkbutton2:hover {
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}


p.textarealike {
	padding: 3px 0;
	margin-left: 190px;
	width: 50%;
}

#synclog {
	border: 5px solid red; 
	display: none; 
	padding: 5px;	
}



.inputwide {
	width:450px;
	height:60px;
}
.inputwidehigh {
	width:450px;
	height:60px;
}

.inputwidehigh2 {
	width:450px;
	height:90px;
}

.inputwidehigher {
	width:450px;
	height:160px;
}

.inputsuperwide {
	width:92%;
	height:180px;
}

.inputsuperwidesuperhigh {
	width:92%;
	height:380px;
}

.inputhigh {
	width:320px;
	height:150px;
}

span.chatboxtext {
	white-space:pre-wrap;
}

textarea.chat, textarea.chatboxtext {
	width:190px;
	height:90px;
}

textarea.chatboxtext {
	border: none;
	background-color: transparent;
}


a.thedeleteButton {
	margin: 0px 5px 0px 0px;
	padding: 0px 2px 0px 2px;
	color: #29A670;
	text-decoration: none;
	color: #AAA;
	border: 1px solid #AAA;
	font-size: 11px;
	line-height:0.8em;
}

a.thedeleteButton:hover {
	color: #058800;
	border: 1px solid #058800;
}

a.minibutton2 {
	margin: 0px 5px 0px 0px;
	padding: 0px 2px 0px 2px;
	color: #333;
	text-decoration: none;
	color: #AAA;
	border: 1px solid #AAA;
	font-size: 11px;
	line-height:0.8em;
}

a.minibutton2:hover {
	color: #118;
	border: 1px solid #118;
}

a.camou {
color: #233;
text-decoration:none;
}

a.camou:hover {
color: #233;
text-decoration:underline;
}

a.listlink {
color: #233;
text-decoration:underline;
}

a.listlink:hover {
color: #122;
text-decoration:underline;
}



a.filtered {
color: #46F;
text-decoration:none;
}

a.filtered:hover {
color: #46F;
text-decoration:underline;
}

a.sub_opener {
text-decoration: none;
text-transform: uppercase;
}

a.sub_opener:hover {
text-decoration: underline;
text-transform: uppercase;
}

span.summary {
line-height: 18px;
margin-left: 3px;
}

div.exportbox {
	padding: 0px;
	margin-left: 190px;
}

div.exportbuttonbox {
	margin-top: 20px;
	border-top: 1px solid #999;
	padding: 10px 0px;
}

.noborder {
	border: none;
}


div.fichalabel {
	color: #666;
	text-align:right;
	margin: 0px;
	padding: 0px 0px 0 0;
	width:150px;
	float:left;
	sborder: 1px solid black;
	clear: left;
}

div.fichalabel p {
	text-align:right;
}


div.fichacontent {
	margin: 0 0 0 158px;
	color: black;
}




div.prescricaolabel, div.laudointernolabel, div.cartacolegalabel {
	color: #444444;
	text-align:right;
	margin: 0px;
	padding: 9px 3px 0 3px;
	width:180px;
	float:left;
	sborder: 1px solid black;
	clear: left;
}

div.fakelabel {
	color: #444;
	text-align:right;
	margin: 0px;
	padding: 9px 3px 0 3px;
	width:180px;
	float:left;
	sborder: 1px solid black;
	clear: left;
}


input.fakeinput {
	background: transparent;
	border-color: transparent;
}

div.inputfakewrap {
	padding: 2px 2px 2px 4px;
}
div.inputfakewrap span {
	font-size: 14px;
	padding: 2px 2px 2px 4px;
}

/* Horizontal rows */
hr.sep-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

hr.sep-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.sep-three {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.55), rgba(128, 128, 128, 0));
}





div.prescricaolabel p, div.laudointernolabel p, div.cartacolegalabel p {
	text-align:right;
}
div.fakelabel p {
	text-align:right;
	color: #444444;
}

td.time {
	width: 100px;
}

td.acao {
	width: 100px;
	text-align: center;
}
td.agenda2examecolumn {
	width: 150px;
	
}

div.prescricaocontent, div.laudointernocontent, div.cartacolegacontent {
	margin: 0 0 5px 186px;
}
div.cid10resultcontent {
	margin: 0 0 5px 156px;
	padding: 9px 2px;
}
div.tagresultcontent {
	margin: 0 0 5px 156px;
	padding: 9px 2px;
}
div.formcontent {
	margin: 0 0 5px 186px;
}

span.cid10selID, span.tagselID {
	display: none;
}

#prescricaowrap, #laudointernowrap, #cartacolegawrap {
	margin: 8px 0 8px 180px;
	border: 3px dotted green;
}

#prescricao_result_all, #laudointerno_result_all, #cartacolega_result_all {
	padding: 0px;
	sbackground-color: #F4F4F4;
	width: 98%;
}

div.prescricao_result_single, div.laudointerno_result_single, div.cartacolega_result_single {
	border: 1px solid #FFF;
	background-color: #F4F4F4;
	background:#eaeaea url(images/menubg2.gif) bottom left repeat-x;
	padding: 5px;
	margin-bottom: 5px;
}


div.resultbox {
	border: 1px solid #FFF;
	background-color: #F4F4F4;
	background:#eaeaea url(images/menubg2.gif) bottom left repeat-x;
	padding: 5px;
	margin-bottom: 0px;
}

p.prescricao_single_title, p.laudointerno_single_title, p.cartacolega_single_title {
	sfont-weight: bold;
}
p.prescricao_single_title {
	font-weight: bold;
	border-bottom: 1px solid #FFF;
}

p.cid10_single_title {
	margin-bottom: 2px;
}


p.tag_single_title {
	margin-bottom: 2px;
}
.nomargin {
	margin: 0;
	padding: 0;
}

/* ///////////////   PRONTOARIO //////////////////////////// */

table.prontoario {

	font-size: 14px;
	border-collapse:collapse;
	border: none;
}

.prontoario td {
	font-size: 13px;
	border: 1px solid #999999;
	border: none;
	padding: 1px;
	vertical-align: top;
}


.prontoario td.label, .prontoario td.labelminor, .prontoario td.title  {
	sbackground-color: #88D;
	color: #444;
	text-align:right;
	padding-right: 5px;
	padding-top: 4px;
}

.prontoario td.label {
	width: 140px;
}

.ficha_values .prontoario td.label {
	width:150px;
}



td.labeltitle2 {
	text-align:right;
font-size:0.9em;
font-style: italic;
font-weight:normal;
padding-right: 5px;
width: 150px;
}


.prontoario td.info {
}


.prontoario td.input_and_button {
	line-height: 1.5em;
	padding-bottom: 5px;
}


.prontoario td.infofixed {
	width: 250px;
}


.prontoario td.esferico1 {
	width: 50px;
}
.prontoario td.esferico2 {
	width: 110px;
}


.prontoario td.cil1 {
	width: 50px;
}
.prontoario td.cil2 {
	width: 50px;
}


.prontoario td.eixo1 {
	width: 50px;
}
.prontoario td.eixo2 {
	width: 50px;
}


.ficha td.info span.eye {
	
	 padding: 0 3px;
 	text-align: right; 
 	display: inline-block; 
 	width: 45px; 
 	border: 1px solid #CCC;
}


.ficha td.info span.esferico {

}
.ficha td.info span.cil {
	
}
.ficha td.info span.eixo {

}
.ficha td.info span.av {
	
}


.prontoario td.bigtitle {
	text-align:left;
font-size:1.6em;
font-weight:normal;
}

.prontoario td.title {
	text-align:left;
font-size:1.2em;
font-weight:normal;
}

.prontoario td.smallsep {
font-size:0.5em;
height:5px;
}

input.klein {
	width: 100px;
}
input.kleiner {
	width: 50px;
}
input.largedesc {
	width: 220px;
}

input.money {
	text-align: right;
}


textarea.inputnarrowhigh {
	width:200px;
	height:65px;
}

textarea.textareahigher {
	width:400px;
	height:135px;
}



div.checkwrapper {
	    sheight: 100px;
		margin-left: 150px;
	    padding: 5px;
	    overflow: auto;
	    border: 1px solid #ccc
}



/* ///////////////   DESENHO //////////////////////////// */

table.desenho_table {
	height: 20px;
	font-size: 14px;
	border-collapse:collapse;
	border: none;
	background-color: #FF0000;
	margin-right: 20px;
}

table.desenho_table td {
	height: 10px;
	border: none;
	padding: 0;
	margin: 0;
}

table.desenho_table tr {
	border: none;
	padding: 0;
}

/* /// display:block fuer firefox (sonst padding!) */
table.desenho_table img {
	padding: 0;
	margin: 0;
	display: block;
}

td.date {
	width: 70px;
	text-align: left;
}

td.datetime {
	width: 100px;
	text-align: left;
}

td.money {
	width: 70px;
	text-align: right;
}

td.soma {
	font-weight: bold;
	text-align:right;
}
td.percent {
	text-align:right;
	width: 60px;
	background-image: url('myicons/white200x50.png');
	background-repeat: no-repeat;
	background-position: 200px 0px;
}

td.agendacomment {
	width: 40%;
}


input.info {
	background-color: #EEE;
}



ul.agendalist {
	margin: 0px 0;
	padding: 0;
}
ul.agendalist li {
	list-style: none;
		display: inline;
margin: 0;
padding: 0;
}

ul.morespace {
	margin-bottom: 10px;
}

ul.agendalist li a {
	ssdisplay: inline;
text-align:left;
font-size: 0.9em;
background-color:#e5e5e5;
margin:5px 1px 5px 0px;
text-decoration: none;
border:none;
line-height: 22px;
padding:2px 8px 2px 8px;
white-space: nowrap;
border-radius: 0 5px 0 0;
}

ul.agendalist li a.aparelho {
background:#EED;
border-radius: 0 5px 0 0;

}



ul.agendalist li a:hover {
background:#6666D5;
border-radius: 0 5px 0 0;

color: white;
}


ul.agendalist li a.heute {
background:#D1D1D1;
border-radius: 0 5px 0 0;

color: black;
}





ul.agendalist li a.noopenagenda {
border-left: 5px solid #666633;
}

ul.agendalist li a.openagenda {
border-left: 5px solid #e5e5e5;
}



ul.agendalist li a.active {
background:#0000D5;
color: white;
}


ul.agendalist li a.heute:hover {
background:#6666D5;
color: white;

}

.samstag {
	color: #0000DD;
}

.sonntag {
	color: #DD0000;
}

.feiertag {
	color: #DD0000;
}

.other_doc {
	font-style: italic;
	text-decoration: underline;
}

p.bottom_line {
	border-bottom: 1px dotted #555;
	width: 50%;
	margin-bottom: 4px;
}

p.divider {
	border-bottom: 1px dotted #555;
	width: 50%;
	margin: 0 0 5px 150px;
	height: 5px;
}



.prescricao_border {
	border-left: 3px solid #FF9999;
}


.laudointerno_border {
	border-left: 3px solid #9999FF;
}


div.avfloatblock {
	width: 80px;
	height: auto;
	min-height: 80px;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;
	sborder: 1px solid #CCC;
}



div.avfloatblock.bigtitle {
	text-transform: uppercase;
	letter-spacing: 1px;
	min-height: 1px;
	height: auto;
	width: 300px;
	padding-top: 0px;
	text-align: left;
}

div.avfloatblock.oneinput {
	height: 70px;
	padding-top: 10px;
	min-height: 50px;
}

div.avfloatblock.txarea {
	width: 320px; /* 4x */
	text-align: left;
	height: auto;
}

div.avfloatblock.txarea textarea {
	width: 310px; /* 4x */
	height: 100px;
}

div.avfloatblock.double {
	width: 160px; /* 2x */
}

div.avfloatblock .avtitle {
	height: 16px;
	padding-top: 4px;
	color: #444444;
	text-align: left;
	padding-left: 15px;
}
div.avfloatblock .avinput {
	height: 24px;
	line-height: 1.8em;
	color: #444444;
}

div.avfloatblock .avinput.titleright {
	text-align: right;
	padding-right: 3px;
	padding-left: 0;
}


/* SPINNER https://codepen.io/komarovdesign/pen/PPRbgb */

.quantity {
  position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input.myspinner
{
  -moz-appearance: textfield;
}

.quantity input {
  width: 45px;
  height: 21px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 0px;
  padding-right: 25px;
  text-align: right;
  sborder: 1px solid #eee;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 21px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #aaa;
  width: 20px;
  text-align: center;
  color: #999;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 0.85;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #aaa;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}




/* ///////////////   inicio  calendar//////////////////////////// */

#calender {
	width: 200px;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	}

#calenderTable {
	width: 200px;
	border-width: 2px;
	border-color: #999999;
	border-style: outset;
	background-color: #EAEDF5;
	display: none;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	}
#calenderTable td {
	text-align: center;
	border: 1px solid #FAFDF5;
	color: #000046;
	font-size: 7pt;
	width: 40px;
	}
#calenderTableHead TR {
	background-color: #EAEDF5;
	}
#calenderTableDays TR {
	background-color: #C3D4E7;
	}

#calenderTableDays TD {
	width: 14%;
}

#selectMonth, #selectYear {
	font-family: "Tahoma", sans-serif;
	font-size: 7pt;
	sborder-width: 0px;
	sborder-style: none;
	}

#calenderTable A {
	color: blue;
	text-decoration: none;
	font-size: 11pt;
	font-family: "courier new";
	}
#calenderTable A:hover {
	color: red;
	text-decoration: none;
	background-color: #C3D4E7;
	}
.normalDay {
	border: 1px solid #FFF;
	cursor: pointer;
	}
.hlDay {
	border: 1px solid #000;
	background-color: #C3D4E7;
	color: red;
	cursor: pointer;
	}
.toDay {
	border: 1px solid #000;
	sbackground-color: #C3D4E7;
	color: #F00;
	font-weight: bold;
	cursor: pointer;
	}
.choosenDay {
	border: 1px solid #000;
	background-color: #C3D4E7;
	color: #F00;
	font-weight: normal;
	cursor: pointer;
	}

/* ///////////////   fim calendar //////////////////////////// */


#navitabs {}
#navitabs ul{ list-style:none; margin:0; padding:0; }
#navitabs li { float:left; padding:0; margin:0;}
#navitabs li a { margin: 0; border: none; width:auto; display:block; text-align:center; margin-right:5px; text-decoration:none; }
#navitabs li a:hover { }
#navitabs ul ul { margin-left: -1px; display:none; position:absolute; z-index:999; }
#navitabs li li { float:none; }
#navitabs li li a { background:#EBE7E6; text-align:left; height:auto; line-height:1; width:auto; padding:6px 20px 6px 22px; border:1px solid #D0D0D0; border-top:none; margin-right:0; }
#navitabs li li a:hover {background-color:#d0d0d0;}
* html li li { display:inline; } /* IE6 Bugfix... */



.tooltip {
  display:none;
  ssbackground:url(images/black_arrow.png);
  sswidth:209px;
  ssheight:122px;
  sspadding:4px 3px 1px 3px;
  ssfont-size:11px;
  sscolor:#fff;
}

.tooltip_simple {
    background-color:#FFF;
    border:1px solid #333;
    padding:5px 8px;
    display:none;
    color:#333;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}



table.popup {
	border: none;
	width:auto;
}


table.popup td, table.popup th {
	border: none;
	padding: 0;
}
.popup td.corner {
	height: 15px;
	width: 19px;
}

.popup td#topleft { background-image: url(tooltip/bubble-1.png); }
.popup td.top { background-image: url(tooltip/bubble-2.png); }
.popup td#topright { background-image: url(tooltip/bubble-3.png); }
.popup td.left { background-image: url(tooltip/bubble-4.png); }
.popup td.right { background-image: url(tooltip/bubble-5.png); }
.popup td#bottomleft { background-image: url(tooltip/bubble-6.png); }
.popup td.bottom { background-image: url(tooltip/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(tooltip/bubble-8.png); }

.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	border: none;
	width:auto;
	}


.error .popup table.popup-contents {
	background-color: #fff;
	color: #F11;
}
	
table.popup-contents th {
	text-align: right;
	stext-transform: lowercase;
	padding: 2px;
	font-weight: normal;
	}

table.popup-contents td {
	text-align: left;
	border: none;
	padding: 2px;
	font-weight: bold;
	}



a.colorselectbutton {
	text-decoration: none;
	display: block;
	float: left;
	width: 15px; height: 15px;
	margin: 0 4px 4px 0;
	sborder: 2px solid transparent;
}

a.borderselected {
	sborder: 2px dotted red;
}



/*

https://proto.io/freebies/onoff/

Nice Checkbox
https://codepen.io/AllThingsSmitty/pen/MmxxOz

*/

.switch, .ficha_values label.switch {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	margin-right: 6px;
	height: 20px;
	position: relative;
	width: 46px;
	padding:0;
}

.switch input {
  display:none;
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 12px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 12px;
}

input:checked + .slider {
  background-color: #0E7BC2;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
}