* {
    font-size: 9pt;
    font-family: Arial,sans-serif;
}

a {
    text-decoration: none;
}

h2 {
    font-size: 1.3em;
}

.clearfix{clear:both;}

.containerLeftUpper, .containerLeftLower {
    background-color:#FFFFFF;
    border: solid 1px #b3b2b2;
    width:45%;
    float:left;
    margin-right:0;
    height:250px;
    overflow: auto;
}

.containerRightUpper, .containerRightLower{
    background-color:#FFFFFF;
    border: solid 1px #b3b2b2;
    float:left;
    width:40%;
    height:250px;
    overflow: auto;
}

#rightUpper, #rightLower {
    height: 249px;
    /*overflow: scroll;*/
}

.containerRightLower {
    margin-top:1%;
}

.containerLeftLower, .containerRightLower {
    margin-top:1%;
}

.leftInfo, .rightInfo {
    min-height:30px;
    float: left;
    padding-top: 10px;
}

.leftInfo {
    width:45%;
}

.rightInfo {
    width:40%;
}

.matrixkeytitle {
    font-weight: bold;
    font-size: 1.1em;
}

.input_element {
    padding: 10px 10px;
}

.itemCount {
    padding-left: 10px;
    font-weight: bold;
    /*font-size: 1.4em;*/
}

.spinner {
    display: none;
    padding: 20px 20px;
}

.actionLink {
    padding-top: 10px;
}
.actionLink a {
    text-decoration: none;
    font-weight: bold;
    color: rgb(176, 0, 0);
}

.description {
    padding:10px;
}

#char_list .ui-selecting, #state_entry .ui-selecting,
   #species_list .ui-selecting, #selected_chars .ui-selecting { background: #C0C0C0; }
#char_list .ui-selected, #state_entry .ui-selected,
    #species_list .ui-selected, #selected_chars .ui-selected { background: #C0C0C0; color: white; }
#char_list, #state_entry, #selected_chars, #species_list { list-style-type: none; margin: 0; padding: 0;}
#char_list li, #state_entry li, #selected_chars li { margin: 3px; padding: 0.4em; min-height: 14px; cursor:pointer;}

#species_list li{ margin: 3px; padding: 0.1em; min-height: 7px; cursor:pointer;}

#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }

.button {
    border: 0 none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0;
    margin-left: 2px;
    padding: 5px 0;
    text-transform: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    width: 100%;
    text-align: center;

}
.button.red {
    background: none repeat scroll 0 0 #e0645c;
    color: white;
}
.button.red:hover {
    color: white;
}
.button.dark {
    background: none repeat scroll 0 0 #444444;
    color: white;
}
.button.dark:hover {
    background: none repeat scroll 0 0 #2db6cf;
    color: white;
}
.button.light {
    background: none repeat scroll 0 0 #999999;
    color: white;
}
.button.light:hover {
    background: none repeat scroll 0 0 #444444;
    color: white;
}
.button.green {
    background: none repeat scroll 0 0 #46b98a;
    color: white;
}
.button.green:hover {
    color: white;
}
.button.blue {
    background: none repeat scroll 0 0 #2db6cf;
    color: white;
}
.button.blue:hover {
    background: none repeat scroll 0 0 #444444;
    color: white;
}