/*
Theme Name: welcometostockland
Theme URI:
Author:
Author URI:
*/

body {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #FFF;
    background-position: center center;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.Table-Border {
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: dotted;
    border-bottom-color: #CCC;
}

.Table-Border-Top-Bot {
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #CCC;
    border-top-width: 1px;
    border-top-color: #CCC;
}

.Table-Border-BottomOnly {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-width: 1px;
    border-bottom-color: #CCC;
}

.Table-Border-NoLInes {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

body, td, th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #666;
}

.Text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #666;
}

.Text-Blue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #00ACCD;
    font-weight: bold;
}

.Border {
    border: 1px solid #CCC;
}

.Table-White {
    background-color: #FFF;
    b
}

.Code-Colour input{
    border: 1px solid #ED1C24;
}

.Text-Boxes {
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    border: 1px solid #CCCCCC;
}

.Table-White tr td .Table-Border-Top-Bot tr td {
    font-size: 14px;
    line-height: 18px;
}

.tandCs {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
}

.tandCs1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666;
}
.tandCsSmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
}
.gsection_title,
.Text-Black {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #00ACCD;
    font-weight: bold;
}
.the-login-form{
    text-align:right;
}
.the-login-form *{
    box-sizing:border-box;
}
.the-login-form:after{
    content:"";
    display:table;
    clear:both;
}
.the-login-form form{
    width:40%;
    position:relative;
    float:left;
    left:10%;
    top:-100px;
    border:1px solid #000066;
    border-radius:5px;
    background:#fff;
    overflow:hidden;
    text-align:left;
    font-size:14px;
}
.the-login-form .instructions{
    width:40%;
    padding:20px 0 0 5%;
    float:left;
    text-align:left;
}

.the-login-form h2{
    padding:15px 0;
    margin:0 0 30px 0;
    display:block;
    background:#000066;
    color:#fff;
    text-align:center;
}
#the-username, #the-password{
    display:block;
    border:1px solid #323232;
    border-radius:5px;
    background:#fff;
    padding:8px 8px;
    margin-bottom:15px;
    width:80%;
    margin-left:10%;
}
#the-username{
    background:#fff url(../wp-content/themes/twentyfifteen/images/ic_lock_black_18dp_1x.png) 98% center no-repeat;
}
#the-password{
    background:#fff url(../wp-content/themes/twentyfifteen/images/ic_vpn_key_black_18dp_1x.png) 98% center no-repeat;
}
.submit-login-form{
    display:block;
    border-radius:5px;
    background:#000066;
    color:#fff;
    text-align:center;
    padding:8px 8px;
    width:80%;
    margin-left:10%;
    margin-bottom:30px;
    margin-top:30px;
    border:none;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
}
.assist{
    color:#00ACCD;
}


/** DIV Styles **/

.wrapper{ width: 959px; margin: 0 auto;  }

header { border-bottom: 1px solid #ccc; width: 100%; padding: 5px 0 4px 0;  }
header .logo img { width: 242px; height: 75px; }

.banner { width: 100%; height: auto; margin-bottom: 20px;  }
.content p { font-size: 1em; }
.content .top-images { width: 100%; clear: both; margin: 0; display: block; }
.content .top-images .col { width: 33%; margin: 0 8% 20px 9%; float: left; font-size: 1em; font-size: 11px; color: #666; text-align: center; font-weight: bold; line-height: 16px; }
.content .top-images .col h4 { font-size: 16px; color: #00ACCD; font-weight: bold; margin: 0; padding: 15px 0 7px 0; }

.content .gift-text { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; clear: both; margin: 20px 0; width: 100%; display: block;  } 
.content .gift-text p { padding: 7px 20px; font-size: 14px; }

.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea { border: 1px solid #ccc; }

.gform_wrapper input.gform_button { border: none; background: #010068; font-size: 2em; text-align: center; padding: 30px 40px; color: #fff; font-weight: bold; text-transform: uppercase; cursor: pointer; margin-left: 0%; margin-bottom: 40px; width: 100%; }
.gform_wrapper input.gform_button:hover { background: #00ACCD;}

/* Mobile Smartphones ----------- */
@media only screen 
and (min-width : 0) 
and (max-width : 620px) {
	
body {  }

.wrapper { width: 100% !important; margin: 0; padding: 0; }


.logo { width: 90% !important; margin: 0; padding: 10px 5%; }
.logo img { width: 100%!important; height: auto; }

.banner img { width: 100%!important; height: auto; }

.content { width: 90% !important; margin: 0; padding: 10px 5%; }
.content .top-images .col { width: 100%; margin: 0 0 10px 0; float: none; }


.the-login-form .instructions{ width: 90%; margin: 0 5%!important; padding: 0px 0; float:none; margin: 0; font-size: 1.1em; }

.the-login-form form{
    width:90%;
	margin: 0 5%;
	padding: 0;	
    float:none;
    left:0;
    top:0;
}


	
}