/* CSS Document */

.plainlink  {color: blue; text-decoration: none}
.bluelink  {color: blue}
.redlink  {color: red; text-decoration: none}
.blacklink  {color: black}
A:hover {text-decoration: underline}

.PageTitle {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; line-height: normal; font-weight: bold; color: #2343F6; padding: 1px 0px 1px 0px;}
.SubTitle {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; line-height: normal; font-weight: bold; color: black;}
.TableHeader {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; background-color: dddddd; color: black;}
.TableText {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: black}
.MainText {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: normal; color: black}
.LargeText {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; color: black}
.FormError {color: red}
.Instructions {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: normal; color: black; width: 600; padding: 0px 0px 0px 25px;}
.SmallText {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; color: black}
/*.SubNav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; background-color: #01A7BE; width: 800px; padding: 2px 2px 2px 2px; border-right: 0px solid #778899; border-bottom: 1px solid #778899; border-left: 0px solid #006699; color: yellow} */
/* .SubNav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; background-color: #0870B7; width: 800px; padding: 2px 2px 2px 2px; border-right: 0px solid #778899; border-bottom: 1px solid #778899; border-left: 0px solid #006699; color: yellow} */
.SubNav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; background-color: #784397; width: 800px; padding: 2px 2px 2px 2px; border-right: 0px solid #778899; border-bottom: 1px solid #778899; border-left: 0px solid #006699; color: yellow}
.SubNavLink { color: white; text-decoration: none }
A.SubNavLink:hover { color: yellow; text-decoration: underline }
.SubNavLinkOn { color: white; text-decoration: none; font-weight: bold }
A.SubNavLinkOn:hover { color: yellow; text-decoration: underline; font-weight: bold }
.SubNavObject { color: yellow; font-size: 13px; font-weight: bold; font-style: italic }
.SubNavName { color: white; font-weight: bold }
.SubNavTitle {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; color: yellow;}
.SearchSelect {width: 225px; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.ConfirmationMessage {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; color: green}
.ErrorMessage {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; color: red}
.NavSelectOn {background-color: #01A7BE; color: yellow}
.SelectedTab {background-color: #784397; color: yellow; font-weight: normal; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; text-decoration: none}
A.SelectedTab:hover {color: yellow; text-decoration: underline}
.NormalTab {background-color: #E7D8F3; color: #000000; font-weight: lighter; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; text-decoration: none}
A.NormalTab:hover {color: #000000; text-decoration: underline}
/* .SelectedTab {background-color: #0870B7; color: yellow; font-weight: normal; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; text-decoration: none} */

/*
.SelectedTab {background-color: #01A7BE; color: yellow; font-weight: normal; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; text-decoration: none}
A.SelectedTab:hover {color: yellow; text-decoration: underline}
.NormalTab {background-color: #1F9354; color: #000000; font-weight: lighter; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; text-decoration: none; color: #FFFFFF}
A.NormalTab:hover {color: #yellow; text-decoration: underline}
*/
.menuBar {POSITION: relative; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left}
.Bar {BORDER-RIGHT: blue 0px outset; BORDER-TOP: blue 0px outset; FLOAT: left; BORDER-LEFT: blue 0px outset; WIDTH: 100px; CURSOR: hand; TEXT-INDENT: 0px; BORDER-BOTTOM: blue 0px outset; POSITION: relative; BACKGROUND-COLOR: white; TEXT-ALIGN: center}
/* 
.menu {BORDER-RIGHT: buttonhighlight thin outset; BORDER-TOP: buttonhighlight thin outset; VISIBILITY: hidden; BORDER-LEFT: buttonhighlight thin outset; WIDTH: 250px; LINE-HEIGHT: 140%; BORDER-BOTTOM: buttonhighlight thin outset; POSITION: absolute; BACKGROUND-COLOR: #ccccff}
.menuItem {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; WIDTH: 100%; CURSOR: hand; LINE-HEIGHT: 20px; BORDER-BOTTOM: black 1px solid}
*/
.ItemMouseOver {PADDING-RIGHT: 15px; PADDING-LEFT: 10px; WIDTH: 100%; CURSOR: hand; COLOR: highlighttext; LINE-HEIGHT: 20px; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: highlight}
.ItemMouseOut {WIDTH: 100%}
.Arrow {FLOAT: right; FONT-FAMILY: Webdings; POSITION: absolute; TEXT-ALIGN: left}
.barOver {BORDER-RIGHT: black 0px ridge; BORDER-TOP: black 0px ridge; FLOAT: left; BORDER-LEFT: black 0px ridge; WIDTH: 100px; CURSOR: hand; TEXT-INDENT: 0px; BORDER-BOTTOM: black 0px ridge; POSITION: relative; BACKGROUND-COLOR: white; TEXT-ALIGN: center}

.EditorConfirmation {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: green; border: 1px solid green; padding: 3px}
.EditorError {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: red;  border: 1px solid red; padding: 3px}

.MyAccountNavLink { color: #FF8B00; text-decoration: none;}
A.MyAccountNavLink:hover { color: #0099FF; text-decoration: underline; }
.MyAccountNavLinkOn { color: #0099FF; text-decoration: none; font-weight: bold }
A.MyAccountNavLinkOn:hover { color: #FF8B00; text-decoration: underline; font-weight: bold }

.EditorFrameList {background-color: white; border: 0px solid #7EA6B2;}
ul.draglist {position: relative; list-style: none; margin:0; padding:3;}
ul.draglist li {margin-top: 10px; margin-right: 5px; cursor: move; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
ul.draglist_alt {position: relative; list-style: none; margin:0; padding:0; padding-bottom:20px;}
ul.draglist_alt li {margin: 1px; cursor: move;}

/*
ol.draglist {position: relative; margin:3; padding:3;}
ol.draglist li {margin-left: 0px; margin-top: 10px; margin-right: 5px; cursor: move; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
ol.draglist_alt {position: relative; margin:3; padding:0; padding-bottom:20px;}
ol.draglist_alt li {margin: 1px; cursor: move;}
*/
/* body {scrollbar-arrow-color: #ffffff; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-base-color: #000000; scrollbar-track-color: #A876CC; scrollbar-face-color: #8412CD; scrollbar-3dlight-color: #2F4A73; scrollbar-darkshadow-color: #05081B;} */

.form_widget_amount_slider {border-top:1px solid #9d9c99; border-left:1px solid #9d9c99; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color: #6958c8; height:3px; position:absolute; bottom:0px;}

/* ACCORDION MENU /*
.arrowlistmenu {width: 180px;} /*width of accordion menu*/
/*CSS class for menu headers in general (expanding or not!)*/
.arrowlistmenu .menuheader {font: bold 14px Arial; color: white; background: cyan url('/account/images/crm_blueBackground.jpg') repeat-x center left; margin-bottom: 10px; text-transform: uppercase; padding: 4px 0 4px 10px; cursor: hand; cursor: pointer;}

/*CSS class to apply to expandable header when it's expanded*/
.arrowlistmenu .openheader {background-color: #784397; background-image: url('/account/images/crm_orangeBackground.jpg') /* background-image: url('/account/images/titlebar-active.png'); */}
/*CSS for UL of each sub menu*/
.arrowlistmenu ul {list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/}
.arrowlistmenu ul li {padding-bottom: 2px; /*bottom spacing between menu items*/}
.arrowlistmenu ul li a {color: #A70303; background: url('/account/images/arrowbullet.png') no-repeat center left; display: block; padding: 2px 0; padding-left: 19px; text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%;}
.arrowlistmenu ul li a:visited {color: #A70303;}
/*hover state CSS*/
.arrowlistmenu ul li a:hover {color: #A70303; background-color: #F3F3F3;}

/*	Default stylesheet for the Carpe Slider By Tom Hermansson Snickars 2005-12-17 version 1.5 Copyright CARPE Design */
*.carpe_horizontal_slider_display_combo {clear: left; margin: 0;}
*.carpe_vertical_slider_display_combo {float: left; margin: 0;}
*.carpe_horizontal_slider_track {background-color: #bbb; color: #333; width: 120px; float: left; margin: 0; line-height: 0px; font-size: 0px; text-align: left; padding: 4px; border: 1px solid; border-color: #ddd #999 #999 #ddd;}
*.carpe_vertical_slider_track {background-color: #bbb; color: #333; padding: 3px 6px 15px 6px; width: 24px; height: 100px; border: 1px solid; border-color: #ddd #999 #999 #ddd;}
*.carpe_horizontal_slider_track *.carpe_slider_slit {background-color: #333; color: #ccc; width: 110px; height: 2px; margin: 4px 4px 2px 4px; line-height: 0px; position: absolute; z-index: 1; border: 1px solid; border-color: #999 #ddd #ddd #999;}
*.carpe_vertical_slider_track *.carpe_slider_slit {background-color: #000; color: #333; width: 2px; height: 100px; position: absolute; margin: 4px 10px 4px 10px; padding: 4px 0 1px 0; line-height: 0px; font-size: 0; border: 1px solid; border-color: #666 #ccc #ccc #666;}
*.carpe_horizontal_slider_track *.carpe_slider {width: 16px; background-color: #666; color: #333; position: relative; margin: 0; height: 8px; z-index: 1; line-height: 0px; font-size: 0px; text-align: left; border: 2px solid; border-color: #999 #333 #333 #999;}
*.carpe_vertical_slider_track *.carpe_slider {width: 20px; background-color: #666; color: #333; position: relative; margin: 0; height: 8px; z-index: 1; line-height: 0px; font-size: 0px; text-align: left; border: 2px solid; border-color: #999 #333 #333 #999;}
*.carpe_slider_display_holder {background-color: #bbb; color: #333; width: 34px; margin: 0; float: left; padding: 0 2px 0 0; height: 20px; text-align: right; border: 1px solid; border-color: #ddd #999 #999 #ddd;}
.carpe_slider_display {background-color: #bbb; color: #333; padding: 3px 1px 0 0; width: 30px; text-align: right; font-size: 11px; line-height: 10px; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; border: 0; cursor: default;}

/* Editable select box */
.selectBoxArrow {margin-top:1px; float:left; position:absolute; right:1px;}	
.selectBoxInput {border:0px; padding-left:1px; height:16px; position:absolute; top:0px; left:0px;}
.selectBox {border:1px solid #7f9db9; height:20px;}
.selectBoxOptionContainer {position:absolute; border:1px solid #7f9db9; height:100px; background-color:#FFF; left:-1px; top:20px; visibility:hidden; overflow:auto;}
.selectBoxAnOption {font-family:arial; font-size:12px; cursor:default; margin:1px; overflow:hidden; white-space:nowrap;}
.selectBoxIframe {position:absolute; background-color:#FFF; border:0px; z-index:999;}

/* redesigned website styles */
.colorPrimary {color: #5B00A9;}
.colorComplement {color: #330099;}
.colorAccent {color: #CC6600;}
.colorLink {color: #0099FF; text-decoration: none;}
.PageTitleNew {font-family: Tahoma; color: #5B00A9; font-size: 22px; font-weight: bold;}
.Subtitle1 {font-family: Helvetica Neue Bold Condensed; color: #330099;}
.Subtitle2 {font-family: Helvetica; color: #CC6600;}
.Subtitle3 {font-family: Helvetica; color: #333333;}
.SubtitlePrimary {font-family: Helvetica; color: #5B00A9;}

/* For drop-down menus */
#canvasMenuHorizontal {margin: 0; padding: 0; z-index: 30}
#canvasMenuHorizontal li {margin: 0; padding: 0; list-style: none; float: left; font: bold 11px arial}
#canvasMenuHorizontal li a {display: block; margin: 0 1px 0 0; padding: 4px 10px; color: #FFF; text-align: center; text-decoration: none} /* width: 60px; background: #5970B2; */
#canvasMenuHorizontal li a:hover {background: #49A3FF}
#canvasMenuHorizontal div {position: absolute; visibility: hidden; margin: 0; padding: 0; background: #EAEBD8; border: 1px solid #5970B2}
#canvasMenuHorizontal div a {position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #EAEBD8; color: #2875DE; font: 11px arial}
#canvasMenuHorizontal div a:hover {background: #49A3FF; color: #FFF}

#canvasMenuHorizontalOff {margin: 0; padding: 0; z-index: 30}
#canvasMenuHorizontalOff li {display: block; list-style: none; float: left; margin: 0 1px 0 0; padding: 4px 10px;} /* width: 60px; background: #5970B2; */

#canvasMenuVertical {margin: 0; padding: 0; z-index: 30}
#canvasMenuVertical li {position: relative; margin: 0; padding: 0; list-style: none; float: left; font: bold 11px arial}
#canvasMenuVertical li a {display: block; margin: 0 1px 0 0; padding: 4px 10px; color: #FFF; text-align: center; text-decoration: none} /* width: 60px; background: #5970B2; */
#canvasMenuVertical li a:hover {background: #49A3FF;}
#canvasMenuVertical div {position: absolute; left: 30px; top: 0px; visibility: hidden; margin: 0; padding: 0; background: #EAEBD8; border: 1px solid #5970B2}
#canvasMenuVertical div a {position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #EAEBD8; color: #2875DE; font: 11px arial}
#canvasMenuVertical div a:hover {background: #49A3FF; color: #FFF}

#canvasMenuVerticalOff {margin: 0; padding: 0; z-index: 30}
#canvasMenuVerticalOff li {display: block; margin: 0 1px 0 0; padding: 4px 10px; position: relative; list-style: none; float: left;} /* width: 60px; background: #5970B2; */

#canvasMenuHeader {margin: 0; padding: 0; z-index: 30;}
#canvasMenuHeader li {margin: 5px; padding: 0; list-style: none; float: left; font: bold 11px arial; border: 1px dotted #F2BB85;} /* 331DC4 */
#canvasMenuHeader li a {display: block; margin: 0 1px 0 0; padding: 4px 10px; color: #FFF; text-align: center; text-decoration: none} /* width: 60px; background: #5970B2; */
#canvasMenuHeader li a:hover {background: #49A3FF}
#canvasMenuHeader div {position: absolute; visibility: hidden; margin: 0; padding: 0; background: #F79E28; border: 1px solid #5970B2}
#canvasMenuHeader div a {position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #F2BB85; color: #000; font: 11px arial}
#canvasMenuHeader div a:hover {background: #49A3FF; color: #FFF}

a.but-orange-rounded {background:transparent url('/images/nav-orangeround-a.png') no-repeat scroll top right; color:##fff; display:block; font:bold 22px Arial; height:26px; margin-right:1px; padding-right:15px; text-decoration:none; text-shadow:0 -1px 1px ##cf3500;}
a.but-orange-rounded span {background: transparent url('/images/nav-orangeround-span.png') no-repeat; display: block; line-height: 13px; padding: 7px 0 6px 15px;}