/**************
#243F60
#006699

    	<!--
    	#6085B6
        #DAE2EE
        -->
		
		
		365E8F
		4F81BD
		F2F9FF
		94A3C4
		ECEFF5
		
		
FACEBOOK
------------------		
RGB: 	59-89-152
		98-122-173
		
				
**************/


/*************** general *****************/
/**/
html, body { height: 100%;}

BODY {text-align: center; font-family: tahoma, helvetica, arial, sans-serif;}
TEXTAREA {font-family: tahoma, helvetica, arial, sans-serif;}
* { margin:0; padding:0; border:0;}
INPUT, SELECT, TEXTAREA {border: 1px solid #666666; padding: 1px;}
TD { vertical-align:top; text-align:left;}
H1 { font-size:24px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: left; border-bottom: 1px solid #000000; margin-bottom: 5px;}
H2 { font-size: 16px; font-weight: bold; clear:both; margin-bottom: 3px; padding-top: 30px; border-bottom: 1px solid #000000; margin-bottom: 7px; font-family:Arial, Helvetica, sans-serif; text-align: left}  
H3 { font-size:12px; text-align:justify; font-weight: bold; margin-top: 15px; margin-bottom: 3px;}
H4 {font-weight: bold;}
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; text-align: justify;}
.smallRedNote {font-size: 11px; color: #CC0000;}
DIV.miniTitle {font-weight: bold; font-size: 14px; color: #990000; background-color: #666666; color: white; padding: 2px;}
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 #999999; padding-left:15px; padding-right: 15px; font-size:11px; background-color: #EEEEEE; height:20px; cursor: hand; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
INPUT.tinybutton {border: 1px solid #999999; padding-left:5px; padding-right: 5px; font-size:11px; background-color: #DDDDDD; height:20px; height:20px; cursor: hand; font-family:Arial, Helvetica, sans-serif; }
INPUT.bigbutton {border: 1px solid #999999; padding-left:15px; padding-right: 15px; font-size:14px; background-color: #DDDDDD; height:20px; height:28px; cursor: hand; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
.grid {width: 100%; border: 1px solid #dddddd; border-collapse: collapse;}
.grid TR.header{background-color: #365E8F; color: white;}
.grid TD { border: 1px solid #dddddd; padding: 3px; }
.text { font-size:11px;}
.linkbutton {border: 1px solid #999999; padding-left:15px; padding-right: 15px; font-size:11px; background-color: #EEEEEE;  height:20px; cursor: hand; font-weight: bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding-top: 3px; padding-bottom: 3px; color: black;}
.linkbutton:hover { color: red;}
.linkbuttonbig {border: 1px solid #999999; padding-left:15px; padding-right: 15px; font-size:14px; background-color: #EEEEEE; height:20px; cursor: hand; font-weight: bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding-top: 1px; padding-bottom: 1px; color: black;}
.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: 18px;}
.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: 18px;}

A.blogpagelink { font-size:12px;  color:blue;}
A.blogpagelink:hover { color: red; }

.subsalary {width: 100%; border: 1px solid #dddddd; margin-bottom:20px; border-collapse:collapse; margin-top:10px;}
.subsalary TD { padding: 3px; border: 1px dotted #eeeeee;}
.subshead {background-color: #dddddd;}


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

span.avgsalary {font-size: 18px; font-weight: bold;}	
span.avgsalary span {color: green; font-size: 22px;}


div#bottommenu { display: none; background-color:#333333;}
div#bottommenu div { border-bottom: 1px solid #ffffff; padding: 10px;}
div#bottommenu div a { color: white; text-decoration: none;}



#wrap {min-height: 100%; margin-bottom: -35px;}
#wrap:after { content: ""; display: block; height: 35px; }	
	
/*************** top*****************/
div#topdiv { text-align: center; background-color: black; color: white; margin-bottom: 10px;}
div#topdiv > div { margin-left: auto; margin-right: auto; max-width: 740px; background: url(../images/logo.png) no-repeat 5px 5px; background-color: #000000; font-size: 11px; color: #ffffff;  padding-top: 10px; padding-bottom: 8px; text-align:right;}
div#topdiv A {color: #ffffff; font-size:12px; margin-right: 10px; margin-left: 10px; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
div#topdiv A:hover { color: yellow; text-decoration: underline;}
div#topdiv form { display: inline; margin-left: 10px;}
div#topdiv div { margin-left: auto; margin-right: auto; max-width: 740px; background: url(../images/logo.png) no-repeat 5px 5px; background-color: #000000; font-size: 11px; color: #999999;  padding-top: 10px; padding-bottom: 8px; text-align:right;}
div#topdiv a.link { display: inline;}
div#topdiv a.img { display: none;}

/*************** content.php *****************/
div#leftsidebar {position:absolute; top:0;left:0; width: 160px;}
div#leftsidebar div { padding-left: 5px; padding-bottom: 7px; padding-top: 7px; border-bottom: 1px solid #ffffff; background-color: #ededed;}
div#leftsidebar div a { text-decoration: none; color: black;}
div#leftsidebar div a:hover { color:#CC0000; text-decoration:underline;}
div#rightsidebar {position:absolute; top:0; bottom:0; 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; font-size: 12px; background-color: #FFFFFF; padding-left: 170px; padding-right: 170px; min-height: 700px;}
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; }

/*************** bottom *****************/
div#bottom { text-align: center; background-color: black; color: white; height: 35px;}
div#bottom div { margin-left: auto; margin-right: auto; max-width: 730px;  padding-top: 10px; padding-bottom: 10px; font-size:11px; background-color: #000000;  padding-left: 5px; padding-right: 5px;}
div#bottom a { color: white; margin-left: 10px; margin-right: 10px;}
div#bottom a:hover { color: yellow;}

/*************** index.php *****************/
DIV.part {width:48%; padding:0; font-size:11px;}
DIV.part TABLE {width:100%; margin-bottom:4px; margin-top:15px;}
DIV.part TABLE TD { vertical-align: middle; font-size: 11px;}				
DIV.part SELECT { width: 100%; font-size:11px; margin-top: 3px;}
DIV.part INPUT { width: 100%; font-size:11px;  margin-top: 3px; padding:2px;}
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;}



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;}
TABLE.comparisonTable TD{ border-bottom:1px solid #cccccc; padding:3px;}
TABLE.comparisonTable TR.head TD {background-color: #666666; color: white; font-weight: bold;}

fieldset.pageBottom {border: 1px solid #666666; padding-left: 10px; margin-top: 20px;}
fieldset.pageBottom LEGEND {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold;}

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

DIV.ratings{font-size: 18px; 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:18px; text-decoration:underline;}
DIV.ratings A span {font-size:20px; font-weight: bold;}


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

TABLE.maxminavgmed {width: 100%; border:0; margin: 0; margin-bottom: 3px;}
TABLE.maxminavgmed TD.left{width: 200px; border:0; background-color: #006699; border-right: 2px solid white; color: white;}
TABLE.maxminavgmed DIV {background-color: orange;}

.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 {  font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px; font-size: 14px; margin-bottom: 30px; border-bottom: 1px solid #666666;}
.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:20px; font-weight: bold;}
div.cvjobtitle { text-align:center; font-size:16px;}
div.cvh1 { font-size: 12px; margin-top: 10px; border-bottom:1px solid #666666; font-weight: bold; margin-bottom: 5px; padding: 2px;}


table#searchTable td{ border-bottom: 1px solid #efefef; padding-bottom: 3px; padding-top: 3px;}

.buttonlink { background-color: #FFFFFF; text-decoration: underline; padding:0; border: 0;  color: #0000FF; cursor: hand;}

div.ct { height: 340px; overflow: scroll;}
/*div.ct { }*/





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.bottomshare {font-size: 18px;}
div.bottomshare img {vertical-align: -10px; float: left; margin-right: 10px;}
div.bottomshare span {font-weight: bold; color:#FF0000; font-size: 12px;}
div.bottomshare div.share {margin-top: 8px;}


span.multicol {color: #666666; font-size: 10px; line-height: 15px;}
span.multicol a {font-size: 11px; text-decoration: none;}
span.multicol a:hover { text-decoration: underline;}


.youarehere {border: 1px solid #cccccc; background-color: #F5F5F5; padding: 10px; margin-top: 5px;}
.youarehere a { background: url(/images/cross-small.png) no-repeat 0px 3px; padding-left: 13px; margin-right: 10px;}

a.expand { color: #999999;  margin-top: 5px; display: block; font-size: 11px;}
a.expand:hover { color: #FF0000;}


div.youmightlike {margin-bottom: 15px; margin-top: 15px; border-top: 1px solid #cccccc; padding-top: 15px; line-height: 20px; color: #006699; font-weight: bold;}
div.youmightlike DIV{ padding-top: 5px; font-size: 18px; padding-bottom: 5px; color: #000000; font-weight: normal;}
div.youmightlike IMG { float: left; margin-right: 5px; }
div.youmightlike a {font-size: 12px; 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 {width: 50%; float: left; margin-right: 10px; margin-bottom: 10px;}
.adsensecontentsquare { margin-bottom: 10px; margin-top: 10px;}



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: 18px; }
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;}

a.a2 { display: inline-block; width: 30%; margin-right: 2%; margin-bottom: 5px; color: #0066FF; text-decoration: none; }
a.a2:hover { color: #CC0000; }
a.a2 span { font-size: 16px; vertical-align: -1px; margin-right: 2px;}