html {
font-size : 100%;
}

body {
min-height : 100%;
width : 950px;
margin : 0 auto;
font-size : 1em;
background : #000080;
color : #EC7600;
position : relative;
}

div#conteneur {
width : 950px;
margin : 0 auto;
text-align : left;
border : #ec7600 solid 3px;
background : #fff;
}

h1#header {
position : relative;
height : 245px;
margin : 0;
background : url(banniere.jpg) left top no-repeat;
border : #000080 solid 2px;
}

h1#header a {
width : 200px;
height : 50px;
display : block;
position : relative;
left : 150px;
top : 15px;
text-indent : -5000px;
}

#menu a {
display : block;
color : #fff;
text-decoration : none;
text-shadow : 0 0 0;
}

#menu {
text-align : center;
padding-left : 0;
}

#menu > li, #menu > li li {
position : relative;
display : inline-block;
list-style : none;
width : 210px;
padding : 1px 1px;
text-align : center;
background-color : #777;
background-image : linear-gradient(#EC7600 50%, #C57600 50%, #F69300);
}

#menu > li li {
background : none transparent;
}

#menu > li li a {
color : #444;
}

#menu > li li:hover {
background : #eee;
}

#menu > li:first-child {
border-right : 1px solid #777;
border-radius : 8px 0 0 8px;
border : #000080 solid 2px;
}

#menu > li + li {
border-left : 1px solid #aaa;
border-right : 1px solid #777;
border : #000080 solid 2px;
}

#menu > li:last-child {
border-right : 0;
border-left : 1px solid #aaa;
border-radius : 0 8px 8px 0;
border : #000080 solid 2px;
}

#menu ul {
position : absolute;
top : 1.95em;
left : 0;
max-height : 0;
margin : 0;
padding : 0;
background-color : #EC7600;
background-image : linear-gradient(#fff, #EC7600);
overflow : hidden;
transition : max-height 1s 0.3s;
border-radius : 0 0 8px 8px;
}

#menu > li:hover {
background-color : #EC7600;
background-image : linear-gradient(#FF9800 50%, #F69300 50%, #FC9700);
}
#menu > li:hover ul {
max-height : 23em;
}

#center {
margin : 0;
padding : 0;
background : #fff;
height : 100%;
overflow : hidden;
padding-bottom : 1px;
text-indent : 20px;
text-align : justify;
}
.flottante {
background : #fff;
border-left : 20px solid #fff;
float : left;
width : 45%;
}
.flottante2 {
position : absolute;
border-left : 20px solid #fff;
width : 20%;
}
.flottante3 {
margin-right : 20px;
border-left : 20px solid #fff;
float : right;
width : 70%;
}
.image {
float : left;
margin : 0 6px 6px 0;
width : 15%;
height : 15%;
}
.spacer {
clear : both;
}
#footer {
margin : 0;
padding : 0;
background-color : #000080;
color : #fff;
letter-spacing : 1px;
text-align : center;
}
#footer1 {
margin : 0;
padding : 0;
background-color : #000080;
color : #fff;
letter-spacing : 1px;
text-indent : 20px;
text-align : justify;
}
#galerie {
float : left;
margin : 0 6px 6px 0;
width : 15%;
height : 15%;
}
#galerie li {
list-style : none;
float : left;
}
#galerie li a img {
float : left;
width : 100%;
height : 100%;
border : #ddd solid 2px;
}
#galerie li a:hover img {
transform : scale(2);
box-shadow : 4px 4px 10px rgba(0, 0, 0, 0.5);
}
#imageWraper1 {
width : 379px;
height : 400px;
}
#imageBox {
width : 50px;
}
#imageBox a {
outline : none;
display : none;
text-decoration : none;
}
#imageBox a:hover, a:focus {
background : rgba(0, 0, 0, 0.4);
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.4);
}
#imageBox a span {
position : absolute;
margin-right : 35px;
color : #EC7600;
background : #fff;
padding : 15px;
border-radius : 3px;
box-shadow : 0 0 2px rgba(0, 0, 0, 0.5);
transform : scale(0) rotate(-12deg);
transition : all 0.25s;
opacity : 0;
}
#imageBox a:hover span, a:focus span {
display : inline;
transform : scale(1) rotate(0);
opacity : 1;
}
.myButton {
box-shadow : 3px 2px 0 0 #000080 inset;
background-color : #777;
background-image : linear-gradient(#EC7600 50%, #C57600 50%, #F69300);
border-right : 1px solid #000080;
border-radius : 16px;
border : #000080 solid 2px;
width : 180px;
display : inline-block;
color : #fff;
font-family : Georgia;
font-size : 12px;
font-weight : normal;
text-decoration : none;
text-align : center;
padding : 4px 8px;
text-shadow : 0 0 0;
}
.myButton:hover {
background-image : linear-gradient(#FF9800 50%, #F69300 50%, #FC9700);
background-color : #EC7600;
}
.myButton:active {
position : relative;
top : 1px;
color : #000080;
}
#top-link {
position : fixed;
bottom : 0;
right : 10px;
}
.introduction1 {
font-size : 20px;
font-weight : bold;
color : #000080;
text-align : center;
}
.introduction2 {
font-size : 13px;
font-weight : bold;
color : #000080;
text-align : center;
}
.introduction3 {
font-size : 16px;
font-weight : bold;
color : #000080;
text-indent : 30px;
}
.conclusion {
font-size : 16px;
font-weight : bold;
color : #000080;
text-align : center;
}
h1 {
color : #000080;
text-align : center;
}
h2 {
font-size : 20px;
font-weight : bold;
color : #000080;
text-align : center;
}
h3 {
font-size : 16px;
font-weight : bold;
color : #000080;
text-indent : 30px;
}
#annuaire {
float : left;
margin : 0 6px 6px 0;
width : 35%;
height : 10%;
}
#annuaire li {
list-style : none;
float : left;
}
#annuaire li a img {
float : left;
width : 100%;
height : 100%;
border : #ddd solid 2px;
}
.ie7 #menu > li {
display : inline;
}
#form_container {
border : #000080 solid 2px;
border-radius : 10px;
background-color : #EC7600;
margin : 0 auto;
text-align : left;
width : 550px;
padding : 10px 10px 10px 30px;
margin-left : 10px;
}
#top {
display : block;
height : 10px;
margin : 10px auto 0;
width : 650px;
}
#bottom {
display : block;
height : 10px;
margin : 0 auto;
width : 650px;
}
form.appnitro {
margin : 20px 20px 0;
padding : 0 0 20px;
}
.appnitro {
font-family : Verdana;
font-size : small;
}
.appnitro li {
width : 61%;
}
form ul {
font-size : 100%;
list-style-type : none;
margin : 0;
padding : 0;
width : 100%;
}
form li {
display : block;
margin : 0;
padding : 4px 5px 2px 9px;
position : relative;
}
form li:after {
clear : both;
content : ".";
display : block;
height : 0;
visibility : hidden;
}
.buttons:after {
clear : both;
content : ".";
display : block;
height : 0;
visibility : hidden;
}
.buttons {
clear : both;
display : block;
margin-top : 10px;
}
* html form li {
height : 1%;
}
* html .buttons {
height : 1%;
}
* html form li div {
display : inline-block;
}
form li div {
color : #000080;
margin : 0 4px 0 0;
padding : 0 0 8px;
}
form li span {
color : #000080;
float : left;
margin : 0 4px 0 0;
padding : 0 0 8px;
}
form li div.left {
display : inline;
float : left;
width : 48%;
}
form li div.right {
display : inline;
float : right;
width : 48%;
}
form li div.left .medium {
width : 100%;
}
form li div.right .medium {
width : 100%;
}
.clear {
clear : both;
}
form li div label {
clear : both;
color : #000080;
display : block;
font-size : 9px;
line-height : 9px;
margin : 0;
padding-top : 3px;
}
form li span label {
clear : both;
color : #000080;
display : block;
font-size : 9px;
line-height : 9px;
margin : 0;
padding-top : 3px;
}
form li .datepicker {
cursor : pointer !important ;
float : left;
height : 16px;
margin : 0.1em 5px 0 0;
padding : 0;
width : 16px;
}
.form_description {
color : #000080;
font-family : verdana;
font-size : 10px;
font-weight : bold;
clear : both;
display : inline-block;
margin : 0 0 1em;
}
.form_description[class] {
display : block;
}
.form_description h2 {
clear : left;
font-size : 160%;
font-weight : 400;
margin : 0 0 3px;
}
.form_description p {
font-size : 95%;
line-height : 130%;
margin : 0 0 12px;
}
form hr {
display : none;
}
form li.section_break {
border-top : 1px dotted #000080;
margin-top : 9px;
padding-bottom : 0;
padding-left : 9px;
padding-top : 13px;
width : 97% !important ;
}
form ul li.first {
border-top : none !important ;
margin-top : 0 !important ;
padding-top : 0 !important ;
}
form .section_break h3 {
font-size : 110%;
font-weight : 400;
line-height : 130%;
margin : 0 0 2px;
}
form .section_break p {
font-size : 85%;
margin : 0 0 10px;
}
input.button_text {
overflow : visible;
padding : 0 7px;
width : auto;
}
.buttons input {
font-size : 120%;
margin-right : 5px;
}
label.description {
border : none;
color : #ffffff;
display : block;
font-size : 95%;
font-weight : 700;
line-height : 150%;
padding : 0 0 1px;
}
span.symbol {
font-size : 115%;
line-height : 130%;
}
input.text {
background : url(../../../images/shadow.gif) top repeat-x #fff;
border-bottom : 1px solid #ddd;
border-left : 1px solid #c3c3c3;
border-right : 1px solid #c3c3c3;
border-top : 1px solid #7c7c7c;
color : #333;
font-size : 100%;
margin : 0;
padding : 2px 0;
}
input.file {
color : #333;
font-size : 100%;
margin : 0;
padding : 2px 0;
}
textarea.textarea {
background : url(../../../images/shadow.gif) top repeat-x #fff;
border-bottom : 1px solid #ddd;
border-left : 1px solid #c3c3c3;
border-right : 1px solid #c3c3c3;
border-top : 1px solid #7c7c7c;
color : #333;
font-family : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size : 100%;
margin : 0;
width : 90%;
}
select.select {
color : #333;
font-size : 100%;
margin : 1px 0;
padding : 1px 0 0;
background : url(../../../images/shadow.gif) top repeat-x #fff;
border-bottom : 1px solid #ddd;
border-left : 1px solid #c3c3c3;
border-right : 1px solid #c3c3c3;
border-top : 1px solid #7c7c7c;
}
input.currency {
text-align : right;
}
input.checkbox {
display : block;
height : 13px;
line-height : 1.4em;
margin : 6px 0 0 3px;
width : 13px;
}
input.radio {
display : block;
height : 13px;
line-height : 1.4em;
margin : 6px 0 0 3px;
width : 13px;
}
label.choice {
color : #444;
display : block;
font-size : 100%;
line-height : 1.4em;
margin : -1.55em 0 0 25px;
padding : 4px 0 5px;
width : 90%;
}
select.select[class] {
margin : 0;
padding : 1px 0;
}
*:first-child + html select.select[class] {
margin : 1px 0;
}
.safari select.select {
font-size : 120% !important ;
margin-bottom : 1px;
}
input.small {
width : 25%;
}
select.small {
width : 25%;
}
input.medium {
width : 50%;
}
select.medium {
width : 50%;
}
input.large {
width : 99%;
}
select.large {
width : 100%;
}
textarea.small {
height : 5.5em;
}
textarea.medium {
height : 10em;
}
textarea.large {
height : 20em;
}
#error_message {
background : #fff;
border : red dotted 1px;
margin-bottom : 1em;
padding-left : 0;
padding-right : 0;
padding-top : 4px;
text-align : center;
width : 99%;
}
#error_message_title {
color : #DF0000;
font-size : 125%;
margin : 7px 0 5px;
padding : 0;
}
#error_message_desc {
color : #000;
font-size : 100%;
margin : 0 0 0.8em;
}
#error_message_desc strong {
background-color : #FFDFDF;
color : red;
padding : 2px 3px;
}
form li.error {
background-color : #FFDFDF !important ;
border-bottom : 1px solid #EACBCC;
border-right : 1px solid #EACBCC;
margin : 3px 0;
}
form li.error label {
color : #DF0000 !important ;
}
form p.error {
clear : both;
color : red;
font-size : 10px;
font-weight : 700;
margin : 0 0 5px;
}
form .required {
color : red;
float : none;
font-weight : 700;
}
form li.highlighted {
background-color : #FF9933;
}
form .guidelines {
background : #EC7600;
border : #00080A solid 2px;
border-radius : 10px;
color : #444;
font-size : 80%;
left : 100%;
line-height : 130%;
margin : 0 0 0 8px;
padding : 8px 10px 9px;
position : absolute;
top : 0;
visibility : hidden;
width : 42%;
z-index : 1000;
}
form .guidelines small {
font-size : 105%;
}
form li.highlighted .guidelines {
visibility : visible;
}
form li:hover .guidelines {
visibility : visible;
}
.no_guidelines .guidelines {
display : none !important ;
}
.no_guidelines form li {
width : 97%;
}
.no_guidelines li.section {
padding-left : 9px;
}
.form_success {
clear : both;
margin : 0;
padding : 90px 0 100px;
text-align : center;
}
.form_success h2 {
clear : left;
font-size : 160%;
font-weight : normal;
margin : 0 0 3px;
}
ul.password {
margin-top : 60px;
margin-bottom : 60px;
text-align : center;
}
.password h2 {
color : #DF0000;
font-weight : bold;
margin : 0 auto 10px;
}
.password input.text {
font-size : 170% !important ;
width : 380px;
text-align : center;
}
.password label {
display : block;
font-size : 120% !important ;
padding-top : 10px;
font-weight : bold;
}
#li_captcha {
padding-left : 5px;
}
#li_captcha span {
float : none;
}
.embed #form_container {
border : none;
}
.embed #top, .embed #bottom, .embed h1 {
display : none;
}
.embed #form_container {
width : 100%;
}
.embed #footer {
text-align : left;
padding-left : 10px;
width : 99%;
}
.embed #footer.success {
text-align : center;
}
.embed form.appnitro {
margin : 0 0 0;
}
div.calendar {
position : relative;
}
.calendar table {
cursor : pointer;
border : #ccc solid 1px;
font-size : 11px;
color : #000;
background : #fff;
font-family : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.calendar .button {
text-align : center;
padding : 2px;
}
.calendar .nav {
background : #f5f5f5;
}
.calendar thead .title {
font-weight : bold;
text-align : center;
background : #dedede;
color : #000;
padding : 2px 0 3px 0;
}
.calendar thead .headrow {
background : #f5f5f5;
color : #444;
font-weight : bold;
}
.calendar thead .daynames {
background : #fff;
color : #333;
font-weight : bold;
}
.calendar thead .name {
border-bottom : 1px dotted #ccc;
padding : 2px;
text-align : center;
color : #000;
}
.calendar thead .weekend {
color : #666;
}
.calendar thead .hilite {
background-color : #444;
color : #fff;
padding : 1px;
}
.calendar thead .active {
background-color : #d12f19;
color : #fff;
padding : 2px 0 0 2px;
}
.calendar tbody .day {
width : 1.8em;
color : #222;
text-align : right;
padding : 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size : 80%;
color : #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color : #fbb;
}
.calendar table .wn {
padding : 2px 2px 2px 2px;
border-right : 1px solid #000;
background : #666;
}
.calendar tbody .rowhilite td {
background : #FFF1AF;
}
.calendar tbody .rowhilite td.wn {
background : #FFF1AF;
}
.calendar tbody td.hilite {
padding : 1px 1px 1px 1px;
background : #444 !important ;
color : #fff !important ;
}
.calendar tbody td.active {
color : #fff;
background : #529214 !important ;
padding : 2px 2px 0 2px;
}
.calendar tbody td.selected {
font-weight : bold;
border : #888 solid 1px;
padding : 1px 1px 1px 1px;
background : #f5f5f5 !important ;
color : #222 !important ;
}
.calendar tbody td.weekend {
color : #666;
}
.calendar tbody td.today {
font-weight : bold;
color : #529214;
background : #D9EFC2;
}
.calendar tbody .disabled {
color : #999;
}
.calendar tbody .emptycell {
visibility : hidden;
}
.calendar tbody .emptyrow {
display : none;
}
.calendar tfoot .footrow {
text-align : center;
background : #556;
color : #fff;
}
.calendar tfoot .ttip {
background : #222;
color : #fff;
font-size : 10px;
border-top : 1px solid #dedede;
padding : 3px;
}
.calendar tfoot .hilite {
background : #aaf;
border : #04f solid 1px;
color : #000;
padding : 1px;
}
.calendar tfoot .active {
background : #77c;
padding : 2px 0 0 2px;
}
.calendar .combo {
position : absolute;
display : none;
top : 0;
left : 0;
width : 4em;
border : #ccc solid 1px;
background : #f5f5f5;
color : #222;
font-size : 90%;
z-index : 100;
}
.calendar .combo .label, .calendar .combo .label-IEfix {
text-align : center;
padding : 1px;
}
.calendar .combo .label-IEfix {
width : 4em;
}
.calendar .combo .hilite {
background : #444;
color : #fff;
}
.calendar .combo .active {
border-top : 1px solid #999;
border-bottom : 1px solid #999;
background : #dedede;
font-weight : bold;
}
@import "style.css";
html {
font-size : 100%;
}
body {
min-height : 100%;
width : 950px;
margin : 0 auto;
font-size : 1em;
background : #000080;
color : #EC7600;
position : relative;
}
div#conteneur {
width : 950px;
margin : 0 auto;
text-align : left;
border : #ec7600 solid 3px;
background : #fff;
}
h1#header {
position : relative;
height : 245px;
margin : 0;
background : url(banniere.jpg) left top no-repeat;
border : #000080 solid 2px;
}
h1#header a {
width : 200px;
height : 50px;
display : block;
position : relative;
left : 150px;
top : 15px;
text-indent : -5000px;
}
#menu a {
display : block;
color : #fff;
text-decoration : none;
text-shadow : 0 0 0;
}
#menu {
text-align : center;
padding-left : 0;
}
#menu > li, #menu > li li {
position : relative;
display : inline-block;
list-style : none;
width : 210px;
padding : 1px 1px;
text-align : center;
background-color : #777;
background-image : linear-gradient(#EC7600 50%, #C57600 50%, #F69300);
}
#menu > li li {
background : none transparent;
}
#menu > li li a {
color : #444;
}
#menu > li li:hover {
background : #eee;
}
#menu > li:first-child {
border-right : 1px solid #777;
border-radius : 8px 0 0 8px;
border : #000080 solid 2px;
}
#menu > li + li {
border-left : 1px solid #aaa;
border-right : 1px solid #777;
border : #000080 solid 2px;
}
#menu > li:last-child {
border-right : 0;
border-left : 1px solid #aaa;
border-radius : 0 8px 8px 0;
border : #000080 solid 2px;
}
#menu ul {
position : absolute;
top : 1.95em;
left : 0;
max-height : 0;
margin : 0;
padding : 0;
background-color : #EC7600;
background-image : linear-gradient(#fff, #EC7600);
overflow : hidden;
transition : max-height 1s 0.3s;
border-radius : 0 0 8px 8px;
}
#menu > li:hover {
background-color : #EC7600;
background-image : linear-gradient(#FF9800 50%, #F69300 50%, #FC9700);
}
#menu > li:hover ul {
max-height : 23em;
}
#center {
margin : 0;
padding : 0;
background : #fff;
height : 100%;
overflow : hidden;
padding-bottom : 1px;
text-indent : 20px;
text-align : justify;
}
.flottante {
background : #fff;
border-left : 20px solid #fff;
float : left;
width : 45%;
}
.flottante2 {
position : absolute;
border-left : 20px solid #fff;
width : 20%;
}
.flottante3 {
margin-right : 20px;
border-left : 20px solid #fff;
float : right;
width : 70%;
}
.image {
float : left;
margin : 0 6px 6px 0;
width : 15%;
height : 15%;
}
.spacer {
clear : both;
}
#footer {
margin : 0;
padding : 0;
background-color : #000080;
color : #fff;
letter-spacing : 1px;
text-align : center;
}
#footer1 {
margin : 0;
padding : 0;
background-color : #000080;
color : #fff;
letter-spacing : 1px;
text-indent : 20px;
text-align : justify;
}
#galerie {
float : left;
margin : 0 6px 6px 0;
width : 15%;
height : 15%;
}
#galerie li {
list-style : none;
float : left;
}
#galerie li a img {
float : left;
width : 100%;
height : 100%;
border : #ddd solid 2px;
}
#galerie li a:hover img {
transform : scale(2);
box-shadow : 4px 4px 10px rgba(0, 0, 0, 0.5);
}
#imageWraper1 {
width : 379px;
height : 400px;
}
#imageBox {
width : 50px;
}
#imageBox a {
outline : none;
display : none;
text-decoration : none;
}
#imageBox a:hover, a:focus {
background : rgba(0, 0, 0, 0.4);
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.4);
}
#imageBox a span {
position : absolute;
margin-right : 35px;
color : #EC7600;
background : #fff;
padding : 15px;
border-radius : 3px;
box-shadow : 0 0 2px rgba(0, 0, 0, 0.5);
transform : scale(0) rotate(-12deg);
transition : all 0.25s;
opacity : 0;
}
#imageBox a:hover span, a:focus span {
display : inline;
transform : scale(1) rotate(0);
opacity : 1;
}
.myButton {
box-shadow : 3px 2px 0 0 #000080 inset;
background-color : #777;
background-image : linear-gradient(#EC7600 50%, #C57600 50%, #F69300);
border-right : 1px solid #000080;
border-radius : 16px;
border : #000080 solid 2px;
width : 180px;
display : inline-block;
color : #fff;
font-family : Georgia;
font-size : 12px;
font-weight : normal;
text-decoration : none;
text-align : center;
padding : 4px 8px;
text-shadow : 0 0 0;
}
.myButton:hover {
background-image : linear-gradient(#FF9800 50%, #F69300 50%, #FC9700);
background-color : #EC7600;
}
.myButton:active {
position : relative;
top : 1px;
color : #000080;
}
#top-link {
position : fixed;
bottom : 0;
right : 10px;
}
.introduction1 {
font-size : 20px;
font-weight : bold;
color : #000080;
text-align : center;
}
.introduction2 {
font-size : 13px;
font-weight : bold;
color : #000080;
text-align : center;
}
.introduction3 {
font-size : 16px;
font-weight : bold;
color : #000080;
text-indent : 30px;
}
.conclusion {
font-size : 16px;
font-weight : bold;
color : #000080;
text-align : center;
}
h1 {
color : #000080;
text-align : center;
}
h2 {
font-size : 20px;
font-weight : bold;
color : #000080;
text-align : center;
}
h3 {
font-size : 16px;
font-weight : bold;
color : #000080;
text-indent : 30px;
}
#annuaire {
float : left;
margin : 0 6px 6px 0;
width : 35%;
height : 10%;
}
#annuaire li {
list-style : none;
float : left;
}
#annuaire li a img {
float : left;
width : 100%;
height : 100%;
border : #ddd solid 2px;
}
.ie7 #menu > li {
display : inline;
}
#form_container {
border : #000080 solid 2px;
border-radius : 10px;
background-color : #EC7600;
margin : 0 auto;
text-align : left;
width : 550px;
padding : 10px 10px 10px 30px;
margin-left : 10px;
}
#top {
display : block;
height : 10px;
margin : 10px auto 0;
width : 650px;
}
#bottom {
display : block;
height : 10px;
margin : 0 auto;
width : 650px;
}
form.appnitro {
margin : 20px 20px 0;
padding : 0 0 20px;
}
.appnitro {
font-family : Verdana;
font-size : small;
}
.appnitro li {
width : 61%;
}
form ul {
font-size : 100%;
list-style-type : none;
margin : 0;
padding : 0;
width : 100%;
}
form li {
display : block;
margin : 0;
padding : 4px 5px 2px 9px;
position : relative;
}
form li:after {
clear : both;
content : ".";
display : block;
height : 0;
visibility : hidden;
}
.buttons:after {
clear : both;
content : ".";
display : block;
height : 0;
visibility : hidden;
}
.buttons {
clear : both;
display : block;
margin-top : 10px;
}
* html form li {
height : 1%;
}
* html .buttons {
height : 1%;
}
* html form li div {
display : inline-block;
}
form li div {
color : #000080;
margin : 0 4px 0 0;
padding : 0 0 8px;
}
form li span {
color : #000080;
float : left;
margin : 0 4px 0 0;
padding : 0 0 8px;
}
form li div.left {
display : inline;
float : left;
width : 48%;
}
form li div.right {
display : inline;
float : right;
width : 48%;
}
form li div.left .medium {
width : 100%;
}
form li div.right .medium {
width : 100%;
}
.clear {
clear : both;
}
form li div label {
clear : both;
color : #000080;
display : block;
font-size : 9px;
line-height : 9px;
margin : 0;
padding-top : 3px;
}
form li span label {
clear : both;
color : #000080;
display : block;
font-size : 9px;
line-height : 9px;
margin : 0;
padding-top : 3px;
}
form li .datepicker {
cursor : pointer !important ;
float : left;
height : 16px;
margin : 0.1em 5px 0 0;
padding : 0;
width : 16px;
}
.form_description {
color : #000080;
font-family : verdana;
font-size : 10px;
font-weight : bold;
clear : both;
display : inline-block;
margin : 0 0 1em;
}
.form_description[class] {
display : block;
}
.form_description h2 {
clear : left;
font-size : 160%;
font-weight : 400;
margin : 0 0 3px;
}
.form_description p {
font-size : 95%;
line-height : 130%;
margin : 0 0 12px;
}
form hr {
display : none;
}
form li.section_break {
border-top : 1px dotted #000080;
margin-top : 9px;
padding-bottom : 0;
padding-left : 9px;
padding-top : 13px;
width : 97% !important ;
}
form ul li.first {
border-top : none !important ;
margin-top : 0 !important ;
padding-top : 0 !important ;
}
form .section_break h3 {
font-size : 110%;
font-weight : 400;
line-height : 130%;
margin : 0 0 2px;
}
form .section_break p {
font-size : 85%;
margin : 0 0 10px;
}
input.button_text {
overflow : visible;
padding : 0 7px;
width : auto;
}
.buttons input {
font-size : 120%;
margin-right : 5px;
}
label.description {
border : none;
color : #ffffff;
display : block;
font-size : 95%;
font-weight : 700;
line-height : 150%;
padding : 0 0 1px;
}
span.symbol {
font-size : 115%;
line-height : 130%;
}
input.text {
background : url(../../../images/shadow.gif) top repeat-x #fff;
border-bottom : 1px solid #ddd;
border-left : 1px solid #c3c3c3;
border-right : 1px solid #c3c3c3;
border-top : 1px solid #7c7c7c;
color : #333;
font-size : 100%;
margin : 0;
padding : 2px 0;
}
input.file {
color : #333;
font-size : 100%;
margin : 0;
padding : 2px 0;
}
textarea.textarea {
background : url(../../../images/shadow.gif) top repeat-x #fff;
border-bottom : 1px solid #ddd;
border-left : 1px solid #c3c3c3;
border-right : 1px solid #c3c3c3;
border-top : 1px solid #7c7c7c;
color : #333;
font-family : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size : 100%;
margin : 0;
width : 90%;
}
select.select {
color : #333;
font-size : 100%;
margin : 1px 0;
padding : 1px 0 0;
background : url(../../../images/shadow.gif) top repeat-x #fff;
border-bottom : 1px solid #ddd;
border-left : 1px solid #c3c3c3;
border-right : 1px solid #c3c3c3;
border-top : 1px solid #7c7c7c;
}
input.currency {
text-align : right;
}
input.checkbox {
display : block;
height : 13px;
line-height : 1.4em;
margin : 6px 0 0 3px;
width : 13px;
}
input.radio {
display : block;
height : 13px;
line-height : 1.4em;
margin : 6px 0 0 3px;
width : 13px;
}
label.choice {
color : #444;
display : block;
font-size : 100%;
line-height : 1.4em;
margin : -1.55em 0 0 25px;
padding : 4px 0 5px;
width : 90%;
}
select.select[class] {
margin : 0;
padding : 1px 0;
}
*:first-child + html select.select[class] {
margin : 1px 0;
}
.safari select.select {
font-size : 120% !important ;
margin-bottom : 1px;
}
input.small {
width : 25%;
}
select.small {
width : 25%;
}
input.medium {
width : 50%;
}
select.medium {
width : 50%;
}
input.large {
width : 99%;
}
select.large {
width : 100%;
}
textarea.small {
height : 5.5em;
}
textarea.medium {
height : 10em;
}
textarea.large {
height : 20em;
}
#error_message {
background : #fff;
border : red dotted 1px;
margin-bottom : 1em;
padding-left : 0;
padding-right : 0;
padding-top : 4px;
text-align : center;
width : 99%;
}
#error_message_title {
color : #DF0000;
font-size : 125%;
margin : 7px 0 5px;
padding : 0;
}
#error_message_desc {
color : #000;
font-size : 100%;
margin : 0 0 0.8em;
}
#error_message_desc strong {
background-color : #FFDFDF;
color : red;
padding : 2px 3px;
}
form li.error {
background-color : #FFDFDF !important ;
border-bottom : 1px solid #EACBCC;
border-right : 1px solid #EACBCC;
margin : 3px 0;
}
form li.error label {
color : #DF0000 !important ;
}
form p.error {
clear : both;
color : red;
font-size : 10px;
font-weight : 700;
margin : 0 0 5px;
}
form .required {
color : red;
float : none;
font-weight : 700;
}
form li.highlighted {
background-color : #FF9933;
}
form .guidelines {
background : #EC7600;
border : #00080A solid 2px;
border-radius : 10px;
color : #444;
font-size : 80%;
left : 100%;
line-height : 130%;
margin : 0 0 0 8px;
padding : 8px 10px 9px;
position : absolute;
top : 0;
visibility : hidden;
width : 42%;
z-index : 1000;
}
form .guidelines small {
font-size : 105%;
}
form li.highlighted .guidelines {
visibility : visible;
}
form li:hover .guidelines {
visibility : visible;
}
.no_guidelines .guidelines {
display : none !important ;
}
.no_guidelines form li {
width : 97%;
}
.no_guidelines li.section {
padding-left : 9px;
}
.form_success {
clear : both;
margin : 0;
padding : 90px 0 100px;
text-align : center;
}
.form_success h2 {
clear : left;
font-size : 160%;
font-weight : normal;
margin : 0 0 3px;
}
ul.password {
margin-top : 60px;
margin-bottom : 60px;
text-align : center;
}
.password h2 {
color : #DF0000;
font-weight : bold;
margin : 0 auto 10px;
}
.password input.text {
font-size : 170% !important ;
width : 380px;
text-align : center;
}
.password label {
display : block;
font-size : 120% !important ;
padding-top : 10px;
font-weight : bold;
}
#li_captcha {
padding-left : 5px;
}
#li_captcha span {
float : none;
}
.embed #form_container {
border : none;
}
.embed #top, .embed #bottom, .embed h1 {
display : none;
}
.embed #form_container {
width : 100%;
}
.embed #footer {
text-align : left;
padding-left : 10px;
width : 99%;
}
.embed #footer.success {
text-align : center;
}
.embed form.appnitro {
margin : 0 0 0;
}
div.calendar {
position : relative;
}
.calendar table {
cursor : pointer;
border : #ccc solid 1px;
font-size : 11px;
color : #000;
background : #fff;
font-family : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.calendar .button {
text-align : center;
padding : 2px;
}
.calendar .nav {
background : #f5f5f5;
}
.calendar thead .title {
font-weight : bold;
text-align : center;
background : #dedede;
color : #000;
padding : 2px 0 3px 0;
}
.calendar thead .headrow {
background : #f5f5f5;
color : #444;
font-weight : bold;
}
.calendar thead .daynames {
background : #fff;
color : #333;
font-weight : bold;
}
.calendar thead .name {
border-bottom : 1px dotted #ccc;
padding : 2px;
text-align : center;
color : #000;
}
.calendar thead .weekend {
color : #666;
}
.calendar thead .hilite {
background-color : #444;
color : #fff;
padding : 1px;
}
.calendar thead .active {
background-color : #d12f19;
color : #fff;
padding : 2px 0 0 2px;
}
.calendar tbody .day {
width : 1.8em;
color : #222;
text-align : right;
padding : 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size : 80%;
color : #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color : #fbb;
}
.calendar table .wn {
padding : 2px 2px 2px 2px;
border-right : 1px solid #000;
background : #666;
}
.calendar tbody .rowhilite td {
background : #FFF1AF;
}
.calendar tbody .rowhilite td.wn {
background : #FFF1AF;
}
.calendar tbody td.hilite {
padding : 1px 1px 1px 1px;
background : #444 !important ;
color : #fff !important ;
}
.calendar tbody td.active {
color : #fff;
background : #529214 !important ;
padding : 2px 2px 0 2px;
}
.calendar tbody td.selected {
font-weight : bold;
border : #888 solid 1px;
padding : 1px 1px 1px 1px;
background : #f5f5f5 !important ;
color : #222 !important ;
}
.calendar tbody td.weekend {
color : #666;
}
.calendar tbody td.today {
font-weight : bold;
color : #529214;
background : #D9EFC2;
}
.calendar tbody .disabled {
color : #999;
}
.calendar tbody .emptycell {
visibility : hidden;
}
.calendar tbody .emptyrow {
display : none;
}
.calendar tfoot .footrow {
text-align : center;
background : #556;
color : #fff;
}
.calendar tfoot .ttip {
background : #222;
color : #fff;
font-size : 10px;
border-top : 1px solid #dedede;
padding : 3px;
}
.calendar tfoot .hilite {
background : #aaf;
border : #04f solid 1px;
color : #000;
padding : 1px;
}
.calendar tfoot .active {
background : #77c;
padding : 2px 0 0 2px;
}
.calendar .combo {
position : absolute;
display : none;
top : 0;
left : 0;
width : 4em;
border : #ccc solid 1px;
background : #f5f5f5;
color : #222;
font-size : 90%;
z-index : 100;
}
.calendar .combo .label, .calendar .combo .label-IEfix {
text-align : center;
padding : 1px;
}
.calendar .combo .label-IEfix {
width : 4em;
}
.calendar .combo .hilite {
background : #444;
color : #fff;
}
.calendar .combo .active {
border-top : 1px solid #999;
border-bottom : 1px solid #999;
background : #dedede;
font-weight : bold;
}