HTML
{
	height: 100%;
}

BODY
{
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	background-color: #FFFFFF;
	height: 100%;
	font-family: "Trebuchet MS";
	font-size: 8pt;
}

/* Get rid of the border around IMG and text hyperlinks */
img, img:active, img:focus, a, a:active, a:visited, a:hover, a:link
{
	border: 0;
	outline:0px;
}
	

.bodyBorderLeft
{
	background-image: url('../Images/leftBorder.gif');
	background-repeat: repeat-y; 
	background-position: right;
}

.bodyBorderRight
{
	background-image: url('../Images/rightBorder.gif');
	background-repeat: repeat-y; 
	background-position: left;
}


H1, .pageHeader
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 0px 0px;
	color: #003D73;
}

H2
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	padding: 10px 0px 0px 0px;
	color: #003D73;
}

H3
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	padding: 10px 0px 0px 0px;
	color: #003D73;
}

HR
{
	border: 0;
	background-color: #BCC7DA;
	height: 1px;
	margin: 30px 10px 40px 10px;
	
}

P
{
	margin-top: 0px;
}

a
{
	outline: none;
}

UL
{
	list-style-image: url(../Images/GUI/bullet2.gif);
	margin:	0px 0px 0px 5px;
	padding: 0px;
}

LI
{
	margin: 7px 0px 0px 25px;
	padding: 0px 0px 0px 4px;
}
UL .selected
{
	list-style-image: url('../Images/GUI/bulletLit.gif');
}


.siteMap UL 
{
	margin: 1px 0px 0px 35px;
	padding: 0px;
}
.siteMap LI
{
	padding: 0px;
	margin: 0px;
}	


DT
{
	float: left;
	margin-right: 15px;
}

DD
{
	margin-bottom: 15px;
	color: #666666;
}


INPUT
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 8pt;
}

TEXTAREA
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 8pt;
}

SELECT
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 8pt;
}

LEGEND
{
	font-weight: bold;
	text-transform: uppercase;
}

FIELDSET
{
	border: solid 1px #BCC7DA;
	background-color: #F0F2F7;
	padding-top:15px;
	padding-left:10px;
	padding-bottom: 10px;
}

.button
{
	background-image: url('../Images/GUI/button_bg.gif');
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: #ffffff;
	border: solid 1px #80A0B6;
	padding: 1px 10px 1px 10px;
	color: #003D73;
	outline: none;
}

.button:hover
{
	color: #ac0f12;	
	border-color: #ac0f12;
}

.button:active
{
	color: #dc5f62;	
	border-color: #dc5f62;
}

.underlined
{
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	width: 100%;
}

.footer
{
	color: #333333;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 8pt;
	padding-top: 15px;
	text-align: center;
}
.footer a 
{
	color: #ac0f12;
}

.defaultText
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 8pt;
	text-align: justify;
	color: #333333;
	vertical-align: top;
}

.defaultText a
{
	color: #ac0f12;
}

.blue 
{
	color: #003D73;
}

.headline
{
	color: #003D73;
	font-style: italic;
	font-weight: normal;
}

.break
{
	clear:both;
}


spg		/* Just used for dev purposes to highlight sentences for correction */
{
	font-weight: bold;
	color: red;
	background-color: yellow;
}

.important, .error
{
	font-weight: bold;
	color: #ac0f12;
}

.footnote
{
	margin: 30px 0px 0px 0px;
	font-size: 8pt;
	text-align: right;
	font-style: italic;
	color: #777777;
}

blockquote
{
	margin: 10px auto 10px auto;
	width: 300px;
	padding: 10px;
	text-align: center;
	font-style: italic;
	font-size: 9pt;
	color: #003D73;
	border: solid 1px #BCC7DA;
	background-color: #F5F6F9;
}


.outcomeMessages
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 8pt;
	text-align: justify;
	color: red;
	padding-top: 20px;
}

.panel
{
	border: solid 1px #BCC7DA;
	
}

.panelText
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 8pt;
	text-align: left;
	color: #444444;
	padding: 10px 10px 10px 10px;
}

.panelHeader
{
	background-image: url('../Images/GUI/PanelHeaderMiddle.gif');
	background-repeat: repeat-x;
	height: 18px;
	font-size: 9pt;
	font-weight: bold;
	color: #003D73;
	text-align: center;
}


.annotation, .screenshot
{
	color: #003D73;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 9pt;
	text-transform: lowercase;
}

.screenshot
{ 
	margin: 0px 10px 10px 10px;
}

.screenshot img
{
	border: solid 1px #707099;
	padding: 2px;
}

.hideit
{
	display: none;
}

.formPanel
{
	border-color: #BCC7DA;
	background-color: #F4F5F9;
	border-style: solid;
	border-width: 1px;
	color: #333333;
	padding: 0px 0px 10px 10px;
}

.breadcrumb
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 8pt;
	padding: 3px;
	text-align: left;
}

.breadcrumb a
{
	color: #ac0f12;
}

.header
{
	background-image: url('../Images/GUI/header.jpg');
	background-position: right top;
	background-repeat: no-repeat;
}





.navBar
{
	background-image: url('../Images/GUI/navBg2.gif');
	background-repeat: repeat-x;
	background-position: center top;
	height: 19px;
	vertical-align: middle;
	padding: 0px;
}


.navLogonStatus
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 10px;
	color: #D4D5DA;
	padding: 0px 0px 8px 0px;
}

.navLogonStatus a
{
	color: white; /*#ac0f12;*/
}

.NavBarParents
{
	font-weight: bold;
	font-size: 10pt;
	color: #29287B;
	font-family: Arial, Verdana;
}

.NavBarItems
{
	background-color: #F7F7F7;
	text-align: left;
	color: #003D73;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 8pt;
	padding-bottom: 3px;
}

.NavBarItems:hover
{
	text-decoration: underline;
}

.NavBarItemContainers
{
	background-color: #F7F7F7;
	border: solid 1px #E7E7E7;
	padding: 5px 5px 0px 5px;
}

.NavBarText:visited
{
	color: #ac0f12;
}

.NavBarText:active
{
	color: #ac0f12;
}

.NavBarText:hover
{
	text-decoration: none;
}


.ProductNavList LI
{
	margin-left: 14px;
}

.ProductNavList a
{
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color: #003D73;
}







.tableHeaders
{
	background-color: #BCC7DA;
	font-weight: bold;
	color: white;
}

.gridView
{
	border: solid 1px #5770A0;
}

.gridRow 
{
	background-color: #F0F2F7;
	color: #003D73;
	text-align: left;	
}

.gridAltRow 
{
	background-color: #FFFFFF;
	color: #444444;
	text-align: left;
}

.gridRowOption:hover
{
	background-color: #CCD7EA;
	cursor: pointer;
}

.gridHeader
{
	padding: 15px;
	background-color: #5770A0;  /* #BCC7DA;*/
	color: white;
	font-weight: bold;
}

.gridFooter
{
	color: #003D73;
	font-weight: bold;
	border: solid 1px #5770A0;
	border-top-width: 3px;
}
.gridFooter td
{
	padding-top: 5px;
}

.gridHeader a 
{
	color: white;
}

.gridPager 
{
	color: #5D7B9D;
}



.table
{	
	text-align: left;
}


.table td
{
	padding: 2px 7px 2px 7px;
	border: solid 1px #BCC7DA;
}

.th, .th td
{
	height: 26px;
	vertical-align: bottom;
	background-color: #BCC7DA;
	color: white;
	font-weight: bold;
}

.tooltip
{
	z-index:			11;
	font-family:			Arial;
	font-size:				8pt;
	background-color:		#FFFFE1;
	padding:				3px 3px 3px 3px;
	border:					solid 1px black;
	position:				absolute;
}


















/* TABS */
.TopGroup
{
	
  z-index:99;
  position:relative;
}

.DefaultTab 
{
  color: #505265; 
  background-image: url(../images/tab_bg.gif);
  font-family:"MS Sans Serif", Verdana; 
  font-size:10px; 
  cursor:default;
}

.DefaultTabHover 
{
  color: #505265; 
  background-image: url(../images/hover_tab_bg.gif);
  font-family: "MS Sans Serif", Verdana; 
  font-size:10px; 
  cursor:default;
}

.SelectedTab 
{
  color: #80C1E0; 
  background-image: url(../images/selected_tab_bg1.gif);
  font-family:"MS Sans Serif", Verdana; 
  font-size:10px; 
  cursor:default;
}

.MultiPage
{
  background-color: #F4F5F9;
  border: 1px solid #BCC7DA;
  width:680px;
  height:150px;
  position:relative;
  padding:10px;
  top: -3px;
  left:1px;
  z-index:98;
}

.PageContent
{
  font-family: "MS Sans Serif", Verdana; 
  font-size:10px; 
}

.DisabledTab 
{
  color:#AAAAAA; 
  background-image: url(../images/tab_bg.gif);
  font-family: "MS Sans Serif", Verdana; 
  font-size:10px;
  cursor:default;
}













/* CALENDAR STYLING */
.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #EEF0F4;
  font-family: tahoma, verdana, sans-serif;
  z-index: 1000;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #EEF0F4;
  font-family: tahoma, verdana, sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #003D73;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #d8e0ee;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0ee;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0ce;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #f4f0e8;
}

.calendar tbody .rowhilite td {
  background: #e4e0d8;
}

.calendar tbody .rowhilite td.wn {
  background: #EEEEEE;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #003D73;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #003D73;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #dce2e8;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #b9bec8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #003D73;
  color: #ffffff;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}



/* MENU */
.TopMenuGroup
{
	color: #003D73;
	margin: auto;
	padding-top: 0px;
	background-image: url('../Images/GUI/separator.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

.MenuGroup
{
	background-color: #F4F5F9;
	background-color: #F0F1F8;
	border: solid 1px #BCC7DA;
}

.TopMenuItem, .TopMenuItemHover, .TopMenuItemActive
{
  font-weight: bold;
  color: #003D73;
  font-family: "Trebuchet MS", Arial, Verdana;
  font-size: 8pt;
  cursor: pointer;
  cursor: hand;		/* For IE5 and older browser.  Do not swap this line and the previous line! */
  width: 75px;
  height: 19px;
  text-align: center;
  vertical-align: top;
  background-image: url('../Images/GUI/separator.gif');
  background-position: right top;
  background-repeat: no-repeat;
}

.TopMenuItemHover
{
	color: #ac0f12;
}

.TopMenuItemActive
{
	color: #cc3f32;
}

.MenuItem, .MenuItemHover
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size:8pt;
	cursor: pointer;
	/* cursor: hand;		/* IE5 and older. */
	color: #003D73; 
}

.MenuItemHover 
{
	color: white;
	background-color: #BFCAE2;
	background-color: #90A0C9;
}

.MenuBreak
{
	width:100%;
	height:1px;
}










.subNavBar 
{
	vertical-align: top;
	text-align: center;
	height: 19px;
}

.subNavItems
{
	height: 19px;
	background-image: url('../Images/GUI/subNavBg.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
	margin: 0px auto 0px auto;
	border: solid 1px #C0C0CC;
	border-width: 0 0 1px 0;
	vertical-align: top;
}

.SubNavMenuGroup
{
	margin: auto;
	height: 0px;
	text-align: center;
	vertical-align: top;
}

.SubNavItem, .SubNavItemHover
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
	text-align: center;
	padding: 0px;
	text-transform: lowercase;
	color: white;
	margin: 0px 10px 0px 10px;
}

.SubNavItemHover, .SubNavItem:Hover
{
	cursor: pointer;
	/* cursor: hand; */
	color: #E9EEF9;
}




.goBtn 
{
	background: url('../images/gui/GoBtn.gif') no-repeat top;
	border: none;
	width: 22px;
	height: 19px;
}
.goBtn:Hover 
{
	background-image: url('../images/gui/GoBtnOver.gif');
}


.RadioList Label
{
	padding: 0 20px 0 6px;

}

.stockOK, .stockReorder, .stockLow, .stockVeryLow
{
	color: #10BE40;
	font-weight: bold;
}
.stockReorder 
{
	color: #BBC500;
}
.stockLow
{
	color: #E99000;
}
.stockVeryLow 
{
	color: #BB0000;
}

.disabled 
{
	color: #C0C0C0;
}



.XariosBubble
{
	margin: 0 0 5px 70px;
	padding: 0px;	
	clear: both;
}

.XariosBubble .TopLeft
{
	background-image: url('../Images/GUI/XariosBubble/bubble_top_left.png');
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
}

.XariosBubble .TopMiddle
{
	background-image: url('../Images/GUI/XariosBubble/bubble_top_middle.png');
	background-repeat: repeat-x;
	height: 18px;
	text-align: left;
	color: #003D73;
}

.XariosBubble .TopRight
{
	background-image: url('../Images/GUI/XariosBubble/bubble_top_right.png');
	background-repeat: no-repeat;
	height: 18px;
	width: 44px;
}

.XariosBubble .MiddleLeft
{
	background-image: url('../Images/GUI/XariosBubble/bubble_middle_left.png');
	background-repeat: repeat-y;
	width: 18px;
}

.XariosBubble .MiddleMiddle
{
	background-color: #E4E9EF;
	padding-top: 10px;
}

.XariosBubble .MiddleRight
{
	background-image: url('../Images/GUI/XariosBubble/bubble_middle_right.png');
	background-repeat: repeat-y;
	width: 44px;
}

.XariosBubble .BottomLeft
{
	background-image: url('../Images/GUI/XariosBubble/bubble_bottom_left.png');
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
}

.XariosBubble .BottomMiddle
{
	background-image: url('../Images/GUI/XariosBubble/bubble_bottom_middle.png');
	background-repeat: repeat-x;
	height: 38px;
}

.XariosBubble .BottomRight
{
	background-image: url('../Images/GUI/XariosBubble/bubble_bottom_right.png');
	background-repeat: no-repeat;
	height: 38px;
	width: 44px;
}




.CustomerBubble
{
	margin: 0 0 5px 0px;
	padding: 0px;	
	clear: both;
}

.CustomerBubble .TopLeft
{
	background-image: url('../Images/GUI/CustomerBubble/bubble_top_left.png');
	background-repeat: no-repeat;
	height: 18px;
	width: 38px;
}

.CustomerBubble .TopMiddle
{
	background-image: url('../Images/GUI/CustomerBubble/bubble_top_middle.png');
	background-repeat: repeat-x;
	height: 18px;
	text-align: left;
	color: #003D73;
}

.CustomerBubble .TopRight
{
	background-image: url('../Images/GUI/CustomerBubble/bubble_top_right.png');
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
}

.CustomerBubble .MiddleLeft
{
	background-image: url('../Images/GUI/CustomerBubble/bubble_middle_left.png');
	background-repeat: repeat-y;
	width: 18px;
}

.CustomerBubble .MiddleMiddle
{
	background-color: #F9F9F9;
	padding-top: 10px;
}

.CustomerBubble .MiddleRight
{
	background-image: url('../Images/GUI/CustomerBubble/bubble_middle_right.png');
	background-repeat: repeat-y;
	width: 18px;
}

.CustomerBubble .BottomLeft
{
	background-image: url('../Images/GUI/CustomerBubble/bubble_bottom_left.png');
	background-repeat: no-repeat;
	height: 44px;
	width: 38px;
}

.CustomerBubble .BottomMiddle
{
	background-image: url('../Images/GUI/CustomerBubble/bubble_bottom_middle.png');
	background-repeat: repeat-x;
	height: 38px;
}

.CustomerBubble .BottomRight
{
	background-image: url('../Images/GUI/CustomerBubble/bubble_bottom_right.png');
	background-repeat: no-repeat;
	height: 38px;
	width: 18px;
}





.adminIcon, .adminIconDisabled
{
	float: left;
	height: 68px;
	width: 100px;
	margin: 0px 15px 20px 0px;
	text-align: center;
	line-height: 1.2;
	border: none;
}

.adminIconDisabled a
{
	cursor: default;	
}

.adminIcon img, .adminIconDisabled img
{
	border: none;
}

.adminIcon .label, .adminIconDisabled .label
{
	display: block;
	padding-top: 6px;
	color: #003d73;
	text-decoration: none;
	font-weight: bold;
}

.adminIconDisabled .label
{
	color: #C0C0C0;	
}

.adminIcon:hover .label
{
	color: #80C1E0;
}






.formLabel 
{
	font-weight: bold;
	padding-right: 10px;
}






/* ComponentArt Calendar styling */
.caCalendar
{
  border: solid 1px #bcc7da;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.caCalendar td
{
    font-size:11px;
}

.caCalendar .title
{
    font-weight:bold;
    background-color: #bcc7da;
}

.caCalendar .button
{
    border:none;
    cursor:pointer;
}

.caPicker
{
    background-color: #FFFFFF;
    border: 1px gray solid;
    font-size: 12px;
    font-weight: bold;
    font-family: "Verdana",monospace;
    padding: 2px;
    cursor: pointer;
}

.caCalendar .day
{
    width:25px;
    cursor:pointer;
    text-align:center;
    border: solid 1px #F0F2F7;
}

.caCalendar .dayHover
{
    width: 25px;
    cursor: pointer;
    text-align: center;
    border: solid 1px #bcc7da;
}

.caCalendar .dayHeader
{
    width:25px;
    text-align:center;
    border-width:1px;
    border-color:white;
    border-style:solid;
    font-weight:bold;
    background-color:#FFFFFF;
}

.caCalendar .otherMonthDay
{
  color:#bcc7da;
}

.caCalendar .outOfRangeDay
{
    visibility: hidden;
}

.caCalendar .selectedDay
{
  width: 25px;
  background-color: #bcc7da;
  color: #000000;
  border-width: 1px;
  border-color: #003d73 !important;
  border-style: solid;
  font-weight: bold;
}

.caCalendar .month
{
  background-color:#F0F2F7;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.caCalendar .nextPrev
{
  cursor:pointer;
  height:25px;
  vertical-align: middle;
  padding:0px 5px 0px 5px;
}

.caCalendar .selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align: middle;
  background-color:#FFFFFF;
}
/* END Componentart calendar styling */



.popup
{
    background-color: #e9ebef;
    border: solid 1px #003d73;
}

.popupHeader
{
    background-image: url('../images/gui/popupHeaderBG.gif');
    background-repeat: repeat-x;
    height: 25px;
    color: White;
    font-weight: bold;
    padding: 5px 0px 0px 6px;
}

.combo { cursor:default;  background-color: white; border: solid 1px #bcc7da; padding: 0px; }
.combo-hover { /*border-color: #aaf1fe;*/ border-color: #acd9f1; }
.combo-dd { background-color: White; border: solid 1px #bcc7da; margin: 2px 0px 0px 1px; }
.combo-item { padding: 2px; }
.combo-item-hover { background-color: #bcc7da; }
.combo-text { border: none; margin:0; padding:0; }