/*-------------------------------------------------------------------------
Top
-------------------------------------------------------------------------*/
/*- Header ----------------------------------------------------*/
#HeaderTop {
	position:relative;
	width:918px;
	height:80px;
	background-image:url('./images/top/cssHeaderBack.jpg');
}
#HeaderTop #SiteName {
	position:absolute;
	top:12px;
	left:27px;
	width:149px;
	height:45px;
	font-size:1pt;
}
#HeaderTop #SiteName a {
	display:block;
	width:149px;
	height:45px;
	font-size:1pt;
	text-indent:-5000em;
}
#HeaderTop #SiteDescription {
	display:none;
}
#HeaderTop #HeaderLink {
	width:918px;
	height:19px;
}
#HeaderTop #HeaderLink li {
	position:absolute;
	font-size:1px;
	text-indent:-5000em;
}
#HeaderTop #HeaderLink li a {
	display:block;
	height:19px;
	font-size:1px;
	text-indent:-5000em;
	background-image:url('./images/cssHeaderLink.gif');
}
#HeaderTop #HeaderLink .contact {
	left:683px;
	width:55px;
}
#HeaderTop #HeaderLink .contact a {
	width:55px;
	background-position:0 0;
}
#HeaderTop #HeaderLink .contact a:hover {
	width:55px;
	background-position:0 -19px;
}
#HeaderTop #HeaderLink .privacy {
	left:741px;
	width:86px;
}
#HeaderTop #HeaderLink .privacy a {
	width:86px;
	background-position:-55px 0;
}
#HeaderTop #HeaderLink .privacy a:hover {
	width:86px;
	background-position:-55px -19px;
}
#HeaderTop #HeaderLink .sitemap {
	left:830px;
	width:59px;
}
#HeaderTop #HeaderLink .sitemap a {
	width:59px;
	background-position:-141px 0;
}
#HeaderTop #HeaderLink .sitemap a:hover {
	width:59px;
	background-position:-141px -19px;
}


/*- Banner ----------------------------------------------------*/
#BannerTop {
	position:relative;
	width:918px;
	height:285px;
}
#BannerTop #BannerLink {
	position:absolute;
	width:918px;
	height:285px;
	background-image:url('./images/top/cssBannerBack.jpg');
}
#BannerTop #BannerLink li {
	position:absolute;
	top:245px;
	height:30px;
	font-size:1pt;
	text-indent:-5000em;
}
#BannerTop #BannerLink li a {
	display:block;
	height:30px;
	font-size:1pt;
	text-indent:-5000em;
	background-image:url('./images/top/cssBannerLink.jpg');
}
#BannerTop #BannerLink .contact {
	left:52px;
	width:202px;
}
#BannerTop #BannerLink .contact a {
	width:202px;
	background-position:0 0;
}
#BannerTop #BannerLink .contact a:hover {
	background-image:none;
}
#BannerTop #BannerLink .profile {
	left:729px;
	width:74px;
}
#BannerTop #BannerLink .profile a {
	width:74px;
	background-position:-202px 0;
}
#BannerTop #BannerLink .profile a:hover {
	background-image:none;
}
#BannerTop #BannerLink .about {
	left:802px;
	width:90px;
}
#BannerTop #BannerLink .about a {
	width:90px;
	background-position:-275px 0;
}
#BannerTop #BannerLink .about a:hover {
	background-image:none;
}


/*- Main ------------------------------------------------------*/
#Top {
	float:right;
	width:641px;
}
#Top h1 {
	display:none;
}
#Top .guide {
	position:relative;
	width:641px;
	height:122px;
	margin:0 0 10px 0;
	background-image:url('images/top/cssGuideBack.png');
}
#Top .guide li {
	position:absolute;
	top:94px;
	width:73px;
	height:19px;
	font-size:1pt;
	text-indent:-5000em;
}
#Top .guide li h2 {
	display:none;
}
#Top .guide li p {
	display:none;
}
#Top .guide li div a {
	display:block;
	width:73px;
	height:19px;
	font-size:1pt;
	text-indent:-5000em;
}
#Top .guide li div a:hover {
	background-image:none;
}
#Top .guide .guide1 {
	left:131px;
}
#Top .guide .guide2 {
	left:328px;
}
#Top .guide .guide3 {
	left:530px;
}
#Top #MethodAndExample {
	position:relative;
	width:641px;
	height:200px;
	margin:0 0 20px 0;
}
#Top .method {
	position:absolute;
	left:413px;
	width:201px;
	height:200px;
	background-image:url('./images/top/cssMethodBackOvr.png');
}
#Top .method h2 {
	display:none;
}
#Top .method p {
	display:none;
}
#Top .method div a {
	display:block;
	width:197px;
	height:197px;
	padding:1px 2px 2px 2px;
	background-image:url('./images/top/cssMethodBack.png');
	font-size:1pt;
	text-indent:-5000em;
}
#Top .method div a:hover {
	background-image:none;
}
#Top .example {
	position:relative;
	top:3px;
	left:17px;
	width:391px;
}
#Top .example h2 {
	width:46px;
	height:12px;
	padding:9px 8px 8px 337px;
	background-image:url('./images/top/cssExampleH2.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Top .example h2 a {
	display:block;
	width:46px;
	height:12px;
	font-size:1pt;
	text-indent:-5000em;
}
#Top .example .list {
	width:356px;
	padding:10px 20px 10px 15px;
}
#Top .example .list li {
	width:341px;
	padding:5px 0 5px 15px;
	background-image:url('./images/top/cssExampleListMarker.gif');
	background-position:left center;
}
#Top .example .list li p {
	width:341px;
	padding:3px 0;
	border-bottom:1px solid #ccc;
}
#Top .example .list li p a {
	color:#c60;
}
#Top .example div {
	width:73px;
	height:19px;
	padding:0 9px 20px 309px;
}
#Top .example div a {
	display:block;
	width:73px;
	height:19px;
	background-image:url('images/top/cssExampleLink.png');
	font-size:1pt;
	text-indent:-5000em;
}
#Top #Info {
	position:relative;
	width:595px;
	padding:0 29px 0 17px;
}
#Top #Info h2 {
	background-image:url('./images/top/cssInfoH2.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Top #Info dl {
	width:565px;
	padding:0 15px 10px 15px;
}
#Top #Info dl dt {
	clear:left;
	float:left;
	width:90px;
	padding:0 0 0 10px;
	background-image:url('./images/top/cssInfoMarker.gif');
	background-position:left center;
}
#Top #Info dl dd {
	float:left;
	width:465px;
	padding:0 0 20px 0;
}
#Top #Info dl dd h3 {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #ccc;
	font-size:small;
	font-weight:bold;
}
#Top #Info dl dd h3 a {
	color:#c60;
	font-weight:bold;
}
#Top #Info dl dd .entry {
}
#Top #Info dl dd .entry p {
	margin:0 0 1em 0;
	line-height:120%;
}
#Top #Info dl dd .entry p a {
	color:#c60;
}
#Top #Info dl dd .entry p a .more {
	font-size:90%;
	font-weight:bold;
	vertical-align:bottom;
}
#Top #Info .news {
	clear:both;
}
#Top #Info .news h2 {
	width:46px;
	height:12px;
	margin:0 0 15px 0;
	padding:9px 7px 8px 542px;
	background-position:0 0;
}
#Top #Info .news h2 a {
	display:block;
	width:46px;
	height:12px;
	font-size:1pt;
	text-indent:-5000em;
}
#Top #Info .press {
	clear:both;
}
#Top #Info .press h2 {
	width:46px;
	height:12px;
	margin:0 0 15px 0;
	padding:9px 7px 8px 542px;
	background-position:0 -29px;
}
#Top #Info .press h2 a {
	display:block;
	width:46px;
	height:12px;
	font-size:1pt;
	text-indent:-5000em;
}
#Top #Info .attention {
	clear:both;
}
#Top #Info .attention h2 {
	width:46px;
	height:12px;
	padding:9px 7px 8px 542px;
	background-position:0 -29px;
	font-size:1pt;
	text-indent:-5000em;
}
#Top #Info .attention .iframe {
    width:595px;
    height:200px;
    padding:10px 0 15px 0;
}
#Top #Info .attention .iframe iframe {
    width:595px;
    height:200px;
    border:0;
    overflow:auto;
}
#Top #Info .column {
	clear:both;
}
#Top #Info .column h2 {
	width:46px;
	height:12px;
	margin:0 0 15px 0;
	padding:38px 7px 8px 542px;
	background-position:0 -58px;
}
#Top #Info .column h2 a {
	display:block;
	width:46px;
	height:12px;
	font-size:1pt;
	text-indent:-5000em;
}


/*- Side ------------------------------------------------------*/
#Contents #Side #SideHandbook {
	width:250px;
	height:95px;
	padding:7px 0 0 0;
	background-image:url('./images/top/cssSideHead.gif');
}