/*	------------------------- for content editiors ----------------
	having this here allow the stying of the backend content editor with out having to change
	any backend code.
*/
body.deskman {
  width: 524px;
  padding: 10px 20px;
  margin: 10px 40px;
  background-image: none;
  background-color: #fff;
}
body.deskman table {
  empty-cells: show;
}
body.deskman table td, body.deskman table th {
  font-size: 8px;
}
body.deskman a {
  text-decoration: underline;
}
body.deskman br {
	display: inline;
}
body.deskman div {
	background-color: #ecf6ff;
  margin: 10px -10px;
  padding: 5px 10px;
  width: 100%;
  border: 1px dashed #e7e7e7;
}

/*	------------------------- deskman ------------------------
	the future of copywirting tools..
	For any area that is considered 'body copy', especialy if the client is editing it,
	give the 'containing' parent a class of deskman to bring in the content styling..
*/

/* ------------------------- base font -------------------------
  I have the html element set to an overflow of scroll due to the fact that in doing
  a fair amount of javascript where the content of the page get's dynamicaly taller,
  setting this will prevent the scoll bar form showing up and having everthing oddly shift to one side..
*/
html {
  overflow: scroll;
  background: #fff;
}
body, select, input, textarea {
  font-family: helvetica,arial,sans-serif;
  color: #a0a5a0;
}
body {
  background: #fff url(/images/template/header_back.png) repeat-x scroll 0 46px;
}
.deskman {
  color: #8b8f8b;
}
/* ------------------------- headlines and body copy ------------
*/
.deskman h1 {
  font-size: 4em;
  font-weight: bold;
  margin-bottom: .3em;
  letter-spacing: -.05em;
}
.deskman h2 {
  font-size: 2.4em;
  margin-bottom: .3em;
  letter-spacing: -.03em;
}
.deskman h3 {
  font-size: 1.8em;
  margin-bottom: .3em;
}
.deskman h4 {
  font-size: 1.6em;
  margin-bottom: .3em;
}
.deskman h5 {
  font-size: 1.4em;
  margin-bottom: .3em;
}
.deskman p, .deskman h6 {
  font-size: 1.15em;
  margin-bottom: 1em;
  line-height: 1.6em;
}
.deskman h6 {
  font-style: italic;
}
/* ------------------------- lists ------------------------------
  in unorderd lists, it is easier to use background images due to the inconsitancy
  across browsers of the 'list marker'
*/
.deskman ul, .deskman ol {
  margin: 0 0 10px 0;
}
.deskman ul {
	background: transparent url(/images/global/angled_pattern_light.png) scroll repeat 0 0;
	border-bottom:1px solid #f0f0f0;
	border-top:1px solid #f0f0f0;
	list-style-position:inside;
	list-style-type:none;
	padding:0 10px 5px 0;
}
.deskman tr.striped ul {
  background-color: #fff;
  background-image: none;
}
.deskman ol {
  list-style-position: inside;
  list-style-type: decimal;
}
.deskman li {
  font-size: 1.15em;
  line-height: 1.6em;
  margin:0 0 0 0;
  padding:5px 0 0 0;
}
.deskman ul li {
  padding-left: 20px;
  background: transparent url(/images/products/green_arrow_small.png) no-repeat scroll 9px .8em;
}
.deskman dl {
  margin: 5px 0 15px 0;
}
.deskman dl dt {
  font-weight: bold;
  font-size: 1.2em;
}
.deskman dl dd {
  margin-left: 1em;
  font-size: 1.2em;
}
/* ------------------------- in line elements and links ------------
*/
.deskman hr {
}
.deskman em, .deskman i {
  font-style: italic
}
.deskman strong, .deskman b {
  font-weight: bold;
  color: #88a727;
}
.deskman a {
  text-decoration: underline;
}
.deskman a:visited, .deskman a:visited * {
  color: #88A727;
}
.deskman a:hover {
  text-decoration: none;
}
/* ------------------------- forms ----------------------------
  with using 'table-less' forms, I set the width of the labels and but break tags
  before the labels I wish to be on a new line. I have found that this is a most
  mutable was of constructing forms, and cut's down on useless markup by a lot.
  Having said that though.. I one wishes to have a 'inline-form' where all of the 
  form elements are in a single line, the a class of 'inline_form' is provided to put 
  on the containing element
*/
.deskman fieldset, fieldset.deskman {
  padding: 5px 10px;
}
.deskman legend {
  font-size: 1.8em;
  padding: 0 5px;
}
.deskman label {
  font-size: 1.4em;
  padding: 3px 20px 0 0;
  width: 150px;
  vertical-align:top;
  line-height: 1.4em;
}
.deskman input, .deskman textarea, .deskman select {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 1.2em;
  margin: 0 1em .7em 0em;
}
.deskman select {

}
.deskman input[type=submit] {
  text-decoration: none;
  border-width: 0;
}
.deskman input[type=submit]:hover {
  opacity: .7
}
.deskman input[type=text] {
  width: 15em;
}
.deskman input[type=checkbox], .deskman input[type=radio] {
  background-color: transparent;
}
.deskman textarea {
  height: 10em;
  width: 17.5em;
}
.deskman textarea.wide_textarea {
  height: 10em;
  width: 100%;
}
.deskman.inline_form input, .deskman .inline_form input {
  width: auto;
}
.deskman.inline_form input[type=submit], .deskman .inline_form input[type=submit] {
  margin-left: 10px;
}
.deskman .inline_form label, .deskman.inline_form label {
  width: auto;
}
/* ------------------------- styled tables ----------------------
  traditionaly, the first row in a table if put inside of the 'thead' (table head) tag
  the first element of each row is then put into a 'th' (table headline) cell tag

.deskman table.styled {
  border-collapse: separate;
  border-spacing: 0 0;
}
.deskman table.styled {
  width: 100%;
}
.deskman table.styled td {
  text-align: center;
}
.deskman table.styled thead th, .deskman table.styled thead td {
  padding: 1em;
}
.deskman table.styled thead {
}
.deskman table.styled thead * {
}
.deskman table.styled thead td * {
  text-align: center;
  line-height: 1.1em;
}
.deskman table.styled thead p {
  font-style: italic;
}
.deskman table.styled tbody th, .deskman table.styled tbody td {
  padding: 0.4em 1em;
  background-color: #fbfbfb;
}
.deskman table.styled tbody th {
}
.deskman table.styled tbody td {
  border-width: 0 0 1px 1px;
}
.deskman table.styled tbody tr.alt th, .deskman table.styled tbody tr.alt td {
}
.deskman table.styled tbody th * {
  margin-bottom: 0;
}
.deskman table.styled tbody th p {
  font-style: italic;
}
.deskman table.styled tbody th img {
  cursor: pointer;
  padding: 0 .7em;
}
.deskman table.styled tbody th p {
  font-style: italic;
}
.deskman table.styled tbody td * {
  text-align: center;
}
*/
.deskman table {
  border-collapse: separate;
  border-spacing: 0 0;
}
.deskman table tr.striped {
	background: transparent url(/images/global/angled_pattern.png) scroll repeat 0 0;
}
.deskman table tbody th {
  text-align: right;
  border-right: 1px solid #e7e7e7;
  color: #88a727;
  font-size: 1.3em;
  vertical-align: text-top;
}
.deskman table tbody th, .deskman table tbody td {
  padding: 10px;
}
.deskman table tbody td p {
  margin-bottom: 0;
}


/* ------------------------- blockquote -----------------------
*/
.deskman blockquote {
	float: left;
	margin-bottom:45px;
	padding-top: 36px;
	width:210px;
}
.deskman blockquote.left {
  margin-right: 20px;
}
.deskman blockquote.right {
  margin-left: 20px;
  float: right;
}
.deskman blockquote p {
	font-style: italic;
	margin-bottom: -35px;
	padding: 10px 20px 35px;
	float: left;
}