/* MarketShare BY COLEINFORMATION.COM */


/* HEADER FOOTER MAIN */

body, html, #wrapper{min-height: 100%; width: 100%; height: 100%; margin: 0; padding:0; font: 80%/1.8em Tahoma, "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif; background: #fff url(images/contentback.png) top left repeat-x;}
html>body, html>body #wrapper {height: auto;}
#wrapper {position: absolute; top: 0; left: 0;}
#login {width: 100%; margin-left: auto; margin-right: auto;}
#header {width: auto; height: 43px; }
#topbar {height: 26px; background: #000 url(images/headertop.png) top left repeat-x; width: auto;}
#logo {width: 210px; float: left;}
#userinfo {float: right; width: auto; font-size: 10px; color: #fff; line-height: 9px; margin: 5px 15px 0 0; text-transform: uppercase;}
#userinfo strong {color: #3366ff;}
#userinfo a {color: #666;}
#userinfo a:hover {color: red;}
#account {width: 99%; margin-right: 15px; position: top; text-align: right;}
#account img {border: 0;}
#clear {clear: both;}
#content {margin-right: 0; margin-left: auto; font-size: 12px; width: 100%; background-color: transparent; height: 800px; height: auto; overflow:visible;}
#content img {border: 0;}
#headline {font-size: 15px; line-height: 12px; font-weight: bold; position: relative; margin-left: 5px; text-transform:uppercase; height: 30px; margin-top: -10px;}
#footer {position: relative;  width: 100%; color: #fff; background: #fff url(images/footerback.png) top left repeat-x; text-align: center; height: 100px; clear: both; display: block; margin-top: 30px; overflow: hidden; margin-left: 0; margin-right: 0; font-size: 10px;}
#footer a {color: #aaa; font-weight: bold; text-decoration:none; font-size: 9px;}
#footer a:hover {color: red; font-size: 9px;}
#footer p {margin-top: 20px;}

/* GENERALS  */

h1 {text-transform: uppercase; font-size: 20px; text-align: center; font-family: "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif;}
h2 {color: #0066FF; letter-spacing: -1px; font-size: 18px;text-align: center; font-weight: normal;}
h3 {text-transform: uppercase; font-size: 20px; text-align: left; font-family: "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif;}
h4 {text-transform: uppercase; font-size: 10px; text-align: right; font-family: "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif;}
a {} 
a:hover {color: red; border: 0;font-weight: normal;}
a:visited {color: #3366FF;}
a:active {}
a:link {}
#teaser {font: 35px/37px "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif; color: black; text-align: center; margin-bottom: 10px; margin-top: 15px; letter-spacing: -2px;}
#subtext {text-align: center; margin: 30px 10px;}

/* LOGIN */

#loginpage {margin-left: auto; margin-right: auto; width: 90%;}
#entry {width:55%; margin-top: 20px; margin-left: auto; margin-right: 5px;  float: left;}
#newuser {background: #fff; color: #000; width: 98%; position: relative; margin-left: 20px;}
#login {background: #fff; color: #000; width: 80%; position: relative; margin-left: 20px; margin-bottom: 20px; margin-top: 20px;padding: 0;}
#entry input {color: black; letter-spacing: 1px;}
#better {width: 20%; float: left; margin-left: 20px;}
#loginsidebar {margin-top: 20px; float: left; margin-left: 10px; padding:10px; background: #ffffff url(images/loginsidebar.gif) no-repeat; width: 200px; height: auto; position: relative; margin-right: 0; font-family: "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif;}
#entry fieldset {margin: 0; padding:0px; border: 1px solid #ccc; margin-top: -3px;}
#entry fieldset ol {padding: 1em 0 0 1em; list-style: none; vertical-align: bottom;}
#entry fieldset li {padding-bottom: 2px; padding-left: 2px; float: left; clear: left; width: 100%; vertical-align: bottom;}
#entry fieldset submit {border-style: none; float: right; margin-left: 30px;}
#entry legend {font-size: 22px; line-height: 27px; letter-spacing: -2px; color: #000; margin-bottom: 5px; padding-bottom: 4px;font-family: "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif;}
#newuser fieldset {border: none;}
#login fieldset {background: #fbfce4 url(images/loginback.png) repeat-x;}
#entry submit {float: right: margin-left: 20px;}
#entry label {text-transform: uppercase; font-weight: bold; font-size: 9px; text-align: left; margin: 0; padding:0; float: left; width: 100%; }
#entry input:hover {background-color:#666; color: white;}
#entry input:focus {background-color: transparent; color: black; font-weight: bold;}


/* ACTIVATE */

#activate {text-align: center;}

/* REGISTRATION */
#registration {margin-left: auto; margin-right: auto; position:relative; text-align: center; width: 98%;}
#registration fieldset {margin: 0; padding:0px; border: 1px solid #ccc; margin-left: auto; width: 450px; margin-right: auto; background: #fbfce4 url(images/loginback.png) repeat-x;}
#registration fieldset ol {padding: 1em 0 0 1em; list-style: none; vertical-align: bottom;}
#registration fieldset li {padding-bottom: 2px; padding-left: 2px; float: left; clear: left; width: 90%; vertical-align: bottom; display: block; position: relative;}
#registration fieldset submit {border-style: none; float: right; margin-left: 30px;}
#registration legend {font-size: 22px; line-height: 27px; letter-spacing: -2px; color: #000; margin-bottom: 5px; padding-bottom: 4px; text-align: left; font-family: "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif;}
#registration label {text-transform: uppercase; font-weight: bold; font-size: 9px; text-align: right; margin: 0; padding:0; float: left; width: 100px; line-height: 11px;}
#registration input {color: black; letter-spacing: 1px; text-align: left; float: left; margin-left: 25px; position: relative;}
#registration select {float: left; margin-left: 26px; text-align: left;}
#begin {text-align: center; margin-left: auto; margin-right: auto; width:98%;}
.right {float: right;}
#registration input:hover {background-color:#666; color: white;}
#registration input:focus {background-color: transparent; color: black; font-weight: bold;}


/* LIST TYPE SELECTION */
#listtype {text-align: center; margin-left: auto; margin-right: auto; width: 98%;}


/* LIST CRITERIA */
#geographic {width: 100%; background: transparent url(images/boxesback.png) repeat-x; margin-bottom: 5px;display: block;}
#demographics {width: 100%; background: transparent url(images/boxesback.png) repeat-x; margin-bottom: 5px;}
#additional {width: 100%; background: transparent url(images/boxesback.png) repeat-x; margin-bottom: 5px;}
#geobar {height: auto; width: 100%; padding-right: 0; margin-bottom: 0; margin-top: 0;padding-top: 0;}
#demobar{height: auto; width: 100%; padding-right: 0; margin-bottom: 0;}
#addbar {height: auto;  width: 100%; padding-right: 0; margin-bottom: 0;}
.bluefill {border-top: 1px solid #207eeb;text-align: right; vertical-align:top; margin-bottom: 10px; padding: 10px; background: #207eeb url(images/blueback.png) bottom left repeat-x; color: #fff; width: auto; margin-top: 0; width: 100%;}
/* mac hide \*/
* .bluefill {border-top: 1px solid #207eeb;text-align: right; vertical-align:top; margin-bottom: 8px; padding: 10px; background: #207eeb url(images/blueback.png) bottom left repeat-x; color: #fff; width: 100%; margin-top: -4px;}
/* end hide*/
.bluefill strong {color: #000; line-height: 12px; margin-right: 20px;}
.bluefill p {margin-right: 20px; margin-top:-1px;}
.selectbuttons {display: block; margin-left: 20px;}
.inputbuttons {float: left; display: block; margin-right: 20px; font-size: 9px; vertical-align: middle;}
.popdown {background: #fff url(images/popdownback.png) top left repeat-x; color: #333333; width: 100%; height: auto; margin:0; padding:10px; margin-bottom: 20px; margin-top: -5px; margin-left: 0;}
.rows {border-bottom: 1px solid #ccc; margin:2px;}
.rows h2 {text-transform:uppercase; font-weight: bold; font-size: 15px; margin: 5px 15px; text-align: left; color: #000;}
.arrows {font-weight: normal; color: red;} 
.uppercase1 {text-transform: uppercase; font-weight: bold; font-size: 20px;}
#tips {width: 349px; background: #ffcc00 url(images/tipsbottom.png) bottom left no-repeat; margin-left: auto; margin-right: auto; bottom: 0; display: block; position: relative; padding-bottom: 100px; position: relative; bottom: 10px;}
#tips h1 {color: white; font-family: "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif; font-size: 25px; margin: 0; padding: 10px;}
#tips p {color: black; font-size: 11px; padding: 10px;}

/* COUNT */
.count {color: #0000FF; font-weight: bold;}
#count {margin-left: auto; margin-right: auto; width: 100%; text-transform: uppercase; margin-top: 20px;}
#countleft {float: left; margin-right: 20px; text-align: right; width: 60%; font-weight: bolder; line-height: 30px;}
#countright {float: left; text-align: left; width: auto;}

/* PURCHASE CREDITS */
#purchasecredits {margin-left: auto; margin-right: auto; width: 100%; text-transform: uppercase; margin-top: 20px; font-weight: bold; text-align: center;}
#purchasecredits label {display: block; text-align: left;}
#purchaseleft {float: left; width: 50%; text-align: right; padding-right: 10px; border-right: 1px solid #ccc;}
#purchaseright {float: left;  width: auto; text-align: left; padding-left: 10px;}
.purchaselarger {font-size: 20px; color: #3366ff; line-height: 30px;}
#purchasenote {width: 40%; color: #666666; font-size: 9px; padding-top: 10px; border-top: 1px solid #ccc; text-transform: none; display: block; margin-right: 0;text-align:justify;margin-left: auto; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.purchasenumber {font-size: 20px; color: red; line-height: 35px;} 
#purchasecredits em {color: #ccc; font-size: 9px; line-height: 20px;}
#purchasecredits label {padding-bottom:5px; padding-top: 5px;}
#purchasecredits label:hover {background-color:#FFFFCC; border-top: 1px solid #336699; border-bottom: 1px solid #336699;}

/* ORDER CONFIRMATION */
#orderconfirm {margin-left: auto; margin-right: auto; width: 100%; text-transform: uppercase; margin-top: 20px; font-weight: bold; text-align: center; vertical-align: top;}
#orderleft {float: left; width: 50%; text-align: center;}
#orderright {float: left;  width: 49%; text-align: center;}

/* DOWNLOAD */
#download {margin-left: auto; margin-right: auto; position:relative; text-align: center; width: 100%; font-size: 10px;}
#download fieldset {margin: 0; padding:0px; margin-left: auto; width: 100%; margin-right: auto; border: 0; float: left;}
#listspecs {width: 100%;}
#listspecs hr {color: #ccc; height: .15em; border-top: 1px solid #fff; border-bottom: 1px double #ccc;}
#download legend {display: none;}
#download label {text-transform: uppercase; font-weight: bold; font-size: 9px; text-align: right; margin: 0; padding:0;width: auto; line-height: 11px; display: block; border-bottom: 1px solid #ccc;}
#download input {color: black; letter-spacing: 1px; text-align: left; float: left; margin-left: 25px; position: relative;width: auto;}
#download select {float: left; margin-left: 26px; text-align: left;}
#yourcredits {float: right; margin: 5px; padding: 10px; width: 80%; border: 1px solid #ccc; text-align: left;}
#download input:hover {background-color:#666; color: white;}
#download input:focus {background-color: transparent; color: black; font-weight: bold;}
#download table {font-size: 11px; text-align: left;}
#download ul {width: 100%; list-style: none; padding; 1em 0 0 1em; vertical-aign: bottom; padding-left: 2px;}
#buttons {float: right; display: block; margin-right: 10px; width: auto; margin-top: 15px;}
#buttons img {margin-left: 5px;}

/* MYACCOUNT */
#myaccount {width: 100%; margin-left: 1px; margin-right: auto; font-family: "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif;}

#listside {width: 98%; float: left; padding: 1%;font-family: "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; margin-left: 2px;}
#listside table td {border-right: 1px solid #fff;}
#listside table td a:link {font-size: 9px;}
#listside table td a:visited {font-size: 9px; color: red;}
#listside table {font-weight: bold;  font-size: 9px;  width: 100%;}

.listbox {border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 6px 0; }
#savesearches {width: 35%; border: 1px solid #ccc; float: right; text-align: center; margin:0; position: relative; padding:4px; margin-right: 5px;}
#savesearches fieldset ol li a:link, a:visited, a:active{font-size: 9px; text-decoration: none; margin:0; padding:0;}
#savesearches fieldset {margin: 0; padding:0; border: none;}
#savesearches fieldset ol {list-style: none; vertical-align: bottom; width: 100%; margin:0; padding:0; text-align: left;}
#savesearches fieldset ol li {padding:7px; float: left; clear: left; width: 98%; vertical-align: bottom;border-bottom: 1px solid #ccc; list-style:none;}
.expired {color: #ccc;}
#bottom {width: 100%;}
#profile {float: left; width: 50%; position: relative; margin-left: 20px; text-transform: uppercase; display: block; margin-top: 25px;}
#profile a:link, a:visited, a:hover, a:active {font-size: 12px; font-weight: bold; text-decoration:none; }
#myaccount h4 a:link {text-decoration:none; font-weight: bold; text-transform: uppercase; float: right; font-size: 15px;}
#myaccount h4 a:visited {text-decoration:none; font-weight: bold; text-transform: uppercase; float: right; font-size: 15px; color: red;}

/* PREVIEW */
#preview {border: 1px solid #ccc; margin:0; padding:0; background-color:#fff; width: 98%; font-size: 9px; }
#preview table {background-color: #fff; text-align: center; width: 100%; font-size: 11px;}
#preview table td {border-right: 1px solid #fff;}
#pagenumbers {font: 9px/25px "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif; color: #999; width: 100%; height: 30px; display: block; background-color: #e9e9e9; padding-left: 20px; margin-top: -10px;}
#selects {width: 96%; padding: 10px 20px;}
#selectfields {width: 45%; float: left; display: block; text-transform: uppercase; font-size: 9px; line-height: 18px;}
#displayfields {width: 45%; float: right; display: block; position: relative; text-transform: uppercase; text-align: right; font-size: 9px; line-height: 20px;}
#records {float: left; width: 50%; position: relative; margin-left: 20px; text-transform: uppercase; display: block; margin-top: 25px; color: red; font-size: 20px; font-weight: bold;}
#records a {font-size: 10px;}
.textright {float: right; margin-right: 20px; margin-top: -20px; font-size: 9px; color: #999;}


/* CLONE */
#target {border: 1px solid #ccc; margin:0; padding:0; background-color:#fff; width: 90%; font-size: 9px; margin-left: auto; margin-right: auto;}
#target table {background-color: #fff; text-align: left; width: 100%; font-size: 11px;}
#target table td {border-right: 1px solid #ccc;}
#target table table td {border: none;}

.tableback {background-color: #d0e4fb;}
.targetheading {color: blue; text-transform: uppercase; font-size: 12px; font-weight: bold; border-top: 1px solid red;}

/* extra CLASSES */

.error {color: red;}
.secondary {color: #ccc;}
.livehelp {float: left; margin-left: 20px;font-size: 9px; color: #000; font-weight: bold; line-height: 12px; margin-top: 3px; position: relative; text-align: left; text-decoration: none;}
.livehelp strong {color: red;}

/* summarize added 8/19-08 */
.summarize {color: #0000FF; font-weight: bold;}
#summarize {margin-left: auto; margin-right: auto; width: 100%; text-transform: uppercase; margin-top: 20px;}
#summarizeleft {float: left; margin-right: 20px; text-align: right; width: auto; font-weight: bolder; line-height: 30px; margin-left: 20px; }
#summarizeright {float: left; text-align: left; width: 60%; position: relative;border-left: 1px dotted #ccc;}
.borderbottom {border-bottom: 1px solid #ccc; display: block; padding-right: 10px;}
#subbuttons {margin-left: 40px; line-height:24px;}
#note {float: right; margin-right: 40px; color: red; width: 300px; text-align: right; padding: 10px; line-height: 15px;}
.tabin {margin-left: 80px;}
.right2 {float: right; margin-right: 50px;}
    
 .TextBoxStyleFirst{BORDER-RIGHT: 1px solid;BORDER-TOP: 1px solid;BORDER-LEFT: 1px solid;BORDER-BOTTOM: 1px solid;background-color:#ffffff;border-color:#000000;width:380px;}
.TextBoxStyleSecond
{
	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	BORDER-LEFT: 1px solid; 
	BORDER-BOTTOM: 1px solid;
	background-color:#ffffff;
	border-color:#000000;
}
   
.LinkStyle
{
	font-weight: normal;
	font-size: 11px;
	color: #3169DE;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.ErrorContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Red;
	font-style: normal;
	font-weight: bold; 
}
.Purchase {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Yellow;
	font-style: normal;
	font-weight: bold; 
}
.gridHeaderStyle
{
    background-color:#00619C;
    color:#E7EFEF;
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size :12px;
    font-style:normal;
    font-weight:bolder;
} 
.gridFirstRow
{
    background-color:#E7EFEF;
    color:Black;  
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size :12px;
    font-style:normal;
    font-weight:lighter;
} 
.gridSecondRow
{
    background-color:White; 
    color:Black;  
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size :12px;
    font-style:normal;
    font-weight:lighter;
}
.radButtonStyle
{
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-style:normal;   
}