@charset "UTF-8";
/* GLOBAL    */
html            {height: 100%;}
body			{text-align:center; font-family:Arial, Helvetica, sans-serif; margin:0 auto; height: 100%;}
img				{border:0; padding:0; margin:0; float:left}
img.left_img    {width: 135px; height: 120px;}
p				{font-size:18px; color:#000010; margin: 5px 0 0 10px; padding:0 10px 0 10px;}
p.nopad      	{font-size:18px; color:#000010; margin: 5px 0 0 0; padding:0 0 0 0;}
p.pad			{margin: 18px 0 0 10px; padding:0 10px 0 10px;}
a				{text-decoration:none; color:#FFFFFF;}
a:hover			{color:#FF0000;}
a.blueLink		{text-decoration:none; color:#001B8E;}
a.blueLink:hover	{color:#FF0000;}
a.redLink		{text-decoration:none; color:#FF0000;}
a.redLink:hover	{color:#001B8E;}
a.blackLink		{text-decoration:none; color:#000000;}
a.blackLink:hover	{color:#FF0000;}
a.goldLink		{text-decoration:none; color:#FFD700;}
a.goldLink:hover	{color:#FF0000;}
a.silverLink		{text-decoration:none; color:#C0C0C0;}
a.silverLink:hover	{color:#FF0000;}
ul				{margin:0; padding:0; list-style-type:none;}
.subNav, .mainNav, #leftCol, #footer {background-color:#001B8E;}

/* MAIN DIVS */
#container		{width:1050px; text-align:left; margin:0 auto;}
#topbanner		{height:20; text-align:left; padding:0 10px 0 10px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; background-color:#2A2A2A;}
#leftCol		{width:130px; overflow:hidden; padding:0 5px 5px 0;}
#rightCol		{width:910px; margin:0 0 10px 0;}
#oneCol			{width:750px; margin:0 0 10px 0;}
#footer			{width:1050px; height:45px; text-align:center; font-size:11px; padding-top:15px; color:#FFFFF}
#footer a.last	{border:0;}

/* NAV MENUS */
.subNav			{font-size:13px; margin:145px 0 10px 0;}
.subNav li		{margin:0 0 15px 8px;}
.subNav li.pad	{margin:0 0 15px 10px;}
.mainNav		{font-size:14px; margin:0; width:1050px; font-variant:small-caps; height:24px; text-align:center;padding-top:4px;}
.mainNav li		{display:inline; height:12px; padding:0 15px 0 15px; color:#FFFFFF; border-right:1px solid white; margin-top:14px; overflow:hidden; position:relative;top:4px;}
.mainNav li.last	{border:0;}
.footNav		{font-size:12px; margin:0; width:1050px; height:24px; text-align:center;padding-top:4px;}
.footNav li		{display:inline; height:12px; padding:0 10px 0 10px; color:#FFFFFF; border-right:1px solid white; margin-top:14px; overflow:hidden; position:relative;top:1px;}
.footNav li.last	{border:0;}
.subNav, .mainNav, .footNav {list-style-type:none; font-weight:bold; padding:0;}
ul.mainNav li a:hover {background-color:#F5FFA1;}

/* CLASSES  */
.login			{width:490px; height:85px; background-color:#C8C7C5; padding: 0 10px 0 10px;}
.loginForm		{height:60px; float:right;}
.txtBoxTicker	{width:360px; float:left; margin:10px 0 10px 0; padding:0 10px 0 10px;}
.txtBoxHalf		{width:380px; float:left; margin:10px 0 10px 0; padding:0 10px 0 10px;}
.txtBox01 		{width:373px; float:left; margin-bottom:20px;}
.txtBox02 		{width:250px; float:left;}
.txtBoxBig		{width:465px; float:left; padding: 0 5px 0 5px; margin:20px 0 0 0;}
.txtBoxSmall	{width:295px; float:left; padding: 0 5px 0 5px; margin:20px 0 20px 0;}
.txtBoxSmall2	{width:140px; height: 250px; float:left; padding: 0 0 0 0; margin:0 0 0 0;}
.feedback li	{border-top:2px solid #FF0000; padding:15px; width:700px; margin:15px 0 0 40px;}
.imgBlock		{margin-bottom:25px;}
.benefits		{list-style-type:disc; color:#CC6600; list-style-position:outside;}
.benefits li		{margin:10px 0 0 35px;}
.benefits li span 	{color:#333333; font-size:13px; font-weight:bold;}
.userText		{font-size:12px; margin:0; width:250px; height:55px; text-align:right;padding-top:5px;}
.userNav		{font-size:12px; margin:0; width:300px; text-align:right;}
.userNav li		{display:inline; height:12px; padding:0 10px 0 10px; border-right:1px solid #001B8E; margin-top:14px; overflow:hidden; position:relative;top:4px;}
.userNav li.last	{border:0;}
.sponsorLogo	{width:50px; height:75px; text-align:top; float:right; padding: 10px 0 0 0;}

/* UNIQUES  */
.floatr			{float:right;}
.floatl			{float:left;}
.alignc			{text-align:center;}
.LBRed			{border-left:1px solid #FF0000;}
.LBBlue			{border-left:1px solid #B6D5F2;}
.RBRed			{border-right:1px solid #FF0000;}
.RBBlue			{border-right:1px solid #B6D5F2;}
.redTB			{border-top:2px solid #FF0000;}
.blacktxt		{color:#000010;}
.whitetxt		{color:#FFFFFF;}
.redtxt			{color:#FF0000;}
.bluetxt		{color:#001B8E;}
.greentxt		{color:#008000;}
.captxt			{font-variant:small-caps; font-size:15px;}
.txt24			{font-size:24px;}
.txt16			{font-size:16px;}
.txt13			{font-size:13px;}
.txt12			{font-size:12px;}
.txt11			{font-size:11px;}
.txt10			{font-size:10px;}
.normal			{font-weight:normal;}
.bold			{font-weight:bold;}
.center			{text-align:center;}
.center_image	{display: block; margin-left: auto; margin-right: auto; width: 80%; float: none;}
h3				{padding:20px 0 0 30px;}
.fullwidth		{width:945px; float:left;}
.disclaimer		{width:500px; height:60px; float:left; border:1px solid #FF0000; padding:5px 10px 5px 10px; font-size:11px; margin:5px 5px 5px 0;}
.discl-click	{width:200px; height:60px; float:right; padding:5px 10px 5px 0; font-size:12px; margin:5px 5px 5px 0;}
/* in movingTicker.css
.ticker			{width:768px; height:30px; float:left; border:1px solid #FF0000; margin:20px 0 0 10px;}
.tickerItem		{list-style-type:disc; color:#CC6600; font-size:12px;}
.tickerItem li		{margin:0 0 0 20px;}
.tickerItem li span	{color:#000010;}
.movingticker	{width:768px; height:21px; margin: 0 0 0 25px; overflow:hidden; border-top: 1px solid #FF0000; border-bottom: 1px solid #FF0000; display: block;}
.tickercontainer	{width:768px; height:21px; margin: 0 0 0 25px; overflow:hidden; border-top: 1px solid #FF0000; border-bottom: 1px solid #FF0000; display: block;}
*/
.enterbox		{width:345px; height:60px; float:left; padding: 5px 5px 5px 55px; margin:5px 5px 5px 5px;}
.flat			{margin:0; padding:0;}
.pad0			{padding:0 0 0 0;}
.padU5			{padding:5px 0 0 0;}
.padU10			{padding:10px 0 0 0;}
.padR5			{padding:0 5px 0 0;}
.padR10			{padding:0 10px 0 0 ;}
.padD5			{padding:0 0 5px 0;}
.padD10			{padding:0 0 10px 0;}
.padL5			{padding:0 0 0 5px;}
.padL10			{padding:0 0 0 10px;}
.padL20			{padding:0 0 0 20px;}
.last			{border:0;}

.login, .logo, .mainNav, .imgBlock, #leftCol, #rightCol, #oneCol, #footer {float:left}

/* ESTIMATE CONTEST */
.contestBox		{width:285px; float:left; padding:5px 0 10px 0; border-style:ridge; border-width:5px; border-color:#B6D5F2;}
.contestInnerBox {width:275px; float:left; padding:5px 0 0 0;}
.contestLabel	{width:60px; display:inline-block; font-size:13px;}
.contest_btn	{margin: 5px 0 0 22px;}
.contest_ul		{list-style-type:disc; color:#CC6600; list-style-position:outside;}
.contest_ul li	{margin:0 0 0 35px;}
.contest_ul li span {color:#000000; font-size:12px;}
.contest_span	{color:#000000; font-size:11px;}
input.button-est, input.button-est-small {background:#F4F7F9 url(button.gif) repeat-x scroll left bottom; border:1px solid #9DB0BC; cursor:pointer;}
input.button-est {background-position:0 -4px; font-family:"Arial"; font-size:11px; width:140px; height:18px; text-align:center;}
input.button-est-small {background-position:0 -4px; font-family:"Arial"; font-size:11px; width:70px; height:18px; text-align:center;}

/* FORM */
input.button-big, input.button, input.button-small, input.button-long {background:#F4F7F9 url(button.gif) repeat-x scroll left bottom; border:1px solid #9DB0BC; cursor:pointer;}
input.button-small {background-position:0 -4px; font-family:"Arial"; font-size:11px; width:50px; height:21px; margin-left:4px; text-align:center;}
input.button-long {background-position:0 -4px; font-family:"Arial"; font-size:11px; width:100px; height:21px; margin-left:4px; text-align:center;}
input.button- {background-position:0 -4px; font-family:"Arial"; font-size:14px; width:60px; height:40px; margin-left:4px; text-align:center;}
input.button-big {background-position:0 2px; font-family:"Trebuchet MS"; text-align:center; font-family:"Trebuchet MS"; font-size:26px; width:135px; }
.logput {width:78px; background-color:#fff; margin-right:3px;}

/* POPUP MENU */
#sddm			{ margin: 0; padding: 0; z-index: 30}
#sddm li			{ margin: 0; padding: 0; list-style: none; float: left;}
#sddm li a			{ display: block; margin: 0 0 15px 0; text-align: left; text-decoration: none}
#sddm li a:hover	{ color:#FF0000;}
#sddm div		{ position: absolute; visibility: hidden; margin: -40px 125px; background: #EAEBD8; border: 1px solid #5970B2; z-index: 30;}
#sddm div a		{ position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #001B8E; }
#sddm div p		{ position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #001B8E; font-size:13px; text-decoration:none; color:#FFFFFF; }
#sddm div a:hover	{ color:#FF0000;}

/* CLASS */
.classOL		{ padding: 15px; border: 0px solid black;}
.classOL td		{ vertical-align: top; color:#001B8E; }
.classOLSpacer	{ height: 50px; }

/* TABLE */
.data                    {font-family: arial, sans-serif; border-collapse: collapse; width: 100%; }
.data th                 {border: 1px solid #dddddd; text-align: center; padding: 8px; }
.data td                 {border: 1px solid #dddddd; text-align: left; padding: 8px; }
.data tr:nth-child(even) {background-color: #dddddd; }

table.body_table    {border: 0; padding: 0; border-spacing: 0; border-collapse: collapse; width:100%;}
td.left_td          {width: 135px; height: 100%; background-color: #001B8E; vertical-align: top; padding: 0;}
td.right_td         {width: 915px; vertical-align: top;}

/* HOVER */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Slider */
.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 15px; /* Specified height */
  border-radius: 5px;
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  border-radius: 50%;
  background: #001B8E; /* Blue background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  border-radius: 50%;
  background: #001B8E; /* Green background */
  cursor: pointer; /* Cursor on hover */
}