@charset "utf-8";
/*Template name: eSurveyspro/
Release date: 12-9-2008
Description: A soft-colored and brightone/two column template.
Author: Designleon Team
Author URI: http://www.designleon.com/
*/


/*Left column*/
html { 
  padding:0px;
  margin:0px;
}
#header_internal /*header for two column layout: here goes text and right img- business people*/
{
	background-image:url(../images/businessimg/presentation_header_bg.jpg);
	background-repeat:repeat-x;
	width: 1024px;
	height: 133px;
	margin-top: 0;
}
.header_title  /*header text box for internal pages*/
{	
	/*margin-top: 55px;*/
	float: left;
	width: 400px;
	height: 120px;
}
.header_title h1 /*header text style for internal pages*/
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #797676;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	padding-top: 40px;
	padding-left: 15px;
}
.header_title h2 /*header text style for internal pages*/
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #797676;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	padding-top: 40px;
	padding-left: 15px;
}
.header_picture /*img box*/
{
	background-image:url(../images/businessimg/img1.jpg);
	background-repeat: no-repeat;
	width: 462px;
	height: 133px;
	float: right;
	margin: 0;
	padding: 0;	
}
.header_picture_content
{
	visibility: hidden;
}
#wrapper_presentation
{
	background-color: #fff;
	width: 1024px;
    margin: -5px auto 0 auto;
	/*border: 1px solid #ccc;*/
	height: auto;
}
#inner_box /*general content box: for left and main box*/
{
	width: 1024px;
	margin-top: -2px;
	background-color: #fff;
	height: auto;
}

#main_contentbox /*for internal pages*/ 
{
  float: left;
  width: 828px;
  background-color: #fff;
  margin: 0 0 6px 2px;
  /*overflow: auto;*/
} 
.content_top /*round corner img is used on top of maint content box*/
{
	background-image: url(../images/buttons/main_top_roundcorner.jpg);
	background-repeat: no-repeat;
	width: 828px;
	height: 18px;
}
.description_box /*big box for content - it holds all other boxes*/
{
	width: 826px;
	background-image:url(../images/description_box_gr.jpg);
	background-repeat:repeat-x;
	height: auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#main_contentbox h1{
	font-size: 14px;
	color: #167a0f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	text-align: left;
	padding-left: 30px;
	padding-top: 9px;
}
#main_contentbox h2{
	font-size: 14px;
	color: #167a0f; /*green color*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	text-align: left;
	padding-left: 30px;
	padding-top: 9px;
}
#main_contentbox h3{
	color: #4187c6; /*blue color*/
	text-decoration: none;
	font-style: normal;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 0;
}
#main_contentbox .SurveyEditor{
	color: #4187c6; /*blue color*/
	text-decoration: none;
	font-style: normal;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 0;
}
#main_contentbox .AddCond {
	color: #167a0f; /*green color*/
	text-decoration: none;
	font-style: normal;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 0;
}
#main_contentbox p
{
	font-size: 11px;
	color: #312e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 8px 0 10px;
	line-height: 20px;
}
#main_contentbox li
{
	font-size: 11px;
	color: #312e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 8px 0 10px;
	line-height: 20px;
}
#main_contentbox blockquote
{
	font-size: 11px;
	color: #312e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 8px 0 10px;
	line-height: 20px;
}
#main_contentbox td
{
	font-size: 11px;
	color: #312e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 1px 0 1px; /* TODO check polls ???*/
	line-height: 20px;
}
#main_contentbox .blueitalic
{
	color: #4187c6; /*blue color*/
	text-decoration: none;
	font-style: normal;
	font-size: 12px;
}
#main_contentbox .green12
{
	font-size: 12px;
	color: #167a0f; /*green color*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#main_contentbox .glink
{
	font-size: 12px;
	color: #4187c6; /*blue color*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sub_descriptionbox /*used for round corner box with yellow image*/
{
	width: 817px;
	margin: 5px 4px 0 4px;
	padding: 0;
	background-color: #f6f5f5;
}
.sub_descriptionbox_top 
{
	background-image: url(../images/yellow_top.jpg);
	background-repeat:no-repeat;
	width: 817px;
	height: 14px;
}
.sub_descriptionbox_bottom
{
	background-image: url(../images/yellow_bottom.jpg);
	background-repeat: no-repeat;
	width: 817px;
	height: 13px;
	padding: 0;
	margin: 0;
}
.sub_descriptionbox_middle /*here is all the content in the round corner box*/
{
	background-color: #f6f5f5;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #b5b4b4;
	border-left-color: #b5b4b4;
	min-height: 100px;
}
#main_contentbox h5 /*title in the round corner box with yellow man & computer image*/
{
	color: #4187c6; /*blue color*/
	text-decoration: none;
	font-style: normal;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 0;
}
.successimg /*this is a class for the yellow man with a laptop*/
{
	background-image:url(../images/vector/vector_img1.jpg);
	background-repeat: no-repeat;
	width: 118px;
	height:90px;
	margin-top: 5px;
	padding-top: 0;
	margin-left: 5px;
	float: left;
}

.successimgempty /*this is a class for the img in MessageBox*/
{
	margin-top: 5px;
	padding-top: 0;
	margin-left: 5px;
	float: left;
}

.sub_descriptionbox_text
{
	font-size: 11px;
	color: #312e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin-left: 140px;
	line-height: 18px;
	width: 640px;
}
.arrow_pattern
{
	color: #4187c6; /*blue color*/
	text-decoration: none;
	font-style: normal;
	font-size: 11px;
	margin-top: 0;
}
.link_blue12
{
	font-size: 12px;
	color: #4187c6; /*blue color*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.link_green12
{
	color: #167a0f; /*green color*/
	text-decoration: none;
	font-style: normal;
	font-size: 11px;
	margin-top: 0;
}

/*Product presentation box style starts here*/
.prod_presentation /*it holds all screenshots and product description*/
{
	width: 810px;
	padding: 5px;
	margin-left: 5px;
}
#prod_presentation td
{
	font-size: 11px;
	color: #312e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0px 0 0px;
	line-height: 20px;
}
#prod_presentation img
{
	padding: 0 5px 0 5px;
}
.read_greenbutton
{
	background-image:url(../images/buttons/green_read_more_button.jpg);
	background-repeat: no-repeat;
	width: 73px;
	height: 16px;
}
.zoom /*for zoom out img*/
{
	background-image: url(../images/zoom.jpg);
	background-repeat: no-repeat;
	width: 99px;
	height: 24px;
}
.zoom_text /*used for VIEW ENLARGE*/
{
	font-size: 9px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 22px;
	font-weight: bold;
	padding: 5px;
	position: relative;
	top: -6px;
}

.zoom_align
{margin-top: -7px; height:14px;}
.zoom_align_second_row /*FOR ZOOM IMG ON 2ND ROW*/
{margin-top: 10px; height:14px;}
.screenimg
{margin-top: 20px;}

/*LEFT BOX STYLE*/
#left_box 
{
  float: left;
  width: 193px;
  background-color: #fff;

}
#left_box h1
{
  	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	margin: 0;
	text-align: center;
}
#left_box h2
{
  	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	margin: 0;
	text-align: center;
}
#left_box h4
{
  	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	margin: 0;
	text-align: center;
}
.products_box
{
	width: 190px;
  	background-color: #f6f5f5;
	border: 1px solid #b5b1b1;
	height: auto;
	margin-top:-3px;
}
.products_box_white
{
	width: 190px;
  	background-color: #ffffff;
	border: 1px solid #b5b1b1;
	height: auto;
	margin-top:-3px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.left_grayb /*left gray button*/
{
	background-image:url(../images/buttons/left_blue_box.jpg);
	background-repeat: no-repeat;
	width: 193px;
	height: 33px;

}

.products_box ul /*used for categ/products title on the left box*/
{
	text-decoration: none;
	list-style-type: none;
	padding-top: 6px;
}
.products_box li
{
	color: #312e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	padding-left: 24px;
}

.left_oriz_line /*left side ozizontal line*/
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b5b1b1;
	margin-left: -39px;
}
.last_oriz_line /*for the last row to make the line invisible and text alignment*/
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f6f5f5;
	margin-left: -39px;
}
.chat_box
{
    background-image:url(../images/buttons/chat_box.jpg);
    background-repeat: no-repeat;
	width: 192px;
	height: 90px;
	margin: 7px 0 7px 0;
}
.chat_box p
{
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	padding-top: 12px;
	padding-left: 10px;
	text-align: center;
}
.text_isidebox
{
	color: #013140;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	padding-left: 68px;
}
.signup_box
{
    background-image:url(../images/buttons/signup_box.jpg);
    background-repeat: no-repeat;
	width: 193px;
	height: 101px;
}
.signup_box p
{
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
}
.text_iside_signup_box
{
	color: #056402;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	text-align: center;
	line-height: 14px;
	margin-top: -4px;
}
.text_iside_signup_box em
{
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	font-style: normal;
	font-weight: bold;
}
.signup_button
{
	background-image:url(../images/buttons/signup_button.jpg);
	background-repeat: no-repeat;
	width: 80px;
	height: 20px;
	margin-left: 90px; 
	margin-top: 8px;
}
.button_text
{
	color: #605e5e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	text-align: center;
	padding-top: 4px;
}
.online_button
{
	background-image:url(../images/buttons/online_button.jpg);
	background-repeat: no-repeat;
	width: 82px;
	height: 23px;
	margin-left: 88px; 
	margin-top: 8px;
}

.online_text
{
	color: #605e5e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	text-align: center;
	padding-top: 4px;
}
/*PRESENTATION PAGE VERSION2 - WITH SMALL ROUND CORNER BOXES*/

#presentation_roundcorner_box /*general round corner box*/
{
	width: 266px;
	padding: 0;
	background-color: #efefef;
	margin:3px 4px 4px 0;
}
#presentation_roundcorner_box h1 /*general round corner box*/
{
	color: #167a0f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	margin-left: 20px;
	font-weight:normal;
}
#presentation_roundcorner_box h2 /*general round corner box*/
{
	color: #167a0f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	margin-left: 20px;
	font-weight:normal;
}
#presentation_roundcorner_box h4 /*general round corner box*/
{
	color: #167a0f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	margin-left: 20px;
	font-weight:normal;
}
.presetnation_readmore /*round corner box READ MORE on presentation2 page*/
{
	color: #4187c6; /*blue color*/
	text-decoration: none;
	font-style: normal;
	font-size: 10px;
	margin-top: 0;
	padding: 5px 2px;
	margin-left: 160px;
}
.presentation_roundcorner_box_text /*general round corner box*/
{
	color: #312e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	padding: 0 0 3px 5px;
	line-height: 14px;
}	
.presentation_roundcorner_box_top 
{
	background-image:url(../images/presentation_roundcorner_top.jpg);
	background-repeat:no-repeat;
	width: 266px;
	height: 15px;
}
.presentation_roundcorner_box__bottom
{
	background-image:url(../images/presentation_roundcorner_bottom.jpg);
	background-repeat: no-repeat;
	width: 266px;
	height: 11px;
	padding: 0;
	margin: 0;
}
.presentation_roundcorner_box__middle /*here is all the content in the round corner box*/
{
	background-color: #efefef;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #bab6b6;
	border-left-color: #bab6b6;
	height: auto;
	width: 264px;
}
/*.circle
{
	background-image: url(../images/22x22round_cercle.jpg);
	background-repeat: no-repeat;
	width: 24px;
	height: 25px;
	position: absolute;
	margin-left: 19px;
	margin-top: -14px!important;
	z-index: auto;
}*/
.circle_text
{
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	text-align: center;
	padding-top: 3px;
}
.second_row /*SECOND ROW ALIGNMENT*/
{
	margin-top: -3px;
}
.more_info ul 
{
	list-style-position: outside;
	line-height: 18px;
	list-style-type: disc;
}
.more_info li
{
	font-size: 11px;
	color: #312e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	line-height: 18px;
}