body{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.sitecontainer{
	margin-top: .5em;
	text-align: center;
	width: 100%;
}

input[type=submit]{
  background-color: #FFF;
	background-image: url('webimages/btn_background.png');
	background-repeat: repeat-x;

  border: 1px solid #bbb;
  margin: 3px;
  
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.6);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.6);*/
  box-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

input[type=submit]:hover{
  background-color: #fd7; 
	background-image: url('webimages/btn_background_hover.png');
	background-repeat: repeat-x;
}


table.dvrsavedtable{
  background-color:#FFF;
  width:100%;
  border-collapse:collapse;
  border:1px solid #bbb;
}

table.dvrsavedtable tr{
  background-color:#FFF;
}

table.dvrsavedtable th{
  background-image: url('webimages/btn_background.png');
  background-repeat: repeat-x; 
}

table.dvrsavedtable td{
/*  background-color:#FFF;*/
  padding:2px 4px;
  border:1px solid #bbb;
}

table.dvrsavedtable td img{
  border: 0px;
  padding: 0px 2px;
  vertical-align: middle;
}

table.dvrsavedtable td img.button:hover{
  background-image: url('../webimages/btn_background_hover.png');
  background-repeat: repeat-x;
  cursor: pointer;
}

table tr:nth-child(odd){
  
}

div.moretext{
	text-align: center;
	margin-bottom: 1em;
}

.copyright{
	clear: both;
	font-size: 10px;
}

div.instructions{
	display: none;
	margin: 2px;
	padding: 2px;
}

a.selectedpage{
	color: black;
	font-weight: bold;
}

div.spacer{
	width: 5px;
  clear: both;
  line-height:1px;
}

/* Forms */
span.smalltext{
	font-size: x-small;	
}

/* Calendar */

div.calendarcontainer{
	text-align: center;
}

div.calendarcontainer2{ /* for IE */
	margin-left: auto;
	margin-right: auto;
}

.calendarnavcontainer{
	padding-top: 4px;
	background-color: white;	
}

.calendar{
	table-layout:fixed;
	width: 100%;
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color: white;
  border: 2px solid #ccc;
}


.calendar th{
	border-width: 2px;
	padding: 3px;
	border-style: solid;
	border-color: #999;	
}

.calendar tr.calendardays{
	height: 97px;
}

.calendar td{
	border-width: 2px;
	padding: 3px;
	border-style: solid;
	border-color: #ccc;	
	min-height: 95px;
  height: auto !important; /* IE hack */
  height: 95px; /* IE hack */	
  overflow: hidden;
}

.calendar div{
	font-size: x-small;
	font-weight: bold;
	color: #555;
	text-align: left;
}

.calendar p{
	margin: 0px;
	padding: 0px;
	max-height: 180px;
	overflow: hidden;
}


.calday{
	background-color: white;
	border: 2px #ccc solid;
	width: 90%;
	min-height: 300px;
	padding: 10px;
  height: auto !important; /* IE hack */
  height: 300px; /* IE hack */
  overflow: auto;
}

.tab{
	float: left;
	font-weight: bold;
	width: 80px;
	height: 18px;
	margin-left: 10px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: black;
}

/* Calendar, Menu tabs */

.tabtopleft{
	background-image: url('themes/cornertopleft.png');
	background-repeat: no-repeat;
	float: left;
	height: 6px;
	width: 6px;
}

.tabtopright{
	background-image: url('themes/cornertopright.png');
	background-repeat: no-repeat;
	float: right;
	height: 6px;
	width: 6px;
}

.tabtext{
	float: left;
	width: 68px;
}

.tabtitle{
	float: left;
	font-weight: bold;
	height: 16px;
	margin-left: 20px;
	font-size: small;
}

.tabtitle a, .tabtitle div{
	float: left;
	margin-left: 4px;
	margin-right: 4px;
}

.tabtitle img{
	border: 0px;
}

.tabbar{
	clear: both;
	height: 2px;
	width: 100%;
	font-size: 0em;
	margin-bottom: 2px;
}


.editimagelinkcontainer{
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 50;
}

.editimagelink{
	position: absolute;
	padding: 0px;
	margin: 0px;
	z-index: 51;
}

.editpagelink, .editimagelink, .edittextlink{
  background-color: #eee;
  border: 1px solid #bbb;
  display: inline-block;
  font-size: .7em;
  padding: 2px;
}

.editpagelink div, .editimagelink div, .edittextlink div{
	background-image: url('webimages/btn_background.png');
	background-repeat: repeat-x;
  border: 1px solid #bbb;
  display: inline-block;
  vertical-align: middle;
}

.editpagelink img, .edittextlink img, .editimagelink img{
  border: 0px; 
  padding: 2px;
}

.editpagelink img:hover, .edittextlink img:hover, .editimagelink img:hover{
  background-image: url('webimages/btn_background_hover.png');
  background-repeat: repeat-x;
}

/* Menu */
.menurow{
	float:  left;
	clear: left;
	width:  400px;
}

.menurowhidden{
	float:  left;
	clear: left;
	display: none;
	width:  400px;
}

.menudivleft{
	float: left;
	width: 80px;
	margin: 2px;
}

.menudivright{
	float: left;
	margin: 2px;
}

.menuweek{
	width: 90%;
	table-layout:fixed;
	border: 1px solid #999;
	margin: 4px;
	background-color: #fff;
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.menuweek tr{
	height: 97px;
}

.menuweek td{
	border: 1px solid #999;
/*	width: 65px;*/
/*	height: 65px;*/
	min-height: 95px;
  height: auto !important; /* IE hack */
  height: 95px; /* IE hack */	
	vertical-align: top;
	cursor: pointer;
	overflow: hidden;
}

.menuweek div{
	font-size: x-small;
	font-weight: bold;
	color: #555;
}

.menuweek p{
	margin: 0px;
	padding: 0px;
	max-height: 180px;
	overflow: hidden;
}

/* Admin tools*/

div.admintools{
	background-color: #fff;
	border-bottom: 1px #9bf solid;
	height: 20px;
	margin: 0px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	left: 0px;
  line-height: 20px;
  overflow: hidden;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 500;
}

div.admintools div{
  border-left: 1px solid white;
  border-right: 1px solid white;
  color: blue;
  display: inline-block;
  padding: 0px 4px;
  z-index: 501;

  *display: inline; /* IE6 & IE7 hack */
  *float: left;
}

div.admintools div:hover{
  background-color: #ffd;
  border-left: 1px solid #ff6;
  border-right: 1px solid #ff6;
  cursor: pointer;
}

div.admintools a{
  text-decoration: none;
}

.admintools a:visited, .admintools a:active, .admintools a:hover, .admintoollist a:visited, .admintoollist a:active, .admintoollist a:hover{
  color: blue;
}

div.admintoolsspacer{
	height: 20px;
}

.admintoollist{
  background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  display: none; 
  position: fixed;
  top: 21px;
  line-height: 20px;
	list-style: none;
	margin: 0px 4px;
	padding: 0px;
  text-align: left;
	border-left: 1px #9bf solid;
	border-right: 1px #9bf solid;
	border-bottom: 1px #9bf solid;
  z-index: 500;
}

.admintoollist a{
  text-decoration: none;
}

.admintoollist span{
  padding: 0px 4px;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  display: block;
/*  width: 100%;*/
}


.admintoollist span:hover{
  background-color: #ffd;
  border-bottom: 1px solid #ff6;
  border-top: 1px solid #ff6;
  cursor: pointer;
}

#admintools_myaccount:hover{
  background-color: #fff8dd;
}

#admintools_signout:hover{
  background-color: #fff1db;
}

/* Sign Out for standard users */

#signout{
	background-color: #fff;
	border-bottom: 1px #ccc solid;
	border-left: 1px #ccc solid;
  font-weight: bold;
	height: 20px;
	padding: 0px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  line-height: 20px;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 500;
  
  -webkit-border-bottom-left-radius: 5px; /* for Safari */
  -moz-border-radius-bottomleft: 5px; /* for Firefox */
  border-bottom-left-radius: 5px; /* CSS3 */
}

#signout a, #signout a:visited{
  color: #36c;
  text-decoration: none;
}

#signout a:active, #signout a:hover{
  color: #ffa10f;
  text-decoration: underline;
}





/* reports and room changes */
.reportcontainer{
	margin: 16px;
}

.reports{
	border: 1px black solid;
	background-color: white;
	border-collapse:collapse;
  margin: 4px;
}

.reports2{
	border: 0px;
	border-collapse:collapse;
}

.reportsheader{
	background-color: #ddd;	
	font-weight: bold;
	font-size: large;
}

.reportsadmin{
	background-color: #98FB98;
}

.reports th{
	background-color: #eee;
	padding-left: 10px;
	padding-right: 10px;
}

.reports td{
	border: 1px solid #000;
	padding: 4px;
}

.reports tr.bold{
	font-weight: bold;
}

/* Room Changes */
.rcroomoptions{
	border: 0;
	padding: 4px;
}

.rcroomnotselected{
	padding-right: 10px;
}

.rcroomselected{
	background-image: url(webimages/rcroomselected.png);
	background-repeat: repeat-y;
	padding-right: 10px;
}

.rcroomunavailable{
	color: blue;
}


/* -- Welcome Terminal Layout -- */
.wtcontainer01{
	clear: both;
/*	width: 720px;	*/
}

.wtcontainer02{
	text-align: center;	
}

.wtcontainer02 > div{
	padding: 2px;
	margin: 2px;
	text-align: left;
}


.wtrow{
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.wtheading{
/*	border: blue 1px dashed;*/
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.containertable{
	margin: 20px;
}

.containertable td{
	border: gray 1px dashed;
	margin-left: 4px;
	margin-right: 4px;	
	vertical-align:  top;
}

.wtmessage{
	border: gray 1px dashed;
	margin-left: 4px;
	margin-right: 4px;
}


.wtinfoboxoptions{
	border-bottom: gray 1px dashed;
	background-color: #ffc;
	padding-left: 6px;
	text-align: left;
	clear: both;
	font-size: medium;
}

.layouthighlight{
	float: left;
	background-color: #ffc;
	margin-left: 5px;
	margin-right: 5px;
	height: 50px;
}

.layoutfullwidth{
	float: left;
	width: 98%;	
	margin: 5px;
}

.layoutnormal{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.layoutslides{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	height: 50px;	
}

.wtinfoboxoptions select{
	float: right;
}

.wtinfopreview{
	float: right;
}



.wtpreviewcontainer{
	position:relative;
}


.wtpreview{
	position: absolute;
	z-index: 400;
	left: 560px;
	top: 5px;
	overflow: visible;
/*	height: 50px;*/
	/*border: red 1px dotted;*/
}


.wttimecontainer{
	position: relative;
	border: blue 1px dotted;
/*	overflow: visible;*/
}

#wtlogodiv{
	min-height: 10px;
}

#wttimebox{
	position: absolute;
	z-index: 400;
	left: 2em;
	top: 0em;
	overflow: visible;
/*	height: 50px;*/
/*	border: red 1px dotted;*/
}

.confirmbox{
	background-image: url(webimages/confirm.png);
/*	background: #888888;*/
	position: absolute;
	padding: 4em;
	border: 2px black solid;
	text-align: center;
	left: 300px;
	top: 200px;
}

.confirmbox div{
	background: #fff;
	padding: 1em;
	border: 2px black solid;
}

/* scheduler */

#scheduletables{
	overflow-x: auto;
	overflow-y: visible;	
	width: 90%;
}


#scheduletables table{
	table-layout:fixed;
}

div.schedulercontainer{
	display: none;
	font-size: 11pt;
}

table.scheduler{
	display: none;
	text-align: center;
	margin-bottom: 20px;
}

tr.scheduleroomrow{
	border: red 2px dashed;	
}

td.schedulehour{
	width: 48px;	
}

td.scheduleroomnames{
	text-align: right;	
	width: 160px;
	white-space: nowrap;
	overflow: hidden;
}

td.schedulecheckbox{
	white-space: nowrap;
	width: 18px;	
}

td.scheduledisabledbycamera{
	background-color: #ffff40;
	border: 1px solid #888;	
	width: 40px;
	height: 18px;
	line-height: 1px;
}

td.scheduledisabledbycentercamera{
	background-color: #0000cc;
	border: 1px solid #888;	
	width: 40px;
	height: 18px;
	line-height: 1px;
}

td.scheduledisabledbycamgroup{
	background-color: #ff0000;
	border: 1px solid #888;	
	width: 40px;
	height: 18px;
	line-height: 1px;
}

td.scheduledisabledbyaccount{
	background-color: #ffa500;	
	border: 1px solid #888;	
	width: 40px;
	height: 18px;
	line-height: 1px;
}

td.scheduleenabled{
	background-color: #80ff80;	
	border: 1px solid #888;	
	width: 40px;
	height: 18px;
	line-height: 1px;
}

hr.sectiondivider{
	color: #ddd;
	height: 1px;
	background-color: #ddf;
}

table.scheduledays{
/*	width: 400px;*/
	font-size:14pt;
}

table.scheduledays td{
	padding-right: 16px;	
}

.highslide-body{
  text-align: left;
}

.highslide-resize{
  display: none;
}

.highslide-maincontent div{
  margin: 4px 0px; 
}

.disabledrow{
  background-color: #ffdd88;
  display: none;
}

/* JqueryUI dialog box */
div.ui-dialog{
  font-size: .8em;
  font-family: Gill Sans, sans-serif;
}