/* CSS generated by SiteManager at 02:03pm 07/10/2010 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for UoD Corporate - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Ltd - All Rights Reserved Created: 01/12/2008 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body { background: #b4c1d0 url(/templatefiles/corporate_body_bg.jpg) repeat-x top left; font: 80% 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: center; color: #5A5A5A; padding: 0; margin: 0; } h1 { width: 202px; background: #8e703e url(/templatefiles/corporate_topnav_bg.jpg) repeat-x top center; font: normal 1.6em 'trebuchet ms', arial, verdana, helvetica, sans-serif; color: #fff; padding: 3px 10px; margin: 0 0 15px; } h1.nobg { width: auto; background: transparent none; color: #8e703e; padding: 0; } h2 { font: bold 1.1em 'trebuchet ms', arial, verdana, helvetica, sans-serif; /*color: #377299;*/ color: #8e703e; margin: 10px 0 0; } h3 { font: bold 1.0em 'trebuchet ms', arial, verdana, helvetica, sans-serif; /*color: #437a9f;*/ color: #8e703e; margin: 10px 0 5px; } p { font-size: 1.0em; line-height: 1.5em; color: #5A5A5A; margin: 0 0 10px; } li { font-size: 1.0em; line-height: 1.5em; color: #5A5A5A; margin: auto; } #content ul { padding: 0; margin: 10px 0; } #content li { background: transparent url(/templatefiles/uod_bullet_arrow-corporate.png) no-repeat 0 7px; list-style-type: none; padding-left: 20px; margin: 0 0 5px 10px; } .smalltext { font-size: 0.85em; color: #666; } strong { color: #000; } a, a:visited { text-decoration: underline; color: #437a9f; } a:hover, a:active { text-decoration: none; color: #424142; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .autowrapper { width: auto; display: inline; } .widthwrapper { width: 100%; } .padding { padding: 20px; } .right { float: right; } .left { float: left; } .clear { clear: both; } .norightcol #content { margin-right:0; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 955px; min-height: 750px; position: relative; background: #838287 url(/templatefiles/corporate_container_bg.jpg) no-repeat bottom center; padding: 0 10px 90px; margin: 0 auto; } #toplinks { background: #8e703e url(/templatefiles/corporate_goldfade_bg.jpg) repeat-x top left; text-align: left; padding: 5px 15px; } #toplinks p { font-weight: bold; font-size: 0.85em; color: #fff; padding: 0; margin: 0; } #toplinks p a, #toplinks p a:visited { text-decoration: none; color: #fff; } #header { clear: both; background: #000 url(/templatefiles/corporate_header_bg.jpg) repeat-y top right; text-align: left; padding: 20px 15px 10px; } #contentwrapper { min-height: 590px; background: #f8f7f2; text-align: left; padding: 5px 15px; } #banner { clear: both; background: transparent url(/templatefiles/corporate_banner_shadow_s.jpg) no-repeat bottom right; padding: 10px 0 6px; margin-bottom: 15px; } #bannertext { width: 192px; height: 185px; overflow: hidden; float: left; background-color: #dddbd6; padding: 15px; margin: 0 15px 0 0; } #bannertext p { font: normal 1.1em/1.4em; /*'times new roman', times, serif; color: #437a9f;*/ color: #424142; } #bannertext p.intro { font-size: 1.4em; line-height: 1.2em; color: #424142; } #bannerimg { float: left; background-color: #fff; border: 1px solid #fff; } #bannerimg img { display: block; padding: 6px; border: 1px solid #efebe6; } .col { width: 222px; float: left; margin-right: 9px; } .col .shadow { background: transparent url(/templatefiles/corporate_image_shadow.jpg) no-repeat bottom center; padding-bottom: 3px; } .col .imgwrapper { width: 222px; height: 122px; overflow: hidden; } .col h2 { color: #424142; margin-bottom: 5px; } .col h2 a, .col h2 a:visited { background: none; color: #424142; padding-bottom: 0; } .col a { } .col p { font-size: 0.85em; color: #437a9f; } #sidecol { width: 222px; float: left; } #sidecol h1 { margin-bottom: 0; } #sidecol .col { float: none; } #sidecol .col img { border: 1px solid #e8e8e8; border-width: 0 1px 1px; } #sidenav { background: transparent url(/templatefiles/corporate_image_shadow.jpg) no-repeat bottom center; padding: 0 0 3px; margin: 5px 0 0; } #sidenav li { list-style-type: none; } #sidenav li a, #sidenav li a:visited { display: block; background: #eaebf0 url(/templatefiles/corporate_sidenav_bg.jpg) repeat-x top left; text-decoration: none; color: #000; padding: 5px 10px; } #sidenav li a:hover, #sidenav li a:active { background: #c4c5c8 url(/templatefiles/corporate_sidenav_bg_over.jpg) repeat-x top left; text-decoration: none; } #sidenav li.selected { display: none; } #content { margin-left: 240px; margin-right: 240px; } #home #content { margin: 0; } .nosidecol #content { margin-left: 0; } #subcontent { width: 222px; float: right; } #subcontent .col { float: none; margin-bottom: 20px; } #subcontent .col img { background: transparent url(/templatefiles/corporate_image_shadow.jpg) no-repeat bottom center; padding-bottom: 3px; } #subcontent .col a, #subcontent .col a:visited { background: none; } #callback { background: #e8faff url(/templatefiles/corporate_callback_bg.jpg) repeat-x top left; padding: 5px 10px 20px; border: 1px solid #e4e4e6; } #callback h2 { color: #1d1d1c; margin-bottom: 10px; } #callback label { display: block; font-size: 0.85em; } #callback input { } #callback select { } #callback .button { width: 80px; background: #3a9ac9 url(/templatefiles/corporate_blue_2tone.jpg) repeat-x center center; color: #fff; border: 0; } #footer { padding: 5px 15px; } #footer p { position: absolute; bottom: 70px; left: 15px; font-weight: bold; font-size: 0.85em; text-align: left;color: #fff; padding: 0; margin: 0; } #footer p.right { position: absolute; bottom: 70px; right: 15px; text-align: right; } #footer p a, #footer p a:visited { color: #fff; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* See Drop Down Nav stylesheet */ /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .gold { color: #ab935a; } .goldb { color: #675429; font-weight:bold; } .goldb li { color: #000; } p.learnmore { width: 80px; float: right; background: #808185 url(/templatefiles/corporate_grey_2tone.jpg) repeat-x center center; font: 1.1em 'trebuchet ms', verdana, arial, helvetica, sans-serif!important; color: #fff; text-align: center; padding: 5px 10px; margin: 0;} p.learnmore a, p.learnmore a:visited { text-decoration: none; color: #fff; } table#profiles { border-collapse: collapse; vertical-align: top; } #profiles td { width: 140px; vertical-align: top; padding: 0 10px 10px 0;} #profiles td.divider-h { width: 12px; background: transparent url(/templatefiles/corporate_divider-h.jpg) no-repeat center left; padding: 0; } #profiles td.divider-v { height: 7px; background: transparent url(/templatefiles/corporate_divider-v.jpg) no-repeat top center; padding: 0; } .contentbox { width: 200px; min-height: 360px; float: left; display: inline; margin-top: 20px; margin-right: 30px; } .lastbox { margin-right: 0; } #gallery td { vertical-align: middle; padding-bottom: 15px; } #gallery td img { margin-bottom: 5px; } .videowrapper { width: auto; display: inline; padding: 5px; border: 1px solid #ab935a; } /* COURSE DETAILS ----------------------------------------------------------------------------------------------------------------------------- */ #coursedetails #contentwrapper { padding-top: 20px; } #coursedetails .sidebox { width: 226px; overflow: hidden; padding: 0 0 14px; border-bottom: 1px solid #ebe7e2; margin: 0 0 14px; } /* Course Search */ #coursedetails .coursesearch { width: 206px; padding: 0 0 14px; border-bottom: 1px solid #ebe7e2; margin: 0 0 14px; } #coursedetails .coursesearch .search h2 { margin: 0 10px 0 0; } #coursedetails .coursesearch p.largetext { font-weight: bold; font-size: 1.2em; color: #00477c; margin: 0; } #coursedetails .coursesearch form { margin-top: 0; } #coursedetails .coursesearch #f1_eduCourseSearchText { width: 190px !important; height: 22px; background: #fff url(/templatefiles/uod_search_box.jpg) no-repeat 0 0; padding: 3px 5px 0; border: 0; } #coursedetails .coursesearch .button { width: 69px !important; height: 22px; /*float: right;*/ background: #fff url(/templatefiles/uod_search_button.jpg) no-repeat 0 0; border: 0; margin-top: 3px; margin-left: 130px; } #coursedetails .coursesearch .button { width: 69px !important; height: 22px; background: transparent url(/templatefiles/uod_search_button.png) no-repeat 0 0; border: 0; margin-top: 3px; margin-right: 5px; } #coursedetails .coursesearch #searchAdvanced { background-color: #eee; padding: 10px 14px; } #coursedetails .coursesearchresults table { width: 100%; } #coursedetails .coursesearchresults tr.odd { background-color: #fff; } #coursedetails .coursesearchresults tr.even { background-color: #eee; } #coursedetails .coursesearchresults tr:hover { background-color: #E3F1FB !important; } #coursedetails .coursesearchresults img { display: none; } #coursedetails .coursesearchresults td { padding: 5px 15px; } #coursedetails .coursesearchresults td a { display: block; background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 0 5px; padding-left: 15px; } #coursedetails .coursesearchresults ul li { background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 0 7px; list-style-type: none; padding-left: 20px; margin: 0; } #coursedetails .courselistside ul { padding: 0; margin: 0; } #coursedetails .courselistside li { background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 0 7px; list-style-type: none; padding: 0 0 0 20px; margin: 0; } #coursedetails .sidebox p.largetext, #coursedetails .sidebox h2 { font-weight: bold; font-size: 1.2em; padding: 0; margin: 0; } #coursedetails .moredetails p { display: inline; margin: 0; } #coursedetails .arrowlist ul { padding: 0; margin: 10px 0; } #coursedetails .arrowlist ul li { background: transparent url(/templatefiles/uod_bullet_arrow.png) no-repeat 0 7px; list-style-type: none; padding-left: 20px; margin: 0 0 5px 10px; } .courseactions { background: #154579 url(/templatefiles/uod_courseactions.jpg) repeat-x left bottom; } .courseactions table td a, .courseactions table td a:visited { font-weight: bold; font-size: 1.2em; text-decoration: none; color: #fff; margin: 0; } .courseactions table td a:hover, .courseactions table td a:active { text-decoration: underline; color: #fff; } .mediaPool { position: relative; background-color: #fff } .mediaPoolCaption { font-size: 80%; color: #444; padding: 8px; } .mediaPool .play { position: absolute; left: 50%; top: 40px; margin-left: -20px; } .mediaPool .play img { margin: 0 !important; } .mediaPoolNavbar { background: #154579 url(/templatefiles/uod_courseactions.jpg) repeat-x left bottom; padding: 8px; } .mediaPoolNavbar .button { width: 43px; height: 20px; background: transparent url(/templatefiles/uod_prevnext_button.png) no-repeat 0 0; font-size: 0.8em; line-height: 20px; color: #fff; padding: 0; border: 0; margin-left: 5px; cursor: pointer; } .mediaPoolExplanation { background: #fff url(/templatefiles/uod_img_shadow.jpg) no-repeat top center; font-size: 80%; text-align: center; color: #000; padding: 8px; border-top: #ddd 1px solid; } .mediapoolwrapper { clear: right; margin-bottom: 10px; } p#courseanchors { background-color: #F3EADB; font-weight: bold; font-size: 1.1em; text-align: center; padding: 5px; margin: 10px 0; } div#coursesummary { background-color: #F3EADB; padding: 5px 20px 10px; margin: 20px 0; } div#coursesummary .coursecol { width: 313px; float: left; margin-right: 15px; } div#coursesummary .last { margin-right: 0px; } div#coursesummary h3 { padding-bottom: 3px; border-bottom: 1px solid #D4D4D4; margin: 15px 0 5px; } div#coursesummary p.largetext { font-weight: bold; font-size: 1.2em; padding-bottom: 3px; border-bottom: 1px solid #D4D4D4; margin: 15px 0 5px;} /* module tables in courses */ .moduletable { border: #CACBCF solid 1px; margin-bottom: 1em; } .moduletable th { background-color: #004584; color: #fff; } .moduletable .term { background-color: #CACBCF; color: #000; } .moduletable td { background-color: #E8E8E8; } blockquote { padding-left:1em; border-left:3px solid #999; margin:2.5em 2em; } blockquote cite { font-weight:bold;font-family: Arial, Verdana Helvetica, sans-serif; font-style:normal; } /* DEPRECATED AFTER WEBSITE UPGRADE .courseLayoutTable { width:100%; } .courseSummaryTable { margin-bottom:10px; } .courseactions { margin-bottom:20px; } .courseactions a { font-size:1.2em; } #leftcourseactions { /*background:transparent url(/templatefiles/corporate_image_shadow.jpg) no-repeat scroll center bottom;*/ } #leftcourseactions table { width:100%; border-collapse:collapse; } #leftcourseactions table tr { padding:0; margin:0; } #leftcourseactions table td { background:#EAEBF0 url(/templatefiles/corporate_sidenav_bg.jpg) repeat-x scroll left top; margin:0; padding:0; } #leftcourseactions table td a { color:#000; display:block; padding:5px 18px; font-size:1em; } #leftcourseactions table td img { float:left; padding:7px; } .mediaPool { position: relative; background-color: #fff } .mediaPoolCaption { font-size: 80%; color: #444; padding: 8px; } .mediaPool .play { position: absolute; left: 50%; top: 40px; margin-left: -20px; } .mediaPool .play img { margin: 0 !important; } .mediaPoolNavbar { background: #154579 url(/templatefiles/uod_courseactions.jpg) repeat-x left bottom; padding: 8px; } .mediaPoolNavbar .button { width: 43px; height: 20px; background: transparent url(/templatefiles/uod_prevnext_button.png) no-repeat 0 0; font-size: 0.8em; line-height: 20px; color: #fff; padding: 0; border: 0; margin-left: 5px; cursor: pointer; } .mediaPoolExplanation { background: #fff url(/templatefiles/uod_img_shadow.jpg) no-repeat top center; font-size: 80%; text-align: center; color: #000; padding: 8px; border-top: #ddd 1px solid; } .mediapoolwrapper { clear: right; margin-bottom: 10px; } #factfile { } #factfile table td { border-bottom: 1px solid #DDD; padding:5px; } .courseSummaryTable { background:#E8FAFF url(/templatefiles/corporate_callback_bg.jpg) repeat-x scroll left top; width:100%; border-collapse:collapse; } .courseSummaryTable td { padding:10px; vertical-align:top; } .courseLayoutTable button { background:#3A9AC9 url(/templatefiles/corporate_blue_2tone.jpg) repeat-x scroll center center; border:0; color:#fff; } #courselist { background:url(/templatefiles/corporate_image_shadow.jpg) no-repeat scroll center bottom; margin:5px 0 0; padding:0 0 3px; } #courselist ul { padding:0; margin:0; } #courselist ul li { list-style-type:none; font-size:1em; line-height:1.5em; margin:auto; } #courselist ul li a { background:#EAEBF0 url(/templatefiles/corporate_sidenav_bg.jpg) repeat-x scroll left top; color:#000; display:block; padding:5px 18px; } #courselist h2 { background:#EAEBF0 url(/templatefiles/corporate_sidenav_bg.jpg) repeat-x scroll left top; color:#8D6F3B; display:block; padding:5px 10px; } #bottomactions .courseactions { margin:0; background:#A1844C; height:100px; } #bottomactions .courseactions a { font-size:1.7em; color:#fff; line-height:35px; text-align:left; } #bottomactions .courseactions td{ } */