/* --- OVERLAY CSS --- */

/*ÊuseÊaÊsemi-transparentÊimageÊforÊtheÊoverlayÊ*/Ê
#overlayÊ{Ê
}Ê
Ê
/*ÊcontainerÊforÊexternalÊcontent.ÊusesÊverticalÊscrollbar,ÊifÊneededÊ*/Ê
div.wrapÊ{Ê
ÊÊÊÊheight:800px;Ê
ÊÊÊÊ/*overflow-y:auto;Ê*/
}

/* the overlayed element */
div.overlay {
		
	/* initially overlay is hidden */
	display:none;
	
	z-index:10000;

	/* some padding to layout nested elements nicely  */
	padding:0px;
}

/* default close button positioned on upper left corner */
div.overlay div.close {
	background-image:url(../images/stock_banners/close.png);
	position:absolute;
	color:white;
	left:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* --- SCROLLABLE CSS --- */

/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 470px; 
    width: 500px; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}


#actions {
	width:480px;
	margin:5px 20px 5px 20px;	
	}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:maroon;
	}

#actions a:hover {
	text-decoration:underline;
	color:#000;
	}

.disabled {
	visibility:hidden;		
	}

.nextPage {
	float:right;
	}

.resource {
	width:480px;
	margin: 10px 15px;
	}

.resource a {
	text-decoration:none;
	color:black;
	}

.resource a:hover {
	color:#666;
	}

.resource p {
	}

ul#resource {
	margin: 0;
	padding-left: 10px;
}

.resource li {
	background-image:none;	
	}

.screenshot {
	width:150px;
	float:left;
	margin: 0 20px;
	}

a img.screenshot {
	border: 2px solid #666;
	}

a:hover img.screenshot {
	border: 2px solid maroon;
	}

.item {
	border-bottom: 1px black dotted;
	width: 470px;
	height: 85px;
	margin: 0 15px;
	padding: 5px 0;
	}

.item li {
	background-image:none;
	margin-left:20px;
	}

.item a {
	text-decoration:none;
	color:black;
	}

a .item {
	text-decoration:none;
	color:black;
	}

.item h3 {
	margin: 0;
	padding-top:10px;
	}
	
a:hover .item {
	background-color:#fffded;
	}

.item a:hover {
	background-color:#fffded;
	}

.instructions a {
	color:maroon;
	}
	
.templates {
	background-image:url(../resource_images/template.png);
	background-repeat: no-repeat;
	width:149px;
	height:169px;
	float:left;
	margin: 0 20px;
	padding:0;
	}

a:hover .templates {
	background-position: -149px 0;
	}

#download_area {
	width:400px;
	margin: 20px auto 10px;
	}

.icon {
	width:50px;
	height:50px;
	font-size:18px;
	font-weight:bold;
	font-family:sans-serif, Helvetica, Arial;
	text-align:center;
	background-color:white;
	margin-right:5px;
	float:left;
	border: 1px solid black;
	}

.icon_label {
	margin-top:15px;
	}

a:hover .icon {
	background-color:#f49f9c;
	}

.download_button {
	width:186px;
	height: 50px;
	float:left;
	border:1px solid black;
	padding:5px;
	}

a .download_button {
	color:#000;
	}

a:hover .download_button {
	background-color:#fffded;
	}

a:hover strong {
	color:maroon;
	}

.notyet {
	color:#666;
	}

.download_button img {
	float:left;
	padding:5px 5px 5px 0;
	}

.download {
	font-family:sans-serif, Helvetica, Arial;
	font-size:1.25em;
	font-weight:bold;
	color:#000;
	}

.download .pdf {
	float:left;
	padding-top:10px;
	}

#equipmentlist {
	width:400px;
	margin: 0 20px;
	}

#equipmentlist img {
	float:left;
	margin-right:10px;
	}

#equipmentlist .download {
	margin:30px 0 0 30px;
	font-weight:bold;
	font-size:1.15em;
	}

#equipmentlist .download a {
	color:black;
	}
#equipmentlist .download a:hover {
	color:maroon;
	}

.equip {
	display:block;
	width:440px;
	font-size: 1.1em;
	font-family:sans-serif, Helvetica, Arial;
	margin: 20px 30px;
	}

img.image {
	float:right;
	padding: 5px 5px 5px 10px;
	}

.release {
	border-bottom: 1px black dotted;
	width: 470px;
	margin: 0 15px;
	padding: 5px 0;
	}

.release h3 {
	padding-bottom:10px;
	}