*
{
	margin: 0 auto 0 auto;
	text-align:left;
 }
 
html, body
{
	background-color:#AAAAAA;
	text-align: center;
}

body 
{
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: black;
}

#container
{
	background: #FFF;
    display: block; 
    height:auto;
    position: relative; 
    width: 960px;
	border: 5px solid black;
	-moz-border-radius:30px;
	border-radius:30px;
	position: relative;
}

.required
{
	color:red;
}

/****************Header*********************/
#header
{
	background-color: #fff;
    border-radius: 24px 24px 24px 24px;
    height: 198px;
    width: 960px;
	position: relative;
}

#header h1
{
	position:absolute;
	text-align:left;
	color:#FFFFFF;
	font-size:43px;
	color:#FFF;	
	left:14px;
	top:18px;
}


#header h2
{
	position:absolute;
	text-align:right;
	color:#A9D1FA;
	left:490px;
	top:38px;
	width:400px;
}

#welcomebar
{
	background-color:black;
	color:white;
	height:30px;
	width:960px;
	margin-top:5px;
	float:left;
	clear:both;
}

#welcomebar .message
{
	padding-left:5px;
	padding-top:6px;
	font-weight:bold;
}

#mainpic
{
	padding: 10px;
	border-radius: 24px 24px 24px 24px;
	width:685px;
	height:151px;	
	padding-bottom: 0px;
	background-color: white;
	float:left;
	padding-top:10px;
	position:relative;
	z-index:1;
}
/************************Navigation**************************/
#uppernav
{
	position:relative;
	z-index:6;
	float:right;
	margin-top:-30px;
	margin-right: 5px;
	min-width:300px;
}

#uppernav  a
{
	float:right;
	margin-left: 3px;
}

#boldlist li 
{
	font-weight:bold;
}

#content
{
	margin: 0 auto 10px;
	display:block;
	width:930px;
	height:auto;
	padding-left:10px;
	padding-top:15px;
	padding-right:10px;
	padding-bottom:5px;
	background-color:white;
	overflow:auto;
	position:relative;
}

#menu
{
	height: 25px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	clear:both;
	font-size: 13px;
	padding-left:0px;
	padding-right:0px;	
	color: black;
    margin-bottom: 0;
    margin-top: 3px;
    padding-bottom: 0;
    width: 960px;
	float:left;
}

.user
{
float: left;
/*height: 36px;*/
display: inline;
text-align: center;
text-decoration: none;
color: #ffffff;
font-weight: bold;
padding-top: 18px;
font-size: 15px;
padding-left:0px;
padding-right:0px;	
}

.login
{
float: right;
height: 36px;
display: inline;
text-align: center;
text-decoration: none;
color: #ffffff;
font-weight: bold;
padding-top: 18px;
font-size: 15px;
padding-left:0px;
padding-right:0px;	
}

#register label 
{
width: 10em; 
text-align: left; 
float: left;
}

#register.row 
{
display: block; 
width: 100%; 
margin-top: 25px; 
margin-bottom: 25px; 
vertical-align: top; 
clear: left; 
font-size: .8em; 
}

p
{
	text-align: left;
}


.flip-vertical 
{
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: flipv; /*IE*/
	vertical-align: middle;
	padding-right: 20px;
	float: right;
	padding-bottom: 20px;
    padding-top: 0px;
}

.unflipped
{
	vertical-align: middle;
	float: right;
	padding-right: 20px;
	padding-top: 20px;
}
 
a .tabs
{
	text-decoration:none !important;
} 
 
.tabs
{
	position:relative;
	margin:0 2px;
	color:white;
	background-color:black;
	display:inline;
	float:left;
	padding:3px 5px;
	border:2px black solid;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	text-decoration:none !important;
	cursor:pointer;
	z-index:3;
}
 
.tabs:hover
{
	color:white;
	background-color:gray;
}

.alert
{
	position:relative;
	margin:0 2px;
	display:inline;
	float:left;
	padding:3px 5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	text-decoration:none !important;
	cursor:pointer;
	z-index:3;
	
	background-color:#CC1100;
	border:2px #DA2028 solid;
	border-bottom:3px #DA2028 solid;
	color:white;
}

.alert:hover
{
	color:white;
	background-color:red;
}

#tabbottomborder
{
	position:relative;
	width: 960px;
	background-color:black;
	height:3px;
	float:left;
	margin-top: -3px;
	z-index:1;
}

a
{
	text-decoration: none;
}

#content h1
{
	text-align:center;
	width:100%;
}

/********************************clickables******************************************/

.mainbutton {
	-moz-box-shadow:inset 0px 3px 0px -4px #ffffff;
	-webkit-box-shadow:inset 0px 3px 0px -4px #ffffff;
	box-shadow:inset 0px 3px 0px -4px #ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #918c8b;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MjIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3MDcwNzAiIG9mZnNldD0iMC4wNSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MjIpIiAvPgo8L3N2Zz4=);
	background-color:#000;
	position: relative;
}

.mainbutton:hover 
{
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2MjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMC4wNSIvPjxzdG9wIHN0b3AtY29sb3I9IiM3MDcwNzAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2MjgpIiAvPgo8L3N2Zz4=);
	background-color:#AAA;
}

.invertmainbutton
{
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2MjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMC4wNSIvPjxzdG9wIHN0b3AtY29sb3I9IiM3MDcwNzAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2MjgpIiAvPgo8L3N2Zz4=);
	-moz-box-shadow:inset 0px 3px 0px -4px #ffffff;
	-webkit-box-shadow:inset 0px 3px 0px -4px #ffffff;
	box-shadow:inset 0px 3px 0px -4px #ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #918c8b;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
	background-color:#AAA;
	position: relative;
}

.invertmainbutton:hover
{
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MjIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3MDcwNzAiIG9mZnNldD0iMC4wNSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MjIpIiAvPgo8L3N2Zz4=);
	background-color:#000;
}

.mainbutton:active, .invertmainbutton:active, .button:active
{
	/*position:relative;*/
	margin-top:1px;
	margin-bottom:-1px;
}

.button {
	-moz-box-shadow:inset 0px 3px 0px -4px #ffffff;
	-webkit-box-shadow:inset 0px 3px 0px -4px #ffffff;
	box-shadow:inset 0px 3px 0px -4px #ffffff;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MjIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3MDcwNzAiIG9mZnNldD0iMC4wNSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MjIpIiAvPgo8L3N2Zz4=);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #918c8b;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 14px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
	background-color:#000;
	position: relative;
}

.button:hover 
{
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2MjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMC4wNSIvPjxzdG9wIHN0b3AtY29sb3I9IiM3MDcwNzAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2MjgpIiAvPgo8L3N2Zz4=);
	cursor:pointer;
	background-color:#AAA;
}

.red-button {
	-moz-box-shadow:inset 0px 3px 0px -4px #ffffff;
	-webkit-box-shadow:inset 0px 3px 0px -4px #ffffff;
	box-shadow:inset 0px 3px 0px -4px #ffffff;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2MjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkJBQkEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNEODAwMEMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2MjgpIiAvPgo8L3N2Zz4=);	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #918c8b;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 14px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
	background-color:#000;
	position: relative;
}

.red-button:hover {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkZCQUJBIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRDgwMDBDIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnOTE0KSIgLz4KPC9zdmc+);	cursor:pointer;
	background-color:#AAA;
}

.green-button {
	-moz-box-shadow:inset 0px 3px 0px -4px #ffffff;
	-webkit-box-shadow:inset 0px 3px 0px -4px #ffffff;
	box-shadow:inset 0px 3px 0px -4px #ffffff;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNERkYyQkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM0RkE4MTAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NzgpIiAvPgo8L3N2Zz4=);	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #918c8b;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 14px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
	background-color:#000;
	position: relative;
}

.green-button:hover {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3ODYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjREZGMkJGIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNEZBODEwIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNzg2KSIgLz4KPC9zdmc+);	cursor:pointer;
	background-color:#AAA;
}

.new
{
	float:right;
	color:white;
	z-index:10;
}

.edit
{
	float:right;
	width:auto;
	margin: 0 5px;
}

.delete
{
	float:right;
	width:auto;
	margin: 0 5px;
}

.arrow
{
	float:right;
	padding-right:10px;
	margin-top:1px;
}

.arrow img
{
	width: 17px;
	height: 15px;
}

.arrow img:hover
{
	cursor:pointer;
}

.arrowimage
{
	background-image:url('../images/RedArrowFlipped.png');
	width:21px;
	height:16px;
}

/****************************Content******************/

.border
{
	background-color:white;
	border:1px solid black;
	border-top:0;
}

.selectedheadingorg, .selectedheadingorg2, .selectedheadingloc, .selectedheadingloc2, .selectedheading , .selectedheading2, 
.redselectedheading,  .greenselectedheading, .yellowselectedheading
{
	background-color:white;
	color:black;
	padding:3px 0;
	font-weight:bold;
	text-align:center;
	border-bottom: 1px solid black;
	height: 16px;
	cursor:pointer;
	font-size: 14px
}

.heading, .heading2, .headingorg, .headingorg2, .headingloc, .headingloc2, .redheading, .greenheading, .yellowheading
{
	padding:3px 0;
	font-weight:bold;
	text-align:center;
	height: 16px;
	cursor:pointer;
	font-size: 14px
}

.heading
{
	background-color:black;
	color:white;
}
.heading2
{
	background-color:#AAAAAA;	
	color:black;
}
/* org heading bars */
.headingorg
{
	background-color:#A4AEB5;
	color:black;
}

.headingorg2
{
	background-color:#E0E6E6;	
	color:black;
}
/* loc heading bars */
.headingloc, .headingloc2
{
	background-color:#AAAACC;
	color:black;
}

.redheading
{
	background-color:red;	
	color:black;
}

.yellowheading
{
	background-color:yellow;	
	color:black;
}

.greenheading
{
	background-color:#66FF66;	
	color:black;
}


.headinglabels
{
	float: left;
    width: 250px;
	overflow:hidden;
	height:17px;
}

.headingbarorg2 .headinglabels, .headingbarorg .headinglabels 
{
    width: 800px;
}

.headingbarloc2 .headinglabels, .headingbarloc .headinglabels 
{
    width: 800px;
}

.orginfolabels
{
	border: 5px dotted red;
}
.expandcontent, .fullyexpandcontent
{
	display: block;
	padding:3px;
	overflow:auto;
	font-size:11pt;
	/*font-weight:bold;*/
}

.expandcontent
{
	display:none;
}

.expandedlocation
{
	background-color: #CC1100;
}

.expandcontent .labels, .fullyexpandcontent .labels
{

	width:48%;
	float:left;
	border:0;
	padding-bottom:10px;
	padding-top:10px;
	background-color:white;
	padding-left:10px;
	
}
.labels2
{

	
	float:left;
	border:0;
	padding-bottom:10px;
	padding-top:0px;
	background-color:white;
	padding-left:0px;
	
}

.expandcontent .notes, .fullyexpandcontent .notes
{
	clear: both;
    float: left;
    overflow: auto;
	padding-bottom: 10px;
    padding-top: 10px;
    width: 890px;
	padding-left:10px;
}

.indent label.error 
{
	margin-left: 0;
}

label.error 
{
	font-size: 0.8em;
	color: #F00;
	font-weight: bold;
	display: block;
}

input.error, #signup select.error  #choseone
{
	background: #FFA9B8;
	border: 1px solid red;
}

#additionalstudent
{
	position:absolute;
	right:20px;
	bottom:38px;
	font-weight:bold;
	font-size:14px;
}

.additionalcombo, .additionalbattery, .additionalpad, .additionalkeycode, .additionalchecker, #additionalstudent
{
	cursor:pointer;
}

.batteryblock, .pakblock, .padblock
{
	float:left;
}

.aedblock, .aedcheck1block, .aedcheck2block
{
	overflow: hidden;
	float:left;
	clear:both;
	margin: 5px 0;
	width:100%;
}

.aedcheck1block, .aedcheck2block
{
	margin: 5px;
}

.alertheader
{
	margin-top:-10px;
	text-align:center;
	background-color:red;
	color:white;
	padding:5px;
	font-weight:bold;
}

.ui-autocomplete-loading 
{ 
	background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; 
}

.datehint
{
	font-size:8px;
	font-weight:bold;
	color:gray;
}

.hasDatepicker
{
	position: relative; 
	z-index: 100000;
}

.falsesubmit
{
	border:0px;
	background-color:transparent;
	width:100%
}
.falsesubmit:hover
{
	background-color:#DFDFDF;
	border-radius:10px;
	cursor:pointer;
	position: relative;
}

.falsesubmit:active
{
	padding-left: 6px;
	cursor:pointer;
}

/****************************Message Center *************************/

.subject
{
	float:left;
	width: 183px;
	border: 0px solid black;
	border-top:3px solid black;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	font-size:16px;
	background-color:#fff;
}

.subject:hover
{
	background-color:#CC1100;
	color:#FFF;
	cursor:pointer;
}

/***************************Scheduler***************************/

.scheduler
{
	background-color:#000;
}

.schedulerheadings
{
	color:#FFFFFF;
	padding:0;
	text-align:center;
}

.schedulertoday
{
	padding: 1px;
}

.schday{
	border-color:black;
	border-width:1px;
	border-style:solid;
	padding:3px;
	width:112px;
	height:110px;
}

.clearschday{
	border-color: white;
    border-style: solid;
    border-width: 1px;
    height: 110px;
    padding: 3px;
    width: 112px;
}

/******************/
.main, .selected
{
	display:none;
}

#aedcheck table td
{
	border-color: #000;
}

.sidewaystext {
background-color: #AAA;
margin: 0;
padding: 0;
-webkit-transform: rotate(-90deg);
white-space: nowrap;
display: inline-block;
}

.locationcontainer .immunizations_person:hover, 
.locationcontainer .licenses_person:hover, 
.locationcontainer .training_person:hover, 
.locationcontainer .document:hover, 
.locationcontainer .person:hover, 
.locationcontainer .event:hover, 
.locationcontainer .erp:hover, 
.locationcontainer .hazard:hover, 
.locationcontainer .contact:hover, 
.locationcontainer .aed:hover,
.locationcontainer .lockedaeds:hover,
.orgcontainer .keycode_serial:hover,
.locationcontainer .accessory:hover {
	color: #0078C1;
	cursor:pointer;
	text-decoration: underline;
}

#actioncopyperson, #actioncopystudent{
	float:right;
	cursor:pointer;
}

.adjustprints:hover, #morealerts:hover, .navorgloc:hover{
	cursor:pointer;
}

.extendedaednav {
	position: absolute; 
	color: black; 
	border: 1px solid black;
	background-color: #afafaf; 
	border-top: 0px;
	margin: 6px 5px 5px -10px; 
	width: 150px; 
	z-index: 5; 
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: arial;
	font-size: 12px;
}

.header:hover , .header_date:hover , .header_image:hover, #morescheduler {
	cursor:pointer;
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #0078C1;
	margin:10px 0pt 15px;
	font-size: 10pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th, .tablecolorrow {
	background-color: #C2E0F6;
	border: 1px solid #FFF;
	font-size: 10pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#D8D8DD;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #0078C1;
}

/***************************************** STORE *********************************************/
#prodbar {
	text-align: left;
	width: 220px;
	padding-right: 10px;
	padding-top: 5px;
	border-right: 5px #0078c1 solid;
	display: table-cell;
}

.catbox {
	width: 215;
	padding-left: 15px;
	background-color:#FFF; 
	color:#0078c1;
	border-left: 2px #0078c1 solid;
	border-right: 2px #0078c1 solid;
}

.navboxtop {
	font-family: Arial;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	text-align: left;
	margin-top: 15px;
	background-color:#0078c1;
	margin: 0px;
	padding: 5px 5px 5px 12px;
	color: #FFFFFF;
	border-radius: 10px 10px 0px 0px;
	
}

.navboxtop2 {
	margin: -3px 3px -5px -10px;
	padding: 2px 0px 0px 12px;
	border:2px #fff solid;
	border-bottom: 0px;
	border-radius: 10px 10px 0px 0px;
	width:200px;
}

.navboxbot {
	padding: 1px;
	border:2px #0078c1 solid;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: left;
	margin-bottom: 10px;
	border-radius: 0px 0px 10px 10px;
	border-top:0px;
}

#subcatinfo {
	padding-top: 15px;
	width: 700px;
	display: table-cell;
	vertical-align: top;
	padding-left: 13px;
	background: #FFF;
	padding-bottom: 25px;
}

.productrow {
	display: table-row;
}

.productrow  .productinfo {
	width: 200px;
	padding: 10px;
	display: table-cell;
}

.productrow  .productinfo:hover {
	/*removed for demo purposes
	background-color: #C2E0F6;*/
	border: 2px solid #0078c1;
	padding:8px;
	border-radius: 25px;
	cursor: pointer;
}

.productrow  .productinfo:hover a {
	color: #000;
}

.productrow  .productinfo .productimage {
	text-align: center;
}

.productrow  .productinfo .productname {
}

.productrow  .productinfo .productfullname {
	display: block;
	text-align:center;
}
.productrow  .productinfo .productpartnumber {
	display: block;
	color:#808284;
	text-align:center;
}

.productrow  .productinfo .productprice {
	color: red;
	display: block;
	text-align:center;
}

/*********************   showproduct   ***********************/
#productinfo .productname {
	font-size: 20px;
	color: #0078C1;
}

#productinfo .productpartnumber {
	color: #808284;
	float: left;
}

#productinfo .productupccode {
	color: #99b3ff;
	float: left;
	clear: left;
}

#productinfo .productprice {
	color: red;
	float: left;
	clear: left;
}

#productinfo .productdescription {
	margin-top: 5px;
	color: #000;
	clear:both;
}

#productinfo .productresources {
	clear: both;
	float: left;
	border-top: 3px solid #0078C1;
	width: 100%;
	padding-top: 15px;
	margin-top: 15px;
}

.thumbnails img {
	width:40px;
	height:40px;
	margin: 2px;
	border:1px solid #c2e0f6;
	background-color:#fff; /* remove */
}

.thumbnails img:hover, .thumbnails img.selected {
	border-color:#0078c1;
}

.thumbnails img:hover {
	cursor:pointer;
}

#info {
	padding-top: 15px;
	width: 700px;
	margin-left: 10px;
	margin-right: 10px;
	display: table-cell;
	vertical-align: top;
	padding-left: 10px;
	background: #FFF;
	padding-bottom: 25px;
}

#buypage {
	display: table-cell;
	vertical-align: top;
	background: #FFF;
	border-radius: 30px;
	padding: 15px;
	width: 960px;
}

.title {
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0078c1;
	text-align: left;
}

.blueformbox {
	text-align: left;
	background: #ffffff;
	border-radius: 10px; /*30px 30px 30px 30px;*/
	border: 2px solid #0078c1;
	margin: 5px auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.aed_popup_link:hover {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}


/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1000; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#modal-caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #modal-caption {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
	from {-webkit-transform:scale(0)}
	to {-webkit-transform:scale(1)}
}

@keyframes zoom {
	from {transform:scale(0)}
	to {transform:scale(1)}
}

/* The Close Button */
.close {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

.close:hover,
.close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
	.modal-content {
		width: 100%;
	}
}

.aed-img-link:hover {
	color: blue;
	cursor: pointer;
	text-decoration: underline;
}

.link, .plan {
	color: blue !important;
}

.plan:hover, .link:hover {
	color: blue;
	cursor: pointer;
	text-decoration: underline;
}

#drop_file_zone {
	background-color: #EEE;
	border: #999 5px dashed;
	width: 290px;
	height: 200px;
	padding: 8px;
	font-size: 18px;
}
#drag_upload_file {
	width:50%;
	margin:0 auto;
}
#drag_upload_file p {
	text-align: center;
}
#drag_upload_file #selectfile {
	display: none;
}