/* 
    Document   : overlay
    Created on : 18-Oct-2010, 16:21:22
    Author     : Danny
    Description:
        Purpose of the stylesheet follows.
*/

a.viewcut {
/*	background-image: url(../images/camera.gif);
	background-position: top left;
	background-repeat: no-repeat;*/
	display: inline-block;
	width: 38px;
	height: 16px;
}
a.previewcut {
	cursor: pointer;
}


/* the overlayed element */
.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index: 999;

	/* styling */
	background-color:#fff;
	background-image: url(../images/over-logo.png);
	background-repeat: no-repeat;
	background-position: top center;

	padding-left:5px;
	padding-right:5px;
	padding-bottom: 5px;
	padding-top: 86px;

	width: 495px;
/*	min-width: 410px;*/
	min-height:200px;
	border:1px solid #666;
	text-align: center;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}


/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* styling for elements inside overlay */
.details {
	/*position:absolute;
	top:15px;
	right:15px;*/
	margin-top:10px;
	margin-bottom:10px;
	font-size:11px;
	color:#666666;
	text-align: left;
	clear: both;
	/*width:210px;*/
}

.details h3 {
	color:#333333;
	font-size:15px;
	margin:0 0 10px 0;
}

.navi_icon {
	vertical-align: middle;
}

.overlay_navi {
	color: #539DD4;
	font-size: 11px;
}
.overlay_navi .prev {
	float: left;
	margin-left: 20px;
}
.overlay_navi .next {
	float: right;
	margin-right: 20px;
}
.overlay_navi a {
	text-decoration: none;
	cursor: pointer;
}
.overlay_navi a:hover {
	text-decoration: underline;
}
.cutlinks a {
	cursor: pointer;
}

/* initially all panes are hidden */
.panes .pane {
	display:none;
}

/* tab pane styling */
.panes div.cutspanel {
	display:none;
	padding:15px 10px;
	border:0px solid #999;
	border-top:0;
	width: 600px;
	margin: 5px auto;
	font-size:14px;
/*	background-color:pink;*/
}


/* container for slides */
.images {
	position:relative;
	width:430px;
	height:345px;

	float:left;
	margin:0px;
	cursor:pointer;
	text-align: center;

/*	border:1px solid #ccc;*/
	/* CSS3 tweaks for modern browsers */
/*	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;*/
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	margin:7px;
	padding:0;
/*	height:256px;*/
	font-size:12px;
	text-align: center;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	margin: 5px auto;
	width: 40px;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;
}


/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:140px;
	background:#fff url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
}

/* next */
.forward        { background-position: 0 -30px; clear:right; }
.forward:hover  { background-position:-30px -30px; }
.forward:active { background-position:-60px -30px; }


/* prev */
.backward:hover  { background-position:-30px 0; }
.backward:active { background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;
}

ul.tabs {
	display: none;
	font-size: 10px;
}
ul.tabs li a, ul.tabs li a:visited { color: #539DD4; }
ul.tabs li a:hover { color: #539DD4; }

ul.tabs {
	list-style: none outside none;
}
ul.tabs li {
	float: left;
	list-style: none outside none;
	padding: 0 15px;
	text-transform: capitalize;
}
ul.tabs li a {
	text-decoration: none;
}


#map-view-container {
	position: relative;
	padding-bottom: 10px;
}

#map-container {
	position: relative;
	width: 410px;
	height: 170px;
	margin: 0 auto;
}

#map-view-container img.map {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

#map-view-container img.parts {
	display: none;
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 20;
}

#map-view-container img.partsBg {
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 19;
}

table.cutlinks tr:hover {
	background-color: #F2F2F2;
}

/*
#practice-container {
	float: left;
}

#practice-container ul {
	display: none;
}

#practice-container ul.selected {
	display: inline;
}

#practice-container ul li {
	list-style-type: none;
}

#practice-container .selected-list ul li {
	list-style-type: none;
}*/