/* This gets overwritten by the Theme style sheets */

html { margin: 0; padding: 0; font-size: 0.7em } /* IE Hack */
body {color:#666666; background-color:#EEEEEE; margin:0; border:0; width:100%; 
      font-family: Arial, Verdana,Sans-Serif}

/* Text Styles ----------------------------------------------------------------------- */
    h1{color: #333333;
	    font-size: 1.6em;
	    font-weight: bold;
	    padding: 10px 0px 10px 16px;
	    text-transform: lowercase;
            margin-bottom:10px}
    h2{color: #333333;
	    font-size: 1.3em;
	    font-weight: bold;
	    border-bottom: 1px dotted #e0e0e0;
	    margin:0px;
	    padding: 10px 0px 10px 16px;
	    text-transform: lowercase;}
    h3{font-size:1em; font-weight:bold; color:#333333}
    h4{}
    .Larger{font-size:1.6em; color:#666666}
    .Large{font-size:1.3em; color:#666666}
    .Normal{font-size:1em; color:#666666}
    .Small{font-size:0.7em; color:#666666}
    .SmallLight{font-size:0.7em; color:#999999}
    .Smaller{font-size:0.6em; color:#666666}
    p{font-size:1em; color:#666666}

/* Link Styles ----------------------------------------------------------------------- */
    a{font-size:1em; color:#2175D9; text-decoration:none; cursor:pointer}
    a:hover{font-size:1em; color:#2175D9; text-decoration:underline}
    a img{ border:0px}

/* Error Styles ---------------------------------------------------------------------- */
    .ErrorLabel{color:Red}
    .ErrorLbl{color:Red}

/* Input Styles ---------------------------------------------------------------------- */
    input[type="button"]{ background-color:#2175d9; padding: 5px 16px 5px 16px; border:none; color:white ;font-size: 1em; font-weight: normal;}
    input[type="button"]:hover{ background: red; cursor: pointer; cursor: hand; background-repeat:no-repeat}

    input[type="submit"] { background-color:#2175d9; padding: 5px 16px 5px 16px; border:none; color:white ;font-size: 1em; font-weight: normal;}
    input[type="submit"]:hover{ background: #ff8a00; cursor: pointer; cursor: hand}

    input[type="text"]{ color:#666666; border:solid 1px #666666; font-size:1em;}

    input[type="password"]{ color:#666666; border:solid 1px #666666; font-size:1em;}

    input[type="file"] { background-color:white; height:16px;font-size:1em; color:#666666; border:solid 1px #666666}

    select{ color:#666666; border:solid 1px #666666; font-size:1em;}

/* Header Styles */
     #HeaderZone{padding-top:24px; padding-bottom:10px}
     #HeaderZone .Logo{FLOAT: left; MARGIN: 10px 0px 0px 40px; WIDTH: 220px}
     #HeaderZone .HeaderImage{FLOAT: left; WIDTH: 340px}
     #HeaderZone .StrapLine{padding:50px 0 10px 0; FLOAT: left; width:320px}

/* Footer Styles */
    .FooterNav {margin: 10px 0 0 0}
    .FooterNav li{display:inline; margin: 0 10px 0 0; color:#666666; float:left}
    .FooterNav a{color:#666666; text-decoration:underline}
    .FooterNav a:hover{color:#333333; text-decoration:underline}

/* HTMLContentZone User Control Styles --------------------------------------------------- */
    .DefaultContentZone {}
    .DefaultContentZone h1{ border-bottom: 1px dotted #cccccc; margin: 5px 0px 5px 0px; padding:10px 0px 5px 0px}
    .DefaultContentZone h2{ border-bottom: 1px dotted #cccccc; margin: 5px 0px 5px 0px; padding:10px 0px 5px 0px}
    .DefaultContentZone ul li{margin-left:-2.2em}

    .PaddedContentZone {padding:10px 16px 10px 16px}
    .PaddedContentZone h1{ border-bottom: 1px dotted #cccccc; margin: 5px 0px 5px 0px; padding:10px 0px 5px 0px}
    .PaddedContentZone h2{ border-bottom: 1px dotted #cccccc; margin: 5px 0px 5px 0px; padding:10px 0px 5px 0px}
    .PaddedContentZone ul li{margin-left:-2.2em}

    .EngageRandContentZone { background-color:White; padding: 1px 16px 10px 16px; height:149px}
    .EngageRandContentZone h3{ font-size:1em; border-bottom: 1px dotted #cccccc; margin-top:10px; margin-bottom: 5px; padding-bottom: 5px;}
    .EngageRandContentZone ul li{margin-left:-2.2em}

    .RightHandQuickLinkMenu {}
    .RightHandQuickLinkMenu ul{}
    .RightHandQuickLinkMenu ul li{list-style:none; margin-left:-24px}
    
/* Quick Link Header Menu */
    .QuickLinkHeaderMenu{float:right; margin-right:5px}
    .QuickLinkHeaderMenu a{text-decoration:none}
    .QuickLinkHeaderMenu ul{list-style:none; margin:0px}
    .QuickLinkHeaderMenu ul li{display:inline}
    .QuickLinkHeaderMenu ul li a{padding:0 5px 0 5px}

/* Opinion Poll User Control Styles ------------------------------------------------------ */
    #OpinionPoll .DefaultTitle{background-color: #e0e0e0; color: #666666; height: 29px}
    #OpinionPoll .DefaultTitle h1{ font-size: 1.2em; font-weight: bold; padding: 6px 16px 10px 16px; }
    #OpinionPoll .DefaultBody { background-color:White; padding: 1px 16px 10px 16px; height:149px}
    #OpinionPoll .DefaultBody h2{ font-size:1em; border-bottom: 1px dotted #cccccc; margin-top:1px; margin-bottom: 5px; padding-bottom: 5px;}
    #OpinionPoll .Bar{background-color:#00308f; height:1em; }

/* Breadcrumb Styles --------------------------------------------------------------------- */
    #Breadcrumb {float:left}
    #Breadcrumb .BCCurrent{font: normal 11px Arial; color: #333333; text-transform:lowercase; line-height:29px}
    #Breadcrumb .BCNode{font: normal 11px Arial; color: #2175d9; text-transform:lowercase; text-decoration:none}
    #Breadcrumb .BCNode:hover{font: normal 11px Arial; color: #2175d9; text-transform:lowercase; text-decoration:underline}

/* Page Title User Control Styles -------------------------------------------------------- */
    .DefaultPageTitle {height:47px; clear:both; background-image:url(http://www.supreme-education.com/images/PageTitleArrow.jpg); background-repeat:no-repeat; margin:23px 0px 22px 30px}
    .DefaultPageTitle h1{color:white; margin: 0 0 0 60px}

/* Module Title User Control Styles ------------------------------------------------------ */
    .ModuleTitle { height: 29px; background-color:#E0E0E0; color:#666666}
    .ModuleTitle h1 {background-color: #e0e0e0; color: #666666; font-size: 1.2em; font-weight: bold; line-height:29px; padding: 0 0 0 16px; border-bottom:none; margin:0}

/* Global Navigation Menu ---------------------------------------------------------------- */
    #GenNavigationMenu{}
    /* Popup menu position */
    #GenNavigationMenu ul li li:hover ul,
    #GenNavigationMenu ul li li li:hover ul,
    #GenNavigationMenu ul li li.over ul,
    #GenNavigationMenu ul li li li.over ul{top:-2.6em; left: 0em} 
    /* All Levels */
    #GenNavigationMenu ul li a { text-decoration: none;}
    #GenNavigationMenu li ul{margin-top: 2.6em;}
    /* a1=node with no children, a1p=node with children */
    /* Level 1 - Static menu */
    #GenNavigationMenu .u1 {font: bold 12px Arial; text-transform:lowercase}
    #GenNavigationMenu .u1 .l1 a{padding: 7px 25px 7px 16px;}
    #GenNavigationMenu .u1 .l1 .a1p{color: white; border-right:1px solid white; 
                                    background-position:right;
                                    background-image:url(http://www.supreme-education.com/images/GlobalNavButton2.jpg)}
    #GenNavigationMenu .u1 .l1 .a1p:hover{color: white; background:#666666; background-position:right; background-repeat:no-repeat; 
                                    background-image:url(http://www.supreme-education.com/images/GlobalNavButtonHover2.jpg)}
    #GenNavigationMenu .u1 .l1 .a1{ color: white; border-right: 1px solid white;
                                    background-image:url(http://www.supreme-education.com/images/GlobalNavButtonStretch2.jpg)}
    #GenNavigationMenu .u1 .l1 .a1:hover{color: white; background:#666666; background-image:url(http://www.supreme-education.com/images/GlobalNavButtonStretchHov.jpg)}
    /* Level 2 */
    #GenNavigationMenu .u2{font: normal 11px Arial; border:1px solid #999999; text-transform:lowercase}
    #GenNavigationMenu .u2 .l2 a{padding: 5px 25px 5px 16px; background:white}
    #GenNavigationMenu .u2 .l2 .a2{color: #333333}
    #GenNavigationMenu .u2 .l2 .a2:hover{color: white; background:#999999}
    #GenNavigationMenu .u2 .l2 .a2p{color: #333333; background:white;
                                   background-position:right; background-repeat:no-repeat; 
                                   background-image:url(http://www.supreme-education.com/images/GlobalNavPopupButton2.jpg)}
    #GenNavigationMenu .u2 .l2 .a2p:hover{color: white; background:#999999; 
                                   background-position:right; background-repeat:no-repeat;
                                   background-image:url(http://www.supreme-education.com/images/GlobalNavPopupButtonHover2.jpg)}
    /* Level 3 */
    #GenNavigationMenu .u2 .l2 .u3{font: normal 11px Arial; border:1px solid #E0E0E0; text-transform:lowercase}
    #GenNavigationMenu .u2 .l2 .u3 .l3 a{padding: 5px 25px 5px 16px; color: #6DA7E6; background:white}
    #GenNavigationMenu .u2 .l2 .u3 .l3 .a3{color: #999999}
    #GenNavigationMenu .u2 .l2 .u3 .l3 .a3:hover{color: white; background:#999999}
    #GenNavigationMenu .u2 .l2 .u3 .l3 .a3p{color: #999999; background:white}
    #GenNavigationMenu .u2 .l2 .u3 .l3 .a3p:hover{color: white; background:#999999}

/* Vertical Navigation Menu control Styles -------------------------------------------------
NOTE: Do not change the names of these styles */
    #GenVerticalNavMenu {background-color: #f9f9f9}
    #GenVerticalNavMenu #GenMenuTitle{padding:10px 10px 10px 16px; border-bottom:dotted 1px #cccccc}
    #GenVerticalNavMenu #GenMenuTitle .TitleItem{ font: bold 18px Arial; color: #333333; text-decoration:none; text-transform:lowercase}
    /* Level 1 */
    #GenVerticalNavMenu .u1{list-style: none; text-indent:-40px}
    #GenVerticalNavMenu .u1 .l1{padding:5px 5px 5px 16px}
    #GenVerticalNavMenu .u1 .l1c{padding:5px 5px 5px 16px}
    #GenVerticalNavMenu .u1 .l1 .a1{font: bold 11px Arial; color:#2175d9; text-decoration:none; text-transform:lowercase}
    #GenVerticalNavMenu .u1 .l1 .a1p{font: bold 11px Arial; color:#2175d9; text-decoration:none; text-transform:lowercase}
    #GenVerticalNavMenu .u1 .l1c .a1c{font: bold 11px Arial; color:#333333; text-decoration:none; text-transform:lowercase}
    /* Level 2 */
    #GenVerticalNavMenu .u2{list-style: none; text-indent:-80px}
    #GenVerticalNavMenu .u2 .l2{padding:3px 5px 3px 16px}
    #GenVerticalNavMenu .u2 .l2c{padding:3px 5px 3px 16px}
    #GenVerticalNavMenu .u2 .l2 .a2{font: bold 11px Arial; color:#2175d9; text-decoration:none; text-transform:lowercase}
    #GenVerticalNavMenu .u2 .l2 .a2p{font: bold 11px Arial; color:#2175d9; text-decoration:none; text-transform:lowercase}
    #GenVerticalNavMenu .u2 .l2c .a2c{font: bold 11px Arial; color:#333333; text-decoration:none; text-transform:lowercase}
    /* Level 3 */
    #GenVerticalNavMenu .u3{list-style: none; text-indent:-120px}
    #GenVerticalNavMenu .u3 .l3{padding:3px 5px 3px 16px}
    #GenVerticalNavMenu .u3 .l3c{padding:3px 5px 3px 16px}
    #GenVerticalNavMenu .u3 .l3 .a3{font: normal 11px Arial; color:#2175d9; text-decoration:none; text-transform:lowercase}
    #GenVerticalNavMenu .u3 .l3 .a3p{font: normal 11px Arial; color:#2175d9; text-decoration:none; text-transform:lowercase}
    #GenVerticalNavMenu .u3 .l3c .a3c{font: normal 11px Arial; color:#333333; text-decoration:none; text-transform:lowercase}

/* SiteMapMenu User Control Styles ------------------------------------------------------- */    
    #SiteMapMenu {background-color:White; padding: 10px 16px 10px 16px; height:140px}
    #SiteMapMenu .Title{}
    #SiteMapMenu .TitleText{font: bold 1.3em Arial; color:black}
    #SiteMapMenu ul{ list-style: none; text-indent:-55px}
    #SiteMapMenu li{padding:5px 5px 5px 16px; color:red}
    #SiteMapMenu li.Current{}
    #SiteMapMenu li a{font: bold 11px Arial; color:#2175d9; text-decoration:none; text-transform:lowercase}
    #SiteMapMenu li a.Current{}
    #SiteMapMenu li a:hover{color:#333333}

/* StaticTreeSiteMap control Styles ------------------------------------------------------ */
    #StaticTreeSiteMap ul{color: #333333}
    #StaticTreeSiteMap li{list-style-position:outside}
    #StaticTreeSiteMap li a{font: normal 11px Arial; color:#2175d9; text-decoration:none; text-transform:lowercase}
    #StaticTreeSiteMap li a:hover{font: normal 11px Arial; color:#333333; text-decoration:underline; text-transform:lowercase}

/* Image Styles ---------------------------------------------------------------------- */
    .DefaultImage{border:0px}
    .FloatImageLeft{ border:0px; float:left; margin:0px 10px 10px 0px}
    .FloatImageRight{ border:0px; float:right; margin:0px 0px 10px 10px}

/* Email Form Styles ----------------------------------------------------------------- */
    .EmailForm {margin:10px}
    .EmailForm .Form { z-index:100001; position:fixed; width:500px; height:360px; top:50%; left:50%; margin-top:-225px; margin-left:-250px; background-color:White}
    .EmailForm .FormEmbedded {background-color:#EEEEEE; width:500px; height:260px}
    .EmailForm .Title{ background-color:#91b564; padding:10px 5px 10px 5px; font-size:16px; font-weight:bold; color:white}

/* GenPageManager Styles ----------------------------------------------------------------- */
    #GenPageManager{ z-index:99999; position:fixed; top:-1.9em; left:0; width:100%; color:#C4C4C4; background-color:Black; border:solid 1px #C4C4C4; text-align:center; padding:5px}
    #GenPageManager:hover{top:0px}
    #GenPageManager a{color:#C4C4C4; font-weight:normal; font-size:1em; text-decoration:none; padding:10px 20px 10px 20px}
    #GenPageManager a:hover{color:white; text-decoration:underline}

/* GlobalUserControlZone Styles ---------------------------------------------------------- */
    .ZoneStyle_Editable{ background-color:Transparent; border:dotted 1px black} /* Do not change the name of this style */
    .ZoneStyle_Editable:hover{ background-color:#F5F1F1; border:solid 1px red} /* Do not change the name of this style */
    .GenUserControlZoneLinks{color:#C4C4C4; font-weight:bold; font-size:7pt} /* Do not change the name of this style */
    .GenUserControlZoneLinks:hover{color:#929491; font-weight:bold; font-size:7pt} /* Do not change the name of this style */

/* Job Search User Control Styles ---------------------------------------------------------------------*/
    #JobSearch {color:White; width:960px; float:left}
       
    #JobSearch .Btn {height:19px; width:19px; border:none; background-color:#2175D8; background-repeat:no-repeat; cursor:pointer; background-image: url(http://www.randstadeducationgroup.com/images/GoBtn.png); vertical-align:middle; padding:0px}

    #JobSearch input[type="text"]{color:#666666; border:1px solid #c2c2c2; font-size:1em}
    #JobSearch select{color:#666666; border:1px solid #c2c2c2; font-size:1em}    
    #JobSearch h2 {font-size:1.5em; color:white; margin-top:25px; text-align:center; border:none}
    #JobSearch #Title {width:125px; height:92px; float:left; text-align:center; }
    #JobSearch #Search {width:700px; margin-top:35px; float:left}
    #JobSearch #Button {width:50px; margin-top:35px; height:50px; float:left; text-align:center}
    #JobSearch .JobCountPnl{margin-left:30px;}
    #JobSearch .Link{font-weight:bold; color:White}


/* Job filter form styles ---------------------------------------------------------------------------------------- */
    .JobSearch{text-align:center; background-color:#f9f9f9; text-align:left; border:1px solid #c2c2c2; margin:5px 5px 5px 5px }
    .JobSearch h1 {background-color:#f9f9f9; padding:10px; font-size:1.5em; text-align:center; margin:10px 10px 10px 10px}
    .JobSearch h2 {font-size:1em; text-align:left; margin:5px; font-weight:bold;}
    .JobSearch ul {} 
    .JobSearch li {list-style-type:none; margin:5px; text-indent:-25px}  

/* Job search results control styles ----------------------------------------------------------------- */
    #JobSearchResults {width:464px}    
    #JobSearchResults .Link:link, .Link:visited, .Link:active{font-size:1.5em; color:#2175d9; text-decoration:none;}
    #JobSearchResults .Link:hover {font-size:1.5em; color:#ff0000; text-decoration:underline;}
    #JobSearchResults dl {margin-bottom:10px; border-bottom:1px dotted #c2c2c2; padding-bottom:10px; padding-left:10px; padding-right:10px}
    #JobSearchResults dt {margin-bottom:10px; margin-top:0;}    
    #JobSearchResults .AdminBtn {background-color: #2175d9; padding:3px; border:0px; color:#ffffff; font-weight:bold; font-size:11px; cursor:pointer; margin:5px} 
    #JobSearchResults .AdminErrBtn {background-color: #ff0000; padding:3px; border:0px; color:#ffffff; font-weight:bold; font-size:11px; cursor:pointer; margin:5px} 
    #JobSearchResults h1{font-family:Verdana; font-size:125%; padding-bottom:10px}
    #JobSearchResults .EmailForm {width:100px; margin-top:-14px; margin-left:150px}
    #JobSearchResults #search{font-family:Verdana; font-size:110%}
    #JobSearchResults .NoJobsWarning{color:Red}
    #JobSearchResults img {float:right; margin:5px}
    #JobSearchResults .sort {float:right; text-align:left; padding:5px; background-color:#eeeeee; width:225px;} 
    #JobSearchResults .SortDateBtn {text-decoration:none; margin-left:10px; margin-right:10px}
    #JobSearchResults .SortDistanceBtn {text-decoration:none}

/* Job Search pager control styles-----------------------------------------------------------------------------------*/
    .JobSearchPager {clear:both; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:10px; border-top:1px dotted #c2c2c2; border-bottom:1px dotted #c2c2c2; margin-top:10px; margin-bottom:10px;}    

.JobSearchPager .Number:link, .Number:visited, .Number:active{padding:3px; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none;}
    .JobSearchPager .Number:hover {padding:2px; background-color:#e2e2e2; border:1px solid #c2c2c2; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none}
    .JobSearchPager .ActiveNumber:link, .ActiveNumber:visited, .ActiveNumber:active {padding:2px; background-color:#b3cae9; border:1px solid #c2c2c2; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none;}
    .JobSearchPager .ActiveNumber:hover {padding:2px; background-color:#f3fe99; border:1px solid #c2c2c2; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none}
    .JobSearchPager .PreviousPage:link, .PreviousPage:visited, .PreviousPage:active {padding:3px; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none;}
    .JobSearchPager .PreviousPage:hover {padding:2px; background-color:#e2e2e2; border:1px solid #c2c2c2; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none}
    .JobSearchPager .FirstPage:link, .FirstPage:visited, .FirstPage:active {padding:3px; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none;}
    .JobSearchPager .FirstPage:hover {padding:2px; background-color:#e2e2e2; border:1px solid #c2c2c2; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none}
    .JobSearchPager .PreviousTen:link, .PreviousTen:visited, .PreviousTen:active {padding:3px; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none;}
    .JobSearchPager .PreviousTen:hover {padding:2px; background-color:#e2e2e2; border:1px solid #c2c2c2; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none}
    .JobSearchPager .NextTen:link, .NextTen:visited, .NextTen:active {padding:3px; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none;}
    .JobSearchPager .NextTen:hover {padding:2px; background-color:#e2e2e2; border:1px solid #c2c2c2; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none}
    .JobSearchPager .NextPage:link, .NextPage:visited, .NextPage:active {padding:3px; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none;}
    .JobSearchPager .NextPage:hover {padding:2px; background-color:#e2e2e2; border:1px solid #c2c2c2; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none}
    .JobSearchPager .LastPage:link, .LastPage:visited, .LastPage:active {padding:3px; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none;}
    .JobSearchPager .LastPage:hover {padding:2px; background-color:#e2e2e2; border:1px solid #c2c2c2; font-family:Verdana; font-size:80%; color:#0000ff; margin:3px; text-decoration:none}



/* Candidate registration form --------------------------------------------------------------------------------------------------------------- */
    #CandidateRegistrationForm{width:464px}
    #CandidateRegistrationForm .SectionHeader{font-weight:bold; background-image:url(../gif/TableHeaderBar.gif);background-repeat:repeat-x}
    #CandidateRegistrationForm #YourDetails{background-color:#F3F3F5; border:solid 1px #D0D0D4; padding:5px}
    #CandidateRegistrationForm #YourPreferences{background-color:#F3F3F5; border:solid 1px #D0D0D4; padding:5px; margin-top:10px}
    #CandidateRegistrationForm #YourCV{background-color:#F3F3F5; border:solid 1px #D0D0D4; padding:5px; margin-top:10px}
    #CandidateRegistrationForm #YourSignInDetails{background-color:#F3F3F5; border:solid 1px #D0D0D4; padding:5px; margin-top:10px}
    #CandidateRegistrationForm #AdditionalInfo{background-color:#F3F3F5; border:solid 1px #D0D0D4; padding:5px; margin-top:10px}
    #CandidateRegistrationForm #Submit{background-color:#F3F3F5; border:solid 1px #D0D0D4; padding:5px; margin-top:10px}
    #CandidateRegistrationForm #YourDetails td{width:230px}
    #CandidateRegistrationForm #YourPreferences td{width:230px}
    #CandidateRegistrationForm #YourCV td{width:230px}
    #CandidateRegistrationForm #YourSignInDetails td{width:230px}
    #CandidateRegistrationForm #AdditionalInfo td{width:230px}

/* Job details control styles ----------------------------------------------------------------- */
    #JobDetails {width:944px;}
    #JobDetails .mail {width:100px; }
    #JobDetails #JobContent {border-right:1px dotted #c2c2c2; width:741px; float:left}
    
    #JobDetails .Consultant {width:197px; background-color:#f9f9f9; float:left; padding:5px 0 0 5px}
    #JobDetails .Address {width:197px; background-color:#f9f9f9; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; float:left; padding:5px 0 0 5px}
    
    /*Buttons */
    #JobDetails .ActionBtn {background-color: #009900; border:0px; color:#ffffff; font-size:11px; cursor:pointer; height:23px;}
    #JobDetails .BackBtn {background-color: #2175d9; border:0px; color:#ffffff; font-size:11px; cursor:pointer; padding:4px 16px 4px 15px; line-height:23px}  
    #JobDetails .BackBtn:hover{text-decoration:none}
    #JobDetails .NextBtn {background-color: #666666; border:0px; color:#ffffff; font-size:11px; cursor:pointer; height:23px;}  
    #JobDetails .ApplyBtn {background-color: #2175d9; border:0px; color:#ffffff; font-size:11px; cursor:pointer; height:23px;}  
    

    #JobDetails .ul { list-style:none; }
    #JobDetails .ul li {display:inline}

    #JobDetails h1 {font-size: 1.5em; border-bottom: 1px dotted #c2c2c2; padding-bottom: 16px; padding-top:40px}
    #JobDetails h2 {font-size:1.2em; border-bottom:1px dotted #c2c2c2; clear:both; margin:0 16px 15px 16px; text-indent:-16px}
    #JobDetails h3 {font-size:1em; font-weight:bold; padding:5px 0 0 0; margin:15px 16px 0px 15px; border-top:1px dotted #c2c2c2; }

    #JobDetails ul {margin:0 0 5px -25px}

    #JobDetails .Date{padding:0 3px 0 3px; border-right:1px solid #c2c2c2; }
    #JobDetails .Views{padding:0 3px 0 3px; border-right:1px solid #c2c2c2; }

    #JobDetails dl {margin:0 0 0 15px;}
    #JobDetails dl dt {float: left; clear: left; margin: 3px 0 0; width: 30%;}
    #JobDetails dl dd {float: left; width: 66%; padding: 0 4px 0 0; font-weight: bold; margin: 3px 0 0;}
    #JobDetails .RequiredSkills { border-bottom:none; margin-left:0px; overflow:hidden; clear:right; list-style:none}

    
    #JobDetails #ApplyForm {width:472px; float:left; border-right:1px dotted #c2c2c2}
    #JobDetails #JobInformation {width:470px; float:left; background-color:#f9f9f9}
    #JobDetails .jobDescription {margin:0 0 0 16px}
    
    #JobDetails .ErrorText {color:Red;}
    #JobDetails .EmailForm {}
    #JobDetails .FormDl dt{line-height:20px; margin-bottom:5px; width:100px}
    #JobDetails .FormDl dd{font-weight:normal; margin-bottom:5px; line-height:25px;}
    #JobDetails input[type="text"] {color:#666666; border:1px solid #c2c2c2; font-size:1em}
    #JobDetails p {margin:0 0 0 0}
    #JobDetails #bottomButtons{margin:50px 0 0 0}
    #JobDetails .imagelogo {float:right; width:150px; position:relative; top:-110px}
    #JobDetails input[type="file"] { height:25px }


/*Google Map control ------------------------------------------------------------------------------------------------*/
    #GoogleMap .MarkerTitles { font-family:Verdana; font-size:80%; color:#6c6c6c; font-weight:bold; }
    #GoogleMap .MarkerText { font-family:Verdana; font-size:80%; color:#6c6c6c; }
    #GoogleMap .MapSideBar { padding-left:10px; overflow:auto; }
    #GoogleMap .Directions { display:none;  overflow:auto;  border:1px solid #c2c2c2; }
    #GoogleMap .DirectionsPullOut { vertical-align:top; height:10px; text-align:center; }
    #GoogleMap .SidebarLink:Link, .SidebarLink:Visited, .SidebarLink:Active { font-family:Verdana; font-size:80%; color:#2175D9; text-decoration:none; padding-top:10px}
    #GoogleMap .SidebarLink:Hover { font-family:Verdana; font-size:80%; color:#2175D9; text-decoration:underline; }
    #GoogleMap .ToggleUp { background-image:url('http://www.supreme-education.com/controls/googlemap/up.jpg'); background-position:center; background-repeat:no-repeat; width:40px; height:5px; }
    #GoogleMap .ToggleDown { background-image:url('http://www.supreme-education.com/controls/googlemap/down.jpg'); background-position:center; background-repeat:no-repeat; width:40px; height:5px; }
    #GoogleMap .AddressImg { background-image:url('http://www.supreme-education.com/controls/googlemap/address.jpg'); background-position:center; background-repeat:no-repeat; width:15px; height:15px; }
    #GoogleMap .TelIcon { background-image:url('http://www.supreme-education.com/controls/googlemap/tel.jpg'); background-position:center; background-repeat:no-repeat; width:15px; height:15px; }
    #GoogleMap .FaxIcon { background-image:url('http://www.supreme-education.com/controls/googlemap/fax.jpg'); background-position:center; background-repeat:no-repeat; width:15px; height:15px; }
    #GoogleMap .EmailIcon { background-image:url('http://www.supreme-education.com/controls/googlemap/email.jpg'); background-position:center; background-repeat:no-repeat; width:15px; height:15px; }

    #GoogleMap input[type="button"]{border:none; background-color:#92b665; background-position:center; padding:3px;}
    #GoogleMap input[type="button"]:hover{border:none; background-color:#ff8a00; background-position:center; padding:3px;}

/* Location Styles ----------------------------------------------------------------- */
    #LocationControl .location { background-image:url('http://www.supreme-education.com/images/graphics/location/location.jpg'); background-repeat:no-repeat; width:20px; height:20px; vertical-align:top;}
    #LocationControl .address { background-image:url('http://www.supreme-education.com/images/graphics/location/address.jpg'); background-repeat:no-repeat; width:20px; height:20px; vertical-align:top;}

/* Location Contact Styles ----------------------------------------------------------------- */
    #LocationContacts {font-family:Verdana; font-size:80%}
    #LocationContacts .fax { background-image:url('http://www.supreme-education.com/images/graphics/location/fax.jpg'); background-repeat:no-repeat; padding:0 0 0 20; width:20px; height:20px; vertical-align:top;}
    #LocationContacts .telephone { background-image:url('http://www.supreme-education.com/images/graphics/location/tel.jpg'); background-repeat:no-repeat; width:20px; height:20px; vertical-align:top;}
    #LocationContacts .email { background-image:url('http://www.supreme-education.com/images/graphics/location/email.jpg'); background-repeat:no-repeat; width:20px; height:20px; vertical-align:top;}
    #LocationContacts .contact { background-image:url('http://www.supreme-education.com/images/graphics/location/contact.jpg'); background-repeat:no-repeat; width:20px; height:20px; vertical-align:top;}
#LocationContacts .description { background-image:url('http://www.supreme-education.com/images/graphics/location/contact.jpg'); background-repeat:no-repeat; width:20px; height:20px; vertical-align:top;}
    #LocationContacts .web { background-image:url('http://www.supreme-education.com/images/graphics/location/www.jpg'); background-repeat:no-repeat; width:20px; height:20px; vertical-align:top;}

/*Client Carosel---------------------------------------------------------------------------------------------------------------*/
.ClientCarosel{float: left; width: 602px; height: 134px; background-color: #F9F9F9; overflow: hidden; padding: 16px 16px 10px 16px;}
.ClientCarosel{overflow: hidden; position: relative;}
.ClientCarosel ul.CaroselItems{list-style: none; margin: 0px; overflow: hidden; width: 586px; height: 116px; padding: 12px 0px 0px 16px; background: #fff;}
.ClientCarosel ul.UserOptions{position: relative; margin: -10px 0 0 0; border-top: 1px solid #E0E0E0; padding-top: 12px;}
.ClientCarosel .Item{float: left; width: 142px; height: 115px; padding-top: 0px; text-align: center; overflow: hidden}
.ClientCarosel .Item .LogoLink{height: 60px; display: block;}
.Item td{height: 115px; vertical-align: middle;}
.ClientCarosel .PreviousItem, .ClientCarosel .NextItem{display: block; position: absolute; top: 16px; width: 14px; height: 126px; cursor: pointer; background-repeat: no-repeat; background-position: center; background-color: #eee; border: 1px solid #eee;}
.ClientCarosel .PreviousItem{background-image: url('http://www.randstadeducation.co.uk/images/clientcarosel/arrow-left-light.gif');}
.ClientCarosel .PreviousItem:hover{background-image: url('http://www.randstadeducation.co.uk/images/clientcarosel/arrow-left2.gif');}
.ClientCarosel .NextItem{right: 16px; background-image: url('http://www.randstadeducation.co.uk/images/clientcarosel/arrow-right-light.gif');}
.ClientCarosel .NextItem:hover{background-image: url('http://www.randstadeducation.co.uk/images/clientcarosel/arrow-right2.gif');}
.ClientCarosel a.PreviousItem:hover, .ClientCarosel a.NextItem:hover{border: solid 1px #999 !important; padding: 0;}
.ClientCarosel .ItemLink{}


.SmallGreyLinks:link, .SmallGreyLinks:visited, .SmallGreyLinks:active, .SmallGreyLinks:hover{ color:#666681; text-decoration:underline;}