/* .name = object.class */
/* #name = object.id    */
/* body  = all html items */

/*CLASSES**********************************************************************/
.donotscreen{
  display: none;
}


@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-before: always; }
}

/* HTML OVERRIDES *************************************************************/

a {
   text-decoration: none;
   color: blue;
}

a:hover {
   text-decoration: underline;
   color: red;
}

a:visited {
   text-decoration: none;
   color: blue;
}


/* CLASSES ********************************************************************/

.floraborderth {
   font: 18px Arial;
   color: #ff6600;
   border-bottom: #8b4513 1px solid;
   border-right: #8b4513 1px solid;
}

.floraborderthempty {
   font: 18px Arial;
   color: #ff6600;
   border-right: #8b4513 1px solid;
}

.florabordertha {
   font: 18px Arial;
   color: #ff6600;
   text-decoration: none;
   border: none;
}

.florabordertha:visited {
   font: 18px Arial;
   color: #ff6600;
   text-decoration: none;
   border: none;
}


.florabordertha:hover {
   font: 18px Arial;
   color: #ff6600;
   text-decoration: underline;
   border: none;
}

.floraborderthlast {
   font: 18px Arial;
   color: #ff6600;
   border-bottom: #8b4513 1px solid;
}

.floraborderth2 {
   font: 18px Arial;
   color: #008080;
   border-bottom: #8b4513 1px solid;
   border-right: #8b4513 1px solid;
}

.floraborderth2bottom {
   font: 18px Arial;
   color: #008080;
   border-right: #8b4513 1px solid;
}


.florabordertda {
   font: 16px Arial;
   color: black;
   text-decoration: none;
   border: none;
}

.florabordertda:visited {
   font: 16px Arial;
   color: black;
   text-decoration: none;
   border: none;
}

.florabordertda:hover {
   font: 16px Arial;
   color: black;
   text-decoration: underline;
   border: none;
}


.florabordertd {
   font: 16px Arial;
   color: black;
   border-bottom: #8b4513 1px solid;
   border-right: #8b4513 1px solid;
}

.florabordertdbottom {
   font: 16px Arial;
   color: black;
   border-right: #8b4513 1px solid;
}

.florabordertdfirst {
   font: 16px Arial;
   color: black;
   border-bottom: #8b4513 1px solid;
   border-right: #8b4513 1px solid;
}

.florabordertdlast {
   font: 16px Arial;
   color: black;
   border-bottom: #8b4513 1px solid;
}

.florabordertdlasttop {
   font: 16px Arial;
   color: black;
   border-top: #8b4513 1px solid;
}

.florabordertdlastbottom {
   font: 16px Arial;
   color: black;
}

.floradashheader2{
   font: 45px Arial;
   color: #ff6600;
   border: none;
}


.button {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.mobilised{  /*Used as class of <tr> */
   font: 30px Arial;
}

.dashboard{  /*Used as class of <tr> */
   font: 40px Arial;
}

.menuname{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 60px;
   color: #ff6600;
}

.menuname:visited{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 60px;
   text-decoration: none;
   color: #ff6600;
}

.florath{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 50px;
   color: #008080;
   border: none;
}

.florath:visited{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 50px;
   color: #008080;
   border: none;
}

.floratd{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 50px;
   color: #ff6600;
   border: none;
}

.floratd1{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 50px;
   color: #008080;
}


.floratdblack{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 50px;
   color: black;
   border: none;
}

.floratd:visited{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 50px;
   color: #ff6600;
   border: none;
}

.floratd2{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 40px;
   color: #008080;
   border: none;
}

.floratd2:visited{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 40px;
   color: #008080;
   border: none;
}

.floratxt{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 40px;
   color: black;
   border: none;
   text-align: justify;
}

.floratxt:visited{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 40px;
   color: black;
   border: none;
   text-align: justify;
}

.menulink:visited {  /*Used as class of <a> */
   text-decoration: none;
   color:black;
}

.menulink {  /*Used as class of <a> */
   text-decoration: none;
   color:black;
}

.head1{  /*Used as class of <tr> */
   font: 40px Arial;
   color: #ff6600;
}

.head1:hover {
   text-decoration: none;
   color: #ff6600;
}

.head1:visited {
   text-decoration: none;
   color: #ff6600;
}


.head2{  /*Used as class of <tr> */
   font: 60px Arial;
   color: #ff6600;
}

.head3{  /*Used as class of <tr> */
   font: 70px Arial;
   color: #008080;
}

.head3:visited{  /*Used as class of <tr> */
   font: 70px Arial;
   color: #008080;
}

.botheader{
   font: 50px Arial;
   color: #008080;
   background: url(/robotigs/icons/back2.jpg) white;
}

.botheader:visited{
   font: 50px Arial;
   text-decoration: none;
   color: #008080;
   background: url(/robotigs/icons/back2.jpg) white;
}

.dashhead{
   font: 80px Arial;
   color: #008080;
   background: url(/robotigs/icons/back2.jpg) white;
}

.dashhead:visited{
   font: 80px Arial;
   text-decoration: none;
   color: #008080;
   background: url(/robotigs/icons/back2.jpg) white;
}

.printA4{  /*Used as class of <tr> */
   font: 12px Arial;
}

.edittitlemobiel{
   font: 38px Arial;
}

.songtitle{
   font: 26px Arial;
}

.checkboxed{
  width: 38px;
  height: 38px;
  padding: 0 5px 0 0;
  background: url(checbox.png) no-repeat;
  display: block;
  clear: left;
  float: left;
  font-size: 50px;
}

.showtxtmobiel{
   font: 38px Arial;
}

.softtable{
   border: #8b4513 1px solid;
}

.beginnerstable{
   border: #8b4513 1px solid;
   background: url(/robotigs/icons/back2.jpg) white;
}

.bottable{
   border: #8b4513 1px solid;
}

.bottext{
   text-align: justify;
}

.botth{
   font: 22px Arial;
   color: #008080;
   border: none;
}

.botth:visited{
   font: 22px Arial;
   color: #008080;
   border: none;
}

.botth2{
   font: 20px Arial;
   color: #ff6600;
   border: none;
}

.botth2:visited{
   font: 20px Arial;
   color: #ff6600;
   border: none;
}

.botth3{
   font: 18px Arial;
   color: #1E90FF;
   border: none;
}

.botth4{
   font: 16px Arial;
   color: #B22222;
   border: none;
}

.bottd{
   font: 14px Arial;
   color: #8b4513;
   border: none;
}



.bottrtop{
   border-top: #8b4513 1px solid;
}

.bottdbottom{
   border-bottom: #8b4513 1px solid;
}

.bottdbottomright{
   border-bottom: #8b4513 1px solid;
   border-right: #8b4513 1px solid;
}


.setheader{
   border-top: #008080 2px solid;
   border-right: #008080 2px solid;
   border-left: #008080 2px solid;
}

.setheaderl{
   border-top: #008080 2px solid;
   border-left: #008080 2px solid;
   color: #008080;
}
.setheaderr{
   border-top: #008080 2px solid;
   border-right: #008080 2px solid;
   color: #008080;
}

.setleft{
   border-left: #008080 2px solid;
   border-right: #008080 1px solid;
   border-bottom: #008080 1px solid;
}

.setright{
   border-right: #008080 2px solid;
   border-bottom: #008080 1px solid;
}

.setbottoml{
   border-right: #008080 1px solid;
   border-left: #008080 2px solid;
   border-bottom: #008080 2px solid;
}

.setbottomr{
   border-right: #008080 2px solid;
   border-bottom: #008080 2px solid;
}

.botanchor{
   font: 50px Arial;
   text-decoration: none;
   color: black;
}

.botanchor:link{
   text-decoration: none;
   color: black;
}

.botanchor:visited{
   text-decoration: none;
   color: black;
}

.botanchor:hover{
   text-decoration: underline;
   color: blue;
}


.botanchor:activ{
   text-decoration: none;
   color: red;
}

.botright{
   border-right: #8b4513 1px solid;
}

.bot2right{
   border-right: #8b4513 1px solid;
   background: url(/robotigs/icons/back2.jpg) white;
}

.bot2bg{
   background: url(/robotigs/icons/back2.jpg) white;
}

.bot2bottom{
   border-bottom: #8b4513 1px solid;
   background: url(/robotigs/icons/back2.jpg) white;
}

.bot2bottomright{
   border-bottom: #8b4513 1px solid;
   border-right: #8b4513 1px solid;
   background: url(/robotigs/icons/back2.jpg) white;
}

.botrightheader{
   font: 20px Arial;
   color: #008080;
}

.botheaderbottom{
   border-bottom: #8b4513 1px solid;
   font: 20px Arial;
   color: #008080;
}

.bottdtop{
   border-top: #8b4513 1px solid;
}

.mobilerror{
   font: 50px Arial;
   color: #ff0000;	
}

.warning{
   color: #ff0000;	
}

.flora_qrtitle {
   font: 20px Arial;
   color: #FF0000;
}
.flora_qrback {
   font: 16px Arial;
   color:black;
}

.table_flora {
   border: #ff6600 1px solid;
}

.tr_flora_header{
   font: 60px Arial;
   color: #008080;
}

.tr_flora_bottom{
   font: 50px Arial;
   color: black;
}

.td_flora_bottom{
   border-bottom: #ff6600 1px solid;
}

.headertable{
   background: url(/robotigs/icons/back2.jpg) white;
   border: #ff6600 1px solid;
}

.table_robotigs {
   border-collapse: collapse;
   border: #8b4513 1px solid;
   table-layout: inherit;
}

.tablemenu{
   background: url(/allfree/images/back2.jpg) white;
   border: #ff6600 1px solid;
   border-collapse: collapse;
   table-layout: inherit;
   font: 20px Arial;
   color: #ff6600;
}

.imgmenu {
   padding: 0px 5px 0px 5px;
   vertical-align: middle;
   height: 35px;
   width: 35px;
}


.tdmenu {
   border-bottom: #ff6600 1px solid;
   padding: 0px 0px 0px 0px;
   vertical-align: top;
}


.tr_robotigs {
   border: solid 1px #8b4513; 
}

.tr_musicmaker {
   font: 26px Arial;
   color: #ff00ff;
}


.th_musicmaker {
   font: 16px Arial;
   color: black;
   font-weight: bold;
}


.td_musicmaker {
   font: 14px Arial;
   text-align: justify;
   color: rgb(128,128, 128);
}


.th_robotigs {
   border: none;
   background-color: #ff9933;
}

.th_farmbot {
   font: 20px Arial;
   color: #008080;
   border: none;
}

.th2_farmbot {
   font: 16px Arial;
   color: #008080;
   border: none;
}

.td_naam_farmbot {
   font: 16px Arial;
   color: #ff6600;
   font-weight: bold;
   border: none;
}

/*ADDED FOR JAVASCRIPT DATE SELECTOR */

.ds_box {
	background-color: #FFF;
	border: 5px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 50px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell_current {
        background-color: #46B446;
	font-size: 50px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */