/******************************************************** GENERAL STYLES ****************************************************************/
body
{
  padding:0;  
  margin:0;
}
  
table
{ 
  width:100%; 
  border:none; 
  border-collapse: collapse;
}

td
{
  padding:0px; margin:0px;
}
form
{
  margin:0;
}

/******************************************************** COMMON STRUCTURE ****************************************************************/
.body_content
{
  min-width:900px;
  max-width: 1200px; 
  height:auto; 
  margin-left:auto; 
  margin-right:auto;
}

/*******HEADER ELEMENTS*******/
.header
{
  position:relative; 
  min-height: 75px;
  height: auto; 
  margin: 0px 0 0 0;
  width: 100%;
}
  
.top_lang_list
{
  padding:5px 0 0 0px; 
  margin: 0px 0 0 0px; 
  list-style-type: none;
}
  
.top_lang
{
  position:absolute; 
  display:block; 
  float:right; 
  top:0px; 
  width:100%; 
  height:20px;
}
  
.top_lang_list li
{ 
  float:left; 
  padding:0 5px 0 5px;
}

.top_lang_list li
{
  float:right;
}

/*******CONTENT ELEMENTS*******/
.content
{
  clear:both; 
  width:100%; 
  height:auto;
  padding-top: 10px;
}  

/*******FOOTER ELEMENTS*******/
.footer
{
  clear:left; 
  display:block;
  height:60px; 
  padding:20px 0 0 0px;
}

/***************************************************** SHARED CLASSES ****************************************************************/
.box_title
{
  padding:7px 0 0 18px;
}

.box_bullet
{
	float:left;
  height:23px;
  width:14px;
}
  
.min-height
{
  min-height:100px
}

.languages
{
  display:block;  
  float:left;  
  width:50px;  
  min-height:16px;
}

.consultant_image
{
	text-align: center;
	margin-top: 10px;
}

.consultant_image img
{
	width: 90%;
}
  
.lng
{
  float:left; 
  clear:left;
  width:46px; 
  height:11px; 
  margin:0 5px 5px 0;
  overflow:hidden;
}

.object_status
{
  float:left; 
  width:107px; 
  height:19px; 
  border:0; 
}
  
.sched
{
  float:left; 
  width:107px; 
}

.btn_go
{
  float:left; 
  width:176px; 
  height:50px; 
  border:0; 
}

.btn_send
{
  width:71px; 
  height:21px; 
  border:none; 
  cursor:pointer;
}
 
.pag
{
  clear:both; 
  text-align:center;
  margin:10px auto 0 auto;
}

.pag .pag_box
{
  width:132px;
  height:16px;
  margin:0 auto 0 auto;
  text-align:center;
  display:block;
}

.pag .prev, .pag .next
{ 
  float:left;
  width:16px;
  height:16px;
  cursor:pointer;
}

.pag_num
{
  float:left;
  width:100px;
  height:16px;
  margin-top:2px;
  white-space: nowrap;
}

/******************************************************** BOXES ***************************************************************/

.box_top
{ 
  height:23px;  
  width:100%;
  table-layout:fixed;
}

.box_top_left
{
  height:23px;  
  width:11px;
}

.box_top_right
{
  height:23px;  
  width:11px;
}

.box_top_center
{
  height:23px;
  width: 100%;
}

.box_bottom_left,
.box_bottom_right
{
  height:10px;  
  width:10px;
}

.box_bottom_center
{
  height:10px;
  width: 100%;
}

.box
{
  display:block; 
  clear:both;
  width:100%; 
  margin:10px auto 0 auto;
}
  
.box_content
{
  float: left;
  width:100%;
}

.box_content_table
{
  table-layout: fixed;
  width: 100%;
}

.box_content_center
{
  vertical-align: top;
  width: 100%;
}

.box_content_left,
.box_content_right
{
  vertical-align: top;
  width: 3px;
}

.box_content .left
{
  vertical-align: top;
  width:252px;
  padding-bottom: 10px;
}
  
.box_content .left .photo
{ 
  border:0; 
  width:235px; 
  height:176px;
}

.box_content .photo img
{
  margin: 8px;
}
  
.box_content .center
{
  width:100%; 
  padding-right:20px; 
  padding-left:10px; 
  padding-top:8px;
}
  
.box_content .right
{
  vertical-align: top;
  width:190px; 
  margin-left:4px;  
  margin-top:8px;
  padding-top: 10px;
}
  
.right .v_line
{
  height:50px; 
  margin: 0 6px 0 3px; 
  float:left; 
  width:1px; 
}
  
.right .h_line1
{
  width:107px; 
  margin: 3px 0 1px 0; 
  float:left; 
  height:1px; 
  font-size:1px; 
}
  
.right .h_line2
{
  width:178px; 
  margin: 5px 0 5px 0; 
  float:left; height:1px; 
  font-size:1px; 
}
  
.box_content .photo img
{
  margin: 8px;
  width: 235px;
  height: 176px;
}
  
.box_bottom
{ 
  height:10px;  
  width:100%;
  table-layout: fixed;
}



/***************************************************** SPECIFIC CLASSES ****************************************************************/
/******************************************************** ACCESS ***************************************************************/
.step
{
	margin-bottom: 30px;
}

.authentication_form
{
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
  padding:5px;
}

.authentication_form table tr
{
	height: 30px;
}

.prepayment_product
{
	padding: 5px;
}

.step_header
{
	width: 100%;
	margin-bottom: 15px;
}

.step1
{
  display:block; 
  clear:both; 
  float:left; 
  width:781px;
}
  
.step1_content
{
  display:block; 
  clear:both; 
  float:left; 
  margin-top:2px;  
  padding-right:25px;  
  padding-top: 15px; 
  width:756px; 
  height:auto;
}
  
.step1_b
{
  display:block;
  margin-top:20px;
}

.authentication_field
{
  width:126px; 
  height:16px; 
}
  
.btn_authenticate,
.access .btn_access
{
  width:71px; height:21px; 
  border: none; 
  cursor:pointer;
}
  
.btn_athenticate
{
  margin: 0px 0px 0px 100px;
}

.step2
{
  display:block; 
  clear:both; 
  float:left; 
  width:781px; 
  height:auto; 
}
  
.step2_a
{
  display:block; 
  float:left; 
  margin-top:2px; 
  padding-top:15px; 
  width: 100%;  
  height:67px; 
}
  
.step2_b
{
  display:block;
  float:left; 
  margin-top:2px; 
  padding-top:25px; 
  width: 100%;  
  height:67px; 
}
  
.btn_call
{
  float:left; 
  margin-left:22px; 
  width:125px;
  height:43px;
  border:0;
}
  
.tit_call
{
  float:left; 
  margin-top:2px; 
  margin-left:15px; 
  width:250px; 
  height:40px;
}
  
.txt_call
{
  float:left; 
  margin-left:15px; 
  width:368px; 
  height:40px;
}

.txt_call_center
{
  float:left; 
  margin-left:15px;
  width:400px; 
  height:40px;
}
  
.txt_call_right
{
  float:right; 
  margin-right:15px; 
  width:140px; 
  height:40px;
}
  
.align_next2
{
  float:right;
}
  
.code
{
  width:148px; 
  padding: 3px 9px 4px 9px;
  margin-top:7px; 
  margin-bottom:5px;
}

.prepayment_products
{
  width: 100%;
  border: 0px;
  display: none;
  margin: 10px;
}

/******************************************************** CONSOLE ***************************************************************/
.console_left
{
	vertical-align: top;
	width: 22%;
}

.console_right
{
	vertical-align: top;
	width: 78%;
}

.status
{
  padding:15px 10px 15px 10px;
}
  
.console .status .name,
.status .spec,
.status .lang_lbl,
.status .object_status_lbl
{
  padding-bottom:3px;
}

.video_window
{
  display:block; 
  width:352px;
  height:288px; 
}

#messages_window.video_window
{
	position: relative;
	top: -289px; /*This layer must let the video_window be visible at least 1px to force load*/
}

#messages_window.video_window img
{
	padding-top: 80px;
}
  
.help
{
  padding-top:10px; 
}

/****************** TEST PAGE ********************/
.survey_image
{
  width:324px;
  vertical-align: top;
}

.survey_image img
{
	margin:10px 0 0 10px;
}

.survey_questions
{
	width: 100%;
	vertical-align: top;
}

.box
{
  margin:10px auto 0 auto;
}
  
.questions_box
{
  min-height:60px; 
  height:auto; 
  padding: 10px 0 0 20px;
}
  
.answer_checkbox
{
  padding:10px 0 10px 0
}

.answer_checkbox span
{
  margin-right:20px;
}

.answer_radiobox
{
  padding:10px 0 10px 0
}

.answer_radiobox span
{
  margin-right:20px;
}

.answer_textarea
{
  margin:6px 0 10px 0; 
  width:96%; 
  height:184px;
}
  
/***********USER TEST*********************/ 
body, #bt1
{
}

.wrap
{
}

.container
{
}

#bt1
{
}

.rollover_box .lt_border
{
}

.rollover_box .top_border
{
}

.rollover_box .rt_border
{
}

.rollover_box .left_border
{
}

.rollover_box .rlbox_content
{
}

.rollover_box .right_border
{
}

.rollover_box .lb_border
{
}

.rollover_box .botton_border
{
}

.rollover_box .rb_border
{
}

.rollover_box .txt_options
{
  padding-left:5px;
  margin-bottom:1px;
}

.rollover_box .txt_options a
{
}

.rollover_box .txt_options a:hover
{
}

.rollover_box .options
{
}

.container
{
  width: 306px;
  height: 287px;
  margin:0 auto 0 auto;
  position: relative;
}

#bt1
{
  width: 115px;
  height: 34px;
  cursor:pointer;
  position:relative;
  margin:1px 0 0 2px;
  float:left;
}

[id^=rlbox]
{
  width: 191px;
  height: auto;
  margin-left: -9px;
  position:absolute;
  padding-top:45px;
  overflow:hidden;
  zoom:1;
}

.lt_border
{
  width:8px;
  height:9px;
  float:left;
}

.top_border
{
  width:175px;
  height:9px;
  float:left;
}
.rt_border
{
  width:8px;
  height:9px;
  float:left;
}

.left_border
{
  width:8px;
  height:90px;
  float:left;
}

.rlbox_content
{
  width:175px;
  height:90px;
  float:left;
}

.right_border
{
  width:8px;
  height:90px;
  float:left;
}

.lb_border
{
  width:8px;
  height:9px;
  float:left;
}

.bottom_border
{
  width:175px;
  height:9px;
  float:left;
}

.rb_border
{
  width:8px;
  height:9px;
  float:left;
}

.options
{
  float:left;
  padding-top:10px;
  height:auto;
  overflow:hidden;
  zoom:1;
}

.rollout_box .options
{
}

.img_options
{
  float:left;
  width:14px;
}

.txt_options
{
  float:left;
  width:140px;
}

.rb_border
{
  width:8px;
  height:9px;
  float:left;
}

.options
{
  float:left;
  padding-top:10px;
  height:auto;
  overflow:hidden;
  zoom:1;
}

.rollout_box .options
{
}

.img_options
{
  float:left;
  width:14px;
}

.txt_options
{
  float:left;
  width:140px;
}

/*********BOX DESC***************/
.box_desc
{
	float: left;
	margin-top: 20px;
	margin-bottom: 15px;
	width: 100%;
}

.box_desc .left
{
  display:block; 
  float:left; 
  width:260px; 
  min-height:158px; 
  height:auto; 
  padding-left:18px;
  text-align: right;
}
  
.box_desc .center
{
  display:block;  
  float:left;  
  width:237px; 
  min-height:186px; 
  height:auto;
  padding-top: 0px;
}
  
.box_desc .right
{
  display:block; 
  float:left; 
  width:35%; 
  height:auto; 
  min-height:158px; 
  padding-left:16px;  
  padding-right:16px;
  padding-top: 0px;
  margin-top: 0px;
}

.box_desc .center img
{
	width: 237px;
	height: 186px;
}

/****** COMMUNICATOR ************/
.communicator
{
	table-layout: fixed;
}

.communicator_top_left,
.communicator_top_right,
.communicator_bottom_left,
.communicator_bottom_right
{
	height: 8px;
	width: 8px;
}

.communicator_top_center
{
}

.communicator_content_left
{
}

.communicator_content_center
{
}

.communicator_content_right
{
}

.communicator_bottom_center
{
}

.communicator_techs
{
	height: 326px;
}

.communicator_video
{
	vertical-align: top;
}

.communicator_chat
{
	vertical-align: top;
	height: 288px;
	width: 100%;
	padding-left: 10px;
}

.communicator_elements
{
	margin-top: 10px;
}

.communicator_powered_by
{
	width: 33%;
}

.communicator_end_call
{
	width: 33%;
	text-align: center;
}

.communicator_call_time
{
	width: 33%;
	text-align: right;
}

.conversation_container_div
{
	width: 100%;
}

.conversation_container
{
	overflow: auto;
	height: 238px;
	padding-left: 10px;
	padding-right: 10px;
}

.input_container
{
	width: 100%;
	height: 50px;
}

.input_textbox
{
	width: 100%;
	height: 100%;
}

.btn_chat_send
{
  height: 22px;
  width: 73px;
}

.chat_send_button
{
	float: right;
	margin-top: 10px;
}

.button_end_call
{
}

.chat_notices
{
	float: right;
	height: 15px;
	margin-top: -15px;
}

#chat_notice_image
{
	height: 16px;
	width: 16px;
}


/***CONSULTANT CARD***/
.consultant_card
{
  display: none;
  position: fixed;
  top: 25px;
  left: 25px;
  width: 800px;
  height: 600px;
  overflow: auto;
  background-color: white;
  border: 1px solid black;
  padding: 10px;
}

table.card_table td
{
	padding: 3px;
}