*{
font-family: Helvetica;
}

.navigation ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.navigation ul li {
float: left;
}

.navigation ul li a{
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;

}

.navigation ul li:active a{
font-style: italic;

}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.container{
padding: 0px 8px;


}
.library_table a{
  text-decoration: none;
  color: black;
}

.library_table .title_col{
  font-size: 17px;
}

.library_table .author_col{
  font-size: 12px;
}

.library_table li{
list-style-type: none;

}

.library_table tr:nth-child(even){
background-color: #F8F8F8;
}

.header input{
height:40px;
width: 500px;
font-size: 30px;
font-weight: bold;
}

.author input{
height:20px;
width: 500px;
font-size: 16px;
}


.footer{
  width: 100%;
  font-family:'Courier New';
  font-weight:100;
  font-size:12px;
}

.footer pre{
  width: 60px;
  margin:0 auto;
font-family:'Courier New';
}
.footer p{
  width: 30%;
    margin:0 auto;
    text-align: center;
font-family:'Courier New';

}

.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}
#draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }