/*
	YPSO Stylesheet
	Created: 17 August, 2006
	
	Author: Heikki Gruner
	
	General sitewide styles.
*/




/* ------------------------------------------------------------ */
/* ---------- YPSO CSS STYLESHEET ----------------------------- */
/* ------------------------------------------------------------ */



/* ------------------------------------------------------------ */
/* ---- BASIC ITEMS ------------------------------------------- */
/* ------------------------------------------------------------ */
body {
	margin: 0px;
	
	font-size: 10pt;
	
	background-color: #AE9E66;
	background-image: none;
}

a { text-decoration: none; }
a:link,a:visited { color: #0000FF }
a:hover { color: #FF0000; }


/* ------------------------------------------------------------ */
/* ---- TOP LEVEL ELEMENTS ------------------------------------ */
/* ------------------------------------------------------------ */
div.siteHeader {
	height: 79px;
	
	border-bottom: 1px solid black;

	background-color: #C6E3F6;
	background-image: url( /images/baseHeader.jpg );
	background-repeat: repeat-y;
}

table#tableBase {
	max-width: 800px;
	font-family: Tahoma;
}

td#siteSideBar {
	border-right: 1px solid black;
	
	background-color: #575757;
	background-image: url( /images/baseSideBar.jpg );
	background-repeat: repeat-x;
}

td#siteMainBody {
	background-color: #FFFFFF;
	background-image: none;
}

td#shadowAreaRight {
	background-image: url( /images/baseSiteEdge.gif );
	background-repeat: repeat-y;
}
td#shadowAreaBottom {
	background-image: url( /images/baseSiteEdgeBottom.gif );
	background-repeat: repeat-x;
}
td#shadowAreaCorner {
	background-image: url( /images/baseSiteEdgeCorner.gif );
	background-repeat: no-repeat;
}






/* ------------------------------------------------------------ */
/* ---- SITE HEADER ------------------------------------------- */
/* ------------------------------------------------------------ */
div.siteTitle {
	font-family: tahoma;
	font-size: 24pt;
	
	padding-top: 5px;
	padding-left: 220px;
}

img#siteLogo {
	position: absolute;
	left: 18px;
	top: 5px;
}








/* ------------------------------------------------------------ */
/* ---- MAIN BODY --------------------------------------------- */
/* ------------------------------------------------------------ */
div.siteMainBody {
}

div.siteMainBody div.bodyHeader {}

div.siteMainBody div.bodyHeader img.bodyHeaderImage {
	margin: 0px;
	padding: 0px;
	/*border-top: 1px solid #FFFFFF;*/
	/*border-right: 1px solid #999999;*/
	border-bottom: 1px solid #777777;
	/*border-left: 1px solid #FFFFFF;*/
}

div.siteMainBody div.bodyHeader div.pageTitle {
	margin-top: -5px;
	padding-left: 10px;
	font-family: tahoma;
	font-weight: bold;
	font-size: 12pt;
	
	border-top: 1px solid #AAAAAA;
	/*border-right: 1px solid #999999;*/
	border-bottom: 2px solid #555555;
	/*border-left: 1px solid #AAAAAA;*/
	
	color: #EEFFEE;
	background-color: #FFE447;
	background-image: url( /images/pageHeader.jpg );
	background-repeat: repeat-y;
}

div.siteMainBody div.bodyContainer {
	min-height: 500px;
	
	background-image: url( /images/baseBody.jpg );
	background-repeat: no-repeat;
	background-position: top left;
}

div.siteMainBody div.bodyContainer div.bodyContainerHeadPlacer {
	padding-top: 10px;
}




/* ---------- Static Data Display ----------- */
div.siteMainBody div.bodyContainer div.staticBox {
	margin-top: 20px;
	margin-left: 25px;
	width: 560px;
	
	text-align: right;
	
	/*border-top: 1px solid #444444;*/
	/*border-right: 1px solid #555555;
	border-bottom: 2px solid #777777;*/
	/*border-left: 1px solid #444444;*/
}

div.siteMainBody div.bodyContainer div.staticBox div.staticBoxHeader {
	font-size: 24px;
	font-weight: bold;
}

div.siteMainBody div.bodyContainer div.staticBox div.staticBoxBody {
}

div.siteMainBody div.bodyContainer div.staticBox div.staticBoxFooter {
	clear: both;
}

div.siteMainBody div.bodyContainer div.staticBox div.staticBoxButtonContainer {
	float: right;
	
	width: 175px;
	margin-top: 0px;
}

div.siteMainBody div.bodyContainer div.staticBox div.staticBoxButton {
	float: right;
	width: 220px;
	height: 18px;
	
	margin-top: 5px;
	
	text-align: center;
	font-family: verdana;
	font-weight: bold;
	
	border-top: 1px solid #777777;
	border-right: 1px solid #333333;
	border-bottom: 2px solid #666666;
	border-left: 1px solid #555555;
	
	color: #FFFFFF;
	background-color: #AE8D00;
	background-image: none;
	
	cursor: pointer;
}

div.siteMainBody div.bodyContainer div.staticBox div.staticBoxButton.mouseOver {
	background-color: #9A7144;
}




/* ---------- Information Box --------------- */
div.siteMainBody div.bodyContainer div.infoBox {
	
	margin-top: 40px;
	margin-left: 25px;
	width: 560px;
	
	/*border-top: 1px solid #444444;*/
	border-right: 1px solid #555555;
	border-bottom: 2px solid #777777;
	/*border-left: 1px solid #444444;*/
}
div.siteMainBody div.bodyContainer div.infoBox div.infoBoxHeader {
	padding: 2px 2px 2px 10px;
	
	border-top: 1px solid #CCCCCC;
	/*border-right: 1px solid #555555;*/
	border-bottom: 1px solid #888888;
	border-left: 1px solid #AAAAAA;
	
	font-family: Tahoma;
	font-weight: bold;
	font-size: 10pt;
	
	background-color: #AABBCC;
}

div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody {
	padding: 5px 10px 5px 15px;
	
	/*border-top: 1px solid #CCCCCC;*/
	border-right: 1px solid #AAAAAA;
	/*border-bottom: 1px solid #888888;*/
	border-left: 1px solid #BBBBBB;
	
	background-color: #EEEEEE;
}

div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody div.infoBoxBodyHeader {}

div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody div.infoBoxBodyFooter {
	clear: both;
	margin-top: 20px;
	font-size: 7pt;
	font-style: italic;
	text-align: right;
}

div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody div.infoBoxBodyText {
	/*text-indent: 15px;*/
}

div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody div.infoBoxBodyText p {
	margin-top: 10px;
	margin-bottom: 10px;
}



div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody div.infoBoxBodyText div.indentedBlock {
	margin-left: 30px;
	text-indent: 0px;
}


div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody img {
	margin: 10px 10px 5px 0px;

	border-top: 1px solid #999999;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #888888;
	border-left: 1px solid #777777;
}
div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody img.leftAlign { float: left; margin: 10px 10px 5px 0px; }
div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody img.rightAlign { float: right; margin: 10px 4px 5px 10px; }




div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody div.infoBoxBodyButtons div.downloadItem {
	float: left;
	width: 260px;
	
	margin-bottom: 5px;
	padding: 2px 18px 2px 2px;
	border: 1px solid black;
	
	text-align: center;
	
	color: #FFFFFF;
	background-color: #004565;
	cursor: pointer;
}

div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody div.infoBoxBodyButtons div.downloadItem.mouseOver { background-color: #765611; }




div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody form.infoBoxForm {
	margin: 5px 0px 20px 20px;
	font-family: monospace;
}

div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody form.infoBoxForm div.infoBoxFormItem {
	margin-bottom: 5px;
}

div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody form.infoBoxForm div.infoBoxFormItem input.textInputSingleLine {
	width: 250px;
}

div.siteMainBody div.bodyContainer div.infoBox div.infoBoxBody form.infoBoxForm input.infoBoxFormSubmitButton {
	float: right;
}
















/* ---------- FOOTER ----------------- */
div.siteMainFooter {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
}