@charset "UTF-8";
body {
	background-color:#333333; 
	font-family: arial, sans-serif, helvetica;
	color:black;
	width:100%;
	margin:0;
}
#smTopPanel {background-color: #990000;width: 100%;text-align: center;display:none;}
.fData {font-size:11pt;display:block;white-space:nowrap;width:auto;height:40px;padding-left:15px;padding-right:30px;}
.sLabel{padding-right:20px;font-weight:bold;display:block;font-family:arial, sans-serif, helvetica;float:left;height:30px;line-height:30px;}
.iInput{border: 1px solid #cccccc;display:block;height:30px;font-size:11pt;}
textarea {border: 1px solid #aaaaaa; font-family:arial, sans-serif, helvetica; }
#container{margin-left:auto;margin-right:auto;background-color:#eeeeee;display:block;padding:0px;height:1024px;}
#leftPanel{width:20%;margin-left:0;margin-right:0;background-color:#880000;padding:0px;height:1024px;padding-top:0px;float:left;}
#middlePanel{width:80%;margin-left:0;margin-right:0;background-color:#eeeeee;padding:0px;height:1024px;float:left;}
#middleContent { margin: 20px; }
#topPanel {font-weight: bold; color: white; font-family: helvetica; margin-left: auto; margin-right: auto; height: 55px; line-height: 50px;background-color:#000000; text-align:center;}
#topTitle {font-size:20pt;font-weight:bold;color:white;margin-left:auto;margin-right:auto;}
.sysMenu a {color:white; font-size:11pt;text-decoration:none;}
.leftlink {color:white; text-decoration:none;font-size:11pt;font-family:helvetica;}
#linkBox{padding:20px;}
#venueDiv, #eventDiv, #newEDiv {height:75px;line-height:25px;background-color:#fff;font-family:arial, sans-serif, helvetica;}
.topMenuItems {width:100%;height:20px;line-height:20px;background-color:#900000;display:block;text-align:center;}
.topMenuItems a {color:white;text-decoration:none;}
table {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: gray;
}
legend {font-size:1.4rem;margin-top:7px;}
#vDate { height: 30px; line-height: 30px; font-size: 11pt; }
.cbutton { height:30px; font-size:11pt; font-weight:bold; line-height:24px; width:150px; }  
ul {
  list-style-type: none; 
  padding: 0; 
  margin: 0; 
}
#draggableBox {
  position: absolute; /* Required for movement */
  z-index: 1000;
  width: 344px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

#boxHeader {
  padding: 10px;
  cursor: move; /* Changes cursor to a move crosshair */
  background-color: #2196F3;
  color: white;
}
@media only screen and (max-width: 767px) {
.fData {font-size:1.8rem;display:block;white-space:nowrap;width:auto;height:40px;padding-left:15px;padding-right:30px;}
.iInput{border: 1px solid #cccccc;display:block;height:30px;font-size:1.8rem;}
#topTitle {font-size:2rem;font-weight:bold;color:white;margin-left:auto;margin-right:auto;}
.sysMenu a {color:white; font-size:1.8rem;text-decoration:none;}
.leftlink {color:white; text-decoration:none;font-size:1.8rem;font-family:helvetica;}
.cbutton { height:30px; font-size:1.8rem; font-weight:bold; line-height:24px; width:150px; }  
#vDate { height: 30px; line-height: 30px; font-size: 1.8rem; }
#middleContent { margin: 0; }
#container, #middlePanel {width:100%;}
}