﻿/*
//   ==================================================================================
//   .NET Framework 4.0 and AJAX Control Toolkits 4.0.
//   ==================================================================================
//   Copyright (C) 2011  Tam T. Lam
//   Author: Tam T. Lam, PhD
//   Email: tamtolam@hotmail.com
//   Date: 11/12/2011
//   ==================================================================================
//
//   Description: Styles
//
//   ==================================================================================
*/
		body
		{         	
			background-image: url('../images/backgroundA.jpg');
			
			margin: 0px;
			padding: 0px;
			font: normal 13px arial;
		}
		
		.header
		{
		    font: normal 12px arial;
		    margin: 0px auto;
		    width: 1000px;
		    height: 110px;
		    background: url('../images/headerTLMCSmall.jpg') no-repeat;
		}
        .headerEn
		{
		    font: normal 12px arial;
		    margin: 0px auto;
		    width: 1000px;
		    height: 110px;
		    background: url('../images/headerTLMCSmallEnglish.jpg') no-repeat;
		}		
		.nav
		{
		    margin: 0 auto 0 auto;
		    width: 1000px;
		    height: 155px;
		    
		}
		.content
		{
		    font: normal 12px arial;
		    margin: -131px auto 0 auto;
		    width: 1000px;
		   
		    background: url('../images/background.jpg');
		    
		}
		.homeContent1
{
    font: italic 20px arial;
    font-weight: bold;
    color: #FF0000;
}
		.homeContent2
{
    padding: 10px;
    font: normal 14px arial;

}
        .footerDiv
		{
			font: normal 10px arial;
			 width: 1000px;
			background-color: #DAF1AD;
			margin: inherit auto inherit auto;
		}
			
.TetContent
		{
			border: 1px solid #2F4F4F;
			color: black;
			background-color: yellow;
			font-size: 12px;
			font-weight: bold;
			padding: 5px;
			margin-top: 5px;
			cursor: pointer;
		}
	
		.menuHeader
		{
			text-align: left;
			font: 12px arial;
		   
		}

		.NewsRow
		{
			border-right: 0px;
			border-top: gray solid 0px;
			font: 12px arial;
			border-left: gray solid 0px;
			color: gray;
			background-color: #F4F4F4;
			font-weight: bold;
			border-style: none none none none;
			border-width: thin;
		}
		.accordion
		{
			width: 900px;
		}
		.accordionHeader
		{
			border: 1px solid #2F4F4F;
			color: black;
			background-color: #C2D3FC;
			xfont-family: Arial, Sans-Serif;
			font-size: 12px;
			font-weight: bold;
			padding: 5px;
			margin-top: 5px;
			cursor: pointer;
		}
		.accordionHeaderSelected
		{
			border: 1px solid #2F4F4F;
			color: black;
			background-color: #E7EEFE;
			xfont-family: Arial, Sans-Serif;
			font-size: 12px;
			font-weight: bold;
			padding: 5px;
			margin-top: 5px;
			cursor: pointer;
		}
		.accordionContent
		{
			background-color: white;
			border: 1px dashed #2F4F4F;
			border-top: none;
			padding: 5px;
			padding-top: 10px;
		}
		.intro
		{
			border-right: 1px;
			border-top: #C2D5FC solid 1px;
			xfont: 12px verdana,arial,helvetica, "sans-serif";
			border-left: #C2D5FC solid 1px;
			color: black;
			background-color: #C2D5FC;
			font-weight: bold;
			border-style: solid outset ridge ridge;
			border-width: thin;
			padding: 5px;
			margin-top: 5px; 
			padding-top: 10px;           
		}
		.tvLinkHeader
		{
			border: 1px solid #2F4F4F;
			color: black;
			background-color: #C2D3FC;
			xfont-family: Arial, Sans-Serif;
			font-size: 12px;
			font-weight: bold;
			padding: 5px;
			margin-top: 5px;            
		}
		.tvLinkContent
		{
			text-align: left;
			background-color: white;
			border: 1px dashed #2F4F4F;
			border-top: none;
			padding: 5px;
			padding-top: 10px;
		}
		.footer
		{
			font-family: Arial, Sans-Serif;
			font-size: 10px;
			background-color: #DAF1AD;
			border-style: outset outset outset outset;
			border-width: 1px;
			border-top: outset 1px gray;
			padding: 5px;
			
		}

.audio
{
    text-decoration: none;
    
}

.audioformat
{
    text-decoration: none;
    background-color: #ECE7B2;
}
.audioformat caption{
	xfont-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#333;
	text-transform: capitalize;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	text-align: left;
	background-color: #E2E2E2;
}
.audioformat th {
	background-color: #ECE7B2;
	xfont-family:Helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:15px;
}
.audioformat img {
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
}
.audioformat td {
	background-color: #FFFFFF;
	text-align: left;	
	padding: 3px;
}
.audioformat th#left{
	text-align: left;	
}
.audioformat th#right{
	text-align: right;
	font-size: 12px;
	color: #000;
}

.audioformat td#left{
	background-color: #F4F2D7;
	text-align: left;
}
.audioformat td#right{
	background-color: #ECE7B2;
	text-align: right;
}
.audioformat td#left1{
	text-align: left;	
}
.audioformat td#right1{
	text-align: right;	
}
.audioformat td#left2{
	background-color: #E9E9E9;
	text-align: left;
	font-size: 12px;
	color: #000;
}
.audioformat td#left3{
	background-color: #F4F2D7;
	text-align: left;
	font-weight: bold;
}
.audioformat td#right2{
	background-color: #F4F4F4;
	text-align: right;	
}
.audioformat td#center{
	background-color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}
.audioformat td#center1{
	text-align: center;
}

.feedback {
	padding: 10px;
	border: 1px outset #2F4F4F;
	
}

#ddsocial {position: absolute; margin-left: -138px; margin-top: 0px;}

#ddsocial.floating {position: fixed; top: 0;}

.donatedd {
text-align:right;
color:#666;
width:138px;
font-size:9px;
xfont-family:georgia, 'time new romans', serif;
margin:0 auto;
padding:0;
}

.donatedd p {
color:#cccccc;
line-height:22px;
padding: 0 0 10px 0;
margin: 20px 0 20px 0;
}

.donatedd img {
border:none;
}

#donatepp {
clear: both;
margin: 0;
padding: 0;
}

#donatepp a{
float: right;
background: #9FC54E;
border: 1px solid #9FC54E;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
text-decoration: none;
font-size: 14px;
letter-spacing:-1px;
xfont-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px;
font-weight: 700;
}

#donatepp a:hover{
float: right;
background: #1777b1;
border: 1px solid #cccccc;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
text-decoration: none;
font-size: 14px;
letter-spacing:-1px;
xfont-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px;
font-weight: 700;
}

 .hiddenDiv
 {
	visibility: hidden;
	width:0px;
	height:0px;
	top:0px;
	left: 0px;
	display: none;
	z-index: null;
 }
 
.modalContainer 
{
	top: 0%;
	left: 0%;
	width: 0;
	height: 0;
	background: #f3f3f3;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	visibility: visible;
	cursor:none;
	position: absolute;
	display:block;
}

.modalWindow 
{
	border-style: solid dotted;
	border-color: #aaaaaa;
	border-width: 8px 1px;
	margin: 0.25em;
	padding: 10px;
	float: center;
	position: absolute;
	left:50%;
	top:50%;
	text-align: left;
	top: 0px;
	width: 71.9%;
	overflow: hidden;
	background-color: #ffffff; 
	cursor:default;
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	visibility: hidden;
	z-index:100;
 }
