@import url(/media/css/reset.css);

/* ------------------------------- */
/* HTML Elements
/* ------------------------------- */

body, pre {
	font:16px Tahoma,Helvetica,Arial,sans-serif;
}
body {
	color:#333;
}

a {color:#FF850C;}

#content h2, #content h3 {
    font-size:20px;
    border-bottom:1px #333 solid;
    padding:5px 0;
    font-weight:bold;
    margin:5px 0;
    font-weight:normal;
    color:#333;}

#content h4, #content h3 {
    font-size:16px;
    border-bottom:1px #ccc solid;
    padding:5px 0;
    font-weight:bold;
    margin:5px 0;
    font-weight:normal;
    color:#333;}

input.text-box, textarea {
    box-shadow:1px 1px 2px #aaa;
    -moz-box-shadow:1px 1px 2px #aaa;
    -webkit-box-shadow:1px 1px 2px #aaa;
    border:1px #999 solid;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding:2px 0;
}

button {cursor:pointer;}

strong {font-weight:bold;}


/* ------------------------------- */
/* Generic Classes
/* ------------------------------- */

.container {width:960px;margin:0 auto;}

.margined-container {margin:0 20px;}
.vertical-margined-container {margin:20px 0;}
.vertical-padded-container {margin:20px 0;}

.container-quarter {
    width:240px;
    float:left;
    margin:0 auto;
    text-align:center;
    display:block;}

.container-quarter-simple {width:240px;}

.container-third {
    width:320px;
    float:left;
    margin:0 auto;
    text-align:center;
    display:block;}

.button {
    background:transparent url(/media/images/button-gradient.png) 0 0 repeat-x;
    width:180px;
    height:29px;
    display:block;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    padding:0;
    border:1px #d6d6d6 solid;
    color:#666;
    font-size:14px;
    line-height:28px;
    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);}
    .button:hover {background-position:0 -29px;color:#fff;border:1px #484747 solid;}
    input.button {border:none;padding:0;}
    .button.wide {width:170px;}
    .button.thin {width:140px;}
    .button.very-thin {width:100px;}

/** Specific Styles for upload button -- David D **/
.button-upload {
    background:transparent url(/media/images/button-gradient.png) 0 0 repeat-x;
    width:180px;
    height:29px;
    display:block;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    padding:0;
    border:1px #d6d6d6 solid;
    color:#666;
    font-size:14px;
    line-height:28px;
    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);}
.button-upload.hover {background-position:0 -29px;color:#fff;border:1px #484747 solid;}
	input.button-upload {border:none;padding:0;}
    .button-upload.wide {width:215px;}
    .button-upload.thin {width:140px;}
    .button-upload.very-thin {width:100px;}

a.tab {background:#FFF url(/media/images/white-to-grey-gradient.png) bottom repeat-x;}
    a.tab:hover {background:#FFF url(/media/images/grey-to-white-gradient.png) bottom repeat-x;color:#333;}
    .active a.tab {background-image:none !important;cursor:default !important;}
    .active a.tab:hover {background:#fff !important;color:#FF850C !important;}

li.updated span  {
       position:absolute;
       top:5px;
       right:5px;
       display:block;
       height:17px;
       width:47px;
       background: url(/media/images/update-notification.png);}

.small, small {font-size:12px; color:#666;}
small.info {font-size:11px; color:#999; font-style:italic;}

.form-buttons-right {text-align:right;}
    .form-buttons-right input, .form-buttons-right button {margin-left:20px;}
	.form-buttons-right button {float:right;margin-right:20px;}

.detail-list {margin:20px 0; clear:both;}
    .detail-list li {
        border-bottom:1px #ccc solid;
        padding:10px 0;
        font-size:14px;
        color:#333;
        overflow:hidden;}
        .detail-list li.last {border-bottom:none;}
		.edited-tender .detail-list li { color: white}
    .detail-list li .title {
        display:block;
        width:250px;
        float:left;
        font-size:18px;}
    .detail-list li .description {display:block;margin-left:250px;}
    .detail-list li .description p {margin-bottom:10px;}
    .detail-list li textarea, .detail-list li input, .detail-list li select {width:475px;}
    .detail-list#new-tender li textarea, .detail-list#new-tender li input, .detail-list#new-tender li select {width:375px;}
    .detail-list li input.selectbox {width:175px;}
    .detail-list li .selectbox-wrapper {margin-left:0px;}
    .detail-list#new-tender li input.inline{width:auto;margin-right:10px;}
    .detail-list#new-tender li label {margin-right:30px;}
	.detail-list li input.inline{width:auto;margin-right:10px;}

.detail-table {
    clear:both;
    width:100%;
    font-size:14px;}
    .detail-table th {font-weight:bold;}
    .detail-table tr {border-bottom:1px #ccc solid;}
    .detail-table tr.highlight:hover {
        background:#FFF url(/media/images/white-to-grey-gradient.png) bottom repeat-x;
        cursor:pointer;}
    .detail-table td, .detail-table th {padding:10px;}
    .detail-table .total-row {font-size:18px;border-bottom:none;}

.right {float:right;}
.left {float:left;}
.margin-right {margin:0 5px 0;}

.caption-top, .caption-bottom {
	color: #ffffff;
	padding: 0.6em;
	font-weight: bold;
	font-size: 13px;
	cursor: default;
	border: 0px solid #334143;
	background: #000000;}
.caption-top {border-width: 0px 0px 8px 0px;}
.caption-bottom {border-width: 8px 0px 0px 0px;}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.15em;}
.caption a:hover, .caption a:hover {background: #202020;}
.caption-wrapper {float: left;}

.clear{clear:both;}
.no-overflow{overflow:hidden;}
.spacer{padding-bottom:40px;}
.no-pre-space{margin-top:0;padding-top:0;}
.updates-marker {background:#f00;color:#fff;padding:5px;font-weight:bold;}
.updates-marker-zero {background:#fff;color:#000;padding:5px;}
.extra-height {height:80px;}
.null-margin {margin:0 !important;}
.updated-option{font-weight:bold;}
/*.side-margin p {display:inline;padding:0 20px;}
*/
#toolbar {
	background:url(/media/images/white-to-grey-gradient.png) bottom repeat-x;
	border-top:1px #d6d6d6 solid;
	border-bottom:1px #d6d6d6 solid;
	margin:20px 0;
	min-height:35px;
    padding:0 20px;
  z-index: 100
	clear:both;}
	#toolbar ul#toolbar-tabs {float:left;}
	#toolbar ul#toolbar-tabs li {
		position:relative;
		width:280px;
		float:left;}
	#toolbar ul#toolbar-tabs li em.update  {
    	text-indent:-10000px;
    	top:-15px;
    	left:260px;}
	#toolbar ul#toolbar-tabs li a {
		height:35px;
		line-height:1.5;
		text-align:center;
		display:block;
		width:280px;
		font-size:20px;
		color:#fff;
		background:url(/media/images/grey-to-black-gradient.png) top;
		text-decoration:none;}
	#toolbar ul#toolbar-tabs li a:hover {background:url(/media/images/grey-to-black-gradient.png) bottom;}
	#toolbar ul#toolbar-tabs li.active a {
        background: none;
        z-index: 999;
	}
	#toolbar ul#toolbar-tabs li.active a span {
		cursor:default;
		width:278px;
		height:45px;
		display:block;
        margin-top: -10px;
/*		position:absolute;
		top:-10px;*/
		border:1px #d6d6d6 solid;
		border-bottom:none;
		line-height:2;
		background:#fff;
		color:#333;
		-moz-border-radius-topright: 12px;
		-webkit-border-top-right-radius: 12px;
		-moz-border-radius-topleft: 12px;
		-webkit-border-top-left-radius: 12px;}
	#toolbar ul#toolbar-tabs li.first a {-moz-border-radius-topleft: 12px;-webkit-border-top-left-radius: 12px;}
	#toolbar ul#toolbar-tabs li.last a {-moz-border-radius-topright: 12px;-webkit-border-top-right-radius: 12px;}

#toolbar-sort, #toolbar-show {
	float:right;
	line-height:2;}
    #toolbar-sort label, #supplier-sort label, #toolbar-show label, #tender-sort label {padding-right:20px;font-size:14px;}

#tenders-sort {

	float:right;
	line-height:2;
	margin-top: 10px;
}
	#tenders-sort label {
		font-size:14px;
		padding-right:20px;
	}

#supplier-sort, #tender-sort {
    padding:20px 0;
    clear:both;
    float:right;
	line-height:2;}

span.star-rating {
	background:url(/media/images/stars-sprite.png) top left;
	display:inline-block;
	width:88px; /* width of the set of 5 stars */
	height:15px;
	overflow:hidden;
	text-indent:-1000em;}
	span.star-rating.rate-0 {background-position:-89px 0;}
	span.star-rating.rate-1 {background-position:-72px 0;}
	span.star-rating.rate-2 {background-position:-51px 0;}
	span.star-rating.rate-3 {background-position:-34px 0;}
	span.star-rating.rate-4 {background-position:-19px 0;}
	span.star-rating.rate-5 {background-position:0 0;}


/* The following class is for hiding delimiters that are neccesary for text
representation but are superflous when rendered in a browser with CSS turned on */
.invisible-delimiter {display:none;text-indent:-10000px;}

.hidden {display:none;}

.ui-datepicker {font-size:0.8em !important}

.or-cancel {
    display:block;
    float:left;
    padding:8px 10px;
    font-size:14px;
}

/* ------------------------------- */
/* Common Page Elements
/* ------------------------------- */

#header {
    width:100%;
    background:#000 url(/media/images/top-bar-gradient.png) repeat-x;
    height:50px;
    border-bottom:1px #fff solid;}
    #logo a {
        position:absolute;
        margin-left:10px;
        width:146px;
        height: 104px;
        text-indent:-10000px;
        background:transparent url(/media/images/logo.png) 0 0 no-repeat;}
    #search {
        margin-left:190px;
        float:left;
        display:none;}
    #user-details {
        float:right;
        color:#fff;}
        #user-details li {
            float:left;
            border-left:1px #fff solid;
            font-weight:bold;
            font-size:14px;}
        #user-details li a {text-decoration:none;}
        #user-details li a:hover {color:#fff;}
        #user-details li#account-settings a {
            display:block;
            background: url(/media/images/settings.png) 10px center  no-repeat;
            line-height:50px;
            text-indent:40px;
            padding:0 10px;}
        #user-details li#log-out a {
            display:block;
            background: url(/media/images/log-out.png) 10px center  no-repeat;
            line-height:50px;
            text-indent:40px;
            padding:0 10px;}
        #user-details li#current-user {
            background: url(/media/images/user-avatar.png) 10px center  no-repeat;
            line-height:50px;
            text-indent:40px;
            padding:0 10px;}

#account-status {
    clear:both;
    float:right;
    margin-bottom:20px;
    background:#424242;
    overflow:hidden;
    padding:10px 5px;
    -webkit-border-bottom-left-radius:14px;
    -webkit-border-bottom-right-radius:14px;
    -moz-border-radius-bottomleft:14px;
    -moz-border-radius-bottomright:14px;
    -webkit-box-shadow: 0px 2px 3px #aaa;
    -moz-box-shadow: 0px 2px 3px #aaa;
    box-shadow: 0px 2px 3px  #aaa;}
        #account-status li {
            float:left;
            padding:5px 10px;
            line-height:5px;
            border-left:1px #fff solid}
        #account-status li a {text-decoration:none;font-weight:bold;font-size:14px;}
        #account-status li a:hover {color:#fff;}
        #account-status li.first {border-left:0px}
        #account-status li a span {font-weight:normal;font-size:12px}

#account-settings-list {width:500px;}
    #account-settings-list li .title {width:150px;}
    #account-settings-list li .description {margin-left:150px;}
    #account-settings-list li textarea, #account-settings-list li input, .detail-list li select {width:300px;}
    #account-settings-list li input.selectbox {width:250px;}

#content-wrapper {padding:0 10px;background:#FFF url(/media/images/container-background.png) repeat-y;}
#content-inner {padding:20px;padding-bottom:50px;}

ul#navigation {clear:both;padding-top:20px;}
    ul#navigation li {
        float:left;
        background: url(/media/images/navigation-border.png) bottom repeat-x;
        position:relative;
        border-bottom:1px #999 solid;}
    ul#navigation li.first a {margin-left:0px;width:142px;}
    ul#navigation.supplier-nav li.first a {width:190px;}
    ul#navigation li a {
        margin-left:1px;
        display:block;
        width:141px;
        height:80px;
        padding-top:10px;
        padding-left:50px;
        background-position:0 0;
        background-repeat:no-repeat;
        background-color:#fff;
        font-size:18px;
        text-decoration:none;
        font-weight:bold;
		background-image: url(/media/images/navigation-sprite.png);}
		ul#navigation.supplier-nav li a {width:189px;}
    ul#navigation li a:hover {background-color:#FF850C;color:#fff;background-position:0 -100px;}
    ul#navigation li a span.description {display:block;color:#656565;font-size:10px;font-weight:normal;margin-top:10px;}
        ul#navigation li ul {display:none;border-bottom:1px #999 solid;position:absolute;float:none;z-index:999;}
        ul#navigation li:hover ul {display:block;}
        ul#navigation li ul li {background:none;border-bottom:none;}
        ul#navigation li ul li a {
            background:#fff;
            margin-left:0px;
            font-size:12px;
            padding:6px;
            height:20px;
            width:179px;
            text-align:center;
            border-top:1px #999 solid;
            border-left:1px #999 solid;
            border-right:1px #999 solid;}
          ul#navigation.supplier-nav li ul li a {width:227px;}
        ul#navigation li ul li a:hover {background:none;background-color:#FF850C;color:#fff;}

    ul#navigation li#dashboard-link a {background-position:0 0;}
    ul#navigation li#tenders-link a {background-position:-300px 0;}
    ul#navigation li#projects-link a {background-position:-600px 0;}
    ul#navigation li#suppliers-link a {background-position:-900px 0;}
    ul#navigation li#payments-link a {background-position:-600px 0;}
    ul#navigation li#myprofile-link a {background-position:-1200px 0;}

    ul#navigation li#dashboard-link a:hover {background-position:0 -100px;}
    ul#navigation li#tenders-link a:hover {background-position:-300px -100px;}
    ul#navigation li#projects-link a:hover {background-position:-600px -100px;}
    ul#navigation li#suppliers-link a:hover {background-position:-900px -100px;}
    ul#navigation li#payments-link a:hover {background-position:-600px -100px;}
    ul#navigation li#myprofile-link a:hover {background-position:-1200px -100px;}

#overview-container {
    clear:both;
    background:#000 url(/media/images/dashboard-gradient-background.png) 0 0 repeat-x;
    overflow:hidden;
    display:none;}
    #overview-container .first {border-left:none;}
    #overview-container h3 {font-size:18px;color:#fff;}
    ul.overview-list {margin:20px 0;}
        ul.overview-list li a {
            display:block;
            padding:0 10px;
            text-decoration:none;
            font-size:11px;
            line-height:30px;
            color:#fff;
            border-bottom:1px #fff solid;}
    ul.overview-list li a:hover {background:#ddd;color:#666;}
    #project-overview, #tender-overview, #quick-links {
        float:left;
        width:279px;
        height:230px;
        padding:10px 20px;
        border-left:1px #fff solid;}
    #quick-links ul {margin-top:60px;}
    #quick-links.three-buttons ul {margin-top:40px;}
        #quick-links ul li a {margin:0 auto;margin-top:20px;}

#button-toggle-overview {
    clear:both;
    background-position:0 -2px;
    font-size:14px;
    line-height:22px;
    height:27px;
    margin-left:705px;
    border-top:none;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;}
    #button-toggle-overview:hover {background-position:0 -31px;}

ul#breadcrumbs {border:1px solid #D0D0D0;margin:10px;overflow: hidden}
    ul#breadcrumbs li {float:left;line-height:50px;text-indent:10px;}
    ul#breadcrumbs li a {
        padding-right: 15px;
        text-decoration:none;
        display:block;
        font-weight:bold;
        background:url(/media/images/breadcrumbs.gif) no-repeat right center;
        height:50px;}
    ul#breadcrumbs li a:hover {text-decoration:underline;}

#footer {clear:both;border-top:1px #333 solid;}
    #footer h4 {
        font-size:24px;
        color:#333;
        padding:5px;
        padding-left:0;
        border-bottom:1px #333 solid;}
    #footer #explore, #footer #blog, #footer #find-us {
        float:left;
        width:279px;
        padding:10px 20px;}
    #footer #explore h4 {background:url(/media/images/explore-icon.png) center right no-repeat;}
    #footer #find-us h4 {background:url(/media/images/contact-icon.png) center right no-repeat;}
    #footer #blog h4 {background:url(/media/images/blog-icon.png) center right no-repeat;}
    ul#explore-list li a, ul#blog-list li a, ul#find-us-list li a {
        display:block;
        padding:0 10px;
        text-decoration:none;
        font-size:11px;
        line-height:30px;
        color:#FF850C;}
    ul#blog-list li a {
        border-bottom:1px #333 solid;
        padding:10px;
        line-height:1.8;}
    ul#find-us-list li a {
        font-size:14px;
        padding: 10px 10px;
        border-bottom:1px #333 solid;
        background-repeat:no-repeat;
        background-position:10px 10px;
        text-indent:42px;
        font-weight:bold;}
    ul#explore-list li a:hover,
    ul#blog-list li a:hover,
    ul#find-us-list li a:hover {background-color:#FF850C;color:#fff;}
    a#tweet {
        display:block;
        margin-top:20px;
        background: url(/media/images/tweet.png) left bottom no-repeat;
        padding-bottom:46px;
        text-decoration:none;}
    a#tweet span {
        display:block;
        background-color:#333;
        font-size:12px;
        color:#fff;
        padding:10px;
        line-height:18px;}
    #facebook-link {background-image:url(/media/images/facebook-32x32.png);}
    #skype-link {background-image:url(/media/images/skype-32x32.png);}
    #rss-feed {float:right;margin-top:20px;}
    #footer-base {
        clear:both;
        background: url(/media/images/footer-base.jpg) bottom repeat-x;
        border-top:1px #333 solid;}
        #newsletter-sign-up {clear:both; margin-top:20px;}
        #newsletter-sign-up form input {padding:4px; color:#5d5b5d; border:1px #333 solid;}
        #newsletter-sign-up form #button-newsletter-sign-up {margin-right:0; padding:0;}
        #send-us-feedback {
            overflow:hidden;
			clear:both;
            padding-top:30px;
            padding-bottom:30px;}
        #button-send-us-your-feedback {clear:both;margin:0px auto;}
        #copyright {text-align:center;padding:5px;font-size:12px; padding-bottom:10px;}

/* ------------------------------- */
/* Project Section Elements
/* ------------------------------- */

ul#project-navigation {margin-left:190px;overflow:hidden;width:760px;}
    ul#project-navigation li {float:left;position:relative;}
    ul#project-navigation li a {
        display:block;
        width:189px;
        height:70px;
        font-weight:bold;
        text-decoration:none;
        line-height:70px;
        text-align:center;
        border-bottom:1px #CDCDCD solid;
        border-top:1px #CDCDCD solid;
        border-right:1px #CDCDCD solid;}
    ul#project-navigation li.first a {border-left:1px #CDCDCD solid;width:188px;}
    ul#project-navigation li.active a {border-bottom:none;}

#milestone-controls {clear:both;width:190px;display:inline;float:left;}
ul#milestone-navigation {width:190px;}
	ul#milestone-navigation li {position:relative;}
    ul#milestone-navigation li a {
        display:block;
        width:168px;
        height:50px;
        padding:10px;
        text-decoration:none;
        border-bottom:1px #CDCDCD solid;
        border-left:1px #CDCDCD solid;
        border-right:1px #CDCDCD solid;}
    ul#milestone-navigation li.first a {border-top:1px #CDCDCD solid;}
    ul#milestone-navigation li.active a {border-right:1px #fff solid;}
    ul#milestone-navigation li a em.number {font-weight:bold;}
    ul#milestone-navigation li a small.title {font-size:11px;color:#333;display:block;}
    ul#milestone-navigation li.completed a em.number {text-decoration:line-through;}
	#button-add-new-milestone {margin:10px 4px;}

.project-section #body-content {
	position:relative;
	left:-1px;
	padding-left:19px;
	margin-right:20px;
	margin-top:10px;
	width:730px;
	float:left;
	display:inline;
	border-left:1px #ccc solid;
	padding-bottom:100px;}


/* ------------------------------- */
/* Project Overview Page Elements
/* ------------------------------- */

#request-tender-detail,
#winning-tender-detail,
#create-dispute-detail {display:none;}


/* ------------------------------- */
/* Project Milestone Page Elements
/* ------------------------------- */

    .project-section #body-content h2#milestone-title {font-size:12px;margin-bottom:5px; border:none;display:inline;}
    .project-section #body-content h2#milestone-title span {font-size:18px;}
    .project-section #body-content #date-due {font-size:12px;margin-left:30px;display:inline;}
    .project-section #body-content #date-due span {font-size:18px;}
    .project-section #body-content #cost {font-size:12px;display:inline;margin-left:30px;}
    .project-section #body-content #cost span {font-size:18px;}
    .project-section #body-content ul#milestone-actions {
        margin-bottom:10px;
        margin-top:20px;
        padding-top:10px;
        padding-bottom:10px;
        border-top:1px #666 solid;
        height:29px;}
        .project-section #body-content ul#milestone-actions li {float:right;}
        .project-section #body-content ul#milestone-actions li.first {float:left;}

.project-section #body-content #new-message-form {
	clear:both;
    padding-top:20px;
    display:none;
    border-top:1px #666 solid;}
    .project-section #body-content #new-message-form textarea {width:720px;margin-bottom:10px;}
    .project-section #body-content #messages .message #new-comment-form textarea {margin:10px 0;width:700px;}


#updated-messages {
    padding-top:20px;
    margin-bottom:20px;
    border-bottom:1px #000 solid;
    padding-bottom:20px;
    clear:both;}
/*
    #updated-messages h3 {border:none;margin-bottom:15px;}
    #updated-messages .headings span {display:inline-block;width:200px;}
    #updated-messages .content span {display:inline-block;width:200px;font-size:12px;}
    #updated-messages .content #button-view {display:inline-block;}
*/


#body-content #messages {border:1px #666 solid;padding:10px;}
	#messages .message { background-color: #EEE; border:1px solid #ccc; margin-bottom:20px; padding:15px; position:relative;}
    #messages .message h3 {font-size:18px;margin-bottom:20px; border:none;}
    #messages .message .updated {
        color:#fff;
        background:url(/media/images/updated-label.png) no-repeat;
        width:100px;
        height:46px;
        position:absolute;
        right:-21px;
        text-align:center;
        line-height:36px;
        font-size:15px;
        font-weight:bold;
        top:0px;}
    .annotated-image {position:relative;}
    #messages .message img {border:1px #666 solid;}
    .button-add-note {margin-bottom:10px;}
    .button-add-note em {
		font-weight:bold;
        padding-left:25px;
        background: url(/media/images/note-edit.png) 0 2px no-repeat;}
	#messages .message .comment { border-top:1px solid #ccc; clear:both; margin-top:20px; }
    #messages .message .comment-meta {float:left;width:100px;font-size:14px}
    #messages .message .comment-meta .actor {font-size:18px}
    #messages .message .comment-text {margin-left:130px;font-size:12px;}


    .float-children-right * {float:right;}

.noteform {
	position:absolute;
    background:#FFF url(/media/images/white-to-grey-gradient.png) bottom repeat-x;
    padding:10px;
    border:1px #ccc solid;
    color:#777;
    -webkit-box-shadow: 2px 2px 5px #000;
    -moz-box-shadow: 2px 2px 5px #000;
    box-shadow: 2px 2px 5px  #000;}
    .noteform legend {
        color:#777;
        font-weight:bold;
        padding:5px;
        padding-left:0;
        font-size:12px;}
    .noteform .NoteNote {margin-bottom:10px;}
    .note-actions a, .note-actions button {float:left;}
    .button-save-note {margin-right:20px;}


/* ------------------------------- */
/* Uploaded Files Page Elements
/* ------------------------------- */

ul.uploaded-files li {
    border-bottom:1px #cdcdcd solid;
    clear:both;}
    ul.uploaded-files li a {
        text-decoration:none;
        display:block;
        height:60px;
        clear:both;
        padding:20px 5px;
        margin:20px 0;}
    ul.uploaded-files li a:hover {background-color:#FF850C;color:#fff;}
    ul.uploaded-files li a:hover .item-meta {color:#fff;}
    ul.uploaded-files li .item-meta {
        display:block;
        float:left;
        border-right:1px #cdcdcd solid;
        padding-right:30px;
        color:#333;
        width:200px;}
    ul.uploaded-files li .item-meta span {display:block;}
    .item-meta .date, .item-meta .time {font-size:14px;}
    ul.uploaded-files li .file-name {
        display:block;
        margin-left:30px;
        width:300px;
        float:left;
        font-size:14px;}
    ul.uploaded-files li .item-wrap {
        display:block;
        float:left;
        border-right:1px #cdcdcd solid;
        padding-right:30px;}
    ul.uploaded-files li .file-preview {display:block;float:right;}

/* ------------------------------- */
/* Project History Page Elements
/* ------------------------------- */

ul.timeline {overflow:hidden;}
    ul.timeline li.timeline-item {
        border-bottom:1px #cdcdcd solid;
        clear:both;
        padding:10px 0;
        overflow:hidden;}
    ul.uploaded-files li a:hover {background-color:#FF850C;color:#fff;}
    ul.uploaded-files li a:hover .item-meta {color:#fff;}
    ul.timeline li.timeline-item ul.item-meta {
        display:block;
        float:left;
        padding-right:30px;
        color:#333;
        width:110px;}
    ul.timeline li.timeline-item p {margin-left:140px;}
    ul.timeline li.timeline-item p.item-paragraph {font-size:12px;}
    ul.timeline li.timeline-item p.item-text {font-size:24px;}
    ul.timeline li.timeline-item p img {padding-left:20px;}

/* ------------------------------- */
/* Dashboard
/* ------------------------------- */

#welcome-message {
    background:transparent url(/media/images/white-to-grey-gradient.png) repeat-x scroll center bottom;
    width:900px;
    margin:0 auto;
    margin-top:20px;
    padding:20px;
    border:1px #ccc solid;
    font-size:14px;}
    #welcome-message #welcome-text {width:650px;float:left;}
    #welcome-message #welcome-text form p {margin-top:20px; font-weight:bold;}

#updates-status {margin:40px 0;height:60px;}
    #updates-status li {
        padding-top:10px;
        float:left;
        width:300px;
        margin-left:20px;
        height:50px;}

    #updates-status li#tender-updates-indicator,
    #updates-status li#project-updates-indicator,
    #updates-status li#tender-invitations-indicator {
        border-right:1px #ccc solid;
        width:299px;    }

    #updates-status li#tender-updates-indicator a,
    #updates-status li#project-updates-indicator a,
    #updates-status li#tender-invitations-indicator a {
        width:279px;
        color:#000;
        text-decoration:none;
        display:block;
        margin-top:-10px;
        background-repeat:no-repeat;
        background-position:0 17px;
        padding-left:40px;}

    #updates-status li#tender-updates-indicator a {background-image:url(/media/images/tender-updates.png);}
    #updates-status li#project-updates-indicator a,
    #updates-status li#tender-invitations-indicator a {background-image:url(/media/images/project-updates.png);}

.updates-descriptor {vertical-align:70%;}
.updates-count {font-size:48px;color:#FF850C;padding-left:30px;}


/* ------------------------------- */
/* Tenders Inbox and Supplier Search Elements
/* ------------------------------- */

#project-details {
    background-color:#FFF;
    margin:0 !important;
    padding:20px !important;}

#gbox_tender-bids-list, #gbox_suppliers-list, #gbox_simple-tenders-list {
    margin:0 20px;
	padding-bottom:40px;}
	.ui-jqgrid-sortable {cursor:default !important;}

#simple-tenders-list tr.ui-state-hover {
    cursor:pointer;
    background:url(/media/images/white-to-grey-gradient.png);
}

#simple-tenders-list tr td.featured {
    cursor:pointer;
    background:url(/media/images/featured.png) no-repeat;
    height:71px;
    padding-left:30px;
}

#gbox_tender-bids-list .ui-jqgrid-bdiv, #gbox_simple-tenders-list .ui-jqgrid-bdiv {overflow:hidden !important;}

tr.ui-widget-content {height:60px;}

.action-panel {text-indent:-10000px;width: 285px;}
.action-panel li {
	background-image:url(/media/images/white-to-grey-gradient.png);
	float:left;
	border-top:1px #e4e4e4 solid;
	border-bottom:1px #e4e4e4 solid;
	height:65px;
	margin:10px 0;
	text-indent:-10000px;
	position:relative;}
.action-panel li:hover {
	background-image:url(/media/images/grey-to-black-gradient.png);}
.action-panel li.first {
	border-left:1px #e4e4e4 solid;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;}
.action-panel li.last {
	border-right:1px #e4e4e4 solid;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;}
	.action-panel li a {text-decoration:none;}
    .action-panel li a span.title {
    	display:block;
    	background:url(/media/images/actions-sprite.png);
    	height:65px;}

    .action-panel li#action-view a span.title {
    	width:35px;
    	background-position:0 0;}
    .action-panel li#action-message a span.title {
    	width:50px;
    	background-position:-34px 0;}
    .action-panel li#action-profile a span.title {
    	width:48px;
    	background-position:-85px 0;}
    .action-panel li#action-shortlist a span.title {
    	width:63px;
    	background-position:-135px 0;}
    .action-panel li#action-delete a span.title {
    	width:44px;
    	background-position:-198px 0;}
	.action-panel li#action-edit a span.title {
    	width:41px;
    	background-position:-281px 0;}
    .action-panel li#action-award a span.title {
    	width:41px;
    	background-position:-241px 0;}
    .action-panel li#action-shortlist.shortlisted a span.title {
    	width:63px;
    	background-position:-135px -134px;}

    .action-panel li#action-view a:hover span.title {
    	background-position:0 -67px;}
    .action-panel li#action-message a:hover span.title {
    	background-position:-34px -67px;}
    .action-panel li#action-profile a:hover span.title {
    	background-position:-85px -67px;}
    .action-panel li#action-shortlist a:hover span.title {
    	background-position:-135px -67px;}
    .action-panel li#action-delete a:hover span.title {
    	background-position:-198px -67px;}
    .action-panel li#action-award a:hover span.title {
    	background-position:-241px -67px;}
	.action-panel li#action-edit a:hover span.title {
    	width:41px;
    	background-position:-281px -67px;}
    .action-panel li#action-shortlist.shortlisted a:hover span.title {
    	background-position:-135px -134px;}

.favourite-panel {text-indent:-10000px;background:black;}
.favourite-panel li {
    background:#fff;
	margin:10px 0;
	padding:20px 0;
	text-indent:-10000px;
	position:relative;}
	.favourite-panel li a {text-decoration:none;}
    .favourite-panel li a span.title {
    	display:block;
    	background:url(/media/images/fav-sprite.png);
    	height:30px;
    	width:138px;
    	background-position:0 -30px;}
    .favourite-panel li.favourited a span.title {
        background-position:0 0;}

li em.update  {
	position:absolute;
	top:-10px;
	left:5px;
	z-index:998;
	display:block;
	height:23px;
	width:47px;
	background: url(/media/images/update-notification-pointed.png);}

li em.message-count  {
	font-size:11px;
	line-height:1.4;
	position:absolute;
	padding:0 8px;
	text-indent:0px;
	top:-10px;
	left:25px;
	z-index:998;
	display:block;
	height:23px;
	width:7px;
	color:#fff;
	background: url(/media/images/number-notification-pointed.png);}


#tender-details {width:600px;float:left;}
#tender-detail-buttons, #tender-detail-files {float:right;margin-top:30px;width:250px;}
#tender-detail-files {margin-top:0;}
#tender-detail-buttons a, #tender-detail-files a {display:block;margin:10px 0;}
#tender-bid-table {margin-top:40px;}

#content .view-details h1,
#content .view-details h2,
#content .view-profile h1,
#content .view-profile h2,
#content .view-messages h1,
#content .view-messages h2 {
    font-size:20px;
    padding:5px 0;
    border-bottom:1px #ccc solid;
    margin:5px 0;
    margin-bottom:20px;
    color:#fff;}

.view-details td, .view-profile td {min-width:100px;}

.view-messages form p textarea {width:700px;margin-right:20px;margin-bottom:20px;}

.tender-messages li.tender-message {clear:both;padding-top:20px;}
.tender-messages .message-meta {float:left;width:200px;font-size:14px}
.tender-messages .message-meta .actor {font-size:18px}
.tender-messages .message-text {margin-left:230px;font-size:12px;}


#search-suppliers-input, #search-tenders-input {width:465px;font-size:14px;height:23px;}
#button-supplier-search, #button-tender-search {float:right;}
#select-category_container {margin-left:480px;}
#form-supplier-search {padding:10px 0;}


/* ------------------------------- */
/* Suppliers'-side Tenders
/* ------------------------------- */

.original-tender {
    width:430px;
    padding-right:19px;
    display:inline;
	float: left;
	position: relative;

}
.edited-tender {
    color:#fff;
    width:430px;
    padding:0 19px;
    background:#333;
    display:inline;
	float: left;
	position: relative;

}
.ui-jqgrid .edited-tender textarea {
    width:420px;
    padding:3px;
}
.edited-tender input {
    width:420px;
    padding:3px;
}
.edited-tender .files {
    float:right;
}
.edited-tender .files a {
    display:block;
    padding:6px 0;
    padding-right:40px;
    text-decoration:none;
    background:url(/media/images/delete-file.png) no-repeat right 8px;
}
.ui-jqgrid .input-milestone-time, .ui-jqgrid .input-milestone-cost {
    width:180px;
    float:left;
}
.ui-jqgrid .input-milestone-cost {
    float:right;
}
#content .edited-tender h2, #content .edited-tender h3 {
    color:#fff;
    border-bottom:1px solid #fff;
    clear:both;
    margin-bottom:10px;
}
#content .edited-tender h3 {
    border-bottom:0px;
}
#content .edited-tender h3 a.edit-link {
    padding-left:10px;
    font-size:12px;
}
.edited-milestones {
	border-top:1px #fff solid;
}
.individual-milestone {
	border-bottom:1px #fff solid;
    margin:10px 0;
    padding-bottom:10px;
    overflow:hidden;
}
.milestone-time, .milestone-cost {
    margin-top:10px;
    float:left;
    font-size:18px;
}
.milestone-time .amount, .milestone-cost .amount {
    font-size:14px;
}
.milestone-cost {
    float:right;
    margin-top:10px;
}
.milestone-total-time, .milestone-total-cost {
    font-size:18px;
    margin:5px 0;
}
.milestone-total-time .amount, .milestone-total-cost .amount {
    float:right;
    font-size:14px;
}
.client-question {
    margin:20px 0;
}

#reviewed-tender {font-size:14px;margin:40px 0;}
#reviewed-tender td {min-width:100px;}


/* ------------------------------- */
/* Suppliers Portfolio
/* ------------------------------- */

#portfolio-images {overflow:hidden;position:relative;padding:20px 3px;}
    #portfolio-images li.image-container {float:left; height: 126px;}
	#portfolio-images li .sortable-container {
	    padding: 16px 14px;
	    background:url(/media/images/portfolio-inactive.png) repeat-x;
        border-bottom:1px #ccc solid;
		cursor:move;
		height: 94px /* 126 - 16 - 16 */
		}
    #portfolio-images li .sortable-container.active {
        background:url(/media/images/portfolio-active.png) repeat-x;}
    #portfolio-images li.image-container div.hidden {width:880px;position:absolute;left:20px;}

/* ------------------------------- */
/* Membership Plans
/* ------------------------------- */

#membership-plan-table {font-size:14px;width:100%;}
	#membership-plan-table th, #membership-plan-table td {
		padding:8px 4px;
		border-right:1px #ccc solid;
		border-bottom:1px #ccc solid;}
	#membership-plan-table td, .col-head {text-align:center;}
	#membership-plan-table .last {border-right:none;}
	#membership-plan-table th {font-weight:bold;}
	#membership-plan-table .selected-col {background:#eee;}
	#membership-plan-table .current-plan td {border:none;}
	#membership-plan-table .current-plan td.current {
		border-right:1px #ccc solid;
		border-left:1px #ccc solid;
		border-bottom:1px #ccc solid;
		background:url(/media/images/white-to-grey-gradient.png) 20px repeat-x;}

/* ------------------------------- */
/* Carousel Elements
/* ------------------------------- */

.carousel {
  height:100px;
  width: 880px;
  position: relative;}
.carousel .wrapper {
  width: 800px; /* .carousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;}
    .carousel .wrapper ul {
      width: 9999px;
      list-style-image:none;
      list-style-position:outside;
      list-style-type:none;
      margin:0;
      padding:0;
      position: absolute;
      top: 0;}
    .carousel ul li {display:block;float:left;padding: 12px;}
    .carousel ul li a img {display:block;border: 1px solid #000;}

    .carousel .arrow {
      display: block;
      height: 36px;
      width: 37px;
      background: url(/media/images/arrows-sprite.png) no-repeat 0 0;
      text-indent: -999px;
      position: absolute;
      top: 35px;
      cursor: pointer;}
    .carousel .forward {background-position: -38px -2px;right: 0;}
    .carousel .back {background-position: 0 -2px;left: 0;}
    .carousel .forward:hover {background-position: -38px -42px;}
    .carousel .back:hover {background-position: 0 -42px;}

.profile-carousel {display:none;}
.profile-carousel:first {display:block;}

.slidedown  {border:none;}

#button-pick-another-tender {
	float:left;
	display:block;
	background:url(/media/images/back-arrow.png) no-repeat;
	padding-left:40px;
	text-decoration:none;
	margin-top:10px;}
#award-tender-box, #submit-tender-box {border:1px #aaa solid; padding:5px; background:#eee;}
.carousel-chosen-image {display:none;padding-top:20px;width:800px;margin:0 auto;text-align:center;}

.modal-window-black, .view-details, .view-profile, .view-messages {
    background-color:#333;
    color:#fff;
    padding:20px;}

.view-profile .detail-list {width:480px;margin:0;}
.modal-window-black .detail-list {margin:0;}
.view-profile .detail-list li, .modal-window-black .detail-list li {color:#fff;}
.view-profile .detail-list li .title {width:140px;}
.view-profile .detail-list li .description {margin-left:140px;}

.portfolio-section {display:none; margin-top:20px;width:880px;}
.historyandfeedback-section {display:none;}

.overview-section {width:880px;}

/* ------------------------------- */
/* Styled Select Box
/* ------------------------------- */

div.selectbox-wrapper {
    position:absolute;
    width:400px;
    background-color:white;
    border:1px solid #ccc;
    margin:0px;
    padding:0px;
    font-size:14px;
    text-align:left;
    max-height:200px;
    overflow:auto;
    z-index: 10000;
    margin-left:70px;}
    div.selectbox-wrapper ul {list-style-type:none;margin:0px;padding:0px;}
    div.selectbox-wrapper ul li.selected {background-color: #EAF2FB;}
    div.selectbox-wrapper ul li.current {background-color: #CDD8E4;}
    div.selectbox-wrapper ul li {
        list-style-type:none;
        display:block;
        margin:0;
        padding:2px;
        cursor:pointer;
        color:#333 !important;}
    .selectbox {
        padding-left:10px;
        padding-top:2px;
        padding-right:40px;
        font-size:14px;
        background: url(/media/images/selectbox.png) right;
        height:24px;
        cursor: pointer;
        border:1px solid #dcdcdc;
        color:#333;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        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);}


    #footer-under {
        width: 90%;
        height: 30px;
        padding-top: 10px;
        margin-bottom: 20px;
        margin-left: 10%;
    }

    #footer-under span#contact-info {
        width: 30%;
        display: block;
        position: relative;
        float: left;
        margin-left: 2%;
        margin-right: 10px;
        width: 300px;
    }

    #footer-under span#contact-info img {
        position: relative;
        float: left;
        padding-right: 5px;
    }
    #footer-under span#contact-info span#footer-contact-text {
position: relative; float: left;
        font-size: 13px;        padding-top: 3px;
    }

	#homepageImageNote {
	    font-size: 9px;
	    color: gray;
	    bottom: 0px;
	}