.mainDiv   {background-color:#f1f1f1; color:#002e65;}
.mainDiv:hover   {background-color:#FFDB58; color:#002e65;}

.mainDivNotEvaluated   {background-color:#ffffff; color:#002e65;}
.mainDivNotEvaluated:hover   {background-color:#FFDB58; color:#002e65;}

.SearchField:focus {
outline: none;
}

.BackDiv
{
opacity: 0.3; 
filter: alpha(opacity=50); /* For IE8 and earlier */ 
display:none; 
border:1px solid lightgrey; 
background-image: url('../icons/back_small.png'); 
background-repeat: no-repeat; 
background-position: center; 
background-color:#f1f1f1; 
position:absolute; 
right:0px; 
top:0px; 
cursor:pointer; 
width:72px; 
height:30px; 
text-align: center; 
vertical-align: middle; 
line-height: 30px;
}
.BackDiv:hover   {
opacity: 1;
}

.NavigationNextDiv {
opacity: 0.5; 
filter: alpha(opacity=50); /* For IE8 and earlier */ 
border:1px solid lightgrey; 
background-color:#f1f1f1; 
position:absolute; 
left:0px; 
top:0px; 
cursor:pointer; 
width:35px; 
height:30px; 
text-align: center; 
vertical-align: middle; 
line-height: 30px; 
color:lightgrey;
}
.NavigationNextDiv:hover {
opacity: 1;
}

.NavigationPreviousDiv {
opacity: 0.5; 
filter: alpha(opacity=50); /* For IE8 and earlier */ 
border:1px solid lightgrey; 
background-color:#f1f1f1; 
position:absolute; 
left:35px; 
top:0px; 
cursor:pointer; 
width:35px; 
height:30px; 
text-align: center; 
vertical-align: middle; 
line-height: 30px; 
color:grey;
}
.NavigationPreviousDiv:hover {
opacity: 1;
}

.a2 {
color:#f1f1f1; 
background-color:#002e65; 
text-decoration:none; 
border: 1px solid black; 
border-radius: 25px; 
cursor:pointer;
}
.a2:hover   {color:#002e65; background-color:#dadada; text-decoration:none; border: 0px solid black; border-radius: 25px; cursor:pointer;}
.a2:active  {color:#002e65; background-color:#dadada; text-decoration:none; border: 0px solid black; border-radius: 25px; cursor:pointer;}



.a1:link {
    color:#9e9e9e;
    background-color:transparent;
    text-decoration:none;
}
.a1:visited {
    color:#9e9e9e;
    background-color:transparent;
    text-decoration:none;
}
.a1:hover {
    color:#9e9e9e;
    background-color:transparent;
    text-decoration:underline;
}
.a1:active {
    color:#9e9e9e;
    background-color:transparent;
    text-decoration:underline;
}

.submit {
    font-size:20px;
    border-radius:8px;
    background-color:#002e65;
    color:#e0e0e0;
    border:1px solid #555555;
    padding:4px 15px;
    width:100%;
    cursor:pointer;    
}
.submit:hover {
    background-color:#e0e0e0;
    color:#002e65;
}
.submit:active {
    background-color:#e0e0e0;
    color:#002e65;
}

.div1 {
    border: 0px solid #a1a1a1;
    padding: 0px 0px; 
    margin: 0px;
//    background: #002e65;
    background:#f1f1f1;
    width: 400px;
    height: 450px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px #888888;
//    box-shadow: 3px 3px 5px #888888;
}

.div2 {
    border: 0px solid #a1a1a1;
    padding: 0px 0px; 
    margin: 0px;
//    background: #002e65;
    background:#f1f1f1;
    width: 480px;
    height: 500px;
    border-radius: 0px;
    box-shadow: 0px 0px 5px #888888;
//    box-shadow: 3px 3px 5px #888888;
}

.genreOption{
color: #002e65;
font-weight: bold; 
cursor:pointer;
font-family:Arial; 
font-size: 12pt;
}

.genreOption:hover{
background: #002e65;
color:#f1f1f1;
font-weight: bold; 
cursor:pointer;
font-family:Arial; 
font-size: 12pt;
}

.actionType {
    border: 0px solid #a1a1a1;
    padding: 0px 0px; 
    margin: 0px;
//    background: #002e65;
//    background:#f1f1f1;
//    width: 480px;
//    height: 500px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #888888;
//    box-shadow: 3px 3px 5px #888888;
}

#rcorners1 {
    border-radius: 70px;    
    padding: 1px;
    width: 45px;
    height: 45px;    
}


.center {
    width:100%;
    height:100%;
    
    left:0px;
    top:65px;
    margin: 0px 0 0 0px;


    background-color: #ffffff;


}


table#t01 tr:nth-child(even) {
    background-color: #eee;
}
table#t01 tr:nth-child(odd) {
   background-color:#fff;
}
table#t01 th	{
    background-color: #002e65;
    color: #f1f1f1;
}

.a3 {color:#f1f1f1 !important; background-color:#002e65; text-decoration:none; border: 0px solid; border-radius: 25px;}
.a3:link    {color:#f1f1f1; background-color:#002e65; text-decoration:none; border: 0px solid; border-radius: 25px;}
.a3:visited {color:#f1f1f1; background-color:#002e65; text-decoration:none; border: 0px solid; border-radius: 25px;}
.a3:hover   {color:#002e65; background-color:#dadada; text-decoration:none; border: 0px solid; border-radius: 25px;}
.a3:active  {color:#002e65; background-color:#dadada; text-decoration:none; border: 0px solid; border-radius: 25px;}

.a4 {color:#f1f1f1; font-size:15pt; background-color:#002e65; text-decoration:none; border: 0px solid; border-radius: 5px; cursor:pointer;}
.a4:link    {color:#f1f1f1; font-size:15pt; background-color:#002e65; text-decoration:none; border: 0px solid; border-radius: 5px; cursor:pointer;}
.a4:visited {color:#f1f1f1; font-size:15pt; background-color:#002e65; text-decoration:none; border: 0px solid; border-radius: 5px; cursor:pointer;}
.a4:hover   {color:#002e65; font-size:15pt; background-color:#66abff; text-decoration:none; border: 0px solid; border-radius: 5px; cursor:pointer;}
.a4:active  {color:#002e65; font-size:15pt; background-color:#66abff; text-decoration:none; border: 0px solid; border-radius: 5px; cursor:pointer;}

.a5 {color:#f1f1f1; font-size:15pt; background-color:#ff00ff; text-decoration:none; border: 0px solid; border-radius: 5px; cursor:pointer;}
.a5:link    {color:#f1f1f1; font-size:15pt; background-color:#ff00ff; text-decoration:none; border: 0px solid; border-radius: 5px; cursor:pointer;}
.a5:visited {color:#f1f1f1; font-size:15pt; background-color:#ff00ff; text-decoration:none; border: 0px solid; border-radius: 5px; cursor:pointer;}
.a5:hover   {color:#002e65; font-size:15pt; background-color:#ffccff; text-decoration:none; border: 0px solid; border-radius: 5px; cursor:pointer;}
.a5:active  {color:#002e65; font-size:15pt; background-color:#ffccff; text-decoration:none; border: 0px solid; border-radius: 5px; cursor:pointer;}

/*p    {background-color:#002e65; color:#f1f1f1; }*/
/*p:hover   {background-color:#dadada; color:#002e65; }*/



table#t01 tr:hover { 
//background-color:#002e65; color:#f1f1f1;
background-color:#FFDB58; color:#002e65;
}



.rotate {

  /* FF3.5+ */
  -moz-transform: rotate(-90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(-90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(-90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* Standard */
  transform: rotate(-90.0deg);
}

.oldstep {
    border: 0px solid #a1a1a1;
    padding: 0px 0px; 
    background: #1F5C99;
    color: #A1A1A1; //#002e65;
    width: 85px;
    height: 71px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px #888888;
    text-align: center;
    font-weight: bold;
}

.step {
    border: 0px solid #a1a1a1;
    padding: 0px 0px; 
    background: #f1f1f1;
    color: #002e65;
    width: 85px;
    height: 71px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px #888888;
    text-align: center;
    font-weight: bold;
}

.activestep {
    border: 0px solid #a1a1a1;
    padding: 5px 5px; 
    background: #70B8FF; // #C2E0FF; // green; //#002e65;
    color: #002e65; // #f1f1f1;
    width: 85px;
    height: 71px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px #888888;
    text-align: center;
    font-weight: bold;
    z-index: 99;
}

.centertext {
    position: relative;
    top: 50%; 


  /* FF3.5+ */
  -moz-transform: rotate(-50%);
  /* Opera 10.5 */
  -o-transform: rotate(-50%);
  /* Saf3.1+, Chrome */
    -webkit-transform: translateY(-50%);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* Standard */
    transform: translateY(-50%);
}

span.highlightMandatory {
    background-color: #D6EBFF;
    border-radius: 10px;
}



  html {
        min-width: 1100px;
	//min-width: 650px;
	max-width: 100%;
	//max-width: 650px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	overflow: hidden;
//	overflow: scroll;
    }

      html, body, #map-canvas {
        height: 100%;
        margin: 0;
        padding: 0;
      }

	  /*
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
*/


// background-color:#ce2e3e; blueGray #98AFC7; 	Metallic Silver #BCC6CC; Platinum #E5E4E2; Gray7Goose #D1D0CE
// Lavender blue #E3E4FA
// Mustard #FFDB58