/* CSS for front-end customers sites, back-end administration sites and EVERYTHING ACROSS THE PLATFORM */


.arepo h1,
.arepo h2,
.arepo h3,
.arepo ul,
.arepo li,
.arepo table,
.arepo th,
.arepo td,
.arepo div, 
.arepo input, 
.arepo button,
.arepo textarea, 
.arepo select { font:inherit; }

/* no borders on images */
.arepo img { border: none;  }
.arepo input[type=image] {border:none;}

/* no space created by forms */
.arepo form {display: inline;}

/* flat style */
/*.arepo input, 
.arepo textarea, 
.arepo select { border: 1px solid;  vertical-align:top;  margin:0px; }*/

textarea { white-space: pre-wrap; } /* fix ie 11 bug inherits from parent */

.arepo input.input_field,
.arepo input.input_field_changed,
.arepo textarea.input_field,
.arepo textarea.input_field_changed,
.arepo select.input_field,
.arepo select.input_field_changed  { border: 1px solid;  vertical-align:top;  margin:0px; }

.arepo .geoloc { width: 400px; height:400px;  display:inline-block;}
.arepo #chart_div { display:inline-block; }
.arepo #pan_div { display:inline-block; margin-left:2px; }

.arepo .heat_but { position:absolute; z-index:1; margin-left:200px; margin-top:8px;  }
.arepo .heat_but button { border: 1px solid #777777; height:32px;  background-color:#ffffff; font-size:8pt;}


/*tickboxes & radio-buttons*/
.arepo input[type=checkbox],
.arepo input[type=radio]  {  border:none;  }


/* removed background colour for radio buttons if they are changed*/
.arepo td.radio .input_field_changed  { background-color: Transparent; }

.arepo label, 
.arepo input, 
.arepo button { cursor:pointer; cursor:hand; }

.arepo .float { position:absolute; }

/* span.input_field { padding-top:20px; } */
.arepo .file_multi  * { vertical-align:middle;}

.mid { display:table; margin-left:auto; margin-right:auto; width:100%; }

/* header */
#ar_head {text-align:center; }
#ar_head .right { float:right;  }
.arepo h1 { width:50%; margin:0px auto; font-size:1.1em; font-weight:bold; padding:5px; text-align:center; color:#085DAA; background-color:Transparent; }

.arepo .locale a { border: 1px dotted transparent; padding:2px; display:inline-block;}
.arepo .locale a img { display:inline-block; }
.arepo .locale a.c_cult { border-color:#000000;	}

#login { text-align:right; }
#ar_head .top_login { font-size:0.9em;  vertical-align:bottom; }
.arepo .menu .top_login { margin-right:10px; }

/* heading */
.arepo h2 { font-weight:bold; padding-top:4px; padding-bottom:4px; margin:0px; }
.arepo h3 { font-weight:bold; padding:5px 0px 10px 2px; margin:2px;  }

/* footer */
#ar_foot { text-align:center; margin-top:10px; border-top:2px solid; padding-top:2px; vertical-align:top; }
#ar_foot .copyright { font-size:0.75em; margin:0px auto; display:block; width:50%; }
#ar_logo { float:right; padding-top:2px;}

/* mobile or desktop version */
.arepo .switch { float:left;  clear:left; display:block; padding:2px 0px 0px 7px; font-size: 0.8em;}

/* #content {  overflow:hidden; } */
#content  {margin-top:5px;  display:table; width:100%;}

/* static content */
.arepo table.option td { padding:5px;}
.arepo table.option td.title { font-weight:bold; }
.arepo .note { font-size:0.96em; }
.arepo .bold_note { font-weight:bold; text-align:left; font-size:0.96em;}
.arepo .text_content li { padding:2px; margin:2px; text-align:left;}

/* message */
.arepo .message { font-weight: bold; }
.arepo span.error,
.arepo span.disabled {display:block; } 
.arepo .error, 
.arepo .disabled { font-weight:bold; }
.arepo .main_error { display:block; font-weight:bold; padding: 0px 0px 6px 3px;}

.arepo .error, 
.arepo .disabled,
.arepo .description { font-size:0.85em; }

.arepo span.mand { display:inline-block; padding-left: 5px; padding-top:0px; vertical-align: top;  font-weight:bold; font-size:1em; }
.arepo td.mand { text-align:right; font-size: 0.75em; font-weight:bold; }

/* menu */
.arepo .menu { margin-bottom:5px; clear:both; }
.arepo .menu tr td, 
.arepo .menu tr td * { vertical-align:middle; }
.arepo .menu table { width:100%; }
.arepo .menu table,
.arepo table.icons  { border-collapse:collapse; }
.arepo .menu td { vertical-align:top;  }
.arepo .menu td { text-align:center; padding-top:5px; padding-bottom:5px;}
.mobile .arepo .menu li { text-align:left; padding-top:5px; padding-bottom:5px;}
.arepo .menu img { padding-right:4px; }

.arepo .menu a:link,
.arepo .menu a:visited, 
.arepo .menu a:active {  text-decoration: none; }

.arepo .menu table {BORDER-top: 2px solid; BORDER-bottom: 2px solid; }

/* option list */
.arepo .options, .arepo .multiple_choice { display:inline-block;  padding-right:10px;  position:relative; padding-top:0.1em; }
.arepo .options .option  { display:block; vertical-align:top;  line-height:1.5em; padding-left:1.5em; text-indent:-1.5em;}
.arepo .chooser .option  { display:block; vertical-align:top;  line-height:1.5em; padding-left:auto; text-indent:0px;}

.arepo td.field .option  input[type=checkbox],
.arepo td.field .option  input[type=radio] { margin-bottom:0.2em;  margin-top:auto; display:inline; vertical-align:text-bottom;}
	
/*.arepo .options .option  input,
.options .option  label { vertical-align:middle; }  */

/* diary */
.arepo .diary a:link,
.arepo .diary a:visited, 
.arepo .diary a:active,
.arepo .diary a:hover,
.arepo .menu a:hover {  text-decoration: underline;}

/* paging */
.arepo .paging { margin-left: 5px; margin-right: 5px; }
.arepo .paging table { width:100%; }
.arepo .paging td form img, 
.arepo .paging td form a:link, 
.arepo .paging td form input.submit { vertical-align:text-bottom; padding-top:2px; }
.arepo .paging .page { text-align:left; width:1%;}
.arepo .paging td.page_title { text-align:center; width:98%; }
.arepo .paging .pagesize { text-align:right; width:1%;}
.arepo .paging button.submit { width:30px; height:22px;  }
.arepo .paging td { white-space: nowrap; }

.mobile .paging td.page_title,.mobile .paging .pagesize  { text-align:left;}

/* 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; }
*/

.arepo td.field { text-align:left;  vertical-align:top;}

/* this makes the radio buttons and text for options on Inkara: choose client / create a new account all misplaced 
.arepo td.field .vis label { line-height:1.9em; } */

.arepo td.field  input[type=checkbox] { margin-top:0.45em; }

.arepo .record table.edit table.record_panel td.field div.vis table.field_list { white-space:normal;}
.arepo .record table.edit table.record_panel td.field div.vis table.field_list td.buttons { white-space:nowrap; }



.arepo .field table.field_list { border:dotted 1px #000000;  padding:5px; display:inline-block;  border-collapse:collapse; margin-bottom:4px; }
.arepo .field table.field_list th { font-style:italic;  border-bottom:dotted #000000 1px; }
.arepo .field table.field_list th, .arepo .field table.field_list td { padding:2px 6px 2px 6px; }
.arepo .field table.field_list .sep { border-right: dotted 1px #000000; }
.arepo .field table.field_list td {  vertical-align:top; }
	
	
.arepo .field table.note_list  { font-size: 10pt; border:1px dotted #000000; margin-bottom:5px;  display:block;  vertical-align:top;}  
.arepo .edit .field table.note_list  { overflow:auto; max-height:100px; }  
.arepo .field table.note_list td {  padding:5px; vertical-align:top; } 
.arepo .field table.note_list td.date { border-right:1px dotted #000000; width:130px;}
.arepo .field table.note_list td.desc { white-space:normal;  }


/* .arepo td.field .vis input[type=checkbox] { margin-top:0.4em; } */
.arepo td.title a,
.arepo td.above .title a {  text-decoration:none;}
/* align right amount fields*/
/* borders on list */

/* rounded panels */
.arepo .list_section,
.arepo .record_section { border:1px solid; }


/*.list table.view  */
.arepo .list_layout { border-collapse:collapse; border: solid 1px;  }
.arepo .list_layout td { border: dotted 1px; }
.arepo .list_panel td { border:none; }

/* tr.odd td,tr.even td  { border-top: solid 1px; border-bottom: solid 1px ;}*/
.arepo .list,
.arepo .record,
.arepo .search,
.arepo .browse { padding:8px;}

.arepo .list_section .right div { text-align:right; padding-right:10px;}

/* smaller text when many columns }*/
.arepo .list_section .small table.view td.field div {font-size:0.8em; }

/* .list table.view, .list table.edit, .list table.add { width:100%; }*/
/* .list table.edit tr td,.list table.add tr td { vertical-align:top; } */
.arepo .list_layout td { vertical-align:top; } 

.arepo .list_section tr.titles a { text-decoration: underline; }
.arepo .list_section tr.titles a:hover { text-decoration: none;  }
.arepo .list_section tr.titles td { text-align:center; vertical-align:bottom; font-weight:bold; padding:3px 3px 8px 3px; border-bottom-style:solid; }
.arepo .list_section .titles td.smode { vertical-align:top; text-align: left; white-space:nowrap;}

.arepo .list_section td.smode select { font-size: 0.8em; }
.arepo .list_section td.smode { vertical-align:top; }
.arepo .list_section .smode select { float:left; }
.arepo .list_section .allrow { font-size:0.7em; padding-top:2px; float:left; clear:left; margin:2px 0px 0px 9px;}
.arepo .list_section .smode img { padding-top:0px; padding:3px; }
.arepo .list_section td.col_view a { padding:4px 3px 4px 3px; display:block; }

.arepo .list_section td.col_view {  width:1%; vertical-align: middle; white-space:nowrap;  text-align:center; font-weight:bold;  } 



/*.arepo .list_section .sel_mode { background-color:Lime;  }*/
.arepo .list_section td.select { width:1%; text-align:center; white-space:nowrap; vertical-align: middle; } 
/*.arepo .list_section td.select label { vertical-align: middle;  }  */

/*tickboxes inside select column
.arepo td.select input[type=checkbox]  { position: relative; top:0px;  vertical-align:middle; }

 radio-buttons only
.arepo td.select input[type=radio]  { } */

.arepo .list_section td.field { vertical-align: middle; padding-top:5px; padding-bottom:5px; padding-right:3px; }

/* search highlight */
.arepo .sh { background-color:#96FC63; color:Black }

/* search */
.arepo .search { border:1px solid; }
.arepo .search table td { padding:4px; }
.arepo .search tr.titles td  { text-align:center; font-weight:bold;}

.arepo .search td.title,
.arepo .record td.title, 
.arepo .list_panel td.title { width:1%; text-align:right; vertical-align:top; }

/* adv search select not bold */
.arepo .search td.title div select { font-weight:normal; }

/* titles bold and no wrapping */
.arepo .search td.title div, 
.arepo .record td.title div, 
.arepo td.above .title, 
.arepo .group .title { white-space:nowrap; font-weight:bold; }
.arepo .group .title, 
.arepo .group .vis {  display:inline-block; }
.arepo .group .title { line-height:2em; }
/* odd and even rows on a search page*/
/* .search tr.odd, .search tr.even { background-color:#ffffff;}*/

.arepo .search .add { border: 1px solid; border-collapse:collapse; }
.arepo .search .add td	{ border: 1px dotted; }
/*.search .add tr.titles td {  border: 1px solid #000000; }
/*.search .add td.title { background-color:#f1f1f1;}*/
/* .search .add td.title { border-right: solid 1px #cccccc;} */

/* RECORD */
.arepo .group_layout { width:100%; padding:0px; margin:0px; border:0px; border-collapse:collapse; border: dotted 1px; } 
.arepo .record_panel { width:100%; padding:0px; margin:5px; border:0px; }

.arepo .record td.heading { text-align:center; vertical-align:bottom; padding-top:5px; font-size:0.9em; font-weight:bold;}
.arepo .record td.heading .text { border-bottom: 1px dotted;  padding-bottom:3px; }
.arepo .record td.heading a {  text-decoration:none;  }

/* RDO ensures the "mandatory field *" stays at the right of the input field (add/edit) */
.arepo .record table.add table.record_panel td.field div.vis,
.arepo .record table.edit table.record_panel td.field div.vis { white-space: nowrap;}
.arepo .record table.add table.record_panel td.field div.vis .description,
.arepo .record table.edit table.record_panel td.field div.vis .description { white-space:normal; }


/* on add and edit screens only push the labels down to be inline with the input fields  */
.arepo .record .add td.title div, 
.arepo .record .edit td.title div { margin-top: 0.1em; }
.arepo td.above .title { padding-bottom:5px; }

/* add padding to fields */
.arepo .record td.title div { padding: 1px 2px 3px 3px; }
.arepo .record td.field div.vis {  padding:1px; }
.arepo .list td.field div.vis {  padding-left:3px; }

/*.record tr td.field div { vertical-align: middle; }  */
.arepo .record .add span.text,
.arepo .record .edit span.text  { padding:4px; }
.arepo .record td.field .text { display:block; padding-top:4px; }

/*.record td,.record td div  { vertical-align:top; } */
.arepo .record td.left,
.arepo .record td.right { vertical-align:top; } 

.arepo .colour_box { width:50px; border:solid 1px #000000;  display:inline-block; margin-left:5px;}
.arepo .coord { position:relative; display:inline-block;}
.arepo .coord a { background-repeat:no-repeat; display:block;}
.arepo .coord .cross { position:absolute; z-index:1; }
/* text breaks to aid wrapping */
.arepo .break { font-size:1px; width:1px; }

/* lookup */

/*.arepo .lookup table { border-collapse:collapse; padding:0px; margin:0px; }
 .arepo .lookup table.filter td { vertical-align:top; }*/
.arepo .lookup { display:table; padding:3px; }
 .arepo .lookup .filter { white-space:nowrap; }
.arepo .lookup,
.arepo .content { background-color:#CECECE; }

/* Browse */
.arepo .browse { border:1px solid; }

.arepo .browse table.main_menu { width:100%; table-layout:fixed; border-collapse:collapse; }
.arepo .browse .description { font-size:0.9em;  font-style:italic; }
.arepo .browse table.main_menu td { padding:2px; border: solid 1px; }

.browse li {  list-style-type: none; }
.browse ul.lvl-1 ul { padding: 0px 0px 1em 1.5em; }
.browse ul.lvl-1 
{
    padding-left:0px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
.browse ul.old_lvl-1 
{
    display:inline-block;
    float:left;
    width:45%;
}

.mobile .browse ul.lvl-1 
{
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}



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

/* diary */
.arepo .diary dow { text-align: center; }
.arepo .diary th { font-weight:bold; }
.arepo .diary table.day th,
.arepo .diary table.day td { text-align:left; }
.arepo .diary table.day td { font-size: 0.85em; }
.arepo .diary td.cell,
.arepo .diary td.current_cell { border:solid 1px #c0c0c0; width:16%; vertical-align:top; min-height:110px; }
.arepo .diary td {vertical-align:top; }
.arepo .diary .today { background-color: #D6ECC9; border:solid 2px red;}
.arepo .day { width:100%; }
.arepo .day td.icon { width:1%; }
.arepo .day td.time { width:1%; }
.arepo .diary { width:100%; border-collapse:collapse; }
/*.arepo .day th * { vertical-align:middle; }*/

.arepo .expand { width:99%;  font-size:9.7em;}
.arepo .shrink { width:1%;}

.arepo .breadcrumb { display:inline-block;}
.arepo .breadcrumb span { font-style: italic; }
.arepo .breadcrumb img { padding-left:5px; padding-right:5px; padding-top:3px;  vertical-align:top; }
.arepo .breadcrumb .current { font-weight:bold;}
.arepo .breadcrumb .next { color:#777777;}

/* breaks elite scrape: 
.arepo button.foreign { height:1.2em; width:1.2em;  margin-top:2px; }  */
/*height and width removed as interfers with mobile version? Set mobile version below
.arepo button img { height:1.2em; width:auto; } */
/*.arepo button.foreign { background-color:transparent; border:none;  vertical-align:middle; height:1.2em; width:1.2em;  text-align:center;} */

/* add/edit/new text icon buttons */
.arepo button.foreign { text-align:center; padding:0px; vertical-align:top; background-color:transparent; border:none; }
.arepo button.foreign_text {padding:3px 12px; top:-0.1em; border: 1px solid #888888;} 
.arepo button.foreign_text img {vertical-align:sub; padding-right:2px; }

/*overwritten to use 'display:flex method (Dec 2013) 
.arepo button.select  { text-align:center; padding:0px; vertical-align:top; }
.arepo button.select  { background-color:#CCCCCC; border:solid 1px; }
.arepo button.select,
.arepo button.select img { height:1.4em; width:1.4em;}
.arepo .line1 { white-space:nowrap; } */

/* combo box: text input and dropdown button */ 
.arepo .combo_flex {display:inline-block; } /* for IE9/8? */
.arepo .combo_flex { display:-webkit-flex, -moz-flex, -ms-flex; display:inline-flex; justify-content:flex-start; height:1.5em;}
.arepo button.select {padding:0px; margin: 0px; border:1px solid #999999; vertical-align:middle; /* needed for IE9 and Safari */   background-color:#FFFFFF; }
.arepo .combo_flex input.input_field, .arepo .combo_flex input.input_field_changed { margin:0px 2px 0px 0px; vertical-align:middle;  /* needed for IE9 and Safari */ }

.arepo .combo .options { position:absolute; z-index:100; visibility:hidden;}
.arepo div.chooser { border: 1px solid #000000; background-color: #ffffff; height:10.5em; overflow:auto; }

.arepo .combo .options { padding-right:0px;}
.arepo .combo .options .option label { display:inline-block; }
.arepo .combo .options .option  {  padding:0px; margin:0px; }
.arepo .options .gr_title {  font-weight:bold;} 

/* buttons */
.arepo button { background-repeat:no-repeat; background-position:center left;  position:relative; white-space:nowrap;  margin:0px;}



.arepo .foreign_image {margin:0px; padding:3px 3px; position:relative; top:-0.1em;}
.arepo .foreign_image img { vertical-align:top; display:block; }

/* combo boxes */
.arepo .combo select { visibility:hidden; position:absolute; z-index: 100;}

/* The next line was commented out. Also had:" vertical-align:top; padding:3px 0px 0px 0px; margin:0px" Oct 2013 */
 /* .arepo .combo button.select  { width:auto; vertical-align:bottom; background-color:Transparent; padding:0px; border:0px; border-image:none; box-sizing:none; } */
/* .arepo .combo button.select img {background-position:center center; background-color:#CCCCCC; border:solid 1px #999999;}*/
 
.arepo .combo_multi select optgroup.chosen option { background-color:#cccccc; }
/*table.add td.field .combo button { margin-bottom:6px; vertical-align: middle;} */
/* button images */

#content,
.arepo .buttons  {margin-top:5px;}

.arepo .buttons button { text-align: left; margin-right:5px; font-weight:bold; border:1px solid; padding:3px 5px; font-size:0.9em;  position:relative; }
.arepo .buttons button img { padding-right: 2px;  vertical-align: text-bottom;}
/*.arepo .buttons button.noicon {padding-left:3px; }*/
.arepo .upload_page .buttons {padding-left:30px;}
.arepo .buttons table { margin: 10px 0px 5px 0px; padding:0px;  border-collapse:collapse;}
.arepo .buttons table td { padding:0px; }
.arepo .buttons ul { margin: 10px 0px 5px 0px; padding:0px;}
.arepo .buttons ul li { margin: 0px 0px 10px 0px; list-style-type:none;}

/* tabs */
.arepo .tabs { padding-top:20px;  /* display:inline-block; Gave it a 4px horizontal gap between tabs and table below Nov 2015 */  }

.arepo .tabs table { margin-left:22px; border-collapse:collapse; position:relative; top:1px; z-index:1;}
.arepo .tabs td { padding:0px;  vertical-align:bottom; white-space:nowrap; }
.arepo .tabs .text { padding:8px; text-align:center; font-size:0.9em;  margin-right:3px; }
.arepo .tabs img { float:right;  }
.arepo .tabs td input { background-color:transparent;}
.arepo .tabs .text { border:1px solid; height:100%; display:inline-block;}
.arepo .tabs td.current .text { font-weight:bold; border-bottom:0px; }

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

/* columns */
.popup #ar_foot { padding-bottom:0px; line-height:0px;}
.popup h3 { border-bottom: solid 2px #BDCBE7; padding-bottom:0px; margin-top:0px;}

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

.arepo .progress { text-align:center;  padding-top:20px;}
.arepo .pre { display:inline-block; padding-top:0.1em; padding-bottom:3px; margin-right:2px;} 
 
 /* swf upload */
.arepo .swf_div {margin-bottom:3px;}
.arepo .swf_div img { padding-right:4px; }
.arepo .swf_div .preview { position:absolute; margin-left:30px; background-color: #ffffff;}
.arepo .swf_file * { vertical-align:middle; }
.arepo .swf_prog { height: 75px;}
.arepo .swf_but {padding:3px 0px; display:inline-block;} 
.arepo .swf_div button,
.arepo .swf_but {vertical-align:top; }
.arepo .swf_div button { background-color: #ffffff; height:27px;  border-width: thin; font-size: 0.75em; margin-bottom:2px; }
.arepo .swf_div button { text-align: left; background-position:3px; width:140px; border: solid 2px #444444; border-top-color: #ffffff; border-left-color: #ffffff; }
.arepo .swf_but { border: solid 2px #444444; border-top-color: #ffffff; border-left-color: #ffffff; background-color: #ffffff;  }
.arepo .swf_div button img { vertical-align:middle; }
/* progress bar */

.arepo .progressBarInProgress,
.arepo .progressBarComplete,
.arepo .progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.arepo .progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.arepo .progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.arepo .progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}


/* home panel */
.arepo .home_panes { font-size:1.2em; width:100%;  }
.arepo .home_panes td { width:50%; padding:0px; vertical-align:top; height:100%; border:1px solid; }
.arepo .home_panes .rnd_title { background-color:#D4E3F0; border-bottom: solid 1px #BDCBE7; text-align:left; font-weight:bold; }
.arepo .home_panes .rnd_content { font-size:0.95em;}
.arepo .home_panes div.rnd_title img {padding-left:5px; padding-right:10px; vertical-align:middle;} 
.arepo .home_panes .large_home { float:left;  width:0px;}
.arepo .home_panes ul { margin-left:115px; }
.arepo .home_panes li { padding:3px; white-space:nowrap;}
.arepo .home_panes a { text-decoration:none;} 
.arepo .home_panes li.urgent {list-style-type:circle;}
.arepo .home_panes li.urgent a { color:#cc3333;}
.arepo .home_panes ul {  margin-left:40px; }

/* COLOURS */

/* main background */
.arepo .home_panes td,
.arepo .list_section, 
.arepo .record_section,
.arepo .browse,
.arepo .search, 
.arepo .columns { background-color:White; box-shadow: 5px 5px 5px #aaaaaa; position: relative;}


.arepo .columns, 
.arepo .list_section, 
.arepo .record_section, 
.arepo .list_layout, 
.arepo .list_section td.select,
.arepo .list_section td.col_view, 
.arepo .search, 
.arepo .tabs td.current .text, 
.arepo .browse   { background-color:#f1f1f1;}

.arepo .list_section .selected td.select, 
.arepo .list_section .selected td.col_view { background-color:Transparent; }

.arepo .group_layout,
.arepo .search .add { background-color:#ffffff;  }
.arepo .list_section tr.titles td, 
.arepo .search tr.titles { background-color:#ffffff; }

.arepo .list_section tr.even, 
.arepo .browse tr.even td { background-color:#f1f1f1;}

.arepo .list_section tr.odd, 
.arepo .browse tr.odd td  { background-color:#ffffff;}

/* , .list_section td.col_view*/

.arepo .browse,
.arepo .columns, 
.arepo .group_layout, 
.arepo .search .add, 
.arepo .list_layout, 
.arepo .list_layout .titles td { border-color:#cccccc; }

.arepo .list_layout td { border-color :#cccccc; }

.arepo .tabs td.current { border-color: #f1f1f1; }

.arepo .home_panes td { background-color:#f0f0f0;   }

/* borders */
.arepo .home_panes td, 
.arepo .search, 
.arepo .record_section, 
.arepo .list_section, 
.arepo .tabs .text, 
.arepo .tabs td,
.arepo .home_panes { border-color: #888888; }

.arepo input.input_field,
.arepo input.input_field_changed,
.arepo textarea.input_field,
.arepo textarea.input_field_changed,  
.arepo select.input_field,
.arepo select.input_field_changed,
.arepo button.select { border-color: #999999;}


/* .list_section tr.titles td, .list_section tr.titles a , */
.arepo .record td.heading, 
.arepo .record td.heading a { color: #888888; }

/* separator lines and link colour */
#ar_foot,
.arepo .menu table ,
.arepo .record td.heading  { border-color: #BDCBE7; }

/* field titles and text */
.arepo td.title, 
.arepo td.title a, 
.arepo td.above .title a, 
.arepo .list td .allrow  a { color:#000000;}

.arepo input, 
.arepo textarea, 
.arepo select { border-color: #cccccc;  }

.arepo .buttons button,
.arepo .foreign_text {background-color:#f1f1f1; border-color:#888888; color:#085DAA; }
.arepo .buttons button[disabled] { background-color:#d0d0d0; color:#387DCA;} 


/* shaded tabs */
.arepo .tabs td .text { background-color:#dddddd;}

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

.arepo .error,
.arepo .disabled { padding-top:2px; }
.arepo .description { padding-top:2px; }

.arepo .readonly .description { padding-top:3px; padding-bottom:2px; }
.arepo .readonly  { padding:2px 0px 4px 0px; vertical-align:top; }


/* links */
.arepo a:link, 
.arepo a:visited,
.arepo a:hover,
.arepo a:active { color:#085DAA;  }

.arepo a:hover { text-decoration:none; color:#3AA500; }
.arepo table.icons a:link, 
.arepo table.icons a:visited, 
.arepo table.icons a:active {  color:Black }

/* list */
/* selected line */
/* field colour changed to grey FOR DROP DOWN combo boxes only [this removed: '.arepo .options .selected' AND '.arepo .input_field' ] */
.arepo .search select, 
.arepo .combo select,
.arepo .chooser .selected   { background-color:#eeeeee; }


/* ROSALIE - 30 SEPT */
.arepo .diary td.current_cell {background-color:#e9e9e9;}
/* odd and even rows*/

.arepo .browse table.main_menu td { border-color: #cccccc; }

/* field focus */
.arepo .focus { background-color:#fbf4d7 !important; }
.arepo .list_section tr.selected, 
.arepo .list_section .selected td.select,
.arepo .list_section .selected td.col_view, 
.arepo .day tr.selected { background-color:#fbf4d7;}
.arepo .selected .even td {border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff; }
.arepo .input_field_changed { background-color:#ECFDE3;  }

/* help */
.arepo .help { margin-top:0px; margin-bottom:20px; font-size:0.9em; border-bottom:solid 1px #333333; padding-bottom:10px;  }
.arepo .help a.link { display:block; }
.arepo .help .page a.anchor,
.arepo .help h1, 
.arepo .help .arepo .data a.anchor { padding:5px; margin:0px; color:#085DAA; font-weight: bold; text-align:left; border-bottom: dashed 1px #333333;}
.arepo .help .page a.anchor,
.arepo .help a.anchor,
.arepo .help .data a.anchor  { font-size:1.2em; display:block; margin-bottom:18px;}
.arepo .help h1 { font-size:1.2em; margin-top:15px;}
.arepo .help p {padding-left:5px;}
.arepo .help li {padding-bottom:3px;}
.arepo .help ul {margin-bottom:3px;}
.arepo .help .back {margin-bottom:0px; }
.arepo .help .back a {float:right; margin-top:-20px; display: inline-block; background-color:#ffffff;}
.arepo .help a.restrict  { color:#df7a17;}
.arepo .help .restrict  { font-size: 0.8em; color:#df7a17;}
.arepo .help .spacer { border-bottom: dashed 1px #333333; height:2px; margin-bottom:10px; margin-top:10px;}
.arepo .help .data table.field-help { margin-top:0px; margin-bottom:10px; border: solid #f1f1f1 0px;}
.arepo .help .data .group { font-size:0.9em; text-decoration: none; font-weight: bold; padding-top:5px; }
.arepo .help .data .title { vertical-align:top; text-align:right; font-weight: bold; color:#085DAA;  }
.arepo .help .data table td { padding-right:30px;  padding-top:20px;}
.arepo .help a.admin { font-size:0.75em; text-align:right; display: block; color:Red;}
.arepo .help .info { font-size:9px; margin-bottom:3px; display: inline-block; font-style:italic; }
.arepo .help img { border: solid 1px #666666; }
.arepo .help hr { height:1px; color:#000000; background-color: #000000; }


.mobile #ar_head {text-align:left; }
.mobile .arepo h1 { float:left; width:auto;}
/* rounded panels */
.mobile .arepo .list_section,
.mobile .arepo .record_section { border:none; }

/* .mobile #ar_logo, .mobile .switch { float:none; } */

/* VARIOUS IMAGES */
.mobile button.select img,
.mobile button.foreign img { height:1.4em; width:1.4em;}

.mobile .content a img, 
.mobile .content img,
.mobile .list_panel img,
.mobile .info img {height: 1.6em; width: auto;}

/* Back and forward paging arrows */
.mobile .paging img,
.mobile .paging input.submit {height:1.25em; width:auto;  }

/* reduce padding on mobile */
.mobile .record_panel {padding:2px 8px 0px 2px; margin:0px; }
.mobile .list,
.mobile .record,
.mobile .search,
.mobile .browse { padding-left:0px; padding-right:0px;}



.mobile .list_layout .titles {padding-top:120px; }

.mobile .list_layout {border:none; }
.mobile .arepo .list_layout td { border: none; }
.mobile .arepo .record_section { border:none; }
.mobile .arepo .list_section tr.titles td { border:none; }


/* .mobile .list_layout tr.single_data {border-top:solid 1px #CECECE; } */
.mobile td.group {padding-bottom:25px; }

.mobile .list_section td.col_view { text-align:left; }