@import "AdminSystem.css";

*, table, ul{
	margin: 0; padding: 0;
}

body{
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 100%;
	background: #e7e7e7;
}
	a img{border: 0;}
	a {color: #090;}

	body.PopWin{

	}

/*	WRAPPER	*/
div#wrapper{
	margin: 0 auto;
	width: 922px;
	display:block;
	_width:850px;
	_margin-left:10%;
}
	#wrapper.inside{
		background: #fff;
		border: 1px solid #999;
		margin: 0 auto;
	}

/*	BANNER	*/
#banner{
	margin-top: 0; padding: 10px 0;
	background: url(../im/headingBG.gif) repeat-x #069;
	border-bottom: 1px solid #3d4720;
}
	#banner h1{
		color: #fff;
		font-family: Arial,sans-serif;
		padding: 5px 14px;
	}
	#banner a {
		color: #000;
		font-size: small;
		border: 1px solid #e7e7e7;
		background: #ccc;
		float: right;
		text-decoration: none;
		margin: 7px 10px;
		padding: 8px;
	}
		#banner a:hover{
			background: #999;
		}

/* CONTENT */

#content {
	text-align: left;
	width:100%;
	padding: 0px 0px 30px 0;
}
	#content p {
		padding:10px 0px;
	}

.homepage #content {
	text-align:center;
}

#content div#LoginArea, #content div#RegArea {
	width:290px;
	border: 1px solid #999;
	background: #fff;
	text-align:left;
	font-size: small;
	margin-left:20px
}

	#content div#LoginArea h1, #content div#RegArea h1, div#RegArea h1 {
		font-size: 12px;
		padding: 5px 10px;
		text-align:left;
		margin-bottom:15px;
		background: url(../im/headingBG.gif) repeat-x #069;
		border-bottom: 1px solid #999;
		color: #fff;
	}
	#content div#LoginArea #username{
		width: 200px;
	}
	#content div#LoginArea input {
		font-size: 10px;
		padding: 0 3px
	}
		#content div#LoginArea #LoginButton{
			font-size: 12px;
			padding: 0 3px
		}
	#content div#LoginArea p, #content div#RegArea p, #content div#RegArea li{
		padding: 0 10px;
	}
		#content div#LoginArea .register{
			margin: 15px 10px;
			display: block;
		}
	#content div#RegArea, div#RegArea {
		width:500px;
		background: #fff;
		padding-bottom: 10px;
		border: 1px solid #999;
		
		background: #fff;
		text-align:left;
		font-size: 10pt;
		margin-left:100px;
		margin-bottom:30px;
	}
		#content div#RegArea ul, div#RegArea ul {
			padding: 0px 10px;
		}

		div#RegArea .Notice { padding:10px; }

/*	CONTENT CONTENT!	*/
	#content .instructions{
		padding: 5px 14px;
		background: #677446;
		color: #e7e7e7;
		font-size: x-small;
		border-bottom: 1px solid #3d4720;
	}
		#content .instructions a{
			color: #d2ff00;
		}

	#content #main{
		padding: 5px 14px;
	}
		#content #main h1{
			border-top: 1px solid #ddd;
		}
		#content #main h1.jobTitle{
			background: #e7e7e7;
			padding: 5px 1px;
		}
			#content #main h1.jobTitle a{
				font-size: x-small;
			}

/*	Previous / Next Buttons	*/
.prevNext{
	margin-top: 1em;
}
	.prevNext input{
		color: #000;
		font-size: small;
		border: 1px solid #999;
		background: #ccc;
		text-decoration: none;
		margin: 7px 10px;
		padding: 8px;
	}
		.prevNext input.back:hover{background: url(../im/backBG.gif) no-repeat #ccc;}
		.prevNext input.next:hover{background: url(../im/nextBG.gif) no-repeat #ccc;}

/* TABLES */

#content table {
	font-size: 80%;
	margin: 0 0 10px 0;
	border-right: 1px solid #C1DAD7;
}
	#content table th {
		font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
		sans-serif;
		color: #fff;
		border-right: 1px solid #C1DAD7;
		border-bottom: 1px solid #C1DAD7;
		border-top: 1px solid #C1DAD7;
		letter-spacing: 2px;
		text-transform: uppercase;
		text-align: left;
		padding: 6px 6px 6px 12px;
		background: #00699d url(../im/bg_header.gif) repeat-x;
	}
		#content table th.nobg {
			border-top: 0;
			border-left: 0;
			border-right: 1px solid #C1DAD7;
			background: none;
		}
		#content table td.nos {
			border-left: 1px solid #C1DAD7;
			border-top: 0;
			background: #fff url(../im/bullet1.gif) no-repeat;
			font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
			sans-serif;
		}
		#content table td.middle{
			text-align: center;
		}
		#content table tr.alt td.nos {
			border-left: 1px solid #C1DAD7;
			border-top: 0;
			background: #f5fafa url(../im/bullet2.gif) no-repeat;
			font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
			sans-serif;
			color: #B4AA9D;
		}
		#content table td {
			border-right: 1px solid #C1DAD7;
			border-bottom: 1px solid #C1DAD7;
			background: #fff;
			padding: 6px 6px 6px 12px;
			color: #6D929B;
		}
		#content table tr.alt td {
			background: #F5FAFA;
			color: #B4AA9D;
		}

	#content table .txtCenter{
		text-align: center;
	}

	#content table tr.DescriptionRow td {
		background-color: #FFF8E3;
	}

	#content table tr td.skillDescription {
		padding-left:20px;
		background: #FFF8E3 url(../images/descriptionArrow.gif) top left no-repeat;
	}

		#content table tr td.skillDescription h3 {
			margin:0px;
			font-size:10px;
			text-decoration:underline;
		}
		#content table tr td.skillDescription p {
			font-size:12px;
			padding:0px;
		}
	#content table td a{
		color: #069;
	}

/* GRID BUILDER */

.pages {
	font-size: 80%;
	margin-right:20px;
	margin-top: 0px;
}

#texttab1 h1 {
	font-size: 14pt;
	margin-top:10px;
}

/* POP WIN */

.PopWin #wrapper {
	width: 90%;
	padding: 0px 0px;
	margin-left:0px;
	text-align: left;
}

	* html .PopWin #wrapper {padding: 0; margin: 0; margin-left:-15px;}



/* MISC */

.txtright{
	text-align:right;
	height: 45px;
	margin-bottom: 30px;
	}
	.txtright a{
		padding: 5px 12px 0 0;
		font-size: 75%;
		text-decoration: none;
		color: #000;
		text-transform: uppercase;
		font-weight: bold;
	}
		.txtright a:hover{
			text-decoration: underline;
		}
	.pages.txtright{
		padding: 3px 0 0 0;
		margin-right: 0;
		margin-bottom: 0;
	}
		.pages.txtright a{
			padding: 0 5px;
		}
		.pages.txtright strong{
			background: #97b700;
			border: 1px solid #999;
			color: #fff;
			padding: 0 5px;
		}

.txtCenter ( text-align:center; )
.txtLeft { text-align:left; }
.floatRight { float:right; }
.floatLeft { float:left; }
.Hidden { display:none; visibility:hidden; }
.nodots li{list-style-type: none;}

dl{margin-top: 0.5em;}
dt{font-weight: bold;}

.gbEditableBlob {
	border: 1px solid #ddd;
}
	.gbEditableBlob:hover {
		background: url(../im/commentsBG.gif) no-repeat #ff9 !important;
	}


/*** Job Role Folder Structure ***/
.JobRoleTreeContainer,.FolderTree{
	height:300px;
	overflow: auto;
	background: #FFF;
	padding: 14px;
	border-bottom: 1px solid #777;
}
.FolderTree a {
	font-size: 14px;
}
.FolderTree img {
	margin-bottom: -3px;
}


/*** Title Agree table ***/
table.titleagree{
	width: 100%;
	border: 1px solid #000;
}
	table.titleagree textarea{
		width: 450px;
		height: 95px;
	}
	table.titleagree td{
		margin: 0;
	}

#iCountGeneralComments{
	font-style: italic;
	color: #999;
	text-align: right;
}

div.org h1
{
	margin-bottom: -20px;
}

input.floatRight{
	font-size: large;
	padding: 3px 7px;
}


/* Steps system	*/
.Steps{
	margin: 0;
	height: 50px;
	display: block;
	background: #97b700;
	border-top: 1px solid #d2ff00;
	border-bottom: 1px solid #3d4720;
}
	.Steps .block{
		float: left;
	}
		.Steps .block.selected{
			background: url(../im/stepBG.gif) repeat-x transparent;
			color: #d2ff00;
		}
	.Steps .five .block{width: 134px; margin-right: 0; padding: 0 5px; border-right: 1px solid #000;}
		.Steps .five .block.long{width: 240px; margin-right: 0; padding: 0 5px; border-right: 1px solid #000;}
		.Steps .five .blockLast{float: left; width: 94px;margin-right: 0;}
	.Steps dt{
		font-size: 17px;
		font-weight: bold;
		text-align: left;
		padding-left: 10px;
	}
	.Steps dd{
		font-size: 10px;
		padding-top: 3px;
		padding-left: 10px;
		font-weight: bold;
		text-align: left;
		color: #333;
	}
		.Steps .block.selected dd{color: #d4ff0d; }
		.Steps select{font-size: xx-small;}
		.Steps input{font-size: 70%;}


/*	Background colours	*/
.d_yel{background: #fbf3d4;}
.grey{background: #ddd;}
.grey_dead{background: #ddd;}
	.grey_dead a{color: #aaa; text-decoration: line-through;}


/*	Page content	*/
.PageContent{

}
	.PageContent h1{
		font-size: 100%;
		padding: 5px 0 0 0;
		clear: both;
	}
	.PageContent h4{
		font-size: 90%;
		padding: 5px 0 0 5px;
		font-weight: normal;

	}
	.PageContent table a:link, .PageContent table a:visited{
		text-decoration: none;
		color: #069;
	}
		.PageContent table a:hover, .PageContent table a:active{
			text-decoration: underline;
			color: #000;
		}

/*	Popup Stuff	*/

#contentPopup #textcont1 {
	border: 0;
	font-size: x-small;
}
	#contentPopup #texttab1 h1{
		font-size: small;
	}
	#contentPopup #textcont1 table {
		width:485px;
	}
	#contentPopup #textcont1 table td{
		padding: 5px;
		background: #fff;
		font-size: x-small;
	}
	#contentPopup #comments table{
		font-size: x-small;
	}

	#contentPopup #textcont1 table td #iCountJobDescriptionComment{
		font-size: x-small;
		text-decoration: italic;
	}
	#contentPopup #comments{
		border-top: 1px solid #999;
		width:485px;
	}
	#contentPopup #descriptionsDetails{
		font-size: 12pt;
		display:block;
	}
	.commentHide textarea{
		border: 1px solid #555;
		padding: 6px;
		
	}
		.commentHide {
			font-size: xx-small;
			font-style: italic;
			color: #999;
			margin-bottom: 1em;
		}

/*	TABS	*/
.tabs{
	clear: both;
}


#main ul.tabbys{
	margin-left: 0px;
	list-style-type: none;
}
	#main ul.tabbys li{
		float: left;
		border: 1px solid #999;
		border-bottom:none;
		margin: 5px 2px;
		padding: 5px 10px 5px 10px;
		font-weight: bold;
		list-style-type: none;
		font-size:10pt;
	}
	#main ul.tabbys li.tabOn {
		background-color: #97B700;
	}
	#main ul.tabbys li.tabOn a { color: #000; }
		#main ul.tabbys li a{text-decoration: none;}
		#main ul.tabbys li.selected{/* background: url(../im/lickleTabsBG.gif) repeat-x transparent; */}
		#main ul.tabbys li.selected{/* background: url(../im/lickleTabsBG.gif) repeat-x transparent; */}


/*	FOOTER	*/
	#footer{
		padding: 5px 14px;
		background: #677446;
		color: #e7e7e7;
		font-size: x-small;
		border-top: 1px solid #3d4720;
	}
	
	
	/*	TABS	*/
.tabs{
	clear: both;
}

strong#step3ExtraMsg {
	display:block;
	margin-top:5px;
}

div#LoadingStep {
	height:200px;
	text-align:center;
	padding-top:40px;
}
	div#LoadingStep img { 
		display:block; 
		margin:10px auto;
	}
	


/* Styles for front login page and other htm pages off of that. 
*/
.frontLogin div#frontWrapper {
	margin:0 auto;
	width:922px;
	text-align: left;
	background-color:#FFF;
	border: 1px solid #999999;
}

.frontLogin div#topHeader {
	width:922px;
	height:68px;
	background-image: url('../images/HeaderBackground.jpg'); 
	background-repeat: repeat-x;
}
	.frontLogin div#topHeader h1 {
		font-family:arial; 
		font-size:32px;
		font-weight: bold; 
		padding:15px;
		color:#FFFFFF;
	}

.frontLogin #topSubHeader {
	width:906px;
	height:38px;
	background-image: url('../images/TopBarBack.jpg'); 
	background-repeat: repeat-x;
	padding:8px;
}
	
.frontLogin #frontWrapper #leftCol {
	margin-top:35px;
	padding:10px;
	width:70%; 
	float: left;
}
.frontLogin #frontWrapper #rightCol {
	margin: 50px 10px;
	width:24%; 
	float: left;
}

.frontLogin #frontWrapper #oneCol {
	margin-top:35px;
	padding:10px;
	float: left;
}

.frontLogin #frontFooter {
	clear:both;
	width:922px;
	height:83px;
	background-image: url('../images/FooterBackground.jpg'); 
	background-repeat: repeat-x;
	vertical-align:bottom; 
	text-align: center;
}

.frontLogin ul {
	list-style-type:none;
}
ul.bullets {
	list-style-type:disc;
	padding-left: 20px;
}
ul.frontList {
	margin-left: 30px; 
	list-style-type:disc;
}
/*If List spacing is wanted on the front page*/
/*.frontList li {
	margin-top:5px;
}*/