body {background:#FFFFFF;  margin:0px;  }
body, div, td, p {font-size:12px; line-height:18px; font-family:Verdana, Helvetica, sans-serif;}

/** Colors **/
.green {color:#99BB1C}
.blue {color:#23BAEF}
.red {color:#FF9900}
.lightBlue {color:#85D5F1}
.white {color:#FFFFFF}
.grey {color:#959595}
.darkGrey {color:#424242}
.error {color:#ED171F}

a.blue {color:#23BAEF; text-decoration:none}
a.blue:hover {color:#99BB1C}

.heading1{font-size:22px; font-weight:bold}
.heading2{font-size:16px; font-weight:bold}
.heading3{font-size:14px; font-weight:bold}
.paragraph, .para{font-size:12px}
.tinyText{font-size:10px}
.space25{padding-left:25px}

/** Navigation **/
a.mainnaviLink {color:#FFFFFF; text-decoration:none}
a.mainnaviLink:hover {color:#e0e9be}
.subnaviRow {background:#23BAEF;  height:20px}
.subnaviSubRow {background:#85D5F1;  height:20px; padding-left:15px}
.subnaviRow a, .subnaviSubRow a {padding-left:20px; color:#FFFFFF; text-decoration:none; font-size:14px; display: block; line-height:20px}
.subnaviRow a:hover, .subnaviSubRow a:hover {background-color:#99BB1C; background-image:url('/gfx/subnavi_leaf.gif'); background-repeat:no-repeat}
.subMenu {background:#23BAEF;  height:20px; position:absolute; z-index:1000; left:200px; width:180px}
#footer{padding-top:40px; padding-bottom:40px; color:#959595}
#footer a {font-size:11px; text-decoration:none; color:959595; margin-left:20px; margin-right:20px}
#footer a:hover {color:#23BAEF}

/* Form */
table.form400 {background:#99BB1C; border:none; width:400px}
table.form400 .label {width:160px; height:30px; color:#FFFFFF; padding-left:10px;  font-size:12px}
table.form400 .field {width:200px; height:30px; }
table.form560_2 {background:#99BB1C; border:none; width:515px}
table.form560_2 .label {width:160px; height:30px; color:#FFFFFF; font-size:12px; padding-left:10px}
table.form560_2 .field {width:280px; height:30px; }

table.form560 {background:#99BB1C; border:none; width:515px}
table.form560 .field {width:475px; height:30px; color:#FFFFFF;}
table.form560 .field .headline {font-size:20px}
table.form560 .splitter {background:#FFFFFF; line-height:5px; height:5px; font-size:1px;}
.textfield {width:100%;}
.textarea70 {width:100%; height:70px}
.textarea100 {width:100%; height:100px}

/* Paging */
.activePageTd {background:#23BAEF; border: 1px solid #23BAEF}
.inactivePageTd {border:1px solid #23BAEF} 
.activePage {color:#FFFFFF; text-decoration:none}
.inactivePage {color:#23BAEF;text-decoration:none}
.activePage:hover {color:#000000}

/* Backoffice tables */
#backoffice .border{border: 1px dotted #959595}
#backoffice .bgGrey{background-color: #F4F4F4}
#backoffice .bgGreen{background-color: #9ACD32}
#backoffice .bgOrange{background-color: #FF9900}
#backoffice .bgRed{background-color: #ED171F}
#backoffice .label{width:160px; vertical-align:top; color:grey; font-size:10px;font-weight:bold}
#backoffice .field{width:260px; color:#23BAEF; font-size:10px;font-weight:bold}
#backoffice .small{width:80px; color:#23BAEF; font-size:10px;font-weight:bold}
#backoffice .tiny {width:35px; color:#23BAEF; font-size:10px;font-weight:bold}
#backoffice .tarea{width:260px; height:70px; color:#23BAEF; font-size:10px; font-weight:bold}
#backoffice .image{width:160px; height:100px; margin:10px}

.selectedFlag {border:1px solid #000000}
.unselectedFlag {border:1px solid #CCCCCC}

.dataTable {}
.dataTable thead td {background:#99BB1C; padding:3px; font-weight:bold; text-align:center; color:#FFFFFF}
.dataTable tbody td {background:#F4F4F4; padding:3px;}

/* new style */
.heading { font-size: 18px; padding-left: 24px; height: 90px; color: #23BAEF; }
.heading h1 { color: #23BAEF; font-size: 32px; font-weight: normal; margin: 0; padding: 0; display: inline-block; }

.filled { background:#99BB1C; border: none; margin: 0; padding: 0; border-spacing: 0; }
.filled tr { margin: 0; padding: 0; }
.filled td { margin: 0; padding: 2px; }
.filled .ul { padding: 0; width: 20px; height: 20px; background: #99BB1C url('/gfx/form_ul.gif') no-repeat top left; }
.filled .ur { padding: 0; width: 20px; height: 20px; background: #99BB1C url('/gfx/form_ur.gif') no-repeat top right; }
.filled .ll { padding: 0; width: 20px; height: 20px; background: #99BB1C url('/gfx/form_ll.gif') no-repeat bottom left; }
.filled .lr { padding: 0; width: 20px; height: 20px; background: #99BB1C url('/gfx/form_lr.gif') no-repeat bottom right; }

textarea.middle { padding: 2px; width: 400px; height: 100px; display: block; }

dl { display: block; margin: 0; padding: 0;}
dl * { display: block; margin: 0; padding: 0; }
dd { padding: 0 0 10px 50px; color: #888; }
dl input { font-weight: bold; }

h2 { font-size: 18px; }
h3 { font-size: 16px; }
.warn { color: #F60; font-weight: bold; } 
.error { color: #F00; font-weight: bold; }

.select { border-spacing: 0; margin: 5px; border: 1px solid #FFF; text-align: center; }
.select * { padding: 2px 5px; font-size: 12px; }

.filter, .list { border: 1px solid #000; margin: 0; padding: 0; }
.filter { background-color: #EFFAFF; }
.filter td { padding: 1px 7px; }
.filter label { font-weight: bold; color: #0AE; font-size: 11px; display: block; }
.list td { height: 40px; color: #666; font-size: 10px; padding: 1px 7px;}
.list tr.even { background-color: #EEE; }
.list tr.odd { background-color: #FFF; }

#payform { margin: 50px; width: 450px;}
#payform fieldset { border: none; }
#payform legend { font-weight: bold; padding: 5px 10px; font-size: 13px; }
#payform label { width: 150px; display: inline-block; }
#payform input, #payform select, #payform textare { width: 200px; margin-bottom: 3px; }
#payform textare { height: 30px; }
#payform input.small { width: 50px; }
#payform input#confirm { margin-left: 150px; margin-top: 10px; }
#payform span#price { font-weight: bold; color: #236; text-decoration: underline; }