/* 
    Document   : flashcards.css
    Created on : Mar 24, 2009, 2:16:15 PM
    Author     : Anthony Leung
    Description:
        Styles for Flash Card page.
*/
/*.clear { clear: both; }
.left { float: left; }
.right { float: right; }


h1{ margin-top: 0; }

#content_container{
    padding: 10px;
    padding-top: 0px;
}
*/

#cardTop, #cardBottom { position: auto; font-size:.75em; margin:5px 0px 5px 0; }
#cardTop #desc { color: #0055CE; font-weight: bold; }
#cardTop .links, #cardBottom .links { font-size: 1em;}
.links img{ vertical-align: bottom; }
#cardTop .next, #cardBottom .next {  right: 0; top: 0;}
#cardTop .previous, #cardBottom .previous { font-size:1em; left: 0; top: 0;}


#card {
    position: relative;
    height: 300px;
    background: url('/img/gradientBg.jpg') no-repeat;
    /*border: .5px black solid;*/
    padding: 10px;
    /*overflow: auto;*/
}
#card .card_note{ text-align: center; font-size: 0.85em; color: orange; }
#card:hover {
    cursor: pointer; 
}
#card #card_header { color: #FFFFFF; position: absolute; left: 10px; top: 10px; }
#card {list-style: none;}

.card_qa {  color: #FFFFFF; font-weight: bold; font-size: 16px;  padding: 10px 20px;}
.card_qa .q { color: orange;  }
.card_question{ align: center; padding: 40px 0px 40px 120px; }

.card_answer { color: #FFFFFF; font-size: 14px; text-align: left; list-style: none; padding: 40px 0px 40px 60px;}
.card_answer ul { list-style: none;  }

#answer_tab {list-style: none;}
#table_card { width: 100%;  }
#tableq { width:600px; valign: center; align: center;}


#nav_topic { color: #0055CE; font-size: .75em; margin: 10px 0; }
.nav_page { margin: 10px 0; }

#questions  {margin:20px 0 20px 0; }
#questions dl { margin: 0; }
#questions ul {margin: 0; }
#questions ul li {font-size:0.7em; color: #0055CE; cursor: pointer; margin-bottom:0px; margin-left:0px; list-style-image:none; }
#questions dd a { color: #0055CE;  text-decoration: none; }
#questions dd a:hover { text-decoration: underline; }
#questions dt, #questions dd {line-height: 16px; font-size:.7em; cursor: pointer; }
#questions dt{ float: left;  width: 60px; text-align: right; }
#questions dt.selected, #questions dd.selected { color: #074285; font-weight: bold;}
#questions dd{  margin-left: 65px; }