/**
 *
 *
 */

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

html, body {
	background-color: #cfd4d7;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
}

body {
	border-top: 3px solid #464749;
}

img {
	border: none;
}

a {
	color: #004670;
	outline: none;
}

.clear {
	clear: both;
}

.phone {
	color: #004670;
	font-weight: bold;
	line-height: 125%;
}

div#container {
	margin: 0 auto;
	width: 1000px;
}

div#header {
	overflow: auto;
	padding: 0 0 15px 0;
	position: relative;
}
div#header #welcome-msg
{
	font-size: 12px;
	float: left;
	margin-left: 0.25em;
	padding-top: 0.25em;
}

ul#account-navigation {
	background: #464749 url(../images/top-nav-left.gif) no-repeat left bottom;
	float: left;
	font-size: 12px;
	list-style: none;
	overflow: hidden;
}

	ul#account-navigation li {
		float: left;
		padding: 3px 10px 6px 10px;
	}
	
		ul#account-navigation li.last {
			background: url(../images/top-nav-right.gif) no-repeat right bottom;
		}
	
	ul#account-navigation li a {
		color: #fff;
		text-decoration: none;
	}

#resource-content-inner ul {
	margin-left: 30px;
	font-size: 80%;
}

#resource-content-inner hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: none;
	display: block;
	height: 3px;
}

ul#navigation {
	left: 7px;
	list-style: none;
	overflow: auto;
	position: absolute;
	bottom: 10px;
}

	ul#navigation li {
		float: left;
		line-height: 23px;
		padding-right: 30px;
	}
	
	ul#navigation li a {
		font-size: 85%;
		color: #333;
		text-decoration: none;
	}
	
	ul#navigation li a:hover {
		color: #bd203d;
		text-decoration: underline;
	}

div#logo {
	float: right;
	padding-top: 9px;
}

div#banner, div#rfp-container, div#newsletter-container {
	background-color: #fff;
	border: 6px solid #464749;
	padding: 1px;
}

	div#newsletter-container {
		margin-top: 15px;
		padding: 15px;
	}
	
	div#newsletter-container p {
		padding-bottom: 8px;
		font-size: 80%;
	}

div#banner {
	height: 280px;
}

#content {
	background-color: #fff;
	border: 6px solid #464749;
	margin-top: 15px;
	overflow: auto;
	padding: 20px 30px;
}

	#project-list {
		background-color: #fff;
		border: 6px solid #464749;
		overflow: auto;
		padding: 20px 30px;
	}

#home #content, #news #content, #resources #content, #my-projects #content {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

#news #content, #resources #content {
	margin-top: 15px;
}

#my-account #content {
	margin: 0;
}

	/* content styles */
	
	#content h1 {
		color: #bd203d;
		padding-bottom: 10px;
	}
	
	#content h2 {
		font-size: 110%;
		padding: 10px 0;
	}
	
	#content h3 {
		font-size: 100%;
	}
	
	#content .column li {
		font-size: 80%;
	}
	
	#content ol {
		font-size: 80%;
		margin-left: 30px;
	}
	
	#content ol ul {
		margin: 5px 20px;
	}
	
	#content ol li {
		line-height: 120%;
	}
	
	#content ol li p {
		font-size: 100%;
	}
	/* */
	
	div.error {
		background-color: #d64963;
		border: 1px solid #bd203d;
		color: #fff;
		font-size: 80%;
		font-weight: bold;
		padding: 20px;
	}
	
	div.thank-you {
		padding-top: 20px;
	}
	
div.page {
	
	line-height: 110%;
	overflow: auto;
}

	div#content p {
		font-size: 80%;
		margin: 10px 0;
	}
	
		div#content p.note {
			font-size: 95%;
			margin: 10px 0;
		}
	
	.section {
		clear: both;
	}
	
	.section .column {
		float: left;
		width: 450px;
	}
	
	.section .column.padded {
		padding-right: 28px;
	}
	
	.section .double {
		margin-top: 10px;
		padding: 30px 5px;
	}
	
	.column ul {
		padding: 5px 25px;
	}
	
	.column ul li {
		margin: 2px;
	}

.contact-form, .contact-info {
	float: left;
}

.contact-form {
	padding-right: 20px;
	width: 628px;
	font-size: 90%;
}

	#contact-call-date-input {
		margin-left: 10px;
		width: 100px;
	}

	.contact-form input[type=text] {
		border: 1px solid #ccc;
		padding: 3px 4px;
		width: 80%;
	}
	
	.contact-form textarea {
		border: 1px solid #ccc;
		padding: 4px 3px;
		width: 466px;
		height: 80px;
	}
	
	.contact-form input:focus, .contact-form textarea:focus {
		outline: none;
		border: 1px solid #333;
	}

.contact-info {
	background-color: #eee;
	padding: 20px;
	width: 240px;
}

	.contact-form form {
		padding-top: 20px;
	}

	.contact-form .column {
		float: left;
		width: 50%;
	}
	
	.contact-form .double {
		clear: both;
	}
	
	.contact-form h2 {
/* 		border-top: 1px dotted #e0e0e0; */
		clear: both;
		color: #bd203d;
		font-size: 100%;
		padding: 10px 0;
	}
	
	#captcha-fieldset {
/* 		border-top: 1px dotted #e0e0e0; */
		clear: both;
		margin-top: 15px;
	}
	
	.buttons-fieldset {
		padding-top: 40px;
		text-align: right;
	}
	
	dl.contact-fieldset {
		float: left;
		list-style: none;
		width: 40%;
	}
	
	dl.contact-fieldset dt {
		padding-bottom: 5px;
	}
	
	dl.contact-fieldset dd {
		padding-bottom: 10px;
	}
	
	
	dl.contact-fieldset-single {
		list-style: none;
		overflow: auto;
	}
	
	dl.contact-fieldset-single dt {
		clear: both;
		float: left;
	}
	
	dl.contact-fieldset-single dd {
		float: left;
		padding: 0 0 10px 25px;
	}
	
	dl.contact-fieldset-single dd.single {
		clear: both;
		padding: 5px 0 20px 0;
	}
	
	dl.contact-fieldset-continuous {
		list-style: none;
		overflow: auto;
	}
	
	dl.contact-fieldset-continuous dt {
		padding-top: 2px;
		width: 20px;
	}
	
	dl.contact-fieldset-continuous dd {
		padding-right: 20px;
	}
	
	dl.contact-fieldset-continuous dt, dl.contact-fieldset-continuous dd {
		float: left;
	}
	
	
	.required {
		color: #f00;
	}
	
	.optional {
		color: #ccc;
		font-size: 90%;
		padding: 0 10px;
	}
	
/* Resources sign up */

#newsletter-email {
	border: 1px solid #ccc;
	padding: 3px 4px;
}

#resources dl.resource-fieldset input[type=text], #resources dl.send-friend-fieldset input[type=text] {
	border: 1px solid #ccc;
	padding: 3px 4px;
	width: 80%;
}

	dl.resource-fieldset {
		float: left;
		list-style: none;
		padding: 10px 20px;
		width: 40%;
	}
	
	dl.resource-fieldset dt {
		padding-bottom: 5px;
	}
	
	dl.resource-fieldset dd {
		padding-bottom: 10px;
	}
	
	dl.resource-fieldset label {
		font-size: 80%;
	}
	
	/**/

	dl.send-friend-fieldset {
		float: left;
		list-style: none;
		padding: 10px 20px;
		width: 40%;
	}
	
	dl.send-friend-fieldset dt {
		padding-bottom: 2px;
	}
	
	dl.send-friend-fieldset dd {
		padding-bottom: 10px;
	}
	
	dl.send-friend-fieldset label {
		font-size: 80%;
	}
	


div.quick-info {
	font-size: 80%;
	padding: 15px 0;
	text-align: center;
}

.logo-blue {
	color: #00446a;
	font-weight: bold;
}

.logo-red {
	color: #bb213d;
	font-weight: bold;
}

div#footer {
	font-size: 75%;
	padding: 15px 7px;
}

	#footer-navigation {
		list-style: none;
		overflow: auto;
	}
	
	#footer-navigation li {
		float: left;
		padding-right: 25px;
	}
	
		#footer-navigation li a {
			color: #333;
			text-decoration: none;
		}
		
		#footer-navigation li a:hover {
			color: #bd203d;
			text-decoration: underline;
		}

	#footer-additional {
		clear: both;
		margin-top: 10px;
	}


#go-green {
	float: right;
	width: 240px;
	padding: 20px;
	background: #eee;
	margin-left: 20px;
	margin-top: 10px;
}

/* RFP Piece - by Jonathan */

/*
#project-previews {
	clear: both;
	list-style: none;
	overflow: auto;
	padding: 10px 0;
}

	#project-previews li {
		background: url(../images/sample-button-left.png) no-repeat left top;
		float: left;
		margin-right: 5px;
		padding-left: 10px;
	}
	
	#project-previews li a {
		background: url(../images/sample-button-right.png) no-repeat right top;
		color: #fff;
		display: block;
		font-weight: bold;
		height: 25px;
		line-height: 25px;
		padding-right: 10px;
		text-decoration: none;
	}
*/

#project-previews {
	clear: both;
	list-style: none;
	overflow: auto;
	padding: 10px 0;
}

	#project-previews li {
		float: left;
		margin-right: 5px;
	}
	
	#project-previews li a {
		background: url(../images/sample-button.png) no-repeat left top;
		color: #fff;
		display: block;
		font-weight: bold;
		height: 25px;
		line-height: 25px;
		text-decoration: none;
		text-align: center;
		width: 78px;
	}

div#rfp-container {
	position: relative;
}

	#my-projects #rfp-container {
		margin-top: 15px;
	}

#rfp-navigation {
	background: #464749;
	width: 310px;
}

	#rfp-navigation ul {
		list-style: none;
		padding-bottom: 5px;
	}
	
	#rfp-navigation ul li {
	}
	
	#rfp-navigation ul li a {
		display: block;
		padding: 10px 30px;
		width: 250px;
		
		text-decoration: none;
		
		/*text-align: center;*/
		color: #fff;
		
		font-size: 75%;
		
	}
	
	#rfp-navigation ul li a:hover {
		background: url(../images/rfp-nav-hover.png) no-repeat center center;
	}
	
	#rfp-navigation ul li.current {
		cursor: default;
		background: url(../images/rfp-nav-selected-top.png) no-repeat 15px top;
		padding-top: 10px;
	}
	
	#rfp-navigation ul li.current a {
		background: url(../images/rfp-nav-selected-bot.png) no-repeat 15px bottom;
		padding-top: 0;
		color: #004670;
	}
	
	#rfp-navigation ul li.current a:hover {
		cursor: default;
		background: url(../images/rfp-nav-selected-bot.png) no-repeat 15px bottom;
	}
	
	.superman {
		
		color: #fff;
		padding: 10px 0 10px 30px;
	}
	
	.superman h2 {
		font-size: 110%;
	}
	
	.superman a.mbg {
		color: #fff;
		background-color: #bd203d;
		display: block;
		float: left;
		position: relative;
		padding: 0 20px;
		width: 70px;
		text-decoration: none;
	}
	
	.superman a.mbg div {
		height: 60px;
		line-height: 20px;
		font-size: 80%;
		text-transform: uppercase;
	}
	
	.superman a.mbg p {
		font-size: 75%;
		display: none;
		background-color: #bd203d;
		left: 109px;
		position: absolute;
		top: 0;
		width: 677px;
		height: 60px;
		line-height: 60px;
		z-index: 2000;
		text-align: center;
	}
	
	.superman a.mbg:hover p {
		display: block;
	}

#rfp_list {
	min-height: 550px;
}

.rfp-heading {
	background: url(../images/accordian-collapsed.png) no-repeat 15px center;
	color: #fff;
	cursor: pointer;
	font-size: 90%;
	font-weight: bold;
	padding: 15px 10px 10px 30px;
}	

	.rfp-heading.current {
		background: url(../images/accordian-expanded.png) no-repeat 14px center;
	}
	
.rfp-separator {
	background: url(../images/rfp-separator.png) repeat-x top center;
}

#rfp-content {
	overflow: auto;
	position: absolute;
	top: 51px;
	bottom: 1px;
	left: 310px;
	right: 1px;
	width: 676px;
	background: #f8fefe;
}

#media-content {
	overflow: auto;
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: 310px;
	right: 1px;
	width: 676px;
	background: #f8fefe;
}

	#media-download {
		text-align: right;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	#media-content-inner {
		font-size: 100%;
		padding: 10px 20px;
		line-height: 110%;
	}
	
		#media-content-inner ul {
			font-size: 80%;
			margin-left: 20px;
		}

#rfp_content_inner {
	font-size: 80%;
	overflow: hidden;
	padding: 10px 20px;
}

#resource-content-inner {
	font-size: 80%;
	overflow: hidden;
	padding: 20px;
}

	#content #resource-content-inner h2.resource-heading {
		padding: 0;
		padding-bottom: 15px;
	}

/* RFP details container - splits content in rfp_content_inner - added by Pawel */

.rfp_heading_left {
	font: bold 1.2em Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
	padding: 15px 25px;
	text-align: center;
}

.rfp_heading_right {
	font: bold 1.2em Verdana, Geneva, sans-serif;
	color: #00446A;
	text-decoration: underline;
	padding: 0px 0px 15px;
}

.buy_now {
	display: none;
}

#rfp_description {
	float: left;
	width: 261px;
	margin-right: 15px;
}

	#rfp_desc_top {
		margin: 0;
	}
	
	#rfp_desc_stats {
		margin: 10px 0;
	}
		
		#price_and_button_container {
			width: 100%;
			overflow: auto;
			padding-top: 20px;
		}
		
			#price_col {
				float: left;
				width: 50%;
			}
			
			#button_col {
				float: right;
				width: 50%;
			}
			
			
			div#projDesc {
				font-size: 88%;
				line-height: 125%;
			}
			
			div#projDesc p {
				font-size: 100%;
			}
			
			div#projDesc ul, div#projDesc ol {
				margin-left: 15px;
			}
	
	#projName {
		color: #bb213d;
	}
	
	
/*#rfp_desc_info {
	margin: 10px 0;
}*/
#rfp_desc_info h4 {
	padding: 0;
	margin: 0;
}
#rfp_desc_info p {
	padding-top: 0;
	margin-top: 0;
}

#rfp_tree {
	float: left;
	width: 320px;
	overflow: auto;
	padding-left: 15px;
	padding-bottom: 10px;
	border-left: 1px dotted #e0e0e0;
}

#projTree {
	font-size: 90%;
}

#dhtmlgoodies_tree li {
	padding-top: 1px;
	padding-bottom: 1px;
}


/**/

#purchase-summary {
	background: #eee;
	border: 1px solid #ccc;
	padding: 20px;
}

#purchase-form {
	margin: 30px auto 0 auto;
	width: 80%;
}

	#purchase-summary ul {
		font-size: 80%;
		margin-left: 30px;
	}

	#purchase-form .column {
		float: left;
		width: 50%;
	}
	
	#purchase-form label {
		display: block;
		font-size: 80%;
		padding-bottom: 3px;
		color: #666;
	}
	
	#purchase-form input[type=text], #purchase-form textarea {
		margin-bottom: 8px;
		width: 80%;
		border: 1px solid #ccc;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		padding: 5px;
	}
	
	#purchase-form select {
		margin-bottom: 8px;
		width: 80%;
	}

	.purchase-review-field, .purchase-review-field pre {
		margin-bottom: 8px;
		font-weight: bold;
		font-size: 90%;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		padding: 5px;
	}
	
	.purchase-review-field pre {
		padding: 0;
	}
	
.purchase-stats {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.purchase-promotion {
	font-size: 100%;
	margin-top: 10px;
	padding-top: 20px;
	border-top: 1px dotted #ccc;
}

.purchase-controls {
	clear: both;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
	width: 680px;;
}
	.purchase-controls a {
		font-size: 80%;
	}

#purchase-newsletter-signup {
	float: left;
}

#purchase-submit {
	float: right;
}




#project-list h2 {
	float: left;
}

#create-project {
	float: right;
	font-size: 80%;
}

.section-summary {
	clear: both;
	padding: 10px 0;
}

.list_table {
	border-collapse: collapse;
	font-size: 80%;
	width: 100%;
	clear: both;
}

.list_table th {
	padding: 5px 10px;
	text-align: left;
}

.list_table td {
	min-width: 120px;
	padding: 2px 10px;
}

.list_table tbody tr {
	border-top: 1px solid #e0e0e0;
}

.list_search {
	float: left;
}
	.list_search label {
		font-size: 80%;
	}

	.list_search label, .list_search input {
		margin-right: 10px;
	}
	
	.list_search input[type=text] {
		border: 1px solid #ccc;
		padding: 3px 4px;
	}

#lists_form {
	display: block;
	background: #eee;
	border: 1px solid #ccc;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}

.list_pagination {
	float: right;
}

#post_list_container_search_by {
	display: none;
}

.goto-project {
	background: url(../images/goto.gif) no-repeat right center;
	padding-right: 20px;
}


a.resource-download {
	float: right;
}

div.resource-download {
	color: #bb213d;
	padding-left: 30px;
	font-weight: bold;
	float: right;
}

#content h2.resource-heading {
	font-size: 200%;
	padding: 10px 0;
}

#content div.resource-content {
	font-size: 120%;
}

#resources-login {
	margin-top: 15px;
	padding-top: 15px;
	overflow: hidden;
	border-top: 1px dotted #ccc;
}

	#resources-login .price {
		margin-top: -10px;
		margin-bottom: 10px;
	}

	#resources-login .column {
		float: left;
		width: 50%;
	}
	
	#resources-login .column h3 {
		font-size: 80%;
		margin-bottom: 20px;
		padding-right: 25px;
	}

/** LOGIN **/

#resource-login-form {
	border-left: 1px dotted #ccc;
	font-size: 80%;
	padding-left: 20px;
	margin-right: 30px;
	overflow: hidden;
}
	
	#resource-login-form table {
		border-collapse: collapse;
	}
	
	#resource-login-form dt {
		padding-bottom: 2px;
	}
	
	#resource-login-form dd {
		padding-bottom: 10px;
	}
	
	#resource-login-form input[type=text], #resource-login-form input[type=password], #lgi input[type=text], #lgi input[type=password] {
		display: block;
		border: 1px solid #ccc;
		padding: 5px 5px;
		width: 85%;
	}

#LGI_login fieldset {
	border: 0;
}

#LGI_login legend {
	font-size: 120%;
	font-weight: bold;
	padding: 10px 0;
}

#LGI_login td {
	padding-bottom: 5px;
}

#lgi , #content {
	overflow: hidden;
}

#lgi label {
	font-size: 85%;
}

#lgi dt, #lgi dd {
	float: left;
	padding-bottom: 10px;
}

#lgi dt {
	clear: both;
	width: 25%;
	line-height: 24px;
}

#lgi dd {
	text-align: right;
	width: 75%;
}

	#lgi dd input[type=text], #lgi dd input[type=password] {
		float: right;
	}

#lgi dt.remember {
	width: 100%;
}

	#lgi dt.remember label {
		padding-left: 10px;
		font-style: italic;
		font-size: 75%;
	}

#lgi .column {
	float: left;
	width: 30%;
	margin-right: 30px;
	padding-right: 40px;
}

#lgi h2 {
	margin-bottom: 20px;
}

#lgi .submit {
	clear: both;
	float: right;
}

#lgi input[type=text], #lgi input[type=password] {
	width: 90%;
}

#support-form dl {
	padding-top: 20px;
	position: static;
	overflow: hidden;
}

#support-form dt {
	float: left;
	clear: both;
	width: 130px;
}

#support-form dd {
	float: left;
	padding-bottom: 10px;
	width: 790px;
}

#support-form label {
	color: #666;
	font-size: 80%;
}

#support-form input[type=text], #support-form textarea {
	border: 1px solid #ccc;
	padding: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 200px;
}

#support-form textarea {
	width: 300px;
}

#support-form .support-message {
	margin-top: 15px;
	padding-top: 20px;
	border-top: 1px dotted #ccc;
	font-size: 90%;
}

	#support-form .support-message span.bad {
		color: #c00;
		font-weight: bold;
	}
	
#LGI_userEdit table {
	border-collapse: collapse;
}

	#LGI_userEdit table td {
		padding-bottom: 5px;
	}
	

#LGI_userEdit fieldset {
	float: left;
	width: 40%;
	border: none;
}

#LGI_userEdit #LGI_button_fieldset {
	float: none;
	width: auto;
	clear: both;
}

#LGI_userEdit_fieldset div {
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 10px;
	width: 290px;
	background: #eee;
	border: 1px solid #ccc;
	font-size: 85%;
}

#LGI_userEdit legend {
	font-size: 80%;
	font-weight: bold;
	padding-bottom: 10px;
}

#LGI_userEdit label {
	font-size: 80%;
	padding-right: 5px;
	line-height: 100%;
}


#LGI_userEdit input[type=text], #LGI_userEdit input[type=password] {
	border: 1px solid #ccc;
	padding: 4px 5px;
	font-family: Helvetica, Arial, sans-serif;
	width: 150px;
	font-size: 12px;
}

#LGI_userEdit textarea {
	border: 1px solid #ccc;
	padding: 4px 5px;
	font-family: Helvetica, Arial, sans-serif;
	width: 200px;
	height: 45px;
	font-size: 12px;
}

#account-details .message, #project-list .message {
	background: #eee;
	border: 1px solid #ccc;
	padding: 15px;
	margin-bottom: 20px;
	font-size: 90%;
}

#membership-promotion {
	display: block;
	background: #dbdee1;
	text-align: center;
	padding: 10px;
	margin-bottom: 15px;
	text-decoration: none;
	font-size: 90%;
}

	#membership-promotion:hover span {
		color: #bb213d;
	}
	
#membership-big-button {
	position:absolute;
	top:10px;
	right:0;
}

#terms {
	clear:both;
	margin:30px 0 20px 0;
	border:1px solid #ccc;
	height: 130px;
	overflow: auto;
	padding:10px;
}

	#terms h1 {
		font-size: 100%;
	}

#content .purchase-description p, #content .purchase-description ul, #content .purchase-description ol {
	font-size: 100%;
}

#content .purchase-description {
	font-size: 75%;
	line-height: 120%
}

#time-selection {
	padding-top: 10px;
	border-top: 1px dotted #ccc;
	margin-top: 20px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

	#content #time-selection p {
		font-size: 90%;
	}

	#time-selection h3 {
		padding-bottom: 10px;
	}

	#time-selection .package {
		overflow: hidden;
		padding-top: 15px;
	}
	
	#time-selection .package .column {
		float: left;
	}