/*------------hompagesettings.html-----------------*/
body {
  min-height: 785px;
}
header {
  display: block;
  height: 30px;
  width: 100%;
  background: #FEA53D; /* old browsers */
  background: rgba(254,165,61,.5);
  text-align: right;
  line-height: 26px;
}
header a:link, header a:visited {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding-right: 5px;
}
footer.common {
  border-top: 0px;
  position: absolute;
  bottom: 0;
}


#sketches {
	display:none;
}
#settings {
	margin: -235px auto auto -290px;
	position: absolute;
	top: 45%;
	left: 50%;
  	z-index: 300;
}

#settings .top  {
	width: 579px;
	position: relative;
	background-image: url(http://www.wolframcdn.com/homepage/green-settings.png);
	background-repeat: no-repeat;
}

#settings .top {
	height: 61px;
	background-position: 0 0;
	color: #db0303;
	font-size: 18px;
}

#settings .top span {
	position: relative;
	top: 35px;
	left: 40px;
}

#settings .mid {
	position: relative;
	background: url(http://www.wolframcdn.com/homepage/green-settings-mid.png) 0 0 repeat-y;
	height: 240px;
	width: 579px;
	padding: 1px 0 29px;
}

#settings .bot {
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
/*    -moz-box-shadow: 0 4px 10px #777;
    -webkit-box-shadow: 0 4px 10px #777;
    box-shadow: 0 4px 10px #777;*/
    background-color: #DDD;
    background-image: none;
     border-color: #81BD53;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    height: 70px;
    margin-left: 17px;
    padding-left: 22px;
    width: 521px;
  	position: relative;
}

a#makeHomepage {
  outline: none;
  display: block;
  height: 44px;
  width: 300px;
  position: absolute;
  top: 10px;
  left: 15px;
  text-indent: -10000px;
  background: url("//www.wolframcdn.com/images/buttons/home-btnv1.png") no-repeat scroll;
  z-index: 300;
}

a#suggestBgLink {
  color: black;
  position: absolute;
  right: 30px;
  bottom: 27px;
  font-size: 13px;
}

a#close  {
	background:url(http://www.wolframcdn.com/homepage/settings-close-btn.png) no-repeat scroll 0 0 transparent;
	display:block;
	height:26px;
	position:absolute;
	right:18px;
	top:17px;
	width:25px;
}

a#close:hover {
	background-position: 0 -25px;
}

#settings .mid .mid-content {
	margin: 15px 20px 0 40px;
	font-size: 12px;
	color: #333;
}

#settings p {
	margin-bottom: 15px;
}

#settings > .mid > .mid-content > .interactive {
	float: left;
	width: 315px;
	position: relative;
	height: 250px;
	margin-right: 8px;
}
#settings .classic {
	float: left;
    width: 150px;
}

#intill {
	position: relative;
	left: 0;
	margin-top: -4px;
	margin-bottom: 5px;
}

#classbg {
	position: relative;
	top: -2px;
	margin-bottom: 5px;
}

#settings .img-select.interactive {
	width: 131px;
	height: 85px;
        float: left;
	padding: 3px 5px 5px 3px;
	margin: 4px;
	border-radius: 4px;
}

#settings .img-select.interactive.selected {
        background: #FFA053;
}

#settings .img-select.interactive img {
    padding: 0;
}

#settings .img-select {
	position: relative;
	width: 69px;
	height: 45px;
	display: inline-block;
	margin-bottom: 1px;
}

#settings .img-select div {
	top: 0;
	width: 72px;
	height: 45px;
	position: absolute;
	z-index: 100;
	cursor: pointer;
	background: url(http://www.wolframcdn.com/homepage/select-frame.png) 0 0 no-repeat;
	display: none;
}

#settings .selected div {
	display: block;
}


#settings .img-select img {
	position: absolute;
	padding: 4px 11px 3px 5px;
	cursor: pointer;
}

#settings input[type="radio"] {
	margin-left: 13px;
}

#settings .radio-label{
	margin-left: 3px;
	color: #777;
}

.br {
	clear: both;
	padding: 1px;
}

a#save {
	background:url("http://www.wolframcdn.com/images/buttons/home-settings-btn.gif") no-repeat scroll 0 0 transparent;
	display:block;
	height:29px;
	width:102px;
	z-index:100;
	float: right;
	margin: -13px 27px;
}

a#save:hover {
	background-position: 0 -28px;
}

/*---------------Black Gears-------------- */
.black-gears #settings .top {
  background-image: url(http://www.wolframcdn.com/homepage/black-settings.png);
}
.black-gears #settings .bot {
  border-color: #333;
}
.black-gears #settings .mid  {
        background-image: url(http://www.wolframcdn.com/homepage/black-settings-mid.png);
}
/*---------------Blue-------------- */
.blue #settings .top,
.blue-gears #settings .top,
.blue-sketches #settings .top {
  background-image: url(http://www.wolframcdn.com/homepage/blue-settings.png);
}
.blue #settings .bot,
.blue-gears #settings .bot,
.blue-sketches #settings .bot {
  border-color: #39638f;
}
.blue #settings .mid,
.blue-gears #settings .mid,
.blue-sketches #settings .mid {
  background-image: url(http://www.wolframcdn.com/homepage/blue-settings-mid.png);
}
/*---------------Orange Knot-------------- */
.orange-knot #settings .top,
.orange-gears #settings .top,
.orange-gears-new #settings .top,
.orange-sketches #settings .top {
  background-image: url(http://www.wolframcdn.com/homepage/orange-settings.png);
}
.orange-knot #settings .mid,
.orange-gears #settings .mid,
.orange-gears-new #settings .mid,
.orange-sketches #settings .mid {
  background-image: url(http://www.wolframcdn.com/homepage/orange-settings-mid.png);
}
.orange-gears #settings .bot,
.orange-knot #settings .bot,
.orange-gears-new #settings .bot,
.orange-sketches #settings .bot {
  border-color: #F47E1D;
}
/*---------------White-------------- */
.white #settings .top,
.gray-sketches #settings .top {
  background-image: url(http://www.wolframcdn.com/homepage/white-settings.png);
}
.white #settings .bot,
.gray-sketches #settings .bot {
  border-color: #ddd;
}
.white #settings .mid,
.gray-sketches #settings .mid {
  background-image: url(http://www.wolframcdn.com/homepage/white-settings-mid.png);
}
/*---------------Green-------------- */
.green #settings .top,
.green-sketches #settings .top {
  background-image: url(http://www.wolframcdn.com/homepage/green-settings.png);
}
.green #settings .bot,
.green-sketches #settings .bot {
  border-color: #81BD53;
}
.green #settings .mid,
.green-sketches #settings .mid {
  background-image: url(http://www.wolframcdn.com/homepage/green-settings-mid.png);
}

/*---------------Red-------------- */
.red #settings .top {
  background-image: url(http://www.wolframcdn.com/homepage/red-settings.png);
}
.red #settings .bot {
  border-color: #f57527;
}
.red #settings .mid{
  background-image: url(http://www.wolframcdn.com/homepage/red-settings-mid.png);
}

.js-banner {
  font-size: 14px;
  font-weight: 600;
  color: #535353;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  background: #FFF1BD;
  border-top: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
  width: 100vw;
  position: absolute;
  z-index: 150;
}

.js-banner:hover>a {
  color: #FF7E00
}

.js-banner>a {
  color: #CB1000;
}

.js-banner>a:hover {
  cursor: pointer;
}

.js-banner>img {
  top: 2.5px;
  position: relative;
}

@media only screen and (min-width: 700px) {
  .js-banner {
    padding: 15px 0 12px 0;
    text-align: center;
  }
}

@media only screen and (max-width: 700px) {
  .js-banner {
    padding: 15px 12px 12px 12px;
    text-align: left;
    white-space: normal;
  }
}