﻿body {

background-color: #ffffff; 
  font-size: 12px;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;

    color: #000000;
    margin: 0; padding: 0;
}

.ContentArea {
  font-size: 13px;
  font-family: Cambria, Georgia, "Times New Roman", Times, serif;
  line-height: 200%;
}

#TopMenu TD.menu_link { text-align: center;  padding-left: 10px; padding-right: 10px; white-space:nowrap; }
#TopMenu TD.menu_divider { width: 2px; padding: 0px; margin: 0px; max-width: 2px; }

 td.ProductMatrixHeader {
    width: 70px; 
    font-weight: bold;
}

 td.PricingMatrixHeader {
    width: 120px; 
    font-weight: bold;
}


td.Product {
  font-size: 12px;
     text-align: right;
    font-weight: bold; 
}
/*---:[ global elements ]:---*/
a { color: #2361a1; text-decoration: none; }
a:hover { text-decoration: none; }
a.post_image_link { outline: none; }
a img { border: none; }
blockquote { border-left: 1px solid #ddd; color: #666; }
abbr, acronym { line-height: 1em; text-transform: uppercase; letter-spacing: 1px; border-bottom: none; cursor: help; }
code { line-height: 1em; background: #eee; }
pre { background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
.remove_bottom_margin { margin-bottom: 0 !important; }

.SmallText { font-size: 11px; }
.small_text { font-size: 11px; }
.small_text2 { font-size: 11px; line-height: 140%; }
td.video_preview { font-size: 11px; line-height: 120%; vertical-align: middle; padding-bottom: 20px; padding-left: 10px;  }
td.video_preview a {   }
h3 { color: #000; margin-top:16px; border-top:1px solid #bcbcbc; font-size:16px; font-weight: normal; line-height:16px; padding-top:7px; padding-bottom: 0px; margin-bottom: 10px; }
h3.NoLine { color: #000; margin-top:16px; border-top: 0px none #ffffff; font-size:16px; font-weight: normal; line-height:16px; padding-top:0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 10px; }

sup.tm { font-size: smaller; }


/*---:[ form inputs ]:---*/
input, textarea { font-size: 1em; color: #444; background: #eee; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; }
input:focus, textarea:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
	.sidebar .text_input { width: 95%; }
	input.form_submit { font-weight: bold; color: #111; background: url('images/submit-bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; width: auto !important; overflow: visible; }
	#commentform input.form_submit { border-width: 3px; }
	input.form_submit:hover { color: #090; }



#footer { font-family: Cambria, Georgia, "Times New Roman", Times, serif; line-height: 150%; background-color: #d2d2d2; width: 100%; }
#footer a { color: #888; border-bottom: 1px solid #ccc; }
#footer a:hover { color: #111; }
#footer_menu { color: #949494; }

div.SmallInnerText { line-height: 120%; font-size: 12px; padding: 5px 0 10px 15px; color: #666; }

/**************************************************/
/* FORMS      
/**************************************************/


div.Field, div.FieldLarge, div.FieldCustom, div.FieldSmall, div.FieldVeryLarge, div.FieldCustomLarge  
{
    line-height: 100%; clear: both; margin: 0px; padding: 7px 4px; float: none; 
}

div.FieldCheckBox  { position:relative; overflow:hidden; clear:both; margin: 0 0 0 95px; padding: 7px 4px; }
div.FieldNoLabel { position:relative; overflow:hidden; clear:both; margin: 0 0 0 0px; padding: 7px 4px; }

div.FieldHTMLEditor { clear:both; margin:0; padding: 7px 4px; } 


div.Field input  { float:left; width: 205px; }
div.Field select { float:left; width: 210px; }
div.Field textarea { float:left; width: 210px; }

div.FieldSmall input  { float:left; width: 125px; }
div.FieldSmall select { float:left; width: 130px; }
div.FieldSmall textarea { float:left; width: 130px; }

div.FieldLarge input  { float:left; width: 345px; }
div.FieldLarge select { float:left; width: 350px; }
div.FieldLarge textarea { float:left; width: 350px; }

div.FieldCustom div.CombineControls, div.Field div.CombineControls, div.FieldCustomLarge div.CombineControls { float: left; display: inline;  }
 
div.Field em, div.FieldSmall em, div.FieldLarge em, div.FieldCustom em, div.FieldCustomLarge em, div.FieldVeryLarge em, div.FieldCheckBox em, div.FieldHTMLEditor em, div.FieldNoLabel em
  { line-height: 100%; float: left; margin-left: 10px; font-style:normal; font-weight:bold; }

div.Note { line-height: 100%; font-size: smaller; font-family: Arial; }
div.Field div.Note, div.FieldCustom div.Note
{ float:left; width: 170px; left: 350px; color:#333; margin: 0; padding: 0; margin-left: 10px; } 

div.FieldCustomLarge div.Note, div.FieldLarge div.Note, div.FieldVeryLarge div.Note, div.FieldCheckBox div.Note, div.FieldSmall div.Note, div.FieldHTMLEditor div.Note, div.FieldNoLabel div.Note
{ clear:both; color:#333; margin: 3px 0 4px 100px; padding: 0;  } 


div.Field label, div.FieldLarge label, div.FieldCustom label, div.FieldCustomLarge label, div.FieldSmall label  
{  line-height: 100%; float:left; margin-right: 10px; width: 90px; font-size: 11px; font-family: Verdana;  color: #030303; text-align:right; }

div.FieldHTMLEditor label  
{  float: none; clear: both; display: block; margin-bottom: 10px; font-size: 11px; font-family: Verdana;  color: #030303; }


div.Secure { float: right; margin-right: 10px; width: 8px;  background-image: url(/images/lock.gif); background-repeat: no-repeat;  }





div.Warning  { clear:both; margin: 0px 0 0 120px; }
div.NewLine  { clear:both; margin: 0px 0 0 120px; }

div.HorizontalRow { overflow:hidden; clear: both; }

div.HorizontalField { overflow:hidden; clear:none; float:left; margin-right: 2px; padding: 4px; }
div.HorizontalField label { float: left; margin-bottom: 5px; }
div.HorizontalField input, div.HorizontalField select { clear: both; width: 150px; }


div.FieldButton { position:relative; clear:both; margin: 0 0 0 120px; }


div.FieldButtonLarge {  vertical-align: top; clear:both; margin: 3px; width: 95%; border-top: solid 1px #cccccc; padding: 10px 0px 5px 20px; }

