body {
}

button:focus {outline:0;}
a:focus {outline:0;}
/* unvisited link */
.ui-dialog-buttonset button{  
font-size: 16px !important; 
font-family: Open Sans, Arial !important; 
border-radius: 5px !important;
padding: 5px  !important;
margin-right: 15px  !important
}
#EOW_CreateSitePos {
    background-color: #7fb133;
    color:white
}
#EOW_CreateSiteNeg {
    background-color: gray;
    color:white
}
.NormalFont
{
font-family: Open Sans, Arial;
 font-weight: 200; font-size: 1em; color:  #000;
}
.TekstFont1 {
    font-family: Open Sans, Arial;
    font-weight: 100;
    font-size: 3.95em;
    color: #333;
    line-height: 1.0625;
    padding: 0;
    text-align: center;   
    letter-spacing: -1px;
    margin-bottom:30px;
}
.TekstFont2 {
    font-family: Open Sans, Arial;
    font-weight: 200;
    font-size: 1.75em;
    color: #000;
    padding: 0;
    margin-top: 0px; 
    line-height: 1.4286;
    text-align: center;
}
.TekstFont2Link {
    font-family: Open Sans, Arial;
    font-weight: 200;
    font-size: 1.75em;
    color: #08c;
    padding: 0;
    margin-top: 0px;   
    line-height: 1.4286;
    text-align: center;
    cursor:pointer;
    text-decoration:none;
}
.TekstFont2LinkSmall {
    font-family: Open Sans, Arial;
    font-weight: 200;
    font-size: 1em;
    color: #08c;
    padding: 0;
    margin-top: 0px;   
    line-height: 1.4286;
    text-align: center;
    cursor:pointer;
    text-decoration:none;
}
.TekstFont3
{
    font-family: Open Sans, Arial;
    font-weight: 200;
    font-size: 3.10em;
    color: #333;
    line-height: 1;
    padding: 0;
    text-align: center;
    margin-bottom: 25px;
}
.TekstFont4
{
    font-family: Open Sans, Arial; 
    font-weight: 200; 
    font-size: 1.18em; 
    color: #000; 
    line-height: 1.5789; 
    padding: 0;  
   
    text-align: center

}
.TekstFontBottom
{
    font-family: Open Sans, Arial; 
    font-weight: 200; 
    font-size: 1em; 
    color: #000; 
    line-height: 1.3; 
    padding: 0;  
     
}
.TekstFont4Link
{
    font-family: Open Sans, Arial; 
    font-weight: 200; 
    font-size: 1.18em; 
    color: #08c;
    line-height: 1.5789; 
    padding: 0;  
    cursor:pointer; 
    text-align: center
}
.TekstFont5
{
    font-family: Open Sans, Arial; 
    font-weight: 200; 
    font-size: 1.18em; 
    color: #000; 
    text-align: left

}
.TekstFont5Link
{
    
    color: #000; 
    text-align: left;
        cursor:pointer; 
        color: #08c;

}

.TekstFont2Link:hover {
    text-decoration:underline
    }
.TekstFont4Link:hover {
    text-decoration:underline
    }
.TekstFont5Link:hover {
    text-decoration:underline
    }
.SmallFont
{
font-family: Open Sans, Arial;
 font-weight: 200; font-size: 0.6em; color:  #000;
}
.Bottomline 
{
    border-bottom: 1px solid #d6d6d6;
   
}
sup {
font-size:0.7em;
vertical-align:middle;
bottom:-0.2em
}
.extraLabel {
    font-family: Open Sans, Arial;
    font-size: 18px;
    color:white;
    font-weight: 200;
     
}

.simple_input {
    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms ease;
    transition: color 200ms ease;
     font-family: Open Sans, Arial;
    color: black;
    display: block;
    width: 280px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid gray;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 25px;
    line-height: 1.3;
    background-color: #fff !important;
}

.simple_comment {
    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms ease;
    transition: color 200ms ease;
     font-family: Open Sans, Arial;
    color: #333;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 none;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: .66em;
    padding-bottom: .66em;
    font-size: 16px;
    line-height: 1.4;
    background-color: #fff !important;
    text-align:left !important;
}

.input_wrapper {
    display:block;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    margin-top:15px;
    text-align:left;
    padding:0px;
    position:relative;
    line-height:1.2;
     font-family: Open Sans, Arial;
}
.transparant_overlay {
    
    border-radius:0px;
    padding-left:20px;
    padding-top:20px;
    padding-bottom:20px;
     font-family: Open Sans, Arial;
    display:block;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
   
    line-height:1.2;
   
   
    width:100%;
   
   
   
   
}



.backBody
{
background: url(../../Content/My_Images/BGimage4.jpg) ; 

}


div.qtip-bootstrap{
   border-top-left-radius:0px !important;
   border-top-right-radius:0px !important;
   border-bottom-left-radius:2px !important;
   border-bottom-right-radius:2px !important;
   border:0px;
}
div.qtip-tip{
   display:none !important;
}



@-moz-keyframes atebits {

  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  3% {
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  10% {
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  13% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  20% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  23% {
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  30% {
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  33% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  40% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  43% {
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  50% {
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  53% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  60% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  63% {
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  70% {
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  73% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  80% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  83% {
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  90% {
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  93% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes atebits {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  3% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  10% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  13% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  20% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  23% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  30% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  33% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  40% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  43% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  50% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  53% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  60% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  63% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  70% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  73% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  83% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  90% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  93% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes atebits {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  3% {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  10% {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  13% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  20% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  23% {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  30% {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  33% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  40% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  43% {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  50% {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  53% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  60% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  63% {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  70% {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  73% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  80% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  83% {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  90% {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  93% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.atebits:not(:required) {
    font-family: Open Sans, Arial; 
    font-weight: 200; 
    font-size: 12px; 
    color: white;
  background: #333;
  display: inline-block;
  width: 55px;
  height: 55px;
  overflow: hidden;
  position: relative;
  text-align: center;   
 padding:5px;
  -moz-box-shadow: rgba(255,255, 255, 0.5) -12px -12px 0 0, rgba(255,255, 255, 0.5) 12px -12px 0 0, rgba(255,255, 255, 0.5) -12px 0 0 0, rgba(255,255, 255, 0.5) 12px 0 0 0, rgba(255,255, 255, 0.5) -12px 12px 0 0, rgba(255,255, 255, 0.5) 0 12px 0 0, rgba(255,255, 255, 0.5) 12px 12px 0 0;
  -webkit-box-shadow: rgba(255,255, 255, 0.5) -12px -12px 0 0, rgba(255,255, 255, 0.5) 12px -12px 0 0, rgba(255,255, 255, 0.5) -12px 0 0 0, rgba(255,255, 255, 0.5) 12px 0 0 0, rgba(255,255, 255, 0.5) -12px 12px 0 0, rgba(255,255, 255, 0.5) 0 12px 0 0, rgba(255,255, 255, 0.5) 12px 12px 0 0;
  box-shadow: rgba(255,255, 255, 0.5) -12px -12px 0 0, rgba(255,255, 255, 0.5) 12px -12px 0 0, rgba(255,255, 255, 0.5) -12px 0 0 0, rgba(255,255, 255, 0.5) 12px 0 0 0, rgba(255,255, 255, 0.5) -12px 12px 0 0, rgba(255,255, 255, 0.5) 0 12px 0 0, rgba(255,255, 255, 0.5) 12px 12px 0 0;
  -moz-animation: atebits 8s infinite ease-in-out;
  -webkit-animation: atebits 8s infinite ease-in-out;
  animation: atebits 8s infinite ease-in-out;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
   left:50%;
    top:100px;
}