@import 'cro7-clanek.css';

.kwdlvb			{ background-image:url(../imgs/sound-choice-BKG.png); background-position: top left; background-color: #E0EDFF; margin-bottom: 20px; border: 1px solid #E5F0FF; }
.kwdlvb h2		{ padding: 20px 0 20px 0; font-size: 13px; margin: 0 20px 0 20px; text-transform: uppercase; background-image:url(../imgs/hr-dots-blu.png); background-repeat: repeat-x; background-position: bottom;}
.kwdlvb .kwdMore { margin: 20px 20px 20px 20px; display: block; text-align: right; }
.la				{ padding: 20px 0; margin-left: 20px; margin-right: 20px; background-image:url(../imgs/hr-dots-blu.png); background-repeat: repeat-x; background-position: bottom; } 
.la.light {
    padding: 5px 0;
    margin: 0 20px;
}
.la p			{ margin-left: 0; margin-right: 0; }
.la h2,
.la h3			{ font-size: 14px; padding: 0 0 5px 0; background-image: none; margin: 0; }
.la h3			{ font-size: 13px; }
.la.light h2 {
    padding: 0;
}
.la-search			{ padding:  15px; position: relative; background-image:url(../imgs/hr-dots-blu.png); background-repeat: repeat-x; background-position: bottom; margin: 12px 15px 15px;}

.la .detail		{ padding-top: 10px; height: 60px; display: none; }
.expanded .detail { display: block; }
.expanded		{ background-color: rgb(231, 241, 255); }
.author			{ display: block; font-size: 9px; }
.author a:hover { color: rgb(227, 0, 0); }
.laPlayer		{ display: block; width: 320px; height: 60px; float: left;
				  border-top: 1px solid white; border-left: 1px solid white; border-right: 1px solid #b9c6d9; border-bottom: 1px solid #b9c6d9; }
.lnks			{ display: block; width: 145px; float: right; }
.la .detail li	{ font-size: 80%; }
.la .detail ul	{ padding-left: 0; margin-left: 0; }
.lnks h3		{ padding: 0 0 5px 0; margin: 0; background-image: none; font-size: 80%; }

.navigation {
	    text-align: center;
	    padding-top: 10px;
}

.navigation .rewind {
	    text-align: right;
	    width: 325px;
	    float: left;
	    /* margin-right: 255px; */
}

.navigation .forward {
	    text-align: left;
	    width: 325px;
	    /* margin-left: 255px; */
	    float: right;
	    display: inline;
}

.navigation .pagination {
	    display: block;
}

.navigation img {
	display: inline;
}

.la h2 .section, .la-search h2 .section {
        background-image:url(../imgs/arrow-red.png);
        background-position: right center;
	padding-right: 0.75em;
	margin-right: 0.5em;
}

.main h2.expr {
    font-size: 15pt;
    margin-left: 15px;
    margin-top: 15px;
}

span.term {
    background-color: red;
    color: white;
    font-weight: bold;
}

form.search {
    margin-top: 10px;
}

form.search .textfield {
        width: 320px;
        padding: 1px 5px;
        margin: 0 10px 0 0;
        border: 1px solid rgb(0, 73, 207);
	
}
form.search .textfield:focus {
        border-color: rgb(201, 0, 0);
}


form.search .button {
        border: 1px solid rgb(0, 73, 207);
        background-color: rgb(206, 227, 255);
        color: rgb(0, 73, 207);
        cursor: pointer;
        padding: 0 3px;
	width: 70px;
}
form.search .button:hover {
        border-color: rgb(227, 0, 0);
        color: rgb(201, 0, 0);
        background-color: #fff;
}

.highlight span.expr {
    background-color: red; color: white;
}

.highlight strong {
    background-color: red; color: white;
}