body {
	background-color: #E1E1E1;
	color: #3A3A3A;
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
}

h1 {
	color: #2B4F7A; 
	font-family: Verdana, Arial, Geneva, sans-serif; 
	font-size: 16px;
	font-weight: bolder;	
}

h2 {
	color: #53698E;
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
}

h3 {
	color: #688AB0;
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bolder;
}

h4 {
	color: #565E70;
	font-family: Verdana, Arial, Geneva, sans-serif; 
	font-size: 12px;
	font-weight: bold;		
}

h6 {
	color: #3F5678;
	font-family: Verdana, Arial, Geneva, sans-serif; 
	font-size: 12px;
	font-weight: bold;		
}

.largerbold {
	font-size: 14px;
	font-weight: bold;
}

a.selectedsmall {
	color: #2E5078;
	font-size: 10px;
	font-weight: bold;	
}

a.selected {
	color: #2E5078;
	font-size: 12px;
	font-weight: bold;	
}

a.bold {
	font-size: 12px;
	font-weight: bold;	
}

a.status {
	color: #3F5678;
	font-size: 10px;
}

a.small {
	font-size: 10px;
	font-weight: normal;
}

a.smallblue {
	font-size: 10px;
	font-weight: bold;	  
	color: #53698E; 
}	

p.small {
	font-size: 10px;
	font-weight: normal;
}

p.remark {
	background-color: #CCC;
	border: 1px solid #666;
	padding: 5px;
	width: 588px;
	font-size: 10px;	
}

pre.program {
	background-color: #ffffff;
	border: 1px solid #666; 
	text-align: left;
	vertical-align: baseline;
	color: #003399;
	font-family: Consolas, "Courier New", Courier, mono;
	font-size: 12px;
	color: #555555;
	white-space: pre;
	padding: 10px;
	margin: 20px;
}

pre.sourcecode {
	background-color: #ffffff;
	border: 1px solid #666; 
	text-align: left;
	vertical-align: baseline;
	font-family: Consolas, "Courier New", Courier, mono;
	font-size: 12px;
	color: #555555;
	white-space: pre;
	padding: 10px;
	margin: 20px;
}

pre.consoleoutput {
	background-color: #B4B4B4;
	border: 1px solid #666; 
	text-align: left;
	vertical-align: baseline;
	font-family: Consolas, "Courier New", Courier, mono;
	font-size: 12px;
	color: #FFFFFF;
	white-space: pre;
	padding: 10px;
	margin: 20px;
}

code {
	text-align: left;
	font-family: Consolas, "Courier New", Courier, mono;
	font-size: 12px;
}

pre.song {
	background-color: #ffffff;
	border: 1px solid #666; 
	text-align: left;
	vertical-align: baseline;
	font-family: Verdana, Arial, Geneva, sans-serif; 
    color: black;
	font-size: 12px;
	white-space: pre;
	padding: 10px;
	margin: 20px;
}

ul {
	list-style-position: outside;
	list-style-image: url('Images/Bullet.jpg');
}

ul.small {
	list-style-position: outside;
	list-style-image: url('Images/BulletSmall.jpg');
	font-size: 10px;
	font-weight: normal;
	padding-left:10px;
	margin: 0px 0px 0px 0px;
}
ul.link {
	list-style-position: outside;
	list-style-image: url('Images/BulletSmall.jpg');
	font-size: 10px;
	font-weight: normal;
	padding-left:12px;
	margin: 0px 0px 1px 0px;
}
ul.selected {
	list-style-position: outside;
	list-style-image: url('Images/Bullet.jpg');
	font-size: 10px;
	font-weight: normal;
	padding-left:12px;
	margin: 0px 0px 1px 0px;
}
ul.linkred {
	list-style-position: outside;
	list-style-image: url('Images/BulletSmallRed.jpg');
	font-size: 10px;
	font-weight: normal;
	padding-left:12px;
	margin: 0px 0px 1px 0px;
}
ul.linkgreen {
	list-style-position: outside;
	list-style-image: url('Images/BulletSmallGreen.jpg');
	font-size: 10px;
	font-weight: normal;
	padding-left:12px;
	margin: 0px 0px 1px 0px;
}
a:link {
	color: #315E95;
} 
a:visited {
	color: #315E95;
} 
a:hover {
	color: #039;  
	font-weight:bold;
}
a:active {
	color: #03C;
}
a.black:link {
	color: #3A3A3A;
	text-decoration:none;
} 
a.black:visited {
	color: #3A3A3A;
	text-decoration:none;
} 
a.black:hover {
	color: #039;  
	text-decoration:underline;
}
a.light:link {
	color: silver;
	text-decoration:none;
} 
a.light:visited {
	color: silver;
	text-decoration:none;
} 
a.light:hover {
	color: #039;  
	text-decoration:underline;
}

table.linechar {
	font-size: 16px;
	text-indent: 8px;
	vertical-align: middle;
	font-weight: bold;
	color: #FFF;
	height: 35px;
	padding: 0px;
	border: none;
}
table.linechar[class] {
	background-image: url('Images/LineChar.png');
	background-repeat: no-repeat;
}

table.tablarge {
	font-size: 12px;
	text-indent: 8px;
	vertical-align: middle;
	font-weight: bold;
	color: #FFF;
	height: 25px;
	padding: 2px;
}
table.tablarge[class] {
	background-image: url('Images/TabLarge.png');
	background-repeat: no-repeat;
}

table.tabsmall {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	height: 20px;
	padding: Opx;
}
table.tabsmall[class] {
	background-image: url('Images/TabSmall.png');
	background-repeat: no-repeat;
}

table.tabmedium {
	background-repeat: no-repeat;
	font-size: 10px;
	text-indent: 8px;
	vertical-align: middle;
	font-weight: bold;
	color: #FFF;
	height: 26px;
	padding: 3px;
}
table.tabmedium[class] {
	background-image: url('Images/TabMedium.png');
	background-repeat: no-repeat;
}

table.button {
	font-size: 10px;
	text-indent: 1px;
	font-weight: bold;
	color: #FFF;
	height: 27px;
	width: 126px;
	padding: 1px;
}
table.button[class] {
	background-image: url('Images/ButtonNormal.png');
	background-repeat: no-repeat;
}

table.buttonhover {
	font-size: 10px;
	text-indent: 1px;
	font-weight: bold;
	color: #666;
	height: 29px;
	width: 126px;
	padding: 1px;
}
table.buttonhover[class] {
	background-image: url('Images/ButtonHover.png');
	background-repeat: no-repeat;
}

table.main {
	background-color: white;
	border: 1px solid #666;
	text-align: left;
	vertical-align: middle;
	padding: 2px;
}

table.hover {
	background-color:#A3B4C7;
	border: 1px solid #666;
	text-align: left;
	vertical-align: middle;
	padding: 2px;
	color: white;
}

table.thumbhover {
	background-color: #A3B4C7;
	border: 2px solid #2E5078;
	text-align: left;
	vertical-align: middle;
	padding: 2px;
}

table.small {
	background-color: #F8F8F8;
	border: 1px solid #666;
	text-align: left;
	vertical-align: middle;
	padding: 2px;
	font-size: 10px;
}

table.smallthumb {
	background-color: #F8F8F8;
	border: 1px solid #666;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
}

table.smallthumbhover {
	background-color: #9BB3CA;
	border: 1px solid #2E5078;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
}

tr.rowheader {
	line-height: 16pt;
	vertical-align: middle;
	background-image: url('Images/RowHeader.jpg');
	font-size: 12px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

tr.small {
  font-family: Verdana, Arial, Geneva, sans-serif; 
  font-size: 10px;
}

tr.smallbold {
  font-family: Verdana, Arial, Geneva, sans-serif; 
  font-size: 10px;
  font-weight: bold;	  
}

tr.main {
  font-family: Verdana, Arial, Geneva, sans-serif; 
  font-size: 12px;
}

tr.row1 {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
	border-width: thin;
	border-color: #999999;
	background-color: #F8F8F8;
}

tr.row2 {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
	border-width: thin;
	border-color: #999999;
	background-color: #CCC;
}

tr.hover {
	background-color: #A3B4C7;
	color: white;
	border: 1px solid #666;
}

tr.rowfooter {
	vertical-align: middle;
	background-image: url('Images/RowFooter.jpg');
	font-family: Verdana, Arial, Geneva, sans-serif; 
 	font-size: 10px;
	text-align: center;
}

tr.galleryinfo {
	vertical-align: middle;
 	font-size: 11px;
	text-align: center;
	font-weight:bold;
}

tr.thumbinfo {
	vertical-align: middle;
 	font-size: 10px;
	text-align: center;
}

form {
	color:black;
	font-size: 12px
}

div.thumbnail {
	float: left;
	width: 175px;
	height: 200px;
	padding: 4px;
}

div.thumbnailgallery {
	float: left;
	width: 200px;
	height: 180px;
	padding: 2px;
}
  
div.thumbnail p {
	text-align: center;
	font-size: 10px	
}

div.thumbnail br {
	text-align: center;
	font-size: 10px	
}

div.container {
    float: left;
	width: 100%;
}

div.screenshot {
	float: left;
	width: 180px;
	padding: 4px;
	height: 160px;
}
  
div.screenshot p {
	text-align: center;
	font-size: 10px;
}


div.thumbnailblog p {
	text-align: center;
	font-size: 10px	
}

div.headerimage {
	position: absolute;
	left: 147px;
	top: 0px;
}

div.frametoolbar {
	position: absolute;
    left: 0px; //100px;
	top: 0px;
	height: 100px;
}

div.framecenter {
    margin-top: 115px;
    margin-left: 205px; //300px;
    margin-right: 10px; //110px;
}

div.framepanels {
	position: absolute;
	left: 12px; //112px;
	top: 108px;
	width: 190px;
}

div.thumbnailphotoblog {
	float: left;
	width: 250px;
	padding: 2px;
}

div.framerightphotoblog {
	position: absolute;
	right: 12px; //112px;
	top: 110px;
	width: 280px;
}

div.framecenterphotoblog {
    margin-right: 145px; //250px;
}

abbr, acronym, .help {
	border-bottom: 1px dotted #333;
	cursor: help;
}

div.panelimage {
	position: absolute;
	left: 7px;
	width: 35px;
	height: 35px;
}

div.paneltext {
	position: relative;
	left: 40px;
	width: 120px;
	height: 10px;
    font-family: Verdana, Arial, Geneva, sans-serif; 
    font-size: 10px;
    font-weight: bold;
}

div.textpool {
	position: absolute;
	right: 7px;
	width: 400px;
	height: 20px;
	top: 103px;
}

div.logo {
	position: absolute;
	left: 10px;
	top: 20px;
	width: 127px;
	height: 56px;
}

div.logo[class] {
	background-image: url('Images/ScipBe_LogoHeader.png');
	background-repeat: no-repeat;
}

/* ============================================ */
/* SEARCH */
/* ============================================ */

a#highlight 
{
	background-color:#D9E9F0;
}

/* ============================================ */
/* BUTTONS */
/* ============================================ */

/* Footer */

a#buttonfooter {
    display: block;
    width: 270px;
    height: 28px;
	font-size:11px;
    text-decoration:none;
	color:#666;
    background-image: url('Images/ButtonFooter.png');
    margin: 0 auto;
	outline:none;
}
a#buttonfooter:hover {
    background-image: url('Images/ButtonFooterHover.png');
	color:white;
}

div#buttonicon {
  position: relative;
  top: 2px;
  left: 7px;	
}

div#buttontext {
  position: relative;
  top: -19px;
  left: 38px;	
}

a#buttonheader {
    display: block;
    width: 224px;
    height: 28px;
	font-size:11px;
    text-decoration:none;
	color:#666;
    background-image: url('Images/ButtonHeader.png');
    margin: 0 auto;
	outline:none;
}
a#buttonheader:hover {
    background-image: url('Images/ButtonHeaderHover.png');
	color:white;
}

/* Photo navigation */

a#buttonnext {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('Images/IconNext.png');
    margin: 0 auto;
	outline:none;	
}
a#buttonnext:hover {
    background-image: url('Images/IconNextHover.png');
}
a#buttonnextdisabled {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('Images/IconNextDisabled.png');
    margin: 0 auto;
	outline:none;	
}

a#buttonprev {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('Images/IconPrev.png');
    margin: 0 auto;
	outline:none;	
}
a#buttonprev:hover {
    background-image: url('Images/IconPrevHover.png');
}
a#buttonprevdisabled {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('Images/IconPrevDisabled.png');
    margin: 0 auto;
	outline:none;	
}