a
{
    text-decoration: none;
    color: #3366ff;
}

a:hover
{
    position:relative;
    top:-1px;
    left:-1px; 
}

.yellowtable
{
	border-right: lightgrey 0px solid;
	border-top: lightgrey 0px solid;
	border-left: lightgrey 0px solid;
	border-bottom: lightgrey 0px solid;
	table-layout: auto;
	padding-right: 5px;
	margin-top: 10px;
	padding-left: 5px;
	font-size: 10pt;
	padding-bottom: 5px;
	margin-left: 5px;
	vertical-align: top;
	width: 98%;
	padding-top: 5px;
	border-collapse: collapse;
	background-color: #f2f7fc;
}

.shadowBottom
{
	BACKGROUND-IMAGE: url(../../image/image_set_01/dropShadow/horizontal.gif); 
	BACKGROUND-REPEAT: repeat-x; 
	BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
	BACKGROUND-COLOR: white; 
	HEIGHT: 15px; 
}

.shadowConer
{
	BACKGROUND-IMAGE: url(../../image/image_set_01/dropShadow/coner.gif); 
	WIDTH: 15px; 
	BACKGROUND-REPEAT: no-repeat; 
	BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; BORDER-TOP-STYLE: none; 
	HEIGHT: 15px; 
	BACKGROUND-COLOR: white; 
}

.shadowRight
{
	BACKGROUND-IMAGE: url(../../image/image_set_01/dropShadow/vertical.gif); 
	WIDTH: 15px; 
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-BOTTOM-STYLE: none;
	BACKGROUND-REPEAT: repeat-y; 
	BACKGROUND-COLOR: white; 
}

.TaskNumber
{
    font-weight: bolder;
    font-size: x-large;
    color: blue;
    font-family: 'Comic Sans MS';
    padding-bottom: 0px;
    padding-top: 0px;
}

.headingLeft
{
    background-image: url(../../image/image_set_03/HeadingBackGround/blockBackGround_left.gif); 
    background-repeat: no-repeat; 
    width: 34px; 
    height: 56px;   
}

.headingMiddle
{
    background-image: url(../../image/image_set_03/HeadingBackGround/blockBackGround_middle.gif);
    background-repeat: repeat-x; 
    height: 56px;
    font-size: 20pt;
    font-weight: bolder;
}

.headingRight
{
    background-image: url(../../image/image_set_03/HeadingBackGround/blockBackGround_right.gif); 
    background-repeat: no-repeat; 
    width: 37px; 
    height: 56px;
}

.successResult
{
    font-weight: bold;
    font-size: larger;
    color: blue;
}

.failResult
{
    font-weight: bold;
    font-size: larger;
    color: red;
}

.selectedRblstItem
{
    font-size: large;
    font-weight: bold;
    color: #0000cc;
}

.iconLeft
{
    background-image: url(../../image/image_set_03/HeadingBackGround/icon_left.gif); 
    background-repeat: no-repeat; 
    width: 21px; 
    height: 33px;  
}

.iconMiddle
{
    background-image: url(../../image/image_set_03/HeadingBackGround/icon_middle.gif);
    background-repeat: repeat-x; 
    height: 33px;
    font-size: 20px;
    font-family : 標楷體;
    vertical-align : middle;
}

.iconRight
{
    background-image: url(../../image/image_set_03/HeadingBackGround/icon_right.gif); 
    background-repeat: no-repeat; 
    width: 22px; 
    height: 33px;
}


.bold
{
    font-weight: bold;
}

.center
{
    text-align: center;
}

.thinBlackBorder
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

.MediumSilverBolderBottom
{
    border-bottom: silver 3px solid;
}

.ColorLightBlue
{
    background-color: #EEFFFF;
}

.ColorLightGreen
{
    background-color: #E8FFD0;
}

.ColorLightYellow
{
    background-color: #FFFFEE;
}

.ColorLightRed
{
    background-color: #FFE8E8;
}

/* =============================================================*/
ol.columnSpec
{
	list-style-type: upper-alpha;
}

ol.columnSpec > li[must="true"]
{
	font-weight: bolder;
}

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

table.dataList
{
    background-color: #FFFFEE;
    border: 1px solid #999999;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: small;
    color: #333333;
}

table.dataList > tbody > tr:first-child
{
    font-weight: bolder;
    color: #000000;
    background-color: #CCFFFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #0066FF;
}

table.dataList > tbody > tr
{
	text-align: center;
	line-height: 1.5em;
}

table.dataList > tbody > tr:hover
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #66FFFF;
}

table.dataList > tbody > tr > td:hover
{
    color: #000000;
}


/* ===================================== */
table.sumUp
{
    border-collapse: collapse;
    border: 1px solid #0033CC;
    background-color: #FFFFEE;
}

table.sumUp > tbody > tr > td
{
    padding: 5px;
}

table.sumUp > tbody > tr > td:first-child
{
    text-align: right;
    font-weight: bold;
}

@media print
{
  table { page-break-after:auto }
  table tr    { page-break-inside:avoid; page-break-after:auto }
  table td    { page-break-inside:avoid; page-break-after:auto }
  table thead { display:table-header-group }
  table tfoot { display:table-footer-group }
}