

/* ============================================================================ */

/* CENTER CONTENT FRAME */

.center_header                /* tab image */
{
	background: url(images/center/center-top-1.jpg) no-repeat; 
	height: 29px; 
}

.center_header_text           /* tab caption text */
{
	font: 12px Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: right;
	color: #EFEFFF;       /* text color */
	padding-top: 8px;     /* caption text top offset */
	padding-right: 28px;  /* caption text right offset */
}

.center_bottom_line           /* bottom line image */
{
	background: url(images/center/center-bottom.jpg) 0 100% no-repeat; 
}

.center_left_line             /* left line image */
{
	background: url(images/center/center-left.jpg) repeat-y
}

.center_right_line            /* right line image */
{
	background: url(images/center/center-right.jpg) 100% 0 repeat-y
}

.center_content_chapter       /* content chapter */
{
	text-align: left;
	font: 12px Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #0000FF;
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.center_content               /* general content */
{
	background: #F5FDFE;
	text-align: left;
	font: 11px Verdana, Arial, sans-serif;
	color: #000044;
	margin-left: 6px;
	margin-right: 6px;
	padding: 5px;
}
.center_content_selected      /* selected content */
{
	background: #A0C0FF;
	text-align: left;
	font: 11px Verdana, Arial, sans-serif;
	color: #000044;
	margin-left: 6px;
	margin-right: 6px;
	padding: 5px;
	border-style: solid;
	border-color: #00A0FF;
	border-width: 1px;
}
.center_content_light       /* light content */
{
	background: #DFE8EF;
	text-align: left;
	font: 11px Verdana, Arial, sans-serif;
	color: #000044;
	margin-left: 6px;
	margin-right: 6px;
	padding: 5px;
	border-style: solid;
	border-color: #C8C8C8;
	border-width: 1px;
}


/* ============================================================================ */

/* RIGHT AND LEFT CONTENT FRAME */

.right_header                 /* tab image */
{
	background: url(images/right-bar-title.jpg) no-repeat; 
	height: 30px; 
}

.right_header_text            /* tab caption text */
{
	font: 12px Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: right;
	color: #EFEFFF;       /* text color */
	padding-top: 5px;     /* caption text top offset */
	padding-right: 28px;  /* caption text right offset */
}

.left_header                  /* tab image */
{
	background: url(images/left-bar-title.jpg) no-repeat; 
	height: 30px;
}

.left_header_text             /* tab caption text */
{
	font: 12px Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #EFEFFF;       /* text color */
	padding-top: 6px;     /* caption text top offset */
	padding-left: 28px;   /* caption text right offset */
}

.right_content                /* right content */
{
	text-align: left;
	font: 10px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	margin-left: 6px;
	margin-right: 6px;
	padding: 5px;
}
.left_content                /* left content */
{
	text-align: left;
	font: 10px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	margin-left: 6px;
	margin-right: 6px;
	padding: 5px;
}


/* TEXT ========================================================================= */

.left_content P                        /* parapgraph text in the left panel */
{                     
	margin: 0em 0.5em 0.5em 0.5em; /* top right bottom left */
	text-align: justify;
	font: 10px Verdana, Arial, sans-serif;
	color: #FFFFFF;
}
.left_content h2                       /* header */
{
	font: 11px Verdana, Arial, sans-serif;
	text-align: left;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 2px;
	color: #FFFFFF;
}
.right_content P                       /* parapgraph text in the right panel */
{                     
	margin: 0em 0.5em 0.5em 0.5em; /* top right bottom left */
	text-align: justify;
	font: 10px Verdana, Arial, sans-serif;
	color: #FFFFFF;
}
.right_content h2                     /* header */
{
	font: 11px Verdana, Arial, sans-serif;
	text-align: left;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 2px;
	color: #FFFFFF;
}


/* for central content */

P.text{                       /* parapgraph text */
	margin: 0em 0px 0.7em; /* top right bottom left */
	text-align: justify;
	font: 12px Verdana, Arial, sans-serif;
	color: #000044;
}
H1.text                        /* header text (caption in games) */
{
	margin: 0em 0px 0.5em;
	font-size: 14px;
}

.center_content h2             /* header in ceter content */
{
	font: 12px Verdana, Arial, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #405B97;
}


/* LISTS */

UL.list 
{
	font: 12px Verdana, Arial, sans-serif;
/*	font-weight: bold; */
	text-align: left;
	padding-left: 30px;
	margin: 0px 0px 0px 6px; /* top right bottom left */
	list-style-image: url(images/bullet-list.gif);
}
LI.list
{
	margin-bottom: 5px;
}



/* download table */
TD.head 
{
	padding: 4px;
	border-right: 1px solid #ABABAB;
	border-bottom: 1px solid #ABABAB;
	background: #DEDEDE;
	font-weight: bold;
}
TABLE.downloads 
{
	border-left: 1px solid #ABABAB;
	border-top: 1px solid #ABABAB;
}
TD.downloads 
{
	padding: 8px 4px;
	border-right: 1px solid #ABABAB;
	border-bottom: 1px solid #ABABAB;
	vertical-align: middle;
}


/* --- bottom part --- */
.copyright_label
{
	text-align: center;
	font: 10px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

.bottom_links
{
	text-align: left;
	font: 10px Arial, sans-serif;
	color: #efefff;
}

.bottom_links a         { color: #efefff; }
.bottom_links a:hover   { color: #C0C0C0; }
.bottom_links a:visited { color: #efefff; }

.right_content a         { color: #efefff; }
.right_content a:hover   { color: #C0C0C0; }
.right_content a:visited { color: #CCFFFF; }

.left_content a         { color: #efefff; }
.left_content a:hover   { color: #C0C0C0; }
.left_content a:visited { color: #CCFFFF; }


.categoty_link
{
        font: 20px Arial, sans-serif;
	FONT-WEIGHT: bold;
        color: #efefff;
}
a.categoty_link:active  { color: #efefff; }
a.categoty_link:hover   { color: #C0C0C0; text-decoration: underline; letter-spacing: 2px; }
a.categoty_link:visited { color: #CCFFFF; }

/* IMAGES ======================================================================= */

IMG.text_caption              /* image in text (caption image) */
{
	margin: 5px 15px 5px 0px;
	border: 1px solid #BABABA;
}

IMG.text_right               /* image in text (in text image) */
{
	margin: 2px 0px 2px 5px;   /* top right bottom left */
	border: 1px solid #BABABA;
}
IMG.text_left               /* image in text (in text image) */
{
	margin: 2px 5px 2px 0px;   /* top right bottom left */
	border: 1px solid #BABABA;
}
IMG.live_frame
{
	margin: 0px;   /* top right bottom left */
	padding: 0px;
	border: 1px solid #BABABA;
}

IMG.live_frame:hover        /* on mouse move */
{
	margin: 0px;   /* top right bottom left */
	padding: 0px;
	border: 1px solid #5F5F5F;
}


/* MORE LINKS ================================================================== */
.more               
{
	font: bold 9px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	color: #405B97;
	white-space: nowrap;
}
.more A {                 /* link color in more class */
	color: #405B97;
}

/* SMALL PICTURES ============================================================= */

.feature                     /* feature text */
{
	background: url(images/bullet-feature.gif);
	background-repeat: no-repeat;
	border: 0px;
	text-indent: 10px;
}

.download                    /* download link image */
{
	background: url(images/bullet-download.gif);
	width: 16px;
	height: 20px;
	background-repeat: no-repeat;
	border: 0px;
	padding-top: 6px;
	padding-left: 20px;
	margin-right: 0px;
}
.register                    /* register link image */
{
	background: url(images/bullet-register.gif);
	width: 16px;
	height: 20px;
	background-repeat: no-repeat;
	border: 0px;
	padding-top: 6px;
	padding-left: 20px;
	margin-right: 0px;
}
.moreinfo                    /* moreinfo link image */
{
	background: url(images/bullet-info.gif);
	width: 16px;
	height: 20px;
	background-repeat: no-repeat;
	border: 0px;
	padding-top: 6px;
	padding-left: 12px;
	margin-right: 0px;
}
.screenshots                 /* screenshots tag image */
{
	background: url(images/bullet-screenshots.gif);
	width: 21px;
	height: 22px;
	background-repeat: no-repeat;
	border: 0px;
	padding-top: 6px;
	padding-left: 25px;
}
.features                    /* features tag image */
{
	background: url(images/bullet-features.gif);
	width: 21px;
	height: 22px;
	background-repeat: no-repeat;
	border: 0px;
	padding-top: 6px;
	padding-left: 25px;
}
.warning                     /* warning tag image */
{
	background: url(images/bullet-warning.gif);
	width: 21px;
	height: 22px;
	background-repeat: no-repeat;
	border: 0px;
	padding-top: 5px;
	padding-left: 25px;
}
.round-i                     /* more label image */
{
	background: url(images/bullet-moreinfo.gif);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	border: 0px;
	padding-top: 3px;
	padding-left: 20px;
}



/* LINKS ====================================================================== */

a 
{
	color: #405B97;
	text-decoration: none;
}
a:hover                     /* on mouse color */
{
	color: #0000FF;
}
a:visited 
{ 
	color: #0066CC;
}

A.text {                    /* text link */
	color: #405B97;
}

.poplink               
{
	font-weight: bold;
	font: 12px Tahoma, Arial, sans-serif;
	color: #405B97;
	white-space: wrap;
}

/* OTHER ======================================================================= */
.small_line_height
{
	line-height: 5px;
}

.horizontal_line             /* horizontal line */
{
	border-bottom: 1px solid #A0C0FF;
	aling: left;
	margin: 6px;
}

.horizontal_line_light       /* horizontal line for light content */
{
	border-bottom: 1px solid #A8A8A8;
	aling: left;
	margin: 6px 2px 6px 2px;   /* top right bottom left */
}


.bold {
	font-weight: bold;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
