* {padding:0; margin:0; font-family:arial; }
html {overflow:scroll;}
body {font-size:13pt; color:#333; background:#EEE;}

h1 {float:left; width:200px; height:70px; margin:6px 0 8px 24px; font-size:2em; text-indent:-9999px; background:url("images/bg_nird_logo.gif") top left no-repeat;}
h1 a {display:block; width:100%; height:100%;}
h2, h3, h4 {margin:8px 0; font-size:1.8em;}
h3 {font-size:1.5em;}
h4 {font-size:1.3em;}
h1, h2, h3, h4, h5, h6 { font-weight: bold; letter-spacing: -1px; }

form {display:block; float:left; width:100%;}
label {display:block; float:left; clear:left; width:180px; margin:0 6px 0 0; color:#333; font-weight:bold; text-align:right; line-height:22px;}
input {float:left; margin:2px 4px;}
select {float:left; width:160px; height:22px; margin:2px 4px; color:#555; font-size:0.9em; font-weight:bold; text-transform:capitalize; border:1px solid #01b7ff;}
textarea {float:left; margin:4px; padding-top:2px; color:#555; text-indent:4px; font-weight:bold; font-size:0.9em; border:1px solid #01b7ff;}
a {text-decoration:none; color:#666;}
a:hover {text-decoration:underline; color:#FFC010;}
th {font-weight:bold;}
ol {margin: 0 20px; font-size:0.9em;}
ol ol {margin: 0 10px; list-style-type:lower-roman;}

.form_fields, .compact_form_fields {float:left; width:100%; margin:4px 0;}
.compact_form_fields {margin:1px 0; padding:1px 0;}
.textbox {height:16px; padding-top:2px; color:#555; font-size:0.9em; font-weight:bold; text-indent:4px; border:1px solid #01b7ff;}
.radiobutton, .checkbox {margin-top:4px;}
.button {height:22px; padding:0 4px 3px 4px; margin:0 4px; color:#636466; cursor:pointer; background:#FFC010; border:1px solid #636466;}
.button:hover {color:#333; border:1px solid #000;}
.required {float:left; clear:right; margin-top:1px; font-size:0.8em; line-height:20px;}
.note {float:left; clear:right; margin-top:1px; margin-left:4px; color:#666; font-size:1.2em; font-weight:bold; line-height:20px;}

.clear {clear:both;}
.error {color:#F00; font-weight:bold;}
.warning {color:#FF8B05; font-weight:bold;}
.highlight {color:#0099D4; font-weight:bold;}

.pipe { margin: 0 6px; color: #CCC; }
.hint { margin-left: 5px; font-size:0.6em; color: #888; }

.nird {font-family:courier new; letter-spacing:1.4px; color:#636466; font-weight:bold;}
.nird .i {color:#FFC010;}

.form_left, .form_right, .form_bottom {float:left; width:50%;}
.form_bottom {width:100%;}

#back {float:right; width:50px; height:20px; line-height:21px; text-align:center;}
#back a {text-decoration:underline;}
#back a:hover {text-decoration:none;}

/* loading is used only to show a loading screen when images are being uploaded*/
#uploading {position:absolute; z-index:100; top:40%; left:0; width:100%; text-align:center; font-size:2em; color:#333; background:#EEE;}
#uploading p {padding:20px; font-size:0.5em;}

/* site structure */
#main_wrapper {width:980px; margin:0 auto; font-size:0.7em; background:#FFF;}

#header {float:left; width:100%; height:120px;}
  #header_right {float:right; margin-right: 30px; height:80px; line-height:80px; color:#666;}
  #header_right a {color:#888; font-weight:bold; font-size:1.2em;}
  #main_menu {float:left; width:100%;}
  #main_menu ul {width:100%; height:36px; list-style-type:none; background:url("images/bg_menu.jpg") top left repeat-x;}
  #main_menu li {float:left; line-height:36px;}
  #main_menu li a {display:block; padding:0 20px; font-size:1.3em; color:#626461; font-weight:bold; border-left:1px solid #EDEEE8; border-right:1px solid #CECDC8;}
  #main_menu li a:hover {display:block; color:#FFF; text-decoration:none; background:url("images/bg_menu_active.jpg") top left repeat-x;}
  #main_menu #this_page a {color:#FFF; background:url("images/bg_menu_active.jpg") top left repeat-x;}

#content {float:left; width:100%; padding:10px 0;}
  #left_column, #right_column {float:left; width:610px; padding:0 30px;}
  #right_column {float:right; width:250px; text-align:center; line-height:22px;}
  #single_column {width:920px; padding:0 30px;}
  #single_column.terms h3 {margin-left:10px; padding-top: 15px; border-top: solid 1px #CDCDCD;}

  #right_column #register {float:left; display:block; width:100%; height:78px; text-indent:-9999px; background:url('images/img_photographers.jpg') top center no-repeat;}
  #right_column #tips {float:left; display:block; width:100%; height:130px; margin-top:15px; text-indent:-9999px; background:url("images/bg_taking_photos.gif") left top no-repeat;}

  #basket {float:left; width:100%; height:90px; margin:10px 0; border: 1px solid #CCC; border-top:8px solid #FFC010; background: url("images/bg_search.jpg") left top repeat-x #EEE;}
  #basket h3 {margin:0; padding:4px 0; color:#666;}
  #basket #image_count {float:left; width:50%;}
  #basket div {width:100%; text-align:center; font-size:1em; font-weight:bold; line-height:22px; color:#666;}
  #basket #count {height:30px; line-height:30px; font-size:2.4em;}
  #basket #total {float:left; width:50%; line-height:30px;}
  #basket form {display:block; float:left; width:77px; height:22px; padding:0 24px;}
  #basket #empty {line-height:50px; font-style:italic;}

#content p {padding-bottom:10px; line-height:20px;}
#content li {margin-left:30px; line-height:20px;}
#content li * {font-size:1em;}

#print_header {display:none;}
#print_link {display:block; float:right;}

#footer {clear: both; width: 100%; height: 180px; font-size:0.8em; color:#666; border-top:4px solid #FFC010; background:#FFF;}
  #footer a {color:#666;}
  #footer a:hover {color:#333;}
  #footer_content img {display:block; float:left; margin-left:10px;}
  #footer_content {margin:0 auto;}
  #footer_content p {padding:15px 30px; line-height:50px;}
  #footer_content p.left {float:left;}
  #footer_content p.right {float:right;}
  #footer_content p.logos {float:left; clear:both; padding-left:350px;}
  #footer_content p #mastercard {margin-top:18px;}
  #footer_content p #visa {margin-top:25px;}
  #terms {font-size:1.4em; font-weight:bold;}
/* end site structure */

/* home page */
#welcome {float:left; width:290px;}
#welcome p, #quickstart p {margin-left: 15px; text-align:justify;}
#login, #quickstart {float:right; width:270px; margin:10px 0 0 0; padding:0 15px 15px 15px; border: 1px solid #ccc; background: url("images/bg_search.jpg") left top repeat-x #EEE;}
#login h3, #quickstart h3 {color: #666;}
#login label {width:98px;}
#quickstart div {float:left; width:125px; padding:0 5px; font-size:0.9em; line-height:20px;}
#quickstart a:hover {color:#000;}

#search, #advanced_search {float:left; width:580px; height:80px; margin: 10px 0; padding: 0 15px; border: 1px solid #ccc; border-top:8px solid #FFC010; background: url("images/bg_search.jpg") left top repeat-x #EEE;}
#advanced_search {height:202px;}
#search select, #advanced_search select {width:160px; height:18px; overflow:visible;}
#search h3, #advanced_search h3 {color:#666;}
#advanced_left, #advanced_right {float:left; width:284px; margin-right:10px;}
#advanced_right {margin:0;}
#advanced_left label, #advanced_right label{width:112px; margin:0px; font-size:0.9em;}

#signup {float:left; width:238px; height:206px; background:url('images/img_bestresource.jpg') top left no-repeat;}
#signup a {display:block; width:100%; height:100%;}
#slideshow {float:left; /*width:412px;*/ width: 372px; height:190px; background:url('images/img_easydownload.jpg') top left no-repeat;}

#latest_additions {float:right; width:230px; padding:10px 0 10px 10px;}
#addition0, #addition1, #addition2, #addition3 {float:left; margin:5px; cursor:pointer;}
.latest_additions_image {float:left; width:104px; height:80px; overflow:hidden; border-right:1px solid #E2E2E2;}
/* end home page */

/* about page */
#intro {float:left; width:100%; margin-bottom:20px; font-size:1.4em; text-align:justify; font-weight:normal; line-height:22px;}
#about1, #about2, #about3 {float:left; width: 300px; text-align:justify; line-height:20px;}
#about2 {width:290px; height:280px; margin:0 20px; background:url("images/about_01.jpg") center no-repeat;}
#about3 {width:290px;}
/* end about page */

/* news page */
.news_article {margin:10px 0; padding: 5px 0; border-bottom: solid 1px #CDCDCD; }
.news_article p {padding-left:10px; color:#999;}
.news_date {color:#C2C2C2; font-size:0.8em; font-weight:bold;}
.pdf_link {float:right;}
.pdf_link a {display:block; width:120px; height:17px; line-height:18px; text-indent:26px; background:url('images/pdficon_small.gif') top left no-repeat;}
/* end news page */

/* browse page */
/* end browse page */

/* links page */
#links_left, #links_right, #links_bottom {float:left; width:50%; line-height:16px;}
#links_bottom {width:100%;}
/* end links page */

/* contact page */
.contact_heading {float:left; width:100%; height:20px; padding: 3px 0; text-indent: 10px; color:#FFF; font-weight:bold; background:#FFC010;}
.contact_content {float:left; width:100%; padding:10px 0;}
.contact_content h3 {margin-left:10px; padding-left:15px;}
.contact_content form {width:608px; padding:10px 0; margin:10px 0; border:1px solid #FFC010;}
/* end contact page */

/* register page */
#user_details, #contributor_details {float:left; width:100%; line-height:16px;}
#contributor_details {background:#EFF;}
/* end links page */

/* add incident */
#matching_incidents, #no_matches {float:left; width:592px; padding:8px; border:1px solid #FFC010;}
  .incident_summary {float:left; width:100%; height:80px; margin:6px 0; cursor:pointer; border:1px solid #E2E2E2;}
  .incident_summary:hover {background:#F3F3F3;}
  .summary_image {float:left; width:104px; height:80px; overflow:hidden; border-right:1px solid #E2E2E2;}
  .summary_title {float:left; width:407px; height:54px; padding:3px 5px; overflow:hidden; line-height:18px;}
  .summary_date_added {float:right; width:160px; font-size:0.9em; font-style:italic;}
  .summary_select {float:left; width:417px; height:20px; line-height:20px; text-align:center; font-weight:bold;}
  .summary_view {float:right; width:40px; height:20px; line-height:20px; text-align:center;}
  .summary_image_count {float:right; width:70px; height:100%; font-size:3em; line-height:50px; text-align:center;}
  .summary_image_count p {font-size:0.5em; padding:0; margin:0;}

#incident_details {display:block; line-height:22px;}
#title {float:left; width:100%;}
#streets {float:left; width:100%;}
/* end add incident */

/* incident images */
#image_thumbs, #new_images, #order_details {float:left; width:592px; padding:8px; margin-bottom:10px; border:1px solid #FFC010;}
.thumb_wrapper {float:left; width:120px; height:120px; margin:0 20px 0 0; line-height:16px; font-weight:bold;}
.thumb_wrapper img {cursor:pointer;}
.thumb_wrapper span {float:left; clear:both;}
.incident_thumb {float:left; overflow:hidden; border:1px solid #FFC010;}
.delete_icon {float:left; width:16px; height:16px; cursor:pointer; border:1px solid #FFC010; border-left:0;}
.spacer {float:left; width:16px;}
#image_thumbs input, #image_thumbs span {float:left; margin-top:4px; font-weight:normal; white-space:nowrap;}
#image_thumbs input {clear:left;}

#more_images {display:block; float:left;}
/* end incident images */

/* basket */
#basket_form {display:block; float:right; width:180px; height:80px; color:#333; font-size:2em; line-height:40px;}
#checkout_form {display:block; float:right; margin-bottom:20px; padding:10px; width:100%; color:#333; border:1px solid #FFC010;}
#checkout_form .total {line-height:40px; font-size:2em;}
#checkout_form a {display:block; clear:both;}
#checkout_form div {float:left; width:50%; text-indent:10px; font-size:2em; line-height:40px; background:#E9E9E9;}
#checkout_form div div {width:98%; text-align:right; line-height:40px; font-size:1em;}
#checkout_form input {float:right; margin:14px;}

.download_disabled {color:#999;}
/* end basket */

/* view order */
#order_details form {display:block; float:left; width:100%; padding-top:10px;}
#order_details form input {float:right;}
/* end view order */

/* search page */
#search_heading {float:left; width:100%; height:30px; text-indent:20px; background:#EEE;}
#order {float:left; margin-top:4px;}
#order img {}
#page_size {width:40px; margin-top:6px;}

.search_pages {float:left; width:598px; height:22px; margin:4px 0; padding:0 6px; line-height:20px; text-align:center; cursor:default; border:1px solid #EEE; border-left:0; border-right:0;}
/* end search page */

/* taking photos */
.taking_photos li {font-size:1.6em; padding-left:10px; margin:4px 0;}
.taking_photos li span {font-size:0.7em !important;}
.taking_photos #image1 {display:block; float:right; margin:10px 0;}
.taking_photos #image2 {margin-left:40px;}
.taking_photos p {font-size:1.2em; padding-left:10px;}
/* end taking photos */

/***************************************************************************************************************************************************************/
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Dashboard CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron>, MIT Style License.                           */
/* input.calendar, select.calendar {width:130px; float:left;}                                                                                                  */
/***************************************************************************************************************************************************************/
input.calendar, select.calendar {width:110px; float:left;}

button.calendar {background: url("images/calendar-icon.gif"); border:0; cursor:pointer; float:left; height:20px; margin-right:6px; width:20px;}
button.calendar:hover,
button.calendar.active {background-position:0 20px;}

div.calendar {background:url("images/calendar.png"); height:195px; padding:0 6px; text-align:center; width:147px;}
div.calendar div {background:none !important; cursor:move; height:185px; overflow:hidden; padding-top:10px; position:relative; width:147px;}
div.calendar caption {color:#333; font:normal 12px/16px Arial, Helvetica, sans-serif; padding-top:6px; text-align:center; width:100%;}
div.calendar caption a {cursor:pointer; display:block; height:12px; overflow:hidden; position:absolute; text-indent:-100px; top:17px; width:11px;}
div.calendar caption a.prev {background-image:url("images/calendar-prev.gif"); left:0;}
div.calendar caption a.next {background-image:url("images/calendar-next.gif"); right:0;}
div.calendar caption a:hover {background-position:0 12px;}
div.calendar caption span {height:25px;	position:relative; text-align:center;}
div.calendar caption span.month {padding-right:8px;}
div.calendar caption span.month:after {content:',';}
div.calendar table {background:#FFF; border:0; border-collapse:collapse; border-spacing:0; cursor:default; margin:0 auto; overflow:hidden; width:147px;}
div.calendar td, div.calendar th {border:0; color:#0597DB; font:normal 12px Arial, Helvetica, sans-serif; height:21px; text-align:center; width:21px;}
div.calendar td {background:url("images/calendar-td.gif"); color:#FFF; font-size:11px;}
div.calendar td.invalid {color:#999;}
div.calendar td.valid {background:url("images/calendar-valid.gif"); color:#0597DB; cursor:pointer;}
div.calendar td.inactive {background:url("images/calendar-td.gif") 0 100%; color:#FFF;}
div.calendar td.active, div.calendar td.hover {background:url("images/calendar-valid.gif") 0 100%; color:#FFF; cursor:pointer;}
/***************************************************************************************************************************************************************/