/* =========================================================
import_headFootPopup.css for popups in AOSurgery2008-P6

Version: 2008-09-02 (rbu*)
Update: 2009-12-16 msc

Sets styles for header and footer area.
Width instructions in this CSS are for 600 pixel wide popups!!!
========================================================= */
#header {
/* position: relative; */
margin: 0 0 10px 0;
border-bottom: 1px solid #074377;
}

#headerLyteframe {
margin: 0 0 10px 0;
}

/* #header  */
p#identInfo {
font: normal bold 12px/16px Verdana, Arial, Helvetica, non-serif;
color: #98a1bf;
}

#creditBox {
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}

#creditBox a img {
margin-left: -15px;
}

#seoAOSurgery {
position: relative;
width: 960px;
margin: 0 0 0 20px;
}

#seoLogo {
position: absolute;
top: 10px;
}

#seoSurgeryImage {
position: absolute;
top: 10px;
left: 778px;
}

#seoContent {
position: absolute;
top: 90px;
width: 960px;
}
 
#header h1,
#headerLyteframe h1 {
margin: 0 0 5px 0;
padding: 3px 0 4px 0;
font: normal bold 16px/18px Verdana, Arial, Helvetica, non-serif;
color: #074377;
}

#header h1 span.elaboration, 
#headerLyteframe h1 span.elaboration {
color: #6b7aa3;
}

#header h2, 
#headerLyteframe h2 {
padding: 0;
font: normal normal 13px/16px Verdana, Arial, Helvetica, non-serif;
color: #074377;
}

/* h2 with number in redfix
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#header h2.numberBox {
float: left;
margin: 10px 10px -3px 0;
padding: 0 0 0 0;
width: 40px;
height: 45px;
}

/* ID call for background number */
#header h2#n01 {
background: transparent url(numbers/SR_number_1.gif) top left no-repeat;
}
#header h2#n02 {
background: transparent url(numbers/SR_number_2.gif) top left no-repeat;
}
#header h2#n03 {
background: transparent url(numbers/SR_number_3.gif) top left no-repeat;
}
#header h2#n04 {
background: transparent url(numbers/SR_number_4.gif) top left no-repeat;
}
#header h2#n05 {
background: transparent url(numbers/SR_number_5.gif) top left no-repeat;
}
#header h2#n06 {
background: transparent url(numbers/SR_number_6.gif) top left no-repeat;
}
#header h2#n07 {
background: transparent url(numbers/SR_number_7.gif) top left no-repeat;
}
#header h2#n08 {
background: transparent url(numbers/SR_number_8.gif) top left no-repeat;
}
#header h2#n09 {
background: transparent url(numbers/SR_number_9.gif) top left no-repeat;
}
#header h2#n10 {
background: transparent url(numbers/SR_number_10.gif) top left no-repeat;
}
#header h2#n11 {
background: transparent url(numbers/SR_number_11.gif) top left no-repeat;
}
#header h2#n12 {
background: transparent url(numbers/SR_number_12.gif) top left no-repeat;
}
#header h2#n13 {
background: transparent url(numbers/SR_number_13.gif) top left no-repeat;
}
#header h2#n14 {
background: transparent url(numbers/SR_number_14.gif) top left no-repeat;
}
#header h2#n15 {
background: transparent url(numbers/SR_number_15.gif) top left no-repeat;
}
#header h2#n16 {
background: transparent url(numbers/SR_number_16.gif) top left no-repeat;
}
#header h2#n17 {
background: transparent url(numbers/SR_number_17.gif) top left no-repeat;
}
#header h2#n18 {
background: transparent url(numbers/SR_number_18.gif) top left no-repeat;
}
#header h2#n19 {
background: transparent url(numbers/SR_number_19.gif) top left no-repeat;
}

p.processStep {
padding: 8px 0 0 0;
line-height: 100%;
color: #074377;
}

table.buttonRow {
display: block;
float: right;
margin: 0 0 5px 0;
/* 2009-12-16 rem. by msc: padding: 0 0 5px 0; */
height: 20px;
}

#footer table.buttonRow {
margin-top: -5px;
}

table.buttonRow td {
padding: 0 0 0 15px;
}

#header #creditBox,
#header p#identInfo,
#header h1,
#headerLyteframe h1 {
border-bottom: 1px solid #074377;
}

/* Button "print"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
table.buttonRow a.btnPrint,
table.buttonRow a.btnPrint:link {
display: block;
width: 55px;
height: 20px;
background: transparent url(icons/SRiconset.gif) right -360px no-repeat;
}

table.buttonRow a.btnPrint:hover,
table.buttonRow a.btnPrint:focus,
table.buttonRow a.btnPrint:active {
background: transparent url(icons/SRiconset.gif) right -380px no-repeat;
}

/* Button "Back to overview" and corresponding attributes for "select and proceed"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
table.buttonRow a.btnBtO,
table.buttonRow a.btnBtO:link {
display: block;
width: 117px;
height: 20px;
background: transparent url(icons/SRiconset.gif) right -600px no-repeat;
}

table.buttonRow a.btnBtO:hover,
table.buttonRow a.btnBtO:focus,
table.buttonRow a.btnBtO:active {
background: transparent url(icons/SRiconset.gif) right -620px no-repeat;
}
 
/* Button "previous step"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
table.buttonRow a.btnPrevStep, 
table.buttonRow a.btnPrevStep:link {
display: block;
width: 98px;
height: 20px;
background: transparent url(icons/SRiconset.gif) right -560px no-repeat;
}

table.buttonRow a.btnPrevStep:hover,
table.buttonRow a.btnPrevStep:focus,
table.buttonRow a.btnPrevStep:active {
background: transparent url(icons/SRiconset.gif) right -580px no-repeat;
}

/* Button "next step"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
table.buttonRow a.btnNextStep, 
table.buttonRow a.btnNextStep:link {
display: block;
width: 77px;
height: 20px;
background: transparent url(icons/SRiconset.gif) right -680px no-repeat;
}

table.buttonRow a.btnNextStep:hover,
table.buttonRow a.btnNextStep:focus,
table.buttonRow a.btnNextStep:active {
background: transparent url(icons/SRiconset.gif) right -700px no-repeat;
}

/* Button "back"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
table.buttonRow a.btnBack, 
table.buttonRow a.btnBack:link {
display: block;
width: 70px;
height: 20px;
background: transparent url(icons/SRiconset.gif) right -480px no-repeat;
}

table.buttonRow a.btnBack:hover,
table.buttonRow a.btnBack:focus,
table.buttonRow a.btnBack:active {
background: transparent url(icons/SRiconset.gif) right -500px no-repeat;
}

/* Button "back to results" 
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
table.buttonRow a.btnBtResults, 
table.buttonRow a.btnBtResults:link {
display: block;
width: 107px;
height: 20px;
background: transparent url(icons/SRiconset.gif) right -520px no-repeat;
}

table.buttonRow a.btnBtResults:hover,
table.buttonRow a.btnBtResults:focus,
table.buttonRow a.btnBtResults:active {
background: transparent url(icons/SRiconset.gif) right -540px no-repeat;
}

/* Button "back to traumaline main page" 
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
table.buttonRow a.btnBtTline, 
table.buttonRow a.btnBtTline:link {
display: block;
width: 185px;
height: 20px;
background: transparent url(icons/SRiconset.gif) right -640px no-repeat;
}

table.buttonRow a.btnBtTline:hover,
table.buttonRow a.btnBtTline:focus,
table.buttonRow a.btnBtTline:active {
background: transparent url(icons/SRiconset.gif) right -660px no-repeat;
}

/* Button "new search"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
table.buttonRow a.btnNewSearch, 
table.buttonRow a.btnNewSearch:link {
display: block;
width: 90px;
height: 20px;
background: transparent url(icons/SRiconset.gif) right -440px no-repeat;
}

table.buttonRow a.btnNewSearch:hover,
table.buttonRow a.btnNewSearch:focus,
table.buttonRow a.btnNewSearch:active {
background: transparent url(icons/SRiconset.gif) right -460px no-repeat;
}

/* Button "close window"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
table.buttonRow a.btnCloseWin, 
table.buttonRow a.btnCloseWin:link {
display: block;
width: 102px;
height: 20px;
background: transparent url(icons/SRiconset.gif) right -760px no-repeat;
}

table.buttonRow a.btnCloseWin:hover,
table.buttonRow a.btnCloseWin:focus,
table.buttonRow a.btnCloseWin:active {
background: transparent url(icons/SRiconset.gif) right -780px no-repeat;
}

/* Button "close window"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
table.buttonRow a.btnClose, 
table.buttonRow a.btnClose:link {
display: block;
width: 55px;
height: 20px;
background: transparent url(icons/SRiconset.gif) right -1180px no-repeat;
}

table.buttonRow a.btnClose:hover,
table.buttonRow a.btnClose:focus,
table.buttonRow a.btnClose:active {
background: transparent url(icons/SRiconset.gif) right -1200px no-repeat;
}


/* =========================================================
Footer area
========================================================= */

#footer {
border-bottom: 1px solid #074377;
}