.flip-this {
	position:absolute;
	width:600px;
	height:450px;
	top:50%;
	margin-top:225px;
	left:50%;
	margin-left:-300px;
	border:1px solid black;
	
}
.front {
	position:absolute;
	width:600px;
	height:450px;
	background-color: #6E798A;
	background-image: url("./images/logintotem3.png");
}
.back {
	position:absolute;
	width:600px;
	height:450px;
    background: #6E798A;
    color: #fff;
    text-align: center;
	background-image: url("./images/logintotem3p.png");
}
.un {
	font-family:Helvetica;
	font-size:18px;
}
.un1 {
	font-family:Helvetica;
	font-size:18px;
}
.up {
	font-family:Helvetica;
	font-size:18px;
}
.up1{
	font-family:Helvetica;
	font-size:18px;
}
.ub {
	font-family:Helvetica;
	font-size:18px;
}
.cp {
	vertical-align:middle;
	text-align:center;
	left:50%;
	margin-left:-50px;
	position:absolute;
	top:50%;
	margin-top:180px;
	font-family:Helvetica;
	font-size:10px;
	color:white
}
.lres {
	width:500px;
	text-align:center;
	position:absolute;
	left:50%;
	margin-left:-250px;
	top:50%;
	margin-top:70px;
	font-family:Helvetica;
	font-size:16px;
	text-align:center;
	color: #000;
}
.lres1 {
	width:500px;
	text-align:center;
	position:absolute;
	left:50%;
	margin-left:-450px;
	top:50%;
	margin-top:130px;
	font-family:Helvetica;
	font-size:16px;
	text-align:center;
	color: #000;
}
ul.menu {list-style:none; margin:-0; padding:0}
ul.menu * {margin:-0; padding:0}
ul.menu a {display:block; color:#000000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:-2px text-align:center;}
ul.menu ul {position:absolute; top:26px; left:0; background:b; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:144px; margin:-0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color: blue;color:#000;}
ul.menu ul li a:hover {background-color:#b5e61d;}
ul.menu ul ul {left:175px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:#99FF66; width:80px; height=35; text-align:center;}
ul.menu .menulink:hover, ul.menu .menuhover {background:#99FF55)}
ul.menu .sub {background:gray}
ul.menu .topline {border:0px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:#99FF66; width:130px; text-align:left;}

table.calendar {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  border-collapse: collapse;
  background-color: white;
  border: solid #999999 1px;
  background-color: white;
  width: 200px;
  text-align: center;
  /*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
  -moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select {
  font-size: 10px;
}
table.calendar td {
  border: 0;
  font-size: 10px;
  text-align: center;
}
div.mainheading {
  margin: 2px;
}
table.caldayheading {
  border-collapse: collapse;
  cursor: pointer;
  empty-cells: show;
  margin: 0 6px 0 6px;
}
table.caldayheading td {
  border: solid #CCCCCC 1px;
  text-align: left;
  color: #0054E3;
  font-weight: bold;
  width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
  border-right: double #CCCCCC 3px;
}
table.calcells {
  border-collapse: collapse;
  cursor: pointer;
  margin: 0 6px 0 6px;
}
table.calcells td {
  border: solid #CCCCCC 1px;
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  width: 22px;
  height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
  padding: 1px;
  margin: 0;
}
table.calcells td.wkhead {
  background-color: white;
  text-align: center;
  border-right: double #CCCCCC 3px;
  color: #0054E3;
}
table.calcells td.wkday {
  background-color: #DDDDDD;
}
table.calcells td.wkend {
  background-color: #DDDDDD;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
  background-color: #99CCFF;
  color: black;
}
table.calcells td.notmnth {
  background-color: #FFFFFF;
  color: #CCCCCC;
}
table.calcells td.notallowed {
  background-color: white;
  color: #EEEEEE;
  font-style: italic;
}
table.calcells td.hover {
  background-color: #999999;
}
select, option, textarea, input {
BORDER-RIGHT: #808080 1px solid;
BORDER-TOP: #808080 1px solid;
BORDER-BOTTOM: #808080 1px solid;
BORDER-LEFT: #808080 1px solid;
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff }

a:active,a:visited,a:link {color: #446488; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
a:hover {color: #00004F; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }

a.nav:active, a.nav:visited,  a.nav:link { color: #000000; font-size : 10px; font-weight: bold; font-family: verdana; text-decoration: none;}
a.nav:hover { font-size : 10px; font-weight: bold; color: black; font-family: verdana; text-decoration: underline; }

.header { font-size : 16px; font-weight: bold; color: #808080; font-family: verdana; text-decoration: none;  }
.bborder	{ background-color: #FFFFFF; border: 1px #A7A6B4 solid; }
.panel		{-moz-border-radius: .3em .3em .3em .3em; border: 1px dotted silver; background-color: #F7F6F4;}

BODY, TD, TR {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; cursor: default;}

.chatbutton {
   width: 290px;
   height: 25px;
   background: #EDEDED;
   vertical-align: text-middle;
   text-align: left;
   color: #000000;
   font-family: Arial;
   font-size: 10pt;
   font-style: normal;
   text-shadow: #c3c3c3 1px 1px 0;
}
.chatbutton:hover{
     background: #E53D15;
}
.chatbutton1 {
   width: 290px;
   height: 25px;
   background: #EDEDED;
   vertical-align: text-middle;
   text-align: center;
   color: #000000;
   font-family: Arial;
   font-size: 10pt;
   font-style: normal;
   text-shadow: #c3c3c3 1px 1px 0;
}
.chatbutton1:hover{
     background: #E53D15;
}
.chatbox1 {
    border: 2px solid #a1a1a1;
    padding: 5px 5px;
    background: #dddddd;
    border-radius: 15px;
}
.chatbox2 {
    border: 2px solid #a1a1a1;
    padding: 5px 5px;
    background: #DFEDFB;
    border-radius: 15px;
}
.chatbuttT {
 background: #E53D15;
}
.arhiva {
 background: orange;
}

.linkbutton{
BORDER-RIGHT: #808080 1px solid;
BORDER-TOP: #808080 1px solid;
BORDER-BOTTOM: #808080 1px solid;
BORDER-LEFT: #808080 1px solid;
box-shadow: 4px 4px 3px #000000;
COLOR: #000000;
height:25px;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff }
.linkbutton1{
BORDER-RIGHT: #808080 1px solid;
BORDER-TOP: #808080 1px solid;
BORDER-BOTTOM: #808080 1px solid;
BORDER-LEFT: #808080 1px solid;
box-shadow: 4px 4px 3px #1F1F1F;
COLOR: #000000;
FONT-SIZE: 11px;
FONT-FAMILY:Arial; BACKGROUND-COLOR: #ffffff }

.centar {
	text-align:center;
}
.border1tl {
	border-left: 1pt solid black;
	border-top: 1pt solid black;
}
.border1tlr {
	border-left: 1pt solid black;
	border-top: 1pt solid black;
	border-right: 1pt solid black;
}
.border1lr {
	border-left: 1pt solid black;
	border-right: 1pt solid black;
}
.border1tlb {
	border-left: 1pt solid black;
	border-top: 1pt solid black;
	border-bottom: 1pt solid black;
}
.border1lb {
	border-left: 1pt solid black;
	border-bottom: 1pt solid black;
}
.border1tlbr {
	border-left: 1pt solid black;
	border-top: 1pt solid black;
	border-right: 1pt solid black;
	border-bottom: 1pt solid black;
}
.border1lbr {
	border-left: 1pt solid black;
	border-right: 1pt solid black;
	border-bottom: 1pt solid black;
}
.border1t {
	border-top: 1pt solid black;
}
.border1l {
	border-left: 1pt solid black;
}
.150 {
	width:150px;
}
.pad5  {
	padding: 15px;
}
.f10 {
	font-size: 13px;
}