/*
	--------------------------
	Common Page Styles
	--------------------------
*/

/*  Custom Classes
--------------------------  */

/* hidden */
.hidden	{ display: none; }

/* clear */
.clear	{ clear: both; }

/*  Typography 
--------------------------  */

h1 			{ font-size: 2em; font-weight: 700; color: #ff6300;  }
h1 span     { font-style: italic; }
h2 			{ font-size: 1.5em; font-weight: normal; color: #39404a; margin-top: 0; }
h3 			{ font-size: 1.25em; color: #ff6300; }
h4, h5, h6, h7	{ font-size: 1em; margin-bottom: 0; }

p,li,td,dt,dd, label	{ font-size: 1em; line-height: 1.4em; }
li li	{ font-size: 1em; }

a 			{ text-decoration: underline; color: #39404a; }
a:hover		{ text-decoration: none; color: #ff6300; }

a img		{ border: 0; }

input, select, textarea		{ font-family: "pt-sans", sans-serif; font-size: 1em; color: #6d6d6f; }

input.radio, input.check    { width: 2em; }

/* General */
.right	    { float: right; }
.centre		{ text-align: center; }
.currency   { text-align: right; }
.nowrap     { white-space: nowrap; }
.column     { width: 29em; margin: 0 1.5em 1em 0; float: left; padding: 0; }
.column.last    { margin-right: 0; }

.tabular span   { display: block; width: 10em; float: left; font-weight: bold; }

.grey   { color: #39404a; }
.orange   { color: #ff6300; }

.small  { font-size: 0.65em; }

/*  Container divs to give 100% width but also a min width for IE 
--------------------------  */

body	{ margin: 0; padding: 0; font-family: "pt-sans", sans-serif; color: #2a2a2a; text-align: center; background: #39404a url(/_resources/files/template/noise1.png); }

/*  Template 
--------------------------  */

div.inner   { width: 59.5em; margin: 0 auto; padding: 1em 1.5em 2em 1.5em; text-align: left; position: relative; }

div#header    { width: 100%; background: #39404a url(/_resources/files/template/noise1.png); color: #39404a; float: left; }
div#header h1   { color: #fff; clear: both; margin: 1em 0 1em 10; font-size: 1.35em; }
div#header p   { color: #fff; margin: 1em 0 1em 10; font-size: 1em; }

div#cphheader   { width: 30em; }

div#header img  { margin: 0 0 2.5em 0; }

div#header ul.linksmain { list-style-type: none; background: #39404a url(/_resources/files/template/noise.png); margin: 0; padding: 0; float: right; font-size: 0.85em; border-radius: 0.75em; }
div#header ul.linksmain li   { float: left; margin: 0;  font-size: 0.95em; }
div#header ul.linksmain li a { text-decoration: none; color: #fff; font-weight: bold; padding: 0.95em; display: block; border-right: solid 2px #39404a; }
div#header ul.linksmain li a:hover  { background: #ff6300 url(/_resources/files/template/noise.png); color: #39404a; }
div#header ul.linksmain li.current a  { background: #ff6300 url(/_resources/files/template/noise.png); color: #39404a; }

div#header ul.linksmain li:first-child a    { border-top-left-radius: 0.75em; border-bottom-left-radius: 0.75em; }
div#header ul.linksmain li:last-child a    { border-top-right-radius: 0.75em; border-bottom-right-radius: 0.75em; border-right: 0; }

div.content { background: #fff url("/_resources/files/interface/noise.png") repeat; margin: 0 auto; width: 100%; min-width: 62.5em; float: left; text-align: left; }

div#cphbody { width: 33.15em; float: left; margin-right: 2em; }

div#spotlight   { width: 23.75em; float: left; border: 0; padding: 0.75em; }
div#spotlight ul    { list-style-type: none; margin: 0; padding: 0; }

div#spotlight ul.paging { margin-top: 1.75em; }
div#spotlight ul.paging li  { display: inline; cursor: pointer; }

div#footer  { background-color: #fff; width: 100%; min-width: 62.5em; float: left; }

div#footer ul   { background: #39404a url(/_resources/files/template/noise1.png); width: 56.5em; float: left; list-style-type: none; margin: 0 0.5em; padding: 0.5em 1em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; }
div#footer ul li    { font-size: 0.75em; float: right; }
div#footer ul li.copyright    { float: left; color: #fff; }
div#footer a    { text-decoration: none; color: #ff6300; }
div#footer a:hover    { text-decoration: underline; }

/*
    Content Styles
*/

div.highlight  { background: #fff url(/_resources/files/template/noise1.png); width: 17.65em; float: left; margin: 0 1em 1em 0; padding: 0.75em; border-radius: 0.75em; }
div.highlight.last { margin-right: 0; }
div.highlight h2   { font-size: 1.25em; }


/*  Sign in 
--------------------------  */

div.signin  { width: auto; }
div.signin label    { width: 10em; display: inline-block; }
div.signin label.checkbox   { display: inline; }
div.signin input    { background: #c8c8c8 url("/_resources/files/interface/noise.png") repeat; color: #2a2a2a; border: 0; padding: 0.5em; margin-bottom: 0.25em; width: 15em; }
div.signin input[type=button]   { background: #ff6300; color: #fff; width: auto; }
div.signin input[disabled='disabled'],div.signin input[disabled='']   { color: #999; }
div.signin input[type=checkbox] { background: none; width: auto; }

/*  Site selection styles 
--------------------------  */

#edititem	{ position: fixed; top: 3em; left: 3em; right: 3em; bottom: 3em; min-width: 55em; padding: 1em; z-index: 70; border: solid 2px #ff6300; background-color: #39404a; overflow: auto; border-radius: 1em; }
#edititem h2    { color: #ff6300; }
#edititem p    { color: #fff; }
ul#siteselection    { list-style-type: none; padding: 0; margin: 1em -0.75em; font-size: 0.85em; }
ul#siteselection li { float: left; width: 17.5em; height: 10em; text-align: center; margin: 0.95em; border: solid 1px #aabfc1; padding: 2em 1em 1em 1em; background: #fff url("/_resources/files/interface/noise.png") repeat; }
ul#siteselection li img { max-width: 15.5em; min-width: 6em; max-height: 10em; margin-bottom: 1em; vertical-align: middle; }

ul#siteselection li:hover { cursor: pointer; border: solid 1px #fbbea0; }