@font-face {
	font-family: 'KievitWeb';
	src: url('Fonts/KievitWeb.eot?4wm69k');
	src: url('Fonts/KievitWeb.eot?4wm69k#iefix') format('embedded-opentype'), url('Fonts/KievitWeb.woff?4wm69k') format('woff'), url('Fonts/KievitWeb.ttf?4wm69k') format('truetype'), url('Fonts/KievitWeb.svg?4wm69k#KievitWeb') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'KievitWeb';
	src: url('Fonts/KievitWeb-Bold.eot?4wm69k');
	src: url('Fonts/KievitWeb-Bold.eot?4wm69k#iefix') format('embedded-opentype'), url('Fonts/KievitWeb-Bold.woff?4wm69k') format('woff'), url('Fonts/KievitWeb-Bold.ttf?4wm69k') format('truetype'), url('Fonts/KievitWeb-Bold.svg?4wm69k#KievitWeb-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'PAGRevolucion';
	src: url('Fonts/pagrevolucion-webfont.eot?4wm69k');
	src: url('Fonts/pagrevolucion-webfont.eot?4wm69k#iefix') format('embedded-opentype'), url('Fonts/pagrevolucion-webfont.woff?4wm69k') format('woff'), url('Fonts/pagrevolucion-webfont.ttf?4wm69k') format('truetype'), url('Fonts/pagrevolucion-webfont.svg?4wm69k#pag_revolucionregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/** ### CAKE > **/
	.error_message
	{
		color:				red;
	}
/** < CAKE ### **/

/** ### SITE > **/


	.loginLogout a {
		color:				white;
	}

	.site
	{
		border: 			1px solid black;
		width:				990px;
		height: 			100%;
		padding:			0px;
		margin:				0px;
	}

	.site-header
	{
		border-bottom: 		1px #9A9A9A solid;
		background-image: 	url('images/MyHockey_Titelbild.jpg');
		background-color: #D3CDCD;
		border-bottom: 1px #9A9A9A solid;
		background-repeat: no-repeat;
		border: 0;
		box-sizing: border-box;
		height: 170px;
	}

	.site-title
	{
		font-family: 'PAGRevolucion';
		font-size: 40px;
		line-height: 1.1;
		left: 				160px;
		top:				40px;
		font-weight: 		normal;
		color: 				white;
		position: 			relative;
	}

	.site-address
	{
		width:				200px;
		left: 				830px;
		top:				-15px;
		position:			relative;

		font-family:		arial;
		font-size: 			10px;
	}

	.site-misc
	{
		padding:			2px;
		background-color: 	#E5E5E7;
		color:				#484848;
		border-top: 1px solid #484848;
		border-bottom: 1px solid #484848;

		font-family:		'Trebuchet MS';
		font-size: 			12px;
	}

	.site-misc a
	{
		color:				#484848;
		font-weight:		bold;

	}

	.site-misc a:hover, a:active, a:focus
	{
		color:				black;
		font-weight:		normal;
		text-decoration:	none;
	}

	.site-footer
	{
		background-color: 	#E5E5E7;
		color:				#484848;
		border-top: 1px solid #484848;

		font-family:		'Trebuchet MS';
		font-size: 			12px;
		text-align: 		center;
	}

	.site-nav
	{
		width:				175px;
		background-color:	#DBDCDE;
		vertical-align:		top;
	}

	.site-content
	{
		vertical-align:		top;
		padding-left:		15px;
		padding-top:		15px;
		padding-right:		15px;
	}
/** < SITE ### **/

/** ### PAGE > **/
	.page-title
	{
		height:				40px;
		background-image:	url('images/page-title-background.gif');

		font-size:			16px;
		font-weight:		600;
		color:				#656565;

		padding-left:		10px;
	}

	.page-subtitle
	{
		height:				26px;
		background-image:	url('images/page-subtitle-background.gif');

		font-size:			13px;
		font-weight:		600;
		color:				#656565;

		padding-left:		10px;
	}

	.page-content
	{
		padding-left:		10px;
		padding-top:		10px;
	}
/** < PAGE ### **/


/** ### TAGS > **/
	body, td, th, div
	{
		font-family:		'Trebuchet MS';
		font-size:			11px;
		color:				#000000;
	}

	table
	{
		width:				100%;
	}

	th
	{
		height:				20px;

		font-size:			12px;
		font-weight:		bold;
		color:				#7f7f7f;
	}

	/* odd table rows */
	table tr.odd th,
	table tr.odd
	{
    	background-color: 	#f0f0f0;
	}

	/* even table rows */
	table tr.even th,
	table tr.even
	{
    	background-color: #ffffff;
	}

	/* hovered table rows */
	table tr.odd:hover,
	table tr.even:hover,
	table tr.odd:hover th,
	table tr.even:hover th,
	table tr.hover th,
	table tr.hover
	{
    	background-color: #eabfbf;
	}

	/* links */
	a
	{
		color: 				#676767;
		text-decoration:	none;
	}

	a:hover
	{
		color: 				black;
		text-decoration:	underline;
	}
	
	a:active
	{
		color: 				black;
		text-decoration:	underline;
	}
/** < TAGS ### **/


/** ### NAV > **/
	.action-toolbar
	{
		/** border-top: 		solid black 1px; **/
	}

	.action-toolbar a:hover
	{
		text-decoration: 	none;
	}

	.nav-depth0
	{
		padding-top: 10px;
		font-weight:		bold;
	}

	.nav-depth0 a
	{
		font-size:			14px;

		color: 				#FA080B;
		text-decoration:	none;
	}

	.nav-depth0 a:hover
	{
		font-size:			14px;
		color: 				black;
		text-decoration:	none;
	}

	.nav-depth1
	{
		white-space: nowrap;
		padding-right:10px;
		padding-top: 2px;
	}

	.nav-depth1 a
	{
		font-size:			14px;

		color: 				black;
		text-decoration:	none;
	}

	.nav-depth1 a:hover
	{
		font-size:			14px;

		color: 				#FA080B;
		text-decoration:	underline;
	}

	.nav-depth2
	{
		white-space: nowrap;
		padding-right: 10px;
		padding-top: 2px;
	}
/** < NAV ### **/


/** ### MISCELLANEOUS > **/
	fieldset {
		border:2px solid #D2D2D2;
		background-color:#F7F7F7;
		width: 720px;
		margin: 2px;
		padding-left:10px;
		padding-bottom: 10px;
	}
	
	legend {
		padding-left: 10px;
		padding-right: 10px;
		color: black;
		font-weight: bold;
	}

	.info-box
	{
		width:				300px;
		border: 			solid black 1px;
		background-color: #EEF1F6;
		margin-left: 20px;
		padding:		5px;
	}

	.info-box-title
	{
		text-align:			left;
		font-size:			12px;
		font-weight:		bold;
	}

	.info-box table tr td
	{
		font-size:			11px;
		white-space:		nowrap;
		padding:		2px;
	}
	
	.info-box td
	{
		padding:		0px;
	}

	.info-box-label
	{
		width:100px;
	}

	.table-header
	{
		background-color:	#cfcfcf;
	}

	.table-header th
	{
		text-align:			left;
	}

	.helpsystem
	{
		width:				500px;
		height:				200px;
	}

	.helpsystem_div
	{
		position:			absolute;
		left:				350px;
		top:				250px;
		width:				500px;
		height:				300px;

		border:				solid black 1px;
		background-color:	white;
		visibility:			hidden;
		/**overflow:			scroll;**/
		z-index:			999;

		text-align:			left;
	}

	.loginoutButton {
		padding-top: 		2px;
	}

	.site-misc a.loginLogout:hover
	{
		color: black;
	}

	SPAN#languageMenu a img {
		margin-top: 2px;
		border: 1px solid #E5E5E7;
		box-sizing: border-box;
	}
    SPAN#languageMenu a img:hover {
	    border: 1px solid #484848;
    }

	/** autocomplete **/
	.ajax_autocomplete
	{
		width:				500px;
		border:				1px solid black;
		padding-top:		10px;
		padding-bottom:		10px;
		padding-right:		10px;
		background-color:	white;
	}

	.ajax_autocomplete li
	{
		margin-left:		20px;
		background-color: 	white;
	}

	.ajax_autocomplete li.selected
	{
		background-color: 	#eabfbf;
	}

	/** alerts **/
	div[name="alert"]
	{
		border:				solid red 2px;
		padding-left:		10px;
		padding-bottom:		12px;
	}

	div[name="alert"] h1
	{
		color:				red;
		font-size:			16px;
		font-weight:		bold;
	}

	.alert
	{
		font-size:			20px;
		font-weight:		bold;
		color:				black;
	}
	
	.actionImage {
		vertical-align: middle;
	}
	
	.actionDivTopRight {
		position: relative; 
		left:605px; 
		padding:2px;
		padding-left:4px; 
		margin-top:4px; 
		margin-bottom:4px; 
		background-color:#efefef; 
		width:160px; 
		border: solid 1px black;
		white-spaces: nowrap;
		text-align: left;
	}
	
	.actionDivTopRight a a:visited
	{
		color: 				#676767;
		text-decoration:	none;
	}

	.actionDivTopRight a:hover
	{
		color: 				red;
		text-decoration:	underline;
	}
	
	.actionDivTopRight a:active
	{
		color: 				red;
		text-decoration:	underline;
	}
	
	.actionDivTopRight a:focus
	{
		color: 				red;
		text-decoration:	underline;
	}
	
	TABLE.createJudicatureFormTable {
		width: 750px;	
	}
	
	SELECT#JudicatureVerteiler, INPUT#JudicatureCustomVerteiler {
		width:300px;
	}

/*Progress-Bar*/
DIV.progress, DIV.progressAppendix, DIV.progressdisposalgameblock, DIV.progressdisposalgameblock2, DIV.progressdisposalgameblock3, DIV.progressdisposalgameblock4,  DIV.progressDisposal2, DIV.progressDisposal3, DIV.progressDisposal4, DIV.progressClubObjection, DIV.progressClubObjection2, DIV.progressClubObjection3, DIV.progressClubObjection4, DIV.progressObjectionDecisionE1, DIV.progressObjectionDecisionE2, DIV.progressObjectionDecisionE3, DIV.progressVSG { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
DIV.bar, DIV.barAppendix, DIV.bardisposal, DIV.bardisposal2, DIV.bardisposal3, DIV.bardisposal4, DIV.bardisposalgameblock, DIV.bardisposalgameblock2, DIV.bardisposalgameblock3, DIV.bardisposalgameblock4, DIV.barClubObjection, DIV.barClubObjection2, DIV.barClubObjection3, DIV.barClubObjection4, DIV.barE1, DIV.barE2, DIV.barE3, DIV.barVSG { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
DIV.percent, DIV.percentAppendix, DIV.percentdisposal, DIV.percentdisposal2, DIV.percentdisposal3, DIV.percentdisposal4, DIV.percentdisposalgameblock, DIV.percentdisposalgameblock2, DIV.percentdisposalgameblock3, DIV.percentdisposalgameblock4, DIV.percentClubObjection, DIV.percentClubObjection2, DIV.percentClubObjection3, DIV.percentClubObjection4, DIV.percentE1, DIV.percentE2, DIV.percentE3, DIV.percentVSG { position:absolute; display:inline-block; top:3px; left:48%; }
	
/** < MISCELLANEOUS ### **/
	
/**
 * jQuery Dialog
 */
#dialog-confirmDecision,
#dialog-confirmObjection2, 
#dialog-confirmObjection3, 
#dialog-confirmObjection4, 
#dialog-confirmDisposal1, 
#dialog-confirmDisposal2, 
#dialog-confirmDisposal3, 
#dialog-confirmDisposal4, 
#dialog-confirmDisposalWithGameblocks1, 
#dialog-confirmDisposalWithGameblocks2, 
#dialog-confirmDisposalWithGameblocks3, 
#dialog-confirmDisposalWithGameblocks4, 
#dialog-confirmClubObjection1,
#dialog-confirmClubObjection2,
#dialog-confirmClubObjection3,
#dialog-confirmClubObjection4,
#dialog-confirmDecisionOwnFile,
#dialog-confirmObjectionOwnFile2, 
#dialog-confirmObjectionOwnFile3, 
#dialog-confirmObjectionOwnFile4, 
#dialog-confirmDisposalOwnFile1, 
#dialog-confirmDisposalOwnFile2, 
#dialog-confirmDisposalOwnFile3, 
#dialog-confirmDisposalOwnFile4, 
#dialog-confirmDisposalWithGameblocksOwnFile1, 
#dialog-confirmDisposalWithGameblocksOwnFile2, 
#dialog-confirmDisposalWithGameblocksOwnFile3, 
#dialog-confirmDisposalWithGameblocksOwnFile4,
#dialog-confirmVSGDecision,
#dialog-undoDecision,
#dialog-redoDisposal
{
	display: none;
}

#messageDiv, #messageDivObjection, #messageDivObjection1, #messageDivObjection2,  #messageDivObjection3, #messageDivDisposalStatment {
		margin-top: 10px;
		margin-bottom: -10px;
		padding-left: 2px;
		display: none;
	}

#messageDivDisposalStatment, #messageDivClubObjection {
	margin-bottom: 10px;
}

#clubWarningMessage {
	background-color : #E1C3C3;
    color: red;
	margin-top: 10px;
	margin-bottom: -10px;
	border: 1px solid red;
	padding: 10px; 
}
	
/**
 * Judicature CR 70
 */

DIV.judicature_cr70_decisions {
	margin:0;
	padding: 5px;
	padding-top: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	display: table;
	background-color: #EEEEEE;
	border: 1px solid #7F7F7F;
	width:100%;
}

DIV.judicature_cr70_decisions A IMG, IMG.judicature_cr70_normalImage {
	padding:2px;
	border: 1px solid #7F7F7F;
	/* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  
    /* IE 5-7 */
    filter: alpha(opacity=70);
  
    /* Netscape */
    -moz-opacity: 0.7;
  
    /* Safari 1.x */
    -khtml-opacity: 0.7;
  
    /* Good browsers */
     opacity:0.7;	
}

IMG.judicature_cr70_normalImage {
	padding:3px;
	border: none;
	/* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  
    /* IE 5-7 */
    filter: alpha(opacity=100);
  
    /* Netscape */
    -moz-opacity: 1.0;
  
    /* Safari 1.x */
    -khtml-opacity: 1.0;
  
    /* Good browsers */
     opacity:1.0;
}

DIV.judicature_cr70_decisions A IMG:hover {
	border: 1px solid black;
	/* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  
    /* IE 5-7 */
    filter: alpha(opacity=100);
  
    /* Netscape */
    -moz-opacity: 1.0;
  
    /* Safari 1.x */
    -khtml-opacity: 1.0;
  
    /* Good browsers */
     opacity:1.0;
}


DIV.judicature_cr70_title {
	font-weight: bold;
	clear: both;
	padding-top: 5px;
	display: block;
}

DIV.judicature_cr70_leftTopic {
	clear: left;
	float: left;
	width: 205px;
	display: block;
	margin-top: 2px;
}
DIV.judicature_cr70_rightTopic {
	float: left;
	width: 200px;
	display: block;
	margin-top: 2px;
	margin-left: 10px;
}
DIV.judicature_cr70_rightTopicUpload {
	float: left;
	width: 260px;
	display: block;
	margin-top: 2px;
	margin-left: 5px;
}

INPUT.judicature_cr70_fileUpload {
	width: 254px;
	margin: 0;
    padding: 0;
	font-family: 'Trebuchet MS';
	font-size: 11px;
	color: black;
	border: none;
	display: block;
}

BUTTON.judicature_cr70_fileUploadButton {
	width: 254px;
	border: 1px solid #7F7F7F;
	background-color: none;
	border-style: outset;
	font-family: 'Trebuchet MS';
	font-size: 11px;
	color: black;
	display: block;
	margin-bottom:2px;
	clear: left;
	margin-top: -14px;
}

BUTTON.judicature_cr70_fileUploadButton:hover {
	border: 1px solid black ;
	background-color: #7F7F7F;	
}

DIV#mainJudicatureNaviDisposals, DIV#mainJudicatureNaviDecision, DIV#mainJudicatureNaviObjection {
	float: left;
	display: block;
	margin-left: 10px;
}

DIV.redoLatestEntryDiv {
	float: right;
}

DIV.redoLatestEntryDivImg, DIV.redoLatestEntryDivTxt, #uploadAppendixForm {
	float: left;
}

DIV.redoLatestEntryDivImg {
	padding-left: 10px;
}

FIELDSET.appendixFieldset {
	border: 1px dotted black; 
	color: black; 
	width:740px;
}
#uploadAppendixForm {
	margin:0;
	margin-right: 10px;
	clear: left;
}

DIV#appendixFilePDF {
	margin:0;
	margin-top: 4px;
}

A.appendixFileLink {
	cursor: pointer;
}