html { color: #000; background: #FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } li { list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } pre, form { font-style: normal; font-weight: normal; } fieldset { border: 0; } legend { color: #000; } input, textarea { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; } p, blockquote { margin: 0; padding: 0; } th { margin: 0; padding: 0; font-style: normal; font-weight: normal; text-align: left; } table { border-collapse: collapse; border-spacing: 0; } img { border: 0; } address { font-style: normal; font-weight: normal; } caption { font-style: normal; font-weight: normal; text-align: left; } cite, dfn, em, strong, var { font-style: normal; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; } html { background:#f6f6e8;} body { font-family:Verdana, Arial, Helvetica, "sans-serif"; font-size:11px;} #admin-bar { overflow:hidden; background:#000000; border-bottom:1px solid #cccccc; height:25px; } #admin-bar p { width:930px; margin:auto; color:#ffffff; margin-top:3px; text-align:right; padding:0px 10px;} #admin-bar p a { color:#ffffff;} #background-wrap { background:url(/images/backgrounds/main.gif) repeat-x; } #wrap { width:970px; margin:auto; background:url(/images/backgrounds/border-repeat.gif) repeat-y; margin-bottom:15px;} #header-wrap { background:url(/images/backgrounds/header.gif) no-repeat; padding-left:10px; padding-right:10px;} #header-wrap #header { height:104px; border-bottom:5px solid #bcbcbc; overflow:hidden;} #header-wrap #header h1 { float:left;} #header-wrap #header h1 a { overflow:hidden; background:url(/images/logo.gif) no-repeat; display:block; width:377px; height:65px; text-indent:-99999px; margin-top:7px; margin-bottom:7px; margin-left:10px;} #header-wrap #header ul.main-nav { background:url(/images/backgrounds/nav.gif) repeat-x; overflow:hidden; height:25px; clear:both;} #header-wrap #header ul.main-nav li { display:block; float:left; margin-left:12px; margin-top:6px; padding-right:13px; background:url(/images/backgrounds/nav-divide.gif) no-repeat right 2px;} #header-wrap #header ul.main-nav li#pre-prep { display:none;} #header-wrap #header ul.main-nav li#headmasters-blog { background:none;} #header-wrap #header ul.main-nav li.last { background:none; padding-right:0px;} #header-wrap #header ul.main-nav li a { color:#ffffff; font-weight:bold; font-size:90%; display:block; text-decoration:none;} #header-wrap #header ul.main-nav li ul { display:none; position:absolute; z-index:1000; background:#b7cfef; border:1px solid #3265a8;} #header-wrap #header ul.main-nav li ul li { background:none; margin:0px; padding:0px; float:none;} #header-wrap #header ul.main-nav li ul li a { color:#4465ad; font-weight:normal; padding:3px 10px; font-size:100%; width:140px;} #header-wrap #header ul.main-nav li ul li a:hover { background:#5781ba; color:#ffffff;} #header-wrap #header ul.main-nav li:hover ul { display:block;} #header-wrap #header .header-images { height:79px; width:401px; float:right;} #content-wrap { padding:0px 10px 17px 10px; background:url(/images/backgrounds/footer.gif) no-repeat bottom;} #content-wrap #content { background:#ffffff; overflow:hidden; padding-bottom:20px; } #content-wrap #content h2 { margin:15px 0px 10px 0px; color:#006699; font-size:180%; font-family:Georgia,"Times New Roman",Times,serif; } #content-wrap #content h2 .grey-text { color:#8d8d8d; } #content-wrap #content h3 { margin:10px 0px; color:#AC0D11; font-size:140%; } #content-wrap #content h3 a { color:#AC0D11; } #content-wrap #content h3.asset-title { border-bottom:1px solid #cccccc; padding-bottom:8px;} #content-wrap #content h4 { margin:7px 0px; font-size:120%; color:#666666; } #content-wrap #content h5 { margin:7px 0px; font-size:110%; color:#666666; } #content-wrap #content p { line-height:150%; color:#666666; margin:7px 0px;} #content-wrap #content em, #content-wrap #content i { font-style:italic; color:#185FA0;} #content-wrap #content em b, #content-wrap #content i b { font-style:italic; } #content-wrap #content em strong, #content-wrap #content i strong { font-style:italic; } #content-wrap #content strong, #content-wrap #content b { font-weight:bold;} #content-wrap #content ul { margin:7px 0px; } #content-wrap #content ul li { line-height:150%; color:#666666;} #content-wrap #content ol { margin:7px 0px; } #content-wrap #content ol li { line-height:150%; color:#666666; margin:4px 20px 4px 30px; list-style:decimal;} #content-wrap #content a { color:#006699; text-decoration:none;} #content-wrap #content a:hover { text-decoration:underline;} #content-wrap #content dl { margin:7px 0px; color:#3c3c3c;} #content-wrap #content blockquote { margin:7px 10px; padding-left:10px; border-left:2px solid #CBD5F5;} #content-wrap #content .parchment-block.text ul li { list-style:disc; margin:4px 0px 4px 25px;} #content-wrap #content .parchment-block.text ol li { margin:4px 20px 4px 30px;} #content-wrap #content .parchment-block.text table { border:1px solid #cccccc; margin:7px 1px; color:#666666; } #content-wrap #content .parchment-block.text table.full-width { width:99.9%; } #content-wrap #content .parchment-block.text table td { padding:5px;border:1px solid #cccccc; line-height:150%;} #content-wrap #content .parchment-block.text table td b { font-size:90%;} #content-wrap #content .parchment-block.text table td strong { font-size:90%;} #content-wrap #content .parchment-block.text table th { padding:5px; background:#f0f0f0; font-weight:bold;border:1px solid #cccccc; line-height:150%} #content-wrap #content .parchment-block.text table thead td { background:#f0f0f0; font-weight:bold; } #content-wrap #content .parchment-block.text table thead th { background:#f0f0f0; font-weight:bold; } #content-wrap #content .parchment-block.text table tbody td { vertical-align:top;} #content-wrap #content .parchment-block.sportfixture ul.fixtures-groups { margin-left:0px;} #content-wrap #content .parchment-block.sportfixture ul.fixtures-groups li { float:left; width:30%; padding:5px; border:1px solid #cccccc; margin-top:-1px; margin-right:-1px; height:17px;} #content-wrap #content .parchment-block.sportfixture ul.fixtures-groups li h3 { font-size:100%; margin:0px;} #content-wrap #content .parchment-block.sportfixture .fixtures-container { display:none;} #content-wrap #content .parchment-block.sportfixture table.fixtures { border:1px solid #cccccc; margin:7px 1px; color:#666666; display:none; background:#ffffff; width:400px; } #content-wrap #content .parchment-block.sportfixture table.full-width { width:99.9%; } #content-wrap #content .parchment-block.sportfixture table td { padding:5px;border:1px solid #cccccc; line-height:150%;} #content-wrap #content .parchment-block.sportfixture table td b { font-size:90%;} #content-wrap #content .parchment-block.sportfixture table td strong { font-size:90%;} #content-wrap #content .parchment-block.sportfixture table th { padding:5px; background:#f0f0f0; font-weight:bold;border:1px solid #cccccc; line-height:150%} #content-wrap #content .parchment-block.sportfixture table thead td { background:#f0f0f0; font-weight:bold; } #content-wrap #content .parchment-block.sportfixture table thead th { background:#f0f0f0; font-weight:bold; } #content-wrap #content .parchment-block.sportfixture table tbody td { vertical-align:top;} #content-wrap #content .parchment-block.sportfixture table.fixtures table { position:relative;} #content-wrap #content .parchment-block.casestudy ul.case_studies_list li { overflow:hidden; margin-bottom:15px;} #content-wrap #content .parchment-block.casestudy ul.case_studies_list li ul.case_study_images { float:right; margin-right:15px;} #content-wrap #content .left { background:url(/images/backgrounds/left-bottom-grad.gif) repeat-x bottom #b9cce3; width:201px; float:left; padding-top:0px; padding-bottom:80px;} #content-wrap #content .left p { color:#154078; margin:0px; margin-left:15px; margin-top:15px; clear:both; } #content-wrap #content .left p.images { margin:15px 15px 0px 15px; height:106px; width:170px;} #content-wrap #content .left .side-nav ul { margin:15px 5px 5px 15px;} #content-wrap #content .left .side-nav ul li { background:url(/images/backgrounds/page-nav-bullet.gif) no-repeat 0px 6px; padding-left:8px; list-style:none; margin:0px;} #content-wrap #content .left .side-nav ul li a { color:#154078; text-decoration:none; } #content-wrap #content .left .side-nav ul li a:hover { text-decoration:underline;} #content-wrap #content .left .side-nav ul li a.active { text-decoration:underline;} #content-wrap #content .left .side-nav ul li ul { margin:0px;} #content-wrap #content .left .side-nav ul li ul li { background:none;} #content-wrap #content .left .side-nav ul li ul li a { } #content-wrap #content .left .parchment-block.imageplaceholder { margin:14px;} #content-wrap #content .left .parchment-block.imagegallery { margin:14px; } #content-wrap #content .left .parchment-block.imagegallery ul { margin:0px; } #content-wrap #content .left .parchment-block.imagegallery ul.gallery-navigation { position:absolute; z-index:100; margin-left:132px; margin-top:8px;} #content-wrap #content .left .parchment-block.imagegallery ul.gallery-navigation li { margin-right:10px; float:left;} #content-wrap #content .left .parchment-block.imagegallery ul.gallery-navigation a { display:block; width:9px; height:9px; text-indent:-99999px; overflow:hidden;} #content-wrap #content .left .parchment-block.imagegallery ul.gallery-navigation #previous-link { background:url(/images/backgrounds/gallery-back-button.png) no-repeat; } #content-wrap #content .left .parchment-block.imagegallery ul.gallery-navigation #next-link { background:url(/images/backgrounds/gallery-forward-button.png) no-repeat; } #content-wrap #content .center { margin-left:20px; float:left; width:484px;} #content-wrap #content .center p.bread-crumb { font-size:9px; color:#aaaaaa;} #content-wrap #content .center p.bread-crumb a { color:#aaaaaa; text-decoration:none;} #content-wrap #content .center p.bread-crumb a:hover { text-decoration:underline;} #content-wrap #content .center .subject-links { float:right;} #content-wrap #content .center .parchment-block.documentlibrary ul.document_library { margin:5px -10px; overflow:hidden;} #content-wrap #content .center .parchment-block.documentlibrary ul.document_library li.document { overflow:hidden; margin:10px; margin-top:0px;} #content-wrap #content .center .parchment-block.documentlibrary ul.document_library li.document .file-type-icon { text-align:center; float:left; padding-left:0px; margin:3px 0px;} #content-wrap #content .center .parchment-block.documentlibrary ul.document_library li.document h4 { margin:5px 0px; padding-left:58px; font-size:100%; font-weight:bold;} #content-wrap #content .center .parchment-block.documentlibrary ul.document_library li.document h4 a { color:#3C3C3C;} #content-wrap #content .center .parchment-block.documentlibrary ul.document_library li.document p { margin:5px 0px; padding-left:58px;} #content-wrap #content .center .parchment-block.documentlibrary ul.document_library li.document p.document-icon { text-align:center; float:left; padding-left:0px; margin:8px 0px;} #content-wrap #content .center .parchment-block.imagegallery ul.image-gallery { margin:0px -9px -15px -9px; overflow:hidden;} #content-wrap #content .center .parchment-block.imagegallery ul.image-gallery li { float:left; overflow:hidden; margin:15px 9px; margin-top:0px;} #content-wrap #content .center .parchment-block.news .new_articles { clear:both;} #content-wrap #content .center .parchment-block.news .new_articles .article { border-bottom:1px dotted #AAAAAA; overflow:hidden;} #content-wrap #content .center .parchment-block.news .new_articles .article h3 { font-size:120%;} #content-wrap #content .center .parchment-block.news .new_articles .article ul.images { float:left; margin:0px; margin-right:10px;} #content-wrap #content .center .parchment-block.news .new_articles .article ul.images li { padding:0px; margin:0px; margin-bottom:10px;} #content-wrap #content .center .parchment-block.news ul li { list-style:disc; margin:4px 0px 4px 25px;} #content-wrap #content .center .parchment-block.news ol li { margin:4px 20px 4px 0px;} #content-wrap #content .center .full-article { } #content-wrap #content .center .full-article .extract { font-weight:bold;} #content-wrap #content .center .full-article ul.images { float:left; margin:0px; padding:0px; margin-right:10px;} #content-wrap #content .center .full-article ul.images li { margin:0px; padding:0px; margin-bottom:10px;} #content-wrap #content .center table.fixtures-list { } #content-wrap #content .center table.fixtures-list tr td { padding:5px; border:1px solid #cccccc;} #content-wrap #content .center table.fixtures-list tr td.edit-links { width:37px;} #content-wrap #content .center table.fixtures-list thead tr td { background:#ECF3FF; color:#666666; font-weight:bold;} #content-wrap #content .center table.fixtures-list tbody tr td a { color:#006699; text-decoration:none; overflow:hidden;} #content-wrap #content .center table.fixtures-list tbody tr td a:hover { text-decoration:underline;} #content-wrap #content .center table.fixtures-list tbody tr td a.edit { display:block; float:left; width:16px; height:16px; text-indent:-99999px; background:url(/images/icons/edit.png) no-repeat; margin-right:5px;} #content-wrap #content .center table.fixtures-list tbody tr td a.delete { display:block; float:left; width:16px; height:16px; text-indent:-99999px; background:url(/images/icons/delete.png) no-repeat;} #content-wrap #content .center .team-members ul li { overflow:hidden; margin-bottom:10px; border-bottom:1px dotted #AAAAAA; padding-bottom:10px; } #content-wrap #content .center .team-members ul li ul.images { float:left; margin:0px;} #content-wrap #content .center .team-members ul li ul.images li { padding:0px; margin:0px; margin-right:10px; margin-bottom:10px; border-bottom:none;} #content-wrap #content .center .team-members ul li .details h4 { margin-top:0px;} #content-wrap #content .center .team-members ul li .details dl { overflow:hidden } #content-wrap #content .center .team-members ul li .details dl dt { float:left; clear:left; margin-right:5px; } #content-wrap #content .center .team-members ul li .details dl dt { float:left; } #content-wrap #content .center table.form { border:1px solid #cccccc; width:100%; margin:15px 0px; } #content-wrap #content .center table.form th { padding:5px; border:1px solid #cccccc; background:#f0f0f0; font-weight:bold; width:152px; } #content-wrap #content .center table.form td { padding:5px; border:1px solid #cccccc; } #content-wrap #content .center table.form thead td { background:#ECF5FF; font-size:110%; color:#006699; font-weight:bold;} #content-wrap #content .center table.form td.input input { border:1px solid #cccccc; padding:4px; width:300px;} #content-wrap #content .center table.form td.input textarea { border:1px solid #cccccc; padding:4px; width:300px; height:130px;} #content-wrap #content .right { float:left; width:225px; margin-left:20px;} #content-wrap #content .right ul.images { margin-right:15px;} #content-wrap #content .right ul.images li { margin-bottom:15px;} #content-wrap #content .right .parchment-block.documentlibrary ul.document_library { margin:10px; } #content-wrap #content .right .parchment-block.documentlibrary ul.document_library li.document { margin:2px 0px; } #content-wrap #content .right .parchment-block.documentlibrary ul.document_library li.document h4 { margin:0px; font-size:100%;} #content-wrap #content .right .parchment-block.imageplaceholder { margin:15px; margin-bottom:0px; margin-left:0px;} #content-wrap #content .right .parchment-block.imageplaceholder .image-placeholder img { margin-bottom:15px; width:205px;} #content-wrap #content .right .curriculum-nav { border:1px solid #999999; margin-right:20px; margin-top:20px;} #content-wrap #content .right .curriculum-nav li { padding:10px;} #content-wrap #content .right .curriculum-nav li p { margin:0px;} #content-wrap #content .right .curriculum-nav li .link-icon { display:block; float:left; width:48px; height:48px; margin-right:10px; margin-top:2px;} #content-wrap #content .right .curriculum-nav li.articles .link-icon { background:url(/images/curriculum_icons/articles.jpg) no-repeat;} #content-wrap #content .right .curriculum-nav li.document-library .link-icon { background:url(/images/curriculum_icons/documents.jpg) no-repeat;} #content-wrap #content .right .curriculum-nav li.web-links .link-icon { background:url(/images/curriculum_icons/links.jpg) no-repeat;} #content-wrap #content .right .curriculum-nav li.staff-profiles .link-icon { background:url(/images/curriculum_icons/staff.jpg) no-repeat;} #sub-page-2 #content-wrap #content .center { margin-left:20px; float:left; width:709px;} #blog #content-wrap #content .center { margin-left:20px; float:left; width:709px;} #content-wrap #content .oppositions li a.delete { display:inline-block; height:16px; background:url(/images/icons/delete.png) no-repeat; padding-left:20px; margin-left:10px; } #content-wrap #content dl.form { } #content-wrap #content dl.form dt { float:left; clear:left; width:130px; text-align:right; margin:5px; padding-top:2px;} #content-wrap #content dl.form dd { float:left; margin:5px; width:555px;} #content-wrap #content dl.form dd.text-input input { padding:3px; border:1px solid #cccccc;} #home #content-wrap #content .top-left { width:400px; float:left; margin-top:10px; margin-right:24px; margin-left:20px; font-family:Arial, Helvetica, "sans-serif";} #home #content-wrap #content .top-left p { margin:15px 0px 0px 0px; text-align:center; font-size:135%; line-height:136%;} #home #content-wrap #content .top-left ul.video-links { margin:0px; padding:0px; margin-bottom:10px; overflow:hidden;} #home #content-wrap #content .top-left ul.video-links li { float:left;} #home #content-wrap #content .top-left ul.video-links li h4 { text-align:center; font-size:130%;} #home #content-wrap #content .top-left ul.video-links li a { display:block; width:191px; height:113px; overflow:hidden; text-indent:-99999px;} #home #content-wrap #content .top-left ul.video-links li.pre-prep a { background:url(/images/backgrounds/pre-prep-video.jpg) no-repeat;} #home #content-wrap #content .top-left ul.video-links li.prep { margin-left:18px;} #home #content-wrap #content .top-left ul.video-links li.prep a { background:url(/images/backgrounds/prep-video.jpg) no-repeat;} #home #content-wrap #content .top-right { width:482px; float:left; margin-top:30px; } #home #content-wrap #content .top-right ul { margin:0px; margin-bottom:20px;} #home #content-wrap #content .top-right ul.gallery-navigation { position:absolute; z-index:100; margin-left:440px; margin-top:10px;} #home #content-wrap #content .top-right ul.gallery-navigation li { margin-right:10px; float:left;} #home #content-wrap #content .top-right ul.gallery-navigation a { display:block; width:9px; height:9px; text-indent:-99999px; overflow:hidden;} #home #content-wrap #content .top-right ul.gallery-navigation #previous-link { background:url(/images/backgrounds/gallery-back-button.png) no-repeat; } #home #content-wrap #content .top-right ul.gallery-navigation #next-link { background:url(/images/backgrounds/gallery-forward-button.png) no-repeat; } #home #content-wrap #content .middle-bar { clear:both; overflow:hidden; padding:20px; background:#f3f8fb; border-top:1px solid #d0e7f5; border-bottom:1px solid #d0e7f5; margin:20px 0px;} #home #content-wrap #content .middle-bar .middle-bar-item { width:227px; float:left; overflow:hidden;} #home #content-wrap #content .middle-bar .middle-bar-item .parchment-block.imageplaceholder { float:left; width:56px; margin:0px; margin-top:3px;} #home #content-wrap #content .middle-bar .middle-bar-item .parchment-block.text { float:left; width:170px; margin:0px;} #home #content-wrap #content .middle-bar .middle-bar-item .parchment-block.text h3 { margin:0px 10px; font-size:100%; color:#000000; font-weight:bold;} #home #content-wrap #content .middle-bar .middle-bar-item .parchment-block.text h3 a { color:#000000; text-decoration:none;} #home #content-wrap #content .middle-bar .middle-bar-item .parchment-block.text h3 a:hover { color:#000000; text-decoration:underline;} #home #content-wrap #content .middle-bar .middle-bar-item .parchment-block.text p { margin:0px 10px; font-size:80%; color:#8d8d8d; } #home #content-wrap #content .middle-bar .middle-bar-item .parchment-block.text p a { color:#8d8d8d; text-decoration:none; } #home #content-wrap #content .middle-bar .middle-bar-item .parchment-block.text p a:hover { color:#8d8d8d; text-decoration:underline; } #home #content-wrap #content .latest-news-section { margin:0px 20px; } #home #content-wrap #content .latest-news-section h3 { color:#19447c; } #home #content-wrap #content .latest-news-section ul.news-articles { margin:0px -20px; } #home #content-wrap #content .latest-news-section ul.news-articles li.article { width:434px; float:left; margin:0px 20px; height:84px; } #home #content-wrap #content .latest-news-section ul.news-articles li.article h4 { color:#363636; margin-bottom:0px; font-weight:bold; font-size:110%;} #home #content-wrap #content .latest-news-section ul.news-articles li.article h4 a { color:#363636; text-decoration:none;} #home #content-wrap #content .latest-news-section ul.news-articles li.article h4 a:hover { color:#363636; text-decoration:underline;} #home #content-wrap #content .latest-news-section ul.news-articles li.article p { margin-top:5px; color:#717171; } #home #content-wrap #content .latest-news-section ul.news-articles li.article p.published-date { color:#bebebe; margin-top:0px; font-size:80%; margin-bottom:0px; } #content-wrap #footer { padding-left:20px; clear:both; padding-bottom:30px; padding-top:10px;} #content-wrap #footer p { font-size:10px; color:#8d8d8d;} #content-wrap #footer p a { color:#8d8d8d;} #content-wrap #footer ul.footer-logos { float:right; margin-top:-80px;} #content-wrap #footer ul.footer-logos li { float:left; margin-right:20px;} #content-wrap #footer ul.footer-logos li a { display:block; text-indent:-999999px; overflow:hidden;} #content-wrap #footer ul.footer-logos li.ofsted { width:100px; height:100px; background:url(/images/OutstandingLogo08-09.jpg) no-repeat; text-indent:-999999px;} #content-wrap #footer ul.footer-logos li.isc { margin-top:35px;} #content-wrap #footer ul.footer-logos li.isc a { width:60px; height:32px; background:url(/images/isc.gif) no-repeat; } #content-wrap #footer ul.footer-logos li.iaps { margin-top:32px;} #content-wrap #footer ul.footer-logos li.iaps a { width:32px; height:32px; background:url(/images/iaps.gif) no-repeat;} #content-wrap #footer ul.footer-logos li.tatler-text { position:absolute; margin-top:95px; margin-left:20px; font-size:110%; font-weight:bold; } /* Parchement Style Resets */ #wrap #content p.inlineoptions { display:none; z-index:100;} #wrap #content p.inlineoptions a { color:#333333;} #wrap #content .parchment-block { border:none; padding:0px;} #parchment div#pages table.page-list tbody tr td.child { width:15px; } div.parchment-block { overflow:hidden; border:2px solid #efefef; margin-bottom:10px; padding:10px;} div.parchment-block p.inlineoptions { position:absolute;} * html #content-wrap #content { height:1%;} * html #content-wrap #content .center .team-members ul li { height:1%;} * html #content-wrap #content .center .team-members ul li ul li { height:auto;} * html #content-wrap #content .center .parchment-block.news .new_articles .article { height:1%;} * html #sub-page-2 #content-wrap #content .center { margin-left:20px;} * html #sub-page-2 #content-wrap #content .center #jMonthCalendar { width:709px !important; } * html #home #content-wrap #content .top-left { margin-left:10px; } * html #home #cycling-gallery li a img { display:none;} * html #home #content-wrap #content .middle-bar { height:1%;} * html #home #content-wrap #content .latest-news-section ul.news-articles li.article { margin:0px 10px; } * html #content-wrap #footer ul.footer-logos li.tatler-text { margin-left:-230px; } * + html div.parchment-block p.inlineoptions { position:absolute; float:left !important;} * + html #content-wrap #footer ul.footer-logos li.tatler-text { margin-left:-230px; } /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } @import "./facybox_urls.css"; #facybox { position: absolute; top: 0; left: 0; margin: -20px 0 0 -20px; z-index: 100; text-align: left; padding: 18px; min-width: 40px; min-height: 40px; } #facybox .w, #facybox .e, #facybox .nw, #facybox .ne, #facybox .sw, #facybox .se { min-height: 18px; min-width: 13px; } #facybox .n, #facybox .s { background-repeat: repeat-x; height: 18px; } #facybox .w, #facybox .e { background-repeat: repeat-y; } #facybox .nw, #facybox .ne, #facybox .sw, #facybox .se, #facybox a.next, #facybox a.prev, #facybox .closek #facybox .loading { background-repeat: no-repeat; } #facybox a.next { background-position: 9999px 50%; } #facybox a.prev { background-position: -9999px 50%; } #facybox a.prev:hover{ background-position: 0 50%; } #facybox a.next:hover{ background-position: 100% 50%; } #facybox .close { position: absolute; top: 5px; right: 0; display: block; width: 30px; height: 30px; } #facybox .prev, #facybox .next{ display: block; position: absolute; cursor: pointer; } #facybox .navigation .counter{ background: #000; color: #fff; text-align: center; position: absolute; bottom: -33px; left: -10px; padding: 2px 0; font-size: 11px; } #facybox .loading { margin: 0 auto; width: 22px; height: 22px; text-align: center; } #facybox .popup { position: relative; } #facybox table { border-collapse: collapse; } #facybox td { border-bottom: 0; padding: 0; } #facybox .body { padding: 10px; background: #fff; width: auto; } #facybox .loading { text-align: center; } #facybox .image { text-align: center; line-height: 0; } #facybox img { border: 0; margin: 0; } #facybox .footer { position: absolute; top: 28px; left: 23px; padding: 0; width: 90%; } #facybox .footer img { vertical-align: middle; } #facybox .tl, #facybox .tr, #facybox .bl, #facybox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facybox table.fixtures { border:1px solid #cccccc; width:800px;} #facybox table.fixtures thead td { background:#f0f0f0; font-weight:bold;} #facybox table.fixtures td { padding:5px; border:1px solid #cccccc;} #facybox table.fixtures td a { color:#AC0D11; text-decoration:none;} #facybox table.fixtures td a:hover { text-decoration:none;} #facybox table.fixtures a.more-link { display:block; margin:5px 0px;} #facybox table.fixtures .fixture-details { display:none;} #facybox table.fixtures .fixture-details table { margin-top:10px;} #facybox table.fixtures .fixture-details h2 { margin-top:10px; font-size:180%;} #facybox table.fixtures .fixture-details h3 { margin-top:10px; font-size:160%;} #facybox table.fixtures .fixture-details h4 { margin-top:10px; font-size:140%;} #facybox table.fixtures .fixture-details h5 { margin-top:10px; font-size:120%;} #facybox table.fixtures .fixture-details p { margin-top:10px;} #facybox table.fixtures .fixture-details ul { margin-top:10px;} #facybox table.fixtures .fixture-details ol { margin-top:10px;} #facybox table.fixtures .fixture-details strong { font-weight:bold;} #facybox table.fixtures .fixture-details b { font-weight:bold;} #facybox table.fixtures .fixture-results { display:none;} #facybox table.fixtures .fixture-results table { margin-top:10px;} #facybox table.fixtures .fixture-results h2 { margin-top:10px; font-size:180%;} #facybox table.fixtures .fixture-results h3 { margin-top:10px; font-size:160%;} #facybox table.fixtures .fixture-results h4 { margin-top:10px; font-size:140%;} #facybox table.fixtures .fixture-results h5 { margin-top:10px; font-size:120%;} #facybox table.fixtures .fixture-results p { margin-top:10px;} #facybox table.fixtures .fixture-results ul { margin-top:10px;} #facybox table.fixtures .fixture-results ol { margin-top:10px;} #facybox table.fixtures .fixture-results strong { font-weight:bold;} #facybox table.fixtures .fixture-results b { font-weight:bold;} #facybox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } .facybox_hide { z-index:-100; } .facybox_overlayBG { background-color: #000; z-index: 99; } /* A separte CSS file dedicated to rules that involve URLs. This makes it easy to configure where your images are without having to edit the main facyBox stylesheet. */ #facybox .n { background-image: url('/images/facybox/fancy_shadow_n.png'); } #facybox .s { background-image: url('/images/facybox/fancy_shadow_s.png'); } #facybox .w { background-image: url('/images/facybox/fancy_shadow_w.png'); } #facybox .e { background-image: url('/images/facybox/fancy_shadow_e.png'); } #facybox .nw { background-image: url('/images/facybox/fancy_shadow_nw.png'); } #facybox .ne { background-image: url('/images/facybox/fancy_shadow_ne.png'); } #facybox .sw { background-image: url('/images/facybox/fancy_shadow_sw.png'); } #facybox .se { background-image: url('/images/facybox/fancy_shadow_se.png'); } #facybox a.next { background-image: url('/images/facybox/fancy_right.png'); } #facybox a.prev { background-image: url('/images/facybox/fancy_left.png'); } #facybox .close { background-image: url('/images/facybox/fancy_closebox.png'); } #facybox .loading { background-image: url('/images/facybox/loading.gif'); } body { } #jMonthCalendar a { font-size:11px; } #jMonthCalendar { position:relative; height:auto !important; } #jMonthCalendar .MonthlyCalendar .MonthNavigation { border-bottom:solid 1px #ddd; clear:both; height:20px; padding:5px 10px 0 10px; } #jMonthCalendar .MonthlyCalendar .MonthNavPrev, #jMonthCalendar .MonthlyCalendar .MonthNavNext, #jMonthCalendar .MonthlyCalendar .TodayLink { width:7%; float:left; } #jMonthCalendar .MonthlyCalendar .YearNavNext, #jMonthCalendar .MonthlyCalendar .YearNavPrev { width:10%; float:right; } #jMonthCalendar .MonthlyCalendar .MonthName { width:59%; text-align:center; font-weight:bold; float:left; } #jMonthCalendar .MonthlyCalendar { height:100%; width:708px; margin-left:1px; border:solid 1px #ddd !important; border-collapse:collapse; margin-top:30px; } #jMonthCalendar .MonthlyCalendar #CalendarHead { width:100%; background:#F7F7F7 none repeat scroll 0 0; } #jMonthCalendar .MonthlyCalendar #CalendarHead .DateHeader { width:14%; text-align:center; } #jMonthCalendar .MonthlyCalendar #CalendarBody { } #jMonthCalendar .DateBox { vertical-align:top; border:solid 1px #ddd; } #jMonthCalendar .DateLabel { height:16px; width:100%; background:#F7F7F7 none repeat scroll 0 0; text-align:right; } #jMonthCalendar .DateLabel a { cursor:pointer; padding:0 5px 2px; text-decoration:none; line-height:16px; } #jMonthCalendar #CalendarBody .Inactive, #jMonthCalendar #CalendarBody .Weekend { background:#fafafa none repeat scroll 0 0; } #jMonthCalendar .Today { background:#A9DFFF none repeat scroll 0 0; } #jMonthCalendar .Event { font-size:12px; padding:4px; background-color:#C0D0FF; margin-bottom:1px; -moz-border-radius:0 8px 8px 8px; border:solid 1px #000; cursor:pointer; display:block; } #jMonthCalendar .Event a { text-decoration:none; color:#000; } #jMonthCalendar .Event a:hover { text-decoration:underline; }