/*

COLOUR SCHEME
#f9fdf6     : very pale green used on body background
#efefef     : pale green/grey
#e4eccc     : pale green
#719819     : medium green
#ccebba     : bright green
#78ca48     : neon green
#8db84c     : click on help green

#614d56     : dark green/grey
#555555     : medium grey
#9e8994     : light biege/grey

#d55065     : light red

#755e69     : light brown
#7d656f     : medium brown
*/

* { margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%;  background: #f9fdf6; font: 11pt Helvetica, Arial, sans-serif; }
/**
 * This is the Holly Hack For Win IE's eyes only
 */
* html .wrap { height: 1% }
/**
 * Header
 */
#header {
	background: white url('../images/thinLogo.jpg') no-repeat;
	height: 115px;
}
/**
 * Footer
 */
#footer {
	height: 25px;
	border-top: 2px solid #555555;
	background: #7d656f;
	padding-top: 20px;
	margin-bottom: 20px;
	color: white;
	text-align: center;
}
#footer a { color: white; text-decoration: none; }
#footer a:hover { color: white; text-decoration: underline; }
/**
 * HEADINGS
 */
h1 { font-weight: normal; font-size: 18pt; color: #614d56; }
h2 { font-weight: normal; font-size: 16pt; color: #d55065; margin-bottom: 15px; }
h3 { font-size: 11pt; color: #719819; }
h3 a { text-decoration: none; color: #719819; }
h4 { font-weight: bold; font-size: 12pt; color: #755e69; font-style: italic; }
h5 { font-weight: bold; font-size: 10pt; color: #755e69; font-style: italic; }
h6 { font-weight: normal; font-size: 10pt; color: #755e69; }
.h7 { font-weight: normal; font-size: 13pt; color: #d55065; margin-bottom: 15px; }
/**
 * CONTAINER STYLING
 */
 .fl { float: left; }
 .fr { float: right; }
 .cb { clear: both; }
/**
 * TEXT STYLING
 */
.textleft { text-align: left; }
.textright { text-align: right; }
.textcentre { text-align: center; }
.normal { font: 11pt Helvetica, Arial, sans-serif; color: black; }
.attribution { font-size: 8pt; font-style: italic; }
.title { font-weight: bold; font-size: 9pt; }
.summary { font-size: 8pt; padding-top: .5em; }
.sortby { font-size: 10pt; color: #d55065; background: #e4eccc; padding-left: 5px; padding-right: 5px; }
.alternate { background: #f9fdf6; }
.unavailable { color: #ccc; }
.question {
	padding: .5em 1em .5em 1.5em;
	font-weight: normal;
	color: #755e69;
	text-align: left;
	background: #f1f1f1;
}
.msgInfo { background: url('../images/information.gif') no-repeat; padding-left: 20px; line-height: 16px; }
#error_msg { background: url('../images/exclamation.gif') no-repeat; padding-left: 20px; margin-top: 10px; line-height: 16px; color: #d55065; }
.qippsTip {
	background: #ffffcc url('../images/lightbulb.gif') no-repeat 10px 10px;
	padding: 10px 10px 10px 30px;
	border: 1px solid #719819;
	font-size: 8pt;
}
.qippsInfo {
	background: #ffffcc url('../images/exclamation.gif') no-repeat 10px 10px;
	padding: 10px 10px 10px 30px;
	border: 1px solid #719819;
	font-size: 8pt;
}
.qippsWarning {
	background: #fee url('../images/exclamation.gif') no-repeat 10px 10px;
	padding: 10px 10px 10px 30px;
	border: 2px solid #cc0000;
	font-size: 8pt;
}
.goalrow { background: #e4eccc; }
.objectiverow { background: #efefef; }
.strategyrow { background: #f9fdf6; }
.taskrow { background: #fff; }
/**
 * LINK STYLING
 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.clickonhelp { color: #8db84c; text-decoration: none; font-weight: bold; font-style: italic; }
.saveLink { background: url('../images/page_edit.gif') no-repeat; padding-left: 20px; line-height:20px; color: #8db84c; font-weight: bold; }
.cancelLink { background: url('../images/book_previous.gif') no-repeat; padding-left: 20px; line-height:20px; color: #8db84c; font-weight: bold; }
.editLink { background: url('../images/page_edit.gif') no-repeat; padding-left: 20px; line-height:20px; color: #8db84c; font-weight: bold; }
.exportLink { background: url('../images/page_go.gif') no-repeat; padding-left: 20px; line-height:20px; color: #8db84c; font-weight: bold; }
.copyLink { background: url('../images/page_copy.gif') no-repeat; padding-left: 20px; line-height:20px; color: #8db84c; font-weight: bold; }
.deleteLink { background: url('../images/page_delete.gif') no-repeat; padding-left: 20px; line-height:20px; color: #8db84c; font-weight: bold; }
.auditLink { background: url('../images/page_red.gif') no-repeat; padding-left: 20px; line-height:20px; color: #8db84c; font-weight: bold; }
.viewLink { background: url('../images/eye.gif') no-repeat; padding-left: 20px; line-height:20px; color: #8db84c; font-weight: bold; }
.selectLink { color: #8db84c; font-weight: bold; }
/**
 * FORM STYLING
 */
textarea, input, select {
	background: #f9fdf6;
	border: 1px solid #b2b2b2;
	color: black;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 3px;
}
input { padding-top: 1px; }
textarea { height: 120px; width: 700px; }
input:focus, textarea:focus, label:focus { background: white; }
option { padding-left: 8px; margin-right: 20px; }
.inputError { 	border: 1px solid #d55065; background: #ffffd7 }
.inputNormal {	}
.buttons { background: #f9fdf6; border: 1px solid #7d656f; color: #d55065; }
.radios { border:none; background: white; padding-right: 10px; }
form label { font-weight: bold; color: #755e69; padding-right: .4em; }
/**
 * TAB MENU
 */
#adminmenu { background: #7d656f; border-top: 3px solid #555555; margin: 0; padding: .2em .2em .2em 2em; }
#adminmenu .current, #submenu .current { font-weight: bold; }
#adminmenu a { color: #fff; font-size: 14px; font-weight: normal; margin: 0; padding: 3px 5px; text-decoration: none; }
#adminmenu a:hover { background: #e4eccc; color: #000; }
#adminmenu .current { background: #e4eccc; color: black; }
#adminmenu li, #submenu li { display: inline; line-height: 200%; list-style: none; text-align: center; }
#submenu { background: #e4eccc; border-bottom: none; margin: 0; padding: 3px 2em 0 3em; }
#submenu .current { background: #78ca48; border-top: 1px solid #7d656f; border-right: 2px solid #7d656f; color: white; }
#submenu a { border: none; color: black; font-size: 12px; padding: .3em .4em .33em; }
#submenu a:hover { background: #78ca48; color: white; }
#submenu li { line-height: 170%; }
/**
 * DROPDOWN MENU
 */
#navigationLinks { height: 25px; }
#navigationLinks ul {
	padding-left: 20px;
	z-index: 10;
	list-style-type: none;
	position: relative;
}
#navigationLinks li { display: block; float: left; position: relative; }
#navigationLinks li a {
	padding: 2px 10px 2px 10px;
	display: block;
	font-size: 12pt;
	COLOR: black;
	text-decoration: none;
}
#navigationLinks li a:hover { color: black; background: #e4eccc; }
#navigationLinks li a:active { COLOR: black; background: #e4eccc; }
#navigationLinks li ul {
	clear: left;
	display: none;
	width: 220px;
	border-right: #719819 1px solid;
	border-left: #719819 1px solid;
	border-bottom: #719819 1px solid;
	position: absolute;
	background: white;
}
#navigationLinks li:hover ul { display: block; padding: 0; margin: 0; }
#navigationLinks li.over ul { display: block; padding: 0; margin: 0; }
#navigationLinks li li a {
	padding: 2px 10px 2px 10px;
	display: block;
	font-size: 11pt;
	width: 200px;
	color: #555555;
	text-decoration: none;
}
#navigationLinks li li a:hover {
	display: block;
	width: 200px;
	color: black;
	background: #e4eccc;
}
/**
 * CONTENT ELEMENTS
 */
ul, ol { margin-left: 35px; margin-top: 5px; margin-bottom: 5px; }
ul { list-style-type: square; }
.content_expander {
	width:100%;
	margin: 0;
	padding: 0;
}
.sub_form {
	background: #e4eccc;
	border: 1px solid #ccc;
	padding: .5em 1em;
	display: none;
}
.login_form {
	margin: 0 auto;
	width: 400px;
	text-align: left;
	background: #e4eccc;
	border: 1px solid #ccc;
	padding: .5em 1em;
	display: block;
}
.wrap {
	background: #fff;
	border: 1px solid #ccc;
	clear: both;
	margin: 15px 5%;
	padding: .5em 1em;
}
table { width: 100%; }
table .redline { border-bottom: 1px solid #d55065; }
th {
	padding: .5em 1em .5em 1.5em;
	font: 11pt Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #755e69;
	text-align: left;
	background: #f1f1f1;
}
td {
	padding: .5em .5em .5em 1.5em;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: black;
	text-align: left;
}
p { padding-bottom: 15px; }

#box {
	padding: 10px; float: right;
	margin-top: 55px; margin-left: 15px; width: 250px; margin-right: 15px; position: relative;
	background-color: #ccebba; text-align: left;
}
#box p { padding: 15px 15px 15px 15px; }
#box p span { font-size: 12px; }
/**
 * PAGINATION
 */
.pagination{ padding: 2px; line-height: 25px; }
.pagination ul { margin: 0; padding: 0; text-align: left; }
.pagination li{ list-style-type: none; display: inline; }
.pagination a, .pagination a:visited { text-decoration: none; color: #719819; }
.pagination a:hover, .pagination a:active { color: #719819; text-decoration: none; }
.pagination li.currentpage { color: #d55065; font-weight: bold; font-size: 12pt; }
.pagination li.disablepage { color: #e4eccc; }
.pagination li.nextpage{ text-decoration: none;}
/*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
* html .pagination li.currentpage, * html .pagination li.disablepage { margin-right: 5px; padding-right: 0; }