/* Base
   =================================================== */
html
{
	font-size: 1em;
	-webkit-text-size-adjust: 1em;
	-ms-text-size-adjust: 1em;
}
body
{
	margin: 0;
}
body:not(.frameless):not(.login)
{
	overflow-y: scroll;
	min-width: 900px;
	background: #F7F7F5;
}


/* Links
   =================================================== */
a:focus
{
	outline: thin dotted;
}
a:hover, a:active
{
	/*outline: 0;*/
}

/* =====================================================
Typography
======================================================== */
body
{
	font: 0.813em/1.385 Arial, sans-serif;
}

h1
{
	font-size: 2em;
	margin: 0.67em 0;
}
h2
{
	font-size: 1.5em;
	margin: 0.83em 0;
}
h3
{
	font-size: 1.17em;
	margin: 1em 0;
}
h4
{
	font-size: 1em;
	margin: 1.33em 0;
}
h5
{
	font-size: 0.83em;
	margin: 1.67em 0;
}
h6
{
	font-size: 0.75em;
	margin: 2.33em 0;
}
b, strong
{
	font-weight: bold;
}
p, pre
{
	margin: 1em 0;
}
pre, code, kbd, samp
{
	font-family: monospace, serif;
	font-size: 1em;
}
pre
{
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
small, .small
{
	font-size: 0.846em;
}
sub, sup
{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup
{
	top: -0.5em;
}
sub
{
	bottom: -0.25em;
}


/* =====================================================
Fonts
======================================================== */
@font-face
{
	font-family: "Cassia-BoldRegular";
	src: url("../fonts/cassiabol-webfont.eot");
	src: url("../fonts/cassiabol-webfont.eot?#iefix") format("embedded-opentype"), 
	url("../fonts/cassiabol-webfont.woff") format("woff"), 
	url("../fonts/cassiabol-webfont.ttf") format("truetype"), 
	url("../fonts/cassiabol-webfont.svg#Cassia-BoldRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}
html, button, input, select, textarea
{
	font-family: Arial, sans-serif;
}
.credit span, .brand
{
	font-family: Cassia-BoldRegular, Georgia, Serif;
	font-weight: normal;
}


/* =====================================================
Colours
======================================================== */
body
{
	color: #666460; /* light brown */
}
h1, h2, h3, h4, h5, h6, input, select, textarea, .info > strong
{
	color: #32312f; /* dark brown */
}
a
{
	color: #ee7600; /* orange */
}
.dark
{
	color: #f2f0eb;
}
.dark a
{
	color: #f29700; /* #ef8200 */
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6
{
	color: #fff;
}


/* =====================================================
Lists
======================================================== */
dl, ol, ul
{
	margin: 1em 0;
}
dd
{
	margin: 0 0 0 40px;
}
ol, ul
{
	padding: 0 0 0 40px;
}


/* =====================================================
Embedded content
======================================================== */
img
{
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}


/* =====================================================
Forms
======================================================== */
form
{
	margin: 0;
}
label
{
	letter-spacing: 0.1px;
	min-width: 200px;
	display: inline-block;
}
fieldset
{
	border: 1px solid #c0c0c0;
	margin: 0;
	padding: 0.35em 0.625em 0.75em;
	background-color: #fff;
}
fieldset.noframe
{
	background-color: transparent;
}
legend
{
	border: 0;
	padding: 0;
	white-space: normal; *margin-left:-7px;
}
button, input, select, textarea, a.button
{
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	padding: 0.5em 0.5em 0.4em;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding-box;
	        background-clip: padding-box;
	
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;

	border-width: 1px;
	border-style: solid;
	border-color: #b8b8b8 #dbdbdb #d6d6d6;
}
select
{
	padding: 0.38em 0.5em;
}
input[type=text], input[type=password], select, textarea
{
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	   -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	    -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	     -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	        box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);*/
}
button, input, a.button
{
	line-height: normal;
}
button, input[type="button"] , input[type="submit"], input[type="reset"], a.button
{
	/*color: #32312f;
	border: 1px solid #ef8200;
	background: #f3a000; 
	background: -moz-linear-gradient(top,  #f3a000 0%, #ed7600 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3a000), color-stop(100%,#ed7600)); 
	background: -webkit-linear-gradient(top,  #f3a000 0%,#ed7600 100%);
	background: -o-linear-gradient(top,  #f3a000 0%,#ed7600 100%); 
	background: -ms-linear-gradient(top,  #f3a000 0%,#ed7600 100%); 
	background: linear-gradient(top,  #f3a000 0%,#ed7600 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#f3a000' , endColorstr= '#ed7600' ,GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	font-weight: bold;
	-webkit-appearance: button;
	padding-left: 1.5em;
	padding-right: 1.5em;*/
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, a.button:hover
{
	background: #f3a000;
}
input[type="submit"],
button, input[type="button"] , input[type="submit"], input[type="reset"], a.button
{
	color: #fff;
	border: 1px solid #504e4c;
	background: #6f6d69; /* Old browsers */
	background: -moz-linear-gradient(top,  #6f6d69 0%, #504e4c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6d69), color-stop(100%,#504e4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6f6d69 0%,#504e4c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6f6d69 0%,#504e4c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6f6d69 0%,#504e4c 100%); /* IE10+ */
	background: linear-gradient(top,  #6f6d69 0%,#504e4c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#6f6d69' , endColorstr= '#504e4c' ,GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	font-weight: bold;
	-webkit-appearance: button;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
input[type="submit"]:hover
{
	background: #6f6d69;
}
button[disabled], input[disabled], button[disabled]:hover, input[disabled]:hover
{
	cursor: default;
	border: 1px solid #f0f0f0;
	background: #d2d2d2; /* Old browsers */
	background: -moz-linear-gradient(top,  #d2d2d2; 0%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d2d2d2 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d2d2d2 0%,#d8d8d8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d2d2d2 0%,#d8d8d8 100%); /* IE10+ */
	background: linear-gradient(top,  #d2d2d2 0%,#504e4c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#d2d2d2' , endColorstr= '#504e4c' ,GradientType=0 ); /* IE6-9 */
	
	color: #f3f3f3;
}
input[type="text"], input[type="password"]
{
	width: 300px;
}

/*Used in SiteMaintenance*/
input[type="text"].copy, textarea.copy
{
	width: 400px;
	background-color: #ccffcc;
	height: auto;
}
input[type="text"].code, textarea.code
{
	width: 400px;
	background-color: #ffcccc;
	height: auto;
}
/*End Used in SiteMaintenance*/

input[type="checkbox"], input[type="radio"]
{
	padding: 0;
	margin: 0.462em 0.462em 0.462em 0;
}
input[type="checkbox"] + label, input[type="radio"] + label
{
	margin: 0.39em 0;
}
input[type="search"]
{
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button
{
	-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner
{
	border: 0;
	padding: 0;
}

textarea
{
	overflow: auto;
	vertical-align: top;
	width: 300px;
	height: 100px;
}


/* Tables
   =================================================== */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}


/* Content on dark background
   =================================================== */

.dark input, .dark textarea, .dark select
{
	border-color: #444341;
	background-color: #f2f0eb;
}