@charset "UTF-8";
/*****************************************************************************************
 *	name:			    style.css 
 *	description:	main style sheet for copanion.com
 *	author:			  werner glinka
 *	email:			  werner@bussedesign.com
 *	dependencies:	reset.css, typography.css
 *
 *  colors:
 *		text,general		#333333
 *		links, general 	#2a5f87
 *		links,hover			#216498
 *		drop down hover	#5195bc
 *
 *
 ****************************************************************************************/
 
@import url("reset.css");               /* general style reset from YUI */
@import url("typography.css");          /* general typography */
@import url("superfish.css");

/*****************************************************************************************
 *
 *  general definitions
 *
 ****************************************************************************************/
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.rightAlign {
	margin-left:3px;
}
div.hr {
	height:1px;
	border-top:1px solid #b3b3b3;
	margin-bottom:10px;
}
.inner {
	padding:20px;
}
.midInner {
	padding:20px 25px 20px 10px
}
#pageWrap {
	width:960px;
	margin:0 auto;
}
#header {
	height:104px;
	background:transparent url(/shared/images/tabs/mainTabsBg.png) left bottom repeat-x;
	position:relative;    /* this is needed so IE7 shows the drop down menu properly */
	z-index:2;    /* the index MUST be larger than the #homeSplash z-index*/
}
#header img {
	float:left;
}
.column {
	width:240px;
}
.dualColumn {
	width:480px;
}
.tripleColumn {
	width:720px;
	_margin-right:-3px;    /* ie 3px margin error fix */
}
#mainContent {
	overflow:hidden;
	margin-bottom:60px;
	zoom:1;    /*ie6 fix */
}
.thirdInnerColumn {
	width:310px;
	padding-bottom:20px;
}
.navWrap {    /* IE needs the extra wrap. Does not just shrink to content! */
	float:right;
	width:401px;
}
.gwx_logo {
          margin-top: 30px;
          height: 55px;
}
/*****************************************************************************************
 *
 *  top navigation
 *
 *	used on all pages
 *
 ****************************************************************************************/
ul.topNav {
	height:20px;
	width:400px;
	padding-top:5px;
}
ul.topNav.secondRow{
        padding-top:2px;
        padding-right: 33px;
}
.topNav li {
	float:right;
	text-transform:uppercase;
	font-size:0.8333em;
}
.topNav li a {
	padding:0 10px;
	border-right:1px solid #e0e0e0;
	display:block;
}
.topNav li.first a {
	border-right:none;
	padding-right:0;
}
.topNav li.first a img{
	margin-top:8px;
}
/*****************************************************************************************
 *
 *  main tab navigation
 *
 *	used on all pages
 *
 ****************************************************************************************/
ul.mainNav {
	margin:0;
	padding:20px 0 3px 0;
	height:32px;
	background:url(/shared/images/backgrounds/topNav.png) top left repeat-x;
}
* html ul.mainNav {
	overflow:hidden;    /* ie6 needs this to respect ul boundaries. surprisingly, it ignores the hidden directive??? */
}
ul.mainNav li {
	float:right;
	margin-left:3px;
}
ul.mainNav li a {
	display:inline-block;    /* ie6 needs line-block! */
	height:35px;
	padding-left:10px;
	background:transparent url(/shared/images/tabs/mainTab.png) left top no-repeat;
}
ul.mainNav li a span.menuItem {    /* span gets class so it doesn't interfere with superfish menu */
	display:inline-block;    /* ie6 needs line-block! */
	height:27px;
	padding:8px 10px 0 0;
	background:transparent url(/shared/images/tabs/mainTab.png) right top no-repeat;
	font-size:16px;
	color:#ffffff;
	text-transform:capitalize;
}
ul.mainNav li.current a,
ul.mainNav li.current a:hover {
	background-position:0 -35px;
	text-decoration:none;
}
ul.mainNav li.current a span,
ul.mainNav li.current a:hover span {
	background-position:right -35px;
	color:#fff;
}
ul.mainNav li a:hover {
	background-position:0 -70px;
	text-decoration:none;
}
ul.mainNav li a:hover span {
	background-position:100% -70px;
	color:#2a5f87;
}

/********** drop down styles **********/
ul.mainNav li ul {
	padding-top:2px;
}
ul.mainNav li.current li,
ul.mainNav li li {
	display:block;
	float:none;
	margin:0 0 0 -4px;
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemLight.png) top left repeat-y;
	white-space:nowrap;
	padding-left:10px;
}
ul.mainNav li.current li a,
ul.mainNav li li a {
	display:block;
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemLight.png) top right repeat-y;
	height:25px;
	line-height:25px;
	text-transform:capitalize;
	margin:0 -15px 0 0;
	padding-right:15px;
}
ul.mainNav li.current li:hover,
ul.mainNav li.current li.current,
ul.mainNav li li:hover {
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemLightHover.png) top left repeat-y;
}
ul.mainNav li.current li a:hover,
ul.mainNav li.current li.current a,
ul.mainNav li li a:hover {
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemLightHover.png) top right repeat-y;
}

ul.mainNav li li.last {
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemLastLight.png) 0 -44px no-repeat;
	height:44px;
}
ul.mainNav li li.last a {
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemLastLight.png) top right no-repeat;
	height:44px;
}
ul.mainNav li li.last:hover,
ul.mainNav li li.current.last {
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemLastLightHover.png) 0 -44px no-repeat;
}
ul.mainNav li li.last a:hover,
ul.mainNav li li.current.last a {
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemLastLightHover.png) top right no-repeat;
}
ul.mainNav li li.dark {
	float:none;
	margin:0 0 0 -4px;
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemDark.png) top left repeat-y;
}
ul.mainNav li li.dark a {
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemDark.png) top right repeat-y;
}
ul.mainNav li li.dark:hover,
ul.mainNav li li.current.dark {
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemDarkHover.png) top left repeat-y;
}
ul.mainNav li li.dark a:hover,
ul.mainNav li li.current.dark a {
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemDarkHover.png) top right repeat-y;
}
ul.mainNav li li.dark.last {
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemLastDark.png) 0 -44px no-repeat;
	height:44px;
}
ul.mainNav li li.dark.last a {
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemLastDark.png) top right no-repeat;
}
ul.mainNav li li.dark.last:hover,
ul.mainNav li li.current.dark.last {
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemLastDarkHover.png) 0 -44px no-repeat;
}
ul.mainNav li li.dark.last a:hover,
ul.mainNav li li.current.dark.last a {
	background:transparent url(/shared/images/backgrounds/dropDownMenuItemLastDarkHover.png) top right no-repeat;
}

#header li.divide img {
	float:none;
	height:11px;
	width:90%;
	margin:0 10px;
}

/*****************************************************************************************
 *
 *  home page splash area
 *
 ****************************************************************************************/
#homeSplash {
	height:320px;
	margin-bottom:20px;
	position:relative;    /* this is needed so IE7 shows the drop down menu properly */
	z-index:1;     /* the index MUST be smaller than the #header z-index*/
	overflow:hidden;
}
/********** rotating splash banners **********/
#rotatingBanner {
	position:relative;
}
.images {
	width:710px;
	height:320px;
	position:relative;
}
.images div.bannerSlide {    /* this div needs a class for ie6 */
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:320px;
}
.screenIcons {
	width:100px;
	height:20px;
	position:absolute;
	left:600px;
	top:280px;
}
.screenIcons a {
	width:12px;
	height:12px;
	float:left;
	margin:0 3px;
	background:url(/shared/images/buttons/splashSlideShow.png) 0 0 no-repeat;
	display:block;
	overflow:hidden;    /* ie6 needs this */
}
.screenIcons a:hover {
	background-position:0 -12px;      
}
.screenIcons a.current {
	background-position:0 -12px;     
}
.overlay {
	width:470px;
	height:90px;
	position:absolute;
	top:0;
	left:250px;
	padding:10px;
}
.overlay h1 {
	font-size:20px;
	color:#fff;
	margin-bottom:5px;
	font-weight:normal;
}
.overlay h1 strong {
color:#8BDA2C;
}
.overlay p {
	width:440px;
	font-size:12px;
	line-height:1.2;
	color:#FFF;
	margin:0;
}

/*****************************************************************************************
 *
 *  home page main promo
 *
 *	used only on home page
 *
 ****************************************************************************************/	
#mainPromo {
	position:absolute;
	top:0;
	left:720px;
	width:240px;
	height:320px;
	background:transparent url(/shared/images/backgrounds/homeSplashRight.jpg) top left no-repeat;
}			
#mainPromo p.indent {
	margin-left:85px;
}
#mainPromo img.indent {
	margin-left:5px;
}

/*****************************************************************************************
 *
 *  certification logos
 *
 *	used on all pages
 *
 ****************************************************************************************/
#certifications {
	height:81px;
	width:960px;   /* ie6 needs width */
	background:transparent url(/shared/images/backgrounds/certifications.png) top left repeat-x;
	padding-top:15px;
	margin-bottom:20px;
}
#certifications ul li {
	float:left;
	padding:0 14px;
	border-right:1px solid #c4c4c4;
	display:inline;    /* ie6 double margin fix */
}
#certifications ul li.last {
	border-right:none;
}
/*****************************************************************************************
 *
 *  footer
 *
 *	used on all pages
 *
 ****************************************************************************************/
#footer {
	height:42px;
	background:transparent url(/shared/images/backgrounds/footer.png) top left repeat-x;
}
ul#bottomMenu {
	margin-left:20px;
}
ul#bottomMenu li {
	float:left;
	font-size:11px;
	color:#ffffff;
	line-height:42px;
	text-transform:capitalize;
}
ul#bottomMenu li a {
	padding:0 10px;
	border-left:1px solid #ffffff;
}
ul#bottomMenu li.first a {
	border-left:none;
}
/*****************************************************************************************
 *
 *  promo modules
 *
 *	used on home page
 *
 ****************************************************************************************/
.moduleTopGeneric {
	background:transparent url(/shared/images/modules/promoTop.png) top left no-repeat;
}
.moduleMidGeneric {
	background:transparent url(/shared/images/modules/promoMid.png) top left repeat-y;
	margin-bottom:10px;
	zoom:1;    /* jet another ie6 fix */
}
.moduleMidGeneric.last {
	margin-bottom:0;
}
.moduleBottomGeneric {
	background:transparent url(/shared/images/modules/promoBottom.png) bottom left no-repeat;
}
.moduleTopGW30 {
	background:transparent url(/shared/images/modules/promoGW30.png) top left no-repeat;
}
.moduleTopGW30 .inner,
.moduleTopGeneric .inner {
	padding:20px 35px 20px 18px;
}
.moduleTopGW30 .inner p {
	margin-top:60px;
}
.moduleImage {
	margin:5px 0 0 10px;
}
.moduleTopGreen {
	background:transparent url(/shared/images/modules/promoGreen.jpg) top left no-repeat;
}
.moduleTopGreen .greenWrap {
	height:96px;
	width:224px;
	position:relative;
}
/*****************************************************************************************
 *
 *  quote module
 *
 *	used on home page
 *
 ****************************************************************************************/
#rotatingQuotesHome,     /* used only on home page */
#rotatingQuotes,         /* used on all other pages */
.quotesList {
	position:relative;
}
#rotatingQuotesHome,
#rotatingQuotesHome .quotesList,
#rotatingQuotesHome .quotesList div.quoteSlide {   
	width:240px;
	height:339px;
}
#rotatingQuotes,
#rotatingQuotes .quotesList,
#rotatingQuotes .quotesList div.quoteSlide{   /* used on all other pages */
	width:224px;
	height:339px;
}
#rotatingQuotes .quotesList div.quoteSlide {   
	background:transparent url(/shared/images/backgrounds/quotes.jpg) top left no-repeat;
}
#rotatingQuotesHome .quotesList div.quoteSlide {    
	background:transparent url(/shared/images/backgrounds/homeQuotes.jpg) top left no-repeat;
}
.quotesList div.quoteSlide {    /* ie6 needs class for this div */
	display:none;
	position:absolute;
	top:0;
	left:0;
}
p.quote {
	font:normal 16px/20px Georgia, "Times New Roman", Times, serif;
	margin:80px 20px 0 20px; 
}
p.quotee {
	margin:20px 20px 0 20px;
}

/*****************************************************************************************
 *
 *  home page main content area
 *
 ****************************************************************************************/
ul.streetWords {
	margin:20px 0;
}
ul.streetWords li {
	margin-bottom:20px;
	line-height:20px;
}
ul.seeMore {
	margin:20px 0;
}
ul.seeMore li {
	float:left;
	padding:0 10px;
	border-right:1px solid #2a5f87;
}
ul.seeMore li.first,
ul.seeMore li.last {
	border-right:none;
}
ul.seeMore li.first {
	padding-left:0;
}
/*****************************************************************************************
 *
 *  page banners other than home page 
 *
 ****************************************************************************************/
#banner {
	position:relative;
	width:940px;
	height:180px;
	padding:10px;
	margin-bottom:20px;
	color:#fff;
}
#banner a {
	color:#fff;
	font-weight:normal;
}
#banner h1 {
	position:absolute;
	top:60px;
	left:35px;
	font-size:28px;
}
#banner p {
	position:absolute;
	top:100px;
	left:35px;
}
#banner .sharePage {
	position:absolute;
	top:10px;
	right:15px;
}
/*****************************************************************************************
 *
 *  tax documents automation page
 *
 * 	page specific style deviations
 *
 ****************************************************************************************/
#taxAuto #banner {
	background:transparent url(/shared/images/headers/taxAuto.jpg) top left no-repeat;
} 
.whatsNext {
	height:100px;
	width:164px;
	padding:30px;
	background:transparent url(/shared/images/modules/whatsNext.jpg) left top no-repeat;
	margin-bottom:10px;
}
.whatsNext h1 {
	text-align:center;
	margin-bottom:0.5em;
}
.whatsNext p {
	font-size:14px;
	line-height:1.4;
}
.singleLink {
	height:30px;
	width:194px;
	padding:13px 15px 0;
	background:transparent url(/shared/images/modules/singleLink.jpg) left top no-repeat;
	margin-bottom:10px;
}
/*****************************************************************************************
 *
 *  content tabs
 *
 *	used on all pages
 *
 ****************************************************************************************/
ul.tabs {
	margin:0;
	padding:30px 0 3px 0;
	height:32px;
	border-bottom:2px solid #4b5c64;
	overflow:hidden;    /* ie6 needs this to respect ul boundaries */
}
ul.tabs li {
	float:left;
	margin-left:3px;
}
ul.tabs li.first {
	margin-left:0;
}
ul.tabs li a {
	display:inline-block;    /* ie6 needs inline-block rather than block only */
	height:35px;
	padding-left:10px;
	background:transparent url(/shared/images/tabs/subTab.png) left top no-repeat;
}
ul.tabs li a span {
	display:inline-block;    /* ie6 needs inline-block rather than block only */
	height:23px;
	padding:12px 10px 0 0;
	background:transparent url(/shared/images/tabs/subTab.png) right top no-repeat;
}
ul.tabs li a.current,
ul.tabs li a.current:hover {
	background-position:0 -35px;
	text-decoration:none;
}
ul.tabs li a.current span,
ul.tabs li a.current:hover span {
	background-position:right -35px;
	color:#fff;
}
ul.tabs li a:hover {
	background-position:0 -70px;
	text-decoration:none;
}
ul.tabs li a:hover span {
	background-position:right -70px;
}
/*****************************************************************************************
 *
 *  content list
 *
 *	used on all pages
 *
 ****************************************************************************************/
 .contentList li {
	 list-style-image:none;
	 list-style:outside;
	 list-style-type:disc;
	 margin:20px 0 0 20px;
 }
/*****************************************************************************************
 *
 *  products page
 *
 *	page specific style deviations
 *
 ****************************************************************************************/
#products #banner {
	background:transparent url(/shared/images/headers/products.jpg) top left no-repeat;
}
#products #banner .buttonLink {
	position:relative;
	top:125px;
	left:25px;
}
#products #banner .buttonLink span {
	font-size:16px;
}
#products #banner a.compare {
	margin-left:60px;
	font-size:16px;
	font-weight:bold;
	line-height:15px;
	margin-top:135px;
}
#products #mainContent {
	margin-bottom:0;
}
#products .tabsWrap {
	padding:10px 10px 0 20px;
}
#products ul.tabs {
	padding-top:0;
	margin-top:-20px;
}
.featureContainer {
	height:150px; /* CH reduced height from 250 to fit content */
}
#products .panes {
	overflow:hidden;
	padding-bottom:30px;
	border-bottom:2px solid #4b5c64;
	margin-bottom:20px;
}
#products .column.feature {
	width:226px;
	margin-right:8px;
}
#products .column.feature.last {
	margin-right:0;
}
.diagram h1 {
	margin:0 0 10px 20px;
}
.diagram img {
	margin-bottom:20px;
}
#products #footer {
	margin-top:40px;
}

/********************************************************************************************
 *
 *	button
 *
 ********************************************************************************************/
.buttonLink,
.buttonLink span {    /* change height of button here */
	height:34px;    
	line-height:34px;
}
.buttonLink {
	display: inline-block;    /* IE6 needs inline-block to fix double margin bug */
	padding:0;
	background: transparent url('../images/buttons/btnBlue.png') no-repeat scroll top left;
	cursor: pointer;
}
.buttonLink span {
	font-weight:bold;
	display: inline-block;    /* ie6 needs inline-block to construct the button properly */
	padding-right:15px;
  background: transparent url('../images/buttons/btnBlue.png') no-repeat top right;
	position: relative;    /* can't use negative margin here since ie6 barks */ 
	left: 15px;    /* equal to padding-right */
	}
/* roll over effect */
.buttonLink.lightBg:hover {
	background-position: 0 -34px;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration:none;
}
.buttonLink.lightBg:hover span {
    background-position: 100% -34px ;
}
.buttonLink.darkBg:hover {
	background-position: 0 -68px;
	
	outline: none; /* hide dotted outline in Firefox */
	text-decoration:none;
}
.buttonLink.darkBg:hover span {
    background-position: 100% -68px;
		color:#496e8a;
}
/*****************************************************************************************
 *
 *  confirmation page
 *
 *	page specific style deviations
 *
 ****************************************************************************************/
#confirmation .bannerWrap {
	background:transparent url(/shared/images/headers/confBottom.png) top left repeat-y;
	overflow:hidden;
}
#confirmation #banner {
	background:transparent url(/shared/images/headers/confTop.png) top left no-repeat;
	height:auto;
}
.confirmMsg {
	overflow:hidden;
	padding-top:40px;
}
.confirmMsg img {
	float:left;
	margin:0 0 100px 40px;
}
#confirmation #banner .confirmMsg h1,
#confirmation #banner .confirmMsg h2,
#confirmation #banner .confirmMsg p,
#confirmation #banner .confirmMsg ul,
#confirmation #banner .confirmMsg a {
	position:static;
	margin-left:200px;
	margin-right:100px;
}
#confirmation #banner .confirmMsg h1 {
	font-size:34px;
	color:#000;
}
#confirmation #banner .confirmMsg h2 {
	color:#333;
}
#confirmation #banner .confirmMsg p {
	color:#333;
}
#confirmation #banner .confirmMsg ul {
	margin-bottom:30px;
}
#confirmation #banner .confirmMsg ul li {
	margin-top:20px;
	background:transparent url(/shared/images/backgrounds/linkBullet.png) top left no-repeat;
	padding-left:25px;
	font-size:14px;
	color:#333;
}
#confirmation #banner .confirmMsg .buttonLink span {
	color:#fff;
	font-size:14px;
}

#confirmation #banner .confirmMsg .buttonLink {
	margin-bottom:30px;
}
#confirmation #mainContent {
	width:930px;
	margin:0 auto 30px;
	border:1px solid #d9d9d9;
}
#confirmation #mainContent h2 {
	height:50px;
	line-height:50px;
	border-top:1px solid #a1a1a1;
	border-bottom:1px solid #d9d9d9;
	padding-left:20px;
	margin-bottom:0;
}
.thirdInnerColumn h4 {
	margin-bottom:20px;
}
.thirdInnerColumn p {
	margin:0 0 40px 80px;
}
.thirdInnerColumn a.buttonLink span {
	color:#fff;
	font-size:14px;
}
/*****************************************************************************************
 *
 *  populate page
 *
 *	page specific style deviations
 *
 ****************************************************************************************/
#populate #banner {
	background:transparent url(/shared/images/headers/populate.jpg) top left repeat-y;
}
#populate #banner img.icon {
	margin:40px 0 0 30px;
}
#populate #banner img.logo {
	margin:25px 0 0 25px;
}

#populate #banner p  {
	position:static;
	margin-left:25px;
	margin-right:50%;
}
#populate #banner a.buttonLink {
	margin:10px 0 0 25px;
}
#populate #banner a.buttonLink span {
	font-size:16px;
	font-weight:bold;
}
#populate #banner a.compare {
	margin-left:60px;
	font-size:16px;
	font-weight:bold;
	line-height:15px;
	margin-top:17px;
}
#populate ul.tabs {
	padding-top:0;
}
#populate #mainContent h2,#products #mainContent h2 {
	margin-top:20px;
}
.moduleTopGreen .greenWrap h1,
.moduleTopGreen .greenWrap p {
	position:absolute;
	top:20px;
	left:20px;
	text-transform:capitalize;
}
.moduleTopGreen .greenWrap p {
	font-size:11px;
	text-transform:uppercase;
	left:80px;
}

.benefits li {
	 list-style-image:none;
	 list-style:outside;
	 list-style-type:disc;
	 font-size:14px;
	 margin:15px 0 0 20px;
 }
.videoPortWrap {
	width:634px;
	height:350px;
	background:transparent url(/shared/images/backgrounds/blueGradient2.png) left top repeat-y;
	border: 1px solid #ccc;
	margin-top:20px;
	padding:30px 20px;
}
.videoPort {
	width:449px;
	height:350px;
	overflow:hidden;
}
.videoPortWrap p {
	margin-left: 470px;
	font-size:13px;
	line-height:1.6;
	color:#fff;
}
/********** related resources accordion specific styles **********/
.relatedResources {
	width:224px;
	overflow:hidden;
	margin-bottom:20px;
}
.relatedResources h3 {
	height:15px;
	line-height:15px;
	background: transparent url(/shared/images/backgrounds/accordionHeader.png) 0 0 repeat-x;
	padding:13px 5px;
	margin:0;
}
.relatedResources li a {
	font-weight:normal;
}
ul.caseStudies,
ul.whitePapers,
ul.webcasts {
	margin:0 0 0 25px;
}
ul.caseStudies li,
ul.whitePapers li,
ul.webcasts li {
	list-style:none outside none;
	margin:0 10px 10px 5px;
	padding-left:20px;
}
ul.caseStudies li {
	background:transparent url(/shared/images/icons/case.png) left top no-repeat;
}
ul.whitePapers li {
	background:transparent url(/shared/images/icons/case.png) left top no-repeat;
}
ul.webcasts li {
	background:transparent url(/shared/images/icons/case.png) left top no-repeat;
}



/********************************************************************************************
 *
 *	base accordion structure
 *
 *	accordion is based on jQuery UI accordion plugin
 *
 *
 ********************************************************************************************/
.ui-accordion .ui-accordion-header { 
	position: relative;
	zoom: 1;
	cursor: pointer;	
}
.ui-accordion .ui-accordion-li-fix { 
	display: inline;
}
.ui-accordion .ui-accordion-header-active { 
	border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a { 
	display: block;
	font-size: 15px;
	color:#333;
	padding:0 25px;
	background:transparent url(/shared/images/icons/accordionArrow.png) 5px -15px no-repeat;
}
.ui-accordion .ui-accordion-header a:hover {
	text-decoration:none;
	color:#216498;
}
.ui-accordion .ui-accordion-header.ui-state-active a {
	background-position: 5px 0;
	color:#204c6e;
}
.ui-accordion a { 
	zoom: 1; /* IE7-/Win - Fix extra vertical space in lists */
}
.ui-accordion .ui-accordion-content { 
	position: relative; 
	top: 1px;  
	overflow: auto; 
	display: none; 
	zoom: 1; 
}
.ui-accordion .ui-accordion-content-active { 
	display: block; 
}
/********************************************************************************************
 *
 *	chinteractive code
 *
 *	
 *
 *
 ********************************************************************************************/
.bump_down {padding-top:10px;}
.inner ol {margin-left:30px;}
.inner hr {margin-bottom:20px;}
.inner h4 {margin:20px 0;}

/*****************************************************************************************
 *
 *  subpage nav list
 *
 *	used on about us and support subpages
 *
 ****************************************************************************************/
#subpage_menu {
background-color:#E9ECEE;
border:1px solid #E9ECEE;
color:#315B7B;
font-size:1em;
margin:0 14px 20px 0;
overflow:hidden;
padding:5px 0 0 0;
text-align:left;
width:210px;
float:right;
}
#subpage_menu .select {
background-color:#FFFFFF;
color:#248E00;
display:block;
font-weight:bolder;
padding-left:10px;
}
#subpage_menu1 li * {
display:block;
padding-left:10px;
}
#subpage_menu a {
color:#315B7B;
font-size:12px;
font-weight:bold;
}
#subpage_menu ul {
margin:0 0 0 0;
padding-left:0;
list-style-image:none;
}
#subpage_menu li {
border-bottom:1px solid #FFFFFF;
line-height:2em;
list-style:none outside none;
margin:0;
padding:0;
display:block;
padding-left:10px;
}
#subpage_menu li a.submenulink {
font-weight:normal;
line-height:2.2em;
margin-left:10px;
}
.joblist,.checklist {margin-bottom:20px;}
.joblist li {
	 list-style-image:none;
	 list-style:outside;
	 list-style-type:disc;
	 margin:15px 20px 0 30px;
 }
.floatright {
	float:right;
	height:20px;}
.pdf {
	background:url(/shared/images/icons/icon-pdf-17x.gif) left no-repeat;
	padding:5px 0 0 20px;
}
.checklist li {
	background-image:url("/shared/images/icons/bullet-greencheckonwhite.jpg");
	background-repeat:no-repeat;
	line-height:1.5em;
	margin-left:10px;
	margin-bottom:10px;
	padding-left:25px;
}
.hanging-indent {
text-indent: -58px;
padding-left: 58px;
}
.registerMsg {
	width:500px;
	float:left;
	background-color:;
}
#confirmation #banner .registerMsg h1,
#confirmation #banner .registerMsg h2,
#confirmation #banner .registerMsg p,
#confirmation #banner .registerMsg ul,
#confirmation #banner .registerMsg a {
	position:static;
	margin-left:40px;
	margin-right:50px;
}
.registerForm {
	margin-top:-50px;
	width:230px;
	float:left;
	color:#000;
	background-color:;
}
.registerBtn {
	float:left;
	margin:15px 0 0 25px;
}
.dualColumn p {padding:0 10px;}
.panesResource {
	border-top:2px solid #4B5C64;
	border-bottom:none !important;
	margin:0 14px;
	}
.regRequired {
	text-align:right;
	color:red;
	clear:both;
}
table.events td {
	border-bottom:1px solid #aaa;
	padding-top:5px;
	vertical-align:top;
	}
tr.nounderline td {
	border-bottom:none;
	}
ul.compact li {
	margin:0 0 0 40px;
	list-style:disc;
}	
#contactForm {
	width:235px;
	height:320px;
	margin:0 auto 0 auto;
	font-size:12px;
	padding:0 0 150px 15px;
}
#contactForm input[type="text"],#contactForm textarea {
	 background-color:#FFFFCC;
	 width:215px;
	 }
.contactSupport {
	width:210px;
	margin:0 auto 0 auto;
	padding:10px 0 0;
	border:1px solid black;
	text-align:center;
	clear:both;
}
.controlPanel {
	width:190px;
	padding:10px 10px 0;
	background-color:#dddddd;
	margin:20px auto 0 auto;
	border:1px solid black;
}
table.awards_table {cellspacing:100;}
table.awards_table td {	
	padding-top:25px;
	padding-left:15px;
	vertical-align:top;}
table.awards_table td.award_image {text-align:center;}