A,BODY,DIV,H1,H2,H3,INPUT,LI,SELECT,SPAN,TD {
    font: 12px Arial,Verdana,Helvetica,Sans-serif;
    color: #333333;
}
A:link {
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: 150%;
    color: #333333;
    text-decoration: underline;
}
A:visited {
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: 150%;
    color: #333333;
    text-decoration: underline;
}
A:hover {
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: 150%;
    color: #FF3333;
    text-decoration: underline;
}
BODY{
    margin:0px;
    background:#FFFFFF;
    text-align:center;
}
IMG {
    margin:0px;
    border:0px;
    vertical-align:middle;
    text-align:center;
}
TABLE {
    width:100%;
}
TD {
    vertical-align:top;
}
#picture_border_outer_1 {
    height:59px;
    width:59px;
    position: relative;
    display: table;
    border:1px solid #999999;
}
#picture_border_outer_1[id] {
    display: table;
    position: static;
}
#picture_border_outer_2 {
    height:150px;
    width:150px;
    position: relative;
    display: table;
    border:2px solid #999999;
    border-spacing:1px;
    background:url(../img/pic_bg_2.gif);
}
#picture_border_outer_2[id] {
    height:146px;
    width:146px;
    display: table;
    position: static;
}

#picture_border_outer_3 {
    height:365px;
    width:365px;
    position: relative;
    display: table;
    border:2px solid #999999;
    border-spacing:1px;
    background:url(../img/pic_bg_3.gif);
}
#picture_border_outer_3[id] {
    height:361px;
    width:361px;
    display: table;
    position: static;
}

#picture_border_outer_4 {
    width:760px;
    height:760px;
    position: relative;
    display: table;
    border:2px solid #999999;
    border-spacing:1px;
    background:url(../img/pic_bg_4.gif);
}
#picture_border_outer_4[id] {
    width:756px;
    height:756px;
    display: table;
    position: static;
}
#picture_border_middle {
    position: absolute;
    top: 50%;
    left: 50%;
} /* for explorer only*/
#picture_border_middle[id] {
    display: table-cell;
    vertical-align: middle;
    position: static;
}
#picture_border_inner {
    position: relative;
    top: -50%;
    left: -50%;
} /* for explorer only */
#picture_border_inner[id] {
    position: static;
    text-align:center;
}

.subject {
    font-size:20px;
    font-weight:bold;
    margin:0px;
    margin-bottom:10px;
}
.form_container {
	background: #e8e8e8;
	border: solid 1px #bcbcbc;
	padding: 10px 10px 10px 10px;
	margin-bottom: 30px;
}

.title {
	background: transparent url(../img/title_bar.gif) no-repeat top left;
	font: 18px Verdana;
	font-weight: 600;
	padding-top: 5px;
	padding-left: 5px;
	height: 31px;
	margin-bottom: -5px;
	margin-top: 5px;
}
.item_label {
	font: 10px Verdana;
	font-weight:bold;
	padding-bottom: 4px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.item_divider {
	line-height: 16px;
}
.button {
    font: 10px Verdana; font-weight: bold;
}

input.textbox {
    width: 250px;
}
textarea.textbox {
    width: 250px;
    height: 230px;
}
input.disabled {
    border: 1px solid #F2F2F2;
    background-color: #F2F2F2;
}

input.required, textarea.required {
    border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
    border: 1px solid #FF3300;
    color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
    border: 1px solid #00CC00;
    color : #000;
}

.validation-advice {
    margin: 5px 0;
    padding: 5px;
    background-color: #FF3300;
    color : #FFF;
    font-weight: bold;
}

.custom-advice {
    margin: 5px 0;
    padding: 5px;
    background-color: #C8AA00;
    color : #FFF;
    font-weight: bold;
}

fieldset {
    padding: 10px;
    margin-bottom: 10px;
}

label {
    font-weight: bold;
}
.form-row {
    clear: both;
    padding: 5px;
}

.field-label {

}

.field-widget {

}

.dtg_header_row {
	background: #e8e8e8;
	font-weight: bold;
	border-top: solid 1px #bcbcbc;
	border-bottom: solid 1px #bcbcbc;
/*	width: 550px; */
}
.dtg_row {
	background: #f5f5f5;
}
.dtg_alt_row {
	background: #e8e8e8;
}
.dtg_filters {
/*	background: transparent url(/whiteparty/admin/images/left_column.gif) top left; */
	border: solid 1px #bcbcbc;
	background-color: #f5f5f5;
	padding: 5px 5px 5px 5px;
	margin-bottom: 20px;
}
.dtg_table {
	margin-bottom: 20px;
}
.paginator_inactive_step {
    font-weight:bold;
    color: #aaaaaa;
}
.paginator_active_step {
    font-weight:bold;
    color:#000000;
    text-decoration:none;
}
.paginator_page {
    text-decoration:none;
    color:#000000;
    padding:0px 3px 0px 3px;
}
.paginator_selected_page {
    font-weight:bold;
    background-color:#ddccff;
    padding:0px 3px 0px 3px;
    border:1px;
    border-style:solid;
}

.menu {
    line-height: 24px;
    list-style-type: none;
    text-align:left;
    margin:0px;
    padding:0px;
    padding-left:10px;
}
/*-- lv1 directory --*/
.menu li {
    background:#CCCCCC; /*lv1 directory bgcolor*/
    border-bottom:#CCCCCC 1px solid; /*white border in the bottom*/
    /*float��left,fix bug in firefox
    inherit the width of Nav,restrict the width,li extend downward automatically*/
}
.menu a{
    background:#CCCCCC; /*lv1 directory bgcolor when onMouseOver*/
}
.menu a:link {
    color:#333333;
    text-decoration:underline;
    font-weight:bold;
}
.menu a:visited {
    color:#333333;
    text-decoration:underline;
    font-weight:bold;
}
.menu a:hover {
    color:#FF3333;
    text-decoration:underline;
    font-weight:bold;
}
/*-- lv2 directory --*/
.menu li ul {
    list-style:none;
    text-align:left;
    margin:0px;
    padding:0px;
    padding-left:10px;
}
.menu li ul li{ 
    background: #CCCCCC; /*lv2 bgcolor*/
}
.menu li ul a{
    padding-left:2px;
    /* padding-left in lv2 menu the text turn to right��reset width Width=total width-padding-left)*/
}
/*link style of lv2 menu*/
.menu li ul a:link {
    color:#333333;
    text-decoration:none;
}
.menu li ul a:visited {
    color:#333333;
    text-decoration:none;
}
.menu li ul a:hover {
    color:#FF3333;
    text-decoration:none;
    font-weight:bold;
    background:#CCCCCC;
    /* lv 2 menu font color and bgcolor when onmouseover*/
}
.logo {
	weight:140px;
	height:102px;
	border:0px;
	margin:0px;
	padding:0px;
}
.banner_left {
    float:left;
    clear:left;
    font-size:15px;
    font-weight:bold;
    color:#333333; 
    padding:30px 0px 0px 30px;
}
.banner_right {
    float:right;
    clear:right;
    padding:15px 30px 0px 0px;
}
.header1 {
    font-size:20px;
    font-weight:bold;
    margin-bottom:10px;
}
.header2 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
}
.header2_bg {
    font-size: 16px;
    font-weight: bold;
    line-height: 180%;
    background: #CCCCCC;
    width: 100%;
    margin-bottom:10px;
}
.header3 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom:10px;
    line-height:150%;
}
.header3_bg {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0px;
    background: #CCCCCC;
}
.content {
    font-size:12px;
    line-height:150%;
}
.content UL {
    list-style:url(../img/list_1.gif);
}