* { border:none; }
@charset "utf-8";
/*   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctor.com/html-5-reset-stylesheet/*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

img {border: none; }
/* END RESET CSS */


#wrap {width:298px; margin: 0 auto;  
 background:#fff;}
#clr {clear:both; }

#left {width:360px; margin:0px auto 100px;  }

#right {width:579px; float:right; overflow:visible; margin:20px auto; height: auto; padding: 50px 40px 20px 0; color:#6d6d6d;
font-size:20px; line-height:24px; font-family:Calibri, "Helvetica Neue", Helvetica, sans-serif; }


ul.arrow { margin: 75px auto 100px; padding-left: 0;!important; border-style:none !important;}
/*ul.arrow li { background:url(//www.websocialfilesonline.com/PM/images/ul_arrow.png) no-repeat 0 10px; padding:18px 0 20px 50px; margin-bottom:10px;  height:auto; width: 360px;}*/



ul.arrow2 { padding-left: 0;!important; border-style:none !important;}
ul.arrow2 li { padding:5px 0 5px 10px; margin-bottom:10px;  height:auto; width: 360px; color:#4e98cf;
list-style-image:url(//www.websocialfilesonline.com/PM/images/ul_arrow.png);
margin-left: 40px;
}


#left p.secondary, #right p.secondary { font-size:20px; color:#4e98cf; line-height:24px; font-family:Calibri, "Helvetica Neue", Helvetica, sans-serif}



#contact{
position:relative;
width:360px;
z-index:100;

}
#contact p { margin-top:0px;
margin-bottom: 5px;}

#contact h1 { color: #4e98cf; letter-spacing:1.98px; margin:0; padding-left: 0px; margin-bottom: 38px;
font-size:23px;
line-height: 5px;}
.title  { font-size:14px; color:#686868; line-height: .1; font-weight:bold; font-family:"Helvetica Neue", Helvetica, sans-serif;  }


/* form style */

/* fallback placeholder */
.placeholder {
	color: #4e98cf;
}
/* webkit placeholder */
::-webkit-input-placeholder {
	color: #4e98cf;
}
/* moz placeholder */
:-moz-placeholder {
	color:#4e98cf;
}

/* select span class */

select { margin: 10px 0; padding:20px; background:transparent;} 

.style-selected select {
	 background: transparent;
width:157px !important;
padding:2px 2px;
   font-size: 14px;
 border:1px solid #4E98CF !important;
   height: 30px;
   margin-top: 0px;
	}
	
.style-selected {
/*    background: url(//www.websocialfilesonline.com/PM/images/bg_select3-small.png) no-repeat  right transparent;
    width:  255px !important;
   height: 60px;*/
   overflow: hidden !important;
   border:none;
   margin:0;
   padding-left: 0px;
	}
	
	
	input#phone, input#company { border:1px solid #4E98CF !important;
}
	
input:invalid, textarea:invalid {

 border:1px solid #4E98CF !important;
 border-style:solid;
}
	
	
	input {

 border:1px solid #4E98CF !important;
 border-style:solid;
}
	
	
/** remove the red glow around required fields since we are already using the red star */
input:required, textarea:required, select:required {
 border:1px solid #4E98CF !important;
 border-style:solid;

}
/** inputs and textarea**/
 TD.field * INPUT {
border:1px solid #4E98CF !important;
 border-style:solid;
}
input:not([type="submit"]),
textarea, select{
height:10px;
outline:none;
display:block;
width:150px !important;
padding:2px 2px;
color:#3F3F3F;
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size:14px;

border:1px thin #4e98cf !important;

}


input:not([type="submit"]):active,
textarea:active,
input:not([type="submit"]):focus,
textarea:focus{
background:#F7F7F7;
border:1px thin #4e98cf !important;
-webkit-box-shadow: 0px 1px 0px 1px rgba(34, 90, 158, .95);
-moz-box-shadow: 0px 1px 0px 1px rgba(34, 90, 158, .95);
box-shadow: 0px 1px 0px 1px rgba(34, 90, 158, .95); 

}
input:not([type="submit"]){
height: 20px;
}
textarea{
min-height:150px;
resize:vertical
}
/* placeholder */
-webkit-input-placeholder  {
color:#4e98cf;
font-style:normal;

}
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder{
color:#4e98cf;

}

/**  the send buttons **/
 
input[type=submit]:hover.trial,input[type=submit]:hover.tour{
color:#FFF;
border-color: #dfdfdf;
background: linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%);
box-shadow:0px 1px 1px #FFF inset,
0 0 0px 5px #dfdfdf;
font-weight:bold;
letter-spacing:1px;
}
 
 
input[type=submit]:active,
input[type=submit]:focus{
position:relative;
top:1px;
color:#FFF;
background: linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%);
box-shadow:0px -1px 1px #FFF inset,
0 0 0px 5px #dfdfdf;
}

input[type=submit].trial {

background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff9719 51%, #ff7f04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff9719), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff9719 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff9719 51%,#ff7f04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff9719 51%,#ff7f04 100%); /* IE10+ */
background: linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff9719 51%,#ff7f04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
	font-family:"Helvetica Neue", Helvetica, sans-serif; font-size:18px; color:#fff; 
	cursor:pointer;
	height: 30px;
width: 145px;
	margin-left: 10px;
	margin-top: 20px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow:none ;
-moz-box-shadow: none;
box-shadow: none;
border:none; 
margin-right:5px;

  }
  

  
  input[type=submit].tour   {
	  	font-family:"Helvetica Neue", Helvetica, sans-serif; font-size:18px; color:#fff; 
	cursor:pointer;
	height:40px;
	width:175px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow:none ;
-moz-box-shadow: none;
box-shadow: none;
border:none;

background: #418cc5; /* Old browsers */
background: -moz-linear-gradient(top, #418cc5 0%, #3a6fa5 50%, #2767a8 51%, #143685 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#418cc5), color-stop(50%,#3a6fa5), color-stop(51%,#2767a8), color-stop(100%,#143685)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #418cc5 0%,#3a6fa5 50%,#2767a8 51%,#143685 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #418cc5 0%,#3a6fa5 50%,#2767a8 51%,#143685 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #418cc5 0%,#3a6fa5 50%,#2767a8 51%,#143685 100%); /* IE10+ */
background: linear-gradient(top, #418cc5 0%,#3a6fa5 50%,#2767a8 51%,#143685 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#418cc5', endColorstr='#143685',GradientType=0 ); /* IE6-9 */  } 
 
 
 label{
color:#7F7E7E;
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
transition: color 1s ease;
}
label:hover{
color:#191919;
}
label:before{
color:#C1BFBD;
transition: color 1s ease;
}
label:hover:before{
color:#969696;
transition: color 1s ease;
}
 
/*p{
margin-bottom:20px;
}*/
.indication{
color:#878787;
font-size:12px;
font-style:italic;
text-align:right;
padding-right:10px;
}
.required{
color:#E5224C;
}