body
{
  font-family: "Gentium, Palatino Linotype, Titus Cyberbit Basic, Aisa Unicode, Arial Unicode MS, Cardo, Microsoft Sans Serif";
}

h2
{
  font-size: 20px;
}

h3
{
  font-size: 15px;
}

ul
{
  list-style-type: none;
}

a.header_menu
{
  font-size: 20px;
}

.default-outline
{
  border-style: solid;
  border-color: #BBBBBB;
  border-width: 5px;
}

.side-bar-outline
{
  border-width: 2px;
  background-color: #FFF;
  position: relative;
  margin-left: 5px;
}

.alert-default
{
  background-color: #BBB;
  color:  #FFF;
}

a.alertTitle
{
  color:  #FFF;
}

/*RB 18/9/2012 added from old DSE*/
#container
{
	padding: 5px;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
  background-color: #fff;
	/*background-color: #F2F2F2;*/
	/*border-left: 1px solid #999;
	border-right: 1px solid #999;*/
	margin-bottom: 0;
}

#header
{
 width: 99.8%;
 margin-left: 7px;
 color: #000;
 font-size: 25px;
 /*background-color : #000066;*/
 background-repeat : no-repeat;
 background-position: top right;
 height: 50px;
 /*background-image: url(../img/band.png);*/
}

#footer
{
 width: 99.4%;
 margin-left: 5px;
 color: #000;
 font-size: 1.0em;
 background-repeat : no-repeat;
 background-position: top right;
 height: 85px;
 padding: 5px;
 text-align: center;
}

#content
{
	padding: 5px;
	width: 100%;
  background-color: #fff;
	/*background-color: #FAFAFA;*/
	/*border-left: 1px solid #999;
	border-right: 1px solid #999;*/

}

/*#footer
{
 padding: 5px;
	width: 100%;

 background-color: #000066;
 color: #fff;
 text-align: center;

}*/

#page-title
{
	padding: 5px;
	width: 100%;

  background-color: #fff;
	/*background-color: #FAFAFA;*/
	/*border-left: 1px solid #999;
	border-right: 1px solid #999;*/
	margin-bottom: 0;
}

#loggedin
{
  width: 35%;
  float: right;
  padding: 8px 8px 8px 8px;
  margin-right: 20px;
  /*border: 1px solid rgb(251, 238, 213);*/
  border: 1px solid rgb(198, 230, 187);
  border-radius: 4px 4px 4px 4px;
  font-size: 50%;
}

#oxfordLogo
{
  /*width: 25%;*/
  float: left;
  padding: 0px 0px 8px 8px;
  margin-right: 20px;
  /*border: 1px solid rgb(251, 238, 213);
  border: 1px solid rgb(198, 230, 187);
  border-radius: 4px 4px 4px 4px;
  font-size: 50%;                      */
}

#title-text
{
  width: 60%;
  float: left;
}


.altrow
{
  background-color: #F2F2F2;
}

dd
{
  padding-bottom: 3px;
}

.actions-header {
  display: block;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.table
{
  background-color: #fff;
}

.imageleft
{
  float: left;
  margin: 10px;
  border: none;
}

.imageright
{
  float: right;
  margin: 10px;
  border: none;
}

.clear
{
	clear: both;
}


dt {
	font-weight: bold;
}


 .red {
 	color: Red;
	font-weight: bold;
 }

 .green{
 	color: green;
	font-weight: bold;
 }

 .copyright
 {
 	color: #fff;
 	text-decoration: none;
 }

.toggle
{
  clear: both;
	display: none;
  padding-bottom: 10px;
}


.none
{
	display: none;
}

div.actions
{
	float:left;
	width:16%;
	padding:10px 1.5%;
}

td
{
  padding: 15px;
}


input
{
  margin-left: 0.2em;
}

input[type="radio"],
input[type="checkbox"]
{
  margin-right: 4px;
  margin-left: 8px;
}

label
{
  font-weight: bold;
}

.important
{
  color: #CC0033;
  font-weight: bold;
}

fieldset.minwidth
{
 	width: 60%;
}

legend
{
  font-weight: bold;
  font-size: 1.8em;
}

.well
{
  padding: 8px 0;
  /*margin-top:60px;*/
}

.paging
{
  margin-bottom: 40px;
}

.error-message
{
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
  padding: 5px;
  font-weight: bold;
}

[class*="span"]
{
  margin-left: 0px;
}

a
{
  color: rgb(51, 51, 51);
  font-weight: bold;
  text-decoration: none;
  /*background: none repeat scroll 0% 0% rgb(255, 255, 255);*/
  white-space: nowrap;
  position: relative;
  z-index: 190;
}

a:hover
{
  /*text-decoration: none;*/
  color: rgb(51, 51, 51);
  /*background-color: #eeeeee;*/
}

li
{
  list-style-position: inside;
}

ol
{
  display: block;
}

select
{
  width: 380px;
}

.form-horizontal .control-label
{
  width: 400px;
}
.form-horizontal .controls
{
    margin-left: 415px;
}

.form-horizontal .shorter-labels
{
  width: 200px;
  float: left;
}
.form-horizontal .longer-controls
{
    margin-left: 230px;
}

.field_name_title
{
  font-weight: bold;
}
.recordview
{
  margin-top: 9px;
}

input.datepicker, input.timepicker {
    position: relative;
    z-index: 1010;
}

input.frontPage
{
  z-index: 900;
}

input.alerts
{
  z-index: 900;
}

/* css for timepicker */
.ui-datepicker, .ui-timepicker {
    height: auto;
    margin: 5px auto 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    background-color: #FFF;
}
.ui-datepicker-div .ui-widget-header, .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-datepicker-div dl, .ui-timepicker-div dl { text-align: left; }
.ui-datepicker-div dl dt, .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-datepicker-div dl dd, .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-datepicker-div td, .ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label {
    background: none;
    background-color: #FFF;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-datepicker-rtl, .ui-timepicker-rtl{ direction: rtl; }
.ui-datepicker-rtl dl, .ui-timepicker-rtl dl { text-align: right; }
.ui-datepicker-rtl dl dd, .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

textarea
{
  width: 550px;
  height: 200px;
}

/* Leaflet map stuff */
#map
{
  height: 800px;
  width: 1200px;
}


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('../img/ajax-loader.gif')
                50% 50%
                no-repeat;
}


/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.ui-autocomplete
{
  z-index: 1003 !important; /*modal forms have z-index of 1002*/
}

#headerText
{
  width:  94%;
  margin-left: 100px;
}


.information
{
 	color: Red;
	font-weight: bold;
  font-size: small;
}

.right-column
{
  margin-left: 420px;
}

a#red
{
 	color: Red;
	font-weight: bold;
}


.navbar .nav > li > a
{
  padding: 10px 15px 15px 0px;
}