#black_back, #pop_up {display: none;}

a#openFeedback {
	position:fixed;
	right:0;
	top:39%;
	width:54px;
	height:110px;
	display:block;
	z-index: 10;
	display: none !important;
}

#black_back {
	position:absolute;
	top:0;
	left:0;
	background:url(pop_bg.png);
	z-index:9998;
	width:100%;
/*	height:1000px;*/
	height: 100%;
}

#pop_up {
	padding:5px 20px 10px 20px;
	background:#fff url(main_bg.png) no-repeat top center;
	z-index:9999;
	position:absolute;
	top:25%;
	left:38%;
	-webkit-box-shadow: 0px 0px 10px 0px #000;
	box-shadow: 0px 0px 10px 0px #000; 
	border: 5px solid #f3d959;
	border-radius: 5px;
	overflow: visible !important;
}

#pop_up .closeFeedback {
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 9999;
    cursor:pointer;
}

/* ########## FEEDBACK ACCORDIAN ########### */

.ui-tabs {
	width:420px;
	text-align:left;
	padding:0;
}

.ui-icon {
	display:none;
}

.ui-widget-content {
	border: none;
	font-family:'Open Sans';
	font-weight:400;
	font-size:12px;
	background:none;
}

.ui-tabs .ui-tabs-nav {
	padding:0;
	background:none;
	border:none;
	border-radius:0;
	position: absolute;
	line-height:13px;
    top: -37px;
    left: -10px;
}

.ui-tabs .ui-tabs-nav li {
	top:0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom:0;
}

/* ########### TAB BACKGROUNDS ############### */
#tabs .ui-tabs-nav .ui-state-default {
	background: #cccccc;
	height:31px;
	border:none !important;
	margin: 0 5px 0 0;
}

#tabs .ui-tabs-nav .ui-tabs-selected,#tabs .ui-tabs-nav .ui-state-active,#tabs .ui-tabs-nav .ui-state-hover {
	background-color: #eac824; 
	background-image: url(images/fallback-gradient.png); 
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3d959), to(#eac824));
	background-image: -webkit-linear-gradient(top, #f3d959, #eac824); 
	background-image:    -moz-linear-gradient(top, #f3d959, #eac824);
	background-image:     -ms-linear-gradient(top, #f3d959, #eac824);
	background-image:      -o-linear-gradient(top, #f3d959, #eac824);
	box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
}


/* ########### TAB LINKS ############ */
#tabs .ui-tabs-nav .ui-state-default a {
	color:#666;
	font-family:'Lato';
	text-transform: uppercase;
	font-size:12px;
	text-shadow: none;
	font-weight:700;
}
#tabs .ui-tabs-nav .ui-state-selected,
#tabs .ui-tabs-nav .ui-state-active,
#tabs .ui-tabs-nav .ui-state-hover,
#tabs .ui-tabs-nav .ui-state-selected a:hover,
#tabs .ui-tabs-nav .ui-state-active a:hover,
#tabs .ui-tabs-nav .ui-state-hover a:hover{
	font-family:'Lato';
	text-transform: uppercase;
	font-size:12px;
	text-shadow:0px 1px 1px #fff;
	font-weight:700;
	text-decoration:none;
	color: #666666;
}



/* ############# TAB CONTENT ############## */

.ui-tabs .ui-tabs-panel {
	padding:0px 10px 10px 10px;
}

.ui-tabs span.label {
	display:block;
	padding:11px 0 2px 0;
	color: #666;

	text-align: left;
	font-size: 100%;
	font-weight: normal;
	line-height: normal;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0;
}

.ui-tabs input {
	border:1px solid #ccc;
	background-color:#fff;
	width:390px;
	padding:3px;
	color:#666;
}

.ui-tabs textarea {
	border:1px solid #ccc;
	background-color:#fff;
	resize:none;
	width:390px;
	color:#666;
	padding:3px;
}

.ui-tabs .newsBox {
	width:auto;
	vertical-align: middle;
}

.ui-tabs .newsText {
    color: #666666;
    font-family: 'Lato';
    font-size: 11px;
    font-style: italic;
    line-height: 29px;
}

/* ################## STAR RATINGS ################## */
div.rating-cancel,div.star-rating{float:left;padding-right:4px;width:20px;height:19px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -19px}
div.star-rating,div.star-rating a{background:url(star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:20px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -19px!important}
div.star-rating-hover a{background-position:0 -38px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
div.rating-cancel {display:none !important;} /* REMOVES CANCEL OPTION */
div.rateit {
    color: #333333;
    display: block;
    float: left;
    font-family: 'Lato';
    margin-top: 5px;
    padding: 10px 0 14px;
    text-align: left;
    width: 398px;
}

div.rateit span.rateitText {
	float:left;
	margin-right:8px;
	line-height:20px;
}

span.star-rating-control {

}

div input.submit {
	background:url(submit.png) no-repeat 0 0;
	border:none;
	width:153px;
	height:48px;
	margin:20px 0 0;
	cursor:pointer;
	display:block;
}

/* ########### THANK YOU ############## */
#subThanks {
	width:420px;
	text-align:center;
	min-height:320px;
}

#subThanks h2 {
    color: #666;
    float: left;
    font-family: 'Lato';
    margin: 26% 0 0;
    font-size:23px;
    width: 100%;
}

.backToFb {
	font-family: 'Lato';
	cursor:pointer;
	color: #666;
	font-size:14px;
	float:left;
	font-weight:bold;
	margin:6px 0 0 3px;
}

@media only screen and (min-width: 768px) {
	a#openFeedback {
		display: block !important;
	}
}