/**
 * Stylesheet for <Dodaq public>
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	name <johan@netlash.com>
 */

/*

	Name:       Winston reset module [0.3]
	Desc:       Resets commonly used HTML elements

*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/* Typography and text styles */

body {
	font: 300 13px Arial, sans-serif;
	line-height: 1.46; /* Safari 2.0.4 */
	color: #333;
	background: #F1F9FF;
}

	.colorInverse {
		color: #e9e9e9;
	}

#container {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.fixedWidth {
	width: 936px;
	margin: 0 auto;
}

#header {
	height: 66px;
	width: 936px;
	background: url(../images/header_2.png) no-repeat 0 0;
}

	.colorInverse #header {
		background: #005a9d url(../images/header.png) no-repeat 0 0;
	}

#home #headerWrapper {
	background: #073455;
}

	#headerWrapper .fixedWidth {
		position: relative;
	}

	#home #headerWrapper .fixedWidth {
		background: url(../images/diamond.jpg) no-repeat 0 112px;
	}
	
	#headerWrapper .colsGrid {
		padding: 36px 0 18px;
		min-height: 218px;
		height: auto !important;
		height: 218px;
	}
	

h1, h2, h3, h4 {
	font-weight: 700;
	line-height: 1.2;
	color: #004071;
}

.colorInverse h1,
.colorInverse h2,
.colorInverse h3,
.colorInverse h4 {
	color: #FFF;
}

h2 {
	font-size: 19px;
	font-family: Verdana, sans-serif;
	padding: 0 0 20px;
}

	h2.contenttitle {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #D0E1EE;
	}

h3 {
	font-size: 15px;
	font-family: Verdana, sans-serif;
	color: #133458;
	padding: 0 0 6px;
}

	#sidebar h3 {
		font-size: 13px;
	}
	

h4 {
	font-size: 14px;
	padding: 0 0 8px 0;
	color: #000;
	clear: both;
}

	#tabs h4 {
		font-size: 13px;
	}

p {
	padding: 0 0 14px 0;
}

	p.secondaryContent {
		font-size: 11px;
	}

	p.intro {
		font-family: Georgia, Times, serif;
		font-size: 15px;
		line-height: 1.375;
	}

	#sidebar p {
		font-size: 11px;
	}

ul, ol {
	padding: 0 0 18px 25px;
}

ul ul, ul ol, ol ul {
	padding-bottom: 0;
}

small, span.mute {
	color: #808080;
	font-size: 11px;
}

ul {
	list-style: disc;
}

ol {
	list-style-type: decimal;
}

ol li {
	padding: 2px 0 2px 5px;
}

dl dt {
	font-weight: 700;
}

	dl dd {
		padding: 0 0 0 10px;
		border-left: 1px solid #BBB;
		margin: 0 0 10px 10px;
	}

blockquote {
	font-style: italic;
	padding: 0 0 0 25px;
}

/* Default styling for data tables */
table {
	font-family: Arial, sans-serif;
	margin: 0 0 20px;
	border-top: 1px solid #bdd4e0;
	border-left: 1px solid #bdd4e0;
}

table td, th {
	padding: 5px;
	border-right: 1px solid #bdd4e0;
	border-bottom: 1px solid #bdd4e0;
	vertical-align: top;
	background: white;
}

table th {
	font-weight: 700;
	background: #F4F8FD url(../images/tableth.png) repeat-x;
	color: black;
	text-align: left;
}

table.reset,
table.reset td,
table.reset th {
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}

tr.rowOdd {
	background: white;
}

tr.rowEven {
	background: #FDFDFD;
}

table.noborder, table.noborder td {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}

/* Links */
a:link, a:visited {
	color: #004071;
}

a:hover, a:active {
	color: #00243f;
}

/* Color inversed links */

.colorInverse a:link,
.colorInverse a:visited {
	color: #b2d5ee;
}

.colorInverse a:hover,
.colorInverse a:active {
	color: #dcedfa;
}

/**
 * = Page structure and layout
 */

/* Meta nav */

#metanavigation {
	padding: 21px 0 13px;
}

#metanavigation ul {
	padding: 0;
	list-style: none;
	float: right;
}

#metanavigation li {
	float: left;
	font-size: 12px;
	padding: 0 8px;
	border-right: 1px solid #005a9d;
	line-height: 1.5;
}

#metanavigation li a {
	text-decoration: none;
}

#metanavigation li.selected a {
	font-weight: 700;
	color: #000;
}

	.colorInverse #metanavigation li.selected a {
		color: #FFF;
	}
	

#metanavigation li.last {
	border: none;
}

#header {
	z-index: 20;
}

	#logo {
		float: left;
		padding: 0 12px;
		height: 66px;
		height: 100%;
	}

	#header h1,
	#header span.sitetitle {
		width: 200px;
		height: 66px;
		text-indent: -9000px;
		float: left;
	}

	#header span.sitetitle, #header h1 a {
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	/* Navigation */
	#navigation {
		width: 692px;
		float: left;
		padding: 23px 0 0 0;
	}

	#navigation ul {
		padding: 0;
	}

	#navigation ul li {
		list-style: none;
		padding: 0 10px 0 0;
		font-size: 14px;
		float: left;
	}

	#navigation ul li a:link,
	#navigation ul li a:visited {
		padding: 0 8px 0 18px;
		display: block;
		line-height: 1.71;
		float: left;
		color: #CCDEEB;
		text-decoration: none;
		font-weight: 700;
	}

	#navigation ul li.selected {
		background: url(../images/navigationselected.gif) no-repeat top right;
	}

	#navigation ul li.selected a:link,
	#navigation ul li.selected a:visited {
		color: #FFF;
		background: #005A9D url(../images/navigationselected.gif) no-repeat 0 0;
	}

	#navigation ul li a:hover,
	#navigation ul li a:active {
		color: white;
	}

	/* Content */

	#content {
		width: 571px;
		float: left;
		min-height: 400px;
		height: auto !important;
		height: 400px;
		padding-left: 36px;
	}

	#content.fullwidth {
		/* Stijlen voor bedenken */
	}

	#topsection #video {
		float: left;
		width: 317px;
		overflow: hidden;
		padding-right: 30px;
	}
	
	#introduction h2 {
		font-size: 30px;
		white-space: nowrap;
		text-transform: uppercase;
		padding: 0 0 18px;
		line-height: 24px;
	}
	
		#introduction h2 em {
			font-family: Times, serif;
			font-weight: 300;
			font-size: 32px;
			text-transform: none;
		}

	/* Footer */
	#footer {
		border-top: 1px solid #dbe6ee;
		width: 100%;
		padding: 0 0 30px;
	}

	#footer ul {
		float: right;
		padding: 10px;
	}

	#footer li {
		float: left;
		padding: 0 10px;
		list-style: none;
		line-height: 1;
		font-size: 11px;
	}

	#footer li.last {
		padding-right: 0;
		border: none;
	}

	#register {
		margin: 5px 0;
		background: url(../images/registerbg.gif) no-repeat 0 18px;
	}

	#register p {
		padding: 0 0 0 515px;
	}

	#register a {
		float: left;
		text-indent: -9000px;
		position: relative;
		display: block;
		top: 5px;
		line-height: 26px;
		float: left;
	}

	#register a.button-register,
	#register a.button-register {
		background: url('../images/register.png') no-repeat;
		width: 157px;
		margin-right: 5px;
	}

	#register a.button-tutorial,
	#register a.button-tutorial {
		background: url('../images/videotutorial.png') no-repeat;
		width: 117px;
	}

/**
 * = MODULE: Contact
 * ----------------------------------------------------------
 */

label {
	color: #004071;
}

input, textarea {
	font-family: Arial;
	font-size: 13px;
}

span.form-error {
	color: red;
	display: block;
	padding: 0 0 2px 0;
}

span.form-success {
	color: #000;
	display: block;
	background: #FFF;
	padding: 8px;
	border: 1px solid #CCC;
	margin: 0 0 10px;
}

/* Password strength meter */

input#password {
	float: left;
}

div#password-strength {
	float: left;
	width: 150px;
	margin-top: 1px;
	margin-left: 10px;
	height: 22px;
	font-size: 11px;
	min-width: 150px;
	white-space: nowrap;
}

div#password-strength span {
	padding: 1px 2px;
}

.password-strength-bar {
	_display: inline-block;
}

input.input-text-error,
textarea.textarea-error,
input.input-password-error {
	border: 1px solid red;
	padding: 3px 2px;
}

form dl dd {
	padding: 0 0 8px 0;
}

#name, #email, #website, #subject {
	width: 210px;
}

#message {
	width: 350px;
	height: 10em;
}

/* Module: newsletter subscription */

#newslettersubscribeform ul {
	padding-left: 0;
}

#newslettersubscribeform ul li {
	list-style: none;
	padding: 0 0 5px;
}

/* Fork defaults: image classes */
img.alignleft {
	float: left;
	padding: 0 12px 10px 0;
}

img.alignright {
	float: right;
	padding: 0 0 10px 10px;
}

/* Fork defaults: breadcrumb */
#breadcrumb {
	font-size: 11px;
	padding: 5px 0 5px 260px;
	color: #808080;
	border-bottom: 1px solid #d9d9d9;
}

/* Fork defaults: linkbutton */
a.linkbutton {
	border: 1px solid #E5EAF7;
	background: #FFF;
	padding: 3px 8px;
	display: block;
	float: left;
	font-weight: 700;
	margin: 0 10px 0 0;
}

/* Fork defaults: backlinks*/
p.backlink {
	clear: both;
}

p.backlink a {
	background: #FFF;
	padding: 3px 6px;
	border: 1px solid #AAA;
	text-decoration: none;
}

p.backlink a:hover {
	background: #FFD;
}

/* Fork defaults: pagination */
.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #CCC;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: black;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #DDD;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #FFC;
	border: 1px solid #BBB;
	color: black;
}

.nextpage, .previouspage {
	font-size: 11px !important;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

.hidden {
	display: none;
}

abbr {
	border: none;
}

p.continued {
	float: right;
}

p.continued a:link,
p.continued a:visited {
	background: url('../images/continuedcapsule.gif') no-repeat;
	color: white;
	display: block;
	float: left;
	font-weight: 700;
	text-decoration: none;
	line-height: 21px;
	height: 21px;
	color: #6A6A6A;
	cursor: pointer;
	padding: 0 0 0 10px;
}

p.continued a:hover,
p.continued a:active {
	color: #222;
}

p.continued em {
	display: block;
	float: left;
	line-height: 21px;
	margin-right: 3px;
}

p.continued a span {
	background: #E5F1FB url('../images/continuedcapsule.gif') no-repeat scroll top right;
	display: block;
	float: left;
	padding: 0 10px 0 0;
	height: 21px;
}

p.continued img {
	position: relative;
	top: 3px;
	left: 3px;
}

#quicklinks {
	background: #fefdec;
	border: 1px solid #DDD;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	width: 277px;
	margin: 0 0 20px;
}

#quicklinks ul {
	list-style: none;
	padding: 0;
	margin-left: 5px;
}

#quicklinks ul li {
	background: url(../images/bullet.gif) no-repeat 3px 7px;
	padding: 0 0 0 11px;
}

div.screenshot-explanation {
	padding: 35px 25px 0 25px;
}

#call-to-action {
	/*background: url('../images/eightreasonsbg.jpg') no-repeat;*/
	width: 522px;
	height: 397px;
	margin-top: 27px;
	overflow: hidden;
	margin-bottom: 30px;
}

#righthand {
	float: left;
	width: 522px;
}

#learn-featured-items {
	padding: 20px 0;
}

#learn-featured-items ul {
	background: #f9fdf9 url(../images/featureditemsbg.png);
	border-bottom: 1px solid #daf2dc;
	padding: 0;
}

	#learn-featured-items ul li {
		float: left;
		list-style: none;
		padding: 5px;
	}

	#learn-featured-items ul li a {
		display: block;
		width: 125px;
		height: 48px;
		float: left;
		padding: 14px 0 0 55px;
		text-decoration: none;
		color: #000;
		line-height: 1.25;
		position: relative;
	}

	#learn-featured-items ul li a span.icon {
		background: #f9f9f9 url(../images/icons_sprites.gif) no-repeat 0 0;
		display: block;
		width: 36px;
		height: 36px;
		position: absolute;
		top: 12px;
		left: 10px;
	}

	#learn-featured-items ul li a:hover {
		background-color: #e8f6e8;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	#learn-featured-items ul li a span.view{
		font-weight: 700;
		font-family: Arial, sans-serif;
		text-transform: uppercase;
		font-size: 11px;
		color: #004071;
		border-bottom: 1px solid #9eb7ca;
	}

	#learn-featured-items ul li.txt a:link span.icon,
	#learn-featured-items ul li.txt a:visited span.icon {
		background-position: 0 0;
	}

	#learn-featured-items ul li.txt a:hover span.icon,
	#learn-featured-items ul li.txt a:active span.icon {
		background-position: 0 -36px;
	}

	#learn-featured-items ul li.screencast a:link span.icon,
	#learn-featured-items ul li.screencast a:visited span.icon {
		background-position: -36px 0;
	}

	#learn-featured-items ul li.screencast a:hover span.icon,
	#learn-featured-items ul li.screencast a:active span.icon {
		background-position: -36px -36px;
	}

	#learn-featured-items ul li.faq a:link span.icon,
	#learn-featured-items ul li.faq a:visited span.icon {
		background-position: -72px 0;
	}

	#learn-featured-items ul li.faq a:hover span.icon,
	#learn-featured-items ul li.faq a:active span.icon {
		background-position: -72px -36px;
	}

#learn-featured-items div.titlebar {
	background: url(../images/headingbg.png) no-repeat 0 0;
	color: #004071;
	padding: 0 10px;
	width: 551px;
}

#learn-featured-items div.titlebar h3 {
	padding: 5px 0;
}

#learn-faq ul {
	padding: 0;
	list-style: none;
	width: 50%;
}

#learn-faq ul.left-list {
	float: left;
}

#learn-faq ul.right-list {
	float: left;
}

#learn-faq ul li span {
	font-size: 11px;
	font-weight: 700;
	color: #000;
	margin-right: 4px;
}

#sidebar-wrap {
	float: left;
	width: 238px;
	margin-top: 30px;
}

#sidebar {
	/*overflow: hidden;*/
	width: 238px;
}

.sidebar-content {
	background: url('../images/sidebarcontentbg.png') no-repeat;
	padding: 15px;
}

.sidebar-top {
	background: url('../images/sidebar-top-and-bottom.png') no-repeat;
	width: 238px;
	height: 6px;
	line-height: 0;
	font-size: 0;
}

.sidebar-bottom {
	background: url('../images/sidebar-top-and-bottom.png') no-repeat bottom center;
	width: 238px;
	height: 6px;
	line-height: 0;
	font-size: 0;
}
	
#subnavigation ul {
	padding: 0 0 20px;
	margin: 0 0 20px;
	list-style: none;
	border-top: 1px solid #D0E1EE;
}

#subnavigation ul ul {
	padding: 0;
	margin: 0;
	border: none;
}

	#subnavigation ul li {
		border-bottom: 1px solid #D0E1EE;
	}
	
		#subnavigation ul li a {
			font-weight: 700;
			font-size: 13px;
			text-decoration: none;
			padding: 2px 0;
			display: block;
		}
		
		#subnavigation ul li.selected a {
			color: #000;
		}

			#subnavigation ul li li a {
				font-size: 12px;
			}

			#subnavigation ul li.selected li a {
				color: #004071;
			}

				#subnavigation ul li ul li {
					font-size: 12px;
					border: none;
					padding: 0 0 0 10px;
				}

					#subnavigation ul li.selected ul li.selected a {
						color: #000;
						font-weight: 700;
					}

			#subnavigation li ul li a {
				font-weight: 300;
			}

/* Signup */
input, select {
	font-family: Arial, sans-serif;
	vertical-align: middle;
}

fieldset {
	background: #F1F5FA;
	border: 1px solid #C2CAD4;
	padding: 25px 20px 10px;
	margin: 0 0 20px;
}

fieldset legend {
	font-size: 11px;
	color: #808080;
	display: none;
}

label {
	font-weight: 700;
}

fieldset p label {
	width: 120px;
	display: block;
	float: left;
	padding-right: 10px;
}

span.helptxt {
	display: block;
	clear: both;
	padding: 2px 0 2px 131px;
}

span.form-error {
	display: block;
	padding: 2px 0 2px 131px;
	clear: both;
}

.spacing {
	padding-left: 141px;
}

fieldset.radiofieldset span.form-error {
	padding-left: 28px;
}

#terms-and-conditions {
	overflow-y: scroll;
	background: white;
	height: 200px;
	padding: 15px;
	border: 1px solid #C2CAD4;
	margin: 0 0 20px;
}

fieldset p {
	clear: both;
}

fieldset.radiofieldset label {
	float: none;
	width: auto;
	text-align: left;
	display: inline;
	padding-left: 2px;
}

fieldset.radiofieldset p {
	padding: 0 0 5px;
}

p.redbox {
	padding: 20px;
	color: red;
	border: 1px solid red;
	margin: 0 0 20px;
}

table.grading-cats {
	table-layout: fixed;
	width: 100%;
}

table.grading-cats td {
	font-weight: 700;
	font-size: 14px;
}

.block {
	display: block;
}

/* Clearfix */
.clearfix:after,
#featured .featuredItem .videoHolder:after,
.colsGrid:after,
#metanavigation ul:after,
#bottomsection:after,
#metanavigation:after,
#register:after,
#topsection:after,
#navigation ul:after,
p.continued:after,
#main:after,
#learn-featured-items:after,
#password-strength:after,
#learn-featured-items ul:after,
.cols:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
/* Try to circumvent LivePersons crappy code */

#mylayer {
	display: none;
}

.lightbox {
	width: 110px;
	float: left;
	margin: 0 10px 20px 0;
}

	.lightbox img { display: block; border: 1px solid #C0E0EE; }
	.lightbox p { padding: 3px 3px; font-size: 11px; text-align: right; border-bottom: 1px solid #C0E0EE;}
	.lightbox p a { text-decoration: none; }
	
	ol li {
		clear: both;
	}

div.alignright {
	float: right;
	margin: 0 0 0 10px;
}

/* Custom styles, requested by bruno */
.noticebox {
	display: block;
	border: 1px solid #D0E1EE; 
	padding: 14px 14px 0;
	margin: 0 0 14px;
	background: #E4F0FB;
}

ol.visualguide li {
	border-bottom: 1px solid #C0E0EE;
	padding: 0 0 10px;
	margin: 0 0 10px;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {
	position: relative;
	background-color: #FFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	overflow: auto;
}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}

#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}

#lightbox-container-image-data-box {
	font-size: 13px;
	font-family: Arial, sans-serif;
	background-color: #FFF;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 5px 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px; 
}

#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}

#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

/* Live tuts */

#calendarWeekView {
	border-left: 0;
	border-top: 0;
	width: 571px;
	table-layout: fixed;
}

#calendarWeekView thead th {
	border-top: 1px solid #BDD4E0;
}

#calendarWeekView th.empty {
	background: none;
	border-top: 0;
}

#calendarWeekView tbody tr th {
	border-left: 1px solid #BDD4E0;
}

#calendarWeekView tbody tr td {
	height: 30px;
}

#calendarWeekView p {
	padding: 4px;
	background: #FFC;
	font-size: 11px;
	border: 1px solid #D6CDAF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#partnership .cols {
	background: white;
	border: 1px solid #C7CED3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#partnership .col {
	width: 244px;
	float: left;
	/* Try to fix FF3.5 issue */
	overflow-x: hidden;
	padding: 20px 20px 6px;
}

#partnership .cols .first {
	border-right: 1px solid #C7CED3;
}

#lightbox-image-details-text { padding: 0 0 20px; }

/*
	Main
*/

#main {
	padding: 36px 0;
	background: #FFF url(../images/main_bg.png) repeat-x;
}

/*
	Prices
*/

#prices table {
	margin: 0;
	width: 504px;
	border: none;
	table-layout: fixed;
}

#prices2 {
	display: none;
}

	#prices .footer {
		width: 504px;
		padding: 12px 0;
	}

#prices th {
	border: 0;
	border-right: 1px solid #ecf3f9;
	font-size: 11px;
	font-weight: 300;
	color: #808080;
	background: none;
	vertical-align: middle;
}

#prices td {
	border: 0;
	border-right: 1px solid #D7E1EF;
	font-size: 11px;
	font-weight: 700;
}

	#prices td:last-child {
		border: none;
	}

#prices tr.odd td {
	background: #F1F5FA;
}

#prices tr.even td {
	background: #FFF;
}

#prices .price {
	text-align: right;
	font-weight: 700;
}

#prices p.helpTxt {
	font-size: 11px;
	text-align: center;
	color: #666;
	padding: 6px 0 4px;
}

#prices .centerWidthlessWrap {
	padding: 0 0 12px;
}

#prices .centerWidthlessWrap .button {
	padding: 0;
}

#prices td span { padding: 0 2px; width: 24px; text-align: center; font-size: 11px; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gia { background: #cf9f6f; }
.hrd { background: #00a8e7; }
.igi { background: #333; color: #FFF; }

/*
	News ticker
*/

#ticker {
	display: none;
	position: absolute;
	top: 21px;
	left: 0;
}

	#ticker ul, #ticker p {
		float: left;
		padding: 0;
		position: relative;
	}

.newsticker {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

	.newsticker strong {
		color: #FFF;
	}
	
	.newsticker li strong {
		color: green;
	}

	.colorInverse .newsticker li strong {
		color: #81d07d;
	}
	
/*
	Demo CTA
*/

#demoCta {
	width: 286px;
	position: relative;
	top: 31px;
}

#demoCta .hd {
	background: url('../images/demo_cta.png') no-repeat scroll top left;
	height: 48px;
	font-size: 0;
	line-height: 0;
	width: 286px;
}

#demoCta .bd {
	background: url('../images/demo_cta.png') no-repeat scroll left -64px;
	width: 286px;
}

	#demoCta .bd p {
		padding: 0;
	}

	#demoCta .content {
		padding: 0 12px;

	}
	
	#demoCta h4 {
		font-size: 0;
		position: absolute;
		left: -9000px;
	}

	#demoCta p {
		color: #4E472F;
	}

#demoCta .ft {
	background: url('../images/demo_cta.png') no-repeat scroll bottom left;
	height: 43px;
	position: relative;
	width: 286px;
}

	#demoCta a.fakeButton {
		width: 108px;
		height: 21px;
		position: absolute;
		top: 11px;
		left: 161px;
		font-size: 11px;
		line-height: 21px;
		text-align: center;
		font-weight: 700;
		text-decoration: none;
		color: #1568a5;
	}
	
/*
	Memo
*/

#memo {
	text-align: center;
	background: white;

	padding: 18px;
	border: 1px solid #d5d5d5;
	margin: 0 0 18px;

	/* @inc .rc */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#memo .heading {
	width: 124px;
	margin: 0 auto;
}

#memo .heading h2 {
	position: relative;
	bottom: 3px;
	font-size: 21px;
	padding: 0;
	font-family: Times, serif;
	font-weight: 300;
	color: #000;
}

#memo p {
	padding: 12px 0 0;
}

/*
	diamondNews
*/

#diamondNews h2 {
	padding: 0;
	font-size: 16px;
}

#diamondNews h3, #diamondNews h2 {
	color: #000;
}

#diamondNews h3 {
	letter-spacing: 3px;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 0 12px;
	border-bottom: 1px solid #d6d6d6;
	margin: 0 0 12px;
}

#diamondNews ul {
	list-style: none;
	padding-left: 0;
}

	#diamondNews li {
		padding: 0 0 6px;
		margin: 0 0 6px;
		border-bottom: 1px solid #e5e5e5;
	}
	
	#diamondNews li:last-child,
	#diamondNews li.last-child {
		border: none;
	}
	
/* Featured */

#featured {
	background: #FFF;
	border-bottom: 1px solid #d8d8d9;
}

#featured .featuredItem {
	float: left;
	background: url(../images/featured_separator.png) no-repeat right 50%;
	padding: 24px 18px 24px 0;
	margin: 0 18px 0 0;

	/* Fast min height hack */
	min-height: 154px;
	height: auto !important;
	height: 154px;

}

	#featured .featuredItem .videoList .videoHolder {
		float: left;
	}
		
		#featured .featuredItem .videoList .video{
			padding-right: 12px;
		}
		
	#featured .featuredItem .video {
		float: left;
	}
	
	#featured .featuredItem .video p {
		font-size: 11px;
		font-weight: 700;
	}

	#featured .featuredItem .video p a {
		text-decoration: none;
	}

#featured .last-child {
	border: none;
	padding-right: 0;
	background: none;
	margin-right: 0;
}

#bloomberg .heading {
	position: relative;
	bottom: 6px;
}

#bloomberg .content {
	width: 272px;
}

#bloomberg .content img {
	float: right;
	padding-left: 12px;
}

/*

	Name:       Winston layout module [0.3]
	Desc:       Styles for creating layouts, both grid style and % style
	            Styles for image alignment on the grid
	            Styles for centering anything

*/

/* Grid based column system (72px columns/24px gutter/10 columns) */

.colsGrid .col {
	float: left;
	margin-right: 36px;
}

.col-1 { width: 72px; } /* (72 * 1) + (0) */
.col-2 { width: 180px; } /* (72 * 2) + (36 * 1) */
.col-3 { width: 288px; } /* (72 * 3) + (36 * 2) */
.col-4 { width: 396px; } /* (72 * 4) + (36 * 3) */
.col-5 { width: 504px; } /* (72 * 5) + (36 * 4) */
.col-6 { width: 612px; } /* (72 * 6) + (36 * 5) */
.col-7 { width: 684px; } /* (72 * 7) + (36 * 6) */
.colLast { margin-right: 0 !important; }

/*
	Simple column system
*/

.cols .col { float: left; margin: 0; }

/* Two columns */
.col-1d2,
.col-2d4 { width: 49.9%; }

/* Three columns*/
.col-2d3 { width: 66.5%; }
.col-1d3 { width: 33.2%; }

/* Four columns */
.col-1d4 { width: 24.9%; }
.col-3d4 { width: 74.9%; }

/* Five columns */
.col-1d5 { width: 19.9%; }
.col-2d5 { width: 39.9%; }
.col-3d5 { width: 59.9%; }
.col-4d5 { width: 79.9%; }

/*
	Spacing divs to fit inside columns:
	gutter width and 1/2 gutter width
*/
.cols .spacingLeft { margin-left: 36px; }
.cols .spacingLeftHalf { margin-left: 18px; }
.cols .spacingRight { margin-right: 36px; }
.cols .spacingRightHalf { margin-right: 18px; }
.cols .spacingBothHalf { margin-right: 18px; margin-left: 18px; }

/*

	Image aligment classes
	Based on grid

*/

img.alignleft {
	float: left;
	padding: 0 36px 18px 0;
}

img.alignright {
	float: right;
	padding: 0 0 36px 18px;
}

/* Center anything */

.centerWidthlessWrap {
	width: 100%;
	overflow: hidden;
}

.centerWidthless {
	float: left;
	position: relative;
	left: 50%;
}

.centerWidthlessInner {
	position: relative;
	left: -50%;
}

/* Widths for Firefox 2 and IE6 */
#videoIntro { width: 230px; }
#videoDemos { width: 304px; }
#bloomberg { width: 272px; }

/*

	Name:       Winston buttons module [0.3]
	Desc:       Styles for the buttons component

*/

a.button:link,
a.button:visited {
	height: 21px;
	line-height: 21px;
	border: none !important;
	white-space: nowrap;
	text-decoration: none;
}

a.button:link span,
a.button:visited span {
	font-size: 11px;
	line-height: 21px;
	font-weight: 700;
}

a.button * {
	float: left;
	background-image: url(../images/buttonbg.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
	
	a.button:link span,
	a.button:visited span {
		background-position: center top;
	}

	a.button:hover span,
	a.button:active span,
	a.button:focus span {
		background-position: center -21px;
	}

	a.button:link b,
	a.button:visited b {
		background-position: 0 0;
	}

	a.button:hover b,
	a.button:active b,
	a.button:focus b {
		background-position: 0 -21px;
	}

	a.button:link i,
	a.button:visited i {
		background-position: top right;
	}

	a.button:hover i,
	a.button:active i,
	a.button:focus i {
		background-position: right -21px;
	}

/* Standard side width */
a.button b,
a.button i {
	width: 12px;
	text-indent: -9000px;
	display: block;
}

	/* Width with icon on the left side */
	a.buttonIconLeft b {
		width: 22px;
	}
	
		/* Add icon hooks here */

	/* Width with icon on the right side */
	a.buttonIconRight i {
		width: 22px;
	}
	
		/* Add icon hooks here */

/* Button positioning */

.buttonHolder .button {
	float: left;
	padding-right: 6px;
}
.buttonHolderRight .button {
	float: right;
	padding-left: 6px;
}

/*

	Name:       Winston overlay 0.1
	Desc:       Styles for the overlay component

*/

body, html {
	height: 100%;
	width: 100%;
}

#modalOverlay {
	display: none;
	height: 100%;
	width: 100%;
	z-index: 299;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	position: fixed;
}

#modalOverlayContent {
	z-index: 301;
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

#modalOverlayContent table {
	height: 100%;
	width: 100%;
	z-index: 400;
}

#modalOverlayContent table td {
	text-align: center;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	color: #FFF;
}