/*
		Standard HTML elements
*/

body {
	background-color: rgba(35, 31, 32, 1);
	color: tan;
}

header {
	background-color: rgba(70,61,64,0.9);
	color:tan;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 5px 10px black;
	display:block;
	width: 100%;
	max-width: 1000px;
	text-align: center;
}

video {
	border-radius: 5px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	padding-bottom: 5px;
}

table {
	color:tan;
	background-color: rgba(70,61,64,0.5);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 5px 10px black;
	border-spacing: 0px;
}

th {
	font-weight: bold;
	text-shadow: 2px 2px black;
	border-bottom: 1px solid rgba(240, 210, 140, 0.2);
	background: linear-gradient(rgba(140, 122, 128, 0.5), rgba(70,61,64,0.5));
	height: 20px;
}

tfoot {
	//background: linear-gradient(rgba(140, 122, 128, 0.5), rgba(70,61,64,0.5));
	background: linear-gradient(rgba(70,61,64,0.5), rgba(140, 122, 128, 0.5));
}

summary {
	transform: scale(1.1, 1.1);
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	padding: 10px;
	text-align: center;
	background-color: rgba(70,61,64,0.5);
	background: linear-gradient(rgba(140, 122, 128, 0.5), rgba(70,61,64,0.5));
	border-radius: 10px 10px 10px 10px;
	box-shadow: 2px 2px 10px black;		
}

footer {
	background-color: rgba(70,61,64,0.5);
	color: tan;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 5px 10px black;
	display: block;
	width: 100%;
	max-width: 1000px;
	text-align: center;
}

hr {
	border-color: rgba(70,61,64,0.5);
}

td {
	vertical-align: top;
}

a:link,
a:visited {
	text-decoration: none;
	color: rgba(195, 200, 140, 1);
	text-shadow: 2px 2px black;
}

a:hover {
	color: rgba(150, 200, 100, 1);
	text-shadow: 1px 1px rgba(0, 150, 0, 0.5);
}

@keyframes fadeIn	{
	0%		{opacity: 0;}
	100%	{opacity: 1;}
}



/*
				I N P U T		I N P U T		I N P U T		I N P U T		I N P U T		I N P U T
*/

input {
	border-radius: 5px;
}

select {
	border-radius: 5px;
}
	
input:focus {
	border: tan 1px dashed;
	box-shadow: 0px 0px 10px rgba(50, 255, 50, 1);
	#padding: 2px;
}

input:disabled {
	background: rgba(255, 255, 255, 0.8);
}

input[type=button],
input[type=submit]	{
	margin-top: 5px;
	background: rgba(80, 70, 60, 0.8);
	border: black 1px solid;
	color: tan;
	border-radius: 2px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}

input[type=button]:active,
input[type=submit]:active	{
	height: 20px;
	padding-top: 0px;
	box-shadow: none;
	border: none;
}

input[type=button]:disabled,
input[type=submit]:disabled	{
	margin-top: 5px;
	background: rgba(70, 65, 55, 0.3);
	border: grey 1px solid;
	color: rgba(200, 170, 140, 0.3);
	border-radius: 2px;
	box-shadow: none;
}

input[type=button]:hover:enabled,
input[type=submit]:hover:enabled	{
	color: lightgreen;
	text-shadow: 0px 0px tan;
	box-shadow: 0px 0px 4px rgba(0, 150, 0, 0.5);
	background: rgba(90, 80, 70, 0.8);
}


/*					C O M M O N		C O M M O N		C O M M O N		C O M M O N		C O M M O N		C O M M O N\

					Might apply to every page.
*/

img#BannerAd {
	width: 100%;
}

img#DDW_Logo {
	width:100%;
}


div#LastModified {
	text-align: center;
	font-size: 10px;
	opacity: 0.5;
}

.FooterTable {
	width:100%;
}

.FooterTable a:link,
.FooterTable a:visited {
	text-decoration: none;
	color: tan;
}

div#FullPage {
	margin:auto;
	width:100%;
	max-width: 1000px;
	position:relative;
	top: -5px;
	box-shadow: 1px 1px 50px black;
	border-radius: 0px 0px 15px 15px;
	padding: 0px 20px;
	
	opacity: 0;
	animation: fadeIn 1s linear 0s 1;
	animation-fill-mode: forwards;
}

td#HeaderLogo:hover {
	box-shadow: 1px 1px 10px green;
}

td#BannerAdvertisement {
	width: 100%;
}

td#HeaderNavigation {
	border-radius: 5px 5px 5px 5px;
	height:20px;
}

span.ActiveNavLink {
	background: linear-gradient(rgba(140, 122, 128, 0.5), rgba(70,61,64,1));
	width: 120px;
	height: 20px;
	bottom: 0px;
	text-align: center;
	box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.5);
	border-radius: 5px 5px 0px 0px;
	float: left;
}

span.NavLink {
	width: 120px;
	height: 20px;;
	bottom: 0px;
	text-align: center;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	border-radius: 5px 5px 0px 0px;
	float: left;
}

span.NavLink:hover {
	box-shadow: 0px 0px 3px black;
}

span.ContactLink {
	width: 120px;
	height: 20px;
	bottom: 0px;
	text-align: center;
	//box-shadow: 0px 0px 3px black;
	border-radius: 5px 5px 0px 0px;
	float: right;
}

span.DisabledNavLink {
	width: 120px;
	height: 20px;
	bottom: 0px;
	text-align: center;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	border-radius: 5px 5px 0px 0px;
	float: left;

	color: grey;
	font-weight: bold;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}

span.LogoutNavLink {
	background: linear-gradient(rgba(100,61,64,0.5), rgba(150, 80, 80, 0.25));
	width: 80px;
	height: 20px;
	bottom: 0px;
	text-align: center;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	border-radius: 7px 7px 7px 7px;
	float: left;
}

.LogoutNavLink a:link,
.LogoutNavLink a:visited {
	text-decoration: none;
	color: rgba(255, 180, 150, 1);
	font-weight: bold;
	text-shadow: 2px 2px 3px black;
}

.LogoutNavLink a:hover {
	text-decoration: none;
	color: rgba(255, 150, 150, 1);
	font-weight: bold;
	text-shadow: 2px 2px 3px rgba(50, 0, 0, 1);
}


span.LogoutNavLink:hover {
	background: linear-gradient(rgba(110,61,64,0.5), rgba(180, 100, 100, 0.25));
	box-shadow: 0px 0px 3px rgba(100, 0, 0, 1);
}

.NavLink a:link,
.NavLink a:visited,
.ActiveNavLink a:link,
.ActiveNavLink a:visited{
	text-decoration: none;
	color: tan;
	font-weight: bold;
	text-shadow: 2px 2px 3px black;
}

.ContactLink a:link,
.ContactLink a:visited {
	text-decoration: none;
	color: rgba(50, 160, 50, 1);
	font-weight: bold;
	text-shadow: 2px 2px 3px black;
}

.NavLink a:hover,
.ActiveNavLink a:hover,
.ContactLink a:hover,
.FooterTable a:hover {
	color: lightgreen;
	text-shadow: 2px 2px 3px green;
}

.Navigation {
	background-color: rgba(70,61,64,0.9);
	color:tan;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 5px 10px black;
	display:block;
	width: 100px;
}

td#Navigation-Link {
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	width: 100px;
}

td#Navigation-Link:hover {
	box-shadow: 1px 1px 10px rgba(0, 100, 0, 0.5);
	color: lightgreen;
}

a#DisabledLink, a#DisabledLink:hover {
	color: gray;
	text-shadow: none;
}

.HiddenTable {
	background-color:inherit;
	box-shadow: none;
	border-radius: none;
}

table#HeaderTable {
	width: 100%;
}

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

div.ARTICLE {
	margin-top: 20px;
	margin-bottom: 20px;
}

div#ArticleTitle {
	margin-left: auto;
	margin-right: auto;
	width: 25%;
	text-align: center;
	font-size: 16pt;
	text-shadow: 2px 2px black;
	background-color: rgba(70,61,64,0.7);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 10px black;	
	margin-bottom: 20px;
}

td#tfoot {
	text-align: right;
	font-size: 10pt;	
	border-top: 1px solid rgba(240, 210, 140, 0.2);
	height: 15px;
}

span#ZoomableImage-Left {
	display: inline-block;
	float: left;
	background-color: rgba(70,61,64,0.7);
	border-radius: 10px 10px 10px 10px;
	box-shadow: 2px 2px 10px black;	
	margin-right: 10px;
}

span#ZoomableImage-Right {
	display: inline-block;
	float: right;
	background-color: rgba(70,61,64,0.7);
	border-radius: 10px 10px 10px 10px;
	box-shadow: 2px 2px 10px black;	
	margin-left: 10px;
}

div#OList {
	margin-top: 12px;
	display: table;
}

span#CompanyName,
span#DDWCompanyName,
span#CharityOrganization,
span#TownName  {
	font: italic bold 11pt Georgia, sans-serif;
	text-shadow: 2px 2px black;
}

span#CompanyName,
span#DDWCompanyName:hover,
span#CharityOrganization:hover,
span#TownName:hover  {
	color: rgba(220, 190, 150, 1);
}


/*
			N E W S 		N E W S 		N E W S 		N E W S 		N E W S 		N E W S 
*/

td#NewsDateOdd {
	text-align: center;
	text-shadow: 2px 2px black;
	font: bold 11pt Georgia, sans-serif;
	width: 120px;
	background: linear-gradient(to right, rgba(140, 122, 128, 0.5), rgba(70,61,64,0.5));
}

td#NewsDateEven {
	text-align: center;
	text-shadow: 2px 2px black;
	font: bold 11pt Georgia, sans-serif;
	width: 180px;
	background: linear-gradient(to left, rgba(140, 122, 128, 0.5), rgba(70,61,64,0.5));
}

td#NewsItemEven {
	background: linear-gradient(to right, rgba(140, 122, 128, 0.5), rgba(70,61,64,0.5));
}

td#NewsItemOdd {
	background: linear-gradient(to left, rgba(140, 122, 128, 0.5), rgba(70,61,64,0.5));
}

table#NewsTable {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;

}


/*
			L O G I N  	L O G I N 	 	L O G I N  		L O G I N  		L O G I N  		L O G I N  		L O G I N  
			
			Also includes logout, since there's not much to it :p
*/

table#LoginTable {
	margin: auto;
	padding: 20px;
	width: 300px;
}

div#LogoutBanner {
	height: 25px;
	display:block;
}

form#LogoutForm {
	float:left;
	display:inline;
	padding: 0px;
}

div#LoginLabel {
	float:left;
}

#Username {
	margin: auto;
	display: block;
}

#Password {
	margin: auto;
	display: block;
}

#LoginButton {
	margin:auto;
	display: block;
}


/*
	G E N E R I C 	T A B L E  C E L L S
*/


td#SS_TDL {
	border-radius: 5px 5px 5px 5px;
	background-color: rgba(70, 70, 140, 0.3);
	min-width: 80px;
	font-weight: bold;
	text-shadow: 2px 2px black;
}

td#SS_TDR {
	border-radius: 5px 5px 5px 5px;
	background-color: rgba(70, 140, 70, 0.3);	
	min-width: 60px;
	text-shadow: 2px 2px black;
}


td#SC_TDL {
	border-radius: 5px 5px 5px 5px;
	background-color: rgba(70, 70, 140, 0.3);
	min-width: 120px;
	font-weight: bold;
	text-shadow: 2px 2px black;
}

td#SC_TDR {
	border-radius: 5px 5px 5px 5px;
	background-color: rgba(70, 140, 70, 0.3);	
	min-width: 60px;
	text-shadow: 2px 2px black;
}


/*
		P O R T F O L I O		P O R T F O L I O		P O R T F O L I O		P O R T F O L I O		P O R T F O L I O
*/

table#PortfolioEntryOdd,
table#PortfolioEntryEven
 {
	width: 100%;
}

#PortfolioPosterOdd,
#PortfolioContactEven {
	border-right: 1px solid rgba(240, 210, 140, 0.2);
	border-bottom: 1px solid rgba(240, 210, 140, 0.2);
}

#PortfolioPosterEven,
#PortfolioContactOdd {
	border-left: 1px solid rgba(240, 210, 140, 0.2);
	border-bottom: 1px solid rgba(240, 210, 140, 0.2);
}

#PortfolioPosterOdd,
#PortfolioPosterEven {
	width: 35%;
}

#PortfolioPoster {
	margin: 0px 10px 10px 10px;
}

div#VideoQualitySelectors {
	border-radius: 5px 5px 15px 15px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}


.ActiveQuality {
	background: linear-gradient(rgba(222, 222, 222, 1), silver);
	color: black;
	cursor: default;
}

.DisabledQuality,
.DisabledQuality:hover {
	color: grey;
	cursor: not-allowed;
}

.EnabledQuality {
	color: rgba(0, 0, 0, 0.8);
}

.EnabledQuality:hover {
	color: black;
	background: linear-gradient(rgba(210, 210, 210, 1), silver);
	cursor: pointer;
}

#PortfolioDescription {
	height: 25px;
}

span#HDQuality,
span#SDQuality,
span#LowQuality {
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	background-color: silver;
}

span#HDQuality {
	border-radius: 15px 0px 0px 0px;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}

span#LowQuality {
	border-radius: 0px 15px 0px 0px;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
}

div#Address {
	margin-left: 10px;
	margin-bottom: 15px;
}

span#Address:hover {
	cursor: pointer;
	color: green;
	text-shadow: 1px 1px black;
}

#PhoneNumber {
	padding-left: 10px;
}

span#Footnote {
	font: 6pt italic, Georgia, sans-serif;
}

div#PortfolioContactIdentifier {
	font: 14pt bold, "Times New Roman", serif;
	font-weight: bold;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	text-align: center;
	background: linear-gradient(rgba(140, 122, 128, 0.5), rgba(70,61,64,0.5));
}