@import url('headerstyle.css');
@import url('greybox.css');


body { margin: 0; padding: 0; background-color: #fff;}
body, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444;}

a { color: #00649e; text-decoration: none; /* color:#369; */ }
a img { border-width: 0;}
a:hover {text-decoration: underline }
a[name], a[name]:hover { color: inherit; text-decoration: none;}

p { margin: 0.5em 0 1em 0; }

input.placeholder { color: #AAA;} /* IE legacy placholder support */

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height:1.2; margin:0; margin-bottom:0.5em; }
h1.ruled, h2.ruled, h3.ruled, h4.ruled, h5.ruled, h6.ruled { margin-bottom: .25em; border-bottom: 1px solid #CCCAC7; padding-bottom: .25em;}
h1 { font-size: 3em; }
h2 { font-size: 2em;  }
h3 { font-size: 1.5em; }
h4 { font-size: 1.333em;  }
h5 { font-size: 1.1667em; }
h6 { font-size: 1em; }



.watermarked { height: 20px; width: 150px; padding: 2px 0 0 2px; border: 1px solid #BEBEBE; background-color: #F0F8FF; color: gray; }

.menuFont { font-size: 11px; font-family: Arial, sans-serif; }
.menuFontMed { font-size: 12px; font-family: Arial, sans-serif; color: #006699; /*midnightblue;*/ }

.menuFontDefaultMed { font-size: 12px; font-family: Arial, sans-serif; color: black; }

.menuFontMedLnk { text-decoration: none; color: #006699; /*midnightblue;*/ font-family: arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 14pt; }

a.BodyLink:link, a.BodyLink:visited, a.BodyLink:active { text-decoration: none; color: #006699; /*midnightblue;*/ font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 14pt; }

a.BodyLink:hover { text-decoration: underline; color: #006699;}

.white { color: White; }

.red { color: Red; }

.error { color: Red; font-weight: bold; }

.smallNoteFont { font-size: smaller; }

.stdSmallLabel { font-family: Arial, sans-serif; font-size: 9px; }

.smallfont1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333; }

.style3 { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; }

.wait { text-align: center; color: Gray; font-weight: bold; }

/* added 11/9/2007 by htmlcoder */
div.content_frame { width: 569px; background-image: url(../../images/frame_conf_bg.gif); background-repeat: repeat-y; font-family: Arial, Helvetica, sans-serif; margin-top: 20px; margin-bottom: 20px; }
div.content_frame h3 { width: 490px; font-size: 18px; font-weight: bold; margin: 0px auto; }
div.content_frame span.subhead { font-size: 10px; font-weight: normal; }
div.content { width: 490px; margin: 10px auto; }
div.content p.content_head { font-size: 12px; }
div.content p, div.content td, div.content th { font-size: 11px; }
div.content_box { width: 490px; background-image: url(../../images/box_conf_bg.gif); background-repeat: repeat-y; margin-bottom: 15px; }
div.content_body { margin: 1px; }

div.content_body a { color: #000000; font-weight: bold; }
div.content_body a:hover { color: #007BAB; }

div.content_body table td { border-bottom: 1px solid #d6d8c8; vertical-align: middle; padding: 5px 5px; }
div.content_body table td p { padding: 0px; margin: 0px; }
div.content_body table td.icon { border-right: 1px solid #d6d8c8; width: 75px; text-align: center; }
div.content_box div.box_header { background-color: #007BAB; padding: 10px; padding-top: 0px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
/* added 11/9/2007 by htmlcoder */

div.BlueBackground { background-color: #006699; text-align: left; }

span.content_box { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

.blockquote { position: relative; margin-left: 40px; }

.center { text-align: center; }





DIV#hp-content .inactive { color: #000000; text-decoration: none; }

/* added 1/9/2008 by htmlcoder for homepage */
DIV#hp-content { font-size: 11px; }
DIV#hp-content DIV.cap-top { padding: 5px; background-color: #c6c6c6;}


/* CLF: added the .cap-bottom selector onto this */
DIV#hp-content DIV.cap-top LABEL, div#hp-content div.cap-bottom label { font-size: 11px; color: #676767; }
DIV#hp-content .featured {font-size: 20px; color: #333; font-weight: normal; margin-bottom: 0;}
DIV#hp-content .featured STRONG { color: #000000; }

/* CLF: Added the next two NEW styles for the "show all" bar at the bottom of the homepage */
DIV#hp-content #go-to-seminars { font-size: 18px; color: #282828; font-family: "Arial Narrow" , Arial, Helvetica, sans-serif; background-color: #dfdfdf; padding: 10px; /* height: 68px;*/ }
DIV#hp-content #go-to-seminars strong { color: #000000; }


DIV#hp-content DIV.cap-top INPUT#txtZip { border: #333333 1px solid; padding: 2px; color: #333333; padding-top: 2px; height: 12px; background-color: #ffffff; text-align: right; }

/* CLF: Added a style for error/alerts */
div#hp-content .section.message { background-color: #fdf0a9; font-size: 12px; margin-top: 2px;}
div#hp-content .section.message EM { color: #f53631; font-style: normal;}

DIV#hp-content .section { padding: 10px; background-color: #dfdfdf; font-size: 11px;  }
DIV#hp-content .section.light { border: 1px solid #dfdfdf; background-color: #fcfcfc; }

DIV#hp-content .section p { padding: 0; margin: 0; color: #333333; line-height: 16px;}

DIV#hp-content .section p.title { font-weight: bold; font-size: 12px; margin-bottom: 5px;}

/* CLF: Modified subtitles to font-style = normal */
DIV#hp-content .section p.subtitle { color: #000000; font-style: normal; }

DIV#hp-content .section IMG.goarrow { vertical-align: text-bottom; }

DIV#hp-content DIV.divider { height: 5px; background-color: #ffffff; }
DIV#hp-content .section DIV.details { display: none; padding-left: 60px; }

/* CLF: Added this style for the addition of the "show all dates" on the homepage */
DIV#hp-content .section div.alldates { display: none; }

DIV#hp-content .section DIV.details P { margin-bottom: 10px; line-height: 13px; }
DIV#hp-content .section DIV.details HR { border-width: 0; margin: 5px 0px; width: 100%; color: #dfdfdf; height: 1px; background-color: #dfdfdf; }
DIV#hp-content DIV.cap-bottom { padding: 5px; background-color: #c6c6c6; }


DIV#hp-sidebar { font-size: 10px; width: 167px; font-family: Arial, Helvetica, sans-serif; }
DIV#hp-sidebar DIV.section { padding-right: 7px; background-position: 50% bottom; padding-left: 7px; background-image: url(../../images/hp_sidebar_bottom.gif); margin-bottom: 15px; padding-bottom: 7px; padding-top: 0px; background-repeat: no-repeat; background-color: #accddd; }
DIV#hp-sidebar DIV.section DIV.cap-top { background-image: url(../../images/hp_sidebar_top.gif); margin: 0px -7px; height: 9px; }





/* ---------------------------------------------------------
Styles Set for Category pages 
Added by Krishna Kothapalli on 06/14/2012
Modified by Clayton Fixsen
----------------------------------------------------------*/
.categoryPage {}

.categoryPage .categoryBanner { font-weight: bold; margin-bottom: 0.5em;}
.categoryPage .categoryBanner { font-size: 30px; }
.categoryPage .catPageHeadline { font-size: 16px; line-height: 1.25em; margin: 0 0 1em; }

.categoryPage .catDesc { font-size: 12px; line-height: 1.667em;}
.categoryPage .catDescListHeader { font-weight: bold;}
.categoryProducts .dot-leader { font-weight: bold; margin: 0.25em 0;}
.categoryProducts .dot-leader .button { display: inline; margin-left: 0.5em; line-height: inherit;}
.categoryProducts .productImage { float: left; width: 60px;}
.categoryProducts .productDetails { float: left; width: 190px;}
.categoryProducts .productDetails p { margin-top: 0;}

ul.catDescList, ul.catDescList li { list-style-type: disc; margin: 0; padding: 0;}
ul.catDescList li { margin-left: 15px; margin-bottom: 0.5em;}


.categoryPage h2 { font-size: 3em; color:#ccc; font-weight: normal; margin-bottom: 0.2em; line-height: 0.9;}
.categoryPage h2 .subhead { font-size: .444em; display: block; color:#888; font-weight: normal; margin-top: 0.25em;}
.categoryPage head { color: #888;}
.categoryPage h3 { color: #888; font-size: 1.333em;}
.categoryPage h3 .subhead { font-size: 0.687em; display: block; color:#444; font-weight: normal;}

.categoryAcwList {}
ul.categoryAcwList { list-style-type: none; margin: 0; padding: 0;}
/*.categoryAcwList .section.message { background-color: #fdf0a9; }*/

.categoryAcwList li { padding: 0; margin: 10px 0; position: relative; *border: 1px solid white;}

.categoryAcwList .acwIcon { position: absolute; top: 2px; left: 0;}
.categoryAcwList .acwBody { margin-left: 25px; font-size: 11px;}

.categoryAcwList .acwBody p { padding: 0; margin: 0; color: #333333; line-height: 16px;}
.categoryAcwList .acwBody p.title { font-weight: bold; font-size: 1em;}
.categoryAcwList .acwBody p.subtitle { color: #000000; font-style: normal; }

/*---------- End of ACWs Styles ----------*/


/* ---------------------------------------------------------
Unique Styles set for CPE Certified Events page only.
Added by Krishna Kothapalli on 07/25/2012
----------------------------------------------------------*/
/*--- Category Name as Subheading ---*/
.groupheader { background: SteelBlue; color: White; padding: 4px; margin-bottom: 2px; font-size: 14px;}
.fieldOfStudy { font-size: 11px; font-style: italic; color: #888;}
.fieldAndCredits span { color: #444;}


/* ================= Geo-Tiles 2012 ===================== */
.geoTiles .inactive { color: #000000; text-decoration: none; }
.geoTiles DIV.cap-top,
.geoTiles DIV.cap-bottom { padding: 5px; background-color: #dfdfdf; font-size: 11px;}


.geoTiles DIV.cap-top LABEL,
.geoTiles DIV.cap-bottom LABEL { color: #676767; }
.geoTiles .featured {font-size: 20px; color: #333; font-weight: normal; margin-bottom: 0;}
.geoTiles .featured STRONG { color: #000000; }
.geoTiles DIV.cap-top INPUT#txtZip { border: #333333 1px solid; padding: 2px; color: #333333; padding-top: 2px; height: 12px; background-color: #ffffff; text-align: right; }
.geoTiles .message { font-size: 12px; }

.geoTiles .section { padding: 10px; font-size: 11px;  }
.geoTiles .linkMoreEvents { font-style: italic;}

.geoTiles .section p { padding: 0; margin: 0; color: #333333; line-height: 16px;}
.geoTiles .section p.title { font-weight: bold; font-size: 12px; margin-bottom: 5px;}

.geoTiles .section p.subtitle { color: #000000; font-style: normal; }

.geoTiles DIV.divider { height: 1px; background-color: #dfdfdf; }
.geoTiles a.showAllSeminars { display: block; padding: 5px; border: 1px solid #dfdfdf; background-color: #fcfcfc; text-align: center; color: #888;}
.geoTiles a.showAllSeminars:hover { background-color:#f3f6f9; border:1px solid #7fa6cc; color: #00649E;}
/* ================= /End - Geo-Tiles 2012 ===================== */





/* Default CSS Stylesheet for a new Web Application project */
/*** Used for ViewSchedule ***/
/**** Enroll User ***/
/*** Save Cart ***/

.whiteHead { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; /*smaller*/ font-weight: bold; color: White !important; }

.whiteText { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; /*smaller*/ color: White; }

.blackHead { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; /*smaller*/ font-weight: bold; }

.blackText { font-size: 10pt; /*smaller*/ font-family: Arial, Helvetica, sans-serif; }

.smallblackText { font-size: 8pt; /*x-small*/ font-family: Arial, Helvetica, sans-serif; }

.redText { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; /*x-small*/ color: Red; }

.redError { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; /*x-small*/ color: Red; }

/* Registration */
#registration #header { font-size: 14px; background-color: #C6C6C6; }

#registration table tr td { font-size: 12px; }

table tr td#ListTitle { font-weight: bold; padding: 3px 3px 3px 0px; }

table tr td label#ListTitle { font-weight: bold; padding: 3px 3px 3px 0px; }

table tr td#ProductRegStep { font-weight: bold; padding: 3px 3px 3px 3px; font-size: 12px; }

table tr td#ProductRegStep label { font-size: 20px; }

span#productIdInfo { font-size: 12px; }

div#registeredProductTitle { font-size: 12px; background-color: #006699; color: White; width: 100%; padding: 5px 0px 5px 0px; font-weight: bold; }

.modalBackground { background-color: #595B5C; /*Gray;*/ -ms-filter:"alpha(opacity=70)"; opacity: 0.7; }

.modalPopup { background-color: white; border-width: 1px; border-style: solid; border-color: black; }

.fakeLink { cursor: hand; text-decoration: underline; color: #006699; }

.LabelBold { font-weight: bold; }

.stdMediumText { font-size: 12px; }

.stdMediumLink { color: #006699; }

/*** Login Box ****/
#login { border: solid 1px #006699; width: 270px; }

#login #header { background-color: #006699; color: White; padding: 2px 2px 2px 2px; font-weight: bold; }

#login table tr td.leftColumn { width: 100px; white-space: nowrap; text-align: right; }

#login table tr td.rightColumn { text-align: left; }

#SerialNumber { font-size: 12px; }


div#StandardPopup { background-color: #EFEFDE; color: black; padding: 10px 10px 10px 10px; }

div#StandardPopup span.title { font-size: 20px; font-weight: bold; }


/*** Added by KRK to use in the Seminars list TreeView. ***/
.imgclass { border: 0; vertical-align: middle; margin-right: 5px; }

/*** Added by KRK to use in the catalogrequest form. ***/
.fldtitle { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: bold; }




/* ========================================================
 *   MODERN SITE IMPLEMENTATIONS
 * ======================================================== */


/* Utility classes
-------------------------------------------------------------- */

sup, sub {
    font-size: .83em;
    line-height: 0.5em;
    vertical-align: baseline;
    position: relative;
}
sup {top:-0.4em;}
sub {top: 0.4em; }

.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.indent {margin-left:1.5em; margin-right:1.5em;}

.floatleft {float:left;}
.floatright {float:right;}
.clear{clear:both;}

.nomargin {margin:0 !important;}
.nopadding {padding:0 !important;}

.disclaimer {font-size:0.8em; color:#888;}


/* Block elements
-------------------------------------------------------------- */
article, section {margin-bottom:20px;}
div.ruled, article.ruled, section.ruled {border-bottom:1px dotted #CCCAC7;}
section.ruled {margin-bottom:10px}
section.divider {padding-bottom: 40px; background: url(/site/images/interface/section-separator-on-white.gif) center bottom no-repeat; background-size: 100%;}


/* Self-clearing floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after, .container:before, .container:after,
article:before, article:after, section:before, section:after { content: ""; display: table; }
section:after, article:after, .clearfix:after, .container:after { clear: both; }
.clearfix, .container, article, section { zoom: 1; }

/* ==========================
 * VARIOUS FEEDBACK MESSAGE STYLES
   ERROR=RED, SUCCESS=GREEN, WARNING=YELLOW, INFO=BLUE
 * ========================== */
.errorMsg, .successMsg, .warningMsg, .infoMsg { border-style: dashed; border-width: 1px;}
.errorMsg a, .successMsg a, .warningMsg a, .infoMsg a { font-weight: bold;}
p.errorMsg, p.successMsg, p.warningMsg, p.infoMsg,
div.errorMsg, div.successMsg, div.warningMsg, div.infoMsg { padding: 5px;}
.errorMsg { background-color: #FEE; color: #C00; border-color: #C00; }
.errorMsg.highlight { background-color: #F66;}
.successMsg { padding: 5px; background-color:#DEECD9; color: #47700F; border-color: #47700F;}
.successMsg.highlight{ background-color: #95B078;}
.warningMsg {background-color: #F7F5BF; border-color: #594F00; color: #594F00; }
.warningMsg.highlight { background-color: #D6D138;}
.infoMsg { color: #156a94; background-color:#CADFEB ; border-color: #468EB2;}
.infoMsg.highlight { background-color:#7baec9 ;}


/* ==========================
 * BOX/CONTAINERS
 * ========================== */
.box {border:1px solid #ddd;}
.box.shaded {border:1px solid #ddd; background-color:#F0F0F0;}
.box.light { background-color: #fcfcfc; border: 1px solid #dfdfdf;}
.box.accent {background-color:#f3f6f9; border:1px solid #7fa6cc;}
.box.rounded { border-radius: 5px;}
.box-content {margin:10px;} /* wrap the contents in this to even out padding */


/* ==========================
 * ICON/link buttons
 * ========================== */
.icon { padding-left:20px; background-repeat: no-repeat; background-position: left center; }
a.icon, a .icon {padding:2px 0 2px 20px; margin: -2px 0 -2px 2px; font-weight: bold;}
p.icon {background-position: left top;}
.icon.right, a .icon.right {padding-left:0; padding-right:20px; background-position: right center;}


.icon.remove {background-image:url(../icons/cross.png);}
.icon.info {background-image: url(../icons/information.png);}
.icon.email {background-image: url(../icons/email.png);}
.icon.bullet-down {background-image: url(../icons/bullet_arrow_down.png);}
.icon.bullet-up {background-image: url(../icons/bullet_arrow_up.png);}
.icon.go {background-image:url(../icons/bullet_go.png);}
.icon.print {background-image:url(../icons/printer.png);}
.icon.adjust {background-image:url(../icons/bullet_wrench.png);}
.icon.settings {background-image:url(../icons/cog.png);}
.icon.audioconf { background-image: url(../icons/icon-aconf.png);}
.icon.webinar { background-image: url(../icons/icon-webinar.png);}

/*
Variable Grid System.
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/
Licensed under GPL and MIT.
*/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.column{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}
.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10{position:relative}
.alpha{margin-left:0}
.omega{margin-right:0}
.gridSystem_10 { width: 900px; margin-top: 20px; }
.gridSystem_10 .column {}
.gridSystem_10 .grid_1 {width:70px;}
.gridSystem_10 .grid_2 {width:160px;}
.gridSystem_10 .grid_3 {width:250px;}
.gridSystem_10 .grid_4 {width:340px;}
.gridSystem_10 .grid_5 {width:430px;}
.gridSystem_10 .grid_6 {width:520px;}
.gridSystem_10 .grid_7 {width:610px;}
.gridSystem_10 .grid_8 {width:700px;}
.gridSystem_10 .grid_9 {width:790px;}
.gridSystem_10 .grid_10 {width:880px;}
/* Prefix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.gridSystem_10 .prefix_1 { padding-left:90px; }
.gridSystem_10 .prefix_2 { padding-left:180px; }
.gridSystem_10 .prefix_3 { padding-left:270px; }
.gridSystem_10 .prefix_4 { padding-left:360px; }
.gridSystem_10 .prefix_5 { padding-left:450px; }
.gridSystem_10 .prefix_6 { padding-left:540px; }
.gridSystem_10 .prefix_7 { padding-left:630px; }
.gridSystem_10 .prefix_8 { padding-left:720px; }
.gridSystem_10 .prefix_9 { padding-left:810px; }
/* Suffix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.gridSystem_10 .suffix_1 { padding-right:90px; }
.gridSystem_10 .suffix_2 { padding-right:180px; }
.gridSystem_10 .suffix_3 { padding-right:270px; }
.gridSystem_10 .suffix_4 { padding-right:360px; }
.gridSystem_10 .suffix_5 { padding-right:450px; }
.gridSystem_10 .suffix_6 { padding-right:540px; }
.gridSystem_10 .suffix_7 { padding-right:630px; }
.gridSystem_10 .suffix_8 { padding-right:720px; }
.gridSystem_10 .suffix_9 { padding-right:810px; }
/* Push Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.gridSystem_10 .push_1 { left:90px; }
.gridSystem_10 .push_2 { left:180px; }
.gridSystem_10 .push_3 { left:270px; }
.gridSystem_10 .push_4 { left:360px; }
.gridSystem_10 .push_5 { left:450px; }
.gridSystem_10 .push_6 { left:540px; }
.gridSystem_10 .push_7 { left:630px; }
.gridSystem_10 .push_8 { left:720px; }
.gridSystem_10 .push_9 { left:810px; }
/* Pull Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.gridSystem_10 .pull_1 { left:-90px; }
.gridSystem_10 .pull_2 { left:-180px; }
.gridSystem_10 .pull_3 { left:-270px; }
.gridSystem_10 .pull_4 { left:-360px; }
.gridSystem_10 .pull_5 { left:-450px; }
.gridSystem_10 .pull_6 { left:-540px; }
.gridSystem_10 .pull_7 { left:-630px; }
.gridSystem_10 .pull_8 { left:-720px; }
.gridSystem_10 .pull_9 { left:-810px; }

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
body {min-width: 900px;}







/* pretty link Buttons - pretty
-------------------------------------------------------------- */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	padding: 0.4em 1em 0.45em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	border-radius:0px \0/; /*hack to disable IE9 corener rounding */
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.button.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.button.large { font-size: 14px; padding: .5em 1em .55em; }
.button.small {
	font-size: 11px;
	padding: .2em .75em .275em;
	margin-bottom:0.2em;
	line-height:1.5;
}

.button span.icon {display:block; margin-left: 0;}

/* black */
.button.black {
	color: #d7d7d7 !important;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
	background: linear-gradient(to bottom,  #666,  #000);
}
.button.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
	background: linear-gradient(to bottom,  #444,  #000);
}
.button.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
	background: linear-gradient(to bottom,  #000,  #444);
}

/* gray */
.button.gray {
	color: #e9e9e9 !important;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
	background: linear-gradient(to bottom,  #888,  #575757);
}
.button.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
	background: linear-gradient(to bottom,  #757575,  #4b4b4b);
}
.button.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
	background: linear-gradient(to bottom,  #575757,  #888);
}

/* white */
.button.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	background: linear-gradient(to bottom,  #fff,  #ededed);
}
.button.white:hover {
	color: #0095cd;	
	background: #ededed !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
	background: linear-gradient(to bottom,  #fff,  #dcdcdc);
}
.button.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	background: linear-gradient(to bottom,  #ededed,  #fff);
}

/* orange */
.button.orange {
	color: #fef4e9 !important;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	background: linear-gradient(to bottom,  #faa51a,  #f47a20);
}
.button.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	background: linear-gradient(to bottom,  #f88e11,  #f06015);
}
.button.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
	background: linear-gradient(to bottom,  #f47a20,  #faa51a);
}

/* red */
.button.red {
	color: #faddde !important;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
	background: linear-gradient(to bottom,  #ed1c24,  #aa1317);
}
.button.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
	background: linear-gradient(to bottom,  #c9151b,  #a11115);
}
.button.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
	background: linear-gradient(to bottom,  #aa1317,  #ed1c24);
}

/* blue */
.button.blue {
	color: #d9eef7 !important;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	background: linear-gradient(to bottom,  #00adee,  #0078a5);
}
.button.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
	background: linear-gradient(to bottom,  #0095cc,  #00678e);
}
.button.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
	background: linear-gradient(to bottom,  #0078a5,  #00adee);
}

/* rosy */
.button.rosy {
	color: #fae7e9 !important;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
	background: linear-gradient(to bottom,  #f16c7c,  #bf404f);
}
.button.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
	background: linear-gradient(to bottom,  #cf5d6a,  #a53845);
}
.button.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
	background: linear-gradient(to bottom,  #bf404f,  #f16c7c);
}

/* green */
.button.green {
	color: #e8f0de !important;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
	background: linear-gradient(to bottom,  #7db72f,  #4e7d0e);
}
.button.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	background: linear-gradient(to bottom,  #6b9d28,  #436b0c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.button.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
	background: linear-gradient(to bottom,  #4e7d0e,  #7db72f);
}

/* disabled */
.button.disabled,
.button.disabled:hover,
.button.disabled:active {
	color: #ccc;
	border: solid 1px #bbb;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	background: linear-gradient(to bottom,  #fff,  #ededed);
	text-shadow: none;
	cursor:default;
	top: 0;
}



/* BREADCRUMB
-------------------------------------------------------------- */
.breadcrumb { font-weight: bold; margin-bottom: 2em; font-size: 1em;}


/* Lists
-------------------------------------------------------------- */
li ul, li ol { margin: 0; }
ul, ol { margin: 0 1em 1em 0; padding-left: 0.5em; }
li {margin-left:1.5em; margin-bottom:0.5em;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

ul.nobullets { list-style-type:none; margin-right:0; margin-left:0; padding-left:0;}
ul.nobullets li { margin-left: 0;}

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}



/* ============================
 * DOT LEADERS
 * USAGE: <div class='dot-leader"><span class="left" /><span class="right" /></div>
 * ============================ */
.dot-leader,
.dot-rule {
	background: url(../interface-images/dot-leader.gif) left 85% repeat-x;
	float:none;
	clear:both;
}
.dot-rule {background: url(../interface-images/dot-rule.gif) left 50% repeat-x; min-height:1px;}
.dot-leader .left,
.dot-rule .left  {
	float: left;
	padding-right: .25em;
	background-color: #fff;
}
.dot-leader .right,
.dot-rule .right {
	float:right;
	padding-left: .25em;
	background-color:#fff;
	white-space:nowrap;
}
.dot-leader:before, .dot-leader:after { content: ""; display: table; }
.dot-leader:after { clear: both; }
.dot-leader { zoom: 1; }




/* =========================================================
 * Event/TOPIC PAGE SPECIFIC Selection box for all event pages
 * =========================================================
 */
#hiddenTitle  { font-weight: bold; font-size: 125%; text-decoration: underline; cursor:pointer;}

.eventSelectionContainer {width:240px; padding:10px; padding-bottom:5px; border:1px solid #ddd; background-color:#f0f0f0; margin:20px; margin-left:0;}
.eventSelectionContainer .regButtonContainer {text-align:center; margin-bottom:1em;}
.eventSelectionContainer a {text-decoration:none;}
.eventSelectionContainer a:hover {text-decoration: underline;}
.eventSelectionContainer #dvEventList {padding: 5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.eventSelectionContainer #dvEventHead {margin-bottom:15px;}
.eventSelectionContainer #dvEventHead p {line-height:1.5;}
.eventSelectionContainer h2 {font-size:21px;}
.eventSelectionContainer h4 {font-size:14px;}
.eventSelectionContainer .boxHeader {margin:0;}
.eventSelectionContainer h4.boxHeader {margin-bottom: 1em;}
.eventSelectionContainer p.searchLocation {margin-top:0.25em; font-size:14px;}
.eventSelectionContainer p.searchLocation a {font-size:12px;}



/* =========================================================
 * ACW product grid specific styles
 * =========================================================
 */

.acwProductGrid { margin-bottom: 30px; background-color: #F3F6F9; padding: 0 10px 1px 10px; border-radius: 10px;}
.acwProductGrid table { border-bottom: 1px solid #ccc;}
.acwProductGrid p { margin: 1em 0;}
.acwProductGrid .button { margin-left: 5px;}


/* =========================================================
 * Other page product grid specific styles
 * =========================================================
 */
.productGrid { margin-bottom: 30px; background-color: #f3f6f9; border-radius: 10px; width: 840px; padding: 10px 20px;}
.productGrid  table{ width: 840px;}
.productGrid  table th {color:white; background-color:#006699; text-align:center; font-weight:bold;}
.productGrid  table td { padding: 5px 0; border-top: 1px solid #ccc;}
.productGrid  table tr:first-child td { border-top-width: 0;}
.productGrid  table td.col3,
.productGrid  table td.col4 { width: 100px; text-align: right; white-space: nowrap;}

/* =========================================================
 * MARKETING/CAPTURE FORMS BASE STYLES
 * =========================================================
 */
.marketingForm .box-content { margin: 20px;}
.marketingForm fieldset { border: 1px solid #cedcea; border-width: 12px 0 0 0; margin:1em 0; padding: 1em 0 0 0; }
.marketingForm legend { color: #a4bbd2; font-size: 1.2em; font-weight: bold; padding-left: 0;}
.marketingForm label{ display: block; }
.marketingForm label.required { font-weight: bold;}
.marketingForm .formLine { margin-bottom: 0.5em;}
.marketingForm .formLine .inline { float: left; margin-right: 5px; display: inline;}
.marketingForm .errorMsg { display: block; padding: 2px;}
.marketingForm .radioGroup label { display: inline; margin-right: 20px;}
.marketingForm .radioGroup input { }

/* =========================================================
 * EFFECTS AND JQUERY TOOLS
 * =========================================================
 */
.ex-plus {
    background: url(../interface-images/plus.png) no-repeat;
}
.ex-minus {
    background: url(../interface-images/minus.png) no-repeat;
}
.ex-plus, .ex-minus {
    width: 20px;
    height: 20px;
    display: block;
    background-size:15px;
    float:left;
    margin-right:6px;
    margin-top:2px;
}



/* ========================================================
  BANNER SLIDER
    =======================================================
 */
.unslider {
  overflow: auto;
  margin: 0;
  padding: 0;
}
.unslider-wrap {
  position: relative;
}
.unslider-wrap.unslider-carousel > li {
  float: left;
}
.unslider-vertical > ul {
  height: 100%;
}
.unslider-vertical li {
  float: none;
  width: 100%;
}
.unslider-fade {
  position: relative;
}
.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8;
}
.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10;
}
.unslider ul, .unslider ol, .unslider li {
  list-style: none;
  /* Reset any weird spacing */
  margin: 0;
  padding: 0;
  border: none;
}
.unslider-arrow {
  position: absolute;
  left: 20px;
  z-index: 2;
  cursor: pointer;
  display:none;
}
.unslider-arrow.next {
  left: auto;
  right: 20px;
  display:none;
}

.unslider-nav {
    position:relative;
  z-index:1001;
  width:100%;
  bottom:0px;
}

.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 4px;
  background: #1b5faa;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #e16740;
  cursor: default;
}