/* GLOBAL STYLES */

/*
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	vertical-align: baseline; }
*/

html, body
{
    margin: 0px;
}
    

body {
	background: #ffffff;
	color: #000000;
	/* Base font size is approximately 12px, with 18px leading */
	font: 75%/1.5 Arial, Helvetica, sans-serif; }

img, object, embed, form, fieldset { display: block; border: 0; }
p img { display: inline; }

ol, ul { list-style: none; }

p, li, input, select { font-size: 1em; }
textarea { font: inherit; }

sup 
{ 
    font-size: 0.85em; 
    vertical-align: text-top;
}

a:link, a:active, a:visited 
{ 
    color: #407da9; 
}

a:hover
{
    text-decoration: none;
}




/* GLOBAL CLASSES */

span.phrase { white-space: nowrap !important; }
span.vital { text-transform: uppercase; }



/* GLOBAL BLOCKS: header, footer, etc */

div#vivaglobin {
	 
	overflow: hidden;
	width: 790px;
	margin: 0px auto;
	padding: 0px;
	background: #ffffff url(images/bg/borders.gif) center top repeat-y; 
    
}

div#header,
div#main,
div#footer,
div#isi {
	overflow: hidden;
	position: relative;
	width: 790px;
	background-color: #ffffff;
	background-position: center top;
	background-repeat: no-repeat; }

div#mainTraining
{
     
	padding: 0px;
    margin: 0px;
	
     
	position: relative;
	width: 790px;
	vertical-align: top;
 
	 
	 
}
div#mainTraining div#content
{
    margin-left: 35px;
    margin-right: auto;   
}

div#mainTraining #callouts
{
    display: none;    
}

#flashcontainer
{
    
    margin: 0px;
    padding: 0px;   
    
    vertical-align: top;
    float: left;
    
    
}

	/* header */
div#header {
	width: 750px;
	padding: 20px;
	background-image: url(images/bg/header.gif); }
.logoFloatLeft { float: left; }


div#header ul 
{ 
    float: right; 
    margin: 0px;
    vertical-align: top;
    height: 31px;
    width:  430px;    
    text-align: right;
}


div#header ul li {
	display: inline;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	margin: 0px;
    height: 32px;
    vertical-align: middle;
	 }
	
	
div#header a:link, div#header a:visited, div#header a:active  
{
    text-decoration: none; 
}
div#header a:hover
{
    text-decoration: underline;
}

#header li
{
    /*background:transparent url(images/bullet/bg_top_separator.gif) no-repeat scroll;*/
    border-right-color:#407DA9;
    border-right-style:solid;
    border-right-width:1px;
    
    
}

#header .nopipe
{
    background: none;
    border: 0px;
}


div#header ul li.contact {
	border-width: 0 1px;
	border-style: solid;
	border-color: #407da9; }
div#header ul li.login input {
	vertical-align: middle; }

div#header ul li img
{
    display: inline-block;
}

 
div#main {
	width: 700px;
	padding: 35px 40px 5px 50px;
	background-color: transparent;
	background-image: url(images/bg/main.gif); }



	/* footer */
div#footer {
	width: 760px;
	padding: 50px 15px 15px 15px;
	background-image: url(images/bg/footer.gif); }
 
div#footer p img#csl-behring {
	display: inline; }
	
div#footer p, div#footer ul 
{
	text-align: right;
	margin: 0px;
	
	}

#footer ul li 
{
	display: inline;
	padding: 0px 0.5em;
	 
	 
	border-right: solid 1px #407DA9;
	 
	
}

#footer .nopipe
{
    border: none;
    background: none;
    padding-right: 0px;
}

div#footer ul li.product, div#footer ul li.privacy { border: none; }



	/* isi */
div#isi {
	width: 760px;
	padding: 15px;
	background: #ffffff; }
div#isi h1 
{ 
    font-size: 1em; 
    font-weight: bold;
    
    }

div#isi h1, div#isi p 
{
	margin-bottom: 1.5em; 
	color: #000;
	border: 0px;
	
	
	
	}
	
	
	
	
#divVital
{
    float: right;
    vertical-align: bottom;
    padding-right: 15px;
}	
	
	
	
	/* Content */

#content 
{
    min-height: 300px; 
}

h1 
{
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #407da9;
	color: #9c0058;
	font: normal 1.75em/1 Frutiger, Arial, sans-serif; 
	margin-top: 0px;
    width: 450px;	
}
 
#content p  
{
    
    margin-bottom: 1.5em; 
}
div#main div#content p.legal { text-transform: uppercase; }



div#main div#content ol {
	list-style: decimal;
	margin: 0 0 1.5em 3em; }
div#main div#content ol li { margin-bottom: 1.5em; }

body.references div#main div#content ol {
	list-style: none;
	margin-left: 0; }
body.references div#main div#content ol li a span { display: inline-block; }



#content ul 
{
	list-style: disc;
	margin: 0 0 1.5em 0; 
    padding: 0px;
}


#content ul.subVal
{
    list-style-type: square;
    padding-left: 15px;
    
}

fieldset
{
    padding: 0px;
    margin: 0px;
    width: 450px;
}

.btnSubmit
{
    float: right;
    margin-right: 10px;
}

.btnLogin
{
    vertical-align: top;
}

.btnContinue
{
    margin-left: auto;
    margin-right: auto;    
}
 

.textbox, .dropdownlist
{
    width: 250px;
    border: solid 1px #6E3356;
}

.focus
{
   width: 250px;
   border: solid 1px #6E3356;
   background: #dbcbd5;
}

.radioList label
{
    width: auto;
}



div#main div#content ul.steps li { margin-bottom: 1.5em; }
div#main div#content ul.steps li strong { display: block; }

div#main div#content ul.buttons {
	list-style: none;
	overflow: hidden;
	 
	margin-left: 0; }
div#main div#content ul.buttons li {
	display: inline;
	float: left;
	width: 160px;
	margin-right: 25px;
	padding: 8px 0 0 0;
	background: url(images/button/button.gif) center top no-repeat;
	text-align: center; }
div#main div#content ul.buttons li a {
	display: block;
	padding: 0 0 8px 0;
	background: url(images/button/button.gif) center bottom no-repeat;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none; }

div#main div#content ul.buttons.question 
{ 
    border-bottom: 1px dashed #407da9; 
    width: 425px;    
    margin-top: 25px;
}

#divResponse
{
    width: 425px;
    margin-bottom: 35px;   
}


div#main div#content ul.buttons.question li.save { float: right; margin-right: 0; }

div#main div#content ul.buttons.exam { width: 170px; margin-left: 255px; }
div#main div#content ul.buttons.exam li {
	width: 75px;
	margin-left: 10px;
	margin-right: 0; }
div#main div#content ul.buttons.exam li, div#main div#content ul.buttons.exam li a {
	background-image: url(images/button/button-sm.gif); }



div#main div#content dl { margin-bottom: 1.5em; }

div#main div#content dl.steps dt {
	float: left;
	margin-right: 0.5em;
	font-weight: bold;
	text-transform: uppercase; }
div#main div#content dl.steps dt strong { text-transform: capitalize; }
div#main div#content dl.steps dd { margin-bottom: 1.5em; }
div#main div#content dl.steps dd strong { display: block; margin-top: 1.5em; }



/* Page Specific content styles */

body.privacy div#main div#content strong { font-style: italic; }
body.terms div#main div#content em { font-weight: bold; font-style: normal; text-transform: uppercase; }



/* Callouts */

#callouts 
{
	float: right;
	width: 230px;
	padding-top: 85px; 
    margin: 0px 0px 25px 15px;
	height: 200px; 
	overflow: visible;
}

html>body #callouts
{
    height: auto;
    min-height: 200px;
}

div#main div#callouts div {
	width: 200px;
	margin-bottom: 1.5em;
	padding: 15px;
	padding-top: 5px;
	background: url(images/bg/callout.gif) left bottom no-repeat; }
div#main div#callouts div.callout {
	width: 230px;
	padding: 10px 0 0 0;
	background-position: -230px top; }

#callouts h2 
{
	color: #9c0058;
	font-size: 1.2em;
	 
    margin: 0px;	
}

#callouts p
{
    margin: 0px;
}

h2
{
    font-size:1.1em;
}


div#main div#callouts ul {
	list-style: url(images/bullet/arrow-callout.gif);
	margin-left: 1em; }
div#main div#callouts ul li { margin-bottom: 0.5em; }
div#main div#callouts ul li.vivaglobin { list-style-image: url(images/bullet/window.gif); }



/* callout specific */

div#main div#callouts div.purchase h2, div#main div#callouts div.purchase p {
	margin-left: 60px; }
div#main div#callouts div.purchase img { float: left; }


#divLoginSubmit
{
    position: relative;
    left: 295px;
}

 
 
#examReview 
{
    margin: 0px;
    border: solid 1px #F2E0EB;
    width: 425px;
    list-style-type: none;
}

#examReview td
{
    padding: 3px;
}
 
#examReview .header
{
    padding: 4px;
    background-color: #9C0058;
    color: White;
    padding-bottom: 8px;
}

#examReview .alternating
{
    padding: 4px;
    background-color: #fff2fa;    
}
 
#content #ulTable
{
    margin: 0px;
    border: solid 1px #C6D7ED;
    width: 425px;
    list-style-type: none;
}

#ulTable li
{
    padding: 4px;
    background-color: #FFFFFF;
    
}

#ulTable li.alternating
{
    padding: 4px;
    background-color: #E9F0F8;    
    
}

#ulTable li.header
{
    padding: 4px;
    background-color: #6e99d4;
    color: White;
    padding-bottom: 8px;
}

#ulTable li a
{
    margin-right: 90px;
    width: 150px;
}

#examReview .answeredLabel
{
    
    color: #00693e;   
    margin-right: 5px;
    
}

#examReview .savedLabel
{
    color: #1a2791;   
}



/* Exam questions */

div#main div#content ol.exam, .exam
{
    margin: 0px;
    padding: 0px;
    
}

.ExamCheckbox
{
    margin-top: 5px;
    width: 100%;
     
}

.liExamCheckbox
{
    list-style-type:upper-alpha;
}

.liExamRadioButton
{
    list-style-type: none;
}

.liExamOrderedList
{
    list-style-type: none;
}

.liExamOrderedList input
{
    width: 25px;
    margin: 2px 10px 10px 0px;
    float: left;
}

.liExamOrderedList span
{
    
    
      
}


.fsUserInfo
{
    margin-bottom: 20px;
    border: solid 1px #BDD2E1;
        
    
}

.fsUserInfo legend
{
    margin: 5px;
    
}




.divSuccessMessage
{
    width: 90%;
    text-align: center;
    border: solid 1px #274e37;
    color: #274e37;
    background-color: #abdfbf;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
        
}


.divCancelButton
{
    float: left;    
    margin-left: 45px;
}

.divSaveButton
{
    float: right;
    margin-right: 45px;
}


.icon
{
    float: left;
    margin-bottom: 10px;
}



#content ul.ref_list {
    margin: 0 0 0 15px;
    padding:0;
}

ul.ref_list li {
color:#9C0058;
margin-bottom:1.5em;
}

span.ref_bullet {
color:#000000;
}



#examActions
{
    border-bottom:1px dashed #407DA9;    
    padding-bottom: 10px;
    padding-top: 20px;
    width: 440px;
     
}
 

#examNavigation
{
    width: 445px;
    text-align: right;
    margin-top: 20px;
    text-align: right;
    vertical-align: bottom;
}
ul#examNavigation li
{
    text-align: right;
    float: right; 
    list-style-type: none;
    margin-left: 15px;
    margin-right: 0px;
}

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;
}


body.homepage div#main p.button a:hover
{
    text-decoration: underline;
}

.eNews
{
    display: block;
}
.eNews input
{
    display: inline;
}

.eNews label
{
    width: 450px;
    text-align: left;
    display: inline;
    font-weight: normal;
}


.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;

}
