@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}

html, body {
    background-color: #FFFFFF;
    height: 100%;
    width: 100%;
	font:12px 돋움; color:#333;
}

a {text-decoration:none;}
img{
	border:0
}
li , ul {list-style:none;}

#sensorwrap { position: relative;  width: 100%; height:100%}
#topWrap {background: url(../image/main_top_bg.jpg) repeat scroll 0 0 transparent;  height: 37px; overflow: hidden;  position: relative; width: 100%;}
#topWrap .Top_Image { width:120px; height:15px; display:block; padding-top:7px; padding-left:15px; float:left; }
#userinfo { width:500px; height:16px; display:block; padding-top:5px; float:right;}
#userinfo .user_id {float:left;}
#userinfo .user_btn {float:left; height:22px; padding-top:3px;}
a.user_name { color: #333333; font-family: "돋움",dotum,sans-serif; font-size: 11px; font-weight: normal; height: 16px; letter-spacing: -1px; line-height: 22px; margin-right:8px;}
a.user_date { color: #333333; font-family: "돋움",dotum,sans-serif; font-size: 11px; font-weight: normal; height: 16px; letter-spacing: -1px; line-height: 22px; padding-left:8px; background:url(../image/bg_user_date.jpg) no-repeat; margin-right:8px;}
#user_btn_modify {background:url(../image/btn_info_modify.png) no-repeat; text-indent:-3000px; display:block; width:53px; height:16px; margin-right:4px; float:left;}
#user_btn_out {background:url(../image/btn_logout.png) no-repeat; text-indent:-3000px; display:block; width:53px; height:16px; float:left;}





#bodyWrap {width: 100%}
#leftWrap {height: 100%; left: 0; overflow: hidden; position: absolute; width: 210px; background:url(../image/bg_meun_line.jpg) repeat-y; }
#leftWrap .Logo {width:199px; border-bottom: 1px solid #e5e5e5;}
#leftWrap .Menu_big {border-bottom: 1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
#leftWrap .date_input_selected {background:url(../image/bg_meun_over.png) no-repeat; height:23px;} 
#leftWrap .date_input {height:23px; border-bottom: 1px solid #e5e5e5; width:199px; } 
#leftWrap ul{display:none} 
a.menu_text { margin-left:32px; height: 12px; margin-top:5px;  position: absolute; color: #333; font-family: "굴림",gulim,sans-serif; font-size: 12px;}
a.menu_text_selected { margin-left:32px; height: 12px; margin-top:5px;  position: absolute; color: #fff; font-family: "굴림",gulim,sans-serif; font-size: 12px; }
a.toggle_plus {background:url(../image/icon_plus.gif) no-repeat; display: block; height: 12px; width:12px; overflow: hidden; position: absolute; text-indent: -1000em; margin:5px 0 7px 15px;}
a.toggle_minus {background:url(../image/icon_minus.gif) no-repeat; display: block; height: 12px; width:12px; overflow: hidden; position: absolute; text-indent: -1000em; margin:5px 0 7px 15px;}
.menu_list { padding:8px 0 8px 27px; border-bottom: 1px solid #e5e5e5; width:167px; color: #666; font-family: "굴림",gulim,sans-serif; font-size: 12px;}
.small_menu {background:url(../image/icon_detail_menu.gif) no-repeat 0 0px; padding-left:16px; padding-bottom:6px;} 
.menu_list .selected {background:url(../image/icon_detail_menu_over.gif) no-repeat 0 0px; padding-left:16px; padding-bottom:4px; color:#336699;} 



#mainWrap {height: 100%; margin-left: 211px; position: relative; min-width:560px; min-height:640px}
#mainWrap .content_top { padding:20px 10px 0 10px; height:34px;}
#mainWrap2 {min-width: 460px;}
h3.root {background: url(../image/icon_detail_menu_over.gif) no-repeat scroll 0 2px transparent;
    text-indent: 22px; float:left; color: #336699;}
h4 { float:left; padding-left:5px; color: #333;}
.content_title {font-size: 12px; font-weight: bold; letter-spacing: -1px; line-height: 16px; }
.content_topbtn {float:right; height:20px;}
#user_btn_signup {background:url(../image/btn_new_signup.gif) no-repeat; text-indent:-3000px; display:block; width:70px; height:20px;}
.toolbar {background-color: #b3a99c; border:1px solid #8a8074; height: 32px; position: relative; margin:0 10px;min-width: 860px;} 
/*.toolbar {background-color: #267177; border:1px solid #8a8074; height: 32px; position: relative; margin:0 10px;min-width: 860px;} */
/*.toolbar {background-color: #76c1c7; border:1px solid #56a1a7; height: 32px; position: relative; margin:0 10px;min-width: 860px;} 관개 길라잡이 */

/*--- for graph -----------------------------------------------------------------------*/
/*.toolbar2 {background-color:#76c1c7; border:1px solid #56a1a7; height:75px; position:relative; margin:0 10px;min-width: 860px;} */
.toolbar2 {background-color:#b3a99c; border:1px solid #8a8074; height:75px; position:relative; margin:0 10px;min-width: 860px;}
.toolbar2_width {height:25px; position:relative; margin:auto; min-width:860px;}

#tool_box {left:0; top:5px; z-index:6; float:right; position:relative; left:-50%;}	
#tool_box li {float:left; position:relative; left:50%; padding-right:10px;}
#tool_box select { border:#8a8074; border-style:solid; border-width:1px; color:#333333; height:20px;}
#tool_box .calender_select { border:#8a8074; border-style: solid; border-width: 1px; color: #333333; height: 20px; width:50px;}
#tool_box .year_select { border:#8a8074; border-style: solid; border-width: 1px; color: #333333; height: 20px; width:65px;}
#tool_box .year_check { width:15px;}
#tool_box input {border:#8a8074; border-style:solid; border-width:1px; color:#333333; width:100px;}
#tool_box li input {border:#8a8074; border-style:solid; border-width:1px; color:#333333; width:100px;}
#tool_box .farm_name {border:#8a8074; border-style: solid; border-width: 1px; color: #333333; width:240px;}
#tool_box .farm_name_1 {border:#8a8074; border-style: solid; border-width: 1px; color: #333333; width:240px;}
#tool_box .farm_name_2 {border:#8a8074; border-style: solid; border-width: 1px; color: #333333; width:150px;}
#tool_box .inputbtn { border:none; height: 20px; width:auto;}
/*--- for graph -----------------------------------------------------------------------*/
#tool_box2 {left:0; top:5px; z-index:6; float:right; position:relative; left:-50%; margin-top:5px;}
#tool_box2 li {float:left; position:relative; left:50%; padding-right:10px;}
#tool_box2 select { border:#8a8074; border-style:solid; border-width:1px; color:#333333; height:20px;}
#tool_box2 .calender_select { border:#8a8074; border-style: solid; border-width: 1px; color: #333333; height: 20px; width:50px;}
#tool_box2 input {border:#8a8074; border-style: solid; border-width: 1px; color: #333333; height: 16px; width: 120px;}
#tool_box2 .farm_name_1 {border:#8a8074; border-style:solid; border-width:1px; color:#333333; height:16px; width:160px;}
#tool_box2 .farm_name_2 {border:#8a8074; border-style:solid; border-width:1px; color:#333333; height:16px; width:160px;}
#tool_box2 .farm_name_3 {border:#8a8074; border-style:solid; border-width:1px; color:#333333; height:16px; width:160px;}
#tool_box2 .inputbtn { border:none; height: 20px; width:auto;}
.tool_text {font-weight: bold; height: 16px;}
.tool_text2 {margin-top:4px; margin-right:5px;}
.toolsearch { top:10px; left:10px; width:100px; height:10px; position:relative; margin:5px auto;}

.table_none {
	border:1px solid #74b0e0; height:20px; position:relative; margin:10px 10px;
	min-width: 860px; text-align:center; padding-top:10px; }

#p_farm_list { position:relative; margin:10px 10px;	width:100%; }
#p_farm_list input {border:#6699cc; border-style: solid; border-width: 1px; color: #333333; height: 14px; font:12px 돋움;}
.list_text {height: 19px; margin-bottom: 10px; padding: 0 5px;}
.list_text_right {float:right;}
.list_text_color {background-color:#99ccff;}
.farm_list {width:100%; margin-top:10px; border-top: 2px solid #38588e; text-align: center; }
.farm_list th { border-bottom:1px solid #6699cc; font:11px 돋움; font-weight:bold; padding-bottom:2px; padding-top:5px; text-align:center; height:25px; color:#336699;}
.farm_list td { border-bottom: 1px solid #6699cc; border-right: 1px solid #6699cc; padding: 8px 0; text-align: center;}
.farm_list2 {width:100%; margin-top:0px; border-top: 2px solid #ffffff; text-align: center; }
.farm_list2 th { border-bottom:1px solid #ffffff; font:11px 돋움; font-weight:bold; padding-bottom:2px; padding-top:2px; text-align:center; height:20px; color:#336699;}
.farm_list2 td { border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 2px 0; text-align: center;}
.farm_list3 {width:100%; margin-top:0px; border-top: 2px solid #ffffff; text-align:left; }
.farm_list3 th { border-bottom:1px solid #ffffff; font:11px 돋움; font-weight:bold; padding-bottom:2px; padding-top:2px; text-align:left; height:20px; color:#336699;}
.farm_list3 td { border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 2px 0; text-align:left;}

.farm_list .last {border-right:1px solid #ffffff;}
.farm_list tr { height: 25px; text-align: center;}
.farm_list2 tr { height: 20px; text-align: center;}
.farm_list3 tr { height: 20px; text-align:left;}
.board_list {margin:10px auto; text-align:center; position:relative;}
.farm_list .text_title {font-weight: bold; color: #336699;}
.farm_list .test_register {text-align:left; padding-left:5px;vertical-align: middle;}
.farm_list .test_register input, img{vertical-align: middle;}
.farm_list .register_last textarea{width:100%;height:100px}
.farm_list .register_last {border-right:1px solid #ffffff; text-align:left; padding-left:5px;}
.register_btn {margin-right:5px;}
.t_tile { background: none repeat scroll 0 0 #F5F5F5; border-bottom: 1px solid #DADADA; font-weight: bold; padding-bottom: 2px; padding-top: 5px; text-align: center;}
.graph_area {argin:10px auto; position:relative;}
#p_farm_list .delete_btn {height:20px; border:none;}
#p_farm_list .inputbtn { border:none; height: 20px; width:auto; margin-top:1px;margin-left:450px; }
#farm_list_body {font-size:11px;}



#footerWrap {overflow: hidden; margin-left: 211px; margin-top:10px;}
.footer {border:1px solid #cccccc; height: 30px; position: relative; margin:10px 10px; background:url(../image/img_footer.png) 50% 50% no-repeat #e5e5e6;;}
#Header { width:100%; height:37px; background:url(../image/main_top_bg.jpg);}

#Contant {height:100px; float: left; margin-left: -210px; position: relative; width: 100%; z-index: 10;}

#statistics_graph {height:20px; float:left; margin-left: -210px; position: relative; width: 100%; z-index: 10;}
#statistics_graph2 {height:auto; float:left; margin-top:10px; margin-left:10px; position: relative; width: 100%; z-index: 10;}
#Footer {height:20px; float:left; margin-left: -210px; position: relative; width: 100%; z-index: 10;}




#popupWrap {width:850px; height:700px; margin:10px;}
#popup_list {position: relative; width: auto; margin:10px 5px 0 0;}
.popup_over_color {background-color:#99ccff;}

a.button,
a.button span {position:relative; display:inline-block; text-decoration:none !important; background:url(../image/bg_btn1.gif) left -35px; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button { padding:0; overflow:visible;}
a.button span {left:4px; padding:8px 14px 8px 11px; color:#555; font:12px/12px dotum,Sans-serif; background-position:right -35px;}
a.button.strong *,
span.button.strong * {font-weight:bold !important;}

a.defaultbutton,
a.defaultbutton span {background:url(../image/bg_btn2.gif) left -35px;}
a.defaultbutton span {background-position:right -35px;}

a.smallbutton,
a.smallbutton span {position:relative; display:inline-block; text-decoration:none !important; background:url(../image/bg_btn1.gif) left -64px; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.smallbutton { padding:0; overflow:visible;}
a.smallbutton span {left:4px; padding:6px 6px 6px 4px; color:#555; font:12px/12px dotum,Sans-serif; background-position:right -64px;}
a.smallbutton.strong *,
span.smallbutton.strong * {font-weight:bold !important;}

a.smallbutton img{float:left; height:10px;}
a.button img{float:left; height:10px;}

a.light,
a.light span {background:url(../image/bg_btn1.gif) left -87px;}
a.light span {color:#AAA; font:12px/12px dotum,Sans-serif; background-position:right -87px;}

a.light img{ filter: alpha(opacity=50);Opacity:.5}
#_iframe{width:0px; height:0px;}

#farm_name { height:16px; width:250px; }
#_sdate { height:16px; width:80px; }
#_edate { height:16px; width:80px; }

/*----- portcwsi ---------------------------------------------------*/
.portcwsi_table { border: 1px solid #DADADA; margin:10px 10px; width:100%; }
.portcwsi_table input { width:25%; }