/*
###############################################################################
# Zespol Szkol Elektronicznych                                                #
# --------------------------------------------------------------------------- #
#                                                                 style.css   #
###############################################################################
*/



/* ustawienia glowne ------------------------------------------------------- */
html, body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background-color: #618DAA;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
	color: #FFF;
}

p, form, img, a {
	margin: 0px 0px 0px 0px;
}

/* szkielet strony --------------------------------------------------------- */
div#all {
   width: 928px;
	margin: auto auto;
}

div#keywords {
	position: absolute;
	top: 300px;
	left: 0px;
	width: 50px;
	visibility: hidden;
	background-color: transparent; /* wymysl w3c */
}

div#upmenu {
	width: inherit;
	height: 26px;
	text-align: right;
	background-color: #C7EE27;
	background-image: url(../img/upmenu_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
	color: inherit;
	text-align: right;
}

div#banner {
	width: inherit;
	height: 234px;
	background-image: url(../img/bannerint.gif);
	background-repeat: no-repeat;
}

div#logon {
	display: inline;
	float: right;
	position: relative;
	width: 195px;
	height: 120px;
	margin-top: 35px;
	margin-right: 101px;
}

	div#logon img {
		display: block;
		margin-top: 5px;
		margin-bottom: 15px;
	}

div#contener {
	width: 928px;
	clear: both;
	background: url(../img/panel.gif) no-repeat top;
}

div#stopka {
	float: left;
	display: inline;
	width: 500px;
	margin-top: 40px;
	margin-left: 214px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #7A9FB6;
}

div#menu {
	width: 180px;
	float: left;
	position: relative;
	display: inline;
	margin-left: 13px;
	margin-top: 45px;
	padding-bottom: 110px;
	background: url(../img/left.gif) no-repeat bottom;
}

	div#menu img {
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;
	}

div#info {
	width: 180px;
	float: right;
	position: relative;
	display: inline;
	margin-right: 13px;
	margin-top: 45px;
	padding-bottom: 110px;
	background: url(../img/right.gif) no-repeat bottom;
}

	div#info img {
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;
	}

div#main {
	width: 480px;
	float: left;
	position: relative;
	display: inline;
	margin-left: 31px;
	text-align: justify;
}

div.win_cont {
	width: inherit;
	height: 53px;
	clear: both;
	position: relative;
	background: url(../img/win_1.gif) no-repeat top;
	margin-top: 20px;
}

	div.win_title {
		width: 200px;
		position: relative;
		float: left;
		display: inline;
		margin-top: 22px;
		margin-left: 53px;
	}
	
	div.win_date {
		width: 100px;
		position: relative;
		float: right;
		display: inline;
		margin-top: 26px;
		margin-right: 31px;
	}
	
div.win_cont2 {
	width: inherit;
	height: 53px;
	clear: both;
	position: relative;
	background: url(../img/win_1_22.GIF) no-repeat top;
	margin-top: 20px;
}

div.win_src {
	width: 480px;
	clear: both;
	position: relative;
	display: block;
	background: url(../img/win_2.gif) repeat-y;
}

	div.error {
		width: 420px;
		float: left;
		position: relative;
		display: block;
		background-color: #89677A;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
		div.pass {
		width: 420px;
		float: left;
		position: relative;
		display: block;
		background-color: #5AB56F;
		padding-top: 3px;
		padding-bottom: 3px;
	}

div.win_end {
	width: inherit;
	height: 54px;
	clear: both;
	position: relative;
	background: url(../img/win_3.gif) no-repeat top;
}

	div.win_end_mode {
		width: 450px;
		position: relative;
		float: left;
		display: inline;
		margin-top: 10px;
		margin-left: 0px;
	}
	
div.win_end2 {
	width: inherit;
	height: 54px;
	clear: both;
	position: relative;
	background: url(../img/win_3_22.GIF) no-repeat top;
}

div.w_left {
	float: left;
	position: relative;
	display: inline;
	width: 180px;
}

div.w_right {
	float: right;
	position: relative;
	display: inline;
	width: 230px;
}	

/* szczegoly --------------------------------------------------------------- */
.right {
	text-align: right;
}

.left {
	text-align: left;
}

div.clear {
	clear: both;
	display: block;
}

div.line {
	width: 420px;
	float: left;
	display: inline;
	margin-left: 30px;
	margin-bottom: 10px;
}

div.line_info {
	width: 350px;
	float: left;
	display: inline;
	margin-left: 30px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #81A4BB;
}

div#menu ul {
	list-style : none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#info ul {
	list-style : none url(../img/point.gif);
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

div#info a, img, p {
	border: 0px;
/*	text-align: center;*/
}

/* definicje czcionek ------------------------------------------------------ */
div#keywords p {
	font-size: 1px;
	color: #618DAA;
	margin: 0px;
	text-align: left;
	width: 50px;
	background-color: inherit; /* wymysl w3c */
}

center {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #FFFFFF;
}

div#upmenu p {
	padding: 5px 10px 5px;
	font-size: 10px;
	background-color: inherit; /* wymysl w3c */
	color: #000000;
	text-align: right;
}

div#menu li p {
	font-size: 13px;
	background-color: inherit; /* wymysl w3c */
	color: #8EABBC;
	text-align: center;
}

div#logon p {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #B3C3C6;
}

div#menu p {
	font-size: 12px;
	background-color: inherit; /* wymysl w3c */
	color: #FFFFFF;
}

div#info p {
	font-size: 12px;
	background-color: inherit; /* wymysl w3c */
	color: #FFFFFF;
}

div.win_title p {
	font-size: 14px;
	background-color: inherit; /* wymysl w3c */
	color: #FFFFFF;
	text-align: left;
}

div.win_date p {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #B0C6D5;
	text-align: right;
}

p.src_center {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #FFFFFF;
	text-align: center;
}

p.src_margin {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #FFFFFF;
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
}

p.src_margin_frame {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #FFFFFF;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
}

p.src_nomargin_l {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #FFFFFF;
	text-align: justify; /* was left */
}

p.src_nomargin_r {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #FFFFFF;
	text-align: right;
}

div.win_end_mode p {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #B0C6D5;
	text-align: right;
}

.green {
	font-size: 12px;
	background-color: inherit; /* wymysl w3c */
	color: #C7EE27;
}

p#pages {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #FFFFFF;
}

div#stopka p {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #86A9BD;
}
/*definicie lampek*/
div#lights {
 position:absolute;
 border-top:1px solid #006600;
 left:0px;
 top:0px;
 width:100%;
 height:275px;
 overflow:hidden;
 z-index:1;
 display:none;
}

.xlsf-light {
 position:absolute;
 margin-top:-1px;
}

.xlsf-fragment {
 position:absolute;
 background:transparent url(./libs/lights/image/bulbs-50x50-fragments.png) no-repeat 0px 0px;
 width:50px;
 height:50px;
}

.xlsf-fragment-box {
 position:absolute;
 left:0px;
 top:0px;
 width:50px;
 height:50px;
 *width:100%;
 *height:100%;
 display:none;
}

.xlsf-cover {
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 background:#fff;
 opacity:1;
 z-index:999;
 display:none;
}

.special {
 display:none;
 font-size:x-small;
 color:#999;
}
/* definicje linkow -------------------------------------------------------- */
div#upmenu a {
	font-size: 10px;
	text-decoration: none;
	background-color: inherit; /* wymysl w3c */
	color: #000000;
}

	div#upmenu a:hover {
		font-size: 10px;
		text-decoration: underline;
		background-color: inherit; /* wymysl w3c */
		color: #0059AE;
	}

div#menu a {
	font-size: 12px;
	background-color: inherit; /* wymysl w3c */
	color: #FFFFFF;
	text-decoration: none;
}

	div#menu a:hover {
		font-size: 14px;
		background-color: inherit; /* wymysl w3c */
		color: #FFFFFF;
		text-decoration: underline;
	}
	
div#menu a.inactive {
	font-size: 12px;
	background-color: inherit; /* wymysl w3c */
	color: #8EABBC;
	text-decoration: none;
}

	div#menu a.inactive:hover {
		font-size: 14px;
		background-color: inherit; /* wymysl w3c */
		color: #8EABBC;
		text-decoration: underline;
	}

div#info a {
	font-size: 12px;
	background-color: inherit; /* wymysl w3c */
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

	div#info a:hover {
		font-size: 12px;
		background-color: inherit; /* wymysl w3c */
		color: #FFFFFF;
		text-decoration: underline;
		font-weight: bold;
	}

div#stopka a {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #86A9BD;
	font-weight: bold;
	text-decoration: none;
}

	div#stopka a:hover {
		font-size: 11px;
		background-color: inherit; /* wymysl w3c */
		color: #86A9BD;
		font-weight: bold;
		text-decoration: underline;
	}

a.normal {
	font-size: 13px;
	text-decoration: none;
	background-color: inherit; /* wymysl w3c */
	color: #B3C3C6;
	font-weight: bold;
}

	a.normal:hover {
	font-size: 13px;
	text-decoration: underline;
	background-color: inherit; /* wymysl w3c */
	color: #B3C3C6;
	font-weight: bold;
	}

a.warning {
	font-size: 13px;
	text-decoration: none;
	background-color: inherit; /* wymysl w3c */
	color: #FF9D77;
	font-weight: bold;
}

	a.warning:hover {
	font-size: 13px;
	text-decoration: underline;
	background-color: inherit; /* wymysl w3c */
	color: #FF7C4A;
	font-weight: bold;
	}
	
div.win_src a {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #B0C6D5;
	text-decoration: none;
}

	div.win_src a:hover {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #B0C6D5;
	text-decoration: underline;
	}
	
div.win_end_mode a {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #B0C6D5;
	text-decoration: none;
}

	div.win_end_mode a:hover {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #B0C6D5;
	text-decoration: underline;
	}
	
a#pages {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #B0C6D5;
	text-decoration: none;
}

	a#pages:hover {
	font-size: 11px;
	background-color: inherit; /* wymysl w3c */
	color: #B0C6D5;
	text-decoration: none;
	}
	
/* definicje formularzy ---------------------------------------------------- */
.text_logon {
	background-color: #7490A2;
	color: #B0BEC7;
	border: 1px solid #47677C;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	width: 110px;
}

.text_logon:focus {
	background-color: #94B0B8;
	color: #556D73;
	border: 1px solid #47677C;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	width: 110px;
}

.submit_logon {
	background-color: #527890;
	color: #C7EE27;
	border: 1px solid #93B3C7;
	font-size: 11px;
	margin-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	margin-top: 15px; 
	width: 80px;
	height: 20px;
}

.input1 {
	background-color: #81A4BB;
	color: #FFFFFF;
	border: 1px solid #47677C;
	font-size: 14px;
	padding-left: 3px;
	padding-right: 3px;
	width: 140px;
}

.text1 {
	background-color: #81A4BB;
	color: #FFFFFF;
	border: 1px solid #47677C;
	font-size: 14px;
	padding-left: 3px;
	padding-right: 3px;
	width: 200px;
	height: 120px;
}

.text2 {
	background-color: #81A4BB;
	color: #FFFFFF;
	border: 1px solid #47677C;
	font-size: 14px;
	padding-left: 3px;
	padding-right: 3px;
	width: 412px;
	height: 250px;
}

form.add
{
	text-align: center;
	margin: 0px 0px 0px 0px;
}

.button1 {
	background-color: #477694;
	color: #ACE461;
	border: 1px solid #47677C;
	font-size: 14px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 3px;
	font-weight: bold;
	height: 20px;
}

/* tab panele */
.dynamic-tab-pane-control.tab-pane {
        position:       relative;
        width:          100%;           /* width needed weird IE bug */
        margin-right:   -2px;   /* to make room for the shadow */
}

.dynamic-tab-pane-control .tab-row .tab {

        width:                          100px;
        height:                         16px;
        background-image:       url( "tab.png" );

        position:               relative;
        top:                    0;
        display:                inline;
        float:                  left;
        overflow:               hidden;

        cursor:                 Default;

        margin:                 1px -1px 1px 2px;
        padding:                2px 0px 0px 0px;
        border:                 0;

        z-index:                1;
        font:                   11px Tahoma;
        white-space:    nowrap;
        text-align:             center;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
        width:                          100px !important;
        height:                         18px !important;
        background-image:       url( "tab.active.png" ) !important;
        background-repaet:      no-repeat;

        border-bottom-width:    0;
        z-index:                3;
        padding:                2px 0 0px 0;
        margin:                 1px -3px -3px 0px;
        top:                    -2px;
        font:                           11px Tahoma;
}

.dynamic-tab-pane-control .tab-row .tab a {
        font:                           11px Tahoma;
        color:                          Black;
        text-decoration:        none;
        cursor:                         default;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
        font:                           11px Tahoma;
        width:                          100px;
        height:                         16px;
        background-image:       url( "tab.hover.png" );
        background-repaet:      no-repeat;
}


.dynamic-tab-pane-control .tab-page {
        clear:                  both;
        /*border:                       1px solid rgb( 145, 155, 156 );*/
        /*background:           rgb( 252, 252, 254 );*/
        z-index:                2;
        position:               relative;
        top:                    -2px;

        text-align:     justify;
        font:                           11px Tahoma;
        /*color:                                Black;*/

        filter:                 progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#f
ff4f3ee, GradientType=0)
                                        progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Dire
ction=135);

        /*244, 243, 238*/
        /* 145, 155, 156*/

        padding:                10px;
}

.dynamic-tab-pane-control .tab-row {
        z-index:                1;
        white-space:    nowrap;
}