/*** BZcVorg.css : 04-12-2011 ***/
/*** (c) Heartbeat Development (www.heartbeat-development.nl) ***/

/*** central column on page ***/

h1 {
	color:#FFE070; 
	font-size:1.5em;
}

h2 {
	color:#FFE070; 
	font-size:1.2em;
}

html {
/***	background:url(vuurwerk.jpg) top left no-repeat; ***/
	background-color: black;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: 100% auto;
}

div.vorgcontainer {
    max-width: 1250px;
    margin: 0 auto;
    font-family: Calibri;
    font-size:0.9em;
    padding: 0.5em 1em 0.5em 1em;

    /* rounded corners */
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;

    /* add gradient */
    background-color: #bbbbbb;
    background: -moz-linear-gradient(top, #bbbbbb, #888888);
    background: -webkit-gradient(linear, left top, left bottom, from(#A0A0A0), to(#707070));

    /* add box shadows */
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}

div.standcontainer {
    max-width: 700px;
    margin: 0 auto;
    font-family: Calibri;
    font-size:0.9em;
    padding: 0.5em 1em 0.5em 1em;

    /* rounded corners */
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;

    /* add gradient */
    background-color: #bbbbbb;
    background: -moz-linear-gradient(top, #bbbbbb, #888888);
    background: -webkit-gradient(linear, left top, left bottom, from(#A0A0A0), to(#707070));

    /* add box shadows */
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}

div.rankcontainer {
    max-width: 600px;
    margin: 0 auto;
    font-family: Calibri;
    font-size:0.9em;
    padding: 0.5em 1em 0.5em 1em;

    /* rounded corners */
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;

    /* add gradient */
    background-color: #bbbbbb;
    background: -moz-linear-gradient(top, #bbbbbb, #888888);
    background: -webkit-gradient(linear, left top, left bottom, from(#A0A0A0), to(#707070));

    /* add box shadows */
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}

div.legcontainer {
    max-width: 900px;
    margin: 0 auto;
    font-family: Calibri;
    font-size:0.9em;
    padding: 0.5em 1em 0.5em 1em;

    /* rounded corners */
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;

    /* add gradient */
    background-color: #bbbbbb;
    background: -moz-linear-gradient(top, #bbbbbb, #888888);
    background: -webkit-gradient(linear, left top, left bottom, from(#A0A0A0), to(#707070));

    /* add box shadows */
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}

/*** Formatting for the leg tables ***/
table.bzcvorg {
    width: 100%;
    border-collapse:collapse;
    text-align:center;
    color: #606060;
}

/*** table head row style ***/
table.bzcvorg thead tr td  {
    background-color: White;
    vertical-align:middle;
    padding: 0.6em;
    font-size:0.5em;
}

/*** table head columns header style ***/
table.bzcvorg thead tr th
{
    text-align: left;
    padding: 0.5em;
    /* add gradient */
    background-color: #008080;
    background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
    background: -moz-linear-gradient(top, #606060, #909090);
    color: #dadada;
}

/*** table body odd rows style ***/
table.bzcvorg tbody tr:nth-child(odd) {
   background-color: #fafafa;
    font-size:0.9em;
}

/*** hover effect to table body odd rows ***/
table.bzcvorg tbody tr:nth-child(odd):hover
{
    cursor:pointer;
    /* add gradient */
    background-color: #808080;
    background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
    background: -moz-linear-gradient(top, #606060, #909090);
    color: #dadada;
}

/*** table body even rows style ***/
table.bzcvorg tbody tr:nth-child(even) {
    background-color: #dedede;
    font-size:0.9em;
}

/*** hover effect to table body even rows ***/
table.bzcvorg tbody tr:nth-child(even):hover
{
    cursor:pointer;
    /* add gradient */
    background-color: #808080;
    background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
    background: -moz-linear-gradient(top, #606060, #909090);
    color: #dadada;
}

/*** table body last row style ***/
table.bzcvorg tbody tr:last-child {
     border-bottom: solid 1px #404040;
}

/*** table body separator row  ***/
table.bzcvorg tbody tr.separator {
    /* add gradient */
    background-color: #808080;
    background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
    background: -moz-linear-gradient(top, #606060, #909090);
    color: #dadada;
}

/*** table data element, all section ***/
table.bzcvorg td {
   vertical-align:middle;
   text-align: left;
   padding: 0.1em;
}

/*** table data element, all section ***/
table.bzcvorg .ralign {
   text-align: right;
}

/*** table data element, all section ***/
table.bzcvorg .italics {
   font-style:italic
}

/*** table data element, all section ***/
table.bzcvorg .red {
   color: #de0000;
}

/*** table data element, all section ***/
table.bzcvorg .orange {
   color: #abab10;
}

/*** table data element, all section ***/
table.bzcvorg .purple {
   color: #ab10ab;
   font-style:italic
}

/*** table data element, all section ***/
table.bzcvorg .green {
   color: #30aa30;
   font-style:italic
}

/*** table data element, all section ***/
table.bzcvorg .blue {
   color: #1010ab;
}

/*** table data element, all section ***/
table.bzcvorg .ralignred {
   color: #de0000;
   text-align: right;
}

/*** table footer section ***/
table.bzcvorg tfoot tr td {
    text-align:center;
    color:#303030;
    text-shadow: 0 1px 1px rgba(255,255,255,0.3);
}

/*** bullet list ***/
ul.vorg {
	margin: 0; 
	list-style: none; 
	text-align: left;
}

ul.vorg li:before {
	content: "\2606\a0";
}

.yellow {
    color: #ffff77;
}