/* AUTOMATICALLY USED */
BODY {
    BORDER: 0px;
    MARGIN: 0px;
    PADDING: 0px;
    FONT-SIZE: 12px;
    FONT-FAMILY: Source Sans Pro, Arial, Verdana, Helvetica, sans-serif;     
}
.smallerFont {
	font-size:12px;
}

A:link,
A:visited,
A:active,
A:hover
{ 
	TEXT-DECORATION: UNDERLINE 
}

H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    MARGIN: 0px 0px;
    COLOR: #000000;
}
H1 EM
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;    
}
P
{
    MARGIN: 8px 0px;
}
P EM
{
    FONT-WEIGHT: bold;
	FONT-STYLE: normal;
}
EM
{
    FONT-WEIGHT: bold;
	FONT-STYLE: normal;
}
H2
{
    FONT-SIZE: 15px;
	MARGIN: 0px 0px;
}
H2 EM
{
    FONT-WEIGHT: bold;
	FONT-STYLE: normal;
    FONT-SIZE: 15px;
    MARGIN: 4px 0px;
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    MARGIN: 4px 0px;
}
H3 EM
{
    FONT-WEIGHT: bold;
	FONT-STYLE: normal;
    FONT-SIZE: 14px;
    MARGIN: 4px 0px;    
}
OL
{
    LIST-STYLE-POSITION: outside;
    MARGIN: 0px 0px 14px 34px;
}
OL LI
{
    LIST-STYLE-POSITION: outside;
    MARGIN: 0px 0px 4px;
}
ul
{
	LIST-STYLE-POSITION: outside;
	LIST-STYLE-TYPE: square;
	LIST-STYLE-IMAGE: url(WidgetImages/bullet.gif); 
	MARGIN: 15px 0px 12px 34px;
}
UL LI
{
    LIST-STYLE-POSITION: outside;
    MARGIN: 0px 0px 4px;
}
hr
{
    COLOR: #99bedd;	
	border-color: #99bedd;	
}

/* This will affect all tables */
TABLE
{
    FONT-SIZE: 12px;
	BORDER: 0px;
    PADDING: 0px;
	MARGIN: 0px;
}
/* This will affect all input types (including buttons) */
input
{
    COLOR: #000000;
	FONT-SIZE: 13px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;	
}
/* This will affect all text boxes */
input[type="text"]
{
    COLOR: #000000;
	FONT-SIZE: 13px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

/* This will affect all text boxes that are multi-LINE */
textarea
{
    COLOR: #000000;
	FONT-SIZE: 13px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

/* This will affect all text boxes that are part of the file upload control */
input[type="file"]
{
    COLOR: #000000;
	FONT-SIZE: 13px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

/* This will affect all drop down lists */
select
{
    COLOR: #000000;
	FONT-SIZE: 13px;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

/* BROWSERBAR */
TABLE.browserbar
{
    BORDER-RIGHT: #ffffff 1px solid;
	BORDER-LEFT: #ffffff 1px solid;
	BORDER-TOP: #ffffff 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    /*WIDTH: 100%;*/
    BACKGROUND-COLOR: #ffffff;
    FONT-WEIGHT: bold;
	color:#000000;
}
input.browserform
{
    BORDER: #000000 1px solid;
    FONT-WEIGHT: normal;
    BACKGROUND-COLOR: #ffffff;
    BORDER-STYLE:none;
    CURSOR: pointer;
    MARGIN-top: 4px;
    MARGIN-bottom: 4px;
	color:#000000;
}
select.browserform
{
    BORDER: #000000 1px solid;
    FONT-WEIGHT: normal;
    BACKGROUND-COLOR: #ffffff;
    CURSOR: pointer;
    MARGIN-top: 4px;
    MARGIN-bottom: 4px;
}
.leftLabel
{
    text-align: right;
    font-weight: bold;
    width: 150px;
    padding-right: 5px;
}

/* Sourcing Supplier buttons*/
INPUT.RightSide
{
    float:right;
}

INPUT.LeftSide
{
    float:left;
}

/* TABLEHEAD */

.tablehead, .listPager
{
	FONT-WEIGHT: bold;
	height: 28px;
}

.tablehead td,th,.listPager td
{
	FONT-WEIGHT: bold;	
	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BORDER: none;

}

/* TABLEHEAD2 */
.tablehead2 TD
{
    FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url(dashsubhead.gif);
	background-repeat:repeat-x;
    BACKGROUND-COLOR: #dadad3;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-top: 3px;
   	PADDING-bottom: 3px;
	height:28px;
}
.tablehead2 TH
{
    FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url(dashsubhead.gif);
	background-repeat:repeat-x;
    BACKGROUND-COLOR: #dadad3;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-top: 3px;
   	PADDING-bottom: 3px;
	height:28px;
}


/* TABLEROW1 */
.tablerow1 > TD, .tablerow1 > TBODY > TD
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
	BACKGROUND-IMAGE: url(tablerow.png);
	background-repeat:repeat-x;
	height:36px;
}
.tablerow1 > TH, .tablerow1 > THEAD > TH, .tablerow1 > TBODY > TH
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
	BACKGROUND-IMAGE: url(tablerow.png);
	background-repeat:repeat-x;
	height:36px;
}

/* TABLEROW1 hover */
.tablerow1:hover > TD, .tablerow1 > TBODY > TD
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #f1f1f1;
	BACKGROUND-IMAGE: url(tablerow.png);
	background-repeat:repeat-x;
	height:36px;
}
.tablerow1:hover > TH, .tablerow1 > THEAD > TH, .tablerow1 > TBODY > TH
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #f1f1f1;
	BACKGROUND-IMAGE: url(tablerow.png);
	background-repeat:repeat-x;
	height:36px;
}

.tablerow1withgrid TD
{   
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
}

/* TABLEROW2 */
.tablerow2 > TD, .tablerow2 > TBODY > TD
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
	BACKGROUND-IMAGE: url(tablerow.png);
	background-repeat:repeat-x;
	height:36px;
}
.tablerow2 > TH, .tablerow2 > THEAD > TH, .tablerow2 > TBODY > TH
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
	BACKGROUND-IMAGE: url(tablerow.png);
	background-repeat:repeat-x;
	height:36px;
}

/* TABLEROW2 hover */
.tablerow2:hover > TD, .tablerow2 > TBODY > TD
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #f1f1f1;
	BACKGROUND-IMAGE: url(tablerow.png);
	background-repeat:repeat-x;
	height:36px;
}
.tablerow2:hover > TH, .tablerow2 > THEAD > TH, .tablerow2 > TBODY > TH
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #f1f1f1;
	BACKGROUND-IMAGE: url(tablerow.png);
	background-repeat:repeat-x;
	height:36px;
}
.tablerow2withgrid TD
{  
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #eff5fa;
}
.tablecellleftmodified
{
	margin:3px !important;
	padding:3px !important;
	border-left: 1px solid red !important;
	border-top: 1px solid red !important;
	border-bottom: 1px solid red !important;
}
.tablecellmidmodified
{
	border-top: 1px solid red !important;
	border-bottom: 1px solid red !important;
}
.tablecellrightmodified
{
	border-right: 1px solid red !important;
	border-top: 1px solid red !important;
	border-bottom: 1px solid red !important;
}

/* TABLEROW3 */
.tablerow3 TD
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
	BACKGROUND-IMAGE: url(tablerow.png);
	background-repeat:repeat-x;
	height:36px;
}
.tablerow3 TH
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
	BACKGROUND-IMAGE: url(tablerow.png);
	background-repeat:repeat-x;
	height:36px;
}
/* TABLEROW3 hover */
.tablerow3:hover TD
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #f1f1f1;
	BACKGROUND-IMAGE: url(tablerow.png);
	background-repeat:repeat-x;
	height:36px;
}
.tablerow3:hover TH
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #f1f1f1;
	BACKGROUND-IMAGE: url(tablerow.png);
	background-repeat:repeat-x;
	height:36px;
}


td.tableSplitRight
{
     BORDER-RIGHT: #99bedd 1px solid;
}

/* This is for grid cells with text overflow trucated and replaced with '...'  */
.ellipseOverflow
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



.leftAlign, .leftAlign > TD, .leftAlign > TH
{
    text-align: left;
}
.rightAlign, .rightAlign > TD, .rightAlign > TH /* assign in code behind gidview - Qty column*/
{
    text-align: right;
}

/* NAVBAR */
table.navbar
{   
	/*Legacy, removed */
}
.navbox
{
	BORDER: #99bedd 1px solid;
	border-style:solid;
	background-color:#c6c6c6;
	BACKGROUND-IMAGE: url(navbar.gif);
	background-repeat:repeat-x;	
}

.navbar TD
{

	PADDING: 2px;

}
.navbar TH
{    
	PADDING: 2px;
}


/* Div version of navbar */
.navbar
{	
	padding: 4px 4px 4px 4px;
	background:linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
}


/* DISPLAYBAR */

.displaybar TD,TH
{
	PADDING-LEFT: 2px;
   	PADDING-RIGHT: 2px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
   	BORDER-TOP: #b3cee6 0px solid;
}

/* Div version of display
    Use for div (ListMiniCompete.aspx) */
.displaybar
{
   	BACKGROUND-COLOR: #ffffff;
	PADDING-LEFT: 2px;
   	PADDING-RIGHT: 2px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;   
	color:#000000;
}
.displaybarBackground
{
     background-color: #ffffff;
}

/* COLOURBOXES */
.colourbox
{
    BORDER-bottom: #b3d3ee 1px solid;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #ffffff
}
.colourbox2
{
    BORDER-TOP: #ffffff 2px solid;
    BORDER-BOTTOM: #ffffff 2px solid;
    BORDER-LEFT: #ffffff 2px solid;
    BORDER-RIGHT: #ffffff 2px solid;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #ffffff
}

/* TOOLBAR */
.toolbar
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 19px;  
	HEIGHT: 26px;	
	border-bottom: 1px solid #e4e4e4;
	padding:10px;
	vertical-align:middle;
}

.toolbar A:link  { FONT-WEIGHT: bold;  }
.toolbar A:visited { FONT-WEIGHT: bold;  }
.toolbar A:active { FONT-WEIGHT: bold;  }
.toolbar A:hover { FONT-WEIGHT: bold; }


/* BREADCRUMB PATH */
A.path,
.path A:link,
.path A:active,
.path A:hover 
{
	TEXT-DECORATION: UNDERLINE
}

.path
{  
    FONT-SIZE: 14px;
    MARGIN: 8px 0px;
}
.path EM
{
    FONT-WEIGHT: bold;
}

/* SEARCHBAR  */
table.searchbar
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    BORDER-TOP-STYLE: solid;
    BORDER-BOTTOM: #05204d 1px solid;
    BORDER-RIGHT-STYLE: solid;
    BORDER-LEFT-STYLE: solid;
    BACKGROUND-COLOR: #ffffff
}

/* HELP BOX */
Td.HelpBox
{
	BORDER-COLOR:#99c3e5;
	BORDER-STYLE:solid;
	BORDER-WIDTH:1px;
	BACKGROUND-COLOR:#deeaf4;
	COLOR:#000000;
	TEXT-ALIGN:left;
	PADDING-LEFT:4px;
	PADDING-RIGHT:4px;
	PADDING-TOP:4px;
	PADDING-BOTTOM:4px;
}

/* TABS */

.tabs_on,
.tabs_off
{
	PADDING-LEFT: 14px;
	PADDING-RIGHT: 14px;
	PADDING-TOP: 8px;
	PADDING-BOTTOM: 8px;
	font-size: 14px;

}

.tabs_on
{
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-right-width: 1px;
}

.tabs_on A:link { TEXT-DECORATION: none }
.tabs_on A:visited { TEXT-DECORATION: none }
.tabs_on A:active { TEXT-DECORATION: none; FONT-WEIGHT: bold; }
.tabs_on A:hover {TEXT-DECORATION: UNDERLINE }

.tabs_off
{
	BORDER-style: solid;
	border-width: 1px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	BORDER-BOTTOM: none;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
}

.tabs_off A:link,
.tabs_off A:visited,
.tabs_off A:active,
.tabs_off A:hover
{
	TEXT-DECORATION: none
}

.tabs_title
{
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}
 
/* BUTTONS */
.SmallButton,
.SmallButtonSelected
{
	border-style: solid;
	border-width: 1px;
	font-size: 10px;
	PADDING: 3px 6px 3px 6px;
	cursor: pointer;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
}

/* Standard Buttons */
INPUT.button, INPUT.button_arrowright, INPUT.button_arrowleft, INPUT.button_reject, INPUT.button_tick, INPUT.button_refresh, INPUT.button_revert, INPUT.button_search, INPUT.button_plus, INPUT.button_download, INPUT.button_edit, INPUT.button_basket, INPUT.button_save, INPUT.button_upload, INPUT.button_minus, INPUT.button_doc, INPUT.button_man, INPUT.button_print, INPUT.button_pause, INPUT.button_return, INPUT.button_copy, INPUT.button_verify, INPUT.button_move, INPUT.button_home,
INPUT.button2, INPUT.button_arrowright2, INPUT.button_arrowleft2, INPUT.button_reject2, INPUT.button_tick2, INPUT.button_refresh2, INPUT.button_revert2, INPUT.button_search2, INPUT.button_plus2, INPUT.button_download2, INPUT.button_edit2, INPUT.button_basket2, INPUT.button_save2, INPUT.button_upload2, INPUT.button_minus2, INPUT.button_doc2, INPUT.button_man2, INPUT.button_print2, INPUT.button_pause2, INPUT.button_return2, INPUT.button_copy2, INPUT.button_verify2, INPUT.button_move2, INPUT.button_home2
{
	border-style: solid;
	border-width: 1px;
	font-size: 13px;
	PADDING: 8px 12px 8px 12px;
	border-radius: 3px;
	margin: 3px;
	cursor: pointer;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;	
}

/* Large Buttons */
INPUT.button_large,
INPUT.button_large2
{
	border-style: solid;
	border-width: 1px;
	font-size: 15px;
	PADDING: 3px 6px 3px 6px;
	border-radius: 12px;
	cursor: pointer;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
}

/* Icon Buttons */
INPUT.button_trash,
INPUT.button_settings,
INPUT.button_refresh_icon,
INPUT.button_trash2,
INPUT.button_settings2,
INPUT.button_refresh_icon2
{
	border-style: solid;
	border-width: 1px;
	PADDING: 3px 6px 3px 6px;
	width: 24px;
	height: 20px;
	border-radius: 12px;
	BACKGROUND-POSITION: 50% 50%;
	BACKGROUND-REPEAT: no-repeat;
	overflow: visible;
	cursor: pointer;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
}

INPUT.button_trash 
{
	BACKGROUND-IMAGE: url('thebutton_trash.png');
}

INPUT.button_settings 
{
	BACKGROUND-IMAGE: url('thebutton_settings.png');
}

INPUT.button_refresh_icon
{
	BACKGROUND-IMAGE: url('thebutton_refresh.png');
}

INPUT.button_trash2
{
	BACKGROUND-IMAGE: url('thebutton_trash2.png');
}

INPUT.button_settings2
{
	BACKGROUND-IMAGE: url('thebutton_settings2.png');
}

INPUT.button_refresh_icon2
{
	BACKGROUND-IMAGE: url('thebutton_refresh2.png');
}

/* DISABLED BUTTONS */
INPUT[disabled].SmallButton,
INPUT[disabled].SmallButtonSelected,
INPUT[disabled].button_trash,
INPUT[disabled].button_settings,
INPUT[disabled].button_refresh_icon,
INPUT[disabled].button_large,
INPUT[disabled].button, INPUT[disabled].button_arrowright, INPUT[disabled].button_return, INPUT[disabled].button_arrowleft, INPUT[disabled].button_reject, INPUT[disabled].button_tick, INPUT[disabled].button_refresh, INPUT[disabled].button_revert, INPUT[disabled].button_search, INPUT[disabled].button_plus, INPUT[disabled].button_plusleft, INPUT[disabled].button_download, INPUT[disabled].button_edit, INPUT[disabled].button_basket, INPUT[disabled].button_save, INPUT[disabled].button_upload, INPUT[disabled].button_minus, INPUT[disabled].button_doc, INPUT[disabled].button_man, INPUT[disabled].button_print, INPUT[disabled].button_pause, INPUT[disabled].button_copy, NPUT[disabled].button_move, INPUT[disabled].button_verify, INPUT[disabled].button_home,
INPUT[disabled].button2, INPUT[disabled].button_arrowright2, INPUT[disabled].button_arrowleft2, INPUT[disabled].button_return2, INPUT[disabled].button_reject2, INPUT[disabled].button_tick2, INPUT[disabled].button_refresh2, INPUT[disabled].button_revert2, INPUT[disabled].button_search2, INPUT[disabled].button_plus2, INPUT[disabled].button_plusleft2, INPUT[disabled].button_download2, INPUT[disabled].button_edit2, INPUT[disabled].button_basket2, INPUT[disabled].button_save2, INPUT[disabled].button_upload2, INPUT[disabled].button_minus2, INPUT[disabled].button_doc2, INPUT[disabled].button_man2, INPUT[disabled].button_print2, INPUT[disabled].button_pause2, INPUT[disabled].button_copy2, INPUT[disabled].button_verify2, INPUT[disabled].button_move2, INPUT[disabled].button_home2,
INPUT[disabled].button_trash2,
INPUT[disabled].button_settings2,
INPUT[disabled].button_refresh_icon2,
INPUT[disabled].button_large2
{
	Filter: Alpha(Opacity=50);
	opacity: 0.7;
	cursor: not-allowed;
}

/* BASKET BOX */
table.basketbox 
{
	border-style: solid;
	border-width: 1px;
    BORDER: #7fa53d 1px solid;
    BACKGROUND-COLOR: #7fa53d;
	PADDING: 2px;
}
td.basketbox
{
    FONT-SIZE: 11px;
	TEXT-ALIGN: CENTER;
    FONT-WEIGHT: bold;
    VERTICAL-ALIGN: top;
	LINE-HEIGHT: 18px;
}
.basketinner td
{
    BORDER: #84a506 1px solid;
	BORDER-LEFT: #7fa53d 1px solid;
	BORDER-TOP: #7fa53d 1px solid;
	TEXT-ALIGN: CENTER;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 6px;
	PADDING-BOTTOM: 6px;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #ffffff;
	LINE-HEIGHT: 17px;
}


/* Use for div (BasketSummary.ascx) */
.basketbox
{
	border-style: solid;
	border-width: 1px;	
	PADDING: 2px;
}
.basketboxHeader
{
    FONT-SIZE: 11px;
	TEXT-ALIGN: CENTER;
    FONT-WEIGHT: bold;
    VERTICAL-ALIGN: top;
	LINE-HEIGHT: 18px;	
}
.basketinner
{
	border-style: solid;
	border-width: 1px;    
	TEXT-ALIGN: CENTER;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 6px;
	PADDING-BOTTOM: 6px;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: top;    
	LINE-HEIGHT: 17px;
}

/* CATEGORY BOX */
.categorybox
{
    BORDER-TOP: #344027 2px solid;
    BORDER-BOTTOM: #344027 3px solid;
    BORDER-LEFT: #344027 2px solid;
    BORDER-RIGHT: #344027 3px solid;
}
.categoryrow td
{
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-TOP: 8px;
    PADDING-BOTTOM: 8px;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #ffffff;
    BACKGROUND-IMAGE: url(categoryboxtile.gif);
    BACKGROUND-POSITION: 100% 100%;
    BACKGROUND-REPEAT: repeat-x;
    FONT-SIZE: 13px;
	LINE-HEIGHT: 20px;
}
.categoryrow p
{
	margin-bottom: 15px;
}
.categoryhead TD, .categoryhead TH
{
    FONT-WEIGHT: bold;
    BORDER-RIGHT: #99bedd 0px solid;
    BORDER-LEFT: #ffffff 0px solid;
    BORDER-TOP: #ffffff 0px solid;
    BORDER-BOTTOM: #99bedd 0px solid;
    BACKGROUND-COLOR: #344027;
    BACKGROUND-IMAGE: url(dashhead.png);
	background-repeat:repeat-x;
	background-position:top;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
    FONT-SIZE: 14px;
	COLOR: #ffffff;
}
.categorysubhead TD, .categorysubhead TH
{
	BORDER-BOTTOM: 0px;
    FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url(dashsubhead.gif);
	background-repeat:repeat-x;
    BACKGROUND-COLOR: #dadad3;
   	PADDING-LEFT: 3px;
   	PADDING-RIGHT: 0px;
   	PADDING-top: 0px;
   	PADDING-bottom: 0px;
   	FONT-SIZE: 14px;
	LINE-HEIGHT: 26px;
	text-align: left;
}
.price
{
    font-size:14px; 
	font-weight:bold;
}
.itemrow TD, .itemrow TH
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: #deeaac 1px solid;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 4px;
    BACKGROUND-COLOR: #ffffff;
    font-size:13px;
    padding-top:12px;
    padding-bottom:12px;
}

.itemrow p
{
    line-height:12px;
}

/*Modal Popup*/
.modalBackground 
{
	BACKGROUND-COLOR:Gray;
	FILTER:alpha(opacity=70);
    OPACITY:0.7;
}
.modalPopup {
     BACKGROUND-COLOR:#FFFFFF;
     BORDER-WIDTH:3px;
     BORDER-STYLE:solid;
     BORDER-COLOR:Gray;
     PADDING:3px;
     WIDTH:600px;
}
/*OVERFLOW scroll bars*/
.OVERFLOW
{
	OVERFLOW-x: hidden; 
	OVERFLOW-y: scroll; 
}
.AjaxCalendar td  {PADDING:0 0px;}
.ajax__calendar_container {PADDING:4px;POSITION:absolute;CURSOR:default;WIDTH:170px;FONT-SIZE:11px;TEXT-ALIGN:center;FONT-FAMILY:tahoma,verdana,helvetica; z-index:20001;}
.ajax__calendar_body {HEIGHT:139px;WIDTH:170px;POSITION:relative;OVERFLOW:hidden;MARGIN:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;HEIGHT:139px;WIDTH:170px;POSITION:absolute;TEXT-ALIGN:center;MARGIN:auto;}
.ajax__calendar_container TABLE {FONT-SIZE:11px;}
.ajax__calendar_header {HEIGHT:20px;WIDTH:100%;}
.ajax__calendar_prev {CURSOR:pointer;WIDTH:15px;HEIGHT:15px;FLOAT:left;background-repeat:no-repeat;background-POSITION:50% 50%;}
.ajax__calendar_next {CURSOR:pointer;WIDTH:15px;HEIGHT:15px;FLOAT:right;background-repeat:no-repeat;background-POSITION:50% 50%;}
.ajax__calendar_title {CURSOR:pointer;FONT-WEIGHT:bold;}
.ajax__calendar_footer {HEIGHT:15px;}
.ajax__calendar_today {CURSOR:pointer;PADDING-TOP:3px;}
.ajax__calendar_dayname {HEIGHT:17px;WIDTH:17px;TEXT-ALIGN:right;PADDING:0 2px;}
.ajax__calendar_day {HEIGHT:17px;WIDTH:18px;TEXT-ALIGN:right;PADDING:0 2px;CURSOR:pointer;}
.ajax__calendar_month {HEIGHT:44px;WIDTH:40px;TEXT-ALIGN:center;CURSOR:pointer;OVERFLOW:hidden;}
.ajax__calendar_year {HEIGHT:44px;WIDTH:40px;TEXT-ALIGN:center;CURSOR:pointer;OVERFLOW:hidden;}

.AjaxCalendar .ajax__calendar_container {BORDER:1px solid #646464;BACKGROUND-COLOR:#ffffff;COLOR:#000000;}
.AjaxCalendar .ajax__calendar_footer {BORDER-TOP:1px solid #f5f5f5;}
.AjaxCalendar .ajax__calendar_dayname {BORDER-BOTTOM:1px solid #f5f5f5;}
.AjaxCalendar .ajax__calendar_day {BORDER:1px solid #ffffff;}
.AjaxCalendar .ajax__calendar_month {BORDER:1px solid #ffffff;}
.AjaxCalendar .ajax__calendar_year {BORDER:1px solid #ffffff;}

.AjaxCalendar .ajax__calendar_active .ajax__calendar_day {BACKGROUND-COLOR:#f4e5e8;BORDER-COLOR:#98002e;COLOR:#98002e;}
.AjaxCalendar .ajax__calendar_active .ajax__calendar_month {BACKGROUND-COLOR:#f4e5e8;BORDER-COLOR:#98002e;COLOR:#98002e;}
.AjaxCalendar .ajax__calendar_active .ajax__calendar_year {BACKGROUND-COLOR:#f4e5e8;BORDER-COLOR:#98002e;COLOR:#98002e;}

.AjaxCalendar .ajax__calendar_other .ajax__calendar_day {BACKGROUND-COLOR:#ffffff;BORDER-COLOR:#ffffff;COLOR:#646464;}
.AjaxCalendar .ajax__calendar_other .ajax__calendar_year {BACKGROUND-COLOR:#ffffff;BORDER-COLOR:#ffffff;COLOR:#646464;}

.AjaxCalendar .ajax__calendar_hover .ajax__calendar_day {BACKGROUND-COLOR:#f4e5e8;BORDER-COLOR:#daf2fc;COLOR:#98002e;}
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_month {BACKGROUND-COLOR:#f4e5e8;BORDER-COLOR:#daf2fc;COLOR:#98002e;}
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_year {BACKGROUND-COLOR:#f4e5e8;BORDER-COLOR:#daf2fc;COLOR:#98002e;}

.AjaxCalendar .ajax__calendar_hover .ajax__calendar_title {COLOR:#98002e;}
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_today {COLOR:#98002e;}

.popupbackground
{
	BACKGROUND-COLOR:Gray;
    FILTER:alpha(opacity=70);
    OPACITY:0.7;
}
.popup
{
	BACKGROUND-COLOR: #eeeeee;
	BORDER-WIDTH:1px;
	BORDER-STYLE:solid;
	BORDER-COLOR:#000000;
	PADDING:6px;
}

div.Header
{
    WHITE-SPACE: nowrap;
    MIN-WIDTH: 870px;
}

div.browserbar
{
	POSITION:fixed;
    WIDTH: 100%;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
    BACKGROUND-COLOR: #ffffff;
    FONT-WEIGHT: normal; 
    VERTICAL-ALIGN: middle;
    WHITE-SPACE: nowrap;
    MIN-WIDTH: 700px;
	HEIGHT: 28px;
	z-index:20000;
}
div.browserbargap
{
	HEIGHT: 28px;
}
div.browserbar_Username
{
	
	FLOAT:right;
	TEXT-ALIGN: right;	
    VERTICAL-ALIGN: middle;  
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
    WHITE-SPACE: nowrap;        
    POSITION: relative; 
    TOP: 25%;
}
div.browserbar_LeftContent
{
}
div.browserbar_Block
{	

	PADDING-LEFT: 3px;
	PADDING-RIGHT: 3px;
	BORDER-WIDTH: 0px;
    VERTICAL-ALIGN: middle;  
    WHITE-SPACE: nowrap; 
}
div.browserbar_Language
{
	FLOAT:left;
	PADDING-LEFT: 3px;
	PADDING-RIGHT: 3px;
    WHITE-SPACE: nowrap;
}

div.browserbar_Application
{
	FLOAT:left;
	PADDING-LEFT: 3px;
	PADDING-RIGHT: 3px;
    WHITE-SPACE: nowrap;
}

div.browserbar_Home
{
	FLOAT:left;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
    WHITE-SPACE: nowrap;
    POSITION: relative; 
    TOP: 10%;
}

div.browserbar_SignInSignOut
{
	FLOAT:left;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
    WHITE-SPACE: nowrap;
    POSITION: relative; 
    TOP: 10%;
}

.banner
{ 
    BACKGROUND-IMAGE: url(bannertile.gif);
    background-repeat:repeat-x;
    WIDTH:100%;
    HEIGHT: 87px;    
}

div.banner_Left
{
	background-image: url(bannerleft.gif);
	background-repeat:no-repeat;
	WIDTH: 320px;
    HEIGHT: 87px;
	FLOAT:left;
}

div.banner_Right
{
	background-image: url(bannerRight.gif);
	background-repeat:no-repeat;
	background-position: right;
	width: 300px;
	HEIGHT: 87px;
	FLOAT:right;
}

div.ApplicationBar
{
	FLOAT:left;
    BACKGROUND-COLOR: #05204D;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    VERTICAL-ALIGN: middle;
}

div.ApplicationBar_Menu
{
	FLOAT:left;
}

div.ApplicationBar_UsersName
{
	PADDING-RIGHT: 10px;
	FLOAT:right;
    POSITION: relative; 
    TOP: 15%;
}

div.Main {
	width: auto;
}

div.ContentAndMessages
{    
	MIN-WIDTH:566px;
}

div.toolbar
{
}

div.HelpText
{
}

div.ExceptionList
{
	BORDER-COLOR:red;
	BORDER-STYLE:solid;
	BORDER-WIDTH:3px;
	BACKGROUND-COLOR:#FFFFE1;
	COLOR:red;
	TEXT-ALIGN:left;
	PADDING-LEFT:10px;
	PADDING-TOP:7px;
	PADDING-BOTTOM:7px;
}
div.MessageList
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
	BORDER-COLOR:#333a16;
	BORDER-STYLE:solid;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	BACKGROUND-COLOR:#a7bc90;
	COLOR:#333a16;
	TEXT-ALIGN:left;
	PADDING:8px;
}

div.ModalMessageListBack 
{
	POSITION: fixed;
	TOP: 160px;
	LEFT: 160px;
	WIDTH: 500px;
	Z-INDEX: 100;		
	PADDING: 1em;
    BACKGROUND-IMAGE: url('BORDER.png');
}

div.ModalMessageList
{
    MARGIN-RIGHT:0px;
    border: solid 1px black;
}

div.ModalMessagesTitle
{
	FONT-WEIGHT: bold;
	BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: #aaaaaa 1px solid;
    BACKGROUND-COLOR: #bdd5e9;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-IMAGE: url(tablehead.png);
	background-repeat:repeat-x;
	color:#ffffff;
}

div.ModalMessagesBody
{
	BORDER: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
}

div.ModalMessagesFooter
{
    BORDER: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
	text-align:right;
}

div.Content
{
	/*WIDTH:98%;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: -20px;*/
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
	margin-left: 10px;

}

div.VersionLabel
{
	COLOR: #eeeeee;
	WIDTH: 100%;
	POSITION:fixed;
	bottom: 0px;
}


/* MISC.... */
.inner TD
{
    BORDER: #99bedd 0px solid;
	background-image:none;
	background:none
}

/*This is the class that relates to validation summaries*/
div.mandatory
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
	BORDER-COLOR:red;
	BORDER-STYLE:solid;
	border-left-width: 2px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	PADDING:8px;
	
	background-color: #eeeeee;
    COLOR: red;
}
/*This is the class that relates to control validation messages and asterisks
That is, the messages that are situated next to validated controls*/
span.mandatory, label.mandatory
{	
    COLOR: red;
}
span.mandatoryBold
{
	COLOR: red;
	FONT-WEIGHT: bold;
}
.biggertext
{
    FONT-SIZE: 13px;
}
.biggertext EM
{
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
}

span.changedField
{
    padding: 2px 4px;
    color: #e66213;
    border: 1px solid #000;
}

.explain
{
    MARGIN: 14px 0px 14px 0px;
	font-size: 13px;
}
.banner
{
}
TABLE.main
{
    BORDER: medium none;
    WIDTH: 100%;
}

.form
{
    MARGIN-top: 3px;
}
.formonright
{
    MARGIN-top: 3px;
    TEXT-ALIGN: right;
}
.readonlyform
{
    BORDER-STYLE: none;
    BORDER-WIDTH: 0px;
}
.formbox
{
}
.tablebox
{
    TABLE-LAYOUT:fixed;
    BORDER:1px solid #aaaaaa
}


.subtitlebar
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 0px;
    MARGIN-BOTTOM: 10px;
    BORDER-LEFT: #003399 2px solid;
    BORDER-BOTTOM: #003399 2px solid;
    BACKGROUND-COLOR: Transparent;
}


/* DON'T KNOW WHAT THESE ARE FOR */
.tdheader_right
{
	TEXT-ALIGN: right;	
	FONT-WEIGHT: bold;
}
.previewtablefootertotal
{	
   	BORDER:none medium black;
   	BORDER-TOP: 2px solid Black;
   	BORDER-LEFT: 2px solid black;
   	PADDING: 2px 2px 2px 2px;
}

.previewtablerowtotal
{
   	BORDER:none;
   	BORDER-LEFT: 2px solid black;   
   	PADDING: 2px 2px 2px 2px;
}
.previewtablerowstd
{   
   	BORDER:none;
   	PADDING: 2px 2px 2px 2px;
}
.previewtablefooterstd
{  
   	BORDER:none medium black;
   	BORDER-TOP: 2px solid Black;
   	PADDING: 2px 2px 2px 2px;
}

/* Legacy - used in a single P2P location only */
.hoverBox { 
	BORDER-COLOR: #999999;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;}

.hoverBox:link { 
	BORDER-COLOR: #999999;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
}
.hoverBox:active { 
	BORDER-COLOR: #999999;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
}
.hoverBox:hover {
	BORDER-COLOR: #333333;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
}
.NoPADDING
{
	PADDING: 0px !important
}

TABLE.footer1
{
    HEIGHT: 26px;  
}

A.footer1:link { BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none }
A.footer1:visited { BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none }
A.footer1:active { BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none }
A.footer1:hover { BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: UNDERLINE }
	
A.whitelink:link { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none }
A.whitelink:visited { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none }
A.whitelink:active { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none }
A.whitelink:hover { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: UNDERLINE }

.tablerowfield
{
    BORDER-RIGHT: #565656 1px solid;
    BORDER-TOP: #565656 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: #565656 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #565656 1px solid;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

div.TreeView
{
	FONT-SIZE: 12px;
}
.WizardMenu
{
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: top;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #05204d;
    PADDING:4px;
    TEXT-ALIGN:left;
    LINE-HEIGHT:25px
}

A.WizardMenu:link { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none }
A.WizardMenu:visited { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none }
A.WizardMenu:active { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none }
A.WizardMenu:hover { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: UNDERLINE}

INPUT.watermarked
{
	color: #99bedd;
}

/* DASHBOARD ELEMENTS - Used by Sourcing's old dashboard*/

INPUT.quicklinks
{
    BORDER-RIGHT: #861a1a 0px solid;
    BORDER-LEFT: #861a1a 0px solid;
    BORDER-TOP: #861a1a 0px solid;
    BORDER-BOTTOM: #861a1a 0px solid;
    BACKGROUND-POSITION: 100% 50%;
    BACKGROUND-IMAGE: url('button_quicklink.gif');
    BACKGROUND-REPEAT: no-repeat;
	TEXT-ALIGN: center;
	HEIGHT: 44px;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	padding-right: 20px;
}
.dashbox
{

	PADDING: 0px;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #ffffff;
	BORDER: #89a22e 2px solid;
	margin-top:2px;
	margin-bottom:-5px;	
}
TD.dashbox 
{

    BACKGROUND-COLOR: #ffffff;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;   
}
td.dashbox_s
{
	PADDING: 35px 10px 5px 10px;
    BACKGROUND-COLOR: #ffffff;
    BORDER:none;	
	padding-bottom:0px;
}
td.dashbox_s IMG
{
	padding: 0px;
	margin: 0px;
}
.dashhead TD
{
    FONT-WEIGHT: bold;
    BORDER-RIGHT: #99bedd 0px solid;
    BORDER-LEFT: #ffffff 0px solid;
    BORDER-TOP: #ffffff 0px solid;
    BORDER-BOTTOM: #99bedd 1px solid;
    BACKGROUND-COLOR: #344027;
    BACKGROUND-IMAGE: url(dashhead.png);
	background-repeat:repeat-x;
	background-position:top;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
    FONT-SIZE: 13px;
	COLOR: white;
}
.dashhead td A:link		{COLOR: #000000; TEXT-DECORATION: underline;}
.dashhead td A:visited	{COLOR: #000000; TEXT-DECORATION: underline;}
.dashhead td A:active	{COLOR: #000000; TEXT-DECORATION: underline;}
.dashhead td A:hover	{COLOR: #000000; TEXT-DECORATION: underline;}

.dashrow_off td
{
    BORDER-BOTTOM: #99bedd 1px solid;
    BACKGROUND-COLOR: #ffffff;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 6px;
    PADDING-BOTTOM: 6px;
    FONT-SIZE: 14px;
}
.dashrow_ov td
{
    BORDER-BOTTOM: #99bedd 1px solid;
    BACKGROUND-COLOR: #e6eff7;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 6px;
     PADDING-BOTTOM: 6px;
    FONT-SIZE: 14px;
	color:#000000;
}

.dashrow_off
{
    padding: 3px 4px;
    font-size: 12px;
    border-bottom-color: rgb(187, 187, 187);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
}

.dashrow_ov
{
    padding: 3px 4px;
    color: rgb(0, 0, 0);
    font-size: 12px;
    border-bottom-color: rgb(187, 187, 187);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    cursor: pointer;
    background-color: rgb(238, 238, 238);
}

.dashfoot TD
{
    BACKGROUND-COLOR: #dcdcd4;
	BACKGROUND-IMAGE: url(dashfoot.gif);
	background-repeat:repeat-x;
    BORDER-BOTTOM: #99bedd 1px solid;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-top: 3px;
   	PADDING-bottom: 3px;
}
.DragBox {
	PADDING: 4px;
	MARGIN-BOTTOM: 10px;
	MARGIN-top: 10px;
	WIDTH: 100%;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	BACKGROUND-COLOR: #a6c243;
	BACKGROUND-IMAGE: url(widgetimages/header.gif);
 	background-repeat: repeat-x;
	color: #000000;

}
.DragBoxTitle
{
	color: #394609;
}


td.approved

{font-weight:bold;
 color:#005f18;
 background-repeat:no-repeat;
 background-position:left;
 }

td.pending

{font-weight:bold; color:#944d00;
 background-repeat:no-repeat;
 background-position:left;
 
 }
 

td.predicted

{font-weight:bold; color:#636363;
 background-repeat:no-repeat;
 background-position:left;
 
 }

td.rejected

{
 font-weight:bold; 
 color:#610000;
 background-repeat:no-repeat;
 background-position:left;
 
 }
td.notresponded
{ font-weight:bold; 
    color:#610000;
 background-repeat:no-repeat;
 background-position:left;
 }

td.warning {
    font-weight: bold;
    color: #fff600;
    background-repeat: no-repeat;
    background-position: left;
}

td.na 

{ font-weight:normal;
    color:#aaaaaa

}

td.thickline {
    /*border-bottom: solid;
    border-bottom-width: 2px;
    border-bottom-color: #a1b84f;*/
}

table.route
{		
				border:solid;
                border-width: 2px;
                border-color: #a1b84f;
}

.tableheadroute {
    font-size: 15px;
}

tr.scheme {
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: #ffffff;
    BACKGROUND-IMAGE: url(tablerow.png);
    background-repeat:repeat-x;
    height:36px;
}

.line {
    font-size: 16px;
}

/* New Single Image QuickLink Branding - see Martin L before editing */


.quicklink td
{
	padding-left: 10px; /* WHERE TEXT STARTS ON LEFT  */
	padding-right: 10px; /* WHERE TEXT ENDS ON RIGHT  */
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: .25rem;
	-webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
	-o-transition: all .2s cubic-bezier(.4, 0, .2, 1);
	transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.quicklink p
{
	margin-bottom: 8px; /*  MOVES TEXT UP TO CENTRE  */
}

.quicklink
{
	min-width: 160px; /* OVERALL WIDTH OF THE BUTTON  */
	height: 60px; /* OVERALL HEIGHT OF THE BUTTON  */
	margin-right: 2px; /* THE GAP TO THE RIGHT OF THE BUTTON  */
	margin-top: 2px; /* THE GAP BENEATH THE BUTTON  */
	font-size: 16px;
	font-weight: normal;	
	float: left;
	cursor: pointer;
	/*text-align:left;*/
}

.quicklink_sml_off
{
	background: transparent url('quicklinks_sml.gif') repeat-x scroll top right;
	background-position: 0px 0px;
	padding-left: 20px; /* WHERE TEXT STARTS ON LEFT  */
	padding-right: 40px; /* WHERE TEXT ENDS ON RIGHT  */
}

.quicklink_sml_on
{
	background: transparent url('quicklinks_sml.gif') repeat-x scroll top right;
	background-position: 0px -74px; /* MOVES THE IMAGE UP TO DISPLAY ROLLOVER EFFTECT*/
	padding-left: 20px; /* WHERE TEXT STARTS ON LEFT  */
	padding-right: 40px; /* WHERE TEXT ENDS ON RIGHT  */	
}

.quicklink_sml p
{
	margin-bottom: 8px; /*  MOVES TEXT UP TO CENTRE  */
}

.quicklink_sml
{
	width: 175px; /* OVERALL WIDTH OF THE BUTTON  */
	height: 74px; /* OVERALL HEIGHT OF THE BUTTON  */
	margin-right: 2px; /* THE GAP TO THE RIGHT OF THE BUTTON  */
	margin-bottom: 2px; /* THE GAP BENEATH THE BUTTON  */
	font-size: 16px;
	font-weight: normal;	
	float: left;
	cursor: pointer;
}
/* END New Single Image QuickLink Branding */

.WatermarkText
{
	color: #999 !important; /* !important to override default textbox text color */
}

ul li .top
{
    vertical-align: top;
}

.approvalmessage
{
	margin: 10px 0 10px 0;
	padding: 10px;
	font-weight: bold;
}

div .emptyListMessage
{
	text-align: center;
	font-weight: bold;
}

.F1
{
    position: absolute;
    overflow: visible;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

/* Wax Custom Control */
.invalidFieldStyle {
    background-color:  red;
}

.pendingChangeStyle {
    border: red solid 1px;
    padding: 2px 2px 2px 2px;
}

.smallField {
	width: 50px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	overflow-y: auto;
    word-wrap: break-word;
    max-height: 50px;
}

.regularField {
	width: 200px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	overflow-y: auto;
    word-wrap: break-word;
    max-height: 50px;
}

.largeField {
	width: 250px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	overflow-y: auto;
    word-wrap: break-word;
    max-height: 100px;
}

.fieldNameLabel {
    display: inline-block;    
}

.displayNone{
    display: none;
}

.lineTitleBar
{
    padding-bottom:2px;
}
.textIndent
{
	padding-left:5px;
}
.sectionDetails
{
    padding: 5px;
    width: 100%;
}
.listViewHeader
{
    margin-bottom: 5px;
    background-color: #e6e6e6;
    border: 1px solid #bdd5e9;
    padding: 5px 0;
    color: #555555;
}
.floatLeftDiv
{
    width: 48%;
    float: left;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-bottom: 5px;
}
.floatRightDiv
{
    width: 48%;
    float: right;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-bottom: 5px;
}

.notesInput
{
	width:400px;
	height:80px;
}

.UploaderTableStyle
{
	 width: 360px; 
	 line-height: normal; 
	 FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
	 font-size: 11px; 
	 font-style: normal; 
	 font-variant: normal; 
	 font-weight: normal;
	 margin-top: 10px; 
	 margin-bottom: 10px; 
	 background-color: rgb(237, 237, 237);
}

.UploaderTableStyle TD
{
	background-color: rgb(255, 255, 255);
}