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

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

html {
    height: 100%; /*required for all browsers*/
}
body { background-color: #ffffff; background-image: url("../images/core/page_bg.png"); 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 }

.js #js-required {display: none;}
#js-required { color: #a00;}
#js-required h2 { color: #f90; font-weight: bold;}

#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; }

#siteLogo                { width:320px; float:left; margin:7px 0px 0px 0px; text-align:left; text-indent: -9999px; padding-bottom: 1px;}
#siteLogo a              { text-decoration:none; display: block; overflow: hidden; background-repeat: no-repeat; float: left; background: url("../images/logos/logos_v.png");}
#siteLogo a.logo-schoolpix          { height: 66px; width: 169px;}
#siteLogo a.logo-order              { background-position: 0px -66px; height: 60px; width: 125px; margin: 4px;}

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;}

div#hd    { background:url(../images/core/content_sprite.png) no-repeat bottom; background-position: 0px 0px;   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_sprite.png) no-repeat bottom; background-position: 0px -26px; height:25px; overflow:hidden; }

div.bd-container  { width:900px; margin:0 auto; padding:0 0 10px 0; }
div.bd-container #content  { width:700px; float:left; margin-left: 100px;}

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;}

/*
 *  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; }

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

/*
 *  Print style
*/
@media print {
    /* style sheet for print goes here */
    .usual ul,
    .usual ul li,
    .usual ul li a
    { 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;}