/* colour scheme 
		main colour rgb(51, 51, 51);
		line colour rgb(102, 102, 102);
		shaded aka highlight rgb(255, 153, 0);
		rgb();

*/

/* link colors*/
a:link, a:visited, a:active, a:hover{
    color: inherit;
}

/* main side bar set up colour and border */
div#sideBar1, div#sideBar2{
	background-color: rgb(51, 51, 51);
	color: rgb(255, 153, 0);
	border-left: 1px solid rgb(102, 102, 102);
	border-right: 1px solid rgb(102, 102, 102);
}

/* sidebar standard sections border */
div#sideBar1 ul li, div#sideBar2 ul li,
/* char button holder border */
div#altCharDiv,
/* unitScrollButton border*/
div#sideBar1 ul li#unitNavArea ul#unitScroll button.unitScrollButton{
	border-bottom: 1px solid rgb(102, 102, 102);
}

div#sideBar1 ul li#unitNavArea ul#unitList{
	border-right: 1px solid rgb(102, 102, 102);
}

/* text colour sidebars*/
div#sideBar1 ul li a h1,div#sideBar1 ul li a h2,
div#sideBar1 ul li a p,div#sideBar1 ul li#unitNavArea ul#unitList{
	color: rgb(255, 153, 0);
}

/* char list colours and border*/
div#sideBar2 ul li#charArea ul#charList{
	color: rgb(255, 153, 0);
	border-left: 1px solid rgb(102, 102, 102);
}

/* unit list li colour and border*/
div#sideBar1 ul li#unitNavArea ul#unitList li{
	border-right: 1px solid rgb(102, 102, 102);
	background-color: rgb(51, 51, 51);
}

div#sideBar1 ul li#unitNavArea ul#unitList,
div#sideBar2 ul#sideUl li#charArea ul#charList,
div#sideBar2.fullScreen.expanded ul#sideUl li#charArea ul#charList{
	background-color: rgb(255, 153, 0);
}

div#sideBar2 ul li#charArea ul#charList li,
div#sideBar2.fullScreen.expanded ul#sideUl li#charArea ul#charList li{
	border-right: 1px solid rgb(102, 102, 102);
	background-color: rgb(51, 51, 51);
	color: rgb(255, 153, 0);
}

div#sideBar1 ul li#unitNavArea ul#unitList li.largerLi.noHover:hover,
div#sideBar2 ul li#charArea ul#charList li.spaceFiller:hover,
div#sideBar2.fullScreen.expanded ul#sideUl li#charArea ul#charList li.spaceFiller:hover,
div#sideBar2.fullScreen.expanded ul#sideUl li#charArea ul#charList li.noHover:hover{
	background-color: rgb(51, 51, 51);
}

button.icon, li.unitScrollButton,
div#sideBar2 ul li#charArea ul#charList button.char:hover, 
div#sideBar1 ul li#unitNavArea ul#unitList li:hover,
div#sideBar1 ul li#unitNavArea ul#unitList li.shaded,
div#sideBar2 ul li#charArea ul#charList li.charLi:hover,
div#sideBar2 ul li#charArea ul#charList li.shaded,
div#sideBar2 ul li#charArea ul#charList li.largerLi:hover{
	background-color: rgb(255, 153, 0);
	color: rgb(51, 51, 51);
}

div#sideBar2 ul li#charArea ul#charList button.char,
div#sideBar2 ul li#charArea ul#charList li, 
div#sideBar1 ul li#unitNavArea ul#unitList li.shaded:hover,
div#sideBar2 ul li#charArea ul#charList li.shaded:hover,
div#sideBar2 ul li#charArea ul#charList li.shaded.largerLi:hover{
	color: rgb(255, 153, 0);
	background-color: rgb(51, 51, 51);
}

hr{
	background-color: rgb(51, 51, 51);
}

/* text colour content*/
section.content h1, section.content h2,
section.content h3, section.content h4,
section.content p{
	color: rgb(51, 51, 51);
}

button.submitInput{
	background-color: rgb(51, 51, 51);
	color: rgb(255, 153, 0);
}

ul.contentLinks{
	border-right: 0px;
	border-left: 1px solid rgb(102, 102, 102);
}

ul.contentLinks li.contentLink{
	background-color: rgb(51, 51, 51); 
	border-right: 1px solid rgb(102, 102, 102);
	border-bottom: 1px solid rgb(102, 102, 102);
}

ul.contentLinks li.contentLink a{
	color: rgb(255, 153, 0);
}

form.contentForm textarea{
	border: 1px solid rgb(102, 102, 102);
}

/* Footer */
footer#footerUned{
	background-color: rgb(51, 51, 51);
}

footer#footerUned p{
	color: rgb(255, 153, 0);
}

/*document and info prompt*/
div.prompt{
	background-color: rgb(51, 51, 51);
	color: rgb(255, 153, 0);
	border: 1px solid rgb(102, 102, 102);
}

div.prompt p{
	color: rgb(51, 51, 51);
}

div.prompt h3{
	color: rgb(255, 153, 0);
}

div.prompt button{
	background-color: rgb(51, 51, 51);
	color: rgb(255, 153, 0);
}

div#infoPrompt section{
	border: 1px solid rgb(102, 102, 102);
}

/* full screen*/
div#sideBar1.fullScreen{
	background-color: transparent;
	border-right: 0px;
}

div#sideBar1.fullScreen ul li#unitNavArea.fullScreen ul#unitScroll li#unitUpButton,
div#sideBar1.fullScreen ul li#unitNavArea.fullScreen ul#unitScroll li#unitDownButton{
	border: 0px;
}

div#sideBar1.fullScreen ul li#unitNavArea.fullScreen ul#unitScroll li.unitScrollButton{
	color: rgb(255,255,255);
	border: 0px;
	border-left: 1px solid rgb(102, 102, 102);
	border-right: 1px solid rgb(102, 102, 102);
}

/*Full screen transparency*/
div#sideBar2.fullScreen.transparent{
	background-color: transparent;
	border-color: transparent;
}

div#sideBar2.fullScreen.expanded ul#sideUl li#charArea ul#charList li:hover,
div#sideBar2.fullScreen.expanded ul#sideUl li#charArea ul#charList li.shaded{
	background-color: rgb(255, 153, 0);
	color: rgb(51, 51, 51);
}

div#sideBar2.fullScreen.expanded ul#sideUl li#charArea ul#charList li.shaded:hover{
	color: rgb(255, 153, 0);
	background-color: rgb(51, 51, 51);
}

div#sideBar2.fullScreen.transparent ul#sideUl li#charArea,
div#sideBar2.fullScreen.transparent ul#sideUl li#charArea ul#charList,
div#sideBar2.fullScreen.transparent ul#sideUl,
div#sideBar2.fullScreen.transparent ul#sideUl li#charArea ul#charList li.charLi button.char,
div#sideBar2.fullScreen.transparent ul#sideUl li#charArea ul#charList li.charLi,
div#sideBar2.fullScreen.transparent ul#sideUl li#charArea ul#charList li.largerLi.shaded,
div#sideBar2.fullScreen.transparent ul#sideUl li#charArea ul#charList button.largerLi.shaded,
div#sideBar2.fullScreen.transparent ul#sideUl li#charArea ul#charList li.largerLi,
div#sideBar2.fullScreen.transparent ul#sideUl li#charArea ul#charList li.spaceFiller,
div#sideBar2.fullScreen.transparent ul#sideUl li#charArea ul#charList li.noHover,
div#sideBar2.fullScreen.transparent ul#sideUl li#charArea ul#charList li button#shiftKey{
	border-color: transparent;
	color: transparent;
	background-color: transparent;
}

div#sideBar2.fullScreen.transparent li{
	border-color: transparent;
}

div#sideBar2.fullScreen.transparent div#altCharDiv{
	border-color: transparent;
}

div#altCharDiv button#altCharButton, div#sideBar2.fullScreen.expanded div#altCharDiv button#altCharButton{
	background: url(../media/icons/charO.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/*div#altCharDiv button#altCharButton:hover, */div#sideBar2.fullScreen div#altCharDiv button#altCharButton{
	background: url(../media/icons/charO.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: transparent;
}

button#shiftKey{
	text-align: right;
	width:40px;
	height: inherit;
	padding-right: 19px;
	padding-left: 60px;
	font-size: 20px;
	/*background: url(../media/icons/up-outerO.png);
	background-size: 20px 22px;
	background-repeat: no-repeat;
	background-position: right;*/
}

div#sideBar2.fullScreen.expanded ul#sideUl li#charArea ul#charList li#shiftKeyLi button#shiftKey,div#sideBar2.fullScreen.expanded ul#sideUl li#charArea ul#charList li#shiftKeyLi.shaded:hover button#shiftKey,
li#shiftKeyLi.shaded:hover button#shiftKey, li#shiftKeyLi button#shiftKey{
	background: url(../media/icons/up-outerO.png);
	background-size: 20px 22px;
	background-repeat: no-repeat;
	background-position: right;
}

li#shiftKeyLi:hover button#shiftKey, li#shiftKeyLi.shaded button#shiftKey, div#sideBar2.fullScreen.expanded li#shiftKeyLi:hover button#shiftKey,
div#sideBar2.fullScreen.expanded ul#sideUl li#charArea ul#charList li#shiftKeyLi:hover button#shiftKey, div#sideBar2.fullScreen.expanded ul#sideUl li#charArea ul#charList li#shiftKeyLi.shaded button#shiftKey{
	background: url(../media/icons/up-outerO-shaded.png);
	background-size: 20px 22px;
	background-repeat: no-repeat;
	background-position: right;
}

div#sideBar2.fullScreen button#shiftKey{
	background: initial;
}

button#pdfButton{
	background: url(../media/icons/downloadO.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

button#docCloseButton, button#infoCloseButton{
	background: url(../media/icons/closeO.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/*button#pdfButton:hover{
	background: url(../media/icons/download-shaded.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}*/

/*button#fullScreenButton:hover{
	background: url(../media/icons/maxi.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}*/

button#fullScreenButton{
	background: url(../media/icons/maxiO.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: transparent;
}

div#sideBar2.fullScreen.expanded ul#sideUl button#fullScreenButton,
div#sideBar2.fullScreen ul#sideUl button#fullScreenButton{
	background: url(../media/icons/miniO.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: transparent;
}

button#homeButton{
	background: url(../media/icons/homeO.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}


/*button#homeButton:hover{
	background: url(../media/icons/home.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}*/

button#infoButton{
	background: url(../media/icons/infoO.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/*button#infoButton:hover{
	background: url(../media/icons/info-shaded.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}*/

li#unitUpButton{
	background: url(../media/icons/up-squareO.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

li#unitDownButton{
	background: url(../media/icons/down-squareO.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

button#menuCollapseButton{
	background: url(../media/icons/expandO.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/*button#menuCollapseButton:hover{
	background: url(../media/icons/expand.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}*/

div#sideBar1.expanded button#menuCollapseButton{
	background: url(../media/icons/collapseO.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/*div#sideBar1.expanded button#menuCollapseButton:hover{
	background: url(../media/icons/collapse-shaded.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	
	filter: alpha(opacity=100); /* For IE8 and earlier 
}*/

div#sideBar1.fullScreen li#unitUpButton, div#sideBar1.fullScreen li#unitDownButton{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}

/* table O area*/
table{border: 1px solid rgb(204, 204, 204);}
.tftable {color:rgb(0,0,0);width:80%; margin:20px 10%;border-width: 1px;border-collapse: collapse;border-color: rgb(204, 204, 204);}
.tftable th {background-color:#e6983b;color:#000;border-width: 1px;padding: 8px;border-style: solid;border-color: rgb(204, 204, 204);text-align:left;}
.tftable tr {background-color:#ffffff;}
.tftable td {border-width: 1px;padding: 8px;border-style: solid;border-color: rgb(204, 204, 204);}
.tftable tr:hover {background-color:#ffff99;}

/*<p><small>Created with the <a href="http://www.textfixer.com/html/html-table-generator.php" target="_blank">HTML Table Generator</a></small></p>*/