/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: General Styles
:: General Paragraphs
:: General List
:: General Blockquotes
:: Tables
:: Tabs
:: Casdf
:: Siasdf
*/

/* -----------------------------------------
   General Styles - Styleguide 1.0
----------------------------------------- */
hr {
	clear: both;
	border: 0;
	border-bottom: 1px dotted #7B7B7A;
	background: none;
	margin: 2em 0em;
}

.map_canvas {
	margin: 1.5em auto 1em;
}

/* -----------------------------------------
   General Paragraphs - Styleguide 1.1
----------------------------------------- */
.page-content p { 
	font-size: 0.75em;
	line-height: 1.5;
}

	.page-content .job-tools p {
		margin-top: 0;
	}

.page-content .intro-content p {
	font-size: 0.875em;
}

.page-content p img { 
	margin: 0 1em 1em 0;
}

	.page-content img.icon-small {
		margin: 0em 0.5em 0.5em;
	}

.page-content a { color: #9C1D21; }
.page-content a:hover { color: #b7042f; text-decoration: none; }

.page-content h1, .h-pagetitle {
	font-family: "TradeGothic BoldCn 20";
	font-weight: normal;	
	font-size: 2em;
	line-height: 1.1;
	text-transform: uppercase;
	margin: 0 0 14px;
}
.page-content h1 em, .h-pagetitle em {
	color: #ab914f;
	font-style: normal;
}
.page-content .intro-content h1, .intro-content .h-pagetitle {
	font-size: 3em;
	letter-spacing: -1px;
	/*-webkit-font-smoothing: antialiased;*/
}

.page-content h2, .h-sectionheader {
	font-family: "TradeGothic BoldCn 20";
	font-size: 1.125em;
	line-height: 1;
	text-transform: uppercase;
	margin: 1em 0;
	font-weight:normal;
}

.page-content h2 strong {
	font-weight: normal;
}

	.page-content .job-tools h2 {
		margin: 1.5em 0 0.5em;
	}

.page-content h3, .h-listheader {
	font-family: "Open Sans", sans-serif;
	font-size: 0.875em;
	font-weight: 600;
	line-height: 1;
}

.page-content h4, .h-groupheader {
	font-family: "TradeGothic BoldCn 20";
	font-weight: normal;
	font-size: 0.875em;
	line-height: 1;
	text-transform: uppercase;
	margin: 1em 0;	
}


.page-content h5,
.page-content h6 {
	font-family: "Open Sans", sans-serif;
}

.page-content h1.bordered,
.page-content h2.bordered,
.page-content h3.bordered,
.page-content h4.bordered,
.page-content h5.bordered,
.page-content h6.bordered {
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #999;
}

/* -----------------------------------------
   General List - Styleguide 1.2
----------------------------------------- */
.page-content li { 
	font-size: 0.75em;
	line-height: 1.5;
}

.page-content ul,
.square-red {
	padding-left: 25px;
}
.page-content ul li,
.square-red li {
	list-style: none;
	padding: 0 0 0 20px;
	margin: 2px 0;
	background: url("img/sprite.pagecopy-list-square-red.gif") 0 .5em no-repeat;
}

.page-content li ul {
	padding-left: 0;
}

.page-content li p {
	font-size: 1em;
}

.page-content li ul li,
.square-grey li {
	list-style: none;
	font-size: 1em;
	padding: 0 0 0 20px;
	background: url("img/sprite.pagecopy-list-square-grey.gif") 0 .5em no-repeat;
}

.page-content ol {
	font-weight: 700;
}
.page-content ol li {
	font-weight: 400;
}


/* -----------------------------------------------
   General Blockquote Styles - Styleguide 1.3
----------------------------------------------- */
.page-content blockquote,
.page-content .quote-block {
	margin: 1em 40px;
}
.page-content blockquote p,
.page-content .quote {
	font-size: 0.875em;
	text-indent: -0.4em;
	line-height: 1.7;
	text-align: left;
	font-style: italic;
	color: #5b5b5b;
}
.page-content blockquote cite,
.page-content .quote-source {
	font-size: 0.75em;
	font-style: normal;
	line-height: 1;
}
.page-content blockquote cite span,
.page-content .quote-source .title {
	color: #827c7d;
	font-size: 92%;
}


/* -----------------------------------------
   Tables - Styleguide 1.4
----------------------------------------- */
.page-content table {
	text-align: left;
	font-weight: normal;
	font-family: "Open Sans", sans-serif;
	color: #333;
	width: 100%;
	border: solid 1px #CACACA;
	border-top: solid 5px #A1884A;
	border-collapse: collapse;
}

.page-content th,
.page-content td {
	padding: 6px 10px;
}

.page-content th,
.page-content .boothtableTableHeaderRow td {
	font-weight: bold;
	font-size: 0.75em;
	color: #9B1115;
	background: #ECECEC;
	border-bottom: solid 1px #CACACA;
	border-right: solid 1px #CACACA;
	padding: 10px;
}
.page-content table.sortable th.sort,
.page-content table.sortable .boothtableTableHeaderRow td.sort {
	cursor: pointer;
	background-image: url(img/misc/table-sort-unsorted-desc.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.page-content table.sortable th.sort:hover,
.page-content table.sortable .boothtableTableHeaderRow td:hover {
	text-decoration: underline;
}
.page-content table.sortable th.sorted,
.page-content table.sortable th.sorted.asc,
.page-content table.sortable .boothtableTableHeaderRow td.sorted,
.page-content table.sortable .boothtableTableHeaderRow td.sorted.asc {
	background-image: url(img/misc/table-sort-sorted-asc.gif);
}
.page-content table.sortable th.sorted.desc,
.page-content table.sortable .boothtableTableHeaderRow td.sorted.desc {
	background-image: url(img/misc/table-sort-sorted-desc.gif);
}

.page-content th.subheader {
	padding: 6px 10px;
	color: #000;
	font-size: 0.75em;
	vertical-align: top;
	/*text-align: center;*/
}

.page-content td {
	font-size: 0.75em;
	border-right: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
}
.page-content td p {
	font-size: 1em;	
}


/* -----------------------------------------
   Tabs - Styleguide 1.5
----------------------------------------- */
.nav.tabs {
	position:relative;
}

.nav.tabs ul {
	position:relative;
	list-style:none;
	margin: 0;
	padding: 5px 0 0 2px;	
	height: 30px;
	overflow: hidden;
    -webkit-box-shadow: inset 0px -8px 10px -10px #aaa;
          box-shadow: inset 0px -8px 10px -10px #aaa;
}

.nav.tabs li {
	float:left;		
	display: block;
	width: auto;
	margin: 0 5px 0 0;
	padding: 0;
	height: 30px;
	text-align: center;
	background: none;
	font-size: 1em;
}

.nav.tabs li a {
	display:block;
	width: auto;
	height: 29px;
	padding:0 12px;
	line-height: 30px;
	margin: 0;
	color: #39393a; 
	background: #ced0ca;
	font-family: "TradeGothic BoldCn 20";
	font-size: 0.875em;
	text-decoration: none;
	text-transform: uppercase;	
}
.nav.tabs li a:hover{
	background: #b7042f;
	color: #fff;
	text-decoration: none;
}

.nav.tabs li.current {
  -webkit-box-shadow: 0 0 5px 0 #aaa, inset 0 -3px 10px 0 #fff;
          box-shadow: 0 0 5px 0 #aaa, inset 0 -3px 10px 0 #fff;	
}

.nav.tabs li.current a,
.nav.tabs li.current a:hover {
	background: transparent;
	color: #39393a;
	height: 30px;
	cursor: default;
} 

.tab-content {
	position: relative;
	overflow: hidden;
	display: none;
	padding: 1.5em 0;
}
	
.tab-content:first-child { display: block; }
.no-js .tab-content { display: block; }

/* No box-shadow fallback for tabs */
.no-boxshadow .nav.tabs ul { border-bottom: solid 1px #ced0ca; overflow: visible; padding-left: 0; }
.no-boxshadow .nav.tabs li a { border: solid 1px #ced0ca; }
.no-boxshadow .nav.tabs li.current a,
.no-boxshadow .nav.tabs li.current a:hover { background: transparent url(img/bg.tab-current.ie.png) repeat-x 0 bottom; border-width: 1px 1px 0 1px; }



/* -------------------------------------------------------------
   Custom red background (with logo) buttons - Styleguide 1.6
------------------------------------------------------------- */
a.btn {
	display: inline-block;
	width: auto;
	line-height: 1em;
	padding: 12px;
	color: #FFF;
	font-family: 'TradeGothic Cn 18';
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	background: #9b1115 url(img/bg.btn-generic.png) 0 0 no-repeat;
}
a.btn strong { padding: 0 4px; font-family: 'TradeGothic BoldCn 20'; font-weight: normal; }
a.btn:hover { color: #FFF; text-decoration: none; background-color: #b7042f; background-position: 0 -50px; }


/*
Breadcrumb styling

Styleguide 3.0
*/

.breadcrumbs {
	background: transparent url("img/bg.breadcrumb-gradient.gif") repeat-x;
	position: relative;
}

.breadcrumbs ul { 
	display: block; 
	overflow: hidden; 
	list-style: none;
	font-family: "TradeGothic BoldCn 20";
	-webkit-font-smoothing: antialiased;	
	font-size: 12px;
	line-height: 2em;
    padding: 0;
	margin: 1px 0 0;
	height: 22px;
	overflow: hidden;
}

.breadcrumbs li {
	float: left;
	display: block;		
	position: relative;	
	color: #50575a;
	margin: 0;
	margin-left: -20px;	
}
.breadcrumbs li.current {
	padding: 0 30px 0 24px;
	background: transparent url(img/sprite.breadcrumb.png) no-repeat 100% -44px;
}

.breadcrumbs li:nth-child(1) { z-index:10; }
.breadcrumbs li:nth-child(2) { z-index:9; }
.breadcrumbs li:nth-child(3) { z-index:8; }
.breadcrumbs li:nth-child(4) { z-index:7; }
.breadcrumbs li:nth-child(5) { z-index:6; }
.breadcrumbs li:nth-child(6) { z-index:5; }
.breadcrumbs li:nth-child(7) { z-index:4; }
.breadcrumbs li:nth-child(8) { z-index:3; }
.breadcrumbs li:nth-child(9) { z-index:2; }
.breadcrumbs li:nth-child(10) { z-index:1; }

.breadcrumbs li a {
	color: #9c1d21;
	display: block;
	font-size: 12px;
	height: 22px;
	padding: 0 30px 0 24px;
	text-decoration: none;
	background-image: url(img/sprite.breadcrumb.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	position: relative;	
}
.breadcrumbs li:first-child a {
	padding-left: 30px;
}

.breadcrumbs li a:hover {
	color: #fff;
	background-position: 100% -22px;
	cursor: pointer;
}


/*
Left Nav Styling

Styleguide 4.0
*/

dl.left-nav {
	list-style:none;
	font-family: "TradeGothic BoldCn 20";
	-webkit-font-smoothing: antialiased;
	color:#fff;
	width:100%;
	margin:35px 0 26px 0;
	padding:0;
}

dl.left-nav dd {
	width: 100%;
	margin: 0;
	position:relative;
}

dl.left-nav dd a {
	display: block;
	position: relative;	
	width: auto;
	padding: 10px 6px 10px 10px;
	background: url("img/bg.left-nav.tab.png");
	margin:0 0 1px;
	line-height:16px;
	font-size:14px;
}

dl.left-nav dd a.active,
dl.left-nav dd a.active:hover {
	background: url("img/bg.left-nav.active-tab.gif") repeat 0 0;
	border: 2px solid #9b1115;
	position: relative;
	height:100%;
}

dl.left-nav dd a.active:after {
	border-color: #9b1115 transparent transparent #9b1115;
    border-style: solid;
    border-width: 3px 2px 11px 7px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    right: -10px;
    top: -2px;	
}

dl.left-nav dd a span:after {
	font-family: sans-serif;
	font-size: 1em;
	content: '\00a0\00bb'; /* Adds » and a space */
	color: #9b1115;
/*	background: url("img/left-nav-sprite.png") 0 0 no-repeat;
	width: 8px;
	height: 8px;
	display:inline-block;
	margin-left: 3px;*/
}

dl.left-nav dd a.active span:after,  dl.left-nav dd a:hover span:after{
	/*background-position:right -8px ;*/
	color: #fff;
}

dl.left-nav dd a:hover {
	background:#b6032d;
}

dl.left-nav a {
	color:#fff;
	text-decoration:none;
}

/*
Tooltips

Styleguide 4.1
*/
.has-tip {
font-weight: bold;
color: #333;
}
.has-tip:hover {
	color: #0192dd;
}
.tooltip {
    display: none;
	background: url("img/bg.tooltip.png") repeat;
	position: absolute;
	color: #fff;
	font-style: italic;
	font-size: 0.75em;
	z-index: 999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: normal;
	border: 1px solid #FFF;
	max-width:272px;
	padding:12px;
	
}
.tooltip > .nub {
	display: block;
	width: 0;
	height: 0;
	border: solid 10px;
	border-color: transparent transparent rgb(0,0,0) transparent;
	border-color: transparent transparent rgba(0,0,0,0.8) transparent;
	position: absolute;
	top: -10px;
	left: 10px;
}
.tooltip.tip-override > .nub {
	background: url("img/sprite.tooltip-nubs.png") top left no-repeat;
	height: 12px !important;
	width: 32px !important;
	border-color:transparent;
	top: -10px;
	left: 10px;
	border: none;
}
.tooltip.tip-top > .nub {
	border-color: rgb(0,0,0) transparent transparent transparent;
	border-color: rgba(0,0,0,0.8) transparent transparent transparent;
	top: auto;
	bottom: -10px;
}
.tooltip.tip-left, .tooltip.tip-right, .has-tip.tip-left, .has-tip.tip-right {
	float: none !important;
}
.tooltip.tip-left > .nub {
	border-color: transparent transparent transparent rgb(0,0,0);
	border-color: transparent transparent transparent rgba(0,0,0,0.8);
	right: -10px;
	left: auto;
}
.tooltip.tip-right > .nub {
	border-color: transparent rgb(0,0,0) transparent transparent;
	border-color: transparent rgba(0,0,0,0.8) transparent transparent;
	right: auto;
	left: -10px;
}
.tooltip.noradius {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.has-tip.opened {
	color: #0192DD !important;
	border-bottom: dotted 1px #0593DC !important;
}
.tap-to-close {
	display: block;
	font-size: 10px;
	font-size: 1.0rem;
	color: #888;
	font-weight: normal;
}

/*
Social Media Callout

Styleguide 4.2
*/
.social-media-callout .social-media-header
{
	margin-bottom:16px;
}

.social-media-callout ul,
.social-media-callout ul li, 
.social-media-callout ul li ul,
.social-media-callout ul li ul li
{
	margin:0;
	padding:0;
	background:none;
}


.social-media-callout>ul>li
{
	border-left:1px dotted #7a7a7a;
	padding-top:2px;
	height:95px;
}


.social-media-callout ul li:first-child
{
	border-left:none;
}

.social-media-callout ul li ul li
{
	margin-bottom:10px;
	margin-left:10px;
}

.social-media-callout ul li ul li a
{
	font-weight:bold;
	color:#8e8e90;
	font-size:1em;
	text-decoration:none;
}

.social-media-callout ul li ul li img
{
	margin-right:10px;
}

.social-media-callout ul li ul li a span
{
	vertical-align:middle;
}

.social-media-callout ul li:first-child ul li
{
	margin-left:0px;
}

.social-media-callout li.columns li
{
	height:24px;
}