/* Common */

body { margin: 0; padding: 0; color: #000000; background-color: #BBBBBB; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; }
td { margin: 0; padding: 0; color: #000000; font-size: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; }
* { margin: 0; padding: 0; }
img { margin: 0; padding: 0; }
a { color: #000000; font-size: 0.9em; }
a:visited { color: #000000; font-size: 0.9em; }
input { font-size: 0.9em; }

/* IDs */

#header { background-color: #FFFFFF; margin: auto; padding-top: 6px; width: 770px; height: 90px; }
#logo { background-color: #FFFFFF; width: 149px; padding: 0px 0px 0px 1px; clear: none; float: left; }
#menu_holder { background-color: #FFFFFF; width: 620px; float:left; clear: none; }
#menu { background-color: #FFFFFF; text-align: right; padding: 4px 0px 2px 0px; }
a#languages { display: block; text-decoration: none; font-size: 0.9em; text-align: right; padding: 4px 4px 2px 0px; }
a#languages:visited { display: block; text-decoration: none; font-size: 0.9em; text-align: right; padding: 4px 4px 2px 0px; }
#strap_line { background-color: #FFFFFF; text-align: right; padding: 4px 4px 2px 0px; }

#container { background-color: #FFFFFF; margin: auto; width: 770px; }
#left_column { width: 150px; }
#center_column { margin: 0px 4px; }
#center_column_border_padding { margin: 0px 4px; padding: 20px 10px; border-top: 0px; border-right: 0px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; background-image: url('../imagesHF/hf_curve_bgimage.gif'); background-repeat: no-repeat; background-position: right top; }
#center_column_noborder_padding { margin: 0px 4px; padding: 10px; }
#right_column { width: 150px; }

#footer { background-color: #FFFFFF; margin: auto; padding: 10px 0px; width: 770px; }
#footer_highford1 { margin: auto; width: 340px; font-size: 0.8em; }
#footer_highford2 { margin: auto; width: 450px; padding-top: 10px; font-size: 0.8em; text-align: center; clear: both; }

#login_box { margin: 0px; padding: 15px 3px 0px 3px; background-color: #F67F00; background-image: url('../imagesHF/hf_login_curve.gif'); background-repeat: no-repeat; background-position: top right; }
#free_trial_box { margin: 0px; padding: 4px 3px 0px 3px; background-color: #FEC03B; font-size: 0.9em; }
#free_trial_strap_line { padding: 2px; font-size: 1.2em; }
#free_trial_no_obligation { padding: 4px; font-size: 0.9em; }

#home_top_box { border-top: 0px; border-right: 0px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; padding: 10px 10px 0px 10px; background-image: url('../imagesHF/hf_curve_bgimage.gif'); background-repeat: no-repeat; background-position: right top; }
#home_top_box_bgimage { clear: both; height: 140px; background-image: url('../imagesHF/hf_top_sb.jpg'); background-repeat: no-repeat; background-position: center bottom; }
#home_bottom_box { border: 1px solid #000000; padding: 10px; margin: 4px 0px; }

#flash_demo { margin: auto; text-align: center; }
#demo_no_flash { margin: auto; text-align: center; padding: 20px; }
#demo_download_flash { padding: 10px; width: 400px; text-align: center; }

/* Classes */

a.menu_item_on { font-size: 1.1em; clear: none; padding: 4px 3px 0px 3px; text-decoration: none; border-bottom: 2px solid #F67F00; }
a.menu_item_on:visited { font-size: 1.1em; clear: none; padding: 4px 3px 0px 3px; text-decoration: none; border-bottom: 2px solid #F67F00; }
a.menu_item_off { font-size: 1.1em; clear: none; padding: 4px 3px 0px 3px; text-decoration: none; }
a.menu_item_off:visited { font-size: 1.1em; clear: none; padding: 4px 3px 0px 3px; text-decoration: none; }

img.image_left { float: left; }
img.image_right { float: right; }
img.image_left_padded { float: left; padding: 0px 4px 4px 0px; }
img.image_right_padded { float: right; padding: 0px 0px 4px 4px; }

label.login_signup_label { font-size: 0.8em; }
input.login_signup_input { width: 140px; }

.layout { margin: 0px; border: 0px; padding: 0px; vertical-align: top; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.paragraph { margin: 15px 0px; }
.bottom_border { border-bottom: 1px solid #000000; }
.clear { clear: both; }
.column_spacer { height: 4px; clear: both; font-size: 0px; }
.font_zero_nine { font-size: 0.9em; }
.font_zero_eight { font-size: 0.8em; }
.font_zero_seven { font-size: 0.7em; }
.center_image_block { text-align: center; clear: both; display: block; }

.buton_holder { padding: 4px; text-align: center; }
.button { color: #000000; background-color: #FFFFFF; border: 1px solid black; font-weight: bold; font-size: 0.9em; width: 100px;}
.smallFieldHeading { font-size: 0.8em; }
