/* QuickFlip jQuery Plugin
 * Author  :   Jon Raasch 
 * Website :   http://jonraasch.com/blog/quickflip-jquery-plugin
 * Contact :   jr@jonraasch.com
 * Version :   0.1
 * 
 * Copyright (c)2008 Jon Raasch. All rights reserved.
 * Released under FreeBSD License, see readme.txt
 * Do not remove the above copyright notice or text
 * 
 *
 *
 * Take care not to overwrite any of the styles in this sheet
 * 
 * You must set a height and width for .quickFlip and .quickFlipPanel.  You can 
 * use additional class names on .quickFlipPanel, but don't attach an ID or  
 * inline style.  These can be attached to .quickFlip or anything within 
 * .quickFlipPanel.
 *
 */

.quickFlip {
    position:relative;
}

.quickFlip .quickFlipPanel {
    position:absolute;
    top:50;
    left:50;
    margin:50!important;
    padding:50!important;
}

.flipColLeft, .flipColRight {
    position:absolute;
    top:0;
    overflow:hidden;
    margin:50!important;
    padding:0!important;
}

.flipColRight .quickFlipPanel {
    right:0;
    left:auto;
}

.quickFlip, .quickFlipPanel {
	height: 300px;
	width: 500px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}


/* the rest of this is irrelevent */

/* H1, H2 {
    float: left;
    padding-right: 15px;
    line-height: 32px;
} */

.quickFlip {
    clear: both;
}

.quickFlipPanel {
    background-image:url('http://thecriticalpath.info/wp-content/uploads/2010/06/bg_flashcard3.png');
    border: 1px solid #444;

}

.answerPanel {
    background-color: white;
	color: black;
    border: 1px solid black;
}

.questionPanel {
    background-color: white;
    color: black;
    border: 1px solid black;
}

.backButton {
	background-color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	background-position: center top;
	border: solid;
	font-weight: bold;
        padding-top:5px;
        padding-bottom:5px;
        padding-right:5px;
        padding-left:5px;
	border: 1px solid black;
	text-align: center;
        margin-top: 5px;
        margin-right: 5px;
        position:absolute;
        left:20px;
        top:10px;
}

.skipButton {
	background-color:#C3D9FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	background-position: center top;
	border: solid;
	font-weight: bold;
        padding-top:5px;
        padding-bottom:5px;
        padding-right:5px;
        padding-left:5px;
	border: 1px solid black;
	text-align: center;
        margin-top: 5px;
        margin-right: 5px;
        position:absolute;
        right:20px;
        top:10px;
}

.CardNum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	background-position: center top;
	font-weight: normal;
        margin-top: 5px;
        margin-right: 5px;
        position:relative;
        right:20px;
        top:20px;
}

.incorrectButton {
	background-color:#D01F3C;;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	border: solid;
	font-weight: bold;
	padding-top:10px;
        padding-bottom:10px;
        padding-right:30px;
        padding-left:30px;
	border: 1px solid black;
        position:absolute;
        right: 332px;
        top: 250px;
}

.correctButton {
	background-color:#6BBA70;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	border: solid;
	font-weight: bold;
	padding-top:10px;
        padding-bottom:10px;
        padding-right:30px;
        padding-left:30px;
	border: 1px solid black;
        position:absolute;
        right:45px;
        top:250px;
}


.qa {
 	text-align: center;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
        position:absolute;
        right:150px;
        top:20px;
}

.qaText {
        margin-top: 20px;
        margin-right: 10px;
        padding-left:10px;	
        text-align: center;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
        position:absolute;
        right:0px;
        top:20px;
}

.aText {
        margin-top: 20px;
        margin-right: 20px;	
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
        position:absolute;
        right:150px;
        top:0px;
}

.aSourceText {
       	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FF0000;
	font-weight: normal;
        position:absolute;
        right:325px;
        top:210px;
}


/* right side of header */
.btn_signup {
       a:link {background-image:url('/wp-content/themes/dfblog/images/btn_sign_up_free.png')}      
       a:visited {background-image:url('/wp-content/themes/dfblog/images/btn_sign_up_free.png')}
       a:hover {background-image:url('/wp-content/themes/dfblog/images/btn_sign_up_free_mo.png')}
       a:active {background-image:url('/wp-content/themes/dfblog/images/btn_sign_up_free.png')}
}

.txt_login {
       vertical-align:center
       a:link {font-size:20px, color:#356AA0, font-weight:bold;}      
       a:visited {font-size:20px, color:#356AA0, font-weight:bold;} 
       a:hover {font-size:20px, color:#356AA0, font-weight:bold;} 
       a:active {font-size:20px, color:#356AA0, font-weight:bold;} 
}


/* the rest of this is irrelevent */
.quickFlip {
	clear: both;
	margin-left: 12px;
}
.quickFlip a:link,.quickFlip a:visited,.quickFlip a:hover,.quickFlip a:active {
	color: white;
}


.answerPanel, .questionPanel {
	aaabackground-color: white;
	aaacolor: black;
}

.cardTitle {
	font-size: 20px;
	line-height: 10px;
	font-weight: bold;
	margin: 0px 200px;
}

.stateButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	border: solid;
	font-weight: bold;
	border: 1px solid black;
	-moz-border-radius: 8px;
}
.skipButton {
	background-color: silver;
	padding: 6px 10px;
}
.incorrectButton {
	background-color: #F00;
	padding: 8px 10px;
}
.correctButton {
	background-color: #090;
	padding: 8px 20px;
}
.quickFlipCta {
        background-color: #369;
	padding: 8px 20px;
        position:absolute;
        right:175px;
        top:250px;
        text-decoration: none;
	color: #FFFFFF;
}

.counter {
	text-align: right;
	font-size: 12px;
}
.cardBody {
	width: 100%;
}
.cardBody td {
	height: 250px;
	vertical-align: middle;
}
.cardBody div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
	line-height: 1.1em;
	margin: 0px 5px 36px 5px;
}

/* Progress */
.entry {
	padding: 0 20px 16px;
}
h1.header {
	padding: 0 20px 10px;
	font-family:Geneva,Helvetica,Verdana,Arial,sans-serif;
	font-size: 17pt;
	color: #BE261E;
	font-weight: normal;
}
.progress_legend {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
	width: 300px;
}
.progress_legend tr td {
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 0 0 1px;
	padding: 4px 10px;
}
.correct { background-color:#090; }
.incorrect { background-color:#F00; }
.skip { background-color:#C3D9FF; }
.progress_category_title {
	font-size: 15px;
	font-weight: bold;
	color: #BE261E;
	margin-top: 6px;
}
ul.progress_list {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
ul.progress_list li {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #DDD;
	float: left;
}