@CHARSET "ISO-8859-1";

input[type=text] {
	font-size: 12px;
	margin: 0 0 0 5px;
	padding: 2px;
	width: 300px;
	background-color: white;
	border: 1px solid #d4d1cb;
	color: #333333;
}

fieldset label dfn {
	float: left;
	font-size: 12px;
	margin: 0 0 0 0;
	text-align: right;
}

input[type=submit] {
	cursor: pointer;
}

table {
	margin-bottom: 0px !important;
}

label {
	margin-right: 5px;
}

input[type=text]:focus,input[type=text].sffocus {
	background-color: #fdd880;
	border-color: #fdd880;
	border-style: solid;
	border-width: 2px;
	border: 1px solid #d4d1cb;
}

body #container .lower .text .left-side {
	background: none !important;
	width: 555px;
}

td span {
	margin-left: 4px;
}

#submit-batton {
	margin-right: 14px !important;
	margin-top: 5px !important;
}

.text input[type=radio],.text td select {
	margin-left: 5px;
}

.bold-option {
	font-weight: bolder;
}

.text td {
	padding-bottom: 5px;
}

body #container .lower {
	margin-bottom: 32px;
	padding-left: 10px;
}

@media ( min-width : 320px) and (max-width: 980px) {}
body #container{ margin: 0 auto;
    position: relative;
    max-width: 1080px;
    width:calc(100% - 40px);
}


.registerUl li{display:block; margin:0 0 12px; padding:0 5px 0 0; position: relative; clear:both;}
.registerUl li label{width:245px; display:inline-block; float:left;margin:0; padding:0;}
.registerUl li input[type="text"]{margin:0;    width:295px;}
.registerUl li select{margin:0;    width:297px;}
.registerUl li span{top:0; right:0;position: absolute;}
.imgReg{float:left; width:260px;}
.rightHand{border-left:#838077 solid 2px;float:left;}
body #container .lower .rightHand .text  .left-side{   margin-left: 65px;}

 .mainbody .lineOnly{border-top: 1px solid #e1e1ee;
 color: #8d8d8d;
 margin-left: 10px;
 margin-top: 4px;
 margin-bottom: 35px;}


 
 
 @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation :landscape){
 .mainbody{width:100%;}
 .mainbody .lineOnly{margin:15px 0;}
 }	

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait){
 .mainbody{width:100%;}
 .mainbody .lineOnly{margin:15px 0;}
 
 body #container .lower .rightHand .text .left-side{width: 400px; margin-left: 25px;}
 
 .registerUl li label, .registerUl li input[type="text"]{width:98%;}
.registerUl li select{width:100%;}
#copyright{width:auto;}
body #footer {
    margin: 4px 0 0;
    padding: 20px 0;
    width: 100%;
}
body #container #header .navigation{padding-left:0;}
body #container .lower{ padding: 0;    width: 100%;}
}

@media (min-width: 320px) and (max-width:767px){
	.imgReg{width:100%;text-align:center;}
	.rightHand{border:none; width:100%;margin: 20px 0 0;}
	 .mainbody{width:100%;}
 .mainbody .lineOnly{margin:15px 0;}
 
 body #container .lower .rightHand .text .left-side{width:100%; margin-left:0;}
 
 .registerUl li label, .registerUl li input[type="text"]{width:98%;}
.registerUl li select{width:100%;}
#copyright{width:100%;}
body #footer {
    margin: 4px 0 0;
    padding: 20px 0;
    width: 100%;
}
body #container #header .navigation{padding-left:0;}
body #container .lower{ padding: 0;    width: 100%;}
.rightHand .submit{display: block;
    float: left;
    width: 100%; margin:0 !important; text-align:center;}

.rightHand .submit #error{width:100%;margin:0 !important; float:left;}
.rightHand .submit #submit-batton{float:none; margin-right: 0 !important;}
.taglineFooter img{max-width:100%;}
.mainbody {
    float: left;
    width: 100%;
}

}


@media (min-width:500px) and (max-width:767px){
body #container #header a{width:auto; float:left;}

body #header .tagline {
    float: right;
    margin: 10px 0 0;
}
}
 
 
 