/* CSS Document */

body, htlm {width:100%;background-color:#F4F4F4;text-align:center;}
body{margin:0px;padding: 20px 0px 20px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}

/* common div boxes wrappers   */
#container{width: 775px !important;width /**/: 777px; margin:0px auto 5px auto; background-color:#FFF; text-align:center; border:1px solid #999; padding:0px 0px 20px 0px;}
.clear{height: 0px !important;height /**/: 1px; margin:0px;padding:0px;overflow:hidden;clear:both; font-size:1px;}
.toLeft {float:left;}
.toRight {float:right;}

.blueTx {color:#3366CC;}
.redTx {color:#FF3300;}
.greenTx   {color:#33CC00;}
.orangeTx {color:#F60;}

form{margin:0px; padding:0px;}
input {border:1px solid #F60; padding-left:4px;}
textarea {border:1px solid #F60;}
.inputRequirement {color:#FF3300; font-weight:bold;}
img {border:0px none}
a{color:#333; text-decoration:underline; }
a:hover{color:#FF9900}

h1 {font-size:20px;color:#333; font-weight:bold; margin:0px 0px 0px 0px; width: 755px !important;width /**/: 775px; height: 45px !important;height /**/: 125px; padding-top:80px; padding-left:20px; background-image:url(img/topImg1.jpg); background-repeat:no-repeat; position:left top; text-align:left;}
h2, h5{font-size:16px; background-color:#F60;color:#FFF; font-weight:bold; text-align:center;margin:0px 0px 20px 0px; padding:4px;}
h5 {font-size:14px;}
h3 { font-size:16px;color:#F60; font-weight:bold; }
h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:0px; margin:0px; margin-bottom:8px; color:#F60;}


p { line-height:18px;}

#nilDis {margin-left:-500px;margin-top:-200px; padding:10px; display:none; width:200px; background-color:#FFF; color:#666;}
#nilDis a {color:#FF6600;}
/* top stuff */
#topDiv {width: 775px !important;width /**/: 775px; height: 119px !important;height /**/: 119px;background-color:#FFF;text-align:left;  border-bottom:0px none; margin:0px; overflow:hidden; }
#logo {float:left; padding:20px 0px 0px 30px ;}
#hdLine {float:right; padding-top:40px; padding-right:30px; color:#ccc; font-size:14px; font-weight:bold;}

#menuBand{ height: 18px !important;height /**/: 20px;width: 755px !important;width /**/: 775px; padding-top:2px; padding-right:20px; text-align:right; margin:0px; margin-top:15px; color:#FFF; font-weight:bold; font-size:12px; background-image:url(img/menuBgr.gif); background-repeat:repeat-x; float:right;}

/* top menu*/
a.topMenu { height: 18px;font-weight:bold; color:#FFF; text-decoration:none;margin-left:15px;margin-right:15px;}
a.topMenu:hover { height: 18px;text-decoration:none; color:#333;}

/* footerstuff */
#footDiv {width: 775px !important;width /**/: 775px;height: 20px !important;height /**/: 20px;text-align:right; margin:0px auto 5px auto; font-size:10px;  }
#footCopy{float:right; margin-top:2px; font-size:10px; font-weight:bold; color:#333;}
#footMenu{ margin:0px;  text-align:left;  color:#333;font-size:11px; font-weight:normal; float:left;}
/* foot menu*/
a.footMenu { height: 11px; color:#333; text-decoration:none;margin-left:10px;margin-right:10px;}
a.footMenu:hover { height: 11px;text-decoration:none; color:#F60;}


#mainWrapFront {margin:0px 20px; width: 735px !important;width /**/: 775px; font-size:12px; padding-top:35px; text-align:left;}
#mainWrap {margin:0px 20px; width: 735px !important;width /**/: 775px; font-size:12px; padding-top:15px; text-align:left;}

.front123 { font-size:16px; color:#000; font-weight:bold;  margin:0px 0px 30px 20px;}
.front123 img { vertical-align:middle; margin-right:25px;}
.front123 a {height: 23px;text-decoration:none;}
.front123 a:hover {height: 23px;text-decoration:none; background-color:#F60; color:#FFF;}
#frontBlock{width: 470px !important;width /**/: 472px; background-color:#FDF5D5; border:1px solid #FFCA0B;padding:10px; margin:0px; font-size:12px; line-height:18px;color:#333;background-image:url(img/bgrOrg.gif); background-position:bottom; background-repeat:repeat-x;}
#frontBlock h3 {margin-top:0px;}
#frontBlock p {margin-bottom:5px;}

#whyLQ {width:200px !important;width /**/: 202px; padding-bottom:10px; float:right; background-color:#FFF; border:1px solid #F60; margin-bottom:30px; margin-left:35px; background-image:url(img/bgrGrey.gif); background-position:bottom; background-repeat:repeat-x;}
#whyLQ p {margin:15px 10px; font-weight:bold; line-height:20px; color:#000;}

#loginPop {width: 175px !important; width /**/: 202px;height: 130px !important; height /**/: 142px; position:absolute; margin-left:-180px; margin-top:-115px; border:1px solid #7047A5; padding:5px; padding-left:15px; display:block; background-color:#FFF;color:#7047A5; text-align:left; display:none;}
#loginClose {width: 12px !important; width /**/: 14px;height: 12px !important; height /**/: 14px; border:1px solid #7047A5; font-size:10px; color:#7047A5; float:right;  text-align:center; cursor:pointer;}
#loginSubmit {border:1px solid #7047A5; background-color:#D6C9E3; color:#7047A5; height:18px; font-size:11px; float:right; margin-right:30px;}

table#qTab  {background-image:url(img/bgrGrey.gif); background-position:bottom; background-repeat:repeat-x; border:1px solid #F60; }
#qTab th {font-size:14px; background-color:#F60;color:#FFF; font-weight:bold; text-align:center; padding:5px 0px;}
#qTab td {padding:7px 5px 7px 15px; font-size:12px; font-weight:bold; vertical-align:top; text-align:left;}

#sumary {width:250px !important;width /**/: 252px; padding-bottom:5px; float:right; background-color:#FFF; border:1px solid #F60; margin-bottom:30px; background-image:url(img/bgrOrg.gif); background-position:bottom; background-repeat:repeat-x; font-size:10px;}
#sumary p {margin:5px 10px; line-height:13px; color:#666;}
#sumary p span {color:#000;}

.gloss {font-size:13px; font-weight:bold;color:#F60; margin-right:5px;} 
#glossTab {width:100%;}
#glossTab td {padding:15px;}
#glossTab th {padding:0px;}
#glossTab th.glossBody {text-align:left; padding:10px 0px;}
/*  calculator page stuff  */

.yColL  {width: 330px !important;width /**/: 352px; background-color:#FDF5D5; border:1px solid #FFCA0B;padding:10px; margin:0px; margin-bottom:20px;font-size:12px; line-height:18px;color:#333;background-image:url(img/bgrOrg.gif); background-position:bottom; background-repeat:repeat-x;}

.yButton1 {width: 150px !important;width /**/: 152px; height: 20px !important;height /**/: 22px; border:1px solid #FFCA0B;text-align:center;}
a.yButt, a.yButt1 {  height: 22px;  font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:18px; color:#333; text-decoration:none;  margin-top:15px; cursor:pointer;background-color:#FEE485; display:block;}
a.yButt:hover, a.yButt1:hover { background-color:#F60; color:#FFF;}
a.yButt1{width:152px; margin-left:175px; margin-top:16px; font-weight:bold; }

/* error handling*/
.err, .errM, .errF { padding:0px 2px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#FF9; background-color:#F00; visibility:hidden; cursor:default; position:absolute; margin-top:15px; margin-left:-10px; border:1px solid #FF9; min-width:140px; }
.errM{background-color:#990000; color:#FF9;}
.errF, .errM {
	visibility:visible;filter: Alpha(Opacity=80 );filter:progid:DXImageTransform.Microsoft.Shadow(Color='#999999', Direction=135, Strength=4); 
}
.hHolder1 { width:1px; height:262px; float:right; margin:0px;}
.check { border:0px none; width:16px; height:16px;}

.wi560 {width: 555px !important;width /**/: 560px;}
.wi300 {width: 295px !important;width /**/: 300px;}
.wi250 {width: 245px !important;width /**/: 250px;}
.wi200 {width: 195px !important;width /**/: 200px;}
.wi160 {width: 155px !important;width /**/: 160px;}
.wi100 {width: 95px !important;width /**/: 100px;}
.wi90 {width: 85px !important;width /**/: 90px;}
.wi80 {width: 75px !important;width /**/: 80px;}
.wi70 {width: 65px !important;width /**/: 70px;}
.wi60 {width: 55px !important;width /**/: 60px;}
.wi50 {width: 45px !important;width /**/: 50px;}
.wi40 {width: 35px !important;width /**/: 40px;}
.wi35 {width: 30px !important;width /**/: 35px;}