/* dfBlog Custom Styles
***************************************************************************** */

/* Define your custom styles here */
<style type="text/css">
/* rounded corners */

/* it is essential that you define a height and width for both quickFlip and quickFlipPanel */
.menu {
    color: #FFFFCC;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    border-right: 1px solid white;
    text-decoration: none;
    background-color: #0000FF;
    padding: 8px;
}

.menu:hover {
	background-color: #0000FF;
	color: #FFFFFF;
}

.toolbar {
    background-color: #0000FF;
    padding: 10px 0px 10px 0px;
}

.leftnav {
	color: #CCCCCC;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	border-right: 0px solid;
	text-decoration: underline;
	padding: 8px;
	margin-top: 5px;
	height: 300px;
	width: 150px;
	vertical-align:top;
	text-align: left;
}

.quickFlip, .quickFlipPanel {
    height: 355px;
    width: 600px;
}


/* the rest of this is irrelevent */

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

.quickFlip {
    clear: both;
}

.quickFlipPanel {
    text-align: center;
    background-image:url('/wp-content/themes/corp/images/bg_flashcard2.png');
    font-size:12px;

}

.redPanel {
    background-color: red;
    border: 0px solid black;
}

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

.questionPanel {
    background-color: white;
    color: black;
    border: 0px solid black;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: normal;
}

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

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

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

.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:400px;
        top:275px;
}

.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:120px;
        top:275px;
}


.qa {
 	text-align: center;
	font-size:25px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
        position:absolute;
        right:250px;
        top:10px;
}

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

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

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

/* Web 2.0 Colors */

.rubyRed {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;
       color: #B02B2C;
       font-weight: bold;
/* 176, 43, 44 */
}

.etsyVermillion {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;
       color: #D15600;
       font-weight: bold;
/* 209, 86, 0 */
}

.gold {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;
       color: #C79810;
       font-weight: bold;
}

.olive {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;       
       color: #73880A;
       font-weight: bold;
}

.green {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;
       color: #6BBA70;
       font-weight: bold;
}

.mozillaBlue {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;
       color: #3F4C6B;
       font-weight: bold;
}

.diggBlue {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;
       color: #356AA0;
       font-weight: bold;
/* RGB 53,106,160 */
}

.fmCrimson {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;
       color: #D01F3C;
       font-weight: bold;
} 

.silver {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;
       color: #EEEEEE;
       font-weight: bold;
} 
 
.magnolia {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;
       color: #F9F7ED;
       font-weight: bold;
}  

.yellow {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFF88;
       font-weight: bold;
} 

.mint {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;
       color: #CDEB8B;
       font-weight: bold;
} 
 
.gmailBlue {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;
       color: #C3D9FF;
       font-weight: bold;
}
 
.grey {
       font-size:20px;
       font-family: Arial, Helvetica, sans-serif;
       color: #36393D;
       font-weight: bold;
}

.correct {
       background-color:#090;
}
.incorrect {
       background-color:#F00;
}

.skipped {
       background-color:#C3D9FF;
}
/* 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;} 
}

/* it is essential that you define a height and width for both quickFlip and quickFlipPanel */
.quickFlip, .quickFlipPanel {
	height: 420px;
	width: 581px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

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

.quickFlipPanel {
	text-align: center;
<!---	/*background-image:url('/wp-content/themes/corp/images/bg_flashcard2.png'); */ --->
	border: 3px solid #444;
}

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

.cardTitle {
	font-size: 24px;
	line-height: 10px;
	font-weight: bold;
	margin: 10px 170px;
}

.stateButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	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 26px;
}
.correctButton {
	background-color: #090;
	padding: 8px 31px;
}
.quickFlipCta {
        background-color: #369;
	padding: 8px 31px;
}

.counter {
	text-align: right;
	font-size: 12px;
}
.cardBody {
	width: 100%;
}
.cardBody td {
	height: 310px;
	vertical-align: middle;
}
.cardBody div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        text-decoration: none;
        font-weight: normal;
	line-height: 1.1em;
	margin: 0px 5px 25px 5px;
}