body{
	margin 0px;
	text-align: left;
	/*background: url(../img/body_bg.gif) repeat;*/
	font-size:12px;
	/*background:#DFE8F6;*/
}
.login{
	/*overflow:auto;*/
	height:300px;
	width:580px;
	position:absolute;
	left:50%;
	margin-top:30px;
	margin-left:-290px;
}
label{
	font-size:12px;
}
td{
	font-size:12px;
	text-align:left;
}
div#news {
	margin-top:10px;
	margin-bottom: 15px;
	text-align:left;
}
div#news dl{
	background-color: #FFFFFF;
	width: 522px;
	padding-bottom: 15px;
	padding-top: 5px;

}

div#news dt{
	float:left;
	display:inline;
	font-size: 10px;
	background-image: url(../img/mark1.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left center;
	font-weight: bold;
}

div#news dd{
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	margin-left:8em;
	width: 465px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
	padding-top: 0px;
	text-indent: 5px;
	margin-bottom: 5px;
	}

input[type="text"]
{
	float:left;
	background:#FFFFFF url(../img/default/form/text-bg.gif) repeat-x scroll 0 0;
	border:1px solid #B5B8C8;
	padding:1px 3px;
	height:18px;
	line-height:18px;
	vertical-align:middle;
	font-size:14px;
}
input[type="text"]:focus {
	float:left;
	background:#FFFFFF url(../img/default/form/text-bg.gif) repeat-x scroll 0 0;
	border:1px solid #7EADD9;
	padding:1px 3px;
	height:18px;
	line-height:18px;
	vertical-align:middle;
	font-size:14px;
}
#outline2 {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#outline2 input[type="text"]
{
	float:left;
	background:#FFFFFF url(../img/default/form/text-bg.gif) repeat-x scroll 0 0;
	border:1px solid #B5B8C8;
	padding:1px 3px;
	height:18px;
	line-height:18px;
	vertical-align:middle;
	font-size:12px;
	text-align:right;
}
#outline2 input[type="text"]:focus
{
	float:left;
	background:#FFFFFF url(../img/default/form/text-bg.gif) repeat-x scroll 0 0;
	border:3px solid #7EADD9;
	padding:1px 3px;
	height:18px;
	line-height:18px;
	vertical-align:middle;
	font-size:12px;
	text-align:right;
}
#select_frame input[type="text"]
{
	float:left;
	background:#FFFFFF url(../img/default/form/text-bg.gif) repeat-x scroll 0 0;
	border:1px solid #B5B8C8;
	padding:1px 3px;
	height:18px;
	line-height:18px;
	vertical-align:middle;
	font-size:14px;
	text-align:left;
}
#select_frame input[type="text"]:focus
{
	float:left;
	background:#FFFFFF url(../img/default/form/text-bg.gif) repeat-x scroll 0 0;
	border:3px solid #7EADD9;
	padding:1px 3px;
	height:18px;
	line-height:18px;
	vertical-align:middle;
	font-size:14px;
	text-align:left;
}
#outline3 {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#outline3 table
{
	border-width:0px 2px 0px 0px;
	border-style:solid;
	border-color :#D8E6F6;
}
#outline3 td
{
	border-width:0px 0px 2px 2px;
	border-style:solid;
	border-color :#D8E6F6;
}
#outline4 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.unit{
	margin-right:4px;
	font-size:14px;
}
input[type="password"]
{
	float:left;
	background:#FFFFFF url(../img/default/form/text-bg.gif) repeat-x scroll 0 0;
	border:1px solid #B5B8C8;
	padding:1px 3px;
	height:18px;
	line-height:18px;
	vertical-align:middle;
}
.gray_txt{
	float:left;
	background:#FFFFFF url(../img/default/form/text-bg.gif) repeat-x scroll 0 0;
	border:1px solid #B5B8C8;
	padding:1px 3px;
	height:18px;
	line-height:18px;
	vertical-align:middle;
	color:gray;
	cursor:default;
	opacity:.6;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
}
.white_txt{
	float:left;
	background:#FFFFFF url(../img/default/form/text-bg.gif) repeat-x scroll 0 0;
	border:1px solid #B5B8C8;
	padding:1px 3px;
	height:18px;
	line-height:18px;
	vertical-align:middle;
}
font{
	font-size:12px;
}
textarea{
	font-size:12px;
}
.base{
    	width: 980px;
    	/*margin-left: auto;
    	margin-right: auto;*/
    	text-align: left;
        margin: 0 auto;
        border-right:1px solid #cccccc;
        border-left:1px solid #cccccc;
}
#outline {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#base{
    	width: 940px;
    	/*margin-left: auto;
    	margin-right: auto;*/
    	text-align: left;
        margin: 0 auto;
        border-right:1px solid #cccccc;
        border-left:1px solid #cccccc;
}
.mainField{
	background:#BDD3EF;
	width:120px;
	color:#15428B;
	text-align:left;
	padding-left:5px;
	border-width : 0px 1px 1px 0px;
	border-style:solid;
	border-color:#ffffff;
}
.subField{
	width:116px;
	background:#DFE8F6;
	color:#15428B;
	text-align:left;
	padding-left:5px;
	border-width : 0px 1px 1px 0px;
	border-style:solid;
	border-color:#ffffff;
}
.subContents{
	width:116px;
	text-align:left;
	padding-left:5px;
}
.input_icon{
   vertical-align: middle;
}
#CustomBtn {
	margin: 15px 0px 12px 10px;
	list-style-type: none;
	font-size:12px;
	float:right;
}
#CustomBtn li,#CustomBtn a {
		font-size:12px;
		width: 85px;
		height: 32px;
		background: url(../img/bg_button_sm.gif);
		overflow: hidden;
		display: block;
		text-align: center;
		line-height: 30px;
		color: #FFFFFF;
		text-decoration: none;
		text-indent: -5px;
}

#CustomBtn a:hover {
		font-size:12px;
		background: url(../img/bg_button_sm_on.gif);
		color: #FFFFFF;
		text-decoration: none;
}
#buttonSM {
		margin: 15px 0px 12px 10px;
		list-style-type: none;
		float:right;
}
#buttonSM li,#buttonSM a {
		width: 85px;
		height: 32px;
		background: url(../img/bg_button_sm.gif);
		overflow: hidden;
		display: block;
		text-align: center;
		line-height: 30px;
		color: #FFFFFF;
		text-decoration: none;
		text-indent: -5px;
}

#buttonSM a:hover {
		background: url(../img/bg_button_sm_on.gif);
		color: #FFFFFF;
		text-decoration: none;
}
.buttonL {
	margin: 5px 0px 5px 25px;
	list-style-type: none;
	font-size: 14px;
	text-align: left;
}

.buttonL li,.buttonL a {
	width: 390px;
	height: 56px;
	background: url(../img/bg_button_large.gif);
	overflow: hidden;
	display: block;
	text-align: left;
	line-height: 52px;
	color: #336699;
	text-decoration: none;
}
.buttonL a:hover {
	background: url(../img/bg_button_large_on.gif);
	color: #3399CC;
	text-decoration: none;
	text-align: left;
}
.buttonBlank{
	width: 390px;
	height: 56px;
	overflow: hidden;
	display: block;
	text-align: left;
	line-height: 52px;
	color: #336699;
	text-decoration: none;
}
#header {
	width: 980px;
	height: 100px;
	background: url(../img/contentstop_bg.jpg) repeat-x;
	/*background: url(../img/bg_header.gif) repeat-x;*/
}
#header2 {
	width: 100%;
	height: 100px;
	background: url(../img/contentstop_bg.jpg) repeat-x;
	/*background: url(../img/bg_header.gif) repeat-x;*/
}
#footer {
	width: 980px;
	height: 57px;
	background: url(../img/bg_footer.gif) repeat-x;
	margin-top: 0px;
}
#logo {
	margin-top:0px;
	margin-left:5px;
	float: left;
	width: 140px;
	height: 70px;
}
#menu {
	float: right;
	height: 40px;
}

#menu ul {
	list-style-type: none;
}

#menu li,#menu a {
	width: 122px;
	height: 31px;
	text-indent: -9999px;
	float: left;
	overflow: hidden;
	display: block;
}

#menu a:hover {
	text-decoration: none;
}

#menu .menuMain {
	background: url(../img/menu_1.gif);
}

#menu a.menuMain:hover {
	background: url(../img/menu_1_on.gif);
}

#menu .menu2 {
	background: url(../img/menu_2.gif);
}

#menu a.menu2:hover {
	background: url(../img/menu_2_on.gif);
}

#menu .menu3 {
	background: url(../img/menu_3.gif);
}

#menu a.menu3:hover {
	background: url(../img/menu_3_on.gif);
}
#menu .menu4 {
	background: url(../img/menu_4.gif);
}

#menu a.menu4:hover {
	background: url(../img/menu_4_on.gif);
}

#menu .menuLogout {
	background: url(../img/menu_logout.gif);
}

#menu a.menuLogout:hover {
	background: url(../img/menu_logout_on.gif);
}
#menu .menu5 {
	background: url(../img/menu_5.gif);
}

#menu a.menu5:hover {
	background: url(../img/menu_5_on.gif);
}
#progress {
	clear: both;
	width: 980px;
	height: 30px;
	background: url(../img/bg_progress.gif) repeat-x;
}

#progress ul {
	list-style-type: none;
	text-align: center;
}

#progress li,#progress a {
	float: left;
	height: 30px;
	display: block;
	text-align: center;
	line-height: 30px;
	color: #717171;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 17px;

}

#progress a:hover {
	color: #3399CC;
	text-decoration: none;
	cursor:pointer;
}
#progress .progressOld {
	background: url(../img/bg_progress_right.gif) right;
	font-size: 12px;
	width:160px;
}

#progress .progressNow {
	background: url(../img/bg_progress_right_02.gif) right;
	font-size: 12px;
	width:160px;
}

#progress .progressLast {
	background: url(../img/bg_progress_right_03.gif) right;
	font-size: 12px;
	color : #3388CC;
	width:160px;
}
#navigation {
        background: #DDD;
        border-bottom: 1px solid #A1A1A1;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 0px 0px;
	font-family:sans-serif,cursive;
}
#navigation ul, #navigation ul li {
        list-style: none;
        margin: 0;
        padding: 0;
	font-family:sans-serif,monospace;
}
#navigation ul {
        margin: 5px 0 5px;
        padding: 5px 0 5px;
        text-align: left;
}
#navigation ul li {
        display: inline;
}
#navigation ul li a {
        background: url(../img/tableft.gif) no-repeat left top;
        color: #FFF;
        text-decoration: none;
        margin: 5px 0;
	font-family:sans-serif,monospace;
}
#navigation ul li span {
        background: url(../img/tabright.gif) no-repeat right top;
        padding: 5px 7px 5px 3px;
        margin: 4px 0 4px 4px;
	font-family:sans-serif,monospace;
	font-size:14px;
}
#navigation ul li a:hover span {
        text-decoration: underline;
        background-position: 100% -75px;
	font-family:sans-serif,monospace;
}
#navigation ul li a:hover {
        background-position: 0 -75px;
	font-family:sans-serif,monospace;
}
#navigation #current a {
        background-position: 0 -150px;
	font-family:sans-serif,monospace;
}
#navigation #current a span {
        background-position: 100% -150px;
	font-family:sans-serif,monospace;
}
#droparea1 {
        FONT-SIZE: 12px;
        CURSOR: pointer;
        padding-top:3px;
}
#droparea2 {
        FONT-SIZE: 12px;
        CURSOR: pointer;
        padding-top:3px;
}
#droparea3 {
        FONT-SIZE: 12px;
        CURSOR: pointer;
        padding-top:3px;
}
#droparea4 {
        FONT-SIZE: 12px;
        CURSOR: pointer;
        padding-top:3px;
}
#droparea5 {
        FONT-SIZE: 12px;
        CURSOR: pointer;
        padding-top:3px;
}
#droparea6 {
        FONT-SIZE: 12px;
        CURSOR: pointer;
        padding-top:3px;
}
#droparea7 {
        FONT-SIZE: 12px;
        CURSOR: pointer;
        padding-top:3px;
}
.white_box{
        border-width:1px;
        border-color:#ffffff;
	background-color:#ffffff;
}
#menu .smenu4 {
	background: url(../img/smenu_4.gif);
}

#menu a.smenu4:hover {
	background: url(../img/smenu_4_on.gif);
}
#menu .smenu5 {
	background: url(../img/menu_5.gif);
}

#menu a.smenu5:hover {
	background: url(../img/smenu_5_on.gif);
}
#menu .smenuLogout {
	background: url(../img/menu_logout.gif);
}

#menu a.smenuLogout:hover {
	background: url(../img/smenu_logout_on.gif);
}
.font14{
	font-size:14px;
}
.registBtnCls{
    background-image: url(../img/registIcon.png) !important;
}
.updateBtnCls{
    background-image: url(../img/updateIcon.png) !important;
}
.deleteBtnCls{
    background-image: url(../img/deleteIcon.png) !important;
}
.closeBtnCls{
    background-image: url(../img/closeIcon.png) !important;
}
.submitBtnCls{
    background-image: url(../img/submitIcon.png) !important;
}
.excelBtnCls{
    background-image: url(../img/excelIcon.png) !important;
}
.clearBtnCls{
    background-image: url(../img/clearIcon.png) !important;
    font-size:10px;
}
.printBtnCls{
    background-image: url(../img/printIcon.png) !important;
}
.csvBtnCls{
    background-image: url(../img/csvIcon.png) !important;
}
.trCenter td{
	text-align:center;
	height:24px;
}
.trRight td{
	text-align:right;
	height:24px;
}
.trLeft td{
	text-align:left;
	height:24px;
}
.bgWhite{
	backgroud:#FFFFFF;
}
.board {
	margin-top:0px;
	background: url(../img/bg_board.gif) repeat-x bottom;
	background-color: #F7F7F1;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #888888;
}

.boardInner {
	background: #FFFFFF;
	margin: 15px;
}

.boardInner p {
	margin: 10px;
}

.board p.button {
	margin: 12px 25px 12px 25px;
}
#progress2 {
	clear: both;
	width: 100%;
	height: 30px;
	background: url(../img/bg_progress.gif) repeat-x;
}

#progress2 ul {
	list-style-type: none;
	text-align: center;
}

#progress2 li,#progress2 a {
	float: left;
	height: 30px;
	display: block;
	text-align: center;
	line-height: 30px;
	color: #717171;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 17px;

}

#progress2 a:hover {
	color: #3399CC;
	text-decoration: none;
	cursor:pointer;
}
#progress2 .progressOld {
	background: url(../img/bg_progress_right.gif) right;
	font-size: 12px;
	width:160px;
}

#progress2 .progressNow {
	background: url(../img/bg_progress_right_02.gif) right;
	font-size: 12px;
	width:160px;
}

#progress2 .progressLast {
	background: url(../img/bg_progress_right_03.gif) right;
	font-size: 12px;
	color : #3388CC;
	width:160px;
}