@charset "UTF-8";
/**********************
	CAPITA CUSTOM STYLES
************************/

.nav_emarketing { width: 132px; height: 41px; float: right; }
.nav_emarketing a { display: block; width: 132px; height: 41px; background: url(nav_emarketing.gif) 0 0 no-repeat; text-indent: -9000px; overflow: hidden; }
#tagline { width: 345px; height: 21px; text-indent: -9000px; overflow: hidden; background: url(tagline.gif) 0 0 no-repeat; margin: 38px 0 0 18px; }

/* Headers */
h1 { margin: 0 0 4px 0; padding: 0; }
h2 { font-size: 1.5em; margin: 0 0 20px 0; padding: 0; }
h2.page_title { color: #315981; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h3 { font-size: 1.1em; margin: 0; padding: 0; color: #315981; }
h4 { font-size: 1em; margin: 0; padding: 0; color: #315981; }

hr { height: 1px; color: #cccccc; margin: 0 0 20px 0; }

/* Clearing divs */
.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.clear, .clear_left, .clear_right { height: 0; overflow: hidden; }

/* Floating divs */
.float_left { float: left; margin: 0 20px 12px 0; }
.float_right { float: right; margin: 0 0 12px 20px; }

#dnn_ContentPane ul, #dnn_ContentPane ol { margin: 0 0 20px 28px; padding: 0; }
#dnn_ContentPane ul li, #dnn_ContentPane ol li { line-height: 1.4em; }
ul.formatted_list { margin: 0 0 20px 28px; padding: 0; }
ul.formatted_list li { margin: 0 0 12px 0; line-height: 1.4em; }

/* CTA */
.cta a { display: block; font-weight: bold; text-decoration: none; background: url(cta_arrow.png) right 0 no-repeat; padding: 0 20px 0 0; line-height: 1.21em; }
.cta a:hover { background-position: right -50px; }

/* Hero */
#hero { margin: 20px 0 16px 0; }
#hero h3 { position: absolute; top: 35px; left: 0; margin: 0; padding: 0; width: 42px; height: 250px; text-indent: -9000px; overflow: hidden; background: url(hdr_case_mgmt.gif) 0 0 no-repeat; }
#hero { position: relative; width: 980px; height: 285px; overflow: hidden; }
#hero ul.ui-tabs-nav { position: absolute; top: 0; left: 42px; list-style: none; margin: 0; padding: 0; }
#hero ul.ui-tabs-nav li { display: inline; }
#hero li.ui-tabs-nav-item a { display: block; float: left; height: 35px; background-image: url(sprite_tabs.gif); background-repeat: no-repeat; text-indent: -9000px; overflow: hidden; margin: 0 6px 0 0; }
#hero .ui-tabs-panel { width: 980px; height: 250px; position: relative; margin-top: 35px; margin-left: 42px; }
#hero .ui-tabs-hide { display:none; }

/* tabs */
#nav-fragment-1 a { width: 143px; background-position: 0 0; }
#nav-fragment-1 a:hover, #nav-fragment-1.ui-tabs-selected a { background-position: 0 -100px; }
#nav-fragment-2 a { width: 263px; background-position: -164px 0; }
#nav-fragment-2 a:hover, #nav-fragment-2.ui-tabs-selected a { background-position: -164px -100px; }
#nav-fragment-3 a { width: 127px; background-position: -400px 0; }
#nav-fragment-3 a:hover, #nav-fragment-3.ui-tabs-selected a { background-position: -400px -100px; }

#services { position: relative; margin: 0 0 36px 0; }
#services h3 { width: 42px; height: 106px; text-indent: -9000px; overflow: hidden; background: url(hdr_services.gif) 0 0 no-repeat; position: absolute; top: 0; left: 0; }
#services .module { float: left; width: 308px; background: url(bg_module_services.gif) 0 bottom no-repeat; min-height: 112px; }
#services .module h4 { background: url(hdr_service_top.gif) 0 0 no-repeat; padding: 12px 0 0 110px; }
#services .module p { margin: 0; padding: 0 12px 0 110px; }
#services .module.first { width: 348px; background: url(bg_service_mod_01.gif) 0 bottom no-repeat; margin: 0 8px 0 0; }
#services .module.first h4 { background: url(bg_module_csd.gif) 0 0 no-repeat; padding-left: 146px; }
#services .module.first p { padding-left: 146px; }
#services .module .inner { position: relative; min-height: 109px; }
#services .module.first .inner { background: url(icon_home_01.gif) 42px 0 no-repeat; }
#services .module.second { margin: 0 8px 0 0; }
#services .module.second .inner { background: url(icon_home_02.gif) 6px 2px no-repeat; }
#services .module.third .inner { background: url(icon_home_03.gif) 4px 12px no-repeat; }
#services .module .cta { position: absolute; bottom: 6px; right: 6px; }

#home_intro { }
#home_intro h3 { text-transform: uppercase; color: #94adc5; margin: 0 0 1.2em 0; }
#home_intro .cta a { width: 182px; height: 54px; background: url(cta_learn_more.gif) 0 0 no-repeat; text-indent: -9000px; overflow: hidden; }

#logo_parade { width: 342px; height: 222px; background: url(bg_logo_parade.jpg) 0 0 no-repeat; padding: 0 50px 0 0; margin: 0 0 0 36px; position: relative; }
#logo_parade .inner { width: 216px; height: 134px; position: absolute; top: 13px; left: 57px; overflow: hidden; }
#logo_parade h3 { position: absolute; bottom: 2px; left: 120px; z-index: 101; font-size: 1.1em; } 

/* Footer */
#footer { margin: 36px 0 0 0; }
#footer .contact, #footer .connect { float: left; }
#footer .contact { width: 250px; }
#footer .connect { width: 282px; }
#footer ul { margin: 0; padding: 0; list-style-type: none; }
#footer ul li { list-style-type: none; margin: 0 0 8px 0; }
#footer #twt a { display: block; background: url(icon_twitter.gif) 0 0 no-repeat; padding: 9px 0 8px 42px; width: 180px; }
#footer #fb a { display: block; background: url(icon_fb.gif) 0 0 no-repeat; padding: 9px 0 8px 42px; width: 180px; }
/*#footer #rss a { display: block; background: url(icon_rss.gif) 0 1px no-repeat; padding: 9px 0 8px 42px; }*/
#footer blockquote { margin: 0; padding: 0; width: 340px; height: 161px; background: url(pullquote_jruegg.gif) 0 0 no-repeat; float: right; text-indent: -9000px; overflow: hidden; }


/* liScroll styles */

/* the outer div with the black border */
.tickercontainer { width: 216px; height: 134px; margin: 0; padding: 0; overflow: hidden; }
/* that serves as a mask. so you get a sort of padding both left and right */
.tickercontainer .mask { position: relative; left: 0; top: 0px; width: 216px; overflow: hidden; }
/* that's your list */
ul.newsticker { position: relative; left: 0; list-style-type: none; margin: 0; padding: 0; }
/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker li { float: left; margin: 0; padding: 0; list-style-type: none; }
/*
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
*/


.CapitaModule02 .DNNAligncenter { text-align: left; }

.overview {
	background: #f3f9fd;
	width: 436px;
	padding: 20px 20px 12px 20px;
	border: 1px solid #cccccc;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-khtml-border-radius: 16px;
	border-radius: 16px;
	}
	
.overview h3 { color: #315981; margin: 0 0 20px 0; }
.overview ul { margin: 0 0 0 20px; padding: 0; }
.overview ul li { margin: 0; line-height: 1.4em; }

.video .caption { margin: 8px 0 20px 0; padding: 0 2px; color: #315981; }
.video .caption h4 { float: left; }
.video .caption .duration { text-align: right; }

.callout { width: 220px; height: 194px; position: relative; margin: 0 0 20px 0; }
.callout h3 { text-indent: -9000px; overflow: hidden; }
.callout ul li { list-style-type: square; }
.callout.pdf { background: url(bg_callout_pdf.png) 0 0 no-repeat; color: #ffffff; float: left; }
.callout.pdf p { margin: 0; padding: 0; position: absolute; top: 80px; left: 17px; line-height: 1.2em; text-align: left; }
.callout.pdf .button { position: absolute; bottom: 16px; right: 16px; }
.callout.contact { background: url(bg_callout_contact.png) 0 0 no-repeat; color: #5e5446; float: right; }
.callout.contact p { padding: 70px 20px 0 20px; line-height: 1.2em; }
.callout.contact .button { position: absolute; bottom: 16px; right: 16px; }

.callout.case { height: 180px; background: url(bg_case_studies.png) 0 0 no-repeat; position: relative; color: #dbdcd1; text-align: left; }
.callout.case p { padding: 44px 20px 0 20px; line-height: 1.2em; }
.callout.case .button { position: absolute; bottom: 16px; right: 16px; }

.inline_menu { margin: 0 0 20px 0; }
.inline_menu .delimiter { padding: 0 4px; }

.tbl_features td { width: 330px; }
.tbl_features ul { margin: 0 0 20px 0; padding: 0 0 0 18px; }
.tbl_features ul li { list-style-type: square; }
.tbl_features h3 { color: #315981; margin-bottom: 2px; }
.tbl_features h3.gutter { margin-bottom: 20px; }

.sidebar {  
	border: 1px solid #cccccc;
	text-align: center;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-khtml-border-radius: 16px;
	border-radius: 16px;
	width: 220px; 
	padding: 20px;
	float: right;
	background: #f3f9fd;
	}
	
.sidebar .callout.pdf { float: none; }
.sidebar .callout.contact { text-align: left; float: none; }
.sidebar .module { margin: 0 0 20px 0; }
.sidebar .module h4 { margin-top: 6px; font-size: 1.1em; }
.sidebar .module h4 a { text-decoration: none; }

blockquote.block {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #333333;
	line-height: 1.4em;
	border-left: 2px solid #cccccc;
	margin: 1.4em 36px;
	padding: 0 0 0 20px;
	clear: both;
	}
blockquote.block cite {
	display: block;
	text-align: right;
	color: #666666;
	font-size: .9em;
	}
blockquote.block cite:before { content: "\2014"; }

.hxBtnProbDemo { width: 156px; float: left; margin: 0 20px 8px 0; }

#flashcontent { width: 700px; margin: 0 auto; }

.tblCustom { border-collapse: collapse; border: 1px solid #cccccc; margin: 0 0 20px 0; }
.tblCustom td { border: 1px solid #cccccc; padding: 12px; vertical-align: top; }
.tblCustom td table, .tblCustom td table td { border: none; }
.tblCustom td table td { padding: 0; }

.tbl_case_study { width: 580px; margin: 20px 0 0 20px; }
.tbl_case_study td { vertical-align: top; padding: 12px; }

.NormalTextBox { margin: 0 0 16px 0; border: 1px solid #a0a0a0; padding: 2px 4px; }
#dnn_ctr524_Feedback_trCaptcha1 td,
#dnn_ctr524_Feedback_trCaptcha2 td{ text-align: left; }
/*
#dnn_ContentPane a.CommandButton:link { display: block; width: 40px; padding: 6px 28px; float: left; background: #315981; color: #ffffff; text-decoration: none; font-weight: bold; }
#dnn_ContentPane a.CommandButton:hover { color: #ffffff; background: #6083a7; }
*/


/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider                         { width: 760px; height: 390px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 680px; overflow: auto; height: 354px; margin: 0 40px; position: absolute; top: 0; left: 0; }

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(/Portals/3/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

.thumbNav                               { position: relative; top: 323px; text-align: center; }
.thumbNav li                            { display: inline; }
.thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(/Portals/3/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #e0a213; }

.start-stop                             { z-index: 10; background: green; background-image: url(/Portals/3/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.start-stop.playing                     { background-color: red; }
.start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


/* added 2010-10-18 vd */
.anythingSlider .wrapper ul { height: 380px; }