/* -------------------------------------------------------- */
/*                        COMPUTERS                         */
/* -------------------------------------------------------- */

body {
	margin: 0;
	padding: 0; 
	height:100%;
	background:#FFFFFF;
	font-family: 'Tahoma';
	font-size: 10pt;
	color: #505050;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	line-height: 1.2;
}

table tr td img{
	width: 100%;
	height: auto;
	max-width: 600px;
	min-width : 280px;
}

#toptop {
	position : absolute;
	top : -2500px;
}

/* --- HEADER --- */

#header {
	margin: 0;
	padding : 0 0 0 0;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 29%, rgba(173,200,221,1) 77%, rgba(134,174,204,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(29%, rgba(255,255,255,1)), color-stop(77%, rgba(173,200,221,1)), color-stop(100%, rgba(134,174,204,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 29%, rgba(173,200,221,1) 77%, rgba(134,174,204,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 29%, rgba(173,200,221,1) 77%, rgba(134,174,204,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 29%, rgba(173,200,221,1) 77%, rgba(134,174,204,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 29%, rgba(173,200,221,1) 77%, rgba(134,174,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#86aecc', GradientType=1 );	
	background-size: 100%;
	background-position: left;
	background-repeat : no-repeat;
	overflow: hidden;
}

#header_left {
	width: 50%;
	padding:  0 0 0 .5em;
}

#header_right {
	width: 50%;
	padding: .2em 1% 0 .5em;
}

#header .imglogo {
	margin: 0 0 0 0;
	width: 85%;
	max-width: 324px;
}

/* --- BANNER --- */

#banner {
	margin: 0 0 0 0; 
	padding: 0.2% 1% 0.2% 0;
	background-color: #008ac8;
	overflow: hidden;
	text-align: right;
	font-family: 'Nunito';
	font-weight: bold;
	font-size: 1.1em;
	color: #FFFFFF;
}

.content {
	margin: 5 10 0 10;
	padding: 0 2 0 0;
	background:#FFFFFF;
	background-repeat: no-repeat;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	overflow: hidden;
	color:#787878;
	text-align: justify;
	text-justify: inter-word;
}

.imgpartner {
	max-width: 180px;
}

#logincard {
	margin: 10% auto;
}

#hidelowindex{
    position:absolute;
    top: 0px;
    left: 0px;
	padding: 0 0 0 0;
	margin: 0 auto;
	width: 100%;
	height:100%;
	z-index: 900;
	/*opacity:0.2;*/
    /*filter: alpha(opacity=20);*/
    /*background-image: url('img/background_grey.png');*/
	/*background-color: #000000;*/
}

#onlowindex{
    position:absolute;
    top: 0px;
    left: 0px;
	padding: 100px 0 0 0;
	margin: 0 auto;
	width: 100%;
	height: 85%;
	z-index: 810;
	overflow: hidden;
}

#jqxbackground {
	margin-top: 25%;
	margin-left : auto;
	margin-right: auto;
	width: 450px;

}


/* --- GRID --- */

#gridtitle {
	margin: 0 -3 0 0;
	padding : 0 0 0 0;
	vertical-align: middle;
	font-family: 'Roboto', sans-serif;
	font-size: 10pt;
	color : #ffffff;
	border-radius: 1px;
    background-color: #0375a8;
    border: 1px solid #c0c0c0;
}

#gridtitle_left {
	width: 70%;
	padding:  0 0 0 5px;
	line-height:24px;
	text-align:left;
}

#gridtitle_right {
	width: 30%;
	padding: 0px 5px 0 0;
	text-align: right;
	text-align:right;
}


/* ----- CARD ----- */

.cardtitle {
	padding : 0 0 0 6px;
	line-height: 30px;
	background-color: #323232;
	vertical-align: middle;
	color : #505050; /*#ffffff;*/
	border: 1px solid #5A595B;
	background-color: #afcce3; /*d3dce3; #323232;*/	
}

.cardbody {
	padding : 0 0 0 0px;
	vertical-align: middle;
	color : #ffffff;
	border: 1px solid #5A595B;
	border-top: 1px solid #ffffff;
	background-color : #eeeeee; /*#e7eef8;*/	
}

.cardelementcaption{
	margin: 0 0 0 6px;
	padding : 5px 0 0 0;
	float: left;
	color: #505050;
}

.cardelement {
	margin-left: 100px;
}

.cardemptyline {
	height: 20px;
	margin: 0 0 0 0;
}

.cardbuttoncontainer {	
	margin: 10 0 0 10;
	padding: 0 0 10 0;
}


/* --- GRID --- */

.listbutton {
	margin: 15px 10px 0 0;
	padding: 0 10px 0 10px;
	border: 1px solid #646464;
	background-color: #e7eef8;
	border-radius: 2px;
	width: 100px;
	height: 24px;
	color: #505050;
	cursor: pointer;
}

.listbuttonback {
	margin: 15px 10px 0 0;
	padding: 0 10px 0 10px;
	border: 1px solid #646464;
	/*background-color: #e7eef8; */
	border-radius: 2px;
	width: 100px;
	height: 24px;
	color: #505050;
	background: url("img/back.png") no-repeat 10px center;
}

.delpic {
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	width: auto;
	background-color: #337ab7;
	border-radius: 3px;
	color: #ffffff;
}	

.gridbutton {
    border: 0;
    line-height: 14px;
	margin: 3px 0 0 0;
    padding: 2px;
    font-size: 8pt;
    text-align: center;
    color: #323232;
	border: 1px solid #ffffff;
}

.gridbutton:hover {
    background-color: rgba(255, 0, 0, 1);
}

.gridbutton:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}

.divlargeform {
	margin: 35px auto;
	max-width: 500px;
	overflow: hidden;
}

.divmediumform {
	margin: 65px auto;
	max-width: 350px;
}

.divnarrowform {
	margin: 65px auto;
	max-width: 250px;
}


/*------------------------*/
/* pge_login - login form */
/*------------------------*/

.divformtitle {
	padding : 0 0 0 15px;
	line-height: 30px;
	border: 1px solid #eaeaea;
	background-color: #323232;
	vertical-align: middle;
	font-size: 9pt;
	color : #ffffff;
}

	
/*------------------------*/
/* boards                 */
/*------------------------*/
	
#serieboard .title {
	min-width: 340px;
	width: 400px;
	background-color : #2e74b5;
	color: #ffffff;
	font-size: 15px;
	padding: 3px 0 3px 5px;
}

#serieboard  td {
	font-size: 13px;
	border-bottom: 1px solid #c0c0c0;	
}
	
#scoreboard .title {
	min-width: 360px;
	width: 440px;
	background-color : #a0030a;
	color: #ffffff;
	font-size: 15px;
	padding: 3px 0 3px 5px;
	border: 0;
}

#whoplaysboard .title {
	width: 450px;
	background-color : #a0030a;
	color: #ffffff;
	font-size: 14px;
	padding: 3px 0 3px 5px;
	border: 0;
}

#whoplaysboard .undertitle {
	background-color : #2e74b5;
	color: #ffffff;
	font-size: 14px;
	padding: 3px 0 3px 5px;
	border: 0;
}

#scoreboard .undertitle {
	min-width: 240px;
	background-color : #2e74b5;
	color: #ffffff;
	font-size: 14px;
	padding: 1px 0 1px 10px;
}

#scoreboard .stundertitle {
	background-color : #2e74b5;
	color: #ffffff;
	font-size: 14px;
	padding: 1px 0 1px 10px;
}

#scoreboard  td {
	min-width: 40px;
	font-size: 13px;
	background-color: #ddebf7;
	color: #585858;	
}
	
#ffgreturn {
	width: 380px;
	min-height : 200px;
	margin: 0 auto;
	padding: 0 0 15px 0;
	border: 1px solid #2e74b5;
}


/*--------------------------------------------------------------------------------
EVENT FORM
--------------------------------------------------------------------------------*/


#divEventFormScript {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
	width:540px;
	text-align: left;
	background:#edf2f7;
	padding: 10px 0 0 0;
	z-index: 2;
	border: 1px solid #808080;
	border-radius: 20px;	
}

#feventEdit {
	width:100%;
	height:100%;
	padding: 0 0 0 0;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

#feventbody {

	padding: 0 20px 0 20px;
	font-size: 11pt;
}

#feventfooter {
	min-height: 65px;
	border-top: 1px solid #dddddd;
	background: #c6d7e5;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	text-align: right;
	padding: 0 10px 0 0;
	margin: 0 0 0 0;
}

#feventEdit p {
	width: 100%;
	height: 16px;
	margin: 0px 0 3px 0;
	padding: 0 0 0 0;
	font-family: "Arial";
	font-size: 11pt;
	color: #939393;
}

#feventEdit p.caption {
	width: 100%;
	height: 16px;
	margin: 24px 0 0 0;
	padding: 0 0 0 0;
	font-family: "Arial";
	font-size: 10pt;
	font-style: italic;
	color: #7692bd;
}

#feventEdit p.right {
	width: 100%;
	height: 20px;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	font-family: "Arial";
	font-size: 10pt;
	font-style: italic;
	color: #939393;
	text-align: right;
}

#feventEdit p.title {
	width: 100%;
	height: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: "Arial";
	font-size: 11pt;
	color: #7692bd;
	text-align: center;
}

#feventEdit label {
	margin: 0 10px 0 0;
}

#feventEdit input[type=text] {
	width: 98%;
	height: 26px;
	margin: 0 0 0 0;
	padding: 0 4px 0 5px;
	font-size: 11pt;
	color: #333333;
	border: 1px solid;
	border-radius: 4px;
}

#feventEdit select{
	width: 100%;
	height: 28px;
	padding: 0 5px 0 3px;
	margin: 0 0 0 0;
	font-size: 11pt;
	color: #333333;
	border: 1px solid;
	border-radius: 4px;
}	

#feventEdit select.option{
	font-size: 11pt;
	color: #b5b5b5;
}	

#feventEdit  input[type=button] {
	width: 94px;
	height: 28px;
	font-family: "Arial";
	font-size: 11pt;
	margin: 20px 10px 0 0;
	padding: 1px 0 0 0;
	border: 1px solid;
	border-radius: 4px;
}

.bold {
	font-weight: bold;
}

.normal {
		font-weight: normal;
}


#dp {
	border: 1px solid #555555;
	margin: 0 0 0 0;
}	



input type='text' class='datepicker-here' { 
    data-language='en'; 
    data-position='right top';
	autoClose: true;	
}



	
/*--------------------------------------------------------------------------------
EVENT LIST FORM
--------------------------------------------------------------------------------*/
#divEventListForm {
height : 50px;
margin: 30px 0 0 0;
padding: 0 0 12px 0;
border: 1px solid;
}

#divEventList {
	margin: 0 0 0 0;
	padding: 10px 0 10px 10px;
	border: 1px solid #cccccc;
}	


#feventListheader{
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	background: #eeeeee;
}	

#feventListbody {
	padding: 12px 0 0 10px;
}

#feventListbody input[type=text] {
	width: 80px;
	height: 18px;
	margin: 0 22px 0 8px;
	padding: 0 0 2px 5px;
	font-size: 10pt;
	color: #333333;
	border: 1px solid #cccccc;
	border-radius: 4px;
	vertical-align: center;
	background: #eeeeee;
}	

#feventListbody select {
	height: 22px;
	padding: 0 0px 0 0px;
	margin: 4px 22px 0 8px;
	font-size: 10pt;
	color: #333333;
	border: 1px solid #cccccc;
	border-radius: 4px;
	background: #eeeeee;
}	

#feventListbody select.selecteventlistressource {
	width: 200px;
}	

#feventListbody select.selecteventlistjob {
	width: 240px;
}	

#feventListbody  input[type=button] {
	width: 94px;
	height: 22px;
	font-family: "Arial";
	font-size: 10pt;
	color: #333333;
	margin: 4px 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

/* --- BOTTOM --- */

#pagebottom {
	width: 100%;
	margin: 6em auto;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #787878;
}