body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width:100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  color: #333;
  background-color: #ffffff;
  font-family: verdana,arial, sans-serif;
  font-size: 12px;
  font-weight:normal;
  text-align:left;
}
a, .href {  
  font-family:Verdana,Arial,sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#060;
  text-decoration:none;
}
a:hover, a:active, .href:hover {
  font-family:Verdana,Arial,sans-serif;
  color: #000;
  text-decoration: underline;
  cursor:pointer;
}
a.footer {
  font-size:9px;
  font-weight:normal;
  color:#333;
}
.hide {
  visibility:hidden;
  display:none; 
}
input {
  font-family: verdana,arial, serif;
  font-size: 12px;
  font-weight:normal;
  text-align:left;
  color: #333;
}

span.photos {
  display:inline-block;
  margin:0px;
  margin-top:30px;
  vertical-align:top;
  text-align:center;
  width:45%;
  max-width:45%;
  height:98%;
}

@media (orientation:portrait) {
span.photos {
  display:block;
  margin:0px;
  padding-left:0px;
  padding-top:0px;
  vertical-align:top;
  text-align:center;
  width:100%;
  max-width:100%;
  height:50%;
}
}
@media (orientation:landscape) and (max-width: 900px) {
span.photos {
  display:inline-block;
  margin:0px;
  margin-top:0px;
  vertical-align:top;
  text-align:center;
  width:45%;
  max-width:45%;
  height:98%;
}
}


div.photoGallery {
  margin:auto;
  vertical-align:top;
  padding:0px;
}

@media (orientation:landscape) and (max-width: 900px) {
div.photoGallery {
  margin:0px;
  vertical-align:top;
  width:50%;
  max-width:50%;
  height:auto;
  padding:0px;
}
}
@media (orientation:portrait) and (max-width: 450px) {
div.photoGallery {
  margin:0px;
  vertical-align:top;
  width:100%;
  max-width:100%;
  height:auto;
  padding:0px;
}
}

div.photoGalleryBox {
  position:relative;   
  width:450px;
  height:253px;
  margin:0px;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
}

@media (max-width: 450px) {
div.photoGalleryBox {
  position:relative;   
  width:100%;
  max-width:100%;
  height:auto;
  margin:0px;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
}
}
@media (max-width: 900px) and (orientation:landscape) {
div.photoGalleryBox {
  position:relative;   
  width:100%;
  max-width:100%;
  height:auto;
  margin:0px;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
}
}

span.cpID{
  color:#FFF;
  background-color:#FFF;
}
span.navImg {
  margin-top:auto;
  margin-bottom:auto;
  font-size:20px;
  font-weight:bold;
  cursor:pointer;
}

img.navImg {
  display:inline;
  margin-top:auto;
  margin-bottom:auto;
  width:75px;
  height:125px;
  cursor:pointer;
  border:0px;
  opacity:.65;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /* IE 8 - has to go first */
  filter: alpha(opacity = 65); /* IE 5, 6, 7 */
}

#divOverlayPhotoLargePrev, #navImgPrev {
  display:inline-box;
  position:absolute;
  left:0px;
  top:0px;
  z-index:50;
  width:100px;
  height:100%;
  cursor:pointer;
  border:0px;
  opacity:.50;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 - has to go first */
  filter: alpha(opacity = 50); /* IE 5, 6, 7 */
  background-image: url('http://www.cenact.net/images/picPrev.png');
  background-repeat: no-repeat;
  background-position: center center;
}
#divOverlayPhotoLargeNext, #navImgNext {
  display:inline-box;
  position:absolute;
  right:0px;
  top:0px;
  z-index:50;
  width:100px;
  height:100%;
  cursor:pointer;
  border:0px;
  background-image: url('http://www.cenact.net/images/picNext.png');
  background-repeat: no-repeat;
  background-position: center center;
  opacity:.50;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 - has to go first */
  filter: alpha(opacity = 50); /* IE 5, 6, 7 */
}
img.photoSmall {
  width:150px;
  height:84px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:2px;
}
img.photo450 {
  display:inline;
  width:450px;
  height:253px;
  margin:5px;
  vertical-align:middle;
}
img.photo450cMemGallery {
  display:inline;
  width:450px;
  height:253px;
  margin:5px;
  vertical-align:middle;
}

@media (orientation:landscape) and (max-width: 900px) {
img.photo450cMemGallery {
  display:inline;
  width:100%;
  max-width:100%;
  height:auto;
  padding:0px;
  margin:0px;
  vertical-align:middle;
}
}

@media (orientation:portrait) and (max-width: 450px) {
img.photo450cMemGallery {
  display:inline;
  width:100%;
  max-width:100%;
  width:100vw;
  max-width:100vw;
  height:auto;
  padding:0px;
  margin:0px;
  vertical-align:middle;
}
}

img.photoBoxMap {
  width:10px;
  height:20px;
  margin-left:-10px;
  margin-right:10px;
  margin-bottom:20px;
  margin-top:-20px;
}
img.markerCMem {
  width:25px;
  height:47px;
  margin-left:-12px;
  margin-right:12px;
  margin-bottom:47px;
  margin-top:-47px;
  cursor:pointer;
  opacity:.80;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 - has to go first */
  filter: alpha(opacity = 80); /* IE 5, 6, 7 */
}
img.markerCQuizQ {
  width:30px;
  height:30px;
  margin-left:-15px;
  margin-right:15px;
  margin-bottom:15px;
  margin-top:-15px;
  cursor:pointer;
  opacity:.80;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 - has to go first */
  filter: alpha(opacity = 80); /* IE 5, 6, 7 */
}
div.numberCQuizQ {
  width:25px;
  height:16px;
  margin-left:-14px;
  margin-right:14px;
  margin-bottom:8px;
  margin-top:-8px;
  text-align:center;
  vertical-align:middle;
  font-size:11px;
  font-weight:bold;
  cursor:pointer;
}
img.markerSuccess {
  width:30px;
  height:30px;
  margin-left:-15px;
  margin-right:15px;
  margin-bottom:15px;
  margin-top:-15px;
  cursor:not-allowed;
  opacity:.80;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 - has to go first */
  filter: alpha(opacity = 80); /* IE 5, 6, 7 */
}
img.markerS {
  width:20px;
  height:20px;
  margin-left:-15px;
  margin-right:15px;
  margin-bottom:20px;
  margin-top:-20px;
  cursor:not-allowed;
}
div.photoDrop {
  width:150px;
  height:84px;
  margin-right:5px;
  border:1px solid #C00;
  background-color:#EEE;
  margin-bottom:5px;
  margin-top:2px;
  color:#333;
  vertical-align:middle;
  text-align:left;
  padding-left:2px;
}
div.message {
  width:450px; 
  max-width:450px; 
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
  margin-bottom:15px;
}
div.cmeminstruction {
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:5px;
  font-size:11px;
}

@media (orientation:portrait) and (max-width: 450px) {
div.message {
  width:90%;
  max-width:90%;
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
  margin-bottom:15px;
}
}

@media (orientation:landscape) and (max-width: 900px) {
div.message {
  width:90%;
  max-width:90%;
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
  margin-bottom:15px;
}
}

div.results {
  width:450px;
  max-width:450px;
  margin:auto;
  margin-bottom:40px;
  padding:3px;
  background-color:#EEE;
  border:1px solid #999;
  text-align:left;
}

@media (orientation:portrait) and (max-width: 450px) {
div.results {
  width:80%;
  max-width:80%;
  margin:0px;
  margin-bottom:40px;
  padding:3px;
  background-color:#EEE;
  border:1px solid #999;
  text-align:left;
}
}
@media (orientation:landscape) and (max-width: 900px) {
div.results {
  width:90%;
  max-width:90%;
  margin:0px;
  margin-bottom:40px;
  padding:3px;
  background-color:#EEE;
  border:1px solid #999;
  text-align:left;
}
}


div.results label {
  display:inline-block;
  width:150px;
  min-width:150px;
  margin-top:5px;
  margin-bottom:5px;
}
div.results input {
  width:100px;
  border:0px solid #FFF;
  margin-top:5px;
  margin-bottom:5px;
}

span.mapSearchContainer {
  display:inline-block;
  position:fixed;
  height:90%;
  width:250px;
  left:0px;
  top:60px;
  z-index:90;
  vertical-align:top;
}    
span.mapSearch {
  display:inline-block;
  width:200px;
/*  height:100%; 
  z-index:90; */
  text-align:left;
  padding-left:5px;
  padding-top:5px;
  padding-bottom:15px;
  border:1px solid #999;
  background-color:#FFF;
  opacity:.85;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE 8 - has to go first */
  filter: alpha(opacity = 85); /* IE 5, 6, 7 */
}    
span.navLever {
  display:inline-block;
  color:#FFF;
  padding:5px;
  vertical-align:top;
  font-weight:normal;
  margin-left:-5px;
  margin-top:0px;
  background-color:#900;
  opacity:.85;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE 8 - has to go first */
  filter: alpha(opacity = 85); /* IE 5, 6, 7 */
}
/* div.navLeverVertical {
  writing-mode:tb-rl;
  -webkit-transform:rotate(270deg);
  -moz-transform:rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform:rotate(270deg);
  white-space:nowrap;
  display:inline-block;
  color:#FFF;
  background-color:#999;
  width:40px;
  height:20px; 
  margin-left:-15px;
  text-align:center;
  font-weight:bold
} */
span.map {
  margin:0px;
  padding:0px;
  vertical-align:top;      
  display:inline-block;
  height:98%;
  width:100%;
  margin:0px;
  z-index:0;
}
span.mapHalfScreen {
/*  position:fixed;
  top:0px;
  left:0px;
*/
  margin:0px;
  padding:0px;
  vertical-align:top;      
  display:inline-block;
  visibility:visible;
  height:98%;
  width:50%;
}
@media (orientation:portrait), (max-width:450) {
span.mapHalfScreen {
  margin:0px;
  padding:0px;
  vertical-align:top;      
  display:block;
  visibility:visible;
  height:50%;
  width:100%;
}
}
div.footerContainer {
  width:100%;
  text-align:center;
  background-color:#C00;
  position:fixed;
  bottom:0px;
  z-index:90;
}
div.footer {
  position:fixed;
  bottom:0px;
  left:0px;
  z-index:90;
  width:100%;
  text-align:left;
  background-color:#FFF;
  border-top:2px solid #060;
  color:#333;
  font-size:9px;
  padding:5px;
  opacity:.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 - has to go first */
  filter: alpha(opacity = 75); /* IE 5, 6, 7 */
}
@media (max-height: 600px) {
div.footerContainer {
  width:100%;
  text-align:center;
  background-color:#C00;
  position:fixed;
  bottom:0px;
  z-index:90;
}
div.footer {
  position:fixed;
  bottom:0px;
  left:0px;
  z-index:90;
  width:100%;
  text-align:left;
  background-color:#FFF;
  border-top:1px solid #060;
  color:#333; 
  font-size:9px; 
  padding:0px;
  opacity:.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 - has to go first */
  filter: alpha(opacity = 75); /* IE 5, 6, 7 */
}
}

div.photoBoxMap {
  border:1px solid #666;
  background-color:#C00;
  cursor:pointer;
}

span.quiz {
  display:inline-block;
  margin:0px;
  padding-left:10px;
  padding-top:30px;
  vertical-align:top;
  text-align:center;
  width:45%;
  max-width:45%;
  height:98%;
}
span.quizHeader {
  display:inline-block;
  border:0px solid #FFF;
  width:460px;
  text-align:left;
  color:#900;
  font-size:16px;
  font-weight:bold;
  margin-top:20px;
}
@media (orientation:landscape) and (min-width: 900px) {
div.navHInner {
  border-bottom:1px solid #060;
  width:100%;
  font-size:9px;
  margin-top:-35px;
  margin-bottom:20px;
  margin-left:-10px;
  margin-right:-50px;
  text-align:left;
  padding:10px;
  padding-bottom:5px;
  color:#060;
}
div.navHInner a {
  font-size:9px;
  color:#060;
}
}

@media (max-width: 900px), (orientation:portrait), (max-height: 400px) {
div.navHInner {
  border-bottom:1px solid #060;
  margin-top:-5px;
  margin-bottom:0px;
  text-align:left;
  font-size:9px;
  color:#060;
  padding:10px;
  padding-bottom:5px;
}
div.navHInner a {
  font-size:9px;
  color:#060;
}
}

@media (orientation:portrait) and (max-height: 800px) {
span.quiz {
  display:block;
  margin:0px;
  padding-left:10px;
  padding-top:0px;
  vertical-align:top;
  text-align:center;
  width:100%;
  max-width:100%;
  height:50%;
}
span.quizHeader {
  display:none;
  visible:hidden;
}
}
@media (max-height: 400px) and (orientation:landscape) {
span.quiz {
  display:inline-block;
  margin:0px;
  padding-left:10px;
  padding-top:00px;
  vertical-align:top;
  text-align:center;
  width:45%;
  max-width:45%;
  height:98%;
}
span.quizHeader {
  display:none;
  visible:hidden;
}
}

div.quizDiv2 {
  font-weight:normal;
  font-size:11px;
}

div.quizDiv {
  margin-top:5px;
  margin-bottom:10px;
  width:460px;
  max-width:460px;
  margin-left:auto;
  margin-right:auto;
  vertical-align:top;
  text-align:left;
  font-weight:bold;
}

table.quizATable {
  margin-top:15px;
  margin-left:20px;
  border:0px solid #FFF;  
}

@media  (max-height: 400px) and (orientation:landscape), (max-height: 600px) and (orientation:portrait) {
  div.quizDiv {
  margin-top:5px;
  margin-bottom:10px;
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  vertical-align:top;
  text-align:left;
  font-weight:bold;
  }
  table.quizATable {
  margin-top:5px;
  border:0px solid #FFF;  
  }
}


table.quizATable td {
  padding-top:10px;
  vertical-align:top;
  text-align:left;
  font-weight:normal;
}
@media (max-height: 300px) and (orientation:landscape), (max-height: 600px) and (orientation:portrait) {
  table.quizATable td {
  padding-top:2px;
  vertical-align:top;
  text-align:left;
  font-weight:normal;
  }
}


button.btnQuizSubmit {
  margin-top:15px;
  margin-bottom:30px;
  margin-right:20px;
  margin-left:20px;
}
span.quizResultCorrect {
  font-weight:bold;
  color:#090;
}
span.quizResultWrong {
  font-weight:bold;
  color:#C00;
}
span.quizResultPartial {
  font-weight:bold;
  color:#000;
}
td.quizOpt {
  cursor:pointer;  
}
div.quizOptCorrect {
  font-weight:normal;
  margin:10px;
  margin-left:20px;
  color:#090;
}
div.quizOptWrong {
  font-weight:normal;
  margin:10px;
  margin-left:20px;
  color:#C00;
}
span.gpsErr {
  color:#C00;
  padding-top:7px;
}
img.ownLocMarker {
  height:30px;
  width:20px;
  position:relative;
  top:-30px;
  left:-10px;
}
img.markerTrail {
  height:30px;
  width:20px;
  position:relative;
  top:-30px;
  left:-10px;
  cursor:pointer;
  z-index:5;
}
div.mapMouseOverInfo {
  color:#000; 
  border-radius:5px;
  font-weight:normal; 
  background-color:#FFC; 
  border:1px solid #333; 
  padding:6px;
  cursor:pointer;
  z-index:99;
}
div.quizResSave {
  width:450px;
  margin:auto;
  margin-top:15px;
  margin-bottom:15px;
  text-align:left;
  padding-left:25px;
  color:#666;
}
div.memResSave {
  width:450px;
  margin:auto;
  margin-top:15px;
  margin-bottom:15px;
  text-align:left;
  padding-left:25px;
  color:#666;
}

/*  ####### Styles for the details page - start ######### */
  div.frame
  {
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
      text-align:left;  
     font-size:12px;  
      margin-top:20px;
      padding-bottom:60px;
  padding-left:3px;
  visibility:hidden;
  display:none;
  }
  .pageH1 {
    font-size:14px;
  font-weight:bold;
      background-color:#FF9;
      color:#660;
      padding:5px;
  padding-left:20px;
  margin-top:15px;
  margin-bottom:10px;
  }
  span.pageH1Step {
    display:inline-block; 
    background-color:#660;
    color:#FFF;
	border-top-right-radius:20px;
    margin-left:0px;
    margin-right:0px;
    margin-top:15px;
    margin-bottom:0px;
    padding:5px;
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
  }
  span.pageH1StepActive {
    display:inline-block; 
    background-color:#FF9;
    color:#660;
	border:1px solid #660;
	border-bottom:0px solid #660;
	border-top-right-radius:20px;
    margin-left:0px;
    margin-right:0px;
    margin-top:15px;
    margin-bottom:0px;
    padding:5px;
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
    font-weight:bold;
  }
@media (max-width: 650px) {
  span.pageH1Step {
    display:inline-block; 
    background-color:#660;
    color:#FFF;
	border-top-right-radius:15px;
    margin-left:0px;
    margin-right:0px;
    margin-top:15px;
    margin-bottom:0px;
    padding:5px;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
  }
  span.pageH1StepActive {
    display:inline-block; 
    background-color:#FF9;
    color:#660;
	border:1px solid #660;
	border-bottom:0px solid #660;
	border-top-right-radius:15px;
    margin-left:0px;
    margin-right:0px;
    margin-top:15px;
    margin-bottom:0px;
    padding:5px;
    font-size:12px;
    font-weight:bold;
  }
}  
@media (max-width: 450px) {
  span.pageH1Step {
    display:inline-block; 
    background-color:#660;
    color:#FFF;
	border-top-right-radius:10px;
    margin-left:0px;
    margin-right:0px;
    margin-top:15px;
    margin-bottom:0px;
    padding:5px;
    font-size:10px;
    font-weight:normal;
    cursor:pointer;
  }
  span.pageH1StepActive {
    display:inline-block; 
    background-color:#FF9;
    color:#660;
	border:1px solid #660;
	border-bottom:0px solid #660;
	border-top-right-radius:10px;
    margin-left:0px;
    margin-right:0px;
    margin-top:15px;
    margin-bottom:0px;
    padding:5px;
    font-size:11px;
    font-weight:normal;
  }
}
    .tabSubPhaseHdActive {
  	  border-top-right-radius:10px;
      background-color:#FFF; 
      color:#990;
      border:1px solid #990;
      border-bottom:0px solid #FFF;
      font-weight:bold;
      padding:5px;
      margin-right:1px;
      margin-bottom:4px;
    }
    .tabSubPhaseHd {
  	  border-top-right-radius:10px;
      background-color:#990;
      color:#FFF;
      padding:5px;
      margin-right:1px;
      margin-bottom:4px;
      cursor:pointer;
      font-weight:bold;
    }
    .tabSubPhaseContent {
      border:1px solid #990;
  	  border-radius:5px;
  	  border-top-left-radius:0px;
      background-color:#FFF;
      padding:3px;
      margin-top:4px;
    }
    .tabSubPhase1ContentPhotosContainer {
      text-align:center;
    }
    img.pho112 {
      width:112px;
      height:63px;
      margin:2px;
      border:0px;
    }
.linkShowHide {
  padding-left:15px;
  color:#060;  
}
img.imgLinkActive {
      width:112px;
      height:63px;
      margin:1px;
  border:1px solid #900; 
  cursor:pointer;
}
div.overlayPhotoLarge {
  width:100%;
  display:block;
  visibility:visible;
  background-color:#FFF;
  text-align:center;
  vertical-align:middle;
}
img.overlayPhotoLarge {
  height:253px;
  width:450px;
  border:0px;
  text-align:center;
}

div.overlayPhotoLargeBox {
  position:relative;   
  width:450px; 
  height:253px; 
  border:1px solid #666; 
  margin-left:auto; 
  margin-right:auto; 
  margin-top:10px;
  margin-bottom:10px;  
  padding:0px;
}

@media (max-width: 450px) {
img.overlayPhotoLarge {
  width:100%;
  max-width:100%;
  height:auto;
  padding:0px;
  margin:0px;
  border:0px;
  text-align:center;
}
div.overlayPhotoLargeBox {
  position:relative;   
  width:100%;
  max-width:100%;
  height:auto;
  border:1px solid #666;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:10px;  
  padding:0px;
}
}

img.hide {
 height:0px;
  width:0px;
  border:0px;
  margin:0px;
}
div.successMsgBox {
  width:460px;
  border:1px solid #999;
  background-color:#FFF;
  margin-top:15px;
  margin-bottom:10px; 
  padding:3px;
  padding-bottom:15px;
}
@media (max-height: 400px) and (orientation:landscape), (max-height: 800px) and (orientation:portrait) {
div.successMsgBox {
  width:460px;
  border:1px solid #999;
  background-color:#FFF;
  margin-top:2px;
  margin-bottom:3px;
  padding:3px;
  padding-bottom:15px;
}
}
div.successMsgHeader {
  font-weight:bold;
}
div.successMsgText {
  color:#666;
  margin-top:10px;
}
span.logoTopRight {
	position:fixed;
	top:0px;
	right:0px;
	padding:5px;
	margin:0px;
}


/*  ####### Styles for the details page - end ######### */