@charset "UTF-8";
/* CSS Document */

.tooladwrap {
width: 100%;
display: inline-block;
padding: 17px;
background: #efefef;
margin-top: 20px;
padding-top: 0;
padding-bottom: 0;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.container {
    width: 48%;
    margin: 17px 0 10px 0;
    background: #06364a;
    padding: 17px;
		border: 4px solid #127eab;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);*/
		display: inline-block;
		border-radius: 5px;
		float: left;
}

.rightad {
/*border: 1px solid #06364a;*/
width: 48%;
display: inline-block;
float: right;
margin-top: 17px;
margin-bottom: 20px;
border-radius: 5px;
overflow: hidden;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
background: #fff;
}

.rightad img {
float: left;
width: 25%;
margin-right: 15px;
margin-bottom: 10px;
border: 1px solid #cacaca;
margin-top: 3px;
}

.rightad h3 {
font-size: 1em;
margin-top: 0;
}

.right ad p {
font-size: .9em;
}

.container input {
color: #fff;
}

.container label {
color: #fff;
}

.container h2 {
margin-top: 0;
margin-bottom: 20px;
text-align: left;
color: #fff;
font-size: 1.2em;
line-height: 2;
}

.container #previewArea {
clear: left;
display: inline-block;
padding: 20px;
width: 100%;
min-height: 50px;
background-color: antiquewhite;
border-radius: 5px;
background: rgb(6,54,74);
background: -moz-linear-gradient(90deg, rgba(6,54,74,1) 0%, rgba(61,181,231,1) 50%, rgba(6,54,74,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(6,54,74,1) 0%, rgba(61,181,231,1) 50%, rgba(6,54,74,1) 100%);
background: linear-gradient(90deg, rgba(6,54,74,1) 0%, rgba(61,181,231,1) 50%, rgba(6,54,74,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#06364a",endColorstr="#06364a",GradientType=1);
}

.container #previewArea p {
text-align: center;
font-weight: 700;
color: #06364a;
font-size: 1.2em;
line-height: 1.2em;
margin-top: 0;
}

.container #previewArea a {
display: block;
margin-bottom: 20px;
width: 100%;
color: #fff;
background-color: #06364a;
border: 2px solid #06364a;
text-decoration: none;
padding: 5px 8px 5px 8px;
border-radius: 5px;
font-size: 1.1em;
margin-top: 7px;
text-align: center;
}

.container #previewArea a:hover {
border: 2px solid #06364a;
text-decoration: none;
color: #06364a;
background-color: lime;
}

.container #previewArea img {
/*border: 1px solid #cacaca;*/
}

.container .full {
box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
/*border: 1px solid #fff;*/
text-align: center;
width: 100%;
clear: both;
padding: 10px;
margin-bottom: 20px;
display: inline-block;
overflow: hidden;
/*background: #2c4e47;*/
border-radius: 5px;
}

.container .full .left {
width: 50%;
float: left;
clear: left;
display: inline-block;
}

.container .full .right {
width: 50%;
float: right;
clear: right;
display: inline-block;
}

.container .instructions {
color: #74968d;
margin-top: 10px;
font-size: .9em;
}

button {
background-color: #00688b;
color: #fff;
border-radius: 7px;
padding: 5px 10px 5px 10px;
text-align: center;
border: none;
box-shadow: 0 0 17px rgba(0, 0, 0, 0.6) ;
cursor: pointer;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 10px !important;
}

button:hover {
background-color: #76978e;
}






@media screen and (min-width: 0px) and (max-width: 780px) {
.rightad {width: 100%; float: none;}
.container {width: 100%; float: left;}
}