@charset "utf-8";

/* **************** */
/* GENERAL CSS DATA */
/* **************** */

* {
	color: #eee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	background-color: #1d1e20;
}

/* **************************************************************** */
/* ********************* SKIN-SPECIFIED  DATA ********************* */
/* **************************************************************** */

/* ************** */
/* *** HEADER *** */
/* ************** */

#header {
	background-image: url(header_bckg.jpg);
	background-repeat: repeat-x;
	width: 100%;
	border-bottom: solid 5px #90c900;
	margin: 0;
	padding: 0;
}

#header_logo {
	width: 346px;
	height: 49px;
	background-image: url(header_logo.jpg);
	background-repeat: no-repeat;
}

#header_version {
	float: right;
	color: #f1f1f1;
	font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin-top: 33px;
	margin-right: 5px;
}

/* ************* */
/* *** LOGIN *** */
/* ************* */

#login_bckg {
	position: relative;
	margin: 150px auto;
	width: 480px;
	height: 196px;
	background-image: url(login_bckg.jpg);
	background-repeat: no-repeat;

}

#login {
	position: relative;
	width: 350px;
	margin: -300px auto 0 auto;
	border: 1px solid black;
	background-color: #2b2d2f;
	padding: 15px;
	border: 1px solid #4f5052;
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;

}

#login h2 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
}

#login .button {
	color: #fff;
	cursor: pointer;
	width: 200px;
	background:#414d59;
	border: 1px solid;
	border-color: #4f718a #003 #003 #4f718a;
	margin: 15px 0 0 75px;
}

#login .button:hover {
	color:#fff;
	background: #e49d00;
	border: 1px solid;
	border-color: #ffbd2b #926500 #926500 #ffbd2b;
}

#login label {
	clear: left;
	display: block;
	float: left;
	width: 85px;
	text-align: right;
	padding-right: 10px;
	color: #fff;
	margin-bottom: 5px;
	padding-top: 2px;
}

#login input {
	border: 1px solid black;
	padding-left: 0.5em;
	margin-bottom: 0.6em;
	width: 200px;
	background: #c5d3e0;
	color: black;
}

#login input:hover {
	background: #fffcc0;
	border: 1px solid black;
	color: black;
}

#login input:focus {
	background: #fff;
	border:1px solid #FFCC00;
	color: black;
}

#login_footer {
	width: 350px;
	margin: 10px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	text-align: center;
}

#login_footer a {
	color: #333;
}

#login_footer a:hover {
	color: #66CC00;
}

/* ************ */
/* *** MENU *** */
/* ************ */

#menu {
	float: left;
	width: 220px;
	padding: 5px;
	border-top: solid 2px #4f5052;
	border-right: solid 1px #000;
	border-bottom: solid 1px #111;
	background-color: #2b2d2f;
	background-image: url(menu_bckg.jpg);
	background-repeat: no-repeat;
}

#menu h3 {
	padding-bottom: 1px;
	margin: 10px 0;
	color: #f4f4f4;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #90c900;
}

#menu p {
	color: #eee;
	margin: 10px 10px 15px 10px;
	font-size: 12px;
}

#menu p span {
	color: #90c900;
	font-weight: bold;
}

#menu p i {
	color: #ddd;
	font-style: normal;
	font-size: 10px;
}

#menu ul {
	margin: 0 0 20px 10px;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

#menu li {
	margin: 5px 0;
	padding: 3px 0 0 30px;
	font-size: 12px;
	background-repeat: no-repeat;
}

#menu ul .menuicon_accept       { background-image: url(menuicon_accept_bw.jpg);       }
#menu ul .menuicon_clear        { background-image: url(menuicon_clear_bw.jpg);        }
#menu ul .menuicon_content      { background-image: url(menuicon_content_bw.jpg);      }
#menu ul .menuicon_help         { background-image: url(menuicon_help_bw.jpg);         }
#menu ul .menuicon_logout       { background-image: url(menuicon_logout_bw.jpg);       }
#menu ul .menuicon_management   { background-image: url(menuicon_management_bw.jpg);   }
#menu ul .menuicon_manipulation { background-image: url(menuicon_manipulation_bw.jpg); }
#menu ul .menuicon_profile      { background-image: url(menuicon_profile_bw.jpg);      }
#menu ul .menuicon_status       { background-image: url(menuicon_status_bw.jpg);       }
#menu ul .menuicon_users        { background-image: url(menuicon_users_bw.jpg);        }

#menu ul .menuicon_accept:hover       { background-image: url(menuicon_accept.jpg);       }
#menu ul .menuicon_clear:hover        { background-image: url(menuicon_clear.jpg);        }
#menu ul .menuicon_content:hover      { background-image: url(menuicon_content.jpg);      }
#menu ul .menuicon_help:hover         { background-image: url(menuicon_help.jpg);         }
#menu ul .menuicon_logout:hover       { background-image: url(menuicon_logout.jpg);       }
#menu ul .menuicon_management:hover   { background-image: url(menuicon_management.jpg);   }
#menu ul .menuicon_manipulation:hover { background-image: url(menuicon_manipulation.jpg); }
#menu ul .menuicon_profile:hover      { background-image: url(menuicon_profile.jpg);      }
#menu ul .menuicon_status:hover       { background-image: url(menuicon_status.jpg);       }
#menu ul .menuicon_users:hover        { background-image: url(menuicon_users.jpg);        }

#menu ul .menuicon_accept_selected       { background-image: url(menuicon_accept.jpg);       }
#menu ul .menuicon_clear_selected        { background-image: url(menuicon_clear.jpg);        }
#menu ul .menuicon_content_selected      { background-image: url(menuicon_content.jpg);      }
#menu ul .menuicon_help_selected         { background-image: url(menuicon_help.jpg);         }
#menu ul .menuicon_logout_selected       { background-image: url(menuicon_logout.jpg);       }
#menu ul .menuicon_management_selected   { background-image: url(menuicon_management.jpg);   }
#menu ul .menuicon_manipulation_selected { background-image: url(menuicon_manipulation.jpg); }
#menu ul .menuicon_profile_selected      { background-image: url(menuicon_profile.jpg);      }
#menu ul .menuicon_status_selected       { background-image: url(menuicon_status.jpg);       }
#menu ul .menuicon_users_selected        { background-image: url(menuicon_users.jpg);        }

#menu li a {
	display: block;
	height: 21px;
}

#menu li a:hover {
	color: #66CC00;
}

#menu .selected {
	color: #FFCC00;
}

#menu li ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

#menu li li {
	margin: 0;
	padding: 3px 0;
	font-size: 10px;
	background-repeat: no-repeat;
	color: #999999;
}

#menu li li a {
	height: auto;
	color: #999999;
}

#menu select {
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #202020;
	border: solid 1px #90c900;
	margin: 5px 0px 20px 20px;
}


/* *************** */
/* *** SUBINFO *** */
/* *************** */

#subinfo {
	float: left;
	width: 200px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	margin-left: 3px;
	margin-top: -10px;
}

#subinfo a {
	color: #333;
}

#subinfo a:hover {
	color: #66CC00;
}

/* *************** */
/* *** CONTENT *** */
/* *************** */

#content {
	margin: 10px 10px 10px 240px;
	font-size: 12px;
}

/* *** HEADERS */

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	/* color: #66CC00; */
	color: #ffcc00;
	letter-spacing: 1px;
}

#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #eee;
	letter-spacing: 1px;
}

/* *** BOX - SUCCESS */

#content .box_success {
	width: 95%;
	margin: 10px auto;
	padding: 15px;
	border-style: dashed;
	border-width: 1px;
	border-color: #00FF00;
	background-color: #004400;
}

#content .box_success h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	color: #AAFFAA;
	padding: 8px 0 7px 42px;
	background-image: url(boxicon_success.gif);
	background-repeat: no-repeat;
}

#content .box_success p {
	margin: 10px 0 0 0;
}

/* *** BOX - ERROR */

#content .box_error {
	width: 95%;
	margin: 10px auto;
	padding: 15px;
	border-style: dashed;
	border-width: 1px;
	border-color: #FF0000;
	background-color: #550000;
}

#content .box_error h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	color: #FFAAAA;
	padding: 8px 0 7px 45px;
	background-image: url(boxicon_error.gif);
	background-repeat: no-repeat;
}

#content .box_error p {
	margin: 10px 0 0 0;
}

/* *** BOX - HELP */

.box_help {
	width: 95%;
	margin: 10px auto;
	padding: 15px;
	border-style: dashed;
	border-width: 1px;
	border-color: #ffcc00;
	background-color: #554400;
}

#content .box_help h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	color: #ffeeaa;
	padding: 8px 0 7px 55px;
	background-image: url(boxicon_help.gif);
	background-repeat: no-repeat;
}

#content .box_help p {
	margin: 10px 0 0 0;
}

/* *** BOX - INFO */

#content .box_info {
	width: 95%;
	margin: 10px auto;
	padding: 15px;
	border-style: dashed;
	border-width: 1px;
	border-color: #00aaff;
	background-color: #003355;
}

#content .box_info h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	color: #bbddff;
	padding: 8px 0 7px 42px;
	background-image: url(boxicon_info.gif);
	background-repeat: no-repeat;
}

#content .box_info p {
	margin: 10px 0 0 0;
}

/* dodane przez cahe 14:17 6 wrze�nia */

.pointer {
 cursor: pointer;
}

.ul14 {
	font-size: 12pt;
}

/* --- */

/* *** USER FORMS */

#content form {
	color: #eee;
	margin: 0;
	padding: 0;
}

#content fieldset {
	padding: 10px;
	border: 1px solid #4f5052;
	margin: 0;
}

#content p {
	font-size: 12px;
	color: #eee;
	text-align: left;
	padding: 15px 5px 5px 0;
	margin: 0;
}

#content legend {
	font-size: 14px;
	font-weight: bold;
	padding: 6px;
	color: white;
}

#content label {
	display: block;
	text-align: right;
	padding-right: 10px;
	color: #eee;
	margin-bottom: 5px;
	padding-top: 2px;
}

#content input {
	margin-left: 3px;
	border: 1px solid #eee;
	padding-left: 0.2em;
	background-color: #202020;
	color: #eee;
	font-weight: normal;
}

#content input:hover {
	color: #eee;
	border: 1px solid #fc0;
}

#content input:focus {
	color: #eee;
	border: 1px solid #fc0;
}

#content select {
	border: 1px solid #eee;
	padding-left: 0.2em;
	background-color: #202020;
	color: #eee;
}

#content textarea {
	border: 1px solid #eee;
	padding: 5px;
	overflow: auto;
	background: #202020;
	color: #eee;
	font-size: 12px;
}

#content textarea:hover {
	border: 1px solid #fc0;
}

#content .generatedForm textarea:focus {
	border: 1px solid #fc0;
}

#content option {
	background-color: #202020;
	color: #eee;
}

#content optgroup {
	background: #202020;
	color: #eee;
	font-style: normal;
}

#content optgroup option {
	background: #202020;
	color: #eee;
}

#content .button1,
#content .button2 {
	color: #fff;
	cursor: pointer;
	width: 25%;
	background:#414d59;
	border: 1px solid;
	border-color: #4f718a #003 #003 #4f718a;
}

#content .button1 { margin: 10px 0 0 0; }
#content .button2 { margin: 10px 0 0 0; }

#content .button1:hover,
#content .button2:hover {
	color:#fff;
	background: #e49d00;
	border: 1px solid;
	border-color: #ffbd2b #926500 #926500 #ffbd2b;
}

/* *** GENERATED FORMS */

#content .generatedForm {
	background: #2b2d2f;
	width: 80%;
	padding: 15px;
	border: 1px solid #4f5052;
	margin: 15px auto;
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
}

#content .generatedForm form {
	margin: 0;
	padding: 0;
}

#content .generatedForm fieldset {
	padding: 10px;
	border: 1px solid #4f5052;
	margin: 0;
}

#content .generatedForm p {
	font-size: 12px;
	color: #fff;
	text-align: left;
	padding: 15px 5px 5px 0;
	margin: 0;
}

#content .generatedForm legend {
	font-size: 14px;
	font-weight: bold;
	padding: 6px;
	color: white;
}

#content .generatedForm label {
	clear: left;
	display: block;
	float: left;
	width: 25%;
	text-align: right;
	padding-right: 10px;
	color: #fff;
	margin-bottom: 5px;
	padding-top: 2px;
}

#content .generatedForm input {
	border: 1px solid black;
	padding-left: 0.5em;
	margin-bottom: 0.6em;
	width: 65%;
	background: #c5d3e0;
	color: black;
}

#content .generatedForm fieldset fieldset {
	padding-top: 5px;
}

#content .generatedForm input[type="radio"] {
	width: auto;
	margin: 0 5px;
	padding: 0;
	border: 0;
	background: none;
}

#content .generatedForm input:hover {
	background: #fffcc0;
	border: 1px solid black;
	color: black;
}

#content .generatedForm input:focus {
	background: #fff;
	border:1px solid #FFCC00;
	color: black;
}

#content .generatedForm select {
	border: 1px solid black;
	padding-left: 0.5em;
	margin-bottom: 0.6em;
	width: 66%;
	background-color: #c5d3e0;
	color: black;
}

#content .generatedForm textarea {
	width: 65%;
	border: 1px solid black;
	padding: 5px;
	overflow: auto;
	background: #c5d3e0;
	color: black;
	font-size: 12px;
}

#content .generatedForm textarea:hover {
	background: #fffcc0;
	border: 1px solid black;
	color: black;
}

#content .generatedForm textarea:focus {
	background: white;
	border: 1px solid #FFCC00;
	color: black;
}

#content .generatedForm option {
	background: #c5d3e0;
	color: black;
}

#content .generatedForm optgroup {
	background: #fff;
	color: #000;
	font-style: normal;
}

#content .generatedForm optgroup option {
	background: #fff;
	color: #b80b38;
}

#content .generatedForm .button1,
#content .generatedForm .button2 {
	color: #fff;
	cursor: pointer;
	width: 25%;
	background:#414d59;
	border: 1px solid;
	border-color: #4f718a #003 #003 #4f718a;
}

#content .generatedForm .button1 { margin: 10px 0 0 25%; }
#content .generatedForm .button2 { margin: 10px 0 0 0; }

#content .generatedForm .button1:hover,
#content .generatedForm .button2:hover {
	color:#fff;
	background: #e49d00;
	border: 1px solid;
	border-color: #ffbd2b #926500 #926500 #ffbd2b;
}

/* *** FILTER */

#content .filter {
	margin-left: 3px;
	border: 1px solid #eee;
	padding-left: 0.2em;
	background-color: #333333;
	background-image: url(input_gradient.jpg);
	background-repeat: repeat-x;
	color: #eee;
	font-size: 10px;
	font-weight: normal;
	width: 75px;
}

#content .filter :hover {
	color: #eee;
	border: 1px solid #fc0;
}

#content .filter :focus {
	color: #eee;
	border: 1px solid #fc0;
}
/* *** TABLES */

#content table {
	margin: 5px auto;
	width: 95%;
	background-color: #222;
	border: solid #333 1px;
	padding: 0;
	border-collapse: collapse;
	text-align: center;
}

#content table caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #eeeeee;
	letter-spacing: 1px;
	caption-side: top;
	text-align: left;
}

#content table thead {
	background-color: #333;
	margin: 0;
}

#content table th {
	font-weight: bold;
}

#content table tr {
	border: solid #333 1px;
	margin: 0;
}

#content table tr:hover {
	background-color: #002233;
}

#content table thead tr:hover {
	background-color: #333;
}

#content table td {
	padding: 3px;
}

#content table img {
	border: 0;
	margin: 1px 0;
}

/* *** LISTS */

#content ul {
	margin: 5px 25px;
	padding: 0;
	list-style-position: inside;
	list-style-type: disc;
}

#content li {
	margin: 0;
	padding: 0;
}

#content li img {
	border: 0;
	margin: 0 0 -1px 0;
	padding: 0;
}

#content li span {
	font-size: 10px;
	color: #999;
}

#content li a,
#content li a:active,
#content li a:visited {
	color: #eee;
	text-decoration: none;
}

#content li a:hover {
	color: #fc0;
}

/* *** STATUS */

#status {
	width: 90%;
	margin: 0 auto;
}

#status em {
	width: 100%;
	display: block;
	text-align: center;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 25px 0 10px 0;
	color: #fc0;
}

#status strong {
	width: 49%;
	float: left;
	text-align: right;
	margin: 3px 0;
}

#status span {
	width: 49%;
	float: right;
	text-align: left;
	margin: 3px 0;
}

#status br {
	clear: right;
}

/* *** tinyMCE FIX */

#content fieldset table {
	margin: 0;
}

#body_parent table,
#body_parent table:hover,
#body_parent tbody,
#body_parent tbody:hover,
#body_parent tr,
#body_parent tr:hover,
#body_parent td,
#body_parent td:hover {
	background-color: #e2e2e2;
}

