/*
    roseofsharon.css -- CSS for raZor's Rose of Sharon
*/

/*
	COLOR KEY:
	
	dark - baseline/background: #8c464e - dark lavender
	medium - content/left pane: #e08ba0 - dark barbie pink
	light - foreground: #f9dfde - very light pink


*/

body {
    font-family: Georgia, Verdana, Helvetica, Sans-serif;
	font-size: 11pt;
	margin: 0em;
	padding: 15px;
  background: #FEFEFF; 
	/* background: #0F080F; */
	
	color: #703800;								       /* FONT 1 */
	
	/*border: solid 1px black;*/
}

/* container styles */
#container {
    background: gray;
    padding: 15px;
	/*border: solid 1px black;*/
	/*min-height: 1024px;*/
}

/* header styles */

#header {
    /* background: #e08ba0;  original medium */
   /*  background: #203F5F;	*/ 									/* KESKI */
     background-image: url(./../images/BGs/bg_header.jpg);  
    /* height: 98%; */
	   height: 130px;					/* HEADER KORKEUS */
    /*border: solid 1px black;*/
}

#header div {
    display: block;
}

#logo {
	/*display: inline;*/
	/*background: #777 url('./../images/rose_logo.jpg') repeat top left;*/
	/*background: #f9dfde; */ /* original light */
	
	/*background: #27313D; */ /*X*/   
  /* background: #F0F8FF;   */                                                                   /* VAALEIN */
	
	/* background: #f9dfde url(./../images/corner_topright_light_med.gif) no-repeat top right;*/
	/* background: #F0F8FF  url(./../images/corner_topright_light_med.gif) no-repeat top right;    */       /* VAALEIN */
	float: left;
	/*height: 100px;		*/          /* sin logo-korkeus */	
	font-size: 1.0em;
	font-weight: 500;
    text-align: center;
    /*width: 125px; */			  /* sin logon palkin leveys */
    	
	/*margin-top: -1px;*/
	margin-left: 10px;
	padding-top: 10px;
	/* border-color: #FFFFFF;    */            /* TESTING */
  /*border-width: 3px;  				*/					/* TESTING */
  /*border-style: ridge;				*/					/* TESTING */
}

#logo img {
    vertical-align: top;
}

#apollobanner_518_90 
{
     margin-top: 10px;                /* ylä-marginaali */     
     margin-left: 150px;
     /* margin-right: 94px; */
     border-style: hidden;
     
	   background-image: url(./../images/BGs/bg_header.jpg);       
     /* border-color: #102F40; */
}

#topbanner_728_90 
{
     margin-top: 10px;                /* ylä-marginaali */     
     margin-left: 150px;
     /* margin-right: 94px; */
     border-style: hidden;
     
	   background-image: url(./../images/BGs/bg_header.jpg);       
     /* border-color: #102F40; */
}

#topscores 
{
     margin-top: 10px;                /* ylä-marginaali */     
     margin-left: 10px;
     /* margin-right: 94px; */
     /* border-style: hidden; */     
	   background-image: url(./../images/BGs/bg_header.jpg);       
     /* border-color: #102F40; */
}

#topbanner_468_60 
{
     margin-top: 40px;                /* ylä-marginaali */     
     margin-left: 142px;    
     border-style: hidden;    
}

#topbanner_120_90_with_468_60 
{
     margin-top: -90px;                /* ylä-marginaali */     
     margin-left: 621px;
    /* margin-right: 20px; */
     border-style: hidden;         
     /* border-color: #102F40; */
}

#vertibanner 
{
    /* margin-top: -5px;  */              /* ylä-marginaali */     
    /*  margin-left: 0px; */
    /* margin-right: 20px; */
     border-style: hidden;   
     /* border-color: #102F40; */
}


#tabs {
	float: left;
        text-align: right;
	/* background: #f9dfde; /* original light */
	background: #27313D;/*X*/  									    /* VAALEIN */
	margin-top: 5 px;                /* ylä-marginaali */
	height: 20px;
	margin-left: 80px;	
	/* background: #f9dfde url(./../images/corner_topright_light_med.gif) no-repeat top right; */
	background: #F0F8FF url(./../images/corner_topright_light_med.gif) no-repeat top right;         /* VAALEIN */
	border-color: #F0F8FF;                                                                  /* TESTING */
        border-width: 1px;  									/* TESTING */
		border-style: dashed;								/* TESTING */
	
}


#tabs ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

#tabs li {
    display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

#tabs li a#current {
	text-decoration: none;
	color: gray;
}

#tabs li a {
	text-decoration: none;
	color: black;
}

#tabs li a:hover {
	text-decoration: underline;
	/* color: red;  */ 
	 color: #FF0000 */
}

/* ----- OK LIMIT ----- */
/* main styles */

#main {
    padding: 5px;
    /* background: #8c464e; */ /* dark */
    background: #FFFFFF; 
	/* border-left: solid 1px black;  */
	/* border-right: solid 1px black;    */
	/* border-bottom: solid 1px black;   */
}

/* left side styles */

#left {
	float: left;
	/*width: 200px;  */
	width: 21%;
	/* background: #e08ba0; */ /* medium */
	background: #FFFFFF;
	/* margin-left: 5px;  */     /* box_with_menu SIIRTYY TÄSTÄ oikealle*/
	padding: 5px;
}

/* content styles */

#content {
	/*margin-left: 215px; */  /* box ja box_full siirtyy tästä oikealle */
	margin-left: 23%;
	/* background: #e08ba0;*/ /* medium */
	background: #FFFFFF;
	padding: 5px;
	padding-bottom: 0px;
	/*vertical-align: bottom;*/
}

#bottom_content {
	/*margin-left: 215px; */  /* box ja box_full siirtyy tästä oikealle */
	margin-left: 23%;
	/* background: #e08ba0;*/ /* medium */
	background: #FFFFFF;
	padding: 1px; 
	/*vertical-align: bottom;*/
}

#content h4, #bottom_content h4 {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
	font-size: 1em;
}

#content h2,  #bottom_content h2 {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
	font-size: 1.1em;
}

#content h1,  #bottom_content h1 {
  text-indent: 10px;
	margin-top: 0.2em;
	margin-bottom: 0.4em;
	font-size: 1em;
	width: 97%;	/* motto / otsikko palkin pituus */
	/*background: #F0F8FF; */ /* SEURAAVA MOTTO / OTSIKKO TEKSTIRIVIN tausta "righ box, left box */
	background: #F0F8FF url(./../images/rounded_bar_left.gif) no-repeat top left;           /* light blue with puolipallo */	
}

#content p,  #bottom_content p {
	text-indent: 1.5em;
}

#content p.book, #bottom_content p.book {
	text-indent: 1em;
}

#content p.book:first-letter, #bottom_content p.book:first-letter {
	float: left;
	font-size: 1.5em;
}

/* form / input styles */

input {
	background: #FFFFFF; 
}

/* table styles */

table.rose {
}

table.rose caption {
	font-size: 0.7em;
}

table.rose tr.rowA {
	/* background: #e08ba0;*/ /* medium */
	background: #FFFFFF;   /* taulukoiden odd rivit valkeat */
}

table.rose tr.rowB {
}

td.fiftypercent {
	width: 65%;
}

td.seventypercent {
	width: 70%;
}

td.thirtypercent {
	width: 25%;
}

td.volunteer{
  /* background: #FFFFFF; */
  padding-top: 30px;
  /*width: 32%; */
}
td.copyright{
  /* background: #F0F8FF; */  
  font-size: 0.7em;
}


/* large links - taken from softened Cells by (snop?) fullahead.org */
/*
ul.links {
  float: left;
  padding: 0px;
  margin: 0px;
}

ul.links li {
  float: left;
  list-style-type: none;
  list-style: none;
}

ul.links li a {
  float: left;
  width: 195px;
  padding-top: 5px;
  margin: 0px;  
  cursor: pointer;
  text-decoration: none;
}

/* BEGIN TURHA ???*/
/*
ul.links li a:hover {
  background: #F0F8FF url(./../images/link_top.jpg) no-repeat top center;
}

ul.links li a span.title {
  display: block;
  margin-left: 11px;
  text-indent: 20px;  
  background: url(./../images/link_arrow.gif) no-repeat center left;
  color: black;
}


ul.links li a span.desc {
  float: left;
  width: 175px;
  padding-right: 3px;
  margin-left: 10px;
  color: rgb(204,51,102);
}

ul.links li a span.bottom {
  display: block;
  height: 18px;
  clear: both;
}

ul.links li a:hover span.bottom {
  background: #e08ba0 url(./../images/link_bottom.jpg) no-repeat top center;
}
*/
/* END TURHA ???*/


/* box styles */

.box_full { /* big bottom box */
	background: #F0F8FF; /* light blue*/
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	/* width: 55%; */
	width: 95%;
	padding-left: 5px;  
	padding-right: 5px; 
	/* background-image: url(./../images/BGs/bg_box_full.jpg); */
	/*
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	*/
	/*display: inline;*/
}

.box_paypal { /* frontpage left paypal box */
	background: #F0F8FF; /* light blue*/
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	/* width: 55%; */
	width: 95%;
	padding-left: 5px;  
	padding-right: 5px; 

	/*display: inline;*/
}


.box_for_middle_insert { /* big bottom box */
	background: #FFFFFF; 
/*	margin-bottom: 0.5em;   */
/*	padding-bottom: 0.5em;  */
	/* width: 15%;  */
	width: 95%;
	padding-left: 5px;  
	padding-right: 5px;   
	/* border-color: #D0D0FF;*/
	/* border-width: 1px; */
	border-style: hidden;	
	/* background-image: url(./../images/BGs/bg_box_full.jpg); */
	
/*	float: left;
	margin-left: 3%;
	margin-right: 3%;
	*/
	/*display: inline;*/
}



.box_for_ads { /* big bottom box */
	/* background: #F0F8FF;*/ /* light blue*/
	background: #FFFFFF;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	/* width: 15%;  */
	width: 95%;
	padding-left: 5px;
	padding-right: 5px;
	
/* 	margin-left: auto;  */
/*  margin-right: auto;  */
	
	/* background-image: url(./../images/BGs/bg_box_full.jpg); */
	/*
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	*/
	/*display: inline;*/
}

.box_for_username { /* box for requesting big bottom box */
	background: #F0F8FF; /* light blue*/
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	width: 95%;
	padding-left: 5px;
	padding-right: 5px;
	border-width: 1px;  									/* TESTING */
  border-style: dashed;									/* TESTING */
  border-color: #003F68;
	/*
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	*/
	/*display: inline;*/
}


.box_with_menu { /* top-left boxes */
	/* background: #f9dfde; /* original light */
/*      background: #27313D;  */                                                		/* VALEIN */
/*	background-image: url(http://www.tele3d.com/tablebg_vaalea.gif); */
/* color: #FFD83F;  */
  color: #703800;
	margin-bottom: 0.5em;
	padding-bottom: 0.1em;
	width: 95%; /* 100% makes IE wrap funny */
/*	height: 98%;  */
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	
  border-width: 3px;  								
  border-style: outset;								
/*  border-color: #203F5F; */
/*  background-image: url(./../images/BGs/V2.gif);*/
	background: #FF9900;
	background-image: url(./../images/BGs/sun2.jpg);  
}

.box_for_results { /* low-left boxes */
	/* background: #f9dfde; /* original light */
/*      background: #27313D;  */                                                		/* VALEIN */
/*	background-image: url(http://www.tele3d.com/tablebg_vaalea.gif); */
  text-align: center;
  color: #703800;  
  font-weight: 500;
	margin-bottom: 0.5em;
	padding-bottom: 0.1em;
	width: 98%; /* 100% makes IE wrap funny */
/*	height: 98%;  */
/*	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-width: 3px;  			*/					
/*  border-style: outset;  */
  border: 8px outset #294A73;
/*  color: black;  */
  
  
}


.box { /* double-boxes*/
	/* background: #f9dfde; */ /* light */
	background: #FF9900;
	background-image: url(./../images/BGs/sun2.jpg);
/*	margin-bottom: 0.5em;  */
	padding-bottom: 0.1em;
	width: 95%; /* 100% makes IE wrap funny */
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px; 
	
  border-width: 3px;  									/* TESTING */
  border-style: outset;									/* TESTING */
  
  border-color: #203F5F;
}


.box_with_menu h3 {
  text-indent: 10px;
  margin-left: -5px;
	margin-right: -5px;
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-size: 0.8em;
	font-variant: small-caps;
	font-weight: bold;
	border-bottom: dashed 1px #003F68;	

	/* background: #8c464e;*/ /* dark */	
}

.bottom_buttons {
	/* background: #F0F8FF; */ /* light blue*/
	background: #FFFFFF;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	
	/* width: 15%;  */
	/* width: 95%; */
	padding-left: 5px;
	padding-right: 5px;
}

.box h3, .box_full h3, .box_paypal h3, .box_for_ads h3, .box_for_username h3, .box_for_middle_insert h3{
  text-indent: 5px;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 0em;
	margin-bottom: 0.2em;
	font-size: 0.8em;
	font-variant: small-caps;

	/* background: #8c464e;*/ /* dark */	
}

.box a, .box_full a, .box_paypal a, .box_for_username a {
	display: block;
	/*color: black; */
	color: #703800;
/*	color: #FFC020; */
	
	padding-left: 5px;
	padding-bottom: 2px;
	text-decoration: none;
}

.box_with_menu a {
	font-weight: 500;    /* 400 = normal, 700 = bold */
 	color: #9F0800; 
 	
  display: block;
	/*color: black; */ 
  /* color: #703800; */
  /*	color: #FFC020; */	
	padding-left: 5px;
	padding-bottom: 2px;
	text-decoration: none; 
}

/*.box a:hover,*/ .box_with_menu a:hover {	
	background: #F0F8FF;
  color: #9F0800;  
}

.box img.left {
	float: left;
	margin: 2px;
	/* border: dashed 1px #8c464e; */ /* dark */
	/* border: dashed 1px #003F68;*/
	border: groove 2px #003F68;
	
}


.box img.right {
	float: right;
	margin: 2px;	
	/* border: dashed 1px #8c464e; */ /* dark */
	/* border: dashed 1px #003F68; */
	border: groove 2px #003F68;
	

}


/* Copyright & validation links styles */
/*
span.smallGray {
	color: #777;
	font-size: 0.7em;
}

span.smallGray a {
	color: #777;
}
*/
/* ----- OK LIMIT ----- */

/* BEGIN TULOKSET TAULUN MUOTOILU */
/* TODO: nimet yksiriviseksi      */
.zebra tbody tr.even td 
{
      background-color: #eee;
      
}
.zebra tbody tr.odd  td 
{
      background-color: #fff; 
}

table.tulos 
{ 
      border: 8px outset #294A73;
      color: black;                                                 		 /* FONT 2 */
}
/* END OF TULOKSET TAULUN MUOTOILU */

/* BEGIN Linkkien muotoilut */
/*
#tabs li a {
	text-decoration: none;
	color: black;
}

#tabs li a:hover {
	text-decoration: underline;
	color: Red;
}
*/

/* a:link { color: #703800; }*/     /* vierailematon linkki RUSKEA */
/* a:visited { color: #507FA0; }*/  /* vierailtu linkki TUMMAN SININEN*/
/* a:hover { color: #8FEF8F; } */   /* mouse-over hover METSÄN VIHREÄ*/

a:link { color: #C00000; }     /* vierailematon linkki TUMMAN PUNAINEN*/
a:visited { color: #507FA0; }  /* vierailtu linkki TUMMAN SININEN */
a:hover { color: #FDC526; }    /* mouse-over hover ORANSSI*/

/* #9F0700 */

/* END OF linkkien muotoilut */

/* BEGIN LOPPUUN LISÄTÄÄN CORNER KUVIEN MUOTOILUT */
/* (de-comment what is needed) */


/* BEGIN OF IMAGE CORNER MUOTOILUT */

.roundHeader_med {
	background: url(./../images/corner_topright_med.gif) no-repeat top right;
}

.roundFooter_dark {
	background: #8c464e url(./../images/corner_botright_dark.gif) no-repeat bottom right;
}

.roundLeft_med {
	background: url(./../images/corner_topright_med_dark.gif) no-repeat top right;
	margin-right: -5px;
	margin-top: -5px;
}


.roundLeft2_med {
	background: url(./../images/corner_botright_med_dark.gif) no-repeat top right;
	margin-right: -5px;
	margin-bottom: -5px;
}
/*
.roundBoxTop_light {
	margin-right: -5px;
	background: url(./../images/corner_topright_light_med.gif) no-repeat top right;
}

.roundBoxBottom_light {
	margin-bottom: -5px;
	margin-right: -5px;
	background: url(./../images/corner_botright_light_med.gif) no-repeat bottom right;
}
*/
img.corner {
	width: 10px;
	height: 10px;
	border: none;
	display: block !important;
}
/* */  /* END OF IMAGE CORNER MUOTOILUT */