<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 * Unicorn Admin Template
 * Diablo9983 -&gt; diablo9983@gmail.com
**/
* {
	outline:none !important;
	-moz-outline: none !important;
}
/* Main */
body {
	overflow-x: hidden;
    margin-top: -9px;
    min-width:440px;
}
body, html{
	height:100%;
}
a{
	color:#333;
}
a:hover {
	color:#a11448;
	text-decoration: none;
}
@font-face {
	font-family: 'museo_300regular';
	src: url('./fonts/museo300-regular-webfont.eot');
	src: url('./fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('./fonts/museo300-regular-webfont.woff') format('woff'),
	     url('./fonts/museo300-regular-webfont.ttf') format('truetype'),
	     url('./fonts/museo300-regular-webfont.svg#museo_300regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
strong.red{
	color:#a11448;
}
ul.yiiPager .first,
ul.yiiPager .last
{
    display: inline;
}
.small-left-padding{
    padding-left:20px!important;
}

#submit-button input, #submit-button button{
	display:block;
	margin:50px auto 20px;
	width:104px;
	height:36px;
	color:#830936;
	font-size:16px;
	background:#d7df2a;
	border:1px solid #d7df2a;
	font-family:museo_300regular, helvetica, arial, sans-serif;
	font-weight:700 !important;
}
#submit-button input:hover{
	background:#bfc70f;
}
#submit-button input[type="checkbox"]{
	margin:2px 6px 0 246px;
	float:left;
	width:16px;
	height:16px;
	border:1px solid #7b062e;
	background:transparent;
}
#submit-button label{
	float:left;
	margin:0 0 0 0;
	text-align:left;
	font-family:museo_300regular, helvetica, arial, sans-serif;
	color:#fff;
}

.errorSummary, #loginbox .alert-block{
	margin:10px 0 20px;
	background:transparent;
	border:none;
	padding:0;
}
#loginbox .errorSummary p, #loginbox .alert-block p{
	font-size:14px;
	margin:0 0 5px;
	text-align:left;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
	text-shadow:none;
	font-weight:300;
}
#loginbox .errorSummary ul, #loginbox .alert-block ul{
	margin:0 0 10px;
	list-style:none;
}
#loginbox .errorSummary li, #loginbox .alert-block li{
	color:#000;
	font-size:13px;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
	text-shadow:none;
	font-weight:300;
}
#registration-form .controls, #login-form .controls{
	overflow:hidden;
}
#registration-form img, #login-form img{
	margin:0 8px 12px 0;
	width:auto;
	height:auto;
	float:left;
}
#registration-form #yw0_button, #login-form #yw0_button{
	font-family:museo_300regular, helvetica, arial, sans-serif;
	color:#fff;
	font-size:11px;
	text-decoration:underline;
	display:block;
	margin:16px 0 6px;
	height:14px;
	background:url('/img/refresh.png') 0 0 no-repeat;
	line-height:14px;
	padding:0 0 0 18px;
	overflow:hidden;
}
#registration-form .help-block, #login-form .help-block{
	font-size:12px;
}

#loginbox .errorSummary p{
	margin-bottom: 1em;
}

/* Header */
#header {
    height: 77px;
    position: relative;
    width: 100%;
    z-index:10;
}

#header h1 {
    background: url("../img/logo_admin.png") 0 0 no-repeat;
    left: 15px;
    line-height:600px;
    font-weight:300;
    overflow: hidden;
    position: relative;
    top:6px;
    width:191px;
    height:61px;
}

#header h1 a {
    display: block;
    position:relative;
    z-index:500;
}

/* View sytem as header block */

#user-nav ul li.admin-drop{
	border:none;
	padding-right:10px;
	font-size:13px;
	color:#e8ced7;
	text-align:left;
}
#user-nav ul li.admin-drop span{
	line-height:32px;
	float:left;
}
#user-nav ul li.admin-drop select{
	float:right;
	margin:1px 0 0 5px;
	height:30px;
}

/* Search input */
#search {
	position: absolute;
	z-index: 25;
	top: 6px;
	left: 230px;
}
#search input[type=text] {
	border-radius: 4px 0 0 4px;
	padding: 4px 10px 5px;
	border: 0;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.7) inset, 0 1px 0 rgba(255,255,255,0.2);
	width: 100px;
}

#search button {
	border: 0;
	margin-top: -11px;
	padding: 5px 10px 4px;
	border-radius: 0 4px 4px 0;
	box-shadow: -2px 2px 3px rgba(0,0,0,0.7) inset, 0 1px 0 rgba(255,255,255,0.2);
}
#search button i {
	opacity: 0.5;
}
#search button:hover i, #search button:active i {
	opacity: 0.9;
}


/* Top user navigation */
#user-nav {
    position: absolute;
    right: 30px;
    top:23px;
    z-index: 20;
    margin: 0;
}
#user-nav &gt; ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


#user-nav .btn-group a{
	background:#821032;
	border:none;
	color:#fff;
	font-size:13px;
	text-shadow:none;
	border:1px solid #821032;
	-moz-transition:all 200ms ease-in;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
#user-nav .btn-group a:hover{
	background:#64001e;
	border:1px solid #64001e;
}
#user-nav &gt; ul &gt; li#label-important a{
	background-color:#c61026;
	border:1px solid #821032;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#user-nav &gt; ul &gt; li{
	border-radius:0;
	border:none;
	background:transparent;
	box-shadow:none;
	border-right:1px solid #b5345d;
}
#user-nav &gt; ul &gt; li:last-child{
	border-right:none;
}
#user-nav &gt; ul &gt; li .icon{
	width:21px;
	height:16px;
	background:url('../img/utility_icons.png') 0 0 no-repeat;
	opacity:1;
}
#user-nav &gt; ul &gt; li .icon-user{
	background-position:0 -59px;
}
#user-nav &gt; ul &gt; li .icon-share-alt{
	background-position:bottom left;
}

#user-nav &gt; ul &gt; li &gt; a:hover, #user-nav &gt; ul &gt; li.open &gt; a {
	color: #ffffff;
}
#user-nav &gt; ul &gt; li &gt; a &gt; i, #sidebar li a i {
	vertical-align: top;
	background-image: url('../img/glyphicons-halflings-white.png');
	opacity: .5;
	margin-top: 2px;
}
#user-nav &gt; ul &gt; li &gt; a:hover &gt; i, #user-nav &gt; ul &gt; li.open &gt; a &gt; i {
	opacity: 1;
}

#user-nav &gt; ul &gt; li &gt; a &gt; .label {
	vertical-align: middle;
	padding: 1px 4px 1px;
	margin: -2px 4px 0;
	display: inline-block;
}


#user-nav &gt; ul ul &gt; li &gt; a {
	text-align: left;
	text-shadow: 0 1px 0 #ffffff;
}
#user-nav &gt; ul ul &gt; li &gt; a:hover {
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}


/* Sidebar Navigation */
#sidebar {
    display: block;
    float: left;
    position: relative;
    width: 220px;
    z-index: 16;
}

#sidebar &gt; ul {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	position: absolute;
	width: 220px;
}
#sidebar &gt; ul &gt; li {
	display: block;
	position: relative;
}

#sidebar &gt; ul &gt; li.active {
	box-shadow: 0 2px 4px rgba(0,0,0,0.2) inset;
}

#sidebar &gt; ul &gt; li &gt; a {
	padding: 10px 0 10px 15px;
	display: block;
	color: #AAAAAA;
}

#sidebar &gt; ul &gt; li &gt; a &gt; i {
	margin-right: 10px;
}

#sidebar &gt; ul &gt; li.active &gt; a {
	background: url("../img/menu-active.png") no-repeat scroll right center transparent !important;
}

#sidebar &gt; ul &gt; li &gt; a &gt; .label {
	margin: 0 20px 0 0;
	float: right;
	padding: 3px 5px 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.2);
}

#sidebar &gt; ul ul {
	display: none;
	margin: 0;
	padding: 0;
	box-shadow: 0 0 3px rgba(0,0,0,0.5) inset;
}
#sidebar &gt; ul li.open ul {
	display: block;
}
#sidebar &gt; ul ul li a{
	padding: 10px 0 10px 25px;
	display: block;
	color: #777777;
}

#sidebar &gt; ul ul li:first-child a {
	border-top: 0;
}
#sidebar &gt; ul ul li:last-child a {
	border-bottom: 0;
}

/* Content */
#content {
    background: none repeat scroll 0 0 #f7f7f7;
    margin-left: 220px;
    margin-right: 0;
    padding-bottom: 25px;
    min-height: 500px;
    width: auto;
}

#content-header, #content-subheader{
    width: 100%;
    z-index: 20;
    padding:0 0 10px;
    overflow:hidden;
}

#content-header h1{
    color: #555555;
    font-size: 32px;
    font-weight: normal;
    float: left;
    text-shadow: 0 1px 0 #ffffff;
    margin-left: 20px;
    margin-top:10px;
    padding-right:210px;
    font-family:museo_300regular, helvetica, arial, sans-serif;
}
h2{
	font-family:museo_300regular, helvetica, arial, sans-serif;
	font-size:1.8em;
}
.sidebar-help h2, .sidebar-help h3{
	font-size:1.8em;
	margin:0 0 10px;
}
.sidebar-help h3{
	font-size:1.4em;
	margin:0 0 5px;
}
.balance .the-balance{
	margin:15px 0 15px;
	display:block;
	font-size:30px;
	text-align:center;
	font-family:museo_300regular, helvetica, arial, sans-serif;
}
.balance .btn{
	display:block;
	width:120px;
	margin:0 auto 20px;
}
.highlight.create{
	display:block;
	margin:0;
}
#content-header .btn-group {
	float: right;
	right: 20px;
	position: absolute;
}

#content-header h1, #content-header .btn-group {
	margin-top: 20px;
}
#content-header .btn-group .btn {
	padding: 11px 14px 9px;
}
#content-header .btn-group .btn .label {
	position: absolute;
	top: -7px;
	z-index:500;
}

.container-fluid .row-fluid:first-child {
	margin-top: 20px;
}
/* Breadcrumb */
#breadcrumb {
	clear:both;
	background-color: #f1f1f1;
	box-shadow: 0 0 1px #ffffff;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding-left: 10px;
}
#breadcrumb a {
	padding: 8px 20px 8px 10px;
	display: inline-block;
	background-image: url('../img/breadcrumb.png');
	background-position: center right;
	background-repeat: no-repeat;
	font-size: 11px;
	color: #666666;
}
#breadcrumb a:hover {
	color: #333333;
}
#breadcrumb a:last-child {
	background-image:none;
}
#breadcrumb a.current {
	font-weight: bold;
	color: #444444;
}
#breadcrumb a i {
	margin-right: 5px;
	opacity: .6;
}
#breadcrumb a:hover i {
	margin-right: 5px;
	opacity: .8;
}

/* Style Switcher */
#style-switcher {
	position: absolute;
	width: 220px;
	height: 30px;
	background-color: #000000;
	z-index: 40;
	right: 0;
	top: 123px;
	border-radius: 5px 0 0 5px;
	margin-right: -190px;
}
#style-switcher i {
	display: inline-block;
	margin: -5px 10px 0 10px;
}
#style-switcher i:hover {
	cursor: pointer;
}
#style-switcher span {
	font-weight: bold;
	color: #ffffff;
	display: inline-block;
	margin: -15px 20px 0 0;
	vertical-align:middle;
}
#style-switcher a {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
}
/* Footer */
#footer {
	text-align: center;
	color: #777777;
}
#footer.extend{
	height:340px;
}

/* Gridview hover class */

.mgrid_table tbody:hover
{
    cursor: pointer;

}

/* Stat boxes and quick actions */
.stat-boxes, .quick-actions, .quick-actions-horizontal, .stats-plain {
    display: inline-block;
    list-style: none outside none;
    margin: 20px 0 10px;
    text-align: center;
}
.stats-plain {
	width: 100%;
}
.stat-boxes li, .quick-actions li, .quick-actions-horizontal li {
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 0 rgba(255,255,255,0.4);
    display: inline-block;
    line-height: 18px;
    margin: 0 10px 10px;
    padding: 0 10px;
}
.quick-actions li {
	min-width: 120px;
}
.quick-actions li, .quick-actions-horizontal li {
	padding: 0;
}
.stats-plain li {
	padding: 0 30px;
	display: inline-block;
	margin: 0 10px 20px;
}
.quick-actions li a {
	padding: 10px 30px;
}
.stats-plain li h4 {
	font-size: 40px;
	margin-bottom: 15px;
}
.stats-plain li span {
	font-size: 14px;
	color: #555555;
}
.quick-actions-horizontal li a span {
	padding: 10px 12px 10px 10px;
	display: inline-block;
}
.quick-actions li a, .quick-actions-horizontal li a {
	text-align: center !important;
	display: block;
	color: #666666;
	text-shadow: 0 1px 0 #ffffff;
}
.quick-actions li a i[class^="icon-"], .quick-actions li a i[class*=" icon-"] {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	background-color: transparent;
	width: 32px;
	height: 32px;
	display: block;
	margin: 0 auto 5px;
}
.quick-actions-horizontal li a i[class^="icon-"], .quick-actions-horizontal li a i[class*=" icon-"] {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center;
	background-color: transparent;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: -2px 0 0 !important;
	border-right: 1px solid #dddddd;
	margin-right: 10px;
	padding: 10px;
	vertical-align: middle;
}

.quick-actions i.icon-book {
	background-image: url('../img/icons/32/book.png');
}
.quick-actions i.icon-cabinet {
	background-image: url('../img/icons/32/cabinet.png');
}
.quick-actions i.icon-calendar {
	background-image: url('../img/icons/32/calendar.png');
}
.quick-actions i.icon-client {
	background-image: url('../img/icons/32/client.png');
}
.quick-actions i.icon-database {
	background-image: url('../img/icons/32/database.png');
}
.quick-actions i.icon-download {
	background-image: url('../img/icons/32/download.png');
}
.quick-actions i.icon-graph {
	background-image: url('../img/icons/32/graph.png');
}
.quick-actions i.icon-home {
	background-image: url('../img/icons/32/home.png');
}
.quick-actions i.icon-lock {
	background-image: url('../img/icons/32/lock.png');
}
.quick-actions i.icon-mail {
	background-image: url('../img/icons/32/mail.png');
}
.quick-actions i.icon-pdf {
	background-image: url('../img/icons/32/pdf.png');
}
.quick-actions i.icon-people {
	background-image: url('../img/icons/32/people.png');
}
.quick-actions i.icon-piechart {
	background-image: url('../img/icons/32/piechart.png');
}
.quick-actions i.icon-search {
	background-image: url('../img/icons/32/search.png');
}
.quick-actions i.icon-shopping-bag {
	background-image: url('../img/icons/32/shopping-bag.png');
}
.quick-actions i.icon-survey {
	background-image: url('../img/icons/32/survey.png');
}
.quick-actions i.icon-tag {
	background-image: url('../img/icons/32/tag.png');
}
.quick-actions i.icon-user {
	background-image: url('../img/icons/32/user.png');
}
.quick-actions i.icon-wallet {
	background-image: url('../img/icons/32/wallet.png');
}
.quick-actions i.icon-web {
	background-image: url('../img/icons/32/web.png');
}

.quick-actions-horizontal i.icon-book {
	background-image: url('../img/icons/16/book.png');
}
.quick-actions-horizontal i.icon-cabinet {
	background-image: url('../img/icons/16/cabinet.png');
}
.quick-actions-horizontal i.icon-calendar {
	background-image: url('../img/icons/16/calendar.png');
}
.quick-actions-horizontal i.icon-client {
	background-image: url('../img/icons/16/client.png');
}
.quick-actions-horizontal i.icon-database {
	background-image: url('../img/icons/16/database.png');
}
.quick-actions-horizontal i.icon-download {
	background-image: url('../img/icons/16/download.png');
}
.quick-actions-horizontal i.icon-graph {
	background-image: url('../img/icons/16/graph.png');
}
.quick-actions-horizontal i.icon-home {
	background-image: url('../img/icons/16/home.png');
}
.quick-actions-horizontal i.icon-lock {
	background-image: url('../img/icons/16/lock.png');
}
.quick-actions-horizontal i.icon-mail {
	background-image: url('../img/icons/16/mail.png');
}
.quick-actions-horizontal i.icon-pdf {
	background-image: url('../img/icons/16/pdf.png');
}
.quick-actions-horizontal i.icon-people {
	background-image: url('../img/icons/16/people.png');
}
.quick-actions-horizontal i.icon-piechart {
	background-image: url('../img/icons/16/piechart.png');
}
.quick-actions-horizontal i.icon-search {
	background-image: url('../img/icons/16/search.png');
}
.quick-actions-horizontal i.icon-shopping-bag {
	background-image: url('../img/icons/16/shopping-bag.png');
}
.quick-actions-horizontal i.icon-survey {
	background-image: url('../img/icons/16/survey.png');
}
.quick-actions-horizontal i.icon-tag {
	background-image: url('../img/icons/16/tag.png');
}
.quick-actions-horizontal i.icon-user {
	background-image: url('../img/icons/16/user.png');
}
.quick-actions-horizontal i.icon-wallet {
	background-image: url('../img/icons/16/wallet.png');
}
.quick-actions-horizontal i.icon-web {
	background-image: url('../img/icons/16/web.png');
}

.stat-boxes li:hover, .quick-actions li:hover, .quick-actions-horizontal li:hover  {
   /* background-color: #fcfcfc;
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#FCFCFC), to(#F1F1F1));
	background-image: -webkit-linear-gradient(top, #FCFCFC 0%, #F1F1F1 100%);
    background-image: -moz-linear-gradient(top, #FCFCFC 0%, #F1F1F1 100%);
    background-image: -ms-linear-gradient(top, #FCFCFC 0%, #F1F1F1 100%);
    background-image: -o-linear-gradient(top, #FCFCFC 0%, #F1F1F1 100%);
    background-image: linear-gradient(top, #FCFCFC 0%, #F1F1F1 100%);*/
}
.quick-actions li:active, .quick-actions-horizontal li:active  {
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#EEEEEE), to(#F4F4F4));
	background-image: -webkit-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
    background-image: -moz-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
    background-image: -ms-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
    background-image: -o-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
    background-image: linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.4);
}

.stat-boxes div{
	width:auto;
}
.stat-boxes .left, .stat-boxes .right, .stat-boxes .middle {
	text-shadow: 0 1px 0 #ffffff;
    float: left;
}
.stat-boxes .left {
    border-right: 1px solid #DCDCDC;
    box-shadow: 1px 0 0 0 #FFFFFF;
    margin-right: 12px;
    padding: 10px 14px 6px 4px;
    font-size: 10px;
    font-weight: bold;
    color: #a51641;
}

.stat-boxes .middle {
    border-right: 1px solid #DCDCDC;
    box-shadow: 1px 0 0 0 #FFFFFF;
    margin-right: 12px;
    font-size: 12px;
    padding: 9px 10px 7px 0;
    text-align: center;
    color: #a51641;
}

.stat-boxes .right {
    font-size: 12px;
    padding: 9px 10px 7px 0;
    text-align: center;
    color: #a51641;
}
.stat-boxes .left span, .stat-boxes .right strong, .stat-boxes .middle strong {
	display: block;
}

.stat-boxes .right strong, .stat-boxes .middle strong {
	font-size: 26px;
	margin-bottom: 3px;
	margin-top: 6px;
}
.stat-boxes .peity_bar_good, .stat-boxes .peity_line_good  {
	color: #459D1C;
}
.stat-boxes .peity_bar_neutral, .stat-boxes .peity_line_neutral  {
	color: #757575;
}
.stat-boxes .peity_bar_bad, .stat-boxes .peity_line_bad  {
	color: #BA1E20;
}

.stats-plain {

}
.horizontal-overflow{
	overflow-x:scroll;
}

/* /management/question/approveAttr **/

.btn-transcript-grid{
	margin:10px;
	float:none;
}
#transcript-grid label, #transcript-grid input[type="radio"]{
	float:left;
	padding:1px 20px 0 5px;
}
#transcript-grid tr th:nth-child(2){
	width:60%;
}

/* Charts &amp; graphs **/
.pie{
    height: 150px;
    width: 150px;
    margin: 0 auto;
}
/* Charts &amp; graphs **/
.chart, .bars {
	height: 250px;
	min-width: 100%;
}
#tooltip {
	position: absolute;
	display:none;
	border: none;
	padding: 3px 8px;
	border-radius: 3px;
	font-size: 10px;
	background-color: #222222;
	color: #ffffff;
	z-index: 25;
}

/* Widgets */
.widget-box {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    clear: both;
    margin-top: 16px;
    margin-bottom: 16px;
    position: relative;
}
.widget-box.widget-calendar, .widget-box.widget-chat {
    overflow:hidden !important;
}
.accordion .widget-box {
	margin-top: -2px;
	margin-bottom: 0;
	border-radius: 0;
}
.widget-box.widget-plain {
	background: transparent;
	border: none;
	margin-top: 0;
	margin-bottom: 0;
}

.widget-title, .modal-header, .table th, div.dataTables_wrapper .ui-widget-header {
	/*background-color: #efefef;
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    background-image: -ms-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    background-image: -o-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    background-image: -linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
    background:#fff;
    border-bottom: 1px solid #e3e3e3;
    height: 36px;
}
.widget-title .nav-tabs {
    border-bottom: 0 none;
}
.widget-title .nav-tabs li{

}
.widget-title .nav-tabs .label{
	position:absolute;
	top:9px;
	right:7px;
	margin:0;
	width:auto;
	height:auto;
	padding:0;
	line-height:16px;
	border:none;
	padding:1px 3px;
	font-size:11px;
	font-weight:700;
	background:#e3e3e3;
	color:#333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.widget-title .nav-tabs li a {
    border-bottom: medium none !important;
    border-radius: 0 0 0 0;
    border-right: 1px solid #DDDDDD;
    border-top: medium none;
    color: #999999;
    margin: 0;
    outline: none;
    padding: 9px 32px 8px 10px;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
    background-color: #f5f5f5;
    font-size:13px;
    position:relative;
}
.widget-title .nav-tabs li:first-child a{
  	border-left:none;
}
.widget-title .nav-tabs li a:hover , .widget-title .nav-tabs li.active a:hover {
    background-color:#fff;
    color: #666666;
}
.widget-title .nav-tabs li.active a{
	background-color:#fff !important;
    color: #444444;
}
.widget-title span.icon {
	border-right: 1px solid #e3e3e3;
	padding: 9px 10px 7px 11px;
	float: left;
	opacity: .7;
}
.widget-title h5 {
    color:#555;
	text-shadow: 0 1px 0 #ffffff;
    float: left;
    font-weight:700;
    font-size: 12px;
    padding: 12px;
    line-height: 12px;
    margin: 0;
}
.widget-title h5 .title-info{
	font-weight:400;
	font-style:italic;
	font-size:11px;
	color:#888;
}
.widget-title .buttons {
	float: right;
	margin: 8px 10px 0 0;
}
.widget-title .label {
	padding:0;
	float: right;
	height:100%;
	width:35px;
	line-height:35px;
	text-align:center;
	margin: 0 0 0 0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	background:#e9e9e9;
	border-left:1px solid #e3e3e3;
	color:#333;
	-moz-transition:all 200ms ease-in;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.widget-title .label:hover{
	box-shadow:inset 0 0 6px 1px rgba(0,0,0,0.4);
	background:#a11448;
	color:#fff;
}
.widget-calendar .widget-title .label {
	margin-right: 190px;
}

.widget-content {
	padding: 12px 15px;
    border-bottom: 1px solid #e3e3e3;
}
.widget-box.widget-plain .widget-content {
	padding: 12px 0 0;
}
.widget-box.collapsible .collapse.in .widget-content {
    border-bottom: 1px solid #CDCDCD;
}
.recent-posts, .recent-comments, .recent-users {
	margin: 0;
	padding: 0;
}
.recent-posts{
	background:#fff;
}
.recent-posts li, .recent-comments li, .article-post li, .recent-users li {
    border-bottom: 1px solid #e6e6e6;
    list-style: none outside none;
    padding: 10px;
}
.recent-posts li:after{
	content:'';
	visibility:hidden;
	height:0;
	clear:both;
	display:block;
}
.recent-posts li.viewall, .recent-comments li.viewall, .recent-users li.viewall {
	padding: 0;
	clear:both;
}
.recent-posts li.viewall{
	background:#fff;
}
.recent-posts li.viewall a, .recent-comments li.viewall a, .recent-users li.viewall a {
	padding: 5px;
	text-align: center;
	display: block;
	color: #888888;
}
.recent-posts li.viewall a:hover, .recent-comments li.viewall a:hover, .recent-users li.viewall a:hover {
	background-color: #eeeeee;
}

.recent-posts li:last-child, .recent-comments li:last-child, .recent-users li:last-child {
    border-bottom: none !important;
}
.user-thumb {
    background: none repeat scroll 0 0 #FFFFFF;
    border:none;
    float: left;
    height:50px;
    margin:0;
    width:50px;
}
.user-thumb img{
	width:100%;
	height:auto;
}
.empty img{
	display:block;
	margin:0 auto;
}
.article-post{
	font-weight:700;
	position:relative;
}
.article-post a{
	display:block;
	height:100%;
}
.article-post h3{
	margin:0 0 3px;
	font-size: 14px;
	padding:0;
	line-height:20px;
}
.article-post p{
	font-weight:400;
	font-size:11px;
	color:#555;
	line-height:18px;
	font-family:arial, helvetica;
	margin:0;
	overflow:hidden;
}
.article-post p:last-of-type{
	margin:0 0 5px;
}
.article-post p span{
	width:120px;
	float:left;
	font-weight:700;
}
.article-post .btn{
	float:left;
	font-weight:400;
	margin:3px 5px 0 0;
}
.user-info {
    color: #666666;
    font-size: 11px;
    font-weight:400;
}
.user-info strong{
	font-weight:400;
}
.site-stats {
	margin: 0;
	padding: 0;
	list-style: none;
}
.site-stats li {
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    cursor: pointer;
    margin: 0 0 10px;
    padding: 13px 20px 10px;
    position: relative;
}
.site-stats li:hover {
    background-color: #EDEDED;
}
.site-stats li.divider {
	padding: 0;
	border-width: 1px 0 0;
	border-color: #DDDDDD;
	border-style: dashed;
}
.site-stats li i {
	vertical-align: baseline;
}
.site-stats li strong {
	font-weight: bold;
	font-size: 20px;
	margin-left: 5px;
}
.site-stats li small {
	margin-left: 5px;
	font-size: 12px;
	color: #888888;
	font-style: italic;
}
#demographic{
	background:#fff;
	padding:10px 20px;
	border:1px solid #e3e3e3;
	margin:0 0 25px;
}
#demo-intro{
	float:left;
	padding:0 40px 0 0;
}
#demo-intro h2{
	margin:30px 0 5px;
	line-height:22px;
	padding:0 0 0 8px;
}
#demo-intro p{
	padding:0 0 0 10px;
	font-size:12px;
	margin:0 0 20px;
}
.invoice-content {
	padding: 20px;
}
.invoice-action {
    margin-bottom: 30px;
}
.invoice-head {
    clear: both;
    margin-bottom: 40px;
    overflow: hidden;
    width: auto;
}
.invoice-meta {
    font-size: 18px;
    margin-bottom: 40px;
}
.invoice-date {
    float: right;
    font-size: 80%;
}
.invoice-content h5 {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}
.invoice-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.invoice-to {
    float: left;
    width: 370px;
}
.invoice-from {
    float: right;
    width: 300px;
}
.invoice-to li, .invoice-from li {
    clear: left;
}
.invoice-to li span, .invoice-from li span {
    display: block;
}
.invoice-content th.total-label {
	text-align: right;
}
.invoice-content th.total-amount {
	text-align: left;
}
.amount-word {
    color: #666666;
    margin-bottom: 40px;
    margin-top: 40px;
}
.amount-word span {
    color: #5476A6;
    font-weight: bold;
    padding-left: 20px;
}
.panel-left {
	margin-right: 250px;
}
.panel-right {
	width: 249px;
	background-color: #f2f2f2;
	border-left: 1px solid #dddddd;
	position: absolute;
	right: 0;
	top: 37px;
	height: 2500px;
}
.panel-right .panel-title {
	width: 100%;
	background-color: #ececec;
	border-bottom: 1px solid #dddddd;
}
.panel-right .panel-title h5 {
	font-size: 12px;
	color: #777777;
	text-shadow: 0 1px 0 #ffffff;
	padding: 6px 10px 5px;
    margin: 0;
}
.panel-right .panel-content {
	padding: 10px;
}
.chat-content {
	height: 470px;
	padding: 15px;
}
.chat-messages {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #DDDDDD;
    height: 425px;
    overflow: auto;
    position: relative;
}
.chat-message {
	padding: 7px 15px;
	margin: 7px 0 0;
}
.chat-message input[type=text] {
	margin-bottom: 0 !important;
	width: 100%;
}
.chat-message .input-box {
    display: block;
    margin-right: 90px;
}
.chat-message button {
	float: right;
}
#chat-messages-inner p {
    padding: 10px;
    margin: 10px 0;
}
#chat-messages-inner p img {
    display: inline-block;
    float: left;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    margin-top: 6px;
}
#chat-messages-inner .msg-block, #chat-messages-inner p.offline span {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #cccccc;
    box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.05);
    display: block;
    margin-left: 40px;
    padding: 10px;
    position: relative;
}
#chat-messages-inner p.offline span {
    background: none repeat scroll  0 0 #FFF5F5;
}
#chat-messages-inner .time {
    color: #999999;
    font-size: 11px;
    font-style: italic;
}
#chat-messages-inner .msg {
    display: block;
    margin-top: 10px;
}
#chat-messages-inner .msg-block:before {
	border-right: 7px solid rgba(0,0,0,0.1);
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	content: "";
	display: inline-block;
	left: -7px;
	position: absolute;
	top: 11px;
}
#chat-messages-inner .msg-block:after {
	border-right: 6px solid #ffffff;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	content: "";
	display: inline-block;
	left: -6px;
	position: absolute;
	top: 12px;
}
.chat-users {
	padding: 0 0 30px;
}
.chat-users .contact-list {
    line-height: 21px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    font-size: 10px;
}
.chat-users .contact-list li {
    border-color: #dddddd;
    border-style: none none solid;
    border-width: 0 0 1px;
    padding: 1px;
    position: relative;
}
.chat-users .contact-list li:hover {
	background-color: #efefef;
}
.chat-users .contact-list li a {
    color: #666666;
    display: block;
    padding: 8px 5px;
}
.chat-users .contact-list li.online a {
	font-weight: bold;
}
.chat-users .contact-list li.new {
	background-color: #eaeaea;
}
.chat-users .contact-list li.offline {
	background-color: #EDE0E0;
}
.chat-users .contact-list li a img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    border-radius: 3px;
}
.chat-users .contact-list li .msg-count {
	padding: 3px 5px;
    position: absolute;
    right: 10px;
    top: 12px;
}
.taskDesc i {
    margin: 1px 5px 0;
}
.taskStatus, .taskOptions {
    text-align: center !important;
}
.taskStatus .in-progress {
    color: #64909E;
}
.taskStatus .pending {
    color: #AC6363;
}
.taskStatus .done {
    color: #75B468;
}
.activity-list {
    list-style: none outside none;
    margin: 0;
}
.activity-list li {
    border-bottom: 1px solid #EEEEEE;
    display: block;
}
.activity-list li:last-child {
    border-bottom: medium none;
}
.activity-list li a {
    color: #888888;
    display: block;
    padding: 7px 10px;
}
.activity-list li a:hover {
    background-color: #FBFBFB;
}
.activity-list li a span {
    color: #AAAAAA;
    font-size: 11px;
    font-style: italic;
}
.activity-list li a i {
    margin-right: 10px;
    opacity: 0.6;
    vertical-align: middle;
}
.new-update {
    border-top: 1px solid #DDDDDD;
    padding: 10px 12px;
}
.new-update:first-child {
    border-top: medium none;
}
.new-update span {
	display:block;
}
.new-update i{
	float: left;
	margin-top: 3px;
	margin-right: 13px;
}
.new-update .update-date {
    color: #BBBBBB;
    float: right;
    margin: 4px -2px 0 0;
    text-align: center;
    width: 30px;
}
.new-update .update-date .update-day {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: -4px;
}
.update-done, .update-alert, .update-notice {
    display: block;
    float: left;
    max-width: 76%;
}


/* Campaign Page */

#create-selection a{
    float:left;
    margin-right:20px;
}

.campaign-intro{
	color:#9d183e;
	position:relative;
	padding:0 0 20px;
}
.campaign-intro h2{
    font-size:32px;
    margin:0 280px 15px 0;
    font-family:'helvetica neue', helvetica, arial, sans-serif;
    font-weight:400;
}
h2 .campaign-status{
    width:228px;
    height:34px;
    line-height:34px;
    display:block;
    position:absolute;
    top:45px;
    background:#a11448;
    font-size:12px;
    right:30px;
    text-align:center;
    color:#e7b1c5;
    text-indent:-6px;
}
h2 .campaign-status strong{
    text-transform:uppercase;
    color:#fff;
    text-shadow:0 1px rgba(0,0,0,0.1);
}

.campaign-intro p{
    font-size:14px;
    margin-right:280px;
}
.campaign-intro a{
    display:block;
    position:absolute;
    right:30px;
    top:5px;
    background:#a0214d;
    border:none;
    padding:7px 0;
    width:228px;
    text-align:center;
    color:#fff;
    cursor:pointer;
}
.campaign-intro a:after{
    content: "";
    position: absolute;
    top:0px;
    left:-17px;
    border-style: solid;
    border-width:17px 17px 17px 0;
    border-color: transparent #a11448;
    display: block;
    width: 0;
    z-index: 1;
}
.campaign-intro a:hover{
    background:#c01953;
}
.campaign-intro a:hover:after{
    border-color: transparent #c01953;
}
.campaign-demo{
	border:1px solid #b0afaf;
	max-width:100%;
	background:#fff;
	padding:20px;
	overflow:hidden;
	margin:0 0 15px;
}
.campaign-demo div{
	float:left;
	width:25%;
}
.campaign-demo p{
	line-height:24px;
	text-align:center;
	font-size:19px;
	color:#a1a1a1;
	margin:0;
	word-wrap: break-word;
}

.campaign-demo .item p{
    text-align:left;
}

.campaign-demo span{
	display:block;
}
.campaign-demo .maroon{
	color:#9d183e;
	font-size:26px;
	margin:10px 0 0;
}
.campaign-demo .green{
	float:none;
	display:inline;
	color:#bdbc1e;
}
.campaign-detail{
	margin:0 0 35px;
	padding-bottom:15px;
}
.campaign-detail &gt; div{
    font-size:12px;
    float:left;
    overflow:hidden;
    width:47%;
    padding:0 25px 5px 0;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.campaign-detail .half.first{
	clear:both;
}
.campaign-detail h2{
	clear:both;
	font-size:18px;
	margin:0 0 15px;
	padding:10px 0 0;
	line-height:18px;
}
.campaign-detail ul{
	margin:0;
	float:left;
}
.campaign-detail .table-list li{
	font-size:12px;
	float:left;
	padding-right:25px;
}
.worker .table-list li a:hover{
	text-decoration:underline;
}

.filter-wrapper #open-filter{
	padding:8px 20px 8px 100px;
	background:url('../img/filter_arrow.png') 13px 13px no-repeat #3e3e3e;
	float:right;
	color:#fff;
	font-size:16px;
	text-decoration:none;
}
.filter-form{
	clear:both;
	background:#3e3e3e;
	padding:20px;
	display:none;
	overflow:hidden;
	position:relative;
}
.filter-form fieldset{
	width:71%;
	float:left;
}
.agerange-wrap{
	overflow:hidden;
}
.filter-form .form-horizontal p.age-range{
	float:left;
	width:auto;
}
.filter-form .form-horizontal .age-range label{
	width:auto;
	padding:0 10px 0 0;
	float:left;
}
.filter-form .form-horizontal .age-range input{
	width:80px;
	float:left;
}
.filter-form .form-horizontal p, .filter-form .form-horizontal .keywords{
	overflow:hidden;
}
.filter-form .form-horizontal label{
	color:#fff;
	float:left;
	width:auto;
	text-align:left;
	padding:0;
	width:90px;
	line-height:38px;
	font-size:15px;
	font-weight:400;
}
.filter-form .form-horizontal .radius-label{
	width:70px;
}
.filter-form .form-horizontal .select2-container{
	padding:0;
	margin:6px 0 0;
	float:left;
	width:auto;
}
.filter-form .form-horizontal input[type=text]{
	width:200px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	border:1px solid #3e3e3e;
	height:40px;
	line-height:40px;
	width:50px;
	margin:0 15px 0 0;
	float:left;
	background:#e5e5e5;
}
.filter-form .form-horizontal .keywords .help-block .label{
	position:relative;
	right:auto;
	top:auto;
	margin:3px 0 0;
	float:left;
	background:url('../img/help_icon_white.png') 0 0 no-repeat;
}
.filter-form .form-horizontal input#location-search, .filter-form .form-horizontal input#transcription-search{
	width:50%;
}
.filter-form .form-horizontal button, #show-declined{
	float:right;
	margin:5px 0 0 5px;
}
#show-declined{
	background:#6c6c6c;
	border:1px solid #6c6c6c;
	color:#222;
	font-size:12px;
}
#filtered-detail{
	width:26%;
	float:right;
}
#filtered-detail h2{
	margin:10px 0 13px;
	color:#fff;
	line-height:20px;
	font-size:15px;
	font-weight:500;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
}
#filtered-detail p{
	margin:0 0 3px;
	color:#fff;
	font-size:13px;
	overflow:hidden;
	clear:both;
}
#filtered-detail p strong{
	font-weight:400;
	color:#bdbc1e;
	float:left;
	width:80px;
}
#filtered-detail p span{
	overflow:hidden;
	display:block;
}
p.age-range{
	width:50%;
	float:left;
}
.filter-form .form-horizontal p.age-range input[type=text] {
	width:22%;
	margin:0;
}
.filter-form .form-horizontal p.age-range span{
	float:left;
	line-height:38px;
	color:#fff;
	padding:0 10px;
}
.filter-form .form-horizontal .gender-radio label.radio{
	width:auto;
	padding:10px 0 0;
	margin:0 15px 0 0;
}
.filter-form .form-horizontal .gender-radio label.radio div.radio{
	float:left;
	line-height:18px;
}
.filter-form .form-horizontal .gender-radio label.radio label{
	float:left;
	width:auto;
	line-height:17px;
}
.filter-results{
	margin-top:0;
}
.filter-results td{
	padding:15px 0;
}
.filter-results .video-col{
	width:5%;
    position:relative;
}
.filter-results .video-col .flowplayer.is-ready{
    background:#333 !important;
    width:400px;
    height:400px;
    z-index:10;
    -webkit-box-shadow:0 0 5px #000;
    -moz-box-shadow:0 0 5px #000;
    box-shadow:0 0 5px #000;
    z-index:500;
}

.flowplayer.is-paused .the-duration{
    position:absolute;
    top:90px;
    text-align:center;
    left:0px;
    height:20px;
    background:rgba(0,0,0,0.4);
    color:#fff;
    font-size:11px;
    right:0;
    width:110px;
    display:block;
}
.recent-posts .flowplayer.is-paused .the-duration{
    width:100px;
    top:80px;
    display:block;
}
.recent-posts .user-thumb{
	margin-right:10px;
}
.flowplayer.is-loading .the-duration, .flowplayer.is-playing .the-duration{
    display:none;
}
.filter-results .campaign-details{
	width:80%;
}
.filter-results .utility-col{
	width:30%;
	position:relative;
}
.filter-results .utility-col .btn, .filter-results .utility-col .btn-warning{
	width:140px;
	float:none;
	padding:6px 0;
	display:block;
	margin:0 auto 10px;
}
.filter-results .utility-col .btn-success{
	margin-top:25px;
}
.filter-results .utility-col .btn-warning{
	text-align:center;
	text-shadow:none;
	background:#cfae78;
}
.filter-results .user-thumb{
	width:110px;
	height:110px;
	overflow:hidden;
	margin:0 15px;
	padding:0;
}
#filtered-detail #filter-total{
	background:#a11448;
	width:130px;
	height:130px;
	line-height:16px;
	font-size:24px;
	text-align:center;
	text-indent:-55px;
	-moz-border-radius:150px;
	-webkit-border-radius:150px;
	border-radius:150px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:23px 0 0;
	position:absolute;
	bottom:-70px;
	right:-70px;
}
#filter-total span{
	font-size:10px;
}
.campaign-details h2{
	font-family:'helvetica neue', helvetica, arial, sans-serif;
	margin:0;
	font-size:24px;
	font-weight:300;
	color:#a0214d;
}
.campaign-details p{
	margin:0 0 3px;
	font-size:18px;
	color:#4a4a4a;
}
.campaign-details .approved{
    color:green;
}
.campaign-details .declined{
    color:#b94a48;
}
.campaign-details .small{
	font-size:11px;
	margin:0;
}
.campaign-details .small strong{
	font-size:13px;
	font-weight:700;
	line-height:16px;
}

/* List Filter */

.filter-label{
	line-height:30px;
	padding:0 5px 0 5px;
	font-size:12px;
}

/* Tables */

table.dataTable {
    padding-top:40px;
}

span.icon .checker {
	margin-top: -5px;
	margin-right: 0;
}
table.white td{
	background:#fff;
}

.dataTables_length {
    color: #878787;
    margin: 7px 5px 0;
    position: absolute;
    right: 2px;
    top: -2px;
}
.dataTables_length div {
	vertical-align: middle;
}

.dataTables_paginate {
    line-height: 16px;
    text-align: right;
    margin-top: 5px;
    margin-right: 10px;
}
.dataTables_paginate .ui-button,  .pagination.alternate li a {
    font-size: 12px;
    padding: 4px 10px !important;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd #dddddd #cccccc; /* for IE &lt; 9 */
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    display: inline-block;
    line-height: 16px;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    color: #333333;
    text-shadow: 0 1px 0 #ffffff;
}
.dataTables_paginate .ui-button:hover, .pagination.alternate li a:hover{
    background-color: #e8e8e8;
    background-image: -moz-linear-gradient(center top , #f0f0f0, #dadada);
    background-image: -ms-linear-gradient(top, #f0f0f0, #dadada);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#dadada));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #dadada);
    background-image: -o-linear-gradient(top, #f0f0f0, #dadada);
    background-image: linear-gradient(top, #f0f0f0, #dadada);
    color: #222222;
    text-shadow: 0 1px 0 #ffffff;
    cursor: pointer;
}

.dataTables_paginate .first{
    border-radius: 4px 0 0 4px;
}
.dataTables_paginate .last {
    border-radius: 0 4px 4px 0;
}
.dataTables_paginate .ui-state-disabled, .fc-state-disabled, .pagination.alternate li.disabled a {
    color: #AAAAAA !important;
}
.dataTables_paginate .ui-state-disabled:hover, .fc-state-disabled:hover, .pagination.alternate li.disabled a:hover {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    cursor: default !important;
}
.dataTables_paginate span .ui-state-disabled, .pagination.alternate li.active a {
    background-color: #414141 !important;
    background-image: -moz-linear-gradient(center top , #555555, #222222) !important;
    background-image: -ms-linear-gradient(top, #555555, #222222) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)) !important;
    background-image: -webkit-linear-gradient(top, #555555, #222222);
!important;
    background-image: -o-linear-gradient(top, #555555, #222222) !important;
    background-image: linear-gradient(top, #555555, #222222) !important;
    color: #ffffff !important;
    cursor: default !important;
}
div.dataTables_wrapper .ui-widget-header {
    border-right: medium none;
    border-top: 1px solid #D5D5D5;
    font-weight: normal;
    margin-top: -1px;
}
.dataTables_wrapper .ui-toolbar {
    padding: 5px;
}
.dataTables_filter {
    color: #878787;
    font-size: 11px;
    left: 0;
    margin: 4px 8px 2px 10px;
    position: absolute;
    text-align: left;
}
.dataTables_filter input {
	margin-bottom: 0;
}


.table th {
	height: auto;
	font-size: 10px;
	padding: 5px 10px 2px 8px;
	border-bottom: 0;
	text-align: left;
	color: #444;
	font-size:12px;
}
.table.large-th th, .table td{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#444;
	font-weight:400;
}
.table th a{
	color: #666666;
}
.table.with-check tr th:first-child, .table.with-check tr td:first-child {
	width: 10px;
}
.table.with-check tr th:first-child i{
	margin-top: -2px;
	opacity: 0.6;
}
.table.with-check tr td:first-child .checker {
	margin-right: 0;
}
.table tr.checked td {
	background-color: #FFFFE3 !important;
}
/* Misc */
.nopadding {
	padding: 0 !important;
}
.nomargin {
	margin: 0 !important;
}
.nopadding .table {
	margin-bottom: 0;
}
.nopadding .table-bordered {
	border: 0;
}
.thumbnails {
	margin-left: -2.12766% !important;
}
.thumbnails [class*="span"] {
    margin-left: 2.12766% !important;
    position: relative;
}
.thumbnails .actions {
	width: 32px;
	height: 16px;
	background-color: #000000;
	padding: 5px 8px;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -24px;
	opacity: 0;
	-moz-transition: opacity 0.3s ease-in-out;
}
.thumbnails li:hover .actions {
	opacity: 1;
}
.line {
    background: url("../img/line.png") repeat-x scroll 0 0 transparent;
    display: block;
    height: 8px;
}
.modal {
	z-index: 99999 !important;
}
.modal-backdrop {
	z-index: 999 !important;
}
.modal-header {
	height: auto;
	padding: 8px 15px 5px;
}
.modal-header h3 {
	font-size: 12px;
	text-shadow: 0 1px 0 #ffffff;
}

.notify-ui ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.notify-ui li {
	background-image: -moz-linear-gradient(top, #eeeeee,#dddddd);
	margin-bottom: 5px;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #dddddd;
}
.notify-ui li:hover {
	cursor: pointer;
	color: #777777;
}
.table-list{
	list-style:none;
	margin:10px 0;
}
.table-list li{
	background:url('../img/bullet3.png') 0 5px no-repeat;
	margin:0 0 5px;
	padding:0 0 0 13px;
}

/* Forms */
form {
	margin-bottom: 0;
}
.form-horizontal .control-group {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 0;
	padding-right:40px;
}
.form-horizontal .control-group.gender-group label.radio{
	margin:0 12px 0 0;
}
.radio-button-upload{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #eeeeee;
	padding-bottom:5px;
}
.radio-button-upload .control-group{
	border:none;
}
.form-horizontal #file-upload .control-group {
}
.form-horizontal .control-group:last-child {
	border-bottom: 0;
}
.form-horizontal .control-label {
	padding-top: 15px;
	width: 180px;
}
.form-horizontal .controls {
	margin-left: 200px;
	padding: 10px 0;
    min-height:30px;
}
.form-horizontal input[type=text], .form-horizontal input[type=password], .form-horizontal textarea {
	width: 80%;
}
.form-horizontal .form-actions {
	margin-top: 0;
	margin-bottom: 0;
	background:#fff;
	border-top:none;
	padding-left:200px;
}
.help-block, .help-inline {
    color: #999999;
}
.help-inline.error{
	display:block;
	padding:4px 8px;
	width:77%;
	margin:8px 0 0;
	clear:both;
	color:#b94a48;
	background-color: #f2dede;
	border:1px solid #e2bbc1;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.well, .alert{
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	border-left:0;
	border-right:0;
}
.review-question-page .table td:first-child{
	width:300px;
	border-left:none;
}
.review-question-page .table td{
	border-top:none !important;
	border-bottom:1px solid #dddddd;
}
.review-question-page .btn{
	margin:10px 0 10px 10px;
}
.sort-link{
	display:block;
}
.table-thumb{
	width:75px;
}
table img{
	width:75px;
	height:75px;
}
table img.cta{
	width:auto;
	height:auto;
}
.caret, .sort-link.asc:hover .caret{
	float:right;
	border-top: 4px solid #777;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-bottom:0;
	content: "";
	margin-top:8px;
	width:0;
	height:0;
}
.row-fluid [class*="span"]:first-of-type{
	margin-left: 0;
}
.asc .caret, .sort-link:hover .caret{
	border-top: 0;
    border-bottom: 4px solid #777;
    content: "";
}
.btn.margin{
	margin:10px;
}
.no-top-border tr:first-child th, .no-top-border tr:first-child td{
	border-top:0;
}
.filter-button{
	margin:12px 0 0 200px;
}
#payment-form .control-label {
	padding-top: 15px;
	width:80px;
}
#payment-form.form-horizontal .controls{
	margin-left:100px;
}
.continue-payment-button{
	margin:10px 10px 10px 100px;
}
#payment-form.form-horizontal .control-group{
	padding-right:0px;
}
.widget-title .label-details, .control-group .label{
	background:url('../img/help_icon.png') 0 0 no-repeat;
	border:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	padding:0;
	width:15px;
	height:16px;
	text-indent:-9999px;
	font-weight:400;
	margin:9px 9px 0 0;
}
.tooltip{
	white-space:nowrap;
}
.form-horizontal .control-group{
	position:relative;
}
.form-horizontal input + .help-block, .form-horizontal .help-block{

}
.select2-container-multi .select2-choices{
	margin:0 0 5px;
}
.form-horizontal .help-block .label{
	background:url('../img/help_icon.png') 0 0 no-repeat;
	border:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	padding:0;
	width:15px;
	height:16px;
	text-indent:-9999px;
	font-weight:400;
	margin:9px 9px 0 0;
	position:absolute;
	right:10px;
	top:10px;
}
.form-horizontal .help-block .tooltip{
	width:auto;
	white-space:normal;
	line-height:16px;
	font-size:12px;
	padding:10px !important;
	opacity:1;
}
.form-horizontal .help-block .tooltip .tooltip-inner{
	padding:10px;
	max-width:300px;
	margin-right:-5px;
}
.checkbox.inline, .radio.inline, .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline{
	margin:0 10px 0 0
}
.recent-posts li.block-link{
	padding:0;
}
.recent-posts li:nth-child(2n+1){
	clear:both;
}
.block-link &gt; a{
	display:block;
	padding:10px;
	background:url('../img/li_arrow.png') right 30px no-repeat #fff;
	-moz-transition:all 200ms ease-in;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
	overflow:hidden;
}
.block-link &gt; a:hover{
	background:url('../img/li_arrow.png') right -98px no-repeat #f3f3f3;
}
.block-link.small &gt; a{
	background:url('../img/li_arrow.png') right 25px no-repeat;
}
.block-link.small &gt; a:hover{
	background:url('../img/li_arrow.png') right -103px no-repeat #f3f3f3;
}
#responses .response-link{
	width:50%;
}
.response-link &gt; a{
	-moz-transition:all 200ms ease-in;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
	background:url('../img/li_arrow.png') right 40px no-repeat #fff;
}
.response-link &gt; a:hover{
	background:url('../img/li_arrow.png') right -88px no-repeat;
}
.link-table td:last-child{
	background:url('../img/li_arrow.png') right 18px no-repeat;
	-moz-transition:all 200ms ease-in;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}
.link-table thead td:last-child{
	background:none;
}
.link-table tr:hover td:last-child{
	background:url('../img/li_arrow.png') right -110px no-repeat #f3f3f3;
}
.link-table thead tr:hover  td:last-child{
    background:none;
}
.modal-header, .modal{
	-moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}
.approve-modal{
	width:517px;
}
.approve-modal .modal-body{
	background:#fff !important;
	padding:60px 35px 72px;
}
.approve-modal .modal-body .close{
	position:absolute;
	top:20px;
	right:20px;
	width:18px;
	height:18px;
	background:transparent;
	text-indent:-9999px;
	background:url('../img/close.gif') 0 0 no-repeat;
	opacity:1;
}
.approve-modal .modal-body .btn{
	float:left;
	padding:0;
	color:#fff;
	width:135px;
	height:75px;
	line-height:75px;
	text-align:center;
	font-size:16px;
	font-weight:400;
}
.approve-modal .modal-body .btn-ok{
	background:#49AFCD;
	border:1px solid #49AFCD;
}
.approve-modal .modal-body .btn-great{
	background:#33b173;
	border:1px solid #33b173;
}
.approve-modal .modal-body .btn:hover{
	opacity:0.8;
}

.hide-modal{ text-align: center; }

.hide-modal a{
	float: none !important;
	display: inline-block !important;
}

.response-list td:nth-child(2){
	width:150px;
}
.filter-results .response-list .summary{
	border:none;
}
.response-list thead{
	display:none;
}
.transcript-tooltip{
	float:left;
}
.transcript-tooltip .label{
	padding:4px 8px 4px 6px;
	margin:0 0 0 10px;
	font-size:11px;
	background:#e3e3e3;
	text-shadow:none;
	color:#555;
}
.utility-col .transcript-tooltip {
	display:block;
	margin:0 auto;
	float:none;
	text-align:center;
}
.utility-col .transcript-tooltip .label{
	width:142px;
	margin:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	padding:10px 0;
}
.transcript-tooltip .icon{
	margin-right:4px;
}
.transcript-tooltip .tooltip.top{
	margin:0px 20px 180px 0;
}
.utility-col .transcript-tooltip .tooltip.top{
	margin:0 0 50px 0;
}
.transcript-tooltip .tooltip-inner{
	max-width:260px;
	width:260px;
	padding:10px;
	top:auto;
	bottom:auto;
	white-space:pre-wrap;
}

.video-details{
	padding:15px 0 0;
}
.video-details p{
	overflow:hidden;
	font-size:13px;
}
.video-details span{
	float:left;
	width:120px;
	font-weight:700;
}

#review-campaign-block{
	position:relative;
	padding:15px 15px 160px;
}
.round-thumb{
	width:100px;
	height:100px;
	/*
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
	*/
	float:left;
	margin:0 20px 20px 0;
	overflow:hidden;
	border:1px solid #d3d3d3;
}
.round-thumb-non-panel{
    width:100px;
    float:left;
    margin:0 20px 20px 0;
    overflow:hidden;
    border:1px solid #d3d3d3;
}
.review-campaign-details{
	overflow:hidden;
	position:relative;
	z-index:20;
	width:60%;
    word-wrap:break-word;
}

.review-campaign-details .item.flex-user-details{
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.new-user-note{
	border-bottom: 1px solid black;
}

.review-campaign-details.full-width, .review-campaign-details--non-panel{
    width:100%;
}
.review-campaign-details .item{
	overflow:hidden;
	font-size:13px;
	padding:8px 0;
}

.review-campaign-details ul{
	border:none;
	overflow:hidden;
	margin:0;
}
.review-campaign-details span{
	float:left;
	width:210px;
	font-weight:700;
}
.review-campaign-details p{
	overflow:hidden;
	margin:0;
	word-wrap:break-word;
}
.review-campaign-details strong{
	color:#a11448;
	font-weight:700;
}
.review-campaign-details .btn{
	margin:0 10px 10px 0;
}
.review-campaign-details .review-checkbox .controls{
	margin:0;
	padding:0;
}
.review-campaign-details .review-checkbox .help-inline.error{
	clear:both;
	margin:10px 0;
	font-size:12px;
	display:block;
}
.review-campaign-details .review-buttons{
	border:none;
	padding:20px 0;
}
#iphone-demo{
	width:769px;
	height:461px;
	background:url('../img/phones.png') 0 0 no-repeat;
	position:absolute;
	bottom:1px;
	right:30px;
	z-index:10;
}
@media (max-width:1350px){
	#iphone-demo{
		position:relative;
		right:auto;
		bottom:auto;
		margin:0 auto;
	}
	#review-campaign-block{
		position:relative;
		padding:15px 15px 7px;
	}
	.review-campaign-details{
		width:auto;
	}
}
@media (max-width:1020px){
	#iphone-demo{
		display:none;
	}
}
@media (max-width:600px){
	.review-campaign-details ul{
		overflow:visible;
		clear:both;
		padding-top:8px;
	}
	.review-campaign-details p{
		clear:both;
		padding-top:5px;
	}
	#review-campaign-block .round-thumb{
		float:none !important;
		margin:0 auto;
	}
}
#white-phone{
	width:160px;
	height:200px;
	position:absolute;
	left:294px;
	top:238px;
}
#white-phone img{
	position:absolute;
	top:12px;
	left:10px;
	width:45px;
	height:45px;
}
#white-phone #hide-h2{
	position:absolute;
	top:13px;
	left:60px;
	overflow:hidden;
	width:100px;
}
#white-phone #hide-h2 h2{
	width:220px;
	font-size:11px;
	line-height:14px;
}
#black-phone{
	width:225px;
	height:100px;
	position:absolute;
	left:478px;
	top:175px;
}
#black-phone img{
	position:absolute;
	top:11px;
	left:9px;
	width:50px;
	height:50px;
}
#black-phone h2, #white-phone h2, #response-desc{
	font-family:helvetica, arial, sans-serif;
	color:#676767;
	font-size:12px;
	line-height:16px;
	margin:0;
}
#black-phone h2{
	position:absolute;
	width:160px;
	height:50px;
	top:12px;
	overflow:hidden;
	left:68px;
	text-overflow:ellipsis;
}
#response-cost{
	position:absolute;
	top:201px;
	left:10px;
	width:80px;
	height:20px;
	font-size:20px;
	color:#9c9c9c;
}
#response-desc{
	width:150px;
	height:40px;
	overflow:hidden;
	font-size:11px;
	line-height:13px;
	position:absolute;
	top:141px;
	left:10px;
	color:#fff;
}
#response-desc p{
	width:250px;
}
.continue-payment-button{
	padding:8px 12px;
}
.continue-payment-button img{
	margin:0 0 0 3px;
}
.paypal-img{
	float:right;
	margin:9px 9px 0 0;
}
@media (max-width: 1024px) {
	.utility-col .transcript-tooltip .tooltip.top{
		margin:0 0 50px -40px;
	}
}
@media (max-width: 580px) {
	.filter-form .form-horizontal label, .filter-form .age-range{
		width:100%;
	}
	.filter-form .age-range input{
		width:40% !important;
	}
}
/* Responsive design */
@media (max-width: 480px) {
	#zenbox_tab{
		display:none !important;
	}
	#header{
		height:125px;
	}
	#header h1 {
		top:15px;
		left: auto;
		margin: 3px auto;
	}
	#user-nav {
		position: absolute;
		left: auto;
		right: auto;
		width: 100%;
		margin:0;
		top:80px;
	}
	.navbar &gt; .nav {
		float: none;
	}
	#user-nav &gt; ul {
		left: 50%;
		position: absolute;
	}
	#content {
		margin-left: 0 !important;
		border-top-left-radius: 0;
	}
	#content-header {
		margin-top: 0;
		text-align: center;
	}

	#content-header h1 {
		display: block;
		text-align: center;
		margin-left: auto;
		margin-top: 0;
		padding:15px 15px 0;
		width: 100%;
		float: none;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#content-header .btn-group {
		display:block;
		float:left;
		position:relative;
		top:0;
		left:23%;
		margin:0!important;
		padding:0;
	}
	.tooltip{
		display:none !important;
	}
	#sidebar {
		float: none;
		width: 100% !important;
	}
	#sidebar &gt; a {
		padding: 7px 20px 7px 15px;
		box-shadow: 0 1px 0 #666666;
		margin-bottom: 1px;
		display: block !important;
		text-transform: uppercase;
		color: #eeeeee;
		font-size: 10px;
	}
	#sidebar &gt; a &gt; i {
		margin-right: 10px;
		background-image: url('../img/glyphicons-halflings-white.png');
	}
	#sidebar &gt; ul {
		display: none;
		margin: -2px 0 0 !important;
		width: 100% !important;
		box-shadow: 0 6px 6px rgba(0,0,0,0.4);
	}
	#sidebar &gt; ul &gt; li.active &gt; a {
		background: none !important;
	}
	#sidebar &gt; ul &gt; li &gt; a &gt; span {
		display: inline !important;
	}
	.widget-title .buttons &gt; .btn {
		width: 11px;
		white-space: nowrap;
		overflow: hidden;
	}
    .form-horizontal .control-label {
        padding-left: 30px;
    }
    .form-horizontal .controls {
        margin-left: 0;
        padding: 10px 30px;
    }
    .form-actions {
        text-align: center;
    }
    .continue-payment-button {
		margin-left:30px;
	}
	.filter-block .controls{
		padding-left:0;
	}
	.filter-block .filter-button{
		margin-left:0px;
	}
	.filter-block .span2{
		width:30% !important;
	}
	.article-post{
		overflow:hidden;
	}
	#question-grid th:nth-child(3), #question-grid td:nth-child(3),
	#question-grid th:nth-child(4), #question-grid td:nth-child(4){
		display:none;
	}
	#submit-button{
		width:auto;
		height:150px;
		margin:-30px 0 0 0;
		background:transparent;
	}
}
@media (max-width:560px) {

	.stat-boxes li:nth-child(3){
		padding:0;
	}
	.stat-boxes li:nth-child(3) div:first-child{
		margin:0 0 5px;
	}
	.stat-boxes li:nth-child(3) div:not(:first-child){
		padding:0 5px;
		margin-right:0;
		border-top:1px solid #e3e3e3;
	}
	.stat-boxes li:nth-child(3) div:nth-child(2){
		clear:both;
	}
	.filter-block .span2{
		width:40% !important;
	}
	.campaign-demo div{
		width:49%;
		margin:0 0 20px;
	}
	.campaign-detail div{
		margin-bottom:5px;
	}
	.campaign-demo div:nth-child(3n){
		clear:both;
	}
	.campaign-demo p{
		font-size:16px;
	}
	.campaign-demo .maroon{
		font-size:20px;
	}

	#simple-watch-open{
		display:none;
	}
	.campaign-intro h2{
		margin-right:0;
	}
	h2 .campaign-status{
		position:relative;
		top:auto;
		right:auto;
		margin-top:10px;
	}
	.campaign-intro p{
		margin-right:0;
	}
	.utility-col{
		clear:both;
		width:100%;
	}
	#user-nav &gt; ul{
		left:20px;
		margin:0 !important;
	}
	#responses .response-link{
		width:100%;
	}
	.campaign-demo .tagcloud{
		clear:both;
		width:100% !important;
		padding:0;
		margin:20px 0 0;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	#sidebar, #sidebar &gt; ul {
		width: 43px;
	}
	#sidebar &gt; ul ul {
		display: none;
		position: absolute;
		left:50px;
		top: 0;
		min-width: 150px;
		box-shadow: 0 1px 5px rgba(0,0,0,0.7);
		border-radius: 5px;
		list-style: none;
	}
	#sidebar &gt; ul ul li a {
		white-space: nowrap;
		padding: 10px 25px;
	}
	#sidebar &gt; ul ul:before {
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		content: "";
		display: inline-block;
		left: -6px;
		position: absolute;
		top: 11px;
	}
	#sidebar &gt; ul ul:after {
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		content: "";
		display: inline-block;
		left: -5px;
		position: absolute;
		top: 12px;
    }
	#sidebar &gt; a {
		display: none !important;
	}
	#sidebar &gt; ul &gt; li.open.submenu &gt; a {
    	border-bottom: none !important;
	}
	#sidebar &gt; ul &gt; li &gt; a &gt; span {
		display: none;
	}
	#content {
		margin-left: 43px;
	}
	.filter-block .span2{
		width:30% !important;
	}
	.campaign-demo .tagcloud{
		clear:both;
		width:100% !important;
		padding:0;
		margin:20px 0 0;
		max-width:1000px !important;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
}
@media (max-width: 600px) {
	.widget-title .buttons {
		float: left;
	}
	.panel-left {
		margin-right: 0;
	}
	.panel-right {
		border-top: 1px solid #DDDDDD;
		border-left: none;
		position: relative;
		top: auto;
		right: auto;
		height: auto;
		width: auto;
	}
}
@media (max-width: 767px) {
	body {
		padding: 0 !important;
	}
	.container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}
	#search { display: none; }
	#user-nav &gt; ul &gt; li &gt; a &gt; span.text {
		display: none;
	}
	.transcript-buttons, .cashout-buttons{
		padding-top:20px;
		width:100%;
		float:none;
		clear:both;
	}
	.container-fluid .transcripts .btn{
		float:left;
		clear:none;
		margin:0 10px 0 0;
	}
	.campaign-detail &gt; div{
		float:none;
		width:100%;
		clear:both;
	}
	.campaign-detail &gt; div{
		float:none;
		width:100%;
		clear:both;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	[class*="span"], .row-fluid [class*="span"] {
		display: block;
		float: none;
		margin-left: 0;
		width: auto;
	}
	.row-fluid textarea[class*="span"]{
		width:80%;
	}
	.transcripts{
		border:1px solid red;
	}
}
@media (max-width: 979px) {
	div.dataTables_wrapper .ui-widget-header {
		height: 68px;
	}
	.dataTables_filter {
		position: relative;
	}
	.dataTables_filter, .dataTables_paginate {
		text-align: center;
	}
	#demo-intro{
		width:100%;
	}
	#demo-intro h2, #demo-intro p{
		padding:0 20px;
		text-align:center;
	}
	.filter-form fieldset, #filtered-detail{
		float:none;
		width:100%;
	}
}


#response-grid_c0{
    width:50px;
}

/* general */

.float-left
{
    float:left;
}

/* Flowplayer */

.filter-container input
{
    width:100%;
}

.flowplayer {
   width: 200px;
   height: 200px;
}

.flowplayer .fp-progress {
    background-color: rgba(154, 35, 69, 1)!important;
}

.recent-posts .span6, .recent-posts .span12{
    margin-left:0;
}

.recent-posts .flowplayer
{
    height:100px;
    width:100px;
    margin-right:10px;
}
.recent-posts .flowplayer.is-ready,.recent-posts .flowplayer.is-loading{
    background:#333 !important;
    width:100%;
    height:100%;
    z-index:10;
	border:1px solid #d1d1d1;
    position:relative;
    z-index:500;
}
.recent-posts .flowplayer.is-ready{
	margin:0 0 15px;
}
.fp-unload, .fp-embed{
	display:block;
	background-image: url(/js/flowplayer/skin/img/black.png) !important;
	background-size: 37px 300px;
	background:#fff;
	width:20px !important;
	height:20px !important;
	overflow:hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.8);
	border:1px solid #e3e3e3;

	display:block;
}
.fp-unload{
	width:20px !important;
	height:20px !important;
	background-position: 4px -175px !important;

}
.fp-embed{
	width:26px !important;
	height:17px !important;
}

/* Question Create/Update page */
.question-form-container{
	position:relative;
}

/* Question Page */
#panel-details {
  right: 0px;
  position: relative;
  margin-left: 35px;
  height:250px;
}

#panel-details .scroll-content {
  position: relative;
  top:auto;
  width:100%;
}
#panel-details .fixed {
  position: fixed;
  top: 10px;
  background:#fff;
}

/* CLEAR */


.list-view .video-carousel::before, .list-view .video-carousel::after{
    content:" "; /* 1 */
    display:table; /* 2 */
}
.list-view .video-carousel::after{
    clear:both;
}
.list-view .video-carousel:{
    *zoom:1;
}

/* Simple Watch Page */

.list-view .video-carousel:after{
    content:'';
    clear:both;
    height:0;
    display:block;
}
.list-view .video-carousel{
    padding:0;
    height:315px;
    right:-160px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
}
.video-carousel .empty{
    position:absolute;
    left:50%;
    top:50%;
    width:300px;
    margin:-40px 0 0 -150px;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
}
#simple-watch-video-player{
    position:absolute;
    left:50%;
    height:300px;
    width:300px;
    padding:0;
    margin:0 0 0 -150px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
    z-index:9999;
    background:#333;
}
.large #simple-watch-video-player{
    height:450px;
    width:450px;
    margin-left:-225px;
}
#simple-watch-frame{
    width:100%;
    height:100%;
    border:none;
}
.simple-watch-frame-inner{
    margin:0;
    overflow:hidden;
    min-width:0;
}
.simple-watch-frame-inner .simple-watch-main{
    margin:0;
    width:100%;
    height:100%;
}
.simplewatch-video-details{
    position:absolute;
    margin:0;
    padding:0;
    top:315px;
    right:65px;
    left:65px;
    clear:both;
    color:#fff;
    line-height:1em;
    text-align:center;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
}
.large .simplewatch-video-details{
    top:465px;
}
.list-view.large .video-carousel{
    height:468px;
}
#simple-watch-video-player .flowplayer{
    width:100%;
    height:100%;
    position:relative;
    z-index:500;
    border:1px solid #fff;
    background-size:cover !important;
    overflow:hidden;
}
#approval-wrapper{
    position:absolute;
    top:0;
    right:-201px;
    width:200px;
    min-height:140px;
    z-index:600;
}
.video-btn{
    display:block;
    width:35px;
    height:35px;
    position:absolute;
    left:0;
    top:5px;
    border:none;
    background:url('../img/approve_icon.png') 12px 10px no-repeat #bfbe13;
    cursor:pointer;
    overflow:hidden;
}
.video-btn.decline{
    top:45px;
    background:url('../img/decline_icon.png') 12px 11px no-repeat #a0214d;
}
.video-btn.decline.completed{
    width:110px;
    right:-112px;
    line-height:35px;
    color:#fff;
    text-indent:34px;
    cursor:auto;
    top:5px;
}
.video-btn.awaiting{
    width:135px;
    right:-112px;
    line-height:35px;
    color:#000;
    text-indent:10px;
    cursor:auto;
    top:5px;
    background: #E3E3E3;
}
.video-btn.add{
    top:85px;
    background:url('../img/add_icon.png') 9px 12px no-repeat #b8b8b8;
    z-index:100;
}
.video-btn.add p{
    color:#fff;
    font-size:13px;
    line-height:13px;
    margin:34px 0 0;
    padding:0 10px;
}
.video-btn.add.completed{
    top:85px;
    width:35px;
}
.video-btn.approve{
    z-index:500;
}
.video-btn.approve a{
    display:block;
    margin:35px 10px 5px;
    background:#9d9d00;
    height:28px;
    line-height:28px;
    text-align:center;
    color:#fff;
    text-decoration:none;
}
.video-btn.approve .great-response{
    margin-top:0;
    background:#30b272;
}
.video-btn.approve .poor-response{
    margin-top:0;
    background:#A0214D;
}
.video-btn a.approve-close{
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    font-size:11px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    margin:0;
    position:absolute;
    top:8px;
    right:10px;
    margin:0;
    display:none;
    background:#333;
    color:#fff;
}
.video-btn.approve.completed{
    width:110px;
    right:-112px;
    line-height:35px;
    color:#fff;
    text-indent:34px;
    cursor:auto;
}
#after, #before{
    width:200px;
    height:200px;
    position:absolute;
    left:50%;
    margin:51px 0 0 -300px;
    z-index:200;
    overflow:hidden;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
}
#after{
    left:auto;
    right:50%;
    margin:51px -300px 0 0;
}
#after .items, #before .items, #after img, #before img{
    width:100%;
    height:100%;
}
#simple-watch-video-player .btn{
    width:225px;
    margin:10px 0 0;
}
.large #after, .large #before{
    width:350px;
    height:350px;
    margin:53px 0 0 -540px;
}
.large #after{
    margin:53px -540px 0 0;
}
.simple-watch-pager{
    position:relative;
    height:30px;
    margin-bottom:5px;
}
.simple-watch-pager ul{
    display:block;
    position:relative;
    width:100%;
}
.simple-watch-pager ul.yiiPager a:link, .simple-watch-pager ul.yiiPager a:visited{
    border:none;
}
.simple-watch-pager .next{
    position:absolute;
    right:50%;
    margin:0 -153px 0 0;
}
.simple-watch-pager .prev{
    position:absolute;
    left:50%;
    margin:0 0 0 -150px;
}
.large .simple-watch-pager .next{
    margin:0 -228px 0 0;
}
.large .simple-watch-pager .prev{
    margin:0 0 0 -228px;
}
.simple-watch-pager .btn-primary{
    padding:0;
    background:transparent;
    border:none;
}
.simple-watch-pager .btn.next a, .simple-watch-pager .btn.prev a{
    color:#fff;
    width:auto;
    padding:8px 24px 8px 12px;
    background:url('../img/chevrons.png') 46px 11px no-repeat #a0214d;
    font-weight:300;
}
.simple-watch-pager .btn.prev a{
    padding:8px 12px 8px 24px;
    background:url('../img/chevrons.png') 9px -78px no-repeat #a0214d;
}
.simple-watch-pager .btn.next a:hover, .simple-watch-pager .btn.prev a:hover{
    background-color:#b72759;
}
#showreel-form-wrap{
    display:none;
    overflow:hidden;

}
#showreel-form .control-group {
    border:none;
    overflow:hidden;
    float:left;
    width:510px;
    margin:0 20px;
}
#showreel-form .controls{
    margin:0;
}
#showreel-form label{
    float:left;
    color:#fff;
    text-align:left;
    width:auto;
    margin:0 10px 0 0;
    font-size:14px;
    font-weight:300;
}
#showreel-form input{
    float:left;
    width:370px;
    margin:0;
    display:block;
    margin:0;
}
#showreel-form input[type="submit"]{
    width:auto;
    height:auto;
    line-height:auto;
    font-size:14px;
    padding:5px 10px;
    margin:8px 0 0;
}
#showreel-form .help-block{
    float:left;
}
#showreel-container{
    width:100%;
    overflow:hidden;
    height:auto;
    margin:0 0 0;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    box-shadow:inset 0 0 5px rgba(0,0,0,0.7);
    border:1px solid #000;
    background:#222;
    position:relative;
}
#simple-watch-viewer{
    height:655px;
    width:98%;
    margin:1% 0 0 1%;
    position:absolute;
    top:0;
    left:0;
}
#simple-watch-viewer iframe{
    height:97%;
    width:100%;
    margin:10px 0 0 0;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background:#333;
    overflow-x:hidden;
}
#simple-watch-viewer .modal-body{
    height:100%;
    width:100%;
    max-height:none;
    background:#444;
    padding:10px 10px 0;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    overflow-x:hidden;
}
#showreel-list{
    list-style-type: none;
    height:102px;
}
#showreel-list li {
    display:block;
    list-style: none;
    float:left;
    position:relative;
    width:100px;
    height:100px;
    margin:0 10px 0 0;
}
#showreel-list img {
    margin:0;
    margin-left: 9999px;
    width:100px;
    height:100px;
    cursor:move;
}
#showreel-list .delete{
    width:20px;
    height:20px;
    line-height:20px;
    position:absolute;
    top:5px;
    right:5px;
    z-index:9999px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    color:#fff;
    background:#333;
    font-size:11px;
    text-align:center;
}
#showreel-container span.error{
    float:left;
    clear:both;
    margin:5px 0 0 115px;
    width:auto;
    border:none;
}
#showreel-thanks{
    color:#fff;
    margin:0;
    padding:20px;
    font-weight:100px;
    font-size:16px;
}
#showreel-thanks a{
    text-decoration:underline;
    color:#fff;
}
#showreel-thanks a:hover{
    text-decoration:none;
}
#showreel-toggle{
    float:right;
    height:28px;
    line-height:28px;
    padding:0 32px 0 12px;
    color:#fff;
    font-weight:300;
    background:url('../img/chevrons.png') right -132px no-repeat #a0214d;
}
#showreel-toggle.open{
    background:url('../img/chevrons.png') right -182px no-repeat #a0214d;
}
#simple-watch-viewer .close{
    background:transparent;
    padding:0;
    border:none;
    opacity:1;
    display:block;
    position:absolute;
    top:7px;
    right:14px;
    color:#fff;
    width:auto;
}
#simple-watch-viewer .close:after{
    border:none;
}
.list-view .summary, .filter-results .summary{
    border-bottom:1px solid #e3e3e3;
    padding:10px;
    font-size:12px;
    text-align:right;
}
.decline-response-modal .modal-body, #decline-response-modal .modal-body{
    height:200px;
    padding:25px 0 0;
    background:#444;
    position:relative;
}
.decline-response-modal .modal-body iframe, #decline-response-modal .modal-body iframe{
    width:100%;
    height:96%;
    overflow:hidden;
}
.close-modal{
	position:absolute;
	top:38px;
	right:28px;
	z-index:9999;
}
.simple-viewer-filter{
    position:absolute;
    top:1px;
    left:10px;
}
.simple-viewer-filter label{
    color:#fff;
    float:left;
    padding:0 5px 0 0;
    font-size:13px;
}
.simple-viewer-filter select{
    width:auto;
    height:auto;
    font-size:12px;
}
.simplewatch-title{
    text-align:center;
    margin:0 0 10px;
    color:#fff;
    font-size:16px;
    font-weight:300;
}
.sorter-responses{
	position:absolute;
	top:30px;
	left:10px;
}
.sorter-responses .sorter, .sorter-responses .summary{
	color:#fff;
	padding:0;
	text-align:left;
	border:none;
	margin:0;
}
.sorter-responses .sorter a{
	color:#fff;
}

/******* VPM STYLES *******/

#user-nav &gt; ul &gt; li {
    float: left;
    list-style-type: none;
    margin: 0;
    position: relative;
    padding: 0;
}
#user-nav &gt; ul &gt; li &gt; a {
	padding: 5px 10px;
	display: block;
	font-size: 10px;
}
.stat-boxes li:first-child{
	margin-left:0;
}
.stat-boxes li{
	padding-left:0;
}
.stat-boxes li div:first-child{
	padding-left:10px;
	padding-right:20px;
	background:url('../img/stats_arrow.png') top right no-repeat #393939;
	color:#fff;
	font-size:13px;
	text-shadow:none;
	font-weight:400;
	border-right:0;
}
.widget-title span.icon{
	background:#fff;
	opacity:1;
	border-right:1px solid #e3e3e3;
}
[class^="icon-"], [class*=" icon-"] {
    background-image: url("../img/glyphicons-halflings-pink.png");
}
.btn-group [class^="icon-"], [class*=" icon-"] {
    background-image: url("../img/glyphicons-halflings.png");
}
.btn-group [class^="icon-white"], [class*=" icon-white"] {
    background-image: url('../img/glyphicons-halflings-white.png');
}
.label-info, .badge-info{
    background-color:#444444;
}
.article-post .label-success{
    background-color:#e3e3e3;
    color:#333;
    text-shadow:none;
}
.article-post .label-info{
	background-color:#ccc900;
    text-shadow:0 -1px 0 rgba(0,0,0,0.1);
    float:left;
}
.article-post .label-important{
    background-color:#9d1847;
    text-shadow:none;
}
.padding10px{
	padding:10px;
}
#panel-details{
	float:right;
	margin:0;
}
#panel-details .fixed{
	background:#fff;
	border:1px solid #e3e3e3;
	margin-left:-1px;
}
#question-content{
	margin:0;
}
span.empty{
	display:block;
	padding:10px;
	color:#666;
}
.highlight{
	background:#A11448;
	padding:5px 8px;
	color:#fff;
}
p.padding{
	margin:0 0 15px;
	color:#555;
}
.pagination{
	padding-left:10px;
}
.nav-tabs &gt; .active &gt; a, .nav-tabs &gt; .active &gt; a:hover {
	color: #555555;
	cursor: default;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	border-top:none;
	border-left:none;
}

/* View Question page */

.create-video{
	margin:0 0 20px;
}
.summary{
	padding:5px;
}

/* Tag Cloud */

.campaign-detail .tagcloud{
	float:right;
	width:47%;
	background:#f9f9f9;
	padding:10px 20px 20px;
}
.campaign-detail canvas{
    width:100%;
    padding:10px 10px;
}
.campaign-detail .tagcloud div{
	width:auto;
	height:auto;
	padding:4px 15px 4px 0;
}
.download-csv{
	float:right;
	clear:right;
	margin-top:10px;
	background:#a0214d;
	border:1px solid #a0214d;
	color:#fff;
}
.download-csv .icon-download-white{
	background:url('/img/glyphicons-halflings-white.png');
	background-position:-120px -24px;
}
.download-csv:hover{
	background:#b70e48;
	border:1px solid #b70e48;
	color:#fff;
}

/* Transscripts */


#transcription-list textarea.form-control{
    width:98%!important;
    margin-bottom:10px;
}
#transcription-list .editable-input
{
    width:90%!important;
}
#transcription-list .editable-container.editable-inline{
    width:90%!important;
}

.transcripts .items &gt; div, .cashout .items &gt; div{
	padding:20px;
	border-bottom:1px solid #e3e3e3;
}
.transcripts .items &gt; div:after, .cashout .items &gt; div:after{
	content:'';
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
.transcript-details, .cashout-details{
	float:left;
	width:80%;
}
.transcript-details a, .cashout-details a{
	display:block;
	border:none;
	padding:0 0 15px;
}

.cashout-details img{
    margin-right:10px;
}

.transcript-review .transcript-buttons {
    margin-top: 10px;
}

.transcript-buttons, .cashout-buttons{
	float:right;
    text-align:right;
}
.cashout-buttons{
    width:20%;
}
.transcripts .btn{
	float:right;
	clear:right;
	width:100px;
	margin:0 0 5px;
}
.transcripts .mejs-container{
	clear:both;
}
tr.awaiting-approval, li.awaiting-approval{
	background:url('../img/awaitingapproval.jpg') 0 0 repeat #f6f2ea;
}

#cashout-tabs .nav-tabs{
    margin-top:10px;
}

#cashout-tabs .nav-tabs li.active a
{
    background-color: #414141 !important;
    color:#fff;
}

/* Worker pages */

.response-approve-modal  .modal-body{
	padding: 60px 20px 60px 35px;
}
.response-approve-modal  .modal-body .btn{
	width:146px;
	margin-top:0;
}

.campaign-intro.worker{
	color:#333;
	margin-top:-10px;
	font-size:16px;
}

.campaign-details.worker div{
	width:auto;
}

.campaign-details.worker p {
    font-size: 14px;
	text-align: left;
}

.campaign-details.worker h2 {
    font-size: 16px;
    line-height: 18px;
}

.campaign-details.worker ul {
    margin-top: 5px;
}

.campaign-details.worker li {
    font-size: 12px;
}

.worker .transcript-full {
    margin-bottom: 10px;
    width: 100% !important;
}

#worker-video{
    width: 450px;
    border:1px solid #999;
	float:left;
	padding:0 0 20px;
    margin-right: 15px;
}
#worker-video .timer{
	background:#a11448;
	color:#fff;
	text-align:center;
	margin:0;
	padding:8px;
}
#worker-video .timer #timer{
	font-weight:700;
}
#worker-video-wrap{
	padding: 15px 0 20px 25px;
}

#worker-video .flowplayer{
	display:block;
	float:none;
	margin:0;
	overflow:hidden;
}
#worker-video .age{
	text-align:center;
}
#worker-approve-btns{
	display: flex;
	gap: 2px;
	justify-content: center;
	text-align:center;
}
#worker-approve-btns #not-sure{
	background:#e3e3e3;
	color:#555;
    font-weight:300;
}
#worker-approve-btns #not-sure:hover{
	background:#d6d6d6;
}
#restart-joyride{
	display:block;
	font-size:12px;
	padding:20px 0 0;
}

/** Managemnet/ account/ User  */

.user-tabs .tab-content{
    overflow:inherit;
}

@media (max-width: 1110px) {
    .campaign-details.worker{
		width:auto;
		float:none;
		margin:0 0 20px;
	}
	#worker-video{
        width: 450px;
        float:none;
        margin: 0 auto 20px;
    }
	.campaign-intro.worker p{
		margin-right:0;
	}
	#content-header h1{
		padding-right:0;
	}
	
	.user-note-input{
		display: flex; 
		align-items: center; 
		background-color: grey; 
		justify-content: space-between;
	}
}
@media (max-width:830px){
	#worker-video{
        width: 450px;
    }
	#worker-video-wrap{
		padding:15px 0 20px 15px;
	}
}</pre></body></html>