/* 
Document   : bsk
Created on : Nov 8, 2007, 6:39:43 PM
Author     : fred
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    margin:0px;
    font-family:Arial,sans-serif;
    background-color: #E1E2E3;
    color: #616161;
    /*	max-width: 800px; */
}

body {
    font-size: 0.9em;
    font-family: Arial,sans-serif;
}

/*	basic page skeleton
*	use minimal tables, rest should be done with css
*/
table#skeleton {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}

td.skeleton {
    /*	border: 1px dashed gray;	/* DEBUGGING */
    padding: 0px;
}

/*	centering for all browsers:
*
<div class="center-explorer">
<div class="center">
This entire block is centered
</div>
</div>
*/
div.center-explorer {
    text-align: center;
}

div.center {
    margin-left: auto;
    margin-right: auto;
    text-align: left; /* overrule inheritance */
}

/*	BSK main styles
*/
#logo {
    background-color: rgb(186, 187, 189);
}

#content {
    width: 100%;
    margin-right: 25px;
}

#edit {
    color: black;
    margin-left: 25px;
    margin-right: 25px;
}

#error {
    background-color: #EEF;
    border: 3px solid #E64016;
    padding: 16px;
    margin: 36px;
    -webkit-box-shadow: 5px 5px 10px #AAA;
    -webkit-border-radius: 10px;
}

#found {
    margin: 0px 27px 0px 27px;
}

#colofon {
    margin: 50px 27px 0px 27px;
}

#links {
    margin: 50px 27px 0px 27px;
}

a {
    color: rgb(0, 83, 148);  
    text-decoration: none;
}

/* MENU */

.menu {
    height: 22px;
    background-color: #767878;
    color: black;
    padding-left: 24px;
}

.menu img {
    border: 0px;
}

/* ISSUES */

.issue {
    margin: 25px;
    margin-left: 40px;
}

.issue a {
    color: white;  
    text-decoration: none;
    padding-left: 0px;
}

.issue table {
    border-spacing: 0px;
    margin-bottom: 20px;
}

.issue-column {
    /*	background-color: black; */
    font-size: 0.85em;
    font-style:italic;
    width: 70px;
}

.issue-sel {
    /*	background-color: #E64016; */
    color: #E64016;
}

.issue-spacer {
    width: 40px;
}

.issue-cover-small img {
    width: 70px;
    border: 0px;
    -webkit-box-shadow: 4px 4px 8px #AAA;
}

#issue-contents {
    border: 2px solid #767878;
    /*	padding: 100px 20px 20px 400px; */
    margin: 80px 40px 40px 40px;
    zoom: 1;	/* required for "hasLayout" in IE */
}

#issue-contents a {
    color: rgb(0, 83, 148);  
    text-decoration: none;
}

#issue-contents a:active {
    text-decoration: underline;
}

#issue-cover {
    float: left;
    margin-top: 10px;
    margin-left: -13px;
    zoom: 1;	/* required for "hasLayout" in IE */
    position: relative;	/* fixes negative margin bug in IE (http://haslayout.net/css/negmargin) */
}

#issue-cover img.large {
    -webkit-box-shadow: 5px 5px 10px #AAA;
    width: 300px;
}

a#pdf, div#pdf {
    display: block;
    margin-top: 5px;
    margin-left: 20px;
    font-size: 0.9em;
    line-height: 30px;
}

a#pdf img {
    border: 0px;
    margin-bottom: -2px;
}

#issue-attention {
    padding: 50px 20px 50px 400px;
}

#issue-articles {
    padding: 0px 20px 20px 400px;
    /*	width: 90%;		/* to prevent page overflow in IE6 */
}

#issue-name {
    display: block;
    font-size: 20pt;
    font-style: italic;
    border: 2px solid #767878;
    background-color: white;
    margin-top: -22px;
    margin-left: 400px;
    margin-right: 40px;
    padding: 20px 25px 5px 10px;
    -webkit-box-shadow: 5px 5px 10px #AAA;
    zoom: 1;	/* required for "hasLayout" in IE */
    position: relative;	/* fixes negative margin bug in IE (http://haslayout.net/css/negmargin) */
}

#issue-month {
    display: block;
    height: 22px;
    margin-top: -22px;	/* for IE: 25px */
    margin-left: -50px;
    margin-bottom: 5px;
    zoom: 1;	/* required for "hasLayout" in IE */
    position: relative;	/* fixes negative margin bug in IE (http://haslayout.net/css/negmargin) */
}

#issue-name h2 {
    display:none;
    font-size: 10pt;
    font-style: normal;
    background-color: #E64016;
    color: white;  
    padding: 2px;
    border-bottom: 2px solid #767878;
    margin-top: -31px;
    margin-left: -50px;
    zoom: 1;	/* required for "hasLayout" in IE */
    position: relative;	/* fixes negative margin bug in IE (http://haslayout.net/css/negmargin) */
}

#issue-name img {
}

.clear {
    clear: both;
}

/* BREADCRUMBS */

#breadcrumbs {
    font-size: 0.9em;
    margin: 10px 29px;
}

#breadcrumbs img {
    border: 0px;
    height: 0.9em;
}

#breadcrumbs-top {
}

#breadcrumbs-bottom {
}

#breadcrumbs a {
    font-size: 0.9em;
    color: #666;
    text-decoration: none;
}

#breadcrumbs a:active {
    text-decoration: underline;
}

#breadcrumbs .right {
    float: right;
    margin: 0;
    padding: 0;
    margin-top: -0.3em
}

/* ARTICLE SKELETON */

div#top {
}

div#middle {
    margin-top: 3em;
}

div#bottom {
    clear: both;
}

div#left {
    margin-right: 230px;
    padding: 0px 10px;
}

div#right {
    float: right;
    width: 220px;
    padding: 0px 10px;
}

div.block {
    border: 2px solid #767878;
    background-color: white;
    text-align: justify;
    margin-bottom: 2.0em;
    zoom: 1;	/* required for "hasLayout" in IE */
}

div#left div.block {
    padding: 5px 17px 17px 17px;
}

div#right div.block {
    font-size: 0.8em;
    background-color: #CCC;
    padding: 5px 8px 10px 8px;
}

h1.blocktitle {
    background-color: white;
    border: 2px solid #767878;
    -webkit-box-shadow: 5px 5px 10px #AAA;
    zoom: 1;	/* required for "hasLayout" in IE */
    position: relative;	/* fixes negative margin bug in IE (http://haslayout.net/css/negmargin) */
}

div#left h1.blocktitle {
    font-size: 1.9em;
    font-style: italic;
    text-align: left;
    padding: 10px 30px 10px 10px;
    margin-top: -1.2em;
    margin-left: 30%;
}

div#right h1.blocktitle {
    font-size: 1.1em;
    text-align: center;
    padding: 2px 5px;
    margin-top: -1.4em;
}


/* ARTICLE CONTENTS */

#article {
}

#article table {
    margin-top: 2em;
    margin-bottom: 2em;
}

#article th {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

#article h2 {
    font-size: 1.0em;
    font-weight: bold;
    margin: 0em 0em 1em 0em;
    padding: 0em;
}

#article h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 1em 0em 0em 0em;
    padding: 0em;
}

#article h3.error {
    color: red;
    font-style: italic;
}

#article h5 {
    display: none;
}

#article h6 {
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;
    margin: 0 0 1em 0;
    padding: 0;
}

#article p {
    padding-top: 0.7em;
    margin: 0;
}

#article p.error {
    font-size: 1.5em;
    font-style: italic;
    margin-top: 2em;
    margin-bottom: 2em;
    border: 1px solid red;
    padding: 1em;
}

#article p.message {
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 1em;
}

#article img {
    padding: 1em;
}

#side-article h2 {
    font-size: 1.0em;
    font-weight: bold;
    margin: 0em 0em 1em 0em;
    padding: 0em;
}

#side-article h3 {
    font-size: 1.0em;
    font-weight: bold;
    margin: 1em 0em 0em 0em;
    padding: 0em;
}

#side-article h6 {
    font-size: 1em;
    font-style: italic;
    margin: 2em 0 1em 0;
    padding: 0;
}

#side-article p {
    padding-top: 0.7em;
    margin: 0;
}

/* ARTICLE IMAGE COLUMNS */

div.col_x {
    width: 100%;
    padding: 1.5em 0 1.5em 0;
}

div.col_x-- {
    float: left;
    width: 30%;
    padding: 0.5em 1.5em 0.5em 0;
}

div.col_xx- {
    float: left;
    width: 70%;
    padding: 0.5em 1.5em 0.5em 0;
}

div.col_--x {
    float: right;
    width: 30%;
    padding: 0.5em 0 0.5em 1.5em;
}

div.col_-xx {
    float: right;
    width: 70%;
    padding: 0.5em 0 0.5em 1.5em;
}

div.col_xx-- {
    float: left;
    width: 50%;
    padding: 1.5em 1.5em 0.5em 0;
}

div.col_--xx {
    float: right;
    width: 50%;
    padding: 1.5em 0 0.5em 1.5em;
}

#article img.photo, #side-article img.photo {
    width: 100%;
    padding: 0;
}

#article h4.photo {
    font-size: 0.8em;
    font-weight: normal;
    padding: 0.6em 0;
    margin: 0;
    text-align: right;
}

#side-article h4.photo {
    font-size: 0.9em;
    font-weight: normal;
    padding: 0;
    padding-top: 0.6em;
    margin: 0;
    text-align: right;
}


/* EDIT */

#edit h2 {
    background-color: white;
    color: #AAA;
    font-weight: 900;
    font-variant: small-caps;
    text-align: center;
    border: 2px solid white;
    padding: 5px;
    padding-left: 1em;
    letter-spacing: 0.45em;
    word-spacing: 0.7em;
    -webkit-box-shadow: 5px 5px 10px #AAA;
    -webkit-border-radius: 5px;
}

#edit h3 {
    margin: 40px 0px 10px 0px;
    padding-top: 10px;
    border-top: 1px solid darkgray;
}

#edit h4 {
    color: gray;
}

#edit h5 {
    margin: 0px;
    padding: 15px 5px 5px 5px;
}

#edit .dialog {
    background-color: white;
    border: 1px solid black;
    padding: 16px;
    margin: 16px;
    -webkit-box-shadow: 5px 5px 10px #AAA;
    -webkit-border-radius: 5px;
}

#edit .dialog .right {
    float: right;
    font-size: 1.5em;
}

#edit .errors {
    background-color: #EEF;
    border: 3px solid #E64016;
    padding: 16px;
    margin: 36px;
    -webkit-box-shadow: 5px 5px 10px #AAA;
    -webkit-border-radius: 10px;
}

#edit p {
    font-size: 1.5em;
}

#colofon h3, #links h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 1em 0em 0em 0em;
    padding: 0em;
}

#edit table#results {
    border: 1px solid gray;
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

#edit th {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*************************************************************************************
*	Grails inheritance

h1 {
font-family:Arial,sans-serif;
color:#578BB8;
font-size:1.6em;
}

body {
margin:0px;
font-family:Arial,sans-serif;
color: #616161;
}

table {
width: 100%;
}

th {
background-color:#578BB8;
color:white;
width:30px;
font-family:Arial,sans-serif;
padding:5px;

}

td {
background-color:#F0F0F0;
text-align:left;
vertical-align:top;
padding: 3px 5px;
}

td.right, th.right {
text-align:right;
}

table .white, tr .white, td .white {
background-color: white;
}

div .errors {
border: 2px solid red;
padding: 5px;
margin-top:10px;
margin-bottom:10px;
}

td .errors {
border: 1px solid red;
}

th.sorted a, th.sorted a:link, th.sorted a:visited, th.sorted a:hover, th.sortable a, th.sortable a:link, th.sortable a:visited, th.sortable a:hover {
color: white;
}

.menuButton {
background-color:gray;
border: 1px solid white;
border-style: none solid none none ;
margin-left:0px;
padding-bottom: 5px;
}

.menuButton a:active,.menuButton a:link,.menuButton a:visited,.menuButton a:hover {
font-family:Arial,sans-serif;
font-size:0.9em;
color: white;
font-weight:bold;
text-decoration:none;
padding:20px;
}

.actionButton a:active,.actionButton a:link,.actionButton a:visited,.actionButton a:hover {
font-family:Arial,sans-serif;
font-size:0.8em;
font-weight:bold;
color: #578BB8;	
}

.body {
padding: 25px;
float: left;
}

.nav {
width:100%;
margin-top: 0px;
background-color:#D6D6D6;
height: 30px;
border: 2px solid gray;
border-style: solid none none none ;	
}

.dialog 
{
padding: 15px;
background-color:#F0F0F0;

}

.dialog label{
width: 120px;
font-weight: bold;
}

.dialog .textfield, textarea{
width: 180px;
margin-bottom: 5px;
}

.prop {
padding: 5px;
}

.buttons {
margin-top: 15px;
}

.actionButtons {
width:100px;
}

.message {
border: 1px solid #FFCC00;
padding: 5px;
margin-top:10px;
margin-bottom:10px;
}

.prop .name {
font-weight:bold;
text-align:left;
width:20%;
}

.prop .value {
text-align:left;
width:80%;
}

.prevLink, .step, .currentStep, .nextLink {
padding-right: 5px;
}

.currentStep {
font-weight:bold;
}

*/