body {
    background: #383838 url('../Images/bkg_main.jpg') repeat;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

translation
{
    visibility: hidden;
    pointer-events:none;
}

a {
    color: #818080;
    text-decoration: none;
}

a:hover {
    /*text-decoration: underline;*/
}

h2, h3 {
    font-weight: normal;
}

h2 {
    font-size: 30px;
    color: #000;
}

h3 {
    font-size: 14px;
}

.Shadow {
    text-shadow: 0 0 4px #000000;
}

.Hidden {
    display: none !important;
}

/* Aligners
.................. */
.Center {
    margin-left: auto;
    margin-right: auto;
}

.AlignL {
    text-align: left;
}

.AlignC {
    text-align: center;
}

.AlignR {
    text-align: right;
}

.AlignJ {
    text-align: justify;
}

.FloatL {
    float: left;
}

.FloatR {
    float: Right;
}

.Clear {
    clear: both;
}

/* Colors
.................. */
.Orange {
    color: #e37207;
}

.DarkOrange {
    color: #f86308;
}

.LOrange {
    color: #f8c54e;
}

.Green {
    color: #74bf2b;
}

.Red {
    color: #f00;
}
.BlueDark{
    color: #39779C;
}

.White{
    color: #FFFFFF;
}

.Black{
    color: #000000;
}

.MainLoader {
    background: url("../Images/loader_black.gif") no-repeat center center #000000;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10001;
}

.MainLoader span {
    color: #F1B948;
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    left: 50%;
    margin-left: -36px;
    margin-top: 41px;
    opacity: 0.7;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
}

.Loader {
    background: url("../Images/loader_grey.gif") no-repeat scroll center center #FFFFFF;
    border-radius: 7px;
    bottom: 36px;
    display: none;
    left: 9px;
    position: absolute;
    right: 9px;
    top: 38px;
    z-index: 1000;
}
/* Start Styling
.................. */
.Wrapper {
    margin-bottom: 5px;
    width: 950px;
}

.Resize {
    height: 700px;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}
/* Header Section
.................. */
#Header {
    background: url('../Images/header_glow.png') no-repeat center bottom;
    position: relative;
    min-height: 134px;
    padding-top: 5px;
}

#Header .Logo {
    background: url('../Images/logo.png') no-repeat;
    /*bottom: -6px;*/
    bottom: -6px;
    display: block;
    height: 124px;
    left: -19px;
    overflow: hidden;
    position: absolute;
    text-indent: -100px;
    width: 156px;
    z-index: 1;
}

#Header .TextBlock {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #181818;
    border-bottom: 1px solid transparent;
    border-radius: 6px;
    text-shadow: 0px 0px 3px black;
    box-shadow: 0 0 6px black inset;
    display: inline-block;
    font-size: 10px;
    padding: 7px 18px;
    position: relative;
    text-align: center;
}

#Header .TextBlock:after { /* .TextBlock shadow */
    bottom: -1px;
    /* box-shadow: 0 7px 13px -6px black; */
    content: " ";
    display: block;
    left: 20px;
    position: absolute;
    right: 20px;
    top: 0;
    z-index: -1;
}

#Header .Slogan {
    color: #F7BE49;
    left: 6px;
    text-transform: uppercase;
    top: 5px;
}

#Header #User {
    display: inline;
}

.Member #Header #User {
    display: block;
    height: 91px;
    position: absolute;
    right: 0;
    top: 45px;
    width: 821px;
}

.Guest #Header #User .Block {
    left: -17px;
    margin-top: 5px;
    position: relative;
    width: 292px;
    height: 104px;
}

.Guest #Header #User .Row {
    margin-bottom: -19px;
    margin-left: -8px;
    overflow: hidden;
    padding-bottom: 29px;
    padding-left: 8px;
    position: relative;
    vertical-align: top;
}

.Guest #Header #User .Row:after { /* input shadow */
    border-radius: 6px 6px 6px 6px;
    /* box-shadow: 0 9px 25px -6px black;*/
    content: " ";
    display: block;
    height: 23px;
    left: 8px;
    position: absolute;
    top: 0;
    width: 147px;
    z-index: -1;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:  #555;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:  #555;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:  #555;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:  #555;
}

.Guest #Header #User input[type=text],
.Guest #Header #User input[type=password] {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #181818;
    border: 1px solid #4A2C1A;
    border-bottom: 0;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 6px black inset;
    color: #F7850A;
    font-size: 11px;
    font-weight: bold;
    height: 21px;
    padding: 0 8px;
    text-align: left;
    width: 129px;
    float: left;
    font-weight: bold;
    outline: none;
}

.Guest #Header #User input[type=button],
.Guest #Header #User input[type=submit],
.Guest #Header #User .Button {
    border: 1px solid #313131;
    border-radius: 6px;
    box-shadow: 0 0 5px 2px black inset;
    color: #F8C54E;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    margin-left: 30px;
    padding: 0px 2px 4px;
    text-align: center;
    font-family: Verdana;
}

.Guest #Header #User input[type=button],
.Guest #Header #User input[type=submit] {
    width: 109px;
    line-height: 16px;
}

.Guest #Header #User .Button {
    height: auto;
    padding: 5px 0;
    width: 107px;
}

.Guest #Header #User .Button:hover {
    text-decoration: none;
}

.Guest #Header #User .Links {
    font-size: 11px;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    text-shadow: 0 0 4px #000000;
}

.Guest #Header #User .Links label,
.Guest #Header #User .Links a {
    color: #F8C54E;
}

.Guest #Header #User .Links label:hover,
.Guest #Header #User .Links a:hover {
    color: #F8C54E;
    text-decoration: underline;
    cursor: pointer;
}

.Guest #Header #User .Links label {
    margin-left: 2px;
}

.Guest #Header #User .Links a {
    display: block;
    margin-right: 4px;
    padding: 4px;
}

#Header .HeaderControls {
    position: absolute;
    right: 0;
    top: 35px;
    width: 325px;
    vertical-align: text-bottom;
}

.AvatarContainer .Outer {
    /*    background: url("../Images/avatar_big_bkg.png") no-repeat scroll 0 0 transparent;
            background-size: 190px 194px;
        display: inline-block;
        height: 194px;
        overflow: hidden;
        position: relative;
        width: 186px;*/
    background: url("../Images/avatar_lil_bkg.png") no-repeat scroll 0 0 transparent; height: 86px; width: 76px; background-size: 73px 86px; text-align: center; padding-top: 6px; margin-left: 2px;
}

.AvatarContainer .Gloss {
    border-radius: 2px;
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    /*background: url("../Images/avatar_big_glossy.png") no-repeat scroll 0 0 transparent;*/
    background-size: 190px 200px;
    bottom: 9px;
    left: 10px;
    right: 10px;
    top: 9px;
}

.AvatarContainer .AvatarImage {
    bottom: 68px;
    left: 12px;
    position: absolute;
    right: 12px;
    top: 11px;
}

.AvatarContainer .AvatarImage img {
    border-radius: 4px;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.AvatarContainer span {
    color: #F7EE2F;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    left: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    z-index: 1;
    text-shadow: 0 0 3px #000000;
}

.AvatarContainer .AvatarInfo {
    position: absolute;
    height: 52px;
    bottom: 16px;
    left: 12px;
    right: 12px;
    background-color: #1f1665;
    overflow: hidden;

}

.AvatarContainer .AvatarInfo .AvatarUserName {
    padding: 2px 4px 2px 4px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.AvatarContainer .AvatarInfo  {
    padding: 2px 4px 2px 4px;
    font-size: 28px;
    text-align: center;
}

.AvatarContainer .UserID {
    bottom: 12px;
}

.AvatarContainer .Username {
    bottom: 27px;
}

.Member #Header .HeaderControls {
    left: 307px;
    top: 10px;
    width: auto;
}

.Member #Header .HeaderControls .Row {
    float: right;
    position: relative;
    top: -3px;
}

#Header .HeaderControls .DateTime {
    display: inline-block;
    font-family: 'digital-7mono';
    font-size: 18px;
    margin-top: 3px;
    padding: 3px 10px 2px;
}

#Header .HeaderControls .DateTime .Time {
    color: #F8C54E;
    margin-right: 5px;
}

#Header .HeaderControls .DateTime .Date {
    color: #EFEFEF;
}

#Header .HeaderControls .SignalBars {
    display: inline-block;
    margin: 5px;
    background: url('../Images/signal_bars_n.png') no-repeat;
    width: 45px;
    height: 20px;
    float: left;
}

#Header .HeaderControls .SignalBars.Level0 {
    background-position: 0px 0px;
}

#Header .HeaderControls .SignalBars.Level1 {
    background-position: 0px -20px;
}

#Header .HeaderControls .SignalBars.Level2 {
    background-position: 0px -40px;
}

#Header .HeaderControls .SignalBars.Level3 {
    background-position: 0px -60px;
}

#Header .HeaderControls .SignalBars.Level4 {
    background-position: 0px -80px;
}

#Header .HeaderControls .SignalBars.Level00 {
    background-position: 0px -100px;
}

#Header .HeaderControls .Buttons {
    display: inline-block;
}

#Header .HeaderControls .Buttons a {
    display: block;
    float: left;
    height: 30px;
    overflow: hidden;
    /*text-indent: -100px;*/
    background-position: center top;
    background-repeat: no-repeat;
    width: 34px;
    margin-right: 6px;
}



#Header .HeaderControls .Buttons .Mute {
    background: url('../Images/mute.png');

}

#Header .HeaderControls .Buttons .Mute.Muted {
    background-position: bottom left;
}


#Header .HeaderControls .Buttons a.LogOut {
    background: url('../Images/log_out.png');
}

#Header .HeaderControls .Buttons a.wifi {
    background: url('../Images/antenna_n.png');
    background-position: center top;
    background-repeat: no-repeat;
}

#Header .HeaderControls .Buttons a.BackNav {
    background: url('../Images/back_button.png');
}

#BackButton {
    margin-top: 1px;
}

#Header .HeaderControls .Buttons a.Language {
    background: url('../Images/lang_en.png');
}

#Header .HeaderControls .UsersOnline {
    color: #969696;
    /* color: #F7BE49;*/
    margin-top: 15px;
}

.Member #Header .HeaderControls .UsersOnline {
    margin: 0;
}

#Header .HeaderControls .UsersOnline strong {
    margin: 0px 2px;
}

.Member #Header #User .Block {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #494C52;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 10px black inset;
    color: #77BEF8;
    float: left;
    font-size: 11px;
    margin-right: 1px;
    padding: 4px;
    position: relative;
    text-shadow: 0 0 3px black;
    width: 176px;
}

.Member #Header #User .Block strong {
    display: block;
    text-align: right;
}

.Member #Header #User .Block .Timer {
    margin-top: 8px;
}

.Member #Header #User .Block .Timer div {
    overflow: hidden;
}

.Member #Header #User .Block .Timer div span {
    white-space: nowrap;
}

.Member #Header #User .Block .Timer .Orange {
    margin-bottom: 4px;
}

.Member #Header #User .Block .Timer div img {
    float: right;
}

.Member #Header #User .Block .PushButton {
    right: 18px;
    position: absolute;
    top: 5px;
}

.Member #Header #User .UserName {
    bottom: 2px;
    width: 110px;
    padding: 4px 0px;
    position: absolute;
    right: 78px;
    font-weight: bold;
}

.Member #Header #User .NavLogOut {
    bottom: 0;
    font-weight: bold;
    min-width: 57px;
    padding: 5px;
    position: absolute;
    right: 80px;
}

.Member #Header #User .NavLogOut:hover {
    text-decoration: none;
}

.Member #Header #User .AvatarContainer {
    float: right;
    position: absolute;
    right: -110px;
    top: -2px;
    -moz-transform: scale(0.43);
    -ms-transform: scale(0.43);
    -o-transform: scale(0.43);
    -webkit-transform: scale(0.43);
    transform: scale(0.43);
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
}

.GreenBar {
    background-color: #3DF817;
    border-radius: 100px;
    display: none;
    height: 3px;
    left: 100px;
    position: absolute;
    right: 100px;
    top: 31px;
}

.GreenBarContent {
    background-color: #3DF817;
    border-radius: 3px;
    height: 3px;
    left: 75px;
    position: absolute;
    right: 280px;
    top: 40px;
    display: block;
    margin-bottom: 10px;
}

/* Content Section
.................. */
#MainContainer {
    border: 1px #101010 solid;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.75), 0px 0px 10px rgba(0,0,0,0.8) inset;
    border-radius: 10px;
    position: relative;
}

#ContentHeader {
    height: 37px;
}

#ContentHeaderGame{
    position: absolute;
    left: 275px;
    top: 72px;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
}

#ContentHeader h1 {
    color: #fff;
    font-size: 19px;
    font-weight: normal;
    padding: 6px 0;
    text-align: center;
    text-shadow: 0 0 4px black;
    text-transform: uppercase;
}

#Content {
    background-color: #E3E3E3;
    border: 1px solid #FAFAFA;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.5) inset;
    height: 490px;
    overflow: hidden;
    /*margin: 0 8px;*/
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 15px;
    padding: 10px;
    position: relative;
}

#Content .Block {
    border: 1px solid #fff;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 19px 28px -35px black;
}

#Content .Block header {
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
    color: #DFDFDF;
    padding: 6px 0;
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
    position: relative;
}

#Content .Block header.AlignL {
    text-align: left;
}

#Content .Block header.AligR {
    text-align: right;
}

#Content .Block header .PushButton {
    position: absolute;
}

#Content .Block header h1 {
    font-size: 19px;
    text-transform: uppercase;
}

#Content .Block header h2 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

#Content .Block header.Caption {
    color: #000;
}

#Content .Block header.Caption span {
    display: block;
    margin-bottom: -5px;
    font-size: 11px;
    font-weight: 700;
}

#Content .Block header.Yellow {
    text-shadow: none;
}

#Content .Block header.Yellow h1,
#Content .Block header.Yellow h2 {
    color: #064b74;
}

#Content .Block header.Blue h1,
#Content .Block header.Blue h2 {
    color: #ffffff;
}

#Content .Block header.Caption h2 {
    margin-bottom: 2px;
    margin-top: -5px;
}

#Content .Block .BlockShadow {
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.3) inset;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1000;
    pointer-events: none;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

#Content .Row {
    overflow: hidden;
}

.oranjestreepjes{
    position: relative;
    padding-left: 7px; /*5px 1px 0*/
    margin: auto;  
    display: block;
    border: 0;
}

/* Red & Green Buttons */
.PushButton {
    background: url("../Images/red_buttons_new.png") no-repeat;
    display: inline-block;
    position: relative;
    border-radius: 150px;
    overflow: hidden;
    z-index: 1;
}
.PushButton.Green {
    background: url("../Images/green_buttons.png") no-repeat;
}

.PushButton img {
    position: relative;
}

.PushButton.Huge {
    background-position: -2px -141px;
    height: 137px;
    width: 145px;
}

.PushButton.Bigger {
    background-position: -186px 0px;
    height: 112px;
    width: 119px;
}

.PushButton.Big {
    background-position: 1px 0;
    width: 87px;
    height: 82px;
}

.PushButton.Mid {
    background-position: 1px -84px;
    height: 50px;
    width: 53px;
}
.PushButton.Mid.One {
    position: absolute;
    top: 10px;
    left: 290px;
}
.PushButton.Mid.Two {
    position: absolute;
    top: 10px;
    left: 405px;
}
.PushButton.Mid.Three {
    position: absolute;
    top: 10px;
    left: 515px;
}
.GreenButtons .PlayTxt {
    position: absolute;
    transform: rotate(-25deg);
    font-family: Arial;        
    color: #222222;        
    font-weight: bold;
    font-size: 20px;
    z-index: 5;
    display: block;
    width: 185px;
    line-height: 26px;
    text-align: center;
}
.GreenButtons .PlayTxt.One {
    left: 110px;        
    top: 75px;
}
.GreenButtons .PlayTxt.Two {
    left: 227px;        
    top: 75px;
}
.GreenButtons .PlayTxt.Three {
    left: 339px;        
    top: 75px;
}

.PushButton.QuitGame {
    background-position: -339px -117px;
    height: 35px;
    width: 38px;
}

.PushButton.Min {
    background-position: -110px -109px;
    height: 32px;
    width: 34px;
}
.StartNow {
    background: url("../Images/StartNow.png") no-repeat;
    display: inline-block;
    position: relative;
    border-radius: 150px;
    overflow: hidden;
    z-index: 1;
    height: 69px;
    width: 74px;
}

.textStartNow {
    margin-top: 14px; 
    margin-left: 15px; 
    font-size: 13px; 
    color: #FFF; 
    text-align:center!important; 
    font-family: 'cartogothic_stdbold', Verdana, Tahoma, Arial; 
    width: 20px; 
    text-transform: uppercase;
}

.PushButton.Min img {
    /*
        left: -10px;
    top: -8px;
    -moz-transform: scale(0.73);
    -ms-transform: scale(0.73);
    -o-transform: scale(0.73);
    -webkit-transform: scale(0.73);
    transform: scale(0.74);
    */
}

.PushButton.Min .Send {
    left: -10px;
    top: -8px;
    -moz-transform: scale(0.74);
    -ms-transform: scale(0.74);
    -o-transform: scale(0.74);
    -webkit-transform: scale(0.74);
    transform: scale(0.74);
}

.PushButton.Min .Send a{
    left: -10px;
    top: -8px;
    -moz-transform: scale(0.74);
    -ms-transform: scale(0.74);
    -o-transform: scale(0.74);
    -webkit-transform: scale(0.74);
    transform: scale(0.74);
}

.PushButton.Min .Send a:hover{
    left: -10px;
    top: -8px;
    -moz-transform: scale(0.74);
    -ms-transform: scale(0.74);
    -o-transform: scale(0.74);
    -webkit-transform: scale(0.74);
    transform: scale(0.74);
}
.PushButton.Min .SendChat {
    left: -10px;
    top: -8px;
    -moz-transform: scale(0.74);
    -ms-transform: scale(0.74);
    -o-transform: scale(0.74);
    -webkit-transform: scale(0.74);
    transform: scale(0.74);
}

.PushButton.Min .SendChat a{
    left: -10px;
    top: -8px;
    -moz-transform: scale(0.74);
    -ms-transform: scale(0.74);
    -o-transform: scale(0.74);
    -webkit-transform: scale(0.74);
    transform: scale(0.74);
}

.PushButton.Min .SendChat a:hover{
    left: -10px;
    top: -8px;
    -moz-transform: scale(0.74);
    -ms-transform: scale(0.74);
    -o-transform: scale(0.74);
    -webkit-transform: scale(0.74);
    transform: scale(0.74);
    background-color: red;
}
.PushButton.Mic {
    background-position: -111px -84px;
    height: 23px;
    width: 25px;
}

/*.PushButton.Mic {
    background-position: -195px -114px;
    height: 28px;
    width: 27px;
}*/

/*.PushButton.HUT {
    background-position: -188px -111px;
    height: 31px;
    width: 30px;
}*/

/* Green Button */
.GreenButton {
    border-radius: 10px 10px 10px 10px;
    border-top: 1px solid #FFFFFF;
    box-shadow: 0 0 0 1px #8E8E8E, 0 0 10px 0 #1AFE00 inset, 0 0 10px 0 #1AFE00 inset;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 33px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #1AFE00, 0 0 25px #1AFE00, 0 0 25px #1AFE00;
    text-transform: uppercase;
    border: 0;
}

.GreenButtonNew {
    border-radius: 6px;
    border-top: 1px solid #FFFFFF;
    background-color: #3DF817;
    box-shadow: 0 0 0 1px #8E8E8E, 0 0 10px 0 #1AFE00 inset, 0 0 10px 0 #1AFE00 inset;
    display: inline-block;
    width: 200px;
    position: relative;
    color: #000;
    text-align: center;
    padding: 3px;
    font-size: 18px;
    text-shadow: 0 1px 0 #1AFE00, 0 0 25px #1AFE00, 0 0 25px #1AFE00;
    text-transform: uppercase;
    border: 0;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top: 17px;
    font-family: Arial, Verdana, Geneva, sans-serif;
}

.GreenButton:hover {
    text-decoration: none;
}

/*.GreenButton:after {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        content: ' ';
    }*/

.GreenButton .PushButton {
    position: absolute;
}

.Block header .GreenButton {
    color: #FDF636;
    font-size: 16px;
    margin: -3px 0;
    padding: 6px 33px 9px;
    text-shadow: 0 -1px 0 #21AB14, 1px 0 0 #21AB14, -1px 0 0 #21AB14;
    text-transform: none;
}

span.GreenButton {
    cursor: default;
}

.RedBtnBg {
    background-color: red;
    border-radius: 0.4em;
    display: inline-block;
    font-family: 'cartogothic_stdbold',Verdana;    
    margin-top: 10px;    
    text-transform: uppercase;
    border: 0;    

    background: rgb(206,20,20);
    background: -moz-linear-gradient(left, rgba(206,20,20,1) 0%, rgba(135,6,6,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(206,20,20,1)), color-stop(100%,rgba(135,6,6,1)));
    background: -webkit-linear-gradient(left, rgba(206,20,20,1) 0%,rgba(135,6,6,1) 100%);
    background: -o-linear-gradient(left, rgba(206,20,20,1) 0%,rgba(135,6,6,1) 100%);
    background: -ms-linear-gradient(left, rgba(206,20,20,1) 0%,rgba(135,6,6,1) 100%);
    background: linear-gradient(to right, rgba(206,20,20,1) 0%,rgba(135,6,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce1414', endColorstr='#870606',GradientType=1 );
}

.GreenBtnBg {
    background-color: green;
    border-radius: 0.4em;
    display: inline-block;
    font-family: 'cartogothic_stdbold',Verdana;    
    margin-top: 10px;    
    text-transform: uppercase;
    border: 0;    

    background: rgb(24,229,14);
    background: -moz-linear-gradient(left, rgba(24,229,14,1) 0%, rgba(21,206,12,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(24,229,14,1)), color-stop(100%,rgba(21,206,12,1)));
    background: -webkit-linear-gradient(left, rgba(24,229,14,1) 0%,rgba(21,206,12,1) 100%);
    background: -o-linear-gradient(left, rgba(24,229,14,1) 0%,rgba(21,206,12,1) 100%);
    background: -ms-linear-gradient(left, rgba(24,229,14,1) 0%,rgba(21,206,12,1) 100%);
    background: linear-gradient(to right, rgba(24,229,14,1) 0%,rgba(21,206,12,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18e50e', endColorstr='#15ce0c',GradientType=1 );
}

.HintDefault {
    background-color: #FEFEC9; /*#9B9B9A;*/
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.7);
    font-size: 12px;
    position: absolute;	 
    width: 125px;
    z-index: 150;
}

.HintDefault div {
    background-color: #EEEDEC;
    box-shadow: 0 0 3px 3px #FFFFFF;
    margin: 2px;
    padding: 3px;
    color: #000000;
    text-transform: uppercase;
    text-align: center;       
} 

/* Desktop Button */
.DesktopIcon {
    display: block;
    background: url('../../Neutral/Images/Desktop-Icon-arlekin.png') no-repeat;
    height: 75px;
    width: 53px;
    margin: 23px 10px 0 16px;
    position: relative;
}

.DesktopIcon a {
    /*    border-radius: 9px 9px 9px 9px;
        bottom: 19px;
        box-shadow: 0 0 0 0 #000000 inset;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        opacity: 0;
        text-indent: -999px;
        top: 1px;;*/
}

.SocialInner {
    background: url("../Images/social_lobby.png") no-repeat scroll 0 0 transparent;
    height: 40px;
    position: absolute;
    right: 8px;
    top: 2px;
    width: 118px;
}

.SocialInner a {
    display: block;
    height: 23px;
    position: absolute;
    width: 23px;
}

.SocialInner a.Facebook {
    top: 4px;
    left: 3px;
}

.SocialInner a.Twitter {
    top: 4px;
    left: 61px;
}
.SocialInner a.Google {
    top: 11px;
    left: 91px;
}

.SocialInner a.LinkedIn {
    top: 10px;
    left: 100px;
}

.SocialInner a.Instagram {
    left: 32px;
    top: 11px;
}

.SocialInner a.Digg {
    top: 0px;
    left: 94px;
}

.SubText {
    color: #fff;
    font-size: 0.7em;
    left: 0;
    position: relative;
    right: 0;
    text-align: center;
}

/* Footer Section
.................. */
#Footer {
    border-top: 1px solid #000000;
    margin-top: 3px;
    overflow: hidden;
    padding: 3px 2px 5px;
    position: relative;
    color: #fff;
}

#Footer:after {
    border-top: 1px solid #282828;
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

#Footer a {
    color: #fff;
}

#Footer .Copy {
    font-size: 11px;
    margin-right: 8px;
    margin-top: 5px;
}

.Disclaimer {
    bottom: 0;
    color: #CCCCCC;
    font-size: 10px;
    left: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    text-align: center;
}

#Content .Chat {
    overflow: visible;
    position: relative;
}

.Chat .MessageBlock {
    margin-top: -1px;	
}

.Chat .MessageBlock .ChatScroll {
    height: 50px;
    max-height: 50px;
    overflow: auto;	
}

.Chat .MessageBlock .ChatScroll p {
    font-size: 11px;
    line-height: 126%;
    padding: 5px 8px;
}

.Chat .InputBlock {
    background-color: #fafafa;
    margin-top: -1px;
}

.Chat .ChatInput {
    padding: 3px;	
    overflow: hidden;
}

.Chat .ChatInput input[type="text"] {
    background: none;
    border: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #222;
    width: 75%;
    outline: none;
    margin: 0;
    padding: 0 6px;
    float: left;
    line-height: 20px;
    height: 20px;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
}	

.Chat .ChatInput .SendButton {
    float: left;
    width: 25%;
    text-align: center;
    font-size:11px;
    color: #fff;
    height: 20px;
    line-height: 20px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
    cursor: pointer;
    text-decoration: none;
    background: #cf0404;
    background: -moz-linear-gradient(top, #cf0404 0%, #ff3019 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(100%,#ff3019));
    background: -webkit-linear-gradient(top, #cf0404 0%,#ff3019 100%);
    background: -o-linear-gradient(top, #cf0404 0%,#ff3019 100%);
    background: -ms-linear-gradient(top, #cf0404 0%,#ff3019 100%);
    background: linear-gradient(to bottom, #cf0404 0%,#ff3019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 );
}

.Chat .ChatInput .SendButton:after {
    content: "";
    display: block;
    clear:both;
}


.Chat .ChatChecks {
    position: relative;
}

.Chat .ChatChecks label {
    display: block;
    width: 120px;
    padding: 5px 1px 0;
    vertical-align: middle;
    float: left;
}

.Chat .ChatChecks label input {
    margin: 0;
}

.Chat .ChatChecks label .ChatIcon {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    margin: 0px 1px 0 6px;
    position:relative;
    top:1px;
}

.Chat .ChatChecks .PushButton {
    position: absolute;
    right: 9px;
    top: -4px;
}

#Content .Chat .Block .BlockShadow {
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.3) inset;
}

/* User Panel - Loged In */

.LogedIn {
    background: url("../Images/loged.png") no-repeat scroll center top transparent;
    height: 94px;
    margin-bottom: -35px;
    margin-right: 5px;
    width: 246px;
}

.LogedInText {
    color: #969696;
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
    padding: 5px 0 5px 12px;
}

.LogedInText a {
    color: #f7850a;
}

.LogedInLinks {
    font-size: 10px;
    font-weight: bold;
    margin-top: 12px;
}

.LogedInLinks a {
    color: #5A95D3;
    display: block;
    float: left;
    margin: 0 11px;
    margin-top: 4px;
}

/* Avatar */

.AvatarContainer .Outer {
    display: inline-block;
    /*overflow: hidden;*/
    position: relative;
}

.AvatarContainer.Big .Outer {
    background: url("../Images/avatar_big_bkg.png") no-repeat scroll 0 0 transparent;
    height: 140px;
    padding: 11px;
    width: 147px;
}

.AvatarContainer.Lil .Outer {
    background: url("../Images/avatar_lil_bkg.png") no-repeat scroll 0 0 transparent;
    height: 90px;
    padding: 6px;
    width: 80px;
    background-size: 90px 104px;
}

.AvatarContainer .Gloss {
    border-radius: 2px 2px 2px 2px;
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 2;
}

.AvatarContainer.Big .Gloss {
    background: url("../Images/avatar_big_glossy.png") no-repeat scroll 0 0 transparent;
    right: 10px;
    top: 9px;
    left: 10px;
    bottom: 9px;
}

.AvatarContainer.Lil .Gloss {
    background: url("../Images/avatar_lil_glossy.png") no-repeat scroll 0 0 transparent;
    bottom: 8px;
    left: 6px;
    right: 5px;
    top: 6px;
}

.AvatarContainer .Loader {
    background: url("../Images/loader_avatar.gif") no-repeat scroll center center #000000;
    display: block;
    display: none;
}

.AvatarContainer.Big .Loader {
    bottom: 12px;
    left: 11px;
    right: 11px;
    top: 11px;
}

.AvatarContainer.Lil .Loader {
    border-radius: 3px 3px 0 0;
    bottom: 7px;
    left: 6px;
    right: 4px;
    top: 6px;
}

.AvatarContainer.Big img {
    height: 139px;
    max-height: 139px;
    max-width: 145px;
    width: 145px;
}

.AvatarContainer.Lil img {
    border-radius: 2px 2px 1px 1px;
    /*     height: 73px; */
    max-height: 139px;
    max-width: 145px;
    overflow: hidden;
    /*     width: 78px; */
}

.AvatarContainer span {
    color: #F7EE2F;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    left: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    z-index: 1;
    text-shadow: 0 0 3px #000000;
}

.AvatarContainer.Big .Guest {
    bottom: 27px;
}

.AvatarContainer.Big .GuestID {
    bottom: 12px;
}

.AvatarError {
    clear: both;
    color: #F86308;
    display: block;
    font-size: 11px;
    text-align: center;
}

/*homepage header avatar*/

.AvatarContainerHome {border-width:0px; height: 58px; width: 70px; overflow: hidden; text-align: center; padding: 3px;}
.AvatarImgUpload {width:72px; height: 61px;}
.AvatarInfoBox {background-color: #1F1665; margin-top: 2px; height: 20px; width: 78px; margin-top: 4px; padding-top: 1px;padding-bottom: 1px;}
.AvatarUsername {font-size: 10px; text-align: center; color: white;}
.AvatarId{font-size: 10px; text-align: center; color: yellow;}


.AvatarContainerEndflyer { background: url("../Images/avatar_lil_bkg.png") no-repeat scroll 0 0 transparent; height: 86px; width: 76px; background-size: 73px 86px; text-align: center; padding-top: 6px; margin-left: 2px;}
.AvatarFlyerInfoBox {background-color: #1F1665; height: 22px; width: 64px; padding-top: 2px; overflow: hidden; margin-left: 6px;}

.AvatarContainerProfile { background: url("../Images/avatar_lil_bkg.png") no-repeat scroll 0 0 transparent; height: 86px; width: 76px; background-size: 73px 86px; position: absolute; left: 748px; text-align: center; padding-top: 6px;}
.AvatarProfile {border-width:0px; height: 60px; width: 70px; overflow: hidden; text-align: center; padding: 2px;}
.AvatarProfilerHome {border-width:0px; height: 60px; width: 70px; overflow: hidden; text-align: center; padding: 2px;}
.AvatarProfileImgUpload {width:59px; height: 47px; margin-top: 2px; margin-right: 3px; }
.AvatarProfileSnG { width:59px; height: 47px; margin-top: 2px; }
.AvatarProfileInfoBox {background-color: #1F1665; height: 21px; width: 61px; padding-top: 2px; overflow: hidden; margin-left: 6px;}
.AvatarProfileUsername {position: relative; top: 5px; font-size: 9px; text-align: center; color: white; font-weight: bold; text-transform: uppercase;}
.AvatarProfileId{font-size: 10px; text-align: center; color: yellow; font-weight: bold;}

.AvatarContainerProfileBig { background: url("../Images/avatar_lil_bkg.png") no-repeat scroll 0 0 transparent; height: 150px; width: 127px; background-size: 127px 150px; text-align: center;}
.AvatarProfileBig {border-width:0px; height: 60px; width: 70px; overflow: hidden; text-align: center; padding: 2px;}
.AvatarProfileImgUploadBig {width:105px; height: 84px; margin-top: 14px;}
.AvatarProfileInfoBoxBig {background-color: #1F1665; height: 31px; width: 110px; padding-top: 2px; overflow: hidden; margin-left: 9px; padding-top:6px;}
.AvatarProfileUsernameBig {position: relative; top: 6px; font-size: 14px; text-align: center; color: white;  padding-top:1px; padding-bottom: 3px;}
.AvatarProfileIdBig{font-size: 10px; text-align: center; color: yellow;}

.AvsatarProfileUsernameBig {color: #fff; font-weight: bold; font-family: "cartogothic_stdbold",Verdana,Tahoma,Arial;}
.AvatarNumber { color: yellow;  font-family: "cartogothic_std",Verdana,Tahoma,Arial;}

/* Login */

.Login {
    left: -17px;
    top: 32px;
    position: relative;
    width: 292px;
}

.Login.User {
    left: -51px;
    position: relative;
    top: 12px;
    width: 370px;
}
.LoginLeft {
    margin-bottom: -24px;
    padding-top: 13px;
    width: 178px;
}

.LoginRight {
    width: 107px;
}

.LoginCenter {
    clear: both;
    overflow: hidden;
    padding-top: 4px;
    position: relative;
    width: 336px;
    z-index: 2;
}

.Login .LoginShadow {
    position: relative;
    float: left;
    margin: -20px 8px 0;
    padding-bottom: 31px;
    background: url('../Images/login_shad.png') no-repeat center bottom;
}


/* ErrorTooltip
.................. */
.Tooltip {
    height: auto;
    left: -162px;
    position: absolute;
    top: -6px;
    width: 160px;
    z-index: 200;
    display: none;
}
.Tooltip.BigTooltip {
    width: 230px;
}

.TooltipTop {
    clear: both;
    height: 20px;
    background: url("../Images/tooltip_top.png") no-repeat scroll center top transparent;
}
.TooltipTop.BigTooltip {
    background-size: 240px 15px;
    background-position-y: 7px;

}

.TooltipTopLeft {
    clear: both;
    height: 20px;
    background: url("../Images/tooltip_top_left.png") no-repeat scroll center top transparent;
}

.TooltipTopLeft.BigTooltip {
    background-size: 240px 15px;
    background-position-y: 7px;
}

.TooltipCenter {
    clear: both;
    color: #FFFFFF;
    font-size: 10px;
    height: auto;
    padding: 0 20px 3px 17px;
    text-align: center;
    background: url('../Images/tooltip_center.png') repeat-y center center;
}
.TooltipCenter.BigTooltip {
    background-size: 240px 15px;
    background-position-y: 0px;
}

.TooltipCenter strong {
    text-shadow: 0 0 20px #FFFFFF;
    line-height: 164%;
}

.TooltipBottom {
    clear: both;
    height: 16px;
    background: url('../Images/tooltip_bottom.png') no-repeat bottom center;
}

.TooltipBottom.BigTooltip {
    background-size: 240px 15px;
    background-position-y: -5px;
}

.jackpotsHud {text-align: center!important; text-transform: uppercase; width: 135px; font-weight: bold; font-size: 10px;}

.Smaller {font-size: 9px;}

.HomePos {position: absolute; top: 68px; left: 10px; font-weight: bold; width: 80px!important; height: 11px!important;}
.LogOutPos {position: absolute; top: 68px; height: 12px;}

.FormSubText {color: #FFF; font-size: 9px; padding: 0px; margin: 0px;}
.InputSmall{width: 117px;}
.FootNotePopUp {text-transform: uppercase; font-size: 12px; margin-top: 16px;}
span.LineOrange { width: 466px; margin-bottom: 6px; margin-top: 6px; height: 3px; display: block; background-image: url('../Images/orange_line.png');}
.friend-button-hover {background-image: url('../../en-US/Images/button-tell-friend.png'); width: 123px!important; height: 27px; background-repeat: no-repeat; margin-left: -40px;}
.friend-button-hover a {background-image: url('../../en-US/Images/button-tell-friend-over.png'); width: 123px!important; height: 27px; background-color: red;}
.friend-button-hover :hover {background-image: url('../../en-US/Images/button-tell-friend-over.png'); width: 123px; height: 27px; background-color: red!important;}

.buttonTextJoinNow {font-size: 28px; color: white; text-transform: uppercase; font-weight: bold; font-family: arial; padding-top: 20px; padding-left: 30px;}
.buttonTextFun {font-size: 18px; color: white; text-transform: uppercase; font-weight: bold; font-family: arial; padding-top: 14px; margin-left: -8px; text-align: center;}
.buttonTextDemo {font-size: 16px; color: white; text-transform: uppercase; font-weight: bold; font-family: arial!important; padding-top: 16px; margin-left: -3px; text-align: center;}
.buttonTextPlayMid {font-size: 16px; line-height: 14px!important; color: white; text-transform: uppercase; font-weight: bold; font-family: arial!important; padding-top: 10px; margin-left: -3px; text-align: center;}
.buttonTextJoinMid {font-size: 16px; line-height: 16px!important; color: white; text-transform: uppercase; font-weight: bold; font-family: arial!important; padding-top: 14px; margin-left: -6px; text-align: center;}
.buttonTextPlayMin {font-size: 10px; line-height: 16px!important; color: white; text-transform: uppercase; font-weight: bold!important; font-family: arial!important; padding-top: 5px; margin-left: -6px; text-align: center;}


.textRotate {
    -ms-transform: rotate(-11deg); /* IE 9 */
    -webkit-transform: rotate(-11deg); /* Chrome, Safari, Opera */
    transform: rotate(-11deg);
}


/*language menu*/


div .lang_nav_wrap
{
    /*  margin-top:15px;
      margin-left: 100px;*/
    z-index: 100!important;
    width: 34px!important;
    padding: 0px;
    margin: 0px;

}

div .lang_nav_wrap ul
{
    list-style:none;
    position:relative;
    margin:0;
    padding-bottom:0px!important;
    z-index: 10000!important;
    width: 26px!important;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 600;
    margin-left: -16px;

}


.lang_nav_wrap ul a
{
    display:block;
    color:#FFF;
    text-decoration:none;
    font-weight:700;
    font-size:12px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#f8c54e!important;
    z-index: 101!important;
    background:#3B3B3B!important;

}
.lang_nav_wrap ul li
{
    position:relative;
    float:left;
    margin:0!important;
    padding:0!important;
    background:#3B3B3B!important;
    /*  height: 20px; */
    padding-bottom: 0px!important;
    margin-bottom: 0px;
}
/*.lang_nav_wrap ul li a {color: red!important; text-indent: 28!important; }
*/

.lang_nav_wrap ul li.current-menu-item
{
    /*background:#3B3B3B;*/
    color: #FFF;
}

.lang_nav_wrap ul li:hover
{
    /*color: red!important;*/
}

.lang_nav_wrap ul ul
{
    display:none;
    position:absolute!important;
    z-index: 102;
    padding-top: 4px;
}

.lang_nav_wrap ul ul li
{
    /*float:none;*/
    padding-top: 4px;
    width: 40px;
    padding-left: 0px!important;

}

.lang_nav_wrap ul ul
{

    height: 14px!important;
}

.lang_nav_wrap ul ul a
{

    height: 16px!important;
}

.lang_nav_wrap ul ul :hover
{
    color: #FFF!important;
}


.lang_nav_wrap ul ul ul
{

    border: 1px solid #6b6c6d;
    /*  height: 26px;*/
    padding: 4px 0 0 0!important;
    overflow: hidden;
    padding: 0;
    color: #FFF!important;
    margin: 0px;

}

.lang_nav_wrap ul ul ul li a
{
    color: #FFF!important;
    width: 120px!important;
    display: block;
    margin: 0;
    padding: 0;

}

.lang_nav_wrap ul ul ul li
{
    color: #FFF!important;
    display: block;

}

.lang_nav_wrap ul li:hover > ul
{
    display:block;
}

ul .lang-sub { padding-top: 2px!important; position: absolute!important; left: -120px!important; min-width: 120px; background:#3B3B3B; height: 14px!important; text-align: center; top: -4px;}
ul .lang-sub a { color: #FFF!important; display: block;}

li .dir {height: 16px;}
li .dir  a{color: #FFF!important; height: 16px; width: 24px; display: block; margin-left: 0px;}
li .dir  :hover{color: red!important;}

#sound_nav_wrap ul ul a
{
    height: 30px!important;
}

ul .lang-sub1 { padding-top: 2px!important; position: absolute!important; left: -120px!important; min-width: 120px; background:#3B3B3B; height: 14px!important; text-align: center; top: 4px;}
ul .lang-sub1 a { color: #FFF!important; display: block;}

li .dir1 {height: 30px;}
li .dir1 a{color: #FFF!important; height: 30px; width: 24px; display: block; margin-left: 0px;}
li .dir1 :hover{color: red!important;}


.headerDashboard 
{
    margin: 10px 0px 15px 0px;
}


textarea {
    resize: none;
}


.redspot{
    background-color: red;
    border-radius: 20px;
    display: inline-block;
    height: 0.8em;
    position: relative;
    top: 6%;
    width: 0.8em;
}

#tt_withdrawalAccountNameHolder, #tt_withdrawalFtAccountNumber, #tt_withdrawalBicSwift, #tt_withdrawalBankName, #tt_withdrawalBankCountry, #tt_withdrawalBankCityState, #tt_withdrawalBankDetails, #tt_withdrawalLastEmail, #tt_withdrawalLastStreetAddress, #tt_withdrawalLastCountry, #tt_withdrawalLastCityState, #tt_withdrawalLastPostalCode, #tt_withdrawalLastStreetAddressNumber{
    left: 325px !important;
}
#tt_p2pPointsAmount, #tt_p2pPointsUsernameAccountNumber, #tt_p2pPointsEmail, #tt_p2pPoints, #tt_p2pShopPointsAmount, #tt_p2pShopPointsUsernameAccountNumber, #tt_p2pShopPointsEmail, #tt_p2pShopPoints{
    left: 315px !important;
}
#tt_p2pPoints{
    top: 125px !important; 
}

#tt_p2pShopPoints{
    top: 40px !important;
}
#tt_p2pPointsAmount{
    top: 40px !important;
}
#tt_p2pPointsUsernameAccountNumber{
    top: 130px !important;
}
#tt_p2pPointsEmail{
    top: 80px !important;
}
#tt_p2pShopPointsUsernameAccountNumber, #tt_rp_wrong_new{
    top: 98px !important;
}
#tt_p2pShopPointsEmail, #tt_lp_eaddress{
    top: 158px !important;
}
#tt_profileUsernameHolder, #tt_profileEmailHolder{
    left: 405px !important;
}
#tt_profileUsernameHolder, #tt_lp{
    top: 55px !important;
}
#tt_profileEmailHolder{
    top: 130px !important;
}
#tt_rp_wrong_old, #tt_ResetLostPasswordUsername{
    top: 50px !important;
}
#tt_ResetLostNewPasswordError{
    top:152px !important;
}
#tt_ResetLostConfirmPasswordError{
    top:205px !important;
}
#tt_withdrawalLastCountry{
    top:175px !important;
}
#tt_profileFirstNameHolder, #tt_profileUsernameHolder, #tt_profileEmailHolder, #tt_profileEmailUsedHolder, #tt_profileLastNameHolder, #tt_profileTitleHolder, #tt_profileCityHolder, #tt_profileBirthHolder{
    left: 420px !important;
}
#tt_profileFirstNameHolder{
    top: 250px !important;
}
#tt_profileLastNameHolder{
    top: 220px !important;
}
#tt_profileTitleHolder{
    top: 190px !important;
}
#tt_profileCityHolder{
    top: 300px !important;
}
#tt_profileBirthHolder{
    top: 335px !important;
}
#tt_tafHolder{
    //top: 110px !important;
    left: 490px !important;
}

#tt_p2pPoints{
    top: 41px !important;
}

.notifyjs-bootstrap-success{
    margin-left: 250px;
    margin-top: -8px;
    font-size: 18px;
}

.notifyjs-bootstrap-warn{
    font-size: 16px;
}
.notifyjs-corner{
    right: 120px !important;
    top: 65px !important;
}

.betav{
    top:60px;
    position: absolute;
    border:none;
    color: white;
    text-align: center;
}
.betavIn{
    left:130px;
    font-size:20px;
}
.betavOut{
    left:155px;
    font-size:24px;
}

#specimenInfo{top:20px !important;}

#ConfirmSecurityCodeButton, #ConfirmSecurityCodeButtonHelp{    
    position: absolute;
    left    : 10px;
    top     : 0px;
    -webkit-transition: left 0s, top 0s;
    -moz-transition: left 0s, top 0s;
    -o-transition: left 0s, top 0s;
    transition: left 0s, top 0s;
}

.noTransition{
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.CloseFullTransparentDialog a {
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 15px;
    right: 16px;
    background: url('../Images/Close-button-clean.png') no-repeat center top;
    background-size: 100%;
}

#full_transparent_dialog .Message {
    color: white; 
    font-family: sans-serif;
    font-size: 20px; 
    font-weight: 600;
    text-align: center;
    line-height:30px;
}

#full_transparent_dialog .Message h1{
    font-size: 26px; 
}

#full_transparent_dialog .Message .CenterX {
    position: absolute;
    left: 50%;

    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.cartoonEmbed{
    position: absolute;
    z-index: 99999;
    margin-top: -10px;
    margin-left: -10px;
}

.cartoonEmbed0{
    position: absolute;
    z-index: 99999;
    margin-top: 0px;
    margin-left: 0px;
}

.cartoonEmbed_layover{
    position: absolute;
    z-index: 99999;
    top: 0px;
    left: 0px;
}

.redButtonsNavLeft {background-image: url(../Images/red_long_1.png); width: 57px; height: 15px; display: block; color: #FFF; font-family: verdana; font-size: 8px; font-weight: bold; text-transform: uppercase; padding-top: 3px; padding-left: 18px; overflow: hidden;}
.redButtonsNavClickLeft {background-image: url(../Images/red_long_2.png); width: 57px; height: 15px; display: block; color: #FFF; font-family: verdana; font-size: 8px; font-weight: bold; text-transform: uppercase; padding-top: 4px; padding-left: 18px; overflow: hidden;}

.redButtonsNav {background-image: url(../Images/red_long_1.png); width: 72px; height: 15px; display: block; color: #FFF; font-family: verdana; font-size: 8px; font-weight: bold; text-transform: uppercase; padding-top: 3px; padding-left: 3px; overflow: hidden;}
.redButtonsNavClick {background-image: url(../Images/red_long_2.png); width: 72px; height: 15px; display: block; color: #FFF; font-family: verdana; font-size: 8px; font-weight: bold; text-transform: uppercase; padding-top: 4px; padding-left: 3px; overflow: hidden;}


/* timer for miliseconds */
.timerMilisec {
	padding: 10px;
	background: linear-gradient(top, #222, #444);
	overflow: hidden;
	display: none;
	position: absolute;
        left: 213px;
        bottom: 37px;
}

.cell {
	/*Should only display 1 digit. Hence height = line height of .numbers
	and width = width of .numbers*/
	width: 0.5em;
	height: 40px;
	font-size: 26px;
	overflow: hidden;
	position: relative;
	float: left;
}

.numbers {
	width: 0.5em;
	line-height: 40px;
	font-family: digital-7mono, digital, arial, verdana;
	text-align: center;
	color: #009FF6;
	
	position: absolute;
	top: 0;
	left: 0;
}

input[name="timerControls"] {display: none;}

/*Control code*/
#milisecondsStart:checked~.timerMilisec .numbers {
    animation-play-state: running;
    -webkit-animation-play-state: running;
}
#milisecondsReset:checked~.timerMilisec .numbers {
    animation: none;
    -webkit-animation: none;
}

.moveten {
	/*The digits move but dont look good. We will use steps now
	10 digits = 10 steps. You can now see the digits swapping instead of 
	moving pixel-by-pixel*/	
	animation: moveten 1s steps(10, end) infinite; ;
        -webkit-animation: moveten 1s steps(10, end) infinite;
	/*By default animation should be paused*/
	animation-play-state: paused;
        -webkit-animation-play-state: paused;
}

.milisecond {                    /*1/10th of .second*/
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}
.tenmilisecond {
    animation-duration: 0.1s;
    -webkit-animation-duration: 0.1s;
}

@keyframes moveten {
	0% {top: 0;}
	100% {top: -400px;} 
	/*height = 40. digits = 10. hence -400 to move it completely to the top*/
}
@-webkit-keyframes moveten {
	0% {top: 0;}
	100% {top: -400px;} 
	/*height = 40. digits = 10. hence -400 to move it completely to the top*/
}

input[type="text"]:disabled{
    color:white;
}

.social_div{
    position: absolute;
    top: 12px;
    left: 72px;
    width: 213px;
    height: 80px;
}

.social_div .fb_icon{
    position: absolute;
    top: 0px;
    right: 163px;
    cursor: pointer;
}
.social_div .insta_icon{
    position: absolute;
    top: 32px;
    right: 122px;
    cursor: pointer;
}
.social_div .twitter_icon{
    position: absolute;
    top: 0px;
    right: 82px;
    cursor: pointer;
}
.social_div .google_icon{
    position: absolute;
    top: 32px;
    right: 43px;
    cursor: pointer;
}
.social_div .linkedin_icon{
    position: absolute;
    top: 0px;
    right: 4px;
    cursor: pointer;
}

.position-CenterX {
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.greenlineb{
    background-color: #00ff00;
    bottom: 10px;
    display: block;
    left: 247px;
    position: absolute;
    top: 49px;
    right: 220px;
    height: 3px;
}