/* CSS Document */
#main {
    width: 980px;
    margin: 0 auto -2px auto;
    background-color: #FFF;
    /*border-color:#1063ba;*/
    /*border-style:ridge;*/
    /*border-width:0 10px 10px 10px;*/
    text-align: left;
    position: relative;
    overflow: hidden;
}

#header {
    height: 304px;
}

#content {
    padding: 0 0 0 0;
    width: 980px;
    margin: 0 auto;
    background-color: #FFF;
    /*border-bottom-color:#f7b42e;*/
    /*border-bottom-width:20px;*/
    /*border-bottom-style:solid;*/
    text-align: left;
    position: relative;
    overflow: hidden;
    /*height: 225; */
}

#footer {
    text-align: center;
}

.col-1, .col-2, .col-3 {
    float: left;
}

.container {
    width: 100%;
}

.containerfl {
    float: left;
}

.std_file_link {
    text-decoration: underline;
    cursor: pointer;
    color: #00E;
}

/* ============================= page1 ===========================*/

.line1 {
    background: url(https://www.howeinsuranceservices.com/images/line.gif) repeat-y 160px 0;
    width: 100%;
}

.line2 {
    background: url(https://www.howeinsuranceservices.com/images/line.gif) repeat-y 510px 0;
    width: 100%;
}

.line3 {
    background: url(https://www.howeinsuranceservices.com/images/line.gif) repeat-y 335px 0;
    width: 100%;
}

.line4 {
    background: url(https://www.howeinsuranceservices.com/images/line.gif) repeat-y 525px 0;
    width: 100%;
}

.line5 {
    background: url(https://www.howeinsuranceservices.com/images/line.gif) repeat-y 300px 0;
    width: 100%;
}

#page1 .col-1 {
    width: 275px;
}

#page1 .col-2 {
    width: 490px;
}

#page1 .col-3 {
    width: 195px;
}

/* ============================= page2 ===========================*/

#page2 .col-1 {
    width: 275px;
}

#page2 .col-2 {
    width: 705px;
}

/* ============================= page3 ===========================*/

#page3 .col-1 {
    width: 275px;
}

#page3 .col-2 {
    width: 650px;
}

/* ============================= page4 ===========================*/

#page4 .col-1 {
    width: 275px;
    padding-right: 0;
}

#page4 .col-2 {
    width: 315px;
    padding-right: 20px;
    padding-left: 50px;
}

#page4 .col-3 {
    width: 300px;
    padding-right: 20px;
}

#page4 .col-main {
    width: 980px;
}

.line_contact {
    background: url(https://www.howeinsuranceservices.com/images/line.gif) repeat-y 340px 0;
    width: 100%;
}

/* ============================= page5 ===========================*/

#page5 .col-1 {
    width: 275px;
}

#page5 .col-2 {
    width: 327px;
}

#page5 .col-3 {
    width: 197px;
}

/* ============================= page6 ===========================*/
#page6 .col-1 {
    width: 275px;
}

#page6 .col-2 {
    width: 600px;
    margin: 40px 40px 40px 40px;
    float: inherit;
    text-align: left;
}

#page_agent_home .col-1 {
    width: 250px;
}

#page_agent_home .col-2 {
    width: 730px;
}

#page_agent_norm .col-1 {
    width: 250px;
}

#page_agent_norm .col-2 {
    width: 730px;
}

#page_agent_2col .col-1 {
    width: 250px;
    background-color: #1d56a7;
    background-image: url(https://www.howeinsuranceservices.com/images/SideBar-Top-Slice.jpg);
    background-repeat: no-repeat;
}

#page_agent_2col .col-2 {
    width: 365px;
}

#page_agent_2col .col-3 {
    width: 365px;
}

#page_agent_1col .col-1 {
    width: 250px;
    background-color: #1d56a7;
    background-image: url(https://www.howeinsuranceservices.com/images/SideBar-Top-Slice.jpg);
    background-repeat: no-repeat;
}

#page_agent_1col .col-2 {
    width: 730px;
}

#page_agent_1col .col-3 {
    width: 365px;
}

#page_agent_contact_2col .col-1 {
    width: 250px;
    background-color: #1d56a7;
    background-image: url(https://www.howeinsuranceservices.com/images/SideBar-Top-Slice.jpg);
    background-repeat: no-repeat;
}

#page_agent_2col .col-2 {
    width: 365px;
}

#page_agent_2col .col-3 {
    width: 365px;
}

/* ============================= page7 ===========================*/

#contact_page .col-1 {
    width: 250px;
}

#contact_page .col-2 {
    width: 385px;
}

#contact_page .col-3 {
    width: 345px;
}

#contact_page .col-main {
    width: 980px;
}

.line_contact {
    background: url(https://www.howeinsuranceservices.com/images/line.gif) repeat-y 340px 0;
    width: 100%;
}

/* =======================Main Layout====================== */

.top-tail2 {
    background: url(https://www.howeinsuranceservices.com/images/top-tail2.gif) top left repeat-x;
    width: 50%;
    position: absolute;
    right: 0;
    height: 104px;
}

.link {
    color: #db09ac;
    text-decoration: none;
    font-weight: bold;
}

.link strong {
    color: #5a5a5a;
}

.link:hover strong {
    color: #db09ac;
}

ul {
    margin-bottom: 10px;
}

li {
    background: 11px;
    padding-left: 16px;
}

li a {
    color: #db09ac;
    text-decoration: none;
}

li a:hover {
    text-decoration: underline;
}

.imgindent {
    margin: 0 20px 0 0;
    float: left;
}

.imgindent2 {
    margin: 0 10px 0 0;
    float: left;
}

.imgindentlft {
    margin: 0 0 20px 20px;
    float: right;
}

.title {
    margin-bottom: 25px;
}

h2 {
    font-size: 2.667em;
    line-height: 1em;
    color: #fff;
    font-weight: normal;
    margin-bottom: 10px;
}

cite {
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

body {
    background: #1d56a7;
    text-align: center;
}

img {
    vertical-align: top;
}

a img {
    border: 0;
}

ul {
    list-style: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

html, input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    line-height: 1.583em;
    color: #5a5a5a;
}

input, select {
    vertical-align: middle;
    font-weight: normal;
}

a {
    color: #03C;
    text-decoration: underline;
}

a:visited {
    text-decoration: underline;
    color: #03C;
    font-family: Arial, Helvetica, sans-serif;
}

a:hover {
    text-decoration: underline;
    color: #900;
    font-family: Arial, Helvetica, sans-serif;
}

p {
    padding-top: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

/* =====================END Main Layout====================== */

/*==================Agent 1 Column Page==================*/

#column_header {
    background-image: url(https://www.howeinsuranceservices.com/images/Column-Label-Ver1.0.jpg);
    height: 35px;
    width: 325px;
    background-repeat: no-repeat;
}

#column_header_1 {
    background-image: url(https://www.howeinsuranceservices.com/images/Column-1col-Ver1.0.jpg);
    height: 35px;
    width: 670px;
    background-repeat: no-repeat;
}

#column_header_nc {
    background-image: url(https://www.howeinsuranceservices.com/images/Column-Label-NC-Ver1.0.jpg);
    height: 35px;
    width: 325px;
    background-repeat: no-repeat;
}

#column_header_lp {
    background-image: url(https://www.howeinsuranceservices.com/images/Column-Label-LP-Ver1.0.jpg);
    height: 35px;
    width: 325px;
    background-repeat: no-repeat;
}

#column_header_sa {
    background-image: url(https://www.howeinsuranceservices.com/images/Column-Label-SA-Ver1.0.jpg);
    height: 35px;
    width: 325px;
    background-repeat: no-repeat;
}

#column_header_se {
    background-image: url(https://www.howeinsuranceservices.com/images/Column-Label-SE-Ver1.0.jpg);
    height: 35px;
    width: 325px;
    background-repeat: no-repeat;
}

#column_header_cc {
    background-image: url(https://www.howeinsuranceservices.com/images/Column-Label-CC-Ver1.0.jpg);
    height: 35px;
    width: 325px;
    background-repeat: no-repeat;
}

#column_header_15kwac {
    background-image: url(https://www.howeinsuranceservices.com/images/Column-Label-SE-Ver1.0.jpg);
    height: 35px;
    width: 325px;
    background-repeat: no-repeat;
}

#column_header_15kap {
    background-image: url(https://www.howeinsuranceservices.com/images/Column-Label-CC-Ver1.0.jpg);
    height: 35px;
    width: 325px;
    background-repeat: no-repeat;
}

#column_header_10kwac {
    background-image: url(https://www.howeinsuranceservices.com/images/Column-Label-Ver1.0.jpg);
    height: 35px;
    width: 325px;
    background-repeat: no-repeat;
}

#column_header_10kap {
    background-image: url(https://www.howeinsuranceservices.com/images/Column-Label-Ver1.0.jpg);
    height: 35px;
    width: 325px;
    background-repeat: no-repeat;
}

#a_sidebar_cont {
    background-image: url(https://www.howeinsuranceservices.com/images/SideBar-Bottom-Slice.jpg);
    background-repeat: no-repeat;
    background-color: #FFF;
    width: 225px;
    padding: 30px 20px 20px 20px;
}

.col-pad {
    padding: 0 20px 0 0;
}

.col-padleft {
    padding-left: 20px;
}

.pic-center {
    position: relative;
}

.extra-pad {
    padding-top: 10px;
    padding-bottom: 10px;
}

.extra-padtop {
    padding-top: 10px;
}

.agent_nav_pad {
    padding: 10px 0 0 25px;
}

.padbot {
    padding-bottom: 5px;
}

.double-pad {
    padding-right: 40px;
    padding-left: 40px;
}

.title-pad {
    padding-right: 20px;
    padding-top: 20px;
}

.col-agent_single {
    width: 670px;
    padding: 20px 20px 20px 20px;
}

.col-col1 {
    padding: 25px 0 0 30px;
}

.col-col2 {
    padding: 25px 0 0 10px;
}

.col-content_underheader_1col {
    padding: 5px 5px 5px 5px;
    width: 650px;
    background-color: #FFF;
}

.col-content_underheader_2col {
    background-color: #FFF;
    padding: 10px 10px 10px 10px;
    width: 305px;
}

.col-content_2colpage_col1 {
    background: #FFF;
    padding: 10px 10px 10px 10px;
    width: 205px;

}

.col-content_memocontent_1col {
    padding: 10px 10px 10px 25px;
    width: 550px;
    background-color: #FFF;
    color: #000;
}

.column_header_text {
    vertical-align: middle;
    padding: 9px 0 0 12px;
    text-align: left;
    color: #006;
    font-weight: bold;
    font-size: 1.2em;
}

.column_header_text_small {
    vertical-align: middle;
    padding: 9px 0 0 12px;
    text-align: left;
    color: #006;
    font-weight: bold;
    font-size: 1.0em;
}

.column_header_text_10kclub {
    vertical-align: middle;
    padding: 9px 0 0 12px;
    text-align: left;
    color: #006;
    font-weight: normal;
    font-size: 1.1em;
}

.col-about {
    width: 600px;
    padding: 0 0 0 20px;
}

.indent {
    padding: 0 0 0 20px;
}

.indent-pad {
    padding: 20px 0 20px 40px;
}

.box {
    background: url(https://www.howeinsuranceservices.com/images/box-tail-bg.gif) bottom repeat-x;
    color: #008fd8;
    font-size: 1.083em;
    line-height: 1.385em;
}

.box .tail-top {
    background: url(https://www.howeinsuranceservices.com/images/box-tail-bg.gif) top repeat-x;
}

.box .tail-right {
    background: url(https://www.howeinsuranceservices.com/images/box-tail-bg.gif) right repeat-y;
}

.box .tail-left {
    background: url(https://www.howeinsuranceservices.com/images/box-tail-bg.gif) left repeat-y;
}

.box .corner-bottom-right {
    background: url(https://www.howeinsuranceservices.com/images/box-corner-bottom-right.gif) bottom right no-repeat;
}

.box .corner-bottom-left {
    background: url(https://www.howeinsuranceservices.com/images/box-corner-bottom-left.gif) bottom left no-repeat;
}

.box .corner-top-right {
    background: url(https://www.howeinsuranceservices.com/images/box-corner-top-right.gif) top right no-repeat;
}

.box .corner-top-left {
    background: url(https://www.howeinsuranceservices.com/images/box-corner-top-left.gif) top left no-repeat;
    width: 100%;
}

.box .indent {
    padding: 15px 20px 15px 22px;
}

.phonebox {
    width: 600px;
}

.phonename {
    width: 100%;
    overflow: hidden;
    float: right;
}

.phonenumber {
    width: 100%;
    overflow: hidden;
    float: left;
}

.margin1 {
    margin-top: 25px;
}

.padding1 {
    padding-top: 9px;
}

.phone {
    display: inline-block;
    width: 77px;
    vertical-align: middle;
}

.phone-label {
    width: inherit;
}

.phone-number {
}

.line-hor {
    background: url(https://www.howeinsuranceservices.com/images/line-hor.gif) bottom left repeat-x;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.line-150 {
    background: url(https://www.howeinsuranceservices.com/images/line-hor.gif) bottom left repeat-x;
    width: 150px;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.line-200 {
    background: url(https://www.howeinsuranceservices.com/images/line-hor.gif) bottom left repeat-x;
    width: 200px;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.line-250_sp {
    background: url(https://www.howeinsuranceservices.com/images/line-hor.gif) bottom left repeat-x;
    width: 250px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.horline-3 {
    background: url(https://www.howeinsuranceservices.com/images/line-hor.gif) bottom left repeat-x;
    width: 175px;
}

.horline-x {
    background: url(https://www.howeinsuranceservices.com/images/line-hor.gif) bottom left repeat-x;
    width: 0;
}

.pad-p {
    padding: 1em 0;
}
/*==========TEXT Styles=========*/

.text_link_header {
    color: #00F;
    text-decoration: underline;
    font-size: .8em;
    font-weight: normal;
}

.text_link_header:hover {
    color: #900;
    text-decoration: underline;
    font-size: .8em;
    font-weight: normal;
}

.text_lrg_link {
    color: #00F;
    text-decoration: underline;
    font-size: 1.2em;
    font-weight: bold;
}

.text_lrg_link:hover {
    color: #900;
    text-decoration: underline;
    font-size: 1.2em;
    font-weight: bold;
}

.text_disk_link {
    color: #03F;
    text-decoration: underline;
    font-size: 1em;
    font-weight: normal;
}

.text_disk_link:hover {
    color: #F00;
    text-decoration: underline;
    font-size: 1em;
    font-weight: bold;
}

.boldblue {
    color: #009;
    font-weight: bold;
}

.bold_green {
    color: #390;
    font-weight: bold;
}

.bold_red {
    color: #F00;
    font-weight: bold;
}

.text_bright_green {
    color: #0F0;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
}

.text_bright_green_p8em {
    color: #0F0;
    font-weight: inherit;
    font-size: .8em;
    text-decoration: none;
}

.text_link_bright_green {
    color: #0F0;
    font-weight: normal;
    font-size: 1em;
    text-decoration: underline;
}

.text_link_bright_green:hover {
    color: #FF6;
    font-weight: normal;
    font-size: 1em;
    text-decoration: underline;
}

.settings {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

.settings:hover {
    color: #FFF;
    font-weight: bold;
}

.text_link_settings {
    color: #CCC;
    text-decoration: none;
    font-weight: 300;
}

.text_link_settings:hover {
    color: #CCC;
    text-decoration: underline;
    font-weight: bold;
}

.text {
    color: #000;
    font-size: .9em;
}

.text2 {
    color: #00F;
}

.text_small_blue {
    color: #00F;
    font-size: .8em;
}

.text3 {
    color: #00F;
    font-size: 1.3em;
}

.text4 {
    color: #00F;
    font-size: 1.8em;
}

.text5 {
    color: #333;
    font-size: 1.1em
}

.text6 {
    color: #036;
    font-size: 1.1em;
}

.text7 {
    color: #009;
    font-size: 1.1em;
}

.text8 {
    color: #F00;
    font-size: 1.5em;
    font-weight: bold;
}

.text8blue {
    color: #00F;
    font-size: 1.5em;
    font-weight: bold;
}

.text_small {
    color: #999;
    font-size: .5em;
}

.text_download {
    color: #999;
    font-size: .8em;
    text-align: right;
    padding: 0 40px 0 0;
}

.title {
    color: #00F;
    font-size: 1.8em;
    padding-top: 20px;
}

.text_1-1em_bl_bld {
    color: #006;
    font-size: 1.1em;
    font-weight: bold;
}

.text_reg_bl {
    color: #006;
    font-family: Arial, Helvetica, sans-serif;
}

.text_lrg_bld {
    color: #333;
    font-size: 1.1em;
    font-weight: bold;
}

.text_agent_nav {
    color: #CCC;
    font-size: .9em;
    font-weight: normal;
    font-style: normal;
}

.text_agent_nav {
    color: #CCC;
    font-size: .9em;
    font-weight: normal;
    font-style: normal;
}

.text_agent_nav {
    color: #CCC;
    font-size: .9em;
    font-weight: normal;
    font-style: normal;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

/*==========END TEXT Styles=========*/

/* ============================= footer ====================== */
/*
#footer {color:#a2a1a1; padding:38px 0 0 56px;}
#footer span {color:#000;}
#footer a {color:#016db7; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer {text-align:center;}

/* ============================= forms ============================= */

#NewsletterForm {
    background: url(https://www.howeinsuranceservices.com/agent/agent_home.phpimages/form-bg.jpg) top left no-repeat;
    padding: 13px 10px 50px 15px;
    color: #fff;
    margin-top: 32px;
    margin-right: -2px;
}

#NewsletterForm .input {
    width: 139px;
    height: 21px;
    border: 1px solid #00296c;
    background: #fff;
    padding: 0 0 0 5px;
    font-size: 1em;
}

#ContactForm {
    background: url(https://www.howeinsuranceservices.com/agent/agent_home.phpimages/form-bg2.jpg) top left no-repeat;
    padding: 13px 10px 50px 15px;
    color: #fff;
    margin-top: 32px;
    margin-right: -2px;
}

#ContactForm .rowi {
    height: 30px;
}

#ContactForm h2 {
    letter-spacing: -2px;
}

#ContactForm a {
    background: url(https://www.howeinsuranceservices.com/agent/agent_home.phpimages/link-bg.gif) no-repeat right 3px;
    padding: 0 12px 0 15px;
    color: #FFF;
    text-decoration: none;
    display: inline-block;
}

#ContactForm a:hover {
    text-decoration: underline;
}

.taright {
    text-align: right;
    padding-right: 10px;
}

.input {
    width: 156px;
    height: 21px;
    border: 1px solid #00296c;
    background: #fff;
    padding: 0 0 0 5px;
    font-size: 1em;
}

textarea {
    width: 156px;
    height: 59px;
    border: 1px solid #00296c;
    background: #fff;
    padding: 0 0 0 5px;
    overflow: auto;
    font-size: 1em;
}

/*===================Tables==============================*/

table.phone {
    width: 200px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

table.phone td {
    /*width:200px;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/*================Old Agent Website==================*/
/*
.article_title
	{
	font-size: 12pt;
	background-color:#337ee3;
	font-weight: bold;
	border-width: 1px;
	border-color: black;
	border-style: solid;
	color:#FFF;
	padding: 4px 2px 2px 4px;
	}
.article_date
	{
	color:#FFF;
	font-size: 10pt;
	font-weight: normal;
	}
.article_text
	{
	color:#FFF;	
	font-family: Verdana, Cambria, Calibri, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	}
.left_nav_text
	{
	font-family: Verdana, Cambria, Calibri, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	background-color: #FFCC00;
	}
.link_no_border
	{
	border-width: 0px;
	}
.topfivetable {
	text-align: left;
	font-size: 10pt;
}
.top_five
	{
	font-family:Verdana, Cambria, Calibri, Arial, sans-serif;
	font-size: 12pt;
	font-weight:normal;
	}
	
.left_nav_text
	{
	font-family: Verdana;
	background-color: #1d56a7;
	font-size: 10pt;
	}
.left_nav_style1 {
	background-image: url('images/MenuButton.bmp');
}
.left_nav_stayl2 {
	font-family: Verdana;
	font-size: 10pt;
}
.left_nav_style3 {
	font-size: x-small;
}	

/*================ END Old Agent Website==================*/

/*.cssfly {
    width: 215px;
    height: auto;
    position: relative;
    margin: 15px 0 0 5px;
}

.cssfly ul li a, .menu ul li a:visited {
    display: block;
    color: #006;
    font-weight: bold;
    text-decoration: none;
    width: 200px;
    height: 22px;
    text-align: left;
    border: 0 solid #1d56a7;
    padding: 7px 0 0 10px;
    background-image: url(https://www.howeinsuranceservices.com/images/A_Side_Nav_state1-ver1.0.jpg);
    background-repeat: no-repeat;
    font-size: 1em;
}*/

/*positioning*/

/*left position*/
/*.cssfly ul li {
    float: right;
    position: relative;
}*/

/*.cssfly ul li ul {
    display: none;
}*/

/* text */
/*.cssfly ul li:hover a {
    color: #900;
    font-weight: bolder;
    text-decoration: underline;
    background-image: url(https://www.howeinsuranceservices.com/images/A_Side_Nav_state2-ver1.0.jpg);
    border-width: 0 0 0 0;
    padding: 7px 0 0 10px;
    text-indent: 10px;
    *//*margin: 0 -5px 0 0;*//*
}*/

/* flyout*/
/*.cssfly ul li:hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 213px;
}*/

/* not sure yet
.cssfly ul li:hover ul li a.hide {
	background-image:url(images/A_Side_Nav_state2-ver1.0.jpg);
	border-width:1px 6px 1px 8px;	
	color:#000;
	left:229px;

}
*/
/*
.cssfly ul li:hover ul li:hover a.hide {width:184px;}
*/
/*
.cssfly ul li:hover ul li ul {display: none;}
*/

/*.cssfly ul li:hover ul li a {
    display: block;
    width: 200px;
    color: #006;
    font-weight: bold;
    text-decoration: none;
    background-image: url(https://www.howeinsuranceservices.com/images/A_Side_Nav_state1-ver1.0.jpg);
    border-width: 0 0 0 0;
    padding: 7px 0 0 10px;
    z-index: 1000;
    position: relative;
}*/

/* Secondary side bar button, when the mouse is over it */
/*.cssfly ul li:hover ul li a:hover {
    display: block;
    width: 200px;
    color: #900;
    font-weight: bold;
    text-decoration: underline;
    background-image: url(https://www.howeinsuranceservices.com/images/A_Side_Nav_state2-ver1.0.jpg);
    border-width: 0 0 0 0;
    padding: 7px 0 0 10px;
    text-indent: 10px;
}*/

/*====OL Sidebar - Jeremiah====*/
.cssfly {
    width: 215px;
    height: auto;
    position: relative;
    padding: 15px 0 0 20px;
    margin: 0;
}
.cssfly ol {
    margin: 0;
    padding: 0;
    counter-reset: cssfly;
}

.cssfly li {
    list-style-type: none;
    position: relative;
    padding: 0;
}

.cssfly ol > li > a:before {
    content: counter(cssfly, decimal-leading-zero) ". ";
    counter-increment: cssfly;
}

.cssfly a {
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(0, 0, 102);
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    line-height: 31px;
    background-image: url(https://www.howeinsuranceservices.com/images/A_Side_Nav_state1-ver1.0.jpg);
    background-repeat: no-repeat;
    width: 210px;
    height: 31px;
    text-align: left;
    display: block;
    padding-left: 8px;
}

/* change bg on hover */
.cssfly ol > li:hover > a {
    background-image: url(https://www.howeinsuranceservices.com/images/A_Side_Nav_state2-ver1.0.jpg);
    padding-left: 18px;
}

.cssfly li > a:hover {
    color: rgb(160, 0, 0);
    text-decoration: none;
}

.cssfly ol > li:hover a:before {
    color: rgb(0, 0, 102);
}
/* end */

/* flyout */
.cssfly ol ul {
    display: none;
    padding: 0 0 0 25px;
}

.cssfly ol li:hover > ul {
    display: block;
    position: absolute;
    top: 0;
    left: 190px;
    z-index: 1000;
}
 /* end */

/*================ SIDEBAR MENU ==================*/

.sidebar {
    width: 215px;
    height: 225px;
    padding: 2px 16px 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 2px solid #ccc;
    position: relative;
}

.sidebar ul li a, .menu ul li a:visited {
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-shadow: rgba(255, 255, 255, 0.6) 2px 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*positioning*/

/*left position*/
.sidebar ul li {
    float: right;
    position: relative;
}

.sidebar ul li ul {
    display: none;
}

/* text */
.sidebar ul li:hover a {
    width: 625px;
    height: 24px;
    padding: 4px 16px 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 2px solid #ccc;
    position: relative;

    /* Label */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 900;
    color: #000;
    text-shadow: rgba(255, 255, 255, 0.6) 2px 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* flyout*/
.sidebar ul li:hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 213px;
}

.sidebar ul li:hover ul li a {
    width: 625px;
    height: 24px;
    padding: 4px 16px 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 2px solid #ccc;
    position: relative;

    /* Label */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 900;
    color: #000;
    text-shadow: rgba(255, 255, 255, 0.6) 2px 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sidebar ul li:hover ul li a:hover {
    width: 625px;
    height: 24px;
    padding: 4px 16px 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 2px solid #ccc;
    position: relative;

    /* Label */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 900;
    color: #000;
    text-shadow: rgba(255, 255, 255, 0.6) 2px 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*================ END SIDEBAR MENU ==================*/

.button {
    width: 625px;
    height: 18px;
    padding: 2px 16px 3px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border: 2px solid #ccc;
    position: relative;

    /* Label */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-shadow: rgba(255, 255, 255, 0.6) 2px 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.button:hover {
    width: 625px;
    height: 24px;
    padding: 4px 16px 3px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    position: relative;

    /* Label */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 900;
    color: #000;
    text-shadow: rgba(255, 255, 255, 0.6) 2px 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;

}

.button .glare {
    position: absolute;
    top: 0;
    left: 3px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    height: 1px;
    width: 651px;
    padding: 6px 0;
    background-color: rgba(255, 255, 255, 0.10);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
}

.button:hover .glare {
    position: absolute;
    top: 0;
    left: 3px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    height: 1px;
    width: 651px;
    padding: 8px 0;
    background-color: rgba(255, 255, 255, 0.10);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
}

.aqua {
    background-color: rgba(113, 166, 209, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(113, 166, 209, 0.8)), to(rgba(185, 202, 232, .9)));
    border-top-color: #d6e3f8;
    border-right-color: #a7cae9;
    border-bottom-color: #78a5ce;
    border-left-color: #a7cae9;
    -webkit-box-shadow: rgba(66, 140, 240, 0.5) 0 10px 16px;
    -moz-box-shadow: rgba(66, 140, 240, 0.5) 0 10px 16px; /* FF 3.5+ */
}

.jade {
    background-color: rgba(145, 244, 85, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(1, 155, 1, 0.8)), to(rgba(145, 244, 85, .9)));
    border-top-color: #09c809;
    border-right-color: #01a401;
    border-bottom-color: #09ac09;
    border-left-color: #03b803;
    -webkit-box-shadow: rgba(95, 217, 74, 0.5) 0 10px 16px;
    -moz-box-shadow: rgba(95, 217, 74, 0.5) 0 10px 16px; /* FF 3.5+ */
}

.yellow {
    background-color: rgba(192, 198, 30, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(192, 198, 30, 0.8)), to(rgba(244, 253, 100, .9)));
    border-top-color: #f1f740;
    border-right-color: #e3e93a;
    border-bottom-color: #e0e72c;
    border-left-color: #e7ed40;
    -webkit-box-shadow: rgba(244, 253, 100, 0.5) 0 10px 16px;
    -moz-box-shadow: rgba(244, 253, 100, 0.5) 0 10px 16px; /* FF 3.5+ */
}

.light_blue {
    background-color: rgba(65, 238, 232, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(75, 228, 223, 0.8)), to(rgba(65, 238, 232, .9)));
    border-top-color: #45f2ec;
    border-right-color: #41eee8;
    border-bottom-color: #2de0da;
    border-left-color: #41eee8;
    -webkit-box-shadow: rgba(65, 238, 232, 0.5) 0 10px 16px;
    -moz-box-shadow: rgba(65, 238, 232, 0.5) 0 10px 16px; /* FF 3.5+ */
}

.light_purple {
    background-color: rgba(221, 104, 246, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(221, 104, 246, 0.8)), to(rgba(235, 157, 251, .9)));
    border-top-color: #ec9efc;
    border-right-color: #e177f8;
    border-bottom-color: #dd68f6;
    border-left-color: #e177f8;
    -webkit-box-shadow: rgba(221, 104, 246, 0.5) 0 10px 16px;
    -moz-box-shadow: rgba(221, 104, 246, 0.5) 0 10px 16px; /* FF 3.5+ */
}

/* Boxes */
.box {
    width: 625px;
    height: auto;
    padding: 4px 12px 4px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border: 2px solid #ccc;
    position: relative;

    /* Label */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-shadow: rgba(255, 255, 255, 0.6) 2px 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.los_box {
    width: 321px;
    height: auto;
    padding: 2px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border: 2px solid #ccc;
    position: relative;

    /* Label */
    text-align: inherit;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.doc_box {
    width: 643px;
    height: auto;
    padding: 4px 12px 4px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border: 2px solid #ccc;
    position: relative;

    /* Label */
    /*font-family: Lucida Sans, Helvetica, sans-serif;
    font-size:14px;
    font-weight: 600;*/
    color: #000;
    text-shadow: rgba(255, 255, 255, 0.6) 0 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.directory_header {
    width: auto;
    height: auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border: 2px solid #060;
    border-top-color: #a0bee0;
    border-right-color: #a7cae9;
    border-bottom-color: #a0bee0;
    border-left-color: #a7cae9;
    position: relative;

    /* Label */
    /*font-family: Lucida Sans, Helvetica, sans-serif;
    font-size:14px;
    font-weight: 600;*/
    color: #000;
    text-shadow: rgba(255, 255, 255, 0.6) 0 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.comment_entry {
    width: 557px;
    height: 20px;
    padding: 0 5px 0 10px;
    -webkit-border-radius: 16px 16px 16px 16px;
    -moz-border-radius: 16px 16px 16px 16px;
    border: 2px solid #ccc;
}

.comment_entry_field {
    background-position: 152px center;
    background-repeat: no-repeat;
    background-size: 18px 18px;

    border-top-color: #a0bee0;
    border-right-color: #a7cae9;
    border-bottom-color: #a0bee0;
    border-left-color: #a7cae9;
    -webkit-box-shadow: rgba(66, 140, 240, 0.1) 0 5px 8px;
    -moz-box-shadow: rgba(66, 140, 240, 0.1) 0 5px 8px; /* FF 3.5+ */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 100;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 2px;
    cursor: text;
    vertical-align: middle;
}

.comment_entry_field:focus {
    background-position: 152px center;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 18px 18px;

    border-top-color: #74df46;
    border-right-color: #83e35a;
    border-bottom-color: #83e35a;
    border-left-color: #83e35a;
    -webkit-box-shadow: rgba(95, 217, 74, 0.3) 0 5px 8px;
    -moz-box-shadow: rgba(95, 217, 74, 0.3) 0 5px 8px; /* FF 3.5+ */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 100;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 2px;
    cursor: text;
    vertical-align: middle;
}

.comment_entry_field_loading {
    background-position: 152px center;
    background-image: url(images/loading_green.gif);
    background-repeat: no-repeat;
    background-size: 16px 16px;

    border-top-color: #74df46;
    border-right-color: #83e35a;
    border-bottom-color: #83e35a;
    border-left-color: #83e35a;
    -webkit-box-shadow: rgba(95, 217, 74, 0.3) 0 5px 8px;
    -moz-box-shadow: rgba(95, 217, 74, 0.3) 0 5px 8px; /* FF 3.5+ */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 100;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 2px;
    cursor: text;
    vertical-align: middle;
}

.uploader {
    width: 300px;
    height: 10px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border: 2px solid #060;
    border-top-color: #a0bee0;
    border-right-color: #a7cae9;
    border-bottom-color: #a0bee0;
    border-left-color: #a7cae9;

}

.upload_bar {
    width: auto;
    height: 10px;
    padding: 4px 12px 4px;
    -webkit-border-radius: 16px 16px 16px 16px;
    -moz-border-radius: 16px 16px 16px 16px;
    border: 2px solid #ccc;
}

.progress {
    background-color: rgba(145, 244, 85, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 70%, from(rgba(145, 244, 85, .9)), to(rgba(1, 155, 1, 0.8)));
    border-top-color: #74df46;
    border-right-color: #83e35a;
    border-bottom-color: #83e35a;
    border-left-color: #83e35a;
}

/*.upload_new{
  width: 300px;
  height: 10px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border: 2px solid #060;
  border-top-color: #a0bee0;
  border-right-color: #a7cae9;
  border-bottom-color: #a0bee0;
  border-left-color: #a7cae9;
}*/

.search_field {
    width: 158px;
    height: 20px;
    padding: 0 5px 0 10px;
    -webkit-border-radius: 16px 16px 16px 16px;
    -moz-border-radius: 16px 16px 16px 16px;
    border: 2px solid #ccc;
}

.search_field_box {
    background-position: 152px center;
    background-image: url(images/search_img.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;

    border-top-color: #a0bee0;
    border-right-color: #a7cae9;
    border-bottom-color: #a0bee0;
    border-left-color: #a7cae9;
    -webkit-box-shadow: rgba(66, 140, 240, 0.1) 0 5px 8px;
    -moz-box-shadow: rgba(66, 140, 240, 0.1) 0 5px 8px; /* FF 3.5+ */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 100;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 2px;
    cursor: text;
    vertical-align: middle;
}

.search_field_box:focus {
    background-position: 152px center;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 18px 18px;

    border-top-color: #74df46;
    border-right-color: #83e35a;
    border-bottom-color: #83e35a;
    border-left-color: #83e35a;
    -webkit-box-shadow: rgba(95, 217, 74, 0.3) 0 5px 8px;
    -moz-box-shadow: rgba(95, 217, 74, 0.3) 0 5px 8px; /* FF 3.5+ */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 100;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 2px;
    cursor: text;
    vertical-align: middle;
}

.search_field_loading {
    background-position: 152px center;
    background-image: url(images/loading_green.gif);
    background-repeat: no-repeat;
    background-size: 16px 16px;

    border-top-color: #74df46;
    border-right-color: #83e35a;
    border-bottom-color: #83e35a;
    border-left-color: #83e35a;
    -webkit-box-shadow: rgba(95, 217, 74, 0.3) 0 5px 8px;
    -moz-box-shadow: rgba(95, 217, 74, 0.3) 0 5px 8px; /* FF 3.5+ */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 100;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 2px;
    cursor: text;
    vertical-align: middle;
}

.search_field_unavailable {
    background-position: 152px center;
    background-image: url(images/search_img.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;

    border-top-color: #a0bee0;
    border-right-color: #a7cae9;
    border-bottom-color: #a0bee0;
    border-left-color: #a7cae9;
    -webkit-box-shadow: rgba(66, 140, 240, 0.1) 0 5px 8px;
    -moz-box-shadow: rgba(66, 140, 240, 0.1) 0 5px 8px; /* FF 3.5+ */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 100;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 2px;
    cursor: text;
    vertical-align: middle;
}

.search_field_unavailable:focus {
    background-position: 150px center;
    background-image: url(images/exclamation.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;

    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
    -webkit-box-shadow: rgba(66, 140, 240, 0.1) 0 5px 8px;
    -moz-box-shadow: rgba(66, 140, 240, 0.1) 0 5px 8px; /* FF 3.5+ */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 100;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 2px;
    cursor: text;
    vertical-align: middle;
}

.upload_button {
    width: inherit;
    height: inherit;
    padding: 0 0 5px 0;
    -webkit-border-radius: 16px 16px 16px 16px;
    -moz-border-radius: 16px 16px 16px 16px;
    border: 2px solid #ccc;

}

.upload_button_choose {
    padding: 3px 0 3px 0;
    background-color: rgba(253, 254, 180, .6);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 40%, from(rgba(253, 254, 180, .6)), to(rgba(224, 225, 114, 0.9)));
    background-image: -moz-linear-gradient(to bottom, rgba(253, 254, 180, .6) 5%, rgba(224, 225, 114, 0.9));
    border-top-color: #a0bee0;
    border-right-color: #a7cae9;
    border-bottom-color: #a0bee0;
    border-left-color: #a7cae9;
    -webkit-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px;
    -moz-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px; /* FF 3.5+ */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 2px;
    cursor: pointer;
}

.upload_button_dialog {
    background-color: rgba(113, 166, 209, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 80%, from(rgba(238, 243, 252, .8)), to(rgba(115, 187, 249, 0.8)));
    background-image: -moz-linear-gradient(to bottom, rgba(238, 243, 252, .8) 20%, rgba(115, 187, 249, 0.8));
    border-top-color: #73bbf9;
    border-right-color: #61a9e6;
    border-bottom-color: #589fdb;
    border-left-color: #73bbf9;
    -webkit-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px;
    -moz-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px; /* FF 3.5+ */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 2px;
    cursor: pointer;
}

.upload_button_ready {
    background-color: rgba(113, 166, 209, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 80%, from(rgba(238, 243, 252, .9)), to(rgba(115, 187, 249, 0.9)));
    background-image: -moz-linear-gradient(to bottom, rgba(238, 243, 252, .9) 20%, rgba(115, 187, 249, 0.9));
    border-top-color: #d6e3f8;
    border-right-color: #a7cae9;
    border-bottom-color: #a0bee0;
    border-left-color: #a7cae9;
    -webkit-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px;
    -moz-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px; /* FF 3.5+ */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 2px;
    cursor: pointer;
}

.upload_button_ready:hover {
    background-color: rgba(113, 166, 209, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(238, 243, 252, .9)), to(rgba(115, 187, 249, 0.8)));
    background-image: -moz-linear-gradient(to bottom, rgba(238, 243, 252, .9) 5%, rgba(115, 187, 249, 0.8));
    border-top-color: #d6e3f8;
    border-right-color: #a7cae9;
    border-bottom-color: #a0bee0;
    border-left-color: #a7cae9;
    -webkit-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px;
    -moz-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px; /* FF 3.5+ */
    cursor: pointer;
}

.upload_button_ready:active {
    background-color: rgba(113, 166, 209, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 80%, from(rgba(115, 187, 249, 0.9)), to(rgba(238, 243, 252, .9)));
    background-image: -moz-linear-gradient(to top, rgba(238, 243, 252, .9) 20%, rgba(115, 187, 249, 0.9));
    border-top-color: #d6e3f8;
    border-right-color: #a7cae9;
    border-bottom-color: #a0bee0;
    border-left-color: #a7cae9;
    -webkit-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px;
    -moz-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px; /* FF 3.5+ */
    cursor: pointer;
}

/*================ LOS Section headers ==================*/
.med_button {
    width: 85px;
    height: 12px;
    padding: 0 16px 2px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border: 2px solid #ccc;
    position: relative;
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #030368;
    text-shadow: rgba(255, 255, 255, 0.6) 2px 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.med_button:hover {
    width: 85px;
    height: 12px;
    padding: 1px 16px 2px;
    -webkit-border-radius: 16px 16px 16px 16px;
    -moz-border-radius: 16px 16px 16px 16px;
    /* border-top-color: #eefc0c;
     border-right-color: #edf934;
     border-bottom-color: #e6f04c;
     border-left-color: #edf934; */
    position: relative;
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.med_button:active {
    width: 85px;
    height: 12px;
    padding: 0 16px 2px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(153, 153, 153, .2)), to(rgba(220, 220, 220, .2)));
    /*border: 2px solid rgba(32, 92, 245, 1);*/
    position: relative;
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.6) 2px 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.med_button .button_glare {
    position: absolute;
    top: 0;
    left: 3px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    height: 1px;
    width: 110px;
    padding: 6px 0;
    background-color: rgba(255, 255, 255, 0.10);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
}

.no {
    background-color: rgba(243, 84, 84, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(243, 84, 84, 0.8)), to(rgba(252, 174, 174, .9)));
    background-image: -moz-linear-gradient(to bottom, rgba(243, 84, 84, 0.8) 10%, rgba(252, 174, 174, .9));
    border-top-color: #f37777;
    border-right-color: #f75151;
    border-bottom-color: #f74c4c;
    border-left-color: #f86363;
    -webkit-box-shadow: rgba(243, 84, 84, 0.5) 0 5px 8px;
    -moz-box-shadow: rgba(243, 84, 84, 0.5) 0 5px 8px; /* FF 3.5+ */
}

.yes {
    background-color: rgba(1, 155, 1, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(1, 155, 1, 0.8)), to(rgba(145, 244, 85, .9)));
    background-image: -moz-linear-gradient(to bottom, rgba(1, 155, 1, 0.8) 10%, rgba(145, 244, 85, .9));
    border-top-color: #09c809;
    border-right-color: #01a401;
    border-bottom-color: #09ac09;
    border-left-color: #09c809;
    -webkit-box-shadow: rgba(1, 155, 1, 0.5) 0 5px 8px;
    -moz-box-shadow: rgba(1, 155, 1, 0.5) 0 5px 8px; /* FF 3.5+ */
}

.los_header {
    width: 285px;
    height: 18px;
    padding: 2px 16px 3px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border: 2px solid #ccc;
    position: relative;
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #030368;
    text-shadow: rgba(255, 255, 255, 0.6) 2px 2px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* .los_header:hover{
  width: 285px;
  height: 24px;
  padding: 4px 16px 3px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  position: relative;


  font-family: Lucida Sans, Helvetica, sans-serif;
  font-size:15px;
  font-weight: 900;
  color: #000;
  text-shadow: rgba(255, 255, 255, 0.6) 2px 2px 2px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
*/

.los_header .los_glare {
    position: absolute;
    top: 0;
    left: 3px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    height: 1px;
    width: 310px;
    padding: 4px 0;
    background-color: rgba(255, 255, 255, 0.10);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
}

/*
.los_header:hover .glare {
  position: absolute;
  top: 0;
  left: 3px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  height: 1px;
  width: 651px;
  padding: 8px 0;
  background-color: rgba(255, 255, 255, 0.10);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
}
*/

.los_blue {
    background-color: rgba(113, 166, 209, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(113, 166, 209, 0.8)), to(rgba(185, 202, 232, .9)));
    border-top-color: #d6e3f8;
    border-right-color: #a7cae9;
    border-bottom-color: #a0bee0;
    border-left-color: #a7cae9;
    -webkit-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px;
    -moz-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px; /* FF 3.5+ */
}

.los_pending {
    background-color: rgba(145, 244, 85, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(1, 155, 1, 0.8)), to(rgba(145, 244, 85, .9)));
    border-top-color: #83e35a;
    border-right-color: #83e35a;
    border-bottom-color: #74df46;
    border-left-color: #83e35a;
    -webkit-box-shadow: rgba(95, 217, 74, 0.5) 0 10px 16px;
    -moz-box-shadow: rgba(95, 217, 74, 0.5) 0 10px 16px; /* FF 3.5+ */
}

.los_processing {
    background-color: rgba(192, 198, 30, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(192, 198, 30, 0.8)), to(rgba(244, 253, 100, .9)));
    border-top-color: #f1f740;
    border-right-color: #e3e93a;
    border-bottom-color: #e0e72c;
    border-left-color: #e7ed40;
    -webkit-box-shadow: rgba(244, 253, 100, 0.5) 0 10px 16px;
    -moz-box-shadow: rgba(244, 253, 100, 0.5) 0 10px 16px; /* FF 3.5+ */
}

.los_prep {
    background-color: rgba(221, 104, 246, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(221, 104, 246, 0.8)), to(rgba(235, 157, 251, .9)));
    border-top-color: #eeabfc;
    border-right-color: #e177f8;
    border-bottom-color: #e285f6;
    border-left-color: #e177f8;
    -webkit-box-shadow: rgba(221, 104, 246, 0.5) 0 10px 16px;
    -moz-box-shadow: rgba(221, 104, 246, 0.5) 0 10px 16px; /* FF 3.5+ */
}

.los_completed {
    background-color: rgba(65, 238, 232, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(75, 228, 223, 0.8)), to(rgba(65, 238, 232, .9)));
    border-top-color: #45f2ec;
    border-right-color: #41eee8;
    border-bottom-color: #2de0da;
    border-left-color: #41eee8;
    -webkit-box-shadow: rgba(65, 238, 232, 0.5) 0 10px 16px;
    -moz-box-shadow: rgba(65, 238, 232, 0.5) 0 10px 16px; /* FF 3.5+ */
}

.los_button .los_glare {
    position: absolute;
    top: 0;
    left: 3px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    height: 1px;
    width: 651px;
    padding: 6px 0;
    background-color: rgba(255, 255, 255, 0.10);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
}

.los_button:hover .los_glare {
    position: absolute;
    top: 0;
    left: 3px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    height: 1px;
    width: 651px;
    padding: 8px 0;
    background-color: rgba(255, 255, 255, 0.10);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
}

.presentation_recording {
    background-color: rgba(113, 166, 209, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(113, 166, 209, 0.8)), to(rgba(185, 202, 232, .9)));
    border-top-color: #d6e3f8;
    border-right-color: #a7cae9;
    border-bottom-color: #a0bee0;
    border-left-color: #a7cae9;
    -webkit-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px;
    -moz-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px; /* FF 3.5+ */
}

.daily_activity_report {
    background-color: rgba(145, 244, 85, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(1, 155, 1, 0.8)), to(rgba(145, 244, 85, .9)));
    border-top-color: #83e35a;
    border-right-color: #83e35a;
    border-bottom-color: #74df46;
    border-left-color: #83e35a;
    -webkit-box-shadow: rgba(95, 217, 74, 0.5) 0 10px 16px;
    -moz-box-shadow: rgba(95, 217, 74, 0.5) 0 10px 16px; /* FF 3.5+ */
}

.weekly_activity_report {
    background-color: rgba(192, 198, 30, 0.8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(192, 198, 30, 0.8)), to(rgba(244, 253, 100, .9)));
    border-top-color: #f1f740;
    border-right-color: #e3e93a;
    border-bottom-color: #e0e72c;
    border-left-color: #e7ed40;
    -webkit-box-shadow: rgba(244, 253, 100, 0.5) 0 10px 16px;
    -moz-box-shadow: rgba(244, 253, 100, 0.5) 0 10px 16px; /* FF 3.5+ */
}

/* ============== Crazy Test   =========== */

ul.osx-dock li a {
    display: block;
    height: 50px;
    padding: 0 1px;
    margin: 0;
    -webkit-transition: 0.15s linear;
    -webkit-transition-property: -webkit-transform margin;
    -webkit-box-reflect: below 2px;
    -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.45, transparent), to(rgba(255, 255, 255, 0.25)));
}

ul.osx-dock li a img {
    width: 48px;
}

ul.osx-dock li:hover {
    margin-left: 9px;
    margin-right: 9px;
    z-index: 200;
}

ul.osx-dock li:hover a {
    -webkit-transform-origin: center bottom;
    -webkit-transform: scale(1.5);
}

ul.osx-dock li.nearby {
    margin-left: 6px;
    margin-right: 6px;
    z-index: 100;
}

ul.osx-dock li.nearby a {
    -webkit-transform-origin: center bottom;
    -webkit-transform: scale(1.25);
}

ul.osx-dock li span {
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    bottom: 80px;
    margin: 0 auto;
    display: none;
    width: auto;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 6px;
    -webkit-border-radius: 6px;
    color: #fff;
}

ul.osx-dock li:hover span {
    display: block;
}

.ad_box {
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    background-color: rgba(113, 166, 209, 0.9);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(238, 243, 252, .9)), to(rgba(115, 187, 249, 0.9)));
    background-image: -moz-linear-gradient(to bottom, rgba(238, 243, 252, .8) 20%, rgba(115, 187, 249, 0.8));
    border-top-color: #73bbf9;
    border-right-color: #61a9e6;
    border-bottom-color: #589fdb;
    border-left-color: #73bbf9;
    -webkit-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px;
    -moz-box-shadow: rgba(66, 140, 240, 0.3) 0 5px 8px; /* FF 3.5+ */
    font-family: Lucida Sans, Helvetica, sans-serif;
    font-weight: 300;
    color: #00F;
    text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 2px;
    cursor: default;
    text-align: center;

    opacity: 0.95;
    width: 175px;
    height: 80px;
    position: absolute;
    top: 75px;
    left: 220px;
    font-size: 16px;
    display: none;
}