﻿body {font-weight: normal; font-size:9pt; line-height: normal; font-style: normal; 
font-family:Arial, Trebuchet MS, Verdana; background-color: #fff; margin:0;}

/*--- [Common Elements] ---*/
p {margin:0 0 10px 0;}
p.newsoffer {padding:0 0 10px 0; margin:0; border-bottom:1px solid #990000;}

h1, h2, h3 {font-family: Arial; font-weight: bold; color:#000;}

h1 {font-size:150%;}
h2 {font-size:120%;}
h3 {font-size:110%;}

h2.search {margin:5px 0 5px 10px;}
h2.ubox {background:#e2e3ff; color:#000; margin:0 0 5px 0; padding:2px 0 2px 5px; border:2px solid #d0cef5;}
.popup {font-size:120%; color:#000; font-weight:bold;}

h1.media {font-size:150%; width:760px; margin:0 0 8px 0; padding:2px 0 2px 5px; background:#e7e7ff; border-bottom:2px solid #ffcea5;}
h1.media .titleInfo {font-size:60%; float:right; text-align:right; padding:0px 10px 0 0;}
h1.mediatab {font-size:120%; padding:3px 0 3px 3px; background:#e7e7ff; border-bottom:2px solid #ffcea5;}
h2.mediatab {font-size:110%; border-bottom:2px solid #c6e986;}
h3.mediatab {font-size:100%; border-bottom:1px solid #c6e986; margin:5px 0 8px 0; padding:0;}

h3.newsoffer {color:#990000;}

h2.pageHeading {padding:5px 5px 3px 5px; height:18px; margin:2px 0 10px 0; border:solid 2px #d0cef5; background-color:#e2e3ff;}
h2.todayHeading {padding:5px 5px 3px 5px; height:18px; margin:2px 0 10px 0; border-top:solid 2px #9ebd74; border-bottom:solid 2px #9ebd74; background-color:#e0f3bd;}
h2.usefulHeading {padding:6px 5px 3px 5px; margin:0 0 10px 0; border:solid 2px #d0cef5; background-color:#e2e3ff;}
h2.newsHeading {padding:0 5px 3px 5px; margin:0 0 2px 0; border:solid 2px #d0cef5; background-color:#e2e3ff;}
h2.newsHeadingi {padding:0 5px 3px 5px; margin:8px 0 2px 0; width:295px; border:solid 2px #d0cef5; background-color:#e2e3ff;}
h2.browseHeading {padding:0; margin:0; border:solid 2px #d0cef5; background-color:#e2e3ff;}
h2.loginHeading {padding:5px 5px 3px 5px; height:18px; width:295px; margin:2px 0 2px 0; border:solid 2px #fee2cb; background-color:#fbefe5;}
.pageHeading-img {padding:5px 0 0 3px;}

a {color:#6666ff; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0px solid #333; vertical-align:middle; padding-right:3px;}

.mediaTitleSection {margin-bottom: 15px;}

.usefulLink {padding:3px 0; border-bottom:1px solid #c6e986; margin-bottom:3px;}
.filterpad {height:15px;}

.ul-wrap {width:152px;}
.ul-left {float:left; width:25px;}
.ul-right {float:right; text-align:left; width:125px;}

.customList {width:100%;}
    .customList td {width:188px;}
    .customList div {background:#fff url(../images/Tabs/bulletLst.gif) no-repeat top left; padding-left:20px;}

.fpasswrap {width:500px;}
.fpass-left {float:left; width:90px; padding-top:4px; margin:0 10px 0 0;}
/*.fpass-right {}*/

/*--- [Layout] ---*/
.container {position:relative; display:block; width:980px; margin:0 auto; background:#fff;}
/*.maincontainer {position:relative; display:block; width:980px; margin:0 auto;}*/

/* .mainheader-wrap {position:relative; display:block; width:980px; height:60px; background:#fff url(../images/tabs-background.gif) repeat-x;}*/
.header-wrap {position:relative; display:block; width:980px; height:85px; background:#fff;}/*url(../images/home-background.gif) repeat-x*/
.header-left {float:left; text-align:left; border:solid 0px #f00;}
.header-right {padding:10px 0 0 0; float:right; text-align:center; border:solid 0px #00f;}


.col-wrap {width:980px; margin:5px 0 0 0; clear:both; min-height:500px;}
.col-left {float:left; width:680px;}
.col-right {float:right; width:300px;}
/* different column widths for search results */
.col-left-search-results {float:left; width:780px;}
.col-right-search-results {float:right; width:200px;}

.col-left-main {float:left; width:670px;}
.col-right-main {float:right; width:300px;}

.main-col-wrap {width:980px; margin:5px 0 0 0; clear:both;}
.main-column {width:970px; float:left; margin:0; padding:0; text-align:left;}

.formLogin {border:2px solid #fee2cb; background:#fbefe5; padding:3px; width:299px;}
.formLogin span {font-weight:bold;}
.formLogin input {width:74px; vertical-align:middle;}

.check { vertical-align:baseline; width:100%;}
.check span {width:75px;}
.check input {width:15px;}
.check input.button {width:30px;}
.check-left {width:220px; float:left; text-align:left;}
.check-right {width:55px; float:right; text-align:right;}
.forgotten {margin-top:10px; float:right; text-align:right;}

.content-left {width:647px; float:left; margin:0; text-align:left; padding:0 3px 0 0;}
.content-left-wide {width:828px; float:left; margin:0; text-align:left; padding:0 3px 0 3px;}
.content-right {width:300px; float:right; margin-left:5px;}
.content-right-login {width:290px; float:right; margin:0; text-align:left; padding-left:5px; background:#ff0;}

h2.mediazone {background:#e0f3bd; border:2px solid #9ebd74; height:18px; margin:10px 0 5px 0; padding:3px 0 3px 3px;}
h3.mediazone {border-bottom:1px solid #9ebd74; padding-bottom:2px;}

.mediaboxes {width:100%; margin:0; padding:0;}
.mediaboxes p {padding:0 5px 0 5px;}
.mediaboxes h3 {margin:0; margin:5px 10px 5px 10px; border-bottom:1px solid #9ebd74;}

.mediabox-l {width:200px; height:145px; float:left; background:#fff url(../images/mediabox.gif) no-repeat bottom; margin:0 10px 0 10px;}
.mediabox-m {width:200px; height:145px; float:left; background:#fff url(../images/mediabox.gif) no-repeat bottom; margin:0 10px 0 0;}
.mediabox-r {width:200px; height:145px; float:left; background:#fff url(../images/mediabox.gif) no-repeat bottom; margin:0 5px 0 0;}

.adrotator {margin-bottom:5px;}
.askUsAd {margin-top:20px;margin-bottom:50px;}
.centreAd {margin:10px auto;text-align:center;}

.media-wrap {margin:0; padding:0;}
.media-left {float:left; width:700px;}
.media-right {float:right; width:200px; margin-left:0px;}
.media-right .info-title {height:22px; padding:3px 0 0 5px; font-size:8pt; font-weight:bold; color:#fff; 
text-align:left; background:#528ac4; border-bottom:2px solid #c6e986; }

.logfooter {width:980px; margin:10px 0 0 0; padding-top:5px; border-top:10px solid #9ebd74;}
.logfooter-left {width:530px; float:left; text-align:left; padding-left:10px;}
.logfooter-right {width:370px; float:right; text-align:right; padding-right:10px;}

.footer {width:980px; margin:10px auto 0 auto; padding-top:5px; border-top:10px solid #9ebd74;}
.footer-left {width:530px; float:left; text-align:left;}
.footer-right {width:370px; float:right; text-align:left;}

.logo {background:#fff url(../images/logo.gif) no-repeat; width:300px; height:75px;}
.logo-wide {background:#fff url(../images/widelogo.gif) no-repeat; width:420px; height:75px;}

/*--- [General form layout] ---*/
.form label {font-weight:bold;}
.form .colLeft {clear:both;float:left;margin:5px 0 0 5px;padding:0px;}
.form .colRight {float:left;margin:5px 0 0 5px;padding:0px;}
.form .colRight input, .form .colRight select {width:100%;}
.form .colRight input { width: expression(this.type=="checkbox"?'auto':''); } /* Applies to IE 5+ */
.form .colRight input[type="checkbox"] {width:auto;} /* Applies to FF */
.form .colRight input { width: expression(this.type=="radio"?'auto':''); } /* Applies to IE 5+ */
.form .colRight input[type="radio"] {width:auto;} /* Applies to FF */

/*--- [Company Admin specific form layout] ---*/
.formCompanyAdmin .colRight {margin:2px 0 0 2px;}
.formCompanyAdmin .colLeft {width:150px; padding-top:2px; margin:2px 0 0 2px;}
.formCompanyAdmin .colRight input {width:250px;} 
.formCompanyAdmin .colRight select {width:250px;}

/*--- [Company Admin list specific form layout] ---*/
.formCompanyAdminList .colLeft {width:95px; padding-top:2px;}
.formCompanyAdminList .colRight {width:450px;}
.formCompanyAdminList .colRight select {width:200px;}

/*--- [LoginStatistics specific form layout] ---*/
.formLoginStatistics .colLeft {width:70px; padding-top:2px;}
.formLoginStatistics .colRight {width:450px}
.formLoginStatistics .colRight select {width:200px;}

/*--- [User admin specific form layout] ---*/
/*--- [User List] ---*/
.formUserAdminList .colLeft {width:70px; padding-top:2px;}
.formUserAdminList .colRight {width:600px}
.formUserAdminList .colRight select {width:auto;}


/*--- [User Edit] ---*/
.formUserAdminEdit .colLeft {width:150px; margin:1px 0 0 5px;}
.formUserAdminEdit .colRight {width:600px; margin:1px 0 0 0;}
.formUserAdminEdit .colRight input, .formUserAdminEdit .colRight select {width:200px;}

/*--- [Search] ---*/
.search .searchCriteria .searchText {width:200px; margin-left:5px; color:#808080;}
.search .searchCriteria .marketSectorWrap {}
.search .searchCriteria .marketSectorGroup {clear:both;}
.search .searchCriteria .marketSectorItem {float:left; width:195px; padding:0 0 0 5px; margin:0 0 0 0;}
.search .searchCriteria .marketSectorItem span{color:#555555;}
.search .searchCriteria .marketSectorIndexLetter {clear:both; padding:0 0 0 5px; border-bottom:solid 1px #555;
margin:10px 0 3px 0;font-size:110%;color:#555;}
.search .searchCriteria .marketSectorIndexLetter a {color:#555;}
.search .searchCriteria .marketSectorListWrap {width:656px; margin-top:5px;}
/*.search .searchCriteria .marketSectorList {width:630px;overflow:auto;height:500px;padding:0px; margin:0px;}*/
.search .searchCriteria .marketSectorList {width:620px;padding:0px; margin:0px; float:right;}
.search .searchCriteria .marketSectorListIndex {float:left;clear:both;width:30px;padding:10px 0 0 5px;font-size:110%;}

.search .searchResults .priority-wrap {clear:both; float:left; width:765px; border:1px solid #9999CC; 
background:#d3e5fa; padding:0 0 2px 3px; margin-bottom:3px;}
.search .searchResults .results-wrap {clear:both; float:left; width:765px; border-bottom:1px solid #FFCEA5; padding:0 0 2px 5px;
margin-bottom:3px;}
.search .searchResults a.lastVisitedMediaTitle {color:#360;}
.search .searchResults .footerLinksWrap {margin-top:10px;}
.search .searchResults .keywordFilter {font-size:8pt; width:150px; color:#808080;}
.search .searchResults .searchResultsLeft {clear:both; float:left; width:250px;}
.search .searchResults .searchResultsCentre {float:left; max-width:485px;}
.search .searchResults .searchResultsRight {float:right; padding-right:2px;}
.search .searchResults .pagingWrap {width:100%;}
.search .searchResults .pagingText {float:left; margin-bottom:10px;margin-right:15px;}
/*.search .searchResults .pagingWrap a {color:#6666ff; font-weight:bold;}*/
.search .searchResults .pagingLink {float:right; font-size:110%; margin-bottom:10px;}
.search .searchResults .sponsoredRanking {font-size:85%; font-style:italic; color:#808080;}
.search .searchResults .filterLeft {clear: both; float:left;}
.search .searchResults .filterRight {float:left;}
.search .searchResults .filterWrap {padding-bottom:5px;}
.searchHint {margin: 2px 0 0 5px;color: #606060;}

.search .searchResults .searchResultsKey {border: solid 0px #000; padding: 3px; margin: 0 0 3px 0;}
.search .searchResults .searchResultsKey span.userNotesKey {position: relative; top: -3px;padding-left:2px;}
.search .searchResults .searchResultsKey span.newsOfferKey {position: relative; top: -3px;}
.search .searchResults .searchResultsKey .userNotesImage {padding-bottom:1px;}

.searchgrid {width:100%;}
.paging {background:#e3e3ff url(../images/paging.gif) repeat-x; font-size:90%; text-align:right;}
.paging a {color:#333399;}

.searchbottom {width:670px;}
.searchbottom-left {float:left;}
.searchbottom-right {float:right;}

.button {background:#c5ea83; color:#666; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:8pt; font-style:normal; 
font-weight:bold;}
.button50 {width:50px;}
.searchResultsUserNotes {padding-bottom:2px;}


.signin {margin-bottom:5px;}

/*--- [Latest News] ---*/
.latest-news {width:300px;}
.latest-news-body {padding:5px; font-size:90%;}
.latest-news-body a {color:#990000;}

/*--- [ Navigation ] ---*/
.navigationBody {margin:0; background:#fff;}

.menu {width:980px; border-bottom:10px solid #9ebd74; color:#000; height:22px; display:block; background:#fff; font-size:95%;
margin-bottom:8px;}
.menu ul {display:inline; list-style-type:none; margin:0; padding:0;}
.menu li {display:block; float:left; padding:3px 5px 0 5px; border-right:1px solid #9ebd74; text-align:center;}
.menu a {color:#000; font-weight:bold; display:block; height:15px; width:60px; padding:0 3px;}
.menu a.normal {color:#000; font-weight:bold; display:block; height:15px; width:80px; padding:0 3px;}
.menu a.salary {color:#000; font-weight:bold; display:block; height:15px; width:90px; padding:0 3px;}
.menu a.reqlogin {color:#000; font-weight:bold; display:block; height:15px; width:80px; padding:0 3px;}
.menu a.reqnews {color:#000; font-weight:bold; display:block; height:15px; width:150px; padding:0 3px;}
.menu a.media {color:#000; font-weight:bold; display:block; height:15px; width:120px; padding:0 3px;}
.menu-left {float:left;}
.menu-right {float:right; padding-top:3px;}


/*--- [ Misc ] ---*/  
.required {color:#f00;}
.clear {clear:both;}
.no-display {display:none;}
.darkGreyText {font-size:8pt; color:#666;}
.image-advert {border:solid 1px #cecece; padding:0; margin:0 auto;}
.salaryCheckerFrame {width:100%;height:800px;}
.search-wrap {width:100%; display:inline;}

.search-left {float:left;}
.search-news {width:300px; float:right;}
.search-banners {}
.search-left h2 {font-size:100%; padding:0 0 0 5px; color:#000;}

.searchcolumn-wrap {width:670px;}
.titlesearch {width:218px; height:130px; float:left; background:#fff url(../images/title.gif) no-repeat bottom; margin:0 5px 0 0;}
.combinedsearch {width:218px; height:130px; float:left; background:#fff url(../images/key.gif) no-repeat bottom; margin:0 5px 0 0;}
.locationsearch {width:218px; height:130px; float:right; background:#fff url(../images/loc.gif) no-repeat bottom; margin:0 5px 0 0;}

.titlebutton {float:right; margin:31px 12px 5px 0;}
.keybutton {float:right; margin:31px 12px 5px 0;}
.locbutton {float:right; margin:5px 12px 5px 0;}

.todayMedia {background:#e0f3bd; border:solid 2px #9ebd74; border-top:0; margin-bottom:10px;}
.home-intro {padding:5px 5px 5px 5px; margin:2px 0 10px 0; border:solid 0px #d0cef5;}

.messageText, .warningText {background-color:#fed2cb;padding:5px;border:solid 1px black;margin-bottom:5px;}
.messageText {color:Black;}
.warningText {color:Red;}

.noResults {color:Red;}
.noResults .word {font-weight:bold;font-style:italic;}

.home-news {color:#000; font-size:90%; margin-top:10px;}
.home-news a {color:#990000; text-decoration:none;}
.home-news a:hover {color:#990000; text-decoration:underline;}
.createddate {color:#fa7911; font-size:85%; font-weight:bold; padding:5px 0 3px 0;}
.line {width:100%; margin:0 0 5px 0; padding:0; border-bottom:1px solid #990000; height:1px;}
.highlight {background:#eef5fc url(../images/news-highlight.gif) repeat-x; border:1px solid #6699cc; padding:2px; margin-bottom:3px;}
a.splashAd {width:auto;}
.multipleContacts {color:Red;font-size:14pt;}
/* --- ASK US page --- */
.ask {width:980px; padding:0;}
.askleft {width:550px; float:left; padding:0 0 0 15px;}
.askright {float:right; text-align:left; width:400px;}

.ask-left {float:left; width:130px; padding:3px 0 0 0;}
.ask-right {float:left; text-align:left;}

.askDetailWrap {}
.askDetail-left {float:left; width:191px;}
.askDetail-right {float:right; width:186px; margin: 0 5px 0 0;}
.askDetail {border:1px solid #a5de39; margin:0 0 5px 0; width:186px; font-size:88%;}
.askDetail img {margin:3px;}
.askDetail p {padding:0 0 0 5px; margin:0;}
.askName {font-size:9pt; font-weight:bold; padding:0 0 0 5px;}

.splash {margin:0 auto; text-align:center;}

/* ------ [ Favourites ] -------*/
.favouritesLeft {float:left;}
.favouritesRight {float:right;}
.favouritesRight div {border-bottom:solid 1px #c6e986; padding:3px 0 3px 0;}
.tips {width:965px; padding:0 0 0 15px;}

/* ------ [ Register for Updates Page ] -------*/
.registerForUpdates a
{
    display:block;
    float:left;
    margin:5px 0 0 20px;
    clear:both;
}

.registerForUpdates
{
    width:290px;
    padding:10px 0 0 10px;
}

.header
{
    width: 100%;
    background: #fff /*url(  '../images/tabs-background.gif' ) repeat-x*/;
    height: 61px;
    border-bottom:10px solid #9EBD74;
}

/* ------ [ Contact Us Page ] -------*/
.contactspace {padding-left:5px;}

.contactDetailWrap {padding-left:20px;}
.contactDetail {margin:5px 15px 0 0 ; float:left; border:solid 1px #a5de39;width:178px;padding:5px;}
.contactDetail img {margin:0 0 5px 0;}
.contactName {font-size:9pt; font-weight:bold;}

/*--- [AJAX TOOLKIT CLASSES] ----*/
.media-tabs {margin:0; padding:0;}
div.media-tabs .ajax__tab_header {font-family:arial; font-size:8pt}
div.media-tabs .ajax__tab_body {font-family:arial; font-size:9pt; border:0px solid #999; 
border-top:1; padding:8px; background-color:#ffffff; min-height:445px;}

/*--- [AJAX AUTO COMPLETE] ----*/
/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: Navy;
	color: White;
	padding: 1px;
	cursor:pointer;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
	cursor:pointer;
}

/*--- [AJAX MODAL BACKGROUND] ----*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.newAssetLibraryPopup {
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	text-align:left;
	padding: 2px 2px 2px 2px
}

.columns {width:100%; margin:0 0 8px 0; font-size:100%;}
.columns-left {float:left; width:220px;}
.columns-right {float:right; width:500px; text-align:left;}

.tabtext {font-size:100%;}
.spacer {margin-bottom:5px;}

.ratestable {width:750px; padding:0; margin:0 0 8px 0; border:1px solid #9EBD74;}
.ratestable th {color:#fff; letter-spacing:1px; text-align:left; padding:6px 6px 6px 12px; background:#9EBD74;}
.ratestable td {background:#fff; padding:6px 6px 6px 12px; color:#000;}
.ratestable td.alt {background:#C3D9A6; color:#000;}
.ratestable td.rowheader {font-weight:bold;}
.ratestable tr.alt {background:#C3D9A6; color:#000;} /* EDIT */

.ratestableNarrow {width:250px;}

.homepad {padding:5px 0 8px 0; width:100%; text-align:center; margin:0 auto;}

.grid {border:1px solid #9EBD74;}
.grid-header {background:#9EBD74; text-align:left; text-indent:5px; color:#fff;}
.grid-header a {color:#fff;}
.grid-alt {background:#C3D9A6;}
.grid-empty {background:#C3D9A6;}

.circ {border:1px solid #fff; line-height:16pt;}
.circ-header {background:#999; color:#fff; text-indent:5px;}
.circ-alt {background:#ccc;}
.circ-row {background:#eee;} 

.useful-wrap {width:900px; margin:0 auto; text-align:center;}
.useful-left {float:left; text-align:left;}
.useful-right {float:right; text-align:left;}
.useful-box {width:400px; margin:0 0 5px 0;}
.ul-image {width:150px; float:left; padding:4px 0; border:2px dashed #BFBFBF; text-align:center;}
.ul-text {width:235px; float:right; padding-left:5px;}

.jicreg {padding-left:5px; text-decoration:none;}
.jicreg:hover {text-decoration:underline;}
.latestimg {padding-right:3px;}

.grey {color:#808080;}

.homewrap {width:750px;}
.home-left {width:580px; float:left;}
.home-right {width:160px; float:right;}
.home-right h2 {padding:5px 5px 3px 5px; margin:2px 0 2px 0; border:solid 2px #fee2cb; background-color:#fbefe5;}
.home-right h2 a {font-size:9pt;}
.pad {margin-bottom:5px;}
.padtop {padding-top:5px;}

/* Newsletter */
.newsletterContainer {width:980px;margin:5px auto 5px auto;padding:10px;}
.newsletterContainer .headerRule {height:8px;width:100%;background-color:#9ebd74;margin-top:5px;margin-bottom:5px;}

/* ------ [ Below Here are Tests ] -------*/

.twitter {background:#94e4e8 url(../images/twitter_body.gif) no-repeat bottom; width:284px; border-right:3px solid #add685; border-left:3px solid #add685;}
.twitter-top {background:#fff url(../images/twitter_top.gif) no-repeat bottom; width:290px; height:14px; margin:10px 0 0 0; padding:0;}
.twitter-bottom {background:#fff url(../images/twitter_bottom.gif) no-repeat; width:290px; height:45px; margin:0; padding:0;}
.twitter-bottom-nocallout {background:#fff url(../images/twitter_bottom2.gif) no-repeat; width:290px; height:25px; margin:0; padding:0;}
.twitter .twitter-logo {padding:0 0 5px 10px;}
.twitter .latestimg {padding:0 3px 0 5px;}
.twitter .latestDescription {display:block; color:#000; padding:0 8px;}
.twitter .createddate {color:#fa7911; font-size:85%; font-weight:bold; padding:5px 0 3px 8px;}
.twitter .line {width:100%; margin:0 0 5px 0; padding:0; border-bottom:0px solid #eb2234; height:1px;}
