/*old orange colour #DE7023*/
.SystemCheckBoxes{background-color:#FFAA00;}
.StageName{font-weight:bold;}
.CurrentStageName{color:red;}

.changed{
color:#ffb100;
	
}

.CanRC{
	background-image:url(../../icons/mouse.png) !important;
	background-position: top right !important; 
	background-repeat:no-repeat !important;
	
}

.CanRC2{
	background-image:url(../../icons/mouse.png) !important;
	background-position: left !important; 
	background-repeat:no-repeat !important;
	
}

td {
	color:#000000;
	font-family:arial;
	font-size:12px;
}
fieldset {

	text-align: left !important;
	padding: 10px;
	background-repeat:repeat-x;
	border: 1px solid #CCCCCC;
	
}
legend {
	font-size:14px;
	color:#666666;
	font-weight:bold;
}

.legendpageintro {


	background-position:right; 
	background-repeat:no-repeat;
	
	}

body{

	color:#000000;
	font-family:arial;
	font-size:12px;
	background-color: #f2f2f2;
}
p, td{
font-family:arial;
	font-size:12px;
}
#container{
	width:1024px;
	margin:0 auto;
	text-align:left;
}

#Header{
	height:141px;
	position:relative;
	border:1px solid;
	background-color: white;
}

#content {
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	margin-top:18px;
	position:inherit;
	padding:10px;
	
}

#Bimg{
	position:relative;
	top:0px;
	left:0px;

	width:956px;
	height:141px;

}
#HL{
	width:958px;
	height:141px;
	position:relative;
	top:-141px;
	left:0px;
	z-index:-2;
	background-image:url(../images/header/L1.png);
}
#HR{
	width:956px;
	height:141px;
	position:relative;
	top:-282px;
	left:0px;
	z-index:-3;
	background-image:url(../images/header/R1.png);
}
#Logo{
	width:310px;
	height:127px;
	position:absolute;
	top:5px;
	left:0px;
	z-index:20;
	background-image:url(../images/extranetlogo2.png);
}
#theloader{
	width:32px;
	height:32px;
	position:relative;
	top:-467px;
	left:13px;
	z-index:25;
}

#Footer{
	padding-top:10px;
	font-size:10px;
}

.ChkBoxList{

	border:groove #ffb100;
}
.PN{
	color:#ffb100;
	font-weight:bold;
	
}

.sh{
	padding-top:20px;
	position: relative;
	bottom: 0px;
	right: -2px;
 }
 

 

 
.shadow { 
	background-color: #ffb100; 
}




input, select, textarea{
	border-color:#ffb100;
	margin-bottom: 5px;
	
}

label{

	float: left;
width: 120px;
font-weight: bold;
}
  
input[type="submit"]{
	color: #4B4B4B;
	background: #ffb100;
	cursor:pointer;
	border:1px solid;
	border-color:#000; 
} 


input[type="button"]{
	color: #4B4B4B;
	background: #ffb100;
	cursor:pointer;
	border:1px solid;
	border-color:#000; 

} 
input[disabled]{
	color: #000;
	background: #CCC;
	border:1px solid;
	border-color:#000; 
} 



 
A:link {
	text-decoration: none;
	color:#999999;
}

A:visited {
	text-decoration: none;
	color:#999999;
}

A:active {
	text-decoration: none;
	color:#999999;
}

A:hover {
	text-decoration: underline; 
	color: #56ACE5;
}

.pod_header{
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;	
	position:relative; 
	top: -5px; 
	left: -10px;
	}
	
.pod_header_icon{
position:relative; 
top: -3px; 
left:-5px;
z-index: 35;
height:30px;
}

.wetuimg,.icon, .InsertMe, .ClickMe,.Supp,.Usr, .ClickDirect, .compare, .Barter, .SupplierBox, .invgen, .TableDown{
	cursor:pointer;
}

.tick {
	position:relative;
	top:-10px;
	left:-5px;
	z-index:200;
	
}
.ImgApproved{
	position:relative;
	top:-32px;

}
.contenttick {
	position:relative;
	top:0px;
	left:0px;
	z-index:200;
	
}
.ContentApproved{
	position:relative;
	top:-32px;

}

.droppable-active,.Trash-active{
	border: 2px solid #ffb100;
}

.droppable-hover,.Trash-hover{
	border: 2px solid #FDBE25;
}
.dragme{
	cursor:pointer;
	background-color:#f2f2f2;
}

.DragMeImage,#SuppplierName,#SupplierContent{
	cursor:pointer;
}
#SupplierContent, #SupCont{
	font-size:11px;
	
}
.SuppplierName{
	color:#000;
	font-size:15px;
	font-weight:bold;
	position:relative;
	
}
.BrochureImage{
	background-image:url(../images/stripes.png);
}
.BrochureImagedroppable-active,.ui-droppable-active{
	background-image:url(../images/stripes2.png) !important;
}

.BrochureImagedroppable-hover,.ui-droppable-hover{
	background-image:url(../images/stripes3.png) !important;
}

h1{
	color:#ffb100;
	font-size:15px;
	text-transform:uppercase;

}

h2{
	font-size:14px;
	color:#666666;

}

fieldset h2{
	font-size:14px;
	color: #ffb100;

}

.smltxt{
	
	font-size:10px;
}
.SupplierBox {
    border: 1px black solid;
    border-spacing: 0;
    -moz-border-radius: 8px;
    -moz-box-shadow: #000000 3px 3px 6px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: #000000 3px 3px 6px;
    border-radius: 8px;
    box-shadow: #000000 3px 3px 6px;
	padding:3px;
	background-image:url(../images/bubble-bg-green.jpg);
	background-position: bottom left;
}

.RoundShadow {
    border: 1px black solid;
    border-spacing: 0;
    -moz-border-radius: 8px;
    -moz-box-shadow: #000000 3px 3px 6px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: #000000 3px 3px 6px;
    border-radius: 8px;
    box-shadow: #000000 3px 3px 6px;
	padding:3px;
	background-image:url(../images/bubble-bg-green.jpg);
	background-position: bottom left;
}


.Stagetable {
    text-align: center;
	width:100%;
    border: 1px black solid;
    border-spacing: 0;
    -moz-border-radius: 8px;
    -moz-box-shadow: #000000 3px 3px 6px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: #000000 3px 3px 6px;
    border-radius: 8px;
    box-shadow: #000000 3px 3px 6px;
    background: #EDEDED;
	padding:3px;
}

.StagetableCurrent {
    text-align: center;
	width:100%;
    border: 1px black solid;
    border-spacing: 0;
    -moz-border-radius: 8px;
    -moz-box-shadow: #ffb100 3px 3px 6px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: #ffb100 3px 3px 6px;
    border-radius: 8px;
    box-shadow: #ffb100 3px 3px 6px;
    background: #FFFFFF;
	padding:3px;
}
.SupplierShow{

	display:none;
	padding:10px;
	position:relative;

}
.StageNotParticipating{
	background-color:#FFFFFF;
}

.StageComplete{
	/*background-image:url(../images/bubble-bg-green.png);*/
	background-position: bottom right;
	background-repeat:no-repeat;
}

.StageDueShortly{
	/*background-image:url(../images/bubble-bg-yellow.png);*/
	background-position: bottom right;
	background-repeat:no-repeat;
	
}

.StageDueToday{
	/*background-image:url(../images/bubble-bg-purple.png);*/
	background-position: bottom right;
	background-repeat:no-repeat;
}

.StageOverdue{
	/*background-image:url(../images/bubble-bg-red.png);*/
	background-position: bottom right;
	background-repeat:no-repeat;
}

.StageNotDue{
	/*background-image:url(../images/bubble-bg-blue.png);*/
	background-position: bottom right;
	background-repeat:no-repeat;
}

.StageNotParticipating-menu{
	border-right: 1px dashed #666666;
}

.StageNotDue-menu{
	border-right: 1px dashed #666666;
	border-left: 1px dashed #CCCCCC;
}

.StageDueToday-menu{
	border-right: 1px dashed #666666;
	border-left: 1px dashed #CCCCCC;
}

.StageComplete-menu{
	border-right: 1px dashed #666666;
	border-left: 1px dashed #CCCCCC;
}

.StageDueShortly-menu{
	border-right: 1px dashed #666666;
	border-left: 1px dashed #CCCCCC;
	
}


.StageOverdue-menu{

	border-left: 1px dashed #CCCCCC;
}

.GradientBG{

	background-image:url(../images/gradientbg.jpg);
	background-repeat:repeat-y;
}

.arrows li {
background-image:url("/icons/tick.gif");
background-position:left top;
background-repeat:no-repeat;
line-height:1.5;
list-style:none outside none;
padding:0 0 0 20px;
}
.Systems {z-index:100; position:absolute;bottom:7px;left:0px;min-width:20px;background-color:none;padding:4px; font-weight:bold; background-image:url(../images/currentuserbg.gif); color:#FFFFFF; }

.currentuser {z-index:100; position:absolute;bottom:7px;right:0px;min-width:20px;background-color:none;padding:4px; font-weight:bold; background-image:url(../images/currentuserbg.gif); color:#FFFFFF; }

.imagecaption { color:#999999; font-size: 10px; font-style:italic;}

.horizontal_line
{
	border-bottom:  1px dashed #CCCCCC;
	width: 100px;
} 

.horizontal_line2
{
	border-bottom:  1px solid #F2F2F2;
	width: 100px;
} 

.banner-dark{
	background-color:#CCCCCC;
}
.banner-light{
	background-color:#F2F2F2;
}
.highlight
{
	background-color:red;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #ffb100;
    background: #ffb100;
    font-weight: normal;
    color: #ffffff;
}