﻿@charset "utf-8";
/* CSS Document */
body{
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	background-color:#FFF;
	margin:0;
	padding:0;
	color:#666;
	background-image: url(/images/main_bg.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-attachment: fixed;
}
a{
	color:#000000;
}
a:hover{
	color:#CC0033;
}

a img {
	border:0px;
}

#wrap {
    color: #404040;
    /*margin: 0 12%;*/
    margin: 20px 40px;
}
div.container{
	width:100%;
}
h1{
	margin: 0px;
	font-family: Hevetica, sans-serif, "Helvetica 35 Thin", Arial, verdana;
	font-size: 17px;
	color: #bf0f2d;
}
.h1_white{
	margin: 0px;
	font-family: Hevetica, sans-serif, "Helvetica 35 Thin", Arial, verdana;
	font-size: 17px;
	color: #FFF;
}
h2{
	margin: 0px;
	font-family: Hevetica, sans-serif, "Helvetica 35 Thin", Arial, verdana;
	font-size: 14px;
	color: #666;
	margin: 10px 0 0 0;
}
.h2_white{
	margin: 0px;
	font-family: Hevetica, sans-serif, "Helvetica 35 Thin", Arial, verdana;
	font-size: 14px;
	color: #FFF;
}

.h2_whitered{
	margin: 0px;
	font-family: Hevetica, sans-serif, "Helvetica 35 Thin", Arial, verdana;
	font-size: 17px;
	color: #FFF;
}

.h2_whitered a{
	margin: 0px;
	font-family: Hevetica, sans-serif, "Helvetica 35 Thin", Arial, verdana;
	font-size: 17px;
	color: #FFF;
}

.h2_whitered a:hover{
	margin: 0px;
	font-family: Hevetica, sans-serif, "Helvetica 35 Thin", Arial, verdana;
	font-size: 17px;
	color: #FFF;
}



.h2_news{
	margin: 0px;
	font-family: Hevetica, sans-serif, "Helvetica 35 Thin", Arial, verdana;
	font-size: 17px;
	color: #bf0f2d;
}



h2 a{
	color: #666;
	background-image: url(/images/icn_h2_arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration:none;
	padding-right: 10px;
	margin: 0px;
}
h2 a:hover{
	color: #666;
	background-image: url(/images/icn_h2_arrow_hover.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration:none;
}
div.header{
	width: 950px;
	margin:auto;
	position: relative;
	height: 101px;
	padding: 15px 0 0 0;
}
div.navigation{
	float: left;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
div.navigation ul{
	list-style-type: none;
	min-height: 4em; height: auto !important; height: 4em;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 22px;
	padding-left: 12px;
	text-align: left;
	color: #CC0033;
	border-left: 1px solid #CC0033;
}
div.navigation ul:hover {
	background-color: #F7F4F2;
}
div.navigation ul li a{
	color:#CC0066;
	text-decoration:none;
}
div.navigation ul li a:hover{
	color:#000;
	text-decoration:none;
}
div.navigation ul li li a{
	color:#666666;
	text-decoration:none;
}
div.navigation ul li li a{
	color:#666666;
	text-decoration:none;
}
div.navigation ul li li a:hover{
	color:#CC0066;
	text-decoration:none;
}
div.navigation ul ul{
	list-style-type: none;
	margin: 0px;
	float: left;
	padding: 0 0 6px 0;
	text-align: left;
	color: #666666;
	border-style: none;
}
div.navigation ul li{
	margin: 0px;
	padding: 0 0 0 0;
	padding-bottom:6px;
	color: #CC0033;
	font-size:0.8em;
}

div.navigation li li { 
	font-size: 0.85em;
	padding-bottom:0px;
}
div.strip{
	clear:both;
	width:100%;
	height:30px;
	background-color:#E2E2E5;
	text-align:center;
	font-size:12px;
}
div.strip_content{
	width:950px;
	margin:auto;
	font-size:0.8em;
}
.extranet_login a{
	float:right;
	background-image: url(/images/btn_login.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
	height:24px;
	padding:6px 67px 0 0;
	color:#666;
	text-decoration:none;
}
.extranet_login a:hover{
	background-image: url(/images/btn_login_hover.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
	color:#CC0033;
	text-decoration:none;
}


/*===================================================================================*/
/* == BANNERS - WHITE TRANSPARENT BOX =================================================================== */
/*===================================================================================*/

div.whitebox {
	background-image: url(/images/whitebox2.png);
	background-repeat: no-repeat;
	padding-bottom:20px;
	margin:0px;
}
	
.whitebox h2{
	font:Univers;
	font-size:18px;
	line-height:24px;
	font-weight:lighter;
	letter-spacing:-1px;
	width:545px;
	padding:15px 10px 10px 20px;
}
	
.whitebox i{
	font:Univers;
	font-size:14px;
	padding:0px 10px 0px 20px;
}

/*===================================================================================*/
/* == BANNERS - WHITE TRANSPARENT BOX HOME =================================================================== */
/*===================================================================================*/

div.whiteboxhome {
	background-image: url(/images/whitebox2.png);
	background-repeat: no-repeat;
	padding-bottom:20px;
	margin:0px;
}
	
.whiteboxhome h2{
	font:Univers;
	font-size:20px;
	line-height:26px;
	font-weight:lighter;
	letter-spacing:-1px;
	width:560px;
	padding:15px 20px 30px 20px;
}
	
.whiteboxhome i{
	font:Univers;
	font-size:14px;
	padding:0px 10px 0px 20px;
}



/*===================================================================================*/
/* == BANNERS =================================================================== */
/*===================================================================================*/


div.home_splash{
	background-image: url(/images/home_splash.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}
div.about_splash{
	background-image: url(/images/about_splash.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}
div.solutions_splash{
	background-image: url(/images/solutions_splash.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}
div.cp_splash{
	background-image: url(/images/splash_cp.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}
div.pdd_splash{
	background-image: url(/images/splash_pdd.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}
div.ce_splash{
	background-image: url(/images/splash_ce.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}
div.sc_splash{
	background-image: url(/images/solutions_splash.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}
div.rcp_splash{
	background-image: url(/images/splash_sc.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}



div.dd_splash{
	background-image: url(/images/splash_dd.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}
div.ddms_splash{
	background-image: url(/images/splash_ddms.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}
div.contact1_splash{
	background-image: url(/images/splash_contact.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}


div.clients_splash{
	background-image: url(/images/clients_splash.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}
div.information_splash{
	background-image: url(/images/contact_splash.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}
div.news_splash{
	background-image: url(/images/splash_news1.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}

div.news_splash2{
	background-image: url(/images/splash_news2.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}

div.contact_splash{
	background-image: url(/images/contact_splash.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}
div.events_splash{
	background-image: url(/images/splash_events.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}

div.graduation_splash{
	background-image: url(/images/splash_graduation.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}

div.demo_splash{
	background-image: url(/images/splash_demo.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}

div.usergroup_splash{
	background-image: url(/images/splash_usergroup2.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}

div.fesig_splash{
	background-image: url(/events/fe/splash_fesig_2.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}

div.usergroup_splash2{
	background-image: url(/images/splash_usergroup.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}


div.usergroupregional_splash{
	background-image: url(/images/splash_usergroup_regional.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}


div.school_splash{
	background-image: url(/images/splash_school.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}

div.talis_splash{
	background-image: url(/images/splash/credentials_page.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}

div.year_splash{
	background-image: url(/images/splash_10year.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}

div.V4_splash{
	background-image: url(/images/splash_V4c.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}

div.V4b_splash{
	background-image: url(/images/splash_V4b.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}


div.training_splash{
	background-image: url(/images/splash_multiple_training.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
	margin:auto;
}



.strap_line{
	padding-top:20px;
}
.strap_line_sm{
	padding-top:30px;
}
div.main_content{
	width: 950px;
	margin:auto;
	background-image: url(/images/main_right_bg2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;

}

div.main_content2{
	width: 950px;
	margin:auto;
	background-repeat: no-repeat;
	background-position: right bottom;

}

div.main_right{
	float:right;
	width:310px;
	color:#CCC;
	font-size:0.8em;
	padding: 0 0 55px 0;
}
div.main_right2{
	float:right;
	width:310px;
	background-color:#C41230;
	color:#CCC;
	font-size:0.8em;
	padding: 0 0 55px 0;
}
div.overflow{
	background-image: url(/images/main_right_bg2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div.main_right ul{
	margin:0;
	padding:0 0 0 10px;
}
div.main_right li{
	list-style-image: url(/images/right_li.gif);
	padding: 6px 0 6px 0;
	list-style-position: outside;
	background-position:left center;
}
div.main_right a{
	color:#FFF;
	text-decoration:none;
	background-image: url(/images/icn_wh_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0 0 0 10px;
}
div.main_right a:hover{
	text-decoration:none;
	background-image: url(/images/icn_gn_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0 0 0 10px;	

}
div.main_right2 ul{
	margin:0;
	padding:0 0 0 10px;
}
div.main_right2 li{
	list-style-image: url(/images/right_li.gif);
	padding: 6px 0 6px 0;
}
div.main_right2 a{
	color:#FFF;
	text-decoration:none;
	background-image: url(/images/icn_wh_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 10px;
}
div.main_right2 a:hover{
	text-decoration:none;
	background-image: url(/images/icn_gn_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 10px;	

}
div.main_left{
	background-color:#FFFFFF;
	float:left;
	width:640px;
	background-image: url(/images/left_bg.jpg);
	background-repeat: repeat-x;
	font-size: 0.8em;
	line-height: 18px;
}
div.main_left ul{
	margin:10px 0px;
	padding:0;
	list-style-position:inside;
}
div.main_right_header{
	background-color:#9A172D;
	height:10px
}
div.main_left_header{
	background-color:#666;
	height:10px;
}

div.main_left2{
	background-color:#FFFFFF;
	float:left;
	width:100%;
	background-image: url(/images/left_bg.jpg);
	background-repeat: repeat-x;
	font-size: 0.8em;
	line-height: 18px;
}
div.main_left2 ul{
	margin:10px 0px;
	padding:0;
	list-style-position:inside;
}


div.main{
	border: 1px solid #CCCCCC;
	margin: auto;
	width: 950px;
	background-color:#FFFFFF;
	margin-bottom: 25px;
}
div.solution_nav{
	width: 600px;
	height:80px;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 22px;
	font-size:11px;
}
div.solution_nav ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
div.solution_nav li {
	color:#666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDD;
	height:60px;
	float:left;
	list-style:none;
	background-image: url(/images/icn_gn_arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 25px;
	padding-top: 20px;
	padding-right: 19px;
	padding-bottom: 0;
	padding-left: 18px;
	margin:0;
}
div.solution_nav li a{
	color:#666;
	text-decoration:none;
}
div.solution_nav li a:hover{
	color:#78AA00;
	text-decoration:none;
}
div.solution_nav li:hover{
	background-color:#ffffff;
}
div.news_right{
	float:right;
	width:285px;
	padding: 0 0 20px 15px;
	margin: 20px 0 20px 0;

}
div.news_left{
	float:left;
	width:284px;
	border-right: 1px dotted #B7B7B7;
	padding: 0 15px 0 0;
	margin: 20px 0 20px 0;
}
div.news_left ul{
	list-style:none;
	margin:0;
	padding:0;
	
}
div.news_left li{
	margin:0;
	padding:0;
	background-image: url(/images/date_bg.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 269px;
	margin: 0 0 4px 0;
	padding: 5px 0 0 12px;
}
div.news_left li:hover{
	background-image: url(/images/date_bg_hover.gif);
	background-repeat: no-repeat;

}
a.readmore {
	background-color: #E5E0DB;
	background-image: url(/images/icn_gr_arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	color:#666;
	padding: 1px 12px 1px 3px;
	text-decoration:none;
}
a:hover.readmore{
	background-color: #C3BDB8;
	color:#666;
	background-image: url(/images/icn_gr_arrow.gif);
	background-repeat: no-repeat;
	background-position: right;	
}

div.footer{
	background-color:#c7c7cd;
	font-size:11px;
	padding: 15px;
}
div.footer a{
	color:#C41230;
	text-decoration:none;
}
div.footer a:hover{
	text-decoration:none;
	color:#333333;
}
hr.red{
	border-style:dotted none none;
	border-top:1px dotted #FFF;
	border-width:1px 0pt 0pt;
	height:1px;
	padding-bottom:0px;
	padding-left:0px;
	padding-top:0px;
	
}
hr.grey{
	border-style:dotted none none;
	border-top:1px dotted #D8D8D8;
	border-width:1px 0pt 0pt;
	height:1px;
	padding-bottom:0px;
	padding-left:0px;
	padding-top:0px;
}
div.contact_panel{
	background-image: url(/images/contact_bg.jpg);
	background-repeat: no-repeat;
	height: 67px;
	width: 484px;
	font-size: 15px;
	color: #669900;
	padding-top: 15px;
	padding-left: 90px;
	padding-right: 20px;
	line-height:23px;
}
div.contact_panel a{
	background-color:#669900;
	color:#FFFFFF;
	background-image: url(/images/icn_wh_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding: 0 4px 0 12px;
	text-decoration:none;
}
div.contact_panel a:hover{
	background-color:#C3BDB8;
	text-decoration:none;

}
.number_list{
	background-color:#FFFFFF;
	color:#CC0033;
	padding: 0 2px 0 2px;
	font-size:13px;
}
.event_dates{
	background-color: #f3f3f3;
	background-image: url(/images/date_start.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 24px;
	cursor: pointer;
	padding-top: 6px;
	padding-left: 10px;
	margin-bottom: 5px;
}
.event_dates:hover{
	background-color: #e5e0dc;
	background-image: url(/images/date_start.gif);
	background-repeat: no-repeat;
	background-position: left;
	cursor: pointer;	
}
.img_left{
	float:left;
	padding: 0 8px 0 0;
}
.quote{
	font-style:italic; 
	font-size:16px; 
	font-family:Georgia, 'Times New Roman', Times, serif; 
	line-height:22px; 
	margin:0px;
}
.quote2{
	margin: 0px;
	font-family: Hevetica, sans-serif, Arial, verdana;
	font-size: 23px;
	line-height:30px; 
	color: #666;
}

.quote3{
	margin: 0px;
	font-style:italic; 
	font-family: Hevetica, sans-serif, Arial, verdana;
	font-size: 14px;
	line-height:16px; 
	color: #666;
}



.client_link{
	color:#FFF;
	text-decoration:none;
	background-image:none;
	padding: 0;
}
a.meta{
	background-image:url(../../images/meta.gif);
	background-position:0pt 3px;
	background-repeat:no-repeat;
	color:#666666;
	font-size:13px;
	padding:0 0 22px 15px;
	text-decoration:none;
}
a.meta:hover{
	background-image:url(../../images/meta_on.gif);
	background-position:0pt 3px;
	background-repeat:no-repeat;
	color:#666666;
	font-size:13px;
	padding:0 0 0 15px;
	text-decoration:none;
}

/*===================================================================================*/
/* == PAGETITLE =================================================================== */
/*===================================================================================*/


div.title{
	margin:20px 10px 20px 0px;
}

.title h1{
	font:Univers;
	color:#bf0f2d;
	font-size: 16px;
}


/*===================================================================================*/
/* == TITLETEXTHOME =================================================================== */
/*===================================================================================*/


div.titletext{
	margin:0px 10px 20px 0px;
}

.titletext h1{
	font:Univers;
	font-size: 22px;
	font-weight:lighter;
	line-height:28px;
	color:#666;
}

.titletext h1 em{
	color:#78AA00;
	font-style:normal;
}



/*===================================================================================*/
/* == TITLETEXT RED =================================================================== */
/*===================================================================================*/


div.titletextred{
	margin:0px 10px 20px 0px;
}

.titletextred h2{
	font:Univers;
	font-size: 22px;
	font-weight:lighter;
	line-height:28px;
}

.titletextred h2 em{
	color:#bf0f2d;
	font-style:normal;
}

/*===================================================================================*/
/* == TITLETEXT RED -user conference =================================================================== */
/*===================================================================================*/


div.titletextred_user{
	margin:0px 10px 0px 0px;
}

.titletextred_user h2{
	font:Univers;
	font-size: 22px;
	font-weight:lighter;
	line-height:28px;
}

.titletextred_user h2 em{
	color:#bf0f2d;
	font-style:normal;
}




/*===================================================================================*/
/* == BREADCRUMB =================================================================== */
/*===================================================================================*/

div.breadcrumb ul {
	font-size:11px;
	list-style:none;
	margin-top:0px;
	padding-top:0px;
	margin-left:0px;
	padding-top:2.5px;
	padding-bottom:5px;
	padding-left:20px;	
	background-color:#DFDFDF;
}


.breadcrumb a {
	color:#333333;
	text-decoration:underline;
	padding-left:2px;
}

.breadcrumb em {
	color:#bf0f2d;
	font-style:normal;
}

.breadcrumb a:hover {
	text-decoration:underline;
}

/*===================================================================================*/
/* == CLEARFIX =================================================================== */
/*===================================================================================*/


div.clearfix {
	clear:both;
	float:none;
	width:auto;
	height:0em;
}

/*===================================================================================*/
/* == RIGHTHAND CTA =================================================================== */
/*===================================================================================*/

div.cta {
	background-color:#B50C28;
	margin-top:10px;
	padding-top:10px;
	height:300px;
}

div.ctaimage {
 	/*border:2px maroon solid;*/
	background-image: url(/images/rightimage1.jpg);
	background-repeat: no-repeat;
	margin-left:20px;
	height:80px;
	width:80px;
}

div.ctatext {
	margin-left:20px;
	width:300px;
}

.ctatext h1{
	color:white;
	font-size:14px;
	font:Univers;
	font-weight:lighter;
}

/*===================================================================================*/
/* == HIGHLIGHT BOXES ============================================================== */

div.highlight_box {
	width:270px;
	margin:20px 20px 0px 20px;
	background-color:#fff;
	padding:0px 0px 10px 0px;
	background-image:url('../../images/highlight_box_bg.jpg');
	background-position:left bottom;
	position:relative;
}

.main_right .highlight_box a {
   font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
	background:none;
	padding:0 0 0 0px;
	text-decoration:none;
}

.main_right .highlight_box a:hover {
	background:none;
	padding:0 0 0 0px;
	text-decoration:underline;
}


.main_right .highlight_box a img {
	border:0px;
}

 div.highlight_box_header {
	background-repeat:no-repeat;
	background-position:top right;
	width:100%;
	background-color:#333232;
	/*border-bottom:2px solid #fff;*/
	
}

.highlight_box h2 {
	padding:10px;
	margin:0px;
}

.highlight_box h2 a{
	font-size:14px;
	color:#fff;
	font-weight:lighter;
	padding-left:10px;
	padding:0px;
	margin:0px;
}

.highlight_box h2 a:hover{
	text-decoration:underline;
	padding-left:0px;
	background:none;
}

.highlight_box p {
	color:#666;
	font-family:"Lucida Grande","Lucida Sans Unicode", Arial,Verdana,sans-serif;
	padding-left:10px;
	padding-right:5px;
	margin-top:10px;
	font-size:13px;
}

.highlight_box p a {
	color:#666;
	text-decoration:underline;
	padding-left:10px;
	margin-top:10px;

}

.subpage .body_content .highlight_box ul {
	font-size:1.2em;
	margin:0px 5px 0px 5px;
}
div.main_right  a.highlight_btn {
	width:253px;
	height:39px;
	padding:0px;
	background-image:url('../../images/highlight_box_btn.gif');
	background-position:0px 0px;
	overflow:hidden;
	font-family:verdana;
	font-size:13px;
	margin:10px 10px 0px 10px;
	display:block;
	position:relative;
}



div.main_right.highlight_btn { /*display:table for Mozilla & Opera*/
	display:table;
	position:static;
}

.highlight_btn { 
	width:300px;
	height:100%;
	background:#EAEAEA;
	position:relative;
}

.highlight_btn span { 
	padding-left:30px;
}

.highlight_btn span  { /*for Mozilla and Opera*/
	display:table-cell;
	vertical-align:middle;
	position:static;
	height:36px;
}
.highlight_btn span strong {
	font-weight:normal;
}

div.main_right  a.highlight_btn:hover {
	background-image:url('../../images/highlight_box_btn.gif');
	background-position:0px -40;
}

a.highlight_btn:hover span {
	cursor:pointer;
}


/*===================================================================================*/
/* == HIGHLIGHT BOX WHITE BACKGROUND ============================================================== */

div.highlight_box_white {
	width:270px;
	margin:20px 20px 0px 20px;
	background-color:#fff;
	padding:0px 0px 10px 0px;
	background-position:left bottom;
	position:relative;
}

.main_right .highlight_box_white  a {
   font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
	background:none;
	padding:0 0 0 0px;
	text-decoration:none;
}

.main_right .highlight_box_white  a:hover {
	background:none;
	padding:0 0 0 0px;
	text-decoration:underline;
}


.main_right .highlight_box_white  a img {
	border:0px;
}

.highlight_box_white  h2 {
	padding:10px;
	margin:0px;
}

.highlight_box_white  h2 a{
	font-size:14px;
	color:#fff;
	font-weight:lighter;
	padding-left:10px;
	padding:0px;
	margin:0px;
}

.highlight_box_white  h2 a:hover{
	text-decoration:underline;
	padding-left:0px;
	background:none;
}

.highlight_box_white  p {
	color:#666;
	font-family:"Lucida Grande","Lucida Sans Unicode", Arial,Verdana,sans-serif;
	padding-left:10px;
	padding-right:5px;
	margin-top:10px;
	font-size:13px;
}

.highlight_box_white  p a {
	color:#666;
	text-decoration:underline;
	padding-left:10px;
	margin-top:10px;

}

.highlight_box_white  h2 a:hover {
}



/*===================================================================================*/
/* == HIGHLIGHT BOXES FOR MICROSITES ============================================================== */

div.highlight_box2 {
	float:left;
	width:300px;
	border:1px solid #e4e4e4;
	margin:10px 0px 10px 10px;
	background-color:#ffffff;
}

.highlight_box2 h2 {
	padding-left:0px;
	color:#bf0f2d;
	font-size:1.3em;
	margin:10px;
	padding-top:5px;
	background-image:none;
}

.highlight_box2 h2 a {
	padding-left:0px;
	background-image:none;
}


.highlight_box2 p {
	padding-left:0px;
	margin:10px;
	background-image:none;
}

.highlight_box2 i {
	padding-left:0px;
	margin:10px;
	background-image:none;
}


.highlight_box2 a {
	padding-right:5px;
	padding-bottom:10px;
}


.highlight_box2 ul {
	margin:0px 5px 0px 5px;
}

.highlight_box2 ul.arrow_list {
	margin:0 0 0 20px; 
	list-style:none;
	padding:0px;
	list-style-position:outside;
	font-size:1em;
}

.highlight_box2 .arrow_list li {
	padding:0px;
	margin:0px;
	background-image:url('../../images/icn_red_arrow.jpg');
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:20px;
	display:block;
}


/*===================================================================================*/
/* == HIGHLIGHT BOXES FOR MICROSITES - USER CONFERENCE ============================================================== */

div.highlight_box2_user {
	float:left;
	width:300px;
	height:420px;
	border:1px solid #e4e4e4;
	margin:0px 0px 10px 10px;
	background-color:#ffffff;
}

.highlight_box2_user h2 {
	padding-left:0px;
	color:#bf0f2d;
	font-size:1.3em;
	margin:10px;
	padding-top:5px;
	background-image:none;
}

.highlight_box2_user h2 a {
	padding-left:0px;
	padding-top:5px;
}


.highlight_box2_user p {
	padding-left:0px;
	margin:10px;
	background-image:none;
}

.highlight_box2_user i {
	padding-left:0px;
	margin:10px;
	background-image:none;
}


.highlight_box2_user a {
	padding-right:5px;
	padding-bottom:10px;
}


.highlight_box2_user ul {
	margin:0px 5px 0px 5px;
}

.highlight_box2_user ul.arrow_list {
	margin:0 0 0 20px; 
	list-style:none;
	padding:0px;
	list-style-position:outside;
	font-size:1em;
}

.highlight_box2_user .arrow_list li {
	padding:0px;
	margin:0px;
	background-image:url('../../images/icn_red_arrow.jpg');
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:20px;
	display:block;
}



/*===================================================================================*/
/* == HIGHLIGHT BOXES FOR MICROSITES ============================================================== */

div.highlight_box2_grey {
	float:left;
	width:300px;
	border:1px solid #e4e4e4;
	margin:10px 0px 10px 10px;
	background-color:#bf0f2d;
}

.highlight_box2_grey h2 {
	color:white;
	padding-left:0px;
	color:white;
	font-size:1.3em;
	margin:10px;
	padding-top:5px;
	background-image:none;
}

.highlight_box2_grey h2 a {
	color:white;
	padding-left:0px;
	background-image:none;
}


.highlight_box2_grey p {
	color:white;
	padding-left:0px;
	margin:10px;
	background-image:none;
}

.highlight_box2_grey i {
	color:white;
	padding-left:0px;
	background-image:none;
}


.highlight_box2_grey a {
	color:white;
	padding-right:5px;
	padding-bottom:10px;
}


.highlight_box2_grey ul {
	color:white;
	margin:0px 5px 0px 5px;
}

.highlight_box2_grey ul.arrow_list {
	color:white;
	margin:0 0 0 20px; 
	list-style:none;
	padding:0px;
	list-style-position:outside;
	font-size:1em;
}

.highlight_box2_grey .arrow_list li {
	color:white;
	padding:0px;
	margin:0px;
	background-image:url('../../images/icn_red_arrow.jpg');
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:20px;
	display:block;
}




div.highlight_box3 {
	float:left;
	width:600px;
	border:1px solid #e4e4e4;
	margin:10px 0px 10px 10px;
	background-color:#ffffff;
}

.highlight_box3 h2 {
	padding-left:0px;
	color:#bf0f2d;
	font-size:1.3em;
	margin:10px;
	padding-top:5px;
	background-image:none;
}


.highlight_box3 h3 {
	padding-left:0px;
	font-size:1.1em;
	margin:10px;
	padding-top:5px;
	background-image:none;
}


.highlight_box3 h1 {
	margin-left:5px;
	padding-top:10px;
	padding:5px;
}

.highlight_box3 ul.arrow_list {
	margin:0 0 0 20px; 
	list-style:none;
	padding:0px;
	list-style-position:outside;
	font-size:1em;
}

.highlight_box3 .arrow_list li {
	padding:0px;
	margin:0px;
	background-image:url('../../images/icn_red_arrow.jpg');
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:20px;
	display:block;
}








.highlight_box4 ul.arrow_list {
	margin:0 0 0 20px; 
	list-style:none;
	padding:0px;
	list-style-position:outside;
	font-size:1em;
}

.highlight_box4 .arrow_list li {
	padding:0px;
	margin:0px;
	background-image:url('../../images/icn_red_arrow.jpg');
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:20px;
	display:block;
}




.highlight_box2 h2 a {
	padding-left:0px;
	margin:10px;
	background-image:none;
}


.highlight_box3 p {
	padding-left:0px;
	margin:10px;
	background-image:none;
}

.highlight_box3 i {
	padding-left:0px;
	margin:10px;
	background-image:none;
}


.highlight_box4 a {
	margin:0px;
}

.highlight_box3 ul {
	font-size:1.2em;
	margin:0px 5px 0px 5px;
}


div.highlight_box4 {
	float:left;
	width:910px;
	background-repeat: no-repeat;
	border:1px solid #e4e4e4;
	margin:10px 0px 10px 10px;
	background-color:#ffffff;
}

.highlight_box4 h2 {
	padding-left:0px;
	color:#bf0f2d;
	font-size:1.3em;
	margin:10px;
	padding-top:5px;
	background-image:none;
}
.highlight_box4 a {
	margin:0px;
} 

.highlight_box4 p {
	padding-left:0px;
	margin:10px;
	background-image:none;
}

.highlight_box4 ul {
	font-size:1.2em;
	margin:0px 5px 0px 5px;
}

.highlight_box4 h4{
	margin:10px 10px 20px 10px;
}

.highlight_box4 h4{
	font:Univers;
	font-size: 18px;
	font-weight:lighter;
	line-height:28px;
}

.highlight_box4 h4 em{
	color:#bf0f2d;
	font-style:normal;
}


/*===================================================================================*/
/* == MICROSITE - WHITE TRANSPARENT BOX =================================================================== */
/*===================================================================================*/

div.whiteboxdemo {
	float:right;
	padding-bottom:20px;
	padding-left:110px;
	margin:0px;
}
	
.whiteboxdemo h2{
	font:Univers;
	font-size:18px;
	line-height:24px;
	font-weight:lighter;
	letter-spacing:-1px;
	width:450px;
	padding:15px 10px 10px 20px;

}
	
.whiteboxdemo i{
	font:Univers;
	font-size:14px;
	padding:0px 10px 0px 20px;
}





/*========= MAP CLIENT LIST ===============*/
/*=========================================*/

#map_canvas {
	width:600px;
	height:640px;
	margin-top:20px;
}

#map_canvas h4 {
	font-family: arial;
	font-size:15px;
	padding:0px;
	margin:0px;
}

#map_canvas h4 a {color:#BF0F2D;}



/*========= SOLUTIONS DIAGRAM ===============*/
/*===========================================*/

div.solutions_wrapper {
	width:587px;
	height:570px;
	position:relative;
	background-image:url('../../images/diagram_bg.jpg');
	background-repeat:no-repeat;
	margin:20px 0px;
}

.solutions_wrapper div.bottom_box {
	border:1px solid #ccc;
	background-color:#fff;
	width:400px;
	position:absolute;
	left:95px;
	top:440px;
}

.bottom_box li {
	list-style:none;
	background-color:#53bde4;
	margin-left:6px;
	color:#fff;
	font-weight:bold;
	float:left;
	width:125px;
	font-size:12px;
	height:50px;
}

.bottom_box li a {
	padding:10px;
	clear:both;
	display:block;
	text-align:center;
	font-family:arial;
	color:#fff;
}

.solutions_wrapper h3, .solutions_wrapper p  {
	color:#fff;
	font-size:11px;
	margin:0px;
	padding:0px;
	text-align:center;
	line-height:normal;
	font-family:Arial;
}

.solutions_wrapper h3 {
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	margin-bottom:5px;
	font-size:12px;
}

.solutions_wrapper a {
	padding:0px;
	text-decoration:none;
	margin:0px;
	display:block;
}

.solutions_wrapper a:hover p, .solutions_wrapper a:hover h3 {
	color:#fcc9d1;
}

.bottom_box a:hover {
	color:#c7f0ff;
}


.solutions_wrapper a.top_left, .solutions_wrapper span.top_left {
	position:absolute;
	top:5px;
	left:15px;
	width:145px;
}
.solutions_wrapper a.top_right, .solutions_wrapper span.top_right {
	position:absolute;
	top:5px;
	left:425px;
	width:150px;
}
.solutions_wrapper a.mid_left {
	position:absolute;
	top:180px;
	left:25px;	
	width:145px;
}
.solutions_wrapper a.mid_centre {
	position:absolute;
	width:145px;
	top:180px;
	left:223px;
}
.solutions_wrapper a.mid_right {
	position:absolute;
	width:145px;
	top:180px;
	left:413px	
}
.solutions_wrapper a.mid_btm_left {
	position:absolute;
	width:148px;
	top:305px;
	left:100px;
}
.solutions_wrapper a.mid_btm_right {
	position:absolute;
	width:148px;
	top:305px;
	left:355px;	
}

	div#timeline {
	    margin: 0px;
	    padding:0px;
	    overflow: auto;
	    /*cursor: -moz-grab !important;*/ /* should this be applied with JS? */
	    border: 2px solid #333;
	    width:590px;
	    background-image:url('/images/timeline_bg.jpg');
	    background-repeat:repeat-x;
	    background-position:14px 0px;
	    padding-bottom:20px;
	    margin-bottom:20px;
	}
	
	.main_left ul.tl-events {
	    list-style: none;
	    padding: 0;
	    margin: 0;
	    padding-left:20px;
	    padding-top:30px;
	}
	
	.main_left .tl-events li {
	    float: left;
	    width: 200px;
	    margin-right: 10px;
	}
	
	.main_left .tl-events ul {
	    list-style: none;
	    padding: 0;
	}
	
	.main_left .tl-events ul li a, .main_left .tl-events ul li span.non_link {
	    text-decoration: none;
	    color: #fff;
	    background: #C41230;
	    border: 1px solid #ccc;
	    -moz-border-radius: 4px;
	    display: block;
	    margin: 5px 2px;
	    padding: 5px;
	    font-size:11px;
	    line-height:normal;
	}
	
	.main_left .tl-events ul li span.non_link {
		background:#97001A;
	}
	
	.main_left .tl-events ul li a:hover,
	.main_left .tl-events ul li a:focus {
	    outline: 0;
	    background: #97001a;
	    border: 1px solid #ccc;
	}
	
	.main_left .tl-events h3 {
	margin:0px;
	padding-bottom:10px;
}
	
	.doodle {
	    display: none;
	}

	.main_left .scroll-pane { overflow: auto; width: 99%; float:left; }
	.main_left .scroll-content { width: 2385px; float: left; }
	.main_left .scroll-content-item { width: 100px; height: 100px; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; }
	* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
	
	.scroll-bar-wrap {
		background-image:url('/images/timeline_scroller_bg.gif');
		width:594px;
		height:35px;
		border:0px;
		padding:0px;
		overflow:hidden;
		margin:0px;
	}
	
	.scroll-bar-wrap .ui-slider { margin: 0 auto; position:relative;  }
	.scroll-bar-wrap .ui-handle-helper-parent { position: relative; margin: 0 auto; }

	.ui-slider { position: relative; text-align: left; }
	
	.scroller-top a.ui-slider-handle {
		position: relative;
		width: 127px;
		height: 35px;
		cursor: default; 
		background:transparent;
		background-image:url('/images/scroller_button.png');
		background-position:0px 3px;
		background-repeat:no-repeat;
		border:0px;
		outline:none;
		display:block;
	}
	.ui-slider .ui-slider-range { position: relativ; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }


div.main_left ul.arrow_list {
	margin:0 0 0 20px; 
	list-style:none;
	padding:0px;
	list-style-position:outside;
}

.arrow_list li span {display:block; padding:0px;}

div.main_left .arrow_list li {
	padding:0px;
	margin:0px;
	background-image:url('../../images/icn_red_arrow.jpg');
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:20px;
	display:block;
}

	
	div.msg_head_ex, div.msg_head {
		padding-top:5px
	}
	
	div.msg_body {
		padding-left:10px;
}


	.msg_head h2 {
		border-bottom:1px dotted #ccc;
		padding-bottom:7px;
		cursor: pointer;
}

	.msg_head h2 a{
		cursor: pointer;
		background-image:url('/images/dropdown_arrow.gif');
		background-position:right 4px;
		background-repeat:no-repeat;
		width:auto;
		padding-right:20px;
		outline:none;
		color:#333;
	}
	
	
	.msg_head h2 a:hover {
		background-position:right -56px;
	}
	
	.msg_head_ex h2 a{
		cursor: pointer;
		background-image:url('/images/dropdown_arrowup.gif');
		background-position:right 4px;
		background-repeat:no-repeat;
		width:auto;
		padding-right:20px;
		outline:none;
	}
	
	
	.msg_head_ex h2 a:hover {
		background-position:right -56px;
	}



/*====================================================================*/
/*== TIMELINE ========================================================*/
/*====================================================================*/

div.timeline {
	background-image:url('../../images/timeline/timeline_bg.gif');
	background-repeat:repeat-y;
	margin-bottom:20px;
	border-bottom:2px solid #c5112e;
}

.timeline_header h3 {
	background-image:url('../../images/timeline/timeline_heading.jpg');
	width:640px;
	padding:0px;
	padding-top:44px;
	overflow:hidden;
	height:0em;
	font-size:0em;
	margin:0px;
	margin-top:10px;
}

div.timeline_year {
	position:relative;
}

.timeline_year h4 {
	background-image:url('../../images/timeline/timeline_year.png');
	width:640px;
	padding-top:102px;
	overflow:hidden;
	height:0em;
	font-size:0em;
	margin:0px;
}

.timeline_year h4.year_2012 {
	background-position:0px 0px;
}

.timeline_year h4.year_2011 {
	background-position:0px 0px;
}


.timeline_year h4.year_2010 {
	background-position:0px 0px;
}

.timeline_year h4.year_2009 {
	background-position:0px -102px;
}

.timeline_year h4.year_2008 {
	background-position:0px -204px;
}

.timeline_year h4.year_2007 {
	background-position:0px -306px;
}

.timeline_year h4.year_2006 {
	background-position:0px -408px;
}

.timeline_year h4.year_2005 {
	background-position:0px -510px;
}

.timeline_year h4.year_2004 {
	background-position:0px -612px;
}

.timeline_year h4.year_2003 {
	background-position:0px -714px;
}

.timeline_year h4.year_2002 {
	background-position:0px -816px;
}

.timeline_year h4.year_2001 {
	background-position:0px -918px;
}

.timeline_year h4.year_2000 {
	background-position:0px -1021px;
}

.timeline_year h4.year_1999 {
	background-position:0px -1123px;
}

.timeline_year h4.year_1998 {
	background-position:0px -1230px;
}

.timeline_year h4.year_1997 {
	background-position:0px -1332px;
}

.timeline_year h4.year_last {
	background-position:0px -1440px;
	padding-top:93px;
	display:block;
	margin-bottom:20px;
}


div.timeline_block_small {
	clear:both;
	width:640px;
	height:82px;
	background-image:url('../../images/timeline/timeline_block_sml.png');
	position:relative;
}



div.timeline_block_med {
	clear:both;
	width:640px;
	height:131px;
	background-image:url("../../images/timeline/timeline_block_med.png");
	position:relative;
}

div.timeline_block_lrg {
	clear:both;
	width:640px;
	height:119px;
	background-image:url('../../images/timeline/timeline_block_lrg.png');
	position:relative;
}

.strategy_box p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#c5112e;
	margin:8px 10px;
}

.timeline_block_small div.strategy_box {
	position:absolute;
	top:35px;
	left:35px;
	width:216px;
	height:32px;
	overflow:hidden;
}

.timeline_block_med div.strategy_box , .timeline_block_2line-med div.strategy_box {
	position:absolute;
	top:30px;
	left:35px;
	width:216px;
	height:70px;
	overflow:hidden;
}

.timeline_block_lrg div.strategy_box {
	position:absolute;
	top:35px;
	left:35px;
	width:216px;
	height:70px;
	overflow:hidden;
}

 .timeline_block_2line-lrg div.strategy_box {
	position:absolute;
	top:43px;
	left:35px;
	width:216px;
	height:51px;
	overflow:hidden;
}




div.success_box_small {
	position:absolute;
	left:345px;
	top:35px;
}
div.success_box_small p{
	margin:0px;
	padding:0px;
}

.success_box_small a {
	display:block;
	width:266px;	
	height:60px;
	background-image:url('../../images/timeline/timeline_success_bg.png');
	background-position:0px 0px;
}
.success_box_small a:hover {
	background-position:-266px 0px;
}

.success_box_small p {
	display:block;
	width:266px;	
	height:60px;
	background-image:url('../../images/timeline/timeline_success_bg_p.png');
	background-position:0px 0px;
	color:#fff;
}


div.success_box_med {
	position:absolute;
	left:345px;
	top:22px;
}
div.success_box_med p{
	margin:0px;
	padding:0px;
}

.success_box_med a {
	display:block;
	width:266px;	
	height:96px;
	background-image:url('../../images/timeline/timeline_success_bg.png');
	background-position:0px -79px;
}
.success_box_med a:hover {
	background-position:-266px -79px;
}

.success_box_med p {
	display:block;
	width:266px;	
	height:96px;
	background-image:url('../../images/timeline/timeline_success_bg_p.png');
	background-position:0px -79px;
	color:#fff;
}


div.success_box_lrg {
	position:absolute;
	left:345px;
	top:22px;
}

div.success_box_lrg p{
	margin:0px;
	padding:0px;
}

.success_box_lrg a {
	display:block;
	width:266px;	
	height:110px;
	background-image:url('../../images/timeline/timeline_success_bg.png');
	background-position:0px -196px;
}
.success_box_lrg a:hover {
	background-position:-266px -196px;
}

.success_box_lrg p {
	display:block;
	width:266px;	
	height:110px;
	background-image:url('../../images/timeline/timeline_success_bg_p.png');
	background-position:0px -196px;
	color:#fff;	
}

div.timeline_block_small-med {
	clear:both;
	width:640px;
	height:117px;
	background-image:url('../../images/timeline/timeline_block_small-med.png');
	position:relative;
}

.timeline_block_small-med div.strategy_box {
	position:absolute;
	top:50px;
	left:35px;
	width:216px;
	height:32px;
	overflow:hidden;
}


div.timeline_block_small-lrg {
	clear:both;
	width:640px;
	height:131px;
	background-image:url('../../images/timeline/timeline_block_small-lrg.png');
	position:relative;
}

.timeline_block_2line-lrg div.strategy_box {
	position:absolute;
	top:43px;
	left:35px;
	width:216px;
	height:51px;
	overflow:hidden;
}


div.timeline_block_2line-lrg {
	clear:both;
	width:640px;
	height:131px;
	background-image:url('../../images/timeline/timeline_block_2line_med.png');
	position:relative;
}


.timeline_block_2line-med div.strategy_box {
	position:absolute;
	top:43px;
	left:35px;
	width:216px;
	height:51px;
	overflow:hidden;
}


div.timeline_block_2line-med {
	clear:both;
	width:640px;
	height:119px;
	background-image:url('../../images/timeline/timeline_block_2line_med.png');
	position:relative;
}



.timeline_block_small-lrg div.strategy_box {
height:32px;
left:35px;
overflow:hidden;
position:absolute;
top:50px;
width:216px;}


div.success_header {
	position:absolute;
	left:325px;
	top:34px;
	width:293px;
	height:92px;
	background-image:url('../../images/timeline/success_heading.png');
}

.timeline_block_med div.success_header, .timeline_block_2line-med div.success_header {
	top:45px;	
}

.success_header strong {
	display:block;
	margin-top:10px;
	margin-left:34px;
	font-size:42px;
	color:#fff;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
}

.success_header strong em {
	font-size:36px;
	font-style:normal;
}


.success_header p {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	margin:0px 10px 0px 42px;
	padding:0px;
}

.timeline a {
	color:#fff;
	text-decoration:none;
}

.timeline a span, .timeline p span {
	padding:20px 15px 20px 35px;
	display:block;
}

.timeline a.expand_btn {
	color:#c5112e;
	font-weight:bold;
	position:absolute;
	cursor:pointer;
	right:0px;
	padding-right:20px;
	top:75px;
	background-image:url("/images/dropdown_arrow.gif");	
	background-repeat:no-repeat;
	background-position:135px 5px;
	margin-right:28px;
}

.timeline a.expand_btn:hover {
	background-position:135px -55px;
}

.timeline a.expand_btn.active {
	color:#c5112e;
	font-weight:bold;
	position:absolute;
	cursor:pointer;
	right:0px;
	padding-right:20px;
	top:75px;
	background-image:url("/images/dropdown_arrowup.gif");	
	background-repeat:no-repeat;
	background-position:155px 5px;
}

.timeline a.expand_btn.active:hover {
	background-position:155px -55px;
}

div#timeline_hidden {
	width:640px;
	position:relative;
}




div.form_element {
	margin-bottom:10px;
	margin-left:10px;
}

.form_element label {
	display:block;
	float:left;
	width:105px;
	color:#666;
}

.form_element input {
	width:140px;
}

.form_element select {
	width:143px;
}

.form_submit img{
	margin:0px 10px 10px 114px;
}
