body
{
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background: #fff;
}

#container {
	width: 834px;
	margin: 25px auto 0px auto;
	background-color: white;
	border: 1px solid black;
	padding: 10px;
}

/* styles used throughout the page */
a:link {
	color:#0171AD;
	text-decoration:none;
}	

a:visited {
	color:#3b6380;
	text-decoration:none;	
}

a:active {
	color:#2d3b45;
	text-decoration:none;
}

.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }

h1 {
        font-size: 120%;
		color: #0171AD;
		color: #015684;
		text-transform: uppercase;
}

h2 {
        font-size: 110%;
		color: #0171ad;
		color: #015684;
}

h3 {
        font-size: 120%;
		color: #FF0000;
		color: #CC0000;
}


/* header */
#header { 
	width: 834px;
	margin: 0;
	padding: 0;
	border: none;
	background: #D0EBFF;
}
#smartPlacement-logo {
	float: left;
	width: 544px;
}
#banner-spacer {
	float: left;
	width: 60px;
	height: 64px;
	background-color: #D0EBFF;
}
#sas-logo {
	float: right;
	width: 230px;
}


/* navigation across top of page */
#navigation
{
	width: 834px;
	padding: 0;
	margin: 0px 0 0 0 ;
	clear: both;
}
#primary_nav
{
	height: 21px;
	position: relative;
	list-style-type: none;
	font-size: 70%;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	background:#D0EBFF;
	width: 834px;
}

#primary_nav li
{
	height: 21px;
	margin: 0;
	padding: 0;
	float: left;
}

#primary_nav li a img
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
	border-style: none;
}

#primary_nav li#jobseeker
{
	width: 118px;
	background: url(../../images/jobseeker_tab_over.jpg) top left no-repeat;
}
#primary_nav li a
{
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

#primary_nav li#jobseeker a
{
	background: url(../../images/jobseeker_tab.jpg) top left no-repeat;
	width: 118px;
}

#primary_nav li#jobseeker a:hover
{
	background: url(../../images/jobseeker_tab_over.jpg) top left no-repeat;
	width: 118px;
}

#primary_nav li#employer
{
	width: 116px;
	background: url(../../images/employer_tab_over.jpg) top left no-repeat;
}

#primary_nav li#employer a
{
	background: url(../../images/employer_tab.jpg) top left no-repeat;
	width: 116px;
}

#primary_nav li#employer a:hover
{
	background: url(../../images/employer_tab_over.jpg) top left no-repeat;
	width: 116px;
}

/*  employer primary navigation*/

#employer_primary_nav
{
	height: 21px;
	position: relative;
	list-style-type: none;
	font-size: 70%;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	background:#D0EBFF;
	width: 834px;
}

#employer_primary_nav li
{
	height: 21px;
	margin: 0;
	padding: 0;
	float: left;
}

#employer_primary_nav li a img
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
	border-style: none;
}

#employer_primary_nav li#jobseeker
{
	width: 118px;
	background: url(../../images/jobseeker_tab_over2.jpg) top left no-repeat;
}
#employer_primary_nav li a
{
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

#employer_primary_nav li#jobseeker a
{
	background: url(../../images/jobseeker_tab2.jpg) top left no-repeat;
	width: 118px;
}

#employer_primary_nav li#jobseeker a:hover
{
	background: url(../../images/jobseeker_tab_over2.jpg) top left no-repeat;
	width: 118px;
}

#employer_primary_nav li#employer
{
	width: 116px;
	background: url(../../images/employer_tab_over2.jpg) top left no-repeat;
}

#employer_primary_nav li#employer a
{
	background: url(../../images/employer_tab2.jpg) top left no-repeat;
	width: 116px;
}

#employer_primary_nav li#employer a:hover
{
	background: url(../../images/employer_tab_over2.jpg) top left no-repeat;
	width: 116px;
}





#sub_nav
{
	height: 18px;
	position: relative;
	list-style-type: none;
	font-size: 70%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	background:#3B6380;
	width: 834px;
}

#sub_nav li
{
	height: 18px;
	margin: 0;
	padding: 0;
	float: left;
}

#sub_nav li a img
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
	border-style: none;
}


#sub_nav li a
{
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}


#sub_nav li#login
{
	width: 100px;
	background: url(/images/login_subtab_over.jpg) top left no-repeat;
}

#sub_nav li#login a
{
	background: url(../../images/login_subtab.jpg) top left no-repeat;
	width: 100px;
}

#sub_nav li#login a:hover
{
	background: url(../../images/login_subtab_over.jpg) top left no-repeat;
	width: 100px;
}


#sub_nav li#register
{
	width: 91px;
	background: url(/images/register_subtab_over.jpg) top left no-repeat;
}

#sub_nav li#register a
{
	background: url(../../images/register_subtab.jpg) top left no-repeat;
	width: 91px;
}

#sub_nav li#register a:hover
{
	background: url(../../images/register_subtab_over.jpg) top left no-repeat;
	width: 91px;
}

#sub_nav li#changepassword
{
	width: 154px;
	background: url(/images/changepassword_subtab_over.jpg) top left no-repeat;
}

#sub_nav li#changepassword a
{
	background: url(../../images/changepassword_subtab.jpg) top left no-repeat;
	width: 154px;
}

#sub_nav li#changepassword a:hover
{
	background: url(../../images/changepassword_subtab_over.jpg) top left no-repeat;
	width: 154px;
}

#sub_nav li#help
{
	width: 67px;
	background: url(/images/help_subtab_over.jpg) top left no-repeat;
}

#sub_nav li#help a
{
	background: url(../../images/help_subtab.jpg) top left no-repeat;
	width: 67px;
}

#sub_nav li#help a:hover
{
	background: url(../../images/help_subtab_over.jpg) top left no-repeat;
	width: 67px;
}


/* employer sub navigation */

/* CSS Document */
#employer_sub_nav
{
	height: 18px;
	position: relative;
	list-style-type: none;
	font-size: 70%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	background:#0082B7;
	width: 834px;
}

#employer_sub_nav li
{
	height: 18px;
	margin: 0;
	padding: 0;
	float: left;
}

#employer_sub_nav li a img
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
	border-style: none;
}


#employer_sub_nav li a
{
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}


#employer_sub_nav li#login
{
	width: 96px;
	background: url(/images/employer_login_over.jpg) top left no-repeat;
}

#employer_sub_nav li#login a
{
	background: url(../../images/employer_login.jpg) top left no-repeat;
	width: 96px;
}

#employer_sub_nav li#login a:hover
{
	background: url(../../images/employer_login_over.jpg) top left no-repeat;
	width: 96px;
}


#employer_sub_nav li#loginrequest
{
	width: 174px;
	background: url(/images/employer_loginrequest_over.jpg) top left no-repeat;
}

#employer_sub_nav li#loginrequest a
{
	background: url(../../images/employer_loginrequest.jpg) top left no-repeat;
	width: 174px;
}

#employer_sub_nav li#loginrequest a:hover
{
	background: url(../../images/employer_loginrequest_over.jpg) top left no-repeat;
	width: 174px;
}

#employer_sub_nav li#changepassword
{
	width: 158px;
	background: url(/images/employer_changepassword_over.jpg) top left no-repeat;
}

#employer_sub_nav li#changepassword a
{
	background: url(../../images/employer_changepassword.jpg) top left no-repeat;
	width: 158px;
}

#employer_sub_nav li#changepassword a:hover
{
	background: url(../../images/employer_changepassword_over.jpg) top left no-repeat;
	width: 158px;
}

#employer_sub_nav li#help
{
	width: 62px;
	background: url(/images/employer_help_over.jpg) top left no-repeat;
}

#employer_sub_nav li#help a
{
	background: url(../../images/employer_help.jpg) top left no-repeat;
	width: 62px;
}

#employer_sub_nav li#help a:hover
{
	background: url(../../images/employer_help_over.jpg) top left no-repeat;
	width: 62px;
}


/* main body of page */
#body-image {
	float: right;
	height: 344px;
	width: 333px;
	background-color:#FFFFFF;
}

#main-content {
	background-color: #fff;
	margin-right: 335px;
}

/* log in and search forms */
#tasks {
	padding: 10px 0px 10px 0px;
}
#tasks form {
	margin: 0;
	padding: 0;
}
#tasks .text-input {
	width: 11.5em;
	font-size: 90%;
	border: 1px solid #868a8d;
	padding: 0 0 3px 0;
}
#login, #search {
	float: left;
	width: 44%;
	height: 9em;
}
#login {
	margin-right: 10px;
	background: #c4cfd7;
	padding: 10px;
}
#login h2, #search h2 {
	color: #fff;
	margin: 0 0 10px 0;
	padding: 3px;
	text-align: center;
	background: #3b6380;
}
#login p {
	margin:  0 0 5px 0;
	padding: 0 0 0 0;
	clear: both;
	height: 20px;
}
#login label {
	width: 6.5em;
	display: block;
	font-weight: bold;
	color: #3b6380;
	float: left;
	padding: 3px 0 0 0 ;
}
#login .text-input {
	display: block;
	float: left;
}
#login p#remember {
	padding-top: 8px;
}
#login .login-button {
	float: right;
}
#login .remember {
	float: left;
	margin: 3px 7px 0 0;
}
#login .remember-me {
	float: left;
	width: 8em;
}
#search {
	background: #9bcfeb;
	padding: 10px;
}
#search h2 {
	margin-bottom: 5px;
}
#search p {
	margin: 0 0 3px 0 ;
	padding: 0 0 0 0;
}
#search .text-input {
	width: 215px;
}
#search select {
	font-size: 90%;
	display: block;
	width: 217px;
	border: 1px solid #868a8d;
}

/* text below forms */
#main-body {
	background-color:#FFFFFF;
	padding: 15px 15px 0 0px;
}
#main-body h1 {
	padding: 0 0 0 0;
	margin: 0px 0 0 0 ;
	clear: left;
}
#main-body p {
	padding: 0 0 0 0;
	margin: 10px 0 15px 0;
}

/* three part section at the bottom */
#bottom-content {
	clear: both;
	background: #fff url(../../images/dot.gif) top left repeat-x;
	height: 170px;
	margin: 0 10px 0 0px;
}
#bottom-content h2 {
	background: transparent url(../../images/threeblocks.gif) 0px 6px no-repeat;
	padding: 0 0 0 11px;
	margin: 0 0 0 0;
}
#bottom-content p {
	margin-left: 11px;
}

#sas-training {
	float: left;
	width: 29%;
	padding: 0 15px 0 15px;
	margin: 10px 0 0 0 ;
	background: #fff url(../../images/dot.gif) top right repeat-y;
}
#sas-certification {
	float: left;
	width: 29%;
	padding: 0 15px 0 15px;
	margin: 10px 0 0 0 ;
	background: #fff;
}
#quick-links {
	float: left;
	width: 29%;
	margin: 10px 0 0 0 ;
	padding: 0 15px 0 15px;
	background: #fff url(../../images/dot.gif) top left repeat-y;
}
#quick-links ul {
	margin: 10px 0 0 10px;
	padding: 0 0 0 0;
	list-style-type: none;
}
#quick-links li {
	padding: 0 0 0 10px;
	background: transparent url(../../images/cross.gif) 0px 3px no-repeat;
}

/* footer including disclaimer and copyright */
#footer
{
	width: 804px;
	background-color:#FFFFFF;
	padding: 5px 15px;
	clear: both;
	margin: 0 auto 25px auto;
	text-align: center;
}
#footer-1 {
	text-align: center;
}
#footer-1 a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}
#footer-1 ul {
	list-style-type: none;
	margin: 0 auto 0 auto;
	padding: 0 0 0 ;
	width: 50em;
}
#footer-1 li {
	float: left;	
}
#footer-1 li.first {
	padding-right: 3em;
}
#footer-2 {
	clear: both;
	color:#868a8d;
	margin: 25px auto 0 auto;
	text-align: left;
}




.dataentryformlabelbig
{
    padding-right: 2px;
    padding-left: 2px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 2px;
    vertical-align: middle;
    color: #ffffff;
    padding-top: 2px;
    font-family: Verdana;
    text-align: center;
    width: 100%;
    font-style: normal;
}


.dataentryformlabel_bg
{
    height: 22px;
    background-color: #3b6380;
}


.emp_dataentryformlabel_bg
{
    height: 22px;
    background-color: #078DBA;
}


.dataentryformtextbox
{
    border-right: peru 1px solid;
    border-top: peru 1px solid;
    border-left: peru 1px solid;
    border-bottom: peru 1px solid;
}


