/* main styles */
hr { color:#547cc3; }
body { color:#000000;	
      /* background:#547cc3; margin:12px 12px 12px 12px;  */
	  background: #585858  url(/pix/main_bg.png) repeat-x left top;}
	   
td, p, .normal {
	color:#000000;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	

.breadCrumbBar {
	font-size:12px;
	padding-left:8px;
	padding-bottom:0;
	margin-bottom:0;
	color:#355797;
	/*background-color: #a6c5e4; */
	/*background-color: #dde2eb; */

}

.messageBar1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#000000;
	padding-left:10px;
	line-height:1.4em;
	text-align:center;
	background-color:#a6c5e4;
	padding-top:10px;
	padding-bottom:10px;
}

.crumb {
	font-size:12px;
}

img {
	border: 0;
}

.sml, table.sml, td.sml, p.sml, li.sml, ul.sml {
	font-size:11px;
	padding: 5px;
} 

.style1 {
	color: #ffffff
}

.style2 {
	font-size: 12px
}
.style3 {
	color: #FFFFFF;
	font-size: 12px;
}

.page, td.page, table.page { background:#ffffff;}
table.page { border:0; width:100%}
.content, td.content, table.content {
	background:#ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
li {
	margin-left: -10px;
	margin-bottom: 10px;
}
ol.alpha li { list-style-type:lower-alpha; }
li.sml { margin-left: 1px; font-size:10px;}


.content_home {
	background-image:url(/pix/shade2.gif);
	background-repeat:repeat-x;
	padding: 5px;
}

.boxl_hm, td.boxl_hm, table.boxl_hm { background:#dde2eb; padding:5px; background-image:url(/pix/shade.gif); background-repeat:repeat-x;}
.boxr_hm, td.boxr_hm, table.boxr_hm {
	background:#dde2eb;
	padding:4px;
	background-image:url(/pix/shade.gif);
	background-repeat:repeat-x;
}

.dots_wh, td.dots_wh {background-image:url(/pix/dots_10_wh.gif);}


.boxl, td.boxl, table.boxl {
	background:#dde2eb;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
}

.box_side, td.box_side {
	background:#dde2eb;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.box_center, td.box_center {
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}




.boxr, td.boxr, table.boxr {
	background:#dde2eb;
	border-right : thin dotted #C2D7EE;
	padding-left: 5px;
	padding-right: 5px;
}
td.section {
	background:#355797;
	color:#ffffff;
	padding: 0px 6px;
	font-size: 11px;
}

.menucell, td.menucell {
	
	min-height: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

.dots, td.dots {background-image:url(/pix/dots_10.gif);}
.blue, .td.blue { font-size:11px; font-weight:normal; color:#355797; }	

/* heading styles */
h1,h3, h4, h5, .heading, .subheading, .smallHeading, .pagehd { font-weight:bold; color:#355797; }
h2 {
	color:#355797;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
}
h1, .big { font-size:16px;  }
h3 { font-size:14px; margin-top:0px; padding-top:0px; }
h4, .heading, .pagehd, td.pagehd {
	font-size:11px;
	margin-top:0px;
	padding-top:0px;
}
h5, .smallHeading, .subheading { font-size:11px; }

h5, .smallHeading {
	color:black;
}	

/* links */
a:active, a:link {
	color:#355797;
	font-weight:normal;
}
a:hover {
	color:#ff5b15;
	font-weight:normal;
	text-decoration:none;
}

a:visited {
	color:#5C82C7;
	text-decoration:underline;
	font-size: 11px;
}

a.crumb:active, a.crumb:link, a.crumb:visited {
	color:#355797;
	text-decoration:underline;
}
a.crumb:hover {
	color:#ff5b15;
	text-decoration:none;
}

a.sml:active, a.sml:link {
	color:#32538F;
	font-size:11px;
}

a.sml:hover {
	color:#ff5b15;
}

/* Fixme PRC */
a.sml:visited {
	color:#87A3D6;
	text-decoration:underline;
}

a.smla:active, a.smla:link, a.smla:visited {color:#ff5b15; font-weight:normal; text-decoration:underline;}
a.smla:hover {color:#ff5b15; font-weight:bold; text-decoration:none; }

a.nav:active, a.nav:link, a.nav:visited {color:#ffffff; font-size:10px; font-weight:bold; text-decoration:none;line-height:12px; width:80px; }
a.nav:hover { color:#000000; font-size:10px; font-weight:bold; text-decoration:none; background:#7696cf; line-height:12px; width:80px;}

td.nav { background:#547cc3; color:#ffffff; font-size:10px; font-weight:bold; text-decoration:none; line-height:14px; cursor:pointer; }
td.navOn { background:#7696cf; color:#000000; font-size:10px; font-weight:bold; text-decoration:none; line-height:12px; cursor:pointer;  width:80px;}

a.navSub:active, a.navSub:link, a.navSub:visited {color:#ffffff; font-size:10px; font-weight:bold; text-decoration:none;line-height:12px; width:135px;}
a.navSub:hover {color:#000000; font-size:10px; font-weight:bold; text-decoration:none; background:#7696cf; line-height:12px; width:135px;}

.heading a, .heading a:link, .heading a:visited, .heading a:active { font-weight:bold; color:#355797;}
.heading a:visited {color:#5C82C7}
.heading a:hover {text-decoration:none}

/* data styles */
td.bgcolor, table.bgcolor { background-color:#b0c9e6; color:#355797; }
td.fgcolor, tr.fgcolor {
	background-color:#f3f4f8;
	color:#000000;
	vertical-align: top;
}

td.fgcolor2, tr.fgcolor2 {
	background-color:#CACEDF;
	color:#000000;
	vertical-align: top;
}
td.fgcolor3, tr.fgcolor3 {
	background-color:#f3f4f8; 
	color:#000000;
	vertical-align: bottom;
}

td.datahead, th.datahead, tr.datahead {
	background-color:#C2D7EE;
	color:#355797;
	text-align:left;
	font-weight:bold;
	vertical-align: top;
}
a.datahead:active, a.datahead:link, a.datahead:visited {color:#355797; font-weight:bold; text-decoration:underline;}
a.datahead:hover {color:#355797; font-weight:bold; text-decoration:none; }

/* footer */
td.footer, .footer {color:#ffffff; font-size : 10px; background:#355797; padding: 0px 6px;}
a.footer:active, a.footer:link, a.footer:visited {color:#ffffff; font-size:10px;text-decoration:underline; font-weight:normal;}
a.footer:hover {color:#ffffff; font-size : 10px; text-decoration:none; font-weight:normal; }		

/* form styles */
input { border-width:1px; border-color:#cccccc; font-size:10px; color:#000000; }
textarea { border-width:1px; border-color:#999999; font-size:10px; color:#000000; font-family: Arial;}
input.submit { border-width:1px; border-color:#ffc; background-color:#FF5B15; font-weight:normal; font-size:11px; color:#ffffff; }
.menu {
	font-size: 11px;
}

/* Case Studies */





.inbrief {
	float: none;
	width: 600px;
	margin-bottom: 10px;
	margin-left: 40px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	border : 1px solid;
	background-color: #039;
	border-color: #000000;
	margin-top: 5px;
	border-radius: 1em;
	margin-right: 10px;
	color: #FFF;
	font-size: 11px;
}


.demoBar {
	float: right;
	width: 250px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border : 1px solid;
	background-color: #EBEBEB;
	border-color: #000000;
	margin-top: 5px;
	border-radius: 1em;
	margin-right: 50px;
}

.demoBarLeft {
	float: right;
	width: 250px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border : 1px solid;
	background-color: #EBEBEB;
	border-color: #000000;
	margin-top: 5px;
	border-radius: 1em;
	margin-right: 50px;
}

/* ------------------------- */
/* Home page specific styles - Index 10 & 11 Test*/
/* --------------------------*/

th.home {
	color:#FF5B15;
	background-color:#ffffff;
	text-align:left;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}

th.homeMiddleColumn {
	color:#FF5B15;
	text-align:left;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	border-left-width:1px;
	border-color:#547CC3;
	border-right-width:1px;
	border-left-style:dotted;
	border-right-style:dotted;
	background-color:#ffffff;
}

td.homeLeftColumn {
	background:#ffffff;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	color:#000000;
}

td.homeMiddleColumn {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-left-width:1px;
	border-color:#547CC3;
	border-right-width:1px;
	border-left-style:dotted;
	border-right-style:dotted;
	background-color:#ffffff;
	color:#000000;
	padding-left: 5px;
}

td.homeRightColumn {
	background:#ffffff;
	color:#000000;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.imgBorder {
	background-color: #f3f4f8;;
	display: table;
}
.imgBorder img {
	
	margin: 4px 4px 4px 4px;
	
}
.horizontalDiv{
	height: 10px;
	background-image: url("horDiv.png");
	background-repeat: repeat-x;
	background-position: 0px 0px;
	display: block;
	clear: both;
	padding: 0px 0px 0px 0px;
}
.flashContent {
	background-color: #FFF;
}
.flash_bg {
	background-color: #FFF;
}

.challenge {
	font-size: 20px;
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	font-stretch: extra-expanded;
	font-weight: bold;
	margin-bottom: 5px;
}

.tick {
	list-style-image:url(../pix/tick.GIF);
	margin-bottom: 5px;
	margin-top: 0px;
}
	
	
/* ------------------------- */
/* Home page specific styles */
/* --------------------------*/

td.home12TitleGrey {
	border-color:#CCC;
	color:#355797;
	text-align:left;
	font-size:13px;
	background:#ffffff;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	height: 25px;
	background: url(/pix/grey_gradient.jpg) 0% 0% repeat-x;
	border-width: 0;		
}

td.home12TitleOrange {
	border-width:0;
	color:#FFFFFF;
	text-align:left;
	font-size:13px;
	
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	height: 25px;
	background: url(/pix/orange_gradient.jpg) 0% 0% repeat-x;
}

td.home12Content {
	border-width:0;
	background:#ffffff;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color:#000000;
}





.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}



/*code for hover over images*/

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


      /* the CSS is used to position our DIV in the center of the web page */
#inbrief {
	
	width:600px;
	background-color: #CCC;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	/* Centered */
	margin: 0 auto
}
.inBriefTitle {
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	font-style: italic;	
}

.inBriefContent {
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	text-align: left;
}

/* Right Hand Learn More */

/* Sidebar */
/* Use as a sidebar
Usage: <div class="sidebar">Content here</div>
*/
.sidebar {
	float: right;
	width: 230px;	
	border : 1px solid;
	background-color: #EBEBEB;
	border-color: #000000;
	padding-top: 0;
	margin-top: 0;

}

.sidebarTitle {
	background-color:#355797;
	color:#fff;
	font-weight: bold;
	height: 25px;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;	
}

.sidebarContent {
	padding-left: 10px;
	padding-right: 10px;	
}

.composerOrange {
	border-width:1;
	color:#FFFFFF;
	text-align:left;
	font-size:14px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	background: url(/pix/orange_gradient.jpg) 0% 0% repeat-x;
	height: 25;
	border: 1;
	border-color: #999;
}

.composerOrange a, .composerOrange a:link, .composerOrange a:visited {
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
	text-decoration: none;
}

.composerOrange a:hover, .composerOrange a:active {
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
	text-decoration: underline;
}

.featureTitle {
	font-weight:bold;
	color:#355797;
	font-size: 12px;
}

.question {
	font-size: 12px;
	font-weight:bold;
	color:#355797;
	padding: 10px;
	
}

.answer {
	font-size: 12px;
	padding: 10px;
	border: 1px solid #666;
	background:#EEE;
	
}

.faqSection {
	font-size: 12px;
	font-weight:bold;
	color:#FFF;
	padding: 10px;
	background:#355797;
	border: 1px;
}

.titleGreyGradient {
	color:#355797;
	text-align:left;
	font-size:13px;
	background:#ffffff;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	height: 25px;
	background: url(/pix/grey_gradient.jpg) 0% 0% repeat-x;
	border: 1px solid #666;
}