/*******************************************************************************

 * Copyright (c) 2005, 2006 IBM Corporation and others.

 * All rights reserved. This program and the accompanying materials 

 * are made available under the terms of the Eclipse Public License v1.0

 * which accompanies this distribution, and is available at

 * http://www.eclipse.org/legal/epl-v10.html

 * 

 * Contributors:

 *     IBM Corporation - initial API and implementation

 *******************************************************************************/

/* 

 * Set up general font colours, sizes, etc.  Some of these will override

 * settings from the shared CSS 

 */

.intro-header H1 {

	font-family: Helvetica, sans-serif;

	font-size: 20px;

	color: #0A94D6;

}

#page-links a .link-label, #action-links a .link-label {

	font-size : 13pt;

	font-weight : 600;

	color : #0A94D6;

}

#page-links a p .text, #action-links a p .text {

	font-size : 13pt;

	font-weight : 500;

	color : #EEEEEE;

}

/*

 * We will not use the general-purpose group1 used in

 * other pages for a curve image.

 */

#extra-group1 {

	display : none;

}

/*

 * Set up the content for the standby page.

 */

body {

	min-width : 230px;

	/* since IE doesn't support min-width, use expression */

	width:expression(document.body.clientWidth < 230? "230px": "auto" );

	/* background-image : url(../graphics/root/background.jpg); */

	background-repeat : no-repeat;

	background-position : top left;

}

.page {

/*

	/* background-image : url(../graphics/root/brandmark.gif); */

	background-repeat : no-repeat;

	background-position : bottom left;

*/

	background-image: none;

	min-width : 230px;

	/* since IE doesn't support min-width, use expression */

	width:expression(document.body.clientWidth < 230? "230px": "auto" );

 	min-height : 610px;

	height : 100%;

	height : expression(document.body.clientHeight < 450? "450px": "100%" );

}

#extra-group1 {

	display: none;

}

/* 

 * Set up the navigation bar.  It should be centered in the middle

 * of the page

 */

#links-background { 

	width : 100%; 

 	margin-top : 10%; 

	margin-bottom : auto;

	text-align : center;

}

#page-links a {

	display : block;

	width : 220px;

	text-align : left; 

	margin-left : auto;

	margin-right : auto;

	margin-top : 0px;

	vertical-align : top;

}

#page-links a span, #page-links a p {

	display : block;

	width : 160px;

	margin : 0px;

	padding : 0px;

}

#page-links a .link-label {

	position : relative;

	left : 60px;

	top : -50px;

}

#page-links a p .text {

	position : relative;

	left : 60px;

	top : -50px;

}

#page-links a .content-img {

	visibility: hidden;

}

#page-links a img {

	height : 52px;

	width : 52px;

	vertical-align : middle;

}

#page-links a:hover,

#page-links a:focus,

#page-links a:active  { border : 0px; }

#page-links a:hover p,

#page-links a:focus p,

#page-links a:active p  { margin : 0px; padding : 0px; }

#action-links a { visibility: hidden; }

/* properties for each of the page-links  */

a#overview img { background-image : url(../graphics/icons/etool/overview48.gif); }

a#overview:hover img,

a#overview:focus img,

a#overview:active img { background-image : url(../graphics/icons/ctool/overview48.gif); }

a#tutorials img { background-image : url(../graphics/icons/etool/tutorials48.gif); }

a#tutorials:hover img,

a#tutorials:focus img,

a#tutorials:active img { background-image : url(../graphics/icons/ctool/tutorials48.gif); }

a#samples img { background-image : url(../graphics/icons/etool/samples48.gif); }

a#samples:hover img,

a#samples:focus img,

a#samples:active img { background-image : url(../graphics/icons/ctool/samples48.gif); }

a#whatsnew img { background-image : url(../graphics/icons/etool/whatsnew48.gif); }

a#whatsnew:hover img,

a#whatsnew:focus img,

a#whatsnew:active img { background-image : url(../graphics/icons/ctool/whatsnew48.gif); }

a#firststeps img { background-image : url(../graphics/icons/etool/firsteps48.gif); }

a#firststeps:hover img,

a#firststeps:focus img,

a#firststeps:active img { background-image : url(../graphics/icons/ctool/firsteps48.gif); }

a#webresources img { background-image : url(../graphics/icons/etool/webrsrc48.gif); }

a#webresources:hover img,

a#webresources:focus img,

a#webresources:active img { background-image : url(../graphics/icons/ctool/webrsrc48.gif); }

a#migrate img { background-image : url(../graphics/icons/etool/migrate48.gif); }

a#migrate:hover img,

a#migrate:focus img,

a#migrate:active img { background-image : url(../graphics/icons/ctool/migrate48.gif); }

a#workbench_img img { background-image : url(../graphics/icons/etool/wb48.gif); }

a#workbench_img:hover img,

a#workbench_img:focus img,

a#workbench_img:active img { background-image : url(../graphics/icons/ctool/wb48.gif); }