/*------------------------------------------------------------------------------------
COLORS

Black				#000000
Text Gray			#666666
Dark Blue			#19144E
Medium Blue			#1B2C80
Light Blue			#0079C5
Red					#E9141B
Yellow				#F7C702

------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------
	@group Global Reset
------------------------------------------------------------------------------------*/
* {
	padding:0;
	margin:0;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.access{ display:none; } /* For accessibility related elements */
.clear{ clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden; }
a{ outline:none; }
a img{ border:none; }

.clearfix:after {
	  content: ".";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden;}

* html .clearfix {height: 1%;}
.clearfix {display:inline-block;}
.clearfix {display: block;}


/*------------------------------------------------------------------------------------
	@group Basic Layout
------------------------------------------------------------------------------------*/
body{
	font-family:"ITC Eras", tahoma, arial, sans-serif;
	font-size:13px;
	line-height:1.4;
	color:#666;
	background:url(../img/top_bar.gif) 0 0 repeat-x #fff;}

#wrapper{
	margin:0 auto;
	width:800px;}

#footer {
	padding-bottom:30px;}

img.portrait{
	float:right;
	border:2px solid #cecece;
	margin:0 0 10px 8px;}

table {
	text-align:right;
	width:650px;}

table.reports {
	text-align:left;}

table td, table th {
	padding:5px;
	border-bottom:solid 1px #efefef;
	width:150px;
	vertical-align:top;}

table th {
	background:#efefef;}

table td.country, table th.country {
	text-align:left;
	width:50px;}

table.reports td.report {
	width:250px;}


/*------------------------------------------------------------------------------------
	@group Type
------------------------------------------------------------------------------------*/
a{
	color:#1B2C80;
	text-decoration:none;}

a:visited{
	color:#1B2C80;}

a:hover{
	color:#0079C5;
	text-decoration:underline;}

p, table {
	font-family:tahoma, arial, sans-serif;}

p.overview{
	font-size:20px;
	letter-spacing:-0.3px;
	text-align:center;
	color:#999;}


h1{
	margin:18px 0 0 0;
	font-size:36px;
	font-weight:bold;
	color:#000;}


h2{
	font-size:18px;
	font-weight:normal;
	color:#000;}


blockquote{
	margin:20px 0;
	padding:15px 15px;
	color:#000;
	background:#f1f1f1;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;}

blockquote p{
	margin:0;
	padding:0 0 0;
	font-size:18px;
	font-style:italic;
	color:#666;}

blockquote cite{
	margin:0;
	display:block;
	font-weight:bold;
	font-size:11px;
	font-style:normal;
	text-align:right;}


p.headingdesc{
	margin:0 0 28px 0;
	font-size:16px;
	font-style:italic;}


strong.highlight{
	padding:0;
	font-weight:normal;
	color:#000;
	background:#faffa0;}


.rule{
	margin:20px 0;
	height:0px;
	font-size:0px;
	line-height:0;
	border-bottom:1px solid #ddd;}


/*------------------------------------------------------------------------------------
	@group states
------------------------------------------------------------------------------------*/
.hidden {
	display: none;}

/*------------------------------------------------------------------------------------
	@group Header
------------------------------------------------------------------------------------*/
#header{
	margin:30px 0 20px 0;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;}

#header:after {
	  content: ".";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden;}

* html #header {height: 1%;}
#header {display:inline-block;}
#header {display: block;}

h2#logo{
	float:left;
	margin:0;}

h2#logo a{
	display:block;
	width:280px;
	height:100px;
	text-indent:-9999px;
	background:url(../img/logo-frontier.png) 0 0 no-repeat;
	text-decoration:none;}

.home h2#logo a{
	height:124px;
	background-image:url(../img/logo-frontier-sokrat.png);}

#header .calltoaction{
	float:right;
	margin-top:7px;}

.calltoaction a.trybutton{
	display:block;
	width:141px;
	height:40px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/btn_tryfree.gif) 0 0 no-repeat;}

.calltoaction a.trybutton:hover{ background-position:0 -40px; }
.calltoaction a.learnbutton{
	display:block;
	width:151px;
	height:40px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/btn_learnmore.gif) 0 0 no-repeat;}

.calltoaction a.learnbutton:hover{ background-position:0 -40px; }
.calltoaction a.seeitbutton{
	display:block;
	width:175px;
	height:40px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/btn_seeitinaction.gif) 0 0 no-repeat;}

.calltoaction a.seeitbutton:hover{ background-position:0 -40px; }

ul#nav {
	margin:20px 0 0 0;
	float:right;
	font-weight:bold;}

ul#nav li {
	list-style-type:none;
	margin:0 15px 0 0;
	display:inline;}

ul#nav li a {
	text-transform:uppercase;}

.home ul#nav li a.nav-home, .countries ul#nav li a.nav-countries, .reports ul#nav li a.nav-reports, .team ul#nav li a.nav-team, .contact ul#nav li a.nav-contact {
	color:#999;
	text-decoration:none;}


/*------------------------------------------------------------------------------------
	@group Subnav
------------------------------------------------------------------------------------*/
.subnav{
	margin:-10px 0 0 0;
	padding:0 0 10px 0;
	text-align:center;
	border-bottom:1px solid #ddd;}

.subnav a{
	color:#666;}

.subnav a.selected{
	color:#000;
	text-decoration:none;}

.subnav span.sep{
	display:inline-block;
	width:13px;
	padding:0 5px;
	text-indent:-9999px;
	background:url(../img/subnav_arrow.gif) 50% 50% no-repeat;}


/* @end */

/*------------------------------------------------------------------------------------
	@group Forms
------------------------------------------------------------------------------------*/

dl.form{
	margin:15px 0;
	padding:5px 0;}

dl.form dt{
	margin:0;
	color:#999;
	font-size:12px;
	font-weight:bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

dl.form dd{
	margin:5px 0 0;}

dl.form dd.hint{
	margin-top:5px;
	font-size:11px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#666;}


input.textfield{
	width:415px;
	padding:5px 10px;
	font-size:24px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#fff;
	color:#333;
	border:1px solid #ccc;
	border-right-color:#eee;
	border-bottom-color:#eee;}


.domain-note{
	display:block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#000;
	font-size:11px;}

.domain-note.invalid{
	color:#cc0000;}

.domain-note.valid{
	color:#009900;}


.btn-step2{
	display:inline-block;
	width:159px;
	height:33px;
	text-indent:-9999px;
	border:none;
	background:url(../img/btn_continue2.gif) 0 0 no-repeat;
	cursor:pointer;}

.btn-step2:hover{ background-position:0 -33px; }
.btn-step3{
	display:inline-block;
	width:159px;
	height:33px;
	text-indent:-9999px;
	border:none;
	background:url(../img/btn_continue3.gif) 0 0 no-repeat;
	cursor:pointer;}

.btn-step3:hover{ background-position:0 -33px; }
.btn-finish{
	display:inline-block;
	width:79px;
	height:33px;
	text-indent:-9999px;
	border:none;
	background:url(../img/btn_finish.gif) 0 0 no-repeat;
	cursor:pointer;}

.btn-finish:hover{ background-position:0 -33px; }
.btn-createtender{
	display:inline-block;
	width:435px;
	height:48px;
	text-indent:-9999px;
	border:none;
	background:url(../img/btn_createtender.gif) 0 0 no-repeat;
	cursor:pointer;}

.btn-createtender:hover{ background-position:0 -48px; }

/* @end */

/*------------------------------------------------------------------------------------
	@group Features (Highlights on Main Page)
------------------------------------------------------------------------------------*/

#features{
	line-height:0px;
	font-size:0px;}


/* @end */

/*------------------------------------------------------------------------------------
	@group Content Styling
------------------------------------------------------------------------------------*/

#content .calltoaction{
	margin:20px 0 20px 0;
	height:47px;
	line-height:47px;}

.calltoaction a.plansbutton{
	float:left;
	margin-right:15px;
	width:319px;
	height:47px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/btn_seeplans.gif) 0 0 no-repeat;}

.calltoaction a.plansbutton:hover{
	background-position:0 -47px;}


p.signup-call{
	margin-top:0;}

.signup-call a{
	display:block;
	height:52px;
	text-indent:-9999px;
	text-decoration:none;
	cursor:pointer;
	background:url(../img/btn_signupcall.gif) 0 0 no-repeat;}

.signup-call a:hover{
	background-position:0 -52px;}


p.signup-call-sm{
	margin:0;}

.signup-call-sm a{
	display:block;
	height:52px;
	text-indent:-9999px;
	text-decoration:none;
	cursor:pointer;
	background:url(../img/btn_signupcall-sm.gif) 0 0 no-repeat;}

.signup-call-sm a:hover{
	background-position:0 -52px;}


p.tour-call-sm{
	margin:0;}

.tour-call-sm a{
	display:block;
	height:52px;
	text-indent:-9999px;
	text-decoration:none;
	cursor:pointer;
	background:url(../img/btn_tourcall-sm.gif) 0 0 no-repeat;}

.tour-call-sm a:hover{
	background-position:0 -52px;}


.columns{
	border:1px solid #dfdfdf;
	border-left:none;
	border-right:none;
	background:url(../img/column_separator.gif) 50% 0 repeat-y;}

.columns.invisible{
	border:none;
	background:transparent;}

.columns:after {
	  content: ".";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden;}

* html .columns {height: 1%;}
.columns {display:inline-block;}
.columns {display: block;}

.columns .column{
	float:left;
	width:380px;}

.columns .last{
	float:right;}


.highlight h2{
	margin-bottom:5px;}

.highlight p{
	margin:0 0 25px 0;}


ul.highlights {
	width:840px;
	margin:25px 0 -30px 0;
	margin-left:-40px;}

ul.highlights li {
	list-style-type:none;
	width:335px;
	float:left;
	margin:0 0 25px 40px;
	padding-left:25px;
	background-position:0 5px;
	background-repeat:no-repeat;}

ul.highlights h2 {
	margin-top:0;
	margin-bottom:2px;
	font-size:16px;}

ul.highlights h3 {
	margin-top:0;
	margin-bottom:2px;
	font-size:13px;}

ul.highlights p {
	margin-top:0;
	font-size:13px;}

ul.highlights li.highlight-indexes {
	clear:both;}

ul.highlights li ul li {
	list-style-type:disc;
	line-height:1.5;
	margin:0 0 0px 40px;
	padding-left:10px;}

.highlight-email{ background-image:url(../img/icon-email_highlight.gif); }
.highlight-knowledgebase{ background-image:url(../img/icon-knowledgebase_highlight.gif); }
.highlight-lighthouse{ background-image:url(../img/icon-lighthouse_highlight.gif); }
.highlight-discussions{ background-image:url(../img/icon-discussions_highlight.gif); }
.highlight-noinstall{ background-image:url(../img/icon-cloud_highlight.gif); }
.highlight-twitter{ background-image:url(../img/icon-twitter_highlight.gif); }

.screencast{
	margin:1em 0 2em 0;
	padding:1px;
	background:#fff;
	border:1px solid #eee;
	line-height:1px;}


p.go{
	text-align:right;
	font-size:11px;
	text-transform:uppercase;}


ul.actions li{
	list-style-type:none;}


a.destroy{
	color:#990000;}


/* @end */

/*------------------------------------------------------------------------------------
	@group ENTP
------------------------------------------------------------------------------------*/

.entp{
	margin-bottom:20px;
	height:49px;
	font-size:12px;
	color:#999;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}


.entp h3{
	margin:0 15px 0 0;
	float:left;}

.entp h3 a{
	display:block;
	width:93px;
	height:49px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/entp_logo.gif) 0 0 no-repeat;}

.entp p{
	padding-top:6px;}


/* @end */

/*------------------------------------------------------------------------------------
	@group MiniTour
------------------------------------------------------------------------------------*/

ul.minitour{
	width:728px;
	margin:30px auto;
	height:104px;}

ul.minitour li{
	list-style-type:none;
	margin:0 15px;
	float:left;}

ul.minitour li a{
	display:block;
	width:148px;
	height:100px;
	padding:1px 3px 3px 1px;
	background:url(../img/imgthumb_back.gif) 0 0 no-repeat;}


/*------------------------------------------------------------------------------------
	@group Tour Page Styles
------------------------------------------------------------------------------------*/

ol.bigfeatures{
	margin:15px auto 39px auto;
	margin-left:20px;
	/*width:700px;*/}

ol.bigfeatures li{
	list-style-type:disc;
	margin:10px 0;}

ol.bigfeatures h3{
	margin:0;
	font-size:18px;
	font-weight:normal;}

ol.bigfeatures p{
	margin-top:3px;}

ul li {
	margin-bottom:5px;}

ul.bottomnav{
	margin:20px 0 -5px 0;
	padding-top:14px;
	height:18px;
	border-top:1px solid #ddd;}

ul.bottomnav li{
	list-style-type:none;
	margin:0;}

ul.bottomnav li.first{
	float:left;}

ul.bottomnav li.last{
	float:right;}


ul.bottomnav a:hover{
	color:#000;}

ul.bottomnav a.next{
	display:inline-block;
	padding-right:20px;
	background:url(../img/next_arrow.gif) 100% 5px no-repeat;}

ul.bottomnav a.next:hover{
	background-position:100% -15px;}

ul.bottomnav a.prev{
	display:inline-block;
	padding-left:20px;
	background:url(../img/prev_arrow.gif) 0 5px no-repeat;}

ul.bottomnav a.prev:hover{
	background-position:0 -15px;}


.screenshot{
	margin:15px auto;
	padding:0 3px 3px 0;
	font-size:1px;
	line-height:1px;
	background:url(../img/tour/screenshots/shadow.gif) 100% 100% no-repeat;}

.screenshot .img{
	padding:25px 0;
	text-align:center;
	border:1px solid #cecece;
	border-right:none;
	border-bottom:none;}

.tight-screenshot .img{
	padding:10px 0;}


.tour h2{
	margin-bottom:-6px;}


/* @end */

/*------------------------------------------------------------------------------------
	@group Feature List
------------------------------------------------------------------------------------*/

ul.featurelist{
	margin:15px 0;}

ul.featurelist li{
	list-style-type:none;
	margin:15px 0;}

ul.featurelist>li:after {
	  content: ".";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden;}

* html ul.featurelist>li {height: 1%;}
ul.featurelist>li {display:inline-block;}
ul.featurelist>li {display: block;}

ul.featurelist li li{
	list-style-type:disc;
	float:left;
	margin:5px 0 5px 2%;
	width:43%;
	padding:0 5% 0 0;
	font-size:12px;
	color:#333;}

ul.featurelist h3{
	margin:25px 0 0 0;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
	font-size:16px;
	font-weight:normal;
	color:#000;}


/* @end */



/*------------------------------------------------------------------------------------
	@group Plan Page Styles
------------------------------------------------------------------------------------*/

.plans{
	margin:15px 0 15px 0;
	padding-top:15px;
	border-top:1px solid #dfdfdf;}

.plans:after {
	  content: ".";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden;}

* html .plans {height: 1%;}
.plans {display:inline-block;}
.plans {display: block;}

.plans .plan{
	position:relative;
	float:left;
	width:195px;
	height:237px;
	margin-left:7px;
	display:inline;
	border:6px solid #000;
	border-left:none;
	border-right:none;}

.plans .basic{
	margin-left:0;}


.plans .plan h2{
	margin:0;}

.plans .plan h2 a{
	opacity:.85;
	display:block;
	width:195px;
	height:86px;
	text-indent:-9999px;}

.plans .plan h2 a:hover { opacity:1; }

.plans .basic{
	width:194px;
	background-color:#f6f6f6;
	border-color:#ededed;}

.plans .basic h2 a{
	width:194px;
	background:url(../img/plan_basic.gif) 50% 50% no-repeat;}

.plans .plus{
	background-color:#e6f7ff;
	border-color:#ccefff;}

.plans .plus h2 a{
	background:url(../img/plan_plus.gif) 50% 50% no-repeat;}

.plans .premium{
	background-color:#f3f9e6;
	border-color:#e6f2cc;}

.plans .premium h2 a{
	background:url(../img/plan_premium.gif) 50% 50% no-repeat;}

.plans .max { background-color:#FFF0D6; border-color:#F9E5C3; }
.plans .max h2 a { background:url(../img/plan_max.gif) 50% 50% no-repeat; }

.plan ul{
	margin:0;}

.plan ul li{
	list-style-type:none;
	margin:0 0 6px;
	font-style:italic;
	font-size:14px;
	color:#333;
	text-align:center;}

.plan ul li strong{
	font-style:normal;
	color:#000;
	font-size:16px;}


.plan p.getstarted{
	position:absolute;
	bottom:-35px;
	margin:0;
	width:100%;
	text-align:center;
	text-transform:uppercase;}


.plan p.topnote{
	position:absolute;
	top:-45px;
	margin:0;
	width:100%;
	text-align:center;
	font-size:12px;
	color:#000;}


.columns.plans-highlights { background-image:none; }
.plans-highlights .highlight{
	padding-left:0;}


p.plannote{
	margin:0;
	padding:6px 10px 15px;
	font-style:italic;}

p.plannote strong{ color:#000; }

.trial-notice{
	padding:5px 15px;
	border-bottom:1px solid #dfdfdf;
	background:#f7ffca;
	color:#333;}

.trial-notice h2{
	margin:10px 0 -5px 0;}


/* @end */