/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/* 
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
*/

body
{
    background-color: #5c87b2;
    font-size: .80em;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

img
{
    border-width: 0;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 1000px;
    margin: 5px auto;
}

#front_page
{
    width: 950px;
    margin: 0 auto;   
}

#front_page div, #front_page p 
{
    text-align: center;
}

#header
{
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    clear: both;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
    padding: 15px 20px 50px 20px;
    background-color: #fff;
    margin-bottom: 1px;
    clear: both;
    position: relative;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#main_top
{
    clear: both;
    padding: 0 5px 0px 5px;
}

#footer
{
    background-color: #fff;
    color: #333;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li a.selected
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    padding: 5px;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 20px;
    font-weight: 300;
    padding: 2px 4px 4px 4px;
    color: #111;
}

fieldset.left
{
    width: 290px;
    float:left;
}

fieldset.right
{
    width: 510px;
    float:left;
}

fieldset.child
{
    padding: 20px;
}

fieldset.child legend
{
    font-size: 14px;
    padding: 2px 4px 0 4px;
}

fieldset.child ul
{
    padding-left: 14px;
    margin-bottom: 0;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input.message_actions
{
    border: solid 1px #ccc;
    background-color: #f1f1f1;
}

textarea
{
    font: inherit;
}

textarea.send_message
{
    width: 300px;
    height: 100px;
}

/* TABLE
----------------------------------------------------------*/

table.listings
{
    width: 100%;
}

table.listings td.book_image
{
    text-align: center;
    width: 75px;
}

table.listings td.book_title
{
    width: 350px;
}

table.listings td.condition
{
    width: 80px;
}

table.listings td.condition label 
{
    display: inline-block;
    padding: 5px;
}

table.listings td.price
{
    width: 70px;
}

table.listings td.price label
{
    display: inline-block; 
    background-color: #bcfcbf; 
    color: #000; 
    width: auto; 
    padding: 5px
}

table.listings td.message
{
}

table.search_results
{
    width: 100%;
}

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

table.messages
{
    width: 100%;
}

table.messages th.checkboxes
{
    width: 20px;
}
table.messages th.images
{
    width: 20px;
}
table.messages th.user
{
    width: 100px;
}
table.messages th.subject
{
    width: 200px;
}
table.messages th.message
{
    width: auto;
}
table.messages th.date
{
    width: 180px;
}

tr.search_row td span.date,span.isbn,.isbn
{
    font-size: 11px;
}
/* MISC  
----------------------------------------------------------*/
#create_listing
{
    float: left;
}

#create_listing .bracket
{
    float:left;
    background-image: url(../Images/bracket.png);
    width: 121px;
    height: 249px;
}

#create_listing .info
{
    float: left;
}


#LoadingImage,#LookupError
{
    margin-top: 20px;
    font-weight: bold;
    font-size: 20px;
    display: none;
}

#LoadingImage img
{
    vertical-align: text-bottom;
}

.clear
{
    clear: both;
}

.error
{
    color:Red;
}

.bgcolor1
{
    background-color: #f5f5f5;
}

.bgcolor2
{
    background-color: #EEF2F9;
}

.bgcolor3
{
    background-color: #f9f9f9;
}


#menucontainer
{
    margin-top:40px;
    float: right;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
    font-size: 48px;
    color: #fff;
    font-weight: bold;
}

a.title:link,a.title:visited
{
    color: #fff;
    text-decoration: none;
}

a.title:active,a.title:hover
{
    text-decoration: underline;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    display: block;
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ccc;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

#left_column
{
    float: left;
    width: 19%;
}

#right_column
{
    float: left;
    width: 79%;
}

.goto
{
    border: solid 1px #000;
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    cursor: pointer;
}

.goto:hover
{
    background-color: #fff;
    text-decoration: none;
}

.goto:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

/* MESSAGES  
----------------------------------------------------------*/

.Error
{
    background-color: #ffe1e1;
    border: solid 1px #e59d83;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 500px;
}

.Error img
{
    vertical-align: middle;
    margin-right: 5px;
}

.Success
{
    background-color: #bcfcbf;
    border: solid 1px #26db2a;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 500px;
}

.Success img
{
    vertical-align: middle;
    margin-right: 5px;
}

.Notice
{
    background-color: #fbfdbc;
    border: solid 1px #d1dc25;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 500px;
}

.Notice img
{
    vertical-align: middle;
    margin-right: 5px;
}

.dialog
{
    background-color: #fbfdbc;
    border: solid 1px #d1dc25;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin: 10px auto 10px auto;
    width: 50%;

}

.dialog img
{
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

/* IMAGE DIVS  
----------------------------------------------------------*/

.sent_message_image
{
    width: 16px;
    height: 16px;
    background-image: url(../Images/sent_message.png);
}

.new_message_image
{
    width: 16px;
    height: 16px;
    background-image: url(../Images/new_message.png);
}

.message_image
{
    width: 16px;
    height: 16px;
    background-image: url(../Images/message.png);
}

fieldset.view_message label
{
    font-weight: bold;
    background-color: #EEF2F9;
}


/* ADMIN
----------------------------------------------------*/
#configs fieldset p
{
    border-bottom: solid 1px #ccc;
}

ul.tab_links
{
    padding: 0;
    margin: 5px;
}

ul.tab_links li
{
    display: inline;
    padding:0;
    margin-right: 5px;
    border: solid 1px #e3e3e3;
    float: left;
    margin-bottom: 3px;
    display: block;
    padding: 5px;
    background-color: #f7f7f7;
}

ul.tab_links li.selected
{
    background-color: #236fb8;
    color: #fff;
    font-weight: bold;
}

ul.tab_links li:hover
{
    display: block;
    background-color: #236fb8;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}


/*
Definition List 
-----------------------------------*/

dl.form dt
{
    float: left;
    width: auto;
    clear: left;
    width: 130px;
    margin-right: 5px;
    font-weight: bold;
}

dl.form dd:hover
{
    border-left: solid 1px #333;
}

dl.form dd
{
    border-left: solid 1px #bbb;
    float: left;
    width: auto;
    padding-left: 5px;
    margin-bottom: 10px;
}

dl dt
{
    margin-bottom: 3px;
    color: #000;
}

dl dd
{
    margin-bottom: 10px;
}

dl.form dd label.inline
{
    display: inline;
}

dl.form dd label
{
    font-size: 11px;
    font-weight: normal;
    width: auto;
    display: block;
}

dl.form
{
    clear: both;
}

/*
Conditions
-----------------------------------*/
#condition_tips
{
    margin-top: 10px;
}

.condition_tip
{
    display: none;
    padding: 5px;
}

label.condition
{
    display: inline-block;
    clear:both;    
    padding: 5px;
}

.condition_new
{
    background-color: #bcfcbf;
    color: #000;
}

.condition_likenew
{
    background-color: #BCE6FC;
    color: #000;
}

.condition_good
{
    background-color: #FCFF94;
    color: #000;
}

.condition_acceptable
{
    background-color: #FFC57F;
    color: #000;
}

.condition_bad
{
    background-color: #FF9B9B;
    color: #000;
}

#book_cover_img
{
    background-color: #e8eef4;
    padding: 10px;
    border: solid 1px #ccc;
}

.book_cover
{
    background-color: #e8eef4;
    padding: 10px;
    border: solid 1px #ccc;
    text-align: center;
}

.book_cover img
{
    vertical-align: middle;
}


/* Schools List
-------------------*/

table.schools_list td,tr
{
    border-width: 0;
    vertical-align: top;
}

table.schools_list
{
    border-width: 0;
    width: 100%;
}

table.schools_list ul
{
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
    padding-left:  0;
    width: 32%;
}

table.schools_list li
{
    background-color: #f9f9f9; 
    margin: 2px;
}

table.schools_list li:hover
{
    background-color: #e8eef4;
}

table.schools_list li a
{
    padding: 4px; 
    display: inline-block;
}

input#filter_schools
{
    padding: 2px;
    font-size: 20px;

    width: 300px;
    background-image: url(../../Images/filter_schools.png);
    background-position: right center;
    background-repeat: no-repeat;
    font-family: Verdana;
}

p#filter_schools_paragraph
{
    font-size: 20px;
}

#filter_schools_paragraph label
{
    font-size: 12px;
    display: block;
}


ul.schools_list_columns 
{
    margin-top: 0; 
    padding-top: 0;
}

p.create_step1_lookup
{
    background-color: #e8eef4;
    padding: 5px;
}

.view_listing_right
{
    display: inline-block;
    padding-left: 10px;
    width: 500px
}

.view_listing_left
{
    display: inline-block;
    vertical-align:top;
    width: 290px;
}

.view_listing_price
{
    display: inline-block;
    background-color: #bcfcbf;
    color: #000;
    width: auto;
    padding: 5px
}

.view_listing_details
{
    background-color: #F4F8FF;
    padding: 5px;
    color: #000
}

.view_listing_date
{
    font-size: 9px;
    font-style:italic
}

#search_results
{
    background-color: #F4F8FF;
    padding: 5px;
    color: #333;
    clear: both;
    display: none;
}

.btn 
{
}

input[type=button], input[type=submit]
{
    background: url(../../Images/btnbg.png) repeat-x 0 0;
    border: solid 1px #aaa;
    cursor: pointer;
}

a.btn:link, a.btn:visited
{
    padding: 2px 6px 2px 6px;
    background: url(../../Images/btnbg.png) repeat-x 0 0;
    border: solid 1px #aaa;
    text-decoration: none;
    color: #034af3;
}

a.btn:active
{
    color: #034af3;
}

a.btn:hover
{
    text-decoration: underline;
}

input[type=text]
{
}