/**
    Various classes pertaining to containers:  dimensions, accents, and colors.
*/


/**
    base container class is used to specify the existence of a border as well as internal padding
*/
/*.container {
    border-width: 1px;
    border-style: solid;
    padding: 1em !important;
}

.container a {
    text-decoration: underline !important;
}

.container a:hover {
    text-decoration: none !important;
    cursor: pointer;
}*/
 
/**
    a variety of color classes, both background and border
*/


.white {
    background-color: #FFFFFF;
    border-color: #ccc;
}

.green {
    background-color: #F2FFE1;
    border-color: #76ca6a;
}

.red {
    border-color: #CC0000;
    background-color: #FFEBE8;
}

.yellow {
    background-color:#FFF6BF;
    border-color: #FFD324;
}

.orange {
    background-color:#FDF4E1;
    border-color: #F2A706;
}

.purple {
    background-color: #E2DDFF;
    border-color: #800080;
}

.blue {
    border-color: #CEDFF2;
    background-color: #EAF2FA;
}

.gray-dark {
    border-color: #CCC;
    background-color: #efefef;
}

.gray-light {
    border-color: #CCC;
    background-color: #f5f5f5;
}

.drop-shadow {
    /*border-width: 1px 2px 2px 1px !important;*/
}

/**
    rounding classes only work in firefox and webkit[safari|chrome] (for now)
*/
.rounded {
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    -border-radius: 0.4em;
}

.rounded-top {
    -moz-border-radius-topleft: 0.3em;
    -moz-border-radius-topright: 0.3em;
    -webkit-border-top-left-radius: 0.3em;
    -webkit-border-top-right-radius: 0.3em;
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
}

.rounded-bottom {
    -moz-border-radius-bottomleft: 0.3em;
    -moz-border-radius-bottomright: 0.3em;
    -webkit-border-bottom-left-radius: 0.3em;
    -webkit-border-bottom-right-radius: 0.3em;
    border-bottom-left-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
}

.shadow {
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}


/**
    various prefab widths.
    note that the number in the class name is always greater than the _actual_width because we need to allow
    for margins, IE bugs, etc.
*/

.width-25 {
    width:23% !important;
    margin-right:1%;
}

.width-50 {
    width: 47% !important;
    margin-right:1%;
}

.width-75 {
    width: 73% !important;
    margin-right:1%;
}

.width-33 {
    width: 31% !important;
    margin-right:1%;
}

.width-66 {
    width: 64% !important;
    margin-right: 1%;
}

.width-43 {
    width: 40% !important;
    margin-right: 1%;
}