* {
	margin: 0; padding: 0;
}
body {
	font-family:  Helvetica, Arial, Verdana, serif;
	font-size: 0.8em;
	color: #333333;
}
a, a:visited { text-decoration: none; color: #2e8a89; }
a:hover { text-decoration: underline;}

a {
 color: #2e8a89;      
} 
a.back { height: 20px; display: block; }
img { border: none; vertical-align: middle; }    
h1 { font-size: 20px; color: #555555;    }
h2 { color: #555555; font-size: 18px; }
h3 { color: #4e4f4f; font-size: 16px;} 
h1,h2,h3 { margin-bottom: 10px;}   


/* Classes */
.clear { clear: both} 
.left {
	float: left;
}               
.right {
	float: right;
}               
.leftcol {
	float: left;
	width: 49%;
}
.midcol {
	width: 2%;
	float: left;
}
.clear20 { clear: both; height: 20px;}
.clear40 { clear: both; height: 40px;}
.darkgreen { color: #2e672b; }
.green { color: #2e8a89; }  
.alignright, #content p.alignright { text-align: right; }     
.separator { display: inline-block; width: 22px; }     
.separatorline { width: 100%; margin-top: 20px; height: 10px; border-top: 1px solid #2f8987; }     
.toolbarseparator 	{ width: 15px; margin-right: 15px; height: 16px; border-right: 1px solid #d1d1d1; display: inline-block; vertical-align: middle;  }       
.paginationControl { margin-top: 10px;}
/* Notifications */ 
.notification.success {
	background: #effeb9 url('../images/message/success.png') no-repeat 10px 10px;
	border-color: #98c700;
}
.notification.error {
	background: #fccac3 url('../images/message/error.png') no-repeat 10px 10px;
	border-color: #ea5338;
}
.notification.warning {
	background: #ffeaa7 url('../images/message/warning.png') no-repeat 10px 10px;
	border-color: #f9b418;
}
.notification.info {
	background: #d1e4f3 url('../images/message/info.png') no-repeat 10px 10px;
	border-color: #4d8fcc;
}
.notification.tip {
	background: #feeac9 url('../images/message/tip.png') no-repeat 10px 10px;
	border-color: #d38e49;
}
.notification {
	border-width: 1px;
	border-style: solid;
	padding: 17px 17px 17px 55px;
}
.notification .close {
	background: url("../images/message/close.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	float: right;
	height: 16px;
	margin-top: 2px;
	opacity: 0.7;
	width: 16px;
}
.notification .close:hover {
	opacity: 1;
} 

.actionbar {
    display: block;
    height: 30px;
    width: 100%;
    margin: 7px 0 30px 0;
}
.actionbar a:hover { text-decoration: none }
.actionbar_group {
    float: left;
    margin: 0 5px;
}
/* Datagrid */
.datagrid {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}
.datagrid  th {
    color: #ffffff;
    font-weight: normal;
    padding: 5px;
    border: 1px solid #333333;
    background-color: #555555;
    text-align: center; 
    text-shadow: 1px 1px 1px #000;
}
.datagrid th a,
.datagrid th a:link,
.datagrid th a:visited { color: #ffffff }
.datagrid  td {
    margin: 0;
    padding: 5px;
    border: 1px solid #d7d7d7;
    cursor: pointer;
}
.datagrid  tr.alt  td { background-color: #ededed }  
.datagrid  tr.archived  td { background-color: #ededed; color: #999999;  }  
.datagrid  tr.archived  td img {text-decoration: none; }  
.datagrid  tr.archived  td a{ color: #999999; }  


.datagrid caption {
    margin: 0px;
    padding: 2px;
    font-weight: bold;
}
.datagrid tr:hover {
    background-color: #b5d3d3;
    border-color: #b5d3d3;
}
.datagrid td.green { color: #48a709 }
.datagrid td.red { color: #de1818 }
.datagrid td.blue { color: #286ec4 }
.datagrid td input {
    padding: 3px;
    margin: 0;
}
/* end datagrid */      

/* buttons */
.button,
a.button {
    background: #ddd url(../images/btng.gif) repeat-x 0 0;
    display: inline-block;
    margin: 0;
    padding: 4px 8px;
    text-decoration: none;
    color: #333;
    border-left: 1px solid #bbb;
    border-right: 1px solid #aaa;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
/* only needed if implementing separate hover/focus/active state for buttons */
.button:hover,
.button:hover,
.button:focus,
.button:focus,
a.button:hover {
    cursor: pointer; /* important for any clickable/pressable element */
    color: #000;
    text-decoration: none;
    background-position: 0 -400px;
    background-color: white;
}
.button:active {
    background-position: 0 -400px;
    background-color: white;
    outline: none;
}
.button:focus,
.btn:active {
    outline: none; /* doesn't seem to be respected for <button>, only <a> */
} 
.button img {
	vertical-align: middle;
}
/* end buttons */
  
.ui-datepicker-trigger {
cursor:pointer;
padding-left:2px;
}


/* End classes */

#msg {
	position: fixed;
	display: none;
	top: 0;
	width: 100%;
	z-index: 10000;
}

#login-content {
	width: 400px;
	margin: 0 auto;
}   
#login-content label {
	width: 150px;
	text-align: right ;
	margin-right: 10px;
	display: inline-block;
	
}

#loginform {
	margin-top: 20px;
	font-size: 1.3em;
}

#loginform input {
	width: 200px;
	border-radius: 5px;
	padding: 5px 10px;
	box-shadow: 0px 1px 3px #ddd;
}

#loginform .hidden {
	position: absolute;
	top: -20000px;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}    




/* Container element */   
#header {
   height: 80px; 
}   

#wrap {
   margin: 0 auto;
}  

#navigation { 
	background-color: #2e8a89;  
	height: 40px;
	display: block;
}                              
#navigation ul { list-style-type: none; }
#navigation li { 
	list-style-type: none; 
	float: left;
	color: white;
	padding: 4px 20px;
}   
#navigation li a { 
	line-height: 32px; 
	font-size: 16px; 
	color: white;
}

#navigation li a.current { 
	color: #134945;
}
#navigation li a.current:hover { 
	text-decoration: none;
}


#user-info { float: right; font-size: 12px; color: #134945; line-height: 32px; padding: 4px 8px;   }
#user-info a {
   color: #134945; 
}


#content {
	padding: 20px;
	clear: both;
} 
#content p {
	line-height: 1.3em;
	margin-bottom: 10px;
	text-align: justify;
}

#confirm_dialog p {
	line-height: 2em;
}



#toolbar {
	height: 40px;
	padding: 4px;
	border: 1px solid #d1d1d1;
	line-height: 32px;
}

.ok {
	background-color: #8dc70a;
	color: white;
	list-style-type: none;
	padding: 0 10px 0 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #75a709;
}

.warnings {
	background-color: #ffe7b8;
	color: #ff800c;
	list-style-type: none;
	padding: 0 10px 0 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #ff800c;
}

#footer {
	width: 100%;
	height: 32px;  
	/*border-top: 1px solid #666666;
	border-bottom: 1px solid #999999;
	
    background: #cdcdcd url('../images/boxheader.gif') repeat-x top;    
	color: white;
	*/
} 

#footer p {          
	font-size: 11px;
	line-height: 20px;
	padding: 10px;
}  

#actionbar_control { margin-bottom: 10px }  
#searchfield { width: 250px }

/* Form */ 

input, textarea, select {
	padding: 3px;
	border: 1px solid #b1b1b1 ;
} 

input:focus, textarea:focus, select:focus {
	padding: 4px;
	border: 1px solid #2e8a89 ;
}

.datagrid select {
	padding: 0px;
}

input.invalid, textarea.invalid { border:1px solid #EA5338;  } 
input.invalid:focus, textarea.invalid:focus {
	border:1px solid #EA5338;
	-webkit-box-shadow:0 1px 2px #EA5338 inset;
	-moz-box-shadow:0 1px 2px #EA5338 inset;    
}

input[type=checkbox] {
	border:0px;
	padding: 0px;
	margin-right: 5px;
}

div.row, form div.row {
    clear: both;
    padding: 4px 0;
    margin-top: 5px;
}

.box div.row { 
	margin-top: 10px;
}                   

                         
div.row p {
	clear: both;
}
div.rowheader {
	display: inline-block;
	color: #4E4F4F;
	font-weight: bold;
	width: 180px;
	text-align: right;
	margin-right: 20px;
	float: left;        
	vertical-align: middle;
    padding: 4px;
}
.rowcontent {
	float: left;
	margin-right: 20px; 
	padding: 4px;
}

form div.row label {
	width:140px;  
	display: inline-block;
	text-align: right; 
	margin-right: 10px;
}

form label {
    padding: 0 0 10px;
}    

#file_form_div textarea, #patient_form_div textarea {
	width: 300px;
	height: 70px;
} 
#file_form_div input, #patient_form_div input {
	  width: 300px;        
}     


/**  Boxes */
.box {
	background: #fff;
	border: 1px solid #9d9d9d;
	margin-bottom: 15px;
	padding: 15px 10px;
	border-top: 0;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
.box-header {
	border: 1px solid #9d9d9d;
	font-weight: bold;
	font-size: 14px;
	background: #cdcdcd url('../images/boxheader.gif') repeat-x top;
	padding: 6px 15px;
	color: #333333;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	height: 24px;
}
.box-header h1, .box-header .title {
	display: inline-block;
	float: left;
	margin: 0;
	line-height: 24px;  
	font-size: 15px; 
	color: #444444;
}   

#info .rowcontent {
	width: 400px;
}
#info .rowcontent:hover {
	background-color: #ffeeb0;
}
#info .row {
	border-bottom: 1px solid #f1F1F1;
	padding: 8px 8px 8px 0px;
	height: 15px;
}
#info .row .rowheader {
	background-color: #f1F1F1;
	clear: both;
	padding: 5px 10px;
}

#examination_form .row {
   margin-bottom: 15px; 
}   
#examination_form .row h2{
	margin-bottom: 5px;
}
#examination_form textarea {
	width: 98%;
	height: 100px;
}
#examination_form .field_name {
	font-size: 15px;
	display: inline-block;
}      
#examination_form h2 img { cursor: pointer}
 
#examination_form .examination_field.visible {
  display: block;
}
#examination_form .examination_field.hidden {
  display: none;
}

.valuedefined {
	 color: #2e8a89;  
}
.nonevalue {
	color: #aaaaaa;
}

.rdv {
	margin-bottom: 20px;  
	clear: both;
	display: block;
	padding: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    background-color: #c1dfff;
	border: 1px solid #5d6c7d;
	position: relative;
}
.inprogress {
	background-color: #88cb3d;
	border: 1px solid #689d2f;
	
}
.rdv_time {
	float: left;
	width: 150px;      
	font-size: 20px;
}               
.delayed  {
	border: 1px solid red;
	background-color: #ffbeb1;
}
.finished  {
	border: 1px solid #d1d1d1;
	background-color: #f1f1f1;
	color: #a1a1a1;
}
.finished .rdv_content a, .finished .rdv_content, .finished h2  { color: #a1a1a1; }


.rdv_content {
	float: left;
	margin-left: 20px;
	
}     
.rdv_content a {
	color: #000;
}
.rdv_content h2 {
	font-weight: normal;
	font-size: 16px;
}           
.rdv_content span.name {
	width: 300px;
	display: inline-block;
}
.rdv_content span.date {
	width: 200px;
	display: inline-block;
}
.rdv_content span.doctor {
	width: 200px;
	display: inline-block;
}

.rdv_action {
	float: right;
	margin-right: 0px;
}
.rdv_action a.button {
	width: 100px;
	text-align: center;
}
.rdv_subaction {
	float:right;
	
}

.stretch
{
	width: 99%;
	height: 87%;
}

.stretch99
{
	width: 99%;
	height: 99%;
}

div.tooltip {
	padding:5px;
	font-weight: normal;
	background: #5f5045;
	color: white;
	opacity: 0.98;
	filter: alpha(opacity=98);
	position:absolute;
	overflow: hidden;
	text-align: left;
}

#fine2-uploader {
	float: left;
}



.search_div {
	padding: 0;
	float: left;
}

#filter {
	width: 180px;
	height: 20px;
}

.actionbar_group #filter {
	border-radius: 5px 0px 0px 5px;
	float: left;
	margin: 0;
}

.searchfield_clear {
	position: relative;
	border-radius: 0px 5px 5px 0px;
	background-color:  #ccc;
	color: #fff;
	float: left;
	margin: 0;
	padding: 4px;
	height: 20px;
	width: 16px;
	line-height: 20px;
}           

.searchfield_clear>img {
	position: absolute;
	left: 5px;
	top: 8px;
}

.patient-agenda {
	position: relative;
}

.patient-agenda a {
	color: black;
}

.patient-agenda >div p {
	font-weight: bold;
	text-decoration: underline;
}

.patient-agenda >div {
  padding: 10px;
  float: left;
  width: 300px;
  margin-right: 5px;
  border-radius: 4px;
}


.patient-agenda .last {
    float: left;
	background-color: #d1d1d1;

}

.patient-agenda .next {
    float: left;
	background-color: #c1dfff;
}


.examination_date_change {
  float: right; margin-right: 42px; margin-top: 10px;
  color: #636363;
  background-color: #f1f1f1;
  padding: 5px 10px;
  border-radius: 5px;
}

.examination_date_change.new {
  font-weight: bold;
  background-color: #2e8a89;
  color: #fff;
}