/* css reset  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	color: black;
        font: 0.6251em/1  Helvetica, Tahoma, Arial, sans-serif;
}

ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Stylesheet: reset Modified On 2011-01-22 10:48:43 */
body {
background-color: #fff;
background: transparent url(http://www.liminal.org.uk/images/liminal_home_bgd.gif)  0 -55px repeat-x;
min-width: 918px;
}

body.portfolio {background: transparent url(http://www.liminal.org.uk/images/liminal_portfolio_bgd.gif)  0 -55px repeat-x;}
body.news {background: transparent url(http://www.liminal.org.uk/images/liminal_news_bgd.gif)  0 -55px repeat-x;}
body.people {background: transparent url(http://www.liminal.org.uk/images/liminal_people_bgd.gif)  0 -55px repeat-x;}
body.documents {background: transparent url(http://www.liminal.org.uk/images/liminal_documents_bgd.gif)  0 -55px repeat-x;}
body.contact {background: transparent url(http://www.liminal.org.uk/images/liminal_contact_bgd.gif)  0 -55px repeat-x;}

#content-wrapper {
position:relative;
margin: 0 auto;
width:960px;
}

#content-wrapperInner {
position:relative;
overflow:hidden;
background: transparent url(http://www.liminal.org.uk/images/liminal_page_bgd.gif )  935px 270px repeat-y;
}


body.portfolio #content-wrapperInner {background-position:  -65px 270px; }
body.news #content-wrapperInner {background-position:  -1065px 270px; }
body.people #content-wrapperInner {background-position:  -2065px 270px; }
body.documents #content-wrapperInner {background-position:  -3065px 270px; }
body.contact #content-wrapperInner {background-position:  -4065px 270px; }

a {
color:#4483C0;
text-decoration:none;
}

a:hover {
color:#5EC0FF;
}

p {
margin: 3px 0px 15px 0px;
padding: 0 6px 0 0;
font-size:1.3em;
line-height: 1.7em;
}

strong {
font-weight: bold; 
}

em {
font-style: italic; 
}

blockquote {
padding: 0 0 0 20px;
}

small , small a , small em {
font-size: 0.9em; 
margin: 0 0 4px 0;
}

hr {
border-color: #ccc;
border-style: solid;
border-width: 1px 0 0;
clear: both;
margin: 10px 0;
height: 0;
}

#introblock {
position:relative;
float:left;
margin: 0 0 15px 73px;
width:805px;
}

p.intro {
font-size: 2em;
line-height:1.8em;
color: #ccc;
}

div.breadcrumb {
margin:10px 0 0 73px;
height:10px;
width:900px;
color:#555;
}

div.breadcrumb a {
text-decoration:none;
}

div.breadcrumb span.lastitem {
color:#888;
}

h1 {
margin: 24px 0 21px 58px;
padding: 0;
font-size: 2.6em;
line-height:1.6em;
font-style:normal;
color: #555;
}

h1 span {
color: #ccc;
}



h2 {
margin: 5px 0 10px 0;
padding:0 0 4px 0;
font-size:1.4em;
color: #555;
text-transform: uppercase;
}

h3 {
font-size:1.1em;
padding:10px 0 10px 0;
text-transform: uppercase;
color:#555;
}

h2 span, h3 span {
color: #ccc;
}

h4 {
font-size:1.0909em;
font-weight:bold;
line-height:1.6em;
color:#666;
margin: 10px 0 5px 0;
padding:0;
}

h5 {
font-weight: bold; 
color: #000;
margin: 10px 0 5px 0;
padding:0;
}

dl {
float:left;
padding:0;
margin:0 0 10px 0;
width: 535px;
}

.selectedWorks dl {
font-size:1.2em;
line-height: 1.7em;
text-align:left;
}

dl.download.alt {
margin:0 20px 10px 0;
}

dl.download {
margin:0 0 10px 0;
width: 250px;
}

dt {
float: right;
padding: 0;
margin: 0;
font-size:1.1em;
line-height:1.4em;
width: 390px;
font-weight:bold;
}

dl.download dt, dl.download dd  {
float: left;
width: 250px;
padding:0;
}

dl.download dd.pdf  {
background-color:#555;
background: transparent url(http://www.liminal.org.uk/images/pdf.gif ) no-repeat;
padding:0 0 0 20px;
margin:5px 0 0 0;
height:25px;
}

 dl.download dd.pdf a , dl.download dd.wordprocessing a {
width:225px;
}

dl.download dt  {
font-weight:bold;
}

dd {
padding: 0;
margin:0;
float: right;
width: 390px;
}

dd.imgAlt {
float: left;
width: 120px;
height: 100px;
padding: 0;
margin: 0 5px 0 0;
background: transparent url(http://www.liminal.org.uk/images/thumbnail_bgd.gif) 0 0 no-repeat;
}

dd.img img {
border:none;
}

.wordprocessing {
margin:8px 40px 8px 0;
background: transparent url(http://www.liminal.org.uk/images/doc.gif ) no-repeat;
color: #000;
}



body.documents dl.download {
margin:0 0 20px 73px;
width: 725px;
height:60px;
}

body.documents dl.download.alt {
margin:0 0 10px 73px;
}

body.documents dt {
width: 745px;
}

body.documents dl.download dt, body.documents dl.download dd  {
width: 745px;
}


body.documents dd {
width: 700px;
}

ul {
list-style-type: none;
}

li {
padding: 0;
list-style: none;
padding:0 0 0 10px;
font-size:1.4em;
line-height: 1.7em;
}

li li, li li li, li li li li {font-size:1em;}

#header li {
font-size:1.2em;
}

/* colours  */

.wob {color:#FFF;}

/* colours  */

#accessibility { display:none;}

#header {
position:relative;
height:215px;
width:960px;
background: transparent url(http://www.liminal.org.uk/images/liminal_header_bgd.gif)  884px 29px no-repeat;
}

#header div.topNav {
position:relative;
top:23px;
left:773px;
margin:0;
padding:0;
height:57px;
width:165px;
}

#controls {
position:absolute;
left:4px;
width: 240px;
height: 346px;
background: transparent url(http://www.liminal.org.uk/images/filter_nav_bgd.gif) no-repeat;
background-position: -212px 7px;
}

/* non-link controls  */

#controls.Image { background-position: -712px 7px; }
#controls.Documents { background-position: -962px 7px; }
#controls.Sound { background-position: -1212px 7px; }
#controls.Video { background-position: -1462px 7px; }

#portfoliopage #controls {
background: none;
left:8px;
}

.topNav li , .topNav li.active, #controls li, #controls li.active {
position:relative;
list-style: none;
padding:0;
margin:0;
background:none;
width:162px;
height:30px;
display:block;
}

#controls li, #controls li.active  {position:relative; width:238px;}

.topNav li li , .topNav li li.active {display:none;}

.topNav li a, #controls li a {
text-transform: uppercase;
display: block;
padding: 0;
text-decoration: none;
color: #555;
white-space: nowrap;
background: transparent url(http://www.liminal.org.uk/images/filter_nav_bgd.gif) no-repeat;
cursor: pointer;
height:16px;
}

#controls li  {
text-transform: uppercase;
background: transparent url(http://www.liminal.org.uk/images/filter_nav_bgd.gif) no-repeat;
font-size:1.2em;
}

.topNav li.active a:hover { color: #666; }

.topNav li a{ background-position: 0 0; }
.topNav li a:hover{ color:#fff; }
.topNav li.active a, li.menuparent a { background-position: 112px -23px; }

#controls li a { background-position: 112px -53px;  }
#controls li a:hover { background-position: 112px -23px;  }

#controls li.Chronological a,
#controls li.Alphabetical a,
#controls li.allprojects a { background-position: 132px -53px; }

#controls li.Alphabetical a:hover, 
#controls li.Chronological a:hover,
#controls li.allprojects a :hover { background-position: 132px -23px;  }


#controls li.Image a:hover { color:#528CB3;  }
#controls li.Documents a:hover { color:#FF7200;  }
#controls li.Sound a:hover { color:#CF0F6F; }
#controls li.Video a:hover { color:#8BB92C;  }
#controls li.Chronological a:hover { color:#CB190F; }
#controls li.Alphabetical a:hover { color:#650000;  }
#controls li.allprojects a:hover { color:#8BB92C; }

#controls li.Image.activeSlide a, #controls li.Image.activeSlide { color:#528CB3; background-position: 112px -83px;  }
#controls li.Documents.activeSlide a, #controls li.Documents.activeSlide { color:#FF7200; background-position: 112px -113px;  }
#controls li.Sound.activeSlide a, #controls li.Sound.activeSlide { color:#CF0F6F; background-position: 112px -143px;  }
#controls li.Video.activeSlide a, #controls li.Video.activeSlide { color:#8BB92C; background-position: 112px -173px;  }

#controls li.Chronological.activeSlide a, #controls li.Chronological.activeSlide { color:#CB190F; background-position: 132px -323px;   }

#controls li.Alphabetical.activeSlide a, #controls li.Alphabetical.activeSlide { color:#650000; background-position: 132px -293px;   }

#header div.liminalLogo {
position:absolute;
top:158px;
left:73px;
margin:0;
padding:0;
height:30px;
width:190px;
}

#header div.social {
position:absolute;
top:26px;
left:73px;
margin:0;
padding:0;
height:16px;
width:90px;
}

body.news div.share {
position:relative;
margin:60px 0 0 0;
width:200px;
height:20px;
}

div.share {
position:absolute;
bottom:14px;
left:60px;
margin:0;
width:200px;
height:20px;
}

.social li , .social li.active, .share li , .share li.active, #flickrLink li {
float: left;
list-style: none;
padding:0 0 0 1px;
margin:0;
background:none;
width:16px;
}

div#flickrLink {
position:absolute;
left:430px;
width:110px;
}

#flickrLink ul {
float:right;
}

#flickrLink li.icon {width:16px;}
#flickrLink li {padding:0 0 0 5px; width:78px;}

.social li a, .share li a, #flickrLink li.icon a {
display: block;
padding: 0;
text-decoration: none;
color: #ccc;
white-space: nowrap;
text-indent: -9000px;
background: transparent url(http://www.liminal.org.uk/images/liminal_social_logos.png) no-repeat;
cursor: pointer;
height:16px;
}

#flickrLink li a { font-size: 0.8em;}
#flickrLink li.icon a { margin-top:2px; background-position: -16px 0;  }
#flickrLink li.icon a:hover {background-position: -16px -16px; }

.social li.active a:hover, .share li.active a:hover { color: #666; }

.social li#follow-twitter a { background-position: 0 0; }
.social li#follow-flickr a { background-position: -16px 0; }
.social li#follow-vimeo a { background-position: -32px 0; }
.social li#follow-soundcloud a { background-position: -48px 0; }
.social li#follow-linkedin a { background-position: -64px 0; }


.social li#follow-twitter a:hover { background-position: 0 -16px; }
.social li#follow-flickr a:hover { background-position: -16px -16px; }
.social li#follow-vimeo a:hover { background-position: -32px -16px; }
.social li#follow-soundcloud a:hover { background-position: -48px -16px; }
.social li#follow-linkedin a:hover { background-position: -64px -16px; }

.share li#share-delicious a { background-position: 0 -32px; }
.share li#share-facebook a { background-position: -16px -32px; }
.share li#share-stumbleupon a { background-position: -32px -32px; }
.share li#share-digg a { background-position: -48px -32px; }
.share li#share-reddit a { background-position: -64px -32px; }
.share li#share-twitter a { background-position: -80px -32px; }

.share li#share-delicious a:hover { background-position: 0 -48px; }
.share li#share-facebook a:hover { background-position: -16px -48px; }
.share li#share-stumbleupon a:hover { background-position: -32px -48px; }
.share li#share-digg a:hover { background-position: -48px -48px; }
.share li#share-reddit a:hover { background-position: -64px -48px; }
.share li#share-twitter a:hover { background-position: -80px -48px; }


div.share li:first-child {
width:60px;
}

#tabsWrapper {
position:relative;
width: 810px;
height:370px;
margin: 0 0 0 73px;
}


#portfoliopage #tabsWrapper {
position:relative;
float:left;
width: 246px;
margin: 0 0 0 73px;
padding:0;
}

#caption, #vidCaption {
position:absolute;
bottom:24px;
width: 215px;
height: 200px;
}

#caption p , #vidCaption p{
position:absolute;
bottom:10px;
right:0;
text-align:left;
font-size: 0.9em; 
}

#blogcaption p {
text-align:left;
font-size: 0.8em; 
}

#tabs {
position:absolute;
left:270px;
top:6px;
width: 535px;
height:350px;
}

#count, #vidCount {
position:absolute;
left:90px;
font-size: 1em;
height:16px;
}

#count {left:55px;}
#vidCount {left:40px;}

#imgNav, #vidNav {
position:absolute;
bottom:2px;
}

#Image, #Documents, #Video, #Sound {
position:absolute;
width: 535px;
height: 500px;
}

ul#imgNav , ul#vidNav, #flickrLink{
position:absolute;
top:325px;
width:200px;
height:14px;

}

ul.nav li , ul.nav li.active {
float: left;
list-style: none;
padding:0 0 0 1px;
margin:0;
background:none;
width:14px;
}

ul.nav li a {
display: block;
padding: 0;
text-decoration: none;
color: #ccc;
white-space: nowrap;
text-indent: -9000px;
background: transparent url(http://www.liminal.org.uk/images/liminal_controls.png) no-repeat;
cursor: pointer;
height:14px;
}

ul.nav li.active a:hover { color: #666; }

ul.nav li#imgPrev a, ul.nav li#vidPrev a { background-position: 0 0; }
ul.nav li#imgPause a { background-position: -28px 0; }
ul.nav li#imgNext a, ul.nav li#vidNext a { background-position: -14px 0; }

ul.nav li#imgPrev a:hover, ul.nav li#vidPrev a:hover { background-position: 0 -14px; }
ul.nav li#imgPause a:hover, ul.nav li#imgPause a.paused{ background-position: -28px -14px; }
ul.nav li#imgNext a:hover, ul.nav li#vidNext a:hover { background-position: -14px -14px; }

#imageSlideshow, #videoSlideshow {
position:absolute;
width: 535px;
height:320px;
}

body.jscript #imageSlideshow, body.jscript #videoSlideshow {
overflow: hidden;
}

#imageSlideshow a {
display:block;
height: 320px;
}

#primary-content{
float:left;
position:relative;
width: 880px;
margin: 0 0 40px 0;
padding:0;
z-index:90;

}

div.thumbnails, div.selectedWorks {
float:right;
width:535px;
margin:0;
overflow:hidden;
padding:0 0 10px 0;
}

div.thumbnails {
position:relative;
float:right;
width:561px;
margin:7px 0 0 0;
background: transparent url(http://www.liminal.org.uk/images/filter_nav_bgd.gif)  repeat-y;
background-position:-5950px -143px;
padding:0;
}

div.thumbnails div {
position:relative;
width:114px;
height:100px;
margin:0  0 18px 26px;
float: left;
text-decoration: none;
padding:0 0 5px 0;
}

div.thumbnails h3 {
padding:2px 0 10px 0;
}

div.thumbnails h3.hover {
color:#ccc;
}



#secondary-content  {
position:relative;
float:left;
width: 345px;
margin: 0;
padding:0;
z-index:90;
}

div.news-summary {
position:relative;
width:260px;
margin:20px 0 0 64px;
padding:7px 0 0 0;
}

div.news-summary ul , div.news-summary li{
margin:0;
padding:0;
}

body.news div.news-summary h3 {
margin-top:20px;
color:#555;
}

div.shortnewsSummary {
margin:0 0 5px 0;
}

#primary-content h2 {
width:545px;
float:right;
}

#secondary-content h2 {
float:left;
margin-left:56px;
width:315px;
}

#secondary-content.sub {
width: 320px;
}

.rawContent {
float:right;
width:535px;
font-size:1.3em;
line-height: 1.7em;
}

body.documents div.rawContent {
float:left;
width:800px;
margin: 0 0 45px 0;
font-size:1em;
}

.rawContent p,
.rawContent h3,
.rawContent h4,
.rawContent li {
font-size:1em;
}

div.news-summary li{
font-size:0.9em;
}

.rawContent #CGBlogPostDetailSummary p {
margin: 10px 0 10px 0;
font-size: 1.5em;
line-height:1.8em;
color: #797C4C;
}


div.CGBlogSummary {
width:535px;
float:right;
border-bottom:1px solid #ccc;
margin:5px 0 10px 0;
}

div.CGBlogSummaryCategory {
margin:0;
}

div.CGBlogSummaryCategory ul , div.CGBlogSummaryCategory li, div.CGBlogSummaryCategory h4{
display:inline;
}

.rawContent  div.CGBlogSummary p { 
text-align:left;
font-size:0.9em;
}

div.CGBlogSummary h3 {
margin: 5px 0 10px 0;
padding:0 0 4px 0;
text-transform: lowercase;
color: #555;
}

div.CGBlogSummary h3 span {
color: #ccc;
}

div.CGBlogSummaryCategory {
border-top:1px solid #ccc;
margin: 20px 0 10px 0;
padding:5px 0 0 0;
}

div.funder_logos {
position:relative;
width: 880px;
padding: 0;
margin:10px 0 5px 44px;
}

div.funder_logos img {
padding:0 20px 40px 20px;
}

#footer {
position:relative;
float:left;
background: transparent url(http://www.liminal.org.uk/images/horiz_pinstripe_bgd.gif) 0 30px repeat-x;
width:880px;
margin: 80px 0 120px 0;
padding:0 0 30px 0;
}

#footer ul {
list-style: none;
}

#footer ul li {
list-style: none;
float:left;
margin: 0 0 0 60px;
padding: 0;
}

#footer ul li.people {
margin: 0 0 0 40px;
}

#footer ul li a {
display:block;
margin: 0 0 20px 0;
padding: 0;
text-decoration:none;
font-size:0.9em;
font-weight:bold;
color:#555;
}

#footer ul li li {
list-style: none;
float:none;
margin: 0;
padding: 0;
}

#footer ul li.portfolio ul  {
width:320px;
}

#footer ul li.portfolio ul li  {
display:inline-block;
width:155px;
height:20px;
}

#footer ul li.portfolio li a {
display:inline;
}

#footer ul li li a {
font-weight:normal;
font-size:0.8em;
line-height:1.6em;
margin: 0;
}

#footer div.footerNav {
position:relative;
float:left;
border-bottom:1px solid #ccc;
padding:0 0 20px 0;
width:880px;
}

#footer p.credit , #footer p.fundingcredit {
position:absolute;
bottom:1px;
height:20px;
margin:0 0 0 58px;
}

#footer p.fundingcredit {
right:1px;
}

#footer p.credit a {
text-decoration:none;
color:#999;
}

#footer p.credit a:hover {
color:#ccc;
}



div#footer a {
display:block;
color:#333;
}

#footer a:hover {
color:#4483C0;
}

/*
-------------------- Contact form -------------
*/


form.cms_form {
width: 440px;
height:450px;
}

div.liminal_form {
margin:40px 0 0 0;
width: 440px;
}


div.liminal_form div {
margin:5px 0 0 0;
padding:0;
}

div.liminal_form div label {
width: 150px;
padding:0 0 0 5px;
}

div.liminal_form input, div.liminal_form textarea, img.captchapict {
width: 190px;
}

div.liminal_form textarea  {
height: 110px;
}

div.liminal_form div.required label em {
color:#ccc;
font-style:italic;
}

div.liminal_form div.captcha {
margin-left: 155px;
}

div.liminal_form div.submit {
padding-left:153px;
}


/*
-------------------- ERROR styling -------------
*/


em.success, em.error   {
padding-left: 16px;
margin:0 0 0 31.4em;
color:red;
}

em.error {
background: transparent  url(http://www.liminal.org.uk/images/unchecked.gif) no-repeat 0px 0px;
}
em.success {
background: transparent url(http://www.liminal.org.uk/images/checked.gif) no-repeat 0px 0px;
}

div.liminal_form em.error {
background:none;
margin:0 0 0 140px;
}
/* Stylesheet: liminal_core Modified On 2015-03-02 15:37:42 */
#top-menu {
margin: 0;
padding: 0;
}

#top-menu li ,  #top-menu li.active {
float: left;
list-style: none;
padding:0;
margin:0;
background:none;
}

#top-menu li a {
display: block;
padding: 0;
text-decoration: none;
color: #ccc;
white-space: nowrap;
text-indent: -9000px;
background: transparent url(images/goldendays_top_menu_sprite.gif) no-repeat;
cursor: pointer;
height:57px;
}

#top-menu li.active a:hover { color: #666; }

#top-menu li#home a {width: 100px; background-position: 0 0; }
#top-menu li#take-part a {width: 126px; background-position: -100px 0; }
#top-menu li#be-inspired a {width: 160px; background-position: -226px 0; }
#top-menu li#faq a { width: 78px;  background-position: -386px 0; }


#top-menu li#home a:hover {width: 100px; background-position: 1px -58px; }
#top-menu li#take-part a:hover {width: 126px; background-position: -99px -58px; }
#top-menu li#be-inspired a:hover {width: 160px; background-position: -225px -58px; }
#top-menu li#faq a:hover { width: 78px;  background-position: -385px -58px; }

#top-menu li.active#home a {width: 100px; background-position: 1px -115px; }
#top-menu li.active#take-part a {width: 126px; background-position: -99px -115px; }
#top-menu li.active#be-inspired a {width: 160px; background-position: -225px -115px; }
#top-menu li.active#faq a { width: 78px;  background-position: -385px -115px; }

		
/* Stylesheet: social_menu Modified On 2011-01-22 10:51:48 */
/**********************************

Use: cmxform template

***********************************/
form fieldset {
	margin-bottom: 10px;
}

form legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}

form label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
}

form fieldset div {
	list-style: none;
	padding: 2px;
	margin: 0;
}

form fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

form fieldset fieldset label {
	display: block;
	width: auto;
}

form label { width: 100px; } /* Width of labels */
form fieldset fieldset label { margin-left: 103px; } /* Width plus 3 (html space) */
form label.error {
	margin-left: 103px;
	width: 220px;
}

form input.submit {
	margin-left: 103px;
}

/*\*//*/ form legend { display: inline-block; } /* IE Mac legend fix */
/* Stylesheet: cmxformTemplate Modified On 2011-01-22 10:53:01 */
/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span {
  background-image: url(images/uniform/sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}

/* INPUT & TEXTAREA */

input.text,
input.email, 
input.password,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #000;
  background: url('images/uniform/bg-input-focus.png') repeat-x 0px 0px;
  background: url('images/uniform/bg-input.png') repeat-x 0px 0px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  border-color: #999;
  background: url('images/uniform/bg-input-focus.png') repeat-x 0px 0px;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

div.selector:active, 
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span, 
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  width: 19px;
  height: 19px;
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}

div.checker:active span, 
div.checker.active span {
  background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}

div.checker span.checked {
  background-position: -76px -260px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
  background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

/* Radio */

div.radio {
  width: 18px;
  height: 18px;
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px;
}

div.radio:active span, 
div.radio.active span {
  background-position: -18px -279px;
}

div.radio.focus span, 
div.radio:hover span {
  background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.button {
  background-position: 0px -523px;
}

div.button span {
  background-position: right -643px;
}

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px; 
}

div.button.active,
div.button:active {
  background-position: 0px -583px;
}

div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #555;
}

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default;
}

/* PRESENTATION */

/* Button */

div.button {
  height: 30px;
}

div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}

/* Select */
div.selector {
  width: 190px;
  font-size: 12px;
}

div.selector select {
  min-width: 190px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
  color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 5px;
}

/* Radio */
div.radio {
  margin-right: 3px;
}

/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, 
.checker, 
.button, 
.radio, 
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button a,
div.button button,
div.button input {
  position: absolute;
}

div.button {
  cursor: pointer;
  position: relative;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}

/* Select */

div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
  position: relative;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: center;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}
/* Stylesheet: uniform Modified On 2011-03-31 17:42:23 */