/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #000000 url(images/img01.jpg) repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
}

h1, h2, h3 {
	margin: 10;
	padding: 0;
	font-weight: normal;
	color: #3E3530;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.8em;
}

h3 {
	font-size: 1.6em;
    text-decoration:underline
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #3E3530;
}

a:hover {
}

#wrapper {
	margin: 0 auto;
	padding: 0;
}

/* Header */

#header {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	padding: 20px 0px 0px 30px;
	background: url(images/img02.jpg) no-repeat left top;
}

/* Logo */

#logo {
	margin: 0;
	padding: 0;
	color: #000000;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	letter-spacing: -1px;
	font-size: 3.8em;
}

#logo p {
	margin: 0;
	padding: 0px 0 0 2px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #FFFFFF;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Search */

#search {
	float: left;
	width: 240px;
	height: 30px;
	padding: 20px 0px 0px 0px;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 10px 0 0 50px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 120px;
	padding: 6px 5px 2px 5px;
	border: 1px solid #DEDEDE;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5D781D;
}

#search-submit {
	width: 50px;
	height: 22px;
	border: none;
	background: #B9B9B9;
	color: #000000;
}

/* Menu */

#menu {
	width: 980px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 50px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	width: 130px;
	height: 30px;
	margin-right: 1px;
	padding: 9px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
}

#menu .current_page_item a {
	padding-left: 0;
}

/* Page */
#page {
	width: 1200px;
	margin: 0 auto;
	background: url(images/img04.jpg) repeat-y left top;
	padding: 0px;
}

#page-bgtop {
	background: url(images/img03.jpg) no-repeat left top;
}

#page-bgbtm {
	background: url(images/img05.jpg) no-repeat left bottom;
}

/* Content */
#content {
	float: right;
	width: 950px;
	padding: 20px 10px 0px 0px;
}

.post {
	border-bottom: 1px dotted #E7E2DC;
}

.post .title {
	letter-spacing: -.5px;
	padding: 20px 10px 0px 30px;
	font-size: 30px;
}

.post .title a {
	color: #3E3530;
	border: none;
}

.post .meta {
	margin-bottom: 30px;
	padding: 0px 30px 0px 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

.post .meta .date {
	float: left;
}

.post .meta .posted {
	float: right;
}

.post .meta a {
}

.post .entity {
	padding: 10px 30px 20px 30px;
	margin: 10px;
	padding-bottom: 10px;
	text-align: justify;
    border-style:solid;
    border-width:1px;
    border-radius: 15px;
}

.post .row {
	padding: 0px 30px 30px 00px;
	padding-bottom: 20px;
	text-align: justify;
}

.post .row .label {
    font-weight:bold;
}

.links {
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
}

.buttons {
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
}

.adminTable {
	width: 100%;
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: WhiteSmoke ;
}

.adminTable th {
	border-width: 1px;
	padding: 5px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 10px;
}

.adminTable td {
	border-width: 1px;
	padding: 5px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 10px;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #787878;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 0px;
	padding-left: 25px;
	padding-bottom: 15px;
}

#sidebar li li {
	line-height: 30px;
	margin: 0px 30px;
	padding: 0px 0px 0px 15px;
	border-left: none;
	background: url(images/img07.jpg) no-repeat left 12px;
}

#sidebar li ul li ul li{
	line-height: 30px;
	margin: 0px -20px;
	padding: 0px 0px 0px 15px;
	border-left: none;
	/* background: url(images/img07.jpg) no-repeat left 12px; */
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	height: 46px;
	padding-top: 13px;
	padding-left: 50px;
	margin-bottom: 10px;
	background: url(images/img06.jpg) no-repeat left 4px;
	letter-spacing: -.5px;
	font-size: 1.8em;
	color: #696969;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 30px 20px 50px;
	text-align: justify;
}

#sidebar a {
	border: none;
	color: #4D4D4D;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #8A8A8A;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	height: 50px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color: #A0A0A0;
}

#footer a {
	color: #8A8A8A;
}



/* Custom CSS */

.success {
    color: ForestGreen;
	padding: 10px 30px 20px 30px;
	margin: 10px;
	padding-bottom: 10px;
	text-align: justify;
    border-style:solid;
    border-width:1px;
    border-radius: 15px;

}

.errorMsg {
    color: Red;
	padding: 10px 30px 20px 30px;
	margin: 10px;
	padding-bottom: 10px;
	text-align: justify;
    border-style:solid;
    border-width:1px;
    border-radius: 15px;
}


.error {
    color: Red;
}

.hasError {
    border: 1px solid red;
}

.actions {
    white-space: nowrap;
}

.stepRow {outline: thin solid black; height:25px;}
.taskRow {border-right: thin solid black; }
.taskRowLineBottom {border-bottom: thin solid black;}
.taskTable td {padding-left:6px}

.flowHeaderTable td {
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: gray;

-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-align:center;
min-width:53px;
}

.rounded-button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid gray;
padding:2px 8px 2px 8px;
display:inline-block;
text-decoration:none;
text-align:center;
font-size: 12px;
font-weight: bold;
background:#222222;
color:#FFFFFF;
cursor:pointer;
font:11px sans-serif;
min-width:35px;

}

.rounded-button:hover {
text-decoration:none;
color:#000000;
background:#FFFFFF;
cursor:pointer;
border:1px solid gray;
}

/* For div */

ERROR{
    color:Red;
	text-align: center;
}

OK{
    color:Green;
	text-align: center;
}

/* For tables */

td.BLOCKED{
color:#FFFFFF;
background: DarkOrange;
	text-align: center;
}

td.UNKNOWN{
color:#FFFFFF;
background: Red;
	text-align: center;
}

td.ERROR{
color:#FFFFFF;
background: Red;
	text-align: center;
}

td.IN_PROGRESS{
color:#FFFFFF;
background: DarkOrange;
	text-align: center;
}

td.COMPLETED{
color:#FFFFFF;
background: Green;
	text-align: center;
}

td.ACCEPTED{
color: Black;
background: Chartreuse;
	text-align: center;
}

td.SATISFIED{
color: Black;
background: Chartreuse;
	text-align: center;
}

td.WAITING{
color: Black;
background: Snow;
	text-align: center;
}

td.AVAILABLE{
color: Black;
background: Snow;
	text-align: center;
}

td.OVERDUE{
color:#FFFFFF;
background: Red;
	text-align: center;
}

td.OK{
color:Green;
	text-align: center;
}


td.WARN {
color: #A80000;
	text-align: center;
}

td.WARNING {
color: #FFA500;
	text-align: center;
}

td.INFO {
color: #888888 ;
	text-align: center;
}

td.FEEDBACK {
color: #33CC33;
	text-align: center;
}

td.NA {
visibility: hidden;
}

td.ONLINE {
    color: #33CC33;
	text-align: center;
}

td.OFFLINE {
    color: #A80000;
	text-align: center;
}

td.DISABLED {
	text-align: center;
    color: #A80000;
}

td.READY {
	text-align: center;
    color: Green;
}

td.PROCESSING {
	text-align: center;
    color: #33CC33;
}

td.TRANSFERRING {
	text-align: center;
    color: #33CC33;
}

td.CANCELLED {
 	text-align: center;
    color: #FFA500;
}

td.PARKED {
	text-align: center;
    color: #FFA500;
}

td.QUEUED {
    text-align: center;
    color: DarkOrange;
}

/* condition for screen size minimum of 500px */
@media (max-width:1000px) {

	#page {
		width: 950px;
	}

	#content {
		width: 700px;
	}

}