/**
 *	GP Partners
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		23/09/2008
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *		07. ctoc
 *
 */
html,body {
	background:					#fff url(../images/bg-body.png) 50% 0 no-repeat;
}

body {
	color:						#474d53;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}
body#home {
	color:						#003366;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {
	background:					url(../images/bg-wrapper.jpg) 50% 0 no-repeat;
}
body#home div#wrapper {
	background-image:			url(../images/bg-wrapper-home.jpg);
}

div#header {
	height:						71px;
}	

div#brand {
	float:						left;
	height:						51px;
	padding:					7px 0 0 5px;
	width:						199px;
}

div#search {
	background:					url(../images/bg-search.png) no-repeat;
	float:						right;
	height:						24px;
	padding-left:				21px;
	width:						166px;
}

div#navigation {
	height:						40px;
}
div#navigation-container.container {
	overflow:					visible;
}

div#feature {
	height:						180px;
}
body#home div#feature {
	height:						246px;
}

div#feature div#hero {
	float:						left;
	height:						177px;
	position:					relative;
	width:						416px;
}
body#home div#feature div#hero {
	height:						217px;
	width:						423px;
}

div#content {
	background:					url(../images/bg-content.png) 50% 0 no-repeat;
}
body#home div#content {
	background:					none;
}

body#home div#content div#content-container {
	background:					url(../images/bg-content-container-home.jpg) no-repeat;
}

div#content div#usability {
	height:						32px;
}

div#content div#usability div#options {
	height:						22px;
	margin-left:				753px;
	padding-top:				10px;
}

body#home div#content div.panel {
	float:						left;
	height:						369px;
	width:						304px;
}
body#home div#content div#links.panel {
	width:						303px;
}

body#home div#content div.panel div.panel-inner {
	padding:					21px 0 0 24px;
	height:						280px;
}

div#content-inner {
	padding-top:				26px;
	padding:					26px 0 1.65em 0;
	overflow:					hidden;
	width:						911px;
}
div#content-main {
	float: 						left;
	width:						753px;
}
div#content-main-inner {
	padding:					0 52px 26px 0;
}

div#content-side {
	margin-left:				753px;
}

div#footer {
	background:					url(../images/bg-footer.png) 50% 0 no-repeat;
	min-height:					120px;
}

div.container {
	margin:						0 auto;
	overflow:					hidden;
	width:						911px;
}
/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

hr {
	background-color:			#eaeaeb;
	border:						0;
	color:						#eaeaeb;
	height:						1px;
	margin:						0 0 1.65em -21px;
	width:						752px;
}

strong {
	font-weight:				bold;
}

body#home div#feature h2 {
	background:					url(../images/h2s/h2-welcome.png) left bottom no-repeat;
	height:						24px;
	margin:						0 0 20px 466px;
	padding-top:				124px;
	text-indent:				-9999px;
}

div#feature p {
	background:					url(../images/bg-intro.png) no-repeat;
	display:					block;
	height:						33px;
	margin:						108px 0 0 442px;
	text-indent:				-9999px;
	width:						409px;	
}
body#home div#feature p {
	background:					none;
	height:						auto;
	margin:						0 0 0 466px;
	text-indent:				0;
	width:						auto;
}

div#content h2#content-title {
	color:						#fff;
	font-size:					24px;
	height:						45px;
}

div#content-inner {
	font-size:					1.1em;
	line-height:				165%;
}

div#content-inner h1,
div#content-inner h2,
div#content-inner h3 {
	color:						#028dd0;
	font-size:					16px;
	font-weight:				bold;
	margin-bottom:				1em;
}
div#content-inner h3 {
	color: 						#1c4366;
}
div#content-inner h4,
div#content-inner h5,
div#content-inner h6 {
	font-weight:				bold;
}

div#content-inner p {
	margin-bottom:				1.65em;
}

div#content-inner div#content-main h1 a,
div#content-inner div#content-main h2 a,
div#content-inner div#content-main h1 a:link,
div#content-inner div#content-main h2 a:link {
	color:						#028dd0;
}

div#content-inner div#content-main h3 a,
div#content-inner div#content-main h4 a,
div#content-inner div#content-main h5 a,
div#content-inner div#content-main h6 a,
div#content-inner div#content-main h3 a:link
div#content-inner div#content-main h4 a:link,
div#content-inner div#content-main h5 a:link,
div#content-inner div#content-main h6 a:link {
	color: 						#1c4366;
}


/** lists/typography/links
------------------------------------------------------------------ */
ul#quick-links {
	float:						right;
	font-size:					1.1em;
	padding-top:				5px;
}

ul#quick-links li {
	border-right:				1px solid #97cee9;
	float:						left;
	padding:					0 15px;
}

ul#quick-links li.first {
	padding-left:				0;
}

ul#quick-links li.last {
	border:						0;
}

ul#quick-links li a,
ul#quick-links li a:link {
	color:						#41525f;
	text-decoration:			none;
}

body#home div#feature p a,
body#home div#feature p a:link {
	background:					url(../images/bg-intro-home.png) no-repeat;
	display:					block;
	height:						35px;
	text-indent:				-9999px;
	width:						357px;
}

body#home div#feature p a:hover {
	background-position:		left bottom;
}

ul#breadcrumbs {
	color:						#8c9fb0;
	float:						left;
	font-size:					1.1em;
	line-height:				110%;
	padding-top:				1em;
	width:						753px;
}

ul#breadcrumbs li {
	background:					url(../images/icons/icon-arrow-039be6-sml.gif) 0 1px no-repeat;
	float:						left;
	padding:					0 13px 0 16px;
}

ul#breadcrumbs li.first {
	background:					none;
	padding-left:				0;
}

ul#breadcrumbs li.last {
	padding-right:				0;
}

ul#breadcrumbs li a,
ul#breadcrumbs li a:link {
	color:						#8c9fb0;
	text-decoration:			none;
}
div#content-main ul#sitemap li {
	background:					none;
}
ul#sitemap li span {
	background:					transparent url(/images/icons/icon-arrow-039be6-sml.gif) 0% 50% no-repeat;
	padding-left: 10px;
}

ul#news li {
	padding: 0.4em;
}
ul#news li span {
	width: 90px;
	display: block;
	float: left;
}
ul#news li.row1 {
	background-position: 5px 50%;
}
ul#news li.row0 {
	background: #f8f8f8	url(/images/icons/icon-arrow-039be6b-sml.gif) 5px 50% no-repeat;
}

div#options a,
div#options a:link {
	background:					url(../images/bg-options.png) no-repeat;
	display:					block;
	float:						left;
	height:						17px;
	text-indent:				-9999px;
	width:						14px;
}
div#options a#print,
div#options a#print:link {
	margin-right:				17px;
}
div#options a#text-increase,
div#options a#text-increase:link {
	background-position:		-31px 0;
	margin-right:				8px;
	width:						17px;
}
div#options a#text-decrease,
div#options a#text-decrease:link {
	background-position:		-56px 0;
}

body#home div#content div.panel div.panel-inner h3 {
	height:						18px;
	margin-bottom:				26px;
	text-indent:				-9999px;
}

body#home div#content div#news h3 {
	background:					url(../images/h3s/h3-news.gif) no-repeat;
}

body#home div#content div#whats-on h3 {
	background:					url(../images/h3s/h3-whats-on.gif) no-repeat;
}

body#home div#content div.panel div.panel-inner ul {
	font-size:					1.2em;
	line-height:				200%;
}

body#home div#content div.panel div.panel-inner ul li {
	background:					url(../images/icons/icon-arrow-039be6.gif) 0 7px no-repeat;
	padding-left:				21px;
}

body#home div#content div.panel div.panel-inner ul li a,
body#home div#content div.panel div.panel-inner ul li a:link {
	color:						#003366;
	text-decoration:			none;
}

body#home div#content div.panel div.panel-inner ul li a:hover {
	background-color:			#56acd5;
}

body#home div#content div.panel div.panel-inner ol {

}

body#home div#content div.panel div.panel-inner ol li {
	display:					block;
	background:					url(../images/buttons/btn-links.jpg) no-repeat;
	margin-bottom:				11px;
	width:						242px;
}

body#home div#content div.panel div.panel-inner ol li#find-health {
	background-position:		-242px 0;
}
body#home div#content div.panel div.panel-inner ol li#jobs {
	background-position:		-484px 0;
}
body#home div#content div.panel div.panel-inner ol li#forum {
	background-position:		-726px 0;
}
body#home div#content div.panel div.panel-inner ol li#gp-post {
	background-position:		-969px 0;
}

body#home div#content div.panel div.panel-inner ol li a,
body#home div#content div.panel div.panel-inner ol li a:link {
	background:					url(../images/buttons/btn-links.jpg) no-repeat;
	display:					block;
	height:						53px;
	text-indent:				-9999px;
	width:						242px;
}

body#home div#content div.panel div.panel-inner ol li#find-health a,
body#home div#content div.panel div.panel-inner ol li#find-health a:link {
	background-position:		-242px 0;
}
body#home div#content div.panel div.panel-inner ol li#jobs a,
body#home div#content div.panel div.panel-inner ol li#jobs a:link {
	background-position:		-484px 0;
}
body#home div#content div.panel div.panel-inner ol li#forum a,
body#home div#content div.panel div.panel-inner ol li#forum a:link {
	background-position:		-726px 0;
}
body#home div#content div.panel div.panel-inner ol li#gp-post a,
body#home div#content div.panel div.panel-inner ol li#gp-post a:link {
	background-position:		-969px 0;
}

body#home div#content div.panel div.panel-inner ol li a:hover {
	background-position:		left bottom;
}

body#home div#content div.panel div.panel-inner ol li#find-health a:hover {
	background-position:		-242px bottom;
}
body#home div#content div.panel div.panel-inner ol li#jobs a:hover {
	background-position:		-484px bottom;
}
body#home div#content div.panel div.panel-inner ol li#forum a:hover {
	background-position:		-726px bottom;
}
body#home div#content div.panel div.panel-inner ol li#gp-post a:hover {
	background-position:		-969px bottom;
}

body#home div#content div.panel p {
	background:					url(../images/buttons/btn-view-all.jpg) no-repeat;
	display:					block;
	height:						68px;
	margin-left:				15px;
	width:						115px;
}

body#home div#content div.panel p a,
body#home div#content div.panel p a:link {
	display:					block;
	height:						34px;
	margin-left:				5px;
	text-indent:				-9999px;
	width:						105px;
	margin-top:				1em;
}

div#content-main a,
div#content-main a:link {
	border-bottom:				1px solid #028dd0;
	color:						#028dd0;
	text-decoration:			none;
}
div#content-main a:hover {
	background-color:			#71b8db;	
	border-bottom:				1px solid #1a3e61;
	color:						#1a3e61;
}

div#content-main ul  {
	margin-bottom:				1.65em;
}

div#content-main ul li {
	background:					url(../images/icons/icon-arrow-039be6.gif) 0 4px no-repeat;
	padding-left:				1.65em;
}

div#footer ul {
	color:						#969ca1;
	font-size:					1.1em;
	line-height:				110%;
	padding-top:				1.5em;
	text-align:					center;
}

div#footer ul li {
	border-right:				1px solid #97cee9;
	display:					inline;
	padding: 					0 16px;
}

div#footer ul li.first {
	padding-left:				0;
}

div#footer ul li.last {
	border-right:				0;
	padding-right:				0;
}

div#footer ul li a,
div#footer ul li a:link {
	color:						#969ca1;
	text-decoration:			none;
}

div#bear a,
div#bear a:link {
	position:					absolute;
	margin-top:					-243px;
	margin-left:				757px;
}

/** images
------------------------------------------------------------------ */
/** tables
------------------------------------------------------------------ */
/** forms
------------------------------------------------------------------ */
input,select,textarea {
	font-family:				Tahoma, Arial, Helvetica, sans-serif;
	font-size:					11px;
}

form#search-form input#search-query {
	background:					transparent;
	border:						0;
	color:						#274c6a;
	float:						left;
	padding:					5px 11px;
	width:						115px;
}

form#search-form input#search-button {
	float:						left;
}

table.dataTable tbody tr th{text-align:left;}
div#login form {
	width: 400px;
	padding-bottom:	 			30px;
	background:					transparent url(/images/bg-login-form.gif) 92px 82px no-repeat; 
}
div#login form label {
	color:						#274c6a;
	display:					block;
	float:						left;
	font-weight:				bold;
	margin:						8px 12px 0 0;
	text-align:					left;
	width:						80px;
}
div#login form input {
	background:					#e5f1f8 none repeat scroll 0 0;
	border:						1px solid #4fa6d0;
	color:						#274C6A;
	margin-top:					4px;
	width:						142px;
	padding:					5px 11px;
}
div#login form input#login-btn {
	background:					transparent;
	width:						105px;
	height:						26px;
	border: 					none;
	margin-top:  				-1px;
	padding-left:				92px !important;
}
div#login form br {
	clear:both;
}

/** ctoc
------------------------------------------------------------------ */
div#ctoc {
	background:					url(../images/bg-ctoc.gif) no-repeat;
}

div#ctoc div.ctoc_item0 {
	padding-left: 10px;
	
}
div#content-side div#ctoc a,
div#content-side div#ctoc a:link,
div#content-side div#ctoc a:visited,
div#content-main div#ctoc a:active {
	color:						#4e84a5;
	text-decoration:			none;
}

div#content-side div#ctoc div.ctoc_item0 a {
	color:						#028dd0;
	font-weight:				bold;
}

div#content-side div#ctoc div#ctoc_current_item a {
	font-weight:				bold;
	color:						#1a3e61;
}

div#content-side div#ctoc div.ctoc_children {
	background:					url(../images/bg-ctoc-children.gif) left bottom no-repeat;
}

div#content-side div#ctoc div.ctoc_children div {
	background:					url(../images/icons/icon-ctoc.gif) repeat-x;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#content-side div#ctoc div.ctoc_children div.ctoc_children {
	background: none;
}
div#content-side div#ctoc div.ctoc_children div.ctoc_children a {
	display: block;
	background: #fff !important;
	padding-left: 6px !important;
	margin-left: 24px;
}
div#content-side div#ctoc div.ctoc_children div.ctoc_item1 a {
	display: block;
	background: #fff !important;
	margin-left: 12px;
	padding-left: 6px;
	font-weight: bold;
}
div#ctoc div.ctoc_item2 a {
	padding-left: 10px;
	padding: 0 !important;
}


/** slides
------------------------------------------------------------------ */
div#content-inner div#content-main h3.slide_link_container {
	border:						0;
	display:					block;
	height:						34px;
	margin:						0 0 3px;
	padding:					0;
	width:						700px;
}

div#content-inner div#content-main h3 a.slide_link {
	background:					url("/images/slide-heading-bg.gif") 0 0 no-repeat;
	border:						0;
	color:						#ffffff;
	display:					block;
	font-size:					12px;
	font-weight:				bold;
	height:						25px;
	margin:						0 0 3px;
	padding:					9px 0 0 11px;
	width:						689px;
}

div#content-inner div#content-main h3.slide_link_first a.slide_link {
	background:					url("/images/slide-heading-bg-first.gif") 0 0 no-repeat;
}

div#content-inner div#content-main h3.slide_link_last a.slide_link {
	background:					url("/images/slide-heading-bg-last.gif") 0 0 no-repeat;
}

div#content-inner div#content-main h3 a.slide_link:hover,
div#content-inner div#content-main h3 a.slide_link_active,
div#content-inner div#content-main h3.slide_link_last a.slide_link_active {
	background:					url("/images/slide-heading-bg.gif") 0 -34px no-repeat;
}

div#content-inner div#content-main h3.slide_link_first a.slide_link:hover,
div#content-inner div#content-main h3.slide_link_first a.slide_link_active  {
	background:					url("/images/slide-heading-bg-first.gif") 0 -34px no-repeat;
}

.slide_container {
	padding:					10px 0 20px;

}

/* Form Validation Field Highlighting */
input.invalidInput{border:1px solid red;background-color: #FFC6C6;}