/* File: master style sheet for MyMove Abu Dhabi Created by: Laco Janic | http://www.thetribe.com/ Date: 20. December 2008 */ html, body, form, fieldset { margin: 0; padding: 0; font: 12px/160% arial, helvetica, sans-serif; } a img{ border: 0; } p, pre, blockquote, ul, ol, dl, address { margin: 0 0 15px 0; padding: 0; } li, dd, blockquote { margin-left: 20px; } p { font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 150%; margin: 0 0 10px; } form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; } .hide{ display: none; } .big{ font-size: 14px; line-height: 160%; margin: 15px 0; } /* Links -------------------------------------------------------------------------- */ a, a:link, a:visited { text-decoration: none; color: #b30236; } a:hover{ color: #f59799; } /* Headings -------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6{ color: #cdcdcd; font-weight: bold; padding: 0; line-height: 1; margin: 0 0 15px 0; line-height: 140%;} h2{ font-size: 18px; text-align: left; } h3{ font-size: 14px; text-align: left; margin-bottom: 0; color: #b30236; text-transform: uppercase; } h4{ font-size: 12px; } /*Go green Heading*/ .Greenh { color: #73b320; font-weight: bold; padding: 0; line-height: 1; margin: 0 0 15px 0; line-height: 140%; font-size: 14px; text-align: left; margin-bottom: 0; text-transform: uppercase;} /* Main Structure -------------------------------------------------------------------------- */ body { margin: 0; padding: 0 0 50px 0; text-align: center; color: #333; background: #e6f1fa url(../images/bcgr-02.png) 0 0 repeat-x; font: normal 12px/160% Arial, Helvetica, sans-serif; } #Wrapper { background: #e6f1fa url(../images/bcgr-02.png) 0 0 repeat-x; width: 100%; margin: 0; } #Container { width: 960px; margin: 0 auto; text-align: left; position: relative; color: #333; font: normal 12px/160% Arial, Helvetica, sans-serif; } /* Head -------------------------------------------------------------------------- */ #Head{ width: 960px; height: 170px; margin: 0; position: relative; z-index: 10; } #Logo{ position: absolute; top: 23px; left: 0; width: 200px; height: 82px; z-index: 10; } #Logo img{ z-index: 10; } #Logo a{ width: 400px; height: 82px; display: block; z-index: 100; } #Menu1{ margin: 0; padding: 0; position: absolute; bottom: 0; width: 960px; height: 34px; background: url(../images/nav.png) 0 0 no-repeat; overflow: hidden; } #Menu1 li { display: inline; margin: 0; padding: 0; text-indent: 0; } #Menu1 li a{ display: block; width: 111px; margin: 0; padding: 0; position: absolute; height: 34px; border: 0px solid #333; text-indent: -9999px; } #Menu1 li .b0{ left: 0px; } #Menu1 li .b1{ left: 106px; } #Menu1 li .b2{ left: 214px; } #Menu1 li .b3{ left: 318px; } #Menu1 li .b4{ left: 424px; } #Menu1 li .b5{ left: 530px; } #Menu1 li .b6{ left: 636px; } #Menu1 li .b7{ left: 743px; } #Menu1 li .b8{ left: 848px; } #Menu1 li a:hover.b0, #Menu1 li.current .b0{ background: url(../images/nav.gif) 0 -74px no-repeat; } #Menu1 li a:hover.b1, #Menu1 li.current .b1{ background: url(../images/nav.gif) -106px -37px no-repeat; } #Menu1 li a:hover.b2, #Menu1 li.current .b2{ background: url(../images/nav.gif) -214px -74px no-repeat; } #Menu1 li a:hover.b3, #Menu1 li.current .b3{ background: url(../images/nav.gif) -318px -37px no-repeat; } #Menu1 li a:hover.b4, #Menu1 li.current .b4{ background: url(../images/nav.gif) -424px -74px no-repeat; } #Menu1 li a:hover.b5, #Menu1 li.current .b5{ background: url(../images/nav.gif) -530px -37px no-repeat; } #Menu1 li a:hover.b6, #Menu1 li.current .b6{ background: url(../images/nav.gif) -636px -74px no-repeat; } #Menu1 li a:hover.b7, #Menu1 li.current .b7{ background: url(../images/nav.gif) -743px -37px no-repeat; } #Menu1 li a:hover.b8, #Menu1 li.current .b8{ background: url(../images/nav.gif) -848px -74px no-repeat; } /* Top elements -------------------------------------------------------------------------- */ #TopElements{ position: absolute; right: 0; top: 6px; } #TopElements p{ float: left; margin: 0 0 0 10px; } #TopElements p#P1{ font-size:11px; padding: 2px 0;} #Register{ padding: 0 10px 0 30px; background: url(../images/arrow-01.png) 0 3px no-repeat; font-weight: bold; font-size: 14px; text-transform: uppercase; line-height: 1.5; } #TopElements input.txtBox, #TopElements input.PasswordBox, #TopElements input.PasswordNormal { background: #fff; border: 1px solid #b30236; color: #333; padding: 2px; margin: 0; height: 12px; overflow: hidden; width: 130px; font-size: 11px; } #TopElements input.submit{ color: #fff; background: #9d0426 url(../images/button-bcgr.png) 0 0 repeat-x; border: 0px solid #9d0426; padding: 2px 4px; font-size: 10px; font-weight: bold; text-transform: uppercase; cursor: pointer; } #TopElements input.PasswordBox { background: url(../images/bg-Password.png) 2px 2px no-repeat; } #TopElements input.PasswordNormal { background: #fff; background-image: none; } /* Home Page -------------------------------------------------------------------------- */ #Home #Wrapper{ background: #e6f1fa url(../images/bcgr-01.gif) 0 0 repeat-x; width: 100%;} #Intro{ width: 960px; height: 228px; position: relative; margin: 0; overflow: hidden; } #WelcomeMsg{ font: bold 15px/1.6 Arial, Helvetica, sans-serif; width:620px; color: #333; padding: 20px 0 0 0; margin: 0; } #TagCloud{ position: absolute; right: 0; top: 0; width: 270px; height: 141px; padding: 50px 20px; margin: 0; background: url(../images/tag-cloud-01.jpg) 0 0 no-repeat; line-height: 200%; overflow: hidden; font-weight: bold; } #TagCloud a{ padding: 0 3px; text-transform:lowercase;} /* Home Page Moving -------------------------------------------------------------------------- */ #Moving{ width: 786px; height: 210px; position: relative; padding-top: 10px; } #Planner { width: 253px; height: 200px; background: #e6f1fa; float: left; display: inline; margin-left: 0px; margin-bottom: 15px; } #Planner h2{ width: 253px; background: #24b4d1; color: #fff; padding: 5px 0; margin: 0; text-indent: 15px; text-transform: uppercase; font-size: 14px; } #Planner p{ margin: 0 0 5px 15px; } #Planner p a, #Planner p a:visited{ color: #b30236; font-weight: bold; } #Planner p a:hover{ color: #f59799; } #Planner .more{ position: absolute; bottom: 5px; left: 0; } #Planner .sponsor{ position: absolute; bottom: 8px; right: 10px; } #Video{ width: 253px; height: 200px; background: #e6f1fa; float: left; display: inline; margin-left: 13px; margin-bottom: 15px; } #Video h2{ width: 253px; background: #e37800; color: #fff; padding: 5px 0; margin: 0; text-indent: 15px; text-transform: uppercase; font-size: 14px; } #Corporate{ width: 253px; height: 200px; background: #e6f1fa; float: left; display: inline; margin-left: 13px; margin-bottom: 15px; position: relative; } #Corporate h2{ width: 253px; background: #69a11f; color: #fff; padding: 5px 0; margin: 0; text-indent: 15px; text-transform: uppercase; font-size: 14px; } #Corporate h3{ margin: 20px 0 20px 15px; color: #333; font-family: "Segoe Script", arial, helvetica; text-transform: none; background: url(../images/Finance-Sport-Property.png) 0 0 no-repeat; text-indent:-9999px; overflow: hidden; width: 222px; height: 19px; } #Corporate p{ margin: 0 0 5px 15px; padding: 0; } #Corporate p a, #Corporate p a:visited{ color: #b30236; font-weight: bold; } #Corporate p a:hover{ color: #f59799; } #Corporate img{ float: left; margin: 0 8px 10px 0; overflow: hidden; width: 66px; height: 65px; } #Corporate .more{ position: absolute; bottom: 3px; left: 0; } #Moving h2 a, #Moving h2 a:visited{ color: #fff; } #Moving h2 a:hover{ color: #fff; text-decoration: underline; } /* Home Page Living -------------------------------------------------------------------------- */ /* #Living{ float: left; display: inline; margin-left: 10px; width: 200px; height: 400px; padding-top: 10px; } */ #Living{ width: 786px; position: relative; padding-top: 10px;background: #fff url(../images/living-bcgr.jpg) 0 0 repeat-x; overflow: auto; } #Box1, #Box2, #Box3, #Box4{ width: 166px; float: left; display: inline; margin: 0 15px; font-size: 10px; position: relative; } #Box4 { margin-right: 0; } #Living h2{ font-size: 14px; color: #e37800; text-transform: uppercase; margin: 0 0 5px 0; } #Box1 h2{ color: #e37800; } #Box2 h2{ color: #e37800; } #Box3 h2{ color: #24b4d1; } #Box4 h2{ color: #73b320; } #Living h3{ font-size: 12px; color: #333; padding: 0; margin: 0 0 10px 0; font-weight: bold; text-transform: none; } #Living .BoxImage{ float: left; margin: 0 6px 3px 0; overflow: hidden; width: 66px; height: 65px; } #Living p{ font-size: 11px; line-height: 1.2; width: 90px; float: right; } #Living .ReadMore{ margin: 0 0 15px 0; clear: both; display: block; } #Living .Rss{ position: absolute; top: 0; right: 0; } #Box4 #ctl00_NewsletterSub { width:165px; border: 0px solid #ccc; } #Box4 #ctl00_NewsletterSub p{ margin: 0 0 0 0; line-height: 1.3; width: 165px; float: none; } #Box4 label{ width: 110px; display: block; font-size: 11px; margin: 2px 0; } #Box4 label span{ color: #b30236; } #Box4 input{ width: 155px; border: 1px solid #fff; height: 14px; border: 1px solid #ccc; } #Box4 .submit{ background: transparent url(../images/submit-register.png) no-repeat scroll 0 0; border: none; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 24px; line-height: 1; margin: 10px 0 0 0; padding: 0; text-transform: uppercase; width: 115px; cursor: pointer; } #Box4 .SignUpPic{ float: right; width: 120px; margin-right: 15px; } /* Search -------------------------------------------------------------------------- */ #search {width: 943px; background:#FFF; text-align: left; margin-top: 10px;} /* Content -------------------------------------------------------------------------- */ #Content{ width: 960px; margin-top: 15px; background: #fff; padding: 15px 0 10px 0; position: relative; } #NavCol{ float: left; display: inline; width: 185px; margin-left: 15px; } #MainCol{ float: right; display: inline; width: 730px; margin-right: 15px; } .MainHeding{ font-size: 24px; line-height: 1; color: #b30236; border-bottom: 1px dashed #b30236; padding: 0 0 10px 0; text-transform: uppercase; } #Col1{ float: left; display: inline; width: 540px; } #Col2{ float: right; display: inline; width: 175px; } #Col1 li{ list-style: none; background: url(../images/arrow-subnav.png) 0 4px no-repeat; padding: 0 0 0 12px; margin: 5px 0 5px 10px; } #Col1 ol li{ list-style-type: decimal; background: none; padding: 0 0 0 12px; margin: 5px 0 5px 40px; } #Rating{ width: 175px; background: #b30236 url(../images/corner-02.png) no-repeat top right; padding: 10px 0; margin: 20px 0;} #Rating p{ color: #fff; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 0 15px; } #Rating .Stars{ padding: 0 10px; margin:0px 0px 0px 5px; color:#ffffff;} /* Tag Cloud 2 -------------------------------------------------------------------------- */ .TagCloud-2{ width: 165px; height: 129px; padding: 35px 5px 10px 15px; margin: 10px 0; background: url(../images/tag-cloud-02.png) 0 0 no-repeat; line-height: 140%; overflow: hidden; font-weight: bold; } .TagCloud-2 a{ padding: 3px; text-transform:lowercase;} /* Content Tools -------------------------------------------------------------------------- */ #Tools{ position: absolute; top: 20px; right: 0; z-index: 1000; } #Tools ul{ padding: 0; margin: 0; list-style-type: none; text-align: left; z-index: 1000; } #Tools a { display: block; color: #b30236; padding: 0 15px 2px 20px; position: relative; } #Tools li { padding: 0; margin: 0; float: left; position: relative; } #Tools li.Print{ background: url(../images/icon-print.png) 0 0 no-repeat; } #Tools li.Send{ background: url(../images/icon-send.png) 0 0 no-repeat; } #Tools li.Share{ background: url(../images/icon-share.png) 0 1px no-repeat; } #Tools li a:hover{ color: #41c4dd; background-position: 0 0; } #Tools li ul { position: absolute; left: -9999em; font-weight: normal; text-transform: none; } #Tools li ul li { float: none; padding: 0; margin: 0; background: #fff; position: relative; z-index: 1000; } #Tools li ul li a{ display: block; padding: 5px 0 5px 30px; width: 100px; z-index: 1000; position: relative; border: 1px solid #b30236; border-bottom: none;} #Tools li ul li.delicious a{ background: url(../images/delicious.gif) 5px 5px no-repeat; } #Tools li ul li.digg a{ background: url(../images/digg.gif) 5px 5px no-repeat; } #Tools li ul li.reddit a{ background: url(../images/reddit.gif) 5px 5px no-repeat; } #Tools li ul li.facebook a{ background: url(../images/facebook.gif) 5px 5px no-repeat; } #Tools li ul li.stumbleupon a{ background: url(../images/stumbleupon.gif) 5px 5px no-repeat; border-bottom: 1px solid #b30236;} #Tools li ul li a:hover{ color: #41c4dd; } #Tools li:hover ul ul, #Tools li.sfhover ul ul { left: -999em; } #Tools li:hover ul, #Tools li li:hover ul, #Tools li.sfhover ul, #Tools li li.sfhover ul{ left: auto; background-position: 0 0; } /* Content Menu 2 -------------------------------------------------------------------------- */ #Menu2 { width: 185px; background: #3fbfd8; padding: 10px 0; } #InsideTwo #Menu2 { background: #ee7f00; } #InsideThree #Menu2 { background: #73b320; } #Menu2 li{ list-style: none; margin: 5px 0; padding: 0; } #Menu2 li a{ color: #fff; font: bold 12px/1.5 Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 5px 0 15px; display: block; } #InsideTwo #Menu2 li a{ color: #fff; } #InsideThree #Menu2 li a{ color: #fff; } #Menu2 li a:hover, #Menu2 li a.current { background: url(../images/arrow-nav.png) -2px 0 no-repeat; color: #dcf3f7; } #InsideTwo #Menu2 li a:hover, #InsideTwo #Menu2 li a.current { background: url(../images/arrow-nav.png) -2px 0 no-repeat; color: #ffdbb2; } #InsideThree #Menu2 li a:hover, #InsideThree #Menu2 li a.current{ background: url(../images/arrow-nav.png) -2px 0 no-repeat; color: #e0f5c5; } /* Menu 3 (tabs) -------------------------------------------------------------------------- */ #Menu3{ margin: 0 0 10px 0; padding: 0; position: relative; width: 540px; height: 28px; overflow: hidden; background: url(../images/tab-nav.png) 0 0 no-repeat; } #Menu3 li{ float: left; display: inline; width: 134px; margin: 0; padding: 0; position: relative; height: 28px; border: 0px solid #333; background-image: none; } #Menu3 li a{ float: left; position: relative; width: 137px; bottom: 0; height: 28px; display: block; border: 0px solid #333; line-height: 220%; text-align: center; font-weight: bold; text-transform: uppercase; } #Menu3 li a:hover, #Menu3 li.current a{ background: url(../images/tab-nav.png) 0 -35px no-repeat; width: 137px; color: #fff;} /* Submenu right -------------------------------------------------------------------------- */ /*#Menu3 li{ list-style: none; background: url(../images/arrow-subnav.png) 0 4px no-repeat; padding: 0 0 0 12px; margin: 5px 0 5px 10px; } #Menu3 li a, .SubMenu1 li a:visited{ color: #333; } #Menu3 li a span, #Menu3 li a:visited span, #Menu3 li a:hover, #Menu3 li.current a, #Menu3 li.current a:visited{ color: #b30236; }*/ .PageNav { width: 100%; font-weight: bold; text-transform: uppercase;} .PageNav #Prev{ float: left; } .PageNav #Next{ float: right; } /* Side bar menu for blog -------------------------------------------------------------------------- */ .categoryListContainerStyle td, .navigatorLinksContainerStyle td, .titleListStyle td{ list-style: none; background: url(../images/arrow-subnav.png) 0 4px no-repeat; padding: 0 0 0 12px; margin: 5px 0 5px 10px; } .categoryListContainerStyle td a, .categoryListContainerStyle td a:visited, .navigatorLinksContainerStyle td a, .navigatorLinksContainerStyle td a:visited .titleListStyle td a:visited, .titleListStyle td a { color: #333; } .categoryListContainerStyle td a span, .categoryListContainerStyle td a:visited span, .categoryListContainerStyle td a:hover, .categoryListContainerStyle td.current a, .categoryListContainerStyle td.current a:visited, .navigatorLinksContainerStyle td a span, .navigatorLinksContainerStyle td a:visited span, .navigatorLinksContainerStyle td a:hover, .navigatorLinksContainerStyle td.current a, .navigatorLinksContainerStyle td.current a:visited, .titleListStyle td a span, .titleListStyle td a:visited span, .titleListStyle td a:hover, .titleListStyle td.current a, .titleListStyle td.current a:visited{ color: #b30236; } /* Calendar of Events -------------------------------------------------------------------------- */ .CalendarItem { border-bottom: 1px dashed #b30236; overflow: auto; margin-bottom: 15px; } .CalendarItem h3{ color: #b30236; text-transform: uppercase; } .CalendarItem p.Date, .CalendarItem p.Place{ margin: 0; padding: 0; } .CalendarItem img{ float: left; padding-top: 3px; } .CalendarItem div{ width: 450px; float: right; } /* Blog -------------------------------------------------------------------------- */ .BlogItem { overflow: hidden; margin-bottom: 15px; } .BlogItem h3{ color: #b30236; text-transform: uppercase; } .BlogItem p.Date, .BlogItem p.Place{ margin: 0; padding: 0; } .BlogItem img{ float: left; padding: 3px 0 18px 0; } .itemContents { margin-bottom:10px;} .sidebar{ width: 175px; } .sidebar h3{ margin: 0;} .sidebar table{ font-size: 12px; margin: 10px 0; } .hCalendarMonthYearRow{ width: 100%; border-bottom: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;} .hCalendarMonthYearRow td{ font-weight: bold; padding: 3px; } table.hCalendarStyle{ border-collapse: collapse; width: 175px; } .hCalendarOtherMonthStyle{ border: 1px solid #fff; background: #f1f1f1; width: 30px; } .hCalendarOtherMonthWeekendStyle{ border: 1px solid #fff; background: #f1f1f1; width: 30px; } .hCalendarDay{ border: 1px solid #fff; background: #e1e1e1; width: 30px; } .hCalendarWeekendStyle{ border: 1px solid #fff; background: #e1e1e1; width: 30px; } .hCalendarDayCurrent, .hCalendarDayCurrent a, .hCalendarDayCurrent:visited{ border: 1px solid #fff; background: #ababad; width: 30px; color: #fff } .EventBanner{ margin: 10px 0; } .EventType{ width: 175px; margin: 10px 0 15px 0; border: 1px solid #3572ac; } /* Blog Share Icons -------------------------------------------------------------------------- */ #Col1 .sharesb{ clear: both; position: relative; border-bottom: 1px dashed #b30236; border-top: 1px dashed #b30236; padding: 10px 0; margin: 15px 0; font-size: 11px; width: 100%; height: 20px; } #Col1 .sharesb p { padding: 0; margin: 0; } #Col1 .sharesb p a{ position: absolute; top: 0px; right: 0px; padding: 10px; font-size: 11px; } #Col1 .sharesb h3{ padding: 3px 0 0 0; margin: 0 5px 0 0; width: 100px; font-weight: normal; border-bottom: none; float: left; display: inline; font-size: 11px; } #Col1 .sharesb ul{ text-align: left; list-style: none; margin: 0 0 0px 15px; padding: 0; float: left; display: inline; } #Col1 .sharesb ul li{ text-align: center; display: inline; padding: 0 4px 6px 0; } #Col1 .sharesb ul li.delicious{background:url(../images/delicious.gif) no-repeat 0 0; background-image: url(../images/delicious.gif);} #Col1 .sharesb ul li.digg{background:url(../images/digg.gif) no-repeat 0 0;} #Col1 .sharesb ul li.reddit{ padding: 0 0 0 2px; background: url(../images/reddit.gif) no-repeat 0 0; } #Col1 .sharesb ul li.facebook{background:url(../images/facebook.gif) no-repeat 0 0;} #Col1 .sharesb ul li.stumbleupon{background:url("../images/stumbleupon.gif") no-repeat 0 0;} #Col1 .sharesb ul li a{ padding: 0 0 0 18px; margin: 0 3px 0 0px; } .feedLinkStyle img{ display:none; } a.feedLinkStyle, a:visited.feedLinkStyle{ background: url(.._/images/blog-rss.html) no-repeat 0 0; width: 249px; height: 40px; display: block; position: relative; margin: 10px 0; } /* Hot offers -------------------------------------------------------------------------- */ .OfferItem { border-bottom: 1px dashed #b30236; overflow: auto; margin-bottom: 15px; } .OfferItem h3{ color: #b30236; text-transform: uppercase; } .OfferItem p.Date, .OfferItem p.Place{ margin: 0; padding: 0; } .OfferItem img{ float: left; padding: 3px 0 18px 0; } .OfferItem div{ width: 387px; float: right; } /* Registration -------------------------------------------------------------------------- */ #RegisterSection{ background: url(../images/Reg-bcgr-top.png) 0 0 no-repeat; width: 540px; margin: 0 0 10px 0; padding: 20px 0 0 0; background-color:#41c4dd; } #RegisterSection input { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; line-height:150%; color:#333; width:180px;} #RegisterSection select { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; line-height:150%; color:#333; width:180px;} #RegisterSection label { float: left; display: block; width: 160px; padding: 0 0 0 15px; margin: 0px 0px 0px 0px; text-align: left; position:relative; color: #fff; font-weight: bold;} #CheckBoxes label { float: none; display: block; width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 20px; text-align: left; font-weight:normal; } #CheckBoxes input { width: auto; float: left; border: none; margin: 0px 0px 0px 0px; padding:0px 0px 10px 0px; } #RegisterSection input.submit{ width: 540px; height: 81px; margin: 0; padding: 0; color: #41c4dd; background: #fff url(../images/Reg-bcgr-bottom.png) no-repeat 0 0; font-size: 12px; font-weight: bold; text-transform: uppercase; cursor: pointer; border: none; overflow: hidden; } #RegisterSection input.update{ width: 540px; height: 81px; margin: 0; padding: 0; color: #41c4dd; background: #fff url(../images/NormalUserProfile_Updatebtn.png) no-repeat 0 0; font-size: 12px; font-weight: bold; text-transform: uppercase; cursor: pointer; border: none; overflow: hidden; } #RegisterSection .Error{ color: #b30236; font-weight: normal; margin: 0px 0px 0px 0px; width:auto; font-size: 10px } #RegisterSectionPrfile .Error{ color: #b30236; font-weight: normal; margin: 0px 0px 0px 0px; width:auto; font-size: 10px} .Thankyou{ color:#b30236; font-weight:bold; padding-left:15px; } /* Ad Panel -------------------------------------------------------------------------- */ #AdPanel{ width: 786px; margin-top: 10px; background: #fff; padding: 15px 0; position: relative; clear: both;} #AdPanel2{ width: 960px; margin-top: 10px; background: #fff; padding: 15px 0 0 0; position: relative; clear: both; border-top: 10px solid #e6f1fa } #Leaderboard{ margin: 0 0 0 15px; } /* Whether -------------------------------------------------------------------------- */ #Whether{ width: 175px; height: 100px; background: #FFF; float: right; position: absolute; top: 4px; right: 13px; margin: 0px; padding: 0px; } /* Ad Sponsors Logos -------------------------------------------------------------------------- */ .PartnersLinks{ background: #fff; width: 100%; } .PartnersLinks td{ background: #e6f1fa; padding: 10px; } .PartnersLinks td img{ margin: 0 8px 0 0; float: left; border: 1px solid #b30236; } .PartnersLinks h3 { margin: 0; padding: 0; line-height: 1; color: #b30236; text-transform: uppercase; } .PartnersLinks h4 { margin: 0; padding: 0; color: #b30236; text-transform: uppercase; } .PartnersLinks .PartnerCopy { width: 120px; float: right; } .PartnersLinks .PartnerCopy p{ font-size: 11px; line-height: 1.2; } .SelectedPartner{ background: #e6f1fa; margin: 10px 0; padding:15px 15px 5px 15px; } .SPCopy{ padding: 10px; } .SelectedPartner h4{ padding: 10px; margin: 0; padding: 0; color: #b30236; text-transform: uppercase; } .SelectedPartner p{ font-size: 12px; line-height: 1.3; } /* Site Map -------------------------------------------------------------------------- */ #SiteMap{ width: 960px; background: #fff; position: relative; margin: 10px 0; font-size: 10px; overflow: hidden; } #MapMove{ float: left; display: inline; margin-left: 15px; } #MapLiving{ float: left; display: inline; margin-left: 15px; } #MapCorporate{ float: left; display: inline; margin-left: 15px; } #MapMove div, #MapLiving div, #MapCorporate div{ float: left; display: inline; width: 120px; margin: 0 10px 0 0; padding: 0; } #SiteMap ul{ width: 120px; margin: 0 0 10px 0; padding: 0; } #SiteMap ul li{ margin: 0; padding: 0; list-style: none; } #SiteMap a, #SiteMap a:visited{ color: #333; } #SiteMap a:hover{ color: #b30236; } #MapMove h2{ color: #24b4d1; padding: 15px 0 7px 0; margin: 0 0 7px 0; border-bottom: 1px solid #24b4d1; font-size: 14px; text-transform: uppercase; } #MapLiving h2{ color: #e37800; padding: 15px 0 7px 0; margin: 0 0 7px 0; border-bottom: 1px solid #e37800; font-size: 14px; text-transform: uppercase; } #MapCorporate h2{ color: #69a11f; padding: 15px 0 7px 0; margin: 0 0 7px 0; border-bottom: 1px solid #69a11f; font-size: 14px; text-transform: uppercase; } #MapMove h3{ color: #24b4d1; font-size: 12px; margin: 0 0 7px 0; } #MapLiving h3{ color: #e37800; font-size: 12px; margin: 0 0 7px 0; } #MapCorporate h3{ color: #69a11f; font-size: 12px; margin: 0 0 7px 0; } /* My Move Planner -------------------------------------------------------------------------- */ .Planner td, .Planner th{ padding: 2px 5px; } .odd{ background: #ddedf8; } /* Footer -------------------------------------------------------------------------- */ #Footer p{ clear: both; width: 960px; position: relative; } #Footer p{ font-size: 11px; margin: 20px 15px; } #Footer a, #SiteMap a:visited{ color: #333; } #Footer a:hover{ color: #b30236; } /* Banners -------------------------------------------------------------------------- */ #WideSkyscraper2{ position: relative; padding:7px; margin: 0 0 14px 0; overflow: hidden; background: #e7f1fa } #Home #WideSkyscraper{ position: absolute; top: 408px; right: 0; } #TopAd{ position: absolute; top: 34px; right: 0; } #FullBanner{ position: absolute; bottom: 10px; left: 0; } /* Calendar & Business News*/ .EventRow { width: 520px; height: 175px; position:relative; margin:0px 0px 15px 0px; float:left; border-bottom: #b30236 1px dashed; } .DtSection { width: 75px; height:75px; margin:25px 10px 0px 0px; border:solid 1px #b30236 ; position:relative; float:left; background-color:#ffffff; font: bold 20px/1.5 Arial, Helvetica, sans-serif; color:#b30236; text-transform: uppercase; text-align:center} .DtRange { font: bold 20px/1.5 Arial, Helvetica, sans-serif; color:#ffffff; width: 75px; height:35px; position:relative; float:left; background-color:#b30236} .EventDesc { width: 425px; position:relative; float:right; text-align:left;} .NewsHeading { color: #b30236; font: bold 12px/1.5 Arial, Helvetica, sans-serif; text-transform: uppercase;} .YearlyCalendar { color: #b30236; font: bold 12px/1.5 Arial, Helvetica, sans-serif; text-transform: uppercase;} /* Mail To page */ #MailSection label { width: 100px; position:relative; float:left} #MailTo1, #MailTo2 { width: 250px; position:relative; float:left} #MailSection input.submit{ margin-left:190px; color: #fff; background: #9d0426 url(../images/button-bcgr.png) 0 0 repeat-x; border: 0px solid #9d0426; padding: 3px 4px; font-size: 12px; font-weight: bold; text-transform: uppercase; cursor:pointer; } /* TempFroms for planner & connect*/ /* Temp Registrations -------------------------------------------------------------------------- */ #TempPlanner #RegisterSection{ background: url(../images/Reg-bcgr-top-2.png) 0 0 no-repeat; padding: 90px 0 0 0; } #TempConnect #RegisterSection{ background: url(../images/Reg-bcgr-top-3.png) 0 0 no-repeat; padding: 90px 0 0 0; } #TempPlanner h2, #TempConnect h2{ color: #b30236; } /* Gold Partners -------------------------------------------------------------------------- */ #GoldPartners{ margin: 10px 0; } #GoldPartners h2{ color: #b30236; font-size: 14px; text-transform: uppercase; text-align: center; margin: 10px; padding: 0; } /* Blog Admin -------------------------------------------------------------------------- */ .adminNavbarStyle { margin: 0 0 10px 0; padding: 0; position: relative; width: 730px; overflow: hidden;} .adminNavbarStyle li { margin: 0; padding: 0; list-style: none; float: left; } .adminNavbarStyle a { display: block; width: 102px; margin: 0 1px 0 0; padding: 2px 0; background: #b30236; color: #fff; text-decoration: none; text-align: center; font-size: 12px; } .adminNavbarStyle a:hover, .adminNavbarStyle a:focus, .adminNavbarStyle a:active { background: #f59799; color: #fff; } .adminNavbarStyle a.selected { background: #ababad; color: #fff; } /* Tool Tip in the tools section */ #tooltip { position:absolute; border:0px solid #b30236; background:#73b320; padding:2px 5px; color:#fff; display:none; text-align:left;} /* class for have we missed anything*/ #Col1 span.AdditionalEmail { font-size:16px; } /* Planner Registration -------------------------------------------------------------------------- */ #PlannerCol1{ float: left; display: inline; width: 735px; } #PlannerRegister{ width: 520px;color:#ffffff; font: bold 12px/1.5 Arial, Helvetica, sans-serif; margin: 0 0 0px 0; padding: 20px 10px 0px 10px; background-color:#41c4dd; line-height:40px;} #PlannerRegister h2 { color:#ffffff;} #PlannerRegister input { width:100px;} #PlannerRegister select, #PlannerProfile select { width:auto; color:#b30236; font: bold 12px/1.5 Arial, Helvetica, sans-serif; } #PlannerRegister input.submit{ width: 540px; height: 81px; margin: 0; padding: 0; color: #41c4dd; background: #fff url(../images/Reg-bcgr-bottom.png) no-repeat 0 0; font-size: 12px; font-weight: bold; text-transform: uppercase; cursor: pointer; border: none; overflow: hidden; } #PlannerRegister checkbox { border: none; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; } /*----For checkbox of interests--------*/ #chkInterests { position:relative; float:left; margin:0px; padding:0px; line-height:10px; width:520px} #chkInterests p { position:relative; float:left; margin:0px; padding:0px; width:160px;} #PlannerRegister #chkInterests input, #PlannerProfile #chkInterests input { width:auto; margin:0px; padding:0px 0px 0px 0px; position:relative; float:left;} #PlannerRegister #chkInterests label, #PlannerProfile #chkInterests label { width:120px; margin:0px; padding:0px 20px 0px 5px; position:relative; float:left; height:20px;} /*Planner pre filled area*/ #PlannerPrefilled { color:#41c4dd; line-height:30px; position:relative; float:left; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; width: 710px; background:#ffffff;} #PlannerPrefilled h3 { color:#41c4dd; text-transform:none;} /*--Planner main column-*/ #PlannerCol1 input.Update{ color: #fff; background: #9d0426 url(../images/button-bcgr.png) 0 0 repeat-x; border: 0px solid #9d0426; padding: 3px 4px; font-size: 12px; font-weight: bold; text-transform: uppercase; cursor:pointer; } #Col1 input.submit{ width: 540px; height: 81px; margin: 0; padding: 0; color: #41c4dd; background: #fff url(../images/Reg-bcgr-bottom.png) no-repeat 0 0; font-size: 12px; font-weight: bold; text-transform: uppercase; cursor: pointer; border: none; overflow: hidden; } /* To style the validation area */ #ValidationSummary ul { padding: 10px 0; } #ValidationSummary li{ list-style: none; margin: 5px 0; padding: 0; color: #b30236; font: bold 12px/1.5 Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 5px 0 0px;} /* To style the Tailored list area */ .TailoredList { width: 540px; background-color: #ffffff; padding: 10px 0px 0px 0px; margin-bottom: 15px; position: relative; } .TailoredList .sponsor{ position: absolute; top: 8px; right: 0; } .TailoredList h3 { color: #333; } .TailoredList h3 strong { color: #b30236; } .TailoredList table { border-collapse: collapse; width: 540px; } .TailoredList table th { padding: 3px 8px; background-color: #b30236; color:#ffffff; line-height: 1.2;} .TailoredList table td { padding: 8px; border-bottom: 1px solid #3fbfd8; color:#b30236; vertical-align: top; } .TailoredList table .ChkDone, .TailoredList table .ChkDelete { color: #ffffff; font-size: 11px; line-height: 1.2; text-align: center; } .TailoredList .ChkDesc p{ color: #333; padding: 0 0 0 15px; } .TailoredList .ChkDesc p.ChkDescTitle { cursor:pointer; width:380px; font: bold 12px/1.5 Arial, Helvetica, sans-serif; padding: 0 0 0 15px; color: #b30236;} .TailoredList .ChkDesc .ShowIcon { background: url(../images/Plus.png) 0 6px no-repeat; } .TailoredList .ChkDesc .HideIcon { background: url(../images/Minus.png) 0 6px no-repeat; } .TailoredList .ChkDesc p.ChkDescDetailed { display:none; border-top: #3fbfd8 dashed 1px; margin: 0; padding:5px 0px 0px 0px; } .TailoredList .ChkDesc p.ChkDeLetedDetailed { margin:5px 0px 0px 10px; border-top: #3fbfd8 1px dashed;} .ChkDelete input.Submit{ color: #fff; background: #9d0426 url(../images/button-bcgr.png) 0 0 repeat-x; border: 0px solid #9d0426; padding: 3px 4px; font-size: 12px; font-weight: bold; text-transform: uppercase; cursor:pointer; } .ChkDelete input.Delete{ width: 17px; height: 17px; margin: 0; padding: 20px 0 0 0;background: url(../images/btnDelete.png) no-repeat 3px 3px; cursor: pointer; border: none; overflow: hidden; } .ChkDone input.checked{ width: 17px; height: 17px; margin: 0; padding: 20px 0 0 0; background: url(../images/ChekDone.png) no-repeat 0 0; cursor: pointer; border: none; overflow: hidden; } .ChkDone input.notDone{ width: 17px; height: 17px; margin: 0; padding: 20px 0 0 0; background: url(../images/CheckUndone.png) no-repeat 0 0; cursor: pointer; border: none; overflow: hidden; } #TailoredItemsList tr.checked{ background: #e6f1fa; } #HeaderMenu { position:relative; width:auto; padding: 0 0 10px 0; color:#ffffff; margin:0;} #HeaderMenu a, #HeaderMenu a:visited { color:#b30236;} #HeaderMenu a:hover { color:#f59799;} #BlankMenu { position:relative; width:auto; padding: 15px 0 14px 0; color:#ffffff; margin:0;} /*----SHow + / - in the header of the lists ----------------*/ .TailoredList thead .ChkDesc a, .TailoredList thead .ChkDesc a:visited { text-transform: uppercase; color:#ffffff; padding: 0 0 0 15px; font-size: 14px; } .ShowHeaderIcon{ background: url(../images/Header_Plus.png) 0 4px no-repeat; } .HideHeaderIcon{ background: url(../images/Header_Minus.png) 0 4px no-repeat; } .ChkDone { height:40px; width:55px; margin:0px;} .ChkDelete{ height:40px; width:35px; margin:0px;} .ChkDesc{width:480px;} /* .ChkDone input:hover{ cursor: pointer; } .ChkNote { position:relative; float:left; width:20px; margin:10px 0px 0px 5px;} .ChkNote img:hover { cursor:pointer;}*/ /*-------------Profile----------------------*/ #userProfile { margin: 0 0 20px 0; } #PlannerProfile{ width: 690px;color:#ffffff; font: bold 12px/1.5 Arial, Helvetica, sans-serif; margin: 0 0 0px 0; padding: 0px 10px 0px 10px; background-color:#41c4dd; line-height:40px;} #PlannerProfile h2 { color:#ffffff;} #PlannerProfile input { width:60px;} #RegisterSectionPrfile{ width: 710px; margin: 0 0 0px 0; padding: 20px 0 0 0; background-color:#41c4dd; } #RegisterSectionPrfile input { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; line-height:150%; color:#333; width:200px;} #RegisterSectionPrfile select { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; line-height:150%; color:#333; width:200px;} #RegisterSectionPrfile label { float: left; display: block; width: 220px; padding: 0 0 0 15px; margin: 0px 0px 0px 0px; text-align: left; position:relative; color: #fff; font-weight: bold;} #RegisterSectionPrfile #InputSection label { width: 140px;} #userProfile input.submit{ width: 710px; height: 81px; margin: 0; padding: 0; color: #41c4dd; background: #fff url(../images/Reg-MyProfile-bottom.png) no-repeat 0 0; font-size: 12px; font-weight: bold; text-transform: uppercase; cursor: pointer; border: none; overflow: hidden; } /*---------------Search----------------------------*/ #col2 td a b { text-transform:uppercase;} /*---------------Connect----------------------------*/ #ConnectHeading { width:540px; height:227px; position:relative; float:left; background:#9fcaec; padding:1px; margin:0px} #ConnectHeading img { position:relative; float:left;} #ConnectCountry { width:130px; position:relative; float:left; margin:0px 15px 0px 15px; padding:15px 0px 0px 0px; } #ConnectCountry select { width:120px; background:#e7f1fb; color:#3677ad; font-weight:bold;} #ConnectCountry h3 { color:#ffffff; text-transform:none;} #ConnectSponsor { width:145px; position:relative; float:left; margin:10px 0px 0px 15px; padding:15px 5px 10px 5px; background:#e7f1fb; } #ConnectSponsor h4 { color:#3677ad} #SearchSection { height:50px; width:700px; position:relative; float:left; margin:20px 0px 0px 0px;} #SearchSection input { background:#b40236; color:#ffffff; border:0px; padding: 3px 4px; } #SearchSection select { background:#b40236; color:#ffffff; border:0px; padding: 3px 4px; } #SearchSection input.Search {color: #fff; background: #9d0426 url(../images/button-bcgr.png) 0 0 repeat-x; border: 0px solid #9d0426; padding: 3px 4px; font-size: 12px; font-weight: bold; text-transform: uppercase; cursor:pointer; } .ConnectUsers h4{ font-size: 12px; text-align: left; margin-bottom: 0; color:#3677ad; text-transform: uppercase; } .ConnectUsers { width:540px; position:relative; float:left; margin:20px 0px 0px 0px} .ConnectUsers .HeaderRow { width:540px; position:relative; float:left; background:#9d0426; color:#ffffff; font-weight:bold; text-transform:uppercase; margin:0px 0px 0px 0px; padding:6px 0px 0px 6px} .ConnectUsers .ItemRow { width:540px; position:relative; float:left; background:#e7f1fb; margin:0px 0px 0px 0px; padding:6px 0px 0px 6px} .ConnectUsers .AlternateItemRow { width:540px; position:relative; float:left; background:#ffffff; margin:0px 0px 0px 0px; padding:6px 0px 0px 6px} .ConnectUsers .colName { width:120px; position:relative; float:left; font-weight:bold; } .ConnectUsers .colCountry { width:130px; position:relative; float:left;} .ConnectUsers .colTrade { width:120px; position:relative; float:left;} .ConnectUsers .colMoveDate { width:80px; position:relative; float:left;} .ConnectUsers .colLinkup { width:70px; position:relative; float:right;} .ConnectUsers .ItemRow .colName, .ConnectUsers .AlternateItemRow .colName { color:#b40236;} .ConnectUsers .ItemRow, .ConnectUsers .AlternateItemRow { color:#3677ad;} /* moorthi 16-04-2009 ------------------------------------------------*/ .AddTask { position:relative; float:left; width:510px; padding:60px 0px 20px 30px; background:#ffffff Url(../Images/addtask.png) 0 0 no-repeat; color:#b30236;} .btnBgr{ position:relative; cursor:pointer; float:right; width:46px; height:40px; border:0px; margin:0px 0px 0px 0px; background:Url(../Images/btngo.png) 0 0 no-repeat;} .AddTask p {font-family:Arial,Helvetica,sans-serif; font-size:12px; width:300px; margin:0px; padding:0px; font-weight:normal; text-align:left} .AddTask input{width:450px; border:0; position:relative; float:left; padding:0px; margin:0px; } .AddTask textarea{padding: 0 0 0 0px; margin:20px 0px 0px 0px; border: 1px solid #3f7e8d; width:450px; height:50px; background: #fff; position: relative; float:left; font-family: arial, helvetica, sans-serif; font-size:12px;} #btnAdd{ position:relative; float:right; width:46px; height:40px;} #btnAdd input{width:46px; height:40px; margin:-10px 0px 0px 0px; } /* moorthi 2009-04-17 --------------------------------------------*/ .TailoredList .ChkDesc p.DefaultIcon { cursor:pointer; width:380px; font: bold 12px/1.5 Arial, Helvetica, sans-serif; padding: 0 0 0 15px; color: #b30236;} /* Top tips -------------------------------------------------------------------------- */ .TopTips{ width: 185px; background: #e7f1fa; text-align: center; border: 1px solid #b30236; } .TopTips img{ padding: 2px; } .TopTips h3{ text-align: center; padding: 0 0 5px 0; } /* Partners -------------------------------------------------------------------------- */ .PartnersItem { border-bottom: 1px dashed #b30236; overflow:hidden; width:540px; margin-bottom: 15px; padding:0px 0px 10px 0px; } .PartnersItem h3{ color: #b30236; text-transform: uppercase; } .PartnersItem img{ position:relative; float: left; padding-top: 3px; padding:0px 10px 0px 0px; } .PartnersItem div{ position:relative; width:400px; float: left; } hr{ clear: both; border:none; width: 100%; height: 0px; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; color:#ffffff; } .listspan { float: left; width: 180px; } .listspanshort { float: left; width: 120px; } .listspanlong { float: left; width: 250px; } .listspanlongest { float: left; width: 280px; } .green { color:#00FF00; } .pdf { background: url(../Images/ico_pdf.jpg) 0% 50% no-repeat; padding: 1px 0px 1px 20px; } .clear { clear: both; content: "."; font-size: 0px; height: 0%; overflow: hidden; display: block; }