* {
	font-family: arial;
	line-height: 14px;
}

a {
	text-decoration: none;
}

body {
	background: fixed 0 center repeat-x;
	height: 100%;
}

#home-content, html {
	height: 100%;
	width: 100%;
}

#home-background {
	background:   no-repeat fixed center center;
	margin: 0px auto;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
    min-height: 320px;
}

#input-pod {
        background-color: white;
	margin: -88px auto auto -272px;
	position: absolute;
	top: 47%;
	left: 50%;
	height: 176px;
	width: 544px;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
  border-radius: 20px;
 -moz-box-shadow: 0 0 10px 2px #f47f1d;
 -webkit-box-shadow: 0 0 10px 2px #f47f1d;
 -o-box-shadow:  0 0 10px 2px #f47f1d;
  box-shadow: 0 0 10px 2px #f47f1d;

}

#home-logo {
	margin: 15px auto 0px auto;
	width: 380px;
	height: 57px;
	display: block;
}

#input-label {
	position: absolute;
	font-size: 12px;
	color: #777777;
	margin: 7px 0 7px 37px;
	top: 80px;
}

#input-background {
  border:1px solid #FA6800;
        -moz-border-radius:5px 5px 5px 5px;
        border-radius: 5px;
-moz-box-shadow:0 0 0 2px #FED36E, 0 0 0 4px #FFC104, 2px 2px 4px 4px #CCCCCC;
-webkit-box-shadow:0 0 0 2px #FED36E, 0 0 0 4px #FFC104, 2px 2px 4px 4px #CCCCCC;
-o-box-shadow:0 0 0 2px #FED36E, 0 0 0 4px #FFC104, 2px 2px 4px 4px #CCCCCC;

	bottom:33px;
	height:28px;
	left:32px;
	margin:0 auto;
	position:absolute;
	width:478px;
}

#i {
background-color:white;
border:0 none;
color:black;
z-index:10;
width: 445px;
margin: 5px 0 0 13px;
outline: none;
}

#equal {
	right: 7px;
	top: 7px;
}


#fadeall {
	display: none;
	position: absolute;
	z-index: 300;
	left: 33px;
	bottom: -11px;
}

#fadeinput {
	color:#888;
	cursor:text;
	font-size:13px;
	height:18px;
	margin:0 0 0 8px;
	padding:6px 0 0 7px;
	width:445px;
}

#fadebubble .left {
	background: url(http://www.wolframcdn.com/homepage/home-popup.png) 0 0 no-repeat;
	width: 36px;
	height: 48px; 
	float: left;
}

#fadebubble .mid {
	background: url(http://www.wolframcdn.com/homepage/home-popup-mid.png) 0 0 repeat-x;
	height: 48px; 
	float: left;
	text-indent: -22px;
}

#fadebubble .right {
	background: url(http://www.wolframcdn.com/homepage/home-popup.png) -43px 0 no-repeat;
	width: 22px;
	height: 48px; 
	float: left;
}

#fadebubble .mid div {
	margin-top: 20px;
}

#fadebubble  .mid span {
	font-family: arial;
	font-size: 13px;
	color: #000;
}

#fadebubble  .mid span.eg {
	color: #888;
}

#input-links {
	position: relative;
	list-style-type: none;
	width: 100%; 
	text-align: center;
	bottom: -123px;
	font-size: 11px;
}

#input-links li {
	display: inline;
	padding: 0;
	margin: 0;
}

#input-links li a {
	color: #b76204;
	font-weight: bold;
}

body #input-links a:hover {
	color: #fff;
}

#home-more {
	position: relative;
}

#home-more a {
	background: url(http://www.wolframcdn.com/homepage/arrow-orange-gears.png) right 5px no-repeat;
	padding-right: 11px;
}

#input-links .pipe {
	margin: auto 11px auto 14px;
	color: #aa7336;
}

#footer-back {
	position: absolute;
	bottom: 0;
	line-height: 38px;
	width: 100%;
	background-color: #f86b1d;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	opacity: .5;
	filter: alpha(opacity=50);
}

#footer-text {
	z-index: 100;
	position: absolute;
	bottom: 0;
	line-height: 38px;
	width: 100%;
	font-family: arial;
	font-size: 11px;
	color: #FFE5A8;
	text-align: center;
}

#footer-text a {
	font-family: arial;
	font-size: 11px;
	color: #FFE5A8;
}

#footer-text  a:hover {
	color: #fff;
}

#footer-text .pipe {
	margin: auto 10px auto 12px;
}

#dropdown {
	left: 32px;
	position: absolute;
	top: 140px;
	z-index: 200;
	display: none;
	font-family: arial;
	font-size: 12px;
}

#dropdown .left, #dropdown .right {
	background: url(http://www.wolframcdn.com/homepage/try-back.png) no-repeat;
	height: 233px;
	float: left;
	position: relative;
}

#dropdown .left {
	background-position: 0 0;
	width: 39px;
}

#dropdown .right {
	background-position: -41px 0;
	width: 13px;
}

#dropdown .mid {
	background: url(http://www.wolframcdn.com/homepage/try-back-mid.png) 0 0 repeat-x;
	float: left;
	height: 233px;
	position: relative;
	z-index: 201;
}

h1 {
	color: #000;
	margin-top: 21px;
	margin-left: -21px;
}

#dropdown h2{
	margin: 16px auto 3px -21px;
	color: #777;
}

#close-dropdown {
	position: absolute;
	top: 21px;
	right: -1px;
	cursor: pointer;
}

#dropdown ul {
	margin: 0 -15px 6px -34px;
}

#dropdown li {
	padding: 0 20px 0 15px;
	margin: 0 8px 0 0;
	line-height: 25px;
	position: relative;
	z-index: 290;
	display: list-item;
}

#dropdown li:hover {
	background-color: #eee;
	cursor: pointer;
}

#dropdown .input {
	color: #000;
}

#dropdown li:hover .input {
	color: #DB0303;
}

#dropdown .desc {
	color: #777;
}

#dropdown .textdesc {
	display: none;
}

#dropdown #moreex {
	color: #FF812B;
	font-size: 12px;
	font-weight: bold;
	margin-left: -18px;
}

#dropdown #moreex:hover {
	background: none;
	color: #db0303;
}

.hide {
	display: none;
}

#howTo {
	background:url(/images/newtoalpha-sprite.png) no-repeat scroll 0 -54px transparent;
	height:58px;
	position:absolute;
	right:-175px;
	top:-6px;
	width:188px;
	display: none;
}

#more-links {
	position: absolute;
	z-index: 300;
	/*display: none;*/
	/*right: 117px;*/
	left: -10000px;
	top: -10000px;
	/*top: -15px;*/
	text-align: left;
	width: 145px;
}

#home-more:hover #more-links {
	 /*display: block;*/
	 position: absolute;
	 left: -20px;
	 top: -15px;
}

#input-pod #more-links ul a {
	color: #666;
	line-height: 20px;
}

#input-pod #more-links ul a:hover {
	color: #db0303;
}

#more-links ul{
	text-align: left;
	position: static;
	margin: 2px 0 -1px 5px;
}

#more-links ul li  {
	display:none;
}

#more-links ul li, #even-more ul li {
	display: block;
	/*dding-left: 15px;*/
	line-height: 20px;
	margin: auto 20px auto 15px;
}

#more-links ul .line,  #even-more ul .line {
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 2px;
	padding-bottom: 2px;
	/*width: 110px;
	position: relative;
	left: -5px;
	margin: 3px 0;*/
}

#more-links ul a, #even-more ul a {
	display: block;
	margin: auto -13px auto -15px;
	padding: 0 13px;	
}

#more-links ul a:hover, #even-more ul a:hover {
	background-color: #eee;
	color: #db0303;
}
#even-more ul a:hover {
width: 196px;
}

/*#more-links ul li:hover a, #even-more ul li:hover a{
	color: #db0303;
}*/

#input-pod #home-more:hover a{
	color: #666;
	position: relative;
	z-index: 350;
	background-image: url(http://www.wolframcdn.com/homepage/home-arrows2.png) ;
	background-position: right 4px;
}

#more-links .top, #more-links .bot {
	background-image: url(http://www.wolframcdn.com/homepage/more.png);
	background-repeat: no-repeat;
	width: 145px;
	position: relative;
}

#more-links .top {
	background-position: 0 0;
	height: 35px;
}

#more-links .bot {
	background-position: 0 -36px;
	height: 13px;
}

#more-links .mid {
	background: url(http://www.wolframcdn.com/homepage/more-mid.png) 0 0 repeat-y;
	width: 145px;
	padding: 1px;
}

#home-more #more-links .mid a,#home-more #even-more .mid a {
	background-image: none;
	font-weight: normal;	
}

#more-links ul li#even-more-link {
	line-height: 24px;
	margin-bottom: -5px;
	position: relative;
	z-index: 400;
}

#even-more {
	position: absolute;
	left: -10000px;
	bottom: -10px;
	/*display: none;*/
	z-index: 500;
}

#even-more-link:hover #even-more {
	display: block;
        left: 104px;
}

#even-more:hover {
	display: block;
}

#even-more .top, #even-more .bot {
	background-image: url(http://www.wolframcdn.com/homepage/even-more.png);
	position: relative;
	width: 236px;
	height: 13px;
}

#even-more .top {
	background-position: 0 0;
}

#even-more .bot {
	background-position: 0 -14px;
}

#even-more .mid {
	background: url(http://www.wolframcdn.com/homepage/even-more-mid.png) 0 0 repeat-y;
	width: 236px;
}

#even-more ul {
	text-align: left;
	position: static;
	margin-left: 5px;
}

#even-more ul li div.line{
	width: 153px;
}

#more-links #even-more ul li a {
	color: #777;
}

#more-links #even-more ul li a:hover {
	color: #db0303;
}

/*------------hompagesettings.html-----------------*/

#settings {
	margin: -160px auto auto -290px;
	position: absolute;
	top: 52%;
	left: 50%;
}

#settings .top, #settings .bot {
	width: 579px;
	position: relative;
	background-image: url(http://www.wolframcdn.com/homepage/orange-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/orange-settings-mid.png) 0 0 repeat-y;
	width: 579px;
	padding: 1px 0 10px;
}

#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 #666;
    -webkit-box-shadow: 0 4px 10px #666;
    box-shadow: 0 4px 10px #666;
    background-color: #DDD;
    background-image: none;
    border-color: #F47E1D;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    height: 70px;
    margin-left: 17px;
    padding-left: 22px;
    width: 521px;
}
 
#settings .bot a {
  display: block;
  height: 30px;
  width: 300px;
  position: absolute; 
  top: 30px;
  left: 30px;
}
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 .img-select {
	position: relative;
	width: 69px;
	height: 55px;
	display: inline-block;
}

#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 {
	margin-top: 9px;
}

a#save {
	background:url("http://www.wolframcdn.com/homepage/save-btn.png") no-repeat scroll 0 0 transparent;
	bottom:2px;
	display:block;
	height:29px;
	left:489px;
	margin-top:5px;
	position:relative;
	/*top:5px;*/
	width:47px;
	z-index:100;
}

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

/*---------------Orange Gears-------------- */

body.orange-gears{
	background-color: #f99d2c !important;	
}

.orange-gears #home-background{
	background-image: url(http://www.wolframcdn.com/homepage/orange-gears-back.jpg);
}

.orange-gears #input-links li a, .orange-gears #input-links li .pipe, .orange-gears #footer-text #chooseView, .orange-gears #footer-text #chooseView a {
	color: #b76204;
}

.orange-gears #input-links li a:hover, .orange-gears #footer-text #chooseView a:hover {
	color: #fc8800;
}

.orange-gears #footer-back {
	background-color: #f86b1d;
}


/*---------------Black Gears-------------- */
		
body.black-gears {
	background-image: url(http://www.wolframcdn.com/homepage/black-gears-back-mid.jpg);
}
.black-gears header{
   background: gray; /* old browsers */
  background: rgba(100,100,100,.5);

}
.black-gears #home-background{
	background-image: url(http://www.wolframcdn.com/homepage/black-gears-back.jpg);
}

.black-gears #input-pod  {
/*	background-image: url(http://www.wolframcdn.com/homepage/black-home-pod.png);*/
     -moz-box-shadow: 0 0 10px 2px #000;
 -webkit-box-shadow: 0 0 10px 2px #000;
 -o-box-shadow:  0 0 10px 2px #000;
  box-shadow: 0 0 10px 2px #000;

}

.black-gears #input-links li a, .black-gears #input-links li .pipe, .black-gears #footer-text #chooseView, .black-gears #footer-text #chooseView a {
	color: #c3c3c3;
}

.black-gears #input-links li a:hover, .black-gears #footer-text #chooseView a:hover {
	color: #ffffff;
}

.black-gears #home-more a{
	background-image: url(http://www.wolframcdn.com/homepage/arrow-black-gears.png);
}

.black-gears #footer-back{
	background-color: #2e2e2e;
}

.black-gears #footer-text,.black-gears #footer-text a {
	color:#8e8e8e ;
}

.black-gears #footer-text a:hover {
	color: #fff;
}

.black-gears #settings .top, .black-gears #settings .bot{
	background-image: url(http://www.wolframcdn.com/homepage/black-settings.png);
}

.black-gears #settings .mid  {
	background-image: url(http://www.wolframcdn.com/homepage/black-settings-mid.png);
}

/*---------------Blue-------------- */

body.blue {
	background-image: url(http://www.wolframcdn.com/homepage/blue-back-mid.gif);
}

.blue #home-background{
	background-image: url(http://www.wolframcdn.com/homepage/blue-back.jpg);
}

.blue header {
  background: #blue; /* old browsers */
  background: rgba(54,165,254,.5);

}

.blue #input-pod{
/*	background-image: url(http://www.wolframcdn.com/homepage/blue-home-pod.png);*/
     -moz-box-shadow: 0 0 10px 2px #236dac;
 -webkit-box-shadow: 0 0 10px 2px #236dac;
 -o-box-shadow:  0 0 10px 2px #236dac;
  box-shadow: 0 0 10px 2px #236dac;

}

.blue #input-links li a, .blue #input-links li .pipe, .blue #footer-text #chooseView, .blue #footer-text #chooseView a {
	color: #3b5d7b ;
}

.blue #input-links li a:hover, .blue #footer-text #chooseView a:hover {
	color: #5088ad;
}

.blue #home-more a{
	background-image: url(http://www.wolframcdn.com/homepage/arrow-blue.png);
}

.blue #footer-back{
	background-color: #39638f;
}

.blue #footer-text,.blue #footer-text a {
	color:#C1DBE8;
}

.blue #footer-text a:hover {
	color: #def3ff;
}

.blue #settings .top, .blue #settings .bot{
	background-image: url(http://www.wolframcdn.com/homepage/blue-settings.png);
}

.blue #settings .mid  {
	background-image: url(http://www.wolframcdn.com/homepage/blue-settings-mid.png);
}

/*---------------Orange Knot-------------- */
body.orange-knot{
	background-image: url(http://www.wolframcdn.com/homepage/orange-knot-back-mid.jpg);
}

.orange-knot #home-background{
	background-image: url(http://www.wolframcdn.com/homepage/orange-knot-back.jpg);
}

.orange-knot #input-links li a, .orange-knot #input-links li .pipe, .orange-knot #footer-text #chooseView, .orange-knot #footer-text #chooseView a {
	color: #ac5f0c;
}

.orange-knot #input-links li a:hover, .orange-knot #footer-text #chooseView a:hover {
	color: #e88900;
}

.orange-knot #home-more a{
	background-image: url(http://www.wolframcdn.com/homepage/arrow-orange-knot.png);
}

.orange-knot #settings .top, .orange-knot #settings .bot{
	background-image: url(http://www.wolframcdn.com/homepage/orange-settings.png);
}

.orange-knot #settings .mid  {
	background-image: url(http://www.wolframcdn.com/homepage/orange-settings-mid.png);
}

/*---------------White-------------- */

body.white{
	background-image: url(http://www.wolframcdn.com/homepage/white-back-mid.gif);
}
.white header {
  background: gray; /* old browsers */
  background: rgba(100,100,100,.5);

}
.white #home-background{
	background-image: url(http://www.wolframcdn.com/homepage/white-back.gif);
}

.white #input-pod{
/*	background-image: url(http://www.wolframcdn.com/homepage/white-home-pod.png);*/
   -moz-box-shadow: 0 0 10px 2px #bbb;
 -webkit-box-shadow: 0 0 10px 2px #bbb;
 -o-box-shadow:  0 0 10px 2px #bbb;
  box-shadow: 0 0 10px 2px #bbb;

}

.white #input-links li a, .white #input-links li .pipe, .white #footer-text #chooseView, .white #footer-text #chooseView a {
	color: #828181;
}

.white #input-links li a:hover, .white #footer-text #chooseView a:hover {
	color: #2f2f2f; 
}

.white #home-more a{
	background-image: url(http://www.wolframcdn.com/homepage/arrow-white.png);
}

.white #footer-back{
	background-color: #e2e2e2;
}

.white #footer-text a, .white #footer-text{
	color: #888;	
}

.white #footer-text a:hover {
	color: #333;
}

.white #settings .top, .white #settings .bot{
	background-image: url(http://www.wolframcdn.com/homepage/white-settings.png);
}

.white #settings .mid  {
	background-image: url(http://www.wolframcdn.com/homepage/white-settings-mid.png);
}

/*---------------Green-------------- */
body.green {
	background-image: url(http://www.wolframcdn.com/homepage/green-back-mid.gif);
}

.green #home-background{
	background-image: url(http://www.wolframcdn.com/homepage/green-back.jpg);
}
.green header {
  background: green; /* old browsers */
  background: rgba(165,254,61,.5);

}

.green #input-pod{
/*	background-image: url(http://www.wolframcdn.com/homepage/green-home-pod.png);*/
     -moz-box-shadow: 0 0 10px 2px #81bd53;
 -webkit-box-shadow: 0 0 10px 2px #81bd53;
 -o-box-shadow:  0 0 10px 2px #81bd53;
  box-shadow: 0 0 10px 2px #81bd53;

}

.green #input-links li a, .green #footer-text #chooseView, .green #footer-text #chooseView a {
	color: #709054;
}

.green #input-links li a:hover, .green #footer-text #chooseView a:hover {
	color: #536e3a;
}

.green #input-links li .pipe {
	color: #8fa879;
}

.green #home-more a{
	background-image: url(http://www.wolframcdn.com/homepage/arrow-green.png);
}

.green #footer-back{
	background-color: #65993f;
}

.green #footer-text,.green #footer-text a {
	color: #e2e982;
}

.green #footer-text a:hover {
	color: #fff;
}

.green #settings .top, .green #settings .bot{
	background-image: url(http://www.wolframcdn.com/homepage/green-settings.png);
}

.green #settings .mid{
	background-image: url(http://www.wolframcdn.com/homepage/green-settings-mid.png);
}

/*---------------Red-------------- */
body.red {
	background-image: url(http://www.wolframcdn.com/homepage/red-back-mid.jpg);
}

.red #home-background{
	background-image: url(http://www.wolframcdn.com/homepage/red-back.jpg);
}

.red #input-pod{
	/*background-image: url(http://www.wolframcdn.com/homepage/red-home-pod.png);*/
   -moz-box-shadow: 0 0 10px 2px #f57527;
 -webkit-box-shadow: 0 0 10px 2px #f57527;
 -o-box-shadow:  0 0 10px 2px #f57527;
  box-shadow: 0 0 10px 2px #f57527;
}

.red #input-links li a, .red #input-links li .pipe, .red #footer-text #chooseView, .red #footer-text #chooseView a {
	color: #f6cd93;
}
.red header {
  background: red; /* old browsers */
  background: rgba(254,65,61,.5);

}
.red #input-links li a:hover, .red #footer-text #chooseView a:hover {
	color: #ffe3bb;
}

.red #home-more a{
	background-image: url(http://www.wolframcdn.com/homepage/arrow-red.png);
}

.red #footer-back{
	background-color: #c32712;
}

.red #footer-text,.red #footer-text a {
	color:#ffc692  ;
}

.red #footer-text a:hover {
	color: #fff;
}

.red #settings .top, .red #settings .bot{
	background-image: url(http://www.wolframcdn.com/homepage/red-settings.png);
}

.red #settings .mid{
	background-image: url(http://www.wolframcdn.com/homepage/red-settings-mid.png);
}

#iClear {
  right: 29px;
  top: 6px;
}

input#equal  {
	height:0;
	padding:14px 0 0;
}
#equal {
	border:0 none;
	font-size:0;
	height:14px;
	margin:auto 0;
	overflow:hidden;
	position:absolute;
}
#equal, .equal {
	background-position:-399px -26px;
	cursor:pointer;
	display:block;
	height:14px;
	width:13px;
}

#equal {
	background-image:url("http://www.wolframcdn.com/commonSprite.png");
	background-repeat:no-repeat;
}

.hidden {
	display: none;
}

body {
  min-height: 515px;
}
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 {
  position: fixed;
  bottom: 0;
}
