@charset "UTF-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	text-align:center;
	background:#660000;
}


/*
 * to disable scrollbars in both IE and Mozilla
 */
html,body { overflow: hidden;}
html>body { overflow: hidden;}

/*
 * We are not using titles on this page.
 */
.intro-header {
    padding-top : 20px;
    margin-bottom : 160px;
	display : none;
}

/*
 * We will not use the general-purpose group1 used in
 * other pages for a curve image.
 */

#extra-group1 {
	display : none;
}


#page-links a .link-label, #action-links a .link-label {
	font-weight : 600;
	color : #E5E5E5;
}

#page-links a p .text, #action-links a p .text {
	font-weight : 500;
	color : #E5E5E5;
}

/*
 * Set up the content for the standby page.
 */
body {
	min-width : 250px;
	/* since IE doesn't support min-width, use expression */
	width:expression(document.body.clientWidth < 250? "250px": "auto" );
	background-repeat : no-repeat;
	background-position : top left;
	background-color : #660000;
}

.page {
	background-repeat : no-repeat;
	background-position : bottom left;
	min-width : 230px;
	/* since IE doesn't support min-width, use expression */
	width:expression(document.body.clientWidth < 250? "250px": "auto" );
 	min-height : 610px;
	height : 100%;
	height : expression(document.body.clientHeight < 450? "450px": "100%" );
}

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

#links-background { 
	position:absolute;
	left: 10px; 
	top: 10px;
	width : 100%; 
 	margin-top : 10%; 
	margin-bottom : auto;
	text-align : center;
}

#action-links a, #page-links a {
	position:absolute;
	left: 00px;
	width: 100%;
}
#action-links a, #page-links a {
	display : block;
	height:50px;
	text-align : left; 
	vertical-align : middle;
}

#action-links a span, #action-links a p , #page-links a span, #page-links a p {
	display : block;
	width : 160px;
	margin : 0px;
	padding : 0px;
}

#action-links a .link-label, #page-links a .link-label {
	position : relative;
	left : 60px;
	top : 0px;
}

#action-links a:hover .link-label  {
	color:#FCC;	
    text-decoration : none;
}

#action-links a p .text, #page-links a p .text {
	position : relative;
	left : 60px;
	top : 0px;
}

a {
    outline: none;
 }
 
a img {
    border:none;
 }
 
/* Needed in IE to get shift+tab to don't show the active image border */
a:active {
	border : none 0px;
}

#footer {
	background:url(../graphics/root4page/footer_bkg.png) repeat-x;	
	height:42px;
	position:absolute;
	bottom:0;
	right:0;
	padding-left:9999px;
	padding-top:29px;
}

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

#logos {
	background:url(../graphics/root4page/logos.png) no-repeat;
	position:relative;
	bottom:0;
	right:0;
}

/*#action-links a:hover,
#action-links a:focus,
#action-links a:active,*/
#page-links a:hover,
#page-links a:focus,
#page-links a:active  { border : 0px; }

/*#action-links a:hover p,
#action-links a:focus p,
#action-links a:active p,*/
#page-links a:hover p,
#page-links a:focus p,
#page-links a:active p  { margin : 0px; padding : 0px; }

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

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

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

a#gettingstarted {
	color: #FFFFFF;
    display: block;
    font-weight: bold;
	background:url(../graphics/root4page/icon-gettingstarted-sml.png) no-repeat left 0px;
	width: 100%;
}

#action-links a {
	background-position:00px 0px !Important;
}
#action-links a:hover {
	background-position:00px -96px !Important;
}

a#createnew img { 
	background: url('../graphics/root4page/icon-createnew-sml.png') no-repeat; 
	width : 50px; height : 50px;
	background-position: center -96px; 
}
a#createnew:hover img { 
	background: url('../graphics/root4page/icon-createnew-sml.png') no-repeat; 
	width : 50px; height : 50px;
	background-position: center 0px; 
}

a#perspectives img { 
	background: url('../graphics/root4page/icon-perspectives-sml.png') no-repeat; 
	width : 50px; height : 50px;
	background-position: center -96px; 
}
a#perspectives:hover img { 
	background: url('../graphics/root4page/icon-perspectives-sml.png') no-repeat; 
	width : 50px; height : 50px;
	background-position: center 0px; 
}

a#webresources img { 
	background: url('../graphics/root4page/icon-webresources-sml.png') no-repeat; 
	width : 50px; height : 50px;
	background-position: center -96px; 
}
a#webresources:hover img { 
	background: url('../graphics/root4page/icon-webresources-sml.png') no-repeat; 
	width : 50px; height : 50px;
	background-position: center 0px; 
}

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; }
