@import url(./fonolo3_tabs.css);
@import url(./fonolo3_common.css);
@import url(./fonolo3_buttons.css);
/* GENERIC STYLES */

#header_main
{
position: relative;
width: 900px;
height: 126px;
margin: 30px auto -5px auto;
background: url(../images/v3/logo_no_beta.png) top left no-repeat;
z-index: 5;
}

#header_main a.logo {
display:block;
height:127px;
position:absolute;
top:0;
width:300px;
}

.trial_request, .white_paper{
cursor:pointer;
}
#dialog, #wp_dialog{
overflow:hidden;
}
.contact_left {
float: left;
width: 360px;
}

.contact_right {
float: left;
padding-left:10px;
}
.happy {
position:absolute;
background: url(../biz/images/happiercallers.png) top left no-repeat;
top:125px;
left:115px;
width: 188px;
height: 30px;
z-index: 200;
}

.rightside_content {
float:left;
margin:0 7px 2px 6px;
width:640px;
}

h2 {
	color: #3399ff;
}

.press_text {
background:transparent url(../images/quote2.gif) no-repeat scroll right bottom;
display:block;
font-weight:normal;
padding:5px 24px 10px;
color: #666666;
font-size:14px;
}
.li_margin_5{
margin-bottom:5px;
}
.li_margin_10{
margin-bottom:10px;
}
.indented { margin-left: 50px; display: block; }

/* Learn more button */
.big_yellow_button {
background: url(../images/v3/footer_inside_tabs_yellow.png) top left no-repeat;
height: 37px;
width: 118px;
padding:7px 15px 4px 18px;
margin-left: 23px;
margin-right: -23px;
}

.big_yellow_button a {
font-size: 19px;
color: #3C3C3C;
display: block;
text-align: center;
}

.big_yellow_button a:hover {
text-decoration: none;
color: #3C3C3C;
}

.big_yellow_button2 {
background: url(../images/v3/trial_button.png) top left no-repeat;
height: 47px;
width: 130px;
padding: 3px 10px;
margin-left: 23px;
margin-right: 23px;
}

.big_yellow_button2 a {
font-size: 17px;
color: #3C3C3C;
display: block;
text-align: center;
}

.big_yellow_button2 a:hover {
text-decoration: none;
color: #3C3C3C;
}

/* Footer awards */
.foot_award {
float: left;
width: 222px;
text-align: center;
margin: 15px 0px 25px 0px;
}

.foot_awards{
margin-top:15px;
}

.half_left {
float: left;
}

.half_right {
float: right;
margin-right: 10px;
}

.navigation_selected:hover {
text-decoration: none;
}

/****************************************************
* 		MAINPAGE STYLES
*****************************************************/

#biz_banner {
background:transparent url(../images/v3/biz_banner.png) no-repeat scroll left top;
height:45px;
padding:5px 0px 5px 0px;
position:absolute;
right:15px;
text-align:center;
top:40px;
width:207px;
z-index:5;
}

#biz_banner a:hover {
text-decoration:none;
color: #666666;
}

dt { padding: 0px 10px 10px 10px; }
dd { padding: 5px 15px 15px 15px; }

input, textarea {
	border: 2px solid #0099cc;
	margin: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px;
}

.loading_state_ajax {
background: url(../images/v3/ajax_loading.gif) no-repeat scroll left top;
height: 11px;
width: 43px;
margin: 15px 30px 17px 0px;
display: none;
float: right;
}

#util_nav
{
	position: absolute;
	top: 20px;
	right: 0px;
}

#account_nav
{
	background: url(../images/v3/account_bg.png) no-repeat top left;
	position:absolute;
	top:60px;
	right:0px;
	padding:5px;
	text-align:center;
	height:30px;
	width:140px;
	z-index: 5;
}

#account_nav a {
	line-height: 30px;
}

.sb_header_text {
color:#FFE824;
margin:-10px 0 10px 0;
}

.under_line {
text-decoration: underline;
}

.step4 {
background: url(../biz/images/step4.jpg) no-repeat top left;
height: 530px;
width: 560px;
}

.step4_widget {
	position:absolute;
	top:172px;
	right:51px;
}
/******************************************
 grouped rules for current tab indication
******************************************/

.nmain 	#tabs	#pmain,
.nlearn 	#tabs	#plearn,
.nproblem 	#tabs	#pproblem {
	background-position:0% -300px;
}

.nmain		#tabs	#pmain	 	a,
.nlearn 	#tabs	#plearn 	a,
.nproblem	 	#tabs	#pproblem		a {
  	background-position: 100% -300px;
	color: #069CEE;
}


.sb_content {
width:198px;
padding-right:10px;
font-size:16px;
}

#content_container {
	padding: 5px 25px 10px;
}

#footer
{
	clear: both;
	width: 890px;
	font-size: 14px;
	font-weight: bold;
	color: #454545;
	margin-top: 10px;
	margin-bottom: 60px;
}


#footer a {
font-size: 14px;
font-weight: bold;
}

.sidebar_learn_more {
display: none;
}


/*div.msg { display: none; } */
.msg #generic_dialog_popup,
.contextual_dialog #generic_dialog_popup {
  height: 0px;
  overflow: visible;
  position: relative;
  top: 115px;
}

.status #generic_dialog_popup { top: 100px; }
.status table.msg_table {
	width: 150px;
	z-index: 9999;
}
.confirm #generic_dialog_popup { top: 70px; }

table.msg_table {
  border-collapse: collapse;
  margin: auto;
  table-layout: fixed;
  width: 280px;
 /* default width... override if you want it different */
}

#generic_msg {
float: right;
margin-top: 10px;
}

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px }
	.coda-slider { }

	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }

	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 630px }

	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }

	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

	/* Tab nav */
	.coda-nav ul li a.current, .coda-nav ul li a.current:hover { background: #39c }

	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }

	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a,.coda-nav ul li a:hover { background: #a2a2a2; color: #e9e9e9; font-size:16px; display: block; float: left; margin-right: 1px; padding: 5px 15px; text-decoration: none; margin:0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

	#coda-nav-left-1 { margin: 0 1px 0 0px }
	#coda-nav-left-1, #coda-nav-1, #coda-nav-right-1 { float: left; margin:0 2px; }
	#coda-nav-1 ul { margin: 0 !important; padding: 0 !important; }
	#coda-nav-left-1 a, #coda-nav-right-1 a { padding: 5px 15px; width:14px; font-size:16px; }
	#coda-nav-left-1 a:hover, #coda-nav-right-1 a:hover { color: #ffffff; text-decoration: none; }
	#coda-slider-1 { clear: both }


	#dialog, #wp_dialog { font-size: 62.5%; }
	.ui-widget-overlay { opacity:0.7; background: #000000; }
	label, input { display:block; }
	input.text { margin-bottom:12px; width:95%; padding: .4em; }
	fieldset { padding:0; border:0; margin-top:25px; }

	.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
	.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }

/******************************************
 slideshow stuff
******************************************/


	#previewPane{
		/*border:1px solid #000;*/
		margin-right:10px;
		text-align:center;
		vertical-align:middle;

		/* CSS HACK */
		height: 452px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;

		width:470px;
		float:left;
	}
	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;
	}
	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		margin-right: 14px;
		float: left;

		/* CSS HACK */
		height: 454px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/448px;	/* Other browsers */
		height: /**/448px;

		/* CSS HACK */
		width: 124px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/120px;	/* Other browsers */
		width: /**/120px;

		/* border:1px solid #000;	Black border */
		padding:1px;	/* A little space between the black border and the content inside */

	}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height:35px;
	}
	#galleryContainer #arrow_up{
		height:35px;	/* Arrow up image */
	}

	#theImages{	/* DIV where the images are located */
		position:relative;
		overflow:hidden;
		height:375px;	/* Height of boxes for the images */
	}
	#theImages div{
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */

	}
	#theImages img{
		border:0px;	/* No border */

		padding-top:1px;	/* Space between images */
	}
#bottom_slide_nav {
width:310px;
padding-top:0px;
}
#wp_download_link
{
color: #0E9CF2;
text-decoration:underline;
}
#wp_download_link:hover
{
color: #666666;
text-decoration:underline;
}