/*
--------------------------------------------------
Bus Council - Training Self Assessment base styles
-------------------------------------------------- */

@import 'blueprint/screen.css';

/* Page Structure
----------------------------------------------- */
body {
  padding: 0;
  margin: 0;
  background-color: #E7DCC1;
}

#container {
  background: #E7DCC1 url(../img/body_bg.jpg) 0 0 no-repeat;
  width: 780px;
  margin: 0 auto;
  text-align: left;
  color: #4B4A4A;
}

#header        { position: relative; padding: 0; margin: 0; height: 120px; }
#header #logo  { margin: 20px 0 0 15px; }
#header #title { position: absolute; bottom: 5px; right: 25px; }

#content-container        { position: relative; margin-left: 15px; background: url(../img/content_container_top.gif) 0 0 no-repeat; min-height: 400px; height:expression(this.scrollHeight > 400 ? "auto":"400px"); }
#content-container-bottom { position: absolute; width: 100%; height: 30px; background: url(../img/content_container_bottom.gif) 0 0 no-repeat; bottom: 0; }

#content { padding: 70px 60px 40px 40px; }


/* Navigation
----------------------------------------------- */
#header-nav          { position: absolute; top: 10px; right: 10px; list-style: none; margin: 0; padding: 0; font-size: 0.9em; }
#header-nav li       { display: inline; margin: 0 0 3px 0; padding: 0 5px 0 0; border-right: 1px solid #A5A5A5; }
#header-nav li.last  { border: none; }
#header-nav a        { padding: 0 5px 0 5px; text-decoration: none; color: #565656; }
#header-nav a:hover  { text-decoration: underline; }

#nav ul { list-style: none; margin: 0; padding: 0; float: left; }
#nav li { float: left; margin: 0; padding: 0; }
#nav a { display: block; float: left; height: 46px; text-decoration: none; text-indent: -900em; }

#nav .home a                  { width: 55px; background: url(../content/fr/img/nav.gif) left top no-repeat; margin-left: 20px; }
#nav .home a:hover            { background-position: 0 -46px; }
#nav .company-profile a       { width: 115px; background: url(../content/fr/img/nav.gif) -55px 0 no-repeat; }
#nav .company-profile a:hover { background-position: -55px -46px; }
#nav .assessment a            { width: 208px; background: url(../content/fr/img/nav.gif) -170px 0 no-repeat; }
#nav .assessment a:hover      { background-position: -170px -46px; }
#nav .contact a               { width: 80px; background: url(../content/fr/img/nav.gif) -378px 0 no-repeat; }
#nav .contact a:hover         { background-position: -378px -46px; }

#nav .assessment-staff a       { width: 200px; background: url(../content/en/img/nav.gif) -170px 0 no-repeat; margin-left: 20px; }
#nav .assessment-staff a:hover { background-position: -170px -46px; }

body#home #nav .home a                       { background-position: 0 -46px; }
body#company-profile #nav .company-profile a { background-position: -55px -46px; }
body#assessment #nav .assessment a           { background-position: -170px -46px; }
body#contact #nav .contact a                 { background-position: -378px -46px; }

body#assessment-staff #nav .assessment-staff a { background-position: -170px -46px; }


/* Content
----------------------------------------------- */
h1 { font-size: 14px; color: #3D3D3D; font-weight: bold; }
h3 { font-size: 1.2em; color: #3D3D3D; font-weight: bold; margin: 20px 0 5px 0; }
h4 { font-size: 1.0em; font-weight: bold; margin-bottom: 5px; }

a       { color: #4173A7; text-decoration: underline; outline: none; }
a:hover { color: #4173A7; text-decoration: underline; cursor: hand; }

.err { color: red; }

#success { background: #E1FFD1 url(../img/icon_success.gif) 10px 10px no-repeat; border: 1px solid #C5F8AC; color: #468D3F; padding: 10px 10px 10px 35px; margin: 10px 0; }
#failure { background: #FFE4D1 url(../img/icon_failure.gif) 10px 10px no-repeat; border: 1px solid #FBC8A4; color: #DD4917; padding: 10px 10px 10px 35px; margin: 10px 0; }
#alert { background: #F8FDDC url(../img/icon_alert.gif) 10px 10px no-repeat; border: 1px solid #F5FFBA; color: #000; padding: 10px 10px 10px 35px; margin: 0 0 20px 0; }

ul           { list-style-type: none; }
ul li.pdf    { background: url(../img/icon_pdf.gif) 0 4px no-repeat; padding-left: 25px; }
ul li.submit { background: url(../img/icon_submit.gif) 0 4px no-repeat; padding-left: 25px; }

.shaded-container    { border: 1px solid #DCDBDB; background-color: #EFEEEE; padding: 15px; margin-bottom: 10px; }
.shaded-container ul { margin-bottom: 0; }

.block-container h1           { font-size: 15px; color: #3D3D3D; margin-bottom: 5px; }
.block-content                { width: 285px; border: 1px solid #DCDBDB; background-color: #EFEEEE; padding: 15px; }
.block-content a              { color: #4173A7; text-decoration: underline; }
.block-content a:hover        { color: #6796C6; text-decoration: underline; }
ul.block                { margin: 0; padding: 0; list-style-type :none; line-height: 20px; }
ul.block li.not-started { background: url(../img/block_not_started_bullet.gif) 0 5px no-repeat; padding-left: 20px; }
ul.block li.in-progress { background: url(../img/block_in_progress_bullet.gif) 0 5px no-repeat; padding-left: 20px; }
ul.block li.complete    { background: url(../img/block_complete_bullet.gif) 0 7px no-repeat; padding-left: 20px; }
#block-detail-container    { margin-top: 20px; padding: 10px 0 0 10px; background: url(../img/block_detail_bg.gif) top left repeat-x; }
#block-detail-container h1 { font-size: 15px; color: #3D3D3D; margin-bottom: 0; }
table#block-detail         { table-layout: fixed; margin-top: 10px; font-size: 0.95em; border: 1px solid #DCDBDB; border-right: 0; }
#block-detail th,
#block-detail td           { padding: 5px; font-weight: normal; vertical-align: top; word-wrap: break-word; overflow: hidden; }
#block-detail th           { background-color: #EFEEEE; border-right: 1px solid #DCDBDB; vertical-align: bottom; font-weight: bold; }
#block-detail td           { border-top: 1px solid #DCDBDB; border-right: 1px solid #DCDBDB; }
#block-detail p            { margin-bottom: 8px; }

table#task-detail          { margin-top: 10px; margin-bottom: 20px; font-size: 0.95em; border: 1px solid #DCDBDB; border-right: 0; }
#task-detail th,
#task-detail td            { padding: 5px; font-weight: normal; vertical-align: top; }
#task-detail th            { background-color: #EFEEEE; border-right: 1px solid #DCDBDB; vertical-align: bottom; font-weight: bold; }
#task-detail td            { border-top: 1px solid #DCDBDB; border-right: 1px solid #DCDBDB; }
#task-detail p             { margin-bottom: 8px; }

table#task-update td { border-bottom: 1px solid #DCDBDB; vertical-align: top; padding: 10px 0; }
#task-update td.last { border: none; }

#breadcrumb         { margin-bottom: 25px; }
#breadcrumb a       { color: #4173A7; text-decoration: underline; }
#breadcrumb a:hover { color: #6796C6; text-decoration: underline; cursor: hand; }


/* Login
----------------------------------------------- */
#login                { margin: 5px 0 0 20px; border: 1px solid #DCDBDB; background: #EFEEEE; }
#login table th       { color: #3D3D3D; font-weight: bold; text-align: center; padding: 5px 0 10px 0; background: none; font-size: 1.2em; }
#login table td       { padding: 5px; }
#login table td.right { text-align: right; }

#create-account         { margin: 15px 0 0 20px; padding: 10px; border: 1px solid #DCDBDB; background: #EFEEEE; text-align: center; }
#create-account p.title { font-size: 1.2em; font-weight: bold; margin: 0; padding: 0; }


/* Forms
----------------------------------------------- */
select, textarea, input.text { font-family: Arial, Verdana, Sans-Serif; font-size: 1em; }
select { padding: 2px; }

table.form td     { vertical-align: middle; padding: 3px 0; }
table.form td.top { vertical-align: top; }