/*----- reset -----*/

body, h1, h2, h3, fieldset, button, input, p, select, textarea/*, ul*/ {
	font-size: 100%;
	line-height: 1;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
em {
	font-style: normal;
}
ul {
	/*list-style-type: none;*/
}

ul.errors { font-size:1.6em; letter-spacing:1px; }

a img, fieldset, button, input, select, textarea {
	border: 0;
}
a {
	color: #000000;
	outline: 0;
	text-decoration: none;
}
button, input.button { background: none; }

/*----- misc -----*/

.access, legend span { left: -5000px; position: absolute; }

/* html, body { height: 100%; overflow: auto; } */
/* mac hide -  This routine does the same for ie that overflow does for moz\*/
/* * html, * html body { overflow-y: auto; overflow-x: hidden; } */
/* end gide*/

body { font-size: 0.625em; }
body, button, input, select, textarea { font-family: helvetica, arial, sans-serif;  }

a, button, input.button { cursor: pointer; }

/*----- themes -----*/

div.nav ul li.current a,
div.nav div.current ul a,
form.view input.button,
div.view p.buttons a,
body.white div#title h1 { color: #000000; }
div#access a.nav,
div#title h1,
div#toc h2,
div.nav h1,
form.view input.next,
form.view input.login,
form.view input.save,
form.view input.finish,
form.view input.send,
div.view p.buttons a.yes,
div.nav a { color: #FFFFFF; }

div#section ul.section li { float: left; display: inline; margin: 0 6px 15px 0; }
div#section ul.section li a { width: 187px; }
div#section ul.section li a .section-image { -moz-border-radius:5px; -webkit-border-radius: 5px; border: 4px solid #000; display: block; padding: 0; margin: 0; width: 150px; height: 93px; overflow: hidden; }
div#section ul.section li a .section-image img { -moz-border-radius:5px; -webkit-border-radius: 5px; border: none; display: block; padding: 0; margin: 0; width: 150px; }
div#section ul.section li p.section-title { width: 175px; padding: 5px 1px 5px 5px; font-size: 1.5em; color: #fff; }
div#section ul.section li a:hover,
div#section ul.section li a:hover p { color: #ED1953; }
ul.section { width:575px; left:-40px; position: relative; }



body.orange div#header,
body.orange div#header p.menu a,
body.orange div.view,
body.orange li.current { background-color: #FF6600; }
div.portalsection div#header,
div.portalsection div#header p.menu a,
div.portalsection div.view,
div.portalsection li.current { background-color: #1c1c1c; }

div.portalsection div.view { background: #1c1c1c; color: #fff; }

body.grey div#header,
body.grey div#header p.menu a,
body.grey div.view,
body.grey li.current { background-color: #E0E0E0; }
body.yellow div#header,
body.yellow div#header p.menu a,
body.yellow div.view,
body.yellow li.current { background-color: #FFCC00; }
body li.editor, body li.current.editor, #section._editor { background-color: #D2164C; }
div.nav ul p.menu a,
body.black,
body.black div.vail { background-color: #333; }
body.black { background-color: #000; }
body.black div.nav,
body.white div.nav { background-color: #1c1c1c; margin:0 auto; }
form.view span.tooltip,
form.view span.file,
body.white,
body.white div.vail { background-color: #FFFFFF; }
form.view,
div.view { background-color: #6FC3E6; }
form.view.borough,
div.view.borough,
div.portal-pink { background-color: #333; color: #fff; margin-bottom: 10px; clear: both; }
div.view.borough h1 { font-size: 2.6em; padding: 10px 20px; }
div.view.borough h2 { font-size: 2.2em; padding: 8px 20px; clear: both; }
div.view.borough li h2 { font-size: 1em; padding: 0px; }
div.view.borough h3 { font-size: 2.0em; padding: 25px 20px 6px; clear: both;  }
div.view.borough li h3 { font-size: 1em; padding: 0; clear: none; }
div.view.borough h4 { font-size: 1.7em; padding: 6px 20px; }

form dl.zend_form span.tooltip,
form table.striped span.tooltip,
form.view.borough span.tooltip,
div.view.borough span.tooltip { color: #000; }
form dl.zend_form a.tooltip,
form table.striped a.tooltip,
form.view.borough a.tooltip,
div.view.borough a.tooltip { background: url(/img/pink-info.png) no-repeat left top; }
form dl.zend_form p a.forgotten-password,
form table.striped p a.forgotten-password,
form.view.borough  p a.forgotten-password,
div.view.borough  p a.forgotten-password { color: #fff; }
form.view.borough p.controls input.login.button,
form.view.borough p.controls input.save.button,
div.view.borough p.controls input.login.button { background: url(/img/pink-submit.png) no-repeat left top; }
form.view.borough p.controls input.cancel.button { background-position: -156px -332px; color: #fff; }
form dl.zend_form p.label,
form table.striped p.label,
form.view.borough p.label { float:left; margin:0 15px 0px 0; display: inline; padding:10px 0; font-size: 1.8em; letter-spacing: 1px; text-align:right; width:185px; }
form.view.borough fieldset ul { clear:none; padding: 0; margin: 0; }
form.view.borough fieldset ul li { width: 300px; float: left; text-align: left; }
form.view.borough fieldset ul li input { width: auto; margin: 2px 10px 12px 0; padding: 0; }
form.view.borough fieldset ul li label { text-align: left; margin: 0 0 10px; padding: 0; }
div.view.borough p.buttons.borough { float: left; clear: left; margin: 10px 20px 0; display: inline; }
div.view.borough p.buttons.borough.right { float: right; margin: 10px 0px 10px 0; clear: both; display: inline; }
div.view.borough p.buttons.borough a:link,
div.view.borough p.buttons.borough a:visited { font-size: 1.5em; display: inline; height: 28px; line-height: 28px; padding: 0; color: #fff; background: url(/img/pink-button.png) no-repeat; width: 152px; }
div.view.borough p.buttons.borough a.add-editor-comment-button:link,
div.view.borough p.buttons.borough a.add-editor-comment-button:visited { font-size: 1.5em; display: inline; height: 28px; line-height: 28px; padding: 0; color: #fff; background: url(/img/pink-button-300.png) no-repeat; width: 300px; }
div.view.borough h2.text-list { display: block; clear: both; margin: 0; padding: 30px 20px 15px;  }
div.view.borough ul.text-list { clear: both; padding: 0; margin: 0; }
div.admin div.view.borough ul.text-list { clear: both; padding: 0; margin: 0 0 10px; overflow: hidden; }
p#delete-editor { float: left; clear: both; background: #282828; width: 775px; margin: 0; padding: 10px 0; }
p#delete-editor a { float: right; }
div.view.borough ul.text-list li { float: left; display: inline; clear: both; width: 745px; margin: 0px; position: relative; padding: 10px 15px; list-style: none; font-size: 1.6em; }
div.view.borough ul.text-list li.odd { background: #282828; }
div.view.borough ul.text-list li.editor { background: #D2164C; }
div.view.borough ul.text-list li.odd.editor { background: #910F33; }
div.view.borough ul.text-list li span { float: left; padding: 10px 0; }
div.view.borough ul.text-list li span.wiki-logo { width: 100px; height: 90px; overflow: hidden; margin: 0px 10px; }
div.view.borough ul.text-list li h3 { padding: 20px 0 10px; float: left; width: 450px; }
div.view.borough ul.text-list li p.portal-url { float: left; width: 550px; font-size: 0.9em; }
div.view.borough ul.text-list li p.portal-url a:link, div.view.borough ul.text-list li p.portal-url a:visited { text-decoration: underline; }
div.view.borough ul.text-list li p.portal-url a:hover, div.view.borough ul.text-list li p.portal-url a:active { text-decoration: none; }
div.view.borough ul.text-list li p input { cursor: pointer; font-size: 0.8em; background:transparent url(/img/black-button.png) no-repeat; color:#FFFFFF; display:inline-block; float:right; height:28px; line-height:28px; margin:40px 0 0; text-align:center; width:152px; }
a.button-link,
div.view.borough ul.text-list li a.buttons { float: right; text-align: center; color: #fff; width: 152px; height: 28px; line-height: 28px; display: inline-block; margin: 0 0 0 10px; background: url(/img/black-button.png) no-repeat; }
a.button-link { margin: 5px 0px; vertical-align: middle; }

div.admin-buttons { background: #282828; -moz-border-radius: 10px; webkit-border-radius: 10px; width: 775px; float: left; margin-bottom: 10px; }
div.admin-buttons a.button-link,
div.admin-buttons span.padlock { float: left; background: none; border-right: 1px solid #333; border-left: 1px solid #000; margin: 0; height: auto; width: auto; padding: 8px 15px 5px; font-size: 1.5em; }
div.admin-buttons span.padlock { border-left: none; width: 50px; height: 40px; display: block; float: left; padding: 1px; background: url('../img/padlock.png') no-repeat center; } 
div.admin-buttons a.button-link:hover,
div.admin-buttons a.button-link:active { color: #F14775; }

ul.new-content { clear: both; padding: 0 10px; }
ul.new-content li { padding: 10px 1% 10px 2%; list-style: none; position: relative; float: left; width: 97%; }
ul.new-content li.odd { background: #434343; }
ul.new-content li p { font-size: 1.4em; float: left; clear: left; display: inline; padding: 0 200px 0 0; }
ul.new-content li p img { border: 5px solid #fff; margin-top: 10px; display: block; }
ul.new-content li p a:link, ul.new-content li p a:visited { font-size: 1.3em; text-decoration: underline; }
ul.new-content li p a:hover, ul.new-content li p a:active { text-decoration: none; }
ul.new-content li ul,
ul.new-content li form ul { clear: none; position: absolute; top: 2%; right: 5px; }
ul.new-content li ul li { clear: none; padding: 0; }

div.portal-pink { width: 155px; background: #D2164C; font-size: 1.4em; }

div.portal-pink { background: #D2164C url('/img/pink-div-top.png') no-repeat top; color: #fff; width: 355px; font-size:1.4em; }

div.portal-pink.wide { width: auto; overflow: auto; background: #D2164C url('/img/pink-div-top-large.png') no-repeat top; margin-bottom:10px;}
div.portal-pink.wide.gallery-pink { float:left; width:360px; }
div.portal-pink.wide.gallery-pink h2 { font-size:1.4em; }
/* mac hide -  This routine does the same for ie that overflow does for moz\*/
* html div.portal-pink.wide {height:1%;}
/* end gide*/
div.portal-pink p.menu a.play { background: url('/img/sprite.png') no-repeat 0 -230px; margin-bottom: 5px; margin-top: -5px; }
div.portal-pink p.menu a.play span { background: none; }
div.portal-pink h2 { float: left; font-size: 1.6em; display:inline; }
div.portal-pink h3 { /* float: left; display: inline; width: 175px; margin: 15px 0 0 10px; padding: 5px 0 0; margin-bottom: -5px; */ }
div.portal-pink h3 { float:left; display:inline; width:175px; margin:35px 0 0 10px; position: relative;}
div.portal-pink h3 a:link, div.portal-pink h3 a:visited { text-decoration: none; color: #fff; font-weight: bold; }
div.portal-pink h3 a:hover, div.portal-pink h3 a:active { text-decoration: underline; }
div.portal-pink div.borough-image { clear: both; float: left; margin: 15px 0px 0px; }
div.portal-pink div.borough-image img { border: 5px solid #fff; display: block; }
div.portal-pink div.borough-image.right { float: right; display: inline; clear: none; margin-top: 0; }
div.portal-pink div.borough-image.right img { border: none; }
div.portal-pink p.content { float: left; width: 175px; display: inline; margin: 15px 0 0 10px; line-height: 1.3em; }
div.portal-pink p.content.arrow { padding-left: 25px; background: url('/img/arrow-right.gif') no-repeat 0 0; width: 150px; margin-top: 5px; }
p.content-gallery { width:720px; }
div.portal-pink.wide p.content-gallery { float: left; width: inherit; clear: both; margin: 0; margin-top:15px; display:inline;}
div.portal-pink.wide.gallery-pink p.content-gallery { float:left; width:750px; clear:both; margin-top:10px; }
div#page div.wide { width:755px; margin-bottom:10px; min-height:0; }
div.wide p.content-gallery { width:720px; }
a.home-cat-link { color: #fff; }
a:hover.home-cat-link, a:active.home-cat-link { text-decoration: underline; }

div.nav-pink { background: #D2164C; }

input.readonly { background-color: #CCCCCC; }

p.menu a,
p.menu a span,
p.paging a,
div.carousel p.controls a,
div#access a.nav,
form dl.zend_form input.button,
form table.striped input.button,
form.view input.button,
form dl.zend_form h1,
form table.striped h1,
form.view h1,
form dl.zend_form a.tooltip,
form table.striped a.tooltip,
form.view a.tooltip,
form dl.zend_form span.tooltip em,
form table.striped span.tooltip em,
form.view span.tooltip em,
form dl.zend_form div.errors,
form table.striped div.errors,
form.view div.errors,
div#footer a,
form dl.zend_form p.buttons a,
form table.striped p.buttons a,
div.view p.buttons a,
div#add-content p.choices a span,
div#header p.menu a,
div#section p.link a,
div#section p.file a { background-image: url(/img/sprite.png); background-repeat: no-repeat; }
body.orange p.menu a,
body.orange div#nav div.current p.menu a { background-position: -160px 0; }
body.orange p.paging a.next { background-position: -198px -39px; }
body.orange p.paging a.previous { background-position: -160px -39px; }
body.orange div.current p.controls a.next { background-position: -160px -123px; }
body.orange div.current p.controls a.previous { background-position: -199px -123px; }
body.portalsection p.menu a,
body.portalsection div#nav div.current p.menu a { background-position: 0 0; background: none; }
body.portalsection p.paging a.next { background-position: -38px -39px; }
body.portalsection p.paging a.previous { background-position: 0 -39px; }
body.portalsection div.current p.controls a.next { background-position: 0 -123px; }
body.portalsection div.current p.controls a.previous { background-position: -39px -123px; }
body.grey p.menu a,
body.grey div#nav div.current p.menu a { background-position: -240px 0; }
body.grey p.paging a.next { background-position: -278px -39px; }
body.grey p.paging a.previous { background-position: -240px -39px; }
body.grey div.current p.controls a.next { background-position: -240px -123px; }
body.grey div.current p.controls a.previous { background-position: -279px -123px; }
body.yellow p.menu a,
body.yellow div#nav div.current p.menu a { background-position: -80px 0; }
body.yellow p.paging a.next { background-position: -118px -39px; }
body.yellow p.paging a.previous { background-position: -80px -39px; }
body.yellow div.current p.controls a.next { background-position: -80px -123px; }
body.yellow div.current p.controls a.previous { background-position: -119px -123px; }
body.black div#title p.menu a,
div.nav p.menu a { background-position: -320px 0; }
div.section-title p.menu a {background:none;}
p.controls a.next { background-position: -320px -123px; }
p.controls a.previous { background-position: -359px -123px; }
body.white div#title p.menu a { background-position: -240px 0; }
p.menu a.add span { background-position: -78px -204px; }
p.menu a.edit span { background-position: -27px -204px; }
p.menu a.delete span { background-position: -53px -204px; }
p.menu a.play { background: none; }
p.menu a.play span { background-position: 0 -230px; }
div.nav p.menu a.add span { background-position: -78px -230px; }
div.nav p.menu a.edit span { background-position: -27px -230px; }
div.nav p.menu a.delete span { background-position: -53px -230px; }
body.black div#title p.menu a.play span,
div.nav p.menu a.play span { background-position: 0 -230px; }
div.nav p.menu a.forward span { background-position: -104px -230px; }
div.nav p.menu a.backward span { background-position: -127px -230px; }
div.current p.menu a.add span { background-position: -78px -204px; }
div#access a.nav { background-position: 0 -290px; }
div#access a.close { background-position: 0 -257px; }
form dl.zend_form input.button,
form table.striped input.button,
form.view input.button,
div.view p.buttons a { background-position: -41px -332px; }
form.view input.next,
form.view input.login,
form.view input.save,
form.view input.finish,
form.view input.send,
div.view p.buttons a.yes { background-position: -156px -332px; }
form.view a.tooltip { background-position: 0 -332px; }
form.view fieldset.error a.tooltip,
form.view p.error a.tooltip,
form.view div.errors { background-position: -1px -376px; }
form.view p.ok a.tooltip { background-position: -56px -381px; }
form.view span.tooltip em { background-position: -393px -917px; }
form#setup h1 { background-position: -380px -368px; }
form#page h1 { background-position: -377px -353px; }
form#login h1,
form#forgotten-password h1 { background-position: -376px -583px; }
form#image h1 { background-position: -374px -208px; }
div#add-content p.choices a.image span { background-position: -374px -212px; }
form#video h1 { background-position: -374px -312px; }
div#add-content p.choices a.video span { background-position: -374px -315px; }
form#words h1 { background-position: -374px -257px; }
div#add-content p.choices a.words span { background-position: -374px -260px; }
form#audio h1 { background-position: -379px -634px; }
div#add-content p.choices a.audio span { background-position: -379px -638px; }
form#link h1 { background-position: -374px -421px; }
div#add-content p.choices a.link span { background-position: -374px -423px; }
div#section p.link a { background-position: -374px -423px; }
form#file h1 { background-position: -378px -528px; }
div#add-content p.choices a.file span { background-position: -378px -531px; }
div#section p.file a { background-position: -378px -531px; }
form#user h1 { background-position: -382px -690px; }
form#add-page h1 { background-position: -374px -475px; }
div#header p.menu a.logout,
div#header p.menu a.login { background-position: -376px -800px; }
div#header p.menu a.setup { background-position: -377px -744px; }
div#header p.menu a.user { background-position: -378px -852px; }

div.nav ul p.menu a { background-image: none; }

div.view,
form dl.zend_form,
form table.striped,
form.view,
div.portal-pink,
li.current,
div#add-content p.choices a { -webkit-border-radius: 10px; -moz-border-radius: 10px; }
ul p.menu a,
div#header p.menu a,
form dl.zend_form span.tooltip,
form table.striped span.tooltip,
form.view span.tooltip { -webkit-border-radius: 4px; -moz-border-radius: 4px; }
ul p.menu a,

/*----- buttons -----*/

p.menu a { display: block; height: 24px; float: right; margin-left: 10px; width: 24px; }
p.menu a span { display: block; margin: 0 auto; position: relative; text-indent: -5000px; }
p.menu a.add span { height: 23px; top: 6px; width: 24px; }
p.menu a.edit span { height: 24px; top: 6px; width: 24px; }
p.menu a.delete span { height: 24px; top: 6px; width: 22px; }
p.menu a.play span { height: 24px; top: 6px; width: 24px; }
p.menu a.forward span, 
p.menu a.backward span { height: 24px; top: 7px; width: 22px; }
ul p.menu a { float: none; margin: 0; }
ul p.menu a.edit,
ul p.menu a.forward { float: left; }
ul p.menu a.delete,
ul p.menu a.backward { float: right; }
ul p.menu a.play { position: static; margin: 0 auto; }
form dl.zend_form input.button,
form table.striped input.button,
form.view input.button { display: block; height: 39px; float: right; margin-left: 15px; width: 112px; }
div.view p.buttons a { display: block; line-height: 39px; float: left; margin-right: 15px; text-align: center; width: 112px; }
form dl.zend_form input#save, form dl.zend_form input#cancel, form dl.zend_form input#next,
form dl.zend_form input#add_category, form dl.zend_form input#add_subcat,
form table.striped input#save, form table.striped input#cancel, form table.striped input#next,
form table.striped input#add_category, form table.striped input#add_subcat { color: #fff; cursor: pointer; display: block; float: right; line-height: 28px; height: 28px; margin-right: 15px; text-align: center; width: 152px; display: inline; }
form table.striped td#next-label label,
form table.striped td#save-label label { display: none; }
form table.striped input#next,
form table.striped input#save { clear: both; float: right; margin: 0; background: transparent url(/img/pink-button.png) no-repeat scroll left top; border: none; } 
form dl.zend_form input#next,
form dl.zend_form input#save { clear: left; margin-right: 215px; background: transparent url(/img/pink-button.png) no-repeat scroll left top; border: none; display: inline; padding: 0; } 
form dl.zend_form input#cancel,
form table.striped input#cancel { background: transparent url(/img/black-button.png) no-repeat; border: none; display: inline; padding: 0; }
form dl.zend_form input#add_category,
form table.striped input#add_category { float: left; clear: both; width: 300px; background: transparent url(/img/pink-button.png) no-repeat; border: none; display: inline; padding: 0; margin-top: 5px; }
form dl.zend_form input#add_subcat,
form table.striped input#add_subcat { float: left; clear: both; width: 300px; background: transparent url(/img/pink-button-300.png) no-repeat; border: none; display: inline; padding: 0; margin: 25px 0 15px 0px; }
form table.striped tr td input,
form table.striped tr td input#add_subcat { margin: 0; }

p.paging a { display: block; height: 84px; position: absolute; text-indent: -5000px; width: 38px; }
p.controls a { display: block; height: 79px; text-indent: -5000px; width: 38px; }

div#access a.nav { display: block; height: 35px; margin: 0 10px; padding: 10px 0 0 10px; position: absolute; top: 135px; width: 160px; z-index: 3; }
div#access a.nav.alt { width: auto !important; padding: 0 10px 0 0; color: #fff; height: 35px; background: url(/img/pink-submit-long.png) no-repeat right top; }
div#access a.nav.alt.frame-button { left: 200px; }
div#access a.nav.alt span { width: auto !important; display: inline-block; margin: 0; padding-left:10px; height: 35px; line-height: 35px; background: url(/img/pink-submit-long.png) no-repeat left top; }
div#section p.paging a { top: 185px; }
div#section p.paging a.next { right: 34px; }
div#section p.paging a.previous { left: 34px; }

/*----- construction -----*/

/*div.view,*/
li.current,
div.portal-pink { margin-bottom: 0px; padding: 10px; clear: none; min-height: 125px; height: auto !important; height: 125px; }

div.portal-pink { width: 360px; padding-top:10px; padding-bottom:10px; }
div#homepage a { display: inline; width: 258px; float: left; margin: 0; padding: 0; }
div#homepage div.portal-pink { width: auto; display: block; float: none; padding-top:10px; padding-bottom:10px; margin-right: 15px; }
div.portal-pink.right { margin-left: 15px; }
div#homepage div.portal-pink.right { margin: 0; }
div#homepage div.portal-pink p.title.arrow { background:url("/img/arrow-right.gif") no-repeat right top; margin: 0 0 10px; padding:0 25px 0 0; width:200px; display: block; height: 25px; line-height: 25px; font-size:1.3em; }
div#homepage div.portal-pink p.content { margin: 0; padding: 0; width: 120px; }
div#homepage div.portal-pink div.borough-image { width: auto !important; height: auto !important;}
div#homepage div.portal-pink div.borough-image.right img { width: 100px; height: auto !important; }
div#homepage-description,
div#homepage-description div.nav { min-height: 50px; height: auto; background: #282828; }
div.view.borough h2.confirm-msg { padding: 8px 0; color: #f24774;}
div.view.borough h2.confirm-msg a { font-size: 0.8em; color: #f24774; text-decoration: underline;}

div#homepage a.portal-grey { width: auto; }
div#homepage a.portal-grey div.portal-pink { width: 360px; background: #1c1c1c; overflow: hidden; }
div#homepage a.portal-grey div.portal-pink p.title { border-bottom: 1px solid #333; }
div#homepage a.portal-grey div.portal-pink p.arrow { width: 335px; }
div#homepage a.portal-grey div.portal-pink p.content { width: 215px; }
div#homepage a.portal-grey div.portal-pink div.borough-image.right img { width: 128px; height: auto !important; }

div.view { margin-bottom:0px; clear:none; min-height:195px; height:auto !important; height:195px; }
div.portalsection div.view { min-height:395px; height:auto !important; height:395px; }
div.view.borough-image { width: 160px; /*background: #d2164c;*/ background:none; margin-left: 210px; }

/* mac hide -  This routine does the same for ie that overflow does for moz\*/
* html div.view.borough {height:1%;}
/* end gide*/

div.view.borough { padding: 0 0 10px; clear: both; overflow: hidden; width: 775px; margin-bottom: 10px; background: #1C1C1C url('/img/body-bg-bottom.png') no-repeat bottom; }

div.view.borough.gallery-main { padding: 0 0 10px; clear:both; overflow:hidden; width:360px; margin-bottom:10px; background: #1c1c1c url('/img/body-bg-bottom.png') no-repeat bottom; }
div.admin div.view.borough { background: none; }
#login { background: #2b2b2b; }
div.nav.view.borough { padding: 0px; clear: both; }
div.view.borough div#toc div.current.view { background-color: #D2164C; }
div.view.borough p.bigger { margin: 10px 20px; font-size: 1.2em; }
div#section p.bigger { color: #fff; }
div.view.borough p.regular { margin: 10px 4px; font-size: 1.4em; line-height: 1.6em; }
div.view.borough p.gallery-image { text-align: center; }
div.view.borough p.gallery-image img { border: 5px solid #fff; }

div.nav h1,
div.nav div.current h2,
div#section h2,
div#toc h2,
div#delete h1,
form dl.zend_form h1,
form table.striped h1,
form.view h1,
div#add-content h1,
div#not-found h1 { float: left; margin: 5px 0 0 10px; _margin-left:5px; }

div.nav { clear: both; overflow: visible; position: relative; width:750px; }
div.nav ul { margin: 20px auto; overflow: hidden; width: 640px; padding: 0; }
div.nav div.current { clear: both; position: relative; width:730px; float: left; margin: 10px; display: inline; }
div.nav div.current ul { margin: 44px 50px 0 50px; }
div.nav li { float: left; height: auto; margin: 0 10px 10px 10px; padding: 10px; position: relative; width: 170px; }

div.nav li img { border: 5px solid #000000; position: relative; top: 2px; }
div.nav li h2 a,
div.nav li h3 a { display: block; line-height: 130%; text-align: center; width: 170px; }
div.nav li h3 span,
div.nav li h2 span { display: block; padding-top: 10px; }

div.nav li p.menu { left: -5000px; position: absolute; top: 46px; width: 102px; z-index: 2; }

div.nav li.hover p.menu { left: 44px; }

div.nav li p.menu a { text-indent: -5000px; }
div.nav li p.menu a.forward { float: left; background-color: #1c1c1c;}
div.nav li p.menu a.backward { float: right; background-color: #1c1c1c;}

div.nav li.current img { border-color: #FFFFFF; }

div.nav ul#portal-links { margin: 0 0 -10px; padding: 0; width: auto; }
div.nav ul#portal-links li { list-style: none; margin: 0 4px; padding: 0 0 10px; width: auto; display: inline; }
div.nav ul#portal-links li a:link, div.nav ul#portal-links li a:visited { float: left; line-height: 31px; height: 31px; width: 346px; padding: 0 10px; display: block; background: url('/img/portal-links-bg.gif') no-repeat; }

div.view.borough div.back { margin: 20px 0; float: right; font-size: 1.6em; }
div.view.borough a:link, div.view.borough a:visited { color: #fff; text-decoration: none; }
div.view.borough a:hover, div.view.borough a:active { color: #fff; text-decoration: underline; }
div.view.borough div.back a:link, div.view.borough div.back a:visited { padding: 2px 0 2px 23px; color: #fff; text-decoration: underline; background: url('/img/arrow-left.gif') no-repeat left; }
div.view.borough div.back a:hover, div.view.borough div.back a:active { text-decoration: none; }
div.view.borough > ul#gallery { clear:left; float:left; margin:10px 30px; width:640px; }
div.view.borough ul#gallery { clear: left; float: left; margin: 10px 20px; width: 660px; }
div.view.borough ul#gallery li { list-style: none; float: left; display: inline; width: 160px; margin: 0 0 25px 72px; padding: 0; }
div.view.borough ul#gallery li.clear { clear: both; margin: 0; }
div.view.borough ul#gallery li a { position: relative; height: auto; line-height: 1.6em; text-align: center; width: auto; background: none; font-size: 1.6em; color: #fff; display: block; }
div.view.borough ul#gallery li a img { border: 5px solid #fff; }
div.view.borough ul#gallery li a span { text-decoration: underline; background: none; width: auto; display:block; }
div.view.borough ul#gallery li a:hover span, div.view.borough ul#gallery li a:active span { text-decoration: none; }
div.view.borough ul#gallery li div.image-del-wrap { text-align: right; padding: 5px 0; }
div.view.borough ul#gallery li div.image-del-wrap label,
div.view.borough ul#gallery li div.image-del-wrap input { cursor: pointer; }
div.view.borough form#gallery-del input.form-submit { background:url("/img/black-button.png") no-repeat scroll 0 0 transparent; color:#FFFFFF; display:inline-block; float:right; height:28px; line-height:28px; margin:0 0 15px 10px; text-align:center; width:152px; cursor: pointer; font-size: 1.2em; }
div.view.borough div.pager { clear: both; position: relative; } 
div.view.borough div.pager span.prev { float: left; display: inline; width: 33%; } 
div.view.borough div.pager span.count { position: absolute; top: 0px; left: 33%; display: inline-block; width: 33%; text-align: center; color:#FFFFFF; font-size:1.5em; height:28px; line-height:28px; } 
div.view.borough div.pager span.next { float: right; display: inline; width: 33%; text-align: right; } 
div.view.borough div.pager span.prev a:link,
div.view.borough div.pager span.prev a:visited,
div.view.borough div.pager span.next a:link,
div.view.borough div.pager span.next a:visited { background:url("/img/pink-button.png") no-repeat scroll 0 0 transparent; color:#FFFFFF; display:inline-block; font-size:1.5em; height:28px; line-height:28px; padding:0; width:152px; text-align: center; }
div.view.borough p.borough.buttons.previous { float: left; margin-left: 0px; clear: none; }
div.view.borough p.borough.buttons.previous a { text-align: center; }
div.view.borough p.borough.buttons.previous a span { width: 120px; }
div.view.borough p.borough.buttons.previous a span strong { font-weight: normal; padding: 0 0em 0 40px; background: url('/img/arrow-left.gif') no-repeat left; }
div.view.borough p.borough.buttons.next { float: right; margin-right: 0px; clear: none; }
div.view.borough p.borough.buttons.next a { text-align: center; margin: 0; }
div.view.borough p.borough.buttons.next a span { width: 120px; }
div.view.borough p.borough.buttons.next a span strong { font-weight: normal; padding: 0 50px 0 25px; background: url('/img/arrow-right.gif') no-repeat right; }
div.view.borough ul.paging { clear: both; float: right; margin: 0 50px 20px 0; padding-top: 10px; }
div.view.borough ul.paging li { float: left; list-style: none; padding: 0 0.2em; margin: 0; font-size: 1.6em; }
div.view.borough ul.paging li a:link, div.view.borough ul.paging li a:visited { text-align: center; color: #fff; text-decoration: underline; background: none; position: relative; height: auto; width: auto; padding: 0; margin: 0; display: block;}
div.view.borough ul.paging li a:hover, div.view.borough ul.paging li a:active { text-decoration: none; }

.wiki-wrapper { position: relative; width: 100%; height: 100%; overflow-y: auto; }

div#sidebar { color: #fff; width: 206px; height: 100%; position: fixed; left: 0px; background: #000 url('/img/sidebar-bg.png') no-repeat; border-left: 2px solid #ED1953; border-right: 2px solid #ED1953; z-index: 5; }

* html div#sidebar { 
	position: absolute;
}

div#sidebar-logo { position: relative; height: 86px; width: 163px; margin: 15px auto; }
div#sidebar-logo span { position: absolute; left: -1px; height: 100%; width: 100%; background: url('/img/clickstart-logo.png') no-repeat; }

div#sidebar-title { position: relative; margin-top: 28px; display: block; width: 100%; }
/*div#sidebar-title { position: relative; margin-top: 28px; display: block; background: #494949; width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000; }*/
div#sidebar-title h4 { font-size: 2.2em; color: #fff; padding: 0.5em 0.5em 0.4em; margin: 0; font-weight: bold; }

div#sidebar #borough-image { text-align: center; margin-top: 20px; }
div#sidebar #borough-image img { border: 5px solid #292929; margin: 0 auto; }

div#sidebar p#sidebar-cat { font-size: 2.0em; color: #fff; margin: 10px auto; width: 170px; }
div#sidebar p#sidebar-cat span { display: block; font-size: 0.6em; padding: 0.4em 0 0.4em; }
div#sidebar p#sidebar-cat a { color: #fff; }

div#sidebar p#go-back { position: fixed; bottom: 35px; }
div#sidebar p#remove-frame { position: fixed; bottom: 5px; }
* html div#sidebar p#go-back { position: absolute; }
* html div#sidebar p#remove-frame { position: absolute; }
div#sidebar p#go-back, div#sidebar p#remove-frame { margin: 0 0 0 20px; background: #030303; }
div#sidebar p#go-back a:link, div#sidebar p#go-back a:visited { text-decoration: underline; color: #fff; font-size: 1.6em; height: 25px; line-height: 27px; background: url('/img/arrow-left.gif') no-repeat left; padding: 2px 0 2px 24px; }
div#sidebar p#go-back a:hover, div#sidebar p#go-back a:active { text-decoration: none; }
div#sidebar p#remove-frame a:link, div#sidebar p#remove-frame a:visited { text-decoration: underline; color: #fff; font-size: 1.6em; height: 25px; line-height: 27px; background: url('/img/cross.gif') no-repeat left; padding: 0 0 0 24px; }
div#sidebar p#remove-frame a:hover, div#sidebar p#remove-frame a:active { text-decoration: none; }

body div#page { margin: 0 auto; position: relative; width: 800px; }
body > div#page { margin: 0 auto; position: relative; width: 775px; }
div#page.borough-page { margin: 0; left: 230px; }

div#header { height: 120px; position: relative; }
div#header p.menu { position: absolute; right: 5px; top: 117px; }
div#header p.menu a { height: auto; margin-left: 5px; padding: 10px 15px 10px 30px; width: auto; }

div#admin-header { background: #E2184F; color: #fff;  margin: 0 0 10px; padding: 0; float: left; width: 100%; }
div#admin-header h1 { margin: 5px; font-size: 2.5em; padding: 0.4em 1em; float: left; }

div#borough-header { background: #F14775 url('/img/header-bg.png') no-repeat bottom; color: #fff; position: relative; text-align: left; padding: 5px; float: left; width: 765px; margin-bottom: 10px; display: inline; }
div#borough-header h1 { font-size: 2.5em; padding: 0; float: left; margin: 5px 0 5px 5px; font-weight: bold; }
div#borough-header h1 a { color: #fff; }
div#borough-header div.logo a { position: relative; float: right; height: 34px; width: 66px; margin: 0; display:inline; }
div#borough-header div.logo a span { position: absolute; left: -1px; height: 100%; width: 100%; background: url('/img/borough-logo.png') no-repeat; }
div.logo-black a { position: relative; float: left; height: 86px; width: 163px; margin: 15px 10px; }
div.logo-black a span { position: absolute; left: -1px; height: 100%; width: 100%; background: url('/img/logo.png') no-repeat; }

div#welcome-banner { clear: both; background: url('/img/welcome-banner.png') no-repeat; height: 137px; padding: 10px; }
div#welcome-banner h1 { color: #ED1953; font-size: 2.4em; padding: 0.2em 0.5em; width: 400px; }
div#welcome-banner h2 { color: #fff; font-size: 2.2em; padding: 0.2em 0.5em; width: 400px; line-height: 1.2em; }

div#gallery-header { background: #D2164C; color: #fff; position: relative; text-align: left; padding:20px; overflow: auto; margin-bottom: 10px; width:735px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; }
/* mac hide -  This routine does the same for ie that overflow does for moz\*/
* html div#gallery-header {height:1%;}
/* end gide*/
div#gallery-header h1 { font-size: 2.5em; padding: 0.2em 0.5em; width: 260px; background: #9B1039; }
div#gallery-header div.logo { position: relative; float: right; height: 86px; width: 163px; margin: 0; }
div#gallery-header div.logo span { position: absolute; left: -1px; height: 100%; width: 100%; background: url('/img/clickstart-logo-pink.png') no-repeat; }

div#content { /* margin-top: 63px; */ }

div#title { float: left; min-height:395px; height: auto !important; height:395px;  overflow: visible; position: relative; width: 170px; display:inline; clear:none; display:inline;}
div#title h1 {  padding-top: 10px; text-align: center; width: 170px; height:39px; display:block; }
div#title p { border: 5px solid #FFFFFF; /* position: absolute; */ top: 10px; }
div#title p.menu { border: 0; height: 37px; margin: 0 auto; position: relative; width: 46px; }
div#title p.menu a { margin-left: 0; }

div#content div#section { float: left; zoom: 1; display:inline; width:300px; margin-left:10px;}
div#content > div#section { float: left; margin-bottom: 15px; margin-left:10px; min-height: 380px; width: 575px; display:inline;}


div#section h2 { margin-bottom: 20px; }
div#section p.media { clear: both; margin: 0 62px 10px 62px; overflow: hidden; }
div#section p.media img,
div#section p.media object { border: 8px solid #FFFFFF; }
div#section p.media object { float: left; }
div#section p.text { clear: left; line-height: 130%; margin: 15px 10px 10px 10px; }
div#section p.file,
div#section p.link { margin: 15px 10px 10px 10px; }
div#section p.file a,
div#section p.link a { padding: 3px 0 2px 30px; }

div#section div.section-title { float: left; width: 575px; -moz-border-radius:5px; -webkit-border-radius: 5px; overflow: hidden; padding: 5px 5px; margin-bottom: 10px; background-color: #1c1c1c; color:#fff; display:inline; }
div#section > div.section-title { float: left; width: 575px; -moz-border-radius:5px; -webkit-border-radius: 5px; overflow: hidden; padding: 5px 10px; margin-bottom: 10px; background-color: #1c1c1c; color:#fff; }
div#section div.section-title h2 { float:left; margin: 5px; }

div#section div.section-title p {
	float:left;
	clear:both;
	width:400px;
}
div#section > div.section-title p.menu {
	float:right;
	clear:none;
	display:inline;
	height:24px;
	margin-top:-40px;
} 

div#section div.section-title p.menu {
	float:right;
	clear:none;
	height:24px;
	display: inline;
	margin-top:-40px;
}

div#toc { width: 775px; background: #1C1C1C url('/img/body-bg-top.png') no-repeat top; }

div#section div.subsection { width:595px; float:left; clear:both; display: inline; padding: 15px 0; border-bottom: 1px solid #1c1c1c; }

div#section > div.subsection {
	width:595px;
	float:left;
	clear:both;
	display:inline;
	padding:15px 0;
	border-bottom:1px solid #1c1c1c;
}

div.subsection .subsection-header {
	color:#ed1953;
	display:block;
	font-size:1.8em;
	margin:5px 0 10px 10px;
	float:left;
}

div.subsection img { width: 150px; border: 3px solid #000; }

div #section div.subsection p {
	float:left;
	color:#fff;
	margin-left:10px;
	width:400px;
	font-size: 1.35em;
	line-height: 1.2em;
	}
	
div #section div.subsection p.menu { width: auto; float: right; }

div#nav.js-enabled { position: absolute; top: 163px; z-index: 2; }

div#footer { margin-bottom: 15px; overflow: hidden; clear: both; background-image: url(/img/footer-bg.png); background-repeat: no-repeat; -moz-border-radius: 5px; -webkit-border-radius:5px; }
div#footer a { display: block; height: 81px; text-indent: -5000px; }
div#footer a.clickstart { float: left; width: 116px; background: url(/img/clickstart.png) no-repeat  left center; }
div#footer a.lsc { float: right; margin-left: 10px; width: 90px; background: transparent url(/img/lsc.png) scroll no-repeat left center; }
div#footer a.rix { float: right; margin-left: 10px; width: 141px; background: transparent url(/img/rix.png) scroll no-repeat left center; }
div#footer a.ellingham { float: right; margin-left: 10px; width: 81px; background: transparent url(/img/ellingham.png) scroll no-repeat left center; }
div#footer a.bp { float: right; margin-left: 10px; width: 62px; background: transparent url(/img/bp.png) scroll no-repeat left center; }
div#footer.white { float: left; width: 755px; margin-bottom: 15px; padding: 10px; overflow: auto; clear: both; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: none; }
div#footer p { display: inline; }


div#delete h2 { clear: left; padding: 15px 0 0 10px; }
div#delete p.buttons { height: 1%; margin: 30px 0 20px 10px; overflow: hidden; }

div#add-content,
div#not-found { margin: 10px 0; }
div#add-content p.choices,
div#not-found p.text { clear: left; height: 1%; overflow: hidden; padding: 30px 0 20px 10px; }
div#add-content p.choices a { border: 5px solid #FFFFFF; float: left; margin-right: 15px; padding: 20px 10px; }
div#add-content p.choices a span { float: left; padding: 3px 0 3px 34px; }

p.site-title { padding: 10px; line-height: 130%; }
p.site-title img { border: 5px solid #FFFFFF; float: right; margin-left: 10px; position: relative; z-index: 1; }

div.vail { height: 100%; position: absolute; top: 0; width: 100%; z-index: 2; }

div#section h2,
div#toc h2,
div.nav h1,
div.nav div.current h2,
form dl.zend_form h1,
form table.striped h1,
form.view h1,
div#delete h1,
div#add-content h1 { line-height: 130%; }

div#section h2 { width: 360px; float:left; display: block; }
div#toc h2, 
div#add-content h1,
div.nav h1 { width: 680px; }
div.nav div.current h2 { width: 660px; }

/*----- form view -----*/

form dl.zend_form,
form table.striped,
form.view { margin: 10px 0; padding: 10px 10px 30px 10px; }
form dl.zend_form fieldset,
form table.striped fieldset,
form.view fieldset { clear: left; }
form dl.zend_form fieldset p,
form table.striped fieldset p,
form.view fieldset p { height: 58px; padding-bottom: 10px; }
html>body form dl.zend_form fieldset p,
html>body form table.striped fieldset p,
html>body form.view fieldset p { height: auto; min-height: 58px; }
form dl.zend_form fieldset p,
form table.striped fieldset p,
form.view fieldset p,
form dl.zend_form fieldset ul,
form table.striped fieldset ul,
form.view fieldset ul,
form dl.zend_form dt label,
form dl.zend_form dd label,
form table.striped tbody tr td label,
form table.striped tbody tr label { clear: left; }
form dl.zend_form p.controls,
form table.striped p.controls,
form.view p.controls { margin: 0 0 0 192px; overflow: hidden; width: 310px; }
form dl.zend_form label,
form table.striped label,
form.view label { float: left; margin: 0 15px 30px 0; padding: 10px 0; text-align: right; width: 185px; }
form dl.zend_form dt label,
form table.striped tbody tr td label { float: left; margin: 0 15px 10px 0; padding: 5px 0; text-align: left; width: 235px; }
form.radio-form dl.zend_form dt label,
form.radio-form table.striped tbody tr label { margin: 0 0 10px; text-align: left; width: auto; }
form dl.zend_form dd label,
form table.striped tbody tr td label { float: left; margin: 0; padding: 0; text-align: left; width: auto; font-size: 1.4em; }
form dl.zend_form dd label input,
form table.striped tbody tr td label input { margin: 0 10px 8px 0; padding: 0; }
form dl.zend_form input,
form table.striped input,
form.view input { float: left; margin-bottom: 30px; padding: 6px 5px; width: 284px; }
form dl.zend_form dd label input,
form table.striped tbody tr td label input { width: auto; margin-left: 160px; }
form dl.zend_form input.file,
form table.striped input.file
form.view input.file { left: 210px; position: absolute; width: 305px; }
form dl.zend_form select,
form table.striped select,
form.view select { float: left; padding: 5px 5px 6px 5px; width: 300px; }
form dl.zend_form select,
form table.striped select,
form.view select { _margin-top:6px; }
form dl.zend_form select,
form table.striped select { margin-bottom: 30px; }
form dl.zend_form textarea,
form table.striped textarea,
form.view textarea { float: left; margin-bottom: 30px; padding: 5px; width: 284px; }
form dl.zend_form h1,
form table.striped h1,
form.view h1 { float: left; margin-bottom: 30px; padding: 1px 0 1px 34px; }
form dl.zend_form span.file,
form table.striped span.file,
form.view span.file { display: block; float: left;  overflow: hidden; padding: 6px 5px 7px 5px; width: 284px; white-space: nowrap; }

form dl.zend_form input,
form dl.zend_form select,
form dl.zend_form textarea,
form dl.zend_form span.file,
form table.striped input,
form table.striped select,
form table.striped textarea,
form table.striped span.file,
form.view input,
form.view select,
form.view textarea,
form.view span.file { border: 3px solid #fff; }
form.view p.error input,
form.view p.error select,
form.view p.error textarea,
form.view p.error span.file { border-color: #000000; }

form table.striped td.element input {border:none;}

table.striped { border-collapse: collapse; }
table.striped tr.odd { background-color: #434343; }
table.striped tbody tr,
table.striped tbody tr td { vertical-align: top; }
table.striped tbody tr td { padding:15px; }

form.view input.button { border: 0; }

form.view div.errors { clear: left; display: inline; float: left; height: 53px; margin: 0 0 30px 123px; width: 52px; }
form.view div.errors ul { position: absolute; }
form.view div.errors li { margin-bottom: 10px; margin-left: 67px; width: 558px; }
form.view div.errors a:hover { position: relative; }
form.view a.tooltip { float: left; height: 39px; margin-left: 15px; position: relative; text-indent: -5000px; width: 39px; z-index: 1; }
form.view fieldset.error a.tooltip,
form.view p.error a.tooltip { height: 53px; margin: -6px 0 0 9px; width: 52px; }
form.view p.ok a.tooltip { height: 43px; margin: -2px 0 0 11px; width: 43px; }
form.view span.tooltip { display: block; left: 580px; line-height: 130%; padding: 10px; position: absolute; width: 150px; }
form.view span.tooltip em { display: block; margin: 0 0 5px -15px; padding-left: 15px; }

div.view.borough form p a.forgotten-password { clear: both; margin: -20px 225px 0 0; background:transparent url(/img/black-button.png) no-repeat; color:#FFFFFF; display:inline-block; float:right; height:28px; line-height:28px; text-align:center; width:152px; }

form#forgotten-password h2 { clear: left; padding: 0 0 30px 10px; }

p.view-borough-p {
	font-size:1.3em;
	line-height: 148%;
	margin-left:10px;
}

p.assigned-wiki-p {
	font-size:1.4em;
	line-height:148%;
	float:left;
	margin-left:20px;
}

fieldset#choices { display: inline; margin: 0 0 15px 195px; position: relative; }
fieldset#choices ul { float: left; width: 305px; }
fieldset#choices li { float: left; margin: 0 0 15px 0; width: 305px; }
fieldset#choices li input { border: 0; float: left; margin: 0 5px 0 0; padding: 0; width: auto; }
fieldset#choices li label { clear: none; float: none; }
fieldset#choices li img { border: 5px solid #000000; float: left; margin-right: 10px; }
fieldset#choices span.tooltip { left: 376px; }

form#urlSelection input[type=text]
 {
	padding: 4px 9px;
	border:1px solid #ddd;
	width:350px;
	font-size:2em;
}

form#urlSelection input {
	padding:4px 9px;
	border:1px solid #ddd;
	width:350px;
	font-size:2em;
}

dd input#cancel { background: transparent url('/img/black-button.png') no-repeat; border:none; display:inline; padding:0; margin-top:-10px; }
dd > input#cancel { background: transparent url(/img/black-button.png) no-repeat; border: none; display: inline; padding: 0; margin-top: 0; }



/*----- form search -----*/

form.search { margin: 0; float: right; margin: 4px 15px 5px 0; display:inline; border: none; width:175px;}
div#gallery-header form.search { float:left; margin-top:10px;}
div#sidebar form.search { margin: 20px auto 10px; float: none; float:left; }
form.search fieldset p#search-wrap { text-align: center; padding: 0; margin: 0; display: inline-block; background: none; float: left; border: none; }
form.search fieldset p#search-wrap label { display: none; }
form.search fieldset p#search-wrap input { width: 135px; margin: 0 auto; font-size: 1.4em; background: #FCD6E0; height: 15px; padding: 6px 0px; float: left; vertical-align: text-top; }
form.search p.controls { text-align: center; float:left;}
form.search p.controls input.search { cursor: pointer; color: #000; font-size: 0px; font-weight: normal; margin: 0px; width: 28px; height: 27px; line-height: 0px; display: block; background: #030303 url(/img/search-button-bg.png) right no-repeat; text-indent: -999px; overflow: hidden; float: left; }

div#borough-header form.search fieldset { display: inline; width:135px; border:none; float:left; }
div#borough-header form.search fieldset p#search-wrap { text-align: left; background: url(/img/search-bg.png) left top no-repeat; height: 27px; padding: 0px 0 0 6px; border:none; float:left; margin:0; border: none; }
div#borough-header form.search p.controls { text-align: left; float: left; border:none; }

div#gallery-header form.search fieldset { float: left; display:inline; width:135px; border:none; }
div#gallery-header form.search fieldset p#search-wrap { text-align: left; background: url(/img/search-bg.png) left top no-repeat; height: 27px; padding: 0px 0 0 6px; border:none; float:left; margin:0; border: none; }
div#gallery-header form.search p.controls { text-align: left; float: left; border:none; }
div#gallery-header form.search fieldset p#search-wrap input { border-color: #ccc; border:none; }

div#borough-header p.login { float: right; margin: 4px 10px 5px -5px; width: 100px; display: inline; }
div#borough-header p.login a.button-link { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url('/img/sprite.png') no-repeat -380px -802px; margin: 0; width: auto; height: auto; line-height: 1em; font-size: 1.7em; padding: 6px 10px 6px 30px; display: block; }
div#borough-header p.login a:hover.button-link { background-color: #BF1242; }
div#borough-header div.logo { float: right; margin-right: 6px; display:inline; width: auto; }
	
/*----- carousel -----*/

div.carousel { float:none; margin:0px auto; }

div.carousel div.scroller { margin: 20px 60px 0px 60px; overflow: hidden; position: relative; width: 630px; z-index: 2; display: inline;}
div.carousel div.scroller ul { margin: 0 0; padding: 0; position: relative; top: 0; zoom: 1; }
div.carousel li { margin-bottom: 0; list-style: none; }
div.borough div.carousel li a { position: relative; zoom:1; }
div.borough div.carousel li a img { border: none; top: 0; left: 0; display: inline-block; }
div.borough div.carousel li a span.borough-mask { padding: 0; margin: 0; top: 0; left: 0; position: absolute; z-index: 100; background: url('/img/borough-mask.png') no-repeat center; height: 108px; width: 170px; }
div.borough div.carousel li a:hover, div.borough div.carousel li a:active { text-decoration: none; color: #F14775; }

div.current div.carousel div.scroller { margin: 20px 50px 20px 50px; }
div.current div.carousel p.controls { width: 750px; }

div#title li {margin-bottom:0; list-style:none; color: #fff; margin:0; padding:0; top:0; height:auto; float:left; clear:left; width:170px; display:inline; }
div#title li a { position: relative; color:#fff; text-align: center;}
div#title li a img { border: none; height: 74px; width: auto; overflow: hidden; position: relative; display: inline-block; }
div#title li.subsection a img { height: 50px; width: auto; overflow: hidden; position: relative;}
div#title li a span.borough-mask,
div#title li a span.section-mask,
div#title li a span.subsection-mask { padding: 0; margin: 0; top: 0; right: 0; position: absolute; z-index: 100; height: 108px; width: 170px;}
div#title li a span.borough-mask { background: url('/img/borough-mask.png') no-repeat center; }
div#title li a span.section-mask { background: url('/img/section-mask.png') no-repeat center; height:74px; }
div#title li a span.subsection-mask {  background: url('/img/subsection-mask.png') no-repeat center; height:50px; }
div#title li a:hover, div.borough div.carousel li a:active { text-decoration: none; color: #ED1953; }
div#title ul { padding:20px 0; margin:0; left:0; position:relative; top:0; zoom: 1; }
div#title span.title-span { text-align:center; font-size: 1.8em; display: block; padding:10px 10px 25px 10px; font-weight: bold; letter-spacing: 1px; }
div#title li h3 a { display:block; }
div#title .stripe { background: url('/img/stripe.png') repeat-y center; }

/*----- typography -----*/

p.menu a,
div.nav a,
div#access a,
form.view div.errors { font-size: 1.4em; letter-spacing: 1px; }

div#section h2 { font-weight: bold; font-size: 1.8em; letter-spacing: 1px; }
form.view h1,
div#delete h1,
div#add-content h1,
div#not-found h1 { font-weight: bold; font-size: 2.4em; letter-spacing: 1px; }

div#toc h2,
div.nav h1,
div.nav div.current h2 { font-size: 2.4em; letter-spacing: 1px; }

.view.borough div#toc h2 { width: 640px; }

p.site-title { font-size: 2.2em; letter-spacing: 1px; }
/*
body.orange p.site-title span { padding: 0.25em 0.5em; background: #FF954F; }
body.portalsection p.site-title span { padding: 0.25em 0.5em; background: #99DFDF; }
body.grey p.site-title span { padding: 0.25em 0.5em; background: #fefefe; }
body.yellow p.site-title span { padding: 0.25em 0.5em; background: #FFE57F; }
*/

div#title h1 { font-size: 2.2em; letter-spacing: 1px; }
.portalsection div#title { }
.portalsection div#title h1 { text-align: left; font-size: 1.5em; letter-spacing: 1px; padding: 13px 8px 0; width: auto; }

form dl.zend_form input.button,
form dl.zend_form label,
form dl.zend_form input,
form dl.zend_form select,
form dl.zend_form textarea,
form dl.zend_form span.file,
form dl.zend_form div.errors,
form dl.zend_form ul.errors,
form table.striped input.button,
form table.striped label,
form table.striped input,
form table.striped select,
form table.striped textarea,
form table.striped span.file,
form table.striped div.errors,
form table.striped ul.errors,
form.view input.button,
form.view label,
form.view input,
form.view select,
form.view textarea,
form.view span.file,
form.view div.errors,
div#delete h2,
div.view p.buttons a,
div#add-content p.choices a span,
form.view a.forgotten-password,
form#forgotten-password h2,
div#section p,
form.view span.tooltip,
div#not-found p { font-size: 1.8em; letter-spacing: 1px; }

form dl.zend_form input#title 
form table.striped input#title {
	clear: both; float: left; margin: 0 0 10px 0;
}

form.view span.tooltip em { font-weight: bold; }

form.view div.errors ul { list-style: disc; list-style-position: inside; }

form dl.zend_form ul.errors li,
form table.striped ul.errors li { list-style: disc; list-style-position: inside; font-size: 0.8em; color: #FF7FA5; }

div#header p.menu a,
form.view div.errors a,
form.view a.forgotten-password,
div.nav a,
div#access a.nav,
p.file a,
p.link a { text-decoration: underline; }

div#header p.menu a:hover,
form.view div.errors a:hover,
form.view a.forgotten-password:hover,
div.nav a:hover,
div#access a.nav:hover,
p.link a:hover { text-decoration: none; }

p.menu a span { font-size: 10px; }
p.menu a.reorder span { top: 6px; height: 24px; width: 24px; background: #1c1c1c url('../img/reorder.gif') no-repeat 0 0; }

#toc .carousel a.reorder span { position: absolute; top: -15px; right: 10px; height: 24px; width: 24px; background: #1c1c1c url('../img/reorder.gif') no-repeat 0 0; text-indent: -999px; overflow: hidden; }

p.sections-instructions,
p.sections-go-back-link { color: #fff; font-size: 1.4em; padding: 20px 0; }
p.sections-go-back-link a:link,
p.sections-go-back-link a:visited { color: #fff; }
p.sections-go-back-link a:hover,
p.sections-go-back-link a:focus,
p.sections-go-back-link a:active { text-decoration: underline; }

ul#sections { color: #fff; list-style: none; margin: 0; padding: 0; }
ul#sections li { list-style: none; margin: 0 0 20px; padding: 10px; height: 123px; line-height: 123px; font-size: 1.4em; display: block; cursor: move; background: #1c1c1c; }
ul#sections li img {  float: left; margin: 0 20px 0 0; padding: 0; display: inline; }
ul#sections li span {  float: left; margin: 0; padding: 0; display: inline; }

.borough form fieldset#fieldset-Search dl { display: block; padding-left: 50px; }
.borough form fieldset#fieldset-Search dl dt { float: left; }
.borough form fieldset#fieldset-Search dl dd { float: left; display: inline; margin-left: 10px; }
.borough form fieldset#fieldset-Search label { display: inline; float: left; font-size: 1.8em; padding-top: 10px; }
.borough form fieldset#fieldset-Search input#save { margin: 5px 0 0; }

div.view.borough p.showall,
div.view.borough p.borough.buttons.next.showall { clear: both; margin-bottom: 10px; }

form dl.zend_form label,
form table.striped label
form.view label { cursor:pointer; }

form table.striped tbody tr.odd td#scope-label,
form table.striped tbody tr.odd td.element input#scope,
form table.striped tbody tr td.element input#category { display:none; }

/*----- other -----*/

.left { float: left; }
.right { float:left; margin-left:25px; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }
.clear { clear:both; }

div.assignimage,
div#assignimage {
	background-color: none;
	background: none;
	width: 170px;
	overflow: hidden;
	float:left;
	display: inline;
}

div#assignimage img {
	max-width: 170px;
	width: expression(document.body.clientWidth > 171? "170px" : "auto");
}

div#section p.link span {
    background-repeat: no-repeat;
    background-position: 5% 5%;
    padding: 10px 45px;
}

div#section p.link span.HighText{ background-image: url('../img/high-text.png'); }

div#section p.link span.EasyRead { background-image: url('../img/easy-read.png'); }

div#section p.link span.HighAcc { background-image: url('../img/high-acc.png'); }

div#section p.link a {
    color: #ED1953;
}