html { background: #E9E9E9 url(/images/bg.jpg) center top repeat-y }

html, body { height:100% }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px }

div#globalPositioning { 
width:100%; 
position:relative; /* needed for footer positioning*/ 
height:auto !important; 
height:100%; 
min-height:100%; /* real browsers */
}

#headerContainer { width: 960px; margin: 0 auto; overflow:hidden }

#header { background: url(/images/header_bg.png) repeat-x top; height:120px; position: relative; z-index: 2 }
#header h1 { 
width: 500px;
height:80px;
text-indent:-9999px;
background: url(/images/site_title_bg.jpg) left no-repeat
}
#banner1 { 
width: 960px; 
height:300px; 
background: url(/images/banners/banner1.jpg) center;
position:relative;
margin: -9px auto 0 auto;
z-index: 1; 
}
#banner2 { 
width: 960px; 
height:300px; 
background: url(/images/banners/banner2.jpg) center;
position:relative;
margin: -9px auto 0 auto;
z-index: 1; 
}
#banner3 { 
width: 960px; 
height:300px; 
background: url(/images/banners/banner3.jpg) center;
position:relative;
margin: -9px auto 0 auto;
z-index: 1; 
}
#banner4 { 
width: 960px; 
height:300px; 
background: url(/images/banners/banner4.jpg) center;
position:relative;
margin: -9px auto 0 auto;
z-index: 1; 
}
#banner5 { 
width: 960px; 
height:300px; 
background: url(/images/banners/banner5.jpg) center;
position:relative;
margin: -9px auto 0 auto;
z-index: 1; 
}

#menubar { 
width: 936px; 
height:40px; 
margin: 0 auto;
background:url(/images/menubar.jpg) repeat-x left;
padding: 0 12px
}

#menubar a#selected { 
color:#000; 
font-weight:900; 
line-height: 38px;
height:38px;
text-decoration:none; 
padding: 0 12px; 
border:1px solid #999;
border-bottom: 1px solid #FFF;
display:block;
float: left;
background: url(/images/menuitem_bg.jpg) repeat-x left;
cursor:default
}

#menubar a { 
color:#000; 
font-weight:900; 
line-height: 38px;
height:38px;
text-decoration:none; 
padding: 0 10px; 
display:block;
float: left;
border-top: 1px solid #999
}

#menubar a:hover { background-image:none; background-color:#CCC; border-top: 1px solid #999 }

#menubar a span img { margin: 12px 6px 12px 0; float:left; border:none }

div#content {	padding:1em 1em 6em; overflow:hidden; width:936px; margin:0 auto }
#footer { 
position:absolute;	
width:100%; 
overflow:hidden;
text-align:center;
bottom:0;
background:url(/images/footer_side_bg.jpg) bottom repeat-x; height:60px
}

#footerContent { 
width: 990px; 
height:24px; 
background: url(/images/footer_bg.jpg) bottom center no-repeat ; 
margin:0 auto;
color:#FFF;
padding: 12px 0 24px 0
}

a { color:#00F }
a:hover { text-decoration:none }

#footerContent a { color: #FFF }
#footerContent a:hover { text-decoration:none }

#footerContent p { padding:0 }

.left { float:left }
.right { float:right }
img.left { float:left; margin-right:12px; margin-bottom:12px }
img.right { float:right; margin-left:12px; margin-bottom:12px }
strong { font-weight:900 }

h1, h2, h3, h4, p { padding-bottom:12px }
h1, h2, h3, h4 { font-weight:900 }
h2 { font-size:22px; color:#333 }
h3 { font-size:18px; color:#666 }
h4 { font-size:14px }

em { font-style:italic }

#siteHeading { float: left; width:500px }
#memberLogin { text-align:right; width:448px; padding-top: 6px; float:left }
#memberLogin p { padding-bottom: 6px }
#memberLogin label { margin-right:6px; }
#memberLogin input { width: 120px }
#memberLogin .submitBtn { border: #333333 1px solid; background:#0099CC; color:#FFFFFF; padding:2px; width:auto }
#memberLogin a { color: #0000FF }
#memberLogin a:hover { text-decoration:none }

.errBlock { background:#FFC; border: 1px #F00 solid; padding:0.5em; margin-bottom:1em; font-weight:900 }
ul.errors li { color:#FF0000; margin: -6px 0 12px 0 }
.confBlock { background: url(/images/icons/comfirmsmall.jpg) left top no-repeat #F3FFF2; border: 1px #0C5900 solid; padding: 0.5em; margin-bottom:1em; font-weight:900; padding-left:44px }

#dialog h2 { font-size:16px }
#dialog p { padding-bottom: 12px }
#dialog .ui-state-highlight { padding: 3px; font-weight:900; margin-bottom:12px }
#dialog .ui-state-error { padding: 3px; font-weight:900 }
#dialog .ui-widget-content { padding: 3px; margin-bottom:12px }
#dialog p span.ui-icon { float:left; margin-right: 6px }
#dialog label.leftAlign { float:left; width: 100px; font-weight:900} 
#dialog label.radio_label { float:left; margin-right: 12px }
#dialog input { font-weight:normal; padding:3px; width: 200px }
#dialog input.chkBox { width: auto }
#dialog select, #dialog textarea { padding: 3px }
#dialog input.radioBtn { width: auto; float:left; margin-right: 6px }
#dialog br { display:none }
#dialog br.line-break { margin-bottom: 6px; display:block }
#dialog br.show { display:block }
#dialog div#places-teams { width: 100%; overflow:hidden; margin-bottom:12px }
#dialog div.submit { margin-left: 100px; margin-top:12px }
#dialog span#team1 { display:block }
#dialog span.team_holder dd { margin-top: 6px }
#dialog span.team_holder dt { display:none }
#dialog input.saveBtn { width:80px; height:24px; padding-left: 24px;  }
#dialog span.team-attendance { margin-right:12px }
#dialog span.team-attendance label { font-weight: 900 }
#dialog span.team-attendance input.team-numbers { width: 20px }
#dialogConfirmMess { background: url(/images/icons/confirm.jpg) no-repeat left top;
width: 100%;
height:48px
}
#dialogConfirmMess span { padding-left:60px; display:block; }
input.saveBtn, button.saveBtn, a.saveBtn { 
background:url(/images/buttons/save_btn.png) no-repeat; 
width:80px; 
height: 24px; 
color:#FFFFFF; 
border:none; 
padding-left: 32px;
line-height: 24px;
cursor:pointer
}
a.saveBtn { display:block; text-decoration:none }
button#more_teams {
background:#FFFFFF url(/images/buttons/add_event.png) no-repeat scroll left center;
border:medium none;
cursor:pointer;
height:30px;
line-height:30px;
padding-left:30px;
text-align:left;
margin-left:100px
}

#calendar-operations, #news-filters { width: 100%; overflow:hidden; margin-bottom:12px }
#year-nav { float:left; height:24px; line-height:24px }
#year-nav h3, #news-filters h3 { float:left; padding:0 }
#year-nav #year-ctrl, #news-filters #year-ctrl { margin-left: 12px; float:left; width: 16px; line-height:10px }
#year-nav span { float:left;  }
#calendar-filters { text-align:right }
#calendar-filters a { font-weight:900; text-decoration:underline }
#calendar-filters a:hover { text-decoration:none }
#calendar-filters span { margin: 0 6px }

#calendar-nav { width: 100%; overflow:hidden; background: url(/images/calendar-nav-bg.jpg) no-repeat; height:30px }
#calendar-nav ol { padding:0; margin: 0 }
#calendar-nav ol li { float:left; line-height: 30px; list-style:none; padding:0  }
#calendar-nav ol li a { width: 78px; display:block; text-align:center; color:#0000FF }
#calendar-nav ol li a:hover { text-decoration:none;background: #F2F2F2 url(/images/calendar-nav-hover.jpg) repeat-x left bottom; border-bottom: 1px solid #999999; height:29px }
#calendar-nav ol li a#month-selected { background:transparent url(/images/calendar-nav-sel.jpg) repeat-x; color:#FFFFFF; text-decoration:none; font-weight:900 }

table#events-calendar { width: 100%;border: 1px solid #999999; }
table#events-calendar th { text-align:center; font-weight:900; padding: 5px; background: #F2F2F2; text-transform: uppercase; font-size:14px; color:#333333 }
table#events-calendar td { border: 1px solid #999999; height: 205px; width: 150px; vertical-align:top;padding-top: 5px; }
table#events-calendar td span.event-notice { width:140px; padding: 0 5px 5px 5px; display:block; height:170px }
table#events-calendar td span.add-event { width: 145px; text-align:right; display:block; padding-right:5px }
table#events-calendar td.weekend { width: 93px;background: #F2F2F2 }
table#events-calendar td.weekend span.event-notice { width: 80px; padding: 0 5px 5px 5px; display:block; height:170px }
table#events-calendar td.weekend span.add-event { width: 85px; text-align:right; display:block; padding-right:5px }

#content input { padding: 3px }


div.date-group { margin-bottom: 12px; width: 100%; overflow:hidden }
div.date-group dt, div.date-group dd { float:left }
div.date-group dt label { font-weight:900; width: 100px; display:block }
div.date-group dd #sDate, div.date-group dd #eDate { width: 80px }
#eventManagementDiv #subject,#eventManagementDiv #location { width: 590px }
#eventManagementDiv #places { width:30px }

ul#event-list li { margin-bottom:6px }
a.et-meeting { color:#C10000 }
a.et-cpd { color:#000099 }
a.et-events { color:#006600 }
a.et-all { color:#000 }

#calendar-event #event-details p label, #calendar-event #book-event p label { float: left; font-weight:900; width: 100px; color:#000000 }
#calendar-event #event-description { height:170px; width:100%; overflow:auto; overflow-x: hidden; margin-bottom:12px }
#calendar-event #event-description ul { margin-bottom: 12px }
#calendar-event #event-description ul li { list-style:inside disc }
#calendar-event #book-event { line-height: 24px }
button#book-event-btn { width: 160px; height:24px; line-height: 24px; color:#FFFFFF; background:url(/images/buttons/book_event_btn.jpg) no-repeat; border:0; padding-left:32px }

#event-viewer-header { height: 50px }
#event-viewer-header h4 { line-height: 32px; padding:0 }

#attendee-list { width: 100%; overflow:auto; overflow-x: hidden }
#attendee-list table, #editors table, #newspaper-bin table, #recycle-bin table { width: 100% }
#attendee-list table th, #editors table th, #newspaper-bin table th, #recycle-bin table th { font-weight:900; border-bottom: 1px #999999 solid; padding-bottom:3px }
#attendee-list table td, #editors table td, #newspaper-bin table td, #recycle-bin table td { padding: 3px }

#news { width: 100%; overflow:hidden }
#news #news-viewer { 
width: 640px; 
float:left; 
background: url(/images/content_shadow.jpg) no-repeat top right;
padding-right: 20px;
min-height:500px;
height:auto !important;
height:500px;
}
#news #schools-list { width: 260px; float:left; }
#news #schools-list h3 { padding-left: 6px }
#news #schools-list ul li a { padding: 6px 0 6px 6px; display: block; width: 250px }

#news #all-news { margin-bottom:12px; padding-bottom: 12px; border-bottom: 1px #999999 dashed }
#news #all-news a:hover { font-weight:900 }

#page-header { width: 100%; overflow:hidden }

#book-team-event { margin-top: 6px }
#available-event-teams { border-top: #999999 dashed 1px; padding-top:12px }

ul.num-teams-list li label { font-weight:600; color:#333333; float:left; width: 100px }
#ui-datepicker-div, .ui-datepicker { z-index:1003 }

.news-snippet { width:100%; overflow:hidden; margin-bottom: 12px;line-height:20px; border-bottom: dotted #999999 1px; padding-bottom:6px }
.news-snippet img { border: 1px solid #666666 }
.news-snippet p.more-details { padding-top: 12px}
.news-snippet h4 a, .recent-resource h4 a { color:#333333; width: 100%; display:block }
.news-snippet h4 a:hover { text-decoration: none }
.news-snippet p.more-details .read-more a { color:#0000FF }
.news-snippet p.more-details .read-more a:hover { text-decoration:none }
#news a.ui-slider-handle { cursor:pointer }
.slider-month { float: left; width: 9%; text-align:right }
#month-ctrl { background:url(/images/content_shadow_h.jpg) no-repeat bottom center; height:55px }
#slider { margin-left: 8px; margin-bottom: 6px }
#news-month { margin-right: 6px }

#contacts #ssp-team-contact, #contacts #ssco-team-contact { width: 100%; overflow:hidden }
#contacts .contact-container { width:100%; overflow:hidden; margin-bottom:12px; }
#contacts .contact-details { width:450px; float:left; line-height:24px }
#contacts .contact-photo { float:left; margin-right:10px }
#contacts .contact-photo img { border: 1px solid #000 }

#london-2012-countdown { width:150px; height:167px; background:url(/images/london2012_countdown_bg.jpg) no-repeat; overflow:hidden; color:#FFFFFF }
.cd-days { float:left; margin-left: 75px; margin-top: 40px; font-weight:900; font-size:18px; width:70px}
.cd-hours { float:left; font-weight:900; font-size:16px; margin-top:60px; margin-left:31px }
.cd-minutes { float:left; font-weight:900; font-size:16px; margin-top:60px; margin-left:40px}
.cd-seconds { position: absolute; font-weight:900}

#email-contacts label { float:left; font-weight:900; width:100px }
#email-contacts input { width: 490px }
#email-contacts textarea#body { width: 590px; height:300px }
#email-contacts input.sendBtn, button.sendBtn { 
background:url(/images/buttons/send_btn.png) no-repeat; 
width:100px; 
height: 24px; 
color:#FFFFFF; 
border:none; 
padding-left: 32px;
line-height: 24px;
}
#homepage-main { float:left; width:700px }

#homepage-main #calendar-preview { width:250px; float:left; margin-right: 10px; height:330px !important; overflow:hidden; border-bottom:1px solid #CCC }
#homepage-main #calendar-preview h4 { text-align:center; width:250px; padding:0; line-height:24px }
#homepage-main #calendar-preview #events-list { width: 238px; border: 1px solid #CCCCCC; border-top: none; padding: 5px; height:295px !important }


#homepage-sidebar { width: 220px;  margin-left:10px; float:left }
#homepage-sidebar h4 { text-align:center; border: 1px solid #CCCCCC; border-bottom: none;width:220px; padding:0; line-height:24px }
#olympic-countdown { float:left; width: 210px; border: 1px solid #CCCCCC; padding:5px;text-align:center }
#olympic-countdown h5 { font-weight:800; margin-top:6px }

#homepage-welcome { float:left; width:440px }
#homepage-welcome #quick-links a { float:left; width:128px; height:128px; border:1px #CCC solid; text-align:center; color:#000; text-decoration:none; margin-left:12px }
#homepage-welcome p { line-height:1.65em }
#events-list ul { height: 276px }
#events-list ul li { margin-bottom: 12px; padding: 5px; background: #EFEFEF; border: 1px #CCCCCC solid; width:226px !important }
#events-list ul li .event-title { display:block; margin-bottom: 6px  }

#alerts {  margin-top:10px; float: left; width: 448px; }
#admin-tools a, #user-icons a { padding: 2px; border: 1px  #CCCCCC solid; float:right; margin-left:5px }
#admin-tools a:hover, #user-icons a:hover { border: 1px solid #EEEEEE }

table.defTab { width:100%; margin-bottom:12px }
table.defTab th { font-weight:900; padding: 3px; font-size:14px; border-bottom: #999999 1px solid }
table.defTab td { border-bottom: #ccc 1px solid; padding: 5px }
table.defTab tr.odd { background:#EAEAFF }

#information #page-content ul li { list-style:circle outside; padding-left:12px; padding-bottom:12px; margin-left:20px }

li.contactAdminBar { background: #E8E8E8; padding-left:10px; margin-right:10px; border:1px solid #CCC; float:left; width:95% }
span.contactAdminTools { float:left }
span.contactOpTools { float:right; margin-right:6px }
li.contactAdminBar a { float:left; margin-top: 2px }

ul#gallery-images, ul#gallery-images li { float:left }
ul#gallery-images { width:100%; margin:12px 0 }

#image-uploader { padding-bottom: 6px; border-bottom: #CCC dashed 1px; margin-bottom:12px }

.image-placeholder { float:left; margin: 0 5px 12px 5px; border: 1px solid #999; background:#F9F9F9; width:220px; text-align:center;  }
.image-placeholder img { border: 1px solid #CCC; margin:6px 0 }
.image-placeholder label { font-weight:900 }
.image-placeholder input.image-name { width:195px }
.image-placeholder p.gallery-image { height: 150px; overflow:hidden }
.image-placeholder p { padding: 0 5px 12px 5px }
.image-placeholder p span { font-weight:900 }

a.del-img-btn { background:url(/images/buttons/del_image_btn.png) left no-repeat; line-height:24px; height:24px; width:130px; padding:0; border:none; color:#FFF;padding-left: 30px; cursor:pointer; display:block; text-decoration: none; margin: 0 auto }
button.upload-image-btn { background:url(/images/buttons/upload_image_btn.png) left no-repeat; line-height:24px; height:24px; width:160px; padding:0; border:none; color:#FFF;padding-left: 30px; cursor:pointer }
#display-gallery { width:100%; overflow:hidden }
.imageOrderHandle { width:220px; height:20px; cursor: move; background:url(/images/imageOrderHandle.jpg) left top no-repeat }
#gallery-container { width:100%; overflow:hidden }
#gallery-container  .image-placeholder { height: 230px }
.save-gallery-changes { width:100%; overflow:hidden; text-align:right }
label.saveGalleryLbl { margin-right:10px }

.gallery-type-image { background:url(/images/icons/32x32/image.png) left top no-repeat; position:absolute; height:32px; width:32px; margin:-10px 0 0 -10px }
.gallery-type-video { background:url(/images/icons/32x32/film.png) left top no-repeat; position:absolute; height:32px; width:32px; margin:-10px 0 0 -10px }

a.video-preview-overlay { position:absolute; margin: 6px 0 0 -200px; width:200px; height:150px; background:url(/images/play.png) no-repeat }

#ie6-alert { float: right }

ul#browser-list { width: 100%; overflow:hidden; margin-bottom:12px }
ul#browser-list li { float:left; text-align:center; margin: 0 12px }
ul#browser-list li a { text-decoration: none }
ul#browser-list li a:hover { color: #009 }

#information, #resources, #contacts { width: 100%; overflow: hidden; background:url(/images/side_bar_bg.jpg) right top no-repeat; line-height:18px; min-height:500px; height:500px; height:auto !important }
#information #pdm { float:right;  margin-left:10px; margin-bottom:12px; text-align:center; font-weight:900 }
#information #pdm img { border: 1px solid #000 }

#page-content { float:left; width: 650px }
#sidebar {  width: 240px; float:left; margin-left: 10px; padding-left:30px; line-height:normal }
#sidebar ul li { list-style: none; margin:0 }
#sidebar ul li a, #schools-list ul li a, #sort-resources ul li a, #sort-information ul li a { border: solid #D8D8D8; border-width: 1px 1px 1px 4px; color: #666;display:block;padding:6px 0 6px 6px;width:230px; background:transparent url(/images/menubar.jpg) repeat-x scroll center bottom; margin-bottom:6px; text-decoration:none; font-weight:900 }
#sidebar ul li a:hover, #sidebar ul li a#current, #schools-list ul li a:hover, #news #schools-list ul li a#current, #sort-resources ul li a:hover, #sort-information ul li a:hover { text-decoration:none; color:#333;border: solid; border-color: #CCC #CCC #CCC #505050; border-width: 1px 1px 1px 4px }
#sidebar ul li ul li { margin-left:15px }
#sidebar ul li ul li a { width: 215px }

.schools-family ul { margin-left: 30px }
#gssp2012Vision { float:right; margin-left: 10px; text-align:center; padding:6px; border:#333 1px solid; background:#F3F3F3; font-weight:900 }
#dialog #createResourceDiv label { width:130px }
#dialog input#resource_title { width: 320px }

#resource-metadata { color: #666 }
#search-resources-box  { float:right; margin: 0 0 12px 10px; background:#ECF3F7; width:220px }
#search-resources-box .inner { padding:5px }
#search-resources-box input#resourceSearch { width: 200px }
#search-resources-box input.searchBtn { background:url(/images/buttons/search_btn.png) top left no-repeat; width:160px; height:24px; border:none; color:#FFF; cursor:pointer }
.search-corners { width:100%; overflow:hidden }
.top-left-corner { background:url(/images/top_left_corner.jpg) no-repeat scroll left top transparent; float:left;height:6px;width:12px; }
.top-right-corner { background:url(/images/top_right_corner.jpg) no-repeat scroll left top transparent; float:right;height:6px;width:12px; }
.bottom-left-corner { background:url(/images/bottom_left_corner.jpg) no-repeat scroll left bottom transparent; float:left;height:6px;width:12px; }
.bottom-right-corner { background:url(/images/bottom_right_corner.jpg) no-repeat scroll left bottom transparent; float:right;height:6px;width:12px; }

a#edit-news-btn { background:url(/images/buttons/edit_news_btn.png) no-repeat top left }
a#del-news-btn { background:url(/images/buttons/del_news_btn.png) no-repeat top left }

#resource_publish_details { border-bottom:#CCC 1px solid; margin-bottom:12px; padding-bottom:3px; color:#666 }

#levelup { padding-left: 40px; padding-top:12px; background:#E8E8E8 url(/images/icons/24x24/up.png) no-repeat 5px center; margin-bottom:12px; color:#333; border: 1px dotted #DBDBDB }
#levelup a { display: block }

#site-search { text-align:right; margin-bottom:12px }
#site-search input { padding:3px }
#user-icons { float:right }
input.siteSearchBtn { background:url(/images/buttons/site_search_btn.jpg) no-repeat; width:100px; height:24px; border:0; margin:0; padding:0; color:#FFF; line-height:24px; text-indent:5px; vertical-align:top; cursor:pointer; }

.recent-resource h4 { margin-bottom:6px; padding:0 }
.resource-snippet { margin-bottom:12px }
.resourceMeta { color:#999; margin-bottom:6px }

#sort-resources ul li a:hover,#sort-information ul li a:hover { cursor:move }

#dialog #favourites { height:450px; overflow:auto }
#dialog #favourites a { color:#00F }

#search-results h3 { font-weight:normal;font-size:medium;; padding:0; margin-bottom:3px }
#search-results cite a { color:green; text-decoration:none }
#search-results ol { margin-bottom:12px; display:block; width:100%; overflow:hidden }
#search-results ol li { margin-bottom:12px }

#resultStats { border-top: 1px solid #6B90DA; background:#F0F7F9; padding: 0 6px; height: 24px; line-height:24px; text-align:right; margin-bottom:12px }

#search-results span.currPage { color:#A90A08; font-weight: 900 }
#search-results a.pageLink { color:#000; padding:0 3px  }
#search-results a.pageNav { font-weight:900; color:#00F; font-size:14px }
#search-results .search-pagination { margin-top:12px }

a.assign-editor-btn { color: #FFF; background:url(/images/buttons/add_new_contact.png) no-repeat left top; height:24px; line-height:24px; width:160px; float:left; display:block; text-align:center; text-decoration:none }
a.remove-editor-btn { color: #FFF; background:url(/images/buttons/block_user_btn.png) no-repeat left top; height:24px; line-height:24px; width:160px; float:left; display:block; text-align:center; text-decoration:none }

#olympic-countdown h5 { margin:0; font-size:14px; margin-bottom:12px }
#resource_content ul, #resource_content table { margin-bottom:12px }
#resource_content table { border:1px solid #333 }
#resource_content table td { padding: 3px; border: 1px solid #333 }
#resource_content table th { padding: 3px; border: 1px solid #333; font-weight:900 }
#resource_content table tr { border: 1px solid #333 }

#resource_content ul li { margin-left:24px; list-style: inside disc }

#ui-datepicker-div { display:none }