body { color: black; background: white; margin:1px }

td, center, span, p, div, li, input, select, textarea, blockquote, body {
	font-family: Sans, Verdana, Geneva, sans-serif;
}

.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}


.little { font-size:8pt }
h4 { font-size:10pt }
.error { color: red }

h2, h3 { color: #3090C7 }

h3 { margin-bottom:0px }

h3.si_heading {
	background: #eee;
}

.heading1 { font-size:150% }
.heading2 { font-size:125% }

A:hover.navimg { text-decoration: none; background: none  }

A:link    { color: black }
A:visited { color: black }
A:hover   { color: blue; background: #EEEEEE }

A:link.menu    { font-size:125%; text-decoration: none; color: black }
A:visited.menu { font-size:125%; text-decoration: none; color: black }
A:hover.menu   { font-size:125%; text-decoration: none; color: blue; background: none }

A:link.noul    { text-decoration: none }
A:visited.noul { text-decoration: none }
A:hover.noul   { text-decoration: none }

A:link.noul2    { text-decoration: none; color: #6666FF }
A:visited.noul2 { text-decoration: none; color: #6666FF }
A:hover.noul2   { text-decoration: none; color: #6666FF }

A:link.sitemenu    { text-decoration: none; color: #3090C7 }
A:visited.sitemenu { text-decoration: none; color: #3090C7 }
A:hover.sitemenu   { text-decoration: none; color: #3090C7; background: none }

.white_bkg { background-color:white }

.infobox {
	color:black;
	width:50%;
	background-color:#aaaaFF;
	padding:5px;
	padding-left:5px;
	padding-right:15px;
	clear:right;
	float:right;
	margin:10px
}



.pp_td1 {
	color:#666666;
	font-size:8pt;
	text-align: right;
	vertical-align: top;
}
.pp_td2 {
	/*font-weight: bold;*/
	font-size:8pt;
	background-color: #F3F3F3;
	vertical-align: top;
}

/*
div.rhs_button {
	margin:5px 0 5px 0;
	text-align:center;
	padding:5px 5px 5px 5px;
	background-color:#BBBBFF;
	border:solid #999999;
	border-width:0 2px 2px 0;
}
*/

a.rhs_button {
	text-decoration:none;
	color:#000;
}
div.rhs_button {
	font-size:12px;
	margin:5px 5px 5px 0;
	text-align:left;
	padding:3px 3px 3px 5px;
	background-color:#BBBBFF;
	border:solid #999999;
	border-width:0 1px 1px 0;
	margin-bottom:0px;
    width:110px;
    float:left;
}
div.rhs_button_back {
    background: #CCCCED;
    overflow:auto;
}


/* navigation */

#navigation {
	position: relative;
    z-index:9;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
}
ul.top-level {
	margin: 0px;
	padding: 0px;
	display:block;
}

#navigation li { list-style: none; }
ul.top-level li {
	margin: 0;
	float:left;
	height:auto;
	background:#CCCCCC;
	margin-right:4px;
}
#navigation a {
	color:black;
	background:#CCCCCC;
	font-weight:normal;
	padding: 5px 35px 5px 33px;
	font-size:12px;
	display:block;
	text-decoration: none;
	line-height: 1.2em;
}
#navigation a:hover{
	color: #FFF;
	text-decoration:none;
	background:#6e9dcc;
}

#navigation li:hover {
	position: relative;
}

#navigation img {
	margin-right: 3px;
	vertical-align: -3px;
}

ul.sub-level {
	display: none;
}

li:hover .sub-level {
	background:#f36b22;
	display: block;
	font-weight: normal;
	position: absolute;
	top: 24px;
}
ul.sub-level li {
	border: #FFF solid 1px;
	border-width:1px 0;
	float:left;
	width:260px;
}
#navigation .sub-level { background: #FFF; }
#navigation .sub-level .sub-level { background: #FFF; }



/* Small */
@media (min-width: 1px) and (max-width: 1000px) {

#navigation {
	position: relative;
	display: none;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
	display: none;
}
ul.top-level {
	margin: 0px;
	padding: 0px;
	display:block;
}

#navigation li { list-style: none; }
ul.top-level li {
	margin: 0;
	float:left;
	height:auto;
	background:#CCCCCC;
	margin-right:4px;
}
#navigation a {
	color:black;
	background:#CCCCCC;
	font-weight:normal;
	padding: 5px 12px 5px 10px;
	font-size:13px;
	display:block;
	text-decoration: none;
	line-height: 1.2em;
}
#navigation a:hover{
	color: #FFF;
	text-decoration:none;
	background:#6e9dcc;
}

#navigation li:hover {
	position: relative;
}

#navigation img {
	margin-right: 3px;
	vertical-align: -3px;
	display: none;
}

ul.sub-level {
	display: none;
}

li:hover .sub-level {
	background:#f36b22;
	display: block;
	font-weight: normal;
	position: absolute;
	top: 25px;
}
ul.sub-level li {
	border: #FFF solid 1px;
	border-width:1px 0;
	float:left;
	width:260px;
}
#navigation .sub-level { background: #FFF; }
#navigation .sub-level .sub-level { background: #FFF; }

    .fixedElement {
    background-color:#3090C7;
    position:fixed;
    top: 23px;
    left: 50px;
    z-index:1000;
    font-size: 32px;
    text-align: center;
    color: white ;

}

#mobileMenu
{
	display: none;
}
#orgSearch{
	display: none;
}



}
/*Big*/
@media (min-width: 1001px){
    .fixedElement {
    background-color:#3090C7;
    position:fixed;
    top: 10px;
    left: 5px;
    z-index:1000;
    font-size: 32px;
    text-align: center;
    color: white ;
    display:none;
}

.hide
{
	display: none;
}


#mobileMenu
{
	display: none;
}



}

/* Safety net value report */
a.cancelled, .cancelled { color: red; }

/* Job Filters */
div.but_right {
    text-align:right;
    float:right;
    width:450px;
}
.job_filter {float:right; margin-top:5px; margin-right:0px}
.job_filter a {
    float:left;
    /*
    width:24px;
    */
    text-align:center;
    text-decoration:none;
    /*
    padding:6px 10px;
    margin-left:5px;
    */
    padding:6px 4px;
    margin-left:3px;
}

/*
 * pipeline
 */

.plworkedwith {
	clear:both;
	display:block;
	float:left;
}

.plstatus {
	width: 14.2%;
	min-height:200px;
	display:block;
	float:left;
}
.plstatus h2 {
	border:1px solid #CCCCCC;
	font-size:16px;
	margin:0;
	padding:5px;
	background:white;
}
.plplaceholder {
	border:2px dashed green;
	height:50px;
}


.plclientdiv, .tlclientdiv {
	height:59px;
	overflow:hidden;
	border:1px solid #999999;
	padding-top: 0px;
	padding-bottom: 2px;
	background: #ccc;
    margin:4px 1px;
}

.status_holder {
	background-color: #ccc;
	height: 20px;
	position: relative;
	padding-top: 6px;
}

.status_holder img {
	float: left;
	width: 15px;
	height: 15px;
	display: block;
	margin-left: 4px;
}

.status_holder .total_actions,
.status_holder .is_supplier,
.status_holder .is_buyer {
	float: left;
	padding: 1px 3px;
	font-weight: bold;
	margin-left:4px;
	font-size:11px;
}

.status_holder .total_actions {
	background: #999;
	color: #fff;
}
.is_supplier {
	background: #c63;
	padding:1px 3px;
	color: #fff;
	font-size:11px;
}
.is_buyer {
	background: #663;
	padding:1px 3px;
	color: #fff;
	font-size:11px;
}

a.user_icon {
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	float: left;
	margin-left: 4px;
}

a.user_icon img {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}

/** golden nugget hotlead **/

.golden_nugget {
	border: solid 1px #ffcc33;
	padding-top: 10px;
	position: relative;
}

.hot_lead {
	border: solid 1px #ff0000;
	padding-top: 10px;
	position: relative;
}

img.golden_nugget_icon {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

img.hot_lead_icon {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.plclientdiv {
	cursor:move;
}
.plclientdiv h3, .tlclientdiv h3 {
	font-size:13px;
	margin:0;
	padding:2px 5px 0px 5px;
	white-space:nowrap;
	text-shadow: -1px -1px 1px #f1f1f1;
    filter: dropshadow(color=#f1f1f1, offx=-1, offy=-1);
}
.plclientdiv h3 A:link.noul    { text-decoration: none }
.plclientdiv h3 A:visited.noul { text-decoration: none }
.plclientdiv h3 A:hover.noul   { text-decoration: underline }
.plclientdiv h3 a, .tlclientdiv h3 a {
	text-decoration: none;
}

#switchmode {
	width:80px;
	display:block;
	float:left;
	margin-left:5px;
}

.tl_value { width:65px; }
.tl_probability { width:66px; }
.tl_job_number { width:78px; }
.tl_month { width:59px; }
.tl_month h2 { text-align:center; }