@charset "UTF-8";
@import "base.css";


/*---------- 02  Container -----------*/
body.reservation {
  color: #333;
  background: #000 url(../images/body_bg.jpg) top center no-repeat;
  }

.wrapper {
  width: 802px;
  margin: 0 auto;
  line-height: 1.6;
  font-size: 93%;
  text-align: center;
  }

#content {
  background: url(../images/content_bg2.jpg) top no-repeat;
  padding: 50px 79px 20px 79px;
  margin-top: 30px;
  text-align: left;
  }

#section-02 {
  clear: both;
  background: url(../images/section-02_bg.jpg) bottom repeat-x;
  }


/*---------- 03  Header -----------*/

#header {
  width: 802px;
  height: 154px;
  background: url(../images/header_bg.jpg) 0 0 no-repeat;
  }

#header h1 {
  width: 300px;
  height: 135px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  float: left;
  }
#header h1 a {
  display: block;
  height: 135px;
  background: url(../images/h1.jpg) 0 0 no-repeat;
  }


/*----------04  Navigation -----------*/

#header-nav,
#header-nav li,
#footer-nav,
#footer-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
  }

#header-nav {
  width: 400px;
  height: 64px;
  float: right;
  }
#header-nav li {
  text-indent: -9999px;
  float: left;
  }
#header-nav li a {
  display: block;
  height: 64px;
  }
#nav01 a {
  width: 92px;
  background: url(../images/header-nav.jpg) 0 0 no-repeat;
  }
#nav02 a {
  width: 78px;
  background: url(../images/header-nav.jpg) -92px 0 no-repeat;
  }
#nav03 a {
  width: 84px;
  background: url(../images/header-nav.jpg) -170px 0 no-repeat;
  }
#nav04 a {
  width: 79px;
  background: url(../images/header-nav.jpg) -254px 0 no-repeat;
  }
#nav05 a {
  width: 67px;
  background: url(../images/header-nav.jpg) -333px 0 no-repeat;
  }

#nav01 a:hover { background: url(../images/header-nav.jpg) 0 -64px no-repeat; }
#nav02 a:hover { background: url(../images/header-nav.jpg) -92px -64px no-repeat; }
#nav03 a:hover { background: url(../images/header-nav.jpg) -170px -64px no-repeat; }
#nav04 a:hover { background: url(../images/header-nav.jpg) -254px -64px no-repeat; }
#nav05 a:hover { background: url(../images/header-nav.jpg) -333px -64px no-repeat; }
 

#footer-nav {
  margin: 20px 0 60px 80px;
  line-height: 20px;
  }

#footer-nav li { display: inline; }



/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	width: 802px;
	height: 100px;
	padding: 0;
	margin: 50px 0 0 0;
	font-size: 12px;
	line-height: 24px;
	text-align: left;
	color: #fff;
  background: url(../images/footer_bg.png) bottom center no-repeat;
	}
* html body #footer { height: 55px; }

#footer a {
  color: #fff;
  background: none;
  }
#footer a:hover {
  background: #ff44aa;
  text-decoration: none;
  }

#footer address {
  text-align: center;
  }

address {
	font-style: normal;
	line-height: 1.0;
	}



/*---------- 06  Content -----------*/

p#to-top {
  float: right;
  width: 68px;
  height: 42px;
  text-indent: -9999px;
  margin-bottom: 30px;
  }
p#to-top a {
  display: block;
  width: 68px;
  height: 42px;
  background: url(../images/to-top.jpg) 0 0 no-repeat;
  }
p#to-top a:hover { background: url(../images/to-top.jpg) 0 -42px no-repeat; }


.center { text-align: center; }



/*---------- 66  Php SchedulIt -----------*/


a {
  color: #104E8B;
  text-decoration: none;
  outline: none;
  }
a:hover {
  color: #474747;
  text-decoration: underline;
  }

  
/* Common text settings */

h5 {
  margin-bottom: 0px;
	margin-top: 0px;
  font-size: 12px;
  }
h4 { font-size: 13px; }

h3 {
	font-size: 18px;
	color: #fff;
	margin: 0 0 1em 0;
  }

h2 {
  text-indent: -9999px;
  height: 152px;
  margin: 0;
  padding: 0;
  }

.reservation h2 { background: url(../images/h2_reserve.jpg) 0 0 no-repeat; }

.description {
  margin: 35px 80px 40px 80px;
  text-align: left;
	color: #fff;
　}


table {
	border-width: 0;
  text-align: left;
  }

* html body table {
  font-size: 11px;
  color: #333;
  }


/* Error box settings */

.alert {
  color: #CC0000;
	background-color: #FFFFFF;
  text-align: center;
	width: 60%;
	border: solid #8B0000 2px;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 11px;
  }


/* Form text box settings */

.textbox { 
  color: #36648B;
  background-color: #FCFCFC;
  border: 1px solid #bbb;
  padding: 3px;
  }

/* Form button settings */

.button { color: #36648B; }
.submit { font-weight: bold; }



/* Data table head row settings */

.tableTitle {
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  padding-left: 10px; padding-top: 1px; padding-bottom: 1px; padding-right: 5px;
	background-color: #36648B;
	height: 20px;
	vertical-align: middle;
  }

.tableTitle a,
.tableTitle a:hover {
	color: #FFFFFF;
	text-decoration: none;
  }

/* Welcome message settings */

.welcomeBack {
  margin: 3px 0 0 0;
  color: #333;
	font-size: 12px;
  }
  
/* Table border color */

.tableBorder { background-color: #36648B; }

.cpanelCell td {
    padding: 2px;
    font-size: 11px;
}

/* Common data cell settings */

td.cellColor, .cellColor td, .cellColor {
    padding: 2px;
    background-color: #FFFFFF;
    font-size: 11px;
    color: #333;
}

/* Alternating row colors */

td.cellColor0, .cellColor0 td, .cellColor0, .warningCell0 
{
    padding: 2px;
    background-color: #FFFFFF;
    font-size: 11px;
}
td.cellColor1, .cellColor1 td, .cellColor1 
{
    padding: 2px;
	background-color: #F8FAEA;
    font-size: 11px;
}


/*****************************************/

.r0 td, .ro0 td
{
    padding: 2px;
    background-color: #FFFFFF;
    font-size: 11px;
    border: 1px solid #36648B;
}

.r1 td, .ro1 td
{
    padding: 2px;
    background-color: #F8FAEA;
    font-size: 11px;
}

.r0 td:hover, .r1 td:hover
{
    cursor:pointer;
    background-color: green;
}
.r0 td.o:hover
{
	cursor: default;
	background-color: #FFFFFF;
}

.r1 td.o:hover
{
	cursor: default;
	background-color: #F8FAEA;
}

.r0:hover td.resourceName, .r1:hover td.resourceName
{
    background-color: #f7f18b;
}

.r0 td.resourceName:hover, .r1 td.resourceName:hover
{
	cursor: default;
	background-color: #EDEDED;
}

/*****************************************/

.warningCell1 {
    padding: 2px;
    background-color: #D56060;
    font-size: 11px;
}

/* Table data row heading settings */

td.rowHeaders, .rowHeaders td {
    color: #333333;
    background-color: #EDEDED;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
}

/* Individal time cells for the scheduler */

td.scheduleTimes,
.scheduleTimes td {
    font-size: 11px;
    color: #333;
    text-align: left;
    background-color: #EDEDED;
    padding-left: 2px;
    line-height: 1.2;
    border: 1px solid #36648B;
}

/* Date cell for the scheduler */

td.scheduleDate, .scheduleDate td, .scheduleDateHeader, td.scheduleDateCurrent {
    font-size: 11px;
    color: #FFFFFF;
    background-color: #A2B5CD;
    text-align: center;
    padding: 2px;
}

td.scheduleDateCurrent {
	font-weight: bold;
	background-color: #5E7FB1;
}

.scheduleDateHeader {
	border: 1px #36648B solid;
}

td.scheduleDate, td.scheduleDateHeader a {
	color: #FFFFFF;
}

/* Resource name cell for the scheduler */

td.resourceName,
td.resourceNameOver {
    color: #333;
    font-size: 11px;
    background-color: #EDEDED;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 5px;
}

td.resourceNameOver {
    background-color: #FAFAFA;
}

/* Edit form cell settings */

td.formNames {
    font-size: 11px;
    background-color: #EDEDED;
    padding-left: 5px;
    color: #333;
}

/* Reserved cell settings for the scheduler */

td.reservedCell {
    font-size: 10px;
    background-color: #B0C4DE;
}
td.reservationOver {
	background-color: #3EBD30;
}

/* Inactive resource text color */

.inact {
    color: #666;
}

/* Color of the outermost border on every page */

.mainBorder {
    border: solid 1px #999;
}


/* Background color of main section on every page */

.mainBkgrdClr {
  background-color: #FAFAFA;
  padding: 6px 12px;
}

/* Alert message settings */

.message {
	text-align: center;
	width: 60%;
	padding: 5px;
	margin-bottom: 5px;
	color: #fff;
}

/* Summary popup box */

.summary_div {
	position: absolute;
	visibility: hidden;
	border: solid #686767 1px;
	padding: 5px;
	background-color: #fefefe;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/* Recurring reservation box */

.recur_box {
	background-color: #D0D4E4;
	color: #282D42;
	border: solid 1px #8B94B1;
}

/* Calendar settings */

table.viewCal td { border: 1px solid #999; }


.monthNameStyle {
	text-align: center;
  color: #fff;
  border: 0;
  background: #000;
  }
.dayBoxStyle {
	font-size: 10px;
	background-color: #F0F0F0;
	text-align: center;
	width: 25px;
	height: 25px;
}
.currentDayBoxStyle {
	width: 25px;
	height: 25px;
	font-size: 10px;
	background-color: #FFFFFF;
	text-align: center;
}
.emptyDayStyle {
	background-color: #D5D8D3;
}
.dayNamesStyle {
	font-size: 11px;
	text-align: center;
	height: 25px;
	background-color: #DDCAF6;
}
.navMonthStyle {
	font-size: 11px;
	color: #000000;
}
.selectBoxStyle {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Reservation tab select */
.tab-row td {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 2px;
}
.tab-row a {
	text-decoration:none;
}
.tab-selected {
	border-right:solid 1px #CCCCCC;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	width:100px;
	height:20px;
}
.tab-selected a {
	color: #fff;
}
.tab-not-selected {
	border:solid 1px #D1D1D1;
	width:100px;
	background-color: #EDEDED;
	border-bottom: solid 1px #CCCCCC;
}
.tab-not-selected a {
	color: #104E8B;
}
.tab-filler {
	border-bottom:solid 1px #CCCCCC;
}
.tab-main {
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}


/*************************************

/** MyCalendar **/

#MyCal {
  background: #fff;
  border-top: 2px solid #666;
  padding-top: 1.5em;
}
#MyCal h3 { color: #000; }

.MyCalCellColor {
    padding: 2px;
    background-color: #FFFFFF;
    font-size: 11px;
}

.MyCalCellColorEmpty {
	background-color: #F0F0F0;
}

.MyCalDayBox {
	padding: 2px;
	background-color: #FFFFFF;
	font-size: 11px;
	line-height: 14px;
	width: 140px;
	height: 120px;
	vertical-align: top;
	border: 1px solid #ececec;
}

.MyCalEmptyDayBox {
	padding: 2px;
	background-color: #EEEEEE;
	font-size: 11px;
	vertical-align: top;
}

.MyCalCurrentDayBox {
	padding: 2px;
	background-color: #FFFFFF;
	font-size: 11px;
	vertical-align: top;
	border: 1px solid #36648B;
}

.MyCalDateNumber, a.MyCalDateNumber {
	font-size: 12px;
}

.MyCalCellColor p, .MyCalDayBox p, .MyCalEmptyDayBox p, .MyCalCurrentDayBox p {
	margin-bottom: 7px;
}

div.mycal_div {
	position: absolute;
	visibility: hidden;
	border-top: solid #7C7C7C 1px;
	border-left: solid #7C7C7C 1px;
	border-right: solid #6F6F6F 2px;
	border-bottom: solid #6F6F6F 2px;
	background-color: #FEFFFE;
	padding: 3px;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	color: #616161;
}

/* SelectUser colors */
.SelectUserRowOver, .SelectUserRowOver td, td.SelectUserRowOver {
	background-color: #D9EAF5;
	padding: 2px;
    font-size: 11px;
	cursor: pointer;
}

/* Admin row-selected color */
.adminRowSelected, .adminRowSelected td {
    padding: 2px;
    background-color: #D3DBF7;
    font-size: 11px;
}

/* Font style for errors and warnings */
.warningText {
	color: #FF0000;
	text-align: center;
}

/* Admin table to list additional tools for this section */
.additionalTools, .additionalTools tr {
	margin-bottom:15px;
	border: solid 1px #CCCCCC;
	width: 170px;
	background-color: #ECECEC;
}

.additionalToolsHead {
	border-bottom: solid 1px #CCCCCC;
	background-color: #E0E0E0;
}

.messagePositive {
	color: #FFFFFF;
	background-color: #329D11;
	font-size: 13px;
	font-weight: bold;
	text-align:center;

}

.messageNegative {
	color: #FFFFFF;
	background-color: #751814;
	font-size: 13px;
	font-weight: bold;
	vertical-align:middle;
	text-align:center;
}

.messageNegativeBG {
	background-color: #751814;
}

.export_menu {
	display:none;
	position:absolute;
	width:100px;
	height:45px;
}

.export_menu table {
	background-color:#999999;
}

.export_menu td.export_menu_out, td.export_menu_over {
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.export_menu td.export_menu_out {
	background-color: #EDEDED;
	cursor: default;
} 

.export_menu, td.export_menu_over {
	background-color: #FFFFFF;
	cursor:pointer;
}

div.textbox, div.blur_textbox {
	border: solid 1px #666666;
	padding: 2px;
}

div.blur_textbox {
	background-color: #EEEEEE;
}

div.inlineSummary{
	width:100%;
	overflow:hidden;
	height:13px;
}


#viewType {
  background: #fff;
  margin: 0;
  padding: 0;
}
#viewType img {
  display: block;
}

#today {
  margin: 0;
  padding: 0 0 1em 0;
  background: #fff;
  text-align: center;
}



/*---------- Login Form ----------*/

caption {
  color: #fff;
  text-align: center;
  margin-bottom: 1em;
  }

table#loginForm {
  width: 400px;
  margin: 0 auto;
  }
* html body table#loginForm { margin-left: 125px; }

table#loginForm th,
table#loginForm td {
  background: #fff;
  padding: .5em 1em;
  margin: 0;
  border: 1px solid #666;
  }

table#loginForm th {
  width: 150px;
  line-height: 1.3;
  color: #333;
  }

.loginOption a {
  color: #fff;
  background: none;
  }
.loginOption a:hover {
  background: #ff44aa;
  color: #fff;
  text-decoration: none;
  }



/*---------- Register Form ----------*/

table#registerForm {
  width: 500px;
  margin: 0 auto;
  }
* html body table#registerForm { margin-left: 150px; }

table#registerForm th,
table#registerForm td {
  background: #fff;
  padding: .5em 1em;
  margin: 0;
  border: 1px solid #666;
  }

table#registerForm th {
  width: 200px;
  line-height: 1.3;
  }



/*---------- 77  Acordion -----------*/

#accordion {
  margin: 20px 1em 0 2em;
  padding: 0;
  clear: both;
  }

#accordion table {
  border: 2px solid #666;
  border-collapse: collapse;
  margin: 1em 0;
  padding: 0;
  width: 500px;
  font-size: 100%;
	line-height: 1.6;
	color: #ddd;
  }
#accordion table th,
#accordion table td {
  border: 1px solid #222;
  padding: 4px 20px;
  }

#accordion table td.charge { text-align: right; }
#accordion table tr.extra th,
#accordion table tr.extra td { background: #111122; }
#accordion table tr.all th,
#accordion table tr.all td { background: #111133; }

.notes { color: red; }
p.notes { text-indent: 200px; }
span.notes {
  font-weight: bold;
  font-size: 108%;
  }