/*@charset "utf-8"; CSS Document */

body
{
	background-color:#000000; /*#333333;*/
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	background-image: url('images/HCTBBackYPND.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px; 
	text-align: center;
	width: 100%;
	height: 100%;
}

.NormalText
{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;/*  Verdana, Arial, Helvetica, sans-serif;*/
	font-size:13px;
}

.FooterText
{
	color:#FFCC00;
	font-family: Arial, Helvetica, sans-serif;/*  Verdana, Arial, Helvetica, sans-serif;*/
	font-size:16px;
}



.NormalInput
{
	border: 1px solid #A8B0B8;
  	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

.NormalButton
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	border: 2px solid #CC0;
	background-color:#CC0; /*#CCCCCC;*/
	color:#000;
	padding:4px;
}

.tableform 
{
  /* border: 1px solid #999999;*/
  /*background-color: #292929;*/ /*#292929;*/
}


.NormalLink
{
	color: #CF0;
	font-family:Arial, Helvetica, sans-serif
	font-size:13px;
}

A.NormalLink:link
{
	text-decoration: underline;
}

A.NormalLink:hover 
{
	color:#FF6600;
}


.LargeText
{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
}

.LargeLink
{
	color: #CF0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
}

A.LargeLink:link
{
	text-decoration:underline;
}

A.LargeLink:hover 
{
	color:#FF6600;
}


#modalBackground 
{
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
	opacity: 0.8;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	filter: alpha(opacity=80);       /* IE 4-7 */
	zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
	
    z-index:60; 
}
    
#modalMessage
{ 
    position:fixed; 
    top:25%; 
    left:30%;
    padding: 0px;
	padding-top: 20px;
    /*height: 20%;
    width: 30%;*/
	width: 500px;
	height: 200px;
    overflow:auto;
    border: solid 2px #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
    text-align: center;
	color: #FFFFFF;
    background-color:#333333;
    z-index:61; 
	
}


#TwitterModalBackground 
{
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
	opacity: 0.8;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	filter: alpha(opacity=80);       /* IE 4-7 */
	zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
    z-index:6; 
}


#TwitterModalMessage
{ 
    position:fixed; 
    top:25%; 
    left:30%;
    padding: 0px;
	padding-top: 20px;
    /*height: 20%;
    width: 30%;*/
	width: 500px;
	height: 200px;
	min-height: 200px;
    overflow:auto;
    border: solid 2px #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
    text-align: center;
	color: #FFFFFF;
    background-color:#333333;
    z-index:7; 
}



#MenuStripContainer
{
	position: absolute;
	top: 50px; 
	left: 0;
	right: 0; 
	height: 110px;
	margin: 0 auto; 
	background-color: #000000;

	opacity: 0.5;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50);       /* IE 4-7 */
	zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
}

#MenuStrip
{
	position: absolute;
	top: 65px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	z-index: 0;
}


.TopMenu
{
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 1;
}

.TopMenu li
{
	padding-left: 30px;
	padding-right: 30px;
	display: inline;
	list-style: none;
	text-decoration: none;
	color: #FFFFFF;
}

.TopMenu li a
{
	/*font-family: Trebuchet MS, Arial;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #EFEFEF; 
	text-decoration: none;
}

.TopMenu a:hover
{
	cursor: pointer;
	color: #f4f224;
	/*background-color: #333333;*/
}


#MainAreaContainer
{
	position: relative;
	top: 170px;
	height: 540px; 
	min-height: 540px;
}

#MainArea
{
	position: relative; 
	margin: 0 auto; 
	top: 50px; 
	width: 500px; 
	height: 400px; 
	text-align: center;
	display: block;
}

#ContentContainer
{
	margin: 0 auto;
	top: 0px;
	left: 0; 
	right: 0;
	position: absolute;
	margin: 0 auto;
	height: 380px;
	min-height: 380px;
	width: 500px;
	
	background-color: #000;
    border: solid 2px #999999;
	opacity: 0.85;                  /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=85)"; /* IE 8 */
	filter: alpha(opacity=85);       /* IE 4-7 */
	zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */
	z-index: 1;
}

#ContentInner
{
	/*top: 110px;*/
	left: 0; 
	right: 0;
	position: absolute;
	margin: 0 auto;
	z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
    text-align: center;
	color: #FFFFFF;
}

#FooterLinks
{
	text-align:: center; 
	margin: 0 auto; 
	position: absolute; 
	top: 650px; 
	left: 0; 
	right: 0;
}

.ShareToDownload
{
	font-size: 17px; 
	color: #CC0; 
	font-family: Arial, Helvetica, sans-serif;
}