html { 
height : 100%; 
} 
body { 
height : 100%; 
margin : 0; 
padding : 0; 
text-align : center; 
font : 400 0.8em verdana, arial, sans-serif; 
line-height : 170%; 
background : #666 url(../images/bg/header.gif) repeat-x top left; 
color : #eee; 
} 
h1 { 
clear : both; 
font : 700 2.5em "trebuchet ms", serif; 
color : #fff; 
} 
h2, .wizardTitle { 
font : 400 1.5em "trebuchet ms", serif; 
color : #f8d766; 
} 
h2 a { 
color : #f00; 
} 
h2 a:hover { 
color : #fff; 
} 
h3 { 
font : 400 1.3em "trebuchet ms", serif; 
color : #fc0; 
} 
h4 { 
font : 700 1.2em "trebuchet ms", serif; 
color : #f39f01; 
} 
h5 { 
font : 700 1.1em "trebuchet ms", serif; 
color : #f17400; 
} 
h6 { 
font : 700 1em "trebuchet ms", serif; 
color : #ff4b33; 
} 
h1, h2, h3, h4, h5, h6, p, dl { 
margin : 0; 
padding : 10px 15px; 
} 
.leftColumn h1, .leftColumn h2, .leftColumn h3, .leftColumn h4, .leftColumn h5, .leftColumn h6, .leftColumn p, .leftColumn dl { 
padding-left : 0; 
} 
.leftColumn h2 { 
padding-top : 40px; 
} 
a { 
color : #f00; 
} 
a:hover { 
color : #fff; 
} 
b { 
color : #fff; 
} 
ol, ul { 
margin : 10px 30px; 
padding : 0 30px; 
} 
ol { 
color : #fc0; 
} 
ol span { 
color : #eee; 
} 
ul { 
list-style-image : url(../images/bg/bullet.gif); 
} 
del { 
color : #aaa; 
} 
code { 
margin : 10px 15px; 
padding : 10px; 
display : block; 
overflow : auto; 
font : 400 1em courier, monospace; 
line-height : 120%; 
white-space : pre; 
background : #444; 
} 
.leftColumn code { 
margin-left : 0; 
} 
acronym { 
cursor : help; 
border-bottom : 1px solid #777; 
} 
acronym a, acronym a:hover { 
cursor : help; 
text-decoration : none; 
color : #f8d766; 
} 
dt { 
font-weight : bold; 
color : #ffb323; 
} 
dd { 
margin-left : 0; 
padding-left : 45px; 
} 
.storycover .subtitle { 
color : white; 
} 
.caption { 
font : 700 1.1em "trebuchet ms", serif; 
letter-spacing : 0.05em; 
color : white; 
background-color : #cc0033; 
} 
.captionS { 
font : 600 0.8em "trebuchet ms", serif; 
letter-spacing : 0.05em; 
} 
label { 
display : block; 
} 
input, textarea, select { 
padding : 2px; 
font : 400 1em verdana, sans-serif; 
color : #444; 
background : #eee; 
border : 1px solid #444; 
} 
input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover { 
color : #000; 
background : #fffcb7; 
border : 1px solid #fc0; 
} 
input.button { 
padding : 2px 5px; 
font : 400 1.1em "trebuchet ms", serif; 
color : #555; 
background : #fffcb7; 
border-width : 1px; 
border-style : solid; 
border-color : #fff #fc0 #fc0 #fff; 
} 
blockquote { 
margin : 10px 15px; 
padding-left : 27px; 
background-color : #444; 
background-image : url(../images/icons/quote.gif); 
background-repeat : no-repeat; 
background-position : 5px 50%; 
} 
blockquote.exclamation { 
background-image : url(../images/icons/exclamation.gif); 
} 
blockquote.stop { 
background-image : url(../images/icons/stop.gif); 
} 
blockquote.go { 
background-image : url(../images/icons/go.gif); 
} 
img.floatRight { 
margin : 5px 0 10px 15px; 
} 
img.floatLeft { 
margin : 5px 15px 10px 0; 
} 
a img { 
border : 2px solid #f00; 
} 
a:hover img { 
border : 2px solid #fff !important ; 
border : 2px solid #fffcb7; 
} 
#header a, #header a img, #header a:hover img { 
border : 0 solid #fff !important ; 
border : 0 solid #fff; 
} 
img.codeImage { 
border : 1px solid #444; 
background-color : #eee; 
} 
.wizardControl { 
margin : 10px 15px; 
} 
.horizontalRadioButtonList { 
padding-left : 15px; 
} 
.horizontalRadioButtonList label { 
display : inline; 
} 
.userLogout { 
font-size : 0.8em; 
margin-top : -1.2em; 
padding-top : 0; 
} 
p.userLogout > a:first-child { 
text-decoration : none; 
} 
.errorPanel { 
padding : 3em; 
} 
.helpPanel { 
margin : 5% 12.5%; 
}