/****************************************************************************/
/*                                                                          */
/*              Saffron Walden Scouts Screen Stylesheet                     */
/*         Events (e.g. Calendar, Bookings, Notices) sub-set                */
/*                                                                          */
/*                       Author = Peter Wright                              */
/*                                                                          */
/*                   Creation Date = 09 June 2008                           */
/*                   Updated       = 16 July 2010  01:16                    */
/*                                                                          */
/****************************************************************************/


p.legend        {
                    background: #959595;
                }
                
#cal input.cal    
                {
                    position:absolute;
                    left:36em;
                    margin-bottom:.2em;
                }               
                    
#cal input.inverse
                {
                    position:absolute;
			        left:26.5em;
                    margin-bottom:.2em;
                }               
                    
#cal input.inverse_bk
                {
                    position:absolute;
			        left:27.0em;
                    margin-bottom:.2em;
                }               
                    
#cal span.all_day
                {
                    position:absolute;
			        left:29em;
                    margin-bottom:.2em;
                }               
                    
#cal input.all_day
                {
                    position:relative;
				    left:640;
                    margin-bottom:.2em;
                }               

#cal select.day
                {
                    position:absolute;
				    left:336px;
                }
                               
#cal select.month
                {
                    position:absolute;
				    left:378px;
                }
                
#cal select.year
                {
                    position:absolute;
				    left:474px;
                }
                
#cal label.at_symbol
                {
                    position:absolute;
				    left:530px;
                }
                
#cal select.hour
                {
                    position:absolute;
				    left:550px;
                }
                
#cal select.minute
                {
                    position:absolute;
				    left:592px;
                }
                
#cal select.chour
                {
                    position:absolute;
				    left:392px;
                }
                
#cal select.cminute
                {
                    position:absolute;
				    left:434px;
                }
                
#cal input.multi,
#event input.d_time
                {
                    position:absolute;
				    left:800px;
                }
#event input.headline    
                {
                    position:absolute;
                    left:8em;
                    margin-bottom:.2em;
                }               
                    
#event label.bold 
                {
                    position:absolute;
			        left:24em;
                    margin-bottom:.2em;
                }               
                    
#event span.bold 
                {
                    position:absolute;
			        left:24em;
                    margin-bottom:.2em;
                }               
                    
#event input.bold
                {
                    position:absolute;
				    left:480;
                    margin-bottom:.2em;
                }               

#notice input.headline    
                {
                    position:absolute;
                    left:8em;
                    margin-bottom:.2em;
                }               
                    
#notice span.bold 
                {
                    position:absolute;
			        left:24em;
                    margin-bottom:.2em;
                }               
                    
#notice input.bold
                {
                    position:relative;
				    left:480;
                    margin-bottom:.2em;
                }               

#notice textarea.col1    
                {
                    position:absolute;
                    left:8em;
                    margin-bottom:.2em;
                }               
                    
#target select.col1,
#notice input.col1,
#cal select.col1
                {
                    position:absolute;
                    left:12em;
                    margin-bottom:.2em;
                }
                               
#cal input.inverse,
#cal input.col2,
#cal select.col2
                {
                    position:absolute;
			        left:24em;
                    margin-bottom:.2em;
                }               
                    
#cal input.col3
                {
                    position:absolute;
			        left:31em;
                    margin-bottom:.2em;
                }               
                    
#booking input.reason    
                {
                    position:absolute;
                    left:18em;
                    margin-bottom:.2em;
                }               
                    
#booking select    
                {
                    position:absolute;
		            padding-top:0;
			        left:18em;
                    line-height:1.4em;
                    margin-bottom:.2em;
                }
                
#booking span.details
                {
                    position:absolute;
			        left:23em;
                    margin-bottom:.2em;
                }               

/* Holiday text position, colours & size */
                  
.cal_h0,
.cal_h1,
.cal_h2,
.cal_h3,
.cal_h4,
.cal_h5,
.cal_h6,
.cal_h7,
.cal_h8   		{
                    position: relative;
                    left: 20px;
                    font-size: 75%;
                    font-weight: bold;
                }               

.cal_h0    		{
                    color: BLACK;
                    font-weight: normal;
                }               

.cal_h1    		{
                    color: BLACK;
                }               

.cal_h2    		{
                    color: RED;
                }               

.cal_h3    		{
                    color: GREEN;
                }               

.cal_h4    		{
                    color: BLUE;
                } 
                              
.cal_h5    		{
                    color: BLACK;
                }               

.cal_h6    		{
                    color: RED;
                }
                               
.cal_h7    		{
                    color: GREEN;
                }               

.cal_h8    		{
                    color: BLUE;
                }
                               

table.cal_wh    {
                    border: none;
                    cellspacing: 0%;
                    width: 98%;
                }               

td.cal_wh0,
td.cal_wh1,
td.cal_wh2      {
                    background: #fffab2;
                    text-align: center;
                    font-weight: bold;
                    font-size: 1.0em;
                    vertical-align: top;
                    color: BLACK;
                    width: 12%;
                    min-width: 12%;
                    height: 25px;
                    margin: 0;
                    padding: 0;
                    border: thin solid BLACK;
                }               

td.cal_wh1      {
                    background: #fef886;
                }               

td.cal_wh2      {
                    background: $colour.Ca2;
                }               

table.calendar  {
                    border: none;
                    cellspacing: 0%;
                    width: 98%;
                    table-layout: fixed;
                }               

/* Cell position, colours & size */

td.cal_w0a, 
td.cal_w0b,
td.cal_w1a,
td.cal_w1b,
td.cal_w2a,
td.cal_w2b,
td.cal_w0ah, 
td.cal_w0bh,
td.cal_w1ah,
td.cal_w1bh,
td.cal_w2ah,
td.cal_w2bh     {
                    background: #ffffff;
                    font-weight: normal;
                    font-size: 1.0em;
                    vertical-align: top;
                    color: BLACK;
                    width: 12%;
                    min-width: 12%;
                    height: 100px;
                    min-height: 100px;
                    margin: 0;
                    padding: 2%, 5%, 3%, 5%;
                }               

td.cal_w0a      {
                    background: #fffab2;
                }               

td.cal_w0b      {
                    background: #fbd7a1;
                }               

td.cal_w1a      {
                    background: #fef886;
                }               

td.cal_w1b      {
                    background: #f8c473;
                }               

td.cal_w2a      {
                    background: #fcf64c;
                }               

td.cal_w2b      {
                    background: #f3b044;
                }               

td.cal_w0ah     {
                    background: #acacac;
                }               

td.cal_w0bh     {
                    background: #959595;
                }               

td.cal_w1ah   	{
                    background: #acacac;
                }               

td.cal_w1bh     {
                    background: #959595;
                }               

td.cal_w2ah     {
                    background: #fcf64c;
                }               

td.cal_w2bh     {
                    background: #f3b044;
                }               

td.cal_m0a,
td.cal_m0b,
td.cal_m1a,
td.cal_m1b      {
                    background: #d4e7b2;
                    font-weight: normal;
                    font-size: 1.0em;
                    vertical-align: top;
                    color: BLACK;
                    width: 22%;
                    min-width: 22%;
                    height: 170px;
                    min-height: 170px;
                    margin: 0;
                    padding: 2%, 5%, 3%, 5%;
                    border: thin solid BLACK;
                }               

td.cal_m0b      {
                    background: #bbdb88;
                }               

td.cal_m1a      {
                    background: #a4d4b0;
                }               

td.cal_m1b      {
                    background: #69c08a;
                }               

p.cal_ev_black,
p.cal_ev_black_m,
p.cal_ev_red,
p.cal_ev_red_m,
p.cal_ev_green,
p.cal_ev_green_m,
p.cal_ev_blue,
p.cal_ev_blue_m {
                    font-family:"Serif";
                    font-size: 0.8em;
                    color: BLACK;
                    margin: 0%;
                    margin-bottom: 0%;
                }               

p.cal_ev_red,
p.cal_ev_red_m
                {
                    color: RED;
                }               

p.cal_ev_green,
p.cal_ev_green_m
                {
                    color: GREEN;
                }               

p.cal_ev_blue,
p.cal_ev_blue_m
                {
                    color: BLUE;
                }               

p.cal_ev_red_m,
p.cal_ev_green_m,
p.cal_ev_blue_m {
                    font-size: 0.7em;
                    text-align: left;
                }               

p.cal           {
                    font-family:"Serif";
                    font-size: 0.7em;
                    margin: 0%;
                    margin-bottom: 0%;
                }               

table.note_h    {
                    border: none;
                    width: 100%;
                    cellspacing: 0%;
                    table-layout: fixed;
                }               

td.note_h0,
td.note_h1      {
                    background: #d4e7b2;
                    text-align: center;
                    font-weight: bold;
                    font-size: 1.0em;
                    vertical-align: top;
                    color: BLACK;
                    width: 89%;
                    height: 25px;
                    margin: 0;
                    padding: 0;
                    border: thin solid BLACK;
                }               

td.note_h1      {
                    background: #bbdb88;
                    width: 10%;
                }               

td.note_0a, 
td.note_0b,
td.note_1a,
td.note_1b     {
                    font-weight: normal;
                    font-size: 1.0em;
                    vertical-align: top;
                    color: BLACK;
                    margin: 0;
                    padding: 2%, 1%, 1%, 3%;
                    border: none;
                }               

td.note_0a      {
                    background: #fffab2;
                }               

td.note_0b      {
                    background: #fbd7a1;
                }               

td.note_1a      {
                    background: #fef886;
                }               

td.note_1b      {
                    background: #f8c473;
                }