html, body { height: 100%; background-color: #e9ebee; font-size: 14px; }
* { margin:0; padding:0; border:0; font-size: inherit; line-height: 150%; font-family: Arial, Tahoma, Helvetica, sans-serif; }
body.rtl td { text-align: right;}

body.rtl * {font-family: 'Markazi Text', Arial, Helvetica, sans-serif;}
html.rtl, body.rtl { font-size: 18px; }

* { margin:0; padding:0; border:0; }
INPUT, SELECT, TEXTAREA {border: 1px solid #666666; padding: 7px;}
div.inputwrapdiv { border: 1px solid #666666; padding: 7px;}
div.inputwrapdiv INPUT { border: 0; width: 100%; outline: 0; margin: 0; padding: 0}
div.inputwrapdiv SELECT { border: 0; width: 100%; outline: 0; margin: 0; padding: 0}
div.inputwrapdiv TEXTAREA { border: 0; width: 100%; outline: 0; margin: 0; padding: 0}
span { font-size: inherit;}

INPUT.errorinput , SELECT.errorinput, TEXTAREA.errorinput {border-color: red;}
TD.errorinput {border: 1px solid red;}
.errormessage { color: red; }

div#h1div { max-width: 730px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
p { text-align: justify;}



TD { vertical-align:top; text-align:left;}
H1 { font-size: 1.6rem;  font-weight: bold; margin-bottom: 15px;}
H1 div { font-size: inherit; margin-top: 5px;}
body.rtl h1 { text-align: right;}
H2 { font-size: 1.45rem;  font-weight: bold; clear:both; margin-bottom: 3px; margin-bottom: 7px; }  
H3 {  font-weight: bold; margin-top: 15px; margin-bottom: 3px; }
H4 {font-weight: bold;}

H5 {font-weight: bold; font-size: 1.15rem; margin-top: 20px;}
H5:first-child { margin-top: 0;}

H2 span { font-size: inherit;}  

HR { border-top: 1px solid #dddddd; margin-top: 3px; margin-bottom:3px;}
A { color: #0066FF; }
A:hover { color: red;}
DIV.section {border: 1px solid #cccccc; padding:5px; }
.smallRedNote { color: #CC0000;}
.smallRedNote b { color: #CC0000;}
.smallRedNote strong { color: #CC0000;}
.smallRedNote span {color: #CC0000;}


.highlight { color: #1da1f2; font-size: inherit;  }

DIV.miniTitle {font-weight: bold; font-size: 1.3rem; background-color: #cccccc; color: black;  padding: 5px; padding-left: 10px;  margin-bottom: 10px;}
DIV#waitlocation, DIV#waitjob, DIV#waitJobChange {background: url(/images/indicator.gif) no-repeat ; height: 16px; padding-top: 4px; padding-left: 20px; width:80px; display:none;}
INPUT.button {border: 1px solid #dddddd; padding-left:15px; padding-right: 15px; background-color: #1da1f2; color: white; cursor: hand; font-weight: bold; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px;}
INPUT.tinybutton {border: 1px solid #999999; padding-left:5px; padding-right: 5px; font-size: 0.85rem; background-color: #1da1f2; height:20px; height:20px; cursor: hand;  }
INPUT.bigbutton {border: 1px solid #999999; padding-left:15px; padding-right: 15px; background-color: #1da1f2; height:20px; height:28px; cursor: hand; font-weight: bold; }
.grid {width: 100%; border: 1px solid #dddddd; border-collapse: collapse;}
.grid TR.header{background-color: #1da1f2; color: white;}
.grid TD { border: 1px solid #dddddd; padding: 20px; font-size: 1.15rem; }
.grid TD b, .grid TD strong { font-size: 1.15rem; }
.text { font-size: 0.85rem;}
form.linkasform input.linkbutton { display: inline-block; color: #ffffff; padding: 15px; padding-left:15px; padding-right: 15px; background-color: #1da1f2;  height:50px; cursor: hand; font-weight: bold;  text-decoration:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px;}
form.linkasform input.linkbutton:hover {background-color: #006699 ; color: #ffffff;}
.linkbutton { display: inline-block; color: #ffffff; padding: 15px; padding-left:15px; padding-right: 15px; background-color: #1da1f2;  height:20px; cursor: hand; font-weight: bold;  text-decoration:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px;}
.linkbuttonsmall { display: inline-block; color: #ffffff; padding: 10px; padding-left:15px; padding-right: 15px; background-color: #1da1f2;  height:20px; cursor: hand; font-weight: bold; text-decoration:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px;}
.linkbutton:hover { background-color: #006699 ; color: #ffffff;}
.linkbuttonbig {padding: 7px; padding-left:15px; padding-right: 15px; cursor: hand; font-weight: bold;  }
.linkbuttonbig:hover { color: red;}
A.linkbtn { background-color: #EEEEEE; border: 1px solid #aaaaaa; text-decoration:none; padding-top:2px; padding-bottom:2px; padding-left: 5px; padding-right: 5px; color: #000000;}
DIV.pagetopshadeddiv {border: 1px solid #cccccc; padding: 3px; background-color: #ECEFF5;}
DIV.pagetopshadeddiv A { color: black;}
DIV.pagetopshadeddiv A:hover { color: red;}
.error { color: red;}
.grey { color: #777777}
A.grey:hover { color:red;}
.meter {background-color: #FFEBD7; margin-top: 5px; padding-top: 3px; padding-bottom: 3px;}


.alert { border:2px solid #666666; padding: 5px;}
.alert  b{ font-size: 1.3rem;}
.alert div { float: left; width: 45px; padding-top: 45px; text-align:center; margin-right: 50px; background-image: url(/images/ee.png); background-repeat:no-repeat; font-weight: bold; font-size: 1.3rem;}



.subsalary {width: 100%; border: 1px solid #dddddd; border-collapse:collapse; }
.subsalary TD { padding: 5px; border: 1px dotted #eeeeee; padding-left: 20px; padding-right: 20px; vertical-align: middle;}
.subsalary TD.subshead {background-color: #C5E6FE ; padding-top: 15px; padding-bottom: 15px;}
.subsalary TD.subshead b { font-size: 1.75rem; }


A.linkhoverunderline { text-decoration: none;}
A.linkhoverunderline:hover { text-decoration: underline;}

span.avgsalary {font-size: 1.3rem; font-weight: bold; }	
span.avgsalary span {color: #1da1f2; font-size: 1.3rem;}


div#bottommenu { display: none; background-color:#1da1f2; margin-top: -10px; border-top: 1px solid #ffffff; margin-bottom: 20px;}
div#bottommenu div { border-bottom: 1px solid #ffffff; padding: 10px; padding-left: 20px; padding-right:20px;}
div#bottommenu div a { color: white; text-decoration: none;}


/***************************************************/
#wrap {min-height: 100%; margin-bottom: -60px;}
#wrap:after { content: ""; display: block; height: 60px; }
div#bottom { text-align: center; background-color: #777777; color: white; height: 80px;}
div#bottom div { margin-left: auto; margin-right: auto; max-width: 730px;  padding-top: 15px; padding-bottom: 10px;  background-color: #777777;  padding-left: 5px; padding-right: 5px;}
div#bottom p { margin-top: 10px;}
div#bottom a { color: white; margin-left: 10px; margin-right: 10px;}
div#bottom a:hover { color: yellow;}	
	
/*************** top*****************/
div#topdiv { text-align: center; background-color: #1da1f2; color: white; margin-bottom: 10px; }
div#topdiv div { min-height: 23px; margin-left: auto; margin-right: auto; max-width: 730px; background: url(/images/logo.png) no-repeat 20px 13px; background-color: #1da1f2; font-size: 0.85rem; color: #ffffff;  padding-top: 10px; padding-bottom: 10px; text-align:right; padding-left: 20px; padding-right: 20px;}
div#topdiv A {color: #ffffff; margin-right: 5px; margin-left: 5px; border-left: 1px solid #ffffff; padding-left: 10px; text-decoration: none; font-weight: bold; vertical-align: -3px;}
body.rtl div#topdiv A { border:0; border-right: 1px solid #ffffff; padding:0; padding-right: 10px;}
div#topdiv A:first-child { border: 0; padding-left: 0; margin-left: 0;}
body.rtl div#topdiv A:first-child { border: 0; padding-right: 0; margin-left: 0; padding-left: 5px;}
div#topdiv A:hover { color: yellow; text-decoration: underline;}
div#topdiv form { display: inline; margin-left: 10px;}
div#topdiv a.link { display:none; }
div#topdiv a.img { display:inline; }
div#topdiv a.img { display:inline; border:0; vertical-align: -7px;}

/*************** content.php *****************/
/*div#leftsidebar {position:absolute; top:0;left:0; width: 160px; }*/
div#leftsidebar { position:static; width: auto; text-align: center; margin-top: 20px; margin-bottom: 20px; }
div#leftsidebar div { padding-left: 10px; padding-bottom: 8px; padding-top: 8px; margin-bottom: 2px; background-color: #ffffff;}
div#leftsidebar div a { text-decoration: none; color: #006699;}
div#leftsidebar div a:hover { color:#CC0000; text-decoration:underline;}
div#rightsidebar { position:static; width: auto; text-align: center; margin-top: 20px; margin-bottom: 20px; }
/*div#rightsidebar {position:absolute; top:0px; right:0; width: 160px; }*/
/*div#rightsidebar div { text-align: center; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #ffffff; background-color: #ededed;}*/
div#contentDiv { position:relative; max-width: 730px; margin-left: auto; margin-right: auto; text-align:left; padding-left: 0px; padding-right: 0px; min-height: 1120px; margin-top: 20px;}
body.rtl div#contentDiv { text-align:right; }
div#rightsidebar div.social { padding-left: 20px;}
div#rightsidebar div.social a {display: block; width: 16px; height: 16px; background: url(/images/stripe.png) no-repeat; border: 0 ; margin: 0 ; padding: 0; float: left; margin-left: 10px;}
div#rightsidebar div.social a:first-child {margin-left: 0px; }
div#topbanneraddiv { margin-left: auto; margin-right: auto; text-align:right;}


/*************** index.php *****************/
DIV.part { width: 100%; }
DIV.part TABLE {width:100%; margin-bottom:15px; }
DIV.part TABLE TD { vertical-align: middle;}				
DIV.part TABLE TD:nth-child(2) { text-align: right;}				
DIV.part TABLE td.label img { margin-right: 10px; vertical-align: -3px;}
DIV.part SELECT { width: 100%; margin-top: 0px;}
DIV.part INPUT { width: 97%;   margin-top: 0px; padding:7px;}
DIV.part P 		{ margin-top: 7px;}
#stateComboTable 		{ display: none;}
#cityComboTable 		{ display: none;}
#divisionComboTable , #divisionComboJobChangeTable	{ display: none;}
#titleComboTable , #titleComboJobChangeTable		{ display: none;}


/*************** salary comparison report *****************/
DIV.comparisonbar {background-color: #DAE2EE; color: #000000; margin-top: 5px; margin-bottom: 5px; height: 18px; padding-top: 1px; padding-bottom: 0; padding-left: 5px; height:16px;}
DIV.comparisonbar SPAN { vertical-align: center;}


.addthis_toolbox .custom_images a {    width: 32px;    height: 32px;    margin: 0;    padding: 0;}
.addthis_toolbox .custom_images a img {    opacity: 1.0;}
.addthis_toolbox .custom_images a:hover img {    opacity: 0.75;}

.addthis_toolbox IMG { margin-right: 4px;}




fieldset.pageBottom {border: 1px solid #666666; padding-left: 10px; margin-top: 20px;}
fieldset.pageBottom LEGEND {font-size: 1.15rem; font-weight: bold;}

DIV.salarycomparison {font-size: 1.45rem; background-color: #F5F5F5; margin-top: 20px; border:1px solid #cccccc;}
DIV.salarycomparison IMG {float:left; margin: 10px; height: 120px;}
DIV.salarycomparison A {font-size: 1.3rem; text-decoration:underline;}
DIV.salarycomparison A span {font-size: 1.45rem; font-weight: bold;}

DIV.ratings{font-size: 1.3rem; background-color: #F5F5F5; margin-top: 20px; border:1px solid #cccccc; padding-bottom: 10px;}
DIV.ratings IMG {margin: 10px; width:45px;}
DIV.ratings A {font-size: 1.3rem; text-decoration:underline;}
DIV.ratings A span {font-size: 1.45rem; font-weight: bold;}

.wideimage { width: 90%;}

DIV.pageBottomDiv {background-color: #F5F5F5; margin-top: 10px; border:1px solid #cccccc;}

TABLE.maxminavgmed {width: 100%; border:0; margin: 0; margin-top: 10px; border-collapse: collapse;}
TABLE.maxminavgmed TD { height: 30px; padding: 0; vertical-align: middle; }
TABLE.maxminavgmed TD.left{width: 110px; border:0; background-color: #eeeeee; border-right: 10px solid white; color: #000000; padding-left: 10px;  padding-right: 10px; font-weight: bold;}
body.rtl TABLE.maxminavgmed TD.left { border-right: 0; border-left: 10px solid white;}
TABLE.maxminavgmed TD.midd { width: 130px; background-color: #1da1f2 ; color: #ffffff; padding-left: 15px; padding-right: 10px; border:0; font-weight: bold;}
TABLE.maxminavgmed DIV {background-color: #1da1f2; height: 100%;}

.smilietable {width: 100%; margin-top: 10px;}
.smilietable TD {width: 20%;  padding-right: 10px; padding-left: 10px; text-align:center;}
.smilietable IMG {width:50px;}
.smilietable INPUT { border: 0px;}

UL.multipleoption { margin-left: 0px;}
UL.multipleoption li { list-style-type: none;}

ul.multipleoption input { border: 0;}

table.careeroption { width: 100%; border-collapse: collapse; margin-bottom: 20px; } 
table.careeroption TD{ border: 1px solid #cccccc; padding: 5px;}

.letter {   }
.fillblank { color: maroon;}


ul.mainpage { margin-left: 20px; float:left; width: 45%;}
ul.mainpage li{  margin-bottom: 5px; font-weight: normal; padding-left: 2px;}



div.cv {margin-bottom: 20px; padding: 5px; margin-top:20px;}
div.cvpage { text-align:center; font-weight: bold; color: #666666;}
div.cvbody {border: 5px outset white; background-color:#dcdcdc; padding: 5px; margin-top:5px;}
div.cvname { text-align:center; font-size: 1.45rem; font-weight: bold;}
div.cvjobtitle { text-align:center; font-size: 1.15rem;}
div.cvh1 { margin-top: 10px; border-bottom:1px solid #666666; font-weight: bold; margin-bottom: 5px; padding: 2px;}





.buttonlink { background-color: transparent; cursor: pointer; text-decoration: underline; padding:0; border: 0;  color: #0066FF; cursor: hand;}

div.comparisondiv.ct { height: 220px; overflow: scroll; overflow-x: hidden; border: 1px solid #dddddd; }
div.comparisondiv.ct.ctlong { height: 320px; }
div.comparisondiv.borders { border: 1px solid #dddddd; }
div.comparisondiv { clear: both; overflow: visible; margin-top:}



TABLE.avgTable {width: 100%; border: 1px solid #999999; margin-top: 10px;}
TABLE.avgTable TD { padding: 2px; border: 1px solid #cccccc;}


TABLE.comparisonTable { width: 100%;  border-collapse: collapse; margin-top: 5px;}
TABLE.comparisonTable:first-child { margin-top: 0;}
TABLE.comparisonTable TD { border-bottom:1px solid #eeeeee; padding: 7px; padding-left: 15px;}
TABLE.comparisonTable TD a { }
TABLE.comparisonTable TD a:hover { text-decoration: underline;}
TABLE.comparisonTable TR.head TD {background-color: #eeeeee; font-weight: bold; }
TABLE.comparisonTable.darkheaders TR.head TD {background-color: #666666; color: white; }
TABLE.comparisonTable TR TD:nth-child(2) { text-align: right; padding-right: 15px; }
body.rtl TABLE.comparisonTable TR TD:nth-child(2) { text-align: left; padding-left: 15px;  }





div.share {margin-top: 1px; padding-top: 3px; float: left;}
div.share div { float: left;}

div.fbshare {padding-top: 2px; margin-right: 15px;}
div.gplus {margin-top: 2px; width: 70px; margin-right: 10px;}
div.tweet {margin-top: 2px; width: 100px; margin-right: 10px;}
div.inshare {margin-top: 2px; margin-right: 15px; }
div#fblike {margin-top: 2px; width: 90px; margin-right: 15px; }
div.addthis_toolbox { border: 0; margin-top: 4px;}

div.c { clear: both; height:1px;}





div.picarticle img { float: left; margin-right: 20px;}
div.picarticle h5 { font-size: 1.3rem; }
div.picarticle div { clear:both; height: 30px; }


span.multicol {color: #999999; }
span.multicol a { text-decoration: none; display: inline-block; margin-right: 7px; margin-left: 7px; margin-bottom: 3px;}
span.multicol a:hover { text-decoration: underline;}


.youarehere { padding: 0;   margin-top: 20px;}
.youarehere span { display: inline-block; padding-left: 5px; padding-right: 5px; font-size: 1.3rem; vertical-align: -3px; color:#000000;}
.youarehere a{ display: inline-block; margin:0;}
.youarehere a:hover { color: red;}

.linkbubble { background-color:#fcfcfc; font-size: 0.85rem; display: inline-block; margin-right: 13px; margin-top: 13px; white-space: nowrap; border:1px solid #aaaaaa; text-decoration:none; padding: 5px; color: #666666; padding-left: 15px; padding-right: 15px; border-radius: 3px;}
.linkbubble:hover { background-color: #0066CC; color: white; border-color: #0066CC;}


a.expand { color: #666666; text-decoration: none; font-weight: bold; background-color: #eeeeee; display: inline-block; padding: 0px; padding-left: 40px; padding-right: 40px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px;  border-radius: 0px 0px 10px 10px; -khtml-border-radius: 0px 0px 10px 10px; border: 1px solid #dddddd; border-top: 0;}
a.expand:hover { background-color:#cccccc;}
a.expand img {  width: 10px;}

div.youmightlike {margin-bottom: 15px; margin-top: 15px; border-top: 1px solid #cccccc; padding-top: 15px; color: #006699; font-weight: bold;}
div.youmightlike DIV{ padding-top: 5px; font-size: 1.3rem; padding-bottom: 5px; color: #000000; font-weight: normal;}
div.youmightlike IMG { float: left; margin-right: 5px; }
div.youmightlike a {text-decoration: none; font-weight: normal;}
div.youmightlike a:hover { text-decoration: underline;}


.toplinks { margin-bottom: 10px;}
.googlesearch input.text{ width: 150px;}
.googlesearch {display: block; margin-top: 50px; padding-top: 50px;}
.adsensetopsquare {float:none; margin-bottom:20px; width:auto;}
.adsensecontentsquare { margin-bottom: 20px; margin-top: 10px;}



.multicolselect { max-width: 250px;}



div.threecolumnsA { width: 33.33%; float:left; margin-bottom: 30px;}
div.threecolumnsB { width: 33.33%; float:left; margin-bottom: 30px;}
div.threecolumnsC { width: 33.33%; float:left; margin-bottom: 30px;}
div.threecolumnsA div { margin-right: 40px; }
div.threecolumnsB div { margin-left: 20px; margin-right: 20px; }
div.threecolumnsC div {margin-left: 40px; }
div.threecolumnsA div div, div.threecolumnsB div div, div.threecolumnsC div div { margin: 0; padding:0; height: 175px; font-size: 1.3rem; }
div.threecolumnsA img, div.threecolumnsB img, div.threecolumnsC img { width: 100%; margin-bottom: 5px;}
div.threecolumnsB div div { margin-left: auto; margin-right:auto;}
div.threecolumnsC div div  { margin-left: auto;}



div.pagerow {}

a.a2 { display: inline-block; width: 95%; margin-right: 0; margin-top: 5px; color: #1da1f2; text-decoration: none; text-align: center; }
a.a2:hover { color: #CC0000; }
a.a2 span { font-size: 1.15rem; vertical-align: -1px; margin-right: 2px;}
a.a2:nth-child(1) { margin-top: 0;}
a.a2:nth-child(2) { margin-top: 0;}
a.a2:nth-child(3) { margin-top: 0;}


a.a4 { vertical-align:top; display: inline-block; width: 30%; margin-right: 2%; color: #1da1f2; text-decoration: none; text-align: center; }
a.a4:hover { color: #CC0000; }
a.a4 span { font-size: 1.15rem; vertical-align: -1px; margin-right: 2px;}
a.a4:nth-child(3) {margin-right: 0;}


a.blogpagelink { vertical-align:top; display: inline-block; font-size: 1.45rem; background-color: #1da1f2;  padding-bottom: 10px; width: 48%; margin-top: 30px; color: #FFFFFF; text-decoration: none; text-align: center; }
a.blogpagelink:hover { background-color: #efefef; color: #1da1f2; }
a.blogpagelink span { font-size: 1.15rem; vertical-align: -1px; margin-right: 2px;}
a.blogpagelink img { width: 100%; margin-bottom: 4px;}
a.blogpagelink:nth-child(2n-1) { margin-right: 2%;}
a.blogpagelink:nth-child(2n) { margin-left: 2%;}
a.blogpagelink:nth-child(1) { margin-top: 0;}
a.blogpagelink:nth-child(2) { margin-top: 0;}

a.a3 { display: block; width: 48%; background-color:#1da1f2 ; color: #ffffff; text-decoration: none; padding:0; border: 0; text-align: center; margin-bottom: 20px; padding-bottom: 10px; font-size: 1.45rem; float: right}
a.a3:first-child { float: left}
a.a3:hover { color: #0066FF; background-color:#ffffff}
a.a3 span { font-size: 1.15rem; vertical-align: -1px; margin-right: 2px;}
a.a3 img { width:  100%; margin-bottom: 5px;}


a.pagelink { display: inline-block; width: 32px; height:27px; padding-top: 5px; background-color: #0099FF; color: white; text-align: center; text-decoration: none; font-weight: bold;}
a.pagelink:hover { background-color:#990000}
a.pagelinkselected { display: inline-block; width: 42px; height:42px; padding-top: 14px; padding-left: 7px; padding-right: 7px; font-size: 1.75rem; background-color: #003366; color: white; text-align: center; text-decoration: none; font-weight: bold;}
a.pagelinktext { vertical-align: -3px; display: inline-block; font-size: 1.45rem; }

.page{ display: inline-block; width: 27px; height:25px; padding-top: 2px; background-color: #0099FF; color: white; text-align: center; text-decoration: none; font-weight: bold; border: 0; cursor: pointer;}
.page:hover { background-color:#990000}
.pageselected { display: inline-block; width: 27px; height:25px; padding-top: 2px; background-color: #ffffff; color: black; text-align: center; text-decoration: none; font-weight: bold;}
.pagetext { vertical-align: -3px; display: inline-block; font-size: 1.15rem; }

div.whiteblock { background-color: #ffffff; padding: 20px; margin-bottom: 20px; border: 0; }

.errors {color: #CC0000; font-weight: bold; text-align:center;}
#searchTable { width:100%; border-collapse: collapse; }
#searchTable tr.toprow td { background-color: #333333; color: white; padding-top: 3px;  padding-bottom: 3px; }
#searchTable td{ padding: 5px; border-bottom: 1px solid #efefef; padding-bottom: 3px; padding-top: 3px;}
#searchDiv { overflow:auto; height: 300px; border: 1px solid #cccccc;  margin-bottom: 10px; display: none;  }
#waitjobsearch {max-width: 100%; text-align:center; display:none; font-size: 1.3rem; color: #666666;}
#waitjobsearch img {margin-top: 10px; margin-bottom: 10px; max-width: 100%;}
#nomatches { display: none; }
#nomatches input {margin-top: 20px; width: 200px;}
#smartJobSearch {margin-top: 10px;}
#otherdetails { display: none;}
td.label { font-weight: bold; }


div.statement {font-size: 1.6rem; padding: 20px; border: 1px solid #dddddd; margin-top: 20px; text-align: center; background-color: #1da1f2; color: white; margin-bottom: 20px; overflow: hidden;}
div.statement span.number { font-size: 1.75rem; font-weight: bold;}

table.tableone { width: 100%; border-collapse: collapse;}
table.tableone td { border: 1px solid #dddddd; padding: 15px; text-align: center; vertical-align: middle; }
table.tableone td:nth-child(2) { width: 125px;}
table.tableone td:nth-child(3) { width: 125px;}
table.tableone td:first-child { text-align: left; background-color: #f5f5f5; font-size: 1.6rem;}
table.tableone tr:first-child td { font-size: 1.6rem; font-weight: bold; background-color:#f5f5f5; padding-bottom: 0; border-bottom: 0;  }
table.tableone tr:nth-child(2) td { background-color: #f5f5f5; padding-top: 10px; padding-bottom: 10px; border-top: 0;}
table.tableone tr:nth-child(2) td:first-child { background-color: #ffffff; border: 0;}
table.tableone tr:first-child td:first-child { background-color: #ffffff; border: 0;}

table.tableone .percent { font-size: 2rem; color: #1da1f2;}
table.tableone .lightmoney { color: #999999;}
table.tableone .percentofwhat { color: #1da1f2; font-weight: bold;  }
table.tableone .percentofwhat img { vertical-align: -2px; margin-right: 5px;}

h2.largeh2 { font-size: 1.6rem; }
div.subheading {margin-top: 50px; margin-bottom: 20px; font-size: 1.75rem; color: #444444; }




div.costdiv { border: 1px solid #dddddd;}
div.costdiv a { font-size: inherit; text-decoration: none;}
div.costdiv table { width: 100%; border-collapse: collapse;}
div.costdiv td { border: 1px solid #dddddd; padding: 10px; text-align: center; vertical-align: middle; width: 125px;}
div.costdiv td:first-child { width: auto; text-align: left; background-color: #f5f5f5; font-size: 1.15rem; }
body.rtl div.costdiv td:first-child { text-align: right;}
div.costdiv td:first-child img { vertical-align: -3px;}
div.costdiv tr.header1 td { font-size: 1.15rem; font-weight: bold; background-color:#f5f5f5; padding-bottom: 10px; border-bottom: 0;  }
div.costdiv tr.header2 td { background-color: #f5f5f5; color: #1da1f2; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
div.costdiv tr.header1 td:first-child { background-color: #ffffff; }
div.costdiv tr.header2 td:first-child { background-color: #ffffff; }
div.costdiv .percent { font-size: 1.45rem; color: #1da1f2;}
div.costdiv .lightmoney { color: #999999;}
div.costdiv tr:first-child.header2 td:last-child { border-top: 1px solid #dddddd;}


div.costdiv.costdiv1 td { width: 200px;}
div.costdiv.costdiv1 td:first-child { width: auto;}

div.costdiv.costdiv2 td { width: 125px;}
div.costdiv.costdiv2 td:first-child { width: auto;}

div.costdiv.costdiv3 td { width: 90px;}
div.costdiv.costdiv3 td:first-child { width: auto; font-size: 1.15rem;}
div.costdiv.costdiv3 td:first-child img { width: 24px; vertical-align: -3px;}
div.costdiv.costdiv3 .percent { font-size: 1.45rem;}
div.costdiv.costdiv3 tr.header1 td { font-size: 1.3rem; }


div.costdiv.costdiv4 td { width: 80px;}
div.costdiv.costdiv4 td:first-child { width: auto; font-size: 1.15rem;}
div.costdiv.costdiv4 td:first-child img { width: 24px; vertical-align: -3px;}
div.costdiv.costdiv4 .percent { font-size: 1.45rem;}
div.costdiv.costdiv4 tr.header1 td { font-size: 1.15rem; }


div.costdiv.costdiv5 td { width: 50px;}
div.costdiv.costdiv5 td:first-child { width: auto; font-size: 1.15rem;}
div.costdiv.costdiv5 td:first-child img { width: 24px; vertical-align: -3px;}
div.costdiv.costdiv5 .percent { font-size: 1.45rem;}
div.costdiv.costdiv5 tr.header1 td { font-size: 1.15rem; }
div.costdiv.costdiv5 .lightmoney { color: #999999; }


div.costdiv.costdiv6 { overflow-x:scroll}
div.costdiv.costdiv6 td { width: 50px;}
div.costdiv.costdiv6 td:first-child { width: 200px; }
div.costdiv.costdiv6 td:first-child img { width: 24px; vertical-align: -3px; display: block;}
div.costdiv.costdiv6 .percent { font-size: 1.45rem;}
div.costdiv.costdiv6 tr.header1 td { font-size: 1.15rem; }
div.costdiv.costdiv6 .lightmoney { color: #999999; }



a.banner {text-decoration: none; margin-bottom: 20px; display: block; }
a.banner > div { height: 253px; color: white; position: relative;  }
a.banner1 > div {  background: url(/images/cost-of-living-banner2.jpg); }
a.banner2 > div {  background: url(/images/compare-salary-banner2.jpg); }
a.banner3 > div {  background: url(/images/best-paying-jobs-banner2.jpg); }
a.banner4 > div {  background: url(/images/salary-increase-banner2.jpg); }
a.banner5 > div {  background: url(/images/saving-tips-banner2.jpg); }
a.banner div.shade {position:absolute; left:0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.45) center center; z-index:1;}
a.banner div.content {position:absolute; z-index:2; padding: 20px; left:0; right:0;}
a.banner div.header {font-size: 1.45rem; margin-bottom: 10px; }
a.banner div.line {font-size: 1.45rem;  color: #00FFFF; margin-bottom: 20px; }
a.banner span { background-color: rgba(0,255,255,0.80); padding: 10px; display: inline-block; color: #444444; font-size: 1.15rem; border-radius: 7px;}



.sidebyside > div { margin-bottom: 30px; }
.sidebyside > div:last-child { margin-bottom: 0px;}


.letterlinks { display: none;}
.letterpreview { background-color: #ffffff; padding: 20px; margin-bottom: 20px;}


.formlink { display: inline; padding: 0; margin:0; border: 0;}


#step2 { display: none;}

div.chart { background-color: #e9ebee; padding: 20px; margin-top: 30px; border: 1px solid #dddddd; padding-left: 10px; padding-right: 10px;	}
div.chart table { margin-left: auto; margin-right: auto;}
div.chart table td { width: 70px; height: 30px; text-align: center; }
div.chart table tr:first-child td { height:0;}
div.chart table tr td:first-child { width:0;}
div.chart table td.chartrightborder { border-right: 1px solid black;}
div.chart table td.chartleftborder { border-left: 1px solid black;}
div.chart table td.charttopborder { border-top: 1px solid black;}
div.chart table td.chartbottomborder { border-bottom: 1px solid black;}
#chartincome, #chartspending, #chartsaving { border: 1px solid black; padding-top: 10px; padding-bottom: 10px;}
#chartincome div, #chartspending div, #chartsaving div {}
#chartincome i, #chartspending i, #chartsaving i { font-style:normal; display: inline-block; margin-left: 5px;}
#chartincome u, #chartspending u, #chartsaving u { text-decoration: none;}
#chartincome span, #chartspending span, #chartsaving span { color: #1da1f2; font-size: 1.75rem; display: inline-block; margin-top: 5px; font-weight: bold;}




.wife { display: none;}
.husband { display: none;}
.singlespan { display: none;}



form.linkasform { display: inline-block;}
form.linkasform input { background: none; text-decoration:underline; color: blue; padding:0; border: 0; cursor:pointer;}
form.linkasform input:hover { color: red;}
div#bottom form.linkasform input { color: #ffffff; margin-left: 10px;}




div.salaryblock { margin-top: 20px; margin-bottom: 10px; padding: 20px; padding-top: 30px; position: relative; overflow: visible;  border: 1px solid #dddddd; text-align: center; font-size: 2rem; font-weight: bold; }
div.salaryblock img {position: absolute; top: -16px; left: 50%; margin-left: -16px;}
div.salaryblock div.descr {font-weight: normal; margin-top: 0px; color: #666666; margin-top: 5px; font-size: 0.85rem;}
div.salaryblock form { font-weight: normal; font-size: 0.85rem;}
div.salaryblock form a { font-size: 0.85rem;}
div.salaryblock form input { margin-right: 10px;}
div.salaryblock span { font-size: 0.9rem;}


div.percentiles {font-size: 0.85rem;}
div.percentiles table { width: 100%; border-collapse: collapse; margin: 0; border-top: 2px solid black;}
div.percentiles table td { text-align: center;  width: 33%; font-size: 0.9rem;}
div.percentiles table td:first-child { text-align: left;}
div.percentiles table td:last-child { text-align: right;}
body.rtl div.percentiles table td:first-child { text-align: right;}
body.rtl div.percentiles table td:last-child { text-align: left;}
div.percentiles > div { position: relative; height: 300px; overflow: hidden;}
div.percentiles > div > div:nth-child(1) { position: absolute; background-color: #ffff99; width: 25%; z-index: 100; height: 240px; bottom: -120px;}
div.percentiles > div > div:nth-child(2) { position: absolute; color: white; background-color: #3d9970; width: 50%; z-index: 50;  height: 410px; bottom: -205px;}
div.percentiles > div > div:nth-child(3) { position: absolute; background-color: #006699; color: white; width: 75%; z-index: 10;  height: 580px; bottom: -290px;}
div.percentiles > div > div div {top: 10px; text-align:center; position: absolute;width: 100%;}


table.barchart {width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 0.9rem;} 
table.barchart td { border-bottom: 10px solid white; height: 15px; overflow: hidden;}
table.barchart td:last-child {background-color: #dddddd; color: white; }
table.barchart td:nth-child(2) {white-space: nowrap; width: 1%;  padding-top: 3px; text-align: left; background-color: #efefef; }
table.barchart td:first-child { white-space: nowrap; width: 1%;  padding-top: 3px; text-align: left; padding-right: 8px; background-color: #efefef; padding-left: 8px; font-weight: bold;}
table.barchart div { background-color: #666666; height: 100%; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; }
table.barchart img { vertical-align: -1px; height: 10px; margin-right: 5px;}
table.barchart span { vertical-align: -1px; }
table.barchart tr.head td {  padding: 8px; color: #1da1f2; font-weight: bold; background-color: #ffffff; padding-bottom: 0;}
/*1da1f2*/


.percentchange img { vertical-align: -1px; height: 10px; margin-right: 5px;}
.percentchange span { vertical-align: -1px; }


div.verticalbars { height: 300px; position:relative; margin-top:30px; margin-bottom: 20px;}
div.verticalbars div { position: absolute; width: 100%;}
div.verticalbars div.dotted1 { top: 0; border-top: 1px dotted #cccccc; }
div.verticalbars div.dotted2 { top: 44px; border-top: 1px dotted #cccccc; }
div.verticalbars div.dotted3 { top: 88px; border-top: 1px dotted #cccccc; }
div.verticalbars div.dotted4 { top: 132px; border-top: 1px dotted #cccccc; }
div.verticalbars div.dotted5 { top: 176px; border-top: 1px dotted #cccccc; }
div.verticalbars div.base { top: 220px; border-top: 1px solid #000000; }
div.verticalbars div.bar1 { bottom: 80px; background-color: #1da1f2;}
div.verticalbars div.bar2 { bottom: 80px; background-color: #1da1f2;}
div.verticalbars div.bar3 { bottom: 80px; background-color: #1da1f2;}
div.verticalbars div.text1 { top: 225px; text-align: center;}
div.verticalbars div.text2 { top: 225px; text-align: center;}
div.verticalbars div.text3 { top: 225px; text-align: center;}
div.verticalbars div.toptext1 { text-align: center; bottom: 80px; z-index: 100;}
div.verticalbars div.toptext2 { text-align: center; bottom: 80px; z-index: 100;}
div.verticalbars div.toptext3 { text-align: center; bottom: 80px; z-index: 100;}
div.verticalbars img { width: 10px;}



text { font-size: 0.7rem;}

.fixedwidth { white-space: nowrap; text-overflow: ellipsis-word; width: 300px; overflow:hidden; display: inline-block; margin-right: 40px; vertical-align: top; margin-bottom: 10px;}