/* CSS Document */

/*Homepage Panels*/
.panel-wrapper {
	width:247px;
	padding-left:10px;
	padding-top:4px;
	padding-right:10px;
	margin-right:0px;
	background:#cde7f9;
}

.panel-content { height:380px; }

.panel-number {
	background:#fff;
	color:#666;
	padding:2px;
	font-size:11px;
	font-weight:bold;
}

.panel-footer { }


/*Video Player Thumb Controls*/
#videothumbcontrolholder {
	float:left;
	width:242px;
	margin-bottom:30px;
	margin-top:10px;
	padding-left:15px;
}

.videothumbcontrol {
	float:left;
	margin-right:5px;
}

#vartest {
	border:1px solid #ccc;
	color:#000;
}

.panel h2.title { margin-bottom: 10px }

noscript div {
	background: #ccc;
	border: 1px solid #900;
	margin: 20px 0;
	padding: 15px
}

.test {
	float:left;
	background:#fff;
	padding-right:10px;
	width:170px;
	height:125px;
}

/* Most common stuff you'll need to change */
        #panel-holder-inner {
	border:1px solid #cde7f9;
	background:#fff;
}

.coda-slider-wrapper { padding: 20px 0; }

.coda-slider {
	background: #fff;
	width:850px;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider {
	height: 200px;
	overflow: auto !important;
	padding-right: 20px
}

/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider { width: 286px }

.panel { width:295px; }

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider { width: 326px; }

.coda-slider-wrapper.arrows .coda-slider { margin: 0 /*5px*/ 3px; }

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a {
	background: #fff;
	color: #3191c7;
	padding: 5px;
	width: /*10px*/ 8px;
}

/* Tab nav */
	.coda-nav ul li a.current { background: #e6f3fc; }

/* Panel padding */
	.coda-slider { padding: 5px; }

/* Preloader */
	.coda-slider p.loading {
	padding: 20px;
	text-align: center
}

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
        #coda-nav-1 {
	margin-left:0px;
	margin-right:0px;
	padding:0px;
}

.coda-nav { }

.coda-nav ul {
	clear: both;
	display: block;
	margin: auto;
	overflow: hidden;
}

.coda-nav ul li { display: inline; }

.coda-nav ul li a {
	background: #fff;
	color: #3689ce;
	display: block;
	float: left;
	padding: 10px;
	margin-left:5px;
	margin-right:5px;
	text-decoration: none;
	border:1px solid #3689ce;
}

/* Miscellaneous */
	.coda-slider-wrapper { clear: both; }

.coda-slider {
	float: left;
	overflow: hidden;
	width:50px;
}

.coda-slider .panel {
	display: block;
	float: left
}

.coda-slider .panel-container { }

.coda-nav-left, .coda-nav-right { float: left }

.coda-nav-left a {
	display: block;
	text-align: right;
	text-decoration: none;
	margin: 0;
}

.coda-nav-right a {
	display: block;
	text-align: left;
	text-decoration: none;
	margin-right: /*.05em*/ 0;
}

#coda-slider-1 {
	float:left;
	width:851px;
}

#currtabholder { background:#fff; }

#leftnavholder { float:left; }

#rightnavholder { float:left; }

#leftnavholdertop {
	float:left;
	height:400px;
	padding-top:18px;
	padding-right:/*12px*/ 5px;
}

#rightnavholdertop {
	float:right;
	height:400px;
	padding-top:20px;
margin-right: 3px;
}

.toparrowstyle {
	background:#cde7f9;
	color:#3689ce;
}

#slidertopouterwrapper { }

#slidertopinnerwrapper {
	float:left;
	margin-bottom:10px;
}

#midnavholder {
	float:left;
	margin:0;
	padding:0;
}

#tabcenter {
	float:left;
	position: relative;
	left: -50%;
	margin:0;
	padding:0;
}

#tabcenter-holder {
	float:left;
	position: relative;
	left: 50%;
}

h6.title { display:none; }

#currtextholder {
	clear: both;
	position: relative;
	color:#3689ce;
	background:#fff;
	height:45px;
	padding-top:5px;
	text-align:center;
}

.arrowtop a {/*background:#cde7f9;*/
	color:#3689ce;
	font-weight:bold;
	font-size: 180%;
	/*padding: 0 5px; */
margin-right: 5px;
}

.arrowbottom a { margin-top:7px; }

.panelholder {
	border:1px solid #cde7f9;
	background:#fff;
}