/*
Theme Name: Vertical Measures
Theme URI: http://www.verticalmeasures.com/
Description: The new Vertical Measures custom Wordpress theme  Designed by <a href="http://www.gatesix.com">GateSix</a>
Thanks to the entire Vertical Measures team for their valuable input!   
Version: Version: 1.0
Author: Vertical Measures Team & Gatesix
Author URI: http://www.verticalmeasures.com/about-us/our-team/
*/



/* Begin Typography & Colors */
/*@charset "utf-8";*/

/*** html ***/
body {background:url(images/background.jpg) repeat-x top #fff; margin:0px; margin-top:20px; padding:0px; font:12px/18px normal Arial, Helvetica, sans-serif; color:#454545;}
a {text-decoration:none; color:#0000FF;}
a:hover {text-decoration:underline; color:#454545;}
a img {border:none;}
h1 {font-size:22px; color:#1b3785; margin:0px; padding:0 0 10px 0; line-height:1.2em;}
h1.condensed{text-align: left; font-size: 34px; letter-spacing: -.05em; line-height:40px; }
h2 {font-size:16px; color:#1b3785; margin:0px; padding:0px; padding-bottom:0px;}
h3 {font-size:15px;}
hr{ clear:both; }
form {margin:0px; padding:0px; line-height:normal;}
input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#454545; border:1px solid #dbdbdb; margin-left:6px; padding-left:4px;}
input, select {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#454545; border:1px solid #dbdbdb; margin-left:6px; padding-left:4px;}
div#wrapper {width:990px; margin:0px auto;}

blockquote {
	padding:15px 25px;
	background:#f1f5fd;
	border:1px solid #e0e7f8;
}
blockquote.slim{
	padding:0px 25px;
}

/*** header ***/
div#header {width:100%; float:left; position:relative; z-index:9;}
div#header div.logo {float:left;}
div#header div.utility {float:right; text-align:right; margin-right:10px;}
div#header div.utility span {font-size:22px; font-weight:bold; color:#1f419a;}
div#header div.utility a {font-size:13px; font-weight:bold; color:#fff; display:block; float:left; height:27px; margin-top:18px; padding-top:12px; text-align:center; text-decoration:none;}
div#header div.utility a.request_more_info {background:url(images/btn_request_more_info.png) no-repeat top; width:144px;}
div#header div.utility a.contact_us, div#header div.utility a.our_blog {width:87px; margin-left:2px;}
div#header div.utility a.contact_us {background:url(images/btn_contact_us.png) no-repeat top;}
div#header div.utility a.our_blog {background:url(images/btn_our_blog.png) no-repeat top;}

/*** top navigation bar ***/
div#tnb {float:left; background:url(images/bg_tnb.png) no-repeat top; width:100%; height:45px; position:relative; z-index:99;}
div#tnb ul {margin:0px; padding:0px;}
div#tnb ul li {list-style:none; float:left; margin-top:14px; *margin-top:3px;}
div#tnb ul li a {font-size:14px; font-weight:bold; color:#fff;}
div#tnb ul li a:hover {color:#FF9900; text-decoration:none;}
div#tnb ul li a span {background:url(images/tnb_separator.gif) no-repeat left; padding:10px 14px; *display:block;}
div#tnb ul li:first-child a span {background:none;}

/*** homepage showcase ***/
div#showcase {float:left; background:url("images/bg_showcase.jpg") no-repeat top; width:100%; height:563px; margin-top:12px;}
div#showcase div.flash {position:relative; z-index:9; float:left;}

/*** homepage accordion ***/
div.accordion {position:relative; z-index:99; float:right; background:url("images/bg_accordion.png") no-repeat top; width:377px; height:469px; margin-top:-437px; *margin-top:-443px;}
#hp_accordian {width:346px; margin:10px 0px 0px 26px;}
#hp_accordian div.header {cursor:pointer; display:block; background:url("images/accordian_collapsed.png") no-repeat top; height:34px; line-height:34px; text-indent:10px;}
#hp_accordian div.header h1, #hp_accordian div.header h2, #hp_accordian div.header p{font-weight:bold; font-size:14px; color:#e2e2e2; margin:0px; padding:0px; !important}
#hp_accordian div.header h1:hover, #hp_accordian div.header h2:hover {background:url("images/accordian_expanded.png") no-repeat top; color:#1b3785;}
#hp_accordian div.selected h1, #hp_accordian div.selected h2 {color:#1b3785; background:url("images/accordian_expanded.png") no-repeat;}
#hp_accordian div.accordion_cnt {padding:10px;}


/*** inner pages content area ***/
.img_border {border:2px solid #DCE0EE;}
div.img_header {float:left; margin-top:12px;}
div#cnt_area {float:left; background:url(images/bg_cntarea.png); width:100%;}
div.showcase_padd {padding:6px;}
div.cnt_padd {padding:10px 20px 0px 20px;}
div.breadcrumbs {float:left; text-align:right; width:100%; font-size:11px; padding-bottom:10px;}
div.breadcrumbs a {color:#20419a;}
div#cnt_main {float:left; width:670px;}
.blue_title {font-size:14px; font-weight:bold; color:#20419a;}
/* blog listing */
div.list_blog {float:left; width:100%; border:none; border-bottom:1px solid #f28419; margin-bottom:30px;}
div.list_blog .title {float:left;	width:100%;margin-bottom:6px;	margin-top:16px;line-height: 24px;}
div.list_blog .title a {font-size:20px; font-weight:bold; color:#20419a; text-decoration:none;}
div.list_blog .date {float:left; width:100%; border:none; border-bottom:1px solid #f8c18c; padding:4px 0px;}
div.list_blog .desc {float:left; width:100%; margin:10px 0px;}
div.list_blog .icons {float:left; width:100%; margin:6px 0px;}
div.list_blog .blog_actions {float:left; width:100%; margin:10px 0px;}
div.list_blog .blog_actions a {text-transform:uppercase; color:#454545; padding-left:18px; margin-right:20px; text-decoration:none;}
div.list_blog .blog_actions a.continue_reading {background:url(images/link_continue_reading.gif) no-repeat left;}
div.list_blog .blog_actions a.comments {background:url(images/link_comments.gif) no-repeat left;}
div.list_blog .blog_actions a.social_media {background:url(images/link_social_media.gif) no-repeat left;}
/* webinars listing */
.list_webinars {float:left; width:80%; margin-bottom:40px;}
.list_webinars .title {float:left; width:100%; font-weight:bold;}
.list_webinars a {text-decoration:none; color:#f28419;}
.list_webinars .image {float:left; margin:10px 0px 0px 0px; border:2px solid #DCE0EE;}
.list_webinars .cnt {float:right; margin:10px 0px 0px 0px; width:69%;}
/* services listing */
ul.list_services {margin:10px; margin-top:20px; padding:0px;}
ul.list_services li {list-style:none; background:url(images/arrow_links.gif) no-repeat top left; padding:0px 0px 40px 14px; *padding-bottom:0px; width:100%;}
ul.list_services li a.title {font-size:17px; color:#f28a19; text-decoration:none;}
ul.list_services li a.readmore {float:right; background:url(images/arrow_blue.gif) no-repeat left; padding-left:8px; color:#28419d; margin:10px 0px 20px 0px; text-decoration:none;}
/* contact form */
div.form_contact {background:url(images/bg_form_contact.png) no-repeat top; width:653px; height:410px; margin:20px 0px 20px 0px;}
div.form_contact form {padding:30px 20px 0px 20px; *padding:35px 20px 0px 20px;}
div.form_contact div.field {float:left; width:100%; margin-bottom:16px; *margin-bottom:-20px;}
div.form_contact div.lbl {float:left; width:40%; text-align:right;}
div.form_contact div.value {float:right; width:58%;}
div.form_contact div.value input {width:240px;}
div.form_contact div.value textarea {width:240px;}
div.form_contact div.value img {vertical-align:middle;}
div.form_contact div.button {float:left; clear:both; width:58%; text-align:right;}
div.form_contact div.button input.btn_submit {background:url(images/btn_submit.gif) no-repeat; width:94px; height:27px; border:none; margin:0px; padding:0px;}

div.contact_items {
	float:left;
	width:600px;
	margin-top:10px;
	padding-left:10px;
	height: 200px;
}

div.contact_items div.contact_office {
	float:left;
	margin-top:10px;
	padding-left:10px;
	position: relative;
	left: 200px;
	top: -180px;
}

div.contact_items div.contact_map {
	float:left;
	margin-top:10px;
	padding-left:10px;
	position: relative;
	left: 230px;
	top: -180px;
}

/*** right navigation bar ***/
div#rnb {float:right; width:249px; text-align:right; margin-top:30px;}
/* rnb: links */
div#rnb ul.links, div#rnb ul.links1, div#rnb ul.links2 {float:right; text-align:left; margin:0px; padding:0px; width:242px; margin-top:10px;}
div#rnb ul.links li, div#rnb ul.links1 li, div#rnb ul.links2 li {list-style:none; background:url(images/list_rnb_links.jpg);}
div#rnb ul.links1 li {background:url(images/list_rnb_links1.jpg);}
div#rnb ul.links li a, div#rnb ul.links1 li a, div#rnb ul.links2 li a {display:block; padding:5px 0px 5px 10px; color:#454545; text-decoration:none;}
div#rnb ul.links1 li a {padding-right:10px;}
div#rnb ul.links li.header, div#rnb ul.links1 li.header, div#rnb ul.links2 li.header {background:url(images/rnb_head_blue.jpg) no-repeat; height:26px; font-size:20px; color:#fff; padding:6px 0px 0px 10px;}
div#rnb ul.links2 li.header {background:url(images/rnb_head_orange.jpg) no-repeat;}
div#rnb ul.links li a:hover, div#rnb ul.links2 li a:hover {background:url(images/list_rnb_links_hover.jpg); color:#fff;}
div#rnb ul.links1 li a:hover {background:url(images/list_rnb_links1_hover.jpg); color:#000;}
div#rnb ul.links li.bottom, div#rnb ul.links2 li.bottom {background:url(images/list_rnb_links_bottom.jpg) no-repeat; height:36px;}
div#rnb ul.links li.bottom a:hover, div#rnb ul.links2 li.bottom a:hover {background:url(images/list_rnb_links_bottom_hover.jpg) no-repeat; padding-bottom:14px;}
div#rnb ul.links1 li.bottom {background:url(images/list_rnb_links_bottom1.jpg) no-repeat; height:55px;}
div#rnb ul.links1 li.bottom a:hover {background:url(images/list_rnb_links_bottom1_hover.jpg) no-repeat; padding-bottom:14px; color:#000;}
div#rnb div.box_padd {padding:0px 20px 0px 14px;}
/* rnb: notes */
div#rnb div.rnb_note {float:right; text-align:left; background:url(images/bg_rnb_note.jpg) no-repeat top; width:242px; height:115px; margin-top:6px;}
div#rnb div.rnb_note h3 {margin-top:10px; margin-bottom:4px;}
div#rnb div.rnb_note a {float:right; background:url(images/arrow_sm.gif) no-repeat left; padding-left:8px; margin-right:18px; text-decoration:none; color:#f28419;}
div#rnb div.rnb_note1 {float:right; text-align:left; background:url(images/bg_rnb_note1.jpg) no-repeat top; width:242px; height:135px; margin-top:6px;}
div#rnb div.rnb_note1 h3 {margin-top:10px; margin-bottom:4px; color:#20419a;}
/* rnb: testimonials */
div#rnb div.rnb_testimonials {float:left; text-align:left; padding:20px 10px 0px 10px; font-size:15px; font-style:italic; line-height:22px;}
div#rnb div.rnb_testimonials b {float:right; font-style:normal;}
/* rnb grey box */
div#rnb div.rnb_greybox {float:right; text-align:left; background:url(images/bg_greybox.jpg) no-repeat bottom; width:242px; margin-top:6px;}
div#rnb div.box_greybox {padding:10px 20px 0px 20px; background:url(images/rnb_greybox_top.jpg) no-repeat top;}
div#rnb div.rnb_greybox h3 {margin-top:4px; margin-bottom:6px;}
div#rnb div.rnb_greybox ul {margin:0px; padding:0px; padding-bottom:20px;}
div#rnb div.rnb_greybox ul li {list-style:none; line-height:22px;}
div#rnb div.rnb_greybox ul li a {font-size:13px; font-weight:bold; color:#20419a;}
div#rnb div.rnb_greybox ul li a:hover {color:#000; text-decoration:none;}
/* rnb blank */
div.rnb_blank {float:left; text-align:left; padding:20px 10px 20px 10px;}
div.rnb_blank h3 {font-size:14px; color:#20419a; margin:0px; padding:0px; padding-bottom:4px;}

/*** footer ***/
div.bg_footer {float:left; background:url(images/bg_footer.jpg) no-repeat top; width:100%; height:51px;}
div#footer {float:left; width:100%; margin:14px 0px;}
div#footer a {color:#393939;}
div#footer div.copyright {float:left; font-size:11px; color:#393939;}
div.follow_us {float:right;}
div.follow_us b {font-size:16px; color:#1b3785; vertical-align:middle; padding-right:4px;}
div.follow_us img {vertical-align:middle; padding:0px 1px;}
/* footer links */
div.links {position:relative; z-index:9; float:left; width:100%; margin-top:20px;}
div.links div.separator_left, div.links div.separator_right {float:left; background:url(images/links_separator.png) no-repeat left; width:1px; height:109px;}
div.links div.separator_left {margin-top:-30px;}
div.links div.separator_right {margin:-30px 20px 0px 20px;}
div.links div.details_pricing {float:left; margin-right:10px; padding-left:6px;}
div.links div.resources_links {float:left; width:480px; line-height:20px; margin-top:-10px; padding-left:10px;}
div.links div.resources_links strong, div.links div.about_links strong {font-size:16px; color:#1b3785; float:left; width:100%; padding-bottom:6px;}
div.links div.resources_links a {float:left; background:url(images/arrow.gif) no-repeat left; padding-left:12px; font-size:12px; font-weight:bold; color:#585858; width:145px;}
div.links div.resources_links a.long-link{background:url(images/arrow.gif) no-repeat 5px left; line-height:1.3em; padding-top:2px;}
div.links div.resources_links a:hover {color:#000; text-decoration:none;}
div.links div.about_links {float:left; width:245px; line-height:20px; margin-top:-10px; padding-left:20px;}
div.links div.about_links a {float:left; background:url(images/arrow.gif) no-repeat left; padding-left:12px; font-size:12px; font-weight:bold; color:#585858; width:108px;}
div.links div.about_links a:hover {color:#000; text-decoration:none;}

/*** conditional stuff ***/
div#showcase div.links {margin-top:0px;}
div#showcase div.links div.separator_right {margin:-30px 0px 0px 0px;}
div#rnb div.follow_us {float:left; width:80%; padding:0px 0px 40px 20px;}
input.btn_subscribe {background:url(images/btn_subscribe.gif) no-repeat; width:98px; height:22px; border:none; margin:4px 0px 0px 0px; padding:0px; cursor:pointer; float:right;}
div.rnb_note1 input.btn_subscribe {float:left; margin-left:6px; *margin-left:14px;}
div.rnb_note1 form {margin:6px 0px 0px -6px;}

/* Flash Slider */
#slide_container #slide_cnt_wrap{position:absolute;z-index:9999;width:490px;top:310px;left:20px}
#slide_container .slide_title, #slide_container .slide_content{
	font-weight:bold;
	padding:0;
	font-family:Arial, sans-serif;
	text-shadow:#FFF 0 1px 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4;
	margin-left: 0;
}
#slide_container .slide_title{
	font-size:20px;
	color:#1b3785;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-bottom: 3px;
}
#slide_container .slide_content{font-size:18px; color:#000;line-height:21px;font-weight:200}

/* Get More Info */
div.button input.btn_more_info {background:url(images/btn_submit.gif) no-repeat; width:94px; height:27px; border:none; margin:0px; padding:0px;}

div#facebook_like{
	padding:5px 0;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/*SWIFT FORMS*/

form.swiftform span{
	clear:both;
	margin:3px 0;
	padding:0;
	display:block;
}

form.swiftform2 label{
	font-size:13px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

form.swiftform{

}
form.swiftform input{
	margin:0;
	padding:0;
}
form.swiftform input[type=text]{
	width:220px;
}

table.S5Survey {
	margin:0 0 0 60px;
	border-width:0px;
	border-style:solid;
	font-size:8pt;
	border-collapse:collapse; 
	width:850px;} 
	
table.S5Survey label{
	clear:both;
	display:block;
	margin:10px 0;
	font-weight:bold;
	font-size:13px;
}

table.S5Survey td{
	width:275px;
	padding:0 10px;
}

em.small{
	font-size:10px;
}
div#form-header{
	margin:0 0 0 80px;
}

/* SALESFORCE GET MORE INFO */

form.form-getmoreinfo{
	width:100%;
	}

form.form-getmoreinfo table{
	width:800px;
	margin:0 0 0 50px;
}

form.form-getmoreinfo table td{
	width:350px;
	padding:0 10px;
}

form.form-getmoreinfo table td label{
	clear:both;
	display:block;
	margin:5px 0;
	font-weight:bold;
}

/* SWIFTFORM INLINE */

div#form-offer{width:300px; margin: 0 0 0 50px; float:right;}
form#swiftform-inline {width:500px; margin:0 0 0 20px; text-align:left; padding:0 20px 0px 40px; font-size:14px;}
form#swiftform-inline p{margin:25px 0; line-height:35px; font-family:Arial, Helvetica, sans-serif;}
form#swiftform-inline span{position:relative; width:150px;padding:0; margin:0; display:inline-block; height:20px;}
form#swiftform-inline span span{position:absolute; top:10px; left:15px; font-size:11px;color:#999; height:20px;}
form#swiftform-inline input,form#swiftform-inline select{border:0;border-bottom:1px solid #999; width:140px;}
form#swiftform-inline input.form-wide{width:330px;}
#form-submit{clear:both; padding:0 0 0 350px;}

/* SWIFTFORM SIDEBAR */

div#form-sidebar{width:242px; height:369px; background:url('images/sidebar-form-bg.jpg') no-repeat top center; margin:0 0 0 5px; padding:0; text-align:left; border:0px solid #f00;}
div#form-sidebar form{padding:60px 0 0 40px; color:#333; font-weight:bold;font-size:13px;}
input#sidebar-submit{border:0;margin:10px 0 0 15px;}
#form-sidebar .small{font-size:11px;}
#form-sidebar p{ margin: 8px 0;}

/*DISQUS*/
.dsq-global-toolbar-container{
	clear:both;
	border:1px solid #eee;
}

/* CUSTOM CONTENT */

div.entry{
	position:relative;
	margin:25px 0 0;
	padding-top:33px;
}

div.desc{
	position:relative;
	margin:25px 0 0;
}
div.entry2 p:first-child{
	position:relative;
	left:0;
	top:16px;
	width:80px;
}

div.desc p:first-child{

	top:0;
	left:0;
	padding:0;
	margin:0;
}

.odiogo_placeholder{
	margin:0; padding:0; display:none;
}

table.content-table{
	width:100%;
}

table.fixed-table{
	width:500px;
	margin:10px auto;
}

table.content-table, .content-table td, .content-table th{
	border:1px solid #ccc;
	border-collapse:collapse;
	text-align:center;
}

.content-table tr td:first-child{
	text-align:center;
	background:#f3f3f3;
	font-weight:bold;
}

.fixed-table tr td:first-child{
	text-align:right;
	padding-right:15px;
	background:#f1f5fd;
	font-weight:bold
}

.content-table td, .content-table th{
	padding:3px;
	font-weight:bold;
}
.fixed-table td{
	font-weight:normal;
	text-align:left;
	padding-left:15px;
}

.content-table th{
	background:#1c388b;
	color:#fff;
	font-weight:bold;
}


.feature-list{
	padding:10px 35px;
	margin: 15px 25px;
	background:#f1f5fd;
	border:1px solid #e0e7f8;
}

.feature-list h3{
	margin:15px 0 5px;
	color:#1f419a;
}

.feature-list a{
	color:#1f419a;
}
.feature-list a:hover h3{
	color:#f4971e;
	text-decoration:none;
}

.feature-list li{
	padding:5px 0;
}

.qa-question{
	font-weight:bold;
	font-style:italic;
}

blockquote.quote-breakout{
	position:relative;
	width:260px;
	float:left;
	left:-35px;
	background:#f1f5fd url('images/quote-open.png') no-repeat 5px 5px;
	border:1px solid #ccc;
	margin: 0 0 10px 0;
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	line-height:1.5em;
	border-right:3px solid #ccc;
	border-bottom:3px solid #ccc;
	text-indent:55px;
	padding:40px 20px 5px 25px;
	}
blockquote.quote-breakout p.quote{
	background:url('images/quote-close.png') no-repeat bottom right;
	padding-bottom:40px;
	width:260px;
}

.table-team{
	margin:0 auto;
}
.table-team img{
	clear:both;
	margin: 0 auto 5px;
}

.table-team td{
	width:167px;
	vertical-align:top;
	border:0px solid #eee;
	border-collapse:collapse;
	font-size:15px;
	list-style:none;
	padding:10px 15px 10px;
	text-align:center;
}

.table-team a{
	font-weight:bold;
}	 	

blockquote ol{
	margin:0;
}

.source{
	font-size:11px;
	text-align:right;
}

div.entry  img, div.entry a img{
	margin:0;
	vertical-align:bottom;
}
.wp-caption {
	background:#fff;
	border:1px solid #ccc;
	padding:5px;
	text-align:center;
	margin:10px;
}
.wp-caption-text{
	padding:5px;
	margin:0;
	font-style:italic;
	font-size:11px;
}
	
.list-padded li{
	margin:15px 0;
}

pre{
	padding:10px;
	font-family:"Consolas",monospace;
	color:#26209F;
	border:1px solid #ddd;
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	white-space : normal; /* crucial for IE 6, maybe 7? */
}
