/*
     Date          Coder    Project                               Details
----------------------------------------------------------------------------------------------------------------------------------------------------------
 2011-02-14        jengel   Browser Compatibility                 Fixes to support Firefox and Chrome.
*/


/* 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: #fff;}
#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; z-index:-20}
#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: #fff; font-weight: bold; text-decoration:none; font-size: 9px;}
#footer a:hover {color: red; font-size: 9px;}
#footer p {margin-top: 20px;}

#regleft { text-transform :none;font-weight: bold; font-size: 12px; margin: 0; padding:0; float: left; text-align:center;width:43%; line-height: 14px;}

/* 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;}
#AgreementHead {font: 22px/24px "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;}
#Ordersubtext {font: 22px/37px "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif; color: black; text-align: center;margin: 30px 10px; letter-spacing: -2px;}
#subtext {text-align: center; margin: 30px 10px;}

/* LOGIN */

#loginpage {margin-left: auto; margin-right: auto; width: 100%;}

#newArea {float:left; padding-left:100px}
#newuser fieldset {border: none;}

#loginArea {float:right; width:400px; padding-right:100px}
#loginArea 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;}
#loginArea fieldset {margin: 0; padding:0px; font-weight:lighter; border: 1px solid #ccc; margin-top: -3px; background: #fbfce4 url('/images/loginback.png') repeat-x}
#loginArea fieldset ol {padding: 0; list-style: none; vertical-align: bottom;}
#loginArea fieldset li {padding-bottom: 2px; padding-left: 2px; float: left; clear: left; width: 100%; vertical-align: bottom;}
#loginArea fieldset submit {border-style: none; float: right; margin-left: 30px;}
#loginArea legend {font-size: 22px; line-height: 27px; letter-spacing: -2px; color: #000; margin-bottom: 5px; font-weight:lighter; padding-bottom: 4px;font-family: "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif;}
#loginArea submit {float: right; margin-left: 20px;}
#loginArea label {text-transform: uppercase; font-weight: bold; font-size: 9px; text-align: left; margin: 0; padding:0; float: left; width: 100%; }
#loginArea input:hover {background-color:#666; color: white;}
#loginArea input:focus {background-color: transparent; color: black; font-weight: bold;}
#entry1 label {text-transform: uppercase; font-weight: bold; font-size: 9px; text-align: left; margin: 0; padding:0; float: left; width: 100%; }

#login legend {font-size: 22px; line-height: 27px; letter-spacing: -2px; color: #000; margin-bottom: 5px; font-weight:lighter; padding-bottom: 4px;font-family: "Lucida Sans", "Lucida Sans Unicode", "LucidaSans Unicode", LucidaSans, Myriad, Arial, Helvetica, sans-serif;}
#login fieldset {margin: 0; padding:0px;background: #fbfce4 url(images/loginback.png) repeat-x;font-weight:lighter;border: 1px solid #ccc; margin-top: -3px;}
#login fieldset ol {padding: 1em 0 0 1em; list-style: none; vertical-align: bottom;}
#login fieldset li {padding-bottom: 2px; padding-left: 2px; float: left; clear: left; width: 100%; vertical-align: bottom;}

/* 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;} 
.uppercase {text-transform: uppercase; font-weight: bold; color:White}
#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;text-align:justify; border-top: 1px solid #ccc; text-transform:none; display: block; margin-right: 0; 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;}
#orderconfirm1 {margin-left: auto; margin-right: auto; width: 100%; text-transform:none; margin-top: 20px; font-weight: bold; text-align: center; vertical-align: top;}
#orderconfirm2 {margin-left: auto; margin-right: auto; width: 100%; text-transform:none; margin-top: 20px; font-weight:lighter; text-align: center; vertical-align: top;}
#orderleft {float: left; width: 100%; text-align: center;}
#orderleft2 {float: left; width: 100%; text-align: center; font-size:22px;}
#orderright {float: left;  width: 100%; 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-align: 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: 60%; 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: 65%; float: left; display: block; text-transform: uppercase; font-size: 9px; line-height: 18px;}
#displayfields {width: 100%; float: left; display: block; position: relative; text-transform: uppercase; text-align: left; font-size: 9px; line-height: 20px;}
#displayfields a:link {text-decoration:none; font-weight: bold; text-transform: uppercase; float: none ; font-size: 12px;} 
#displayfields a:visited {text-decoration:none; font-weight: bold; text-transform: uppercase; float: none; font-size: 12px;}
#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;}
#selectfields a:link {text-decoration:none; font-weight: bold; text-transform: uppercase; float: none ; font-size: 10px;} 
#selectfields a:visited {text-decoration:none; font-weight: bold; text-transform: uppercase; float: none; 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;}
.targethead {color: black; text-transform: uppercase; font-size: 12px; font-weight: bold;}
.targetheadClear {color: blue; text-transform: uppercase; font-size: 12px; font-weight: bold;}
.DownloadListName {color: black; text-transform:none;font-family:Arial; font-size: 12px; font-weight: bold;}

/* 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;}

/* TOOLTIPS */
a.tt{
    position:relative;
    top: -4px;
    z-index:24;
    color:red;
    text-decoration:underline;
	font-style:normal;
}
a.tt span{ display: none; text-align: left; color: #fff;text-decoration: none; font-weight: bold;}
em {font-weight: bold; text-decoration: none; font-style:normal; font-style: normal;}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: red; font-weight: normal; text-decoration: none;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #fff;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	font-size: 10px;
	font-weight: normal;
text-shadow: #000 1px 1px 1px;
}
a.tt:hover span.top{
	display: block;
	padding: 5px;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 4px 0 11px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 8px;
	color: red;
    background: url(images/bubble.gif) no-repeat bottom;
}

    
 .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;   
} 
.orderConfirmationHeader
{
	font:Verdana, Arial, Helvetica, sans-serif;
    font-size :22px;
    font-weight:bolder;
    text-align:center;
	
}
.orderConfirmationvalue
{
	font:Verdana, Arial, Helvetica, sans-serif;
    font-size :14px;
    font-weight:bolder;
}
.orderConfirmationvalue_new1
{
	font:Verdana, Arial, Helvetica, sans-serif;
    font-size :16px;
    font-weight:bolder;
    text-align:center;
}
.orderConfirmationvalue_new
{
	font:Verdana, Arial, Helvetica, sans-serif;
    font-size :16px;
    font-weight:bolder;
    text-align:left;
}
.areaCodeLabel
{
	font:Verdana, Arial, Helvetica, sans-serif;
    font-size :12px;
    font-weight:bolder;
    text-align:left;
    color :Blue ;
}