﻿/*@font-face {
    font-family: 'Myriad Pro';
    src: local("MYRIADPRO-REGULAR");
    src: url('/fonts/MyriadPro-Regular.eot');
    src: url('/fonts/MyriadPro-Regular.ttf');
}*/

.guidelines ul li {
	background-color: blue;
	background-image: none;
	margin: 10px;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	
}

.upgradebox {
   width: 80%;
    overflow: auto;
    	border: 1px solid #000000;
    		background-color: #eeeeee;
    		list-style-image:  url('/Images/pointer.gif');
    	 
 } 
}
.auto-style1 {
	border: 1px solid #000000;
}
.auto-style2 {
	text-align: center;
}
.auto-style3 {
	background-color: #00FFFF;
}
.auto-style4 {
	background-color: #FFFFCC;
}
.auto-style5 {
	margin-right: 0px;
}
.auto-style6 {
	text-align: center;
	font-size: small;
	background-color: #00FFFF;
}
.auto-style9 {
	text-align: center;
	color: #00FFFF;
	font-size: small;
	background-color: #000080;
}
.auto-style10 {
	text-align: center;
	font-size: small;
}
.auto-style14 {
	text-align: center;
	font-size: small;
	background-color: #FFFFFF;
}
.auto-style15 {
	text-align: center;
	color: #00FFFF;
	font-size: small;
	background-color: #FFFFFF;
}
.auto-style16 {
	text-align: center;
	color: #00FFFF;
	font-size: small;
	background-color: #000000;
}
.auto-style18 {
	text-align: center;
	color: #FFFFFF;
	font-size: small;
	background-color: #FF0000;
}
.auto-style19 {
	font-size: small;
	background-color: #FFFFFF;
}
.auto-style20 {
	text-align: right;
	font-size: xx-small;
}
.auto-style21 {
	text-align: center;
	color: #FFFFFF;
	font-size: small;
	background-color: #008080;
}
.featjobdiv {
	background-color: #cceae7;
}
.v1col {
	width: 100%;
}
.v2col {
	width: 50%;
}
.v3col {
	width: 33%;
}
.v4col {
	width: 25%;
}

/* Added for tooltipJob */
a.tooltipJob {outline:none; }
a.tooltipJob strong {line-height:20px;}
a.tooltipJob:hover {text-decoration:none;} 
a.tooltipJob span {
    z-index:10;display:none; padding:7px 15px;
    margin-top:-30px; margin-left:28px;
    /*margin-top:-6px; margin-left:228px;*/
    width:325px; line-height:16px;
}
a.tooltipJob:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #000000; background:#FFFFDD;}
.callout {z-index:20;position:absolute;top:25px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltipJob span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}
/* end of tooltipJob */



/* Added for modal popup */
.graydiv
{
position: fixed;
background-color: transparent;
left: 0px;
top: 0px;
z-index: 10000;
display: none;
}
Ã‚Â 
.ModalBackground
{
background-color: black;
filter: alpha(opacity=70);
opacity: 0.7;
}
/* end of modal popup */

body {
	margin: 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #E0E0E0;
	background-image: url('/Images/tallbg.png');
	background-repeat: repeat; 
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
h1 {
	margin-bottom: 0px;
	color: #191919;
	text-shadow: 1px 1px 1px #634673 , 1px 1px 1px #000000;
}
h2 {
	font-size: x-large;
	font-style: italic;
}
h3 {
	font-size: large;
	font-style: italic;
}
h4 {
	font-size: medium;
	font-style: italic;
}
h5 {
	font-size: small;
	font-style: italic;
}
h6 {
	font-size: x-small;
	font-style: italic;
}


a, a:link, a:active, a:hover {
	text-decoration: underline;
	color: navy;
}
a:visited {
	text-decoration: underline;
	color:purple;
}
label {
	font-weight: bold;
	font-style: normal;
	white-space: nowrap;
}
img {
	border: 0px;
}
#wrapper {
	position: relative;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	border: 1px black solid;
	background-color: #FFFFFF;
	margin-top: 15px;
}
#welcome td {
	border: 1px black solid;
	background-color: #E6E7E8;
	text-align: left;
	font-size: .85em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
/*	behavior: url('/styles/border-radius.htc');*/
 
}
#clear {
	border: 2px darkgray solid;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 1em
}
#clear td {
	border: 0px;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 1em
}
#clearBottom {
	position: relative;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	border: 0px;
	background-color: transparent;
	margin-bottom: 15px;
}
.imageContainer {
	width: 132px;
	height: 21px;
	background-image: url('/images/blueslice.png');
}
.pagetitle {
	font-size:large;
	font-weight: bold;
}
.container {
	display: block;
}
#joblist {
	font-size: .85em;
}
#joblist2 {
	font-size: .85em;
}
#joblist3 {
	font-size: .85em;
}
#tab0 {
	display: block;
}
#tab1 {
	display: none;
}
#tab2 {
	display: none;
}
#tab3 {
	display: none;
}
#tab4 {
	display: none;
}
#Layer1 {
	position: absolute;
	left: 300px;
	top: 179px;
	width: 684px;
	height: 30px;
	z-index: 2000;
	text-align: center;
}
#Layer2 {
	position: absolute;
	left: 302px;
	top: 179px;
	width: 684px;
	height: 30px;
	z-index: 2000;
	text-align: center;
}
#Layer3 {
	position: absolute;
	left: 300px;
	top: 177px;
	width: 684px;
	height: 30px;
	z-index: 2000;
	text-align: center;
}
#Layer4 {
	position: absolute;
	left: 302px;
	top: 177px;
	width: 684px;
	height: 30px;
	z-index: 2000;
	text-align: center;
}
#Layer5_Jobs {
	position: absolute;
	left: 301px;
	top: 178px;
	width: 684px;
	height: 30px;
	z-index: 2001;
	text-align: center;
	text-shadow: 1px 1px 2px #000000, 2px 2px 3px black;
}
#home a:hover {
	background-image: url('/images/MenuBar-Home-MouseOver.png');
}
#searchjobs a:hover {
	background-image: url('/Images/MenuBar-SearchJobs-MouseOver.png');
}
#postresume a:hover {
	background-image: url('/Images/MenuBar-PostResume-MouseOver.png');
}
#careertips a:hover {
	background-image: url('/Images/MenuBar-CareerTips-MouseOver.png');
}
#employer a:hover {
	background-image: url('/Images/MenuBar-Employers-MouseOver.png');
}
#logout a:hover {
	background-image: url('/Images/MenuBar-LogOut-MouseOver.png');
}
#jobseekers {
	text-align: left;
}
#jobseekers ul {
	margin-left: -25px;
}
#employers {
	text-align: left;
}
#employers ul li {
	text-align: center;
	width: 90px;
}
#employers img {
	margin: 0px auto 0px auto;
}
#employerbanners {
	width: 120px;
	padding: 0px;
	margin: 0px;
	/*overflow: hidden;*/
}
/*#advanced {
	display: none;
}
#AdvanceChoice {
	display: block;
}
#NormalChoice {
	display: none;
}
#kwlabel {
	display: block;
}
#kwdescription {
	display: block;
}*/
.red {
	color: red;
	font-weight: bold;
}
.button {
	color: white;
	font-weight: bold;
	background-color: #4F5D92;
}
.padded {
	padding-left: 5px;
	padding-right: 5px;
}
.navbutton {
	font-size: 10pt;
	color: #000000;
	width: 55px;
	height: 24px;
	vertical-align: top;
}
#vtemployers {
	text-align: center; 
	background-color: #FFFFFF; 
	/*border-radius: 5px;*/
}
#vtemployers img {
	max-height: 50px;
	max-width: 90px;
	padding: 10px 0px 10px 0px;
	border: 0px;
}
#vtemployers li {
	text-align: left;
}
#featuredEmployers {
	padding: 10px 10px 20px 20px;
	text-align: right;
}
#leftContent {
	width: 281px;
	margin: 10px;
	background-color: #FFFFFF;
	border: 1px black solid;
}
#leftContentPic {
	width: 281px;
	height: auto;
}
#leftContentDecoration img {
	height: 3px;
	width: 100%;
	background-repeat: repeat-x;
}
#leftContentDecoration2 img {
	height: 3px;
	width: 100%;
	background-color: #909B92;
}
#leftContentTextBox {
	padding: 10px 5px 5px 5px;
}
#leftContentTitle {
	background-color: white;
	color: #909B92;
	text-align: center;
	border: 1px white solid;
	border-collapse: collapse;
}
#leftContentText {
	color: black;
	padding: 10px;
	border: 1px white solid;
	border-collapse: collapse;
}
#compare td {
	border: 1px aqua groove;
	border-collapse: collapse;
	font-weight: bold;
	font-size: 9pt;
	padding: 2px 5px 2px 5px;
}

#Topper td {
	border-collapse: collapse;
	background-color: #d4d4d4; 
	margin: 5px;
	text-align: left;
	font-weight: bold;
	font-size: 9pt;
	padding: 2px 5px 2px 5px;
}

.button {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #194079;
}
.JustOrlandoJobsMenu {
	width: 170px; /*width of menu*/
}
.JustOrlandoJobsMenu .headerbar {
	font: bold 13px Verdana;
	color: white;
	background: #606060 url(/images/dotsGray.gif) no-repeat 3px 2px;
/*last 2 values are the x and y coordinates of bullet image*/	margin-bottom: 0; /*bottom spacing between header and rest of content*/;
	text-transform: uppercase;
	padding: 7px 0 7px 1px; /*1px is left indentation of header text*/
}
.JustOrlandoJobsMenu .empheaderbar {
	font: bold 13px Verdana;
	color: white;
	background: #000080 url(/images/dotsblue.gif) no-repeat 3px 2px;
/*last 2 values are the x and y coordinates of bullet image*/	margin-bottom: 0; /*bottom spacing between header and rest of content*/;
	text-transform: uppercase;
	padding: 7px 0 7px 1px; /*1px is left indentation of header text*/
}
.JustOrlandoJobsMenu .adminheaderbar {
	font: bold 13px Verdana;
	color: white;
	background: #000000 url(/images/dotsGray.gif) no-repeat 3px 2px;
/*last 2 values are the x and y coordinates of bullet image*/	margin-bottom: 0; /*bottom spacing between header and rest of content*/;
	text-transform: uppercase;
	padding: 7px 0 7px 1px; /*1px is left indentation of header text*/
}

.JustOrlandoJobsMenu ul {
	text-align:left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.JustOrlandoJobsMenu  ul li {
	padding-bottom: 1px; /*bottom spacing between menu items*/
}
.JustOrlandoJobsMenu  ul li a {
	font: normal 12px Arial;
	color: black;
	background: #EBEBEB;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 20px; /*link text is indented 5px*/;
	text-decoration: none;
}
.JustOrlandoJobsMenu ul li a:visited {
	color: black;
}
.JustOrlandoJobsMenu ul li a:hover {
	/*hover state CSS*/
	color: white;
	background: #000080;
}

.JustOrlandoJobsMenu ul.adminemploylist {
	text-align:left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.JustOrlandoJobsMenu  ul.adminemploylist li {
	padding-bottom: 1px; /*bottom spacing between menu items*/
}
.JustOrlandoJobsMenu  ul.adminemploylist li a {
	font: normal 12px Arial;
	color: black;
	background: #FF9900;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 20px; /*link text is indented 5px*/;
	text-decoration: none;
}
.JustOrlandoJobsMenu ul.adminemploylist li a:visited {
	color: black;
}
.JustOrlandoJobsMenu ul.adminemploylist li a:hover {
	/*hover state CSS*/
	color: white;
	background: #000080;
}

.JustOrlandoJobsMenu ul.adminjobseekerlist {
	text-align:left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.JustOrlandoJobsMenu  ul.adminjobseekerlist li {
	padding-bottom: 1px; /*bottom spacing between menu items*/
}
.JustOrlandoJobsMenu  ul.adminjobseekerlist li a {
	font: normal 12px Arial;
	color: white;
	background: #606060;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 20px; /*link text is indented 5px*/;
	text-decoration: none;
}
.JustOrlandoJobsMenu ul.adminjobseekerlist li a:visited {
	color: white;
}
.JustOrlandoJobsMenu ul.adminjobseekerlist li a:hover {
	/*hover state CSS*/
	color: white;
	background: #000080;
}

.JustOrlandoJobsMenu ul.adminlogoutlist {
	text-align:left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.JustOrlandoJobsMenu  ul.adminlogoutlist li {
	padding-bottom: 1px; /*bottom spacing between menu items*/
}
.JustOrlandoJobsMenu  ul.adminlogoutlist li a {
	font: normal 12px Arial;
	color: darkred;
	background: tomato;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 20px; /*link text is indented 5px*/;
	text-decoration: none;
}
.JustOrlandoJobsMenu ul.adminlogoutlist li a:visited {
	color: black;
}
.JustOrlandoJobsMenu ul.adminlogoutlist li a:hover {
	/*hover state CSS*/
	color: white;
	background: #000080;
}


.footerTitle {
	font-size: 11pt;
	color: #a6e0e9;
	font-family: Arial, Helvetica, sans-serif;
}
.footerLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #10ffFF;
}
.footerLink a {
	text-decoration: none;
	color: #10ffFF;
}
input, textarea {
	/*background-color: #FF6666;*/
	font: inherit; 
}
.tooltip {
	/*border-bottom: 1px dotted #000000; */
	color: #000000; 
	outline: none;
	cursor: help; 
	text-decoration: none;
	position: relative;
}

.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Arial, Helvetica, sans-serif;
	position: absolute; 
	left: 1.2em; 
	top: -2.8em; 
	z-index: 99;
	margin-left: 0; 
	text-align: center;
}
.tooltip:hover span img {
	border: 0; 
	margin: -10px 0 0 -55px;
	float: left; 
	position: absolute;
}
.tooltip:hover em {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-weight: bold;
	display: block; 
	padding: 0.2em 0 0.6em 0;
}

.tooltipfeature {
	/*border-bottom: 1px dotted #000000; */
	color: #a6e0e9; 
	outline: none;
	cursor:help; 
	text-decoration: none;
	position: relative;
	background-color:#a6e0e9
}
.tooltipfeature span {
	margin-left:-999em;
	position: absolute;
	background-color:#a6e0e9
}
.tooltipfeature:hover span {
	border-radius: 5px 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Arial, Helvetica, sans-serif;
	position: absolute; 
	left: 1.2em; 
	top: -2.8em; 
	z-index: 99;
	margin-left: 0; 
	text-align: center;
	background-color:#a6e0e9
}
.tooltipfeature:hover span img {
	border: 0;
	background-color:#a6e0e9
}

.tooltipfeature:hover em {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-weight: bold;
	display: block; 
	padding: 0.2em 0 0.6em 0;
	background-color:#a6e0e9
}


.tooltipleft {
	/*border-bottom: 1px dotted #000000; */
	color: #000000; 
	outline: none;
	cursor: help; 
	text-decoration: none;
	position: relative;
}
.tooltipleft span {
	margin-left: -999em;
	position: absolute;
}
.tooltipleft:hover span {
	border-radius: 5px 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Arial, Helvetica, sans-serif;
	position: absolute; 
	left: -20em; 
	top: -2.8em; 
	z-index: 99;
	margin-left: 0; 
	width: 250px;
	text-align: left;
}
.tooltipleft:hover span img {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left; 
	position: absolute;
}
.tooltipleft:hover em {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-weight: bold;
	display: block; 
	padding: 0.2em 0 0.6em 0;
}

.tooltiphome {
	/*border-bottom: 1px dotted #000000; */
	color: #a6e0e9; 
	outline: none;
	cursor: help; 
	text-decoration: none;
	position: relative;
	
}
.tooltiphome span {
	margin-left: -999em;
	position: absolute;
}
.tooltiphome:hover span {
	border-radius: 5px 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Arial, Helvetica, sans-serif;
	position: absolute; 
	left: -20em; 
	top: -2.8em; 
	z-index: 99;
	margin-left: 0; 
	width: 275px;
	text-align: left;
	background-color:#a6e0e9
}
.tooltiphome:hover span img {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left; 
	position: absolute;
}
.tooltiphome:hover em {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-weight: bold;
	display: block; 
	padding: 0.2em 0 0.6em 0;
}

.tooltiphome1 {
	/*border-bottom: 1px dotted #000000; */
	color: #a6e0e9; 
	outline: none;
	cursor: help; 
	text-decoration: none;
	position: relative;
}

.tooltiphome1 span {
	margin-left: -999em;
	position: absolute;
}

.tooltiphome1:hover span {
	border-radius: 5px 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Arial, Helvetica, sans-serif;
	position: absolute; 
	left: -20em; 
	top: -2.8em; 
	z-index: 99;
	margin-left: 0; 
	width: 300px;
	text-align: center;
	background-color:#a6e0e9
}
.tooltiphome1:hover span img {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left; 
	position: absolute;
}
.tooltiphome1:hover em {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-weight: bold;
	display: block; 
	padding: 0.2em 0 0.6em 0;
}


.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
.feature { margin: 1px 1px 1px 1px; border: 5px #2BB0D7 solid;	}

