/* 3xCD default style v1.01 */
/* css created and distributed by Unified Pty Ltd, Australia  */


/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */



/* basic elements */

html
{
	/*
    scrollbar-arrow-color:#59185b;
    scrollbar-base-color:white;
    scrollbar-highlight-color:#d7d7d7;
    scrollbar-shadow-color:white;
    scrollbar-darkshadow-color:#b7b7b7;
	*/
}

body
{
	background-image:url(../images/body_bg.gif);
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;/*was 10px*/
	color:#666666;
	padding:2px;
	line-height:1.4em;
}

body.nobg
{
	background-image:none;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;/*was 10px*/
	color:#666666;
	padding:2px;
	line-height:1.4em;
}

img
{
	border:none;
	margin:0px;
}

a
{
	color:#59185b;
	text-decoration:underline;
	text-shadow:0 1px 1px #999;
}

a:hover
{
	color:#da850c;
	text-decoration:underline;
}

a.visited
{
	color:silver;
}

a.email_link
{
	background-image:url(../images/mail_icon.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
	padding-left:18px;
}

h1
{
	font-family:Arial, Helvetica, Sans-serif;
	text-transform:uppercase;
	font-size:150%;/*160*/
	padding-bottom:0.25em;
	margin-bottom:-6px;
	margin-bottom /**/:0px;
	color:#3e0e40;
}

h4
{
	font-size:100%;
	font-weight:bold;
}

p
{
	margin-bottom:0px;
}

.discreet
{
	color:#959595;
	font-size:86%;
	text-align:right;
	font-weight:bold;
}

hr
{
	height:1px;
	background-color: #b7b7b7;
	color: #b7b7b7;
	border:0px;
	text-decoration:line-through;
}

/* Quick Styling tools */

.default3xcdTextBoxLabel
{
	padding:2px; 
	FONT-WEIGHT:bolder; 
	FONT-SIZE:10px; 
	COLOR:#666666; 
	LINE-HEIGHT:0.6em; 
	FONT-FAMILY:Verdana;
}

/*
.default3xcdButton
{
	background-color:#814D87;
	font-family:Arial;
	font-size:10px;
	color:White;
	padding:2px 1px 2px 1px;
	text-decoration:none;
	border:solid 1px Gray;
	cursor:pointer;
}
*/

.default3xcdASPTextBoxStyle
{	
	border:1px solid #c6c4c5;
	margin-bottom:0.5em;
	height:1.2em;
	font-weight:bolder;
	width:10em;	
}

.visualClear
{
	clear:both;
	height:0px;	
}

.right_floated
{
	float:right;
	text-shadow:0 1px 1px #999;
}

.left_floated
{
	float:left;
	text-shadow:0 1px 1px #999;
}

.brand_font_style
{
	color:#5c585c;
}

.brand_purple
{
	color:#3e0e40;
}

.brand_purple_bold
{
	color:#3e0e40;
	font-weight:bold;
}

.brand_gray
{
	color:#5c585c;
}

.brand_gray_bold
{
	color:#5c585c;
	font-weight:bold;
}

.content_image_centered
{
	margin-top:1.25em;
	text-align:center;
}

/* Specific Elements */

#container
{
	width:966px; /*966*/
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	border:solid 1px #7a7a7a;
	padding:5px;
}


#container_header
{
	/*width:964px; /*created to define the width of the main control....initially 960px */
	/*margin-left:auto;
	margin-right:auto;
	background-color:white;
	border:solid 1px #7a7a7a;
	padding:5px;
	*/
}

#inner_container
{
	border:solid 1px #999999;
	-moz-box-shadow:2px 2px 2px 2px #999;
	-webkit-box-shadow:2px 2px 2px 2px #999;
	box-shadow:2px 2px 2px 2px #999;
	
}

#top_strip
{
	background-color:#823484;
	background-image:url(../images/top_strip_bg.gif);
	background-repeat:repeat-x;
	height:27px;
}

#top_strip_right
{
	/*background-image:url(../images/top_strip_right.gif);*/
	background-repeat:no-repeat;
	height:27px;
	width:144px;
	float:right;
}

#header
{
	background-image:url(../images/header_bg.gif);
	background-repeat:repeat-x;
	width:100%;
	height:156px;
}

#header_graphic
{
	background-image:url(../images/header_right.jpg);
	background-repeat:no-repeat;
	height:156px;
	width:362px;
	float:right;
}

#header_description
{
	height:156px;
	width:266px;
	background-image:url(../images/header_description.jpg);
	background-repeat:no-repeat;
	float:left;
}

#site_logo
{
	border:0px;
	margin:0px;
	padding:0px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	float:left;
}

#site_logo a
{
	display:block;
	overflow:hidden;
	border:0px;
	margin:0px;
	padding:156px 0px 0px 0px;
	height:0px !important;
	height /**/:156px;
	width:252px; 
	cursor:pointer;
}

div.top_shadow
{
	background-image:url(../images/top_shadow.gif);
	height:11px;
	background-repeat:repeat-x;
	clear:both;
}

div.bottom_shadow
{
	background-image:url(../images/bottom_shadow.gif);
	height:11px;
	background-repeat:repeat-x;
	clear:both;	
}

#footer_wrapper
{
	background-image:url(../images/footer_wrapper_bg.jpg);
	background-color:#6c306e;
}

#footer
{
	background-color:#6c306e;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	color:white;
	text-align:left;
	padding:2em 2em 4em 2em;
}

#footer .center
{
	color:white;
	text-align:center;
	text-shadow:0 1px 1px #999;
}

#footer a
{
	text-decoration:none;
	color:white;
	font-weight:bold;
}

#footer a:hover
{
	color:#f1e2f1;
}

/*Content Area */

#columns_wrapper
{
	background-image:url(..images/vert_dots.gif);
	background-repeat:repeat-y;
	background-position:724px top;
}

#columns_wrapper_new
{
	background-image:url(..images/vert_dots.gif);
	background-repeat:repeat-y;
	background-position:226px top;
}

html #columns_wrapper
{
	width:100%;
}

html #columns_wrapper
{
	width:auto;
}

#columns_wrapper
{
	clear:both;
}

#column_left
{
	float:left;
	width:226px;	
	padding:6px;	
}

#column_content
{
	padding:0.75em 1.3em 1.5em 1.3em;
	margin-right:240px;
	min-height:470px;
}

#column_content_new
{
	padding:0.75em 1.3em 1.5em 1.3em;
	margin-left:240px;
}

#column_right
{
	height:100%;
	float:right;
	width:226px; 
	padding:6px;
}

h1#page_title, h1#page_title_centered
{
	margin-top:0px;
	background-image:url(../images/page_title_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-shadow:0 1px 1px #999;
}

h1#page_title_centered
{
	text-align:center;
}

p.description
{
	font-weight:bold;
}

p.description_title
{
	font-weight:bold;
	font-size:1.4em;
}

p.description_subtitle
{
	font-weight:bold;
	font-size:1.2em;
}

h4.case_study
{
	background-image:url(../images/search_icon.gif);
	background-repeat:no-repeat;
	background-position:left 50%;
	padding-left:18px;
}

/* Feature box (grey box with dot points) */

.feature_box
{
	background-image:url(../images/feature_box_bg.gif);
	background-repeat:repeat-y;
	padding:1em;
	margin-top:2em;
}

.feature_box_heading
{
	font-weight:bold;
}

.feature_box ul
{
	list-style-type:square;
	list-style-image:url(../images/feature_box_link.gif);
	margin:0.4em;
	line-height:1.75em;
	padding:0px 0px 0px 1.5em;	
}

.feature_download_box
{
	background-image:url(../images/feature_download_bg.gif);
	background-repeat:repeat-x;
	color:#313131;
	padding:1em;
	float:right;
	-moz-box-shadow:2px 2px 2px 2px #999;
	-webkit-box-shadow:2px 2px 2px 2px #999;
	box-shadow:2px 2px 2px 2px #999;
}

.feature_download_box .feature_download_heading
{
	color:#3e0e40;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:0 1px 1px #999;
}

.feature_download_box .feature_download_body
{
	padding:2em 0 1em;
}

.feature_download_box .feature_download_body p
{
	padding-right:1em;
}

.feature_download_box img
{
	float:right;
}

.feature_download_link
{
	text-transform:uppercase;
	color:#3e0e40;
	font-weight:bold;
	margin-top:2em;
	padding:0em 18px 0em 2.75em;
	background-image:url(../images/feature_download_link.gif);
	background-repeat:no-repeat;
	background-position:10em 50%;
	text-decoration:none;	
	display:block;
	text-shadow:0 1px 1px #999;
}

.feature_sample_graphic
{
	border:0px;
	margin:0px;
	padding:0px;
	background-image:url(../images/sample_report.jpg);
	background-repeat:no-repeat;
	float:right;
}

.feature_sample_graphic a
{
	display:block;
	overflow:hidden;
	border:0px;
	margin:0px;
	padding:0px;
	padding-top:103px;
	height:0px !important;
	height /**/:103px;
	width:81px; 
	cursor:pointer;
}

.market_quote
{
	background-image:url(../images/market_quote_bg.gif);
	background-repeat:repeat-y;
	padding:0.5em 1em 1em 1em;
	margin-top:2em;
	font-weight:bold;
}

.downloadable_resources_folders,
.online_resource,
.downloadable_resource
{
	margin-bottom:1em;
}

.downloadable_resources_folders p,
.online_resource p,
.downloadable_resource p
{
	margin-top:0.5em;
}

.downloadable_resource a
{
	display:block;
	padding-left:18px;
	margin-top:1em;
	background-image:url(../images/document_icon.gif);
	background-repeat:no-repeat;
	background-position:left 50%;
}

.downloadable_resources_folder a
{
	display:block;
	padding-left:18px;
	margin-top:1em;
	background-image:url(../images/folder_icon.gif);
	background-repeat:no-repeat;
	background-position:left 50%;
}

.downloadable_resource .indented_column
{
	padding-left:50px;	
}

.online_resource a
{
	display:block;
	padding-left:18px;
	margin-top:1em;
	background-image:url(../images/link_icon.gif);
	background-repeat:no-repeat;
	background-position:left 50%;
}


/* Homepage Content Styles */

#homepage_content
{
	background-image:url(../images/vert_dots.gif);
	background-repeat:repeat-y;
	background-position:240px top;
}

#homepage_content #column_content
{
	margin-right:240px;
	margin-left:240px;
	padding:0.75em 9px 1.5em 9px;
}

/*Portlet Styles */

div.portlet
{
	margin-bottom:1.5em;
	-moz-box-shadow:2px 2px 2px 2px #999;
	-webkit-box-shadow:2px 2px 2px 2px #999;
	box-shadow:2px 2px 2px 2px #999;
}

div.portlet_header
{
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	padding:0.6em 0px;
	background-color:#823484;
	background-image:url(../images/portlet_header_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	text-shadow:0 1px 1px #999;
}

div.portlet_body
{
	border:1px solid #b7b7b7;
	border-top:none;
	padding:0.35em 1em;
}

div.portlet_body h4
{
	margin-top:0.2em;
	margin-bottom:0px;
	font-size:100%;
}

div.portlet_body h4 a,
div.portlet_body a
{
	text-decoration:none;
	padding-left: 22px;
	background-image:url(../images/portlet_title_link.gif);
	background-repeat:no-repeat;
	background-position:left 50%;
	font-weight:bold;
}

div.portlet_body p
{
	line-height:1.2em;
	margin-top:0.25em;
	margin-bottom:0.6em;
	text-shadow:0 1px 1px #999;
}

div.portlet_message
{
	background-image:url(../images/hoz_dots.gif);
	background-repeat:repeat-x;
	background-position:top left;
	padding:0.35em;
	padding-bottom:0.1em;
	margin-top:0.25em;
	text-align:right;
}

div.portlet_message a
{
	background-image:none;
	text-decoration:underline;
	font-weight:normal;
	text-shadow:0 1px 1px #999;
}

div.portlet_message a.user_question
{
	background-image:url(../images/question_mark.gif);
	background-repeat:no-repeat;
	background-position:left 50%;
	padding-left:16px;
	padding-bottom:0.25em;
	display:block;
}

div.portlet_message_left
{
	margin-top:0.25em;
	text-align:left;
}

div.portlet_message_left a
{
	background-image:none;
	text-decoration:underline;
	font-weight:normal;
}

/* Table Styles */

table.data_listing_inline
{
	width:49%;
	border-collapse:collapse;
	margin:0px;
	margin /**/:1em 0px;
}

.data_listing_inline td,
.data_listing_inline th
{
	border:1px solid silver;
	margin:0px;
	padding:3px 6px;
}

.data_listing_inline th
{
	background-color:#f3f4f3;
	text-transform:uppercase;
}

.data_listing_inline tr.even_row,
.data_listing_inline tr.even_row td
{
	background-color:#f9f9f8;	
}

/* Navigation Styles */

#nav
{
	background-image:url(../images/nav_wrapper_bg.gif);
	width:100%;
	border-top:1px solid white;
	clear:both;
}

#nav, #nav ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	float:left;
}

#nav a
{
	display: block;
}

#nav a.current_item
{
	color:#5a165c;
}

#nav li
{
	float: left;
	line-height:20px;
	background-image:url(../images/nav_level1_bg.gif);
	background-repeat:no-repeat;
	background-position:top right;
	text-shadow:0 1px 1px #999;
}

#nav li ul
{
	position: absolute;
	left: -999em;
	background-color:#eeeded;
	border-width:1px 1px 0px 1px;
	border-style:solid;
	border-color:#a8a7a7;
	-moz-box-shadow:1px 1px 1px 1px #999;
	-webkit-box-shadow:1px 1px 1px 1px #999;
	box-shadow:1px 1px 1px 1px #999;
	text-shadow:0 1px 1px #999;		
}

#nav li ul li
{
	width:210px;
	background-image:none;
	border-bottom:1px solid #a8a7a7;
	float:none;
	line-height:1.2em;
	padding-top:4px;
	padding-bottom:4px;
	-moz-box-shadow:1px 1px 1px 1px #999;
	-webkit-box-shadow:1px 1px 1px 1px #999;
	box-shadow:1px 1px 1px 1px #999;
	text-shadow:0 1px 1px #999;
}

#nav li ul li ul
{
	position: relative;
	left: -999em;
	background-color:#eeeded;
	border-width:1px 1px 0px 1px;
	border-style:solid;
	border-color:#a8a7a7;
	-moz-box-shadow:1px 1px 1px 1px #999;
	-webkit-box-shadow:1px 1px 1px 1px #999;
	box-shadow:1px 1px 1px 1px #999;
	text-shadow:0 1px 1px #999;
}

#nav li ul li ul li
{
	width:210px;
	background-image:none;
	background-color:#eeeded;
	border-bottom:1px solid #a8a7a7;
	float:none;
	line-height:1.2em;
	padding-top:4px;
	padding-bottom:4px;
	margin-left: 210px;
	position:absolute;
	bottom:-4px;
	-moz-box-shadow:1px 1px 1px 1px #999;
	-webkit-box-shadow:1px 1px 1px 1px #999;
	box-shadow:1px 1px 1px 1px #999;
	text-shadow:0 1px 1px #999;
}

#nav li:hover ul
{
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul
{
	left: auto;

}

#nav li a
{
	padding:2px 27px;
	position:relative;
	color:#6f6f6f;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}

#nav li:hover a,
#nav li.sfhover a
{
	color:#5a165c;
}

#nav li ul li:hover,
#nav li ul li.sfhover
{
	background-color:#7f2a82;
	color:white;
}

#nav li ul li:hover a,
#nav li ul li.sfhover a
{
	color:white;
}

/* Form Controls */

form
{
	line-height:1.5em;
	margin:0px;
}

form label.textbox
{
	font-weight:bolder;
}

form input.textbox
{
	border:1px solid #c6c4c5;
	height:1.45em;
	margin-bottom:0.5em;
	width:11em;
}


form input.checkbox
{
	border:0px;	
}

form input.login_button
{
	height:19px;
	width:67px;
	background-image:url(../images/login_button.gif);
	border:0px;
	padding:0px;
	margin-bottom:0.25em;	
}

/* Contact Details Page */

#column_content #contact_details
{
	margin-top:1.5em;
}

#column_content #contact_details div
{
	margin-right:2em;
	background-image:url(../images/vert_dots.gif);
	background-repeat:repeat-y;
	background-position:top right;
	padding-right:2em;
	float:left;
}

#column_content #contact_details div.final
{
	background-image:none;
	margin-right:0px;
	float:none;
}

.contact_details
{
	width:100%;
}

.contact_details .row
{
	clear:right;
	margin-bottom:5em;
}

.contact_details .cell_left
{
	float:left;
	text-align:left;
	width:49%;
	/*clear:left;*/
}

.contact_details .cell_right
{
	float:right;
	text-align:left;
	width:49%;
	/*clear:right;*/
}

.contact_details .cell_title
{
	font-weight:bold;
	text-decoration:underline;	
}

.contact_details .cell_body
{
}

/* Services Control */

.services_control
{
	margin-bottom:1.5em;
	border:1px solid #b7b7b7;
	-moz-box-shadow:2px 2px 2px 2px #999;
	-webkit-box-shadow:2px 2px 2px 2px #999;
	box-shadow:2px 2px 2px 2px #999;
}

.services_control .header
{
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	background-color:#823484;
	background-image:url(../images/portlet_header_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	padding:0.6em 0px;
	text-shadow:0 1px 1px #999;
}

.services_control .row
{
	clear:both;
	padding:0.1em;
}

.services_control .column_left
{
	float:left;
	text-align:left;
	margin:0.25em;
}

.services_control .column_right
{
	float:left;
	text-align:left;
	font-weight:bold;
	margin:0.25em;
	text-shadow:0 1px 1px #999;
}

.services_control a
{
	text-decoration: none;
}

.services_control a:hover
{
	text-decoration: underline;
}

/* End Services Control */
div.homepage_link
{
	clear:both;
	padding:0.1em;
}

div.homepage_link div.logo
{
	float:left;
	padding:0.1em;
}

div.homepage_link div.link
{
	float:left;
	padding:0.1em;
	font-weight:bold;
	text-align:left;
	text-shadow:0 1px 1px #999;
}

.switchpoints_portlet
{
	vertical-align:bottom;
}

.switchpoints_portlet .portlet_header
{
	text-transform:none;
	text-align:center;
	background-color:#823484;
	background-image:url(../images/portlet_header_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	padding:0.6em 0px;
}

.switchpoints_portlet .portlet_body
{
	color:White;
	border:1px solid #b7b7b7;
	border-top:none;
	padding:0.35em 1em;
	background-color:#823484;
}

.switchpoints_portlet .font_switch
{
	color:Yellow;
	font-family:Arial;
	font-size:medium;
}

.switchpoints_portlet .font_points
{
	color:White;
	font-weight:bold;
	font-family:Arial;
	font-size:medium;
}

.switchpoints_portlet .portlet_message a
{
	color:White;
	background-image:none;
	text-decoration:underline;
	font-weight:normal;
}

.thumbnail
{
	position: relative;
	z-index: 0;
}

.thumbnail:hover
{
	background-color: White;
	z-index: 50;
}

.thumbnail span
{
	/*CSS for enlarged image*/
	position: absolute;
	background-color:White;
	padding: 0px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img
{
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 0px;
}

.thumbnail:hover span
{
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 15px;
	left: 0px; /*position where enlarged image should offset horizontally */
}
