/* AUTOMATICALLY USED */
BODY
{
    BORDER: 0px;
    MARGIN: 0px;
    PADDING: 0px;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    COLOR: #000000;
    BACKGROUND-IMAGE: url(bgtile.gif);
    BACKGROUND-REPEAT: repeat-y;
    BACKGROUND-COLOR: #ffffff;
}

A:link { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
A:visited { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
A:active { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
A:hover { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }

H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    MARGIN: 0px 0px;
    COLOR: #000000;
}
H1 EM
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #c31733;
}
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;
    COLOR: #c31733;
}
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: #bbbbbb;
}

/* 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: #d4d0c8 1px solid;
	BORDER-LEFT: #d4d0c8 1px solid;
	BORDER-TOP: #ffffff 1px solid;
    BORDER-BOTTOM: #808080 1px solid;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    /*WIDTH: 100%;*/
    BACKGROUND-COLOR: #d4d0c8;
    FONT-WEIGHT: bold;
}
input.browserform
{
    BORDER: #000000 1px solid;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #d4d0c8;
    BORDER-STYLE:none;
    CURSOR: hand;
    MARGIN-top: 4px;
    MARGIN-bottom: 4px;
}
select.browserform
{
    BORDER: #000000 1px solid;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #ffffff;
    BORDER-STYLE:none;
    CURSOR: hand;
    MARGIN-top: 4px;
    MARGIN-bottom: 4px;
}
.leftLabel
{
    text-align: right;
    font-weight: bold;
    width: 150px;
    padding-right: 5px;
}

/* TABLEHEAD */


.tablehead > TD
{
	FONT-WEIGHT: bold;
	BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-TOP: #a9a9a9 1px solid;
    BORDER-BOTTOM: #a9a9a9 1px solid;
    BACKGROUND-COLOR: #aeaeae;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-IMAGE: url(tablehead.gif);
	background-repeat:repeat-x;
	color:#555555;
	height:28px;
}
.tablehead TH
{
	FONT-WEIGHT: bold;
	BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-TOP: #aeaeae 1px solid;
    BORDER-BOTTOM: #a9a9a9 1px solid;
    BACKGROUND-COLOR: #aeaeae;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-IMAGE: url(tablehead.gif);
	background-repeat:repeat-x;
	color:#555555;
	height:28px;
}

.tablehead A:link { COLOR: #555555; TEXT-DECORATION: UNDERLINE }
.tablehead A:visited { COLOR: #555555; TEXT-DECORATION: UNDERLINE }
.tablehead A:active { COLOR: #555555; TEXT-DECORATION: UNDERLINE }
.tablehead A:hover { COLOR: #CCC; TEXT-DECORATION: UNDERLINE }

/* Div version of TABLEHEAD 
    Use for div (RoleMatrix.ascx) */
.tablehead 
{
    FONT-WEIGHT: bold;
	BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-TOP: #aeaeae 1px solid;
    BORDER-BOTTOM: #a9a9a9 1px solid;
    BACKGROUND-COLOR: #aeaeae;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-IMAGE: url(tablehead.gif);
	background-repeat:repeat-x;
	color:#555555;
	height:28px;
}

/* 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;
}
.tablehead2 A:link { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablehead2 A:visited { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablehead2 A:active { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablehead2 A:hover { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }

/* TABLEROW1 */
.tablerow1 TD
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: #cbcbcb 1px solid;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
	height:28px;
}
.tablerow11 TD
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    /*BORDER-BOTTOM: #cbcbcb 1px solid;*/
   	PADDING-LEFT: 0px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
	height:28px;
}
.tablerow111 TD
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    /*BORDER-BOTTOM: #cbcbcb 1px solid;*/
   	PADDING-LEFT: 0px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
	height:18px;
}
.tablerow1 TH
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: #cbcbcb 1px solid;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
	height:28px;
}

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

.tablerow1 A:link { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablerow1 A:visited { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablerow1 A:active { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablerow1 A:hover { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }





/* TABLEROW2 */
.tablerow2 TD
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: #cbcbcb 1px solid;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #f4f4f4;
	height:28px;
}
.tablerow22 TD
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    /*BORDER-BOTTOM: #cbcbcb 1px solid;*/
   	PADDING-LEFT: 0px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #f4f4f4;
	height:28px;
}
.tablerow222 TD
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    /*BORDER-BOTTOM: #cbcbcb 1px solid;*/
   	PADDING-LEFT: 0px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #f4f4f4;
	height:18px;
}


.tablerow2withgrid TD
{  
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #f0f0f0;
}
.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;
}
.tablerow2 TH
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: #cbcbcb 1px solid;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #f0f0f0;
	height:28px;
}

.tablerow2 A:link { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablerow2 A:visited { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablerow2 A:active { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablerow2 A:hover { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }



/* TABLEROW3 */
.tablerow3 TD
{
    BORDER: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
	height:28px;
}
.tablerow3 TH
{
    BORDER: medium none;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #ffffff;
	height:28px;
}
.tablerow3 A:link { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablerow3 A:visited { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablerow3 A:active { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablerow3 A:hover { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }

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

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

/* TABLEROWALT */

.tablerowalt TD
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: #bbbbbb 1px solid;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #fffdce;
	height:28px;
}
.tablerowalt TH
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: #bbbbbb 1px solid;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #fffdce;
	height:28px;
}
.tablerowalt A:link { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablerowalt A:visited { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablerowalt A:active { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.tablerowalt A:hover { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }


TD.leftLine /* assign in code behind seperator*/
{
    border-left: #deeaac 2px solid;
}
.leftAlign
{
    text-align: left;
}
.rightAlign /* assign in code behind gidview - Qty column*/
{
    text-align: right;
}

/* NAVBAR */
table.navbar
{
    BORDER: #bbbbbb 1px solid;
	border-style:solid;
	background-color:#cacac0;
	BACKGROUND-IMAGE: url(navbar.gif);
	background-repeat:repeat-x;
}

.navbar TD
{

    PADDING: 2px;

}
.navbar TH
{
    BORDER: #bbbbbb 1px solid;
    PADDING: 2px;
	background-color:#cacac0;
	BACKGROUND-IMAGE: url(navbar.gif);
	background-repeat:repeat-x;
}
.navbar A:link { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.navbar A:visited { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.navbar A:active { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
.navbar A:hover { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }

/* Div version of navbar
    Use for div (RoleMatrix.ascx) */
.navbar
{
	BACKGROUND-IMAGE: url(navbar.gif); 
	BORDER-BOTTOM: #bbbbbb 1px solid; 
	BORDER-LEFT: #bbbbbb 1px solid; 
	BACKGROUND-COLOR: #d6d6d6; 
	BACKGROUND-REPEAT: repeat-x; 
	BORDER-TOP: #bbbbbb 1px solid; 
	BORDER-RIGHT: #bbbbbb 1px solid;
	padding: 4px 4px 4px 4px;
}

/* DISPLAYBAR */
.displaybar TD
{
   	BACKGROUND-COLOR: #afafaf;
	PADDING-LEFT: 2px;
   	PADDING-RIGHT: 2px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
   	BORDER-TOP: #a9a9a9 1px solid;
	color:#fff;
}
.displaybar TH
{
   	BACKGROUND-COLOR: #afafaf;
	PADDING-LEFT: 2px;
   	PADDING-RIGHT: 2px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
    BORDER-TOP: #a9a9a9 1px solid;
	color:#fff;
}
.displaybar A:link { COLOR: #fff; TEXT-DECORATION: UNDERLINE }
.displaybar A:visited { COLOR: #fff; TEXT-DECORATION: UNDERLINE }
.displaybar A:active { COLOR: #fff; TEXT-DECORATION: UNDERLINE }
.displaybar A:hover { COLOR: #CCC; TEXT-DECORATION: UNDERLINE }

/* Div version of display
    Use for div (ListMiniCompete.aspx) */
.displaybar
{
   	BACKGROUND-COLOR: #afafaf;
	PADDING-LEFT: 2px;
   	PADDING-RIGHT: 2px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
    BORDER-TOP: #a9a9a9 1px solid;
	color:#FFF;
}

/* COLOURBOXES */
.colourbox
{
    BORDER: #bbbbbb 1px solid;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #eeeeee
}
.colourbox2
{
    BORDER-TOP: #486a6b 2px solid;
    BORDER-BOTTOM: #486a6b 2px solid;
    BORDER-LEFT: #486a6b 2px solid;
    BORDER-RIGHT: #486a6b 2px solid;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #eeeeee
}

/* TOOLBAR */
.toolbar
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #ffffff;
    HEIGHT: 24px;
	background-color:#4d4d4d;
}
.toolbar A:link  { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: UNDERLINE }
.toolbar A:visited { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: UNDERLINE }
.toolbar A:active { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: UNDERLINE }
.toolbar A:hover { FONT-WEIGHT: bold; COLOR: #cccccc; TEXT-DECORATION: UNDERLINE }


/* BREADCRUMB PATH */
A.path { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }
.path A:link { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }
.path A:visited { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }
.path A:active { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }
.path A:hover { COLOR: #000000; TEXT-DECORATION: UNDERLINE }

.path
{
    COLOR: #c31733;
    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:#c5c5c5;
	BORDER-STYLE:solid;
	BORDER-WIDTH:1px;
	BACKGROUND-COLOR:#ededed;
	COLOR:#000000;
	TEXT-ALIGN:left;
	PADDING-LEFT:4px;
	PADDING-RIGHT:4px;
	PADDING-TOP:4px;
	PADDING-BOTTOM:4px;
}

/* SIGN IN */
Table.SignInTable
{
    BORDER-RIGHT: #003399 0px solid;
    BORDER-TOP: #003399 0px solid;
    BORDER-LEFT: #003399 0px solid;
    BORDER-BOTTOM: #003399 0px solid;
    COLOR: #000000;
}
.SignInTable TD A:link { COLOR: #e20000; TEXT-DECORATION: UNDERLINE }
.SignInTable TD A:visited { COLOR: #e20000; TEXT-DECORATION: UNDERLINE }
.SignInTable TD A:active { COLOR: #e20000; TEXT-DECORATION: UNDERLINE }
.SignInTable TD A:hover { COLOR: #ededed; TEXT-DECORATION: UNDERLINE; }

.signin-colourtext
{
	COLOR:Red;
}

/* TABS */
.tabs_on
{
    COLOR: #FFFFFF;
    PADDING-LEFT:14px;
    PADDING-RIGHT:14px;
    PADDING-TOP:2px;
    PADDING-BOTTOM:2px;
	border-left: #ffffff 1px solid;
    border-right: #ffffff 1px solid;
    BACKGROUND-COLOR: #c71444;
    BACKGROUND-POSITION: 100% 0px;
    BACKGROUND-IMAGE: url('tabmask_on.gif');
    BACKGROUND-REPEAT: no-repeat;
	font-size:14px;
}
.tabs_on A:link { COLOR: #ffffff; TEXT-DECORATION: none }
.tabs_on A:visited { COLOR: #ffffff; TEXT-DECORATION: none }
.tabs_on A:active { COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: bold; }
.tabs_on A:hover { COLOR: #ffffff; TEXT-DECORATION: UNDERLINE }

.tabs_off
{
    COLOR: #303b00;
    BACKGROUND-COLOR: #cbcac9;
    PADDING-LEFT:14px;
    PADDING-RIGHT:14px;
    PADDING-TOP:2px;
    PADDING-BOTTOM:2px;
	BORDER: #ffffff 2px solid;
	BORDER-BOTTOM: #ffffff 1px solid;
    BACKGROUND-POSITION: 100% 0px;
    BACKGROUND-IMAGE: url('tabmask_off.gif');
    BACKGROUND-REPEAT: no-repeat;
	font-size:14px;
}
.tabs_off A:link { COLOR: 303b00; TEXT-DECORATION: none }
.tabs_off A:visited { COLOR: #303b00; TEXT-DECORATION: none }
.tabs_off A:active { COLOR: #303b00; TEXT-DECORATION: none; }
.tabs_off A:hover { COLOR: #000000; TEXT-DECORATION: UNDERLINE }

.tabs_LINE
{
    BORDER-BOTTOM: #c71444 1px solid;
}
.tabs_title
{
    FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #c71444;
}
.tabs_box
{
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #c71444;
    BORDER-LEFT: #bbbbbb 1px solid;
    BORDER-RIGHT: #bbbbbb 1px solid;
    BORDER-BOTTOM: #bbbbbb 1px solid;
}
 



/* BUTTONS */
.SmallButtonSelected
{
    COLOR: #ffffff;
	font-size:10px;
	PADDING: 1px 5px;
	BACKGROUND-COLOR: #555555; 
	BORDER: #555555 1px solid;	
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton2.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	Filter: Alpha(Opacity=50);
}
INPUT[disabled].SmallButtonSelected
{
    COLOR: #ffffff;
	font-size:10px;
	PADDING: 1px 5px;
	BACKGROUND-COLOR: #555555; 
	BORDER: #555555 1px solid;	
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton2.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	cursor:pointer;
}
.SmallButton
{
    COLOR: #ffffff;
	font-size:10px;
	PADDING: 1px 5px;
	BACKGROUND-COLOR: #81192f; 
	BORDER: #81192f 1px solid;	
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	Filter: Alpha(Opacity=50);
}
INPUT[disabled].SmallButton
{
    COLOR: #ffffff;
	font-size:10px;
	PADDING: 1px 5px;
	BACKGROUND-COLOR: #81192f; 
	BORDER: #81192f 1px solid;	
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	cursor:pointer;
}
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
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #81192f; 
	BORDER: #81192f 1px solid;	
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	cursor:pointer;
}
INPUT.button_trash
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #81192f; 
	BORDER: #81192f 1px solid;	
	width:24px;
	height:20px;
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('button_trash.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	cursor:pointer;
}
INPUT.button_settings
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #81192f; 
	BORDER: #81192f 1px solid;	
	width:24px;
	height:20px;
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('button_settings.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	cursor:pointer;
}
INPUT.button_refresh_icon
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #81192f; 
	BORDER: #81192f 1px solid;	
	width:24px;
	height:20px;
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('button_refresh.gif');
    BACKGROUND-REPEAT: no-repeat;
	cursor:pointer;
	overflow:visible;
}
INPUT.button_large
{
    COLOR: #ffffff;
	font-size:15px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #81192f; 
	BORDER: #81192f 1px solid;	
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	cursor:pointer;
}

/* DISABLED BUTTONS */
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, INPUT[disabled].button_move, INPUT[disabled].button_verify, INPUT[disabled].button_home
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #81192f; 
	BORDER: #81192f 1px solid;	
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	Filter: Alpha(Opacity=50);
}
INPUT[disabled].button_trash
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #81192f; 
	BORDER: #81192f 1px solid;	
	width:24px;
	height:20px;
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('button_trash.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	Filter: Alpha(Opacity=50);
}
INPUT[disabled].button_settings
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #81192f; 
	BORDER: #81192f 1px solid;	
	width:24px;
	height:20px;
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton_settings.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	Filter: Alpha(Opacity=50);
}
INPUT[disabled].button_refresh_icon
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #81192f; 
	BORDER: #81192f 1px solid;	
	width:24px;
	height:20px;
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('button_refresh.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	Filter: Alpha(Opacity=50);
}
INPUT[disabled].button_large
{
    COLOR: #ffffff;
	font-size:15px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #81192f; 
	BORDER: #81192f 1px solid;	
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	Filter: Alpha(Opacity=50);
}


/* HIGHLIGHT BUTTONS */
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
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #555555; 
	BORDER: #555555 1px solid;	
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton2.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	cursor:pointer;
}
INPUT.button_trash2
{
    COLOR: #ffffff;
	font-size:13px;
	BACKGROUND-COLOR: #555555; 
	BORDER: #555555 1px solid;	 
	width:24px;
	height:20px;
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('button_trash2.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	cursor:pointer;
}
INPUT.button_settings2
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #555555; 
	BORDER: #555555 1px solid;	
	width:24px;
	height:20px;
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton_settings2.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	cursor:pointer;
}
INPUT.button_refresh_icon2
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
	BORDER: 0px;	
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('refresh.png');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	cursor:pointer;
}
INPUT.button_large2
{
    COLOR: #ffffff;
	font-size:15px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #555555; 
	BORDER: #555555 1px solid;	
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton2.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	cursor:pointer;
}
/* HIGHLIGHT DISABLED BUTTONS */
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
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #555555; 
	BORDER: #555555 1px solid;	
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton2.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	Filter: Alpha(Opacity=50);
}
INPUT[disabled].button_trash2
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
	BACKGROUND-COLOR: #555555; 
	BORDER: #555555 1px solid;	
	width:24px;
	height:20px;
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton_trash2.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	Filter: Alpha(Opacity=50);
}
INPUT[disabled].button_settings2
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
BACKGROUND-COLOR: #555555; 
	BORDER: #555555 1px solid;	
	width:24px;
	height:20px;
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton_settings2.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	Filter: Alpha(Opacity=50);
}
INPUT[disabled].button_refresh_icon2
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
BACKGROUND-COLOR: #555555; 
	BORDER: #555555 1px solid;	
	width:24px;
	height:20px;
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('button_refresh2.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	Filter: Alpha(Opacity=50);
}
INPUT[disabled].button_large2
{
    COLOR: #ffffff;
	font-size:13px;
	PADDING: 2px 5px 1px 5px;
BACKGROUND-COLOR: #555555; 
	BORDER: #555555 1px solid;	
	BACKGROUND-POSITION: 50% 50%;
    BACKGROUND-IMAGE: url('thebutton2.gif');
    BACKGROUND-REPEAT: no-repeat;
	overflow:visible;
	Filter: Alpha(Opacity=50);
}


/* BASKET BOX */
table.basketbox 
{
    BORDER: #c31733 1px solid;
    BACKGROUND-COLOR: #c31733;
    BACKGROUND-IMAGE: url(basketbox.gif);
	PADDING: 2px;
}
td.basketbox
{
    FONT-SIZE: 11px;
	TEXT-ALIGN: CENTER;
    FONT-WEIGHT: bold;
    VERTICAL-ALIGN: top;
	LINE-HEIGHT: 18px;
	color:#ffffff

}
.basketinner td
{
    BORDER: #c31733 1px solid;
	BORDER-LEFT: #c31733 1px solid;
	BORDER-TOP: #c31733 1px solid;
	TEXT-ALIGN: CENTER;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 6px;
	PADDING-BOTTOM: 6px;
	TEXT-ALIGN: CENTER;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #ffffff;
	LINE-HEIGHT: 17px;
	
}
.basketinner td A:link		{COLOR: #000000; TEXT-DECORATION: UNDERLINE;}
.basketinner td A:visited	{COLOR: #000000; TEXT-DECORATION: UNDERLINE;}
.basketinner td A:active	{COLOR: #000000; TEXT-DECORATION: UNDERLINE;}
.basketinner td A:hover		{COLOR: #c31733; TEXT-DECORATION: UNDERLINE;}

/* Use for div (BasketSummary.ascx) */
.basketbox 
{
    BORDER: #c31733 1px solid;
    BACKGROUND-COLOR: #c31733;
    BACKGROUND-IMAGE: url(basketbox.gif);
	PADDING: 2px;
}
.basketboxHeader
{
    FONT-SIZE: 11px;
	TEXT-ALIGN: CENTER;
    FONT-WEIGHT: bold;
    VERTICAL-ALIGN: top;
	LINE-HEIGHT: 18px;
}
.basketinner
{
    BORDER: #82a6cd 1px solid;
	BORDER-LEFT: #82a6cd 1px solid;
	BORDER-TOP: #82a6cd 1px solid;
	TEXT-ALIGN: CENTER;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 6px;
	PADDING-BOTTOM: 6px;
	TEXT-ALIGN: CENTER;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #ffffff;
	LINE-HEIGHT: 17px;
}
.basketinner A:link		{COLOR: #000000; TEXT-DECORATION: UNDERLINE;}
.basketinner A:visited	{COLOR: #000000; TEXT-DECORATION: UNDERLINE;}
.basketinner A:active	{COLOR: #000000; TEXT-DECORATION: UNDERLINE;}
.basketinner A:hover	{COLOR: #c31733; TEXT-DECORATION: UNDERLINE;}


/* CATEGORY BOX */
.categorybox
{
    BORDER-TOP: #c71444 2px solid;
    BORDER-BOTTOM: #c71444 3px solid;
    BORDER-LEFT: #c71444 2px solid;
    BORDER-RIGHT: #c71444 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: #bbbbbb 0px solid;
    BORDER-LEFT: #ffffff 0px solid;
    BORDER-TOP: #ffffff 0px solid;
    BORDER-BOTTOM: #bbbbbb 1px solid;
    BACKGROUND-COLOR: #c71444;
    BACKGROUND-IMAGE: url(dashhead.gif);
	background-repeat:repeat-x;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
    FONT-SIZE: 13px;
	COLOR: white;
}
.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: 13px;
	LINE-HEIGHT: 26px;
	text-align: left;
}
.price
{
    color:#c31733; 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;
    PADDING-TOP: 3px;
    PADDING-BOTTOM: 3px;
    BACKGROUND-COLOR: #ffffff;
    font-size:13px;
    padding-top:12px;
    padding-bottom:12px;
}

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


.itemrow A:link { COLOR: #000000; TEXT-DECORATION: none }
.itemrow A:visited { COLOR: #000000; TEXT-DECORATION: none }
.itemrow A:active { COLOR: #000000; TEXT-DECORATION: none }
.itemrow A:hover { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }

/*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%;background-image:url(<%=WebResource("brandedControlToolkit.Calendar.arrow-left.gif")%>);}
.ajax__calendar_next {CURSOR:pointer;WIDTH:15px;HEIGHT:15px;FLOAT:right;background-repeat:no-repeat;background-POSITION:50% 50%;background-image:url(<%=WebResource("brandedControlToolkit.Calendar.arrow-right.gif")%>);}
.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;
}


/* NEW FROM MARC */

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

div.browserbar
{
	POSITION:fixed;
    WIDTH: 100%;
    /* CM: BORDER-RIGHT: #d4d0c8 0px solid;
    BORDER-LEFT: #d4d0c8 0px solid;*/
    BORDER-TOP: #ffffff 1px solid;
    BORDER-BOTTOM: #808080 1px solid;
    BACKGROUND-COLOR: #d4d0c8;
    FONT-WEIGHT: bold; 
    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
{
	FLOAT:left;
	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%;
}

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

div.banner_Left {
    background-image: url(bannerleft.gif);
    background-repeat: no-repeat;
    background-position: left;
    WIDTH: 385px;
    HEIGHT: 125px;
    top: 10px;
    FLOAT: left;
    vertical-align: middle;
    background-color: white;
    position: relative;
}

div.banner_Right
{
	background-image: url(bannerRight.gif);
	background-repeat:no-repeat;
	background-position: right;
	width: 260px;
	HEIGHT: 125px;
    padding-top: 10px;
	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
{
    MIN-WIDTH: 870px;
    WIDTH: 100%;    
}

div.SideMenu
{	
    WIDTH:134px;
}

div.ContentAndMessages
{
    /*CM: BORDER-TOP: #777777 1px solid;*/
	MIN-WIDTH:566px;
}

div.toolbar
{
}

div.HelpText
{
}

div.ExceptionList
{
	BORDER-COLOR:#c31733;
	BORDER-STYLE:solid;
	BORDER-WIDTH:3px;
	BACKGROUND-COLOR:#FFFFE1;
	COLOR:#c31733;
	TEXT-ALIGN:left;
	PADDING-LEFT:10px;
	PADDING-TOP:7px;
	PADDING-BOTTOM:7px;
}

div.MessageList
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
	BORDER-COLOR:#c71444;
	BORDER-STYLE:solid;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	BACKGROUND-COLOR:#fffb96;
	COLOR:#4e0000;
	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: #344027;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
	BACKGROUND-IMAGE: url(tablehead.gif);
	background-repeat:repeat-x;
	color:#c71444;
}

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;

}

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


/* MISC.... */
.inner TD
{
    BORDER: #bbbbbb 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:#c31733;
	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: #c31733;
}
/*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
{	
    COLOR: #c31733;
}
span.mandatoryBold
{
	COLOR: #c31733;
	FONT-WEIGHT: bold;
}
.biggertext
{
    FONT-SIZE: 11px;
}
.biggertext EM
{
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
}

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

.explain
{
    MARGIN: 14px 0px 14px 0px;
	font-size: 11px;
}
.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
}
.colourtext
{
    COLOR: #c31733
}

.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
{
	COLOR: #000000;
   	BACKGROUND-COLOR: #ffffff;
   	BORDER:none medium black;
   	BORDER-TOP: 2px solid Black;
   	BORDER-LEFT: 2px solid black;
   	PADDING: 2px 2px 2px 2px;
}

.previewtablerowtotal
{
	COLOR: #000000;
   	BACKGROUND-COLOR: #ffffff;
   	BORDER:solid 1px #bbbbbb;
   	BORDER-LEFT: 2px solid black;   
   	PADDING: 2px 2px 2px 2px;
}
.previewtablerowstd
{
   	BACKGROUND-COLOR: #ffffff;
   	BORDER:solid 1px #bbbbbb;
   	PADDING: 2px 2px 2px 2px;
}
.previewtablefooterstd
{
   	BACKGROUND-COLOR: #ffffff;
   	BORDER:none medium black;
   	BORDER-TOP: 2px solid Black;
   	PADDING: 2px 2px 2px 2px;
}
.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
}

/* I DON'T THINK THESE ARE USED! */
.tablecellbutton
{
    FONT-SIZE: 10px;
    COLOR: #000000;

}
A.tablecellbutton:link { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
A.tablecellbutton:visited { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
A.tablecellbutton:active { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
A.tablecellbutton:hover { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }

TABLE.footer1
{
    HEIGHT: 26px;
    BACKGROUND-COLOR: #c31733
}

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;
}
A.tablerow:link { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
A.tablerow:visited { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
A.tablerow:active { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
A.tablerow:hover { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }

A.page:link { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
A.page:visited { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
A.page:active { COLOR: #000000; TEXT-DECORATION: UNDERLINE }
A.page:hover { COLOR: #c31733; TEXT-DECORATION: UNDERLINE }

div.TreeView
{
	FONT-SIZE: 10px;
}
.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: #BBBBBB;
}

/* 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: #c71444 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;
    FONT-SIZE: 11px;
}
.dashhead TD
{
    FONT-WEIGHT: bold;
    BORDER-RIGHT: #bbbbbb 0px solid;
    BORDER-LEFT: #ffffff 0px solid;
    BORDER-TOP: #ffffff 0px solid;
    BORDER-BOTTOM: #bbbbbb 1px solid;
    BACKGROUND-COLOR: #c71444;
    BACKGROUND-IMAGE: url(dashhead.gif);
	background-repeat:repeat-x;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
    FONT-SIZE: 13px;
	COLOR: white;
}
.dashhead td A:link		{COLOR: #ffffff; TEXT-DECORATION: underline;}
.dashhead td A:visited	{COLOR: #ffffff; TEXT-DECORATION: underline;}
.dashhead td A:active	{COLOR: #ffffff; TEXT-DECORATION: underline;}
.dashhead td A:hover	{COLOR: #ffffff; TEXT-DECORATION: underline;}

.dashrow td
{
    BORDER-BOTTOM: #bbbbbb 1px solid;
    BACKGROUND-COLOR: #ffffff;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
    FONT-SIZE: 11px;
}
.dashrow_off td
{
    BORDER-BOTTOM: #bbbbbb 1px solid;
    BACKGROUND-COLOR: #ffffff;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
    FONT-SIZE: 11px;
}
.dashrow_ov td
{
    BORDER-BOTTOM: #bbbbbb 1px solid;
    BACKGROUND-COLOR: #eeeeee;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-TOP: 3px;
   	PADDING-BOTTOM: 3px;
    FONT-SIZE: 11px;
	color:#000000;
}

.dashsubhead TD
{
    FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url(dashsubhead.gif);
	background-repeat:repeat-x;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-top: 3px;
   	PADDING-bottom: 3px;
	height:25px;
}
.dashsubhead TH
{
    FONT-WEIGHT: bold;
	BORDER-BOTTOM: #bbbbbb 1px solid;
	background-color: White;
   	PADDING-LEFT: 4px;
   	PADDING-RIGHT: 4px;
   	PADDING-top: 3px;
   	PADDING-bottom: 3px;
	height:25px;
}
.dashfoot TD
{
    BACKGROUND-COLOR: #dcdcd4;
	BACKGROUND-IMAGE: url(dashfoot.gif);
	background-repeat:repeat-x;
    BORDER-BOTTOM: #bbbbbb 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: #002f3d;
}


td.approved

{background-color:#00Cc33; font-weight:bold; border-bottom-color:#009d27; color:#005f18;
 background-image:url('approvals_approved.png');
 background-repeat:no-repeat;
 background-position:left;
 text-indent:15px;
 
 }

td.pending

{background-color:#FfCc66; font-weight:bold; border-bottom-color:#e59900; color:#944d00;
 background-image:url('approvals_pending.png');
 background-repeat:no-repeat;
 background-position:left;
 text-indent:15px;
 
 }
 

td.predicted

{background-color:#CCCccc; font-weight:bold; border-bottom-color:#9a9a9a; color:#636363;
 background-image:url('approvals_predicted.png');
 background-repeat:no-repeat;
 background-position:left;
 text-indent:15px;
 
 }

td.rejected

{background-color:#ff4242; font-weight:bold; border-bottom-color:#c10000; color:#610000;
 
 background-image:url('approvals_rejected.png');
 background-repeat:no-repeat;
 background-position:left;
 text-indent:15px;
 
 }
 
td.warning

{background-color:#fff600; font-weight:bold; border-bottom-color:#b5af00; color:#ec0303;
 background-image:url('approvals_warning.png');
 background-repeat:no-repeat;
 background-position:left;
 text-indent:15px;
 
 }

td.na 

{background-color:#efefef; font-weight:bold; border-bottom-color:#bbbbbb; 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;

}

tr.scheme 
{
	font-weight:bold;
	}

/* New Single Image QuickLink Branding - see Martin L before editing */
.quicklink_off {
    background-color: #c70000;
    padding-left: 20px; /* WHERE TEXT STARTS ON LEFT  */
    padding-right: 20px; /* WHERE TEXT ENDS ON RIGHT  */
}
.quicklink_on
{
	background: transparent url('quicklinks.gif') no-repeat scroll top right;
	background-position: 0px -51px; /* MOVES THE IMAGE UP TO DISPLAY ROLLOVER EFFTECT*/
	padding-left:20px; /* WHERE TEXT STARTS ON LEFT  */
	padding-right:20px; /* WHERE TEXT ENDS ON RIGHT  */
	color:#ffffff;
}
.quicklink p
{
	margin-bottom:10px; /*  MOVES TEXT UP TO CENTRE  */
}
.quicklink
{
	width: 204px; /* OVERALL WIDTH OF THE BUTTON  */
	height:51px; /* OVERALL HEIGHT OF THE BUTTON  */
	margin-right:20px; /* THE GAP TO THE RIGHT OF THE BUTTON  */
	margin-bottom:10px;   /* THE GAP BENEATH THE BUTTON  */
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	float:left;
	cursor:pointer;
	text-align:center;
}
.quicklink_sml_off
{
	background: transparent url('quicklinks_sml.gif') no-repeat scroll top right;
	background-position: 0px 0px;
	padding-left:20px;  /* WHERE TEXT STARTS ON LEFT  */
	padding-right:20px;  /* WHERE TEXT ENDS ON RIGHT  */
	}
.quicklink_sml_on
{
	background: transparent url('quicklinks_sml.gif') no-repeat scroll top right;
	background-position: 0px -51px; /* MOVES THE IMAGE UP TO DISPLAY ROLLOVER EFFTECT*/
	padding-left:20px; /* WHERE TEXT STARTS ON LEFT  */
	padding-right:20px; /* WHERE TEXT ENDS ON RIGHT  */
	color:#ffffff;
	}
.quicklink_sml p
{
	margin-bottom:10px; /*  MOVES TEXT UP TO CENTRE  */
}

.quicklink_sml
{
	width: 175px; /* OVERALL WIDTH OF THE BUTTON  */
	height:51px; /* OVERALL HEIGHT OF THE BUTTON  */
	margin-right:20px; /* THE GAP TO THE RIGHT OF THE BUTTON  */
	margin-bottom:10px;   /* THE GAP BENEATH THE BUTTON  */
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	float:left;
	cursor:pointer;
	text-align:center;
}
/* 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;
}

.invoicescancontainer
{
    position: relative;
    min-height: 700px;
}

.invoicescanaccompaniment
{
    width: 52%;
    overflow: auto;
    position: absolute;
    height: 100%;
    padding-left: 1%;
}

.invoicescan
{
    width: 46%;
    text-align: center;
    position: absolute;
    right: 0;
}

.backtoinvoicescanqueue
{
    padding: 10px;
    text-align: right;
}

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

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

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

.smallField {
	width: 50px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	overflow-y: hidden;
}

.regularField {
	width: 150px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	overflow-y: hidden;
}

.largeField {
	width: 250px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	overflow-y: hidden;
}

.fieldNameLabel {
    display: inline-block;    
}

.dropdownregularField {
	width: auto;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	overflow-y: hidden;
}

.displayNone{
    display: none;
}





/* New input UI classes used with JQuery... needs review really as not happy with mix of style and behaviour*/
.expandCollapseImg
{
   
}
.collapseAllImg
{
    
}
.lineTitleBar
{
    padding-bottom:2px;
}
.textIndent
{
	padding-left:5px;
}
.outterDiv
{
    border: 1px solid #aac351;
    margin-top: 4px;
    margin-bottom: 4px;
}
.grnFieldInput
{
    width:80px;
} 

.section 
{
    margin-bottom: 5px;
    border: 1px solid #d3d3d3;
}
.sectionHeader
{
    background-color: rgb(230, 230, 230);
    border: 1px solid #d3d3d3;
    padding: 3px;
    color: #555555;
}
.sectionDetails
{
    padding: 5px;
    width: 100%;
}
.listViewHeader
{
    margin-bottom: 5px;
    background-color: rgb(230, 230, 230);
    border: 1px solid #d3d3d3;
    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;
}

.expanderContent
{
	padding-left: 5px;
	padding-right:5px;
	padding-bottom:5px;
}

.SignInButton {
    COLOR: #ffffff;
    font-size: 13px;
    PADDING: 2px 5px 1px 5px;
    BACKGROUND-COLOR: #c70000;
    BORDER: #81192f 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    overflow: visible;
    cursor: pointer;
}

.SignInDashhead TD {
    FONT-WEIGHT: bold;
    BORDER-RIGHT: #bbbbbb 0px solid;
    BORDER-LEFT: #ffffff 0px solid;
    BORDER-TOP: #ffffff 0px solid;
    BORDER-BOTTOM: #bbbbbb 1px solid;
    BACKGROUND-COLOR: #c70000;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 4px;
    PADDING-TOP: 3px;
    PADDING-BOTTOM: 3px;
    FONT-SIZE: 13px;
    COLOR: white;
}