@font-face
{
   font-family: 'B Koodak';
   src: url('../fonts/koodak.TTF') format('truetype');
}
@font-face
{
   font-family: 'B Badr';
   src: url('../fonts/badr.TTF') format('truetype');
}
@-webkit-keyframes animate-border
{
   0% { border-color: #000000;  }
   100% { border-color: #FF0000;  }
}
@-moz-keyframes animate-border
{
   0% { border-color: #000000;  }
   100% { border-color: #FF0000;  }
}
@-o-keyframes animate-border
{
   0% { border-color: #000000;  }
   100% { border-color: #FF0000;  }
}
@-ms-keyframes animate-border
{
   0% { border-color: #000000;  }
   100% { border-color: #FF0000;  }
}
@keyframes animate-border
{
   0% { border-color: #000000;  }
   100% { border-color: #FF0000;  }
}
@-webkit-keyframes animate-flash
{
   0% { opacity: 1;  }
   25% { opacity: 0;  }
   50% { opacity: 1;  }
   75% { opacity: 0;  }
   100% { opacity: 1;  }
}
@-moz-keyframes animate-flash
{
   0% { opacity: 1;  }
   25% { opacity: 0;  }
   50% { opacity: 1;  }
   75% { opacity: 0;  }
   100% { opacity: 1;  }
}
@-o-keyframes animate-flash
{
   0% { opacity: 1;  }
   25% { opacity: 0;  }
   50% { opacity: 1;  }
   75% { opacity: 0;  }
   100% { opacity: 1;  }
}
@-ms-keyframes animate-flash
{
   0% { opacity: 1;  }
   25% { opacity: 0;  }
   50% { opacity: 1;  }
   75% { opacity: 0;  }
   100% { opacity: 1;  }
}
@keyframes animate-flash
{
   0% { opacity: 1;  }
   25% { opacity: 0;  }
   50% { opacity: 1;  }
   75% { opacity: 0;  }
   100% { opacity: 1;  }
}
@-webkit-keyframes transform-shake-l
{
   0% { -webkit-transform:  rotate(0deg);  }
   10% { -webkit-transform:  rotate(0deg) translate(-2px,0px);  }
   20% { -webkit-transform:  rotate(0deg) translate(2px,0px);  }
   30% { -webkit-transform:  rotate(0deg) translate(-2px,0px);  }
   40% { -webkit-transform:  rotate(0deg) translate(2px,0px);  }
   50% { -webkit-transform:  rotate(0deg) translate(-2px,0px);  }
   60% { -webkit-transform:  rotate(0deg) translate(2px,0px);  }
   70% { -webkit-transform:  rotate(0deg) translate(-2px,0px);  }
   80% { -webkit-transform:  rotate(0deg) translate(2px,0px);  }
   90% { -webkit-transform:  rotate(0deg) translate(-2px,0px);  }
   100% { -webkit-transform:  rotate(0deg);  }
}
@-moz-keyframes transform-shake-l
{
   0% { -moz-transform:  rotate(0deg);  }
   10% { -moz-transform:  rotate(0deg) translate(-2px,0px);  }
   20% { -moz-transform:  rotate(0deg) translate(2px,0px);  }
   30% { -moz-transform:  rotate(0deg) translate(-2px,0px);  }
   40% { -moz-transform:  rotate(0deg) translate(2px,0px);  }
   50% { -moz-transform:  rotate(0deg) translate(-2px,0px);  }
   60% { -moz-transform:  rotate(0deg) translate(2px,0px);  }
   70% { -moz-transform:  rotate(0deg) translate(-2px,0px);  }
   80% { -moz-transform:  rotate(0deg) translate(2px,0px);  }
   90% { -moz-transform:  rotate(0deg) translate(-2px,0px);  }
   100% { -moz-transform:  rotate(0deg);  }
}
@-o-keyframes transform-shake-l
{
   0% { -o-transform:  rotate(0deg);  }
   10% { -o-transform:  rotate(0deg) translate(-2px,0px);  }
   20% { -o-transform:  rotate(0deg) translate(2px,0px);  }
   30% { -o-transform:  rotate(0deg) translate(-2px,0px);  }
   40% { -o-transform:  rotate(0deg) translate(2px,0px);  }
   50% { -o-transform:  rotate(0deg) translate(-2px,0px);  }
   60% { -o-transform:  rotate(0deg) translate(2px,0px);  }
   70% { -o-transform:  rotate(0deg) translate(-2px,0px);  }
   80% { -o-transform:  rotate(0deg) translate(2px,0px);  }
   90% { -o-transform:  rotate(0deg) translate(-2px,0px);  }
   100% { -o-transform:  rotate(0deg);  }
}
@-ms-keyframes transform-shake-l
{
   0% { -ms-transform:  rotate(0deg);  }
   10% { -ms-transform:  rotate(0deg) translate(-2px,0px);  }
   20% { -ms-transform:  rotate(0deg) translate(2px,0px);  }
   30% { -ms-transform:  rotate(0deg) translate(-2px,0px);  }
   40% { -ms-transform:  rotate(0deg) translate(2px,0px);  }
   50% { -ms-transform:  rotate(0deg) translate(-2px,0px);  }
   60% { -ms-transform:  rotate(0deg) translate(2px,0px);  }
   70% { -ms-transform:  rotate(0deg) translate(-2px,0px);  }
   80% { -ms-transform:  rotate(0deg) translate(2px,0px);  }
   90% { -ms-transform:  rotate(0deg) translate(-2px,0px);  }
   100% { -ms-transform:  rotate(0deg);  }
}
@keyframes transform-shake-l
{
   0% { transform:  rotate(0deg);  }
   10% { transform:  rotate(0deg) translate(-2px,0px);  }
   20% { transform:  rotate(0deg) translate(2px,0px);  }
   30% { transform:  rotate(0deg) translate(-2px,0px);  }
   40% { transform:  rotate(0deg) translate(2px,0px);  }
   50% { transform:  rotate(0deg) translate(-2px,0px);  }
   60% { transform:  rotate(0deg) translate(2px,0px);  }
   70% { transform:  rotate(0deg) translate(-2px,0px);  }
   80% { transform:  rotate(0deg) translate(2px,0px);  }
   90% { transform:  rotate(0deg) translate(-2px,0px);  }
   100% { transform:  rotate(0deg);  }
}
a
{
   color: #0000FF;
   text-decoration: none;
}
a:visited
{
   color: #FFA500;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #FF00FF;
   text-decoration: none;
}
h1
{
   font-family: 'B Koodak';
   font-size: 32px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: #C0C0C0;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h2
{
   font-family: 'B Koodak';
   font-size: 27px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: #C0C0C0;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h3
{
   font-family: 'B Koodak';
   font-size: 24px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   color: #C0C0C0;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h4
{
   font-family: 'B Koodak';
   font-size: 21px;
   font-weight: normal;
   font-style: italic;
   text-decoration: none;
   color: #C0C0C0;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h5
{
   font-family: 'B Koodak';
   font-size: 19px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   color: #C0C0C0;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h6
{
   font-family: 'B Koodak';
   font-size: 16px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   color: #C0C0C0;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
/** FLAGS **/

.flags {
    height: 14px;
    width: 20px;
	display: block;
    float: right;
    margin-right: 4px;
	text-indent: -9999em;
    
}

.fa{
    background: url(../../images/login/flags/fa.png)no-repeat;background-size: cover;margin-left: 5px;
}
.de {
	background: url(../../images/login/flags/de.png)no-repeat;background-size: cover;margin-left: 5px;
}
.en {
	background: url(../../images/login/flags/us.png)no-repeat;background-size: cover;margin-left: 5px;
}
.es {
	background: url(../../images/login/flags/es.png)no-repeat;background-size: cover;margin-left: 5px;
}
.fr {
	background: url(../../images/login/flags/fr.png)no-repeat;background-size: cover;margin-left: 5px;
}
.it {
	background: url(../../images/login/flags/it.png)no-repeat;background-size: cover;margin-left: 5px;
}
.pt {
	background: url(../../images/login/flags/pt.png)no-repeat;background-size: cover;margin-left: 5px;
}
.ru {
	background: url(../../images/login/flags/ru.png)no-repeat;background-size: cover;margin-left: 5px;
}
.si {
	background: url(../../images/login/flags/si.png)no-repeat;background-size: cover;margin-left: 5px;
}
.pl {
	background: url(../../images/login/flags/pl.png)no-repeat;background-size: cover;margin-left: 5px;
}

/*.table519 {
   font-family: arial, 'B Koodak';
   font-size: 16px;
   line-height: 1.1875; 
   text-align:center;
   padding :20px 20px 20px 20px;
   color:white;
}*/
.CustomStyle
{
   font-family: "Courier New";
   font-size: 16px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: #000080;
   background-color: transparent;
   Display: none;
}
.hidden2
{
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   visibility: hidden;
}
.hidden
{
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   display:none;
}
.CSS_BTN
{
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: #FFFFFF;
   background-color: #FF004E;
   border: 0px #FFFFFF none;
   padding: 5px 5px 5px 5px;
}

body
{
   background:url(../images/newform/spaceship_wallpaper_2-HD.jpg)no-repeat center center; 
    background-attachment: fixed; 
    background-size: 100% 100%;
   min-height:100%; 
   font-family: arial, 'B Koodak';
   font-size: 14px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
   /* text-align:center; */
   color:white;
}
#content .info .p .h1 .h2 {
    color: #fff;
}

#letter-road {
  margin: 6px;
  text-align: right;
  color: #EEE;
  font-family: 'B Koodak';
  font-size: 20px;
  z-index: 9999999;
}
#Layer_info
{
   background-image: url(../images/newform/index_Layer_info_bkgrnd.png);
   background-repeat: repeat;
   background-position: left top;
   border: 2px #000000 solid;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border-radius: 15px;
   filter: alpha(opacity=50);
   -moz-opacity: 0.50;
   opacity: 0.50;
   z-index: -1;
}
#Polygon3
{
   border-width: 0;
   height: 400px;
   width: 199px;
}
#Curve2
{
   border-width: 0;
   height: 258px;
   width: 82px;
}
#Curve2
{
   -webkit-animation: animate-flash 100ms linear 5000ms 3 normal;
   -moz-animation: animate-flash 100ms linear 5000ms 3 normal;
   -ms-animation: animate-flash 100ms linear 5000ms 3 normal;
   animation: animate-flash 100ms linear 5000ms 3 normal;
}
#Curve4
{
   border-width: 0;
   height: 262px;
   width: 109px;
}
#Curve4
{
   -webkit-animation: animate-flash 100ms linear 5000ms 3 normal;
   -moz-animation: animate-flash 100ms linear 5000ms 3 normal;
   -ms-animation: animate-flash 100ms linear 5000ms 3 normal;
   animation: animate-flash 100ms linear 5000ms 3 normal;
}
#Curve5
{
   border-width: 0;
   height: 282px;
   width: 76px;
}
#Polygon2
{
   border-width: 0;
   height: 67px;
   width: 305px;
}
#Polygon1
{
   border-width: 0;
   height: 90px;
   width: 304px;
}
#Layer_video
{
   background-color: transparent;
   overflow: visible;
}
.ui-dialog
{
   border-width: 0;
   padding: 0;
}
.ui-widget-content
{
   border-width: 0;
   padding: 0;
}
#Layer_video-close
{
   position: absolute;
   top: -15px;
   right: -15px;
   width: 32px;
   height: 32px;
   background: url('../images/newform/layer_close.png') top left no-repeat;
   cursor: pointer;
   z-index: 999;
}
.ui-tooltip
{
   padding: 4px 4px 4px 4px;
}

#Curve6
{
   border-width: 0;
   height: 40px;
   width: 48px;
   position:fixed;
}
#Curve6
{
   -webkit-animation: animate-flash 100ms linear 0ms infinite normal;
   -moz-animation: animate-flash 100ms linear 0ms infinite normal;
   -ms-animation: animate-flash 100ms linear 0ms infinite normal;
   animation: animate-flash 100ms linear 0ms infinite normal;
}
#Image1
{
   border-width: 0;
   -webkit-animation: transform-shake-l 100ms linear 1000ms 10 normal;
   -moz-animation: transform-shake-l 100ms linear 1000ms 10 normal;
   -ms-animation: transform-shake-l 100ms linear 1000ms 10 normal;
   animation: transform-shake-l 100ms linear 1000ms 10 normal;
}
#Image2
{
   border: 0px #000000 solid;
}
#wb_Shape10 a img
{
   position: absolute;
}
#wb_Shape10 span
{
   position: absolute;
}
#wb_Shape10 a .hover
{
   visibility: hidden;
}
#wb_Shape10 a:hover .hover
{
   visibility: visible;
}
#wb_Shape10 a:hover span
{
   visibility: hidden;
}
#Shape10
{
   -webkit-animation: animate-border 500ms linear 0ms infinite normal;
   -moz-animation: animate-border 500ms linear 0ms infinite normal;
   -ms-animation: animate-border 500ms linear 0ms infinite normal;
   animation: animate-border 500ms linear 0ms infinite normal;
}
#wb_Shape7 a img
{
   position: absolute;
}
#wb_Shape7 span
{
   position: absolute;
}
#wb_Shape7 a .hover
{
   visibility: hidden;
}
#wb_Shape7 a:hover .hover
{
   visibility: visible;
}
#wb_Shape7 a:hover span
{
   visibility: hidden;
}
#wb_Shape11 a img
{
   position: absolute;
}
#wb_Shape11 span
{
   position: absolute;
}
#wb_Shape11 a .hover
{
   visibility: hidden;
}
#wb_Shape11 a:hover .hover
{
   visibility: visible;
}
#wb_Shape11 a:hover span
{
   visibility: hidden;
}
#wb_Shape6 a img
{
   position: absolute;
}
#wb_Shape6 span
{
   position: absolute;
}
#wb_Shape6 a .hover
{
   visibility: hidden;
}
#wb_Shape6 a:hover .hover
{
   visibility: visible;
}
#wb_Shape6 a:hover span
{
   visibility: hidden;
}
#wb_Shape5 a img
{
   position: absolute;
}
#wb_Shape5 span
{
   position: absolute;
}
#wb_Shape5 a .hover
{
   visibility: hidden;
}
#wb_Shape5 a:hover .hover
{
   visibility: visible;
}
#wb_Shape5 a:hover span
{
   visibility: hidden;
}
#wb_Shape4 a img
{
   position: absolute;
}
#wb_Shape4 span
{
   position: absolute;
}
#wb_Shape4 a .hover
{
   visibility: hidden;
}
#wb_Shape4 a:hover .hover
{
   visibility: visible;
}
#wb_Shape4 a:hover span
{
   visibility: hidden;
}
#wb_Shape3 a img
{
   position: absolute;
}
#wb_Shape3 span
{
   position: absolute;
}
#wb_Shape3 a .hover
{
   visibility: hidden;
}
#wb_Shape3 a:hover .hover
{
   visibility: visible;
}
#wb_Shape3 a:hover span
{
   visibility: hidden;
}
#wb_Shape2 a img
{
   position: absolute;
}
#wb_Shape2 span
{
   position: absolute;
}
#wb_Shape2 a .hover
{
   visibility: hidden;
}
#wb_Shape2 a:hover .hover
{
   visibility: visible;
}
#wb_Shape2 a:hover span
{
   visibility: hidden;
}
#wb_Shape1 a img
{
   position: absolute;
}
#wb_Shape1 span
{
   position: absolute;
}
#wb_Shape1 a .hover
{
   visibility: hidden;
}
#wb_Shape1 a:hover .hover
{
   visibility: visible;
}
#wb_Shape1 a:hover span
{
   visibility: hidden;
}
#wb_Shape8 a img
{
   position: absolute;
}
#wb_Shape8 span
{
   position: absolute;
}
#wb_Shape8 a .hover
{
   visibility: hidden;
}
#wb_Shape8 a:hover .hover
{
   visibility: visible;
}
#wb_Shape8 a:hover span
{
   visibility: hidden;
}
#Button1
{
   border: 1px #A9A9A9 solid;
   background-color: #FF0000;
   background: -moz-radial-gradient(circle,#FF0000 0%,#000000 100%);
   background: -webkit-radial-gradient(circle,#FF0000 0%,#000000 100%);
   background: -o-radial-gradient(circle,#FF0000 0%,#000000 100%);
   background: -ms-radial-gradient(circle,#FF0000 0%,#000000 100%);
   background: radial-gradient(circle,#FF0000 0%,#000000 100%);
   color: #FFFFFF;
   font-family: 'B Koodak';
   font-size: 19px;
}
#Button2
{
   border: 1px #A9A9A9 solid;
   background-color: #00FF00;
   background: -moz-radial-gradient(circle,#00FF00 0%,#000000 100%);
   background: -webkit-radial-gradient(circle,#00FF00 0%,#000000 100%);
   background: -o-radial-gradient(circle,#00FF00 0%,#000000 100%);
   background: -ms-radial-gradient(circle,#00FF00 0%,#000000 100%);
   background: radial-gradient(circle,#00FF00 0%,#000000 100%);
   color: #FFFFFF;
   font-family: 'B Koodak';
   font-size: 19px;
}
#Layer_menu
{
   background-color: transparent;
}
.ui-tooltip
{
   padding: 4px 4px 4px 4px;
}
.ui-tooltip
{
   padding: 4px 4px 4px 4px;
}
.ui-tooltip
{
   padding: 4px 4px 4px 4px;
}
.ui-tooltip
{
   padding: 4px 4px 4px 4px;
}
.ui-tooltip
{
   padding: 4px 4px 4px 4px;
}
.ui-tooltip
{
   padding: 4px 4px 4px 4px;
}
.ui-tooltip
{
   padding: 4px 4px 4px 4px;
}
.ui-tooltip
{
   padding: 4px 4px 4px 4px;
}
.ui-tooltip
{
   padding: 4px 4px 4px 4px;
}
.ui-tooltip
{
   padding: 4px 4px 4px 4px;
}
.ui-tooltip
{
   padding: 4px 4px 4px 4px;
}
#Scribble1
{
   border-width: 0;
   height: 40px;
   width: 32px;
}
#Scribble1
{
   -webkit-animation: animate-border 500ms linear 0ms 5 normal;
   -moz-animation: animate-border 500ms linear 0ms 5 normal;
   -ms-animation: animate-border 500ms linear 0ms 5 normal;
   animation: animate-border 500ms linear 0ms 5 normal;
}
/*#Shape9
{
   width: 148px;
   height: 30px;
   background-color: #000000;
   background: -moz-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: -webkit-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: -o-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: -ms-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: linear-gradient(bottom,#000000 0%,#00FF00 100%);
   border: 1px #000000 solid;
}*/
#Shape9_text
{
   position: absolute;
   left: 1px;
   top: 10px;
   width: 146px;
   height: 28px;
   overflow: hidden;
   text-align: center;
}
/*#Shape12
{
   width: 148px;
   height: 30px;
   background-color: #000000;
   background: -moz-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: -webkit-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: -o-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: -ms-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: linear-gradient(bottom,#000000 0%,#00FF00 100%);
   border: 1px #000000 solid;
}*/
#Shape12_text
{
   position: absolute;
   left: 1px;
   top: 10px;
   width: 146px;
   height: 28px;
   overflow: hidden;
   text-align: center;
}
/*#Shape13
{
   width: 148px;
   height: 30px;
   background-color: rgba(0,0,0,0.1);
   background: -moz-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: -webkit-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: -o-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: -ms-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: linear-gradient(bottom,#000000 0%,#00FF00 100%);
   border: 1px #000000 solid;
}*/
#Shape13_text
{
   position: absolute;
   left: 1px;
   top: 10px;
   width: 146px;
   height: 28px;
   overflow: hidden;
   text-align: center;
}
/*#Shape14
{
   width: 208px;
   height: 30px;
   background-color: #000000;
   background: -moz-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: -webkit-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: -o-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: -ms-linear-gradient(bottom,#000000 0%,#00FF00 100%);
   background: linear-gradient(bottom,#000000 0%,#00FF00 100%);
   border: 1px #000000 solid;
}*/
#Shape14_text
{
   position: absolute;
   left: 1px;
   top: 10px;
   width: 206px;
   height: 28px;
   overflow: hidden;
   text-align: center;
}
#TextArea1
{
   border: 0px #F5F5F5 solid;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px;
   background-color: transparent;
   color :#FFFFFF;
   font-family: 'B Koodak';
   font-weight: bold;
   font-size: 19px;
   padding: 0px 3px 0px 3px;
   text-align: right;
   resize: none;
   z-index: 9999;
}

#wb_uid19
{
   color: #FFA500;
   font-family: B Koodak;
   font-size: 16px;
}
#wb_Scribble1
{
   position: fixed;
   left: 74px;
   top: 343px;
   width: 32px;
   height: 40px;
   z-index: 47;
}
#wb_Shape4
{
   position: absolute;
   left: 1px;
   top: 218px;
   width: 73px;
   height: 57px;
   z-index: 4;
}
#wb_uid1
{
   border-width: 0;
   width: 73px;
   height: 57px;
}

#Shape1
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#wb_Shape5
{
   position: absolute;
   left: 83px;
   top: 109px;
   z-index: 7;
}
#wb_uid2
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#wb_Curve4
{
   position: fixed;
   left: 115px;
   top: -10px;
   width: 109px;
   height: 260px;
   z-index: 0;
}
#Shape2
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#wb_uid3
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#wb_Shape6
{
   position: absolute;
   left: 1px;
   top: 139px;
   width: 73px;
   height: 57px;
   z-index: 3;
}
#wb_Curve5
{
   position: fixed;
   left: 135px;
   top: -20px;
   width: 16px;
   height: 252px;
   z-index: 0;
}
#Shape3
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#wb_uid4
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#wb_Shape7
{
   position: absolute;
   left: 1px;
   top: 59px;
   z-index: 2;

}
#wb_Shape10
{
   position: fixed;
   left: 212px;
   top: 308px;
   width: 52px;
   height: 37px;
   z-index: 32;
}
#wb_Image1
{
   position: fixed;
   left: 71px;
   top: 248px;
   width: 96px;
   height: 121px;
   z-index: 30;
}
#wb_Curve6
{
   position: fixed;
   left: 1128px;
   top: 400px;
   width: 48px;
   height: 40px;
   z-index: 0;
}
#wb_Shape8
{
   position: absolute;
   left: 84px;
   top: 328px;
   z-index: 10;
}
#wb_uid5
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#wb_Shape11
{
   position: absolute;
   left: 81px;
   top: 34px;
   width: 73px;
   height: 57px;
   z-index: 6;
}
#Shape4
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#wb_Image2
{
   position: absolute;
   left: 102px;
   top: 141px;
   width: 272px;
   height: 113px;
   z-index: 31;
}
#wb_Shape9
{
   position: absolute;
   left: 244px;
   top: 0px;
   width: 150px;
   height: 32px;
   z-index: 12;
}
#wb_Shape12
{
   position: absolute;
   left: 394px;
   top: 0px;
   width: 150px;
   height: 32px;
   z-index: 11;
}
#Shape5
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#wb_uid6
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#Shape10
{
   border-width: 0;
   width: 52px;
   height: 37px;
}
#wb_Shape13
{
   position: absolute;
   left: 544px;
   top: 0px;
   width: 150px;
   height: 32px;
   z-index: 14;
}
#wb_uid7
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#Shape11
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#Shape6
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#TextArea1
{
   position: absolute;
   left: 1px;
   top: 0px;
   width: 289px;
   height: 165px;
   z-index: 0;
}
#wb_uid20
{
   color: #FFFFFF;
   font-family: B Koodak;
   font-size: 16px;
}
#wb_Shape14
{
   position: absolute;
   left: 34px;
   top: 0px;
   width: 210px;
   height: 32px;
   z-index: 13;
}
#wb_uid8
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#Shape7
{
   border-width: 1px;
   width: 73px;
   height: 57px;
}
#Image1
{
   width: 96px;
   height: 121px;
}
#wb_uid10
{
   color: #FFFFFF;
   font-family: B Koodak;
   font-size: 16px;
}
#Shape8
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#wb_uid9
{
   border-width: 0;
   width: 73px;
   height: 57px;
}
#Image2
{
   width: 272px;
   height: 113px;
}
#wb_uid11
{
   color: #FFA500;
   font-family: B Koodak;
   font-size: 16px;
}
#wb_uid12
{
   color: #FFFFFF;
   font-family: B Koodak;
   font-size: 16px;
}
#Layer_video
{
   text-align: left;
   width: 540px;
   height: 323px;
   z-index: 22;
}
#wb_Polygon1
{
   opacity:.6;
   position: fixed;
   left: 79px;
   top: 545px;
   width: 304px;
   height: 90px;
   z-index: 21;
}
#wb_uid13
{
   color: #FFFFFF;
   font-family: B Koodak;
   font-size: 16px;
}
#Layer_status
{
   background-color: transparent;
   position: fixed;
   text-align: left;
   left: 323px;
   top: 26px;
   width: 694px;
   height: 36px;
   z-index: 49;
}
.refresh_img {
width:45px;
height:45px;
padding-top:22px;
z-index:999999;
}

.tip {
	display:block;
	padding:7px;
	position:absolute;
	z-index:1000;
	max-width: 500px;
}

.tip.notify {
	position:fixed;
	top:200px;
	padding:20px;
}
#status-layer
{
   background-color: rgba(0,0,0,0.6);
   position: fixed;
   left: 340px;
   top: 26px;
   width: 695px;
   height: 45px;
   z-index: 10;
   border: solid 2px black;
}
#wb_Polygon2
{
   opacity:.6;
   position: fixed;
   left: 78px;
   top: 298px;
   width: 305px;
   height: 67px;
   z-index: 20;
}
#Layer_info
{
   position: fixed;
   text-align: left;
   left: 77px;
   top: 370px;
   width: 297px;
   height: 166px;
   z-index: 15;
}
#wb_uid14
{
   color: #FFA500;
   font-family: B Koodak;
   font-size: 16px;
}
#wb_Polygon3
{
   opacity:.6;
   position: fixed;
   left: 366px;
   top: 237px;
   width: 199px;
   height: 400px;
   z-index: 16;
}
#wb_uid15
{
   color: #FFFFFF;
   font-family: B Koodak;
   font-size: 16px;
}
#Layer_menu
{
   position: fixed;
   text-align: left;
   left: 396px;
   top: 223px;
   width: 177px;
   height: 447px;
   z-index: 35;
}
#Button1
{
   position: fixed;
   left: 237px;
   top: 561px;
   width: 142px;
   height: 61px;
   z-index: 33;
}
#wb_FlashVideoPlayer1
{
   position: absolute;
   left: 0%;
   top: 0%;
   width: 540px;
   height: 99%;
   z-index: 1;
}
#wb_uid16
{
   color: #FFFFFF;
   font-family: B Koodak;
   font-size: 16px;
}
#wb_Shape1
{
   position: absolute;
   left: 84px;
   top: 250px;
   width: 73px;
   height: 57px;
   z-index: 9;
}
#Button2
{
   position: fixed;
   left: 80px;
   top: 562px;
   width: 145px;
   height: 60px;
   z-index: 34;
}
#wb_uid17
{
   color: #FFA500;
   font-family: B Koodak;
   font-size: 16px;
}
#wb_Shape2
{
   position: absolute;
   left: 1px;
   top: 298px;
   width: 73px;
   height: 57px;
   z-index: 5;
}

#wb_uid18
{
   color: #FFFFFF;
   font-family: B Koodak;
   font-size: 16px;
}
#wb_Shape3
{
   position: absolute;
   left: 84px;
   top: 179px;
   width: 73px;
   height: 57px;
   z-index: 8;
}
#wb_uid0
{
   border-width: 0;
   width: 52px;
   height: 37px;
}
#wb_Curve2
{
   position: fixed;
   left: 140px;
   top: 0px;
   width: 82px;
   height: 262px;
   z-index: 0;
}
/* CSS3 BUTTON */
.btn {
	display: inline-block;
	background: url(../images/btn.bg.png) repeat-x 0px 0px;
	padding:5px 10px 6px 10px;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.4);
	-moz-border-radius: 15px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 15px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.btn:hover {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	cursor:pointer;
}
.btn2 {
	display: inline-block;
	background: url(../images/btn.bg.png) repeat-x 0px 0px;
	padding:5px 10px 6px 10px;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.4);
	-moz-border-radius: 25px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 25px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.btn2:hover {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	cursor:pointer;
}
.btn2:active {
   border-top-color: #bdde00;
   background: #bdde00;
   }
/* COLOR VARIATIONS */
.blue2		{background-color: #CCCCCC; color: #141414;}
.blue2:hover	{background-color: #00c0ff; color: #ffffff;}
.green2		{background-color: #CCCCCC; color: #141414;}
.green2:hover{background-color: #8aff00; color: #ffffff;}
.red2		{background-color: #CCCCCC; color: #141414;}
.red2:hover	{background-color: #ff004e; color: #ffffff;}

.btn3 {
   border-top: 1px solid #000000;
   background: #026900;
   background: -webkit-gradient(linear, left top, left bottom, from(#00ff11), to(#026900));
   background: -webkit-linear-gradient(top, #00ff11, #026900);
   background: -moz-linear-gradient(top, #00ff11, #026900);
   background: -ms-linear-gradient(top, #00ff11, #026900);
   background: -o-linear-gradient(top, #00ff11, #026900);
   padding: 20px 40px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #e7f700;
   font-size: 24px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.btn3:hover {
   border-top-color: #79fa00;
   background: #79fa00;
   color: #ffffff;
   }
.btn3:active {
   border-top-color: #bdde00;
   background: #bdde00;
   }

.button-success,
        .button-error,
        .button-warning,
        .button-secondary {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }

        .button-success {
            background: rgb(28, 184, 65); /* this is a green */
        }

        .button-error {
            background: rgb(202, 60, 60); /* this is a maroon */
        }

        .button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
        }

        .button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
        }

.btn-l {
	-moz-box-shadow:inset 1px 1px 5px 1px #caefab;
	-webkit-box-shadow:inset 1px 1px 5px 1px #caefab;
	box-shadow:inset 1px 1px 5px 1px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77ff00), color-stop(1, #499e03) );
	background:-moz-linear-gradient( center top, #77ff00 5%, #499e03 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ff00', endColorstr='#499e03');
	background-color:#77ff00;
	-webkit-border-top-left-radius:37px;
	-moz-border-radius-topleft:37px;
	border-top-left-radius:37px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #268a16;
	display:inline-block;
	color:#ffffc7;
    font-family: B Koodak;
   font-size: 18px;
	font-weight:bold;
	font-style:normal;
	height:57px;
	line-height:15px;
	width:71px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #aade7c;
}
.btn-l:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #499e03), color-stop(1, #77ff00) );
	background:-moz-linear-gradient( center top, #499e03 5%, #77ff00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#499e03', endColorstr='#77ff00');
	background-color:#499e03;
}.btn-l:active {
	position:relative;
	top:1px;
}

.btn-r {
	-moz-box-shadow:inset 1px 1px 5px 1px #caefab;
	-webkit-box-shadow:inset 1px 1px 5px 1px #caefab;
	box-shadow:inset 1px 1px 5px 1px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77ff00), color-stop(1, #499e03) );
	background:-moz-linear-gradient( center top, #77ff00 5%, #499e03 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ff00', endColorstr='#499e03');
	background-color:#77ff00;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:37px;
	-moz-border-radius-topright:37px;
	border-top-right-radius:37px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #268a16;
	display:inline-block;
	color:#ffffc7;
    font-family: B Koodak;
   font-size: 18px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:15px;
	width:71px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #aade7c;
}
.btn-r:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #499e03), color-stop(1, #77ff00) );
	background:-moz-linear-gradient( center top, #499e03 5%, #77ff00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#499e03', endColorstr='#77ff00');
	background-color:#499e03;
}.btn-r:active {
	position:relative;
	top:1px;
}
.btn-n {
	-moz-box-shadow:inset 1px 1px 5px 1px #caefab;
	-webkit-box-shadow:inset 1px 1px 5px 1px #caefab;
	box-shadow:inset 1px 1px 5px 1px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77ff00), color-stop(1, #499e03) );
	background:-moz-linear-gradient( center top, #77ff00 5%, #499e03 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ff00', endColorstr='#499e03');
	background-color:#77ff00;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #268a16;
	display:inline-block;
	color:#ffffc7;
    font-family: B Koodak;
   font-size: 18px;
	font-weight:bold;
	font-style:normal;
	height:55px;
	line-height:15px;
	width:74px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #aade7c;
}
.btn-n:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #499e03), color-stop(1, #77ff00) );
	background:-moz-linear-gradient( center top, #499e03 5%, #77ff00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#499e03', endColorstr='#77ff00');
	background-color:#499e03;
}.btn-n:active {
	position:relative;
	top:1px;
}
.btn-d-l {
	-moz-box-shadow:inset 1px 1px 5px 1px #caefab;
	-webkit-box-shadow:inset 1px 1px 5px 1px #caefab;
	box-shadow:inset 1px 1px 5px 1px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77ff00), color-stop(1, #499e03) );
	background:-moz-linear-gradient( center top, #77ff00 5%, #499e03 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ff00', endColorstr='#499e03');
	background-color:#77ff00;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:37px;
	-moz-border-radius-bottomleft:37px;
	border-bottom-left-radius:37px;
	text-indent:0;
	border:1px solid #268a16;
	display:inline-block;
	color:#ffffc7;
    font-family: B Koodak;
   font-size: 18px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:15px;
	width:71px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #aade7c;
}
.btn-d-l:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #499e03), color-stop(1, #77ff00) );
	background:-moz-linear-gradient( center top, #499e03 5%, #77ff00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#499e03', endColorstr='#77ff00');
	background-color:#499e03;
}.btn-d-l:active {
	position:relative;
	top:1px;
}
.btn-d-r {
	-moz-box-shadow:inset 1px 1px 5px 1px #caefab;
	-webkit-box-shadow:inset 1px 1px 5px 1px #caefab;
	box-shadow:inset 1px 1px 5px 1px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77ff00), color-stop(1, #499e03) );
	background:-moz-linear-gradient( center top, #77ff00 5%, #499e03 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ff00', endColorstr='#499e03');
	background-color:#77ff00;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:37px;
	-moz-border-radius-bottomright:37px;
	border-bottom-right-radius:37px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #268a16;
	display:inline-block;
	color:#ffffc7;
    font-family: B Koodak;
   font-size: 16px;
	font-weight:bold;
	font-style:normal;
	height:55px;
	line-height:15px;
	width:75px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #aade7c;
}
.btn-d-r:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #499e03), color-stop(1, #77ff00) );
	background:-moz-linear-gradient( center top, #499e03 5%, #77ff00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#499e03', endColorstr='#77ff00');
	background-color:#499e03;
}.btn-d-r:active {
	position:relative;
	top:1px;
}    
.dnone {
display:none;
}


    .border,
			.rain{
				height: 100%;
				width: 320px;
			}
			/* Layout with mask */
			.rain{
				 padding: 10px 12px 12px 10px;
				 -moz-box-shadow: 10px 10px 10px rgba(0,0,0,1) inset, -9px -9px 8px rgba(0,0,0,1) inset;
				 -webkit-box-shadow: 8px 8px 8px rgba(0,0,0,1) inset, -9px -9px 8px rgba(0,0,0,1) inset;
				 box-shadow: 8px 8px 8px rgba(0,0,0,1) inset, -9px -9px 8px rgba(0,0,0,1) inset;
				 /*margin: 100px 0 200px 0;*/
			}
			/* Artifical "border" to clear border to bypass mask */
			.border{
				padding: 1px;
				-moz-border-radius: 5px;
			    -webkit-border-radius: 5px;
				border-radius: 5px;
			}

			.border,
			.rain,
			.border.start,
			.rain.start{
				background-repeat: repeat-x, repeat-x, repeat-x, repeat-x;
				background-position: 0 0, 0 0, 0 0, 0 0;
				/* Blue-ish Green Fallback for Mozilla */
				background-image: -moz-linear-gradient(left, #09BA5E 0%, #00C7CE 15%, #3472CF 26%, #00C7CE 48%, #0CCF91 91%, #09BA5E 100%);
				/* Add "Highlight" Texture to the Animation */
				background-image: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(0,0,0,.3)), color-stop(23%,rgba(0,0,0,.1)), color-stop(40%,rgba(255,231,87,.1)), color-stop(61%,rgba(255,231,87,.2)), color-stop(70%,rgba(255,231,87,.1)), color-stop(80%,rgba(0,0,0,.1)), color-stop(100%,rgba(0,0,0,.25)));
				/* Starting Color */
				background-color: #39f;
				/* Just do something for IE-suck */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00BA1B', endColorstr='#00BA1B',GradientType=1 );
			}
			
			/* Non-keyframe fallback animation */
			.border.end,
			.rain.end{
				-moz-transition-property: background-position;  
				-moz-transition-duration: 30s;
				-moz-transition-timing-function: linear;
				-webkit-transition-property: background-position;  
				-webkit-transition-duration: 30s;  
				-webkit-transition-timing-function: linear;
				-o-transition-property: background-position;  
				-o-transition-duration: 30s;  
				-o-transition-timing-function: linear;
				transition-property: background-position;  
				transition-duration: 30s;  
				transition-timing-function: linear;
				background-position: -5400px 0, -4600px 0, -3800px 0, -3000px 0;	
			}
			
			/* Keyfram-licious animation */
			@-webkit-keyframes colors {
			    0% {background-color: #39f;}
			    15% {background-color: #F246C9;}
			    30% {background-color: #4453F2;}
			    45% {background-color: #44F262;}
			    60% {background-color: #F257D4;}
			    75% {background-color: #EDF255;}
			    90% {background-color: #F20006;}
			    100% {background-color: #39f;}
		    }
		    .border,.rain{
			    -webkit-animation-direction: normal;
			    -webkit-animation-duration: 20s;
			    -webkit-animation-iteration-count: infinite;
			    -webkit-animation-name: colors;
			    -webkit-animation-timing-function: ease;
		    }
		    
		    /* In-Active State Style */
			.border.unfocus{
				background: #333 !important;	
				 -moz-box-shadow: 0px 0px 15px rgba(255,255,255,.2);
				 -webkit-box-shadow: 0px 0px 15px rgba(255,255,255,.2);
				 box-shadow: 0px 0px 15px rgba(255,255,255,.2);
				 -webkit-animation-name: none;
			}
			.rain.unfocus{
				background: #000 !important;	
				-webkit-animation-name: none;
			}
			
			/* Regular Form Styles */
			form{
				background: #212121;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			        border-radius: 5px;
				height: 100%;
				width: 100% auto;
				background: -moz-radial-gradient(50% 46% 90deg,circle closest-corner, #252525, #090909);
				background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 150, from(#252525), to(#090909));
			}
			form label{
				display: block;
                font-family: 'B Koodak';
				padding: 10px 10px 5px 15px;
				font-size: 22px;
				color: #777;
			}
			form input,select{
				display: block;
				margin: 5px 10px 10px 15px;
				width: 85%;
				background: #111;
				-moz-box-shadow: 0px 0px 4px #000 inset;
				-webkit-box-shadow: 0px 0px 4px #000 inset;
				box-shadow: 0px 0px 4px #000 inset;
				outline: 1px solid #333;
				border: 1px solid #000;
				padding: 5px;
				color: #444;
				font-size: 16px;
			}
			form input:focus{
				outline: 1px solid #555;
				color: #FFF;
			}
			
            
.post { margin: 0 auto; padding-bottom: 50px; float: left; width: 960px auto;  }

.textbox{
width:50px;
}

#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}
#mask2 {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.6;
	z-index: 1000;
}

A{font-family: 'B Koodak';}
B {	font-family : 'B Koodak';	font-size : 14px;	font-weight : bold;}
.error_strings{ font-family:'B Koodak'; font-size:14px; color:#FFD801;padding-right: 10px; text-align: right;}


#container p, #container2 p, #container3 p, #container4 p, #container5 p, #container6 p, #container7 p, #container8 p, #container9 p, #container10 p, #container11 p{
    font-family: B Koodak;
   font-size: 20px;
   color: #FFF;
   padding: 8px;
}

#container3 td img{
   padding: 25px;
   width:300px;
}

#container4 th{
    font-family: B Koodak;
   font-size: 14px;
   padding: 8px;
}
#container7 td{
    font-family: B Koodak;
   font-size: 18px;
   color: #BBB;
   padding: 8px;
}
#container8 td, #container9 td, #container10 td, #container11 td{
   font-family: B Koodak;
   font-size: 20px;
   color: #FFF; 
}
#container .info,#container2 .info,#container3 .info,#container4 .info, #container5 .info ,#container6 .info ,#container7 .info ,#container8 .info{
    font-family: B Koodak;
   font-size: 14px;
   color: #FAF;
}
.login-popup {
	display:none;
	background: #000 transparent;
	padding: 10px; 	
	
	font-size: 1.2em;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 99999;
}
#container #lost_btn{
width:150px;
height:25px;
font-family: B Koodak;
    font-size: 14px;
	vertical-align:text-top;
}
#container #login{
width:150px;
height:60px;
font-family: B Koodak;
    font-size: 26px;
}
.login-popup2 {
	display:none;
	background: #000 transparent;
	padding: 30px; 	
	/*float: left;*/
	font-size: 1em;
	position: absolute !important;
	top: 105%; left: 50%;
	z-index: 99999;
}
.login-popup2 .img-r{
    margin-right: 20px;
    margin-top: 10px;
    float: right;
}
#container2 #button2{
width:180px;
height:60px;
font-family: B Koodak;
    font-size: 26px;
}
.login-popup3 {
	display:none;
	background-color: rgba(0,0,0,0.5);
	padding: 30px; 
    min-width: 400px;	
	width: 740px;
	font-size: 1em;
	position: absolute !important;
	top: 600px; left: 50%;
	z-index: 10000;
    border: solid 3px black;
}
#fancybox-wrap
{
    z-index: 12001;
}
.login-popup4 {
	display:none;
	background-color: rgba(0,0,0,0.5);
	padding: 30px; 	
    min-width: 700px;
	/*float: left;*/
	font-size: 1em;
	position: absolute !important;
	top: 50%; left: 50%;
	z-index: 99999;
    border: solid 3px black;
}
.login-popup5 {
	display:none;
	background-color: rgba(0,0,0,0.5);
	padding: 30px; 
    min-width: 700px;	
	/*float: left;*/
	font-size: 1em;
	position: absolute !important;
	top: 50%; left: 50%;
	z-index: 99999;
    border: solid 3px black;
}
.login-popup6 {
	display:none;
	background-color: rgba(0,0,0,0.5);
	padding: 30px; 	
    min-width: 700px;
    width: 900px;
	/*float: left;*/
	font-size: 1em;
	position: absolute !important;
	top: 1050px; left: 50%; 
	z-index: 99999;
    border: solid 3px black;
}
.login-popup7 {
	display:none;
	background-color: rgba(0,0,0,0.5);
	padding: 30px; 	
    min-width: 700px;
	/*float: left;*/
	font-size: 1em;
	position: absolute !important;
	top: 50%; left: 50%;
	z-index: 99999;
    border: solid 3px black;
}
.login-popup8 {
	display:none;
	background-color: rgba(0,0,0,0.5);
	padding: 30px; 	
    min-width: 700px;
	/*float: left;*/
	font-size: 1em;
	position: absolute !important;
	top: 50%; left: 50%;
	z-index: 99999;
    border: solid 3px black;
}
.login-popup9 {
	display:none;
	background-color: rgba(0,0,0,0.5);
	padding: 0; 	
    min-width: 300px;
	/*float: left;*/
	font-size: 1em;
	position: absolute !important;
	top: 50%; left: 50%;
	z-index: 99999;
    border: solid 3px black;
}

.login-popup10 {
	display:none;
	background-color: rgba(0,0,0,0.5);
	padding: 30px; 	
    min-width: 400px;
	width:700px;
	/*float: left;*/
	font-size: 1em;
	position: absolute !important;
	top: 50%; left: 50%;
	z-index: 99999;
    border: solid 3px black;
}
.login-popup11 {
	display:none;
	background-color: rgba(0,0,0,0.5);
    min-width: 400px;
	/*float: left;*/
	font-size: 1em;
	line-height: 1.1875;
	position: absolute !important;
	top: 50%; left: 50%;
	z-index: 99999;
    border: solid 3px black;
}
.error-popup {
	display:block;
	position:absolute;
	background-color: rgba(0,0,0,0.5);
    width: 380px;
	font-family: B Koodak;
    font-size: 20px;
    color: #FFF;
	padding:10px;
	line-height: 1.1875;
	top: 40%; left: 40%;
	z-index: 99999;
    border: solid 3px black;
}


/** FORM **/

.formRow {
	width:410px;
	margin:6px auto;
	clear:both;
}

.formRow label{
	display:block;
	float:left;
	width:100px;
	text-align:right;
	padding:4px 10px 10px 5px;
}

.formRow input{
	display:block;
	width:282px;
	text-align:left;
	padding:1px 3px;
}

.formRow select {
	margin: 4px 10px 20px -23px;
	width: 230px;
}
input.submitButton{
	width:100px !important;
	cursor:pointer;
	margin:10 auto;
	display: block;
}
img.btn_close {
	float: right; 
	margin: -28px -28px 0 0;
}
.txtw {
    font-size: 12px;
    color: #FFF;
} 
.small {
            font-size: 10px;
        }
#dvloader {
	position: fixed;
	border: 0px solid #000;
    background: rgba(0,0,0,0.95);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
}
#dvloader img {
    position: absolute;
    width:250px;
    top :45%;
    left:45%;
}
/** HEADER **/

nav {
	display: block;
}
header {
	display: block;
	height: 25px;
    width: 100%;
	background: url(../../images/login/header.png) repeat-x center bottom;
    position: fixed;
	border: 1px solid rgb(3, 0, 0);
	border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px
}


ul#language, #menu2 {
	margin:0;
    padding: 0;
	list-style: none
}

ul#language{
	margin-right:10px;
	float:right;
}

#menu2 {
	margin-left:10px;
}

#menu2 li{
	float:left;
    padding-left: 3px;
    padding-top: 5px;
}

ul#rules {
	list-style:none;
	margin:0;
	padding:0;
}

#language li{
	float:left;
    padding-right: 0;
    padding-top: 5px;
	
}

#menu2 a {
	color:#AAA;
	display: block;
	font-family:arial;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	vertical-align:middle;
    text-decoration: none;
    font-size: 10px;
	padding: 0 10px 0 10px;
}

#menu2 a:hover {
	color: #FFD700
}

footer{
	background: url(../../images/login/header.png) repeat-x center bottom #47494b;
	height: 19px;
	font: 14px/19px Verdana,Arial,Helvetica,Tahoma,sans-serif bold;
	text-align: center;
	position: fixed;
	bottom: 0px;
	z-index: 500;
	width: 100%;
	clear: both;
}

footer .content{
	margin:0px auto;
	padding-top:0px;
	width:720px;
.captcha{margin:0 auto;
		width: 300px;
		height: 500px;}

.captcha label{float: left;
			margin-bottom: 20px;
			font-size:22px;
			font-family: 'primelight';
			font-size: 20px;
			line-height: 30px;
			margin-right: 10px;}

.captcha input[type="text"]{float: left;
							height:22px;
							padding:0px 5px;
							font-size: 16px;
							font-family: 'primelight';}
                            
        .desc { color:#6b6b6b;}
        .desc a {color:#0092dd;}
        
        .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
        .dropdown dd { position:relative; }
        .dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
        .dropdown a:hover { color:#5d4617;}
        .dropdown dt a:hover { color:#5d4617; border: 1px solid #d0c9af;}
        .dropdown dt a {background:#e4dfcb url(../images/arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
                        border:1px solid #d4ca9a; width:150px;}
        .dropdown dt a span {cursor:pointer; display:block; padding:5px;}
        .dropdown dd ul { background:#e4dfcb none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none;
                          left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
        .dropdown span.value { display:none;}
        .dropdown dd ul li a { padding:5px; display:block;}
        .dropdown dd ul li a:hover { background-color:#d0c9af;}
        
        .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
       /** OUT BOX **/