body
{
	margin: 0;
}

body, input
{
	font-family: 'Segoe WP', 'Segoe UI', 'Segoe UI', Helvetica, Arial, Verdana, sans-serif;
}

body.welcome
{
	width: 100%;
	font-size: 16pt;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

div#error, div#notif, fieldset, fieldset legend, div.minip
{
	padding: 20px 40px;
}

/* p is for padding as in hipster large padding */
.p
{
	padding: 40px 80px;
}

.mp
{
	padding: 20px 40px;
}

/* p is for padding as in hipster large padding */
.px
{
	padding: 0 80px;
}

/* right margin */
.mrx
{
	margin-right: 40px;
}
.mlx
{
	margin-left: 40px;
}

.mmx
{
	margin: 0 40px;
}

/* p is for padding as in hipster large padding */
.mpy
{
	padding: 40px 0;
}

/* mini padding x direction only */
.mpx
{
	padding: 0px 40px;
}


.m
{
	margin: 10px 80px;
}

.dualm
{
	margin: 40px 80px;
}

.inverse
{
	color: #fff;
}

.first
{
	margin-top: 0;
	padding-top: 0;
}

.last
{
	margin-bottom: 0;
	padding-bottom: 0 !important;
}

div#content
{
	padding: 2em 0;
}

.alt
{
	color: #669 !important;
}

span.gray
{
	color: #999;
}

.normal
{
	font-weight: normal;
}

h1#title
{
	font-size: 60pt;
	margin-top: 0;
	margin-bottom: 50px;
	padding: 0;
}

h1#title, span.legend_main, input.button, label, h2.lc
{
	text-transform: lowercase;
}

h1#title, h1.xlarge
{
	font-size: 60pt;
	font-weight: normal;
}

h3.large
{
	font-size: 24pt;
}

h2.large
{
	font-size: 36pt;
}

h1.large
{
	font-size: 48pt;
}

h1.large, h2.large, h3.large
{
	font-weight: normal;
}

h1.right, div.inner-right
{
	text-align: right;
}

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

a:hover
{
	color: #6af;
}

a:active
{
	color: #6a9;
	background-color: #fff;
}

div.left-splash
{
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
}

div.right-splash
{
	padding: 2em 0 0 0;
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}

ul.welcome
{
	list-style-type: none;
	padding: 0;
}

img#hero
{
	height: 600px;
}

.ib
{
	display: inline-block;
}

.right
{
	float: right;
}

.left, div.left-splash
{
	float: left;
}

.inner-center
{
	text-align: center;
}

div#hero, .center
{
	margin: 0 auto;
}

div#hero
{
	width: 800px;
	padding: 0;
	height: 100%;
	display: table;
	position: relative;
}

div.clear
{
	clear: both;
}

div.bottom
{
	padding: 2em 0;
}

p.hipster, div.hipster
{
	font-size: 32pt;
	color: #999;
}

table.form
{
	border-collapse: collapse;
}

table.form td
{
	padding: 5px 10px;
	
}

input.large
{
	font-size: 24pt !important;
	font-weight: bold;
	padding: 5px 15px !important;
}

/* Forms ------------------------------------------------------------------------------------------*/

fieldset
{
	background-color: #efeffc;
	border: 0;
	margin: 0;
}

input.number
{
	width: 100px;
}

label, input.text, .button, input.secbutton, input.number
{
	font-size: 16pt;
}

input.text, input.number
{
	
}

input.text
{
	width: 220px;
}

input.first
{
	margin-top: 5px;
}

label
{
	/*font-weight: bold;*/
	display: inline-block;
	margin-right: 20px;
}

/* secbutton is a gray button */
.button, .secbutton
{
	border: 0;
	
	padding: 10px 20px;
	cursor: pointer;
}

.button
{
	background-color: #4444ff;
	color: #fff !important;
	font-weight: bold;
	display: inline-block;
}

.button:hover
{
	background-color: #00f;
}

.button:active
{
	background-color: #f0f;
}

.secbutton
{
	background-color: #dde;
	color: #000;
}

.secbutton:hover
{
	background-color: #fff;
}

.secbutton:active
{
	background-color: #333;
	color: #fff;
}

span.error
{
	color: #f93;	
}

div.errorbox
{	
	color: #fff;
	background-color: #c00;
	font-weight: bold;
}

div.warningbox
{	
	color: #000;
	background-color: #fc0;
	font-weight: bold;
}

div.okbox
{	
	color: #fff;
	background-color: #696;
	font-weight: bold;
}

div#error, div#loading, div#notif
{
	display: none;
}

div.loading
{
	padding: 0 20px;
	color: #999;
}

div.submit
{
	padding: 20px 0;
}

div.login_error
{
	padding-bottom: 20px;
}

div.login_error, div.error2
{
	font-size: 20pt;
}

div#form_left, div#form_right
{
	float: left;
}

div#form_left
{
	width: 30%;
	padding-right: 40px;
}

fieldset legend
{
	margin-left: -40px;
	background-color: #669;
	color: #fff;
}

span.legend_main
{
	font-size: 14pt;
}

span.coloralt
{
	color: #dcf;
}

div#hipster
{
	font-size: 20pt;
}

div.seventy
{
	width: 70%;
	float: right;
}
div.thirty
{
	width: 30%;
	float: left;
}

div.half
{
	width: 50%;
	float: left;
}