@import url("messages.css");
@import url("forms.css");
@import url("login.css");

/* 
   ////////////////
   ** Styles for NRPA
   ///////////////
*/

body{
/*  background: #57433d url(/images/layout/body-tile.jpg) repeat scroll;*/
  font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
  background: transparent url(/images/layout/container-tile.jpg) repeat-x scroll top;
}

#container{
  width: 100%;
/*  background: transparent url(/images/layout/body-tile.jpg) repeat-x scroll top;*/
}

#head{
  height: 79px;
  width: 960px;
  background: transparent url(/images/layout/header.jpg) no-repeat scroll;
  margin:0 auto;
  color: #fff;
}

/* 
   ////////////////
   ** Headers
   ///////////////
*/

#head h1{
  display:none;
}

p{
  margin: 1em 0;
}

h1{
  font: 2em "Georgia", serif;
  margin-top:20px;
  margin-bottom:10px;
  font-weight: bold;
  color:#333742;
}

h2{
  font-size: 1.5em;
}

#content h3{
  font: 16px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
  margin: 10px 0;
  color: #333742;
  border-bottom:1px solid #ccc;
}

h4{
  font-weight: bold;
  font-size:1.25em;
}

#content ul.data-output  h3{
  border:0;
  margin:0 0 5px 0;
}

/* 
   ////////////////
   ** Anchors
   ///////////////
*/

a:hover{
  color: #fff;
  background-color:#1243b3;
  text-decoration:none;
}

/* 
   ////////////////
   ** Navigation
   ///////////////
*/

#head #nav{
  color: #fff;
  float: right;
  margin:30px 0 0 30px;
  font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#head #nav a{
  color: #fff;
  margin-right:10px;
  text-decoration: none;
  padding:5px;
}

#head #nav a:hover, #head #nav a.over{
  background-color:#fff;
  color: #000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.ie #head #nav a:hover, #head #nav a.over{
  background-color:#fff;
  color: #000;
  padding: 5px;
  height:1%;
}

/* 
   ////////////////
   ** Wrapper for sidebar and content
   ///////////////
*/

#wrap{
  width: 960px;
  min-height:495px;
  margin:0 auto;
  padding-bottom:10px;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: scroll;
  /*default bg change below if needed*/
  background-image:url(/images/layout/standard-bg.jpg); 
}

/* auto clear for modern browsers */
#wrap:after{ 
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0; 
  clear: both; 
  visibility:hidden; 
}

/* auto clear for the browser that could... this needs the css_browser_select js script */
.ie #wrap{
  height: 1%;
  display:block;
}

/* 
   ////////////////
   ** CUSTOM BGS : each controller can have their own background image as needed...
   // convention will controlled-action based... 
   // so #wrap.home-index # => is for '/home/index'
   ///////////////
*/

#wrap { background-image:url(/images/layout/standard-bg.jpg); }
#wrap.home-index { background-image:url(/images/layout/content.jpg); }
/*#wrap.dashboard, #wrap.listings { 
  background-image:url(/images/layout/standard-bg.jpg); 
}
#wrap.sessions{ background-image:url(/images/layout/standard-bg.jpg); }
*/

/* 
   ////////////////
   ** Sidebar 
   ///////////////
*/

#sidebar{
  clear: both;
  width:290px;
  padding:0 20px;
  float: left;
}

#sidebar h2{
  clear: both;
  color:#444;
}

#sidebar h3{
  font-size: 1.15em;
  clear:both;
  font-weight: medium;
  border-bottom:1px solid #ccc;
  margin-top:5px;
}

/* 
   ////////////////
   ** Content
   ///////////////
*/

#content{
  width: 580px;
  padding:0 20px;
  float: left;
}

#content .buttons.right{
  margin-top:-35px;
}

/* auto clear for modern browsers */
#content .buttons:after{ 
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0; 
  clear: both; 
  visibility:hidden; 
}

/* auto clear for the browser that could... this needs the css_browser_select js script */
.ie #content .buttons{
  height: 1%;
  display:block;
}

/* 
   ////////////////
   ** Footer
   ///////////////
*/

/* have the footer stick to the bottom, must be same height as #footer */
#footer{
/*  background: transparent url(/images/layout/body-tile.jpg) repeat scroll;*/
  color: #49312C;
  border-top:2px solid #49312C;
  margin:10px auto 0 auto;
  width: 960px;
  padding:10px 20px;
  clear:both;
}


#footer a{
  color: #49312C;
}

#footer a:hover{
  background:#49312C;
  color:#fff;
  text-decoration: none;
}

/* 
   ////////////////
   ** Miscellaneous
   ///////////////
*/

.thumb, .gallery a img {
  padding: 5px;
  border:1px solid #ccc;
  margin:0 5px;
  background-color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.left{float:left;}
.right{float:right;}

.hi-lite{
  background-color:#ffedb3;
}

li{
  vertical-align: text-top;
}

.footing{
  border-top:1px solid #ccc;
  padding:10px;
}

/* 
   ////////////////
   ** Data Output tables and lists
   ///////////////
*/
table.data-output{
  width:100%;
  border:1px solid #ccc;
  border-collapse:collapse;
  background-color: #fff;
  margin-top:1em;
}

table.data-output td{
  border-bottom:1px solid #ccc;
  padding:15px;
  vertical-align: top;
}

table.data-output td.label{
  border-right:1px solid #ccc;
  font-weight:medium;
  font-size:1.15em;
  background-color:#eee;
}

table.data-output td.picture{
  vertical-align:middle;
  text-align:center;
  border-bottom:1px solid #ccc;
}

/* specialized lists */

ul.added, li.added { list-style:inside url(/images/icons/add.png); }
ul.boxy, li.boxy{ list-style:inside url(/images/icons/box.png); }
ul.bricks, li.bricks, li.landlordresource{ list-style:inside url(/images/icons/bricks.png); }
ul.houses, li.house, li.listing, ul.listings{ list-style: inside url(/images/icons/house.png); }

ul.data-output{
  
}

ul.data-output li{
  border:1px solid #ccc;
  clear: both;
  background-color:#fff;
  padding: 10px;
  margin: 10px 0px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

ul.data-output li.unread{
  border: 1px solid #000;
  background:#fcfcb2;
}

ul.data-output li.over{
  border:1px solid #686868;
  background-color:#eee;
}

.ie ul.data-output li{
  margin:10px;
  list-style-position: 10px 20px;
  padding:0 10px;
  border:0;
}


/* auto clear for modern browsers */
ul.data-output li:after{ 
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0; 
  clear: both; 
  visibility:hidden; 
}

/* auto clear for the browser that could... this needs the css_browser_select js script */
.ie ul.data-output li{
  height: 1%;
  display:block;
}

.small{
  font-size: .85em;
}

h2 .small{
  font-size: .65em;
}

.big{
  font-size:1.15em;
}

.inline{
  display: inline; 
}

/* colors that you can use for tables and such */ 
.orange { background-color:#ff6000;color:#fff;}
.red { background-color:#e22042;color:#fff;}
.blue { background-color:#000066;color:#fff;}
.med-blue { background-color:#1d458b;color:#fff;}
.green { background-color:#007a08;color:#fff;}

a.img, .img {
  margin-right:10px;
  padding:0;
  background-color: transparent;
}

a.img:hover{
  background-color: transparent;
}

.bordered{
  border:1px solid #ccc;
  background-color:#fff;
  padding:3px;
  margin:5px 10px;
}

.thick{
  border:4px solid #ccc;
}

#content .bordered .buttons{
  margin-top:0;
}

.border-left{
  border-left:1px solid #ccc;
  padding-left:10px;
}

.border-top{
  border-top:1px solid #ccc;
  padding: 5px;
}

.boxed{
  border:1px solid #ccc;
  padding:10px;
  margin:10px 0;
  background-color:#eee;
}

.rounded{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.boxed label{
  color: #444;
  font-size: .85em;
}

/* user specific styles */
#account-info{
  width: 50%;
  float:right;
}

div#fancy_content ul.list-select{
  list-style-type:none;
}

div#fancy_content div.scrollable{
  margin:20px 0 10px 0;
  overflow:auto;
  height:345px;
  padding:10px;
}

div#fancy_content ol, ol{
  list-style: decimal outside;
  padding: 20px 40px;
}

div#fancy_content ul.list-select li{
  border: 1px solid #ccc;
  margin-top:4px;
}

div#fancy_content ul.list-select a{
  display:block;
  padding:5px;
}

div#fancy_content ul.list-select{
  overflow:auto;
  height:300px;
}

div#fancy_content textarea{
  height:75px;
}

/* 
   ////////////////
   ** Stuff for the photo gallery
   ///////////////
*/

#photo-gallery{
  margin: 20px;
}

#photo-gallery span{
  background-color: #fff;
  border:1px solid #ccc;
  display: block;
  float:left;
  margin-bottom:10px;
  margin-right:10px;
  padding:10px;
}

#photo-gallery .gallery-highlight{
/*  background: #fefdb2 url(../images/icons/accept.png) no-repeat bottom right;*/
  background-color:#fefdb2;
}

.padded{
  padding:1em;
}

.hi-lite{
  background-color: #ffeda6;
}

.med-font{
  font-size: 1.15em;
}

.replies-count{
  background: #fff url(../images/icons/comments.png) no-repeat 5px 10px;
  padding-left:24px;
  margin-top:3px;
  border-top:1px dotted #ccc;
}


/* auto clear for modern browsers */
.autoclear:after{ 
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0; 
  clear: both; 
  visibility:hidden; 
}

/* auto clear for the browser that could... this needs the css_browser_select js script */
.ie .autoclear{
  height: 1%;
  display:block;
}

#reply-form{
  margin:10px 5px 10px 30px;
  border-left:2px solid #ccc;
  padding-left:5px;
}

.standard li{
  padding:10px;
  border-bottom:1px dotted #ccc;
}

/*** Message Styles ***/
.reply{
  background:#fff;
  border:1px solid #ccc;
}

.parent{
  
}

#parent-msg .small{
  font-size: .95em;
}

h2.reply-parent{
  font-weight: bold;
  border-bottom:1px dotted #000;
}

#parent-msg h3{
  border-bottom:0;
  padding:3px;
  background:#61605b;
  font-size: 12px;
  color:#fff;
}

#parent-msg h3 a{
  color:#fff;
  display:block;
}

.underline{
  border-bottom:1px solid #000;
}

.sent-messages li img{
  float: right;
}

/*** Tour Page ***/

#tour-box{
}

#tour-box h2{
  border-top:1px solid #000;
  padding-top:5px;
  font-weight: bold;
}

#tour-box img{
}

.screenshots img{
  border:0;
}