/*! jQuery UI - v1.10.1 - 2013-03-10
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.button.css
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -1px;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* Component containers
----------------------------------*/
#responsive-page-tester-frames .ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
}
#responsive-page-tester-frames .ui-widget .ui-widget {
	font-size: 1em;
}
#responsive-page-tester-frames .ui-widget input,
#responsive-page-tester-frames .ui-widget select,
#responsive-page-tester-frames .ui-widget textarea,
#responsive-page-tester-frames .ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
#responsive-page-tester-frames .ui-widget-content {
	background: #313131;
	border: 1px solid rgba(0,0,0,0.25);
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
}
#responsive-page-tester-frames .ui-widget-content a {
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
}
#responsive-page-tester-frames .ui-widget-header {
	border: 1px solid #000;
	background: #000;
	color: #fff;
	font-weight: bold;
}
#responsive-page-tester-frames .ui-widget-header a {
	color: #fff;
}

/* Interaction states
----------------------------------*/
#responsive-page-tester-frames .ui-state-default,
#responsive-page-tester-frames .ui-widget-content .ui-state-default,
#responsive-page-tester-frames .ui-widget-header .ui-state-default {
	background: #313131;
	-webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: rgba(255,255,255,0.1) 0 1px 0;
	border: 1px solid rgba(0,0,0,0.25);
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
}
#responsive-page-tester-frames .ui-state-default a,
#responsive-page-tester-frames .ui-state-default a:link,
#responsive-page-tester-frames .ui-state-default a:visited {
	color: #000000;
	text-decoration: none;
}
#responsive-page-tester-frames .ui-state-hover,
#responsive-page-tester-frames .ui-widget-content .ui-state-hover,
#responsive-page-tester-frames .ui-widget-header .ui-state-hover,
#responsive-page-tester-frames .ui-state-focus,
#responsive-page-tester-frames .ui-widget-content .ui-state-focus,
#responsive-page-tester-frames .ui-widget-header .ui-state-focus {
	background: #313131;
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0, 0.1), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: inset 0 0 2px rgba(0,0,0, 0.1), rgba(255,255,255,0.1) 0 1px 0;
	border: 1px solid rgba(0,0,0,0.25);
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
}
#responsive-page-tester-frames .ui-state-hover a,
#responsive-page-tester-frames .ui-state-hover a:hover,
#responsive-page-tester-frames .ui-state-hover a:link,
#responsive-page-tester-frames .ui-state-hover a:visited {
	color: #ffffff;
	text-decoration: none;
}
#responsive-page-tester-frames .ui-state-active,
#responsive-page-tester-frames .ui-widget-content .ui-state-active,
#responsive-page-tester-frames .ui-widget-header .ui-state-active {
	background: #222;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
	border: 1px solid rgba(0,0,0,0.25);
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
}
#responsive-page-tester-frames .ui-state-active a,
#responsive-page-tester-frames .ui-state-active a:link,
#responsive-page-tester-frames .ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
#responsive-page-tester-frames .ui-state-highlight,
#responsive-page-tester-frames .ui-widget-content .ui-state-highlight,
#responsive-page-tester-frames .ui-widget-header .ui-state-highlight {
	border: 1px solid #000000;
	background: #43a3ef url(images/ui-bg_flat_55_43a3ef_40x100.png) 50% 50% repeat-x;
	color: #ffffff;
}
#responsive-page-tester-frames .ui-state-highlight a,
#responsive-page-tester-frames .ui-widget-content .ui-state-highlight a,
#responsive-page-tester-frames .ui-widget-header .ui-state-highlight a {
	color: #ffffff;
}
#responsive-page-tester-frames .ui-state-error,
#responsive-page-tester-frames .ui-widget-content .ui-state-error,
#responsive-page-tester-frames .ui-widget-header .ui-state-error {
	border: 1px solid #9e0505;
	background: #cd0a0a url(images/ui-bg_inset-hard_45_cd0a0a_1x100.png) 50% bottom repeat-x;
	color: #ffffff;
}
#responsive-page-tester-frames .ui-state-error a,
#responsive-page-tester-frames .ui-widget-content .ui-state-error a,
#responsive-page-tester-frames .ui-widget-header .ui-state-error a {
	color: #ffffff;
}
#responsive-page-tester-frames .ui-state-error-text,
#responsive-page-tester-frames .ui-widget-content .ui-state-error-text,
#responsive-page-tester-frames .ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
#responsive-page-tester-frames .ui-priority-primary,
#responsive-page-tester-frames .ui-widget-content .ui-priority-primary,
#responsive-page-tester-frames .ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
#responsive-page-tester-frames .ui-priority-secondary,
#responsive-page-tester-frames .ui-widget-content .ui-priority-secondary,
#responsive-page-tester-frames .ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
#responsive-page-tester-frames .ui-state-disabled,
#responsive-page-tester-frames .ui-widget-content .ui-state-disabled,
#responsive-page-tester-frames .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
#responsive-page-tester-frames .ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
#responsive-page-tester-frames .ui-icon {
	width: 16px;
	height: 16px;
	background-position: 16px 16px;
}
#responsive-page-tester-frames .ui-icon,
#responsive-page-tester-frames .ui-widget-content .ui-icon,
#responsive-page-tester-frames .ui-widget-header .ui-icon,
#responsive-page-tester-frames .ui-state-default .ui-icon,
#responsive-page-tester-frames .ui-state-hover .ui-icon,
#responsive-page-tester-frames .ui-state-focus .ui-icon,
#responsive-page-tester-frames .ui-state-active .ui-icon,
#responsive-page-tester-frames .ui-state-highlight .ui-icon,
#responsive-page-tester-frames .ui-state-error .ui-icon,
#responsive-page-tester-frames .ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_ffffff_256x240.png);
}

/* positioning */
#responsive-page-tester-frames .ui-icon-arrow-1-w { background-position: -96px -32px; }
#responsive-page-tester-frames .ui-icon-arrow-1-nw { background-position: -112px -32px; }
#responsive-page-tester-frames .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
#responsive-page-tester-frames .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
#responsive-page-tester-frames .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
#responsive-page-tester-frames .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
#responsive-page-tester-frames .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
#responsive-page-tester-frames .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
#responsive-page-tester-frames .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
#responsive-page-tester-frames .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
#responsive-page-tester-frames .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
#responsive-page-tester-frames .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
#responsive-page-tester-frames .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
#responsive-page-tester-frames .ui-icon-arrow-4 { background-position: 0 -80px; }
#responsive-page-tester-frames .ui-icon-arrow-4-diag { background-position: -16px -80px; }
#responsive-page-tester-frames .ui-icon-extlink { background-position: -32px -80px; }
#responsive-page-tester-frames .ui-icon-newwin { background-position: -48px -80px; }
#responsive-page-tester-frames .ui-icon-refresh { background-position: -64px -80px; }
#responsive-page-tester-frames .ui-icon-shuffle { background-position: -80px -80px; }
#responsive-page-tester-frames .ui-icon-transfer-e-w { background-position: -96px -80px; }
#responsive-page-tester-frames .ui-icon-transferthick-e-w { background-position: -112px -80px; }
#responsive-page-tester-frames .ui-icon-unlocked { background-position: -208px -96px; }
#responsive-page-tester-frames .ui-icon-bookmark { background-position: -224px -96px; }
#responsive-page-tester-frames .ui-icon-tag { background-position: -240px -96px; }
#responsive-page-tester-frames .ui-icon-zoomin { background-position: -128px -112px; }
#responsive-page-tester-frames .ui-icon-zoomout { background-position: -144px -112px; }
#responsive-page-tester-frames .ui-icon-star { background-position: -224px -112px; }
#responsive-page-tester-frames .ui-icon-cancel { background-position: 0 -128px; }
#responsive-page-tester-frames .ui-icon-plus { background-position: -16px -128px; }
#responsive-page-tester-frames .ui-icon-plusthick { background-position: -32px -128px; }
#responsive-page-tester-frames .ui-icon-minus { background-position: -48px -128px; }
#responsive-page-tester-frames .ui-icon-minusthick { background-position: -64px -128px; }
#responsive-page-tester-frames .ui-icon-close { background-position: -80px -128px; }
#responsive-page-tester-frames .ui-icon-closethick { background-position: -96px -128px; }
#responsive-page-tester-frames .ui-icon-copy { background-position: -176px -128px; }
#responsive-page-tester-frames .ui-icon-contact { background-position: -192px -128px; }
#responsive-page-tester-frames .ui-icon-notice { background-position: -32px -144px; }
#responsive-page-tester-frames .ui-icon-help { background-position: -48px -144px; }
#responsive-page-tester-frames .ui-icon-check { background-position: -64px -144px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
#responsive-page-tester-frames .ui-icon-circle-plus { background-position: 0 -192px; }
#responsive-page-tester-frames .ui-icon-circle-minus { background-position: -16px -192px; }
#responsive-page-tester-frames .ui-icon-circle-close { background-position: -32px -192px; }
#responsive-page-tester-frames .ui-icon-circle-triangle-e { background-position: -48px -192px; }
#responsive-page-tester-frames .ui-icon-circle-triangle-s { background-position: -64px -192px; }
#responsive-page-tester-frames .ui-icon-circle-triangle-w { background-position: -80px -192px; }
#responsive-page-tester-frames .ui-icon-circle-triangle-n { background-position: -96px -192px; }
#responsive-page-tester-frames .ui-icon-circle-arrow-e { background-position: -112px -192px; }
#responsive-page-tester-frames .ui-icon-circle-arrow-s { background-position: -128px -192px; }
#responsive-page-tester-frames .ui-icon-circle-arrow-w { background-position: -144px -192px; }
#responsive-page-tester-frames .ui-icon-circle-arrow-n { background-position: -160px -192px; }
#responsive-page-tester-frames .ui-icon-circle-zoomin { background-position: -176px -192px; }
#responsive-page-tester-frames .ui-icon-circle-zoomout { background-position: -192px -192px; }
#responsive-page-tester-frames .ui-icon-circle-check { background-position: -208px -192px; }
#responsive-page-tester-frames .ui-icon-circlesmall-plus { background-position: 0 -208px; }
#responsive-page-tester-frames .ui-icon-circlesmall-minus { background-position: -16px -208px; }
#responsive-page-tester-frames .ui-icon-circlesmall-close { background-position: -32px -208px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
#responsive-page-tester-frames .ui-corner-all,
#responsive-page-tester-frames .ui-corner-top,
#responsive-page-tester-frames .ui-corner-left,
#responsive-page-tester-frames .ui-corner-tl {
	border-top-left-radius: 4px;
}
#responsive-page-tester-frames .ui-corner-all,
#responsive-page-tester-frames .ui-corner-top,
#responsive-page-tester-frames .ui-corner-right,
#responsive-page-tester-frames .ui-corner-tr {
	border-top-right-radius: 4px;
}
#responsive-page-tester-frames .ui-corner-all,
#responsive-page-tester-frames .ui-corner-bottom,
#responsive-page-tester-frames .ui-corner-left,
#responsive-page-tester-frames .ui-corner-bl {
	border-bottom-left-radius: 4px;
}
#responsive-page-tester-frames .ui-corner-all,
#responsive-page-tester-frames .ui-corner-bottom,
#responsive-page-tester-frames .ui-corner-right,
#responsive-page-tester-frames .ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
#responsive-page-tester-frames .ui-widget-overlay {
	background: #aaa;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
#responsive-page-tester-frames .ui-widget-shadow {
	margin: 0px 0 0 0px;
	padding: 0px;
	background: #000;
	opacity: .2;
	filter: Alpha(Opacity=20);
	border-radius: 0px;
}

/** END JQUERY UI **/

.rpt-logo {
	float: left;
	display: block;
	margin: 2px 10px 0px 0px;
}
	.rpt-logo img {
		width: 26px;
		height: auto;
	}

#rpt-more {
	float:left;
}

/*
TODO see about forcing the scrollbar to be visible when adjusting for it

.frame::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 11px;
    height: 11px;
}

.frame::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; / * should match background, can't be transparent * /
    background-color: rgba(0, 0, 0, .5);
}
*/

#responsive-page-tester-frames {
	position: fixed;
	overflow: auto;
	top: 125px;
	right: 0;
	bottom: 0;
	left: 0;
	background: #cdcdcd;
	z-index: 9999;
	font-size:12px!important;
}

#responsive-page-tester-frames .frame-header span.content {
	position:relative;
	background:none;
	overflow: auto;
}

.rpt-toggle-sizes-lbl {
	font-size:.8em;
	color:#ccc;
	margin-right:3px;
}

#responsive-page-tester-frames h2 {
	margin:0;
	padding: 10px 0 5px 0;
	font-size: 16px!important;
	color:#333!important;
	background:none!important;
}

.responsive-page-tester a.rpt-active {
/*
	color:#fafafa !important;
	background:#222;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#3a3a3a),to(#222)) !important;
	background-image:-webkit-linear-gradient(bottom,#3a3a3a,#222) !important;
	background-image:-moz-linear-gradient(bottom,#3a3a3a,#222) !important;
	background-image:-o-linear-gradient(bottom,#3a3a3a,#222) !important;
	background-image:linear-gradient(to top,#3a3a3a,#222) !important;
*/
}

#responsive-page-tester-frames span.small {
	vertical-align: middle;
	font-size: 60%;
}

#responsive-page-tester-frames .right {
	float:right;
}

#responsive-page-tester-frames #responsive-controls {
	overflow: hidden;
	position: fixed;
	z-index: 9998;
	top: 28px;
	left: 0;
	right: 0;
	padding: 1px 2px 1px 10px;
	background: #464646;
	border: 1px solid #363636;
	border-left: none;
	border-right: none;
	  display: none;
}

#responsive-page-tester-frames form {
	overflow: hidden;
	margin: 2px 0 0 0;
}
.ab-sub-wrapper{margin-top:6px}
#responsive-page-tester-frames-inner {
	margin: 10px 30px;
	overflow: hidden;
	margin: 0 auto;
}

#responsive-page-tester-frames #rpt-devicesizes {
	float: left;
}

#responsive-page-tester-frames label.disabled {
	color:#999;
}

#resize_frame {
	position: absolute;
    right: 0;
    width:auto;
    float:right;
    top:10px;
}

#responsive-page-tester-frames .frame {
	margin: 0 20px 0 0;
	float: left;
}

#responsive-page-tester-frames label {
	display: inline-block;
}

#responsive-page-tester-frames .frame:last-child {
		margin-right: 0;
	}
#responsive-page-tester-frames.frame img {
		display: none;
		vertical-align: middle;
	}

#responsive-page-tester-frames iframe {
	border: solid 1px #000;
}

	.widthOnly h2 span {
		display: none;
	}

	.widthOnly iframe {
		height: 500px;
	}

#rpt-hidden {
	display:none;
}

@media (max-width: 1114px) {
	.rpt-logo img {
		width: 60px;
	}

	#rpt-devicesizes {
		padding-bottom: 6px;
	}

	#responsive-page-tester-frames #options {
		float: none;
		width: auto;
		margin: 0 auto;
	}
	#responsive-page-tester-frames .right {
		float:none;
	}

	#responsive-page-tester-frames #size-toggle {
		float: none;
		width: auto;
		clear: both;
		margin: 6px auto 0 auto;
		padding: 4px 0 4px 0;
		border-top: 1px solid #aaa;
	}
}