/* Elements */
* body {background-color: #0064a6; height: 100%; padding: 0; margin: 0;}

h1 {font-family: Helvetica, Arial; font-size: 1.0em; color: #851819; font-weight: normal;}
h1.landingh1 {font-family: Helvetica, Arial; font-size: 16pt; color: #851819; font-weight: bold; line-height:normal;}
h1.advert {font-family: Helvetica, Arial; font-size: 1.25em; color: #161a42; font-weight: bold;}
h1.seo {font-family: Helvetica, Arial; font-size: 12pt; color: #ffffff; font-weight: bold;}
h2 {font-family: Helvetica, Arial; font-size: 1.0em; color: #851819; font-weight: normal;}
h2.landingh2 {font-family: Helvetica, Arial; font-size: 12pt; color: #851819; font-weight: bold; line-height:normal; margin-top:10px; margin-bottom:2px;}
h2.seo {font-family: Helvetica, Arial; font-size: 10pt; color: #ffffff; font-weight: bold;}
h3 {font-family: Helvetica, Arial; font-size: 1.0em; color: #851819; font-weight: normal;}
h3.landingh3 {font-family: Helvetica, Arial; font-size: 12pt; color: #851819; font-weight: bold; line-height:normal; margin-top:10px; margin-bottom:2px;}
h3.seofoot {font-family: Helvetica, Arial; font-size: 12pt; color: #ffffff; font-weight: bold;}
h3.seo {font-family: Helvetica, Arial; font-size: 10pt; color: #ffffff; font-weight: bold;}
h4 {font-family: Helvetica, Arial; font-size: 1.0em; color: #851819; font-weight: normal;}

/* ID s */

/*PAGE Container DIV */
/*#container {width: 900px;  margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; background-color: #ffffff;}*/
/*#container {width: 798px;  margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; background-color: #ffffff;}*/
#container {width: 798px;  margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; border: none; background-color: #0064a6;}

/* Header DIV */
#header {display: block; float: none; clear: both; margin-left:auto; margin-right: auto;}

/* Logo DIV */
/*#logo {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 60px; background: url(../Images/brightsideslogo.gif) no-repeat left center; }*/
/*#logo {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 798px; height: 36px; background: url(../Images/login.gif) no-repeat left center; padding: 0 0 0 0;}*/
#logo {display: block; position: relative; float: none; clear: both; margin-top: 5px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 798px; height: 40px; padding: 0 0 0 0;}
    #logo .autoemail {display: block; position: relative; float: left; clear: both; margin-top: 8px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 798px; height: 34px; border: none;}
        #logo .autoemail .title {display: block; position: relative; float: left; clear: none; margin-top: 2px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 200px; height: 20px; text-align: center; vertical-align:middle; padding: 0 0 0 0; border: none;}
        #logo .autoemail .userida {display: block; position: relative; float: left; clear: none; margin-top: 2px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 60px; height: 20px; text-align: center; vertical-align:middle; padding: 0 0 0 0; border: none;}
        #logo .autoemail .useridb {display: block; position: relative; float: left; clear: none; margin-top: 2px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 80px; height: 20px; text-align: center; vertical-align:middle; padding: 0 0 0 0; border: none;}
        #logo .autoemail .paswda {display: block; position: relative; float: left; clear: none; margin-top: 2px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 60px; height: 20px; text-align: center; vertical-align:middle; padding: 0 0 0 0; border: none;}
        #logo .autoemail .paswdb {display: block; position: relative; float: left; clear: none; margin-top: 2px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 80px; height: 20px; text-align: center; vertical-align:middle; padding: 0 0 0 0; border: none;}
        #logo .autoemail .login {display: block; position: relative; float: left; clear: none; margin-top: 2px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 20px; height: 20px; text-align: center; vertical-align:middle; padding: 0 0 0 0; border: none;}
        #logo .autoemail .register {display: block; position: relative; float: left; clear: none; margin-top: 2px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 100px; height: 20px; text-align: center; vertical-align:middle; padding: 0 0 0 0; border: none;}
        
/* Banner DIV */
/*#banner {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 235px; background: url(../Images/homepage_maingraphic_1.gif) no-repeat center center; }*/
#banner {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 798px; height: 84px; background: url(../Images/header_04.jpg) no-repeat center center; }

/*#banner.rotate {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 235px; background-image:none;}*/

/* Mainarea DIV */
/*#mainarea {display: block; position: relative; float: none; clear: both; margin-top: 15px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px;}*/
#mainarea, #mainarea_trisys {display: block; position: relative; float: none; clear: both; margin-top: 15px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 798px;}
    #mainarea .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 798px; height: 600px;}
        #mainarea .subcontain .col1 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 250px; height: 600px; text-align: center;}
            #mainarea .subcontain .col1 .vacancysearch {display: block; position: relative; float: none; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 240px; height: 274px; text-align: center; background: url(../Images/vacancysearch_10.jpg) no-repeat left center;}
                #mainarea .subcontain .col1 .vacancysearch .formsearch {margin: 35px 10px 0 10px; margin-top: 35px; margin-right:10px; margin-bottom: 0; margin-left: 10px; display: block; position: relative; float: left; clear: none; width: 220px; height: 195px;}
                #mainarea .subcontain .col1 .vacancysearch .formlogin {margin: 0 10px 0 10px; margin-top: 0; margin-right:10px; margin-bottom: 0; margin-left: 10px; display: block; position: relative; float: left; clear: none; width: 220px; height: 30px;}
                
        #mainarea .subcontain .col2 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 298px; height: 600px; text-align: center;}
            /*#mainarea .subcontain .col2 .newspanel {display: block; position: relative; float: none; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 290px; height: 562px; text-align: center; background: url(../Images/maingraphic_07.jpg) no-repeat left center;}*/
            #mainarea .subcontain .col2 .newspanel {display: block; position: relative; float: none; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 290px; height: 562px; text-align: center; background: url(../Images/maingraphic_NEW.jpg) no-repeat left center;}
                /*#mainarea .subcontain .col2 .newspanel .newsdetail {margin: 405px 15px 0 15px; margin-top: 405px; margin-right:15px; margin-bottom: 0; margin-left: 15px; display: block; position: relative; float: left; clear: none; width: 260px; height: 145px;}*/
                #mainarea .subcontain .col2 .newspanel .newsdetail {margin: 280px 15px 0 15px; margin-top: 280px; margin-right:15px; margin-bottom: 0; margin-left: 15px; display: block; position: relative; float: left; clear: none; width: 260px; height: 145px;}
                #mainarea .subcontain .col2 .newspanel .suppnewsdetail {margin: 30px 15px 0 15px; margin-top: 30px; margin-right:15px; margin-bottom: 0; margin-left: 15px; display: block; position: relative; float: left; clear: none; width: 260px; height: 145px;}
        
        #mainarea .subcontain .col2alt {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 548px; height: 600px; text-align: center;}
        
        #mainarea .subcontain .col3 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 250px; height: 600px; text-align: center;}
            #mainarea .subcontain .col3 .featuredjobspanel {display: block; position: relative; float: none; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 238px; height: 331px; text-align: center; background: url(../Images/featured_09.jpg) no-repeat left center;}
                #mainarea .subcontain .col3 .featuredjobspanel .featuredjobs {margin: 50px 15px 0 19px; margin-top: 50px; margin-right:15px; margin-bottom: 0; margin-left: 19px; display: block; position: relative; float: left; clear: none; width: 200px; height: 260px;}
                
            #mainarea .subcontain .col3 .employerpanel {display: block; position: relative; float: none; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 238px; height: 216px; text-align: center; background: url(../Images/employers_14.jpg) no-repeat left center;}
                #mainarea .subcontain .col3 .employerpanel .employerstage {margin: 40px 12px 0 12px; margin-top: 40px; margin-right:12px; margin-bottom: 0; margin-left: 12px; display: block; position: relative; float: left; clear: none; width: 210px; height: 160px;}

    #mainarea_trisys .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 798px; height: 150px;}
        #mainarea_trisys .subcontain .col1 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 250px; height: 150px; text-align: center;}
        #mainarea_trisys .subcontain .col2 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 298px; height: 150px; text-align: center;}
            #mainarea_trisys .subcontain .col2 .bodytext {    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.85em;
    color: #ffffff;
    font-weight:normal;}
        #mainarea_trisys .subcontain .col3 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 250px; height: 150px; text-align: center;}

/* TriSYS DIV */
#externaldata {display: block; position: relative; float: none; clear: both; margin-top: 15px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 798px;}
    #externaldata .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 798px; height: 600px;}
    #externaldata .subcontainauto {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 798px;}

        
/* Nav DIV */
#nav {display: block; position: relative; float: none; clear: both; margin-top: 44px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 860px; height: 155px;}
    #nav .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 562px; height: 135px;}
        #nav .subcontain .col1 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 280px; text-align: left;}
        #nav .subcontain .col2 {display: block; position: relative; float: left; clear: right; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 280px; border-left: 1px solid #1a1a1a; text-align: right;}

#navsub {display: block; position: relative; float: none; clear: both; margin-top: 10px; margin-bottom: 4px; margin-left:auto; margin-right: auto; width: 860px; height: 26px;}
#navsubshort {display: block; position: relative; float: none; clear: both; margin-top: 10px; margin-bottom: 4px; margin-left:20px; margin-right: auto; width: 423px; height: 26px;}
#navsubmedium {display: block; position: relative; float: none; clear: both; margin-top: 10px; margin-bottom: 4px; margin-left:20px; margin-right: auto; width: 523px; height: 26px;}

/* Footer DIV */
#footer {display: block; position: relative; float: none; clear: both; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 798px; height: 115px;}
    #footer .subcontain {display: block; position: relative; float: none; clear: both; margin-top: 10px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 798px; height: 115px;}
        #footer .subcontain .col1 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 430px; text-align: left;}
        #footer .subcontain .col1b {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:auto; margin-right: auto; width: 260px; text-align: left;}
        #footer .subcontain .col2 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:5px; margin-right: auto; width: 190px; text-align: right; padding-left: 4px;}
        #footer .subcontain .col3 {display: block; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px; margin-left:5px; margin-right: auto; width: 190px; border-left: 1px solid #ffffff; text-align: right; padding-left: 4px;}
        #footer .subcontain .col4 {display: block; position: relative; float: left; clear: right; margin-top: 0px; margin-bottom: 0px; margin-left:5px; margin-right: auto; width: 190px; border-left: 1px solid #ffffff; text-align: right; padding-left: 4px;}


/* Classes */
.autoemailtextmain 
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.75em;
    color: #ffffff;
    font-weight:bold;
    text-transform:uppercase;
}

.autoemailtextsearch
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.75em;
    color: #ffffff;
    font-weight:bolder;
    text-transform: capitalize;
}

.autoemailtextform
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.55em;
    color: #0064a6;
    font-weight:normal;
    text-transform: lowercase;
}

.autoemailtextinput
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.55em;
    color: #0064a6;
    font-weight:normal;    
}
.autoemailtextdropdown
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.55em;
    color: #000000;
    font-weight:normal;    
}

.footertext 
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.65em;
    color: #ffffff;
    text-align: center;
}

.footerlink
{
    font-family: Arial, Helvetica, Sans-Serif;
    color: #ffffff;
    text-decoration: none;
}

.divclear {clear:both; height:0px;}

.newstitle 
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.65em;
    color: #002047;
    font-weight:bold;
    text-transform: none;}
.newsdate 
{
    font-family: Arial, Helvetica, Sans-Serif;
    /*font-size: 0.65em;*/
    color: #0064a6;
    font-weight:normal;
    text-transform: none;}
.newsintro 
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.55em;
    color: #000000;
    font-weight:normal; }
.newslink 
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.55em;
    color: #0064a6;
    font-weight:normal;
    text-transform: uppercase;
    text-decoration: none;
}

.jobtitle 
{
    font-family: Arial, Helvetica, Sans-Serif;
    /*font-size: 0.65em;*/
    font-size: 9px;
    color: #0064a6;
    font-weight:normal;
    text-transform: uppercase;}
.jobdate 
{
    font-family: Arial, Helvetica, Sans-Serif;
    /*font-size: 0.65em;*/
    font-size: 9px;
    color: #002047;
    font-weight:bold;
    text-transform: none;}
.joblink 
{
    font-family: Arial, Helvetica, Sans-Serif;
    /*font-size: 0.55em;*/
    font-size: 9px;
    color: #0064a6;
    font-weight:bold;
    text-transform: uppercase;
    text-decoration: none;
}

.joblink a 
{
    /*font-size: 7px;*/
    color: #0064a6;
    line-height:normal;
}

.subpagebody 
{   font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.75em;
    color: #ffffff;
    font-weight:normal;
    text-align:left;
    }
.subpagebodymedium
{   font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.7em;
    color: #ffffff;
    font-weight:normal;
    text-align:left;
    }   
.subpagebodysmall 
{   font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.65em;
    color: #ffffff;
    font-weight:normal;
    text-align:left;
    }    
    
.tablehead
{
    background-color: #002047;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: capitalize;
    color: #FFFFFF;
    text-align:left;
}

.tablesubhead
{
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: capitalize;
    color: #0064a6;
    text-align:left;
}

.tablesubheadalt
{
    background-color: #F7F7F7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: capitalize;
    color: #0064a6;
    text-align:left;
}

.tablecell
{
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: capitalize;
    color: #000000;
    text-align:left;
}
.tablecellalt
{
    background-color: #F7F7F7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: capitalize;
    color: #000000;
    text-align: left;
}

.scrollbarblue 
{
    scrollbar-base-color:#0064a6;}