/*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/
*/


body 
{
	height: 100%;
	margin: 0px;
    padding: 0px;
	background-color: #fff;
	color:#333333;
    font-family: Verdana;
}
#top /*gray top header*/
{
	background-image:url(../images/top_gr.jpg);/*gray top header*/
	background-repeat: repeat-x;
	width: 100%;
	height: 100px;
}
#blue_top
{
	background-image:url(../images/header_blue_gr.jpg);/*top blue  header*/
	background-repeat: repeat-x;
	width: 100%;
	height: 100px;
	margin-bottom: -4px;/*for the gap between top header and navigation*/
}
.inner_top /*general box for logo & login*/
{
	width: 1024px;
	margin: 0 auto;
	margin-top: 0;
}
.logo /*Logo on gray bg*/
{
	background-image:url(../images/logo.jpg);
	width: 267px;
	height: 72px;
	float:left;
	margin-left: 0;
	margin-top: 5px;
}
.logo_bluegr /*Logo on blue bg*/
{
	background-image:url(../images/logo_esurveyspro.jpg);
	width: 267px;
	height: 72px;
	float:left;
	margin-left: 0;
	margin-top: 5px;
}

div#logo_bluegr a
{
	width: 267px;
	height: 72px;
	display:block;
}

#login
{
	float: right;
	width: 420px;
	height: 90px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #514f4f;
}
.login_left
{
	width: 180px;
	margin-top: 1px;
	float: left;
}
.login_left em 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #514f4f;
	display: inline;
	line-height: 20px;
	font-style: normal;
}
.login_left em a
{
	color: #514f4f;
	display: inline;
	font-style: normal;
}
.login_left em a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #706c6c;
	display: inline;
	line-height: 20px;
}
#login p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #514f4f;
	display: inline;
	line-height: 20px;
}
.login_validation
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	display: inline;
	padding-top: 0px;
	margin-top: 0px;
}
.login_title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 12px;
	font-weight: bold;
}
.login_title_left
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 12px;
	font-weight: bold;
	float: left;
	width: 180px;
}
.login_title_right
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 14px;
	float: right;
	color: #FF0000;
}
.login_right
{
	width: 240px;
	margin-top: 1px;
	margin-right: 0;
	float: right;
}
.login_right em 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #514f4f;
	display: inline;
	line-height: 20px;
	font-style: normal;
}
.login_right em a
{
	color: #514f4f;
	display: inline;
	font-style: normal;
	text-decoration: none;
}
.login_right em a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #706c6c;
	display: inline;
	line-height: 20px;
}
input
{
      margin: 0px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #333333;
}
input[type=text]
{
	margin: 0px;
	border: 1px solid #787878;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
input[type=password]
{
	margin: 0px;
	border: 1px solid #787878;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
input[type=file]
{
	margin: 0px;
	border: 1px solid #787878;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
textarea
{
	margin: 0px;
	border: 1px solid #787878;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
select
{
	margin: 0px;
	border: 1px solid #787878;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.login_btn
{
	background-image:url(../images/login_btn.jpg);
	background-repeat: no-repeat;
	width: 57px;
	height: 21px;
	margin-top: -21px;
	margin-left: 181px;
}
.outer_container
{
	width: 1026px;
	height: auto;
	margin: 0 auto;
}
#wrapper
{
	background-color: #fff;
	width: 1024px;
    margin: -1px auto 0 auto;
	/*border: 1px solid #ccc;*/
	height: auto;
	/*float:left;
	position: absolute;*/
}
	
#header /*header for gray top box*/
{
	background-image: url(../images/header_bluegradient.jpg);
	background-repeat:repeat-x;
	width: 1024px;
	height: 280px;
	margin-top: 0;
}
#header_blue /*header for gray top box*/
{
	background-image: url(../images/header_gr.jpg);
	background-repeat:repeat-x;
	width: 1024px;
	height: 280px;
	margin-top: -3px;
}
.header_text  /*text box*/
{	
	margin-top: 55px;
	float: left;
	width: 365px;
	height: 218px;
}
.header_text h4
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #797676;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
}
.header_shots /*img box*/
{
	background-image: url(../images/header_screenshots.jpg);
	background-repeat: no-repeat;
	width: 648px;
	height: 276px;
	float: right;
	margin: 0;
	padding: 0;	
}
.header_shots_content
{
	visibility: hidden;
}
#navigation/*menu & submneu total box*/
{
	width: 1024px;
	height: 64px;
	margin-bottom: 2px;
	margin-top: 1px;
	padding: 0;
}
#menu
{
	width: 1024px;
	height: 38px;
	margin-top: 1px;
}

/*content boxes FIRST ROW starts here-------------------------------------------------------------------*/

#container
{
	width: 99.6%;
	margin-top: -1px;
	background-color: #fff;
	float: left;
	height: auto;
	border: 1px solid #ccc;
	padding-left: 2px;
}
	
.boxwrapper
{
	float: left;
	width: 253px;
	margin-right: 1px;
}
.box_title 
{
	background-image:url(../images/title_gradient.jpg);
	background-repeat: repeat-x;
	width: 253px;
	height: 36px;
	margin-top : 0;
}
.boxmiddle
{
	background-repeat: repeat-x;
	width: 253px;
	/*height: 194px; - if needed fixed box height*/
	margin: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e0e0e0;
}
.boxmiddle p /*content boxes text*/
{
	font-size: 11px;
	color: #312e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 8px 0 10px;
	line-height: 20px;
}

.boxmiddle em 
{
	color: #4187c6;
	text-decoration: none;
	font-style: normal;
	line-height: 12px;
}

h4{
	font-size: 12px;
	color: #167a0f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0;
	text-align: center;
	padding-top: 9px;
}
.title_text/*USED FOR CUSTOMER TITLE BOX - second row*/
{
	font-size: 12px;
	color: #167a0f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 8px;
	line-height: 20px;
	text-align: center;
	
}
.box_middle_bottom /*bottom gradient for the boxes in firs row*/
{
	background-image:url(../images/box_middle_gradient.jpg);
	background-repeat: repeat-x;
	width: 253px;
	height: 33px;
	/*margin: 0;*/
}
.last_boxmiddle_bottom /*bottom gradient for the boxes in firs row*/
{
	background-image:url(../images/box_middle_gradient.jpg);
	background-repeat: repeat-x;
	width: 253px;
	height: 33px;
	/*margin: 0;*/
}
.last_boxmiddle /*for the last box on first row - "Support" - no right border*/
{
	width: 253px;
	margin: 0;
	text-decoration: none;
}
.last_boxmiddle p /*for the last box on first row - "Support" - no right border*/
{
	font-size: 11px;
	color: #312e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 9px 8px 0 10px;
	line-height: 20px;
	text-decoration: none;
}

.last_boxmiddle b /*for the last box on first row - "Support" - no right border*/
{
	color: #4187c6; /*blue color*/
}

.last_boxmiddle em /*for the last box on first row - "Support" - no right border*/
{
	color: #4187c6;
	text-decoration: none;
	font-style: normal;
	line-height: 12px;
}


/*content boxes FIRST ROW ends here-------------------------------------------------------------------*/

#customers_row
{
	width: 100%;
	margin-top: 3px;
	background-color: #fff;
	float: left;
	height: auto;
}
.customers_boxwrapper
{
	width: 339px;
	float: left;
	background-color: #fff;
	margin-bottom: 10px;
	margin-right: 3px;
}
.last_customers_boxwrapper /*for the last box*/
{
	width: 339px;
	float: left;
	background-color: #fff;
	margin-bottom: 10px;
	margin-right: 0;
}
.customers_title 
{
	background-image:url(../images/customer_row_title.jpg);
	background-repeat: no-repeat;
	width: 339px;
	height: 36px;
	margin: 0;
	padding:0;
}

.white_title /*title for customer box*/
{
	background-image:url(../images/white_rowndcorner_title.jpg);
	background-repeat: no-repeat;
	width: 339px;
	height: 36px;
	margin: 0;
	padding:0;
}
.customers_middle
{
	width: 337px;
	margin: 0;
	padding: 0;
	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;
}
.customers_middle p /*content boxes text*/
{
	font-size: 11px;
	color: #312e2e;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 8px 0 10px;
	padding-top: 8px;
	line-height: 20px;
}

.customers_middle em 
{
	color: #4187c6;
	/*text-decoration: underline;*/
	font-style: normal;
	line-height: 12px;
}
h5 /*for tips & triks box*/
{
	color: #4187c6;
	text-decoration: none;
	font-style: normal;
	font-size: 12px;
	margin-left: 15px;
}


.customers_img /*logo imgades*/
{
	padding: 9px 5px 15px 9px;
}
/*FOOTER */

#footer
{
	background-color: #eaeaea;
	height: 60px;
	width: 1024px;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 25px;
	clear: both;/*for FireWorks - id didn't show the bg*/
}

#footer p
{
	font-size: 10px;
	color: #5f5959;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#footer em /*for copyright*/
{
	font-size: 10px;
	color: #4c4444;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: normal;
	line-height: 16px;
}

.heading 
{
	font: normal 80%/130% "Arial Unicode MS", Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	line-height: 1em;
	font-size: 20px;
}
.innercontent 
{
	font: normal 80%/130% "Arial Unicode MS", Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	line-height: 22px;	
	width: 500px;
}

.part1, .part2, .part3 {display:block; overflow:hidden;height:1px;font-size:1px;}
.part2, .part3 {border-width:0 1px;}
.part1 {margin:0 3px;}
.part2 {margin:0 2px;}
.part3 {margin:0 1px;}
.MsgBox {background: transparent; margin:0px;}
.MsgBoxTitle {color:#000; border-bottom:1px solid #9fc99c;font-weight:bold;font-size:14px;padding-left:5px;Margin-bottom:4px;}
.MsgBox .part1, .MsgBox .part2, .MsgBox .part3{background-color:#f3fdf2;}
.MsgBox .part1, .MsgBox .part2{height:1px;}
.MsgBoxContent, .MsgBox .part2, .MsgBox .part3{border-left:1px solid #9fc99c; border-right:1px solid #9fc99c;}
.MsgBox .part1,.MsgBox .p4_B1{background:#9fc99c;}
.MsgBoxContent {Padding:5px;background-color:#f3fdf2;Color:#000;text-align:left;}

.MsgBoxText a
{
	color: #4187c6; /*blue color*/
	text-decoration: none;
	font-size: 11px;
}
.MsgBoxText a:hover
{
	color: #e68112; /*blue color*/
	text-decoration: none;
	font-size: 11px;
	text-decoration: underline;
}

.MsgBoxText
{
	font-size: 11px;
	color: #312e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.MsgBoxTextSmall
{
	font-size: 11px;
	color: #312e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.black12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.black12bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight:bold;
}
.blue12bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4187c6;
	font-weight:bold;
}
.blue12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4187c6; /*blue color*/
}
#green_box .red12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000; /*red color*/
}
#green_box span.green12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #167a0f; /*green color*/
}
#righttoplink 
{
	float:right; padding-right: 40px; padding-bottom: 20px
}
#righttoplink a
{
	color: #4187c6; /*blue color*/
	text-decoration: none;
	font-size: 11px;
}
#righttoplink a:hover
{
	color: #e68112; /*blue color*/
	text-decoration: none;
	font-size: 11px;
	text-decoration: underline;
}
#lefttoplink 
{
	float:left; padding-left: 40px; padding-bottom: 20px
}
#lefttoplink a
{
	color: #4187c6; /*blue color*/
	text-decoration: none;
	font-size: 11px;
}
#lefttoplink a:hover
{
	color: #e68112; /*blue color*/
	text-decoration: none;
	font-size: 11px;
	text-decoration: underline;
}

.lnk 
{
	font-size: 0px;
	color: #eaeaea;
}