/*

I don't want to mess with the styles provided, so I am adding hacks here to
get the site displaying in a way that doesn't seem so broken. Over time, any
valid changes made here should be worked into the main stylesheet.

- Noah Slater

*/

body {
    font-size: 14px;
}

.detail-table {
    margin-bottom: 1em;
}

textarea {
    width: 100%;
    margin-bottom: 1em;
}

/**
 * Adding this so that error pages will
 * have a distinct "error feel", by displaying
 * within a red box.
 *
 * - David Doran
 */
p.error {
		background-color: #FFDDDD;
		padding: 1em 2em 1em 2em;
}

a.delete-link {
	color: red;
	display: inline;
	text-decoration: none;
}
	a.delete-link:hover {
		color: white;
		background-color: red;
	}

.uploaded-files-list li .title {
	overflow: hidden;
}
	.uploaded-files-list li .upload-warning {
		font-weight: bold
	}

.message .video {
	clear: both;
	display: block;
	margin: 15px auto 15px auto;
	width: 675px;
	height: 505px
}

.message .button-add-comment {
	margin-bottom: 15px;
}

body > div input[name="upload"] {
	font-family: Helvetica, Arial, Verdana, sans-serif !important;
}

.information {
	background: transparent url(/media/images/white-to-grey-gradient.png) repeat-x scroll center bottom;
	margin: 0 auto;
	margin-top: 20px;
	padding: 20px;
	border: 1px #CCC solid;
	font-size: 14px;
}

/**
 * Not-Logged-In Styles
 */

#font-page-table .button {
    background: #FF850C;
    color: #FFF;
    border: none;
    border: 1px solid #FF850C;
}

#font-page-table .button:hover {
    border: 1px solid #FFF;
}

#logged-out-links-table {
	margin-left: 164px;
    height: 50px;
    width: 795px;
}

#logged-out-links-table td {
    text-align: right;
    vertical-align: center;
    font-weight: bold;
    font-size: 12px;
    padding: 0 10px;
}

#logged-out-links-table .button {
    background: #F00;
    color: #FFF;
    border: none;
    border: 1px solid #F66;
}

#logged-out-links-table .button:hover {
    border: 1px solid #FFF;
}

#logged-out-links-table td.text a {
    text-decoration: none;
    padding: 0 5px;
}

#logged-out-links-table td a:hover { color:#fff; }

#account-status {
    vertical-align: center;
}

#account-login-email, #account-login-password {
	color: #333;
	display: block;
	float: left;
	width: 130px;
	height: 15px;
	font-size: 12px;	
	/*padding: 0.2em 1em 0.2em 1em;*/
}
#account-login-email {

}
#account-login-password {
}
#account-login-submit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
background:transparent url(/media/images/button-gradient.png) repeat-x scroll 0 0;
border:1px solid #D6D6D6;
color:#666666;
display:block;
font-size:12px;
font-weight:bold;
height:28px;
line-height:28px;
padding:0;
text-align:center;
text-decoration:none;
width:80px;
}

/**
 * Home Page Styles
 */
#home-leaders .home-leader {
	/* @todo: Change this if the start of the "banner" must line-up with blue horizontal background. */
	border-bottom: 1px #CCC solid;
	clear: both;
	padding-top: 28px;
	padding-bottom: 10px;
	min-height: 139px; /* 177px - 28px padding - 10px padding */
}
	.leader-graphic, .leader-graphic {
		height: 139px;
	}

	.leader-graphic {
		border-right: 1px #E7E7E7 solid;
		clear: both;
		display: block;
		float: left;
		width: 279px; /* 280px - 1px border */
	}
		#home-leaders .leader-graphic img {
			display: block;
			margin: 16px auto 0 auto;
		}
	.leader-text {
		display: block;
		float: left;
		padding-left: 93px;
		width: 587px;  /* 680px - 93px padding */
	}
		#home-leaders .leader-text h2 {
			color: rgb(127, 192, 242);
			border: 0;
			font-size: 1.2em;
			margin: 0;
			padding: 10px 0 0 0;
		}
		#home-leaders .leader-text > p {
			font-size: 0.9em;
			margin-top: 19px;
		}

		#home-leaders .leader-text ul {
			color: #666;
			margin-top: 19px;
		}
			#home-leaders .leader-text ul li {
				color: #666;
				list-style: disc inside;
				font-size: 0.9em;
			}
				#home-leaders .leader-text ul li span {
					color: black;
					font-size: 0.9em;
				}

#banner {
	background: #FFF url(/media/images/home-banner-bg.png) repeat-x scroll center bottom;
	border-bottom: 1px #CCC solid;
	clear: both;
	padding: 20px;
	height: 290px; /* 330px - (20px + 20px padding) */
}
	#banner-graphic, #banner-graphic {
		height: 290px;
	}

	#banner-graphic {
		border-right: 1px #CCC solid;
		clear: both;
		display: block;
		float: left;
		width: 646px; /* 647px - 1px border */
	}
		#banner-graphic img {
			border: 3px #CCC solid;
			display: block;
		}
	#banner-text {
		display: block;
		float: left;
		padding-left: 20px;
		width: 253px;  /* 283px - 20px padding */
	}
		#banner-text p {
			font-size: 0.8em;
			line-height: 1.8em;
			margin-top: 0px;
			width: 230px;
		}
			#banner-text a.button {
				width: 230px;
			}

#home-container {
	padding: 0;
}
	#home-latest-projects h2, #home-featured-suppliers h2 {
		font-weight: normal;
		padding: 0 0 5px 0;
		margin: 0 20px 0 21px;
	}

	#home-latest-projects {
		clear: both;
		float: left;
		padding: 27px 20px 27px 21px;
		width: 439px;
	}
		#home-latest-projects h2 {
			margin: 0;
		}

		#home-latest-projects-list li {
			background: transparent url(/media/images/white-to-grey-gradient.png) repeat-x scroll center bottom;
			margin-top: 29px;
			padding: 25px 9px 8px 18px;
			border: 1px #CCC solid;
			font-size: 12px;
		}

		.latest-project {
			width: 100%;
		}
		.latest-project tr th, .latest-project tr td {
			height: 2em;
		}
		.latest-project .latest-project-view {
			width: 85px;
		}
			.latest-project .latest-project-view a {
				width: 82px;
			}
		.latest-project tr th {
			font-weight: bold;
			width: 100px;
		}
	#home-featured-suppliers {
		background: #9a9a9a url(/media/images/home-featuredsuppliers-supplier-bg-repeated.gif) repeat-y top left;
		float: left;
		padding: 27px 0;
		width: 480px;
	}
		#home-featured-suppliers h2 {
			border-bottom: 1px white solid;
			color: white;
		}
		#home-featured-suppliers-list {
		}
			#home-featured-suppliers-list .featured-supplier {
				display: block;
				height: 116px;
				margin: 26px 19px 0px 19px;
				background: transparent url(/media/images/home-featuredsuppliers-supplier-bg.png) no-repeat top left;
			}
				#home-featured-suppliers-list ol {
					padding: 16px 0 17px 0;
				}
					#home-featured-suppliers-list ol li {
						display: block;
						float: left;
						height: 81px;
					}
					#home-featured-suppliers-list ol li.supplier-profile-image {
						margin-left: 17px;
						width: 129px;
					}
						#home-featured-suppliers-list ol li.supplier-profile-image img {
							border: 3px #CCC solid;
						}
					#home-featured-suppliers-list ol li.supplier-details {
						border-left: 1px #CCC solid;
						color: #333;
						font-size: 0.8em;
						line-height: 1.5;
						margin-left: 15px;
						overflow: hidden;
						padding-left: 16px;
						width: 202px;
					}
					#home-featured-suppliers-list ol li.supplier-profile {
						width: 59px;
					}
						#home-featured-suppliers-list ol li.supplier-profile a {
							background: #FFF url('/media/images/home-featuredsuppliers-supplier-viewprofile.gif') no-repeat top left;
							display: block;
							margin: 18px auto;
							text-indent: -9999px;
							width: 41px;
							height: 40px;
						}
						#home-featured-suppliers-list ol li.supplier-profile a:hover {
							background: #FFF url('/media/images/home-featuredsuppliers-supplier-viewprofile-over.gif') no-repeat top left;
						}

/**
 * Admin styles.
 *
 * - David Doran
 */
.comment {padding-top:20px; clear:both; }
	.comment-meta {float:left;width:100px;font-size:14px}
	.comment-meta .actor {font-size:18px}
	.comment-text {margin-left:130px;font-size:12px; }

#dispute_threads {
	width: 100%;
}
	#dispute_purchaser_thread, #dispute_supplier_thread {
		width: 50%;
	}
	#dispute_purchaser_thread {
		padding: 0 10px 0 0;
	}
	#dispute_supplier_thread {
		padding: 0 0 0 10px;
	}

/* The styles for the dispute details */
#dispute-details {
	width: 100%;
}
	#dispute-details tr th {
		font-weight: bold;
		height: 2em;
	}
	#dispute-details tr td {
		padding: 0.5em 0 0.5em 0;
	}
	#dispute-details #dispute-actions {
		width: 150px;
		padding-left: 10px;
	}

/* The for form errors */
div.errors {

}
	div.errors b {
		color: red;
	}
	ul.errors li {
		color: red;
	}

/**
 * This CSS was taken from stars.css supplied
 * by Donal Hanafin to style the rating stars.
 *
 * - David Doran
 */
div.starry {
	width:auto;
	xfloat:left;
	margin:10px 0 10px 0;
	padding:5px;
	xborder:1px solid #ddd;
	width:auto;
}
div.standard_star {
	background-repeat: no-repeat;
	cursor:pointer;
	float:left;
	display:inline;
}
div.feedback {
	border:1px solid #ddd;
	padding:5px 3px 3px;
	display:inline;
}

/**
 * When displaying "Profile" and "Services"
 * of the supplier it must be formatted as the
 * supplier intended.
 */
pre, .pre {
    white-space: pre;
	font-family: inherit !important;
	overflow-x: none; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	 /* width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.front-page-icon {
    padding: 5px;
    border: 1px solid #999;
}

.search-bar {
    background: #333;
    color: #FFF;
    font-size: 18px;
    width: 100%;
}

.search-bar-index {
  background: #333;
  color: #FFF;
  font-size: 18px;
  width: 100%;
  position: absolute;
  left: 0px;
  background: #000000 url(/media/images/top-bar-gradient.png) repeat-x scroll 0 0;
}

.search-bar td.shim, .search-bar-index td.shim {
    width: 15px;
}

.search-bar td.expando {
    width: 100%;
}

.search-bar td {
    padding: 5px;
    text-align: left;
}

.search-bar-index td {
    padding: 10px;
    position: relative;
    float: left;
}

.search-bar-index td:first-child {
    padding-left: 35%;
    position: relative;
    float: left;
}

.search-bar input, .search-bar-index input {
    width: 300px;
    position: relative;
    float: left;
}

.search-bar .selector, .search-bar-index .selector {
    margin: 0px;
    width: 125px;
}

.search-bar select, .search-bar-index select {
    opacity: 0;
}

.search-bar .selector span, .search-bar-index .selector span {
    width: 100px;
}

.expanding-grid {
    padding: 15px;
    text-align: center;
}

.grid-item {
    display: inline;
    position: relative;
    margin: 15px 15px 0 15px;
}

.grid-item table {
    display: inline-table;
}

.grid-item table .image {
    width: 90px;
    height: 90px;
    padding: 10px;
    border: 1px solid #CCC;
    vertical-align: center;
    text-align: center;
}

.tags {
    width: 90px;
    height: 10px;
    padding: 10px;
    font-size: 10px;
    color: #666;
}

.supplier-grid {
    margin: 10px 10px 0 10px;
}

.portfolio-grid {
    width: 875px;
    margin: 45px auto;
}

.grid-item {
    margin: 15px 15px 0 15px;
    display: inline-table;
}

.grid-item td.image {
    vertical-align: center;
    text-align: center;
    width: 100px;
    height: 100px;
    border: 1px solid #CCC;
    padding: 5px;
}

.grid-item img {
    max-width: 90px;
    max-height: 90px;
}

table.supplier {
    border: 1px #BBB solid;
    display: inline;
    margin: 10px 10px 0 10px;
    width: 445px;
}

* > table.supplier {
    display: inline-table;
}

table.supplier .left,
table.supplier .right {
    padding: 15px;
}

table.supplier .left {
    width: 321px;
    border-right: 1px #BBB solid;
}

table.supplier .right {
    width: 61px;

}

table.supplier .right table td {
    text-align: center;
    vertical-align: center;
}

table.supplier .image img {
    padding: 0;
    margin: 0;
    border: solid #CCC 2px;
    vertical-align: bottom;
}

table.supplier .image {
    border-right: 1px #BBB solid;
    padding-right: 15px;
    width: 127px;
    height: 79px;
    text-align: center;
    vertical-align: center;
}


table.supplier .description {
    padding-left: 15px;
    overflow: hide;
}

/*
table.supplier .right .profile {
    width: 61px;
    height: 38px;
    display: block;
}

table.supplier .right .favourite a {
    width: 61px;
    height: 38px;
    display: block;
}

*/

table.supplier .star-rating {
    margin-top: 6px;
}

.no-results {
    width: 760px;
    padding: 100px;
    text-align: center;
}

.button {
    margin-top: 1px;
}

input.smooth {
    height: 20px;
    text-decoration:none;
    padding: 0px 5px;
    border: 1px #d6d6d6 solid;
    color: #444;
    font-size: 14px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}

* > input.smooth {
    padding: 4px 7px;
}

.supplier-id,
.supplier-name {
    display: none;
}


#toolbar #toolbar-tabs .thin {
    width: 229px !important;
}

#toolbar #toolbar-tabs .thin a {
    width: 229px !important;
}

#toolbar #toolbar-tabs .thin span {
    width: 227px !important;
}

#search-form #profiles,
#search-form #images {
    padding: 0;
}

#search-form #profiles {
    padding-left: 10px;
}

#search-form #profiles a,
#search-form #images a {
    display: block;
    overflow: visible;
    width: 83px;
    height: 41px;
}

#search-form #profiles a {
	background: transparent url(/media/images/icon-profiles.png) no-repeat center bottom;
}

#search-form #images a {
	background: transparent url(/media/images/icon-view-images.png) no-repeat center bottom;
}

#search-form #profiles a.selected,
#search-form #profiles a:hover {
	background: transparent url(/media/images/icon-profiles-selected.png) no-repeat center bottom;
}

#search-form #images a.selected,
#search-form #images a:hover {
	background: transparent url(/media/images/icon-view-images-selected.png) no-repeat center bottom;
}

#button-request-a-tender {
    margin-left: 50px;
}

#new-signup-form input {
    width: 200px;
}

#new-signup-form input.checkbox {
    width: 20px;
}