/* Hide the extra div for links in the normal state. */
a .link-extra-div {
	display: none;
}

/* Link label properties */
#page-links a .link-label {
	top: -1.2em;
	color:#00507C;	
    font-family:Verdana,Arial,Helvetica;
    font-weight:bold;
}

#page-links a:hover .link-label {
	color: #69c; 
	text-decoration : underline;
}

#page-links a {
    width : 45%;
    float : left;
    margin-left : 3%; 
	margin-bottom : 35px;
}

/*
 * Set up the content for the root page.
 */
html, body {	
	overflow : auto;
	overflow-clip: rect(0, auto, auto, 0);
	background-color : none;
	background-image : url("../graphics/rootpage/background.jpg");
	background-position : top left;
	background-repeat : no-repeat;
}

#root {
    background-image : url("../graphics/rootpage/root_banner.jpg");
	background-position : top left;
	background-repeat : repeat-x;
}

#branding {
	position: absolute;
	top : 0px;
	left : 0px;
}

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

.intro-header {
    padding-top : 20px;
    margin-left : 15%;
    margin-bottom : 160px;
}

/* For the main page content's title */
.intro-header h1 {
	font-family: Verdana, Arial, Helvetica;
	color:#333333; 
	font-weight: normal; 
	letter-spacing:-0.03em;
}

#level2 {
	position: relative;
	top : 0px;
	left : 0px;
}

#level2 a span.link-label {
	position : relative;
	top : -45px;
	left : 95px;
	margin-right: 60px;
	font-family: Verdana, Arial, Helvetica; 
	font-weight: bold; 
	line-height:1.5;
	color: #00507C;
}
#level2 a p .text {
    left: 85px; 
	display : block;
	position : relative;
	top : 5px;
	margin-bottom: -25px;
	margin-right: 78px;
	font-family: Verdana, Arial, Helvetica; 
	line-height: 1.3;
}

#page-links a img {
	height : 48px;
	width : 64px;
	vertical-align : middle;
}

#page-links a span {
	display : block;
}

#page-links a span.link-label {
	position : relative;
	top : -45px;
	left : 60px;
	margin-right: 60px;
	font-family: Verdana, Arial, Helvetica; 
	font-weight: bold; 
	line-height:1.5;
	color: #00507C;
}

#page-links a p .text {
    left: 51px; 
	display : block;
	position : relative;
	top : -40px;
	margin-bottom: -25px;
	margin-right: 53px;
	font-family: Verdana, Arial, Helvetica; 
	line-height: 1.3;
}

#page-links a .background-image {
	display: none;
}

#page-links a .link-extra-div {
	display :none;
}

.content-img {
    padding-left: 15px;
}

/*
 * Not using action links.
 */
#action-links {
/*	display: none; */
}

/*
* Workbench
*/

#page-links a#workbench:hover .link-label
{
    color : #FFEC89;
    text-decoration : none;
}

#workbench p span {
    display : none;
}

* html #page-links a#workbench .content-img {
    background-image:url(../graphics/icons/ctool/wb_nav.png);
}

#page-links a#workbench .content-img {
    background-image:url(../graphics/icons/ctool/wb_nav.png);
    display:block;
    color : white;
    height:32px;
    margin:5px auto 0;
    width:32px;
    background-repeat:no-repeat;
    border-width:0;
}

#page-links a#workbench .link-label {
   position : static;
   margin-right : 0px;
   font-weight : bold;	
   color : white;
   font-family:Arial,sans-serif;
}

#page-links a#workbench .text {
   display : none;
}

#page-links a#workbench {
    position : absolute;
    right : 20px;
    top : 0px;
    width : auto;
    text-align:center;
    margin-bottom : 0px;
}

#page-links a#workbench img {
    padding : 0px;
}

#page-links a#workbench span {
    margin-top : 0px;
    line-height : normal;
}

#page-links a#workbench .link-label {
    font-size:8pt;
    color:white;
    font-weight:bold;
    text-align:center;
    margin-left: 0;
}


/* Link images */

a#basics img { background-image : url('../../images/topiclabel/ov_wbbasics48.gif'); }
a#basics:hover img { background-image : url('../../images/topiclabel/ov_wbbasics48_hov.gif'); }

a#team img { background-image : url('../../images/topiclabel/ov_teamsup48.gif'); }
a#team:hover img { background-image : url('../../images/topiclabel/ov_teamsup48_hov.gif'); }

a#gettingstarted img { background-image : url('../graphics/icons/ctool/gs_nav.png'); width : 32px; height : 32px; }
a#gettingstarted:hover img { background-image : url('../graphics/icons/ctool/gs_nav.png'); width : 32px; height : 32px; }

a#createnew img { background-image : url('../graphics/icons/ctool/cn_nav.png'); width : 32px; height : 32px; }
a#createnew:hover img { background-image : url('../graphics/icons/ctool/cn_nav.png'); width : 32px; height : 32px; }

a#perspectives img { background-image : url('../graphics/icons/ctool/ap_nav.png'); width : 32px; height : 32px; }
a#perspectives:hover img { background-image : url('../graphics/icons/ctool/ap_nav.png'); width : 32px; height : 32px; }

a#webresources img { background-image : url('../graphics/icons/ctool/wr_nav.png'); width : 32px; height : 32px; }
a#webresources:hover img { background-image : url('../graphics/icons/ctool/wr_nav.png'); width : 32px; height : 32px; }

a#workbench img { background-image : url('../../images/topiclabel/wb_nav.png'); width : 32px; height : 32px; }
a#workbench:hover img { background-image : url('../../images/topiclabel/wb_nav.png'); width : 32px; height : 32px; }

a#weblink img { background-image : url('../graphics/icons/ctool/web_link.png'); width : 48px; height : 48px; }
a#weblink:hover img { background-image : url('../graphics/icons/ctool/web_link_hov.png'); width : 48px; height : 48px; }

a#weblink2 img { background-image : url('../graphics/icons/ctool/web_link_small.png'); width : 83px; height : 48px; }
a#weblink2:hover img { background-image : url('../graphics/icons/ctool/web_link_small_hov.png'); width : 83px; height : 48px; }

a#workbench img { background-image : url('../graphics/icons/ctool/wb_nav.png'); width : 32px; height : 32px; }
a#workbench:hover img { background-image : url('../graphics/icons/ctool/wb_nav.png'); width : 32px; height : 32px; }

a#javaee_perspective img { background-image : url('../graphics/icons/ctool/j2ee_perspective.png'); width : 48px; height : 48px; }
a#javaee_perspective:hover img { background-image : url('../graphics/icons/ctool/j2ee_perspective_hov.png'); width : 48px; height : 48px; }

a#seam_perspective img { background-image : url('../graphics/icons/ctool/seam_perspective.png'); width : 48px; height : 48px; }
a#seam_perspective:hover img { background-image : url('../graphics/icons/ctool/seam_perspective_hov.png'); width : 48px; height : 48px; }

a#db_perspective img { background-image : url('../graphics/icons/ctool/db_perspective.png'); width : 48px; height : 48px; }
a#db_perspective:hover img { background-image : url('../graphics/icons/ctool/db_perspective_hov.png'); width : 48px; height : 48px; }

a#hibernate_perspective img { background-image : url('../graphics/icons/ctool/hibernate_perspective.png'); width : 48px; height : 48px; }
a#hibernate_perspective:hover img { background-image : url('../graphics/icons/ctool/hibernate_perspective_hov.png'); width : 48px; height : 48px; }

a#new_seam_project img { background-image : url('../graphics/icons/ctool/new_seam_project.png'); width : 48px; height : 48px; }
a#new_seam_project:hover img { background-image : url('../graphics/icons/ctool/new_seam_project_hov.png'); width : 48px; height : 48px; }

a#new_seam_project_by_generate_entities img { background-image : url('../graphics/icons/ctool/new_seam_project_small.png'); width : 83px; height : 48px; }
a#new_seam_project_by_generate_entities:hover img { background-image : url('../graphics/icons/ctool/new_seam_project_small_hov.png'); width : 83px; height : 48px; }

a#new_jbpm_process_project img { background-image : url('../graphics/icons/ctool/new_jbpm_process_project_small.png'); width : 83px; height : 48px; }
a#new_jbpm_process_project:hover img { background-image : url('../graphics/icons/ctool/new_jbpm_process_project_small_hov.png'); width : 83px; height : 48px; }

a#new_jsf_project img { background-image : url('../graphics/icons/ctool/new_jsf_project.png'); width : 48px; height : 48px; }
a#new_jsf_project:hover img { background-image : url('../graphics/icons/ctool/new_jsf_project_hov.png'); width : 48px; height : 48px; }

a#new_struts_project img { background-image : url('../graphics/icons/ctool/new_struts_project.png'); width : 48px; height : 48px; }
a#new_struts_project:hover img { background-image : url('../graphics/icons/ctool/new_struts_project_hov.png'); width : 48px; height : 48px; }
