/**
 * styles.css
 *
 * Computer Science 50
 * Problem Set 7
 *
 * Global CSS.
 */

.container
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#main
{
    padding: 20px;
}

#top:
{
    width: 100%;
}

#announcement
{
    padding: 17px;
}

#bottom
{
    /* shrink bottom's font size */
    font-size: smaller;

    /* surround with whitespace */
    margin: 20px;

    /* center contents */
    text-align: center;
}

#resultstable, #categories, #searchform
{
    padding: 10px;
}

#lineitemdetails
{
    width: 60%;
    margin-left: 20px;
    padding: 10px;
    float: left;
}

#savedsearches
{
    width: 40%;
    margin-left: 20px;
    padding: 10px;
    float: left;
}

#addsearches
{
    width: 45%;
    margin-left: 15px;
    padding: 10px;
    float: left;
}

#tags, #notes
{
    width: 35%;
    float: left;
    padding: 10px;
}

#addtags, #existingtags
{
    width: 100%;
    float: left;
}

#addtags
{
    padding-top: 10px;
}

#taginput
{
    width: 80%;
    height: 22px;
}

#noteinput
{
    width: 80%;
    height: 88px;
    text-align: top;
}

#breadcrumbs
{
    margin-left: 17px;
    width: 100%;
    float: left;
}

#title
{
    padding: 10px;
    margin-top: -30px;
}

#savebutton
{
    width: 25px;
    padding: 10px;
    margin-top: 15px;
    float: left;
}

.smallcolumn
{
    width: 30px;
    text-align: center;
}

.basicform
{
    padding: 17px;
}

.usertag
{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background: #000; /* fallback for browsers that don't understand rgba */
  border: #solid 10px #000; /* fallback for browsers that don't understand rgba */
  background-color: rgba(0,0,0,0.8); /* slighly transparent white */
  border-color: solid 10px rgba(0,0,0,0.2); /*Very transparent black*/
  color: #fff;
  height: 22px;
  padding: 1px 7px 3px 7px;
  margin: 5px;
  float: left;
}


#graph
{
    margin-left: 20px;
    width: 600px;
    padding: 10px;
    float: left;

}

#myChart
{  
    width: 650px;
    height: 400px;
}