@import url("common.css");
@import url("common_navbar.css");
@import url("examkey.css");
@import url("workbook_answers.css");

html {
	background-image: url("/art/www_background.png");
}

/*
** Tabs at top
*/
body.home div.tabs { background-image: url("/art/www_tabs_home.gif"); }
body.company div.tabs { background-image: url("/art/www_tabs_company.gif"); }
body.products div.tabs { background-image: url("/art/www_tabs_products.gif"); }
body.resources div.tabs { background-image: url("/art/www_tabs_resources.gif"); }
body.login div.tabs { background-image: url("/art/www_tabs_system_access.gif"); }

div.tabs a.home {
	top: 2px;
	left: 110px;
	width: 160px;
	height: 36px;
}

div.tabs a.company {
	top: 2px;
	left: 280px;
	width: 160px;
	height: 36px;
}

div.tabs a.products {
	top: 2px;
	left: 445px;
	width: 160px;
	height: 36px;
}

div.tabs a.resources {
	top: 2px;
	left: 610px;
	width: 160px;
	height: 36px;
}

div.tabs a.login {
	top: 2px;
	left: 775px;
	width: 160px;
	height: 36px;
}

/*
** Main area including navigation bar and content area
*/
body.home table.main { background-color: #5ecb3f; }
body.company table.main { background-color: #00a7c3; }
body.products table.main { background-color: #0090e4; }
body.resources table.main { background-color: #45b1e4; }
body.login table.main { background-color: #4acba6; }

/*
** News bar
*/
td.news { width: 200px; padding: 0 1em; background-color: #fff; }
td.news div.item { margin: 1em 0; padding: 0; }
body.home td.news div.item { border-bottom: thin dotted #489872; } 
td.news div.item div.headline { color: #666; font-size: 100%; font-weight: bold; margin: .4em 0; }
td.news div.item p { margin: .4em 0; }

/*
** Navigation bar
*/
body.company .navbar a { border-color: #009bcc; }
body.company .navbar span.bullet { color: #009bcc; }
body.home .navbar a { border-color: #489872; }
body.home .navbar span.bullet { color: #489872; }
body.login .navbar a { border-color: #1898a3; }
body.login .navbar span.bullet { color: #1898a3; }
body.products .navbar a { border-color: #0077dd; }
body.products .navbar span.bullet { color: #0077dd; }
body.resources .navbar a { border-color: #328fde; }
body.resources .navbar span.bullet { color: #328fde; }

/*
** Content area
*/
body.home .content a:link, body.home .content a:visited {
	color: #489872;
	text-decoration: none;
}

body.home .content a:hover, body.home .content a:active {
	color: #489872;
	text-decoration: underline;
}

body.company .content a:link, body.company .content a:visited {
	color: #009bcc;
	text-decoration: none;
}

body.company .content a:hover, body.company .content a:active {
	color: #009bcc;
	text-decoration: underline;
}

body.products .content a:link, body.products .content a:visited {
	color: #0077dd;
	text-decoration: none;
}

body.products .content a:hover, body.products .content a:active {
	color: #0077dd;
	text-decoration: underline;
}

body.resources .content a:link, body.resources .content a:visited {
	color: #328fde;
	text-decoration: none;
}

body.resources .content a:hover, body.resources .content a:active {
	color: #328fde;
	text-decoration: underline;
}

body.login .content a:link, body.login .content a:visited {
	color: #1898a3;
	text-decoration: none;
}

body.login .content a:hover, body.login .content a:active {
	color: #1898a3;
	text-decoration: underline;
}

body.company div.section { border-bottom: thin dotted #009bcc; }
body.company div.section div.section { border: none; }
body.company fieldset { border: solid #009bcc 1px; } 
body.company table.data td { border: thin dotted #009bcc; }
body.company table.data th { border: thin dotted #009bcc; }
body.home div.section { border-bottom: thin dotted #489872; }
body.home div.section div.section { border: none; }
body.home table.data td { border: thin dotted #489872; }
body.home table.data th { border: thin dotted #489872; }
body.login div.section { border-bottom: thin dotted #1898a3; }
body.login div.section div.section { border: none; }
body.login fieldset { border: solid #4acba6 1px; }
body.login fieldset { border: solid #4acba6 1px; } 
body.login table.data td { border: thin dotted #1898a3; }
body.login table.data th { border: thin dotted #1898a3; }
body.products div.section { border-bottom: thin dotted #0077dd; }
body.products div.section div.section { border: none; }
body.products fieldset { border: solid #0090e4 1px; } 
body.products table.data td { border: thin dotted #0077dd; }
body.products table.data th { border: thin dotted #0077dd; }
body.resources div.section { border-bottom: thin dotted #328fde; }
body.resources div.section div.section { border: none; }
body.resources dl.faq dd { border-bottom: thin dotted #328fde; }
body.resources fieldset { border: solid #45b1e4 1px; }
body.resources table.data td { border: thin dotted #328fde; }
body.resources table.data th { border: thin dotted #328fde; }
body.home div.introduction div.top { background-image: url("/art/www_box_top_home.gif"); background-repeat: no-repeat; }
body.home div.introduction div.bottom { background-image: url("/art/www_box_bottom_home.gif"); background-repeat: no-repeat; }
body.home div.introduction table { background-color: #83d49e; background-repeat: no-repeat; }
body.products div.introduction div.top { background-image: url("/art/www_box_top_products.gif"); background-repeat: no-repeat; }
body.products div.introduction div.bottom { background-image: url("/art/www_box_bottom_products.gif"); background-repeat: no-repeat; }
body.products div.introduction table { background-color: #5cc0f7; }
body.resources div.introduction div.top { background-image: url("/art/www_box_top_resources.gif"); background-repeat: no-repeat; }
body.resources div.introduction div.bottom { background-image: url("/art/www_box_bottom_resources.gif"); background-repeat: no-repeat; }
body.resources div.introduction table { background-color: #89b3ef; }
body.company div.introduction div.top { background-image: url("/art/www_box_top_company.gif"); background-repeat: no-repeat; }
body.company div.introduction div.bottom { background-image: url("/art/www_box_bottom_company.gif"); background-repeat: no-repeat; }
body.company div.introduction table { background-color: #37bdd8; }
body.login div.introduction div.top { background-image: url("/art/www_box_top_system_access.gif"); background-repeat: no-repeat; }
body.login div.introduction div.bottom { background-image: url("/art/www_box_bottom_system_access.gif"); background-repeat: no-repeat; }
body.login div.introduction table { background-color: #6bbf96; }