common.css 8.35 KB
/* =============================================== 
	작성일		:	2013.06.10
	작업자		:	이은영
==================================================  */


.search{
	margin:10px 0 20px 0;
	
	padding:15px 20px 15px 20px;
	border:1px solid #d7d7d7;
	background-color:#f6f6f6;
	font-size:12px;
	border-radius:5px ;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;}
.search table{
	width:730px;
		}	
	
.search td{color:#777777;

	height:22px;
}	
.search input[type=text]{
	border:1px solid #ddd;
	margin:6px 0 0 0;
	padding:2px;
	width:70px;
	font-size:12px;
	}
	
.search input.wl{
	border:1px solid #ddd;
	margin:6px 0 0 0;
	padding:2px;
	width:240px;
	font-size:12px;
	}
.search input.wm{
	border:1px solid #ddd;
	margin:6px 0 0 0;
	padding:2px;
	width:140px;
	font-size:12px;
	}			

.search select{
	margin:6px 0 0 0;
	font-size:12px;
	height:18px;
	}
.search	.checkbox{
	border:0px solid #ddd;
	margin:0px 0 0 15px;
	width:14px;
	}

.search span{
	background-image:url(../images/bul_search.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 5px 0 20px;
	}
.search label strong{
	font-weight:normal;
	font-size:14px;
	letter-spacing:-1px;
	color:#ccc;
	}
	
.search_d{
	position:absolute;

	width:730px;
	height:350px;
	z-index:1;

	
	margin:155px 300px; 
	
	padding:15px 20px 0px 20px;
	border:1px solid #d7d7d7;
	background-color:#f6f6f6;
	font-size:12px;
	
	border-radius:5px ;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;}
.search_d h1{
	font-size:14px;
	background:#009fe6;
	color:#ffffff;
	width:110px;
	text-align:center;
	font-weight:normal;
	padding :3px 0px 3px 0px;
	margin:0px 0px 0px 0px;
	border-radius:3px 3px 0px 0px ;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-o-border-radius: 3px 3px 0px 0px;  }	
.search_d table{
	width:730px;
	margin-bottom:15px;
	border-top:1px #9f9f9f dotted;
		}	
.search_d th{
	padding:12px 0px 0px 0px;
	vertical-align:top;
	text-align:left;
	color:#333;font-weight:normal;}		
	
.search_d td{color:#777777;

	height:22px;
}	
.search_d input{
	border:1px solid #ddd;
	margin:6px 0 0 0;
	padding:2px;
	width:70px;
	font-size:12px;
	}
	
.search_d input.wl{
	border:1px solid #ddd;
	margin:6px 0 0 0;
	padding:2px;
	width:240px;
	font-size:12px;
	}
.search_d input.wm{
	border:1px solid #ddd;
	margin:6px 0 0 0;
	padding:2px;
	width:140px;
	font-size:12px;
	}			

.search_d select{
	margin:6px 0 0 0;
	font-size:12px;
	height:18px;
	}
.search_d	.checkbox{
	border:0px solid #ddd;
	margin:0px 0 0 15px;
	width:14px;
	}

.search_d span{
	background-image:url(../images/bul_search.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 5px 0 20px;
	}
.search_d label strong{
	font-weight:normal;
	font-size:14px;
	letter-spacing:-1px;
	color:#ccc;
	
	
	}	
	


.data{
	width:1000px;
	clear:both;float:left;
		}

.data h3{
	font-size:14px;
	font-weight:normal;
	color:#666666;
	width:1000px;
	margin:15px 0 5px 0;
	
	
	padding:0 0 0 18px;
	background-image:url(../images/blt_03.gif);
	background-position:left;
	background-repeat:no-repeat; 
}
.datacList	{
	width:1000px;
	border-bottom:1px solid #c8e0fb; 
	border-collapse: collapse;
		}

	.datacList th	{	 
	font-weight:lighter;
	height: 18px;   
	color:#3c87c5; 
	text-align:center ; 
	font-size:12px; 
	background:#ebf4ff; 
	border: 1px solid #c8e0fb;
	border-right: 0px solid #c8e0fb;
	padding:4px 4px 4px 4px; }
	
	.datacList th.no	{
	 
	font-weight:lighter;
	height: 18px;   
	color:#3c87c5; 
	text-align:center ; 
	font-size:12px; 
	background:#ebf4ff; 
	border-right: 0px solid #98bce6;
	border-left: 0px solid #98bce6;
	border-bottom: 1px solid #c8e0fb;
	padding:4px 10px 4px 10px; } 
	 
	
	
	.datacList td	{
	
	height: 18px; 
	font-size:12px; 
	border-right: solid 0px #d5d5d5;
	border-left: solid 1px #e2e2e2; 
	border-bottom: dotted 1px #d5d5d5; 
	padding: 4px 3px 4px 3px; 
	background: #fff;  
	color:#666666; }
	
	.datacList td.no	{border-left: solid 0px #e2e2e2; }
	.datacList th.left{ text-align:left;}
	.datacList td.right{ text-align:right;}
	.datacList td.left{ text-align:left;}	
	.datacList td.center{ text-align:center;}	

	.datacList a:link { color:#006eba;;  }
    .datacList a:visited {  color:#3c87c5; text-decoration:underline;   }
    .datacList a:active { color:#006eba;   }
    .datacList a:hover { color:#006eba; }

	.datacList input[type=button] { color:#666666;  }
	.datacList input[type=button]:link { color:#006eba;  }
    .datacList input[type=button]:visited {  color:#3c87c5; text-decoration:underline;   }
    .datacList input[type=button]:active { color:#006eba;   }
    .datacList input[type=button]:hover { color:#006eba; }
	

	.datacList td a:link { color:#006eba; }
    .datacList td a:visited {  color:#000000;    }
    .datacList td a:active { color:#006eba;   }
    .datacList td a:hover { color:#006eba; }
	

	.datacList td input[type=button] { color:#666666;}
	.datacList td input[type=button]:link { color:#006eba;  }
    .datacList td input[type=button]:visited {  color:#000000;    }
    .datacList td input[type=button]:active { color:#006eba;   }
    .datacList td input[type=button]:hover { color:#006eba; }

	.datacList ul{ margin:0 3px 0 3px;}
	.datacList li{padding: 2px 0px 2px 0px; }

	
	.datacList td img{padding: 0px 0px 0px 0px;}
	
	
	.datav	{width:1000px;
		border-top: 2px solid #67a1d2;  
		border-bottom:1px solid #98bce6; 
		border-collapse: collapse;
		}

	.datav th	{ 
	color:#3c87c5;
	font-weight:lighter;
	text-align:left ; 
	font-size:12px;
	
	height: 18px; 
	width:127px;  
	 
	background:#ebf4ff; 
	border-right: solid 0px #e9f0d9;
	border-bottom: dotted 1px #98bce6; 
	padding:4px 10px 4px 10px; } 
	
	
	.datav td	{
		height: 18px; 
		width:205px; 
		font-size:12px; 
		border-bottom: dotted 1px #d5d5d5; 
		padding: 4px 10px 4px 10px; 
		background: #fff;  
		color:#444; }
	

	.datav td.l	{
		height: 18px; 
		width:569px; 
		font-size:12px; 
		border-bottom: dotted 1px #d5d5d5; 
		padding: 4px 10px 4px 10px; 
		background: #fff;  
		 }
		
	.datav .b	{
		font-weight:bold; }
		
	.datav td span	{font-size:11px; color:#777;  padding:2px; margin:2px;   }
	
	.datav td span.org{color:#ff8401; background: #fff; }
	.datav td p.org{color:#ff8401; background: #fff; }
	.datav td p{color:#777; padding:2px; margin:2px;}

	.datav a:link { color:#80b7e2;  }
    .datav a:visited {  color:#80b7e2;    }
    .datav a:active { color:#006eba;   }
    .datav a:hover { color:#006eba; text-decoration:underline; }

	.datav input[type=button] { color:#444;  }
	.datav input[type=button]:link { color:#80b7e2;  }
    .datav input[type=button]:visited {  color:#80b7e2;    }
    .datav input[type=button]:active { color:#006eba;   }
    .datav input[type=button]:hover { color:#006eba; text-decoration:underline; }
	
	/*by sy*/
	.datav td a:link { color:#000000;  }
    .datav td a:visited {  color:#000000;    }
    .datav td a:active { color:#006eba; text-decoration:none;   }
    .datav td a:hover { color:#006eba;text-decoration:none;  }
	
	.datav td input[type=button]:link { color:#000000;  }
    .datav td input[type=button]:visited {  color:#000000;    }
    .datav td input[type=button]:active { color:#006eba; text-decoration:none;   }
    .datav td input[type=button]:hover { color:#006eba;text-decoration:none;  }
	
	
/* paging */
.pageNumber {text-align:center; padding:30px 0px 0px 0px ; margin-left:20px;}
	.pageNumber * {vertical-align:middle;}
	.pageNumber span {display:inline-block; margin:0 4px;}
	.pageNumber strong {display:inline-block; width:26px; height:25px; margin-right:3px; padding:0; background-color:#63a7e5; font-size:12px; color:#fff; line-height:25px; text-align:center;}
	.pageNumber a {display:inline-block; width:24px; height:23px; margin-right:3px; border:1px solid #ccc; font-size:12px; color:#666; line-height:23px; text-align:center;}
	.pageNumber a.first, .pageNumber a.prev, .pageNumber a.next, .pageNumber a.last {height:15px; padding-top:8px; font-size:0; line-height:0;}
	
	.pageNumber input[type=button] {display:inline-block; width:24px; height:23px; margin-right:3px; border:1px solid #ccc; font-size:12px; color:#666; line-height:23px; text-align:center;}
	.pageNumber input[type=button].first, .pageNumber input[type=button].prev, .pageNumber input[type=button].next, .pageNumber input[type=button].last {height:15px; padding-top:8px; font-size:0; line-height:0;}
	
	 .pageNumber a:hover { color:#63a7e5; font-weight:bold; }
	 
	 .pageNumber input[type=button]:hover { color:#63a7e5; font-weight:bold; }