/*---
 CSS - HTML
 (c) Copyright Trisoft Technologies. All rights reserved.
---*/

/*=== colors */
.white {color: #fff}
.white a {color: #fff;text-decoration:none;}
.white a:hover {color: #fff;text-decoration:underline;}

.green {color: #667513;}
.green a {color: #667513;text-decoration:none;}
.green a:hover {color: #667513;text-decoration:underline;}

.gray {color:#999;}
.gray2 {color:#ccc;}
.red {color:#e2001a;}
.red2 {color:#e2001a;}
.light-red {color:#fef3f3;}
.orange {color:#ff9e5e;}
.blue {color:#24578e;}

/*=== align and general */
.top {vertical-align: top;} 
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;} 
.baseline {vertical-align: baseline;} 
.justify {text-align: justify;} 
.left {
	margin-right: auto;
	text-align: left;
	}	
.center {
    text-align: left;
	margin:0 auto;
	text-align: center;
	} 
.right {
	margin-left: auto;
	text-align: right;
	} 
.visible {
	display: block;
	visibility: visible;
}
.hidden, .noscreen, .noprint {
	display: none;
	visibility: hidden;
}
.nobr {white-space: nowrap;}

.floatleft, .fleft, .fl {float:left;}
.floatright, .fright, .fr {float:right;}
.cb, .clear, .clearboth {clear:both;height:0px;overflow:hidden;}
.ci, .clearinherit {clear:inherit;height:0px;overflow:hidden;}
.oh, .overflowhidden {overflow:hidden;}

.block {display: block;}

xp:first-letter {
	font-family: "Times New Roman",Times, serif;
	font-size: 1.50em;
	font-weight: bold;
	font-style: italic;
}

div.quotation-small {
	background: url("/img/icon/open-quote-small.gif") left top no-repeat;
	padding-left: 18px;
	margin:14px 0;
	font-weight: bold;
	text-align: left;	
}
div.quotation-small em {
	background: url("/img/icon/close-quote-small.gif") right bottom no-repeat;
	padding-right: 18px;
	text-align: center;
  font-style: normal;	
}

blockquote.quotation {
	background: url("/img/icon/close-quote.gif") right bottom no-repeat ;
	padding-left: 5px;
	font-size: 1.25em;
	font-weight:700;
	padding-right: 30px;
	color:#999;
	margin: 25px auto 22px auto;
	text-align: justify;	
}
blockquote.quotation:first-letter {
	background: url("/img/icon/open-quote.gif") left top no-repeat;
	padding-top:6px;
	padding-left: 20px;
}



.r-a {
	background:#f9f9f9;		/*#F9FCFE;*/
}
.r-b {
	background:#fefefe;		/*#FFFFF6;*/	
}
.param-list {
	border-top: 1px #eaeaea solid;
}
.param-item {
	border-bottom: 1px #eaeaea dotted;
	margin: 0;
	padding: 0;
}
.param {
	position:relative;
	float:left;
	width: 180px;
	padding: 5px;
	margin: 0;
}
.value {
	position:relative;
	margin: 0 0 0 185px;
	padding: 5px;
	margin: 0;
}


/*=== fonts */
.small {font-size: 10px;line-height: 11px;}
.xsmall {font-size: 9px;line-height: 10px;}
.bold, .b {font-weight:bold;}

/*=== link */
.link {text-decoration:none;}
.link:hover {text-decoration:underline;}
.link a {text-decoration:none;}
.link a:hover {text-decoration:underline;}
.hand:hover, .hand input, hand:hover input {cursor: pointer;}	

/*=== padding + margin */
.pad2 {padding:2px;}
.pad4 {padding:4px;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}
.pad20 {padding:20px;}
.pad25 {padding:25px;}

.padl2 {padding-left:2px;}
.padl4 {padding-left:4px;}
.padl5 {padding-left:5px;}
.padl10 {padding-left:10px;}
.padl15 {padding-left:15px;}
.padl20 {padding-left:20px;}
.padl25 {padding-left:25px;}

.padr2 {padding-right:2px;}
.padr4 {padding-right:4px;}
.padr5 {padding-right:5px;}
.padr10 {padding-right:10px;}
.padr15 {padding-right:15px;}
.padr20 {padding-right:20px;}
.padr25 {padding-right:25px;}

.padlr2 {padding-left:2px;padding-right:2px;}
.padlr4 {padding-left:4px;padding-right:4px;}
.padlr5 {padding-left:5px;padding-right:5px;}
.padlr10 {padding-left:10px;padding-right:10px;}
.padlr15 {padding-left:15px;padding-right:15px;}

.padt2 {padding-top:2px;}
.padt4 {padding-top:4px;}
.padt5 {padding-top:5px;}
.padt10 {padding-top:10px;}
.padt15 {padding-top:15px;}
.padt20 {padding-top:20px;}
.padt25 {padding-top:25px;}

.padb2 {padding-bottom:2px;}
.padb4 {padding-bottom:4px;}
.padb5 {padding-bottom:5px;}
.padb10 {padding-bottom:10px;}
.padb15 {padding-bottom:15px;}
.padb20 {padding-bottom:20px;}
.padb25 {padding-bottom:25px;}

.padbt2 {padding-bottom:2px;padding-top:2px;}
.padbt4 {padding-bottom:4px;padding-top:4px;}
.padbt5 {padding-bottom:5px;padding-top:5px;}
.padbt10 {padding-bottom:10px;padding-top:10px;}
.padbt15 {padding-bottom:15px;padding-top:15px;}

.ml2 {margin-left:2px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}

.mlr2 {margin-left:2px;margin-right:2px;}
.mlr5 {margin-left:5px;margin-right:5px;}
.mlr10 {margin-left:10px;margin-right:10px;}
.mlr15 {margin-left:15px;margin-right:15px; }

.mt2 {margin-top:2px;} 
.mt5 {margin-top:5px;} 
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}

.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}

.mbt2 {margin-bottom:2px;margin-top:2px;}
.mbt5 {margin-bottom:5px;margin-top:5px;}
.mbt10 {margin-bottom:10px;margin-top:10px;}
.mbt15 {margin-bottom:15px;margin-top:15px;}

.nom {margin:0;}
.nop {padding:0;}
.nomp {margin:0;padding:0;}
.nomt {margin-top:0;}
.nomb {margin-bottom:0;}
.noborder, .nb {margin:0; border:0;}
.border {border:1px solid #ccc;}
.border-black {border:1px solid #222;}
.border-white {border: 1px solid #fff;}

.message-ok, .message-ok-trans {margin:4px 0 4px 0; padding:7px 0 7px 30px; background:url("/img/icon/message/ok.gif") 4px 50% no-repeat; color:#33b300;height:20px;}
.message-err, .message-err-trans {margin:4px 0 4px 0; padding:7px 0 7px 30px; background:url("/img/icon/message/error.gif") 4px 50% no-repeat; color:#f42;height:20px;}
.message-ok {background-color:#F1FAE8; border:#E3F6D1 1px solid}
.message-err {background-color:#FFECE8; border:#FFDAD1 1px solid}

/*=== dir-page tree */
.tree, .tree-sub {
	position: relative;
	display: block;
}
.tree-sub {
	padding-left: 16px; 
	background: url("/img/icon/tree/branch.gif") 0px 10px repeat-y;
}
.minus {
	background:url('/img/icon/tree/minus.gif') no-repeat; 
	height:18px;
	padding-left:16px;
}
.plus {
	background:url('/img/icon/tree/plus.gif') no-repeat; 
	height:18px;
	padding-left:16px;
}
.node {
	background:url('/img/icon/tree/node.gif') no-repeat;
	height:18px;
	padding-left:16px
}
.node-last {
	background:url('/img/icon/tree/node_last.gif') no-repeat;
	height:18px;
	padding-left:16px
}
.dir {
	border-top: #eee solid 1px;
	xborder-top: #D1E3F6 solid 1px;
	xbackground: #E8F1FA;
	height:17px;
}
.page {
	border-top: #eee solid 1px;
	xborder-top: #D1E3F6 solid 1px;	
	xbackground: #F5F9FD;
	height:17px;
} 
.onepic-minus {
	background:url("/img/icon/tree/plusminus.gif") 1px -15px no-repeat;
	margin-bottom:2px;
	margin:0;
	padding:1px;
}
.onepic-plus {
	background:url("/img/icon/tree/plusminus.gif") 1px 1px no-repeat;
	margin-bottom:2px;
	padding:1px;
}

/*=== page sending box */
#sending_data {
	display: none;
	width: 100%;
	margin-top: 25px;
	text-align: center;
	}
#sending_data #box {
	width: 350px;
	padding: 7px;
	color: #444444;
	background: #fafafa;
	border: 1px solid #efefef; 
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: 11px;
	text-align: center;
	}
	
/*=== page tabs */
.tabs {
	border-bottom:1px solid #99b1e6;
	white-space: nowrap;
	overflow:hidden;
}
.tabs ul {
	list-style: none;  
	margin: 0; padding: 0; 
}
.tabs ul li {
	float: left; 
	list-style: none; 
	margin: 0; 
	margin-left: 4px; 
}
.tabs ul li a, .tabs ul li.inactive {
	display: block; 
	padding: 4px 8px; 
	border-bottom-width: 0;
	text-decoration: none; 
	float: left; 
}
.tabs ul li a {
	background:url("/img/cms/tab/bg-active.png") 0 100% repeat-x #dae3f6;
	color:#6f92db;
	border:1px solid #d0dcf4;
	border-bottom-width: 0;
}
.tabs ul li a:hover, .tabs ul li.high a, .tabs ul li.high a:hover {
	background:url("/img/cms/tab/bg-hover.png") 0 0 repeat-x #ffeed5;
	color:#ff9900;
	border:1px solid #ffe5be;
	border-bottom-width: 0;
	text-decoration: none;
}
.tabs ul li.high a, .tabs ul li.high a:hover {
	border-top:1px solid #ffbd59;
}
.tabs ul li.selected a, .tabs ul li.selected a:hover {
	background:url("/img/cms/tab/bg-selected.png") 0 100% repeat-x #99b1e6;
	color:#fff;
	border:1px solid #7698dd;
	border-bottom-width: 0;
	border-top:1px solid #6f92db;
	font-weight:bold;
	text-decoration: none; 
}
.tabs ul li.inactive {
	background:url("/img/cms/tab/bg-inactive.png") left bottom repeat-x #f1f1f1;
	color:#cacaca;
	border:1px solid #e9e9e9;
	border-bottom-width: 0;
}
.area-header {
	background:url("/img/cms/tab/bg-area-header.png") 0 0 repeat-x #99b1e6;
	color:#eff2fb;
	padding:4px 5px 3px 5px;
	border:1px solid #99b1e6;
	border-top-width:0;
	border-bottom:1px solid #90aae4;
}
.area-header em {
	background:url("/img/cms/icon/item.gif") 2px 50% no-repeat;
	padding-left: 24px;
	font-style: normal; 
}
.area-header a, .area-header em a {
	color:#eff2fb;
	text-decoration:none;
}
.area-header a:hover, .area-header em a:hover {
	text-decoration:underline;	
}


/*=== fields */
#field-name {width: 120px;}

/*=== table layout */
#tbl-dot td, #tbl-dot th {
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f00;
	color: #449;
	}  
#tbl-dot th {
	color: #000;
	border: none;
	padding-left: 2px;
	}
#tbl-dot table 
{
	width: 100%;
	border: 1px dotted #fff;
	margin-top: 13px;	
	}
#multicol-blue, #multicol-blue tr, #multicol-blue th {
	text-transform: uppercase;
	color: #fff;
	background: #039;
	}
#multicol-grey, #multicol-grey tr, #multicol-grey th {
	text-transform: uppercase;
	color: #000;
	background: #eee;
	}
.spacer-tr {background: url("/img/line/grey_pad2.gif") left top repeat-x;}	
.err-bgcolor {background: #fdc;}
.err-color {color: #f42;}
.w100 { width:auto;margin-left:auto;margin-right:auto; }
.w100p { width:100%; }
.w50p { width:50%; }

.td-head {
  width:160px;
}

table.moo {
  border-collapse: collapse;
  width:100%;
  border:0; 
  padding:0;
  margin:0; 
}
table.moo tr {
  padding:0;
  margin:0;
}
table.moo tr td {
  padding:4px;
  margin:0;
}
.even {
	background:#f5f5f5;border-top:dotted 1px #ddd;
}
.odd {
	background:#f9f9f9;border-top:dotted 1px #ddd;
}
.even td.sort {
	background:#eff5ff;border-top:dotted 1px #ddd;
}
.odd td.sort {
	background:#f4f8ff;border-top:dotted 1px #ddd;
}
.mo {
	background:#fdedec;border-top:dotted 1px #ddd;
}
.mo td.sort {
	background:#fdedec;border-top:dotted 1px #ddd;
}
.highlight {
	background:#faf;border-top:dotted 1px #ddd;
}
.thead {
	background:url("/img/layout/bg_grid_header_blue.gif") left top repeat-x;border-bottom:solid 1px #c2d9f1;	
}

.a {background:#fff;border-top:dotted 1px #ddd;}
.abb {background:#fff;border-bottom:dotted 1px #ddd;}
.b {background:url("/img/layout/bg_grid_header_blue.gif") left top repeat-x;border-bottom:solid 1px #c2d9f1;}
.bl {background:url("/img/layout/bg_grid_header_blue_l.gif") left top no-repeat;border-bottom:solid 1px #c2d9f1;}
.br {background:url("/img/layout/bg_grid_header_blue_r.gif") right top no-repeat;border-bottom:solid 1px #c2d9f1;}
.bt {border-top:solid 1px #c2d9f1;}
.c {background:#F8FAFD;border-top:dotted 1px #ddd;} /*ecf1fa; f8fafd */
.cbb {background:#F8FAFD;border-bottom:dotted 1px #ddd;} /*ecf1fa; f8fafd */
.d {background:#F4F8FF;border-top:dotted 1px #ddd;} /* ecf1fa */
.e {background:#EFF5FF;border-top:dotted 1px #ddd;} /* E1E8F7 */

.aqua-bar-gray {height:15px; background: url("/img/aqua/bar_gray.gif") left top repeat-x;}
.aqua-bar-blue {background: url("/img/aqua/bar_blue.gif") left top repeat-x;}		

/*=== table paging footer */
#tbl-paging {
	float: right;
	xwidth: 100%;
	margin: 0;
	padding: 0;
	}
#tbl-paging ul {
	border: 0;
	margin: 0;
	padding: 0;
	xwidth: 100%;
	list-style-type: none;
	text-align: center;
	}
#tbl-paging ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}
#tbl-paging ul li a {
	display: block;
	background: #fafafa;
	width: 24px;
	height: 14px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: none;
	margin: 0;
	padding: 2px 4px 2px 4px;
	color: #666;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	xletter-spacing: 1px;
	line-height: 16px;
	font-size: 10px;
	}
#tbl-paging ul li#spacer {
	display: block;
	background: #fff;
	width: 24px;
	height: 16px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: none;
	margin: 0;
	padding: 2px 0px 0px 0px;
	color: #999;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 16px;
	font-size: 11px;
	}
#tbl-paging ul li#spacer a {
	width: 24px;
	background: none;
	border: none;
}
#tbl-paging ul li a:hover {
	color: #666;
	background: #eee;
	}	
#tbl-paging ul li#close{
	width: 0px;
	height: 14px;
	padding: 2px 0px 2px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	line-height: 16px;
}
#tbl-paging ul li#selected a {
	background: #ccc;
	color: #666;
	}


/*=== table paging footer - ul */
ul#paging 
{
	color: #2E58AC;
	list-style: none;
	margin: 0;
	padding: 2px;
	text-align:right;
}
ul#paging li {
	display: inline;
	padding: 0;
	vertical-align: middle;
}
ul#paging li.left 
{
	float: left;
}
ul#paging li.spacer {
	padding-right: 15px;
}
ul#paging li.selected {
	background: #D1DAEC;
}
ul#paging li.nopad {
	padding: 0;
}
ul#paging li.box, ul#paging li.boximg {
	border-right:1px #B9C7E3 solid;
}
ul#paging li.boxlast {
	border-right: 0px;
}
ul#paging li.boximg a {
	color: #2E58AC;
	padding: 0 1px 0 1px;
	text-align: center;
	text-decoration: none;
}
ul#paging li.box a {
	color: #2E58AC;
	padding: 1px 4px 1px 4px;
	text-align: center;
	text-decoration: none;
}
ul#paging li.box a:hover, ul#paging li.boximg a:hover {
	background: #D1DAEC;
}