html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-family:Tahoma; font-size:13px; font-weight:normal; direction:rtl; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } table, td, th { vertical-align:top; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } a img { border:none; }  html{ background:url(/site/school/skins/school-v1-ar/images/bg-body.jpg) } body { font-size:13px; color:#333; font-family:Tahoma; background:url(/site/school/skins/school-v1-ar/images/bg-body.gif) repeat-x left top; direction:rtl; } h1 { font-size:22px; margin:0 0 15px; } h2 { font-size:20px; margin:0 0 18px; } h3 { font-size:16px; margin:0 0 15px; } h4 { font-size:14px; margin:0 0 15px; } h5 { font-size:12px; margin:0 0 15px; } h6 { font-size:11px; margin:0 0 20px; } h1, h2, h3, h4, h5, h6 { color:#f47920; font-weight:bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; } p { margin:0 0 1.5em; } a:focus, a:hover { color:#999; } a { color:#54a41b; text-decoration:none; outline:none !important; }  blockquote { margin:1.5em; color:#666; font-style:italic; } strong { font-weight:bold; } em, dfn { font-style:italic; } dfn { font-weight:bold; } sup, sub { line-height:0; } abbr, acronym { border-bottom:1px dotted #666; } address { font-style:normal; margin:0 0 1.5em; } del { color:#666; } pre, code { margin:1.5em 0; white-space:pre; } pre, code, tt { font:1em Arial, Helvetica, sans-serif; line-height:1.5; } li ul, li ol { margin:0 1.5em; } ul, ol { margin:0 1.5em 1.5em 1.5em; } ul { list-style-type:disc; } ol { list-style-type:decimal; } dl { margin:0 0 1.5em 0; } dl dt { font-weight:bold; } dd { margin-left:1.5em; } table { margin-bottom:1.4em; width:100%; } th { font-weight:bold; } th, td { padding:4px 10px 4px 5px; } tr.even td { background:#E5ECF9; } tfoot { font-style:italic; } caption { background:#eee; } button { cursor:pointer; } small { font-size:11px; color:#999; font-weight:normal; line-height:14px; } a.more { border:1px solid #c2dfad; background:#fbf3b3 url(/site/school/skins/school-v1-ar/images/bg-more.gif) repeat-x 0 0; font-size:15px; font-weight:bold; padding:5px 10px; float:right; cursor:pointer; } input, select, textarea { font-family:Tahoma; font-size:11px; color:#999; outline:none; } blockquote { background:url(/site/school/skins/school-v1-ar/images/bg-common.gif) no-repeat -469px -317px; margin:0 0 20px; padding:5px 0 0 0; text-indent:39px; color:#999; font-size:18px; font-style:italic; line-height:22px; } div.highlight { border-top:1px solid #999; border-bottom:1px solid #999; padding:13px 0 0 0; margin:0 0 20px; color:#ba8213; } div.highlight h2 { margin:0; padding:0 0 10px; color:#ba8213; } a { outline:none !important; }  .small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; } .large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; } .hide { display:none; } .quiet { color:#666; } .loud { color:#000; } .added { background:#060; color:#fff; } .removed { background:#900; color:#fff; } .first { margin-left:0; padding-left:0; } .last { margin-right:0; padding-right:0; } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } .float-left { float:left; } .float-right { float:right; } .clear { clear:both; } .no-border { border:none!important; } .b-space { margin-bottom:18px !important; }   #container { width:940px; margin:0 auto; display:table; overflow:hidden; }   #header { width:940px; height:152px; margin-bottom:38px; padding:38px 0 0 0; position:relative; z-index:9; } #header .logo { margin:0; padding:0; position:absolute; width:156px; height:80px; top:53px; right:0; } #header h1 a, #header div.logo a { height:80px; display:block; overflow:hidden; text-indent:-999em; } form.search { width:250px; height:30px; float:left; border:1px solid #e6e6e6; margin-top:1px; background:#fff; } form.search input.txt { border:0; background:#fff; width:165px; margin:7px 10px 8px 0px; color:#999; font-size:12px; float:right; } form.search input.submit { float:left; margin:0; } #nav-global { float:left; margin:0; padding:9px 12px 0 0; } #nav-global li { float:left; list-style:none; background:url(/site/school/skins/school-v1-ar/images/bg-common.gif) no-repeat right 4px; height:16px; } #nav-global li.first { background:none; } #nav-global li a { font-size:11px; color:#666; padding:0 6px 0 10px; float:left; } #nav-global li.arabic { margin-top:-3px; background-position:0 6px; } #nav-global li.arabic a { font-size:13px; font-family:tahoma; font-weight:bold; } #nav-global li a:hover, #nav-global li.current a { color:#999; } #nav-main{ float:right; padding:9px 20px 1px 20px; background:url(/site/school/skins/school-v1-ar/images/bg-nav.jpg) repeat-x left 0; width:900px; height:30px; margin:0; position:relative; } .ie6 #nav-main{ float:none; } #nav-main li{ float:right; list-style:none; background:url(/site/school/skins/school-v1-ar/images/bg-nav-seperator.gif) no-repeat left 0; padding-left:2px; } #nav-main li a{ color:#f6f6f6; padding:2px 12px 14px 12px; font-size:13px; font-weight:bold; background:none; display:block; } #nav-main li a:hover,#nav-main li.current a,#nav-main li.active a{ background:url(/site/school/skins/school-v1-ar/images/bg-nav.gif) no-repeat center bottom; } #nav-main li.first a,#nav-main li.first li.first a{ padding:2px 0 14px 12px; } #nav-main li.last{ background:none; } #nav-main ul{ margin:0; padding:15px 0 0 0; width:900px; text-align:left; position:absolute; right:20px; top:40px; height:30px; } #nav-main li li { float:right; list-style:none; background:none; } #nav-main li li a ,#nav-main li.first li a{ padding:1px 14px; display:block; background:url(/site/school/skins/school-v1-ar/images/bg-common.gif) no-repeat left 7px; font-size:17px; font-weight:bold; line-height:20px; height:20px; float:left; }  #nav-main li li a:hover, #nav-main li li.current a { color:#999; } #nav-main li li a:hover,#nav-main li.current li a,#nav-main li.active li a{ background:url(/site/school/skins/school-v1-ar/images/bg-common.gif) no-repeat left 1px; } #nav-main li li.last a { background:none; padding-left:0; } #nav-header { position:absolute; right:0; top:8px; margin:0; width:940px; padding:0; z-index:999; height:31px; } #nav-header li { float:right; list-style:none; } #nav-header li.more-link{ float:left; width:60px; height:20px; } #nav-header .more{ float:left; background:url(/site/school/skins/school-v1-ar/images/btn-more.gif) no-repeat left top; padding:0; text-indent:-999em; display:block; width:60px; height:30px; margin:0; } #nav-header .more:hover{ background:url(/site/school/skins/school-v1-ar/images/btn-more-on.gif) no-repeat left top; } #nav-header li a { padding:1px 0 1px 12px; display:block; color:#333; margin-left:12px; font-size:14px; } #nav-header li.last a { background:none; } #nav-header li a:hover, #nav-header li.current a { color:#666; } #nav-header li.more-link{ float:left; width:60px; height:20px; } #nav-header .more{ float:left; background:url(/site/school/skins/school-v1-ar/images/btn-more.gif) no-repeat left top; padding:0; text-indent:-999em; display:block; width:60px; height:30px; margin:0; } #nav-header .more:hover{ background:url(/site/school/skins/school-v1-ar/images/btn-more-on.gif) no-repeat left top; } #nav-header ul{ display:none; width:166px; background:#f5f5f5; position:absolute; top:32px; left:0; z-index:999; padding:10px; margin:0; } #nav-header ul li{ border-bottom:1px solid #e0e0e0; width:166px; } #nav-header ul li.last{ border:0; } #nav-header ul li a{ background:none; font-size:13px; color:#337108; padding:6px 0; }   #wrap { float:left; width:100%; } #content { width:620px; padding:0 0 0 20px; float:right; min-height:400px; height:auto !important; height:400px; } .full-width { width:100% !important; padding:0!important; } .home #content { width:620px; padding:0; } #content p { padding:0 0 18px; margin:0; } #content p a { color:#F47920; } #content table { width: 100%; float:left; border-collapse: collapse; margin:0 0 18px 0; } #content th { background-color:#ebebeb; color: #333; padding:7px 0 6px 14px; text-align: left; } #content td { padding:7px 0 6px 14px; border-bottom: 1px solid #e2e2e2; font-weight: normal; vertical-align: top; color:#333; } #wrap h1, #container h1{ overflow:hidden; } #content ul { margin:0 0 18px; padding:0; list-style:none; width:100%; } #content ul li { background:url(/site/school/skins/school-v1-ar/images/bullet.gif) no-repeat right 4px; padding:0 10px 12px 0px; } #content ul ul { padding:7px 0 0 0; margin:0; } #content ul li li { background:url(/site/school/skins/school-v1-ar/images/bullet-01.gif) no-repeat 0 5px; margin:0 0 6px 10px; } #content ul ul ul { padding:7px 0 0 0; margin:0; } #content ul li li li { background:url(/site/school/skins/school-v1-ar/images/bullet-02.gif) no-repeat 0 7px; margin:0 0 4px 10px; } div.breadcrumb { width:100%; color:#999; font-size:12px; padding:0 0 9px 0; margin:0 0 20px; border-bottom:1px solid #e5e5e5; } div.breadcrumb a { color:#666; background:url(/site/school/skins/school-v1-ar/images/bg-common.gif) no-repeat left -30px; padding:0 0 0 10px; margin:0 0 0 4px; float:right; } .ff2 div.breadcrumb a { float:right; } div.breadcrumb a:hover { color:#999; } span.search-title { display:block; float:left; width:100%; padding:0 0 12px; margin:0 0 11px; border-bottom:1px solid #e5e5e5; } div.casestudy { margin-bottom:10px; } div.casestudy p { margin:0px; padding:0 0 10px !important; } #content .list { width:100%; float:left; } .problem #content .list { border-top:1px solid #e5e5e5; padding-top:15px; margin-top:-10px; position:relative; } #content .list li { width:100%; float:left; padding:0 0 15px; margin:0 0 11px; border-bottom:1px solid #e5e5e5; background:none; } .problem #content .list li { margin-bottom:15px; } #content .list li.last { margin:0; border:none; padding:0; } #content .list a.thumb { float:right; width:100px; height:86px; padding-left:20px; margin-top:4px; } .problem #content .list a.thumb { width:160px; height:120px; margin-top:0; } #content .list div { float:right; width:500px; } .problem #content .list div { width:440px; } #content .list li h3, #content .list li h2 { margin:0; font-weight:bold; font-size:14px; margin:0 0 4px 0; } #content .downloads li h3 { margin-bottom:12px; } #content .downloads li p { position:relative; margin-top:-8px; } .download #content .list li h3, .download #content .list li h2 { color:#ba8213; } #content .list li h3 a, #content .list li h2 a { margin:0; font-weight:bold; font-size:14px; color:#f47920; } .results #content .list li h3 a, .results #content .list li h2 a { color:#55a51c; } #content .list li h3 a:hover, #content .list li h2 a:hover { color:#999; } #content .list p { padding:0 0 9px 0; } .news #content .list p, #content .list-tip p { margin:0; padding:0; } #content .form { float:left; width:100%; } #content .form li { float:left; width:100%; background:none; padding:0 0 9px 0; margin:0 0 11px 0; border-bottom:1px solid #e5e5e5; } #content .form li.select-color div.radios{ float:right; width:257px; } #content .form li.select-color div.radios input{ width:15px; height:15px; vertical-align:top; float:right; margin:2px 0 0 2px; font-size:0px; } .ie #content .form li.select-color div.radios input{ margin-top:3px; } #content .form li.select-color div.radios label .color{ border:1px solid #999; padding:1px; } #content .form li.select-color div.radios label a:hover{ border:2px solid #787878; padding:0px; } #content .form li.select-color div.radios label{ width:41px; padding:2px 0px 12px 11px; font-size:0px; } #content .form li.select-color div.radios label span{ height:15px; width:15px; position:relative; float:right; font-size:0px; } #content .form li.pledge { border-bottom:none; padding-bottom:0; margin-bottom:0; } #content .form li.hearaboutus { border-top:1px solid #e5e5e5; padding-top:13px; background:url(/site/school/skins/school-v1-ar/images/icon-mandatory.gif) no-repeat scroll 226px 18px !important; } #content .form li.manual, #content .form li.pledge-message { padding-right:241px; border:0; width:349px; float:right; } .ie #content .form li.pledge-message { padding-right:245px; } #content .form li.pledge-message textarea { float:right; } #content .form li.manual input { float:right; margin-left:10px; } #content .form li.submit { border:0; padding:0; margin:0; } #content .form li.submit input { padding:8px 240px 0 0px; text-align:left; float:right; } .ie6 #content .form li.submit input { padding-left:242px; } #content .form li.hidden { display:none; } #content .form li.mandatory { background:url(/site/school/skins/school-v1-ar/images/icon-mandatory.gif) no-repeat 385px 5px; } .info-contact { float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:0 0 16px 0; margin:0 0 22px; font-size:13px; line-height:18px; } .contact .info-contact { margin:-8px 0 13px 0; position:relative; } .case-studies .info-contact { padding:0 0 11px; margin:0 0 15px; } #content p.mandatory { margin:0; } .case-studies #content p.mandatory { margin:-25px 0 13px 0; position:relative; padding:0 0 11px 0; border-bottom:1px solid #e5e5e5; width:100%; } .contact #content p.mandatory { position:relative; margin:-7px 0 13px 0; clear:both; float:left; width:100%; } #content .form label { width:220px; float:right; padding-left:20px; } #content .form label.error { font-size:11px; color:#999; width:230px; margin-top:-3px; position:relative; float:none; display:block; line-height:16px; } .ie #content .form #wrap_pledgeForm_hearAboutUs label.error, .ie #content .form #wrap_pledgeForm_emirate label.error{ margin-top:-1px; } #content .form #wrap_pledgeForm_pledge label.error { padding-top:20px; } .ie #content .form #wrap_pledgeForm_pledge { position:relative; } .ie #content .form #wrap_pledgeForm_pledge label.error { padding-top:8px; float:none; position:absolute; right:0; top:30px; } .sub-text{ color:#666; } #content .form #wrap_newsletter label.error { margin-top:-5px; } #content .form #wrap_contactForm_contactMessage label.error { margin-top:-59px; height:60px; } #content .form .txt { border:1px solid #ccc; padding:4px 3px; width:221px; } #content .form .txt-select { width:229px; border:1px solid #ccc; padding:3px 2px; } #content .form textarea { border:1px solid #ccc; padding:3px; width:221px; height:65px; overflow:auto; } #content #pledgeForm_pledge { float:left; width:380px; } #content #pledgeForm_pledge ul { float:left; padding:0; } #content #pledgeForm_pledge ul li { float:left; margin:0; padding:0 0 17px 0; border:0; } .ie #content #pledgeForm_pledge ul li { padding-bottom:7px; } #content #pledgeForm_pledge ul li input { float:right; margin:2px 0 0 0; } #content #pledgeForm_pledge label { float:left; width:340px; padding-right:10px; padding-left:0; } .ie #content #pledgeForm_pledge label { padding-top:5px; } #content .form li.manual label{ padding-right:15px; } #newsletter { float:left; width:380px; padding-top:4px; } .ie #newsletter { padding-top:0px; } #content .form #newsletter label { width:72px; } #content .form #newsletter span { width:72px; padding-left:5px; } #content .form li.radio-competition ul{ width:230px; float:right; } #content .form li.radio-competition ul li{ float:left; border:none; width:100%; } #content .form li.radio-competition ul li.last{ padding:0; margin:0; } #content .form li.radio-competition ul li input{ float:right; margin-left:5px; } #content .form li.radio-competition ul li label{ width:180px; float:right; } #content .form li.radio-competition label.error{ float:right; } .ie #content .form li.radio-competition label.error{ float:none; } #content .sitemap { float:left; width:940px; } #content .sitemap li { background:none; padding:0 0 0 0; width:329px; float:right; overflow:hidden; } #content .sitemap li.last { width:282px; } #content .sitemap ul { float:right; width:100%; } #content .sitemap ul li { float:right; width:300px; padding:0 0 7px; border-bottom:1px solid #EBEBEB; margin:0 0 8px; } #content .sitemap ul li.last { width:300px; border:0; } #content .sitemap li.filler { width:100%; padding:0; margin:0; clear:both; height:8px; } #content .sitemap h2 { margin:0; } #content .sitemap ul li a { background:url(/site/school/skins/school-v1-ar/images/arrow.gif) no-repeat right 5px; padding:0 15px 0 0px; float:right; font-size:16px; font-weight:bold; display:inline-block; } #content .sitemap ul li a:hover { background:url(/site/school/skins/school-v1-ar/images/arrow-on.gif) no-repeat right 5px; } .home #spotlight { float:right; width:628px; padding:0 0 20px 12px; height:420px; overflow:hidden; margin-top:10px; } .problem .highlight { border:0; padding:0 0 47px 0; background:url(/site/school/skins/school-v1-ar/images/img-bubble.jpg) no-repeat 0 bottom; margin:0 0 28px; } .contact #content h2 { margin:9px 0 0 0; clear:both; width:100%; } p.mandatory { font-size:11px; color:#666; } #content h3.search-title { margin:0 0 11px; padding:0 0 4px; border-bottom:1px solid #e5e5e5 } #content .listing { float:left; width:100%; } #content .listing li { background:url(/site/school/skins/school-v1-ar/images/bullet-yellow.gif) no-repeat right 4px; padding:0 15px 17px 0; font-size:14px; } .excerpt { float:left; padding-right:15px; } #content .form-submission li { padding:0 0 15px; margin:0 0 15px; background:0; } #content .form-submission .col-one { float:right; width:284px; } #content .form-submission .col-one label { font-size:15px; color:#333; font-weight:bold; float:left; width:284px; padding:0 0 2px 0; } #content .form-submission .col-one p { clear:both; margin:0 0 2px 0; padding:0; } #content .form-submission .col-two { float:left; width:336px; } #content .form-submission li .txt { padding:3px 5px; width:304px; } #content .form-submission .col-two textarea { width:306px; border:1px solid #ccc; padding:5px; } #content .form-submission .col-two .file { width:318px; border:1px solid #ccc; padding:2px 5px; clear:both; } #content button { font-family:Tahoma; color:#55a51c; background:#d9f4dd; cursor:pointer; font-size:15px; font-weight:bold; border:1px solid #c2dfad; } .form-submission span.mandatory { float:left; width:319px; padding:0 17px 0 0px; background:url(/site/school/skins/school-v1-ar/images/icon-mandatory.gif) no-repeat 325px 4px; } .form-submission span.msg { padding-bottom:15px; } #wrap_casestudyForm_title span.msg, #wrap_casestudyForm_body span.msg { padding-bottom:0; } #content .form-submission li.submit input, .ie6 #content .form-submission li.submit input { padding-right:304px; } .sitemap .title { float:right; height:150px; } .case-studies h3, .case-studies h2 { clear:both; } .case-studies h2 { overflow:hidden; } #content .form-submission label.error { margin:0; clear:both; display:block; float:none; } .pagination { float:left; width:100%; border-top:1px solid #e5e5e5; padding:12px 0; } .pagination .f-right { float:right; width:100px; color:#5c5c5c; text-align:right; } .pagination .prev { padding:0 2px 0 12px; background:url(/site/school/skins/school-v1-ar/images/bg-common.gif) no-repeat 0 -65px; font-weight:bold; } .pagination .prev:hover { background-position:0 -177px; } .pagination .next { padding:0 12px 0 2px; background:url(/site/school/skins/school-v1-ar/images/bg-common.gif) no-repeat right -65px; font-weight:bold; } .pagination .next:hover { background-position:right -177px; } .pagination label { font-size:12px; color:#333; font-weight:bold; float:left; padding-right:4px; } .pagination span a { float:left; margin:0 5px 0 0; padding:0 8px 0 0; background:url(/site/school/skins/school-v1-ar/images/bg-common.gif) no-repeat right -90px; font-weight:bold; } .pagination span a.last { background:none; } .pagination span a:hover, .pagination span a.current { color:#333; } .utilities { float:right; width:90%; padding:10px 0 18px; overflow:hidden; } .utilities a { color:#333; float:right; padding:5px 20px 0 14px; } .utilities a:hover { color:#999; } .utilities a.print { background:url(/site/school/skins/school-v1-ar/images/bg-common.gif) no-repeat right -313px; } .utilities a.email { background:url(/site/school/skins/school-v1-ar/images/bg-common.gif) no-repeat right -354px; } p.title { font-size:17px; font-weight:bold; color:#666; margin:0; } .wrap-calculator { width:940px; } .content-calculator { background:url(/site/school/skins/school-v1-ar/images/bg-calculator.gif) repeat-x 0 bottom; height:313px; width:100%; float:left; } .wrap-calculator .list-icons ul { width:775px; } .list-icons { background:url(/site/school/skins/school-v1-ar/images/bg-icon-list.gif) repeat-x 0 0; border:1px solid #e0dbcf; float:left; width:938px; } #source-info { float:left; width:938px; } #source-info p { margin:5px 0 0 10px; } .list-icons ul { list-style:none; margin:0 auto; width:710px; } .list-icons ul li { float:left; position:relative; background:url(/site/school/skins/school-v1-ar/images/separator-line.gif) no-repeat right center; padding:0 1px 0 0; width:69px; } .list-icons ul li.last { background:none; } .list-icons ul li span { position:absolute; top:-40px; left:0; width:90px; height:33px; background:url(/site/school/skins/school-v1-ar/images/bg-title.gif) no-repeat 32px bottom; font-size:13px; color:#717171; font-weight:bold; text-align:center; padding-bottom:7px; } .list-icons ul li a { float:left; } .list-icons ul li a:hover, .list-icons ul li.current a { background:url(/site/school/skins/school-v1-ar/images/bg-icon-on.gif) repeat-x; } .list-icons ul li a img { padding:14px 6px 16px 6px; float:left; } .list-icons ul li a:hover img, .list-icons ul li.current img { padding:14px 6px 16px 6px; } #info-calculator p { font-family:Tahoma; font-size:26px; color:#f47920; line-height:30px; margin:0; } #info-calculator span { font-size:85px; font-weight:bold; line-height:65px; } #info-calculator { width:568px; float:left; position:relative; height:239px; } #refernce-text { width:110px; float:left; position:relative; padding-top:15px; } #refernce-text p { float:right; font-size:17px; margin:19px 2px 0 0; color:#717171; font-weight:bold; } #refernce-text img { margin:-41px 0 0 5px; float:left; position:relative; } #icon-large { float:right; width:372px; position:relative; height:239px; } #icon-large img { position:absolute; bottom:13px; left:-110px; } #info-calculator p { position:absolute; right:0; bottom:28px; }   .wid-region-bottom { float:right; width:628px; position:relative; } .wid-region-bottom .last{ margin-left:0 !important; } .wid-news { float:left; width:300px; padding:17px 0 0px 0px; position:relative; margin-top:-17px; } .wid-region .wid-news, .wid-region-bottom .wid-news { float:right; } .wid-news h2 { margin:0 0 15px; padding:0 0 12px; background:transparent url(/site/school/skins/school-v1-ar/images/bg-underline.gif) no-repeat 0 bottom; min-height:20px; height:auto !important; height:20px; } .wid-news ul { margin:0; list-style:none; padding:0; width:100%; float:left; } .wid-news ul li { width:100%; padding:0; float:left; margin-bottom:4px; } .wid-news small { color:#666; } .wid-news h3 { margin:0 0 2px; } .wid-news h3 a { font-size:14px; font-weight:bold; } .wid-news p { margin:0 !important; padding:0 0 6px; } .wid-region { float:right; width:628px; margin:0 0 30px; padding:0; } .ie7 .wid-region .box a.more{ float:none; display:inline-block; } .wid-region h3 { margin:0 0 2px; font-size:13px; color:#333; } .wid-280 { float:left; width:280px; padding:0px 0 26px 20px; position:relative; z-index:9; } .wid-320 { width:320px; float:left; padding:0 0 26px 20px; position:relative; z-index:9; } .wid-300 { float:left; width:270px; padding:0 10px 0 20px; position:relative; z-index:9; } #sidebar .wid-280 a.more, #sidebar .wid-320 a.more { bottom:12px; } .study { border-left:1px solid #E5E5E5; padding-left:19px; min-height:112px; height:auto !important; height:112px; } .initiative { float:left; width:300px; padding:0 26px 0 0; } #sidebar .initiative{ padding-right:0; margin-bottom:28px; } .initiative .img-hsbc { float:left; margin-right:20px; } .initiative .image { float:right; margin:0 0 10px 15px; } .tips { float:right; padding:28px 27px 22px 27px; background:url(/site/school/skins/school-v1-ar/images/bg-tips.gif) no-repeat 0 0; width:250px; margin:0 0 0 29px; color:#333333; height:151px; position:relative; } .wid-region .tips, .wid-region .wid-news, .wid-region-bottom .tips, .wid-region-bottom .wid-news, .wid-region-bottom .wid-pledge, .wid-region .wid-pledge, .wid-region-bottom .initiative, .wid-region .initiative{ margin-left:20px; } .wid-region .last{ margin-left:0; } .wid-pledge { background: #FAFAF8 url(/site/school/skins/school-v1-ar/images/bg-wid-top.gif) no-repeat left top; float:left; width:300px; overflow:hidden; position:relative; } #sidebar .wid-pledge { margin:0 0 30px 0; } .wid-pledge h2 { margin-bottom:7px; } .wid-pledge p { width:140px; display:block; font-size:15px; margin-bottom:15px; line-height:17px; } .wid-pledge img.image { position:absolute; left:0; bottom:-7px; } .wid-pledge .bottom { background: #FAFAF8 url(/site/school/skins/school-v1-ar/images/bg-wid-top.gif) no-repeat left bottom; padding:17px 27px 25px 27px; margin:15px 0 0 0; float:right; width:247px; min-height:128px; height:auto !important; height:128px; } .wid-region-bottom .tips { float:right; } .tips h2 { margin:0 0 7px; } .tips h3 { font-size:13px; font-weight:bold; color:#333333; margin-bottom:0; } .tips div.wrap-tips { margin:0 0 15px; width:174px; } .tips div.wrap-tips * { margin:0; padding:0; } .tips span.pledge p { font-size:15px; line-height:16px; } #sidebar .tips { padding-right:130px; width:150px; } #sidebar .tips h2 { margin-bottom:6px; } #sidebar .tips h3 { font-size:13px; color:#333; margin:0; } .tips .image { position:absolute; top:67px; left:3px; z-index:1; } #sidebar .tips .image { right:0px; } .find { width:150px; padding:19px 130px 0 20px; height:143px; } #sidebar .find { background:#f9f9f9; margin-bottom:0; } .find .image { position:absolute; bottom:0; right:0; z-index:0; } .wid-region-bottom .find a.more { bottom:15px; } #sidebar .find h2 { margin:0 0 3px; } .calculator { padding-right:110px; border-right:1px solid #e5e5e5; width:169px !important; overflow:hidden; } .calculator .image { position:absolute; bottom:0; right:0; z-index:-1; } .wid-banner { float:right; width:300px; margin-bottom:28px; } .wid-banner .wid-description{ width:135px; float:right; padding-right:5px } .wid-banner .wid-description h3{ color:#918b81; font-size:22px; line-height:25px; font-weight:normal; } .wid-banner .banner { margin-bottom:13px; width:300px; } .initiative .thumb { float:left; width:90px; height:60px; padding:0 20px 16px 0; } .wid-banner h2, .initiative h2, .box h2, .wid-news h2{ margin:0 0 15px; padding:0 0 12px; background:url(/site/school/skins/school-v1-ar/images/bg-underline-1.gif) no-repeat 0 bottom; } .initiative a.more { display:table } .initiative div { width:100%; margin:0 0 18px; float:left; } .initiative div img.image{ border:1px solid #DDD6CE; } .initiative p { margin:0; } .box{ margin-left:20px; width:300px; float:right; } .box h3{ color:#B58519; font-size:14px; margin:0 0 2px; padding:0px; } .box h4{ color:#56A41D; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0 0 16px; padding:0px; } .box h4 a{ color:#56A41D; font-weight:bold; } .box h4 a:hover{ color:#999; } .box p{ margin:0 0 3px; } .facts { padding-top:20px; padding-bottom:0; } .facts h2 { margin:0 0 8px; } .facts .image { position:absolute; right:0; bottom:0; } #water-facts { margin:0; padding:0; list-style:none; float:left; overflow:hidden; height:93px; width:160px !important; } #water-facts p { margin:0 0 18px; width:140px; }   #sidebar { width:300px; float:left; padding:25px 0 0 0; position:relative; } .home #sidebar { padding-top:0; margin-top:10px; } .banner { float:left; width:300px; position:relative; margin-bottom:28px; } .banner .more { position:absolute; left:1px; bottom:5px; } .banner img, .sidebar-image img { float:right; } .sidebar-image { float:left; margin-bottom:28px; } .nav-related { float:left; width:100%; background: #FBF4C6 url(/site/school/skins/school-v1-ar/images/bg-nav-related.jpg) no-repeat 0 top; padding:18px 0 0 0; margin:0 0 30px 0; } .nav-related h2 { margin:0 22px 5px 0px; } .nav-related ul { border-top:1px solid #ebebeb; margin:0; list-style:none; width:300px; float:left; padding:7px 0 30px 0; } .ie6 .nav-related ul, .ie7 .nav-related ul { float:none; padding-bottom:26px; } .nav-related ul li { border-bottom:1px solid #ebebeb; margin:0 0 5px; padding:0 22px 6px 0px; width:278px; float:left; clear:both; }  .nav-related ul li.last { border:0; padding-bottom:0; margin-bottom:0; } .nav-related ul li a { float:right; padding:0 15px 0 0px; color:#55a51c; font-size:16px; font-weight:bold; background:url(/site/school/skins/school-v1-ar/images/arrow.gif) no-repeat right 4px; } .nav-related ul li.nav_case_study_submit a { font-size:18px; } .nav-related ul li a:hover, .nav-related ul li.current a { color:#999; background:url(/site/school/skins/school-v1-ar/images/arrow-on.gif) no-repeat right 4px; } .nav-related .clear { font-weight:bold; font-size:15px; padding:7px 19px 7px 0px; border-top:1px solid #ebebeb; width:278px; float:right; margin-top:-17px; position:relative; } .widget { float:left; padding:20px 0 0 20px; } .trivia { background: #FAFAF8 url(/site/school/skins/school-v1-ar/images/bg-trivia.gif) no-repeat left top; position:relative; padding:0; width:300px; color:#fff; float:right; margin-bottom:28px; } .ie6 .trivia{ float:none; } .trivia .status a{ color:#f8dea6; } .trivia .status a:hover{ color:#fff; } .trivia .bottom{ background: #FAFAF8 url(/site/school/skins/school-v1-ar/images/bg-trivia.gif) no-repeat left bottom; margin:14px 0 0 0; float:right; padding:6px 27px 25px 27px; width:246px; min-height:133px; height:auto !important; height:133px; } .trivia .icon-trivia { position:absolute; left:2px; top:35px; } .trivia ul { margin:0; padding:0; list-style:none; float:right; width:100%; } .trivia ul.form label{ margin-bottom:10px; display:block; } .trivia ul.form div.radios label{ display:block; margin-bottom:5px; width:245px; } .trivia ul.form div.radios{ margin-bottom:10px; float:right; } .trivia ul.form div.radios label input{ width:15px; height:15px; float:right; margin-left:5px; } .trivia ul li { float:right; padding-left:10px; width:245px; } .trivia h2 { margin:0 0 10px 0; } .trivia h3 { color:#fff; } .trivia div.wrap-tips { margin:0 0 15px; width:150px; } .trivia div.wrap-tips * { margin:0; padding:0; }  .wid-620 { float:right; width:620px; } .tab { min-height:177px; height:auto !important; height:177px; padding:10px 0 10px 0; } .tab h2{ background:url(/site/school/skins/school-v1-ar/images/bg-underline-2.gif) no-repeat 0 bottom; margin:0 0 15px; padding:0 0 12px; } .selection h2 { padding:0 0 0 15px; float:left; margin:0; background:none; } .selection h2 span { padding:15px 15px 8px 0; float:left; min-height:20px; height:auto !important; height:20px; } .selection .current h2 { background: url(/site/school/skins/school-v1-ar/images/bg-tab-title.gif) no-repeat 0 0 !important; padding-left:24px; } .selection .current h2 span { background: url(/site/school/skins/school-v1-ar/images/bg-tab-title.gif) no-repeat right 0; padding-right:24px; } .selection { list-style:none; margin:0px; padding:0; float:left; width:615px; } .selection li { float:right; cursor:pointer; height:41px; } .tab-content { width:620px; padding:0; float:left; background:url(/site/school/skins/school-v1-ar/images/bg-tab.gif) no-repeat right bottom; min-height:133px; height:auto !important; height:135px; } .tab-content img.thumb{ height:94px; width:118px; border:1px solid #DBD4CB; float:right; margin-left:20px; } .tab-info { float:left; position:relative; width:560px; padding:19px 24px 19px 24px; } .ie .tab-info { padding:17px 24px 0 24px; } .tab-info h3 a, .tab-info h3 { color:#ba8213; font-size:14px; margin:0 0 10px; font-weight:bold; } .tab-info h3 { margin:0 0 2px 0; }   .outer-footer { width:100%; float:left; background:#F47920 url(/site/school/skins/school-v1-ar/images/bg-outer-footer.jpg) repeat-x 0 0; margin-top:22px; padding-bottom:50px; } #footer { width:940px; margin:0 auto; padding:114px 0 0; position:relative; background:url(/site/school/skins/school-v1-ar/images/bg-footer.jpg) no-repeat 0 top; }  #footer div.logo { float:right; text-align:center; background:url(/site/school/skins/school-v1-ar/images/bg-logo.gif) no-repeat right top; padding:10px 10px 10px 15px; height:40px; display:inline; width:295px; overflow:hidden; } .logo-right { float:right; padding:2px 0 0 10px; } #footer div.logo a { float:right; margin:0 0 0 9px; padding:0 0 0 9px; background:url(/site/school/skins/school-v1-ar/images/seperator.jpg) no-repeat left 0; } #footer div.logo a.last { background:none; padding-left:0; margin-left:0; } .footer-content { float:right; width:377px; padding-right:15px; } .stretch { width:737px; padding-right:15px; } #footer p { color:#855200; font-size:11px; padding:12px 0 6px 0; margin:0 0 3px; border-bottom:1px solid #c77a00; } #footer p.info { border:0; padding:5px 0 0 0; float:left; width:100%; } #footer ul { float:right; width:100%; margin:0px; padding:0px; } #footer li { list-style:none; float:right; height:14px; } #footer li.first { background:none; } #footer li a { color:#422900; padding:0 0 0 15px; font-size:11px; float:left; } #footer li.first a { padding-left:0px; } #footer li a:hover, #footer li.current a { color:#000; } #footer div.logo-3 { position:absolute; text-align:center; right:0; top:0; display:none; } #footer .newsletter { width:267px; float:left; padding-left:22px; } #footer .newsletter form { float:left; width:100%; } .newsletter input { float:left; } .newsletter label { float:left; width:100%; padding:0 0 5px; } .txt-newsletter { float:left; border:1px solid #ccc; border-right:0; background:#fff; font-size:12px; color:#999; padding:7px 4px 8px 8px; width:140px; } .newsletter .submit { float:left; } .mac.safari .txt-newsletter, .mac.ff3 .txt-newsletter { padding-top:7px; } .inner-spotlight { overflow:hidden; position:relative; height:370px; margin-bottom:15px; z-index:1; } .inner-spotlight .pause, .inner-spotlight .play{ display:block; position:absolute; left:48%; top:50%; z-index:90; margin:120px 0 0 -5px; width:85px; height:47px; cursor:pointer; } .inner-spotlight .play{ background:url(/site/school/skins/school-v1-ar/includes/play-button.png) no-repeat 0 0; } .inner-spotlight .pause{ background:url(/site/school/skins/school-v1-ar/includes/pause-button.png) no-repeat 0 0; } .ie6 .inner-spotlight .play{ background:url(/site/school/skins/school-v1-ar/includes/play-button.gif) no-repeat 0 0; } .ie6 .inner-spotlight .pause{ background:url(/site/school/skins/school-v1-ar/includes/pause-button.gif) no-repeat 0 0; } .inner-spotlight .filmstrip { display:none; } .inner-spotlight .panel-overlay { top:0px !important; height:370px !important; } .inner-spotlight .panel-overlay .excerpt { width:380px; margin-right:40px; top:35px; position:absolute; padding:0 0 0 15px; z-index:1; } #content .inner-spotlight .panel-overlay p{ font-size:13px; line-height:18px; } #content .inner-spotlight .panel-overlay div.excerpt p{ width:320px; } .inner-spotlight #photos{z-index:1;} .inner-spotlight img.nav-overlay { display:none !important; } .inner-spotlight .panel-overlay h2, .inner-spotlight .panel-overlay h3, .inner-spotlight .panel-overlay p { color:#fff; } .inner-spotlight .panel-overlay h2 { margin:0 0 20px 0; line-height:38px; } .inner-spotlight .panel-overlay h3 { font-size:22px; font-weight:normal; line-height:22px; margin:0; } .inner-spotlight .panel-overlay h2 { font-size:34px; } .inner-spotlight .thumb { position:absolute; left:0; top:0; } .inner-spotlight .thumb img { width:auto; height:auto; } .hr { border-bottom:1px solid #E5E5E5; margin-bottom:20px; } .nav-next, .nav-prev { width:31px; height:47px; } .nav-next { background:url(/site/school/skins/school-v1-ar/includes/next.png) no-repeat right 0; } .ie6 .nav-next { background:url(/site/school/skins/school-v1-ar/includes/next.gif) no-repeat right 0; } .ie6 .nav-prev { background:url(/site/school/skins/school-v1-ar/includes/prev.gif) no-repeat right 0; } .nav-prev { background:url(/site/school/skins/school-v1-ar/includes/prev.png) no-repeat right 0; } .nav-next img, .nav-prev img { display:none; } .inner-spotlight noscript, .noscript-flash{ color:#F47920; font-weight:bold; font-size:18px; } .explore{ width:256px; height:33px; float:right; padding:17px 19px; background:url(/site/school/skins/school-v1-ar/images/bg-explore.gif) no-repeat left top; margin-top:0; margin-bottom:28px; } .explore h5{ margin:0 !important; padding:0; } .explore p{ margin:0 0 5px; padding:0; } #content p.inside-content-title{ font-size:16px; color:#F47920; font-weight:bold; } #content .bullets li{ background:url(/site/school/skins/school-v1-ar/images/bullet01.gif) no-repeat right 5px; padding-right:15px; border-bottom:1px solid #e5e0e4; margin-bottom:10px; } #content #competitionForm label.error{ clear:both; } @media print{ #wrap, #content, #content *{ float:none!important;border:1px solid red; } }  .vooc { width:620px; } .vooc .container-facts { min-height:550px; background:url(/site/school/skins/school-v1-ar/images/images/bg-bottomline.gif) no-repeat 0 bottom; padding-bottom:80px; position:relative; } .vooc .outer-facts { background:#fbfbf9 url(/site/school/skins/school-v1-ar/images/bg-topline.gif) no-repeat 0 0; } .vooc .fact-summery { font-size:17px; color:#ba8213; margin-bottom:10px; } .vooc .container-facts div { position:absolute; } .vooc .container-facts div p { padding-top:8px; color:#666666; } .vooc .facts-1 { width:215px; padding-top:74px; background:url(/site/school/skins/school-v1-ar/images/bg-fact1.gif) no-repeat 0 0; font-size:13px; left:180px; top:-5px; z-index:90; } .vooc .facts-2 { width:180px; padding-top:57px; background:url(/site/school/skins/school-v1-ar/images/bg-fact2.gif) no-repeat 0 0; font-size:13px; left:420px; top:60px; z-index:80; } .vooc .facts-3 { width:250px; padding-top:50px; background:url(/site/school/skins/school-v1-ar/images/bg-fact3.gif) no-repeat 0 0; font-size:16px; left:180px; top:460px; z-index:30; } .vooc .facts-4 { width:261px; padding-top:36px; background:url(/site/school/skins/school-v1-ar/images/bg-fact4.gif) no-repeat 0 0; font-size:16px; left:360px; top:260px; z-index:60; } .vooc .facts-5 { width:270px; padding-top:39px; background:url(/site/school/skins/school-v1-ar/images/bg-fact5.gif) no-repeat 0 0; font-size:11px; top:180px; left:70px; z-index:70; } .vooc .facts-6 { width:225px; padding-top:26px; background:url(/site/school/skins/school-v1-ar/images/bg-fact7.gif) no-repeat 0 0; font-size:11px; top:345px; left:0; } .vooc .facts-7 { width:160px; padding-top:26px; background:url(/site/school/skins/school-v1-ar/images/bg-fact7.gif) no-repeat 0 0; font-size:11px; left:0; top:25px; z-index:100; } .vooc .facts-8 { width:170px; padding-top:22px; background:url(/site/school/skins/school-v1-ar/images/bg-fact8.gif) no-repeat 0 0; font-size:13px; left:300px; top:390px; z-index:50; } .vooc .bg-effect { padding:10px; top:-10px; left:-15px; background:url(/site/school/skins/school-v1-ar/images/bdes.gif) no-repeat right bottom; z-index:-1; opacity:.2; border:solid 1px red; } .vooc .container-facts div.animeffect p { color:#BA8213; } .highslide-body{ padding:10px; font-size:14px; color:#666; } .highslide-html-content{ background:url(/site/school/skins/school-v1-ar/images/bg-bottomlinealpha.gif) no-repeat right bottom; }   .voocnopopup { width:620px; } .voocnopopup .container-facts { min-height:550px; height:auto!important; height:550px; background:url(/site/school/skins/school-v1-ar/images/bg-bottomline.gif) no-repeat right bottom; padding-bottom:80px; position:relative; } .voocnopopup .outer-facts { background:#fbfbf9 url(/site/school/skins/school-v1-ar/images/bg-topline.gif) no-repeat 0 0; } .voocnopopup .fact-summery { font-size:17px; color:#ba8213; margin-bottom:10px; } .voocnopopup .container-facts div { position:absolute; cursor:pointer; } .voocnopopup .container-facts div p { padding-top:8px; color:#666666; } .voocnopopup .facts-1 { width:215px; padding-top:74px; background:url(/site/school/skins/school-v1-ar/images/bg-fact1.gif) no-repeat right 0; font-size:13px; right:180px; top:0px; z-index:90; } .voocnopopup .facts-2 { width:180px; padding-top:57px; background:url(/site/school/skins/school-v1-ar/images/bg-fact2.gif) no-repeat right 0; font-size:13px; right:420px; top:60px; z-index:80; } .voocnopopup .facts-3 { width:250px; padding-top:50px; background:url(/site/school/skins/school-v1-ar/images/bg-fact3.gif) no-repeat right 0; font-size:16px; right:180px; top:460px; z-index:30; } .voocnopopup .facts-4 { width:261px; padding-top:36px; background:url(/site/school/skins/school-v1-ar/images/bg-fact4.gif) no-repeat right 0; font-size:16px; right:360px; top:260px; z-index:60; } .voocnopopup .facts-5 { width:270px; padding-top:39px; background:url(/site/school/skins/school-v1-ar/images/bg-fact5.gif) no-repeat right 0; font-size:11px; top:180px; right:70px; z-index:70; } .voocnopopup .facts-6 { width:225px; padding-top:26px; background:url(/site/school/skins/school-v1-ar/images/bg-fact7.gif) no-repeat right 0; font-size:11px; top:345px; right:0; } .voocnopopup .facts-7 { width:160px; padding-top:26px; background:url(/site/school/skins/school-v1-ar/images/bg-fact7.gif) no-repeat right 0; font-size:11px; right:0; top:25px; z-index:100; } .voocnopopup .facts-8 { width:170px; padding-top:22px; background:url(/site/school/skins/school-v1-ar/images/bg-fact8.gif) no-repeat right 0; font-size:13px; right:300px; top:390px; z-index:50; } .voocnopopup .bg-effect{ padding:10px; top:-50px; right:-15px; background:url(/site/school/skins/school-v1-ar/images/bdes.gif) no-repeat left bottom; z-index:-1; opacity:.2; filter: alpha(opacity = 20); } .voocnopopup .container-facts div.animeffect p{ color:#BA8213; } #myController{ float:left; width:100px; padding-left:16px; } #myController span{ float:right; cursor:pointer; } .jFlowPrev{ padding-left:10px; padding-right:10px; background:url(/site/school/skins/school-v1-ar/images/arrow-prev.gif) no-repeat scroll right 4px; } .jFlowNext{ padding-left:10px; padding-right:10px; background:url(/site/school/skins/school-v1-ar/images/arrow.gif) no-repeat scroll left 4px; } .hidepagination{ display:none; } .highslide-container{ display:none; } .right-logo{ float:left; margin:17px 0 10px 0; width:60px; height:40px; overflow:hidden; } .nav-global{ clear:both; float:left; margin-bottom:10px; width:730px; }