/*@charset "utf-8";*/
/* CSS Document */
/*///////////GENERAL SETTINGS//////////////*/
body
{
	margin: 0;
	padding: 0 0 10px 0;
	background: url(../images/bg_body.gif) repeat-x;
	font: normal 12px Arial, Helvetica, sans-serif; 
	/*color: #9a9a9a;*/
	background-color: #8f8f8f;
	color: #808080;
}
.clr{	width:1px;	height:1px;	margin:-1px;	clear:both;	font-size:1px;}
ul, li, p, h1, h2, h3, h4, h5, h6, form{margin:0; padding:0;}
ul, li{list-style:none;} 
h1{font-size:24px;}
h2{font-size:18px;}
.clr{width:1px;	height:1px;	margin:-1px;clear:both;	font-size:1px;}
.left{ position:relative;float:left;}
.right{ position:relative;float:right;}
.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center;}
a img{border:none;}
.no_margin{
	margin:0;
}
.no_padding{
	padding:0;
}
#master{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:788px;
}
/*////////////MAIN NAVIGATION FORMATTING//////*/
#navigation{
	position:relative;
	width:788px;
	padding:10px 0 0 0;
	height: 37px;
}
#navigation ul{
	position:relative;
	float:right;
	list-style:none;
	padding: 0 20px 0 0;
	display: block;
}
#navigation ul li{
	position:relative;
	float:left;
	height:37px;
	background:url(../images/bg_navigation_li.gif) top left no-repeat;
	padding:0 0 0 14px;
	margin:0 5px;
}
#navigation ul li a{
	position:relative;
	float:left;
	height:37px;
	background:url(../images/bg_navigation_li_a.gif) top right no-repeat;
	padding:0 14px 0 0;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	line-height:37px;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}

/*////////////HEADER FORMATTING//////////////*/
.round_header{
	position:relative;
	height:12px;
	background:url(../images/bg_round_header.gif) top left no-repeat;
	font-size:1px;
}
#content_header
{
	position: relative;
	height: 180px;
	background: url(../images/bg_header.gif) top left repeat-y;
}
#content_header a{
	font:normal 13px Arial, Helvetica, sans-serif;
}
.content_header_footer{
	position:absolute;
	bottom:0;
	left:0;	
	height:15px; 				
	width: 788px;
	height: 15px;
	background: url(../images/bg_header_footer.gif) top left no-repeat;
}
.logo_wrapper{
	position:relative;
	float:left;
	width:49%;
	padding: 0 0 0 3px;
}
.header_content_wrapper{
	position:relative;
	float:left;
	width:49%;
	padding: 0;
}
#content_header p{
	position:relative;
	float:left;
	display:block;
	padding:0 20px 0 0;
}
#content_header img{
	position:relative;
}
/*////////////CONTENT FORMATTING/////////////*/
#content{
	position:relative;
	background:url(../images/bg_content.gif) top left repeat-y;
	padding:0 8px 20px 8px;
	width:772px;
}
#content p{
	position:relative;
	padding:5px 20px;
}
.half{
	width:50%;
}
.content_list{
	position:relative;
	top:0;
	left:0;
}
.content_list li{
	float:none;
	font-weight:bold;
	position:relative;
	list-style:outside;
	padding:0 0 2px 0;
	left:30px;
}
/*////////////LEFT SIDE ITEMS FORMATTING////*/
.left_wrapper{
	position:relative;
	float:left;
	width: 210px;
}
.ct_narrow{
	position:relative;
	width:209px;
	background:url(../images/bg_narrow.gif) repeat-y;
}
.ct_narrow_header{
	position:relative;
	width:209px;
	height:10px;
	background:url(../images/bg_narrow_header.gif) top left no-repeat;
	font-size:1px;
}
.ct_narrow_content{
	position:relative;
	background:url(../images/bg_narrow_content.gif) bottom left no-repeat;
	margin:0 0 -10px 0;
	width: 209px;
}
/*////////////RIGHT SIDE ITEMS FORMATTING///*/
.ct_wide{
	position:relative;
	width:554px;
}
.column_3{
	position:relative;
	width:168px;
	padding:10px 8px;
	left: 10px;
}
hr{
	width:500px;
	height:1px;
	border:none;
	background-color:#e1e1e1;
	color:#e1e1e1;
}
/*////////////MY RECORDINGS FORMATTING///////////////*/
table.recordings {
	width:100%
}
table.recordings th{
	background-color:#D4EDFE;
	color:#999999;
	height: 30px;
	vertical-align: middle;
	padding: 5px 2px;
}
table.recordings tr.even{
	background-color:#F0F0F0;
}
table.recordings tr.odd{
	background-color:#fefefe;
}
table.recordings td{
	padding:5px 2px;
}
/*////////////NEWS FORMATTING///////////////*/
.news_wrapper{
	position:relative;
	width:717px;
	margin-left:auto;
	margin-right:auto;
	color:#666;
	background:url(../images/bg_news_wrapper_footer.gif) bottom left no-repeat #e5e5e5;
	padding:10px;
	margin: 0 0 30px 0;
}
.news_wrapper img{
	padding:5px;
}
.news_wrapper_header{
	position:absolute;
	top:0;
	left:0;
	width:737px;
	height:7px;
	background:url(../images/bg_news_wrapper_header.gif) no-repeat;
}
.signature{
	display:block;
	top:10px;
	font-style:italic;
	padding:10px;
	width:100px;
}
/*////////////TABS Formatting///////////////*/
.tabs_wrapper{
	position:relative;
	width:737px;
	margin-left:auto;
	margin-right:auto;
	color:#666;
	background:url(../images/bg_tabs_wrapper_footer.gif) bottom left no-repeat #f5f5f5;
	padding:10px;
	background-color: #f5f5f5;
}

.tabs_wrapper_small{
	position:relative;
	width:350px;
	margin-left:auto;
	margin-right:auto;
	color:#666;
	background:url(../images/bg_tabs_wrapper_footer.gif) bottom left no-repeat #f5f5f5;
	padding:10px;
	background-color: #f5f5f5;
}

.margin_110{
	margin-top:110px;
}
.margin_10{
	margin-top:10px;
}
.tabs_wrapper ul{
	position:absolute;
	top:-100px;
	left:50px;
	height:100px;
}
.tabs_wrapper ul li{
	position:relative;
	float:left;
	height:100px;
	width:102px;
	margin-right:10px;
}
.tabs_wrapper_header{
	position:absolute;
	top:0;
	left:0;
	width:757px;
	height:7px;
	background:url(../images/bg_tabs_wrapper_header.gif) no-repeat;
}
.demo_wrapper{
	position:absolute;
	top:-100px;
	right:20px;
	width:180px;
}
.demo_wrapper ul{
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
.demo_wrapper ul li{
	float:none;
	height:auto;
	width:auto;
}
#content .demo_wrapper p{
	padding:10px 0 0 0;
	margin:0;
}
#content p.note{
	color:#000000;
	background-color:#eee;
	padding: 8px;
}

/*////////////Footer Formatting/////////////*/
#footer{
	position:relative;
	width:788px;
	height:49px;
	background:url(../images/bg_footer.gif) top left no-repeat;
}
#footer ul{
	position:relative;
	padding:13px 0 0 160px;
}
#footer ul li{
	position:relative;
	float:left;
	padding:0 7px;
	border-left:1px solid #fff;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li.first{
	border:none;
}
#footer ul li a{
	color:#fff;
	background-color:inherit;
}
#copyright{
	position:absolute;
	width:300px;
	height:20px;
	bottom:-20px;
	left:50%;
	margin-left:-150px;
	text-align:center;
	color:#fff;
	background-color:inherit;
	line-height:20px;
	font-size:11px;
}
/*////////////Forms Formatting///////////////*/
/*////////////DEMO Input FORM//////*/
form#demo_input{
	position:relative;
	padding:8px 8px 15px 8px;
}
form#demo_input textarea{
	background:url(../images/bg_input_demo.gif) top left no-repeat;
	width:182px;
	height:81px;
	padding:5px;
	border:none;
	margin-bottom:10px;
	overflow: hidden;
}
form#demo_input select{
	width:119px;
	border:1px solid #ccc;
}
form#demo_input .button_listen{
	background:url(../images/button_listen.gif) top left no-repeat;
	width:53px;
	height:19px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	border:none;
	margin-left:14px;
}
/***non-form equiv of above styles**/
form_demo_input{
	position:relative;
	padding:8px 8px 15px 8px;
}
form_demo_input_textarea{
	background:url(../images/bg_input_demo.gif) top left no-repeat;
	width:182px;
	height:81px;
	padding:5px;
	border:none;
	margin-bottom:10px;
	overflow: hidden;
}
form_demo_input_select{
	width:119px;
	border:1px solid #ccc;
}
form_demo_input_button_listen{
	background:url(../images/button_listen.gif) top left no-repeat;
	width:53px;
	height:19px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	border:none;
	margin-left:14px;
}

/*////////////INDEX LOGIN FORM/////*/
form#login{
	position:relative;
	width:194px;
	float:left;
	background:url(../images/bg_login_form.gif) bottom left no-repeat #f7f7f7;
	padding:10px 10px 10px 5px;
	margin: 20px 0 0 0;
	color: #6b6b6b;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-align:right;
}
.login_header{
	position:absolute;
	height:7px;
	width:209px;
	font-size:1px;
	background:url(../images/bg_login_header.gif) bottom left no-repeat;
	left: 0px;
	top: 0px;
}
form#login input.field{
	position:relative;
	background:url(../images/bg_login_input.gif) top center no-repeat;
	border:none;
	height:16px;
	width:122px;
	padding: 5px 0 5px 5px;
	margin: 5px 0;
	float: left;
}
form#login label{
	display:block;
	float:left;
	width:55px;
	height:28px;
	font:normal 10px Arial, Helvetica, sans-serif;
	line-height:28px;
	padding: 0 8px 0 0;
	text-align: right;
}

/*non-form equivs of login form tags**/
form_login{
	position:relative;
	width:194px;
	float:left;
	background:url(../images/bg_login_form.gif) bottom left no-repeat #f7f7f7;
	padding:10px 10px 10px 5px;
	margin: 20px 0 0 0;
	color: #6b6b6b;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-align:right;
}
form_login_input_field{
	position:relative;
	background:url(../images/bg_login_input.gif) top center no-repeat;
	border:none;
	height:16px;
	width:122px;
	padding: 5px 0 5px 5px;
	margin: 5px 0;
	float: left;
}
form_login_label{
	display:block;
	float:left;
	width:55px;
	height:28px;
	font:normal 10px Arial, Helvetica, sans-serif;
	line-height:28px;
	padding: 0 8px 0 0;
	text-align: right;
}


/******************************/


input.button_login{
	font:normal 10px Arial, Helvetica, sans-serif;
	width:37px;
	height:26px;
	color:#fff;
	border:none;
	background:url(../images/button_login.gif) top left no-repeat;
	margin:0 3px 0 16px;
	
}
input.button_send{
	font:normal 10px Arial, Helvetica, sans-serif;
	width:63px;
	height:24px;
	color:#fff;
	border:none;
	background:url(../images/button_send.gif) top left no-repeat;
}
form#login a{
	color:#33adde;
}
/*////////////CONTACT FORM/////*/
form#contact{
	position:relative;
}
input.button_send{
	font:normal 10px Arial, Helvetica, sans-serif;
	width:63px;
	height:24px;
	color:#fff;
	border:none;
	background:url(../images/button_send.gif) top left no-repeat;
}
/*////////////DOC UPLOAD FORM//////*/
form#upload_document{
	position:relative;
	padding:20px 0 50px 0;
	width: 500px;
	display: block;
}
input.browse_file{
	position:relative;
	width:307px;
	height:16px;
	border:none;
	margin: 0 0 10px 0;
	padding:5px;
	/*background:url(../images/bg_recording_name.gif) no-repeat;*/
	border: 1px solid #B0B0B0;	
}
input.short_field
{
	position: relative;
	width: 177px;
	height: 16px;
	margin: 0 0 10px 0;
	padding: 5px; /*background:url(../images/bg_input_short_field.gif) no-repeat;*/
	border: 1px solid #B0B0B0;
}
input.very_short_field{
	position:relative;
	width:80px;
	height:16px;
	border:none;
	margin: 0 0 10px 0;
	padding:5px;
	/*background:url(../images/bg_input_very_short_field.gif) no-repeat;*/
	border: 1px solid #B0B0B0;	
}


select.select_voice{
	/*width:185px;*/
	width:300px;	
	border:1px solid #CCC;
}
select.select_settings{
	width:100px;
	border:1px solid #CCC;
}
.tab_form_element_wrapper{
	position:relative;
	padding:0 0 10px 0;
	float: left;
}
.fe_wide{
	width:500px;

}
.fe_short{
	width:430px;

}
input.button_record{
	background:url(../images/button_record.gif) top left no-repeat;
	width:70px;
	height:26px;
	border:none;
	padding:0 0 0 10px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
.label_tabs_left{
	display:block;
	width:100px;
	height:26px;
	float:left;
	padding:0 10px 0 0;
	line-height:26px;
	font: normal 12px arial, helvetica, sans-serif;
}

.label_tabs_left_long{
	display:block;
	width:300px;
	height:26px;
	float:left;
	padding:0 10px 0 0;
	line-height:26px;
	font: normal 12px arial, helvetica, sans-serif;
}

textarea.manual_input{
	position:relative;
	left:15px;
	background:url(../images/bg_textarea_upload.gif) repeat-y;
	width:476px;
	height:107px;
	padding:5px;
	overflow:auto;
	border:none;
}
.wide_select{
	width:183px;
	border: 1px solid #ccc;

}
/*////////////Text Formatting///////////////*/
.p_15{padding:15px}
.p_15_s{padding:0 15px}
.t_12{font-size:11px;}
.t_15{font-size:15px;}
.pad110{padding:0 0 0 110px;}
.pad20{padding:20px 0 0 0;}
.center{
	text-align:center;
}
.blue{
	color:#6a8b94;
	background-color:inherit;
}
.blue2{
	color:#0099FF;
	background-color:inherit;
}
.black{
	color:#000;
	background-color:inherit;
}
.green
{
	color: #0bb212;
	background-color: inherit;
}

/*********slider control css starts**************/
.dynamic-slider-control {
	position:			relative;
	background-color:	ThreeDFace;
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
	margin-left: 110px;
}

.horizontal {
	width:				200px;
	height:				19px;
}

.vertical {
	width:				19px;
	height:				200px;
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;
	-moz-user-select:	none;
	cursor:				default;
	background:			ThreeDFace;
	border:				1px solid;
	border-color:		ThreeDHighlight ThreeDDarkShadow
						ThreeDDarkShadow ThreeDHighlight;
}

/* inner border */
.dynamic-slider-control .handle div {
	font-size:			1px;
	border:				1px solid;
	border-color:		ThreeDLightShadow ThreeDShadow
						ThreeDShadow ThreeDLightShadow;	

	behavior:			url("css/boxsizing.htc");	/* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

/*	inner sets size
.dynamic-slider-control.horizontal .handle {
	width:				12px;
	height:				22px;
}
*/

.dynamic-slider-control.horizontal .handle div {
	width:				8px;
	height:				18px;
}

.dynamic-slider-control.horizontal .handle.hover {}

/* inner sets size
.dynamic-slider-control.vertical .handle {
	width:				22px;
	height:				12px;
}
*/

.dynamic-slider-control.vertical .handle div {
	width:				18px;
	height:				8px;
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
	
	behavior:			url("css/boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
		
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				1px solid;
	border-color:		ThreeDShadow ThreeDHighlight
						ThreeDHighlight ThreeDShadow;
	background:			ThreeDDarkShadow;
}

.dynamic-slider-control.vertical .line {
	width:				1px;
	
}

.dynamic-slider-control.horizontal .line {
	height:				1px;
}

.dynamic-slider-control .line div {
	display:	none;
}

/*********slider control css ends**************/