body
{
	margin:0px;
	font-size:	12px;
    background-color:#f8f7f7;
	background-image:url('../../img/layout/body_bg.gif');
	background-repeat:repeat-x;
}

body p
{
	font-family:Tahoma;
}

.bcolor
{
	background-color:#8470FF;
}


label
{
	font-size: 14px;
}

h1{
	font-size:	 20px;
	font-weight :bold;
	color: #000000;
	font-family:Arial;
	margin-bottom:5px;
}

h2
{
	margin:0px 0px 5px 0px;
	font-size:	 14px;
	font-weight :bold;
	color: #000000;
	font-family:Arial;
}


h4
{
  margin:0px 0px 5px 0px;
	  
}

hr{
	margin:  0px 0px 5px 0px;
	padding: 0px;
}


select{
	font-size: 12px;
	width:70px;
	border:1px solid #dddddd;
	margin: 1px;
	padding:1px;
}

input[type="text"], input[type="password"],input[type="textarea"]
{
	border: 1px solid #aaaaaa;
	margin: 1px;
	padding:1px;
}
input[type="button"],input[type="submit"]
{
	border:1px solid #aaaaaa;
	margin: 2px;	
}


p
{
	margin:		1px;
	padding:	1px;
}


option
{
	border: 0px solid black;
	background-color:  #FFFFCC;
}
option.blue
{
	background-color:#0000FF;
	color:         #FFFFFF;
}

table
{
	 border-collapse: collapse;
	 font-family:Verdana;
	 width: 100%;
}

th
{
	text-align:left;
}

td
{
	vertical-align:middle;
}

.theader
{
	font-weight:bold;
	color: #ffffff;
	background-color:#6495ED;
	
}

.fcolor
{
	background-color: #F2F2F2

}
.scolor
{
	background-color:#ffffff
}
.error
{
	color:#ff0000;
}
.error-box,.info-box
{
	border:1px solid black;
	padding:5px;
	margin:5px;
	background:#ffffaa;
	font-family:Arial;
}
.error-box h2
{
	color:#ff0000;
}
.info-box h2
{
	color:#00AF3A;
}

.progress
{
    background:#5e58c9;
    color:white; 
    padding:10px;
    font-family:Tahoma;
    text-align:center;
    width:400px;
    height:20px;  
}


.ok
{
	color:#009900;
}
.hidden
{	
	display:none;
}

.message
{
	font-size:14px;
	font-family:Arial ;
}


#page
{
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	width:98%;
}

#header-black
{
	background-color:#000;
	background-image:url('../../img/layout/header_black.gif');
	background-position:left;
	background-repeat:no-repeat;
	height:32px;
	border-bottom:2px solid #fff;
}
#header
{
	margin:0px;
	padding: 20px ;
	background:#2a58a4;	
}
#headerTit
{
	font-size:	 20px;
	font-weight :bold;
	color: #ffffff;
	font-family:Arial;
	float:left;
} 
#foot
{
	height:50px;
	background-color:Black;
	border-top:2px solid #2a58a4;
	margin-top:-2px;
	padding:10px;
}

#edge-top,#edge-bottom
{
	font-size:0;
	
	
}
#edge-bottom {
background-position:left bottom;
}

#main,#main-popup
{
	font-family:Tahoma;
	background-color:#ffffff;
	border-left:6px solid #2a58a4;
	border-right:6px solid #2a58a4;
	padding:10px;
	margin:0px;
}
#main-popup
{
	border-bottom:6px solid #2a58a4;
}


#logPanel
{
	text-align:center; 
	width:350px; 
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
	padding: 0px 0px 10px 0px;
	border: 1px solid #2a58a4;
}
#logPanel div
{
	background-color:#2a58a4;
	border: 1px solid #2a58a4;
	color: #ffffff;
	font-family: Arial;
	font-weight:bold;
}
.topLink
{
	color:#fff;
	font-family:Arial;
	font-size:10px;
	display:inline;	
}
.topLink li
{
	display:inline;
}



.bodyLink
{
	color:blue;
	cursor:pointer;
	padding:2px;
	margin-left:20px;
	margin-bottom:0px;
		

}

.button
{

	border:1px solid transparent;
	cursor:pointer;
	text-decoration:none;
	color:green;
	font-family:Arial;
		
}
.button:hover
{
	border:1px solid blue;
	color:blue;
}
.bodyLink:hover
{
	color:black;
	
}


.gView,.gViewS
{
	font-size:11px;
	font-family:Arial;
	border:1px solid #CAD1F0;
}
.gViewS
{
	font-size:10px;
}


.gViewHeader,.gViewHeaderS
{
	padding:4px;
	background-color:#6F81D9;
	color: #ffffff;
	font-weight:bold;
	font-size:12px;
	border:1px solid #ffffff;
}
.gViewHeaderS
{
	font-size:11px;
}


.gViewRow,.gViewRowS
{
	background: #ffffff;
	color:#45508A;
	border:1px solid #E7EAFA;
	padding:2px;
}
.gViewRow input[type="text"],.gViewRowS input[type="text"]
{	
	width:80%;
}
.gViewRowS input[type="text"],.gViewRowS select
{
    font-size:10px;
}

.gViewRowS label
{
    font-size : 12px;
}


.gViewAltRow,.gViewAltRowS
{
	background:#E7EAFA;
	border:1px solid #E7EAFA;
}

.gViewSelRow,.gViewSelRowS
{
	background:orange;
	border:1px solid orange;
}


.gView a,.gViewS a
{
	border:1px solid transparent;
}
.gView a:hover,.gViewS a:hover
{
	
	color:orange;
}

.gView a.border:hover,.gViewS a.border:hover
{
	border-color:Orange;
	color:#000;
	cursor:pointer;
}


.gViewPager
{
	border:1px solid #45508A;
	color: #6F81D9;

	
}
div
{
	border:0px solid black;
}

.routeBox
{
	padding:2px;
	display:block;
	border:1px solid #45508A;
	background:#dddddd;
	font-family:Arial;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#45508A;
}

.cbox
{
	padding: 0px;
	margin: 0px;
	font-size:12px;
	font-family:Arial;
}
.cbox-header
{
	background-color:#3d83cc;
	padding:8px;
	margin: 0px;
	border : 1px solid white;
	display:block;
	vertical-align:middle;
	font-size:14px;
	height: 16px;
	font-weight:bold;
	color:#ffffff;
}
.cbox-item,.cbox-item-error ,.cbox-item-hover
{
	padding:2px;
	margin: 0px;
	background-color:#6F81D9;
	border : 1px solid white;
	display:block;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
}


.cbox-item:hover,.cbox-item-hover
{
	border-color:Orange;
}

.cbox-item-error{
	background-color:#ffa800;
}

.cbox-item-yellow{
	background-color:Yellow;
}
.cbox-sub
{
	padding:2px;
}
.cbox h2
{
	width:100%;
	margin:0px -2px 2px -2px;
	padding: 5px;
	font-size:12px;
	background-color:#b7c3ff;
	color:#ffffff;
	
}


.cbox-point,.cbox-point:hover,.cbox-point-hover
{
	margin:		1px;
	padding:	3px;
	display:	inline-block;
	border:		1px solid #ff0000;
	width:		40%;
	background:	#dddddd;
	font-weight: bold;
	vertical-align :middle;
}
.cbox-point:hover,.cbox-point-hover
{
	background:	orange;
}

.cbox-nr, .cbox-pagenr /*nr lp przystanku i nr wyświetlanej strony */
{
	padding:2px;
	width: 20px;
	display:inline-block;
	border: 1px solid #45508A;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#45508A;
}
.cbox-pgnr
{
	cursor:pointer;
}
.cbox-pagenr:hover
{
	background:#45508A;
	color:#ffffff;
	cursor:pointer;
}
/* Tabela z wariantami czasowymi  */
.tv-nr 
{
	padding:2px;
	width: 20px;
	border: 1px solid #45508A;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#45508A;
}
.tv-desc
{
	padding: 2px 2px 2px 10px;
	font-weight:bold;
	width:200px;
	vertical-align:middle;
	text-align:left;
	font-size:12px;
	color:#45508A;
}
.tv-vdesc
{
	padding: 2px ;
	width:40px;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	font-size:12px;
	color:green;
}
.tv-leng
{
	padding: 2px ;
	width:50px;
	vertical-align:middle;
	text-align:center;
	font-size:11px;
	color:green;
}
.tv-sumTit
{
    font-weight:bold;
    text-align:right;
}
.tv-sumVal
{
    font-weight:bold;
    text-align:center;
    color:red;
}

.bt-help
{
    width:24px;
    height:24px;
    cursor:pointer;
            
    
    
}