/*main admin navigation*/
ul, li, a, th, td, table, h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	font-size: 9pt;
	padding: 0px;
	margin: 0px;
}

#frForm {
	position: relative;
}

#wrapper {
	clear: both;
	width: 1020px;
	text-align: left;
	margin:0px auto 0px;
}


/*navigation */

#navigation {
	width:1000px;
	margin:0px 0px 0px 10px;
}

#navigation li {
	list-style-type:none;
	float:left;
}

#navigation li a {
	padding: 0px 9px 0px 9px;
}
	
#navigation li.last_menu,
#navigation li.right_menu {
	float:right;
}


#loggedin {
	width: 401px;
	margin: 9px 0px 0px 0px;
	float:right;
	text-align: right;
	padding: 25px 10px 0px 0px;
	position: relative;
}

#loggedin p{
	margin: 0px 0px 4px;
	padding: 0px;
}

#logout1 {
	position: absolute;
	bottom: 0px;
	left: 12px;
	font-size: 1.2em;
}

#loggedin h2{
	font-size: 1.4em;
	margin: 0px 0px 4px;
	padding: 0px;
}

#account_logo {
	float: right;
	margin: 9px 10px 0px 0px;
}

#no_logo {
	float: right;
	width: 10px;
	margin: 9px 10px 0px 0px;
}



#content_wrapper {
	margin: 0px 10px 0px 10px;
	width: 1000px;
	padding-bottom: 20px;
}

/* content*/

#content {
	position: relative;
	margin: 0px 18px 40px 18px;
	float: left;
	padding: 0px;
	min-height: 300px;
	width: 646px;
	overflow: visible;

}

.login #content {
	width: 962px;
}

#content h2, #contentWide h2 {
	display: block;
    margin-top: 30px;
	text-align:	left;
}

/*
#healthandsafety {
	margin: 20px 0px 20px 0px;
}
*/

#contentWide {
	margin: 0px 18px 40px 18px;
	float: left;
	padding: 0px;
	min-height: 300px;
	width: 962px;
	overflow: visible;
}


#boxes {
	margin: 10px 18px 10px 0px;
	display: inline;
	float: left;
	width: 300px;
	margin-right: 0px;
}


.login  #boxes {
	width: 490px;
	margin-left: 10px;
}

.box {
	margin: 0px 0px 36px 0px;
}

.box_row {
	margin: 0px 0px 10px 0px;
}

#footer {
	clear: both;
	width: 980px;
	padding: 20px 20px;
	text-align: left;
	margin:0px auto 0px;
}

#semantise {
	float: left;
}

#terms {
	float: right;
}
	
#privacy {
	float: right;
	margin: 0px 0px 0px 20px;
}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 0;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* creates a div that mimics a select box (drop down) */
.fakedd{
color:black;
float:left;
width:300px;
background:white;
border:1px solid #999;
}
.fakedd span.text{
float:left;
color:#000;
margin:2px 4px;
}
.fakedd span.downarrow{
float:right;
color:black;
border: 1px solid #666;
background:#EEE;
padding:2px 4px;
margin:0px;
cursor:default;
}
h4 {
	float: left;
}

h1  {
	display: block;
	text-align:	left;
}

/*home page modules styles here*/
/*training Log*/
a.training_module {
	display: block;
	background: url(../modules/training/images/training.png) no-repeat 0px 0px;
	text-decoration: none;
	color: #222222;
	font-size: 1.2em;
	padding: 10px 0px 20px 80px;
	margin: 0px 0px 20px 0px;
}

a.training_module:hover {
	background: url(../modules/training/images/training.png) no-repeat 0px 0px;
	opacity:0.4;
	filter:alpha(opacity=40);
}

/*accident Book*/
a.accident_module {
	display: block;
	background: url(../modules/accidents/images/accidents.png) no-repeat 0px 0px;
	text-decoration: none;
	color: #222222;
	font-size: 1.2em;
	padding: 10px 0px 20px 80px;
	margin: 0px 0px 20px 0px;
}

a.accident_module:hover {
	background: url(../modules/accidents/images/accidents.png) no-repeat 0px 0px;
	opacity:0.4;
	filter:alpha(opacity=40);
}



/*new additions from customise*/
.info {
	background-image: url(../images/icon_info.gif);
	background-repeat: no-repeat;
	background-position: 5px 1px;
	margin: 5px 5px;
	text-align: justify;
}

#content .info {
	margin: 10px 0px;
	background-position: 0px 1px;
}


.info:first-letter {
	padding: 0px 0px 0px 25px;
}

ul.docList a{
	background-image:url(../admin_icons/page.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 24px 20px;
	color: #666666;
}

ul.docList{
	margin: 0px 0px 20px 10px ;
}

ul.docList li {
	margin: 0px;
}

h3.docList {
	margin: 8px 0px 4px 10px;
}

ul.docList img {
	margin: 0px 0px 0px 20px;
	cursor: pointer;
}

ul.linkList a{
	background-image:url(../admin_icons/link.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	color: #666666;
}

ul.linkList{
	margin-left: 10px;
}

ul.linkList li {
	margin: 0px;
}



ul.linkList img {
	margin: 0px 0px 0px 20px;
	cursor: pointer;
}


#loader {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity:0.6;
	filter:alpha(opacity=60);
	
}
	
#loader img {
	position: absolute;
	top: 40%;
	left: 46%;
}

/*editable side box*/
.box span.editItem {
	padding: 0px 0px 0px 10px;
}


.no-close .ui-dialog-titlebar-close {
display: none;
}

/* josh: your boy josh redesigning the login page */
#loginform2 {
	padding: 10px;
	margin: 10px;
	padding-bottom: 0;
	width: 75%;
	margin: 0 auto;
	background-color: #fff;
	border: #000 solid 1px;
	border-radius: 10px;
	box-shadow: 3px 5px 4px rgba(0, 0, 0, .5);
}

#frForm_forgot {
	width: 430px;
	padding: 20px 10px;
	margin: 10px;
	height: 240px;
}

#frForm_forgot p {
	margin: 0px 0px 30px 20px;
}

#loginform2 label {
	display: block;
	float: left;
	width: 74px;
	font-size: 16px;
	text-align: right;
	padding-top: 8px;
}

#loginform2 div {
	clear: left;
	display: block;
	margin: 0 0 13px 0;
	padding: 1px 3px 1px 0px;
}

#loginform2 fieldset {
	border: 0px;
}

#loginform2 input.inputText {
	width: 384px;
	padding: 3px 3px;
	margin: 0 0 0 10px;
}

#loginform2 input.inputCheckbox {
	display: inline;
	height: 14px;
	width: 14px;
	padding: 0;
	margin: 3px 3px 0px 10px;
}

#loginform2 #cookie_warning, #loginform2 #cookie_warning p{
	padding:0px;
	color:red;
}

.loginSubmit {
	background: #34d955;
	background-image: -webkit-linear-gradient(top, #34d955, #178a45);
	background-image: -moz-linear-gradient(top, #34d955, #178a45);
	background-image: -ms-linear-gradient(top, #34d955, #178a45);
	background-image: -o-linear-gradient(top, #34d955, #178a45);
	background-image: linear-gradient(to bottom, #34d955, #178a45);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	display: block;
	border-radius: 28px;
	color: #fff;
	font-size: 20px;
	padding: 10px 20px 10px 20px !important;
	text-decoration: none;
	border: 0px;
	filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, .4));
	margin: 10px auto 10px auto;
}

.loginSubmit:hover {
	background: #3cfa48;
    background-image: -webkit-linear-gradient(top, #3cfa48, #4ad934);
    background-image: -moz-linear-gradient(top, #3cfa48, #4ad934);
    background-image: -ms-linear-gradient(top, #3cfa48, #4ad934);
    background-image: -o-linear-gradient(top, #3cfa48, #4ad934);
    background-image: linear-gradient(to bottom, #3cfa48, #4ad934);
    text-decoration: none;
}

.loginUsername, .loginPassword {
	font-size: 17px;
	height: 1.55em;
	color: #000;
	border-radius: 8px;
	padding-left: 6px !important;
	background-color: #EEE;
	border: 1px solid #000;
}

.loginUsername:focus, .loginPassword:focus {
	outline: 0;
}

.loginForgottenE, .loginForgottenP {
	margin-left: 7px;
	padding-top: 2px;
}

#loginform2 .rememberDiv {
	margin: 0 auto;
	width: max-content;
}

#loginform2 .loginRememberLabel {
	width: 102px;
	padding: 0;
}

#loginform2 .loginRememberWarning {
	text-align: center;
	margin-top: 4px;
}

#loginform2 .loginForgottenEWarning {
	text-align: center;
	margin-top: 4px;
}

#frForm_forgot label{
	display: block;
	float: left;
	width: 50px;
	padding: 3px 5px 3px 0px;
	margin: 0 0 5px 20px;
	text-align: right;
}

#frForm_forgot div {
	clear: left;
	display: block;
	margin: 5px 0 20px 0;
	padding: 1px 3px 1px 0px;
}

#frForm_forgot fieldset {
	border: 0px;
}

#frForm_forgot div input.inputText {
	width: 300px;
	padding: 3px 3px;
	margin: 0 0 0 10px;
}

#frForm_forgot div input.inputSubmit {
	width: auto;
	padding: 0 16px;
	margin: 0;
}