/*
 *  Copyright (C) 2008-2012 Universidad de las Américas Puebla
 *  
 *  This file is part of xmLibris.
 *  
 *  xmLibris is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version. 
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details. 
 *  You should have received a copy of the GNU General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *  xmLibris is a web application developed at the:
 *  Interactive and Cooperative Technologies Lab (ICT) <http://ict.udlap.mx>
 *  in collaboration with the Centro Interactivo de Recursos de Información y 
 *  Aprendizaje(CIRIA) of the Universidad de las Américas Puebla, México(UDLAP).
 *  A project directed by: Alfredo Sánchez.
 * 
 *  This version developed by Lourdes Fernández <lourdes.fernandez@udlap.mx>.
 *  Based on an initial prototype developed by Ignacio Muñoz & Antonio Razo 
 */
/* 
      Document : home.css
    Created on : 19 de noviembre de 2009.
                 2010-06-14; 2011-05-12
        Author : Lourdes Fernández R.
   Description : xmLibris home page.
*/

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: "Myriad Pro", Calibri, "Lucida sans", verdana, sans-serif;
    color: #444444;
    text-align: center;
    background-repeat: repeat-x;
}

#Container {
    width: 1015px;
    margin-right: auto;
    margin-left: auto;
}

#Home {
    height: 70px;
    text-align: left;
    color: #fff;
    line-height: 440%;
    background-color: #e1004c;
}

#Home span {
    display: none;
}

#Home a {
    
    float: left;
    width: 135px;
    height: 50px;
    margin-top: 5px;
    background-image: url("../img/xmlibris.png");
    background-repeat: no-repeat;
    background-position: 7px 15px;
}

#Home p.two {
    text-align: left;
}

#Location {
    width: 720px;
    height: 20px;
    text-align: left;
    font-size: 90%;
    margin-top: 2px;
    float: left;
    z-index: 2;
    font-size: x-small;
}

#Location a, #Location p {
    height: 20px;
    color:  #b8b3a8;
    display: block;
    text-decoration: none;
    float: left;
    padding: 4px 12px 0 12px;
    border-right: solid 1px #f0f0f0;
}

#Location a.first {
    padding-left: 12px;
    border-left: solid 1px #f0f0f0;
}

#Location span {
    display: none;
}

#Location a:hover, #Location a:focus, #Location a:active {
    color: #f399b7;
    text-decoration: none;
}

#Location a.last  {
    /*color: #98958e; */
    display: none;
}

#Text {
    /*width: 925px;*/
    line-height: 1.6em;
    text-align: left;
    float: left;
    color: #333;
    padding-bottom: 50px;
}

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

#Text a:visited {
    /*color: #f23d70;*/
    color: #333;
}

#Text a:hover, a:focus, a:active {
    text-decoration: underline;
}

#Text p {
    padding-right: 20px;
}

#Text p.first {
    padding-top: 35px;
    padding-left: 40px;
    clear: both;
}

#Text p.strong {
    clear: both;
    padding-top: 35px;
}

#Text p.right {
    text-align: right;
}

#Text p.left {
    text-align: left;
}

#Text ul {
    /*padding-top: 10px;*/
}

#Text li {
    /*padding-top: 15px;*/
}

#Header {
    float: left;
    clear: both;
    width: 915px;
    margin-left: 20px;
    margin-top: 20px;
}

#Header h3 {
    color: #f63;
    font-size: 150%;
    padding-top: 0px;
    padding-bottom: 15px;
    width: 600px;
    float: left;
    /*line-height: 200%;*/
}

#Header h4 {
    color: #f90; /*#f03c79;*/
    padding-left: 20px;
    font-size: 120%;
    padding-top: 1em;
    clear: both;
}

#Header h5 {
    color: #f03c79;
    font-size: 100%;
    padding-left: 20px;
    font-weight: normal;
}

#Header form {
    /*background-color: #ccc;*/
    float: right;
    margin-right: 10px;
}

#Header p.option {
    /*margin-right: 10px;*/
    float: right;
    text-align: right;
    padding: 0;
    margin: 0;
    width: 300px;
}

#Header li {
    list-style: circle;
    margin-left: 40px;
    line-height: 100%;

}

#Header strong {
    /*color: #f03c79;*/
}

#Header strong:before {
    content: open-quote;
}

#Header strong:after {
    content: close-quote;
}
/*
#Header a, #Header a:visited {
    color: #666;
    text-decoration: none;
}*/

#Book {
    background-color: #fcf;
}

input, textarea, select {
    padding: 2px;
    font-family: calibri;
    font-size: 90%;
    color: #666;
}

#markup {
    margin-top: 20px;
}

#Footer {
    width: 100%;
    color: #e0e0e0; /*#d6e5df;*/
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}

#Footer p {
    font-size: 90%;
    line-height: 100%;
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
    /*color: #ffffff;*/
    padding-bottom: 10px;
}

#Footer p.first {
    padding-top: 10px;
    margin-left: 20px;
}

#Footer a, #Footer a:visited {
    color: #ffffff;
    text-decoration: none;
}

#Footer a.xmlibris {
    float: left;
    width: 90px;
    height: 20px;
    background: url("../img/xmlibris_mini.png") no-repeat;
    text-align: left;
    margin-left: 10px;
    clear: both;
}

#Footer a.university {
    /*margin-right: 10px;*/
    color: #e0e0e0; /*#d6e5df;*/
    clear: both;
    float: left;
    margin-top: 3px;
    margin-left: 10px;
    margin-bottom: 20px;
}

#Footer span {
    display: none;
}

#Footer a.next, #Footer a.previous, #Footer a.index {
    color: #f399b7;
}

#Footer a.next:hover, #Footer a.previous:hover, #Footer a.index:hover {
    text-decoration: none;
    color: #f03c79;
}

#Footer p.next {
    float: right;
    margin-top: -30px;
    height: 30px;
}

#Footer p.previous {
    float: left;
    margin-top: -30px;
    margin-left: 30px;
    height: 30px;
}

#Footer p.index {
    float: left;
    margin-left: 430px;
    margin-top: -30px;
    height: 30px;
}

hr {
    height: 0;
    margin-top: 15px;
    border: solid 1px #ccc;
}

h3 {
    /*color: #f60;*/
    font-size: 100%;
    padding-bottom: 10px;
    line-height: 110%;
    /*margin-left: 20px;*/
    margin-top: 2px;
}

dl {
    padding-top: 20px;
    margin-top: 10px;
}

#Items label {
    width: 16em;
    display: block;
    font-weight: bold;
    color: #f23d70;
}

p.alignForm {
    text-align: left;
    display: block;
    margin: 0 0 4px 15em;
    color: #999;
    clear: both;
}

input.submitBook, input.submitR, input.submitItem {
    margin-left: 17em;
    margin-top: 10px;
}

input.submitItem {
    clear: both;
    margin-top: 10px;
}

input.submitDB {
    margin-left: 303px;
    margin-top: 1px;
}

strong.color {
    color: #936;
}

span.hidden {
    color: #fff;
    /*display: none;*/
}

dl.doubleSpace {
    padding-top: 20px;
}

img.max50 {
    max-height: 50px;
    max-width: 300px;
}

img.max150 {
    max-height: 150px;
    max-width: 150px;
}

img.square75 {
    max-width: 75px;
    max-height: 75px;
}

img.max200 {
    max-height: 200px;
    max-width: 200px;
}

img.square300 {
    max-height: 300px;
}

table {
    margin-top: 20px;
    /*border: 1px solid #ccc;*/
    width: 100%;
}

tr {
    vertical-align: top;
    line-height: 120%;
}

td, th {
    padding: 3px 5px;
    border-bottom: 1px dotted #ccc;
}

th {
    color: #a90039; /*  #f03c79;*//*#a92a55;*/
    font-size: 90%;
    vertical-align: bottom;
    width: 20%;
    /*background-color: #fff;*/
}

td {
    font-size: 95%;
}

dt.item, dd.item {
    margin-top: 15px;
}

h3.share {
    width: 300px;
}

#DisplayItems {
    /*width: 100px;*/
    /*background-color: #fcf;*/
    margin-left: 40px;
    float: left;
}

#DisplayItems p {
    display: inline;
    float: left;
    /*padding-left: 40px;*/
}

#DisplayItems a.list {
    background-image: url("../img/icons/application_view_list.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
}

#DisplayItems a.box {
    background-image: url("../img/icons/application_view_tile.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
}

#DisplayItems a.table {
    background-image: url("../img/icons/application_view_columns.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
}

#DisplayItems span {
    display: none;
}

#Items {
    margin-bottom: 30px;
    padding: 10px 0;
}

#Items p {
    line-height: 120%;
    padding-top: 10px;
    /*margin-left: 40px;*/
    max-width: 35em;
}

#Items p.margin {
    margin-left: 40px;
}

#Items p.first {
    padding-top: 20px;
}

#Items h3 {
    padding-left: 40px;
    padding-bottom: 0;
}

#Items dt {
    margin-left: 40px;
    font-weight: bold;
    color: #a92a55;
    text-align: left;
}

#Items dd {
    margin-left: 40px;
    text-align: left;
    color: #333;
    clear: both;
    margin-bottom: 20px;
}

#Items input.submit {
    margin-right: 10px;
    /*margin-left: 10px;*/
}

#Items input.deleteItem {
    border: 1px solid #763c31;
    padding: 5px;
    background-color: #95635a;
    border-radius: 5px;
    color: #e5d8d6;
}

#Items label {
    font-weight: normal;
    color: #666;
}

#Items strong {
    /*font-weight: normal;*/
    font-weight: bold;
    /*color: #333;*/
}

#Items span.hide {
    display: none;
}

#Items a, #Items a:visited {
    color: #666;
    font-weight: bold;
}

#Items a.currentSort {
    text-decoration: underline; 
}

#Items p.small {
    font-size: 90%;
}

#Items h4 {
    color: #a92a55;
    padding-top: 30px;
    margin-left: 40px;
}

#Items h4.first {
    padding-top: 2.5em;
}

#Items span.bgColor {
    color: #fff;
}

#submit {
    clear: both;
    margin-top: 10px;
}

#Show {
    clear: both;
    color: #333;
    min-height: 300px;
    /*background-color: #ccc;*/
}

#Show h2 {
    padding-top: 0;
    color: #f63;/*#a92a55;*/
    margin-left: 20px;
    font-size: 120%;
}

#Show h3 {
    padding-top: 50px;
    color: #f90;/*#f03c79;*/
    margin-left: 20px;
    font-size: 120%;
    clear: both;
    width: 700px;
}

#Show p {
    margin-left: 20px;
    margin-bottom: 10px;
}

#Show h4 {
    margin-top: 30px;
    color: #f03c79;
    margin-left: 20px;
}

#Show ol {
    float: left;
    margin-bottom: 40px;
    margin-top: 20px;
}

#Show li {
    margin-left: 40px;
}

#Show a {
    color: #043c6b;
}

#Show a:visited {
    color: #0b5fa5;
}

#Show p.row {
    height: 4em;
    width: 740px;
    border-bottom: 1px dotted #f26d93;
    font-size: 90%;
}

#Show span.column {
    display: block;
    float: left;
    width: 22%;
    padding-left: 5px;
    margin-top: 5px;
}

#Show span.firstColumn {
    clear: both;
    display: block;
    float: left;
    width: 30%;
    padding-left: 5px;
    margin-top: 5px;
}

#Show th.number, #Show td.number {
    width: 1%;
    text-align: right;
}

#imgMap p {
    /*width: 160px;*/
    height: 180px;
    display: inline;
    float: left;
    text-align: center;
    /*border: 1px #ccc solid;*/
    margin-right: 10px;
    margin-left: 20px;
    padding: 0;
}

#Show img.icon {
    max-width: 150px;
    max-height: 150px;
    vertical-align: text-top;
    /*margin-right: 5px;*/
    border: 0;
    float: left;
}

#totalItems p.total {
    color: #f03c79;
    font-weight: bold;
}

#totalItems p.itemsList {
    margin-top: 1px;
    padding-top: 0;
    line-height: 100%;
}

#totalItems a.itemsList {
    color: #f26d93;
}

#totalItems a:before {
    content: "- ";
}

#totalItems a.itemsList:visited {
    color: #f26d93;
}

#totalItems a.itemsList:hover {
    color: #e1004c;
    text-decoration: none;
}

/*
#imgTable {
    width: 80px;
    height: 80px;
    text-align: center;
    overflow: hidden;
    background-color: #f0f0f0;
}*/

#imgTable img {
    max-width: 150px;
    max-height: 80px;
    float: left;
    border: 1px solid #666;
}

#imgMap img {
    max-width: 150px;
    max-height: 150px;
    /*vertical-align: text-top;*/
    float: left;
    border: 1px solid #666;
}

#imgMap label {
    width: 160px;
    float: left;
    font-weight: normal;
    font-size: 90%;
    text-align: left;
    clear: both;
    /*display: none;*/
}

#Show table {
    margin-left: 20px;
    width: 900px;
}

#Show a.currentCol {
    background-image: url("../img/icons/bullet_arrow_down.png");
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding-left: 15px;
}

#Show a.currentCol, #Show a.col, #Show a.currentCol:visited, #Show a.col:visited {
    color: #f03c79;/*#a92a55;*/
}

.margin40 {
    margin-left: 40px;
}

strong.versal {
    font-variant: small-caps;
}

h4.itemForm {
    margin-left: 40px;
}

#itemForm {
    clear: both;
    /*background-color: #ccc;*/
}

#itemForm h5 {
    color: #a90039;
    margin-top: 60px;
    margin-bottom: 0;
    margin-left: 40px;
    text-align: left;
    font-size: 120%;
}

#itemForm strong {
    font-weight: normal;
    margin-right: 10px;
}

#itemForm dl {
}

#itemForm dt {
    width: 342px;
    display: block;
    float: left;
    text-align: right;
    margin: 0 0 10px -2em;
    font-weight: normal;
    color: #333;
    /*background-color: #ccf;*/
}

#itemForm dd {
    text-align: left;
    display: block;
    margin: 0 0 10px 330px;
    color: #333;
    width: 400px;
    /*background-color: #ccc;*/
}

#Items input.submitUpdate {
    background-color: #e60042;
    color: #fff;
    padding: 5px;
    margin-top: 50px;
    border: 0;
}

#Items span {
    display: none;
}

#Header input.submit, #Show input.submit {
    background-color: #00ae68;
    color: #fff;
    border: 1px solid #21825b;
    margin-top: 20px;
}

#Items input.addAttr {
    margin-top: 30px;
    margin-right: 10px;
    border: 1px solid #e1004c;
    color: #fff;
    background-color: #f03c79;
    /*font-weight: bold;*/
}

#Show input.submitInline {
    background-color: #00ae68;
    color: #fff;
    border: 1px solid #21825b;
    margin-top: 0;
    margin-left: 10px;
}

#Show input.reset {
    background-color: #36d695;
    color: #fff;
    border: 1px solid #00ae68;
    margin-left: 10px;
    margin-top: 20px;
}

iframe {
    width: 100%;
    /*height: 100%;*/
    border: 0;
    padding: 0;
    margin: 0;
	margin-bottom: 20px;
}

#ItemAdd {
    /*background-color: #fff;*/
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    z-index: 3;
}

#Search {
    position: absolute;
    top: 6px;
    /*float: left;*/
    width: 200px;
    right: 30px;
    text-align: left;
    background-color: #f0f0f0;
    border: 1px #e0e0e0 solid;
    padding: 0;
    height: 33px;
    z-index: 1;
    border-radius: 5px;
}

#Search span {
    display: none;
}

#Search input {
    /*position: absolute;
    top: 1px;*/
    font-family: Tahoma;
    font-size: 11pt;
    line-height: 100%;
    border: 0;
    background-color: #f0f0f0;
    color: #555;
    float: left;
    width: 165px;
    margin-left: 5px;
    margin-top: 2px;
    height: 25px;
}

#Search button{
    width: 17px;
    height: 16px;
    margin-top: 10px;
    padding: 0;
    border: 0;
    background: url(../img/icons/magnifier.png);
    cursor: pointer;
    margin-left: 5px;
}

#SearchF {
    width: 350px;
    text-align: left;
    height: 33px;
    margin: 15px 0;
    padding: 0;
    background-color: #f0f0f0;
}

#SearchF input {
    border: 0;
    background-color: #f0f0f0;
    color: #555;
    float: left;
    width: 300px;
    margin-left: 10px;
    margin-top: 4px;
    height: 25px;
}

#SearchF span {
    display: none;
}

#SearchF button{
    width: 19px;
    height: 25px;
    padding: 0;
    border: 0;
    background: url(../img/icons/magnifier.png) 5px 8px no-repeat;
    cursor: pointer;
}