.toLeft{
	float:left;
}
.clear{
	clear:both;
}

.form-bg{
	background:rgba(0, 0, 0, 0.50);
	height:60px;
	padding-top:20px;
}
.form-wrapper{
	width:1075px;
	margin:0 auto;
}

.container-user-stories{
	width:1075px;
	margin:0 auto;
}

.beta-flag{
	position: absolute;
	z-index: 1000;
	background: url(../images/beta-1-frame.png) no-repeat;
	width: 335px;
	height: 490px;
}
.complete .beta-flag{
	position: absolute;
	z-index: 1000;
	background: url(../images/beta-1-frame-complete.png) no-repeat;
	width: 335px;
	height: 490px;
}

.user-story-card{
	width: 340px;
	height: 493px;
	float: left;
	margin-top: 25px;
	cursor: pointer;
	perspective: 1700px!important;
	zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
	top:0px;
	-webkit-transition-property: top;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.user-story-card:hover{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	top:-1px;
}

.user-story-card.middle{
	margin:25px 25px 0 25px;
}

.user-story-card .front{
	width:340px;
	height:493px;
	position:relative;
}

.user-story-card .front .frame{
	position:absolute;
	z-index:999;
	width:340px;
	height:493px;
	background:url(../images/frame-progress.png) no-repeat;
}

.user-story-card .front.complete{
	width:340px;
	height:493px;
}

.user-story-card .front.complete h2{
	color:#e9c086;
}

.user-story-card .front.complete .frame{
	position:absolute;
	z-index:999;
	width:340px;
	height:493px;
	background:url(../images/frame-complete.png) no-repeat;
}

.user-content-wrapper{
	width:260px;
	margin:25px 0 0 40px;
	position:absolute;
	z-index:99;
	
}

.card-bg{
	position:absolute;
	z-index:1;
}
.card-bg img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(50%);
}

.user-story-card .front .card-bg img:hover, .user-story-card .front.complete .card-bg img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}
.user-story-card .front h2{
	font-size:14px !important;
	text-align:center;
	font-family: 'Titillum Web', Arial, sans-serif;
}

.user-story-card .back{
	width:340px;
	height:493px;
	background:url(../images/frame-back.png) no-repeat;
	position:relative;
	padding-top:35px;
}
.user-story-card .back.complete{
	width:340px;
	height:493px;
	background:url(../images/frame-back-complete.png) no-repeat;
	position:relative;
	padding-top:35px;
}

.card-checklist{
	height: 435px;
	overflow: auto;
	width:313px;
	margin:0 0 0 11px;
	list-style: none;
	padding:0;
}

.card-checklist li{
	color:#ffffff;
	margin:0 !important;
	padding:8px 5px 8px 30px;
	border-bottom: 1px #2C2C2C solid;
	font-size:12px;
	background:url(../images/user_checklist_dash.png) no-repeat 12px center;
	background-position: 6px 12px;
}

.card-checklist li.complete{
	color:#e9c086;
	background:url(../images/user_checklist_complete.png) no-repeat 12px center;
	background-position: 6px 12px;
}
.card-checklist li.closed{
	text-decoration: line-through !important;
}

#user_stories_form input[type="submit"]{
	width: 109px;
	height: 39px;
	border: none;
	color: #F2F2F2;
	text-transform: none;
	font-weight: normal;
	margin-left: 20px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(60%,#6F6F6F)) !important;
	background: -moz-linear-gradient(top, #989898 0%, #6F6F6F 60%) !important;
	background: -webkit-linear-gradient(top, #989898 0%,#6F6F6F 60%) !important; 
	background: #6F6F6F;
	background: linear-gradient(to bottom, #989898 0%,#6F6F6F 60%)!important;
}

#user_stories_form input[type="submit"]:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#151515), color-stop(60%,#4D4D4D)) !important;
	background: -moz-linear-gradient(top, #151515 0%, #4D4D4D 60%) !important;
	background: -webkit-linear-gradient(top, #151515 0%,#4D4D4D 60%) !important; 
	background: #4D4D4D;
	background: linear-gradient(to bottom, #151515 0%,#4D4D4D 60%)!important;
}

#user_stories_tags{
	float:left;
	font-family:'Merriweather Sans', sans-serif !important;
}

#user_stories_tags{
	border:1px #3f3f3f solid;
	background:url(../images/arrow_select.png) #212121 170px center no-repeat;
	height:37px;
	margin-right:25px;
}
.text-core{width:100% !important;z-index:1;}
#textarea_tags {
	float: left;
	width: 100% !important;
	height: 38px;
	background: #2c2c2c;
	border: none;
	font-size: 16px;
	color: #D2D2D2;
	padding-top: 10px !important;
	border-bottom: 1px #111111 solid;
}

.text-core .text-wrap .text-tags{
	padding: 6px 35px 5px 5px!important;
	width: 100% !important;
}
.text-core .text-wrap .text-tags .text-tag .text-button{
	border: 1px solid #7E7E7E!important;
	background: #575757!important;
	color: #B3B3B3!important;
	font: 12px "Merriweather Sans", tahoma, verdana, arial, sans-serif !important;
	height: 20px !important;
	margin: 2px 2px 2px 0!important;
	padding: 1px 17px 0px 3px!important;
}

.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove{
	top: 4px!important;
}

.card-checklist::-webkit-scrollbar {
	width: 12px;
}

.card-checklist::-webkit-scrollbar-track {
	background:none;
}

.card-checklist::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 0px;
}

.iframe{
	width:500px !important;
	height:500px !important;
	float:left;
	margin:25px 25px 25px 0;
}

.iframe h3{
	font: 13px/1.8 "Merriweather Sans","Lucida Sans Unicode","Lucida Grande",sans-serif !important;
}