﻿

.hv-speelschijf {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


.board-piece-start-style {
    background-repeat:no-repeat;
    border:0 none;
    padding:0;
    position:relative;
    /*visibility:hidden;*/
    z-index:2;
}

.hv-nummerveld 
{
	width: 15px;
	height: 15px;
	z-index: 1;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: rgba(128, 128, 128, 0);
	text-align: right;
	vertical-align: bottom;
	color:darkgray;
}


.hv-ontop {
	z-index:50;
}

.hv-total-container {
	position:relative;
	font-family:arial,helvetica,clean,sans-serif;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.231;
    border:3px black double;
	float:left;
}
.hv-board-container {
	padding: 5px;
	background-color:white;float:left;
	border-bottom:1px black solid;
}
.hv-board {
    display:block;
    overflow:hidden;
    text-align:center;
     
}
.hv-board-border {
	border:2px solid #363A3D;
	float:left;

}

.hv-board-speler-info
{
	float:left;
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size: 8pt;	
	}

.hv-speler1-flag
{
	width:100%;
	height: 100%;
	padding:1px;

}
.hv-board-speler1_info_naam
{
	float:left;
	height:20px;
	line-height:20px;
	text-align:left;
	font-family:verdana;
	overflow:hidden;
	padding-left:2px;
	font-weight:bold;
}

.hv-board-speler1_info_uitslag
{
	float:left;
	height:20px;
	line-height:20px;	
	text-align:center;
	overflow:hidden;
}

.hv-board-speler1_info_tijd
{
	float:left;
	height:20px;
	line-height:20px;	
    text-align:right;
    overflow:hidden;
}


.hv-board-speler2_info_naam
{
	float:left;
	height:20px;
	line-height:20px;	
	text-align:left;
	font-family:verdana;
	overflow:hidden;
	padding-left:2px;
	font-weight:bold;
}
.hv-speler2-flag
{
	width:100%;
	height: 100%;
	padding:1px;
}

.hv-board-speler2_info_uitslag
{
	float:left;
	height:20px;
	line-height:20px;	
	text-align:center;
	overflow:hidden;
}

.hv-board-speler2_info_tijd
{
	float:left;
	height:20px;
	line-height:20px;	
    text-align:right;
    overflow:hidden;
    
}



.hv-board-notatie
{
    background-color:white;
    float:left;
    width:150px;
    overflow: auto ;
    cursor: pointer;
    font-family: courier;
    font-size: 10pt;
    line-height: 1.2;
    border:1px solid black;
    
}

.hv-board-notatie-container
{
	background-color:white;
	float:left;
    width:150px;
	padding-top:25px;
	position:relative;
}
.hv-board-help
{
	background-color:white;
	opacity:0.9;
	position:absolute;
	zoom: 1; 
	display: block; 
	left:4px;
	top:30px;
	z-index:10;
	filter: alpha(opacity=95); 

}
.hv-board-input
{
	background-color:white;
	position:absolute;
	display: block; 
	left:4px;
	top:30px;
	z-index:10;
	background-color: silver;
	border: groove 4px black;

}

.hv-board-pdn20-output
{
	display: block; 
	background-color: #FFFFCC;
	position:relative;
	overflow:scroll;
	height:auto;
	width:300px;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
	word-wrap:break-word;
}

.hv-board-input-output {
    display: block;
    background-color: #FFFFCC;
    position: relative;
    overflow: auto;
    height: 500px;
    min-width: 150px;
    font-family: "Courier New", Courier, monospace;
}

.hv-board-gamechoice
{
	background-color:white;float:left;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
    border-bottom:1px black solid;
    width: 99%;
}
.hv-board-titlebar
{
	background-color:#242225;
	color:white;
	font-weight: bold;
	float:left;
	height:25px;
	line-height:25px;
	border-bottom: solid 1px black;
	width: 100%;
	cursor: move;
	
}

.hv-board-menu
{
	background-color:#d3d3d3;float:left;
	padding-left:5px;

}


.hv-board-photo-ph
{
	float:left;
    width:110px;
}

.hv-board-controls
{
	float:left;
	background-color:white;
	padding:5px;
}
.hv-board-live-laatstezet
{
	padding-top:5px;
	padding-left:5px;
	float:left;
	margin-top:5px;
	height:20px;
	font-size:12px;
  	background-color:Menu;
  	border:1px solid gray;

}

.hv-board-showloading
{
	background:Menu url('images/ui-anim_basic_16x16.gif');
	background-repeat:no-repeat;
	background-position:right top;
}

.hv-board-showloading-tb
{
	background:Menu url('images/loading.gif');
	background-repeat:no-repeat;
	background-position:center center;

}

.hv-board-photo-boven
{
    width:110px;
    position:relative;
    top:20px;
}
.hv-board-photo-onder
{
    width:110px;
    position:relative;
    top:35px;
}


.hv-board-hoover
{
    background:#ffffff url('images/ui-bg_glass_65_ffffff_1x400.png') repeat-x 50% 50%;
}

.hv-board-active
{
	background:#dadada url('images/ui-bg_glass_75_dadada_1x400.png') repeat-x 50% 50%;
}
.hv-selected-field
{
	border:solid 2px blue;
}

.hv-selected-extra-field
{
	border:solid 2px red;
}

.hv-droppable-field
{
	background:#dadada url('images/ui-bg_glass_75_dadada_1x400.png') repeat-x 50% 50%!important;
}

.hv-black-square, .hv-white-square{
	display:block;
	float:left;
}
.hv-black-square {
	background-color:#7B8295;
}
.hv-white-square {
	background-color:#9F9F9F;
}


.hv-from-square {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#9F9FFF none repeat scroll 0 0;
    border: solid red 2px;
}
.hv-to-square {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#557FFF none repeat scroll 0 0;
}
.hv-over-valid-square {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:green none repeat scroll 0 0;
}
.hv-over-invalid-square {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:red none repeat scroll 0 0;
}

.hv-board-close-icon
{
	position:absolute;
	top: 0px;
	right: 0px;
	background-color : White;
	border-left: solid 1px black;
	border-bottom: solid 1px black;

}
.hv-board-close-icon-disabled
{
    position:absolute;
	top: 0px;
	right: 0px;
	background-color : White;
	border-left: solid 1px black;
	border-bottom: solid 1px black;
    background-color:Gray;

}
.hv-board-window-max-icon
{
	position:absolute;
	top: 0px;
	right: 16px;
	background-color : White;
	border-left: solid 1px black;
	border-bottom: solid 1px black;
}

.hv-resizegrip
{
	cursor:nw-resize;
}

.hv-back, .hv-forward, .hv-start, .hv-end, .hv-play, .hv-stop {
	vertical-align:middle;
}

.hv-toolbar
{
    padding: 1px 0px 1px 0px;
    position:relative;
		    /*font-size: 11px;*/
}
.hv-toolbar-lastbutton
{
    position:absolute;
    right:1px;
    bottom:1px;
}
.hv-level0
{
    font-weight:normal;    
}
.hv-level0	a
{
    font-weight:bold;   
    color : black;   
    text-decoration: none;
}
.hv-level1
{
    font-weight:normal;    
}	
.hv-level1	a
{   
    color : green;   
}
.hv-level2
{
    font-weight:normal;    
}
.hv-level2 a
{
    color : blue; 
}
.hv-level3
{
    font-weight:normal;    
}
.hv-level3 a
{
    color : red;    
    font-style:normal;   
}
.hv-level4
{
    font-weight:normal;    
}	
.hv-level4 a
{
    color : orange;    
}
.hv-level5
{
    font-weight:normal;    
}	
.hv-level5 a
{
    color : purple;    
}
.hv-variantenDIV
{
    font-size:12px;
    font-family:Verdana;
}

.hv-variant-container
{
	float:left;
}

.hv_clickable_notatie
{
	cursor:pointer;
	text-decoration:underline;
}


.hv-newdata
{
}


.wrapword
{ 
	 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */ 
	 white-space: -pre-wrap;      /* Opera 4-6 */ 
	 white-space: -o-pre-wrap;    /* Opera 7 */ 
	 white-space: pre-wrap;       /* css-3 */ 
	 word-wrap: break-word;       /* Internet Explorer 5.5+ */ 
} 
.hv_notatie_save
{
    margin:0px; 
    padding:0px; 
    position:absolute;
    height: 80%;
    width:98%;
    outline: none;
    resize: none;
    overflow:auto;
}

.hv_notatie_save_buttons
{
    margin:0px; 
    padding:0px; 
    position:absolute;
    outline: none;
    resize: none;
    bottom:1px;
}

.ui-icon-blackpiece { background-position-x:0px; background-position-y:0px;width:24px; height:24px; margin-top:-12px !important; margin-left:-12px !important; background-image: url(pieceimages/blackpiece_24x24_trans.gif) !important;}
.ui-icon-whitepiece {background-position-x:0px; background-position-y:0px;width:24px; height:24px; margin-top:-12px !important; margin-left:-12px !important; background-image: url(pieceimages/whitepiece_24x24_trans.gif) !important;}
.ui-icon-blackking { background-position-x:0px; background-position-y:0px;width:24px; height:24px; margin-top:-12px !important; margin-left:-12px !important; background-image: url(pieceimages/blackking_24x24_trans.gif) !important;}
.ui-icon-whiteking { background-position-x:0px; background-position-y:0px;width:24px; height:24px; margin-top:-12px !important; margin-left:-12px !important; background-image: url(pieceimages/whiteking_24x24_trans.gif) !important;}
.ui-icon-blankpiece { background-position-x:0px; background-position-y:0px;background-image: url(pieceimages/wooddark16.png) !important;}
.ui-icon-switchside { background-position-x:0px; background-position-y:0px;background-image: url(pieceimages/switchside16.png) !important;}
.ui-icon-emptyboard { background-position-x:0px; background-position-y:0px;background-image: url(images/delete.png) !important;}


