/*	---------------------------------------------------------------------------------------
	Rock.cz
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		Styles for forms pages
	Media:				screen, projection, handheld
	Datum:				20. 7. 2009
	Author:				Zdenek Kostal (http://zdenekkostal.cz/)
	-------------------------------------------------------------------------------------*/

@import url("./sub.css");

/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

h2.dirty { margin: 0; border: none; }

.spinner { float: left; display: inline; margin: 7px; }
	
.maincontent .dirtybox { margin-bottom: 30px; }

/* Music control
----------------------------------------------------------------------------------------*/

.musicstyles { overflow: hidden; width: 100%; }
	.musicstyles ul { overflow: hidden; float: left; width: 440px; height: auto !important; min-height: 400px; height: 400px; padding: 10px 0; }
	.musicstyles .input { float: right; width: 200px; padding: 8px; }
	.musicstyles li { float: left; width: 50%; padding: 0 0 10px 0; }
	.musicstyles .input li { clear: left; width: 100%; } 
		.musicstyles li em { float: left; line-height: 24px; font-style: normal; color: #fff; background: #0cc url('../images/musicstyle.gif') 0 0 no-repeat; cursor: move; }
			.musicstyles li span { float: left; padding: 0 20px 0 5px; background: url('../images/musicstyle-in.gif') 100% 0 no-repeat; }
		
	.musicstyles .input li em { background-color: red; background-position: 0 -24px; }
		.musicstyles .input li span { background-position: 100% -24px; }

.maincontent .music-control { margin-bottom: 0; padding-top: 30px; }
	.music-control .in { padding: 5px 20px 20px; }
	.music-control #picture { overflow: hidden; }
		.music-control #picture form { margin: 0; }
			.music-control #picture fieldset { padding-bottom: 25px; }
				.music-control .filewrapper p { padding: 3px 5px; background: #fff; }
				.music-control #error_message { left: 3px; }
		.music-control h2 { padding-top: 0; }

.music-control table, .musicedit table { margin-top: -1px; }
.dirtybox table.form { width: 634px; margin-bottom: 10px; }
	.dirtybox table.form th { padding-left: 15px; }
	.dirtybox table.form td { width: 322px; padding-right: 15px; }
		.dirtybox table.form input.text, .dirtybox table.form .input { width: 300px; }
		.dirtybox table.form .input { height: 20px; padding: 8px; }
			.dirtybox table.form .input select { width: 100%; margin: 0; }
		.dirtybox table.form select { width: 320px; margin-top: 7px; }
		
.music-control ul { margin: 0; }
	.music-control li { overflow: hidden; float: left; clear: left; width: 604px; padding: 8px 10px 9px; color: #000; background: #fff url('../images/dotted-h.gif') 0 100% repeat-x; }
	.music-control li.last { background: #fff; }
	.music-control li strong { font-weight: normal; }
	.music-control li em { float: right; padding-right: 16px; font-size: 90%; font-weight: bold; font-style: normal; color: #0cc; background: url('../images/ico-conv-ok.gif') 100% .5em no-repeat; }
	.music-control li em.waiting { color: #000; background-image: url('../images/ico-conv-wait.gif'); }
	
.musicedit button { margin-bottom: 10px; }
.musicedit { overflow: hidden; float: none; width: 100%; }

.quiz-edit .dirtybox, .quiz-edit .first p { margin-bottom: 0; }
.quiz-edit .dirtybox .in { overflow: hidden; }
.quiz-edit .first .in { padding-top: 0; }
	#main .quiz-edit .quizmeta td { width: 440px; }
		#main .quiz-edit .quizmeta input, #main .quiz-edit .quizmeta textarea { width: 418px; }
		#main .quiz-edit .quizmeta textarea { height: 100px; }
	
		#main .quiz-edit .points { width: 100px; text-align: right; }
		#main .quiz-edit .question { width: 582px; }

/* Gallery control
----------------------------------------------------------------------------------------*/

#picture .in { padding: 5px 20px 20px; }

.posgalwrap .getdata { margin-bottom: 135px; }
.posgal { position: absolute; left: 0; top: 335px; }
div.dirty { overflow: hidden; /*width: 100%;*/ padding-top: 1px; }

ul.itemcontrol { overflow: hidden; width: 674px; margin: 0 -10px 26px 0; padding-bottom: 1px; }
	.itemcontrol li { float: left; display: inline; width: 327px; margin: 0 10px -1px 0; padding: 0; background: url('../images/control.gif') 0 0 no-repeat; }
	.itemcontrol li .item-in { overflow: hidden; width: 312px; padding: 5px 10px 6px 5px; background: url('../images/control-bottom.gif') 3px 100% no-repeat; }
		.itemcontrol li ul { float: left; margin-bottom: 0; }
			.itemcontrol li li { width: auto; margin-right: 8px; padding: 0; text-transform: uppercase; font-size: 80%; background: none; }
				.itemcontrol li li a { width: auto; height: auto; padding-left: 13px; line-height: 20px; text-decoration: none; background: url('../images/ico-delete.gif') 0 .5em no-repeat; }
				.itemcontrol li li .move { background-image: url('../images/ico-move.gif'); cursor: move; }
				.itemcontrol li li .crop { background-image: url('../images/ico-crop.gif'); }
				.itemcontrol li li a:hover, .itemcontrol li li a:focus, .itemcontrol li li a:active { color: #000; }
		.itemcontrol a { overflow: hidden; float: left; display: inline; width: 50px; height: 50px; margin-right: 5px; }
			.itemcontrol img { float: left; display: inline; margin-right: 10px; }
		.itemcontrol input.text { width: 219px; padding: 4px 8px; }
		
/* Actions search
----------------------------------------------------------------------------------------*/

.actionssearch .dirtybox, .actionssearch .map { margin-right: 26px; }
.actionssearch .dirtybox { margin-bottom: 0; }
.actionssearch div.in { width: 634px; padding-bottom: 25px; }
	.actionssearch dl { float: left; display: inline; width: 187px; margin-right: 8px; }
		.actionssearch dt { text-transform: uppercase; font-size: 80%; }
		.actionssearch dl input.text, .actionssearch dl .input { width: 165px; height: 22px; margin: 0; }
		.actionssearch dl input.text { height: 16px; padding: 11px 8px; }
	.actionssearch input { margin-top: 26px; }
	.actionssearch p.info { margin-bottom: -25px; line-height: 25px; background-position: 0 .8em; }
.actionssearch .map { clear: both; padding: 0 5px 5px; background: #f0f0f0; }
	.actionssearch .map-in { width: 630px; height: 440px; padding: 11px; background: #fff; }
	.actionssearch .map p { margin: 0; padding: 5px; font: 90%/1.5 sans-serif; }
	
ul.foundactions { margin-bottom: 10px; padding-top: 5px; border-top: 3px solid #000; }
.box3 ul.foundactions, .wrap3 ul.foundactions { border: 1px solid #000; border-width: 1px 0; }
	.foundactions li { position: relative; }
	.foundactions li.last { margin: 0; }
		.foundactions li a, .foundaction p { width: 175px; }
		.wrap .foundactions li a { width: 500px; }
		.foundactions li .nummer, .foundaction .nummer { width: 80px; text-align: right; font-size: 170%; }
		.wrap .foundactions li .nummer { width: 150px; }
		.maincontent .foundactions li .detail { position: absolute; right: 0; bottom: 10px; width: auto; padding: 2px 5px; text-transform: uppercase; font-size: 80%; color: #fff; background: #f00; }
		.foundactions li .detail:hover, .foundactions li .detail:focus, .foundactions li .detail:active { background: #000; }
		
		.foundaction { position: relative; width: 250px; margin: 15px 0 0 -10px; padding: 5px 10px 5px 15px; background: #f00 url('../images/action.jpg') 0 0 no-repeat; }
			.foundaction strong, .foundaction em, .foundaction span, .foundaction .nummer { color: #fff; }

/* Add action
----------------------------------------------------------------------------------------*/

.addaction { overflow: visible; }
	.addaction ul { margin-bottom: 5px; }
	.addaction p em { display: inline; padding: 0; }
	.addaction table.time { table-layout: fixed; margin-bottom: 5px; }
		.addaction .time td, .addaction .time th { width: 342px; padding: 5px 5px 0 0; vertical-align: top; text-align: left; }
			.addaction .getdata .time input, .addaction .getdata .short { width: 255px; margin-right: 5px; }
		.addaction .time .sec { width: 278px; padding-right: 0; }
			.addaction .time .sec input { margin: 0; }
			.addaction table.time input { float: left; }
			.addaction table.time img { float: left; cursor: pointer; }
		
.addclub { margin: 0; }
	.addclub p { margin-bottom: 10px; }

/* Settings for profesional
----------------------------------------------------------------------------------------*/

.cat-choice { clear: both; }
	.cat-choice .line { overflow: hidden; width: 100%; background: none; }
	.cat-choice .cat { overflow: hidden; float: left; display: inline; width: 160px; margin-right: 85px; }
	.cat-choice .last { margin-right: 0; }
		.cat-choice .cat h3 { margin-bottom: 8px; line-height: 20px; }
		.headlines-l .cat h3 { height: auto !important; height: 40px; min-height: 40px; }
		.cat-choice li { padding: 0 0 5px; }
			.cat-choice li input { float: left; display: inline; margin-right: 5px; }

/* Mail settings
----------------------------------------------------------------------------------------*/

.maincontent .checkboxes label { clear: both; width: 100%; margin-right: -3px; padding: 3px 0; }
	.checkboxes input { float: left; display: inline; margin-right: 6px; }