/************************************************************* Website CSS Stylesheet Copyright © 2009, All Rights Reserved By AT2 Casting //////// *************************************************************/ /************************************************************* Page Style //////// *************************************************************/ * { margin: 0; padding: 0; outline: none; } html { height: 100%; overflow-y: scroll; } body { height: 100%; background-color: #100C0E; font-family: "Arial", Helvetica; font-size: 13px; text-align: left; } .body_outer { width: 100%; background: url("../img/BG2.png") repeat-y top center; } .body_inner { width: 100%; background: url("../img/BG.png") transparent no-repeat top center; } img { vertical-align: middle; } .c { clear: both; } table.tbc { border-collapse: collapse; } .fl { float: left; } .fr { float: right; } /********************************* Text *********************************/ p, li, ul { text-decoration: none; } h1, h3 { background-repeat: no-repeat; text-indent: -9999px; } h2 { color: #A13C68; font-size: 30px; } p { color: #262625; line-height: 20px; margin-bottom: 20px; } p em, ol em { font-weight: bold; } p strong { color: #33111E; } a { color: #802F6C; margin: 0; border: none; cursor: pointer; outline: none; } a:hover { color: #B03592; } a img { border: 0; } li, ul { list-style-type: none; } /********************************* Forms *********************************/ label, .formField { height: 20px; padding-top: 5px; display: inline; } label { float: left; } .formField { float: right; padding-left: 15px; color: #363636; background: #FFFFFF; border: 1px solid #A2A2A2; } input, textarea { color: #363636; font-family: "Arial", Helvetica; font-size: 12px; } textarea { resize: none;} /************************************************************* Content //////// *************************************************************/ /********************************* 00. Global *********************************/ #wrapper { position: relative; width: 980px; margin: 0 auto; z-index: 20; } /********************************* 01. Header Content *********************************/ #headerWrapper { float: left; width: 980px; height: 140px; display: inline; } #headerWrapper h1 a { float: left; width: 190px; height: 135px; background-image: url("../img/logoTCM.png"); } ul#mainNav { float: right; width: 695px; height: 65px; margin: 10px 0 0 80px; background: url("../img/btn/btnNavigation.png") no-repeat; display: inline; } ul#mainNav li {display: inline;} ul#mainNav li a { float: left; height: 65px; text-indent: -9999px; background-image: url("../img/blank.gif"); background-repeat: no-repeat; } ul#mainNav li a.selected, ul#mainNav li a:hover { background-image: url("../img/btn/btnNavigationHover.png") !important; } ul#mainNav li a.home { width: 78px; } ul#mainNav li a.about { width: 102px; background-position: -78px 0; } ul#mainNav li a.talent { width: 75px; background-position: -180px 0; } ul#mainNav li a.join { width: 70px; background-position: -255px 0; } ul#mainNav li a.news { width: 70px; background-position: -325px 0; } ul#mainNav li a.workshops { width: 115px; background-position: -395px 0; } ul#mainNav li a.links { width: 75px; background-position: -510px 0; } ul#mainNav li a.contact { width: 110px; background-position: -585px 0; } ul#subNav { float: left; height: 30px; background-position: 0 -30px; background-repeat: no-repeat; display: inline; } ul#subNav li{ display: inline; } ul#subNav li a { float: left; height: 30px; text-indent: -9999px; background-image: url("../img/blank.gif"); background-repeat: no-repeat; } .spacer { float: left; height: 30px; width: 100px;} #headerRight { float: right; width: 400px; height: 30px; overflow: hidden; } .btn_logout { cursor: pointer; float: right; margin: 10px 0 0 0; width: 65px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/btn/btnLogout.png) no-repeat 0 0; } /********************************* 02. Main Content *********************************/ #mainWrapper { float: left; width: 880px; padding: 45px 50px 0; background-color: #EDEAE8; background-repeat: no-repeat; display: inline; } #mainWrapper .twoColumn { float: left; width: 400px; } .twoColumn.first { margin-right: 70px; } #mainWrapper h3 { float: right; display: inline; } #mainWrapper .divider { float: left; width: 880px; height: 40px; background: url("../img/gfxDivider.png") no-repeat; clear: both; } body.default #mainWrapper { height: 520px; } body.join #mainWrapper { background-image: url("../img/gfxJoin.jpg"); height: 520px; } .join p { width: 500px; } /********************************* Home *********************************/ body.home #mainWrapper { position: relative; padding: 0; width: 980px; height: 565px; background-image: url("../img/gfxHome.jpg"); overflow: hidden; } body.home #slidingPanel { display: block; position: absolute; top: 515px; left: 0; width: 980px; height: 260px; background: url("../img/gfxSlidingPanelHome.png") no-repeat; z-index: 999; } .slidingControl { float: left; width: 980px; height: 70px; } #slidingPanel .twoColumn { float: left; width: 430px; padding: 0 30px; display: inline; } /*#slidingPanel h2 { color: #FFFFFF; font-size: 20px; text-transform: uppercase; font-style: normal; padding-bottom: 10px; }*/ body.home #mainWrapper h3.tHomeWelcome { display: block; float: left; margin: 0; padding: 0; width: 152px; height: 16px; text-indent: -9999px; background: url(../img/txtTitleHomeWelcome.png) no-repeat 0 0; } body.home #mainWrapper h3.tHomeAgencyNews { display: block; float: left; margin: 0; padding: 0; width: 124px; height: 16px; text-indent: -9999px; background: url(../img/txtTitleHomeAgencyNews.png) no-repeat 0 0; } #slidingPanel p { margin: 0; padding: 0; font-size: 11px; line-height: 20px; color: #bbadb3; } #slidingPanel p strong { font-weight: bold; color: #ba5285; } #slidingPanel p em { font-weight: normal; font-style: normal; color: #ba5285; } #slidingPanel p a, #slidingPanel p a:hover { text-decoration: underline; color: #ba5285; } #slidingPanel p a:hover { text-decoration: underline; color: #f587ba; } body.home #mainWrapper h1.slogan1 { display: block; position: absolute; top: 45px; left: 50px; width: 255px; height: 85px; overflow: hidden; background: url(../img/txtMessageHome01.png) no-repeat 0 0; } body.home #mainWrapper h1.slogan2 { display: block; position: absolute; top: 460px; left: 720px; width: 220px; height: 75px; overflow: hidden; background: url(../img/txtMessageHome02.png) no-repeat 0 0; } #btnHomeLeftHolder { float: left; padding: 15px 0 0 45px; width: 240px; height: 30px; overflow: hidden; } #btnHomeMidHolder { float: left; padding: 15px 0 0 105px; width: 200px; overflow: hidden; } #btnShowreelHome { cursor: pointer; float: left; width: 240px; height: 30px; text-indent: -9999px; overflow: hidden; background: url(../img/btn/btnSlidingPanelHomeButton.png) no-repeat 0 0; } #btnNewsHomeShow { cursor: pointer; width: 200px; height: 30px; text-indent: -9999px; overflow: hidden; background: url(../img/btn/btnHomeNewsShow.png) no-repeat center top; } #btnNewsHomeHide { display: none; cursor: pointer; width: 200px; height: 30px; text-indent: -9999px; overflow: hidden; background: url(../img/btn/btnHomeNewsHide.png) no-repeat center top; } body.home #slidingPanel .boxText { float: left; padding: 25px 0 0 0; width: 400px; } body.home #slidingPanel .boxArr { float: left; padding: 50px 0 0 15px; width: 15px; height: 32px; overflow: hidden; } body.home #slidingPanel .btnArr { cursor: pointer; float: left; width: 15px; height: 32px; overflow: hidden; background: url(../img/bgBoxArr.png) no-repeat 0 0; } body.home #slidingPanel .boxDelim { float: left; margin: 10px 0 0 0; width: 400px; height: 2px; font-size: 1px; line-height: 1px; overflow: hidden; background: url(../img/bgDelim.gif) repeat-x 0 0; } body.home #slidingPanel .boxBtnViewMore { float: left; margin: 10px 0 0 -8px; width: 249px; height: 42px; overflow: hidden; } body.home #slidingPanel #btnHomeViewMore { cursor: pointer; float: left; width: 249px; height: 42px; text-indent: -9999px; overflow: hidden; background: url(../img/btn/btnHomeViewMore.png) no-repeat 0 0; } .boxFormTitle { padding: 10px 0 5px 0; font-size: 10px; line-height: 13px; letter-spacing: -1px; color: #bbadb3; text-align: left; text-transform: uppercase; } .boxFormTitle strong { color: #ba5285; } .boxFormField { float: left; padding: 0 10px 0 0; width:150px;} .subscribe_label { color:#BBADB3; font-size:11px; line-height:20px; margin:0; padding:0; } #subscribe_success { color: #14cc14; } #subscribe_errors { color: #ff0000; } body.home .boxFormField input { padding: 3px 8px; font-size: 11px; width: 135px; background-color: #ffffff; border: none; -moz-border-radius: 2px 2px; -webkit-border-radius: 2px 2px; } .boxFormFieldError { float: left; padding: 0 10px 0 10px; width: 140px; font-size: 11px; line-height: 13px; color: #ff0000; } .btnRegisterHome { cursor: pointer; float: left; width: 75px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/btn/btnRegisterHome.png) no-repeat 0 0; } /********************************* About Us *********************************/ body.about #mainWrapper { background-image: url("../img/gfxAbout.jpg"); height: 520px; } .tAboutTCM { float: left; margin: 0; padding: 0 0 10px 0; width: 135px; height: 25px; text-align: left; text-indent: -9999px; background: url(../img/title/txtAboutTCM.png) no-repeat 0 0; overflow: hidden; } .about h3 { float: right; margin: 25px 0 0 0; width: 230px; height: 165px; padding-top: 105px; background-image: url("../img/txtMessageAbout.png"); } ul#subNav.about { width: 400px; margin-left: 40px; background-image: url("../img/btn/btnSubNavigation_About.png"); } ul#subNav.about li a.selected, ul#subNav.about li a:hover { background-image: url("../img/btn/btnSubNavigation_About.png") !important; } ul#subNav.about li a.overview { width: 100px; } ul#subNav.about li a.staff { width: 100px; background-position: -100px 0; } ul#subNav.about li a.customers { width: 200px; background-position: -200px 0; } /********************************* Our Happy Customers *********************************/ body.customers #mainWrapper { background-image: url("../img/gfxCustomers.jpg"); } .tOurHappyCustomers { float: left; margin: 0; padding: 0 0 5px 0; width: 305px; height: 32px; text-align: left; text-indent: -9999px; background: url(../img/title/txtOurHappyCustomers.png) no-repeat 0 0; overflow: hidden; } .customers_min_height { float: right; width: 1px; height: 500px; overflow: hidden; } .testimonials { float: left; width: 480px; padding: 20px 0 50px 0; } .testimonial { float: left; width: 480px; } .testimonial_delim { float: left; margin: 20px 0 20px 0; width: 480px; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; background: url(../img/bgCustomersDelim.png) no-repeat 0 0; } .testimonial_what { float: left; padding: 0; width: 480px; text-indent: 15px; background: url(../img/bgTestimonialOpen.png) no-repeat top left; } .testimonial_what p { display: inline; padding: 0; font-size: 13px; line-height: 20px; font-weight: bold; color: #33111e; background: url(../img/bgTestimonialClose.png) no-repeat bottom right; } .testimonial_what p span { text-align: left; padding-right: 15px; } .testimonial_who { float: left; padding: 15px 0 0 0; width: 480px; font-size: 13px; line-height: 20px; font-weight: normal; color: #1b1b1b; } /********************************* Talent *********************************/ body.talent #mainWrapper { padding:0; width:980px; } .tOurTalent { float: left; margin: 0; padding: 0 0 10px 0; width: 125px; height: 25px; text-align: left; text-indent: -9999px; background: url(../img/title/txtOurTalent.png) no-repeat 0 0; overflow: hidden; } .btnTalent a.button { width: 430px !important; height: 210px !important; } .button.adult { background-image: url("../img/btn/btnAdult.jpg"); margin-right: 20px; } .button.children { background-image: url("../img/btn/btnChildren.jpg"); } .btnTalentNav a.button { width: 280px !important; height: 50px !important; background-image: url("../img/btn/btnTalent.png"); } .button.artistVideo { margin-right: 20px; } .button.family { background-position: 0 -50px; margin-right: 20px; } .button.profileLogin { background-position: 0 -100px; } /********************************* Talent Adult *********************************/ .tOurAdultTalent { float: left; margin: 0; padding: 0 0 10px 0; width: 195px; height: 25px; text-align: left; text-indent: -9999px; background: url(../img/title/txtOurAdultTalent.png) no-repeat 0 0; overflow: hidden; } .tOurChildrenTalent { float: left; margin: 0; padding: 0 0 10px 0; width: 230px; height: 25px; text-align: left; text-indent: -9999px; background: url(../img/title/txtOurChildrenTalent.png) no-repeat 0 0; overflow: hidden; } ul#talentWrapper { float: left; width: 900px; margin: 0 0 0 -10px; display: inline; } ul#talentWrapper li { float: left; width: 160px; height: 220px; margin: 0 10px 10px; background: url("../img/gfxThumbnailTalent.png") no-repeat; } ul#talentWrapper li img { float: left; width: 125px; height: 155px; margin: 13px 0 17px 18px; } ul#talentWrapper li .abs { display: none; position: absolute; margin: 110px 0 0 0; padding: 0; width: 160px; height: 70px; background: url("../img/talent/bg_talent_abs.png") no-repeat 0 0; } ul#talentWrapper li .abs_name { float: left; padding: 5px 0 0 0; width: 160px; height: 30px; font-size: 12px; line-height: 30px; font-weight: bold; font-style: normal; color: #ffffff; overflow: hidden; text-align: center; } ul#talentWrapper li .abs_btn { float: left; padding: 0 15px 0 15px; width: 130px; height: 20px; } a.btn_view_profile, a.btn_view_profile:hover { cursor: pointer; float: left; width: 130px; height: 20px; text-align: left; text-indent: -9999px; background: url("../img/talent/btn_view_profile.png") no-repeat 0 0; } ul#talentWrapper a.control { float: right; width: 25px; height: 20px; text-indent: -9999px; background-image: url("../img/btn/btnTalentIcons.png"); background-repeat: no-repeat; } a.audio { background-position: 0 0; } a.audio:hover { background-position: 0 -30px; } a.video { background-position: -25px 0; } a.video:hover { background-position: -25px -30px; } a.shortlist { background-position: -50px 0; margin-right: 10px; } a.shortlist:hover { background-position: -50px -30px; } a.shortlist_artist_remove { background-position: -75px 0; margin-right: 10px; } a.shortlist_artist_remove:hover { background-position: -75px -30px; } /*body.talent .pagination { margin-bottom: 40px; }*/ body.talentAdult #mainWrapper { padding: 0; width: 980px; } .talenAdultTop { margin: 45px 0 0 0; padding: 0 50px 0 50px; height: 90px; } #searchOuter { float: left; position: relative; margin: 0; width: 980px; height: 670px; overflow: hidden; } #talentOuter { float: left; margin: 100px 0 0 0; padding: 0 0 0 50px; width: 980px; height: 530px; } #searchPanel { position: absolute; left: 50px; width: 880px; height: 45px; z-index: 1500; background: url("../img/talent/bg_search_panel.png") no-repeat 0 0; } #searchPanelFilter { position: absolute; top: -85px; left: 50px; width: 880px; height: 160px; z-index: 500; background: url("../img/talent/bg_search_panel_filters.png") no-repeat bottom left; } .searchPanelContent { float: left; padding: 10px 0 0 0; width: 880px; height: 120px; overflow: hidden; } .searchPanelButton { float: left; width: 880px; height: 30px; overflow: hidden; } #btnTalentMidHolder { float: left; padding: 0 0 0 335px; width: 210px; height: 30px; overflow: hidden; } #btnSearchFilterPanel, #btnSearchFilterPanel.btnSearchFilterShow { cursor: pointer; width: 210px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/talent/btn_search_panel.png); background-repeat: no-repeat; background-position: 0 0; } #btnSearchFilterPanel.btnSearchFilterHide { background-position: 0 -30px; } #shortlistPanel { position: absolute; top: 630px; left: 0; width: 980px; height: 200px; background: url(../img/talent/bg_shortlist_panel.png) no-repeat 0 0; } body.talent #shortlistPanel { top: 430px; } .shortlistControl { float: left; width: 980px; height: 35px; } #btnShortlistMidHolder { float: left; padding: 6px 0 0 395px; width: 190px; height: 30px; overflow: hidden; } #btnShortlistPanel, #btnShortlistPanel.btnShortlistShow { cursor: pointer; width: 190px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/talent/btn_shortlist_panel.png); background-repeat: no-repeat; background-position: 0 0; } #btnShortlistPanel.btnShortlistHide { background-position: 0 -30px; } #searchPanelInner { margin: 10px 0 0 0; padding: 0 20px 0 245px; width: 615px; height: 35px; overflow: hidden; } #searchPanelInner .spLabel { float: left; padding: 0 10px 0 20px; font-size: 13px; line-height: 24px; font-weight: bold; color: #edeae8; } #searchPanelInner .spField { float: left; } #btnSearchNow { cursor: pointer; float: right; margin: 3px 0 0 0; width: 100px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/btn/btnSearchNow.png) no-repeat 0 0; } .is_sp { padding: 4px 4px 4px 4px; width: 95px; font-size: 11px; color: #363636; background-color: #ffffff; border: 1px #a2a2a2 solid; } #searchPanelContentInner { margin: 15px 0 0 0; padding: 0 20px 0 150px; width: 710px; height: 105px; overflow: hidden; color: #edeae8; } #searchPanelContentInner .spcLabel { float: left; padding: 0; font-size: 13px; line-height: 24px; font-weight: bold; color: #edeae8; } #searchPanelContentInner .spcField { float: left; } #searchPanelContentInner .spcField2 { float: left; padding: 0 0 10px 0; text-align: left; } #searchPanelContentInner .spcFieldCheck { padding: 3px 0 0 0; text-align: left; } #searchPanelContentInner .spcFieldCheck label { padding: 0 0 0 8px; font-size: 11px; line-height: 16px; color: #edeae8; } #searchPanelContentInner .spcField3 { float: right; } #searchPanelContentInner .spcField4 { float: right; padding: 0 0 15px 0; width: 240px;} table.tbc_sp { border-collapse: collapse; } table.tbc_sp td { padding: 0; } #btnApplyAndSearch { cursor: pointer; float: right; margin: 3px 0 0 0; width: 100px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/btn/btnApplyAndSearch.png) no-repeat 0 0; } .it_sp { padding: 5px 10px 5px 10px; font-size: 11px; color: #363636; background-color: #ffffff; border: 1px #a2a2a2 solid; } .shortlist_left { float: left; padding: 52px 4px 0 20px; width: 17px; height: 33px; overflow: hidden; } .shortlist_right { float: left; padding: 52px 20px 0 4px; width: 17px; height: 33px; overflow: hidden; } .shortlist_left a, .shortlist_right a { display: block; } a#btnShortlistArrLeft, a#btnShortlistArrLeft:hover, a#btnShortlistArrRight, a#btnShortlistArrRight:hover { display: none; float: left; width: 17px; height: 33px; text-align: left; text-indent: -9999px; background-image: url(../img/talent/shortlist_arrows.png); background-repeat: no-repeat; background-position: 0 0; } a#btnShortlistArrRight, a#btnShortlistArrRight:hover { background-position: -17px 0; } a#btnShortlistArrLeft:hover { background-position: 0 -33px; } a#btnShortlistArrRight:hover { background-position: -17px -33px; } .shortlist_items { float: left; margin: 11px 0 0 0; padding: 0; width: 760px; height: 134px; overflow: hidden; } .shortlist_item { float: left; margin: 0 10px 0 10px; width: 75px; height: 134px; overflow: hidden; } .shortlist_photo { float: left; width: 75px; height: 112px; overflow: hidden; background-image: none; background-repeat: no-repeat; background-position: 0 8px; } a.shortlist_remove, a.shortlist_remove:hover { display: block; float: left; width: 75px; height: 22px; font-size: 11px; line-height: 22px; text-decoration: none; color: #ba5285; text-align: center; text-transform: uppercase; } a.shortlist_remove:hover { color: #ff0000; } .shortlist_button { float: right; padding: 59px 20px 0 0; width: 115px; } #btnRequestTalent { cursor: pointer; float: left; width: 115px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/btn/btnRequestTalent.png) no-repeat 0 0; } /********************************* ArtistProfile *********************************/ .tViewingArtistProfile { float: left; margin: 0; padding: 0; width: 245px; height: 32px; text-align: left; text-indent: -9999px; background: url(../img/title/txtViewingArtistProfile.png) no-repeat 0 0; overflow: hidden; } body.talent #mainWrapper { padding: 0; width: 980px; } .artistProfileTop { margin: 45px 0 0 0; padding: 0 50px 0 50px; height: 45px; } #artistProfileOuter { float: left; position: relative; margin: 0; width: 980px; height: 470px; overflow: hidden; } #profileOuter { float: left; margin: 0 0 0 0; padding: 0 0 0 50px; width: 980px; height: 430px; } #profilePhotoOuter { float: left; padding: 22px 15px 0 0; width: 250px; height: 353px; overflow: hidden; } #profileThumbsOuter { float: left; padding: 0 55px 0 0; width: 75px; height: 375px; overflow: hidden; } #profileThumbsTop { float: left; padding: 0 21px 0 21px; width: 33px; height: 22px; } #profileThumbs { float: left; width: 75px; height: 330px; overflow: hidden; } #profileThumbsBot { float: left; padding: 4px 21px 0 21px; width: 33px; height: 22px; } .profile_photo { float: left; width: 250px; height: 332px; overflow: hidden; background-image: none; background-repeat: no-repeat; background-position: 0 10px; } .profile_thumb { cursor: pointer; float: left; margin: 8px 0 7px 0; width: 75px; height: 95px; overflow: hidden; background-image: none; background-repeat: no-repeat; background-position: 0 1px; } a#btnProfileArrUp, a#btnProfileArrUp:hover, a#btnProfileArrDown, a#btnProfileArrDown:hover { display: block; float: left; width: 33px; height: 17px; text-align: left; text-indent: -9999px; background-image: url(../img/profile/bg_thumbs_arrows.png); background-repeat: no-repeat; background-position: 0 0; } a#btnProfileArrDown, a#btnProfileArrDown:hover { background-position: -33px 0; } a#btnProfileArrUp:hover { background-position: 0 -17px; } a#btnProfileArrDown:hover { background-position: -33px -17px; } .profile_photo_button { float: left; width: 100px; padding: 1px 75px 0 75px; overflow: hidden; } .btn_back_to_artists { cursor: pointer; float: right; width: 110px; height: 20px; text-indent: -9999px; overflow: hidden; background: url(../img/profile/btn_back_to_artists.png) no-repeat 0 0; } .btn_view_larger { cursor: pointer; float: left; width: 100px; height: 20px; text-indent: -9999px; overflow: hidden; background: url(../img/profile/btn_view_larger.png) no-repeat 0 0; } .btn_email { cursor: pointer; float: right; width: 110px; height: 20px; text-indent: -9999px; overflow: hidden; background: url(../img/profile/btn_email.png) no-repeat 0 0; } .btn_print { cursor: pointer; float: right; margin: 0 10px 0 0; width: 70px; height: 20px; text-indent: -9999px; overflow: hidden; background: url(../img/profile/btn_print.png) no-repeat 0 0; } #profileInfo { float: left; width: 485px;} #profileInfo h2 { padding: 50px 0 5px 0; font-size: 13px; line-height: 15px; font-weight: bold; text-transform: uppercase; color: #a13c68; border-bottom: 2px #a13c68 solid; } #profileInfoButtons { float: left; padding: 8px 0 0 0; width: 485px; height: 20px; border-top: 2px #a13c68 solid; } #profileInfoBox { float: left; padding: 5px 0 5px 0; width: 485px; } #profileInfoBox .col1 { float: left; width: 140px; } #profileInfoBox .col2 { float: right; width: 190px; } #profileInfoBox .key { padding: 10px 0 4px 0; font-size: 12px; line-height: 15px; font-weight: bold; color: #33111e; text-align: left; } #profileInfoBox .val { padding: 0 0 10px 0; font-size: 12px; line-height: 15px; font-weight: normal; color: #1b1b1b; text-align: left; } #profileInfoBox .links { float: left; padding: 5px 0 0 0; } #profileInfoBox .links a { display: block; } #profileInfoBox .links a.lnk, #profileInfoBox .links a.lnk:hover { float: left; margin: 5px 0 5px 0; padding: 0 0 0 30px; width: 160px; height: 20px; font-size: 11px; line-height: 20px; font-weight: bold; color: #a13c68; text-decoration: none; background-image: url("../img/profile/profile_icons.png"); background-repeat: no-repeat; } #profileInfoBox a.lnk_shortlist { background-position: 0 0; } #profileInfoBox a.lnk_shortlist_artist_remove { background-position: 0 -20px; } #profileInfoBox a.lnk_resume { background-position: 0 -40px; } #profileInfoBox a.lnk_compcard { background-position: 0 -60px; } #profileInfoBox a.lnk_audio { background-position: 0 -80px; } #profileInfoBox a.lnk_video { background-position: 0 -100px; } /********************************* Join *********************************/ .tBecomeFamily { float: left; margin: 0; padding: 0 0 10px 0; width: 370px; height: 32px; text-align: left; text-indent: -9999px; background: url(../img/title/txtBecomeFamily.png) no-repeat 0 0; overflow: hidden; } /********************************* Staff Profiles *********************************/ body.staff { /* background-color: #1B1518 !important; */ } body.staff #mainWrapper { padding-bottom: 40px; } .tTheTeamAtTCM { float: left; margin: 0; padding: 0 0 10px 0; width: 205px; height: 25px; text-align: left; text-indent: -9999px; background: url(../img/title/txtTheTeamAtTCM.png) no-repeat 0 0; overflow: hidden; } .staff h3 { float: left; width: 350px; } .staff01 { height: 155px; background-image: url("../img/txtMessageStaff01.png"); } .staff02 { height: 80px; background-image: url("../img/txtMessageStaff02.png"); } .profile { float: left; width: 350px; padding-top: 10px; display: inline; } .profile img { float: left; width: 100px; height: 120px; margin-right: 30px; } .profile h2 { color: #421828; padding-top: 15px; font-size: 16px; } .profile h2 em { color: #6D2459; } .profile p { float: right; width: 220px; } .therese { width: 490px !important; margin-right: 40px; } .therese p { width: 360px !important; } /********************************* Workshops *********************************/ body.workshops #mainWrapper { background-image: url("../img/gfxWorkshops.jpg"); height: 520px; } .tWorkshops { float: left; margin: 0; padding: 0 0 5px 0; width: 135px; height: 32px; text-align: left; text-indent: -9999px; background: url(../img/title/txtWorkshops.png) no-repeat 0 0; overflow: hidden; } .workshops h3 { float: right; width: 235px; height: 85px; margin: 45px 140px 0 0; background-image: url("../img/txtMessageWorkshops.png"); } .txtWorkshops2 p { padding-left: 200px; } .btnWorkshops { width: 515px; height: 35px; margin: 50px 0 0 200px; background: url("../img/btn/btnWorkshops.png") no-repeat; } .btnWorkshops a { display: block; float: left; width: 515px; height: 35px; text-indent: -9999px; text-decoration: none; } ul#subNav.workshops { width: 350px; margin-left: 370px; background-image: url("../img/btn/btnSubNavigation_Workshops.png"); } ul#subNav.workshops li a.selected, ul#subNav.workshops li a:hover { background-image: url("../img/btn/btnSubNavigation_Workshops.png") !important; } ul#subNav.workshops li a.overview { width: 120px; } ul#subNav.workshops li a.training { width: 73px; background-position: -120px 0; } ul#subNav.workshops li a.register { width: 157px; background-position: -193px 0; } /********************************* Training *********************************/ body.training #mainWrapper { background-image: url("../img/gfxTraining.jpg"); background-position: 478px 145px; } .tWorkshopTrainingEvents { float: left; margin: 0; padding: 0 0 5px 0; width: 305px; height: 32px; text-align: left; text-indent: -9999px; background: url(../img/title/txtWorkshopTrainingEvents.png) no-repeat 0 0; overflow: hidden; } .training_min_height { float: right; width: 1px; height: 500px; overflow: hidden; } .training_items { float: left; width: 620px; padding: 10px 0 50px 0; } .training_left { float: left; padding: 0 30px 5px 0; width: 250px; } .training_info { float: left; padding: 20px 0 0 0; width: 340px; } .training_photo, .training_photo_portrait { float: left; width: 250px; height: 210px; background-image: none; background-repeat: no-repeat; background-position: center; } .training_photo_portrait { height: 322px; } .training_nophoto { float: left; width: 250px; height: 0px; margin-top: 20px; } .training_title { padding: 0 0 15px 0; font-size: 13px; line-height: 20px; font-weight: bold; color: #421828; } .training_left a span { position: absolute; width: 100px; height: 120px; display: block; background: url("../img/gfxThumbnailSmallSingle.png") no-repeat; z-index: 90; } .training_desc { font-size: 13px; line-height: 20px; font-weight: normal; color: #33111e; } .training_delim { float: left; margin: 15px 0 10px 0; width: 620px; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; background: url(../img/bgTrainingDelim.png) no-repeat 0 0; } .btn_register_training { cursor: pointer; float: left; width: 250px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/btn/btnRegister.png) no-repeat 0 0; } /********************************* Register Interest *********************************/ body.register #mainWrapper { background-image: url("../img/gfxRegister.jpg"); height: 550px; } .tRegisterInterest { float: left; margin: 0; padding: 0 0 5px 0; width: 195px; height: 32px; text-align: left; text-indent: -9999px; background: url(../img/title/txtRegisterInterest.png) no-repeat 0 0; overflow: hidden; } .register_desc { font-size: 13px; } .register_col { float: left; padding: 0 40px 0 0; width: 320px; } #register_form { float: left; margin: 10px 0 0 0; width: 720px; padding: 10px 0 50px 0; } #register_form .lbl { float: left; padding: 4px 0 0 0; width: 70px; font-size: 13px; line-height: 16px; color: #252525; } #register_form .fld { float: right; padding: 0 0 15px 0; } #register_form .fld_btn { float: left; padding: 15px 0 15px 70px; } #register_form .fld_error { display: none; position: absolute; padding: 0 0 0 1px; font-size: 11px; line-height: 12px; color: #ff0000; text-align: left; } .btn_register_for_event { cursor: pointer; float: left; width: 155px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/btn/btnRegisterForEventNow.png) no-repeat 0 0; } .it_ri { padding: 5px 10px 5px 10px; width: 228px; font-size: 11px; color: #363636; background-color: #ffffff; border: 1px #a2a2a2 solid; } .ita_ri { padding: 5px 10px 5px 10px; width: 228px; height: 60px; font-family: Arial; font-size: 11px; color: #363636; background-color: #ffffff; border: 1px #a2a2a2 solid; } .is_ri { padding: 5px 5px 5px 5px; width: 250px; font-size: 11px; color: #363636; background-color: #ffffff; border: 1px #a2a2a2 solid; } table.tbc_check { border-collapse: collapse; } table.tbc_check td { padding: 0; } table.tbc_check label { padding: 0 0 0 5px; font-size: 11px; line-height: 16px; color: #363636; } .workshop_registration_success { color: #333333; padding: 20px 0 10px 0; display:none; font-weight: bold; } .workshop_registration_inprogress { color: #333333; font-style: italic; padding: 30px 0 0 0; display:none; } /********************************* News *********************************/ body.news { /* background-color: #1B1518 !important; */ } body.news #mainWrapper { height: 640px; } body.newsItem #mainWrapper { min-height: 640px; padding-bottom: 60px; } .tRecentNewsFromTCM { float: left; margin: 0; padding: 0 0 20px 0; width: 275px; height: 25px; text-align: left; text-indent: -9999px; background: url(../img/title/txtRecentNewsFromTCM.png) no-repeat 0 0; overflow: hidden; } ul#newsList li.li { float: left; width: 880px; position: relative; min-height: 140px; } ul#newsList li a { display: block; float: left; width: 100px; min-height: 20px; } ul#newsList li.li a img { display: block; float: left; } ul#newsList li.li span.img { position: absolute; width: 100px; height: 135px; display: block; background: url("../img/gfxThumbnailSmall.png") no-repeat; z-index: 90; top: 0; left: 0;} ul#newsList li.li span.no_img { position: absolute; width: 100px; height: 20px; display: block; background: url("../img/gfxThumbnailSmall.png") no-repeat 0 -115px; top: 0; left: 0; margin-top: 20px;} ul#newsList.single li.li span.img { background: url("../img/gfxThumbnailSmallSingle.png") no-repeat; z-index: 90; } ul#newsList p { float: left; width: 750px; padding: 20px 0 0 30px; } ul#newsList p em { color: #532035; font-size: 11px; font-weight: bold; } ul#newsItem.single .news_photo img {width: 200px; margin: 10px 0 10px 0;} .news_photo { float: left; width: 250px; background-image: none; background-repeat: no-repeat; background-position: 0 10px; margin:0 10px 0 0;} ul#newsItem p { float: left; width: 100%; } ul#newsItem a#backToNews { display: inline !important;} ul#newsItem a#backToNews img { padding: 0; width: 145px; height: 20px; background: url(../img/btn/btnBackToNewsListings.png) no-repeat 0 0; } .news_item { float: left; width: 600px; } .news_item .content { float: left; margin: 0 0 40px;} .news_item .content p { padding: 0; margin: 0; } .news_item .content li { padding: 0; margin: 0; width: 650px;} /********************************* Links *********************************/ body.links #mainWrapper { padding-bottom: 40px; min-height: 520px;} .tOurLinks { float: left; margin: 0; padding: 0 0 10px 0; width: 115px; height: 25px; text-align: left; text-indent: -9999px; background: url(../img/title/txtOurLinks.png) no-repeat 0 0; overflow: hidden; } #linkList .item { float: left; width: 400px; padding: 0 0 0 30px; background: url("../img/gfxLink.png") no-repeat; display: inline; } #linkList .item_desc { float:left; width: 250px; word-wrap: break-word;} #linkList .item_logo {float:right; margin: 0 30px 0 0; width: 120px; } #linkList p { color: #532035; font-weight: bold; margin: 0; } ul#linkList .divider { float: left; width: 880px; height: 40px; background: url("../img/gfxDivider.png") no-repeat; clear: both; } /********************************* Terms And Conditions *********************************/ body.terms #mainWrapper { padding-bottom: 40px; min-height: 520px;} .tTermsAndConditions { float: left; margin: 0; padding: 0 0 5px 0; width: 305px; height: 32px; text-align: left; text-indent: -9999px; background: url(../img/title/txtTermsAndConditions.png) no-repeat 0 0; overflow: hidden; } body.terms #mainWrapper p, body.terms #mainWrapper li { text-align: justify; } body.terms #mainWrapper em { display: block; margin-top: 20px; padding-bottom: 20px;} body.terms #mainWrapper li { margin-left: 20px; color: #262625; line-height: 20px; } body.terms #mainWrapper>ol>li { margin-bottom: 20px;} body.terms #mainWrapper li.decimal { list-style-type: decimal;} body.terms #mainWrapper li.llatin { list-style-type: lower-alpha;} /********************************* Contact Us *********************************/ body.contact #mainWrapper { background-image: url("../img/gfxContact.jpg"); height: 520px; } #formContact p { float: left; width: 400px; clear: both; } #formContact label { width: 100px; } #formContact .formField { width: 280px; } textarea.formField { height: 90px !important; } .btnSendEmail { float: right; width: 135px; height: 20px; border: 0; outline: 0; } .contactDetails { width: 400px; padding-top: 10px; } .contactDetails p { float: left; padding-left: 30px; background-repeat: no-repeat; } .contactEmail { background-image: url("../img/gfxContactEmail.png"); padding-right: 100px; } .contactPhone { background-image: url("../img/gfxContactPhone.png"); padding-right: 100px; } .contactMobile { background-image: url("../img/gfxContactMobile.png"); } .contactAddress { background-image: url("../img/gfxContactAddress.png"); } #contact_form { float: left; margin: 10px 0 0 0; width: 400px; padding: 0; } #contact_form .lbl { float: left; padding: 4px 0 0 0; width: 100px; font-size: 13px; line-height: 16px; color: #252525; } #contact_form .fld { float: right; padding: 0 0 15px 0; width: 300px;} #contact_form .fld_btn { float: right; padding: 15px 0 15px 100px; } #contact_form .fld_error { display: none; position: absolute; padding: 0 0 0 1px; font-size: 11px; line-height: 12px; color: #ff0000; text-align: left; } .btn_send_email { cursor: pointer; float: left; width: 135px; height: 20px; text-align: left; text-indent: -9999px; background: url(../img/btn/btnSendEmail.png) no-repeat 0 0; } .it_c { padding: 5px 10px 5px 10px; width: 278px; font-size: 11px; color: #363636; background-color: #ffffff; border: 1px #a2a2a2 solid; } .ita_c { padding: 5px 10px 5px 10px; width: 278px; height: 60px; font-family: Arial; font-size: 11px; color: #363636; background-color: #ffffff; border: 1px #a2a2a2 solid; } .is_c { padding: 5px 5px 5px 5px; width: 300px; font-size: 11px; color: #363636; background-color: #ffffff; border: 1px #a2a2a2 solid; } .tGetInTouch { float: left; margin: 0; padding: 0 0 10px 0; width: 145px; height: 25px; text-align: left; text-indent: -9999px; background: url(../img/title/txtGetInTouch.png) no-repeat 0 0; overflow: hidden; } .tEmailUs { float: left; margin: 0; padding: 0 0 10px 0; width: 105px; height: 25px; text-align: left; text-indent: -9999px; background: url(../img/title/txtEmailUs.png) no-repeat 0 0; overflow: hidden; } .tFindUs { float: left; margin: 0; padding: 0 0 10px 0; width: 90px; height: 25px; text-align: left; text-indent: -9999px; background: url(../img/title/txtFindUs.png) no-repeat 0 0; overflow: hidden; } .send_message_success { color: #333333; padding: 30px 0 0 0;} .send_error_holder { color: #ff0000; } .send_message_inprogress { color: #333333; font-style: italic; padding: 30px 0 0 0;} /********************************* ?? *********************************/ .pagination { float: left; width: 880px; text-align: center; } .numbers { position: relative; width: 500px; margin: 0 auto; } .numbers a { color: #363636; text-decoration: none; padding: 0 5px; } .numbers a.selected { color: #B14C7B; font-size: 15px; font-style: italic; font-weight: bold; } /********************************* Buttons *********************************/ a.button { float: left; width: 105px; height: 20px; border: 0; outline: none; text-indent: -9999px; background-image: url("../img/btn/btnMaster.png"); background-repeat: no-repeat; } a.button:hover { -khtml-opacity: 0.8; opacity: 0.8; } .button.apply { background-position: 0 0; } .button.next { background-position: 0 -20px; float: right !important; } .button.back { background-position: 0 -40px; } /********************************* 03. Footer Content *********************************/ #footerWrapper { position: relative; float: left; width: 100%; height: 195px; margin-top: -40px; clear: both; background: #100C0C url("../img/gfxFooter.png") no-repeat top center; display: inline; z-index: 10; } #footerContent { width: 980px; height: 135px; margin: 0 auto; padding-top: 60px; } #footerContent .left { float: left; width: 225px; } #footerContent .right { float: right; } #footerCopyright { float: left; width: 225px; height: 9px; text-align: left; text-indent: -9999px; background: url(../img/txtCopyright.png) no-repeat 0 0; overflow: hidden; } #footerPhone { float: left; margin: 5px 0 0 0; width: 117px; height: 19px; text-align: left; text-indent: -9999px; background: url(../img/txtPhone.png) no-repeat 0 0; overflow: hidden; } #footerCredits { text-align: right; font-family: Arial; font-size: 10px; line-height: 12px; letter-spacing: -0.5px; text-transform: uppercase; color: #9f4068; } #footerCredits a, #footerCredits a:hover { color: #9f4068; text-decoration: none; } #footerCredits a.active, #footerCredits a:hover.active { color: #9f4068; text-decoration: none; } #footerCredits span { padding: 0 10px; } /********************************* TOOLTIPS *********************************/ #tcm_tooltip { position: absolute; z-index: 50; padding: 0 0 12px 0; width: 160px; background: url(../img/tcm_tooltip_bot.png) no-repeat left bottom; display: block; overflow-y: hidden; } #tcm_tooltip .tcm_tooltip_top { height: 5px; font-size: 1px; line-height: 1px; background: url(../img/tcm_tooltip_top.png) no-repeat left top; overflow: hidden; } #tcm_tooltip .tcm_tooltip_mid { padding: 0 10px 0 10px; font-size: 10px; line-height: 12px; color: #ffffff; text-align: center; text-transform: uppercase; background: url(../img/tcm_tooltip_mid.png) repeat-y left top; } .tcm_tooltip { /* be careful */ } /************************************************************/