@import url("base.css");
@import url("frame.css");
@import url("header.css");
@import url("mainmenu.css");
@import url("form.css");


.ie-6-warn-box {
	padding: 5px;
	border: 1px solid rgb(180,0,0);
	background-color: #feefda;
	width: 500px;
	margin: auto;
}

form h2,th {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

.mainBox { 
	position: absolute ;
	background-color: white;
	border: 1px #a6a6a6 solid;
	top: 0px;
	bottom:0px;
	left: 0px;
	right:0px;
	height: 100%;
	min-height: 200px;
}

.mainBox .mainBoxMB  { height: 100%; overflow: auto; position: relative;}


.subBox { 
	background-color: white; 
	
}
.subBoxTB { font-size: 0px; line-height: 0px; background-position: top; height: 6px; background-repeat: repeat-x; background-image: url(../images/frame/subBox/horizontal.jpg); }
.subBoxTB div { height: 100%; background-repeat: no-repeat; background-image: url(../images/frame/subBox/cornerTL.jpg); }
.subBoxTB div div { background-position: right top;  background-image: url(../images/frame/subBox/cornerTR.jpg); }

.subBoxBB { line-height: 0px; font-size: 0px; background-position: bottom; height: 8px; background-repeat: repeat-x; background-image: url(../images/frame/subBox/horizontal.jpg); }
.subBoxBB div { height: 100%; background-repeat: no-repeat; background-image: url('../images/frame/subBox/cornerBL.jpg'); }
.subBoxBB div div { background-position: right; background-image: url(../images/frame/subBox/cornerBR.jpg); }
.subBoxMB { padding-right: 5px; padding-left: 5px; border-left-color: #a6a6a6; border-right-color: #a6a6a6; border-right-style: solid; border-left-style: solid; border-right-width: 1px; border-left-width: 1px; 
} 
	
.loginBox { width :  400px; margin-left:  auto; margin-right:  auto; margin-top: 50px; margin-bottom: 50px; }


.tnContent table {
	width: 100%;
}

.tnContent table th {
	text-align: right;
}

.tnContent textarea {
	width: 99%;
}

a.checkbox { 
	text-decoration:  none; 
	display:  inline-table;
	display:  inline-block; 
	width: 18px; 
	height: 16px;
	font-size:  14px;
	line-height:  14px;
	background-image: url(../images/controlelements/checkbox.png) ;
	background-position:  19px 19px;
}
a.checkbox span { 
	display:  table-cell;
	display:  inline-block;
	height: 16px;
	width: 18px;
}
a.checkbox:hover { background-position:  0 0;}



table.tnguiList {
	border-collapse: collapse;
}

* html ul.tnguiListPath {
	height: 16px;
}
ul.tnguiListPath {
	width:  100%;
	margin:  0px;
	padding:  0px;
	display: block;
	list-style:  none;
	background-image:  url('../images/controlelements/list/pathBG.jpg');
}

ul.tnguiListPath li {
	float:  left;
	padding-left:  5px;
	padding-right:  15px;
	background-image:  url('../images/controlelements/list/pathSep.jpg');
	background-repeat:  no-repeat;
	background-position:  top right;
	white-space: nowrap;
	height:  16px;
}
ul.tnguiListPath li a {
	display:  block;
	font-size:  10px;
	padding-top :  2px;
	color:  black;
	text-decoration: none ;
}


ul.tnguiListPath li.home a {
	display:  inline;
}

ul.tnguiListPath li.home {
	background-image:  none;
	padding-left:  0px;
	padding-right:  0px;
	padding-top:  0px;
}

ul.tnguiListPath li.clearer {
	height:  0px;
	clear:  both;
	float:  none;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	padding:  0px;
}

* html .clearer {
	display: none;
}

table.tnguiList{
	width: 100%;
}
.tnguiList thead tr {
	text-align:  left;
	background-image:  url('../images/controlelements/list/header.jpg'); 
	height:  17px;
} 


.tnguiList thead th {
	font-size:  10px;
	font-weight:  normal;
	white-space:  nowrap;
	
}


.tnguiList thead th div {
	background-image:  url('../images/controlelements/list/headerSep.jpg');
	background-repeat:  no-repeat;
	background-position:  top right;
	height:  15px;
}
.tnguiList thead th a {
	color:  black;
	text-decoration:  none;
	display:  block;
}	

.tnguiList thead th.active {
	background-image:  url('../images/controlelements/list/header_active.jpg');
}

.tnguiList tr.col1 { 
	background-color:  #FFFFFF;
}
.tnguiList tr.col2 {
	background-color:  #f1f5fa;
}
.tnguiList td { 
	padding:  2px 6px 2px 6px; 
}



.listNav {
	text-align: center;
	background-color: rgb(238,238,238);
	padding: 2px;
	border-top: 1px solid rgb(206,206,206);
	border-bottom: 1px solid rgb(206,206,206);
}


.listNav span , .listNav a {
	padding: 3px;
	margin-left: 2px;
	margin-right: 2px;
}

.listNav .active {
	font-weight: bold;
	/*border-left: 1px solid rgb(206,206,206);
	border-right: 1px solid rgb(206,206,206);*/
	background-color: rgb(206,206,206);
}


.listNav a {
	color: rgb(0,0,0);
}
	
	
.listNav .inactive {
	color: rgb(156,156,156);
}

.TNGUIDateTime  input {
	border: 1px solid gray;
}

.TNGUIDateTime .day , .TNGUIDateTime .month{
	width: 30px;
}

.TNGUIDateTime .year{
	width: 60px;
	
}

.TNGUISmallButton {
	display: inline-table;
	display: inline-block;
	height:  19px;
	text-decoration:  none;
	margin-left:  2px;
	cursor: pointer;
	border-collapse:collapse !important;
}

.TNGUISmallButton span {
	display: table-cell;
	display: inline-block;
	height:  19px;
	
	background-image: url(../images/controlelements/smallbutton/bg.png);

	background-repeat:  repeat;
}
.TNGUISmallButton span span {
	display: inline-block;
	background-image: url(../images/controlelements/smallbutton/left.png);
	background-repeat:  no-repeat;
}

.TNGUISmallButton span span span {
	display: inline-block;
	white-space: nowrap;
	height:  19px;
	line-height:  15px;
	color:  #000000;
	font-size:  11px;
	padding-left: 9px;
	padding-right: 9px;
	background-position:  right 0px;
	background-image: url(../images/controlelements/smallbutton/right.png);
}


a.TNGUIButton {
	display: inline-table;
	display: inline-block;
	height:  25px;
	text-decoration:  none;
	margin-left:  2px;
	cursor: pointer;
	border-collapse:collapse !important;
	
}

.TNGUIButton span {
	display: table-cell;
	display: inline-block;
	height:  25px;
	background-image: url(../images/controlelements/normalbutton/bg.jpg);

	background-repeat:  repeat;
}
.TNGUIButton span span {
	display: inline-block;
	background-image: url(../images/controlelements/normalbutton/left.jpg);
	background-repeat:  no-repeat;
}

.TNGUIButton span span span {
	display: inline-block;
	height:  25px;
	line-height:  21px;
	color:  #FFFFFF;
	white-space: nowrap;
	font-size:  13px;
	padding-left: 9px;
	padding-right: 9px;
	background-position:  right 0px;
	background-image: url(../images/controlelements/normalbutton/right.jpg);
}

div.TNStatusMessage { 
	border-top:  3px #AAAAFF solid;
	border-bottom:  3px #AAAAFF solid;
	background-color:  #DDDDFF;
	padding-top : 3px; 
	padding-bottom : 3px;
	padding-left : 30px;
	background-image: url(../images/icons/notice.png);
	background-repeat: no-repeat;
	background-position: 6px 3px;
}


.ui-help-tooltip {
	border: 1px solid black;
	position: absolute;
	display: none;
	background-color: rgb(255,255,150);
	padding: 5px;
	font-size: 10px !important;
}