a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    border: 0 none;
    margin: 0;
    padding: 0;    
}

body {
    font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
    color: #000000;
    background: url(../../background.png) top left repeat;
    background-attachment: fixed;
}

/* relative sizes */
body {
    font-size: small;
}
h1 {
    font-size: 150%;
}
h2 {
    font-size: 135%;
}
h3 {
    font-size: 125%;
}
li {
    margin: 0.5em 0em 0.5em 1em;    
}
ol li {
    list-style-position: inside;
}

a {
    color: #002D99;
}

a:visited {
    color: #000F33;
}

a:hover {
    color: #FF0000;
}

a.dark_background {
    color: #CBDBFF;
}
a.dark_background:visited {
    color: #80A5FF;
}
a.dark_background:hover {
    color: #ff8880;
}

#topbar_breadcrumbs {
    background: url(../../breadcrumbbar.gif) top repeat-x;
    font-size: 90%;
    height: 1.6em;
}

#topbar_logo {
    background: #140050;
    padding: 0;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin-top: 10px;
}

.logotext {
    color: #FFFFFF;
    font-size: 250%;
}

#logo_bar_placement {
    width: 100%;
    border-collapse: collapse;
}

#logotext_cell {
    text-align: left;
}

.logotext a:link, .logotext a:visited, .logotext a:hover, .logotext a:active  {
    text-decoration: none;
    color: #FFFFFF;
}

.horiz {
    display: inline;
}

.card {
    float: left;
    background: #FFFFFF;
    margin: 0.3em;
    border-top: 5px solid #140050;
    border-left: 1px solid #140050;
    border-right: 1px solid #140050;
    border-bottom: 1px solid #140050;
    padding: 0;
    cursor: move;
}

.card_side, .card_side ul li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

.card_side ul {
    padding: 0;
    margin: 0;
}

.card_side {
    float: left;
    margin: 0.5em;
    border: 1px solid #140050;
    width: 47%;
    background: #FFFFFF;
}

#after_cards {
    clear: both;
    padding-top: 0.5em;
}

#all_card_sides {
    margin: 0;
    padding: 0;
    clear: both;
}

.linetext, .first_linetext {
    font-family: Georgia, serif;
    text-align: center;
    margin-bottom: 0.5em;
    list-style-position: outside;
}
.first_linetext {
    font-size: xx-large;
    font-weight: bold;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}
.linetext {
    padding-left: 0.5em;
    font-size: large;
}

.side_name {
    color: #FFF;
    background: #140050;
    list-style-position: outside;
}

.line_name {
    font-style: italic;
    margin-top: 0;
    padding-left: 0.25em;
    border-top: 1px #140050 solid;
    list-style-position: outside;
}

.cardlines {
    list-style: none;
    list-style-position: outside;
    padding: 0;
    margin: 0;
}

ul.cardlines li {
    margin: 0;
}

#sortable_cards {
    list-style-position: inside; 
    cursor: pointer;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 90%;
}

.breadcrumbs {
    list-style: none;
    padding: 2px 0px 0px 5px;
    margin: 0;
}

.breadcrumbs li.nosep {
    display: inline;
    background: none;
    padding: 0;
    margin: 0;
}

.breadcrumbs li {
    display: inline;
    background: url(../../sep.gif) right no-repeat;
    padding: 0px 20px 0px 0px;
    margin: 0;
}

.breadcrumbs li a {
    margin: 0;
    padding: 0;
}

.submitbutton, .linkasbutton {
    border: 0;
    background: #A6C0FF;  
    font-size: small;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin: 3px;
    font-weight: normal;
    color: #001A57;
}

.linkasbutton {
    text-decoration: none;
    color: #001A57;
    padding-top: 0;
    padding-bottom: 0.16em;
}

.linkasbutton:visited {
    color: #001A57;
}

.submitbutton:hover, .linkasbutton:hover {
    border: 0;
    background: #4079FF;  
    cursor: pointer;
    text-decoration: none;
    color: #FFF;
}

ul.bigbuttonlist {
    padding: 0;
    text-align: center;
    margin: 1.5em auto 1.5em auto;
}

ul.bigbuttonlist li {
    font-size: large;
    display: block;
    margin: 0.2em 0em 0.8em 0em;
    padding: 0;    
    list-style-type: none;
}

ul.bigbuttonlist form {
    display: inline;
}

ul.bigbuttonlist li form input {
    font-weight: bold;
}

ul.bigbuttonlist a {
    text-transform: uppercase;
    background: #A6C0FF;
    color: #001A57;
    text-decoration: none;
    text-align: center;
    padding: 0.2em 1em 0.2em 1em;
    border: 0;
}

ul.bigbuttonlist a:hover {
    background: #4079FF;
    color: #FFF;
    border: 0;
}

.bigsubmitbutton {
    padding: 0.2em 1em 0.2em 1em;
    text-transform: uppercase;
    background: #A6C0FF;
    color: #001A57;
    text-align: center;
    font-size: large;
    border: 0;
}

.bigsubmitbutton:hover {
    background: #4079FF;
    color: #FFF;
    border: 0;
}

.categories li {
    margin-bottom: 1em;
    list-style: none;
}

.cardpack_actions {
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

.cardpack_actions li {
    display: inline;
}

.footer_list, .edit_card_actions {
    list-style: none;
    list-style-position: outside;
}

.footer_list li {
    margin: 0;
}

.footer_list li.nosep, .edit_card_actions li.nosep {
    display: inline;
    background: none;
    padding-right: 0;
}

.footer_list li.nosep {
    padding-left: 0;
}

.edit_card_actions {
    margin: 0;
    padding: 0em 0.5em 0em 0.5em;
    background: #DDDDDD;
    width: 20em;
}

.footer_list li, .edit_card_actions li {
    display: inline;
    background: url(../../dot.gif) right no-repeat;
    padding-right: 20px;
    padding-left: 0.2em;
}

.edit_card_actions li input {
    padding: 0;
    margin: 0;
}

.edit_linetext {
    font-family: Georgia, serif;
    text-align: center;
    padding: 0.1em 0.2em 0.1em 0.2em;
}

.edit_cardpack_save {
    clear: both;
}


.field_wrapper {
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}

.mnem_form {
    background: url(../../thought_bubbles.gif) right no-repeat;
    width: 19em;
}

.mnem_wq {
    display: none;
}

.field_label {
    font-size: x-small;
    margin-left: 1em;
    display: block;
}

.field_input {
    margin-left: 2em;
    display: block;
}

.loginformfield {
    width: 200px;
}

ul.errorlist, .field_errors {
    display: inline;
    padding: 0;
}

ul.errorlist li {
    list-style: none;
    color: #C00000;
    font-weight: bold;
    display: inline;
    font-size: larger;
}

.comment {
    background-color: #FFD966;
    color: #000000;
}

.comment_wrap {
    padding-bottom: 15px;
    background: url(../../bubble_point.gif) bottom left no-repeat;
    float: clear;
}

.comment_footer {
    height: 60px;
    margin-bottom: 2em;
}

.delete_comment {
    float: right;
}

.comment blockquote {
    margin: 1em;
}

.comment_author {
    font-weight: bold;
}

.article_poster {
    font-size: small;
}

.comment_byline {
    font-size: x-small;
    margin: 0;
    float: left;
}

.comment_byline p, .article_meta p {
    margin-bottom: 3px;
    margin-top: 0px;
    padding-top: 0px;
}

.comment_gravatar, .articleeditor_gravatar, .article_meta {
    float: left;
    padding-right: 5px;
}

.comment_entry textarea {
    width: 95%;
}

.article {
    margin: 0px 0px 10px 0px;
    clear: both;
}

.article_topline {
    margin: 2em 0.5em 2em 0.5em;
}

.article_content p {
    padding-bottom: 0.25em;
}

.article_byline {
    font-size: smaller;
    height: 80px;
}

.archive {
    font-weight: bold;
    margin: 1em;
    text-align: center;
}

.article_years {
    display: inline;
    padding: 0;
    margin-right: 2em;
}

.article_years li {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
}

.article_years li em {
    font-size: larger;
}

.comment_content {
    color: #742230;
}

.mnemonic, .mnemonic_lines_left, .mnemonic_lines_right {
    margin: 0;
    padding: 0;
}

.mnemonic_lines_left li, .mnemonic_lines_right li {
    list-style: none;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin: 0.5em;
    text-align: center;
}

.mnemonic_lines_left {
    float: left;
}

.mnemonic_lines_right {
    float: right;
}

.mnemonic_sides li {
    list-style: none;
}

.mnemonic_sides ul {
    width: 49%;
}

.mnemonic_text_wrapper, div.basis {
    clear: both;
}

.mnemonic_text_wrapper {
    margin: 1em 3em 0em 3em;
    background: #FFE5A6;
    font-size: 150%;
}

.mnemonic_text {
    padding: 0.5em;
    text-align: center;
}

p.mnemonic_text {
    margin: 0;
}

.mnemonic_form_wrapper {
    margin: 0em auto 0em auto;
    width: 96%;
}

.mnemonic_actions {
    list-style: none;
    padding: 0;
    margin: 0em 0em 1em 0em;
}

.mnemonic_actions li {
    display: inline;
    margin-right: 0.5em;
}

.mnemonic_footer {
    margin: 0.5em 0.5em 1em 0.5em;
}

.mnemonic {
    margin-bottom: 0.5em;
    background: #EEEEEE;
}

#all_mnemonics {
    margin-top: 1em;
}

.old_mnemonic_warning {
    margin: 0.5em;
}

.keyword {
    background: #FFE5A6;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 0em;
    width: 9em;
}

.keyword p {
    margin: 0;
}

div.keyword {
    float: left;
}

div.bubbles {
    text-align: left;
}

div.bubbles_middle {
    text-align: center;
}

.sug_keyword {
    padding: 0;
    margin: 0;
    text-align: left;
    background: url(../../small_thought_bubbles.gif) left no-repeat;
}

.sug_keyword a {
    padding: 0.1em 1.0em 0.1em 1.0em;
    margin: 0;
    margin-left: 20px;
    background: #FFE484;
}

.sug_basis {
    text-align: right;
    padding-left: 2em;
    font-size: smaller;
}

.sug_table {
    font-size: 100%;
    margin: 0.5em auto 0.5em auto;
}

.sug_table td {
    height: 1.6em;
}

.sug_title {
    background: #FFC63F;
    padding: 0.5em;
}

.sug_title_text {
    font-size: larger;
    padding: 0.2em;
    margin: 0;
    text-align: center;
}

.custom_sugs_form {
    width: 20em;
    margin: 0 auto 0.5em auto;
}

.rss_feed_link img {
    border: 0;
    padding: 0;
    margin: 0;
}

.datatable {
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.datatable th {
    background: #140050;
    color: #FFE5A7;
    text-align: left;
    padding: 0em 0.2em 0em 0.5em;
    font-size: larger;
}

.datatable td {
    border: 1px solid #BBBBBB;
    padding: 0.2em 0.5em 0.2em 0.5em;
}

.datatable td.cardtext {
    font-family: Georgia, serif;
}

.datatable td.cell_button {
    text-align: center;
    padding: 0.8em;
}

.altrow {
    background: #fff8a8;
}

.priority_0, .priority_1, .priority_2, .priority_3 {
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    margin: 0;
    padding: 0.2em;
}

.priority_0 {
    background: #585858;
}

.priority_1 {
    background: #00C000;
}

.priority_2 {
    background: #E6A100;
}

.priority_3 {
    background: #C00000;
}

#cardpacks_in_use, #dash_score, #resume_test {
    padding-bottom: 1em;
    margin: 0;
}

.zero_cardpacks {
    text-align: left;
}

#dash_score {
    text-align: center;
}

#dash_score_value {
    font-size: 225%;
    font-weight: bold;
}

.help {
    font-size: smaller;
    font-style: italic;
    font-weight: normal;
}

h1 .help {
    font-size: small;
}

.help a {
    font-weight: normal;
}

.help a, a.help {
    cursor: help;    
}

.info {
    color: #583E00;
    font-weight: bold;
}

.alert {
    color: #C00000;
    font-weight: bold;
}

.javascript_warning {
    color: #C00000;
    font-weight: bold;
    font-style: italic;
}

.subjects {
    font-size: large;
}

.subjects dd {
    display: inline;
    margin: 0em 0.5em 0em 0em;
    font-weight: bold;
}

.subjects dt {
    margin-top: 0.5em;
    font-size: small;
}

.subjects dl {
    text-align: center;
}

.cardpack_pagenav {
    text-align: center;
    padding: 0;
    margin: 0;
}

.cardpack_pagenav a {
    padding: 0.25em;
}

.ajaxloader img {
    display: block;
    margin: 0em auto 0em auto;
}

#flot_main_placeholder {
    width:300px;
    height:150px;
    margin: 0 auto 0 auto;
}

a.votelink {
    padding: 0;
    margin: 0;
    color: #FFB300;
    font-weight: bold;
    font-size: small;
    text-decoration: none;
}

a.votelink:visited {
    color: #FFB300;
}

a.votelink:hover {
    cursor: pointer;
    color: #FF0000;
}

.rollover_header {
    background: #b199ff;
    border: 0;
    text-align: center;
    font-size: smaller;
}

.uservote {
    font-size: smaller;
    padding: 0.1em 0.1em 0.1em 1em;
    margin: 0;
    font-weight: bold;
}

.num_votes {
    text-align: right;
    font-size: smaller;
    padding: 0.1em 1em 0.1em 0.1em;
}

.mvp_username {
    font-size: larger;
    color: #8C049D;
    font-weight: bold;
}

.mvp_auth {
    font-size: smaller;
    color: #8C049D;
    font-style: italic;
}

/* CSS hacks for various browsers */

/* simplified box model hack */
* html body {
    font-size: x-small; /* for MSIE5 */
    f\ont-size: small; /* for other MSIEs */
}

/* min-height for IE6 and below */
* html .main_wrapper, .sidebar_wrapper {
    height: 300px;
}


#page {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 780px;
}

#header {
    height: 85px;
    width: 780px;
    background: #140050;
    margin-top: 25px;
    border-left: 4px solid #EEE8FF;
    border-top: 4px solid #EEE8FF;
    border-right: 4px solid #EEE8FF;
}

#logo {
    background: url(../../logo.gif);
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 65px;
    width: 588px;
    z-index: 1000;
}

#auth_bar {
    text-align: left;
    height: 0px;
}

#auth {
    position: relative;
    top: -25px;
    height: 25px;
}

#breadcrumb_bar {
    text-align: left;
    height: 0px;
}

#breadcrumb_wrapper {
    position: relative;
    bottom: -65px;
    height: 20px;
    background: url(../../breadcrumbbar.gif) top left repeat-x;
}

#footer {
    padding: 0;
    clear: both;
    text-align: center;
    font-size: 75%;
    height: 20px;
    margin-bottom: 10px;
}

#content {
    position: relative;
    top: 0px; 
    left: 0px;
    width: 760px;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 0;
    background: #FFFFFF;
    border-left: 4px solid #EEE8FF;
    border-bottom: 4px solid #EEE8FF;
    border-right: 4px solid #EEE8FF;
}

#main_wrapper {
    min-height: 300px;
    float: left;
    display: inline;
    width: 72%;
    margin: 0;
}

#sidebar_wrapper {
    min-height: 300px;
    float: right;
    display: inline;
    width: 200px;
    margin: 0;
}

#top_div, #bottom_div {
    clear: both;
    width: 100%;
}

.box {
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 10px 0px;
    background: #E9E3FF;
}

.orange_star {
    background: #FFECBF url(../../orange-star.gif) top left no-repeat;
    padding: 0px 5px 0px 40px;
}

.orange_excl {
    background: #FFECBF url(../../orange-excl.gif) top left no-repeat;
    padding: 0px 5px 0px 40px;
}

.blue_info {
    background: #E9E3FF url(../../blue-info.gif) top left no-repeat;
    padding: 0px 5px 0px 40px;    
}

.blue_question {
    background: #E9E3FF url(../../blue-question.gif) top left no-repeat;
    padding: 0px 5px 0px 40px;    
}

.box p, .box dl {
    margin: 0.2em;
}

.box dl {
    font-size: smaller;
}

.ad_container {
    margin: 0px auto 10px auto;
}

.mnem_linetype {
    font-size: xx-small;
    text-align: left;
    font-style: italic;
}

.advanced_mnemonic_form {
    display: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0em 0em 0.5em 0em;
}

p {
    margin: 0em 0em 1em 0em;    
}

div.imageblock {
    margin: 0px 5px 10px 5px;
}

div.imageblock p {
    text-align: center;
    margin: 0;
}

.imageblock_description {
    font-size: small;
    font-weight: bold;
    padding: 0.5em;
}

.imageblock_credits {
    font-size: xx-small;
    padding: 0.5em;
    font-style: italic;
}

.image {
    margin: 6px;
    padding: 3px;
    background: #EEE8FF;
    border: 1px solid #D0BFFF;
    position: relative;
}

.image_noborder {
    margin: 6px;
    padding: 4px;
    position: relative;
}

.blog_image_container {
    float: left;
}

.image_caption {
    background: #FFF;
    padding: 0.25em 0em;
    position: absolute;
    /* For Firefox/Opera/Safari/Chrome */
	opacity: .65;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}

.image .image_caption {
    bottom: 3px;
    right: 3px;
}
.image_noborder .image_caption {
    bottom: 4px;
    right: 4px;
}