A:link
{ text-decoration: underline; color:#B38D27; }
A:visited
{ text-decoration: underline; color:#B38D27; }
A:active
{ text-decoration: underline; color:#FFE6A1; }

A:link.cluelinks 
{ text-decoration: underline; color:BLACK; }
A:visited.cluelinks 
{ text-decoration: underline; color:#555555; }
A:active.cluelinks 
{ text-decoration: underline; color:RED; }
A:hover.cluelinks 
{ text-decoration: underline; color:BLACK; }

.hiddenImagePanel {
   position:absolute;
   top:-1000px;
   left:-1000px;
}

.inventory{
background-color:#996650;
background-image:url(../GameTextures/Inventoryback.jpg);
}		

.picturePopUp {   background-color: #663300; }
.popup_border { border: ridge thick #999}

.TitleBarLeft {
 background-color: #eeeeee; 
 background-image: url(../GameTextures/TitleStrip.jpg);
 background-repeat: repeat-x;
}
.TitleBarRight {
 background-color: #eeeeee; 
 background-image: url(../GameTextures/TitleStrip.jpg);
 background-repeat: repeat-x;
}

.ScoreBox { z-Index:  200;
background-color:#592d24;
color:#FFEEEE;
border-left: solid;
border-top: solid;
border-right: solid;
}

.MusicBoxDropDownLabel
{
color:#FFFFFF;
text-shadow:1px 1px 2px #999999;
}
.MusicBoxDropDownPanel
{
background-color:#4C251F;
background-image:url(../GameTextures/ccldarkredback.jpg);
border-color:#DDDDDD #DDDDDD #BBBBBB;
color:#FFFFFF;
border-style: none solid solid;
text-shadow:1px 1px 2px #999999;
border-width:0 1px 1px;
padding-left:3px;
padding-right:3px;
}
.MusicBoxDropDownHover
{
background-color:#CCCCFF;
color:#FFFFFF;
opacity:1;
padding-left:3px;
padding-right:3px;
text-decoration:none;
}
.musicControllcontainer { 
color: #ffffff; 
background-image:url(../GameTextures/cuypersfm.jpg) ;
border-style:solid none;
border-width:1px
}

.clueHeader { z-Index:  200;
background-color:#592d24;
color:#FFEEEE;
padding: 2px;
border-left: solid;
border-right: solid;
}

.clueBox {
}

.clues {
color:#000000;
z-index:5000;
}

.CluesBack {

background-color:#c09a8a;
padding: 3px;
}
.CluesRight {
background-image: url(../GameTextures/hintspaper_holes.jpg);
}
.CluesBottom {
background-color:#c09a8a;
}
.CluesBottomRight {
background-image: url(../GameTextures/hintspaper_holes.jpg);
}
.CluesTopLeft{
background-image: url(../GameTextures/ClueBoxTopLeft.png);
}
.CluesTopMid{
background-image: url(../GameTextures/ClueBoxTopMiddle.png);
background-repeat: repeat-x;
}
.CluesTopRight{
background-image: url(../GameTextures/ClueBoxTopRight.png);
}
.CluesMidRight{
background-image: url(../GameTextures/ClueBoxMidRight.png);
background-repeat: repeat-y;
}
.CluesMidLeft{
background-image: url(../GameTextures/ClueBoxMidLeft.png);
background-repeat: repeat-y;
}
.CluesBottomLeft{
background-image: url(../GameTextures/ClueBoxBottomLeft.png);
background-repeat: no-repeat;
}
.CluesBottomMid{
background-image: url(../GameTextures/ClueBoxBottomMid.png);
background-repeat: repeat-x;
}
.CluesBottomRight{
background-image: url(../GameTextures/ClueBoxBottomRight.png);
background-repeat: no-repeat;
}


.image80per   { position: absolute;  width: 100%; height: auto }

.Feedback {
background-color:#000000;
text-shadow:0 0 4px #229922;
color:#33CC99;
font-size:110%;
height:70px;
padding:3px;
z-index:200;
overflow:auto;
}

.FeedbackText {
color:#33CC99;
font-size:110%;
text-shadow:0 0 4px #229922;
line-height:1;
position:relative;
bottom:5px;
}


.DefaultTopBar  { color: #ffffff;  background-image: url(../GameTextures/ccldarkredback.jpg)}
.notepadback  {   background-color: #eeeeee; background-image: url(../GameTextures/NotepadBackground.jpg) }
.loginback  {   background-color: #e4c06b; background-image: url(../GameTextures/loginbox_back.jpg) }
.Scroll {  background-image: url(../GameTextures/Scrolltexture.jpg)  }

.MessageHistoryReplyStyle { 
color: #1a7; 
text-shadow:0 0 4px #229922;
font-size:115%;
}

.hackerstyle { color: #093; width: 100%; height: 100% }


.secretsback { background-image: url(../GameTextures/eiachtergrondc.jpg) };

.ScoreBox {
z-index:200;

}

.ScoreBoxZD {
z-index:200;
height:56px;
}

.ScoreLabel { font-size: x-large; font-weight: Bold; color:#EECCCC; 
 font-size: 135% }

.strike_blue { background-color: #8691ca }
.strike_white { background-color: #dff3ff }
.strike_purple { background-color: #6d6288 }

.ShadowLower  { background-image: url(../GameTextures/shadows/Shadow_grad.png); background-repeat: repeat-x }
.ShadowCorner { background-image: url(../GameTextures/shadows/Shadow_grad_corner.png); background-repeat: no-repeat }
.ShadowLeft  { background-image: url(../GameTextures/shadows/Shadow_grad_rot.png); background-repeat: repeat-y }
.ShadowTopLeft  { background-image: url(../GameTextures/shadows/Shadow_grad_topleft.png); background-repeat: no-repeat; background-position: 0 100% }
.ShadowBottomRight  { background-image: url(../GameTextures/shadows/Shadow_grad_bottomright.png); background-repeat: no-repeat; background-position: 0 0% }

.bold { font-weight: Bold }

.chapterlist_tab { background: #c27676; text-align: left; margin: 3px 3px 3px 0; padding: 5px 10px 5px 0; left: 3px }
.chapterlist_tab_selected   { background: #800000; text-align: left; margin: 3px 3px 3px 0; padding: 5px 10px 5px 0; left: 3px }

.chapterlist_tab_tr    { background: url(../images/corner.png) no-repeat -6px -55px; margin-left: -6px; width: 12px; height: 67px; overflow: hidden }
  
.chapterlist_tab_br   { background-image: url(../images/corner.png) }

.standard_message    { background-color: #fc9; background-image: url(../yellowback.jpg); background-repeat: repeat; background-position: 0 100%; width: 100%; height: 100%;  z-Index: 150 }
.standard_message_back     { background-color: #fc9; background-image: url(../yellowback.jpg); background-repeat: repeat; background-position: 0 100%; text-align: center ;  z-Index: 150  }



.gwt-DecoratedTabBar .gwt-TabBarRest {
}
.gwt-DecoratedTabBar .gwt-TabBarItem {
  border-collapse: collapse;
  margin-left: 6px;
}

.gwt-DecoratedTabBar .tabTopCenter  { background-image: url(../bup.png); padding: 0;  height: 15px; }
.gwt-DecoratedTabBar .tabTopLeft,
.gwt-DecoratedTabBar .tabTopRight {
  padding: 0px;
  zoom: 1;
}
.gwt-DecoratedTabBar .tabTopLeftInner{
 background-image: url(../upleft.png);
  width: 15px;
  height: 15px;
  overflow: hidden;
}
.gwt-DecoratedTabBar .tabTopRightInner {
  background-image: url(../upright.png);
  width: 15px;
  height: 15px;
  overflow: hidden;
}
.gwt-DecoratedTabBar .tabMiddleLeft{
  width: 15px;
  height: 15px;
  overflow: hidden;
 
  background-image: url(../left.png);
}
.gwt-DecoratedTabBar .tabMiddleRight {
  width: 15px;
  height: 15px;
  overflow: hidden;
  background-image: url(../bright.png);
}
.gwt-DecoratedTabBar .tabMiddleLeftInner,
.gwt-DecoratedTabBar .tabMiddleRightInner {
  width: 15px;
  height: 15px;
}
.gwt-DecoratedTabBar .tabMiddleCenter {
  padding: 1px 1px 1px 1px;
  text-shadow:0 0 5px #BBBB88;
  background-image: url(../yellowback.png);
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
  background-image: url(../bupf.png);
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft{
  background-image: url(../leftf.png);
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
  background-image: url(../brightf.png);
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
  cursor: default;
  background: #fbf7e0;
}

* html .gwt-DecoratedTabBar .tabTopLeftInner {
  width: 15px;
  height: 15px;
  background-image: url(../upleft.png);
}

* html .gwt-DecoratedTabBar .tabTopRightInner {
  width: 15px;
  height: 15px;
  overflow: hidden;
  background-image: url(../upright.png);
}

* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeftInner {
  width: 15px;
  height: 15px;
  overflow: hidden;
  background-image: url(../upleftf.png);
}
* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRightInner {
  width: 15px;
  height: 15px;
  background-image: url(../uprightf.png);
}
.gwt-TabPanel {
}
.gwt-TabPanelBottom {
  border-color: #466954;
  border-style: solid;
  border-width: 2px 2px 2px;
  overflow: hidden;
  padding: 0px }

.fader { z-Index: 1010; background-color: #171d18; width: 100%; height: 100%; filter: alpha(opacity=65); opacity: 0.65 }

.overlay { background-color: black}
.overflowscroll { overflow: scroll }

.maintextsettings { padding: 9px; font-size: larger; text-shadow:3px 3px 4px #BBBB99; font-family:Century Gothic; }
.backgroundtexture1 {  background-image: url(../GameTextures/backtexture1.jpg); padding: 9px; font-size: larger }
.backgroundtexture2 {  background-image: url(../GameTextures/backtexture2.jpg); padding: 9px; font-size: larger }
.backgroundtexture3 {  background-image: url(../GameTextures/backtexture3.jpg); padding: 9px; font-size: larger }

@font-face {
font-family: Century Gothic;
src: url('fonts/GOTHIC.TTF') format("truetype");
}
@font-face {
	font-family: Century Gothic;
	font-weight: bold;
	src: url('fonts/GOTHICB.TTF');
}

@font-face {
	font-family: Century Gothic;
	font-style: italic;
	src: url('fonts/GOTHICI.TTF');
}

@font-face {
	font-family: Century Gothic;
	font-style: italic;
	font-weight: bold;
    src: url('fonts/GOTHICBI.TTF');
}

html, body { 
height: 100%;
margin: 0; 
padding: 0;
                scrollbar-arrow-color: #2F4B39;
                scrollbar-track-color: #FDF0CE;
                scrollbar-darkshadow-color:black;
                scrollbar-face-color:#466954;
                scrollbar-highlight-color:#609374;
                scrollbar-shadow-color:#2F4B39;
}