body {
	margin: 0px;
	padding: 0px;
	height:100%;
}
html{
	height:100%;
}
#wrapper {
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
	
}
h1,h2,h3,h4,h5,li,p,ul,ol,a,img{
	padding:0;
	margin:0
}

h1, h2, h3, h4, h5, h6{
	font-family: segoe ui, Helvetica, sans-serif;
	font-weight: normal;
}
hr {
	background-image: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

.clear{
	clear:both;
}
.message{
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	width:300px;
	margin:0 auto;
	left:0;
	right:0;
	top:50px;
	background-color:#ddd;
	color:#666;
	text-align:center;
	padding:15px;
	display:none;
}
.floatleft{
	float:left;
	

}
.floatright{
	float:right;
}


#top {
	background-color: #2494f2;
	position: fixed;
	width: 100%;
}
#top h3 {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 50px;
	padding-top: 10px;
}
#top h3 a {
	text-decoration:none;
	color:#FFF;
}
#side-left {
	width: 15%;
	min-width:160px;
	float: left;
	background-color: #272930;
	height: 100%;
	position: fixed;
}
.home-logo {
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 30px;
}
.left-one {
	margin-bottom:10px;
}
.left-one h3 {
	color: #fff;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #000;
}
.left-one ul {
	list-style-type: none;
}
.left-one ul li {
	padding-top: 15px;
	padding-left: 20px;
	text-align: left;
	padding-bottom: 15px;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aaa;
	color: #fff;
}
.left-one ul li a {
	text-decoration: none;
	color: #fff;
}
.left-one ul li ul{
	display:none;
}
.left-one ul li#os, .left-one ul li#md{
	cursor:pointer;
}
.left-one ul li ul li{
	padding-bottom:0;
}
.left-one ul li ul li.br{
	border:none;
	padding-bottom:15px;
}
.left-one ul li a:hover {
	color:#2494f2;
}
#centre {
	background-color: #FFF;
	margin-bottom: 8%;
	float: left;
	width: 85%;
	padding-left: 15%;
}
#centre #text-top {
	padding-top:5%;
	padding-bottom: 1%;
	padding-left: 4%;
	background-color:#eee;
	border-bottom:1px solid #d5d5d5;
}
#text-top h2 {
	font-size: 30px;
}
#centre .box1 {
	width: 28%;
	background-color: #FFF;
	float: left;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
	padding-bottom: 10px;
	border: 1px solid #D6D6D6;
	margin-left: 4%;
}
.box1 h1 {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

.box1 p {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
p.view{
	background-color: #2494f2;
	text-align: center;
	border-radius:5px;
	width: 20%;
	float: left;
	color: #fff;
	margin-left: 5%;
	padding: 3%;
	margin-top: 20px;
	
}
p.edit{
	background-color: #2494f2;
	text-align: center;
	border-radius:5px;
	width: 20%;
	float: right;
	color: #fff;
	margin-right:5%;
	padding: 3%;
	margin-top: 20px;
}
p.edit a, p.view a{
	text-decoration: none;
	color: #fff;
	}


.two-form {
	padding: 2%;
	clear:both;
}
.two-form h2 {
	margin-top: 10px;
	color: #333;
	margin-left: 2%;
}
.two-form ol{
	list-style-type: none;	
	margin-top:15px;
}
.two-form ol li{
	width:25%;
	float:left;
	text-align:center;
	margin-top:15px;
}
.two-form ol li a{
	text-decoration:none;
	color:#444;
}
#form {
	width: 100%;
	padding-left: 2%;
	margin-bottom: 20px;
}
form input, form select, form textarea {
	-webkit-transition: all 0.30s ease-in-out;
  	-moz-transition: all 0.30s ease-in-out;
  	-ms-transition: all 0.30s ease-in-out;
  	-o-transition: all 0.30s ease-in-out;
  	outline: none;
  	padding: 3px 0px 3px 3px;
  	border: 1px solid #DDDDDD;
	color: #444;
	border-radius:3px;
}
form input:focus, form select:focus, form textarea:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  	padding: 3px 0px 3px 3px;
  	border: 1px solid rgba(81, 203, 238, 1);
}
#form p{
	margin: 10px 0;
	color: #384042;
}

#form p #file {
	float: left;
}
#form input.text {
	width: 90%;
	height: 30px;
	margin-top: 7px;
}
#form select{
	width:90.5%;
	height:35px;
	margin-top: 7px;
}
#form textarea  {
	width: 90%;
	margin-top: 7px;
}
#form #submit {
	background-color: #3CF;
	text-align: center;
	color: #FFF;
	padding: 12px 30px;
	cursor: pointer;
	font-size: 14px;
}

#form #submit:hover {
	background-color:#0096ff;
	
}
.two-form table {
	width: 90%;
	margin-top: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bbb;
	border-bottom-color: #bbb;
	border-left-color: #bbb;
	margin-left: 2%;
	background-color: #f0f0f0;
}
.two-form table tr td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #bbb;
	border-right-color: #bbb;
}
.two-form table tr th {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bbb;
}
.two-form table tr td, .two-form table tr th {
	padding:7px;
}
.two-form table tr td.delete{
	text-align:center;
}.two-form ul {
	list-style-type: none;
}
.two-form ul li {
	padding: 10px 0.7%;
	margin: 1%;
	float: left;
	width: 28%;
	background-color: #F00;
	text-align: center;
}
.two-form ul li a {
	text-decoration: none;
	color: #FFF;
}
.two-form ul li a.current {
	color: #ddd;
}