/* File:main style sheet for Dubai culture - ENGLISH Created by: Laco Janic | http://www.thetribe.com/ Revised: 05. May 2009 */ html, body, form, fieldset { margin: 0; padding: 0; font: 12px/160% Arial, Helvetica, sans-serif; color: #333; } a img{ border: 0; } p, pre, blockquote, ul, ol, dl, address { margin: 5px 0 20px 0; padding: 0; } li, dd, blockquote { margin-left: 1.5em; padding-left: 1em; } form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; } select option{ padding-right: .8em; } hr{ clear: both; border: 0; width: 100%; height: 0; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; } .img-01{ margin: 15px 0; border: 1px solid #444444; } .right{ float: right; display: inline; } p.big1{ margin-bottom: 0; } /* Links -------------------------------------------------------------------------- */ a, a:link, a:visited{ color: #d71776; text-decoration: none; } a:hover{ text-decoration: underline; } .big1 a, .big1 a:link, .big1 a:visited{ font-size: 18px; font-weight: bold; line-height: 2; } .big1 a:hover{ text-decoration: underline; } #Intro a, #Intro a:link, #Intro a:visited{ color: #7e7e7e; text-decoration: none; line-height: 2.6; } #Intro a:hover{ text-decoration: underline; } #Section1 a, #Section1 a:link, #Section1 a:visited{ color: #eb8bbb; text-decoration: none; } #Section1 a:hover{ text-decoration: underline; } #Section2 a, #Section2 a:link, #Section2 a:visited{ color: #D0DF97; text-decoration: none; } #Section2 a:hover{ text-decoration: underline; } #MainCol .big1 a, #MainCol .big1 a:link, #MainCol .big1 a:visited{ color: #bdbdbd; text-decoration: none; line-height: 1.4; } #MainCol .big1 a:hover{ text-decoration: underline; } #Col1 h3{ font-size: 14px; color: #444;font-weight: bold; margin-bottom: 15px;} /* Headings -------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6{ line-height: 120%; padding: 0; margin: 0; color: #bdbdbd; } h2{ font-size: 26px; font-weight: bold; } #Col h2{ font-size: 22px; font-weight: bold; color: #333; margin-bottom: 15px; } #Col2 h2{ font-size: 22px; font-weight: bold; color: #333; margin-bottom: 15px; } h3{ font-size: 20px; font-weight: bold; margin: 15px 0 0 0; } #Col h3{ font-size: 14px; font-weight: bold; margin: 15px 0 0 0; color: #333; } h3 em{ font-size: 12px; font-weight: normal; display: block; font-style: normal; } h4{ font-size: 14px; font-weight: bold; } /* Main structure -------------------------------------------------------------------------- */ html{ height: 100%; width: 100%; } body{ text-align: center; background: #eeeff0 url(../images/bcgr-02.png) 50% 80px no-repeat; color: #333; } #container{ width: 999px; margin: 0 auto; text-align: left; position: relative; } #content{ width: 999px; background: #fff; margin: 0; text-align: left; position: relative; background: #fff url(../images/dots-hr-o1.png) repeat-x 0 0; } #header{ width: 999px; height: 150px; margin: 0 auto; text-align: left; position: relative; overflow: hidden; } #Col{ width: 949px; padding: 0; margin: 0 0 0 25px; } #Col1{ width: 283px; padding: 0; margin: 0 0 0 25px; float: left; display: inline; overflow: hidden; } #Col2{ width: 616px; padding: 0 0 0 25px; margin: 0 25px 0 0; float: right; display: inline; overflow: hidden; border-left: 1px dotted #444444; } .Reversed #Col1{ width: 283px; padding: 0; margin: 0 25px 0 0; float: right; display: inline; overflow: hidden; position: relative;} .Reversed #Col2{ width: 616px; padding: 0 25px 0 0; margin: 0 0 0 25px; float: left; display: inline; overflow: hidden; border-right: 1px dotted #444444; border-left: 0px dotted #444444; position: relative; } /* Top -------------------------------------------------------------------------- */ #header h1 { margin: 0; padding: 5px 0 0 0; width: 999px; height: 115px; } #Government a, #Government a:visited{ position: absolute; width: 127px; height: 64px; top: 13px; left: 0; } #Government a:hover{ filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; } #TopNav { position: absolute; top: 103px; left: 0; color: #bdbdbd;} #TopNav a, #TopNav a:visited { color: #7e7e7e; text-decoration: none; } #TopNav a:hover, #TopNav a.current { color: #5f2f82; text-decoration: none; } /*#TopNav a#arb, #TopNav a:visited#arb { background: url(../images/arabic.png) no-repeat 0 0; line-height: 10; overflow: hidden; display: block; } #TopNav a:hover#arb { color: #d71776; }*/ #top-image{ margin: 0; background: #e4e4e4; } /* UtilityCol -------------------------------------------------------------------------- */ #UtilityCol{ color: #444; font-size: 12px; padding: 0; width: 999px; background: url(../images/dots-hr-o1.png) repeat-x bottom left; clear: both; position: relative; } #Breadcrumb { color: #444; font-size: 12px; padding: 12px 260px 12px 20px; clear: both; } #Breadcrumb a, #Breadcrumb span { padding: 25px 5px; font-weight: normal; color: #bdbdbd; } #Breadcrumb a:hover { color: #444;} #Breadcrumb span { padding: 25px 5px; color: #444;} #about-us #Breadcrumb span { color: #d71776; text-decoration:none;} #our-initiatives #Breadcrumb span { color: #a1c032; text-decoration:none;} #live-our-heritage #Breadcrumb span { color: #5f2f82; text-decoration:none;} #calendar-and-events #Breadcrumb span { color: #4c4a4a; text-decoration:none;} #media-center #Breadcrumb span { color: #9ac8e9; text-decoration:none;} /* Tools -------------------------------------------------------------------------- */ #Tools{ position: absolute; top: 12px; right: 0; text-indent: 0; } #Tools ul{ padding: 0; margin: 0 25px 0 0; list-style-type: none; text-align: left; } #Tools a { display: block; color: #444; padding: 0 30px 0 15px; position: relative; } #Tools li { padding: 0; margin: 0; float: left; position: relative; } #Tools li.Share{ background: url(../images/icon-fb.png) top right no-repeat; } #Tools li.Print{ background: url(../images/icon-print.png) top right no-repeat; } #Tools li.Send{ background: url(../images/icon-send.png) top right no-repeat; } .Download a, .Download a:visited{ background: #d71776; color: #fff; padding: 4px; } .Download a:hover{ background: #5f2f82; text-decoration: none; } .Download em{ display: block; padding: 2px 0; color: #787878; } /* Footer -------------------------------------------------------------------------- */ #footer{ padding: 0; margin: 0 0 50px 0; background: url(../images/footer.png) 0 0 no-repeat; width: 999px; font-size: 11px; height: 183px; clear: both; } #about-us #footer{ background: url(../images/footer-pink.png) 0 0 no-repeat; } #our-initiatives #footer{ background: url(../images/footer-grey.png) 0 0 no-repeat; } #live-our-heritage #footer{ background: url(../images/footer-purple.png) 0 0 no-repeat; } #calendar-and-event #footer{ background: url(../images/footer-grey.png) 0 0 no-repeat; } #media-center #footer{ background: url(../images/footer-blue.png) 0 0 no-repeat; } #copy{ padding: 100px 0 0 25px; margin: 0; } #footnav{ padding: 25px 10px; margin: 0; float: right; display: inline; color: #fff;} #footer a{ color: #fff; } #footer a:hover, #footer a#current{ color: #8b1513; } #footer img{ margin-left:22px;} /* Bottom -------------------------------------------------------------------------- */ #Bottom { position: relative; width: 999px; background: #fff url(../images/dots-01.png) repeat 0 0; overflow: hidden; border-top: 20px solid #fff; border-bottom: 20px solid #fff; font-size: 11px; clear: both;} #Bottom h2{ padding: 0; margin: 0 0 15px 0; font-size: 34px; font-weight: bold; color: #bdbdbd;} #Bottom .icons{ margin: 15px 10px 15px 0;} #Bottom .Box1{ width: 283px; padding: 0; margin: 0 25px 0 25px; float: left; display: inline; overflow: hidden; } #Bottom .Box2{ width: 283px; padding: 0; margin: 0 0 0 25px; float: left; display: inline; overflow: hidden; } #Bottom .Box3{ width: 283px; padding: 0; margin: 0 25px 0 0; float: right; display: inline; overflow: hidden; } #Bottom .Box1 ul{ list-style: none; margin: 15px 0; padding: 0; } #Bottom .Box1 li{ margin: 15px 0; padding: 0; } #Bottom .Box1 li a, #Bottom .Box1 li a:visited, #Bottom .Box1 li a:hover{ font-weight:bold; } #SignUp{ position: relative; width: 283px; margin: 15px 0; overflow: hidden;} #SignUp p{ float: left; margin: 0; padding: 0; } #SignUp input{ width: 180px; margin: 5px 0; border: 1px solid #f4faf6; font-size: 11px; color: #787878; padding: 3px 5px; background: url(../images/input-bcgr.png) no-repeat 0 0; } #SignUp input.submit{ width: 60px; float: left; margin: 6px 15px; background: #d71776; color: #fff; border: none; font-size: 12px; padding: 2px 3px; line-height: 1; cursor: pointer; overflow: hidden; } #SignUp input:hover.submit{ background: #5f2f82; } /* Home -------------------------------------------------------------------------- */ #flash-content{ margin: 0 20px 10px 20px; float: left; display: inline; width: 488px; position:relative;} /*#Intro { width: 999px; padding: 0; margin: 0px; color: #444444; overflow: hidden; background: url(../images/dots-01.png) repeat-y 0 0; }*/ #Intro { width: 949px; padding: 0; margin: 20px 0; padding:0 25px; color: #444444; overflow: hidden; background: url(../images/dots-01.png) repeat-y 0 0; } #Intro h2{ padding: 0; margin: 0 0 15px 0; font-size: 28px; font-weight: bold; color: #bdbdbd;} #Intro p{margin:5px 0px 10px 0px; padding:0px;} #IntroContent { width: 283px; padding: 0; margin: 0; float: left; display: inline; overflow: hidden; } #IntroGallery { width: 616px; padding: 0; margin: 0; float: right; display: inline; text-align: left; } /* Home Carousel -------------------------------------------------------------------------- */ #Slideshow {position:relative;width:427px;height:248px; overflow: visible;} #Slideshow .carousel-wrap{ width: 427px; float: left; } #Slideshow ul{ padding: 0; margin: 0; } #Slideshow ul li{ float: left; width: 427px; height: 248px; background: #fff url(images/loading.gif) center no-repeat; display: inline; padding: 0; margin: 0; } #Slideshow .disabled{ color: #ddd; cursor: default; } #Slideshow div{ margin: 0; padding: 0; border: 0; } #Slideshow .carousel-pagination p { width: 70px; margin: 0; padding: 0; position: absolute; top: 0px; left: 450px; font-size: 10px; text-align: center;} #Intro #Slideshow .carousel-pagination p a, #Intro #Slideshow .carousel-pagination p a:link, #Intro #Slideshow .carousel-pagination p a:visited { padding: 0; color: #ebebeb; cursor: pointer; background: #ebebeb; border: 5px solid #ebebeb; margin: 0 5px 5px 0; display: block; float: left; width: 15px; height: 15px; line-height: 1; } #Intro #Slideshow .carousel-pagination p a.active{ color: #ebebeb; background:#ebebeb; border: 5px solid #ccc; } #Intro #Slideshow span.carousel-control:hover{ color: #fff; } #Slideshow span.carousel-control{ font-size: 11px; cursor: pointer; } #Slideshow .carousel-next{ position: absolute; top: 230px; right: 0; display: none; } #Slideshow .carousel-previous{ position: absolute; top: 230px; right: 30px; display: none; } /* Home - Section 1 -------------------------------------------------------------------------- */ #Section1{ clear: both; width: 999px; padding: 0; margin: 0; overflow: hidden; background: #d71776 url(../images/dots-02.png) repeat-y 0 0; color: #fff; border-top: 20px solid #d71776; border-bottom: 20px solid #d71776; } #Section1 h2{ padding: 0; margin: 0 0 15px 0; font-size: 34px; font-weight: bold; color: #eb8bbb;} #Section1 .Box1{ width: 283px; padding: 0; margin: 0 0 0 25px; float: left; display: inline; overflow: hidden; } #Section1 .Box2 { width: 616px; padding: 0; margin: 0 25px 0 0; float: right; display: inline; position: relative; } ul#Initiatives { width: 616px; margin: 50px 0 0 0; padding: 0; line-height: 5000%; } ul#Initiatives li { display: block; float: left; margin: 0; height: 90px; width: 140px; background: url(../images/carousel-bcgr.png) no-repeat 0 0; padding: 0; } ul#Initiatives li a:link { height: 69px; width: 150px; display: block; text-decoration: none; margin: 0; } ul#Initiatives li img{ display: block; float: left; margin: 0; height: 69px; width: 122px; margin: 0; padding: 3px; } #Initiatives li a span, #Initiatives li a:link span, #Initiatives li a:visited span { position: absolute; top: 50px; left: 0; visibility: hidden; line-height: 1.6; color: #fff; text-align: left; text-decoration: none; width: 616px; background: #d71776; text-decoration: none; } #Initiatives li a:hover span { display: block; visibility: visible; text-decoration: none; } #Initiatives li a span strong { display: block; padding: 0; font-size: 16px; text-decoration: none;} /* Home - Section 2 -------------------------------------------------------------------------- */ #Section2{ clear: both; width: 999px; padding: 0; margin: 0; overflow: hidden; background: #a1c032 url(../images/dots-03.png) repeat-y 0 0; color: #fff; border-top: 20px solid #a1c032; border-bottom: 20px solid #a1c032; } #Section2 h2{ padding: 0; margin: 0 0 15px 0; font-size: 34px; font-weight: bold; color: #d0df97;} #Section2 .Box1{ width: 283px; padding: 0; margin: 0 0 0 25px; float: left; display: inline; overflow: hidden; } #Section2 .Box2 { width: 616px; padding: 0; margin: 0 25px 0 0; float: right; display: inline; overflow: hidden; } /* Home - events -------------------------------------------------------------------------- */ #events{ width: 341px; height: 125px; background: url(../images/events.png) 0 0 no-repeat; margin: 15px 25px 10px 0; padding: 0; float: right; display: inline; } #events h3{ display: none; } #events dt{ width: 50px; height: 30px; border: 1px solid #92afd4; background: #fff; color: #3f7e8d; font: bold 10px/120% Arial, Helvetica, sans-serif; float: left; display: inline; clear: left; margin: 0 0 2px 10px; text-align: center; } #events dt span{ font-size: 16px; display: block; padding: 5px 0 0 0; } #events dd{ width: 200px; height: 30px; color: #44566d; font: 11px/120% Arial, Helvetica, sans-serif; float: left; display: inline; margin-bottom: 2px; padding: 5px 0 0 0; } /* Menu 1 -------------------------------------------------------------------------- */ /*#Menu1{ list-style: none; font: normal 15px/2.9 Arial, Sans-serif; text-transform:lowercase; padding: 0; margin: 0; text-align: center; width: 999px; height: 45px; position: relative; z-index: 10; }*/ #Menu1 { list-style: none; font: normal 14px/2.9 Arial, Sans-serif; text-transform: lowercase; padding: 0; margin: 0; text-align: center; width: 999px; height: 45px; position: relative; background: url(../images/dots-hr-o1.png) repeat-x bottom left; z-index: 10; } #Menu1 li { float: left; padding: 0; width: auto; margin: 0; padding: 0; z-index: 20;} #Menu1 a { display: block; position: relative; color: #444444; text-decoration: none; margin: 0; padding: 0 25px; float: left; z-index: 20; height: 45px; } #Menu1 li a:hover, #Menu1 li a.current { background: url(../images/nav-01.png) no-repeat center bottom; overflow: hidden; } #about-us #Menu1 li a:hover, #about-us #Menu1 li a.current { background: url(../images/nav-02.png) no-repeat center bottom; overflow: hidden; } #our-initiatives #Menu1 li a:hover, #our-initiatives #Menu1 li a.current { background: url(../images/nav-03.png) no-repeat center bottom; overflow: hidden; } #live-our-heritage #Menu1 li a:hover, #live-our-heritage #Menu1 li a.current { background: url(../images/nav-04.png) no-repeat center bottom; overflow: hidden; } #calendar-and-events #Menu1 li a:hover, #calendar-and-events #Menu1 li a.current { background: url(../images/nav-05.png) no-repeat center bottom; overflow: hidden; } #media-center #Menu1 li a:hover, #media-center #Menu1 li a.current { background: url(../images/nav-06.png) no-repeat center bottom; overflow: hidden;} #register #Menu1 li a:hover, #register #Menu1 li a.current { background: url(../images/nav-05.png) no-repeat center bottom; overflow: hidden; } /* Menu 2 -------------------------------------------------------------------------- */ #Menu2{ list-style: none; font: normal 12px/3.6 Arial, Sans-serif; padding: 0; margin: 0; text-align: center; width: 999px; height: 43px; position: relative; background: url(../images/dots-hr-o1.png) repeat-x bottom left; z-index: 10; } #Menu2 li { float: left; padding: 0; width: auto; margin: 0; padding: 0; z-index: 20;} #Menu2 a { display: block; position: relative; color: #444444; text-decoration: none; margin: 0; padding: 0px 10px 0px 25px; float: left; z-index: 20; height: 44px; } #Menu2 li a:hover, #Menu2 li a.current { background: url(../images/nav-01.png) no-repeat center bottom; overflow: hidden; } /* Menu 3 -------------------------------------------------------------------------- */ #Menu3{ list-style: none; font: normal 12px/1.6 Arial, Sans-serif; padding: 0; margin: 0; width: 283px; position: relative; } #Menu3 li { padding: 0; margin: 0; padding: 0; } #Menu3 li a { display: block; position: relative; text-decoration: none; margin: 0; padding: 0; color: #333; } #Menu3 li a:hover, #Menu3 li a.current { color: #5f2f82 } #about-us #Menu3 li a:hover, #about-us #Menu3 li.current { color: #d71776; } #our-initiatives #Menu3 li a:hover, #our-initiatives #Menu3 li a.current { color: #a1c032; } #live-our-heritage #Menu3 li a:hover, #live-our-heritage #Menu3 li a.current { color: #5f2f82; } #calendar-and-events #Menu3 li a:hover, #calendar-and-events #Menu3 li a.current{ color: #4c4a4a; } #register #Menu3 li a:hover, #register #Menu3 li a.current { color: #9ac8e9; } #media-center #Menu3 li a:hover, #media-center #Menu3 li a.current { color: #9ac8e9; } /* Main Headings -------------------------------------------------------------------------- */ #MainHeading{ width: 999px; height: 130px; font-size: 60px; text-indent: 25px; line-height: 2; } #about-us #MainHeading{ background: #d71776; color: #eb8bbb; } #our-initiatives #MainHeading{ background: #a1c032; color: #cde28a; } #live-our-heritage #MainHeading{ background: #5f2f82; color: #ac7cd0; } #calendar-and-events #MainHeading{ background: #4c4a4a; color: #ccc; } #media-center #MainHeading{ background: #9ac8e9; color: #b9d9f0; } #register #MainHeading{ background: #4c4a4a; color: #828081; } /* Media centre -------------------------------------------------------------------------- */ .Teaser { width: 100%; overflow: hidden; background: url(../images/dots-hr-o1.png) repeat-x bottom left; margin: 0 0 15px 0; padding: 5px 0; } .Teaser img{ float: left; margin: 0; width: 122px; } .Teaser .TeaserContent{ float: right; width: 450px; margin: 0; font-size: 11px; } .TeaserContent h3{ font-size: 14px; color: #444; margin: 0; padding: 0; } .TeaserContent .Date{ font-size: 11px; color: #7e7e7e; margin: 0; padding: 0; } .TeaserContent p{ margin: 5px 0; } .TeaserContent .More{ font-weight: bold; text-align: right; font-size: 18px; color: #bdbdbd; } .TeaserContent .More a{ color: #bdbdbd;} #NewsCol { margin: 0; background: url(../images/dots-hr-o1.png) repeat-x bottom left; overflow: hidden; width: 999px; padding:15px 0px 20px 0px;} #NewsDetailCol { margin: 0; background: url(../images/dots-hr-o1.png) repeat-x bottom left; overflow: hidden; width: 999px; padding:15px 0px 0px 0px;} #NewsDetailCol .Link{ width:900px; margin: 0px 0px 0px 25px;font-size: 11px; overflow: hidden; text-decoration:none; text-align:left;color:#444} #NewsDetailCol .Link a{font-size: 11px; text-decoration:none; text-align:left;color:#444} /* Team -------------------------------------------------------------------------- */ .Team img{ margin-right: 10px; } .Team .TeamPic{ position: relative; } .Team .TeamPic h3{ position: absolute; bottom: 0; left: 200px; } .Team ul { margin: 20px 0 0 0; padding: 0; list-style: none; width: 999px; border-top: 1px dotted #333; } .Team ul li{ font-size: 14px; font-weight: bold; font-style: normal; float: left; display: block; width: 380px; margin: 0; padding: 15px 0 0 0; list-style: none; } .Team ul li em{ font-size: 12px; font-weight: normal; display: block; font-style: normal; } /* Team -------------------------------------------------------------------------- */ .ProjectContent{ border-top: 1px dotted #333; margin: 20px 0; padding: 10px 0; } /* Heritage -------------------------------------------------------------------------- */ .Pic-01{ float: right; width: 283px; margin-left: 25px; } .Pic-01 img{ margin-bottom: 15px; } /* Main Column -------------------------------------------------------------------------- */ #MainCol { margin: 0; padding: 20px 0; background: url(../images/dots-hr-o1.png) repeat-x bottom left; overflow: hidden; width: 999px; } #register #MainCol { background-image: none; } #MainCol .Box1{ width: 283px; padding: 0; margin: 0 25px 0 25px; float: left; display: inline; overflow: hidden; } #MainCol .Box2{ width: 283px; padding: 0; margin: 0 0 0 25px; float: left; display: inline; overflow: hidden; } #MainCol .Box3{ width: 283px; padding: 0; margin: 0 25px 0 0; float: right; display: inline; overflow: hidden; } #about-us #MainCol .Box1 h2, #about-us #MainCol .Box2 h2, #about-us #MainCol .Box3 h2{ background: #d71776; color: #eb8bbb; font-size: 20px; padding: 2px 5px; } #about-us #MainCol .Box1 h3, #about-us #MainCol .Box2 h3, #about-us #MainCol .Box3 h3{ color: #444; font-size: 14px; } #our-initiatives #MainCol .Box1 h2, #our-initiatives #MainCol .Box2 h2, #our-initiatives #MainCol .Box3 h2{ background: #a1c032; color: #cde28a; font-size: 20px; padding: 2px 5px; } #our-initiatives #MainCol .Box1 h3, #our-initiatives #MainCol .Box2 h3, #our-initiatives #MainCol .Box3 h3{ color: #444; font-size: 14px; } #live-our-heritage #MainCol .Box1 h2, #live-our-heritage #MainCol .Box2 h2, #live-our-heritage #MainCol .Box3 h2{ background: #5f2f82; color: #ac7cd0; font-size: 20px; padding: 2px 5px; } #live-our-heritage #MainCol .Box1 h3, #live-our-heritage #MainCol .Box2 h3, #live-our-heritage #MainCol .Box3 h3{ color: #444; font-size: 14px; } #calendar-and-events #MainCol .Box1 h2, #calendar-and-events #MainCol .Box2 h2, #calendar-and-events #MainCol .Box3 h2{ background: #5f2f82; color: #ac7cd0; font-size: 20px; padding: 2px 5px; } #calendar-and-events #MainCol .Box1 h3, #calendar-and-events #MainCol .Box2 h3, #calendar-and-events #MainCol .Box3 h3{ color: #444; font-size: 14px; } #media-center #MainCol .Box1 h2, #media-center #MainCol .Box2 h2, #media-center #MainCol .Box3 h2{ background: #9ac8e9; color: #b9d9f0; font-size: 20px; padding: 2px 5px; } #media-center #MainCol .Box1 h3, #media-center #MainCol .Box2 h3, #media-center #MainCol .Box3 h3{ color: #444; font-size: 14px; } /*Register page ------------------------------------------------------------------------------------------*/ #RegisterContent{ width:auto; position:relative; float:left; padding:10px; margin:0px 0px 0px 20px; color:#4c4a4a; text-align:left;} #RegisterContent p, #RegisterContent div{ clear: both; margin: 10px 0; padding: 0; } #RegisterContent h3{ color:#4c4a4a} #RegisterContent label{ width:180px; position:relative; float:left; margin:0px; } #RegisterContent input{ width: 300px; margin: 5px 0; border: 1px solid #dbdbdb; font-size: 11px; color: #787878; padding: 3px 5px; background: url(../images/input-bcgr.png) no-repeat 0 0; } #RegisterContent td label{ width:50px; position:relative; float:left; margin:0 0 10px 0; } #RegisterContent td input{ width: 20px; border: none;float:left; margin: 3px 3px 0 0; padding: 0; background-image: none;} #RegisterContent .checkbox input{ width:30px; position:relative; float:left; margin:2px 0 0 0; background-image: none; border: none; } #RegisterContent select{ width: 300px;} #RegisterContent .SelectBox td label{ width:130px; position:relative; float:left; margin:0 0 10px 0; } #RegisterContent input.submit{ width: 150px; margin: 6px 0; background: #d71776; color: #fff; border: none; font-size: 12px; padding: 3px; line-height: 1.2; cursor: pointer; } #RegisterContent input:hover.submit{ background: #5f2f82; } #RegisterContent .Error{ padding-left: 5px; font-weight: bold;color:#d71776; } #RegisterContent div table{ display: inline; } /*Patrons*/ #MorePatrons{ font-weight: bold; text-align: right; font-size: 18px; color: #bdbdbd; } #MorePatrons a{ color: #bdbdbd;} #Patron { margin: 0px; float:left; position:relative; padding: 0px; background: #59297a url(../images/dots-hr-o1.png) repeat-x bottom left; overflow: hidden; width: 999px; height:625px; } #Patron .PromoPurple{ position:absolute; bottom:100px; right:20px; margin:0px; padding:0px; border:0px; } #Patron #PatronMenu { position:relative; overflow: hidden; width: 999px; height:125px;} /* Menu 4 -------------------------------------------------------------------------- */ #Patron #Menu4 { list-style: none; font: bold 14px/1.2 Arial, Sans-serif; padding: 0; margin: 0; width: 999px; height: 125px; position: relative; } #Patron #Menu4 li { float: left; padding: 0; width: auto; margin: 46px 0 0 70px; padding: 6px 0; } #Patron #Menu4 li.b1 { border-top: 3px solid #d71776; border-bottom: 3px solid #d71776; margin-left: 30px;} #Patron #Menu4 li.b2 { border-top: 3px solid #a1af34; border-bottom: 3px solid #a1af34;} #Patron #Menu4 li.b3 { border-top: 3px solid #8f69a6; border-bottom: 3px solid #8f69a6;} #Patron #Menu4 li.b4 { border-top: 3px solid #929699; border-bottom: 3px solid #929699;} #Patron #Menu4 li.b5 { border-top: 3px solid #d71776; border-bottom: 3px solid #d71776;} #Patron #Menu4 li a, #Patron #Menu4 li a:visited { display: block; position: relative; color: #fff; text-decoration: none; margin: 0; padding: 0 10px; float: left; text-transform:uppercase; text-align:center } #Patron #Menu4 li.b1 a:hover, #Patron #Menu4 li.b1 a.current { color:#d71776 } #Patron #Menu4 li.b2 a:hover, #Patron #Menu4 li.b2 a.current { color:#a1af34 } #Patron #Menu4 li.b3 a:hover, #Patron #Menu4 li.b3 a.current { color:#8f69a6 } #Patron #Menu4 li.b4 a:hover, #Patron #Menu4 li.b4 a.current { color:#929699 } #Patron #Menu4 li.b5 a:hover, #Patron #Menu4 li.b5 a.current { color:#d71776 } #Patron #PatronMain{ margin: 0px; float:left; position:relative; padding: 0; overflow: hidden; width: 999px; height:230px; background: #59297a url(../images/PatronMainBg.jpg) no-repeat;} #Patron #PatronFooter { margin: 0px; padding: 0px; bottom:20px; left:25px; position :absolute; border:solid 0px #000; overflow: hidden; width: 475px; height:200px; font: normal 11px Arial, Sans-serif; color:#fff;} .carouselText { position: absolute; top: 220px; left: 806px; width: 156px; height: 85px; } /* Menu 5 -------------------------------------------------------------------------- */ #Patron #PatronMenu1 { position:relative; width:750px; height:75px; clear:both; margin:30px 0px 0px 0px; padding:0px;float:left;} #Patron #PatronMenuSection{ margin: 0px; padding: 0px; left:25px; position :relative; border:solid 0px #000; overflow: hidden; width: 750px; height:150px; font: normal 11px Arial, Sans-serif; color:#fff;float:left; } #Patron #PatronFooter1 {margin: 0px; padding: 0px; left:25px; position :relative; border:solid 0px #000; overflow: hidden; width: 500px; height:70px; font: normal 11px Arial, Sans-serif; color:#fff; padding-top:30px; float:left;} #Patron #Menu5 { list-style: none; font: normal 10px/1.2 Arial, Sans-serif; padding: 0; margin: 0; width:750px; height: 100px; position: relative; color:#fff; float:left;} #Patron #Menu5 li { float: left; padding: 0; width: auto; margin: 16px 0 0 20px; padding: 6px 0; } #Patron #Menu5 li.b1 { border-top: 3px solid #d71776; border-bottom: 3px solid #d71776; margin-left: 0px;} #Patron #Menu5 li.b2 { border-top: 3px solid #8f69a6; border-bottom: 3px solid #8f69a6;} #Patron #Menu5 li.b3 { border-top: 3px solid #a1af34; border-bottom: 3px solid #a1af34;} #Patron #Menu5 li.b4 { border-top: 3px solid #929699; border-bottom: 3px solid #929699;} #Patron #Menu5 li.b5 { border-top: 3px solid #d71776; border-bottom: 3px solid #d71776;} #Patron #Menu5 li a, #Patron #Menu5 li a:visited { display: block; position: relative; color: #fff; text-decoration: none; margin: 0; padding: 0 10px 0 0px; float: left; text-transform:uppercase; text-align:left; } #Patron #Menu5 li.b1 a:hover, #Patron #Menu5 li.b1 a.current { color:#d71776; } #Patron #Menu5 li.b2 a:hover, #Patron #Menu5 li.b2 a.current { color:#8f69a6; } #Patron #Menu5 li.b3 a:hover, #Patron #Menu5 li.b3 a.current { color:#a1af34; } #Patron #Menu5 li.b4 a:hover, #Patron #Menu5 li.b4 a.current { color:#929699; } #Patron #Menu5 li.b5 a:hover, #Patron #Menu5 li.b5 a.current { color:#d71776; } /* patron pop-up -------------------------------------------------------------------------- */ #patron-pop-up { margin:0px; /*position:relative; float:none;*/ display:block; padding: 0px; background-color: #59297a ; /*width: 813px;*/ height:515px; border-bottom:solid 3px #8867A0;} #p-header{width:765px; height:30px; position:relative; float:none; padding:15px; margin:none; clear:both;} #p-main{ width: 813px; height:180px; margin: 0px; float:none; position:relative; padding: 0; background-color: #73488F;} #p-text{width: 795px; height:250px; margin: 0px; padding: 0px 0px 0px 10px; position :relative; float:none; font: normal 11px Arial, Sans-serif; color:#fff;} .p1{border-top: 3px solid #d71776; border-bottom: 3px solid #d71776; text-align:left; font: normal 16px Arial, Sans-serif; height:60px; width:200px; padding:5px; margin-left:36px; color:#fff;} .patrons{border-top: 3px solid #d71776; border-bottom: 3px solid #d71776; text-align:left; font: normal 16px Arial, Sans-serif; height:60px; width:200px; padding:5px; margin-left:36px; color:#fff;} .p2{border-top: 3px solid #8f69a6; border-bottom: 3px solid #8f69a6; text-align:left; font: normal 16px Arial, Sans-serif; height:60px; width:230px; padding:5px; margin-left:36px; color:#fff;} .p4{border-top: 3px solid #929699; border-bottom: 3px solid #929699; text-align:left; font: normal 16px Arial, Sans-serif; height:60px; width:321px; padding:5px; margin-left:36px; color:#fff; text-align:left;} .p-list{ width:220px; position:relative; float:left; font: normal 11px Arial, Sans-serif; width:220px; padding:20px 15px 0 20px; margin:0px; color:#fff; line-height:18px;} .p-list li{ text-align :left;} .ImgPnl{margin-left:140px; padding-top:17px; padding-bottom:17px;}