/*
ACP styles
*/
.common_size_text
{
	font-size: 13px;
	font-family: arial, helvetica, sans-serif, verdana;
}

.big_size_text
{
	font-size: 14px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif, verdana;
}

.input
{
	font-size: 13px;
	border: 1px dashed #333333;
	padding : 1px;
}

.input_special
{
	font-size: 13px;
	border: 1px dashed black;
	padding : 2px;
	font-weight: bold;
	color : red;
}

.button_150
{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:normal;
	padding: 1px 1px;
	background:url(graphic/bg_button.gif) repeat-x left top;
	width: 150px;
	height: 23px;
}

.button_125
{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:normal;
	padding: 1px 1px;
	background:url(graphic/bg_button.gif) repeat-x left top;
	width: 125px;
	height: 23px;
}

.button_100
{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#1D89E1;
	color:#666;
	font-weight:normal;
	padding: 1px 1px;
	background:url(graphic/bg_button.gif) repeat-x left top;
	width: 100px;
	height: 23px;
}

.button_75
{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:normal;
	padding: 1px 1px;
	background:url(graphic/bg_button.gif) repeat-x left top;
	width: 75px;
	height: 23px;
}

.button_50
{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:normal;
	padding: 1px 1px;
	background:url(graphic/bg_button.gif) repeat-x left top;
	width: 50px;
	height: 23px;
}

.button_30
{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:normal;
	padding: 1px 1px;
	background:url(graphic/bg_button.gif) repeat-x left top;
	width: 30px;
	height: 23px;
}


/*
Dropdown menu CSS
*/

#dropmenudiv
{
	position:absolute;
	border:1px dashed silver;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:30px;
	z-index:150;
}

#dropmenudiv a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px dashed #333333;
	padding: 5px 0;
	text-decoration: none;
	color: #333333;
}

#dropmenudiv a:hover
{ 
	/*hover background color*/
	background-color: #F0F0ED;
}

/*
Tabcontent CSS
*/
.shadetabs
{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li
{
	display: inline;
	margin: 0;
}

.shadetabs li a
{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white top left repeat-x;
	font-weight: normal;
}

.shadetabs li a:visited
{
	color: #2d2b2b;
}

.shadetabs li a:hover
{
	text-decoration: underline;
	color: #2d2b2b;
}

.shadetabs li.selected
{
	position: relative;
	top: 1px;
}

.shadetabs li.selected a
{
	/*selected main tab style */
	color: red;
	font-weight: bold;
	border-bottom-color: white;
}

.shadetabs li.selected a:hover
{
	/*selected main tab style */
	text-decoration: none;
}

.tabcontentstyle
{
	/*style of tab content oontainer*/
	border: 1px solid gray;
	margin-bottom: 1em;
	padding: 10px;
}

.tabcontent
{
	display:none;
}

@media print
{
	.tabcontent
	{
		display:block!important;
	}
}

/*
Tooltips CSS
*/
#dhtmltooltip
{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 10px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer
{
	position:absolute;
	left: -300px;
	z-index: 1000;
	visibility: hidden;
}

/*
Progress Bar Style
*/
.progress
{
	width: 1px;
	height: 14px;
	color: #333333;
	font-size: 12px;
  overflow: hidden;
	background-color: #33FF66;
	padding-left: 5px;
	text-align: center;
}

/*
Anylink Vertical CSS
*/

.anylink_main_cat_div
{
	border-bottom: 1px dashed silver;	
	line-height: 26px;
}

.anylink_main_cat
{
color: #660000;
text-decoration: none;
font-size: 13px;
font-family: 新細明體;
}

.navlist li {
width: 100%;
background-color: transparent;
padding-bottom: 0px;
}

.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid gray;
border-bottom-width: 1;
font:normal 12px 新細明體;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
}

.anylinkcss a{
color: #660000;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px dashed silver;
padding: 3px 0;
text-decoration: none;
text-indent: 5px;
font-size: 13px;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #B28545;
color: white;
}

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

.treeview li
{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	background: white url(list.gif) no-repeat left center;
	list-style-type: none;
	padding-left: 22px;
	margin-bottom: 3px;
}

.treeview li.submenu
{ /* Style for LI that contains sub lists (other ULs). */
	background: white url(closed.gif) no-repeat left 1px;
	cursor: hand !important;
	cursor: pointer !important;
}

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

.treeview .submenu ul li
{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
}