@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	REPORT Channel
	
	new released : October 17, 2011
	update : 

	Copyright(c)WEATHER NEWS INC. ALL RIGHT RESERVED.
----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
  READ
------------------------------------------------------------------------------------- */
#report-photo{width:95%;margin:10px auto;text-align:center;}
#report-photo img{border:solid 5px #fff;box-shadow:rgba(0,0,0,.5)1px 2px 3px;-webkit-box-shadow:rgba(0,0,0,.5)1px 2px 3px;-moz-box-shadow:rgba(0,0,0,.5)1px 2px 3px;-ms-box-shadow:rgba(0,0,0,.5)1px 2px 3px;-o-box-shadow:rgba(0,0,0,.5)1px 2px 3px;}
#report-detail p.repo-title{font-size:15px;margin:5px 0 10px;line-height:20px;padding-left:20px;background:url(../../img/icon_note.png) 0 center no-repeat;background-size:15px 20px;}
#report-detail p.repo-body{line-height:120%;}#report-detail p.repo-ref{text-align:right;font-size:13px;}
#report-info{
	width: 95%;
	margin: 0 auto;
	background: #fff;
	text-decoration: none;
	border: solid 1px #757d8a;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	border-spacing: 0;
	border-collapse: collapse;
	text-align: left;
	
}
#report-info tr{border-bottom: solid 1px #b6b6b6;}#report-info tr:last-child{border:none;}
#report-info tr td{width:70%;line-height: 30px;padding:0 3px 0 10px;}
#report-info tr td:first-child{
	width:30%;
	background: #bbcfe5;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ededed), color-stop(50%, #e7e7e7), to(#ffffff));
	background: -webkit-linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	background: -moz-linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	background: -ms-linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	background: -o-linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	background: linear-gradient(top, #ffffff, #ededed 50%, #e7e7e7 50%, #ffffff);
	border-right: solid 1px #b6b6b6;
}
#report-picked{width:95%;margin:10px auto;}
#report-picked #photo-container{width:40%;text-align:center;float:left;background:#030281;padding-top:2px;}
#report-picked #photo-container img{border:solid 5px #fff;box-shadow:rgba(0,0,0,.7)1px 2px 3px;-webkit-box-shadow:rgba(0,0,0,.7)1px 2px 3px;-moz-box-shadow:rgba(0,0,0,.7)1px 2px 3px;}
#report-picked #photo-container p.reporter{padding:5px;color:#fff;}
#report-picked #comment-container{width:60%;float:left;}
#report-picked #comment-container p.repo-title{font-size:15px;margin:5px 0 5px 10px;line-height:20px;padding-left:20px;background:url(../../img/icon_note.png) 0 center no-repeat;background-size:15px 20px;}
#report-picked #comment-container p.repo-body{margin-left:10px;}#report-picked #comment-container p.repo-update{padding:5px 3px 0 0;text-align:right;}
.comment-name{font-size:15px;color: #0026a0;}
.comment-time{background: url(../../img/icon_clock.png) 0 2px no-repeat; padding-left: 17px;color:#666;background-size:13px 14px;}
.comment-body{padding-top:7px;}
/* -------------------------------------------------------------------------------------
  SEND
------------------------------------------------------------------------------------- */
.report-obs{width:90%;margin:0 auto;}.report-obs input{width:25%;margin:3px 10px;}.report-obs>p,.report-obs div{padding-left:8px;position:relative;}.report-obs>p:after,.report-obs div:after{content:"";position:absolute;top:50%;left:0;width:3px;height:3px;background:#333;}
.report-obs-in{width:60%;display:inline-block;position:relative;margin:3px 10px;height: 31px;}
.report-obs-in:after{content: ""; width: 0; height: 0; position: absolute; top: 13px; right: 6px;border-top:solid 7px #000;border-bottom:solid 5px transparent;border-left:solid 4px transparent;border-right:solid 4px transparent;}
#repo-quake{display:none;}
/* -------------------------------------------------------------------------------------
  ENTRY
------------------------------------------------------------------------------------- */
.report-entry{width:90%;margin:0 auto;}.report-entry input[type="text"]{width:15%;margin:3px 5px;}.report-entry input[type="checkbox"]{margin:5px 5px;}
.opt-entry{width:90%;margin:0 auto;}.opt-entry input{width:60%;margin:3px 10px;}.opt-entry input.opt-time{width:15%;margin:3px 7px;}.opt-entry p{padding-left:8px;position:relative;}.opt-entry p:after{content:"";position:absolute;top:50%;left:0;width:3px;height:3px;background:#333;}
/* -------------------------------------------------------------------------------------
  SAMPLE
------------------------------------------------------------------------------------- */
.guidelines{margin-bottom:15px;}.guidelines p{padding:0 0 0 25px;}.guidelines p.note{line-height:15px;padding-top:5px;}
.guidelines p.icon{font-size:16px;line-height:25px;margin-top:15px;padding:0 0 5px 25px;background:url(../../img/btn_report_send.png)-2px -2px no-repeat;background-size:25px 25px;-webkit-background-size:25px 25px;-moz-background-size:25px 25px;-ms-background-size:25px 25px;-o-background-size:25px 25px;}
.guidelines ul.repo-list{margin:0 0 0 3em; list-style-type:disc;}

.point{margin:0 0 0 20px;}
.point-lv{margin:0; list-style-type:none;background:#e6edf8;}
.point-lv img {float:left; margin:0 10px 0 0;}
.point-lv p { padding-top:10px;}
.point-lv li {clear:both;}

.point_h{font-weight:bold; background:url(../images/icon_thanks.png) no-repeat; background-size: 31px 38px; -webkit-background-size: 31px 38px; -moz-background-size: 31px 38px; -ms-background-size: 31px 38px; -o-background-size: 31px 38px; padding:10px; text-indent:30px; margin:10px 0;}

.ann_point{ font-size:80%;}












div.btn{margin:10px 0;}
div.btn p {
	background: #bbcfe5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #f2f2f2), color-stop(50%, #e2e2e2), to(#d0d0d0));
	background: -webkit-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: -moz-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: -ms-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: -o-linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	background: linear-gradient(top, #fff, #f2f2f2 50%, #e2e2e2 50%, #d0d0d0);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #8a8a8a;
	font-size: 15px; color: #000; font-weight: bold; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; text-decoration: none;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
div.btn p a{text-decoration:none;display:block;text-align:center;line-height:35px;}