/**************/
/* Main Stuff */
/**************/

body {
	background-image: url(../images/top.png);
	background-repeat: repeat-x;
}

#pageContainer { width: 950px; margin: auto; }


/* could appear on a few pages */
#popularSearches { width: 865px; margin: auto; margin-bottom: 20px; }
#popularSearches a { width: 165px; overflow: hidden; margin-right: 8px; margin-top: 7px; float: left; text-align: center; }

#popularSearches a:link,
#popularSearches a:visited { color: #333; text-decoration: none; }
#popularSearches a:hover,
#popularSearches a:active { color: #c00002; text-decoration: underline; }

/*******************/
/* Header Elements */
/*******************/

#topContainer {
	min-height: 81px;
	width: 875px;
	margin: auto;
	padding: 0px;
	padding-top: 23px;
	background-color: transparent;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
}

#topContainer #adContainer { min-height: 70px; }
#topContainer #ad { float: right; text-align: right; width: 600px; }

#topContainer ul {
	text-align: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#topContainer ul li {
	display: inline;
	padding-left: 6px; /* for the images */
	background-color: transparent;
	background-repeat: no-repeat;
}

#topContainer ul li a { text-decoration: none; }

ul#mainNav { margin: 10px 0; padding-right: 20px; }
ul#mainNav a {color: #333; }
ul#mainNav li {
	margin-left: 14px;
	background-image: url(../images/nav_main_bullet.png);
}


/*
ul#mainNav .redNav a { color: #c00; }
ul#mainNav .redNav   { background-image: url(../images/nav_top_bullet.png); }
*/


/*************************/
/* Main Content Elements */
/*************************/

#middleContainer {
	width: 936px;
	margin: auto;
	margin-bottom: 10px;
}

#mainHeader { width: 936px; height: 188px; }

#mainContainer {
	width: 865px;
	margin: auto;
}

img.heading { margin: 10px 0px; display: block; }

div#galleryItem { /* one gallery item */
	position: relative;
	width: 91px;
	height: 91px;
	float: left;
	margin: 5px;
	border: 4px solid #efefef;
}

div.leftPile { float: left; }
.mainSection { margin-top: 22px; }
.blog_picture { float: left; border: 1px solid #333; margin-right: 5px; margin-bottom: 5px; }
a.morelink { font-weight: bold; color: #333; }

/* special text */
.redtext { color: #cc2127; }
.greytext { color: #808282; }
.darkgreytext { color: #333; }
.boldtext { font-weight: bold; }

/*************/
/* Main Page */
/*************/

.pageHome #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_main.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
	
	overflow: hidden;
	text-align: left;
}

.pageHome #mainHeader #salesJobText {
	position: relative;
	left: 55px;
	top: -112px;
	width: 180px;
	height: 105px;
	overflow: hidden;
}

.pageHome #mainHeader #otherJobText {
	position: relative;
	left: 495px;
	top: -217px;
	width: 180px;
	height: 105px;
	overflow: hidden;
}

.pageHome #mainHeader #salesJobDesc {
	position: relative;
	left: 255px;
	top: 75px;
	width: 180px;
	height: 88px;
	line-height: 150%;
	overflow: hidden;
}
.pageHome #mainHeader #salesJobDesc span a { color: #cc2127; font-weight: bold; overflow: hidden; }
.pageHome #mainHeader #otherJobDesc {
	position: relative;
	left: 696px;
	top: -15px;
	width: 180px;
	height: 88px;
	line-height: 150%;
	overflow: hidden;
}
.pageHome #mainHeader #otherJobDesc span a { color: #cc2127; font-weight: bold; overflow: hidden; }

.pageHome #mainPane_1 { width: 365px; }
.pageHome #mainPane_2 {
	width: 257px;
	border: 1px solid #c9ddf1;
	border-top: none;
	margin: 0px 10px;
	padding: 0px 12px 12px;
}
.pageHome #rightPane { width: 197px; }

.pageHome #blog_title { font-weight: bold; }
.pageHome #blog_author { color: #808282; }

.pageHome #job_alerts {  }
.pageHome #tell_a_friend { margin-top: 10px; }
.pageHome #call_me_back { margin-top: 10px; }

/* See bottom for form business */

/******************/
/* Team Talk page */
/******************/

.pageTalkArchive #mainHeader,
.pageTalk        #mainHeader,
.pageTeamTalk    #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

/* all blogs */
.pageTeamTalk #talkPane_1 { width: 680px; padding-right: 10px; }
.pageTeamTalk #talkMiniPane_1 { width: 330px; padding-right: 10px; }
.pageTeamTalk #talkMiniPane_2 { width: 330px; padding-right: 10px; }
.pageTeamTalk #rightPane { width: 175px; }

/* individual blog */
.pageTalk #talkPane_1 { width: 620px; padding-right: 20px; }
.pageTalk #rightPane { width: 225px; }

/* blog archive */
.pageTalkArchive #talkArchivePane_1 { width: 680px; padding-right: 10px; }
.pageTalkArchive #rightPane { width: 175px; }

/* general blogentries */
.pageTeamTalk .blogentry { margin-bottom: 15px; padding: 3px; height: 87px; overflow: hidden; }
.pageTeamTalk .blogentry img.blog_picture { border-color: #808282; }
.pageTeamTalk .blogentry:hover { background-color: #e2e2e2; }
.pageTeamTalk .blogentry h2 { display: inline; color: #cc2127; font-size: 1em; font-weight: bold; margin-right: 5px; }
.pageTeamTalk .blogentry h2 * { color: #cc2127; font-size: 1em; font-weight: bold; }
.pageTeamTalk .blog_author { color: #808282; }
.pageTeamTalk .blog_date { font-weight: bold; }
.pageTeamTalk .blog_content { }

.pageTalk .blogentry { padding: 3px; }
.pageTalk .blogentry img.blog_picture { float: right; border-color: #808282; margin: 5px; }
.pageTalk .blogentry h2 { display: inline; color: #cc2127; font-size: 1em; font-weight: bold; margin-right: 5px; }
.pageTalk .blog_author { color: #808282; }
.pageTalk .blog_date { font-weight: bold; }
.pageTalk .blog_content { }

.pageTalkArchive .archiveContainer { margin-bottom: 7px; }
.pageTalkArchive .mini_talk { border: 1px solid #c3c3c3; padding: 5px; width: 205px; float: left; margin-right: 7px; }
.pageTalkArchive .mini_talk .mini_heading .mini_title { color: #cc2127; font-weight: bold; line-height: 120%; }
.pageTalkArchive .mini_talk .mini_heading .mini_author { color: #808282; font-weight: normal; margin-left: 5px; line-height: 120%; }
.pageTalkArchive .mini_talk .mini_date { font-weight: bold; line-height: 100%; margin-top: 5px; }


/**************/
/* Links Page */
/**************/

.pageLinks #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

.pageLinks #linksPane_1 { width: 648px; padding-right: 20px; }
.pageLinks #rightPane { width: 197px; }

.pageLinks #linksPane_1 .mainSection img.heading { margin-bottom: 15px; }
.pageLinks #linksPane_1 .mainSection { line-height: 120%; }

/****************/
/* Sitemap Page */
/****************/

.pageSitemap #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

.pageSitemap #sitemapPane_1 { width: 648px; padding-right: 20px; }
.pageSitemap #rightPane { width: 197px; }

.pageSitemap #sitemapPane_1 .mainSection img.heading { margin-bottom: 15px; }
.pageSitemap #sitemapPane_1 .mainSection { line-height: 150%; }

#jobs_archive { height: 400px; overflow: auto; }
.jobs_archive_job { width: 49%; overflow: hidden; float: left; margin-right: 0.9%; }

/*******************/
/* Candidates Page */
/*******************/

.pageCandidates #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

.pageCandidates #candPane_1 { width: 648px; padding-right: 20px; }
.pageCandidates #rightPane { width: 197px; }

.pageCandidates #candPane_1 .mainSection img.heading { margin-bottom: 15px; }
.pageCandidates #candPane_1 .mainSection { line-height: 120%; }

/****************/
/* Clients Page */
/****************/

.pageClients #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

.pageClients #cliPane_1 { width: 660px; padding-right: 20px; }
.pageClients #rightPane { width: 185px; }

.pageClients #cliPane_1 .mainSection img.heading { margin-bottom: 15px; }
.pageClients #cliPane_1 .mainSection { line-height: 120%; }

/***************/
/* People Page */
/***************/

.pagePeople #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

.pagePeople #contentHere { display: none; }

.pagePeople #peoplePane_1 { width: 660px; padding-right: 20px; }
.pagePeople #rightPane    { width: 185px; }

.pagePeople .person_bio { text-align: justify; line-height: 150%; }

.pagePeople .colourPic { margin-right: 10px; }

.pagePeople #bottomlink { margin-top: 20px; }

/*************/
/* FAQs Page */
/*************/

.pageFAQs #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

.pageFAQs #faqsMenu {
	margin: 0px;
	padding: 0px;
	color: #000;
}

.pageFAQs #faqsMenu li {
	display: block;
	float: left;
	width: 280px;
	height: 18px;
	overflow: hidden;
	margin: 5px;
	padding: 0px;
	background-color: #fff;
	color: #cc2127;
	border-bottom: 1px solid #333;
	line-height: normal;
}
.pageFAQs #faqsMenu li img { margin-right: 1px; vertical-align: middle; }
.pageFAQs #faqsMenu * { color: #cc2127; }

.pageFAQs #faqsPane_1 { width: 648px; padding-right: 20px; }
.pageFAQs #rightPane  { width: 197px; }

.pageFAQs #contentHere { display: none; }

.pageFAQs #bottomlink { margin-top: 20px; }

/* faq main part styles here */
.pageFAQs #faqs {  }
.pageFAQs #faqs dt { font-weight: bold; }
.pageFAQs #faqs dl {  }


/*********************/
/* Case Studies Page */
/*********************/

.pageCases #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

.pageCases #casesPane_1 { width: 648px; padding-right: 20px; }
.pageCases #rightPane  { width: 197px; }

.pageCases #contentHere { display: none; margin-top: 15px; }

.pageCases #cases, .pageCases #contentHere {  }
.pageCases #cases .case_area, .pageCases #contentHere .case_area  { margin-bottom: 10px; color: #cc2127; font-weight: bold; }
.pageCases #cases .case_name, .pageCases #contentHere .case_name  { margin-bottom: 10px;  }
.pageCases #cases .case_brief, .pageCases #contentHere .case_brief  { margin-bottom: 10px;  }
.pageCases #cases .case_solution, .pageCases #contentHere .case_solution  { margin-bottom: 10px;  }

.pageCases p { margin: 0px; }


/**********************/
/* Join Our Team Page */
/**********************/

.pageJoin #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

.pageJoin #joinPane_1 { width: 648px; padding-right: 20px; }
.pageJoin #rightPane  { width: 197px; }

/****************/
/* Contact Page */
/****************/

.pageContact #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
	
	margin-bottom: 20px;
}

.pageContact #contactform { width: 470px; }
.pageContact #contact { width: 395px; }

.pageContact div#errors { margin-left: 87px; }

.pageContact #contactGraphic { margin: 8px 30px 0px 10px; }

/******************/
/* Call back page */
/******************/

.pageCallback #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

.pageContact div#errors { margin-left: 87px; }

/* See bottom for form business */

/**********************/
/* Tell A friend Page */
/**********************/

.pageTell #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
	
	margin-bottom: 20px;
}

.pageTell #contactform { }

.pageTell div#errors { margin-left: 147px; }

/* See bottom for form business */

/***************/
/* Search Page */
/***************/

.pageDetails #mainHeader,
.pageResults #mainHeader,
.pageSearch #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

.pageSearch #resultsPane .mainSection img.heading,
.pageDetails #resultsPane .mainSection img.heading,
.pageResults #resultsPane .mainSection img.heading { margin-bottom: 15px; }

.job_description li { margin-left: 30px; } /* make these look a bit better */

/* search page */
.pageSearch #searchPane  { width: 668px; }
.pageSearch #rightPane { width: 197px; }

.pageSearch div#messages { margin-left: 89px; margin-top: 10px; }
.pageSearch div#errors { margin-left: 89px; margin-top: 10px; }

/* results page */
.pageResults #resultsPane { width: 495px; padding-right: 20px; }
.pageResults #rightPane { width: 350px; }

/* content on results */
.pageResults #numJobs div { float: left; background-color: #cc2127; color: #fff; font-weight: bold; height: 27px; }
.pageResults #numJobs #textPart { padding-top: 3px; height: 24px; }
.pageResults .jobNav { color: #808282; font-weight: bold; margin-bottom: 10px; margin-top: 10px; }
.pageResults .jobNav a.prevImg { background-image: url(../images/previous_page_up.png); }
.pageResults .jobNav a.prevImg:hover { background-image: url(../images/previous_page_over.png); }
.pageResults .jobNav a.nextImg { background-image: url(../images/next_page_up.png); }
.pageResults .jobNav a.nextImg:hover { background-image: url(../images/next_page_over.png); }

.pageDetails #jobsTable,
.pageResults #jobsTable {  }
.pageDetails #jobsTable .job,
.pageResults #jobsTable .job { background-color: #fff; /*border-top: 1px solid #cc2127;*/ padding: 10px; }
.pageDetails #jobsTable .job.odd,
.pageResults #jobsTable .job.odd {  }
.pageDetails #jobsTable .job .applyButton,
.pageResults #jobsTable .job .applyButton { float: right; margin: 2px 2px 10px 10px; }
.pageDetails #jobsTable .job .jobRow,
.pageResults #jobsTable .job .jobRow {  }
.pageDetails #jobsTable .job .jobRow .jobRowTitle,
.pageResults #jobsTable .job .jobRow .jobRowTitle    { float: left; width: 70px; font-weight: bold; text-align: right; }
.pageDetails #jobsTable .job .jobRow .jobRowText,
.pageResults #jobsTable .job .jobRow .jobRowText     { margin-left: 80px;  }
.pageDetails #jobsTable .job .jobRow .jobTitle,
.pageResults #jobsTable .job .jobRow .jobTitle       { font-weight: bold; color: #cc2127; }
.pageDetails #jobsTable .job .jobRow .jobReference,
.pageResults #jobsTable .job .jobRow .jobReference   {  }
.pageDetails #jobsTable .job .jobRow .jobLocation,
.pageResults #jobsTable .job .jobRow .jobLocation    {  }
.pageDetails #jobsTable .job .jobRow .jobPackage,
.pageResults #jobsTable .job .jobRow .jobPackage     {  }
.pageDetails #jobsTable .job .jobRow .jobDescription,
.pageResults #jobsTable .job .jobRow .jobDescription { }
.pageDetails #jobsTable .job .jobRow .jobDescription a.displayLink,
.pageResults #jobsTable .job .jobRow .jobDescription a.displayLink { display: none; }

/* See bottom for form business */

/*******************/
/* Job Alerts Page */
/*******************/

.pageAlerts #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

.pageAlerts div#errors { margin-left: 89px; }
.pageAlerts div#messages { margin-left: 89px; }

/* See bottom for form business */

/*******************/
/* Newsletter Page */
/*******************/

.pageNews #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

.pageNews div#errors { margin-left: 89px; }

/* See bottom for form business */

/*********************/
/* S&M Pages (oo-er) */
/*********************/

.pageSalesMarketing #mainHeader {
	background-color: transparent;
	background-image: url(../images/top_general.png);
	background-repeat: no-repeat;
	
	width: 936px;
	height: 188px;
}

.pageSalesMarketing #smPane_1 { width: 648px; padding-right: 20px; }
.pageSalesMarketing #rightPane { width: 197px; }

.pageSalesMarketing #smPane_1 .mainSection img.heading { margin-bottom: 15px; }
.pageSalesMarketing #smPane_1 .mainSection { line-height: 120%; }


/***************************/
/* Random includable panes */
/***************************/

#rightPane * { text-align: left; }

/* Latest Jobs */
#rightPane #mini_jobs #salesTab,
#rightPane #mini_jobs #otherTab { padding: 5px; padding-bottom: 0; border: 1px solid #c00202; }
#rightPane #mini_jobs .mini_job { border: 1px solid #c3c3c3; padding: 5px; margin-bottom: 7px; }
#rightPane #mini_jobs .mini_job .mini_title { color: #cc2127; font-weight: bold; padding-bottom: 2px; line-height: 100%; }
#rightPane #mini_jobs .mini_job .mini_title a { color:#cc2127; text-decoration: none; }
#rightPane #mini_jobs .mini_job .mini_title a:hover { text-decoration: underline; }
#rightPane #mini_jobs .mini_job .mini_location { color: #808282; line-height: 120%; margin-top: 3px; }
#rightPane #mini_jobs .mini_job .mini_salary { font-weight: bold; line-height: 120%; margin-top: 2px; }

/* Featured Jobs */
#rightPane #mini_featured .mini_job { border: 1px solid #c3c3c3; padding: 5px; margin-bottom: 7px; }
#rightPane #mini_featured .mini_job .mini_title { color: #cc2127; font-weight: bold; padding-bottom: 2px; line-height: 100%; }
#rightPane #mini_featured .mini_job .mini_title a { color:#cc2127; text-decoration: none; }
#rightPane #mini_featured .mini_job .mini_title a:hover { text-decoration: underline; }
#rightPane #mini_featured .mini_job .mini_location { color: #808282; line-height: 120%; margin-top: 3px; }
#rightPane #mini_featured .mini_job .mini_salary { font-weight: bold; line-height: 120%; margin-top: 2px; }

/* Team Talk */
#rightPane #mini_talks { margin: 20px 0px 10px 0px; padding-right: 5px; }
#rightPane #mini_talks .mini_talk { border: 1px solid #c3c3c3; padding: 5px; margin-bottom: 7px; }
#rightPane #mini_talks .mini_talk .mini_heading .mini_title { color: #cc2127; font-weight: bold; line-height: 120%; }
#rightPane #mini_talks .mini_talk .mini_heading .mini_author { color: #808282; font-weight: normal; margin-left: 5px; line-height: 120%; }
#rightPane #mini_talks .mini_talk .mini_date { font-weight: bold; line-height: 100%; margin-top: 5px; }
#rightPane #mini_talks .mini_talk.archive { display: none; }
#rightPane #mini_talks #mini_archive { padding: 6px; margin-bottom: 3px; font-weight: bold; }

/* Case Studies */
#rightPane #mini_cases {  }
#rightPane #mini_cases .mini_case { border: 1px solid #c3c3c3; padding: 5px; margin-bottom: 7px; }
#rightPane #mini_cases .mini_case a { display: block; padding: 1px 2px; color: #cc2127; line-height: 120%; font-weight: bold; }

/* FAQs */
#rightPane #mini_faqs {  }
#rightPane #mini_faqs .mini_faq { border: 1px solid #c3c3c3; padding: 5px; margin-bottom: 7px; }
#rightPane #mini_faqs .mini_faq a { display: block; padding: 1px 2px; color: #cc2127; line-height: 120%; font-weight: bold; }

/*******************/
/* Footer Elements */
/*******************/

#footer {
	width: 900px;
	margin: auto;
	background-image:url(../images/footer.png);
	background-repeat: no-repeat;
	background-position:0px 0px;
	color: #818181;
	padding-top: 8px;
}

#footer #footer_main { padding: 0 10px; float: left; width: 450px; }
#footer #footer_main a { text-decoration: none; color: #818181; }
#footer #footer_main a:hover { text-decoration: none; color: #000; }
#footer #footer_right { float: right; width: 296px; padding-top: 4px; }

/*****************/
/* Form Elements */
/*****************/

div.formrow {
	clear: both;
	text-align: left;
	margin-bottom: 10px;
}

div.formrow label {
	float: left;
	text-align: right;
	margin-right: 7px;
	width: 100px;
}

div.formrow.nolabel { padding-left: 107px; }

form#f_contactform div.formrow label { width: 80px; }
form#f_contactform div.formrow.nolabel { padding-left: 87px; }

form#f_tellform div.formrow label { width: 140px; }
form#f_tellform div.formrow.nolabel { padding-left: 147px; }

/* home page quicksearch */
form#quickSearch div.formrow label { width: 50px; }
form#quickSearch div.formrow.nolabel { padding-left: 57px; }

form#quickSearch { margin-top: 10px; border: 1px solid #C9DDF1; padding: 5px 5px 0px 5px; margin-bottom: 5px; }
form#quickSearch #job_type     { width: 185px; }
form#quickSearch #job_location { width: 140px; }
form#quickSearch #quick_search { position: relative; top: 2px; }

/* s&m quicksearches */
form#sm_quickSearch div.formrow label { width: 50px; }
form#sm_quickSearch div.formrow.nolabel { padding-left: 57px; }

form#sm_quickSearch { margin-top: 10px; border: 1px solid #C9DDF1; padding: 5px 5px 0px 5px; margin-bottom: 5px; }
form#sm_quickSearch #job_type       { width: 185px; }
form#sm_quickSearch #job_location   { width: 185px; }
form#sm_quickSearch #job_keys       { width: 179px; }
form#sm_quickSearch #job_salary_min { width: 170px; }
form#sm_quickSearch #quick_search   { margin: 9px 1px 7px; }
form#sm_quickSearch #job_search     { margin: 9px 1px 7px; }

/* blah */
form#alertsForm div.formrow div.search_help { color: #999; padding-left: 112px; }
form#alertsForm div.formrow label { width: 105px; }
form#alertsForm div.formrow.nolabel { padding-left: 112px; }

form#newsForm div.formrow div.search_help { color: #999; padding-left: 89px; }
form#newsForm div.formrow label { width: 82px; }
form#newsForm div.formrow.nolabel { padding-left: 89px; }

form#newsForm,
form#alertsForm,
form#mainSearch { margin-top: 20px; }

form#alertsForm select,
form#mainSearch select { width: 200px; }

span.search_help { color: #999; }

form#mainSearch div.formrow.nolabel { padding-left: 112px; }
form#mainSearch div.formrow div.search_help { color: #999; padding-left: 112px; }
form#mainSearch div.formrow label { width: 105px; }

textarea { font: inherit; line-height: 100%; } /* make the textarea back to normal */

form * { color: #333; font-size: 1em; }

div#errors, div#messages { line-height: 250%; margin-bottom: 10px; }
span.message { border: 1px solid #080; padding: 3px 5px; }
span.error { border-color: #f00; color: #f00; }