/* DIFFERENCE BETWEEN BROWSERS */
input.radio{
  margin: 0;
  padding: 0;
}
/* END DIFFERENCE BETWEEN BROWSERS */
div.notice, div.warning{
  margin:10px;
  color: #f07000;
}
span.warning{
  color: #f07000;
}
.invisible{
  visibility: hidden;
}

 /* LOGIN - FORM */
div.login1{ background: url('../../img/tpl_logInBackgroundBot.png') 0 0 repeat; height: 100%; }
div.login2 { background: url('../../img/tpl_logInBackground.png') 0 0 repeat-x; height: 100%; }
div.loginSpacer { height: 10%; }

div.logInTable1 {
  background: url('../../img/login_bg_img.png') 50% 0 no-repeat;
  padding-top: 100px;
  /*text-align:center;    */
  height: 380px;
}

div.loginMain{
  /*padding: 5px 10px 5px 5px;*/
  margin: 10px auto ;
  background-color: #cccccc;
  width: 380px;
}
div.crm_logo{
  margin: 5px 0 5px 5px;
  font-size: 1.5em;
  width: 100px;
  float:left;
}
div.login_topRight{
  margin: 0 10px 0 160px;
  padding: 15px 0 0 0;
}
div.login_bottom{
  clear:both;
  margin: 0 0 0 5px;
}
div.login_footer{
  background-color: #fff;
  padding: 0 5px;
  font-size: 0.7em;
  line-height: 1.6em;
}
div.login_footer a{
  color: #000;
}
table.logInTable { width:492px; margin-left:auto; margin-right:auto; text-align: left; }
div.login_label {
  font-size: 14px;
  color: #333333;
  font-weight: bold;
}
div.login_t1 { height: 25px; margin: 0 0 0 11px; float:left;}
div.login_t2 { font-size: 11px; font-weight: bold; color: #999999; height: 25px; }
input.input {
 border: 1px solid #B2B1B1;
 width: 150px;
 margin: 5px 0 10px 0;
 font-size: 14px;
 font-weight: bold;
 color: #333333;
 text-align: left;
}
table.send_sms td{
 padding: 3px 10px 3px 0;
}
span#nextMonthsPayments{
  font-weight: bold;
}


input.button_s { height: 25px; width: 82px; font-weight: bold; background: url('../../img/tpl_LogInButton.png') 0 0 no-repeat; color: #999999; border: 0px; cursor: pointer;}
input.loginCheck { margin-top:5px; }
#login_err {
  padding: 5px;
  clear: both;
  font-size: 0.7em;
  font-weight: bold;
  color:red;
}
div.loginRecaptcha{
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  margin-top: 10px;
}
/*recoverPassword*/
div.recoverPass{
  padding: 5px;
  min-height: 150px;
}


/* END Login form */

/* OUTER SHAPE*/
.undisplayed{
  display: none;
}
ul{
  margin: 0; padding: 0;
}
/*#userPrekliciBG {
	background: url(../../img/buttons/bt_double_bg.png) no-repeat;
	height: 21px;
	width: 70px;
}
#userPrekliciBG:hover {
	background-position: -70px;
}
div#userPrekliciBG a{
  display: block;
  height: 100%;
}


#cancelButton, #cancelButton2 {
	background: url(../../img/buttons/bt_double_bg.png) no-repeat;
	border: 0px;
	height: 21px;
	width: 70px;
	cursor: pointer;
    float:left;
    margin-left:5px;
}
#cancelButton:hover, #cancelButton2:hover {
	background-position: -70px;
}
#userShrani, #userShrani2 {
	background: url(../../img/buttons/bt_double_bg.png) no-repeat;
	border: 0px;
	height: 21px;
	width: 70px;
	cursor: pointer;
    margin-right: 5px;
}
#userShrani:hover, #userShrani2:hover {
	background-position: -70px;
}
#prikaziB {
	background: url(../../img/buttons/bt_prikazi.png) 0px 0px no-repeat;
	border: 0px;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	height: 21px;
	width:70px;
	margin-left: -5px;
}
#prikaziB:hover {
	background: url(../../img/buttons/bt_prikazi_ovr.png) 0px 0px no-repeat;
	border: 0px;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	height: 21px;
	width:70px;
	margin-left: -5px;
}*/
div.saveButton{
  /*text-align:right; margin-left: 70px; float: right;*/
  display: inline;
}
.newRecButt, .gumb, #cancelButton, #cancelButton2, #userShrani, #userShrani2 {
  padding: 3px 8px;
  margin-right: 5px;
	background: url(../../img/buttons/but-bg.gif) repeat-x left bottom #e3e3e3;
	border: 1px solid #bbb;
	color: #555;
  cursor: pointer;
}
.newRecButt:hover, .gumb:hover,#cancelButton:hover, #cancelButton2:hover, #userShrani:hover, #userShrani2:hover {
   background: url(../../img/buttons/but_bg_hover.png) repeat-x left bottom #e3e3e3;
}

input.pdf_gumb{
  margin-left:10px;
}


html,body {height:100%}
html{
    /*background-color: #134f73;*/
    /*background-image: url(../../img/tpl_headPeople100px.png);
    background-position: top right;
    background-attachment: fixed;
    background-repeat: no-repeat;   */
}
body{
  font-family: Verdana, Geneva, sans-serif;
  margin: 0; padding: 0;
  /*background-position: bottom right;
  background-attachment: fixed;*/
}
body.popUp{
  background-color: #eeeeee;
}

div.docHeader{
  height: 70px;
  min-width: 1080px;
  position: relative;
  z-index: 5px;
}

#loader{
  display: none;
  background-color: #fff;
  text-align: center;
  padding: 0.4em 1.5em;
  position: fixed;
  top: 0%;
  left: 50%;
  width: 6em;
  margin-left: -4.5em;
  border: 1px solid #999999;
  border-top: none;
}

/* Levi stolpec */
table.content td#docLeft{
  width:210px;
  vertical-align:top;
}
table.content td#docRight{
  vertical-align:top;
}


div.docLeftElem{
  /*background-image: url(../../img/docLeftElemTopBg.png) ;
  background-repeat: repeat-x;*/
  /*background-position: top left; */
  clear: both;
  background-color: #fff;
  margin: 5px 5px 0 0;

  font-size: 11px;
}
div.docLeftElemHeader{
  /* tudi v color.css */
  height: 25px;
  padding: 0 5px 0 5px;
  line-height: 25px;
  cursor: pointer;
}
div.docLeftElemContent{
  padding: 5px;
}
input.searchTextBox{
  margin-bottom: 3px;
  width: 155px;
}
li.arrowOpen{
  list-style-image: url(../../img/arrow_open.png);
  cursor: pointer;
}
li.arrowClose{
  list-style-image: url(../../img/arrow_close.png);
  cursor: pointer;
}


li.arrowClose li{
  list-style: circle;
}

td#splitter{
  vertical-align:top;
}


div.docLeftElemBottom{
  background-image: url(../../img/docLeftElemBottomBg.png);
  background-repeat: repeat-x;
  height: 20px;
}
div.docLeftElem ul{
  margin: 0 0 0 12px;
}
div.docLeftElem ul li{
  line-height:1.7em;
}
div.docLeftElem a:hover{
  text-decoration: underline;
}

div.img_verticalAlign{
  height: 40%;
}

table.inside{
  width:1100px;
  border-collapse: collapse;
  /*border: 1px solid gray;*/
}

div.docFooter{
  clear: both;
  height: 50px;
  background: url(../../img/footer.png) repeat-x;
}
div.footerText{
  padding-top:20px;
  text-align: center;
  font-size: 0.8em;
}

div.tab_subRow{
  /* tudi v color.css */
  min-width: 1080px;
}
div.row_newXY{
  height: 23px;
  margin-left: -5px;
  line-height: 1.2em;
  margin-bottom: 5px;
  min-width: 1000px;
  font-size: 0.8em;
  /*border-bottom: 1px solid #ffb24f; */
}
div.row_newXY div.NEW{
  background-color: #eeeeee;
  float:left;
  padding: 2px 10px;
  height: 19px;
}


div.newLinkDiv{
  float: left;
  border-right: 1px solid #000;
  margin: 2px 0px 2px 0;
  padding:0 7px;
}
.row_newXY div a{
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.row_newXY div a:hover{
  color: #000;
  text-decoration: underline;
}
.row_newXY div a.active{
  color: #f07000;
  text-decoration: underline;
}

/* END Outer Shape */
input.std_textBox{
  width: 450px;
}
textarea.std_textArea{
  width: 450px;
  height: 120px;
}
select.std_select{
  width:160px;
}
input.quick_create_textBox{
  width: 300px;
}
textarea.quick_create_textArea{
  width: 300px;
  height: 120px;
}

select.partners{
  width: 200px;
}

input.searchSubmit{
    background: url(../../img/buttons/searchButton.png) no-repeat;
	border: 0px;
	height: 21px;
	width: 25px;
	cursor: pointer;
    vertical-align: text-bottom;
    margin-bottom: -3px;
}
table a:hover{
  text-decoration: underline;
}

a { outline: none; }

/* LINK */

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #00f;
}

a:hover, a:active {
	/*text-decoration: none;*/
	font-weight: normal;
}

img{
  border: 0 solid;
}
p {margin:0; padding: 0;}

/* START */

form.pdfExport{
   margin: 0 10px;
}
form.det_pdfExport{
   margin:0;
   display:inline;
}


div.reportDataTableWrapper{
   float: left;
   margin-bottom: 20px;
}
span.reportTableIntro{
   font-weight: bold;
   font-size: 15px;
   color:#004080;
}

a.linkToDetail:hover{
  text-decoration: underline;
  color: #ff0000;  /*#f07000 */
}

div.addNew{
  padding-left:10px;
  margin-top: 7px;
}
td.right_from_icon{
  padding-left: 10px;
}

td.icon{
  background: url("../../img/icons.png") no-repeat scroll 0 0 transparent;
  height: 50px;
  width:50px;
}
td.lead_icon{
  background-position: -50px 0;
}
td.client_icon{
  background-position: -100px 0;
}
td.contact_icon{
  background-position: -150px 0;
}
td.opport_icon{
  background-position: -200px 0;
}
td.project_icon{
  background-position: -250px 0;
}
td.task_icon{
  background-position: -300px 0;
}
td.event_icon{
  background-position: -350px 0;
}
td.call_icon{
  background-position: -400px 0;
}
td.claim_icon{
  background-position: -450px 0;
}
td.time_cons_icon{
  background-position: -500px 0;
}
td.bookmark_icon{
  background-position: -550px 0;
}
td.absence_icon{
  background-position: -600px 0;
}
td.holiday_icon{
  background-position: -650px 0;
}
td.travel_order_icon{
  background-position: -700px 0;
}
td.attachment_icon{
  background-position: -750px 0;
}
td.report_icon{
  background-position: -800px 0;
}
td.email_icon{
  background-position: -850px 0;
}
td.comment_icon{
  background-position: -900px 0;
}
td.campaign_icon{
  background-position: -950px 0;
}
td.idea_icon{
  background-position: -1000px 0;
}

/*SMALL ICONS*/
img.smallIcon{
  background: url("../../img/icons.png") no-repeat scroll 0 0 transparent;
  height: 16px;  width:16px;
  vertical-align: bottom;
}
img.home{
  background-position: 0 -54px;
}
img.lead{
  background-position: -16px -54px;
}
img.client{
  background-position: -32px -54px;
}
img.contact{
  background-position: -48px -54px;
}
img.opport{
  background-position: -64px -54px;
}
img.project{
  background-position: -80px -54px;
}
img.task{
  background-position: -96px -54px;
}
img.event{
  background-position: -112px -54px;
}
img.call{
  background-position: -128px -54px;
}
img.claim{
  background-position: -144px -54px;
}
img.time_cons{
  background-position: -160px -54px;
}
img.bookmark{
  background-position: -176px -54px;
}
img.absence{
  background-position: -192px -54px;
}
img.holliday{
  background-position: -208px -54px;
}
img.travel_order{
  background-position: -224px -54px;
}
img.attachment{
  background-position: -240px -54px;
}
img.report{
  background-position: -256px -54px;
}
img.email{
  background-position: -272px -54px;
}
img.comment{
  background-position: -288px -54px;
}
img.exclamation_red{
  background-position: -304px -54px;
  vertical-align: text-bottom;
  width:8px;
}
img.exclamation_gray{
  background-position: -312px -54px;
  vertical-align: text-bottom;
  width:8px;
}
img.zoom{
  background-position: -320px -54px;
  vertical-align: text-bottom;
}
img.add_data{
  background-position: -337px -54px;
  vertical-align: text-bottom;
  margin-left:5px;
  cursor: pointer;
}
img.aaa{
  background-position: -353px -54px;
  vertical-align: text-bottom;
  width: 13px;
}
img.bbb{
  background-position: -369px -54px;
  vertical-align: text-bottom;
}
img.ccc{
  background-position: -386px -54px;
  vertical-align: top;
}
img.receipt{
  background-position: -403px -54px;
  vertical-align: top;
}
img.resend{
  background-position: -419px -54px;
  vertical-align: top;
}

/* COMMON ICONS*/
img.common_smallIcon{
  background: url("../../img/common_icons.png") no-repeat scroll 0 0 transparent;
  height: 16px;  width:16px;
  vertical-align: bottom;
}
img.edit{
  background-position: 0 -1px;
  cursor:pointer;
  margin-left: 5px;
}
img.edit_disabled{
  background-position: 0 -18px;
  cursor:pointer;
  margin-left: 5px;
}
img.del{
  background-position: 0 -34px;
  cursor:pointer;
  margin-left: 5px;
}
img.print{
  background-position: 0 -52px;
  cursor:pointer;
  margin-left: 5px;
}
img.finish{
  background-position: 0 -67px;
  cursor:pointer;
  margin-left: 5px;
}
img.settings{
  background-position: 0 -83px;
  vertical-align: text-bottom;
}
img.close_gray{
  background-position: 0 -99px;
  vertical-align: text-bottom;
}
img.close_red{
  background-position: 0 -115px;
  vertical-align: text-bottom;
}
img.pdf{
  background-position: 0 -134px;
  vertical-align: text-bottom;
}
img.info{
  background-position: 0 -149px;
  vertical-align: text-bottom;
}

img.map{
  background-position: 0 -168px;
  vertical-align: text-bottom;
}




td.rightCell{
  text-align:right;
}

select.contact{
  max-width: 400px;
}

td.hitsPerPage{
  font-size:0.8em;
}
table.reportTypes{
  font-size: 12px;
  line-height: 2em;
  text-align: left;
  overflow: auto;
  margin: 0px 5px 15px 5px;
}
.reportTypes th, .reportTypes td{
  padding: 0 15px;
  vertical-align: top;
}
.reportTypes th{
  font-weight: bold;
}
#contact_name_input{
  min-width: 100px;
}

.dashboardDataTable tr.user_activity td{
  line-height: 1.4em;
}

.dashboardDataTable td:nth-child(2) { 
	max-width: 150px;
}

tr.user_activity td.user_img{
  vertical-align: top;
}

div.activity_time{
  color: #666;
  font-size: 0.9em;
}


div.reportFilter{
  margin: 5px 5px 15px 5px;
  font-size: 0.8em;
  background-color: #f9f8f7;
  padding: 5px;
  border: 1px solid #ddd;
  /*min-width: 800px;         */
  float:left;
}
.reportFilter table{
  margin: 0;
}

.reportFilter th{
  text-align: left;
  padding: 0 5px;
}
.reportFilter td{
  padding: 0 5px;
  white-space: nowrap;
}
table.reportDataTable {
  border-collapse: collapse;
  text-align: left;
  margin: 5px;
  clear: both;
}
table.reportDataTable tr{
  /*border: 1px solid #000; */
}
table.reportDataTable td, table.reportDataTable th{
  padding: 0.3em 1em 0.3em 0.5em;
  font-size: 0.8em;
  vertical-align: top;
  background-color: #fff;
  border: 1px solid #eee;
}
table.reportDataTable thead tr th
{
  white-space: nowrap;
  border: 1px solid #aaa;
}
.reportDataTable thead a:hover{
  text-decoration: underline;
}
img.edit_disabled{
  margin:auto auto 0 5px;
  padding-bottom:0;
  cursor:pointer;
}

#ui-datepicker-div{
  font-size: 12px;
}

table.two_col{
  min-width: 650px;
}
table.four_col{
  min-width: 650px;
  width: 95%;
}

table.detailTable{
	border-collapse: collapse;
  font-size: 12px;
  line-height: 2em;
  text-align: left;
  overflow: auto;
  margin: 0px 0px 10px 5px;
}
.detailTable th, .detailTable td{
  padding: 0 5px;
  vertical-align: top;
}
.detailTable thead tr{
  border-bottom: 2px solid #fff;
  background-color: #E0ECFF;
}
.detailTable thead th{
  /*font-weight: bold; */
}
.detailTable th img
{
  margin: 4px 0 0 5px;
  vertical-align:text-bottom;
  cursor: pointer;
}
.detailTable td.leftCol{
  background-color: #eeeeee;
  width: 25%;
  text-align: right;
}
.detailTable td.rightCol{
  background-color: #f9f8f7;
  width: 75%;
  font-size: 0.9em;
  font-weight: bold;
}
div.dashComponent{
  /*tudi v color.css*/
  margin-bottom: 20px;
  font-size: 0.8em;
}
div.componentHeader{
   height:30px;
}

.componentHeader table{
  width: 100%; height:30px;
}
.componentHeader table tr{
  line-height:25px;
}
.componentHeader table td{
  padding:0 10px 0 5px;
}
div.componentContent{
  overflow: auto;
  padding-right:5px;
  /*border-bottom: 1px solid #ddd;*/
  padding-left:5px;
}
div.dashComponentFooter{
  height:5px;
  width:100%;
  margin: 0;
  background-color: #fff;
}

table.dashboardTable{
  width:99%;
  border-collapse: collapse;
  line-height: 20px;
  overflow: auto;
  margin: 7px auto 0px auto;
  background-color: #fff;
}
.dashboardTable thead tr{
  border-bottom: 1px solid #000;
  /*background-color: #2e6e9e; */
}

.dashboardTable thead th{
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding-left: 10px;
  vertical-align: bottom;
  padding-bottom: 5px;
}
.dashboardTable td{
  padding-left: 7px;
}
.dashboardTable th.edit_remove_component{
  padding-right: 3px;
  text-align: right;
  vertical-align: bottom;
}
.dashboardTable th.edit_remove_component img{
  cursor: pointer;
  padding-right: 5px;
}


input.calendarDays{
   background: url(../../img/calendarDays2.png) no-repeat;
   border: 0px;
   height: 23px;
   width: 20px;
   font-size: 0.5em;
   cursor: pointer;
   font-weight: bold;
   padding-top: 6px;
   padding-left: 7px;
   text-align: left;
}
div.subsistenceL{
  margin: 5px 0;
  height:20px;
  line-height: 20px;
}
div.subsistenceR{
  margin: 5px 0;
}

div.FormTitle { font-size: 15px; font-weight:bold; text-align: left; padding:10px 10px;  }

/*SETTINGS*/
a#settingsLinkActive{
  color: #f07000;
}
div.addButton{
  margin: 10px 0 0 10px;;
}
table.settings{
  border-collapse: collapse;
  font-size: 0.8em;
  margin-top: 10px;
  /*border: 3px double #cccccc;     */
  text-align:left;
  border: 1px solid #ddd;
}
table.settings th, table.settings td{
  padding: 0 10px;
}
table.settings th{
  font-weight: bold;
  line-height: 1.7em;
  background-color: #eeeeee;
  border-right: 1px solid #ddd;
}
table.settings td{
  padding: 5px 10px;
}
table.settings ul{
  margin-left: 10px;
}
table.settings ul li{
  list-style: none;
  padding-bottom: 5px
}


/* DYNAMIC DIV-WIDTH */
div.container2{
  border: 1px solid red;
  overflow: auto;
  min-width: 800px;
  max-width: 1300px;
}
div.left2{
  border: 1px dashed blue;
  float: left;
  max-width: 75%;

}
div.right2{
  border: 1px dashed blue;
  max-width: 20%;
  float:left;
}
table.dynamic{
  width: 100%;
  table-layout: fixed;

}
table.dynamic td{
  padding: 5px 15px;
  white-space: nowrap;
  overflow: hidden;
  min-width: 150px;
}
/* END DYNAMIC DIV-WIDTH */

/* DYNAMIC TABLECONTAINER */
table.tableContainer{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
table.tableContainer tr{
  height: 25px;
  width: 100%;
}

table.tableContainer td{
  border: 1px solid blue;
  padding: 3px 15px;
  overflow: hidden;
  white-space:nowrap;

}
table.tableContainer td.leftCell{
  /*width: 50%;     */
  max-width: 80%;
}
table.tableContainer td.middleCell{
  /*width: 15%;   */
  max-width: 20%;
}

div.progress-container {
  border: 1px solid #ccc;
  width: 95%;
  margin: 2px 5px 2px 0;
  padding: 1px;
  float: left;
  background: white;
}

div.progress-container div {
  background-color: #ACE97C; /* z inline style lahko dolocimo drugo barvo za posamezne % */
  height: 12px;
  font-size: 0.8em;
  text-align: center;
  color: #000;
  vertical-align: baseline;
}


/* END Dynamic TABLECONTAINER */

/* FORMS */
td.nextPartTitle{ color: #808080; }
td.formTextLC { text-align: right; width: 150px; font-size: 11px; font-weight:normal; white-space: nowrap;height:20px; }
td.formTextRC { font-size: 11px; font-weight:normal; white-space: nowrap; padding: 2px 5px;height:20px; }
td.formTextLCImportent, td.required { text-align: right; width: 150px; font-size: 11px; font-weight:bold; white-space: nowrap; height:20px; }
td.formTextRCImportent { width: 150px; font-size: 11px; font-weight:bold; white-space: nowrap; height:20px; }
td.normal,td.formRightNormal { font-size: 11px; font-weight:normal; padding-left:5px; height:20px; }
/* END FORMS */

td.lightboxLabel{
  text-align: right; font-size: 11px; font-weight:normal; white-space: nowrap;height:20px;
}


div.warningContainer{
  padding: 10px;
  color: #f07000;
}

select.newOrUpdate
{
  max-width: 420px;
}
#contact_distance_data{
  visibility: hidden;
}


select.selectHour{
  text-align: center;
}
select.selectMinute{
  text-align: center;
  margin: 0 5px;
}
select.opportunity{
  width:262px;
}
select.filterOpportunity{
  width:150px;
}
select.filterProject{
  width:150px;
}
select.project{
  width:262px;
}


input.SelectDate, input.birthday{ width:75px;   padding:2px 2px 0 2px; margin: 0; text-align: center;}
img.pickDate{
  vertical-align:text-bottom;
  cursor: pointer;
}


img.add_icon{
  padding: 3px 10px;
  cursor: pointer;
  width: 12px;
  height: 12px;
}
img.close{
  padding: 3px 10px;
  cursor: pointer;
  width: 12px;
  height: 12px;
}


div.choseMultiple{
  font-size: 11px;
}
img.deleteChosen{
  cursor: pointer;
  margin-bottom:-3px;
}

/* POPUP PICKER */
table#popUp {
  border-collapse: collapse;
  width: 100%;
  background-color: #cccccc;
  margin: 10px 0 0 0;
  font-size: 0.8em;
}
#popUp thead tr{
  line-height: 2em;
}
#popUp thead tr td{
  width: 50%;
  padding-left:15px;
  font-weight: bold;
}
#popUp tbody tr td{
  padding-left:15px;
}
#popUp tbody tr{
  background-color: #f9f8f7;
  border-top: 1px solid gray;
}

a.pickLink:link, a.pickLink:visited{

 font-size: 0.9em;
 line-height:1.6em;
 text-decoration: none;
}
a.pickLink:hover, a.pickLink:active{
   /*color: #FF3300;    */
   text-decoration:underline;
}

.popUpSubmit {
    background-color: transparent;
	border: 0px;
	padding: 5px 0;
    font-weight: bold;
	cursor: pointer;
}
.popUpSubmit:hover{
    text-decoration: underline;
    color: #FF3300;
}
/* END POPUP PICKER */
img.pickIcon{
  vertical-align: bottom;
  margin-bottom: 1px;
  cursor: pointer;
}


td.totalSum{
  text-align: left;
  padding-left:5px;
  text-decoration:underline;
}
td.totalSum:hover{
  font-weight: bolder;
}
.pointer{
  cursor: pointer;
}

/* ce hocemo da submit zgleda kot link: */
input.submitLink {
   color: #00f;
   background-color: transparent;
   border: none;
   cursor: pointer;
   cursor: hand;
}
input.submitLink:hover{
  text-decoration: underline;
}


/*DASHBOARD*/
span.closeActivity{
  cursor: pointer;
  color:green;
  visibility: hidden;
}
.dashboardDataTable tr:hover span.closeActivity{
  visibility: visible;
}
span.closeActivity:hover{
  text-decoration: underline;
}


.rounded{
  /* rounded corners (except IE) */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

div.oneColumn{
  /*overflow: auto;*/
  float: left;
  width: 48%;
  min-width: 350px;
}
div.twoColumn{
  clear:both;
  min-width: 800px;
  min-height: 100px;
  max-height: 400px;
  /*overflow: auto;*/
}

table.dashboardDataTable{
  border-collapse: collapse;
  font-size: 0.9em;
  width: 100%;
}
.dashboardDataTable tr.headRow td{
  color: #000;
}
.dashboardDataTable tr.headRow td.todaysSchedule{
   font-weight: bold;
}

.dashboardDataTable tr{
  border-bottom: 1px dotted #cccccc;
}
.dashboardDataTable tr.headRow{
  /* glej color.css */
}
.dashboardDataTable tr.headRow td{
  padding-top: 10px;
}
.dashboardDataTable tr td{
  line-height: 1.8em;
  padding: 3px 5px 2px 0;
}

/*RSS FEEDS*/
div.addDashElem{
  text-align: right;
  font-size: 0.7em;
  margin:-5px 20px 10px 0;
}
div.rssTitle{
 line-height: 1.6em;
 font-size: 1.2em;
 text-align: center;
 border-bottom: 1px solid #cccccc;
}
div.rssFeed div.componentContent img{
  max-width:25%;
  float: left;
  margin: 5px 10px;
}
div.dashComponent li{
  clear: both;
  margin-top:10px;
}
/*END DASHBOARD*/
table.priceList{
  border-collapse: collapse;
}
table.priceList th, table.priceList td{
  padding: 5px 20px 5px 10px;
  font-size: 1.1em;
}
table.priceList th{
  font-weight: bold;
  font-size: 0.8em;
}
table.priceList td{
  text-align: right;
}
/* BOX USER STATUS */
div.userBox{
  background-color: #fff;
  overflow: auto;
  width: 207px;
  height: 55px; max-height: 55px;
  float: left;
  margin: 5px 0;
}
div.userBox div{
  white-space: nowrap; overflow: hidden;
}
div.userPicture{
  margin: 5px; float: left;
}
div.box_userName { font-size: 12px; font-weight: bold; text-align: center;
}
div.box_userNameDet { font-size: 10px; font-weight: bold; text-align: center; }
div.editUser{
    text-align: right;
    margin: 3px 5px 0 0;
}
div.editUser a{
    font-size: 10px; font-weight: bold; color:#999999;
}
div.editUser a:hover{
  text-decoration: none;
}


div.userBoxRightEnd{
  background: url(../../img/rightUserBoxBg.png) no-repeat;
  height: 55px;
  float: left;
  margin: 5px 0;
}


td div.cellText{
  white-space: nowrap;
  overflow: hidden;
}

div.recipients span{
  color: red;
}


a span.columnHeader{
  /* glej color.css */
}
a span.columnHeader:hover{
  text-decoration: underline;
}
img.sortType{
  margin-left: 3px;
}
.less_visible{
  color: #999999;
}


table.subscr_plan td{
  vertical-align: top;
}

table.subPrices{
  border-collapse: collapse;
  text-align: left;
  border:1px solid #eeeeee;
}
table.subPrices tr.header td{
  background-color: #eeeeee;
  padding: 5px 10px 5px 5px;
}
table.subPrices td
{
  padding: 5px 10px 5px 5px;
}
div.curentSubscrData{
  background-color: #f9f8f7;
  padding: 10px 20px;
  line-height:1.5em;
  margin: 0 0 0 20px;;
  font-size: 0.9em;
  max-width: 290px;
}

fieldset{
  padding: 15px 10px;
  margin-bottom:20px;
}
legend{
  font-size: 13px;
  font-weight: bold;
}
fieldset#subscription_change {
  font-size: 0.9em;
  line-height:2em;
}

fieldset.subscr_package{
  width:300px;
  height: 300px;
  margin-right:30px;
}


p.package_price{
  font-size: 1.5em;
}


ul.settings{
  list-style: none;
  margin-top:10px;
}
ul.settings li{
  float: left;
  height:20px; vertical-align:bottom;
}
ul.settings li span{
  cursor: pointer;
  padding:4px 10px 4px 5px;
  color: #082534;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: underline;
}
ul.settings li span.active{
  color: #f07000;
  text-decoration: none;
  cursor: text;
  vertical-align: text-top;
}
ul.settings li span:hover{
  color: #000;
}
ul.settings li span.active:hover{
  color: #f07000;
}
div.settContent{
  padding-top:20px;
}
div.settContent ul li{
  list-style-type: circle;
  padding: 5px 10px;
}


/* GLOBAL SEARCH*/
div.searchResultNotice{
  /*float:left;*/
  margin: 0 0 5px 0;
  padding: 3px 5px;
  background: #134f73;
  color: #fff;
  font-size: 0.8em;
}

/*global search menu*/
#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}


#menu a:link, #menu a:visited{
	background: #E8EBF0;
	border: 1px solid #ccc;
	color: #666;
	float: left;
	font-size: small;
	font-weight: normal;
	line-height: 14px;
	margin: 0 4px 1px 0;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.activeSearchTab, #menu a:visited.activeSearchTab	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #f00;
}

#menu li a.activeSearchTab {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

 #menu ul a:hover {
	color : #f00 ;
}

#contents {
	/*border : 1px solid #ccc;   */
	border-top : none;
	/*clear : both;  */
	margin : 0px;
	padding : 15px;
    overflow: visible;
    min-width: 725px; /*dovolj za 2 stolpca po 350px + margins*/
}
#contents div.inactiveSearchDiv{
  display: none;
}
#contents div.activeSearchDiv{
  padding-top: 5px;
}

/*END global search menu*/

div.globalSearchcontainer{
  clear: both;
  min-height:300px;
  min-width: 500px;
  max-width: 1300px;
  padding: 5px 5px;
}

/* TOP_LEFT_MENU */
div.logo{
  float: left;
  margin: 20px 0 0 5px;
  width: 120px;
  cursor: pointer;
  padding: 3px;
}

div.top_left_menu {
  position: absolute;
  top: 5px;
  left: 270px;
  padding:0 0 0 0;
  font-size: 14px; font-weight: bold;
}

ul.top_left_menu{
  margin:0 0 0 0px;
}

div.top_left_menu ul li{
   /*glej color.css*/
   /*padding: 0px 1px; */
}
div.top_left_menu ul li.active{
  /*glej color.css*/
}


div.top_left_menu ul li a, div.top_left_menu ul li a:visited {
  font-size: 14px;
}
div.top_left_menu ul li a:hover{
  /*glej color.css*/
}
div.top_left_menu ul li.active a{
  /*glej color.css*/
}

ul.headerTopRight{
  margin: 5px 20px 0 0;
  float: right;
}
ul.headerTopRight li{
  list-style-type: none;
  float: left;
  border-right: 1px solid #fff;
  padding: 0 5px;
}
ul.headerTopRight li#right{
  border-right: none;
}

ul.headerTopRight a{
  color: #fff;
  display: block;
  text-decoration: none;
}
ul.headerTopRight a:hover{
  text-decoration: underline;
}

/* TABS*/
ul.tabs {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 125px;
  list-style:none;
}

ul.tabs li {
  /* tudi v color.css */
    float:left;
    margin:0 1px 0 0;
    padding:0;
}
ul.tabs li a span.middle:hover {
  text-decoration:underline;
}
ul.tabs li.active a span.middle:hover {
  text-decoration:none;
}
    ul.tabs a {
    display:block;
    /*background:url("../../img/tabs/tab_left.png") no-repeat left top;*/
    padding:5px 9px 4px;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    text-decoration: none;
    }
    ul.tabs li.active {
      /* tudi v color.css */
    }
    ul.tabs li.active a {
    /*background:url("../../img/tabs/tab_active_left.png") no-repeat left top;  */
    padding:4px 8px 5px;  /* text bo 1px višje od texta v ostalih tabih */
    }
    .rounded-top{
     -moz-border-radius-topleft: 9px;
     -moz-border-radius-topright: 9px;
     -webkit-border-top-left-radius: 9px;
     -webkit-border-top-right-radius: 9px;
     border-top-left-radius: 9px;
     border-top-right-radius: 9px;
    }


/* end TABS */


/* ta style ne gre v novo vrstico ob whitespace_u (kot &nbsp) */
.nowrap {
  white-space: nowrap;
}
/*table with div_s*/

div.topRow{
  /*border-top: 1px solid #D5E9FF;*/
  height: 15px;
  clear: both;
}
div.containerTopRow{
  margin: 0;
}


div.row{
  padding-top: 2px;
  height: 17px;
  clear: both;
}
div.row:hover{
  background: #0090e7;
  color: #fff;
}

.rowToDelete /* same as row:hover */
{
  background: #0090e7;
  color: #fff;
}


div.pagingNav,
div.pagingNav:hover{
  margin-top: 3px;
  border-top: 1px solid gray;
  background: #ffb24f;
  color: #000;
  text-align: center;
  font-size: 1.3em;
  line-height: 2em;
  /*font-family: tahoma, sans-serif;*/
  position: relative;
}

div.totalCount{
  background-color: #cccccc;
  width: 300px;
  padding: 3px;
  line-height: 1.3em;
  font-size: 1em;
  /*font-family: tahoma, sans-serif;*/
  position: absolute;
  bottom: 80px;
  left: 400px;
}
div.totalCount div{
  background-color: #ededed;
  padding: 5px 0 5px 5px;
}
div.totalCount div span.totalCountLeft{
  font-weight: bold;
  padding:10px;
}
form.scheduleTop{
  margin:-25px 0 10px 100px; color: #999;
}


div.scheduleUserPicker{
  float: right; padding-right:20px; font-size: 0.8em;
}
.hidden
{
  visibility: hidden;
}
.undisplayed{
  display:none;
}

input.button{
   border: 3px outset #666666;
   height: 4.2em;
   width: 75px;
   background-color: #666666;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
}


tr.dataTableRow:hover{
  padding-top: 2px;
  background: #0090e7;
  height: 17px;
  clear: both;
  color: #fff;
}
tr.dataTableRow{
  padding-top: 2px;
  height: 17px;
  clear: both;
}


div.rowOver{
  background: #fff;
  height: 17px;
  clear: both;
}
div.cell{
  float: left;
  white-space: nowrap;
}
div.pregledTop {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
    vertical-align: middle;
}
span.nowrap{
  white-space: nowrap;
}
div.upDown{
  padding: 4px 0px 0px 0px;
}


div.bottomRow{
  border-top: 1px solid #D5E9FF;
  width: 100%;

  clear: both;
}
table.container{
  overflow: auto;
  border-collapse: collapse;
}


/* END (table with div_s) */
div.container{
  padding-top: 5px;    /* zg. (brezbarven) padding  */
 /* float: left;*/  /* da ni width 100% */
  /*margin-right:200px;*/
}



div.pagingNav td,
div.pagingNav:hover td{
  padding-left: 0;
}
table.dataTable tbody tr.pagingNav,
table.dataTable tbody tr.pagingNav:hover{
  /* glej color.css */
  color: #000;
  font-size: 12px;
  line-height: 2em;
}
.dataTable tbody tr:hover td div.invisible{
  visibility: visible;
}
table.settings tbody tr:hover td div.invisible{
  visibility: visible;
}

td.no_records{
  text-align:center;line-height:2.5em;
}


td.pagingNavLeft{
  width:33%;
  white-space: nowrap;
}
td.pagingNavCenter{
  width:33%;
  text-align:center;
  white-space: nowrap;
}
td.pagingNavRight{
  width:33%;
  text-align:right;
  white-space: nowrap;
}

td.containerLeft{
  vertical-align: top;
}
td.containerRight{
  vertical-align: top;
  max-width:200px;
}

div.inside
{
  border-bottom:1px solid #CCCCCC;
  font-size: 11px; font-weight:normal;
}
table.dataTable{
  border-collapse: collapse;
  min-width:500px;
}
table.dataTable thead {
    text-align: left;
	font-size: 12px;
	font-weight: bold;
}
table.dataTable tr{
  border-bottom: 1px solid #eeeeee;
}
table.dataTable thead tr{
  /* glej color.css */
}
table.dataTable thead tr th{
  padding: 5px 10px 5px 0;
  /*border-bottom: 1px solid gray;             */
  text-align: left;
 /* white-space: nowrap;*/
  vertical-align: top;
}
table.dataTable td{
  overflow: hidden;
  padding:3px 15px 0 0;
  vertical-align: top;
  max-width: 200px;
}
table.dataTable tbody tr.firstRow,
table.dataTable tbody tr.firstRow:hover
{
  height:10px;
  background-color: transparent;
}
table.dataTable tbody tr:hover{
  background: #eeeeee;
  /*color: #fff;*/
}
table.dataTable tbody tr:hover a{
  /*color:  #fff;   */
}
table.dataTable a:hover{
  text-decoration: underline;
}


table.dataTable tbody tr.bottomRow{
  border-top: 3px double gray;
  font-weight: bold;
}
img.trash{
  margin: 0 5px;
  cursor:pointer;
}
img.resend{
  margin: 0 5px;
  cursor:pointer;
}

img.printImg{
  margin-left: 10px;
  cursor:pointer;
}
img.receiptImg{
  margin-left: 10px;
  cursor:pointer;
  width:17px; height:17px;
}

div.insideFooter
{
  margin-top:5px;
  border-top: 1px solid #ddd;
  padding: 5px 0 0 0;
  text-align: center;
}
div.filterContainer{
  margin-left: 5px;
  height: 100%;
  background-color: #F5F5F5;
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
}
div.filterHeader{
  padding:5px 0px 5px  0px;
  text-align: center;
  color: #444444;
  background-color: #cccccc;
  font-size: 12px;
}
div.filters{
  padding: 5px 10px 0px 10px;
}
div.filterName{
  padding:10px 0px 5px 0px;
}
div.remember_filters{
  margin-top: 10px;
  padding-top: 5px;
  text-align: center;
  border-top: 1px solid #cccccc;
}

span.normal{
  /*font-family: Arial; */
  font-weight:normal;
}
span.insideLeft, div.insideLeft{
  display: block;
  margin-right: 20px;
  float: left;
  /*text-align: right;*/
  width: 130px;
  font-size: 11px;
  white-space: nowrap;
  font-weight: bold;
}
div.oneRow{
  clear: both;
  width: 100%;
  padding: 5px 5px;
}
select.timePeriodType{
  max-width: 120px;
}


select.fromSelect{
  width: 160px;
}

select.filterSelect, input.filterTextbox{
   width: 150px;
}

select.fancyselect{
  width: 70px;
}

select.filterPartners{
  width: 150px;
}
select.newTaskPartners{
  width:240px;
}
select.users{
  width: 150px;
}
select.claimTypes{
  width: 150px;
}
.hide{
  display: none;
}
.ordinaryText{
   text-align: center;
   font-size: 11px; font-weight:normal; white-space: nowrap;
}
div.red{
          background-color: #FF3333;
        }
div.holiday{
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 1px solid #C46448 ;
  background-color: #FFF;
  min-height: 12px;
}
div.absence{
  margin-bottom: 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 1px solid #C46448 ;
  background-color: #FFCADF;        /* #FEC863; -svetlo rjava  #FFF666 -rumena*/
  min-height: 12px;
}

div.roundbox{
  border: 1px dotted #ccc;
  margin: 5px 5px 5px 5px;
  background-color: #FFFFEE;
  /* rounded corners (except IE) */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding:5px;
}
div.roundbox:hover{
  background-color: #eeeeee;
  /*cursor: pointer;*/
}
div.roundbox .itemIcons{
  visibility: hidden;
}
div.roundbox:hover .itemIcons{
  visibility: visible;
}

.tooltip {
	display:none;
    /*background: url(/img/tooltip/grey_white.png);   */
    background-color: #fff;
    border: 1px solid #999;
	font-size:1em;
	padding:5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.calendarTooltip td.leftColumn{
  font-weight: normal;
  text-align: right;
  padding-right: 5px;
  vertical-align: top;
  color: #555;
}
.calendarTooltip{
  width: 230px;
}
.subsistences_tooltip{
  width: 400px;
}
li.skins{
  float: left;
  width:250px;
  text-align: center;
}


.add_data_tooltip{
  padding: 10px;
}
.add_data_tooltip a{
  display: block;
  margin:0 5px 5px 0;
}


div.calendarItemContainer{
   line-height: 1.4em;
   background-color: #808080;
   color:#fff;
   font-weight: bold;
   font-size: 0.9em;
   padding: 0px;
   margin-bottom: 3px;
   cursor: default ;
}
div.calendarItemContainer:hover{
   background-color: #000;
}
div.itemCompleted{
   color: #999;
}
div.itemCompleted div.calendItemHeader span.text{
  text-decoration: line-through;
}


div.calendItemHeader{
   margin-right: 5px;
   white-space: nowrap;
}

div.calendItemBody{

}


div.calendarItem{
  font-weight: bold;
  line-height:1.3em;
  padding:0 5px;
  margin: 0;
  overflow: hidden;
  text-align: center;
}
div.calendarEvent{
  background-color: #0099CC;
}
div.calendarBookmark{
  background-color: #ccffff;
  color: #000;
}
div.calendarAbsence{
  background-color: #FFCADF;
  color: #000;
}
div.calendarTask{
  background-color: #FFCC99;
  color: #000;
}
div.calendarHoliday{
  background-color: #FF3333;
}


span.calItemInitials{
 margin-right: 5px;
 color: #f07000;
}


img.scheduleIcon{
  width: 12px;
  height: 12px;
  margin-left: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px 0px;
}


div.temp{
  text-align: center;
  margin-top: 10px;
}

div.floatL{
  float: left;
  margin-right: 50px;
}

tr.thHeight{
  height: 20px;
}


form.left{
  margin-left: 5px;
}

/*.container
{
text-align:left;
}
*/
table.left{           /*v IE moras za poravnavo dodat se zgornji container DIV    */
  margin-left: 0%;
  margin-right: auto;
}

table.showBorder{
  border-color: #FF3300;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
}


img.checked{
  margin-top:1px;
  margin-left: 15px;
  margin-right: auto;
}

td.padding{
  padding-left: 10px;
  padding-right: 10px;
}

table.border{
  border: medium;
}


a.submenu:link{
  color: #FFFFFF;
}

a.submenu:visited{
  color: #FFFFFF;
}

/* vnosOpravka/urediBookmark */
td.formTextR {  width: 150px; font-size: 11px; font-weight:normal; white-space: nowrap; }

/*vnos odsotnosti*/
td.formHour {  text-align: left; font-size: 11px; font-weight:normal; white-space: nowrap; }

/* izpis urnika */

div.contextMenu{
  min-height: 30px;
  vertical-align: top;
  border: 1px solid red;
}
tr.allDay
{
  height: 80px;
}
tr.hourRow{
  font-size: 1em;
  height: 25px;
  border-top: 1px dashed #eee;
}
tr.hourRow td{
  border-left: 1px solid #eee;
  padding: 0;
}
div.calendarHeader{
  /* glej color.css */
  line-height: 2em;
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
}
img.prev_next{
  padding: 5px 20px 5px 20px;
  vertical-align: bottom;
}


tr.calendarHeader{
  background-color: #e0ecff;
  line-height: 2.3em;
  font-weight: bold;
}

tr.calendarHeader th.headerText{
  text-align:center;
  /*font-size: 1.3em;
  color: #808080;*/
}
tr.calendarHeader th.prevNext{
  padding: 0 15px;
}

td.celodnevni{
  border-left: 1px solid #eee;
  vertical-align: top;
  padding:3px 0 10px 0;
}
td.danCelodnevni{
  vertical-align: top;
  background-color: transparent;
  padding:3px 0 10px 0;
}

tr.schBody{
  height: 70px;
}
td.schBody{
  width: 14%;
  text-align: center;
  color: #134f73;
}
td.weekdayBg{
  background-color: #FFFFFF;
  height: 25px;
}


td.schedule{
  padding: 5px
}
                                   /* DDEEFF */
table.formTable { background-color:#f9f8ff; border:1px solid #CCCCCC; margin: 5px 0px;}
table.formTable td{ padding-left: 5px; }


table.formTable2 {
  /*clear: both;*/
  table-layout: fixed;
  border-collapse: collapse;
  background-color:#f9f8ff; border-bottom:1px solid #CCCCCC; border-top: 1px solid #D5E9FF;
  font-size: 11px; font-weight:normal;
  white-space: nowrap;
  margin: 2px;
}
table.monthCalendar{
  /*table-layout: fixed;*/
  border-collapse: collapse;
  border-bottom:1px solid #CCCCCC; border-top: 1px solid #D5E9FF;
  font-size: 11px; font-weight:normal;
  margin: 2px;
}


table.schedule{
  font-size: 11px; font-weight:normal;
  border-collapse: collapse;
  width:100%;
  margin-top: 5px;
}
table.weekSchedule td{
  overflow: hidden;
}
table.weekSchedule th{
 /* max-width: 140px;*/ /*glej tudi širino tabele!*/
}
th.day{
  padding: 0 5px 0 5px;
}
td.day{
  text-align: center;
  border-bottom: 1px solid #C3C3C3;
}
th.today{
  width: 14%;
  background-color: #fbec88;
  border: 1px solid #FAD42E;
  padding-bottom: 0px;
}
th.weekend{
  background-color: #eee;
  border: 1px solid #ddd;
}
tr.hourRow td.hour {
  text-align: center;
  padding: 0px 2px 0px 2px;
  line-height: 1em;
  vertical-align: middle;
  font-size: 1.2em;
  color: #666666;
  border-left: none;
}

span.fixed_sliding{
  font-size: 0.8em;
}
li.sch_book{
  list-style-image: url(../../img2/opravek.gif);
  padding-left: 0px;
  font-size: 10px;
}
span.sch_book{
  font-size: 0.8em;
  padding-left: 5px;
  margin: 0px 0px 0px 0px;

}

img.floatLeft{
  float: left;
}

ul{
  margin-left: 25px;
  padding-left: 0px;
}
div.book{
  margin: 0px 0px 1px 0px;
  padding:0px 0px 0px 0px;
  border: 1px solid #66CCFF;
  height: 12px;
  background-color: #CCFFFF;
  /*vertical-align: top;    */
}

   /*mesecni izpis*/

   td.monthToday{
    /*background-color: #fff0a8;*/
    vertical-align: top;
    margin: 0;
    padding: 0 0 10px 0;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
   }

   td.monthCal{
    vertical-align: top;
    margin: 0;
    padding: 0;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
   }
td.dayCal{
   border-left: 1px solid #ddd;
}
td.weekCal{
   border-left: 1px solid #ddd;
}

td.todayCellClass{
  /*background-color: #fff0a8 ;   */
}
   tr.monthHeadRow{
     margin-bottom: 20px;
     padding-bottom: 10px;
   }
   td.previous_next_month{
     text-align: center;
   }
   div.calTdHead{
     background-color: #f9f8ff;
     border-bottom: 1px solid #ddd;
     vertical-align: top;
     margin-bottom: 1px;
     line-height: 2em;
   }
   div.monthWeekend{
     background-color: #ddd;
   }
   div.calTdHeadToday{
     background-color: #fad163;
     border: 1px solid #FAD42E;
     border-top: none;
     border-bottom: 1px solid #ddd;
     vertical-align: top;
     margin-bottom: 1px;
     line-height: 2em;
   }


/*Ponavljanje po meri*/
td.formText {font-size: 11px; font-weight:normal; white-space: nowrap; padding-left: 50px; }

tr.hidden{
  display: none;
}
tr.visible{
  background-color: transparent;
}
input.width{
  width:25px;
}
input.submitFilter{
  font-size: 9px;
  font-weight:normal;
  padding:3px 10px 3px 10px;
  background-color: #FFFFFF;
  width: 150px;
  text-transform: uppercase;
}

/* naslednji div bo prikazan na sredini okna brskalnika: */
#edit_campaign_client,
#edit_campaign_contact {
    position:fixed;
    top: 50%;
    left: 50%;
    width:30em;
    height:10em;
    margin-top: -5em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    font-size: 0.9em;
}

#edit_campaign_client div.header,
#edit_campaign_contact div.header{
  text-align: center;
  padding: 5px;
  background-color: #555;
  color: #fff;
  font-weight: bold;
}
#edit_campaign_client div.content,
#edit_campaign_contact div.content{
  padding: 15px 20px;
  font-size:0.9em;
}
#edit_campaign_client div.member_name,
#edit_campaign_contact div.member_name{
  padding: 10px 0;
}

#edit_campaign_client .second_class,
#edit_campaign_contact .second_class{
  cursor: pointer;
}

select.dashboard{
  display: none;
  margin: 0px;
}
tr.dashboard_unfinished_task:hover select{
  display: block;
}
tr.dashboard_unfinished_task div.show_hide{
  padding:0 20px 0 5px;
}
tr.dashboard_unfinished_task:hover div.show_hide{
  display: none;
}

div.filterSubmit{
  margin: 10px 0 5px;
  text-align: center;
}

li#more{
  position: relative;
}


ul#more_tabs{
  position: absolute;
  top: 22px;
  left: -25px;
  padding: 10px 12px;
  background-color: #f9f8f7;
  border: 1px solid #e3e3e3;
}

ul#more_tabs li{
  background: none;
  color: #000;
  float: none;
  list-style-type: none;
  margin-bottom: 5px;
}

ul#more_tabs li a{
  color: #000;
  padding/*  */: 0px;
}

ul#more_tabs li:hover{
  cursor: pointer;
}

/*POPUP DIV */
div.popupDiv{
  position: absolute;
  left:100px;
  top:150px;
  z-index: 200;

  background-color: #99CCFF;
  border-style: solid;
  border-width: 1px;
  border-color: #3366FF;
}

/* DivDrager */


/*ponavljanje poMeri*/
div.box {
  width: 300px;
  border: 1px solid #000000;
  color: #000000;
  padding: 0px;
  position: absolute;
  background-color: #FFFFFF;
  text-align: center;
}
div.box table{
  margin-left: auto;
  margin-right: auto;
}

.bar{
  background-color: #0099CC;
  color: #ffffff;
  cursor: move;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}

a.top_link{
  font-size: 12px;
  color: #555;
  text-decoration: underline;
}
th a.top_link:hover, th a.top_link:active{
  text-decoration: none;
}

a.top_right_poz{
  position: absolute;
  top: -30px;
  right: -5px;
}

/*vnos bookmarka   */
.box2 {
  width: 400px;
  border: 1px solid #000000;
  color: #000000;
  padding: 0px;
  position: absolute;
  background-color: #FFFFFF;
}
/* LEFT CALENDAR */
div.calendar_container{
  margin-top:5px;
  border: 1px solid #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
}
table.cal_nav{
  width:100%;
  background: #e0ecff;
  margin:0 auto 0 auto;
  font-size: 1.1em;
  font-weight: bold;
}
table.cal_nav tr td{
    border:none;
    padding: 5px 0;
    text-align: center;
}
table.cal_nav tr td:hover{
    background:none;
    border: none;
}
table.calendar {
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 1.2em;
}
table.calendar th {
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	background: #fff;
}
table.calendar td {
	border: 1px solid #fff;
	padding: .1em .3em ;
	width: 1em;
	text-align: center;
}
table.calendar a {
    color: #000;
	text-decoration: none;
}
table.calendar tr td a:hover {
    text-decoration: none;
}
table.calendar td.today {
	background: #ffc;
}
table.calendar td.selected {
	border: 1px dotted #ff7800;
}
table.calendar td.highlighted {
	background: #fc9;
}

table.calendar td:hover, table.calendar td.today:hover,
table.calendar td.selected:hover, table.calendar td.highlighted:hover {
	background: #cff;
	border: 1px solid #09f;
}

table.calendar td.pad {
	color: #999;
	background: #fff;
}
table.calendar td.pad:hover {
	background: none;
	border: 0;
}

col.sunday, col.saturday {
	background: #f0f0f0;
    color: #FF3300 !important;
}
#year {
	padding: 0;
	width: 500px;
	list-style: none;
}
#year:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#year li {
	float: left;
	padding: 0 .5em .5em 0;
	height: 150px;
}
/* end LEFT CALENDAR */

/* LIGHTBOX-FORM */
#shadowing
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #CCA;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}
#box
{
	display: none;
	position: absolute;
	top: 20%;
	left: 30%;
	width:600px;
	height:420px;
	padding: 0;
	margin:0;
	border: 1px solid black;
	background-color: #F9F8FF;
	z-index:101;
	overflow: auto;
}
#box table{
  width:100%;
  padding-top: 10px;
}
#box div.insideFooter{
  position:absolute;
  bottom: 0;
  left: 0;
  width:100%;
  padding: 5px 0 5px 0;
  text-align: center;
  margin-top: 15px;
}

td.lightboxRightTD{
  text-align:left;
  font-size: 11px;
}
#boxtitle
{
	top:0;
	left:0;
	min-width:400px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	margin:0;
	border-bottom:4px solid #3CF;
	background-color: #09c;
	color:white;
	text-align:center;
}
/* end LIGHTBOX-FORM */

.availability_message{
  color: red;
}

#top_users table{
  margin-top: 5px;
}
#top_users table tr.period {
  font-weight: bold;
}
#top_users td.col1{
  width: 20px;
}
#top_users td.col2{
  padding-right: 10px;
}
#top_users td.points{
  font-weight: normal;
}
div.info{
  display: none;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  border: 1px solid #ccc;
  padding: 0px 10px 30px 30px;
  background-color: #fff;
  font-size: 11px;
}
img.close_info_div{
  position: absolute;
  top:10px;
  right: 10px;
  cursor: pointer;
  width: 15px;
  height: 15px;
}

#dialog-confirm{
 /*display: none;
 clear: both;*/
}

td.calib_cert_icon{
  background: url("../../img/cert_icon.png") no-repeat scroll 0 0 transparent;
  height: 50px;
  width:50px;
}

.invalid_permissible_diference{
	border: 1px red solid;
}
.valid_permissible_difference{
	border-style: none;
}

.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 20px;
}

.popup-content {
  text-align: center;
}

.close {
  float: right;
  cursor: pointer;
}