/* vim: set expandtab tabstop=4 shiftwidth=4 softtabstop=4: */

/**
* skins/arkologik/stylesheets/ark_main_moz.css
*
* Mozilla stylesheet for arkologik skin
*
* PHP versions 4 and 5
*
* LICENSE:
*    ARK - The Archaeological Recording Kit.
*    An open-source framework for displaying and working with archaeological data
*    Copyright (C) 2008  L - P : Partnership Ltd.
*    This program is free software: you can redistribute it and/or modify
*    it under the terms of the GNU General Public License as published by
*    the Free Software Foundation, either version 3 of the License, or
*    (at your option) any later version.
*    This program is distributed in the hope that it will be useful,
*    but WITHOUT ANY WARRANTY; without even the implied warranty of
*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
*    GNU General Public License for more details.
*    You should have received a copy of the GNU General Public License
*    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*
* @category   css
* @package    ark
* @author     Henriette Roued <henriette@roued.com>
* @author     Guy Hunt <guy.hunt@lparchaeology.com>
* @author     Stuart Eve <stuarteve@lparchaeology.com>
* @copyright  1999-2008 L - P : Partnership Ltd.
* @license    http://ark.lparchaeology.com/license
* @link       http://ark.lparchaeology.com/svn/skins/arkologik/stylesheets/ark_main_moz.css
* @since      File available since Release 0.6
*/

* {
    /*Basic global settings*/
    margin: 0;
    text-decoration: none;
}

html, body {
    /*Basic page settings*/
    margin: 4px 0 0 0;
    text-align: left;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    color: #707376;
    padding: 0;
}

img {
    /*Basic image settings*/
    margin: 0;
    border: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.chevrons {
    /* Styling for navigation chevrons */
    font-size: 1.5em;
    font-weight: bold;
    color: #FF561D;
}

.error {
    /*text styling for errors*/
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    color: #FF561D;
}

#message {
    /* The Message Div */
    margin: 0;
    font-size: 0.9em;
    font-weight: bold;
    color: #FE9A3C;
    padding: 10px;
}

#message form {
    /* Forms occuring inside the message div */
    margin: 0;
    padding: 10px;
}

/* HEADER BLOCK */
#hdr {
    /*header settings*/
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 78px;
    color: #f8b501;
    border-bottom: 1px dotted #FFB600;
}
#hdr img {
    /* Handles the logo */
    position: absolute;
    top: 0;
    left: 0;
}
#version {
    /* Version Number */
    position: absolute;
    top: 0px;
    left: 118px;
}


/*Search Box*/
#searchbox {
    position: absolute;
    top: 0px;
    left: 200px;
    color: gray;
}
#searchbox li.row {
    width: 500px;
}
#search {
/*    position: fixed;
    top: 0px;
    right: 10px; */
    color: gray;
/*    float: right; */
}
#search li.row {
    width: 500px;
}

/*Language Selector*/
ul.lang_selector {
    overflow: hidden;
    padding: 0 4px;
    margin: 6px;
}
ul.lang_selector li {
    padding: 5px 0 5px 0;
    float: left;
}
ul.lang_selector li a {
    padding: 4px 4px 0 4px;
    font-size: 1em;
    border-left: 2px solid #737173;
    color: #737173;
}
ul.lang_selector li a:hover {
    color: #FFB600;
}

/* LPANEL - General Stuff*/
#lpanel {
    margin: 0;
	padding: 0 0 30px 0;
/*    position: absolute;
    top: 204px;
    left: 0px; */
    float:left;
    color: #707376;
    background-color: rgb(237, 242, 242);
    text-align: left;
    width: 149px;
    border-right: 1px dotted #707376;
    /* HACK */
    /* min-height: 200px; */
}

#lpanel h1 {
    /* LPANEL AREA - Header level 1*/
    margin: 0;
    font-size: 13px;
    padding: 6px;
    height: 30px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #707376;
    background-color: rgb(210, 220, 220);
    margin: 0px;
}
#lpanel ul {
    /* LPANEL AREA - LISTS*/
    margin:0px;
    padding: 0px;
    margin-left: 5px;
}
#lpanel li {
    /* LPANEL AREA - LISTS*/
    margin:4px;
    padding: 0px;
    font-size: 0.9em;
}
#lpanel dl {
    /* LPANEL AREA - LISTS*/
    margin:0px;
    padding: 0px;
    list-style-type: none;
}
.group {
    /* LPANEL AREA (Layer Group)*/
    font-size: 12px;
    background-color: rgb(237, 242, 242);
    border-top: 1px solid #f8b501;
    padding: 4px 0 0 6px;
    margin: 4px 0 0 0;
}
.layer {
    /* LPANEL AREA - (Layer)*/
    margin: 0;
    padding: 6px 10px 6px 12px;
    font-size: 10px;
    display: block;
    background-color: rgb(237, 242, 242);
    background-attachment: scroll;
    border-top: 1px solid rgb(255, 255, 255);
}
.class {
    /* LPANEL AREA - DEFINITION (Class)*/
    margin: 0;
    padding: 0 0 0 1px;
    font-size: 9px;
    color: #707376;
    display: block;
    text-decoration: none;
}
.def {
    /* LPANEL AREA - DEFINITION (Class)*/
    font-size: 9px;
    color: #707376;
    display: block;
    padding-left: 20px;
    text-decoration: none;
    margin: 0px;
}
#lpanel a {
    /* LPANEL AREA - LIST ITEM links (Layer Group)*/
    margin: 0;
    color: #707376;
}
.group li:hover {
    /* LPANEL AREA - Mouseover*/
    margin: 0;
    background-color: rgb(210, 220, 220);
    background-image: none;
}


/* FOOTER AREA - General Stuff*/

#ftr {
    /* The named element */
    margin: 0;
    background-color: #707376;
    height: 25px;
    text-align: right;
    overflow: hidden;
}


/* MAIN PANEL */

#main {
    /* for the main panel */
/*    position: absolute;
    top: 204px;
    left: 150px; */
    float:left;
    width:599px;
    margin: 0 0 0px 0;
    border-right: 1px dotted #707376;
    background-color: lightgray;
}

#main p {
    /* paragraphs */
    padding: 5px;
}
#main h1 {
    /* Header level 1 */
    margin: 0;
    padding: 6px;
    font-size: 13px;
    height: 30px;
    border-bottom: 1px dotted #707376;
    background-color: lightgray;
}
#main h2 {
    /* Header level 2 */
    margin: 0;
    padding: 10px;
    font-size: 1em;
}
#main dt {
    /* Definition list - Term */
    margin: 0;
    padding: 0 0 0 20px;
    font-size: 15px;
}
#main dd {
    /* Definition list - Definition */
    margin: 0px;
    padding: 0 0 0 20px;
    font-size: 12px;
    font-style: italic;
}


/* MAP STUFF */
.qlist {
    margin: 20px;
}
.qlayer {
    /* (qLayer) */
    font-size: 12px;
    border-top: 1px solid #f8b501;
    padding: 4px 4px 4px 6px;
    margin: 4px 0 0 0;
}
.qfeature {
    /* (qfeature) */
    margin: 0;
    padding: 6px 10px 6px 12px;
    font-size: 10px;
    display: block;
    border-top: 1px solid rgb(255, 255, 255);
}
.qelement {
    /* (qelement) */
    margin: 0;
    padding: 0 0 0 1px;
    font-size: 9px;
    color: #707376;
    display: block;
    text-decoration: none;
}


/* RIGHT PANEL AREA */

#rpanel {
    /* General Stuff */
    position: absolute;
    top: 204px;
    left: 750px;
    color: #707376;
    text-align: left;
    margin-left: 1px;
    width: 190px;
    background-color: rgb(237, 242, 242);
    border-top: 1px dotted #FFB600;
    border-right: 1px dotted #707376;
    border-bottom: 1px dotted #707376;
}
#rpanel h1 {
    /* Header level 1 */
    margin: 0;
    padding: 6px;
    font-size: 13px;
    height: 30px;
    border-bottom: 1px dotted #707376;
    background-color: rgb(210, 220, 220);
}
#rpanel h2 {
    /* Header level 2 */
    margin: 0;
    padding: 6px;
    font-size: 12px;
    font-style: italic;
    background-color: rgb(237, 242, 242);
}
#rpanel h5 {
    /* Header level 5 */
    font-size: 1em;
    padding: 4px;
}

#rpanel ul {
    /* list */
    margin: 0;
    padding: 0 0 0 4px;
    list-style-type: none;
}
#rpanel li {
    /* list items*/
    padding: 2px;
    font-size: 0.9em;
}
#rpanel a {
    /* links*/
    margin:0px;
    /*color: #707376;*/
}
#rpanel a.delete {
    /* delete options in the right panel eg Filters */
    color: red;
    padding: 2px;
    border: 1px dotted red;
}
#rpanel a.delete:hover {
    border: 1px solid red;
}
#rpanel .value {
    padding: 4px 5px;
}


/*FORMS*/

/*LOGIN FORM*/
div.login_form {
    margin: 0;
    padding: 5px;
/*    width: 0px; */
}
.row h5.login_label {
    margin: 0;
    float: left;
    width: 70px;
    text-align: left;
    padding-right: 5px;
    overflow: hidden;
}
.row input.login_inp {
    margin: 0;
    width: 90px;
    text-align: left;
    overflow: hidden;
}

/* GENERAL FORMS */
div.form_holder {
    margin: 20px;
    padding: 5px;
    width: 360px;
    background-color: #CDD2CD;
    border: 1px dotted #333;
}

/* DEFAULTS FOR FORMS */
/* Row elements can be <li> or <span> for example */
fieldset {
    margin: 0px;
    padding: 0px;
    border: none;
    width: 550px;
}
.row {
    padding: 5px;
    margin: 0px;
    width: 100%;
    overflow: hidden;
    display: block;
}
.row h5.label {
    /* DEPRECATED USE THE LABEL CODE BELOW */
    float: left;
    width: 25%;
    display: block;
    text-align: left;
    margin: 0px;
    margin-right: 5px;
    overflow: hidden;
}
.row ul {
    /* Lists */
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
}
label.form_label {
    /* labels in forms */
    float: left;
    display: block;
    text-align: left;
    margin: 0px;
    margin-right: 5px;
/*    overflow: hidden; */
    font-weight: bold;
    font-size: 0.9em;
    width: 25%;
}

label.attr_label {
    /* labels for attribute lists */
    float: left;
    display: block;
    text-align: left;
    margin: 0px;
    margin-right: 5px;
/*    overflow: hidden; */
    font-weight: bold;
    font-size: 0.9em;
    width: 100%;
}

span.inp {
    /* Span used to wrap inputs */
    width: 90%;
    display: block;
    text-align: left;
    margin: 0px;
/*    overflow: hidden; */
}
button {
    /* GENERAL BUTTONS */
    /* KEEP SAME AS CLEAN_BUT */
    padding: 0px;
    margin: 2px;
    border: none;
    background: #737173;
    color: white;
}
button.bool {
    background: transparent;
}
.clean_but {
    /* OLD STYLE BUTTON (DEPRECATED) MUST APPLY A CSS CLASS */
    padding: 0px;
    margin: 2px;
    border: none;
    background: #737173;
    color: white;
}
textarea {
    /* defaults for text areas */
    border: 1px solid #737173;
}
input[type=text] {
    border: 1px solid #737173;
}
input[type=password] {
    border: 1px solid #737173;
}
input.yr {
    margin:0px;
    width: 35px;
    border: 1px solid #737173;
}
input.mm {
    margin:0px;
    width: 25px;
    border: 1px solid #737173;
}
input.dd {
    margin:0px;
    width: 25px;
    border: 1px solid #737173;
}
input.hr {
    margin:0px;
    width: 25px;
    border: 1px solid #737173;
}
input.mi {
    margin:0px;
    width: 25px;
    border: 1px solid #737173;
}
input.ss {
    margin:0px;
    width: 25px;
    border: 1px solid #737173;
}
.delete {
    border: 1px solid red;
    color: red;
    padding: 0px;
    margin: 0px;
    border: 1px solid #737173;
}


/* NAVIGATION */

/* The nav bar */
#navcontainer {
    margin: 0;
    padding: 0 0 0 149px;
    font-size: 12px;
	float:left;
	width: 900px; 
/*    position: absolute;
    top: 183px;
    left: 0px; */
}

#navcontainer ul {
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
#navcontainer ul li {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    text-align: center;
}
#navcontainer ul li a {
    margin: 0 0 0px 0;
    padding: 2px 5px 2px 5px;
    background: #EEF2F6;
    height: 16px;
    border-left: 1px dotted #FFB600;
    color: #737173;
    display: block;
}
#navcontainer ul li a:hover {
    margin: 0;
    color: #FFB600;
    background: #D5DEDE;
    border-left: 1px dotted #FFB600;
}
#navcontainer a:active {
    margin: 0;
    background: #737173;
    color: #EEF2F6;
}
#navcontainer li#active a {
    margin: 0;
    color: white;
    background: lightgray;
    border-bottom: 1px solid lightgray;
    border-left: 1px dotted #FFB600;
}

/* NavItem */
ul.navitem {
    margin: 0;
    padding: 0;
}
ul.navitem li {

    /* for the row */
    margin: 0;
    padding: 0;
    overflow: hidden;
}
ul.navitem li label {
    font-size: 1.1em;
    float: left;
    padding: 4px;
}
ul.navitem li input {
    width: 75px;
    float: left;
}
ul.navitem li button {
    float: left;
    margin: 0 0 0 4px;
}

/* Image Viewer */
ul.thumbnails img {
    /* Images in subforms */
    margin: 6px;
    border: 2px solid darkgray;
    width: 115px;
}
ul.thumbnails img:hover {
    border: 2px solid lightgray;
}
ul.thumbnails ul{
	display: inline;
	} 

ul.thumbnails li {
	padding: 5px 5px;
	list-style: none;
	display: inline;
    
	}
	
		
ul.webthumbs img {
    /* Images in subforms */
    margin: 6px;
    border: 2px solid darkgray;
}
ul.webthumbs img:hover {
    border: 2px solid lightgray;
}


/* THE REGISTERS */

/* REGIST */
td textarea {
    width: 130px;
    height: 40px;
    text-align: left;
    margin: 0;
}
input.reg_itemval {
    width: 70px;
}

/* HORIZONTAL LISTS */

ul.hz_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    float: left;
}

.hz_list li {
    padding: 2px 5px 2px 5px;
    float: left;
    background: #EEF2F6;
    border-left: 1px dotted #FFB600;
    color: #737173;
}


/* HEADING LEVELS */

h4 {
    /* H4 */
    /* HEADING OF SUBFORMS */
    margin: 5px;
    font-size: 1em;
}
h4 a {
    margin: 5px;
    font-size: 1em;
    color: #737173;
}
h4 a:hover {
    margin: 5px;
    font-size: 1em;
    color: white;
}
h5 {
    /* DEPRECATED - use <label>
    /* Applies to Labels of fields */
    font-style: bold;
    font-size: 0.9em;
}
.value {
    /* Apply class to values of fields */
    padding: 0;
    display: block;
    font-size: 0.9em;
}


/* NAMED ELEMENTS OF PAGES */

#cxt_spatial_attributes {
    overflow: hidden;
    margin-bottom: 5px;
    margin-left: 5px;
}
#cxt_general_attributes {
    overflow: hidden;
    margin: 5px;
}
#cxt_findtypes {
    overflow: hidden;
    margin: 5px;
}
#cxt_meta_events {
    overflow: hidden;
    margin: 5px;
}
#detfrm_stratigraphy {
    margin: 0px;
    padding: 5px;
    overflow: hidden;
}
#same_as {
    display:block;
    float:left;
    margin: 0px;
    margin-left:5px;
    padding: 0px;
}

/*The actor list*/
.actor_list li {
   border: none;
   list-style-type: none;
   overflow: hidden;
   float: none;
}


/* THE MATRIX */

#matrix {
   /* Styling for matrix */;
   overflow:scroll;
}
ul.matrix_rows {
    /* NOTE THE PLURAL */
    margin: 5px;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
ul.matrix_row {
    display: table;
    margin: 0 auto;
}
/* LIs IN ROWS */
/* GENERIC - Applies to ALL li's of a mtraix row */
ul.matrix_row li {
    display: table-cell;
    padding: 0px;
}
/* SELECTIVE BY CLASS */
ul.matrix_row li.lthn {
    background-image: url(../images/matrix/vline.png);
    background-repeat:  no-repeat;
    background-position: bottom center;
}
ul.matrix_row li.middle {
    padding: 10px;
    background-image: url(../images/matrix/vline.png);
    background-repeat: repeat-y;
    background-position: center;
}
ul.matrix_row li.ethn {
    background-image: url(../images/matrix/vline.png);
    background-repeat:  no-repeat;
    background-position: top center;
    vertical-align: bottom;
}

/* LINKs IN LIs */
/* LINKS */
ul.matrix_row li a {
    color: #737173;
    padding: 0px;
    margin: 0px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #EEF2F6;
    display:block;
}
ul.matrix_row li a:hover {
    color: #FF561D;
}
/* MATRIX LABELS ARE <P>s DEPRECATED */
ul.matrix_row li p {
    line-height: 0.5em;
    color: #737173;
    padding: 0px;
    margin: 0px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #EEF2F6;
}
/* Matrix FORMS */
ul.matrix_row li form {
    color: #737173;
    padding: 0px;
    margin: 0px;
    padding-left: 5px;
    padding-right: 5px;
}
/* SPANS */
ul.matrix_row li span {
    padding: 0px;
    margin: 0px;
    background-color: #EEF2F6;
    display:block;
}
/* SELECTIVE by class for As and Ps*/
ul.matrix_row li .erl {
    margin-top: 10px;
}
ul.matrix_row li .ltr {
    margin-bottom: 10px
}

/* THE MICRO VIEWER */

div.record_nav {
    /* Styling for record navigation */
/*    border: 1px dotted #333; */
    background: #EEF2F6;
    margin: 5px;
    overflow:hidden;
}
div.primary_col {
    /* Styling for the primary column */
    margin: 0px;
    float:left;
    width: 575px;
    /* border: 1px dotted blue; */
    overflow:hidden;
}
div.secondary_col {
    /* Styling for the secondary column */
    margin: 0 5px 0 0;
    float:left;
    width: 270px;
    overflow:hidden;
}
div.single_col {
    /* Styling for the single columns */
    margin: 0 5px 0 0;
    float:left;
    width: 600px;
    margin-right: 5px;
}
div.register_col {
    /* Styling for wide register columns */
    margin: 0 5px 0 0;
    float:left;
}

/*//////////*/
/* SUBFORMS */
/*//////////*/

div.mc_subform {
    /* Styling for mc subforms */
/*    border: 1px dotted #333; */
    background: #EEF2F6;
    margin: 0 0 5px 5px;
    overflow:hidden;
}
div.mc_subform a.more {
   margin: 0 4px 0 0;
   font-size: 1em;
   color: #194059;
}

/* SFNAV */
div.mc_subform div.sf_nav {
    /* Styling for sfNav */
    border: none;
    background: rgb(210, 220, 220);
    margin: 0px;
    padding-left: 4px;
    overflow:hidden;
    color: white;
}
div.mc_subform h4 {
    /* h4 element in the sfnav (sf_title) */
    /* NB generic h4 styles are below */
    border: none;
    background: rgb(210, 220, 220);
    margin: 0px;
    color: #737173;
    float:left;
    width: 60%;
    padding: 4px;
}
div.mc_subform ul.sf_nav {
    /* Styling for the nav list in sfnav */
    float: right;
    margin: 0;
    overflow:hidden;
}
div.mc_subform li.sf_nav {
    /* Styling for list items of the sfnav */
    float:left;
    padding:2px;
}
div.mc_subform li.sf_nav a {
    /* Styling for links in sfnav */
    margin: 0;
    color: #737173;
    font-size: 0.9em;
}
div.mc_subform li.sf_nav a:hover {
    margin: 0px;
    color: #F8B501;
}

/* SUBFORM GENERAL */
div.mc_subform textarea {
    /* Textareas */
    width: 470px;
    height: 30px;
    text-align: left;
    margin: 0;
}
div.mc_subform p {
    /* Paragraphs */
    font-size: 0.9em;
    padding: 5px 0 5px 0;
}

/* Mini Search */
div.src_wrp {
    margin: 4px;
/*    background: gray;*/
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
}
div.mini_src {
    margin: 0;
    float: left;
    height: 100%;
    width: 49%;
    background: gray;
    padding: 4px
}
div.secondary_col div.mini_src {
    /*make it wider if in the sec col*/
    width: 97%;
}
div.mini_src h5 {
    color: white;
    margin: 4px 0 0 0;
}
div.mini_card {
    margin: 4px 0 4px 4px;
    padding: 0;
    float: left;
    height: 100%;
    width: 48%;
    background: lightgray;
}
div.secondary_col div.mini_card {
    /*make it wider if in the sec col*/
    width: 97%;
}
div.mini_card ul.top {
    margin: 0;
    padding: 4px;
}
div.mini_card ul.top li {
}
div.mini_card ul.top li h5 {
    margin: 0;
    padding: 4px 0;
}
div.mini_card ul.top li h5 a {
    font-size: 1em;
    color: #737173;
}
div.mini_card ul.top li h5 a:hover {
    color: white;
}
div.mini_card ul.top li label {
}
/*For the results list - mini_res*/
ul.mini_res {
    
}
ul.mini_res li {
    margin: 2px 0;
    padding: 0 0 2px 0;
    background: lightgray;
/*    border-top: 1px dotted #FFB600;*/
}
ul.mini_res li h5 {
    margin: 0;
    padding: 4px;
}
ul.mini_res li h5 a {
    font-size: 1em;
    color: #737173;
}
ul.mini_res li h5 a:hover {
    color: white;
}
ul.mini_res li p.search_chat {
    margin: 0;
    padding: 0;
    color: #737173;
}


/* OTHER SUBFORMS */
div.subform {
    /* Styling for subforms */
    border: 1px dotted #333;
    background: #EEF2F6;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow:hidden;
}
div.subform textarea {
    /* Textareas */
    width: 380px;
    height: 30px;
    text-align: left;
    margin: 0;
}

/* Attribute Subforms */
/* attr_list contains one li per attrtype */
ul.attr_list {
    margin: 0;
    padding: 0;
}
.attr_list li {
    margin: 0;
    padding: 5px 5px 10px 10px;
    overflow: hidden;
    border-bottom: 1px dotted #333;
}
form.attr_form {
    float: left;
}
/* Attr Control List Dialogue*/
div.ctrllst_dialogue {
    border: 1px solid pink;
    margin: 5px;
    padding: 5px;
}

/* Data Lists */
ul.data {
    margin: 2px 0;
    padding: 0;
}
.data li {
    margin: 0;
    padding: 2px 4px;
    overflow: hidden;
    font-size: 0.9em;
}

/* XMI subform */
div.mc_subform span.xmi_txt {
   color: #337373;
   font-size: 0.9em;
}
div.mc_subform span.xmi_val {
   margin: 0 4px 0 0;
   color: #737173;
   font-size: 1em;
   font-weight: bold;
}
span.xmi_val {
   margin: 0 4px 0 0;
   color:#194059;
   font-weight: bold;
}
span.xmi_val a.more:hover {
   margin: 0 4px 0 0;
   color: #194059;
}
/* this is the parent list of XMIed items */
div.mc_subform ul.xmi_list {
   margin: 0;
   padding: 0;
}
div.mc_subform ul.xmi_list li {
   margin: 0;
   padding: 5px;
   border-bottom: 1px solid gray;
   overflow:hidden;
}
/* this is for the list of fields within each XMIed item */
div.mc_subform ul.xmi_field {
   margin: 5px 0;
   padding: 0;
}
div.mc_subform ul.xmi_field li {
   border: none;
   margin: 4px 0;
   padding: 2px 0;
   font-size: 0.9em;
}
div.mc_subform ul.xmi_field li label {
   margin: 0 4px 0 0;
   padding: 0;
   font-weight: bold;
}

/*this is for the add form*/
form.xmi_add fieldset {
    margin: 0;
    padding: 4px;
    background: gray;
}
form.xmi_add fieldset h5 {
    margin: 0 4px 0 0;
    padding: 0;
    font-weight: bold;
    color: white;
}
div#mod_level {
    overflow: hidden;
}

/* TABLES */

table {
    /* table */
    border: none;
    margin: 0px;
}
tr {
    /* ROWS */

}
th {
    /* Table headers */
    font-style: bold;
    font-size: 0.9em;
    vertical-align: baseline;
}
td {
    /* Same as class .value - Apply to values of fields */
    padding: 0;
    font-size: 0.9em;
    text-align: top;
    vertical-align: top;
}

/* END TABLES */

/* STUFF BELOW HERE IS FOR INTERPRETATIONS */
/* DEV NOTE: TIDY UP */
/* DEV NOTE: This is an attempt at abstracting this css for use on other record types */

.recordarea {
    /* This is to group various bits of a record */
    /* In the cxt interps this was applied to the <li> */
    background: white;
    margin: 4px;
    padding: 4px;
    overflow: hidden;
    border: 1px dotted #333;
}

.textblock {
    /* This is for the main block of text */
    /* In cxt interp it was applied to a span */
    margin: 0px;
    padding: 0px;
    font-size: 0.9em;
    display: block;
    overflow: hidden;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #FFB600;
}

ul.interp_by {
    /* the list in which people/dates are listed */
    padding: 4px;
    margin: 0px;
    margin-left: 4px;
    display: block;
    float: left;
    font-size: 0.7em;
}

ul.edit_options {
    /* This is an hz list for edit options */
    /* In cxt interp it was applied to a span */
    padding: 4px;
    margin: 0;
    display: block;
    float: right;
    list-style-type: none;
}

ul.edit_options li.edit_options a {

/* This is a list for the edit options */
/* In cxt interp it was applied to a span */
padding: 0px;
float: left;
border-left: 1px dotted #FFB600;
border-right: none;
padding-right: 5px;
padding-left: 5px;
color: #737173;
text-decoration: none;
text-align: left;
font-size: 0.7em;

}

.textinput {
    /* This is for the main block of text when its a form */
    /* In cxt interp it was applied to a span */
    margin-top: 4px;
    padding: 4px;
    width: 98%;
}

/*Styles for the data view results*/
ul.result_ul {
    
}

ul.result_ul li.search_item {
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
    border-top: 1px dotted #FFB600;
}
div#page_level ul.result_ul li.search_item p {
    margin: 0 0 0 20px;
    padding: 0 0 2px 0;
    font-size: 0.9em;
}
li.search_item p.search_chat {

}
li.search_item p.search_foot {
    font-style: italic;
}
li.search_item span.search_nm {
    margin:0;
    padding: 0;
    padding-bottom: 2px;
    font-weight: bold;
}

/* styles for the paging nav etc */
ul.pag_list {
    overflow: hidden;
}
li.pag_list {
    padding: 4px;
    float:left;
    display:inline;
}
li.cur_pag {
    padding: 4px;
    float:left;
    display:inline;
    border: 1px solid white;
}

/* MINIMISER */
ul.sf_minimiser {
    float: left;
}
.sf_minimiser li.min {
    background: #EEF2F6;
    margin: 4px;
    padding: 4px;
    color: #737173;
    font-size: 0.9em;
}
.sf_minimiser li.cur_max {
    background: #737173;
    margin: 4px;
    padding: 4px;
    color: white;
    font-size: 0.9em;
}
.sf_minimiser li.min a {
    border-left: 2px solid #737173;
    margin: 5px;
    padding-left: 7px;
    padding-top: 3px;
    text-transform: uppercase;
    color: #737173;
    display: block;
    font-size: 1em;
}
.sf_minimiser li.min a:hover {
    color: #F8B501;
}
.sf_minimiser li.cur_max a {
    border-left: 2px solid white;
    margin: 5px;
    padding-left: 7px;
    padding-top: 3px;
    text-transform: uppercase;
    color: white;
    display: block;
    font-size: 1em;
}
/*IMAGEFLOW STYLES*/
#imageflow img { 
    position:absolute; 
    top:0px; 
    border:none;
}
#imageflow h1 {
    text-align:center;
}
#imageflow a {
    color:#fff;
}
#imageflow .clear {
    clear:both;
}
#imageflow #images {
    width:475px;
    height:200px;
    visibility:hidden;
}
#imageflow #loading {
    margin-top:50px;
    text-align:center;
    width:100%;
}
#imageflow #loading img {
    margin-top:10px;
    position:relative;
}
#imageflow #captions {
    font-weight:bold;
    font-color:red;
    position:relative; 
    text-align:center;
    z-index:10000;
}
#imageflow #scrollbar {
    visibility:hidden;
    position:relative; 
    border-bottom:1px solid #b3b3b3;
    z-index:10001;
}
#imageflow #slider {
    position:absolute;
    margin-top:-7px;
    margin-left:-7px;
    z-index:10002;
    background-image:url(../../../js/imageflow/slider.png);
    background-repeat:no-repeat;
    width:14px;
    height:14px;
}
#imageflow {
    background-color:black;
    text-align:left;
    height:200px;
}

/*IMAGEFLOW STYLES*/
object#flowobj img { 
    position:absolute; 
    top:0px;
    border:none;
}
object#flowobj h1 {
    text-align:center;
}
object#flowobj a {
    color:#fff;
}
object#flowobj .clear {
    clear:both;
}
object#flowobj #images {
    width:475px;
    height:200px;
    visibility:hidden;
}
object#flowobj #loading {
    margin-top:50px;
    text-align:center;
    width:100%;
}
object#flowobj #loading img {
    margin-top:10px;
    position:relative;
}
object#flowobj #captions {
    font-weight:bold;
    font-color:red;
    position:relative; 
    text-align:center;
    z-index:10000;
}
object#flowobj #scrollbar {
    visibility:hidden;
    position:relative; 
    border-bottom:1px solid #b3b3b3;
    z-index:10001;
}
object#flowobj #slider {
    position:absolute;
    margin-top:-7px;
    margin-left:-7px;
    z-index:10002;
    background-image:url(../../../js/imageflow/slider.png);
    background-repeat:no-repeat;
    width:14px;
    height:14px;
}
object#flowobj #imageflow {
    background-color:black;
    text-align:left;
    height:200px;
}
/* Styles for the minimiser*/

#sf_minimiser {
	width: 200px;
	float: right;
	
}
ul.sf_minimiser  {
	
}
.sf_minimiser li.min {
	background:#D2DCDC none repeat scroll 0%;
	color:#5A747B;
	font-size:0.6em;
	padding:4px;
	margin-top: 1px;
}
.sf_minimiser li.cur_max {
	background:#lightgray none repeat scroll 0%;
	color:white;
	font-size:0.6em;
	padding:4px;
	margin-top: 1px;

}
.sf_minimiser li.min a {
	border-left:2px solid #lightgray;
	color:#002D3C;
	display:block;
	font-size:0.7em;
	margin:5px;
	padding-left:7px;
	padding-top:3px;
	text-transform:uppercase;
}
.sf_minimiser li.min a:hover {
	color:#ffffff;
}
.sf_minimiser li.cur_max a {
	border-left:2px solid white;
	color:white;
	display:block;
	font-size:0.7em;
	margin:5px;
	padding-left:7px;
	padding-top:3px;
	text-transform:uppercase;
}
/* Styles for LiveSearch */

#txtHint {

	font-size : 13px; 
}
#txtHintType {

	font-size : 13px; 
}

#hints{
	display:block;
	position:absolute;
	
	
}

#hints ul{
	margin-top:-1px;
	padding: 4px;
	border: 1px solid #014359;
	margin-left: 50px;
	width: 90px;
	background:#ffffff;
	color:#014359;
}
table.search{
	border:none;
	text-align:right;
	
}
#hints a{
	color: #737173;
}
#hints li:hover{
	background-color: #737173;
	color: #FFFFFF;
}
#hints a:hover{
	color:#FFFFFF;
}
#hintsType{

	
	
}

#hintsType ul{
	margin-top:-1px;
	padding: 4px;
	border: 1px solid #014359;
	width: 90px;
	background:#ffffff;
	margin-bottom:10px;
	color:#014359;
}

#hintsType a{
	color: #737173;
}
#hintsType li:hover{
	background-color: #737173;
	color: #FFFFFF;
}
#hintsType a:hover{
	color:#FFFFFF;
}
/* MAPPING STYLES */

div.smallmap {
background:transparent url(ark/skins/arkologik/images/loading.gif) no-repeat scroll center;
height:200px;
width:100%;
}
div.mapview {
background:transparent url(ark/skins/arkologik/images/loading.gif) no-repeat scroll center;
height:500px;
width:600px;
}
#maprpanel {
    /* General Stuff */
    position: absolute;
    top: 78px;
    left: 800px;
    color: #707376;
    text-align: left;
    margin-left: 1px;
    width: 190px;
    background-color: rgb(237, 242, 242);
    border-top: 1px dotted #FFB600;
    border-right: 1px dotted #707376;
    border-bottom: 1px dotted #707376;
}
#maprpanel h1 {
   /* Header level 1 */
   margin: 0;
   padding: 6px;
   font-size: 13px;
   height: 30px;
   border-bottom: 1px dotted #707376;
   background-color: rgb(210, 220, 220);
}
#maprpanel h2 {
   /* Header level 2 */
   margin: 0;
   padding: 6px;
   font-size: 12px;
   font-style: italic;
   background-color: rgb(237, 242, 242);
}
input#upload_dir{
    max-width: 1200px;
}