body
{
	font-family: Tahoma;
	font-size: 14px;
	line-height: 18px;
	height: 100%;min-height: 100%;
	min-width:300px;
	margin: 0px;
}
html
{
	height: 100%;min-height: 100%;
}

div#content {
  width: 100%; min-height: 400px;
}

.INDEXCONT
{
	font-family: Tahoma;
	font-size: 18px;
	line-height: 28px;
}

.WRAP 
{ 
	height: 100%;min-height: 100%;
	padding-bottom: 3em;
}

.MAINCONT
{
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	min-height: 100%;
}

.MAINCONTALLIANCE
{
	margin-left: auto;
	margin-right: auto;
	height: auto;
	min-height: 100%;
	min-width: 300px;
}

.HEADER
{	
	height: 50px;
	padding-top: 2px;
	min-width: 300px;
}

.HEADERALLIANCE
{
	background-image: url("../img/SHLBanner.jpg");
	background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center top; 
	min-height: 400px;
	
}
@media(max-width: 980px) {
	.HEADERALLIANCE
	{
		min-height: 200px;
	}
}

.NAVALLIANCE
{
	height: 40px;
	background-color: #006fb4;
	margin-top: 10px;
}

.NAVALLIANCELINKS
{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.ALLIANCENAV
{
	color: black;
	text-decoration: none;
}

.ALLIANCENAV:hover
{
	color: white;
	text-decoration: none;
}

.HEADERLOGOALLIANCE
{
	height: auto;
	width: 100%;
	
}

.headerleft
{
	width: 580px;
}

@media(max-width: 620px) {
	.HEADER
	{
		height: 82px;
		min-width: 450px;
	}
	
	.headerleft
	{
		width: 450px;
	}
}

@media(max-width: 490px) {
	.HEADER
	{
		height: 140px;
		min-width: 200px;
	}
	
	.headerleft
	{
		width: 200px;
	}
}

.allianceheaderbutton
{
	margin-top: 4px;
	margin-right: 5px;
}

@media(max-width: 378px) {
	.allianceheaderbutton
	{
		margin-top: 40px;
		margin-right: -30px;
	}
}

.headerlogo
{
	width: 320px;
	margin-left: auto;
	margin-right: auto;
}



.headeritem
{
	margin-left: 5px;
}

.LOGIN
{
	margin-top: 100px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.sessionmessage
{
	margin-top: 20px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
}

.navigation
{
	margin-top: 20px;
}

ul > li > a
{
	color: black;
}

.navigation
{
	margin-top: 10px;
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
}

.navigation2
{
	margin-top: 10px;
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
}

.navigationsys
{
	margin-top: 10px;
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
}

.navigationadm
{
	margin-top: 10px;
	max-width: 1010px;
	margin-left: auto;
	margin-right: auto;
	text-align:justify;
}

.navigationsys > ul > li.active > a
{
	color: white;
	background-color: black;
}
.navigationsys > ul > li.active > a:hover
{
	color: white;
	background-color: black;
}
ul > li > a:hover
{
	color: black;
}

.TABLECONT
{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.EDITCONT
{
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.edithalfselect
{
	width: 130px;
}

.GRADINGCONT
{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.EDITCONTWIDE
{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.PAGECAROUSEL
{
	width: 100%;
}

.carousel-inner > .item > img {
    margin: 0 auto;
	width: 100%;
}

.carousel-inner > .item  > iframe {
    margin: 0 auto;
	width: 100%;
}

.limitedpicture > .item
 {
 	max-height: 800px;
	overflow-y: hidden;
 } 
 
 .limitedpicture > .allianceitem
 {
 	max-height: 300px;
	overflow-y: hidden;
 }
 
.PAGECAROUSELALLIANCE
{
	width: 100%;
	margin-top: 10px;
}

 .slidertext
 {
	color: #FFFF4D;
 }
 
 .CENTERLOGO
 {
	width:280px;
	margin-left: auto;
	margin-right: auto;	
 }
 
 @media(max-width: 460px) {
	 .CENTERLOGO
	 {
		margin-left: 0px;
	 }
}
 
 .PAGEBUTTONSALLIANCE
{
	min-width: 300px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;	
	min-height: 180px;
	text-align:justify;
}



.PAGEBUTTONSALLIANCE:after { content:' '; display:inline-block; width: 100%; height: 0 }
.PAGEBUTTONSALLIANCE > span {display:inline-block; margin-top: 0px;} 

.pagebuttonalliance
{
	width: 100px;
	margin-top: 5px;	
	text-align: center;
}

@media(max-width: 360px) {
	.pagebuttonalliance
	{
		width: 90px;
		margin-top: 15px;	
		text-align: center;
	}
}
 
.PAGEBUTTONS
{
	min-width: 300px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;	
	min-height: 180px;
	text-align:justify;
}

@media(max-width: 360px) {
	.PAGEBUTTONS
	{
		max-width: 100%;
	}
}

.PAGEBUTTONS:after { content:' '; display:inline-block; width: 100%; height: 0 }
.PAGEBUTTONS > span {display:inline-block; margin-top: 0px;} 

.pagebutton
{
	width: 100px;
	margin-top: 15px;	
	text-align: center;
}

@media(max-width: 360px) {
	.pagebutton
	{
		width: 90px;
		margin-top: 15px;	
		text-align: center;
	}
}

.PAGEHEADER
{
	width: 100%;
	text-align: center;
}

.INFOHALF
{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-right: -4px;
	min-height: 100px;
	padding: 10px;
}

@media(max-width: 800px) {
	.INFOHALF
	{
	width: 100%;
	min-height: 100px;
	}	
}

.ALLIANCETABLE
{
	font-family: Tahoma;
	font-size: 18px;
	line-height: 28px;
}

.INFOHALFALLIANCE
{
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
	margin-right: -4px;
	min-height: 100px;
	padding: 10px;
}

.ALLIANCECANVAS
{
	height: 480px;
	margin-top:20px;
}

.ALLIANCEHEADERTEXT
{
	text-align: center;
}

@media(max-width: 1300px) {
	.ALLIANCETABLE
	{
		font-family: Tahoma;
		font-size: 13px;
		line-height: 15px;
	}	
	.ALLIANCECANVAS
	{
		height: 400px;
		margin-top:20px;
	}
}
@media(max-width: 980px) {
	.INFOHALFALLIANCE
	{
	width: 100%;
	min-height: 100px;
	}
}

.FOOTER
{
	background-color: black;
	clear: both;
	position: relative;
	z-index: 10;
	height: 3em;
	margin-top: -3em;
	padding-top: 5px;
	text-align: center;
	color: white;
}

.FOOTERNORMAL
{
	margin-top: 3em;
	background-color: black;
	height: 3em;
	padding-top: 5px;
	text-align: center;
	color: white;
}

.FOOTERALLIANCE
{
	margin-top: 3em;
	background-color: #006fb4;
	height: 3em;
	padding-top: 5px;
	text-align: center;
}

.PICMODAL
{
	width: 100%;
	height: 100%;
	background-color: black;
}

.NOPAY
{
	background-color: #FFCCCC;
}

.BIGMODAL
{
	width: 100%;
	height: 100%;
	background-color: black;
}

.width400
{
	width: 450px;
}
.PICTUREMODAL
{
	width: 80%;
	height: 60%;
}

.INFOMODAL
{
	width: 950px;
}

.textcontainer
{
	width: 900px;
	height: 420px;
	padding-left: 20px;
}

.textcontainer .alert-info
{
	width: 350px;
	padding-top: 10px;
	padding-left: 20px;
	margin-top: 30px;
	margin-right: 40px;
}


.pull-right
{
	float: right;
}

.headerbutton
{
	margin-right: 5px;
	margin-top: 4px;
}

.PAGEDATAHEADER
{
	background-color: black;
	color: white;
}

.td-center
{
	text-align: center;
}

.top-buffer
{
	margin-top: 20px;
}

.top-buffer-timepicker
{
	margin-top: 23px;
}

.PICTURELIST
{
	width: 600px;
}	

.PHONESIZE
{
	font-size: 20px;
}

.SMALLALERT
{
	height: 15px;
	padding-top: 1px;
	margin-bottom: 0px;
}

.PICTUREFRAMELIST
{
	height: 135px;
	width: 135px;
	float: left;
	margin-right: 7px;
	margin-top: 7px;
	background-size: cover;
}

.TDBLACK { width: 60px;background-color: black; color: yellow;}
.TDPROV { width: 60px;background-color: red;color: black;}
.TDRED {	width: 60px;background-color:red; color:white;}
.TDBROWN {width: 60px;background-color:saddlebrown; color:white;}
.TDBLUE{width: 60px;background-color: blue; color:white;}
.TDGREEN {width: 60px;background-color: green; color:white;}
.TDYELLOW{width: 60px;background-color: yellow; color:black; }
.TDORANGE {width: 60px;background-color:orange; color:black;}
.TDWHITE {width: 60px;background-color: white; color: black;}
.TDWHITEORANGE {
	width: 60px;
	-webkit-box-shadow:inset 0px 0px 0px 5px orange;
    -moz-box-shadow:inset 0px 0px 0px 5px orange;
    box-shadow:inset 0px 0px 0px 5px orange;
	background-color: white;
	color: black;}
.TDORANGEYELLOW {
	width: 60px;
	-webkit-box-shadow:inset 0px 0px 0px 5px yellow;
    -moz-box-shadow:inset 0px 0px 0px 5px yellow;
    box-shadow:inset 0px 0px 0px 5px yellow;
	background-color: orange;
	color: black;}
.TDYELLOWGREEN {
	width: 60px;
	-webkit-box-shadow:inset 0px 0px 0px 5px green;
    -moz-box-shadow:inset 0px 0px 0px 5px green;
    box-shadow:inset 0px 0px 0px 5px green;
	background-color: yellow;
	color: black;}
.TDGREEN1 {
	width: 60px;
	-webkit-box-shadow:inset 0px 0px 0px 5px red;
    -moz-box-shadow:inset 0px 0px 0px 5px red;
    box-shadow:inset 0px 0px 0px 5px red;
	background-color: green;
	color: black;}
.TDGREEN2 {
	width: 60px;
	-webkit-box-shadow:inset 0px 0px 0px 5px red;
    -moz-box-shadow:inset 0px 0px 0px 5px red;
    box-shadow:inset 0px 0px 0px 5px red;
	background-color: green;
	color: red;}
.TDSMALL{width: 60px;}