html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0 0 0px;
	color: #333;
	/*background: #D9D9D9;*/
	background: #d9d9d9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img {
	border: 0;
}
.clearme {
	clear: both;
}
a:link {
	color: #E20074;
	background: transparent;
}
a:visited {
	color: #E20074;
	background: transparent;
}
a:hover {
	color: #E20074;
	background: transparent;
}

#frame1{
	margin: 0 auto;
	padding: 0;
	width: 956px;
	background: #fff url(../images/backgroundshadow.gif) left repeat-y;

	}


#frame2{
	background: transparent url(../images/topshadow.gif) top left no-repeat;
	padding: 16px 16px 0 16px;	
	/*width: 924px;*/

}

#bottomshadow{
	background: transparent url(../images/bottomshadow.gif) bottom left no-repeat;
	margin: 0 auto;
	height:29px;
	width:956px;	
}

#header {
	padding: 0;
	margin: 13px 18px 13px;
	background: #d9d9d9 url(../images/tsystemstile.jpg) top left repeat-x;
	position:relative;
}
#header img {
	vertical-align: top;
}

#header #nav{
	position: absolute;
	font-size: 10px;
	right: 4px;
	top: 6px;
	text-align: right;
}

#header #nav2{
	position: absolute;	
	right: 149px;
	top: 4px;	
}

#header #nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	
}

#header #nav li {
	display: inline;
	padding: 0 0 0 9px;
}

#header #nav a {
	
	color: #333;
	background: transparent;
	text-decoration: none;
}

#header #nav a:hover {
	
	color: #e20074;
	background: transparent;
}

/*horizontal navigation*/
#tnav {	
	margin: 0 18px 0; 
	color:#333;
	height: 19px;
}

#tnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#tnav li {
	margin: 0;
	padding: 0;	
	display:inline;
}
#tnav a {color:#333; float:left; font-weight:700; padding:2px 8px; text-decoration:none; background:#fff;}
#tnav a:hover  {color:#fff; background:#666;}
#tnav a.active {color:#fff; background:#e20074;}

#navbar {
	float: left;
	margin: 0 18px 0;
}
#navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navbar li {
	margin: 0;
	padding: 0;
	float: left;
}

#navbar img {
	display: block;
	float: left;
}
#contentcontainer {	
	padding: 10px 18px 13px 18px;	
}
#lhscontainer {
	float: left;
	width: 189px;
	height: 450px;
}
html>body #lhscontainer {
	height: auto;
	min-height: 450px;
}
#rhscontainer {
	float: right;
	width: 699px;
}
#widecontent {
}
#content {
	float: left;
	width: 510px;
}
#widecontent #contentinner {
	padding: 0px 0px 0px 10px;
}
#content #contentinner {
	padding: 0px 10px;
}
#sidebar {
	float: right;
	width: 189px;
}
#footercontainer {	
	margin: 0px;
	padding: 0 18px 0;		
}
	
#footer {
	margin: 0px;
	padding: 0px;	
	font-size:10px; 
	color:#666;
	
}

#footer a {
	
	color: #666;
	background: transparent;
	text-decoration: none;	
}

#footer a:hover {
	
	color: #e20074;
	background: transparent;
}

#footer p{
	padding: 0;
	margin: 0;
	float: left;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	
}
#footer li {
	margin: 0;
	padding: 0 5px 0;
	display: inline;
}

#banner {
	vertical-align: top;
}
h1 {
	margin-top: 0;
	margin-bottom: 10px;
	color: #000;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#content p, #widecontent p {
	line-height: 1.4em;
}









/* ********************************************************************** */

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.eploydivider td {
	background: #0F286A;
	overflow: hidden;
	height: 1px;
}


/*
These are just here in case I want old-school rounded corners on tables and forms

.formtop {
	background: #DEDEDE url(../images/RoundedCorners/toprightcorner.gif) top right no-repeat;
	height: 6px;
	overflow: hidden;
}
.formtop div {
	background: transparent url(../images/RoundedCorners/topleftcorner.gif) top left no-repeat;
	height: 6px;
	overflow: hidden;
}
.formbottom {
	background: #DEDEDE url(../images/RoundedCorners/bottomrightcorner.gif) bottom right no-repeat;
	height: 20px;
	overflow: hidden;
}
.formbottom div {
	background: transparent url(../images/RoundedCorners/bottomleftcorner.gif) bottom left no-repeat;
	height: 20px;
	overflow: hidden;
}

#statusbar {
	color: #FFF;
	background-color: #336699;
	text-align: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
}
*/

.VacancyTable {
	border-collapse: collapse;
	border: 1px solid #E5EEF9;
}
.VacancyTitle {
	background: url(../images/VacancyMenu/titleGradient.gif) bottom repeat-x;
}
.VacancyTitle td {
	padding: 4px 8px;
}
.VacancyTitle td a {
	text-decoration: none;
}
.VacancyDetails td {
	padding: 8px;
}
.VacancyDetails ul {
	margin: 12px 0 8px;
	padding: 0;
	list-style: none;
}
.VacancyDetails li {
	display: inline;
	padding-right: 8px;
}



#loginbox {
	width: 248px;
	background: #EEE url(../images/Register/bottom.gif) bottom right no-repeat;
}
#loginboxinner {
	padding: 14px;
}
#registerbox {
	width: 318px;
	background: #EEE url(../images/Register/bottom.gif) bottom right no-repeat;
}
#registerboxinner {
	padding: 14px;
}
#loginbox .signinformrow, #registerbox .signinformrow {
	padding: 1px 0;
}
#loginbox h3, #registerbox h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
	font-size: 14px;
	color: #E20074;
}
#loginbox p, #registerbox p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
}
#loginbox label, #registerbox label {
	font-weight: bold;
	color: #666;
}
#loginbox input, #registerbox input {
	border: 1px solid #BDC7D8;
}



.warningbox {
	border: 1px solid #DD3C10;
	background: #FFEBE8;
	padding: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.btnContainer {
	padding: 10px 0;
}
.btnContainer img {
	vertical-align: middle;
}
.btnContainer a {
	font-size:13px;
	color: #e20074;
	
}
.btnContainer a:hover {
	
	color: #e20074;
	
}


#pagebar {
	padding: 6px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(../images/VacancyMenu/pattern.gif);
}

form {
	padding: 0;
	margin: 0;
}
textarea {
	width: 95%;
}

.spacerdiv {
	height: 5px;
	overflow: hidden;
}
.PopupDescription {
	padding: 5px;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 150px;
	color: #FFF;
	background-color: #282828;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.PopupDescriptionCont {
	z-index: 200;
	visibility: hidden;
	width: 200px;
	position: absolute;
}
table.table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #BDC7D8;
}

.tabletoprow {
	background-color: #DEDEDE;
}
.tabletitles {
	color: #333;
	background-color: #DEDEDE;
	font-weight: bold;
	padding: 4px 8px;
}
.tabletitles a {
	color: #333;
	background-color: #DEDEDE;
	text-decoration: none;
}
.tabletitlessmall {
	color: #333;
	background-color: #DEDEDE;
	padding: 0px 8px 4px;
}
.tablefirstrow {
	background-color: #F7F7F7;
}
.tablesecondrow {
	background-color: #F7F7F7;
}
.formtext {
	font-weight: bold;
	padding: 5px;
	text-align: right;
	color: #666;
}
.formtextleft {
	padding: 5px;
}
.formtextleftsmall {
	padding: 5px;
}
.formtextleft3 {
	padding: 5px;
	font-weight: bold;
	color: #666;
}
.radiobutton
{
    vertical-align: middle;
    margin-left:3px;
    margin-right:3px;
}
.textbox {
	border: 1px solid #BDC7D8;
	margin: 5px;
	padding: 1px;
}
.hand {
	cursor: pointer;
}
.menutablefirstrow {
	background-color: #F7F7F7;
}
.menutablesecondrow {
	background-color: #FFF;
}
.tablelink {
	padding: 5px 0 5px 4px;
}
.tabletext {
	padding: 5px 0 5px 8px;
}
.tabletextcentre {
	padding: 5px 0;
	text-align: center;
}
.sub1table {
	margin: 0 auto;
	width: 98%;
}
.sub1tabletoprow {
}
.sub1tabletitles {
	font-weight: bold;
}
.sub1menutablefirstrow {
	background-color: #F7F7F7;
}
.sub1menutablesecondrow {
	background-color: #F7F7F7;
}
.sub1tablelink {
	padding: 5px 0;
}
.sub1tabletext {
	padding: 5px 0;
}
.sub1tabletextcentre {
	padding: 5px 0;
}
.sub2table {
	margin: 0 auto;
	width: 95%;
	background-color: #BDC7D8;
}
.sub2table td {
	padding: 3px;
}
.sub2tabletoprow {
	background-color: #DEDEDE;
	font-weight: bold;
}
.sub2tabletoprow .formtextleft {
	color: #333;
}
.sub2menutablefirstrow {
	background-color: #FFF;
}
.sub2tablefirstcolumn {
	font-weight: bold;
	text-align: right;
}
.jobdescription {
	padding: 0 5px;
}
.candidateskilltitle {
	font-weight: bold;
	padding: 4px 8px;
}
td.addbutton {
	padding-left: 5px;
}
#EmailDetailsTable {
	background: #F5F5F5;
	border: 1px dotted #808080;
	padding: 10px;
}

.terminatestatusclass {
	color: #F00;
}

/* ********************************************************************** */
/* Client Area Workflow Report */
/* ********************************************************************** */

/* Workflow Report styles */

.workflowreport {
	border-collapse: collapse;
}
.workflowreport tr {
	vertical-align: top;
}
.workflowreport td {
	border: 1px solid #C1C1C1;
	padding: 5px 8px;
}
.workflowreport td td {
	border: 0px none #FFF;
	padding: 3px 0 3px 0;
}
.workflowreport tr.headerrow td {
	background-color: #666666;
	color: #FFF;
	font-weight: bold;
}
.workflowreport tr.sectionrow td {
	
	background-color: #DEDEDE;
	font-weight: bold;
}
.workflowreport tr.workflowdatarow td {
	padding-right: 20px;
	vertical-align: top;
}
.workflowreport tr.workflowdatarow .workflowbullet {
	padding-right: 8px;
}
.workflowreport .workflowinnerdata td,
.workflowreport tr.workflowdatarow .workflowinnerdata td {
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
}
.workflowreport td.workflowreporttotal,
.workflowreport tr.workflowdatarow td.workflowreporttotal,
.workflowreport tr.workflowdatarow td td td.workflowreporttotal {
	padding-right: 20px;
	font-weight: bold;
}
/* End - Workflow Report styles */
/* ********************************************************************** */
/* Demo Sidebar CSS */
/* ********************************************************************** */

.box {
	/*background: #E7E7E8 url(../images/Sidebars/boxbottom.gif) bottom left no-repeat;*/
	background-color: #eeeeee;
	height: 152px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 8px;
}
html>body .box {
	height: auto;
	min-height: 152px;
}
.boxtop {
	/*background: #C0C2C5 url(../images/Sidebars/boxtop.gif) top left no-repeat;*/
	background-color: #005A5F;
	/*border-bottom: 1px solid #FFF;*/
	padding: 2px 8px;
}
.boxtop h3 {
    margin: 0;
    padding: 3px 27px 3px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*background: #C0C2C5 url(../images/Sidebars/arrow.gif) center right no-repeat;*/
	color: #FFF;
}
.boxinner {
	padding: 6px 6px 10px;
}
.box p {
	padding: 0;
	margin: 0 0 10px;
}
.box label {
	font-weight: bold;
	color: #666;
}
.box input, .box select {
	border: 1px solid #C0C2C5;
}
.box .sidebarsubmit {
	background: #4298FE url(../images/Sidebars/buttonbg.gif) center repeat-x;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0;
	padding: 2px 5px;
	cursor: pointer;
}
.box .fielddiv {
	padding-bottom: 2px;
}
.box .formlinkdiv {
	padding: 6px 0 0;
}














.box ul
{	
	list-style:none;
	margin:5px 0 5px 4px;
	padding:0;
	
}

.box ul li 
{
	margin:10px 0;
}
.box ul a 
{
	text-decoration:none;
}

.box ul li a
{
	color:#4B5970;
}
.box ul ul li a 
{
	color:#666;
	
}
.box ul ul ul li a 
{
	color:#666;
	font-weight:normal;
}

.box li a.redlink
{
	background:url(../images/buttons/EmailCircleGrey.gif) no-repeat left 3px;
	margin-left:10px;
	padding-left:17px;
	color:#cc0000;
	font-weight:normal;
}
.box li a.toolbarselected {
	color: #E20074;
}











#lhscontainer .box li a:hover, #sidebar .box li a:hover {
	color: #E20074;
	text-decoration: underline;
}
#Clientlogo {
	background: #FFF url(../images/Sidebars/ClientlogoBottom.gif) bottom left no-repeat;
}
#Clientlogo div {
	background: url(../images/Sidebars/ClientlogoTop.gif) top left no-repeat;
	text-align: center;
	padding: 9px 0;
	width: 177px;
	overflow: hidden;
}
#Clientlogo img {
	vertical-align: top;
	border: 1px solid #DFE4EF;
	width: 120px;
	height: 50px;
	margin-top: 3px;
}

.tabactive 
{
	background-color:#DEDEDE;
	display:inline;
	padding:3px 10px 1px;
	border-top: 1px solid #BDC7D8;
	border-left: 1px solid #BDC7D8;
	border-right: 1px solid #BDC7D8;
	
	font-size:11px;
	font-weight:bold;
	position:relative;
}

.tabnotactive 
{
	background-color:#F7F7F7;
	display:inline;
	padding:3px 10px 0px;
	border-top: 1px solid #BDC7D8;
	border-left: 1px solid #BDC7D8;
	border-right: 1px solid #BDC7D8;
	border-bottom: 1px solid #BDC7D8;
	
	font-size:11px;
	font-weight:bold;
}

.tabactive a, .tabnotactive a 
{
	text-decoration:none;
	
	color:#333;
}

#Username, #Password 
{
    width:155px;
}

.row 
{ 
    text-align:left;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    padding:12px 0 5px;
    border-bottom:solid 1px #e1e1e1;
    color:#555;
    
    overflow:auto;
   
    
}
.right
{
    float:right;
    text-align:left;
    width:68%   ;
    
}
.rowleft 
{
    float:left;
    width:30%;
    text-align:right;
    font-weight:bold;
    color:#E20074;
    padding:0px 0px 0px 0;
    
}

a.linkbox 
{
    line-height:40px;
    background:#f1f1f1;
    border:solid 1px #ccc;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    width:30%;
    height:40px;
    margin:40px 10px;
    text-align:center;
    float:left;
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
    background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    
    font-weight:bold;
}

a.linkbox  
{
    color:#666;
    text-decoration:none;
}

.linkbox .clip 
{
    background:url(../images/clipboard.png) no-repeat 10px center;
    padding-left:30px;
    margin-left:-15px;
}

.linkbox .report 
{
    background:url(../images/report.png) no-repeat 10px center;
    padding-left:40px;
    margin-left:-20px;
}

.linkbox .graph 
{
    background:url(../images/graph.png) no-repeat 10px center;
    padding-left:36px;
    margin-left:-18px;
}

a.linkbox:hover{
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
    border:solid 1px #999;
    color:#E20074;
}

h1.dashboard 
{
    font-size:24px;
    font-weight:normal;
    color:#666;
    margin:0 0 30px 0;
    
    
    padding: 0 0 10px 0;
    
    text-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

h1 .color 
{
    color:#E20074;
    
    
}