﻿html, body { background-image: url('../../App_Themes/kxdesign/images/mainbackground.gif'); background-repeat: repeat-x; margin: 0; padding: 0; font-family: Calibri,Arial,Verdana,Times New Roman; font-size: 14px; color: #404040; width: 100%; }
.wrapper { margin: 0 auto; width: 990px; text-align: center; border-left: solid 1px #000; border-right: solid 1px #000; }
.header { background-image: url('../../App_Themes/kxdesign/images/kxdesign-banner-1.png'); width: 990px; height: 208px; display: block; }
.menu { background-color: #fff; width: 990px; height: 45px; display: block; }
.menu a { font-size: 18px; font-family: Calibri,Arial,Verdana,Times New Roman; font-weight: bold; color: #404040; text-decoration: none; border-top: solid 1px #404040; border-bottom: solid 1px #404040; width: 165px; display: block; float: left; text-transform: uppercase; }
.menu a:hover { font-size: 18px; font-family: Calibri,Arial,Verdana,Times New Roman; font-weight: bold; color: #404040; text-decoration: none; border-top: solid 1px #404040; border-bottom: solid 1px #404040; width: 165px; display: block; float: left; text-transform: uppercase; }
a { font-size: 13px; font-family: Calibri,Arial,Verdana,Times New Roman; font-weight: bold; color: #6dafd1; text-decoration: none; }
a:hover { font-size: 13px; font-family: Calibri,Arial,Verdana,Times New Roman; font-weight: bold; color: #6dafd1; text-decoration: underline; }
.contentContainer { width: 990px; padding-left: 25px; min-height: 535px; }
.columnsContainer { width: 990px; padding-left: 5px; clear: both; }
.column1 { display: block; float: left; width: 240px; text-align: left; padding-top: 25px; padding-right: 90px; }
.column2 { display: block; float: left; width: 240px; text-align: left; padding-top: 25px; padding-right: 90px; }
.column3 { display: block; float: left; width: 240px; text-align: left; padding-top: 25px; }
.contentFull { text-align: left; width: 900px; float: left; padding-left: 15px; min-height: 400px; }
.contentLeft { text-align: left; width: 500px; float: left; min-height: 400px; }
.contentRight { text-align: left; width: 450px; float: left; padding-left: 15px; min-height: 400px; }
.footer { margin: 0 auto; padding-left: 25px; width: 965px; text-align: center; border-right: solid 1px #000; background-color: #fff; height: 150px; position: relative; display: inline-block; padding-bottom: 0; border-top: solid 1px #c1c1c1; margin-top: 10px; }
.footersubcontainer { width: 230px; float: left; display: block; text-align: left; }
h1 { color: #0387cb; font-size: 16px; font-weight: bold; text-transform: uppercase; }
h2 { color: #404040; font-size: 14px; font-weight: bold; text-transform: uppercase; }
#header img { display: none; }
#header img.first { display: block; }
.panelContainer { background-color: #fff; width: 550px; height: 510px; display: block; border: solid 2px black; }
.modalBackground { background-color: #000; filter: alpha(opacity=80); opacity: 0.80; }

.title { width: 225px; }
.popupMenuContainer { float: left; text-align: right; margin-right: 25px; width: 100%; padding-right: 25px; }
.loginContainer { width: 400px; border:1px solid #f1f1f1; height: 20px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; float:left;padding-left:400px;}

.labelTextBoxContainer { padding: 5px; }
.label { display: block; text-align: right; padding-right: 5px; width: 200px; float: left; }
.popupMenuContainer { padding-top: 35px; }

.panelContainer h1 { padding-left: 15px; }

.button { font-weight: bold;font-size:14px; text-decoration: none; display: inline-block;  color: #c1c1c1; padding: 5px; text-align: center; border: 1px solid #C1C1C1; background-color: #F1F1F1; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.button:hover {cursor:pointer; color: Black; -webkit-box-shadow: 1px 1px 1px 1px #F1F1F1; -moz-box-shadow: 1px 1px 1px 1px #F1F1F1;font-size:14px; }
.gray { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); }

