/* standard element settings */
body,td,th,select,input,div, button, textarea
{
	font-family:tahoma,verdana,geneva,arial,sans-serif; 
}
body { margin-top:5px; font-size: 0.9em; }
body.inline_popup {  margin:0px; }
.float { position:absolute; }
/* no borders on images */
img { border: none; }
/* no space created by forms */
form {display: inline;}
input.input_field { padding:1px; }
span.input_field { padding-top:20px; }

/* button images */
button { background-repeat:no-repeat; background-position:center left;  }

/* heading */
h1 { font-size:small; font-weight:bold; padding:5px; margin:0px; text-align:center; color:#085DAA; background-color:#ffffff;}
.heading { background-color:#D4E3F0; }

h2 { font-size:small; font-weight:bold; padding-top:4px; padding-bottom:4px; margin:0px; }
h3 { font-size:small; font-weight:bold; padding-bottom:4px; padding:0px; margin:2px; }


/* rounded tables */
/*.rounded_table td div.rnd_div,.rounded_table_top td div.rnd_div, .rounded, .rounded_top, .rounded_bottom { padding: 5px; margin:0 auto; }*/
.rounded_table td div.rnd_div, .rounded_table_split td div.rnd_div, .rounded_table_top td, .rounded, .rounded_top, .rounded_bottom { padding: 3px; margin:0 auto; }

/* static content */
table.option td { padding:5px;}
table.option td.title { font-weight:bold; }
.note { font-size:small; }
.bold_note { font-weight:bold; font-size:small; }
.text_content li { padding:2px; margin:2px;}

/* message */
.message { font-weight: bold; }
span.error, span.disabled {display:block; } 
.error, .disabled { font-size:x-small; font-weight:bold; }
.main_error { font-size:small; font-weight:bold; }
.description { font-size:11px; }

/* menu */
.menu { margin-bottom:5px; }
.menu tr td, .menu tr td * { vertical-align:middle; }
.menu table { width:100%; }
.menu table, table.icons  { border-collapse:collapse; }
.menu td { vertical-align:top;  width:1%;}

.menu td { text-align:center; padding-top:5px; padding-bottom:5px;}
.menu a { text-transform:capitalize;  }
.menu img { padding-right:4px; }
.menu a:link, .menu a:visited, .menu a:active {  text-decoration: none; }
.diary a:link, .diary a:visited, .diary a:active,.diary a:hover , .menu a:hover {  text-decoration: underline;}

/* paging */
.paging table { width:100%; border: 0px solid #000000 }
.paging td form * { vertical-align:top; padding-top:2px; }
.paging .page { text-align:left; width:1%;}
.paging td.page_title { text-align:center; width:98%; }
.paging .pagesize { text-align:right; width:1%;}
.paging button.submit { width:30px; height:22px;  }
.paging td { white-space: nowrap; }

/* LIST */
/* capitalise list column titles and align */

/* This alignment messes up the "align=right" tag on the PARK MARK image
.list table.view tr td * { vertical-align:middle; }
*/

td.field { text-align:left;}

/* align right amount fields*/
.right { text-align:left;}

/*.list td div { font-size:small; }*/
.list .small table.view td.field div {font-size:0.8em; }
.list tr.titles { vertical-align:middle; text-transform:capitalize;}
.list table.view, .list table.edit, .list table.add { width:100%; background-color:#ffffff; }
.list table.edit tr td,.list table.add tr td { vertical-align:top; } 
.list tr.titles td * { vertical-align:middle; }
.list tr.titles a:link,.list tr.titles a:visited,.list tr.titles a:active { text-decoration: underline;  }
.list tr.titles a:hover { text-decoration: none;  }
.list td.view { white-space:nowrap; }
.list td.view,.list tr.titles td  { text-align:center; font-weight:bold;}
.list td.view a { font-weight:bold; display:block; padding:3px;}

.list tr.dropped { visibility:hidden; display:none; }
.list td.more { font-size:x-small; font-weight:bold; } 
.list td.title { background-color:Blue; }


.list td.col_view, .list .small td.col_view { text-align:center; font-weight:bold;}

.list td.col_view, .list td.select { width:1%;}
.list .small td.col_view, .list .small td.select { width:1%;}

/* column select drop down and image */
.list .small tr.titles td.smode ,.list tr.titles td.smode { min-width:93px;}
.list tr.titles td.smode { text-align: left;}
.list tr.titles td.smode select { font-size: 11px;}

.smode a img { float:right; padding-top:0px; padding-right:3px; padding-bottom:3px;}
.allrow { font-size:10px; text-transform:none; padding-top:2px;}

/* search highlight */
.sh { background-color: Lime; color:Black }
/* search */
.search table td { padding:4px; }
.search table.add { background-color:#ffffff; }
.search tr.titles td  { text-align:center; font-weight:bold;}


/* RECORD */

.group_layout { width:100%; padding:0px; margin:0px; border:0px; } 
.record_panel { width:100%; padding:0px; margin:0px; border:0px; }

.search td.title, .record td.title { text-transform:capitalize; width:1%; white-space:nowrap; font-weight:bold; text-align:right; vertical-align:top;}
.record table.view, .record table.edit, .record table.add { background-color:#ffffff; }
.record .view td.title div, .record .view td.field div {  padding:2px; }
.record tr td.field * { vertical-align: middle; }
.record div.readonly { padding-top:3px; }

.record .add td.title, .record .edit td.title, 
.record .add span.text, .record .edit span.text  { padding:4px; }
.record td.field .text { display:block; padding-top:4px; }
.record td,.record td div  { vertical-align:top; }
.record td.heading { text-align:center; vertical-align:middle;}
.record td.heading .text { text-transform:capitalize; font-weight: bold; color:#085DAA;}
.record .admin { color: #aa1111; }

.colour_box { width:50px; border:solid 1px #000000;  display:inline-block; margin-left:5px;}

/* text breaks to aid wrapping */
.break { font-size:1px; width:1px; }

/* lookup */

.lookup table { border-collapse:collapse; padding:0px; margin:0px; }
.lookup table.filter td { vertical-align:top; }
/* .dd_list,.lookup,.dd,.content { background-color:#CECECE; }*/
.lookup,.content { background-color:#CECECE; }


/* Browse */
.browse table { width:100%; border-collapse:collapse; }
.browse table td { border:solid 2px #ffffff; }
.browse td label { text-transform:capitalize; }
.browse .description { font-size:small; }

/* diary */
.diary { width:100%; border-collapse:collapse; }

.diary td.dow { text-align: center; font-weight:bold;}
.diary table.day th,.diary table.day td { text-align:left; font-size: 0.8em;}
.diary td.cell,.diary td.current_cell { border:solid 1px #c0c0c0; width:16%;}

.diary td {vertical-align:top;}
.diary .today { background-color: #a2a456;}
.day { width:100%; }
.day td.icon { width:1%; }
.day td.time { width:1%; }
.day th * { vertical-align:middle; font-size: small}

.expand { width:99%;  font-size:x-small;}
.shrink { width:1%;}


/* buttons div - shows button list - upload buttons*/
.buttons button { text-transform:capitalize; padding-left:20px; padding-top:1px; padding-bottom:1px; text-align:left;}
button.foreign { background-repeat:no-repeat; background-position:center center;  width:22px; height:22px; font-size:x-small;}
.buttons td { padding:2px }
.upload_page .buttons {padding-left:25px;}


/* tabs */
.tabs { margin-top:6px; }
.tabs tr { vertical-align:top; }

.tabs table { border-collapse:collapse; margin-left:8px;}
.tabs td div.text  { vertical-align:top; }
.tabs table td { margin:0px; padding:0px; border-right: solid 3px #ffffff; }
.tabs td .text { padding:6px; text-align:center; text-transform:capitalize; font-size:small;}
.tabs img { float:right;  }


/* footer */
#login { width:100%; text-align:right; font-size:x-small;}
#ar_foot { padding-top:5px; }
#ar_foot table { padding-top:3px; }
#ar_foot .copyright { font-size:x-small; }
#ar_foot td { vertical-align:top }


/* COLOURS */

/* field sub-text */
.main_error,.error { color: #cc3333 }
.disabled, .description { color: #555555; }

/* links */
a:link, a:visited,a:hover,a:active { color:#085DAA;  }
a:hover { text-decoration:none; color:#3AA500; }
table.icons a:link, table.icons a:visited, table.icons a:active {  color:Black }



/* separator lines and link colour */
#ar_foot table { border-top:2px solid #BDCBE7; }
.menu table {BORDER-top: #BDCBE7 2px solid; BORDER-bottom: #BDCBE7 2px solid; }


/* field focus */
#focus { background-color:#fbf4d7;  }

/* list */
/* selected line */
/* field colour changed */

.input_field { background-color:#eeeeee; }
.input_field_changed, .list tr.selected, .day tr.selected { background-color:#ECFDE3;}

.diary td.current_cell, 
.list tr.odd, .search tr.odd, .browse tr.odd td  { background-color:#E6F0F9; }
.list tr.even, .search tr.even, .browse tr.even td { background-color:#D4E3F0; }

/* head, footer and heading background */
#ar_head,.list tr.titles td, .search tr.titles td, 
.even td.select,.odd td.select, 
.even td.view,.odd td.view, .paging, .tabs td.current, 
.search,.record_section, .list_section,.browse, .favourites tr.titles,.list td.title  { background-color:#E7E7E7; }

.record td.heading { background-color:#ffffff; border-bottom:#CECECE 2px solid; vertical-align:bottom; padding-top:5px;}

/* shaded tabs */
.tabs td { background-color:#D2D2D2;}

/* combo boxes */
.combo select { visibility:hidden; position:absolute; }
.combo button.select, .combo_multi button.select  { background-position:center center; width:16px; height:22px;}

.combo_multi select {  }


/* dropdown popups */
.dd_popup { position:absolute; overflow:hidden; }
.dd_iframe { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px #000000; }


/* help */

.help { margin-top:20px; margin-bottom:20px; font-size:small; border-bottom:solid 1px #333333;  }
.help a.link { display:block; }
 /* this is the main title at the top of the help page
.help .page a.anchor {font-size: 14px; font-weight:bold; display:block; background-color: #E7E7E7; text-decoration: none; padding-top:5px; padding-bottom:5px; padding-left:5px; margin-bottom:10px;}
*/ 
.help .page a.anchor, .help h1 { padding:5px; margin:0px 0px 0px 0px; color:#085DAA; font-weight: bold; text-align:left; border-bottom: dashed 1px #333333;}
.help .page a.anchor { font-size:14px; display:block; margin-bottom:20px;}
.help h1 { font-size:12px;}
.help p {padding-left:5px;}
.help li {padding-bottom:7px;}
.help .back {margin-bottom:0px; }
.help .back a {float:right; margin-top:-20px; display: inline-block; background-color:#ffffff;}
.help a.restrict  { font-size: small; color:#df7a17;}
.help .restrict  { font-size: smaller; color:#df7a17;}
.help .spacer { border-bottom: dashed 1px #333333; height:2px; margin-bottom:10px; margin-top:10px;}
.help .data a { font-size:medium; text-decoration:none; font-weight:bold; display:block; background-color: #e7e7e7; margin-top:15px; margin-bottom:15px;}
.help .data .group { font-size:medium; text-decoration: underline; text-transform:capitalize; }
.help .data .title { text-align:right; text-transform:capitalize; font-weight:bold; }
.help .data table td { padding-right:50px;  padding-top:20px;}
.help a.admin { font-size:small; text-align:right; display: block; }
.help .info { font-size:9px; margin-bottom:3px; display: inline-block; font-style:italic; }
.help img { border: solid 1px #666666;  margin-top:5px;}


/* columns */

.columns { width:1%; }
.columns .move, .columns .sort { text-align:center; }
.columns td.list { vertical-align: top; width:1%;}
.columns td.move { padding-top:50px; vertical-align: top; width:1%; }
.columns td.sort { padding-top:110px; vertical-align: top; width:1%; }
.columns .move button { display: block;  text-align:center; margin:5px;  height:40px; width:44px;}
.columns label { white-space:nowrap; }
.columns select { width:200px; }

.pb {  border: solid 1px #123456; width:400px; margin-left:80px; }
.pb .prog { position:absolute;  background-color:#AAAAAA; z-index:-1; }
.pb .per { white-space:nowrap;  text-align: center; width:100%; color: #000000; }