/**********************************************************************************************

	Title: Service Network

	Author: Guerilla
	
	Author url: http://www.guerilla.co.uk

	Date: 2010 
	
	Version: $Id: main.css 379 2011-11-14 17:10:26Z john $

***********************************************************************************************
==============================================================================================*/

/* Global Reset ------------------------------------------------------------------------------*/

* {
margin: 			0;
padding: 			0;
border: 			0;
outline: 			0;
font-weight: 		inherit;
font-style: 		inherit;
font-size: 			100%;
font-family: 		inherit;
vertical-align: 	baseline;
}
body {
line-height: 		1;
min-width:			1000px;
font: 				normal 14px/18px Arial, Helvetica, sans-serif;
letter-spacing:		0;
color:				#fff;
}
:focus {
outline: 			0;
}
ol, ul {
list-style: 		none;
}
img {
-ms-interpolation-mode: bicubic;	
}
table {
border-collapse: 	separate;
border-spacing: 	0;
}
caption, th, td {
text-align: 		left;
font-weight: 		normal;
}
blockquote:before, blockquote:after {
content: 			"";
}
blockquote{
padding:			20px;
font:				italic 16px/18px Georgia, "Times New Roman", Times, serif;
margin:				10px 0;
}
p{
padding:			6px 0;
text-align:			left;
}
hr {
display: 			none;
}
em{
font-style:			italic;	
}
b, strong{
font-weight:		bold;
}
a, a:visited{
text-decoration:	none;
}
a:hover{		
border:				none;
text-decoration:	none;
}
.no-border{
border:				none !important;
}
.no-back{
background:			none !important;
}
.no-margin{
margin:				0 !important;
}
.clear { 
clear:				both;
}
.clear:after {
content: 			".";
display: 			block;
height: 			0;
clear: 				both;
visibility: 		hidden;
}
.clear {
display: 			inline-block;
}
.upper-case {
text-transform:		capitalize;	
}
input {
background:			#fff url('../images/BG-input.png') repeat-x top;
}
input.no-shadow {
background: 		none;
}

/* Yes Yes, we know this will not validate in CSS 2.1 */

.round-sml {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 		3px;
}
.round-med {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 		6px;
}
.round-lrg {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 		10px;
}
.round-top {
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-khtml-border-top-right-radius: 6px;
border-topright-radius: 		6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
-khtml-border-top-left-radius: 6px;
border-topleft-radius: 		6px;
}
.round-btm {
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
-khtml-border-bottom-right-radius: 6px;
border-bottomright-radius: 		6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
-khtml-border-bottom-left-radius: 6px;
border-bottomleft-radius: 		6px;
}

/* Headers -------------------------------------------------------------------------------------*/
/*h1, h2, h3, h4, h5 {
text-transform:		lowercase !important;
}*/

h1{
position:			absolute;
top:				28px;
left:				0;
z-index:			100;
}
h2,h3,h4,h5,h6{
font-family:		Arial, Helvetica, sans-serif;
font-weight:		normal;
letter-spacing:		-1px;
}
h2{
font-size:			24px;
line-height:		44px;
font-weight:		bold;
}
h3{
font-size:			22px;
line-height:		39px;
}
h4{
font-size:			20px;
line-height:		24px;
}
h5{
font-size:			18px;
line-height:		20px;
}
.main h2,.main h3,.main h4,.main h5,.main h6{
padding:			6px 0 4px 12px;
}
.main h2{
font-size:			32px;
line-height:		36px;
padding:			15px 0 10px 12px;	
}
.main h2 strong, .yellow {
color:				#ffc20e;
}

/* Global Structure ----------------------------------------------------------------------------*/

#superhero-wrap,#header-wrap,#content-wrap,#footer-wrap,#post-login-wrap{
width:				100%;
height:				auto;
}
#superhero,#header,#content,#post-login{
margin:				0 auto;
display:			block;
width:				960px;
position:			relative;
}
#footer{
margin:				0 auto;
display:			block;
width:				960px;	
}
.left{
float:				left;
margin:				0 20px 0 0;
}
.right{
float:				right;
margin:				0 0 0 20px;
}
.center {
text-align:			center;
}

/* Images --------------------------------------------------------------------------------------*/

.alignleft{
float:				left;
margin:				5px 15px 5px 0;
}
.alignright{
float:				right;
margin:				5px 0 5px 15px;
}
.aligncenter{
float:				none;
text-align:			center;
}

/* Tables --------------------------------------------------------------------------------------*/

.main table{
border-spacing:		2px;
margin:				15px 12px;
max-width:			576px;
}
.main table th, .main table td{
border:				none;
text-align:			left;
}
.main table th{
background:			#ffc20e;
color:				#674901;
font-weight:		bold;
font-size:			18px;
padding:			14px 12px;
border-top:			#ffe391 1px solid;
}
.main table td{
background:			#fff;
color:				#002d4b;
font-weight:		bold;
font-size:			16px;
padding:			12px;
}
.main table td img{
margin:				0 auto !important;
text-align:			center;
}
.main table td p a{
font-size:			22px;	
}
.main table.member-account-member-list{
border-spacing:		0;
}

/* Forms --------------------------------------------------------------------------------------*/

form ul li {
padding:			10px;
clear:				left;
}
form ul li label span{
display:			block;
width:				200px;
float:				left;
}
form ul li label input{
display:			block;
width:				320px;
float:				left;
padding:			5px;
}
form ul li label input.small {
width:				150px;
}
.button {
width:				auto;
margin-top:			10px;
background:			transparent url('../images/BG-blue-semi.png') repeat center;
padding:			16px 14px;
color:				white;
text-transform:		lowercase !important;
}
form.jqtransformdone div.main{
padding-bottom:		25px !important;	
}
form.jqtransformdone label{
margin:				0;
font-weight:		bold;
float:				left;
text-align:			right;
}
form.jqtransformdone label span{
display:			block;
padding:			10px 10px 0 0;
}
form.jqtransformdone label span strong{
color:				#ffc20e;
}
form.jqtransformdone div.rowElem{
padding:			4px 0px;
}

/* === Buttons === */

button.jqTransformButton {
margin: 			25px 0 20px 220px;
padding: 			0;
border: 			none;
background: 		none;
cursor: 			pointer;
height:				35px;
}
*:first-child+html button.jqTransformButton[type]{
width: 				1;/* IE7 */
} 
button.jqTransformButton span {
background: 		transparent url('../images/jqtransform/btn_right.gif') no-repeat right top;
float: 				left;
padding: 			0 8px 0 0; /* sliding doors padding */
margin: 			0;
}
button.jqTransformButton span span {
background: 		transparent url('../images/jqtransform/btn_left.gif') no-repeat left top;
color: 				#fff;
padding: 			0 8px 0 16px;
font-weight: 		bold;
font-size: 			16px;
line-height:		35px;
display: 			block;
text-decoration: 	none;
height: 			35px !important;
}

/* === hover === */

button.jqTransformButton_hover span span { background-position: left bottom ; color:#000; }
button.jqTransformButton_hover span { background-position: right bottom ;}

/* === clicked === */

button.jqTransformButton_click span span { background-position: left -35px ; }
button.jqTransformButton_click span { background-position: right -35px ; }

/* === Inputs === */

.jqTransformInputWrapper {
background: 		transparent url('../images/jqtransform/input/input_text_left.gif') no-repeat left bottom;
height: 			38px;
padding: 			0;
float:				left;
}
.jqTransformInputInner {
background: 		transparent url('../images/jqtransform/input/input_text_right.gif') no-repeat right bottom;
padding: 			0;
margin: 			0;
}
.jqTransformInputInner div {
height: 			38px;
margin:				0 0 0 8px;
}
.jqTransformInputInner div input {
font-family:		Arial, Helvetica, sans-serif;
font-size:			14px;
line-height: 		38px;
vertical-align: 	middle;
height: 			38px;
color:				#404040;	
border: 			none;
padding: 			0;
margin: 			0;
background:			transparent;
}

/* === hover === */

.jqTransformInputWrapper_hover{ 
background-position: left top;
}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ 
background-position: right top;
}

/* === focus === */

.jqTransformInputWrapper_focus{ 
background-position: left -38px;
}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ 
background-position: right -38px;
}
.jqTransformSafari .jqTransformInputInner div {
height: 			38px;
margin:				0 0 0 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
font-family:		Arial, Helvetica, sans-serif;
font-size:			14px;
line-height: 		38px;
vertical-align: 	middle;
height: 			38px;
color:				#404040;	
border: 			none;
padding: 			0;
margin: 			0;
background:			transparent;
}

/* === Textarea === */

form ul li.textarea label textarea{
width:				320px;
height:				150px;
padding:			5px;
}
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
font-size: 			14px;
line-height: 		16px;
}
table.jqTransformTextarea td{
font-size: 			1px;
line-height: 		1px;
width: 				7px;
height: 			7px;
margin: 			0;
padding: 			0;
}
table.jqTransformTextarea{
float:				right;
margin:				0 25px 0 0;
border-spacing:		0;
}
table.jqTransformTextarea tr{
/*border: 1px solid red;*/
}
table.jqTransformTextarea textarea{
margin: 			0;
padding: 			0;
border: 			none;
background: 		none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url('../images/jqtransform/textarea/textarea_tl.gif') no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url('../images/jqtransform/textarea/textarea_tm.gif') repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url('../images/jqtransform/textarea/textarea_tr.gif') no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-ml{background: url('../images/jqtransform/textarea/textarea_ml.gif') repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url('../images/jqtransform/textarea/textarea-mm.gif') repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url('../images/jqtransform/textarea/textarea_mr.gif') repeat-y top left;}

table.jqTransformTextarea td#jqTransformTextarea-bl{background: url('../images/jqtransform/textarea/textarea_bl.gif') no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url('../images/jqtransform/textarea/textarea_bm.gif') repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url('../images/jqtransform/textarea/textarea_br.gif') no-repeat top left;}

/* === Hover === */

table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0 -7px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0 -7px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0 -7px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-7px 0;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url('../images/jqtransform/textarea/textarea-mm-hover.gif');}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-7px 0;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0 -7px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0 -7px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0 -7px;}

/* === Focus === */

table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0 -14px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0 -14px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0 -14px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-14px 0;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url('../images/jqtransform/textarea/textarea-mm-focus.gif');}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -14px 0;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0 -14px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0 -14px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0 -14px;}

table.jqTransformTextarea .jqTransformSafariTextarea div {
position: 			relative;
overflow: 			hidden;
border: 			0 solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
background: 		none;
position: 			absolute;
top:				-10px;
left:				-10px;
padding: 			10px;
resize: 			none;
}

/* === Radios === */

.jqTransformRadioWrapper {
float: 				left;
display:			block;
margin:				0 4px;	
margin-top:			5px;
}
.jqTransformRadio {
background: 		transparent url('../images/jqtransform/radio.gif') no-repeat center top;
vertical-align: 	middle;
height: 			19px;
width: 				18px;
display:			block;/*display: -moz-inline-block;*/
}

/* === Checkboxes === */

li.checkbox span{
float:				right;
width:				350px;
white-space:		nowrap;
}
li.checkbox span.jqTransformCheckboxWrapper{
float:				left;
width:				200px;
}
a.jqTransformCheckbox {
background: 		transparent url('../images/jqtransform/checkbox.gif') no-repeat center top;
vertical-align: 	middle;
height: 			16px;
width: 				16px;
border:				none !important;
float:				right;
}

/* === Checked - Used for both Radio and Checkbox === */

a.jqTransformChecked { 
background-position: center bottom;
}
a.jqTransformChecked:hover, a.jqTransformCheckbox:hover{
border:				none;	
}

/* === Selects === */

form ul li.select label select{
width:				290px;
padding:			5px;
}
.jqTransformSelectWrapper {
width: 				290px;
position:			relative;
height: 			38px;
background: 		url('../images/jqtransform/select_left.gif') no-repeat top left;
float:				left;
}
.jqTransformSelectWrapper div{
padding-left:		9px;	
}
.jqTransformSelectWrapper div span {
font-size: 			14px;
float: 				none;
position: 			absolute;
left:				10px;
white-space: 		nowrap;
height: 			38px;
line-height: 		20px;
padding: 			0;
overflow: 			hidden;
cursor:				pointer;
text-align:			left;
color:				#404040;
/* border: 1px solid #ccc; */
/* border-right: none; */
}
.jqTransformSelectWrapper  a.jqTransformSelectOpen {
display: 			block;
position: 			absolute;
right: 				0;
width: 				38px;
height: 			38px;
background: 		url('../images/jqtransform/select_right.gif') no-repeat center center;
border:				none;
}
.jqTransformSelectWrapper  a.jqTransformSelectOpen:hover{
border:				none;	
}
.jqTransformSelectWrapper ul {
position: 			absolute;
width: 				43px;
top: 				38px;
left: 				0;
list-style: 		none;
background-color:	#fff;
border: 			#002949 1px solid;
display: 			none;
margin: 			0;
padding: 			0;
height: 			150px;
overflow: 			auto;
overflow-y: 		auto;
z-index:			10;
}
.jqTransformSelectWrapper ul li{
margin:				0;
padding:			0;
border:				none;
}
.jqTransformSelectWrapper ul a {
display: 			block;
padding: 			5px;
text-decoration: 	none;
color:				#404040;
background-color: 	#fff;
font-size: 			13px;
text-align:			left;
border:				none;
margin:				0;
}
.jqTransformSelectWrapper ul a.selected {
background: 		#ecf7ff;
color: 				#404040;
}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
background:			#fff9e8;
color: 				#404040;
border:				none;
}

/* === Multi Selects === */

form ul li.multi-select label select{
width:				330px;
height:				150px;
padding:			5px;
}
#categories option{
font-size:			14px;
color:				#404040;
}

/* checkbox */
form ul li.checkbox label span {
text-align:			left;
}

/* === Hidden - used to hide the original form elements === */
 
.jqTransformHidden {
display: 			none;
}
small.multi-select {
display:			block;
padding-top:		8px;
color:				#98d5fd;
text-align:			right;	
font-size:			12px;
line-height:		13px;
font-weight:		bold;
}
small.para-summary {
display:			block;
padding-top:		8px;
color:				#98d5fd;	
font-size:			12px;
line-height:		13px;
font-weight:		bold;
}

/* Navigation ----------------------------------------------------------------------------------*/

#nav-wrap{
position:			absolute;
top:				130px;
left:				0;
}
#nav, #nav * {
margin:				0;
padding:			0;
list-style:			none;
overflow:			visible;
}
#nav li:hover, #nav li.iehover {
visibility:			inherit; /* fixes IE7 'sticky bug' */
}
#nav {
position:			relative;
float:				left;
z-index:			100000;
}
#nav li{
float:				left;
position:			relative;
display:			inline;
z-index:			1000;
margin:				1px;
}
#nav li.nav-hover, #nav li:hover, #nav li.nav-hover {
border:				#18659a 1px solid;
background:			#002f4d;
margin:				0;
}
#nav li.subnav-parent, #nav li.subnav-parent:visited, #nav li.subnav-parent:hover {
border-bottom:		none;
padding:			0 6px 0 0;
}
#nav a {
display:			block;
position:			relative;
}
#nav a, #nav a:visited{
display:			block;
font-size:			16px;
font-weight:		bold;
margin:				0;
background:			none;
letter-spacing:		-1px;
color:				#fff;
padding:			7px 7px;
background:			none;
}
#nav a:hover{
background:			none;	
}
#nav li.subnav-parent a, #nav li.subnav-parent a:visited{
background:			url('../images/BG-subnav-arrow.gif') no-repeat right -24px;
padding:			7px 25px 7px 7px;
}
#nav li.subnav-parent a:hover,#nav li.subnav-parent:hover a {
background:			url('../images/BG-subnav-arrow.gif') no-repeat right 7px;
}
#nav li:hover ul.subnav,#nav li.nav-hover ul.subnav,#nav li.subnav-parent:hover ul.subnav{
left:				-1px;
top:				32px; /* match top ul list item height */
z-index:			100;
}
#nav ul.subnav{
position:			absolute;
top:				-999em;
width:				270px; /* left offset of submenus need to match (see below) */
}
#nav li ul.subnav, #nav li.current ul.subnav, #nav li.nav-hover ul.subnav{
color:				#fff;
border:				#18659a 1px solid;
border-top:			none;
background:			#002f4d;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
-khtml-border-top-left-radius: 0;
border-topleft-radius: 		0;
padding:			6px 5px;
}
#nav li li,#nav li li:hover, #nav li.current li, #nav li.nav-hover li{
background:			none;
margin:				0;
width:				270px;
border:				none;
}
#nav li li a, #nav li.current li a, #nav li.nav-hover li a,#nav li.nav-hover li a:visited,#nav li ul li a, #nav li ul li a:visited{
display:			block;
font-size:			12px;
font-weight:		bold;
background-image:	none !important;
height:				17px;
margin:				0;
overflow:			hidden;
color:				#fff;
font-size:			13px;
letter-spacing:		0;
}
#nav li.nav-hover li a:hover,#nav li.nav-hover li a:active,#nav li ul li a:hover{
color:				#fff;
background:			#002339;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 		3px;
}

/* Superhero -----------------------------------------------------------------------------------*/

#superhero-wrap{
background:			url('../images/BG-superhero-wrap.jpg') repeat center;
border-bottom:		#f4b910 1px solid;
}
#superhero{
background:			url('../images/BG-superhero.jpg') repeat center;
}
#toggle-btn-wrap{
width:				100%;
height:				auto;
position:			absolute;
z-index:			1001;
}
#toggle-btn{
margin:				0 auto;
display:			block;
width:				960px;
}
#toggle-btn a{
float:				right;
}
#toggle-btn a#dologin, #toggle-btn a#dologin:visited{
font-size:			16px;
padding:			6px 24px 6px 10px;
font-weight:		bold;
border:				#18659a 1px solid;
margin:				10px 0 0 0;
background:			#002f4d url('../images/BG-login-arrow.gif') no-repeat 54px -10px;
color:				#fff;
}
#toggle-btn a#dologin.active{
background:			#002f4d url('../images/BG-login-arrow.gif') no-repeat 54px 11px;	
}
#toggle-btn a#dologin:hover, #toggle-btn a#dologin.active:hover{
text-decoration:	none;
background-color:	#002339;
}
#pre-login{
float:				right;
padding:			10px 0 0 0;	
}
#pre-login a,#pre-login a:visited{
color:				#fff;
display:			block;
float:				left;
padding:			4px 8px;
margin:				3px 0 0 0;
}
#pre-login a:hover{
text-decoration:	underline;	
}

/* === Member login block === */

div.nm-superhero {
height:				170px;
}
div.m-superhero {
height:				50px;
}
div#superhero div.superspacer {
height:				20px;
}
div#superhero p {
width:				250px;
color:				#674d00;
}
div#superhero p strong {
padding-top:		50px;
font-size:			22px;
color:				white;
}
div#superhero p a {
color:				white;
}
div#superhero p a.forgotten-password {
color:				#674d00;
}
div#superhero fieldset {
width:				600px;
background-color:	#d8970f;
padding:			20px 15px 20px 25px;
float:				right;
position:			relative;
}
div#superhero fieldset legend {
display:			none;
}
div#superhero fieldset ul li input {
width:				255px;
padding:			10px;
color:				#674d00;
}
div#superhero fieldset ul li input#lf_username {
margin-right:		15px;
}
div#superhero fieldset ul li label{
position:			relative;
float:				left;
height:				36px;
width:				290px;
}
div#superhero fieldset ul li label span {
color:				#674d00;
position:			absolute;
}
div#superhero fieldset ul li label span#lb-user{
top:				8px;
left:				10px;
}
div#superhero fieldset ul li label span#lb-password{
top:				8px;
left:				10px;
}
div#superhero fieldset ul li label.superhero-label span#lb-user{
top:				8px;
left:				10px;
}
div#superhero fieldset ul li label.superhero-label span#lb-password{
top:				8px;
left:				10px;
}
div#superhero fieldset .submit-wrap {
float:				right;
margin:				15px 25px 0 0;
}
div#superhero fieldset .submit-wrap p {
display:			inline;
}
div#superhero fieldset input.submit {
background-color:	#ffc10e;
border:				1px solid #cd9919;
color:				#674d00;
padding:			5px 10px;
}
div#superhero fieldset input.submit:hover{
color:				#fff;
background-color:	#9e7000;
border:				1px solid #835700;	
}
div#superhero p a.join, div#superhero p a.join:visited {
background-color:	#ffc10e;
border:				1px solid #cd9919;
color:				#674d00;
padding:			5px 10px;
font-weight:		bold;
}
div#superhero p a.join:hover{
color:				#fff;
background-color:	#9e7000;
border:				1px solid #835700;	
}

/* Member Login --------------------------------------------------------------------------------*/

#post-login-wrap{
border:				none;
}
#post-login{
height:				54px;
height:				0;
}
#post-login p{
width:				680px;
text-align:			right;
float:				right;
font-size:			16px;
color:				#423100;
font-weight:		bold;
padding:			7px 0 0 0;
}
#post-login p span, #post-login p strong {
position:			relative;
top:				3px;
color:				#fff;/*#98D5FD*/
}
#post-login p strong {
font-size:			18px;
color:				#fff;
}
#post-login p a, #post-login p a:visited{
font-size:			13px;
padding:			4px 8px;
background-color:	#013459;
display:			inline-block;
margin:				0 0 0 2px;
color:				#fff;
}
#post-login p a:hover{
background-color:	#002641;
}

#pre-login a.rss-icon, #pre-login a.linkedin-icon, #pre-login a.twitter-icon,
#post-login p a.rss-icon, #post-login p a.linkedin-icon, #post-login p a.twitter-icon{
display:			block;
height:			22px;
width:				23px;
overflow:		hidden;
text-indent:	-999em;
padding:		5px 0 0 0;
margin:			4px 2px 0 4px;
background:	url('../images/IMG-social-sprite-new.gif') no-repeat;	
}

#post-login p a.rss-icon, #post-login p a.linkedin-icon, #post-login p a.twitter-icon{
margin:			8px 0 -8px 2px;
display:			inline-block;
}
#pre-login a.rss-icon, #post-login p a.rss-icon{
background-position:left;	
}
#pre-login a.linkedin-icon, #post-login p a.linkedin-icon{
background-position:center;	
}
#pre-login a.twitter-icon, #post-login p a.twitter-icon{
background-position:right;	
}
/*#pre-login a.rss-icon:hover, #post-login p a.rss-icon:hover{
background-position:left top;	
}
#pre-login a.linkedin-icon:hover, #post-login p a.linkedin-icon:hover{
background-position:center top;	
}
#pre-login a.twitter-icon:hover, #post-login p a.twitter-icon:hover{
background-position:right top;	
}*/

/* Header --------------------------------------------------------------------------------------*/

#header-wrap{
background:			url('../images/BG-header-center.jpg') no-repeat center top;
}
#header{
height:				175px;
z-index:			1000;
}
#header #dude-pointing{
position:			absolute;
right:				15px;
top:				65px;
display:			block;
width:				103px;
height:				155px;
}
#header #dude-spying{
position:			absolute;
right:				5px;
top:				60px;
display:			block;
width:				123px;
height:				155px;
}
#header #dude-search{
position:			absolute;
right:				128px;
top:				62px;
}
#header #dude-search input{
padding:			7px 7px 7px 17px;
height:				18px;
width:				250px;
-moz-border-radius-topleft: 16px;
-webkit-border-top-left-radius: 16px;
-khtml-border-top-left-radius: 16px;
border-topleft-radius: 		16px;
-moz-border-radius-bottomleft: 16px;
-webkit-border-bottom-left-radius: 16px;
-khtml-border-bottom-left-radius: 16px;
border-bottomleft-radius: 		16px;
}

/* Content -------------------------------------------------------------------------------------*/

#wrapper{
background:			#025783 url('../images/BG-main.jpg') repeat bottom center;	
}
#content{
background:			url('../images/BG-body-highlight.jpg') no-repeat center top;
min-height:			400px;
z-index:			999;
padding-top:		30px;
}
.main a, .main a:visited {
color:				#98d5fd;
border-bottom:		#002644 1px solid;
}
.main a:hover{
color:				#fff;
border-bottom:		#ffc20e 1px solid;
}
#copy-blocks {
padding-top:		10px;
}
#copy-blocks div.round-med{
margin:				0 10px;
background:			transparent url('../images/BG-blue-semi.png') repeat center;
padding:			16px 14px;
}
#copy-blocks div.full-width {
margin:				0 20px;
}
#copy-blocks div.main {
width:				600px;
max-width:			600px;
float:				right;
margin:				0 20px 10px 0;
}
#copy-blocks div.main img {
border:				4px solid #001a2d;
margin:				0 10px 10px 10px;
}
#copy-blocks div.main img.no-border {
border:				none;
margin:				0;
}
#copy-blocks div.main table td {
vertical-align:		top;
}
p.pagination {
width:				100%;
text-align:			center;
font-weight:		bold;
}
p.pagination a, p.pagination a:visited{
border-bottom:		none;
}
#copy-blocks div.main p{
font-size:			15px;
line-height:		20px;
padding:			8px 12px;
}
#copy-blocks div.main ul.content-list, #copy-blocks div.main ol.content-list{
font-size:			16px;
line-height:		18px;
line-height:		20px;
padding:			12px 20px;
margin:				12px;
line-height:		24px;
background:			transparent url('../images/BG-list.jpg') no-repeat top left;
border:				#00314c 1px solid;
}
#copy-blocks div.main ul.content-list li{
list-style:			inside disc;	
border-top:			#307fa4 1px solid;
border-bottom:		#003c5b 1px solid;
padding:			5px;
}
#copy-blocks div.main ul.content-list li:first-child{
border-top:			none;	
}
#copy-blocks div.main ul.content-list li:last-child{
border-bottom:		none;	
}
#copy-blocks div.main ol.content-list{
list-style:			inside decimal;
border-top:			#307fa4 1px solid;
border-bottom:		#003c5b 1px solid;
padding:			5px;
}
#copy-blocks div.main ol.content-list li:first-child{
border-top:			none;	
}
#copy-blocks div.main ol.content-list li:last-child{
border-bottom:		none;	
}

/* Marketplace ---------------------------------------------------------------------------------*/

p a.marketplace-button, p a.marketplace-button:visited{
display:			block;
border:				none;
text-align:			center;
width:				200px;
font-size:			20px;
padding:			14px 16px;
margin:				10px auto;
font-weight:		bold;
color:				#fff;
background:			#6166af;
border:				#6166af 1px solid;
border-top:			#959adc 1px solid;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 		6px;
}
p a.marketplace-button:hover{
color:				#8a5400;
border:				#ffc20e 1px solid;
border-top:			#ffe597 1px solid;
background:			#ffc20e;	
}

/* Marketplace ---------------------------------------------------------------------------------*/

.main p a.join-us-button, .main p a.join-us-button:visited{
display:			block;
border:				none;
width:				100px;
text-align:			center;
font-size:			20px;
padding:			14px 16px;
margin:				10px auto;
font-weight:		bold;
color:				#044d7f;
background:			#98d5fd;
border:				#98d5fd 1px solid;
border-top:			#d4eeff 1px solid;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 		6px;
}
.main p a.join-us-button:hover{
color:				#8a5400;
border:				#ffc20e 1px solid;
border-top:			#ffe597 1px solid;
background:			#ffc20e;	
}

/* Whos Who ---------------------------------------------------------------------------------*/

table.whos-who td{
background:			#001a2d;
color:				#fff;
}

/* Search results ----------------------------------------------------------------------------*/

div.search-results ol li{
border-bottom:		1px solid;
margin:				0;
padding:			15px 0;
border-top:			#006d96 1px solid;
border-bottom:		#00212e 1px solid;
}
div.search-results ol li:first-child{
border-top:			none;	
}
div.search-results ol li:last-child{
border-bottom:		none;	
}
div.search-results ol li h3{
font-weight:		bold;
}
div.search-results ol li p{
padding:			0;
margin:				0;
}
div.search-results p.search-count{
border-bottom:		#006d96 3px double;	
}

/* Sidebar -------------------------------------------------------------------------------------*/

#copy-blocks div.sidebar-wrap {
width:				305px;
float:				left;
}
#copy-blocks div.sidebar-wrap div.promo-one, #copy-blocks div.sidebar-wrap div.promo-two, #copy-blocks div.sidebar-wrap div.promo-three, #copy-blocks div.sidebar-wrap div.promo-four, #copy-blocks div.sidebar-wrap div.promo-news {
margin-left:		15px;
margin-bottom:		15px;
}
#copy-blocks div.sidebar-wrap div.promo-one h3, #copy-blocks div.sidebar-wrap div.promo-two h3, #copy-blocks div.sidebar-wrap div.promo-three h3, #copy-blocks div.sidebar-wrap div.promo-four h3 {
height:				50px;
display:			block;
clear:				both;
}
#copy-blocks div.sidebar-wrap div.promo-one ul li, #copy-blocks div.sidebar-wrap div.promo-two ul li, #copy-blocks div.sidebar-wrap div.promo-three ul li, #copy-blocks div.sidebar-wrap div.promo-four ul li{
background:			url('../images/ICON-star.png') no-repeat left 4px;
margin:				0 0 15px 0;
font-size:			13px;
line-height:		15px;
font-weight:		bold;
padding:			0 0 0 35px;
clear:				both;
}
#copy-blocks div.sidebar-wrap div.promo-one ul li span, #copy-blocks div.sidebar-wrap div.promo-two ul li span, #copy-blocks div.sidebar-wrap div.promo-three ul li span, #copy-blocks div.sidebar-wrap div.promo-four ul li span{
display:			block;
margin:				0;
padding:			0;
}
#copy-blocks div.sidebar-wrap div.promo-one ul li img, #copy-blocks div.sidebar-wrap div.promo-two ul li img, #copy-blocks div.sidebar-wrap div.promo-three ul li img, #copy-blocks div.sidebar-wrap div.promo-four ul li img{
float:				left;
padding-right:		10px;
padding-top:		0;
padding-bottom:		10px;
}
#copy-blocks div.sidebar-wrap div.promo-four h3{
height:				90px;
}
#copy-blocks div.sidebar-wrap div.promo-one {
background:			#6166af;
}
#copy-blocks div.sidebar-wrap div.promo-one ul li img {
padding-bottom:		20px;
}
#copy-blocks div.sidebar-wrap div.promo-two {
background:			#007772;
}
#copy-blocks div.sidebar-wrap div.promo-two ul li img {
padding-bottom:		50px;
}
#copy-blocks div.sidebar-wrap div.promo-three {
background:			#0072bc;
}
#copy-blocks div.sidebar-wrap div.promo-four ul li img {
padding-bottom:		30px;
}
#copy-blocks div.sidebar-wrap div.promo-four {
background:			#c40e3e;
}
#copy-blocks div.sidebar-wrap div.promo-four ul li img {
padding-bottom:		30px;
}
#copy-blocks div.sidebar-wrap div.promo-news h3{
margin-bottom:		30px;
}
#copy-blocks div.sidebar-wrap div.promo-news li{
height:				70px;
}
#copy-blocks div.sidebar-wrap div.promo-news img {
float:				right;
}

/* Homepage ------------------------------------------------------------------------------------*/

#big-dude{
position:			absolute;
bottom:				-260px;
left:				28px;
display:			block;
width:				238px;
height:				383px;
background:			url('../images/BG-big-dude.png') no-repeat center;
z-index:			100;
}
#big-dude-shadow{
position:			absolute;
bottom:				-270px;
left:				-60px;
display:			block;
width:				572px;
height:				46px;
background:			url('../images/BG-big-dude-shadow.png') no-repeat center;
z-index:			1;
}

/* === Hero === */

#hero-intro{
float:				left;
width:				330px;
height:				254px;
padding:			10px 0 0 20px;
}
#hero-intro h2{
font-size:			58px;
line-height:		48px;
font-weight:		bold;
letter-spacing:		-4px;
}
#hero-intro h2 strong{
color:				#ffc20e;
display:			block;
line-height:		44px;
padding-bottom:		10px;
}
#hero-intro a, #hero-intro a:visited{
display:			block;
background:			url('../images/BG-join-btn.png') no-repeat center bottom;
height:				41px;
width:				260px;
margin:				-16px auto 0 auto;
color:				#fff;
font-size:			32px;
font-weight:		bold;
padding:			66px 0 0 23px;
letter-spacing:		-2px;
}
#hero-intro a:hover{
background:			url('../images/BG-join-btn.png') no-repeat center top;
}
#hero-wrap{
float:				right;
position:			relative;
margin:				15px -8px 0 0;
width:				600px;
height:				294px;
}
#hero{
background:			url('../images/BG-hero.png') no-repeat center;
height:				294px;	
}
#hero ul{
padding: 			0;
margin: 			0;
list-style:		 	none;
}

p.footnote-center {
width:100%;
font-size:14px !important;
}

/* === Hero content === */

#hero .fader-content,#hero .fader-content li{
height: 			272px;
width: 				590px;
display: 			block;
overflow:			hidden;
}
#hero .fader-content li{
position:			relative;
margin:				10px 0 0 7px;
height: 			262px;
width: 				590px;
display: 			block;
}
#hero .fader-content div.hero-title{
position:			absolute;
height: 			39px;
width: 				565px;
display: 			block;
z-index:			100;
left:				7px;
bottom:				0;
padding:			13px 0 0 15px;
background:			transparent url('../images/BG-hero-bar.png') no-repeat center;
}
#hero .fader-content div.hero-title h3,#hero .fader-content div.hero-title p{
padding:			0;
margin:				0;
font-size:			15px;
line-height:		15px;
font-weight:		bold;
}
#hero .fader-content div.hero-title p{
font-size:			12px;
color:				#69c6ef;
}
#hero .fader-content div.hero-img{
position:			absolute;
height: 			262px;
width: 				570px;
display: 			block;
overflow:			hidden;
z-index:			99;	
padding:			0 0 0 10px;
}

/* === Hero nav === */

#hero .fader-nav{
position:			absolute;
z-index:			101;
bottom:				31px;
right:				18px;
height: 			28px;
background:			transparent url('../images/BG-hero-nav.png') repeat-x right center;
}
#hero .fader-nav li, #hero .fader-nav li a, #hero .fader-nav li a:visited{
float: 				left;
width:				28px;
height:				28px;
text-align:			center;
line-height:		28px;
color:				#003457;
font-size:			15px;
font-weight:		bold;
}
#hero .fader-nav li a:hover{
color:				#000;	
}

/* === Accordion === */

#accordion{
height:				255px;
width:				676px;
float:				right;
overflow:			hidden;
background:			#0072bc;
margin:				35px;
}
ul.panels{
list-style: 		none;
margin: 			0;
padding: 			0;
}
ul.panels li{
float: 				left;
padding: 			0;
display: 			block;
}
ul.panels li div{
display: 			block;
overflow: 			hidden;
height: 			255px;
width: 				78px;
position:			relative;
}
ul.panels li div.accordion-title{
cursor:				pointer;	
}
ul.panels li p{
margin: 			0;
padding: 			0;
/*width: 			120px;*/
display: 			block;
line-height:		16px;
}
.accordion-tag a, .accordion-tag a:visited, .accordion-tag a:hover{
color:				#fff;
padding:			6px;
display:			inline-block;
}
#panel1{
width: 				435px;
background:			#c40e3e;
border-right:		#e35f8b 1px solid;
}
#panel1 .accordion-tag a, #panel1 .accordion-tag a:visited{
background:			#9b0029;	
}
#panel2{
background:			#6166af;
border-left:		#233091 1px solid;
border-right:		#9286d7 1px solid;
}
#panel2 .accordion-tag a, #panel2 .accordion-tag a:visited{
background:			#4a4f9a;	
}
#panel3{
background:			#007772;
border-left:		#1b5057 1px solid;
border-right:		#11a391 1px solid;
}
#panel3 .accordion-tag a, #panel3 .accordion-tag a:visited{
background:			#005a55;	
}
#panel4{
background:			#0072bc;
border-left:		#044f7b 1px solid;
}
#panel4 .accordion-tag a, #panel4 .accordion-tag a:visited{
background:			#00609e;	
}
#panel1 .accordion-copy, #panel2 .accordion-copy, #panel3 .accordion-copy, #panel4 .accordion-copy{
padding:			10px;
width:				310px;
height:				auto;
margin:				15px 0;
}
#panel1 .accordion-copy{
background:			#9b0029;
}
#panel2 .accordion-copy{
background:			#4a4f9a;
}
#panel3 .accordion-copy{
background:			#005a55;
}
#panel4 .accordion-copy{
background:			#00609e;
}
.accordion-tag{
width:				440px;
font-size:			12px;
line-height:		12px;
padding:			10px 0 0 0;
font-weight:		bold;
}
.accordion-title{
float:				left;
width:				76px;
height:				255px;
margin-right:		10px;
}
.accordion-title#culture,.accordion-title#market, .accordion-title#events,.accordion-title#news{
background:			transparent url('../images/BG-accordion.jpg') no-repeat;
text-indent:		-999em;
overflow:			hidden;
}
.accordion-title#culture{
background-position:0 16px;
}
.accordion-title#market{
background-position:-78px 16px;
}
.accordion-title#events{
background-position:-156px 16px;
}
.accordion-title#news{
background-position:-236px 16px;
}

/* News List -------------------------------------------------------------------------------------*/

#news-pages{
float:				right;
font-weight:		bold;
font-size:			11px;
margin:				15px 10px 0 0;
background:			#002f4d;
}
ul.news-wrap li{
border-bottom:		1px solid;
margin:				0;
padding:			15px 0;
border-top:			#006d96 1px solid;
border-bottom:		#00212e 1px solid;
}
ul.news-wrap li:first-child{
border-top:			none;	
}
ul.news-wrap li:last-child{
border-bottom:		none;	
}
.news-list h3, .news-excerpt{
float:				right;
width:				440px;
}
.news-excerpt{
width:				460px;
}
.news-list h3{
font-weight:		bold;
font-size:			30px;
line-height:		28px;
padding:			0 10px 5px 10px;
}
.news-list h3 a,.news-list h3 a:visited{
padding:			0;
border-bottom:		none;
}
.news-date-wrap{
background:			transparent url('../images/BG-darkblue-semi.png') repeat center;
border:				#00212e 1px solid;
font-size:			13px;
margin-bottom:		10px !important;
}
ul.news-wrap .news-date-wrap{
float:				left;
padding:			3px 0 0 0;
width:				135px;
font-size:			12px;
border:				none;
background:			none;
}
ul.news-wrap .news-date-wrap a, ul.news-wrap .news-date-wrap a:visited{
float:				left;
font-size:			12px;
padding:			5px 8px;
font-weight:		bold;
border:				none;
margin:				10px 0 0 0;
background:			#002f4d;
color:				#fff;
}
ul.news-wrap .news-date-wrap a:hover{
border:				none;
background:			#ffc20e;
color:				#3e2400;
}
.promo-news h3{
font-weight:		bold;
font-size:			27px;
line-height:		24px;
}
.promo-news h3 img{
float:				right;
margin:				0;
}
.promo-news ul li{
border-bottom:		1px solid;
margin:				0;
padding:			8px 0;
height:				auto !important;
border-top:			#006d96 1px solid;
border-bottom:		#00212e 1px solid;
font-size:			13px;
line-height:		15px;
min-height:			26px;
}
.promo-news ul li:first-child{
border-top:			none;	
}
.promo-news ul li:last-child{
border-bottom:		none;	
}
.promo-news ul li a, .promo-news ul li a:visited{
float:				right;
font-size:			12px;
padding:			5px 8px;
font-weight:		bold;
border:				none;
margin:				3px 0 0 0;
background:			#002f4d;
color:				#fff;
}
.promo-news ul li a:hover{
border:				none;
background:			#ffc20e;
color:				#3e2400;
}

/* Events List -------------------------------------------------------------------------------------*/

ul.events-wrap li{
border-bottom:		1px solid;
margin:				0;
padding:			15px 0;
border-top:			#006d96 1px solid;
border-bottom:		#00212e 1px solid;
}
ul.events-wrap li:first-child{
border-top:			none;	
}
ul.events-wrap li:last-child{
border-bottom:		none;	
}
.events-list h3, .events-excerpt{
float:				right;
width:				425px;
}
.events-excerpt{
width:				435px;
}
.events-list h3{
font-weight:		bold;
font-size:			30px;
line-height:		30px;
padding:			0 10px 5px 10px;
}
.events-list h3 a, .events-list h3 a:visited{
padding:			0;
border-bottom:		none;
}
.events-single-wrap{
background:			transparent url('../images/BG-darkblue-semi.png') repeat center;
border:				#00212e 1px solid;
font-size:			13px;
padding:			4px 12px;
}
.events-single-wrap span{
display:			block;	
}
#copy-blocks div.round-med .events-single-wrap p{
padding:			0;
font-size:			12px;
}
#copy-blocks div.round-med .events-single-wrap a, #copy-blocks div.round-med .events-single-wrap a:visited{
padding:			4px 7px;
background:			#001e32;
border:				none;
}
#copy-blocks div.round-med .events-single-wrap a:hover{
border:				none;	
}
img.event-image{
margin-top:			15px !important;	
}
ul.events-wrap .events-date-wrap{
float:				left;
padding:			3px 0 0 0;
width:				150px;
font-size:			12px;
border:				none;
background:			none;
}
ul.events-wrap .events-date-wrap span{
display:			block;	
}
ul.events-wrap .events-date-wrap span.event-location{
padding-top:		6px;	
}
ul.events-wrap .events-date-wrap a, ul.events-wrap .events-date-wrap a:visited{
float:				left;
font-size:			12px;
padding:			5px 8px;
font-weight:		bold;
border:				none;
margin:				10px 0 0 0;
background:			#002f4d;
color:				#fff;
}
ul.events-wrap .events-date-wrap a:hover{
border:				none;
background:			#007772;
color:				#fff;
}
#copy-blocks div.round-med .register-for-event {
background-color:	#ffc10e;
background-image: 	none;
border:				1px solid #002740;
color:				#674d00;
padding:			10px 15px 10px 10px;
margin:				15px 10px;
height:				55px;
position:relative;
}
.register-for-event p{
float:				left;
font-size:			13px !important;
}
.register-for-event p strong{
display:			block;
font-size:			23px;
padding:			0;
margin:				0;
}
.register-for-event p span{
font-weight:		bold;	
}
.register-for-event a, .register-for-event a:visited, .register-for-event a:hover{
/*float:				right;*/
display:				block;
position:				absolute;
right:					20px;
top:						10px;
width:					167px;
height:				46px;
background:		url('../images/BTN-register-by-email.png') no-repeat center;	
text-indent:		-999em;
overflow:			hidden;
border:				none !important;
margin:				4px 0 0 0;
}

/* Contact -------------------------------------------------------------------------------------*/

#contact-intro{
position:			relative;	
}
#contact-intro p{
display:			block;
}
#google-map{
position:			absolute;
top:				5px;
right:				10px;
padding:			0;
background:			#063555;
}

/* Footer --------------------------------------------------------------------------------------*/

#footer-wrap{
background:			transparent url('../images/BG-footer.jpg') repeat-x top center;
height:				440px;
}
#footer{
background:			transparent url('../images/BG-footer-center.jpg') no-repeat top center;
padding:			50px 0 32px 0;
margin-bottom:		-34px;
height:				auto;
position:			relative;
}
#footer-blocks{
padding-bottom:		50px;
height:				230px;
}
#footer-blocks li.round-med{
float:				left;
width:				192px;
height:				230px;
margin:				0 10px;
background:			transparent url('../images/BG-blue-semi.png') repeat center;
padding:			16px 14px;
}
#footer-blocks h5{
font-size:			22px;
font-weight:		bold;
padding-bottom:		14px;
}
#footer-blocks h5 strong{
color:				#ffc20e;
display:			block;
}
#footer-blocks h5 img{
float:				right;
margin:				-3px -3px 0 0;
}
#footer-blocks #footer-about p{
color:				#69c6ef;
font-size:			12px;
line-height:		14px;
font-weight:		bold;
padding:			0;
margin:				0;
}
#footer-blocks li ul li{
font-size:			11px;
line-height:		13px;
font-weight:		bold;
}
#footer-blocks #footer-market ul li{
padding:			6px 0;
border-top:			#011533 1px solid;
}
#footer-blocks #footer-market ul li strong, #footer-blocks #footer-market ul li a{
color:				#a2a5e5;	
}
#footer-blocks #footer-market ul li a, #footer-blocks #footer-market ul li a:visited{
display:			block;
font-size:			11px;
text-align:			right;
}
#footer-blocks #footer-market ul li a:hover{
color:				#fff;	
}
#footer-blocks #footer-news ul li{
display:			block;
padding:			7px 6px;
margin:				0 0 6px 0;
background:			#02253e;	
}
#footer-blocks #footer-news ul li strong, #footer-blocks #footer-news ul li a{
color:				#0072bc;
}
#footer-blocks #footer-news ul li a, #footer-blocks #footer-news ul li a:visited{
display:			block;
font-size:			11px;
text-align:			right;
}
#footer-blocks #footer-news ul li a:hover{
color:				#fff;	
}
#footer-blocks #footer-events ul li{
display:			block;
min-height:			48px;
padding:			8px 0 0 0;
border-top:			#011533 1px solid;
}
#footer-blocks #footer-events ul li span{
float:				left;
width:				30px;
height:				37px;
background:			transparent url('../images/BG-calendar.png') no-repeat center;
margin:				0 10px 0 0;
}
#footer-blocks #footer-events ul li span small,#footer-blocks #footer-events ul li span strong{
text-align:			center;
display:			block;
}
#footer-blocks #footer-events ul li span strong{
font-size:			21px;
height:				23px;
line-height:		23px;
letter-spacing:		-1px;
color:				#005551;
}
#footer-blocks #footer-events ul li a, #footer-blocks #footer-events ul li a:visited{
color:				#009989;
display:			block;
font-size:			11px;
text-align:			right;
}
#footer-blocks #footer-events ul li a:hover{
color:				#fff;	
}
li#footer-about a.button, li#footer-about a.button:visited{
padding:			7px 15px;
float:				right;
margin:				8px 5px 0 0;
}
li#footer-about a.button:hover{
background:			#02253e;	
}
#footer-blocks #footer-events ul li span small{
font-size:			11px;
height:				14px;
line-height:		14px;
}
#copyright{
float:				left;
clear:				both;
}
#copyright ul li{
float:				left;
margin:				0 7px 0 0;
padding-bottom:		15px;
color:				#011533;
font-weight:		normal;
}
#copyright a, #copyright a:visited, #copyright ul li a,#copyright ul li a:visited{
font-size:			12px;
color:				#fff;
font-weight:		bold;
}
#copyright ul li a:hover{
color:				#69c6ef;
}
#copyright p{
padding:			0 0 8px 0;
margin:				0;
font-size:			11px;
clear:				both;
color:				#69c6ef;
font-weight:		bold;
}
#copyright p a, #copyright p a:visited{
font-size:			11px;	
}
#footer-logos{
position:			absolute;
right:				0;
margin-top:			25px;
}

/* === System log === */

ul.systemlog {
padding:			0;
margin:				0;
}
ul.systemlog li.warning, ul.systemlog li.info, ul.systemlog li.fatal {
margin:				0 20px 15px 15px;
padding:			22px 14px;
border:				#003c65 1px solid;
font-size:			15px;
font-weight:		bold;
}
ul.systemlog li.fatal{
background:			#ffa498;
color:				#9f1300;
}
ul.systemlog li.warning{
background:			#fff0c6;
color:				#785900;
}
ul.systemlog li.info {
background:			#edffb0;
color:				#7da200;
}
p.error{
margin:				0 20px 15px 15px;
padding:			22px 14px;
border:				#003c65 1px solid;
font-size:			15px;
font-weight:		bold;	
background:			#ffa498;
color:				#9f1300;
}

/* Widgets ***********************************************************************************************/

#widget-columns {
padding:			0 10px;
}
#widget-columns .widget-column {
float: 				left;
width: 				33.3%;
height: 			auto;
min-height:			100px;
}
#widget-column-1{
min-height:			320px !important;
}
#widget-columns .widget {
margin: 			0 7px 15px 7px;
width:				299px;
padding: 			0;
background:			#fff url('../images/BG-widget-yellow.png') repeat-x top left;
}
#widget-columns .news-widget {
background:			#fff url('../images/BG-widget-blue.png') repeat-x top left;
}
#widget-columns .events-widget {
background:			#fff url('../images/BG-widget-green.png') repeat-x top left;
}
#widget-columns .marketplace-widget {
background:			#fff url('../images/BG-widget-purple.png') repeat-x top left;
}
#widget-columns .widget .widget-head {
display:			block;
overflow:			hidden;
width: 				304px;
height: 			54px;
line-height: 		30px;
margin:				0;
padding:			0;
}
#widget-columns .widget .widget-head h3 {
float:				left;
color:				#594200;
font-size:			20px;
line-height:		30px;
margin:				12px 0 0 2px;
}
#widget-columns .news-widget .widget-head h3 {
color:				#98d5fd;
}
#widget-columns .events-widget .widget-head h3 {
color:				#cdf5f3;
}
#widget-columns .marketplace-widget .widget-head h3 {
color:				#d8dbfe;
}
#widget-columns .widget .widget-content {
display:			block;
padding: 			10px;
color: 				#ddd;
overflow: 			hidden;
margin:				0;
}
#widget-columns .widget .widget-content p {
padding: 			0.8em 0;
border:				none;
color:				#6d4e06;
}
#widget-columns .widget .widget-content img {
float: 				right;
margin: 			10px auto;
border: 			1px solid #fff;
}
#widget-columns .widget .widget-content p, #widget-columns .widget .widget-content a, #widget-columns .widget .widget-content a:active, #widget-columns .widget .widget-content a:visited {
color:				#6d4e06;
}
#widget-columns .news-widget .widget-content p, #widget-columns .news-widget .widget-content a, #widget-columns .news-widget .widget-content a:active, #widget-columns .news-widget .widget-content a:visited {
color:				#03619d;
}
#widget-columns .events-widget .widget-content p, #widget-columns .events-widget .widget-content a, #widget-columns .events-widget .widget-content a:active, #widget-columns .events-widget .widget-content a:visited {
color:				#007772;
}
#widget-columns .marketplace-widget .widget-content p, #widget-columns .marketplace-widget .widget-content a, #widget-columns .marketplace-widget .widget-content a:visited {
color:				#545ea5 !important;
}
#widget-columns .marketplace-widget .widget-content a span{
color:				#6b6b6b !important;
}
#widget-columns .widget ul li {
padding:			6px 2px;
}
#widget-columns .widget .widget-content ul li {
border-bottom:		1px solid #e2e3e3;
}
#widget-columns .news-widget .widget-content ul li {
border-bottom:		1px solid #e2e3e3;
}
#widget-columns .events-widget .widget-content ul li {
border-bottom:		1px solid #e2e3e3;
}
#widget-columns .marketplace-widget .widget-content ul li {
border-bottom:		1px solid #e2e3e3;
}
#widget-columns .widget .widget-content ul li.last {
border-bottom:		none;
}
#widget-columns .widget .widget-content ul li span, #widget-columns .widget .widget-content ul li small {
display:			block;
font-size:			11px;
}
#widget-columns .widget .widget-content ul li a span{
color:				#594200;
}
#widget-columns .widget .widget-content pre {
color: 				#eee;
font-size: 			12px;
}
#widget-columns .widget .widget-content ul.images {
padding: 			7px 0 0 0;
list-style: 		none;
}
#widget-columns .widget .widget-content ul.images li {
display: 			inline;
float: 				left;
}
#widget-columns .widget .widget-content ul.images img {
display: 			inline;
float: 				left;
margin: 			0 0 7px 7px;
}

/* big widget banner *********************************************/

#member-hero {
float:				right;
background:			transparent url('../images/BG-blue-semi.png') repeat center;
padding:			10px;
width:				590px;
height:				295px;
margin:				15px 20px 0 0;
position:			relative;
}
div#member-hero ul.fader-content {
position:			absolute;
left:				239px;
top:				10px;
}
div#member-hero ul.fader-content img {
}
div#member-hero ul.fader-nav {
position:			relative;
width:				254px;
}
div#member-hero ul.fader-nav li {
background:			transparent url('../images/BG-member-hero-list.png') no-repeat top left;
margin:				0;
height:				58px;
width:				254px;
}
div#member-hero ul.fader-nav li.active {
background:			transparent url('../images/BG-member-hero-list-active.png') no-repeat top left;
}
* html div#member-hero ul.fader-nav li.active {
background:			transparent url('../images/BG-member-hero-list-active.gif') no-repeat top left;	
}
div#member-hero ul.fader-nav li h3 {
padding: 			7px 0 0 10px;
margin-bottom:		0;
line-height:		25px;
white-space:		nowrap;
color:				#003459;
font-size:			18px;
}
div#member-hero ul.fader-nav li p {
padding:			0 0 0 10px;
color:				#003459;
}
div#member-hero ul.fader-nav li.active  h3 {
color:				#594200;
}
div#member-hero ul.fader-nav li.active  p {
color:				#594200;
}
.widget-column {
padding-top:		17px;
}

/* events list */

#widget-columns .events-widget td{
height:				38px;	
}
#widget-columns .events-widget .widget-content p {
color:				#889e9e;
font-size:			12px;
padding:			5px 0;
line-height:		10px;
}
#widget-columns .events-widget .widget-content ul li {
width:				100%;
}
#widget-columns .events-widget .widget-content ul li img {
float:				left;
margin-right:		5px;
border:				1px solid #e1e5e5;
}
#widget-columns .events-widget .widget-content span.cal {
float:				right;
width:				30px;
height:				37px;
background:			transparent url('../images/BG-calendar.png') no-repeat center;
margin:				0 0 10px 10px;
border:				1px solid #e1e5e5;
}
#widget-columns .events-widget .widget-content span.cal small, #widget-columns .events-widget .widget-content span.cal strong{
text-align:			center;
display:			block;
}
#widget-columns .events-widget .widget-content span.cal strong{
font-size:			21px;
height:				23px;
line-height:		23px;
letter-spacing:		-1px;
color:				#005551;
}
#widget-columns .events-widget .widget-content span.cal small{
font-size:			11px;
height:				14px;
line-height:		14px;
}
#widget-columns .events-widget .widget-content .link-block {
background-color: 	#e1e5e5;
display:			block;
clear:				both;
float:				right;
color:				#889e9e;
text-align:			center;
/*width:			200px;*/
padding:			0 5px;
margin-top:			10px;
}
#widget-columns .events-widget .widget-content .link-block a{
color:				#005551;
}

/* JS-Enabled Widget CSS */

.widget-head a.remove {
float: 				right;
display:			inline;
background: 		url('/images/BG-widget-sprite.gif') no-repeat top right;
width: 				30px;
height: 			30px;
margin: 			0;
text-indent: 		-9999em;
margin:				13px 6px 0 0;
}
.news-widget .widget-head a.remove {
background-position:-60px -60px;
}
.events-widget .widget-head a.remove {
background-position:-60px -30px;
}
.marketplace-widget .widget-head a.remove {
background-position:-60px -90px;
}
.widget-head a.collapse {
float: 				left;
background: 		url('/images/BG-widget-sprite.gif') no-repeat -30px 0;
width: 				30px;
height: 			30px;
text-indent: 		-9999em;
margin:				13px 0 0 6px;
}
.news-widget .widget-head a.collapse {
background-position:-30px -60px;
}
.events-widget .widget-head a.collapse {
background-position:-30px -30px;
}
.marketplace-widget .widget-head a.collapse {
background-position:-30px -90px;
}
.widget-head a.edit {
display:			none;
float: 				right;
display: 			inline;
margin: 			11px 2px 0 0;
height:				30px;
width:				36px;
background-color:	#f8bf15;
border:				1px solid #fff2cd;
color:				#624400;
font-size:			14px;
padding-left:		12px;
text-transform:		lowercase;
}
.widget-placeholder {
display:			block;
border: 			1px dashed #001b30;
background:			transparent url('../images/BG-blue-semi.png') repeat center;
margin: 			0 7px 13px 7px;
width:				297px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 		6px;
}
* html .widget-placeholder{
height:				260px;
}
*:first-child+html .widget-placeholder{
height:				260px;
}
.edit-box {
overflow: 			hidden;
background: 		#fff;
margin: 			0;
padding: 			10px 0;
border-bottom: 		#ccc 1px solid;
}
.edit-box input{
border: 			#ccc 1px solid;
padding:			3px 2px;
width: 				120px;
}
.edit-box li.item {
padding: 			10px 0;
overflow: 			hidden;
float: 				left;
width: 				100%;
clear: 				both;
}
.edit-box label {
float: 				left;
width: 				30%;
color: 				#333;
padding: 			0 0 0 10px;
}
.edit-box ul.colors li {
width: 				20px;
height: 			20px;
border: 			1px solid #eee;
float: 				left;
display: 			inline;
margin: 			0 5px 0 0;
cursor: 			pointer;
}
.widget-content input{
border: 			#ccc 1px solid;
padding:			2px 2px;
width: 				170px;
}
.widget-content label {
float: 				left;
width: 				16%;
text-align:			right;
color: 				#333;
padding: 			2px 4px 0 0;
font-size:			11px;
}

/* widget selection ****************************************************/

#widget-selection-wrap {
position:			absolute;
width:				960px;
display:			none;
background:			transparent url('../images/BG-darkblue-semi.png') repeat center;
padding:			16px 14px;
z-index:			100001;
top:				45px;
right:				0;
}
#widget-selection-wrap ul li{
float:				left;
width:				180px;
clear:				none;
padding:			18px 0 0 10px;
height:				15px;
}
#widget-selection-wrap li span{
float:				right;
width:				145px;
padding:			0;
}
#widget-selection-wrap li span.jqTransformCheckboxWrapper{
float:				left;
padding-top:		2px;
width:				25px !important;
}
#widget-selection-wrap a.jqTransformCheckbox {
background: 		transparent url(/images/jqtransform/checkbox.gif) no-repeat center top;
vertical-align: 	middle;
height: 			16px;
width: 				16px;
border:				none !important;
float:				left;
}
#widget-selection-wrap a.jqTransformChecked { 
background-position: center bottom;
}
#widget-selection-wrap a.jqTransformChecked:hover, #widget-selection-wrap a.jqTransformCheckbox:hover{
border:				none;	
}
#widget-selection-wrap button.jqTransformButton{
clear:				both;
float:				right;
margin:				20px 10px 10px 0;
}
#post-login a.active {
padding-bottom:		10px;
background:			transparent url('../images/BG-darkblue-semi.png') repeat center;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
-khtml-border-bottom-right-radius: 0;
border-bottomright-radius: 		0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
-khtml-border-bottom-left-radius: 0;
border-bottomleft-radius: 		0;
}
#widget-selection-wrap label {
text-align:			left;
}
#widget-selection-wrap h3, #widget-selection-wrap p{
padding:			0 0 0 10px;
font-weight:		bold;	
}
#widget-selection-wrap p{
color:				#98d5fd;	
}

/* Events Calendar *********************************************************************/

.calendar-wrap{
position:			relative;
}
.calendar-wrap #callendar-head h2 {
font-size:			32px;
padding-left:		42px;
line-height:		35px;
text-transform:		capitalize !important;
}
.calendar-wrap #callendar-head h2 span {
color:				#ffc20e;
}
.calendar-wrap #callendar-head #callendar-ribbon {
background:			transparent url('../images/BG-callendar-ribbon.png') no-repeat top left;
position:			absolute;
width:				300px;
height:				33px;
top:				58px;
left:				-7px;
padding:			5px 30px 0 0;
text-align:			right;
color:				#5c4000;
font-size:			13px;
text-transform:		uppercase;
letter-spacing:		1px;
}
.calendar-wrap .calendar-key, .calendar-wrap #navigation-month {
background-color:	#eef3f7;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 		6px;
}
.calendar-wrap .calendar-key {
position:			absolute;
top:				12px;
right:				32px;
width:				280px;
height:				45px;
}
.calendar-wrap .calendar-key h3, .calendar-wrap .calendar-key div.closed {
width:				30px;
clear:				left;
float:				left;
}
.calendar-wrap .calendar-key h3 {
color:				#8298aa;
font-size:			15px;
text-transform:		uppercase;
position:			relative;
top:				-5px;
left:				12px;
}
.calendar-wrap .calendar-key div.closed {
color:				#8298aa;
font-size:			12px;
text-transform:		uppercase;
background:			transparent url('../images/BG-callendar-legend-closed.png') no-repeat top left;
width:				132px;
height:				30px;
position:			relative;
top:				-12px;
left:				10px;
padding: 			7px 0 0 0;
text-align:			center;
}

/* Calendar Key */
.calendar-wrap .calendar-key ul {
width:				220px;
float:				right;
}
.calendar-wrap .calendar-key ul li {
color:				#8298aa;
font-size:			11px;
height:				15px;
}
.calendar-wrap .calendar-key ul {
padding-top:		6px;
}
.calendar-wrap .calendar-key ul li span.circ {
display:			block;
float:				left;
height:				12px;
width:				12px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 		6px;
margin-right:		5px;
margin-bottom:		1px;
margin-top:			3px;
}
.calendar-wrap .calendar-key ul li {
clear:				both;
}
.calendar-wrap #navigation-month {
width:				400px;
margin:				50px auto 20px auto;
height:				50px;
text-align:			centre;
overflow:			hidden;
}
.calendar-wrap #navigation-month #navigation-month-window #navigation-previous-month{
float:				left;
background:			transparent url('../images/ICON-callendar-prev.png') no-repeat top left;
height:				15px;
width:				9px;
text-indent:		-1000000px;
cursor:				pointer;
margin:				18px 0 0 10px;
}
.calendar-wrap #navigation-month #navigation-month-window h3 {
float:				left;
width:				360px;
text-align:			center;
color:				#8ba9c1;
font-size:			24px;
text-transform:		uppercase;
padding-top:		5px;
}
.calendar-wrap #navigation-month #navigation-month-window #navigation-next-month{
float:				right;
background:			transparent url('../images/ICON-callendar-next.png') no-repeat top left;
height:				15px;
width:				9px;
text-indent:		-1000000px;
cursor:				pointer;
margin:				18px 10px 0 0;
}

/* begin calendar formating */

#calendar table {

}
#calendar table thead {

}
#calendar table thead tr th {
width:				100px;
text-align:			center;
padding-bottom:		5px;
}
#calendar table tbody {

}
#calendar table tbody tr td {
background-color:	#eef3f7;
border-right:		1px dotted #cad7e3;
border-bottom:		1px solid #cad7e3;
vertical-align:		top;
overflow:			hidden;
}
#calendar table tbody tr td.alt {
background-color:	#e3ecf2;	
}
#calendar table tbody tr td.today {
background-color:	#fff4d5;	
}
#calendar table tbody tr td.sat-sun {
background-color:	#fff;	
}
#calendar table tbody tr td em {
float:				right;
color:				#8ba9c1;
padding:			0;
font-style:			normal;
}
#calendar table tbody tr td em span {
font-size:			16px;
}
#calendar table tbody tr td em abbr {
display:			none;
}
#calendar table tbody tr td{
padding:			6px;
}

/* category styling */

#calendar table tbody tr td ul li.category0 {
width:				24px;
height:				24px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border-radius: 		12px;
background-color:	#ffc20e;
text-indent:		-1000000px;
margin:				5px 0 5px 5px;
float:				left;
}
#calendar table tbody tr td ul li.category0 h4 {
color:				#ffc20e;
}
.calendar-key ul li.category0 span.circ {
background-color:	#ffc20e !important;
}
#calendar table tbody tr td ul li.category1 {
width:				24px;
height:				24px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border-radius: 		12px;
background-color:	#98d5fd;
text-indent:		-1000000px;
margin:				5px 0 5px 5px;
float:				left;
}
#calendar table tbody tr td ul li.category1 h4 {
color:				#98d5fd;
}
.calendar-key ul li.category1 span.circ {
background-color:	#98d5fd !important;
}
#calendar table tbody tr td ul li.sold-out {
width:				24px;
height:				24px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border-radius: 		12px;
background-color:	#8ba9c1;
text-indent:		-1000000px;
margin:				5px 0 5px 5px;
float:				left;
}
#calendar table tbody tr td ul li.sold-out h4 {
color:				#8ba9c1 !important;
}
.calendar-key ul li.sold-out span.circ {
background-color:	#8ba9c1 !important;
}
#calendar table tbody tr td ul li.cancelled {
width:				24px;
height:				24px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border-radius: 		12px;
text-indent:		-1000000px;
margin:				5px 0 5px 5px;
float:				left;
background-color:	#02355d;
}
#calendar table tbody tr td ul li.cancelled h4 {
color:				#02355d !important;
}
.calendar-key ul li.cancelled span.circ {
background-color:	#02355d !important;
}
#calendar table tbody tr td div.micro {
height:				60px;
border-bottom:		1px solid #efefef;
}
#calendar table tbody tr td div.bottom {
border-bottom:		none;
}
#calendar table tbody tr td div.bottom span {
position:			relative;
top:				5px;
}

/* Calendar Tooltip ****************************************/

#event-tooltip-wrapper {
position:			absolute;
display:			block;
width:				300px;
background:			transparent url('../images/BG-big-tooltip-top.png') no-repeat top left;
z-index:			10;
color:				#64727c;
text-indent:		0;
display:			none;
}
#event-tooltip-wrapper #event-tooltip {
background:			transparent url('../images/BG-big-tooltip-mid.png') repeat-y top left;
}
#event-tooltip-wrapper .event-tooltip-footer {
background:			transparent url('../images/BG-big-tooltip-btm.png') no-repeat top left;
height:				50px;
}
.point-left .event-tooltip-footer {
background:			transparent url('../images/BG-big-tooltip-btm-alt.png') no-repeat top left !important;
}

#event-tooltip {
padding:			10px 20px 10px 10px;
}
#event-tooltip p {
height:				40px;
padding-bottom:		6px;
line-height:		14px;
}
#event-tooltip p, span.time, span.location{
font-size:			11px;
display:			block;
}
span.time {
padding-right:		10px;
}
#event-tooltip ul.links {
clear:				both;
}
#event-tooltip ul.links li {
height:				16px;
}
#event-tooltip ul.links li a, #event-tooltip ul.links li a:visited{
color:				#435662;
font-size:			12px;
font-weight:		bold;
}
#event-tooltip ul.links li a:hover {
color:				#1c3b4e;
}

/* Member profile *******************************************/

div.member-profile img.profile {
float:				left;
}
div.member-profile h2 {
line-height:		26px;
margin:				20px 0 10px 0;
padding-top:		20px;
}
div.member-profile img.profile {
margin-top:			32px !important;
}
div.member-profile img.profile-detail {
margin-top:			35px !important;
}
div.member-profile a.list {
position:			relative;
top:				5px;
height:				10px;
padding-top:		10px;
margin-bottom:		0;
}
div.member-profile ul.address {
display:			block;
width:				340px;
float:				left;
margin-bottom:		20px;
}
div.member-profile ul.address li {
padding:			0 0 10px 30px;
color:				#98d5fd;
}
div.member-profile ul.address li.house {
background:			transparent url('../images/ICON-member-house.png') no-repeat top left;
}
div.member-profile ul.address li.dude {
background:			transparent url('../images/ICON-member-bloke.png') no-repeat top left;
}
div.member-profile ul.address li.star {
background:			transparent url('../images/ICON-member-star.png') no-repeat top left;
}
div.member-profile div.sub-details {
clear:				both;
background:			transparent url('../images/BG-darkblue-semi.png') repeat center;
padding:			15px 0 0 25px;
margin-top:			10px;
}
div.member-profile div.sub-details h3{
font-size:			26px;
line-height:		26px;
padding:			0;
margin:				0;
}
div.member-profile div.sub-details ul{
padding:			8px 0 0 0;	
}
div.member-profile div.sub-details ul li {
padding:			4px 0 4px 24px;
color:				#98d5fd;
white-space:		nowrap;
font-size:			14px;
background:			transparent url('../images/ICON-member-star.png') no-repeat left 3px;
}
div.member-profile div.sub-details ul li strong {
color:				#98d5fd;
}
div.member-profile div.sub-details ul li a, div.member-profile div.sub-details ul li a:visited {
color:				#fff;
text-decoration:	underline;
border-bottom:		none;
}
div.member-profile div.sub-details ul li a:hover{
border-bottom:		none;
color:				#98d5fd;
}
div.member-profile ul.contacts {
clear:				both;
padding:			20px 10px 20px 10px;
margin:				20px auto;
width:				560px;
background:			url('../images/BG-groove-sep.jpg') repeat-x top left;
display:			block;
}
div.member-profile ul.contacts li {
float:				left;
width:				160px;
padding:			0 0 5px 20px;
}
div.member-profile ul.contacts li.star {
background:			transparent url('../images/ICON-member-star.png') no-repeat top left;
}
div.member-profile div.description {
padding:			20px 0 10px 0;
clear:				both;
width:				580px;
display:			block;
margin:				0 auto;
}
div.member-profile div.description h3{
background:			url('../images/BG-groove-sep.jpg') repeat-x top left;
font-weight:		bold;
padding-top:		20px;
}
div.member-profile a.button {
background-color:	#001e36;
border:				none;
padding:			7px 10px;
line-height:		10px;
margin:				-5px 0 0 5px;
font-size:			11px;
font-weight:		bold;
}
div.member-profile a.inactive {
padding-right:		25px;
background:			#001e36 url('../images/ICON-arrow-white-dn.png') no-repeat 90% 55% ;
}
div.member-profile a.active {
padding-right:		25px;
background:			#ffc10e url('../images/ICON-arrow-brown-up.png') no-repeat 90% 50% ;
color:				#5b4003;
}

/* Member filters ********************************/

div.member-filters, div.member-filters ul, div.member-filters li{
width:				255px;	
}
div.member-filters h3{
font-size:			26px;	
}
div.member-filters form ul li.select label select{
width:				240px;
padding:			5px;
}
div.member-filters form ul li label input{
width:				230px;
}
div.member-filters .jqTransformInputWrapper{
width:				230px;
}
div.member-filters .jqTransformSelectWrapper{
width: 				240px !important;
position:			relative;
height: 			38px;
background: 		url('../images/jqtransform/select_left.gif') no-repeat top left;
float:				left;
}
div.member-filters .jqTransformInputWrapper{
width:				240px !important;
}
div.member-filters  .jqTransformSafari .jqTransformInputInner{
width:				240px;
}
div.member-filters .jqTransformSelectWrapper div{
padding-left:		9px;	
}
div.member-filters .jqTransformSelectWrapper ul li{
font-size:			10px;
}
div.member-filters button.jqTransformButton{
margin: 			15px 0 5px 85px;
padding: 			0;
border: 			none;
background: 		none;
cursor: 			pointer;
height:				35px;
}
div.member-filters *:first-child+html button.jqTransformButton[type]{
width: 				1;/* IE7 */
} 
div.member-filters button.jqTransformButton span {
padding: 			0 8px 0 0; /* sliding doors padding */
margin: 			0;
}
div.member-filters button.jqTransformButton span span {
padding: 			0 8px 0 16px;
}
div.big-button img {
border:				none;
margin:				10px 0 0 30px;
}
div.update-account-link a, div.update-account-link a:visited{
display:			block;
background: 		url('../images/BTN-keep-updated.jpg') no-repeat center;
width:				244px;
height:				76px;
text-indent:		-999em;
overflow:			hidden;
margin:				20px auto;
}

/* Member list ********************************/

div.member-profile-list div.member-devide {
height:				1px;
border-bottom:		1px solid #2d6992;
background-color:	#001628;
width:				580px;
clear:				both;
display:			block;
margin:				10px auto;
}
div.member-profile-list h2 {
margin-top:			20px;
line-height:		28px;
}
div.member-profile-list h2 a, div.member-profile-list h2 a:visited{
color:				#fff;
border-bottom:		none;
}
div.member-profile-list div.noborder {
border:				none;
background:			transparent;
}
div.member-profile-list .description {
clear:				both;
width:				580px;
display:			block;
}
div.member-profile-list div.contacts-wrap {
display:			none;
margin-top:			0;
}
div.member-list-pagination div{
float:				right;
padding-top:		5px;
}
div.member-list-pagination a, div.member-list-pagination a:visited{
float:				left;
padding-top:		3px;
margin:				0 3px;
border-bottom:		none !important;
font-weight:		bold;
}
div.member-list-pagination a.icon {
height:				25px;
width:				25px;
overflow:			hidden;
border:				none;
}
div.member-list-pagination a.prev {
background:			transparent url('../images/ICON-member-pagination-left.png') no-repeat top left;
text-indent:		-10000px;
}
div.member-list-pagination a.next {
background:			transparent url('../images/ICON-member-pagination-right.png') no-repeat top left;
text-indent:		-10000px;
}
div.member-list-pagination a.active {
color:				white;
}
div.member-list-pagination p{
float:				left;
width:				250px;
line-height:		20px;
}
div.member-list-pagination p a{
float:				none;
padding:			0;
margin:				0;
}

/* Gallery *********************/

ul.gallery-main {
width:				600px;	
}
ul.gallery-main li {
float:				left;
margin:				6px;
padding:			10px;
width:				265px;
height:				305px;
border:				1px solid #001a2d;	
overflow:			hidden;
background:			transparent url('../images/BG-list.jpg') no-repeat top left;
}
ul.gallery-main li p{
font-size:			13px !important;
line-height:		14px !important;
}
ul.gallery-main li  a h3{
font-size:			20px;
line-height:		20px;
}
ul.gallery-main li a.gallery-main-image, ul.gallery-main li a.gallery-main-image:visited{
display:			block;
height:				140px;
width:				255px;	
overflow:			hidden;
border:				none;
border:				4px solid #001a2d;
}
ul.gallery-main li a.gallery-main-image:hover{
border:				4px solid #08568c;	
}
ul.gallery-main li a.gallery-main-image img{
width:				255px;
border:				none !important;
margin:				0 !important;
}
ul.gallery {
width:				600px;	
}
ul.gallery li {
float:				left;
margin:				6px;
height:				100px;
}

ul.gallery li a {
display:			block;
background-color:	#001a2d;
padding:			4px;
}
ul.gallery li a:hover{
background-color:	#08568c;
text-decoration:none !important;
border:none;
}

ul.gallery li a img {
border:				none !important;
margin:				0 !important;
padding:0 !important;
}

/* Member Account ************************/

div.member-account-nav {
background:			transparent url('../images/BG-blue-semi.png') repeat center;
}
div.member-account-nav div.sep{
display:			block;
height:				1px;
width:				96%;
margin-left:		3px;
background:			#001628;
border-bottom:		1px solid #08568c;
}
div.member-account-nav h2 {
margin-bottom:		10px;
padding-left:		5px;
}
div.member-account-nav ul {
padding:			10px 0 0 15px;
}
div.member-account-nav ul li {
margin-bottom:		10px;
}
div.member-account-nav ul li a {
display:			block;
height:				29px;
width:				225px;
background:			transparent url('../images/BTN-member-admin-nav.png') no-repeat top left;
border:				none;
padding:			11px 0 0 10px;
color:				#fff;
font-size:			16px;
font-weight:		bold;
}
div.member-account-nav ul li a:hover {
background:			transparent url('../images/BTN-member-admin-nav-hover.png') no-repeat top left;	
color:				#013b62;
}
div.member-account-nav ul li a.active, div.member-account-nav ul li a.active:hover {
background:			transparent url('../images/BTN-member-admin-nav-active.png') no-repeat top left !important;	
color:				#684a02;
}
div.account-widget-wrap{
background-color:	#002748;
margin-top:			50px;
padding:			10px 0 30px 0;
width:				600px;
}
div.account-widget-wrap h3 {
padding:			5px 0 0 20px;
}
div.account-widget-wrap ul li{
float:				left;
width:				240px;
padding:			5px 0 0 50px;
clear:				none;
}
div.account-widget-wrap ul li span{
float:				left;
width:				20px;
}
div.account-widget-wrap ul li p{
width:				210px;
}
div.add-member-wrap {
float:				right;
position:			relative;
top:				-25px;
}
table.member-account-member-list {
border-top:			1px solid #001628;
border-bottom:		1px solid #08568c;
width:				600px;
}
table.member-account-member-list tbody td {
border-top:			1px solid #08568c;
border-bottom:		1px solid #001628;
height:				40px;
background:			none;
color:				#fff;
font-size:			13px;
vertical-align:		middle !important;
}
table.member-account-member-list tbody td.name {

}
table.member-account-member-list tbody td.email {

}
table.member-account-member-list tbody td.jobtitle {

}
table.member-account-member-list tbody td.options {
width:				130px;
}
table.member-account-member-list tbody td.options a {
text-align:			center;
padding-top:		3px;
margin-right:		10px;
color:				#ffffff;
font-size:			13px;
}
table.member-account-member-list tbody td.options a.delete-member {
display:			block;
background:			transparent url('../images/BTN-member-admin-delete.png') no-repeat top left;
height:				20px;
width:				61px;
border:				none;
float:				left;
}
table.member-account-member-list tbody td.options a:hover.delete-member {
background:			transparent url('../images/BTN-member-admin-delete-hover.png') no-repeat top left;
color:				#4e0000;
}
table.member-account-member-list tbody td.options a.edit-member {
display:			block;
background:			transparent url('../images/BTN-member-admin-edit.png') no-repeat top left;
height:				20px;
width:				47px;
border:				none;
float:				left;
}
table.member-account-member-list tbody td.options a:hover.edit-member {
background:			transparent url('../images/BTN-member-admin-edit-hover.png') no-repeat top left;
color:				#5f4300;
}
.member-image-upload-wrap{
padding:			10px 0;
width:				600px;
background:			#00243e;
margin:				0 0 15px 0;
}
.member-image-upload-wrap h3{
color:				#96d3fc;
font-size:			26px;
}
.member-image-upload-wrap label{
padding:			15px 10px;
background:			#001a2d !important;
width:				275px;
}
.member-image-upload-wrap #member-image{
float:				left;
height:				210px;
width:				210px;
margin:				20px 30px 0 20px;
overflow:			hidden;
}
.main .member-image-upload-wrap .round-med{
background:			none;	
}
.member-image-upload-wrap p span{
font-size:			13px;
line-height:		15px;
}
a.remove-company-logo, a.remove-company-logo:visited{
color:				#490000;
border:				none;
background:			#d07b7b !important;
padding:			5px 8px;
font-weight:		bold;
border:				#001a2d 1px solid;
width:				50px;
height:				17px;
float:				left;
margin:				10px 0 0 0;
}
a.remove-company-logo:hover{
border:				#001a2d 1px solid;
}

/* First Login ************************/

#copy-blocks div#first-login-intro{
display:			block;
margin:				0 0 0 25px;
background:			transparent url('../images/BG-blue-semi.png') repeat center;
padding:			35px 25px;	
width:				860px;
}
#first-login-intro h2{
font-size:			65px;
line-height:		60px;
color:				#ffc20e;
letter-spacing:		-3px;
}
#first-login-intro h3{
font-size:			55px;
line-height:		46px;
font-weight:		bold;
color:				#fff;
letter-spacing:		-3px;
}
#first-login-intro p{
display:			block;
font-size:			18px;
font-weight:		bold;
line-height:		23px;
color:				#fff;
letter-spacing:		-1px;
padding:			12px 0 30px 0;
}
#first-login-intro a.first-link, #first-login-intro a.first-link:visited{
background-color:	#001735;
border-top:			1px solid #264c72;
color:				#57b0df;
padding:			12px 14px;
font-size:			19px;
letter-spacing:		-1px;
font-weight:		bold;
margin:				16px 10px 0 0;
}
#first-login-intro a.first-link:hover{
color:				#5f4300;
background:			#ffc20e;
}
#first-login-intro h4{
font-size:			30px;
color:				#87d6ff;
}
#first-login-intro ul{
padding:			20px;	
}
#first-login-intro ul li{
padding:			6px 0;
font-size:			20px;
}
#first-login-intro ul li a, #first-login-intro ul li a:visited{
color:				#87d6ff;
border-bottom:		#001735 1px solid;
}
#first-login-intro ul li a:hover{
border-bottom:		#ffc20e 1px solid;
}
#copy-blocks div.intro-thanks{
margin-bottom:		20px;
}
#copy-blocks div.intro-thanks img{
}
#copy-blocks div#first-features{
display:			block;
margin:				30px 0 30px 25px;
background:			transparent url('../images/BG-blue-semi.png') repeat center;
padding:			35px 25px;	
width:				860px;
}
.new-feature{
display:			block;
height:				400px;
}
.high{
height:				470px;	
}
.new-feature h3{
font-size:			40px;
font-weight:		bold;
color:				#57b0df;
display:			block;
padding:			10px 0 0 0;
}
.new-feature img{
padding:			8px;
background:			transparent url('../images/BG-blue-semi.png') repeat center;	
}
.new-feature ul, .new-feature ol{
display:			block;
width:				350px;
}
.new-feature ul.left{
padding:			20px 0 20px 20px;	
}
.new-feature ul.right{
padding:			20px 20px 20px 0;
}
#first-features ul li{
font-weight:		bold;
padding:			11px 0 8px 45px;
font-size:			19px;
background:			url('../images/ICON-yellow-tick.gif') no-repeat left 5px;
}
.new-feature ol.left{
padding:			0 0 20px 20px;	
margin-top:			-10px;
}
#first-features ol li{
font-weight:		bold;
padding:			0 0 0 45px;
font-size:			14px;
}
#first-features ol li strong{
color:				#57b0df;
}
#first-features ol li span{
display:			block;
padding-top:		10px;
}
#first-password{
display:			block;
height:				670px;
background:			url('../images/BG-first-form.png') no-repeat center right;
padding:			35px 25px 35px 60px;
width:				835px;
position:			relative;
}
* html #first-password{
background:			url('../images/BG-first-form.gif') no-repeat center right;	
}
#first-password h4{
font-size:			80px;
line-height:		66px;
color:				#fff;
font-weight:		bold;
letter-spacing:		-4px;
float:				left;
}
#form-frame{
float:				right;
margin:				70px 80px 0 0;
width:				262px;
height:				345px;
padding:			15px;
}
#form-frame p{
font-weight:		normal;	
line-height:		14px;
}
#form-frame p.username{
text-align:			center;
font-size:			16px;
line-height:		16px;
}
#form-frame p.username strong{
color:				#ffc20e;
}
#form-frame form li span{
font-size:			18px;
font-weight:		bold;
display:			block;
padding:			5px 0 8px 0;
}
#form-frame form li input{
width:				220px;
font-size:			35px;
height:				30px;
font-weight:		bold;
padding:			10px 10px 6px 10px;
text-align:			center;
border:				#002439 1px solid;
}
#form-frame form li input:focus{
background:			#fff9e8;	
}
#form-frame form li input.ok{
background:			#edffb0;
color:				#7da200;	
}
#form-frame form li input.not-ok{
background:			#ffa498;
color:				#9f1300;
}
#form-frame form .submit-wrap input{
background:			#001735;
border-top:			1px solid #264c72;
color:				#fff;
padding:			8px 16px;
font-size:			20px;
letter-spacing:		-1px;
font-weight:		bold;
margin:				16px 0 0 52px;
}
#form-frame form .submit-wrap input:hover{
color:				#5f4300;
background:			#ffc20e;
}
#first-login-intro a, #first-login-intro a:visited{
color:				#87d6ff;
border-bottom:		#001735 1px solid;
}
#first-login-intro a:hover{
border-bottom:		#ffc20e 1px solid;
}

/* Sare This */

#share-this-wrap {
	padding:10px;	
}

/* member download */
p.member-download a{
	padding-top:0px !important;	
}

/* New Social Icons Logo */
#post-login p .social-icons{
	position: relative;
    top: 8px;
}
#pre-login .social-icons a{
	padding: 3px 2px !important;
}
#post-login .social-icons a{
	padding: 3px 0px !important;
	background:none !important;
}