/*body {
 font: 11px verdana, sans-serif;
 background: #AFA99B url("fond.jpg") top left no-repeat;
 margin: 0;
 padding: 0;
}*/
  
body {
	behavior: url("csshover3.htc"); /*Source: http://www.xs4all.nl/~peterned/csshover.html */
}



/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
}

td
{
	vertical-align: middle;
	padding-left:5px;
	padding-right:5px;
}

.btnNavBar .mainMenuElement  .ui-btn-inner { 
padding-top: 40px !important; 
}


.btnNavBar .ui-btn .ui-icon { 
	width: 32px!important; 
	height: 32px!important;
	padding-top: 5px !important;
	margin-left: -15px !important;
	box-shadow: none!important; 
	-moz-box-shadow: none!important; 
	-webkit-box-shadow: none!important; 
	-webkit-border-radius: 0 !important; 
	border-radius: 0 !important;
}
.btnNavBar  .menuFloat  .ui-btn-inner { 
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.btnNavBar  #menuAucunPatient  .ui-btn-inner { 
	padding-top:16px !important;
	padding-bottom:15px !important;
}


#todoBtn .ui-icon {
 background:  url(../icons/questionnaires.png) 100% 100% no-repeat; 
 background-size: 26px 32px; 
 }
 
 #rxBtn .ui-icon {
 background:  url(../icons/rx.png) 100% 100% no-repeat; 
 background-size: 32px 32px; 
 }
 #rapportsBtn .ui-icon {
 background:  url(../icons/rapport.png) 100% 100% no-repeat; 
 background-size: 32px 26px; 
 }
 
 #plusBtn .ui-icon {
 background:  url(../icons/plus.png) 100% 100% no-repeat; 
 background-size: 32px 32px; 
 }
 .pageDiv
 {
	z-index:0 !important;
	position: relative;
 }
 
 .ui-content
 {
	z-index: 1 !important;
	position: relative;
 }
.menuFloat
{
	position:absolute;
	left:0em;
	z-index: 10000 !important;
	display: none;
	width:100%;
}
.ui-grid-solo .ui-block-a 
{
	float:left !important;
}
.ui-navbar ul, .ui-navbar-expanded ul {
	position: static !important;
}

.sousMenuFloat
{
	position:absolute;
	left:0em;
	z-index: 100;
	display: none;
	width:100%;
}

#menuDeroulant li span.ui-btn-text
{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}

#header-patient
{
	width: 44%;  
	display: inline-block;
	text-align: right;
}

#header-patient
.select_add
{
  font-size: small;
  border: 1px solid #777;
  border-radius: 12px;
  padding: 11px;
  background-color: #303030;
  margin: 0 9px;
}

#header-home
{	width: 44%;  
	text-align: left;
	display: inline-block;
}

#header-home a
{	margin-right: 10px;
}

#header-home
.ui-btn-text{
	padding-right: 5px;
}

#headerBar
{	text-align: center;
}

#headerTitle{
	width: 12%;
	display: inline-block;
}

#headerBar h1
{
	font-size: larger;
	vertical-align:middle;
	
}

#medical_form
{
	width: 580px;
	margin: auto;
}

#medical_form
#header
.ui-btn-text,
{
	font-size: smaller;
}

#add_patient_form .ui-select
{
	width: 610px;
	border-spacing: 0px;
}


.ui-btn-inner {
	overflow: visible !important;
}

.ui-controlgroup-vertical .ui-radio .ui-btn, .ui-controlgroup-vertical .ui-checkbox .ui-btn{
	width:100%;
}


#categorie_item{
	display: inline;
	width: auto !important;
}

#categorie{
	padding: 10px 0 20px 0;
}

#central_column,
#central_column_forms{
	margin: auto;
	width: 738px;
	border-bottom: 30px !important;
}

#page_title_header{
	margin: auto;
	padding: 0 1em 1em 1em;
}

#page_title_header h1{
	margin-bottom: 0px;
}

#page_title_header strong{
	color: #999;
}

#central_column h1,
#central_column_forms h1,
#central_column_landscape h1{
	font-size: 1.67em;
}

#wall_header h1 a{
	text-decoration: none;
  color: black;
}

#wall_header h1 a:hover{
	text-decoration: underline;
}


#central_column h2,
#central_column_forms h2,
#central_column_landscape h2{
	font-size: 1.34em;
	padding-top: 1.5em;
}

#central_column h3,
#central_column_forms h3,
#central_column_landscape h3{

}

#central_column h4,
#central_column_forms h4,
#central_column_landscape h4{
	margin: 0.3em;
}

#central_column h5,
#central_column_forms h5,
#central_column_landscape h5{
	font-size: 1em;
}

#central_column_landscape{
	margin: auto;
	width: 1022px !important;
}

#result_list{
	font-size: small;
}

.type-interior .content-secondary {
	border-right: 1px solid #ccc;
	border-left: 0;
	border-top: 0;
}
.type-home .ui-content {
}
.type-interior .ui-content {
	padding-bottom: 0;
}
.content-secondary .ui-collapsible-contain {

}
.content-secondary .ui-collapsible-heading {
	margin: 0;
}
.content-secondary .ui-collapsible-heading-collapsed,
.content-secondary .ui-collapsible-content {
	padding:0;
	margin: 0;
}
@media all and (min-width: 650px){
	
  #headerBar{
    padding: .4em 5px;
  }
	.type-interior .ui-content {
		background-position: 45%;
		overflow: hidden;
	}
	.content-secondary {
		text-align: left;
		float: left;
		width: 45%;
		background: none;
		border-top: 0;
		border-right: 3px solid #ccc;
	}
	.content-secondary,
	.type-interior .content-secondary {
			background: none;
	}
	.type-index .content-secondary {
		padding: 0;
	}
	.type-index .content-secondary .ui-listview {
		margin: 0;
	}

	.ui-mobile #jqm-homeheader {
		padding: 0;
	}
	.content-primary {
		width: 45%;
		float: right;
		margin-top: 30px;
		margin-right: 1%;
		padding-right: 1%;
	}
	.content-primary ul:first-child {
		margin-top: 0;
	}
	.content-secondary h2 {
		position: absolute;
		left: -9999px;
	}
	.type-interior .content-primary {
		margin: 0;
	}
	/* fix up the collapsibles - expanded on desktop */
	.content-secondary .ui-collapsible-heading {
		display: none;
	}
	.content-secondary .ui-collapsible-contain {
		margin:0;
	}
	.content-secondary .ui-collapsible-content {
		display: block;
		margin: 0;
		padding: 0;
	}
	.type-interior  .content-secondary .ui-li-divider {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0;
	}
	
	.column_report {
		width: 50% !important;
	}
	
	.table_report,
	.page_layout_table,
	.option_table{
		width: 90% !important;
	}	
  
  #header-patient
    .patient{
    display: none;
  }
  
  #header-patient .select_add {
    padding: 11px 6px !important;
    margin: 0 5px;
  }
}
@media all and (min-width: 750px){
	.type-home .ui-content,
	.type-interior .ui-content {
		background-position: 39%;
	}
	.content-secondary {
		width: 34%;
	}
	.content-primary {
		width: 56%;
		padding-right: 1%;
	}	
	.type-interior .ui-content {
		background-position: 34%;
	}
	
	.column_report {
		width: 40% !important;
	}
	
	.table_report,
	.page_layout_table,
	.option_table	{
		width: 90% !important;
	}
}

@media all and (min-width: 1200px){
	.type-home .ui-content{
		background-position: 38.5%;
	}
	.type-interior .ui-content {
		background-position: 30%;
	}
	.content-secondary {
		width: 30%;
		padding-right:1%;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0;
	}
	.content-primary {
		width: 50%;
		margin-right: 5%;
		padding-right: 3%;
	}
	.type-interior .content-primary {
		width: 60%;
	}
	
	.column_report {
		width: 30% !important;
	}
	
	.table_report,
	.page_layout_table,
	.option_table	{
		width: 80% !important;
	}
  
  #header-patient
    .patient{
    display: inline !important;
  }
}
@media all{
	#central_column
	.typeItDesc, .drawItDesc{
		border: none !important;
	}
	
	#central_column
	.sigPad {
    margin: 0;
    padding: 0;
    width: 1024px;
	}
	
	.column_report .ui-select .ui-btn{
		float: right !important;
	}
}

.priority_field{
	font-size: x-small;
}

#central_column table {
  border-width: 1px;
  border-style: solid;
  border-color: #ebebeb;
  margin: auto;
  width:100%;
}

#small_central_column{
  padding-top: 15px;
  width: 300px;
  margin:auto;
}

#central_column_forms table {
  width: 100%;
  max-width: 738px;
  margin: auto;
}

#central_column tbody{
  border-spacing: 1px;
}


#central_column td,
#central_column th{
  padding: 4px;
  text-align: center;
}

#erase_cancel_confirm{
	width: 300px;
	margin: auto;
}

#central_column th {
  
  background-image: -webkit-linear-gradient(#111, #666 1px, #222, #111 27px);  
  background-image: -moz-linear-gradient(top, #111, #666 1px, #222, #111 27px) !important;
  background-color: #222;
  color: #FFF;
  font-weight: normal;
  text-shadow: 2px 2px 2px #000;
}

#medical_form tr:nth-child(2n+2) {
  background-color: #f6f6f6;
}

#central_column tr:nth-child(2n) {
  background-color: #f1f1f1;
}

#fake_footer{
	padding: 3px;
	margin-top: 90px;
	font-size: x-small;
	width:100%
}

#error_alert{
	color: red;
}

#submit_button{
	padding-top: 10px;
	margin: auto;
	width:20%;
}

#confirm_button{
	padding-top: 10px;
	margin: auto;
	width:55%;
}

#confirm_button
.left,
#small_section
.left
{
	float: left;
}

#confirm_button
.right,
#small_section
.right{
	float: right;
}

#clinic_button{
	max-width: 500px;
	margin:auto;
}

#clinic_button
.ui-btn-text{
	max-width: 400px;
}

#labo_section
.add_ordon{
	width: 250px;
}


#add_ordon
.add_ordon ui-select{
	width: 350px;
	float: left;
}

#add_ordon
.ui-btn input{
	width: 150px;
	float: right;
}

#dual_buttons_tests_labo
.ui-btn input{
	width: 250px;
}

#dual_buttons_tests_labo{
	width: 548px;
}


#dbselect
input.ui-input-text,
#dbselect
textarea.ui-input-text,
#dbselect
.ui-input-text{
	width:90%;
}

#categorie2
.ui-icon,
#categorie2
.ui-icon-checkbox-off,
#categorie2
.ui-icon-shadow {
	left: 35px;
}

#categorie2
.ui-btn-text{
	left: 25px;
}

#suivistoggle a{
	color: #333;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

#suivistoggle a:hover{
	color: black;
}
