@import "common.css";
@import "common-caption.css";
@import "common-table.css";
@import "common-tags.css";
@import "print-layout.css";

@media screen {
	/* Layout and Color */
	body {
		background-color: #fff;
		color: #000;
		margin: 0px;
		padding: 0px;
	}

	div#content {
		width: 716px;
		position: absolute;
		text-align: justify;
		top: 10px;
		left: 40px;
		margin: 0px;
		padding: 4px;
	}

	/*
	div#content a { color: #ff0; }
	div#content a:active { color: #880; }
	div#content a:visited { color: #cfc; }
	*/

        ul#sidebar {
		font-family: sans-serif;
                position: absolute;
		border-width: 2px;
		border-style: solid;
		border-color: #000;
                top: 28px;
                left: 788px;
                margin: 0;
                padding: 0;
                width: 160px;
        }

        ul#sidebar li {
                border-width: 1px;
		border-style:  solid;
		border-color: #000;
                list-style-type: none;
                margin: 0;
                padding: 0;
        }

	ul#sidebar ul {
		padding: 0;
		margin: 0;
	}

	ul#sidebar a {
		display: block;
		color: #008;
		text-decoration: none;
		background-color: #ddd;
	}

        ul#sidebar  a:hover {
		background-color: #ffc;
                color: #000;
                text-decoration: none;
        }

	ul#sidebar li ul li {
		 text-align: right;
		 font-size: 0.8em;
		 font-weight: normal;
		border-bottom: none;
	}

	ul#sidebar li.license-logo {
		text-align: center;
	}

	ul#sidebar li.license-logo a {
		font-size: 0.8em;
		padding: 0.2em;
	}

	ul#sidebar li.license-logo img {
		border: none;
	}

	/* Image/Caption Changes */
	.img-with-caption {
        	color: black;
	        background-color: #ffd;
	}
}