@font-face {	
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local("Raleway Medium"), local("Raleway-Medium"), url(/webclient/themes/nutmeg/fonts/Raleway-Medium.woff) format("woff"); }

@font-face {	
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local("Raleway Bold"), local("Raleway-Bold"), url(/webclient/themes/nutmeg/fonts/Raleway-Bold.woff) format("woff"); }



/* The body style, essentially the whole page */

body,html {
		height:100%;
}

body {
	margin: 0px; 
}

form {
	margin:0; padding:0;	
}


a:link,
a:visited {
	color:#eee;
	text-decoration: none;
}

a:hover {
	color:#fff;
	text-decoration: underline;
}

/* The outer container of the window */
#container {
	font-family: Raleway, arial, Helvetica, sans-serif;
	font-weight: 500;
	background: #d5d3ce url(../images/loginBackground.png) top left repeat;
	color: #333;
	font-size: 16px;
	line-height:30px;
	height:100%;
	}
	
#inner-container {
	position: relative;
	top: 75px;
	width: 550px;
	min-height: 450px;
	background-color: #444;
	margin: 0 auto;
	color:#fff;
}

/* The main brand logo container */
#logo-container {
}

/* The main brand logo */
#logo {
	width: 100%; 
	text-align: right; 
	background-image: url(../images/loginLogo.png);
	background-repeat:no-repeat;
	background-position:top left; 
	height: 55px;
}

/* The main content container */
#content {
	padding:60px 30px;
	min-height: 200px;
}

h1 {
	font-size: 30px;
	margin: 45px 0 15px 0;
}

/* The copyright positioning container */
#copyright-position {
	position:absolute; 
	bottom: 0; 
	width: 100%;
}

/* The copyright wrapper container */
#copyright-wrapper {
	padding-right: 30px; 
	padding-bottom: 20px; 
	text-align: right;
	font-weight: bold;
	font-size:12px;
	float: right;
	text-transform: uppercase;
}

/* Textfields */
input.text {
	background-color: #F7F6F5;
	border: 0;
	color: #333333;
	box-shadow: inset 1px 1px 3px #ccccc6;
	-moz-box-shadow: inset 1px 1px 3px #ccccc6;
	-webkit-box-shadow: inset 1px 1px 3px #ccccc6;
	padding:6px 0 3px 0;
	text-indent:3px;
	line-height:1;
	width: 100%;
}

input.text:focus {
  outline: 1px solid #999;
  }


/* Buttons */
button.submit,
input.submit {
  line-height: 30px;
  font-weight:bold;
  color: #fff;
  text-transform: uppercase;
  background-image:none !important;
  background: #2e5d72;
  border:0;
  padding:0 15px;
  cursor: pointer;
  margin: 10px 0; }

button.submit:focus,
input.submit:focus {
  outline: 1px solid #40819e; }
  
button.submit:hover,
input.submit:hover {
  color: #fff;
  background: #40819e; }

button.submit:active,
input.submit:active {
  box-shadow: inset 2px 2px 1px #0a1b24;
  background-color: #173d53;
  color: #fff; }

/* Disabled buttons */
button.submit[disabled], input.submit[disabled] {
	background-color: transparent;
	background-image: none;
	color: #AAA;
	border-color: #DDD;
	cursor: default;
}

/* Remove top margin from paragraphs */
p {
	margin-top: 0px;
}

/*
 * Definitions for 2-column layout
 */
.columns {
	overflow: visible;
	clear: both;
	}

.columns .left-col {
	float: left; 
	width: 50%;
	line-height: 30px;
}

.columns .right-col {
	float: right; 
	width: 50%
}

/* The div which contains one or more buttons in a form */
.form-submit {
	text-align: right;
	margin-top: 4px;
clear: both;
}

/* Alert box general */
.alert {
	background-repeat: no-repeat;
	background-position: 10px center;
	margin: 30px 0 15px 0;
	padding:5px 5px 10px 5px;
	font-size:14px;
	line-height:18px;
}

/* Message alert box */
.alert .message {
	padding-left: 30px; 
	padding-top: 3px;
}

/* Error alert box */
.alert.error {
	background-image: url('../images/sciboodleErrorIcon.png');
	border: 1px solid #f45d80; 
	color: #f45d80; 
}

/* Warning alert box */
.alert.warning {
	background-image: url('../images/sciboodleWarningIcon.png');
	border: 1px solid #F0DC7E; 
	color: #F0DC7E; 
}

/* Info alert box */
.alert.info {
	background-image: url('../images/sciboodleInfoIcon.png');
	border: 1px solid #47a7c1; 
	color: #47a7c1; 
}

/* Clear floating elements with 0px height */
.clear {
	clear: both;
	line-height: 0px;
}