/* ============================================= General Styles ============================================= */


/* These must come first, as we will override customisations later. */
ul, ol, li em, td, img { margin:0; padding:0; border:0; }
ul, ol, li { margin-left: 30px; }
ul li { list-style-type: disc; }
ol li { list-style-type: decimal; }
.nolist li { margin-left: 0; list-style:none; border:0; }

strong { font-weight: bold; }





h1, h2, h3, h4, h5, h6 { margin:22px 0 16px 0; padding:0; color:#505050; }
/*h1 { font-size:26px; }*/
h1 { font-size:26px; text-transform:uppercase; margin:0px 0px 32px 0px; }
h2 { font-size:22px; color:#505050; }
h3 { font-size:20px; text-transform:uppercase; margin-top: 30px; }
h4 { font-size:20px; text-transform:uppercase; }
h5 { font-size:18px; margin:2px 0; }
h6 { font-size:16px; color:#919191; }
/*
.title { font-size:20px; text-transform:uppercase; margin:0px 0;}
*/

p { margin-bottom: 16px; }
br { margin-top: 16px;}


.twolayer {
	position: relative;	
	width: inherit; height: inherit;
}

.infront { 
	position: absolute;
	top: 0; left: 0;
	width: inherit; height: inherit;
	z-index: 1;
}

.behind {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	overflow: hidden;
	z-index: -10;
}


/* ============================================= links ============================================= */

a, a:visited { text-decoration:default; color:#0000ff; /*#0000ff;*/ }
a:hover { color:#0000ff; text-decoration:underline;}/* #00E1FC, #969696 */

a.noblue { text-decoration:none; color:#636363; }
a.noblue:hover { text-decoration:none; color:#636363; }



/* ============================================= units ============================================= */
div.container:after {
	content:" ";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.floatright { float: right !important; }
.floatleft { float: left !important; }
div.right { float: right; }
div.left { float: left; }
div.center { margin: 0px auto; text-align: center; }
div.clear { height:1%; clear:both; }
.textcenter { text-align: center; }
.nodisplay { display:none; }

p.center { text-align:center; }
p.left { text-align: left;}
p.right { text-align: right;}
.textcenter { text-align: center;}
.textleft { text-align: left;}
.textright { text-align: right; }

/* Generic units come FIRST, so that later adjustments to padding/margin will override. */
.left50 {
	float: left;
	width: 420px;
	padding-right: 10px;
	margin-right: 9px;
}
.right50 {
	float: right;
	width: 420px;
	padding-left: 10px;
	margin-left: 9px;
}
.form50 {
	width: 420px;
}

/* These must come after .left50 or .right50, as they modify the margin/padding */
.dividerRight {
	border-right: 1px solid black; 
	padding-right: 19px; margin-right: 0px; /* push the border to the middle */
}
.dividerLeft {
	border-left: 1px solid black; 
	padding-left: 19px; margin-left: 0px; /* push the border to the middle */
}


.float_left { float:left; }
.float_right { float:right; }
.float_center { margin: 0px auto; }
.margin_5_0 { margin:5px 0; }
.margin_0_8_0_0 { margin:0 8px 0 0; }
.margin_10_0 { margin:10px 0; }
.margin_15_0 { margin:15px 0; }
.margin_10_15_10_0 { margin: 10px 15px 10px 0; }
.margin_0_20 { margin:0 20px; }
.marginRight_90 { margin:0 90px 0 0; }
.marginRight_20 { margin:0 20px 0 0; }
.marginLeft_40 { margin:0 0 0 40px; }
.margin_5_0_20_0 { margin:5px 0 20px 0; }
.margin_5_0_12_0 { margin:5px 0 12px 0; }
.padding_0_40 { padding:40px; }

.width50 { width:48%; /*margin:0 1%;*/ }
.width100 { width:96%; margin:0 1%; }
.width66 { width:60%; margin:0 1.5%; }
.width33 { width:30%; margin:0 1.5%; }
.width25 { width:23%; margin:0 1%; }



.widthHalf { width:48%; /*margin:0 1%;*/ }
.widthThird { width:31%; /*margin:0 1%;*/ }
.widthTwoThird { width:64%; /*margin:0 1%;*/ }
.one_unit { width:96%; margin:0 1%; }
.two_units { width:48%; margin:0 1%; }
.two_three_units { width:60%; margin:0 1.5%; }
.three_units { width:30%; margin:0 1.5%; }
.four_units { width:23%; margin:0 1%; }
#container { width:68%; margin:0 1%; }
.sideleft_menu { width:26%; margin:0 2%; }
.sideright_menu { width:22%; margin:0 4%; }
#side_menu ul { margin:0 0 0 15px; }
#side_menu ul li { background:url(images/dashed_line.gif) repeat-x bottom; list-style-image:url(images/arrow.gif); width:100%; padding:4px 0; }




.horizontal {
	vertical-align: top;
}
.horizontal > p { display: inline-block; }





.together {
	position: relative;
}

.together > * {
	position: absolute;
	top: 0; left: 0;
}
.together > *:first-child {
	z-index:1;
}
.together > *:nth-child(2) {
	z-index:2;
}
.together > *:nth-child(3) {
	z-index:3;
}
.together > *:nth-child(4) {
	z-index:4;
}









/*
div.carousel-controls * { 
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	display: none;
}
div.carousel-controls *:focus { 
	outline: 0; 
}
*/




/* Toolbar */
div.carousel-controls { 
	overflow: hidden;
/*
	background: #000000;
	background: -moz-linear-gradient(top, #606160 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606160), color-stop(100%,#000101));
*/

/*
	border-top: 1px solid #42403f;
*/

	color: #ffffff;
	font-size: 13px;
/*
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
*/
	text-align: center;
	height: 44px;
	display: table;
	table-layout: fixed;
	padding: 0 !important;
	width: 100%;
}
div.ps-toolbar * { 
	display: block;
}

div.ps-toolbar-top 
{
	border-bottom: 1px solid #42403f;
	border-top: none;
}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
	cursor: pointer;
	display: table-cell;
}

div.carousel-controls a
{
	padding: 0 !important;
	width: 44px;
	height: 44px;
	margin: 0 auto 0;
	background-repeat: no-repeat;
	
	-moz-background-size: 176px 88px;
	-o-background-size: 176px 88px;
	-webkit-background-size: 176px 88px;
	background-size: 176px 88px;
	background-image: url(images/arrow-icons@2x.png);	
}

.carousel-controls-close { 
	background-position: 0 0; 
	
}

.carousel-controls-previous { background-position: -44px 0; }
.carousel-controls-previous:active { background-position: -44px -44px; }
.carousel-controls-next { background-position: -132px 0; }
.carousel-controls-next:active { background-position: -132px -44px; }

.carousel-controls-play { background-position: -88px 0; }








/* ============================================= questionnaire ============================================= */
.questionnaire {
	counter-reset: questionnumber 0;
}
.question > p {
	font-size: 140%;
	font-weight: bold;
	counter-increment: questionnumber;
}

.question > p:before {
	content:counter(questionnumber, decimal) ". ";
}




/* ============================================= buttons ============================================= */

/* make sure the button text on links is white (these have to come AFTER the standard a{} references) */
a.button,a.button:hover {
	color: white !important;	
	text-decoration: none !important;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
/*
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
*/
	padding: 7px 28px 8px; /* Version 3.0 */
	min-width: 40px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
/*
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
*/
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);


	/* 2.0 */
	-webkit-box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(50, 50, 50, 0.5);
	box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(50, 50, 50, 0.5);	
	-webkit-user-select: none;                /* disable cut copy paste. Set to none OR text */	
	-webkit-touch-callout: none;              /* disable callout, image save panel */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}




.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.buttonbigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.buttonbig {
	font-size: 18px;
	padding: 9px 30px 10px; /* Version 3.0 */
}
.buttonmedium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.buttonsmall {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* black */
.buttonblack {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.buttonblack:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.buttonblack:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.buttongray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.buttongray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.buttongray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.buttonwhite {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.buttonwhite:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.buttonwhite:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.buttonorange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.buttonorange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.buttonorange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.buttonred {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.buttonred:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.buttonred:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.buttonblue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.buttonblue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.buttonblue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.buttonrosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.buttonrosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.buttonrosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.buttongreen {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.buttongreen:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.buttongreen:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}









/* ============================================= corners ============================================= */
.corners { -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; display: block; }
.corners_bottom { -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px;border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.corners_top { -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius: 6px; border-top-left-radius: 6px; }
.corners_left { -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.corners_right { -moz-border-radius-bottomright:6px; -moz-border-radius-topright:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-top-right-radius:6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

#app { background: rgba(255, 255, 255, 0.2); border:1px solid white; border-color: rgba(255, 255, 255, 0.75); margin:auto; position:relative; width:450px; padding:10px; -webkit-background-clip: padding-box; -moz-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);-webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);box-shadow: 0 0 4px rgba(50, 50, 50, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF); }

#ads { background-color:#dfdfdf; border:1px solid #cccccc; padding:5px; }
/*#where { background:url(images/slide_btm.gif) bottom no-repeat #dfdfdf; height:27px; margin:0; padding:3px 0 0 60px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; }*/




#windowwrapper, #irrelevant { background: rgba(255, 255, 255, 0.2); border:1px solid white; border-color: rgba(255, 255, 255, 0.75); margin:auto; position:relative !important; 
width:960px !important; 
padding:10px; -webkit-background-clip: padding-box; -moz-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);-webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);box-shadow: 0 0 4px rgba(50, 50, 50, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF); }
#windowcontent, #irrelevant > * { background: rgba(255, 255, 255, 1.00); background-color:#FFF; -moz-box-shadow: 0 0 14px rgba(255, 255, 255, 1.00); -webkit-box-shadow: 0 0 14px rgba(255, 255, 255, 1.00); box-shadow: 0 0 14px rgba(255, 255, 255, 1.00); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF); }

/*
.content { padding: 40px 40px; }
*/

.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page {
	position: relative !important;
}

.ui-content {
	padding: 0px;
	overflow-y: hidden !important; /* Prevent scrollbars within the div. */
}










p { margin-top: 10px; line-height:inherit; }

.left { float: left; }
.right { float: right; }

#errorbutton {
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
}


.title {
	width: 100%;
	font-size: 180%;
	padding: 0px 20px;
}
.title p { font-size: inherit; line-height: inherit; width: inherit; }
.subtitle {
	width: 100%;
	font-size: 130%;
	padding: 20px 40px;
}
.subtitle p { font-size: inherit; line-height: inherit; width: inherit; }

/*
.underline { text-decoration: underline; }
*/
.underline { padding-bottom: 0px; border-bottom: 1px solid; }

.title .underline, .subtitle .underline, h1 .underline, h2.underline { padding-bottom: 2px; border-bottom: 1px solid; }



#main { padding: 40px 40px; }

#main > p { margin-left: 20px; }


img { vertical-align: botton; } /* ?? */



/*
.screenshots { margin: 40px 40px; }
*/
.screenshots > .entry {
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	padding: 10px;
	width: 400px; /* 420 is middle, plus margin of 2x10px in centre */
	margin-bottom: 30px;
}

.screenshots > .entry.left { float: left; margin-right: 10px; }
.screenshots > .entry.right { float: right; margin-left: 10px; }




.carousel img {
	width: 160px;
}




/* 420px per image, 840px for total usable page width */
/* width: 320px; height: 480px;  */
/* iphone 5: 640 × 1136 : 320 x 568 : 160 x 284 */
img.iphone, div.iphone img { 
	width: 160px; height: 240px; 
	border: none; 
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	padding: 10px;
	margin: 0px 40px 30px 40px; /* top left bottom right */
}







/* height doesn't include padding, borders, and margin (if box-sizing: content-box;)*/
.downloadicon, .downloadicon:visited { 
	display:inline-table; 
	box-sizing: content-box; 
	/*line-height: 13px; /* solve the in-between click bug!! (make this less than font-size) */
	cursor:pointer; /*default*/ 
	float:left; 
	width: 144px;
	height: auto !important;
	margin: 3px 10px 1px 0; 
	padding: 0px 10px 0px 10px; /* was 8px 10px 0px 10px */
	position: relative; 
	color:#FFF; 
	background: none; 
	font-size: 12px; 
	text-align: left; 
	border: none; 
	
    /*background-color: rgba(200,200,200,0.2);*/
    padding: 4px 10px
	border: 1px solid #2b2e37; /*#afdbee;*/
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	-moz-border-top-colors: #303 #404 #606 #808 #909 #A0A;
	
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;

    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
    
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');

}
.downloadicon:hover { 
	color:#FFF; text-shadow: 1px 1px 1px #000; 
	text-decoration:none;
	cursor:pointer;
}
.downloadicon:active {
	/* blue */	
	position: relative;
	top: 1px;
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}


.downloadicon {
	padding-bottom: 5px;
}
.downloadicon img {
  background: #90C7DE;
  width: 144px;
  height: 144px;
  border-radius: 22px;
  overflow:hidden;
  border: solid 1px #666;
  position: relative;
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
  z-index: 10;
}
.downloadicon .icontext {
	color: #fff !important;
	text-transform: none !important;
	text-shadow: 0px 2px 2px #000;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: center;
	font-size: 22px !important;
	display: block;
	text-align: center;
}









.hidden { display: none; }

.numbered, .numbered li { list-style: decimal; }

.socialimage { width: 32px; height: 32px; display: inline; }
.paddedright { float: right; margin: 0 0px 0px 0; }



/*background:url(images/bg7-greyblue.jpg) repeat-x #454f73; } /* 3c3e65: 60,62,101 */
.formbody { background: white; margin:0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; font-size:14px; line-height:18px; color:#636363; }



.whitebg {background-color:white;} /* useful for blanking images */

.medal {
	padding-left: 32px;
	height: 16px;
	background-size: 16px 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJ0SURBVDjLfVJNaFNBEP5e8tLXkKqtSa0kVYKplFIsFNSTIgiFhoL04FnsQYTSW66BkIcezMlTD1LQS7wWjIdA6qEVKq1ixAqSWBqMFWJ/EtvUtMnb9+LM1kispAvD7s7M983Mt6vU63U01uiDhfrErT68+VqEJeowTUuaRSaEhWsBN6bj7/Fu+rbSwKhoWpZpwrLqEMYfoDjcTXFogkmF2QyBrfnyt5phQtRM+DQT1901GHQ2yCcJjyOwKPirYsB7QpOggY4aBtwqTioGzp1yYq9SpSLHdmDqb1d+wKOp6DvdBrejhq6uLgy5LZxxtWEpvc5F9JYEC4+CkU/ZTX3pYwEXnAbO9vSgs7MTbqWMpQ/fsJIp6J/jdyPNGIVfIZ1OO4UQ/WR2wzDw9PXP+6OD2r0rQxdlUqFQwPNXXxLDXhHleK1GuhjGZigUykuC5eXldYfD4eP5iEQat26z2VCtVqGqKjY2NrC1tcVAGd/d3UWxWLwjn5Gck/v7+3Gfz9fBLe/s7KBSqUjjAkzcQ+MEAgFomsYFkcvlXhBuVml8pFQq1UeOl16vt7+9vR3lclkCOc7GPsuykEwmTcqLRKPRh/+IODIyskqzXc5ms7Pcpt1ulwA2JqARGVyknGAD/N8rjI+P71FCant7WxKwBrwriiJJSI89XddTLZ+RFyWNeTwe2bLL5cLBwYEUlM+0nyflL7UkmJmZcVIHN3t7e5HP55FIJFbn5+efLS4uolQqwe/3s+BjLQkIfKO7u9tJs7LST+g+HIlEJjKZTDAej39nPY4SqEfa962treUIOBkOh5MNfywWS05NTQ3Ozc09pj9wtRnzGyK4jfbwxX10AAAAAElFTkSuQmCC') 0px 0px  no-repeat;
}



.inspired {
	
}

.inspired h5 {
	font-size:42px;
	font-weight: 900;
	text-align: center;
}

.inspired h6 {
	font-size:30px;
	text-align: center;
}

.boxborder {
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #888;
	padding: 10px;
	width: 381px;
}

.boxborder label { display:block; margin:6px 0; }
.required { color:red; }
.boxborder .textinput { font-size:14px; border:1px solid #CCC; padding:6px; color:#333; width:360px; }
.boxborder .textinput:hover { background: #e4f5fd;}
.boxborder .messagearea { font-size:14px; border:1px solid #CCC; padding:6px; color:#333; width:360px; } /* was width:390px */
.boxborder .messagearea:hover { background: #e4f5fd;}

.form50 label { display:block; margin:6px 0; }
.required { color:red; }
.form50 .textinput { font-size:14px; border:1px solid #CCC; padding:6px 0px; color:#333; width:418px; }
.form50 .textinput:hover { background: #e4f5fd;}
.form50 .messagearea { font-size:14px; border:1px solid #CCC; padding:6px 0px; color:#333; width:418px; } /* was width:390px */
.form50 .messagearea:hover { background: #e4f5fd;}




/* ============================================= table of contents ============================================= */

.toc > .entry {
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	padding: 10px;
	width: 400px; /* 420 is middle, plus margin of 2x10px in centre */
	margin-bottom: 30px;
}
.toc > .entry:hover {
	-moz-box-shadow: 0 0 3px 3px #aaa;
	-webkit-box-shadow: 0 0 3px 3px #aaa;
	box-shadow: 0 0 3px 3px #aaa;
/*	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0) 80.0%, rgba(9,0,253,0.15) 99%)*/
}
.toc > .entry > a {
	float:left; /* this is the image */
}
.toc > .entry > div {
}
.toc > .entry:after {
	content:" ";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.toc .entry .photo {
	margin: 0px 16px 2px 0px;
}
.toc img {
	width: 180px; /* reduce image sizes */
}
.toc .entry .title {
	font-size: 18px;
}
.toc .entry p {
	margin-bottom: 0px;
	text-align: justify;
}
.toc .date {
	display: none;
}

#solutiontoc .entry {
	-moz-box-shadow: 4px 4px 5px 2px #888;
	-webkit-box-shadow: 4px 4px 5px 2px #888;
	box-shadow: 4px 4px 5px 2px #888;
	padding: 5px;
}


/* ============================================= article ============================================= */
.article h1 { margin: 0 0 12px 0; } /* bottom was 32 */
.article h2 { margin: 24px 0 12px 0; }

.article .aside {
	float:right;
	width: 150px;
	padding: 5px;
	border: solid 1px #EFEFEF;
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
    margin: 5px;
	
}
.article .aside:before {
	float: left;
	font-size: 30px; /* let's make it a big quote! */
	content: open-quote; /* here we define our :before as a smart quote. It could be any content, even the HTML entity alternative to this opening quote, that is “ */
	display: inline;
	margin: 0 3px 0 5px;
	color: #454545;
	text-shadow: 0 1px 1px #909090;
}
.article .aside:after {
	font-size: 30px; /* let's make it a big quote! */
	content: close-quote;
	margin: 0 5px 0 2px;
	color: #454545;
	text-shadow: 0 1px 1px #909090;
	/* could be content:close-quote; but lets keep it clean*/
}	


.article strong {
	
}

.article em {
	padding: 0px 10px; /* left and right */
}

blockquote {
	display: inline;
	padding-top: 20px;
	overflow: hidden; /* clearfix alternative */
	font-size: 18px;
	line-height: 150%;
	color: #454545;
}
blockquote:before {
	display: inline;
	float: left;
	margin: 10px 15px 0 0;
	font-size: 100px; /* let's make it a big quote! */
	content: open-quote; /* here we define our :before as a smart quote. It could be any content, even the HTML entity alternative to this opening quote, that is “ */
	color: #bababa;
	text-shadow: 0 1px 1px #909090;
}
blockquote:after {
	content: none;
	/* could be content:close-quote; but lets keep it clean*/
}	

.inlinequote {
	display: inline;
	overflow: hidden; /* clearfix alternative */
}
.inlinequote:before {
	display: inline;
	margin: 0 3px 0 5px;
	content: open-quote; /* here we define our :before as a smart quote. It could be any content, even the HTML entity alternative to this opening quote, that is “ */
	color: #454545;
	text-shadow: 0 1px 1px #909090;
}
.inlinequote:after {
	content: close-quote;
	margin: 0 5px 0 2px;
	color: #454545;
	text-shadow: 0 1px 1px #909090;
	/* could be content:close-quote; but lets keep it clean*/
}	

.article .summary {
	display: block;
	margin: 5px auto;
	width: 70%;
	padding: 5px 0;
	border-top: 4px double #4d4d4d; /* #E1A60A */
	border-bottom: 4px double #4d4d4d;
}

.article .date {
	display:none;
}

.article .author { background: none; text-align: right; height:16px; padding:0 0 0 20px; margin:0 15px 24px 0; }
.article .authorimage { background:url(images/author.gif) no-repeat; height:16px; padding:0 0 0 20px; margin:0 15px 24px 0; border-bottom: 1px dotted grey; }

.article p { text-align:justify;}
.article TABLE { 
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;
	border: 1px solid #333;
	margin: 12px auto; /* centered */
	border-collapse: collapse;
}

.article .left { margin: 0px 12px; float: left; }
.article .right { margin: 0px 12px; float: right; }
/*.article .center { margin: 0px auto;  text-align: center; }*/

.article TABLE TH { 
	font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
	font-size: 12px;
	font-weight:bold;
	/*text-shadow: 1px 1px 1px #000;*/
	background: #E8EDFF;
}
.article THEAD TR {
	background: #E8EDFF;
}
.article TABLE TD, .article TABLE TH {
	padding: 8px;
	text-align: left;
	border-bottom: 1px solid #000000; 
	border-top: 1px solid #000000; 
/*	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid transparent;*/
}
/* Hover color for all rows */
.article TABLE TR:hover {
	background: #E8EDFF;
}
.article .articleimage { }
.article .profitabilityimage { } 
.article .riskmanagementimage { } /* red shield */
.article .recommendationsimage { } /* computers */







TABLE.aboutinfo { 
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;
	border: 1px solid #333;
	margin: 12px auto; /* centered */
	border-collapse: collapse;
}
TABLE.aboutinfo TD, TABLE.aboutinfo TH {
	padding: 8px;
	text-align: left;
	border-bottom: 1px solid #000000; 
	border-top: 1px solid #000000; 
/*	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid transparent;*/
}
/* Hover color for all rows */
TABLE.aboutinfo TR:hover {
	background: #E8EDFF;
}






.video iframe {
	margin: 0 auto;
	display: block;
}

.buyitems {
	float: right;	
	padding: 5px;
	border: solid 1px #EFEFEF;
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
    margin: 5px 10px;
}

.buyitems p {
	text-align: right;	
	margin: 0 0 5px 0;
	padding: 0px;
}

.iconitem {
	width: 200px;
	text-align: center;
	display: inline-block;
	padding: 0;
	
}

.iconitem p {
	line-height: 14px;
	padding: 0px;
	margin: 0;
}

.iconitem:hover {
	-moz-box-shadow: 1px 1px 15px yellow;
	-webkit-box-shadow: 1px 1px 15px yellow;
    box-shadow: 1px 1px 15px yellow;

}

.icon {
	width: 150px;	
	border: solid 1px #EFEFEF;
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
    margin: 5px 10px;
}


.article .figure, .figure {
	float: right;	
	padding: 5px;
	border: solid 1px #EFEFEF;
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
    margin: 5px 10px;
}
.article .centerfigure {
	padding: 5px;
	border: solid 1px #EFEFEF;
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
    margin: 5px auto;
}
.article .figcaption {
	padding-top: 5px;
	text-align:center;
}

.disclaimer {font-size: 8px; margin-top: 24px; }

.article .good {
	background:lime;
}
.article .bad {
	background:#FF9999;
}
/* ============================================= post lists ============================================= */

.smallposts { 
}

.smallposts > a, .smallposts > a:visited, .smallposts > a:hover {
	display: block;
	margin:10px 0;
	padding: 0px;
	text-decoration:none; color:#636363;
}

.smallposts > a > img {
	float: left;
	margin: 0 8px 0 0;
}

.smallposts a p:first-of-type {
	font-weight: bolder;
	color:#0000ff;
	margin: 0px; padding: 0px;
}
.smallposts p:first-of-type:hover {
	text-decoration:underline;
}
.smallposts a p:last-of-type {
	font-style: italic;
	margin: 0px; padding: 0px;
}



.mediumposts > div {
	display: block;
	margin: 30px 0 0 0;
	height: 10px; /* we need to have some height otherwise the div collapses as it has no non-floating content */
}

.photo {
	margin: 0 30px 10px 0; /* Now: 30px right, 10px bottom. WAS: 30px (all) */
	position: relative;
	width: 180px;
	height: 130px;
	float: left;
	
/*	display: block; height:130px; width: 234px;*/
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.photo span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: -5px;
	left: -2px;
	/*GIF background: url(images/gallery/paper-clip.png) no-repeat;*/
    background: url('data:image/gif;base64,R0lGODlhHgA9AOZyAPX19f////b29vj4+LCwsGRkZPz8/Pn5+f7+/qioqGdnZ/39/X5+fru7u6WlpZSUlHZ2dmhoaJmZmaampvv7+66urrW1taSkpGVlZc3NzW9vb6qqqvf397+/v3R0dG1tbaCgoGpqap+fn6urq3BwcJOTk7Gxsbq6uoWFhWxsbMPDw+rq6qKiooKCgufn54yMjGlpaWZmZt7e3nJycuvr69XV1ZWVlaOjo3Nzc52dnZGRkYqKioeHh39/f4ODg2tra3V1dXd3d+Hh4Z6enpiYmOTk5ICAgPDw8NbW1ouLi+3t7ezs7I6OjsXFxcnJycfHx7i4uJycnLKysre3t5ubm3l5eczMzHx8fH19fZaWltHR0dvb27S0tPPz8+Dg4JqamrOzs93d3YaGhsrKypCQkMvLy5eXl+Li4sDAwLm5ucLCwvr6+sbGxtPT09/f39zc3Obm5ra2tv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAHIALAAAAAAeAD0AAAf/gHKCg4SFhQEuBoaLjIIBjwFFGSY7AI2Xco8nBQ5uHTMKMFOYiwEACgCpqgApH0+khWdAAAOwpBwjaJa2mA0zAIq8lyA4u8KMBkxKAseNbMULzYwJEcbShTZjzNeFWlcAFNyFCQXW4nISDubcKz4AB+eDJqjxgyJY69cGLwAc9XIqNABA8O9GiHzXsqjZFk9GD3D/CGBAKA2EDoqENpCiUakWpgAe4mACczAApjcEJmCUAwLCSjkWPNC6ZICMC4aNEvwAYLJRk1nRLgl5UGPlhImkoFTph0nCiJcjyhFsJAPFzEtLJBBYWaFaz0YNjADAuUgEg5cVygVj1IUfWUMA1XJIWNlAYNBGHcSkwnRhJykC1eBdMpPhbaEDLB5isnI23CUVSfZe2lDu74erjb5ceHmBBE9MPDAzalOiKCYCKQZisuDSMCEWAklNiAHgLqMHZVZ6eZBmZYcWohc1OOt6UAIYqi+lhXjpwWVMNKjYWOmAQZSVJ9yt5EFiA9dqHhuhUHCR5oSzXxvFCIJxSwnJmFpAGJKhEZyJ4S8BuBFEQYJS6rw0yBFhQECCCE6ssAYkBEjxjjADAIBECB7kwIUFRJQzVjMLrOKhYNIgIMAqIP5jIjeBAAA7') no-repeat;
}
.photo a {
	text-decoration: none;
}

.mediumposts > div > div {
	float: left;
	width: 580px;
}

/* ============================================= Tutorials page ============================================= */

.space {
	margin-bottom: 20px;
}


.frame_small_text { width: 580px; }

.frame_thumbnail { position: relative; display: block; height:130px; width: 234px; }
.thumbnail {
	width: 234px;
	/*height: 130px;*/
}

#tutorial { margin-top:30px }
#tutorial img { } /* emoticons */
/*#tutorial li { margin-left: 30px; list-style-type:disc; } this takes priority over social buttons because of the #id */
#tutorial .left { float: left; margin: 0px 10px 20px 0px; }
#tutorial .right { float: right; margin: 0px 0px 20px 10px; }
#tutorial .center { margin: 0px auto; }
#tutorial h2 { 
	clear:both; top-margin: 5px; bottom-margin: 10px;  
	padding: 10px 40px;
	border-bottom: 1px solid #454f73;
	-moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px;border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;
}
#tutorial p { clear:both; margin-bottom: 24px; }
#tutorial .code { width: 300px; float: right; display: inline-block; margin-bottom: 10px; padding: 5px 20px; }
#tutorial .leftcode { width: 300px; float:left; display: inline-block; margin-bottom: 10px; padding: 5px 20px; }
#tutorial .strike { text-decoration:line-through; }

.tutorialdescription { margin:15px 0; bottom-border: 1px solid 454f73; }


#tutorial .description {
	width: 500px;
	padding: 10px 20px;
	margin: 35px auto; 
	border-top: 1px solid #636363; border-bottom: 1px solid #636363;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; display: block;
}



/* ============================================= simulation page ============================================= */

.miniheader {
	-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;border-bottom-right-radius: 8px; 
	border-bottom: 1px solid #afdbee;
	padding-right:5px;
	margin-bottom: 10px;
	display: inline-table;
}


.simulationbox { 
display:block; 
margin-left: 2px; /* for some reason some clipping occasionally occurs */
}


.help { width: 600px }
.helpbox {
	border-top: 1px solid #afdbee; border-bottom: 1px solid #afdbee;
	display: block; padding: 5px 5px 5px 5px; color: #333; text-decoration: none; margin: 0 0;

}
.helpbox li { margin-left: 5px; list-style-type:circle; }

#simulationimage {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
}

.order { list-style-type:decimal;}

.list { list-style-type:disc;}

.data td { border: 1px solid #afdbee; }



/* ============================================= popup hover messages ============================================= */
.popup {display:none;float:right;
-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; 
padding: 0 5px;
position: absolute; left: 0px;
z-index: 10;
}
.popupanchor {position:relative;}
/*div:hover.popupanchor div.popup {display:block;position:absolute;top:0px;left:0px;padding:0px 10px}*/
div:hover.popupanchor div.popup {display:inline;}

img { vertical-align: bottom; }

#chart {position:relative;}
.popupnow {display:block;position:absolute;bottom:-20px;left:26px;z-index:5;}
.popupanchor li {list-style-type: none; margin: 0px;}

.social { float:right; }
.social li { height: 20px; list-style-type: none; margin: 0px;}

/* THUMBNAILS */
.popupthumbnail {
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 10px; 
	display: inline-table;
	text-align: center;
	padding-top:3px;
	padding-bottom:3px;
	border: 1px solid white; /* So that the size of the thumbnail doesn't change when we hover*/
}
.popupthumbnail:hover {
	background: #e4f5fd;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;
	border: 1px solid #333;
}

.popupthumbnail img {
	width: 80px;
}

.popupthumbnail p {
	margin-bottom: 0px;
	text-align: center
}

.thumbnailpopup .figure {
	float: right;
}

.tinycaption {
	display:none; /* this is metadata for popup thumbnails */
}





/* ============================================= links ============================================= */
.link { text-decoration:underline; color:#0000ff; }
.link:hover { color:#ff0000; }
.linkdisabled { text-decoration:none; color:#636363; cursor:default;}
.linkdisabled:hover { text-decoration:none; color:#636363; cursor:default; }
/* a button-like link, used when we can choose one and not another */
.linkoption, .linkoptiondisabled { 
	display: inline-block;
	text-align: center;
	
/*	font: 14px/100% Arial, Helvetica, sans-serif;*/
	margin: 5px 5px 5px 0px;
	padding: 2px 10px;
	
	border: solid 1px #0000ff;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.linkoption {
	text-decoration:underline; color:#0000ff; /*text-shadow: 1px 1px #CCF;*/text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.linkoption:hover { color:#ff0000; border: solid 1px #ff0000; }
.linkoptiondisabled, .linkoptiondisabled:hover { text-decoration:none; color:#838383; border: solid 1px #838383; cursor:default;} /* was #636363;*/

.highlight { padding-top: 3px; padding-bottom: 3px; }
.highlight:hover { 
	padding-top: 0px; padding-bottom: 5px; /* save room for border */
	border-top: 1px solid #454f73; border-bottom: 1px solid #454f73;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; display: block;
}

.coverbutton { width: 280px; margin: 0px 10px 0px 0px; padding-top: 3px; padding-bottom: 3px; }
.coverbutton:hover { 
	padding-top: 0px; padding-bottom: 5px; /* save room for border */
	border-top: 1px solid #454f73; border-bottom: 1px solid #454f73;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; display: block;
}



.bigarrowdown:before {
	content: '⬇';
	font-size: 180%;
	margin-right: 6px;
	vertical-align: middle;
}




/* ============================================= divider ============================================= */
.separator { /*background:url(images/dashed_line.gif) repeat-x;*/ height:2px; width:100%; margin:5px 0; 
background: url('data:image/gif;base64,R0lGODlhBQACAKIAAAAAAP////f39+Pj4////wAAAAAAAAAAACH5BAEAAAQALAAAAAAFAAIAAAMFOBosHgkAOw==') repeat-x;
}

/* ============================================= list styles ============================================= */
.validlist li { background:url(images/valid.gif) no-repeat; padding:0 0 4px 22px; }
.wronglist li { background:url(images/wrong.gif) no-repeat; padding:0 0 4px 22px; }
.minuslist li { background:url(images/minus.gif) no-repeat; padding:0 0 4px 22px; }

.list li { margin:0 0 4px 22px; list-style:disc; } /* use margin here, not padding, else the disc will be far out to the left */
.decimal li { margin:0 0 4px 22px; list-style:decimal; }

.horizontallist ul li { float:left; margin:0 2px; padding:0; }

/* ============================================= mark ============================================= */
span.mark { background-color:#FF0; }

/* ============================================= boxes ============================================= */
a.box { display: block; padding: 12px 12px 12px 52px; color: #333; text-decoration: none; margin: 20px 0; }	
a.box:hover { color: #000; text-decoration:none; }
.close { width: 9px; height: 9px; float: right; margin: 6px 0px 6px 15px; /*GIFbackground: url("images/close_box.png")*/ background: url('data:image/gif;base64,R0lGODlhCQAJAKIAAAAAAP///5mZmZOTk5CQkI+Pj////wAAACH5BAEAAAYALAAAAAAJAAkAAAMUKGLM+g2+GWkz1mWpcNdLcRnEkAAAOw==') no-repeat right top;}
.close:hover { /*GIFbackground: url("images/close_box.png")*/ background: url('data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///1ZWVv///yH5BAEAAAMALAAAAAAJAAkAAAIRlIZom7zfYBpSVWdotudMUwAAOw==');no-repeat left bottom; }
.success { border: 1px solid #b3dc7c; /*background: url("images/success.png") no-repeat 10px 50% #e8ffca;*/ padding-left: 30px;background: url('data:image/gif;base64,R0lGODlhEAAQAOYAAAAAAP///3CURnicTX2jU4GnVnmbUH+hVoerXoWoXGmLPGqMPXKVR3OTSVl+JGWNLFNzJlR0J22VNmyTNVt8LmOENmWFOGiIOmqJP26NQ3+cV4GcXJmxdkNiE0tqGk1rHk5sH1FxIWCEK1h3J2iLNF9/MHWaPnecQHGTP3+iSoGkTHqbSYmqWIysW7DGj7DDk7bImcDTpLzNoTxYDT1ZDkFdEkJeE0dkGEhlGYqqVoysWIWjVI+rXpazZqC6daC5d7vMnb/Qo73OocfWrc/dt5i0ZZ64baG6crnMl8LRp8zasszZtKO8ca3EfavCfbTJiL7QksXVnv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFIALAAAAAAQABAAAAd6gFKCg4SFhoeIiAgFiYQJRDEEjVIHSlBRQQOCDIYGQ09NTT8CUhpLHAqDDUlOTEw8C1IWQEZILxhSGUJHRUU7FYMXOTo+MhswPTo6KxSEECUpKiwuLSoqKBGGHyMmJ94nJCCINyETEhIiOI01Hg8ONpNSMx008fb3UoEAOw==') no-repeat 10px 50% #e8ffca;}
.error { border: 1px solid #ebb1b1; /*GIFbackground: url("images/error.png") no-repeat 10px 50% #ffd6d6;*/ padding-left: 30px; background: url('data:image/gif;base64,R0lGODlhEAAQAOYAAAAAAP////jLtfnNt+pwOe12PuyAT++EUeyCUe+HVfS2mfO0mPa4m/W4m+NlM+drNuZ2SeZ3Sup7TOp8TfKxlfCulPOzl/Gwlt9eL99fMeeGY+eHZOmPbtZRJ9ZSKdtYK9tZLeB9XeSCYOaKa9JJItJKJNNVM9pyVt13Wd18Yso8Gs5DHs5LK9JRL89OMNdtU9p3X8MzFsY2F8hCJ8tHKstHK9JlT9RoUdBhTdBcTLU7Ls5XSM5ZSs9bTM1aTMpZTLM4LLA1K641K642K7I4LbkXDLcXDLUXDLMWDbAWDa0VDaw0K6oVDqYUDqMUD6AUD5wTD6UaFbdIRJkTEJYSEJMSEJESEY8REf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFgALAAAAAAQABAAAAfEgFiCWEWFhoWDiUY7AgOOjjlGiVhHPA0JBZkFBww9R4NIPgsIUQSmBFEGCj5IWEk/FBNSAVIPD7NSEhY/SUoVEQ4BwlKzwg4QF0pMGxkYHMLQARwYGRpMTSIgHx8j0SPbICJNTiEeHR3Fw+ceIU5PKCUk6dBSJCUoT1AnJivQKSnQVrQ4AWUKkBcuYASAoUKFQhgsXuiYgoVKkBs1ZGjcSOMGESqDqgixMSOGyRgzbAypMsnKEhwwYy6xMknQlZs4byYKBAA7') no-repeat 10px 50% #ffd6d6;
}
.warning { border: 1px solid #efdc75; /*background: url("images/warning.png") no-repeat 10px 50% #fff7cb;*/ padding-left: 30px; background: url('data:image/gif;base64,R0lGODlhEAAQAOYAAAAAAP////v22fTggvbllvbnnvjrrvrwwvv11fDNOvDOPfDOPvDOQPDPQfDPQvHPQ/HPRPHQRvHQR/HRSfHRSvHSTPHSTfLTUvHTUfLUVvLUV/LVWfLYZPPYZfTaa/PbcPPcdPbghPjoovnrr/nrsPnssfnssvntuPrvvfvxxvvyzPvz0fr02fjru/rtv/XszPz01vfpvPTnu/Xryvvy1PDfrunSmOjRmu/estewXd68c9+/d9/AfN/Bf+bLjObOmL1/BL6AB8CFDsCFD8GHE8SMG8SMHcaQIsaQJMybOMycOdSpUtSqVdSrWP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAE4ALAAAAAAQABAAAAeFgE6Cg4SFhoJBQYeHTE2LhUMvM0OPgkA9Agg8QJVGLAUENEiPQD8rQEAHN5yHSjADqB8qSYdAOAYgqB0iNYqFSykcHagbGCg5rIJCMiEZGhkXFhIeMUSDQDonERMUqA8LCSY7rEUtFQwNDg0MCgkJEC5HTkA+JSP3+PkkNpyo/v8AKx0KBAA7') no-repeat 10px 50% #fff7cb;  }
.info { border: 1px solid #afdbee; /*background: url("images/info.png") no-repeat 10px 50% #e4f5fd;*/ padding-left: 30px; background: url('data:image/gif;base64,R0lGODlhEAAQAOYAAAAAAP///xs1hh04iR89jiA8jCRAkB8+kCtKmC5Omy1Omy9QnDNVoDdapSVOoCpUpStToztgqSNTpyRUqCVQoj9qtUZutUpxtj9suElyuEt1u014vU51uFN8v1R9wGmOyGmNx3aYzidiuShjuW6Ty22RyXeZzoCj1YOl1ylpwCxrwC1twi1rwDJxxDd0xTh2xzh1xj57ykN7x0N7xXSf10SBzUuH0EyH0EyGz1KN1F+V12GX13ah2JO55pS55Zi44Ze34FiT116Y2mKa22Sd3WWe3WSc22mh322j4G6k4HWq43aq44Sz5pK86ZS96ZzB6p7C6qzK7avK7KzK663K64Oz5vb5/DmCwT+IxPf6/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFoALAAAAAAQABAAAAexgFqCgxuFG4OIghodJ0BTVD8oHhqJGR9STkxLSlVNUSQZiCBQSUdHWFimSE8lFoIXPkVEswEBs7M9HIImRkK+QrW/QkMhWhE0QcnJV1fKyTwRDTs51NRZWdXUOg0MODbf39fg3zcMCzM16enX6ukyC1oVMfPz1/TzGAhaCS4v/i9WrPx7AUOBIAMQWihcyPCBgUEFHKhYQbEiCwoFEg0gIEFEihQjJhwYkGiQgJMoEwUCADs=') no-repeat 10px 50% #e4f5fd; }

.green { border: 1px solid #b3dc7c; background:#e8ffca; }
.box { display: block; padding: 12px 24px 12px 52px; color: #333; text-decoration: none; margin: 20px 0; }	
.box:hover { color: #000; text-decoration:none; }

.minibox { display: block; padding: 2px 14px 2px 32px; color: #333; text-decoration: none; margin: 2px 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }	
.minibox-hidden { display: none; padding: 2px 14px 2px 32px; color: #333; text-decoration: none; margin: 2px 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }	

/* ============================================= dropcap ============================================= */
span.dropcap { height: 32px; width: 32px; margin: 0 8px 0 0; float: left; display: block; font-size: 24px; line-height: 32px; text-align: center; background:url(images/dropcap.png) 0 0 no-repeat; color:#FFF; }

/* ============================================= pullquotes ============================================= */
.pullquote { width: 201px; font-size: 16px; line-height: 27px; font-family: Georgia, serif; font-style: italic; margin: 18px 22px; }



/* ============================================= blog ============================================= */
.date { background:url(images/calendar.gif) no-repeat; height:16px; padding:0 0 0 20px; margin:0 15px 0 0; }
.author { background:url(images/author.gif) no-repeat; height:16px; padding:0 0 0 20px; margin:0 15px 0 0; }
.tags { background:url(images/tags.gif) no-repeat; height:16px; padding:0 0 0 20px; margin:0 15px 0 0; }
.comments { background:url(images/comments.gif) no-repeat; height:16px; padding:0 0 0 20px; margin:0 15px 0 0; }

/* ============================================= comments ============================================= */
.avatar { margin:0 8% 0 0; width:8%; }
.comment { width:84%; }

/* ============================================= add comment ============================================= */
label { display:block; margin:6px 0; }
.required { color:red; }
.textinput { font-size:14px; border:1px solid #CCC; padding:6px; color:#333; width:360px; }
.textinput:hover { background: #e4f5fd;}
.messagearea { font-size:14px; border:1px solid #CCC; padding:6px; color:#333; width:360px; } /* was width:390px */
.messagearea:hover { background: #e4f5fd;}



/* ============================================= footer ============================================= */
#footer { background:url(images/footer_top.gif) no-repeat top #dfdfdf; padding:20px 40px; }
#footer_copy { background-color:#7c7c7c; color:#FFF; padding:16px 40px; }
#footer_copy ul li { float:left; margin:0 10px; }

#footer_copy a, #footer_copy a:visited { text-decoration:none; color:#FFFFFF; }
#footer_copy a:hover { color:#393939; }




/* ============================================= CSV Tableclass ============================================= */
#CSVTable {
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;
	border: 1px solid #333;
}
TABLE.CSVTable {
	font: 0.8em Verdana,Arial,Geneva,Helvetica,sans-serif;
	border-collapse: collapse;
	width: 98%; /*450px;*/
	margin: 8px auto;
}

/* Header */
TABLE.CSVTable THEAD TR {
	background: #E8EDFF;
}
TABLE.CSVTable TH {
	font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
	font-size: 1.2em;
}

/* Table Cells */
TABLE.CSVTable TD, TABLE.CSVTable TH {
	padding: 8px;
	text-align: left;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid transparent;
}
/* Default background color for rows */
TABLE.CSVTable TR {
	background: #F0F0F0;
}
/* Background color for odd rows */
TABLE.CSVTable TR.odd {
	background: #F9F9F9;
}
/* Hover color for all rows */
TABLE.CSVTable TR:hover {
	background: #E8EDFF;
}

/* ============================================= TABS ============================================= */
ul.tabs {
text-align: left;
margin: 1em 0 1em 0;
font-size: 16px;
/*font: bold 11px verdana, arial, sans-serif; */
border-bottom: 1px solid #454f73;
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below. ORIGINAL: 3px 10px 3px 10px */
}

ul.tabs li { display: inline; }

ul.tabs li a { /* settings for all tab links */
padding: 3px 20px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #454f73;
background-color: #c0d1fF; /* #00b1fc; #cfc; menu h6 color:#00b1fc; menu h4 LOOK-ALIKE color:#c0d1fF /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px;
text-decoration: none;
border-bottom: none;
}


ul.tabs a:hover { /*background: #f0f0fF; */
	border-bottom: 1px solid #fff; /* set to clear white */
    
	background: -webkit-gradient(linear, left top, left bottom, from(#c0d1fF), to(#f0f0ff));
	background: -moz-linear-gradient(top,  #c0d1fF,  #f0f0ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0d1fF', endColorstr='#f0f0ff');
} /* white: #fff; light blue: #f0f0fF; */



ul.tabs li.current { /* settings for selected tab */
border-bottom: 1px solid #fff;
background-color: #fff;
}

ul.tabs li.current a, ul.tabs li.current a:hover { /* settings for selected tab link */
background-color: #fff;
color: #000; /* set selected tab link color */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */

background: #fff;
filter:  inherit;
cursor:default;
}



/* ============================================= header ============================================= */
/* ============================================= navigation menu ============================================= */
nav { 
	background-color:#505050; margin:20px 0 0 0; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; 
	height:50px; color:#FFF; /*background-image: url('images/menu-bg.png');*/
        background-image: url('data:image/gif;base64,R0lGODlhMgAyAMQAAAAAAP///zAyPy4wPDQ2QzAyPjU3RDEzPzM1QTI0QDg6RzQ2QjU3QzY4RDc5RTk7RzE0PTI1PjM2PzU4QTQ3QDY5Qjg7RDc6QzU4Pzg7Qv///wAAAAAAAAAAAAAAAAAAACH5BAEAABoALAAAAAAyADIAAAX/YFVNJDRJ0lWl00iR0om+o0RRaC6JIolDkRhpOIlMcKodxQUjDnGj483pDL6et+WNuTw2K5fwEUX1XVuiKRbXIr601yvYla3bh7yoOaufbrdeEXF+dmpUPV5mFTQ2i29dL1Y+RHl5h2Z4IjErFBeELo5nbGiVZXulghWCno+gKqQUgoamLXc4kGqAuUJ1My2vIhYujZ4sbzZteGtPTnVoeK9qi0rHL68kPM60VHWIcicnkCTRsFnb2D45Z1SCjaXm3IV2wzq0Nu48UoNu8tp2QoeoYUM0UMoyfoRE7RnYSZ8TEWJuYbK0hgYTh8+EPcJhIdwUPQ8rEcx0Ld+TGHE6/zoDea4MxTKzGq5suW2kOYVPLiSiEZIlLU3HkM3Sd5FnppE1OY0Rum6pFyZ6StEEuhBerZkWRdJkGBMjF55ZTZKSSonOs31LQBlcE0MnQIgXLFzj2u/hSRvwbmnCu07sHkNWE+mLQwcSXjcFh/CNt3GCCh6Py4KD28Pi31n0xliGaHYOG6mWhxJ1etPZLWs6TxcilYggn6W71OFAifbGDDnkfALCOPik5luRP6oI48ixqSh/apmKdvuqmGeU1FVusIBBgwZSpiH7FXltm7RGm1ml0ICBdeyNmh4tBezIIpgLJ5SvziDcIptpwXQXM6044nSNmLfAgPadNtBjYczFH/QUQ1k2QwXmMTCgI6GUBZpjI4CinngvIFDdhDTkF59L7r3nkykUJEAfAzq1sFg5hmR4w3NIIXeWihHGkYIFHHXEnCiBjZUdRU0NUgGPKXiSzElBgnbhf+6lVsMZlb141DZBKhSFWeItZ+OSvUGJm1+ZeGmQN3eIeURc4/RBQ4uHgOSaemko0skFKLSYT3ghWXgJLOksEgYQJkYk2nFimcTDdQt4iKOE1TWAAAINONAoAgVQtwCjkwpgAAEInBBBBg4ImICKCQywqXkOWLrpAwycyoAD1Ek6KQKzajrgAQUcwAABClB3AgQYJHDAh9V52OgBB4QAADs=');
}


/*
div.home {
width: 75px; height: 50px;
background-image: url('data:image/gif;base64,R0lGODlhSwAyAOYAAAAAAP////7+/v39/ff39/b29vT09PPz8/Ly8vHx8e/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5eTk5OPj4+Li4uHh4eDg4N/f397e3t3d3dvb29XV1dTU1NHR0c/Pz8rKysfHx8bGxsTExMHBwb6+vru7u7q6urm5ubW1tbOzs7Gxsa6urqenp6ampqWlpaGhoZ6enpmZmZKSkpGRkY+Pj46Ojo2NjYyMjIuLi4qKiomJiYiIiIeHh4aGhoWFhX9/f35+fn19fXx8fHt7e3Z2dnV1dXR0dHFxcXBwcGtra2pqamdnZ2FhYV1dXVtbW1paWldXV1ZWVlVVVVRUVFNTU1JSUlFRUVBQUE9PT0lJSUFBQUBAQDc3NzQ0NDMzMzExMTAwMC8vLy4uLiwsLCoqKigoKCYmJiUlJSMjIyEhIR8fHx0dHRwcHBoaGhgYGBYWFhUVFRMTExEREQ8PDw0NDQwMDAoKCggICAYGBgQEBAMDAwEBAf///yH5BAEAAH8ALAAAAABLADIAAAf/gAGCggMECAoNDoqKDY2Oj40MkpOUkwuXmJkPH3+dnp+goZ2DAQQKD4upqZCsDZWvkpmyorS0ggIGD7q7qr0OrY+wsLKZtcaCB7vKyr6rwI7ClcQLxrYFENgQy9vNi8/Q0ZbF1aADC9no2tu83b/fruGWIuSfBRER6enrzO3v8OH0PCW4RzAfun3suvmLFrCTA4IQ8RnMhhBVv3evQDS8IEFCxIgTsVW0qBAjgwkNMXDs6PFjwZAj27l7JqFhBQ0WWLJ0+RImQpnAUAa8iVOnTp49sbVoQfHnRUcOGmbQQNXCBKNGkeI7IkZMDmwjunbFsQ9og4ZU01qdcBXrzogc/6CQmUsGCQQUdMnoiNkNbVqqF9gKdvuWhJYyiBMnQZG4jI6DTlX5/asBAwXBmN2q+GKms+fOWz7vMMg3akDKaTNUwMyapYwzsGPLnt0jpDqEk1FruHCZteAlaIILH04cjY+kpLfl1q2aQm+2HaikmU69uvXpP1zaVrZc927nzk1wUUO+vPnz5ceUQLq9u/fdFVaUWUO/vv3798vMaMlzovv3NLAh4IAEFmjggDa81R86/+nmRBsQRijhhBRO2ARWWkHQ4F8fSOHGhyCGKOKIJGrRgVs8bZiWF2+06OKLMMYoY4tdENZRRCpSFQYcPPbo449ABskjGJnZGEGOGrgQx/+STDYZRxFQFkHEEEMI4eSVLPjWFlZIamCEHGCGKaZ3YpYpxxDPaWlUlxr8kMIccMYJp3dyynkCD+A5p+VgNZ32nm50BCpooN4NOmhlFuSZ555sUlXHo5A+6l2kkaaWqKLgsdaoBnZ06mmn3n36KWUZ8IZppkLR86dud7TqaqvevfoqcxZUcKpzm+Kh6666escrr+9hUMGwmG6ax7HIHutdssn+mUGtwxJLwaZ6VGtttd5de+2q8EU77KZ7hCtuuN6NOy63lXlbwaZ8tOtuu969+y66Gjwb7aZ95Ktvvt7tuy+99V5ggQWb+mHwwQZ7hzDCAANGsJ8NRywxahhsOvEtxX9ZjDHGGm88cQgQeyzyqiGPbDJqG6h68sqoeUDOVCzHTFXKxsAss8wg0xIIADs=');
}
*/

nav h6 { /*color:#FFF;*/ color:#00b1fc; margin:0px 0 0 0; padding:0; text-transform:uppercase; } /* was: margin:10px 0 0 0; */
nav > a, nav > a:visited, nav > span, nav > span:visited { float:left; height: 30px; margin: 5px 36px 5px 0; padding: 5px 10px; position: relative; color:#FFF; } /* was: padding: 0 36px 0 0 */
nav > a:first-child, nav > span:first-child { 
	margin: 0 36px 0 0;
	padding: 0px;
}

nav > a:not(:first-child):hover, nav > span:not(:first-child):hover { 
	text-decoration:none;
	color:#FFF;
    background-color: rgba(200,200,200,0.2);
    padding: 4px 10px
	border: 1px solid #2b2e37; /*#afdbee;*/
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	-moz-border-top-colors: #303 #404 #606 #808 #909 #A0A;
	
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;

    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
    
    /* Blue instead of grey */
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');

}

nav > a:not(:first-child):active, nav > span:not(:first-child):active {
	/* blue */	
	position: relative;
	top: 1px;
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/*
nav a:first-child:hover { 
	padding: 0px;
	border: none;
	background-color: none;
	
	-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}*/

nav > a.selected h6 {
	text-shadow: 1px 1px 1px #000;
}

nav > a.selected { 
	background-color: rgba(100,100,100,0.5); /* DARK: #2b2e37; */
	text-shadow: 1px 1px 1px #000;

	border: 1px solid #2b2e37; /*#afdbee;*/
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	-moz-border-top-colors: #303 #404 #606 #808 #909 #A0A;
	
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;

}


.nav { 
	background-color:#505050; margin:20px 0 0 0; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; 
	height:50px; color:#FFF; /*background-image: url('images/menu-bg.png');*/
        background-image: url('data:image/gif;base64,R0lGODlhMgAyAMQAAAAAAP///zAyPy4wPDQ2QzAyPjU3RDEzPzM1QTI0QDg6RzQ2QjU3QzY4RDc5RTk7RzE0PTI1PjM2PzU4QTQ3QDY5Qjg7RDc6QzU4Pzg7Qv///wAAAAAAAAAAAAAAAAAAACH5BAEAABoALAAAAAAyADIAAAX/YFVNJDRJ0lWl00iR0om+o0RRaC6JIolDkRhpOIlMcKodxQUjDnGj483pDL6et+WNuTw2K5fwEUX1XVuiKRbXIr601yvYla3bh7yoOaufbrdeEXF+dmpUPV5mFTQ2i29dL1Y+RHl5h2Z4IjErFBeELo5nbGiVZXulghWCno+gKqQUgoamLXc4kGqAuUJ1My2vIhYujZ4sbzZteGtPTnVoeK9qi0rHL68kPM60VHWIcicnkCTRsFnb2D45Z1SCjaXm3IV2wzq0Nu48UoNu8tp2QoeoYUM0UMoyfoRE7RnYSZ8TEWJuYbK0hgYTh8+EPcJhIdwUPQ8rEcx0Ld+TGHE6/zoDea4MxTKzGq5suW2kOYVPLiSiEZIlLU3HkM3Sd5FnppE1OY0Rum6pFyZ6StEEuhBerZkWRdJkGBMjF55ZTZKSSonOs31LQBlcE0MnQIgXLFzj2u/hSRvwbmnCu07sHkNWE+mLQwcSXjcFh/CNt3GCCh6Py4KD28Pi31n0xliGaHYOG6mWhxJ1etPZLWs6TxcilYggn6W71OFAifbGDDnkfALCOPik5luRP6oI48ixqSh/apmKdvuqmGeU1FVusIBBgwZSpiH7FXltm7RGm1ml0ICBdeyNmh4tBezIIpgLJ5SvziDcIptpwXQXM6044nSNmLfAgPadNtBjYczFH/QUQ1k2QwXmMTCgI6GUBZpjI4CinngvIFDdhDTkF59L7r3nkykUJEAfAzq1sFg5hmR4w3NIIXeWihHGkYIFHHXEnCiBjZUdRU0NUgGPKXiSzElBgnbhf+6lVsMZlb141DZBKhSFWeItZ+OSvUGJm1+ZeGmQN3eIeURc4/RBQ4uHgOSaemko0skFKLSYT3ghWXgJLOksEgYQJkYk2nFimcTDdQt4iKOE1TWAAAINONAoAgVQtwCjkwpgAAEInBBBBg4ImICKCQywqXkOWLrpAwycyoAD1Ek6KQKzajrgAQUcwAABClB3AgQYJHDAh9V52OgBB4QAADs=');
}

.nav a { text-decoration: none; }

.nav .firstchild { 
/*
	margin: 0 20px 0 0;
*/
	margin: 0 20px 0 0;
	padding: 0px;
	display:inline-table; cursor:pointer; 
	position: relative;
	float: left;
	border: none;
	box-shadow: none;
}


/*
.nav h6, .nav span
*/
.navitem h6, .navitem span { /*color:#FFF;*/ color:#00b1fc; margin:0px 0 0 0; padding:0; text-transform:uppercase; font-size: 16px; 
	display: block;
} /* was: margin:10px 0 0 0; */

.nav .lastchild { 
	float: right !important;
}


/* height doesn't include padding, borders, and margin (if box-sizing: content-box;)*/
.navitem, .navitem:visited { 
	display:inline-table; 
	box-sizing: content-box; 
	/*line-height: 13px; /* solve the in-between click bug!! (make this less than font-size) */
	cursor:pointer; /*default*/ 
	float:left; 
	height: 34px; 
/*
	margin: 3px 20px 1px 0; 
*/
	margin: 3px 10px 1px 0; 
	padding: 0px 10px 0px 10px; /* was 8px 10px 0px 10px */
	position: relative; 
	color:#FFF; 
	background: none; 
	font-size: 12px; 
	text-align: left; 
	border: none; 
} /* was: padding: 0 36px 0 0 ; cursor:pointer;  */

.navitem:hover { 
	text-decoration:none;
	color:#FFF;
    /*background-color: rgba(200,200,200,0.2);*/
    padding: 4px 10px
	border: 1px solid #2b2e37; /*#afdbee;*/
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	-moz-border-top-colors: #303 #404 #606 #808 #909 #A0A;
	
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;

    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
    
    /* Blue instead of grey */
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');

}

.navitem > a, .navitem:visited > a, .navitem > a:hover { text-decoration:none; color:#FFF; text-shadow: 1px 1px 1px #000; cursor:pointer;  }

.navitem:active {
	/* blue */	
	position: relative;
	top: 1px;
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

.nav .selected h6 {
	text-shadow: 1px 1px 1px #000;
}

.nav .selected { 
	background-color: rgba(100,100,100,0.5); /* DARK: #2b2e37; */
	text-shadow: 1px 1px 1px #000;

	border: 1px solid #2b2e37; /*#afdbee;*/
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	-moz-border-top-colors: #303 #404 #606 #808 #909 #A0A;
	
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;

}



header > div { /*background:url(images/slide_btm.gif) bottom no-repeat #dfdfdf;*/ height:27px; margin:0; padding:3px 0 0 60px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; 
background: url('data:image/gif;base64,R0lGODlhcAMbANUAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PPz8/Ly8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5eTk5OPj4+Li4uHh4eDg4N/f3////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACIALAAAAABwAxsAAAb/wJBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/o9PSjbrvf8Lh8Tq/b7/i8fs/vgvqAgYKDhIWGh4iJiotibIyPkJGSk5SVlpeYXiAbmZ2en6ChoqOkpUMbFaaqq6ytrq+wsUUVDbK2t7i5uru8Yg0EGb3Cw8TFxsedIBgEAQ7Iz9DR0tPUZA4B2BLV29zd3t/GEtjYA9rg5+jp6uuSEgPj4wkWf+z19vf4+WIgFgnw/wEGHHBwgYMHfQgTKlxYj8MFBwfeAZw4joACBxMK0mPIsaPHj61AOJzgQEEBiihTBiBwYIEDCRYydNgIsqbNmzjzgOiQwYIE/wcLDjBTSbToP5YKGkCYEJODo5xQo0qd2uQDh54TIDRQINSo169GBRQ4kPSBBAoXNDilyratW3VWNVygIOHB1gMFBIDdy7cvQAIGECxo8CACBQsYNHR4+rax48eiPnTQgMEChQh2FyAwMNSv58+giw4Ym2Bw4QkVLmTYsBiy69ew4UjekOFChQmYGyxIgFdi6N/Ag4ceABiBAtMRzlpQvcEgzdjQozcG4YED7QuWJeReoGAzAd/Cw4sfT36igNGBSzNwUPhs6sSsPTCWTr/+sw8eOmygbJsuZgcM7LZZAQPoVd6BCCaooGcCEFBAegow0IADECSH2nIZaNCcfM/Z5//hh4CAgJ91GtRmwW3aQeBAAwwokMCABBi44Iw01mjjjOc5aMABxi0gIXsVurccBhk214F8ICappBD4dUBiBhhgV4F/EDywYoDdHWBAAd/JeOOXYIYp5phf5fggjwgkcNyPDwQ5AQUVLHcBkRpycOQHH3S45J66iNjkk1FKScEEKVrJIncvIqAllwWS6eijkEYq6Zdmnpmmmj6y2WZyErxZQZxz0llnB3fmyeepW/iZn5P7lYhBlCdOSWihhjKAZQIvLsqol5P26uuvwAYrLF/nEVfAgzsikKYCx2U6IXttBtnpm3DGKSeRGWrYnJ1HeiBfnnqiagoIqnpLKgfWtZqzAZQXYBcrBYPOGgEEVVp5ZYDcuaisllsy2uiwAAcs8MAEF2wwNgIUS8DCxxrg8AFoXqpms5lK2MCz0EZbYQScTjsBtfB+aq0Fcrb76snrrqvByitv4LLL6MbMLamkemuzzXjmrDO5PPfcMxk+B02uzkTffDPNNMuM7ssus7xyylCeHGi7JJMsMrzwfvyxBFxzPC+9D4TtwNgXs2jrAmgzi2uiivLb78LfFcjrwXTXbXcAQQAAOw==') bottom no-repeat #dfdfdf;
}







.where { /*background:url(images/slide_btm.gif) bottom no-repeat #dfdfdf;*/ height:27px; margin:0; padding:3px 0 0 60px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px; 
background: url('data:image/gif;base64,R0lGODlhcAMbANUAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PPz8/Ly8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5eTk5OPj4+Li4uHh4eDg4N/f3////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACIALAAAAABwAxsAAAb/wJBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/o9PSjbrvf8Lh8Tq/b7/i8fs/vgvqAgYKDhIWGh4iJiotibIyPkJGSk5SVlpeYXiAbmZ2en6ChoqOkpUMbFaaqq6ytrq+wsUUVDbK2t7i5uru8Yg0EGb3Cw8TFxsedIBgEAQ7Iz9DR0tPUZA4B2BLV29zd3t/GEtjYA9rg5+jp6uuSEgPj4wkWf+z19vf4+WIgFgnw/wEGHHBwgYMHfQgTKlxYj8MFBwfeAZw4joACBxMK0mPIsaPHj61AOJzgQEEBiihTBiBwYIEDCRYydNgIsqbNmzjzgOiQwYIE/wcLDjBTSbToP5YKGkCYEJODo5xQo0qd2uQDh54TIDRQINSo169GBRQ4kPSBBAoXNDilyratW3VWNVygIOHB1gMFBIDdy7cvQAIGECxo8CACBQsYNHR4+rax48eiPnTQgMEChQh2FyAwMNSv58+giw4Ym2Bw4QkVLmTYsBiy69ew4UjekOFChQmYGyxIgFdi6N/Ag4ceABiBAtMRzlpQvcEgzdjQozcG4YED7QuWJeReoGAzAd/Cw4sfT36igNGBSzNwUPhs6sSsPTCWTr/+sw8eOmygbJsuZgcM7LZZAQPoVd6BCCaooGcCEFBAegow0IADECSH2nIZaNCcfM/Z5//hh4CAgJ91GtRmwW3aQeBAAwwokMCABBi44Iw01mjjjOc5aMABxi0gIXsVurccBhk214F8ICappBD4dUBiBhhgV4F/EDywYoDdHWBAAd/JeOOXYIYp5phf5fggjwgkcNyPDwQ5AQUVLHcBkRpycOQHH3S45J66iNjkk1FKScEEKVrJIncvIqAllwWS6eijkEYq6Zdmnpmmmj6y2WZyErxZQZxz0llnB3fmyeepW/iZn5P7lYhBlCdOSWihhjKAZQIvLsqol5P26uuvwAYrLF/nEVfAgzsikKYCx2U6IXttBtnpm3DGKSeRGWrYnJ1HeiBfnnqiagoIqnpLKgfWtZqzAZQXYBcrBYPOGgEEVVp5ZYDcuaisllsy2uiwAAcs8MAEF2wwNgIUS8DCxxrg8AFoXqpms5lK2MCz0EZbYQScTjsBtfB+aq0Fcrb76snrrqvByitv4LLL6MbMLamkemuzzXjmrDO5PPfcMxk+B02uzkTffDPNNMuM7ssus7xyylCeHGi7JJMsMrzwfvyxBFxzPC+9D4TtwNgXs2jrAmgzi2uiivLb78LfFcjrwXTXbXcAQQAAOw==') bottom no-repeat #dfdfdf;
}

/* ============================================= footer ============================================= */
.footer { background-color:#7c7c7c; color:#FFF; padding:16px 40px; }
.footer div { float:right; margin:5 10px; display: block; }
.footer div > a { margin: 0 5px; }

.footer a, footer a:visited { text-decoration:none; color:#FFFFFF; }
.footer a:hover { text-decoration:none; color:#393939; }

.footer p { display: inline; }



.quote1 {
	background-image: url('images/quote1_280px.png');
	margin: 0px 0px 0px 8px;
	display: table;
	width: 194px;
	height: 140px;
	padding: 30px 70px 30px 16px;
}

.quote2 {
	background-image: url('images/quote2_280px.png');
	margin: 0px 0px 0px 8px;
	display: table;
	width: 180px;
	height: 200px;
	padding: 0px 26px 0px 74px;
}




.quote1_280 > p, .quote2_280 > p, 
.quote1 > p, .quote2 > p, .quote3 > p, .quote4 > p, .quote5 > p, .quote6 > p, .quote7 > p, .quote8 > p
{ display: table-cell; vertical-align: middle; text-align: center; }


.socialbuttons a {
	margin-left: 5px;
	margin-right: 5px;
}


/*
	width: 210px;
	height: 200px;
	display: block;
*/

/*
.quote1 {
	background-image: url('images/quote1.png');
	margin: 0px 0px 0px 8px;	
	display: table;
	width: 146px;
	height: 140px;
	padding: 30px 50px 30px 14px;
}
.quote2 {
	background-image: url('images/quote2.png');
	margin: 0px 0px 0px 8px;
	display: table;
	width: 136px;
	height: 200px;
	padding: 0px 16px 0px 58px;
}

*/