/*
 * $Header$
 *
 * File: mtc.css
 * Author: F. Schneebeli
 * Copyright: Copyright (c) Swiss Tennis 2009-2014
 *
 * April 1, 2014
 * - #bgz180: style for error on result comment.
 * $Revision$
 * $Log: not supported by cvs2svn $
 *
 */

body {
	background-color: 							#ffffff;
	margin: 									0;
	font-family: 								"Museo Sans", Arial, Helvetica, sans-serif;
	font-size: 									100%;
	background: 							linear-gradient(90deg, rgba(252,240,250,0.24271715522146353) 0%, rgba(250,250,255,1) 81%, rgba(233,219,218,0.5760504885547969) 100%);
	color: 										#323232;
}

table,tr,td {
	font-family: 								"Museo Sans", Arial, Helvetica, sans-serif;
	font-size: 									100%;
}

h1 												{ font-size: 24px; font-weight: bold;}
h2 												{ font-size: 18px; font-weight: bold;}
h3 												{ font-size: 14px; font-weight: bold;}

select {
	font-size: 									9pt;
	border: 									1px solid #c7c7c7;
	/*
	margin-left: 								14px;
	margin-right: 								14px;
	*/
}
  .erreur 										{ font-size:16px; color:#ffffff; font-weight:bold;}
/* end of added part*/

p {
	height: 									20px;
	margin-bottom: 								7px;
}

.null {}
.text {}
.textitalic 									{ font-style: italic; }
  
.inform {
	background-color: 							#ffffff;
	padding-left: 								14px;
	padding-bottom: 							40px;
}
  
.textinform {
	padding-left: 								14px;
}

.textinform2 {
	background-color: 							#ffffff;
	padding-right: 								14px;
}

.textboldpad {
	font-weight: 								bold;
	height: 									23px;
	padding-left: 								14px;
}

.textbold {
	font-weight: bold;
}

.textboldbig {
    font-weight:                                bold;
    font-size:                                  25px;
}

.textgreen 									{ color:#66cc66;}
.textboldgreen 							{ color:#66cc66; font-weight:bold;}
.textblue 									{ color:#009CA1;}
.textboldblue 							{ color:#009CA1; font-weight:bold;}
.textred 										{ color:#cc0000;}
.textboldred 								{ color:#cc0000; font-weight:bold;}
.textwhite 									{ color:#ffffff;}
.textboldwhite 							{ color:#ffffff; font-weight:bold;}
  
input {
	font-size: 									9pt;
	margin-right: 								14px;
}

input.text 										{ color:#556773; border:solid 1px #536A7A; padding: 1px 2px;}

input.box 										{ background:#66cc66;}
textarea 										{ color:#556773; border:solid 1px #536A7A; padding: 1px 2px;}

button {cursor:pointer; }
/* Buttons. See http://www.filamentgroup.com/lab/styling_the_button_element_with_sliding_doors/ */
/*button { border:0; cursor:pointer; font-weight:bold; padding:0 20px 0 0; text-align:center; width: auto; }*/
button span 									{ position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }
    /* buttons */
button.submitBtn 								{ font-weight: bold; }
   /* style exceptions for all IE browsers */
button	 										{ width:auto; overflow:visible; }

.subtitle {
	color: 										#ffffff;
	background-color: 							#333333;
	text-align: 								left;
	font-weight: 								bold;
	height: 									23px;
	padding-left: 								14px;
	padding-top: 								4px;
}

.subtitle2 {
	font-weight: 							bold;
	height: 									23px;
	background-color: 	  		#f2f2f2;
	padding-left: 						14px;
	padding-top: 							4px;
}

.errortext	{
	   color:       #cc0000;
	   font-weight: bold;
}
  
.errortextbg {
    font-weight: 							bold;
    background-color: 				red;
    color: 										white;
}
  
a 												{ color:#a80020; text-decoration: none;}
a:hover 										{ color:#a80020; text-decoration: none;}

a.text 											{ color:#a80020; text-decoration: none; }

a.text:hover 									{ color:#a80020; text-decoration:none;}
a.textboldwhite 								{ color:#ffffff; font-weight:bold; text-decoration:none;}
a.textboldwhite:hover 							{ color:#ffffff; font-weight:bold; text-decoration:underline;}
a.textgreen 									{ color:#66cc66; text-decoration:none;}
a.textgreen:hover 								{ color:#66cc66; text-decoration:none;}

a.linkgreen 									{ color:#66cc66; text-decoration:underline;}
a.linkgreen:hover 								{ color:#66cc66; text-decoration:underline;}
a.linkboldgreen 								{ color:#66cc66; font-weight:bold; text-decoration:underline;}
a.linkboldgreen:hover 							{ color:#66cc66; font-weight:bold; text-decoration:underline;}

a.textyellow 									{ color:#ff9900; text-decoration:underline;}
a.textyellow:hover 								{ color:#ff9900; text-decoration:underline;}
a.linkyellow 									{ color:#ff9900; text-decoration:underline;}
a.linkyellow:hover 								{ color:#ff9900; text-decoration:underline;}
  
a.textblue 										{ color:#99ccff; text-decoration:none;}
a.textblue:hover	 							{ color:#99ccff; text-decoration:none;}
a.linkblue 										{ color:#99ccff; text-decoration:underline;}
a.linkblue:hover 								{ color:#99ccff; text-decoration:underline;}
  
a.textred 										{ color:#FF1621; text-decoration:none;}
a.textred:hover 								{ color:#FF1621; text-decoration:none;}
a.linkred	 									{ color:#FF1621; text-decoration:underline;}
a.linkred:hover 								{ color:#FF1621; text-decoration:underline;}
  
a.textbold       								{ color:#a80020; font-weight:bold; text-decoration:none;}
a.textbold:hover 								{ color:#a80020; font-weight:bold; text-decoration:none;}
a.textboldpad      	 							{ color:#a80020; font-weight:bold; text-decoration:none; padding-left: 14px; }
a.textboldpad:hover 							{ color:#a80020; font-weight:bold; text-decoration:none; padding-left: 14px; }
      
a.textboldgreen 								{ color:#000000; font-weight:bold; text-decoration:none;}
a.textboldgreen:hover 							{ color:#66cc66; font-weight:bold; text-decoration:none;}
  
a.textboldyellow 								{ color:#ff9900; font-weight:bold; text-decoration:underline;}
a.textboldyellow:hover 							{ color:#ff9900; font-weight:bold; text-decoration:underline;}
   
a.textboldblue 									{ color:#000000; font-weight:bold; text-decoration:none;}
a.textboldblue:hover 							{ font-size:12px; color:#99ccff; font-weight:bold; text-decoration:none;}
    
a.textboldred 									{ color:#FF1621; font-weight:bold; text-decoration:none;}
a.textboldred:hover 							{ color:#FF1621; font-weight:bold; text-decoration:none;}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: none; /* hidden initially */
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

.popover {
	background: white;
	padding: 20px;
	border-radius: 8px;
	text-align: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	position: relative;
}

.close-btn-switch {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 20px;
	cursor: pointer;
	background: none;
	border: none;
}

.button-switch {
	background: blue;
	color: white;
	padding: 10px 15px;
	border: none;
	cursor: pointer;
	margin-top: 10px;
	border-radius: 5px;
}

.button-switch:hover {
	background: darkblue;
}

.realm-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
}

.realm-table th, .realm-table td {
	border-bottom: 1px solid #ddd;
	padding: 10px;
	text-align: left;
}

.realm-table th {
	color: #333;
	font-weight: bold;
}

.realm-table tr:hover {
	background-color: #f1f1f1;
}

.current-badge {
	padding: 10px 5px;
	color: green;
	font-weight: bold;
}

.switch-btn {
	color: #333;
	padding: 5px 20px;
	border: 1px solid #000;
	background: white;
	cursor: pointer;
	border-radius: 5px;
}

.switch-btn:hover {
	border: 1px solid #000;
	background: #e0e0e0;
}