.error
{
  color:#f33;
}
.longName
{
  font-size:.8em;
}
div#login
{
  padding:10em;
}

div#login h1 
{
  color: #2a8079;
  text-align:center;
  font-size:2em;
  text-decoration:none;
  border:none;
  letter-spacing: 0;
}

div#login .caption
{
  text-align:center;
  color:#888;
}

div#login form
{
  text-align:center;
  width: 290px;
  margin:2em auto;
}
div#login form div
{
	margin-bottom:1em;
}
div#login form label
{
  background-color:#2a8079;
  color:#fff;
  display: block;
  float: left;
  width: 80px;
  padding: 0.25em 0;
}
div#login form input[type="text"],
div#login form input[type="password"]
{
  border: solid 1px #ccc;
  background-color: #fff !important;
  padding: 0.3em 0.3em;
}
div#login form input
{
  width: 200px;
}

div#login form input#submitButton
{
  margin: 1em;
  width: 180px;
  background-color:#0075B0;
  color: #fff;
  padding: 5px;
  min-height: 33px;
  cursor: pointer;
  border: none;
}
div#login form input#submitButton:hover{
  background-color:#00476B;
  transition:0.5s;
}




div#header h1#adminTitle
{
  color: #2a8079;
  font-size:1.5em;
  text-decoration:none;
  border:none;
  float:left;
  letter-spacing: 0;
  margin: 0.4em 0 1em;

}

ul#adminNavi {
  position: relative;
  height: 36px;
  width: 1000px;
  background-color: #98C1BC;
  margin: 0 0 8px 0;
  padding:0;
  overflow: hidden;
}

ul#adminNavi li {
  float: left;
  list-style: none;
  padding:0;
  margin:0;
  border-right: solid 1px #fff;
  width:130px;
  height:36px;
}

ul#adminNavi li a {
  cursor:pointer;
  overflow:hidden;
  display:block;
  width:100px;
  height:30px;
  text-align:center;
  line-height:36px;
  color:#000;
}

ul#adminNavi li a:hover,
ul#adminNavi li a:active,
ul#adminNavi li a:visited{
  text-decoration:none;
}
ul#adminNavi li a:hover,
ul#adminNavi li.active a
{
  color:#fff;
  background:url(/static/img/gNavi09.png) 0% 100% no-repeat;
}
ul#adminNavi li a
{
  background:url(/static/img/gNavi09.png) 0% 0% no-repeat;
  display:block;width:130px;height:36px;
}

div#footer div#adminCopyright
{
  border-top:1px solid #333;
  color: #888;
}

div#pageMenu
{
  text-align:center;
  color: #fff;
  background-color: #2a8079;
  padding:6px;
  margin:0;
}
div#pageMenu a
{
  color: #fff;
}
div#pageMenu a.active
{
  color: #fff;
  text-decoration: underline;
}

ul.adminSortList
{
  background-color:#ccc;
  padding: 5px;
  margin:5px 0;
}

ul.adminSortList li
{
  border:1px solid #888;
  padding: 3px;
  margin: 5px 0;
  background-color:#fff;
}


form
{
  margin:1em 0;

}

input.title
{
  width:300px;
}

input.submit
{
  background-color:#0075B0;
  color:#fff;
  padding:3px 1em;
  min-height: 30px;
  border:solid 1px #006699;
  border-radius: 3px;
  cursor: pointer;
  margin: 3px 0;
}
input.submit:hover{
  background-color:#00476B;
  transition:0.5s;
}

input.button
{
  background-color:#8db3af;
  color:#fff;
  padding:3px 1em;
  min-height: 30px;
  border:solid 1px #81A3A0;
  border-radius: 3px;
  cursor: pointer;
  margin: 3px 0;
}
input.button:hover{
  background-color:#2a8079;
  transition:0.5s;
}
div#attentionFadeOut
{
  border:1px solid #f33;
  color: #f33;
  background-color:#fdd;
  padding:5px;
}
ul#filelist
{
  margin:1em 0;
  border-top:1px solid #666;
}
ul#filelist li
{
  border-bottom:1px solid #666;
  padding: 3px 0;
  display: flex;
}
ul#filelist li.caption
{
  font-weight:bold;
  background-color:#ddd;
}
ul#filelist li a.title
{
  display:block;
  float:left;
  width:410px;
  word-wrap: break-word;
}
ul li .statusON,
ul li .statusOFF
{
  text-indent:20px;
}
ul li .statusON
{
  background:url(../img/status_on.png) left center no-repeat;
}
ul#filelist li .statusOFF
{
  background:url(../img/status_off.png) left center no-repeat;
}



ul#filelist li span.title
{
  display:block;
  float:left;
  width:410px;
  height:1.5em;
  overflow:hidden;
}
ul#filelist li span.operation
{
  display:block;
  float:left;
  width:310px;
}
ul#filelist li span.date
{
  display:block;
  float:left;
  width:140px;
}
ul#filelist li span.size
{
  display:block;
  float:left;
  text-align:right;
  width:100px;
}

div#container.admin div#pageMenu
{
  font-size:14px;
  line-height: 170%;
  letter-spacing: 0.09em;
}

form div.buttonArea
{
  clear:both;
}
form dl
{
  float:left;
}
form dl dt
{
  float:left;
  width:165px;
  text-align:center;
  clear:both;
  line-height:2em;
  color: #333;
  background-color: #E1ECEB;  margin:2px;
}
form dl dd
{
  float:left;
  width:600px;
  line-height:2em;
  margin:2px;
}
textarea.titleText
{
  width:500px;
  height:40px;
}
textarea.readText
{
  width:600px;
  height:150px;
}
div.openDates
{
  width:600px;
  overflow-x:scroll;
}

div.openDates table td
{
  text-align:center;
  line-height:1.1em;
}
div.openDates table td.dow6
{
  background-color:#eff;
}
div.openDates table td.dow7
{
  background-color:#fee;
}

img.preview
{
  border:1px solid #ccc;
  margin:5px 0;
}
input.text
{
  width:500px;
}
textarea.text
{
  width:800px;
  height:150px;
  min-height: 30px;
}

a.close
{
  display:block;
  width:16px;
  height:16px;
  background-color:#f00;
  float:right;
  overflow: hidden;
  text-indent: -300px;
  background:url(/static/admin/img/close.png) top center no-repeat;
}
a.close:hover
{
  background:url(/static/admin/img/close.png) bottom center no-repeat;
}

table.imageForm,
table.imageForm tr,
table.imageForm tr td
{
  border:none;
}
textarea.caption
{
  width:270px;
}
ul#sortable.adminSortList div.line,
ul#sortable.adminSortList div.dot
{
  margin:7px 20px 8px 0;
}
table.calendar th,
table.calendar td
{
  width: 3em;
}
table.calendar th.dow7
{
  background-color:#c88;
}
table.calendar th.dow6
{
  background-color:#8cc;
}
table.calendar td.dow7
{
  background-color:#fcc;
}
table.calendar td.dow6
{
  background-color:#cff;
}
table.calendar td
{
  text-align:center;
}

ul.adminSortList li.new
{
  background-color:#ddd;
}