@charset "utf-8";

/* pages */
#pages{ width: 98%; margin:25px 0; text-align:right; display:block; clear:both; float:none; color:#fff}
#pages a{color: #999; padding:2px 5px; border:1px solid #999; margin:0 0 0 2px; text-decoration:none; font-weight:bolder;}
#pages a:hover{background:#eee; color:#999; border-color:#999;}
div#pages a.selected{background:none repeat scroll 0 0 #eee;border-color:#777;color:#777;text-decoration:none;}

/* form */
form{width:100%; margin:0 auto}
form fieldset{border:0; padding:5px; font-size:100%}
form label{display: block; float:left; width:44%; text-align:left}
form input,form select,form textarea{font-size:90%; border:1px solid #999; font-size: 9pt; color:#333; width:55%;background:#fafafa}
.buttonLink{line-height:26px; color:#666 !Important; display:block; width:90px; margin:0 !Important; text-decoration:none; text-align:center;}
form input.button,form a.button,.buttonLink{background:transparent url(/images/layout/bg-button.png) left top repeat-x; border:0; cursor:pointer; font-size:12px; height:25px; width:150px !Important; padding:0; margin:0 auto}
form input.button.medium,form a.button.medium{width:90px !Important;background-image:url(/images/layout/bg-button-medium.png)}
form input.button:hover,form a.button:hover,a.buttonLink:hover{background-position:bottom;}
*:first-child+html form input.button{padding:0}
form input.captcha{width:50px !Important; position: relative; top:-4px; margin:0 4px 0 0}
form input.checkbox{width:auto !Important; border:0}
form p.privacy input{width: auto !Important}
form p{display: block; clear:both; margin:5px 0;}
form p select.date{float: left; width:auto; margin:0; padding:0}
form p select.date.month{margin: 0 0 0 100px;}
form img#captcha{position:relative; left:1px}
form p.submit{text-align:center;}

/* messages */
.message{border: 1px solid #666666; display:block; width:60%; padding:5px 15px 0 15px; margin:35px auto 10px auto; overflow:hidden}
.message.ok{border-color: #00FF00; color:#00CC00; background:#C8FFC8}
.message.ko{border-color: #FF0000; color:#CC0000; background:#FFC8C8}
.message strong{font-size: 13px; padding:1px 0 5px 0; width:100%; text-align:center; display:block}
.message ul{margin:0 15px 5px 15px; font-size:12px}
.message.ok strong{color: #00CC00;}
.message.ko strong{color: #CC0000;}

/* date picker */
.datepicker{width:48%;margin-right:1%}

/* maps */
#map{display: block; width:640px; height:400px; margin:0.5em auto; border:0}
#map .loader{padding: 15px}
#map #baloon p{font-size: 13px; text-align:center; color:#333;}
#map #baloon .info{padding-top:10px;display:block;}
#map #baloon .name{font-size:140%;display:block;clear:both;float:none;margin:0 0 0.15em 0}
#map #baloon .logo{background:transparent url(/images/layout/mini-logo.jpg) no-repeat scroll center top;color:#006688;display:block;font-size:160%;height:75px;margin:0 auto 5px;text-indent:-9999px;width:234px;}