/* 
Document   : global.css
Created on : 27/12/2008, 10:58:41 PM
Author     : Ros Moss
*/

/*@charset "utf-8";*/
/* CSS Document */

@import "yui/reset.css";
@import "yui/fonts.css";
@import "yui/base.css";

html {
    height: 100%; /*required for all browsers*/
}
body
{
    background-color: #ffffff;
    background-image: url("../images/bg/body/page_bg.jpg");
    background-position: center 106px;
    background-repeat: repeat-x;
    color: #333;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    height: auto;
    padding-bottom: 90px;
}
body.printable    { background-image:none; font-size:13px; }
body.printable h1 { font-size:23px; }
body.printable h1 span a img { display:none; }

a         { text-decoration:underline; color:#0087dc; outline:none; }
a:hover   { text-decoration:none; }
a:active  { color: #0087ee;}
em        { font-style:italic; }
strong    { font-weight:bold; }

img       { behavior: url("pngbehavior.htc"); border:none; }
img       { -ms-interpolation-mode:bicubic }

#doc4     { width:974px; margin:auto; font:12px/1.231 Verdana, Arial, Helvetica, sans-serif; z-index:2; }

/*
 *  Header Area.
*/

div#headerAreaContainer,
div#headerArea              { height:106px; }

div#navigationAreaContainer { margin:0 auto; width:920px; }

div#siteLogo                { width:320px; float:left; margin:7px 0px 0px 0px; text-align:left; }
div#siteLogo a              { text-decoration:none; }

div#navigationArea          { float:left; width:600px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; }
div#navigationArea p        { text-align:left; margin:1em 1em 1em 2em; }
div#navigationArea p span   { float:right; text-align: right;}
div#navigationArea ul       { text-align:right; width:600px; height:20px; list-style:none; margin:2em 0 0 0; -webkit-padding-start:0; }
div#navigationArea ul li    { float:right; height:20px; list-style:none; }
div#navigationArea ul li a  {
    background:#FFF;
    display: block;
    padding:0px 1px;
    height: 20px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    text-decoration:none;
}
div#navigationArea ul li a span {
    background:#0087DC;
    color:#FFF;
    display: block;
    padding:2px 5px 2px 5px;
    font-weight:bold;
}
div#navigationArea ul li.current a span,
div#navigationArea ul li a:hover span {
    background:#F90;
}

#navigation { padding: 0; margin-top: 10px;}
#navigation li {list-style: none; padding: 0px 0 4px 0; margin: 0px 2px 0px 20px; list-style-type: none;}

/*
 *  Staff banner
*/
div#staff     { width:974px; height:132px; margin:0 auto; clear:both; }
div#staff .hd { background:url(../images/core/content_hd.png) no-repeat center top; overflow:hidden; height:30px;  }
div#staff .ft { background:url(../images/core/content_ft.png) no-repeat center top; overflow:hidden; height:25px;  }
div#staff .bd { background:url(../images/core/content_bd.png) repeat-y  center top; overflow:hidden; height:102px; }
div#staff .bd ul#bd-photos        { width:920px; height:102px; list-style:none; margin:0 auto; -webkit-padding-start:0; }
div#staff .bd ul#bd-photos li     { width:100px; height:100px; list-style:none; float:left; display:block; background-position:50% 50%; border:1px solid #fff; }
div#staff .bd ul#bd-photos li img { width:100px; height:140px; }

div#hd    { background:url(../images/core/content_hd.png) no-repeat bottom;    height:30px; overflow:hidden; }
div#bd    { background:url(../images/core/content_bd.png) repeat-y center top; /*height:auto; overflow:visible;*/ }
div#ft    { background:url(../images/core/content_ft.png) no-repeat bottom; height:50px; overflow:hidden; }
div#ft-bg { background:url(../images/core/content_bd.png) repeat-y center top; height:25px; }

div#hd-container  { padding:10px 50px; font-size:10px; }
div#hd-identity   { float:left; }
div#hd-navigation { float:right; }
div#bd-date       { float:right; }

div#ft-container          { width:900px; margin:0 auto; text-align:center; }
div#ft-container th, 
div#ft-container td       { border:none; padding:0; }
div#ft-container ul       { height:20px; list-style:none; margin:0; -webkit-padding-start:0; }
div#ft-container ul li    { height:20px; list-style:none; display:inline-table; }
div#ft-container ul li a  {
    background:#FFF;
    display: block;
    padding:0px 2px;
    height: 20px;
    font: bold 13px "Courier New", Courier, monospace;
    text-transform:uppercase;
    text-decoration:none;
}
div#ft-container ul li a span {
    background:#0087DC;
    color:#FFF;
    display: block;
    padding:2px 5px 2px 5px;
    font-weight:bold;
}
div#ft-container ul li.current a span,
div#ft-container ul li a:hover span {
    background:#F90;
}

div.bd-container  { width:900px; margin:0 auto; padding:0 0 10px 0; }

div.bd-container #column0  { width:899px; float:left; }
div.bd-container #column1  { width:200px; float:left; padding-top:5em;}
div.bd-container #content  { width:700px; float:left; margin-left: 100px;}
div.bd-container #column3  { width:001px; float:left; }
div.bd-container #column4  { width:200px; float:left; }
div.bd-container #column5  { width:900px; clear:left; }

div.bd-container #column5 td { border:0; }

h2, h4 {display: block;}
h2 {font-size: 131%; text-transform: capitalize; color:#0189DD; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal;}
h4 {color:#0075BB; font:bold 100% Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}

div#bd-full-width {
    margin:0 50px;
    float:none;
    width:870px;
    padding:0 10px;
    text-align:left;
}
div#bd-full-width p {
    margin:1em 0;
}
div#bd-identity {
    font-size:11px;
}
div#bd-logo {
    height:120px; overflow:hidden;
}
div#bd-jobs, div#bd-bday, div#bd-tips, div#bd-news, div#bd-rost, div#bd-prof {
    width:180px; height:200px; overflow:hidden; margin-bottom:10px;
}
div#bd-docs, div#bd-plcy {
    width:180px; height:100px; overflow:hidden; margin-bottom:10px;
}
div#bd-jobs, div#bd-bday, div#bd-tips, div#bd-plcy {
    margin-left:20px;
}


div#bd-foot, div#bd-rcps, div#bd-joke { width:180px; height:100px; overflow:hidden; border:0; }


div.inner         { padding:50px 10px 10px 10px; color:#fff; font-size:11px; }
div.inner dl      { background:url(../images/core/dot.gif) repeat-x bottom; overflow:hidden; padding:3px 0; margin:0 3px; }
div.inner dt      { background:transparent; float:left; padding-right:3px; font-weight:normal; }
div.inner dd      { background:transparent; float:left; padding-left :3px; font-weight:bold; margin:0; }
div.inner a       { color:white; font-weight:bold; text-decoration:none; border-bottom:1px white dotted; }
div.inner a:hover { color:white; font-weight:bold; text-decoration:none; border-bottom:1px white solid; }

img.tony { margin:0 10px 10px 0; padding:2px; background:#fff; border:3px solid #999; }

div#bd-navigation   { width:920px; margin:0 auto; text-align:center; }

#bd-menu {
    color: #fff;
    background-color: #273C83;
    padding: 5px;
    margin-bottom: 25px;
    font-size:10px;
    text-transform: uppercase;
}
#bd-menu ul {
    margin-left: 0;
    padding-left: 0;
    display: inline;
    border: none;
}
#bd-menu li {
    margin-left: 0;
    padding:3px;
    border: none;
    list-style: none;
    display: inline;
}
#bd-menu ul li:before {
    content: "\0020 \0020 \0020 \007C \0020";
    color: #ff9;
}

#bd-menu ul li.first:before {
    content: " ";
}
#bd-menu a       { font-weight:bold; text-decoration:none; border-top:1px solid #273C83; border-bottom:1px solid #273C83; color:white; }
#bd-menu a:hover { font-weight:bold; text-decoration:none; border-top:1px solid #EEBB00; border-bottom:1px solid #E3007B; color:#C6F5FF; }

div.birthday-tab { clear:left; height:auto; overflow:auto; margin-top:0; }
div.birthday-id  { float:left; margin:0.7em; padding:12px; font-size:85%; width:100px; height:160px; text-align:center; border:1px solid #D1D6DA; background:#F1F6FA; clear:none; }
div.birthday-end { clear:left; margin:15px; padding:10px; border:none; }

div.month-tab    { clear:left; height:auto; overflow:auto; border-top:1px solid #0087DC; margin-top:0; }
div.month-id     { float:left; margin:15px; padding:10px; border:none; width:150px; clear:none; height:200px; }
div.month-tip    { float:left; margin:15px; padding:10px; border:none; width:600px; clear:none; }
div.month-end    { clear:left; margin:15px; padding:10px; border:none; }

div.profile-tab  { clear:left; height:auto; overflow:auto; border-top:1px solid #0087DC; margin-top:0; }
div.profile-id   { float:left; margin:15px; padding:10px; border:none; width:215px; clear:none; height:400px; }
div.profile-txt  { float:left; margin:15px; padding:10px; border:none; width:535px; clear:none; }
div.profile-end  { clear:left; margin:15px; padding:10px; border:none; }
div.profile-mgr  { float:left; margin:10px; padding:12px; font-size:85%; width:100px; height:200px; text-align:center; border:1px solid #CCC; background:#EEE; clear:none; }
div#profile div  { width:100px; height:100px; border:1px solid #FFF; margin:10px auto; background-position:50% 50%; }

div#profile-del          { width:449px; height:194px; margin:50px auto; background:url(/images/empty_box.gif) no-repeat; }
div#profile-del div      { width:400px; padding:20px; }
div#profile-del div img  { float:left;  padding:5px 20px 5px 0; }

div#top4                 { margin:0 auto; text-align:left; }
div#top4 p               { margin-bottom:0.6em; font-size:90%; }
div#top4 span            { color:#000; }

div#jobinfo              { margin:0 auto; text-align:left; }
div#jobinfo p            { margin-bottom:0.6em; font-size:90%; }
div#jobinfo span         { color:#000; }

div#bd-rost div div      { margin:0 auto; text-align:left; }
div#bd-rost div div p    { margin-bottom:0.6em; font-size:90%; }
div#bd-rost div div span { color:#000; }
div#bd-rost div div h1   { color:#fff; }

div#profile-select       { margin:0 auto; text-align:left; }
div#profile-select dl    { width:100%; overflow:hidden; margin:0; background-color:#ded }
div#profile-select dt    { width:20%; margin:0; float:left; padding:0 10px; text-align:right; font-weight:bold; }
div#profile-select dd    { width:73%; margin:0; float:left; padding:0 10px; text-align:left; -webkit-padding-start:0; }

div#jobs                 { margin:0 auto; text-align:left; }
div#jobs     h3          { margin:0 1em;  text-align:left; }
div#forms                { margin:0 auto; text-align:left; }
div#forms    h3          { margin:0 1em;  text-align:left; }
div#policies             { margin:0 auto; text-align:left; }
div#policies h3          { margin:0 1em;  text-align:left; }
div#prof                 { margin:0 auto; text-align:left; }
div#prof     h3          { margin:0 1em;  text-align:left; }
div#recipes              { margin:0 auto; text-align:left; }
div#recipes  h3          { margin:0 1em;  text-align:left; }


/*
 *  Slanty title
*/


h1            { padding-bottom:20px; }
h1 span       { background:#F90; color:#FFF; float:right; text-align:right; line-height:1em;
                font:italic normal 23px Georgia,"Times New Roman",Times,serif; text-transform:capitalize; }

#title              { text-align:center; position:relative; top:0; overflow:hidden; height:24px; background:#F90; color:#FFF; line-height:1em; text-transform:capitalize; }
#title .title-text  { position:relative; float:left; top:0; overflow:hidden; height:24px; background:#F90; color:#FFF; margin-top: -2px;}
#title .title-left  { position:relative; float:left; top:0; overflow:hidden; height:0; width:0; border-bottom:24px solid #F90; border-left:24px solid #FFF; }
#title .title-right { position:relative; float:left; top:0; overflow:hidden; height:0; width:0; border-bottom:24px solid #FFF; border-left:24px solid #F90; }

#page-heading { padding-bottom: 2.2em;}

/*
 * Tabs
*/
div#tabs li.ui-tabs-nav-item { font-size:85%; text-align:center; float:left; list-style:none; }
div#tabs .ui-tabs .ui-tabs-hide { display: none !important; }

table#logintable input[type="text"],
table#logintable input[type="password"] { width:15em; }

form#upload input[type="text"],
form#upload input[type="password"] { width:25em; }
form#upload input[type="submit"]   { }
form#upload dt>label { border-top:1px dotted #CCC; width:200px; padding-top:2px; color:#999; font-weight:bold; float:left; }
form#upload dd       { margin:0 0 3px 0; }
form#upload ul.errors{ color:#C00; margin-left:200px; }
form#upload table    { width:100%; }
form#upload tr       { vertical-align:top; }
form#upload th       { width:200px; }
form#upload td       { }

.ui-widget button[type=button], .ui-widget label { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size:85%; }

.extras_link {
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;
}

/*
 *  Birthday images
*/
ul.image        { width:102px; height:102px; list-style:none; margin:0 auto 5px auto; -webkit-padding-start:0; }
ul.image li     { width:100px; height:100px; list-style:none; float:left; display:block; background-position:50% 50%; border:1px solid #fff; overflow:hidden; }
ul.image li img { width:100px; height:140px; }

/*
 *  Dialogs
*/
div#dialogDel { display:none; }

/*
 *  Print style
*/
@media print {
    /* style sheet for print goes here */
    .usual ul,
    .usual ul li,
    .usual ul li a
    { display:none; }
    .extras_link
    { display:none; }
}


/* Zend Form */

.zend-form fieldset { float: left; clear: left; width: 100%; margin: 0 0 1.5em 0; padding: 0;}
.zend-form legend {  margin: 1em 0 0 1em; color: #000000; font-weight: bold;}
.zend-form fieldset div.form-element { float: left; clear: left; width: 100%; padding-bottom: 1em; padding-left: 1em;}
.zend-form fieldset div.errors { clear: both; padding-top: 0.5em; color: red;}
.zend-form fieldset div.errors li {list-style-type: none;}
.zend-form label {float: left; width: 10em; text-align: right; margin-right: 1em;}
.zend-form #fieldset-controls { float: none; width: auto; border: 0 none #FFF; padding-left: 12em;}

#contact-details-form label {width: 11em;}
#contact-details-form #fieldset-controls {padding-left: 13em;}