body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #336699;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #333333;
	border-color: #0A246A;
	border-bottom-width: thin;
	border-right-width: thin;
	border-left-width: thin;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(83,83,83);
	line:16px; 
	letter-spacing: .5px;
	line-height: 16px;
	list-style-type: square;
	margin-left: 12px; 
}
	
a {
	color: #3366CC;
	text-decoration: none;
}

form {
}


.tableMenu {
	background-image:url('../images/jeans.jpg');
	
	width: 135px; 
	height: 310px;
		
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;

	font-weight: bold;
	border:0px solid green;
	border-spacing:2px 10px;
}
.tableMenu td {
	background-color:rgba(0,0,0,0.25);
	font-size:14px;
	height:50px;
	margin-left:20pt;
	border:0px solid red;
	padding-left:10px;
}
.tableMenu td:hover{
	text-decoration:none;
	background-color:rgba(0,68,168,0.60);
}
.tableMenu  td a {
	display: block;
	text-decoration:none;
	color: rgb(205, 205, 205);
	height:100%;
	width:100%;
}
#selected {
	color:rgb(255,255,255);
	background-color:rgba(0,68,168,1);	
}
#selected:hover{
		cursor:default;
}



.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	background-color: #006666;
	color: #DCDCDC;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  color: #006666;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #006666;
	color: #DCDCDC;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #CCCCCC;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #98A9B8;
	color: #000000;
	border: 0;
	border-color: #000000;
	
}

.titleNews {
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #98A9B8;
	margin-left:16px;
	text-align:center;
	height:24px;
	border:1px solid grey;
}

.titlePlanning {
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #ffc266;
	margin-left:16px;
	text-align:center;
	height:24px;
	border:1px solid grey;
}

a:hover {
	text-decoration: underline;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #000000;
}
.whiteonblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #000000;
}
.helpdesk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #00CC66;
	border: thin dotted #006699;
}

.info {
  letter-spacing: .5px;
  font-family: Arial Unicode MS;
  font-size: 10pt;
  color: #686868;
  vertical-align: top;
}

.currentVersion {
text-decoration: none;
text-align: center; 
vertical-align:top;
background-color:rgba(0,68,168,1);
color: rgb(225,225,225);
height:24px;
border-bottom:1px solid;
border-top:1px solid;
border-color:rgb(0,255,255);
font-weight:bold;
}

.currentVersion a {
display:block;
height:24px;
text-align:center;
vertical-align:middle;
background-color:rgba(0,68,168,1);
color: rgb(225,225,225);
}

.currentVersion a:hover {
display:block;
text-decoration: none;

background-color:rgba(100,168,168,1);
}



	/* animation setup */

	@keyframes spinner     {
    0%   {background:red;}
    50%  {background:yellow;}
    100%   {background:red;}
    }

    @-webkit-keyframes spinner {
    0%   {background:red;}
    50%  {background:yellow;}
    100%   {background:red;}
    }
	
	#stage {
    margin: 1em auto;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
	}
	
	
  #spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 6s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  #spinner:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }

  
  #blanket {
background-color:#111;
opacity: 0.65;
*background:none;
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
position:absolute;
background:url(pop-back.jpg) no-repeat;
width:400px;
height:400px;
border:5px solid #000;
z-index: 9002;
}
  
	
  }