/*Thanks to	
The Amazing LI: Using CSS and Unordered List Items to Do Just About Anything "Multi-column Lists with <li>" http://bit.ly/etm5bd

How to Style an Unordered List with CSS http://bit.ly/i6QkmD

スタイルシート［CSS］/フォーム/フォーム部品の文字サイズを指定する - TAG index Webサイト http://bit.ly/dRS2OT

*/  


ul.decklist  {    width: 30em;	 padding:0; 	margin:0;   }  /* float & allow room for the widest item */ 
ul li.decklist  {    float: left;    width: 10em;	list-style-type:none; /*remove bullets*/  }  /* stop the float */ 
br  {    clear: left;  }  /* separate the list from subsequent markup */  
div.decklist  {    margin-bottom: 1em;  }	
input.editbutton {	background-color: lightblue;	} 	
input.addbutton {	background-color: lightgreen;	} 		
input.deletebutton {	background-color: pink;	} 
textarea {font-size: 105%;}
textarea.smalltext {font-size: 50%;}
textarea.clozetext {font-size: 75%; width: 25%;}
table {width: 100%;}
div {width: 100%; font-size: 100%;}
div.minigray {font-size: 50%; color: gray; word-wrap: break-word;}
textarea.addcard {width: 100%; height:12em;}
textarea.addcardback {width: 100%; height:12em;}
input.bigbutton {	height: 10em; width: 100%;} 		
input.superbigbutton {	height: 14em; width: 100%;} 		
input.superbigaddbutton {	height: 14em; width: 100%; background-color: lightgreen;} 		
input.superbigeditbutton { height: 14em; width: 100%; background-color: lightblue;} 		
input.thinaddbutton { width: 25%; background-color: lightgreen;} 		
input.thineditbutton { width: 100%; background-color: lightblue;} 		
input.thinbutton { width: 100%; } 		
input.thindeletebutton {	width: 100%; background-color: pink;} 		
input.bigdeletebutton {	height: 10em; width: 100%; background-color: pink;} 		
input.bigaddbutton {	height: 10em; width: 100%; background-color: lightgreen;} 		
input.bigeditbutton { height: 10em; width: 100%; background-color: lightblue;} 		
input.bigcancelbutton { height: 5em; width: 100%; background-color: pink;} 		
input.mediumbutton { height: 3em; width: 20em; background-color: orange;} 		
div.repfront  {font-size: 210%; width: 100%; word-wrap: break-word;}
div.repback  {font-size: 100%; width: 100%; color: gray; word-wrap: break-word;}