.custom-vis-layout.mstrvisvisualcrossingmap text {
    font: 10px sans-serif;
}

#RwMenuModel_WEB-INFxmllayoutsblocksInsertDHTMLWidgetMenuLayoutxml   #mnuInsertWgMstrVisVisualCrossingMap {
    background:url(images/defaultimage_RWD.png) no-repeat scroll 4px;
    padding: 3px 0pt 3px 14px;
}

#RwMenuModelEditor_WEB-INFxmllayoutsblocksInsertDHTMLWidgetMenuEditorLayoutxml #mnuInsertWgMstrVisVisualCrossingMap {
    background:url(images/defaultimage_RWD.png) no-repeat scroll 4px;
    padding: 3px 0pt 3px 14px;
}


.visualcrossingMap .vclabelcontainer {
	padding:50px;
	background-color:#ff0000;
}
.visualcrossingMap .vclabel1 {
	font-size:20px;
}
.vcIframeProperties iframe {
	border:0px;
}
 
.mstrvisvisualcrossingmap .baseContainer {
			width:100%;
			height:100%;
			position:absolute;
			top:0px;
			left:0px;
			
		}
.mstrvisvisualcrossingmap .waitScreen {
			font-family:arial;
			font-size:12px;
			margin:auto;
		}
.mstrvisvisualcrossingmap .waitDisplay {
			
			 position: absolute;
			top: 0; left: 0; right: 0; bottom: 0;
			width: 200px;
			height: 200px;
			margin: auto;
		}
.mstrvisvisualcrossingmap .statusText {
			width:100%;
			text-align:center;
			position:relative;
		}
.mstrvisvisualcrossingmap .waitIconArea {
			width:100%;
			position:relative;
			height:60px;
		}
.mstrvisvisualcrossingmap #waitIcon
		{
			top: 0; left: 0; right: 0; bottom: 0;
			margin: auto;
			position:absolute;
			width: 30px;
			height: 30px;
			border: 8px solid #aaaaaa;
			border-right-color:rgba(170, 170, 170, 0.3);
			border-top-color:rgba(170, 170, 170,0.3);
			border-bottom-color: rgba(170, 170, 170,0.3);
			border-radius: 50%;
			/*
			box-shadow: 0 0 25px 2px #eee;
			*/
			-webkit-animation: spin 1s linear infinite;
			-moz-animation: spin 1s linear infinite;
			-ms-animation: spin 1s linear infinite;
			-o-animation: spin 1s linear infinite;
			animation: spin 1s linear infinite;
		}
		

/*
		@-webkit-keyframes spin
		{
			from { -webkit-transform: rotate(0deg); opacity: 0.99; }
			50%  { -webkit-transform: rotate(180deg); opacity: 1; }
			to   { -webkit-transform: rotate(360deg); opacity: 0.99; }
		}

		@-moz-keyframes spin
		{
			from { -moz-transform: rotate(0deg); opacity: 0.99; }
			50%  { -moz-transform: rotate(180deg); opacity: 1; }
			to   { -moz-transform: rotate(360deg); opacity: 0.99; }
		}

		@-ms-keyframes spin
		{
			from { -ms-transform: rotate(0deg); opacity: 0.99; }
			50%  { -ms-transform: rotate(180deg); opacity: 1; }
			to   { -ms-transform: rotate(360deg); opacity: 0.99; }
		}

		@-o-keyframes spin
		{
			from { -o-transform: rotate(0deg); opacity: 0.99; }
			50%  { -o-transform: rotate(180deg); opacity: 1; }
			to   { -o-transform: rotate(360deg); opacity: 0.99; }
		}

		@keyframes spin
		{
			from { transform: rotate(0deg); opacity: 0.2; }
			50%  { transform: rotate(180deg); opacity: 1; }
			to   { transform: rotate(360deg); opacity: 0.2; }
		}
		
		
@-webkit-keyframes fade-in { from { opacity:0;visibility:hidden; } to { opacity:1;visibility:visible; } }
@-moz-keyframes fade-in { from { opacity:0;visibility:hidden } to { opacity:1;visibility:visible; } }
@keyframes fade-in { from { opacity:0;visibility:hidden } to { opacity:1;visibility:visible; } }
*/

.mstrvisvisualcrossingmap .fadeIn {
  opacity:0;
  -webkit-animation:fade-in ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fade-in ease-in 1;
  animation:fade-in ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}
/*
@-webkit-keyframes fade-out { from { opacity:1; } to { opacity:0;} }
@-moz-keyframes fade-out { from { opacity:1; } to { opacity:0; } }
@keyframes fade-out { from { opacity:1; } to { opacity:0; } }
*/
.mstrvisvisualcrossingmap .fadeOut {
	opacity:1;
  -webkit-animation:fade-out ease-in 1;  /* call our keyframe named fade-out, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fade-out ease-in 1;
  animation:fade-out ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}