/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 100%; color: #333; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

#mid h1 { font-size: 54px; margin-top: 40px; color: #fff; text-shadow: 1px 1px 1px #555;  }
#mid h1 a { text-decoration: none; color: #fff; }
#band-left h2 { font-size: 18px; color: #333; font-weight: bold; margin-top: 15px; margin-bottom: 3px; }
#band-left p { margin: 0; font-size: 14px; line-height: 17px; }

.tri-panel h3, .tri-panel h3 a  { font-size: 22px; color: #333; font-weight: bold; margin-bottom: 3px; }
.tri-points a { color: #333; }

#bottom-left h3 { font-size: 14px; margin-bottom: 7px; text-align:center;   }

#bottom-right h4 { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 3px; }

#sub-main h1, #client-list h1 { text-shadow: 1px 1px 1px #ccc; }
#sub-main h2, #client-list h2{ font-size: 26px; line-height: 29px; color: #333; }
#sub-main h2 a, #client-list h2 a { color: #333; text-decoration: underline; }

#footer ul a { color: #FFF; font-size: 12px; line-height: 14px; }
#footer ul { color: #FFF; font-size: 12px; line-height: 14px; }
#footer h5 { color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 3px; }

#bottom-left h5, #bottom-right h5 { margin-bottom: 0; font-size: 100% }

.signup_smallnotice, .signup_smallnotice a { color: #999; }

.sub-body-text { font-size: 16px; line-height: 18px; color: #333; }
.high-vol-link { text-align: center; color: #333; margin: 3px auto; float: left; width: 100%; }

.solution-vertical { font-size: 18px; margin-bottom: 2px; margin-left:145px; }
.guide-header { font-size: 18px; margin-bottom: 2px; margin-left: 145px; }
#copyright { color: #ccc; text-align: center; width: 100%; margin: -3px auto 5px auto; font-size: 12px; }

.guide-tech-tip { font-size: 12px; }

.solutions-block p { font-size: 14px; line-height: 17px; }


/* -------------------------------------------------------------- 
   
   Boilerplate forms.css
   * Sets up some default styling for forms
   
-------------------------------------------------------------- */

label { font-weight: bold; }

/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }


/* hForm
-------------------------------------------------------------- */
form.hform p { margin: 0 0 .5em; }
form.hform p label { float: left; width: 100px; }

form.hform p input { width: 200px; }
form.hform p select { width: 200px; }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }


/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; }
/* @import "lib/plugins.css"; */


/* Site
-------------------------------------------------------------- */
.container { width: 960px; margin: 0 auto; text-align: left; }

#header { background-color: #eee; width: 100%; margin: 0; float: left; border-bottom: 1px solid #ccc; padding-top: 5px; }
#logo { margin-right: 82px; float: left; }
.nav-item { width: 75px; float: left; text-align: center; padding-top: 14px; padding-bottom: 14px; }
.nav-item a { font-size: 14px; font-weight: bold; color: #333; text-shadow: 1px 1px 1px #fff; }
.nav-item a:hover { color: #369;  text-decoration:none; text-shadow: 0 1px 1px #ccc; }
.nav-item:hover { background: url(../marketing-images/nav-item-back.gif) no-repeat center top;  }


.nav-item-long { width: 100px; float: left; text-align: center; padding-top: 14px; padding-bottom: 14px;  }
.nav-item-long a { font-size: 14px; font-weight: bold; color: #333; text-shadow: 1px 1px 1px #fff; }
.nav-item-long a:hover { color: #369;  text-decoration:none; text-shadow: 0 1px 1px #ccc; }
.nav-item-long:hover { background: url(../marketing-images/nav-item-back-long.gif) no-repeat center top;  }


.nav-sin { float: left; padding-top: 5px; margin-left: 30px; }
.nav-log { float: left; padding-top: 5px; margin-left: 10px; }

#mid { float: left; background-color: #369; width: 100%; height: 300px; border-bottom: 1px solid #ccc; overflow: hidden;  }
#mid-left { width: 300px; float: left; }
#mid-right { float: left; margin-left: 10px; margin-top: 25px; }

#band  { float: left; width: 100%; background-color: #f0f0f0; border-bottom: 1px solid #ccc; height: 100px; margin-bottom: 20px; }
#band-left { width: 590px; float: left; }
#band-right { float: left; }

.tri-panel { width: 300px; height: 120px; border: 1px solid #dedede; float: left; }
.tri-inner { padding: 5px; }
.tri-inner img { float: left; }

.tri-points { font-size: 14px; margin:0; float: left; margin: 10px 0 0 20px; list-style: disc;  }

#bottom-left { width: 50%; float: left; margin-top: 15px; border-right: dotted 1px #ccc;  }
.bottom-left-left { width: 50%; float: left; text-align:center; font-weight: bold; margin-bottom: 10px; }
.bottom-left-right { width: 50%; float: left; text-align:center; font-weight: bold; }

#bottom-right { width: 49%; float: left; margin-top: 15px; }
.bottom-right-left { width: 205px; float: left; text-align:left; min-height: 165px; margin-left: 15px; font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 17px; }
.bottom-right-right { width: 205px; float: left; text-align:left; min-height: 165px; margin-left: 30px; font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 17px; }

.bottom-right-full { width: 100%; text-align: center; margin-bottom: 10px; }

#footer { width: 100%; margin-top: 15px; background-color: #333; float: left; }
.footer-column { width: 30%; padding: 20px 10px 10px; float: left; }
#footer ul { color: #fff; list-style-type: disc; }

#sub-main { float: left; margin: 15px 0; width: 100%; }
.sub-main-primary { float: left; margin-right: 15px; }
#sub-main p { margin-left: 145px; }
#sub-main ul { margin-left: 160px; list-style-type: disc; line-height: 17px; }
#sub-main ol { margin-left: 175px;  line-height: 17px; }

#client-list { float: left; margin: 15px 0; width: 100%; }
.client-list-primary { float: left; margin-right: 15px; }
#client-list p { margin-left: 400px; }
.client-logos { float: left; margin-right: 10px; margin-left: 145px; }
.client-logos-text { min-height: 125px; }

#ticketing-main {float: left; margin: 15px 0; width: 100%; }

#spacer { float: left; width: 100%; margin: 10px 0; border-top: 1px dotted #ccc; }

#seals { width: 50%; text-align: center; float: left;  }
#seals img { margin: 10px 25px;  }

#news { width: 49%; text-align: left;  float: right; margin-top: 5px; }
#news p { margin-bottom: .5em; font-size: 12px; line-height: 15px; }
#news blockquote { margin: .5em; }
#news a { text-decoration: underline; margin-bottom: 2px; }
#news h5 { font-size:14px; margin-bottom:0.5em; }


.api-docs { }
.api-docs table { margin-left: 145px; }

.contact-table {  margin-left: 145px; }
.contact-table td { border: 0; }
.contact-table-label { text-align: right; }

.tick-submit { background-color:#369; border:1px solid #ccc; color: #fff; padding: 5px 3px; font-size: 16px; font-weight: bold; }
.tick-submit:hover {background-color:#39c; border:1px solid #000; }

/* login pulled from app */
.loginbox-alt {
border:1px solid #CCCCCC;
color:#333333;
font-size:24px;
height:40px;
margin:0 10px 0 0;
padding:5px 2px 0 4px;
width:230px;
}

.loginbutton-alt:hover {
background-color:#3399FF;
border:1px solid #336699;
}

.loginbutton-alt {
background-color:#99CCFF;
border:1px solid #CCCCCC;
color:#333333;
font-size:24px;
height:47px;
vertical-align:bottom;
width:100px;
}


/*pricing page specials */

#pricing2-header {
color:#4D87C7;
font-weight:bold;
}
#pricing2-subheader {
color:#555555;
}

.pricing2-cell {
border:1px solid #369;
float:left;
height:175px;
margin:3px 0;
padding:3px;
width:150px;
background-color: #ffffe0;
}

.high-vol-cell { width: 175px; }

#pricing2-container-full {
float:left;
margin-bottom:7px;
text-align:center;
width:100%;
}
.pricing-popular {
font-size:18px;
margin-bottom:5px;
text-align:left;
}
.pricing2-plan {
font-size:18px;
font-weight:bold;
margin:5px 0;
text-align:center;
}
.pricing2-price {
color:#555555;
font-size:14px;
font-weight:bold;
line-height:14px;
margin:2px 0 0;
text-align:center;
}
.pricing2-details {
color:#555555;
font-size:12px;
line-height:16px;
margin:5px 0 10px;
text-align:center;
}
.pricing2-add-head {
color:#555555;
font-size:13px;
line-height:8px;
margin:5px 0 0;
text-align:center;
}
.pricing2-page h3 {
font-size:18px;
font-weight:bold;
margin:5px 0;
text-align:center;
}
.pricing2-page h3 a, .pricing2-page h3 a:hover  {
color: #333;
text-decoration: none;
}

.pricing2-ruler {
color:#CCCCCC;
height:1px;
margin:0 auto;
width:125px;
}
.pricing2-page { }
.pricing2-page p { margin:0 0 5px; }
.pricing2-page h2 { margin-bottom: 3px; color: #369; }

.alt-signup-side td, tr, tbody, table {
border:0 none;
text-align: center;
}

.alt-signup td, tr, tbody, table {
border:0 none;
text-align: left;
}



.alt-signup-above-field {
color:#333333;
font-size:12px;
line-height: 15px;
}
.alt-signup-header {
font-size:18px;
}

.alt-signup tbody tr:hover tbody th.sub {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
}
.alt-signup tbody tr:hover td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
}
.alt-signup-big-input {
border:1px solid #CCCCCC;
color:#000000;
font-size:16px;
font-weight:bold;
padding:3px;
width:200px;
}
.alt-signup_tableheader {
font-size:12px;
}
#alt-signup-confirm {
margin-top:400px;
}
#alt-signup-confirm2 {
margin-top:200px;
}
.alt-signup-hr {
background-color:#FFFFFF;
border-color:#CCCCCC;
border-style:none none dotted;
border-width:1px;
color:#FFFFFF;
float:left;
margin-top:3px;
width:620px;
}
.shorter {
margin:-10px 0 -10px 10px;
text-align:center;
width:200px;
}

label.error {
color:red;
float:none;
font-size:12px;
padding-left:5px;
vertical-align:bottom;
}

.alt-signup-below-field {
color:#999999;
font-size:12px;
}

.alt-signup-side-header { font-size:18px; text-align: center; font-weight: bold; }

.create-account { font-size: 20px; font-weight: bold; padding: 5px 3px; background-color: #369; border: 1px solid #ccc; width: 208px; color: #FFF; margin-top: 15px; }
.create-account:hover { border: 1px solid #000; background-color: #3399cc; }


.spaced-out-list { padding-left: 25px; margin-top: -10px; }
.spaced-out-list li { line-height: 15px; margin-bottom: 2px; font-size: 12px;  }

.sub-page-screenshots-container { width: 100%; height: 225px; margin-left: 143px; }
.sub-page-screenshots { float: left; width: 205px; margin-right: 30px; text-align: center;  }
.sub-page-screenshots h5 { font-weight: normal; }

.solutions-block { margin-top: -15px; }

/*Special for ticketing */
table.white { background-color: #fff; }

/* guides */
.guide-tech-tip { border: 1px solid #ccc; padding: 8px; width: 550px; margin-left: 215px; margin-top: -10px; }
.guide-tech-tip img { float: left; margin-right: 10px; }

.video-icon { margin-right: 5px; vertical-align:bottom; }


.how-it-works { margin-left: 145px; }
.how-it-works td { width: 200px; padding: 5px 15px; border: 0; }
.how-it-works-text { text-align: center; }

.coupon-guide-example { float: left; margin-right: 15px; }

.kw-check-button { background-color:#99CCFF;
border:1px solid #a7a6aa;
color:#333333;
font-size:18px;
height:23px;
margin-left:5px;
vertical-align:bottom;
width:110px; }
.kw-check-button:hover { background-color: #39f;}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('fbox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('fbox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('fbox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('fbox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('fbox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('fbox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('fbox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('fbox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('fbox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('fbox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('fbox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('fbox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('fbox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('fbox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('fbox/fancy_title_right.png') repeat-x;
}