ÿþ

html, body

{

    margin: 0px;

    font-family: Arial;

    font-size: 12px; /*background-color:silver;*/

    height: 100%;

    color: #00477C;

    text-decoration: none;

    background-image: url(../images/bkg-bar-gradient.jpg);

    background-repeat: repeat-x;

}



div#container

{

    position: relative;

    margin: auto;

    width: 966px;

    height: auto !important;

    height: 100%;

    min-height: 100%;

}

.smallText

{

    font-size: 11px;

}

.header

{

    font-family: Arial;

    font-size: 16pt;

    font-style: normal;

    text-decoration: none;

    text-align: left;

    padding: 10px 0px 15px 15px;

}

.header1

{

    font-family: Arial;

    font-size: 16pt;

    font-style: normal;

    text-decoration: none;

    text-align: left;

    padding: 10px 0px 0px 15px;

}

.humalogheader

{

    font-family: Arial;

    color: #990033;

    font-size: 16pt;

    font-style: normal;

    font-weight: bold;

    text-decoration: none;

    padding: 10px 0px 15px 15px;

}

/*

.plantypeheader {

	font-family: Arial;

	color: #990033;

	font-size: 14pt;

	font-style: normal;

	font-weight: bold;

	text-decoration: none;

}

*/

.plantypeheader

{

    text-align: left;

    font-family: Arial;

    margin-top: 15px;

    color: #850057;

    font-size: 14pt;

    font-style: normal;

    font-weight: bold;

    text-decoration: none;

}





.footertext

{

    text-align: left;

    font-family: Arial;

    font-size: small;

    font-style: normal;

    font-weight: normal;

    text-decoration: none;

    padding-top: 0px;

    margin-top: 0px;

}



.header strong

{

    color: #990033;

    font-style: normal;

    font-weight: bold;

    text-align: left;

}

.header_desc

{

    font-family: Arial;

    font-size: 10pt;

    padding-left: 14px;

    padding-right: 15px;

    padding-bottom: 20px;

    text-align: left;

}

.header_desc1

{

    font-family: Arial;

    font-size: 10pt;

    padding-left: 14px;

    padding-right: 15px;

    padding-top: 0px;

    text-align: left;

}

.errortext

{

    font-family: Arial;

    font-size: 10pt;

    font-weight: bold;

    text-align: center;

    color: Red;

}

/*

.mainContentArea

{

	background-repeat: repeat-x;

	background-color: #FFFFFF;

	padding: 10px 10px 10px 10px;

}

*/



.mainContentArea

{

    background-repeat: repeat-x;

    background-color: #FFFFFF; /*	background-image : url(../images/bkg_bar_Gray.jpg); */

    background-position: bottom;

    padding: 0px 10px 10px 10px;

}





.mainContentAreaSubNav

{

    background-repeat: repeat-x;

    background-color: #FFFFFF;

    text-decoration: none;

}

#mainContentAreaSubNav a:link

{

    color: #D5D2CA;

}

#mainContentAreaSubNav a:visited

{

    color: #D5D2CA;

}





/*

.mainContentArea1

{

	background-repeat: repeat-x;

	background-color: #FFFFFF;

    color: #990033;

	padding: 0px 10px 10px 10px;

}

*/



.mainContentArea1

{

    background-repeat: no-repeat;

    background-color: #FFFFFF; /*	background-image : url(../images/Ha_Content_border_top_shaded.jpg); */

    padding: 0px 10px 10px 10px;

}



#pageheaderHumalog2

{

    background-color: #FDB813;

    margin: 0px;

    padding: 0px;

    width: 100%;

    height: 125px;

    text-align: left;

}

#pageheaderHumalog1

{

    background-color: #FFFFFF;

    margin: 0px;

    padding: 0px;

    width: 100%;

    height: 125px;

    text-align: left;

}

#pageheaderHumalog

{

    background-color: #FFFFFF;

    margin: 0px;

    padding: 0px;

    width: 100%;

    height: 125px;

    text-align: left;

}

#pageheaderHumalog img

{

    padding-left: 0px;

}

#pageheader

{

    background-image: url('../Images/logos/Humalog_logo.jpg');

    background-repeat: no-repeat;

    margin: 0px;

    padding: 0px;

    height: 125px;

    width: 100%;

    text-align: right;

}

#pageheader img

{

    padding-left: 474px;

}

#navbar

{

    font-family: Arial;

    background-image: url(../images/nav_bg.gif);

    height: 37px;

    line-height: 37px;

    width: 100%;

    overflow: hidden;

}

#navbar img

{

    float: left;

}



.nav

{

    font-family: Arial;

    background-image: url(../images/nav_bg.gif);

    height: 37px;

    padding-right: 10px;

    padding-left: 10px;

    line-height: 37px;

    float: left;

    overflow: hidden;

}



.nav a:link, .nav a:visited, .nav a:hover, .nav a:active

{

    font-size: 10pt;

    text-decoration: none;

    height: 37px;

    padding-right: 3px;

    padding-left: 3px;

    font-weight: bold;

}

.nav a:link, .nav a:visited

{

    text-decoration: none;

    color: #FFFFFF;

}

.nav a:hover

{

    text-decoration: underline;

    color: #00FFFF;

    height: 37px;

}

.navURhere

{

    font-family: Arial;

    height: 37px;

    padding-right: 10px;

    padding-left: 10px;

    line-height: 37px;

    float: left;

    overflow: hidden;

    background-color: #005DA2;

    font-weight: bold;

}



.navURhere a:link, .navURhere a:visited, .navURhere a:hover, .navURhere a:active

{

    font-size: 10pt;

    text-decoration: none;

    height: 37px;

    padding-right: 3px;

    padding-left: 3px;

    font-weight: bold;

}

.navURhere a:link, .navURhere a:visited

{

    text-decoration: none;

    color: #FFFFFF;

}

.navURhere a:hover

{

    text-decoration: underline;

    color: #00FFFF;

    height: 37px;

}

#subnavbar

{

    font-family: Arial;

    width: 100%;

    overflow: hidden;

    background-color: #005DA2;

}

#subnavbar img

{

    float: left;

}

.loggedIn

{

    font-family: Arial;

    background-image: none;

    height: 25px;

    padding-right: 10px;

    padding-left: 10px;

    line-height: 25px;

    float: left;

    overflow: hidden;

    background-color: #005DA2;

    color: #4CE3FF;

    font-size: 9pt;

}

.loggedIn a:link, .loggedIn a:visited, .loggedIn a:hover, .loggedIn a:active

{

    font-size: 9pt;

    text-decoration: none;

    height: 25px;

    padding-right: 3px;

    padding-left: 3px;

    font-weight: bold;

    letter-spacing: 1px;

}

.loggedIn a:link, .loggedIn a:visited

{

    text-decoration: none;

    color: #FFFFFF;

}

.loggedIn a:hover

{

    text-decoration: underline;

    color: #00FFFF;

    height: 25px;

}

.subnav

{

    font-family: Arial;

    background-image: none;

    height: 25px;

    padding-right: 10px;

    padding-left: 10px;

    line-height: 25px;

    float: right;

    overflow: hidden;

    background-color: #005DA2;

}



.subnav a:link, .subnav a:visited, .subnav a:hover, .subnav a:active

{

    font-size: 9pt;

    text-decoration: none;

    height: 25px;

    padding-right: 3px;

    padding-left: 3px;

    font-weight: bold;

}

.subnav a:link, .subnav a:visited

{

    text-decoration: none;

    color: #FFFFFF;

}

.subnav a:hover

{

    text-decoration: underline;

    color: #00FFFF;

    height: 25px;

}

.subnavURhere

{

    font-family: Arial;

    padding-right: 10px;

    padding-left: 10px;

    line-height: 25px;

    float: left;

    overflow: hidden;

    background-color: #005DA2;

    font-weight: bold;

    vertical-align: bottom;

}



.subnavURhere a:link, .subnavURhere a:visited, .subnavURhere a:hover, .subnavURhere a:active

{

    font-size: 11pt;

    text-decoration: none;

    height: 25px;

    padding-right: 3px;

    padding-left: 3px;

}

.subnavURhere a:link, .subnavURhere a:visited

{

    text-decoration: none;

    color: #FFFFFF;

}

.subnavURhere a:hover

{

    text-decoration: underline;

    color: #00FFFF;

    height: 25px;

}

#footerHumalog a, td

{

    text-decoration: none; /* color: #B7B1A9; */

    color: #5D4F4B;

}

#footerHumalog a:hover

{

    text-decoration: underline;

    color: #97005D;

    height: 25px;

}

#footerHumalog

{

    position: absolute;

    background-color: #F9BB12;

    color: #97005D;

    height: 27px;

    width: 960px; /*	bottom:0; /* stick to bottom */

    font-family: Arial;

    font-size: 9pt;

    text-align: right;

    color: #FFFFFF;

    text-decoration: none;

    line-height: 27px;

}



#footerHumalog1

{

    background-repeat: no-repeat;

    background-color: #FFFFFF;

    height: 60px;

    width: 100%;

    background-image: url('../images/logos/HA_Banner_bot.jpg');

    background-position: top;

}





#footer

{

    position: absolute;

    background-image: url(../images/footer_bg.gif);

    height: 27px;

    width: 100%;

    bottom: 0; /* stick to bottom */

    font-family: Arial;

    font-size: 9pt;

    text-align: right;

    color: #FFFFFF;

    text-decoration: none;

    line-height: 27px;

}

#footer a:link, #footer a:visited

{

    color: #FFFFFF;

    text-decoration: none;

}

#footer a:hover

{

    color: #FFFFFF;

    text-decoration: underline;

}

.panelLeft

{

    background-image: url('../Images/panel_left_bg.gif');

    background-repeat: repeat-y;

    background-position: right;

    background-color: #D6E7F4;

    vertical-align: top;

    font-family: Arial;

    font-size: 10pt;

    color: #000000;

    margin: 0px;

}

.panelLeft a:link, .panelLeft a:visited, .panelLeft a:hover, .panelLeft a:active

{

    display: block;

    font-family: Arial;

    font-size: 9pt;

    color: #005A9D;

    text-decoration: underline;

}

.panelLeft h3

{

    font-family: Arial;

    font-size: 12px;

    font-weight: bold;

    text-decoration: none;

}

.panelRight

{

    background-color: #D6E7F4;

    vertical-align: top;

    font-family: Arial;

    font-size: 10pt;

    color: #000000;

    background-repeat: repeat-y;

    background-image: url('../Images/panel_right_bg.gif');

}

.panelRight a:link, .panelRight a:visited, .panelRight a:hover, .panelRight a:active

{

    display: block;

    font-family: Arial;

    font-size: 9pt;

    color: #005A9D;

    text-decoration: underline;

}

.panelRight h3

{

    font-family: Arial;

    font-size: 12px;

    font-weight: bold;

    text-decoration: none;

}

.content, .indexMenu

{

    vertical-align: top;

    font-family: Arial;

    font-size: 10pt;

    color: #00477C;

    text-decoration: none;

    padding: 0px;

    margin: 0px;

}

.content a:link, .content a:visited

{

    text-decoration: none;

}

.content a:hover

{

    text-decoration: underline;

}

.indexMenu a:link, .indexMenu a:visited

{

    color: #000000;

    font-weight: bold;

    text-decoration: none;

}

.menuLink

{

    font-family: Arial;

    font-size: 10pt;

    padding-bottom: 3px;

    color: #00477C;

}

.menuLink a:link, .menuLink a:visited

{

    text-decoration: underline;

}

.menuLink a:hover

{

    text-decoration: none;

}

.dropDownList

{

    font-family: Arial;

    font-size: 12px;

    color: #000000;

    width: 220px;

}

.dropDownList2

{

    font-family: Arial;

    font-size: 12px;

    color: #000000;

}

.buttonStyle, .radioCheckStyle

{

    font-family: Arial;

    font-size: 12px;

    color: #000000;

    padding: 0px;

    margin: 0px;

}

.controlContainer

{

    width: 330px;

    border-top: 1px dotted #bcbcbc;

    margin-top: 5px;

    padding-top: 5px;

}

.reportFilterLabel

{

    font-family: Arial;

    font-size: 12px;

    width: 100px;

    color: #00477C;

}

.FilterList

{

    padding: 10px 3px 10px 3px;

    color: black;

    background-image: url(options.png);

    background-color: #F1F1F1;

    font-family: verdana;

    font-size: 9pt;

    opacity: .95;

    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);

    background-position: fixed;

    overflow: auto;

}

.FilterList TABLE

{

    width: 282px;

}

.FilterList TD

{

    padding: 2px 5px 2px 5px; /*  border-bottom: solid 1px #4141ff; */

    text-align: left;

}

.FilterHighlight

{

    color: White;

    cursor: default;

    border: solid 1px black;

    background-color: #3C7FB1; /*font-size:small;*/

    font-weight: bold;

}



.form_table

{

    font-family: Arial;

    font-size: 8pt;

    background-color: #FFFFFF;

    color: #00477C;

    border: 1px solid #CAB89C;

}



.form_table th

{

    padding: 3px;

    border: 1px solid #cab89c;

    font-size: 8pt;

    white-space: nowrap;

}



.form_table a

{

    text-decoration: underline;

}



.form_table_header

{

    color: #000000;

    background-color: #D6E7F4;

}



.form_table_row

{

}



.form_table_row td

{

    padding: 4px 5px 4px 5px;

    border: 1px solid #CAB89C;

}



.cblist td

{

    width: 33%;

    vertical-align: top;

}



.errorText

{

    width: 300px;

    font-size: 11px;

    color: red;

    padding: 1px;

}



/*Modal Popup*/

.modalBackground

{

    background-color: Gray;

    filter: alpha(opacity=70);

    opacity: 0.7;

}



.modalPopup

{

    background-color: #ffffdd;

    border-width: 2px;

    border-style: solid;

    border-color: #666666;

    padding: 0px;

    width: 275px;

}



/*Popup Control*/

.popupControl

{

    background-color: White;

    position: absolute;

    visibility: hidden;

}



.HeaderSelection

{

    background-color: #990033;

    color: #ffcc00;

    border: #cccccc solid 1px;

    text-align: left;

}

.FooterSelection

{

    background-color: #eeeeee;

    color: #ffffff;

    border: #cccccc solid 1px;

    text-align: center;

}

.RowSelection

{

    border: #cccccc solid 1px;

}



/* Default Form Styles */

div.form_container

{

    width: 700px;

}



div.form_header

{

    margin-bottom: 15px;

}



div.form_validation

{

    margin: 5px;

    padding: 10px;

    background-color: #FFF;

    border: thick solid red;

    text-align: center;

    color: Red;

}



div.form_body

{

    margin-bottom: 15px;

}



div.form_footer

{

    clear: both;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    padding-bottom: 5px;

}



div.form_section

{

    padding: 0px 0px 15px 0px;

}



div.form_row

{

    clear: both;

    padding: 2px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

}



div.form_row span.column_one

{

    float: left;

    width: 240px;

    text-align: right;

    padding-right: 5px;

}



div.form_row span.column_two

{

    float: right;

    width: 420px;

    text-align: left;

}



/*AutoComplete flyout */



.autocomplete_completionListElement

{

    visibility: hidden;

    margin: 0px !important;

    background-color: #FFFFFF;

    color: windowtext;

    border: buttonshadow;

    border-width: 1px;

    border-style: solid;

    cursor: 'default';

    overflow: auto;

    height: 200px;

    text-align: left;

    list-style-type: none;

}



/* AutoComplete highlighted item */



.autocomplete_highlightedListItem

{

    background-color: #ffff99;

    color: black;

    padding: 1px;

}



/* AutoComplete item */



.autocomplete_listItem

{

    background-color: #FFFFFF;

    color: windowtext;

    padding: 1px;

}





#dhtmlpointer

{

    position: absolute;

    left: -300px;

    z-index: 101;

    visibility: hidden;

}

#humaloghelp

{

    position: absolute;

    float: right;

    right: 10px;

    font-size: small;

    font-weight: bold;

    text-align: right;

    padding: 10px;

}



#HINumber

{

    font-family: HelveticaNeue Roman;

    font-size: 6pt;

}



#dhtmltooltip

{

    position: absolute;

    left: -300px;

    width: 150px;

    border: 1px solid black;

    padding: 2px;

    background-color: lightyellow;

    visibility: hidden;

    z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/

    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

}



.LanguageLink

{

    font-size: small;

    font-weight: bold;

}

.hlink

{

    font-family: Arial;

    font-size: small;

    color: #766A62;

    text-decoration: none;

}



.hlinkunderline

{

    font-weight: bold;

    color: #850057;

    text-decoration: underline;

}

.hlinkunderlineplain

{

    color: #850057;

    text-decoration: underline;

}

.hlink1

{

    font-family: Arial;

    font-size: small;

    color: #766A62;

    text-decoration: none;

    border: solid 1px #766A62;

}

.hlinkGrid

{

    font-size: small;

    color: #766A62;

    text-decoration: none;

}

.linkButtonType

{

    font-size: small;

    font-weight: bold;

    color: #766A62;

    text-decoration: none;

}

.hlinkfooter

{

    font-weight: bold;

    color: #850057;

    text-decoration: none;

}

.step1

{

    background-image: url(../images/leftnavstep1.jpg);

    width: 180px;

    color: White;

}

.step2

{

    background-image: url(../images/leftnavstep2.jpg);

    width: 180px;

    height: 160px;

    font-size: 12px;

}

.step3

{

    background-image: url(../images/leftnavstep3.jpg);

    width: 180px;

    height: 145px;

    font-size: 12px;

}

.step4

{

    background-image: url(../images/leftnavstep4.jpg);

    font-size: 12px;

    height: 148px;

}

.bodyText

{

    color: #766A62;

    text-align: left;

}

.bodyText1

{

    color: #766A62;

    text-align: justify;

    margin-left: inherit;

    font-size: 14px;

}

.bodyTextBold

{

    color: #766A62;

    text-align: justify;

    font-weight: bold;

}

.bodyTextBoldLarge

{

    color: #766A62;

    text-align: justify;

    font-weight: bold;

    font-size: 16px;

}

.bodyTextSmall

{

    font-size: 11px;

    text-align: left;

    font-family: Arial;

}

.bodyHeader1

{

    font-size: 13px;

}

.bodyHeader2

{

    font-family: Arial;

    font-size: 12px;

    color: #766A62;

}

.bodyHeader

{

    font-size: 14px;

    color: #850057;

}

.disclaimer

{

    font-family: Arial;

    font-size: 9pt;

    font-style: normal;

    margin: 0px;

}

p

{

    text-align: left;

}



.tableborder

{

    border-color: #766A62;

    border-bottom-width: thin;

}

.headermain

{

    color: #850057;

    font-size: 24px;

}

.headerText

{

    color: #850057;

    font-weight: bold;

    font-size: 13px;

}

.subheaderText

{

    color: #850057;

    font-weight: bold;

}



.popupheadermain

{

    color: #850057;

    font-size: 18px;

}

.nowrap1

{

    white-space: nowrap;

    width: 100%;

}

.tblBorder

{

    border-style: inherit;

    border-width: thin;

}

.ulpadding

{

    padding-left: 14px;

}

.lipadding

{

    padding-left: 0px;

}

.tdwithborder

{

    border-style: solid;

    border-width: thin;

}

ul.noleftpadding

{

    margin-left: 1em;

    margin-top: 0em;

    padding-left: 0.2em;

    padding-top: 0em;

    margin-bottom: 1em;

    text-align: left;

}

.linespacing

{

    line-height: 22px;

}

.cssPurple

{

    color: #850057;

}



#ContinueButton

{

    

    width: 79px;

    height:24px;

    float:left;

    padding: 0 10px 0 0;

}



#ContinueButton a

{

    background-image: url('../images/btn_continue.gif');

    background-repeat: no-repeat;

    background-position: 0px 0px;

    display: block;

    width: 79px;

    height:24px;

}



#ContinueButton a:hover

{

    background-image: url('../images/btn_continue.gif');

    background-repeat: no-repeat;

    background-position: 0px -24px;

    display: block;

    width: 79px;

    height: 24px;

}



#ReturnButton

{

    

    width: 80px;

    height:24px;

    float:left;

    padding: 0 10px 0 0;

}



#ReturnButton a

{

    background-image: url('../images/btn_return.gif');

    background-repeat: no-repeat;

    background-position: 0px 0px;

    display: block;

    width: 80px;

    height:24px;

}



#ReturnButton a:hover

{

    background-image: url('../images/btn_return.gif');

    background-repeat: no-repeat;

    background-position: 0px -24px;

    display: block;

    width: 80px;

    height: 24px;

}