/* Global Stuff
----------------------------------------------- */

	a {
		color: #000000;
	}

	a:hover {
		color: #046EFC;
	}


	h1 {
		margin: 5px 0;
		padding: 0px;

		font-family: Arial, Helvetica, sans-serif;
		font-size: 22px;
		font-weight: bold;
		text-decoration: none;
		color: #046EFC;
	}

	h1 a {
		color: #046EFC;
	}

	h1 a:hover {
		color: #046EFC;
	}

	h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #023E72;
	}

	h2 a {
		color: #023E72;
	}

	h2 a:hover {
		color: #023E72;
	}

	acronym {
		cursor: help;
	}

	ul.bullet {
		list-style-image: url('/images/bullet.gif');
		margin-top: 2px;
		margin-bottom: 2px;
	}


	.title {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #046EFC;
	}

	.title a {
		text-decoration: underline;
		color: #046EFC;
	}

	.title a:hover {
		text-decoration: underline;
		color: #046EFC;
	}

	.Text {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
	}

	.TextRed {
		color: #FF0000;
	}



	img {
		border: 0px #fff solid;
	}

	img.ImgBorder {
		border: 1px #efefef solid;
	}

	img.ImgBorder:Hover {
		border: 1px #046EFC solid;
	}


/* Boxes
----------------------------------------------- */

	.ComingSoon {
		text-align: center;

		font-family: Arial, Helvetica, sans-serif;
		Font-Size: 12px;
		color: #000000;

		margin: 10px;
		padding: 3px;

		background: rgb(245, 245, 245);
		border: 1px #999999 solid;

	} 

	.BoxError {
		width: 500px;

		margin: 10px auto;
		padding: 3px;

		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #880000;

		text-align: left;

		background: #FFDFDF;
		border: 1px #FE7D7D solid;

	} 

	.BoxError h3 {

		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #880000;
	} 

	.BoxError a {
		text-decoration: underline;
		color: #880000;
	} 

	.BoxLeft {
		clear: left;
	}

	.BoxLeft, .BoxRight {
		float: left;

		width: 260px;
	}

/* List Items
----------------------------------------------- */

	.itemList {

	}

	.itemList .item {

	}

	.itemList .item .thumb img {
		width: 98px;
		height: 98px;

		border: 1px solid #EEE;
	}

	.itemList .item:hover .thumb img {
		width: 98px;
		height: 98px;

		border: 1px solid #0E73FA;
	}

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

	.fieldset {
		width:500px;
		border: 0px solid #882C2C;
	}

	.fieldset label {
		text-align:right;
		width:150px;
		float:left;
		padding:0.2em;
		margin:0;
		margin-top:0.3em;
	}

	.fieldset .nobr {
		display:none;
	}
	.fieldset .textfield {
		margin:3px;
		height:20px;
		width:320px;

	}

	.fieldset .textarea {
		margin:3px;
		height:165px;
		width:320px;
	}

	.fieldset span {
		font-family: Arial;
		font-size: 12px;
		color: #000000;

		text-align: center;
	}

	.fieldset .captchatext {
		font-family: Arial;
		font-size: 12px;
		color: #000000;

		margin-top: 5px;

		text-align: center;
	}

	.fieldset .captchacode {
		width: 150px;
		padding-right: 10px;

		float: right;

		font-family: Arial;
		font-size: 12px;
		color: #000000;

		text-align: center;
	}


/* Page Header
----------------------------------------------- */

	#PageHeader {
		text-align: left;
	}

	#PageHeader h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;

		color: #046EFC;
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 2px;
		padding-bottom: 2px;

		margin: 0px;
	}

	#PageHeader div {
		background: url(http://img.s2h.co.uk/s2h/common/folder_icon.gif) left top no-repeat;

		padding-top: 2px;
		padding-left: 20px;
		margin-left: 5px;

		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
	}

	#PageHeader div a, #PageHeader div a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
	}


	#PageHeader div a:hover, #PageHeader div a:visited:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #046EFC;
	}

/* Code Blocks
----------------------------------------------- */

	pre.code {
		margin: 10px;
		padding: 3px;

		background: rgb(245, 245, 245);
		border: 1px #999999 dashed;

		overflow: auto;
	}

	pre.code span.hl1 {
		color: #880000;
	}

	pre.code span.hl2 {
		color: #008800;
	}

	pre.code span.hl3 {
		color: #046EFC;
	}

	pre.code span.hide {
		color: #666666;
	}



/* Tutorial Foot Notes
----------------------------------------------- */


	.WrittenBy {
		text-align: center;

		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;

		margin: 10px;
		padding: 3px;

		border-top: 2px #046EFC solid;

	} 

	.WrittenBy a, .WrittenBy a:hover {

		color: #000000;
	}

/* Modification Details
----------------------------------------------- */

	.button_download {
		margin: 10px auto;
		width: 150px;
	}

	.button_download a {
		background: transparent url(http://static.s2h.co.uk/s2h/images/buttons/download.png) no-repeat top left;

		padding-top: 3px;

		display: block;
		width: 150px;
		height: 27px;

		font-family: Arial;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
		color: #FFF;
		text-align: center;
	}

	.mod_info_image {
		text-align: right;
	}

	.mod_info {
		padding: 3px 0;
		border-bottom: 1px dotted #9DC3D4;
	}

	.mod_info div strong {
		padding: 0 0 0 10px;
	}

/* Modification Details
----------------------------------------------- */

	.licence {
		margin: 10px auto;
		padding: 10px;

		background: #EEE;
		border: 1px solid #888;

		width: 600px;
		height: 250px;

		overflow: auto;
	}