/*--------------------------------------------------------------------- Filename: screen.css Description: Global CSS Version: 3.0 (2011-02-19) Website: www.welshotimaging.co.uk Author: Chris Jones Author Contact: hellochris@flatant.co.uk / www.flatant.co.uk == STRUCTURE: ======================================================== Page width: 960px Number of columns: 12 $__header Header Definitions $__navigation Navigation Definitions $__footer Footer Definitions $__content Page Content Definitions == COLOR PALETTE: ==================================================== #97bf0d - Welshot Green #6d8a08 - Alternative Green #ffd521 - Yellow for Links #ffffff - White #000000 - Black #1e1e1e - Dark Grey / Black #cc0000 - Red #cfd6d6 - Pale Blue ---------------------------------------------------------------------*/ /* -------------------------------------*/ /* -------->>> 960gs <<<---------*/ /* -------------------------------------*/ /* RESET v1.6.1 http://code.google.com/p/html5resetcss/downloads/list */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}body{ line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{ list-style:none}blockquote,q{ quotes:none}blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none}a{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent}ins{ background-color:#ff9; color:#000; text-decoration:none}mark{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold}del{ text-decoration:line-through}abbr[title],dfn[title]{ border-bottom:1px dotted; cursor:help}table{ border-collapse:collapse; border-spacing:0}hr{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0}input,select{ vertical-align:middle} /* GRID 960 - 12col version http://960.gs/ */ body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.container_12 .grid_3{width:220px}.container_12 .grid_6{width:460px}.container_12 .grid_9{width:700px}.container_12 .grid_12{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_3{left:240px}.container_12 .push_6{left:480px}.container_12 .push_9{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_3{left:-240px}.container_12 .pull_6{left:-480px}.container_12 .pull_9{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} /* GRID 960 Default Font - http://960.gs/ */ body{font:13px/1.7 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} /* -------------------------------------*/ /* -------->>> DEFAULT <<<---------*/ /* -------------------------------------*/ html { background: url(../images/green-layout/bg-html.png) repeat; color: #fff; } body { background: url(../images/green-layout/bg-body.png) no-repeat top center; color: #fff; } body#iframe { background:none; padding: 10px; min-width:600px } a:link, a:visited { color: #97bf0d; text-decoration: none; } a:hover { color: #ffd521; } a:active { color: #cc0000; } a:focus { outline: none; } a.white { color: #fff; } hr { border: none; background: url(../images/green-layout/bokeh-break.png) no-repeat; width: 297px; height: 35px; margin: 40px auto; } /* -------------------------------------*/ /* -------->>> FONTS <<<---------*/ /* -------------------------------------*/ h1 { font-size: 2.8em; line-height: 1; text-transform: lowercase; color: #97bf0d; } h2 { font-size: 2em; line-height: 1; text-transform: lowercase; color: #97bf0d; border-bottom: 0.09em dashed #282828; padding-bottom: 5px; } h2.no-border-bottom { border: none; } h3 { font-size: 1.4em; margin-bottom: 0px; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } .text-align-center { text-align: center; margin: 0 auto; } .font-14 { font-size: 16px; font-weight: bold; margin-bottom: 0; } /* @todo - try and remove these classes */ .green { color: #97bf0d; } .font-11 { font-size: 11px; } p.join-subheading { font-weight: bold; font-size: 16px; margin: 5px 0; text-align: center; } /* -------------------------------------*/ /* -------->>> EXTRA MARGIN <<<---------*/ /* -------------------------------------*/ .no-margin-bottom { margin-bottom: 0; } .margin-top-40 { margin-top: 40px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-30 { margin-bottom: 30px; } /* navigation bottom bar */ .margin-bottom-40 { margin-bottom: 40px; } .margin-right-20 { margin-right: 20px; } /* @todo - try and remove these classes */ .margin_top_1 { margin-top: 1px; } .margin_top_5 { margin-top: 5px; } .margin_top_10 { margin-top: 10px; } .margin_top_20 { margin-top: 20px; } .margin_top_40 { margin-top: 40px; } .margin_top_50 { margin-top: 50px; } .margin_top_60 { margin-top: 60px; } .margin_top_70 { margin-top: 70px; } .margin_top_80 { margin-top: 80px; } .margin_top_100 { margin-top: 100px; } .margin_bottom_5 { margin-bottom: 5px; } .margin_bottom_20 { margin-bottom: 20px; } .margin_bottom_40 { margin-bottom: 40px; } .margin_bottom_60 { margin-bottom: 60px; } .no_margin_bottom { margin-bottom: 0px; } .no_margin_top { margin-top: 0px; } .margin_right_10 { margin-right: 10px; } .margin_right_20 { margin-right: 20px; } .margin_right_40 { margin-right: 40px; } .margin_right_60 { margin-right: 60px; } .margin_left_right_10 { margin: 0 5px; } /* -------------------------------------*/ /* -------->>> EXTRA PADDING <<<--------*/ /* -------------------------------------*/ /* @todo - try and remove these classes */ .padding_5 { padding: 5px; } .padding_top_20 { margin-top: 20px; } /* -------------------------------------*/ /* -------->>> COLOUR BARS <<<---------*/ /* -------------------------------------*/ div.colour-bar-bottom { width: 100%; height: 10px; background: url(../images/green-layout/bg-nav-dark.png) repeat; -webkit-border-radius: 0 0 0.6em 0.6em; -moz-border-radius: 0 0 0.6em 0.6em; -o-border-radius: 0 0 0.6em 0.6em; border-radius: 0 0 0.6em 0.6em; z-index: 1; } div.colour-bar-top { width: 100%; height: 10px; margin:0; padding: 0; background: url(../images/green-layout/bg-nav-dark.png) repeat; -webkit-border-radius: 0.6em 0.6em 0 0; -moz-border-radius: 0.6em 0.6em 0 0; -o-border-radius: 0.6em 0.6em 0 0; border-radius: 0.6em 0.6em 0 0; z-index: 1; } div.grey-bar-bottom { width: 100%; height: 10px; background: #555; -webkit-border-radius: 0 0 0.6em 0.6em; -moz-border-radius: 0 0 0.6em 0.6em; -o-border-radius: 0 0 0.6em 0.6em; border-radius: 0 0 0.6em 0.6em; z-index: 1; } div.grey-bar-top { width: 100%; height: 10px; background: #555; -webkit-border-radius: 0.6em 0.6em 0 0; -moz-border-radius: 0.6em 0.6em 0 0; -o-border-radius: 0.6em 0.6em 0 0; border-radius: 0.6em 0.6em 0 0; z-index: 1; } div.blue-bar-bottom { width: 100%; height: 10px; background: url(../images/green-layout/bg-blue-noise.png) repeat; -webkit-border-radius: 0 0 0.6em 0.6em; -moz-border-radius: 0 0 0.6em 0.6em; -o-border-radius: 0 0 0.6em 0.6em; border-radius: 0 0 0.6em 0.6em; z-index: 1; } div.blue-bar-top { width: 100%; height: 10px; margin:0; padding: 0; background: url(../images/green-layout/bg-blue-noise.png) repeat; -webkit-border-radius: 0.6em 0.6em 0 0; -moz-border-radius: 0.6em 0.6em 0 0; -o-border-radius: 0.6em 0.6em 0 0; border-radius: 0.6em 0.6em 0 0; z-index: 1; } div.orange-bar-bottom { width: 100%; height: 10px; background: url(../images/green-layout/bg-orange-noise.png) repeat; -webkit-border-radius: 0 0 0.6em 0.6em; -moz-border-radius: 0 0 0.6em 0.6em; -o-border-radius: 0 0 0.6em 0.6em; border-radius: 0 0 0.6em 0.6em; z-index: 1; } div.orange-bar-top { width: 100%; height: 10px; margin:0; padding: 0; background: url(../images/green-layout/bg-orange-noise.png) repeat; -webkit-border-radius: 0.6em 0.6em 0 0; -moz-border-radius: 0.6em 0.6em 0 0; -o-border-radius: 0.6em 0.6em 0 0; border-radius: 0.6em 0.6em 0 0; z-index: 1; } div.purple-bar-bottom { width: 100%; height: 10px; background: url(../images/green-layout/bg-purple-noise.png) repeat; -webkit-border-radius: 0 0 0.6em 0.6em; -moz-border-radius: 0 0 0.6em 0.6em; -o-border-radius: 0 0 0.6em 0.6em; border-radius: 0 0 0.6em 0.6em; z-index: 1; } div.purple-bar-top { width: 100%; height: 10px; margin:0; padding: 0; background: url(../images/green-layout/bg-purple-noise.png) repeat; -webkit-border-radius: 0.6em 0.6em 0 0; -moz-border-radius: 0.6em 0.6em 0 0; -o-border-radius: 0.6em 0.6em 0 0; border-radius: 0.6em 0.6em 0 0; z-index: 1; } div.red-bar-bottom { width: 100%; height: 10px; background: url(../images/green-layout/bg-red-noise.png) repeat; -webkit-border-radius: 0 0 0.6em 0.6em; -moz-border-radius: 0 0 0.6em 0.6em; -o-border-radius: 0 0 0.6em 0.6em; border-radius: 0 0 0.6em 0.6em; z-index: 1; } div.red-bar-top { width: 100%; height: 10px; margin:0; padding: 0; background: url(../images/green-layout/bg-red-noise.png) repeat; -webkit-border-radius: 0.6em 0.6em 0 0; -moz-border-radius: 0.6em 0.6em 0 0; -o-border-radius: 0.6em 0.6em 0 0; border-radius: 0.6em 0.6em 0 0; z-index: 1; } div.green-bar-bottom { width: 100%; height: 10px; background: url(../images/green-layout/bg-green-noise.png) repeat; -webkit-border-radius: 0 0 0.6em 0.6em; -moz-border-radius: 0 0 0.6em 0.6em; -o-border-radius: 0 0 0.6em 0.6em; border-radius: 0 0 0.6em 0.6em; z-index: 1; } div.green-bar-top { width: 100%; height: 10px; margin:0; padding: 0; background: url(../images/green-layout/bg-green-noise.png) repeat; -webkit-border-radius: 0.6em 0.6em 0 0; -moz-border-radius: 0.6em 0.6em 0 0; -o-border-radius: 0.6em 0.6em 0 0; border-radius: 0.6em 0.6em 0 0; z-index: 1; } div.yellow-bar-bottom { width: 100%; height: 10px; background: url(../images/green-layout/bg-yellow-noise.png) repeat; -webkit-border-radius: 0 0 0.6em 0.6em; -moz-border-radius: 0 0 0.6em 0.6em; -o-border-radius: 0 0 0.6em 0.6em; border-radius: 0 0 0.6em 0.6em; z-index: 1; } div.yellow-bar-top { width: 100%; height: 10px; margin:0; padding: 0; background: url(../images/green-layout/bg-yellow-noise.png) repeat; -webkit-border-radius: 0.6em 0.6em 0 0; -moz-border-radius: 0.6em 0.6em 0 0; -o-border-radius: 0.6em 0.6em 0 0; border-radius: 0.6em 0.6em 0 0; z-index: 1; } div.blue-block { background: #19a9d8; margin-bottom: 0; padding: 10px 10px 10px; z-index: 5; color: #fff; } div.blue-block h2 { font-size: 18px; color: #fff; border: none; margin-bottom: 5px; } div.blue-block p { margin-bottom: 0; } div.orange-block { background: #efa506; margin-bottom: 0; padding: 10px 10px 10px; z-index: 5; color: #fff; } div.orange-block h2 { font-size: 18px; color: #fff; border: none; margin-bottom: 5px; } div.orange-block p { margin-bottom: 0; } div.purple-block { background: #bc25ce; margin-bottom: 0; padding: 10px 10px 10px; z-index: 5; color: #fff; } div.purple-block h2 { font-size: 18px; color: #fff; border: none; margin-bottom: 5px; } div.purple-block p { margin-bottom: 0; } div.red-block { background: #e23a3a; margin-bottom: 0; padding: 10px 10px 10px; z-index: 5; color: #fff; } div.red-block h2 { font-size: 18px; color: #fff; border: none; margin-bottom: 5px; } div.red-block p { margin-bottom: 0; } div.green-block { background: #168f49; margin-bottom: 0; padding: 10px 10px 10px; z-index: 5; color: #fff; } div.green-block h2 { font-size: 18px; color: #fff; border: none; margin-bottom: 5px; } div.green-block p { margin-bottom: 0; } div.yellow-block { background: #ebdd00; margin-bottom: 0; padding: 10px 10px 10px; z-index: 5; color: #111; } div.yellow-block h2 { font-size: 18px; color: #111; border: none; margin-bottom: 5px; } div.yellow-block p { margin-bottom: 0; } /* -------------------------------------*/ /* -------->>> __HEADER <<<---------*/ /* -------------------------------------*/ p.logo { background:url(../images/green-layout/welshot-logo.png) no-repeat; width: 300px; height: 95px; text-indent: -9999px; margin-bottom: 0px; } p.logo a { width: 300px; height: 95px; overflow: hidden; display: block; } p.logo a:hover { background: none; } h1.small_logo { margin-bottom: 20px; font-size: 1.5em; } /* LOGIN BAR ******************************************/ #login-bar { padding-top: 25px; } #login-bar p { text-align: right; font-size: 16px; font-weight: bold; margin: 0; } #login-bar p span { padding: 0 10px; } /* LOGGED IN BAR ******************************************/ #loggedin-bar { padding-top: 0px; } #loggedin-bar p { text-align: right; font-size: 14px; font-weight: bold; margin: 0; } #loggedin-bar p span { padding: 0 10px; } /* NAVIGATION BAR ******************************************/ div#navcontainer { margin: 0; } div#navcontainer ul#nav { } div#navcontainer ul#nav { position: relative; clear: both; height: 45px; margin: 0 auto; background: url(../images/green-layout/bg-nav.png) repeat; border: 2px solid #6d8a08; border-bottom: none; -webkit-border-radius: 0.6em 0.6em 0 0; -moz-border-radius: 0.6em 0.6em 0 0; -o-border-radius: 0.6em 0.6em 0 0; border-radius: 0.6em 0.6em 0 0; } div#navcontainer ul#nav li { display: inline; float: left; text-transform: lowercase; font-size: 14.5px; font-weight: bold; list-style: none outside; margin: 0; } div#navcontainer ul#nav li a { color: #000; padding: 10px 4px; margin: 0 10px; display: block; } div#navcontainer ul#nav li a:hover { text-decoration: underline; } p.second-lev-nav { text-align: right; font-size: 12px; margin-top: 20px; margin-bottom: 0; text-transform: lowercase; } /* ACADEMY A-Z ******************************************/ ul#academy-az { position: relative; clear: both; } ul#academy-az li { display: inline; float: left; text-transform: lowercase; font-size: 15px; font-weight: bold; list-style: none outside; border: 1px solid #666; margin-left: 0; margin: 10px 3px 40px; } ul#academy-az li a { color: #97bf0d; padding: 5px 10px; margin: 0 0px; display: block; } ul#academy-az li a:hover { background: #97bf0d; color: #fff; } /* -------------------------------------*/ /* -------->>> __FOOTER <<<---------*/ /* -------------------------------------*/ div#bubbles-bar-footer { background: url(../images/green-layout/bg-footer-bubbles.png) no-repeat; width: 940px; height: 38px; margin-top: 80px; } div#footer { background: url(../images/green-layout/bg-nav.png) repeat; color: #334103; border: 2px solid #6d8a08; border-top: none; -webkit-border-radius: 0 0 0.6em 0.6em; -moz-border-radius: 0 0 0.6em 0.6em; -o-border-radius: 0 0 0.6em 0.6em; border-radius: 0 0 0.6em 0.6em; margin-bottom: 10px; } div#footer a { color: #334103; } div#footer .contact-container { float: left; width: 160px; margin-top: 100px; } div#footer #contact-form { width: 610px; float: left; } div#footer #contact-form form { position: relative; margin-left: 10px; margin-top: 70px; } div#footer #contact-form form fieldset { margin: 0; padding: 0; } div#footer #contact-form form fieldset legend { position: absolute; top: -90px; left: -10px; font-weight: bold; font-size: 34px; color: #334103; margin-bottom: 5px; text-transform: lowercase; padding-left: 10px; padding-top: 10px; text-transform: lowercase; } div#footer #contact-form form fieldset legend span { display: block; font-size: 15px; } div#footer #contact-form form fieldset div { position: relative; margin: 10px 0; clear: both; width: 400px; } div#footer #contact-form form fieldset div#process-contactform { margin-left: 80px; width: 120px; } div#footer #contact-form form fieldset div div.status_message { position: absolute; top: 16px; right: 70px; } div#footer #contact-form form fieldset div div.status_message { position: absolute; top: 15px; right: -360px; margin: 0; padding: 0; } div#footer #contact-form form fieldset div div.status_message span.error { background: url(../images/green-layout/button-sprite.png) no-repeat -16px -319px; width: 16px; height: 16px; border: none; } div#footer #contact-form form fieldset label { float: left; width: 80px; font-weight: bold; font-size: 13px; padding-top: 4px; text-transform: lowercase; } div#footer #contact-form form fieldset input[type=text], div#footer #contact-form form fieldset input[type=email], div#footer #contact-form form fieldset input[type=password], div#footer #contact-form form fieldset textarea { background: #fff; display:block; border:2px solid #c7c7c7; font-size:14px; padding:6px; width:250px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; } div#footer #contact-form form fieldset input[type=text]:focus, div#footer #contact-form form fieldset input[type=email]:focus, div#footer #contact-form form fieldset input[type=password]:focus, div#footer #contact-form form fieldset textarea:focus { background: #fff; border-color: #97bf0d; } div#footer #contact-form form fieldset input[type=submit] { background: url(../images/green-layout/button-sprite.png) no-repeat -360px -80px; width: 100px; height: 30px; display: block; cursor: pointer; border: none; } div#footer #contact-form form fieldset input[type=submit]:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -360px -120px; } div#footer #contact-form h2 { color: #334103; border: none; padding-top: 10px; padding-left: 10px; margin-bottom: 0; } div#footer #contact-form p { color: #334103; border: none; padding-top: 10px; padding-left: 10px; } p#cardsaccepted { height: 32px; display: block; padding: 10px 0; position: relative; } p#cardsaccepted span { position: relative; top: -26px; right: -160px; text-indent: -9999px; width: 173px; height: 32px; display: block; background: url(../images/green-layout/cards-accepted.png) no-repeat; } /* -------------------------------------*/ /* -------->>> __CONTENT <<<---------*/ /* -------------------------------------*/ /* Notifications ********************************************************************/ .notification { position: relative; margin: 20px auto 0; padding: 20px; margin-bottom: 0; color: #000; width: 600px; } .notification p { margin-bottom: 0; text-indent: 20px; } .notification span { position: absolute; top: 22px; width: 16px; height: 16px; } .notification.success { background: #FCEFA1; border: 2px solid #eddd7b; } /* .notification.success span { background: url(../img/sprite.png) no-repeat -80px 0; }*/ .notification.error { background: #FEF1EC; border: 2px solid #f2d9d0; } /*.notification.error span { background: url(../img/sprite.png) no-repeat -96px 0; }*/ /* Home page specific styles ******************************************/ #home-showcase-container { position: relative; } #home-showcase-container h1 { position: absolute; top: 440px; font-size: 26px; line-height: 1.2; color: #fff; background: #97bf0d; width: 620px; padding: 3px 10px; font-weight: bold; -moz-border-radius: 0 0.6em 0.6em 0; -webkit-border-radius: 0 0.6em 0.6em 0; -o-border-radius: 0 0.6em 0.6em 0; border-radius: 0 0.6em 0.6em 0; } #home-showcase-container h1 span { font-size: 26px; color: #555; } #home-showcase-container h1 em { color: #fff; text-transform: capitalize; } #toggy-container { position: relative; } #toggy-container div#toggy { position: absolute; top: -140px; left: 640px; } #toggy-container p#intro { font-size: 14px; line-height: 2.0; margin-bottom: 0; } /* Misc Frames, Borders & Backgrounds ******************************************/ img.frame { border: 10px solid #97bf0d; margin-bottom: 10px; -webkit-border-radius: 0.9em 0; -moz-border-radius: 0.9em 0; -o-border-radius: 0.9em 0; border-radius: 0.9em 0; } /* Coloured Dots ******************************************/ .colored_dots { z-index: 1; width: 115px; height: 690px; overflow: hidden; position: absolute; top: 180px; right: -45px; background:url(../img/coloured_dots_small.png) no-repeat; } .colored_dots_top_content { z-index: 1; width: 115px; height: 690px; overflow: hidden; position: absolute; top: -10px; right: -45px; background:url(../img/coloured_dots_small.png) no-repeat; } .colored_dots_2 { z-index: 1; width: 115px; height: 690px; overflow: hidden; position: absolute; top: 305px; right: -45px; background:url(../img/coloured_dots_small.png) no-repeat; } .colored_dots_3 { z-index: 1; width: 115px; height: 690px; overflow: hidden; position: absolute; top: 55px; left: -55px; background:url(../img/coloured_dots_small.png) no-repeat; } /* 3 photos accross page ******************************************/ div.grid-4-photo { margin-bottom: 20px; } div.grid-4-photo > p.photo { padding: 0; margin: 0; margin-bottom: 10px; } div.grid-4-photo > p.photo img { border: 10px solid #97bf0d; -webkit-border-radius: 0.9em 0; -moz-border-radius: 0.9em 0; -o-border-radius: 0.9em 0; border-radius: 0.9em 0; } div.grid-4-photo > p { margin-bottom: 0px; padding-left: 5px; padding-right: 5px; } div.grid-4-photo > h3 { padding-left: 5px; padding-right: 5px; color: #97bf0d; margin-bottom: 5px; } /* Additional styles for Photo Owner / Gallery */ div.grid-4-photo div.photo-owner h3 { padding-left: 5px; padding-right: 5px; margin-bottom: 5px; color: #97bf0d; font-size: 0.9em; } div.grid-4-photo div.photo-owner > .profile-photo-thumb { float: left; width: 50px; height: 50px; margin-right: 5px; border: 1px solid #222; } div.grid-4-photo div.photo-owner p { margin-bottom: 0px; padding-left: 5px; padding-right: 5px; } /* 4 photos accross page ******************************************/ div.grid-3-photo { margin-bottom: 20px; } div.grid-3-photo p { margin: 0; padding: 0; } div.grid-3-photo p.photo { margin-bottom: 5px; } div.grid-3-photo p.photo img { border: 10px solid #97bf0d; -webkit-border-radius: 0.9em 0; -moz-border-radius: 0.9em 0; -o-border-radius: 0.9em 0; border-radius: 0.9em 0; } div.grid-3-photo > h3 { padding-left: 0px; padding-right: 0px; color: #fff; margin-bottom: 5px; font-size: 1em; } div.grid-3-photo > h3 > a { color: #97bf0d; } div.grid-3-photo div.photo-owner > h3 { padding-left: 5px; padding-right: 0px; margin-bottom: 5px; color: #97bf0d; font-size: 0.9em; } div.grid-3-photo div.photo-owner > .profile-photo-thumb { float: left; margin-right: 5px; margin-bottom: 0; border: 1px solid #222; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } div.grid-3-photo div.photo-owner > .profile-photo-thumb a { border: 1px solid #111; background: #222; display: block; padding: 4px; } div.grid-3-photo .banner_closed { background: url(../images/green-layout/banner-closed.png) no-repeat; width: 200px; height: 130px; position: absolute; left: 10px; top: 10px; text-indent: -9999px; z-index: 10; } div.grid-3-photo .banner_fullybooked { background: url(../images/green-layout/banner-fullybooked.png) no-repeat; width: 200px; height: 130px; position: absolute; left: 10px; top: 10px; text-indent: -9999px; z-index: 10; } div.grid-3-photo .banner_closingsoon { background: url(../images/green-layout/banner-closingsoon.png) no-repeat; width: 200px; height: 130px; position: absolute; left: 10px; top: 10px; text-indent: -9999px; z-index: 10; } div.grid-3-photo .banner_closed a, .banner_fullybooked a, .banner_closingsoon a { display: block; width: 200px; height: 130px; } /* Membership Comparison Table ******************************************/ table#membership-comparison-table { border-spacing: 8px; border-collapse: separate; font-size: 1.1em; } /* THEAD Table Headings */ table#membership-comparison-table thead th { -webkit-border-radius: 0.9em 0.9em 0 0; -moz-border-radius: 0.9em 0.9em 0 0; -o-border-radius: 0.9em 0.9em 0 0; border-radius: 0.9em 0.9em 0 0; } table#membership-comparison-table th.package1, table#membership-comparison-table th.package2 { width: 200px; text-align: center; padding: 10px 0 5px 0; } table#membership-comparison-table th.package1, table#membership-comparison-table td.package1 { background: #C73A41; background: -moz-linear-gradient(100% 100% 90deg, #C73A41, #7A2428); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C73A41), to(#7A2428)); } table#membership-comparison-table th.package2, table#membership-comparison-table td.package2 { background: #367BA8; background: -moz-linear-gradient(100% 100% 90deg, #367BA8, #163142); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#367BA8), to(#163142)); } table#membership-comparison-table th.package1 p, table#membership-comparison-table th.package2 p { font-weight: bold; margin-bottom: 5px; } table#membership-comparison-table th.package1 h3.package-name, table#membership-comparison-table th.package2 h3.package-name { font-size: 16px; margin-bottom: 10px; } /* TFOOT Table Headings */ table#membership-comparison-table tfoot td { -webkit-border-radius: 0 0 0.9em 0.9em; -moz-border-radius: 0 0 0.9em 0.9em; -o-border-radius: 0 0 0.9em 0.9em; border-radius: 0 0 0.9em 0.9em; } table#membership-comparison-table tfoot td p.disclaimer { font-weight: normal; text-align: left; font-size: 0.85em; width: 300px; } table#membership-comparison-table td.package1 p.package-price, table#membership-comparison-table td.package2 p.package-price { margin: 10px 0; font-size: 48px; text-align: center; } table#membership-comparison-table td.package1 p.package-price span, table#membership-comparison-table td.package2 p.package-price span { font-size: 16px; } table#membership-comparison-table td p.button-small-join { margin-left: 50px; text-indent: -9999px; } table#membership-comparison-table td p.button-small-join a { background: url(../images/green-layout/button-sprite.png) no-repeat -360px 0; display: block; width: 100px; height: 30px; } table#membership-comparison-table td p.button-small-join a:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -360px -40px; } /* TBODY Table Rows */ table#membership-comparison-table tbody tr:nth-child(odd) { background: #1a1a1a; } table#membership-comparison-table tbody tr:nth-child(even), table#membership-comparison-table tr.even { background: #1a1a1a; } table#membership-comparison-table tbody tr { line-height: 2em; } /* TBODY Table Cells */ table#membership-comparison-table tbody tr.group { margin-top: 20px; padding-left: 5px; background: none; font-weight: bold; font-size: 1.3em; text-transform: lowercase; color: #97bf0d; } table#membership-comparison-table tbody td.benefit { padding: 0 10px; color: #fff; } table#membership-comparison-table tbody td.package1, table#membership-comparison-table tbody td.package2 { width: 200px; text-align: center; padding: 10px 0; font-weight: bold; } table#membership-comparison-table tbody td.package1 { background: #BA373B; } table#membership-comparison-table tbody td.package1.even { background: #BA373B; } table#membership-comparison-table tbody td.package2 { background: #4297CF; } table#membership-comparison-table tbody td.package2.even { background: #4297CF; } /* Video Player ******************************************/ div#videoplayer-container { background: url(../images/video-grab-background.png) no-repeat; width: 520px; height: 377px; padding-top: 50px; } div#videoplayer-container > p { border: 10px solid #97bf0d; -webkit-border-radius: 0.9em 0; -moz-border-radius: 0.9em 0; -o-border-radius: 0.9em 0; border-radius: 0.9em 0; } div#videoplayer-container > p > a#videoplayer { border: none; text-align:center; width:500px; height:281px; display: block; } /* Membership Form Float Bullet Buttons ******************************************/ ul#float-buttons li { float: left; list-style: none; margin: 0 10px 0 0; text-indent: -9999px; } ul#float-buttons li a { display: block; width: 170px; height: 30px; } ul#float-buttons li.member { background: url(../images/green-layout/button-sprite.png) no-repeat 0 0; } ul#float-buttons li.member:hover { background: url(../images/green-layout/button-sprite.png) no-repeat 0 -40px; } ul#float-buttons li.package { background: url(../images/green-layout/button-sprite.png) no-repeat -180px 0; } ul#float-buttons li.package:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -180px -40px; } ul#float-buttons li.continue-shopping { background: url(../images/green-layout/button-sprite.png) no-repeat -180px -380px; } ul#float-buttons li.continue-shopping:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -180px -340px; } ul#float-buttons li.continue-order { background: url(../images/green-layout/button-sprite.png) no-repeat -180px -260px; } ul#float-buttons li.continue-order:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -180px -300px; } /* Sign Up Form ******************************************/ form.signup-form fieldset { padding: 40px 0 10px 50px; margin-top: 30px; border: 2px solid #bcbcbc; background: #CFD6D6; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; -webkit-box-shadow: 0 0 15px #97bf0d; -moz-box-shadow: 0 0 15px #97bf0d; -o-box-shadow: 0 0 15px #97bf0d; box-shadow: 0 0 15px #97bf0d;} form.signup-form fieldset a { color: #6d8a08; } form.signup-form fieldset legend { position: absolute; top: 10px; text-indent: -9999px; width: 170px; height: 50px; text-transform: lowercase; } form.signup-form fieldset legend.step1 {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -80px; } form.signup-form fieldset legend.step2 {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -140px; } form.signup-form fieldset legend.step3 {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -200px; } form.signup-form fieldset legend.step4 {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -260px; } form.signup-form fieldset div { position: relative; width: 500px; height: 50px; margin: 10px 0; clear: both; } form.signup-form fieldset div.tandc { margin-top: 30px; } form.signup-form fieldset div.status_message { position: absolute; top: 25px; right: -470px; margin: 0; } form.signup-form fieldset div.status_message span.error { background: url(../images/green-layout/button-sprite.png) no-repeat -16px -319px; border: none; } form.signup-form fieldset div.status_message span.correct { background: url(../images/green-layout/button-sprite.png) no-repeat 0 -319px; border: none; } form.signup-form fieldset label { float: left; color: #222; width: 180px; font-weight: bold; font-size: 16px; padding-top: 12px; text-transform: lowercase; } form.signup-form fieldset input[type=text], form.signup-form fieldset input[type=email], form.signup-form fieldset input[type=password]{ background: #fff; display:block; border:2px solid #c7c7c7; font-size:18px; padding:12px; width:250px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; } form.signup-form fieldset input[type=text]:focus, form.signup-form fieldset input[type=email]:focus, form.signup-form fieldset input[type=password]:focus { background: #fff; border-color: #97bf0d; } form.signup-form fieldset select { background: #fff; display:block; border:2px solid #c7c7c7; font-size:18px; margin:0 0 5px; padding:12px; width:250px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; } form.signup-form fieldset input[type=submit].submit-step1 { border: none; background: url(../images/green-layout/button-sprite.png) no-repeat -180px -80px; width: 170px; height: 30px; display: block; cursor: pointer; } form.signup-form fieldset input[type=submit].submit-step1:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -180px -120px; } form.signup-form fieldset input[type=submit].submit-step2 { border: none; background: url(../images/green-layout/button-sprite.png) no-repeat -180px -160px; width: 170px; height: 30px; display: block; cursor: pointer; } form.signup-form fieldset input[type=submit].submit-step2:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -180px -200px; } form.signup-form h2 { color: #000; font-weight: bold; font-size: 24px; border: none; } form.signup-form p { color: #000; } form.signup-form p#paypal { border: none; background: url(../images/green-layout/button-sprite.png) no-repeat -180px -235px; margin-top: 10px; width: 170px; height: 20px; display: block; text-indent: -9999px; } /* Renewal Form ******************************************/ form.renewal-form fieldset { padding: 40px 0 10px 50px; margin-top: 30px; border: 2px solid #bcbcbc; background: #CFD6D6; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; -webkit-box-shadow: 0 0 15px #97bf0d; -moz-box-shadow: 0 0 15px #97bf0d; -o-box-shadow: 0 0 15px #97bf0d; box-shadow: 0 0 15px #97bf0d;} form.renewal-form fieldset a { color: #6d8a08; } form.renewal-form fieldset legend { position: absolute; top: 10px; text-indent: -9999px; width: 115px; height: 50px; text-transform: lowercase; } form.renewal-form fieldset legend.step1 {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -80px; } form.renewal-form fieldset legend.step2 {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -140px; } form.renewal-form fieldset legend.step3 {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -200px; } form.renewal-form fieldset legend.step4 {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -260px; } form.renewal-form fieldset div { position: relative; width: 500px; height: 50px; margin: 10px 0; clear: both; } form.renewal-form fieldset div.tandc { margin-top: 30px; } form.renewal-form fieldset div.status_message { position: absolute; top: 25px; right: -470px; margin: 0; } form.renewal-form fieldset div.status_message span.error { background: url(../images/green-layout/button-sprite.png) no-repeat -16px -319px; border: none; } form.renewal-form fieldset div.status_message span.correct { background: url(../images/green-layout/button-sprite.png) no-repeat 0 -319px; border: none; } form.renewal-form fieldset label { float: left; color: #222; width: 180px; font-weight: bold; font-size: 16px; padding-top: 12px; text-transform: lowercase; } form.renewal-form fieldset input[type=text], form.renewal-form fieldset input[type=email], form.renewal-form fieldset input[type=password]{ background: #fff; display:block; border:2px solid #c7c7c7; font-size:18px; padding:12px; width:250px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; } form.renewal-form fieldset input[type=text]:focus, form.renewal-form fieldset input[type=email]:focus, form.renewal-form fieldset input[type=password]:focus { background: #fff; border-color: #97bf0d; } form.renewal-form fieldset select { background: #fff; display:block; border:2px solid #c7c7c7; font-size:18px; margin:0 0 5px; padding:12px; width:250px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; } form.renewal-form fieldset input[type=submit].submit-step1 { border: none; background: url(../images/green-layout/button-sprite.png) no-repeat -180px -80px; width: 170px; height: 30px; display: block; cursor: pointer; } form.renewal-form fieldset input[type=submit].submit-step1:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -180px -120px; } form.renewal-form fieldset input[type=submit].submit-step2 { border: none; background: url(../images/green-layout/button-sprite.png) no-repeat -180px -160px; width: 170px; height: 30px; display: block; cursor: pointer; } form.renewal-form fieldset input[type=submit].submit-step2:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -180px -200px; } form.renewal-form h2 { color: #000; font-weight: bold; font-size: 24px; border: none; } form.renewal-form p { color: #000; } form.renewal-form p#paypal { border: none; background: url(../images/green-layout/button-sprite.png) no-repeat -180px -235px; margin-top: 10px; width: 170px; height: 20px; display: block; text-indent: -9999px; } /* Login Form ******************************************/ form.login-form fieldset { padding: 40px 0 10px 50px; margin-top: 30px; border: 2px solid #bcbcbc; background: #CFD6D6; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; -webkit-box-shadow: 0 0 15px #97bf0d; -moz-box-shadow: 0 0 15px #97bf0d; -o-box-shadow: 0 0 15px #97bf0d; box-shadow: 0 0 15px #97bf0d;} form.login-form fieldset.error-log { background: #A52100; border-color: #bd2600; } form.login-form fieldset.error-log p { color: #fff; font-size: 16px; } form.login-form fieldset a { color: #6d8a08; } form.login-form fieldset legend { position: absolute; top: 10px; text-indent: -9999px; width: 50px; height: 50px; text-transform: lowercase; } form.login-form fieldset legend.loginform {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -340px; } form.login-form fieldset legend.success {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -400px; } form.login-form fieldset legend.logout {background: url(../images/green-layout/button-sprite.png) no-repeat -120px -340px; } form.login-form fieldset div { position: relative; width: 500px; height: 50px; margin: 10px 0; clear: both; } form.login-form fieldset div.tandc { margin-top: 30px; } form.login-form fieldset div.status_message { position: absolute; top: 25px; right: -470px; margin: 0; } form.login-form fieldset div.status_message span.error { background: url(../images/green-layout/button-sprite.png) no-repeat -16px -319px; border: none; height: 16px; width: 16px; overflow: hidden; } form.login-form fieldset div.status_message span.correct { background: url(../images/green-layout/button-sprite.png) no-repeat 0 -319px; border: none; } form.login-form fieldset label { float: left; color: #222; width: 180px; font-weight: bold; font-size: 16px; padding-top: 12px; text-transform: lowercase; } form.login-form fieldset input[type=text], form.login-form fieldset input[type=email], form.login-form fieldset input[type=password]{ background: #fff; display:block; border:2px solid #c7c7c7; font-size:18px; padding:12px; width:250px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; } form.login-form fieldset input[type=text]:focus, form.login-form fieldset input[type=email]:focus, form.login-form fieldset input[type=password]:focus { background: #fff; border-color: #97bf0d; } form.login-form fieldset select { background: #fff; display:block; border:2px solid #c7c7c7; font-size:18px; margin:0 0 5px; padding:12px; width:250px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; } form.login-form fieldset input[type=submit] { border: none; background: url(../images/green-layout/button-sprite.png) no-repeat -360px -240px; width: 100px; height: 30px; display: block; cursor: pointer; } form.login-form fieldset input[type=submit]:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -360px -280px; } form.login-form h2 { color: #000; font-weight: bold; font-size: 24px; border: none; } form.login-form p { color: #000; } /* Login Form ******************************************/ form.login-form-small fieldset { padding: 0px 0 10px 10px; margin-top: 10px; border: 2px solid #bcbcbc; background: #CFD6D6; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; -webkit-box-shadow: 0 0 15px #97bf0d; -moz-box-shadow: 0 0 15px #97bf0d; -o-box-shadow: 0 0 15px #97bf0d; box-shadow: 0 0 15px #97bf0d;} form.login-form-small fieldset.error-log { background: #A52100; border-color: #bd2600; } form.login-form-small fieldset.error-log p { color: #fff; font-size: 16px; } form.login-form-small fieldset a { color: #6d8a08; } form.login-form-small fieldset legend { position: absolute; top: 10px; text-indent: -9999px; width: 50px; height: 50px; text-transform: lowercase; } form.login-form-small fieldset div { position: relative; height: 60px; margin: 10px 0; clear: both; } form.login-form-small fieldset div.status_message { position: absolute; top: 25px; right: -470px; margin: 0; } form.login-form-small fieldset div.status_message span.error { background: url(../images/green-layout/button-sprite.png) no-repeat -16px -319px; border: none; height: 16px; width: 16px; overflow: hidden; } form.login-form-small fieldset div.status_message span.correct { background: url(../images/green-layout/button-sprite.png) no-repeat 0 -319px; border: none; } form.login-form-small fieldset label { display: block; color: #222; width: 180px; font-weight: bold; font-size: 16px; padding-top: 12px; text-transform: lowercase; } form.login-form-small fieldset input[type=text], form.login-form-small fieldset input[type=email], form.login-form-small fieldset input[type=password]{ background: #fff; display:block; border:2px solid #c7c7c7; font-size:16px; padding:8px; width:250px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; } form.login-form-small fieldset input[type=text]:focus, form.login-form-small fieldset input[type=email]:focus, form.login-form-small fieldset input[type=password]:focus { background: #fff; border-color: #97bf0d; } form.login-form-small fieldset select { background: #fff; display:block; border:2px solid #c7c7c7; font-size:18px; margin:0 0 5px; padding:12px; width:250px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; } form.login-form-small fieldset input[type=submit] { border: none; background: url(../images/green-layout/button-sprite.png) no-repeat -360px -240px; width: 100px; height: 30px; display: block; cursor: pointer; margin-top: 40px; margin-bottom: 0; } form.login-form-small fieldset input[type=submit]:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -360px -280px; } form.login-form-small h2 { color: #000; font-weight: bold; font-size: 24px; border: none; } form.login-form-small p { color: #000; } /* Checkout Form ******************************************/ form#checkout-form fieldset { padding: 40px 0 10px 50px; margin-top: 30px; border: 2px solid #bcbcbc; background: #CFD6D6; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; -webkit-box-shadow: 0 0 15px #97bf0d; -moz-box-shadow: 0 0 15px #97bf0d; -o-box-shadow: 0 0 15px #97bf0d; box-shadow: 0 0 15px #97bf0d;} form#checkout-form fieldset.error-log { background: #A52100; border-color: #bd2600; } form#checkout-form fieldset.error-log p { color: #fff; font-size: 16px; } form#checkout-form fieldset a { color: #6d8a08; } form#checkout-form fieldset legend { position: absolute; top: 10px; text-indent: -9999px; width: 170px; height: 50px; text-transform: lowercase; } form#checkout-form fieldset legend.step1 {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -80px; } form#checkout-form fieldset legend.step2 {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -140px; } form#checkout-form fieldset legend.step3 {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -200px; } form#checkout-form fieldset legend.step4 {background: url(../images/green-layout/button-sprite.png) no-repeat 0 -260px; } form#checkout-form fieldset div { position: relative; width: 500px; margin: 10px 0; clear: both; } form#checkout-form fieldset div.tandc { margin-top: 30px; } form#checkout-form fieldset div.status_message { position: absolute; top: 25px; right: -470px; margin: 0; } form#checkout-form fieldset div.status_message span.error { background: url(../images/green-layout/button-sprite.png) no-repeat -16px -319px; border: none; height: 16px; width: 16px; overflow: hidden; } form#checkout-form fieldset div.status_message span.correct { background: url(../images/green-layout/button-sprite.png) no-repeat 0 -319px; border: none; } form#checkout-form fieldset label { float: left; color: #222; width: 180px; font-weight: bold; font-size: 16px; padding-top: 12px; text-transform: lowercase; } form#checkout-form fieldset input[type=text], form#checkout-form fieldset input[type=email], form#checkout-form fieldset input[type=password], form#checkout-form fieldset textarea { background: #fff; display:block; border:2px solid #c7c7c7; font-size:18px; padding:12px; width:250px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; } form#checkout-form fieldset input[type=text]:focus, form#checkout-form fieldset input[type=email]:focus, form#checkout-form fieldset input[type=password]:focus, form#checkout-form fieldset textarea:focus{ background: #fff; border-color: #97bf0d; } form#checkout-form fieldset select { background: #fff; display:block; border:2px solid #c7c7c7; font-size:18px; margin:0 0 5px; padding:12px; width:250px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; } form#checkout-form fieldset input[type=submit] { border: none; background: url(../images/green-layout/button-sprite.png) no-repeat -180px -80px; width: 170px; height: 30px; display: block; cursor: pointer; } form#checkout-form fieldset input[type=submit]:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -180px -120px; } form#checkout-form h2 { color: #000; font-weight: bold; font-size: 24px; border: none; } form#checkout-form p { color: #000; } /* Social Sidebar - Newsletter sign up ******************************************/ div#newsletter-signup { position: relative; background: url(../images/green-layout/bg-nav.png) repeat; padding: 40px 10px 20px; z-index: 5; color: #222; } div#newsletter-signup form#newsletter fieldset { border: none; margin-bottom: 0px; } div#newsletter-signup form#newsletter fieldset legend { position: absolute; top: 0; left: 10px;font-size: 22px; font-weight: bold; color: #222; text-transform: lowercase; } div#newsletter-signup form#newsletter fieldset label { color: #222; width: 180px; font-weight: bold; font-size: 14px; padding-top: 12px; text-transform: lowercase; } div#newsletter-signup form#newsletter fieldset div { position: relative; margin: 10px 0; } div#newsletter-signup form#newsletter fieldset div.status_message { position: absolute; top: 42px; right: 0px; margin: 0; } div#newsletter-signup form#newsletter fieldset div.status_message span.error { background: url(../images/green-layout/button-sprite.png) no-repeat -16px -319px; border: none; } div#newsletter-signup form#newsletter fieldset div.status_message span.correct { background: url(../images/green-layout/button-sprite.png) no-repeat 0 -319px; border: none; } div#newsletter-signup form#newsletter fieldset input[type=text], div#newsletter-signup form#newsletter fieldset input[type=email] { background: #fff; display:block; border:2px solid #c7c7c7; font-size:18px; padding:6px; width:160px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; } div#newsletter-signup form#newsletter fieldset input[type=text]:focus, div#newsletter-signup form#newsletter fieldset input[type=email]:focus { background: #fff; border-color: #97bf0d; } div#newsletter-signup form fieldset input[type=submit] { background: url(../images/green-layout/button-sprite.png) no-repeat -360px -160px; width: 100px; height: 30px; display: block; cursor: pointer; border: none; } div#newsletter-signup form fieldset input[type=submit]:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -360px -200px; } div#newsletter-signup #success_message h2 { color: #334103; border: none; padding-top: 10px; padding-left: 10px; margin-bottom: 0; } div#newsletter-signup #success_message p { color: #334103; border: none; padding-top: 10px; padding-left: 10px; } /* Public Profile Box ******************************************/ div#public-profile-box { position: relative; background: url(../images/green-layout/bg-nav.png) repeat; padding: 10px 10px 20px; z-index: 5; color: #222; } div#public-profile-box > h2 { font-size: 18px; color: #222; text-transform: capitalize; border: none; margin-bottom: 0; } div#public-profile-box > p { margin-bottom: 0; } div#public-profile-box > p a { color: #222; font-weight: bold; } div#public-profile-box > p a:hover { border: none; } /* Public Profile Box ******************************************/ ul#public-profile-gallery { list-style: none;} ul#public-profile-gallery > li { float: left; width: 125px; margin: 10px 7px; min-height: 125px; } ul#public-profile-gallery > li p { margin-bottom: 0; font-size: 11px; } /* Team Leader Profile Box ******************************************/ #teamleader-profile-gallery-box { background: #1e1e1e; padding: 10px 0; } #teamleader-profile-gallery-box h2 { border: none; font-size: 20px; } ul#teamleader-profile-gallery { list-style: none;} ul#teamleader-profile-gallery > li { float: left; width: 55px; margin: 2px 2px; min-height: 55px; } ul#teamleader-profile-gallery > li p { margin-bottom: 0; font-size: 11px; } /* Thumbnail Gallery Listing ******************************************/ ul#thumbnail-gallery { list-style: none;} ul#thumbnail-gallery > li { position: relative; border-bottom: 1px solid #333; float: left; width: 125px; margin: 14px 30px; min-height: 210px; } ul#thumbnail-gallery > li > p.comments { position: absolute; color: #000; top: 95px; right: 5px; font-size: 14px; font-weight: bold; text-align: center; background: #97bf0d; border: 1px solid #333; width: 25px; height: 25px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } ul#thumbnail-gallery > li p { margin-bottom: 0; font-size: 11px; } /* Important Notice - Temporary ******************************************/ div#important-notice { position: relative; background: #cfd6d6; padding: 10px 20px; z-index: 5; color: #222; -webkit-border-radius: 0.9em 0; -moz-border-radius: 0.9em 0; -o-border-radius: 0.9em 0; border-radius: 0.9em 0; } div#important-notice h2 { color: #000; border: none; margin-bottom: 0; } div#important-notice p { color: #000; border: none; } div#important-notice p a { color: #000; font-weight: bold; } /* Upcoming Events Block ***************************************** @todo - sort this block out */ .upcoming-event, .upcoming-event-large { position: relative; width: 100%; margin-bottom: 20px; } .banner_closed { background: url(../img/banner_closed.png) no-repeat; width: 150px; height: 150px; position: absolute; left: 10px; top: 10px; text-indent: -9999px; z-index: 10; } .banner_fullybooked { background: url(../img/banner_fullybooked.png) no-repeat; width: 150px; height: 150px; position: absolute; left: 10px; top: 10px; text-indent: -9999px; z-index: 10; } .banner_closingsoon { background: url(../img/banner_closingsoon.png) no-repeat; width: 150px; height: 150px; position: absolute; left: 10px; top: 10px; text-indent: -9999px; z-index: 10; } .banner_closed a, .banner_fullybooked a, .banner_closingsoon a { display: block; width: 150px; height: 150px; } .upcoming-event .col1, .upcoming-event-large .col1 { float: left; width: 175px; margin-right: 20px; } .upcoming-event .col1 img, .upcoming-event-large .col1 img {border: 10px solid #97bf0d; -webkit-border-radius: 0.9em 0; -moz-border-radius: 0.9em 0; -o-border-radius: 0.9em 0; border-radius: 0.9em 0; } .upcoming-event .col2 { float: left; width: 355px; } .upcoming-event h3, .upcoming-event-large h3 { font-size: 17px; margin-bottom: 0px; color: #97bf0d; } .upcoming-event h3 a, .upcoming-event-large h3 a { color: #97bf0d; } .upcoming-event h4, .upcoming-event-large h4 { font-size: 14px; margin-bottom: 8px; } .upcoming-event p, .upcoming-event-large p { margin-bottom: 3px; } .upcoming-event-large .col1 { float: left; width: 175px; margin-right: 10px; } .upcoming-event-large .col2 { float: left; width: 510px; } /* Checkout Basket Content ********************************************************************/ p.basket-items { margin: 30px 0 0;font-size: 24px; font-weight: bold; text-transform: uppercase; } form#basket-update input[type=submit] { border: none; background: url(../images/green-layout/button-sprite.png) no-repeat -360px -320px; width: 100px; height: 30px; display: block; cursor: pointer; } form#basket-update input[type=submit]:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -360px -360px; } form#basket-update input[type=text] { background: #fff; border:2px solid #c7c7c7; font-size:14px; padding:4px; width:40px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; -o-border-radius: 0.6em; border-radius: 0.6em; } form#basket-update input[type=text]:focus { background: #fff; border-color: #97bf0d; } table#basket-content { width: 100%; margin-bottom: 0; } table#basket-content thead tr { border-bottom: 15px solid #555; } table#basket-content thead th { background: #97bf0d; border: 1px solid #6d8a08; border-top: none; letter-spacing: -0.05em; font-size: 1.1em; font-weight: bold; color: #000; padding: 10px 0; } table#basket-content tfoot tr { background: #97bf0d; margin: 0; } table#basket-content tfoot td { border-bottom: none; letter-spacing: -0.05em; font-size: 1.1em; font-weight: bold; color: #000; padding: 10px 0; } table#basket-content tfoot td.total-label { text-align: right; padding: 10px; font-weight: bold; } table#basket-content tfoot td.total-price { text-align: right; padding-right: 10px; } table#basket-content tbody tr:nth-child(odd) { background: #222; } table#basket-content tbody tr:nth-child(even), table#basket-content tr.even { background: #1a1a1a; } table#basket-content tbody td { padding: 10px; color: #fff; height: 60px; border: 1px solid #333; } /* Price List Table for Workshops and other events ********************************************************************/ table#event-pricelist { width: 100%; margin-bottom: 0; } table#event-pricelist thead tr { border-bottom: 15px solid #555; } table#event-pricelist thead th { background: #97bf0d; border: 1px solid #6d8a08; border-top: none; letter-spacing: -0.05em; font-size: 1.1em; font-weight: bold; color: #000; padding: 10px 0; } table#event-pricelist tfoot tr { background: #97bf0d; margin: 0; } table#event-pricelist tfoot td { border-bottom: none; letter-spacing: -0.05em; font-size: 1.1em; font-weight: bold; color: #000; padding: 10px 0; } table#event-pricelist tfoot td.total-label { text-align: right; padding: 10px; font-weight: bold; } table#event-pricelist tfoot td.total-price { text-align: right; padding-right: 10px; } table#event-pricelist tbody tr:nth-child(odd) { background: #222; } table#event-pricelist tbody tr:nth-child(even), table#event-pricelist tr.even { background: #1a1a1a; } table#event-pricelist tbody td { padding: 10px; color: #fff; height: 60px; border: 1px solid #333; } /* Workshop Page *********************************************************************/ .workshop_host_profile { background: #1e1e1e; padding: 10px; margin-bottom: 0; } .workshop_host_profile .profile_photo { float: left; width: 110px; margin-right: 10px; text-align:center; } .workshop_host_profile .profile_text { float: right; width: 560px; } .workshop_host_profile .profile_text h2 { font-size: 16px; color: #fff; border: none; margin-bottom: 0px; } .workshop_host_profile p { color: #fff; margin-bottom: 0; } /* Meet the team ********************************************************************/ .academy_team { float: left; margin: 16px; } .academy_team p { margin-bottom: 5px; } .academy_team h2 { font-size: 14px; border: none; } /* Sponsors Block ********************************************************************/ .sponsor { position: relative; width: 100%; margin-bottom: 25px; padding-top: 10px; } .sponsor .platinum { background: url(../assets/pictures/in_association_with/platinum.png) no-repeat; width: 75px; height: 79px; position: absolute; left: -20px; top: -20px; text-indent: -9999px; } .sponsor .col1 { float: left; width: 175px; margin-right: 20px; } .sponsor .col1 img { border: 5px solid #161616; background: #0a0a0a; padding: 10px; } .sponsor .col2 { float: left; width: 500px; margin-top: 5px; } .sponsor h2 { font-size: 17px; margin-bottom: 3px; color: #97bf0d; } .sponsor h2 a { color: #97bf0d; } .sponsor p { margin-bottom: 3px; } .sponsor ul.contact { margin: 0px; background: #202020; list-style: none; } .sponsor ul.contact li { float: left; background: #fff; margin-left: 0px; text-indent: 20px; padding: 5px 5px 10px 5px; } .sponsor ul.contact li.phone { background: url(../assets/pictures/in_association_with/icon_phone.png) no-repeat 0px 9px; padding-right: 20px; } .sponsor ul.contact li.email { background: url(../assets/pictures/in_association_with/icon_email.png) no-repeat 0px 9px; padding-right: 20px; } .sponsor ul.contact li.web { background: url(../assets/pictures/in_association_with/icon_web.png) no-repeat 0px 9px; } .sponsor-gold { position: relative; margin-bottom: 15px; } .sponsor-gold .goldbadge { background: url(../assets/pictures/in_association_with/goldbadge.png) no-repeat; width: 52px; height: 52px; position: absolute; left: -20px; top: 17px; text-indent: -9999px; } .sponsor-gold img { border: 5px solid #161616; background: #0a0a0a; padding: 10px; } .sponsor-gold h2 { font-size: 14px; margin-bottom: 0px; } .sponsor-gold ul.contact { position: absolute; top: 20px; right: 0px; width: 110px; margin: 0px; list-style: none; } .sponsor-gold ul.contact li { display: block; margin-left: 0px; text-indent: 14px; padding: 5px 5px 5px 5px; } .sponsor-gold ul.contact li.phone { background: url(../assets/pictures/in_association_with/icon_phone.png) no-repeat 0px 9px; } .sponsor-gold ul.contact li.email { background: url(../assets/pictures/in_association_with/icon_email.png) no-repeat 0px 9px; } .sponsor-gold ul.contact li.web { background: url(../assets/pictures/in_association_with/icon_web.png) no-repeat 0px 9px; } .sponsor-silver { position: relative; margin-bottom: 30px; } .sponsor-silver h2 { font-size: 14px; margin-bottom: 0px; } .sponsor-silver ul.contact { margin: 0px; list-style: none; } .sponsor-silver ul.contact li { display: block; margin-left: 0px; text-indent: 14px; padding: 5px 5px 0px 5px; } .sponsor-silver ul.contact li.phone { background: url(../assets/pictures/in_association_with/icon_phone.png) no-repeat 0px 9px; } .sponsor-silver ul.contact li.email { background: url(../assets/pictures/in_association_with/icon_email.png) no-repeat 0px 9px; } .sponsor-silver ul.contact li.web { background: url(../assets/pictures/in_association_with/icon_web.png) no-repeat 0px 9px; } /* SPAN for H2's ********************************************************************/ span.viewall { float: right; margin-top: 10px; font-size: 14px; } span.action-button-upload-photos { float: right; margin-top: -3px; } span.action-button-upload-photos a { background: url(../images/green-layout/button-sprite.png) no-repeat -360px -400px; text-indent: -9999px; display: block; width: 103px; height: 30px; cursor: pointer; } span.action-button-upload-photos a:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -360px -440px; } /* Team Leader Profile Box ********************************************************************/ div.teamleader-profile-basics { position: relative; background: #1e1e1e; border: 1px solid #2e2e2e; border-bottom: none; height: 107px; padding: 12px 0; -webkit-border-radius: 0.6em 0.6em 0 0; -o-border-radius: 0.6em 0.6em 0 0; -moz-border-radius: 0.6em 0.6em 0 0; border-radius: 0.6em 0.6em 0 0; } div.teamleader-profile-basics #profile-photo { float: left; width: 120px; height: 120px; overflow: hidden; margin-left: 10px; } /* Account Detail Float - account settings, your profile, privacy links etc. */ div.teamleader-profile-basics #account-detail { float: left; width: 410px; height: 160px; overflow: hidden; } div.teamleader-profile-basics #account-detail h2 { font-size: 16px; color: #fff; margin-bottom: 0; border: none; } /* Profile membership level flags */ div.teamleader-profile-basics .flag_5 { background: url(../img/temp/flag_teamleader.png) no-repeat; width: 41px; height: 121px; position: absolute; top: -2px; right: 20px; text-indent: -9999px; } /* Team Leader Social Box ********************************************************************/ ul#teamleader-social { margin: 0 0 0 70px; } ul#teamleader-social li { float: left; width: 54px; height: 54px; text-indent: -9999px; list-style: none; margin: 0; margin-left: -10px; } ul#teamleader-social li.website { background: url(../images/green-layout/button-sprite.png) -470px 0; } ul#teamleader-social li.email { background: url(../images/green-layout/button-sprite.png) -470px -55px; } ul#teamleader-social li.facebook { background: url(../images/green-layout/button-sprite.png) -470px -110px; } ul#teamleader-social li.twitter { background: url(../images/green-layout/button-sprite.png) -470px -165px; } ul#teamleader-social li a { width: 54px; height: 54px; display: block; } /* My Account Styles - mywelshot/index.php ********************************************************************/ /*================== Profile Information ====================*/ div.profile-basics { position: relative; background: #1e1e1e; border: 1px solid #2e2e2e; border-bottom: none; height: 107px; padding: 12px 0; -webkit-border-radius: 0.6em 0.6em 0 0; -o-border-radius: 0.6em 0.6em 0 0; -moz-border-radius: 0.6em 0.6em 0 0; border-radius: 0.6em 0.6em 0 0; } div.profile-basics #profile-photo { float: left; width: 120px; height: 120px; overflow: hidden; margin-left: 10px; } /* Profile photo change overlay box */ div.profile-basics #profile-photo #upload_profile_photo_box { display: none; position: absolute; top: 12px; left: 10px; width: 109px; height: 9px; padding: 50px 0; font-weight: bold; color: #fff; text-align: center; background: #000; filter:alpha(opacity=50); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;} div.profile-basics #profile-photo #upload_profile_photo_box a { cursor: pointer; } /* Account Detail Float - account settings, your profile, privacy links etc. */ div.profile-basics #account-detail { float: right; width: 560px; height: 120px; overflow: hidden; } div.profile-basics #account-detail h2 { font-size: 20px; color: #fff; margin-bottom: 0; border: none; } div.profile-basics #account-detail p#account-settings-links { margin-bottom: 15px; } div.profile-basics #account-detail p#account-settings-links a.edit { background: url(../img/temp/icon_edit.png) no-repeat; padding: 0 0px 0 25px; margin-right: 25px; } div.profile-basics #account-detail .info-block { float: left; width: 220px; margin-right: 20px; } div.profile-basics #account-detail .info-block h3 { font-size: 13px; font-weight: bold; color: #97bf0d; margin-bottom: 0; } div.profile-basics #account-detail .info-block p { margin-bottom: 0; } /* Profile membership level flags */ div.profile-basics .flag_2 { background: url(../img/temp/flag_member.png) no-repeat; width: 41px; height: 121px; position: absolute; top: -2px; right: 20px; text-indent: -9999px; } div.profile-basics .flag_3 { background: url(../img/temp/flag_pro.png) no-repeat; width: 41px; height: 121px; position: absolute; top: -2px; right: 20px; text-indent: -9999px; } div.profile-basics .flag_4 { background: url(../img/temp/flag_international.png) no-repeat; width: 41px; height: 121px; position: absolute; top: -2px; right: 20px; text-indent: -9999px; } div.profile-basics .flag_5 { background: url(../img/temp/flag_teamleader.png) no-repeat; width: 41px; height: 121px; position: absolute; top: -2px; right: 20px; text-indent: -9999px; } /*================== Feedback Score ====================*/ div.feedback-score { position: relative; z-index: 100; background: #97bf0d; height: 107px; padding: 12px 0; -webkit-border-radius: 0.6em 0.6em 0 0; -moz-border-radius: 0.6em 0.6em 0 0; -o-border-radius: 0.6em 0.6em 0 0; border-radius: 0.6em 0.6em 0 0; } div.feedback-score p { text-align: center; margin-bottom: 0; } div.feedback-score a { color: #fff; } div.feedback-score p.title { font-size: 14px; color: #fff; text-transform: uppercase; font-weight: bold; margin-bottom: 12px; position: relative; } div.feedback-score h2 { font-size: 60px; color: #fff; text-align: center; margin-bottom: 0; border: none; } div.feedback-score .help { cursor: pointer; display: block; background: url(../img/temp/icon_help.png) no-repeat; width: 16px; height: 16px; position: absolute; top: 14px; right: 4px; text-indent: -9999px; } /* About Welshot Sidebar *********************************************************************/ .about_sidebar { background: #97bf0d; position: relative; left: 0px; top: -20px; z-index: 5; padding: 40px 10px 2px 10px; -moz-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; } .about_sidebar h2 { color: #000; font-size: 15px; text-align: center; margin-bottom: 20px; } .about_sidebar img { float: left; } .about_sidebar p { font-size: 12px; color: #000; margin-top: 5px; } .about_sidebar h3.staff-name { font-size: 13px; color: #1e2d09; margin-bottom: 0px; } .about_sidebar h3.staff-title { font-size: 11px; color: #1a1a1a; margin-bottom: 0px; line-height: 17px; } .about_social h3 { margin-bottom: 0px; height: 80px; padding-left: 125px; font-size: 14px; padding-top: 20px; line-height: 20px; float: left; width: 170px; } /* Terms & Conditions *********************************************************************/ ol#terms li { margin-bottom: 30px; } /************************************************ NOT SORTED ***********************************************/ /* Social Sidebar Formatting ********************************************************************/ .image_sidebar { position: relative; z-index: 10; margin-bottom: 0px; } .image_sidebar p { margin-bottom: 0px; } /* Checkout Form ********************************************************************/ .error { padding: 10px; background: #cc0000; margin-bottom: 10px; border: 1px solid #F00 } #checkout fieldset { margin-bottom: 30px; min-height: 90px !important; } #checkout legend { display: block; width: 928px; padding: 6px; font-weight: bold; font-size: 16px; margin-bottom: 10px; } #checkout p { margin-bottom: 10px; } #checkout label { float: left; width: 130px; font-weight: bold; margin-left: 20px; padding-top: 6px; } #checkout .textbox, #checkout textarea, #checkout select { font: 13px Arial, Helvetica, sans-serif; margin-left: 0px; padding: 7px; border: 3px solid #97bf0d; width: 240px; } #checkout .textbox:focus, #checkout textarea:focus, #checkout select:focus { background: #ffffde; } fieldset.ordersummary { margin-bottom: 30px; background: #97bf0d; min-height: 280px; color: #000; } fieldset.ordersummary legend { display: block; width: 288px; padding: 6px; font-weight: bold; font-size: 16px; margin-bottom: 10px; } fieldset.ordersummary legend.highlight_payment { background: #6bac13; } fieldset.ordersummary legend { color: #fff; } fieldset.ordersummary p { margin-left: 10px; margin-bottom: 5px; font-size: 12px; } fieldset.deliverysummary { margin-bottom: 30px; background: #d191c3; min-height: 120px; } fieldset.deliverysummary legend { display: block; width: 288px; padding: 6px; font-weight: bold; font-size: 16px; margin-bottom: 10px; } fieldset.deliverysummary p { margin-left: 10px; margin-bottom: 5px; font-size: 12px; } /* Contact Us Form ********************************************************************/ form#mywelshot_form fieldset { background: #141414; margin-bottom: 20px; padding: 6px; border: 1px solid #202020; -webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } form#mywelshot_form fieldset legend { font-weight: bold; font-size: 18px; background: #141414; width: 250px; border-top: 1px solid #202020; } form#mywelshot_form fieldset label { float: left; width: 120px; font-weight: bold; padding-top: 11px; padding-left: 5px; } form#mywelshot_form fieldset label.error { padding: 9px; background: #A63232; width: 200px; margin-left: 130px; border: none; margin-top: -10px; margin-bottom: 10px; } form#mywelshot_form fieldset input[type=text], form#mywelshot_form fieldset textarea { font: 14px Arial, sans-serif; padding: 5px; border: 3px dotted #333; margin: 0; width: 200px; background: #222; color: #cecece; -webkit-border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 5px 0; } form#mywelshot_form fieldset input[type=text]:focus, form#mywelshot_form fieldset textarea:focus { border: 3px dotted #222; background: #333; color: #fff; } form#mywelshot_form fieldset .required { padding-left: 5px; font-size: 24px; color: #A63232; } form#mywelshot_form .status_message { display: hidden; float: right; padding-top: 15px; padding-right: 28px; width: 16px; height: 16px; } form#mywelshot_form button#submit { float: left; cursor:pointer; border: 0; padding: 0; background: url(../img/temp/btn_finish_edit.png) no-repeat; width: 103px; height: 30px; display: block; text-indent: -9999px; } form#mywelshot_form button#submit:hover { background: url(../img/temp/btn_finish_edit_hover.png) no-repeat; } form#mywelshot_form button#delete { float: left; cursor:pointer; border: 0; padding: 0; background: url(../img/temp/btn_delete.png) no-repeat; width: 103px; height: 30px; display: block; text-indent: -9999px; } form#mywelshot_form button#delete:hover { background: url(../img/temp/btn_delete_hover.png) no-repeat; } form#mywelshot_form #success_message { margin-top: 20px; background:url(../img/temp/icon_tick_large.png) no-repeat 0 -3px; padding-top: 6px; text-indent: 60px; } /* Gallery Styles ********************************************************************/ form#review_form { background: #0b0b0b; margin-bottom: 20px; padding: 6px; border: 1px solid #191919; -webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } form#review_form label { float: left; width: 120px; font-weight: bold; padding-top: 11px; padding-left: 5px; } form#review_form input[type=text], form#review_form textarea { font: 14px Arial, sans-serif; padding: 5px; border: 3px dotted #333; margin: 0; width: 265px; height: 180px; background: #222; color: #cecece; -webkit-border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 5px 0; } form#review_form fieldset input[type=text]:focus, form#review_form textarea:focus { border: 3px dotted #222; background: #333; color: #fff; } form#review_form fieldset .required { padding-left: 5px; font-size: 24px; color: #A63232; } form#review_form .status_message { display: hidden; float: right; padding-top: 15px; padding-right: 28px; width: 16px; height: 16px; } form#review_form button#submit { float: left; cursor:pointer; border: 0; padding: 0; background: url(../img/temp/btn_post_review.png) no-repeat; width: 103px; height: 30px; display: block; text-indent: -9999px; } form#review_form button#submit:hover { background: url(../img/temp/btn_post_review_hover.png) no-repeat; } form#review_form .rating-star { position: relative; } form#review_form div.error { padding: 0; border: none; background: none; position: absolute; top: 7px; right: 5px; width: 16px; height: 16px; } table#critique-score { width: 100%; } table#critique-score tr { } table#critique-score td { padding: 10px 0; } table#critique-score td.rating { color: #97bf0d; width: 26px; } table#critique-score td.help { background: url(../img/temp/icon_help.png) no-repeat 10px 15px; text-indent: -9999px; height: 16px; width: 30px; } table#critique-score th { font-weight: bold; padding: 10px 0; font-size: 11px; } table#critique-score td.no_border_bottom { border: none; } div.gallery_profile_name_box { padding: 12px 0; background: #0b0b0b; } div.gallery_profile_name_box h2 { font-size: 16px; color: #fff; margin-bottom: 2px; position: relative; } div.gallery_profile_name_box p { margin-bottom: 0; } div.gallery_profile_name_box #user_profile_photo { padding-left: 10px; text-align: left; } div.comments_title_box { background: #97bf0d; padding: 4px 0; -webkit-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; } div.comments_title_box p { padding-left: 10px; margin-bottom: 0; color: #141414; font-weight: bold; } div#comments { margin-top: 40px; } div.critique_reviews { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 2px dotted #202020; } div.critique_reviews .critique_user_photo { float: left; width: 72px; margin-right: 10px; } div.critique_reviews .critique_user { float: left; width: 138px; } div.critique_reviews ul { margin: 0; } div.critique_reviews li { font-weight: normal; display: inline; padding-right: 10px; margin-right: 10px; margin-left: 0; list-style: none; border-right: 1px solid #191919; } div.critique_reviews li span { color: #97bf0d; font-weight: bold; } div.critique_reviews p.posted_date { margin: 3px 0 20px 0; color: #dedede; font-weight: bold; font-size: 11px; } /* Fancy Box Core Styles ********************************************************************/ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../img/temp/fancydress/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #141414; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #202020; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../img/temp/fancydress/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../img/temp/fancydress/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('../img/temp/fancydress/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('../img/temp/fancydress/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../img/temp/fancydress/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../img/temp/fancydress/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../img/temp/fancydress/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../img/temp/fancydress/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../img/temp/fancydress/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../img/temp/fancydress/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../img/temp/fancydress/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../img/temp/fancydress/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('../img/temp/fancydress/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('../img/temp/fancydress/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../img/temp/fancydress/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('../img/temp/fancydress/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } /* Fancy Box Page Styles ********************************************************************/ div#instructions { float: left; width: 330px; padding-right: 20px; border-right: 1px solid #202020; } div#instructions2 { float: left; width: 300px; } div#instructions ul, div#instructions2 ul { list-style: none; margin: 0 0 20px 0; } div#instructions ul li, div#instructions2 ul li { margin-bottom: 20px; display: block; margin-left: 0; padding-left: 50px; } div#instructions ul li#step1, div#instructions2 ul li#step1 { background: url(../img/temp/round_step_1.png) no-repeat 0 2px; } div#instructions ul li#step2, div#instructions2 ul li#step2 { background: url(../img/temp/round_step_2.png) no-repeat 0 2px; } div#instructions ul li#step3, div#instructions2 ul li#step3 { background: url(../img/temp/round_step_3.png) no-repeat 0 2px; } div#instructions ul li#info, div#instructions2 ul li#info { background: url(../img/temp/icon_info.png) no-repeat 0 2px; } div#instructions p.small, div#instructions2 p.small { padding-left: 0px; font-size: 11px; margin-bottom: 0; } div#action { float: left; width: 430px; margin-left: 20px; } div#action2 { float: left; width: 480px; margin-left: 0px; } div#action #large_label form#mywelshot_form fieldset > div, div#action2 #large_label form#mywelshot_form fieldset > div { margin: 10px 0; } div#action #large_label form#mywelshot_form fieldset label, div#action2 #large_label form#mywelshot_form fieldset label { width: 310px; padding-top: 5px; } div#action #user_bio_edit form#mywelshot_form fieldset, div#action2 #user_bio_edit form#mywelshot_form fieldset { background: none; border: none; padding: 0; margin-bottom: 0; } div#action #user_bio_edit form#mywelshot_form fieldset label, div#action2 #user_bio_edit form#mywelshot_form fieldset label { float: none; display: block; padding: 0; } div#action form#mywelshot_form fieldset textarea { width: 260px; height: 230px; display: block; } div#action #user_bio_edit form#mywelshot_form fieldset #bio_counter, div#action2 #user_bio_edit form#mywelshot_form fieldset #bio_counter { float: right; font-weight: bold; color: #A63232; margin-bottom: 5px; } div#action #user_bio_edit form#mywelshot_form .status_message, div#action2 #user_bio_edit form#mywelshot_form .status_message { float: left; padding-top: 0; padding-right: 0; } div#action #user_bio_edit form#mywelshot_form .loader, div#action2 #user_bio_edit form#mywelshot_form .loader { display: hidden; } div#action #user_bio_edit form#mywelshot_form button#submit, div#action2 #user_bio_edit form#mywelshot_form button#submit { background: url(../img/temp/btn_save.png) no-repeat; } div#action #user_bio_edit form#mywelshot_form button#submit:hover, div#action2 #user_bio_edit form#mywelshot_form button#submit:hover { background: url(../img/temp/btn_save_hover.png) no-repeat; } div#action #profile-photo { } div#action #profile-photo img { } div#modal form fieldset { border: none; background: none; margin: 0; padding: 0; } div#modal form fieldset div { display: block; width: 300px; height: 50px; } div#modal form fieldset label { display: block; padding: 0; padding-top: 4px; width: 300px; margin-bottom: 10px; } div#modal form button#cancel { float: left; cursor:pointer; border: 0; padding: 0; background: url(../img/temp/btn_keep_photo.png) no-repeat; width: 103px; height: 30px; display: block; text-indent: -9999px; margin-left: 10px; } div#modal form button#cancel:hover { background: url(../img/temp/btn_keep_photo_hover.png) no-repeat; } div#modal form button#confirm { float: left; cursor:pointer; border: 0; padding: 0; background: url(../img/temp/btn_confirm.png) no-repeat; width: 103px; height: 30px; display: block; text-indent: -9999px; } div#modal form button#confirm:hover { background: url(../img/temp/btn_confirm_hover.png) no-repeat; } div#modal form .photo { float: left; margin-right: 20px; width: 160px; } div#modal form .form { float: left; } form#crop_profile_photo input#submit { margin-top: 10px; float: left; cursor:pointer; border: 0; padding: 0; background: url(../img/temp/btn_crop_photo.png) no-repeat; width: 103px; height: 30px; display: block; text-indent: -9999px; margin-left: 0px; } form#crop_profile_photo input#submit:hover { background: url(../img/temp/btn_crop_photo_hover.png) no-repeat; } div#column1 { float: left; width: 380px; padding-right: 20px; border-right: 1px solid #202020; } div#column2 { float: left; width: 380px; margin-left: 20px; } /* Uploadify Custom Styles ********************************************************************/ .upload_user_gallery_form { margin-bottom: 10px; } .upload_user_gallery_form #custom-queue .uploadifyQueueItem { background-color: #333; border: none; border-bottom: 2px dotted #202020; font: 12px Arial, sans-serif; height: 40px; margin-top: 0; padding: 10px; width: 394px; } .upload_user_gallery_form #custom-queue .uploadifyError { background-color: #A63232 !important; border: none !important; border-bottom: 2px dotted #cc0000 !important; } .upload_user_gallery_form #custom-queue .uploadifyQueueItem .cancel { float: right; } .upload_user_gallery_form #custom-queue .uploadifyQueue .completed { font-weight: bold; color: #97bf0d; } .upload_user_gallery_form #custom-queue .uploadifyProgress { margin-top: 10px; width: 340px; } .upload_user_gallery_form #custom-queue .uploadifyProgressBar { background-color: #97bf0d; padding: 6px; -webkit-border-radius: 12px; -o-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; height: 3px; width: 1px; } .upload_user_gallery_form #custom-queue { background: #111; -webkit-border-radius: 12px; -o-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: 8px solid #202020; min-height: 248px; margin-top: 3px; width: 414px; } .upload_user_gallery_form #custom-queue-small .uploadifyQueueItem { background-color: #333; border: none; border-bottom: 2px dotted #202020; font: 12px Arial, sans-serif; height: 40px; margin-top: 0; padding: 10px; width: 300px; } .upload_user_gallery_form #custom-queue-small .uploadifyError { background-color: #A63232 !important; border: none !important; border-bottom: 2px dotted #cc0000 !important; } .upload_user_gallery_form #custom-queue-small .uploadifyQueueItem .cancel { float: right; } .upload_user_gallery_form #custom-queue-small .uploadifyQueue .completed { font-weight: bold; color: #97bf0d; } .upload_user_gallery_form #custom-queu-smalle .uploadifyProgress { margin-top: 10px; width: 270px; } .upload_user_gallery_form #custom-queue-small .uploadifyProgressBar { background-color: #97bf0d; padding: 6px; -webkit-border-radius: 12px; -o-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; height: 3px; width: 1px; } .upload_user_gallery_form #custom-queue-small { background: #111; -webkit-border-radius: 12px; -o-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: 8px solid #202020; min-height: 62px; margin-top: 3px; width: 320px; } .upload_user_gallery_form #status-message { margin-bottom: 10px; } .upload_user_gallery_form #single-queue { background: #111; -webkit-border-radius: 12px; -o-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: 8px solid #202020; min-height: 62px; margin-top: 0px; width: 414px; } .upload_user_gallery_form #custom_file_upload { margin-top: 10px; } /* Agile Custom Styles ********************************************************************/ .agileUploaderFilePreview { float: left; width: 15%; height: 50px; margin: 0px; text-align: left; } .agileUploaderFileSize { float: left; width: 10%; margin: 0px; text-align: left; } .agileUploaderFileName { float: left; width: 50%; text-align: left; margin: 0px; } .agileUploaderRemoveFile { width: 20%; float: left; text-align: right; margin: 0px; display: block; } #agileUploaderInfo { width: 430px; font-size: 11px; display: block; height: 200px; padding: 0px; margin: 0px 0px 4px 0px; overflow: auto; background: #444; border: 2px solid #444; } #agileUploaderFileList { list-style: none; margin: 0px; padding: 0px; text-indent: 0px; display: block; } #agileUploaderFileList li { list-style: none; clear: left; margin: 0px; padding: 2px 6px 2px 2px; display: block; overflow: hidden; text-indent: 0px; background: #222; border-bottom: solid 1px #444; } #agileUploaderFileList li.alt { background: #333; } .agileUploaderCurrentProgress { height: 50px; width: 1%; background: #6d8a08; } .agileUploaderRemoveFile a, .agileUploaderRemoveFile a:hover { text-decoration: none; border: 0px; } .agileUploaderRemoveFile a img { border: 0px; } #agileUploaderAttachArea { width: 100px; height: 30px; display: block; } #agileUploaderMessages { font-size: 12px; color: #bf0000; width: 350px; float: left; margin: 0px 0px 0px 4px; text-align: right; } #agileUploaderSWF, #agileUploaderEMBED { float: left; height: 30px; width: 100px; } #agileUploaderRemoveAll { height: 14px; text-align: right; width: 404px; } #agileUploaderRemoveAll a { color: #555; font-size: 11px; } #agileUploaderRemoveAll a:hover { color: #000; } .agileUploaderSingleMessages { clear: left !important; text-align: left !important; } #agileUploaderInfoContainer { float: left; width: 148px; margin-right: 5px; } #agileUploaderProgressBar { clear: left; width: 0px; height: 2px; margin: 0px; padding: 0px; } #agileUploaderFileInputText { width: 100%; } .uploadPhotos { margin-top: 20px; display: block; background: url(../images/green-layout/button-sprite.png) no-repeat -360px -400px; width: 100px; height: 30px; border: none; text-indent: -9999px; cursor: pointer; } .uploadPhotos:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -360px -440px; } .save-captions { margin-top: 20px; display: block; background: url(../images/green-layout/button-sprite.png) no-repeat -360px -480px; width: 100px; height: 30px; border: none; text-indent: -9999px; cursor: pointer; } .save-captions:hover { background: url(../images/green-layout/button-sprite.png) no-repeat -360px -520px; } /* iPhone Radio Button Styles ********************************************************************/ .ibutton-container { position: relative; height: 27px; cursor: pointer; overflow: hidden; /* set max width to that of sprite */ max-width: 400px; /* prevent text selection */ -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -moz-user-focus: ignore; -moz-user-input: disabled; /* set default width based on ON/OFF labels */ width: 89px; } .ibutton-container input { position: absolute; top: 0; left: 0; /* hide the element */ filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; /* allow checking of input if visible */ -moz-user-input: enabled !important; } .ibutton-handle { display: block; height: 27px; cursor: inherit; position: absolute; top: 0; left: 0; width: 0; background: transparent url(../img/temp/ibutton-slider-default2.png) no-repeat scroll 0 -27px; z-index: 3; padding-left: 3px; /* set default width based on ON/OFF labels */ width: 33px; } .ibutton-handle-right { height: 100%; width: 100%; padding-right: 3px; background: transparent url(../img/temp/ibutton-slider-default2.png) no-repeat scroll 100% -27px; z-index: 3; } .ibutton-handle-middle { height: 100%; width: 100%; background: transparent url(../img/temp/ibutton-slider-default2.png) no-repeat scroll 50% -27px; z-index: 3; } div.ibutton-label-on, div.ibutton-label-off { white-space: nowrap; font-size: 15px; line-height: 9px; font-weight: bold; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: inherit; display: block; height: 22px; position: absolute; width: auto; top: 0; padding-top: 5px; overflow: hidden; background: transparent url(../img/temp/ibutton-slider-default2.png) no-repeat scroll 0 0; } div.ibutton-label-on { color: #fff; text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4); left: 0; padding-top: 5px; z-index: 1; } div.ibutton-label-on span { padding-left: 8px; } div.ibutton-label-off { color: #7c7c7c; background-position: 100% 0; text-shadow: 0 -1px 2px rgba(153, 153, 153, 0.4); text-align: right; right: 0; /* the off label needs to near the left edge (ideally just 5px away) * it just needs to be close enough that it won't show under the handle if dragged to the left */ width: 95%; } div.ibutton-label-off span { padding-right: 8px; } /* create an outline when button gets focus via keyboard */ .ibutton-container label { cursor: inherit; border: 1px dotted transparent; } .ibutton-focus label { /* we must use border, since outline doesn't work in IE */ border: 1px dotted #666 !important; } .ibutton-focus div.ibutton-label-on span label { /* use white for more contrast */ border-color: #fff !important; } /* add padding to right/left so that text gets clipped before absolute edge */ .ibutton-padding-left, .ibutton-padding-right { position: absolute; top: 4px; z-index: 2; background: transparent url(../img/temp/ibutton-slider-default2.png) no-repeat scroll 0 -4px; width: 3px; height: 20px; } .ibutton-padding-left { left: 0; } .ibutton-padding-right { right: 0; background-position: 100% -4px; } /* change the styles of the handle when being dragged */ .ibutton-active-handle .ibutton-handle { background-position: 0 -108px; } .ibutton-active-handle .ibutton-handle-right { background-position: 100% -108px; } .ibutton-active-handle .ibutton-handle-middle { background-position: 50% -108px; } /* styles to use when the button is disabled */ .ibutton-disabled { cursor: not-allowed !important; /* cursor options: default or not-allowed */ } .ibutton-disabled .ibutton-handle { background-position: 0 -81px; } .ibutton-disabled .ibutton-handle-right { background-position: 100% -81px; } .ibutton-disabled .ibutton-handle-middle { background-position: 50% -81px; } .ibutton-disabled div.ibutton-label-on { background-position: 0 -54px; } .ibutton-disabled div.ibutton-label-off { background-position: 100% -54px; } .ibutton-disabled .ibutton-padding-left { background-position: 0 -54px; } .ibutton-disabled .ibutton-padding-right { background-position: 100% -54px; } .ibutton-disabled div.ibutton-label-on { color: #fff; } .ibutton-disabled div.ibutton-label-off { color: #cbcbcb; } /*! * jQuery UI Stars v3.0.1 * http://plugins.jquery.com/project/Star_Rating_widget * * Copyright (c) 2010 Marek "Orkan" Zajac (orkans@gmail.com) * Dual licensed under the MIT and GPL licenses. * http://docs.jquery.com/License * * $Rev: 164 $ * $Date:: 2010-05-01 #$ * $Build: 35 (2010-05-01) * */ .ui-stars-star, .ui-stars-cancel { float: left; display: block; overflow: hidden; text-indent: -999em; cursor: pointer; } .ui-stars-star a, .ui-stars-cancel a { width: 26px; height: 26px; display: block; position: relative; background: url(../img/temp/crystal-stars.png) no-repeat 0 0; } .ui-stars-star a { background-position: 0 -56px; } .ui-stars-star-on a { background-position: 0 -84px; } .ui-stars-star-hover a { background-position: 0 -112px; } .ui-stars-cancel-hover a { background-position: 0 -28px; } .ui-stars-star-disabled, .ui-stars-star-disabled a, .ui-stars-cancel-disabled a { cursor: default !important; } table.workshop_pricelist { width: 680px; margin-bottom: 10px; } table.workshop_pricelist thead tr { color: #97bf0d; font-weight: bold; height: 40px; } table.workshop_pricelist tbody tr { border-bottom: 1px solid #1f1f1f; } table.workshop_pricelist td { padding-bottom: 15px; } table.workshop_pricelist td p { line-height: 18px; margin-bottom: 0px; } .content_photo_left { float: left; padding-right: 10px; } p.phone { color: #fff; margin: 0px 0 5px 0; } p.phone span { color: #97bf0d; font-weight: bold; } div.web { position: absolute; top: 60px; left: 0; text-indent: -9999px; background: url(../img/temp/icon_social_web.png) no-repeat; z-index: 40; width: 54px; height: 54px; } div.email { position: absolute; top: 60px; left: 45px; text-indent: -9999px; background: url(../img/temp/icon_social_email.png) no-repeat; z-index: 30; width: 54px; height: 54px; } div.fb { position: absolute; top: 60px; left: 90px; text-indent: -9999px; background: url(../img/temp/icon_social_facebook.png) no-repeat; z-index: 20; width: 54px; height: 54px; } div.twitter { position: absolute; top: 60px; left: 135px; text-indent: -9999px; background: url(../img/temp/icon_social_twitter.png) no-repeat; z-index: 10; width: 54px; height: 54px; } div.web a, div.email a, div.fb a, div.twitter a { display: block; width: 54px; height: 54px; } div.greenbar { margin-bottom: 40px; background: #a9d46f; height: 10px; -webkit-border-radius: 0 0 0.6em 0.6em; -o-border-radius: 0 0 0.6em 0.6em; -moz-border-radius: 0 0 0.6em 0.6em; border-radius: 0 0 0.6em 0.6em; } table.recent_orders { width: 100%; margin-bottom: 8px; } table.recent_orders tr { border-bottom: 2px dotted #141414; } table.recent_orders tr:hover { background: #161616; } table.recent_orders td { padding: 8px 0; } table.recent_orders th { background: #141414; padding: 8px 0; } div.myphotos { position: relative; margin: 10px 13px; float: left; width: 100px; height: 100px; } div.myphotos .photo { position: relative; width: 100px; height: 100px; border: 4px solid #202020; -webkit-box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; -o-box-shadow: 0 0 1px #fff; box-shadow: 0 0 1px #fff; } div.myphotos .photo .photo_actions { position: absolute; top: 0; left: 0; width: 100px; height: 100px; display: block; z-index: 10; } div.myphotos .photo .photo_delete { display: none; text-indent: -9999px; cursor: pointer; position: absolute; bottom: 0; right: 0; background: #202020 url(../img/temp/icon_delete.png) no-repeat 4px 4px; height: 22px; width: 22px; border-left: 2px solid #333; border-top: 2px solid #333; } div.myphotos .photo .photo_delete a { display: block; } div.myphotos .photo .photo_edit { display: none; text-indent: -9999px; cursor: pointer; position: absolute; bottom: 0; left: 0; background: #202020 url(../img/temp/icon_edit_photo.png) no-repeat 3px 3px; height: 22px; width: 22px; border-right: 2px solid #333; border-top: 2px solid #333; } div.myphotos .photo .photo_edit a { display: block; } div.myphotos .photo .photo_handle { display: none; text-indent: -9999px; cursor:move; position: absolute; top: 0; left: 0; background: #202020 url(../img/temp/icon_order.png) no-repeat 3px 3px; height: 22px; width: 22px; border-right: 2px solid #333; border-bottom: 2px solid #333; } div.myphotos .photo .photo_zoom { display: none; text-indent: -9999px; cursor: pointer; position: absolute; top: 0; right: 0; background: #202020 url(../img/temp/icon_zoom.png) no-repeat 3px 3px; height: 22px; width: 22px; border-left: 2px solid #333; border-bottom: 2px solid #333; } div.myphotos .photo .photo_zoom a { display: block; } div.myphotos a.remove_image { background: url(../img/temp/icon_remove.png) no-repeat 0 2px; text-indent: 20px; margin-top: 5px; display: block; color: #999; font-size: 11px; } div.myphotos a.remove_image:hover { color: #fff; } div#user_gallery_order_status { position: absolute; top: 45px; right: 0px; } div.myphotosie { position: relative; margin: 10px 13px; float: left; } div.myphotosie .photo { position: relative; border: 4px solid #202020; -webkit-box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; -o-box-shadow: 0 0 1px #fff; box-shadow: 0 0 1px #fff; } div.myphotosie .photo .photo_actions { width: 100px; height: 100px; display: block;} div.myphotosie .photo .photo_delete { cursor: pointer; background: #202020 url(../img/temp/icon_delete.png) no-repeat 4px 4px; height: 22px; width: 22px; border-left: 2px solid #333; border-top: 2px solid #333; } div.myphotosie .photo .photo_delete a { display: block; } div.myphotosie .photo .photo_edit { text-indent: -9999px; cursor: pointer; position: absolute; bottom: 0; left: 0; background: #202020 url(../img/temp/icon_edit_photo.png) no-repeat 3px 3px; height: 22px; width: 22px; border-right: 2px solid #333; border-top: 2px solid #333; } div.myphotosie .photo .photo_edit a { display: block; } div.myphotosie .photo .photo_handle { text-indent: -9999px; cursor:move; position: absolute; top: 0; left: 0; background: #202020 url(../img/temp/icon_order.png) no-repeat 3px 3px; height: 22px; width: 22px; border-right: 2px solid #333; border-bottom: 2px solid #333; } div.myphotosie .photo .photo_zoom { text-indent: -9999px; cursor: pointer; position: absolute; top: 0; right: 0; background: #202020 url(../img/temp/icon_zoom.png) no-repeat 3px 3px; height: 22px; width: 22px; border-left: 2px solid #333; border-bottom: 2px solid #333; } div.myphotosie .photo .photo_zoom a { display: block; } div.myphotosie a.remove_image { background: url(../img/temp/icon_remove.png) no-repeat 0 2px; text-indent: 20px; margin-top: 5px; display: block; color: #999; font-size: 11px; } div.myphotosie a.remove_image:hover { color: #fff; } /* Members A-Z ******************************************/ ul.members-az { list-style: none outside none; margin: 0; padding: 0; } ul.members-az li { border-bottom: 1px solid #333; float: left; width: 100px; margin: 0 8px 15px; padding: 0 0 5px 0; min-height: 140px; } ul.members-az li p { margin-bottom: 0; text-transform: capitalize; font-size: 11px; } .feedback_score { font-size: 36px; color: #777; } table#enter-caption { width: 100%; margin-bottom: 0; } table#enter-caption td img { border: 2px solid #ccc; } table#enter-caption tr:nth-child(odd) { background: #222; } table#enter-caption tr:nth-child(even), table#enter-caption tr.even { background: #1a1a1a; } table#enter-caption td { padding: 10px; color: #fff; height: 60px; border: 1px solid #333; }