﻿/* **** CSS RESET **** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/* **** END CSS RESET **** */


/* ****  IE6 PNG FIX **** */
img { _behavior: url(../App_Themes/CSS/iepngfix.htc); }
.ie6 { _behavior: url(../App_Themes/CSS/iepngfix.htc); }

/* **** CONTAINERS **** */
body { margin: 20px auto 0px auto; background-color: #ee0000; text-align: center; background-image: url('../Images/background.jpg'); background-repeat: repeat-x; font-family: Trebuchet MS; }
#wrap { width: 960px; margin: 0 auto; }
#header { }

#nav { width: 960px; text-align: left; }
#nav ul { width: 958px; border: 1px solid #666; background: #e8000 url('../Images/sprite_normal.jpg') top left repeat-x; height: 28px; }
#nav li { float: left; height: 28px; vertical-align: middle; }
#nav a:link { color: #fff; display: block; font-size: 14px; font-weight: bold; text-decoration: none; line-height: 28px; padding: 0px 20px 0px 20px; }
#nav a:active { color: #fff; display: block; font-size: 14px; font-weight: bold; text-decoration: none; line-height: 28px; background: url('../Images/sprite_red.jpg') top left repeat-x; padding: 0px 20px 0px 20px; }
#nav a:visited { color: #fff; display: block; font-size: 14px; font-weight: bold; text-decoration: none; line-height: 28px; padding: 0px 20px 0px 20px; }
#nav a:hover { color: #fafafa; display: block; font-size: 14px; font-weight: bold; text-decoration: none; line-height: 28px; background: url('../Images/sprite_hover.jpg') top left repeat-x; padding: 0px 20px 0px 20px; }
#nav a:visited:hover { color: #fafafa; display: block; font-size: 14px; font-weight: bold; text-decoration: none; line-height: 28px; background: url('../Images/sprite_hover.jpg') top left repeat-x; padding: 0px 20px 0px 20px; }

#blank { float: left; width: 960px; padding: 0px; margin: 0px; background: #fff url('../Images/bg_1column.jpg') repeat-x; }
#blank .OneColContent { text-align: left; padding: 30px; }
#column2content { width: 960px; background: #fff url('../Images/bg_2column.jpg') repeat-x; }
#main { float: left; padding: 30px 30px 30px 50px; width: 640px; text-align: left; position: relative; }
#sidebar { float: left; padding: 30px; width: 180px; text-align: left; }
#mainLeft { float: left; padding: 30px 30px 30px 30px; width: 640px; text-align: left; position: relative; }
#sidebarRight { float: left; padding: 30px; width: 200px; text-align: left; }

/* **** GENERAL **** */
p { color: #818181; font-size: 13px; line-height: 16px; padding: 0px 0px 8px 0px; }
h1 { color: #eb0000; font-size: 30px; padding: 0px 0px 5px 0px; }
h2 { color: #ee0000; font-size: 18px; padding: 0px 0px 5px 0px; }
h3 { color: #404040; font-size: 16px; padding: 0px 0px 5px 0px; }
blockquote { color: #000000; font-size: 13px; margin: 0px 0px 10px 0px; padding: 10px 20px; line-height: 18px; }
.clear { clear: both; }
.red { color: #eb0000; font-weight: bold; }

/* **** FOOTER **** */
#footer { float: left; width: 960px; }
#footer ul.footer_copy { width: 960px; background-image: url('../Images/bg_footer.jpg'); color: #000; background-repeat: repeat-x; height: 32px; vertical-align: middle; }
#footer ul.footer_copy li.left { height: 32px; color: #7b7b7b; font-size: 12px; font-weight: bold; float: left; width: 460px; text-align: left; padding: 0px 0px 0px 20px; line-height: 32px; }
#footer ul.footer_copy li.right { height: 32px; color: #7b7b7b; font-size: 12px; font-weight: bold; float: left; width: 460px; padding: 0px 20px 0px 0px; text-align: right; line-height: 32px; }
#footer a.graylink:link { color: #7b7b7b; font-size: 12px; text-decoration: none; padding: 0px 10px; }
#footer a.graylink:active { color: #7b7b7b; font-size: 12px; text-decoration: none; padding: 0px 10px; }
#footer a.graylink:visited { color: #7b7b7b; font-size: 12px; text-decoration: none; padding: 0px 10px; }
#footer a.graylink:hover { color: #fff; font-size: 12px; text-decoration: none; padding: 0px 10px; }
#footer a.graylink:visited:hover { color: #fff; font-size: 12px; text-decoration: none; padding: 0px 10px; }
#footer ul.footer_links { padding: 15px 0px 40px 0px; }
#footer ul.footer_links li { float: left; width: 960px; }
#footer a.whitelink:link { color: #fff; font-size: 12px; text-decoration: none; padding: 0px 10px; }
#footer a.whitelink:active { color: #fff; font-size: 12px; text-decoration: none; padding: 0px 10px; }
#footer a.whitelink:visited { color: #fff; font-size: 12px; text-decoration: none; padding: 0px 10px; }
#footer a.whitelink:hover { color: #fff; font-size: 12px; text-decoration: underline; padding: 0px 10px; }
#footer a.whitelink:visited:hover { color: #fff; font-size: 12px; text-decoration: underline; padding: 0px 10px; }

/* **** HOMEPAGE **** */
.home_bullet_img { width: 27px; padding: 0px 5px 10px 0px; }
.home_bullet_txt { color: #eb0000; font-weight: bold; font-size: 13px; }
.home_multi_container { padding: 20px 0px 0px 0px; }
ul.step { padding: 70px 0px 0px 90px; }
ul.step li.headline { float: left; width: 200px; margin-right: 10px; vertical-align: middle; height: 63px; text-align: right; }
ul.step li { float: left; width: 63px; margin: 0px 10px 30px 0px; }
ul.region { float: left; color: #ee0000; padding-right: 20px; list-style-type: circle; }
ul.region li { width: 190px; font-size: 12px; color: #ee0000; margin: 0px 0px 20px 0px; list-style-type: none; height: 25px; }
ul.region li span { float: left; height: 25px; width: 25px; background: url(../Images/bullet_yellow.gif) no-repeat; margin-right: 10px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; vertical-align: middle; line-height: 25px; }
ul.region li a:link { color: #d70000; font-size: 10px; text-decoration: none; vertical-align: middle; }
ul.region li a:active { color: #d70000; font-size: 10px; text-decoration: none; vertical-align: middle; }
ul.region li a:visited { color: #d70000; font-size: 10px; text-decoration: none; vertical-align: middle; }
ul.region li a:hover { color: #fcc129; font-size: 10px; text-decoration: none; vertical-align: middle; }
ul.region li a:visited:hover { color: #fcc129; font-size: 10px; text-decoration: none; vertical-align: middle; }

/* **** SIGN-UP **** */
ul.loginInfo { padding-left: 80px; width: 550px; }
ul.loginInfo li { float: left; margin: 0px 0px 15px 0px; }
ul.loginInfo li.field { width: 350px; float: left; margin: 0px 0px 15px 0px; }
ul.loginInfo li.radio { width: 350px; float: left; margin: 0px 0px 15px 0px; color: #818181; font-size: 13px; text-align: left; }
.label { display: block; width: 150px; text-align: right; padding: 5px 10px 5px 0px; color: #818181; font-size: 13px; }
.form_element { display: block; width: 200px; text-align: left; padding: 3px 3px 3px 3px; }

/* **** ADMINISTRATION **** */
.LogoutBtn { float: right; }
.DownloadBtn { margin-top: 10px; }
ul.DatePicker { }
ul.DatePicker li { float: left; height: 30px; vertical-align: middle; padding-right: 10px; margin: 20px 0px 20px 0px; }
.AdminText { line-height: 30px; }

/* **** BOOKFLIP **** */
#fbFooter { height: 45px; background-color: #000000; background-image: url('../App_Themes/Images/footerBackground.gif'); background-repeat: repeat-x; }
#fbFooterTop { height: 45px; background-color: #000000; background-image: url('../App_Themes/Images/footerBackground.gif'); background-repeat: repeat-x; }
.fbPaginationMinor { color: #ea0001; margin-left: 15px; }
.fbPaginationMajor { color: #ea0001; margin-left: 0px; }
#fbContents { float: left; margin-top: 17px; margin-left: 15px; width: 260px; }
#fbMenu { float: right; margin-top: 5px; *margin-top:9px; margin-right:7px; }
#fbMenuTop { float: right; margin-top: 0px; *margin-top:4px; margin-right:7px; }
#fbCurrentPages { color: #888888; }
#fbContainer { height: 600px; position: relative; /*padding-left:200px;*/ }
#FlashBook { /*position:absolute;*/ }
#altmsg { position: absolute; background-color: #ffffff; padding: 20px; opacity: 0.6; filter: alpha(opacity=60); text-align: center; }
#altmsg:hover { opacity: 0.8; filter: alpha(opacity=80); }
/*END BOOKFLIP*/

.ViewLeft { float: left; padding: 20px 0px 20px 20px; color: #404040; }
.ViewRight { float: right; padding: 20px 30px 20px 0px; }