body{margin:0;}
form{margin:0;}
.holder{
	width:100%;
	overflow:hidden;
}
#content-area{
	width:810px;
	padding:10px 25px 26px;
	background:#fff;
	overflow:hidden;
        position:relative;
}
div.single_col {padding: 0px;} /* natalie */
.box-holder{
	width:210px;
	float:left;
	margin:28px 0 0;
	font:bold 12px/16px Verdana, Geneva, Arial, sans-serif;
}
#content-area .inactive{
	color:#e6e6e6;
	margin:0 0 18px;
}
#content-area .inactive{background:url(/image/flashcard/box-inactive-mid.gif) repeat-y;}
#content-area .inactive .box{background:url(/image/flashcard/box-inactive-top.gif) no-repeat;}
#content-area .inactive .box-inner{
	background:url(/image/flashcard/box-inactive-btm.gif) no-repeat 0 100%;
	padding-bottom:10px;
}
#deck.inactive strong{background:url(/image/flashcard/deck-inactive.gif) no-repeat;}
#done.inactive strong{background:url(/image/flashcard/done-inactive.gif) no-repeat;}
#study-now.inactive strong{background:url(/image/flashcard/study-now-inactive.gif) no-repeat;}
#deck,
#add-set,
#done,
#study-now{
	background:url(/image/flashcard/bg-deck-mid.gif) repeat-y;
	display:block;
	height:1%;
	color:#fff;
	text-decoration:none;
	margin:0 0 9px;
}
#add-set,
#done{background:url(/image/flashcard/bg-add-mid.gif) repeat-y;}
#study-now{background:url(/image/flashcard/bg-study-now-mid.gif) repeat-y;}
#deck .box,
#add-set .box,
#done .box,
#study-now .box{
	background:url(/image/flashcard/bg-deck-top.gif) no-repeat;
	width:100%;
	display:block;
	cursor:pointer;

}
#add-set .box,
#done .box{background:url(/image/flashcard/bg-add-top.gif) no-repeat;}
#study-now .box{background:url(/image/flashcard/bg-study-now-top.gif) no-repeat;}
#deck .box-inner,
#add-set .box-inner,
#done .box-inner,
#study-now .box-inner{
	background:url(/image/flashcard/bg-deck-btm.gif) no-repeat 0 100%;
	padding:15px 20px 18px 24px;
	display:block;
	height:1%;
}
#add-set .box-inner,
#done .box-inner{background:url(/image/flashcard/bg-add-btm.gif) no-repeat 0 100%;}
#study-now .box-inner{background:url(/image/flashcard/bg-study-now-btm.gif) no-repeat 0 100%;}
#deck strong,
#add-set strong,
#done strong,
#study-now strong{
	margin:0 0 12px;
	display:block;
	background:url(/image/flashcard/bg-deck-title.gif) no-repeat;
	height:28px;
	text-indent:-9999px;
}
#add-set strong{background:url(/image/flashcard/bg-addset-title.gif) no-repeat;}
#done strong{background:url(/image/flashcard/bg-done-title.gif) no-repeat;}
#study-now strong{background:url(/image/flashcard/bg-study-now-title.gif) no-repeat;}
#spanish #deck strong,
#spanish #add-set strong,
#spanish #study-now strong{background-position:0 -28px;}
#deck .box-inner span,
#add-set .box-inner span,
#done .box-inner span,
#study-now .box-inner span{
        letter-spacing:-1px;
        font-weight:bold;
}
.box-holder .description{
	margin:0;
	padding:0 4px;
	list-style:none;
	color:#777777;
	font-size:14px;
	line-height:18px;
	letter-spacing:-1px;
}

.box-holder .description_0-5{
	margin:0;
	padding:0 4px;
	list-style:none;
	color:#777777;
	font-size:14px;
	line-height:18px;
	letter-spacing:-1px;
}
.box-holder .description img{vertical-align:text-bottom;}
.box-holder .description li{
	background:url(/image/flashcard/bullet1.gif) no-repeat 5px 14px;
	padding:6px 0 14px 17px;
}
#card-area, #sets-holder{
	width:577px;
	float:right;
	position:relative;
	background:url(/image/flashcard/bg-card-area-mid.gif) repeat-y;
}
#sets-holder{background:url(/image/flashcard/bg-sets-mid.gif) repeat-y;}
#content-area .content-holder #sets-holder{float:none;}
#content-area .content-holder{
	width:577px;
	float:right;
}
#content-area .content-holder .sets-box{
	background:url(/image/flashcard/sets-box-top.gif) no-repeat;
	width:100%;
	overflow:hidden;
}
#content-area .content-holder .text-holder{
        height:1%;
        padding:21px 27px 0;
}
#content-area .content-holder .text-holder p{
        color:#1b75bb;
        font:bold 11px/14px Arial, Helvetica, sans-serif;
        margin:5px 0 10px;
}
#content-area .content-holder .my-deck{
        background:url(/image/flashcard/my-deck-title.gif) no-repeat;
        height:32px;
        margin:0;
        text-indent:-9999px;
}
#spanish #content-area .content-holder .my-deck{background-position:0 -32px;}
.disabled { /* natalie */
	opacity: .4;
	filter: alpha(opacity=40);
	zoom: 1;
}
#card-area .card-holder{
	background:url(/image/flashcard/bg-card-area-top.jpg) no-repeat;
	width:100%;
	overflow:hidden;
}
#card-area .card{
	background:url(/image/flashcard/bg-card-area-btm.jpg) no-repeat 0 100%;
	width:100%;
	padding:0 0 123px;
	position:relative;
	min-height:307px;
}
* html #card-area .card{height:307px;}
#card-area .card-title{
	text-transform:uppercase;
	color:#fff;
	font:bold 18px/30px Verdana, Geneva, Arial, sans-serif;
	margin:0 0 0 20px;
	letter-spacing:-1px;
}
#card-area .card-inner{
	width:307px;
	padding:66px 0 0 96px;
	font:18px/22px Geneva, Verdana, Arial, sans-serif;
	color:#4d4d4d;
	text-align:center;
}
#card-area .card-inner p{margin:0;}
#card-area .question-area{
	border-bottom:2px solid #d8d8d8;
	padding:0 12px 31px;
}
#card-area .answer-area{padding:24px 12px 22px;}
#card-area .actions{
	position:absolute;
	right:12px;
	top:111px;
	margin:0;
	padding:0;
	list-style:none;
	background:url(/image/flashcard/bg-actions.gif) no-repeat;
}
* html #card-area .actions{right:11px;}
#card-area .actions li{
	width:48px;
	height:56px;
}
#card-area .actions li a{
	display:block;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
}
#card-area .btm-area{
	height:54px;
	width:100%;
	overflow:hidden;
	position:absolute;
	left:0;
	bottom:0;
	padding:49px 0 25px;
}
#card-area .btn-show{
	background:url(/image/flashcard/btn-show.gif) no-repeat;
	width:180px;
	height:42px;
	float:left;
	margin:5px 0 0 168px;
	overflow:hidden;
	text-indent:-9999px;
}
#spanish #card-area .btn-show{background:url(/image/flashcard/show-result-sp.png) no-repeat; 
        width:250px;
        margin:5px 0 0 130px;
}
#card-area .numbers {
	float:left;
	margin:0;
	padding:5px 0 0 66px;
	list-style:none;
}
#card-area .numbers li {
	float:left;
	margin:0 18px 0 0;
}
#card-area .numbers li a {
	float:left;
	width:42px;
	height:42px;
	background:url(/image/flashcard/numbers.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#card-area .initial-grade {
	float:left;
	margin:0;
	padding:5px 0 0 20px;
	list-style:none;
}
#card-area .initial-grade li {
        float:left;
        margin:0 3px 0 0;
}
#card-area a.know-it{
        float:left;
        width:174px;
        height:42px;
        background:url(/image/flashcard/know-it.png) no-repeat;
        text-indent:-9999px;
        overflow:hidden; 
}
#card-area a.dont-know-it{
        float:left;
        width:240px;
        height:42px;
        background:url(/image/flashcard/dont-know-it.png) no-repeat;
        text-indent:-9999px;
        overflow:hidden;
}
#card-area .numbers li .first{background-position:-42px 0;}
#card-area .numbers li .second{background-position:-84px 0;}
#card-area .numbers li .third{background-position:-126px 0;}
#card-area .numbers li .fourth{background-position:-168px 0;}
#card-area .numbers li .fifth{background-position:-210px 0;}
#card-area .details{
	width:119px;
	margin:0;
	float:right;
	padding:0 14px 0 0;
	list-style:none;
	color:#fff;
	font:bold 10px/15px Geneva, Arial, Verdana, sans-serif;
	overflow:hidden;
}
#card-area .details li{
	overflow:hidden;
	margin:0 0 -1px;
	width:100%;
	border-bottom:1px solid #30bce6;
	vertical-align:top;
	padding:2px 0;
}
#card-area .details li span{
	float:left;
	width:60px;
	text-transform:uppercase;
	text-align:right;
	letter-spacing:-1px;
	margin:0 3px 1px 0;
}
#card-area .details li strong{
	font-size:16px;
	letter-spacing:5px;
	float:left;
}
#sets-holder .sets-box-outer{
	width:100%;
	background:url(/image/flashcard/bg-sets-btm.gif) no-repeat 0 100%;
	padding:0 0 50px;
}
#sets-holder .title-holder{
	width:100%;
	background:#fff url(/image/flashcard/bg-sets-top.gif) no-repeat 0 100%;
	overflow:hidden;
	font:bold 18px/28px Verdana, Arial, Tahoma, sans-serif;
}
#sets-holder .title-holder .regular,
#sets-holder .title-holder .premium{
	float:left;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	background:url(/image/flashcard/bg-sets-title.gif) no-repeat;
	width:219px;
	margin:0 0 0 8px;
	padding:0 0 9px 12px;
}
#sets-holder .title-holder .premium{
	background-position:-231px 0;
	margin:0 0 0 6px;
}
#sets-holder .add-set,
#content-area .flashcard-title{
	background:url(/image/flashcard/addset-title.gif) no-repeat;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	margin:8px 0 43px 27px;
}
#content-area .flashcard-title{
	background:url(/image/flashcard/flashcard-title.gif) no-repeat;
	margin:21px 0 12px 27px;
}
#sets-holder .set-list{
	margin:0 12px;
	padding:0;
	list-style:none;
	font:12px/26px Verdana, Arial, Tahoma, sans-serif;
	height:1%;
	min-height:260px;
	background:url(/image/flashcard/bg-set-list.gif);
}
* html #sets-holder .set-list{height:260px;}
#content-area .content-holder #sets-holder .set-list{min-height:0;}
* html #content-area .content-holder #sets-holder .set-list{height:auto;}
#sets-holder .set-list li{
	padding:0 0 0 3px;
	overflow:hidden;
	vertical-align:top;
}
/* natalie */
#sets-holder .set-list li.odd {
  background-color:#dddddd;
}
#sets-holder .set-list li.even {
  background-color:#f1f2f2;
}
#sets-holder .set-list li span{
	padding:0 0 0 17px;
	float:left;
}
#sets-holder .btn-add,
#sets-holder .btn-quiz,
#sets-holder .btn-ok,
#sets-holder .btn-pause,
#sets-holder .btn-unpause,
#sets-holder .btn-stop{
	float:left;
	background:url(/image/flashcard/icon-add.gif) no-repeat;
	width:20px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	margin:3px 0 0 12px;
}
#sets-holder .set-list .status-icon,
#sets-holder .set-list .status-icon-active{
        float:left;
        background:url(/image/flashcard/status-icon.gif) no-repeat;
        width:8px;
        height:8px;
        text-indent:-9999px;
        overflow:hidden;
        margin:9px 0 0 12px;
        padding:0;
}
#sets-holder .set-list .status-icon-active{background-position:0 -8px;}
#sets-holder .btn-quiz{background:url(/image/flashcard/icon-quiz.gif) no-repeat;}
#sets-holder .btn-ok{background:url(/image/flashcard/icon-ok.gif) no-repeat;}
#sets-holder .btn-stop{background:url(/image/flashcard/btn-stop.gif) no-repeat;}
#sets-holder .btn-pause,
#sets-holder .btn-unpause{
        background:url(/image/flashcard/btn-pause.gif) no-repeat;
        width:57px;
}
#sets-holder .btn-unpause{background-position:0 -20px;}
#content-area .welcome-box-outer{
	background:url(/image/flashcard/bg-welcome-mid.gif) repeat-y;
	width:562px;
	margin:4px 0 0 7px;
	position:relative;
}
#content-area .welcome-box{background:url(/image/flashcard/bg-welcome-top.gif) no-repeat;}
#content-area .welcome-box-inner{
	background:url(/image/flashcard/bg-welcome-btm.gif) no-repeat 0 100%;
	height:1%;
	padding:17px 200px 40px 23px;
}
#content-area .flashcard-title{
        background:url(/image/flashcard/flashcard-title.gif) no-repeat;
        margin:21px 0 12px 27px;
        height:29px;
}
#spanish #content-area .flashcard-title{background-position:0 -29px;}

#content-area .welcome-box h1{
        margin:0;
        background:url(/image/flashcard/flashcards-title.gif) no-repeat;
        height:35px;
        overflow:hidden;
        text-indent:-9999px;
}
#content-area .welcome-box p{
	margin:15px 0 0;
	color:#fff;
	font:bold 16px/20px Verdana, Geneva, Arial, sans-serif;
}
#content-area .sing{
	position:absolute;
	right:-20px;
	top:6px;
}
.outtaHere{
	position:absolute;
	left:-9999px;
}
.checkboxArea, .checkboxAreaChecked {
	width:21px;
	height:21px;
	overflow:hidden;
	margin:4px auto 0;
	padding:0;
	background:url(/image/flashcard/checkbox.gif) no-repeat;
	display:block;
}
.checkboxAreaChecked {background-position:0 -21px;}

/* styles for entire widget */
.yui-ac {
    position:relative;
}
.yui-ac-container {
    position:absolute;top:1.6em;padding-left:35px;width:312px;
}
/* styles for header/body/footer wrapper within container */
.yui-ac-content {
    position:absolute;width:100%;border:1px solid #808080;background:#fff;overflow:hidden;z-index:9050;
}
/* styles for container shadow */
.yui-ac-shadow {
    position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity: 0.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;
}
/* styles for results list */
.yui-ac-content ul{
    margin:0;padding:0;width:100%;
}
/* styles for result item */
.yui-ac-content li {
    margin:0;padding:2px 5px;cursor:default;white-space:nowrap;
}
/* styles for prehighlighted result item */
.yui-ac-content li.yui-ac-prehighlight {
    background:#B3D4FF;
}
/* styles for highlighted result item */
.yui-ac-content li.yui-ac-highlight {
    background:#426FD9;color:#FFF;
}