/* TYPOGRAPHY

10 77
11 85
12 93
13 100
14 108
15 116
16 123.1
17 131
18 138.5
19 146.5
20 153.9 
21 161.6 
22 167
23 174
24 182
25 189
26 197

BASE styles BEGIN */


@font-face {
    font-family: 'Bodoni72';
    src: url('http://www.creativerecruitment.co.uk/fonts/bodo721-webfont.eot');
    src: url('http://www.creativerecruitment.co.uk/fonts/bodo721-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.creativerecruitment.co.uk/fonts/bodo721-webfont.woff') format('woff'),
         url('http://www.creativerecruitment.co.uk/fonts/bodo721-webfont.ttf') format('truetype'),
         url('http://www.creativerecruitment.co.uk/fonts/bodo721-webfont.svg#BodoniSvntytwoITCStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

body 
{
    background: url(http://www.creativerecruitment.co.uk/Graphics/bodyBG.jpg) repeat;
    min-width: 1200px;
}

table {font-size:inherit;font:100%;}

th, h1, h2, h3, legend, dt.relatedHeadlines, .basket dt, .latestJobs dt,
.campaignList dt, .jobsOnSite dt, .categoryList dt.heading, .navCandidate dt, th {
	/*distinguishing table headers from data cells*/
font-weight:bold;
}

.basket, .quickSearch, .siteSearch {
margin-bottom:1em;
}

.dv3QuickSideSearchPanel legend {
margin-bottom:0;
}

a 
{
    color: #f78f1e;
}

a:hover 
{
    text-decoration: none;
}

h1 
{
font-size:182%;    
}

h2 
{
font-size:138.5%;    
}

h3 {
	/*14px via YUI Fonts CSS foundation*/
font-size:108%;  
}

/*
h1,h2,h3,legend, dt.relatedHeadlines {
	/* top & bottom margin based on font size 
margin:1em 0;
}
*/



dt.relatedHeadlines {
	margin:1em 0 0;
}

h1,h2,h3,h4,h5,h6,strong,legend, dt.relatedHeadlines, .basket dt {
	/*bringing boldness back to headers and the strong element*/
font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
font-style:italic;
}

blockquote,ul,ol,#main dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}

ol,ul,#main dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
#main dl dd {
	/*giving UL's LIs generated numbers*/
	margin:0 10px;
}
/*
#main dl dt 
{
    margin: 0 10px 10px 10px;
}
*/

#main dl dt 
{
    margin: 0 10px 0px 0;
} 

#main .latestJobs dl dt 
{
    margin: 0;
}


caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
/*IE HACK TO FIX POSTIONING ON LEGEND*/
legend {
    position:relative; 
    margin:0 0 0.5em;
    margin-left: 0px;
    
    #margin-left: -7px;
    _margin-left: -7px;
    
    display:block;
}

/******SPACING******/
.basket, .quickSearch, .siteSearch {
    margin-bottom:1em
}

.dv3QuickSideSearchPanel legend {
    margin-bottom:0;
}
/* BASE styles END */

/* CONTENT LAYOUT*/

#container 
{
background:#fff;
text-align:left;
overflow: visible;
width: 100%;
}

#content {
height:100%;
overflow:hidden;	
width: 940px;	
background: #fff;
margin: 0 auto;
padding-top: 20px;
}

#content #main {
display:inline; /* Fixes IE Double Margin Float Bug */ 
float:left;
margin-left: 246px;
width: 690px;
padding-right: 5px;
}

#content #sideNav {
float:left;		
margin-left: -935px;
width: 220px;
}

#content #sideBar {
background: transparent;
float:left;	
overflow:hidden;
width:224px;
}

#footer {
background:#dddddd;
clear:both;
height:20px;
}
/* CONTENT LAYOUT END */


/* HEADER */
#header 
{
    width: 100%;
    background: #000 url(http://www.creativerecruitment.co.uk/Graphics/top-nav/navBG.jpg) top left repeat-x;  
    padding-top: 7px;
    height: 169px;
    border-bottom: #c2c2c2;
}

#header .logo 
{
    float: left;
    height: 169px;
}

#header .logo a 
{
    display: block;
	text-indent: -9999px;
	width: 187px; height: 155px;
	background: url(http://www.creativerecruitment.co.uk/Graphics/logo.png) no-repeat left bottom;
}

#header .container, #footer .container
{
    width: 940px;
    margin: 0 auto;
}

/* login area */
#header .loginBox a, .phone, .jobsOnSite, .searchText, #header .logoutBox a
{
    font: bold 93% Georgia, serif; 
    color: #fff; 
}

#oda-container input, #oda-container select 
{
    font: normal 85% Georgia, serif;
    color: #555555;
}

#header .loginStrip 
{
    float: right;
    color: #fff;
}

#header .loginBox 
{
    clear:both;
}

/* main nav */

#header #mainNav 
{
clear: right;
float: right;
}

.menu .horizontal .item  
{
z-index:9 !important;
}

#header #mainNav .item a, #footer .mainNav li
{
background:url(http://www.creativerecruitment.co.uk/Graphics/css3Sprite.png) no-repeat;
}

.ie7 #header #mainNav .item a, .ie8 #header #mainNav .item a, .ie7 #footer .mainNav li, .ie8 #footer .mainNav li
{
background:url(http://www.creativerecruitment.co.uk/Graphics/ieSprite.png) no-repeat;
}


#header #mainNav .item a, .ie7 #header #mainNav .item a, .ie8 #header #mainNav .item a
{
background-position:right 8px;
}

#footer .mainNav li, .ie7 #footer .mainNav li, .ie8 #footer .mainNav li 
{
    background-position: right -29px;
}


#header #mainNav .last a, html #footer .mainNav .last, .ie7 #header #mainNav .last a, .ie8 #header #mainNav .last a
{
    background: none;
    padding-right: 0;
}

#header #mainNav .slide .item a, #header #mainNav .slide .last a
{
    display: block;
    background: none;
    color: #000;
    text-shadow: none;
    margin: 5px 0px 0 5px;
    padding-right: 18px; 
    font-size: 108%;
}

#header #mainNav .slide .item a span 
{
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
}

#header #mainNav .slide .item a:hover span
{
    color: #ff9c00;
    border-bottom: 1px solid #999999;
    text-decoration: none;
}

#header #mainNav .slide .last a 
{
    margin-bottom: 8px;
}

#header #mainNav .slide 
{
    background: #fff;
    margin: 11px 0 0 -5px;
    border: 1px solid #000;
    width:110px !important;
    padding-right:10px;
    padding-bottom:5px;
}

#mainNav .menu 
{
white-space:normal;
}

#mainNav a 
{
    cursor:pointer;
    font: 123.1% "arial narrow", arial, sans-serif;
    color: #fff;
	display:block;
	float: left;
	padding:7px 15px 2px 5px;
	text-shadow: 1px 1px 1px #000;
	margin-top: 12px;
	white-space:normal;
}


#header #mainNav .slide .item a 
{
width:98px !important;
padding-right:5px !important;    
}

/* main nav sub menu slide outs */
#mainNav .slide a {
	background-color: #e5e5e5;
}

/*quick search form header*/

#header .quickSearchHome input
{
    float: left;
    width: 153px;
    height: 20px;
    margin-right: 8px;
}

.ie7 #header .quickSearchHome input, .ie8 #header .quickSearchHome input 
{
    height: 17px;
    padding-top: 3px;
}


#header .quickSearchHome fieldset #oda-container, #header .quickSearchHome fieldset .formButtons
{
    float: left;
}

#header .quickSearchHome fieldset #oda-container div
{
    float: left;
    margin: 0 8px 0 0;
}


#header .quickSearchHome select 
{
    width: 171px; height: 22px;
    padding: 2px;
}

#header .quickSearchHome select option 
{
padding-left:6px;  
}

#header .quickSearchHome .btn, .ie8 #header .quickSearchHome .btn
{
    background: #ff9c00 url(http://www.creativerecruitment.co.uk/Graphics/searchBtn.png) no-repeat center center;
    text-indent: -9999px;
    width: 22px; height: 22px;
    margin-right: 0;
}

.ie7 #header .quickSearchHome .btn
{
    display: block;
    height: 20px;
}

.ie7 #header .quickSearchHome #oda-container input 
{
    height: 15px;
}



/*header content areas*/

.phone 
{
    clear: right;
    padding: 2px 0 0 0;
    text-align: right;
    float:right;
}

.phone span 
{
margin-top:3px;
font-size:90%;
float:left;
display:inline-block;
}

.phone div
{
float:left;
display:inline-block;
}

.phone strong 
{
color:#f78f1e; 
display:inline-block; 
float:left; 
}

.jobsOnSite p
{
    position: relative;
    display: block;
    font-style: italic;
    font-weight: normal;
    color: #fff;
    margin-top: -1.3em;
    left: 9.2em;

}

.searchText 
{
    display: inline;
    font-style: italic;
    color: #f78f1e;
    font-size: 138.5%;

}

.quickSearchHome 
{
    clear: right;
    float: right;
    padding-top: 25px;
    position: relative;
    
    
}

.ie7 .quickSearchHome 
{
    margin-left: -75px;
}



/*Side Nav*/
#sideNav div.dlmenu {
    height: 100%; 
}

#sideNav div.dlmenu dl.tier1 {	
}

#sideNav div.dlmenu dd.tier2 {
	padding: 0 0 0 1em;
}

#sideNav div.dlmenu dd.tier3 {
	padding: 0 0 0 1em;
}

#sideNav div.dlmenu .selected 
{
	background:#fff;
}
/* End Nav */

/* site Search */

/*SIDE NAV*/
#sideNav .mainNav ul {
    margin:0;
    padding:0;
}

#sideNav .mainNav a, #sideNav .mainNav ul li {
    display:block;
    float:none
}

.navCandidate dl,.navCandidate dl dt, .navCandidate dd 
.navEmployer dl,.navEmployer dl dt, .navEmployer dd {
    margin:0;
    padding:0;
}

.navCandidate, .navEmployer {
	margin: 0 0 1em;
}

/*MAIN*/


#main .UserContent {
	display:block;
	margin-bottom:1em;
}

#main .UserContent img
{
	border:auto !important;
}

#main .navCandidate dd, #main .navEmployer dd {
    margin-bottom:1em;
    padding-bottom:1em;
    border-bottom:1px solid #ddd
}

#main #jsddm .navCandidate dd a, 
#main #jsddm2 .navCandidate dd a  
{
font-weight:bold;    
}

div.candDetMessage 
{
min-height:870px;    
}

#main #jsddm .navCandidate dt, 
#main #jsddm2 .navCandidate dt  
{
padding:0 0 10px 10px;    
}

#main h1, #main h2 
{
    font: normal 28px Georgia, serif;
    margin-bottom: 15px;
}


#main .UserContent 
{
    color: #666666;
    line-height: 1.6em;
}




/*SIDEBAR CAMPAIGN STYLE*/
div.campaignList img {
    width:120px
}

#main #Comments dl, #main #Comments .a, #main #Comments .SearchResultsRow{
font-size:100%;
}

#main #Comments .SearchResultsRow dl{
border-bottom:solid 1px #888787;
margin-top:10px;
}

#main #Comments dd.postedBy {
text-align:right;
padding: 0.5em 0;
display: block;
}

/*FOOTER*/

#footer 
{
    background: url(http://www.creativerecruitment.co.uk/Graphics/clientsBG.jpg) repeat-x top;
    height: 50px;
}
.ie7 #container, .ie8 #container 
{
    padding-bottom: 18px;
}

#footer .ClientsWeWork 
{
        color: #f78f1e;
}

.ClientsWeWork 
{
    width: 940px;
    margin: 0 auto;
    font-size:77%;
}

.ClientsWeWork a:hover 
{
    text-decoration: underline;
}

.ClientsWeWork p 
{
    font-size: 108%;
    color: #fff;
    padding: 4px 2px;
}

.ClientsWeWork a 
{
    padding-left: 2px; padding-right: 2px;
}

.ClientsWeWork em a
{
    text-decoration: underline;
    color: #fff;
    font-style: normal;
}

.ClientsWeWork em a:hover 
{
    text-decoration: none;
}

#footer li, #footer li a {
	padding:0 8px 0 2px;	
}




#footer a {
cursor:pointer !important;
cursor:hand !important;    
}

#footer .mainNav 
{
    padding-top: 55px;
}

#footer .mainNav a, #footer .terms 
{
    color: #fff;
    font: normal 85% Georgia, serif;
}


.refer, .download 
{
    display: block;
    width: 63px; height: 32px;
    background: #fff;
    font: normal 85% Georgia, serif;
    text-align: center;
    color: #F78F1E;
    border-radius: 8px 8px 0 8px;
    -moz-border-radius: 8px 8px 0 8px;
    -webkit-border-radius: 8px 8px 0 8px;
    -o-border-radius: 8px 8px 0 8px;
    -ms-border-radius: 8px 8px 0 8px;
    margin: 28px 0 0 8px; padding-top: 8px;
    float: right;
    letter-spacing: -1px;
}

img.recLogo 
{
margin:28px 0 0 8px;    
}

a.refer:hover, a.download:hover, 
#header .loginBox a:hover
{
text-decoration:none;
color:#000;
}

#header .loginBox .alreadyReg a:hover, 
#header .loginBox a.reg:hover
{
color:#ffffff;
} 

#footer .terms 
{
    margin-top: 55px;
    float: left;
    overflow: hidden;
    min-width: 350px;
    max-width: 650px;
    text-align: right;
}


/* LINKS */

a, a img 
{
    outline: 0;
    border:0;
    text-decoration: none;
}

#main .relatedHeadlines dd.SearchResultsRow,
#main .relatedHeadlines dd.SearchResultsRowAlt 
{
clear:both;
width:690px;    
}

#main .funcs a, 
#main a.newComm 
{
margin-left:-4px;    
}

#mainNav a:hover 
{
    color: #ff9c00;
    text-decoration: none;
}

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

#vacancyDetails #pager a 
{
float:right; 
padding:0 6px;   
}

a.back {
border-right:1px solid #666;
padding: 0 0 0 10px;
}

a.next {
padding: 0 10px 0 0;
}
 
/* BUTTONS */
.btn {
cursor:pointer;
width:auto;   
}



/* Pagination and header control styles - lets change the colours in just one place */
.searchNav, #vacancyDetails .vacancyDetailsDescription,
.pagination, .newsDetailsLinks, .headlinksLinkPanel {
	border-bottom:solid 1px #888787; 
	border-top:solid 1px #888787;
	padding:5px;
}


.dynamicPagingLink
{
    margin-left:2px;
    margin-right:2px;
}

.pagingRight
{
    float:right;
}

.pagingLeft
{
    float:left;
}

/* Vacancy Details View */
#vacancyDetails ul {
    margin:0;
}

#vacancyDetails .vacancyDetails {
    width:55%;
    margin-bottom: 10px;
}

#vacancyDetails .vacancyDetails .fLeft{
    width:auto;
}

/*
#vacancyDetails #pager 
{
width:43%;   
}
*/
#vacancyDetails dl, #vacancyDetails dl dd {
	margin:0;
	padding:0;
	clear:both;
}

#vacancyDetails .vacancyDetailsDescription, #vacancyDetails .vacancyDetailsFooter {
    margin:1em 0;
    padding:1em 0;    
}

.searchNav td {
	padding:6px 0 !important; 
}

.vacancyDetails span, .employersDetails span, .employersDetails dt,
.simlarJobs dt, .quickApplyList .title {
    font-weight:bold;
}

#vacancyDetails .vacancyDetails span{
    float:left;
    width:100px;
}

.searchNav, #vacancyDetails .vacancyDetailsDescription 
{
border-top:none;
margin:0;    
}

span.keywordMatch 
{
	background-color: Yellow;
}

.quickApplyList .searchNav {
    margin:0 0 1em;
}



div.searchFilterContainer > div {
	float:left;    
}

/* advanced search */

.search-pager table {
	width:100%;
}

.search-pager td {
	padding: 0 2px;
	text-align:center;
	vertical-align: bottom;
    width:1%;
}

.search-pager td.first, .search-pager td.last {
	padding: 0;	
	text-align:left;	
	white-space:nowrap;
	width:70%;
}

.vacancyResults {
	width:100%;
}

.SearchResultsCell1, .SearchResultsCell2 {
	vertical-align: top;
}

.SearchResultsCell2 {
	text-align:right;
	white-space:nowrap;
}

div.SearchResultsRow, div.SearchResultsRowAlt,dd.SearchResultsRow, dd.SearchResultsRowAlt
{
	padding:0.5em;
	margin:0 0 0 0 !important;
	border-bottom: 1px solid #9E9E9E;
}

.relatedHeadlines dd.SearchResultsRow, 
.relatedHeadlines dd.SearchResultsRowAlt 
{
padding-left:0 !important;    
}

/*
.relatedHeadlines dd.SearchResultsRow:hover, 
.relatedHeadlines dd.SearchResultsRowAlt:hover 
{
background:#bbbbbb;
-webkit-transition: all 0.8s ease-in;
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
}

.SearchResultsRowAlt, div.SearchResultsRowAlt,dd.SearchResultsRowAlt  {
	background:#eee
}
*/
td.alternateRow, td.SearchResultsCell1 {
	padding:1em 0 0;
}

.newsTable td.alternateRow,.newsTable td.SearchResultsCell1 {
	padding:0em 0 0;
}

.newsTable td dl.headlineItem, .newsTable td dl.headlineItem dl
{
	margin:0px !important;
}

.newsTable td dl.headlineItem dd
{
	margin:0 !important;
}


.jobResultsInfo img {
    margin:0 0 10px 10px;
}

/*BASKET*/

.basketContent {
	border-top:none;
	margin:0px 0 3px 0;
}

.basket a {
	display:block;
	text-align:left;
}

.basket dd {
	clear:both;	
	margin:0 0 1em;
}

.basket dd a {
	margin:5px 0;
	text-align:left;
}

.basket dd input {
	float:right;
}

.basket dd a {
	margin:0px 0 5px 0px;
}

.basket dd a {
font-weight:bold;
}

/*-------------------------------- DATA TABLE STYLE -------------------------*/
.siteDataTable {
	width: 100% !important;
}

/*
.pageCandLinks 
{
padding-left:15px;    
}
*/

.siteDataTable td {
	width:25%;
	padding:10px 0 10px 0;
	border-bottom: 1px solid #888787;
}

.siteDataTable th {
	background:#fff;
    height:20px;
    padding:15px 14px 5px 0 !important;
}

td.alternateRow, td.SearchResultsCell1, td.SearchResultsCell2 {
    padding: 15px 0 15px 0;
}

.siteDataTable-links li {
	list-style:none;
}

.siteDateTableCandidates td {
	width:20%;
}

.siteDateTableCandidates td div {
	text-align:center;
}

#channelChkBox * {
	float:left;
	margin:0;	
	padding:0;
	width:auto;
}

#channelChkBox label {
    margin:0 8px 0 2px;
}
a.BrowseSearchInactive 
{
text-decoration:none; 
cursor:text;  
}

/* DEFINITION LISTS */
.latestJobs, .campaignList, .latestNews, 
.latestNews dl, .basket dl dd,
#main .newsSearchResults dl, #main .newsSearchResults dl dd, #main .newsSearchResults dl dd,
#main .campaignResults dl, #main .campaignResults dd, #main .campaignResults dd,
#main dl.emailFriend, #main dl.emailFriend dd,
.navEmployer dl, .relatedHeadlines, #main .relatedHeadlines dl,
#main .relatedHeadlines dd {
    margin:0 0 1em;
}

.campaignResults dt, .relatedHeadlines dt{
    font-weight:bold;
}

/*NEWS default styling*/
.headlineDate {
    display:inline;
}

/* styles for topHeadline in news home page */

.topHeadline {
    border-top:1px solid #9E9E9E;
    margin-top: 15px;
}

#main .topHeadline dl 
{
    margin-top: 1em;
}
#main .topHeadline dl dd dl 
{
    margin-top: 0;
}

#main .rssIconBlock
{
display: block;
float: left;
margin-right: 5px;
}

#main dl .funcs 
{
    float: left;
}

#main .funcContainer 
{
    margin-top: 15px !important;
}


#main dl .cats 
{
    float: right;
}


.topHeadline dt a 
{
    font-size: 16px;
}

/*ADD .headlineContent img - if you want the image on the details page to align left or right*/
.newsLatestHeadline img,
.headlineItem .img, .relatedHeadlines .img {
    float:left;
    padding:2px 0.5em 0 0;
    margin-left:0 !important;    
}

.relatedHeadlines span.date, .headlineItem span.date
{
	display:block;
	font-size: 12px;
	margin-bottom: 5px;
}

.headlinksLinkPanel {
    clear:both;
    margin:1em 0;    
}

.latestNews .footer {
    margin:0 0 1em
}

/*NEWS HOME PAGE*/
.newsLatestHeadline dl, .newsLatestHeadline dl dt, 
.newsLatestHeadline dd {
    padding:0;
    margin:0
}

/*** news home ***/

.NewsHomePanel
{
	border:2px solid #4b116f;
	width:226px;
	width:232px;
	padding:10px;
    height:267px;
    float:left;
    margin:0  0 10px 10px;
}

.NewsHomePanelLeft
{
	  margin-left:0px;	  
}

.NewsHomePanel h2
{
	font-size:131%;
}

.NewsHomePanel h3
{
	margin-bottom:10px;
}

.NewsHomePanel  a
{
	display:block;
	text-align:right;
	margin:10px 0 0 0;
}

.NewsHomePanel h3 a
{

	color:#000000;
	text-decoration:none;
	text-align:left;
}



.NewsHomePanel img
{
margin:0 3px 3px 0;
}

.ArticleRelated ul
{
	padding:0;
	margin:0;
}

.ArticleRelated ul li
{
	list-style:none;
	margin:10px 0 10px 0;
	padding:0;
}


.ArticleRelated div
{
	margin-top:0px;
}

.ArticleRelated .headlineDate
{
	margin:0;
}

.ArticleRelated h3
{
	display:inline;
}

.ArticleRelated
{
	float:left;
	padding-left:10px;
	width:50%;
}

.RelatedHeadlines
{
	border-right:2px solid #ececec;
	padding-left:0px;
	width:45%;
	
}

.RelatedHeadlines h3
{
	display:block;
	margin-bottom:0;
}

.RelatedHeadlines .body h4, .RelatedHeadlines .body h2, .RelatedHeadlines .body p, 
#hypBannerRotatorPause, 
#hypBannerRotatorPlay
{
display:none;
} 

a.email, a.rss {
background:url(http://www.creativerecruitment.co.uk/graphics/icons/email.png) no-repeat;
padding:0 22px 0 26px;
margin:0 0 6px;
display:block;
}

a.jobsRss img 
{
padding-left:6px;    
}

a.rss {
background:url(http://www.creativerecruitment.co.uk/graphics/icons/rss.png) no-repeat;
}

	
/* BREADCRUMB */



/*news headline*/

.categoryList
{
	margin:0;
	padding:0;
}

.categoryNode
{
	list-style:none;
}

.categoryNode.selected a
{
	list-style:none;
	color:Red
}

#main .pnlHeadlineViewerPanel dl, #main .pnlHeadlineViewerPanel dl dd {
    margin-left:0
}

#main .relatedHeadlinesContainer dl {margin:0}

/*-------------------------------- INFO MESSAGE AND ERROR MESSAGE -------------------------*/
.ErrorLabel {
/*
background:#FFE5E5;
border:1px solid #FF0000;
*/
color:Black !important;
display:block;
font-weight:bold;
margin:0 0 1em;
padding:1em 1em 1em 0;
text-align:left;
}

.InformationMessage {
/*
background:#EFF5EA;
border:1px solid #5CA653;
*/
margin:0 0 1em;
padding:1em 1em 1em 0;
text-align:left;
display:block;
}


/** end of combo box panels **/

/*-------------------------------- Bookmark -------------------------*/

.bookmarkFooter a {
    padding:0 5px;
}

/*-------------------------------- MISC STYLES -------------------------*/

.altColour {
	color:#252F66;
}

.block {
    display:block;
}

.bold {
    font-weight:bold;
}


.inline 
{
	display:inline;
	font-weight:normal !important;
}

.centered {
	text-align:center;
}

.clearHide {
	clear:both;
	display:inline;
	font-size:1px;
}

.cvDelete {
		display:inline !important;
		margin: -3px 0 0 0 !important;
		padding: 0;
		width: 19px;
		vertical-align:top;
}

.cvLink {
	display:inline;
	padding: 2px 0 0 0;	
	width: 170px;
}

.formSummaryText
{
	display:block;
}

.dv3FormPanel div.spanBlock {
    float: left;
    margin-top:0;
    width: 255px;
}

.candFiles {
width:460px;
}

.candFiles table
{
width:250px;    
}

.candFiles table td label
{
float:left;
width:210px;    
}

.candFiles table td input
{
float:left;
width:15px;
padding-right:4px;    
}

.expandLeft, .expandRight {
}

.fLeft {
	float:left;
}


.formButtons .leftBtn 
{
margin-right:10px;    
}

.fRight {
	float:right;
}
#vacancyDetails #pager .searchNav 
{
    padding: 0 !important;
}

#vacancyDetails #pager 
{
    float: none;
    clear: both;
    background: #000;
    overflow: auto;
    padding: 10px 0;
}

input.image {
    width:auto
}
	
.noMargin {
    margin:0
}

.noPaddNoMarg {
    margin:0;
    padding:0;    
}

.hide {
    display:none;
}

.spacer {
    border:0px solid black;
    cursor:pointer;
}

.userContentArea {
	display:block;
	margin-bottom:5px;		
}

.watermark {
	color:#000;
}

.wauto {
	width:auto !important;
}

a.benefitsLink 
{
font-weight:bold;
display:inline-block;
padding-top:4px;    
}

.zerojobs {
    background-color:#a9cfe1;
    border:1px solid #cccccc;
    padding:5px;
}

.rssIcon
{
	float: right;
	padding: 5px;
}

.accessibility
{
    display:none;
}	
	
.inValidField
{    
    background-color:#dddddd;
    /*border: solid 1px red;*/
}

.inValidLabel
{    
    color:Red;
}

.latestJobs a {
    display:block;
}

#openCloseLink
{
	display: block;
	text-align: right;
	}
	
	

/* START - autp fix for radcombo multi drop-down select boxes - DON'T REMOVE */	
	
.RadComboBoxDropDown .RadTreeView 
{
height:auto !important;    
}

/* END - autp fix for radcombo multi drop-down select boxes - DON'T REMOVE */	 





/* scrollable banners */ 
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 115px;
	height:75px;
	/* custom decorations */
	border:1px solid #ccc;
	background:url(http://www.creativerecruitment.co.uk/graphics/Scroller/h300.png) repeat-x;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.scrollable div.items { 
   /* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
} 

.scrollable .items div {
	float:left;
}
 
/* single scrollable item */
.scrollableImg {
	float:left;
	margin:10px 5px 20px 5px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:50px;
}

.scrollableImg img 
{
    margin:0 auto;
    display:block;    
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://www.creativerecruitment.co.uk/graphics/Scroller/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px; padding: 0 0 0 0 !important;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(http://www.creativerecruitment.co.uk/graphics/Scroller/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


/* end of scrollable banners */ 


/***breadcrumbs ***/

.breadCrumbPrefix 
{
    display: none;
}

.breadCrumb 
{
    padding-bottom: 15px;
    margin-left: 5px;
    font-size: 11px;
    font-weight: bold;
}

/*account buttons*/

#sideNav #accountButtons a
{
    font: italic 108% Georgia, serif;
    color: #000;
    text-align: center;
}

#sideNav #accountButtons h3 
{
    font-size: 138.5%;
    font-style: normal; font-weight: normal;
    color: #000;
    padding-top: 20px;
}

#accountButtons span 
{
    display: inline-block;
    width: 26px; height: 15px;
    background: url(http://www.creativerecruitment.co.uk/Graphics/css3Sprite.png) no-repeat left bottom;
    margin-left:10px;
}

.ie7 #sideNav #accountButtons span, .ie8 #sideNav #accountButtons span
{
    background: url(http://www.creativerecruitment.co.uk/Graphics/ieSprite.png) no-repeat left bottom;
}

#sideNav #accountButtons .symbol1, .ie7 #sideNav #accountButtons .symbol1, .ie8 #sideNav #accountButtons .symbol1 
{
    margin-right: 5px;
    background-position: 0 -90px;
}

#sideNav #accountButtons .symbol2, .ie7 #sideNav #accountButtons .symbol2, .ie8 #sideNav #accountButtons .symbol2 
{
    margin: 0 0 0 5px;
    background-position: -41px -90px;
}

#sideNav #accountButtons p 
{
    width: 160px;
    margin: 0 auto;
}

#sideNav #accountButtons .container, .ie7 #sideNav #accountButtons .container, .ie8 #sideNav #accountButtons .container, .ie9 #sideNav #accountButtons .container
{
    width:220px; height: 95px;
    background-color: #f78f1e;
    float: left;
    margin-right: 20px;
    -moz-border-radius: 45px 45px 0px 45px;  
    -webkit-border-radius: 45px 45px 0px 45px; 
    -o-border-radius: 45px 45px 0px 45px; 
    border-radius: 45px 45px 0px 45px; 
    margin-bottom: 18px;
    
    -moz-transition: 1s ease all;
    -webkit-transition: 1s ease all;
    -o-transition: 1s ease all;
    -ms-transition: 1s ease all;
    transition: 1s ease all;
}

#jsddm #shortlistArea 
{
float:right;    
}

#sideNav #accountButtons .last 
{
    margin-right: 0;
}

.ie8 #sideNav #accountButtons .container, .ie7 #sideNav #accountButtons .container
{
background:url(http://www.creativerecruitment.co.uk/Graphics/css3Sprite.png) 0 -369px no-repeat;
width:220px; height: 95px;
}

.ie8 #sideNav #accountButtons a.container:hover, .ie7 #sideNav #accountButtons a.container:hover
{
background:url(http://www.creativerecruitment.co.uk/Graphics/css3Sprite.png) 0 -465px no-repeat;
width:220px; height: 95px;
}


/* BROWSE NAV */

.browseSearchOptionListLinkHidden
{
   display:none
}

#filterResults 
{
    font: normal 18px Georgia, serif;
    padding: 0 0 5px 20px;
}

.yourSelection, .browseContainer
{
    background: #f6f6f6;
    padding: 20px;
    border-radius: 30px 30px 0 30px;
    margin-bottom: 10px;
}

.yourSelection .title 
{
    display: block;
    font: italic 13px Georgia, serif;
    color: #000;
    margin-bottom: 5px;
}

.yourSelection a 
{
    color: #000;
    float: right;
}

.yourSelection .BrowseSearchSummaryOptionSelectedItem
{
    max-width: 130px;
    overflow: hidden;
    float: left;
}

.yourSelection div:after  
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
    
.keywordSummary 
{
    margin-bottom: 5px;
}

.keywordSummary a 
{
    float: none;
}

.yourSelection, .browseContainer
{
    font-style: italic;
    color: #666666;
    font: italic 85% Georgia, serif;

}

.browseContainer h4 
{
    font-size: 13px;
    color: #000;
    margin-bottom: 5px;
}

.browseContainer a 
{
    color: #666666;
}

.browseContainer a:hover 
{
    text-decoration: underline;
    color:#f78f1e;
}

.yourSelection .BrowseSearchSummaryOptionSelected 
{
    color: #f78f1e;
}

.BrowseSearchSummaryOptionSelectedItem 
{
    display: block;
    margin-bottom:5px;
}

#sideNav .latestJobs 
{
    width: 100%;
}

#sideNav .latestJobs dt 
{
    padding-top: 20px;
    font: italic 20px Georgia, serif;
    color: #000;
}

#sideNav .latestJobs dd 
{
    padding-top: 10px;
    border-top: 1px solid #878787;
    font: normal 85% arial, sans-serif;
    margin: 0 0 16px 0;
}

#sideNav .latestJobs dd a
{
    text-decoration: underline;
}

#sideNav .latestJobs .footer a
{
    float: right;
    display: block;
    color: #000;
    font: italic 14px Georgia, serif;
    text-decoration: none;

} 
#sideNav .latestJobs dl 
{
    padding: 0 10px 15px 10px;
}

#sideNav .latestJobs dl dd a:hover 
{
    text-decoration: none;
    color:#f78f1e;
}


.bl 
{
    background: url(http://www.creativerecruitment.co.uk/Graphics/blcorner.jpg) 0 100% no-repeat
    }
.br 
{
    background: url(http://www.creativerecruitment.co.uk/Graphics/brcorner.jpg) 100% 100% no-repeat
    }
.tl 
{
    background: url(http://www.creativerecruitment.co.uk/Graphics/tlcorner.jpg) 0 0 no-repeat
    }
.tr 
{
    background: url(http://www.creativerecruitment.co.uk/Graphics/trcorner.jpg) 100% 0 no-repeat
    }
    
.t {background: url(http://www.creativerecruitment.co.uk/Graphics/dot.jpg) 0 0 repeat-x;}
.b {background: url(http://www.creativerecruitment.co.uk/Graphics/dot.jpg) 0 100% repeat-x}
.l {background: url(http://www.creativerecruitment.co.uk/Graphics/dotUp.jpg) 0 0 repeat-y}
.r {background: url(http://www.creativerecruitment.co.uk/Graphics/dotUp.jpg) 100% 0 repeat-y} 

#candidateForm, #loginInternal
{
    font-family: Georgia, Serif;
    padding-top: 35px;
}

#quickApply, .quickLogin 
{
    font-family: Georgia, Serif;
}

.quickLogin .applyForgot a 
{
width:155px;
display:block; 
position:relative;
font-weight:bold;
top:-79px;
left:285px;   
}

#loginInternal 
{
    border-bottom: 1px solid #666;
}

#candidateForm legend, #loginInternal legend 
{
    font-size: 18px;
    font-weight: normal;
    display: block;
    width: 100%;
    border-bottom: 1px solid #666;
    padding-bottom: 5px;
}

#candidateForm label, #loginInternal label
{
    font-style: italic;
    font-size: 12px;
}

#candidateForm fieldset input[type='text'], #candidateForm fieldset textarea, #loginInternal fieldset input, #quickApply .formFieldsContainer input, #quickApply .formFieldsContainer textarea, .quickLogin .formFieldsContainer input
{
    width:279px;  
    margin-bottom: 5px;
}

#candidateForm fieldset select 
{
    width:286px;  
}

.dv3FormPanel .formFieldsContainer
{
    padding: 25px 0 35px 55px;
}

.dv3FormPanel .quickApplyBox 
{
padding: 25px 0 0 55px; 
margin-bottom:0;   
}

#candidateForm .bottom 
{
    padding: 0 0 35px 55px;
}

#candidateForm .radiolist 
{
    width: 202px;
}

#candidateForm .radiolist input, #loginInternal .radiolist input , #quickApply .radiolist input, #quickApply .checkbox input 
{
    width: auto;
}

label
{
    font: italic 12px/25px georgia, serif;
}

#candidateForm fieldset .formButtons .button, #loginInternal fieldset .formButtons input, #quickApply .formButtons input, .quickLogin .formFieldsContainer .formButtons input, .formButtons input
{
    width:87px;
}

#main h2 
{
    margin-top: 25px;
}


/*********candidate menu ************/

.Login-pane .navCandidate
{
    position: absolute;
    background: #fff;
    width: 155px;
    margin: 11px 0 0 -5px;
    border: 1px solid #000; 
    z-index:2000; 
}

.basket dl 
{
    background: #fff;
    border: 1px solid #000;
}

.GroupApplyList .group
{
    border-bottom: 1px solid #9E9E9E;
    padding: 10px 0;
}

.Login-pane, #shortlistArea, #shortlistArea2
{
    position: relative;
}

::selection
{
    background:#f78f1e;
    color:#fff
    }
    
::-moz-selection
{
    background:#f78f1e;
    color:#fff
}

.vacancyResults .SearchResultsCell1, .vacancyResults .alternateRow
{
    border-bottom: 1px solid #9e9e9e;
}

.vacancyResults .SearchResultsCell1 p a, .vacancyResults .alternateRow p a 
{
    font-family: Georgia, Serif;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

.vacancyResults
{
    border-top: 1px solid #9e9e9e;
}

#main .advancedSearch .vacancyResults 
{
    border: 0;
}

#main .advancedSearch 
{
    font-family: Georgia, Serif;
}

#main .advancedSearch .UserContent 
{
    font: italic 14px Georgia, serif;
    color: #000;
    margin-bottom: 0;
}

/*
.BrowseSearchInactive 
{
display: none;
}
*/

.searchNav 
{
    border: 0;
    padding: 0; margin: 0;
}

.pagingContainer1
{
    border-bottom: 1px solid #9e9e9e;
    overflow: auto;
    padding: 5px 0;
    margin-top: 0px;
    position:relative;
    z-index:500;  
}

.resultsHeader 
{
    margin-top: 15px;
}

.resultsHeader .searchNav  
{
    display: block;
    left: -2px;
    position: relative;
}

.pagingContainer .pagingRight 
{
    float: left;
}

.jobResultsInfo p 
{
    margin-top: 15px;
    font: normal 12px Arial, sans-serif;
    color: #666666;
    width: 580px;
    line-height: 1.6em;
}

.jobResultsInfo div 
{
    font-style: italic;
    color: #666666;
    font-size: 12px;
    line-height: 1.4em;

}

.jobResultsInfo span 
{
    color: #000;
}


.jobResultsButtons a {
    padding:0 0 0 5px;
    font: normal 12px Arial, sans-serif; 
    text-decoration: underline;

}

.jobResultsButtons a.last {
    border-right:none;
    padding:0 0 0 5px;

}

.jobResultsButtons {
    float:right;
    width:27%;
    text-align: right;
}

.jobResultsTitleContainer a 
{
    font-weight: bold;
    text-decoration: underline;
}

.shortlistButtons 
{
    text-align: right;
}

.shortlistButtons a 
{
    padding-left: 10px;
}

.quickApplyList h2 
{
    border-bottom: 1px solid #666;
    width: 100%;
    padding-bottom: 5px;
}

.personalResponse 
{
    width: 435px;
    float: left;
    border-right: 1px solid #666;
    overflow: hidden;
    padding-right: 25px;
}

.ie8 .personalResponse blockquote {
background:url(http://www.creativerecruitment.co.uk/Graphics/blockquote.gif) no-repeat 0 2px;
text-indent:0px;
height:175px;
margin:0;
padding-left:46px;
}

.personalResponse blockquote {
	font-size: 38px;
	line-height: 40px;
	font-family: Bodoni72, Georgia, "Times New Roman", Times, serif;	
	letter-spacing: -2px;
	text-indent: -50px;
	color: #f78f1e;
	margin: 0 0 0 50px;
}

.ie8 .personalResponse span {
display:none;
}

.personalResponse span {
	font-size: 108px;
	position: relative;
	top: 50px;
	line-height: 1px;
	z-index: 1000;
}

.consultantDetails 
{
    float: left;
    margin-left: 30px;
}


.consultantDetails ul li 
{
    font: italic 12px Georgia, serif;
    color: #666666;
}

.consultantDetails .consultantName 
{
    font-style: normal;
    font-weight: bold;
}

#main .consultantDetails h2 
{
    color: #f78f1e;
    font-size: 18px;
    font-weight: normal;
    margin: 10px 0 0 0; padding:0;
}
    
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.vacancyDetailsFooter .searchNav 
{
    background: #000;
}

.vacancyDetailsFooter .searchNav a, #vacancyDetails #pager a 
{
    color: #fff;
    text-decoration: underline;
    float: right;
    background: url(http://www.creativerecruitment.co.uk/Graphics/arrowDivider.png) no-repeat right;
    padding-right: 15px;
}

#vacancyDetails #pager a.back, #vacancyDetails #pager a.next 
{
    background: none;

}

.vacancyDetailsFooter .searchNav ul  
{
    float: right;
}

.navLinks 
{
float:right; 
width:280px;   
}

.navLinks #jsddm 
{
float:right;    
}

.navLinks #jsddm  #jsddm2
{
margin-top:0px;   
}

.searchNav .shortlistaction 
{
    color: #ffffff;
    font-weight:normal;
    float:right;
    padding:0 5px;
}

.vacancyDetailsFooter .shortlistaction
{
    color:#fff;
    font-weight:normal;
    padding:0 10px 0 2px;
}

.vacancyDetailsFooter .shortlistaction a, .searchNav .shortlistaction a
{
    font-weight: normal;
}
 
.vacancyDetails 
{
    font: normal 12px Georgia, serif;
    color: #000;
}

.vacancyDetails dd span 
{
    font-weight: bold;
}

.vacancyDetailsDescription 
{
    font: normal 12px Arial, sans-serif;
    color: #666;
    line-height: 1.5em;
}

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

#vacancyDetails .vacancyDetailsDescription ul {
	margin-left:2em;
}

#vacancyDetails .vacancyDetailsDescription ul li {
	list-style:disc;
	margin:0;
	padding:0;
}

#vacancyDetails .searchNav, #vacancyDetails .descriptionContainer {
	padding:10px 0 10px 0;
}

#vacancyDetails .searchNav ul {	
	margin:0;
	padding:0;
}

#vacancyDetails .vacancyDetailsFooter ul li {
	display:block;
	float: left;
	white-space:nowrap;	
}

#vacancyDetails .vacancyDetailsFooter a 
{
    margin-right: 10px;
}


#vacancyDetails .searchNav li.addShortList {
	width:99px;
}

#vacancyDetails .searchNav li.emailFriend {
	width:99px;
}

.navLinks li, .navLinks ul
{
    list-style: none;
    margin:0; padding:0;
}

.navLinks li 
{
    cursor: pointer;
    float: right;
}

#jsddm2 li .specialism, #jsddm2 .spanLogoutLink, #jsddm .spanLogoutLink 
{
    color: #f18918;
    font-weight:bold;
    padding-right: 20px;
    background: url(http://www.creativerecruitment.co.uk/Graphics/smallArrow.jpg) no-repeat right;
}

ul#jsddm2 li:hover  ul#ourSpecialisms 
{
    visibility:visible !important;
}

#jsddm2 li .specialism a 
{
color:#f18918;
text-decoration:none;
}

#main .navLinks li dl 
{
    margin:10px 10px 10px 0; padding:0;
}

.navCandidate
{
    display: block;
    left: -148px;
}

#jsddm2 .navCandidate
{
    bottom: 30px;
}

#main .pageCandLinks dl,
#main .pageCandLinks dl dd
{
margin-left:0;    
}

#jsddm2 .basket 
{
    bottom: 5px;
}
.spanLogoutLink, .specialism
{
    font: italic 14px Georgia, serif;
    margin-left: 15px;
}

.history .pagingContainer1 
{
    display: none;
}

.historyLink 
{
    display: block;
    margin-top: 15px;
}

.jobsOnPages .pagingContainer1 
{
    display: none;
}

.jobsOnPages .sortingPanel 
{
    display: none;
}

#jsddm2 
{
    margin-top: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.siteDataTable td label 
{
    padding-right: 8px;
}

.alertsBtn 
{
    margin-top: 15px;
}

.basket
{
    position: absolute;
    
   /*left: -148px;*/
    margin-left: -165px;
    width: 180px;
    z-index:1500;
}

#jsddm2 .basket a.viewAllJobs 
{
margin-bottom:6px;
padding-bottom:10px;  
border-bottom: 1px solid #9E9E9E;    
}

#jsddm2 .basket .functions {
padding:10px 0 0;
}

table.expired th
{
padding:10px 0 !important;   
}

div.descEnd 
{
padding-bottom:20px; 
margin-bottom:20px;  
border-bottom: 1px solid #9E9E9E;    
}

#ourSpecialismsPane .block 
{
width:150px;
color:#000000;  
padding:5px 10px;
clear:both;   
}

#ourSpecialismsPane .block a 
{
color:#F78F1E; 
font-weight:bold;
text-decoration:underline; 
}

#jsddm .basket 
{
    top: 10px;
}

.ie7 #accountButtons .symbol1, .ie7 #accountButtons .symbol2 
{
    padding-bottom: 5px;
}
.quickSearchHome .addthis_toolbox

{
    position: absolute;
    right: 0;
    margin-top: -20px;
}


.title 
{
    float: left;
    width: 100px;
}

.remove 
{
    display: block;
    float: right;
    padding-right: 10px;
    color: #000;
    font-weight: bold;
}

.functions 
{
    padding: 10px 0;
}

.yourSelection .title 
{
    float: none;
}


.facebookLink, .twitterLink, .LinkIn
{
    display: block;
    float: left;
    height: 16px; width: 16px;
    background: url(http://www.creativerecruitment.co.uk/Graphics/css3Sprite.png) no-repeat;
}

.ie7 .facebookLink, .ie8 .facebookLink, .ie7 .twitterLink, .ie8 .twitterLink 
{
    background: url(http://www.creativerecruitment.co.uk/Graphics/ieSprite.png) no-repeat;
}

.facebookLink, .ie7 .facebookLink, .ie8 .facebookLink 
{
    background-position: -226px -350px;
}

#main dd.GroupApplyList 
{
position:relative;
z-index:3000;    
}

.twitterLink, .ie7 .twitterLink, .ie8 .twitterLink 
{
    background-position: -226px -332px;
    padding-left: 6px;
}

a.LinkIn
{
background: url(http://www.creativerecruitment.co.uk/Graphics/css3Sprite.png) -226px -260px no-repeat; 
margin-right:5px;   
}

a.LinkIn:hover 
{
background: url(http://www.creativerecruitment.co.uk/Graphics/css3Sprite.png) -226px -278px no-repeat;    
}


a.twitterLink:hover 
{
background: url(http://www.creativerecruitment.co.uk/Graphics/css3Sprite.png) -226px -297px no-repeat;    
}

a.facebookLink:hover 
{
background: url(http://www.creativerecruitment.co.uk/Graphics/css3Sprite.png) right -315px no-repeat;      
}

.socialMedia 
{
    position: absolute;
    right: 0;
    margin-top: -15px;
}

#accountButtons a:hover 
{
    text-decoration: none;

}
#accountButtons .container:hover, #sideNav #accountButtons .container:hover 
{
    -moz-border-radius: 0 45px 45px 45px;  
    -webkit-border-radius: 0 45px 45px 45px; 
    -o-border-radius: 0 45px 45px 45px; 
    border-radius: 0 45px 45px 45px; 
     
    background-color: #f3b600;
}

#twitter_update_list li 
{
    text-align: center;
}