body {
	background:#F9FCFE;
	color:#333333;
}
a {color:#066296; text-decortaion:underline;}
a:HOVER {text-decoration:none;}

strong {
	font-weight: bold;
}

div#all {
	width:100%;
}
#header{
	width:100%;
	background:#066194;
	color:white;
}

#hd-1{
	background:url(gfx/hd_1.gif) repeat-x left top;
	width: 100%;
}

#hd-1 h1 { font-size:25px;}
#hd-1 h1 span { font-size:14px; color:#fff; }
#hd-1 h1 a {color:#AFE4FF; }
#hd-1 h1 a:HOVER {text-decoration:none; }

#logo {padding: 25px 25px 0 25px}

#user_info{ padding: 25px 25px 0 0; float: right; font-size:12px;}
#user_info strong{font-weight:bold;}
#user_info a{ color:white; text-decoration:underline; padding:0px 2px}
#user_info a:HOVER{text-decoration:none;}

div#content p.notice {border:1px solid #066194; padding: 1em 1em 1em 40px; margin:1em 0; background:#CFEBF7 url(gfx/About.png) no-repeat 1% 50%; color:#000;}
div#content p.notice em {font-weight: bold; font-style: italic;} 
div#content p.notice.warning {background:#CFEBF7 url(gfx/BROADCAST.png) no-repeat 1% 50%; }
div#content p.notice.error {background:#FF2F2F url(gfx/Delete_2.png) no-repeat 1% 50%; }


div.add_form {border:1px solid #ccc; padding:10px; margin:5px 25px;}
div.add_form h1{margin-bottom:20px;}

div.text {overflow:auto; border:1px solid #ccc; padding:10px 10px; margin:10px 25px; }
div.text h1 {float:left; margin-right:5px;}
div.text a {color:#066296; float:left}
div.text a:HOVER {text-decoration:none;}
/* CONTENT */

#content h1 {color:#066296; font-size:16px; margin-bottom:10px; border-bottom:1px solid #ccc; margin-top: 0.5em}
#content h2 {font-size:13px; margin: .5em 0}
#content p {font-size:13px; padding:5px 0px;}

a {color:#066296; text-decortaion:underline;}
a:HOVER {text-decoration:none;}

/* STOPKA */

#footer {margin:15px 5%;}

#help { border:1px solid #ccc; padding:10px; float:left; width:35%; background:#EFFAFF;}
#identy {padding:10px; float:right; width:25%; margin-right: 40px}
#identy h1 {margin-bottom:10px;}

/* LATAJACY CSS */

.wrap {
	background: #fff;
	border: 1px solid #ccc;
	clear: both;
	margin: 15px 5%;
	padding: 1em;
}

/* Box stuff */
.dbx-clone {
 position: absolute;
 visibility: hidden;
}
.dbx-clone, .dbx-clone .dbx-handle-cursor {
 cursor: move !important;
}
.dbx-dummy {
 display: block;
 width: 0;
 height: 0;
 overflow: hidden;
}
.dbx-group, .dbx-box, .dbx-handle {
 position: relative;
 display: block;
}

#grabit {
 width: 188px;
}

/****************************************************************
avoid padding, margins or borders on dbx-box,
to reduce visual discrepancies between it and the clone.
overall, dbx-box is best left as visually unstyled as possible
*****************************************************************/
.dbx-box {
 margin: 0;
 padding: 0;
 border: none;
}

/* Can change this */
#moremeta fieldset, #advancedstuff fieldset {
 margin-bottom: 1em;
}
#moremeta fieldset div {
 margin: 2px 0 0 0;
 padding: 7px;
}
#moremeta {
 line-height: 130%;
 margin-right: 15px;
 position: absolute;
 right: 5%;
 width: 14.5em;
}
#moremeta select {
 width: 96%;
}

#moremeta h3, #advancedstuff h3 {
 padding: 3px;
 font-weight: normal;
 font-size: 13px;
}

/* default box styles */


/* toggle state of inner content area */
.dbx-box-open .dbx-content {
 display: block;
}
.dbx-box-closed .dbx-content {
 display: none;
}

#moremeta .dbx-content {
 background: url(images/box-butt.gif) no-repeat bottom right;
 padding-bottom: 15px;
 padding-right: 2px;
}

#moremeta fieldset.dbx-box-closed {
 background: url(images/box-butt.gif) no-repeat bottom;
 padding-bottom: 9px;
}


/* handles */

.dbx-handle {
 background: #2685af;
 padding: 6px 1em 2px;
 font-size: 12px;
 margin: 0;
 color: #E3EFF5;
}

#moremeta .dbx-handle {
 padding: 6px 1em 2px;
 font-size: 12px;
 background: #2685af url(images/box-head.gif) no-repeat right;
}

#moremeta .dbx-box {
 background: url(images/box-bg.gif) repeat-y right;
}

/* handle cursors */
.dbx-handle-cursor {
 cursor: move;
}

/* toggle images */
a.dbx-toggle, a.dbx-toggle:visited {
 display: block;
 overflow: hidden;
 background-image: url( images/toggle.gif );
 position: absolute;
 top: 0;
 right: 0;
 background-repeat: no-repeat;
 border: 0;
 margin: 0;
 padding: 0;
}

#moremeta a.dbx-toggle, #moremeta a.dbx-toggle-open:visited {
 height: 25px;
 width: 27px;
 background-position: 0 0;
}

#moremeta a.dbx-toggle-open, #moremeta a.dbx-toggle-open:visited {
 height: 25px;
 width: 27px;
 background-position: 0 -25px;
}

.error_message small {color: red; font-weight: bold;}

#actions p, #actionsTable p {text-align: right}
#actions span, #actionsTable span {color: #aaa; font-weight: bold;}
#actions a {text-decoration: none; padding: 0.4em .5em; border: 1px solid white}
#actions a:HOVER {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#actions a img {vertical-align: middle;}

div.dialogbox {
	background-color: #fff;
    color: #333;
    border: 4px solid #525252;
}

div.dialogbox label {color: black}
div.dialogbox h1 {background: #E8E8E8; font-size: 100%; font-weight: normal; padding: 4px 6px; margin: 0;}
div.dialogbox h1 span {display: block; float: right;}
div.dialogbox div.dialogboxContent {
	padding: 1em;
}

div.dialogbox label{
	font-weight: bold;
}

div.dialogbox h2 {
	border-bottom: 1px solid #ccc;
	margin: 0.4em 0;
}
div.dialogbox p {
	margin: 1em 0;
}
div.dialogbox p.submit {
	clear: both;
	padding-top: 1em;
	text-align: right;
}

p.info {padding: 10px; margin: 10px 50px; background: #f0f0f0; border: 1px solid #ccc; text-align: center; font-weight: bold}

p.Setting span, p.Parameters span  {font-weight: bold; width: 30%; display: block; float: left; text-align: right; margin-right: 5px; }
p.Setting span, p.ParametersPhone span  {font-weight: bold; width: 55%; display: block; float: left; text-align: right; margin-right: 5px; }

table.info {
	
}

table.info.half {
	float: left;
	width: 48%;
	margin-right: 1%;
}

table.info td, table.info th {
	padding: 0.2em 0.3em;
	border-bottom: 1px solid #f0f0f0;
}

table.info th {
	font-weight: bold;
	background: #f0f0f0;
}

table.info strong {
	font-weight: bold;
}

div.clear {
	clear: both;
}

table.num {
	border: 0;
	margin: 0.5em 0;
}

table.num tr.header th {
	background: #f0f0f0;
}

table.num th {
	font-weight: normal;
	color: #000;
}

table.num td,table.num th {
	border: 1px solid #eee;
	padding: 2px 4px;
}

table.num td.nostyle {
	border: 0;
}

table.num td.r {
	text-align: right;
}

div.columnLeft {
	float: left; width: 48%;
}

div.columnRight {
	float: right; width: 48%;
}

#content h1 span {
	display: block;
	float: right;
}

#content h1 span a {
	text-decoration: none;
	font-weight: normal;
}

/* popup z powiadomieniami */
div#catfish {
    height: 100px;
    width: 100%;
    display: none; /* Stops catfish appearing before the page is fully loaded */
    background-color: #FFFF88;
    text-align: left;
    border-top: 1px solid #aaa;
}

/* flashmessage */
div.flash.wrap {
    position: absolute;
    top:1em;
    left:25em;
    right:15em;
    z-index: 4000;
    background: #FFFF88;
    font-weight: bolder;
    font-size: 110%;
}

div.flashIcon {
    background-image: url('/css/gfx/actions/information.png');
    background-repeat: no-repeat;
    width:16px;
    height:16px;
    float:left;
    margin-right:1em;
}

div.flash.wrap.statusERR {
    background: red;
    color: white;
}

div.flash.wrap.statusERR div.flashIcon {
    background-image: url('/css/gfx/actions/error.png');
    background-repeat: no-repeat;
    width:16px;
    height:16px;
    float:left;
    margin-right:1em;
}

div.descriptionBox {
	background-color:#FAFAFA; 
	padding: 1em; 
	-moz-border-radius: 1em; 
	border: #CCCCCC solid 1px;
}