@CHARSET "UTF-8";

/********************* MAIN SITE CONTENT **********************/

/*  .:: Body ::.  */
body {
	margin: auto;
	border: none;
	padding: 0px;
	width: 1024px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

body a {
    text-decoration : none;
}

body a:link {
	font-weight: bolder;
    background :  transparent;
    color      :  #575757;
}

body a:visited {
	font-weight: bolder;
    background :  transparent;
    color      :  #575757;
}

body a:hover {
	font-weight: bolder;
	background: #575757;
	color: white;
}


body a:active {
	font-weight: bolder;
    background :  transparent;
    color      :  #575757;
}

/* .:: Header section ::. */
div#header {
	margin: auto;
	margin-top:30px;
	border: none;
	padding: 10px;
	width: 1004px;
	height: 30px;
	text-align: center;
	background-color: #60696d;
	font-size: 17px;
	font-weight: bold; 
}

/* .:: Main section ::. */
div#main {
	margin: 0px;
	border: none;
	padding: 0px;
	width: 1024px;
}

/* .:: Main panel section::. */
div#main_panel {
	margin: auto;
	border: none;
	padding: 0px;
	width: 1024px;
	height: 237px;
	background: #DAF0F8 url(../img/top_background.png) 80px 0px no-repeat;
}

div#main_fut_panel {
    position: relative;
    width: 100%;
    height: 30px;
    top: -13px;
    clear: both;
    padding-top: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #36C3DF;
}

div#main_fut_panel a {
    color: green;
}

div#main_fut_panel a:hover {
    color: white;
}

div#main_lpanel {
	margin: auto;
	border: none;
	padding: 0px;
	width: 305px;
	height: 200px;
	float: left;
	/*background-image: url(../img/main_panell.jpg);*/
}

div#main_cpanel {
	margin: auto;
	border: none;
	padding: 0px;
	padding-top: 150px;
	width: 453px;
	height: 30px; /* 180px; */
	float: left;	
   	text-align: right;
	/*background-image: url(../img/main_panelc.jpg);*/
	position:relative;
	z-index:10;
}

div#main_rpanel {
	margin: auto;
	border: none;
	padding: 0px;
	padding-top: 30px;
	width: 266px;
	height: 170px;
	float: right;	
	/*background-image: url(../img/main_panelr.jpg);*/
	position:relative;
}

/* .:: Main subpanel section ::. */
div#main_subpanel {
	margin: auto;
	border: none;
	padding: 0px;
	width: 1024px;
	color: #404040;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

div#main_subpanel_top {
	margin: auto;
	border: none;
	padding: 12px;
	width: 1000px;
	vertical-align: middle;
	color:#8A8A8A;
	font-size:11px;
	font-weight:bold;
}

/* .:: Subpanel bottom section ::. */
div#main_subpanel_bottom {
	margin: auto;
	border: none;
	padding: 0px;
	width: 1024px;
	height: 215px;
	margin-bottom:6px;
	border-bottom: 1px solid #f3f3f3;
	border-top:1px solid #f3f3f3;
}

/* .:: Street search seciotn ::. */
div#street_check {
	margin: auto;
	border: none;
	padding: 0px;
	width: 1024px;
	/* height: 70px; */
	margin-bottom: 20px;
	border-bottom: 1px solid #f3f3f3;	
	font-family:tahoma;
	font-size:11px;
	color:#8a8a8a;
}

div#street_check_form {
	background-color: #B7DEEC; 
	border-width: 5px; 
	border-style: solid; 
	border-color: #DAF0F8; 
	/* height: 44px; */
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 5px;
	padding-bottom: 5px;
}


/* .:: Trip plan section ::. */

div#plan_trace{
	margin: auto;
	border: none;
	padding: 0px;
	padding-top: 55px;
	padding-left: 75px;
	padding-right: 90px;
	padding-bottom: 20px;
	width: 505px;
	height: 130px;
	float: left;
	background-image: url(../img/plan_trip.jpg);
}

div#plan_trace2{
	background:#B7DEEC url(../img/plan_trace_bg.png) no-repeat scroll 20px 20px;
	border:5px solid #DAF0F8;
	margin-top: 5px;
	padding: 0px;
	/*
	padding-top: 55px;
	padding-left: 75px;
	padding-right: 90px;
	padding-bottom: 20px;
	*/
	width: 580px;
	height: 195px;
	float: left;
	/*background-image: url(../img/plan_trip.jpg);*/
}

/* .:: Way search section ::. */
div#way_search {
	margin: auto;
	border: none;
	padding: 0px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	width: 650px;
	height: 175px;
	float: left;
	/* font-size: 140%; */
	background-image: url(../img/plan_trip_alt.jpg);
	background-repeat: no-repeat;
}

/* .:: Register section ::. */
div#register {
	margin: auto;
	border: none;
	padding: 0px;
	padding-top: 15px;
	padding-left: 75px;
	padding-right: 90px;
	padding-bottom: 20px;
	width: 505px;
	height: 220px;
	float: left;
	background-image: url(../img/register.jpg);
	background-repeat: no-repeat;
}

/* .:: Info section ::. */

div#about_us {
	margin: auto;
	border: none;
	padding: 0px;
	text-align: justify;
	padding-left: 25px;
	padding-right: 135px;
	padding-top:50px;
	padding-bottom: 25px;
	width: 194px;
	height: 130px;
	float: right;
	background-image: url(../img/about_us.jpg);	
}

div#about_us2 {
	border: none;
	text-align: justify;
	height: 130px;
	float: right;
	background: url(../img/about_us_header.png) 0px 0px no-repeat;
	font-family:tahoma;
	font-size:11px;
	color:#8a8a8a;
	margin-top:40px;
	padding:20px 100px 12px 3px;
	width:300px;
}

div#about_us_empty {
	margin: auto;
	border: none;
	padding: 0px;
	text-align: justify;
	padding-left: 25px;
	padding-right: 25px;
	padding-top:25px;
	padding-bottom: 25px;
	width: 304px;
	float: right;
	background-image: url(../img/about_us_empty.jpg);
	background-repeat: no-repeat;
}

/* .:: Main content of the page ::. */
div#content {
	margin: 0px;
	border: none;
	padding: 0px;
	/* overflow: hidden; */
	/*
   _overflow: visible;
   _overflow-x: hidden;
   _height: 0;
   */
	padding-left: 30px;
	padding-right: 30px;
	width: 964px;
	height: auto;
	background-color: white;
	font-size: 80%;
	color: #575757;
}

/* .:: Traffic section ::. */
div#traffic {
	margin: auto;
	border: none;
	padding: 0px;
	margin-right: 5px;
	width: 318px;
	float: left;
	background-color: RGB(240,240,240);
}

div#traffic_header {
	padding-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	width: 288px;
	height: 80px;
	background-image: url(../img/traffic.jpg);
}


/* .:: Added tracks section ::. */
div#added_tracks {
	margin: auto;
	border: none;
	padding: 0px;
	width: 318px;
	margin-right: 5px;
	float: left;
	background-color: RGB(240,240,240);
}

div#added_tracks_header {
	padding-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	width: 288px;
	height: 80px;
	background-image: url(../img/added_tracks.jpg);
}

/* .:: Active users section ::. */
div#most_act_usr {
	margin: auto;
	border: none;
	padding: 0px;
	width: 318px;
	float: right;
	/* clear: right; */
	background-color: RGB(240,240,240);	
}

div#users_header {
	padding-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	width: 288px;
	height: 80px;
	background-image: url(../img/users.jpg);
}

/* .:: Footer section ::. */
div#footer {
	margin: 5px 0px;
	border: none;
	padding: 0px;
	/*padding-top: 20px;*/
	width: 1024px;
	height: 60px;
	background: url(../img/footer.png) 0 0 no-repeat;
	float: right;
}

/********************* BOXES LIST **********************/

.boxes ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.boxes ul li#last_traffic {
	/* margin: 2px;
	padding: 0px;
	width: 337px; */
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	width: 288px;
	height: 30px;
	text-align: right;
	background-image: url(../img/traffic_end.jpg);
}

.boxes ul li#last_added_tracks {
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	width: 288px;
	height: 30px;
	text-align: right;
	background-image: url(../img/added_tracks_end.jpg);
}

.boxes ul li#last_users {
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	width: 288px;
	height: 30px;
	text-align: right;
	background-image: url(../img/users_end.jpg);
}

/* .:: Box layout ::. */
.box {
	margin: 9px;
	padding: 0px;
	width: 300px;
	background-image: url(../img/box1.jpg);
	background-repeat: repeat-x;
    background-color: white;
}

img.box_img {
	border: 2px solid #D4D0C8;
	border-bottom-width: 2px;	
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
}

img.box_img_t {
	width: 100px;
	height: 90px;	
}	

.div_box_img {
	border: 2px solid #D4D0C8;
	width: 90px; 
	height: 80px;
	text-align:center;
}

.div_box_img_bigger {
	border: 2px solid #D4D0C8;
	width: 100px; 
	height: 90px;
	text-align:center;
}

.box_over {
	margin: 9px;
	padding: 0px;
	width: 300px;
	background-image: url(../img/box_over.jpg);
}

/********************* MAIN MENU **********************/

.current_page {
	background :  #00dadd;
    color      :  rgb(249,249,240);
}

#header ul {
    margin          : 0px;
    padding-top     : 5px;
    list-style-type : none;
}

#header li {
    margin      : 0px;
    border      : none;
    border-left : 1px solid #747f83;
    padding     : 4px 15px;
    width       : 100%;
    display     : inline;
	background:url(../img/menu_small_arrow.png) 15px 9px no-repeat;
}

#header ul li * {
    padding-left  : 12px;
    padding-right : 4px;
}

#header span {
    color : rgb(180,180,180);
}

#header a {
    text-decoration : none;
}

#header a:link {
    background :  transparent;
    color      :  rgb(255,255,255);
}

#header a:visited {
    background :  transparent;
    color      :  rgb(255,255,255);
}

#header a:hover {
    /*background :  #00dadd;*/
    color      :  #C0C0C0;
}

#header a:active {
    background :  transparent;
    color      :  #add8e6;
}

#header ul li#first {
    border : none;
}

#header ul li#first * {
    padding-left  : 12px;
}

/*
.current_page * {
	background :  #00dadd;
    color      :  rgb(255,255,255);
}
*/

.current_page a {
	color      :  #a5daed !important;
	font-weight: bold;
}

/*
.current_page a:link {
    color      :  rgb(255,255,255);
}

.current_page a:visited {
    color: rgb(255,255,255);
}

.current_page a:hover {
    color      :  rgb(255,255,255);
}
*/

.current_page a:active {
    color      :  rgb(255,255,255);
}

/********************* INPUTS **********************/
/*
input[type="text"], input[type="password"] {
	border-style: none;
	padding-top: 6px;
	padding-left: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 137px;
	background: transparent; */
	/* background-repeat: no-repeat;
	background-position: top, left;
	background-attachment: fixed, scroll; */
/* 	background-image: url(../img/input.jpg);
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #606060;	
}*/

input.text {
	/*padding-top: 6px;
	padding-left: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 137px;
	background: transparent;
	background-repeat: no-repeat;
	background-position: top, left;
	background-attachment: fixed, scroll;
 	background-image: url(../img/input.jpg);
	font-size: 11px;
	color: #606060;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	border:1px solid #D4D0C8;
	color:#575757;
	font-size:11px;
	height:15px;
	padding:5px;
	width:100px;
}

input.text:hover{
	background:#f1fdff;
}

input.text:focus{
	border:1px solid #37c2df;
}


select {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #606060;
}


/******************** BUTTONS **********************/

.more_button {
	border-style: none;
	background: transparent;
	background-image: url(../img/more_button.jpg);
	width: 107px;
	height: 31px;
	padding: 0px;
	padding-bottom: 6px;
	padding-left: 4px;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #606060;
}

/* .:: Login button ::. */
#login {
	background:url(../img/button_ok.png);
	width:48px;
	height:29px;
	border:0px;
	cursor: pointer;
}

img.profile_image {
	width: 120px; 
	height: 120px;  
	border-style:solid; 
	border-width:2px; 
	border-color: #37C2DF;
}

/***************** FONT AND STYLES *****************/

.register_link {
	border:none !important;
}

.register_link img{
	border:none !important;
	position:absolute;
	bottom:0;
	right:65px;
}

span.register {
	font-size: 130%;
	color: white;
}

span.register a {
    text-decoration : none;
}

span.register a:link {
    background :  transparent;
    color      :  rgb(255,255,255);
}

span.register a:visited {
    background :  transparent;
    color: #c7f1f1;
}

span.register a:hover {
    background :  transparent;
    color      :  rgb(249,249,240);
}

span.register a:active {
    background :  transparent;
    color      :  #add8e6;
}

span.header {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: #606060;	
}

span.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #4a4a4a;	    
}

span.footer a {
    text-decoration : none;
}

span.footer a:link {
    background :  transparent;
    color      :  #4a4a4a;
}

span.footer a:visited {
    background :  transparent;
    color: black;
}

span.footer a:hover {
    background :  transparent;
    color      :  #4169e1;
	font-weight: lighter;
}

span.footer a:active {
    background :  transparent;
    color      :  #4a4a4a;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 140%;
	color: #444444;	
}

/*****************  TABLES  *****************/

/* .:: Sample table ::. */
table.sample {
	border-width: 0px;
	border-spacing: 4px;
}
table.sample th {
	border-width: 0px;
	padding: 4px;
}
table.sample td {
	border-width: 0px;
	padding: 4px;
}

/* .:: Info table ::. */
table.info {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	width: 650px;
} 

table.info th {
	border-width: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
}

table.info td {
	border-width: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
}

/* .:: Table inside traffic info box ::. */
table.trInfo {
	border-width: 0px 0px 0px 0px;
	border-spacing: 4px;
	width: 300px;
}
table.trInfo th {
	border-width: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
}
table.trInfo td.tr_term {
	border-width: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	width: 39px;
}

table.trInfo td.tr_warn {
	border-width: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	width: 38px;
	vertical-align: top;
}

table.trInfo td.tr_info {
	border-width: 0px 0px 0px 0px;
	padding: 4px 4px 4px 12px;
}

table.trInfo td.tr_head {
	border-width: 0px 0px 0px 0px;
	padding: 12px 4px 4px 4px;
	font-weight: bold;
	width: 191px;
	vertical-align: top;
}


/*************** CONTROLS ****************/

/* .:: Chart rectangle zoom ::. */
#md { 
	position: absolute;
	border: 2px solid blue;
    width: 10px;
    height: 10px;
    margin: 0px;
    padding: 0px;
    background-color: #CCFFFF;
}


.errorMessage{
	color: red;
	font-size: 10px;
	font-weight: bold;
}

.helpQuestion{
	font-size: 10px; 
	color: blue; 
	vertical-align: top;
	font-weight:bold
}

.styled_form input, .styled_form textarea, .styled_form select {
    width: 200px;
    border: 1px solid #D4D0C8;
    padding: 0px;
    color: #575757;
    font-size: 14px;
}

.styled_form input:hover, .styled_form textarea:hover, .styled_form select:hover {
    background-color: #f1fdff;
}

.styled_form input:focus, .styled_form textarea:focus, .styled_form select:focus {
    border: 1px solid #37c2df;
}

form#feedback_form{
	width:500px;
	margin:0 auto;
}

form#feedback_form table td:first-child{
	text-align:right;
}

form#feedback_form input{
	width:200px;
	height:15px;
	border:1px solid #D4D0C8;
	padding:5px;
	color:#575757;
	font-size:14px;
}

form#feedback_form textarea{
	width:300px;
	height:200px;
	border:1px solid #D4D0C8;
	padding:5px;
	color:#575757;
	font-size:14px;
}

form#feedback_form textarea:hover, form#feedback_form input:hover{
	background:#f1fdff;
}

form#feedback_form textarea:focus, form#feedback_form input:focus{
	border:1px solid #37c2df;
}

input.form_button:hover{
}

input.form_button{
	border:none;
	width:88px;
	height:23px;
	background:url(../img/blue_button.png) no-repeat;
	font-weight:bold;
	color:white;
	font-size:11px;
	cursor:pointer;
}

a.config img {
    border: 0px;
    width: 25px;
    height: 25px;
    position: relative;
    top: 7px;
    margin-right: 5px;
}

a.config:hover {
    background: none;
}

table.login_table{
	font-family:tahoma;
	font-size:11px;
	margin-top:60px;
	margin-left:-30px;
}

table.login_table td.login_small_arrow{
	background:transparent url(../img/login_small_arrow.png) no-repeat scroll 50px 13px;
	padding-left:63px;
	padding-right:25px;
	text-align:left;
}

table.login_table td.login_small_arrow span{
	color:#7c7c7c;
}

table.login_table span.footer{
	color:#7C7C7C;
	font-family:tahoma;
	font-size:9px;
	font-weight:lighter;
}

table.login_table input.login_input{
	width:120px;
	font-size:11px !important;
	font-family:tahoma !important;
}

td.plan_trace_td_infoText{
	padding:0;
	vertical-align:top;
}

td.plan_trace_td_infoText p{
	vertical-align:top;
	margin:0;
	text-align:left !important;
	padding-left:50px;
	padding-right:15px;
}

table.sample2 td.plan_trace_label{
	padding-left:28px;
	width:60px;
}

table.sample2 {
	border-width: 0px;
	/*border-spacing: 4px;*/
	margin-top:70px;
}
table.sample2 th {
	border-width: 0px;
	padding: 4px;
}
table.sample2 td {
	border-width: 0px;
	padding: 4px;
	color:#8a8a8a;
	font-size:11px;
	font-family:tahoma;
}

div#footer a{
	color:#979da0;
}

div#footer a:hover{
	background:none;
	color:white;
}

img.zaloguj_header_img{
	left:20px;
	top:60px;
	position:absolute;
}

img.wyloguj_bt{
	bottom:-15px;
	right:-165px;
	position:absolute;
}

.link_remove a:hover{
	background: none;	
}

.styled_input_alt{
	border:1px solid #D4D0C8;
	padding:5px;
	color:#575757;
	font-size:11px;
	/* width: 280px; */
}

.styled_input_alt:hover{
	background:#f1fdff;
}

.styled_input_alt:focus{
	border:1px solid #37c2df;
}