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;
	height: 52px;
	width: 100%;
	background-repeat: repeat-x;
}

.HeaderFade
{
	opacity: .35;
	filter:alpha(opacity=35);
}

#header_a{
	display: block;
	text-decoration: none;
	margin: 0px;
	text-align: right;
	height: 52px;
}

#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;
	text-align: left;
}

#logo1{
	position: absolute;
	top: 34px;
	left: 11px;
	height: 53px;
	width: 135px;
	z-index: 5;
	display:none;
	visibility:hidden;
}

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

#alwaysnav{
	height: 23px;
	width: 100%;
	background-image: url('../images/001.gif');
	text-align:right;
	font-size: 10px;
}

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

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

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

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

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

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

/* Drop Down Navigation */
#nav2{
	margin: 0px;
	padding: 0px;
}

#nav2 li.toplevel{
	float: left;
	padding: 2px;
	padding-right: 10px;
	padding-left: 10px;
	display:block;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
}

#nav2 li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
}

#nav2 li ul{
	margin: 0px;
	padding: 0px;
	position: absolute;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	z-index: 9000;
	/*display:none;*/
	left:auto;
	background-image: url('../images/grey-line.gif');
	background-repeat: repeat-y;
	left: -999em;
	margin-left: -10px;
}

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

#nav2 li a{
	text-decoration:none;
	padding: 2px 6px 2px 16px;
	color: #000;
	display:block;
}

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

/*end added*/

.listone
{
	/*width: 380px;*/
	margin-left: 10px;
	height: 20px;
}

.invisible{
	display: none;
}

/* 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;
	background-image: url('../images/global_page_fade.gif');
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 10px;
}

#col_main
{
	margin-left: 10px;
	padding-bottom: 20px;
	padding-right: 30px;
	text-align: left;
}

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

#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;
}

/*forms */
.formarea
{
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background-color: #f1f1f1;
	margin: 10px 0px 10px 10px;
	padding: 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;
	border: 0px solid transparent;
}

#col_main .TableContainer table{
	border: 0px solid transparent;
}

#col_main .TableContainer tr:hover
{
	background-color: rgb(255, 255, 207);
}

.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;
}

.button{
	font-family: Verdana, Geneva, Helvetica, Sans-serif;
	font-size: 12px;
	padding: 0 .25em;
	width: auto;
	overflow: visible;

	color: #0D2D3A;
	border-bottom: #08719B solid 1px;
	border-left: #DBDBDB solid 1px;
	border-right: #08719B solid 1px;
	border-top: #DBDBDB solid 1px;
	background-color: #FFFFFF;
}

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

	border-bottom: #DBDBDB solid 1px;
	border-left: #08719B solid 1px;
	border-right: #DBDBDB solid 1px;
	border-top: #08719B solid 1px;
	background-color: #FFFFFF;
	color: #0D2D3A;
}

.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;
	padding-left: 3px;

	border-bottom: #DBDBDB solid 1px;
	border-left: #08719B solid 1px;
	border-right: #DBDBDB solid 1px;
	border-top: #08719B solid 1px;
	background-color: #FFFFFF;
	color: #0D2D3A;
}

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

.SDG a
{
	text-align: center;
}

/*footer*/
#footer
{
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #000;
	height: 27px;
	margin-top: 20px;
	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');
}

#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;
}

/*styles jibran needed....*/
.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;
}

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

.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;
}

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

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

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

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;
	border: 1px solid green;
}

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

/*Tutorial*/
.help-description
{
	margin-left: 170px;
	text-align:justify;

	border: 1px solid #DDD;
	padding-right: 10px;
}

.help-container
{
	padding-right: 15px;
	margin-bottom:20px;
	clear:left;
}

.help-thumbnail img
{
	margin-bottom: 4px;
	border: 1px solid #000;
}

.help-thumbnail a
{
	font-weight:bold;
	font-size:smaller;
}

.help-thumbnail
{
	float:left;
	margin: 5px;
	padding-bottom: 10px;
}
/*end tutorial*/

.YellowFade
{
	float:right;
	background-image: url(../images/fade-right.gif);
	background-position: top right;
	background-repeat: repeat-y;
	width: 300px;
	padding: 5px;
	text-align: right;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

#theUpdateProgress
{
	float: left;
	border: 1px solid #cccccc;
	padding: 2px;
	background-color: #FFF;
	margin-right: 5px;
}

.csHeader
{
	/*background-image: url('../images/sdg-header.gif');
	background-repeat: repeat-x;*/
	background-color: #398DAF;
	color: White;
	text-align: center;
	font-weight:bold;
	padding: 4px;
}

.csHeader td
{
	padding: 5px;
}

.csLink
{
	background-color:#FFF;
	border: 1px dotted #888;
	padding: 3px;
	font-size: smaller;
}

.Literal
{
	background-color:#FFFFE6;
	border:1px solid #DEDEDE;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 5px 5px 20px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.Literal img
{
	padding-right: 3px;
	vertical-align:top;
	padding-left: 3px;
}

.Literal .info {
    margin-bottom: 3px;
}

.Error
{
	background-image: url(../images/bullet_red_2.gif);
	background-position: 5px center;
	padding-left: 25px;
	background-repeat: no-repeat;
	border: 2px solid red;
	color:Red;
	font-weight: bold;
}

.Info
{
	background-image: url(../images/no-exclamation.gif);
	background-position: 5px center;
	padding-left: 25px;
	background-repeat: no-repeat;
	color: Black;
}

.Success
{
	color:Green;
	background-image: url(../images/Exclamation.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 25px;
}

.Warning
{
	background-image: url(../images/yield.gif);
	background-position: 10px center;
	padding-left: 30px;
	background-repeat: no-repeat;
	border: 2px solid red;
	color:Black;
}

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

#col_main .TableContainer td
{
	padding: 5px;
	border: 0px solid transparent;
}

#col_main .TableContainer tr td:first-child
{
	border-left: 1px solid #398DAF !important;
}

#col_main .TableContainer tr td:last-child
{
	border-right: 1px solid #398DAF !important;
}

#col_main .TableContainer table:last-child
{
	border-bottom: 1px solid #398DAF;
}

#col_main .TableContainer td tr td:first-child
{
	border-left: 0px solid transparent !important;
}

#col_main .TableContainer td tr td:last-child
{
	border-right: 0px solid transparent !important;
}

#col_main .TableContainer td table
{
	border-bottom: 0px solid transparent !important;
}

#col_main .TableContainer tr:last-child
{
	border-bottom: 1px solid #398DAF !important;
}

.TableContainer
{
	margin-left: 11px;
}

.quickplanogram_legend
{
	list-style-type: none;
	padding: 0px;
	margin-top: 20px;
	margin-left: 12px;
	border: 1px dotted #063;
}

.quickplanogram_productheader
{
	height: expression('30px');
	min-height: 30px;
	border:1px solid #063;
	background-color: #FBF8F9;
}

.quickplanogram_productcontent
{
	margin-top: -15px;
	overflow: auto;
	height: 250px;
	border-top: none;
	visibility: hidden;
	display: none;
	-moz-user-select: none;
	border: 1px solid #063;
	background-color:#FFF;
}

/* Tabbed navigation */

.selectedTab
{
	border: 1px solid #0F3F54;
	border-bottom: 0px;
	margin-right: 5px;
	cursor:pointer;

	padding: 1px;
	padding-bottom: 0px;

	float:left;

	background-color:#FFF;
}

.selectedTab .innerTab
{
	padding: 2px;
	background-color: #0F3F54;
	color: #FFF;
	padding-bottom:3px;
}

.unSelectedTab
{
	border: 1px solid #0F3F54;
	background-color: #FFF;
	border-bottom: 0px;
	float:left;

	padding: 3px;
	padding-bottom:2px;

	margin-right: 5px;
	cursor:pointer;
}

.tabHeader
{
	border-bottom: 1px solid #0F3F54;
	/*padding-bottom:2px;*/
	padding-left: 10px;
	height: 20px;
}

.TabbedNavigation
{
	padding-top:5px;
	margin-left: 11px;
	/*border-top: 1px solid #B9B9B9;*/
}

.TabbedNavigationHeader
{
	background-color:#0F3F54 !important;
	color: #FFF !important;
	clear:both;
}

.OutsideNav
{
	margin-left:11px !important;
	padding:5px !important;
}

.CloseTop
{
	margin-top:0px;
	margin-left: 11px;
}

.CloseBottom
{
	margin-bottom:0px;
	margin-left: 11px;
}

.TotalRow
{
	font-size: larger;
	font-weight: bold;
	background-color: #EFFFC7;
	background-repeat: no-repeat;
	/*background-position: bottom left;
	background-image: url('../images/whitePixel.gif');
	background-repeat: repeat-x;*/
}

.TotalRow td:first-child
{
	background: url(../images/totalrow.gif) no-repeat 0 0;
}

.TotalRow td
{
	background-repeat: no-repeat;
}

.cascadingselect
{
	color: #0E3849;
	margin:0px;
	background-color:#FCFFB3;
	border: 1px solid #333;
	padding: 2px 3px 2px 3px;
	font-size: smaller;

	text-decoration:none;
	border-bottom: #006633 solid 1px;
	border-left: #DBDBDB solid 1px;
	border-right: #006633 solid 1px;
	border-top: #DBDBDB solid 1px;
}

.cascadingselectEditRow
{
	color: #0E3849;
	margin:0px;
	background-color:#FFFFFF;
	border: 1px solid #333;
	padding: 2px 3px 2px 3px;
	font-size: smaller;

	text-decoration:none;
	border-bottom: #006633 solid 1px;
	border-left: #DBDBDB solid 1px;
	border-right: #006633 solid 1px;
	border-top: #DBDBDB solid 1px;
	cursor:pointer;
}

.cascadingselect_disable
{
	color: #808080;
	margin:0px;
	background-color:#FFFFFF;
	border: 1px solid #333;
	padding: 2px 3px 2px 3px;
	font-size: smaller;
	text-decoration:none;
	border: #DBDBDB solid 1px;
}

/* From Apex - Alert Page Styles */

.ScheduleBox
{
	padding: 5px;
	border: 1px solid #DDD;
	margin-bottom:5px;
}

.Days
{
	background-color: #FFFFEC;
	background-image: url('../images/daily.gif');
	background-position:bottom left;
	background-repeat:no-repeat;
}

.Weeks
{
	background-color: #F9F9CB;
	background-image: url('../images/weekly.gif');
	background-position:bottom left;
	background-repeat:no-repeat;
}

.Months
{
	background-color: #F5F5A7;
	background-image: url('../images/monthly.gif');
	background-position:bottom left;
	background-repeat:no-repeat;
}

.Selected
{
	border: 2px solid #2C7B0F;
}

.Deleted
{
	visibility:hidden;
	display:none;
}

.hidden
{
	display:none;
}

.ScheduleBox_Controls
{
	border-top: 1px solid #DDD;
	padding: 1px;
	margin-top:5px;
}

.machineList
{
	border-right: #ddd 1px solid;
	border-left: #ddd 1px solid;
	padding: 5px;
	display: none;
	margin-left: 10px;
	line-height:20px;
	background-color: #FEFFEB;
}

.escalation1
{
	 float: right;
	 border-right: #ccc 1px solid;
	 border-left: #ccc 1px solid;
	 background-image: url(../images/escalation3.gif);
	 background-position: -80px 0px;
	 margin-left: 5px;
	 margin-right: 5px;
	 width: 100px;
	 height: 20px
}

.machineList
{
	border-right: #ddd 1px solid;
	 padding-right: 5px;
	 display: none;
	 padding-left: 5px;
	 padding-bottom: 5px;
	 margin-left: 10px;
	 border-left: #ddd 1px solid;
	 padding-top: 5px;
	 background-color: #feffeb;
	 line-height: 20px
}

.errorLink
{
	float: right;
	 width: 200px;
	 line-height: 20px
}

.errorList
{
	border-right: #999 2px ridge;
	 padding-right: 5px;
	 border-top: #999 2px ridge;
	 margin-top: 20px;
	 display: none;
	 padding-left: 5px;
	 right: 30px;
	 padding-bottom: 5px;
	 border-left: #999 2px ridge;
	 width: 188px;
	 padding-top: 5px;
	 border-bottom: #999 2px ridge;
	 position: absolute;
	 background-color: #fff
}
.escalation2
{
	border-right: #ccc 1px solid;
	 background-position: -60px 0px;
	 float: right;
	 background-image: url(../images/escalation3.gif);
	 margin-left: 5px;
	 border-left: #ccc 1px solid;
	 width: 100px;
	 margin-right: 5px;
	 height: 20px
}
.escalation3
{
	border-right: #ccc 1px solid;
	 background-position: -40px 0px;
	 float: right;
	 background-image: url(../images/escalation3.gif);
	 margin-left: 5px;
	 border-left: #ccc 1px solid;
	 width: 100px;
	 margin-right: 5px;
	 height: 20px
}

.escalation4
{
	border-right: #ccc 1px solid;
	 background-position: -20px 0px;
	 float: right;
	 background-image: url(../images/escalation3.gif);
	 margin-left: 5px;
	 border-left: #ccc 1px solid;
	 width: 100px;
	 margin-right: 5px;
	 height: 20px
}

.escalation5
{
	border-right: #ccc 1px solid;
	 background-position: 0px 0px;
	 float: right;
	 background-image: url(../images/escalation3.gif);
	 margin-left: 5px;
	 border-left: #ccc 1px solid;
	 width: 100px;
	 margin-right: 5px;
	 height: 20px
}

.sendTo
{
	float: right;
	 margin-left: 5px;
	 line-height: 20px;
	 margin-right: 5px
}

.routeBorder
{
	border-right: #ccc 1px solid;
	 border-top: #ccc 1px solid;
	 border-left: #ccc 1px solid;
	 border-bottom: #ccc 1px solid;
	 clear:both;
}

.routeEdit
{
	border-right: #ccc 1px solid;
	 padding-right: 10px
}

.sdgAlerts
{
	background-color: #E2FFFF;
	color: #000000;
	vertical-align:middle;
}

.HorizontalGraph
{
	width: 147px;
	background-image: url('../images/graph.gif');
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	border: 1px solid #888888;
	color:#000000;
	padding-left: 3px;
}

.HorizontalGraphRed
{
	width: 147px;
	background-image: url('../images/graph-red.gif');
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	border: 1px solid #888888;
	color:#000000;
	padding-left: 3px;
}

.HorizontalGraphOrange
{
	width: 147px;
	background-image: url('../images/graph-orange.gif');
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	border: 1px solid #BBBBBB;
	color:#000000;
	padding-left: 3px;
}

.VerticalGraph
{
	width: 15px;
	height: 150px;
	background-image: url('../images/v-graph.gif');
	background-color: #E5F2FF;
	background-repeat: repeat-x;
	border: 1px solid #FFFFFF;
	color:#000000;
	vertical-align:baseline;
}

.sdgItem
{
	background-image: none;
	background-color: #FFFFFF;
}

.sdgHeader
{
	/*background-image: url('../images/sdg-header.gif');
	background-repeat: repeat-x;*/
	background-color: #398DAF !important;
	color: White;
	border: 0px solid transparent !important;
}

.sdgFooter
{
	/*background-image: url('../images/sdg-footer.gif');*/
	background-repeat: repeat-x;
	background-color: #398DAF !important;
	color: #FFFFFF;
	border: 0px solid transparent;
}

.sdgGroup
{
	/*background-image: url('../images/sdg_groups.gif');
	background-repeat: repeat-x;*/
	background-color: #A2F29D;
	border: 0px solid transparent !important;
}

.sdgGroupA
{
	/*background-image: url('../images/sdg_groups2.gif');
	background-repeat: repeat-x;*/
	background-color: #B0EFFF;
	border: 0px solid transparent !important;
}

.sdgAlternate
{
	/*background-image: url('../images/sdg-alternate.gif');
	background-repeat: repeat-x;*/
	background-color: #F2F2F2;
	border: 0px solid transparent !important;
	border-bottom: 1px solid #D1D1D1 !important;
	border-top: 1px solid #D1D1D1 !important;
}

.sdgNotice
{
	/*background-image: url('../images/sdg-notice.gif');
	background-repeat: repeat-x;*/
	background-color: #FFFDE3;
	border: 0px solid transparent !important;
}

.sdgNoticeA
{
	/*background-image: url('../images/sdg-noticeA.gif');
	background-repeat: repeat-x;*/
	background-color: #FFFDE3;
	border: 0px solid transparent !important;
}

.sdgPools
{
	background-color: #FFF698;
	/*background-image: url('../images/sdg-pools.gif');
	background-repeat: repeat-x;
	background-position: top left;*/
	border: 0px solid transparent !important;
}

.HighlightRow
{
	background-color: #FFF36D;
	background-image: url('../images/highlightrow.gif');
	background-repeat: repeat-x;
	background-position: top left;
}

.YellowControls
{
	float:right;
	background-image: url(../images/fade-right.gif);
	background-position: top right;
	background-repeat: repeat-y;
	width: 300px;
	padding: 5px;
	text-align: right;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

/* ---------->>> 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:-3px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #08719B;
	background-color: #fff;
}

#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:12px;
}

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

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

#JT_copy p{
margin:3px 0;
}

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

.jTip{
/*cursor:help;*/
}

/*End jTip Styles */

/* Temperature Graph Styles */

.graphItem
{
	float:left;
	height: 100px;
	padding: 0px 2px 0px 2px;
}

.graph1
{
	background-image: none;
}

.graph2
{
	background-image: url('images/graphbg2.gif');
}

.graphBar
{
	width: 22px;
	background-color:#FFF;
	opacity: .55;
	filter:alpha(opacity=55);
	text-align:center;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 8pt;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

.graphContainer
{
	margin-left: 11px;
	overflow-x: scroll;
	overflow-y:hidden;
	border: 1px solid #333;
	background-image: url('images/graphbg.gif');
	font-family: monospace;
}

/* End Temperature Graph Styles */

.MissingRequiredField {
	border: 2px solid red !important;
	background-color: #F7FFD1;
}

.CascadingSelect2Table
{
	border: 1px solid #398DAF !important;
	box-shadow: 0em 0em 0.5em rgba(0,0,0,0.5);
}

.CascadingSelect2Table tr td { padding: 5px; }