/*Options page estructure*/
.clear {
	clear: both;
}
.five-things {
	display: none;
}

/*Header*/
.five-things header {
	width: 100%;
	background: #464646;
	border:1px solid #464646;
	margin: 17px 5px 0 -5px;
	border-radius: 10px 10px 0 0;
	box-shadow: inset 0px -1px 5px 0px rgba(1, 1, 1, 0.7);
}
.five-things header .title {
	float: left;
}
.five-things header .menu {
	float: right;
	padding-top: 0;
}
.five-things header .title h2 {
	padding: 0 0 0 22px;
	float: left;
	font-size: 21px;
	margin: 0;
	line-height: 41px;
	color: #bdbdbd;
	text-shadow:none;
	cursor: default;
}
.ico-ft {
	display: block;
	float: left;
	height: 25px;
	margin: 8px 5px 0;
	width: 25px;
	cursor: pointer;
	background: url('../img/sprite.png');
}
.ico-ft:hover {
	opacity: 0.5;
}
.ico-ft.return {
	background-position: 0 -50px;
	display: none;
}
.ico-ft.twitter {
	background-position: 0 0;
}
.ico-ft.question {
	background-position: 0 -25px;
}
.ico-ft.gear {
	background-position: 0 -75px;
}

/*Aside*/
.five-things article  {
	background: #ececec;
	width: 100%;
	margin: 0 5px 0 -5px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	padding: 25px 0;
}
.five-things footer {
	background: #ececec;
	width: 100%;
	margin: 0 5px 17px -5px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	text-align: right;
	height: 41px;
	border-top: 1px solid #F9F9F9;
	border-radius: 0 0 10px 10px;
}
p.submit {
	margin: 0 22px 0 0;
	padding: 0;
	line-height: 41px;
}

/*Top5*/
.item-display-base {
	margin:20px 22px 0;
	position: relative;
	overflow: hidden;
}
.item-display-base:first-child {
	margin: 0 22px;
}
.item-display-base:hover {
	-webkit-filter: brightness(0.1) sepia(0.2);
	cursor: pointer;
}
.number {
	font-size: 36px;
	width: 47px;
	line-height: 1;
	height: 36px;
	display:block;
	float: left;
	color: #21759b;
}
.matrix {
	height: 18px;
	width: 18px;
	position: absolute;
	top: 9px;
	left: 38px;
	-moz-transform: matrix(-0.6,1,0.6,1,0,0);
	-webkit-transform: matrix(-0.6,1,0.6,1,0,0);
	-o-transform: matrix(-0.6,1,0.6,1,0,0);
	-ms-transform: matrix(-0.6,1,0.6,1,0,0);
	transform: matrix(-0.6,1,0.6,1,0,0);
	background: #7e7e7e;
	background: -moz-linear-gradient(-45deg,  #7e7e7e 0%, #6e6e6e 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#7e7e7e), color-stop(100%,#6e6e6e));
	background: -webkit-linear-gradient(-45deg,  #7e7e7e 0%,#6e6e6e 100%);
	background: -o-linear-gradient(-45deg,  #7e7e7e 0%,#6e6e6e 100%);
	background: -ms-linear-gradient(-45deg,  #7e7e7e 0%,#6e6e6e 100%);
	background: linear-gradient(135deg,  #7e7e7e 0%,#6e6e6e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#6e6e6e',GradientType=1 );


}
.name-item-display {
	padding:0 17px;
	height: 36px;
	float: left;
	width: 100%;
	margin-right: -81px;
	background: #7e7e7e;
	background: -moz-linear-gradient(top,  #7e7e7e 0%, #6e6e6e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e7e7e), color-stop(100%,#6e6e6e));
	background: -webkit-linear-gradient(top,  #7e7e7e 0%,#6e6e6e 100%);
	background: -o-linear-gradient(top,  #7e7e7e 0%,#6e6e6e 100%);
	background: -ms-linear-gradient(top,  #7e7e7e 0%,#6e6e6e 100%);
	background: linear-gradient(to bottom,  #7e7e7e 0%,#6e6e6e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#6e6e6e',GradientType=0 );

}
.name-item-display span {
	color:#fff;
	line-height: 36px;
	font-size: 18px;
	padding-top: 1px;
	text-shadow: 0px -1px 0px rgba(1, 1, 1, 0.7);
}
.item-configure {
	box-shadow: inset 0px -10px 20px -7px rgba(1, 1, 1, 0.3);
	background: #fff;
	min-height: 239px;
	margin: -11px 22px 0 70px;
	padding: 12px 0 24px 18px;
	display: none;
}
.content-choice-col-one {
	float: left;
	margin-right: 50px;
}
.content-choice-col-one p {
	margin: 0;
	font-size: 16px;
	line-height: 40px;
	color: #21759b;
	font-weight: bold;
}
.content-choice-col-one input,
#configure-ft input {
	display: block;
	width: 366px;
	height: 30px;
	margin: 0 0 14px;
	padding: 0 5px;
	border-radius: 5px;
	border:1px solid #c0c0c0;
}
#configure-ft input,
#configure-ft textarea {
	margin: 10px 0 0 22px;
	box-shadow: 1px 1px 5px -2px  rgba(1,1,1,0.75);
}
#configure-ft p {
	margin: 20px 0 0 22px;
}
.content-choice-col-two {
	float: left;
}
.content-choice-col-two label {
	line-height: 40px;
	min-width: 82px;
	font-size: 16px;
	font-weight: bold;
	color: #595b5c;
	display: inline-block;
}
.content-choice-col-two label input{
	padding: 0;
	margin: 2px 10px 0 0;
}
.content-choice-col-two label.list-menu-active {
	color: #21759b;
}
ul.list-content {
	width: 376px;
	height: 153px;
	padding: 4px 0;
	margin: 0;
	overflow-y: scroll;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	box-shadow: 1px 1px 5px -2px rgba(1, 1, 1, 0.75);
}
ul.list-content li {
	margin: 0 4px;
	padding: 5px 5px 8px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c0c0c0;
	cursor: pointer;
	font-size: 13px;
}
.pages-list {
	display: none;
}
ul.list-content li:hover {
	background: #ECECEC;
}
ul.list-content li.active-choice {
	background: #ECECEC;
	font-weight: bold;
	color: #21759B;
}
.five-things header .title .settings-error {
	display: inline-block !important;
	float: left;
	margin: 3px 0 0 14px;
	background: transparent;
	color: #bdbdbd;
	border: 0 none;
}
.five-things header .title .settings-error p {
	margin:8px 0;
}
#question-ft h3,
#configure-ft h3 {
	font-size: 36px;
	line-height: 1;
	color: #21759b;
	margin: 0 0 0 22px;
}
#question-ft h4 {
	font-size: 28px;
	line-height: 1;
	color: #21759b;
	margin: 0 0 0 22px;
}
#question-ft p {
	margin-left: 22px;
}
.submit {
	display: inline-block;
}
.CodeMirror {
	margin: 10px 22px 0;
}