/* Global */

body
{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

	color: rgb(50,50,50);

	margin: 0px;
}

img
{
	border: 0px;
}

a
{
	color: #2E93F4;
	text-decoration: none;
}

a:visited
{
	color: #64AEF4;
	text-decoration: none;
}

a:hover
{
	color: #64ADF4;
	text-decoration: none;
}


h3
{
	font-size: 14px;
	margin-top: 24px;
	margin-bottom: 10px;
}

h3 a
{
	color: rgb(50,50,50);
}

h3 a:hover
{
	color: rgb(90,90,90);
}

h3 a:visited
{
	color: rgb(50,50,50);
}

h2
{
	font-size: 16px;
	margin-top: 24px;
	margin-bottom: 10px;
}

h2 a
{
	color: rgb(50,50,50);
}

h2 a:hover
{
	color: rgb(90,90,90);
}

h2 a:visited
{
	color: rgb(50,50,50);
}

p
{
	line-height: 155%;
	margin-bottom: 20px;
}

p.tight
{
	margin-top: 2px;
}

ol.steps > li
{
	line-height: 155%;
	margin-bottom: 5px;
}

code
{
	font-family: 'Monaco', 'Courier', Monospace; 
	font-size: 11px;
}

blockquote
{
	position: relative;
	background-position: top left;
	background-repeat: no-repeat;

	border-left: 5px solid rgb(210,210,210);
	margin-left: 20px;
	padding-left: 10px;

	font-style: italic;

	color: rgb(80,80,80);
}

dt
{
	font-style: italic;
}

dd
{
	margin-left: 20px;
	margin-top: 2px;
	margin-bottom: 5px;
}

/*
blockquote:before
{
	content: '“';
	float: left;
	
	font-size: 80px;
	color: rgb(220,220,220);
	
	margin-top: 25px;
	margin-right: 25px;
	margin-lefT: -15px;
	
	height: 20px;
}
*/

/* General */
.blockcontent
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.tight
{
	margin-bottom: 2px;
}

/* Encloses all content*/
.contentgroup
{
	margin-top: 20px;
}

/* Encloses group of element at the top */
.topgroup
{
}

.topgroup .blockcontent
{
	margin-left: auto;
	margin-right: auto;
}

/* Top login/logout bar */
.topgroup .blockcontent .login
{
	text-align: right;
	font-size: 11px;
	padding-bottom: 10px;
}

.topgroup .blockcontent .login a
{
	text-decoration: none;
	color: rgb(120,120,120);
}

.topgroup .blockcontent .login a:hover
{
	text-decoration: underline;
	color: rgb(60,60,60);
}

.topgroup .blockcontent .login a:visited
{
	color: rgb(120,120,120);
}


/* Top navigation bar */
.topgroup .blockcontent .navigationbar
{
	position: relative;

	background-image: url('/theme/v3/topbarBackground.png');
	background-position: right top;
	background-repeat: repeat-x;
	
	border-radius: 5px;
}

.topgroup .blockcontent .navigationbar ol
{
	list-style: none;
	position: relative;
	
	width: 1000px;

	padding: 0px;
	margin: 0px;
}

.topgroup .blockcontent .navigationbar ol:after
{
	content: ".";
	display: block;
	line-height: 0px;
	height: 0px;
	visibility: hidden;
	clear: both;
}

.topgroup .blockcontent .navigationbar ol > li
{
	float: left;
	text-align: center;
	line-height: 37px;

	background-image: url('/theme/v3/topbarBackgroundDepth.png');
	background-repeat: no-repeat;
	background-position: right top;

	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	-webkit-font-smoothing: antialiased;
	
	text-overflow: ellipsis;
	overflow: hidden;
}

.topgroup .blockcontent .navigationbar ol .selected
{
	background-image: url('/theme/v3/topbarBackgroundHighlighted.png');
	background-repeat: repeat-x;
}

.topgroup .blockcontent .navigationbar ol > li input
{
	width: 120px;
	height: 18px;

	background: white;
	border-width: 1px;
}

.topgroup .blockcontent .navigationbar ol > li > a
{
	display: block;

	height: 37px;
	line-height: 37px;

	color: white;

	text-shadow: 0px -1px 0px rgba(0,0,0,0.5);

	text-decoration: none;
}

.topgroup .blockcontent .navigationbar ol > li:hover > a
{
	background-image: url('/theme/v3/topbarBackgroundHighlighted.png');
	background-repeat: repeat-x;
	background-position: top right;
}

.topgroup .blockcontent .navigationbar ol > li a:visited
{
	color: white;
}

.topgroup .blockcontent .navigationbar ol #leftLi a:hover,
.topgroup .blockcontent .navigationbar ol .selected#leftLi 
{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;

	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
}

.topgroup .blockcontent .navigationbar ol #rightLi
{
	background-image: none;
	text-align: center;

	line-height: 37px;
	height: 37px;
}

.topgroup .blockcontent .navigationbar ol #rightLi a:hover
{
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
}

.topgroup .blockcontent .navigationbar ol #rightLi input
{
	width: 130px;
}

.topgroup .blockcontent .navigationbar ol > li > ul
{
	display: block;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-in-out;
	
	position: absolute;
	background-color: rgba(0,0,0,0.80);
	
	padding: 0px;
	margin: 0px;
	
	z-index: 20;

	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.topgroup .blockcontent .navigationbar ol > li:hover > ul
{
	visibility: visible;
	opacity: 1;

	border: 1px solid black;
	border-top: 0px;
	
	margin-left: -2px;

	min-width: 115px;
}

.topgroup .blockcontent .navigationbar ol > li > ul > li
{
	list-style: none;

	margin: 0px;
	
	font-size: 12px;
	line-height: 100%;

	border-bottom: 1px solid rgb(100,100,100);
}

.topgroup .blockcontent .navigationbar ol > li > ul > li > a
{
	display: block;
	padding: 10px;

	color: white;
	text-decoration: none;
}

.topgroup .blockcontent .navigationbar ol > li > ul > li:hover
{
	background: -moz-linear-gradient(top, rgb(110,110,110), rgb(70,70,70));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(110,110,110)), to(rgb(70,70,70)));
	background-color: rgb(130,130,130);
}

.topgroup .blockcontent .navigationbar ol > li > ul > li:last-child
{
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	
	border-bottom: 0px;
}


/* Main group - encloses everything below the header */
.maingroup
{
}

.maingroup a[href^="http:"],
.maingroup a[href^="https:"]
{
	background: url(/theme/v3/external.png) right center no-repeat;
	padding-right: 14px;
}

.maingroup a[href^="http://www.iospirit.com/"],
.maingroup a[href^="https://www.iospirit.com/"],
.maingroup a[href^="http://secure.iospirit.com/"],
.maingroup a[href^="https://secure.iospirit.com/"],
.maingroup a[href^="http://static.iospirit.com/"],
.maingroup a[href^="http://helpbooks.iospirit.net/"]
{
	background: transparent;
	padding-right: 0px;
}

/* Main content - header */
.mainhead
{
}

.mainhead .blockcontent
{
	position: relative;
	
	width: 1000px;

	padding-top: 30px;
	padding-bottom: 30px;
}

.mainhead .blockcontent .title
{
	font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	font-size: 48px;
	padding-bottom: 10px;
}

.mainhead .blockcontent h1
{
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: normal;

	/* Identical to .title */
	font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	font-size: 48px;
	padding-bottom: 10px;
}

.mainhead .blockcontent .intro
{
	font-size: 15px;
	color: #323232;
	line-height: 150%;
	text-align: justify;

	width: 560px;
}

.mainhead .blockcontent h2
{
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;

	/* Identical to .intro */
	font-size: 15px; 
	color: #323232;
	line-height: 150%;
	text-align: justify;

	width: 560px;
}

.mainhead .blockcontent .logo
{
	position: absolute;
	right: 0px;
	bottom: -60px;
}

/* Main content - body */
.maincontent 
{
	padding-top: 10px;
	padding-bottom: 10px;

	background-color: white;
	background-image: url('/theme/v3/topMainDividerBackground.png');
	background-repeat: repeat-x;
	background-position: top left;

	z-index: 2;
}

.maincontent[styling="flat"]
{
	border-top: 2px solid #C644FC;

	background-image: none;
	/*
	background-image: url('/theme/v3/topMainDividerBackground.png');
	background-size: auto 20px;
	*/
	
	margin-top: 29px;
}

.maincontent .blockcontent
{
	width: 1000px;
}

.maincontent .blockcontent .maintab
{
	margin-top: -10px;
	
	padding-bottom: 0px;

	margin-bottom: 40px;
}

.maincontent[styling="flat"] .maintab
{
	margin-top: -39px;
}

.maincontent .blockcontent .maintab ol
{
	position: relative;

	list-style: none;
	margin: 0px;
	padding: 0px;
	
	height: 29px;
}

.maincontent .blockcontent .maintab ol li
{
	float: left;
	text-align: center;
}

.maincontent .blockcontent .maintab ol li a
{
	line-height: 29px;
	
	padding-left: 19px;
	padding-right: 19px;

	display: block;
	height: 29px;

	font-size: 11px;
	font-weight: lighter;
	text-decoration: none;
	color: rgb(90,90,90);

	/* Added for IE-compatibility */
	float: left;
}

.maincontent[styling="flat"] .blockcontent .maintab ol li a
{
	font-size: 12px;
}

.maincontent .blockcontent .maintab ol li a:hover
{
	color: rgb(30,30,30);
	background-color: rgb(230,230,230);

	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.maincontent[styling="flat"] .blockcontent .maintab ol li a:hover
{
	background-color: transparent;
}

.maincontent .blockcontent .maintab ol .selected
{
	background-image: url('/theme/v3/mainTabLeftLong.png');
	background-repeat: no-repeat;
	background-position: left top;
}

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi)
{
	.maincontent .blockcontent .maintab ol .selected
	{
		background-image: url('/theme/v3/mainTabLeftLong@2x.png');
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 9px 29px;
	}
}

.maincontent[styling="flat"] .blockcontent .maintab ol li
{
	border-radius: 5px 5px 0px 0px;
	/*
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	*/
}

.maincontent[styling="flat"] .blockcontent .maintab ol li:hover
{
	color: rgb(30,30,30);
	background-color: rgba(200,102,253,0.20);
}

.maincontent[styling="flat"] .blockcontent .maintab ol li.selected
{
	background-image: none;
	color: white;
	background-color: #C644FC;
}

.maincontent .blockcontent .maintab ol .selected a
{
	margin-left: 7px;
	padding-left: 12px;
	padding-right: 19px;

	background-image: url('/theme/v3/mainTabRightLong.png');
	background-repeat: no-repeat;
	background-position: right top;
}

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi)
{
	.maincontent .blockcontent .maintab ol .selected a
	{
		margin-left: 7px;
		padding-left: 12px;
		padding-right: 19px;
	
		background-image: url('/theme/v3/mainTabRightLong@2x.png');
		background-repeat: no-repeat;
		background-position: right top;
		background-size: 197px 29px;
	}
}

.maincontent[styling="flat"] .blockcontent .maintab ol .selected a
{
	background-image: none;
	color: white;
	font-weight: bold;
}

.maincontent .blockcontent .maintab ol .selected a:hover
{
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
}

.maincontent .blockcontent .mainbody
{
	clear: both;
	margin-top: 10px;
}

.maincontent .blockcontent .mainbody .majority
{
	display: block;
	float: left;
}

.maincontent .blockcontent .mainbody .rightbar
{
	display: block;
	float: right;
	width: 313px;
}

.maincontent .blockcontent .mainbody .rightbar .roundbox
{
	padding-left: 90px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.maincontent .blockcontent .mainbody .rightbar .roundbox strong
{
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 7px;
	line-height: 140%;
}

.maincontent .blockcontent .mainbody .rightbar .roundbox a
{
	text-decoration: underline;
}

.maincontent .blockcontent .mainbody .rightbar .roundbox small
{
	font-size: 11px;
}

.maincontent .blockcontent .mainbody .rightbar .roundbox small a
{
	color: rgb(110,110,110);
	font-weight: bold;
}

.maincontent .blockcontent .mainbody .rightbar .roundbox small a:hover
{
	color: rgb(90,90,90);
}

.maincontent .blockcontent .mainbody .rightbar .roundbox small a:visted
{
	color: rgb(110,110,110);
}

.maincontent .blockcontent .mainbody .rightbar .roundbox small p
{
	margin-top: 0px;
	line-height: 140%;
}

.maincontent .blockcontent .mainbody .rightbar .roundbox#download
{
	margin-top: 30px;

	color: rgb(100,100,100);

	background: #cafa9b url('/theme/v3/downloadBoxBackground.png') no-repeat top left;
	
	border: 1px solid rgb(175,230,80);
	border-top-width: 0px;
	
	height: 73px;
}

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi)
{
	.maincontent .blockcontent .mainbody .rightbar .roundbox#download
	{
		margin-top: 30px;
	
		color: rgb(100,100,100);
	
		background: #cafa9b url('/theme/v3/downloadBoxBackground@2x.png') no-repeat top left;
		background-size: 313px 67px;
		
		border: 1px solid rgb(175,230,80);
		border-top-width: 0px;
		
		height: 73px;
	}
}

.maincontent .blockcontent .mainbody .rightbar .roundbox#download strong
{
	color: rgb(112,154,0);
}

.maincontent .blockcontent .mainbody .rightbar .roundbox#download strong a
{
	color: rgb(0,144,229);
}

.maincontent .blockcontent .mainbody .rightbar .roundbox#download strong a:hover
{
	color: rgb(0,188,242);
}

.maincontent .blockcontent .mainbody .rightbar .roundbox#purchase
{
	margin-top: 15px;

	color: rgb(100,100,100);

	background: #cafa9b url('/theme/v3/purchaseBoxBackground.png') no-repeat top left;
	
	border: 1px solid rgb(175,230,80);
	border-top-width: 0px;
	
	height: 86px;
}

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi)
{
	.maincontent .blockcontent .mainbody .rightbar .roundbox#purchase
	{
		margin-top: 15px;
	
		color: rgb(100,100,100);
	
		background: #cafa9b url('/theme/v3/purchaseBoxBackground@2x.png') no-repeat top left;
		background-size: 313px 135px;
		
		border: 1px solid rgb(175,230,80);
		border-top-width: 0px;
		
		height: 86px;
	}
}

.maincontent .blockcontent .mainbody .rightbar .roundbox#purchase strong
{
	color: rgb(112,154,0);
}

.maincontent .blockcontent .mainbody .rightbar .roundbox#purchase a
{
	color: rgb(0,144,229);
}

.maincontent .blockcontent .mainbody .rightbar .roundbox#purchase a:hover
{
	color: rgb(0,188,242);
}

.maincontent .blockcontent .mainbody .rightbar .roundbox#newfeatures
{
	margin-top: 15px;

	color: rgb(100,100,100);

	background: #cafa9b url('/theme/v3/newfeaturesBoxBackground.png') no-repeat top left;
	
	border: 1px solid rgba(192, 218, 123, 0.5);
	border-top-width: 0px;
	
	height: 207px;
}


@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi)
{
	.maincontent .blockcontent .mainbody .rightbar .roundbox#newfeatures
	{
		margin-top: 15px;
	
		color: rgb(100,100,100);
	
		background: #cafa9b url('/theme/v3/newfeaturesBoxBackground@2x.png') no-repeat top left;
		background-size: 313px 135px;
		
		border: 1px solid rgba(192, 218, 123, 0.5);
		border-top-width: 0px;
		
		height: 207px;
	}
}


.maincontent .blockcontent .mainbody .rightbar .roundbox#newfeatures strong
{
	color: rgb(112,154,0);
	padding-bottom: 0px;
}

.maincontent .blockcontent .mainbody .rightbar .roundbox#newfeatures ol
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.maincontent .blockcontent .mainbody .rightbar .roundbox#newfeatures ol strong
{
	color: rgb(60,60,60);
	display: block;
	font-size: 12px;
	padding-bottom: 2px;
}

.maincontent .blockcontent .mainbody .rightbar .roundbox#newfeatures li
{
	padding-bottom: 8px;
	padding-top: 8px;

	border: 0px solid rgb(122,167,0);
	border-bottom-width: 1px;
}

.maincontent .blockcontent .mainbody .rightbar .roundbox#newfeatures li#last
{
	border-width: 0;
}


/* Info table (usually used for feature matrices) */
.infotable
{
	clear: both;
	color: rgb(80, 80, 80);
	font-size: 11px;
	
	padding-top: 10px;
}

.infotable h2
{
	font-size: 16px;
	font-weight: lighter;
	padding-bottom: 2px;

	margin-top: 0px;
	
	border: 0px solid rgb(210,210,210);
	border-bottom-width: 1px;
}

.infotable .threecolumns
{
	width: 1000px;
}

.infotable .column
{
	float: left;
	width: 343px;
}

.infotable .column ol
{
	list-style: none;
	margin: 0px;
	padding: 0px;

	width: 313px;
	margin-right: 30px;
}

.infotable .column ol li
{
	padding: 0px;
	margin: 0px;

	height: 55px;
	
	padding-top: 10px;
	padding-bottom: 10px;

	border: 0px solid rgb(210,210,210);
	border-bottom-width: 1px;
}

.infotable .column ol li img
{
	float: right;
	padding-left: 5px;
}

.infotable .column ol li strong
{
	display: block;
	margin-bottom: 2px;
}


.infotable .column ol li:first-of-type
{
	padding-top: 0px;
}

.infotable .column ol li:last-of-type
{
	border-width: 0px;
}

.infotable .column#last
{
	width: 313px;
	margin-right: 0px;
}

.infotable .twocolumns
{
	float: left;
	width: 656px;
	margin-right: 30px;
}

.infotable .twocolumns h2
{
	margin-right: 0px;
}

.infotable .twocolumns .column
{
	width: 656px;
	margin-right: 0px;
}

.infotable .twocolumns .column ol
{
	margin-right: 0px;
}

.infotable .twocolumns .column ol li
{
	width: 656px;
}

/* Gallery */
.gallery
{
	position: relative;
}

.gallery .showroom
{
	position: absolute;
	bottom: 65px;
	top: 0px;
	left: 0px;
	right: 0px;

	border: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(160,160,160);

	background-color: rgb(240,240,240);
	background: -moz-linear-gradient(top, rgb(255,255,255), rgb(240,240,240));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(240,240,240)));

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	
	overflow: hidden;
}

.gallery .showroom .contentDiv
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	
	text-align: center;
	vertical-align: middle;
	
	background-color: rgb(240,240,240);
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.gallery .showroom .contentDiv .caption
{
	position: absolute;
	top: auto;
	bottom: 0px;
	left: 0px;
	right: 0px;

	color: white;
	font-size: 13px;
	text-shadow: 0px 0px 2px rgba(0,0,0,1.0);
	
	padding: 10px;

	background-color: rgba(0, 0, 0, 0.5);
}

.gallery .controls
{
	position: absolute;
	bottom: 0px;
	top: auto;
	left: 0px;
	right: 0px;

	height: 65px;
	line-height: 65px;

	text-align: center;

	border-top: 1px solid rgb(200,200,200);

	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	
	font-size: 11px;
	color: black;
	
	padding-right: 10px;

	background-color: rgb(210,210,210);
	background: -moz-linear-gradient(top, rgb(220, 220, 220), rgb(220,220,220) 25%, rgb(190,190,190) 75%, rgb(190,190,190));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(220, 220, 220)), to(rgb(190,190,190)), color-stop(0.75, rgb(190,190,190)), color-stop(0.25, rgb(220,220,220)));
}

.gallery .controls .label
{
	float: left;
	display: block;

	padding-left: 10px;
}

.gallery .controls .button
{
	float: left;
	display: block;

	margin-top: 12px;
	margin-left: 7px;
	margin-right: 2px;
	
	padding: 0px;

	width: 40px;
	height: 40px;
	overflow: hidden;

	background-image: none;
	background-color: rgb(230,230,230);
	background-position: center center;
	background-repeat: no-repeat;

	border: 1px solid rgb(100,100,100);
	
	outline-width: 0px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	-webkit-user-select: none;
	-moz-user-select: none;
}

.gallery .controls .button[selected="yes"]
{
	border-color: rgb(110,180,230);
	border-width: 3px;

	margin-top: 10px;
	margin-left: 5px;
	margin-right: 0px;
}

.gallery .controls a:hover
{
	border: 1px solid rgb(160,160,160);
}

.gallery .content
{
	display: none;
}

/* Horizontal orientation */
.gallery[orientation="horizontalleft"] .showroom
{
	left: 65px;
	bottom: 0px;

	border-top: 1px solid rgb(200,200,200);

	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
}

.gallery[orientation="horizontalleft"] .contentDiv
{
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
}

.gallery[orientation="horizontalleft"]  .controls
{
	height: auto;

	width: 65px;

	left: 0px;
	right: auto;
	top: 0px;
	bottom: 0px;

	border-bottom: 1px solid rgb(160,160,160);
	border-right: 1px solid rgb(180,180,180);

	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 0px;
	
	text-align: center;
}

.gallery[orientation="horizontalleft"]  .controls .label
{
	float: none;
}

.gallery[orientation="horizontalleft"]  .controls .button
{
	float: none;
}

/* Presentation style: videotabs */
.gallery[presentationstyle="videotabs"] .showroom
{
	left: 200px;
}

.gallery[presentationstyle="videotabs"]  .controls
{
	width: 170px;
	padding: 15px;
	line-height: normal;
}

.gallery[presentationstyle="videotabs"]  .controls .label
{
	text-align: left;
	font-size: 14px;
	padding: 18px 0px 8px 0px;
	text-shadow: 0px 1px 0px rgb(255,255,255);
}

.gallery[presentationstyle="videotabs"]  .controls .label:first-child
{
	padding-top: 0px;
}

.gallery[presentationstyle="videotabs"]  .controls .button
{
	width: 150px;
	height: auto;
	line-height: normal;

	text-align: center;

	margin: 0px;
	margin-bottom: 8px;
	padding: 5px 10px 5px 10px;
	
	color: rgb(90,90,90);
	text-shadow: 0px 1px 0px rgb(255,255,255);
	
	border: 1px solid rgb(200,200,200);
	border-bottom-color: rgb(180,180,180);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	background-color: rgb(240,240,240);
	background: -moz-linear-gradient(top, rgb(250,250,250), rgb(250,250,250) 30%, rgb(210,210,210) 70%, rgb(210,210,210));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(250,250,250)), to(rgb(210,210,210)), color-stop(0.3, rgb(250,250,250)), color-stop(0.7, rgb(210,210,210)));
	
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}

.gallery[presentationstyle="videotabs"] .controls .button:hover
{
	background: -moz-linear-gradient(top, rgb(255,255,255), rgb(255,255,255) 30%, rgb(220,220,220) 70%, rgb(215,215,215));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(215,215,215)), color-stop(0.3, rgb(255,255,255)), color-stop(0.7, rgb(220,220,220)));
}

.gallery[presentationstyle="videotabs"] .controls .button[selected="yes"]
{
	background-color: rgb(150,150,150);
	background: -moz-linear-gradient(top, rgb(100,100,100), rgb(160,160,160));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(100,100,100)), to(rgb(160,160,160)));
	border-color: rgb(120,120,120);
	border-color-bottom: rgb(130,130,130);

	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0);

	color: white;
	text-shadow: none;
}

/* Presentation style: standalone */
.gallery[presentationstyle="standalone"] .showroom
{
	left: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.gallery[presentationstyle="standalone"] .contentDiv
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.gallery[presentationstyle="standalone"]  .controls
{
	width: 0px;
	padding: 0px;
	line-height: normal;
	display: none;
}

/* Bottom box */
.bottomcontent
{
}

.bottomcontent .blockcontent
{
	width: 1000px;
}

.bottomcontent .blockcontent .sitemap
{
	min-height: 100px;
}

.bottomcontent .blockcontent .sitemap .locationbar
{
	padding-left: 0px;
	padding-right: 15px;
	
	margin-top: 30px;

	border-width: 1px;
	border-color: rgb(190,190,190);
	border-style: solid;
	
	font-size: 11px;
	
	height: 35px;
	line-height: 35px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	
	/*
	background-color: rgb(230,230,230);
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(220,220,220)));
	*/
}

.bottomcontent .blockcontent .sitemap .locationbar ol
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.bottomcontent .blockcontent .sitemap .locationbar ol li
{
	float: left;
	
	background-image: url('/theme/v3/breadcrumb.png');
	background-position: right center;
	background-repeat: no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi)
{
	.bottomcontent .blockcontent .sitemap .locationbar ol li
	{
		float: left;
		
		background-image: url('/theme/v3/breadcrumb@2x.png');
		background-size: 26px 96px;
		background-position: right center;
		background-repeat: no-repeat;
	}
}

.bottomcontent .blockcontent .sitemap .locationbar ol li:first-of-type
{
	padding-left: 5px;
}

.bottomcontent .blockcontent .sitemap .locationbar ol li:last-of-type
{
	background-image: none;
}

.bottomcontent .blockcontent .sitemap .locationbar ol li a
{
	display: block;

	padding-left:  10px;
	padding-right: 20px;

	float: left;
	text-decoration: none;
	color: rgb(80,80,80);
	
	font-weight: bold;
}

.bottomcontent .blockcontent .sitemap .locationbar ol li a:hover
{
	float: left;
	text-decoration: none;
	color: rgb(30,30,30);
}

.bottomcontent .blockcontent .sitemap .links
{
	padding-top: 15px;
	padding-bottom: 15px;
	
	border-width: 1px;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;

	border-color: rgb(190,190,190);
	border-style: solid;
	
	/*
	background-color: rgb(240,240,240);
	*/
	
	color: rgb(80,80,80);
	
	font-size: 11px;
	line-height: 150%;

	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.bottomcontent .blockcontent .sitemap .links .columns
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.bottomcontent .blockcontent .sitemap .links .columns > li
{
	display:block;
	float: left;
	width: 124px;
	padding-left: 18px;
}

.bottomcontent .blockcontent .sitemap .links .columns > li:last-child
{
	padding-right: 0px;
}

.bottomcontent .blockcontent .sitemap .links .columns > li strong
{
	display: block;

	color: rgb(60,60,60);
	padding-bottom: 4px;
	padding-top: 16px;
}

.bottomcontent .blockcontent .sitemap .links .columns > li strong:first-child
{
	padding-top: 0px;
}

.bottomcontent .blockcontent .sitemap .links .columns > li ol
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: rgb(160,160,160);
}

.bottomcontent .blockcontent .sitemap .links .columns > li ol li
{
	padding-bottom: 2px;
}

.bottomcontent .blockcontent .sitemap .links .columns > li ol a
{
	color: rgb(140,140,140);	
}

.bottomcontent .blockcontent .sitemap .links .columns > li ol a:hover
{
	color: rgb(60,60,60);
}

.bottomcontent .blockcontent .footer
{
	margin-top: 10px;
	padding-top: 10px;
	font-size: 11px;
	
	margin-bottom: 30px;

/*
	border-width: 1px 0px 0px 0px;
	border-color: rgb(190,190,190);
	border-style: solid;
*/

	color: rgb(120,120,120);
}

.bottomcontent .blockcontent .footer .links
{
	float: right;
}



/* Tools */

.clearboth:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearboth
{
	display: inline-block;
}

/* Link list */
.linklist
{
	padding: 0px;
	margin-bottom: 20px;
}

.linklist h2
{
	display: block;
	text-align: center;

	margin: 0px;
	font-size: 12px;

	padding: 5px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;

	background-color: rgb(230,230,230);
	background: -moz-linear-gradient(top, rgb(250,250,250), rgb(220,220,220));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(250,250,250)), to(rgb(220,220,220)));

	border: 1px solid rgb(200,200,200);
}

.linklist ol
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.linklist ol li a
{
	display: block;

	color: rgb(50,50,50);
	background-color: rgb(240,240,240);
	font-size: 11px;

	padding: 8px;
}

.linklist ol li a.selected
{
	background-color: rgb(200,200,200);
	background: -moz-linear-gradient(top, rgb(175,175,175), rgb(175,175,175) 20%, rgb(215,215,215) 80%, rgb(215,215,215));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(175,175,175)), to(rgb(215,215,215)), color-stop(0.2, rgb(175,175,175)), color-stop(0.8, rgb(215,215,215)));
	
	font-weight: bold;
	color: white;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
}

.linklist ol li a:hover
{
	color: rgb(50,50,50);
	background-color: rgb(230,230,230);
}

.linklist ol li
{
	border: 0px solid rgb(200,200,200);
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
}

.linklist ol li:last-child
{
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.linklist ol li:last-child a
{
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

/* Light Link list */
.light .linklist
{
	padding: 10px 10px 10px 10px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

.light .linklist h2
{
	display: block;
	text-align: left;

	margin: 0px;
	font-size: 14px;

	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-weight: normal;
	
	border: none;

	background: none;
}

.light .linklist ol
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.light .linklist ol li a
{
	display: block;

	color: rgb(50,50,50);
	background-color: white;
	font-size: 12px;

	padding: 5px 0px 5px 0px;
}

.light .linklist ol li a[href^="http://"],
.light .linklist ol li a[href^="https://"]
{
	background-position: 0px 0px;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	min-height: 14px;
}

.light .linklist ol li a.selected
{
	background: none;

	font-weight: bold;
	color: #34a9dc;
	text-shadow: none;
}

.light .linklist ol li a:hover
{
	color: #34a9dc;
	background-color: white;
}

.light .linklist ol li
{
	border: none;
}

.light .linklist ol li:last-child
{
	border: none;
}

.light .linklist ol li:last-child a
{
	border: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


/* Bottom row */
.bottomrow
{
	background: -moz-linear-gradient(top, rgb(112,112,112), rgb(69,69,69));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(112,112,112)), to(rgb(69,69,69)));
	background-color: rgb(90,90,90);
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	border-right: 1px solid rgb(80,80,80);
	border-left: 1px solid rgb(80,80,80);
	border-bottom: 1px solid rgb(40,40,40);
	border-top: 1px solid rgb(100,100,100);

	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.15);

	color: white;
	
	padding: 10px;
	width: 976px;
	/*
	padding: 10px 10px 0px 10px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);

	-webkit-perspective: 1000px;
	perspective: 1000px;
	*/
}

.bottomrow .newsletterstatusbox[progress="yes"]
{
	background: -moz-linear-gradient(top, rgb(250,250,250), rgb(230,230,230));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(250,250,250)), to(rgb(230,230,230)));
	background-color: rgba(255,255,255,0.8);
	color: rgb(50,50,50);
}

.bottomrow .newsletterstatusbox input
{
	width: 120px;
}

/* Bottom columns */
.bottomcolumns
{
	background: -moz-linear-gradient(top, rgb(250,250,250), rgb(230,230,230));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(250,250,250)), to(rgb(230,230,230)));
	background-color: rgb(235,235,235);
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	border-right: 1px solid rgb(220, 220, 220);
	border-left: 1px solid rgb(220, 220, 220);
	border-bottom: 1px solid rgb(200, 200, 200);
	border-top: 1px solid rgb(230,230,230);

	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.15);
}

.bottomcolumns[bottomcolumnsstyle="dark"]
{
	background: -moz-linear-gradient(top, rgb(112,112,112), rgb(69,69,69));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(112,112,112)), to(rgb(69,69,69)));

	border-right: 1px solid rgb(80,80,80);
	border-left: 1px solid rgb(80,80,80);
	border-bottom: 1px solid rgb(40,40,40);
	border-top: 1px solid rgb(100,100,100);
	color: white;
}

.bottomcolumns h3
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	
	font-size: 13px;
}

ul.bottomcolumns
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.bottomcolumns > li
{
	display:  block;
	float: left;

	width: 311px;
	padding: 10px;
	border-right: 1px solid rgb(220, 220, 220);
}


ul.bottomcolumns[bottomcolumnsstyle="dark"] > li
{
	border-right: 1px solid rgb(80, 80, 80);
}

ul.bottomcolumns[bottomcolumnsstyle="dark"] > li.padded
{
	padding-top: 16px;
	padding-bottom: 18px;
}

ul.bottomcolumns li:last-child
{
	border-right-width: 0px;
}

.bottomcolumns .checklist li
{
	font-size: 11px;
	line-height: 155%;
	padding-bottom: 5px;
}

/* MiniGallery */
.minigallery
{
	position: relative;
}

.minigallery .showroom
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 16px;
}

.minigallery .showroom .content
{
	width: 100%;
	height: 100%;
}

.minigallery .navigation
{
	display: block;
	position: absolute;
	top: auto;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: center;
	
	padding: 3px;
	height: 10px;
}

.minigallery .navigation a
{
	display: inline-block;
	width: 10px;
	height: 10px;

	margin-left: 2px;
	margin-right: 2px;

	background-image: url(/theme/v3/miniGalleryStatusCircles.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.minigallery .navigation a.selected
{
	background-image: url(/theme/v3/miniGalleryStatusCircles.png);
	background-position: top right;
}

.minigallery .nodecontainer
{
	display: none;
}

/* TweetGallery */
.tweetgallery
{
	width: 311px;
	height: 160px;
}

.tweetgallery .tweet
{
	width: 311px;
	height: 160px;

	/* background-color: rgb(180,180,110); */
}

.tweetgallery .tweet img
{
	float: left;
	border: 1px solid rgb(200,200,200);
	
	max-width: 48px;
	max-height: 48px;
}

.tweetgallery .tweet .message
{
	font-family: Georgia, "Times New Roman", Times, serif;

	margin-left: 60px;
	font-size: 14px;
	line-height: 140%;

	background: -moz-linear-gradient(top, white, white 30%, rgb(230,230,230) 70%, rgb(230,230,230));
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgb(230,230,230)), color-stop(0.30, white), color-stop(0.70, rgb(230,230,230)));
	background-color: rgb(240,240,240);
	border: 1px solid rgb(210,210,210);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255,255,255,0.50)), color-stop(0.80, transparent));

	font-style: italic;

	padding: 10px;
}

.tweetgallery .tweet .message i
{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;

	font-style: normal;

	display: block;
	margin-top: 10px;
	font-size: 11px;
	color: rgb(80,80,80);
}

.tweetgallery .loading
{
	background-color: rgb(250,250,250);
	background-image: url(/theme/v3/ajaxLoading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	width: 64px;
	height: 64px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.tweetgallery a[href^="http:"]
{
	background: none;
	padding-right: 0px;
	color: rgb(80,80,80);
}


/* TwitterFeed */
.twitterfeed
{
}

.twitterfeed .loadingtweet
{
	background-image: url(/theme/v3/ajaxLoading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: 256px;
}

.twitterfeed a[href^="http:"]
{
	background: none;
	padding-right: 0px;
}

.twitterfeed ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.twitterfeed ul li
{
	font-size: 11px;
	line-height: 133%;
	padding: 8px;
	height: 74px;
}

.twitterfeed ul li i
{
	display: block;
	margin-top: 5px;
}

.twitterfeed ul li img.avatar
{
	width: 24px;
	height: 24px;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 1px;
	float: left;
}

.twitterfeed ul li img.symbol
{
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 1px;
	float: left;
}

.twitterfeed .twitterfeedfollowus
{
	text-align: center;
	height: auto;
}

.linklist .twitterfeed .twitterfeedfollowus
{
	background-color: rgb(230,230,230);
	background: -moz-linear-gradient(top, rgb(250,250,250), rgb(220,220,220));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(250,250,250)), to(rgb(220,220,220)));
}

.linklist .twitterfeed ul li
{
	border: 0px solid rgb(200,200,200);
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;

	color: rgb(50,50,50);
	background-color: rgb(240,240,240);
}

.linklist .twitterfeed ul li:last-child
{
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

/* Infobox */
.infobox
{
	background-color: rgb(230,230,230);

	background-image: url(/theme/v3/infoboxGradient.png);
	background-position: top left;
	background-repeat: repeat-x;

	border: 1px solid rgb(210,210,210);
	padding: 15px 15px 15px 15px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	min-height: 44px;
	
	margin-bottom: 15px;
}

.infobox h1:first-child
{
	margin-top: 0px;
}

.infobox h2:first-child
{
	margin-top: 0px;
}

.infobox h3:first-child
{
	margin-top: 0px;
}

.infobox h4:first-child
{
	margin-top: 0px;
}

.infobox p:last-child
{
	margin-bottom: 0px;
}

.infobox[infoboxstyle="green"]
{
	background-color: rgb(203,250,156);
	background-image: url(/theme/v3/infoboxGradientGreen.png);
	border: 1px solid rgb(175,230,80);
}

/* Buttons */
a[href^="http:"].lightbutton
{
	background-color: rgb(220,220,220);
	background: -moz-linear-gradient(top, rgb(250,250,250), rgb(250,250,250) 30%, rgb(210,210,210) 70%, rgb(210,210,210));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(250,250,250)), to(rgb(210,210,210)), color-stop(0.3, rgb(250,250,250)), color-stop(0.7, rgb(210,210,210)));
	padding: 5px 10px 5px 10px;
}

.lightbutton
{
	text-align: center;

	margin: 0px;
	padding: 5px 10px 5px 10px;
	
	color: rgb(90,90,90);
	text-shadow: 0px 1px 0px rgb(255,255,255);
	
	border: 1px solid rgb(200,200,200);
	border-bottom-color: rgb(180,180,180);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	background-color: rgb(220,220,220);
	background: -moz-linear-gradient(top, rgb(250,250,250), rgb(250,250,250) 30%, rgb(210,210,210) 70%, rgb(210,210,210));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(250,250,250)), to(rgb(210,210,210)), color-stop(0.3, rgb(250,250,250)), color-stop(0.7, rgb(210,210,210)));
	
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
}

a.lightbutton
{
	color: rgb(90,90,90);
}

.lightbutton:hover
{
	background-color: rgb(230,230,230);
	background: -moz-linear-gradient(top, rgb(255,255,255), rgb(255,255,255) 30%, rgb(220,220,220) 70%, rgb(215,215,215));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(215,215,215)), color-stop(0.3, rgb(255,255,255)), color-stop(0.7, rgb(220,220,220)));
}

a[href^="http:"].lightbutton:hover
{
	background-color: rgb(230,230,230);
	background: -moz-linear-gradient(top, rgb(255,255,255), rgb(255,255,255) 30%, rgb(220,220,220) 70%, rgb(215,215,215));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(215,215,215)), color-stop(0.3, rgb(255,255,255)), color-stop(0.7, rgb(220,220,220)));
}

.lightbutton:active
{
	background-color: rgb(200,200,200);
	background: -moz-linear-gradient(top, rgb(100,100,100), rgb(160,160,160));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(100,100,100)), to(rgb(160,160,160)));
	border-color: rgb(90,90,90);
	border-color-bottom: rgb(110,110,110);

	color: white;
	text-shadow: none;
	
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0);
}

a[href^="http:"].lightbutton:active
{
	background-color: rgb(200,200,200);
	background: -moz-linear-gradient(top, rgb(100,100,100), rgb(160,160,160));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(100,100,100)), to(rgb(160,160,160)));
	border-color: rgb(90,90,90);
	border-color-bottom: rgb(110,110,110);

	color: white;
	text-shadow: none;
	
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0);
}

/* Blue button*/
.bluebutton
{
	margin-right: 10px;
	padding: 5px;
	color: white;
	font-size: 11px;
	border: 1px solid rgb(115,140,180);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -moz-linear-gradient(top, rgb(255,255,255), rgb(150,170,200) 5%, rgb(150,170,200) 20%, rgb(110,130,170) 80%, rgb(110,130,170));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(150,170,200)), to(rgb(110,130,170)), color-stop(0.0,white), color-stop(0.05,rgb(150,170,200)), color-stop(0.2,rgb(150,170,200)), color-stop(0.8,rgb(110,130,170)));
	background-color: rgb(150,170,200);
	display: inline-block;
}

.bluebutton:active
{
	background: -moz-linear-gradient(top, rgb(100,120,160), rgb(100,120,160) 20%, rgb(140,160,190) 80%, rgb(140,160,190));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(100,120,160)), to(rgb(140,160,190)), color-stop(0.95,rgb(140,160,190)), color-stop(0.8,rgb(140,160,190)), color-stop(0.2,rgb(100,120,160)));
}

a.bluebutton
{
	color: white;
}

a.bluebutton[href^="http:"]
{
	background-image: none; 
	background: -moz-linear-gradient(top, rgb(255,255,255), rgb(150,170,200) 5%, rgb(150,170,200) 20%, rgb(110,130,170) 80%, rgb(110,130,170));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(150,170,200)), to(rgb(110,130,170)), color-stop(0.0,white), color-stop(0.05,rgb(150,170,200)), color-stop(0.2,rgb(150,170,200)), color-stop(0.8,rgb(110,130,170)));
	background-color: rgb(150,170,200);
	padding: 5px;
}

a.bluebutton[href^="http:"]:active
{
	background-image: none; 
	background: -moz-linear-gradient(top, rgb(100,120,160), rgb(100,120,160) 20%, rgb(140,160,190) 80%, rgb(140,160,190));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(100,120,160)), to(rgb(140,160,190)), color-stop(0.95,rgb(140,160,190)), color-stop(0.8,rgb(140,160,190)), color-stop(0.2,rgb(100,120,160)));
	background-color: rgb(140,160,190);
}

a.bluebutton[href^="https:"]
{
	background-image: none; 
	background: -moz-linear-gradient(top, rgb(255,255,255), rgb(150,170,200) 5%, rgb(150,170,200) 20%, rgb(110,130,170) 80%, rgb(110,130,170));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(150,170,200)), to(rgb(110,130,170)), color-stop(0.0,white), color-stop(0.05,rgb(150,170,200)), color-stop(0.2,rgb(150,170,200)), color-stop(0.8,rgb(110,130,170)));
	background-color: rgb(150,170,200);
	padding: 5px;
}

a.bluebutton[href^="https:"]:active
{
	background-image: none; 
	background: -moz-linear-gradient(top, rgb(100,120,160), rgb(100,120,160) 20%, rgb(140,160,190) 80%, rgb(140,160,190));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(100,120,160)), to(rgb(140,160,190)), color-stop(0.95,rgb(140,160,190)), color-stop(0.8,rgb(140,160,190)), color-stop(0.2,rgb(100,120,160)));
	background-color: rgb(140,160,190);
}

/* Glossy Blue button */
.glossybluebutton
{
	margin-right: 10px;
	padding: 7px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	font-size: 15px;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
	border: 1px solid rgb(115,140,180);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: -moz-linear-gradient(top, #aed0ff, #4a8bec 50%, #3673cf 50%, #2b5eb5);
	background: -webkit-linear-gradient(#aed0ff 0%, #4a8bec 50%, #3673cf 50%, #2b5eb5 100%);
	background-color: #4a8bec;
	display: inline-block;
}

.glossybluebutton:active
{
	background: -moz-linear-gradient(top, #aed0ff, #3673cf);
	background: -webkit-linear-gradient(#2b5eb5 0%, #6ca7ff 100%);
	background-color: #3673cf;
}

/* General formatting */
.footnote
{
	color: rgb(150,150,150);
	font-size: 10px;
}

.footnotes
{
	color: rgb(150,150,150);
	font-size: 10px;
	margin-top: 20px;
}

.footnotes hr
{
	margin-left: 0px;
	display: block;
	height: 1px;
	width: 200px;
	border-color: rgb(150,150,150);
	border-width: 0px 0px 1px 0px;
}

.footnotes ol
{
	margin: 0em 0em 0em 1em;
	padding-left: 1.25em;
}

/* List with green checkmarks */
ul.checklist
{
	margin: 0px;
	padding: 0px;
}

ul.checklist li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	padding-left: 25px;
	
	padding-bottom: 10px;
	
	background-image: url(/theme/v3/greenCheckmark.png);
	background-repeat: no-repeat;
	background-position: 2px top;
}

/* List styles */
.spacedlist
{
}

.spacedlist > li
{
	line-height: 155%;
	margin-bottom: 20px;
}

ul.leftalignedlist
{
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
}


/* Blog */
.blogentry
{
	font-size: 14px;
	line-height: 155%;
	
	padding-bottom: 20px;

	margin-bottom: 20px;
	
	border: 0px solid rgb(200,200,200);
	border-bottom-width: 1px;
}

.blogentry:last-of-type
{
	margin-bottom: 0px;
	border-bottom: 0px;
}

.blogentry p
{
	font-size: 14px;
}

.blogentry p:last-of-type
{
	margin-bottom: 0px;
}

.blogentry h2
{
	margin-top: 0px;
	margin-bottom: 3px;
	padding-bottom: 2px;

	font-size: 24px;
	font-weight: normal;
	line-height: 135%;
}

.blogentry h3
{
	font-size: 18px;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: -5px;
}

.blogentry h5
{
	margin: 0px;
	margin-bottom: 3px;

	font-size: 13px;
	font-weight: normal;
	
	color: rgb(120,120,120);
}

.blogentry .links
{
	padding-top: 10px;

	font-size: 11px;
}

.blogentry .lightbutton
{
	font-size: 12px;
}

.blogentry .comments
{
}

.blogentry .comments .singlecomment
{
	background-color: rgb(230,230,230);
	background: -moz-linear-gradient(top, rgb(255,255,255), rgb(230,230,230) 40px, rgb(230,230,230));
	background: -webkit-gradient(linear, left top, left 40, from(rgb(255,255,255)), to(rgb(230,230,230)));

	border: 1px solid rgb(210,210,210);
	padding: 15px 15px 15px 70px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	min-height: 44px;
	
	margin-bottom: 15px;
}

.blogentry .comments .singlecomment h4:before
{
	content: '';
	float: left;

	background-color: white;
	background-image: url('/theme/v3/avatarUser.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	
	border: 1px solid rgb(210,210,210);
	
	margin-left: -55px;
	
	width: 40px;
	height: 40px;
}

.blogentry .comments .team_iospirit h4:before
{
	background-image: url('/theme/v3/avatarIOSPIRIT.png');
	background-position: top left;
}

.blogentry .comments .singlecomment h4
{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	
	color: rgb(90,90,90);
}

.blogentry .comments .singlecomment p
{
	white-space: pre-wrap;
	font-size: 11px;
}

.blogentry .comments .team_iospirit
{
	background-color: rgb(245,245,245);
	background: -moz-linear-gradient(top, rgb(255,255,255), rgb(240,240,240) 40px, rgb(240,240,240));
	background: -webkit-gradient(linear, left top, left 40, from(rgb(255,255,255)), to(rgb(240,240,240)));

	border: 1px solid rgb(210,210,210);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.blogentry .commentmask h3
{
	margin-top: 30px;
}

.blogentry .commentmask table
{
	width: 700px;
	padding: 0px;
	margin: 0px;
}

.blogentry .commentmask table tr
{
	padding: 0px;
	margin: 0px;
}

.blogentry .commentmask table td
{
	padding: 0px;
	margin: 0px;
}

.blogentry .commentmask textarea
{
	width: 700px;
	padding: 0px;
	margin: 0px;
}

/* Filter box */
.filterbox
{
	background: -moz-linear-gradient(top, rgb(220,220,220), rgb(165,165,165));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(220,220,220)), to(rgb(165,165,165)));
	background-color: rgb(190,190,190);
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	border-right: 1px solid rgb(190, 190, 190);
	border-left: 1px solid rgb(190, 190, 190);
	border-bottom: 1px solid rgb(135, 135, 135);
	border-top: 1px solid white;
}

.filterbox ol
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.filterbox ol li
{
	float: left;
	
	margin-left: 15px;
	margin-bottom: 7px;
	margin-top: 7px;
}

.filterbox ol li strong
{
	color: white;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
}

.filterbox ol li a
{
	color: black;

	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;

	text-decoration: none;

	outline-width: 0px;
}

.filterbox ol li a:hover
{
	color: white;
	text-decoration: none;

	background-color: rgb(130,130,130);
}


.filterbox ol li a.selected
{
	color: white;
	
	background: -moz-linear-gradient(top, rgb(75,75,75), rgb(130,130,130));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(75,75,75)), to(rgb(130,130,130)));
	background-color: rgb(90,90,90);
}

.filterline
{
	border-top:    1px solid rgb(135, 135, 135);
	border-bottom: 1px solid rgb(220, 220, 220);
	clear: both;
}

/* Item selection box */
.itemselectionbox
{
	display: block;

	border: 1px solid rgb(215,215,215);
	border-bottom-color: rgb(170,170,170);

	background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgb(235,235,235)));

	-webkit-border-radius: 7px;
	-webkit-box-shadow: rgb(195,195,195) 0px 2px 2px;
	
	padding: 20px;
	margin-bottom: 20px;
	
	color: rgb(10,10,10);
}

.itemselectionbox:hover
{
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(250,250,250)), to(rgb(230,230,230)));
}

.itemselectionbox:active
{
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(100,100,100)), to(rgb(160,160,160)));
	border: 1px solid rgb(120,120,120);
	-webkit-box-shadow: none;
}

.itemselectionbox img
{
	float: left;
	margin-right: 20px;
	padding-left: 4px;
	padding-right: 4px;
}

.itemselectionbox p
{
	color: rgb(90,90,90);
	margin-bottom: 0px;
}

.itemselectionbox h3
{
	margin-top: 0px;
}

/* Toggled table (changing color in every line) */
table.toggledtable
{
	padding: 0px;
	margin: 0px;
	border-collapse: seperate;
	border-spacing: 0px;

	border: 1px solid rgb(200, 200, 200);
}

table.toggledtable tr
{
	padding: 0px;
	margin: 0px;
}

table.toggledtable tr:nth-child(odd)
{
	background-color: rgb(243,243,243);
}

table.toggledtable tr:nth-child(even)
{
	background-color: white;
}

table.toggledtable tr th
{
	font-size: 12px;
	text-align: left;
	background-color: rgb(230,230,230);
	padding: 5px;
	margin: 0px;

	border-left: solid rgb(220,220,220);
	border-left-width: 1px;
}

table.toggledtable tr th:first-child
{
	border-left-width: 0px;
}

table.toggledtable tr td
{
	font-size: 11px;
	padding: 5px;
	margin: 0px;
	
	vertical-align: top;

	border-left: solid rgb(230,230,230);
	border-left-width: 1px;
}

table.toggledtable tr td:first-child
{
	border-left-width: 0px;
}

/* Chapter Map */
.chaptermap
{
	border: 1px solid rgb(190,190,190);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	color: rgb(80,80,80);
	
	font-size: 11px;
	line-height: 150%;
}

.chaptermap .column
{
	width: 468px;
	padding: 15px;
	float: left;

	border-right: solid rgb(190,190,190);
	border-right-width:  1px;
}

.chaptermap .column#last
{
	border-right-width: 0px;
}

.chaptermap .column strong
{
	display: block;
	margin-bottom: 3px;
}

.chaptermap ol
{
	list-style: none;

	padding: 0px;
	margin: 0px;
}

.chaptermap ol li
{
	float: left;
	width: 234px;	
}

.chaptermap ol li[ismatching="no"]
{
	display: none;
}

.chaptermap ol > li > a
{
	color: rgb(140,140,140);

	background: url(/theme/v3/chapterMapMoreArrow.png) right center no-repeat;
	padding-right: 8px;
}

.chaptermap ol > li > a:hover
{
	color: rgb(60,60,60);
}

/* -- Page specific -- */

/* FAQ */
.faq
{
	margin-top: -10px;
	margin-bottom: -10px;
}

.faq > .filterbox
{
	margin-bottom: 20px;
}

.faq > .chaptermap
{
	margin-bottom: 20px;
}

.faq > .chaptermap li
{
	float: none;
	width: auto;
}

.faq .question
{
	border-bottom: 1px solid rgb(200, 200, 200);
}

.faq .question h3
{
	line-height: 155%;
	margin-top: 0px;
}

.faq .answer
{
	line-height: 155%
}

.faq .answer > p:last-child
{
	margin-bottom: 0px;
}

.faq .box
{
	position: relative;

	margin-bottom: 20px;

	border: 1px solid rgb(200, 200, 200);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	padding: 10px;
	
	font-size: 11px;
}

.faq .box > h3
{
	background: -moz-linear-gradient(top, rgb(255,255,255), rgb(220,220,220));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(220,220,220)));
	background-color: rgb(235,235,235);

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;

	border-bottom: 1px solid rgb(200, 200, 200);
	
	margin: -10px -10px 10px -10px;
	padding: 5px 10px 5px 10px;
	
	font-size: 13px;
	font-weight: normal;
}

.faq .box .questions
{
}

.faq .box .questions ul
{
	list-style: square;
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
	line-height: 155%
}

/* Hardware table */

.hardware
{
	background: white url('/static/objectfiles/image/853/HardwareBackgroundGradient.png') no-repeat top left;

	position: relative;

	margin-bottom: 20px;

	border: 1px solid rgb(200, 200, 200);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	padding: 10px;
	
	font-size: 11px;
}

.hardware h4
{
	background: -moz-linear-gradient(top, rgb(255,255,255), rgb(220,220,220));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(220,220,220)));
	background-color: rgb(235,235,235);

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;

	border-bottom: 1px solid rgb(200, 200, 200);
	
	margin: -10px -10px 10px -10px;
	padding: 5px 10px 5px 10px;
	
	font-size: 13px;
	font-weight: normal;
}

.hardware .illustrations
{
	float: left;
	position: relative;

	width: 180px;
	min-height: 1px;
	
	padding-top: 20px;
	padding-bottom: 20px;

	text-align: center;
}

.hardware .illustrations img
{
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255,255,255,0.35)), color-stop(0.88, transparent));
}

.hardware .description
{
	float: left;
	position: relative;

	padding-left: 30px;

	width: 760px;
}


.hardware .description p
{
	font-size: 11px;
	padding: 0px;
	margin-bottom: 20px;
}

.hardware .description ol
{
	font-size: 11px;
	margin-bottom: 20px;
	line-height: 155%;
	padding-left: 20px;
}

.hardware .description h5
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

.hardware .description table + h5
{
	padding-top: 20px;
}

.hardware .description table
{
	margin-top: 10px;
	font-size: 11px;
	
	width: 100%;
}

.hardware .description table td:first-child
{
	font-weight: bold;
	width: 150px;
}

#eyetvmatrix td:first-child
{
	width: 290px;
}

#ehomematrix td:first-child
{
	font-weight: normal;
	width: 290px;
}

#ehomematrix td:first-child:first-line
{
	font-weight: bold;
}

.hardware .procon
{
	float: left;
}

/* Behaviour table */
.behaviourtables table.toggledtable tr td:first-child
{
	width: 200px;
}

.behaviourtables table.toggledtable tr td:last-child
{
	width: 796px;
}

/* Press quotes */
.pressquotes
{
	width: 309px;
	height: 144px;
}

.pressquotes .quote
{
	text-align: justify;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;
	line-height: 130%;

	font-style: italic;
}

.pressquotes .quote img
{
	float: left;
	display: inline-block;
	
	background-color: white;
	border: 1px solid rgb(210,210,210);

	padding: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;

	margin-right: 10px;
	margin-bottom: 2px;
}

.pressquotes .source
{
	margin-top: 10px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	
	font-size: 11px;
	color: rgb(80,80,80);
}

/* Release notes */
.releasenotes
{
	
}

.releasenotes > h3
{
	background: -moz-linear-gradient(top, rgb(255,255,255), rgb(220,220,220));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(220,220,220)));
	background-color: rgb(235,235,235);

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;

	border: 1px solid rgb(200, 200, 200);
	border-bottom-width: 0px;
	
	margin: 0px;
	padding: 5px 10px 5px 10px;
	
	font-size: 13px;
	font-weight: normal;
}

.releasenotes > ul
{
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	
	margin: 0px;
	margin-bottom: 10px;
	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;

	font-size: 11px;
	line-height: 155%;

	border: 1px solid rgb(200, 200, 200);
}

.releasenotes > ul > ul
{
	margin-bottom: 5px;
}

/* iPhone App Box */
.appBox
{
	border: 4px solid white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 30px;

	background: -moz-linear-gradient(top, rgb(90,90,90), rgb(10,10,10));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(110,110,110)), to(rgb(50,50,50)));
	background-color: rgb(50,50,50);
	
	color: white;
	line-height: 150%;

	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

/* AJAX Remote */
.ajaxRemoteBox
{
	position: relative;
	width: 790px;
	height: 500px;

}

.ajaxRemoteBox .screenshot
{
	position: absolute;
	left: 40px;
	top: 50px;

	display: block;

	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255,255,255,0.35)), color-stop(0.75, transparent));
}

.ajaxRemoteBox .boxcontent
{
	position: absolute;
	left: 320px;
	top: 50px;
	
	width: 450px;
	text-align: left;
}

.ajaxRemoteBox .boxcontent h3
{
	margin-top: 0px;
	font-size: 22px;
	font-weight: normal;
}

.ajaxRemoteBox .boxcontent h4
{
	margin-top: 0px;
	font-size: 14px;
	font-weight: normal;
	color: rgb(120,120,120);
}

.ajaxRemoteBox .boxcontent ul
{
	margin: 0px;
	padding: 0px;
}

.ajaxRemoteBox .boxcontent li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	padding-left: 25px;
	
	padding-bottom: 10px;
	
	background-image: url(/theme/v3/greenCheckmark.png);
	background-repeat: no-repeat;
	background-position: 2px left;
}

.ajaxRemoteBox .boxcontent .illustration
{
	padding: 0px;
	margin:0px;
	margin-top: 30px;
	margin-bottom: 40px;
}

.ajaxRemoteBox .boxcontent .illustration img
{
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255,255,255,0.25)), color-stop(0.85, transparent));
}

.ajaxRemoteBox .boxcontent .lightbutton
{
	font-weight: bold;

	-webkit-animation-name: pulsing-glow;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 5000;
}

@-webkit-keyframes pulsing-glow
{
	from
	{
		-webkit-box-shadow: 0px 0px 0px rgba(5,182,255,1.0);
	}

	50%
	{
		-webkit-box-shadow: 0px 0px 10px rgba(5,182,255,1.0);
	}
	
	to
	{
		-webkit-box-shadow: 0px 0px 0px rgba(5,182,255,1.0);
	}
}


.ajaxRemoteBox .boxcontent .boxicons
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	width: 408px;

	padding: 15px;

	background: -moz-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.3));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.3)), color-stop(0.4,rgba(0,0,0,0.1)), color-stop(0.60,rgba(0,0,0,0.3)));
	background-color: rgba(0,0,0,0.2);

	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255,255,255,0.35)), color-stop(0.75, transparent));
}

.ajaxRemoteBox .boxcontent .boxmodule
{
	display: block;

	padding-top: 20px;

	float:  left;
	width:  100px;
	height: 100px;
	text-align: center;

	-webkit-background-clip: padding-box;

	border: 1px solid transparent;
}

.ajaxRemoteBox .boxcontent .boxmodule strong
{
	display: block;
	text-align: center;
	
	font-weight: normal;
	
	font-size: 11px;
	color: white;
}

.ajaxRemoteBox .boxcontent .boxmodule:hover
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	background: -moz-linear-gradient(top, rgb(255,255,255), rgb(255,255,255) 30%, rgb(220,220,220) 70%, rgb(220,220,220));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(220,220,220)), color-stop(0.3,rgb(255,255,255)), color-stop(0.70,rgb(220,220,220)));
	background-color: rgb(237, 237, 237);

	border: 1px solid rgb(140, 140, 140);

	-webkit-background-clip: padding-box;

	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255,255,255,0.35)), color-stop(0.80, transparent));
}

.ajaxRemoteBox .boxcontent .boxmodule:hover strong
{
	color: black;
}

.ajaxRemoteBox .boxcontent .boxmodule:active
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	background: -moz-linear-gradient(top, rgb(100,100,100), rgb(160,160,160));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(100,100,100)), to(rgb(160,160,160)));
	background-color: rgb(130,130,130);
	border: 1px solid rgb(120,120,120);

	-webkit-background-clip: padding-box;

	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255,255,255,0.35)), color-stop(0.80, transparent));
}

/* Gallery splash div */
.mainGallerySplash
{
	width: 655px;
	height: 408px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.mainGallerySplash .top
{
	width: 655px;
	height: 179px;
}

.mainGallerySplash .top > div
{
	position: relative;
	float: left;
	width: 218px;
	height: 179px;
	
	overflow: hidden;
}

.mainGallerySplash .top > div > div
{
	position: absolute;

	top: auto;
	bottom: 10px;
	left: 0px;
	right: 0px;

	text-align: center;
}

.mainGallerySplash .top img
{
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255,255,255,0.50)), color-stop(0.85, transparent));
}

.mainGallerySplash .bottom
{
	width: 655px;
	height: 225px;
}

.mainGallerySplash .bottom > div 
{
	float: left;
	width: 188px;

	text-align: left;
	
	padding: 15px;
}

.mainGallerySplash .bottom > div h3
{
	font-size: 13px;

	margin-top: 5px;
	margin-bottom: 10px;
	min-height: 30px;
}

.mainGallerySplash .bottom > div p
{
	text-align: justify;
	font-size: 11px;
	
	margin-bottom: 10px;
}

.mainGallerySplash .bottom > div ol
{
	list-style: none;

	padding: 0px;
	margin: 0px;
}

.mainGallerySplash .bottom > div a
{
	font-size: 11px;
	
	line-height: 125%;

	background: url(/theme/v3/chapterMapMoreArrowWhite.png) right center no-repeat;
	padding-right: 8px;

	color: rgb(240,240,240);
	text-decoration: underline;
}

.mainGallerySplash .bottom > div a:hover
{
	color: white;
	text-decoration: underline;
}

.mainGallerySplash .bottom > div a.pulse
{
	-webkit-animation-name: pulsing-glow-white-text;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 5000;
}

@-webkit-keyframes pulsing-glow-white-text
{
	from
	{
		text-shadow: 0px 0px 0px rgba(255,255,255,0.0);
	}

	50%
	{
		text-shadow: 0px 0px 20px rgba(255,255,255,1.0);
	}
	
	to
	{
		text-shadow: 0px 0px 0px rgba(255,255,255,0.0);
	}
}



/* Download page */

.downloadPageBox
{
	padding: 20px;
}

.downloadPageBox > img
{
	float: left;
	padding-right: 20px;

	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255,255,255,0.25)), color-stop(0.85, transparent));
}

.downloadPageBox > div
{
	text-align: left;
}

.downloadPageBox > div > h3
{
	margin-top: 0px;
}

/* Developer documentation */
.devdoc h2
{
	margin-bottom: -20px;
	margin-top: 32px;
	border: 0px solid rgb(200, 200, 200);
	border-bottom-width: 1px;
}

.devdoc h3
{
	margin-bottom: 4px;
	margin-top: 32px;
}

.devdoc h4
{
	margin-bottom: 2px;
}

.devdoc p
{
	margin-top: 0px;
	margin-bottom: 8px;
}

.devdoc ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 155%
}

.devdoc dl
{
	margin-top: 2px;
	margin-bottom: 8px;
}

.codebox
{
        white-space: pre;
        font-family: 'Monaco', 'Courier', Monospace;
        font-size: 11px;
        overflow: auto;
        
        padding: 10px;

	border: 1px solid #b3bed8;
        background-color: rgb(232,238,244);
}

/* Store */
.store
{
	background-color: white;

	border: 1px solid rgb(210,210,210);
	border-bottom: 1px solid rgb(200,200,200);
	border-top-width: 0px;

	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	
	padding: 20px;
	
	margin-top: 20px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.store ol.tab
{
	position: relative;

	list-style: none;
	margin-top: -20px;
	margin-left: -21px;
	margin-right: -21px;
	margin-bottom: 10px;
	
	padding: 0px;
}

.store ol.tab li
{
	float: left;
	text-align: center;
	
	width: 179px;
	padding: 10px;

	text-align: center;
	vertical-align: middle;
	
	font-size: 13px;
	font-weight: bold;
	
	background: -moz-linear-gradient(top, rgb(245,245,245), rgb(245,245,245) 85%, rgb(220,220,220));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(245,245,245)), to(rgb(220,220,220)), color-stop(0.85,rgb(245,245,245)), color-stop(1.0,rgb(220,220,220)));
	background-color: rgb(240,240,240);

	border-right: 1px solid rgb(210,210,210);
	border-bottom: 1px solid rgb(200,200,200);
	border-top: 1px solid rgb(210,210,210);
}

.store ol.tab li a
{
	color: rgb(180,180,180);
}

.store ol.tab li:first-child
{
	width: 178px;

	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;

	border-left: 1px solid rgb(210,210,210);
}

.store ol.tab li:last-child
{
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
}

.store ol.tab li.selected
{
	border-bottom: 0px;
	border-top: 1px solid rgb(200,200,200);
	background: none;
	background-color: white;
}

.store ol.tab li.selected a
{
	color: rgb(10,10,10);
}

.store .choosecountry
{
	background: white url(/static/objectfiles/image/979/storeChooseCountry.png) no-repeat top left;
	padding-left: 120px;
	min-height: 100px;
}

.store .choosecountry td
{
	padding-top: 10px;
}

/* Newsletter box */
.newsletterstatusbox input
{
	margin: 0px;
	margin-right: 10px;
	margin-top: 5px; 
	margin-bottom: 4px; 
	padding: 5px;
	font-size: 11px;
}

.newsletterstatusbox[progress="yes"]
{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.05)), to(rgba(0,0,0,0.10)));
	font-size: 11px;
	line-height: 150%;
	padding: 10px 5px 10px 5px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.newsletterstatusbox[progress="yes"] img
{
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	vertical-align: middle;
}

/* Comparison table*/
table.comparetable
{
	padding: 0px;
	margin: 0px;
	border-collapse: seperate;
	border-spacing: 0px;
	
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
}

table.comparetable td
{
	padding: 10px;
}

.comparetable thead tr td
{
	border-left: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);

	background: -moz-linear-gradient(top, rgb(252,252,252), rgb(240,240,240));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(252,252,252)), to(rgb(240,240,240)));
	background-color: rgb(240,240,240);
	font-size: 16px;
	
	line-height: 200%;
}

.comparetable thead tr td:nth-of-type(1)
{
	border-left: 0px solid rgb(200,200,200);
}

.comparetable thead tr td:nth-of-type(1)
{
	border-left: 0px solid rgb(200,200,200);
}

.comparetable tbody tr td
{
	border-left: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);

	font-size: 12px;
	color: rgb(140,140,140);
}

.comparetable tbody tr td img
{
	vertical-align: middle;
}

.comparetable tbody tr td:nth-of-type(1)
{
	border-left: 0px solid rgb(200,200,200);
	color: rgb(20,20,20);
}

.comparetable tbody tr td[colspan]
{
	padding-top: 5px;
	padding-bottom: 5px;
	
	font-size: 14px;
	font-weight: normal;
	background-color: rgb(180,180,180);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.05)), to(rgba(0,0,0,0.20)));
}

/* Root page splash areas */
.splasharea
{
	border-radius: 5px;
	box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.35);
}

/* Styled Box */
.styledbox
{
}

.styledbox h1
{
	background: -moz-linear-gradient(top, rgb(253,253,253), rgb(220,220,220) 50%, rgb(209,209,209) 50%, rgb(232,232,232));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(253,253,253)), to(rgb(232,232,232)), color-stop(0.5,rgb(220,220,220)), color-stop(0.5,rgb(209,209,209)));
	box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	padding: 10px;
	margin: 0px;
	width: 980px;
	font-size: 18px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
	text-shadow: 0px 1px 0px rgba(255,255,255,1.0);

}

.styledbox .content
{
	background: url(/theme/v3/curvedDropShadowTop.png) center top no-repeat, -moz-linear-gradient(top, rgb(237,237,237), rgb(255,255,255));
	background: url(/theme/v3/curvedDropShadowTop.png) center top no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgb(237,237,237)), to(rgb(255,255,255)));
	box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 20px;
	width: 960px;
	text-align: justify;
}

.styledbox .content p
{
	margin-bottom: 10px;
}

.styledbox .content:last-child
{
	background: url(/theme/v3/curvedDropShadowTop.png) center top no-repeat, url(/theme/v3/curvedDropShadowBottom.png) center bottom no-repeat, -moz-linear-gradient(top, rgb(237,237,237), rgb(255,255,255));
	background: url(/theme/v3/curvedDropShadowTop.png) center top no-repeat, url(/theme/v3/curvedDropShadowBottom.png) center bottom no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgb(237,237,237)), to(rgb(255,255,255)));
}

.styledbox .content[boxstyle="yellow"]
{
	background: url(/theme/v3/curvedDropShadowTop.png) center top no-repeat, url(/theme/v3/curvedDropShadowBottom.png) center bottom no-repeat, -moz-linear-gradient(top, rgb(255,245,169), rgb(255,232,99));
	background: url(/theme/v3/curvedDropShadowTop.png) center top no-repeat, url(/theme/v3/curvedDropShadowBottom.png) center bottom no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgb(255,245,169)), to(rgb(255,232,99)));
}

/* Download, Purchase & Latest features sidebox */
.sidebox
{
	border-radius: 5px;
	background-color: #3e9aff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #83bfed), color-stop(1, #2989cc)); 
	background: linear-gradient(#83bfed, #2989cc);

	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.sidebox[colorscheme="lightgreen"]
{
	background: none;
	/* background: linear-gradient(#aae179, #82d45d); */
	background-color: #aae179;
}

.sidebox > div
{
	background-position: 15px 15px;
	background-repeat: no-repeat;

	padding: 15px 15px 15px 96px;

	border-bottom: 1px solid rgba(255,255,255,0.6);
	
	min-height: 60px;
	
	line-height: 140%;
	
	font-size: 11px;
	color: white;
}

.sidebox[colorscheme="lightgreen"] > div
{
	color: black;
	border-bottom: 1px solid rgba(255,255,255,0.8);
}

.sidebox > div:last-of-type
{
	border-bottom: none;
}


.sidebox > div.download
{
	background-image: url(/theme/v3/sideDownloadIcon.png);
	background-size: 65px 65px;
}

.sidebox > div.purchase
{
	background-image: url(/theme/v3/sidePurchaseIcon.png);
	background-size: 65px 57px;
	background-position: 15px 17px;
}

.sidebox > div.whatsnew
{
	background-image: url(/theme/v3/sideNewIcon.png);
	background-size: 63px 62px;
	overflow: hidden;
}

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi)
{
	.sidebox > div.download
	{
		background-image: url(/theme/v3/sideDownloadIcon@2x.png);
		background-size: 65px 65px;
	}
	
	.sidebox > div.purchase
	{
		background-image: url(/theme/v3/sidePurchaseIcon@2x.png);
		background-size: 65px 57px;
		background-position: 15px 17px;
	}
	
	.sidebox > div.whatsnew
	{
		background-image: url(/theme/v3/sideNewIcon@2x.png);
		background-size: 63px 62px;
		overflow: hidden;
	}
}

.sidebox > div.purchase[specialoffer="yes"]
{
	background-color: #fd8080;
}

.sidebox > div.purchase > .specialoffer
{
	font-size: 11px;
	color: white;
	background-color: red;
	padding: 2px;
	text-align: center;
	margin-bottom: 5px;
}

.sidebox > div.whatsnew ol
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.sidebox > div.whatsnew > strong
{
	display: block;
	font-weight: bold;
	font-size: 13px;
	padding: 4px 0px;
	margin-bottom: 1px;
}

.sidebox > div.whatsnew li
{
	display: block;
	padding: 6px 0px;
	margin-bottom: 1px;
	/* background-color: rgba(255,255,255,0.2); */
	border-top: 1px dashed rgba(255,255,255,0.4);
}

.sidebox[colorscheme="lightgreen"] > div.whatsnew li
{
	border-top: 1px dashed rgba(255,255,255,0.8);
}

.sidebox > div.whatsnew li:first-of-type
{
	border-top: none;
	padding-top: 0px;
}

.sidebox > div.whatsnew li a
{
	color: white;
}

.sidebox[colorscheme="lightgreen"] > div.whatsnew li a
{
	color: black;
}

.sidebox a.bigbutton
{
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, rgba(255,255,255,0.9)), color-stop(0.9, rgba(255,255,255,0.4))); 
	background: linear-gradient(rgba(255,255,255,0.9) 10%, rgba(255,255,255,0.4) 90%);
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	padding: 7px;
	color: black;
	display: block;
	border: 2px solid rgba(0,0,0,0.6);
	margin-bottom: 10px;
}

/*
.sidebox a.bigbutton:hover
{
	background: linear-gradient(rgba(255,255,255,0.9) 10%, rgba(255,255,255,0.6) 90%);
}
*/

.sidebox a.bigbutton:active
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, rgba(255,255,255,0.5)), color-stop(0.9, rgba(255,255,255,0.7))); 
	background: linear-gradient(rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.7) 90%);
}


/* Feature rows */
.feature p
{
	font-size: 15px;
	color:#696969;
}

.featurehead
{
	/*
	border-top: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
	*/
	
	/* background: url(/theme/v3/curvedDropShadowTop.png) center top no-repeat, url(/theme/v3/curvedDropShadowBottom.png) center bottom no-repeat, linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 10%, rgba(0,0,0,0.04) 50%, rgba(0,0,0,0.01) 90%, rgba(0,0,0,0) 100%), linear-gradient(90deg, rgba(41, 137, 204,0.0) 5%, rgba(41, 137, 204,0.4) 50%, rgba(41, 137, 204,0.0) 95%); */


	background:  url(/theme/v3/curvedDropShadowTop.png) center bottom no-repeat;

	display: block;
	text-align: left;
	margin-top: 38px;
	padding-bottom: 20px;
	font-size: 32px;
	font-weight: normal;
	color: #666666;
/*
	color: white;
	border-radius: 5px;
	background-image: linear-gradient(#ef4db6, #c643fc); */
/*	background-image: linear-gradient(#1ad6fd, #1d62f0); */
}

.featurerow
{
	width: 100%;
}

.featurerow td
{
	width: 50%;
	padding-top: 30px;
}

.featurerow td p:last-child
{
	margin-bottom: 0px;
}

.featurerow tr:first-child td
{
	padding-top: 0px;
}

.featurerow tr td:nth-child(odd)
{
	text-align: left;
}

.featurerow tr td:nth-child(even)
{
	text-align: right;
}

.featurerow tr td:nth-child(odd) .caption
{
	margin-right: 35px;
}

.featurerow tr td:nth-child(even) .caption
{
	margin-left: 35px;
}

.featurerow .rightbox
{
	float: right;
	width: 475px;
	display: inline-block;
	height: 100%;
}

.featurerow img
{
	border-radius: 5px;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.75);
}

.featurerow .caption
{
	text-align: left;
}

.featurerow .caption h3
{
	margin-top: 0px;
	font-size: 24px;
	color: #34AADC;
}


/*
.featurerow .caption p
{
	font-size: 15px;
	color:#696969;
}
*/

.featurerow:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.light,
.light button,
.light input,
.light select,
.light td
{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
}

.light td h3,
.mainhead.light .blockcontent .title,
.mainhead.light .blockcontent h1
{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 200;
}

.light .sidebox .bigbutton
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.light .sidebox div
{
	font-size: 12px;
}

.light .mainbody h2
{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-size: 34px;
}