/* ----- Fonts ----- */

@font-face {
  font-family: "Entypo";
  src: url('../fonts/entypo.eot');
  src: url('../fonts/entypo.eot?#iefix') format('eot'), url('../fonts/entypo.woff') format('woff'), url('../fonts/entypo.ttf') format('truetype'), url('../fonts/entypo.svg#entypo') format('svg');
  font-weight: normal;
  font-style: normal;
}


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

.icon {
  font-family: "Entypo";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}


/* ----- Base ----- */

.wps-admin-wrap {
	margin: 5px 25px 0 5px;
	-webkit-font-smoothing: antialiased;
}

.wps-admin-wrap img {
	display: block;
}


/* ----- Header ----- */

.wps-admin-header {
	-webkit-box-shadow: inset 0 -1px 0px 0px #FFFFFF;
	-moz-box-shadow: inset 0 -1px 0px 0px #FFFFFF;
	box-shadow: inset 0 -1px 0px 0px #FFFFFF;
	background-image: -webkit-linear-gradient(#FCFCFC,#F1F1F1);
	background-image: -moz-linear-gradient(#FCFCFC,#F1F1F1);
	background-image: linear-gradient(#FCFCFC,#F1F1F1);
	padding: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #DDDDDD #DDDDDD #BCBCBC #DDDDDD;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 21px;
	color: #555;
	font-weight: 500;
	position: relative;
}

.wps-admin-version-notification {
	position: absolute;
	right: 20px;
	top: 30px;
	font-size: 12px;
}

.wps-admin-version-notification .latest {
	color: #51A351;
}

.wps-admin-version-notification .upgrade a {
	color: #FF0000;
	font-weight: bold;
}


/* ----- Navigation ----- */

.wps-admin-nav {
	height: 100%;
	background: #f9f9f9;
	position: absolute;
	width: 110px;
	border-right: 1px solid #ccc;
}
.wps-admin-nav ul {
	margin: 0;
	padding: 0;
}
.wps-admin-nav ul li {
	position: relative;
	text-align: center;
	padding: 0;
	margin: 0 -1px 0 0;
	border-right: 1px solid #ccc;
	outline: none;
}
.wps-admin-nav ul li a {
	display: block;
	padding: 20px;
	border-bottom: 1px solid #ddd;
	text-decoration: none;
	color: #666;
	font-size: 14px;
	font-weight: normal;
	outline: none;
}

.wps-admin-nav ul li span.icon,
.wps-admin-nav ul li span.icon {
  display: block;
  font-size: 3em;
  margin-bottom: 10px;
}

.wps-admin-nav ul li:hover {
	background: #f5f5f5;
}
.wps-admin-nav ul li.active {
	background: #ffffff;
	border-right: 0 none;
}
.wps-admin-nav ul li.active a {
}


/* ----- Content ----- */

.wps-admin-content-wrap {
	position: relative;
	min-height: 600px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
    background: #fff;
    font-size: 12px;
}

.wps-admin-content {
	padding: 20px 20px 20px 40px;
	margin-left: 111px;
	overflow: auto;
}

.wps-admin-right-column {
	padding-top: 10px;
	width: 585px;
	float: left;
}

.wps-admin-left-column {
	float: left;
	width: 260px;
	margin-right: 20px;
	padding-right: 20px;
	min-height: 581px;
	border-right: 1px solid #ddd;
}

.wps-admin-left-column .inside {
	overflow: auto;
	margin: 10px 0;
	position: relative;
	padding: 0 12px 0 10px;
}

.wps-admin-left-column .inside input[type=text] {
	float: right;
	width: 200px;
}

.wps-admin-left-column .inside p {
	overflow: hidden;
}

.wps-admin-left-column .inside p:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.wps-admin-left-column .inside .add-to-menu {
	float: right;
}

.wps-admin-left-column label span {
	margin-top: 4px;
	display: block;
	float: left;
}

.wps-admin-option-group {
	margin-bottom: 25px;
	display: none;
}

.wps-admin-option-group h3 i {
	float: left;
	margin-right: 12px;
	width: 20px;
	height: 20px;
}

#wps-admin-appearance h3 i {background: url('../images/icons/icons.png') 0 0;}
#wps-admin-menu h3 i {background: url('../images/icons/icons.png') -20px 0;}
#wps-admin-advanced h3 i {background: url('../images/icons/icons.png') -40px 0}
#wps-admin-settings h3 i {background: url('../images/icons/icons.png') -60px 0;}

.wps-admin-setting-actions {
	float: right;
	font-size: 12px;
}

.wps-admin-setting-actions label {
	margin-left: 5px;
	vertical-align: top;
}

.wps-admin-section {
	margin-bottom: 15px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;
	overflow: auto;
}

.wps-admin-section:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}

.wps-admin-section-title {
	font-size: 14px;
	color: #222;
	font-weight: bold;
	padding: 3px 0 10px;
	float: left;
}

.wps-admin-section-input-group {
	width: 100%;
	float: left;
}

.wps-admin-section-input {
	display: block;
	margin-bottom: 10px;
	float: left;
}

.wps-admin-section-hint {
	float: left;
	color: #777;
	margin-left: 25px;
}

.wps-admin-section-hint span {
	display: block;
}

.wps-admin-section-title,
.wps-admin-section-input {
	display: block;
}

.wps-admin-section-input label {
	display: block;
	color: #555555;
	font-size: 12px;
	margin-bottom: 5px;
	cursor: inherit;
}

.wps-admin-section-input .button-primary {
	margin-left: 5px!important;
}

.wps-admin-section-input input[type=text],
.wps-admin-section-input input[type=password],
.wps-admin-section-input textarea {
	width: 350px;
	padding: 6px;
	margin: 0;
	border-radius: 4px;
	border: 1px solid #D1D1D1;
	-webkit-box-shadow: 0 1px 0px 0px white, inset 0px 2px 8px -1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 0px 0px white, inset 0px 2px 8px -1px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 0px 0px white, inset 0px 2px 8px -1px rgba(0, 0, 0, .1);
	position: relative;
	background-color: #FFFFFF;
}

.wps-admin-section-input select {
	margin: 0;
}

.wps-admin-section-input input[type=file] {
	border: 0 none;
	margin: 0;
	padding: 0;
}

input.wps-input-small {
	width: 125px!important;
}

.wps-add-btn {
	margin: 0;
	/*background: url('../images/icons/add_w.png')  5px 3px no-repeat #41A2E6;*/
	background: #41A2E6;
	border: 1px solid #227bba;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*padding: 0 10px 0 24px;*/
	padding: 0 10px;
	height: 22px;
	font-size: 12px;
	box-shadow: rgba(255, 255, 255, 0.121569) 1px 0px 0px 0px inset, rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
	-moz-box-shadow: rgba(255, 255, 255, 0.121569) 1px 0px 0px 0px inset, rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
	-webkit-box-shadow: rgba(255, 255, 255, 0.121569) 1px 0px 0px 0px inset, rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
	text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
	cursor: pointer;
}

.wps-admin-section-instruction {
	display: block;
	color: #999999;
	font-size: 11px;
}

.wps-admin-input-checkbox {
	color: #555555;
	font-size: 12px;
	margin: 0 0 5px;
}

.wps-admin-input-checkbox label {
	vertical-align: top;
}

.wps-admin-input-checkbox input[type=checkbox],
.wps-admin-input-checkbox input[type=radio] {
	padding: 0;
	margin: 0 5px 0 1px;
}

.wps-admin-logo-preview {
	margin-top: 15px;
	display: block;
	position: relative;
}

.wps-admin-logo-preview .wps-remove-logo {
	position: absolute;
	right: -50px;
	bottom: 0;
	color: #777777;
	font-size: 12px;
	cursor: pointer;
	opacity: .7;
}

.wps-admin-logo-preview .wps-remove-logo:hover {
	opacity: 1;
}

.wps-remove-logo img {
	float: left;
	margin: 1px 3px 0 0;
}

.wps-admin-save-bar {
	background: #F9F9F9;
	padding: 7px;
	margin: 0;
	text-align: right;
	height: 22px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.wps-admin-save-bar .wps-loader {
	display: none;
	vertical-align: middle;
	margin-right: 3px;
}

.wps-admin-save-bar .wps-loader img {
	display: inline-block;
}

button.wps-save {
	margin: 0;
	background: #62C462;
	border: 1px solid #51A351;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 0 10px;
	height: 22px;
	font-size: 12px;
	box-shadow: rgba(255, 255, 255, 0.121569) 1px 0px 0px 0px inset, rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
	-moz-box-shadow: rgba(255, 255, 255, 0.121569) 1px 0px 0px 0px inset, rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
	-webkit-box-shadow: rgba(255, 255, 255, 0.121569) 1px 0px 0px 0px inset, rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
	text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
	cursor: pointer;
	outline: none;
}

.wps-admin-save-bar button.disabled {

}

.wps-admin-saved {
	width: 150px;
	height: 50px;
	background-color: rgba(0,0,0,.7);
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: none;
}

.wps-admin-saved p {
	height: 50px;
	line-height: 50px;
	margin: 0;
}

.wps-preview-link {
	margin-right: 10px;
	text-decoration: none;
}

.wps-admin-menu-links {
	padding: 0;
	margin: 0;
}

.wps-admin-menu-enable {
	padding: 6px;
	background-color: #f5f5f5;
	border: 1px solid #dfdfdf;
	font-weight: bold;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 20px;
}

.wps-admin-menu-message {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-color: #f5f5f5;
	border: 1px solid #dfdfdf;
	padding: 15px;
}


/* ----- Themes ----- */

.wps-admin-current-theme {
	width: 100%;
	display: block;
	overflow: auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
	float: left;
}
.wps-admin-current-theme-screenshot {
	float: left;
	width: 250px;
	height: 200px;
	overflow: hidden;
}
.wps-admin-current-theme-screenshot img {
	width: 100%;
}
.wps-admin-current-theme-info {
	float: left;
	margin-left: 20px;
	width: 288px;
}
.wps-admin-current-theme-info h3 {
	color: #777;
	margin: 0 0 5px;
	font-size: 13px;
	font-weight: normal;
}
.wps-admin-current-theme-info h2 {
	margin: 0 0 10px;
	font-size: 16px;
}
.wps-admin-available-themes {
	float: left;
	width: 100%;
	margin-top: 25px;
}
.wps-admin-theme {
	float: left;
	width: 302px;
	display: block;
	padding: 0;
	margin: 0 50px 50px 0;
}
.wps-admin-theme-screenshot {
	width: 300px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #ddd;
	float: left;
}
.wps-admin-theme-screenshot img {
	width: 300px;
}
.wps-admin-theme h4 {
	font-size: 14px;
	margin: 15px 0 0;
}
.wps-admin-theme .action-links {
	margin: 0;
}
.wps-admin-theme-info {
	overflow: auto;
	clear: left;
}

.action-links li {
	padding-right: 8px;
	margin-right: 8px;
	float: left;
	border-right: 1px solid #dfdfdf;
}

.action-links li:last-child {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}


/* ----- Preview ----- */

.wps-admin-preview {
	width: 345px;
	z-index: 1010;
	visibility: hidden;
	position: fixed;
	top: 30px;
	left: 50%;
	margin-left: -172px;
}

.wps-admin-preview-devices {
	position: relative;
	left: 0;
	width: 125px;
}

#wps-device-thumb {
	width: 100px;
	left: -160px;
	position: absolute;
	height: 500px;
	top: 50px;
}

#wps-device-thumb span {
	width: 100px;
	display: block;
	margin-top: 30px;
	cursor: pointer;
	opacity: .65;
}

#wps-device-thumb span:hover {
	opacity: 1;
}

#wps-device-thumb .iphone-thumb {
	background: url('../images/iphone5_thumb.png') no-repeat;
	height: 210px;
}

#wps-device-thumb .galaxy-thumb {
	background: url('../images/galaxys3_thumb.png') no-repeat;
	width: 100px;
	height: 195px;
	display: block;
}

#wps-device.iphone {
	height: 726px;
	background: url('../images/iphone5.png') no-repeat;
}

#wps-device.galaxy {
	height: 672px;
	background: url('../images/galaxys3.png') no-repeat;
}

#wps-device iframe {
	overflow-y: scroll;
	overflow-x: hidden;
	right: 0;
	position: absolute;
}

#wps-device.iphone iframe {
	top: 127px;
	left: 29px;
	border-radius: 5px;
	width: 290px;
	height: 498px;
}

#wps-device.galaxy iframe {
	top: 84px;
	left: 24px;
	width: 296px;
	height: 507px;
}


/* ----- Support Popover ----- */

.wps-admin-support {
	float: left;
	line-height: 22px;
}

.wps-admin-support a {
	text-decoration: none;
}


/* ----- Footer ----- */

.wps-admin-footer {
	border: 1px solid #DDDDDD;
	background: #F1F1F1;
	padding: 10px;
	margin: 25px 0 0 0;
	font-size: 11px;
    background: #fff;
}

.wps-admin-footer .wps-version {
	color: #999999;
	float: right;
}


/* ----- Additional Styles ----- */

.hidden {
	display: none;
}

#overlay {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.success {
	color: #74B432;
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0;
}

.error {
	color: #b94a48;	
}

.alert {
	color: #000;
	background-color: #f2dede;
	border: 1px solid #c00;
	padding: 8px 14px;
	font-weight: normal;
	font-size: 12px;
}

.active {
	color: #51A351;
}

.invalid {
	color: #FF0000;
}

.clear {
	clear: both;
}


/* ----- Bootstrap Popover ----- */

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  width: 320px;
  padding: 1px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.popover.top {
  margin-bottom: 10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-right: 10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover-content p,
.popover-content ul,
.popover-content ol {
  	margin: 0;
}

.popover .arrow,
.popover .arrow:after {
  	position: absolute;
  	display: inline-block;
  	width: 0;
  	height: 0;
  	border-color: transparent;
  	border-style: solid;
}

.popover .arrow:after {
  	z-index: -1;
  	content: "";
}

.popover.top .arrow {
  	bottom: -9px;
  	left: 50%;
  	margin-left: -10px;
  	border-top-color: #ffffff;
  	border-width: 10px 10px 0;
}

.popover.top .arrow:after {
  	bottom: -1px;
  	left: -11px;
  	border-top-color: rgba(0, 0, 0, 0.25);
  	border-width: 11px 11px 0;
}

.popover.right .arrow {
  	top: 50%;
  	left: -10px;
  	margin-top: -10px;
  	border-right-color: #ffffff;
  	border-width: 10px 10px 10px 0;
}

.popover.right .arrow:after {
  	bottom: -11px;
  	left: -1px;
  	border-right-color: rgba(0, 0, 0, 0.25);
  	border-width: 11px 11px 11px 0;
}

.popover.bottom .arrow {
  	top: -9px;
  	left: 50%;
  	margin-left: -10px;
  	border-bottom-color: #f7f7f7;
  	border-width: 0 10px 10px;
}

.popover.bottom .arrow:after {
	top: -1px;
	left: -11px;
  	border-bottom-color: rgba(0, 0, 0, 0.25);
  	border-width: 0 11px 11px;
}

.popover.left .arrow {
  	top: 50%;
  	right: -10px;
  	margin-top: -10px;
  	border-left-color: #ffffff;
  	border-width: 10px 0 10px 10px;
}

.popover.left .arrow:after {
  	right: -1px;
  	bottom: -11px;
  	border-left-color: rgba(0, 0, 0, 0.25);
  	border-width: 11px 0 11px 11px;
}

.popover input,
.popover textarea {
	padding: 5px;
	width: 290px;
}

.popover .help-text {
	margin-bottom: 10px;
	color: #444;
	font-size: 12px;
	display: block;
}

.popover-submit-row {
	text-align: right;
}

.popover-submit-row .wps-close {
	float: left;
	line-height: 22px;
}


/* ----- WordPress Overwrites ----- */

.postbox h3 {
	cursor: default!important;
}

.menu-item-bar {
	margin: 0 0 13px 0!important;
}