/* ---------------------------------------------------------- *

	The CSS and XHTML is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

 * ---------------------------------------------------------- *

	* Filename:				style.css
	* Description:			Global CSS
	* Version:				1.0.0 (02-2009) MM-YYYY
	* Website:				http://www.jwood.info
	* Author:				Jonny Wood
	* Company:				J.Wood Creative
	
	==STRUCTURE===============================================
	
	* Page width			830px
	* No. of columns		2
	* Additional info		Fixed header and footer
	
	$ __global				Global Parameters

 * ------------------------------------------------------- */
 
/* __global					Global Parameters
 * ------------------------------------------------------- */
* {margin:0;padding:0;font:12px Helvetica, Arial, sans-serif;color:#666}
/* mac hide \*/
html, body {height:100%;width:100%}
/* end hide */
html {overflow-y:hidden}
body {min-width:820px;text-align:left;background:#FFF url(resources/bg-tile.jpg) repeat-x fixed 0 0}
#outer {display:table;vertical-align:middle;height:100%;width:100%}
#container {position:relative;display:table-cell;vertical-align:middle;width:6000px}
#content {display:block;padding-top:46px;width:6000px;height:554px;text-align:left;z-index:700}

#b-about #content, #b-about #container {width:4400px}
#b-contact #content, #b-contact #container {width:2600px}
#b-copyright #content, #b-copyright #container {width:2400px}
#b-privacy #content, #b-privacy #container {width:3600px}
#b-hatters #content, #b-hatters #container {width:6400px}
#b-collective #content, #b-collective #container {width:4200px}
#b-absolute #content, #b-absolute #container {width:5200px}
#b-clearliving #content, #b-clearliving #container {width:5400px}
#b-cy4or #content, #b-cy4or #container {width:6900px}
#b-detail #content, #b-detail #container {width:5600px}
#b-publishing #content, #b-publishing #container {width:4800px}
#b-sharp #content, #b-sharp #container {width:820px}

#header, #footer, #call, #subscribe, #network {position:absolute}
body > #header, body > #footer, body > #call, body > #subscribe, body > #network {position:fixed}
#header, #footer, #call {position:fixed;text-align:left}
#subscribe, #network {position:fixed;right:0;height:30px;z-index:800}
#header {left:0;top:16px;width:240px;z-index:800}
#footer {bottom:0;left:10px;width:330px;height:150px;z-index:760}
#call {bottom:28px;left:50%;margin-left:-90px;width:260px;height:30px}
#subscribe {top:16px;width:124px}
#network {bottom:30px;width:217px}
#call p {display:block;margin:0;width:260px;height:30px;text-indent:-999em;background:url(resources/bg-sprite.png) 0 -166px}

h1, h2, h3, h4, h5, h6 {display:block;color:#666;font-weight:normal}
h1 {font-size:22px;line-height:25px;letter-spacing:-1px}
h2 {font-size:18px;line-height:21px;letter-spacing:-1px}

a:link,
a:visited {color:#000;text-decoration:none;outline:0;border:none;background:#FFF}
a:hover {background-color:#E5E5E5}
a:active {color:#000;text-decoration:none;outline:0;border:none}
a img {border:none}

p {line-height:16px;margin-top:8px}
ul, li {list-style:none;list-style-type:none}

.small {font-size:10px;line-height:9px;padding-top:1px}
.clear {clear:both;height:0;font-size:1px;line-height:0px}
.clear-inline {clear:both}

.fs-14 {font-size:14px;line-height:20px}
.mt-14 {margin-top:14px}
.mb-12 {margin-bottom:12px}
.bold {font-weight:bold}

/* __header				Header (top left)
 * ------------------------------------------------------- */
#header h1 {display:block;margin-bottom:16px;width:340px;height:30px;text-indent:-999em;background:#FFF url(resources/bg-sprite.png) 0 0}

ul#nav, ul#scroll {display:block;float:left;margin-left:20px;z-index:805}
ul#nav li, ul#scroll li {display:block;float:left;margin-bottom:1px}
ul#nav li a {display:inline-block;padding:0 4px;color:#666;text-decoration:none}

ul#scroll {position:relative;clear:left;width:69px;height:24px;margin:12px 0 0 46px}
ul#scroll li {margin:0;width:34px;height:24px;background:#FFF}
ul#scroll li#s-left {margin-right:1px}
ul#scroll li a {display:block;width:30px;height:20px;text-indent:-999em;border:2px solid #FFF;background:url(resources/bg-sprite.png) no-repeat}
ul#scroll li#s-left a {background-position:-520px -130px}
ul#scroll li#s-right a {background-position:-520px -152px}
ul#scroll li#s-left a:hover {background-position:-520px -174px}
ul#scroll li#s-right a:hover {background-position:-520px -196px}

ul#scroll .tt-scroll {position:absolute;top:26px;left:-40px;padding-top:5px;width:70px;height:20px;text-align:right;background:url(resources/bg-sprite.png) no-repeat 65px -255px;z-index:3000}
ul#scroll .tt-scroll span {display:inline-block;padding:0 5px 0 0;width:65px;height:20px;line-height:20px;color:#FFF;background:#666}
ul#scroll .tt-scroll#tt-right {left:40px;text-align:left;background-position:-255px -255px}
ul#scroll .tt-scroll#tt-right span {padding:0 0 0 5px}

a.nav-on {color:#FFF!important;background:#666}

li.level-1 {clear:left;width:95px;height:24px;text-align:right}
li.level-1 a {height:24px;line-height:24px;font-size:18px;letter-spacing:-1px;font-weight:bold}

.ul-2 {display:block;margin:-24px 0 0 96px;width:150px;float:left;text-align:left}
li.level-2 {clear:left;width:150px;height:20px}
li.level-2 a {width:auto;height:20px;line-height:20px;font-size:14px;letter-spacing:normal;font-weight:normal}

.ul-2 li.nav-on {margin-left:-1px;width:auto;height:24px;line-height:24px}
.ul-2 li.nav-on span {display:inline-block;float:left;width:18px;height:24px;background:url(resources/bg-sprite.png) no-repeat -346px 0}
.ul-2 a.nav-on {float:left;height:24px;line-height:24px;font-size:18px;letter-spacing:-1px}

li.level-2 a span.visited, .ul-2 a.nav-on span.visited {display:inline-block;float:left;width:20px;height:20px;text-indent:-999em;background:url(resources/bg-sprite.png) no-repeat -320px -35px}
li.level-2 a:visited span.visited {background-position:-340px -35px}
.ul-2 a.nav-on span.visited {margin-right:2px;background-position:-285px -170px}

#b-copyright .ul-2 a.nav-on, #b-privacy .ul-2 a.nav-on {margin-left:30px;width:auto;cursor:default}

.ul-3 {display:block;margin:2px 0 0 120px;width:650px;height:20px;text-align:left}
li.level-3 {display:block;float:left;margin:0 0 0 1px;width:auto;height:20px}
li.level-3 a {height:20px;line-height:20px;font-size:14px;letter-spacing:normal;font-weight:normal}

.ul-3 .l3-comment, .ul-3 .l3-contact {height:20px;width:20px}

.ul-3 .l3-comment a, .ul-3 .l3-contact a {display:block!important;width:12px;height:20px;text-indent:-999em;background:#FFF url(resources/bg-sprite.png) no-repeat}
.ul-3 .l3-comment a {background-position:-444px -130px}
.ul-3 .l3-contact a {background-position:-464px -130px}
.ul-3 .l3-comment a:hover, .ul-3 .l3-contact a:hover {background-color:#E5E5E5}

#b-about .ul-3 {margin-left:0}

/* __subscribe			Subscribe & Network (right)
 * ------------------------------------------------------- */
#subscribe ul, #network ul {display:block;width:124px;height:30px}
#subscribe ul {padding-left:31px}
#network ul {width:217px}

#subscribe li, #network li {display:block;float:left;margin-left:1px;width:30px;height:30px}
#subscribe li a, #network li a {display:block;width:30px;height:30px;text-indent:-999em;background:#FFF url(resources/bg-sprite.png) no-repeat}
#subscribe li a:hover, #network li a:hover {background-color:#666}

#subscribe li#subs-search a {background-position:-370px 0}
#subscribe li#subs-map a {background-position:-400px 0}
#subscribe li#subs-mailer a {background-position:-430px 0}
#subscribe li#subs-feed a {background-position:-460px 0}
#subscribe li#subs-search a:hover {background-position:-370px -30px}
#subscribe li#subs-map a:hover {background-position:-400px -30px}
#subscribe li#subs-mailer a:hover {background-position:-430px -30px}
#subscribe li#subs-feed a:hover {background-position:-460px -30px}

#search {display:block;float:left;margin:-30px 0 0 -285px;width:285px}
#search-form fieldset {width:285px;border:none}
#search-form #searchsubmit {padding:0;width:30px;height:30px;line-height:30px;font-size:11px;text-transform:uppercase;border:none;outline:none;background:#CCC;cursor:pointer}
#search-form #searchsubmit:hover {color:#FFF;background:#666}

#network li#fn-twitter a {background-position:-310px -60px}
#network li#fn-facebook a {background-position:-340px -60px}
#network li#fn-linkedin a {background-position:-370px -60px}
#network li#fn-flickr a {background-position:-400px -60px}
#network li#fn-lastfm a {background-position:-430px -60px}
#network li#fn-vimeo a {background-position:-460px -60px}
#network li#fn-youtube a {background-position:-490px -60px}
#network li#fn-twitter a:hover {background-position:-310px -90px}
#network li#fn-facebook a:hover {background-position:-340px -90px}
#network li#fn-linkedin a:hover {background-position:-370px -90px}
#network li#fn-flickr a:hover {background-position:-400px -90px}
#network li#fn-lastfm a:hover {background-position:-430px -90px}
#network li#fn-vimeo a:hover {background-position:-460px -90px}
#network li#fn-youtube a:hover {background-position:-490px -90px}
 
/* __footer			Footer (bottom left)
 * ------------------------------------------------------- */
#footer ul {position:relative;display:block;margin-top:-10px;width:330px;height:150px}
#footer li {display:block;float:left}
li#f-brand {width:300px;height:126px;text-indent:-999em;background:url(resources/bg-sprite.png) no-repeat 0 -30px}
li#f-copy {padding:10px 0 0 27px;height:20px;}
li#f-copy a, li#f-privacy a {color:#666;font-size:11px}
li#f-copy a:hover, li#f-privacy a:hover {color:#000;background:none}
li#f-privacy {padding:10px 0 0 10px;height:20px;}

/* __content		Main content
 * ------------------------------------------------------- */
.c-section {display:block;position:relative;float:left;clear:none;padding-left:285px;width:514px;height:554px}
#ps-i, #ps-comment {width:327px}
#ps-contact {width:550px}

.cs-col1, .cs-col2, .contact {position:absolute;top:90px;left:285px;width:250px;height:350px}
.cs-col2 {left:549px;padding-left:14px}
.contact {left:275px;width:510px}
.c-tel {display:block;float:left;margin:12px 0 -2px 0;width:511px}
.c-tel p {margin-top:6px}
.c-tel p.ct-number {font-size:14px;line-height:10px;color:#333}
.image {position:absolute;left:150px}

.qoute {padding:5px 0}
.q-start, .q-end {display:block;width:30px;height:20px;text-indent:-999em;background:url(resources/bg-sprite.png) no-repeat}
.q-start {float:left;margin-top:-5px;background-position:-430px -165px}
.q-end {display:inline-block;margin-bottom:-5px;background-position:-460px -165px}

#ps-comment ul {margin-top:10px}
#ps-comment li {line-height:16px;color:#999}
#ps-comment li#q-name {font-size:14px;color:#666}

.info {position:absolute;display:block;bottom:190px;right:0;width:260px;z-index:999}
a.more-info, a.less-info {display:block;width:40px;height:30px;text-indent:-999em;background:url(resources/bg-sprite.png) no-repeat -310px -190px}
a.more-info {position:absolute;bottom:0;right:0}
a.less-info {float:left;margin-top:-5px;background-position:-350px -190px}

.more {display:block;float:right;margin-top:-25px;padding-top:5px;width:260px}
.more h2 {display:block;float:left;margin:0 1px 1px 0;padding:1px 0 0 4px;height:19px;line-height:20px;width:215px;color:#FFF;font-size:14px;line-height:20px;letter-spacing:normal;font-weight:normal;background:#666}
.more p, .more a.site-visit {display:block;float:left;margin-top:-4px;padding:4px;width:212px;font-size:11px;line-height:16px;background:#FFF}
.more p a {font-size:11px}
.more a.site-visit {padding:2px 4px;margin-top:1px;color:#666;background:#E5E5E5}
.more a.site-visit:hover {color:#FFF;background:#666}

.backnforth {position:absolute;bottom:156px;right:0;width:42px;height:30px}
.backnforth ul {display:block;margin:0!important;width:42px;height:27px}
.backnforth li {display:block;float:left;width:21px;height:27px;line-height:inherit}
.backnforth li a {display:block;width:21px;height:27px;text-indent:-999em;background:url(resources/bg-sprite.png) no-repeat}
.backnforth li.back a {background-position:-310px -126px}
.backnforth li.forth a {background-position:-331px -126px}
.backnforth li.back a:hover {background-position:-394px -126px}
.backnforth li.forth a:hover {background-position:-373px -126px}
li#forth-first, li#forth-first a, li#back-last, li#back-last a {width:26px}
li#forth-first a {background-position:-362px -158px}
li#back-last a {background-position:-310px -158px}
li#forth-first a:hover {background-position:-388px -158px}
li#back-last a:hover {background-position:-336px -158px}

#slider {position:absolute;display:block;top:90px;left:250px;width:550px;height:250px}
#slider li {width:550px;height:250px;overflow:hidden}	
		
ol#controls {display:block;position:absolute;right:40px;bottom:197px;height:18px}
ol#controls li {margin-right:1px;float:left;height:20px;line-height:20px;list-style:none}
ol#controls li a {float:left;padding:0 6px;height:18px;line-height:20px;color:#999;font-weight:bold;text-decoration:none;border:1px solid #999;background:#FFF}
ol#controls li a:hover {background:#E5E5E5}
ol#controls li.current a {background:#999;color:#FFF}
ol#controls li a:focus {outline:none}
	
/* __pages		Individual page tweaks
 * ------------------------------------------------------- */
.b-non-folio .c-section {padding-left:125px}
.b-non-folio .cs-col1, .b-non-folio .contact {left:150px}
.b-non-folio #ps-contact {width:590px}
.b-non-folio .cs-col2 {left:414px}
.b-non-folio .image {left:100px}
.b-non-folio #slider {left:150px}

#b-sharp .cs-col1 {top:30px}
#b-sharp .cs-col2 {top:51px}
#b-sharp .image {top:130px;left:125px;width:580px;height:200px}

#b-home .cs-col1, #b-home .contact {top:70px}
#b-home #ps-1, #b-home #ps-2, #b-home #ps-3, #b-home #ps-4 {width:690px}
#b-home #ps-i {width:402px}
#b-home #ps-i .cs-col1 {width:360px}
#b-home #ps-i .cs-col1 p {margin-top:10px;font-size:14px;line-height:20px}
#b-home #ps-1 {margin-right:40px}
#b-home #ps-1 .image {left:120px}
#b-home #ps-1 .backnforth {bottom:156px}
#b-home #ps-1 .info {bottom:191px}
#b-home #ps-2 {width:602px}
#b-home #ps-3 .image {left:90px}
#b-home #ps-4 .image {left:40px}

#b-about .cs-col1 {left:150px;right:auto}
#b-about #ps-i {width:500px}
#b-about #ps-i .cs-col1 {width:450px}
#b-about #ps-i .cs-col1 p {font-size:14px;line-height:18px}
#b-about #ps-1 {width:260px}
#b-about #ps-1 .cs-col1 ul {margin-top:10px}
#b-about #ps-1 .cs-col1 li {margin-top:8px;font-size:14px}
#b-about #ps-1 .cs-col1 li span,
#b-about #ps-4 .cs-col1 li span {display:block;float:left;margin:-1px 4px 0 0;width:15px;height:14px;text-indent:-999em;background: url(resources/bg-sprite.png) no-repeat -467px -133px}
#b-about #ps-2 {width:650px}
#b-about #ps-2 .cs-col2 {top:110px}
#b-about #ps-3 {width:327px}
#b-about #ps-4 {width:500px}
#b-about #ps-4 .cs-col1 {width:440px}
#b-about #ps-4 .cs-col1 ul {margin:10px 0}
#b-about #ps-4 .cs-col1 li {margin:8px 0 0 19px}
#b-about #ps-4 .cs-col1 li span {margin:-1px 4px 0 -19px}

#b-contact .c-section {padding-left:120px}
#b-contact #ps-i, #b-contact #ps-1 {width:482px}
#b-contact #ps-i .cs-col1, #b-contact #ps-1 .cs-col1 {left:150px;right:auto;width:402px}
#b-contact #ps-i .cs-col1 a.site-visit {color:#666}
#b-contact #ps-i .cs-col1 a.site-visit:hover {color:#000;background:none}

.cont-network {margin-top:8px;width:400px}
.cont-network li a {display:block;margin-bottom:1px;width:400px;height:30px;background-color:#F4F4F4}
.cont-network li a:hover,
.cont-network li a:hover span {background-color:#666!important;color:#FFF!important}

.cont-network li a span {display:block;float:left}
.cont-network li a span.cn-text {width:163px;height:20px;padding-top:10px;color:#666;font-size:16px}
.cont-network li a span.cn-icon {margin-right:6px;width:30px;height:30px;text-indent:-999em;background:url(resources/bg-sprite.png) no-repeat}

.cont-network li#cn-twitter a span.cn-icon {background-position:-310px -60px}
.cont-network li#cn-facebook a span.cn-icon {background-position:-340px -60px}
.cont-network li#cn-linkedin a span.cn-icon {background-position:-370px -60px}
.cont-network li#cn-crowd a span.cn-icon {background-position:-520px 0}
.cont-network li#cn-google a span.cn-icon {background-position:-490px 0}
.cont-network li#cn-flickr a span.cn-icon {background-position:-400px -60px}
.cont-network li#cn-lastfm a span.cn-icon {background-position:-430px -60px}
.cont-network li#cn-vimeo a span.cn-icon {background-position:-460px -60px}
.cont-network li#cn-youtube a span.cn-icon {background-position:-490px -60px}
.cont-network li#cn-form a span.cn-icon {background-position:-520px -60px}

.cont-network li#cn-twitter a:hover span.cn-icon {background-position:-310px -90px}
.cont-network li#cn-facebook a:hover span.cn-icon {background-position:-340px -90px}
.cont-network li#cn-linkedin a:hover span.cn-icon {background-position:-370px -90px}
.cont-network li#cn-crowd a:hover span.cn-icon {background-position:-520px -30px}
.cont-network li#cn-google a:hover span.cn-icon {background-position:-490px -30px}
.cont-network li#cn-flickr a:hover span.cn-icon {background-position:-400px -90px}
.cont-network li#cn-lastfm a:hover span.cn-icon {background-position:-430px -90px}
.cont-network li#cn-vimeo a:hover span.cn-icon {background-position:-460px -90px}
.cont-network li#cn-youtube a:hover span.cn-icon {background-position:-490px -90px}
.cont-network li#cn-form a:hover span.cn-icon {background-position:-520px -90px}

#cn-contact {margin-bottom:12px;width:402px;height:130px}
#cn-contact li.cn-l1 {display:block;float:left;margin-right:1px;width:200px}
#cn-contact li.cn-l1 a {display:block;width:200px;height:30px;background-color:#F4F4F4}
#cn-contact li.cn-l1 a span#cns-icon {padding:8px 2px 0 6px;width:22px;height:22px}

#cn-contact li.cn-l2 a {float:left;padding:0 4px 0 30px;height:22px;width:166px;color:#666;line-height:22px}
#cn-contact #cn-twitter li.cn-l2-short a {padding-left:36px;width:138px}
#cn-contact #cn-twitter li.cn-l2 a.cnt-i {float:left;padding:0;width:22px;height:22px;text-indent:-999em;background:#F4F4F4 url(resources/bg-sprite.png) no-repeat -495px -165px}
#cn-contact #cn-twitter li.cn-l2 a.cnt-i:hover {background-position:-495px -187px}
#cn-contact #cn-form {clear:left;margin-left:201px}

#cn-find li a span.cn-text {width:110px}
#cn-find li a span.cn-link {padding-top:10px;height:20px;font-size:11px;line-height:20px;color:#999}

#b-copyright .c-section, #b-privacy .c-section {padding-left:120px;width:520px}
#b-copyright .cs-col1, #b-privacy .cs-col1 {width:440px}

#b-hatters #ps-i {width:440px}
#b-hatters #ps-i .cs-col1 {width:362px}
#b-hatters #ps-1 #slider,
#b-hatters #ps-2 .image {left:240px}
#b-hatters #ps-2 .more a.site-visit {padding-right:0;margin-right:1px;width:106px}
#b-hatters #ps-3 {margin-right:140px}
#b-hatters #ps-3 .image {left:200px}
#b-hatters #ps-4 {margin-right:60px;height:556px}
#b-hatters #ps-4 .image {left:130px}
#b-hatters #ps-4 .backnforth {bottom:156px}
#b-hatters #ps-4 .info {bottom:191px}
#b-hatters #ps-comment {width:514px}
#b-hatters #ps-comment .cs-col2 {top:111px}
#b-hatters #ps-comment .cs-col2 ul {margin-top:10px}
#b-hatters #ps-comment .cs-col2 li {line-height:16px;color:#999}
#b-hatters #ps-comment .cs-col2 li#q-name {font-size:14px;color:#666}

#b-collective #ps-1 {margin-right:40px}
#b-collective #ps-1 #slider {top:70px}
#b-collective #ps-2 {margin-right:80px}
#b-collective #ps-2 .image {left:180px}

#b-absolute #ps-1 {margin-right:100px}
#b-absolute #ps-1 .image {top:60px;left:245px}
#b-absolute #ps-2 {margin-right:40px}
#b-absolute #ps-2 .image {left:20px}
#b-absolute #ps-3 .image {left:170px}

#b-clearliving #ps-1 {margin-right:120px}
#b-clearliving #ps-2, #b-clearliving #ps-3 {margin-right:80px}
#b-clearliving #ps-1 .image {left:120px}
#b-clearliving #ps-2 .image {top:70px;left:100px}
#b-clearliving #ps-3 .image {left:220px}

#b-cy4or #ps-1 {margin-right:40px}
#b-cy4or #ps-1 .image {top:140px;left:320px}
#b-cy4or #ps-2 {margin-right:80px}
#b-cy4or #ps-2 .image {left:150px}
#b-cy4or #ps-3 {margin-right:80px}
#b-cy4or #ps-3 .image {left:60px}
#b-cy4or #ps-4 .image {left:110px}
#b-cy4or #ps-5 #slider, #b-cy4or #ps-5 #slider li {width:486px;height:300px}
#b-cy4or #ps-5 #slider {top:30px;left:260px}

#b-cityscene #ps-1 {width:480px}
#b-cityscene #ps-1 .image {top:100px;left:280px}
#b-cityscene #ps-2 .image {top:100px;left:270px}
#b-cityscene #ps-3 {margin-right:80px}
#b-cityscene #ps-3 .image {left:140px}
#b-cityscene #ps-4 {margin-right:80px}
#b-cityscene #ps-4 .image {left:70px}

#b-detail #ps-1 {margin-right:60px;width:480px}
#b-detail #ps-1 #slider {left:220px;width:520px}
#b-detail #ps-1 #slider li {width:520px}
#b-detail #ps-2 {margin-right:120px}
#b-detail #ps-2 .image {top:-10px;left:40px}
#b-detail #ps-3 .image {left:70px}
#b-detail #ps-4 {margin-right:40px}
#b-detail #ps-4 .image {top:-10px;left:120px}

#b-publishing .c-section {margin-right:40px}
#b-publishing .cs-short {width:345px}
#b-publishing .image {left:40px}
	
/* __forms			Contact form
 * ------------------------------------------------------- */
#form-div {display:block;float:left;width:511px}
fieldset {display:block;float:left;margin-bottom:1px;width:511px;background:#FFF}
.main-set {margin-top:5px;width:511px;background:none}

#fs-name, #fs-phone {width:511px;height:30px}
#fs-message {width:511px;height:121px;background:none}
#fs-submit {width:511px;height:30px;background:none}

label {display:block;float:left;width:90px;text-indent:10px;height:30px;line-height:30px;text-transform:uppercase;font-size:11px;background:url(resources/bg-sprite.png) no-repeat -400px -190px}

.main-label {width:511px;height:20px;line-height:20px;text-indent:0;text-transform:none;font-size:12px;background:none}
.main-label span {display:inline-block;float:right;font-size:11px}
.main-label span span.req {display:block;float:left;padding-right:2px}

input, textarea {display:block;float:left;padding:8px 0;width:165px;height:14px;line-height:14px;background:#F4F4F4;border:none;outline:none}
select {display:block;float:left;padding:8px 0;width:165px;height:30px;line-height:30px;background:#F4F4F4;border:none;outline:none;cursor:pointer}
select:hover, select.hover, input:hover, input.hover, textarea:hover, textarea.hover,
input:focus, input.focus, textarea:focus, textarea.focus {background:#E5E5E5}

#message-error {clear:left;margin-top:1px;z-index:999}
#message {margin-top:1px;padding:6px 0 2px 0;width:420px;height:52px;z-index:990}
#antispam-error {margin-top:1px}
#antispam {margin-top:1px;width:40px}
.explain {margin-top:1px;width:195px;background:#F4F4F4}

#cc-opt-error {margin:1px 1px 0 90px;width:235px;font-size:10px;text-align:right;background:#F4F4F4;cursor:pointer}
#cc-opt {float:right;margin:10px;padding:0;width:10px;height:10px;border:none;outline:none}
#cc-opt-error:hover, #cc-opt-error.hover, #cc-opt-error:focus, i#cc-opt-error.focus {background:#E5E5E5}

input.button {margin-top:1px;padding:0;width:185px;height:30px;line-height:30px;text-transform:uppercase;background:#CCC;cursor:pointer}
input.button:hover, input.button.hover, input.button:focus, input.button.focus {color:#FFF;background:#666}

.error, .success {display:block;float:left;padding:8px;width:495px;background:#990033}
.success {background:#99CC66}
.error strong, .success strong, .success small {color:#FFF}
.success small {padding-left:6px;font-size:11px}
.error a, .success a {color:#FFF;font-weight:bold;background:none}

/* __tooltip			Tooltips
 * ------------------------------------------------------- */
#tooltip {position:absolute;z-index:3000}
#tooltip h3 {padding:4px 4px 2px 4px;font-size:14px;font-weight:normal;color:#FFF;background:#666}
#tooltip div {padding:4px;color:#666;font-size:11px;background:#F4F4F4}

#tooltip.tt-subs {padding-top:10px;width:210px;background:url(resources/bg-sprite.png) no-repeat 200px -250px}
#tooltip.tt-network {padding-bottom:10px;width:210px;background:url(resources/bg-sprite.png) no-repeat -40px bottom}
#tooltip.tt-network div {padding-top:0;color:#FFF;background:#666}

#tooltip.tt-l3nav, #tooltip.tt-info {padding-bottom:5px;width:110px;height:20px;background:url(resources/bg-sprite.png) no-repeat -10px bottom}
#tooltip.tt-info {width:60px}

#tooltip.tt-back, #tooltip.tt-forth, #tooltip.tt-blog {padding-top:5px;width:70px;height:20px;text-align:right;background:url(resources/bg-sprite.png) no-repeat 65px -255px}
#tooltip.tt-forth, #tooltip.tt-blog {text-align:left;background-position:-255px -255px}

#tooltip.tt-l3nav h3, #tooltip.tt-info h3,
#tooltip.tt-back h3, #tooltip.tt-forth h3 {padding:4px;height:12px;line-height:12px;font-size:12px}

#tooltip.tt-l3nav.viewport-right {text-align:right;background-position:-140px bottom}
#tooltip.tt-info.viewport-right {text-align:right;background-position:-190px bottom}
#tooltip.tt-forth.viewport-right {text-align:right;background-position:65px -255px}