/*
Krystyna Janda
CSS v.1.0
klikam.pl

Kolory:

#4d4d4d - szary
#f00 - czerwony

*/

body { background-image: url(images/main-back.jpg); background-repeat:repeat; margin:0px; text-align:center; padding:0px 0px 100px 0px; }
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size:small; color: #4D4D4D; }
body.sub { background-image:url(images/sub-back.gif) }


#page { background-color:#fff; width:950px; overflow:hidden; text-align:left; margin:0px auto; }
#page.sub-back { background-color:transparent; background-image:url(images/main-sub-back.png) }

#footer { width:950px; overflow:hidden; text-align:right;  margin:0px auto;}
#footer span.foottext { padding: 5px 0px; background-color:#fff; display:block; float:right; width:382px; }
#sponsor { clear: both;  margin-top: 40px; padding: 5px 10px; float: right; background-color:#fff }



a { color:#000; text-decoration:underline; }
a:hover { color:#f00; }

h1 { margin:0px 0px 0px 0px; padding:0px; font-weight:normal; font-size:1.5em; color:#333; }

h3 { font-size:1.1em; margin:0px 0px; }
h3 a { text-decoration:none; }

.selected { font-weight:bold; }

img { border:none; }

hr.divide { border:none; height:1px; border-top:1px solid #ddd; margin:0px 230px 0px 28px; }


.lft-main-column { width:377px; float:left; background-color:#fff; }
.rgt-main-column { margin-left:377px; background-color:#fff; }


.lft-sub-column { width:296px; float:left; background-color:#fff; }
.rgt-sub-column { margin-left:296px; padding-bottom:50px; background-color:#fff; }

#menu { margin-left:25px; border-collapse:collapse; }
#menu tr { margin:0px; padding:0px; }
#menu td { margin:0px; width:160px; }
#menu td.top { padding: 15px 20px 0px 0px; vertical-align:bottom; }
#menu img { display:block;}
#menu td.lft-border { border-left: 1px solid #4d4d4d; width:180px; }
#menu td div.lft-pad { padding:0px 18px; }

.bottom-rep { margin:0px 0px 0px 25px; border-collapse:collapse; }
.bottom-rep tr { margin:0px; padding:0px; }
.bottom-rep td { margin:0px; width:160px; }
.bottom-rep td.top { padding: 15px 20px 0px 0px; vertical-align:bottom; }
.bottom-rep td a { padding-left:20px; }
.bottom-rep td.celltop { vertical-align:top; padding:0px 0px 20px 0px;  }
.bottom-rep img { display:block;}
.bottom-rep td.lft-border { border-left: 1px solid #bbb; width:180px; }
.bottom-rep td div.lft-pad { padding:0px 18px; }

.title-bottom { padding:0px; margin:10px 0px 2px 0px; font-weight:bold; }
.rep-bottom { padding:0px; margin:0px 0px 0px 0px;  }


#main-foto { width:377px; border-collapse:collapse; height:700px; }
#main-foto tr, #main-foto td  { margin:0px; padding:0px; vertical-align:top; }
#main-foto img { display:block;}

#sub-foto { width:296px; border-collapse:collapse; border:0px; }
#sub-foto tr,#sub-foto td  { margin:0px; padding:0px; border:0px; }
#sub-foto img { display:block; }

.featured { background-color:#f0f0f0; margin:50px 0px 50px 0px; }
.featured-text { padding:30px 20px 30px 200px; margin:0px; }
.featured h3 { font-size:1.3em; font-weight:normal; }
.featured-link { float:left; display:block; padding-left:30px; margin:20px 0px 0px 0px; background-color:none; text-decoration:none; }

.pajacyk-cont { position:relative; }
.pajacyk-link { position:absolute; bottom:0px; left:-30px; }

.italic { font-style:italic; }

.subtitle { margin:0px; padding:0px; font-size:0.9em; }

.smaller { font-size:0.9em; }

.subnav-list { margin:4px 0px 10px 65px; list-style:none; padding:0px; }
.subnav-list a { text-decoration:none; }
.subnav-head { background-color:#E8E8E8; margin:0px 0px 0px 64px; padding:3px 0px 1px 10px; font-size:1.4em; font-weight:normal; }
.subnav-list li { padding:4px 0px; }

.listing-column-container { width:650px; line-height: 130%; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; }
.text-column { width:auto; vertical-align:top; padding:0px 28px 10px 28px; line-height:150%; }
.text-column * {  line-height:150%; }
.foto-column { vertical-align:top; width:200px; }

p.data { font-size:0.8em; margin:0px 0px 0px 0px; padding:0px; color:#999; }
p.data-text { font-size:0.8em; margin:0px 0px 10px 0px; padding:0px; color:#999; }

p.text-nav { padding:10px 0px 0px 0px; color:#ccc; border-top:1px solid #ccc; }
p.text-nav a { color:#aaa;  text-decoration:none;}
p.text-nav a:hover { color:#f00; }

p.imieniny { font-style:italic; margin:5px 0px; padding:0px;}

/* kalendarz*/

.calendar-cont { width:650px; overflow:hidden; margin:10px 0px 0px 0px; }
.calendar-page { float:left; width:20%; text-align:center; }
.calendar-text { float:left; width:auto; }
.calendar-photos { float:left; }

.first { margin-top:50px;}

.calendar-text h3 { margin:0px; }
.calendar-text p { margin:5px 0px; }
.calendar-text div { width:400px; padding-bottom:10px; }

.calendar-page-cont { width:80px; margin:0 auto; }
.month-in { background-color:#E8E8E8; padding:4px 0px;margin:0px; }
.day-paragraf { margin:4px 0px; font-size:0.8em; }
.day-in { font-size:2.5em; }

.red-feature { color:#df0030; }

#cal { padding:0px 0px 0px 0px; margin:0px 0px 50px 64px; background-color:#DEDEDE; }
.calendar { width:232px; border-collapse:collapse;}
.calendar td { color:#ccc; background-color:#fff; padding:2px 6px 2px 0px; text-align:right; }
td.calendar-day { color:#4d4d4d; background-color:#DEDEDE; font-weight:bold; padding:4px 6px 6px 0px; }
td.calendar-month { background-color:#DEDEDE; }
.calendar a { color:#4d4d4d; text-decoration:none; }
.calendar a:hover { color:#f00; }
.calendar a.selected { font-weight:normal; color:#f00; }
.select-list { margin:4px 0px 4px 47px; list-style:none; padding:0px; }

/* strona główna */
.podpis { text-align:right; padding-right:40px; }
.tytuly { text-align:center; }
.tytuly img { display:inline; }

/* cv - */
.lft { padding-left:30px;  }
.additional-nav { margin:10px 0px; padding:0px; list-style:none; width:100%; overflow:hidden; }
.additional-nav li { display:inline; vertical-align:bottom; }
.additional-nav a { font-size:1em; display:block; float:left; padding:2px 10px 0px 0px; }
.additional-nav span { font-size:1.2em; display:block; float:left; padding:0px 10px 5px 0px; }


/* image browser */
#invisible { display:none; }
.fotos { position:relative; height:auto; }
#big-image { display:block; }
.file-loading { position:absolute; top:0px; left:0px; display:block; float:left; width:180px; height:130px; background:#fff url('/images/loader.gif') center center no-repeat;
	opacity: .7;
	filter: alpha('opacity=70');
}
.foto-nav { padding:3px 0px; color:#ccc; }
.foto-nav a { padding:3px 0px; color:#aaa; }
.foto-nav a:hover { color:#f00; }

.foto-nav-margin { border-top:1px solid #ccc; margin:20px 0px 10px 0px; padding:5px 0px 0px 0px;  color:#ccc;}
.foto-nav-margin a { color:#aaa;  text-decoration:none;}
.foto-nav-margin a:hover { color:#f00; }

.foto-list-column ul { list-style:none; margin:20px 0px; padding:0px; }
.foto-list-column li { display:block; float:left; height:130px; padding:0px 20px 0px 0px;}
.foto-list-column li a { display:block; }
.foto-list-column li a.selected { padding:8px;}
.foto-list-column li a.selected img { border:2px solid #f00; }

#modal_overlay { background-color:#000; }
#modal_image { display:block; border:5px solid #fff; }



ul#messages { display:block; width:auto; margin:20px 0px 0px 0px; padding:10px 20px; list-style:none; background-color:#CCFF00; border:1px solid #8FB300; }
ul#messages li { margin:0px; padding:5px 0px; color:#668000; }

ul#errors { display:block; width:auto; margin:20px 0px 0px 0px; padding:10px 20px; list-style:none; background-color:#fff; border:1px solid #FF0000; }
ul#errors li { margin:0px; padding:5px 0px; color:#f00; font-size:1.2em; }

form.login p { width:300px; overflow:hidden; }
form.login p label { width:150px; float:left; text-align:right; }
form.login p input { width:140px; float:right; }



/* youtube ------------ */

.youtube_thumbnail { background-color: #000; background-position: center center; background-repeat: no-repeat; }
.youtube_thumbnail a { display: block; background: transparent url('../images/play_button.png') center center no-repeat; }



/* adm ---------------- */

.full-column-container { padding:0px 28px; width:90%; }
/*.full-column-pad { margin:28px; }*/

.hidden { visibility:hidden; }

#modified { font-size:1.2em; color:#fff; display:block; width:100%; background-color:#f00; padding:5px; border:1px solid #f00; text-align:center; }

.buttons { font-size:1.2em; margin:5px 0px; }

form#edit { width:100%; }
form#edit p { width:100%; }
form#edit textarea { width:100%; }
form#edit input { width:auto; }

form#edit input.long { width:100%; }
form#edit select { width:200px; }

.columns { width:100%; }
.columns:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* dates */
#kalendarz { float:left; width:auto; margin: 40px 0 1em 0; }
#dates { float:left; width:350px; }


#file_list { width:100%; overflow:hidden; }
.fileslist { width:100%; overflow:hidden; min-height:150px; background-color:#000; }

#file-preview { width:50%; float:left; }
#file-browse { width:50%; float:left; }

#files-grid { width:100%; }

/*		zdjecia		*/
.file { float:left; margin:5px 5px 0px 0px; position:relative; width:125px; height:160px; }
.file img { display:block; float:none; clear:both; padding: 5px; border:0px solid silver; }
.file:hover img { padding: 4px; border:1px solid silver; }


.file span { background-color:#eaeaea; padding:1px 10px; }

#dates p { width:300px; overflow:hidden; }
#dates p label { width:100px; display:block; float:left; text-align:right; }
#dates p select { width:200px;display:block; float:left; }
#dates p input { width:200px;display:block; float:left; }

.calcont { background-color:#E1F4FF; padding:5px 0px; margin:5px 0px; }


.file div.image { width:120px; height:100px; display:block; float:none; clear:both; padding:5px; margin:0px auto; border:0px solid silver; }

.file-tools { position:absolute; top:5px; left:5px; width:120px; height:25px; overflow:hidden; background-color:#333; }

.file-tools a { display:block; float:left; width:25px; height:25px; text-indent:-3000px; }

.file-tools a.feature { background:transparent url('../images/gwiazdka.png') no-repeat top left; }
.file-tools a.feature:hover { background:transparent url('../images/gwiazdka_up.png') no-repeat top left; }
.file-tools a.featured { background-color:transparent; margin:0px; background:transparent url('../images/gwiazdka_up.png') no-repeat top left; }

.file-tools a.edit { background:transparent url('../images/edit.png') no-repeat center center; }
.file-tools a.edit:hover { background:transparent url('../images/edit_up.png') no-repeat center center; }

.file-tools a.delete { float:right; background:transparent url('../images/krzyz.png') no-repeat top left; }
.file-tools a.delete:hover { background:transparent url('../images/krzyz_up.png') no-repeat top left; }

.col_header { padding:10px 0px; }
.filesTable { padding:0px 0px 10px 0px; }
.filesTable table { width:100%; padding-top:10px; }
.filesTable table th { border-bottom:1px solid gray; }
.filesTable table td.sizeCol, .filesTable table td.statusCol, .filesTable table td.uploadedCol { text-align:center; }

.file_edit_table td { vertical-align:top; text-align:left; }
.file_edit_table p label { display:block; font-weight:bold; }


/*
.file a { display:block; float:none; clear:both;}
.file a.feature { position:absolute; top:5px; left:5px; padding:0px; margin:0px; border:0px; display:block; float:left; width:25px; height:24px; background:transparent url('/images/gwiazdka.png') no-repeat top left; }
.file a.feature:hover { background:transparent url('/images/gwiazdka_up.png') no-repeat top left; }
.file a.featured { position:absolute; top:5px; left:5px;  padding:0px; margin:0px; border:0px; display:block; float:left; width:25px; height:24px; background:transparent url('/images/gwiazdka_up.png') no-repeat top left; }

.file a.delete { position:absolute; top:5px; right:2px; padding:0px; margin:0px; border:0px; display:block; float:left; width:24px; height:24px; background:transparent url('/images/krzyz.png') no-repeat top left; }
.file a.delete:hover { background:transparent url('/images/krzyz_up.png') no-repeat top left; }
*/

.linked { width:100%; overflow:hidden; }
.linked span 	{ display:block; float:left; width:30%; }
.linked input { display:block; float:left; width:40%; }

a.textdelete { display:block; float:right; width:24px; height:24px; background:transparent url('/images/krzyz.png') no-repeat top left; }
a.textdelete:hover { background:transparent url('/images/krzyz_up.png') no-repeat top left; }

#linked-list { padding:10px 0px; background-color:#000; }
#select-list { padding:10px 0px; background-color:#000; }

span.progressBar {
	width: 100px;
	display: block;
	font-size: 10px;
	height: 4px;
	margin-top: 4px;
}


div.autocomplete {
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:auto;
	cursor:pointer;
}

ul.tabs { list-style:none; margin:0px; padding:0px 0px; border-bottom:1px solid #f00; width:100%; overflow:hidden; }
ul.tabs li { display: inline; }
ul.tabs li a { display: block; float:left; padding:10px 10px 9px 10px; border:none; color:#000; }
ul.tabs li a:hover, ul.tabs li a.active { padding:9px; border-top:1px solid #f00; border-right:1px solid #f00; border-left:1px solid #f00; color:#900;  }

ul.function-links { list-style:none; margin:0px; padding:0px 0px; border-bottom:1px solid #f00; width:100%; overflow:hidden; }
ul.function-links li { display: inline; }
ul.function-links li a { display: block; float:left; padding:10px 10px 9px 10px; border:none; color:#000; }
ul.function-links li a:hover, ul.tabs li a.active { padding:9px; border-top:1px solid #f00; border-right:1px solid #f00; border-left:1px solid #f00; color:#900;  }


.admin-link { margin:10px 30px; }


/* kasowanie mce */
form#edit .mceEditor select { width:auto; }