/* $Id: sotce.css,v 1.8 2006/04/19 11:48:13 just Exp $ */





/** SOTC styles */

html, body {

	scrollbar-face-color: #eeeeee;

	scrollbar-shadow-color: #000000;

	scrollbar-highlight-color: # #ffffff;

	scrollbar-3dlight-color: #000000;

	scrollbar-darkshadow-color: #eeeeee;

	scrollbar-track-color: #eeeeee;

	scrollbar-arrow-color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	margin: 0;

	overflow: hidden;

}



table {

	text-align: left;

}



a:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	font-weight: normal;

	color: #006699;

	text-decoration: none

}



a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	font-weight: normal;

	color: #CC6600;

	text-decoration: none

}



a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	font-weight: normal;

	color: #006699;

	text-decoration: underline

}



a:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	font-weight: normal;

	color: #FF9933;

	text-decoration: underline

}



table.header {

	border: 0;

	padding: 0;

	margin: 0;

	border-collapse: collapse;

	min-width: 775px;

}



table.header td {

	border: 0;

	padding: 0;

	margin: 0;

}



.sitewide {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 65%;

	font-style: normal;

	color: #000000;

	padding-right: 10px;

	font-weight: normal;

	font-variant: normal;

	letter-spacing: 1px

}



.sitewide .navigation {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	font-style: normal;

	color: #000000;

	font-weight: normal;

	font-variant: normal;

	letter-spacing: 1px

}



.sitewide .navigation a.navigationactive, .sitewide .navigation a.navigation {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	font-style: normal;

	color: #000000;

	font-weight: normal;

	font-variant: normal;

	letter-spacing: 1px

}



/* level-1 navigation */

.level1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 75%;

	font-style: normal;

	color: #FFFFFF;

	font-variant: normal;

	text-transform: none;

	line-height: normal;

	padding-left: 10px;

	background-color: black;

}



.level1 .navigation {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	font-style: normal;

	color: #FFFFFF;

	font-variant: normal;

	text-transform: none;

	line-height: normal

}



.level1 .navigation a.navigationactive, .level1 .navigation a.navigation {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	font-style: normal;

	color: #FFFFFF;

	font-variant: normal;

	text-transform: none;

	line-height: normal

}



#sotch1 {

	font-weight: bold;

	font-size: 80%;

}



#sotch2 {

	font-weight: bold;

	font-size: 80%;

	padding-left: 11px;

}



#sotcbody {

	font-family: Arial, Helvetica, sans-serif;

	clear: both;

	background-color: white;

}



#sotcmenu {

	font-size: 100%;

	width: 320px;

	bottom: 0;

	top: 0;

	height: auto;

	background-color: white;

	margin-left: 0px;

	margin-right: 4px;

	padding-left: 0px;

	padding-right: 0px;

	/* border-left: #CCCCCC 2px solid; */

	border-right: #CCCCCC 2px solid;

}



#sotcmenu h1 {

	font-weight: normal;

	font-size: 70%;

	color: white;

	background-color: #006699;

	margin: 0;

	padding: 4px;

	padding-left: 10px;

	border: 0;

	border-bottom: #cccccc 1px solid;

}



#sotcmenu h2 {

	font-weight: normal;

	font-size: 70%;

	color: black;

	background-color: #cbe9f8;

	margin: 0;

	padding: 4px;

	padding-left: 10px;

	border: 0;

	border-bottom: #cccccc 1px solid;

}



#copyright {

	font-weight: normal;

	font-size: 70%;

	text-align: center;

	color: black;

	background-color: #E1E1E1;

	margin: 0;

	padding: 4px;

	padding-left: 10px;

	border: 0;

	border-top: #cccccc 1px solid;

}



#sotcmenu img {

	border: 0;

	border-bottom: #cccccc 1px solid;

}



#staalinfo {

	font-size: 90%;

	padding: 4px;

	height: 120px;

	margin: 0;

	border-bottom: #cccccc 1px solid;

}



#staalinfo img {

	float: right;

	border: 0;

}



#imageinfo {

	font-size: 90%;

	padding: 4px;

	height: 120px;

	margin: 0;

	border-bottom: #cccccc 1px solid;

	overflow: auto;

}



#imageimg {

	width: 320px;

	height: 240px;

	border: 0;

}



#sotctextbody {

	margin: 1em;

}



#sotctrackplayer {

	visibility: hidden;

}



#sotctrackplayer img {

	vertical-align: middle;

	float: right;

	border: 0;

	width: 14px;

	height: 14px;

}



/** Overridden styles from gtwidget.css */

.medicon, .medicon a {

  width: 8px;

  height: 8px;

  clip: rect(0, 8, 8, 0);

  border: 2px solid #000000;

}



/** widget.css override */

.pn-container {

	display: none;

}



/** gtapp.css styles override */

#status, #mode, #loginstatus {

	vertical-align: middle;

 	font-weight: normal;

	color: white;

	padding-left: 10;

	padding-right: 10;

}



#status {

	color: #660000;

}



/** Needed for GMaps VML in IE */

v\:* {

  behavior:url(#default#VML);

}