@charset "utf-8";
/**
* CSS styles for forms generated by yiic.
*
* The styles can be applied to the following form structure:
*
*
*
* The above code will render the labels and input fields in separate lines.
* In order to render them in the same line, please use the "wide" form as follows,
*
*
* ......
*
*
* @author Qiang Xue
* @link http://www.yiiframework.com/
* @copyright Copyright © 2008-2010 Yii Software LLC
* @license http://www.yiiframework.com/license/
*/
div.form {
}
div.form input,
div.form textarea,
div.form select {
font-size: 12px;
/*padding-top: 3px;*/
/*padding-bottom: 3px;*/
background-image: none;
background-repeat: repeat-x;
background-position: top;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #99B9CC;
border-right-color: #C4D7E1;
border-bottom-color: #C4D7E1;
border-left-color: #99B9CC;
height: 18px;
vertical-align: middle;
}
div.form select {
font-size: 12px;
padding-right: 0px;
padding-left: 2px;
height: 20px;
vertical-align: middle;
}
div.form select option {
padding-right: 7px;
}
div.form fieldset {
border: 1px solid #DDD;
padding: 10px;
margin: 0 0 10px 0;
-moz-border-radius:7px;
}
div.form label {
display: block;
font-size: 12px;
}
div.form .row {
margin: 5px 0;
}
div.form .row_search {
margin: 5px 0;
float: right;
padding: 0px;
}
div.form .row_search:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
div.form .hint {
margin: 0;
padding: 0;
color: #999;
}
div.form .note {
font-style: normal;
}
div.form span.required {
color: red;
}
div.form div.error label:first-child,
div.form label.error,
div.form span.error {
color: #C00;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
background: #FEE;
border-color: #C00;
}
div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success {
background: #E6EFC2;
border-color: #C6D880;
}
div.form .errorSummary {
border: 2px solid #C00;
padding: 7px 7px 12px 7px;
margin: 0 0 20px 0;
background: #FEE;
font-size: 0.9em;
}
div.form .errorMessage {
color: red;
font-size: 12px;
}
div.form .errorSummary p {
margin: 0;
padding: 5px;
}
div.form .errorSummary ul {
margin: 0;
padding: 0 0 0 20px;
}
div.wide.form label {
float: left;
margin-right: 4px;
position: relative;
text-align: right;
}
textarea {
resize: none;
padding-top: 2px;
padding-bottom: 2px;
}
input, textarea {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
input:focus, textarea:focus {
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 12px !important;
line-height: 150%;
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
min-width: 80px;
/*border: 1px solid #CC6600 !important;*/
/* Webkit */
/*background: -webkit-gradient(
linear,
left top,
left bottom,
from(#FF9900),
to(#FF6600)
) !important;*/
/* Firefox */
/*background: -moz-linear-gradient(
top,
#FF9900,
#FF6600
) !important;*/
/* IE */
/*filter:progid:DXImageTransform.Microsoft.gradient
(startColorstr=#FF9900,endColorstr=#FF6600) !important;*/
background-image: url(../images/contents/button_search.png);
background-repeat: no-repeat;
border: none !important;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled] {
background-color: #0044cc;
}
input[type="checkbox"] {
border: none !important;
float: left;
margin-right: 10px;
margin-top: 2px;
}
input[type="radio"] {
border: none !important;
float: left;
margin-right: 5px !important;
margin-left: 10px;
}
/* ボタン設定 */
.buttons {
}
.buttons input {
min-width: 100px;
height: 24px !important;
display: table-cell;
vertical-align: middle;
background-image: url(../images/contents/button_search.png) !important;
background-repeat: no-repeat !important;
font-size: 12px;
/*padding-top: 3px;*/
padding-right: 3px;
/*padding-bottom: 3px;*/
padding-left: 3px;
background-position: top;
border-top-width: none;
border-right-width: none;
border-bottom-width: none;
border-left-width: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: none;
border-right-color: none;
border-bottom-color: none;
border-left-color: none;
}
html>/**/body .buttons input {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.buttons:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}