/*General for whole pages
------------------------------------*/ 
* {
  margin:0;
  padding:0;
}
*:focus {
   outline:none;
}
body {
   text-align:center;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   background-color:#FFFFFF;
   padding:17px 0 0 0;   
   background-image:url(../images/bg.jpg);
   background-repeat:repeat-x;
}
p {
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:17px;
}
h1 {
   font-family:"Lucida Sans", helvetica, arial;
   font-size:20px;
   font-weight:lighter;
   text-align:left;
   text-transform:uppercase;
   color:#FFFFFF;
   margin:0 0 7px 0;
   
}
h2 {
   font-family:"Lucida Sans", helvetica, arial;
   font-size:18px;
   font-weight:normal;
   text-align:center;
   color:#666666;  
   text-transform:uppercase;
   clear:both;
   margin:0 0 7px 0; 
}
h3 {
   font-family: arial;
   font-size:17px;
   font-weight:normal;
   text-align:left;
   color:#FFFFFF;
   
}
#content h3 {
   font-size:15px;
   font-weight:bold;
   text-align:left;
   color:#666666;  
   margin-bottom:5px;
}
#content h4 {
   font-size:14px;
   font-weight:bold;
   text-align:left;
   color:#000000;
   margin-bottom:5px;
   
}
#content ul {
	padding-left:10px;
	margin:7px 0 10px 0;
	color:#555555;
}
#content ol{
	padding-left:16px;
	margin:7px 0 10px 0;
	color:#555555;
}
fieldset {
	border:none;
}	
a {
   text-decoration:none;
}	
img {
   border:none;
}   
#wrapper {
  width:760px;
  display:table;/*This makes height:100%*/
  margin:0 auto;
  text-align:center;  
}

/*Fun Boxes
------------------------------------*/
.box{
	margin-bottom:10px;
}

/*Search Box
------------------------------------*/
/*Search Box
------------------------------------*/
#searchbox {
	width:217px;
	height:29px;
	float:right;
	background-image:url(../images/searchbox.gif);
	background-repeat:no-repeat;
	padding:0 0 0 13px;
}	
.gsc-search-box {
  	width:202px;
	height:18px;
	float:left;
}
input.gsc-input {
	width:118px;
	height:16px;
	float:left;
	border:1px solid #666;
	background-color:#4D4D4D;
	padding:2px 2px 0 2px;
	color:#aaa;
	font-size:12px;
	margin:0 0 0 3px;
}	
td.gsc-input {
	width:122px;
	height:18px;
	float:left;
	border:none;
	background:none;
	padding:0;
}
input.gsc-search-button {
	width:65px;
	height:20px;
	float:right;
	border:none;
	color:#CCC;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	background: url(../images/search.gif) no-repeat top left;
}
td.gsc-search-button {
	width:65px;
	height:20px;
	float:right;
	border:none;
	background:none;
}
.gsc-branding {
	display:none;
}	

/*Search Results
------------------------------------*/
	
#results-container h2 {
   font: normal 18px/22px "Lucida Sans", helvetica, arial;
   text-align:left;
   color:#333;  
   text-transform:uppercase;
   clear:both;
   margin:0 0 5px 0; 
}
#results, #searchControl{
	display: none;
}
#results-container a{
	text-align:left;
}
.visibleURI{
	 text-align: left;
	 width:100%;
}
#results a:hover {
	color:#333;
}
.ClearResults, #ClearResults a, #ClearResults a:visited{
	color:#888;
	text-decoration:underline;
}
#results {
	position: static !important;
	overflow: visible;
	height:auto;
}
div.result {
	margin:20px 0px;
	border-bottom: 1px solid #ccc;
}
#content div.result h2 a, #content div.result h2 a:hover,#homecontent div.result h2 a, #homecontent div.result h2 a:hover {
	text-decoration: underline !important; 
	border-bottom:none !important;
	color:#993300;
	text-transform:none;
}
#content div.result h2 a:hover,#homecontent div.result h2 a:hover {
	color:#333;
}
div.result p{
	margin-bottom: 15px;
	color:#000000;
}
#content div.result p br,#homecontent div.result p br {
	display: none;
}
div.result span{
	font-size: 8pt;
}

/*Logo
------------------------------------*/
#logo {
	width:644px;
	height:63px;
	float:left;
	margin:3px 0 0 0;
	background:url(../images/logo.jpg) no-repeat;
	text-indent:-9999px;
}	


/*Menu
------------------------------------*/
#mainnav {
	width:570px;
	float:right;
	height:24px;
	margin:0 8px 0 0;
	list-style:none;
}
#mainnav li {
	width:92px;
	height:24px;
	float:left;
	list-style:none;
	margin:0 3px 0 0;
}
#mainnav li a.cobra,#mainnav li a.why,#mainnav li a.grid,#mainnav li a.company,#mainnav li a.support,#mainnav li a.press {
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:92px;
	height:24px;
	float:left;
}
#mainnav li a:hover.cobra,#mainnav li a:hover.why,#mainnav li a:hover.grid,#mainnav li a:hover.company,#mainnav li a:hover.support, #mainnav li a:hover.press,#mainnav li a#cobraactive,#mainnav li a#whyactive,#mainnav li a#gridactive,#mainnav li a#companyactive,#mainnav li a#supportactive, #mainnav li a#pressactive {
	background-position:bottom left;
	background-repeat:no-repeat;
}
#mainnav li a.cobra,#mainnav li a#cobraactive {
	background-image:url(../images/cobra.jpg);
}
#mainnav li a.why,#mainnav li a#whyactive {
	background-image:url(../images/why.jpg);
}
#mainnav li a.grid,#mainnav li a#gridactive {
	background-image:url(../images/grid.jpg);
}
#mainnav li a.company,#mainnav li a#companyactive {
	background-image:url(../images/company.jpg);
}
#mainnav li a.support,#mainnav li a#supportactive {
	background-image:url(../images/support.jpg);
}
#mainnav li a.press,#mainnav li a#press {
	background-image:url(../images/press.jpg);
}


/*Header
------------------------------------*/
#header {
	width:760px;
	float:left;
	margin:0 0 7px 0;
}	
#homeheadl {
	width:327px;
	height:249px;
	float:left;
	background-image:url(../images/homemain.jpg);
	background-repeat:no-repeat;
}	
/*Summer 07 Change
----------------------------*/
#homeheadr {
	width:428px;
	height:229px;
	float:left;
	background-color:#333333;
	background-image:url(../images/homeheader.jpg);
	background-repeat:no-repeat;
	padding:20px 0 0 5px;
}
#homeheadr h4 {
	width:395px;
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	color:#B0B0B0;
	text-align:left;
	float:left;
	border-bottom:1px solid #666;
}
#homeheadr p {
	text-align: justify;
}
#summer_features {
	width:400px;
	list-style:none;
	float:left;
}
#summer_features li {
	width:200px;
	height:40px;
	list-style:none;
	float:left;
	font:normal 11px/11px tahoma, arial;
	color:#D6D6D6;
	text-align:left;
}	
#summer_features li a {
	width:195px;
	height:35px;
	padding:5px 0 0 5px;
	display:block;
	color:#D6D6D6;
	text-align:left;
}	
#summer_features li a:hover {
	background:#1F1F1F;
}	
#summer_features li strong {
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	color:#B0B0B0;
}
#summer_features li img {
	float:left;
	padding: 0 10px 0 0;
}
#homeheadr p {
	width:382px;
	color:#CCCCCC;
	font:normal 11px/14px tahoma, arial;
	padding:0 12px 10px 0;
	float:left;
}
a.summer_features_explain {
	font:normal 11px/14px tahoma, arial;
	color:#CCC;
	text-decoration:underline;
	float:right;
	margin:0 30px 0 0;
}	
a:hover.summer_features_explain {
	color:#FFF;
}

.smallicons {
	width:76px;
	text-align:center;
	margin:20px 0 0 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
}	
/*#smallicons {
	width:428px;
	height:85px;
	margin:10px 0 0 0;
	float:left;
}	
#smallicons a {
	width:86px;
	height:25px;
	float:left;
	padding:60px 0 0 0;
	color:#FFF;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
}
#smallicons a.letters {
	background:url(../images/icons/home_letters.jpg) no-repeat top left;
	margin:0 13px 0 0;
}
#smallicons a.reports {
	background:url(../images/icons/home_reports.jpg) no-repeat top left;
	margin:0 13px 0 0;
}
#smallicons a.qbs {
	background:url(../images/icons/home_qbs.jpg) no-repeat top left;
	margin:0 13px 0 0;
}
#smallicons a.why {
	background:url(../images/icons/home_why.jpg) no-repeat top left;
}
#smallicons a:hover.letters,#smallicons a:hover.reports,#smallicons a:hover.qbs,#smallicons a:hover.why  {
	background-position:bottom left;
}*/

#homeboxestop,#homeboxesbottom {
	width:760px;
	height:10px;
	float:left;
	background-repeat:repeat-x;
}
#homeboxestop {
	background-image:url(../images/homesmalltop.gif);
}
#homeboxesmiddle {
	width:760px;
	float:left;
	background-image:url(../images/homesmallmiddle.gif);
	background-repeat:repeat-y;
}
#homeboxesbottom {
	background-image:url(../images/homesmallbottom.gif);
}	
/*Home boxes
------------------------------------*/
#contactbox {
	width:163px;
	height:115px;
	float:left;
	padding:0 15px 0 12px;
	margin:0 7px 0 0;
}
#contactbox h2 {
	text-indent:-9999px;
	background-image:url(../images/contactus.gif);
	background-position:0% 40%;
	background-repeat:no-repeat;
	border-bottom:1px solid #999999;
}
#contactbox p {
	color:#CCCCCC;
	margin:7px 0 0 0;
}
#contactbox a {
	color:#CCCCCC;
	text-decoration:underline;
}
#contactbox a:hover {
	text-decoration:none;
}
#signinbox {
	width:191px;
	height:120px;
	float:left;
	padding:0 0 0 11px;
	margin:0 7px 0 0;
}
#signinbox form {
	float:left;
	padding:5px 0 0 0;
}
#signinbox form fieldset {
	margin:0 0 8px 0;
}
#signinbox form label {
	width:77px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	float:left;
	text-align:left;
}
#signinbox form input {
	width:97px;
	height:14px;
	float:left;
	padding:2px 0 0 3px;
	border:1px solid #858585;
	background-color:#666666;
	font-size:11px;
	color:#CCCCCC;
}
#signinbox form input#button {
	width:94px;
	height:24px;
	float:none;
	text-align:center;
	border:none;
	padding:0;
}
#signinbox form a {
	font-size:11px;
	text-align:center;
	color:#999999;
	margin:-5px 0 0 0;
	text-decoration:underline;
}
#signinbox form a:hover {
	text-decoration:none;
}
#tourbox {
	width:150px;
	height:125px;
	float:left;
	padding:0 13px 0 10px;
	margin:0 7px 0 0;
	background:url(../images/takeatour_bg.jpg) no-repeat;
}
#tourbox a {
	color:#FEDED8;
}
#tourbox h2 {
	border-bottom:1px solid #FEDED8;
	color:#FEDED8;
}
#tourbox p{
	padding-bottom:5px;
}
#travisbox {
	width:150px;
	height:112px;
	float:left;
	padding:7px 0 0 10px;
	text-align:center;
}
#travisbox p {
	color:#CCCCCC;
	margin:7px 5px 0 5px;
	text-align:center;
	line-height:15px;
}
#travisbox {
	width:150px;
	height:112px;
	float:left;
	padding:0px 0 0 10px;
	text-align:center;
}
#travisbox p {
	color:#CCCCCC;
	margin:3px 5px 0 5px;
	text-align:center;
	line-height:15px;
}
#footer {
	width:666px;
	padding:10px 0 0 45px;
	text-align:center;
	font-size:11px;
	color:#999999;
	clear:both;
}
#footer a {
	color:#999999;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:none;
}

/*Submenu
------------------------------------*/
#submenuleft {
	width:7px;
	height:24px;
	float:left;
	background-image:url(../images/submenuleft.gif);
	background-repeat:no-repeat;
	border-bottom:1px solid #727272;
}
#submenuright {
	width:7px;
	height:24px;
	float:left;
	background-image:url(../images/submenuright.gif);
	background-repeat:no-repeat;
	border-bottom:1px solid #727272;
}
#submenu {
	width:746px;
	height:24px;
	float:left;	
	background-image:url(../images/submenubg.jpg);
	background-repeat:repeat-x;
	border-bottom:1px solid #727272;
}	
#submenu ul {
	height:24px;
	list-style:none;
	float:right;
}
#submenu ul li {
	height:20px;
	padding:4px 0 0 0;
	float:left;
	text-align:center;
}
#submenu ul li a {
	height:24px;
	padding:0 24px 0 24px;
	background-image:url(../images/submenudivider.gif);
	background-position:center left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
}
#submenu ul li a.noborder {
	background-image:none;
}
#submenu ul li a:hover,#submenu ul li a.active {
	color:#FFFFFF;
}

/*Content header
-----------*/
#contentheaderbox {
	width:760px;
	float:left;
}
#contentheader {
	width:760px;
	height:149px;
	float:left;
	background-color:#333333;
	border-bottom:1px solid #727272;
}
#contentheader img {
	float:left;
	padding:0;
	margin:0;
}	
#contentheader h1 {
	margin:15px 0 5px 0;
	float:left;
}
#contentheader p {
	width:382px;
	color:#CCCCCC;
	float:left;
}
#sitemap {
	width:730px;
	height:21px;
	float:left;
	padding:4px 0 0 22px;
	background-color:#494949;
	background-image:url(../images/sitemapleft.gif);
	background-repeat:no-repeat;
	font-size:12px;
	color:#CCCCCC;
	text-align:left;
}
#sitemap a, #sitemap a:visited{
	color:#FFFFFF;
}
#sitemapright {
	width:8px;
	height:25px;
	float:left;
	background-image:url(../images/sitemapright.gif);
	background-repeat:no-repeat;
}	

/*Content
-----------*/
#content {
	width:724px;
	float:left;
	padding:26px 17px 0 17px;
	border-left:1px solid #D4D4D4;
	border-right:1px solid #D4D4D4;	
	text-align:left;
}	
#content p {
	font-size:12px;
	color:#555555;
	margin:0 0 15px 0;
}

#content ol li {
	padding:0 0 6px 8px;
}
#content img.newlook {
	border:1px solid #CCCCCC;
	float:right;
	clear:right;
	margin:0 0 15px 25px;
}
#reddemobox {
	width:170px;
	height:124px;
	padding:11px 5px 0 15px;
	margin: 0 0 0 35px;
	float:right;
	background-image:url(../images/reddemobox.jpg);
	background-repeat:no-repeat;
}
#reddemobox h1 {
	border-bottom:1px solid #D67171;
}
#reddemobox p,#reddemobox p a {
	color:#EEEEEE;
}
#reddemobox p a:hover {
	text-decoration:none;
}
#silverbullet {
	width:669px;
	float:left;
	list-style:none;
	margin:10px 0 0 0;
	padding:0 0 0 13px;
}	
#silverbullet li {
	float:left;
	list-style:none;
	background-image:url(../images/silverbullet.gif);
	background-repeat:no-repeat;
	padding:0 0 0 42px;
}	
.tabbutton {
	height:27px;
	float:left;
	display:block;
	margin:0 0px 0 0;
	padding:0;
	text-align:center;
}
.tabbutton a {
	height:27px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	float:left;
	padding:0 0 0 7px;
	text-decoration:none;
	background-image:url(../images/tableft.jpg);
	background-repeat:no-repeat;
}
.tabbutton a em {
	height:27px;
	display:block;
	font-style:normal;
	color:#8C8C8C;
	padding:0 7px 0 0;
	float:left;
	background-image:url(../images/tabright.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.tabbutton a span {
	height:20px;
	padding:7px 8px 0 8px;
	display:block;
	float:left;
	text-decoration:none;
	background-image:url(../images/tabbg.jpg);
	background-repeat:repeat-x;
}
.tabbutton a:hover,.tabbutton a:focus,.tabbutton a:active {
	background-image:url(../images/tablefthover.jpg);
	color:#666666;
	cursor:pointer;
}
.tabbutton a:hover em,.tabbutton a:focus em,.tabbutton a:active em {
	background-image:url(../images/tabrighthover.jpg);
}
.tabbutton a:hover span,.tabbutton a:focus span,.tabbutton a:active span {
	background-image:url(../images/tabbghover.jpg);
}
.box {
	width:664px;
	float:left;
	clear:both;
	border:1px solid #C1C1C1;
	padding:20px 20px 0 21px;
	margin:0 0 20px 0;
}	
.box img {
	float:left;
	margin:0 15px 0 0;
}
.box p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#555555;
}

.ClientColumn{
	width:32%;
	float:left;
}

.ClientBox{
	border:1px solid #C1C1C1;
	padding:20px 20px 0 20px;
	margin:0 10px 20px 0;
}
.ClientBox li{
	list-style:none;
}

#clear {
	clear:both;	
}
#innerfooter {
	width:760px;
	height:12px;
	float:left;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
}
#rssbox {
	width:190px;
	height:135px;
	margin: 0 0 0 35px;
	float:right;
	background:url(../images/rssbox.jpg) no-repeat;
	text-align:left;
}
#rssbox a {
	width:135px;
	height:125px;
	display:block;
	padding:55px 0 0 10px;
	font:normal 20px/24px "Lucida Sans", helvetica, arial;
	color:#FFF;
	text-decoration:none;
}
/*For IE 6
-----------*/
* html #searchbox form input.searchtext {
	background-attachment:fixed;
}
* html #homeboxestop,#homeboxesbottom {
	margin:0 0 -5px 0;
}
* html #footer {
	padding:5px 0 0 0;
}

/*PressRoom
-----------*/
ul.pressbox{
	list-style:none;
}
ul.pressbox li{
	padding:3px;
	clear:left;
}
ul.pressbox li a, ul.pressbox li a:visited{
	color:#666666;
}
ul.pressbox div.date{
	float:left;
	padding-bottom:5px;
	padding-right:2px;
}
ul.pressbox div.story{
}

/*NewReleaseFeatures
-------------------------*/

img.newrelease  {

	/* This centers the image 
	display: block;
	margin-left: auto;
	margin-right: auto;
	*/

	/* This adds the border */
	padding:8px;
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
}

div.releasedetail{
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 0px 0px 1px 0px;
	padding-bottom:40px;
	margin-right:120px;
}

/*Release Page
--------------------*/
#releasebox {
	width:700px;
	float:left;
}	
#releasebox li {
	width:324px;
	float:left;
	list-style: none;
	padding:0 15px 15px 5px;
	border-right:1px solid #CCC;
	font:normal 11px/14px tahoma, arial;
	color:#777;
}	
#releasebox li.left {
	clear:both;
}
#releasebox li.right {
	width:315px;
	border-right:none;
	padding:0 15px 15px 15px;
}
#releasebox li img {
	float:left;
	border:1px solid #888;
	margin: 0 10px 10px 0;
}	
#releasebox li a {
	color:#555;
	text-decoration:none;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
}	
#releasebox li a:hover {
	color:#1D75E0;
	text-decoration:underline;
}
/*-------------*/

#releasebox_feature {
	width:700px;
	float:left;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin:0 0 15px 0;
}	
#releasebox_feature th, #releasebox_feature td.smallicon  {
	text-align:center;
	color:#555;
}
#releasebox_feature td a.show  {
	color:#555;
}
#releasebox_feature td a:hover.show  {
	color:#1D75E0;
	text-decoration:underline;
}
#releasebox_feature td img.screenshot {
	margin:0 0 10px 0;
}
#releasebox_feature td, #releasebox_feature th {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding:5px 10px;
}

/*--------------------*/
#versions {
	width:724px;
	float: left;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}	
#versions th, #versions tr, #versions td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 8px;
}	
 #versions th {
 	color: #993300;
}
 #versions td {
 	color: #555;
}
 #versions td img {
 	padding: 0 0 0 27px;
	width: 18px;
	height: 18px;
}
 #versions thead.bg {
 	background: #EFEFEF;
}
 #versions tr.bg {
 	background: #F7F7F7;
}