body
{
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 966px;
					 
	font: 10px Verdana;
//	background: #DDDDDD;
//	background-image: url('tmp_img/bg_01.jpg');
//	background-attachment: fixed;
//	background-repeat: no-repeat;
//	background-position: center top;
//	text-align: center; 
	color: #222222;
}


a:hover {font-family: Tahoma; font-size: 12px; text-decoration: none; color: #FFFFFF;}
a {font-family: Tahoma; font-size: 12px; text-decoration: none; color: #303030;}

img 
{
    border: none;
}

#mnuGroup{
	font: 12px Verdana;
	text-align: left; 
	color: #222222;
	font-weight: bold;
	
}

#caption01{
	font: 16px Verdana;
	text-align: left; 
	color: #000000;
	font-weight: bold;
}

#caption02{
	font: 16px Verdana;
	text-align: left; 
	color: #222222;
	font-weight: bold;
}

#MCaption{
	font: 14px Verdana;
	text-align: left; 
	color: #222222;
	font-weight: bold;
}

.page_caption{
	font: 14px Verdana;
	text-align: left; 
	color: #222222;
	font-weight: bold;
}

#text01{
	font: 12px Verdana;
	text-align: left; 
	color: #444444;
	font-weight: normal;
}
.panel_a{
	background-color: rgba(180,180,180,0.7);
	margin:5px 0px 5px 0px; 
	border-radius:3px; 
	box-shadow: 2px 2px 3px #333;
}

.table_a th {
text-align: left;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: #222222;
}

.table_a td {
text-align: left;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #222222;
}

.table_b th {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #222222;
}

.table_b td {
font-family: Verdana;
font-size: 11px;
font-weight: normal;
color: #222222;
}


.table_c {
border-width: 0px;
border-spacing: 1px;
border-collapse: collapse;
border-style: none;
border-color: #555555;
}

.table_c th {
text-align: center;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #222222;

border-width: 1px;
border-spacing: 1px;
border-collapse: collapse;
border-style: solid;
border-color: #555555;
}

.table_c td {
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #222222;

border-width: 1px;
border-spacing: 1px;
border-collapse: collapse;
border-style: solid;
border-color: #555555;
}

.table_c tr:hover {
background-color: #DDDDDD;
}



.table_d {
border-width: 0px;
border-spacing: 1px;
border-collapse: collapse;
border-style: none;
border-color: #555555;
}

.table_d th {
text-align: center;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: #222222;

border-width: 1px;
border-spacing: 1px;
border-collapse: collapse;
border-style: solid;
border-color: #555555;
}

.table_d td {
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #222222;

border-width: 1px;
border-spacing: 1px;
border-collapse: collapse;
border-style: solid;
border-color: #555555;
}

.table_d tr:hover {
background-color: #DDDDDD;
}


.table_e {
border-width: 0px;
border-spacing: 1px;
border-collapse: collapse;
border-style: none;
border-color: #555555;
}

.table_e th {
text-align: center;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
color: #222222;

border-width: 0px;
border-spacing: 1px;
border-collapse: collapse;
border-style: solid;
border-color: #555555;
}

.table_e td {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #222222;

border-width: 0px;
border-spacing: 1px;
border-collapse: collapse;
border-style: solid;
border-color: #555555;
}

.table_e tr:hover {
background-color: #DDDDDD;
}



.table_f th {
text-align: center;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #222222;
}

.table_f td {
text-align: center;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #222222;
}



.table_cal th {
text-align: center;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #222222;
}

.table_cal td {
padding: 4px;
vertical-align: top;
text-align: center;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #222222;
}

.table_cal td:hover {
background-color: #AAAAAA;
}





.form {
background:#DDDDDD;
font-size: 18px;
border: 1px solid #74747b;
color: #222222;	
}

.formctrl {
background:#aaaaaa;
font-size: 14px;
border: 1px solid #444444;
color: #222222;	
}

.dform {
background:#DDDDDD;
font-size: 14px;
border: 1px solid #74747b;
color: #222222;	
}

.dformsmall {
background:#EEEEEE;
font-size: 11px;
border-top: 0px dotted #74747b;
border-left: 0px dotted #74747b;
border-right: 0px dotted #74747b;

border-bottom: 1px dotted #74747b;

color: #222222;
padding:0px;
margin:0px;
}
.dformsmall:disabled {
background:#CCCCCC;
}
.dformctrl {
background:#aaaaaa;
font-size: 14px;
border: 1px solid #444444;
color: #222222;	
}

.dformctrl_select {
background:#aaaaaa;
font-size: 14px;
border: 1px solid #444444;
color: #222222;	
width: 150px;
}

.dformctrl_select1 {
background:#aaaaaa;
font-size: 14px;
border: 1px solid #444444;
color: #222222;	
width: 180px;
}

.dformctrl_select2 {
background:#aaaaaa;
font-size: 14px;
border: 1px solid #444444;
color: #222222;	
width: 180px;
}


.button {
    background: transparent;
    border: 0px solid Black;
    cursor: pointer;
	color: #303030;	
}
.button:hover {
	color: #FFFFFF;	
}


.spanlnk {
    background: transparent;
    border: 0px solid Black;
	border-bottom: 1px dotted Black;
    cursor: pointer;
	color: #606060;	
}
.spanlnk:hover {
	color: #800000;	
}

.addon_block{
	padding-left:10px;
	padding-right:10px;
}
.addon_block:hover{
background: rgba(220,150,150,0.5);
box-shadow: 2px 2px 3px #000;
}

.addon_row{
position:relative;
height: 16px;
}
.addon_row:hover{
background: rgba(240,240,240,0.5);
}
.addon_item_leftside{
min-width:300px;
position:relative;
float:left;
}
.addon_item_value{
position:relative;
min-width:30px;
float:left;
}
.clear{
clear:both;
}




/*=====================================*/

.mymodclass{

	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 1;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	display: none;
	pointer-events: none;
	
}

.mymodclass:target {
	display: block;
	pointer-events: auto;
}


.mymodclass > div {

	/*width: 980px;*/
	position: relative;
	margin: 10% auto;

	padding: 20px 20px 20px 20px;
	border-radius: 4px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	box-shadow: 4px 4px 7px #000;
	
}


.close {
	background: #707070;
	border:none;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	text-shadow: none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #e7a70c; border:none;}

.zebra-normal-row{
background: rgba(150,150,150,0.5);
}
.zebra-alt-row{

}

.spoiler {display: block;} 
.spoiler-content {display: none;} 
.spoiler:focus .spoiler-content {display: block;}



.helpinfo_box{
}
.helpcaption{
font-family: Courier New; 
font-size: 16px;
font-weight: bold;
}
.helpcontent{
font-family: Arial; 
font-size: 11px;
font-weight: normal;
}


ul.menu {list-style:none; margin:0; padding:0; z-index:100;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; z-index:100;}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:160px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1; z-index:100;}
ul.menu ul li a:hover {background-color:#c5c5c5;box-shadow: 2px 2px 3px #000;border-radius: 4px;}
ul.menu ul ul {left:160px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; width:100px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(tmp_img/header_over.gif);box-shadow: 2px 2px 3px #000;border-radius: 4px;}
ul.menu .sub {background:#d1d1d1 url(tmp_img/arrow.gif) 148px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}