/************************************************************
*	                                                    	*
*	Next Gen. IT World Canada Site Theme					*
*	                                                    	*
*	Built on:												*
*	Wordpress + Twitter Bootstrap + CSS3 + JQUERY           *
*	                                                    	*
*	Root CSS Theme Platform file	-	css.css				*
*	Modified to be a branded site	-	i.e. cdn-esq.css	*
*	                                                    	*
*	Main Theme Platform Build #		-	BETA 0.001			*
*	Last Update: Feb, 15th 2013, Jan 22nd, Jan 16th 2013 - November 21st 2012			*
*	                                                    	*
*	Authors:                                                *
*	Jeff Radecki & Eric Schmidt								*
*	                                                    	*
*************************************************************/

/* INDEX | css.css - Next Gen. ITWC Site Theme Platform

1.0 - SITE STRUCTURE
	1.1 - <header>
	1.11 - #networkbar
	1.12 - #topadbar
	1.13 - #masthead
	1.14 - #searchcarousel
	1.15 - #navigationbar
	1.151 - Fixed position #navigationbar
	1.152 - #hottopics
	1.2 - #sitecontent
	1.21 - Article Page
	1.211 - Next Prev Posts
	1.21 - Page Content
	1.3 - Page Widgets
	1.31 - #homepageslider
	1.32 - .mainfeature
	1.321 - .twitter-reply
	1.33 - Modules Mission
	1.331 - Video Listings
	1.332 - Sister Branding - RSS Feeds in Footer
	1.333 - Publication Covers
	1.4 - HUBS
	1.41 - Topics Hub
	1.42 - Tags Hub
	1.42 - Category Hub
	1.421 - Category Pages
	1.5 - Fat Footer
	1.6 - SIDEBAR
	1.61 - old sidebar
2.0 - Share Buttons
	2.1 - New Social Share Buttons
3.0 - The OG S&$
	3.1 - Responsiveness Spans
4.0 - RESPONSIVENESS BEGINS HERE - I WALK WITH A SWAGGER
	4.1 - MOBILE - ET PHONE HOME!
	4.11 - Site Structural Elements
	4.111 - masthead
	4.112 - spans
	4.113 - Main Featcha Beatcha
	4.114 - Article Page Stuff Stuff
	4.115 - #homepageslider
	4.116 - Nav Collapse Stuff Stuff
	4.117 - Category Hub
*/

/*	1.0 - SITE STRUCTURE	*/
body{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; color: #333; background: url('../img/universal/cdn-background.jpg') #efefef;} .feelsgoodman{width: 960px; margin: 0 auto !important; float: none; background: white; padding: 0 30px;} .fullwidth{width: 100%; margin: 0 auto !important;}

/*	1.1 - <header>	*/
header{position: relative;}

/*	1.11 - #networkbar	*/
#networkbar{height: 3em; padding-top: 1em;    } #networkbar nav{float: left;} #networkbar nav ul.nav{font-size: 0.8em; font-weight: bold; margin: 0; padding: 0;} #networkbar nav ul.nav li{float: left;} #networkbar nav ul.nav li a{margin: 0 0.666em; color: #ABABAB !important;} #networkbar nav ul.nav li a:hover{color: #4c5054 !important; background: white;}

/*	1.12 - #topadbar	*/
#topadbar{border-bottom: 1px solid #ababab; width: 1000px; padding: 1em 10px; overflow: hidden;} .ad728x90{} .ad260x90{float: right !important;} .ad300x250{width: 300px; height: 250px;}

/*	1.13 - #masthead	*/
#masthead{height: 133px;} .mastheadlogo{background: url('../img/universal/cdn-logo.png') center center no-repeat; display: block; height: 95px; width: 210px; margin: 5px 0 0 0; float: left; background-size: 100%; font-size: 0em; color: transparent; }

/*	1.14 - #searchcarousel	*/
#searchcarousel{padding: 16px 0 0 0;} #searchcarousel form {padding: 0; margin: 0;} .searchcarousel-control{height: 20px; width: 20px; display: inline-block; display: inline-stack; color: transparent; font-size: 0;} .searchcarousel-control.left{background: url('../img/universal/ui.png') -140px -320px no-repeat; float: right;} .searchcarousel-control.right{background: url('../img/universal/ui.png') -160px -320px no-repeat; float: right;} #searchcarousel form#searchform input#s.headsearchbox{background-color: white; border: 1px solid #CCC; height: 33px; width: 210px; float: left; margin: 0 10px 0 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}

/*	1.15 - #navigationbar	*/
#navigationbar{margin-bottom: 0 auto; background: black; border: none; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); border-top: 2px solid #d91626;} #navigationbar div.navbar{margin: 0 -33px; padding: 0;} #navigationbar .navbar-inverse .navbar-inner {background-color: #3e3e3e; background-image: -moz-linear-gradient(top, #3e3e3e, #363636); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3e3e3e), to(#363636)); background-image: -webkit-linear-gradient(top, #3e3e3e, #363636); background-image: -o-linear-gradient(top, #3e3e3e, #363636); background-image: linear-gradient(to bottom, #3e3e3e, #363636); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3e3e3e', endColorstr='#ff363636', GradientType=0); border-color: #3e3e3e;} nav#navigationbar ul#menu-main-navigation li.menu-item > a{font-weight: bold; color: white; text-shadow: none; margin: 0;} nav#navigationbar .dropdown-menu a{color: #333 !important;}

/*	1.151 - Fixed position #navigationbar	*/
nav#navigationbar.top-nav.navbar-fixed-top{background: white; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.333); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.333); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.333); opacity: 0.9;} nav#navigationbar.top-nav.navbar-fixed-top:hover{-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); opacity: 1.0;} nav#navigationbar.top-nav.navbar-fixed-top .navbar-inverse .navbar-inner{padding: 0; background: white; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none;} nav#navigationbar.top-nav.navbar-fixed-top .nav-collapse{ float: left; } nav#navigationbar.top-nav.navbar-fixed-top .nav-collapse ul li a{text-shadow: none; color: #A8A8A8 !important;} nav#navigationbar.top-nav.navbar-fixed-top .navbar-inverse .nav > a, nav#navigationbar.top-nav.navbar-fixed-top .navbar-inverse .nav > a:hover, nav#navigationbar.top-nav.navbar-fixed-top .navbar-inverse .nav > a:focus{color: black; background: #a8a8a8 !important;} nav#navigationbar.top-nav.navbar-fixed-top .navbar-inverse .nav .active > a, nav#navigationbar.top-nav.navbar-fixed-top .navbar-inverse .nav .active > a:hover, nav#navigationbar.top-nav.navbar-fixed-top .navbar-inverse .nav .active > a:focus{color: white !important; background: #a8a8a8 !important;} #nav-toolset{ float: right; padding: 10px; clear: none;}

/*	1.152 - #hottopics	*/
#hottopics{height: 42px; margin-bottom: 0 auto; background: white; border: none; overflow: hidden; display: block;} #hottopics .navbar{max-width: 1020px; margin: 0 auto; padding: 11px 0;} #hottopics .container{} #hottopics .container.nav-collapse{} #hottopics .hottopics-option{float: left;  font-size: 0.85em; font-weight: bold;} #hottopics .hottopics-option a{color: #111111;} #hottopics .menu-hot-topics-container{float: left;  font-size: 0.85em; max-width: 890px; overflow: hidden; max-height: 17px;} #hottopics ul{list-style: none; margin: 0 0 0 10px;} #hottopics ul li{display: inline;} #hottopics ul li a{float: left; margin: 0px 4px; padding: 0px 1px 0px 9px; font-weight: bold; background: url('../img/universal/ui.png') -205px -144px no-repeat transparent; display: block; height: 17px; color: #505050; font-weight: normal;}

/*	1.2 - #sitecontent	*/
#sitecontent{padding-top: 20px;}

/*	1.21 - Article Page	*/
section#primary.span8{} div#content{} article{} div.entry-content{font-family: Georgia, serif; font-weight: normal;  line-height: 1.666em; font-size: 1.1em;} #content article .entry-content{}

/*	1.211 - Next Prev Posts	*/

.post-re-navigation{}
.post-re-navigation .btn{ display: block; margin: 1em 0;}
.post-navigation-text{ font-family: Georgia, serif; font-weight: normal; font-size: 1.333em; line-height: 1.25em; }

#nav-single, .pager{} .pager a{} .pager a span.meta-nav{} .pager {margin: 10px !important; list-style: none; text-align: center; *zoom: 1;} .pager:before, .pager:after {display: table; content: ""; line-height: 0;} .pager:after {clear: both;} .pager li {display: inline;} nav .pager a, .pager span {display: inline-block; display: inline-stack; background-color: none; border: 1px solid #DDD; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 42px; padding: 8px 0 10px 0; vertical-align: middle;} .pager a:hover {text-decoration: none; background-color: #f5f5f5;} .pager .next a, .pager .next span {float: right;} .pager .previous a {float: left;} .pager .disabled a, .pager .disabled a:hover, .pager .disabled span {color: #999999; background-color: #fff; cursor: default;}

/*	1.21 - Page Content	*/
#pagecontent{}

/*	1.3 - Page Widgets	*/
/*	1.31 - #homepageslider	*/
#homepageslider{overflow: hidden; display: block;} #homepageslider .mainfeature{ height: 450px; } #homepageslider h1.article-title{min-height: 3em;} #homepageslider .teaser-text{ min-height:4em;} .whereamibox{background: #ABABAB;} .homeslider-control{position: absolute; top: 26%; width: 70px; height: 90px; margin-top: -20px; font-size: 0; color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; opacity: 1.0; filter: alpha(opacity=100);} .homeslider-control.left{background: url('../img/universal/ui.png') -30px 0px no-repeat; right: auto; left: -5px;} .homeslider-control.left:hover{background: url('../img/universal/ui.png') -30px -100px no-repeat;} .homeslider-control.left:active{background: url('../img/universal/ui.png') -30px -200px no-repeat;} .homeslider-control.right{background: url('../img/universal/ui.png') -110px 0px no-repeat; right: -12px; left: auto;} .homeslider-control.right:hover{background: url('../img/universal/ui.png') -110px -100px no-repeat;} .homeslider-control.right:active{background: url('../img/universal/ui.png') -110px -200px no-repeat;}

/*	1.32 - .mainfeature	*/
.mainfeature{padding: 0 0 20px 0; height: auto; overflow: hidden;} .mainfeature .span4{} .article-title{font-family: Georgia, serif; font-weight: normal;} .article-title a{color: #111;} .article-title a:hover{color: #d91626;} h1.article-title {font-size: 2em; line-height: 1em;margin: 0;padding: 0.1em 0 0.75em 0;} h2.article-title {font-size: 2em; line-height: 1.11em;} h3.article-title {font-size: 1.25em; line-height: 1.333;} .teaser-text{} .category-title{font-size: 0.9em; padding: 0; margin: 10px 0 0 0;} .publishedon{font-size: 1em; font-weight: normal; color: #ABABAB;} .author-content{width: 220px; float: right; padding: 10px; border-left: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1); background: #efefef;} .author-content a:link{color: #4c5054;} .author-content .metainfo{padding: 10px 0; } .author-content a.btn{width: 220px;} .author-content .publishedon{clear: both;} .author-content .author-name{padding: 0; margin: 0;} .author-content .twitter-handle{padding: 0; margin: 0;} .twitteronpost{ background: white; border-left: 1px #ccc solid;} .twitter-feed{ padding: 5px; } .twitter-feed ul{list-style: none; padding: 0; margin: 0;line-height: 1em;} .twitter-feed ul li{ line-height: 1em; } .twitter-feed ul li a{line-height: 1.5em; font-size: 0.9em; color: inherit; display: inline-block; display: inline-stack;} #img-author, .img-author{width: 42px; margin: 0 10px 0px 0; padding: 0;} .img-author a{} .img-author a img{} .author-name{font-weight: bold;} h5.author-name{font-size: 1.5em; font-weight: bold; margin: 0; padding: 0; display: inline;} .twitter-handle{font-size: 1.0em; font-weight: normal; margin: 0; padding: 0; text-transform: lowercase;} .twitter-handle a{color: #ABABAB;} .author-name a{color: #545454;} span.syndicated{color: #545454;}

/*	1.321 - .twitter-reply	*/
.twitter-reply, .twitter-retweet, .twitter-favorite{overflow: hidden; height: 16px; width: 16px;font-size: 0px !important;} .twitter-reply{background: url('../img/universal/ui.png') -535px 0px no-repeat;} .twitter-retweet{background: url('../img/universal/ui.png') -615px 0px no-repeat;} .twitter-favorite{background: url('../img/universal/ui.png') -566px 0px no-repeat;} .twitter-reply:hover{background: url('../img/universal/ui.png') -536px 0px no-repeat;} .twitter-retweet:hover{background: url('../img/universal/ui.png') -615px 0px no-repeat;} .twitter-favorite:hover{background: url('../img/universal/ui.png') -566px 0px no-repeat;}

/*	1.33 - Modules Mission	*/
.module-category{float: left; padding: 0 0 1em 0;} .category-title a{color: #D91626;} .category-title a:hover{color: #505050 !important;} .feature-story{float: left; padding-bottom: 0;} h2.article-title a{} span.metainfo{ height: 16px; display: block; line-height: 1em; padding: 0; overflow: hidden; margin: 0 0 1em 0; } .author-name{} span.published-date a{} p.teaser-text, p.teasers{color: #333333; font-size: 0.9em; line-height: 1.5em;min-height: 4.5em;max-height: 4.5em;overflow: hidden;} .list-story{float: left; width: 300px;} .list-story ul.nav {border-top: 2px solid #ccc;} .list-story ul.nav li a{padding: 8px 5px; border-bottom: 1px solid #cccccc; font-size: 0.85em; line-height: 1.666em; font-weight: bold; color: #111111;} .list-story ul.nav li a:hover{background: none;} .feature-story a.btn, .list-story a.btn {width: 100%; margin: 0 auto;} .module-category.quarter-width .feature-story a.btn, .module-category.quarter-width .list-story a.btn {width: 80%; margin: 0 auto;} .module-category.full-width{clear: both; width: 100%;} .module-category.full-width .feature-story{padding: 0 20px 0 0; width: 300px;} .module-category.half-width{clear: none; width: 300px; padding-right: 20px;} .module-category.half-width .feature-story{padding-right: 0; height: 420px;} .module-category.half-width h2.article-title{min-height: 3.3em;max-height: 3.3em;overflow: hidden;min-height: 4.5em;} .module-category.quarter-width{clear: none; width: 140px; padding-right: 20px;} .sisters .feature-story{padding-right: 0; max-height: 122px;} .module-category.quarter-width .feature-story{padding-right: 0; height: 333px; overflow: hidden;} .module-category.quarter-width h3{min-height: 5.5em;} .module-category.quarter-width span.metainfo{display: block; clear: both; height: 60px; padding: 0; background: white; line-height: 1.5em;margin: 0;} .module-category.quarter-width .author-name{clear: both; display: block; padding: 6px 0 0 0;} .module-category.quarter-width .publish-date{clear: both; display: block;} .module-category.quarter-width .list-story{width: 100%; float: left; min-height: 210px;} .module-category.quarter-width .list-story ul.nav li a{height: 42px; overflow: hidden; line-height: 1.333em;} /* -- Last-Col for Alcohol! -- */ .module-category.last-col{padding-right: 0;} .categorymodule{float: left;} .categorymodule.fullwidth{} .categorymodule.halfwidth{width: 300px; float: left;} .categorymodule.quarterwidth{width: 140px; padding: 0;} .main-story{width: 100%; padding: 0 0px; float: left; max-width: 300px;} .list-stories{width: 100%; float: right; max-width: 300px;} .list-stories ul.nav{border-top: 2px solid #ccc;} .list-stories ul.nav li{border-bottom: 1px solid #ccc; font-weight: normal; display: block; padding: 0.5em 0;} .list-stories ul.nav li a{display: block; color: #4c5054;} .categorymodule .teaser-text{font-weight: normal;} .categorymodule.span2 .author-name{clear: both; display: block;} .metainfo{display: block; font-size: 0.85em; font-weight: normal; color: #ABABAB;}

/*	1.331 - Video Listings	*/
ul.video-nav li a{display: block; font-weight: bold;  line-height: 1.333em; height: 42px; padding: 10px;} ul.video-nav li a:hover{color: #d91626 !important;} .video-button{opacity: 0.33;}

/*	1.332 - Sister Branding - RSS Feeds in Footer	*/
.sister-branding{max-height: 120px;} div.widget_rss{} div.widget_rss h2.widgettitle{display: none;} div.widget_rss a.rsswidget{} div.widget_rss ul{list-style: none; margin: 0; border-top: 2px solid #CCC;} div.widget_rss ul li{} div.widget_rss ul li a.rsswidget{padding: 10px 5px; border-bottom: 1px solid #CCC; font-size: 0.85em; line-height: 1.3; display: block; height: 4em; overflow: hidden; vertical-align: middle; font-weight: bold; color: #111111;} .sponsor-position{} .sponsor-position .category-title a{ color: #ABABAB !important;} .ad-area{background: #EFEFEF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1); height: auto; text-align: center; padding: 10px 0;} .ad-area div{margin: 0 auto !important;}

/*	1.333 - Publication Covers */
div.publication{display: block;} div.publication a img.footerCover{-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);} img.footerCover:hover {margin-top: -5px; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8);} 

/*	1.4 - HUBS */
/*	1.41 - Topics Hub */
div.category-list{height: auto;} div.category-list div.category-titleshell{float: left; padding: 0; margin: 0;} div.category-titleshell a{color: #4C5054; border-top: 3px solid #ABABAB; padding: 10px 0 0 10px; margin: 0; font-weight: normal; color: #4C5054; font-weight: normal; font-size: 1.5em; width: 100%; display: block;} div.category-titleshell h3.category-title a{color: #4C5054; font-weight: normal !important;} div.list-posts{float: right; padding: 0; margin: 0;} div.list-posts ul.nav{border-top: 3px solid #CCC; padding: 0; margin: 0;} div.list-posts ul.nav li{padding: 8px 5px; border-bottom: 1px solid #CCC; font-size: 0.9em; line-height: 1.666em;} div.list-posts ul.nav li a{font-weight: bold;} 

/*	1.42 - Tags Hub */
div.alltags{ }
div.alltags a{ color: #A8A8A8; font-weight: bold; font-size: 0.85em;}
div.alltags ul.wp-tag-cloud{ list-style: none; display: inline; margin: 0; float: left;} div.alltags ul.wp-tag-cloud li{ display: inline; padding: 0 0.5em 0 0; } div.alltags ul.wp-tag-cloud li a{ display: inline;} .tag-links{list-style: none; display: block; clear: both; float: left; padding: 0; margin: 0;} .tag-links a{display: inline-block; display: inline-stack; border: 1px solid #eee; margin: 3px; padding: 3px 8px 2px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: white; -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15); display: inline-block; font-size: 0.95em;} 

/*	1.42 - Category Hub */
header{} .page-header.category-page, .page-header.author-page{ clear: both; padding: 2em 0 0 0; } .category-page h1.page-title, .author-page h1.page-title{color: #4c5054; border-bottom: 3px solid #ABABAB; padding: 0 0 10px 0; margin: 0 0 10px 0; font-weight: normal;} .category-page .category-archive-meta{} .category-page .category-archive-meta p, .author-page .category-archive-meta p{color: #4C5054; font-size: 0.9em; line-height: 1.5em;}

h1.tag-page{ padding-left: 56px; background: url('../img/universal/tagicon.png') center left no-repeat; }


/*	1.421 - Category Pages */
.category-listing{border-bottom: 1px solid #ABABAB; float: left; padding: 10px 0; width: 100%;} .category-listing .img-article{float: left; margin: 5px auto;} .category-listing .img-article img{} .category-listing h3.article-title{display: inline; font-family: Helvetica Neue, Helvetica, sans-serif; font-size: 1em; font-weight: bold; padding: 0; margin: 0;} .category-listing .metainfo{} nav.pagination{clear: both; padding: 10px;}

/* Author Pages */

/* ## UNIVERSAL STYLES  ##*/
.form-inset{padding: 10px; background: #dbdbdb; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: inline-block; display: inline-stack; -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15);} .float-left{float: left;} .float-right{float: right;} .middle{float: none !important; margin: 0 auto !important;} .alignleft{margin: 0 !important; padding: 0;} .alignleft li{float: left;} #bigboxads1{ margin: 0 0 10px 0; text-align: center;} #bigboxads2{ margin: 1em 0; text-align: center;} .adspace{ float: left; display: inline-block; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); display: inline-stack; margin: 0; padding: 0;} .adspace div{padding: 0; margin: 0;} 

label.screen-reader-text{display: none; visibility: hidden; font-size: 0; color: transparent;} .nofloat{float: none !important;} .clear{clear: both; padding: 1em 0;} 

nav.page-this{width: 100%; float: left; }

nav.page-this span.btn,
nav.page-this a.btn{padding-left: 10px; padding-right: 10px; margin: 2px 0 0 10px}

.post-previous, .post-next{ min-height: 9em; }




div.alignleft, div.alignright{width: 300px;} div.alignleft{} div.alignright{} div.alignleft a{} div.alignright a{} nav.page-this span.page-this-link{padding: 10px 0; font-family: Georgia, serif; font-weight: normal; font-size: 1.333em; line-height: 1.333em; display: block; clear: both;} 
/**/
.author-page .img-article{ width: 42px; margin: 0 10px 0px 0; padding: 0; }
.img-article{background: #eee; border: none; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden;} .img-article:hover{-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);} .img-biggest{max-width: 100%;} .img-biggest img{} .img-medium{width: 300px; height: 125px;} .img-medium img{width: auto; height: 100%;} .img-small{height: 125px; width: 140px; overflow: hidden;} .img-small img{max-width: 300px !important; } .img-thumb{width: 42px; height: 42px; overflow: hidden;} .img-mini{}

/*	text styling	*/
a {text-decoration: none;} a:hover {color: #d91626 !important; text-decoration: none !important;} .gray{color: #ababab;} .medgray{color: #808080;} .darkgray{color: #4c5054;} .red{color: #d91626;}

/*	ARTICLE PAGE	*/
#post-content{font-size: 1.11em; line-height: 1.666em; font-family: georgia, times, serif; color: #111;} #post-content img{border: inset 1px solid #ccc; margin: 0.333em 0 1.666em 0;} 

/*	1.5 - Fat Footer	*/
footer#willtherealpagefooterpleasestandup{} div#page-footer{clear: both; min-height: 3em; padding: 2em 0 1em 0;} div#page-footer nav.subnav{text-align: center;} div#page-footer ul{text-align: center; display: inline;} ul#menu-footer-links{} div#page-footer ul li{float: none; display: inline;} div#page-footer ul li a{font-size: 0.85em; font-weight: bold; color: #545454 !important; display: inline;} div#myModal{} .modal-header{} .copyinfo{text-align: center; display: block; font-size: 0.85em; color: #ababab; padding: 10px;}

/*	PAGE CONTENT	*/

/*	1.6 - SIDEBAR	*/
#sidecontent{} .sidebardropdownshell{} .sidebardropdown{width: 300px;} #sidebar{position: static; margin: 0 0 1em 0; padding: 0; height: 600px; overflow: auto; width: 320px;} .sidebarscroller-heading{font-weight: bold; color: #545454; padding: 5px 0; margin: 0;} .sidbarscroller{margin-bottom: 0px !important;} .fixed{position: fixed !important; top: 0;} 
.stickyIcky{ width: 300px; }


/*	1.61 - sidebar	*/
.sidbarscroller{margin: 0; padding: 0; width: 300px;} .sidbarscroller a:hover{text-decoration: none;} .sidbarscroller .img-thumb{} .sidbarscroller .img-thumb img{} .sidbarscroller li.sidebarscroller-item {display: block; border-bottom: 1px solid #cccccc; background: url('../img/universal/ui.png') -200px 0px no-repeat; margin: 0px; padding: 0px; height: 72px; overflow: hidden;} .sidbarscroller li.sidebarscroller-item a {padding: 10px; background: none !important;} .sidbarscroller h5{display: inline; color: #ababab; line-height: 0.9em !important; margin: 0; padding: 0;} .sidbarscroller .metainfo{} .sidbarscroller li.sidebarscroller-item:hover{border-bottom: 1px solid #ed1c24; background: url('../img/universal/ui.png') -200px -72px no-repeat; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);} .sidbarscroller li.sidebarscroller-item:hover h5{margin: 7px 0 0 0; padding: 0; font-size: 1.1em; line-height: 1.25em; color: #ed1c24;} 

/*	2.0 - Share Buttons	*/
.share16{display: inline-block; width: 20px; height: 20px; float: left; overflow: hidden; margin: 0 2px;} .twitter{background: url('../img/universal/ui.png') 0px -300px no-repeat; margin: 0 -2px;} .twitter:hover{background: url('../img/universal/ui.png') 0px -340px no-repeat;} .facebook{background: url('../img/universal/ui.png')  -20px -300px no-repeat; margin: 0 -2px;} .facebook:hover{background: url('../img/universal/ui.png')  -20px -340px no-repeat;} .linkedin{background: url('../img/universal/ui.png') -40px -300px no-repeat;} .linkedin:hover{background: url('../img/universal/ui.png') -40px -340px no-repeat;} .email{background: url('../img/universal/ui.png') -60px -300px no-repeat;} .email:hover{background: url('../img/universal/ui.png') -60px -340px no-repeat;} .comment{background: url('../img/universal/ui.png') -80px -300px no-repeat;} .comment:hover{background: url('../img/universal/ui.png') -80px -340px no-repeat;} .googleplus{background: url('../img/universal/ui.png') -80px -300px no-repeat blue;} . googleplus:hover{background: url('../img/universal/ui.png') -80px -340px no-repeat;} .rss{background: url('../img/universal/ui.png') -80px -300px no-repeat orange;} .rss:hover{background: url('../img/universal/ui.png') -80px -340px no-repeat;} 

/*	2.1 - New Social Share Buttons	*/
.follow-share{font-weight: bold; color: #808080; height: 21px; vertical-align: middle; padding: 3px 10px 0 0;display: block;float: left;}

.btn-share{display: inline-block; display: inline-stack; padding: 0px; margin: 0; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); background-color: whiteSmoke; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #E6E6E6 #E6E6E6 #BFBFBF; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #BBB; border-bottom-color: #A2A2A2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); height: 22px; width: 22px; overflow: hidden; font-size: 0 !important; color: transparent !important;}

.btn-share:hover, .btn-share:active, .btn-share.active, .btn-share.disabled, .btn-share[disabled]{color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover*/ background-position: 0 -15px; font-size: 0; color: transparent; }
.btn-share-nobutton{font-size: 1em; line-height: 1em; text-align: center; vertical-align: middle; cursor: pointer; color: #333; font-weight: bold; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); border: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 22px; width: 22px; overflow: hidden; background: transparent;}

.btn-share-nobutton:hover{}
.btn-share span {display: none; visability: hidden;}
.btn-share:hover{ background: none; }
.btn-share i{display: inline-block; display: inline-stack; display: block;}
.btn-share-14, .btn-share-14 i{height: 14px; width: 14px;}
.btn-share-16, .btn-share-16 i{height: 16px; width: 20px;}
.btn-share-22, .btn-share-22 i{height: 22px; width: 22px;}
.btn-share-42, .btn-share-42 i{height: 42px; width: 42px;}





.btn-share-16 i.twitter{ background:url('../img/universal/ui.png') -0px -300px no-repeat; }
.btn-share-16 i.twitter:hover{ background:url('../img/universal/ui.png') -0px -340px no-repeat; }

.btn-share-16 i.facebook{ background:url('../img/universal/ui.png') -20px -300px no-repeat; }
.btn-share-16 i.facebook:hover{ background:url('../img/universal/ui.png') -20px -340px no-repeat; }

.btn-share-16 i.linkedin{ background:url('../img/universal/ui.png') -40px -300px no-repeat; }
.btn-share-16 i.linkedin:hover { background:url('../img/universal/ui.png') -40px -340px no-repeat; }

.btn-share-16 i.email{ background:url('../img/universal/ui.png') -60px -300px no-repeat; }
.btn-share-16 i.email:hover{ background:url('../img/universal/ui.png') -60px -340px no-repeat; }

.btn-share-16 i.googleplus{background: url('../img/universal/social-icons.png') -208px -110px no-repeat;}
.btn-share-16 i.googleplus:hover{background: url('../img/universal/social-icons.png') -208px -10px no-repeat;}

.btn-share-16 i.rss{background: url('../img/universal/social-icons.png') -260px -110px no-repeat;}
.btn-share-16 i.comment{background: url('../img/universal/social-icons.png') -160px -110px no-repeat;}

a.btn-share-16.comment{background: url('../img/universal/social-icons.png') -508px -110px no-repeat;}


.btn-share-16 i.comment:hover {background: url('../img/universal/social-icons.png') -160px -10px no-repeat;}
a.btn-share-16.comment:hover{background: url('../img/universal/social-icons.png') -508px -10px no-repeat;}

.btn-share-16 i{ -webkit-transition: all 0.333s ease; -moz-transition: all 0.333s ease; -ms-transition: all 0.333s ease; -o-transition: all 0.333s ease; }


.btn-share-22 i.twitter{background: url('../img/universal/social-icons.png') -8px -260px no-repeat;}
.btn-share-22 i.twitter:hover{background: url('../img/universal/social-icons.png') -8px -260px no-repeat;}
.btn-share-22 i.facebook{background: url('../img/universal/social-icons.png') -59px -260px no-repeat;}
.btn-share-22 i.facebook:hover{background: url('../img/universal/social-icons.png') -59px -260px no-repeat;}
.btn-share-22 i.linkedin{background: url('../img/universal/social-icons.png') -110px -260px no-repeat;}
.btn-share-22 i.linkedin:hover{background: url('../img/universal/social-icons.png') -110px -260px no-repeat;}
.btn-share-22 i.email{background: url('../img/universal/social-icons.png') -160px -260px no-repeat;}
.btn-share-22 i.email:hover{background: url('../img/universal/social-icons.png') -160px -260px no-repeat;}

.btn-share-22 i.googleplus{background: url('../img/universal/social-icons.png') -210px -260px no-repeat;}
.btn-share-22 i.googleplus:hover{background: url('../img/universal/social-icons.png') -210px -260px no-repeat;}

.btn-share-22 i.rss{background: url('../img/universal/social-icons.png') -260px -260px no-repeat;}
.btn-share-22 i.rss:hover{background: url('../img/universal/social-icons.png') -260px -260px no-repeat;}

.btn-share-22 i.rss{background: url('../img/universal/social-icons.png') -260px -260px no-repeat;}
.btn-share-22 i.rss:hover{background: url('../img/universal/social-icons.png') -260px -260px no-repeat;} 

/*	3.0 - The OG S&$	*/
.clearfix {*zoom: 1;} .clearfix:before, .clearfix:after {display: table; content: ""; line-height: 0;} .clearfix:after {clear: both;} .hide-text {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;} .input-block-level {display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;} audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;} audio:not([controls]) {display: none;} html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} a:focus {outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} a:hover, a:active {outline: 0;} sub, sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {/* Responsive images (ensure images don't scale beyond their parents)*/ max-width: 100%; /* Part 1: Set a maxium relative to the parent*/ width: auto\9; /* IE7-8 need help adjusting responsive images*/ height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching*/ vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;} #map_canvas img {max-width: none;} button, input, select, textarea {margin: 0; font-size: 100%; vertical-align: middle;} button, input {*overflow: visible; line-height: normal;} button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0;} button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;} input[type="search"] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;} textarea {overflow: auto; vertical-align: top;} .img-rounded {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .img-polaroid {padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);} .img-circle {-webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px;} .row {margin: 0; *zoom: 1;} .row:before, .row:after {display: table; content: ""; line-height: 0;} .row:after {clear: both;} [class*="span"] {float: left; min-height: 1px; margin: 0; padding: 0 10px;}

/*	3.1 - Responsiveness Spans	*/
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 960px;} .span12 {width: 940px;} .span11 {width: 860px;} .span10 {width: 780px;} .span9 {width: 700px;} .span8 {width: 620px;} .span7 {width: 540px;} .span6 {width: 460px;} .span5 {width: 380px;} .span4 {width: 300px;} .span3 {width: 220px;} .span2 {width: 140px;} .span1 {width: 60px;} .offset12 {margin-left: 960px;} .offset11 {margin-left: 880px;} .offset10 {margin-left: 800px;} .offset9 {margin-left: 720px;} .offset8 {margin-left: 640px;} .offset7 {margin-left: 560px;} .offset6 {margin-left: 480px;} .offset5 {margin-left: 400px;} .offset4 {margin-left: 320px;} .offset3 {margin-left: 240px;} .offset2 {margin-left: 160px;} .offset1 {margin-left: 80px;} .row-fluid {width: 100%; *zoom: 1;} .row-fluid:before, .row-fluid:after {display: table; content: ""; line-height: 0;} .row-fluid:after {clear: both;} .row-fluid [class*="span"] {display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%;} .row-fluid [class*="span"]:first-child {margin-left: 0;} .row-fluid .span12 {width: 100%; *width: 99.94680851063829%;} .row-fluid .span11 {width: 91.48936170212765%; *width: 91.43617021276594%;} .row-fluid .span10 {width: 82.97872340425532%; *width: 82.92553191489361%;} .row-fluid .span9 {width: 74.46808510638297%; *width: 74.41489361702126%;} .row-fluid .span8 {width: 65.95744680851064%; *width: 65.90425531914893%;} .row-fluid .span7 {width: 57.44680851063829%; *width: 57.39361702127659%;} .row-fluid .span6 {width: 48.93617021276595%; *width: 48.88297872340425%;} .row-fluid .span5 {width: 40.42553191489362%; *width: 40.37234042553192%;} .row-fluid .span4 {width: 31.914893617021278%; *width: 31.861702127659576%;} .row-fluid .span3 {width: 23.404255319148934%; *width: 23.351063829787233%;} .row-fluid .span2 {width: 14.893617021276595%; *width: 14.840425531914894%;} .row-fluid .span1 {width: 6.382978723404255%; *width: 6.329787234042553%;} .row-fluid .offset12 {margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%;} .row-fluid .offset12:first-child {margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%;} .row-fluid .offset11 {margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%;} .row-fluid .offset11:first-child {margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%;} .row-fluid .offset10 {margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%;} .row-fluid .offset10:first-child {margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%;} .row-fluid .offset9 {margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%;} .row-fluid .offset9:first-child {margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%;} .row-fluid .offset8 {margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%;} .row-fluid .offset8:first-child {margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%;} .row-fluid .offset7 {margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%;} .row-fluid .offset7:first-child {margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%;} .row-fluid .offset6 {margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%;} .row-fluid .offset6:first-child {margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%;} .row-fluid .offset5 {margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%;} .row-fluid .offset5:first-child {margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%;} .row-fluid .offset4 {margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%;} .row-fluid .offset4:first-child {margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%;} .row-fluid .offset3 {margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%;} .row-fluid .offset3:first-child {margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%;} .row-fluid .offset2 {margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%;} .row-fluid .offset2:first-child {margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%;} .row-fluid .offset1 {margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%;} .row-fluid .offset1:first-child {margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%;} [class*="span"].hide, .row-fluid [class*="span"].hide {display: none;} [class*="span"].pull-right, .row-fluid [class*="span"].pull-right {float: right;} .container {margin-right: auto; margin-left: auto; *zoom: 1;} .container:before, .container:after {display: table; content: ""; line-height: 0;} .container:after {clear: both;} .container-fluid {padding-right: 20px; padding-left: 20px; *zoom: 1;} .container-fluid:before, .container-fluid:after {display: table; content: ""; line-height: 0;} .container-fluid:after {clear: both;} p {margin: 0 0 10px;} .lead {margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px;} small {font-size: 85%;} strong {font-weight: bold;} em {font-style: italic;} cite {font-style: normal;} .muted {color: #999999;} .text-warning {color: #c09853;} .text-error {color: #b94a48;} .text-info {color: #3a87ad;} .text-success {color: #468847;} h1, h2, h3, h4, h5, h6 {margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 1; color: inherit; text-rendering: optimizelegibility;} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-weight: normal; line-height: 1; color: #999999;} h1 {font-size: 36px; line-height: 40px;} h2 {font-size: 30px; line-height: 40px;} h3 {font-size: 24px; line-height: 40px;} h4 {font-size: 18px; line-height: 20px;} h5 {font-size: 14px; line-height: 20px;} h6 {font-size: 12px; line-height: 20px;} h1 small {font-size: 24px;} h2 small {font-size: 18px;} h3 small {font-size: 14px;} h4 small {font-size: 14px;} .page-header {padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee;} ul, ol {padding: 0; margin: 0 0 10px 25px;} ul ul, ul ol, ol ol, ol ul {margin-bottom: 0;} li {line-height: 20px;} ul.unstyled, ol.unstyled {margin-left: 0; list-style: none;} dl {margin-bottom: 20px;} dt, dd {line-height: 20px;} dt {font-weight: bold;} dd {margin-left: 10px;} .dl-horizontal {*zoom: 1;} .dl-horizontal:before, .dl-horizontal:after {display: table; content: ""; line-height: 0;} .dl-horizontal:after {clear: both;} .dl-horizontal dt {float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .dl-horizontal dd {margin-left: 180px;} hr {margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff;} abbr[title] {cursor: help; border-bottom: 1px dotted #999999;} abbr.initialism {font-size: 90%; text-transform: uppercase;} blockquote {padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee;} blockquote p {margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 25px;} blockquote small {display: block; line-height: 20px; color: #999999;} blockquote small:before {content: '\2014 \00A0';} blockquote.pull-right {float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0;} blockquote.pull-right p, blockquote.pull-right small {text-align: right;} blockquote.pull-right small:before {content: '';} blockquote.pull-right small:after {content: '\00A0 \2014';} q:before, q:after, blockquote:before, blockquote:after {content: "";} address {display: block; margin-bottom: 20px; font-style: normal; line-height: 20px;} code, pre {padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} code {padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8;} pre {display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} pre.prettyprint {margin-bottom: 20px;} pre code {padding: 0; color: inherit; background-color: transparent; border: 0;} .pre-scrollable {max-height: 340px; overflow-y: scroll;} .label, .badge {font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999999;} .label {padding: 1px 4px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .badge {padding: 1px 9px 2px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;} a.label:hover, a.badge:hover {color: #ffffff; text-decoration: none; cursor: pointer;} .label-important, .badge-important {background-color: #b94a48;} .label-important[href], .badge-important[href] {background-color: #953b39;} .label-warning, .badge-warning {background-color: #f89406;} .label-warning[href], .badge-warning[href] {background-color: #c67605;} .label-success, .badge-success {background-color: #468847;} .label-success[href], .badge-success[href] {background-color: #356635;} .label-info, .badge-info {background-color: #3a87ad;} .label-info[href], .badge-info[href] {background-color: #2d6987;} .label-inverse, .badge-inverse {background-color: #333333;} .label-inverse[href], .badge-inverse[href] {background-color: #1a1a1a;} .btn .label, .btn .badge {position: relative; top: -1px;} .btn-mini .label, .btn-mini .badge {top: 0;} table {max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0;} .table {width: 100%; margin-bottom: 20px;} .table th, .table td {padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd;} .table th {font-weight: bold;} .table thead th {vertical-align: bottom;} .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {border-top: 0;} .table tbody + tbody {border-top: 2px solid #dddddd;} .table-condensed th, .table-condensed td {padding: 4px 5px;} .table-bordered {border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .table-bordered th, .table-bordered td {border-left: 1px solid #dddddd;} .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {border-top: 0;} .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {-webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;} .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {-webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px;} .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child {-webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px;} .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child {-webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px;} .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child {-webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;} .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child {-webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px;} .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {background-color: #f9f9f9;} .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {background-color: #f5f5f5;} table [class*=span], .row-fluid table [class*=span] {display: table-cell; float: none; margin-left: 0;} .table .span1 {float: none; width: 44px; margin-left: 0;} .table .span2 {float: none; width: 124px; margin-left: 0;} .table .span3 {float: none; width: 204px; margin-left: 0;} .table .span4 {float: none; width: 284px; margin-left: 0;} .table .span5 {float: none; width: 364px; margin-left: 0;} .table .span6 {float: none; width: 444px; margin-left: 0;} .table .span7 {float: none; width: 524px; margin-left: 0;} .table .span8 {float: none; width: 604px; margin-left: 0;} .table .span9 {float: none; width: 684px; margin-left: 0;} .table .span10 {float: none; width: 764px; margin-left: 0;} .table .span11 {float: none; width: 844px; margin-left: 0;} .table .span12 {float: none; width: 924px; margin-left: 0;} .table .span13 {float: none; width: 1004px; margin-left: 0;} .table .span14 {float: none; width: 1084px; margin-left: 0;} .table .span15 {float: none; width: 1164px; margin-left: 0;} .table .span16 {float: none; width: 1244px; margin-left: 0;} .table .span17 {float: none; width: 1324px; margin-left: 0;} .table .span18 {float: none; width: 1404px; margin-left: 0;} .table .span19 {float: none; width: 1484px; margin-left: 0;} .table .span20 {float: none; width: 1564px; margin-left: 0;} .table .span21 {float: none; width: 1644px; margin-left: 0;} .table .span22 {float: none; width: 1724px; margin-left: 0;} .table .span23 {float: none; width: 1804px; margin-left: 0;} .table .span24 {float: none; width: 1884px; margin-left: 0;} .table tbody tr.success td {background-color: #dff0d8;} .table tbody tr.error td {background-color: #f2dede;} .table tbody tr.warning td {background-color: #fcf8e3;} .table tbody tr.info td {background-color: #d9edf7;} .table-hover tbody tr.success:hover td {background-color: #d0e9c6;} .table-hover tbody tr.error:hover td {background-color: #ebcccc;} .table-hover tbody tr.warning:hover td {background-color: #faf2cc;} .table-hover tbody tr.info:hover td {background-color: #c4e3f3;} form {margin: 0 0 20px;} fieldset {padding: 0; margin: 0; border: 0;} legend {display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5;} legend small {font-size: 15px; color: #999999;} label, input, button, select, textarea {font-size: 14px; font-weight: normal; line-height: 20px;} input, button, select, textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} label {display: block; margin-bottom: 5px;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 9px; font-size: 14px; line-height: 20px; color: #555555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} input, textarea, .uneditable-input {width: 206px;} textarea {height: auto;} textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s;} textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9*/ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);} input[type="radio"], input[type="checkbox"] {margin: 4px 0 0; *margin-top: 0; /* IE7*/ margin-top: 1px \9; /* IE8-9*/ line-height: normal; cursor: pointer;} input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {width: auto;} select, input[type="file"] {height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size*/ *margin-top: 4px; /* For IE7, add top margin to align select with labels*/ line-height: 30px;} select {width: 220px; border: 1px solid #cccccc; background-color: #ffffff;} select[multiple], select[size] {height: auto;} select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} .uneditable-input, .uneditable-textarea {color: #999999; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed;} .uneditable-input {overflow: hidden; white-space: nowrap;} .uneditable-textarea {width: auto; height: auto;} input:-moz-placeholder, textarea:-moz-placeholder {color: #999999;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999999;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999999;} .radio, .checkbox {min-height: 18px; padding-left: 18px;} .radio input[type="radio"], .checkbox input[type="checkbox"] {float: left; margin-left: -18px;} .controls > .radio:first-child, .controls > .checkbox:first-child {padding-top: 5px;} .radio.inline, .checkbox.inline {display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle;} .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {margin-left: 10px;} .input-mini {width: 60px;} .input-small {width: 90px;} .input-medium {width: 150px;} .input-large {width: 210px;} .input-xlarge {width: 270px;} .input-xxlarge {width: 530px;} input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] {float: none; margin-left: 0;} .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] {display: inline-block;} input, textarea, .uneditable-input {margin-left: 0;} .controls-row [class*="span"] + [class*="span"] {margin-left: 20px;} input.span12, textarea.span12, .uneditable-input.span12 {width: 926px;} input.span11, textarea.span11, .uneditable-input.span11 {width: 846px;} input.span10, textarea.span10, .uneditable-input.span10 {width: 766px;} input.span9, textarea.span9, .uneditable-input.span9 {width: 686px;} input.span8, textarea.span8, .uneditable-input.span8 {width: 606px;} input.span7, textarea.span7, .uneditable-input.span7 {width: 526px;} input.span6, textarea.span6, .uneditable-input.span6 {width: 446px;} input.span5, textarea.span5, .uneditable-input.span5 {width: 366px;} input.span4, textarea.span4, .uneditable-input.span4 {width: 286px;} input.span3, textarea.span3, .uneditable-input.span3 {width: 206px;} input.span2, textarea.span2, .uneditable-input.span2 {width: 126px;} input.span1, textarea.span1, .uneditable-input.span1 {width: 46px;} .controls-row {*zoom: 1;} .controls-row:before, .controls-row:after {display: table; content: ""; line-height: 0;} .controls-row:after {clear: both;} .controls-row [class*="span"] {float: left;} input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {cursor: not-allowed; background-color: #eeeeee;} input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {background-color: transparent;} .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline {color: #c09853;} .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {color: #c09853;} .control-group.warning input, .control-group.warning select, .control-group.warning textarea {border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;} .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {color: #c09853; background-color: #fcf8e3; border-color: #c09853;} .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline {color: #b94a48;} .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {color: #b94a48;} .control-group.error input, .control-group.error select, .control-group.error textarea {border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;} .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {color: #b94a48; background-color: #f2dede; border-color: #b94a48;} .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline {color: #468847;} .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {color: #468847;} .control-group.success input, .control-group.success select, .control-group.success textarea {border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;} .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {color: #468847; background-color: #dff0d8; border-color: #468847;} .control-group.info > label, .control-group.info .help-block, .control-group.info .help-inline {color: #3a87ad;} .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea {color: #3a87ad;} .control-group.info input, .control-group.info select, .control-group.info textarea {border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;} .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on {color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad;} input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {color: #b94a48; border-color: #ee5f5b;} input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7;} .form-actions {padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1;} .form-actions:before, .form-actions:after {display: table; content: ""; line-height: 0;} .form-actions:after {clear: both;} .help-block, .help-inline {color: #595959;} .help-block {display: block; margin-bottom: 10px;} .help-inline {display: inline-block; *display: inline; /* IE7 inline-block hack*/ *zoom: 1; vertical-align: middle; padding-left: 5px;} .input-append, .input-prepend {margin-bottom: 5px; font-size: 0; white-space: nowrap;} .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {position: relative; margin-bottom: 0; *margin-left: 0; font-size: 14px; vertical-align: top; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus {z-index: 2;} .input-append .add-on, .input-prepend .add-on {display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; border: 1px solid #ccc;} .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn {vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .input-append .active, .input-prepend .active {background-color: #a9dba9; border-color: #46a546;} .input-prepend .add-on, .input-prepend .btn {margin-right: -1px;} .input-prepend .add-on:first-child, .input-prepend .btn:first-child {-webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .input-append input, .input-append select, .input-append .uneditable-input {-webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .input-append .add-on, .input-append .btn {margin-left: -1px;} .input-append .add-on:last-child, .input-append .btn:last-child {-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {margin-right: -1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {margin-left: -1px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} input.search-query {padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding*/   margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} /* Allow for input prepend/append in search forms*/ .form-search .input-append .search-query, .form-search .input-prepend .search-query {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .form-search .input-append .search-query {-webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px;} .form-search .input-append .btn {-webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0;} .form-search .input-prepend .search-query {-webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0;} .form-search .input-prepend .btn {-webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px;} .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {display: inline-block; *display: inline; /* IE7 inline-block hack*/ *zoom: 1; margin-bottom: 0; vertical-align: middle;} .form-search .hide, .form-inline .hide, .form-horizontal .hide {display: none;} .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {display: inline-block;} .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {margin-bottom: 0;} .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox {padding-left: 0; margin-bottom: 0; vertical-align: middle;} .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {float: left; margin-right: 3px; margin-left: 0;} .control-group {margin-bottom: 10px;} legend + .control-group {margin-top: 20px; -webkit-margin-top-collapse: separate;} .form-horizontal .control-group {margin-bottom: 20px; *zoom: 1;} .form-horizontal .control-group:before, .form-horizontal .control-group:after {display: table; content: ""; line-height: 0;} .form-horizontal .control-group:after {clear: both;} .form-horizontal .control-label {float: left; width: 160px; padding-top: 5px; text-align: right;} .form-horizontal .controls {*display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0;} .form-horizontal .controls:first-child {*padding-left: 180px;} .form-horizontal .help-block {margin-bottom: 0;} .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block {margin-top: 10px;} .form-horizontal .form-actions {padding-left: 180px;} .nav {margin-left: 0; margin-bottom: 20px; list-style: none;} .nav > li > a {display: block;} .nav > li > a:hover {text-decoration: none; background-color: #eeeeee;} .nav > .pull-right {float: right;} .nav-header {display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase;} .nav li + .nav-header {margin-top: 9px;} .nav-list {padding-left: 15px; padding-right: 15px; margin-bottom: 0;} .nav-list > li > a, .nav-list .nav-header {margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .nav-list > li > a {padding: 3px 15px;} .nav-list > .active > a, .nav-list > .active > a:hover {color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc;} .nav-list [class^="icon-"] {margin-right: 2px;} .nav-list .divider {*width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff;} .nav-tabs, .nav-pills {*zoom: 1;} .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {display: table; content: ""; line-height: 0;} .nav-tabs:after, .nav-pills:after {clear: both;} .nav-tabs > li, .nav-pills > li {float: left;} .nav-tabs > li > a, .nav-pills > li > a {padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px;} .nav.nav-tabs {padding: 0; margin: 0;} .nav-tabs > li {margin-bottom: -1px;} .nav-tabs > li > a {padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;} .nav-tabs > li > a:hover {border-color: #eeeeee #eeeeee #dddddd;} .nav-tabs > .active > a, .nav-tabs > .active > a:hover {color: #555555; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default;} .nav-pills > li > a {padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nav-pills > .active > a, .nav-pills > .active > a:hover {color: #ffffff; background-color: #0088cc;} .nav-stacked > li {float: none;} .nav-stacked > li > a {margin-right: 0;} .nav-tabs.nav-stacked {border-bottom: 0;} .nav-tabs.nav-stacked > li > a {border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .nav-tabs.nav-stacked > li:first-child > a {-webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px;} .nav-tabs.nav-stacked > li:last-child > a {-webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px;} .nav-tabs.nav-stacked > li > a:hover {border-color: #ddd; z-index: 2;} .nav-pills.nav-stacked > li > a {margin-bottom: 3px;} .nav-pills.nav-stacked > li:last-child > a {margin-bottom: 1px;} .nav-tabs .dropdown-menu {-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;} .nav-pills .dropdown-menu {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .nav .dropdown-toggle .caret {border-top-color: #0088cc; border-bottom-color: #0088cc; margin-top: 6px;} .nav .dropdown-toggle:hover .caret {border-top-color: #005580; border-bottom-color: #005580;} /* move down carets for tabs*/ .nav-tabs .dropdown-toggle .caret {margin-top: 8px;} .nav .active .dropdown-toggle .caret {border-top-color: #fff; border-bottom-color: #fff;} .nav-tabs .active .dropdown-toggle .caret {border-top-color: #555555; border-bottom-color: #555555;} .nav > .dropdown.active > a:hover {cursor: pointer;} .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover {color: #ffffff; background-color: #999999; border-color: #999999;} .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret {border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100);} .tabs-stacked .open > a:hover {border-color: #999999;} .tabbable {*zoom: 1;} .tabbable:before, .tabbable:after {display: table; content: ""; line-height: 0;} .tabbable:after {clear: both;} .tab-content {overflow: auto;} .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs {border-bottom: 0;} .tab-content > .tab-pane, .pill-content > .pill-pane {display: none;} .tab-content > .active, .pill-content > .active {display: block;} .tabs-below > .nav-tabs {border-top: 1px solid #ddd;} .tabs-below > .nav-tabs > li {margin-top: -1px; margin-bottom: 0;} .tabs-below > .nav-tabs > li > a {-webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} .tabs-below > .nav-tabs > li > a:hover {border-bottom-color: transparent; border-top-color: #ddd;} .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover {border-color: transparent #ddd #ddd #ddd;} .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {float: none;} .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {min-width: 74px; margin-right: 0; margin-bottom: 3px;} .tabs-left > .nav-tabs {float: left; margin-right: 19px; border-right: 1px solid #ddd;} .tabs-left > .nav-tabs > li > a {margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;} .tabs-left > .nav-tabs > li > a:hover {border-color: #eeeeee #dddddd #eeeeee #eeeeee;} .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff;} .tabs-right > .nav-tabs {float: right; margin-left: 19px; border-left: 1px solid #ddd;} .tabs-right > .nav-tabs > li > a {margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;} .tabs-right > .nav-tabs > li > a:hover {border-color: #eeeeee #eeeeee #eeeeee #dddddd;} .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover {border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff;} .nav > .disabled > a {color: #999999;} .nav > .disabled > a:hover {text-decoration: none; background-color: transparent; cursor: default;} .navbar {overflow: visible; margin-bottom: 20px; color: #777777; *position: relative; *z-index: 2;} .navbar-inner {min-height: 40px; padding-left: 20px; padding-right: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border: 1px solid #d4d4d4; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); *zoom: 1;} .navbar-inner:before, .navbar-inner:after {display: table; content: ""; line-height: 0;} .navbar-inner:after {clear: both;} .navbar .container {width: auto;} .nav-collapse.collapse {height: auto;} .navbar .brand {float: left; display: block; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff;} .navbar .brand:hover {text-decoration: none;} .navbar-text {margin-bottom: 0; line-height: 40px;} .navbar-link {color: #777777;} .navbar-link:hover {color: #333333;} .navbar .divider-vertical {height: 40px; margin: 0 9px; border-left: 1px solid #f2f2f2; border-right: 1px solid #ffffff;} .navbar .btn, .navbar .btn-group {margin-top: 5px;} .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn {margin-top: 0;} .navbar-form {margin-bottom: 0; *zoom: 1;} .navbar-form:before, .navbar-form:after {display: table; content: ""; line-height: 0;} .navbar-form:after {clear: both;} .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox {margin-top: 5px;} .navbar-form input, .navbar-form select, .navbar-form .btn {display: inline-block; margin-bottom: 0;} .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] {margin-top: 3px;} .navbar-form .input-append, .navbar-form .input-prepend {margin-top: 6px; white-space: nowrap;} .navbar-form .input-append input, .navbar-form .input-prepend input {margin-top: 0;} .navbar-search {position: relative; float: left; margin-top: 5px; margin-bottom: 0;} .navbar-search .search-query {margin-bottom: 0; padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .navbar-static-top {position: static; width: 100%; margin-bottom: 0;} .navbar-static-top .navbar-inner {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .navbar-fixed-top, .navbar-fixed-bottom {position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0;} .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {border-width: 0 0 1px;} .navbar-fixed-bottom .navbar-inner {border-width: 1px 0 0;} .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 940px;} .navbar-fixed-top {top: 0;} .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);} .navbar-fixed-bottom {bottom: 0;} .navbar-fixed-bottom .navbar-inner {-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1);} .navbar .nav {position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0;} .navbar .nav.pull-right {float: right; margin-right: 0;} .navbar .nav > li {float: left;} .navbar .nav > li > a {float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff;} .navbar .nav .dropdown-toggle .caret {margin-top: 8px;} .navbar .nav > li > a:focus, .navbar .nav > li > a:hover {background-color: transparent; color: #333333; text-decoration: none;} .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {color: #555555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);} .navbar .btn-navbar {display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e5e5e5; /* Darken IE7 buttons by default so they stand out more given they won't have borders*/ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);} .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {color: #ffffff; background-color: #e5e5e5; *background-color: #d9d9d9;} .navbar .btn-navbar:active, .navbar .btn-navbar.active {background-color: #cccccc \9;} .navbar .btn-navbar .icon-bar {display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);} .btn-navbar .icon-bar + .icon-bar {margin-top: 3px;} .navbar .nav > li > .dropdown-menu:before {content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px;} .navbar .nav > li > .dropdown-menu:after {content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 10px;} .navbar-fixed-bottom .nav > li > .dropdown-menu:before {border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto;} .navbar-fixed-bottom .nav > li > .dropdown-menu:after {border-top: 6px solid #ffffff; border-bottom: 0; bottom: -6px; top: auto;} .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {background-color: #e5e5e5; color: #555555;} .navbar .nav li.dropdown > .dropdown-toggle .caret {border-top-color: #777777; border-bottom-color: #777777;} .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {border-top-color: #555555; border-bottom-color: #555555;} .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {left: auto; right: 0;} .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before {left: auto; right: 12px;} .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after {left: auto; right: 13px;} .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {left: auto; right: 100%; margin-left: 0; margin-right: -1px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;} .navbar-inverse {color: #999999;} .navbar-inverse .brand, .navbar-inverse .nav > li > a {color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover {color: #ffffff;} .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {background-color: transparent; color: #ffffff;} .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {color: #ffffff; background-color: #111111;} .navbar-inverse .navbar-link {color: #999999;} .navbar-inverse .navbar-link:hover {color: #ffffff;} .navbar-inverse .divider-vertical {border-left-color: #111111; border-right-color: #222222;} .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {background-color: #111111; color: #ffffff;} .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {border-top-color: #999999; border-bottom-color: #999999;} .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {border-top-color: #ffffff; border-bottom-color: #ffffff;} .navbar-inverse .navbar-search .search-query {color: #ffffff; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;} .navbar-inverse .navbar-search .search-query:-moz-placeholder {color: #cccccc;} .navbar-inverse .navbar-search .search-query:-ms-input-placeholder {color: #cccccc;} .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {color: #cccccc;} .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused {padding: 5px 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0;} .navbar-inverse .btn-navbar {color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #040404; /* Darken IE7 buttons by default so they stand out more given they won't have borders*/ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);} .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] {color: #ffffff; background-color: #040404; *background-color: #000000;} .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active {background-color: #000000 \9;} .breadcrumb {padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .breadcrumb li {display: inline-block; *display: inline; /* IE7 inline-block hack*/ *zoom: 1; text-shadow: 0 1px 0 #ffffff;} .breadcrumb .divider {padding: 0 5px; color: #ccc;} .breadcrumb .active {color: #999999;} .pagination {height: 40px; margin: 20px 0;} .pagination ul {display: inline-block; *display: inline; /* IE7 inline-block hack*/ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} .pagination ul > li {display: inline;} .pagination ul > li > a, .pagination ul > li > span {float: left; padding: 0 14px; line-height: 38px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0;} .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {background-color: #f5f5f5;} .pagination ul > .active > a, .pagination ul > .active > span {color: #999999; cursor: default;} .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover {color: #999999; background-color: transparent; cursor: default;} .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} .pagination-centered {text-align: center;} .pagination-right {text-align: right;} .thumbnails {margin-left: -20px; list-style: none; *zoom: 1;} .thumbnails:before, .thumbnails:after {display: table; content: ""; line-height: 0;} .thumbnails:after {clear: both;} .row-fluid .thumbnails {margin-left: 0;} .thumbnails > li {float: left; margin-bottom: 20px; margin-left: 20px;} .thumbnail {display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} a.thumbnail:hover {border-color: #0088cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);} .thumbnail > img {display: block; max-width: 100%; margin-left: auto; margin-right: auto;} .thumbnail .caption {padding: 9px; color: #555555;} .alert {padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #c09853;} .alert h4 {margin: 0;} .alert .close {position: relative; top: -2px; right: -21px; line-height: 20px;} .alert-success {background-color: #dff0d8; border-color: #d6e9c6; color: #468847;} .alert-danger, .alert-error {background-color: #f2dede; border-color: #eed3d7; color: #b94a48;} .alert-info {background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad;} .alert-block {padding-top: 14px; padding-bottom: 14px;} .alert-block > p, .alert-block > ul {margin-bottom: 0;} .alert-block p + p {margin-top: 5px;} @-webkit-keyframes progress-bar-stripes {from {background-position: 40px 0;}  to {background-position: 0 0;} } @-moz-keyframes progress-bar-stripes {from {background-position: 40px 0;}  to {background-position: 0 0;} } @-ms-keyframes progress-bar-stripes {from {background-position: 40px 0;}  to {background-position: 0 0;} } @-o-keyframes progress-bar-stripes {from {background-position: 0 0;}  to {background-position: 40px 0;} } @keyframes progress-bar-stripes {from {background-position: 40px 0;}  to {background-position: 0 0;} } .progress {overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .progress .bar {width: 0%; height: 100%; color: #ffffff; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease;} .progress .bar + .bar {-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);} .progress-striped .bar {background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px;} .progress.active .bar {-webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;} .progress-danger .bar, .progress .bar-danger {background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);} .progress-danger.progress-striped .bar, .progress-striped .bar-danger {background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .progress-success .bar, .progress .bar-success {background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);} .progress-success.progress-striped .bar, .progress-striped .bar-success {background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .progress-info .bar, .progress .bar-info {background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);} .progress-info.progress-striped .bar, .progress-striped .bar-info {background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .progress-warning .bar, .progress .bar-warning {background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);} .progress-warning.progress-striped .bar, .progress-striped .bar-warning {background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .hero-unit {padding: 60px; margin-bottom: 30px; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .hero-unit h1 {margin-bottom: 0; font-size: 60px; line-height: 1; color: inherit; letter-spacing: -1px;} .hero-unit p {font-size: 18px; font-weight: 200; line-height: 30px; color: inherit;} .tooltip {position: absolute; z-index: 1030; display: block; visibility: visible; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0);} .tooltip.in {opacity: 0.8; filter: alpha(opacity=80);} .tooltip.top {margin-top: -3px;} .tooltip.right {margin-left: 3px;} .tooltip.bottom {margin-top: 3px;} .tooltip.left {margin-left: -3px;} .tooltip-inner {max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;} .tooltip.top .tooltip-arrow {bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000;} .tooltip.right .tooltip-arrow {top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000;} .tooltip.left .tooltip-arrow {top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000;} .tooltip.bottom .tooltip-arrow {top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000;} .popover {position: absolute; top: 0; left: 0; z-index: 1010; display: none; width: 236px; padding: 1px; background-color: #ffffff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);} .popover.top {margin-bottom: 10px;} .popover.right {margin-left: 10px;} .popover.bottom {margin-top: 10px;} .popover.left {margin-right: 10px;} .popover-title {margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .popover-content {padding: 9px 14px;} .popover-content p, .popover-content ul, .popover-content ol {margin-bottom: 0;} .popover .arrow, .popover .arrow:after {position: absolute; display: inline-block; width: 0; height: 0; border-color: transparent; border-style: solid;} .popover .arrow:after {content: ""; z-index: -1;} .popover.top .arrow {bottom: -10px; left: 50%; margin-left: -10px; border-width: 10px 10px 0; border-top-color: #ffffff;} .popover.top .arrow:after {border-width: 11px 11px 0; border-top-color: rgba(0, 0, 0, 0.25); bottom: -1px; left: -11px;} .popover.right .arrow {top: 50%; left: -10px; margin-top: -10px; border-width: 10px 10px 10px 0; border-right-color: #ffffff;} .popover.right .arrow:after {border-width: 11px 11px 11px 0; border-right-color: rgba(0, 0, 0, 0.25); bottom: -11px; left: -1px;} .popover.bottom .arrow {top: -10px; left: 50%; margin-left: -10px; border-width: 0 10px 10px; border-bottom-color: #ffffff;} .popover.bottom .arrow:after {border-width: 0 11px 11px; border-bottom-color: rgba(0, 0, 0, 0.25); top: -1px; left: -11px;} .popover.left .arrow {top: 50%; right: -10px; margin-top: -10px; border-width: 10px 0 10px 10px; border-left-color: #ffffff;} .popover.left .arrow:after {border-width: 11px 0 11px 11px; border-left-color: rgba(0, 0, 0, 0.25); bottom: -11px; right: -1px;} .modal-open .modal .dropdown-menu {z-index: 2050;} .modal-open .modal .dropdown.open {*z-index: 2050;} .modal-open .modal .popover {z-index: 2060;} .modal-open .modal .tooltip {z-index: 2080;} .modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000;} .modal-backdrop.fade {opacity: 0;} .modal-backdrop, .modal-backdrop.fade.in {opacity: 0.8; filter: alpha(opacity=80);} .modal {position: fixed; top: 50%; left: 50%; z-index: 1050; overflow: auto; width: 560px; margin: -250px 0 0 -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box;} .modal.fade {-webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%;} .modal.fade.in {top: 50%;} .modal-header {padding: 9px 15px; border-bottom: 1px solid #eee;} .modal-header .close {margin-top: 2px;} .modal-header h3 {margin: 0; line-height: 30px;} .modal-body {overflow-y: auto; max-height: 400px; padding: 15px;} .modal-form {margin-bottom: 0;} .modal-footer {padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; *zoom: 1;} .modal-footer:before, .modal-footer:after {display: table; content: ""; line-height: 0;} .modal-footer:after {clear: both;} .modal-footer .btn + .btn {margin-left: 5px; margin-bottom: 0;} .modal-footer .btn-group .btn + .btn {margin-left: -1px;} .dropup, .dropdown {position: relative;} .dropdown-toggle {*margin-bottom: -3px;} .dropdown-toggle:active, .open .dropdown-toggle {outline: 0;} .caret {display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: "";} .dropdown .caret {margin-top: 8px; margin-left: 2px;} .dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;} .dropdown-menu.pull-right {right: 0; left: auto;} .dropdown-menu .divider {*width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff;} .dropdown-menu a {display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap;} .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {text-decoration: none; color: #ffffff; background-color: #0088cc; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);} .dropdown-menu .active > a, .dropdown-menu .active > a:hover {color: #ffffff; text-decoration: none; outline: 0; background-color: #0088cc; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);} .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {color: #999999;} .dropdown-menu .disabled > a:hover {text-decoration: none; background-color: transparent; cursor: default;} .open {*z-index: 1000;} .open  > .dropdown-menu {display: block;} .pull-right > .dropdown-menu {right: 0; left: auto;} .dropup .caret, .navbar-fixed-bottom .dropdown .caret {border-top: 0; border-bottom: 4px solid #000000; content: "";} .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {top: auto; bottom: 100%; margin-bottom: 1px;} .dropdown-submenu {position: relative;} .dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px;} .dropdown-submenu:hover > .dropdown-menu {display: block;} .dropdown-submenu > a:after {display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px;} .dropdown-submenu:hover > a:after {border-left-color: #ffffff;} .dropdown .dropdown-menu .nav-header {padding-left: 20px; padding-right: 20px;} .typeahead {margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .accordion {margin-bottom: 20px;} .accordion-group {margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .accordion-heading {border-bottom: 0;} .accordion-heading .accordion-toggle {display: block; padding: 8px 15px;} .accordion-toggle {cursor: pointer;} .accordion-inner {padding: 9px 15px; border-top: 1px solid #e5e5e5;} .carousel {position: relative; margin-bottom: 20px; line-height: 1;} .carousel-inner {border-bottom: 2px solid #CCC;} .carousel .item {display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left;} .carousel .item > img {display: block; line-height: 1;} .carousel .active, .carousel .next, .carousel .prev {display: block;} .carousel .active {left: 0;} .carousel .next, .carousel .prev {position: absolute; top: 0; width: 100%;} .carousel .next {left: 100%;} .carousel .prev {left: -100%;} .carousel .next.left, .carousel .prev.right {left: 0;} .carousel .active.left {left: -100%;} .carousel .active.right {left: 100%;} .carousel-control {position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50);} .carousel-control.right {left: auto; right: 15px;} .carousel-control:hover {color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90);} .carousel-caption {position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75);} .carousel-caption h4, .carousel-caption p {color: #ffffff; line-height: 20px;} .carousel-caption h4 {margin: 0 0 5px;} .carousel-caption p {margin-bottom: 0;} .well {min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);} .well blockquote {border-color: #ddd; border-color: rgba(0, 0, 0, 0.15);} .well-large {padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .well-small {padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .close {float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20);} .close:hover {color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40);} button.close {padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none;} .pull-right {float: right;} .pull-left {float: left;} .hide {display: none;} .show {display: block;} .invisible {visibility: hidden;} .affix {position: fixed;} .fade {opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear;} .fade.in {opacity: 1;} .collapse {position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease;} .collapse.in {height: auto;} .hidden {display: none; visibility: hidden;} .visible-phone {display: none !important;} .visible-tablet {display: none !important;} .hidden-desktop {display: none !important;} .visible-desktop {display: inherit !important;} 


/*	4.0 - RESPONSIVENESS BEGINS HERE - I WALK WITH A SWAGGER	*/
/*	|  480px  |  900px  |  1010px |  1400px >					*/

/*	4.1 - MOBILE - ET PHONE HOME!	*/
@media screen and (max-width: 480px) {
/*	4.11 - Site Structural Elements	*/
body{background: white;max-width: 300px;padding: 0 10px !important;margin: 0 auto !important;} .feelsgoodman{width: 100%; padding: 0 10px; margin: 0 auto;} #networkbar{display: none;} #topadbar{width: 300px; border-bottom: 0;overflow: hidden;padding: 0;} .ad728x90{margin: 0 auto;} .ad260x90{display: none;} 

/*	4.111 - masthead	*/
#masthead{height: 108px;padding: 0;width: 300px;} .mastheadlogo{background: url('../img/universal/logos.png') -330px -215px no-repeat;display: block; font-size:0em; width: 100%;background-size: auto;margin: 0 auto !important;float: none;} #searchcarousel{display: none; visible: none;}

/*	4.1111 - NavigationBar	*/

	/* This now loads from mobile-menu.css */

/*	4.112 - spans	*//*	Soba Soba widths wut widths 	*/
section#primary.span8{} .module-category.full-width{ max-width: 300px; 
    padding: 0; } .module-category.full-width .feature-story{} .full-width .img-medium{} .full-width .img-article.img-medium img{} .full-width h2.article-title{} .full-width .list-story{} .full-width a.btn{width: 290px;} .module-category.half-width{ max-width: 300px; padding: 0; } .module-category.half-width .feature-story{} .half-width .img-medium{} .half-width .img-article.img-medium img{} .half-width h2.article-title{} .half-width .list-story{} .half-width a.btn{ width: 290px; } .module-category.quarter-width{ height: 600px; 
    padding: 0 10px 0 0; } .quarter-width .feature-story{} .quarter-width .img-article{} .quarter-width .img-article img{} .quarter-width h3.article-title{} .quarter-width a.btn{} .span12 {width: 100%; padding: 0; margin: 0;} .span11 {width: 100%; padding: 0; margin: 0;} .span10 {width: 100%; padding: 0; margin: 0;} .span9 {width: 100%; padding: 0; margin: 0;} .span8 {width: 100%; padding: 0; margin: 0;} .span7 {width: 100%; padding: 0 !important; margin: 0;} .span6 {width: 100%; padding: 0; margin: 0;} .span5 {width: 100%; padding: 0; margin: 0;} .span4 {width: 100%; padding: 0; margin: 0;} .span3 {width: 100%; padding: 0; margin: 0;} .span2 {width: 100%; padding: 0; margin: 0;} .span1 {width: 100%; padding: 0; margin: 0;} 

/*	4.113 - Main Featcha Beatcha	*/
.mainfeature{padding: 0;height: auto !important;} .mainfeature .img-article{} .mainfeature .img-biggest img{} .mainfeature .row{} .mainfeature .span4{width: 100%; padding: 0; float: left;} .mainfeature h1.article-title{
    width: 300px;
} .mainfeature .teaser-text{display: none;} .mainfeature .author-content{width: 100%; padding: 10px; margin: 5px 0px; float: left;} .mainfeature .img-author{} .mainfeature h5.author-name{display: inline;} .mainfeature span.twitter-handle{display: inline;} .mainfeature a.btn{width: 270px; display: inline-block; display: inline-stack; margin: 0 auto;}

/*	4.114 - Article Page Stuff Stuff	*/
.author-content{} .img-small{} .img-small img{} #sitecontent{margin: 0 auto;padding: 10px 0;width: 300px;} nav.page-this{} nav.page-this span.btn{width: 100% } div.alignleft, div.alignright{width: 100%; clear: both;} div.alignleft{} div.alignright{} div.alignleft a{} div.alignright a{} nav.page-this span.page-this-link{} div.author-content{border: 0; width: 100%; padding: 0; margin: 0; background: white; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} div#img-author{} div#img-author a{} div#img-author a img div.author-content .author-name{} div.author-content .author-name a{} div.author-content span.twitter-handle{} div.author-content span.twitter-handle a{} div.author-content span.metainfo{width: 100%; display: block; text-align: left;} div.author-content span.metainfo p{clear:both;}

/*	4.115 - #homepageslider	*/
div#homepageslider{ width: 300px; } div.img-biggest{height: 250px;} div.img-biggest img{min-width: 620px; margin-left: -50%;} .mainfeature .span4{width: 100%;} a.homeslider-control{top: 20%;} 
.nav-collapse {-webkit-transform: translate3d(0, 0, 0);} .page-header h1 small {display: block; line-height: 20px;} input[type="checkbox"],   input[type="radio"] {border: 1px solid #ccc;} .form-horizontal .control-label {float: none; width: auto; padding-top: 0; text-align: left;} .form-horizontal .controls {margin-left: 0;} .form-horizontal .control-list {padding-top: 0;} .form-horizontal .form-actions {padding-left: 10px; padding-right: 10px;} .modal {top: 10px; left: 10px; right: 10px;} .modal-header .close {padding: 10px; margin: -10px;} .carousel-caption {position: static;}

/*	4.116 - Nav Collapse Stuff Stuff	*/
.navbar-fixed-top, .navbar-fixed-bottom {position: static;} .navbar-fixed-top {margin-bottom: 20px;} .navbar-fixed-bottom {margin-top: 20px;} .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {padding: 5px;} .navbar .container {width: auto; padding: 0;} .navbar .brand {padding-left: 10px; padding-right: 10px; margin: 0 0 0 -5px;} .nav-collapse {clear: both;} .nav-collapse .nav {float: none; margin: 0 0 10px;} .nav-collapse .nav > li {float: none;} .nav-collapse .nav > li > a {margin-bottom: 2px;} .nav-collapse .nav > .divider-vertical {display: none;} .nav-collapse .nav .nav-header {color: #777777; text-shadow: none;} .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {padding: 9px 15px; font-weight: bold; color: #777777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .nav-collapse .btn {padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .nav-collapse .dropdown-menu li + li a {margin-bottom: 2px;} .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {background-color: #f2f2f2;} .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover {background-color: #111111;} .nav-collapse.in .btn-group {margin-top: 5px; padding: 0;} .nav-collapse .dropdown-menu {position: static; top: auto; left: auto; float: none; display: none; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .nav-collapse .open > .dropdown-menu {display: block;float: left;position: relative;} .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {display: none;} .nav-collapse .dropdown-menu .divider {display: none;} .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after {display: none;} .nav-collapse .navbar-form, .nav-collapse .navbar-search {float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);} .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search {border-top-color: #111111; border-bottom-color: #111111;} .navbar .nav-collapse .nav.pull-right {float: none; margin-left: 0;} .nav-collapse, .nav-collapse.collapse {overflow: hidden; height: 0;} .navbar .btn-navbar {display: block !important;} .navbar-static .navbar-inner {padding-left: 10px; padding-right: 10px;}

/*	4.117 - Category Hub	*/
div.category-list{width: auto;} div.category-list div.category-titleshell{float: none; width: 100%; padding: 10px 0;} div.category-titleshell a{border-top: 3px solid #ABABAB; padding: 10px 0; margin: 0; width: 300px;} div.category-titleshell h3.category-title a{color: #4C5054; font-weight: normal !important;} div.list-posts{width: 300px; float: none; padding: 10px 0; clear: both;} div.list-posts ul.nav{} div.list-posts ul.nav li{padding: 10px 0;} div.list-posts ul.nav li a{font-weight: bold;} } /*	END ET PHONE HOME	*/

/**********************
*    mini-MINI ME     *
***********************/
@media (min-width: 481px) and (max-width: 900px) {
/*@media screen and (max-width: 900px) {*/

/*	Site Structural Elements	*/
body{} .feelsgoodman{width: 768px; background: #fff; padding: 0;} #networkbar{} #topadbar{width: 768px; padding-left: 0px; padding-right: 0px; text-align: center;} .ad728x90{margin: 0 auto; float: none;} .ad260x90{display: none;} 

/*	masthead	*/
#masthead{height: 111px;}
.mastheadlogo{ height: 70px; margin: 10px 20px; padding: 0; } #searchcarousel{padding: 0; display: block;} #navigationbar{} #navigationbar .navbar{margin: 0 !important;} #navigationbar .navbar-inner{} #navigationbar .container{} #navigationbar .nav-collapse{} nav#navigationbar ul#menu-main-navigation li.menu-item > a{font-size: 1em; margin: 0; padding-left: 10px; padding-right: 10px;} #hottopics{display: none;}
#nav-toolset{ display: none;}

/*	Spans	*/
.span6{width: 420px;} section#primary.span8, .span8{width: 420px;} .module-category.full-width{width: 100%; padding: 0;} .module-category.full-width .feature-story{width: 100%; padding: 0 0 10px 0;} .full-width .img-medium{width: 140px; height: 125px; float: left; margin: 0 1em 0 0;} .full-width .img-article.img-medium img{width: 300px; height: 100%;} .full-width h2.article-title{display: inline-block; display: inline-stack; float: left; clear: none; width: 266px; margin: 0;} .full-width .list-story{width: 100%;} .full-width a.btn{display: inline-block; display: inline-stack; width: 100%; margin: 0 auto;}

.module-category.half-width{width: 100%; padding: 0; clear: both;} .module-category.sponsor-position.half-width{width: 100%;} .module-category.half-width .feature-story{width: 100%; height: auto;} .half-width p.teasers{ clear: both; padding: 10px 0 0 0; margin: 0; } .half-width span.metainfo{ clear: left; margin: 0; float: left; padding: 15px 0 0 0; } .half-width .img-medium{ width: 150px; float: left; margin: 0 10px 0 0;} .half-width .img-article.img-medium img{ height: 100%; width: auto; max-width: 300px; margin: 0 0 0 -50%; } .half-width h2.article-title{display: inline-block; display: inline-stack; float: right; clear: none; width: 250px; margin: 0;} .half-width .list-story{width: 100%;} .half-width a.btn{width: 380px;margin: 0px 20px 20px 20px !important;} .module-category.quarter-width{width: 200px; padding: 0 10px 0 0; overflow: hidden;} .quarter-width .feature-story{} .quarter-width .img-article{float: left; } .quarter-width .img-article img{width: auto; height: 100%;} .quarter-width h3.article-title{float: left;} .quarter-width a.btn{width: 180px;} #content article .entry-content{width: 420px;} nav.page-this{} nav.page-this span.btn{} div.alignleft, div.alignright{width: 100%; clear: both;} div.alignleft{} div.alignright{} div.alignleft a{} div.alignright a{} nav.page-this span.page-this-link{} 

/*	Homepage Carousel	*/
#homepageslider{}

/*	Main Featcha Beatcha	*/
.mainfeature{height: 500px;} .mainfeature .img-article{} .mainfeature .img-biggest img{} .mainfeature .row{} .mainfeature .span4{width: 100%; padding: 0; float: left;} .mainfeature h1.article-title{} .mainfeature .teaser-text{ display: none; } .mainfeature .author-content{width: 400px; padding: 10px; margin: 5px 0px; float: left;} .mainfeature .img-author{} .mainfeature h5.author-name{display: inline;} .mainfeature span.twitter-handle{display: inline;} .mainfeature a.btn{width: 390px; display: inline-block; display: inline-stack; margin: 0 auto;}
/*	Article Page Stuff Stuff	*/
.author-content{} .img-small{} .img-small img{} #sitecontent{margin: 0 auto;} 
/*	Topics Hub	*/
div.category-list{} div.category-list div.category-titleshell{float: none; width: 410px; padding: 0;} div.category-titleshell a{color: #4C5054; border-top: 3px solid #ABABAB; padding: 10px 0 0 10px; margin: 0; font-weight: normal; color: #4C5054; font-weight: normal; font-size: 1.5em; width: 100%; display: block;} div.category-titleshell h3.category-title a{color: #4C5054; font-weight: normal !important;} div.list-posts{width: 420px; float: none; padding: 10px 0; margin: 0; clear: both;} div.list-posts ul.nav{border-top: 3px solid #CCC; padding: 0; margin: 0;} div.list-posts ul.nav li{padding: 8px 5px; border-bottom: 1px solid #CCC; font-size: 0.9em; line-height: 1.666em;} div.list-posts ul.nav li a{font-weight: bold;} 
}/*	End Mini-mini Me	*/


/********************************************
*                                           *
* Squeeze it in, just a bit too big to fit  *
*                                           *
*********************************************/

@media (min-width: 901px) {

/*	Site Structural Elements	*/
body{} .feelsgoodman{} #networkbar{} #topadbar{} 
/*	masthead	*/
#masthead{} .mastheadlogo{} #searchcarousel{} #hottopics{}
/*	Spans	*/
section#primary.span8{} .module-category.full-width{} .module-category.half-width{} .module-category.quarter-width{} 
/*	Homepage Carousel	*/
#homepageslider{} 
/*	Article Page Stuff Stuff	*/
.author-content{} .img-small{} .img-small img{} #sitecontent{} 
	
/* body {padding-top: 0;} .navbar-fixed-top, .navbar-fixed-bottom {position: static;} .navbar-fixed-top {margin-bottom: 20px;} .navbar-fixed-bottom {margin-top: 20px;} .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {padding: 5px;} .navbar .container {width: auto; padding: 0;} .navbar .brand {padding-left: 10px; padding-right: 10px; margin: 0 0 0 -5px;} .nav-collapse {clear: both;} .nav-collapse .nav {float: none; margin: 0 0 10px;} .nav-collapse .nav > li {float: none;} .nav-collapse .nav > li > a {margin-bottom: 2px;} .nav-collapse .nav > .divider-vertical {display: none;} .nav-collapse .nav .nav-header {color: #777777; text-shadow: none;} .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {padding: 9px 15px; font-weight: bold; color: #777777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .nav-collapse .btn {padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .nav-collapse .dropdown-menu li + li a {margin-bottom: 2px;} .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {background-color: #f2f2f2;} .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover {background-color: #111111;} .nav-collapse.in .btn-group {margin-top: 5px; padding: 0;} .nav-collapse .dropdown-menu {position: static; top: auto; left: auto; float: none; display: none; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .nav-collapse .open > .dropdown-menu {display: block;} .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {display: none;} .nav-collapse .dropdown-menu .divider {display: none;} .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after {display: none;} .nav-collapse .navbar-form, .nav-collapse .navbar-search {float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);} .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search {border-top-color: #111111; border-bottom-color: #111111;} .navbar .nav-collapse .nav.pull-right {float: none; margin-left: 0;} .nav-collapse, .nav-collapse.collapse {overflow: hidden; height: 0;} .navbar .btn-navbar {display: block !important;} .navbar-static .navbar-inner {padding-left: 10px; padding-right: 10px;} */ }

/*	------------------------  SUPERWIDTH MONITORS  ------------------------	*/
@media (min-width: 1400px) {

/*	Site Structural Elements	*/
body{} .feelsgoodman{padding: 0 72px;} #networkbar{} #topadbar{padding-left: 52px; padding-right: 52px;} #navigationbar div.navbar{margin: 0 -75px;} #navigationbar .navbar-inner{padding: 0 57px;} 
/*	masthead	*/
#masthead{} .mastheadlogo{} #searchcarousel{} #hottopics{}
/*	Spans	*/
section#primary.span8{} .module-category.full-width{} .module-category.half-width{} .module-category.quarter-width{} 
/*	Homepage Carousel	*/
#homepageslider{} 
/*	Article Page Stuff Stuff	*/
.author-content{} .img-small{} .img-small img{} #sitecontent{} } 

/*****************************\
*  |______________________|   *
*  |                      |   *
*  |                      |   *
*  |                      |   *
*  | Johnny's Got a Gun!  | O *
*  |                      |   *
*  |                      |   *
*  |----------------------|   *
*                             *
\******************************/

/* rules for iPad in landscape orientation */
/*  @media (min-width: 901px) {*/
@media only screen and (device-width: 768px) and (orientation: landscape) {

/*	Site Structural Elements	*/
body{} .feelsgoodman{width: 656px; padding: 0 33px; float: left;} #networkbar{display: none;} #topadbar{width: 728px; padding: 0; text-align: center; background: white; float: left;} .ad728x90{float: none; margin: 0 auto;} .ad260x90{display: none;} 
/*	masthead	*/
#masthead{height: 111px;} .mastheadlogo{height: 90px; width: 180px; padding: 0; margin: 0;} #searchcarousel{margin: -15px 0 0 0;} #searchcarousel form{} #searchcarousel .form-inset{height: auto;} #searchcarousel input.headsearchbox{height: 22px; line-height: 1em;} #searchcarousel button#searchsubmit{height: 42px; width: 42px;} #navigationbar{font-size: 1.11em; padding: 0; margin: 0; width: 1024px;} #navigationbar div.navbar{margin: 0;} #navigationbar .navbar-inner{} #navigationbar .container{} #navigationbar .nav-collapse{} nav#navigationbar ul#menu-main-navigation li.menu-item > a{padding: 15px 10px;} #hottopics{display: none;}
/*	Spans	*/
section#primary.span8{width: 620px; padding: 0 10px 0 0; margin: 0;} .module-category.full-width{} .module-category.full-width .feature-story{} .full-width .img-medium{} .full-width .img-article.img-medium img{} .full-width h2.article-title{} .full-width .list-story{} .full-width a.btn{} .module-category.half-width{} .module-category.sponsor-position.half-width{} .module-category.half-width .feature-story{} .half-width .img-medium{} .half-width .img-article.img-medium img{} .half-width h2.article-title{} .half-width .list-story{} .half-width a.btn{} .module-category.quarter-width{} .quarter-width .feature-story{} .quarter-width .img-article{} .quarter-width .img-article img{} .quarter-width h3.article-title{} .quarter-width a.btn{} #content article .entry-content{width: 100%; padding: 0; margin: 0;} 
/*	SIDEBAR	*/
section#secondary{} #secondary.span4{} .asidebar{height: 800px;} section#secondary.span4.asidebar{overflow: hidden; width: 333px; float: right; padding: 0; margin: 0; margin-right: -33px; -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.333); -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.333);  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.333);} section#secondary.span4.asidebar{position: fixed; top: 0; right: 0; float: none; background: white;} .widget-area{}.span4{}.asidebar{}.navbar-fixed-side{} 

ul#myTab{} .nav.nav-tabs{} li.dropdown{} a.btn{} div#sidebar.tab-content{width: 350px;} div#sidebar .tab-pane{} ul.sidbarscroller{} li.sidebarscroller-heading{} div#sidebar ul.sidbarscroller li.sidebarscroller-item{width: 350px;} li.sidebarscroller-item a{} div#recent{}

/*	Homepage Carousel	*/
#homepageslider{}

/*	Main Featcha Beatcha	*/
.mainfeature{} .mainfeature .img-article{} .mainfeature .img-biggest img{} .mainfeature .row{} .mainfeature .span4{} .mainfeature h1.article-title{} .mainfeature .teaser-text{} .mainfeature .author-content{} .mainfeature .img-author{} .mainfeature h5.author-name{} .mainfeature span.twitter-handle{} .mainfeature a.btn{}
/*	Article Page Stuff Stuff	*/
.author-content{} .img-small{} .img-small img{} #sitecontent{} } } 
/*	Let's all play hide the s@#$*&e	*/

/*	Desktop	
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {display: inherit !important;} .visible-desktop {display: none !important;} .visible-tablet {display: inherit !important;} .hidden-tablet {display: none !important;} }*/

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

/*	Large Screen	*/
@media (min-width: 980px) {
.nav-collapse.collapse {height: auto !important; overflow: visible !important;} }

@media (min-width: 768px) and (max-width: 979px) {
/* .row {*zoom: 1;} .row:before, .row:after {display: table; content: ""; line-height: 0;} .row:after {clear: both;}  [class*="span"] {float: left; min-height: 1px;} .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {} .span12 {} .span11 {} .span10 {} .span9 {} .span8 {} .span7 {} .span6 {} .span5 {} .span4 {} .span3 {} .span2 {} .span1 {} .offset12 {} .offset11 {} .offset10 {} .offset9 {} .offset8 {} .offset7 {} .offset6 {} .offset5 {} .offset4 {} .offset3 {} .offset2 {} .offset1 {}  input,   textarea, .uneditable-input {margin-left: 0;} .controls-row [class*="span"] + [class*="span"] {}  input.span12, textarea.span12, .uneditable-input.span12 {}  input.span11, textarea.span11, .uneditable-input.span11 {}  input.span10, textarea.span10, .uneditable-input.span10 {}  input.span9, textarea.span9, .uneditable-input.span9 {}  input.span8, textarea.span8, .uneditable-input.span8 {}  input.span7, textarea.span7, .uneditable-input.span7 {}  input.span6, textarea.span6, .uneditable-input.span6 {}  input.span5, textarea.span5, .uneditable-input.span5 {}  input.span4, textarea.span4, .uneditable-input.span4 {}  input.span3, textarea.span3, .uneditable-input.span3 {}  input.span2, textarea.span2, .uneditable-input.span2 {}  input.span1, textarea.span1, .uneditable-input.span1 {} */ }