.infoHeader1{
  font-size: 50px;
  color: #064e71;
  text-align: center;
  font-weight: 700;
}

.infoHeader2{
  font-size: 35px;
  font-weight: 600;
}

.infoHeader3{
  font-size: 28px;
}

.divider{
	white-space: normal;
	border: 1px solid transparent;
	padding: 19px 0px;
	text-transform: uppercase;
	width: 165px;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: black;
	margin-top: 10px;
}

hr{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #ccc;
}

.infoImageCenter{
	  display: table;
    margin: 0 auto;
}

.infoCenter{
    display: table;
    margin: 0 auto;
    text-align: center;
}

.infoImageLeft{
	 float: right;
   margin-right: 25px;
}

.infoImageRight{
	float: right;
	margin-left: 25px;
}

html {
	//min-height:1280px;
	min-height:100%;
	//min-width:875px;
	position: relative;
}

body {
	//background-image:url('../images/gradient_background.png');
	//background-repeat:repeat-x;
	//background:linear-gradient(to bottom, #d4d2c8 0%, #bebdb4 100%);
	
	background: -webkit-linear-gradient(#d4d2c8 0%, #bebdb4 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#d4d2c8 0%, #bebdb4 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#d4d2c8 0%, #bebdb4 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#d4d2c8 0%, #bebdb4 100%); /* Standard syntax */
	
	
	background-repeat:no-repeat;
	//min-height:1280px;
	height:100%;
}

div#cogBackground {
	//background-image:url('../images/cogs.png');
	background-image:url('../images/cogs-bg.png');
	background-repeat:no-repeat;
	max-width: 1600px;
	min-height:593px;
	margin:0px auto;
	padding: 1px 10px 1px 10px;
	//min-height:1280px;
//	position:relative;
	background-position: center top;
	height:100%;
	width:100%;
}

div#logoSpace {
	max-width: 1140px;
	margin: 0px auto 0px auto;
}
div#logo {
	width:166px;//width:262px;
	margin: 9px auto -35px 0px;
	position:relative;
}

div#nav {
	//background-color: #69afcc;
	//padding-down: 30px;
	border-bottom: 30px solid #69afcc;
	
	max-width: 1140px;
	margin: 0px auto;
	min-height: 76px;
	
	
}

div#mainContainer {
	background-color: #FFF;
	//width:1140px;//width:800px;
	//margin:30px auto;
	padding: 11px 10px 1px 10px;
	min-height:360px;
	position:relative;
	
	max-width:1140px;
	margin:0px auto;
//	
//	border: 1px solid #bccae4;
//  	-webkit-border-radius: 6px;
//    -moz-border-radius: 6px;
//    border-radius: 6px;
  	-webkit-box-shadow: 0 4px 15px rgba(0,0,0,.575);
    -moz-box-shadow: 0 4px 15px rgba(0,0,0,.575);
    box-shadow: 0 4px 15px rgba(0,0,0,.575);
}

div#copyrightArea {
	padding-top: 20px;
	text-align:center;
	min-height: 100px;
}

div#logoutModal > div.modal-dialog {
	margin: auto;
	width: 270px;
}

div#logoutModal > div.modal-dialog > div.modal-content > div.modal-body {
	padding: 30px 20px 0px 20px;
}

div#logoutModal > div.modal-dialog > div.modal-content > div.modal-footer {
	padding: 5px 20px 10px 10px;
}

div#loginNav {
	border-bottom: 30px solid #69afcc;
	max-width: 600px;
	margin: 0px auto;
	min-height: 76px;
}

div#loginLogoSpace {
	max-width: 600px;
	margin: 0px auto 0px auto;
}

div#loginContainer {
	background-color: #FFF;
	//width:1140px;//width:800px;
	//margin:30px auto;
	padding: 11px 10px 1px 10px;
	min-height:360px;
	position:relative;
	
	max-width:600px;
	margin:0px auto;

  	-webkit-box-shadow: 0 4px 15px rgba(0,0,0,.575);
    -moz-box-shadow: 0 4px 15px rgba(0,0,0,.575);
    box-shadow: 0 4px 15px rgba(0,0,0,.575);
}

/* The white background content wrapper */

div#login-form {
	width: 303px;
	margin: 85px auto 20px auto;
	position: relative;
}

div#loginWarning {
	width: 400px;
	margin: auto;
	position: relative;
}

div#loginWarning2 {
	width: 240px;
	margin: auto;
	position: relative;
}

div#missingPageWarning {
	width: 398px;
	margin: auto;
	position: relative;
}

div#createUserWarning {
	width: 600px;
	margin: auto;
	position: relative;
}

h2#missingPage {
	margin: 10px 0px 10px 0px;
}

div#noItemsWarning {
//	width: 488px;
//	margin: auto;
//	position: relative;
	text-align: center;
}

h2#noItemsPage {
	margin: 10px 0px 10px 0px;
}

div.clearfix {
	margin-bottom: 20px;
}

input.search-query {
	padding-right: 14px;
	padding-right: 4px \9;
	padding-left: 14px;
	padding-left: 4px \9;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #cccccc;
	font-size: 24px;
}	
	
input.rounded-medium {
	padding-right: 14px;
	padding-right: 4px \9;
	padding-left: 14px;
	padding-left: 4px \9;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #cccccc;
}

ul.checkbox li { 
  display:inline-block;
  width:12em;
} 
	
}

div#logoTitle,
div#textArea,
div#contactUs,
div#map,
div#copyright, {
	background-color: #dceaf4;
//	border:5px double #bbd8e9;
//	margin:10px auto;
//	position:relative;
	
//	border: 1px solid #ddd;
//  	-webkit-border-radius: 6px;
//    -moz-border-radius: 6px;
//    border-radius: 6px;
//  	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.175);
//    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.175);
//    box-shadow: 0 2px 4px rgba(0,0,0,.175);
}

div#logoTitle {
//	min-height:360px;
}

div#textArea {
	min-height:0px;
	margin: 0px 0px 10px 0px;
	//height:721px;
}

h1#title {
	margin: 15px 5px 3px 5px;
	color: #6caedf;
	-webkit-text-shadow: 0 1px 2px rgba(0,0,0,.375);
    -moz-text-shadow: 0 1px 2px rgba(0,0,0,.375);
    text-shadow: 0 1px 2px rgba(0,0,0,.375);
}

h3#title {
	margin: 5px 5px 5px 5px;
	color: #6caedf;
	-webkit-text-shadow: 0 1px 2px rgba(0,0,0,.375);
    -moz-text-shadow: 0 1px 2px rgba(0,0,0,.375);
    text-shadow: 0 1px 2px rgba(0,0,0,.375);
}

div#information {
	margin:10px 10px 10px 10px;
}

div#map {
	min-height:160px;
}

div#mapPicture {
	margin: 5px 5px 5px 5px;
	background-color: #dceaf4;
	position:relative;
	
	border: 1px solid #ddd;
  	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.175);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.175);
    box-shadow: 0 2px 4px rgba(0,0,0,.175);
}

div#copyright {
	min-height:170px;
	padding: 15px 15px 15px 15px;
	margin: 0px 0px 10px 0px;
}

div#copyrightText {
	margin: 5px 5px 0px 5px;
}

.row {
	margin-left: 0px;
	margin-right: -15px;	
}

div#storyList {
	padding-left: 0px;
	padding-right: 10px;
}

div#storyScrollPane {
    overflow: scroll;
    max-height:700px;
}

div#storyWindow {
	padding-left: 0px;
	//max-height:700px;
    //min-height:700px;
}

div#storyArea {
	height: 700px;	
}

div#storyTextBox {
    //max-height:700px;
    //min-height:700px;
    //padding: 10px;
  	//border: 1px solid silver;
  	height:100%;
}

textarea#storyTextArea{
	resize: none;
	outline: none;
	border: none;//1px solid silver;
	
 	height:100%;
 	width:100%;
 	
 	border-left-style:solid;
 	border-bottom-style:solid;
 	border-right-style:solid;
    border-color:silver;
    border-width:1px;
    
    
}



nav#navBar {
	margin: 0px 0px 10px 0px;
  	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.175);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.175);
    box-shadow: 0 2px 4px rgba(0,0,0,.175);	
}

.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

@media (max-width: 767px) {
	body {
		padding: 0px;
	}
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #69afcc;
	outline: 0;
}

div.evenUser {
	//background-color: #d4d2c8;
	background-color: #F5F5F5;
	//min-height: 50px;
}

div.oddUser {
	//background-color: #bebdb4;
	//background-color: #FFFEF2;
	background-color: #EAEAEA;
	//min-height: 50px;
}

div.pagesTop {
	margin-top: 5px;
	margin-bottom: 15px;
	text-align:center;
}

ul.pagesTop {
	margin: auto;
}
div#paginationTop {
	margin: auto;
	width:auto;
}

form#search {
	width:250px;
	float: left;
	//float: left !important;
	position:absolute;
}

div.pagesBot {
//	max-width: 302px;
	margin: auto;
	position: relative;
	text-align:center
}

div#paginationBot {
	margin: auto;
	width:auto;
}

div#createNew {
	float: right;	
	margin: auto;
	position:absolute;
	right: 10px;
}

div.onlineStatus {
	font-size:14px;
	display:inline;
}

div.delete {
	float: right;
	margin: auto;
}

div.delete > button {
	margin: 0px auto;
	background-color: #AC4646;
	-webkit-box-shadow: 0px 4px 0px 0px #6E3333;
	box-shadow: 0px 4px 0px 0px #6E3333;
}

div.delete > button:hover,
div.delete > button:focus,
div.delete > button:active {
	background-color: #CF4949;
	-webkit-box-shadow: 0px 4px 0px 0px #904444;
	box-shadow: 0px 4px 0px 0px #904444;
}

div.right {
	float: right;
	margin: auto;
}

div.right > button {
	margin: 0px auto;
}

h4.panel-title {
	font-size: 28px;
	color: #4F5E69;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #69afcc;
	border-color: #69afcc;
}

.pagination > li > a, .pagination > li > span {
	color: #468eac;
}

.permissionRoleResponse {
	padding: 5px;
	margin: 5px 0px 0px 0px;
}

.moduleResponse {
	padding: 5px;
	margin: 5px 0px 0px 0px;
}

div.centreDiv {
	text-align: center;
}