/******************************
** template: 70 - Animated Tabs
*******************************/
.template-wrapper {
	margin: 0 auto;
	width: 960px;
}

.top-wrapper {
	width: auto; /*-- width:950px; --*/;
	padding: 4px;
}

.add-me-link-container {
	position: relative;
	float: left;
	width: auto;
}
.add-me-link {
	margin-top:4px;
}

.log-in {
	position: relative;
	float: right;
}

.control-panel {
	position: relative;
	float: left;
	margin-left: 10px;
	padding-top:4px;
}
.check-list {
	position: relative;
	float: left;
	margin-left: 10px;
}
.inactive-flag {
	position: relative;
	float: left;
	margin-left: 10px;
}

.header {/*
	position: relative;
	left: 0px;
	top: 15px;
	padding: 10px;*/
}

/* --- menu css list below seperately  -----*/

.content-container {
	position: relative;
	width: auto; /* -- 	width:920px; --*/;
	padding: 10px;
	margin: auto;
}
.content-container > table {
	width:100%;
}

.main-panel {
	width:100%;
	position: relative;
	float: left;
	width: auto;
	height: auto;
	clear: left;
}
#container_table {
	width:100%;
}
.top-line {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.crumb-trail-container {
	float: left;
}

.help-link-container  {
	float: right;
	margin-left: 10px;
}

.admin-link-container {
	float: right;
	padding-left: 10px;
}

.main-system-message {
	position: relative;
}

.main-error-message{
	position: relative;
}

.page {
	position: relative;
	width: 100%;
}

.lower-content {
	position: relative;
	padding: 10px 10px 0px 10px;
	margin: auto;
}

.lower-content-box{
	padding: 10px;
	}

.stay-in-touch {
	margin-top: 10px;
	float: left;
}

.print-link-container {
	position: absolute;
	bottom: 4px;
	right:4px;
}

.footer {
	position: relative;
	left: 0px;
	width: auto;/* -- 	width:940px; --*/;
	height: auto;
	padding: 10px;
}

/* -----------------menu------------------------------*/

.menu {
	/*position: relative;
	left: 0px;
	float: left;*/
	width: auto; /* -- width:940px; --*/;
	padding: 0px;
	/*z-index: 100;*/
}
.menu ul {
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 100;
}
.menu ul.main-menu {
	height: 40px;
	padding: 0;
	position: relative;
}
.menu ul.main-menu ul.sub-menu {
	position: absolute;
	left: -9999px;
	top: -9999px;
}
.menu ul.main-menu li {
	float: left;
}
.menu ul.main-menu > li span a, .menu ul.main-menu > li span span {
	display: block;
	float: left;
	height: 40px;
	padding-right: 12px;
	padding-left: 20px;
	line-height: 38px;
}
.menu ul.main-menu > li > span {
	display: block;
	float: left;
	height: 40px;
	cursor: pointer;
	padding-right: 8px;
}
.menu ul.main-menu > li.sub-parent > span {
	padding-right: 20px;
}
.menu ul.main-menu > li span span {
	padding-right:5px;
}
.menu ul.main-menu li:hover {
	position: relative;
	z-index: 100;
}
.menu ul.main-menu span a:hover {
	position: relative;
}
.menu ul.main-menu li:hover > span a {
	z-index: 100;
}
.menu ul.main-menu :hover ul.sub-menu {
	left: 0;
	top: 36px;
	z-index: 300;
	width: auto;
	padding-top: 4px;
}
.menu ul.main-menu ul.sub-menu li {
	height: 25px;
	width: 100%;
	padding: 0 0 0 10px;
	line-height: 25px;
}
.menu ul.main-menu ul.sub-menu li span, .menu ul.main-menu ul.sub-menu li span a {
	line-height: 25px;
	height: 25px;

	display: block;
	background-image: none;
	padding-left: 0px;
	white-space:nowrap;
}
#pad {/*-----------------not sure if this is needed or required -----------------------------*/
	height: 100px;
}
/* -----------------end menu------------------------------*/









/*-----------------we were using the classes list below, the template ascx 
					references similar classes however were not defined I 
					recreated all classes that are referenced in the template 
					ascx that are similar to classes below. If not required 
					they should be deleted --- See list below 


.admin-link {
	float: right;
}

.content-title {
	position: absolute;
	top: 0px;
}

.content-box-1{
	position:relative;
	left:0px;
	top:15px;
	width:940px;
	padding:10px;
	height: 210px;
}

.content-box-2 {
	position: relative;
	float: left;
	width: auto;
	height: 100%;
}
.content-box-3 {
	padding: 10px;
	clear: right;
	float: left;
	width: 65%;
	position: relative;
}

.errmsg {
	position: relative;
}

.footer-container {
	padding-top: 6px;
	padding-bottom: 3px;
}

.crumb-trail {
	float: left;
}

.sysmsg {
	position: relative;
	width: 100%;
}

.message-main {
	position: relative;
	top: auto;
	left: 0px;
	width: 100%;
	height: 100%;
}

.menu {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}



-----------------------------*/