/* cps.css */

body
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: black;
	background: #a8a8a8; /* use C-style comment to disable this line when generating docs */
	/* background-image: url(/image/bg-ext.png); */
	margin-top: 10px;
	margin-bottom: 10px;
}

tr.frame {background: #f0f0f0}

td {font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color: black}
td.headlines {font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: navy}
td.menu {font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; background: #ffcc66}
td.title {font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; font-weight: bold; background: teal; color: white}
td.title2 {font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; font-weight: bold; background: #444444; color: white}
td.content {font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color: black}
td.small {font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: black}
td.showcase {font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; background: teal; color: white; font-weight: bold}

p {font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color: black}
p.subtitle {font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; font-weight: bold; color: teal}

div.small {font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: black}
div.trial {font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: green; font-weight: bold}
div.upgrade {font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: red; font-weight: bold}
div.topic {font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; font-weight: bold; color: blue}

span.cps1 {font-family: verdana,arial,helvetica,sans-serif; font-size: 17px; color: teal; font-weight: bold; font-style: italic}
span.cps2 {font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: #444444; font-weight: normal; font-style: normal}
span.small {font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: black}
span.new {font-family: verdana,arial,helvetica,sans-serif; font-size: 10px; color: red; font-weight: bold; font-style: italic}
span.platform {font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color: teal; font-weight: bold}

a {text-decoration: none; color: blue}
a:hover {text-decoration: none; color: red}

a.showcase {text-decoration: none; color: white}
a.showcase:hover {text-decoration: none; color: red}

/* image frame and shadow */
div.shadow
{ 
    background:#CCCCCC; /* shadow color */
    border:1px solid #DDDDDD; /* darker border color */
    margin:1px;
    position: relative;
}
div.frame
{
    text-align: center; 
    background: #FFFFFF; 
    border: 1px solid #999999; /* lighter border color */
    position: relative; 
    padding: 3px; /* white border width */
    left:-4px; /* you can change this to change the amount of shadow */
    top:-4px; /* you can change this to change the amount of shadow */
}