body {
  margin: 0px; 
  padding: 0px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
input, textarea, select {
  font-family: monospace;
  font-size: 14px;
  font-weight: bold;
}
table th {
  font-size: 11px;
  text-align: center;
  font-weight: normal; 
  font-style: italic; 
}
.link { 
  cursor: pointer;
}
.underline {
   text-decoration: underline;
}
.strike {
   text-decoration: line-through;
}
.drag {
  cursor: move;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: bold; 
}
.normal {
  font-weight: normal; 
}
.black {
  color: black; 
}
.white {
  color:white; 
}
.green {
  color: green; 
}
.blue {
  color: navy; 
}
.yellow {
  color: yellow; 
}
.grey {
  color: #C0C0C0; 
}
.darkgrey {
  color: #999; 
}
.verylightgrey {
  color: #ddd;
}
.almostblack {
  color: #333;
}
.red {
  color: red; 
}
.roz {
  color: #FFC6C6;
}
.orange {
 color: #DA750E;
}
.lightorange {
 color: #F8E3CF;
}
.bg_white {
  background-color: #FFF;
}
.bg_black {
  background-color: #000;
}
.bg_grey {
  background-color: #C0C0C0;
}
.bg_lightgrey {
  background-color: #CCC;
}
.bg_verylightgrey {
  background-color: #eee;
}
.bg_veryverylightgrey {
  background-color: #fafafa;
}
.bg_darkgrey {
  background-color: #999;
}

.bg_red {
  background-color: red;
}
.bg_verylightred {
  background-color: #fff5f5;
}
.bg_blue {
  background-color: blue;
}
.bg_verylightblue {
  background-color: #f5ffff;
}
.bg_green {
  background-color: green;
}
.bg_lightgreen {
  background-color: #F0FFF0;
}
.bg_verylightgreen {
  background-color: #f5fff5;
}
.bg_yellow {
  background-color: yellow;
}
.bg_verylightyellow {
  background-color: #fffff5;
}
.bg_roz {
  background-color: #999; /*#FFC6C6;*/
}
.bg_transparent {
  background: transparent;
}
.m { 
  position: absolute !important; 
}
.small {
  font-size: 9px; 
}
.bigger_11 {
  font-size: 11px; 
}
.bigger {
  font-size: 12px; 
}
.big {
  font-size: 15px; 
}
.huge {
  font-size: 18px; 
}
.very_small {
  font-size: 8px; 
}
.opac, .opac80 {
  opacity:0.8;
}
.opac90 {
  opacity:0.9;
}
.opac70 {
  opacity:0.7;
}
.opac60 {
  opacity:0.6;
}
.opac50 {
  opacity:0.5;
}
.opac40 {
  opacity:0.4;
}
.opac20 {
  opacity:0.2;
}
.noopac {
  opacity:1;
}
.border {
  border: 1px solid black;
}
.border_input {
  padding: 2px;
  border: 1px solid #999;
}
.active_bg {
  background-color: yellow;
}
.deactive_bg {
  background-color: red;
}

.round_corners_top {
  -moz-border-radius: 5px 5px 0px 0px; 
  border-radius: 5px 5px 0px 0px;
}
.round_corners {
  -moz-border-radius: 5px; 
  border-radius: 5px;
}
.vertical_text{
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.round_corners_2 {
  -moz-border-radius: 2px; 
  border-radius: 2px;
}

#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}


ul.treeview { /*CSS for Simple Tree Menu*/
  margin: 0;
  padding: 0;
}
.treeview ul{ 
  margin: 0;
  padding: 0;
  

}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
  list-style-type: none;
  padding-left: 37px;
  margin-bottom: 0px;
  
  background-image: url(images/line.png);
  background-repeat: repeat-y;
  background-position: left top;
}
.treeview li.none{ 
  background: none;  
}
.treeview li.last{ 
  background-image: url(images/half_line.png);
  background-repeat: no-repeat;
  background-position: left top; 
}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
  display: none; /*Hide them by default. Don't delete. */
  margin-left: -20px;
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
/*cursor: default;*/
}
div.node {
  cursor: pointer;
  margin-left: -35px;
  padding-left: 35px;
  min-height: 18px;
}
div.list {
  background-image: url(images/page_line.png);
  background-repeat: no-repeat;
  background-position: left top;
}
div.opened {
  background-image: url(images/open_minus.png);
  background-repeat: no-repeat;
  background-position: left top;
}
div.closed{
  background-image: url(images/closed_plus.png);
  background-repeat: no-repeat;
  background-position: left top;
}

div.tab_active { background-color: #fef; }
div.tab_inactive { background-color: #9D968A; }

form .error {display: none; color: red; font-size: 1.2em;}



form[name=login] {
  margin: 0px; padding: 0px; border: 0px;
}
form[name=login] > div {
  position: relative; width: 324px; height: 162px; margin: 100px auto; background-color: silver;
}
form[name=login] > div > div {
  position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px;
}
form[name=login] > div > div > div.tuple {
  position: relative; height: 32px;
}
form[name=login] > div > div > div.tuple > div.lbl {
  position: absolute; left: 0px; top: 0px;
}
form[name=login] > div > div > div.tuple > div.vl {
  position: absolute; left: 100px; top: 0px; right: 0px;
}
form[name=login] > div > div > div.tuple > div.vl > input {
  width: 100%; height: 24px; border: 1px solid #999; font-size: 20px;
}
form[name=login] > div > div > div.auto {
  margin-bottom: 10px;
}
form[name=login] > div > div > div.auto > div.float {
 float: left; margin: 0 5px 0 0;
}
form[name=login] > div > div > div.auto > div.float > input {
 margin: 0; width: 15px; height: 15px; border: 1px solid black;
}
form[name=login] > div > div > div.auto > label {
  float: left; height: 15px; margin: auto;
}
form[name=login] > div > div > div.auto > div.cb {
  clear: both;
}

form[name=login] > div > div > div.ctl {
  margin-bottom: 14px;
}