/* 
  2011 CSS - for 320width and above
*/

@media only screen and (min-device-width : 320px) and (max-device-width : 524px) {
     html {
        -webkit-text-size-adjust: 100%;
     }
}

* {
  margin:0;
  padding:0;
}

body {
  background:#f2f2f2;
  color:#000;
  font-family:Helvetica,Arial;
  font-size:70%;
  text-align:center;
  margin:5px 6px;
}

#body {
  background-color:#FFF;
  margin:0px auto; 
  text-align:left;
  width:100%;
  border:1px solid #99f;
  border-radius:8px 8px 0 0;  
}

/* tags */
a {text-decoration:none;}
a:active,
a:link,
a:visited {color:#00D;}
a:hover {
  color:#000;
  text-decoration:none;
}


a img {
  border:1px solid #30F;
}
a:hover img {
  border:1px solid #000;
}

form {
  display:inline;
}

h2,h3,h4,h5,h6 {color:#009;clear:both;padding:0px 5px;text-shadow:1px 1px 2px #ccf,0px 0px 4px #fff;

}
p,li {padding:0 5px;}

h2 {
  border-bottom:2px solid #007;
  font-size:1.7em;
  margin:0 0 5px 0;
  font-weight:normal;
}
h3 {
  border-bottom:1px solid #99f;
  box-shadow:0 2px 3px #eef;
  font-size:1.5em;
  font-weight:normal;
  margin:0 0 5px 0;
  padding-top:5px;
  color:#009;
  /*background-color: #ffffff;*/
  background-image: linear-gradient(to bottom, #FFFFFF, #eef);
  background-image: -webkit-linear-gradient(top, #FFFFFF, #eef);
  background-repeat:repeat-x;
}

h4 {
  font-size:1.2em;
  margin:1em 0 0 0;
  font-weight:700;
}

img {
  border:1px solid #007;
}

p {
  margin:1em 0;
}
ul,
ol {
  list-style:none;
  margin:0;
  padding:0;
}

.home-news-image img{
  border:1px solid #007;;
max-width:100%;
  height:auto;
  box-shadow:0 0px 4px #ccf;
  
}
.news-image img,
.ni img {
  border-width:1px 0;
  border-style:solid;
  border-color:#007;
  width:100%;
  height:auto;
  box-shadow:0 0px 4px #ccf;
  
}



/* banner */
#top h1 {
  background:url(/assets/images/logo_small.png) center 0px  no-repeat;
  height:40px;
  display:block;
	margin:0;padding:0;
  width:100%;
}
#top h1 a {overflow:hidden;text-indent:-9999px;display:block;width:100%;height:100%;}

/* search box */
#top fieldset {border-width:1px 0 0 0;right:0;bottom:0;padding:5px 5px 5px 25px;margin:0;background:url('/assets/images/icons/magnifier.png') 5px 50% no-repeat #eef;}
#top fieldset #txt {width:57%;border:1px solid #002;;padding:2px 0 3px;margin:0;  color:#113;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.3em;
}
#top fieldset select {width:20%;border:1px solid #002;;padding:1px 0 1px;margin:0;  color:#113;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.3em;}
#top fieldset #btn {width:20%;border:1px solid #002;background-color:#CCC;padding:4px 0 3px;margin:0 0 0 3px;}

/* user menu */
#top ul {margin:0;;font-size:1.1em;padding:0px 5px 2px;text-align:center}
#top ul li {display:inline;list-style:none;padding:2px 0 2px 5px ;color:#333}
#top li a {color:#005;}
#top li a:hover {color:#00F;text-decoration:underline}

/* navigation (both header and footer) */
#navigation, 
#footer {
  background-color:#007;
  font-weight:bold;
  padding:5px 2px;
}
#navigation {
  font-size:1.1em;
}
#footer {
  clear:both;
  font-size:1.0em;
  text-align:right;
}

#postfooter {
  margin:1em 0;
  line-height:1.6em;
  clear:both;
  font-size:1.0em;
  text-align:center;
  color:#222;
  font-weight:normal;
}
#postfooter a {color:#222;text-decoration:none;}


.nav {
  display:inline;
}
.nav li {
  display:inline;
  list-style:none;
  padding:4px 5px;
}
.nav a {
  color:#FFF;
  padding:3px 3px;

}
.nav a:hover {
  background-color:#CCF;
  color:#000;
}




/* content */
#content {
  font-size:1.2em;
  line-height:1.6;
  padding:0px 0;
  margin:0 0px;
  zoom:1; 
}

/* thumbnails */

ul.thumbs {
  margin:1em 5px;
}
ul.thumbs li {
  display:inline;
  padding:0 5px 8px 0;
}

.photobox img,
.thumbs img,
.photo img {width:65px;}

/* lists */

ul.links {
  margin:1em 0;
}

ol.stats {padding:10px 25px;}
ul.nice {padding:0 25px;}
ol.stats li,
ul.nice li {list-style:disc;}

/* article */

.article {
  margin:1em 0 2em 0;
}

p.status_0,
li.status_0,
.article.s0 {background-color:#fff0f0;color:#990033;margin:0 -3px;padding:0 10px;font-style:italic;}




/* forms */
.photobox,
fieldset {
  background-color:#f3f3ff;
  border-width:1px 0;
  border-style:solid;
  border-color: #aaaaff;
  padding:3px 6px 6px;
  margin:0 0 5px 0;
}

fieldset select,
fieldset input,
fieldset textarea {
  border:1px solid #009;
  color:#113;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.1em;
  font-weight:normal;
  margin:2px 0px;
  padding:3px;
  width:100%;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border-radius:2px;
}

textarea {
  height:150px;
}

label {
  display:block;
  font-size:1.1em;
  font-weight:bold;
  line-height:1.6em;
  margin-top:6px;
}
div.af-0,
fieldset.decline {
  background-color:#fee;
  border:1px solid #800;
}

fieldset.submit {
	background-color:#efe;
}
fieldset.submit input {font-weight:bold;}



/* list tables */


table {
  border-width:1px 0px;
  border-style:solid ;
  border-color:#007;
  color:#000;
  font-size:1.1em;
  font-weight:normal;
  margin:1em 0;
  border-collapse:collapse;
  width:100%;
  
}
th {
  background-color:#007;
  color:#FFF;
  font-weight:bold;
  text-align:left;
  padding:3px 2px;
}

td {
  margin:0;
  padding:5px ;
  border-bottom:1px solid #007;
  line-height:1.4em;
  vertical-align:top;
}
td.checkbox {
  width:12px;
  text-align:center;
}
td.photo {
  width:65px;
  text-align:center;
}
 b.number {
/*  color:#000;*/
  font-size:1.4em;
  font-weight:normal;
/*  letter-spacing:-1px;*/
/*  font-family:Arial;*/
	display:block;
}

td.sightings {
  width:40%;
}

tr.show_all td {text-align:center;font-weight:bold;background:#EEF;}

table tr.row-selected {background-color:#aaf;}


tr        {background-color:#F9F9FF;} /* standard table background     */
tr.seen   {background-color:#E9FFE9;} /* user has seen this vehicle */
tr.unseen {background-color:#FFe9E9;} /* user has not seen this vehicle  */
tr.unseen.ever {background-color:#FFdddd;} /* no-one has seen this vehicle  */

tr.error  {background-color:#FFDDDD;} /* error row!  */
tr td.x   {background-color:#ffdddd;} /* empty cell */
tr.dnu1  {color:#a00;} /* DNU list */
tr.row-more {/*height:1px;*/overflow:hidden;background:#eef;padding:0;cursor:pointer;}
tr.row-more:hover td,
tr.row-more td {padding:0;height:1px;border-bottom:1px solid #ccf;}
tr.row-more span {display:none;}
/*
tr.row-more{font-size:0px;height:1px;overflow:hidden;}
tr.row-more td {border-bottomx:1px solid #eef;height:1px;padding:0;}
*/

tr:hover {background-color:#CCF;}
tr:hover td {border-bottom:1px solid #000;border-top:1px solid #000;}

/* tag cloud */

h3.tag-heading {clear:both;margin:1em 0 0 0;padding-top:1em;}

ul.tag-cloud , 
ul.tag-cloud li {list-style:none;;padding:0;}

ul.tag-cloud {margin:0 5px 8px 5px;;}
ul.tag-cloud li {margin:0 8px;float:left;line-height:2.9em;;height:2.9em;display:inline;font-size:1.0em;}
ul.tag-cloud li a {;font-weight:normal;}
ul.tag-cloud li.w0 a {font-size:1.1em;}
ul.tag-cloud li.w1 a {font-size:1.4em;}
ul.tag-cloud li.w2 a {font-size:1.7em;}
ul.tag-cloud li.w3 a {font-size:2.0em;}
ul.tag-cloud li.w4 a {font-size:2.3em;}
ul.tag-cloud li.w5 a {font-size:2.6em;}




/* misc stuff */

.azure {border-width:1px 0;border-style:solid; border-color:#009;background-color:#ffd;padding:5px;font-weight:bold;margin-bottom:1em;}
.azure li {padding-left:24px;line-height:16px;font-weight:normal;padding:3px 3px;display:inline;margin-right:12px;}


label em {color:#00b;}
p.hint u,
label em u {color:#b00;}




.news-image p {text-align:right;font-size:0.9em;margin:0;padding:2px 5px;background-color:#000077;color:#fff;}
.news-image p a {font-weight:bold;color:#fff;}



/* message alerts */
td.edit{padding-left:25px;border-width:1px;}
tr.warning td,
p.messagebox {
  border-color:#007;
  border-style:solid;
  border-width:1px 0px;
  font-weight:bold;
  padding:5px 25px;
}

.messagebox.new {
  background:url(/assets/images/icons/new.png) 5px 50% no-repeat #FFF;
}

.messagebox.comments {
  background:url(/assets/images/icons/comments.png) 5px 50% no-repeat #FFF;
}

.messagebox.information {
  background:url(/assets/images/icons/information.png) 5px 50% no-repeat #ddddff;
}
.messagebox.readme {
  background:#ffc;
  font-weight:normal;
  font-size:1.3em;
  font-family:Georgia, "Times New Roman", Times, serif;
  text-shadow:1px 1px 1px #fff;
  text-align:justify;
  box-shadow:3px 3px 3px #ccc;
  padding:7px 12px;
  font-style:italic;
  border-radius:10px;
}
.messagebox.alert_trailer {
	background:url(/uploads/thumb/rt240-rt172-rt206-rt171-1.jpg) 5px 50% no-repeat #ffffcc;
}
.messagebox.alert_mini {
	background:url(/uploads/thumb/011644-1.jpg) 5px 50% no-repeat #ffffcc;
}
.messagebox.alert_trailer, 
.messagebox.alert_mini {
	border-style:dotted;
	padding:7px 12px 7px 120px;
	min-height:74px;
}
.messagebox.sightings {
  background:url(/assets/images/icons/report.png) 5px 50% no-repeat #ffffcc;
  border-style:dotted;
  font-size:1.3em;
  font-weight:normal;
}
td.edit,
.messagebox.editor {
  background:url(/assets/images/icons/user_edit.png) 5px 50% no-repeat #ffff99;
  border-style:dotted;
  font-size:1.3em;
  font-weight:bold;
}
.messagebox.notseen {
  background:url(/assets/images/icons/report.png) 5px 50% no-repeat #FFDDDD;
  border-color:#700;
}
.messagebox.help {
  background:url(/assets/images/icons/information.png) 5px 50% no-repeat #ffffcc;
  border-style:dotted;
  font-size:1.3em;
  font-weight:normal;
}
.messagebox.login {
  background:url(/assets/images/icons/lock.png) 5px 50% no-repeat #ffffcc;
 
}
.messagebox.good {
  background:url(/assets/images/icons/good.png) 5px 50% no-repeat #ddffdd;
  border-color:#070;
}
tr.warning td,
.messagebox.warning {
  background:url(/assets/images/icons/warning.png) 5px 50% no-repeat #ffdddd;
  border-color:#700;
}
.messagebox.needs {
  background:url(/assets/images/icons/find.png) 5px 50% no-repeat #FFFFCC;
   border-style:dotted;
    font-weight:normal;
}
.messagebox.favephotos {
  background:url(/assets/images/icons/photos.png) 5px 50% no-repeat #FFFFCC;
  border-style:dotted;
  font-weight:normal;
}
.messagebox.admin {
  background:url(/assets/images/icons/user_1.png) 5px 50% no-repeat #FFD;
}
.messagebox.getstarted {
  background:url(/assets/images/icons/information.png) 5px 50% no-repeat #FFD;
}
.messagebox.rradmin {
  background:url(/assets/images/icons/user_rr.png) 5px 50% no-repeat #FFD;
}
.messagebox.map {
  background:url(/assets/images/icons/map.png) 5px 50% no-repeat #FFD;
}
.messagebox.updated {
  background:url(/assets/images/icons/user_edit.png) 5px 50% no-repeat #ffeedd;
  border-color:#ccf;
  border-style:solid;
  font-size:1.1em;
  font-weight:normal;
  border-radius:0;
}


div.help {  border-color:#007;
  border-style:dotted;
  border-width:1px 0px;
	padding:5px 25px;font-size:1.2em;
  background:url(/assets/images/icons/information.png) 5px 8px no-repeat #ffffee;
}
div.help p {margin:0 0 1em 0;}
/* more lists */
ul.riv{margin:0;padding:0;font-size:1.1em;}
ul.contact {margin:0;padding:0;font-size:1.2em;}


ul.riv li,
ul.contact li {margin: 1em 0;padding:0 2px 0 27px;line-height:16px;list-style:none;background-repeat:no-repeat;}

ul.userlist li a {display:block;font-size:1.2em;}
.userlist li {margin: 1em 0;padding:0 5px;line-height:16px;list-style:none;}
/*.userlist.d_0*/ li.count_0 {background-color:#FFEEEE;color:#600;border:1px dotted #f66;padding:3px 5px;}
/*.userlist.d_0*/ li.count_1 {background-color:#FFFFdd;color:#333;border:1px dotted #ff6;padding:3px 5px;}

/* books */

ul.books {list-style:none;margin:0;padding:0;}
ul.books li {display:block;width:140px;float:left;list-style:none;margin:0;padding:0 0 10px 0;}

/* forum and comments */

ul.forum,
ul.comments {border-top:1px solid #CCF;;clear:both;}
p.date {font-size:0.8em;margin:0;}

div.forumpost div.meta {color:#007;font-weight:bold;}

li.comment p,
div.forumpost p {padding:0;margin:0 0 1em 0;}
p.posted {font-size:11px;font-weight:bold;color:#007;}
ul.forum {margin:0 0 1em 0;}
div.forumpost ,
li.comment,
ul.forum li {padding:5px;border-bottom:1px dotted #CCF;}
li.sticky-1 {font-weight:bold;background-color:#EEF;}
.comment.st0,
div.status-0,
ul.forum li.status-0 {background-color:#FEE;color:#900;}

li.comment h4,
div.forumpost h4,
ul.forum h4,
ul.forum p {margin:0;padding:0;}

li.replies-0.status-1 h4,
li.age-0 h4,
li.age-1 h4,
li.age-2 h4,
li.age-3 h4 {background:url(/assets/images/icons/new.png) no-repeat right 50%;padding-right:20px;}
ul.forum li.sticky-1 h4 {background:url(/assets/images/icons/sticky.png) no-repeat right 50%;padding-right:20px;}
ul.forum li.res-10 h4 {background:url(/assets/images/icons/lock.png) no-repeat right 50%;padding-right:20px;}
ul.forum li.res-11 h4 {background:url(/assets/images/icons/lock_open.png) no-repeat right 50%;padding-right:20px;}

li.rr h4,
li.vince h4,
li.ben h4,
div.forumpost div.meta p.user_1,
div.forumpost div.meta p.user_2,
div.forumpost div.meta p.user_rr {font-size:1em;padding-left:20px!important;line-height:16px;font-size:0.8em;}

li.vince h4,
p.user_1 {background:url(/assets/images/icons/user_1.png) no-repeat 0 50%;}
li.ben h4,
p.user_2 {background:url(/assets/images/icons/user_2.png) no-repeat 0 50%;}
li.rr h4,
p.user_rr {background:url(/assets/images/icons/user_rr.png) no-repeat 0 50%;}

/* submit sightings */

#submitform textarea {height:50px;}
div.adder {clear:both;text-align:right;font-weight:bold;font-size:1.3em;}
div.adder a {background:url(/assets/images/icons/add.png) no-repeat right 50%;padding-right:20px;line-height:24px;margin:0;}

.submitform {display:none;}
#submit_0,
#submit_1,
#submit_2
 {display:block;}
/* display nones */
p.nds,
hr,
#skip,
body.aPhoto li.status_0,
legend ,
div#country_box,
div#country_box *,
#usermenu,
#nav_rivx,#nav_news,#nav_comments,#nav_otpgen,#nav_sales,#top ul li#you_obs ,
#adminmenu {display:none;}

/* clears */

.clear {clear:left;}
div.clear {
  zoom:1;
  clear:both; 
  margin:1em 0;
}

/* home page */
#companyintro,
#welcome {
	border-bottom:1px solid #007;
	font-size:1.2em;
}

#welcome h2 {padding:5px;}

ul.alpha {padding:0 5px;margin:0 0 10px;}
ul.alpha li {display:inline;padding:2px 2px;float:left;}
ul.alpha li.active,
ul.alpha li#thisyear {background:#ddf;font-weight:bold;}
ul.alpha li.active a,
ul.alpha #thisyear a {color:#000;}
ul.alpha:after {clear:both;margin:10px 0 0 0;}
span.getsightingrr,
span.getsightingotp {color:#00f;padding:2px;cursor:pointer;line-height:20px;

background:url(/assets/images/icons/loading.gif) -50px 50% no-repeat #fff;

}


table span.getsightingrr.aloading ,
table span.getsightingotp.aloading 
{background:url(/assets/images/icons/loading.gif) 2px 50% no-repeat #fff;padding:2px 2px 2px 40px;font-style:italic;}


table span.getsightingrr.done ,
table span.getsightingotp.done 
{color:#003;}



blockquote {font-style:normal;background:#eef;padding:1px 5px;}


div#commentarea {display:none;}


div.facts span {color:#fff;font-size:1px;width:1px;overflow:hidden;}

#revisions ins {background:#dfd;color:#070;font-weight:bold;}
#revisions del {background:#fdd;color:#700;font-weight:bold;}

#zintro{
  background:#fff2f2;
  border-bottom:1px dashed #a00;
  color:#fff;
  font-weight:bold;
  padding:5px 22px;
  /*width:100%;*/
  position:relative;
  margin:0 0 0px;
}  
#zintro h2 {
  font-size:1.6em;
  padding:4px 0;
  color:#a00;
  margin:5px 0;
  border:0;
}
#zintro p {
  font-size:1.4em;
  padding:0;
  margin:1em 0;
  color:#a00;
}

#sighting-form {display:none;}


#loginbox .field {width:50%;float:left;}
#loginbox .field input[type="text"] {width:98%;}
#loginbox #lgn {clear:both;}


p.obx,
p.obt,
p.obl {padding:4px 4px 4px 24px;margin:5px 3px 0 0;border-top:1px dashed #77f;}
p.obl {background:url(/assets/images/icons/calendar.png) 2px 50% no-repeat;}
p.obu,
p.obt {background:url(/assets/images/icons/report.png) 2px 50% no-repeat;}
p.obux,
p.obx {background:url(/assets/images/icons/cross.png) 2px 50% no-repeat;}
p.obux,
tr.seen p.obu {padding:4px 4px 4px 24px;margin:0 3px 0 0;}
p.obux {color:#a00;font-weight:bold;}
p.obu {color:#030;;}

#admin {border:1px solid #009;box-shadow:0 0 3px #ccf;}

#form_sightings  {border-style:dotted;  background:url(/assets/images/icons/report.png) 5px 5px no-repeat #ffffcc;
border-color:#009;}

#admin label,
#form_comments label,
#form_sightings label {float:left;width:24%;margin:8px 0px 0 0;clear:both;font-weight:normal;text-align:right;padding-top:2px;text-shadow:0 0 1px #fff;;}

#form_sightings label.friend {width:73%;float:right;clear:right;;margin:0;text-align:left;padding:0 0 3px 0;}
#form_sightings label.friend input {width:auto;float:none;margin:3px 10px 0 0;}

#admin p.hint,
#form_comments p.hint,
#form_sightings p.hint {float:right;width:73%;margin:2px 0 0;clear:both;font-size:0.9em;padding:0;color:#007;font-style:italic;}

#admin input,
#admin textarea,
#admin select,
#form_comments input,
#form_comments select,
#form_comments textarea,
#form_sightings select,
#form_sightings textarea,
#form_sightings input {float:right;width:73%;margin:8px 0 0px 0;}
button,
#admin input[type="submit"],
x#form_comments input[type="submit"],
x#form_sightings input[type="submit"] {float:right;font-weight:bold;width:150px;background:#ddd;border-radius:0;margin-left:10px;clear:both;}
#admin div {width:73%;float:right;clear:both;}
select:focus,
textarea:focus,
input:focus {box-shadow:0 0 5px #00a;border-color:#00d;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;}

.decline input:focus,
.decline textarea:focus {border-color:#d00;box-shadow:0 0 5px #a00;}


ul.photos-m {
  margin:1em 0px;
}
ul.photos-m li {
  display:inline;
}

ul.photos-m li img {width:auto!important;height:auto;;border:5px solid white;box-shadow:0 0 3px #666;
margin:7px;}


fieldset.sighting_validation {display:none;}


#introw{
  background:#FFFFdd;
  border-bottom:1px dashed #007;
  color:#003;
  font-weight:bold;
  padding:5px 22px;
  /*width:100%;*/
  position:relative;
  margin:0 0 0px;
}  
#introw h2 {
  font-size:1.6em;
  padding:4px 0;
  margin:5px 0;
  border:0;
}
#introw p {
  font-size:1.3em;
  padding:0;
  margin:1em 0;
}
#introw a {border-bottom:1px dotted #aaf;}

#sightinglist p {margin:0 7px;padding:0;}

p.highlight_need {background:#Fdd;padding:3px 5px;text-shadow:0 0 2px #faa;margin:4px 0;border-radius:3px;}
p.highlight_1_1 {background:#FFc;padding:3px 5px;text-shadow:0 0 2px #ff0;margin:4px 0;border-radius:3px;}
p.highlight_0 {background:#eee;color:#555;padding:3px 5px;text-shadow:0 0 2px #fff;margin:4px 0;border-radius:3px;}
p.highlight_3 {background:#fee;padding:3px 5px;;margin:4px 0;border-radius:3px;}


i.h {overflow:hidden;display:inline-block;width:1px;text-indent:-9999px;color:#fff;font-size:1px;position:absolute;bottom:0;left:0;}







.facts strong {display:block;}
.facts strong:after {margin-left:5px;}
.facts p {margin:5px 0;}

#content ul.thumbs li.thumb11 {display:block;}
#content ul.thumbs li.thumb11 img {width:99%;max-width:100%;height:auto;}



p.filtering {
	background:url(/assets/images/icons/table_gear.png)  no-repeat 0 50%;
	padding-left:25px;
}

#maincats i {display:none;}