@charset "UTF-8";

/*
 * 	THIS FILE CONTAINS ONLY THE ELEMENTS USED WHEN LOGGED "OUT".
 * 		It was separated from global.css which was one large (80+K) css file for everything.
 * 		Hopefully this speeds up initial load & render time for site visitors.
 * 		Once they log "in", the global_in.css file will be loaded in addition to this one.
*/

/* ### DEVOOPS OVERRIDES ### */
header {
	max-height:100px !important;
}
header a, #sidebar-left a { text-decoration:none !important; }
.box-name:hover { cursor: default; }
#logo
{
/*	background:transparent;
	min-width:225px;
	max-width:225px !important;
	display:inline-block;
	padding-right:25px;
*/
}
#logo a
{
	background:none !important;
}
/*.page-header, #ajax-content >*/
h1
{	/* overrides devoops */
/*	margin: 0 0 0.3em 0 !important;
	padding:0.15em 0 0.15em 0 !important;
	border-bottom: 1px dashed #bbb !important;
*/
}
/*p
{
}*/

h2
{
	font-size:20px;
	font-weight:500;
}
h3
{
	font-size:16px ;
	font-weight:bold;
}
.dropdown-menu > li.active > a
{
	background:rgba(0, 0, 0, 0.3) !important;
}
.main-menu > li.active:not(.active-parent) > a
{	/* workaround for php "active" links: */
	background:rgba(0, 0, 0, 0.3) !important;
}

#top-panel
{
	border:none !important;
	/*line-height:inherit !important;*/
}

.panel-menu .dropdown-menu
{
	background: hsla(210,0%,50%,0.95) !important;
}
.dropdown-menu label
{
  color:inherit !important;
}


#top-panel
{
	box-shadow:none !important;
}
/*.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {*/
#top-panel .nav .open > a, #top-panel .nav .open > a:hover, #top-panel .nav .open > a:focus,
#top-panel li > a
{
	background-color: transparent !important;
}
#top-panel a.show-sidebar 
{
/*	float:none !important;
	text-decoration:none !important;
	border: 1px solid #ccc;
	border-radius:3px;
	padding:4px 5px 4px 4px !important;
*/	/*min-width:5em !important;*/
	/*display:inline-block;*/
}
#top-panel a.show-sidebar i
{
}
.panel-menu i.pull-right
{
	border:1px solid #ccc;
	border-radius:3px;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-top: 7px;
}
.panel-menu i.pull-right:hover,
#top-panel a.show-sidebar:hover
{
	border-color: #aaa;
}
#login-menu
{
	padding:0.5em 1em 0.5em 1em;
	width:13em;
}

#frm-top-login .form-control
{
	display:inline-block !important;
}

/* ### NEW CLASSES ### */
#top-bar
{
	background:inherit;
	/*background: linear-gradient(to top,  #aaa 0px, rgb(235, 235, 235) 8px);*/
	padding:0 1em 0 1em;
	box-shadow: 0px 1px 2px rgb(39, 39, 39);
	max-height:100px !important; /* because of devops #main */
}
#top-bar-mid
{
/*	min-width:10em;*/
	display:inline-block;
	white-space:nowrap;
/*	border:1px solid black !important;*/
}
#top-bar-ctls
{
	min-width:3em;
}
#top-bar-mid div
{
	display:inline-block;
}
#top-bar-right
{
	float:right;
	min-width:280px; /* room for login form */
	/*border:1px solid gray;*/
}

#login-ctls
{
	float:right;
	display:inline-block;
	margin-left:0.5em;
}

@media  (max-width: 420px)
{
	header, #top-bar { max-height: 150px !important; }
/*	#main { margin-top:100px !important; }*/
}

/* offset named anchors because of fixed header */
a.a_named
{
	display:block;
	margin-top:-50px;
	height:50px;
	visibility:hidden;
}
div.indent
{ margin-left:2em; }
/*#top-panel .navbar-left
{
	display:inline-block;
	width:260px;
}*/

/* (specified pages) dont have the special graphic margin */
/* ### DONT DELETE THIS ### */
/*#ajax-wrapper:not(.pg-index)
{ 
	padding:0 1em 5em 1em;
	margin:0;
	background:white;
	background: linear-gradient(to top,  rgba(255,255,255,0.15) 0px, white 20px) !important;
}*/

.pg-index .testimonial
{
	margin-bottom:1em;
}
.pg-index .testimonial p
{
	margin-bottom:0;
}
.pg-index .testimonial span
{
	font-style: italic;
	font-size:90%;
}

html, body
{
/*	font-size: 13px;*/
	font-size: 14px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  /*height: 100%;*/
}
body
{
	/*line-height:1;*/
	-webkit-font-smoothing:antialiased;
}

select
{ /* if using the jquery plugin, comment this. but it has issues. */
	box-shadow: 1px -3px 8px rgba(0,0,0, 0.2) inset;
	border:1px solid #cecece;
	border-radius: 1px;
	padding: 3px 5px;
}


/* anchors */
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
a{
	color: rgb(42, 100, 150);
  text-decoration: underline;
  -moz-transition: color 0.1s linear;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
	white-space:nowrap;
}
a:hover, a:focus
{
	color:black;
}
a.wrap { white-space:normal; }


/* ADDING SPRINGING ACTION FOR FIXED-WIDTH LOGGED-OUT FRAME 
		to disable this, just remove "spring" from class="spring" on page_out.htm
		eg: class="spring" becomes class=""<!--spring-->
*/
div.spring
{ 
	min-width: 1000px; /*minimum WINDOW width before scrollbar appears - includes content AND sidebar */
/*	border:1px solid pink;*/
}
.spring .wrapper
{
/*	border:1px solid orange;*/
	width:75%; /* content width/spacing: 80% leaves 20% white space, 10% left 10% right */
	min-width:1000px;	/* needs to match .spring min-width above */
	max-width:1550px; /* maximum to prevent looking silly */
}
.spring .content-main
{ /* specify width/min width & override default non-spring behaviors 
		dont float it, no shadows, no margins/padding
	*/
	width:100%; /* content now takes ALL of its wrapper's width */
	min-width:940px;	/* minimum CONTENT width (not including sidebar) */
	float:none; 
	margin:0;padding:0;
  -webkit-box-shadow: none; 
  -moz-box-shadow: none;
  box-shadow: none;
/*	border:1px solid black;*/
}
.spring .spring_main
{ /* new container for box shadow & content - moving shadow here */
/*	border:3px solid darkcyan;*/
  /*box-shadow: 2px 0 4px 0 rgba(0,0,0,0.2);*/ 
	/* ^^ got rid of the left margin line above */
	box-shadow: 3px 0 3px rgba(0,0,0,0.15);
	margin-right:215px; /* ACCOMODATE SIDEBAR width & box shadow */
}
.spring .sidebar
{
/*	opacity:0.1;*/
/*	border:1px solid red;*/
	float:right;
	/* these set sidebar width: */
	width:210px;	
	min-width:210px;
	max-width:210px;
}

/* BEGIN	jason adding these */
.isdev { display:none; visibility:hidden; cursor:progress; font-weight:bold; position:absolute; top:0; left:0; color:white; }
.isdev.DEV { display:block; visibility: visible; background:darkorange; }
.isdev.TEST { display:block; visibility: visible; background:red; }

.if-loggedin.in { visibility: visible; }
.if-loggedin.out { display:none; visibility: hidden; }
.if-loggedout.in { display:none; visibility: hidden; }
.if-loggedout.out { visibility: visible; }

input, select, textarea {background-color:white;color:black;}	/* never specify input fg color without bg color. */
.ctr { text-align:center; }
.aright { text-align:right; }
.aleft { text-align:left; }
.clearboth { clear:both; }
.valign_top, tbody.valign_top tr td { vertical-align:top; }
em
{
	color: #4A6A90;
	font-weight:bold;
	white-space:nowrap;
}
em.wrap
{
	white-space: normal;
}
.heading { font-size:1.2em; font-weight:bold; color:#920; }

div.data
{
/*	background:#fafafa;
	padding:1em;
	box-shadow: 1px 1px 1px rgba(0,0,0, 0.2) inset;
	border-radius: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
*/
}
.data label { text-align:left; color:#444; font-weight:bold; /*#469;*/ }
form td, form th { text-align:left; }
/*div.error
{
	border:2px dashed red;
	margin:0.25em 1em 0.25em 1em;
	padding:0.25em 1em 0.25em 1em;
	font-weight:bold;
	color:darkred;
	text-align:center;
}*/
div.error, div.error.red
{
	max-width:60em;
	margin:0.25em auto 0.25em auto ;
	padding:0.25em 1em 0.25em 1em;
	background:#fee;
	border:1px solid darkred;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color:#333;
	text-align:center;
	font-weight:bold;
}
div.data.error b { color:darkred; }
div.error.green
{
	border-color: green;
	background:#efe;
}


tr.tborder th, tr.tborder td { border:1px solid black; } /* testing */
.nowrap { white-space:nowrap; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
/*.content-main a, .content-table a, .sidebar a, .app-sidebar a {text-decoration: underline;color: #26a;}
.content-main a:hover, .sidebar a:hover, .app-sidebar a:hover {color:black;}*/
/* for orange-link use "link orange" now :) */
.box-info a {color:white; font-weight:bold; text-decoration:none; }
p.centered, h2.centered { text-align: center; }
#just_added {  padding-left: 10%; }
#just_added .heading { font-size:1.2em; }
#just_added th { color: #268; white-space:nowrap; text-align: right; }

.index-main h1, .index-main h2, .index-main h3, .index-main h4, .index-main h5, .index-main h6
{	border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
.index-main h2
{	/* moving this from content-main */
	color: #2F4A66;
	font-family: 'Montserrat', sans-serif;
	font-size: 44px;
	font-weight: normal;
	margin-bottom: 20px;
}

header ul, footer ul {list-style:none;}
#content ul.nobullets {list-style:none;}

ul.spaced li { margin-top:1em; }


ul.bullet_menu li
{
	list-style-image: url('images/icons/accordion_right.png') ;
}
ul.bullet_menu li.b_active
{
	list-style-image: url('images/icons/accordion_right_active.png') ;
}
ul.bullet_menu li.b_active a
{
	color:black;
}
ul.bullet_menu a
{
	line-height:1.25em;
	vertical-align:top;
	font-weight:bold;
	font-size:1.2em;
	color: #268; 
	text-decoration:none;
	margin-left:0.4em;
}

div.shot
{	/* screen shots */
	text-align:center;
}
div.shot img
{
	border:1px solid #aaa;
	border-radius:10px;
	box-shadow: 5px 5px 5px rgba(0,0,0, 0.35);
	max-width:550px; /* enforce reasonable size */
}
div.shot.noborder img { border:none; }
div.shot h2, div.shot a
{
	font-size:130%;
	letter-spacing:1px;
	padding:0;
	margin:0;
	color:#2A4A70;
	font-style: italic;
}

p { line-height:1.3em; margin-bottom:1em; }

.link.orange {color:#DD5800;}

div.greenbox, div.orangebox 
{
	border-radius:15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
	box-shadow: 3px 4px 8px rgba(0,0,0, 0.25);
  -webkit-box-shadow: 3px 4px 8px rgba(0,0,0, 0.25);
  -moz-box-shadow: 3px 4px 8px rgba(0,0,0, 0.25);
}

div.greenbox
{
	border:1px solid green;
	background:#dfefe6;
}

div.orangebox
{
	border:1px solid darkorange;
	background:#ffe8cc;
}
/* END		jason adding these */


/* BEGIN Reset */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
[hidden]{display:none;}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
nav ul{list-style:none;}
blockquote,q{quotes:none; border:0px; }
blockquote:before,blockquote:after,q:before,q:after{content:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
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;}
input,textarea,select{font:inherit;}
/*ul{list-style:none;}*/
input:focus,textarea:focus,select:focus{outline: none;}
textarea{resize:none;overflow:auto; vertical-align:top;}
input,textarea{border:0 none; padding:0;margin:0;}
img{border:0;-ms-interpolation-mode:bicubic;}
button, input{line-height:normal;*overflow:visible;}
button, html input[type="button"], input[type="reset"]/*, input[type="submit"] jason*/{cursor:pointer; -webkit-appearance:none; background:none;}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:
content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
select{cursor:pointer;}
/* END Reset */


/* ICON SET */
@font-face {
  font-family: 'icomoon';
  src:url('fonts/icomoon.eot');
  src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('fonts/icomoon.woff') format('woff'),
    url('fonts/icomoon.ttf') format('truetype'),
    url('fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-auction, .icon-archive, .icon-myebay, .icon-subscribe, .icon-freeservice, .icon-more, .icon-settings, .icon-view, .icon-response, .icon-makenote, .icon-delete, .icon-update, .icon-arrowtable, .icon-help, .icon-check, .icon-next, .icon-back, .icon-support, .icon-newmyebay, .icon-newarchive
{
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-check:before {
  content: "\24";
}


/* +++ LE GRID +++ A Responsive Grid -- Gumby defaults to a standard 960 grid, but you can change it to whatever you'd like. */
/*.row { width: 100%; max-width: 940px; min-width: 320px; margin: 0 auto; }
@media only screen and (max-width: 960px) { .container { padding: 0 20px; } }
.row .row { min-width: 0px; }
@media only screen and (max-width: 960px) { .row .row { padding: 0; } }
*/
/* To fix the grid into a different size, set max-width to your desired width */
.column, .columns { margin-left: 2.12766%; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.column:first-child, .columns:first-child, .alpha { margin-left: 0px; }

.column.omega, .columns.omega { float: right; }

img, object, embed { max-width: 100%; height: auto; }
img
{ 
  max-width: 100%;
  height: auto;
	-ms-interpolation-mode: bicubic; 
}


/* Tile Grid (removed) */
/* Nicolas Gallagher's micro clearfix (removed) */

.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }


/* Helpers */
.cf,
.grids,
.media{zoom:1;}
.cf:before,
.grids:before,
.media:before,
.cf:after,
.grids:after,
.media:after{content:""; display:table;}
.cf:after,
.grids:after,
.media:after{clear:both;}

.clear{clear:left;}

.left{float:left !important;}
.right{float:right !important;}
.center{
  float:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.alignleft{text-align:left !important;}
.alignright{text-align:right !important;}
.aligncenter{text-align:center !important;}

.media{display:block;}
.media .img{
  float:left;
  margin-right:10px;
}
.media .body{
  overflow:hidden;
  margin-bottom:0;
}


.orange-link{color:#DD5800;}
.text-italic{font-style: italic;}

.fbold{font-weight: bold !important;}
.textunderline{text-decoration: underline;}

.hidden{ display: none !important; }
.show{ display: inline-block !important; }
.gshow{ display: inline-block !important; }

a.orange-brother{line-height: 40px;}
.nomarginb{margin-bottom: 0 !important;}
.nopaddingb{padding-bottom: 0 !important}

/* General */

#wrapper{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -160px;
}

#wrapper.app{
  margin: 0 auto -140px;
}



/* Grid */
.wrapper{
  margin: auto;
  width: 940px;
  padding: 0 10px;
}

.row{clear: both;}

.half,.third,.quarter,.fifth,.sixth
{
  margin-left: 2.127659574468085%;
  float: left;
  min-height: 1px;
}

.half:first-child,
.third:first-child,
.quarter:first-child,
.fifth:first-child,
.sixth:first-child {margin-left: 0;}

.sixth{width: 14.893617021276595%;}
.fifth{width: 18.297872340425535%;}
.quarter{width: 23.404255319148938%;}
.third{width: 31.914893617021278%;}
.half{width: 48.93617021276596%;}

/* Offsets */

.push-v1{margin-bottom: 10px;}
.push-v2{margin-bottom:20px;}
.push-v3{margin-bottom:30px;}
.push-v4{margin-bottom:40px;}
.push-v5{margin-bottom: 50px;}

/* Header */


.header-top{
  background: url("images/backgrounds/lan-header.jpg") repeat-x;
  height: 100px; /*120px;*/
}

.mod-login{
  padding-top: 20px;
  float: right;
}

.mod-login fieldset{margin-bottom: 5px;}

.mod-login .text{
  width: 150px;
}

.mod-login a.forgot{
  color: #333;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  padding-left: 35px;
  text-decoration: underline;
}

.mod-login .checkbox{
  display: inline-block;
}

.mod-login .remember-forgot{
  float: right;
}

.checkbox span{
  color: #333;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: underline;
}

.logo{
  float: left;
  margin-bottom: 0;
  padding: 18px 0 0 0;
	/*padding: 8px 0 0 0;*/
}
.logo a, .logo img{display: block;}
.logo.loggedout img { /*height:85px; */}
.logo.center{
  float: none !important;
  text-align: center;
}
.logo.center a{display: inline-block;}

ul.list-btns { margin:0; padding:0; }
.list-btns li{
  display: inline-block;
  margin-right: 10px;
  vertical-align:middle;
}

/* Content */
#content.index{
  padding-bottom: 160px;
}

#content.app{padding-bottom: 140px;}

.content-main{
  -webkit-box-shadow: 2px 0 4px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 0 4px 0 rgba(0,0,0,0.2);
  box-shadow: 2px 0 4px 0 rgba(0,0,0,0.2);
  float: left;
  width: 720px;
}

.join-right h3
{
  color: #FF0000;
  font-size: 15px;
  margin-bottom: 3px;
}
.join-right li { line-height:1.1em;margin-bottom:0.3em;font-style: italic; }
.box-marketing p.subtitle{
  color: #2C4A66;
  font-family: 'Montserrat', sans-serif;
	margin-top:0.25em;
}

.box-marketing.joinc .inner-box h2{
  color: #2C4A66;
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 2px;
}

h2.marketing{
  color: #2F4A66;
  font-family: 'Montserrat', sans-serif;
  font-size: 44px;
  font-weight: normal;
  margin-bottom: 20px;
}

h3.marketing{
  color: #2F4A66;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0;
}

h4.marketing{
  color:#2F4A66;
  font-size: 15px;
  margin-bottom: 10px;
}

.content-main p{
  color: #333;
  font-size: 14px;
}

.main-info{
  padding: 35px 0 0 0px;
}

.shadow-main{
  background: url("images/backgrounds/shadow-img.png") no-repeat center -19px;
  height: 15px;
  margin-bottom: 35px;
  width:100%;
}

.start-trial{
  margin-bottom:5px;
}

.start-trial a{
  float: left;
  margin-right: 10px;
} 

.start-trial p{
  color:#F2593F;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  line-height: 1.2em;
  margin:0;
  overflow: hidden;
  padding: 8px 0 0 20px;
  width: 275px;
}

.start-trial p span{text-decoration:underline;}

.bloq-snipe{
  padding-left:20px;
}

.bloq-snipe ul.list-vine{
  padding-left: 20px;
}

ul.list-vine{
  margin-bottom: 20px;
}

ul.list-vine li{
  color: #333;
  font-size: 13px;
  font-style:italic;
  list-style: inside;
  line-height: 1.4em;
}

.bloq-snipe ul.security{
  padding:0 0 23px 20px;
}

.bloq-snipe ul.security li{
  display: inline-block;
  vertical-align: middle;
}

.bloq-snipe ul.security li + li{
  margin-left: 15px;
}

.box-info{
  background: #2F4A66;
  border: 2px solid #FFF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
  padding: 17px 20px 20px 28px;
  width: 80%;
}

.box-info h3{
  color: #F2593F;
  margin-bottom: 3px;
}

.box-info ul li{
  color: #FFF;
  font-size: 14px;
  line-height: 1.53em;
}
/*
.sidebar{
  background-color: #FBFBFB;
  border-right: 1px solid #CCC;
  -webkit-box-shadow: 2px 0 4px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 0 4px 0 rgba(0,0,0,0.2);
  box-shadow: 2px 0 4px 0 rgba(0,0,0,0.2);
  float: right;
  position: relative;
  min-height: 944px;
}

.sidebar .bloq {
  border-top: 1px solid #E4E4E4;
  box-shadow: 0px 1px 0 rgba(255,255,255,1);
  padding:20px 15px 25px 10px;
}

.sidebar .bloq.first{
  border-top: 0;
  padding-top: 55px;
} 

.sidebar .bloq h3{
  color: #333;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.sidebar .bloq .works-w, .sidebar .bloq .as-seen{text-align: center;}

.sidebar .testimonial{
  margin-bottom: 20px;
}

.sidebar .testimonial p{
  color: #404040;
  font-size: 1.1em;
  font-style: italic;
  margin-bottom: 0;
  width: 190px;
}

.sidebar .testimonial .avatar {
  height: 40px;
  float: left;
  margin-right:7px;
  overflow: hidden;
  width: 40px;
}

.sidebar .testimonial span{
  color: #F2593F;
  font-size: 12px;
  font-weight: bold;
}

.sidebar .btn-orange{
  left: 50%;
  margin-left: -82px;
  position: absolute;
  top:-42px;
}*/

.box-marketing{
  background: #EBEBEB;
  border:3px solid #FFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
  box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
}

.box-marketing p{
  color: #333;
  font-size: 14px;
}

.box-marketing p.note{
  font-size: 13px;
}

.box-marketing .inner-box.space{
  padding: 25px 23px 15px 23px;
}

.box-marketing label{
  padding-left: 10px;
}

.box-marketing label span.red{color: #FF0000;}

.box-marketing label.checkbox.spacetop{
  padding: 10px 0 0;
}

.box-marketing .inner-box.b-border{
  border-bottom: 1px solid #E4E4E4;
  -moz-box-shadow: 0 1px rgba(255,255,255,0.5);
  -webkit-box-shadow: 0 1px rgba(255,255,255,0.5);
  box-shadow: 0 1px rgba(255,255,255,0.5);
}

.box-marketing .inner-box .alignbtn{
  color: #2D4A66;
  font-size: 15px;
  font-weight: bold;
  line-height: 50px;
}

.forgot-link{
  color: #333;
  font-size: 12px;
  padding-right: 20px;
}



/* Content Application */
.pagination li{
  display: inline-block;
}

.pagination li.selected a{
/*  border-color: #333;*/
  color: #333;
}

.pagination li a{
  border: 1px solid #CCC;
  color:#333;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 6px;
}

.pagination li span.cont-page{
  color: #333;
  font-size: 11px;
  font-weight: bold;
  padding-right: 10px;
}
/*
#tabs {
  list-style: none;
	padding: 5px 0 0 0;
  margin: 0px;
  font: 0.75em arial;
	border-bottom:6px solid #8ab;	
	font-weight:bold;
}
#tabs li.tabs {
  display: inline-block;
  line-height: 22px;
}
#tabs li.tabs div {
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	border:1px solid #ddd;
	border-bottom: none;
	margin:0;
	padding:0;
	text-decoration: none;
	background: #eaeaea; 
	background: -moz-linear-gradient(top,  #cccccc 0%, #dddddd 8%, #eeeeee 50%, #ffffff 90%, #aaaaaa 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(8%,#dddddd), color-stop(50%,#eeeeee), color-stop(90%,#ffffff), color-stop(100%,#aaaaaa)); 
	background: -webkit-linear-gradient(top,  #cccccc 0%,#dddddd 8%,#eeeeee 50%,#ffffff 90%,#aaaaaa 100%); 
	background: -o-linear-gradient(top,  #cccccc 0%,#dddddd 8%,#eeeeee 50%,#ffffff 90%,#aaaaaa 100%); 
	background: -ms-linear-gradient(top,  #cccccc 0%,#dddddd 8%,#eeeeee 50%,#ffffff 90%,#aaaaaa 100%); 
	background: linear-gradient(to bottom,  #cccccc 0%,#dddddd 8%,#eeeeee 50%,#ffffff 90%,#aaaaaa 100%);
	box-shadow: 1px 0px  1px rgba(0,0,0,0.3);
	display:block;
}
#tabs li.tabs a
{
	display:block;
	margin:0;
	padding: 0px 25px;
	padding-bottom:none;
	float:none;
	line-height:2em;
	color:#589;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
}
#tabs li.tabs.active div
{
	border-left: 1px solid #bcc;
	border-right: 1px solid #bcc;
	border-bottom:none;
	border-top:1px solid #88aabb;
	background: #88aabb;
	background: -moz-linear-gradient(top,  #88aabb 0%, #ccdddd 15%, #ddeeff 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88aabb), color-stop(15%,#ccdddd), color-stop(50%,#ddeeff));
	background: -webkit-linear-gradient(top,  #88aabb 0%,#ccdddd 15%,#ddeeff 50%);
	background: -o-linear-gradient(top,  #88aabb 0%,#ccdddd 15%,#ddeeff 50%);
	background: -ms-linear-gradient(top,  #88aabb 0%,#ccdddd 15%,#ddeeff 50%);
	background: linear-gradient(to bottom,  #88aabb 0%,#ccdddd 15%,#ddeeff 50%);
}
#tabs li.tabs.active a
{
	padding: 5px 25px 0px;
	color:#333;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbcccc', endColorstr='#ddeeff',GradientType=0 );
}
#tabs li.tabs div:hover
{
	border:1px solid #bbb; border-bottom:none;
}
#tabs li.tabs div:hover a { color:#3ab; }
#tabs li.tabs.active div:hover a {color:black;}

#tabs_content_container {
  width: 100%;
}*/

.tab_content {
  display: none;
}

.content-gray{
  background: #E1E1E1;
  border-bottom:1px solid #FFF;
}

.tab-wrapper{
  padding: 25px 20px 20px 20px;
}

a.discard{
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
}


.box-wrapper{
  background: #E1E1E1;
  color:#333;
  font-size: 13px;
  /*margin: 30px 40px 0 30px; jason */
  padding: 30px 25px 30px 25px;
}
.box-wrapper.trans { background:transparent; }

.box-wrapper.tab_content{
  border-top: 1px solid #CFCFCF;
  -moz-box-shadow: 0 1px rgba(255,255,255,0.7) inset;
  -webkit-box-shadow: 0 1px rgba(255,255,255,0.7) inset;
  box-shadow:0 1px rgba(255,255,255,0.7) inset;
  margin-top: 0;
}

.box-wrapper.bottom{
  border-top: 1px solid #CFCFCF;
  -moz-box-shadow: 0 1px rgba(255,255,255,0.7) inset;
  -webkit-box-shadow: 0 1px rgba(255,255,255,0.7) inset;
  box-shadow: 0 1px rgba(255,255,255,0.7) inset;
  margin-top: 0;
}

.box-wrapper strong{
  display: inline-block;
  line-height: 20px;
}

.box-wrapper p{
  margin-bottom: 20px;
}

.payments{
  text-align: center;
}

.payments p{
  color:#333;
  font-size: 13px;
}

.more-info{
  color:#333;
  font-size: 13px;
  line-height: 1.4em;
  padding: 100px 90px 0;
  text-align: center;
}

.box-cont-info{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /*box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);*/
	box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
  border-collapse: separate; /* ie9 box-shadow fix */
  min-height: 434px;
  width:96%; /*width: 564px; jason */
  max-width:35em;
	margin-bottom:2em;
}
.box-cont-info.small{min-height: 350px;}
.box-cont-info.medium{min-height: 363px;}


#sub_container { max-width:85em; margin:auto;}

.box-cont-info.subscription{background: #E3F4E6;}
.box-cont-info.subscription2{background: #F8E1E0;}
.box-cont-info.snipes{background: #EAEAEA;}
.box-cont-info.snipes2{background: #DCE7F5;}
.box-cont-info.cash{background: #E0F8E0;}
.box-cont-info.cash2{background: #E0F8E0;}

.box-cont-info.subscription h2{border-color:#C9ECCD;}
.box-cont-info.pre-paid h2{border-color: #CFCFCF;}
.box-cont-info.red h2{border-color: #DFCAC9;}
.box-cont-info.blue h2{border-color: #C6CFDC;}

.box-cont-info.snipes h2,
.box-cont-info.snipes .bloq-box.border-shadow,
.box-cont-info.snipes2 h2,
.box-cont-info.snipes2 .bloq-box.border-shadow {border-color: #aaa;}

.box-cont-info.subscription h2,
.box-cont-info.subscription .bloq-box.border-shadow,
.box-cont-info.subscription2 h2,
.box-cont-info.subscription2 .bloq-box.border-shadow {border-color: #aaa;}

.box-cont-info.cash h2,
.box-cont-info.cash .bloq-box.border-shadow,
.box-cont-info.cash2 h2,
.box-cont-info.cash2 .bloq-box.border-shadow {border-color: #aaa;}

.box-cont-info.separate{margin-left: 15px;}

.box-cont-info h2{
  border-bottom: 1px solid;
  -moz-box-shadow: 0 1px rgba(255,255,255,0.9);
  -webkit-box-shadow: 0 1px rgba(255,255,255,0.9);
  box-shadow: 0 1px rgba(255,255,255,0.9);
  color:#333;
  font-size: 18px;
  line-height: 50px;
  margin-bottom: 0;
  text-align: center;
}

.box-cont-info h3{
  color:#DD5800;
  font-size: 16px;
  margin-bottom: 10px;
	margin-top:0; /*jason*/
}

.box-cont-info h4{
  color: #333;
  font-size: 13px;
  margin-bottom: 0;
}

.box-cont-info h2 span{
  color:#FF0000;
}

.box-cont-info .bloq-box
{
	padding: 20px 20px 20px 30px;
}

.box-cont-info ul {	list-style:none; padding-left:0; } /* jason */

.box-cont-info .bloq-box.border-shadow{
  border-bottom: 1px solid #ccc;
  -moz-border-shadow: 0 1px rgba(255,255,255,0.9);
  -webkit-border-shadow: 0 1px rgba(255,255,255,0.9);
  box-shadow: 0 1px rgba(255,255,255,0.9);
}

ul.check-list
{
  /*padding-left: 15px;*/
	/* jason ... */
	padding-left:1.5em;
	text-indent:-1.5em;
	text-align:left;
/*	width:50%;
	min-width:20em;
*/
	max-width:90%;
	margin:auto;
}

.check-list li{
  color:#333;
  font-size: 13px;
  line-height: 1.4em;
}

.check-list span.icon-check{
  color: #5BA71B;
  padding-right: 5px;
}

.list-btns.tab-subscription li.active .btn-gray span{
  background: #5BA71B;
  border-radius: 3px;
  -moz-box-shadow: 0 3px 4px rgba(0,0,0,0.3) inset, 0px 1px 1px rgba(255,255,255,0.9);
  -webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.3) inset, 0px 1px 1px rgba(255,255,255,0.9);
  box-shadow: 0 3px 4px rgba(0,0,0,0.3) inset, 0px 1px 1px rgba(255,255,255,0.9);
  color:#FFF;
  display: inline-block;
  font-family:'Montserrat', sans-serif; 
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  padding: 5px 15px 6px;
}

/* free service */
.box-wrapper.service{
  padding: 0;
	padding-left:22em;
	position:relative;
	background: #E1E1E1;
	min-height: 29em;
}

.content-service-tab
{
	position:absolute;top:0;left:0;
	width:22em;
}

ul.service-tab{
  margin: 0 !important;
  padding: 0 !important;
}

.service #tabs, .service #tabs li 
{
	border:none; 
	border-bottom: 1px dotted #9F9F9F;
/*  border-right: 1px solid #D1D1D1;*/
  box-shadow: 1px 0 rgba(255,255,255,0.6);
  width: 100%;
  background: #E1E1E1;
	list-style-type:none;
}

#tabs.service-tab li a{
  background: transparent;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  -moz-box-shadow: 0 0;
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0;
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  padding: 25px 0 25px 40px !important;
  text-shadow:0 0;
	border:none;
}

.service div.tabs
{
	min-height:4em;line-height:4em;
	text-align:center;
}

#tabs.service-tab li a { text-decoration:none; }

#tabs.service-tab li a:hover
{
	background: #dedede; 
	border:none; 
}
#tabs.service-tab li.active a{
/*  background: url("images/backgrounds/service-tab.jpg") repeat;*/
  -moz-box-shadow: 0 0;
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0;
  /*border-bottom: 0;*/
	border:none;
	background:#d2d2d2;
}

.service-tab li strong{
  color: #333;
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 17px;
}

.service-tab li span{
  color:#333;
  display: block;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 12px;
}

.content-service .separator{
  border-top: 1px dotted #9F9F9F;
}

.content-service .info-top{
  max-width: 530px;
  margin: 0 auto;
  text-align: center;
	padding:1em;
}

.content-service .info-top strong{
  line-height: 1.4em;
}
.content-service .info-top p{
  color: #333;
  font-size: 12px;
  line-height: 1.4em;
}

.content-service .info-top.g-gift{
  padding: 150px 0 135px;
}

.content-service#tabs_content_container{
	background:#d2d2d2;
}

.content-service#tabs_content_container .tab_content{
  min-height: 430px;
}

.content-service#tabs_content_container p.note{
  font-size: 12px;
  padding: 0 0 0 30px;
}

.service-form{
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
	padding:1em;
}
/* still freesvc */
.service-form h3{color:#DD5800;}

.service-form label{
  padding-left: 10px;
  text-align: left;
}

.service-form textarea{
  height: 90px;
}

.service-form .text{
  -moz-box-shadow: 1px 0 3px rgba(0,0,0,0.4) inset;
  -webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.4) inset;
  box-shadow: 1px 0 3px rgba(0,0,0,0.4) inset;
  padding: 5px 20px;
}

.service-form textarea.text{
  padding: 15px 20px;
}

/* Footer */
#footer{
  background: url("images/backgrounds/lan-footer.jpg") repeat;
}

#footer ul.info{
  color:#FFF;
  font-size: 12px;
  float: left;
}

#footer ul.info li{
  line-height:1.5em;
}

#footer ul.menu{
  float: right;
}

#footer ul.normal-list li{
  display: inline-block;
  font-size: 12px;
}

#footer ul.normal-list li + li{
  border-left: 1px solid #FFF;
  padding: 0 6px 0 9px;
}

#footer ul.normal-list li:first-child{padding-right: 10px;}
#footer ul.normal-list li:last-child{padding-right: 0px;}

#footer ul.normal-list li a{
  color: #FFF;
}

#footer ul.normal-list li a:hover{text-decoration: underline;}

.footer-menu{
  border-bottom: 2px solid #232323;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
  box-shadow: 0px  1px 0 rgba(255,255,255,0.1);
  padding: 20px 0;
}

#footer .languaje{padding: 12px 0; }

#footer .languaje .normal-list{text-align: center;}

#footer .languaje .normal-list li{
  margin-bottom: 5px;
}

#footer.app .wrapper{
  margin: 0 auto;
  width: 93%;
}



.pg-mini
{
	margin:2px 0 2px 0;
}
.pg-mini .pg
{
	background:#dcdcdc;
	border:1px solid #aaa;
	padding:2px 5px 2px 5px;
}
.pg-mini .pg:not(.active)
{
	color:inherit;
	background:#e0e0e0;
}

.pg-mini .active
{
	background:white;
}


.auc-mini
{
	width:100%;
	/*border:1px solid #ddd;*/
}

/* pad the table a bit for looks */
.auc-mini tr td:first-child, .auc-mini tr th:first-child
{ padding-left: 5px; }
.auc-mini tr td:last-child, .auc-mini tr th:last-child
{ padding-right: 5px; }

.auc-mini .small.red
{
  color: #F2593F;
  font-size: 10px;
  padding-top: 5px;
}
.auc-mini .dim
{
	color:gray;
}
.auc-mini thead tr
{
	background:#ddd;
}
.auc-mini thead th
{
	text-align:left;
	font-weight:bold;
	padding:2px 4px 2px 4px;
	background: linear-gradient(to top,  #eee 0%,  #dadae0 55%, #cbcbd8 99%);
	border-bottom:1px solid #aaa;
  color:#5a5a5a;
}
.auc-mini thead th a
{
	color:inherit;
	text-decoration:underline;
}
.auc-mini .url {white-space:normal;}
/*.auc-mini .sort { padding-left:1em; }
.auc-mini .sort, .auc-mini.sortcol, .auc-mini .sort.ai { background: url(images/svg/arrowtable.svg) left 50% no-repeat; }*/
.auc-mini .sort.da, .auc-mini .sort.aa, .auc-mini.sortcol.aa { padding-left:1em; color: inherit;}
.auc-mini .sort.da, .auc-mini.sortcol.da { background: url(images/icons/da-arrow.png) 3px 50% no-repeat; color:black; }
.auc-mini .sort.aa, .auc-mini.sortcol.aa { background: url(images/icons/dd-arrow.png) 3px 50% no-repeat; color:black; }

.auc-mini tbody tr
{
	background: #F7F7F7;
	vertical-align:top;
	border-bottom:1px solid #ddd;
}
.auc-mini tbody tr.cont
{
	border-bottom:none;
}
.auc-mini tr.pager
{
	background: linear-gradient(to top,  #eee 0%,  #dadae0 55%, #cbcbd8 99%);
}
.auc-mini .title a
{ white-space:normal; }
.auc-mini .price
{
	white-space:normal;
	width:8em;
}
.auc-mini .thumb
{
	padding: 0.25em 0.25em 0.5em 0;
	max-width:55px;
}
.auc-mini .thumb img
{
  border: 1px solid #D3D3D3;
  height: 50px;
  overflow: hidden;
  width: 50px;
}
.auc-mini .ar
{
	text-align:right;
}
.auc-mini .ac
{
	text-align:center;
}
.auc-mini tr
{
	border-bottom:1px solid #ddd;
}
.auc-mini td
{
	font-weight:normal;
	padding:0 4px 0 4px;
}


.auc-mini.v2
{
	width:100%;
}
.auc-mini.v2 thead th
{
  text-shadow:0 1px 1px rgba(0,0,0,0.3);
  background: none repeat scroll 0% 0% rgb(245, 245, 245);
  color:black;
	font-weight:normal;
  font-size: 13px;
	border:none;
	height:30px;
}
.auc-mini.v2 thead .sortcol
{
	font-weight:bold;
}
.auc-mini.v2 td
{
	padding: 15px 4px 5px 4px;
	font-size: 13px;

}
.auc-mini.v2 .thumb
{
	max-width:68px;
}
.auc-mini.v2 .thumb img
{
	height:68px;
	width:68px;
}
.auc-mini.v2 td a
{
	color: rgb(42, 100, 150);
	font-weight:bold;
	text-decoration:none;
}
.auc-mini.v2:not(.dblrow) tbody tr:nth-child(odd) { background: #FFFFFF; }
.auc-mini.v2.dblrow tbody tr:nth-child(4n+2) { background: #FFFFFF; }
.auc-mini.v2.dblrow tbody tr:nth-child(4n+1) { background: #FFFFFF; }
.auc-mini.v2.dblrow tbody input { background:#eee; border:1px solid #d0d0d0; }

/*.auc-mini.v2 tbody tr:nth-child(even) { background: #FFFFFF; }*/




/* Forms */
label
{
  color:#555;
  display: block;
  /*font-size: 13px;*/
  margin-bottom: 4px;
}

label.inline {display: inline-block;}
.ie7 label.inline {display: inline;}

.text[disabled="disabled"]{
  background: #E1E1E1;
  -moz-box-shadow: 0 1px rgba(255,255,255,0.8);
  -webkit-box-shadow: 0 1px rgba(255,255,255,0.8);
  box-shadow: 0 1px rgba(255,255,255,0.8);
}



/*input[type="text"], input[type="password"], textarea, .text
{
	border:1px solid transparent;
	box-shadow: 1px 1px 1px rgba(0,0,0, 0.2) inset;
	border-radius: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	font-size: 13px;
	padding: 5px 5px;
	width:100%;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .text:focus
{
	border:1px solid #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}*/
input[type="submit"]
{
	box-shadow: 1px 1px 1px rgba(0,0,0, 0.2) inset;
	border-radius: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: white;
	background:#2E4A66;
	font-size: 13px;
	padding: 5px 5px;
}

input[type="submit"].disabled
{
	background:#ccc; color:gray;
}
input.btn
{
	background: #2F4A66;
	color:#FFF;
	font-family:'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: normal;
	display:inline-block;
	padding: 6px 15px;
}

input.btn.orange
{
	background: #f47b4a; /* Old browsers */
	background: -moz-linear-gradient(top,  #f47b4a 0%, #f2593f 90%, #e14327 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f47b4a), color-stop(90%,#f2593f), color-stop(99%,#e14327)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f47b4a 0%,#f2593f 90%,#e14327 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f47b4a 0%,#f2593f 90%,#e14327 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f47b4a 0%,#f2593f 90%,#e14327 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #f47b4a 0%,#f2593f 90%,#e14327 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47b4a', endColorstr='#e14327',GradientType=0 ); /* IE6-9 */
}
input.btn.green, input.btn.black
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
input.btn.green
{
	background: #5BA71B;
	line-height: 16px;
	/*padding: 4px 15px 5px;*/
}
input.btn.black
{
  background: #333;
  color:#FFF;
}
input.btn.darkblue
{
	padding: 6px 15px;
}


.ie7 .text{width: 95%;}

::-webkit-input-placeholder{
  color: #CCC;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
  text-shadow:0 1px rgba(255,255,255,0.3);
  vertical-align: middle;
}

:-ms-input-placeholder{
  color: #CCC;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
  text-shadow:0 1px rgba(255,255,255,0.3);
  vertical-align: middle;
}

.checkbox{
  cursor:pointer;
  float:left;
}

.checkbox input{display:none;}

/* Inputs in IE won't respond if display:none, so we'll make them invisible */
.ie8 .checkbox input{
  display:inline;
  filter:alpha(opacity=0);
  width:0;
}

/* Styles for the checkbox */
.checkbox span{
  background:url(images/icons/checkbox.png) no-repeat 0 -60px;
  display:inline-block;
  height:18px;
  line-height:18px;
  padding-left:20px;
}

.checkbox.check-right span {
  background-position: right -60px;
  padding: 0 20px 0 0;
}

.checkbox.app span{
  background-position:0 -60px;
}

/* Styles for the checked checkbox */
.checkbox input:checked + span{background-position:0 -109px;}

.checkbox.check-right input:checked + span{background-position:right -109px;}

.checkbox.app input:checked + span{background-position:0 -109px;}

/* Styles for radio buttons */
.checkbox.radio span{background-position:0 0;}
.checkbox.radio input:checked + span{background-position:0 -29px;}

/* Separation between checkboxes */
.checkbox + .checkbox{margin-left:10px;}

/* Buttons */
.btn{
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}

.btn-darkblue{
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}

.btn-darkblue input, .btn-darkblue span.style{
  background: #2F4A66;
  -wekkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  color: #FFF;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  padding: 6px 15px;
}

.btn-darkblue.trial span.style{
  box-shadow: 0 0 0 0;
  border-bottom: 1px solid #FFF;
  font-size: 22px;
  line-height: 47px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
  padding: 10px 29px;
  position: relative;
}

.btn-darkblue.trial span.style:after{
  content: '';
  border-color:transparent transparent transparent #2F4A66;
  border-style:solid;
  border-width:15px 15px 15px 15px;
  margin-top: -15px;
  position: absolute;
  right: -38px;
  top:50%;
  width:0;
}

.btn-darkblue.big span.style, .btn-darkblue.big input{
  border-radius: 3px;
  display: inline-block;
  box-shadow: 0 0 0 0;
  border-bottom: 1px solid #FFF;
  font-size: 22px;
  line-height: 30px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
  padding: 10px 29px;
  position: relative;
}

.ie7 .btn{display: inline;}

.btn-orange {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  text-decoration: none;
}

.btn-orange > span.style, .btn-orange input{
  background: #f47b4a; /* Old browsers */
  background: -moz-linear-gradient(top,  #f47b4a 0%, #f2593f 90%, #e14327 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f47b4a), color-stop(90%,#f2593f), color-stop(99%,#e14327)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f47b4a 0%,#f2593f 90%,#e14327 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f47b4a 0%,#f2593f 90%,#e14327 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f47b4a 0%,#f2593f 90%,#e14327 99%); /* IE10+ */
  background: linear-gradient(to bottom,  #f47b4a 0%,#f2593f 90%,#e14327 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47b4a', endColorstr='#e14327',GradientType=0 ); /* IE6-9 */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-bottom: 1px solid #FFF;
  color:#FFF;
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  line-height: 39px;
  padding: 5px 25px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.btn-orange:hover > span.style, .btn-orange input{
  background: #f47b4a; /* Old browsers */
  background: -moz-linear-gradient(top,  #f47b4a 89%, #e14327 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(89%,#f47b4a), color-stop(99%,#e14327)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f47b4a 89%,#e14327 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f47b4a 89%,#e14327 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f47b4a 89%,#e14327 99%); /* IE10+ */
  background: linear-gradient(to bottom,  #f47b4a 89%,#e14327 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47b4a', endColorstr='#e14327',GradientType=0 ); /* IE6-9 */

}

.btn-orange span.shadow, .btn-darkblue.trial span.shadow{
  background: url("images/backgrounds/btnorange-shadow.png") no-repeat center -19px;
  box-shadow: 0 0 0 0;
  display: block;
  height: 20px;
  margin: 0 auto;
  width: 165px;
}

.btn-orange.medium > span.style, .btn-orange.medium input{
  line-height: 30px;
  padding: 5px 25px;
}

.btn-orange.medium span.shadow{
  background: url("images/backgrounds/shadow-medium.png") no-repeat center -14px;
  width: 115px;
}

.btn-green{
  cursor: pointer;
  display: inline-block;
}

.btn-green span, .btn-green input{
  background: #5BA71B;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  color:#FFF;
  display: inline-block;
  font-family:'Montserrat', sans-serif; 
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  padding: 4px 15px 5px;
}

.bt-green.width span, .btn-green.width input{
  padding: 5px 35px 5px; 
}

.btn-gray {
  cursor: pointer;
  display: inline-block;
}

.btn-gray span, .btn-gray input{
  background: #CFCFCF;
  border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px rgba(255,255,255,0.6) inset, 0px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px rgba(255,255,255,0.6) inset, 0px 1px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px rgba(255,255,255,0.6) inset, 0px 1px 1px rgba(0,0,0,0.5);
	color:#333;
  display: inline-block;
  font-family:'Montserrat',sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  padding: 5px 15px 5px;
}

.btn-green-selected{
  cursor: pointer;
  display: inline-block;
}

.btn-green-selected span, .btn-green-selected input{
  background: #5BA71B;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px rgba(0,0,0,0.3) inset, 0px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px rgba(0,0,0,0.3) inset, 0px 1px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px rgba(0,0,0,0.3) inset, 0px 1px 1px rgba(0,0,0,0.5);
  color:#FFF;
  display: inline-block;
  font-family:'Montserrat', sans-serif; 
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  padding: 5px 15px 5px;
}

#page_out .content-frame { margin:0 1em 0 1em; }

/* rewrite of accordion stuff - jason (their js too darn big) */
.js-accordion h3
{
	cursor:pointer; 
}
.js-accordion h3
{
	line-height:2em;
	vertical-align:top;
	font-weight:bold;
	font-size:1.2em;
	color: #268;
	text-decoration:none;
}
.js-accordion h3.closed:before, .js-accordion h3:before
{
	background: url('images/icons/accordion-arrow.png') 0px -70px no-repeat;
	padding: 0 0 0px 1.5em;
	content: " ";
	/*display:none;*/
}
.js-accordion h3.opened
{
	color: black;
}
.js-accordion h3.opened:before
{
	background: url('images/icons/accordion-arrow.png') 0px 5px no-repeat;
	padding: 0 0 0px 1.5em;
	content: " ";
}
.js-accordion p { margin-left:2em; margin-top:0; line-height:1.3em; }
.js-accordion h3.closed+p, .js-accordion h3.closed+div { display:none; }
.js-accordion ol { margin-left:3em; }
/*######################## Register For Your Free Trial Styles ########################*/
.regform{
        width:280px;
        float:left;
        padding:30px 10px;
        }
.main-info{
        width:50%;
        float:right;
        padding:30px 10px 10px;
        }
.index-main{
        float:right;
        }

.reglist{
        padding:10px;
        box-shadow:0 0 4px rgba(0,0,0,0.3);
        border-radius:4px;
        background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 0%, #f4f4f4 50%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(50%,#f4f4f4), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f4f4f4 50%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 0%,#f4f4f4 50%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 0%,#f4f4f4 50%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfcfc 0%,#f4f4f4 50%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
        }

.reglist h3{
        color:#2f4a66;
        font-size:18px;
        text-align:center;
        border-bottom:1px solid #e9e9e9;
        padding-bottom:10px;
        }
.reglist p{
        text-align:center;
        font-size:11px;
        line-height:14px;
        color:#939393;
        margin:10px 0;
        }

.reglist a{

        }
.reglist a .style{
        margin:10px 56px;
        box-shadow:0 2px 6px rgba(0,0,0,0.4);
        }


/* Tablets */
@media (min-width: 721px) and (max-width: 960px)
{
  .hidden-tablet{display: none !important;}
  .visible-tablet{display: inherit !important;}
}

/* Mobile */
@media (max-width: 720px)
{
  .hidden-phone{display: none !important;}
  .visible-phone{display: inherit !important;}

  .wrapper{width: auto;}

  .row .half,
  .row .third,
  .row .quarter,
  .row .fifth,
  .row .sixth {
    margin-left: 0;
    width: 100%;
  }

  #logo{
    margin-left: auto;
    margin-right: auto;
  }

  img.left,
  img.right{max-width: 50%;}

}