/* Ustawienia globalne */
body {
	margin: 0px; 
	padding:0px;
	background: #000 url(../images/template/bg_body.jpg) repeat-x;	
	font-family: Verdana, Tahoma;
	font-size:8pt;
}

h1 {
	color: #fff;
	color: #fff;
	font-size: 36px;	
}

h3 {
	color: #800000;	
}

a {
	color: #800000;
}

form {
	font-weight: bold;
}

input {
	color: #800000;
	border: 1px #d2ccbe solid;
}

select {
	color: #800000;
	border: 1px #d2ccbe solid;
}

textarea {
	color: #800000;
	border: 1px #d2ccbe solid;
}

fieldset { 
	border: 1px solid #cccccc;
	width: 450px;
	background:#F4EEE0; 	
}

legend {
	border: 1px solid #cccccc;
 	color: #333;
 	font-weight: bold;
 	text-align:right;
 	background:#fff;
 	padding:2px 5px;
}

img {
	border: 0;
}
  
/********************************************************** linki */  
a { text-decoration:none; }
a:link {}
a:visited {}
a:hover { text-decoration:underline; }
a:active {}
a:focus { -moz-outline-style: none; }

a.jqModal, a.trigger { line-height:24px; } 
a.jqModal img, a.trigger img { float:left; margin-right:5px; }  
  
  
  
  
.center {text-align: center;}  
.bold { font-weight: bold;}  
  
  
/* Szablon strony na div-ach */ 
#location {
	  color: #fff;
}
#page {
	margin: 10px auto;
	padding: 0;
	width: 980px;
	
}

#top_section {
	overflow: hidden;
}

#top{
	background: #000;
	text-align: right;
	margin:0;
	padding: 0;
	height: 25px;	
}
	#top a {color: #fff; text-decoration:none;}
	#top a:hover {color: #fff; text-decoration:underline;}

#searchDiv{
	height:30px;
	width:400px;
	margin-left:580px;
	background: url(../images/template/bg_search.jpg) top left;
}
#searchDiv form {margin:0; padding:0; text-align:left;}
	#text_input { width:290px; border:none; margin:8px 0 0 35px ; 
		background:transparent; font-size:8pt; font-weight:bold;
		color:#bdb8ab; font-family:Arial;
	}
	#submit_input {
		background:transparent; border:none; border-left:1px #000 solid; 
		color:#000; font-weight:bold; font-family:Arial; margin:0 0 0 0;
	}

#header{
	height:  53px;
	margin:  0;
	padding: 0;
	background: url(../images/template/header5.png) no-repeat;
}

#break {
	width: 100%;
	background-color: #000;
	height: 16px;
}

#menu {
	margin-top:0px;
}
#innerMenu {
	height:50px;
	margin-top:20px;
	background: url(../images/template/top_red.jpg) top;
	overflow: hidden;
}


#break2 {
	width: 100%;
	height: 30px;
	overflow:hidden;
}

#content {
	overflow: hidden;
	background: #fff url(../images/template/bottom_white.jpg) bottom no-repeat;
	position:relative;
}

#footer {
	color: #fff;
	height: 20px;
	font-size: 8pt;
	font-family: Tahoma, Arial, Verdana;
	margin:10px 20px;
}

#footer #krakweb {
        float: left;
        background: url(../images/template/krakweb-medium-white.png) top left no-repeat;
        padding: 40px 130px 50px 130px;
        cursor: pointer;
}

#footer div {
	float: right;
}

#komunikat {		/* do wyswietlania komunikatow jak sie cos dodada do CRM albo edytuje */
	color: #fff;
	text-align: center;
	background-color: #00FF00;
	font-size: 18pt;
	font-family: Tahoma, Arial, Verdana;
	margin: 5px;
	padding: 5px;
	border: 4px;
}

#komunikat_blad {		/* do wyswietlania komunikatow o błędach */
	color: #fff;
	background-color: #FF0000;
	font-size: 12pt;
        font-weight: bold;
	font-family: Tahoma, Arial, Verdana;
	margin: 5px;
	padding: 5px;
	border: 4px;
}

#komunikat .link{
	font-size:13pt;
	color: #fff;
}

#komunikat_blad .link{
	font-size:13pt;
	color: #fff;
}

.spacer{
	height:100px;
}
.naglowekRed{
	background: url(../images/template/top_red.jpg) no-repeat;
	overflow:hidden;
	height:50px;
}
.naglowekRed h3 {
	color: #fff; 
	margin: 10px 20px;
	line-height: 40px;
	font-size: 12pt;
	font-family: Tahoma, Arial, Verdana;
}

/*Menu główne*/ 		
ul.menu, ul.menu li {
	display: block;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.menu {
	margin:5px 20px 0 20px;
	height:45px;
}

ul.menu li {
	/*display: inline-block;*/
	display:block;
	float:left;
	white-space: nowrap;
	border-right:1px #fff solid;
}

ul.menu a:link, ul.menu a:visited {
	text-decoration: none;
	background: transparent /*#777777 url(../images/template/bg_menu.jpg) repeat-x */; 
	color: #fff;
	padding: 0px 15px;
	line-height:45px;
	height:45px;
	font-weight: bold;
	display:block;
}

ul.menu li a:hover {
	background:  url(../images/template/bg_menu_h.jpg) repeat-x center;
	color: #fff;
}

ul.menu li.selected a {
	background:  #fff ;
	color: #000;
}

ul.menu li a.selected {
	background:  url(../images/template/bg_menu2.jpg) repeat-x;
	color: #800000;
}


ul.menu a:active {
	background:  url(../images/template/bg_menu2.jpg) repeat-x;
	color: #800000;	
}


/*  Tabelka w ikonami pod submenu   */
table.iconMenu {
	margin:10px;
	border-collapse:collapse;
	/*float:left;*/
}
.iconMenu td {padding:0 10px;}



/********************************************************************  tabelka 'thetable' - wiersze co drugi inny kolor*/
 .odd{background-color: transparent;}
 .even{background-color: #f4f0e5;}
 .even2{background-color: #f9f7f0;}
 .odd:hover , .even:hover, .even2:hover {background-color: #e3ddce;}
 
 
/* Tabela (contacts/indexc, users/index, firms/index i clients/index) */

table.lista {
	width:950px;
	margin:10px 10px;
	border-collapse:collapse;
}

th.etykieta {
	color: #800000;
	font-weight: bold;
	border-top: 1px #eae4d7 solid;
	border-bottom: 1px #eae4d7 solid;
	border-right: 1px #eae4d7 solid;
	border-left: 1px #eae4d7 solid;
	padding: 5px;
	text-align:left;	
	background:#F4F0E5;
}

td.dane {
	border-bottom: 1px #eae4d7 solid;
	border-right: 1px #eae4d7 solid;
	border-left: 1px #eae4d7 solid;
	padding: 5px;	
}

td.dane2 {
	border-bottom: 1px #eae4d7 solid;
	border-right: 1px #eae4d7 solid;
	border-left: 1px #eae4d7 solid;
	padding: 5px;		
	color: #000;
}

 tr:hover.wiersz{
 	background-color: #e3ddce;
 }

 tr.wterminie{
 	background-color: /*#bbdc9a*/#DEEFB3;
 }
 tr:hover.wterminie{
 	background-color: #678e1b;
 }
  tr.przekroczony{
 	background-color: /*#ff4b4b*/#FFBFBF;
 }
 tr:hover.przekroczony{
 	background-color: #bf3535;
 }
  tr.noschedule{
 	background-color: /*#ffb14b*/#FFDCAF;
 }
 tr:hover.noschedule{
 	background-color: #ff9a17;
 }
 tr.runningout{ /* kończący się czasumowy */
 	background-color: peru;
 }
 tr:hover.runningout{
 	background-color: peru;
 }


/* Tabela (users/loginhistory) */  
td.loghist {
   	width: 150px;
   	text-align: center;
   	empty-cells: show;	
   	border-bottom: 1px #eae4d7 solid;
	padding-top: 5px;
	padding-bottom: 5px;  	
	
   	}
   	
   	

/*Zakładki (users/profile) */
.wszystko{
      position:relative;
      /*width:510px;*/
      /*height:370px;*/
      background: #fff url(../images/template/bg_panele1.jpg);
	  border: 1px solid #BDB8AB;
	  border-top:none;
	  text-align: left;
	  
}	 

.zakladki{
      position: relative;
      /*width: 512px;*/
      height:20px;
      background: url(../images/template/bg_zakladki.jpg) repeat-x;
	  text-align: left;
}

.zakladka{
   	  background: #D2CCBE /*url(../images/template/bg_menu.jpg) center*/ ;
	  border: 1px solid #BDB8AB;
	  color: #555555;
	  font-weight: bold;
      float:left;
      padding-left:5px;
      padding-right:5px;
      cursor:pointer;
      line-height:20px;
	  margin-right:1px;
}
    
.panel{
      padding:5px;
      display:none;
}
.panel td {line-height:17px;}

/*Tablica wydarzeń (users/profile,firms/profile,clients/profile) */
td.event {
	border-bottom: 1px #eae4d7 solid;
	border-right: 1px #eae4d7 solid;
	border-left: 1px #eae4d7 solid;
	padding: 5px;	
}



/*Pola (settings/permissions) */
.perm-field{
	border:1px solid black;;
	width: 430px;
	height: 420px;
   	float:left;
   	margin: 10px;
   	padding: 15px;
}


/*Przyciski dla formularzy*/
input.przycisk, a.przycisk {
	border: black 1px solid; 
	font-size: 8pt; 
	background: #800000 url(../images/template/bg_menu4.jpg) repeat-x center;
	color: white; 
	font-family: verdana, tahoma,sans-serif; 
	height: 25px;
	cursor:pointer;
	padding:2px 10px;
	font-weight:bold;
}
a.przycisk{
	text-decoration: none;
	margin-right: 10px;
	line-height: 25px;
	text-align: center;
	display:block;
	padding:0 10px;
	float: left;
}
input.przycisk:hover {
	border: black 1px solid; 
	background: #800000 url(../images/template/bg_menu1.jpg) repeat-x;
}


/*Tytul ICE CRM */
span.title {
	font-size: 36px;
	color: #fff; 
	font-weight: bold; 
	margin-left: 40px;
}


/*Submenu*/ 		

#submenu {
	margin:0 5px;
	clear:both;
	overflow:hidden;
	background: url(../images/template/bg_submenu_long.jpg) bottom repeat-x;
}

ul.submenu, ul.submenu li {
	display: block;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.submenu {
	text-align: left;

}

ul.submenu li {
	display: inline;
	white-space: nowrap;
	margin: 0 -5px 0 0;
	padding:0 0 0 0;
}

ul.submenu a:link, ul.submenu a:visited {
	text-decoration: none;
	background: url(../images/template/bg_submenu1.jpg) center left repeat-x;
	color: #4e4b45;
	border-left: 1px solid #bdb8ab;
	border-right: 1px solid #bdb8ab;
	border-top: 1px solid #d2ccbe;
	padding: 7px 19px;
	/* width:130px; */
	display:block;
	float:left;
	text-align:center; 
	/**/
	font-weight: bold;
	margin-right:1px;
	
}
ul.submenu a.long:link, ul.submenu a.long:visited {
	width:170px;
}
ul.submenu li.selected a:link, ul.submenu li.selected a:visited, 
ul.submenu li.selected a:hover {
	background: url(../images/template/bg_submenu2.jpg) center left repeat-x;
	color: #000000;
}
ul.submenu a:hover {
	background: url(../images/template/bg_submenu_h.jpg) center repeat-x;
	color: #000000;
}
ul.submenu a:active {}



/*Tabela (users/profile)*/

td.profil_lab{
 	width: 25em;
 	background-color: #f3f1ed;
 }
 
td.profil{
 	width: 50em;
 	background-color: #f3f1ed;
 }

#jumpTo {
	cursor: pointer;
}



/*Zakładki w popupach */
.wszystko_popup{
      position:relative;
      width:400px;
      
      background-color:#eeeeee;
	  border: 1px solid #cccccc;
	  text-align: left;
}	 

.zakladki_popup{
      position:relative;
      width:400px;
      height:30px;
    /* background-color:#f8f8ec; */
     background-color:#eeeeee;
	  text-align: left;
}

.zakladka_popup{
   	  background-color:#888888;
	  border: 1px solid #666666;
	  color: #fff;
	  font-weight: bold;
      float:left;
      padding-left:5px;
      padding-right:5px;
      cursor:pointer;
      line-height:20px;
}
    
.panel_popup{
      padding:5px;
      display:none;
}

 


/**************************************************** logowanie */ 
#loginUser {
	text-align:center;
	margin:30px;
}
#loginUser div { width:220px; margin:0 auto 2px auto; vertical-align:middle; } 
#loginUser div label{ width:50px; display:block; float:left; vertical-align:middle; line-height:22px;} 
#loginUser div input.inp_{ width:150px; border:1px #ccc solid; color:#888; padding:2px 5px;} 
#loginUser div .przycisk {margin-top:10px;}




/*************************************************** tabelka dane klienta contacts/profile */

table.dane_wykaz { margin: 10px; font-size:11px; font-weight:bold;}
.dane_wykaz td.lewa {color:#000; line-height:17px; font-weight:bold;  vertical-align:top; }
.dane_wykaz td.prawa {color:#800000; line-height:17px; font-weight: normal; vertical-align:top;}
.dane_wykaz td.puste { color:#787878; line-height:17px;   vertical-align:top;}	/*puste pole, ma sie wyrózniać*/
.dane_wykaz td.prawa_b {color:#000000; line-height:17px;   vertical-align:top;}
.dane_wykaz td input, 
.dane_wykaz td textarea, 
.dane_wykaz td select  { font-size:8pt; font-family: Verdana, Tahoma; color: #800000; border: 1px #d2ccbe solid; } 
.dane_wykaz .przycisk{
	border: black 1px solid; 
	font-size: 8pt; 
	background: #800000 url(../images/template/bg_menu4.jpg) repeat-x center;
	color: white; 
	font-family: verdana, tahoma,sans-serif; 
	height: 25px;
	cursor:pointer;
	padding:2px 10px;
	font-weight:bold;
}
   
.blok {
	overflow:hidden;
	border:1px #d2ccbe solid;
	margin:5px 5px 0px 5px;
	background:#f4eee0;
	font-size:11px;
}   
.blok_top {
	overflow:hidden;
	border:1px #d2ccbe solid;
	border-top:none;
	margin:0 5px 20px 5px;
	background:#f4eee0;
	clear:both;
} 

.blok_top2 {
	overflow:hidden;
	border:1px #d2ccbe solid;
	border-top:none;
	margin:0 5px 20px 5px;
	background:#fff;
	clear:both;
} 

.blok_top3 {
	overflow:hidden;
	border:1px #d2ccbe solid;
	margin:0 5px 20px 5px;
	background:#f4eee0;
	clear:both;
} 

.blok_top hr, hr {
	background: #eae4d7;
	height:1px;
	border:none;
}
.blok h3, .blok_top h3, h3  { margin:10px 10px 0 10px; font-size:8pt; border-bottom: 1px #800000 solid; line-height:20px; }  
.blok h3{color: #444; border-color: #333;}
.blok th{color: #444;}
.blok td.lewa{padding-right:20px;}

.blok_center {
	overflow:hidden;
	border:1px #d2ccbe solid;
	margin:5px 5px 0px 5px;
	background:#fff;
	font-size:11px;
}   
.blok_center td{
	text-align: center;
	}
.blok_center th{
	padding:0 7px;
}
.innerDiv {
	margin:10px;
	overflow:hidden;
}  
.info {
  font-size: small;
}

.notelist {
  _padding-top: 10px; /* for IE only */
  /*border: 1px #000 dotted;*/
  margin:0 10px ;
  
}
/********************************************************************* div NOTATNIK */
#notatnik {
	float: right;
	/* background: #fff; */
	overflow:hidden;
	margin:0 0 0 0;
	/*width:430px;*/
	width:480px;
	
	/*position:absolute;*/
	
}
#notatnik_inner{
	overflow:hidden;
	/*margin-left:5px;*/
	background: /*#d2ccbe*/#F4EEE0;
	border:1px #d3cbbe solid;
 	border-top:none;
 	margin-right:5px;
}
#notatnik_inner h2 {
	margin:10px; font-size:20px; font-family: Lucida Sans, Trebuchet MS; color: #706d65;	}
#notatnik_inner h2 img { vertical-align: middle; margin-right:10px; }
#notatnik_inner hr {	background: #eae4d7; height:1px; border:none; margin:0 10px;}
#notatnik_inner h3 { margin:10px 10px 0 10px; font-size:8pt; line-height:20px;}
#notatnik_inner h3 a { text-decoration:none; }
#notatnik_inner h3 img { vertical-align: middle; margin:0 10px 0 0; }

table.eventTable {
	margin:10px; border-collapse: collapse;
}

/*********************************************************************  ERRORY */
.errorDiv {
	background:#f99e9e;
	border:1px red solid;
	margin:10px;
	overflow:hidden;
}
.errorDiv p {margin:10px; text-align:center; font-weight:bold; }
.errorDiv p  img {vertical-align: middle;}

/****************************************************************** Ta lista podopowiedzi do wyszukiwarki */
root {
    display: block;
}
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

/*********************************************************   todo list                 */
.info {
  font-size: 10px;
}

.todolist {
  _padding-top: 10px; /* for IE only */
}

/* ostylowanie tabelki raportu w profilu */
#raporty{
	overflow:hidden;
	margin:5px 5px 30px 0;
	background:#f4eee0;
	border:1px #d3cbbe solid;
	
}
#raporty h3{
	margin-left:7px;
	}
.raportTable{
	width: 92%;
	margin-left:5px;
}

/* -------------------------------- paginacja -------------------- */
.pagination{
	width:70%;
}


a.pageCurrent { background:#e3ddce; color:#000; line-height:2.1em; border:1px #eae4d7 solid; margin-right:1px; padding:1px 5px; text-decoration:none; font-weight:bold; } 
a.page { background:#F4F0E5; color:#000; line-height:2.1em; border:1px #eae4d7 solid; margin-right:1px; padding:1px 5px; text-decoration:none; } 



/* -------------------------- Clock Flash ------------- */
#flashClock{
	width:150px;
	float:right;
	}
/* ------------------- wyszukiwarka Zadan ----------- */

#searchTasks{
	width:490px;
	float:right;
	margin:0px 0px 10px 0;
}
 
#searchTasks p { margin:5px 0;}
/* ------------------------ Settings Icons menu ------------- */
.listIcon {
	height:200px;
	overflow-y:scroll;
	margin:0;
	}
.listIcon li{
	margin:0;
	list-style: none;
}

/* ------------------------ Pola obowiązkowe formularzy ------------- */
p.span.obligatoryFormFieldParagraph {
    font-weight: normal;
}

span.obligatoryFormField {
    color: #FF0000;
    font-weight: normal;
}
/* ------------------------ Klasy do ukrywania i pokazywania pol formularza  ------------- */
.showelement {
    display: block;
}
.hideelement {
    display: none;
}

/* ----------------------- mapa strony -------------------------------*/
.siteMap {
	padding:10px;
}
.siteMap p { padding:0 10px; font-weight:bold; }
.siteMap li { padding:3px 0; }
.siteMap a { text-decoration:none; }
.siteMap a:hover { text-decoration:underline; }

/* ----------------------- formularz dodawania celów sprzedażowych -------------------------------*/
/* ----------------------- oraz wyświetlania celów sprzedażowych -------------------------------*/
.table2d {
    width: 600px;
    border-collapse: collapse;
}

.table2d th {
    text-align: center;
    padding: 5px;
}

.table2d td {
    text-align: center;
    padding: 5px;
}

.table2d td input {
    text-align: center;
}

.table2d span {
    color: red;
    text-align: center;
}

.table2d td.alt {
    text-align: right;
    padding: 5px;
}