/* @override http://mimage.opentext.com/alt_content/binary/emea/streamserve/styles/calc.css */

/* @override 
	http://mimage.opentext.com/alt_content/binary/emea/streamserve/styles/calc.css
	http://mimage.opentext.com/alt_content/binary/emea/streamserve/styles/calc.css
*/

/* OVERRIDE CORPORATE STYLES
--------------------------------------------------- */

.grid3col .span-2 { width: 623px; }
	
h2, .grid3col .col-last h3 {
	color: #c86608;
	margin-bottom: .8em;
	}
	
h1 {
	font-size: 214.3%;
	}

h2 {
	font-size: 171.4%;
	margin: 0 0 0.375em;
	}
	
h2.site_title {
	margin: 30px 30px 0px 30px;
	}
	
.grid3col h2 {
	font-size: 171.4%;
	margin-bottom: .4em;
	}

h3 {
	font-size: 128.6%;
	margin: 0 0 0.389em;
	}

h4 {
	font-size: 107.1%;
	margin: 0 0 0.467em;
	}

h5 {
	font-size: 100%;
	margin: 0 0 0.5em;
	}

h6 {
	font-size: 92.9%;
	margin: 0 0 0.538em;
	}	
	
#calc-main {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	overflow: hidden;
	-moz-border-radius: 8px; /* FF1+ */
	-webkit-border-radius: 8px; /* Saf3+, Chrome */
	border-radius: 8px; /* Opera 10.5, IE 9 */
	font: 14px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif;
	}
	
#calc-content {
	float: left;
	width: 100%;
	}
	
#calc-content-inner {
	padding: 18px 0px;
	}
	
#chart_container>div {
	margin-right: auto;
	margin-left: auto;
}


.grid3col .col-first, .grid3col .col-last {
	-moz-border-radius: 6px; /* FF1+ */
	-webkit-border-radius: 6px; /* Saf3+, Chrome */
	border-radius: 6px; /* Opera 10.5, IE 9 */
    background-color: #ffffff;
	border: 1px solid #b0bac2;
	}
		
	
/* HOME PAGE
--------------------------------------------------- */
			
#calc-content .copy {
	padding: 30px;
	}
	
#calc-content .grid3col .col-last {
	width: 280px;
	text-align: center;
	background: #f9fbf6 url(../images/calc_reg_bg.jpg) no-repeat left bottom;
	border: 3px solid #c6d1d9;
	}
	
#calc-content .grid3col .col-last.quote {
	width: 280px;
	text-align: center;
	background: none;
	border: none;
	}
	
#calc-content .grid3col .col-last.white {
	margin-top: 15px;
	width: 280px;
	text-align: center;
	background: #fff;
	border: 1px solid #b0bac2;
	}

	
.col-container.graph {
    margin-top: 0px;
    height: 437px;
    background: url(../images/btc-main-home.jpg) no-repeat left top;
	}
	
#calc-content .quote {
	font-family: Trebuchet MS,sans-serif;
	font-size: 1em; /* 14px */ 
	line-height: 1.5em; /* 21px */
	margin-bottom: 0em;
	}

div.quote {
	float: left;
	width: 260px;
	padding-top: 15px;
	color: #666;
	}
	
p.quote {
	margin-bottom: 0em;
	padding: 14px 0px 0px 30px;
	background: url(../images/quote_open.gif) no-repeat left top;
	}
	
p.author {
	padding: 6px 0px 0px 30px;
	padding-left: 30px;
	font-size: 0.8571em; /* 12px */
	min-height: 44px;
	background: url(../images/quote_close.gif) no-repeat right bottom;
	}

#calc-content label {
	text-align: left;
	font-size: 0.8571em; /* 12px */
	font-weight: normal;
	color: #666;
	}

#calc-content-inner div.grid3col div.span-2.right div.container div.tab_container.no_tabs div.copy ul li {
	list-style-type:disc;
	
}

#calc-content label.error {
	display: none;
}

#calc-content input, #calc-content select {
	width: 230px;
	margin: 0px 0px 5px;
	padding: 3px;
	border: 1px solid #ccc;
	}
	
#input_form .checkbox {
	border: none;
	width: 20px;
	}
	
#calc-content input.error, #calc-content select.error {
	background: #fbe3e4;
}

	
#calc-content select {
	width: 238px;
	}
	
#calc-content #form_7 input.form-submit, #calc-content #form_25 input.form-submit, #calc-content #form_17 input.form-submit, #calc-content #form_19 input.form-submit {
	display: none;
	}
	
input.form-submit {
	margin: 0px 0px 15px 0px;
	padding: 6px;
	color: #fff;
	font-size: 12px;
	font-family: Arial, sans-serif; 
	border: 1px solid #66cc66;
	background: url(../images/submit_but_bg.gif) repeat-x right top;
	}
	
.col-container {
	float: left;
	margin: 20px 0px;
	width: 563px;
	clear: both;
	}
	
.col-container.home {
	margin-bottom: 0px;
	padding-bottom: 440px;
	background: url(../images/btc-main-home.jpg) no-repeat left bottom;
	}
	
#calc-content .col-260-left {
	float: left;
	width: 260px;
	margin-right: 20px;
	}
	
#calc-content .col-260-right {
	float: left;
	width: 260px;
	}
	
#calc-content .col-260-right strong {
	color: #693;
	}
	
ul.tick {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}
	
ul.tick li {
	padding-left: 30px;
	font-weight: normal;
	background: url(../images/tick.gif) no-repeat 0 2px;
	}
	
img.sap-logos {
	padding: 30px 0px;
	}
	
	
/* SECONDARY PAGES
--------------------------------------------------- */

#calc-leftCol {
	position: relative;
	float: left;
	width: 300px;
	}
	
#calc-leftCol h2 {
	color: #c86608;
	}
	
#calc-leftCol .quote {
	float: left;
	width: 280px;
	padding: 10px;
	color: #666;
	text-align: center;
	background: -moz-linear-gradient(left, #f9fbf6 0%, #fff2e1 100%); /* firefox */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9fbf6), color-stop(100%,#fff2e1)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbf6', endColorstr='#fff2e1',GradientType=1 ); /* ie */
	background: #fff2e1; /* old browsers */
	-moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
	-webkit-border-radius: 6px 6px 6px 6px; /* Saf3+, Chrome */
	border-radius: 6px 6px 6px 6px; /* Opera 10.5, IE 9 */
	}
	
#calc-leftCol p.quote, .col-last .quote {
	margin: 0 0 .7em 0;
	padding: 25px 0px 8px 0px;
	background: url(../images/orange_quote_open.gif) no-repeat left top;
	}
	
#calc-leftCol .author, .col-last .author {
	padding: 0px;
	font-size: 0.8571em; /* 12px */
	background: url(../images/orange_quote_close.gif) no-repeat right bottom;
	}

	
.grid3col .span-2 .right { 
	position: relative;
	margin-left: 325px; 
	width: 625px;
	}
	
	
/* TABS
--------------------------------------------------- */
	
.container {
	/*margin-top: 15px;*/
	float: left;
	width: 623px; 
	}
	
ul.tabs, ul.tabs li, ul.tabs li a {
	-moz-border-radius: 6px 6px 0px 0px; /* FF1+ */
	-webkit-border-radius: 6px 6px 0px 0px; /* Saf3+, Chrome */
	border-radius: 6px 6px 0px 0px; /* Opera 10.5, IE 9 */
	}
	
ul.tabs {
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #b0bac2;
	border-left: 1px solid #b0bac2;
	width: 100%;
	}
	
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #b0bac2;
	border-left: none;
	margin-bottom: -1px;
	background: url(../images/tab-bg_orange.jpg);
	overflow: hidden;
	position: relative;
	}

ul.tabs li a {
	text-decoration: none;
	color: #c86608;
	display: block;
	font-size: 0.8571em; /* 12px */
	font-weight: bold;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
	}

ul.tabs li a:hover {
	background: #fff2e1;
	}	

html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
	}

.tab_container {
	border: 1px solid #b0bac2;
	border-top: none;
	clear: both;
	float: left; 
	width: 621px;
	padding-bottom: 15px;
	background: #fff;
	-moz-border-radius: 0px 0px 6px 6px; /* FF1+ */
	-webkit-border-radius: 0px 0px 6px 6px; /* Saf3+, Chrome */
	border-radius: 0px 0px 6px 6px; /* Opera 10.5, IE 9 */
	}
	
.tab_container.no_tabs {
	border-top: 1px solid #b0bac2;
	-moz-border-radius: 6px; /* FF1+ */
	-webkit-border-radius: 6px; /* Saf3+, Chrome */
	border-radius: 6px; /* Opera 10.5, IE 9 */
	}
	
	
/* TAB CONTENT
--------------------------------------------------- */

.tab_content {
	float: left;
	padding: 20px 20px 0px 20px;
	}
	
.tab_content_border {
	float: left;
	/*margin: 15px 15px 0px 15px;*/
	width: 577px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	-moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
	-webkit-border-radius: 6px 6px 6px 6px; /* Saf3+, Chrome */
	border-radius: 6px 6px 6px 6px; /* Opera 10.5, IE 9 */
	border: 3px solid #ccc;
	background: #fff url(../images/table_bg_orange.jpg) repeat-x left bottom;
	}
	
.tab_content_noBorder {
	float: left;
	/*padding: 20px;*/
	width: 583px;
	}

.tab_content_border.table.resultscutoff {
	margin-bottom: 0;
	border-bottom-style: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#calc-content .col-50-left {
	float: left;
	width: 260px;
	margin: 0px 19px;
	}
	
#calc-content .col-50-right {
	float: left;
	width: 260px;
	margin-right: 19px;
	}
	
#calc-content .tab_content_noBorder .col-50-left {
	float: left;
	width: 279px;
	margin-left: 0px;
	}
	
#calc-content .tab_content_noBorder .col-50-right {
	float: left;
	width: 279px;
	margin-right: 0px;
	}
	
.col-container-noWidth {
	float: left;
	width: 577px;
	margin: 1.25em 0 0 0;
	}	
	
#calc-content .form_email_results {
	width: 239px;
	text-align: center;
	background: #fff2e1 url(../images/calc_reg_bg.jpg) no-repeat left bottom;
	border: 3px solid #e5e5e5;
	-moz-border-radius: 6px; /* FF1+ */
	-webkit-border-radius: 6px; /* Saf3+, Chrome */
	border-radius: 6px; /* Opera 10.5, IE 9 */
	padding: 20px;
	margin-bottom: 20px;
	}
	
.form_email_results h3 {
	padding-bottom: 20px;
	color: #c86608;
	}
	
span.required {
	color: #693;
	}
	
img.info {
	vertical-align: top;
	padding-right: 3px;
	}
	
	
/* SLIDER
--------------------------------------------------- */
	
#calc-content p.slider {
	font-size: 1.2em;
	margin-bottom: .3em;
	overflow: hidden;
	}

#calc-content p.slider label {
	float: left;
	width: 250px;
	font-size: 0.7143em; /* 10px */
	}
	
#calc-content input.slider_value {
	float: right;
	width: 70px;
	text-align: right;
	background: transparent;
	}
	
#calc-content p.slider input.text_field {
	width: 258px;
	text-align: left;
	background: #fff;
	}
	
	
/* TABLES
--------------------------------------------------- */
	
table {
	width: 100%;
	}
	
.table {
	padding: 0px;
	width: 577px;
	}
	
.tab_content_border.table {
	font-size: 0.8571em; /* 12px */
	}	
		
th {
	text-align: left;
	background: #fff url(../images/table_header_bg_orange.gif) repeat-x left bottom;
	}
	
table th {
	padding: 8px 15px;
	}
	
table td {
	padding: 5px 15px;
	vertical-align: top;
	}
	
table tr.even td {
	border-top: 1px solid #fff;
	background-color: #fff2e1;
	}
	
table tr.total {
	font-weight: bold;
	}
	
table td.amount {
	color: #390;
	}
	
.simple_table {
	margin: 10px 0px 0px 100px;
	width: 460px;
	}
	
.simple_table td {
	padding: 5px 0px;
	border-bottom: 1px solid #ccc;
	}
	
.simple_table td.value {
	text-align: right;
	/*font-weight: bold;*/
	padding-right: 10px;
	}
	
.simple_table th {
	padding: 8px 10px 5px 0px;
	background: none;
	border-bottom: 3px solid #ccc;
	}

	
	
/* BACK AND NEXT BUTTONS
--------------------------------------------------- */

.container_shadow {
	position: relative;
	height: 49px;
	width: 625px;
	float: left;
	background: url(../images/container_shadow.png) no-repeat left bottom;
	}	
	
.next_back_buttons {
	float: left;
	margin: 0 auto;
	width: 580px;
	}
	
.back_button {
	position: relative;
	float: left;
	width: 102px;
	}
	
.next_button, .submit_button {
	position: relative;
	float: right;
	width: 102px;
	}
	
	
/* RESULTS PAGE
--------------------------------------------------- */

.float_icon {
	float: left;	
	}
	
.tab_content_border.results {
	width: 558px;
	}
	
.copy .results {
	background: url(../images/graph_bg.jpg) repeat-y right top;
	}
	
.copy .results p, .copy h3.margin-left {
	padding-left: 100px;
	}

/* OVERRIDE JQUERY UI
--------------------------------------------------- */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #b2cc99/*{borderColorDefault}*/; background: #c2d6ad/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }

.ui-widget-content { border: 1px solid #bbd986/*{borderColorContent}*/; background: #e0ebd6/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }



/* -------- TipTip styles ---------- */
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background: rgb(25,25,25);
	background: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}