/* styles for reinventing grand army plaza project site
=  david reese, whatcould.com
=  february 2008
=============== */

@import url("/projects/gap/style/shared.css");

/* General 
=============== */

.error {
text-align: center;
margin: 2em 2em .5em 2em;
font-weight: bold;
color: red;
font-size: 1.3em;
}
.wordcount_error {
font-weight: bold;
color: #933;
font-size: 1.3em;
}
.notice {
text-align: left;
margin: 1em 2em 1em .5em;
padding: .7em;
font-weight: bold;
color: #050;
font-size: 1.3em;
border: 4px solid #bbb;
background-color: #cfc;
}

.access {
display: none;
}

.clr {
clear: both;
}

li {
list-style-type: none;
}

pre {
background-color: #eee;
padding: 10px;
font-size: 11px;
}
code {
font-family: Monaco!important;
}

h1 {
font-size: 1.9em;
margin: .5em 0 .7em 0;
letter-spacing: -.05em;
text-transform: uppercase;
}
h1 span {
text-transform: none;
font-weight: normal;
font-size: .9em;
}

h2 {
font-size: 1.7em;
text-transform: uppercase;
font-weight: bold;
}

h3 {
color: #333;
font-size: 1.5em;
margin: 0em 0 1em 0;
}

#content a,
#content a:visited {
color: #009;
}
#content a:hover {
color: #000;
}

#expired {
font-size: 1.2em;
margin-bottom: 1em;
padding: .5em 0 .5em 0;
border-bottom: 4px solid #C6D629;
}


/* Page layout 
=============== */

#mini_logo a {
display: block;
background: url('/stylesheets/art/logo-sidebar-new.gif') top center no-repeat;
height: 0; overflow: hidden;
padding-top: 282px;
}

#subnav {
width: 170px;
float: left; display: inline;
padding: 0 1em;
margin: 20px 0 4em 0;
position: relative;
}

#subnav #home_link {
display: block;
height: 95px;
background: url('/stylesheets/art/logo-sidebar-bottom-150.gif') top center no-repeat;
text-indent: -4000px;
}


#subnav ul {
margin-top: 20px;
width: 100%;
padding-bottom: 160px;
background: url('/stylesheets/art/logo-sidebar-top-150.gif') bottom center no-repeat;
}


#subnav li {
margin-right: 1.1em;
color: #bbb;
text-align: right;
font-size: 1.4em;
line-height: 1.4em;
text-transform: uppercase;
}

#subnav a {
color: #333;
text-decoration: none;
}

#subnav a:hover {
color: #000;
text-decoration: underline;
}

#subnav .logout {
margin-top: 0em;
border-top: 1px solid #aaa;
padding-top: .5em;
line-height: 1.5em;
font-size: 1.2em;
padding-bottom: 2em;
}

#subnav .logout a {
text-decoration: underline;
}

#subnav .current {
font-weight: bold!important;
color: #C6D629!important;
}




/* Content 
=============== */
#content {
float: right; display: inline;
width: 750px;
margin: 30px 10px 30px 0px;
}

#content p {
font-size: 1.3em;
margin: 0 0 .5em 0;
line-height: 1.4em;
}
#content strong {
color: #111;
}


#content ol, #content ul {
font-size: 1.3em;
margin: 1em 0;
}

#content ol li {
list-style-type: decimal;
margin: 0 0 .7em 2em;
}

.instr_panel,
.side_panel {
margin: 0 .5em 0 .5em;
padding: .5em .5em .2em .5em;
background-color: #C6D629;
border: 1px solid #ddb;
}

.instr_panel form,
.instr_panel form div {
display: inline;
}

/* Login page 
=============== */

#create_acct, 
#sign_in {
float: left;
margin-top: 30px;
width: 280px;
padding: 0 10px;
}
#sign_in {
padding-left: 30px;
}

#create_acct {
margin: 30px 20px 0 20px;
border-right: 1px solid #aaa;
}

.signin_page h3 {
margin-top: 0!important;
}
.signin_page .error {
text-align: left;
margin-left: 0!important;
}

.textual p {
line-height: 1.8em!important;
margin-bottom: 1em!important;
margin-top: 1em !important;
width: 80%;
}

/* Proposal slides 
=============== */

#proposal {
width: 750px;
/*overflow: hidden;*/
position: relative;
}

#proposal_slides {
height: 450px;
position: relative;
/*overflow: hidden;*/
}

#proposal .slide {
width: 750px;
height: 450px;
margin-right: 20px;
float: left; display: inline;
position: relative;
/*overflow: hidden;*/
}
#proposal .drawing img {
border: none;
}
#proposal .drawing_image {
float: left; display: inline;
}
#proposal .drawing a img {
cursor: pointer;
}
#proposal .slide .drawing_description {
position: absolute;
bottom: 0; left: 0;
width: 100%;
background-color: #ddd;
padding: .2em 0 0 .3em ;
}
#proposal .slide .drawing_description p {
line-height: 1.15em;
font-size: 1.3em;
}
#proposal_title {
position: relative;
border-bottom: 1px solid #666;
}
#proposal_title h2 {
text-transform: none!important;
padding-right: 80px;
}
#proposal_title.selected_prop,
#proposal_title.thumbs_up {
color: #282;
background: url('/stylesheets/art/thumbs_up.gif') top left no-repeat;
padding-left: 24px;
}

#vote_link a {
display: block;
overflow: hidden;
width: 243px;
height: 0!important;
padding-top: 32px;
background: url('/stylesheets/art/vote-for-this.gif') left top no-repeat;
}
#vote_link a:hover {
background: url('/stylesheets/art/vote-for-this.gif') 0 -34px no-repeat;
}
.voted_proposal {
font-weight: bold;
padding: .4em;
font-size: 1.5em;
float: left;
border: 3px solid #990000;
}
table.data .up,
table.data .down {
display: block;
width: 20px;
height: 18px;
text-indent: -4000px;
}
table.data .up {
background: url('/stylesheets/art/thumbs_up.gif') 0 0 no-repeat;
}
table.data .down {
background: url('/stylesheets/art/thumbs_down_light.gif') 0 0 no-repeat;
}

tr.totals td {
border-top: 1px solid #999!important;
background-color: #ddd;
}

#zoom_wrapper {
position: absolute;
top: 0;right: 0;
z-index: 100;
width: 100%;
height: 100%;
overflow: hidden;
background: url('/stylesheets/art/80p.png') top left;
text-align: center;
margin: 0; padding: 0;
}
#zoom_wrapper img {
padding: 2.8em 5px 5px 5px;
}

#zoom_loading {
height: 90%; width: 100%;
background: url('/stylesheets/art/zoom-loading2.gif') center center no-repeat;
}
#zoom_info {
z-index: 120;
position: fixed; top: 0; left: 0;
font-size: 1.3em;
width: 100%;
padding: .2em 0 .4em;
background: #333333;
}
#zoom_info p {
text-align: center;
color: #eee;
font-weight: bold;
}

#zoom_info p a,
#zoom_info p a:hover {
color: #eee;
}

#next_prev {
padding: 20px 0 22px 90px;
font-size: .8em;
background: url('/stylesheets/art/browse-images.gif') 11px 24px no-repeat;
position: relative;
}

#next_prev a {
position: absolute;
display: inline;
width: 37px;
height: 0;
overflow: hidden;
padding-top: 25px;
background-image: url('/stylesheets/art/next-prev-arrow.png');
background-repeat: no-repeat;
}

#next_prev .disabled {
cursor: default;
}

#next_slide       { right: 0;
background-position: 100% 0;}
#next_slide:hover {background-position: 100% -27px;}
#next_slide.disabled {background-position: 100% -55px!important;}
#prev_slide       {right: 42px;
background-position: 0 0;}
#prev_slide:hover {background-position: 0 -27px;}
#prev_slide.disabled {background-position: 0 -55px!important;}


/*  shortcuts */

#backtopc {
margin-top: 1.5em;
font-size: 1.2em;
}
#backtopc a{
color: #009;
text-decoration: underline;
}
#shortcuts {
clear: both;
margin-top: 1em;
border-top: 1px solid #333;
}

#shortcuts h4 {
font-size: 1.3em;
margin-bottom: .2em;
}
#shortcuts p {
font-size: 1.1em;
width: 100%;
position: relative;
margin-bottom: 2px;
}
#shortcuts strong {
position: absolute;
right: 0;
color: #400;
background-color: #ccc;
margin-left: 2px;
}

#navigation_help {
background-color: #F6FF8F;
position: absolute;
top: 0;
padding: 3px 10px 5px;
border: 5px solid #666;
}
#navigation_help h4 {
font-size: 1.5em;
text-transform: uppercase;
margin-bottom: .2em;
}

#navigation_help p {
font-size: 1.2em;
margin-bottom: 1em;
}
#navigation_help p.close {
text-align: right;
}
#navigation_help a {
text-decoration: underline;
}
/* PC Entries
=============== */

.highlight {
margin-bottom: 2em;
padding-bottom: .5em;
}

#yourvote {
float: right; display: inline;
width: 24em;
margin: 0 0 1em 1em;
}
#yourvote h4 {
font-size: 1.3em;
letter-spacing: .1em;
text-align: center;
background-color: #aaa;
padding: .2em;
text-transform: uppercase;
color: #fff;
}
#yourvote p {
padding: .4em;
font-size: 1.2em;
}

#proposal_thumbs {
border-top: 1px solid #bbb;
clear: right;
}
.entry {
float: left; clear: none;
width: 130px;
text-align: center;
margin: 5px 4px 12px 4px;
padding: 5px;
}
.entry p {
font-size: 1.1em!important;
text-align: center;
}
.entry_image {
text-align: center;
height: 100px;
margin: 0 0 4px 0!important;
position: relative;
}

.entry_row {
float: left; clear: left; width: 100%;
}
.entry a {
color: #444!important;
text-decoration: none;
}
.entry:hover img {
border: 1px solid #aaa;
}
.entry:hover a strong,
.entry a:hover strong  {
color: #000!important;

}
.entry img {
border: 1px solid #fff;
}

/* Forms
=============== */
form div {
margin: .8em 0;
clear: both;
}

label em,
h3 em {
font-style: normal;
font-weight: bold;
color: #933;
}



input.invalid {
background-color: #fcc;
border-color: #844;
}

.big_field input {
font-size: 1.4em;
font-weight: bold;
}

.col1 {
float: left;
clear: left;
}
.col2 {
float: left;
clear: none;
padding-left: 1em;
}
.col3 {
float: left;
clear: none;
padding-left: 3em;
}


form h4 {
color: #222;
font-weight: normal;
font-size: 1em;
text-transform: uppercase;
padding: 0; margin: 0;
position: relative;
}

.form_section {
clear: both;
padding: .5em 0 0 0;
}
.form_section ul li {
font-size: .85em;
margin-left: 2em;
line-height: 1.7em;
}


form p.submit {
padding: 1em 0;
}

.fieldWithErrors {
display: inline;
	clear: none;
} 
.fieldWithErrors input {
color: #000;
}
.fieldWithErrors textarea,
.fieldWithErrors input {
background-color: #FFcFcF;
}

.collaborator {
padding: 0em 1em 1em 1em;
border: 1px solid #aaa;
border-left: 1px solid #aaa;
background-color: #eee;
}
.view-only div {
font-size: 1.25em;
}

.collaborator h3 {
margin: .5em 0 .3em 0!important;
position: relative;
}
.collaborator h3 a {
position: absolute;
right: 0;
font-size: .9em;
font-weight: normal;
}

.comment {
border-top: 1px solid #aaa;
margin: 1em;
}

.proposal_description p {
margin: 0 0 1em 0!important;
}
.proposal_description h3 {
margin: 1em 0 .5em 0;
font-size: 1.4em;
}

.proposal_description ul {
margin: 0 0 .5em 2em!important;
}
.proposal_description ul li {
list-style-type: square;
margin-bottom: .3em;
}

.no_prop {
background-color: #afa;
}


/* Review
=============== */
#review div {
margin: .5em 0;
}

#review .section {
clear: both;
margin: 0em 0 1em 0;
padding-top: .5em;
}

#review h2 {
border-bottom: 2px solid #333;
}

#review .edit_link {
clear: both;
margin: .5em .5em;
padding: .3em .6em;
float: left;
}

/* Admin
======================= */

table.data {
border-collapse: collapse;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: 98%;
font-size: 1.2em;
}

table.data th {
background-color: #ddd;
color: #444;
font-weight: normal;
text-align: left;
padding: 3px 4px;
}

tr.deleted_row td {
text-decoration: line-through;
}

table.data td {
padding: 3px 4px 4px 4px;
}

table.data tr:hover td {
background-color: #ffc;
cursor: pointer;
}

td.title_row {
font-weight: bold;

}
td.title_row a {
text-decoration: none;
}

.sortcol {
cursor: pointer;
padding-right: 20px;
background-repeat: no-repeat;
background-position: right center;
}
.sortasc {
background-color: #DDFFAC!important;
background-image: url(/stylesheets/art/up.gif)!important;
font-weight: bold;
}

.sortdesc {
background-color: #B9DDFF!important;
background-image: url(art/down.gif);
}
.nosort {
	cursor: default;
}

/* Star rating
======================= */


.side_panel {
width: 200px;
float: left;

}

.proposal_info {
float: right;
width: 700px;
}

.rating_div {
float: left;
clear: none;
margin-right: 5em!important;
}

.star_rating{
list-style:none;
margin: 0px!important;
padding:0px;
width: 125px;
height: 25px;
position: relative;
overflow:hidden;
background: url('/stylesheets/art/gap_star.png') top left repeat-x;		
}
.star_rating li{
padding:0px;
margin:0px;
width:25px;
height:25px;
/*\*/
float: left;
/* */
}
.star_rating li a{
display:block;
width:25px;
height: 25px;
line-height:25px;		
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
overflow:hidden;
}
.star_rating li a:hover{
background: url('/stylesheets/art/gap_star.png') left bottom;
z-index: 2;
left: 0px;
border:none;
}
.star_rating a.one-star{
	left: 0px;
}
.star_rating a.one-star:hover{
	width:25px;
}
.star_rating a.two-stars{
	left:25px;
}
.star_rating a.two-stars:hover{
	width: 50px;
}
.star_rating a.three-stars{
	left: 50px;
}
.star_rating a.three-stars:hover{
	width: 75px;
}
.star_rating a.four-stars{
	left: 75px;
}	
.star_rating a.four-stars:hover{
	width: 100px;
}
.star_rating a.five-stars{
	left: 100px;
}
.star_rating a.five-stars:hover{
	width: 125px;
}
.star_rating li.current-rating{
	background: url('/stylesheets/art/gap_star.png') left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

/* remove halo effect in firefox   */
.star_rating a:active {
outline: none;
}

/* Stats
======================= */
.stats li {
font-weight: bold;
line-height: 1.5em;
}
.stats label {
font-weight: normal!important;
width: 20em;
font-size: 1.1em!important;
}


ul.list li{
margin-left: 1.5em;
list-style-type: square;
}
/* Rails default stuff
======================= */

.form_error p {
font-weight: bold;
color: #933!important;
line-height: 1.3em!important;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}
#errorExplanation ul {
	margin-left: 1em;
}
#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid #aaa;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}