/* @override http://fpb.ca/public/css/main.css */
body { background: #2f2f2f; }

a, a:visited { color: #7f8ff9; }
a:hover { color: #202e90; }

h2 {font-size: 2em;}

#wrapper { width: 960px; margin: 0 auto; background: #000; }

#header { height: 135px; }
#header .logo { margin: 12px 0 0 25px; float: left; }

#navigation { height: 40px; background: #202e90 url(/public/img/nav_tile.gif) repeat-x top; }

ul.primary  { list-style:  none; margin: 0 9px; }
ul.primary li { float: left; }
ul.primary li a { color:  #FFF; text-decoration: none; font-size: 1.4em; font-weight: normal; padding: 0 18px; line-height: 40px; float: left;}
ul.primary li a:hover { color: #7f8ff9; }
ul.primary li.active a { background: url(/public/img/nav_tile.gif) repeat-x bottom; border: 1px solid #18247e; border-bottom: 0; border-top: 0; }

ul.secondary { list-style: none; }
ul.secondary li { margin: 0; }
ul.secondary li a {color:  #b1b1b1; text-decoration: none; font-size: 1.4em; font-weight: normal; margin:  0; padding: 0 10px; display: block; line-height: 25px; }
ul.secondary li a:hover { color: #FFF; }
ul.secondary li.active a { background: url(/public/img/secnav_bg.jpg) no-repeat;  color:  #FFF; height: 35px; line-height: 35px; }


#banner { height: 200px; background: #888; }

#container { padding: 35px 50px; color: #FFF; }

.content { width: 560px; float: right;  font-weight: normal; }

.content table td {margin: 0; padding: 0;}

.column { margin-top: 20px; width: 240px; float: left;  }

.column p { font-size: 1.1em; line-height: 1.3em;}
.column p.date { color: #aaa; }
.column .post { margin: 0 0 20px 0; border-bottom: 1px solid #222; }

.content .post_category .post { margin: 0 0 20px 0; border-bottom: 1px solid #222; }
.content .post { margin: 0 0 20px 0; }
.content .post p { font-size: 1.3em; line-height: 1.4em; }
.content p.date { color: #aaa; }

a.request { text-shadow: 0 -1px  #1d286f; margin-top: 10px; color: #FFF; text-decoration: none; font-size: 1.4em; float: left; background: url(/public/img/button_blue.jpg) no-repeat top; height: 49px; line-height: 49px; width: 168px; text-align: center;}
a.request:hover { color: #FFF; background-position: bottom;}
.column a.request { margin: 30px 10px 0; }


form div { clear: both; margin: 10px 0;  font-size: 1.2em; }
form fieldset { border: 1px solid #555; padding: 0 20px; margin: 0 0 20px 0; font-weight: bold; }
form fieldset legend { font-size: 16px; color: #eee; }
form p { font-size: 12px; line-height: 18px; font-weight: normal; }
form div label { width: auto; margin: 0 10px 5px 0; line-height: 1.2em; display: block; color: #eee; font-weight: normal; }
form div label span.small { font-size: 10px; }
form div label.long { width: 100%; }
div#tip { position: absolute; background: #555; color: #fff; padding: 5px !important; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;	margin: 0; text-align: center; width: 300px; font-size: 12px; opacity:0.8; filter:alpha(opacity=80);
}
form#daycare_application div label { font-weight: bold; }
form div input.text { width: 200px; padding: 5px; margin: 0 0 5px 0; border: 1px solid #555; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #555; }
form div textarea.textarea { width: 200px; padding: 5px; height: 60px; margin: 0 0 5px 0; border: 1px solid #555; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #555; }
form div input.checkbox { position: relative; float: left; margin-right: 3px; }
form#daycare_application div label.checkbox { font-weight: normal; padding-left: 16px; }
/*form div input#submit { margin: 20px 0; font-size: 12px;}*/

form .success { font-weight: bold; font-size: 1.5em; }

div.error { font-style: italic; color: #c53c3e; margin: 0 0 20px;}
div.error p { margin: 0 0 10px; }

#footer { display: block; background: #2f2f2f; padding:  10px; color: #b1b1b1; font-size: 1.2em; text-align: right; }

/* ***************************** STYLES FOR CLIENT LOGIN PORTAL ******************************** */

div.success { padding: 10px 10px 10px 33px; margin: 20px 0;background: #d6fbaa url(/assets/img/accept.png) no-repeat 8px center; border: solid 1px #688a33; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #688a33; display: inline-block; }
div.error { padding: 10px 10px 10px 33px; margin: 20px 0;background: #fbcbcc url(/assets/img/icon_error.png) no-repeat 8px center; border: 1px solid #c1211d; color: #c1211d; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; }

input.login_btn { float: left; margin-right: 30px; }
p.forgot { float: left; font-style: italic; }

.files .category { background: #222222; margin: 20px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow: hidden;  }
.files .category a.toggle_cat.closed { height: 40px; background: url(/public/img/toggle.png) no-repeat 0 0;	display: block; }
.files .category a.toggle_cat.closed:hover { height: 40px;background: url(/public/img/toggle.png) no-repeat 0 -40px; display: block; }
.files .category a.toggle_cat { height: 40px; background: url(/public/img/toggle.png) no-repeat 0 -80px;	display: block; clear: both; text-indent: 50px; line-height: 40px; font-size: 14px; font-weight: bold; color: #ddd; text-decoration: none; }
.files .category a.toggle_cat:hover { height: 40px; background: url(/public/img/toggle.png) no-repeat 0 -120px;	display: block; }

.files .category .headings { text-align: left; font-weight: bold; line-height: 18px; display: none; }
.files .category .headings a { color: #fff; text-decoration: none; }
.files .category .headings a:hover { text-decoration: underline; }
.files .category .item.odd { background: #333; }
.files .category .item a { text-decoration: none; font-weight: bold; }
.files .category .item a.single { line-height: 32px; }
.files .category .item a:hover { color: #ddd; }
.files .category .item div.icon { float: left; margin-right: 10px; width: 27px; }
.files .category .item div.info { float: left; }
.files .category .item span { float: left; font-weight: bold; margin-bottom: 5px; }
.files .category .item span.small { clear: both; line-height: 12px; font-size: 9px; font-weight: normal; margin: 0; }
.files .category .item .center { text-align: center; }
.files .category .column { margin: 0; padding: 10px; }
.files .category .file_info { width: 375px; float: left; }
.files .category .updated { width: 65px; float: left; line-height: 32px; }
.files .category .headings .updated { line-height: 18px; }
.files .category .actions { width: 60px; float: left; }

div.staff { clear: both; padding-bottom: 40px; line-height: 20px; }
div.staff h4 { font-size: 16px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #333; }
div.staff div.name { float: left; }
div.staff div.name strong { font-size: 14px; }
div.staff div.name em { clear: left; float: left; }
div.staff div.info { float: right; }
div.staff div.info span { float: right; clear: right; }