body{
padding: 0px;
margin:0px;
font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
font-size: 12px;
background-repeat: repeat-x;
background-position: top left;
text-indent: 0px;
}

form
{
	margin: 0px;
	padding: 0px;
}

/* tags that change based on template. */

#header{
padding: 0px;
margin:0px;
position: absolute;
top: 0px;
left: 0px;
height: 87px;
width: 100%;
background-repeat: repeat-x;
}

#header_a{
display: block;
text-decoration: none;
padding: 50px 0px 5px 150px;
margin: 0px;
font-family: "Trebuchet MS", Verdana, Sans-Serif;
letter-spacing: 2px;
font-weight: bold;
text-transform: uppercase;
}

#header h1
{
	margin: 0px;
}

#header a:hover{
}

#monowrap
{
	z-index: 30;
}

#col_main
{
	display:none;
	visibility:hidden;
}

#col_main a:hover{
}

#col_main h3 {
font-family: "Trebuchet MS", Verdana, Sans-Serif;
margin: 0;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
padding: 15px 0px 0px 10px;
letter-spacing: 2px;
font-weight: bold;
}

#col_main h2 {
font-family: "Trebuchet MS", Verdana, Sans-Serif;
margin: 0;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
padding: 0px 0 5px 0px;
letter-spacing: 2px;
font-weight: bold;
}

.plus{
}

/* Used Only for the Account Log In left Menu*/
#logo2{
position: absolute;
top: 87px;
left: 0px;
height: 89px;
width: 209px;
background-image: url('images/002.gif');
z-index: 5;
}

#logo1{
position: absolute;
top: 34px;
left: 11px;
height: 53px;
width: 135px;
background-image: url('images/006.gif');
z-index: 5;
}

#logo3{
position: absolute;
top: 87px;
left: 0px;
height: 89px;
width: 152px;
background-image: url('images/024-2.gif');
z-index: 1000;
}

#endnav2{
width: 156px;
height: 36px;
background-image: url('images/008.gif');
}

/* tags based on branding */

/*static tags*/

/*header*/
#header h1{
padding: 0px;
margin:  0px;
}

#headerInfo
{
	position:absolute;
	top:0px;
	right:0px; 
	height: 20px; 
	background-color: #FFF; 
	background-image: url('images/header-info.gif'); 
	background-position: bottom left; 
	background-repeat: repeat-x; 
	padding-right: 5px; 
	font-size: 10px;
	z-index: 5;
}

#headerInfoImage
{
	float:left;
	background-image: url('images/header-info-left.gif');
	width: 22px;
	height: 20px;
}

#breadcrumb{
position: absolute;
top: 68px;
left: 0px;
width: 100%;
z-index: 50;
text-align:right;
padding-top: 7px;
font-size: 10px;
}

#breadcrumb a
{
	text-decoration: none;
}

#breadcrumb a:hover
{
	text-decoration: underline;	
}

#Head_lblbread{
padding-right: 5px;
}

#alwaysnav{
position: absolute;
top: 87px;
height: 31px;
width: 100%;
background-image: url('images/001.gif');
text-align:right;
padding-top: 7px;
margin-right: 5px;
font-size: 10px;
}

#alwaysnav ul{
margin: 0px 5px 0px 0px;
padding:0;
}

#alwaysnav li{
display:inline;
list-style:none;
margin:0;
padding:0;
}

#alwaysnav li a{
color: #000000;
padding-right: 6px;
}

#alwaysnav li a:hover{
text-decoration: none;
}

#stretch
{
	position: relative;
	top: 120px;
	/*left: 50px;*/
	width: 100%;
	background-image: url('images/032.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	z-index: 200;
}

#navbox
{
position: relative;
text-align: left;
padding: 0px 0px 15px 0px;
margin: 0px;
z-index: 900;
}

#navbox a
{
	padding: 1px 3px 0px 3px;
}

#navbox li
{
	font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	display: inline;
}


/*Added For Drop Down Navigation*/

#nav2, #nav2 ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav2 a 
{
	display: block;
	padding-bottom: 3px;
	padding-right: 8px;
	z-index: 9001;
}

#nav2 a:hover
{	
	padding-top: 0px;
	padding-left: 2px;
	padding-right: 7px;		
	padding-bottom: 2px;
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
	border-left: 1px solid #979797;
	border-right: 1px solid #979797;
}

#nav2 li {
	float: left;
	display:block;
	z-index: 9001;
}

#nav2 li ul {
	position: absolute;
	border: 1px solid #979797;
	padding-top: 2px;
	padding-bottom: 5px;
	background-repeat: repeat-y;
	background-image: url('images/grey-line.gif');
	background-color: #FFFFFF;
	left: -999em;
	z-index: 9000;
}

#nav2 li ul a
{
	padding-left: 15px;
	background-image:url('images/grey-line.gif');
	background-repeat: repeat-y;
	width:14em;
	padding-top:2px;
	padding-bottom:2px;
}


#nav2 li ul a:hover
{
	background-image:url('images/grey-line2.gif');
	background-repeat: repeat-y;
	background-color:#FFFFCC;
	border:none;
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
	color: #333300;
	padding: 1px 8px 1px 15px;
	margin-right:0px;
}


#nav2 li ul a:focus
{
	background-image:url('images/grey-line2.gif');
	background-repeat: repeat-y;
	background-color:#FFFFCC;
	border:none;
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
	padding-top:1px;
	padding-bottom:1px;
	
}

#nav2 li:hover ul {
	left: auto;
	
}

#nav2 li ul li
{
	clear:both;
	
}

#nav2 li ul li:hover
{
	width: 100%;
	background-image:url('images/grey-line2.gif');
	background-repeat: repeat-y;
	
}

#nav2 li:hover ul, #nav2 li.sfhover ul 
{
	left: auto;
	margin-left: 0px;
	display:inline;
}

#nav2 ul li ul.sfhover
{
	left: auto;
	margin-left: 0px;
	display:inline;
}

#menu_iframe {
    z-index: 0;
    position: absolute;
    display:none;
}


/*end added*/


#current 
{
	text-decoration:none;
	font-size: 12px;
	padding: 3px;
	border-left: solid 1px #D1D1D1;
	border-right: solid 1px #D1D1D1;
	border-top: solid 1px #D1D1D1;
	background-image: url('images/033-2.gif');
	background-repeat:repeat-x;
	background-position: bottom left;	
}

#current a
{
	text-decoration:none;
	/*margin: 6px;*/
	font-size: 14px;
}

#current a:visited
{
	text-decoration:none;
	font-size: 14px;
}

#current a:hover
{
	/*text-decoration:none;
	font-size: 14px;
	
	border: none;
	background-image: none;*/
}

#subnav 
{
	width: 100%;
	background-image: url('images/036.gif');
	background-repeat: repeat-x;
	background-position: top left;	
}

#subnav a
{
	font-size: 12px;
}

#subnav a:hover
{

}

#subcurrent a
{
	text-decoration:none;
	font-size: 12px;
	padding: 3px;
	border-left: solid 1px #D1D1D1;
	border-right: solid 1px #D1D1D1;
	border-top: solid 1px #D1D1D1;
	background-image: url('images/033.gif');
	background-repeat:repeat-x;
	background-position: bottom left;	
	background-color: #fff;
}

#subcurrent a:visited
{
	font-size: 12px;
	text-decoration:none;
}

.listone
{
	width: 380px;
	margin-left: 149px;
	height: 20px;
}

.listtwo
{
	padding-top:12px;
	width: 835px;
	margin-left: 140px;	
}

#Head_lblSubNavigation a
{

}

#Head_lblSubNavigation a:visited
{

}

#Head_lblSubNavigation ul
{
	display: inline;
}

#Head_lblSubNavigation li
{
	display: inline;
}

.first
{
	margin-right: 0px;
	padding-right: 0px;
}

#account-sign-in{
position: absolute;
top: 175px;
width: 160px;
text-align: left;
z-index: 6;
padding: 0px;
margin: 0px;
}

#account-sign-in a{
display:block;

}

#account-sign-in ul{
list-style: none;
background-image: url('images/007.gif');
background-repeat: repeat-y;
padding: 0px;
margin: 0px;
}

#signin{
height: 16px;
background-image: url('images/sign-in.gif');
background-repeat: no-repeat;
cursor: pointer;
}

#users{
height: 28px;
background-image: url('images/users.gif');
background-repeat: no-repeat;
cursor: pointer;
}

#vendors{
height: 29px;
background-image: url('images/vendors-2.gif');
background-repeat: no-repeat;
cursor: pointer;
}

#vendors:hover
{
	background-position: -160px 0px;
}

#managers{
height: 29px;
background-image: url('images/managers.gif');
background-repeat: no-repeat;
cursor: pointer;
}

#companies{
height: 29px;
background-image: url('images/companies-2.gif');
background-repeat: no-repeat;
cursor: pointer;
}

#companies:hover
{
	background-position: -160px 0px;
}

.invisible{
display: none;
}

#endnav{
/*width: 156px;
height: 36px;
background-image: url('images/008.gif');*/
}


/* Allow for side menu on 404 and default */
#default-log
{
	margin-left: 170px;
}

/*col_main*/
/*wrapper to allow data to be centered. */
#center
{
	text-align:left;
}

#col_main
{
margin-left: 10px;
margin-top: 155px;
padding-bottom: 20px;
padding-right: 30px;
/*width: 96%;*/
text-align: left;
}

#divLoading
{
	margin-top: 155px;
	width: 100px; 
	padding: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	color: #555;
}

#col_main ul {
margin:10px 0px 10px 40px;
text-align: justify;
}

#col_main li {
	margin: 3px 0px 0px 0px;
}

#col_main p {
font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
color: #333;
margin:3px 0px 0px 0px;
padding: 5px 0px 10px 15px;
font-weight: normal;
text-align: justify;
}

#col_main table
{

}

/*
#col_right{
font-family: Trebuchet MS, Verdana;
color: #063;
width: 160px;
background-image: url('images/007.gif');
background-repeat: repeat-y;
padding: 0px;
margin: 0px;
}

#col_right hr{
width: 90%;
}
*/

/*forms */
.formarea{
BORDER-BOTTOM: #cccccc solid 1px; 
BORDER-TOP: #cccccc solid 1px;  
background-color: #f1f1f1;

margin-bottom: 10px;
margin-top: 10px;
padding: 10px;
margin-left: 10px;
text-align: left;
}

.formarea .step1
{
background-image: url(images/step-1.gif);
background-repeat:no-repeat;
background-position: top left;
}

.formarea .step1a
{
background-image: url(images/step-1a.gif);
background-repeat:no-repeat;
background-position: top left;

}

.formarea .step1b
{
background-image: url(images/step-1b.gif);
background-repeat:no-repeat;
background-position: top left;

}

.formarea .step1c
{
background-image: url(images/step-1c.gif);
background-repeat:no-repeat;
background-position: top left;

}

.formarea .step1d
{
background-image: url(images/step-1d.gif);
background-repeat:no-repeat;
background-position: top left;

}

.formarea .step1e
{
background-image: url(images/step-1e.gif);
background-repeat:no-repeat;
background-position: top left;

}

.formarea .step2
{
background-image: url(images/step-2.gif);
background-repeat:no-repeat;
background-position: top left;
}

.formarea .step3
{
background-image: url(images/step-3.gif);
background-repeat:no-repeat;
background-position: top left;
}

.formarea .step4
{
background-image: url(images/step-4.gif);
background-repeat:no-repeat;
background-position: top left;
}

.formarea .step5
{
background-image: url(images/step-5.gif);
background-repeat:no-repeat;
background-position: top left;
}

.formarea .step6
{
background-image: url(images/step-6.gif);
background-repeat:no-repeat;
background-position: top left;
}

.even
{
	background-color:#DDD;
}

.odd
{
	background-color:#FFF;
}

#col_main table{
font-size: 12px;
text-align:left;
}

.formarea p{
margin: 0px;
padding: 0px;

}

.formarea label{
padding-right: 10px;
vertical-align:top;
}

.formarea input
{
	vertical-align: top;
}

input
{
	vertical-align: middle;
}

textarea
{
	vertical-align: top;
}

select
{
	vertical-align: middle;
}

.formarea textarea
{
	vertical-align: top;
}

#uagree{
padding: 0px;
margin: 0px;
}

#ppolicy{
padding: 0px;
margin: 0px;
}

.button{
font-family: Verdana, Geneva, Helvetica, Sans-serif; 
font-size: 12px;
}

.ddl{
font-size: 12px; 
font-family: Verdana, Geneva, Helvetica, Sans-serif; 
}

.box{
font-size: 12px; 
font-family: Verdana, Geneva, Helvetica, Sans-serif; 
background-image: url('images/inputbox-background.gif');
background-repeat: repeat-x;
background-position: bottom left;
}

.boxError
{
font-size: 12px; 
font-family: Verdana, Geneva, Helvetica, Sans-serif; 
background-image: url('images/boxerror.gif');
background-repeat: repeat-x;
background-position: bottom left;
border: solid 1px #DDD;
}

.box:focus
{
background-image:none;
}

#top{
}

#left{
	margin-top: 0px;
	width:200px;
	float:left;
	display: block;
}

#right{
margin-top: 0px;
margin-left: 210px;
}

#bottom{
clear:both;	
}

#bottomleft{
margin-top: 0px;
width:200px;
float:left;
display: block;
}

#bottomright{
margin-top: 0px;
margin-left: 210px;
}

.SDG a
{
	
	text-align: center;
}

/*footer*/
#footer
{
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #000;
height: 27px;
font-size: 10px;
background-image: url('images/021.gif');
clear:both;
}

#footright{
float: right;
padding: 5px;

}

#footright a
{
	border: solid 1px #000;
	padding: 5px;
	text-decoration:underline;
	color: #000;
	background-image: url('images/027.gif');
	cursor:pointer;
}

#footright a:hover
{
	background-image: url('images/028.gif');
}

#footright a:active
{
	background-image: url('images/029.gif');
}

#footleft{
float: left;
padding: 5px;
}

.ListItem, .ListItemHover
{
font-size: 12px; 
font-family: Verdana, Geneva, Helvetica, Sans-serif; 
}

.ListItem
{
background-color: #FFFFFF;
color: #000;
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 1px;
min-width: 100px;
}

.ListItemHover
{
background-color: #3169C6;
color: #FFFFFF;
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 1px;
min-width: 100px;
}

#exp_main
{
margin-left: 10px;
margin-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
}

#exp_main h3 {
font-family: "Trebuchet MS", Verdana, Sans-Serif;
color: #063;
margin: 0px;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
padding: 15px 0px 5px 10px;
letter-spacing: 2px;
font-weight: bold;
}

#exp_main table{
font-size: 12px;
}

#exp_main p {
font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
color: #333;
margin:3px 0px 0px 0px;
padding: 5px 0px 10px 15px;
font-weight: normal;
text-align: justify;
}

/*styles jibran needed....*/

.heading_label{
font-family: "Trebuchet MS", Verdana, Sans-Serif;
color: #063;
margin: 0px;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
letter-spacing: 2px;
font-weight: bold;
}

.field_label{
font-size:12px;
padding-top:7px;
}

.machine_label{
font-size:12px;
}

.machine_table_cell_padding{
 padding-left:5px;
 padding-right:5px;
}

/* global useful stackable styles */
#QuickNav
{
	border: #cccccc solid 1px; 
	background-color: #f1f1f1;
	padding: 10px;
	margin: 0px;
	float: right;
	width: 150px;
}

#QuickNav a
{
	display:block;
}

.simplebox
{
	border: #cccccc solid 1px; 
	background-color: #f1f1f1;
	padding:10px 10px 10px 10px;
}


#controls
{
	padding: 0px;
	text-align: center;
}

#controls ul
{
	display: inline;
	padding: 0px;
	margin: 0px;
}

#controls li
{
	display:inline;
	list-style: none;
	padding-left: 5px;
	overflow:scroll;
}

#controls a
{
	font-weight:bold;
}

#controls a:hover
{
	color: #1D3514;
}


.inline_controls
{
	
}

.TutorialText{
padding-right: 10px; 
padding-left: 0px; 
font-size: 12px; 
color: black;
font-family: arial, sans-serif;
}

.TutorialText span
{
padding-top: 5px;
display:block;
color: blue;
font-size:15px;
margin-left:15px
}

.TutoralText h4
{
margin-bottom:0px;
padding-bottom:0px;
}

.template_notes
{
padding-bottom:8px;
padding-top:10px;
padding-left:10px;
font-family:arial;
font-size:14px;
color:blue;
border:solid 1px #DEDEDE;
line-height:1.3em;
background-color:#FFFFE6;
}

#HomePageAlerts
{
	padding:8px;
	padding-top:2px;
	background-color:#FFFFE6;
	border:1px solid #DEDEDE;
	width:700px;
}
.hAlert
{
	background-color:#FFFFFF; 
	border:1px solid #BABA96;
	margin-top:6px;
}

.hAlertIMG
{
	vertical-align:middle;
	border-right: 1px solid #BABA96;
}

.hAlertHide
{
	display:none;
	margin:0px;
	padding:8px;
	
	background-color:#FFF;
	border-left: 1px solid #BABA96;
	border-right: 1px solid #BABA96;
	border-bottom: 1px solid #BABA96;
	/*width:482px; */ /*IE*/
	width:682px;
}

.HomeInfoText
{
	color: red;
}

#HomeScheduledActions
{
	padding:8px;
	padding-top:2px;
	background-color:#FFFFE6;
	border:1px solid #DEDEDE;
	width:700px;
}

.fixcheck
{
	vertical-align:middle;
}

.MachineListCell
{
	border:1px solid #AAA;
	padding:3px;
	text-transform:capitalize;
}

ul.sortable
{
}

ul.sortable li {
	position: relative;
	z-index: 0;
	overflow: hidden;
	text-align: left;
}

ul.boxy {
	list-style-type: none;
	padding: 4px 4px 4px 4px;
}

ul.boxy li {
	height: 14px;
	cursor: move;
	padding: 2px 2px;
	border: 1px solid #ccc;
	background-color: #eee;
}

#changelog p
{
	margin: 5px;
	padding: 5px;
}

.div_changelog
{
	margin-bottom:5px;
	margin-left: 11px;
	border: solid 1px #DDDDDD;
}

.div_changelog ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.div_changelog ul li
{
	margin: 0px;
	padding: 0px;
}

.pagename
{
	font-weight: bold;
	text-decoration:underline;
}

.div_changelog ul li ul
{
	list-style: square;
	margin: 0px;
	padding: 0px;
}

.yellow_head
{
	border-bottom: 1px solid #DDDDDD; 
	background-color: rgb(251, 255, 229); 
	padding-bottom: 3px; 
	padding-top: 8px;
}

.resize-handle-active {
	cursor: e-resize;
}

div.resize-handle {
	cursor: e-resize;
	width: 2px;
	border-right: 1px dashed #1E90FF;
	position:absolute;
	top:0;
	left:0;
}

.quickplanogram_legend
{
	list-style-type: none;
	padding: 0px;
	margin-top: 20px;
	margin-left: 12px;	
}

.quickplanogram_productheader
{
	height: expression('30px');
	min-height: 30px;
}

.quickplanogram_productcontent
{
	margin-top: -15px;
	overflow: auto;
	height: 250px;
	border-top: none;
	visibility: hidden;
	display: none;
	-moz-user-select: none;	
}

.cascadingselect
{
	text-decoration: underline;
	cursor: pointer;
}

.cadcadingselect_disable
{
	text-decoration: underline;
	cursor: pointer;
}

#ChangePassword
{
	width:320px;
	padding: 5px;
	background-color: #FFF; 
	border: 1px solid #333; 
	position: absolute; 
	top: 185px; 
	right: 205px;
	display:none;
}

#pageNav1
{
	padding-top:2px;
}

#pageNav2
{
	padding-top:2px;
}

.AlertEditContainer
{
	line-height:20px;
	padding-left:10px;
}

.AlertEscalationLevel
{
	border-top: #ccc 1px solid; 
	padding-left: 5px; 
	font-weight: bold; 
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	margin-left: 10px; 
	line-height: 25px; 
	height: 25px
}

.NoMarginNoBorder
{
	margin: 0px;
	border: 0px;
	border: none;
}

.AlertPageLeftFloat
{
	border-right:#ccc 1px solid; 
	height: 130px; 
	padding-right:20px; 
	float:left; 
	margin-right:10px
}

.QuickPTHeader
{
	padding-top: 0px;
	padding-left: 12px;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	margin: 0;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}

#col_main table tr.sdgHeader a
{
	display:block;
	width: 100%;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	font-size:smaller;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(images/spinner.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:20px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}