/* Digital Editions CSS Document */
html {
overflow: -moz-scrollbars-vertical; /* Always show scrollbar */
}
/*------------------------------------------------
GLOBAL
------------------------------------------------*/
body { margin:0 auto; padding:0; color:#333333; font-family:"Arial", Helvetica, sans-serif; text-align:center /*center align layout*/}
h1 { color:#0066FF; font-size:20px; margin:0;}
p { color:#333333; font-size:14px; margin:0 0 5px 0;}
#wrapper { text-align:left }
.background_top { background: #013567 url(images/background_top.jpg) left top repeat-x; }
.background_header { background:url(images/background_header.jpg) left top no-repeat }
.background_header-newversion { background:url(images/background_header-newversion.jpg) left top no-repeat }
.background_middle { background:url(images/background_middle.jpg) left top repeat-y }
.background_bottom { background:url(images/background_bottom.jpg) left top no-repeat }
.caption {font-size:10px; }
/*------------------------------------------------
HEADER
------------------------------------------------*/
#headerWrapper { border:0px solid red; height:495px; width:auto; margin: 0px auto; }
/* Order Form Button */
#orderformWrapper { margin-left:568px; margin-top:282px; z-index:2; width:304px; height:65px; position:absolute; }
a#buttonOrderform { background:url(images/button_orderform.jpg) left top no-repeat; display:block; width:304px; height:65px; cursor:pointer}
a:hover#buttonOrderform { background-position:left -65px }
/* Free Access Button */
#freeaccessWrapper { margin-left:568px; margin-top:366px; z-index:2; width:304px; height:82px; position:absolute; }
a#buttonFreeAccess { background:url(images/button_freeacess.jpg) left top no-repeat; display:block; width:304px; height:82px; cursor:pointer}
a:hover#buttonFreeAccess {background-position:left -82px }
#freeaccessWrapper .note { text-align:center; font-size:10px; color:#339900; font-weight:bold; font-family:Tahoma, Arial, Helvetica, sans-serif}
/* Free Demo Button */
#freedemoWrapper { margin-left:568px; margin-top:366px; z-index:2; width:304px; height:82px; position:absolute; }
a#buttonFreeDemo { background:url(images/button_freedemo.jpg) left top no-repeat; display:block; width:304px; height:82px; cursor:pointer}
a:hover#buttonFreeDemo {background-position:left -82px }
/*------------------------------------------------
LOGIN
------------------------------------------------*/
#loginWrapper { border:0px solid yellow; width:317px; height:64px; float:right; padding:24px 8px 8px 8px}
#loginWrapper a { font-size:11px; color:#002040; text-decoration:none}
#loginWrapper a:hover { font-size:11px; color:white; text-decoration:underline}
label { font-weight:bold; font-size:13px; color:#002040; }
form { margin:0; padding:0 }
.textField { width:118px; height:22px; font-size:18px; margin-right:5px; color:#666666}
.buttonLogin { width:60px; line-height:22px; height:32px}
#msgBoxWrap { border:0px solid yellow; padding:0px; position:absolute; width:905px; font-size:1px; top:77px }
#msgBox { display:block; border:0px solid red; color:red; width:336px; background:url(images/msgBox-stem.gif) 283px top no-repeat; float:right; padding:0px; font-size:11px }
#msgBox #body { width:auto; background:#FFFFA0 url(images/iconAlert.jpg) 10px 10px no-repeat; padding:10px; margin-top:14px}
#msgBox #body .message { padding-left:57px; color:red; min-height:33px }
* html #msgBox #body .message { /* ie min-height hack*/
padding-left:57px; color:red; min-height:33px; height:auto !important; height:33px; }
#msgBox #close { width:auto; text-align:right; }
#msgBox #close a { color:red; text-decoration:underline }
#msgBox #close a:hover { color:#FFFFA0; background-color:red; text-decoration:none }
/*------------------------------------------------
BODY
------------------------------------------------*/
#content { padding:0 25px 0 25px}
#tabs { background:url(images/background_tabs.jpg) left top repeat-x; margin-left:5px; width:895px; line-height:normal; margin-bottom:25px; height:50px; }
#tabs ul { margin:0; padding:0 0 0 15px; list-style:none;}
#tabs li { display:inline; margin:0; padding:0; }
#tabs a { font-weight:bold; text-decoration:none; line-height:50px; cursor:pointer }
#tabs a span { float:left; display:block; font-size: 16px; color: #CCCCCC; padding:0 15px 0 15px }
#tabs a span { background:url(images/background_tabs-divider.jpg) no-repeat right top }
#tabs a:hover { color:white; text-decoration:underline }
#tabs a:hover span { color:white; text-decoration:underline }
#tabs a.selected { color:#215585; text-decoration:none; background-color:white }
#tabs a.selected span {color:#215585; text-decoration:none; background-color:white }
/*------------------------------------------------
FOOTER
------------------------------------------------*/
.footer {color:white; font-size:11px; margin:30px 0 15px 0; text-align:center}