@charset "utf-8";

@import url("/_fnt/font-awesome/stylesheet.css");      	/* Web Font */

*{ margin:0px; padding:0px; z-index:0;}
img{ border:none;}

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
body{ background:#FFF url(/img/bck.png) top center no-repeat;}
 
h1{}
h2{ font-size:18px; font-weight:normal; margin:40px 0px 20px 0px; color:#039;}
h2 span{ text-transform:capitalize; font-size:14px; color:#999;}
h2 span{ float:right; padding-top:5px;}
h3{}
p{ margin:10px 0px;} 
p.title{ text-align:left; text-transform:capitalize; font-size:14px; margin:20px 0px 10px 0px; padding-bottom:4px; border-bottom:#CCC solid 1px; color:#999; clear:both;}
p.header{  margin-top:40px; padding:2px 10px; font-size:14px; font-weight:normal; color:#fff; background-color:#6699ff; border:#039 solid 1px;}
p.header a{ width:50px; padding:1px; float:right; text-align:center; font-size:9px; background:url(/img/submit_bck.jpg) top left; border:#CCC solid 1px; text-decoration:none; color:#000;}
p.header a:hover{ color:#FF9900; border:#AAA solid 1px; cursor:pointer;}	

a{ color:#09C; text-decoration:none;}
a:hover{ cursor:pointer;} 
hr{ height:1px; margin:20px 0px; color:#FFF; background-color:#FFF; border:none; clear:both;}
 
form{}
fieldset{ border:none;}
fieldset.set_1{ width:400px; float:left; text-align:right;}
fieldset.set_1b{ width:400px; text-align:right;}
fieldset.set_2{ width:400px; float:right; text-align:right;}
fieldset.set_3{ width:300px; float:left; padding-left:40px;}
fieldset.set_4{ width:500px; float:left; text-align:right;}
fieldset.set_5{ width:835px; float:left; text-align:right;}
fieldset.set_6{ width:635px; text-align:right;}

fieldset.set_11{ width:400px; float:left; text-align:right;}
fieldset.set_11 input{ width:180px;}
fieldset.set_12{ width:400px; float:right; text-align:right;}
fieldset.set_12 input{ width:180px;}


form.frm_add{ text-align:right; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
form.frm_add hr{ width:240px; height:1px; margin:0px 2px; color:#CCC; background-color:#CCC; border:none; clear:both;}
form.frm_add img.spcr_bar{width:240px; height:1px; margin:10px 2px; margin-left:150px;}


label.checkbox:hover{ color:#900;}
label{ font-weight:bold;}

input[type='text']{ width:230px; margin:2px; padding:2px 5px; border:#CCC solid 1px; color:#085395; vertical-align:middle;}
input[type='text'].short{ width:150px;}
input[type='text'].small{ width:100px; margin-right:132px;}
input[type='text'].col{ width:100px;}
input[type='text'].hours{ width:100px;}
input[type='text'].qty{ width:30px;}
input[type='text'].tny{ width:100px;}
#stp_7 input[type='text'].cur{ text-align:right;}
.tny{ width:100px;}

input[type='file']{ width:243px; margin:2px; padding:2px 5px; border:#CCC solid 1px; color:#085395; vertical-align:middle;}

input[type='checkbox']{ margin-right:4px; vertical-align:middle; cursor:pointer;}
input[type='radio']{ cursor:pointer;}
input[type='submit']{ margin-top:20px;}

input[type='password']{ width:300px; height:20px; margin:4px; padding:2px 5px; border:#CCC solid 1px; color:#085395; vertical-align:middle;}

input[type='submit']{ background:url(/img/submit_bck.jpg) top left; border:#CCC solid 1px; padding:4px 10px; margin:5px; clear:both;}
input[type='submit']:hover{ color:#FF9900; border:#AAA solid 1px; cursor:pointer;}
input[type='submit'].sm_submit{ margin:5px 2px 10px 0px; padding:0px 3px; font-size:10px;}

input[type='button']{ background:url(/img/submit_bck.jpg) top left; border:#CCC solid 1px; padding:4px 10px; margin:5px;}
input[type='button']:hover{ color:#FF9900; border:#AAA solid 1px; cursor:pointer;}
input[type='button'].sm_cancel{ margin:5px 2px 10px 0px; padding:0px 3px; font-size:10px;}

button{ background:url(/img/submit_bck.jpg) top left; border:#CCC solid 1px; padding:4px 10px; margin:5px;}
button:hover{ color:#FF9900; border:#AAA solid 1px; cursor:pointer;}

input[type='reset']{ background:url(/img/submit_bck.jpg) top left; border:#CCC solid 1px; padding:4px 10px; margin:5px;}
input[type='reset']:hover{ color:#FF9900; border:#AAA solid 1px; cursor:pointer;}

textarea{ width:230px; height:80px; padding:5px; vertical-align:top; margin:2px; font-family:Arial, Helvetica, sans-serif; border:#CCC solid 1px; color:#085395;}
textarea.short{ height:32px; margin-bottom:8px;}
select{ width:242px; vertical-align:middle; margin:2px;}
select.hours{ width:112px;}




table{ width:100%;}

table.radio{ margin-left:40px; width:780px;}
table.radio tr:hover{ background-color:#F4F4F4;} 
table.radio th{ width:100%; text-align:left;}
table.radio td{ text-align:center; border:none;}
table.radio td input[type='radio']{ margin:0px 8px;}

table.form tbody tr:hover{ background-color:#EFEFEF;}
table.form th{ vertical-align:bottom; padding:2px 4px; font-size:10px; white-space:nowrap;}
table.form td{ border:#E4E4E4 solid 1px; padding:2px 4px; white-space:nowrap;}
table tbody td.wrap{ white-space:normal;}
table.form td.hide{ display:none;}

table.hover tr:hover{ background-color:#F4F4F4;}
tbody.frm_edit{ display:none;}

table.lst{ margin:40px 0px;}
table.lst tbody tr{ background-color:#F5F5F5;}
table.lst tbody tr:hover{ background-color:#CCC;}
table.lst tbody tr.spcr{ background-color:#FFF;}
table.lst tbody tr.spcr:hover{ background-color:#FFF;}
table.lst th{ white-space:nowrap; padding:5px 0px;}
table.lst td{ white-space:nowrap; padding:2px 5px; border-top:#CCC solid 1px;}
table.lst td.cpy{ white-space:normal;}
table.lst img{ padding:3px; background-color:#FFF; border:#CCC solid 1px;}
table.lst img.lck:hover{ cursor:default;}
table.lst img.edt:hover{ border-color:#6C0; cursor:pointer;}
table.lst img.cpy:hover{ border-color:#F90; cursor:pointer;}
table.lst img.dlt:hover{ border-color:#F00; cursor:pointer;}
table.lst img.prt:hover{ border-color:#39F; cursor:pointer;}

table.rlx tbody th{ white-space:normal; vertical-align:text-top; text-align:left; border-top:#CCC solid 1px; padding-right:5px;}
table.rlx tbody td{ white-space:normal; vertical-align:text-top; padding-left:5px;}

table.tbl_1{ background-color:#F2F2F2; border:#CCC solid 1px;}
table.tbl_1 thead tr th{ padding:2px;}
table.tbl_1 tbody tr th{ padding:1px 5px; white-space:nowrap; text-align:right; border-bottom:#CCC solid 1px;}
table.tbl_1 tbody tr.odd{ background-color:#CCC;}
table.tbl_1 tbody tr td{ padding:1px; text-align:center; border-bottom:#CCC solid 1px;}
table.tbl_1 tbody input{ width:125px;}

#equip_pic th{ border:#CCC solid 1px; padding:2px 5px; font-size:10px; text-align:right;}
#equip_pic td{ border:#CCC solid 1px; padding:2px 5px; font-size:10px;}

/* -- Header // Navigation -- */
	#idHd_Wrp{ width:100%;}
	#idHd{ width:960px; margin:40px auto 0px auto;}
	#idHd img#logo{ margin:0px 40px;}
	#idHd h1{ width:400px; float:right; margin:0px 60px; color:#999;}
	#idHd .lin{ width:920px; position:absolute; margin-top:-35px; font-size:10px; color:#888; text-align:right;}

/* -- Body  -- */
	#idBd_Wrp{ width:100%;}
	#idBd{ width:832px; margin:auto;}
	#idBd h1{ margin-top:20px; padding:2px 10px; font-size:14px; font-weight:normal; color:#FFF; background-color:#000066;}
	
/* -- Progress Nav -- */
	ul.nav{ list-style:none; margin-top:1px;}
	ul.nav li{ width:103px; height:70px; overflow:hidden; float:left; padding:0px 0px;}
	ul.nav li{ border-right:#ccc solid 1px; text-align:center; font-size:14px;}
	ul.nav a{ text-decoration:none; color:#808080; display:block; padding:10px 5px 30px 5px; background:url(/img/ico/ptn_03.gif);}
	ul.nav a:hover{ background:none; background-color:#59599b; color:#FFF;}
	ul.nav li.slt a{ background:none; background-color:#59599b; color:#FFF;}

/* -- Footer -- */
	#idFt_Wrp{ width:832px; margin:auto;} 
	#idFt{ text-align:center; color:#999; padding-top:20px; font-size:10px;}


	
	.app_nav{ width:48%;}
	.app_nav p{ border:#CCC solid 1px; margin:4px 0px; padding:10px; color:#FFF; font-size:14px;}
	.app_nav ul{ list-style:none;}
	.app_nav li{ border:#CCC solid 1px; margin:4px 0px; padding:0px;}
	.app_nav a{ text-decoration:none; display:block; padding:10px; color:#333; letter-spacing:1px;}
		
	.create{ float:left;}
	.create p{ background-color:#003300;} 
	.create a:hover{ background-color:#597a59; color:#FFF;}
	
	.edit{ float:right;}
	.edit p{ background-color:#808080;}
	.edit a:hover{ background-color:#ccc;}

	.isum1{ float:left;}
	.isum2{ float:right;}
	.isum1 a{ background-color:#F2F2F2; color:#09C;}
	.isum2 a{ background-color:#F2F2F2; color:#09C;}
	.isum1 a:hover{ background-color:#ccc;}
	.isum2 a:hover{ background-color:#ccc;}
	.isum1 span{ float:right;}
	.isum2 span{ float:right;}

	.manage{ width:100%; text-align:center;}
	.manage a:hover{ background-color:#653f40; color:#FFF;}

	.app_nav li.not{ border:#CCC dashed 1px;}
	.app_nav li.not a:hover{ background:none; color:#333; cursor:default;}
	
	.man_nav{ padding:10px; border:#CCC solid 1px; text-align:center;}
	.man_nav a{ padding:0px 5px; color:#333;}
	.man_nav a:hover{ background-color:#808080; color:#FFF;}
	

/* -- Main Page -- */
	#pg_main #idBd_Wrp{ text-align:center;}
	#pg_main img#logo{ margin:80px auto 60px auto;}
	#pg_main h1{ font-size:32px; color:#039; margin-bottom:40px; background:none; line-height:32px;}
	#pg_main h1 span.txt_1{ display:block; font-size:18px; color:#999; font-weight:normal; font-style:italic;}
	#pg_main h1 span.txt_2{ display:block; font-size:24px; color:#999;}
	#pg_main form{ width:400px; margin:auto; padding:20px; text-align:right;}
	#pg_main label{ font-size:14px; color:#039; font-weight:normal;}
	#pg_main input[type='text']{ font-size:14px; width:300px; margin:5px; padding:4px; letter-spacing:.05em;}

.alert{ text-align:center; font-size:16px; color:#F00;}
input.mini{ font-size:8px; text-transform:uppercase; padding:0px 4px; color:#C00; display:block; margin:5px 0px; border-color:#696969; letter-spacing:.15em;}

.btn_edt:hover{ cursor:pointer;}
.btn_edt_equip:hover{ cursor:pointer;}
.btn_dlt:hover{ cursor:pointer;}
.btn_pic:hover{ cursor:pointer;}
.dlt_pic_equip{ cursor:pointer;}

div.p_view{ width:400px;}
div.p_view a{ margin:0px; padding:0px; padding-left:2px; color:#09F; text-decoration:none;}
div.p_view input[type='checkbox']{ margin:0px; padding:0px; width:10px; height:10px; vertical-align:middle; margin-left:35px;}
div.p_view span{ font-size:10px; color:#900; vertical-align:middle;}

/* -- Search Fucntion Styles -- */
#idSchFunct_Wrp{ margin:5px 0px; padding:3px; background-color:#F7F7F7; border:#CCC solid 1px;}
#idSchFunct{ font-size:14px; text-align:center;}

#idSchFunct label{ font-weight:normal;}
#idSchFunct input[type="submit"]{ padding-top:2px; padding-bottom:2px; vertical-align:middle;}
#idSchFunct input[type="button"]{ padding-top:2px; padding-bottom:2px; vertical-align:middle; margin-left:0px;}

div.sch_flt{ font-size:10px; color:#900; padding-left:5px;}

/* -- Sub Nav -- */
  .top_nav{ width:832px; position:absolute; margin-top:-35px; padding-bottom:5px; text-align:right; border-bottom:#CCC solid 1px;}
  .top_nav a{ color:#808080; text-decoration:none; padding:2px 5px;}
  .top_nav a:hover{ color:#FFF; background-color:#999;}
  
  .bottom_nav{ margin:20px 0px -20px 0px; padding-top:5px; text-align:right; border-top:#CCC solid 1px;}
  .bottom_nav a{ color:#808080; text-decoration:none; padding:2px 5px;}
  .bottom_nav a:hover{ color:#FFF; background-color:#999;}
/* --- */


input.profile_cust{ width:96%;}

ul.pnt_lst{ width:200px; margin-left:60px; padding:20px;}
ul.pnt_lst a{ padding:2px 5px; text-decoration:none; color:#000; display:block;} 
ul.pnt_lst a:hover{ background-color:#CCC;}

input.eng{ width:80px;}
div.print{ padding:5px 0px; text-align:right; border-bottom:#CCC solid 1px; margin-top:-40px;}
div.print img{ padding:0px 0px 2px 2px;}
div.print a:hover{ color:#66b360;}

table#UTL_tbl{ width:380px; text-align:left;}
table#UTL_tbl th{ text-align:center; padding:2px;}
table#UTL_tbl select{ width:165px;}
table#UTL_tbl input[type="text"]{ width:155px;}
table#UTL_tbl td{ background-color:#F2F2F2; padding:2px;}
table#UTL_tbl td.select{ width:100%; text-align:right; background-color:#FFF;}


.mth_hdr{font-size:10px; color:#646464; padding:5px;}

table.agreement_amount{ width:830px;}
table.agreement_amount tbody tr.odd{ background-color:#F2F2F2;}
table.agreement_amount tbody th{ text-align:right;}
table.agreement_amount tbody td{}
table.agreement_amount input{ width:130px;}

div.tog_wrap{ margin:10px 0px; padding:0px 0px; border:#CCC solid 1px;}
div.tog_wrap p.tog_title{ margin:0px 0px; padding:10px 10px; background-color:#F2F2F2; color:#AAA; font-size:16px;}
div.tog_wrap p.tog_title:hover{ cursor:pointer; color:#09C; background-color:#E1FFFF;}
div.tog_wrap div.tog_body{ display:none; padding:10px;}


table.mlt tr{ background-color:#F5F5F5;}
table.mlt th{ white-space:nowrap; padding:5px 5px; text-align:right;}
table.mlt td{ white-space:nowrap; padding:5px 5px;}
table.mlt td input[type="text"]{ width:65px;}

div.alert{ padding:5px; border:#F00 solid 1px; background-color:#FFF; color:#c90101;}
div.alert h2{ text-align:center; padding:10px 0px 6px 0px; background-color:#ffe5e5; font-size:20px;}
div.alert h2 img{ padding-right:10px; padding-bottom:4px; vertical-align:middle;}
div.alert p{ padding:10px 10px; line-height:18px; text-align:justify;}

p.alert{ font-size:large; color:#C00; text-align:center;}