*
{
	font-family: arial;
	font-size: 10px;
}

body
{
	background-color: #686868;
	text-align: center;
	font-family: arial;
	color: #2c2c2c;
	margin: 0px;
}

div#mainContainer
{
	border-width: 1px 1px 0px 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #e9e5d9;
	min-height: 500px;	
	min-width: 300px;
	margin: 0px 15px 0px 15px;
}

div#menuBar
{
	height: 30px;
	border-width: 0px 0px 1px 0px;
	border-color: #464646;
	border-style: solid;
	text-align: left;
	background-image: url( ../../images/menubg.jpg );	
}

div#header
{
	
	height: 27px;
	min-width: 300px;
	margin: 15px 15px 0px 15px;	
	background-image: url( ./images/bg-tm.png );
	background-repeat: repeat-x;
	text-align: center;
	font-size: 12px;
	background-color:#e9e5d9;	
}

span.topLeft
{
	background-image: url( ./images/bg-tl.png );
	background-repeat: no-repeat;		
	float: left;
	width: 27px;
	height: 27px;
	padding: 0px;
}

span.topRight
{
	background-image: url( ./images/bg-tr.png );
	background-repeat: no-repeat;		
	float: right;
	width: 27px;
	height: 27px;
	padding: 0px;
}


div#footer
{
	padding-top: 0px;
	height: 27px;
	min-width: 300px;
	margin: 0px 15px 15px 15px;	
	background-image: url( ./images/bg-bm.png );
	text-align: center;	
}

span.bottomLeft
{
	background-image: url( ./images/bg-bl.png );
	background-repeat: no-repeat;		
	float: left;
	width: 27px;
	height: 27px;
	padding: 0px;
}

.floatLeft
{
	float: left;
}

.footerMiddle
{
	text-align: center;
	width: 300px;
}

span.bottomRight
{
	background-image: url( ./images/bg-br.png );
	background-repeat: no-repeat;		
	float: right;
	width: 27px;
	height: 27px;
	padding: 0px;
}

div.menuItem
{
	height: 25px;
	border-width: 0px;
	margin: 2px 3px 3px 3px;
	width: 100px;
	padding-top: 1px;
	padding-left: 2px;
	vertical-align: middle;	
	font-weight: bold;
	font-size: 12px;
	float: left;
}

div.menuItem:hover
{
	border-width: 1px;
	border-color: #757778;
	border-style: solid;	
	margin: 1px 2px 2px 2px;
	background-color: #B1C5CA;
	cursor: pointer;
}

div.menuItemExit
{
	height: 25px;
	border-width: 0px;	
	margin: 2px 3px 3px 3px;
	text-align: right;
	padding-top: auto;
	padding-bottom: auto;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle;	
	font-weight: bold;
	font-size: 12px;
	float: right;
}



div.menuItemExit:hover
{
	border-width: 1px;
	border-color: #000000;
	border-style: solid;	
	margin: 1px 2px 2px 2px;
	background-color: #e9b1b1;
	cursor: pointer;
}

div#menuBar img
{
	vertical-align: middle;
	
}

div#mainContent
{
	text-align: center;
}

div.login
{
	background-image: url( ./images/loginbg.png );
	background-position: top left;
	background-repeat: no-repeat;
	width: 450px;
	height: 200px;
	margin: 40px;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;	
	background-color: #ffffff;
	color: #808080;
	padding: 0px;
}

p.loginTitle
{
	border-color: #c9c8c6;
	border-width: 1px 0px 1px 0px;
	border-style: dashed;
	background-color: #808080;
	font-size: 13px;
	color: #e9e5d9;
	font-weight: bold;
	padding:3px;
	margin-top: 15px;
}

.loginElement
{
	width: 200px;
	text-align: left;

}

.hidden
{
	display: none;
}

/* Message Box */

p.msgbox
{
	font-size: 12px;
	border-color: black;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	background-color: #BDBDBD;
	margin: 0px 0px 6px 0px;
	padding: 4px;
	font-weight: bold;
}

div.msgbox
{
	position: absolute;
	top: 120px;
	left: 340px;
	border-color: black;
	border-width: 1px;
	border-style: solid;
	width: 400px;
	background-color: white;
	filter: alpha(opacity=95);
	padding: 0px;
	text-align: center;
}

div.desktopIcon
{
	float: left;
	width: 75px;
	height: 100px;
	border-width: 0px;
	padding: 4px;
	margin: 10px 14px 4px 14px;
	text-align: center;
	
}

div.desktopIcon:hover
{
	border-width: 1px;
	border-color: #000000;
	border-style: solid;	
	margin: 9px 13px 3px 13px;
	background-color: #B1C5CA;
	cursor: pointer;
	background-image: url( ./images/flash.png );
	background-repeat: no-repeat;
	
}

div.desktopIcon p
{
	font-weight: bold;
	font-size: 10px;	
}

div.fileBrowser
{
	margin: 5px;
	height: 450px;
	overflow: scroll;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	text-align: left;
	background-color: #ffffff;
	margin-bottom: 0px;

}

p.sectionTitle
{
	padding-left: 7px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
}

p.dirListing
{
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: center;
	background-image: url( ./images/subsectiontitle.jpg );
	height: 17px;
	border-width: 0px 0px 1px 0px;
	border-color: #000000;
	border-style: solid;	
}

td.right
{
	text-align: right;
}



td.normalCell
{
	border-width: 0px 0px 1px 0px;
	border-color: #9f9f9f;
	border-style: solid;	
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;	
}

td.titleRow
{
	border-width: 1px 0px 1px 0px;
	border-color: #000000;
	border-style: solid;	
	padding-left: 10px;	
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	font-weight: bold;	
}

div.upload
{
	display: block;
	position:absolute;
	height: 150px;
	width: 300px;
	border-width: 0px;
	border-color: #000000;
	border-style: solid;	
	background-image: url( ./images/msgboxbg.png );
}

div.upload p:first-child
{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin-top: 4px;
	padding-left: 5px;
	border-width: 0px 0px 0px 0px;
	border-color: #000000;
	border-style: solid;		
}

div.sdriveactions
{
	vertical-align: middle;	
	font-weight: bold;
	font-size: 12px;
	float: left;
}

div.menuItem img
{
	vertical-align: middle;
	
}

div.clear
{
	clear: both;
}

td.sdrivefileactions
{
	padding-left: 0px;
}

td.sdrivefileactions img
{
	border-width: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

input.cancelButton
{
	margin-left: 45px;
}

/* Stuff for the IP Cam section */

div#camList
{
	margin: 5px;
	float: left;
	min-height: 100px;
	padding-bottom: 5px;
	width: 170px;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #ffffff;	
}

div#camList p:first-child
{
	margin: 0px;
	border-width: 0px 0px 1px 0px;
	border-color: #000000;
	border-style: solid;	
	font-weight: bold;
	background-image: url( ./images/subsectiontitle.jpg );		
}

div#camList .ipCamSchool
{
	text-align: left;
	padding-left: 3px;
	border-style: solid;
	font-size: 12px;
	border-width: 0px 0px 1px 0px;
	border-color: #000000;	
}

div#camList div
{
	text-align: left;
	padding-left: 8px;
}

div#camView
{
	margin: 5px;
	max-width: 70%;
	float: left;
}

div.singleCamera
{
	float: left;
	margin: 2px;
	background-color: #ffffff;
	padding: 4px 4px 30px 4px;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;	
	text-align: left;
	width: 160px
}

div.singleCamera p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

div.singleCamera img
{
	border-width: 0px;
}

div.singleCamera span
{
	float: right;	
}

div.singleLargeCamera
{
	float: left;
	margin: 2px;
	background-color: #ffffff;
	padding: 4px 4px 30px 4px;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;	
	text-align: left;
	width: 640px
}

div.singleLargeCamera span
{
	float: right;
}

div.singleLargeCamera img
{
	border-width: 0px;
}

div.singleLargeCamera p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.waitblanket img
{
	float: left;
	vertical-align: middle;
}

.waitblanket
{
	min-width: 100%;
	min-height: 100%;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	padding-top: 40px;
	padding-left: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	z-index: 10;	
}

.studentImageChange
{
	width: 45px;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;		
}

.studentSelected
{
	float: left;
	width: 75px;
	height: 98px;
	padding: 4px;
	margin: 10px 14px 4px 14px;
	text-align: center;
	
	background-color: #dfbebc;
	border-width: 1px;
	border-color: #b47977;
	border-style: solid;		
}

.studentInformation
{
	margin: 4px 4px 4px 8px;
	background-color: #111111;
	width: 20%;
	max-width: 200px;
	min-width: 100px;
	height: 250px;
}

/* PTC CSS */

div#ptcWrapper
{
	margin: 5px;
	height: 450px;
	overflow: scroll;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	text-align: left;
	background-color: #ffffff;
	margin-bottom: 0px;

}

table#ptcSchedList
{
	margin-top: 5px;
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	max-width: 90%;
	min-width: 90%;
	border-collapse:collapse;
}

table#ptcSchedList thead tr td 
{
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	border-color: #000000;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	color: #2e2e2e;
}

table#ptcSchedList tbody tr td 
{
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #000000;
	text-align: left;
	font-size: 12px;
	color: #000000;
	height: 20px;
}

table#ptcSchedList tbody tr.odd
{
	background-color: #dedede;
}

table#ptcSchedList tbody tr:hover 
{
	background-color: #78cee1;
}

div#timerPane
{
	height: 110px;
	width: 160px;
	background-image: url( ../../images/timer.png );
	background-repeat:no-repeat;
	position:absolute;
	text-align: center;
	padding-top: 30px;
	top: -35px;
	left: 40%;

}

div#timerPane p
{
	margin: 3px;
	font-size: 12px;
}

div#timerPane p:first-child
{
	margin-top: 10px;
	font-weight: bold;
	font-size: 14px;

}

#countdown
{
	font-weight: bold;
}

#reportInfo
{
	margin-left: 20%;
	margin-right: 20%;
	background-color: #ffd4a2;
	text-align: center;
	border-color: #764000;
	border-width: 1px 0px 1px 0px;
	border-style: dashed;
	font-weight: bolder;
	font-size: 14px;
	color: #2e2e2e;
}

.noBorder
{
	border-width: 0px;
}