/* CSS for Glossary component */

div#com_glossary {
	text-align: left;
	padding-bottom: 20px;
}

#com_glossary {
	
}

div.glossformdiv {
	clear: left;
	padding: 3px 0;
}

#com_glossary label {
	width: 25%;
	display: block;
	padding-top: 5px;
	float: left;
}

/*#com_glossary input.inputbox,*/ 
#glossary textarea {
	width: 70%;
	display: block;
	float: left;
}

#com_glossary .clear {
	clear: left;
}

.glossaryclear {
	clear: both;
}

.glossary25, .glossary72 {
	text-align: left;
	padding-bottom: 10px;
	color: #663300;
	font: Ubuntu;
	padding: 5px;
	text-align: left;
}

.glossary25 {
	width: 25%;	
}

.glossary72 {
	width: 72%	
}

div.glossaryalphabet {
	clear: left;
	text-align: left;
	font: bold Ubuntu;
	margin-top: 30px;
	
}
div.glossaryalphabet a {
	clear: left;
	text-align: left;
	padding: 1px 4px;
}

div.glossaryalphabet a:hover, .glossletselect { 
        text-decoration: none;
        color: #ffffff;
	background-color: #663300;
	font: bold Ubuntu;
	padding: 1px 4px;
	

}

/*
div#glossarysearch {
	padding: 5px;
	margin: 10px 0;
        background-color: #e3f2ff;
}
*/

div#glossarysearch input {
	margin: 10px 0;
}
div#glossarysearch input#glossarysearchword {
	margin: 5px 0;
	background: url("http://www.puuproffa.fi/PuuProffa_2012/templates/puuproffa/images/content_bg.gif") repeat-x transparent;
        border: 1px solid #DDDDDD;
}

div#glossarysearchmethod input {
	margin: 5px;	
}

table#glossarylist td, table#glossarylist th, table#glossarylist thead, table#glossarylist tr {
	border: 0px solid #000;
}

table#glossarylist td a {
	color: #663300;
        font-family: "Ubuntu", sans-serif !important;
        font-size: 1em !important;
        line-height: 2;		
}

table#glossarylist {
	border-collapse: collapse;
	border: 0px;
	margin-top: 30px;
	font-family: "Arial", "Helvetica", sans-serif;
        font-size: 0.95em;
        line-height: 1.6;
}

#glossarylist td {
	padding: 5px;
	vertical-align: baseline;
}

.row1 {
        background-color: #f3f3f3;
        border: 0px;
}

div#glossarycredit {
	margin-left: 25%;
	display: none;
}

div#glossaryglossarylist {
	padding: 5px;
}