/* ------------------------------- */
/* intro/css/overview/overview.css */
/* ------------------------------- */

body {
	/* Carbide branding mod */
	/* replace normal eclipse background image */
	/* background-image : url(../graphics/contentpage/overview_wtr.jpg); */
	background-image : url(../graphics/rootpage/background_carbide.jpg);
}

/* show the "selected" image for this page */
#navigation-links a#overview img, #navigation-links a#overview:hover img { 
	/* background-image : url(../graphics/icons/ctool/overview48sel.gif); */
	}


iframe {
	/* Eclipse standard */
	position:relative;
	top:16px;
	/* width:100%; */
	/* height:70%; */
	/* padding-left:10px; */
	/* Carbide branding mod */
	width: 90%;
	padding: 2px;
	height: expression(document.body.clientHeight < 600? "580px" : "99%" );
	}
	
/* mozilla scrollbar appearing off page fix */
#page-content > iframe {
	/* Eclipse standard */
	/* width: 98%; */
	padding-left: 2%;
	/* Carbide branding mod */
	width: 88%;
}	


/* 
 * Set up the Overview links to be displayed in two columns
 * that are centered in the middle of the page.
 */

#overview-links {
	text-align : left;
	width : 760px;
	/* To center in Moz (have to use text-align for IE) */
	margin : 0px auto;

}

#overview-links a { 
	width : 370px;
	text-align : left; 
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 5px;
	margin-bottom : -20px;
	vertical-align : top;
	/* Carbide branding mod */
	margin-bottom : 0px;
	background-image : url(../graphics/carbide/page-link-wide.gif);
	background-repeat:no-repeat;
	background-position : top left;
}

#overview-links > a { vertical-align : middle; }

#overview-links a img {
	height : 57px;
	width : 57px;
	vertical-align : middle;
		
}	

#overview-links a .link-label {
	display : block;
	width : 300px;
	position : relative;
	top : -50px;
	left : 60px;
}

#overview-links a > .link-label { left: 65px; }

#overview-links a p .text {
	display : block;
	width : 300px;
	position : relative;
	top : -45px;
	left : 53px;
}

#overview-links a p > .text { left: 58px; }

/* Special case for Mozilla, because the links are displayed
   in 1 vertical column instead of 2 centered columns */
#overview-links > a { 	width : 700px; }
#overview-links a > .link-label { width : 700px; }
#overview-links a p > .text { width : 700px; }

/* #overview-links a:hover { border-right : 5px; } */
#overview-links a:hover { 
	background-image : url(../graphics/contentpage/page-link-wide.gif);
}

a#basics img { background-image : url(../graphics/icons/obj48/wbbasics_obj.gif); }
a#basics:hover img { background-image : url(../graphics/icons/obj48/wbbasicshov_obj.gif); }

a#team img { background-image : url(../graphics/icons/obj48/teamsup_obj.gif); }
a#team:hover img { background-image : url(../graphics/icons/obj48/teamsuphov_obj.gif); }

/* added Carbide bullet icons here for topic */
a#carbide-blue img { background-image : url(../graphics/icons/carbide_bullet_blue.gif); }
a#carbide-blue:hover img { background-image : url(../graphics/icons/carbide_bullet_turq.gif); }

/* added Carbide application icon here for tutorials */
a#carbideapp img { background-image : url(../graphics/icons/obj48/carbideapp_obj.gif); }
a#carbideapp:hover img { background-image : url(../graphics/icons/obj48/carbideapphov_obj.gif); }