/*******************************************************************
	main.css
	Main style sheet for www.altn.com.
********************************************************************

	Created: 8/22/2006, Trint Ladd
	Modified:
		9/12/2006, Trint Ladd
			Added home page styles.
		10/5/2006, Trint Ladd
			Changed base font to 11px Verdana.  Associated layout changes.
			Moved main navigation up and to the right.
		
********************************************************************
/*	Color Pallette */
/*		#fff; /* White */
/*		#000; /* Black */
/*		#eee; /* Very Light Gray */
/*		#ccc; /* Light Gray */
/*		#aaa; /* Medium Gray */
/*		#666; /* Dark Gray */
/*		#900; /* Dark Red */
/*		#009; /* Dark Blue */
/*		#ffd; /* Pale Yellow */
/******************************************************************/

/*******************************************************************
	General presentation styles
	These may be overridden below.
*******************************************************************/
html, body
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
body
{
	padding: 0;
	margin: 20px 0;
	background-color: #fff; /* White */
	color: #000; /* Black */
    font-size: 12px;
    font-family: Arial,sans-serif;
	line-height: 18px;
}
#aspnetForm /* Master Form - Master page form gets assigned this id. */
{
	width: 100%;
	text-align: center;
}
hr{
	border : thin dotted;
	border-color : #e6e6e6;
}

.noscript
{
	padding: 5px;
	background-color: #ffd; /* Pale Yellow */
	text-align: center;
	width: 100%;
}
#UberDiv
{
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	text-align: left;
}
#BlankUberDiv
{
	width: 100%;
}
input{
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	letter-spacing: normal;
	border: dotted Silver;
	border-width : 1px;
}
.button {
	border-color: #999999;
	background-color: #eee;
	color: #444;
	background-image: url(/img/bgGray.gif);
	}
	
.buttonOn, .button:hover, .button:focus, .buttonOn:focus {
	color: #444;
	background-color: #eee;
	background-image: url(/img/bgGray.gif);
	border-color: #999999;
	}

select{
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	letter-spacing: normal;
	text-align: left;
	border: 1px dotted Silver;
}
textarea{
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	letter-spacing: normal;
	border: dotted Silver;
	border-width : 1px;
	font-family: Arial,sans-serif;
}
textarea:focus {
	background-color: #FFFEF5;
}
table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	_font-size: 12px; /* IE hack */
}
th, tr.headerRow td
{
	font-weight: bold;
	text-align: left;
	background-color: #eee; /* Very Light Gray */
}
tr.footerRow td
{
	border-top: solid 1px #eee; /* Very Light Gray */
	vertical-align: top;
}
table.bordered
{
	border-collapse: collapse;
}
table.bordered td, table.bordered th
{
	padding: 3px;
	border: 1px solid #000; /* Black */
}
tr.underline td{
	border-bottom: thin dotted silver; 
}
tr.underline:hover{
	background-color: #fafafa;
}
tr.lightrow td {
background-color: #FFFFFF;
}
tr.darkrow td {
background-color: #EFEFEF;
}
img
{
	border: none;
}
p
{
	margin: 0 0 1em 0;
}
a
{
	color: #900; /* Dark Red */
	text-decoration: none;
}
a:hover
{
	color: #900; /* Dark Red */
	text-decoration: underline;
}
h1
{
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}
h2
{
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}
h3
{
	margin: .5em 0;
	font-size: 1em;
	font-weight: bold;
}
h1.bar
{
	padding: 7px 0 5px 15px;
	margin: 0 0 0 -15px;
	width: 545px;
	height: 25px;
	background: url(../images/ui-layout/onecolumn-top.gif) 0 0 no-repeat;
}
h2.bar
{
	padding: 12px 0 5px 15px;
	margin: 0 0 10px -15px;
	width: 545px;
	height: 27px;
	background: url(../images/ui-layout/h2bar-bkg.gif) 0 0 no-repeat;
}
h3.bar
{
	padding-top: 3px;
}
.bar sup  
{
	font-size: 70%;
	_line-height: 1.7em;
}
ul
{
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
	_margin-left: 15px; /* IE hack */
}
li
{
	margin: 0 0 .2em 0;
	padding: 0;
}
ul.nobullets
{
	_margin-left: 0; /* for IE */
	padding-left: 0;
	list-style: none;
}
ul.nobullets li
{
}
ul.twoColumn
{
	_margin-left: 0; /* for IE */
	padding-left: 0;
	list-style: none;
}
ul.twoColumn li
{
	float: left;
	width: 48%;
}
button
{
	cursor: pointer;
}

/* End General presentation styles */


/*******************************************************************
	Rounded Box classes
	These classes create the shaded box with rounded corners
	Requires altn.js, bgBox.gif, and bgBorders.gif
*******************************************************************/
.RoundedBoxDefault
{
	padding: 10px 0;
	margin: 3px 0;
	border: solid 1px #eee; /* Very Light Gray */
}
.RoundedBoxDefault div
{
	padding: 10px;
}
.RoundedBox
{
	margin: 5px;
}
.RBTop, .RBBottom
{
	margin: 0;
	height: 20px;
}
.RBTop div, .RBBottom div
{
	height: 20px;
	width: 15px;
}
.RBTop
{
	background: url(../siteImages/bgBox.gif) no-repeat 100% 0;
	
}
.RBBottom
{
	background: url(../siteImages/bgBox.gif) no-repeat 100% 100%;
	clear: both;
}
.RBTop div
{
	background: url(../siteImages/bgBox.gif) no-repeat 0 0;
}
.RBBottom div
{
	background: url(../siteImages/bgBox.gif) no-repeat 0 100%;
}
.RBLeftBorder
{
	padding: 0 0 0 5px;
	background: url(../siteImages/bgBorders.gif) repeat-y 0 0;
}
.RBRightBorder
{
	padding: 0 10px 0 0;
	background: url(../siteImages/bgBorders.gif) repeat-y 100% 0;
}
/* hollyhack for IE \*/
* html .RBRightBorder
{
	height: 1%;
}
.RBContent
{
	padding: 0px 9px;
	background: #fff; /* To conceal border images */
	border: solid 1px #fff; /* Fixes gapping bug */
}
.RBContent h1, .RBContent h2, .RBContent h3
{
	margin-top: 0;
}
/* End Rounded Box classes */

/*******************************************************************
	ThinkBox classes
	These classes produce the lightbox effect.
	Requires thickbox.js
*******************************************************************/
#TB_overlay
{
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height: 100%;
	background-color: #000; /* Black */
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#TB_window
{
	position: absolute;
	background: #fff; /* White */
	z-index: 102;
	color: #000; /* Black */
	display: none;
	border: 4px solid #aaa; /* Medium Gray */
	text-align: left;
}
#TB_title
{
	font-size: medium;
	font-weight: bold;
	color: #900; /* Dark Red */
	background-color: #eee; /* Very Light Gray */
	height: 27px;
}
* html #TB_title /* IE hack */
{
	width: 102%;
}
#TB_ajaxWindowTitle
{
	float: left;
	padding: 7px 0 5px 10px;
	margin-bottom: 1px;
}
/* Seems unused
#TB_closeWindow
{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}*/
#TB_closeAjaxWindow
{
	font-size: x-small;
	font-weight: normal;
	padding: 7px 10px 7px 0;
	margin-bottom: 1px;
	text-align: right;
	float: right;
}
#TB_ajaxContent
{
	clear: both;
	padding: 2px 15px 15px 15px;
	overflow: auto;
}
#TB_load
{
	position: absolute;
	display: none;
	height: 100px;
	width: 100px;
	z-index: 101;
}
#TB_HideSelect
{
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff; /* White */
	border: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#TB_iframeContent
{
	border: none;
	clear: both;
}
/* End ThickBox classes */

/*******************************************************************
	Form styles
*******************************************************************/
.cssform, .cssFormLeft
{
	margin: 10px 0;
	width: 95%;
}
.cssform .cssFormText
{
	margin: 5px auto;
	text-align: center;
}
.cssFormLeft .cssFormText
{
	margin: 5px auto;
}
.cssform dt
{
	text-align: right;
	width: 49%;
	float: left;
	clear: left;
}
.cssform dd
{
	margin: 0 0 1em 50%;
	text-align: left;
}
.cssFormLeft dt
{
	text-align: right;
	width: 20%;
	float: left;
}
.cssFormLeft dd
{
	margin: 0 0 1em 22%;
	text-align: left;
}
.cssinput
{
	font-size: 1em;
	padding: 1px;
	border: solid 1px #000; /* Black */
}
.cssbutton, .cssbuttonsmall
{
	margin: 5px 0;
	height: 20px;
	width: 120px;
	font-size: 1em;
	border: none;
	background: url(../siteImages/bgButton.gif) no-repeat 0 0;
	cursor: pointer; /* Be nice to Firebird */
}
.cssbuttonsmall
{
	background: url(../siteImages/bgButtonSmall.gif) no-repeat 0 0;
	width: 60px;
}
.goButton
{
	height: 18px;
	width: 18px;
	background: none;
	border: none;
	background-image: url(../siteImages/bGo.gif);
}
.buttons
{
	text-align: center;
	margin: 10px auto;
}
.buttonsLeft
{
	text-align: left;
	margin: 10px auto;
}
.printButtons
{
	float: right;
}
.required
{
	color: #900; /* Dark Red */
}

/* End Form styles */


/*******************************************************************
	InputFocus styles
	These classes alter the appearance of input boxes on focus
	Requires altn.js (suckerfish)
*******************************************************************/
.inputFocus, .cssinput:focus
{
	background: #ccc; /* Light Gray */
	border: solid 1px #900; /* Dark Red */
}
.buttonHover, .cssbutton:hover, .cssbutton:focus
{
	background: url(../siteImages/bgButton.gif) no-repeat 0 100%;
}
.buttonsmallHover, .cssbuttonsmall:hover, .cssbuttonsmall:focus
{
	background: url(../siteImages/bgButtonSmall.gif) no-repeat 0 100%;
}
/* Prevent focus styles on image button inputs */
.cssimagebutton, .cssimagebutton:focus
{
	padding: 0;
	border: none;
	background: none;
}
/* End InputFocus styles */

/*******************************************************************
	Header and Footer layout styles
*******************************************************************/
/* Header */
#Header
{
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}
#HeaderLogo
{
	float: left;
}
#AccountLinksAndSearch
{
	text-align: right;
}
#AccountLinks
{
	margin: 5px 0;
	display: inline;
}
#AccountLinks ul
{
	font-size: xx-small;
	list-style: none;
	display: inline;
}
#AccountLinks ul li
{
	margin: 0 8px;
	list-style: none;
	display: inline;
	text-transform: lowercase;
}
#SearchForm
{
	display: inline;
}
#SearchForm input
{
	font-size: xx-small;
	vertical-align: middle;
}
.searchButton
{
	height: 18px;
	width: 18px;
	background: none;
	border: none;
	background-image: url(../siteImages/bSearch.gif);
}
#BreadCrumbBar
{
	margin: 0 auto;
	text-align: center;
	width: 750px;
	height: 30px;
	background: url(../images/ui-layout/breadcrumb-bkg.jpg) 0 0 no-repeat;
	clear: both;
}
#BreadCrumb
{
	padding: 3px;
	float: left;
	font-size: smaller;
}
#SendToLinks
{
	text-align: right;
}
#SendToLinks img
{
	margin: 0 5px;
}

/* Main Nav */
#MainNav
{
	width: 523px;
	margin: 11px 0 0 0;
	float: right;
	display: inline;
	background: url(../images/ui-layout/topnav.gif) 0 0 no-repeat;
	
}
#MainNav a
{
	color: #000; /* Black */
	text-decoration: none;
	
}
#MainNav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#MainNav li.top
{
	margin: 10px 7px 0 13px;
	padding-bottom: 10px;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	float: left;
	display:inline;
}
#MainNav ul.drop
{
	margin: 0;
	padding: 0 5px;
	display: none;
	position: absolute;
	top: 1.3em;
	left: 0;
	width: 185px;
	background-color: #eee; /* Very Light Gray */
	border: solid 1px #999; /* Black */
	z-index: 10; /* This only helps FF */
}
#MainNav li.top > ul.drop /* Opera hack */
{
	top: auto;
	left: auto;
}
#MainNav li:hover ul.drop, #MainNav li.navHover ul.drop
{
	top: 1.3em;
	left: 0;
	display: block;
}
#MainNav ul.drop li
{
	border-top: solid 1px #ccc; /* Light Gray */
}
#MainNav ul.drop ul li
{
	margin-left: 10px;
	border: none;
}
#MainNav ul.drop
{
	font-size: .9em;
	font-weight: normal;
	color: #000; /* Dark Gray */
}
#MainNav ul.drop a
{
	color: #000; /* Dark Gray */
}
#MainNav a:hover, #MainNav ul.drop a:hover
{
	color: #900; /* Dark Red */
}

/* Sub Nav */
.fauxcontainer {
	width: 175px;
	float: left;
}
#SubNav
{
	clear: both;
	margin: 10px 0 0 0;
	width: 175px;
	background: url(../images/ui-layout/sidenav-bkg.gif) 0 0 repeat-y;
	display: inline;
	float: left;
}
.SubNav-top {
	width: 175px;
	height: 10px;
	background: url(../images/ui-layout/sidenav-top.gif) 0 0 no-repeat;
}
.SubNav-bottom {
	width: 175px;
	height: 10px;
	clear: both;
	background: url(../images/ui-layout/sidenav-bottom.gif) 0 0 no-repeat;
}

#SubNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 157px;
	margin: -5px 9px 0 9px;
}
#SubNav ul li {
	margin: 0;
	padding: 5px 0 5px 0;
	list-style: none;
	border-top: solid 1px #eee; /* Very Light Gray */
	font-weight: normal;
	background: url(../siteImages/bulletRedRight.gif) no-repeat left top;
}
#SubNav ul ul li {
	font-size: 12px;
	font-weight: normal;
	list-style: none;
	background: none;
}
/* Fake a third level of navigation by making a fake parent node */
#SubNav li.navParent {
	font-size: 1.1em;
	color: #000; /* Black */
	padding: 5px 0 5px 0;
	list-style: none;
	font-weight: bold;
	background: none;

}
#SubNav li.navParent a
{
	color: #000; /* Black */
}
#SubNav ul a, #SubNav li.active ul a
{
	color: #666; /* Dark Gray */
}
#SubNav li.active a
{
	color: #900; /* Dark Red */
}
#SubNav ul li.open
{
	background: url(../siteImages/bulletRedDown.gif) no-repeat left top;
}
#SubNav .first {
	border-top: none;
}

/* Columns */
.faux2 {
	width: 560px;
	float: left;
	display: inline;
}
#OneColumnNavMainContent
{
	margin: 10px 0 0 15px;
	padding: 0 10px 0 15px;
	background: url(../images/ui-layout/onecolumn-bkg.gif) 0 0 repeat-y;
	float: left;
	display: inline;
	width: 535px;
	_width: 535px;
	overflow: hidden;
}
.OneColumn-top {
	width: 560px;
	height: 10px;
	background: url(../images/ui-layout/onecolumn-top.gif) 0 0 no-repeat;
}
.OneColumn-bottom {
	width: 560px;
	height: 15px;
	margin-left: 15px;
	display: inline;
	background: url(../images/ui-layout/onecolumn-bottom.gif) 0 0 no-repeat;
	float: left;
}
#OneColumnNavMainContent p {
	/*margin-left: 5px;*/
}
#OneColumnNavMainContent li {
	background: url(../images/ui-layout/arrow.gif) 0 1px no-repeat;
	list-style: none;
	padding-left: 18px;
}
#TwoColumnNavMainContent
{
	margin: 10px 0;
	padding: 0 10px 0 15px;
	float: left;
	width: 380px;
	_width: 380px;
	border-right: solid 1px #eee; /* Very Light Gray */
	border-left: solid 1px #eee; /* Very Light Gray */
}
#TwoColumnMainContent
{
	margin: 10px 0;
	padding-right: 10px;
	float: left;
	width: 720px;
	_width: 730px;
	border-right: solid 1px #eee; /* Very Light Gray */
}
#TwoColumnSubContent
{
	margin: 10px 0;
	padding-left: 10px;
	width: 170px;
	_width: 180px; /* IE hack */
	float: left;
	font-size: .9em;
}
.screenshotTable td {
	padding-bottom: 15px;
}
/* Footer */
#Legal
{
	margin: 0;
	padding: 40px 0;
	width: 100%;
	font-size: 11px;
	line-height: 16px;
	clear: both;
	color: #999;
	background: url(../images/ui-footer/footer-bkg.gif) 0 0 repeat-x;
}
#Legal ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#Legal ul li
{
	margin: 0 10px;
	list-style: none;
	display: inline;
}
#Legal a, #Legal a:visited, #Legal a:active
{
	color: #999
}
#Legal a:hover {
	color: #900;
}
#Copyright, #VersionInfo
{
	float: right;
	text-align: right;
}
/* End Header and Footer layout styles */

/*******************************************************************
	Page layout styles
*******************************************************************/
/* Home Page */
#HomeBanner
{
	width: 100%;
	clear: both;
	z-index: -1;
	height: 120px;
}
#HomeMainContent
{
	margin: 10px 0;
	width: 495px;
	_width: 495px; /* IE hack */
	float: left;
}
#HomeSubContent
{
	margin: 20px 0 0 15px;
	width: 240px;
	_width: 240px;
	float: left;
}
#TagText
{
	width: 495px;
	margin-top: 10px;
}
#HomeSolutions
{
	margin: 15px 0 0;
	float: left;
	width: 100%;
}
#HomeIcons {
	width: 465px;
	height: 289px;
	padding: 21px 15px 0 15px;
	margin-top: 13px 0 0 0;
	background: url(../images/home-icons/background.jpg) 0 0 no-repeat;
	font-size: 11px;
}
#HomeIcons a, #HomeIcons a:visited, #HomeIcons a:active, #HomeIcons a:hover {
	text-decoration: none;
	color: #000;
}
.iconContainer {
	width: 82px;
	float: left;
	display: inline;
	text-align: center;
	margin: 0 11px 16px 0;
	overflow: hidden;
}
.solutionContent
{
	float: left;
	width: 240px;
	height: 170px;
	line-height: 16px;
}
.solutionContent .backgroundBox
{
	/* This is a hack for firefox.  Without this border, a mystery margin appears above this div tag. */
	border: solid 1px transparent;
	* border: none;
}
.solutionContent .backgroundBoxContent
{
	margin: 11px 10px 10px 15px;
}
.solutionContent .RBContent, .solutionContent .RoundedBoxDefault
{
	height: 120px;
}
.solutionList {
	margin: 0;
	list-style: none;
	padding: 0;
	line-height: 14px;
}
#HomeReview
{
	float: left;
	width: 530px;
	height: 100px;
}
#HomeReview .RBContent, #HomeReview .RoundedBoxDefault
{
	height: 50px;
}
#HomePressCenter
{
	/*height: 240px;*/
}
#HomePressCenter .RBContent, #HomePressCenter .RoundedBoxDefault
{
	height: 230px;
}
.column2 {
	width: 495px;
	clear: both;
	background: url(../images/ui-layout/box_bkg.gif) 0 0 repeat-y;
}
.column2bottom {
	width: 495px;
	height: 10px;
	background: url(../images/ui-layout/box_bottom.gif) 0 0 no-repeat;
}
.column2title {
	width: 480px;
	background: url(../images/ui-layout/title2col.gif) 0 0 no-repeat;
	height: 34px;
	padding: 7px 0 0 15px;
	color: #000;
}
.column2content {
	margin: 0 15px;
	width: 465px;
}
.col240 {
	width:240px;
	background: url(../images/ui-layout/col240_bkg.gif) 0 0 repeat-y;
}
.col240title {
	width: 225px;
	background: url(../images/ui-layout/col240_title.gif) 0 0 no-repeat;
	height: 34px;
	padding: 7px 0 0 15px;
	color: #000;	
}
.col240bottom {
	width: 240px;
	height: 7px;
	background: url(../images/ui-layout/col240_bottom.gif) 0 0 no-repeat;
}
.col240content {
	width: 210px;
	margin: 0 15px;
}
/* Site Map */
.siteMap
{
	margin: 10px 30px;
	clear: both;
}
/* End Page layout styles */

/*******************************************************************
	Specific tools or sections
*******************************************************************/
/* News Lists */
.pressLinkShort
{
	margin: .5em 0;
	padding-top: .5em;
	border-top: solid 1px #eee; /* Very Light Gray */
}
.pressLinkLong
{
	margin: 1em 0;
}
.pressLinkNoBorder {
	margin: 1px 0 6px 0;
	width: 210px;
	line-height: 16px;
}
.pressLinkBorder {
	padding: 10px 0 6px 0;
	width: 210px;
	background: url(../images/ui-layout/press-divider.gif) 0 0 repeat-x;
	line-height: 16px;
}
/* Sku Picker */
table.skuPicker
{
	border: solid 1px #eee; /* Very Light Gray */
}
tr.skuPickerHidden
{
	display: none;
}
tr.skuPickerSelected
{
	display: table-row;
}
* html tr.skuPickerSelected /* IE hack */
{
	display: block;
}
table.skuPicker td
{
	padding: 5px;
}
#ProductSelectors
{
	margin: 5px 0;
	text-align: right;
}
#ProductSelectors select, #UpgradeForm .cssinput
{
	font-size: 1em;
}
table.crossSellHidden
{
	display: none;
}
table.crossSellSelected
{
	border: solid 1px #eee; /* Very Light Gray */
	display: table;
}
table.crossSellSelected td
{
	padding: 5px;
}

/* Basket */
table.orderGrid
{
	border: solid 1px #eee; /* Very Light Gray */
}
table.orderGrid td
{
	padding: 5px;
}
table.orderGrid td input
{
	font-size: xx-small;
}
.lineItem
{
	padding-top: 5px;
}
.lineItemInfoName
{
	font-weight: bold;
}
.lineItemInfoValue
{
}

/* Address Book */
.addressPicker
{
	margin: 0 auto;
}
.addressBlock
{
	text-align: center;
	display: block;
}
.addressHidden
{
	display: none;
}

/* Basket Summary, Receipt, Order View */
.addressInfo
{
	padding-bottom: 1%;
	float: left;
	width: 48%;
	text-align: center;
	border-right: solid 1px #eee; /* Very Light Gray */
}
.orderInfo
{
	float: left;
	width: 48%;
}
.orderInfo dl
{
	margin: 0;
}
.orderInfo dt
{
	font-weight: bold;
	text-align: right;
	width: 45%;
	float: left;
}
.orderInfo dd
{
	text-align: left;
	margin: 0 0 .25em 48%;
}

/* Payment Method */
.paymentBlock
{
	display: block;
}
.paymentHidden
{
	display: none;
}

/* Order History, Key Center, etc. */
.orderList, .keyList
{
	width: 100%;
	_width: 96%; /* IE hack */
	text-align: left;
	border: solid 1px #eee; /* Very Light Gray */
}
.orderList td, .orderList th, .keyList td, .keyList th
{
	padding: 3px;
	border: solid 1px #fff; /* White */
}
.orderList .orderHeader th
{
	background-color: #ccc; /* Light Gray */
}
.orderLineItemList
{
	width: 100%;
	border: solid 1px #eee; /* Very Light Gray */
}	
.listSearch
{
	padding-bottom: 10px;
}
.listSearchFields
{
	padding: 10px 5px 0 0;
	float: left;
}

/* Account Activity Report */
.reportHeader
{
	padding-bottom: 10px;
	width: 100%;
	clear: both;
}
.reportHeaderLogo
{
	width: 48%;
	text-align: left;
	float: left;
}
.reportHeaderAddress
{
	width: 48%;
	float: left;
}
.reportBillingInfo
{
	padding: 10px 0;
	margin-bottom: 10px;
	width: 100%;
	clear: both;
	border-top: solid 2px #aaa; /* Medium Gray */
	border-bottom: solid 2px #aaa; /* Medium Gray */
}	
.reportBillingAddress
{
	width: 48%;
	*width: 100%; /* IE hack */
	border-right: solid 1px #aaa; /* Medium Gray */
}
.reportBillingDate
{
	width: 48%;
	float: right;
}

/* Hand Offs */
.localizedHandOff
{
	padding: 10px 0;
}
.englishHandOff
{
	padding: 10px 0;
	border-top: solid 1px #eee; /* Very Light Gray */
}

#CallToAction
{
	padding-bottom: 15px;
}
#ContactUs ul
{
	margin-left: 0; /* for IE */
	padding-left: 0;
	list-style: none;
	font-size: x-small;
}
#ContactUs ul li
{
	margin-left:0; /* for IE */
	padding: 3px 0;
}
* html #ContactUs ul li /* IE hack */
{
	margin-left: -15px;
}
#ContactUs ul.contactLinks
{
	margin-top: 5px;
	padding-top: 5px;
	border-top: solid 1px #eee; /* Very Light Gray */
}
.BuyDownloadButtons
{
	margin: 0 auto 10px auto;
	background: url(../siteImages/bgCallOutFade.gif) no-repeat 100% 0;
	width: 160px;
	text-align: center;
}
.BuyDownloadButtons div.content
{
	padding-top: 10px;
}
.BuyDownloadButtons div.bottom
{
	background: url(../siteImages/bgCallOutFadeBottom.gif) no-repeat 100% 100%;
	height: 10px;
}

/* Download */
.purchaseLink
{
	float: right;
	padding-right: 5%;
}
.productDownload table
{
	width: 100%;
	*width: 95%;
}
.productDownload thead
{
	visibility: collapse;
}
.productDownload td
{
	width: 35%;
}
.productDownload table p, .productDownload table p
{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

/* Partner Portal Controls */
#PortalIdentity
{
	color: #aaa; /* Medium Gray */
}
#PortalIdentity span
{
	color: #666; /* Dark Gray */
	font-weight: bold;
}

/* Partner Application and Request Support Wizards */
.wizard
{
	margin: 0 auto;
	width: 99%;
}
.wizard table
{
	margin: 0;
	width: 100%;
	border: solid 1px #eee; /* Very Light Gray */
}
.wizard td
{
	margin: 0;
	padding-top: 10px;
}
.wizard table table /* Contains Prev/Next buttons */
{
	margin: -15px 10px 0 0;
	float: right;
	width: 120px;
	border: none;
}

/* LightBox (Help, Contact Us, etc.) */
#LightBoxUberDiv
{
	padding: 0 15px;
	text-align: left;
}

#CrystalViewer
{
	margin: auto;
	width: 500px;
}

.heading
{
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 5px;
}
#AreaSelectors li
{
	list-style: none;
	float: left;
	padding: 5px 10px;
}

#PartnerListing table
{
	width: 100%;
	*width: 95%;
}

/* End Specific tools or sections */



/*******************************************************************
	Misc. styles
*******************************************************************/
.center, .captionedImage p
{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.right
{
	text-align: right;
}
.left
{
	text-align: left;
}
.floatleft
{
	float: left;
}
.floatright
{
	float: right;
}
img.floatleft, img.left
{
	margin: 5px 5px 5px 0;
}
img.floatright, img.right
{
	margin: 5px 0 5px 5px;
}
.captionedImage.floatright
{
	padding: 5px 0 0 10px;
}
.captionedImage.floatleft
{
	padding: 5px 10px 0 0;
}
.clear
{
	clear: both;
}
.clearright
{
	clear: right;
}
.clearleft
{
	clear:	left;
}
.hidden
{
	display: none;
}
.block
{
	display: block;
}
.topline
{
	margin-top: 5px;
	padding-top: 5px;
	border-top: solid 1px #eee; /* Very Light Gray */
}
.bordered
{
	border: solid 1px #eee; /* Very Light Gray */
}
.odd
{
	background-color: #eee; /* Very Light Gray */
}
.even
{
	background-color: #fff; /* White */
}
.red
{
	color: #900; /* Dark Red */
}
.bold
{
	font-weight: bold;
}
.error
{
	color: #900; /* Dark Red */
	font-weight: bold;
}
.success
{
	color: #009; /* Dark Blue */
	font-weight: bold;
}
.indent
{
	margin-left: 15px;
}
ul.indent
{
	_margin-left: 30px; /* IE Hack */
}
.nowrap
{
	white-space: nowrap;
}
.tableMinWidth
{
	width: 1%; /* As small as possible */
}
.inputMinWidth
{
	width: 15px; /* As small as possible */
}
.inlineImage
{
	vertical-align: bottom;
}
.leading2 td {
	padding: 3px;
}
.th-special {
	background: #D3D3D3;
}

/* End Misc. styles */

#CommtouchRealtimeOutbreaksMonitor
{
	float:left;
}

#CommtouchTopSpamSendingDomains
{
	float:left;
}

#CommtouchTopSpamSendingCountries
{
	float:left;
}

#CommtouchDailyOutbreaks100
{
	float:left;
}

/* ---------------------- contact form specific styles -------------------------------------*/

#kontakttable {
	border-top: 1px solid #EBEBEB;
}
#kontakttable td {
	border-bottom: 1px solid #EBEBEB;
	padding: 7px 7px 7px 0;
}
#frmkontakt input, #frmkontakt select, #frmkontakt textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #C3C3C2;
}
#frmkontakt input {
	height: 15px;
	padding: 1px 2px 1px 2px;
}
#frmkontakt select {
	height: 18px;
	padding: 1px 1px 1px 1px;
}
#frmkontakt textarea {
	padding: 1px 2px 1px 2px;
	line-height: 150%;
}
#frmkontakt input:hover, #frmkontakt input:focus, 
#frmkontakt textarea:hover, #frmkontakt textarea:focus, 
#frmkontakt select:hover, #frmkontakt select:focus {
	border: 1px solid #900;
	/*padding : 1px 1px 1px 1px;*/
}
#frmkontakt input#abschicken, #frmkontakt input#abschicken:hover, #frmkontakt input#abschicken:focus {
	width: 89px;
	height: 17px;
	border: none;
}
#frmkontakt td.firstrow {
	width: 160px;
	text-align: right;
}
#frmkontakt td.secondrow {
	border: none;
}

/* ---------------------- register form specific styles -------------------------------------*/

#rt1, #rt2, #rt3, #rt4, #rt5, #rt6, #rt7 {
	border-top: 1px solid #EBEBEB;
}
#rt1 td, #rt2 td, #rt3 td, #rt4 td, #rt5 td, #rt6 td, #rt7 td {
	border-bottom: 1px solid #EBEBEB;
	padding: 7px 7px 7px 0;
}
#rt1 th, #rt2 th, #rt3 th, #rt4 th, #rt5 th, #rt6 th, #rt7 th {
	padding: 7px 7px 7px 5px;
	font-weight: bold;
	text-align: left;
	background : #EBEBEB;
}
#CFForm_1 input, #CFForm_1 select, #CFForm_1 textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
}
#CFForm_1 select {
	height: 18px;
	padding: 1px 1px 1px 1px;
}
#CFForm_1 textarea {
	padding: 1px 2px 1px 2px;
	line-height: 150%;
}
#CFForm_1 input:hover, #CFForm_1 input:focus, 
#CFForm_1 textarea:hover, #CFForm_1 textarea:focus, 
#CFForm_1 select:hover, #CFForm_1 select:focus {
	border: 1px solid #0099CC;
}
#CFForm_1 input#abschicken, #CFForm_1 input#abschicken:hover, #CFForm_1 input#abschicken:focus {
	width: 89px;
	height: 17px;
	border: none;
}
#CFForm_1 td.firstrow {
	width: 160px;
	text-align: right;
}
#CFForm_1 td.secondrow {
	border: none;
}
#CFForm_1 .input1, #CFForm_1 .input2, #CFForm_1 .input3, #CFForm_1 .input4 {
	height: 15px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #C3C3C2;
}
.input1 {width: 220px; }
.input2 {width: 105px; }
.input3 {width: 30px; }
.input4 {width: 180px; }

/* ---------------------- input widths -------------------------------------*/

.forminput1 {width:210px; }
.formselect1 {width:214px; }
.formtextarea1 {width:330px; }
.formradio {border: none; height: auto; }

/*	MOUSEOVER_POPUP
	--------------------------------------------
*/


div.mouseover_popup {
	display: none;
	position: absolute; 
	z-index: 100; 
	font-size: 11px;
	border: 1px solid black; 
	padding: 8px; 
	color: black;
	width: 319px;
	_width: 337px;
	margin-left: 180px;
	margin-top: -10px;
	cursor: help;
	background-color: rgb(255,255,230);
	text-align: left;
}

div.mouseover_popup li {
	background: url(../images/ui-layout/arrow.gif) no-repeat ;
	line-height: 17px;
	font-size: 11px;
	list-style: none;
	padding-left: 20px;	
}

div.mouseover_popup table {
	border: 0;
	width: 99%;
	_width: 96%;
	border-collapse: collapse;
}

div.mouseover_popup td {
	text-align: center!important;
	vertical-align: top;
	color: black;
	border: 0px;
	font-size: 11px;
}

div.mouseover_popup table.border td {
	border: 1px solid silver;
}

div.mouseover_popup td.leftalign {
	text-align: left!important;
}

div.mouseover_popup .caption {
	color: #900;
	font-weight: bolder!important;
}


.freeformcontainer {
	width: 275px;
	float: left;
}
#freeform
{
	clear: both;
	margin: 10px 0 0 0;
	width: 275px;
	background: url(../images/ui-layout/freeform-bkg.gif) 0 0 repeat-y;
	display: inline;
	float: left;
}
.freeform-top {
	width: 275px;
	height: 10px;
	background: url(../images/ui-layout/freeform-top.gif) 0 0 no-repeat;
}
.freeform-bottom {
	width: 275px;
	height: 10px;
	clear: both;
	background: url(../images/ui-layout/freeform-bottom.gif) 0 0 no-repeat;
}

.innertable {border-bottom: 1px solid #ffffff;}
.innertable th {padding: 10px; padding-left:0px; border-top: 1px solid #ffffff; border-bottom: 1px solid #d8d8d5; background: #ffffff; font-weight: bold; text-align: left;}
.innertable th.r {text-align: right;}
.innertable td {padding: 10px; padding-left:0px; border-top: 1px solid #ffffff; border-bottom: 1px solid #d8d8d5;}
.innertable td a:hover {text-decoration:underline;}
.dlselect { margin: 0; border: 1px solid #d3d8d9; background-color: #ffffff; padding: 2px; color: black;}
.dlselect:active {border: 1px solid #0088cc; background: #ffffff url(../img/form/form_bkg.png) repeat-x;}


form.contactForm  {margin: 30px 0; border-top: 1px solid #d8d8d5; border-bottom: 1px solid #ffffff; color:#666666;}
form.contactForm .formItem {padding: 10px 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #d8d8d5;}

form.contactForm label {display: block; float: left; padding: 6px 0 0 0;}
form.contactForm .formItem input.textItem {display: block; margin: 0 0 0 165px; padding: 4px 6px 0; border: 1px solid #cdcdca; width: 250px; height: 21px; background-color: #ffffff; color: black;}
form.contactForm .formItem textarea {display: block; margin: 0 0 0 165px; padding: 4px 6px; border: 1px solid #cdcdca; width: 340px; height: 120px; background-color: #ffffff; color: black;}
form.contactForm input.button {margin: 0 0 0 165px;}
form.contactForm .inputs {margin: 12px 0 15px 165px;}
form.contactForm .formItem input.formactive, form.contactForm .formItem textarea.formactive {border: 1px solid #0088cc; background: #ffffff url(../img/form/form_bkg.png) repeat-x;}
.spam {background: #f1f1ed; border: none; visibility: hidden;}



/*******************************************************************
	ThinkBox classes
	These classes produce the lightbox effect.
	Requires thickbox.js
*******************************************************************/
#TB_overlay
{
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.TB_overlayMacFFBGHack
{
	background: url(macFFBgHack.png) repeat;
}
.TB_overlayBG
{
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #TB_overlay /* IE6 and lower hack */
{
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_load
{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_window
{
	position: fixed;
	top:50%;
	left:50%;
	background: #fff; /* White */
	z-index: 102;
	color: #000; /* Black */
	display: none;
	border: 4px solid #666; /* Dark Gray */
	text-align: left;
}
* html #TB_window /* IE6 and lower hack */
{
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

/* TB Title Bar */
#TB_title
{
	font-size: medium;
	font-weight: bold;
	color: #900; /* Dark Red */
	background-color: #ccc; /* Light Gray */
	height: 27px;
}
* html #TB_title /* IE6 and lower hack */
{
	width: 102%;
}
#TB_ajaxWindowTitle
{
	float: left;
	padding: 7px 0 5px 10px;
	margin-bottom: 1px;
}
#TB_closeWindow
{
	font-size: x-small;
	font-weight: normal;
	padding: 5px 10px;
	margin-bottom: 1px;
	text-align: right;
	float: right;
}

/* TB Images */
#TB_ImageContainer
{
	clear: both;
	text-align:center;
}
#TB_window img#TB_Image
{
	display:block;
	margin: 15px auto;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_imageCaption
{
	padding:7px 25px;
	width: 100%;
}
#TB_imageGroupLinks
{
	width: 100%;
	text-align:center;
}
#TB_load
{
	position: absolute;
	display: none;
	height: 100px;
	width: 100px;
	z-index: 101;
}
* html #TB_load /* IE6 and lower hack */
{
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_ajaxContent
{
	clear: both;
	padding: 15px;
	overflow: auto;
	text-align:left;
}
#TB_iframeContent
{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#TB_HideSelect
{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff; /* White */
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #TB_HideSelect /* IE6 and lower hack */
{
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/* End ThickBox classes */