/* Blueberry CSS Framework v0.9 */


.bb-container {width:100%;background-color:white;}

/* define the layout for a page with a 240px left column and the main area filling the rest */                                                                                     
.bb-content-240pxleft {/*width:100%;*/overflow:hidden}    
.bb-content-240pxleft .bb-leftcolumn {width:240px;float:left}                           
.bb-content-240pxleft .bb-maincontent {float:right;margin-left:-240px;width:100%}
.bb-content-240pxleft .bb-maincontent .content {margin-left:240px;}


/* DJF - everything after this line is commented out */


/* overrides blueprint grey back for every other row in table */
/*tbody tr:nth-child(2n) td, tbody tr.even td {background-color:transparent}*/

/* Some form classes to tidy up various things */
/* the vertical-align here is needed to keep text fields aligned ok with labels, when they have vertical-align: 1px */
/*input[type=text], input[type=password] {padding:3px;vertical-align:1px;width:250px;} */

/* make the fieldset legend a little larger than normal text */
/*fieldset {border-left:0px;border-right:0px;border-bottom:0px;border-top:#d0d0d0 1px solid;padding:1em 0 0 0;margin:0 0 2em 0}*/

/* Styles for required fields */
/* red asterisk following required field */
.bb-required-star {display:none} /*{position:relative;left:2px;color:red;font-size:1.5em;vertical-align:0.1em}*/

/* for Facebook style "(required)" and "(optional)" labels */    
/*
.bb-required-sublabel {line-height:0.9em;float:left;margin-top:0.7em}
.bb-required-sublabel span {font-size:0.8em;color:#909090;font-weight:bold}
*/

/* simple 'required' style - just a red outline */
/*input.bb-required-outline {border:#ff8080 1px solid}*/

/* classes for customised submit buttons */
/* #1 Customises the standard input[type=submit] element */

/* #2 Customises a button[type=submit] element, which has its label in a span */
/* DJF - it looks like you're not going to use these, but just use the bb-button class instead */
/*
.bb-button2 {
*cursor:pointer;
background:url('images/blue-grad-big.png') top right no-repeat;
height:2.2em;
padding:0px 10px 0px 0px;
border:none;
overflow:visible;
}

a.bb-button2 {float:left;text-decoration:none;}

.bb-button2 span {
cursor:arrow;
*cursor:pointer;
display:block;
position:relative;left:-2px;
line-height:2.2em;
height:2.2em;
white-space:nowrap;
background:url('images/blue-grad-big.png') no-repeat;
padding:0px 0px 0px 12px;
color:white;
}

.bb-button2:hover, .bb-button2:hover span {background-image:url('images/blue-grad-big-hover.png')}
*/

/* overrides extra padding in Firefox */
/*
button.bb-button2::-moz-focus-inner {border:none}
*/
                                               
/* align label to top of textarea or multi select list when they are on the same line */
/* DJF - not used */
/*
.bb-multiselectlabel, .bb-textarealabel {vertical-align:top;position:relative}
.bb-textarealabel {top:0.9em}
.bb-multiselectlabel {top:0.5em}
*/
                                               


/* menus - layout - the properties that make sure everything is displayed in the right place */

/* menu - presentation */
/* to have top level items as separated blocks */
/*
.menu {background-color:transparent;}
.menu ul li {
background-color:#202020;
background:url('darkmenuback.gif');
background-repeat:repeat-x;
border-top:#202020 1px solid;
border-left:#202020 1px solid;
border-right:#202020 1px solid;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
}
.menu ul li ul li {background:#003d57;border:0px}
.menu li a:hover {background:#303030}
*/

/* to have top level items in simple continuous band */
/*
.menu {background-color:#202020;background:url('images/darkmenuback.gif');background-repeat:repeat-x;border-top:#202020 1px solid}
.menu li a:hover {background-color:#003d57}
*/

/* menu - presentation of pop-out menus */
/*
.menu ul ul {background-color:#003d57;border:#002e42 1px solid}
.menu ul li ul li a:hover {background-color:#005579;}
     
.menu ul ul ul, .menu ul ul {

box-shadow: 0px 3px 8px #303030;
-moz-box-shadow: 0px 3px 8px #303030;
-webkit-box-shadow: 0px 3px 8px #303030;
}

.menu ul ul a.popout {background:url('images/rightarrow.gif');
background-repeat:no-repeat;
background-color:#003d57;
background-position: 96% center
}


.menu tbody tr:nth-child(2n) td, tbody tr.even td 
{
background-color: blue;
}
*/