@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{color:#d00; border-color:#c00;}
div#pages a.selected{background:#CFCFCF;border-color:#999999;color:#FFFFFF;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:30%; text-align:left}
form input,form select,form textarea{font-size:90%; border:1px solid #999; font-size: 9pt; color:#333; width:69%;background:#f6f6f6}
form input.button,form a.button{background:#f9f9f9 url(/images/layout/bg-button.gif) left bottom repeat-x; border:1px solid #bbb; cursor:pointer; font-size:14px; width:auto !Important; padding:0.25em;}
form input.button:hover,form a.button: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:90%; padding:5px 15px 0 15px; margin:5px 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 */
input.date-pick{background-image:url(../images/layout/date.png) !Important; background-repeat: no-repeat !important; text-indent:20px; width:180px}
p a.dp-choose-date{display:none}

/* maps */
#map{display: block; width:92%; height:375px; margin:15px auto; border:2px solid #ccc}
#map .loader{padding: 15px}
#map #baloon p{font-size: 12px; text-align:center; color:#333}
#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:65px;margin:0 auto 5px;text-indent:-9999px;width:107px;}