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

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


/*************** general *****************/
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:20px; border-bottom: 1px solid #243F60; margin-bottom: 5px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; text-align: left;}
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: blue;}
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; border-bottom:1px solid #aaaaaa;}
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: url(../images/button.bmp); height:20px; cursor: hand; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
INPUT.bigbutton {border: 1px solid #999999; padding-left:15px; padding-right: 15px; font-size:14px; background: url(../images/bigbutton.bmp); 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: url(../images/button.bmp); 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;}
A.linkbtn {background: url(../images/button.bmp); 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;}
p.alert { color: #ffffff; background-color: #666666; border:1px solid #cccccc; padding: 5px;}

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


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

	
	
	
/*************** top*****************/
DIV#topDiv { width:100%; text-align:center; background-color: black;}
TABLE#top {margin: 0 auto; width:1133px; font-size:11px;  background: url(../images/logo.bmp) no-repeat 15px 15px; border-collapse:collapse;}
TABLE#top TD.bannerTD {padding-left: 52px; height: 50px; font-size: 11px; vertical-align:middle; color: #365E8F;  padding-bottom: 2px; font-family: Arial, Helvetica, sans-serif; }
TABLE#top A {color: white; font-size:11px; margin-left: 10px; margin-right: 10px;}
TABLE#top A:hover { color: yellow;}



/*************** bottom *****************/
TABLE#bottom {margin: 0 auto; width:100%; font-size:11px; color: white;  border-collapse:collapse; background-color: #666666;}
TABLE#bottom TD.bottomlinks{ height:22px; }
TABLE#bottom TD.copyright{padding-top:5px; padding-bottom: 5px; font-weight: bold;}
TABLE#bottom TD { text-align: center; vertical-align:middle;}
TABLE#bottom A { color:white; font-size:11px; text-decoration:none; margin-left: 10px; margin-right: 10px;}
TABLE#bottom A:hover { color: yellow; text-decoration:underline;}



/*************** content.php *****************/
DIV#contentDiv {width: 1133px; margin-left: auto; margin-right: auto; }
TABLE#content {margin: 0 auto; margin-top: 15px; width:1106px; font-size:13px; border-collapse:collapse; margin-bottom: 15px;}
TD.right { width:200px; text-align:center; background-color: #F5F5F5; border: 1px solid #cccccc;}
TD.right HR { margin-top: 10px; margin-bottom: 10px; }
TD.center {width: 100%; text-align:justify; padding-right: 10px; padding-left: 10px;}
TD.left { width:200px; text-align:left; border: 1px solid #cccccc; background-color: #F5F5F5;}



/*************** index.php *****************/
DIV.part {width:48%; padding:0; font-size:11px;}
DIV.part TABLE {width:100%; margin-bottom:4px; margin-top:4px;}
DIV.part TABLE TD { vertical-align: middle;}
DIV.part TABLE TD.label { width: 110px;}				
DIV.part SELECT { width: 170px; font-size:11px;}
DIV.part INPUT { width: 167px; font-size:11px;}
DIV.part P 		{ margin-top: 7px;}
#stateComboTable 		{ display: none;}
#cityComboTable 		{ display: none;}
#divisionComboTable , #divisionComboJobChangeTable	{ display: none;}
#titleComboTable , #titleComboJobChangeTable		{ display: none;}


/*************** right div *****************/
DIV.rightdiv {width:220px; text-align:left; margin: 5px; margin-bottom: 15px;}
DIV.rightdiv div {margin-bottom: 5px; margin-top: 5px; border-bottom: 1px dotted #bbbbbb; padding-bottom: 5px;}
DIV.rightdiv b{ font-family:Arial, Helvetica, sans-serif; font-size: 14px;}
DIV.rightdiv A{ text-decoration:none; color: black; font-size: 12px;}
DIV.rightdiv A:hover {color: maroon; text-decoration: underline;}

/*************** left div *****************/
DIV.leftdiv {width:220px; text-align:left; margin: 5px;  margin-bottom: 15px;}
DIV.leftdiv div {margin-bottom: 5px; margin-top: 5px; border-bottom: 1px dotted #bbbbbb; padding-bottom: 5px;}
DIV.leftdiv b{ font-family:Arial, Helvetica, sans-serif; font-size: 14px;}
DIV.leftdiv A{ text-decoration:none; color: black; font-size: 12px;}
DIV.leftdiv A:hover {color: maroon; text-decoration: underline;}


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



DIV.rightdiv div.custom_images { border:0;}
DIV.rightdiv div.addthis_toolbox { border: 0;}
.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: 1px solid #999999;}
TABLE.comparisonTable TD{ border:1px solid #cccccc; padding:3px;}

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.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;}