/*Basic HTML*/
body{
	font-size:11px;
}
body.small_body{
width:790px;
margin:auto;
margin-top:5px;
}
form{
margin:0px;
}
.fake_link {
	cursor: pointer;
}

/*Frame and round effects*/
.frame_current_application_css3{
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: solid 1px #999;
}
.frame_css3{
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: solid 1px #999;
margin-bottom: 10px;
padding: 2px;
}
.frame_current_application_css3:before, .frame_css3:before {
content:'';
font-size:1px;
padding-left:3px;
}
.frame_current_application_css3:after, .frame_css3:after {
content:'';
font-size:1px;
padding-right:3px;
}

/*Text and round effects*/
.textSmall{
font-family:verdana,arial;
font-size:10px;
color:#444;
}
.textLarge{
font-family:verdana,arial;
font-size:14px;
color:#444;
}
.text{
font-family:verdana,arial;
font-size:11px;
color:#444;
}
.textAlert a, .textAlert_css3 a{
color:#ae0000;
text-decoration:underline;
}
.textAlert_css3:before {
content:'';
font-size:1px;
padding-left:3px;
}
.textAlert_css3:after {
content:'';
font-size:1px;
padding-right:3px;
}
.textAlert a:hover, .textAlert_css3 a:hover{
color:#000;
text-decoration:underline;
}
.textAlert, .textAlert_css3{
font-family:verdana,arial;
font-size:12px;
font-weight:bold;
color:#fe0000;
margin-top:2px;
margin-bottom:2px;
background-color:#ffecec;
}
.textAlert_css3{
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: solid 1px #aa0000;
}
.textValid, .textValid_css3{
font-family:verdana,arial;
font-size:12px;
font-weight:bold;
color:#53d028;
margin-top:2px;
margin-bottom:2px;
background-color:#f0ffec;
}
.textValid_css3:before {
content:'';
font-size:1px;
padding-left:3px;
}
.textValid_css3:after {
content:'';
font-size:1px;
padding-right:3px;
}
.textValid_css3{
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: solid 1px #47ae47;
}
.textWarning, .textWarning_css3{
font-family:verdana,arial;
font-size:12px;
font-weight:bold;
color:#FF6A00;
margin-top:2px;
margin-bottom:2px;
background-color:#FFF0D1;
}
.textWarning_css3:before {
content:'';
font-size:1px;
padding-left:3px;
}
.textWarning_css3:after {
content:'';
font-size:1px;
padding-right:3px;
}
.textWarning_css3{
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: solid 1px #FFAE00;
}

/*Footer*/
.footer{
	font-family:verdana,arial;
	font-size:10px;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color:#9a9a9a;
	color:#000;
	text-align:center;
}

/*Header*/
img.header_icon{
	width:16px;
	height:16px;
	border-style:none;
	margin:0px 2px 0px 0px;
	vertical-align:bottom;
}

a.header_link,a.header_link:hover,a.header_link:visited{
	text-decoration:none;
	color:#fff;
}

/*Menu*/
.upper_menu{
	float:right;
	display:block;
	font-family:verdana,arial;
	font-size:11px;
	text-align:right;
	color:#fff;
	padding-right:2px;
	padding-top:2px;
}
.upper_menu a,.upper_menu a:link,.upper_menu a:visited{
	color:#fff;
	font-weight:bold;
}
.upper_menu a:hover{
	color:#000;
}

/*Main title*/
.main_title{
	border-style:none;
	position:absolute;
	left:50%;
	top:18px;
	width:400px;
	margin-left:-30px;
	display:block;
	color:#fff;
	font-family:verdana;
	font-size:20px;
	text-align:right;
}
.main_title_highlight{
	font-family:verdana;
	color:#fff1c0;
	font-size:16px;
	font-style:italic;
}

/*Table pair style*/
table.pair_map, table.pair_sample {
	border:solid 1px #666;	
}
table.pair_map tr td {
	border-collapse: collapse;
	border-spacing: 0;
	border: solid 1px #cacaca;
}

/*Pop up and overlays*/
#overlay, .simplemodal-overlay{
	position: absolute;
	left:0;
	top:0;
	background-color: #000;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}

#overlay{
	z-index:1009;
}
.simplemodal-overlay{
	z-index:90;
}

#modal_back{
	margin-bottom: 6px	
}

.pop{
	background-color: white;
	padding: 20px 10px 10px 10px;
	position: relative;
}

/*SuperAdmin*/
.superadmin{
	border: 8px solid red;
	padding: 4px;
	margin: 0;
}

/*Ghost records*/
.ghost_record{
	color: grey;
	font-style:italic;
}

.listvaluepaire.ghost_record{
	background-color: lightgrey;
}

.listvalueimpaire.ghost_record{
	background-color: #CCCCCC;
}

/*Restricted Area*/
.restricted_area_info{
	color: #993333;
}

td.restricted_area_info{
	text-align: center;
}

/*Simple Modal*/

#simplemodal-container a.modalCloseImg {
	background:url(/styles/dalyo/images/ico_close.png) no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-9px;
	right:-10px;
	cursor:pointer;
}

#simplemodal-container #simplemodal-data>table{
	width: 100%;
}

/*Select Account*/
td.select_account {
	white-space: nowrap;
	text-align:left;
	padding-right:5%;
}

/*Null Value*/
.null_value{
	font-style:italic;
	color:#bbb;
}

/*Barcode*/
.cell_barcode{
	text-align: center;
	color: #999;
}

.cell_barcode img{
	cursor: pointer;
}

/*Blob*/
.cell_blob{
	white-space: nowrap;	
}

/*Key*/
.cell_key{
	white-space: nowrap;	
}

/*Field Format Options*/
.field_format_form_more_options{
	float:right;
	position: relative;
	margin: 0 4px;
}

.field_format_form_more_options > div,
ul.dalyo_suggest{
	position: absolute;
	padding: 2px;
	background-color: white;
	border: 2px outset #e0e0e0;
}
.field_format_form_more_options > div{
	display: none;
	left: 12px;
	top:0px;
	width: 200px;
	margin-left: 4px;
}

.field_format_form_more_options > div{

}

.field_format_form_more_options .field_name{
	font-style: italic;
	text-align: right;	
}

.field_format_form_more_options input[type=checkbox]{
	margin: 6px 4px 6px 2px;	
}

.field_format_form_more_options{
	cursor: pointer;	
}

/*Applications List*/
div.application_list_div_conteneur{
	width: 1020px;
	margin: auto;
	margin-top: 6px;
	margin-bottom: 10px;
}

div.application_list_div{
	border: 1px solid #DADADA;
	width: 100%;
	margin-bottom: 8px;
	text-align: center;
	position: relative;
	margin: 4px;
}

div.application_list_div .application_list_appname{
	font-size: 1.4em;
	margin: 6px;
	font-weight: bold;
}

div.application_list_div .application_list_moreinfos{
	font-size: 0.8em;
	clear: both;
	padding: 4px;
}

div.application_list_div .application_list_link{
	background-repeat: no-repeat;
	cursor:pointer;
	text-decoration: none;
	color: black;
	text-align: left;
	opacity: 0.4;
	-moz-opacity: 0.4;
	font-weight: bold;
	margin: 0;
	min-width: 62px;
}

div.application_list_div:hover .application_list_link{
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75;
}

div.application_list_div .application_list_link:hover{
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	text-decoration: underline;
}

.application_list_div_conteneur input[type=text]{
	width: 400px;
}

.application_list_div_conteneur .frame_css3{
	text-align: center;
	padding: 6px;
}

.warning{
	font-style: italic;
}

form.alignInputs input, form.alignInputs select{
	margin: 1px;	
}

form.alignInputs label{
	float: left;
	text-align: right;
	width: 200px;
	margin: 2px;
}

form.alignInputs input[type=submit]{
	margin-left: 200px;
}

/*Data*/
.fieldname {
	font-weight: bold;
	white-space: nowrap;
}
.fieldname.view_details {
	width:1px;
	text-align:right;
	padding-right:5px;
	vertical-align:top;
}

/**********************************/
div.infobox_pic{
display:none;
border-style:solid;
border-width:1px;
border-color:#000;
background-color:#fff;
color:#000;
position:absolute;
font-family:verdana;
font-size:10px;
padding:2px;
text-align:left;
}
div.infobox hr{
margin:1px;
border-width:1px 0px 0px 0px;
border-color:#aaa;
border-style:solid;
height:1px;
}
div.infobox{
display:none;
margin:0;
padding:0;
color:#000;
position:absolute;
background-color:#FFFFF0;
font-size: 11px;
border: 1px solid #aaa;
font-family:verdana, arial;
-moz-border-radius: 8px;
border-radius: 8px;
}
/*#form_multi_sel div.infobox{
background-color:#ffffe1;
}*/
/**************************************/
a>img{
	border: none;
	vertical-align: bottom;
	margin-right: 2px;
}

a.foreign_link{
white-space: nowrap;
}
a.foreign_link img.foreign_link_icon {
border-style:none;
margin:0px;
vertical-align:bottom;
}
a.foreign_link{
text-decoration: none;
}
/**************************************/
img.ajax_reload, img.ajax_loader{
vertical-align: middle;	
}
img.ajax_reload{
display: none;
cursor: pointer;
}
/**************************************/
form.pagination_form{
display: inline;
}
form.pagination_form img{
vertical-align: baseline;
}
#myAccount > table{
text-align: left;
}
/**************************************/
div.datepicker{
position: absolute;
display: inline;
}
img.ui-datepicker-trigger{
vertical-align: middle;
cursor: pointer;
margin: 0 2px 2px 2px;
}
/**************************************/
img.locationMap{
	cursor: pointer;
}
table.location{
	border-collapse: collapse;	
}
table.location td{
	border: 0;
	border-left: 1px solid #DADADA;	
	padding: 0 2px;
	white-space: nowrap
}
table.location.noborder td{
	border:	0
}
.applicationList table.location td.latitude,
.applicationList table.location td.longitude{
	width: 50px;
}
.applicationList table.location td.latitude{
	border: 0;
}
.applicationList table.location td.altitude,
.applicationList table.location td.speed{
	width: 50px;
	text-align: right;
}
.applicationList table.location td.datetime{
	width: 140px;
}
.applicationList table.location td.datetime_en{
	width: 160px;
}
table.location img{
	vertical-align: middle
}
table.location input{
	margin: 0 0 0 4px
}
/**************************************/
.fieldvalue >span >label{
	width: 100px;
	float: left;
}
/**************************************/
#dalyo_js_output_message{
	height: 14px;
	margin: -14px auto 0;
	width: 600px;
	z-index: 99;
	font-style: italic;
	font-family: Verdana;
	text-align: center;
}
.dalyo_dialog{
	background-color: white;
	padding: 10px;
	font-family: Verdana;
	text-align: center;
}
.dalyo_dialog input[type=submit]{
	margin: 20px 10px 10px;
}
/**************************************/
.simplemodal-wrap{
	overflow: auto;
}

#simplemodal-container{
	background-color: #fff;
	border: 1px solid black;
}

ul.dalyo_suggest{
	list-style-type: none;
	margin:0;
	padding:0;
	position: absolute;
	z-index: 999;
	width: 140px;
	display: none
}
ul.dalyo_suggest li{
	margin:0;
	padding:0;
	cursor:pointer
}
ul.dalyo_suggest li:hover{
	background-color: #ECECEC;
}
ul.dalyo_suggest li.match{
	background-color: #CCCCEE;
}

ul.dalyo_suggest li.no_result{
	font-style: italic;
}

select.dalyo_suggest{
	list-style-type: none;
	margin:0;
	padding:0;
	position: absolute;
	z-index: 999;
	width: 144px;
	display: block
}
select.dalyo_suggest option{
	cursor:pointer
}
select.dalyo_suggest option:hover{
	background-color: #ECECEC;
}

select.dalyo_suggest option.no_result{
	font-style: italic;
}

img.suggest_see_all_button{
	cursor: pointer;
	vertical-align: bottom
}

img.acc_suggest_see_all_button{
	cursor: pointer;
	vertical-align: middle
}

.data_catalogue{
	height: 500px;	
	width: 800px;
}

.data_catalogue tr{
	cursor: pointer
}

.data_catalogue tr.paire{
	background-color: #EEEEEE
}

.data_catalogue tr.listdata:hover{
	background-color: #DDDDDD
}

.data_catalogue tr.match{
	background-color: #CCCCEE;
}

.data_catalogue th,
.data_catalogue td{
	margin:0;
	padding: 0 2px;
	white-space: nowrap	
}

.data_catalogue > table{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	border-collapse: collapse
}

.keyboard_val,
input[type="text"].keyboard_val, 
textarea.keyboard_val
{
	border-color: red;	
}

.suggest_ajax_loader{
	display: block;
	position:absolute;
	margin-left: 150px
}

input.time_input{
	text-align: center;	
}

.wait{
	cursor: wait;	
}

#form_acc_sug img, #form_acc_sug_empty{
	cursor: pointer;
	margin-bottom: 3px;
    vertical-align: middle;
    height: 12px
}

#form_acc_sug_empty,
#form_acc_sug_autocomplete{
	margin-left: 4px	
}

ul.ui-autocomplete{
	max-height: 210px;
	overflow: auto
}

#select_choice{
	margin-bottom: 8px;
	margin-top: 6px
}

.simplemodal-data{
	width: auto;
	padding: 15px;
	max-height: 90%;
	max-width: 800px
}

#modal_acc_selection{
	width: 100px;
	margin: auto auto 10px;
	padding: 0	
}

#modal_acc_selection td:hover{
	background-color: #CCC;
	cursor: pointer
}

.version_older{
	color: #CC0000;
}
.version_newer{
	color: green;
}