/* PNG IE6 fix http://www.twinhelix.com/css/iepngfix */

img, #doc4.div { behavior: url(iepngfix/iepngfix.htc) }

html { background: rgb(242, 242, 242) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
body, a { color: rgb(68, 68, 68); }
p { font-size: 93%; line-height: 1.4em; }
h1 { margin: 30px 0pt 0pt; font-size: 220%; color: rgb(238, 238, 204); }
h2 { margin: 20px 0pt 12px; font-size: 138.5%; letter-spacing: -1px; font-weight: bold; color: rgb(102, 102, 102); }
h3 { font-size: 100%; font-weight: 600; letter-spacing: 0px; color: rgb(51, 51, 51); }
h3 a { text-decoration: none; }
h3 a:hover { text-decoration: underline; }
hr { border: 0pt none ; margin: 30px 0pt 6px; height: 1px; background-color: rgb(220, 220, 212); }
strong { font-weight: 600; }
#top { padding: 0pt 0pt 5px; }
#top .navigation ul { margin: 50px 0pt 0pt; float: right; font-size: 100%; }
#top .navigation ul a { padding: 2px 4px; }
#top .navigation ul a:hover, #top .navigation ul a.active  { text-decoration: underline; } /*{ background: rgb(117, 80, 123) none repeat scroll 0% 0%; color: rgb(255, 255, 255); -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }*/
#top .navigation ul li { margin: 0pt 0pt 0pt 8px; }
.bottom .navigation ul li { margin: 0pt 8px 0pt 0pt; }
.bottom .navigation a:hover, .bottom .navigation a.active { text-decoration: underline; }
#footer p { padding: 8px 0pt; color: rgb(170, 170, 170); font-size: 93%; }
#footer a { color: rgb(170, 170, 170); }
#motto { text-align: right; font-size: 85%; color: rgb(170, 170, 170); }
.navigation ul li { float: left; list-style-type: none; display: block; }
.navigation ul li a { color: inherit; text-decoration: none; }
#main { height: 265px; background-image: url('images/gradient.jpg'); }
#main a { color: rgb(250, 250, 250); }
#main .first { text-align: center; }
#main .first img { position: relative; top: -2px; }
.yui-gb img { margin: 0pt 8px 0pt 0pt; float: left; }
#main p { margin: 14px 20px 0pt 0pt; color: rgb(250, 250, 250); font-size: 116%; }
#shot { margin: 16px 0pt 0pt; display: none; }

#download { margin: 20px 0pt 0pt 60px; padding: 0pt; background: transparent url('images/download_free.gif') no-repeat scroll left top; display: block; width: 254px; height: 69px; line-height: 69px; text-indent: -1000em; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#download:hover { background-position: left bottom; }
.highlight, .plugin { padding: 0pt 10px 0pt 60px; margin-top: 1em; position: relative; zoom: 1;}
.highlight img, .plugin img { position: absolute; top: 0px; left: 0pt; }
.highlightnoimg{ padding: 0pt 10px 0pt 0px; margin-top: 1em; position: relative; }

#projectnews { position: relative; }
#projectnews .more { text-align: right; }
#projectnews .more a { color: rgb(153, 153, 153); }
#projectnews .rss { position: absolute; top: 1.5em; right: 0pt; }
#projectnews .rss a { background: transparent url('images/rss.png') no-repeat scroll 0pt 0pt; width: 14px; height: 14px; display: block; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; text-indent: -1000em; }

#mainbanner
 {
	position : relative;
	padding-top:30px;
	display:block;
	clear: both;
}

#verticalbanner
 {
	position : relative;
	display:block;
}

#screenshots img 
{
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: white;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border-width: 1px;
border-style: solid;
border-color: #dddddd;
margin-top: 5px;
margin-right: 20px;
margin-bottom: 7px;
margin-left: 0pt;
}

/*
.xTab  h1
{
color: rgb(68, 68, 68);
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 19px;
line-height: 30px;
font-family: Arial;
font-weight: bold;
}
*/

.xTab .free, .xTab .pro
{
background-color: transparent;
background-image: url(images/xtab_free.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
height: 60px;
width: 220px;
}

.xTab .pro
{
background-color: transparent;
background-image: url(images/xtab_pro.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
}

.xTab { width: 100%; border-collapse: collapse; }
.xTab th { text-align: left; font-weight: normal; }
.xTab td { border: 1px dotted rgb(204, 204, 204); text-align: center; height: 28px; }
.xTab .l, .xTab .new{ padding: 0px 0px 0px 10px; text-align: left; }
.xTab .new{ padding-left: 25px; background: transparent url('images/new.png') no-repeat scroll 5px center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.xTab .b { font-weight: bold; }
.xTab .tick { background: transparent url('images/tick.png') no-repeat scroll center center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.xTab .tickno { background: transparent url('images/tickno.png') no-repeat scroll center center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.xTab .tickbr { background: transparent url('images/tickbr.png') no-repeat scroll 50px center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.xTab .free, .xTab .pro, .xTab .pro2 { background: transparent url('images/xtab_free.gif') no-repeat scroll center center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 60px; width: 220px; }
.xTab .pro { background: transparent url('images/xtab_pro.gif') no-repeat scroll center center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.xTab .pro2 { background: transparent url('images/xtab_pro2.gif') no-repeat scroll center center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.A_free { background-color: rgb(255, 250, 221); }
.A_pro { background-color: rgb(252, 255, 124); }
.A_pro2 { background-color: rgb(255, 233, 112); }
.A_tab { width: 100%; }
.A_tab td { border: 0pt none ; text-align: center; height: 24px; }
.A_tab p { font-size: 10px; }
.A_tab h3 { color: rgb(0, 0, 0); }

.xTab .tick
{
background-color: transparent;
background-image: url(images/tick.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
}

.xTab .tickno
{
background-color: transparent;
background-image: url(images/tickno.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
}

#language a { text-decoration: none; }
#language a:hover { text-decoration: underline; }
#language {text-align:right;}


.tipsy { margin-top:10px;padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }
  
  
.SoftwareKeyPanelStyle
{
/*background-color: #FF0000;*/
margin : 20px;
padding : 10px;
border-width: 1px;
border-style: solid;
border-color: #dddddd;
}

.ViewAccountLink
{
	/*background-color: #FF0000;*/
	text-align : right;
	float : right;
}