#black_back, #pop_up {display: none;}

@media only screen and (max-width: 850px) {
    a#openFeedback {
        display: none !important;
    }
}


/* FIXED TO THE RIGHT - DEFAULT */
a#openFeedback {
	position:fixed;
	right:0;
	top:39%;
	width:48px;
	height:108px;
	display:block;
    z-index: 100;
}

/* FIXED TO BOTTOM - ALIGNED WITH SOCIAL BAR */
/*.tab-wrap {
	width: 960px;
	margin: 0 auto;
	height: 40px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	left: 0px;
}
a#openFeedback {
	width: 190px;
	height: 36px;
	display: block;
	position: absolute;
	right: 196px;
	bottom: 0px;
}*/

#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:40px 50px;
	background:#004a98;
	z-index:9999;
	position:absolute;
	top:25%;
	/*left:38%;*/
    left:25%;
	/*-webkit-border-radius:0 3px 3px 3px;*/
	/*border-radius: 0 3px 3px 3px;*/
	/*-webkit-box-shadow: 0px 0px 10px 0px #000;*/
	/*box-shadow: 0px 0px 10px 0px #000;*/
    /*overflow: visible !important;*/ /* TODO: REMOVE WHEN DONE TESTING */
}

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

/* ########## FEEDBACK TABBED ########### */


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

.ui-icon {
	display:none;
}

.ui-widget-content {
	border: none;
	font-family:"Source Sans Pro", sans-serif;
	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:23px;
    top: -75px;
    left: -50px;
}

.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: #009943; /* Unselected color */
	height:35px;
	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: #009943; /* Selected color */
	position: relative;
}
/* CSS Arrow */
#tabs .ui-tabs-nav .ui-state-active:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-top: 5px solid #009943; /* arrow color */
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

/* ########### TAB LINKS ############ */
#tabs .ui-tabs-nav .ui-state-default a {
	color:#fff;
	font-family:"Source Sans Pro", sans-serif;
	font-size:14px;
	/*text-shadow:1px 1px 2px #d87858;*/
	font-weight:300;
	/*-webkit-box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, .3);*/
	/*box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, .3);*/
}
#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{
	color:#fff;
	font-family:"Source Sans Pro", sans-serif;
	font-size:14px;
	/*text-shadow:1px 1px 2px #af664d;*/
	font-weight:300;
	text-decoration:none;
}



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

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

.ui-tabs span.label {
	display:block;
	padding:11px 0 2px 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4em;
    text-align: left;
}

.ui-tabs input {
	border:none;
	background-color:#fff;
	width:390px;
	padding:3px;
	color:#333;
    height: 35px;
}

.ui-tabs textarea {
	border:none;
	background-color:#fff;
	resize:none;
    width:390px;
	max-width:390px;
	color:#333;
	padding:3px;
}

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

.ui-tabs .newsText {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 29px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ################## 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: white;
    display: block;
    float: left;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    margin-top: 5px;
    font-style: normal;
    padding: 10px 0 14px;
    text-align: left;
    width: 398px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

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: 134px;
    height: 52px;
	margin:20px 0 0;
	cursor:pointer;
	display:block;
}

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

#subThanks h2 {
    color: white;
    float: left;
    font-family: "Source Sans Pro", sans-serif;
    margin: 26% 0 0;
    font-size:23px;
    width: 100%;
}

.backToFb {
	font-family: "Source Sans Pro", sans-serif;
	cursor:pointer;
	color: white;
	font-size:14px;
	float:left;
	font-weight:bold;
	margin:6px 0 0 3px;
}