@CHARSET "ISO-8859-1"; /**************************************** CSS Reset ********************************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em, th,var { font-style: normal; font-weight: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before,q:after { content: ''; } abbr,acronym { border: 0; } em { font-style: italic; } .hr{width: 100%;border-top: 1px dotted #bbb; margin-bottom:5px; height: 1px;} /****************************************** Global Styles ***************************************/ body { padding-bottom: 30px; } a { color: #14486B; text-decoration: none; } a:hover { text-decoration: underline; } a:active { border:none; outline:none; } a { border:none; outline:none; } a.gold { color: #926522} div, p, th, td, button, li { font-size: 12px; line-height: 1.4em; font-weight: normal; font-family: Verdana, Helvetica, Arial, sans-serif; } ul.bullet1 { list-style-type: disc; list-style-image: none; list-style-position: outside; margin:0.35em 0 1.35em 40px; } ul.bullet1 li { margin: 5px 0px; color: #333; } ul.bullet2 { list-style-type: decimal; margin:0.35em 0 1.35em 50px; } ul.bullet2 li { font-size: 14px; color: #666; padding-bottom: 10px; } ol.bullet1 { list-style-type: decimal; list-style-image: none; list-style-position: outside; margin:0.35em 0 1.35em 50px; color: #333; } ol.bullet1 li { margin: 0.4em 0; 0px; font-size: 21px; color: #999; font-weight: bold; font-family: "Times New Roman" !important; font-style: italic; } ol.bullet1 li p { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; color: #666; font-style: normal; margin: 0; } ol.bullet2 { list-style-type: decimal; margin:0.35em 0 1.35em 40px; } ol.bullet2 li { margin: 5px 0px; color: #333; } ol.normal { list-style-position: inside; list-style-type: decimal;} ul.stylized-check { list-style-type: none; list-style-image: none; list-style-position: outside; margin: 0.35em 0 1.35em 20px; } ul.stylized-check li { font-size: 14px; color: #666; padding-left: 30px; padding-bottom: 10px; background: url('/themes/default/images/marketplace/icon-sprites.png') no-repeat 0 -300px; } h1.msg { background: url('/themes/default/images/marketplace/header-sprites.png') no-repeat 0 0; text-indent: -10000px; display: block; margin: 0 0 25px; } h1.msg-register { width: 94px; height: 23px; } h1.msg-login { width: 231px; height: 23px; background-position: 0 -60px; } h1.msg-requestproject { width: 352px; height: 25px; background-position: 0 -120px; } h1.msg-partnerships { width: 141px; height: 23px; background-position: 0 -180px; } h1.msg-thankyou { width: 125px; height: 23px; background-position: 0 -240px; } h1.msg-services { width: 125px; height: 23px; background-position: 0 -360px; } h1.msg-platform { width: 125px; height: 23px; background-position: 0 -420px; } h1.msg-videogallery { width: 151px; height: 23px; background-position: 0 -480px; } h1.msg-passwordrescue{ width: 265px; height: 23px; background-position: 0 -300px; } h1.msg-videoproductionservices{ width: 315px; height: 23px;background-position: 0 -540px; } h1.msg-contactus { width: 135px; height: 23px; background-position: 0 -595px; } h1.msg-aboutourprograms { width: 241px; height: 23px; background-position: 0 -716px; } h1.msg-videographerswanted { width: 264px; height: 23px; background-position: 0 -776px; } h1.msg-joinus { width: 100px; height: 23px; background-position: 0 -835px; } h1.msg-aboutus {width: 119px; height: 28px; background-position: 0 -654px; } h1.msg-agent { width: 250px; height: 24px; background-position: 0 -895px; } h1.msg-agencyprog { width: 256px; height: 24px; background-position: 0 -955px; } h1.msg-howitworks { width: 270px; height: 24px; background-position: 0 -1015px; } h1.msg-videobusiness { width: 250px; height: 24px; background-position: 0 -1075px; } h1.msg-ourvideographers { width: 300px; height: 24px; background-position: 0 -1135px; } h1.msg-bbn3videoplatform { width: 244px; height: 24px; background-position: 0 -1195px; } h1.msg-whatyouget { width: 170px; height: 24px; background-position: 0 -1255px; } h1.msg-privacypolicy { width: 160px; height: 24px; background-position: 0 -1315px; } h1.msg-termsofuse { width: 260px; height: 24px; background-position: 0 -1375px; } h1.msg-login { width: 62px; height: 23px; background-position: 0 -1460px; } h1.msg-videographers { width: 166px; height: 23px; background-position: 0 -1520px; } h1.msg-termsandconditions { width: 260px; height: 23px; background-position: 0 -1580px; } h1.msg-adprprogram { width: 328px; height: 23px; background-position: 0 -1640px; } h1.msg-aboutourstyle { width: 260px; height: 23px; background-position: 0 -1700px; } h1.msg-welcome { width: 109px; height: 23px; background-position: 0 -1760px; } h1.msg-casestudies { width: 151px; height: 23px; background-position: 0 -1820px; } h1.msg-casestudy { width: 131px; height: 23px; background-position: 0 -1880px; } h1.msg-business { width: 150px; height: 23px; background-position: 0 -1940px; } h1.msg-404 { width: 511px; height: 23px; background-position: 0 -2000px; } h1.msg-sitemap { width: 110px; height: 23px; background-position: 0 -2060px; } h1.msg-whybbn3 { width: 140px; height: 23px; background-position: 0 -2120px; } h1.msg-whyvideo { width: 140px; height: 23px; background-position: 0 -2180px; } h1.msg-videoforbusiness { width: 230px; height: 23px; background-position: 0 -2240px; } h1.msg-claimwhatisyours { width: 230px; height: 23px; background-position: 0 -2300px; } h1.msg-bbn3-marketplace-video { width: 370px; height: 50px; background-position: 0 -2360px; } h1 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 22px; margin: 0 0 1.2em; color: #444; } h2 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 18px; margin: 0 0 1.2em; color: #444; } h3 { font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; margin: 1.5em 0 0.9em; color: #444; line-height: 1.4em; } h3.first-child {margin-top:0px;margin:0 0 0 0;} h4 { font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; margin: 0 0 1.2em; color: #444; } h4.nobottommargin { margin-bottom:0px; } p { margin: 0.35em 0 1.35em; color: #333; } p.bigfont { font-size: 16px; } .quote { font-family: 'Times New Roman', serif; font-size:14px; font-style:italic;color:#666;font-weight:bold;line-height:140%;} .quote-gold{margin-top:20px; line-height:19px; font-family:'Times New Roman', Times, serif; font-size:17px; font-style:italic; color:#a1884d;} .quote-gold.quote-from { font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 11px; font-style: normal; } .callout { font-size: 14px; margin: 60px 0 0; overflow: hidden; } .callout a { text-decoration: none; } .callout .arrow-button { display: inline-block; padding-top: 5px; background: transparent url(/themes/default/images/marketplace/sprites.png) no-repeat 0 0px; width: 26px; height: 16px; vertical-align: baseline; text-decoration: none;} .callout .quote-gold { margin: 4em 0 0.5em; } .callout .quote-gold.quote-from { margin: 0; } .sidebar h1.msg { margin: 0 0 15px; } .errortext {color:red;font-weight:bold;} img.align-right { float: right; margin-left: 20px; margin-bottom: 15px; } .arrow-button { float: left; padding-top: 5px; background: transparent url(/themes/default/images/marketplace/sprites.png) no-repeat 0 0px; width: 26px; height: 16px; position: relative; top: -3px; } .reminder { font-size:12px; font-style:italic;} /******************************************* Forms *****************************************/ .form-item { margin: 0; padding: 6px 0; border-top: 1px solid transparent; } .form-item > label { color: #777; width: 130px; display: block; float: left; margin-right: 20px; text-align: right; padding-top: 3px; } .form-item .description { margin: 3px 0 0 150px; font-size: 0.9em; color: #777; } .form-item .checkbox-description { font-size: 0.9em; color: #777; } .form-item button { margin: 10px 0 0 150px; } .form-item-error { border-top: 1px solid #ffb4b4; background-color: #ffe5e5; } .form-item-error > label { color: #b20000; } .form-item-error label.error { float: none; width: auto; margin: 0 0 0 150px; text-align: left; font-size: 0.9em; } .form-item-error label.error-empty { height: 0px; } .form-item select { font-family: Helvetica, Arial, sans-serif; font-size: 12px; padding: 3px 2px; height: 25px; border: solid 1px #a5acb2; } .form-text, .form-password { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #666666; border: solid 1px #a5acb2; padding: 2px; height: 21px; width: 200px; } .form-item textarea, .textarea { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #666666; border: 1px solid #a5acb2; padding: 2px; width: 300px; height: 100px; } .form-checkbox { margin-right: 8px; } form .error-box { border: 1px solid #ff7e7e; background-color: #ffe5e5; display: none; margin-bottom: 40px; } form .error-box.ok { display: block; } form .error-box .inside { margin: 20px; } form .error-box label.error { display: block; margin: 3px 0; } button { position: relative; cursor: pointer; overflow: visible; padding: 0; border: 0; } button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */ } .roundbtn { cursor: pointer; position: relative; height: 30px; background: url('/themes/default/images/marketplace/1.1/form-button.png') no-repeat 0 0; } a.roundbtn { display: inline-block; } a.roundbtn:hover { text-decoration: none; } button:hover .roundbtn, .roundbtn:hover { background-position: 0 -60px; } button:active .roundbtn, .roundbtn:active { background-position: 0 -120px; } .roundbtn > span { white-space: nowrap; display: block; position: relative; height: 18px; background: url('/themes/default/images/marketplace/1.1/form-button.png') no-repeat 100% -30px; color: #fff; font-weight: bold; padding: 6px 20px; margin-left: 33px; } button:hover .roundbtn > span, .roundbtn:hover > span { background-position: 100% -90px; } button:active .roundbtn > span, .roundbtn:active > span { background-position: 100% -150px; } .roundbtn-org { background-position: 0 -180px; height: 32px; } button:hover .roundbtn-org, .roundbtn-org:hover { background-position: 0 -244px; } button:active .roundbtn-org, .roundbtn-org:active { background-position: 0 -308px; } .roundbtn-org > span { height: 20px; margin-left: 34px; background-position: 100% -212px; } button:hover .roundbtn-org > span, .roundbtn-org:hover > span { background-position: 100% -276px; } button:active .roundbtn-org > span, .roundbtn-org:active > span { background-position: 100% -340px; } .roundbtn-brown { background-position: 0 -372px; height: 32px; } button:hover .roundbtn-brown, .roundbtn-brown:hover { background-position: 0 -436px; } button:active .roundbtn-brown, .roundbtn-brown:active { background-position: 0 -500px; } .roundbtn-brown > span { height: 20px; margin-left: 34px; background-position: 100% -404px; } button:hover .roundbtn-brown > span, .roundbtn-brown:hover > span { background-position: 100% -468px; } button:active .roundbtn-brown > span, .roundbtn-brown:active > span { background-position: 100% -532px; } .roundbtn-darkblue { background-position: 0 -564px; height: 30px; } button:hover .roundbtn-darkblue, .roundbtn-darkblue:hover { background-position: 0 -624px; } button:active .roundbtn-darkblue, .roundbtn-darkblue:active { background-position: 0 -684px; } .roundbtn-darkblue > span { height: 20px; margin-left: 33px; background-position: 100% -594px; } button:hover .roundbtn-darkblue > span, .roundbtn-darkblue:hover > span { background-position: 100% -654px; } button:active .roundbtn-darkblue > span, .roundbtn-darkblue:active > span { background-position: 100% -714px; } .bg-sprite { background: url('/themes/default/images/marketplace/sprites.png') no-repeat 0 -180px; } .bg-gradient { background: url('/themes/default/images/marketplace/1.1/gradients.png') repeat-x 0 0; } /*************************************** Icons *********************************************/ .icon-text { display: inline-block; background: url('/themes/default/images/marketplace/icon-sprites.png') no-repeat 0 0; } .icon-text.not-found { width: auto; } .icon-bullet { height: 23px; padding: 3px 0 0 28px; } .icon-bulletd { height: 23px; padding: 3px 0 0 28px; background-position: 0 -250px; } /* a.icon-text.icon-bullet { width: 150px; } */ .icon-l-folder { height: 30px; padding: 5px 0 0 39px; background-position: 0 -50px; } .icon-l-camera { height: 30px; padding: 5px 0 0 37px; background-position: 0 -100px; } .icon-l-tick { height: 30px; padding: 5px 0 0 33px; background-position: 3px -147px; } .icon-l-quote { height: 30px; padding: 5px 0 0 37px; background-position: 0 -200px; } .icon-l-videocamera { height: 30px; padding: 5px 0 0 37px; background-position: 0 -400px; } .icon-pdf {height: 18px; padding: 0px 0 0 20px; background-position: 0 -500px; } .icon-search {height: 18px; padding: 0px 0 0 20px; background-position: 0 -550px; } .icon-word {height: 18px; padding: 0px 0 0 20px; background-position: 0 -600px; } .icon-document {height: 16px; padding: 0px 0 0 20px; background-position: 0 -650px; } .icon-camcorder-pencil {height: 16px; padding: 0px 0 0 20px; background-position: 0 -700px; } .icon-worldconnect {height: 20px; padding: 0px 0px 0px 20px; background-position: 0 -750px; } /************************************* Global Layouts **************************************/ .main-container { width: 984px; margin: 0 auto; position: relative; } /* Left-floating sidebar: 230px | * */ .layout1 {} .layout1 > .sidebar { width: 230px; float: left; } .layout1 > .main-content { margin-left: 270px; } /* Right-floating sidebar: * | 260px */ .layout2 {} .layout2 > .sidebar { width: 290px; float: right; } .layout2 > .main-content { margin-right: 310px; } /* Right-floating sidebar: * | 160px */ .layout2b {} .layout2b > .sidebar { width: 250px; float: right; } .layout2b > .main-content { margin-right: 260px;} .layout2b .thumb {width: 82px; height: 47px; } /* Right-floating sidebar: * | 104px */ .layout2c {} .layout2c > .sidebar { width: 50px; float: left; } .layout2c > .main-content { margin-left: 100px; } /* Right-floating sidebar (thin padding): * | 300px */ .layout2d {} .layout2d > .sidebar { width: 300px; float: right; } .layout2d > .main-content { margin-right: 310px; } .layout2d > .main-content .content p.quote { font-style: normal; } /* Left-floating sidebar (thin padding) : 300px | * */ .layout2e {} .layout2e > .sidebar { width:300px; float: left; } .layout2e > .main-content { margin-left: 310px; } /* (LEGACY) Right-floating sidebar: 240px | * */ .layout2-240 {} .layout2-240 .layout-sidebar { float: right; width: 240px; } .layout2-240 .layout-main { margin-right: 245px; } /* Right-floating sidebar with border: * | 330px */ .layout3 {} .layout3 > .sidebar { width: 330px; float: right; padding-left: 30px; border-left: 1px solid #ddd; } .layout3 > .main-content { margin-right: 400px; } /* Left-floating sidebar with border: 330px | * */ .layout4 {} .layout4 > .sidebar { width: 380px; float: left; padding-left: 30px; border-right: 1px solid #ddd; } .layout4 > .main-content { margin-left: 450px; } /* equal cols */ .layout-2col { width: 100%; position: relative;} .layout-2col > .leftcol { width: 319px; float: left; padding: 0 ;margin-right: 20px;} .layout-2col > .rightcol { width: 319px; float: left; padding: 0 } /* Breadcrumbs */ .breadcrumbs { margin: 0 0 20px; color: #777; font-size: 11px; } .breadcrumbs a { color: #777; } .breadcrumbs span { color: #008fd4; } /* Sidebar Menu */ .sidebar > ul.menu {} .sidebar > ul.menu > li { display: block; border-top: 1px dotted #bbb; } .sidebar > ul.menu > li > a, .sidebar > ul.menu > li > span { display: block; padding: 5px 10px; font-size: 1.2em; margin: 3px 0; } .sidebar > ul.menu > li > a:hover { color: #a1884d; } .sidebar > ul.menu > li > span { background-color: #e5edfa; } /**************************************** home_intro_box **********************************/ .home_intro_box { margin-right: 9px; float: left; background:#FFFFFF none repeat scroll 0 0; width:322px; font-family:Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color: #707070; } .home_intro_box .titlebox { height:95px; } .home_intro_box .contentbox {} .home_intro_box .content { padding: 5px 0px 5px 15px; overflow: hidden; width:300px; position:relative; height: 300px; } .home_intro_box .content ul.bullet1 { position: absolute; left: 20px; top: 150px; } .home_intro_box .content ul.bullet1 li { font-size:11px; font-weight: bold; color: #a1884d;} .home_intro_box .bottombox { height:22px; } .home_intro_box .text { margin-top:18px; font-size:12px; } .home_intro_box .boldtext { margin-top: 5px; font-size: 14px; font-weight: bold; line-height: 120%; } .home_intro_box .list_title { color:#a1884d; font-style:italic; font-family:Baskerville, 'Times New Roman', Times, serif; font-size:16px; margin-top: 25px } .home_intro_box .box_button { text-align: center; position:absolute; bottom: 10px; width: 286px; } .home_intro_box .box_button .roundbtn { margin-left: auto; marign-right: auto;} /******************************************** Stat Box ***********************************************/ .statbox { width: 300px; float: right; margin: 0 0 10px 20px; } .statbox .tr { height: 6px; padding-right: 10px; background: url(images/marketplace/statbox-sprite.png) no-repeat 100% -6px; overflow: hidden; } .statbox .tl { height: 6px; background: url(images/marketplace/statbox-sprite.png) no-repeat 0 0; overflow: hidden; } .statbox .mbg { background: #e6edfa url(images/marketplace/1.1/gradients.png) 0 -223px repeat-x; overflow: hidden; } .statbox .ml { background: url(images/marketplace/statbox-sprite.png) no-repeat 0 -24px; overflow: hidden; } .statbox .mr { background: url(images/marketplace/statbox-sprite.png) no-repeat 100% -24px; overflow: hidden; } .statbox .br { height: 6px; padding-right: 10px; background: url(images/marketplace/statbox-sprite.png) no-repeat 100% -18px; overflow: hidden; } .statbox .bl { height: 6px; background: url(images/marketplace/statbox-sprite.png) no-repeat 0 -12px; overflow: hidden; } .statbox p { margin-left: 85px !important; color: #003663; } .statbox p.stat { margin: 18px 20px 0.4em; font-size: 1.2em; font-style: italic; } .statbox p.stat-from { margin: 0 20px 12px; font-size: 0.9em; } .statbox .statbox-icon { width: 45px; height: 47px; float: left; background: url('images/marketplace/icon-sprites.png') no-repeat 0 -450px; margin: 18px 0 15px 25px; } #statbox-programs { width: 330px; } #statbox-adprfirms { width: 380px; } #statbox-howtheywork { width: 260px; } #statbox-businesses { width: 340px; margin-top: 10px; margin-bottom: 20px; } /*************************************** whitebox ******************************************/ .whitebox { margin-bottom: 10px; } .whitebox .lefttopcorner { background: transparent url(images/marketplace/footer-edge.png) 0px -10px no-repeat; height:10px; } .whitebox .righttopcorner { background: transparent url(images/marketplace/footer-edge.png) right top no-repeat; height:10px; } .whitebox .leftbottomcorner { background: transparent url(images/marketplace/footer-edge.png) 0px -20px no-repeat; height:17px; } .whitebox .rightbottomcorner { background: transparent url(images/marketplace/footer-edge.png) right -37px no-repeat; height:16px; } .whitebox .leftborder { background: transparent url(images/marketplace/footer-sideborder.png) 0 0 repeat-y; } .whitebox .rightborder { background: transparent url(images/marketplace/footer-sideborder.png) right 0 repeat-y; margin-left: 5px; padding-right: 5px; } .whitebox .content { padding: 5px 15px 5px 10px; overflow: hidden; } /**************************************** green-header box *****************************************/ .green-header-box { margin-right: 9px; } .green-header-box .titlebox { background: url(images/marketplace/greenbox.png) no-repeat 0 0; } .green-header-box .contentbox { background: url(images/marketplace/greenbox.png) repeat-y -333px 0; } .green-header-box .bottombox { background: url(images/marketplace/greenbox.png) no-repeat scroll 0 -94px; } .green-header-box .content { background: url(/themes/default/images/marketplace/homepage-greebox-image.jpg) no-repeat 100% 100%; } /**************************************** orange-header box *************************************/ .orange-header-box { margin-right: 0; } .orange-header-box .titlebox { background: url(images/marketplace/orangebox.png) no-repeat 0 0; } .orange-header-box .contentbox { background: url(images/marketplace/orangebox.png) repeat-y -333px 0; } .orange-header-box .bottombox { background: url(images/marketplace/orangebox.png) no-repeat scroll 0 -94px; } .orange-header-box .content { background: url(/themes/default/images/marketplace/homepage-orangebox-image.jpg) no-repeat 100% 100%; } /**************************************** red-header box *****************************************/ .red-header-box { margin-right: 9px; } .red-header-box .titlebox { background: url(images/marketplace/redbox.png) no-repeat 0 0; } .red-header-box .contentbox { background: url(images/marketplace/redbox.png) repeat-y -333px 0; } .red-header-box .bottombox { background: url(images/marketplace/redbox.png) no-repeat scroll 0 -94px; } .red-header-box .content { background: url(/themes/default/images/marketplace/homepage-redbox-image.jpg) no-repeat 100% 100%; } /***************** style 2 ( FOR PERVIEW ) ***********************************************/ .style2 .green-header-box .content { background: none; } .style2 .red-header-box .content { background: none; } .style2 .orange-header-box .content { background: none; } .style2 .home_intro_box .content { height: 270px; } .style2 #testhome { display: block }; /*****************************************blue-header box ****************************************/ .big-blue-header-box { margin-right: 9px; } .big-blue-header-box .titlebox { background: url(images/marketplace/bluebox-big.png) no-repeat 0 0; } .big-blue-header-box .contentbox { background: url(images/marketplace/bluebox-big.png) repeat-y -333px 0; } .big-blue-header-box .bottombox { background: url(images/marketplace/bluebox-big.png) no-repeat scroll 0 -94px; } /*****************************************4 steps orange box **************************************/ .four-steps-orange-box { position:relative; width: 645px; display:block; margin-bottom:20px;} .four-steps-orange-box .titlebox { background: url(images/marketplace/1.1/four-steps-orange-box.png) no-repeat 0 0; height: 47px; } .four-steps-orange-box .contentbox { height:105px; background: url(images/marketplace/four-steps-orange-box.png) repeat-y -674px 0; width:645;} .four-steps-orange-box .content1 { position: absolute; top: 55px; left: 15px; width: 140px;} .four-steps-orange-box .content2 { position: absolute; top: 55px; left: 175px; width: 140px;} .four-steps-orange-box .content3 { position: absolute; top: 55px; left: 335px; width: 140px;} .four-steps-orange-box .content4 { position: absolute; top: 55px; left: 495px; width: 140px;} .four-steps-orange-box p { color: #707070; font-size: 11px; } .four-steps-orange-box .bottombox { background: url(images/marketplace/four-steps-orange-box.png) no-repeat scroll 0 -47px; height: 4px;} /***************************************** small blue-header box ****************************************/ .blue-header-box { width: 199px; float: left; margin: 0 17px 20px 0; } .blue-header-box .titlebox { background: url(images/marketplace/1.1/bluebox.png) no-repeat 0 0; height:50px; width: 199px; } .blue-header-box.partnership-mini-box .titlebox .title { font-family: Helvetica, Arial, sans-serif; } .blue-header-box .title { font-weight: bold; color: #ffffff; font-size: 14px; padding-top: 17px; padding-left: 12px; } .blue-header-box .contentbox { height: 120px; width:196px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; margin-left: 1px; } .blue-header-box .content { padding: 0 15px; line-height: normal; height: 105px; } .blue-header-box .content p { color: #707070; font-size: 11px; } .blue-header-box .content ul { margin: 10px 0 10px 10px; } .blue-header-box .content li { color: #707070; font-size: 11px; } .blue-header-box .content .blueboxbullet { color: #707070; font-size: 11px; list-style-type: disc; padding-left: 10px; } .blue-header-box .content .blueboxbullet li { margin: 0.3em 0; } .blue-header-box .bottombox { background: url(images/marketplace/bluebox.png) no-repeat 0 -51px; height:4px; width:199px; } .box-thin-padding .content { padding: 0 10px 0 5px; } .top-box > .leftborder > .rightborder > .content { padding: 20px 0 0 15px; } .top-box .main-content { margin-right: 30px; } .padded-box .main-content { margin: 25px; } .image-box { margin-bottom: 10px; } .top-box-theme > .leftborder > .rightborder > .content { padding: 20px 25px 0 20px; } .stylized-box {} .stylized-box h2 { color: #666; padding-bottom: 0.4em; margin: 0.4em 0 0.8em; border-bottom: 1px solid #e3e3e3; } .stylized-box .content { padding:0 10px } .image-box-674 { position: relative; width: 674px; height: 197px; background: url(images/marketplace/image-box-674.png) no-repeat 0 0; margin-bottom: 10px;} .image-box-674 .image-box-inside { overflow:hidden; width: 674px; height: 197px;} #widebox-howitworks.image-box-674 .image-box-inside { background: url(images/marketplace/image-box-674-howitworks.png) no-repeat 100% 0;} #widebox-guarantee.image-box-674 .image-box-inside { background: url(images/marketplace/image-box-674-guarantee.png) no-repeat 100% 0;} #widebox-aboutus.image-box-674 .image-box-inside { background: url(images/marketplace/image-box-674-aboutus.jpg) no-repeat 100% 0;} #widebox-marketplace.image-box-674 .image-box-inside { background: url(images/marketplace/register-image1.png) no-repeat 98% 30px;} .image-box-674 .content { position:relative; float:left; width: 400px; height: 197px; overflow: hidden; padding: 10px 0 10px 15px; } .image-box-674 .content p { font-style: normal; font-size:12px; font-family: Verdana,Helvetica,Arial,sans-serif; font-weight: normal; color: #666; } .image-box-674 .content a.icon-text { position: absolute; bottom: 40px; right: 15px; } #widebox-aboutus p { width: 400px; } #widebox-guarantee .content { width:370px; } #widebox-guarantee .content p.first-child { margin: 4px 0px 10px 0px } #widebox-guarantee .content p { margin: 0px } /***************************************** Orange Background Box ************************************/ .orange-box { width: 300px; height: 197px; background: url('/themes/default/images/marketplace/1.1/orng-box-bg.png') no-repeat 0 0; overflow: hidden; } .orange-box > .inside { margin: 15px 21px 22px 15px; text-align: center; } .orange-box h2 { border-bottom: 1px solid #fff; padding-bottom: 0.5em; margin-bottom: 0.4em; font-size: 20px; text-align: left; color: #fff; } .orange-box p { font-weight: bold; text-align: left; color: #fff; } .orange-box ul { margin: 0.35em 0 1.00em 40px; } .orange-box ul li { text-align: left; color: #fff; } .orange-box .roundbtn { margin: 0 auto; } .orange-box.orange-box-noshadow { width: 294px; height: 190px; background-position: 0 -197px; } .orange-box-neighbor > .leftborder > .rightborder { height: 169px; } .two-column-botbox.stylized-box p.quote {width: 430px; } .two-column-botbox.stylized-box img {float:right; position: relative; bottom: 25px;} .two-column-botbox.stylized-box a.icon-text {position:relative; left: 280px; bottom: 10px;} /***************************************** Green Background Box ****************************************/ .green-box { width: 300px; height: 197px; background: url('/themes/default/images/marketplace/green-box-bg.png') no-repeat 0 0; overflow: hidden; } .green-box > .inside { margin: 15px 21px 22px 15px; text-align: center; } .green-box h2 { border-bottom: 1px solid #fff; padding-bottom: 0.5em; margin-bottom: 0.6em; font-size: 20px; text-align: left; color: #fff; } .green-box p { font-weight: bold; text-align: left; color: #fff; } .green-box ul li { text-align: left; color: #fff; margin: 3px 0; } .green-box .roundbtn { margin: 0 auto; } .green-green-box-noshadow { width: 294px; height: 190px; background-position: 0 -197px; } /*************************************** Services-Video Production Green, Orange, and Red Boxes ********************/ .colorbox-container { width: 100%; height: auto; clear: right; margin-bottom: 20px; overflow: hidden; } .colorbox { width: 316px; float: left; margin-left: 20px; } .colorbox:first-child { margin-left: 0; } .colorbox .colorbox-header { overflow: hidden; height: 62px; background: url('/themes/default/images/marketplace/1.1/box-elements.png') no-repeat; } .colorbox .colorbox-header h3 { font-family: Helvetica, Arial, Sans Serif; margin: 20px 10px 0 10px; color: #fff; } .colorbox .colorbox-content { padding: 0px 15px; border-left: 1px solid #BBB; border-right: 1px solid #BBB; overflow: hidden; position: relative; } .colorbox .colorbox-content ul.bullet1 { margin-left: 15px; margin-bottom: 10px; } .colorbox .colorbox-content ul.bullet1 li { color: #666; } .colorbox .colorbox-content ol.bullet2 { margin-left: 20px; margin-bottom: 10px; } .colorbox .colorbox-content ol.bullet2 li { color: #666; } .colorbox .colorbox-content p { color: #666; } .colorbox .bottom-border { height: 9px; background: url('/themes/default/images/marketplace/box-elements.png') no-repeat 0 -62px; overflow: hidden; } .colorbox-green .colorbox-header { background-position: 0 0px; } .colorbox-orange .colorbox-header { background-position: -316px 0px; } .colorbox-blue .colorbox-header { background-position: -632px 0px; } /******************************************** Page Header ********************************************/ #main-header { margin-bottom: 10px; position: relative; z-index: 100; } #main-header #header-logo { margin-top: 60px; } #main-header #header-request { position: absolute; right: 0; bottom: 8px; height: 23px; width: 315px; background-position: 0 -34px; } #main-header #header-request a { float: right; display: block; margin-right: 6px; padding: 3px 0 0 28px; height: 23px; background-position: 0 0; } #main-header #terms-signout-link { position: absolute; bottom: 12px; right: 6px; } #main-header.cp-header #live-help-btn { position: absolute; right: 0; top: 15px; height: 51px; width: 150px; } #main-header.cp-header .partner-logo { position: absolute; bottom: 10px; right: 10px; } #header-menu-container { height: 41px; background: url('/themes/default/images/marketplace/1.1/header-nav-sprites.png') repeat-x 0 34px; margin-top: 10px; } #header-menu { background-color: #698091; height: 34px; } #header-menu > ul { margin: 0 auto; padding: 0; height: 34px; display: block; width: 984px; } #header-menu > ul > li { display: block; float: left; position: relative;} #header-menu > ul > li > a { display: block; width: 100%; height: 34px; color: #fff; text-align: center; font-size: 17px; font-weight: bold; font-family: Helvetica, Arial, Sans Serif; } #header-menu > ul > li > a:hover, #header-menu > ul > li.active > a, #header-menu > ul > li.selected > a { background-color: #d2d9de; color: #000; text-decoration: underline; } #header-menu > ul > li > a span { display: inline-block; padding: 9px 0 0; position: relative; cursor: pointer; } #header-menu > ul > li > a:hover span, #header-menu > ul > li > a.active span, #header-menu > ul > li > a.selected span { text-decoration: underline; } #header-menu > ul > li#header-menu-services > a { width: 195px; } #header-menu > ul > li#header-menu-partnerships > a { width: 196px; } #header-menu > ul > li#header-menu-platform > a { width: 196px; } #header-menu > ul > li#header-menu-gallery > a { width: 196px; } #header-menu > ul > li#header-menu-order > a { width: 201px; } #header-menu > ul > li#header-menu-dashboard > a { width: 262px; } #header-menu > ul > li#header-menu-messages > a { width: 248px; } #header-menu > ul > li#header-menu-account > a { width: 240px; } #header-menu > ul > li#header-menu-signout > a { width: 234px; } #header-menu > ul > li#header-menu-whyvideo > a { width: 168px; } #header-menu > ul > li#header-menu-whybbn3 > a { width: 141px; } #header-menu > ul > li#header-menu-whatyouget > a { width: 179px; } #header-menu > ul > li#header-menu-gallery > a { width: 194px; } #header-menu > ul > li#header-menu-aboutus > a { width: 151px; } #header-menu > ul > li#header-menu-signup > a { width: 151px; } #header-menu > ul > li#header-menu-ec-welcome > a { width: 158px; } #header-menu > ul > li#header-menu-ec-myvideos > a { width: 168px; } #header-menu > ul > li#header-menu-ec-messages > a { width: 168px; } #header-menu > ul > li#header-menu-ec-account > a { width: 148px; } #header-menu > ul > li#header-menu-ec-support > a { width: 158px; } #header-menu > ul > li#header-menu-ec-signout > a { width: 168px; } #header-menu > ul > li#cp-header-menu-order_video > a { width: 160px; } #header-menu > ul > li#cp-header-menu-dashboard > a { width: 160px; } #header-menu > ul > li#cp-header-menu-messages > a { width: 160px; } #header-menu > ul > li#cp-header-menu-account > a { width: 160px; } #header-menu > ul > li#cp-header-menu-resources > a { width: 160px; } #header-menu > ul > li#cp-header-menu-signout > a { width: 160px; } #header-menu > ul > li.down-arrow > a > span { margin-left: -10px; } #header-menu > ul > li .down-arrow { position: absolute; top: 14px; right: -15px; background: transparent url('/themes/default/images/marketplace/1.1/header-nav-sprites.png') repeat-x scroll 0 -40px; width: 8px; height: 8px; } #header-menu > ul > li.active .down-arrow { background-position: 0 -60px; } /*************************************** Page Header SubNav *********************************************/ #header-menu > ul li ul.subnav { list-style: none; background: #fff; margin: 0 8px 0 2px; padding: 0 0 3px; display: block; overflow: hidden; } #header-menu > ul li ul.subnav li { padding: 0; border-top: 1px dotted #bbb; padding: 3px 0 0; margin: 3px 0; } #header-menu > ul li ul.subnav li:first-child { border-top: 1px solid #fff; padding:0px } #header-menu > ul li ul.subnav li a { background: none; display: block; padding: 5px 60px 5px 10px; white-space: nowrap; } #header-menu > ul li ul.subnav li a:hover { background-color: #E5EDFA; color: #000; } .subnavlist { position: absolute; left: 0; margin:0; padding: 0; z-index: 1000; display: none; width: 104%;} .listleftborder { background: transparent url(images/marketplace/1.1/subnav-edges2.png) 0 0 repeat-y; } .listrightborder { background: transparent url(images/marketplace/1.1/subnav-edges2.png) right 0 repeat-y; margin-left: 10px; padding-right: 10px; } .listleftbottomcorner { background: transparent url(images/marketplace/1.1/subnav-edges1.png) 0px -10px no-repeat; height: 10px; margin-right: 18px; } .listrightbottomcorner { background: transparent url(images/marketplace/1.1/subnav-edges1.png) right -20px no-repeat; height: 15px; } .listlefttopcorner { background: transparent url(images/marketplace/1.1/subnav-edges1.png) 0px 0px no-repeat; height: 5px; margin-right: 15px; } .listrighttopcorner { background: transparent url(images/marketplace/1.1/subnav-edges1.png) right -5px no-repeat; height: 5px; } /**************************************** Main Header Topbar ********************************************************/ #main-header #live-help-btn { position: absolute; right: 0; bottom: 2px; height: 51px; width: 172px; } #login_box { float: right; margin: 0; text-align: right; width: 364px; height: 60px; background: url('/themes/default/images/marketplace/1.1/login-box-sprites.png') no-repeat 0 -21px; } #login_box > .inside { margin: 10px 16px 10px 10px; } #login_box .form-text { width: 140px; height: 15px; padding: 2px; margin: 0 5px 0 0; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #login_box .form-text:focus { border-color: #096796; } #login_box #login_username { } #login_box #login_btn { display: inline-block; vertical-align: top; width: 34px; height: 21px; background: url('/themes/default/images/marketplace/1.1/login-box-sprites.png') no-repeat 0 0; padding: 0; margin: 0; border: 0; cursor: pointer; } #login_box #login_btn:hover { background-position: -34px 0; } #login_box #login_btn:active { background-position: -68px 0; } #login_box .links { margin-top: 2px; text-align: right; font-size: 0.9em; color: #fff; } #login_box .links a { color: #fff; } /***************************************** Page Footer ********************************************************/ #page-footer { clear: both; } #footer-box { overflow: hidden; } /*************************************** footer-box item *****************************************************/ #page-footer #footer-box { margin-bottom: 10px; } #page-footer .footer-item:first-child { margin-left: 7px; } #page-footer .footer-item { float: left; width : 236px; height : 130px; color: #666; -moz-border-radius: 9px; -webkit-border-radius: 9px; text-decoration: none; } #page-footer .footer-item:hover { background: url('/themes/default/images/marketplace/1.1/gradients.png') repeat-x 0 0; } #page-footer .footer-item .inside { padding: 15px; } #page-footer .footer-item h3 { border-bottom: 1px dotted #bbb; margin: 0 0 0.5em; font-size: 12px; } #page-footer .footer-item h3 a { color: #444; } #page-footer .footer-item p { font-size: 11px; } #footer-links { height: 33px; margin: 5px; background: url('/themes/default/images/marketplace/sprites.png') no-repeat 0 -140px; } #footer-links .inside { height: 33px; background: url('/themes/default/images/marketplace/sprites.png') no-repeat 100% -78px; } #footer-links p { color: #999; margin: 0; padding-top: 10px; text-align: center; font-size: 0.9em; } #footer-links p a { margin: 0 3px; } #footer-links li:last-child { background: none; } /**************************************** Page Specific Content ******************************************/ .homeplayer {overflow:hidden;margin-bottom:0px;padding-top:2px} .homeplayer:hover {background-color: #e5edfa;cursor: pointer;} .homeplayer .sidebar .movie {padding-right:160px;padding-top:36px;} .homeplayer .title {font-size:10px;font-weight:bold;color:#14486B;padding-top:7px;} .homeplayer .sector {font-size:10px;color:#14486B;} .homeplayer-spacer {border-bottom: solid 1px #ecebe8;margin-bottom:3px;padding-top:5px;} /*************************************** Register page ****************************************************/ #register_form {} #register_form #edit-company { width: 310px; } #login_box div { margin-top: 2px; text-align: right; font-size: 0.9em; } #register_login {} #register_login .form-item label { width: 100px; } #register_login .form-item .form-text, #register_login .form-item .form-password { width: 170px; } #register_login .form-item button { margin-left: 120px; } #register_login .description { margin-left: 120px; } .page-register .top-box .main-content { margin: 0 390px 0 20px; } .page-register .stylized-box p.quote {width: 430px; } .page-register .stylized-box img {float:right; bottom: 25px;} .page-register .stylized-box a.icon-text {} .page-register .layout2d .orange-box .roundbtn {text-align: center; position: relative; bottom: 10px; } /************************************** partnership-howitworks page *****************************************************/ #partnerships-howitworks .whitebox { height: 197px; } #partnerships-howitworks .col-wrapper { margin-top: -45px; } #partnerships-howitworks .content { height: 168px; } #partnerships-howitworks .col { width: 49%; float: left; position: relative; } #partnerships-howitworks .divider { height: 140px; border-right: 1px solid #e3e3e3; width: 1px; float: right; margin-top: 30px; } #partnerships-howitworks .col img { float: right; margin-right: 10px; } #partnerships-howitworks .col p { position: absolute; top: 35px; font-weight: bold; color: #666; } #partnerships-howitworks .col .download { position: absolute; bottom: 5px; } /************************************** partnership-businesses page *****************************************************/ #partnerships-business .blue-header-box .titlebox { background: url(images/marketplace/wide_blue_box.png) no-repeat 0 0; height:50px; width: 316px;} #partnerships-business .wide-blue-box { margin-right: 12px; width: 316px;} #partnerships-business .wide-blue-box .content { position: relative; margin-left: 0px; width: 300px; padding-top: 5px; height: 150px; color: #666;} #partnerships-business .wide-blue-box .title { margin-top: 0px; color: #fff; } #partnerships-business .blue-header-box .contentbox { width: 314px; margin-left: 0px; height: 150px;} #partnerships-business .blue-header-box .bottombox { background: transparent url(images/marketplace/wide_blue_box.png) no-repeat scroll 0 -51px; width: 316px; } #partnerships-business .wide-blue-box .text2 { position: absolute; bottom: 50px; font-weight: bold;} #partnerships-business .wide-blue-box .text3 { position: absolute; bottom: 10px; } #partnerships-business .colorbox .colorbox-content .box-links { position: absolute; bottom: 3px; } #partnerships-business .colorbox .colorbox-content { height: 150px; } /*************************************** Request page *********************************************************/ #request_form #request-requirements { float:left ;} #request_form #request-requirements .form-item label { display: block; float: none; width: 340px; text-align: left; margin: 0 0 0 120px; padding-bottom: 5px; } #request_form #request-requirements .form-item textarea { margin-left: 120px } #request_form #request-requirements { margin-left: 0px } #edit-require { margin-left: 120px; } #request-email-communications { color: #777; overflow: visible; } #request_form #request-email-communications .form-item { width: 500px; } #video-messages { float: right; margin-right: 30px; } #request_form .form-item { padding-bottom: 0px; width: 470px; } #request_form .form-item button { margin-left: 120px; background-color: #FFF; } #request_form .form-item label { width: 100px; } #request_form label.error { margin-left: 130px; width: auto; } #request_form .main-content { margin-left: 0px; padding-left: 25px; } /***************************************Platform Ourstyle *******************************************/ #ourstyle .main-content .icon-text { display: block; } /******************************************* gallery page ******************************************/ .gallery-info { margin-right: 400px; height:270px;color:#686868;} .gallery-info div { margin-bottom: 10px;} .gallery-info p { margin-bottom: 10px; font-style:italic;width: 290px;} .gallery-info a { text-decoration: underline; font-size: 11px;} .gallery { width:678px;} .gallery .testimony {text-align:center; margin-top:20px;} .gallery-info .sidebar { width:380px;} .gallery-info .company {font-size:13px;margin-bottom:2px;} .gallery-info .sector {font-size:11px;} .gallery-info .title {font-size:11px;width:280px;} .main-content.gallery { width: auto; margin-right: 10px; } .gallery-items { color: #b6b7b9; margin-left: 260px; } .gallery-items .item { float: left; font-size:11px; width: 160px; height: 130px; text-align: center; margin: 0px 12px 10px 0px; vertical-align: middle; padding: 20px 0px 14px 0px;} .gallery-items .item:hover { background-color: #e5edfa; } .gallery-items .cprofile { font-size: 11px; margin-top: 3px; color: #b6b7b9;} .gallery-items a { font-size: 11px;} .gallery-items img { width: 142px; height: 84px; border: solid 1px #ccc;} .gold-italic{ margin-top: 20px; line-height: 17px; font-weight: bold; font-family: Baskerville, 'Times New Roman', Times, serif; font-size: 16px; font-style: italic; color: #ad9763; } #gallery-callout { background-color: #e5edfa; border: 1px solid #d2e1fa; padding: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #gallery-callout p { margin: 0; font-weight: bold; color: #14486B; } /************************************** case studies *****************************************************/ .case-studies img { margin-right: 70px; margin-top: 20px; } .case-studies .info {margin-right:30px;background-color:#e5edfa;} .case-studies .column {float:left;margin-right:8px;width:30%;} .case-studies .dotted {border-left:dotted 1px #444;padding-left:12px;} .case-studies .column p{font-size:11px;} .case-studies div{float:left;} .case-studies .gallery { margin-bottom: 20px; } .case-studies .gallery .main-content {float:none; margin-right: 390px;} .case-studies-vitals label { font-style: normal; font-weight:bold; color: #a78f58; width: 100px; display: block; float: left; margin-right: 20px; text-align: left; padding-top: 3px; } .case-studies-vitals p {font-size: 11px; font-style: normal;} .case-studies-vitals .nofloat label {font-size: 11px; font-style: normal;float:none;margin-bottom:12px;} .style-hover{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background: #e5edfa; color:#FFFFFF; display:none; font-size:12px; height:40px; padding: 8px 0px 0px 6px; position:absolute; text-align:center; text-transform:uppercase; width:141px; z-index:29; display:none; margin-top:148px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; } .csa {text-decoration: none; } .csa:hover span{text-decoration: none;display:block;color:#14486B;text-align:left;font-weight:bold;font-family: "Times New Roman" !important; } .csa label {text-decoration: none;color: #afb3b7;font-weight:bold;font-family: "Times New Roman" !important; font-style: italic;} /******************************************** home page **************************************************/ .gold-list{ margin-top:20px; color:#bdab82; } .gold-list li { padding: 2px 0px 2px 0px; font-weight: bold; border-top: solid 1px #bdab82; font-size: 10px; font-size:12px;} #page-home {} #page-home .top-box .content { padding: 5px 15px 5px 10px; height: 693px; } #page-home .top-box .leftborder { position: relative; } #page-home .top-box .player { float: right; width: 462px; height: 260px; } #page-home #intro-header { padding: 20px; margin-right: 500px; } #page-home #intro-header h3 { font-size: 22px; font-weight: bold; margin: 1.3em 0 12px; } #page-home #intro-header h4 { font-size: 20px; font-weight: normal; line-height: 1.3em; margin-bottom: 0; } #page-home #thumbs-headers { position: absolute; width: 976px; left: 1px; top: 281px; } #page-home #thumbs-headers #thumbs { background: #f6f6f6 url('/themes/default/images/marketplace/home-headers.png') no-repeat 0 -81px; display: block; margin: 0; padding: 15px 0 5px 48px; overflow: hidden; } #page-home #thumbs-headers #thumbs .movie { display:block; width:200px; float:left; text-align:center; font-size: 11px; line-height: 1.3em; padding: 10px; } #page-home #thumbs-headers #thumbs .movie img { display: block; width: 137px; height: 81px; margin: 6px auto;} #page-home #thumbs-headers #thumbs .movie:hover { background: #eee; } #page-home #thumbs-headers .inside a.roundbtn { position: absolute; bottom: 20px; left:100px; } #page-home #thumbs-headers .inside p { margin: 0.35em 0 0.5em} #page-home #intro-headers { background: #f6f6f6 url('/themes/default/images/marketplace/home-headers.png') no-repeat 0 0; width: 976px; height: 81px; } #page-home #intro-boxes { clear: both; overflow: hidden; } #page-home #intro-boxes > li { border-left: 1px solid #b3b3b3; float: left; width: 324px; height: 190px; overflow: hidden; position:relative;} #page-home #intro-boxes > li#intro-reseller { width: 325px; } #page-home #intro-boxes > li:first-child { border: 0; } #page-home #intro-boxes > li .inside { margin: 10px 25px 25px;} #page-home #intro-boxes > li#intro-order .inside { } #page-home #intro-boxes > li#intro-vjs .inside { } #page-home #intro-boxes > li .inside ul.bullet1 { margin: 1.4em 0 1.35em 40px; } #page-home #intro-boxes > li .inside ul.bullet1 li { margin: 0.1em 0; color: #14486B; font-weight: bold; } #page-home2 {} #page-home2 .top-box { position: relative; } #page-home2 .top-box .content { padding: 5px 15px 5px 10px; height: 501px; } #page-home2 .top-box .leftborder { position: relative; } #page-home2 #intro-header { margin-left: 10px; } #page-home2 #intro-header img { margin-top: 10px; } #page-home2 #intro-header h1 { display: none; } #page-home2 #intro-header h3 { display: none; } #page-home2 #intro-box-header { position: absolute; top: 0; right: 0; z-index: 1; } #page-home2 #thumbs-headers { position: absolute; width: 976px; left: 1px; top: 250px; z-index: 1; } #page-home2 #intro-headers { background: #f6f6f6 url('/themes/default/images/marketplace/1.1/home-headers.png') no-repeat 0 0; width: 976px; height: 81px; } #page-home2 #intro-boxes { clear: both; overflow: hidden; } #page-home2 #intro-boxes > li { border-left: 1px solid #b3b3b3; float: left; width: 324px; height: 200px; overflow: hidden; position:relative;} #page-home2 #intro-boxes > li#intro-reseller { width: 325px; } #page-home2 #intro-boxes > li:first-child { border: 0; } #page-home2 #intro-boxes > li .inside { margin: 10px 25px 25px;} #page-home2 #intro-boxes > li#intro-order .inside { } #page-home2 #intro-boxes > li#intro-vjs .inside { } #page-home2 #intro-boxes > li .inside a.roundbtn { position: absolute; bottom: 20px; left:100px; } #page-home2 #intro-boxes > li#intro-order .inside a.roundbtn { left: 90px; } #page-home2 #intro-boxes > li .inside ul.bullet1 { margin: 1.4em 0 1.35em 40px; } #page-home2 #intro-boxes > li .inside ul.bullet1 li { margin: 0.1em 0; color: #14486B; font-weight: bold; } #page-home2 .layout2b > .sidebar { width: 240px; } #page-home2 .intro-box-header-text { position: absolute; background: url('/themes/default/images/marketplace/1.1/home-intro-header-bg.png') no-repeat; width: 307px; height: 290px; right: 0px; z-index: 1; padding: 22px 0 0 23px;} #page-home2 .intro-box-header-text > * { margin-right: 30px; } #page-home2 .intro-box-header-text h1 { font-family: Helvetica, Arial, Sans Serif; font-size: 25px; color: #0A4F81; line-height: 1.2em; margin-bottom: 0.7em; } #page-home2 .intro-box-header-text h1 span { display: block; text-align: right; } #page-home2 .intro-box-header-text h3 { font-family: Helvetica, Arial, Sans Serif; font-size: 17px; color: #666; font-weight: normal; } #page-home2 .layout2 { position: relative; } #page-home2 .layout2c > .main-content { margin-right: 0; margin-left: 90px; } /*************************************** services > vidoe production *************************************/ ul.bigfont { width: 220px; margin-bottom: 15px; } ul.bigfont li.dotborder { border-top: dotted; border-width: 1px; } ul.bigfont li { font-size: 11px; } #service-videoproduction .orange-box ul.bullet1 { margin-bottom: 20px; } #service-videoproduction .orange-box ul.bullet1 li { font-size: 13px; font-weight: bold; margin-top: 7px; } #service-videoproduction .orange-box { float: right; margin: 0 0 30px 20px; } /***************************************** Dashboard Page **********************************/ #dashboard-controls { margin: 15px 0; border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb; } #dashboard-controls .control-button { margin: 6px 6px 6px 0; padding: 3px 8px; background-color: #e9e9e9; display: inline-block; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 11px; font-weight: bold; } #dashboard-controls .control-button.active { color: #fff; background: url('/themes/default/images/marketplace/1.1/gradients.png') repeat-x 0 -182px; border: 1px solid #698091; } .pending-projects-container { margin: 0 0 20px; background-color: #eef2f5; padding: 15px; border-top: 1px solid #d2d9de; border-bottom: 1px solid #d2d9de; } .pending-projects-container h3 { margin: 0 0 0.4em; font-size: 15px; } .pending-projects-container p { margin: 0.1em 0 1.1em; } .pending-projects-container ul { list-style: none; } .pending-projects-container ul li { display: block; padding: 10px 0 0; margin: 10px 0 0; border-top: 1px dotted #ccc; } .pending-projects-container ul li .icon-text { display: block; float: left; width: 16px; padding: 0; margin-top: 2px; } .pending-projects-container ul li .inside { margin-left: 22px; } .pending-projects-container ul li h4 { font-size: 12px; margin: 0 0 0.3em; } .pending-projects-container ul li p { font-size: 11px; margin: 0.3em 0; } .project-list { display: none; margin-bottom: 20px; } .project-list.active { display: block; } .dashboard-project-block { margin: 20px 0; } .dashboard-project-block .video-thumb { float: left; } .dashboard-project-block .inside { margin-left: 140px; } .dashboard-project-block h3 { margin: 0 0 0.4em; font-size: 14px; } .dashboard-project-block .update-notice { color: rgb(255, 51, 0); } .dashboard-project-block .new-message-notice { color: green; } .dashboard-project-block p { margin: 0.2em 0 0.3em; color: #555; font-size: 11px; } .dashboard-contacts h3 { font-size: 12px; margin: 0.4em 0 0.2em; } .dashboard-contacts p { margin: 0.3em 0 0.4em; line-height: 1.6em; } .dashboard-contacts em { font-style: normal; color: #666; } #dashboard-new-client-btn { margin-left: 8px; } #end-clients-list {} #end-clients-list li { display: block; padding: 10px 0 0; border-top: 1px dotted #ccc; margin-top: 10px; } #end-clients-list li:first-child { border-top: none; margin-top: 0; } #end-clients-list li h4 { margin: 0 0 5px; } #end-clients-list li p { margin: 0.1em 0 0.3em; } #split-dashboard-header { width: 985px; height: 282px; background: url('/themes/default/images/marketplace/marketplace-header-bg.png'); margin-bottom: 10px; } #split-dashboard-header > div { float: left; color: #333; position: relative; height: 240px; } #split-dashboard-header h2 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 19px; font-weight: bold; color: #698091; margin: 0 0 0.25em; } #split-dashboard-header h2 em { font-style: normal; font-size: 14px; font-weight: bold; margin-left: 8px; color: #24b04e; } #split-dashboard-header h3 { font-weight: normal; font-style: italic; margin: 0 0 0.7em; font-size: 14px; } #split-dashboard-header p { margin: 0.35em 0 0.5em; font-size: 0.9em; } #split-dashboard-header ul { margin: 1em 0 1.9em; } #split-dashboard-header ul li { color: #333; margin: 0.25em 0 0 13px; line-height: 1.3em; font-size: 0.9em; display: block; position: relative; } #split-dashboard-header ul li div { float: left; position: absolute; left: -13px; } #split-dashboard-header .marketplace-block { margin: 25px 0 0 320px; width: 290px; } #split-dashboard-header .custom-block { margin: 25px 0 0 55px; width: 290px; } #split-dashboard-header .roundbtn { position: absolute; bottom: 15px; } .custom_video_p { margin-top: 30px !important; } /*************************************** partnership program ***************************************/ #partnershipprograms .big-blue-header-box .content { height: 180px; } #partnershipprograms .big-blue-header-box ul li { font-size: 11px; } #partnershipprograms .big-blue-header-box ul.bullet1 { margin: 20px; } #partnershipprograms .big-blue-header-box .title { margin-top: 0px; padding: 20px 0px 0px 20px; color: #fff; } #partnershipprograms .big-blue-header-box .roundbtn { margin-left:70px; } .partnership-mini-box { margin-top: 20px; } .partnership-mini-box .title { padding-top: 14px; } .partnership-mini-box .longtitle { padding-top: 2px; } .partnership-mini-box .contentbox { height: 220px; } .partnership-mini-box .content { height: 220px; position: relative; } #partnershipprograms .partnership-mini-box .contentbox { height: 225px; } .partnership-mini-box a.icon-bullet { position: absolute; bottom: 10px; } .partnership-mini-box-b .contentbox { height: 130px; } .partnership-mini-box-b .content { height: 130px; } /************************************** user/terms page ****************************************/ #termsForm .form-item { padding: 6px; } #termsForm textarea { width: 99%; height: 120px; } #termsForm label { margin-left: 0; } /************************************* Contact Us Page **************************************/ .map-hover{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/themes/default/images/marketplace/map-hover.png) repeat-x scroll left top; color:#FFFFFF; display:none; font-size:10px; height:185px; padding-top:90px; position:absolute; text-align:center; text-transform:uppercase; width:270px; z-index:29; display:none; } #gmap:hover span{display:block;} #address-box { padding: 30px; background: #e5edfa; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; margin-bottom: 30px; } #address-box .map { float: right; } #address-box p { margin-top: 0; } #contact-us {width:100%;} #contact-us h4{border-bottom:dotted 1px #bbb;padding-bottom:6px;margin-bottom:6px;} #contact-us p a{margin-top:6px;display:block;} #contact-us p {height:58px;} #contact-us .main-content { width: 230px; } /************************************* VJ Registration Form **************************************/ #vjregister_form {} #vjregister_form .form-item label { width: 150px; } #vjregister_form .form-item button, #vjregister_form .description, #vjregister_form label.error { margin-left: 170px; } #vjregister_form label.error { width: auto; } /*************************************** Support Form ******************************************/ .support-form-box .main-content { margin: 30px 300px 0 20px; } /****************************** What You Get Light Blue Box ******************************/ .easy-as-1-2-3 { padding: 20px 0 20px 33px; background: #e5edfa; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 30px; overflow:hidden; } .easy-as-1-2-3 .request-easy123-quote { float: left; width: 145px; text-align: top; margin-right: 76px; } .easy-as-1-2-3 .request-easy123-quote.last-child { margin-right: 0px; } .easy-as-1-2-3 .request-easy123-quote h5 { margin-top: 5px; margin-bottom: 5px; } .easy-as-1-2-3 .request-easy123-quote p { color: #888; line-height: 130%; font-size: 0.9em; margin-bottom: 0; } /************************************** Login Page **********************************************/ #login-page .top-box .content { margin-left: 30px; } #login-page .top-box .sidebar { padding: 30px 0; } #login-page .top-box .main-content { text-align: center; } #login-page #oops-img { margin-bottom: 30px; } #login-page #login-welcome { position: relative; } #login-page #login-welcome .inside { position: absolute; width: 227px; height: 70px; top: 90px; left: 103px; text-align: left; } #login-page #login-welcome .inside p { color: #fff; margin: 0 0 0.8em; } #login-page #login-welcome .inside p a { color: #fff; text-decoration: underline; } #login-page #login-welcome .inside p a:hover { text-decoration: none; } /**************************************** Error 404 **************************************/ #error-404 .main-content { margin: 60px 60px 60px 220px; } #error-404 #error-404-icon { float: left; margin: 40px 10px 0 60px; } /****************************************Site Map ******************************************/ #sitemap div.mainmenu ul li a { color: #000 } #sitemap div.mainmenu { margin: 10px 50px 20px 0px; width: 160px; float:left;} #sitemap div.mainmenu ul li { background: url(/themes/default/images/marketplace/i_bullet.gif) no-repeat 0 8px; padding-left: 12px; margin: 5px 0px;} #sitemap div.mainmenu h4 { margin: 20px 0px 10px 0px; } #sitemap div.mainmenu ul.submenu { margin-left: 20px } /** * Legacy CSS (from old B2B site) */ h3.form_subheading { border-bottom: 1px solid #000; margin: 12px 0 15px; padding-bottom: 8px; } #proposal_details h4.form_subsubheading {margin: 0; font-weight:normal;font-size:14px;padding:0px;} .b2b-compat .form-checkbox { margin-right: 0; } .b2b-compat label { font-family: Helvetica, Arial, sans-serif; } .b2b-compat .ui-tabs.static-tabs { width: 971px; margin-bottom: 10px; } .form-group-header{ margin: 0px 0px 10px 20px; font-weight:bold; font-size:17px; } .form-group > .form-item { width: 570px; } .form-group > .form-item > .form-fields { margin: 17px 0 10px; } .form-fields .form-field-group { margin: 12px 0 23px; } label.form-group-remark { display: none; } .form-group .group-remark-box { position: relative; float: right; width: 310px; top: 40px; right: 10px; color: #2b7b1b; overflow: hidden; display: none; } .form-group .group-remark-box label { font-weight: bold; display: block; text-align: left; color: #2b7b1b; margin: 5px 22px 5px 0; padding: 0; width: 250px; cursor: pointer; } .form-group .group-remark-box .inside { margin-left: 17px; background-color: #ecf7da; border: 1px solid #8dc63f; padding: 10px 15px 10px 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .form-group .group-remark-box .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png); float: right; margin-top: 5px; } .form-group .group-remark-box .tick { position: absolute; left: 0; top: 50%; margin-top: -18px; width: 18px; height: 35px; background: url('images/group-remark-tick.png') no-repeat 0 -1px; } .form-group .group-error-box { position: relative; float: right; width: 310px; top: 10px; right: 10px; display: none; color: #790000; overflow: hidden; } .form-group .group-error-box label { font-weight: bold; display: block; text-align: left; color: #6e0110; margin: 5px 22px 5px 0; padding: 0; width: 250px; cursor: pointer; } .form-group .group-error-box .inside { margin-left: 17px; background-color: #fff1f2; border: 1px solid #ff9aa1; padding: 10px 15px 10px 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .form-group .group-error-box .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png); float: right; margin-top: 5px; } .form-group .group-error-box .tick { position: absolute; left: 0; top: 50%; margin-top: -18px; width: 18px; height: 35px; background: url('images/group-error-tick.png') no-repeat 0 -1px; } .form-group .group-error-box label.ok { display: none !important; } .form-group .form-group-description { margin-bottom: 25px; font-size: 12px; } .form-group-toggle .form-group-description, .form-group-special .form-group-description { margin-bottom: 12px; font-size: 12px; } .form-group-toggle .form-group-toggle-hidden { display: none; } .form-group-toggle-enabled .form-group-toggle-hidden { display: block !important; } label.option{ margin-bottom:5px; padding:0px; text-align:left; font-weight:normal; overflow:hidden; width:160px; float: left; } .form-required{ color:#ff3300; } /******************************* Tables *******************************/ .contentTable{ /*border:solid 1px #ccc;*/ width:917px; margin:0px; padding:0px; background-color:#ffffff; border-collapse: collapse; } .contentTable th{ text-align:left; height:30px; color:#000; padding-left:2px; font-size: 1.15em; border-bottom: 1px solid #000; font-family:Helvetica,Arial,sans-serif; } .contentTable th a{ color:#000; font-weight: bold; font-family:Helvetica,Arial,sans-serif; } .contentTable td{ text-align:left; padding:2px; height:30px; font-family:Helvetica,Arial,sans-serif; } .dark{ background-color:#ebebeb; } /******************************* End Tables *******************************/ /******************************* Round Corner *****************************/ .roundcorner label{ padding: 0 20px 0 0; } .roundcorner label.error{ padding-left: 5px !important; } .roundcorner .form-submit2{ margin-left:100px; padding:0px; } .roundcorner .form-checkbox{ padding-right: 3px; } /*.roundcorner p{ margin: 5px 0px; }*/ .roundcorner{ /*position: relative;*/ } .titleOutterBox,.titleInnerBox,.contentOutterBox,.contentInnerBox{ background-repeat: repeat-y; } .titleInnerBox{ padding: 0px; margin: 0px; padding: 5px 15px 10px; } .titleInnerBox h2{ margin: 0px; font-size: 19px; font-family:Helvetica,Arial,sans-serif; font-size:19px; font-weight:bold; line-height: 20px; padding-left:5px;; } .contentInnerBox{ margin: 0px; overflow:hidden; padding: 10px 20px 5px 10px; } .bottomOutterBox, .bottomInnerBox,.topInner,.topOutter{ background-repeat: no-repeat; } .topOutter{ background-image:url(images/roundcorner/blue/tr.gif); background-position: top right; height: 11px; } .topInner{ background-image:url(images/roundcorner/blue/tl.gif); background-position: top left; height: 11px; } .bottomInnerBox{ background-image:url(images/roundcorner/blue/bl.gif); background-position: top left; width: 11px; } .bottomOutterBox{ background-image:url(images/roundcorner/blue/br.gif); background-position: top right; height: 15px; width: 100%; } .titleInnerBox{ background-image:url(images/roundcorner/blue/til.gif); background-position: top left; } .titleOutterBox{ background-image:url(images/roundcorner/blue/tir.gif); background-position: top right; } .contentOutterBox{ background-image:url(images/roundcorner/blue/cr.gif); background-position: top right; overflow: hidden; } .contentInnerBox{ background-image:url(images/roundcorner/blue/cl.gif); background-position: top left; } /** white **/ .white-title, .white{ } .white-title .titleInnerBox h2, .white .titleInnerBox h2{ padding-top: 5px; color: #008fd4; font-size: 30px; } .white-title .topOutter, .white .topOutter{ background-image:url(images/roundcorner/white/tr.gif); } .white-title .topInner, .white .topInner{ background-image:url(images/roundcorner/white/tl.gif); } .white-title .bottomInnerBox, .white .bottomInnerBox{ background-image:url(images/roundcorner/white/bl.gif); } .white-title .bottomOutterBox, .white .bottomOutterBox{ background-image:url(images/roundcorner/white/br.gif); } .white-title .titleInnerBox, .white .titleInnerBox{ background-image:url(images/roundcorner/white/til.gif); } .white-title .titleOutterBox, .white .titleOutterBox{ background-image:url(images/roundcorner/white/tir.gif); } .white-title .contentOutterBox, .white .contentOutterBox{ background-image:url(images/roundcorner/white/cr.gif); } .white-title .contentInnerBox, .white .contentInnerBox{ background-image:url(images/roundcorner/white/cl.gif); } /***************jquery ui customizations**********************/ .ui-dialog-title { font-size: 1.4em; line-height: 1.4em; } .ui-tabs.static-tabs .ui-tabs-panel { background: #ebebeb url(images/rightbox-bg.jpg) 0 0 repeat-x; padding: 4px 0 0 0; } .ui-tabs-hide { display: none; } .ui-tabs-panel { padding: 4px; } /*UI tabs*/ #btabs { overflow: hidden; background: #008fd4 url('/themes/default/images/marketplace/btabs.png') no-repeat 100% 0; height: 37px; } #btabs #tabs { background-color: #fff; margin-bottom: 7px; padding: 0; border: 0 none !important; } #btabs .ui-tabs { border: none; } #btabs .ui-tabs-nav { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; overflow: hidden; position: relative; bottom: 0px; background:#ffffff; } #btabs .ui-tabs-nav ul { /*resets*/display: block; margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; } #btabs .ui-tabs-nav li { /*resets*/display: block; margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; float: left; border-right: none; position: relative; height:30px; /* margin-right:5px;*/ } #btabs .ui-tabs-nav li a { /*resets*/display: block; margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; float: left; font-weight: bold; text-decoration: none; padding: 5px 9px 5px 9px; color: #ffffff; font-size:16px; height: 30px; cursor:pointer; background: #95aab9; font-family:Helvetica,Arial,sans-serif; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; } #btabs .ui-tabs-nav li a:hover { color: #212121; } #btabs .ui-tabs-nav li.ui-state-disabled a:hover { color: #ffffff; } #btabs .ui-tabs-nav { border-bottom-color: #ffffff; position: relative; top: 0px; height:30px; /*background:yellow;*/ } #btabs li.ui-tabs-selected{ border-bottom-color: #ffffff; position: relative; top: 0px; height:30px; } #btabs li.ui-tabs-selected li { } #btabs li.ui-tabs-selected a { background-color: #698091; color: #ffffff; position: relative; } #btabs li.ui-tabs-selected a:hover{ /*background: #ff3300;*/ } #btabs .ui-tabs-panel { /*clear:left;*/ /*background: #ebebeb url(images/rightbox-bg.jpg) 0 0 repeat-x;*/ background:#ffffff; border:none; color: #222222; padding: 0px 4px 0px 4px; margin:0px; } .btabs-panel h3 {margin-top: 0.4em;} #btabs .ui-tabs-hide { display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; } .btabs-panel { padding: 0 !important; border: 0 !important; margin-bottom: 10px; } .btabs-panel .btabs-contentInnerBox { background: none !important; border-left: 1px solid #b3b3b3; padding: 20px 30px 15px 20px; } .btabs-panel .btabs-bottomInnerBox { height: 11px; background-position: -6px top; } /******************************* Messages Module *******************************/ #messages-nav-box {} #messages-nav-box .titleOutterBox { display: none; } #messages-nav-box .contentInnerBox { padding: 3px 15px 2px 13px; overflow: hidden; } ul.messages-nav { display: block; margin: 0; padding: 0; list-style: none; } ul.messages-nav li { display: block; padding: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; } ul.messages-nav li.button { margin: 3px 0 0; position: relative; overflow: hidden; } ul.messages-nav li.button:hover, ul.messages-nav li.button.open { background-color: #D2D9DE; } ul.messages-nav li.button a { display: block; font-size: 13px; padding: 6px 26px 6px 12px; overflow: hidden; white-space: nowrap; } ul.messages-nav li.spacer { background-color: #fff; } ul.messages-nav li.button.active { background: #485b6a url(images/menu-bg.jpg) repeat-x 0 0; } ul.messages-nav li.active a, ul.messages-nav li.active ul.more-block { color: #fff; } ul.messages-nav li.button .more-link { top: 0; right: 0; position: absolute; width: 26px; height: 28px; cursor: pointer; } ul.messages-nav li.button .more-link .ui-icon { position: absolute; top: 6px; right: 5px; background-image: url(images/ui-icons_888888_256x240.png) !important; } ul.messages-nav li.button.active .more-link .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png) !important; } ul.messages-nav li.button ul.more-block { display: none; list-style: none; margin: 3px 10px 8px 2px; padding: 0; overflow: hidden; } ul.messages-nav li.button ul.more-block li { margin-left: 10px; float: left; display: block; } ul.messages-nav li.button ul.more-block a { display: block; float: left; padding: 0; margin: 0; display: inline; font-weight: normal; } ul.messages-nav li.spacer { height: 0; margin: 0 0 6px; padding: 0 0 6px; border-bottom: 1px dotted #bbb; } #messages-list .contentInnerBox { padding: 4px 15px 3px 13px; } #messageForm { padding-top: 20px; } #messageForm .description { clear: none; } #help_message_form { display: none; } .message_overview { list-style: none; margin: 10px 0 15px; padding: 10px 0 10px; border-bottom: 1px solid #ccc; } .message_overview li { padding: 0; margin: 6px 0; display: block; } .message_overview li .label { font-weight: bold; float: left; width: 80px; text-align: right; } .message_overview li .value { margin-left: 100px; color: #000; } .commentbox .tools{ margin-top: 10px; padding-top: 5px; border-top: 1px dotted #BBBBBB; } .commentbox .reply{ padding: 0px 0px 4px; } .commentbox-threadblock { border-top: 1px solid #bbb; margin-top: 6px; } .commentbox-thread { margin: 12px 0 0 10px; border-top: 1px dotted #bbb; padding-top: 5px; } .commentbox-thread:first-child { border-top: 0; padding-top: 0; } .commentbox-thread h3 { font-size: 12px; margin: 0; color: #333; } .commentbox-thread h4 { font-size: 11px; margin: 0 0 4px; font-style: italic; font-weight: normal; } .commentbox-thread p { font-size: 11px; margin-top: 2px; } .message-popup {} .message-popup h1 { margin: 8px 0 6px; color: #222; } .message-popup .commentbox-threadblock { border-top: 1px solid #bbb; margin-top: 6px; } .message-popup .commentbox-thread { margin: 15px 0 0 20px; border-top: 1px dotted #bbb; padding-top: 15px; } .message-popup .commentbox-thread:first-child { border-top: 0; padding-top: 0; } .message-popup .commentbox-thread h3 { font-size: 14px; margin: 0; color: #333; } .message-popup .commentbox-thread h4 { font-size: 12px; margin: 0 0 10px; font-style: italic; font-weight: normal; } .message-popup .commentbox-thread p { font-size: 12px; margin-top: 6px; } #new_folder_dialog .description { margin-left: 0; } /******************************* End Messages Module *******************************/ /****************************** Start Proposals Module ******************************/ #content-uploader { display: none; border: 1px solid #ccc; background-color: #eaeaea; padding: 15px; margin-top: 20px; } #content-uploader-description { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #ccc; font-weight: bold; color: #333; } #content-uploader-more { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; } #content-uploader2 { display: none; border: 1px solid #ccc; background-color: #eaeaea; padding: 15px; margin-top: 20px; } #content-uploader-more2 { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; } .releases_box {width: 530px; border: 1px solid #ccc; background-color: #eaeaea; padding:15px; margin-bottom: 30px; } #proposalForm textarea { width: 99%; } #proposalForm input.form-text { width: 99%; } #proposalForm ul.bullet { list-style: disc outside none; } .marketplace-rfp {} .marketplace-rfp h2 { border-bottom: 1px solid #000; margin: 12px 0 -5px; padding-bottom: 8px; font-size: 18px; font-weight: bold; line-height: 1.4em; width: 570px; } .marketplace-rfp h3 { font-size: 14px; font-weight: bold; border-bottom: 0; padding-bottom: 0; margin: 12px 0 -10px; } .marketplace-rfp ul.marketplace-footage { margin: 1em 0 1.6em; } .marketplace-rfp ul.marketplace-footage li { margin: 0.7em 0 0.7em 15px; } .marketplace-rfp .form-group-description { margin-top: 17px; margin-bottom: 5px; } .marketplace-rfp .form-field-group { margin-bottom: 10px; } .price_error { margin:5px; color:red; } #messageForm .form-item { width: auto; } .proposal_details p { margin: 0.35em 0 1.4em; } .proposal_details p.video_details { margin: 0.35em 0 0.7em; } .proposal_details p.video_details strong { font-size: 1.1em; } .proposal_details h3, .proposal_details h4 { margin-top: 25px; } .proposal-field-comments { margin: 0; } .proposal-field-comments ul { margin: 0; padding: 0; list-style: none; } .proposal-field-comments ul li { display: block; margin: 0; padding: 10px; font-size: 0.9em; line-height: 1.35em; color: #555; border-bottom: 1px dotted #ccc; } .proposal-field-comments ul li.odd { background-color: #fff; } .proposal-field-comments ul li.even { background-color: #fff; } .proposal-field-comments ul li em { font-weight: bold; } .proposal-comments-wrapper { margin: 10px 0 30px; } .proposal-comments-wrapper h4 { display: block; padding: 6px 10px; margin: 20px 0 0; font-size: 12px; background: #fbf7e2; color: #333; border-top: 1px solid #ccc; } .proposal-comments-wrapper .comments-field-toggle { padding-top: 8px; } .proposal-comments-wrapper .add-comments { font-size: 0.9em; } .proposal-comments-wrapper .comments-field { display: none; padding: 15px; font-size: 0.85em; color: #333; background-color: #f1f1f1; } .proposal-comments-wrapper .comments-field textarea { width: 99%; height: 4em; } .proposal-comments-wrapper .comments-field .form-submit2 { margin: 8px 8px 0 0; width: 130px; } #tabs-proposal p { margin: 0.4em 0 1em; } #proposal_approval_prompt, #proposal_tos_prompt { overflow: hidden; } #proposal_approval_prompt .form-item, #proposal_tos_prompt .form-item { float: left; padding-top: 0; } #proposal_approval_prompt button, #proposal_tos_prompt button { margin-top: 0; } #proposal_tos_prompt { display: none; padding: 0 20px 20px; background-color: #e9f3fa; border: 1px solid #95aab9; } #proposal_tos_prompt textarea { width: 99%; height: 12em; } #proposal_tos_prompt h3 { color: #14486b; border-bottom: 1px solid #14486b; } #screening-room-box {float: right; width: 500px; margin-top: 0px; } #screening-room-box .inside { margin: -5px 3px 0 13px; } #screening-room-box ol { margin: 1.1em 0; } #screening-room-box ol li { margin: 0.7em 0 0.7em 25px; } #screening-room-box .controls-bar { overflow: hidden; } #screening-room-box .controls-bar .form-item { float: left; } .prod-schedule-view {} .prod-schedule-view h1 { margin-bottom: 20px; } .prod-schedule-view h3 { margin-top: 20px; } /*********************************** Miscellanious Elements *****************************/ .b2b-compat #editForm .form-text, .b2b-compat #editForm .form-password { width: 160px; } .b2b-compat #eclient-primary-contact-field { margin: 0 0 0 140px; } .b2b-compat #eclient-primary-contact-field label { width: auto; text-align: left; } .payment-box { background-color: #e9f3fa; border: 1px solid #95aab9; margin-bottom: 30px; padding: 20px; } .payment-box h3 { margin: 0 0 1em; color: #14486B; font-size: 15px; } .payment-box .paypal-button-wrapper { overflow: hidden; padding: 20px 0 0; margin: 20px 0 0; width: auto; background: none; border: none; border-top: 1px solid #95aab9; } .payment-box .paypal-button-wrapper > * { margin-left: -10px; float: left; } .payment-box .paypal-button-wrapper .paypal-logo { float: left; margin-left: 5px; } .paypal-button-wrapper { background-color: #e9f3fa; border: 1px solid #95aab9; padding: 15px 5px; width: 340px; margin-bottom: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .paypal-button-wrapper .paypal-logo { float: right; margin: 3px 18px 0 0; border-left: 1px solid #95aab9; padding-left: 21px; } /*********************************** Miscellanious Elements *****************************/ /*********************************** floating toolar ***********************************/ div#floatingbar{overflow: hidden;width: 100%; height:40px; left: 0;color: #000;font-family:Arial;font-weight:bold;background-image:url('/themes/default/images/marketplace/tui.png');} div#floatingbar .clearfix{padding-top:10px;padding-left:10px;} /*********************************** B2C Home Page ***********************************/ #b2c-home {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; color:#464646;} #b2c-home .content{padding:20px 0 0 0;background:url('/themes/default/images/marketplace/b2c-top-bg.png') repeat-x;width:975px;} #b2c-home .whitebox .rightborder{margin-left:1px;} #b2c-home h1 {font-size: 28px; line-height: 32px; color:#0a4f81;} #b2c-home h2 {font-size: 18px; line-height: 25px; font-weight:bold; color:#0a4f81;} #b2c-home h3 {font-size: 16px; line-height: 23px; font-weight:normal;} #b2c-home p {font-size: 14px;line-height:18px;} #b2c-home .top_left {width:450px;float:left;padding:5px 15px 0px 5px; margin:0 0 0 15px;} #b2c-home .top_right {width:464px;float:left; margin:0 0 20px 0; } #b2c-home #player{width:464px; height: 284px; background-color:#000;} #b2c-home .dividor {clear:both;background:url('/themes/default/images/marketplace/dividor-bg.png');height:5px;width:976px;} #b2c-home .wrapper { background-color:#f3f6f9;height:140px;padding:0 10px;} #b2c-home .thumbs { position:relative; overflow:hidden; width:890px;height:125px;background-color:#f3f6f9;padding-top:15px;float:left;} #b2c-home .items { width:20000em; position:absolute; clear:both } #b2c-home .thumbs a {width: 150px; float:left; text-align:center; margin:0px 37px; color:#0a4f81; font-size:11px;height:125px;} #b2c-home .thumbs a img {width: 138px; height: 82px;} #b2c-home .thumbs a span {font-weight:bold;display:block;} a.browse { background:url('/themes/default/images/marketplace/hori_large.png') no-repeat; display:block;width: 30px; height:30px; float:left; cursor:pointer; font-size:1px; margin-top: 55px; } a.right { background-position: 0 -30px; clear:right; margin-right: 0px;} a.right:hover { background-position:-30px -30px; } a.right:active { background-position:-60px -30px; } a.left { margin-left: 0px; } a.left:hover { background-position:-30px 0; } a.left:active { background-position:-60px 0; } a.disabled { filter:alpha(opacity=20);opacity: 0.2;-moz-opacity:0.2; } a.right.disabled:hover { background-position:0 -30px; cursor: default; } a.left.disabled:hover { background-position:0 0; cursor: default; } #b2c-home .bottom_left {width: 300px; float:left; padding: 20px 10px 0 0; margin:0 0 0 25px;} #b2c-home .bottom_centre {width: 315px; float:left; padding: 20px 0 0 0;} #b2c-home .bottom_right {width: 270px; float:left; padding: 20px 40px 0 14px;} #b2c-home .button_left {margin: 0 0 10px 80px;} #b2c-home .button_right {margin: 18px 0 0 80px;} #b2c-whyvideo #player { margin-left:43px } #b2c-whyvideo .thumbs { position:relative; overflow:hidden; width:300px;height:41px;background-color:#fff;padding-top:5px;float:left;} #b2c-whyvideo .items { width:20000em; position:absolute; clear:both } #b2c-whyvideo .thumbs a {width: 75px; float:left; text-align:center; margin:0px; color:#0a4f81; font-size:11px;height:41px;} #b2c-whyvideo .thumbs a img {width: 69px; height: 41px;} #b2c-whyvideo .thumbs a span {font-weight:bold;display:block;} #b2c-whyvideo a.browse { background:url('/themes/default/images/marketplace/video-button.png') no-repeat; display:block;width: 13px; height:38px; float:left; cursor:pointer; font-size:1px; margin-top:7px;} #b2c-whyvideo a.right { background-position: 0 -39px;} #b2c-whyvideo a.right:active { background-position: -14px -39px; } #b2c-whyvideo a.left:active { background-position: -14px 0px;} #b2c-whyvideo a.left {margin-left:31px;} /********************************************************* Recaptcha *******************************************************/ .recaptchatable td img { display:block; } .recaptchatable .recaptcha_image_cell center img { height:57px; } .recaptchatable .recaptcha_image_cell center { height:57px; } .recaptchatable .recaptcha_image_cell { background-color:white; height:57px; border:1px solid #A5ACB2 !important; } .recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th { border:0 none !important; border-collapse:collapse !important; margin:0 !important; vertical-align:middle !important; } .recaptchatable * { border:0 none; bottom:auto; left:auto; margin:0; padding:0; position:static; right:auto; text-align:left !important; top:auto; } .recaptchatable #recaptcha_image { margin:auto; } .recaptchatable a img { border:0 none; } .recaptchatable a { border:0 none !important; font-weight:normal; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-decoration:none; color:##14486B; font-size:9px; } .recaptchatable a:hover { text-decoration:underline; } .recaptcha_input_area { -moz-background-clip:border !important; -moz-background-inline-policy:continuous !important; -moz-background-origin:padding !important; background:transparent none repeat scroll 0 0 !important; position:relative !important; } .recaptchatable label.recaptcha_input_area_text { border:1px solid #DFDFDF !important; bottom:auto !important; left:auto !important; margin:0 !important; padding:0 !important; position:static !important; right:auto !important; top:auto !important; } .recaptcha_theme_red label.recaptcha_input_area_text, .recaptcha_theme_white label.recaptcha_input_area_text { color:black !important; } .recaptcha_theme_blackglass label.recaptcha_input_area_text { color:white !important; } .recaptchatable #recaptcha_response_field { font-size:12px;padding: 2px; height:21px; width:296px; color:#666666; font-weight:normal; font-family:Helvetica,Arial,sans-serif; } .recaptcha_theme_blackglass #recaptcha_response_field, .recaptcha_theme_white #recaptcha_response_field { border:1px solid gray; } .recaptcha_theme_red #recaptcha_response_field { border:1px solid #CCA940; } .recaptcha_audio_cant_hear_link { color:black; font-size:7pt; } .recaptchatable { line-height:1em; } .recaptcha_error_text { color:red; } .recaptcha_is_showing_audio .recaptcha_only_if_image, .recaptcha_isnot_showing_audio .recaptcha_only_if_audio, .recaptcha_had_incorrect_sol .recaptcha_only_if_no_incorrect_sol, .recaptcha_nothad_incorrect_sol .recaptcha_only_if_incorrect_sol { display:none !important; } .recaptcha_text { color:#777777; font-size:9px; } /****************************************************** Resources page *******************************************************/ #resources p { margin: 0.5em 0 0.8em 0} #resources h4 {margin-bottom:0.5em; margin-top:1em;} #resources .faqlink { padding: 0px 20px 5px 0px; } #resources ul.resources-list li:first-child { padding: 0; } #resources ul.resources-list h4 { background-color: #d2e6f3; padding: 7px; margin: 0; text-decoration: none; } #resources ul.resources-list li.even {background-color:#f5f8fd } #resources ul.resources-list li.odd {background-color: #edf2fa} #resources ul.resources-list { width: 435px; border: 1px solid #d2e6f3; margin-bottom: 20px; } #resources ul.resources-list li { padding: 5px 7px; margin: 0; } #resources ul.resources-list.col1 { float: left; } #resources ul.resources-list.col2 { float: right; } #resources ul.faq li { margin: 0.7em 0; } #resources .totop { font-size:0.85em; margin-bottom:1.5em } #resources p.note { font-size:11px; margin:5px 0px 5px 20px; } /***************************************************** Talk to VJs *************************************************************/ .message-content { margin: 0 10px; } .message-content .message-thread { border: 1px solid #ccc; margin: 15px 0; } .message-content .message-thread h4 { margin: 0; padding: 10px; background-color: #efefef; color: #444; line-height: 1.4em; } .message-content .message-thread h4 .message-controls { float: right; margin-left: 10px; font-size: 12px; font-weight: normal; } .message-content .message-thread h4 .message-required { color: #f00; font-weight: bold; } .message-content .message-thread h4 .message-complete { color: green; font-weight: bold; } .message-content .message-thread form { display: none; padding-bottom: 10px; } .message-content .message-thread textarea { width: 99%; height: 60px; margin-bottom: 8px; } .message-content .message-thread textarea.response-comment { display: none; } .message-content .message-thread .form-submit2 { margin-left: 0; width: 120px; } .message-content .message-thread .disable-thread-form { margin-left: 8px; } .message-content .message-newthread { background-color: #efefef; } .message-content .message-newthread form { margin: 15px; padding: 0; } .message-content .message-newthread form > div { margin: 10px 0; } .message-content .message-newthread form label { margin: 10px 0 15px; display: block; float: none; width: auto; text-align: left; background-color: #e0e0e0; padding: 10px; } .message-content .message-newthread form .form-text { width: 99%; font-size: 16px; color: #444; font-weight: bold; height: 1.2em; padding: 0.2em; } .message-content .message-newthread form .form-textarea { font-family:Helvetica,Arial,sans-serif; width: 99%; font-size: 12px; color: #666; border: 1px solid #A5ACB2; height: 5em; padding: 0.2em; } .message-content .message-newthread form .form-text.placeholder { color: #999 !important } .message-content .message-newthread form .form-textarea.placeholder { color: #999 !important; } .message-content .message-newthread form .thread-body { display: none; } .message-content .message-newthread form .form-checkbox { margin: 0 3px 0 0; } .message-content .message-message { margin: 15px 10px 10px 10px; border-bottom: 1px dotted #ccc; padding: 0 10px; } .message-content .message-message.message-reply { border-bottom: none; color: #999; } .message-content .message-message h5 { font-size: 13px; font-weight: bold; font-style: italic; margin: 0 0 1em; color: #444; } .message-content .message-message p { margin: 0.5em 0 1em; } .message-content .message-body { margin: 15px 10px 10px 10px; padding: 0 10px; } .icon-16 { display: inline-block; height: 16px; line-height: 16px; padding-left: 20px; background: url('/themes/default/images/icon-sprites.png') no-repeat 0 0; } .icon-16.drive-download { background-position: 0 0; } .icon-16.drive-upload { background-position: 0 -40px; } .icon-16.drive-plus { background-position: 0 -80px; } .icon-16.document-pencil { background-position: 0 -160px; } .icon-16.pencil { background-position: 0 -200px; } .icon-16.cross { background-position: 0 -240px; } .icon-16.tick { background-position: 0 -280px; } .icon-16.plus { background-position: 0 -320px; } /*********************************************** Marketplace landing ************************************************************/ #marketplace-landing .rightcol { margin-left: 385px; border-left: 1px solid #ccc; padding:10px 0 0 25px; height: 220px; } #marketplace-landing .leftcol { float: left; padding-top: 10px;} #marketplace-landing .leftcol p { font-size: 13px; margin-bottom: 4px;} #marketplace-landing .bold { font-weight: bold;} #marketplace-landing .maincol { background: url('/themes/default/images/marketplace/mainbox-background.png') no-repeat scroll 0 0 transparent; width: 100%; height: 100%; padding: 20px 0px 20px 230px;} #marketplace-landing .topcol-placeholder { background: url('/themes/default/images/marketplace/marincol-holder.png') no-repeat scroll 100% 0 transparent; width: 100%; height: 278px; margin-bottom: 20px; position: relative;} #marketplace-landing .maincol h1 { color: #0A4F81; font-family: Helvetica,Arial,Sans Serif; font-size: 25px; line-height: 1.2em; margin-bottom: 20px } #marketplace-landing .linkbar { height: 17px; background-color: #8ba6ba; margin-bottom: 15px; position: absolute; left: 33px; width: 515px; top: 200px; border-radius: 5px; -moz-border-radius: 5px; padding: 15px 20px; border: 1px solid #698091; color: #fff; font-size: 12px;} /************************************** Standard Forms *************************************/ .stdform-entity { margin: 2px 0; padding: 6px 0; overflow: hidden; } .stdform-entity label.entity-label { float: left; width: 140px; font-weight: bold; padding-top: 5px; } .stdform-entity.required label.entity-label em { color: #f00; font-style: normal; font-weight: bold; } .stdform-entity .form-entity-fields { } .stdform-entity .form-entity-fields .form-entity-field { float: left; margin:0px 5px 10px 0px; } .stdform-entity .form-entity-description { margin: 5px 0 0 0px; font-size: 0.9em; color: #666; } .stdform-entity .entity-title { margin-bottom: 5px; } .stdform-entity .form-entity-field { width: 410px; } .stdform-entity .form-text { font-size: 12px; font-weight: normal; color: #333; border: solid 1px #bbb; padding: 2px; width: 410px; } .stdform-entity.across-2 .form-text { width: 200px; } .stdform-entity.across-2 .form-entity-field { width: 206px; margin: 0px 5px 0 0;} .stdform-entity.across-3 .form-text { width: 140px; } .stdform-entity.across-3 .form-entity-field { width: 150px; margin: 0px 5px 0 0;} .stdform-entity .form-text:hover { border: solid 1px #14486b; } .stdform-entity .form-text:focus { border: solid 1px #7eaa21; background-color: #f8fdec; } .stdform-entity textarea.form-text { height: 50px; } .stdform-entity textarea.form-text.tallbox { height: 90px; } .stdform-entity .form-checkbox, .stdform-entity .form-optionbox { margin-right: 5px; } .stdform-entity .form-entity-fields .form-entity-checkbox { padding: 4px 0; display: block; } .stdform-entity .form-entity-fields .form-entity-checkbox.hastextbox { float: left; } .stdform-entity .form-entity-fields .otheroptionfield { width:70px !important; padding:2px; margin-left: 5px; } .stdform-entity select { padding: 3px; border: solid 1px #bbb;} .stdform-entity .datefield.form-text { width: 100px; } .stdform-entity label.error { color: red; display: block; } /************************************ Standard Forms Group *********************************************/ .stdform-group {} .stdform-group h3 { border-bottom: 1px solid #ccc; margin: 25px 0 7px; padding-bottom: 3px; width: 670px; background-color: #7eaa21; color: #ffffff; padding: 8px 0px 8px 8px; font-size: 14px;} .stdform-group .form-group-description { font-size: 12px; margin:12px 0 12px 0; width: 570px;} .stdform-group .form-group-entities { overflow: hidden; } .stdform-group.across-2 .form-group-entities .stdform-entity { float: left; margin-right: 6px; width: 250px; } .stdform-group.across-2 .form-group-entities .stdform-entity .form-entity-inputfields { width: 206px; } .stdform-group.across-2 .form-group-entities .stdform-entity .form-entity-fields .form-text { width: 200px; } .stdform-group.across-2 .form-group-entities .stdform-entity .form-entity-fields .form-entity-field { width: 206px; } /**************************************Stacked Forms ************************************************/ .stackedform.stdform-entity {} .stackedform.stdform-entity label.entity-label { float: none; width: 580px; display:block; margin-bottom: 5px; font-weight: normal; } .stackedform.stdform-entity .entity-title { font-weight: normal; } .stackedform.stdform-entity .form-entity-fields { margin: 0px 0px;} .stackedform.stdform-entity .form-entity-fields .form-entity-inputfields { float: left; width: 576px;} .stackedform.stdform-entity .form-entity-fields .form-entity-field { margin:0 0 5px 0px; width: 100%;} .stackedform.stdform-entity .form-entity-description { margin: 0 0 0 20px; float: left; color: #8C8C8C; font-size: 12px; width: 300px;} .stackedform.stdform-entity .form-text { width: 570px; } .stackedform.stdform-entity.across-2 .form-text { width: 200px; } .stackedform.stdform-entity.across-2 .form-entity-field { width: 206px; margin: 0px;} .stackedform.stdform-entity.across-3 .form-text { width: 140px; } .stackedform.stdform-entity.across-3 .form-entity-field { width: 150px; margin: 0px;} .stackedform.stdform-entity .datefield { width: 100px; } .stackedform.stdform-entity label.error { float: right; } .stackedform-list.stdform-entity ol { margin: 0; padding: 0; list-style: none; } .stackedform-list.stdform-entity ol li { display: block; overflow: hidden; margin: 8px 0 0; } .stackedform-list.stdform-entity ol li .form-entity-field { float: right; width: auto !important; } .stackedform-list.stdform-entity ol li .form-text { width: 550px; } .stackedform-list.stdform-entity ol li em { padding: 6px 0 0; font-weight: bold; display: inline-block; color: #777; font-size: 1.1em; } /************************************ Questionaire Form *********************************************/ .questionaire-form {} .questionaire-form label.entity-label { float: left; width: 140px; padding-top: 5px; font-weight: normal; color: #444444;} .questionaire-form .entity-title { font-weight: normal; color: #444444;} .questionaire-form .stdform-group {width: 580px;} .questionaire-form .stdform-group h3 { border-bottom: 1px solid #ccc; width: 570px; background-color: #7eaa21; color: #ffffff; margin: 25px 0 7px; padding: 8px 0px 8px 8px; font-size: 14px;} .questionaire-form .stdform-group.across-2 .form-group-entities .stdform-entity { float: left; margin-right: 2px; width: 286px; } .questionaire-form .stdform-group.across-2 .form-group-entities .stdform-entity .form-entity-inputfields { width: 266px; } .questionaire-form .stdform-group.across-2 .form-group-entities .stdform-entity .form-entity-fields .form-text { width: 266px; } .questionaire-form .stdform-group.across-2 .form-group-entities .stdform-entity .form-entity-fields .form-entity-field { width: 266px; } .questionaire-form .stackedform.stdform-entity .form-text { width: 555px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color:#f3f3f3;} .questionaire-form .stackedform.stdform-entity .entity-title em{ color: #ff3300; font-weight: normal; } .questionaire-form .stackedform-list.stdform-entity ol li { width: 560px; } .questionaire-form .stackedform-list.stdform-entity ol li .form-text { width: 520px; } /*************************************** Basic Box ************************************************/ .basicbox {} .basicbox h2 { margin: 0; padding: 10px 15px; font-size: 15px; font-weight: bold; display: block; background-color: #ecf1f4; border-top: 1px solid #d2d9de; border-bottom: 1px solid #fff; } .basicbox .basicbox-content { padding: 15px; background-color: #f4f9fc; } .basicbox .basicbox-controls { float: right; } /************************************* underlined link ***********************************************/ a.underlined_link { font-weight: bold; text-decoration: underline; cursor: pointer;} a.underlined_link:hover { text-decoration: none; } /**************************************** order video *********************************************/ #order-video {} #order-video .maincontent { width: 615px; margin-right: 300px; } #order-video .sidebar { width: 278px; float: right; } #order-video p { padding: 0px; margin: 0px; } #order-video .section-border { padding: 15px 0px 15px 0px; border-top: 1px solid #ccc;} #order-video .section-border:first-child { border-top: 0px; padding-top: 0px; } #order-video .subsection-border { padding: 15px 0px 15px 0px; border-top: 1px solid #ccc;} #order-video .sidebar .order-item-list { padding: 10px 0px; margin: 10px 0px 10px 0px; border-bottom: 1px solid #999;} #order-video .sidebar .order-item { padding: 0px 0px 10px 0px; } #order-video .sidebar .order-item .price { float: right; font-size: 16px; font-weight: bold; font-family: arial, helvetica, clean, sans-serif} #order-video .sidebar .order-item .name { font-size: 16px; font-weight: bold; font-family: arial, helvetica, clean, sans-serif} #order-video .sidebar .order-item .desc { color: #666; font-size: 11px;} #order-video select { margin-right: 10px; } #order-video .stackedform.stdform-entity .form-entity-fields { margin: 0px } #order-video .stackedform.stdform-entity .form-entity-fields .form-entity-inputfields { width: auto; } #order-video div#select_client { display: none; } #order-video .standardbtn { margin-top: 10px; } #order-video .sidebar p { font-size: 11px; } #order-video div#select_client .search_refnum_textbox { width: 155px; } /************************************* Standard Button *********************************************/ .standardbtn { display: inline-block; height: 36px; cursor: pointer; text-decoration: none !important; } .standardbtn > span { display: block; height: 36px; background: url('/themes/bbn3/images/standardbtn.png') no-repeat 0 0; color: #fff; } .standardbtn .standardbtn-inside { display: block; color: #fff; background: url('/themes/bbn3/images/standardbtn.png') no-repeat 100% -36px; margin-left: 5px; white-space: nowrap; } .standardbtn .standardbtn-content { display: block; padding: 8px 18px 0 10px; font-weight: bold; font-size: 14px; white-space: nowrap; height: 28px; } .standardbtn.standardbtn-iconbtn .standardbtn-content { margin-left: 30px; } .standardbtn .standardbtn-icon-container { display: block; float: left; height: 20px; width: 20px; border-right: 1px solid #bac4cc; margin: 6px 0 0 7px; } .standardbtn .standardbtn-icon { display: block; } .standardbtn.icon-btn-add .standardbtn-icon { background: url('/themes/bbn3/images/icon-sprites.png') no-repeat 0 -100px; width: 13px; height: 13px; margin-top: 4px; } .standardbtn.standardbtn-disabled > span { background-position: 0 -72px !important; } .standardbtn.standardbtn-disabled .standardbtn-inside { background-position: 100% -108px !important; padding: 0 !important; height: 36px !important; } .standardbtn.standardbtn-disabled:hover { background-position: 0 -72px !important; } .standardbtn.standardbtn-disabled:hover .standardbtn-inside { background-position: 100% -108px !important; } .standardbtn:hover > span { background-position: 0 -144px; text-decoration: none; } .standardbtn:hover .standardbtn-inside { background-position: 100% -180px; text-decoration: none; } .standardbtn:active > span { background-position: 0 -216px; } .standardbtn:active .standardbtn-inside { background-position: 100% -253px; height: 33px; padding-top: 3px; } button::-moz-focus-inner { border: 0; padding: 0; } /*************************************** Standard Whitebox (with/without tab) ************************************/ .standardbox { margin-bottom: 9px; } .standardbox-tabbed .standardbox-tabs { background: transparent url(/themes/bbn3/images/standardbox-sprites.png) 100% 35px no-repeat; height: 41px; } .standardbox-tabbed .standardbox-tabs ul { display:block; position:relative; list-style: none outside none; overflow:hidden;} .standardbox-tabbed .standardbox-tabs ul li { display: block; float:left; position: relative; background: transparent url(/themes/bbn3/images/standardbox-sprites.png) no-repeat 0 -13px; overflow: hidden; height: 35px;} .standardbox-tabbed .standardbox-tabs ul li a { display: block; background: transparent url(/themes/bbn3/images/standardbox-sprites.png) no-repeat 100% -44px; overflow: hidden; height: 13px; margin-left:10px; padding: 14px 19px 11px 4px; font-weight: bold; color: #666; font-size:13px; } .standardbox-tabbed .standardbox-tabs ul li.active-tab { background-position: 0 -79px !important; } .standardbox-tabbed .standardbox-tabs ul li.active-tab a { background-position: 100% -114px !important; padding-top:10px; color: #fff; height: 15px; font-family: Arial, sans-serif; } .standardbox-tabbed .standardbox-ml .standardbox-content { padding-top: 10px; } .standardbox-tabbed .standardbox-tabcontent { display: none; } .standardbox-tabbed .standardbox-tabcontent-loading { margin: 0 auto; width: 220px; font-weight: bold; color: #444; text-align: center; padding-bottom: 22px; background: url('/themes/bbn3/images/ajaxload-bar.gif') no-repeat 0 22px; } .standardbox .standardbox-tl { background: transparent url(/themes/bbn3/images/standardbox-sprites.png) 0 -149px no-repeat; height:11px; } .standardbox .standardbox-tr { background: transparent url(/themes/bbn3/images/standardbox-sprites.png) 100% -160px no-repeat; height:11px; margin-left:11px;} .standardbox .standardbox-bg { background: #fff; overflow: hidden; } .standardbox .standardbox-content { margin: 10px; } .standardbox .standardbox-tabbed .standardbox-content { margin-top: 20px } .standardbox .standardbox-ml { background: transparent url(/themes/bbn3/images/standardbox-bg.png) 0 0px repeat-y; overflow: hidden; } .standardbox .standardbox-mr { background: transparent url(/themes/bbn3/images/standardbox-bg.png) 100% 0px repeat-y; overflow: hidden; margin-left:10px; padding-right: 17px;} .standardbox .standardbox-bl { background: transparent url(/themes/bbn3/images/standardbox-sprites.png) 0 -171px no-repeat; height: 17px;} .standardbox .standardbox-br { background: transparent url(/themes/bbn3/images/standardbox-sprites.png) 100% -188px no-repeat; height: 17px; margin-left:11px; } .standardbox .standardbox-hl { background: transparent url(/themes/bbn3/images/standardbox-bg.png) 0 0px repeat-y; overflow: hidden; } .standardbox .standardbox-hr { background: transparent url(/themes/bbn3/images/standardbox-bg.png) 100% 0px repeat-y; margin-left:10px; padding-right: 17px;} .standardbox .standardbox-hcontent { margin: 0 -10px 0 -9px; overflow: hidden; } .standardbox h1 { padding-bottom: 0.3em; border-bottom: 1px solid #ccc; margin-bottom: 0.7em; } .standardbox h1.noborder { border-bottom: 0px; } .standardbox h1 .inside { font-size: 22px; } .none { display: none; } /*************************************** Standard Whitebox - No Body Padding ******************************************/ .standardbox.no-padding {} .standardbox.no-padding .standardbox-mr { padding-right: 7px; margin-left: 1px; } .standardbox.no-padding .standardbox-content { padding: 0; margin: 0; } /*************************************** Standard Whitebox - Project Overview Tabs ****************************************/ .project-overview.standardbox {} .project-overview.standardbox-tabbed .standardbox-tabs { background-image: url(/themes/default/images/marketplace/standardbox-proposal-sprites.png); } .project-overview.standardbox-tabbed .standardbox-tabs ul li { background-image: url(/themes/default/images/marketplace/standardbox-proposal-sprites.png); } .project-overview.standardbox-tabbed .standardbox-tabs ul li a { background-image: url(/themes/default/images/marketplace/standardbox-proposal-sprites.png); color: #fff; } .project-overview.standardbox .standardbox-bl { background: transparent url(/themes/default/images/marketplace/standardbox-proposal-sprites.png) 0 -171px no-repeat; height: 147px; } .project-overview.standardbox .standardbox-br { background: transparent url(/themes/default/images/marketplace/standardbox-proposal-sprites.png) 100% -318px no-repeat; height: 147px; margin-left:11px; } /******************************* new popup overlay *******************************/ .vidoverlay { padding:30px; width:410px; display:none; background-image:url(images/white.png); } .vidoverlay div.close { background:url(images/close.png) no-repeat; position:absolute; top:2px; right:5px; width:35px; height:35px; cursor:pointer; } .vidoverlay2 { padding:30px; width:500px; display:none; background-image:url(images/white.png); } .vidoverlay3 { width:580px; margin-bottom:49px; display:none; background-image:url(images/white.png); } .vidoverlay3 div.close { background:url(images/close.png) no-repeat; position:absolute; top:2px; right:5px; width:35px; height:35px; cursor:pointer; } .avv{ cursor:pointer; } .avv2{ cursor:pointer; } a.player { display:block; height:320px; } a.player2 { display:block; height:320px; } a.player3 { display:block; height:320px; } .feed-vidoverlay { padding:30px; width:434px; display:none; background-image:url(images/white-16-9.png); } .feed-vidoverlay div.close { background:url(images/close.png) no-repeat; position:absolute; top:2px; right:5px; width:35px; height:35px; cursor:pointer; } a.feed-player { display:block; height:268px; } #_overlayImage { z-index: 10000; } /******************************************** order video *********************************************************************/ /* .order-video-box { width: 984px; height: 387px; margin-bottom: 20px; } .order-video-box .leftbox { float: left; background:url(/themes/default/images/marketplace/1.1/video-order-leftbox.png) 0 0 no-repeat; height: 390px; width: 307px;} .order-video-box .leftbox .box { width: 250px; height: 56px; padding: 18px 35px 22px 22px; cursor: pointer; color: #005612;} .order-video-box .leftbox .box .title { font-size: 17px; font-weight: bold; } .order-video-box .leftbox .box .description { font-size: 11px; } .order-video-box .leftbox .box.active { color: #fff; } .order-video-box .leftbox .box.box1.active { background: url(/themes/default/images/marketplace/1.1/video-order-leftbox.png) 0 -400px no-repeat; } .order-video-box .leftbox .box.box2.active { background: url(/themes/default/images/marketplace/1.1/video-order-leftbox.png) 0 -500px no-repeat; } .order-video-box .leftbox .box.box3.active { background: url(/themes/default/images/marketplace/1.1/video-order-leftbox.png) 0 -600px no-repeat; } .order-video-box .leftbox .box.box4.active { background: url(/themes/default/images/marketplace/1.1/video-order-leftbox.png) 0 -700px no-repeat; } .order-video-box .rightbox { margin-left: 307px; background: url(/themes/default/images/marketplace/1.1/video-order-rightbox.png) 0 0 no-repeat; height: 345px; width: 630px; padding: 25px 25px 22px 22px;} .order-video-box .rightbox.noborder { background: url(/themes/default/images/marketplace/1.1/video-order-rightbox-noborder.png) 0 0 no-repeat; } .order-video-box #content2, .order-video-box #content3, .order-video-box #content4 { display: none; } .order-video-box .rightbox .leftsubbox { width: 320px; float: left; } .order-video-box .rightbox .leftsubbox h1 { font-size: 24px; color: #14486b; margin: 0px; } .order-video-box .rightbox .leftsubbox h3 { font-size: 14px; font-weight: bold; color: #000; margin:10px 0 20px 0; } .order-video-box .rightbox .leftsubbox p { margin: 15px 0px !important; } .order-video-box .rightbox .leftsubbox .videobox { position: relative; background-color: #ecf1f4; padding: 5px 0 5px 16px; overflow: hidden;} .order-video-box .rightbox .leftsubbox .videobox h4 { font-size: 11px; font-weight: bold; color: #14486b; margin: 5px 0px; } .order-video-box .rightbox .leftsubbox .videobox .clipbox { width: 83px; float: left; margin-right: 18px; } .order-video-box .rightbox .leftsubbox .videobox .video-description { font-size: 11px; margin: 5px 0px } .order-video-box .rightbox .leftsubbox .videobox .thumb-box { width: 87px; position: relative; } .order-video-box .rightbox .leftsubbox .videobox .thumb-box .play_btn { left:50%; margin-left:-20px; margin-top:-20px; position:absolute; top:50%; } .order-video-box .rightbox .rightsubbox { width: 251px; margin-left: 379px; } .order-video-box .rightbox .rightsubbox .title { font-size: 14px; font-weight: bold; margin-bottom: 5px; } .order-video-box .rightbox .rightsubbox .video-length-box { margin-bottom: 10px; } .order-video-box .rightbox .rightsubbox .video-length-box label { cursor: pointer; display: block; padding: 7px 8px; color: #698091; height: 14px; width: 231px; margin: 0px 0px; font-weight: bold; } .order-video-box .rightbox .rightsubbox .video-length-box label:hover { background: url(/themes/default/images/marketplace/1.1/video-order-sprities.png) 0 -40px; color: #14486b; } .order-video-box .rightbox .rightsubbox .video-length-box label.choosen {background: url(/themes/default/images/marketplace/1.1/video-order-sprities.png) 0 0; color: #14486b; } .order-video-box .rightbox .rightsubbox .video-length-box label input { margin-right: 10px; float: left; } .order-video-box .rightbox .rightsubbox .video-length-box label .price { float: right; } .order-video-box .rightbox .rightsubbox .license-box { margin-bottom: 10px; } .order-video-box .rightbox .rightsubbox .license-box label { cursor: pointer; display: block; padding: 5px 8px; color: #698091; height: 42px; width: 231px; margin: 0px 0px; font-weight: bold; line-height: 1em; } .order-video-box .rightbox .rightsubbox .license-box label:hover { background: url(/themes/default/images/marketplace/1.1/video-order-sprities.png) 0 -240px; color: #14486b; } .order-video-box .rightbox .rightsubbox .license-box label.choosen { background: url(/themes/default/images/marketplace/1.1/video-order-sprities.png) 0 -180px; color: #14486b; } .order-video-box .rightbox .rightsubbox .license-box label input { margin-right: 10px; } .order-video-box .rightbox .rightsubbox .license-box label .price { float: right; margin-top:5px;} .order-video-box .rightbox .rightsubbox label .desc { float: left; } .order-video-box .rightbox .rightsubbox .license-box label .subdesc-terms { display: block; font-size:9px; font-weight: normal; margin-left: 25px; } */ /******************************************** ec_landing **************************************************************************/ #ec_landing {} .ec_landing_topbanner { background: url(/themes/default/images/marketplace/1.1/ec_landing-sprities.png) 0 0 no-repeat; width: 984px; height: 542px; position: relative; } .ec_landing_topbanner .ec_welcome_message { position: absolute; top: 40px; left: 50px; color: #fff; width: 500px;} .ec_landing_topbanner .ec_welcome_message h1 { font-size: 30px; color: #fff; margin-bottom: 25px; } .ec_landing_topbanner .ec_welcome_message p { color: #fff; font-size: 18px; } .ec_landing_topbanner .ec_loginbox { position: absolute; top: 40px; left: 630px; width: 285px; font-size: 14px; } .ec_landing_topbanner .ec_loginbox h3 { margin: 10px 0 30px 0; color: #14486b; font-size: 20px; } .ec_landing_topbanner .ec_loginbox p { font-size: 14px; margin: 8px 0px 18px; } .ec_landing_topbanner .ec_loginbox label { display: block; font-size: 12px; margin-top: 10px; } .ec_landing_topbanner .ec_loginbox label.error { color: red; } .ec_landing_topbanner .ec_loginbox input.text { padding: 5px; font-weight: bold; font-size: 18px; width: 278px; margin: 5px 0px; border:1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .ec_landing_topbanner .ec_loginbox input.submitbtn { padding-bottom: 4px; cursor: pointer; font-size: 18px; color: #fff; width: 133px; height: 40px; background: url(/themes/default/images/marketplace/1.1/ec_landing_loginbutton.png) 0 0 no-repeat; border: 0px; margin-right: 10px; } .ec_landing_topbanner .ec_loginbox .submit_button_container { margin-top: 10px } .ec_landing_topbanner .ec_loginbox a.alreadycreate { font-size: 10px; letter-spacing: -1px; } .ec_content { background: url(/themes/default/images/marketplace/1.1/ec_landing-sprities2.png) 0 0 repeat-y; padding: 30px 44px 30px 44px;} .ec_content .ec_content_text { padding: 10px 0px; border-bottom: 1px solid #bbb; margin-bottom: 30px; } .ec_content .ec_content_text h2 { font-size: 28px; color: #14486b; } .ec_content .ec_content_text p { font-size: 12px; } .ec_footer {background: url(/themes/default/images/marketplace/1.1/ec_landing-sprities.png) 0 -550px no-repeat; width: 984px; height: 10px; margin-bottom: 20px; } .ec_landing_topbanner.login { background: url(/themes/default/images/marketplace/1.1/ec_landing-sprities.png) 0 -600px no-repeat; width: 984px; height: 479px; position: relative; margin-bottom: 20px; } /************************************************ ec_dashboard ************************************************************************/ .ec_dashboard { margin-bottom: 20px; } .ec_dashboard .ec_dashboard_topbox { background: url(/themes/default/images/marketplace/1.1/ec_myvideo_box.png) 0 0 no-repeat; height: 255px; width: 984px; position:relative;} .ec_dashboard .ec_dashboard_topbox_leftcol { width: 595px; height: 136px; padding: 41px 41px 78px 41px; float: left; } .ec_dashboard .ec_dashboard_topbox_leftcol h1 { font-size: 28px; color: #7eaa21 } .ec_dashboard .ec_dashboard_topbox_leftcol p { font-size: 14px; color: #444; } .ec_dashboard .ec_dashboard_topbox_rightcol { width: 232px; heigth: 154px; padding: 23px 34px 78px 34px; float: left; color: #fff; } .ec_dashboard .ec_dashboard_topbox_rightcol .title { margin: 10px 0 5px 0; font-weight: bold; } .ec_dashboard .ec_dashboard_topbox_rightcol h3 { font-size: 16px; font-weight: bold; margin-top: 0px; color: #fff; } .ec_dashboard .ec_dashboard_topbox_rightcol p { font-size: 12px; color: #fff; } .ec_dashboard .content { background: url(/themes/default/images/marketplace/1.1/ec_myvideo_box_lrborder.png) 0 0 repeat-y; padding: 0 28px 28px 28px; overflow: hidden; } .ec_dashboard .content .leftcol { border-right: 1px solid #ccc; width: 650px; float: left;} .ec_dashboard .content .leftcol h3 { font-weigth: bold; font-size: 18px; margin:0 0 10px 0; } .ec_dashboard .content .leftcol .video { margin: 20px 0px; overflow: hidden;} .ec_dashboard .content .leftcol .video .video-progress { width: 622px; height: 66px ; background: url(/themes/default/images/marketplace/1.1/ec_myvideo_spirities.png) 0 -80px no-repeat; } .ec_dashboard .content .leftcol .video .video-progress.stage2 { background-position: 0 -180px; } .ec_dashboard .content .leftcol .video .video-progress.stage3 { background-position: 0 -280px; } .ec_dashboard .content .leftcol .video .video-progress.stage4 { background-position: 0 -380px; } .ec_dashboard .content .leftcol .video .video-progress.stage5 { background-position: 0 -480px; } .ec_dashboard .content .leftcol .video .video-content { width: 622px; overflow: hidden; } .ec_dashboard .content .leftcol .video .video-content .rb { padding-right: 2px; width: 620px; background: url(/themes/default/images/marketplace/1.1/ec_myvideo_videobox_rb.png) 100% 0 repeat-y ;} .ec_dashboard .content .leftcol .video .video-content .lb { padding: 20px; overflow: hidden; border: 1px solid #e5eaed; background:url(/themes/default/images/marketplace/1.1/ec_myvideo_spirities.png) 0 -585px no-repeat #ecf1f4; } .ec_dashboard .content .leftcol .video .video-content h3 { font-size: 14px; font-weight: bold; color: #14486b; margin-bottom: 5px; } .ec_dashboard .content .leftcol .video .video-content p { margin: 2px 0px; font-size: 11px; color: #666;} .ec_dashboard .content .leftcol .video .video-content .viewmore { font-size: 11px; color: #14486b; font-weight: bold; margin-top: 5px; } .ec_dashboard .content .leftcol .video .video-content .lb img { float: left; border: 0px; } .ec_dashboard .content .leftcol .video .video-content .lb .inside { margin-left: 140px; } .ec_dashboard .content .leftcol .video .video-footer { width: 622px; height: 2px; background: url(/themes/default/images/marketplace/1.1/ec_myvideo_spirities.png) 0 -581px no-repeat;} .ec_dashboard .content .rightcol { margin-left: 678px; } .ec_dashboard .content .rightcol h3 { font-weight: bold; font-size: 18px; margin: 0 0 10px 0; } .ec_dashboard .content .rightcol a.icon-text { margin: 3px 0; } .ec_dashboard .footer { background: url(/themes/default/images/marketplace/1.1/ec_myvideo_box.png) 0 -300px no-repeat; height: 11px; width: 984px; } .ec_dashboard-sprities { background: url(/themes/default/images/marketplace/1.1/ec_myvideo_spirities.png) 0 0 no-repeat; height: 19px; padding-left: 24px; } .ec_dashboard-sprities.user { background-position: 0 0; } .ec_dashboard-sprities.phone { background-position: 0 -20px; } .ec_dashboard-sprities.mail { background-position: 0 -40px; text-decoration: underline; } .ec_dashboard-sprities.mail a { color: #fff; } /*********************************** Multi-File Uploads *************************************/ .multi-uploader {} .multi-uploader label { float: left; padding: 3px 0; } .multi-uploader .upload-row { margin: 8px 0; } .multi-uploader .upload-row-inside { margin-left: 80px; color: #999; } .multi-uploader input { margin-right: 10px; } .multi-uploader .existing-files { overflow: hidden; margin: 10px 0 20px; border-bottom: 1px dotted #ccc; padding: 0; } .multi-uploader .existing-files .existing-file { float: left; width: 140px; text-align: center; padding-bottom: 15px; } .multi-uploader .existing-files .existing-file-thumb { margin-bottom: 6px; height:90px; text-align: center; } .multi-uploader .existing-files .existing-file-info { text-align: center; color: #666; font-size: 0.9em; overflow: hidden; } .multi-uploader .existing-files .existing-file-info strong { display: block; } /********************************* EC Message *******************************************************************/ #ec_message {} #ec_message .content { padding-bottom: 20px; } #ec_message h1 { line-height: 1.5em } #ec_message .leftcol { float: left; width: 210px;} #ec_message .leftcol .message-icon { display:block; background: url(/themes/default/images/marketplace/1.1/ec_message_sprities.png) 0 0 no-repeat; width: 150px; height: 22px; padding:5px 0 0 30px; color: #14486b; margin: 3px 0px; } #ec_message .leftcol .message-icon.active { color: #000; font-weight: bold; } #ec_message .leftcol .message-icon.newmessage { background-position: 0 0 } #ec_message .leftcol .message-icon.newmessage.active { background-position: 0 -250px; } #ec_message .leftcol .message-icon.inbox { background-position: 0 -50px; } #ec_message .leftcol .message-icon.inbox.active { background-position: 0 -200px; } #ec_message .leftcol .message-icon.sentmessage { background-position: 0 -100px; } #ec_message .leftcol .message-icon.sentmessage.active { background-position: 0 -150px; } #ec_message .rightcol { margin-left: 211px; border-left: 1px solid #ccc; padding: 10px 0 20px 20px; } #ec_message .rightcol .messages { width: 690px; padding: 10px 0px 10px 10px;} #ec_message .rightcol .messages a { color: #14486b; } #ec_message .rightcol .messages .delete-selected { font-weight: bold; color: #14486b; float: right; display:none; margin-right: 20px; } #ec_message .rightcol .messages.header { overflow: hidden; padding-bottom: 0px; border-top: 1px solid #d2d9de; background-color: #ecf1f4; height: 26px; margin-bottom: 1px; } #ec_message .rightcol .messages.header .selectbox { font-size: 11px; width: 300px; float: left; } #ec_message .rightcol .messages.body { border-bottom: 1px solid #ccc; overflow: hidden; } #ec_message .rightcol .messages.body .seleckbox { float: left; width: 32px; padding-top: 3px; } #ec_message .rightcol .messages.body .subtitle { font-size: 11px; color: #777; margin: 0px; } #ec_message .rightcol .messages.body .author { font-size: 12px; color: #000; margin: 0px; } #ec_message .rightcol .messages.body .author.new { font-weight:bold; } #ec_message .rightcol .messages.body .message-head { float: left; width: 185px;} #ec_message .rightcol .messages.body .message-body { float: left; width: 400px; padding:0 20px; } #ec_message .rightcol .messages.body .message-body.new { background: url(/themes/default/images/marketplace/1.1/ec_message_sprities.png) 0 -400px no-repeat; } #ec_message .rightcol .messages.body .message-body.new a { font-weight: bold; } #ec_message .rightcol .messages.body .message-control { float: left; background: url(/themes/default/images/marketplace/1.1/ec_message_sprities.png) 0 -300px no-repeat; width: 20px; height: 30px; } #ec_message .rightcol .messages.body .message-control.active { float: left; background: url(/themes/default/images/marketplace/1.1/ec_message_sprities.png) 0 -350px no-repeat; } #ec_message .rightcol .messages.header .back { float: left; background: url(/themes/default/images/marketplace/1.1/ec_message_sprities.png) 0 -428px no-repeat; width: 90px; padding-left: 20px } #ec_message .rightcol .messages.header .delete { float: right; background: url(/themes/default/images/marketplace/1.1/ec_message_sprities.png) 0 -347px no-repeat; width: 60px; padding-left: 20px } #ec_message .rightcol .messages.message-content { padding: 20px 0; border-bottom: 1px solid #ccc; } #ec_message .rightcol .messages.message-content .author { font-weight: bold; color: #14486b; margin-bottom: 10px; } #ec_message .rightcol .messages.message-content .author .message-time { font-size: 11px; color: #777; font-weight: normal; } #ec_message .rightcol .messages.message-content .form-entity-fields { margin-left: 100px; } #ec_message .rightcol .messages.message-content .entity-label { width: 80px; } /*********************************** order-video-thankyou *********************************************************************************/ #order-video-thankyou {} #order-video-thankyou .main-content { overflow: hidden; padding-bottom: 100px; } #order-video-thankyou table { margin-bottom: 20px } #order-video-thankyou td { padding: 5px; } #order-video-thankyou td.title { background-color: #c5c5c5; } #order-video-thankyou .custom-detail { float: left; margin-top: 0px; } #order-video-thankyou .custom-detail p { margin: 5px 0 0 0 } #order-video-thankyou .reference-detail { float: right; margin: 0px 180px 0 0; border-left: solid 2px #ccc; padding: 0px 0px 0px 20px; height:120px;} #order-video-thankyou .reference-detail p { margin: 5px 0 0 0 } #order-video-thankyou .subtotal { margin-right: 20px; } #order-video-thankyou p.email-notice { width: 600px; } /************************* placeholder **************************************************************************/ input.placeholder { color: #999 !important; } /***************************************** standardcappedbox ********************************************************/ .standardcappedbox {} .standardcappedbox .standardbox-tl { background: transparent url(/themes/default/images/ec/standardbox-cap-green.png) 0 0 no-repeat; height: 40px; margin-bottom: 0px;} .standardcappedbox .standardbox-tr { background: transparent url(/themes/default/images/ec/standardbox-cap-green.png) 100% -40px no-repeat; height: 41px; margin-left:10px; padding: 9px 0px 9px 5px; color: #fff; font-weight:bold; font-size: 16px; } .standardcappedbox .standardbox-content { margin: 5px; } .standardcappedbox.blue {} .standardcappedbox.blue .standardbox-tl { background-image: url(/themes/default/images/ec/standardbox-cap-blue.png); } .standardcappedbox.blue .standardbox-tr { background-image: url(/themes/default/images/ec/standardbox-cap-blue.png); } .contactus-box .standardbox-content { margin: 15px 10px 10px;} .contactus-box a { margin: 0.25em 0; } .contactus-box p { color: #555555; font-size: 13px; font-weight:bold; font-family: Arial,Helvetica,San Serif;} .contactus-box h3 { color:#578000; margin:5px 0px 5px 0px; padding: 0px;font-family: Arial,Helvetica,San Serif;} .contactus-box .project {color: #14496B; font-weight:bold;} .contactus-box .arrow {margin-bottom:-3px;} .contactus-box .button {display:block;margin-top:10px;} .order-box h1{color: #7eaa21; font-weight:bold; border:none; padding:0px; margin: 0px 0px 12px 0px;} .order-box th{color: #231f20; background-color: #d6d5d5; font-weight:bold; text-align:right;padding: 4px 4px 4px 4px;} .order-box td{background-color: #f3f3f3; text-align: right; } .order-box .subtotal {margin-top:20px;} .order-box .content {padding: 8px 10px 0px 20px;} .order-box .custom-detail h4{color:#578000;font-size:15px;padding:0px 0px 5px 0px; margin:0px;} .order-box .reference-detail h4{color:#578000;font-size:15px;padding:0px 0px 5px 0px;margin:0px;} .order-box .custom-detail p{font-size: 11px; } .order-box .reference-detail p{font-size: 11px;} /*************************************************** Alert Box *************************************************/ .alertbox { } .alertbox .topborder { background: url('/themes/default/images/ec/alert_box_blue.png') no-repeat 100% -5px transparent; height: 5px;} .alertbox .topleftcorner { background: url('/themes/default/images/ec/alert_box_blue.png') no-repeat 0 0 transparent; padding-left: 5px; } .alertbox .content_wrapper { background-color: #14496b; overflow: hidden; } .alertbox .content { font-size: 12px; color: #fff; padding:7px 17px; margin-left: 43px;font-family: Arial,Helvetica,San Serif;} .alertbox.icon .icon_holder { background: transparent url('/themes/default/images/ec/alert_box_icon_sprites.png') no-repeat 0px 0px; height: 25px; width: 26px; float: left; margin: 13px 0 0 17px; } .alertbox .bottomborder{ background: url('/themes/default/images/ec/alert_box_blue.png') no-repeat 100% -15px transparent; height: 5px; } .alertbox .bottomleftcorner { background: url('/themes/default/images/ec/alert_box_blue.png') no-repeat 0 -10px transparent; padding-left: 5px; } .alertbox.single_line .content { padding: 16px 17px; } .alertbox.icon.icon_warning .icon_holder { background-position: 0px -30px; } /************************************** Custom proposal overview ***********************************************************************/ .proposal_details.custom_proposal_overview .description2 { clear: both; margin: 10px 0; } .proposal_details.custom_proposal_overview .thankyou { color: #315F83; font-size: 33px; line-height: 34px; margin: 0 0 0 10px; padding: 0px; font-family: Arial,Helvetica,sans-serif } .proposal_details.custom_proposal_overview p { color: #333; margin: 0.35em 0 1.35em; font-family: Arial,Helvetica,sans-serif } .project-contact-box { } .project-contact-box h3 { font-size: 14px; color: #555; margin: 1em 0 0.3em; font-family: Arial,Helvetica,sans-serif} .project-contact-box p { margin: 0 0 0 5px; color: #555; font-family: Arial,Helvetica,sans-serif} .project-contact-box p a, .project-contact-box p span { margin: 0.25em 0; font-weight: bold; font-family: Arial,Helvetica,sans-serif } .project-contact-box .project-id { float: right; font-size: 12px; font-weight: normal; margin-top: 2px; font-family: Arial,Helvetica,sans-serif} /************************************** Icon 16 *******************************************************/ .icon-text16 { display: inline-block; background: url('/themes/default/images/ec/icon-sprites.png') no-repeat 0 0; height: 16px; padding: 0 0 0 22px; font-size: 13px; } .icon-text16.icon-bullet { height: 23px; padding: 3px 0 0 28px; } .icon-text16.icon-bulletd { height: 23px; padding: 3px 0 0 28px; background-position: 0 -250px; } .icon-text16.icon-mail { background-position: 0 -50px; } .icon-text16.icon-phone { background-position: 0 -100px; } .icon-text16.icon-chat { background-position: 0 -150px; } .icon-text16.icon-pdf { background-position: 0 -200px; } .icon-text16.icon-user { background-position: 0 -250px; } /******************************************* Ajax upload ********************************************/ .upload-status { background: url('/themes/default/images/ajax-loader-fb.gif') no-repeat 0 2px; font-weight: bold; color: #333; padding-left: 22px; margin-bottom: 10px; } .ajaxfilename { color: #444; } .ajaxForm { margin-bottom: 10px; } .stdform-group .ajaxResponse h3 { width: auto; margin-top: 0px; } .ajaxResponse a.reupload { float: right; font-size: 10px; font-weight: normal; font-family: Arial,Helvetica,sans-serif; margin-right: 10px; color:#fff; cursor:pointer } .ajaxForm div { display:none; }