/* 
  This is the main SproutCore theme.  If you would prefer not to use this 
  theme, just set the theme option in your sc-config to another theme name.
*/

/* Always use Helvetica and this background color. */
body.sc-theme {
	font: 12px/18px "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	background-color: #57647f ;
	padding: 0px;
}


body.sc-theme .sc-view.invalid {
  outline: 2px red solid;
}

/* @group Border Styles */

body.sc-theme .sc-view.sc-bezel-border {
  border-left:   1px #999 solid;
  border-top:    1px #666 solid;
  border-bottom: 1px #fff solid;
  border-right:  1px #fff solid;
}

body.sc-theme .sc-view.sc-black-border {
  border: 1px black solid; 
}

body.sc-theme .sc-view.sc-gray-border {
  border: 1px #888 solid; 
}

body.sc-theme .sc-view.sc-bottom-border {
  border-bottom: 1px #888 solid; 
}

body.sc-theme .sc-view.sc-top-border {
  border-top: 1px #888 solid; 
}

/* @end */

.sc-theme div.sc-web-view {
  background-color: white;
}

.sc-theme .sc-pane.sc-main {
	background: -webkit-gradient(linear, left top, left bottom, from(#57647f), to(#848ea2));
}

.sc-theme #loading {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#57647f), to(#848ea2));
}