/*
Visualization of A(2)
http://www.nilesjohnson.net/Aof2/

A web application using Raphael.js to organize A(2) and show 
it's structure by the coset decomposition A(2)//A(1)

Version 1.0

Copyright 2013 Robert Bruner and Niles Johnson
Licensed under GNU General Public License version 3 or later.
See README.txt

This file sets style info for the application
*/

body {
    margin: 5px;
    padding: 5px;
    font-family: sans-serif;
    line-height: 150%;
    
}
#title {
    margin-bottom: 0;
}
#authors {
    margin-top: 10px;
}
p {
    margin: 1pc 10px;
}

#canvas_container, 
body {  
    width: 900px;  
}
#canvas_container {
    border: 0px solid #aaa;
    float: left;
}
#instructions,
#explanation {
    clear: both;
}

.info p {
    display: none;
    margin: 5px;
    padding: 0px;
    width: auto;
    max-width: 250px;
    line-height: 170%;
}

div.options {
    position: absolute;
    left: 536px;
    width: 380px;
}


.options li a {
    text-decoration: none;
    color: #000;
    display: block;
    border: 1px solid #888;
    margin: 0px;
    padding: 5px 10px;
}

.options li a:hover {
    border-color: #000;
}
.options li.selected {
    background-color: #9dcbff;
}

.options li {
    list-style-type: none;
    list-style-position: outside;
    margin-bottom: 3px;
    background: #fff;
}
.options ul {
    padding: 0;
    margin: 0;
}
.options > ul > li {
    float:left;
    margin: 10px;
}