/*
  Reset CSS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
  font: normal normal normal 100% 1 Arial,Helvetica,sans-serif;
}

html
{
  /*background: #FFFFFF;*/
  background-color: #F7F7F7;
}

body
{
  font: 12px Arial, Helvetica, sans-serif;
  color: #5E5E5E; /* COLOR: Standard text color */
	line-height: 1;
}



a
{
  color: #5E5E5E;
}

a:focus
{
  border: 0;
	outline: 0;
}



h1,h2,h3,h4,h5,h6
{
  font-size: 100%;
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 9px 0;
}

h1
{
  font-size: 16px;
}

h2
{
  font-size: 16px;
  color: #003D99;
}

h3
{
  font-size: 13px;
}



ol, ul, li
{
	list-style: none;
}

ol, ol li
{
  list-style: decimal;
  list-style-position: inside;
}



address,caption,cite,code,dfn,em,strong,th,var,input,button,textarea,select,optgroup,option
{
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

optgroup
{
  font-weight:normal;
}

ins
{
	text-decoration: none;
}

del
{
	text-decoration: line-through;
}

sup
{
  vertical-align: super;
}

sub
{
  vertical-align: sub;
}

fieldset,img
{
  border: 0;
}

abbr,acronym
{
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px dotted #000;
  cursor: help;
  font-variant: normal;
}

pre,code,kbd,samp,tt
{
  font-family: monospace;
  line-height: 100%;
}

strong,dt
{
  font-weight: bold;
}

em
{ /* Bringing italics back to the em element. */
  font-style: italic;
}

p,fieldset,table,pre
{ /* So things don't run into each other. */
  margin-bottom: 1.5em;
}

blockquote,ul,ol,dl
{ /* Giving blockquotes and lists room to breath. */
  margin: 1em;
}



/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
  font-size: 12px;
  font-weight: normal;
}

caption,th
{
  text-align: center;
}

th
{
  font-weight: bold;
}

th,td
{ /* Borders and padding to make the table readable. */
  border: 1px solid #000;
  padding: .5em;
}



button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]
{ /* Opera requires 1px of padding to render with contemporary native chrome */
  padding: 1px 1px 2px 1px;
}

input[type="reset"],input[type="submit"]
{
  cursor: pointer;
}

input[type="text"], input[type="password"]
{
  height: 18px;
  margin: 0px;
  padding: 2px;
  border: 1px solid #9E9E9E;
}
/*
  END Reset CSS
*/



/*
  Used for debugging DIV layouts
*/
/*
div
{
  outline: 1px solid #CC0066;
}

div div
{
  outline: 1px #0033FF dotted;
}
*/

:root
{
  overflow-y: scroll;
}

body
{
  width: 996px;
  padding: 15px 0px;
  color: #5E5E5E;                   /* Default font color */
  margin-left: auto;
  margin-right: auto;
}

a
{
  text-decoration: underline;
}

a:hover
{
  color: #ff771c !important;
}

a:focus
{
}

a:active
{
}

h1
{
}

h2
{
  color: #504F4F;
}

ul.with-disc
{
  list-style-position: inside;
  list-style-type: disc;
}



.t_charcoal
{
  color: #333333;
}

.left
{
  float: left;
}

.right
{
  float: right;
}

.center
{
  margin-left: auto;
  margin-right: auto;
}

.clear
{
  clear: both;
}





span.error
{
  color: #ff0000;
  font-weight: bold;
}


div.error, input.error, select.error
{
  border: medium solid #FF0000 !important;
}


div.error
{
  padding: 5px;
  margin-bottom: 10px;
}


div.error h6 + p
{
  margin-top: 10px;
}


div.error p
{
  display: block;
  color: #000000;
  margin-bottom: 2px;
}


div.error p:last-child
{
  margin-bottom: 0px;
}





ul.link_list, ul.link_text
{
  margin: 0;
}

ul.link_list li, ul.link_text li
{
  display: inline;
}

ul.link_list li+li:before
{
  content: '|';
}

ul.link_list a, ul.link_text a
{
  display: inline;
  text-decoration: none;
  margin: 0 8px;
}

ul.link_list a:hover
{
  text-decoration: underline;
}



ul.link_icon
{
  margin: 0;
}

ul.link_icon li
{
  float: left;
  text-align: center;
}

ul.link_icon li a div
{
  cursor: pointer;
  text-align: center;
}

ul.link_icon li a div img
{
  vertical-align: middle;
}

ul.link_icon li h3
{
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin: 3px 0 0 0;
}

ul.link_icon li a, ul.link_icon li a:visited
{
  color: #5E5E5E;
  text-decoration: none;
}


ul.link_icon li a:hover
{
  text-decoration: underline;
}


ul.link_icon.grey_button li
{
  width: 95px;
  height: 100px;
  margin: 0 25px 13px 0;
}

ul.link_icon.grey_button li div
{
  width: 95px;
  height: 65px;
  line-height: 62px;
  background: url('/images/buttons/icon-bg.png') no-repeat 0 0;
}



ul.vert_icon
{
  float: left;
  margin: 0;
}

ul.vert_icon li
{
  height: 65px;
}

ul.vert_icon li+li
{
  margin-top: 9px;
}

ul.vert_icon li a div
{
  width: 95px;
  height: 65px;
  line-height: 62px;
  background: url('/images/buttons/icon-bg.png') no-repeat 0 0;
}

ul.vert_icon.small li a div
{
  position: absolute;
  width: 60px;
  height: 41px;
  line-height: 38px;
  background: url('/images/buttons/icon-bg-sm.png') no-repeat 0 0;
}

ul.vert_icon a
{
  float: left;
  display: block;
  margin-right: 9px;
}

ul.vert_icon li>p
{
  margin-right: 10px;
  line-height: 12px;
}

ul.vert_icon li>p,ul.vert_icon li>h3
{
  margin-left: 70px;
}



.rbox
{
  height: 15px;
  width: 996px;
}

.rbox.content
{
  height: auto;
  width: 994px;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  background-color: #FFFFFF;
}

.rbox.top
{
  background: url('/images/layouts/hm-rectangle-top.png') no-repeat top left;
}

.rbox.bottom
{
  background: url('/images/layouts/hm-rectangle-bottom.png') no-repeat top left;
}



.gfx_btn
{
  color: #FFFFFF;
  font-weight: bold;
  border: 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
}

.gfx_btn.btn_org
{
  font-size: 11px;
  display: block;
  width: 149px;
  height: 29px;
  text-align: center;
  line-height: 25px;
  background: url('/images/buttons/button-orange_150x30.png') no-repeat 0 0;
}

a.gfx_btn:hover
{
  color: #000000 !important;
}



#header
{
  position: relative;
  height: 85px;
  margin-bottom: 24px;
}

#navigation
{
  position: absolute;
  bottom: 5px;
  left: 310px;
  font-family: Verdana, Arial, sans-serif
}


#navigation a
{
  font-size: 14px;
  color: #666666 !important;
  margin: 0 10px;
}

#navigation a:hover, #navigation a.active
{
  color: #FF771C !important;
}



#top_links
{
  color: #ff771c;
  float: right;
  margin-right: 8px;
  text-align: right;
}

#top_links ul.link_list li+li:before
{
  color: #C3C3C3;
}

#top_links a
{
  color: #ff771c;
}
#top_links > a {
  margin-right: 8px;
  line-height: 24px;
}


#logo
{
  float: left;
  margin-top: 39px;
  margin-left: 16px;
}

#content, #footer
{
  margin-bottom: 8px;
}

#content
{
  line-height: 16px;
}


#content>table
{
  width: 100%;
}


#content td.content_left
{
  width: 187px;
}



#content.column_1
{
}


.column_2 .content>table
{
  width: 100%;
}

.column_2 .content table, .column_2 td
{
  margin: 0;
  padding: 0;
  border: 0;
}

.column_2 #content_left
{
  width: 187px;
}

.column_2 #content_right
{
  padding: 0px 110px 0px 30px;
  border-left: 1px solid #C3C3C3;
  background: url('/images/layouts/navigation-divider.png') repeat-y top left;
}

.column_2 .z
{
  position: relative;
  padding-top: 11px;
}

.column_2 .z h2
{
  margin-bottom: 2px;
}


.column_2 .rbox.top .nav_border, .column_2 .rbox.bottom .nav_border
{
  height: 15px;
  margin-left: 188px;
  border-left: 1px solid #C3C3C3;
  background: transparent url('/images/layouts/navigation-divider.png') repeat-y top left;
}



#section
{
  height: 46px;
  margin-bottom: 6px;
  background: url('/images/layouts/title-header.png') no-repeat top left;
}

#section h2
{
  font-size: 16px;
  padding-left: 18px;
  margin: 0;
  line-height: 42px;
}





#footer .rbox.content span
{
  color: #999999;
  font-size: 11px;
  padding: 0 18px;
  position: relative;
  top: -2px;
}

#footer a
{
  color: #999999;
  text-decoration: none;
}



.navigation_left
{
  width: 100%;
  /*float: left;*/
  margin-top: 6px;
}

.navigation_left ul
{
  margin: 0;
}

.navigation_left li
{
  width: 100%;
  height: 36px;
  display: block;
  font-size: 11px;
}

.navigation_left li.active, .navigation_left li:hover
{
  background-color: #EFEFEF;
}

.navigation_left li a
{
  display: block;
  height: 36px;
  line-height: 36px;
  color: #000000;
  padding-left: 18px;
  text-decoration: none;
  vertical-align: middle;
}

.navigation_left li.active a
{
  font-weight: bold;
  color: #FF771C;
}

.features h3
{
  font-weight: bold;
  font-size: 14px;
  color: #504f4f;
  margin: 15px 0 3px 0;
}

.features p+h3, .features div.clear+h3
{
  margin-top: 25px;
}


.features > div
{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  top: -6px;
}

.features img.loose
{
  margin-top: 25px;
  margin-bottom: 25px;
}

.features h3+img
{
  margin-top: 15px;
}


.features img+h3
{
  margin-top: 25px;
}

.features img.loose+h3
{
  margin-top: 0px;
}

.features .mid_column p
{
  width: 315px;
  margin-right: 20px;
}

.features .mid_column.short p
{
  width: 250px;
  margin-right: 20px;
}

.features .mid_column.left_img img
{
  margin-right: 20px;
  margin-bottom: 15px;
}

.features .mid_column.left_img p
{
  width: auto;
  margin-right: auto;
}





.column_1 form
{
  padding-top: 25px;
  padding-bottom: 20px;
  font-size: 12px;
}

.column_1 form label
{
  line-height: 12px;
  font-size: 12px;
  display: block;
  margin-bottom: 2px;
}

.column_1 form .field_row
{
  padding-bottom: 12px;
}

.column_1 form .inline label
{
  display: inline;
}

.column_1 form input[type="text"]
{
  border-color: #7F9DB9;
}

.column_1 form input[type="checkbox"]
{
  line-height: 14px;
  vertical-align: bottom;
}


/* Module specific styles below */
.column_1 .content .demo, .column_1 .content .contact_us
{
  margin-left: 210px;
  padding-top: 4px;
}

.column_1 .demo ul, .column_1 .demo li
{
  font-size: 12px;
  margin: 0;
}

.column_1 .demo ul
{
  margin-bottom: 10px;
}

.column_1 .demo li span
{
  font-weight: bold;
}

.column_1 .demo h2
{
  color: #ff771c;
  font-size: 16px;
}

.column_1 .contact_us .right_mod
{
  width:230px;
  height:199px;
  padding-left:25px;
  padding-top:18px;
  background: url('/images/layouts/contact-background.png') no-repeat top left;
}

.column_1 .contact_us form
{
  padding-top: 10px;
}

.column_1 .contact_us div.error
{
  margin-right: 300px;
}

.column_1 .privacy, .column_1 .support, .column_1 .success
{
  padding: 10px 35px;
}

/* Temp styles */
.column_1 .success
{
  height: 300px;
}


.column_1 .right_mod
{
  width: 243px;
  float: right;
  margin-right: 24px;
}

.column_1 .right_mod h2
{
  font-weight: normal;
  margin-bottom: 20px;
}


.column_1 .right_mod h3, .column_1 .right_mod p
{
  margin: 0;
}

.column_1 .right_mod p+h3
{
  margin-top: 20px;
}
