/*
Alberta Association of Landscape Architects
Developed by AgileStyle http://www.agilestyle.com
Green 566c11

*/

/* html */
html { height: 100%; overflow-y: scroll; } /* always show scrollbar */

/* background */
body { height: 100%; min-height: 100%; background: url('/images/body.gif'); line-height: 1.45; }
#wrapper { padding-top: 40px; min-height: 100%; background: url("/images/wrapper_small.jpg") no-repeat scroll center 0 transparent; }
.left-bar { padding-left: 12px; background: url("/images/left-bar-trans.png") repeat-y scroll 0 0 transparent;}
.right-bar { padding-right: 12px; background: url("/images/right-bar-trans.png") repeat-y scroll right 0 transparent;}
.top-bar { padding-top: 12px; background: url("/images/top-bar-trans.png") no-repeat top center transparent; }
.bottom-bar { padding-bottom: 12px; background: url("/images/bottom-bar-trans.png") no-repeat bottom center transparent; }
#inner { background: #f4f4f4; padding: 63px 28px 10px 28px; }

.top-bar-small { padding-top: 8px; background: url("/images/top-bar-small-trans.png") no-repeat top right transparent; }
.right-bar-small { padding-right: 8px; background: url("/images/right-bar-small-trans.png") repeat-y scroll right 0 transparent; }
.left-bar-small { padding-left: 8px; background: url("/images/left-bar-small-trans.png") repeat-y scroll left 0 transparent; }
.bottom-bar-small { padding-bottom: 8px; background: url("/images/bottom-bar-small-trans.png") no-repeat bottom right transparent; }

/* blueprint */
.container { position: relative; }
p, li, th, td { font-size: 15px; line-height: 1.3;}
p { margin-bottom: 1.2em; }

h1 { font-size: 24px; }
h2 { font-size: 24px; }
h3 { font-size: 19px; }
h4 { font-size: 17px; font-weight: normal; margin-bottom: 0.2em; line-height: 1.3; }
h1, h2 { color: #bf311a; }
h1.home-title, h2.home-title { font-size: 2em; margin-bottom: .25em; line-height: 1; }
a:link, a:visited { color: #759623; text-decoration: none; }
a:hover { text-decoration: underline; color: #bf311a; }
hr { color: #ddd; background: #ddd; height: 1px; margin-bottom: 1.2em; font-size: 16px; line-height: 1.3;}

/* utility */
.more { text-align: right; 	}
.faux-10-6-6 { background: url('/images/faux-10-6-6.gif') repeat-y; background-position: top middle; }
.faux-10-7-5 { background: url('/images/faux-10-7-5.gif') repeat-y; background-position: top middle; }
.right { text-align: right; }
.info { padding-left: 10px; }
p img.right-inline {float: right; margin: 0 0 1.5em 0; }
p img.left-inline {float: left; margin: 0 1em 1.5em 0; }
#new { position: absolute; right: 0; bottom: 0; margin: 0; }
#new a { padding: 4px 8px; background: #759623; color: #fff;}
#new a:hover { background: #A5362C; text-decoration: none; }
#footnotes_debug { background: #fff;}

/* logo */
#logo { height: 82px; width: 184; vertical-align: bottom; }
#logo a { float: left; height: 82px; width: 184px; display: block; }
#logo a:hover { text-decoration: none; }
#logo span { float: left; font-size: 35px; color: #bf311a; width: 678px; text-align: right; padding: 12px 0 0 0; letter-spacing: -2px; }

/* menu */
#menu-wrap { position: absolute; top: 12px; left: 12px; width: 926px; padding: 8px 0 0 0; background: #A5362C;   }
#menu { list-style-type: none; padding: 0; margin: 0 0 0 8px; z-index: 1000; letter-spacing: -1px; }
#menu li { list-style-type: none; z-index: 1000; margin-right: 8px }
#menu a { text-decoration: none; margin: 0; padding: 8px; color: #f4f4f4; font-size: 16px; line-height: 1;  }
#menu a.active { background: #f4f4f4; color: #444;  }
#menu a.menu_open, #menu ul a { background: #bf311a; color: #f4f4f4;  }
#menu a:hover, #menu ul a:hover { text-decoration: underline; color: #fff; }
#menu li, #menu a { float: left; }
#menu ul { visibility: hidden; position: absolute; width: 220px; padding: 0; z-index: 1000; }
#menu ul a { width: 204px; }
#menu ul li { z-index: 1000; }

/* submenu */
#submenu-wrap { position: absolute; top: -4px; left: -28px; width: 240px; }
#submenu { list-style-type: none; margin: 0; padding: 0; }
#submenu li { }
#submenu a.active { background: #bf311a; color: #f4f4f4; }
#submenu a { padding: 5px 8px; display: block; background: #A5362C; color: #f4f4f4; }
#submenu a:hover { text-decoration: underline; color: #fff; }

/* user menu */
#usermenu { list-style-type: none; margin: 0; padding: 0; text-align: right; position: absolute; top: -26px; right: 12px;  }
#usermenu li { display: inline; }
#usermenu a { text-decoration: none; margin-left: 15px; color: #f4f4f4; }
#usermenu a:hover { text-decoration: underline; }
#usermenu a.active { text-decoration: underline; }

/* homepage */
#jobs { list-style-type: none; margin: 0 0 1.5em 0; padding: 0;}
#jobs li { margin: 0 0 1.5em 0; }
#news-events { padding: 0 20px; }
#news-events .quiet { margin-bottom: .5em; }
#news-events h3 { font-size: 1.1em; margin: 0; font-weight: bold;}

/* footer */
#footer { padding: 10px 0 20px 0; }
#footer p { color: #f4f4f4; margin: 0; padding: 0 12px; }
#footer a { color: #f4f4f4; }

/* label overlays */
form.inline-labels { text-align: left; }
form.inline-labels p { margin-bottom: 5px; }
form.inline-labels input { padding: 0; margin: 0; }
form.inline-labels span.wrap { position: relative; width: 160px; background: #fff; }
form.inline-labels span.wrap label { position: absolute; left: 0; top: -4px; padding: 2px 0 2px 10px; font-weight: normal; background: #fff; z-index: 1; width: 150px; }
form.inline-labels span.wrap label span { position: relative; top: 1px; left: 1px; }
form.inline-labels .input-text { width: 150px; font-size: 13px; padding: 4px 5px; background: none; position: relative; z-index: 10; border: solid 1px #999999;}
label.overlay span { opacity: 0.4; -webkit-transition: opacity 200ms linear; }
label.focus span { opacity: 0.2; }
label.hastext span { opacity: 0.0; -webkit-transition: opacity 0ms linear; }

/* forms */
#inputs p { margin-bottom: 1em; display:block;}
#inputs input { }
#inputs p:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
#inputs input[type="text"], #inputs input[type="password"], #inputs input.text, #inputs input.title, #inputs textarea, #inputs select { margin: 0; padding: 2px 0; font-size: 1em; }
#inputs input[type="checkbox"] { top: 0; margin: 0; }
textarea.short { height: 60px; }

/* errors */
.errorExplanation { padding:.8em;margin-bottom:1em;border:1px solid #E60000; background:#FBE3E4;color:#000;border-color:#E60000; }
.errorExplanation h2 { display: none; }
.errorExplanation p, .errorExplanation ul { margin: 0; }
.errorExplanation ul { padding-left: 1.5em; }
#flash { text-align: center; font-weight: bold; }
#flash_notice { color: #000; padding: .8em; background: #C0DE73; border: solid 2px #759623; color: #546B19; margin: 0 0 1em 0; }
#flash_error { color: #000; padding: 5px; background: #FFE5E5; border: solid 2px #E60000; color: #E60000; margin: 0 0 1em 0; }
.fieldWithErrors input, .fieldWithErrors textarea { background-color: #FFE5E5; border-color: #E60000; color: #000 }
.error { border: solid 1px #E60000; color: #000; }

/* admin */
#alt { background: #f8f7f4; }
#alt .container { width: 270px; }
#alt input { margin: 0; padding: 2px; }
#sessions p { margin: 0 0 0.5em 0; }
#alt #return { position: absolute; top: 30px; margin: 0; text-align: center; width: 270px; }
#alt #return a {  padding: 4px 6px; display: block; background: #ccc url('/images/nav-idle.jpg'); color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; margin-bottom: 5px; color: #000; }
#alt #logo { top: 80px; text-align: center; width: 100%; }
#alt #logo a { display: block; width: 100%; }
#alt #header .container { padding: 225px 0 0 0; }
#alt input[type="checkbox"], #alt input.checkbox { margin: 0 5px 0 0; top: 0; }

/* protofade */
#slider-container { margin: 13px 0 26px 0; }
#protofade { position:relative; margin:0; padding:0; width:854px; height:258px; overflow: hidden; }
#protofade li { position:absolute; top:0; left:0; margin:0; padding:0; background:none; width: 870px; height: 258px; }
.next, .previous, .start, .stop { cursor:pointer; margin:5px 15px 15px 15px; float:left; }
#protofade .source { position: absolute; bottom: 0; right: 16px; text-align: right; background: transparent url('/images/grey-trans.png'); color: #000; padding: 3px 5px; font-size: 10px; }
#protofade .description { position: absolute; bottom: 0; left: 0; background: transparent url('/images/grey-trans.png'); width: 400px; padding: 5px 5px 4px 8px; text-align: justify;}
#protofade p { margin: 0; font-size: 12px; line-height: 1.3; }
#protofade h4 { font-size: 14px; }

/* wilco */
#wilco, #sponsors { margin: .5em 0 1.5em 0; padding: 0; list-style-type: none;  overflow: hidden; position: relative; text-align: center; }
#wilco li, #sponsors li { position: absolute; top: 0; left: 0; }
#wilco a, #sponsors a { display: block; }
#wilco, #wilco li, #wilco a { height: 100px; width: 270px; }
#sponsors, #sponsors li, #sponsors a { height: 140px; width: 270px; }

/* pdus */
.pdu-table { border: solid 1px #181718; }
.pdu-table tr.even td { background: #fff; }
.pdu-table tr.odd td { background: #efefef; }
.pdu-table th { background: #181718; color: #fff; font-weight: normal; }
.pdu-table td, .pdu-table th { padding: 5px; }
.pdu-title { width: 490px; }
.pdu-category { width: 290px; }
.pdu-credits { width: 40px; text-align: right; }
.pdu-controls { width: 89px; }
.pdu-total { border-top: solid 1px #ccc;}

#footnotes_debug { background: #F8F7F4; margin: 0; padding: 2em 0; text-align: center; font-size: 14px; }
#footnotes_debug fieldset { margin: 2em 1em 0 1em; border: 0; padding: 0; }
#queries_debug_info { text-align: left; }