@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------- Reset */
<!-- 
html {
	overflow-Y: scroll;
}
<!--

html, body, div, span, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

<!--
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #333;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: .8em;
}

ul, ol, dl { padding: 0; margin: 0; list-style:none;}

h1, h2, h3, h4, h5, h6, p { padding-right: 15px; padding-left: 15px; font-family:Tahoma, Geneva, sans-serif; margin: 10px 0; }

h1{ font-size: 1.6em; color:#06C; }
h2{	font-size: 1.4em; color:#06C; }
h3{ font-size: 1.2em; color:#06C; } 
h4{ font-size: 1em; color:#06C; }
h5{ font-size: 1.1em; color:#FB4D02; } 
p {margin: 10px 0;}

.push {min-height:40px;}
.big{ font-size: 1.2em;}

a img { border: none; }
a:link { color: #06C; text-decoration: none; }
a:visited { color: #06C; text-decoration: none; }
a:hover, a:active, a:focus { color: #09F; text-decoration: underline; }

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: 3px solid #666666;
	margin: 20px 15px;	
}

.container { width: 960px; margin: 0 auto; padding:15px;}
.header { background: #fff; margin:10px 0; padding:0; }
.content { position:relative; padding: 0; margin:0 0 10px 0; background:#fff; border-bottom: 3px solid #fff; border-top: 3px solid #fff; min-height:360px; }
.footer { padding:10px 0; margin:10px 0; background: #D8E8A8; text-align:center;}

.nav { margin: 0 auto; height:34px; background-color: #333;}
.hide {display:none;}

/* Slider Navigation */
#slider-nav { margin: 0 auto; list-style: none; position: relative; width: 960px; }
#slider-nav li { display: inline-block; }
#slider-nav li a { 
	position: relative; 
	z-index: 200; 
	color: #bbb; 
	font-size: 14px; 
	display: block; 
	float: left; 
	padding: 6px 10px 4px 10px;
	text-decoration: none;
	text-transform: uppercase; 
}
#slider-nav li a:hover { color: white; }
#slider-nav #highlight { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100px; 
	background: #900; 
	z-index: 100; 
}
.current_page a { color: white !important; }
.ie6 #slider-nav li, .ie7 #slider-nav li { display: inline; }

/* end Slider Navigation */

.tabs { border-bottom: 3px #666 solid}
.tabs li { display: inline; list-style: none outside none; }
.tabs a { background: none repeat scroll 0 0 #fff; border: 1px solid #e2e2e2; display: inline-block; padding: 5px 10px; text-decoration: none; }
.tabs a.active { background: none repeat scroll 0 0 #666; border: 1px solid #666; color: #fff; }

.right { float: right; }
.left { float: left; }
.clearfloat { clear:both; line-height: 0; }

.vert-scroll { overflow-y: scroll; overflow-x: hidden; height: inherit;}
.top-margin { margin-top: 20px; }
.all-margin { margin: 30px; }
.all-margin-small {margin: 15px; }

.top-border {border-top: 3px solid #e2e2e2;}
.shaded {
	border: 1px solid #e4e4e4;
	border-bottom: 3px solid #666666;
	background:#eeeeee;
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee));
	background: -o-linear-gradient(top, #ffffff, #eeeeee);
}
.allSidesShadow {
    box-shadow: 2px 2px 19px #aaa;
    -o-box-shadow: 2px 2px 19px #aaa;
    -webkit-box-shadow: 2px 2px 19px #aaa;
    -moz-box-shadow: 2px 2px 19px #aaa;
	border: 1px solid #e2e2e2;
}
.darkshaded {
	border: none;
	background:#eeeeee;
	background: -moz-linear-gradient(top, #444444, #333);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444444), to(#333));
	background: -o-linear-gradient(top, #444444, #333);
	color: #fff;
} 

.tiles img, .tiles .tile, .tiles .tile-sm {margin:0; padding:0; float: left; }
.tiles .tile { width:300px; margin-left:15px; margin-top:15px;}
.tiles .tile-sm { width:240px; height: 180px; }
.tile-sm > h2 { display: table-cell; height: 180px; vertical-align: middle; text-align:center;}
.tiles p { font-size: 10.5px; }
.tiles p.big { font-size: 13px; }
.tiles #info { margin:0; padding: 0; float: left; background-color:#fff;text-align:center;}
.tiles #info h3 {color: #060;}

img.grey {opacity:0.3;filter:alpha(opacity=30);}
img.soft, .tile.soft {opacity:0.6;filter:alpha(opacity=60);}

/* not being used 
.word-collection {width:auto; min-height:400px; padding:20px; }
.word-collection span {padding:20px; position:relative;}
*/

.add-info {display:none;}

.button {
    width: auto;
    padding: 5px 15px;
    color:#fff !important;
    background-color:#68B5D9;
	text-decoration: none;
	text-transform: uppercase;
}
.button a { color: #fff; text-decoration: none;}
.button:hover { background-color:#7dd3f8; }
.button a:hover {text-decoration: none; }

.mini { padding: 5px 8px; font-size: .9em; position:absolute; bottom:0; right:0; margin: 10px; z-index:1000; }

.image-overlay { position:absolute; bottom:0; left:0; filter: alpha(opacity=85); opacity: .85; width:inherit; background:#090; padding:5px 0; color:#fff;}
.label {background-color:#FB4D02;}
.label h3 {color:#fff; font-size: 14px; text-transform:uppercase; margin:0; padding: 5px 15px;}

/*side panel */

/*#panel { width: 100px; height: 300px; background: #999; display: none; float: right; }
#tab { background: #68B5D9; color: #FFF; border: 1px solid #f2f2f2; border-right: none; width: 80px; float: right; text-align: center; text-decoration: none; text-transform: uppercase; }
#tab:hover {text-decoration: none; background-color:#7dd3f8;}
*/

#panel {
position: absolute;
top: 160px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
width: 130px;
height: auto;
padding: 30px 130px 30px 30px;
filter: alpha(opacity=85);
opacity: .95;
z-index:1080;
}

#panel li{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

#panel a, #panel a:visited{
margin: 0;
padding: 0;
color: #7dd3f8;
}

#panel a:hover, #panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
}

a.tab{
position: absolute;
z-index: 1090;
text-decoration: none;
top: 165px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#333333 url(assets/plus.png) 15% 50% no-repeat;
border:1px solid #444444;
display: block;
}

a.tab:hover{
position: absolute;
text-decoration: none;
top: 165px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 20px 20px 40px;
font-weight: 700;
background:#222222 url(assets/plus.png) 15% 50% no-repeat;
border:1px solid #444444;
display: block;
}

a.active.tab {
background:#222222 url(assets/minus.png) 15% 50% no-repeat;
}

.hint {display:none;}

/*flip / card effect */

.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	perspective: 1000;
}

	
.flip-container:hover .flipper, .flip-container.hover .flipper {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.flip-container, .front, .back {
	width: 380px;
	height: 285px;
}

.flipper {
	-webkit-transition: 0.8s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.8s;
	-moz-transform-style: preserve-3d;

	transition: 0.8s;
	transform-style: preserve-3d;

	position: relative;
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

.front {
	z-index: 2;
}

.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
/* end flip / card effect */

.case-photo {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 380px;
}

.case-desc {
	position: absolute;
	top: 15px;
	left: 410px;
	width: 435px;
	height: 380px;
}


.map {
	position:absolute;
	top: 315px;
	left: 15px;	
	width: 380px;
}

.answer {
	position:absolute;
	top: 250px;
	left: 410px;
	width: 530px;
}

.question h5 {color:#090; display:inline; margin:0; padding: 0; font-weight: bold;}

/* form textarea */

form#diagnosis input, textarea {
	display: inline; 
	float: left; 
	width: 378px; 
	border: 1px solid #AACFE4; 
	font-size: 12px; 
	margin: 2px 0 20px 10px; 
	padding: 4px 2px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:20px;
}
form#diagnosis textarea {height: 100px; resize:vertical; }

form#diagnosis label {display: inline; float: left; width: 180px; color: #333; text-align: right; font-weight: bold; font-size: 12px;}
form#diagnosis label .caption {display: block; text-align: right; width: inherit; color: #666; font-weight: normal; font-size: 11px; }
form#diagnosis label .caption input {background:none;border:none;display:inline;float:none;width:auto; margin:0 2px;}

#print-helper {display: none;}