/*
Client: Codehook
Author: Lee Turver
Site: http://www.codehook.com/
*/

body {
	margin: 0;
	padding: 0;
	background: url('../images/bg_top.png') top left repeat-x #99c0c5;
	font-family: Tahoma, Verdana;
	color: #9a9a9a;
	font-size: 12px;
}

a.green {
	color: #8de00a;
	text-decoration: none;
	font-weight: bold;
}
a.o-link { font-weight: bold; color: #ff6633; }
.friendsList { color: #8de00a; font-weight: bold; }
.friendsList a { color: #8de00a; font-weight: bold; text-decoration: none; }
h4 { color: #8de00a; }

html {
	overflow-y: scroll;
}

img { 
	border: 0;
}

div#container {
	width: 910px;
	margin: 0 auto;
	background: #fff;
}

	div#header {
		width: 100%;
		height: 145px;
		float: left;
		position: relative;
		background: url('../images/bg_top.png') top left repeat-x #99c0c5;

	}

		div#header div#logo {
			width: 245px;
			height: 105px;
			position: absolute;
			left: 0;
		}

		div#header div#statistics {
			width: 665px;
			height: 105px;
			text-align: right;
			float: right;
		}
			div#header div#statistics div.stats {
				width: 250px;
				height: 105px;
				text-align: left;
				float: right;
				margin-top: 30px;
				margin-right: 25px;
			}
		
		div#header div#statistics h2 {
			color: #8de00a;
			font-size: 8pt;
			margin: 0;
			padding-bottom: 5px;
		}
		div#header div#statistics p {
			color: #9cbec7;
			font-size: 8pt;
			margin: 0;
		}
		div#header div#statistics span, div#header div#statistics a {
			color: #8de00a;
			text-decoration: none;
		}

div#content {
	width: 910px;
	height: 100%;
	background: url('../images/main_bg.png') top left repeat-y;
	float: left;
}	

div#footer {
	background-image: url('../images/footer.png');
	width: 910px;
	margin: 0 auto;
	height: 179px;
	color: #1677ED;
}

ul#leftnav {
	font-size: 10px;
	margin: 0;
	padding: 0;
	margin-top: 7px;
	margin-right: 20px;
}
	ul#leftnav li {
		list-style-type: none;
		display: block;
		margin: 0;
	}
		ul#leftnav li a:link, ul#leftnav li a:visited {
			background-color: inherit;
			color: #051B34;
			text-decoration: none;
			display: block; 
			height: 16px;
			padding: 4px 0 3px 20px;
		}
		ul#leftnav li a:hover, ul#leftnav li a:active, ul#leftnav li a.selected {
			background:	#99c0c4 url('../images/nav_hoverbg.png') left repeat-y;
			display: block;
			height: 16px;
			color: #FFFFFF;
		}

div#cLeft {
	width: 150px;
	float: left;
	padding-top: 10px;
}

div#cLeft h2 {
	margin: 0;
	padding-left: 20px;
	font-size: 9pt;
	color: #8de008;
}

div#cRight {
	float: left;
	width: 750px;
	padding: 5px;
	position: relative;
}

	div#cRight div.ccp {
		width: 100%;
		height: 50px;
		float: right;
		margin-right: 25px;
		background: url('../images/CCP_logo.png') right no-repeat;
	}

	div#cRight h1 {
		background: url('../images/dot_bg.gif') bottom repeat-x;
		color: #90a846;
		font-size: 16px;
		font-family: Arial;
		padding-bottom: 3px;
	}

	div#cRight h1 span {
		color: #99c0c5;
	}

	div#cRight h2 , div#cRight h2 a{
		text-decoration: none;
		color: #8de008;
		font-size: 10pt;
		font-family: Arial;
		margin: 0;
	}
	
	div#cRight h5 , div#cRight h5 a{
		text-decoration: none;
		font-size: 9pt;
	}

	div#cRight p.postedby {
		margin: 0;
		/*color: #999;
		font-size: 9pt;*/
		color: #CCCCCC;
		font-size: 11px;
		/*margin-left: 5px;*/
		font-family: Tahoma;
	}
	
	div#cRight p.postedby a {
		color: #98bfc4;
		text-decoration: none;
	}
	
	div#cRight p.comments, div#cRight p.comments a {
		text-decoration: none;
		text-align: right;
		margin: 0;
		color: #98bfc4;
		font-size: 10pt;
		font-family: Arial;
		padding-right: 50px;
		margin-bottom: 10px;
	}

	.splitter {
		width: 100%;
		border-top: 1px solid #ccc;
	}

/* Form Styling */

.link { cursor:	pointer; }

div#aForm {
	width: 600px;
	margin-left: 50px;
}

	div#aForm a {
		color: #8be208;
		text-decoration: none;
	}

	div#aForm form fieldset {
	  clear: both;
	  width: 600px;
	  font-size: 100%;
	  border-color: #d2d2d2;
	  border-width: 1px;
	  border-style: solid none none none;
	  padding: 10px;
	  margin: 0 0 0 0;
	}

	div#aForm form fieldset legend {
	  font-size: 150%;
	  font-weight: normal;
	  color: #90a846;
	  margin: 0 0 0 0;
	  padding: 0 5px;
	}

	div#aForm form div {
		clear: left;
		display: block;
		margin: 5px 0 0 0;
		padding: 1px 3px;
		font-family: Tahoma;
		font-size: 8pt;
	}

	div#aForm form div fieldset {
		clear: none;
		margin: 0 0 0 20%;
		padding: 0 5px 5px 5px;
		width: 90%;
	}

	div#aForm form div label {
		display: block;
		float: left;
		width: 150px;
		padding: 3px 5px;
		margin: 0 0 5px 0;
		text-align: right;
	}
	
	div#aForm form div label.username {
		display: block;
		float: left;
		width: 250px;
		padding: 3px 5px;
		margin: 0 0 5px 0;
		text-align: left;
	}

	div#aForm form div textarea {
		width: 160px;
		padding: 1px 3px;
		margin: 0 0 0 0;
		font-family: Tahoma;
		font-size: 8pt;
	}

	div#aForm form div input.inputText {
		width: 160px;
		padding: 1px 3px;
		margin: 0 0 0 0;
		font-family: Tahoma;
		font-size: 8pt;	  
	}	
	
	div#aForm form div.submit div {
	  display: inline;
	  float: right;
	  text-align: left;
	  width: auto;
	  padding: 0;
	  margin: 0;
	}
	
	div#aForm .TextArea { background: #fff; border: solid 2px #bdee6d; padding: 6px; font-size: 12px;}


	div#aForm form div small {
	  display: block;
	  margin: 5px 0 5px 105px;
	  padding: 1px 3px;
	  font-size: 80%;
	}
	
	div#aForm p.val {
		margin: 0;
		padding: 0;
		padding-top: 3px;
		font-weight: bold;
	}


div#eForm {
	width: 550px;
	margin-left: 50px;
}

	div#eForm a {
		color: #8be208;
		text-decoration: none;
	}

	div#eForm form fieldset {
	  clear: both;
	  width: 550px;
	  font-size: 100%;
	  border-color: #d2d2d2;
	  border-width: 1px;
	  border-style: solid none none none;
	  padding: 10px;
	  margin: 0 0 0 0;
	}

	div#eForm form fieldset legend {
	  font-size: 150%;
	  font-weight: normal;
	  color: #90a846;
	  margin: 0 0 0 0;
	  padding: 0 5px;
	}

	div#eForm form div {
		clear: left;
		display: block;
		margin: 5px 0 0 0;
		padding: 1px 3px;
		font-family: Tahoma;
		font-size: 8pt;
	}

	div#eForm form div fieldset {
		clear: none;
		margin: 0 0 0 20%;
		padding: 0 5px 5px 5px;
		width: 90%;
	}

	div#eForm form div label {
		display: block;
		float: left;
		width: 80px;
		padding: 3px 0px;
		margin: 0 0 0px 0;
		text-align: left;
	}
	
	div#eForm form div label.username {
		display: block;
		float: left;
		width: 250px;
		padding: 3px 5px;
		margin: 0 0 5px 0;
		text-align: left;
	}

	div#eForm form div textarea {
		width: 160px;
		padding: 1px 3px;
		margin: 0 0 0 0;
		font-family: Tahoma;
		font-size: 8pt;
	}

	div#eForm form div input.inputText {
		width: 465px;
		padding: 5px 3px;
		margin: 0 0 0 0;
		font-family: Tahoma;
		font-size: 8pt;	  
	}	
	
	div#eForm form div.submit div {
	  display: inline;
	  float: right;
	  text-align: left;
	  width: auto;
	  padding: 0;
	  margin: 0;
	}
	
	div#eForm .TextArea { background: #fff; border: solid 2px #bdee6d; padding: 6px; font-size: 12px;}


	div#eForm form div small {
	  display: block;
	  margin: 5px 0 5px 105px;
	  padding: 1px 3px;
	  font-size: 80%;
	}


div#HwGuid {
	width: 450px;
}

	div#HwGuid a {
		color: #8be208;
		text-decoration: none;
	}

	div#HwGuid form fieldset {
	  clear: both;
	  width: 450px;
	  font-size: 100%;
	  border-color: #d2d2d2;
	  border-width: 1px;
	  border-style: solid none none none;
	  padding: 10px;
	  margin: 0 0 0 0;
	}

	div#HwGuid form fieldset legend {
	  font-size: 150%;
	  font-weight: normal;
	  color: #90a846;
	  margin: 0 0 0 0;
	  padding: 0 5px;
	}

	div#HwGuid form div {
		clear: left;
		display: block;
		margin: 5px 0 0 0;
		padding: 1px 3px;
		font-family: Tahoma;
		font-size: 8pt;
	}

	div#HwGuid form div fieldset {
		clear: none;
		margin: 0 0 0 20%;
		padding: 0 5px 5px 5px;
		width: 90%;
	}

	div#HwGuid form div label {
		display: block;
		float: left;
		width: 150px;
		padding: 3px 5px;
		margin: 0 0 5px 0;
		text-align: right;
	}
	
	div#HwGuid form div label.username {
		display: block;
		float: left;
		width: 250px;
		padding: 3px 5px;
		margin: 0 0 5px 0;
		text-align: left;
	}

	div#HwGuid form div textarea {
		width: 160px;
		padding: 1px 3px;
		margin: 0 0 0 0;
		font-family: Tahoma;
		font-size: 8pt;
	}

	div#HwGuid form div input.inputText {
		width: 160px;
		padding: 1px 3px;
		margin: 0 0 0 0;
		font-family: Tahoma;
		font-size: 8pt;	  
	}	
	
	div#HwGuid form div.submit div {
	  display: inline;
	  float: right;
	  text-align: left;
	  width: auto;
	  padding: 0;
	  margin: 0;
	}

	div#HwGuid form div small {
	  display: block;
	  margin: 5px 0 5px 105px;
	  padding: 1px 3px;
	  font-size: 80%;
	}
	
	div#HwGuid p.val {
		margin: 0;
		padding: 0;
		padding-top: 3px;
		font-weight: bold;
	}
	
div.suggestionsBox {
	position: absolute;
    left: 227px;
    width: 160px;
    background-color: #99c0c5;
	color: #fff;
}

div.suggestionList {
    margin: 0px;
    padding: 0px;
}

	div.suggestionList li {
		list-style: none;
	    margin: 0px 0px 3px 0px;
	    padding: 3px;
	    cursor: pointer;
	}

	div.suggestionList li:hover {
	    background-color: #adcdd1;
	}
div#AccountInfo a {
	color: #9a9a9a;
}

div#AccountInfo div.label {
	display: block;
	float: left;
	width: 150px;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	text-align: right;
	color: #8de00a;
}

div#AccountInfo div.text {
	display: block;
	float: left;
	width: 400px;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	text-align: left;
}	

div#AccountInfo div ul {
	margin: 0;
	list-style: none;
	padding: 0;
	font-weight: bold;
}	

	div.List ul {
		padding: 0px; 
		margin: 0px; 
	}

	div.List li {
		position: relative; 
		padding: 35px 5px 10px 5px; 
		margin: 0px 0px 20px 0px; 
		list-style-type: none;
	}

	div.List .ComListLi { 
		background: #dbf0f3; 
		/* c4f86f */
	}

	div.List div.ComListLiTop { 
		position: absolute; 
		height: 50px; 
		left: 0px; 
		top: 0px; 
		padding: 10px 0px 0px 0px;
	}
	
	div.ComListLiTop {
		width: 100%;
	}

	div.List big { 
		margin: 0px; 
		padding: 2px 0px 2px 25px; 
		font-size: 18px; 
		line-height: 14px; 
		letter-spacing: -1px; 
		color:#7cc20d; 
		font-weight: bold; 
		display: block; 
		font-family: 'Arial';
	}

	div.List small { 
		color:#7cc20d; 
		padding: 2px 0px 2px 25px; 
		margin: 0px; 
		font-size: 11px; 
	}

	div.List small a { 
		color:#7cc20d; 
		text-decoration: none;
	}

	div.List .ListContent { 
		margin: 15px 0px 0px 0px; 
		padding: 5px 10px; 
		font-size: 11px; 
		line-height: 15px; 
		background: #fff; display: block;
	}
	
div.Comments  { margin-right: 50px; }
div.Comments div.Form { padding: 10px 15px 15px 15px; position: relative;}
div.Comments div.Form form {margin: 0px; padding: 0px;}
div.Comments div.Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#330000; }
div.Comments div.Form p small { font-size: 13px; display: block; padding: 5px 0px; color: #8de008; font-weight: bold;}
div.Comments div.Form .TextArea { background: #fff; border: solid 2px #bdee6d; padding: 6px; font-size: 12px;}
div.Comments div.Form input.SubmitComment { width: 138px; height: 20px; background: url('../images/PostComment.png') no-repeat; margin-top: 8px;}
div.Comments div.Form input.SubmitComment:hover { background: url('../images/PostComment.png') no-repeat 0 -20px; margin-top: 8px;}

.tableHeading { 
	font-size: 11px; 
	font-weight: bold; 
	color: #fff; 
	padding: 7px 0px 7px 0px; 
	background: #99c0c5;
}
tr.failed td.tableCell { color: #ff0000; }
.tableCell { 
	color: #333; 
	padding: 6px 10px 6px 6px; 
	background: #fff; 
}
.LogCell { 
	color: #333; 
	padding: 6px 0px 6px 0px; 
	background: #fff; 
}
.LogCellBad { 
	color: #333; 
	padding: 6px 0px 6px 6px; 
	background: #fce0e0; 
}
.LogCellGood { 
	color: #333; 
	padding: 6px 0px 6px 6px; 
	background: #d5fecf; 
}

tr.alt td {
	background-color: #ecf6fc;
}

div#PendingLeft {
	width: 250px;
	float: left;
}
	
	div#PendingLeft div.Item {
		margin-bottom: 25px;
		padding-bottom: 25px;
		border-bottom: 1px dashed #999;
	}
	div#PendingLeft div.Item p{
		padding: 0px; margin: 0px;
	}
	div#PendingLeft div.Item strong{
		color: #8de00a;
	}
	div#PendingLeft div.Item span{
		color: #9cbec7;
		font-weight: bold;
	}
	div#PendingLeft div.Item p.options, div#PendingLeft div.Item a{
		font-size: 8pt;
		font-weight: bold;
		padding-left: 5px;
		margin-top: 5px;
		text-decoration: none;
		color: #9a9a9a;
	}

div#PendingRight {
	width: 475px;
	float: left;
}

div#UserComments div.comment {
	width: 100%;
	border-bottom: 1px dashed #ccc;
}

div#UserComments div.comment h2 {
	font-weight: bold;
	font-size: 10pt;
	color: #8de00a;
}

.messagebox{
 position:absolute;
 width:100px;
 margin-left:30px;
 border:1px solid #c93;
 background:#ffc;
 padding:3px;
}
.messageboxok{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}

div#rsvErrors {
	padding: 10px;
	background-color: #ffffcc;
	border: 1px solid #aa0000;
	color: #aa0000;
	display: none;
}

div.successMessage {
	padding: 0px;
	background-color: #f3fce6;
	border: 1px solid #8be208;
	font-weight: bold;
	margin-bottom: 10px;
	clear: both;
	color: #333;
}
	div.successMessage p { margin-left: 10px; }
	
div.warningMessage {
	padding: 0px;
	background-color: #f9e1ce;
	border: 1px solid #e06909;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
	color: #333;
}
	div.warningMessage p { margin-left: 10px; }

div.rsvErrors {
	padding: 10px;
	background-color: #ffffcc;
	border: 1px solid #aa0000;
	color: #aa0000;
	display: none;
}
	div.rsvErrors p { margin-left: 10px; }

div.srvErrors {
	padding: 10px;
	background-color: #ffffcc;
	border: 1px solid #aa0000;
	color: #aa0000;
	margin-bottom: 10px;
	clear: both;
}
	div.srvErrors p { margin-left: 10px; }
	
table.newsTable a {
	color: #8de00a;
	text-decoration: none;
	font-weight: bold;
}


div.faqQ { 
	width: 730px;
	background: url('../images/dot.gif') bottom repeat-x;
	padding-bottom: 5px;
	padding-top: 5px;
}

div.faqQ a { text-decoration: none; color: #9a9a9a; }
div.faqQ a:hover { font-weight: bold; }

div.faqlist { padding-top: 10px; padding-bottom: 20px; }

/* Log Table */

.logTable th { background: #99c0c5; padding: 5px; color: #fff; }
.logTable td { font-size: 8pt; padding: 5px; }
.logTable td.action { font-weight: bold; }
.logTable td a.more { color: #ff6633!important; font-weight: bold; }

.search_form {
	width: 700px;
	border: 1px solid #CCC;
	background: #F6F6F6;
	padding: 10px;
	margin: 0;
}

.pagination {
	padding: 3px 5px 3px 5px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 8px;
	border: 1px solid #CCC;
	background: #EEE;
}
	.pagination a { color: #ff6633; }
	
table#trackerTable th { 
	text-align: left; 
	cursor: pointer;
}
td.assignedUser {
	color: #e06909;
}