/*

The page defined in default.inc

Is split into the following sections
The css for these sections is found in this file

<div id="container">

	<div id="banner">  
	Contains the title and an image - goes all the way across the top of the page 
  	</div>

  	<div id="navigation" class="dropdown">
  	A list of links to different pages going down hte left-hand side of hte page
  	</div>

	<div id="centrecontent">
   
		<div id="utility">
		Very small div holding links to things like logout and home
	  	</div>
  
  		<div class="spacer">
  		Does what it says on the tin
  		</div>
  		
  		The main content form home.php goes here
  		
  		<div id=rightcontainer>
  		This is an optional div we use on some pages only to display content such as news items
  		</div>

	</div>
  
	<div id="footer">
 	An optional footer holding e.g Geodata logo
	</div>


</div>

*/


html { 
  height: 100%;
}


body {
  background-color: #FFF9EF; 

   
  color: #444;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  height: 100%;
  margin: 0;
  padding: 0px;
} 

/*****************

container wraps all content

**********/
#container {
        position: relative;
        margin: 0px;
        min-height: 100%;
        height: 100%;
        voice-family: "\"}\"";  /*IE5x hack */
        voice-family: inherit;
        height: auto;
}
        
html>body #container { /*values for more CSS-compliant browsers*/
 height: auto; 
}

/*****************

banner is the div with the title and logo in it

**********/

#banner {
  background-color: #f3f2f7;
  overflow: hidden;
        width: 100%;  
        height: 115px; 

}

#banner h1 {
  position: absolute;
  color: #333366;
  font-size: 18pt;
  letter-spacing: 1px;
  top: 14px;
  left: 220px;
  margin: 0;
  padding: 0;
}

/*  logo that goes in the banner*/
#logo {
padding: 20px 28px 10px 8px;
float: right;
}


/*******************
 This is the div containing all the links on  the left hand side
 This should really go in individual css files per style
 *********************/
 
 
#navigation {
  background: #B5BECE;
  position: absolute;
  left:0px;
  top: 115px;
  width:150px;
  height: 84%;  /* this is a long way from perfect - but looks ok on a decent screen, but on a smaller screen will give a scroll bar if the lhs menu is deeper than the content */
  word-wrap: break-word; /* An IE-only thing to induce better word-wrapping --
			  * alternative is a too-wide navigation box */
  }
html>body #navigation {
  top: 115px;       /* FFOX */
}



/***************
 Left hand side stuff  - the menu of links down the left hand side
There seems to be a lot of css to do very little here
It looks like it was for menus and sub-menus at one point - now trimmed right back

css works on html like
<div id="navigation" class="dropdown">
	 <ul>
	 	<li><a></a></li>
	  	<li><a></a></li>
	  	<li><a></a></li>
 	<ul>
 </div>
 ******************/

/* main list dimensions */

.dropdown ul {
  font-size: 90%; 
  font-weight: bold;
  text-indent: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 150px; /* Width of Menu Items */
  border-bottom: 1px solid #ced7e7;
} 


/* Styles for individual menu Items */
.dropdown ul li a {
  display: block;
  text-decoration: none;
  color: #003388;
  background: #B5BECE;  /*IE6 Bug */
  padding: 5px;
  border-top: 1px solid #ced7e7;
  border-bottom: 0;
}

/* changes required when hovering over menu item */
.dropdown ul li a:hover {
  background-color: #ced7e7;
  color: #21217f;
 
}  


/******

Utility is a small div holding links for things like logout ,home etc

*****************/

#utility img,#utility a {
  margin-left: 10px;
}

#utility {
  float: right;
}

/********************

A div that puts a gap between the utility div and the main content from home.php

********************/


div.spacer {
  clear: both;
}


/************** 
Basic styling of the main page - centrecontent  contains the  main page (home.php)
 ****************/
 
#centrecontent {
  /*margin: 10px 40px 50px 220px;*/
    margin: 10px 10px 50px 160px;
   
}

#centrecontent h1 {
  font-size: 14pt;
  font-weight: bold;
  margin: 10px 0px 10px 2px;
  color:  #333366;
}

#centrecontent h2 {
  font-size: 12pt;
  font-weight: bold;
  color:  #333366;
  margin: 10px 0;
}

#centrecontent h3 {
  font-size: 11pt;
  font-weight: bold;
  color:  #333366;
  margin: 10px 0;
}

#centrecontent h4 {
  font-size: 10pt;
  font-weight: bold;
  color:  #333366;
  margin: 8px 0;
}

#centrecontent h5 {
  font-size: 9pt;
  font-weight: bold;
  color:  #333366;
  margin: 6px 0;
}

#centrecontent p {
  margin: 0px 5px 5px 2px;
}

/* this is form editor forms p is generally given a dafulat margin by the browser which means divs have a gap*/
#centrecontent form div p {
margin: 0px;
  padding-top: 5px;
  padding-left: 5px;
}

/********************

The rightcontainer is an optional div in the centre content which we display to the right
in this example as a sidebar containing news items

********************/

#leftcontainer {
float: left;
width: 80%;
/*border-left: 1px solid #ccc;*/ 

}

#rightcontainer {
float: right;
width: 20%;
/*border-left: 1px solid #ccc;*/ 

}

/********************

The footer div contains things like the geodata logo

********************/

#footer {
        position: absolute;
        bottom: 0px;
        right: 5px;
/*      left: 210px;*/
        width: 76%;
        font: 9pt arial, helvetica, sans-serif;
        padding: 0px 0px 2px 0px;
        text-align: right;
        line-height:2.4em;
        voice-family: "\"}\""; /*IE5x hack */
        voice-family: inherit;
}
        
html>body #footer {/*values for more CSS-compliant browsers*/
        margin: 0px 0px 0px 0px;
        padding: 0px;
}

#footer img {
        border: 0px none;
        vertical-align: middle;
}

#footer a {
        color: #999;
        text-decoration: none;
}

#footer a:hover {
  color: #f00;
}



/*****************

Other - general styling of page elements



**********/

/* this is quite important as it separates so much of the text on a page*/
p {
  line-height: 18px;
  margin: 0;
  padding: 0px 0px 10px 0px;
} 

/*  table styling
default  table have no border around header (th) cells*/
table { 
  border-collapse: collapse;
 
}

td  {  
 border: 1px solid black;
 padding: 5px;
 
}

.EVENTS_when_time_hours,.EVENTS_when_time_minutes
{
	width:100%;
}

.registrationsTable select
{

	width:100%;
}

 /*this doesn't seem to work for setting cell size - annoying */
#Events tr td:first-child{
	/*background-color:blue; */
	width:50px;
} 

#Events td img {
    width: 100%;
}

.formButtons
{
	padding-bottom:10px;
} 

#Events #TB_HD_0
{

	visibility:hidden;

}

/* bootstrap table*/


.eventsRowNoTable td
{
	border-style:none !important;
	background-color:#EDEBE8;
} 
 
#Events .inputsRow td
{
	border-style:none !important;
	
} 


.eventsRowNoTable 
{
	
	
	background-color:#EDEBE8;
	

	 border-bottom:15px solid white;
	 margin-bottom:30px;
	 
}


#map_search_div
{
	background-color:#EDEBE8;
	padding-top: 50px;
	padding-bottom: 25px;
	
}

#map_results_div
{
	background-color:#FCFAF7;
	
}

#EventsSearchOptions
{
	padding-top:50px;
}

.TableCurrentPageLink
{
	background-color:#EDEBE8 !important;
}

/* playing with tables */
/*.inputsRow td
{
	border-style:none !important;
	
}  */

/* a table associated with a search form */
.searchtable td {
 
   border-left:none ;
   border-right:none ;
   border-bottom:none ;
   border-top: 1px solid #ddd;
}

.searchtable th {

   border-top: none !important; /* important to override bootstrap*/
 
  /* text-align: center; */
}

.searchtable tr:last-child {
  
   border-bottom: 1px solid #ddd;
  
}
.searchtable .headerCellTitle
{
	
	font-size: 100%;
}

.searchtable .headerCellSortStuff
{
	font-weight: 300;
	font-size: 80%;
}
.searchtable .sortRow
{
	 border-top:none !important;
}
.searchtable .sortRow td
{
	padding-bottom:4px;
	
	padding-top:0px;
	border-top:none ; 
 
}

.sortRow button
{

	width:40px !important;
	height:40px !important;
	font-weight: 1000;
	font-size:50%;
}

/* this dropdown is either on top of the results or in a div next to the results*/
/* this is on top of results*/
/*#resultsPerPageDropdown
{
float:right;
} */

/*
.filters-where
{
	width:25%;
	float:right;
	margin-left:5px;
}
 */

 /*
#searchPreferenceCheckboxes
{
	width:25%;
	float:right;
	margin-left:5px;
}
#searchPreferenceCheckboxes .filters-where
{
	height:50%;
	background-color:yellow;
}  */

/* this is in div at side*/
#searchButtonsDiv #resultsPerPageDropdown
{
	float:none;
}

#searchButtonsDiv .filters-where
{
	
	float:none;
}

#searchInputsDiv .searchFormInputGroup
{
	margin-bottom:15px;
	width:100%;
}

#searchInputsDiv .input-group-addon
{	
	width:35%;
	
	
}

.searchFormInputGroup select
{
	margin-top:0px;
}
.searchFormInputGroup .cbSpan
{
	background-color:transparent;
}

.formButtons .input-group-addon,.formButtons #resultsPerPageDropdown
{

	font-size: 12px !important;
    font-weight: 400;
}

.shopping-basket-btn
{
	background-color:orange !important;
	float:right;
	
}

.shoppingRemoveBtn
{
	width: 150px;
	background-color:white !important;
	color:#9f82bc !important;
}

.shoppingAddBtn
{
	width: 150px;
	
}



/*  this is the search fields when used at the side of the results*/


#searchFormDiv .form-control, #searchFormDiv .input-group-addon, #searchFormDiv .btn
{
	
	font-size:10px;

}

/**************************************************************/

/*  this is the search fields when used in a row above the results*/


.inputsRow .form-control, .inputsRow .input-group-addon, .inputsRow .btn
{
	
	font-size:10px;
	

}

/**************************************************************/

.row .searchOptions
{
	padding-bottom: 5px;
}

.tableSearchButton
{
	margin:5px;
	margin-left:0px;
}



/*   Events carousel BEGIN */

#eventsCarousel {
	width:600px;
	margin-left:auto;
	margin-right:auto;
}  

#eventsCarousel .carousel-inner {
	margin-left:auto;
	margin-right:auto;
	width:600px; 
	
}

/* width of an item needs to be total width of carousel divided by number of items on view in carousel window at one time*/
#eventsCarousel .eventsCarouselItem {

	width:150px;
/*	width:300px; */
	float:left;
	
	
}

#eventsCarousel .carousel-inner img {

/*	width:100%;*/
width:90%;
height:90%;
margin-left:5%;
margin-right:auto;

		
}



#eventsCarousel .carousel-control.right,#eventsCarousel .carousel-control.left {
    background-image:none;
	}

#eventsCarousel a {
	color:grey;
}

.eventsCarouselCaption
{
	/*background-color:grey;
	opacity:0.5; 
		color:white; */
	text-align:center;

}

/*   Events carousel END */

.auditLabel
{
	/*text-align: left; 
	width: 20%; */
	color: #0c4964;
}

#cbTablecolumnSelectorControl td,#cbTablecolumnSelectorControl th
{
	background-color:none !important;
	border:0px !important;
}

.glyphicon-info-sign
{
	/*color:#061F9E; */

	display:inline;
	padding-left:5px;
	 align-content: center;
	 vertical-align:middle;
	
}

/* This is when info is for a search form - not just a form */
.input-group .glyphicon-info-sign
{
	display:table-cell;
}

/* overdiv is the pop-up box with help info*/
#overDiv {
    background-color: #eeeeee;
}

#overDiv table table td
{
	background-color:white;
} 

.calendar
{
	
	z-index:3;
}

/* this is the date of birth to field on the Examples page*/
/*#Examples .tableColumn6
{
	display:none;
}  */

/* a label next to a check box */
.checkboxLabel
{
	padding-right:10px;
	font-weight: normal;
}

/*  jquery-ui data picker*/
#ui-datepicker-div
{
	background-color:#EEEEEE;
	border-radius: 10px;
	padding:10px;
}

.form-control
{
	display:inline ;
}


/*******************************************************/
/* form builder fields */
#newFieldDiv input
{
	width:300px;
}

#formBuilderFieldsDiv .icwTextBox
{
	width:300px;
}

#formBuilderFieldsDiv select
{
	width:300px;
}
/************************************/


#points_createNewButton {
	
	display:none;
}

#login-link2 {
	padding-top:15px;
	color:white;
	float:right;
}

#DivForEVENTS_Summary_Table .sortRow {
	display:None;
}

#SubIncidents .sortRow {
	display:None;
}

#Participants .sortRow {
	display:None;
}

#Incidents .sortRow {
	display:None;
}

#Participant #Participant_HD_3 ,#Participant #Participant_HD_4{
	width:20%;
	
}

.div_UCF_incidents_title .icwTextBox {
	width:60%
	
}