body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #E8E8E8;
}
body.mceContentBody {
	background: white;
}
img {
	border: none;
}

h1 {
	font-size: 24pt;
}

h2 {
	font-size: 12pt;
	text-align: left;
	padding: 5px;
	color: #444444;
}
input, select {
	font-size: 8pt;
}

a {
	cursor: pointer;
	color: #444444;
	text-decoration: none;
}
.clear {
	clear: both;
}

a:hover {
	color: #FFBA00;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
label.error { 
	float: none; color: red; padding-left: .5em; vertical-align: middle;
}
div#dev {
	width: 100%;
	height: 30px;
	background-color: #454545;
	display: block;
	position: fixed;
	color: #FFFFFF;
	z-index: 100;
	bottom: 0px;
	padding: 10px;
	vertical-align: middle;
	line-height: 30px;
}
div.devl2 {
	padding: 5px;
	margin: 5px;
	border: 1px Solid #CCCCCC;
	background-color: #EAEAEA;
}
div#wrapper {
	width: 100%;
	text-align: center;
	position:absolute;
	height: 100%;
}

div#menu-wrapper {
	text-align: center;

}

div#container {
	width: 980px;
	margin: auto;
	text-align: left;
	height: 100%;
}
div#left-bar {
	width: 200px;
	padding: 5px;
	float: left;
	height: 100%;
	background-color: #FFFFFF;
	border: 1px Solid #D1D2D4;
	margin: 5px 0 0 0;
}

div#main-content {
	width: 750px;
	padding: 5px;
	float: left;

	min-height: 500px;
	
	background-color: #FFFFFF;
	border: 1px Solid #D1D2D4;
	margin: 5px 0 0 5px;
}
div#logo-wrapper {
	background-color: #FFFFFF;
	background-image: url(../images/opl_02.jpg);
	background-repeat: repeat-x;
	text-align: left;
}
div#logo {
	width: 100px;
}

div#header-container {
	width: 980px;
	margin: auto;
}
div#header-options {
	float: right;
	display: block;
	background-color: #E1E1E1;
	padding: 5px;
	margin-top: 40px;
}
table.datagrid {
	text-align: left;
	font-size: 8pt;
	font-family: Arial;
}

table.datagrid td table {
	font-size: 8pt;
	text-align: center;
}
table.datagrid td {
	border: 1px Solid #CCCCCC;
	padding: 3px;
}
table.datagrid th {
	border: 1px Solid #CCCCCC;
	padding: 10px;
	background-color: #F8F8F8;
}
table.datagrid tr:hover td {
	background-color: #F8F8F8;
	color: #000000;
}
table.datagrid tfoot {
	background-color: #EAEAEA;
}

table.datagrid input.submit {
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
}

table.datagrid a, table.datagrid .submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

table.datagrid a:hover {
	background-color: #F4F4F4;
}

table.datagrid a.edit{
	background-image: url(../images/page_edit.png);
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
}
table.datagrid a.delete{
	background-image: url(../images/page_delete.png);
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
}
table.datagrid a.save, table.datagrid .submit{
	background-image: url(../images/tick.png);
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
}
table.datagrid a.cancel{
	background-image: url(../images/cross.png);
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
}

table.datagrid a.browse {
	background-image: url(../images/imgfolder.gif);
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
}
table.datagrid a.refresh {
	background-image: url(../images/arrow_refresh.png);
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
}
table.datagrid a.next {
	background-image: url(../images/next.png);
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
}
table.datagrid a.prev {
	background-image: url(../images/previous.png);
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
}
table.datagrid a.first {
	background-image: url(../images/first.png);
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
}
table.datagrid a.last {
	background-image: url(../images/last.png);
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
}

table.datagrid .imagearea {
	text-align: center;
	vertical-align: middle;
}

table.datagrid .imagearea img {
	border: 1px Solid #CCCCCC;
	text-align: center;
	display: inline-block;
}

a.yes {
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
	background-image: url(../images/tick.png);
}
a.no {
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
	background-image: url(../images/cross.png);
}

a.new {
	text-align: center;
	border: 2px Solid #D8D8D8;
	background-color: #FFFFFF;
	padding: 5px 20px 5px 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: 3px;
	cursor: pointer;
	margin: 1px;
	background-image: url(../images/page_add.png);
}
.admin-table {
	width: 90;
	border: 1px Solid #D1D2D4;
	background-color: #FFFFFF;
	background-position: bottom;
	padding: 5px;
	border-collapse: separate;
	font-family: Arial;
	font-size: 10pt;
	
}


.admin-table th {
	border: 1px Solid #DADADA;
	background-color: #EAEAEA;
	margin: 1px;
	text-align: left;
	padding: 5px;
	text-transform: capitalize;
	color: #444444;
	border-top: 2px Solid #CCCCCC;
}
.admin-table th h1 {
	font-size: 12pt;
	font-weight: bold;
	color: #1A365C;

}

.admin-table td {
	border: 1px Solid #DADADA;
	width: 100%;
}
div#account-info {
	float: left;
	width: 80px;
}
div.tools-box {
	width: 100px;
	height: 90px;
	border: 1px Solid #EAEAEA;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	margin: 3px;
	float: left;
	cursor: pointer;
	font-size: 8pt;
	color: #444444;
	display: block;
}
div.tools-box:hover {
	background-color: #F8F8F8;
}

div.tools-box:hover img{
	padding-top: 7px;

	
}

div.tools-box img {
	padding: 5px;
}
div#file-manager {
	border: 1px Solid #DADADA;
	padding: 5px;
	width: 740px;
}
div#folder-root {
	background-color: #EAEAEA;
	padding: 5px;
	width: 170px;
	border: 1px Solid #DADADA;
}
div#explorer-sidebar {
	float: left;
}
div#folder-content {
	padding: 5px;
	margin: 0 3px 0 3px;
	float: left;
	border: 1px Solid #DADADA;
	width: 540px;
}
div#file-view {
	background-color: #FFFFFF;
	padding: 5px;
	width: 170px;
	border: 1px Solid #DADADA;
	text-align: center;
	background-image: url(../images/ct_08.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
div#file-view img {
	border: 1px Solid #DADADA;
	margin: 5px;
}
div#file-view h1 {
	font-size: 8pt;
	font-weight: bold;
}
div.file-box {
	width: 115px;
	height: 100px;
	border: 1px Solid #EAEAEA;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	margin: 3px;
	float: left;
	cursor: pointer;
	font-size: 8pt;
	color: #444444;
	display: block;
	overflow: hidden;
}
div.file-box:hover {
	background-color: #F8F8F8;
}
div.file-box:hover img{
	padding-top: 7px;

}

div.file-box img {
	padding: 5px;
}