﻿* { padding:0; margin:0; border:0; }

body  
{
    font-family:Arial, sans-serif;
    font-size:12px; 
    color:#5a5a5a;
    background-image:url('/App_Themes/default/images/bodyGradient.jpg');
    background-repeat:repeat-x;
}

h1, h2, h3, h4, h5, h6, p { padding-bottom:20px; font-weight:normal; }

h1, h2, h5 { color: #780032; }

h1 
{ 
    font-size:32px; 
    font-family:"HelveticaNeueLT Com 45 Lt", "Helvetica LT Std Light", 
                "HelveticaNeue-Light", "Helvetica Neue Light", Arial, sans-serif;
    font-weight:300;
    line-height:100%;
}

h2 { font-size:22px; }
h3 { font-size:20px; line-height:23px; }
h4 { font-size:12px; }
h5 { font-size:14px; }
h6 { font-size:12px; font-weight:bold; }

.b { font-weight:bold; }
.right { padding-left:160px; }
.nowrap { white-space:nowrap; }
.pad { padding-left:15px; }
.list { padding-bottom:5px; }

a.button  
{
    background-image:url(/App_Themes/default/images/btn.gif);
    background-repeat:no-repeat;
    padding-left:25px;
    padding-bottom:2px;
    display:inline-block;
}

sup { vertical-align:text-top; font-weight:bold; }

ul { list-style-type:none; }

ul.menu, .valsum ul { padding:0 0 20px 0; }
.valsum ul { color:#780032; padding-top:10px; }

ul.menu li { background-image:url(/App_Themes/default/images/imgBullet.gif); }
.valsum li { background-image:url(/App_Themes/default/images/imgBulletRed.gif); }

ul.menu li, .valsum li
{
    background-repeat:no-repeat;
    background-position:left;
    padding:0 0 1px 20px; 
}

div.valsum { padding:5px 0 0 30px; }
.valcap { line-height:30px; }

ul.form { padding-left:15px; }
ul.form li { padding:5px 0; }

a { text-decoration:underline; font-weight:normal; color:#780032; }
a:hover { text-decoration:none; }

a.pdf
{
    background-image:url(/App_Themes/default/images/btnPDF.gif);
    background-repeat:no-repeat;
    padding-left:16px;
}

#header
{
    background-image:url(/App_Themes/default/images/pageShadow.gif);
    height:110px;
    width:870px;
    margin:0 auto;
    position:relative;
    color:#687690;
}

#header img.logo { float:left; margin-left:20px; }

#header a { text-decoration:none; }

#header #topnav, #btn { position:absolute; right:41px; text-align:right; }

#header #topnav { font-size:11px; top:13px; width:600px;}
#header #btn { font-size:12px; bottom:6px; }

#header #topnav a { text-decoration:none; color:#687690; }
#header #topnav a:hover { text-decoration:underline; }

#header #btn a { padding:5px 0 2px 0; display:inline-block; }
#header #btn a.btn:hover { color:#687690; }

#header #btn #print, #header #btn #email
{
    background:no-repeat left bottom;
    padding-left:25px;
    margin-right:20px;
}

#header #btn #print { background-image:url(/App_Themes/default/images/btnPrint.jpg); }
#header #btn #email { background-image:url(/App_Themes/default/images/btnEmail.jpg); }

#header #btn a.resizetxt { color:#687690; font-weight:bold; }
#header #btn a.resizetxt:hover { color:#780032; }
#header #btn a.resizetxt.selected { color:#780032; }

#header #btn #cycle { margin-left:5px; }
#header #btn #normal { font-size:11px; }
#header #btn #large { font-size:14px; }
#header #btn #xlarge { font-size:16px; }


#header #switch a {font-size:11px; color:#687690;}
#header #switch a:hover { text-decoration:underline; }

#header #divHeaderSearch
{
    position:relative;
    float:left;
    display:block;
    height: 30px;
    left: 410px;
    top: 45px;
    width: 190px;
    overflow:hidden;
}

    

#shadow
{
    width:870px;
    margin:0 auto;
    background-image:url(/App_Themes/default/images/pageShadow.png);
    background-repeat:repeat-y;
}

#background
{
    width:830px;
    height: 540px;
    margin:0 auto;
    background-color:#fff;
    background-image:url(/App_Themes/default/images/mainBg.gif);
    background-repeat:no-repeat;
    border-top:10px solid #aebcd6;
}

#backgroundCookies
{
    width:830px;
    height: 400px;
    margin:0 auto;
    background-color:#fff;
    background-image:url(/App_Themes/default/images/pageGradientcookies.gif);
    background-repeat:no-repeat;
    border-top:10px solid #aebcd6;
}


#backgroundSHARE
{
    width:830px;
    margin:0 auto;
    background-color:#fff;
    background-image:url(images/pageGradient.gif);
    background-repeat:repeat-x;
    border-top:10px solid #aebcd6;
    
    height: 750px;
    
    background-image: url(images/bgShare.jpg);
    background-repeat: no-repeat;
    
    position: relative;
}

html>body #backgroundSHARE
{
    min-height: 750px;
    height: auto;
}

#background #sharelogo
{
    display: none;
}

#backgroundSHARE h1
{
    padding-left: 10px;
}


#content
{
    width:710px;
    margin:0 auto;
    padding:40px 0;
}

#footer
{
    color:#999999;
    font-size:11px;
    text-align:right;
    width:870px;
    margin:0 auto;
    background-image:url(/App_Themes/default/images/pageEnd.png);
    background-repeat:no-repeat;
    
}

#footer #offset { padding:40px 20px 0 0; }

#footer a { text-decoration:none; color:#687690; padding:0 5px; }
#footer a:hover { text-decoration:underline; }

#footer #nav { margin-top:10px; }
#footer #copy { margin:30px 5px 30px 0; }

#isi
{
    text-align:left;
    width:800px;
    margin:0 auto;
    color:#222;
}

#linkHizISI { padding:0; }
#linkVivISI { padding-top:5px; }

#vivaglobin-isi { border-top:1px solid #aebcd6; padding-top:20px; }
#pageISI #vivaglobin-isi { visibility:hidden; overflow:hidden; height:0; }

#formTop
{
    background-image:url(/App_Themes/default/images/formTop.png);
    text-align:center;
    width:660px;
    height:50px;
    line-height:50px;
    overflow:hidden;
}

#formBox span.label
{
    float:left;
    width:95%;
    margin-left:3px;
}

#formBox b.left
{ float:left; }

#contact #formTop p, #share #formTop h2, #training #formTop h2 { text-align:left; padding-left:25px; }
#contact #formBox { border:0; }

#formShadow
{
    width:660px;
    background-image:url(/App_Themes/default/images/formShadow.png);
    background-repeat:repeat-y;
}

#formBox
{
    padding-top:10px;
    border-top:1px solid #aebcd6;
    background:#fff url(/App_Themes/default/images/formGradient.gif) repeat-x bottom;
    width:636px;
    margin:0 16px 0 8px;
}

#share #formTop h2, #training #formTop h2 { display:inline; float:left; }
#share #formTop a { float:right; margin-right:40px; }
#training #formTop h4 { float:right; padding:2px 40px 0 0; }
#training a.button  
{
    background:transparent url(/App_Themes/default/images/btnArrow.gif) 0 5px no-repeat;
    text-decoration:none;
    padding-left:15px; 
    line-height:18px;
}
#training a.button:hover { color:#000; }

#formEnd
{
    clear:both;
    padding:40px 0 0 12px;
    width:660px;
    background-image:url(/App_Themes/default/images/formEnd.png);
    background-repeat:no-repeat;
}

#formCap
{
    padding-top:15px;
}

#contact #formTop b, #formBox b, #formEnd b
{
    color:#f00;
}

#formBox input, #formEnd input
{
    vertical-align:middle;
}

#formBox label, #formEnd label
{
    display:inline-block;
    vertical-align:middle;
}

#formBox label
{
    width:200px;
}

#formEnd label
{
    width:600px;
    padding:8px 0 8px 10px;
}

#formBox label.nr, #formBox label.top
{
    padding-left:8px;
    width:192px;
}

#formBox label.top
{
    vertical-align:top;
}

#formBox label.long
{
    width:auto;
}

#formBox .wrap
{
    display:block;
    padding-left:8px;
}

#formBox .empty
{
    margin-left:203px;
}

#formBox .rbl
{
    display:inline-block;
    width:398px;
    height:21px;
}

#formBox .rbl label
{
    width:auto;
    margin:0px 20px 0 5px;
    display:inline-block;
}

#share #formBox .rbl
{
    width:auto;
}

#formBox .txt, #formBox .ddl, #formCap .txt
{
    font-family:Arial, Helvetica, sans-serif;
    color:#780032;
    font-size:12px;
    vertical-align:middle;
    border:1px solid #687690;
}

#formBox .txt
{
    width:390px;
    padding:3px;
}

#formBox .ddl
{
    width:398px;
    padding:2px 2px 2px 0;
}

#formBox .txt:focus, #formBox .ddl:focus, #formCap .txt:focus
{
    background:#eaeff1;
    border-color:#780032;
}

#formBox li.message { padding:20px 60px 0 0; }

#formCap .txt
{
    width:194px;
    padding:3px;
    display:block;
    margin:0 auto;
    text-align:center;
    font-size:18px;
}

#formCap .border
{
    border:1px solid #687690;
    display:inline-block;
    width:200px;
    height:50px;
    margin-bottom:10px;
}

#formCap .center
{
    width:200px;
    text-align:center;
}

#formEnd .formbtn
{
    margin:15px 4px 15px 1px;
}

#contactInfo .col, .col3 { float:left; }
#contactInfo .col { margin:0 40px 20px 0; }
#contactInfo h6 { padding-bottom:5px; }
#contactInfo p { padding-bottom:10px; width:86%; }
#contactInfo ul { padding-bottom:10px; }
#contactInfo li.addr { padding-left:4.25em; }

#contact { clear:both; }


#home #top
{
    height:245px;
    float:right;
}

#home #main {
    width: 350px;
    margin: 20px 0 0 0;
    float: right;
    height:225px;
}

#home #cookies
{
    width: 350px;
    margin: 20px 0 0 20px;
    height:225px;
}


#home #shadow h1, #home #shadow p {
    color: #780032;
}

#home h1 {
    text-align: left;
    font-size:30px;
    padding-bottom:18px;
    padding-right:24px; 
}

#home h2 {
    font-size:24px;
    color:#fff;
    padding:0 0 10px 15px;
    line-height:50px;
}


#home ul li{background: transparent url(images/pbullet.gif) 0px 5px no-repeat;padding-bottom: 10px; padding-left:10px; font-size:13px; margin-left:10px;}


#home #main #subP { font-size:11px;color:#74829C;}

#home #main p { line-height:17px; }

#home #mainCallout 
{
    padding:10px 0 0 15px;
    float:left;
}

#home #mainCallout a
{
    position:absolute;
    right:20px;
    bottom:20px;
}

#home #mainCallout div
{
    position:relative;
    width:360px;
    height:245px;
    float:left;
    padding:0 15px 15px 15px;
}

#home #mainConsumer
{
    margin-right:15px;
 }

#home #footer {
    clear: both;
    padding-top:45px;
}

#home #footer #csl, #nav, #copy {padding-right:15px;}

.clear {
    clear: both;
}

.divRightImage
{
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}


/* share */

.fsUserInfo
{
    margin-bottom: 20px;
    border: solid 1px #BDD2E1;
        
    
}

.fsUserInfo legend
{
    margin: 5px;
    
}



div.thanks h1.long {width:12em;}
div.thanks p.wrap { width:22.73em; margin:0 auto; }


 


#backgroundSHARE #formTop
{
    background-image:url("images/formSHARETop.png");
    background-repeat: no-repeat;
    height: 12px;
}

#backgroundSHARE #formShadow
{
   
}

#backgroundSHARE #formShadow #formBox
{
    width: 576px;
    padding: 15px 30px 25px 30px;
    border: 0px;
    background:#fff url('images/formSHAREGradient.gif') center top no-repeat;
}

#backgroundSHARE #formShadow #formBox label
{
    
    padding-left: 5px;
}

#backgroundSHARE #formEnd
{
    background-image:url("/App_Themes/default/images/formSHAREEnd.png");
    background-repeat:no-repeat;
}

#backgroundSHARE #formBox input, #backgroundSHARE #formEnd input 
{
    vertical-align:top;
}

ul#examStart
{
    width: 450px;
    padding-top: 20px;
}

ul#examStart li
{
    display: inline;
    list-style-type: none;
    margin-left: 15px;
    margin-right: 15px;
    
}

.btnSavePlace
{
    float:right;
}

.ulTrainingList
{
    padding-bottom: 20px;
}

#backgroundSHARE #formShadow #formBox .ulTrainingList label
{
    width: 170px;
    color: #780032;
    font-weight: bold;   
    font-size: 1.3em;
    display: inline-block;    
    float: left;
    padding: 5px 0px; 
}

#sharelogo 
{
      
    padding-right: 0px;
    padding-bottom: 0px;
    position: absolute;
    bottom: 0;
    right: 0;
    
}

#backgroundSHARE #content
{
    padding-bottom: 100px;

}

/* share home page */

#share #top {
    width: 530px;
    background:#cfd4d5 url( /App_Themes/default/images/pageDesignShare.jpg) 0 0 no-repeat;
    margin: 0 20px;
    border-top: solid 10px #aebcd6;
    border-bottom: solid 10px #aebcd6;
    padding: 0 0 22px 300px;
}

#share #main {
    margin: 30px 0 0 0;
    float: left;
    clear: none;
}

#share #shadow h1, #share #shadow p {
    color: #780032;
}

#share h1 {
    width:15em;
    text-align: left;
    line-height:34px;
    padding-bottom:18px;
    padding-right:24px; 
}

#share #main .sharelogo {float:right;margin-right:70px; margin-top:30px;}

#share #main p { line-height:17px; width: 270px; float:left;}

#share #calloutX {
   background: #F00;
    width: 250px;
    height: 112px;
    float: right;
    margin-top:109px;
    
}

#share #callout h2 {
    /*background: transparent url(/App_Themes/default/images/calloutArrow.png) 20px 0 no-repeat;*/
    padding:0 0 5px 60px;
    font-size:20px;
    margin-top:20px;
    line-height:26px;
}

#share #callout h2 a {
    text-decoration: none;
}

#share #callout h2 a:hover {
    color: #9f496d;
}

#share #callout h4 { font-size:15px; width:150px; }
#share #callout h4 a { color:#74829c; text-decoration:none; }
#share #callout h4 a:hover { color:#aebcd6; }

#share #callout h4, #share #callout p {
    color: #74829c;
    margin-left:60px;
    padding:0 0 8px 0;
}

#share #callout p { width:150px; }
#share #callout b { font-size:11px; }
#share #callout p.small { font-size:11px; padding:0; }

#share #info {
color:#000000;
    clear: both;
    padding-top:5px;
    text-align: left;
}

#share #info #col1 {float:left;width: 255px;}
#share #info #col2 {float:left;width: 255px;}

#share #info li {list-style-type: disc; margin-right:5px; margin-left:15px;}

#share #info ul { color: #6e002c; }
#share #info li span { color: #000; }



#share #info a {

    font-weight: bold;
    text-decoration: none;
    background: transparent url(/App_Themes/default/images/btnArrowHome.gif) -5px -2px no-repeat;
    padding-left:20px;
    padding-bottom:5px;
    display:inline-block;
    font-size:14px;
    
}

#share #info a:hover { color:#000; }

#share a.pdf {
    background-position:right;
    padding:0 16px 0 0;
}

#share a.pdf span {
    visibility: hidden;
}

#share #bottom {
    clear: both;
    margin: 0 20px;
    padding-top: 18px;
}

#share #bottom p.small { font-size:11px; padding:0; }

#share #bottom .section  
{
    float:left;
    width:226px;
    padding:0 10px 0 40px;
}

#share #bottom .section.mid
{
    width:216px;
    padding:0 25px 0 35px;
    border-right: solid 1px #bac0cb;
    border-left: solid 1px #bac0cb;
}

#share #bottom .section  p
{
    color: #74829c;
    width:170px;
}
#share #bottom .section.mid p
{
    width:170px;
    color: #74829c;
}

#share #bottom .section h3 {
    color: #780032;
    padding-bottom: 10px;
    font-size:22px;
}

#share #bottom span {font-size:9px; padding:0; color:#000000; }



#share #footer {
    clear: both;
}

/* end share home page */




#backgroundSHARE #formBox .txt
{
    width: 350px;
    padding: 3px 0px;
    margin: 3px 0px;
}

#backgroundSHARE #formBox .ddl
{
    width: 350px;
    padding: 3px 0px;
    margin: 3px 0px;
}

#backgroundSHARE #formBox .radioList label
{
    width: 50px;
    margin: 3px 0px;
}

#backgroundSHARE #formBox .eNews
{
    display: block;
     margin: 10px 0px;
}
#backgroundSHARE #formBox .eNews input
{
    display: inline;
}

#backgroundSHARE #formBox .eNews label
{
    width: 450px;
    text-align: left;
    display: inline;
    font-weight: normal;
   
}

fieldset 
{
    margin:0px 0px 20px 0px;
    padding:0px;
    
}

legend 
{
    font-weight:bold;
    margin-bottom:1em;
}

.divFAQ
{

    margin-bottom: 20px;
}

.divFAQ div
{
    border-bottom: #9C0059 thin solid;
    }

.divFAQ ul, .divFAQ ul li
{
   padding-left: 30px;
   list-style-type: disc;
   display: block;

}

#formBox .divFAQ b
{
    color: #780032;
}

#formBox ol.longlist b { color: #5A5A5A;} 



#divHeaderSearch .txtSearch
{
    border-top: 2px solid #AEBCD6;
    border-left: 1px solid #AEBCD6;
    border-right: 0px;
    border-bottom: 1px solid #AEBCD6;
    height: 12px;
    margin: 0px;
    float: left;
    padding: 2px;
    color: #AEBCD6;
    font-size: 8pt;
    width: 150px;

}

#divHeaderSearch .btnSearch
{
    border-top: 2px solid #AEBCD6 !important;
    border-right: 1px solid #AEBCD6 !important;
    border-bottom: 1px solid #AEBCD6 !important;
    border-left: 0px !important;
    padding-top: 3px;
    float: left;
}

#hizentra-isi h1 {font-size: 12px; color: #222; margin: 10px 0; padding: 0; font-weight: bold;}
