/* CSS Document */

@import url(fitrix.css);

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: auto;
}

.clear { clear: both; height: 0px; overflow: hidden; }

html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
 
 
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	line-height: 24px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #0068B3 url(../images/bg-main.jpg);
	background-repeat:repeat-x;
}

div#bg-container
{
	margin-left: auto;
	margin-right: auto;
	width: 987px;
	background: url(../images/content-bg.png);
	background-repeat:repeat-y;

}

div#bg-container-top
{
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
	height: 6px;
	width: 975px;
	background: url(../images/top.png);
	background-repeat:repeat-x;

}



/* ------------------ div classes ----------------------*/
 
#top-right {
	float: right;
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	width: 227px;
	margin-top:32px;
	margin-right:22px;
	font-size:14px;
	border: 0px solid #000000;
}

	#top-right #left-section {
	width: 155px;
	float: left;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-right: 1px solid #000000;
	}

	#top-right #right-section {
	width: 36px;
	float: right;
	margin-top: 15px;
	margin-right: 10px;
	border: 0px solid #000000;
	}



/* ------------------ global classes ----------------------*/

.textmiddle {vertical-align:middle;} 

.align-right { float:right; margin: 0 0 15px 15px; }

.align-left { float:left; margin: 0 0 15px 15px; }

	
/* ------------------ font classes ----------------------*/

#copy{
	padding: 20px 20px 20px 10px;
} 

#copy-column{
	padding: 20px 20px 20px 0px;
} 

 
h2 { 
	font-size: 20px;
	margin-bottom: 10px;
	color: #000;
	font-weight:bold;
	letter-spacing : -0.3px;
	text-transform:capitalize;
	}
	
h1 { 
	font-size: 20px;
	margin: 15px 0 15px 0;
	color: #fff;
	letter-spacing : -0.3px;
	text-transform:capitalize;
	}	
	
h1.sub-page { 
	font-size: 20px;
	margin: 15px 0 15px 15px;
	color: #fff;
	letter-spacing : -0.3px;
	text-transform:capitalize;
	}	
	
h3 {
	font-size: 15px;
	margin-bottom: 10px;
	color: #0084D0;
	font-weight:bold;
	letter-spacing : -0.3px;
	text-transform:capitalize;
}	
	
h4	{ 
	font-size: 15px;
	margin-bottom: 10px;
	color: #F18231;
	font-weight:bold;
	letter-spacing : -0.3px;
	text-transform:capitalize;
	}
	
h5	{ 
	font-size: 15px;
	margin-bottom: 10px;
	color: #000;
	letter-spacing : -0.3px;
	text-transform:capitalize;
	}	
	
h6	{ 
	font-size: 15px;
	margin-bottom: 10px;
	color: #F18231;
	font-weight:bold;
	letter-spacing : -0.3px;
	text-transform:capitalize;
	}	

p { 
	margin-top: 0px;
	margin-bottom: 12px;
	}
	
span.whitetxt { 
	font-size: 20px;
	color: #ffffff;
	letter-spacing : -0.3px;
	}	
	
ul, div {
margin:0px;
padding:0px;
}
 


 
.border {
	border: 1px solid #ADADAD;
	padding: 2px;
	background: #EAEAEA;
}


	

 

/* ------------------ link classes ----------------------*/
 
a { 
		text-decoration:none;
}
a:visited { 
		text-decoration:none;
}
a:active  { 
		text-decoration:none;
}
a:hover   { 
		text-decoration:none;
}
		
	
a.rollover img, a.rollover:visited img  { filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
}
a.rollover:hover img, a.rollover:active img { 
 filter: alpha(opacity=00);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=00);
 -moz-opacity: 0.00; opacity:0.0;
}
a.rolloveron img { 
 filter: alpha(opacity=00);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=00);
 -moz-opacity: 0.00; opacity:0.0;
}

/* =Content
-------------------------------------------------------------- */

#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}
#content {
	margin: 0 10px 0 20px;
}

#main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
}
#content {
	margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
	color: #000;
	font-size: 13px;
	line-height: 20px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}
/*#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}*/
#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}
.hentry {
	margin: 0 0 48px 0;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
#content .entry-title {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.entry-meta {
	color: #888;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 12px 0 0 0;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}



.entry-content  ul {
	list-style-image:url(../images/bullet.gif);
	margin-left:26px;
	margin-top:3px;
	margin-bottom: 15px;
}

.entry-content  li {
	padding:0px;
	margin-top: 6px;
	line-height: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}  


.page-link {
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
	margin-top:9px;
	width: 975px;
	border: 0px solid #000;
	background: url(../images/nav-bg.gif);
}
#access .menu-header,
div.menu {
	font-size:16px;
	margin-left: 12px;
	width: 963px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
	margin-right:15px;
}
#access a {
	color: #fff;
	display: block;
	line-height: 33px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	/*top: 38px;*/
	top: 33px; 
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
	
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #0070BC;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #0070BC;
	color: #fff;
}

/* JC */
#access ul.sub-menu li a:hover {
	background-color: #0096E2;
}


#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}

/* ------------------ Sub Side Navigation ----------------------*/

div#sub-navigation ul {
  width: 237px;          /* menu width */
  list-style-type: none; /* get rid of the bullets */
}

div#sub-navigation .widget-container ul {
  background-image:url(../images/left-bg.gif);
  list-style-type: none; /* get rid of the bullets */
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */
}

div#sub-navigation .widget-container ul li {
  margin: 0;
  padding: 0;
  background-image:url(../images/left-bg.gif);
  display:block;
  border-top: 1px solid white; /* lines */
}

div#sub-navigation .widget-container ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: #000000;
  background-image:url(../images/left-bg.gif);
  padding-left:15px;
  margin:0;
  text-decoration: none;
  height:37px;
  line-height:35px;            /* hint for IE, alternatively remove whitespace from HTML */ 
}

div#sub-navigation .widget-container ul ul li a {
  margin-left: 0px;     /* indent level 1 */
}

div#sub-navigation .widget-container ul ul ul li a {
  margin-left: 0px;     /* indent level 2 */
  color: #000000;
  padding-left:40px;
}

div#sub-navigation .widget-container ul li a:hover {
  color:#FFFFFF;
  background-image:url(../images/sub-nav-on.gif);
}

#sub-navigation .widget-container ul li.current_page_item > a
{
	background-image:url(../images/sub-nav-on.gif);
	color: #fff;
	display: block;
	height:37px;
}

#sub-navigation li.current_page_item:hover > a,
#sub-navigation ul ul :hover > a {
	color: #fff;
}
#sub-navigation ul li.current_page_item:hover > ul {
	display: block;
}



#sub-navigation .widget-container ul li.current_page_parent > a
{
	background-image:url(../images/sub-nav-on.gif);
	color: #fff;
	display: block;
	height:37px;
}

#sub-navigation li.current_page_parent:hover > a,
#sub-navigation ul ul :hover > a {
	color: #fff;
}
#sub-navigation ul li.current_page_parent:hover > ul {
	display: block;
}

/*side bar*/

.sideBar {
	width:222px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.sideBar h3 {
	font-weight: bold;
	font-size: 15px;
	color:#F18231;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:9px 3px 3px 10px;
}

.sideBar h4 {
	font-weight: bold;
	font-size: 15px;
	color:#F18231;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:15px 3px 3px 10px;
}

.sideBar a:link, .sideBar a:visited {
	font-size:12px;
	color:#666666;
	text-decoration:none;
	display:block;
	padding:3px 10px 3px 20px;
	margin:0 4px 0 1px;
	border-bottom:1px solid #E8E7D0;
	background-image:url(../images/sideBar_bg_arrow_off.gif);
	background-repeat:no-repeat;
}

.sideBar a:hover, .sideBar a:active {
	/*background-image:url(../images/sideBar_bg_arrow_on.gif);*/
	color:#0097E1;
}

/*----------------------------------------------------------------------------------------------------------------------FOOTER -- */
#footer-container {width:975px;background:#0084D0;color:#FFF;margin:0;padding:20px 0px 30px 0px;overflow:hidden;border: 0px solid #000;}
#footer li.column {width: 178px;margin-right: 15px;float: left;font-size: 12px;border: 0px solid #000;}
#footer li.column li.menu-item {padding-bottom: 8px;margin-bottom: 8px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #65AFE0;}
#footer h3 {color: #ffffff;font-weight: bold;margin-bottom: 10px;font-size: 14px; text-transform:capitalize;}
#footer-container ul{list-style-type: none;list-style-image: none;list-style-position: outside;}
.clearfix {display: inline-block;}
#footer li a {color: #e1e9ee;font-weight: lighter;}
#footer li.column a:hover {color: #ffffff;margin-left: 2px;text-decoration:none;}

#footer li.lastcolumn {width: 220px;margin-right: 1px;float: left;font-size: 12px;text-align:right;border: 0px solid #000;}
#footer li.lastcolumn p {font-size:12px;color:#e1e9ee;white-space:nowrap;}



/* Jeff */
ul.sub-menu, ul.submenu li {
	margin-top: 0;
	margin-bottom: 0;
}



/* For Pardot Pages */

	.pardot-page {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	
	/* Colors */
		.pardot-page a.download, 
		.pardot-page table h3,
		.pardot-page table h4 {
			color: #FAA53B;
		}
	
		#content .pardot-page table {
			border: none;
		}
		
		#content .pardot-page table tr td {
			border: none;
		}
		
	/* Top Table */
	
	
		.pardot-page table.top-table {
			width: 100%;
			margin: 12px auto;
			background-color: #fff;
			border: none;
		}
		
		.pardot-page table.top-table h3 {
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		.pardot-page table.top-table h4 {
			font-size: 14px;
			font-weight: normal;	
		}
	
	
		.pardot-page table.top-table img.instant-download {
			display: block;
			margin: 0 auto;	
		}
	
	/* Listings Table */	
	
		.pardot-page table.listing {
			width: 100%;
			margin: 12px auto;
		}
		
		.pardot-page table.listing td {
			background-color: #fff;
		}
		
		.pardot-page table.listing td.description {
			padding-left: 24px;
		}
	
		
	/* Table elements */
		
		.pardot-page table.top-table td, 
		.pardot-page table.listing td {
			vertical-align: top;
		}
		
		.pardot-page table.top-table .content {
			padding: 15px;
		}
	
	/* Other */
	
	#content .pardot-page a.download {
		font-weight: bold;
		font-size: 11px;
	}
	
	.pardot-page p.description {
		line-height: 1.5em;
	}