/* ---------- FORM STRUCTURE ----------- */
form{
	/*width: 550px;*/
	width: 485px;
	margin: 0 auto;
	}
form fieldset{
	clear: both;
	border: 0;
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
	}
form ul.formlist{list-style: none; padding: 0; margin: 0; width: 470px;}
#podglad_wiadomosci{width: 470px;}
form ul.formlist li{
	list-style: none;
	position: relative;
	}
form ul.formlist li:hover{}
form ul.formlist li.formbuttons { text-align: right;}
form ul.formlist li.formbuttons.slim { padding-right: 180px;;}
form br, form hr{clear: both;}

/* ---------- LABELS ----------- */

label{
	display: block;
	width: 170px;
	float: left;
	font-size: 13px;
	margin: 10px 5px 0 0;
	text-align: right;
	line-height: 12px;
	font-weight: bold;
	}
label span.formcomment{
	font-weight: normal;
	font-size: 10px;
	}
label.wide{
	width: 100%;
	text-align: left;
	}
label.wide span.formcomment{}
label.required{ color: #800;}
label.required span.formcomment{color: #000;}

fieldset.advanced_options{
	margin: 3em 0 1em;
	padding: 1em 0;
	border: solid 1px #ccc;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

div.sideinput{
	display: block;
	width: 170px;
	float: left;
	margin: 10px 5px 0 0;
	text-align: right;
}

fieldset.advanced_options legend{
	padding: 2px 20px;
	font-size: 16px;
}

/* ---------- INPUT ELEMENTS ----------- */

input[type="file"],input[type="text"],input[type="password"], select, textarea{
	font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	margin: 6px 0 6px 0;
	border: solid 1px #999;
	background: #e7e7e7;
	padding: 2px;
	background-image: url(img/form_background_1.png);
	background-repeat: repeat-x;
	-moz-border-radius: 3px;
	}

input[type="radio"]{
	border: none !important;
}

/*textarea#textedit{*/
/*    font-size: 12px;*/
/*}*/

.additional{
	margin: 0;
	position: relative;
	top: 0;
	}

/* ---------- OTHER ----------- */

.form_example{
	text-align: center;
	font-size: 10px;
}

/* ---------- TOOLTIP ----------- */
#text span.tooltip_help img{
	border: none !important;
}

span.tooltip_help{}
span.tooltip_help img{
	vertical-align: middle;
    border: none;
    /*margin: 0 3px 0 3px;*/
    margin: -10px 0 0 0;
	padding: 0;
    position: relative;
    /*top: 7px;*/
    /*left: 3px;*/
	width: 16px;
	height: 16px;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	border-radius: 20px;
	border-radius-topleft: 0px;
		-moz-border-radius: 20px;
		-moz-border-radius-topleft: 0px;
	padding: 15px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3{
	line-height: 1.4em;
    color: #000;
    font-size: 10px;
    font-family: verdana;
    text-align: left;
}

/* ---------- BUTTONS and BUTTON ICONS ----------- */
a.button, input[type="submit"], input[type="button"]{
	font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	padding: .3em .5em;
    color: #eee !important;
    border: solid 1px #000;
    border-top: solid 1px #333;
    border-left: solid 1px #333;
			-webkit-border-radius: .7em;
			-moz-border-radius: .7em;
			border-radius: .7em;
            -moz-box-shadow: 1px 1px 2px #888;
            -webkit-box-shadow: 1px 1px 2px #888;
            box-shadow: 1px 1px 2px #888;

    background-color: #3B474F;
	/*background-image: none;*/
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
	margin: 5px;
	vertical-align: middle;
	line-height: 15px !important;
	font-weight: normal;
}

a.button:active, a.button:hover, a.contentbutton:hover, input[type="submit"]:hover, input[type="button"]:hover{
    background-position: bottom right;
    background-color: #5F676C;
    outline: none; /* hide dotted outline in Firefox */
    cursor: pointer;
}

.button.user, .button.user_white, .button.user_green, .button.user_red, .button.list, .button.history,
.button.del, .button.ok, .button.attach, .button.refresh,
.button.featuredenable, .button.featureddisable,
.button.hide, .button.show, .button.edit, .button.preview,
.button.save, .button.add, .button.cancel, .button.open,
.button.logout, .button.close, .button.login, .button.back, .button.print, .button.xls{
    background-repeat: no-repeat;
    background-position: 5px center !important;
    padding-left: 26px !important;
    cursor: pointer;
    float: right;
}

.del {background-image: url(img/ikonki/delete.png);}
.refresh {background-image: url(img/ikonki/refresh.png);}
.attach {background-image: url(img/ikonki/attach.png);}
.featuredenable {background-image: url(img/ikonki/star.png);}
.featureddisable {background-image: url(img/ikonki/star_black.png);}
.hide {background-image: url(img/ikonki/eye-crossed.png);}
.show {background-image: url(img/ikonki/eye.png);}
.xls {background-image: url(img/ikonki/app_xls.png);}
.preview {background-image: url(img/ikonki/eye.png);}
.edit {background-image: url(img/ikonki/edit.png);}
.edit-disabled {background-image: url(img/ikonki/edit-disabled.png);}
.save {background-image: url(img/ikonki/save.png);}
.add {background-image: url(img/ikonki/add.png);}
.cancel {background-image: url(img/ikonki/cancel.png);}
.logout {background-image: url(img/ikonki/logout.png);}
.ok {background-image: url(img/ikonki/ok.png);}
.history {background-image: url(img/ikonki/clock.png);}
.list {background-image: url(img/ikonki/book.png);}
.user {background-image: url(img/ikonki/user.png);}
.user_green {background-image: url(img/ikonki/user_green.png);}
.user_white {background-image: url(img/ikonki/user_white.png);}
.user_red {background-image: url(img/ikonki/user_red.png);}
.login {background-image: url(img/ikonki/login.png);}
.close {background-image: url(img/ikonki/padlock_closed.png);}
.open {background-image: url(img/ikonki/padlock_open.png);}
.back {background-image: url(img/ikonki/rewind.png);}
.print {background-image: url(img/ikonki/print.png);}
.help {background-image: url(img/ikonki/help.png);}

.del:hover {background-image: url(img/ikonki/delete-hover.png);}
.refresh:hover {background-image: url(img/ikonki/refresh-hover.png);}
.attach:hover {background-image: url(img/ikonki/attach-hover.png);}
.featuredenable:hover {background-image: url(img/ikonki/star-hover.png);}
.featureddisable:hover {background-image: url(img/ikonki/star_black-hover.png);}
.hide:hover {background-image: url(img/ikonki/eye-crossed-hover.png);}
.show:hover {background-image: url(img/ikonki/eye-hover.png);}
.xls:hover {background-image: url(img/ikonki/app_xls-hover.png);}
.preview:hover {background-image: url(img/ikonki/eye-hover.png);}
.edit:hover {background-image: url(img/ikonki/edit-hover.png);}
.save:hover {background-image: url(img/ikonki/save-hover.png);}
.add:hover {background-image: url(img/ikonki/add-hover.png);}
.cancel:hover {background-image: url(img/ikonki/cancel-hover.png);}
.logout:hover {background-image: url(img/ikonki/logout-hover.png);}
.ok:hover {background-image: url(img/ikonki/ok-hover.png);}
.history:hover {background-image: url(img/ikonki/clock-hover.png);}
.list:hover {background-image: url(img/ikonki/book-hover.png);}
.user:hover {background-image: url(img/ikonki/user-hover.png);}
.user_green:hover {background-image: url(img/ikonki/user_green-hover.png);}
.user_white:hover {background-image: url(img/ikonki/user_white-hover.png);}
.user_red:hover {background-image: url(img/ikonki/user_red-hover.png);}
.login:hover {background-image: url(img/ikonki/login-hover.png);}
.close:hover {background-image: url(img/ikonki/padlock_closed-hover.png);}
.open:hover {background-image: url(img/ikonki/padlock_open-hover.png);}
.back:hover {background-image: url(img/ikonki/rewind-hover.png);}
.print:hover {background-image: url(img/ikonki/print-hover.png);}
.help:hover {background-image: url(img/ikonki/help-hover.png);}

.button.small {font-size:10px; padding:3px;}

a.rightico{width: 16px; height: 16px; margin: 0px; padding: 0; float: right; }
a.inlineico{width: 16px; height: 16px; margin: 0px; padding: 0; display: inline-block; vertical-align: middle;}

div.buttongroup{text-align: right; height: 30px; width: 488px  !important; margin: 5px; }

a.modedit{
   display: block;
   /*float: right;*/
   margin: 3px 14px 3px auto;
   width: 170px;
   clear: both;
}

/* -------------- MESSAGES --------------- */

.msgInfo, .msgSuccess, .msgWarning, .msgError, .msgValidation {
    border: 1px solid;
    margin: 10px 10px 10px 30px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    max-width: 530px;
    display: block;
    z-index: 1000;
    -moz-border-radius: .9em 0 .9em 0;
    border-radius: .9em 0 .9em 0;
}

.msgInfo strong, .msgSuccess strong, .msgWarning strong, .msgError strong, .msgValidation strong{ font-weight: bold; color: inherit;}

.msgInfo {
	color: #00529B;
	background-color: #BFD9E7;
	background-image: url('img/ikonki/msg_info.png');
}
.msgSuccess {
	color: #4F8A10;
	background-color: #C6DFA9;
	background-image:url('img/ikonki/msg_success.png');
}
.msgWarning {
	color: #9F6000;
	background-color: #FBDAAC;
	background-image: url('img/ikonki/msg_warning.png');
}
.msgError {
	color: #F13232;
	background-color: #FFCDCD;
	background-image: url('img/ikonki/msg_error.png');
}

.error{
	font-size: 10px;
	color: #b01e1e;
	margin: 1px 2px;
	float: left;
	font-weight: normal;
}
#text .kontaktowy{
	width: 400px;
}
html .btn_normal{
	background: #e7e7e7;
	border: 1px solid #a5a5a5;
	color: #333 !important;

}
html .btn_normal:hover{
	background: #d7d7d7;
	border: 1px solid #919191;
	color: #000 !important;
}