a {outline:0;}
body {
margin:0; padding:0;
padding:15px 0;
font-size:14px;
font-family:arial,verdana,sans;
}

.clearboth {
clear:both;
}
.clearleft {clear:left;}
.clearright {clear:right;}


/* form table*/
.formfields {
float:left;
display:block;
width:100%;
font-size:1.1em;
}

.formfields input, .formfields textarea, .formfields select {
font-family:arial,verdana,sans;
font-size:1em;
}

.formtable, .formtablelist {
border-spacing:0;
padding:0;
width:100%;
}

.formtablelist {
border:1px solid #4C0000;
border-bottom:0;
}

.formtablelist .header {
font-weight:bold;
background-color:#4C0000;
color:#fff;
}

.formtablelist td {
border-bottom:1px solid #4C0000;
}

.formfields td {
margin:0;
border-spacing:0;
vertical-align:top;
padding:5px 0;
}

.formfields td a {
color:#ff0000;
text-decoration:none;
}

.formfields div {
}

.formfields select, .tableblock select {
padding:2px 0;
border:1px solid #4c0000;
}

.tableblock select {
padding:0;
}

.formfields textarea:focus, .formfields input[type="text"]:focus, .formfields input[type="password"]:focus, .formfields select:focus  {
border:1px solid red;
}

.formfields .value_htmleditor {
float:left;
position:relative;
width:500px;
}

.wordcount {
position:absolute;
right:0;
bottom:3px;
}

.formfields .value_category .maincategory {
font-weight:bold;
}

.formfields .value_category .childcategory {
font-weight:normal;
font-style:italic;
}

.formfields .label_text, .formfields .label_calendar, .formfields .label_category, .formfields .label_textarea, .formfields .label_htmleditor, .formfields .label_checkbox, .formfields .label_radio, .formfields .label_dropdown, .formfields .label_file, .formfields .label_slideimages {
width:170px;
}

.formfields .field_date {
width:55px;
}

.formfields .field_multidropdown {
width:202px;
height:200px;
}

.formfields .field_textarea, .formfields .field_textarea_html {
border:1px solid #4C0000;
float:left;
width:320px;
height:170px;
}

.formfields .field_textarea_html  {
width:420px;
height:200px;
}

.formfields .field_radio, .formfields .field_checkbox {
border:0;
background-color:none;
}

.formfields .field_input_text, .formfields .field_input_password, .formfields .field_input_email, .formfields .field_input_file{
float:left;
width:200px;
border:1px solid #4c0000;
padding:2px 0;
}
.formfields .field_input_file {
width:285px;
}

.formfields .input_checkbox { 
float:left;
width:300px;
}

.formfields .input_radio {
float:left;
width:230px;
*width:232px;
border:0;
}

.field_input_submit, .field_input_button, .field_input_reset, .field_input_backtopage {
background-color:#4C0000;
color:#FFFFFF;
border:0;
padding:2px 4px;
*padding:1px 0;
font-size:0.9em !important;
}


.listing .field_input_submit, .listing .field_input_button {
margin-right:5px;
width:auto !important;
}

.formfields .field_dropdown, .formfields .field_category {
width:202px;
}

.formfields .hint {
float:left;
position:relative; z-index:33;
}
.formfields .hint a {
color:#ff0000;
text-decoration:none;
}

.formfields .hint_popup{
float:left; display:none;
width:300px;
position:absolute;
z-index:33;
border:1px solid #ff0000;
background-color:#4c0000;
color:#FFFFFF;
padding:2px 6px;
left:50px; top:0; 
}

.formfields .hint_popup_subcheckbox{
float:right; display:none;
margin-right:40px;
width:220px;
position:absolute;
z-index:33;
border:1px solid #ff0000;
background-color:#4c0000;
color:#FFFFFF;
padding:2px 6px;
right:0; top:0; 
}

.formfields .value_label {
color:green;
}

.formfields .errormessage {
padding:0;
margin:0;
border-spacing:0;
font-size:0.9em;
color:red;
}

.formfields .required {
color:red;
z-index:0;
}

.formtext {
font-size:1.2em;
}

.formtext p{
margin:0 !important;
padding:0 !important;
}

.formfields .others {
position:absolute;
z-index:3; display:none; top:0; right:20px;
}

.notice {
color:#FF6600;
}

.tableblock {
border-spacing:0;
padding:0;
margin:0;
width:100%;
}

.tableblock tr, .tableblock td {
vertical-align:top;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
}

.tableblock th {
background-color:#4C0000;
color:#FFFFFF;
padding:2px 0;
}

.tableblock td input {
padding:0;
margin:0;
padding:2px 2px;
font-weight:bold;
}

.tableblock th a{
color:#FFFFFF;
}

.tableblock th a:hover {
text-decoration:underline;
}

.tableblock td.colbottomborder{
border-bottom:2px solid #4C0000;
}

.tableblock td.label{
font-weight:bold;
}

.sublink {
font-weight:bold;
float:right;
z-index:5;
position:absolute;
top:5px;
right:15px;
width:670px;
text-align:right;
}

@media print { .dontshow {display:none} }

.numpage input {
width:25px;
padding:2px 0;
*padding:1px 0;
margin:0;
text-align:right;
border:0; 
}


.previous, .next, .numpage {
margin-left:3px;
}

.numpage {
float:right;
padding:0 5px;
*padding:1px 5px 0 5px;
font-size:1em;
border:1px solid #4C0000;
font-weight:bold;
}

.previous, .next, .totallist{
background-color:#4C0000;
color:#FFFFFF;
font-weight:bold;
float:right;
}

.totallist {
float:right;
padding:0;
margin-right:3px;
padding:0 0 0 3px;
font-size:1em;
border:1px solid #4C0000;
*border:0;
*border-right:1px solid #4C0000;
width:auto;
background-color:#4C0000;
color:#FFFFFF;
font-size:0.9em;
}

.totallist input {
width:30px;
border:0;
padding:2px 0;
*padding:2px 0 3px 0;
text-align:right;
font-size:1em;
}

.previous a,  .next a {
padding:0; margin:0;
float:left;
color:#FFFFFF;
text-decoration:none;
padding:3px 8px 3px 8px;
*padding:3px 8px 4px 8px;
}

#displayimage{float:left;}
#slideshows  {float:right;}
#displayimage img {
border:1px solid #4C0000;
}
#slideshows a  img {}
#slideshows a {
float:left;
border:1px solid #4C0000;
margin-bottom:2px;
height:67px;
}

#slideshows a:hover {border:1px solid yellow;}
#slideshows img {border:0; }
#slideshows {overflow:auto;width:215px;}

form {
display:inline;
}

.trlist:hover {
background-color:#f3dada;
}

/* main menu*/
#menu {
float:left;
width:100%;
}

#menunav {
list-style:none;
margin:0;padding:0;
width:100%;
}

#menunav ul, #menunav li {
list-style: none;
margin:0; padding:0;
}

#menunav ul {
padding-top:10px;
margin-left:-1px;
}

#menunav li {
position:relative;
z-index:999;
}

#menunav .active  {
border:1px solid #fff;
}

#menunav .active a {
color:#fff;
}

#menunav li:hover, #menunav li.iemhover{
overflow:visible;
border:1px solid #fff;
color:#fff;
}

#menunav li:hover a, #menunav li.iemhover a{
color:#fff;
}

/* Submenu */
#menunav li ul a {
outline:0px;
color:#183B73 !important;
font-weight:normal;
text-align: left;
text-decoration: none;
border-top:0;
border-right:0;
background:url('../images/submenuarrow.gif') no-repeat 5px center;
}

#menunav li ul {
left: -999em;
position: absolute;
height: auto;
z-index:999;
font-size:1.2em !important;
margin-top:-3px;
}

#menunav li ul li{
padding:2px 0;
border:1px solid #91B4D2;
border-top:0;
background-color:#B9DBF1;
}

#menunav li ul li a {
float:left;
}

#menunav li ul li:hover, #menunav li ul li.iemhover {
border:1px solid #91B4D2;
border-top:0;
color:#fff !important;
background-color:#8CACD5 !important;
}

#menunav li ul li a:hover, #menunav li ul li a.iemhover {
border-top:0;
border-right:0;
color:#fff !important;
}

/* submenu length */
#menunav li ul a, #menunav li ul{
float:left;
width:135px;
}

#menunav li ul a:hover, #menunav li ul:hover {
color:#fff !important;
}

#menunav li:hover ul, #menunav li.iemhover ul {
left:auto;
}

/* use for 3 level menus */
#menunav li:hover ul ul, #menunav li.iemhover ul ul, #menunav li li:hover ul ul, #menunav li li.iemhover ul ul, #menunav li li li:hover ul ul, #menunav li li li.iemhover ul ul {
padding-top:0;
border-left:0;
}

#menunav li li:hover ul, #menunav li li.iemhover ul, #menunav li li li:hover ul, #menunav li li li.iemhover ul, #menunav li li li li:hover ul, #menunav li li li li.iemhover ul {
left:162px;
}

.editmode {
position:relative;
margin:0 0 15px 0;
}

.editmode .editlink {
position:absolute;
bottom:-15px;
right:0;
font-size:.9em;
text-decoration:none;
}
.adminmode {
float:right;
margin-right:5px;
color:red !important;
font-size:.8em !important;
}

.adminmodeblock {
float:right;
width:220px;
}

.checkboxmiddle {
vertical-align:middle;
}

.givelink {
position:absolute;
z-index:888;
width:400px;
height:300px;
left:0;
top:0;
background:url('../images/flashtransparent.gif');
}

.givelink a {
display:block;
height:100%;
}