/* reset all ctyles*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-weight: normal; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }
parents /* remember to highlight inserts somehow! */ ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

hr { vertical-align: middle; }


em { font-size: 0.864em; }


.secondNav { clear: both; padding-left: 5px; padding-top: 10px; padding-bottom: 10px; background: #fef5f5 url(images/site_bg_articleintro_color_one.png) top repeat-x; }

a { color: #002a42; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

.contain { margin-top: 10px; margin-bottom: 10px; }
.contain li { padding: 0px; margin: 0px; list-style: none; display: inline; padding-left: 33px; margin-left: 10px; }
.contain .delicious { background-image: url(images/iconDelicious.gif); background-repeat: no-repeat; padding-bottom: 20px; }
.contain .digg { background-image: url(images/iconDigg.gif); background-repeat: no-repeat; padding-bottom: 20px; }
.contain .reddit { background-image: url(images/iconReddit.gif); background-repeat: no-repeat; padding-bottom: 20px; }
.contain .facebook { background-image: url(images/iconFacebook.gif); background-repeat: no-repeat; padding-bottom: 20px; }
.contain .stumble { background-image: url(images/iconStumble.gif); background-repeat: no-repeat; padding-bottom: 20px; }
.login { float: right; }
/*H2 { position: relative; top: -5px; }*/
.DivLeft { margin-bottom: 7px; }

.clearer {clear:both; margin:0px; padding:0px; height:0px; line-height:0px; overflow:hidden;}


#SlideShow div { display: inline; }
#SlideShow .slideShowNavButton { position: relative; padding: 10px; top: 160px; }
.slideShowImage { padding: 5px 10px 5px 10px; vertical-align: top; }
.closeButton { float: right; }

/* Modal Popup Style  */
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; z-index: 800; }

.modalPopup { background-color: White; border-width: 2px; border-style: solid; border-color: Gray; padding: 3px; width: 250px; z-index: 900; }
.modalImagePopup { background-color: White; border-width: 2px; border-style: solid; border-color: Gray; padding: 3px; z-index: 900; }

.popupControl { background-color: White; position: absolute; visibility: hidden; border-style: solid; border-color: Black; border-width: 2px; z-index: 999; }

/* Padding  */
#Pad5 { padding: 5px; }
#Pad10 { padding: 10px; }
#Pad20 { padding: 20px; }
/* imaging  */
.ThumbNails { width: 110px; }
.imgAlignLeft { float: left; }
.imgAlignRight { float: right; }
.imgAlignCenter { }
.imgAlignJustified { }

/*  Div positioning */
.DivLeft { float: left; }
.DivRight { float: right; }

/*  Horizontal Lines 
====================
.hrdot { border: 2px dotted #E3E3E3; }
.hrdotSml { border: 1px dotted #E3E3E3; }
.hrredLrg { border: none; background-color: #F38875; border-color: #F38875; color: #F38875; height: 10px; }
.hrDrkRedLrg { border: none; background-color: #E8294C; border-color: #E8294C; color: #E8294C; height: 10px; }
.hryelLrg { border: none; background-color: #FEDB63; border-color: #FEDB63; color: #FEDB63; height: 10px; }
.hrBluLrg { border: none; background-color: #799DA8; border-color: #799DA8; color: #799DA8; height: 10px; }

.hrredSml { border: none; background-color: #F38875; border-color: #F38875; color: #F38875; height: 1px; }
.hrDrkRedSml { border: none; background-color: #E8294C; border-color: #E8294C; color: #E8294C; height: 1px; }
.hryelSml { border: none; background-color: #FEDB63; border-color: #FEDB63; color: #FEDB63; height: 1px; }
.hrBluSml { border: none; background-color: #799DA8; border-color: #799DA8; color: #799DA8; height: 1px; }*/

/*  Links
.lnkblue { background-color: #3399CC; color: White; margin-bottom: 13px; }

.a { color: #3399CC; margin-top: 5px; } */

/* Label
=================
.lblstdArial { font-family: Arial; }
*/

.lblstd { font-size: 0.7em; }


/* Heading Page
=================

.MHeadingFont { font-family: Rockwell light; }

.FLghtRed { color: #F38875; }
.FDrkRed { color: #E8294C; }
.FYllw { color: #FEDB63; }
.FBlu { color: #799DA8; }*/

/* Paragraph
=================*/

.col p { padding: 0 0 5px; }

/* Fonts
=================*/

/*  Comments
====================*/
.CmtBlockLeft { float: left; width: 180px; display: inline; }
.CmtBlockRight { display: block; }


/***************  External   ***************/
/*******************************************/
/*******************************************/

/* HTML elements
================*/
html { overflow: -moz-scrollbars-vertical; /* for firefox to stop site jump due to missing scroll bar */ }
textarea, body { font-family: Arial, Verdana, Helvetica, sans-serif; color: #666666; }
em { font-style: italic; }

/*body#about h1, body#privacypolicy h1 { color:#ec8a6d; }*/

/* Rockwell Headers
==================== */
h1 { font-family: Rockwell light; padding: 5px 0 5px 0; }
h2 { font-family: Rockwell light; }
h3 { font-family: Rockwell light; padding-top: 3px; }

/* Headlines
============= 
.headline-one { color: #333333; }
.headline-one a { color: #333333; }
.headline-one a:hover { color: #3399CC; }

.headline-two { color: #333333; margin-bottom: 0px; }
.headline-three { color: #333333; }
.headline-three { color: #333333; }*/

/* Article Headlines
==================== 
.article-head { color: #333333; }
.stand-first { color: #999999; }
.stand-first-italic { color: #999999; }
.subhead { color: #333333; margin-top: 20px; }*/

/* Blockquote
============= */
.blockquote { background: #ffffff url(images/site_bg_sb_quote.png) top left no-repeat; padding: 28px 0 5px 0; }
.blockquote p.highlight { color: #CC0065; }

/* Standard Body Copy & Links
============================= */
p { margin-bottom: 10px; }
/*a { color:#666666; text-decoration:none; }*/
a:hover { text-decoration: underline; }
p.small { color: #666666; margin-bottom: 0px; }
p.whiteout, .whiteout { color: #FFFFFF; }


/* Global Classes
=================*/
.clearboth { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
strong { font-weight: bold; }
/*DONT USE THIS IF YOU DONT HAVE TOO */
.noheaderspacer { clear: left; height: 20px; }
.lrgpromopadding { margin-top: 5px; margin-bottom: 5px; }

/* MAIN LAYOUT PARTS THAT ARE ON EVERY PAGE
eg: header, sidebar, breadcrumbs and footer
==========================================*/
/* Main Wrapper
===============*/
#wrapper { width: 980px; text-align: left; margin: 0 0px; }
/* header section
=================*/
#header { border-bottom: 1px solid #999999; width: 940px; margin: 0 30px 0 30px; float: left; display: inline; }
/* Logo
=======*/
#header .logo { margin: 10px 0 10px 0; float: left; display: inline; width: 188px; }
/* contains search and increased text
=====================================*/
/* increase text
================*/
.increasetext { text-align: right; padding: 0 15px 0 0; margin: 15px 0 0px 0; width: 100%; }
.increasetext a { color: #666666; text-decoration: none; }
.increasetext a:hover { color: #666666; text-decoration: none; }
.increasetext a.medium { }
.increasetext a.largest { }
/* Site search
==============*/
.searchbox { clear: both; width: auto; float: right; display: block; text-align: right; margin-top: 10px; }
#searchsite .textinput { width: 123px; display: inline; float: left; height: 14px; border: 1px solid #999999; }
#searchsite .submitinput { border: none; background: #ffffff; color: #666666; width: 52px; text-align: left; margin: 0px; display: inline; margin-left: 5px; }
#searchsite .submitinput:hover { text-decoration: underline; }
/* Stay in touch / get involved buttons
=======================================*/
#joinup { margin: 16px 0 0 10px; border-left: 1px solid #999999; float: left; display: inline; width: 115px; }
#joinup ul { margin: 0 0 0 10px; }
#joinup ul li { margin: 0 0 7px 0px; height: 20px; }
#joinup ul li.last { margin: 0 0 0px 0px; }
/* sidebar and main content container
=====================================*/
#mainpage { clear: left; width: 100%; display: inline; float: left; }

/* Sidebar navigation
=====================*/
#sidebar { float: left; width: 150px; display: inline; }
#sidebar ul.mainnavigation { margin: 26px 0 0 0px; }
#sidebar li { color: #181818; }
#sidebar li.listtitle { width: 100px; border-bottom: 1px solid #181818; padding: 0 0 4px 0; }
#sidebar li.listtitle span { display: none; }
/* Background images for the Main Navigation */
#sidebar li.listtitle#edge { margin-left: 30px; height: 12px; background: url(menu_bgs/lst_tit_edge.png) 0 0 no-repeat; }
#sidebar li.listtitle#showme { margin-left: 30px; height: 10px; background: url(menu_bgs/lst_tit_showme.png) 0 0 no-repeat; }
#sidebar li.listtitle#edgefor { margin-left: 30px; height: 12px; background: url(menu_bgs/lst_tit_edgefor.png) 0 0 no-repeat; }
#sidebar li.listtitle#edgelinks { margin-left: 30px; height: 12px; background: url(menu_bgs/lst_tit_edgelinks.png) 0 0 no-repeat; }
#sidebar li.newlist { margin: 20px 0 3px 0; }

#sidebar li a { margin: 0 0 0 30px; color: #181818; }
#sidebar li a.menu_edge:hover { text-decoration: underline; color: #f38875; }
#sidebar li a.menu_edge_on { text-decoration: underline; color: #f38875; }
#sidebar li a.showme:hover { text-decoration: underline; color: #E8294C; }
#sidebar li a.showme_on { text-decoration: underline; color: #E8294C; }
#sidebar li a.edgelinks:hover { text-decoration: underline; color: #f38875; }
#sidebar li a.edgelinks_on { text-decoration: underline; color: #f38875; }

#sidebar li a.parentspublic { margin-left: 0px; padding-left: 30px; background: url(menu_bgs/mnu_parents_public.png) left center no-repeat; }
#sidebar li a.parentspublic:hover, #sidebar li a.parentspublic_on { color: #ffffff; text-decoration: none; margin-left: 0px; padding-left: 30px; padding-right: 10px; background: url(menu_bgs/mnu_parents_public_on.png) right center no-repeat; }

#sidebar li a.education { margin-left: 0px; padding-left: 30px; background: url(menu_bgs/mnu_education.png) left center no-repeat; }
#sidebar li a.education:hover, #sidebar li a.education_on { color: #ffffff; text-decoration: none; margin-left: 0px; padding-left: 30px; padding-right: 10px; background: url(menu_bgs/mnu_education_on.png) right center no-repeat; }

#sidebar li a.employers { margin-left: 0px; padding-left: 30px; background: url(menu_bgs/mnu_employers.png) left center no-repeat; }
#sidebar li a.employers:hover, #sidebar li a.employers_on { color: #ffffff; text-decoration: none; margin-left: 0px; padding-left: 30px; padding-right: 10px; background: url(menu_bgs/mnu_employers_on.png) right center no-repeat; }

#sidebar li a.youngpeople { margin-left: 0px; padding-left: 30px; background: url(menu_bgs/mnu_young_people.png) left center no-repeat; }
#sidebar li a.youngpeople:hover, #sidebar li a.youngpeople_on { color: #ffffff; text-decoration: none; margin-left: 0px; padding-left: 30px; padding-right: 10px; background: url(menu_bgs/mnu_young_people_on.png) right center no-repeat; }

#sidebar li a.opinionformers { margin-left: 0px; padding-left: 30px; background: url(menu_bgs/mnu_opinion_formers.png) left center no-repeat; }
#sidebar li a.opinionformers:hover, #sidebar li a.opinionformers_on { color: #ffffff; text-decoration: none; margin-left: 0px; padding-left: 30px; padding-right: 10px; background: url(menu_bgs/mnu_opinion_formers_on.png) right center no-repeat; }

/* main content area
====================*/
#contentarea { float: left; display: inline; width: 800px; margin: 0 0 0 20px; }

/* Area navigation (This doesent happen on all pages)
=====================================================*/
#areanav { clear: both; width: 100%; float: left; display: inline; min-height: 25px; height: auto !important; height: 25px; }
#areanav ul { margin: 8px 0 0 0; }
#areanav li { display: inline; }
#areanav li a { border-right: 1px solid #666666; padding: 0 5px 0 5px; }
#areanav li a.lastlink { border: none; }

/* breacrumb trail
==================*/
.breadcrumbs { min-height: 40px; height: auto !important; height: 40px; color: #666666; }
.breadcrumbs ul { padding: 25px 0 0 0; }
.breadcrumbs ul li { display: inline; }

/* Footer
=========*/
#footer { clear: both; border-top: 4px solid #cccccc; width: 940px; margin: 15px 30px 20px 30px; padding-top: 5px; }
#footer, #footer a { color: #666666; }
#footer ul { margin: 5px 0 0 0; }
#footer li { display: inline; padding: 0 7px 0 7px; border-right: 1px solid #666666; }
#footer li.finallink { border-right: none; }

/* COLOUR SPECIFIC 
 ==================*/
/*body#color-one .breadcrumbs { border-bottom: 10px solid #f38875; }
 Terracotta - About Edge pages */
/*body#color-two .breadcrumbs { border-bottom: 10px solid #e8294c; }
 Red - Get involved / News */
/*body#color-three .breadcrumbs { border-bottom: 10px solid #799da8; }
 Blue - Education Sector */
/*body#color-four .breadcrumbs { border-bottom: 10px solid #bad75b; }
 Green - Parents and Public */
/*body#color-five .breadcrumbs { border-bottom: 10px solid #f4a1ac; }
 Pink - Employeers */
/*body#color-six .breadcrumbs { border-bottom: 10px solid #fedb63; }
 Yellow - Young People */
/*body#color-seven .breadcrumbs { border-bottom: 10px solid #69b0ac; }
 Teal - Opinion Formers */

/*body#color-one #sitearea { border-bottom: 1px solid #f38875; }
 Terracotta - About Edge pages */
/*body#color-two #sitearea { border-bottom: 1px solid #e8294c; }
 Red - Get involved / News */
/*body#color-three #sitearea { border-bottom: 1px solid #799da8; }
 Blue - Education Sector */
/*body#color-four #sitearea { border-bottom: 1px solid #bad75b; }
 Green - Parents and Public */
/*body#color-five #sitearea { border-bottom: 1px solid #f4a1ac; }
 Pink - Employeers */
/*body#color-six #sitearea { border-bottom: 1px solid #fedb63; }
 Yellow - Young People */
/*body#color-seven #sitearea { border-bottom: 1px solid #69b0ac; }
 Teal - Opinion Formers */

/*body#color-one #areanav { background: #fef5f5 url(images/site_bg_articleintro_color_one.png) top repeat-x; }
 Terracotta - About Edge pages */
/*body#color-two #areanav { background: #fdeaed url(images/site_bg_articleintro.png) top repeat-x; }
 Red - Get involved / News */
/*body#color-three #areanav { background: #799da8 url(images/site_bg_articleintro.png) top repeat-x; }
 Blue - Education Sector */
/*body#color-four #areanav { background: #bad75b url(images/site_bg_articleintro.png) top repeat-x; }
 Green - Parents and Public */
/*body#color-five #areanav { background: #f4a1ac url(images/site_bg_articleintro.png) top repeat-x; }
 Pink - Employeers */
/*body#color-six #areanav { background: #fedb63 url(images/site_bg_articleintro.png) top repeat-x; }
 Yellow - Young People */
/*body#color-seven #areanav { background: #69b0ac url(images/site_bg_articleintro.png) top repeat-x; }
 Teal - Opinion Formers */

/*body#color-one a.active { color: #f38875; text-decoration: underline; }
 Terracotta - About Edge pages */
/*body#color-two a.active { color: #e8294c; text-decoration: underline; }
 Red - Get involved / News */
/*body#color-three a.active { color: #799da8; text-decoration: underline; }
 Blue - Education Sector */
/*body#color-four a.active { color: #bad75b; text-decoration: underline; }
 Green - Parents and Public */
/*body#color-five a.active { color: #f4a1ac; text-decoration: underline; }
 Pink - Employeers */
/*body#color-six a.active { color: #fedb63; text-decoration: underline; }
 Yellow - Young People */
/*body#color-seven a.active { color: #69b0ac; text-decoration: underline; }
 Teal - Opinion Formers */

/* Need to fix this if border not needed 
body#color-one .col h2 { border-top: 3px solid #f38875; }*/
/* Terracotta - About Edge pages 
body#color-two .col h2 { border-top: 3px solid #e8294c; }*/
/* Red - Get involved / News 
body#color-three .col h2 { border-top: 3px solid #799da8; }*/
/* Blue - Education Sector
body#color-four .col h2 { border-top: 3px solid #bad75b; } */
/* Green - Parents and Public 
body#color-five .col h2 { border-top: 3px solid #f4a1ac; }*/
/* Pink - Employeers 
body#color-six .col h2 { border-top: 3px solid #fedb63; }*/
/* Yellow - Young People 
body#color-seven .col h2 { border-top: 3px solid #69b0ac; }*/
/* Teal - Opinion Formers */

/*body#color-one .col h2.notopborder, body#color-two .col h2.notopborder, body#color-three .col h2.notopborder, body#color-four .col h2.notopborder, body#color-five .col h2.notopborder, body#color-six .col h2.notopborder, body#color-seven .col h2.notopborder { border-top: none; }
 removes border from top of col boxes */

.titlebar-parents { background: #bad75b url(images/title-bar-minus.png) top right no-repeat; padding: 5px; font-weight: bold; margin-top: 5px; }
.lastlink-parents { border-bottom: 2px solid #bad75b; padding-bottom: 5px; }

.titlebar-education { background: #799da8 url(images/title-bar-plus.png) top right no-repeat; padding: 5px; font-weight: bold; margin-top: 5px; }
.lastlink-education { border-bottom: 2px solid #799da8; padding-bottom: 5px; }

.titlebar-employers { background: #f4a1ac url(images/title-bar-plus.png) top right no-repeat; padding: 5px; font-weight: bold; margin-top: 5px; }
.lastlink-employers { border-bottom: 2px solid #f4a1ac; padding-bottom: 5px; }

.titlebar-youngpeople { background: #fedb63 url(images/title-bar-plus.png) top right no-repeat; padding: 5px; font-weight: bold; margin-top: 5px; }
.lastlink-youngpeople { border-bottom: 2px solid #fedb63; padding-bottom: 5px; }

.titlebar-opinionformers { background: #69b0ac url(images/title-bar-plus.png) top right no-repeat; padding: 5px; font-weight: bold; margin-top: 5px; }
.lastlink-opinionformers { border-bottom: 2px solid #69b0ac; padding-bottom: 5px; }


/* GLOBAL REUSED ELEMENTS
========================*/
#sitearea { width: 100%; float: left; height: auto !important; border-bottom: 1px solid #E8294C; margin: 0 0 10px 0; }
#siteareaPink { width: 100%; float: left; height: auto !important; border-bottom: 1px solid #E78F77; margin: 0 0 10px 0; }
#siteareanoline { width: 100%; float: left; height: auto !important; margin: 0 0 0 0; }
.hrdsection { float: left; display: inline; margin: 10px 0 10px 0px; }
.hdrsectionlong { width: 190px; float: left; }
.introsection { border-left: 1px solid #cccccc; padding-left: 10px; margin-left: 190px; margin-top: 10px; margin-bottom: 10px; width: 575px; }
/*.hdrsectionlong { width: 190px; float: left; display: inline; margin: 0px 0 10px 0; }
.introsection {  display: inline; margin: 0px 0 5px 10px; padding: 0 0 0px 10px; }*/
.headlinestory img.floatleft { padding: 0 10px 10px 0; }
. . . . .
.headlinestory.noborder { padding-bottom: 15px; background: none; margin: 5px 0 5px 0; }
.headlinestorynoborder { margin-top: 7px; padding-top: 7px; margin-bottom: 3px; }
.headlinestory { background: #ffffff url(images/site_bg_articleintro.png) top repeat-x; margin-top: 7px; padding-top: 7px; margin-bottom: 3px; }
.headlinestory2 { background: #ffffff url(images/site_bg_articleintro.png) bottom repeat-x; margin-bottom: 7px; padding-bottom: 7px; }
.headlinestory .nowrapstory { float: left; width: 220px; }
.headlinestory .people { float: left; width: 270px; }

/* Main Content Layout Place all cols inside a row
==================================================*/
.hp_vert_dots { background-image: url(menu_bgs/vertical-dotted-line.gif); background-repeat: repeat-y; }
#dotfix { position: absolute; width: 800px; height: 7px; background-color: #FFFFFF; left: 170px; }
#dotfix2 { position: absolute; width: 240px; height: 4px; background-color: #FFFFFF; left: 450px; }
.hprow { clear: left; float: left; display: inline; width: 100%; margin: 10px 0 0 0; }
.row { clear: left; float: left; display: inline; width: 100%; margin: 20px 0 0 0; }
.col { float: left; display: inline; margin: 0 0 0 40px; }
/* All columns no matter what size have to have this class */
.col h2 { margin-bottom: 5px; }

.firstcol { margin-left: 0; }
/* apply this to 1st col on every row to remove the left margin */

.subnav { width: 135px; }
/* Sub Filter menu on news page */
.single { width: 240px; }
.double { width: 345px; }
.doublehome { width: 520px; overflow: hidden; padding-bottom: 10px;}
.truedouble { width: 380px; }
.doublespanned { width: 520px; overflow: hidden; }
.revolutiondoublespanned { width: 535px; overflow: hidden; float:left; }
.newsdoublespanned { width: 625px; }
.colrightRevolution { margin:0 0 0 25px; float:left;}

#twocolblock { float: left; display: inline; width: 520px; }
#articletwocolblock { float: left; display: inline; width: 665px; }

#twocolblock .row, #articletwocolblock .row { margin-top: 0; }
.colright h2, #twocolblock .row h2, #articletwocolblock .row h2 { padding: 0px 0 5px 0; }
.col h2 { padding: 0px 0 5px 0; background: #ffffff url(images/site_bg_articleintro.png) bottom repeat-x; }
.DivLeft h2 { padding: 0px 0 5px 0; background: #ffffff; }
.bringup { position: relative; top: -10px; }

/* TODO: This needs looking at, as the bottom border doesent work
ul.doublelink { clear: left; line-height: 1.9em; color: #3799c6; background: #ffffff url(images/site_bg_articleintro.png) top repeat-x; margin-top: 10px; padding: 2px 3px; }
ul.doublelink li { margin-left: -3px; background: #ffffff url(images/site_bg_articleintro.png) bottom repeat-x; padding: 0px; }
ul.doublelink li a { padding: 0px 3px; color: #3399cc; font-weight: bold; } */

/*	blue arrow & other  links
========================
ul.colouredlistlink { margin-top: 5px; }
ul.colouredlistlink a { color: #3399cc; }
.colouredlistlinkA { color: #3399cc; margin-top: 5px; }

ul.arrowlink { margin-top: 5px; }
.arrowlink a { color: #3399cc; background: #ffffff url(images/site_bg_actionlinks.png) left center no-repeat; display: block; padding: 0 0 0 16px; }
a.coloured { color: #3399cc; }
ul.linksbgblue li a { line-height: 1.9em; color: #ffffff; background: #3799c6; padding: 2px 3px; font-weight: bold; }*/

/* PAGE SPECIFIC BITS |||
=======================*/
/* HOMEPAGE ONLY CSS ||||||||||||||||||||||||||||||
---------------------------------------------------
Flash promo area on homepage and flash replacement
===================================================*/
#flashpromo { padding-bottom: 0px; float: left; display: inline; width: 100%; height: 310px; overflow: hidden; z-index: -1; }
/*#flashpromo { padding-bottom: 0px; float: left; display: inline; width: 100%; height: 240px; overflow: hidden; z-index: -1; }*/
#flashpromo .trailer { padding-right:5px;}
.promocolone { width: 288px; text-align: right; }
.promocoltwo { width: 190px; margin: 0 2px 0 2px; }
.promocolthree { width: 190px; margin: 0 0 0 2px; }
.promocolthree img { float: left; margin: 0 1px 2px 0; }
.promocolfour { width: 48px; margin: 0 0 0 2px; }
/* Project select box shown on homepage
======================================*/
#projectdropdown { width: 153px; height: 17px; background: #fff url(images/site_bg_select_menu.png) 0 0 no-repeat; margin: 5px 0 5px 0; }
select#projects { width: 153px; opacity: 0; }

/* Homepage carousel styling
============================*/


/* Homepage get involved
============================*/
.getInvolved  { padding-top: 10px; clear:both; }

.articleintro { background: #ffffff url(images/site_bg_articleintro.png) top repeat-x; padding: 8px 0 33px 0; }
.intronoborder { background-image: none; }

/* Talk to us box
=================*/
#ttubox { background: #ffffff url(images/site_bg_ttubox_top.png) left top no-repeat; min-height: 110px; height: auto !important; height: 110px; margin: 5px 0 10px 0; padding-bottom: 0px; }
#ttubox h3 { color: #ffffff; padding: 5px 0 0 15px; }
#ttubox .textinput { width: 130px; float: left; display: inline; margin: 0 0 10px 0; }
#ttubox .inputsubmit { float: left; display: inline; margin-left: 10px; }
/* Shout box
============*/
#shoutbox { margin: 10px 0 0px 0; }
#shoutbox h3 { background: #ffffff url(images/site_bg_sb_top_long.png) top no-repeat; text-transform: uppercase; padding: 12px 0 5px 5px; color: #FFFFFF; font-weight: bold; }
.shoutboxh3 { text-transform: uppercase; padding: 5px 0 0 5px; color: #FFFFFF; font-weight: bold; }
/*blackquote in blockquote area of css*/
.shoutouts .comment { padding: 10px 0 0px 0; clear: left; }
/*.replies { background: #ffffff url(images/site_bg_sb_replies.png) top left no-repeat; width: 48px; height: 55px; float: left; display: inline; color: #ffffff; text-align: center; padding: 5px 0 0 0; margin: 0 10px 0 0; }*/
#shoutboxbase { background: #ffffff url(images/site_bg_sb_base.png) top no-repeat; padding: 17px 10px 10px 10px; }
#shoutboxbase a { color: #ffffff; }
#shoutbox .shoutouts { background: url(images/site_bg_sb_tile.png); padding: 20px 0 5px 10px; overflow: auto; /*height:200px;*/ }
.shoutouts div.blockquote { margin-top: 6px; background: url(images/site_bg_sb_tile.png) repeat-y right 0%; }


#shoutboxwD1 { margin: 10px 0 0px 0; }
#shoutboxwD1 h3 { background: #ffffff url(images/site_bg_sb_top_wD1_long.png) top no-repeat; text-transform: uppercase; padding: 12px 0 5px 5px; color: #FFFFFF; font-weight: bold; }
.shoutboxwD1h3 { text-transform: uppercase; padding: 5px 0 0 5px; color: #FFFFFF; font-weight: bold; }
#shoutboxwD1 .shoutoutswD1 { background: url(images/site_bg_sb_wD1_tile.png); padding: 20px 0 5px 10px; overflow: auto; /*height:200px;*/ }
.shoutoutswD1 div.blockquote { margin-top: 6px; background: url(images/site_bg_sb_wD1_tile.png) repeat-y right 0%; }
/*blackquote in blockquote area of css*/
.shoutoutswD1 .comment { padding: 10px 0 10px 0; clear: left; }
/*.replieswD1 { background: #ffffff url(images/site_bg_sb_replies.png) top left no-repeat; width: 48px; height: 55px; float: left; display: inline; color: #ffffff; text-align: center; padding: 5px 0 0 0; margin: 0 10px 0 0; }*/
#shoutboxbasewD1 { background: #ffffff url(images/site_bg_sb_base_wD1.png) top no-repeat; padding: 20px 10px 10px 10px; }
#shoutboxbasewD1 a { color: #ffffff; }

.CmtBlockwD1 { width: 645px; clear: left; }
.CmtBlockLeftwD1 { float: left; width: 180px; display: inline; }
.CmtBlockRightwD1 { display: block; }

#shoutboxwD2 { background: #ffffff url(images/site_bg_sb_top_wD2.png) top no-repeat; margin: 10px 0 0px 0; }
#shoutboxwD2 h3 { text-transform: uppercase; padding: 5px 0 0 5px; color: #FFFFFF; font-weight: bold; }
.shoutboxwD2h3 { text-transform: uppercase; padding: 5px 0 0 5px; color: #FFFFFF; font-weight: bold; }
.shoutoutswD2 { width: 355px; margin: 20px 0 5px 10px; overflow: auto; /*height:200px;*/ }
/*blackquote in blockquote area of css*/
.shoutoutswD2 .comment { background: #ffffff url(images/site_bg_articleintro.png) repeat-x top; padding: 10px 0 10px 0; clear: left; }
.replieswD2 { background: #ffffff url(images/site_bg_sb_replies.png) top left no-repeat; width: 48px; height: 55px; float: left; display: inline; color: #ffffff; text-align: center; padding: 5px 0 0 0; margin: 0 10px 0 0; }
#shoutboxbasewD2 { background: #ffffff url(images/site_bg_sb_base_wD2.png) top no-repeat; padding: 20px 10px 10px 10px; }
#shoutboxbasewD2 a { color: #ffffff; font-weight: bold; }

.CmtBlockwD2 { width: 681px; clear: left; }
.CmtBlockLeftwD2 { float: left; width: 180px; display: inline; }
.CmtBlockRightwD2 { display: block; }

















/* Double bordered copy - needs looking at
========================*/
#borderedtopspacer { clear: left; height: 15px; background: url(images/site_bg_articleintro.png) left bottom repeat-x; }
.doublebordercopy { clear: left; background: url(images/site_bg_articleintro.png) left bottom repeat-x; padding: 5px 0; margin: 0 0 30px 0; width: 100%; }
.borderbottomcopy { clear: left; background: url(images/site_bg_articleintro.png) left bottom repeat-x; padding: 5px 0; margin: 0 0 5px 0; width: 100%; }
.bordertopcopy { clear: left; background: url(images/site_bg_articleintro.png) left top repeat-x; padding: 5px 0; margin: 0 0 5px 0; }

/* Stay in Touch
=================*/
#stayintouch { background: #ffffff url(images/site_bg_stay_in_touch_top.png) left top no-repeat; margin: 5px 0 10px 0; }
#stayintouch h3 { font-family: Rockwell; color: #ffffff; padding: 5px 0 0 15px; }
.sideboxformpadd { margin: 10px 10px; /*height: 312px;*/ }

.sideboxformpadd label { padding: 0 0 5px 0; }
.lq { width: 100%; float: left; display: inline; }
.lq input, .sq input { clear: left; margin: 0 0 5px 0; }
.inputtextlong { width: 215px; }
.sq, .sqsecond { float: left; display: inline; width: 105px; }
.sqsecond { padding: 0 0 0 10px !important; }
.inputtextshort { width: 95px; clear: left; }

/* News page
========================*/
/* Filter menu used on News page
================================
ul.filteredmenu { margin: 0px; }
ul.filteredmenu li { background: #ffffff url(images/ico_filter_more.png) left top no-repeat; padding: 0 0 0 15px; margin: 0 0 4px 0; }
ul.filteredmenu li ul { margin-bottom: 10px; }
ul.filteredmenu li ul li { background-image: none; padding: 0; line-height: 1.3em; }
ul.filteredmenu li.expanded { background: #ffffff url(images/ico_filter_open.png) left top no-repeat; }
ul.filteredmenu li ul.hidden { display: none; }*/

/* This to go in the coloured Area with others*/
ul.filteredmenu li a span.highlight { color: #e22d4e; }

/* Main news article
================================*/
#mainnewsarticle { padding: 0 0 25px 0; display: block; background: #ffffff url(images/site_bg_articleintro.png) bottom repeat-x; min-height: 250px; height: auto !important; height: 250px; margin: 0 0 20px 0; }
.newsimage { float: left; display: inline; width: 138px; }
.newsarticle { float: left; display: inline; margin: 0 0 0 10px; width: 197px; }
.opinion { background: #ffffff url(images/ico_s_comment_blue.png) left center no-repeat; padding: 5px 0 5px 20px; }
.newsarticle blockquote { background: #ffffff url(images/site_bg_news_quote.png) no-repeat left top; padding: 0px 0 0 30px; margin-top: 5px; }

/* News teasers on bottom right of News page
==========================================*/
.teasercontainer { margin: 0 0 15px 0; }
.newsteaser { background: #ffffff url(images/site_bg_articleintro.png) bottom repeat-x; padding: 5px 0 5px 0; }
/* All press releases link
================================
ul#allpressrel { clear: left; margin: 5px 0 20px 40px; border-top: 1px solid #333333; width: 625px; }
ul#allpressrel li { line-height: 1.4em; border-bottom: 1px solid #333333; }
ul#allpressrel li a { color: #3399cc; text-decoration: none; font-weight: bold; }
ul#allpressrel li a:hover { color: #3399cc; text-decoration: underline; }*/

/* People Pages
===============*/
.employee-title { float: left; display: inline; width: 120px; margin: 0px; margin-right: 5px; }

/* Spread word  
===============*/
ul#spreadword { margin: 8px 0 0 0; width: 520px; }
ul#spreadword li { display: inline; margin-left: 50px; }
ul#spreadword li a { padding: 0 5px 0 20px; }
ul#spreadword li.first { margin-left: 0px; }

/* Sponsor Blocks
================== */
.sponsor { float: left; width: 100px; margin-left: 35px; }
. . . . . .
.sponsor.first { margin-left: 0px; }

/* Edge images 
==============*/
.edge-images { float: left; width: 90px; /*Check this width*/ margin-left: 5px; }
. . . . . .
.edge-images.first { margin-left: 0px; }

/* Promo Boxes
==============*/
.promobox { float: left; width: 240px; /* margin-left:40px; */ background: #666666 url(images/bck_promohead.png) left top no-repeat; }
.promoboxwidth { width: 240px; /*clear:left;*/ }

.promobox .D5 { color: #FFFFFF; }

. . . . .
.promobox.first { margin-left: 0px; }
.promobox p { width: 220px; padding: 5px 0 10px 0px; margin: 0 10px 0 10px; }
.promobox h3 { padding: 10px 0px 0px 0px; margin: 0 10px 0 10px; }
.promobox .promoimage { position: relative; z-index: 1; height: 150px; }

.promobox div.rollover { display: none; }

.promobox:hover .rollover { display: block; position: relative; z-index: 100; left: 1px; top: -140px; width: 214px; margin-top: 0px; background-color: #000000; }
.rollover { display: block; position: relative; z-index: 100; left: 1px; top: 0px; width: 219px; padding: 10px 10px 10px 10px; background-color: #000000; }


.tMar5 { margin-top: 5px; }
.tMar10 { margin-top: 10px; }
.tMar15 { margin-top: 15px; }

.rMar5 { margin-right: 5px; }
.rMar10 { margin-right: 10px; }
.rMar15 { margin-right: 15px; }

.bMar5 { margin-bottom: 5px; }
.bMar10 { margin-bottom: 10px; }
.bMar15 { margin-bottom: 15px; }
.bMar25 { margin-bottom: 25px; }

#tblSpreadWord { margin-top: 2px; margin-bottom: 2px; }
#tblSpreadWord tr td { vertical-align: middle; }


#greyed-signin-box { padding: 20px 40px 20px 40px; background: #CCCCCC; }
#greyed-signin-box .content { padding: 10px 20px 10px 20px; background: #FFFFFF; }

#greyed-login-box { padding: 20px 40px 20px 40px; background: #CCCCCC; }
#greyed-login-box .content { padding: 10px 20px 10px 20px; background: #FFFFFF; }

.inputboxlarge { width: 200px; clear: left; }
.commentSignIn input[type=text] { width: 200px; }
.pop-form .inputbox { width: 150px; clear: left; }
.pop-form .inputboxlarge { width: 200px; clear: left; }
.pop-form div.label { float: left; width: 150px; margin-right: 10px; padding-top: 5px; }
.pop-form div.formfield { float: left; width: 180px; margin-bottom: 5px; }

.download-signin .inputbox { width: 110px; clear: left; }
.download-signin div.label { float: left; width: 130px; padding-top: 5px; }
.download-signin div.formfield { float: left; width: 130px; margin-bottom: 5px; }
.download-signin input[type=submit] { display: block; }

#sign-in-popup-form { clear: both; }
#sign-in-popup-form .largeBox { width: 200px; clear: left; }
#sign-in-popup-form .inputbox { width: 150px; clear: left; }
#sign-in-popup-form div.label { float: left; width: 120px; padding-top: 5px; text-align: right; padding-right: 5px; }
#sign-in-popup-form div.formfield { float: left; width: 220px; text-align: left; }
#sign-in-popup-form div.formfield input[type=checkbox] { padding: 0px; margin: 0px; }
#sign-in-popup-form input[type=image] { display: block; text-align: left; }

.stayintouchPopUp { width: 320px; float: left; }
.stayintouchPopUp .inputbox { width: 110px; clear: both; }
.stayintouchPopUp .inputboxlarge { width: 200px; clear: both; }
.stayintouchPopUp .largeBox { width: 150px; clear: both; }
.stayintouchPopUp div.label { float: left; width: 120px; padding-top: 5px; text-align: right; padding-right: 5px; }
.stayintouchPopUp div.formfield { float: left; width: 170px; text-align: left; }
.stayintouchPopUp div.formfield input[type=checkbox] { padding: 0px; margin: 0px; }
.stayintouchPopUp input[type=image] { display: block; text-align: left; }

#downloadsSignIn { width: 100%; float: left; }
#downloadsSignIn .inputbox { width: 180px; clear: both; }
#downloadsSignIn div.label { float: left; width: 120px; padding-top: 5px; text-align: left; padding-right: 5px; }
#downloadsSignIn div.formfield { float: left; width: 195px; text-align: left; }
#downloadsSignIn div.formfield input[type=checkbox] { padding: 0px; margin: 0px; }
#downloadsSignIn input[type=image] { display: block; text-align: left; }



#talkToUsMessage { }
#talkToUsMessage .inputbox { width: 110px; clear: both; }
#talkToUsMessage div.label { clear: both; float: left; width: 120px; padding-top: 5px; text-align: right; padding-right: 5px; }
#talkToUsMessage div.formfield { float: left; width: 150px; text-align: left; }
#talkToUsMessage div.labelnewline { clear: both; width: 150px; text-align: left; }
#SendToAFriend { }
#SendToAFriend .inputbox { width: 250px; }
#SendToAFriend div.label { width: 200px; padding-top: 5px; }
#SendToAFriend div.formfield { width: 320px; }


input[type=text], input[type=password], textarea { border: solid 1px #cccccc; }

.popupContent { padding: 0px 20px 20px 20px; clear: both; height: 500px; overflow: scroll; overflow-x: hidden; z-index: 1000; }
.popupContentSignIn { padding: 0px 20px 20px 20px; clear: both; height: 200px; overflow: scroll; overflow-x: hidden; z-index: 1000; font-size: 1.6em; line-height: 1.2em; text-align: left; }
.popupContent2 { padding: 10px 20px 20px 20px; clear: both; z-index: 1000; }
.popupContentNoScroll { padding: 0px 20px 20px 20px; clear: both; z-index: 1000; }

/* tab container style*/
.tabcontainer { width: 100%; }
.tabcontainer .ajax__tab_header { /* font-size: 1.3em; */ color: #000000; border: none; padding: 0px; margin: 0px; }
.tabcontainer .ajax__tab_tab { padding: 0px; margin: 0px; padding: 3px; border: none; }
.tabcontainer .ajax__tab_hover .ajax__tab_tab { color: #FFFFFF; background-color: #CCCCCC; }
.tabcontainer .ajax__tab_active .ajax__tab_tab { color: #FFFFFF; background-color: #CCCCCC; }
.tabcontainer .ajax__tab_body { /* font-size: 1em; */ border: 1px solid #cccccc; padding: 0px; padding-bottom: 0px; background-color: #ffffff; margin: 0px; }

h1 { }

#sitearea a:hover { color: #E78F77; }
#sitearea a.on { color: #E78F77; }
#siteareaPink a:hover { color: #E78F77; }
#siteareaPink a.on { color: #E78F77; }

.apParentPublic { background-color: #E9922C; }
.apEducationSector { background-color: #BC8EB1; }
.apEmployers { background-color: #75C3C8; }
.apYoungPeople { background-color: #BDC621; }
.apOpinionFormers { background-color: #73959C; }

/*.accProjectActions { width: 240px; overflow: hidden; color: #000000; }
.accProjectActions ul li a { list-style: none; margin: 0; padding: 0 0 0 20px; background: url(images/site_bg_actionlinks.png) left top no-repeat; }
.accProjectActions ul li { display: block; margin: 5px 0 0 20px; padding: 0 0 5px 0; background: url(images/site_bg_articleintro.png) left bottom repeat-x; }
*/
/*.apParentPublicContents, .apEducationSectorContents, .apEmployersContents, .apYoungPeopleContents, .apOpinionFormersContents { margin: 5px; padding: 5px; }

.apParentPublicContents a, .apParentPublicContents p, .apEducationSectorContents a, .apEducationSectorContents p, .apEmployersContents a, .apEmployersContents p, .apYoungPeopleContents a, .apYoungPeopleContents p, .apOpinionFormersContents a, .apOpinionFormersContents p { display: block; margin-left: 20px; padding-bottom: 5px; margin-bottom: 5px; background: url(images/site_bg_articleintro.png) left bottom repeat-x; }

.apParentPublicContents ul li a.noborder, .apEducationSectorContents ul li a.noborder, .apEmployersContents ul li a.noborder, .apYoungPeopleContents ul li a.noborder, .apOpinionFormersContents ul li a.noborder { border-bottom: solid 2px #FFFFFF; }
*/
.accProjectActions { width: 240px; overflow: hidden; color: #000000; }
.accProjectActions ul li { list-style: none; display: block; margin: 0 0 5px 0; padding: 0 0 5px 0; background: url(images/site_bg_articleintro.png) left bottom repeat-x; }
.accProjectActions ul li div { margin: 0 0 0 20px; padding: 0 0 0px 0px; color: #000; font-weight: bold; }
.accProjectActions ul li div.linked { margin: 0 0 0 0; padding: 0 0 0 0; }
.accProjectActions ul li div.linked a { margin: 0; padding: 0 0 0 20px; display: block; font-weight: normal; background: url(images/site_bg_actionlinks.png) no-repeat left 3px; }

.accProjectActions ul li a.noborder { border-bottom: solid 2px #FFFFFF; }

.apParentPublicContents { border-bottom: solid 2px #E9922C; }
.apEducationSectorContents { border-bottom: solid 2px #BC8EB1; }
.apEmployersContents { border-bottom: solid 2px #75C3C8; }
.apYoungPeopleContents { border-bottom: solid 2px #BDC621; }
.apOpinionFormersContents { border-bottom: solid 2px #73959C; }

.apParentPublicContents, .apEducationSectorContents, .apEmployersContents, .apYoungPeopleContents, .apOpinionFormersContents { margin: 5px; padding: 5px; }


.bottom-dots { margin: 0px; background: #ffffff url(images/site_bg_articleintro.png) bottom repeat-x; padding: 0px; margin-bottom: 10px; padding-bottom: 10px; }
.bottom-dots table tr td { vertical-align: top; }

a.hpViewAll { display: block; background: url(images/site_bg_articleintro.png) top repeat-x; margin-top: 15px; padding-top: 3px; padding-bottom: 3px; }

.hpNews { background: url(images/site_bg_articleintro.png) bottom repeat-x; }
.hpProjects { background: url(images/site_bg_articleintro.png) bottom repeat-x; }

.marginLeft105 { margin-left: 105px; }

.firstFlashPreview { float: left; margin: 0px; margin-left: 0px; width: 240px; margin-bottom: 40px; }
.nthFlashPreview { float: left; margin: 0px; margin-left: 40px; width: 240px; margin-bottom: 40px; }

.cursorLink { cursor: pointer; }

.actionLinkImage { }



a.edgePartners { float:left; width:173px; height:128px; overflow:hidden; padding:0px; margin:0px; }
a.edgePartners img { width:173px; height:128px; }
.partnerDisplay { background: url(images/partners-bg.jpg); padding: 0px; margin: 0px; display: block; border-bottom:1px solid #E7E7E7; }

#twocolblock .row .collapsePanel { background-color: #ffffff; overflow: hidden; }

.quoteRight { vertical-align: bottom; }

ul.bulleted { margin-left: 25px; list-style-position: outside; list-style-type: disc; }





a.researchLinkedImage img { width: 100px; }

img.lozenge { padding-right: 10px; padding-bottom: 10px; text-align: left; margin-top: 280px; }




#knowYourOptionsHeader { border-bottom: dashed 1px #ccc; padding-bottom: 10px; margin-top: 30px; }
#knowYourOptionsHeader h1 { width: 300px; }
#knowYourOptionsHeader hr { clear: both; width: 100%; border: solid 2px #ccc; }

ul.knowyouroptionsnavigation { float: right; margin-top: 0px; }
ul.knowyouroptionsnavigation li { margin: 0px; padding: 0px; }
ul.knowyouroptionsnavigation li { line-height: 50px; display: inline; border-right: solid 1 px #000; }
ul.knowyouroptionsnavigation li a { padding-right: 10px; padding-left: 10px; }

.kyoSendToFriend { float: right; }
#knowYourOptionsHeader .headerBlurb { margin-top: 8px; margin-right: 240px; font-size: 1.0em; line-height: 1.4em; color: #000; }
#knowYourOptionsSubHeader { margin-top: 10px; }
#knowYourOptionsSubHeader img { display: block; margin-bottom: 15px; }

#knowYourOptionsHeader .headerBlurb img { display: block; }

#knowYourOptions a.kyoSectionHeaderName { display: block; margin-bottom: 12px; }

#knowYourOptions .headerRow { height: 35px; padding-right: 10px; margin-top: 15px; margin-bottom: 13px; }
#knowYourOptions .headerRow a { float: right; color: #ffffff; text-decoration: underline; font-weight: bold; padding-top: 4px; }

#knowYourOptions .footer { clear: left; border-bottom-style: solid; border-bottom-width: 1px; display: block; }
#knowYourOptions .footer { border-top: dotted 1px #ccc; font-size: 0.78em; line-height: 1.86em; margin-top: -10px; margin-bottom: 7px; }
#knowYourOptions .viewMoreLarge { text-align: right; }

a.section604 { color: #BC8EB2; font-weight: bold; }
#knowYourOptions #kyoCourses .footer { border-bottom-color: #BC8EB2; }

a.section605 { color: #6FB8BE; font-weight: bold; }
#knowYourOptions #kyoCareers .footer { border-bottom-color: #6FB8BE; }

a.section606 { color: #ABB31F; font-weight: bold; }
#knowYourOptions #kyoOtherStuff .footer { border-bottom-color: #ABB31F; }

#knowYourOptionsDetailsRight .kyoItem { margin: 0px; padding: 0px; margin-bottom: 7px; }

.kyoDetails #twocolblock .row { margin-top: 20px; }
.kyoDetails .header h3 { font-size: 1.6em; vertical-align: middle; display: inline; }
.kyoDetails .header img { vertical-align: middle; }

.kyoDetails .header { line-height: 35px; height: 35px; border-bottom-style: solid; border-bottom-width: 3px; margin-bottom: 10px; }
.section604 .header { border-bottom-color: #BC8EB2; }
.section605 .header { border-bottom-color: #6FB8BE; }
.section606 .header { border-bottom-color: #ABB31F; }

.kyoDetails .footer { margin-top: 10px; clear: both; text-align: center; border-top-style: dashed; border-top-width: 1px; }
.section604 .footer { border-top-color: #BC8EB2; }
.section605 .footer { border-top-color: #6FB8BE; }
.section606 .footer { border-top-color: #ABB31F; }

.kyoDetails .footer a { padding-left: 10px; font-weight: bold; text-decoration: underline; }

.rating { float: right; }
.leftPadding { padding-left: 16px; }

.kyoItemHeader { margin-bottom: 5px; border-bottom: dashed 1px #666; height: 11px; background-repeat: no-repeat; }
.kyoItemTypeName { font-weight: bold; padding-left: 3px; padding-right: 11px; background-color: #666; color: #fff; background-image: url(images/knowYourOptions/kyoItemSectionName.gif); background-position-x: right; background-repeat: no-repeat; }

#kyoCourses .kyoItemThumbnail { border: solid 1px #BC8EB2; }
#kyoCareers .kyoItemThumbnail { border: solid 1px #6FB8BE; }
#kyoOtherStuff .kyoItemThumbnail { border: solid 1px #ABB31F; }

.kyoItemThumbnail { width: 55px; height: 41px; float: left; margin-right: 10px; }
.kyoTypeIconSmall { width: 10px; padding-right: 5px; padding-top: 2px; float: left; }


.kyoModalPopup { background-color: White; z-index: 900; width: 700px; }



.kyoItemDetailsPopUp { border-style: solid; border-width: 4px; }
.border604 { border-color: #BC8EB2; }
.border605 { border-color: #6FB8BE; }
.border606 { border-color: #ABB31F; }

.kyoItemDetailsPopUp .header, .kyoItemDetailsPopUp .header a { color: #fff; }
.border604 .header { background-color: #BC8EB2; }
.border605 .header { background-color: #6FB8BE; }
.border606 .header { background-color: #ABB31F; }

.ratingStarSm { font-size: 0pt; width: 10px; height: 10px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; }
.filledRatingStarSm { background-image: url(images/FilledStarSm.png); }
.emptyRatingStarSm { background-image: url(images/EmptyStarSm.png); }
.savedRatingStarSm { background-image: url(images/FilledStarSm.png); }

.ratingStarLrg { font-size: 0pt; width: 13px; height: 13px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; }
.filledRatingStarLrg { background-image: url(images/FilledStarLrg.png); }
.emptyRatingStarLrg { background-image: url(images/EmptyStarLrg.png); }
.savedRatingStarLrg { background-image: url(images/FilledStarLrg.png); }

.kyoItemDetailsPopUp .header img { vertical-align: middle; }
.kyoItemDetailsPopUp .headr h3 { vertical-align: middle; }
.kyoCloseLink { float: right; }


.kyoModalPopup { background-color: White; z-index: 900; width: 600px; }

.kyoItemDetailsPopUp .left { float: left; text-align: center; width: 359px; }
.kyoItemDetailsPopUp .left .inner { padding: 20px; padding-bottom: 10px; }
.kyoItemDetailsPopUp .right { margin-left: 359px; }
.kyoItemDetailsPopUp .right .inner { padding: 20px; padding-top: 0px; }
.kyoItemDetailsPopUp .embeddedContent { }
.kyoItemDetailsPopUp .embeddedContent .altImage { width: 314px; }
.kyoItemDetailsPopUp .embeddedContent .launchButton img { margin-top: 10px; }
.kyoItemDetailsPopUp .embeddedContent .noEmbeddedContent { text-align: left; }

.border604 .left { border-right: dotted 1px #BC8EB2; }
.border604 .divider { border-top: dashed 1px #BC8EB2; }
.border605 .left { border-right: dotted 1px #70B7BD; }
.border605 .divider { border-top: dashed 1px #70B7BD; }
.border606 .left { border-right: dotted 1px #ABB31F; }
.border606 .divider { border-top: dashed 1px #ABB31F; }


.border604 .ratingAndComment { background-color: #F6F0F5; }
.border605 .ratingAndComment { background-color: #EAF4F5; }
.border606 .ratingAndComment { background-color: #F2F4DE; }

.kyoItemDetailsPopUp .ratingAndComment .ratingRow { background-color: #fff; display: block; width: 319px; margin-bottom: 10px; }
.kyoItemDetailsPopUp .ratingAndComment .ratingRow div.floated { float: left; margin-top: 5px; }
.kyoItemDetailsPopUp .ratingAndComment .commentRow { background-color: #fff; display: block; width: 319px; text-align: left; }
.kyoItemDetailsPopUp .ratingAndComment .commentRow textarea { width: 295px; height: 70px; }

.ratingAndComment { font-size: 0.85em; }

.kyoComments .kyoHeader { display: block; font-style: italic; color: #ccc; }
.kyoComments { margin-bottom: 10px; }
.commentsDisplay { height: 200px; overflow: scroll; overflow-x: hidden; }
.commentsCountDisplay { font-weight: bold; padding: 10px; display: block; }

.kyoItem { width: 240px; float: left; margin-bottom: 15px; line-height: 1.1em; }
.kyoItem .content, .kyoItem span { font-size: 0.85em; }
.kyoItem .content a { text-decoration: underline; }
.popular .kyoItem { margin-top: -10px; }

.dashedBottomBorder { padding-bottom: 7px; border-bottom: dashed 1px #ccc; clear: both; }
.NoPadding { padding-right: 0px; padding-left: 40px; }
.clearFloatLeft { clear: left; }

#kyoBottom { margin-top: 30px; }
#kyoBottom h3 { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-weight: normal; }
#kyoBottom h3 { font-size: 1.4em; font-weight: bold; border-bottom: dashed 1px #666; padding-bottom: 10px; margin-bottom: 10px; }
.popular h3 { margin-bottom: 10px; display: block; }

a.linkContentProvider { padding-right: 10px; float: left; padding-bottom: 10px; }
.glossaryItem { display: inline; clear: both; }

.glossaryItem a { color: #fff; padding: 2px 5px 2px 5px; font-weight: bold; line-height: 2em; font-size: 0.85em; }
.glossaryItem a.section604 { background-color: #BC8EB2; white-space: nowrap; }
.glossaryItem a.section605 { background-color: #6FB8BE; white-space: nowrap; }
.glossaryItem a.section606 { background-color: #ABB31F; white-space: nowrap; }


a.contactsInfoLink { color: #999 !important; }


.popupControl { background-color: White; border: none; z-index: 999; }


.summarydetails { margin-top: 20px; }

.popUpTitle { display: block; margin-bottom: 5px; font-size: 1.1em; color: #000; font-weight: bold; }

.popUpSummary { display: block; margin-bottom: 10px; line-height: 1.4em; }

.popUpPara .header { display: block; background-color: Transparent; color: #000; }

.popUpPara { margin-bottom: 10px; line-height: 1.4em; font-size: 0.85em; }

.similarContent .header { font-weight: bold; color: #999; display: block; background-color: Transparent; }

.disclaimer { padding-top: 20px; font-size: 0.7em; font-style: italic; }




/* ---- Get involved item ---- */
.GetInvolvedItem { margin-bottom: 10px; clear: left; }
.GetInvolvedItem img.logo { padding-right: 24px; float: left; width: 96px; height: 55px; }
.GetInvolvedItem .content { margin-left: 130px; }
.GetInvolvedItem .content .link { overflow: hidden; background-image: url(images/getInvolvedBlueBg.gif); background-repeat: no-repeat; height: 29px; width: 390; }
.GetInvolvedItem .content .link a.title { color: #ffffff; line-height: 29px; display: block; padding-left: 10px; font-weight: bold; font-size: 1em; }
.GetInvolvedItem .content .why { margin-top: 10px; display: block; }

.moreWays { text-align:right;}
.moreWays a { color:#E78F77; line-height:1.2em; text-decoration:underline;}

.whyGetInvolved .image { }
.whyGetInvolved .text { margin-left: 90px; }
.whyGetInvolved .text strong { font-size: 1.4em; display: block; }

.GetInvolvedMainItem { width:520px; height:260px; color:#000000; position:relative;}
.GetInvolvedMainItem .title { width:200px; padding:10px; display:block; font-size:2.6em; line-height:1em;}
.GetInvolvedMainItem .description { width:200px; padding:10px; display:block; font-size:1.2em; line-height:1.4em; padding-top:130px;}
.GetInvolvedMainItem .link { width:200px; padding:10px; text-align:right; position:absolute; bottom:0px;}

.groupFilters { padding-bottom:10px;overflow:hidden;}
.GetInvolvedFilters {overflow:hidden;float:left; padding-left:1px;}
.GetInvolvedFiltersFirst {overflow:hidden;float:left;}


/* ---- Albums ---- */
.album { margin-bottom: 5px; clear: both; }
.album .thumbnail { float: left; width: 286px; height: 106px; padding-bottom: 7px; }
.album .contents { margin: 20px 0 0 350px; border-bottom: dotted 1px #ccc; padding: 0 0 7px 0; }
.album .contents .title { display: block; font-weight: bold; margin: 0 0 10px 0; }
.album .contents .description { display: block; margin: 0 0 10px 0; }
.album .contents .count { display: block; margin: 3px 0 3px 15px; }
.album .contents .link { padding-left: 15px; background-image: url(images/site_bg_actionlinks.png); background-position-x: left; background-position-y: 3px; background-repeat: no-repeat; }

.imageList { clear: both; padding: 20px 0 0 0; }
.imageList .ImageItem { float: left; width: 173px; }
.imageList .viewLink { display: block; line-height: 1.2em; }
.imageList .clearer { clear: both; margin-bottom: 25px; }



/* ---- Materials ---- */
.MaterialsItem { margin-bottom: 30px; clear: left; line-height: 1.2em; }
.MaterialsItem .left { float: left; width: 290px; }
.MaterialsItem .thumbnailHeader { display: block; float: left; padding: 0 10px 0px 10px; color: #fff; background: #BDB9B8 url(images/MaterialsItemCampaignNameBg.gif) no-repeat; height: 21px; line-height: 21px; }
.MaterialsItem .thumbnail { clear: both; }
.MaterialsItem .content { margin: 0 0 0 320px; }
.MaterialsItem .content .itemRow { margin: 0 0 7px 0; }
.MaterialsItem .content .label { display: inline; font-weight: bold; color: #000; }
.MaterialsItem .content .text { display: inline; color: #797979; }
.MaterialsItem .content .links { display: block; background: url(images/site_bg_actionlinks.png) no-repeat left center; padding: 0 0 0 20px; }
.MaterialsItem .copyPaste { font-weight: bold; color: #000; }
.MaterialsItem .embeddingCode { float: left; width: 200px; height: 100px; border: 1px solid #BDB9B8; background: #DBDBDB; overflow: scroll; }
.materialsRight .outerDots { border-top: dotted 2px #DBDBDB; border-bottom: dotted 2px #DBDBDB; margin: 20px 0 0 0; }
.materialsRight .contactus { margin: 4px 0 4px 0; background: #DBDBDB; padding: 20px; }
.materialsRight .contactus .text { }
.materialsRight .questionMark { height: 26px; line-height: 26px; margin: 20px 0 0 0; }
.materialsRight .questionMark img { vertical-align: middle; padding-right: 5px; }
/**/

/* ---- Group page ---- */
.GroupGetInvolvedItem { margin-bottom: 15px; float:left; width:240px; margin-left:40px; }
.first { margin-left:0px;}
.GroupGetInvolvedItem img.logo { padding-right: 10px; margin: 7px 0 0 0; float: left; width: 96px; height: 55px; }
.GroupGetInvolvedItem .content { float: left; width: 134px; }
.GroupGetInvolvedItem .content a { float: right; font-weight: bold; font-size: 1em; }
.GroupGetInvolvedItem .content .why { margin-top: 5px; display: block; }


/* ---- Interested in ---- */
.rightColLinks { display: block; margin: 6px 0 5px 0; padding: 0 0 5px 0; }
.rightColLinks a { margin: 0 0 0 14px; padding: 0 0 0 20px; display: block; font-weight: normal; border-bottom: solid 2px #FFFFFF; background: url(images/site_bg_actionlinks.png) no-repeat left 3px; }


/* ---- Newsletter ----- */

.colboth { margin: 5px 0 10px 40px; }
.doubleNewsletter { width: 369px; padding-right: 12px; border-right: solid 1px lightgrey; }

.newsLetterTitle { font-size: 1.7em; font-family: Georgia; color: #FF7E79; display: block; }

.pinkTitle { color: #ef415e; background-color: #ef415e; border-color: #ef415e; border: none; height: 7px; margin: 0 0 38px 0; width: 369px; }
.pinkTitle p { padding: 8px 0 0 0; margin-bottom: 5px; font-family: Georgia; font-size: 1.4em; color: #ef415e; }

.yellowTitle { color: #FBAA29; background-color: #FBAA29; border-color: #FBAA29; border: none; height: 7px; margin: 0 0 38px 0; width: 369px; }
.yellowTitle p { padding: 8px 0 0 0; margin-bottom: 5px; font-family: Georgia; font-size: 1.4em; color: #FBAA29; }

.pinkFloatRight { float: right; color: #FF7E79; font-size: 1.3em; }
.greyFloatLeft { float: left; color: #777777; }
.newsletterImage { margin: 12px 0px 12px 0px; }
.datetime { color: #777777; font-style: italic; font-size: 0.7em; }

.researchCategoryFilter { float:right; text-align:right; width:200px;}
.researchCategory { float:right; width:170px; text-align:right;}

.researchItem .link { display:block; margin-bottom:5px; padding-left: 15px; background-image: url(images/site_bg_actionlinks.png); background-position-x: left; background-position-y: 3px; background-repeat: no-repeat; }

.newsItem { color:#999999; line-height:1.2em; margin: 0px; background: #ffffff url(images/site_bg_articleintro.png) bottom repeat-x; padding: 0px; margin-bottom: 10px; padding-bottom: 10px; }
.newsItem .publishDate { display:block;}
.newsItem .title { margin-top:3px; margin-bottom:3px; color:#000000; display:block; font-weight:bold;}
.newsItem .summary { }

.visitNewsroom { font-size:1.2em;}
.visitNewsroom a { margin-bottom:5px; padding-right: 20px; background: url(images/site_bg_actionlinks.png) right no-repeat; }


.relatedResearch { margin-bottom:20px; margin-top:10px; background: #ffffff url(images/site_bg_articleintro.png) top repeat-x; padding: 0px; margin-top: 10px; padding-top: 10px;}
.relatedResearch .researchCategory { margin-top:7px; margin-bottom:7px;}
.relatedResearch .link { margin-bottom:10px; background-position-y: 1px;}
.relatedResearch .bottom-dots { padding-bottom:2px; margin-bottom:10px;}
.relatedResearch ul li { list-style: none; display: block; margin: 0 0 7px 0; padding: 0 0 7px 0; background: url(images/site_bg_articleintro.png) left bottom repeat-x; }
.relatedResearch ul li.noBg { list-style: none; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background: none; }
.relatedResearch ul li div { margin: 0 0 0 20px; padding: 0 0 0px 0px; color: #000; font-weight: bold; }
.relatedResearch ul li div.linked { margin: 0 0 0 0; padding: 0 0 0 0; }
.relatedResearch ul li div.linked a { margin: 0; padding: 0 0 0 20px; display: block; font-weight: normal; background: url(images/site_bg_actionlinks.png) no-repeat left 1px; }
.relatedResearch .researchItem { margin:5px; padding:5px;}

.relatedSuccessStory .thumbnailLink { float:left;}
.relatedSuccessStory .thumbnailLink img { width:100px; }
.relatedSuccessStory .details { margin-left:10px; float:left; width:400px;}
.relatedSuccessStory .details .AHeadr2 { margin-bottom:5px;}

.featuredSuccessStory a.linkedImage img { width:100px;}
.featuredSuccessStory .successLinks { float:right; width:100px; margin: 0 0 7px 20px; padding: 0 0 0 0; background: url(images/site_bg_articleintro.png) left bottom repeat-x;}
.featuredSuccessStory .successLinks .linksHeader { color:#000000; display:block; font-weight:bold; margin: 0 0 5px 0; padding: 7px 0 0 0; background: url(images/site_bg_articleintro.png) left top repeat-x;}
.featuredSuccessStory .successLinks a { display:block; margin-bottom:5px; padding-left: 20px; background-image: url(images/site_bg_actionlinks.png); background-position-x: left; background-position-y: 2px; background-repeat: no-repeat; }

.otherSuccessStory { margin-top:10px;}
.otherSuccessStory a.linkedImage img { width:100px;}
.otherSuccessStory .AHeadr2 { margin-bottom:5px;}
.otherSuccessStory .successLinks { float:right; width:100px; margin: 0 0 7px 20px; padding: 0 0 0 0; background: url(images/site_bg_articleintro.png) left bottom repeat-x;}
.otherSuccessStory .successLinks .linksHeader { color:#000000; display:block; font-weight:bold; margin: 0 0 5px 0; padding: 7px 0 0 0; background: url(images/site_bg_articleintro.png) left top repeat-x;}
.otherSuccessStory .successLinks a { display:block; margin-bottom:5px; padding-left: 20px; background-image: url(images/site_bg_actionlinks.png); background-position-x: left; background-position-y: 2px; background-repeat: no-repeat; }


.anchorLink { float:right; text-align:right; width:250px;}




p.dotted {border-bottom: dotted 1px #728395;}
.areYouAJournalist .contactInfo { line-height:1.4em;}

/* ---- write your own slogan ---- */

.col1 { float: left; width: 240px; }
.col2 { float: right; width: 255px; }

#writeslogan { background: #ffffff url(revolution/write-slogan.jpg) left top no-repeat; height: 312px; color: Black; width:240px; }
.writesloganother { background: #ffffff url(revolution/write-slogan-other.jpg) left top no-repeat; height: 312px; color: Black; width:240px; }

.imgHolder { padding: 12px 6px 12px 6px; }
.sloganbox { margin: 18px 14px 0 14px; }
.revolutioniseImg { padding: 0 0 12px 0; }
.revolutioniseOk { }
.ticker { clear: left; display: inline; margin: 20px 0 0 0; height: 186px; color: Black; }

.sloganMessageForm { padding: 14px 0 0 23px; }
.sloganMessageForm textarea { border: solid 1px #000; }
.sloganOtherForm { padding: 0 20px 0 20px; }
.sloganOtherForm input[type=text] { width: 180px; }
.sloganFinish { padding: 0 12px 0 12px; }

.flag { position: absolute; bottom: 30px; right: 15px; margin: 0; padding: 0; }
.flagtxt { position: absolute; bottom: 32px; right: 32px; text-align: right; }
#leftArrow { float: left; width: 20px; margin: 74px 8px 0 0; }
#rightArrow { float: right; width: 20px; margin: 74px 0 0 8px; }
.requiredEntry strong { color: Red; }
.requiredEntry input { border: solid 1px red; }
.requiredEntry span { color: Red; font-weight: bold; }
.floatRight { float: right; }
.floatLeft { float: left; }
.line { border-top: solid 2px #E78F77; margin-bottom: 20px; }
.nextSteps li a { color: Black !important; }
ul.nextSteps { list-style-type: disc; margin-left: 15px; margin-top: 3px; }

.revolutionCountBg { background: url(revolution/revolution-count-bg.jpg) no-repeat no-repeat; width:240px; height:150px;  }
.revolutionCount { padding:0 0 0 0; display:block; color:#333333; font-size:2.3em; line-height:2em; font-weight:bold; font-family:Arial Black, Arial; text-align:center;}

.revolutiondoublespanned p.AHeadr2 { margin-bottom:10px; }

.revolutionHeader { color:#000000; background: url(/Media/img/revolution/revolutionHeader.jpg) no-repeat top left; width:801px; height:400px; position:relative; overflow:hidden;}
.revolutionHeader .content { width:460px; padding-left:5px;}
.revolutionHeader .count { position:absolute; bottom:3px; right:80px; height:58px; width:180px;}
.revolutionHeader .writeYourOwn .theProblem { position:absolute; bottom:68px; right:10px; width:240px; }
.revolutionHeader .writeYourOwn .mailFriends { position:absolute; bottom:25px; right:10px; width:240px; }

#twitter { position:relative; background: url(/Media/img/revolution/twiiterBg.jpg) no-repeat top left; padding:10px; padding-top:40px; color:#000000; margin-bottom:10px;}
#twitter ul li.last { text-align:right;}

#twitter .postStamp { font-size:0.86em; color:#666666;}

.writeYourMessage { width:255px; float:left; }
.writeYourMessage strong { display:block; padding-bottom:10px;}

.bottomWriteYourMessage { float:right;}


.popularCarousel { margin-bottom:20px; position:relative; z-index:400;}
.popularCarousel .outline { border-left:1px solid #EDEDED; border-right:1px solid #EDEDED;}
.popularCarousel .navButtons { text-align:right; background: url(/Media/img/revolution/messageFooter.jpg) top left no-repeat; width:515px; height:32px; line-height:42px; padding-right:20px;}
.popular { overflow:hidden; background:#ffffff; }
.popular .message { height:230px;}
.normal { background:#EBE9D0; margin-bottom:10px; border:1px solid #EDEDED;  width:533px}

.message { padding:10px;}

.message .date { display:block; font-size:0.9em; margin-bottom:5px;}
.message .subject { display:block; font-size:1.2em; font-weight:bold; }
.message .sentto_name { margin-bottom:15px; font-weight:bold; }
.message .sentto_img { margin-top:5px;}
.message .sender {clear:both; display:block; margin-top:10px; margin-bottom:5px; }
.message .senderLocation { display:block;}



.bottomRow { background:#EBE9D0; width:525px; height:30px; line-height:24px; padding:4px 5px 4px 5px;}
.bottomRow .votes { float:left; }
.bottomRow .votes a { line-height:24px; padding-right:29px; height:24px; display:block; float:left; padding-left:8px; color:#ffffff}
.bottomRow .buttons { float:right; height:26px; overflow:hidden;}

.votes .positive { background:#DFD8D8 url(/Media/img/revolution/thumb-up.png) right no-repeat; font-weight:bold; }
.votes .negative { background:#DFD8D8 url(/Media/img/revolution/thumb-down.png) left no-repeat;font-weight:bold; }

.popular .bottomRow { background:none; padding:5px 5px 3px 5px; border-top:none;}

.resultPaging { width:200px; line-height:34px;}

#voicesDownload {background:url(/Media/img/revolution/voices-background.jpg) top no-repeat; position:relative; margin-bottom:20px; height:243px; width:247px;}
#voicesDownload a { position:absolute; bottom:12px; left:13px;}

.sloganVideo { margin-bottom:20px;}
.sloganVideo .outline {border-right:1px solid #ebe9d0;   }
.placardBg { background:url(/Media/img/revolution/full-video-bg.jpg) top no-repeat; min-height:240px;}
.embeddedVideo { padding-left:15px; padding-top:55px;}
.embeddedVideoText { padding:10px; padding-left:5px; width:100px; height:50px; overflow:hidden; }
.hlSubmitAVideo { }

.getinvolved{ background:url(/Media/img/revolution/getInvolved-bg-full.png) no-repeat;  padding:10px; padding-top:40px; width:221px; height:187px;margin-bottom:20px; }
.getinvolved .poster { padding-top: 40px;}

.next_button{margin-top:10px;}
.slogan_recipient_item{ display:block; float:left;width:80px;text-align: center}
.slogan_recipient_item_default{ display: block;float:left;width:190px;text-align:center;}

.videoSearch { margin-bottom:20px; background:url(/Media/img/revolution/search-bg-full.png); padding:10px; padding-top:40px; width:221px; height:37px;}
.videoSearch input { vertical-align:middle;}
.videoSearch input[type=text] { margin-right:10px;}

.videoSearchResults { background:url(/Media/img/revolution/messageFooter.jpg) no-repeat; width:525px; height:24px; line-height:27px; padding:10px 5px 4px 5px;}
.videoSearchResults input { vertical-align:middle;}
.videoSearchResults input[type=text] { margin-right:10px; width:470px;}

.revGIITems { margin-top:10px;}
.revGIITems > .RevolutionGetInvolvedItem:first-child { margin-left:0px; }
.RevolutionGetInvolvedItem { float:left; margin-left:12px; height:121px;}

.form_col1{float:left; width:255px;}
.form_col2{float:right; width:190px;}

.sloganSubmitForm { background:#ffffff; text-align:left; padding:23px;}
.sloganSubmitForm input[type=text] { width:370px}
.sloganSubmitForm textarea { width:370px; height:200px;}
.sloganSubmitForm input[type=image] { float:right;}
.sloganSubmitForm .ss { width:180px; white-space:nowrap;}

.form_col1 strong{ display:block; width:200px;}
.form_col2 strong{ display:block; width:160px;}
.campaign_poster_order_form { background:#ffffff; text-align:left; padding:23px;}
.campaign_poster_order_form input[type=text] { width:160px}
.campaign_poster_order_form textarea { width:160px; height:200px;}
.campaign_poster_order_form input[type=image] { float:right;}

#searchResults .resultPaging { width:308px; line-height:24px;}
#searchResults .resultCount { line-height:24px; float:right;}

.social ul { margin-top:10px;}
.social ul li { margin-top:10px;}
.social a { margin-left: 4px; color: #666666; }

.updating { margin-top:1px; float:left; margin-left:10px; color:#DFD8D8;  }
.updating img { padding-right:10px;}

.processing { position:absolute; right:0; top:0;}

.msgThankyou {font-size:2em;text-align:center; margin-top:30px;margin-bottom:30px; }
.msgThankyou_order {font-size:1.2em;text-align:center; margin-top:30px;margin-bottom:30px; }

.noMessages { margin-top:20px; display:block;}



#projectDisplay { margin-bottom:2px;}

.groupProject { height:254px; position:relative; overflow:hidden;}

.groupProject .content { float:right; width:120px; padding:10px 10px 0px 10px; color:#ffffff;}
.groupProject .content .title { font-size:1.5em; line-height:1em; font-weight:bold; margin-bottom:20px;}
.groupProject .content .strapline { font-weight:bold; margin-bottom:20px; line-height:1.2em;}
.groupProject .content .summary { line-height:1.2em;}

.groupProject .seeMore { position:absolute; bottom:0px; right:0px; width:130px; display:block; text-align:right; color:#ffffff; padding:5px;}
.groupProject .bgColor1 { background: #75C3C8; }
.groupProject .bgColor2 { background: #BDC621; }
.groupProject .bgColor3 { background: #BC8EB1; }
.groupProject .bgColor4 { background: #E9922C; }
.groupProject .bgColor5 { background: #73959C; }
.groupProject .bgColor6 { background: #002A42; }
.groupProject .bgColor7 { background: #E78F77; }
.groupProject .bgColor8 { background: #E8294C; }
.groupProject .bgColor9 { background: #999999; }



.groupListing { float:left; width:120px; margin-right:6px; margin-top:8px;}

.groupListing .on { background:#666666;}
.groupListing .highlight { background:#666666;}

#projectListing { background:#000000; color:#ffffff; padding:8px 5px 0px 10px; font-size:1.2me; font-weight:bold;}
#projectListing a { color:#ffffff; font-size:1.2me; font-weight:bold;}
#projectListing .content a { text-decoration:none;}
#projectListing .content a .padding { padding:5px; display:block;}
#projectListing img { width:120px;}
#projectListing .allProjects { float:right;}