﻿    
#loginDialogSupport {
    font-family: 'Roboto Condensed', Arial, sans-serif;
}
.blockUI.blockMsg.blockPage { 
    border: none !important;
    background: #fff !important;
    /*transform: translate(-50%, -50%);*/
}
.support-link
    {
        cursor: pointer;
    }
    
    .login-support-form
    {
        text-align:left;
    }
    .login-support-form label
    {
        text-align: right;
        width: 70px;
        margin-right: 40px;
    }
    
    .login-support-form #credentials
    {
        margin: 15px 0;
    }
    
    .login-support-buttons
    {
        text-align: left;
    }
    
    .login-support-buttons input
    {
        border: 0;
    }
    
    #login-support-buttons input.openAccount
    {
        font-size: 12px;
        font-weight: bold;
        width: 130px;
        margin: 0 0 0 10px;
        text-shadow: 0 -1px 0 rgba(70, 132, 0, 1.0);
        border-radius: 3px;
        text-decoration: none;
        background-image: url(/content/images/gradient-green.png);
        background-repeat: repeat-x;
        border-style: solid;
        border-width: 1px;
        border-top-color: #A0D948;
        border-right-color: #459B00;
        border-bottom-color: #227200;
        border-left-color: #68BC24;
        line-height: 10px;
    }

    .login-support-form input.close-button
    {
        background: url(/content/images/close_button.gif) no-repeat;
        width: 17px;
        height: 17px;
        float: right;
        margin: 8px;
        border: 0;
        cursor: pointer;
    }
    
        #loginDialogSupport .close-button
    {
        background: url(/content/images/close_button.gif) no-repeat;
        width: 17px;
        height: 17px;
        margin: 2px 2px 1px 1px;
        border: 0;
        cursor: pointer;
        float: right;
    }
    
    fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
    }
    
    #loginDialogSupport {
		cursor: default;
		height: 700px;
	}

.boylecare-form {
    width: 480px; 
    margin: 0 auto; 
    text-align: left
}

.boylecare-form p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

.boylecare-form .button.small {
font-size: 11px;
padding: 7px 14px 8px;
}

.boylecare-form .button {
width: auto;
background: #F2F2F2;
border: 1px solid #1E728C;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
color: white;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: bold;
line-height: 1;
margin: 0;
outline: none;
padding: 10px 20px 11px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: background-color 0.15s ease-in-out;
-moz-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
background-color: #2BA6CB;
}

.boylecare-form .button:hover {
color: white;
background-color: #2284A1;
}

.boylecare-form .three, .row .three {
width: 25%;
}

.boylecare-form .six, .row .six {
width: 50%;
}

.boylecare-form .twelve, .row .twelve {
width: 100%;
}

.row {
max-width: 100%;
margin: 0 auto;
}

.row form .row {
margin: 0 -6px;
}

.boylecare-form div, pre.boylecare-form form, .boylecare-form p {
margin: 0;
padding: 0;
font-size: 14px;
direction: ltr;
}

.boylecare-form input[type="text"], 
.boylecare-form input[type="password"]
{
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
border: 1px solid #CCC;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: block;
font-size: 14px;
margin: 0 0 12px 0;
padding: 6px;
height: 32px;
width: 100%;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}

.boylecare-form * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.boylecare-form label {
font-size: 14px;
color: #4D4D4D;
cursor: pointer;
display: block;
font-weight: 500;
margin-bottom: 3px;
}

.boylecare-form column, .boylecare-form .columns{
    float: left;
    min-height: 1px;
    padding: 0 15px;
    position: relative;
}

.row .boylecare-form form .row .column, .row .boylecare-form form .row .columns {
padding: 0 6px;
}

.boylecare-form .button.secondary:hover {
background-color: #D0D0D0;
color: #1D1D1D;
}
.boylecare-form .button.secondary {
background-color: #E9E9E9;
color: #1D1D1D;
border: 1px solid #C3C3C3;
}

.boylecare-form .button.success:hover {
background-color: #457A1A;
}
.boylecare-form .button.success {
background-color: #5DA423;
border: 1px solid #396516;
}

.boylecare-form h7 {
font-size: 13px;
padding-top: 10px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-bottom: 10px;
}

.boylecare-form p {

font-weight: normal;
font-size: 14px;
line-height: 1.6;
margin-bottom: 17px;
}

.boylecare-form h2,
.freebet-content h4 {
    font-size: 1.25em; 
    text-align: left;
}

.boylecare-form h4 {
font-size: 23px;
}

.boylecare-form h1, .boylecare-form h2, .boylecare-form h3, .boylecare-form h4, .boylecare-form h5, .boylecare-form h6 {

font-weight: bold;
color: #222;
text-rendering: optimizeLegibility;
line-height: 1.1;
margin-bottom: 10px;
margin-top: 10px;
}

.boylecare-form h5 {
    font-size: 18px
}

.boylecare-form form {
margin: 0 0 19.41641px;
display: block;
}

.row::after {
clear: both;
}

.row::before, .row::after {
content: "";
display: table;
}

.boylecare-form #launchpad ul
{
    text-align:left;
    margin: 0 0 40px 0;
    display: block;
}

.boylecare-form #launchpad ul li
{
    clear:both;
}

.boylecare-form #launchpad ul li .button
{
    float:right;
    margin-bottom: 10px;
}

.boylecare-form #launchpad ul#support-systems li .button
{
    margin-bottom: 30px;
}

.boylecare-form .info
{
    height:380px;
    overflow: auto;
}

.boylecare-form h4 .button
{
    vertical-align: middle;
    float: right;
}

#scrollbar1 { width: 320px; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 300px; height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #003D5D; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px }
#scrollbar1 .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


.button.notready {
opacity: 0.6;
cursor: default;
background: #2BA6CB url(/content/images/boylecare/loading.gif) no-repeat 5% center;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 143px;
}

.button:hover.notready:hover {
opacity: 0.6;
cursor: default;
background: #2BA6CB url(/content/images/boylecare/loading.gif) no-repeat 5% center;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

