body {

  color: #FF00FF;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 1.9em;
  font-size: 76%;/*like cssplay*/
  width: 780px;
  width:95%;
  background-color: white;
  padding: 5px;
/*margin: 0px auto this screws tab menu on stretch*/
}

a {
  color: #808000;
}

a:visited {
  color: #808000;
}

a:hover {
  color: #008000;
}

label{
  ffont-size:90%;
}

input{
  ffont-size:90%;
  font-size:100%;
}



h1{
  font-size:1.6em;
  color:black
}


h2{
  font-size:1.2em;
}


h3{
  font-size:1em;
}

h4{
  font-size:0.9em;
}


h5{
  color:gray;
  font-weight:normal;
  font-size:.9em;
}



a.shortlist img{
  border:0;
}

#masthead a.shortlist {
  color:#669900;
}


/*padding spacer to hold open floats I think*/
div.spacer {
  clear: both;
  color:white;
  margin:0;
  padding:0;
  }

/*used for the top menu and logo*/



span.topnav a, span.topnav a:visited {

  font-size:90%;
  color:#993333;
  text-decoration: none;
}

span.topnav a:hover{
    text-decoration:underline;
}






div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  width: 49%;
  }

div.row span.right {
  float: right;
  text-align:right;
  font-weight: bold;
  width: 49%;
  }

div.row div.right {
  float: right;
  text-align:right;
  font-weight: bold;
  width: 49%;
  }










/*puts the label above form elements*/

.float {
  float: left;
  bborder: thin solid yellow;
  padding-left:10px;
  padding-bottom:0;
  }

.float label {
   text-align:left;
   }

.float input, select{
  color:black;
  font-size:1em;
  ffont-size:50%;
  margin-right:0em;
  padding-bottom:0em;
  margin-top:.2em;


}




/*search form stuff*/
#searchform {
margin:0;
padding:0;
  padding-top:.5em;
  padding-bottom:0.5em;

}


#searchform #name{width:120px;}
#searchform #strength{width:80px;}
#searchform #qty{width:55px;}
#searchform #pack_size{width:40px;}
#searchform #expiry_date{width:90px;}

.mandatory{
  font-weight:bold
}



.prompt {

  padding-top:.5em;

  padding-left:1em;
  line-height: 140%;
}


#view_title .right a {
  float: right;
  text-align: right;
  font-weight: bold;
  vertical-align: baseline;
  margin-top: 40px;
  color:white;
  padding-right:1em;
  }

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

#view_results li{
  color:black;

}



 #add_results p.error, #account p.error{
  color: #990000;
  font-weight:bold;
  ccolor:red;

}

#account p.error{
  width:100px

}

.mandatory{
  font-weight:bold
}

.inline{
  display: inline;
}

.floatright {
  float: right;
  margin:0;
  padding:0;
  }

.floatright h4 {
  margin:0;
  margin-top:.4em;
  padding:0;
  }

.floatright p {
  ffont-size:90%;
  margin:0;
  padding:0;
  }


.clear{
  clear:both;
}

#view_title .floatright h4 {
  margin:0;
  margin-top:1em;
  padding:0 1em 0 0;

}

#find_results .key, #view_results .key{
  font-size:90%;
  color:#666666
}



p .prompt{
color:white;
}


.peekaboo{
  height:1%;
  bbackground-color:red;
}

#left4 .email{
  background-image:url(images/email.gif);
  background-repeat: no-repeat;
  background-position: left;
  margin-top:2em;
  padding-left:2em;
}












#ffind_title{
  border-left-color: #003366;
  border-right-color: #003366;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  margin:0;
  padding:0px;
  background-image: url(images/findbackground.jpg);
  background-repeat: no-repeat;
  bbackground-attachment: scroll;
  hheight: 67px;
  background-position: right;
  background-color: #006699;
  color:white;

}

#find_bottom{
  background-color: #006699;
  border-color: #003366;

  border-left-style: solid;
  border-left-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin:0px;
  padding:1px;
  font-size:10px;
  color:white;
}

#find_bottom p{
    margin:0;
    padding:5px;
}





/*view your stock stuff*/
#view_title,  #edit_title{
  border-left-color: #993333;
  border-right-color: #993333;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  margin:0em;
  padding:0em;

  background-image: url(images/reviewbackground.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 67px;
  background-position: right;
  background-color: #993333;
  color:white;
}





/*view your stock stuff*/













/* **************does the results table  ***************** */



#find_results, #view_results, #add_results, #basket_results{
  border-style: solid;
  border-width: 1px;
  padding:10px;
}

#find_results h3, #view_results h3, #add_results h3, #basket_results{

font-weight:strong;
  color:black;
  padding:0;
  margin:0;
}

#find_results p, #view_results p, #add_results p, #basket_results{
  color:black;
  padding:0;
  margin:0;
  margin-bottom:1em;
}

/*specials for colours*/
#find_results {
  border: #003366;
  background-color: #99ccff;
}

#find_results  a{
  color:#003366;
}

#find_results  a:hover{
  color:#3366FF;
}

#account_results, #edit_results{
  bbackground-color: #ffcccc;
  bbackground-color: yellow;
  padding:10px;
  padding-top:0;
  margin:0;
  bborder-color:#990000;
  bborder-style: solid;
  bborder-width: 1px;
  bborder-top-color:#993333;
  margin-bottom; 2em;


}




#account_results .report{
  background-color: #ffcccc;
  padding:0px;
  padding-top:0;
  margin:0;
  border-color:#990000;
  border-style: solid;
  border-width: 0px;
  border-bottom-width:1px;
  bborder-top-width:1px;
  border-top-color:#993333;
  margin-bottom; 2em;
  cclear:both;
}



#account_results .title{
  background-color:red;
  background-color: #993333;
  ddisplay:inline;
  dfloat:left;
  hheight:1%;
  clear:both;
  padding:0px;
  margin:0px;
}

#account_results .show{
  ffloat:right;
}

#account_results .show label{
  color:white;
}


#account_results h2{
  ddisplay:inline;
  float:left;
  color:white;
}

#account_results h3{
 color:white;
  ffloat:left;
  padding-right: 2em;
  margin-bottom:.5em;
  padding-top:1.5em;
}

#account_results a{
  ffloat:right;
}

#account_results .back{
    float:right;
}

#account_results p{
    color:black;

}

#aaccount #address_area{
width:58%;
  background-color:green;

}

#aaccount #address_area p{
wwidth:58%;
  background-color:blue;

}





#view_results, #edit_results{
  bbackground-color: #ffcccc;
  bbackground-color: yellow;
  bpadding:10px;
  bpadding-top:0;
  bmargin:0;
  bborder-color:#990000;
  bborder-style: solid;
  bborder-width: 1px;
  bborder-top-color:#993333;
  bmargin-bottom; 2em;
  bclear:both;
  border-width:0;
  margin:0;
  padding:0;
}



#view_results  a{
  color:#990000;
}

#view_results  a:hover{
  color:#993333;
}

#view_results  a:visited{
  color:#CC6666;
}

#view_results h4 a:visited{
  color:#990000;
}




#view_results .report{
  background-color: #CCFFCC;
  padding:0;
  border-width:0;
  border-style: solid;
  height:100%;

}

#view_results .title{
  background-color: #669966;
  hheight:100%;
  padding:.2em .5em .2em .5em;
  margin:0px;
  vertical-align:baseline;
  font-size:90%;
}

#view_results .show{
  float:right;
}

#view_results .show label{
  color:white;
}


#view_results h2{
  float:left;
  color:white;
  padding:0;
  margin:0;
  padding-right: 1em;
  ppadding-left: 1em;
  height:100%;
  vertical-align:baseline;
}

#view_results h3{
 color:white;
  float:left;
  padding:0;
  margin:0;
  padding-right: 2em;

  padding:.2em; /*nasty hack to get on baseline of h2*/

}

#view_results a{

}

#view_results a.back, #view_results a:visited.back{
clear:both;
    float:right;
    color:green;
    margin-bottom:1em;
    font-size:90%;
}



#view_results a.email, #view_results a:visited.email{
    color:white;
    margin-left:2em;
text-align:right;
}

#view_results p{
  bbackground:blue;
  margin:0;

  clear:both;/*This has to be here as clear seems to affect top and bottom of block*/

}

#view_results form{
    margin:0;
    padding:0;
    bbackground:pink;

    height:100%;
}

#view_results table {
  clear:both;
  ppadding:2em;
 padding:0em 2em 2em 2em;
  width:100%;
}

#view_results .left{
float:left;
vertical-align:middle;

}

#view_results img{
  border-width:0;
}

#view_results .totals{
  margin-top:1em;
  bbackground:red;
  text-align:right;
  line-height:130%;
  font-size:.9em;
  margin-right:.3em;
}

#view_results input.update{
  ccolor:red;
  float:right;
  ppadding:.2em;
  font-size:110%;
  margin:0em 1em 1em 1em;
}

#view_results input{
    font-size:.9em;
    font-family:Verdana, Arial, Helvetica, sans-serif;

}

#view_results h3.confirm{
  color:black;
  padding-left:.5em;
}


#view_results select{
  width:15em;
}

#view_results span.gross{
  font-weight:normal;
}

#view_results .total_price{
  text-align:right;
}


#view_results .current_price {
  text-align:right;
}

#view_results #sold{
  width:100%;
}

ul.custInfo{
  float:right;
  list-style: none;
  bbackground:blue;
  color:black;
}

#invoice_footer{
  color:black;
}













#add_title{
  border-left-color: #993333;
  border-right-color: #993333;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;

  background-image: url(images/addbackground.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 67px;
  background-position: right;
  background-color: #ffcc00;
  color:#993333;
  border-color:#ffcc00;
}

#add_title a, #view_title a{

    color: white;


}

#add_title h4, #view_title h4{
    margin:0;
}



#add_title div.extra, #edit_title div.extra{
    padding-top:30px;
}

#add_results{
  background-color: #FEF8C7;
  border-color:#ffcc00;

}

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

#add_results li{
  color:black;

}

#add_results #publish p, #add_results #basic p, #add_results #detail p{
  margin:0 1em 2em 1em;
  padding:0
}

#add_results legend{
  padding-bottom:0;
}






#aaddform label, #addform input, #addform select, #addform p ,
#editform label, #editform input, #editform select, #editform p,
#account label, #account input, #account select, #account p,
#account_login label  {
    display: block;
	float: left;
	margin-bottom: 1em;

}

#aaddform label, #editform label, #account label, #account_login label{
    color: black;
	text-align: right;
	width: 150px;
	padding-right: 10px;
}



#addform p, #editform p, #account p{
    color: black;
    text-align: left;
	padding-left: 1em;
    wwidth:300px;
    font-size: .9em;
}

#addform br, #editform br, #account br, #account_login br  {
	clear: left;
}



form#editform fieldset {width:720px; display:block; border:1px solid #990000; padding:5px 5px 5px 10px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.2em; font-size:1em;  }
form#editform legend {font-size:1.2em; font-weight:bold; bborder-bottom:2px solid #fff; margin-bottom:0px; padding:6px; background:none; color:#ffcc00; color:#993333; }
* html form#editform legend { padding:0 0 5px 0; margin:5px 0 0px 0; border:none;}
form#editform #button1, form#editform #button2, form#editform #button3 {color:#fff; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px; background:#993333; border:1px solid; border-color:#f11f54 #5f051c #5f051c #f11f54;}
form#editform #button1:hover, form#editform #button2:hover, form#editform #button3:hover {color:#fff; background:#414d59; border:1px solid; border-color:#4f718a #003 #003 #4f718a; }



/*nice lump from css play with my mods*/
form#add {bbackground:#4f718a; width:700px; padding:10px; border:0px solid #eee; margin:5px aauto;  font-size:1em; font-family:verdana, arial, helvetica, sans-serif;}
form#add p { font-size:.9em; color:black; text-align:left; padding:0px 5px 0px 0; margin:0;}
form#add fieldset {width:720px; display:block; border:1px solid #ffcc00; padding:5px 5px 5px 10px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.2em; font-size:1em;  }
form#add fieldset:hover {border:1px solid red;}

form#add legend {font-size:1.2em; font-weight:bold; bborder-bottom:2px solid #fff; margin-bottom:0px; padding:6px; background:none; color:#ffcc00; color:#993333; }
* html form#add legend { padding:0 0 5px 0; margin:5px 0 0px 0; border:none;}
/*you can force down the label and the legend up by setting padding-bottom:30in ie. Nt sure if
this is legal*/

form#add label {cclear:left; display:block; float:left; width:120px; text-align:right; padding-right:10px; color:black; margin-bottom:0.5em;}
form#add input {display:block; float:left;  border:1px solid #ffcc00; padding-left:0.5em; margin-bottom:0.6em; wwidth:280px; background:white;}
form#add input:hover { background:#b80b38; border:1px solid #fff; color:#fff;}
form#add input:focus {background:#fff; border:1px solid #b80b38; color:#b80b38;}

form#add select {float:left; margin:0 0 1em 0.0em; padding:0;}
form#add textarea {width:410px; height:6em; border:1px solid #ffcc00; padding:0.5em; overflow:auto; bbackground:#c5d3e0;}

form#add option {background:#fff; color:black;}
form#add optgroup {background:#fff; color:#000; font-style:normal;}
form#add optgroup option {background:#fff; color:#b80b38;}

form#add #button1, form#add #button2, form#add #button3 {color:#fff; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px; background:#993333; border:1px solid; border-color:#f11f54 #5f051c #5f051c #f11f54;}
form#add #button1:hover, form#add #button2:hover, form#add #button3:hover {color:#fff; background:#414d59; border:1px solid; border-color:#4f718a #003 #003 #4f718a; }

form#add br {clear:left;}


form#add input#prod_name{width:25em;}
form#add input#strength{width:5em;}
form#add input#form{width:5em;}
form#add input#pack_size{width:5em;}
form#add input#expiry_date{width:5em;}
form#add input#qty{width:5em;}
form#add input#condition{width:10em;}
form#add input#guide_price{width:5em;}
form#add input#notes{width:10em;}
form#add input#price1_date{width:10em;}
form#add input#price2_date{width:10em;}
form#add input#price1_amount{width:5em;}
form#add input#price2_amount{width:5em;}
form#add #new_stock{margin-bottom:2em;}



#addform input#prod_name, #editform input#prod_name{width:25em;}
#addform input#strength, #editform input#strength{width:5em;}
#addform input#form, #editform input#form{width:5em;}
#addform input#pack_size, #editform input#pack_size{width:5em;}
#addform input#expiry_date, #editform input#expiry_date{width:5em;}
#addform input#qty, #editform input#qty{width:5em;}
#addform input#condition, #editform input#condition{width:10em;}
#addform input#guide_price, #editform input#guide_price{width:5em;}
#addform input#notes, #editform input#notes{width:10em;}
#addform input#price1_date, #editform input#price1_date{width:10em;}
#addform input#price2_date, #editform input#price2_date{width:10em;}
#addform input#price1_amount, #editform input#price1_amount{width:5em;}
#addform input#price2_amount, #editform input#price2_amount{width:5em;}


#aaddform input#submit{
  font-size:1.1em;
}

#addform select#spelling{
  width:200px;
}



#addform h2 span{
  font-size:80%;
}

#addform p{

}

#addform h4{
  color:black;
  border-bottom: 1px;
  border-bottom-color: #ffcc00;
  border-bottom-style: solid;
  font-size:1em;
}

#add_results  a{
  color:#990000;
}

#add_results  a:hover{
  color:#CC6633;
}

#aadd_results .left{
display:block;
cclear:both;
ffloat:left;
background:red;
padding:0em;
margin:0;
text-align:left;
}






#inline label {
    color: black;
	text-align: right;
	width: 100px;
}

#inline select{/*there seems to be some odd space on top of a select*/
   margin:0px;
   width:200px;
}

#account input#postCode {width:100px;}
#account  input#custCode{width:60px;}
#account  input#email{width:180px;}
#account  input#contactname {width:180px;}
#account  input#company_name {width:180px;}
#account  input#username1 {width:180px;}
#account input#password1 {width:100px;}
#account  input#password2 {width:100px;}
#account  input#tel {width:180px;}
#account  input#paypal {width:180px;}
#account  input#reg_code {width:180px;}

/*for new signup form*/
#account input#postCode {width:100px;}
#account  input#custCode{width:60px;}
#account  input#email{width:210px;}
#account  input#contactname {width:210px;}
#account  input#company_name {width:210px;}
#account  input#username1 {width:210px;}
#account input#password1 {width:210px;}
#account  input#password2 {width:210px;}
#account  input#tel {width:210px;}
#account  input#paypal {width:210px;}
#account  input#reg_code {width:210px;}




#general_list{
     margin-top:0;
     padding-top:0;
     bbackground:pink;
}

#general_list ul{
   bbackground:red;
   margin-top:0;
   padding-top:0;
   margin-left:3.2em;
   margin-bottom:0;

}

#general_list li{
    color:black;
    list-style-type: none;
    line-height: 140%;
    clear: left;
}

#general_list label{
    display: block;
	float: left;
    font-weight:bold;
    width: 150px;
}

#general_list p{
    color:black;
    margin-left:3.2em;
    margin-top:0;
}




h3{
    font-size:1.4em;
    ccolor:#993333;
    margin-top:1.4em;
    margin-left:1em;
    margin-bottom:.5em;
    padding:0;
    bbackground:blue;
}

#general_list h4{
    font-size:1em;
    color:#993333;
    margin-top:1em;
    margin-left:3.2em;
    margin-bottom:0em;
    padding-bottom:0;
    bbackground:green;
}

#general_list address{
  color:black;
  margin-left:3.2em;
  font-style:normal
}

#general_list dl{
  margin:0 0 0em 3.2em;
  color:black;

}

#general_list dt{
font-weight:bold;
margin-top:.5em;
margin-bottom:0;
}

#general_list dd{
   margin-left:1em;
   color:black;
}



#order_summary h1{
   margin-bottom:0;
   padding-bottom:0;

}

#order_summary ul{
   margin:0;
   padding:0;
   margin-left:2.5em;
   bbackground:green;
}

#order_summary li{
    color:black;
    list-style-type: none;
    line-height: 140%;
}

#order_summary span{
    font-weight:bold;
}






/*
#account_list ul, #address_list ul, #subscription_list ul, #partner_list ul{
    margin-top:0;
    padding-top:0;
}

#account_list li, #address_list li, #subscription_list li, #partner_list li{
  color:black;
  list-style-type: none;
  line-height: 140%
}

#account_list label, #address_list label, #subscription_list label, #partner_list label {
    display: block;
	float: left;

}

#account_list li, #address_list li {
	clear: left;
}

#account_list label, #address_list label, #subscription_list label, #partner_list label{
  font-weight:bold;
  width: 150px;
}



#address_list b{

    width: 150px;
    color:red;
}



#account_list h3, #address_list h3, #subscription_list h3, #partner_list h3{
    font-size:1.4em;
    color:#993333;
    margin-top:1.2em;
    margin-left:1em;
}

#account_list h4, #address_list h4, #subscription_list h4, #partner_list h4{
    font-size:1em;
    color:#993333;
    margin-top:.2em;
    margin-left:1.6em;
    margin-bottom:0em;
    padding-bottom:0;

}


 */


#intro{
  width:380px;
}




#intro h2{
  color:#006699;
  font-size:14px;
  margin-bottom:0px;
}

#intro ul{
  margin-top:0px;
  margin-left:0;
}


#intro li{
 list-style: none;
  color:black;
  font-size:12px;
  line-height: 140%;
}

#intro p{
  color:black;
}


#footer{

  color:white;

  font-size:1em;

  margin-top:8em;
  text-align:center;

}

#footer p{
  color:white;
  margin:0;
  padding:.4em;
  bbackground:red;
  bbackground:#999900;
  background:#106CA5;
}


#footer a{
  color:white;
  text-decoration:none;
}

#footer a:hover{
    text-decoration:underline;
}

#footer p.credit, #footer p.credit a{
  background:white;
  color: gray;
}








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

#find_results li{
  color:black;

}


#find_results #panel{
    float:right;

    background-color:#006699;
    margin-right:1em;
    padding:0;
    color:white;
    border-color: #003366;
    border-style: solid;
    border-width: 1px;
    border-top-width:0;


}

#find_results #panel#content{
  width:200px;
  padding:1em;
  color:white;
  line-height: 150%;
  clear:both;

}

#find_results #panel#content a{

  color:white;
}

#view_results#panel{
    float:right;

    background-color:#993333;
    margin-right:1em;
    padding:0;
    color:white;
    border-color: #990000;
    border-style: solid;
    border-width: 1px;
    border-top-width:0;


}

#view_results#panel#content{
  width:200px;
  padding:1em;
  color:white;
  line-height: 150%;
  clear:both;

}


#panel p {
  width:200px;
  padding:1em;
  padding-top:0;
  padding-bottom:0;
  color:white;
  line-height: 150%;
  clear:both;

}

#panel h2 {

  color:white;
}

#panel h3 {
  width:200px;
  padding-left:1em;
  padding-top:.5em;
  margin-bottom:0;
  color:white;
}

#panel ul{
margin:0;
padding:0;
margin-left:2em;
  line-height: 160%;

}


#panel li{
  font-size:.9em;
  line-height:130%;
}

#panel a, #panel a:hover, #panel a:visited{
  color:white;
}



#view_title p, #add_title p{
  color:white;
  width:60%;
  margin:0;
  padding-left:10px;
  line-height: 140%;

}

#view_title h2, #add_title h2{
  width:60%;
  margin:0;
  padding-top:.5em;
  padding-left:10px;
  line-height: 140%;

}












#ffind_results{
        width:780px;
        color:red;
        padding:0;
        margin:0;

}

#ffind_results #content{
background-color: #B0C4DE;
padding:1em;
}

#ffind_results h1{
  color:black;
  font-size:1.0em;
  margin-bottom:0px;
  font-weight:normal;
}

#ffind_results h3{
color:#003366;
font-size:1.1em;
margin:0;
padding:0;
}

#ffind_results h4{
color:#003366;
font-size:1.1em;

}

#ffind_results #content h4{
margin:0;
padding:0;
}

#ffind_results #content p{
color:#003366;
margin-top:0;
padding-top:0;

}

#ffind_results table{
border:0;

}

#ffind_results #links{
font-size:90%;
margin:1em;



}

#ffind_results a{
color:#003366;
}

#ffind_results a:hover{
text-decoration:none;
}

#ffind_results #links h2{
color:#003366;
margin:0;
padding:0;
margin-top:1em;
font-size:110%;

}

#ffind_results #links ul{


margin:0;
padding:0;
  list-style-position: outside;
margin-left:1.5em;
}

#ffind_results td {
  border:none;
}

#left1{
   width:20%;
   padding-top:3em;
   padding-right:.0em;
  bbackground-color: #CC9900
}
#left2{
   width:20%;
   padding-top:3em;
    padding-right:.3em;
}
#left3{
   width:20%;
   padding-top:3em;
    padding-right:.3em;
  bbackground-color: #CC9900
}
#left4{
padding-right:.5em;
}


#terms{
  color:black;
  margin-left:100px;
  line-height: 130%;
  width:80%;
}

#terms h2{
  font-size:1.6em;
  margin-top:1.5em;
}

#terms h3{
  margin:0;
  padding:0;
  margin-top:1.2em;
}

#terms a h3{
  color:black;

}

#terms p, #terms ul{
  margin-bottom:0em;
  padding-bottom:.5em;
  margin-top:.5em;
  padding-top:0;
}

#invoice_title h1, #invoice_title h3,  #invoice_title p{
     color:black;
}

#invoice_title address{
  color:black;
  font-style:normal;

}





#view_results .report-todo .title {background:darkgreen;}
    #view_results .report-todo{
  background-color: #CCFFCC;
  padding:0;
  border-width:0;
  border-style: solid;
  height:100%;

}