/* STRUCTURE */

body { padding: 30px; margin-top: 0px; margin-left: 0px; margin-right: 0px; background-color: #FFFFFF;  font-family: 'Open Sans', Arial,Helvetica,sans-serif; font-size: xx-large; font-weight: normal; color: #0F52BA;  }

#main { width: 100%; text-align: left; height: auto; background-color: #FFFFFF; padding: 0px; }

#form_main { width: 90%; padding: 3px; padding-bottom: 0px; text-align: left; background-color: #FFFFFF; color: #0F52BA; font-size: large; font-weight: normal;  }
#form_main_phone { width: 100%; text-align: left; background-color: #FFFFFF; color: #0F52BA; font-size: large; font-weight: normal;  }


div.code_blocks { background-color: #E0E0FF; padding: 10px; border-style: solid; border-width: 1px; left: 200px; width: 60%; font-size: 14px; }

/* SPANS AS BUTTONS */

span.menu { display: inline-block; width: 20%; height: auto; text-align: center; background-color: #FFFFFF; color: #0F52BA; font-family: 'Open Sans', Arial; font-size: large; font-weight: normal; padding: 0px; border-style: solid; border-color: #0F52BA; border-width: 3px; border-left-width: 0px;  border-right-width: 0px; }
span.menu_active { display: inline-block; width: 20%; height: auto; text-align: center; background-color: #FFFFFF; color: #0F52BA; font-family: 'Open Sans', Arial; font-size: large; font-weight: normal; padding: 0px; border-style: solid; border-color: #0F52BA; border-width: 3px; border-left-width: 0px;  border-right-width: 0px; }

span.menu_phone { display: inline-block; cursor: pointer; width: 23%; height: auto; text-align: center; background-color: #FFFFFF; color: #0F52BA; font-family: 'Open Sans', Arial; font-size: medium; font-weight: normal; padding: 0px; border-style: solid; border-color: #80B0D0; border-width: 3px; border-left-width: 0px;  border-right-width: 0px; }
span.menu_active_phone { display: inline-block; cursor: pointer; width: 23%; height: auto; text-align: center; background-color: #FFFFFF; color: #0F52BA; font-family: 'Open Sans', Arial; font-size: medium; font-weight: normal; padding: 0px; border-style: solid; border-color: #80B0D0; border-width: 3px; border-left-width: 0px;  border-right-width: 0px; }


span.steponetools { display: inline-block; width: 120px; cursor: pointer; text-align: center; font-family: 'Open Sans', Arial; font-weight: normal; font-size: medium; font-weight: bold; background-color: #3A6694; color: #FFFFFF; border-style: none; border-width: 0px; padding: 1px; border-radius: 4px;  }

span.btnClose { display: inline-block; width: 60px; cursor: pointer; text-align: center; font-family: 'Open Sans', Arial; font-weight: normal; font-size: 11px; font-weight: bold; background-color: #3A6694; color: #FFFFFF; border-style: none; border-width: 0px; padding: 1px; border-radius: 4px;  }

input.operator { cursor: pointer; width: 20px; text-align: center; background-color: #3A6694; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 1px; border-radius: 4px; }


/* FONTS */

font.bigtitle { font-size: xx-large; color: #0F52BA; font-weight: bold; } 
font.pagetitle { font-size: x-large; color: #0F52BA; font-weight: normal; } 
font.sectiontitle { font-size: large; color: #0F52BA; font-weight: normal; } 
font.blurb { font-size: 20px; color: #0F52BA; font-weight: normal; } 
font.boldblurb { font-size: 20px; color: #0F52BA; font-weight: bold; } 

font.boldgray { font-size: medium; color: #606060; font-weight: bold; } 

font.code_block { font-family: courier, times; font-size: 12px; }

font.sixteen_bold_blue { color: #0E65AC; font-size: 16px; font-weight: bold;  }

font.fourteen { color: #0F52BA; font-size: 14px; font-weight: normal;  }

font.normal { color: #0F52BA; font-size: 12px; font-weight: normal; }

font.smallish { color: #0F52BA; font-size: 11px; font-weight: normal; } 

font.small { color: #0F52BA; font-size: 10px; font-weight: normal; } 

font.required { font-size: small; color: #606060; font-weight: bold; } 

font.css_sample { font-family: courier; font-size: small; color: #000000; font-weight: normal; } 

li.homelist { margin-bottom: 14px; font-size: 14px; color: #0F52BA; font-weight: bold; }

li.spacylist { margin-bottom: 16px; color: #0F52BA; font-weight: bold; }

li.medlist { margin-bottom: 6px; font-size: 13px; color: #0F52BA; font-weight: bold; }
li.medlist_left { margin-bottom: 18px; font-size: 16px; font-weight: bold; }
li.medlist_right { margin-bottom: 18px; font-size: 16px; font-weight: bold; }

li.smalllist { margin-bottom: 6px; font-size: 11px; color: #0F52BA; font-weight: bold; }

a { font-size: large; color: #0E65AC; font-weight: normal; text-decoration: underline; }
a:hover { text-decoration: none; }

a.medlink { font-size: medium; color: #0E65AC; font-weight: normal; text-decoration: underline; }
a.medlink:hover { text-decoration: none; }
a.medlink_active { font-size: medium; color: #0F52BA; font-weight: normal; text-decoration: none; }

a.small_link { font-size: 12px; color: #0E65AC; font-weight: normal; text-decoration: underline; }
a.small_link:hover { text-decoration: none; }

a.red11 { font-size: 11px; color: #993333; font-weight: bold; text-decoration: underline; }
a.red11:hover { text-decoration: none; }

a.twelve_link { font-size: 12px; color: #0E65AC; font-weight: normal; text-decoration: underline; }
a.twelve_link:hover { text-decoration: none; }

a.eleven_link { font-size: 11px; color: #0E65AC; font-weight: normal; text-decoration: underline; }
a.eleven_link:hover { text-decoration: none; }

a.small_logo_link { font-size: 11px; color: #0E65AC; font-weight: normal; text-decoration: none; }
a.small_logo_link:hover { color: #000000;  }

a.biglink { font-size: 18px; color: #0E65AC; font-weight: bold; text-decoration: underline; }
a.biglink:hover { text-decoration: none; }

td { font-size: 12px; color: #0F52BA; font-weight: bold; }

input { font-family: 'Open Sans', Arial,Helvetica,sans-serif; }
input.txt { width: 80%; font-size: medium; color: #000000; background-color: #FFFFFF; font-weight: normal; border-style: solid; border-width: 1px; border-color: #C0C0C0;}
input.txt_short { width: 60%; font-size: medium; color: #000000; background-color: #FFFFFF; font-weight: normal; border-style: solid; border-width: 1px; border-color: #C0C0C0;}
input.txt_date { width: 65px; font-size: small; color: #000000; background-color: #FFFFFF; font-weight: normal; border-style: solid; border-width: 1px; border-color: #C0C0C0; }
input.txt_ttl_fields { width: 50px; font-size: medium; color: #000000; background-color: #FFFFFF; font-weight: normal; border-style: solid; border-width: 1px; border-color: #C0C0C0; }
input.txt_state { width: 60%; font-size: small; color: #000000; background-color: #FFFFFF; font-weight: normal; border-style: solid; border-width: 1px; border-color: #C0C0C0; }

select { font-family: 'Open Sans', Arial,Helvetica,sans-serif; }
select.pricing_short { width: 50px; font-size: 12px; color: #000000; background-color: #FFFFFF; font-weight: normal; border-style: solid; border-width: 1px; border-color: #C0C0C0;}
select.pricing_long { width: 120px; font-size: 12px; color: #000000; background-color: #FFFFFF; font-weight: normal; border-style: solid; border-width: 1px; border-color: #C0C0C0;}

textarea { font-family: 'Open Sans', Arial,Helvetica,sans-serif; }
textarea.ta {  width: 300px; height: 70px; font-size: small; color: #000000; background-color: #FFFFFF; font-weight: normal; border-style: solid; border-width: 1px; border-color: #C0C0C0;}

input.btn { width: 100px; height: 30px; cursor: pointer; -webkit-appearance: none; font-weight: normal; font-size: 14px; font-weight: bold; background-color: #3A6694; color: #FFFFFF; border-style: none; border-width: 0px; padding: 1px; border-radius: 4px;  }

img.logo { width: 400px; max-width: 85%; }
img.logo_phone { padding: 0px; width: 100%; max-width: 100%; }
img.screen_caps { cursor: pointer; border-style: solid; border-color: #0F52BA; border-width: 1px; }
 
td { vertical-align: top; }

.dialog_screens .ui-widget-header {
    background: #666666; 
    color: #FFFFFF; 
}

ul.ul_first
{
color: #0F52BA;
margin-top: 0px;
margin-bottom: 4px;
padding: 0px;
padding-left: 25px;
list-style-image: url('/images/blue_arrow.png');
}

li.li_first
{
color: #0F52BA;
padding-top: 5px;
padding-left: 0px;
padding-bottom: 10px;
font-size: large;
font-family: 'Open Sans', Arial, sans-serif;
line-height: 120%;
}

ul.ul_second
{
color: #0F52BA;
margin-top: 6px;
margin-bottom: 5px;
padding-top: 8px;
list-style-image: none;
list-style-type: disc;
}

li.li_second
{
color: #0F52BA;
padding-left: 5px;
padding-bottom: 15px;
font-size: medium;
font-family: 'Open Sans', Arial, sans-serif;
line-height: 120%;
}