/* Global *********************************************************************/

*, *.reset {
  margin: 0;
  padding: 0;
  border: none;
  font-family: "Helvetica", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.6em;
  color: #444;
}

*:focus {
  outline: none;
  outline-style: none;
}

/* Document *******************************************************************/

body {
  background-color: #FFF;
}

/* Layout *********************************************************************/

/* Width 900px */
div.page {
	background-color: #FFF;
	width: 875px;
	margin: 80px 100px 100px 100px;
}

/* Width 900px */
div.full {
	width: 875px;
}

/* Width 450px */
div.half {
	width: 425px;
}

/* Width 300px */
div.third {
	width: 275px;
}

/* Width (275px-25px)/2 */
div.halfthird {
	width: 125px;
}

/* Width 600px */
div.twothirds {
	width: 575px;
}

/* Width 225px */
div.fourth {
	width: 200px;
}

/* Width 675px */
div.threefourths {
	width: 650px;
}

/* Width 180px */
div.fifth {
	width: 155px;
}

/* Width 360px */
div.twofifths {
	width: 335px;
}

/* Width 540px */
div.threefifths {
	width: 515px;
}

/* Width 720px */
div.fourfifths {
	width: 695px;
}

/* Width 150px */
div.sixth {
	width: 125px;
}

/* Section Spacing */
div.section {
	margin-bottom: 1em;
}

/* Subsection Spacing */
div.full, 
div.half, 
div.third, 
div.fourth, 
div.fifth, 
div.twothirds, 
div.threefourths, 
div.twofifths, 
div.threefifths, 
div.fourfifths,
div.sixth,
div.halfthird {
	float: left;
	margin: 0 25px 2.5em 0;
}

/* Last-In-Column Spacing Correction */
div.last {
  margin-right: 0;
}

/* Float Containment */
div.section, 
div.buttonset {
	overflow: hidden;
	width: 100%;
}

/* Headings *******************************************************************/

h1, h2, h3, h4 {
	font-weight: bold;
	margin-bottom: 1em;
}

/* Paragraphs *****************************************************************/

p {
	margin-bottom: 1em;
}

p.last {
	margin: 0;
}

p.first {
	margin: 0;
	padding: 0;
}

/* Text ***********************************************************************/

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* Links **********************************************************************/

a, a span {
	text-decoration: none;
	border-bottom: 1px solid lightgray;
}

a:hover, a:hover span {
  color: #000;
	border-bottom: 1px solid #000;
}

a.back {
	float: right;
	clear: both;
}

a.button, a.embutton, button {
	float: left;
	clear: both;
}

a.back:hover, a.button:hover {
	color: #444;
}

a.embutton:hover {
	color: #EEE;
}

a.back, a.button, a.embutton, button {
  display: block;
  padding: 4px 8px 4px 8px;
	margin-bottom: 1em;
	border: 1px solid;
  background-repeat: repeat-x;
}

a.back, a.button, button {
  border-color: #DDD #BBB #BBB #DDD;
  background: #FFF url('/assets/images/forms/buttonhighlight.gif');
}

a.embutton {
  color: #EEE;
  border-color: #999 #222 #222 #999;
  background: #FFF url('/assets/images/forms/buttonhighlightgray.gif');
}

a.image {
	text-decoration: none;
	border-bottom: 0;
}

/* Forms **********************************************************************/

fieldset {
}

label {
  display: block;
	margin-bottom: 1em;
}

label span.error {
  display: none;
  color: #D44;
}

input {
	width: 165px;
}

textarea {
  overflow: auto;
	width: 268px;
  resize: none;
}

input, textarea {
  display: block;
  padding: 4px 2px 2px 2px;
	border: 1px solid;
  border-color: #BBB #DDD #DDD #BBB;
  background: #FFF url('/assets/images/forms/inputshadow.gif');
  background-repeat: no-repeat;
}

button {
  cursor: pointer;
}

div.buttonfeedback {
  display: none;
  float: left;
  padding: 5px 0 5px 20px;
  margin: 0 0 1em 10px;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

div.buttonfeedback.progress {
  background-image: url('/assets/images/forms/spinner.gif');
}

div.buttonfeedback.error {
  background-image: url('/assets/images/forms/error.gif');
}

div.buttonfeedback.success {
  background-image: url('/assets/images/forms/success.gif');
}

/* Lists **********************************************************************/

ul, ol {
	list-style-position: inside;
	margin-bottom: 2em;
	border-left: 1px solid lightgray;
	padding-left: 1em;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

li.spaced {
  margin-bottom: 1em;
}

ul.clean {
  list-style-type: none;
}

ul.clean li {
  margin-bottom: 1em;
}

ul.borderless, ol.borderless {
	border-left: none;
}

/* Images *********************************************************************/

img.inset {
  float: left;
  margin: 0 10px 0 0;
}

/* Icon ***********************************************************************/

div.software {
  float: left;
  width:125px;
  float:left;
}

div.software p {
  text-align:center;
  margin-top:0.5em;
}
