/*******************************************************************
	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.
		1/31/2008, Trint Ladd
			Removed homepage layout styles. Home page layout is now
			controlled in managed content.
			My goal is to pare down this stylesheet until it only
			contains styles for page templates, specific controls and
			global styles for consistancy across the site.
		2/21/2008, Daniel Draney
			Added Home Page Styles
		
********************************************************************
/*	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 */
/*		#005; /* Dark Blue */
/*                 #F68121; /* Dark Orange */
/*                 #FFA500 /* Orange */
/******************************************************************/

/*******************************************************************
	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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: 1.3em;
}
#aspnetForm /* Master Form - Master page form gets assigned this id. */
{
	width: 100%;
	text-align: center;
}
.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%;
}
table
{
	_font-size: 1em; /* IE hack */
}
th, tr.headerRow td
{
	font-weight: bold;
	text-align: center;
	background-color: #ccc; /* Light Gray */
}
tr.footerRow td
{
	border-top: solid 1px #ccc; /* Light Gray */
	vertical-align: top;
}
table.bordered
{
	border-collapse: collapse;
}
table.bordered td, table.bordered th
{
	padding: 3px;
	border: 1px solid #000; /* Black */
}
img
{
	border: none;
}
p
{
	margin: 0 0 1em 0;
}
a
{
	color: #F68121; /* Dark Red */
	text-decoration: none;
}
a:hover
{
	color: #900; /* Dark Red */
	text-decoration: underline;
}
h1
{
	margin: 0 0 .7em 0;
	font-size: 1.5em;
	font-weight: bold;
}
h2
{
	margin: 0 0 .7em 0;
	font-size: 1.2em;
	font-weight: bold;
}
h3
{
	margin: .5em 0;
	font-size: 1em;
	font-weight: bold;
}
h1.bar
{
	padding: 5px;
	background-color: #FFA500; /*Orange */
	border-bottom: solid 2px #900; /* Dark Red */
}
h2.bar
{
	padding: 5px;
	background-color: #FFA500; /* Orange */ 
	border-bottom: solid 1px #900; /* Dark Red */
}
h3.bar
{
	border-bottom: solid 1px #900; /* Dark Red */
	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.png, and bgBorders.png
*******************************************************************/
.RoundedBoxDefault
{
	padding: 10px 0;
	margin: 3px 0;
	border: solid 1px #ccc; /* Light Gray */
}
.RoundedBoxDefault div
{
	padding: 10px;
}
.RoundedBox
{
	margin: 5px;
	text-align: left; /* Prevents inherited centering in IE */
}
.RBTop, .RBBottom
{
	margin: 0;
	height: 20px;
}
.RBTop div, .RBBottom div
{
	height: 20px;
	width: 15px;
}
.RBTop
{
	background: url(./Images/bgBox.png) no-repeat 100% 0;
	
}
.RBBottom
{
	background: url(./Images/bgBox.png) no-repeat 100% 100%;
	clear: both;
}
.RBTop div
{
	background: url(./Images/bgBox.png) no-repeat 0 0;
}
.RBBottom div
{
	background: url(./Images/bgBox.png) no-repeat 0 100%;
}
.RBLeftBorder
{
	padding: 0 0 0 5px;
	background: url(./Images/bgBorders.png) repeat-y 0 0;
}
.RBRightBorder
{
	padding: 0 10px 0 0;
	background: url(./Images/bgBorders.png) 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 */


/*******************************************************************
	Home Page classes
	These classes are used on the home page.

*******************************************************************/
#MainColumn
{
	width:550px;
}
#CallOutColumn
{
	margin-top:-5px;
	float:right;
	width:200px;
	_width:195px; /* IE Hack */
}
#TagText
{
	margin-top:10px;
	clear:left;
	width:550px;
}
#MainBox
{
    float:left;
    width:100%;
}
#ProductBox
{
	float:left;
	width:275px;
}
#SolutionBox
{
	float:right;
	width:275px;
}
.boxIcon
{
	text-align:center;
	width:40px;
	height:40px;
	cursor:hand;
}
#TestimonialBanner
{

}
#FlagLinks
{
	clear: both;
}

.borderBottom
{
	border-bottom: 1px solid #999;
}
.topLine
{
	margin: .5em 0;
	padding-top: .5em;
	border-top: solid 1px #999; /* mid Gray */
}
.hiddenContentBox
{
	position: absolute;
	color: #333;
	background-color: #e2e2e2;
	border: 1px solid #333;
	z-index: 3;
	cursor: hand;
}
.hiddenContentBox ul
{
	list-style-type: circle;
}

/* End Home Page 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: #ccc; /* 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, .FormButton /* FormButton is used in cms forms */
{
	margin: 5px 0;
	height: 20px;
	width: 120px;
	font-size: 1em;
	border: none;
	background: url(./Images/bgButton.gif) no-repeat 0 0;
	cursor: pointer; /* Be nice to Firebird */
}
.cssButtonSmall
{
	background: url(./Images/bgButtonSmall.gif) no-repeat 0 0;
	width: 60px;
}
.goButton
{
	height: 18px;
	width: 18px;
	background: none;
	border: none;
	background-image: url(./Images/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, .FormButton:hover, .FormButton:focus /* FormButton is used in cms forms */
{
	background: url(./Images/bgButton.gif) no-repeat 0 100%;
}
.buttonSmallHover, .cssButtonSmall:hover, .cssButtonSmall:focus
{
	background: url(./Images/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 5px 5px 0;
	display: inline;
}
.accountLinks ul
{
	padding: 0;
	/*font-size: x-small;*/
    font-size: 14px;
	list-style: none;
	display: inline;
}
.accountLinks ul li
{
	margin: 0 2px;
	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(./Images/bSearch.gif);
}
#BreadCrumbBar
{
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 20px;
	background: #F68121; /*Dark Orange */
	border-top: solid 1px #900; /* Dark Red */
	border-bottom: solid 1px #900; /* Dark Red */
	clear: both;
}
#BreadCrumb
{
	padding: 3px;
	float: left;
	font-size: smaller;
}
#BreadCrumb a
{
    color: #666;
}
#SendToLinks
{
	text-align: right;
}
#SendToLinks img
{
	margin: 0 5px;
}

/* Main Nav */
#MainNav
{
    margin-top: 4px;
	margin-right: -8px;
	float: right;
}
#MainNav a
{
	color: #000; /* Black */
	text-decoration: none;
}
#MainNav ul
{
	margin: .30em 0 0 0;
	_margin-top: .2em;
	padding: 0;
	list-style: none;
}
#MainNav li.top
{
	margin: 20px 8px 0 8px;
	padding-bottom: 10px;
	position: relative;
	font-size: 13px;
	_font-size: 13px;
	font-weight: bold;
	float: left;
}
#MainNav ul.drop
{
	margin: 0;
	display: none;
	position: absolute;
	top: 1.3em;
	left: 0;
	width: 145px;
	background: #FFA500; /* Orange */
	border: solid 1px #000; /* Black */
	font-size: .9em;
	font-weight: normal;
	color: #000; /* Black */
}
#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
{
	padding-left: 5px;
}
#MainNav ul.drop a
{
	margin-left: -5px;
	padding-left: 5px;
	color: #000; /* Black */
	display: block;
	_width: 99%;
}
#MainNav ul.drop ul a
{
	margin-left: -10px;
	padding-left: 15px;
}
#MainNav a:hover, #MainNav ul.drop a:hover
{
	color: #F68121; /* Dark Orange */
}
#MainNav ul.drop a:hover
{
	background-color: #dedede;
}

/* Sub Nav */
#SubNav
{
	margin: 10px 15px 10px 0;
	width: 160px;
	/*float: left;*/
}
#SubNav ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}
#SubNav ul li
{
	margin: 0;
	padding: 5px 0 5px 10px;
	list-style: none;
	border-top: solid 1px #ccc; /* Light Gray */
	font-weight: bold;
	background: url(./Images/bulletRedRight.gif) no-repeat left top;
}
#SubNav ul ul li
{
	font-size: .9em;
	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 5px;
	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(./Images/bulletRedDown.gif) no-repeat left top;
}

/* Footer */
#Legal
{
	margin: 10px 0;
	padding: 10px 0;
	width: 100%;
	font-size: xx-small;
	clear: both;
	border-top: solid 1px #ccc; /* Light Gray */
}
#Legal ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#Legal ul li
{
	margin: 0 10px;
	list-style: none;
	display: inline;
}
#Legal a
{
}
#Copyright, #VersionInfo
{
	float: right;
}
/* End Header and Footer layout styles */

/*******************************************************************
	Page layout styles
*******************************************************************/
#OneColumnMainContent
{
	margin: 10px 0;
}
#OneColumnNavMainContent
{
	margin: 10px 0;
	/*padding-left: 15px;*/
	float: left;
	width: 500px;
	/*_width: 565px;*/
	/*border-left: solid 1px #ccc; /* Light Gray */
}
#TwoColumnNavMainContent
{
	margin: 10px 0;
	padding: 0 10px 0 15px;
	float: left;
	width: 370px;
	_width: 380px;
	border-right: solid 1px #ccc; /* Light Gray */
	border-left: solid 1px #ccc; /* Light Gray */
}
#TwoColumnMainContent
{
	margin: 10px 0;
	padding-right: 10px;
	float: left;
	width: 550px;
	_width: 560px;
	border-right: solid 1px #ccc; /* Light Gray */
}
#TwoColumnSubContent
{
	margin: 10px 0;
	padding-left: 10px;
	width: 170px;
	_width: 170px; /* IE hack */
	float: left;
	font-size: .9em;
}

/* Home Page */
#HomeMainContent
{
	width: 100%;
	clear: both;
}

/* 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 #ccc; /* Light Gray */
}
.pressLinkLong
{
	margin: 1em 0;
}

/* Sku Picker */
table.skuPicker
{
	border: solid 1px #ccc; /* 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, table.supportAgreementHidden
{
	display: none;
}
table.crossSellSelected, table.supportAgreementSelected
{
	border: solid 1px #ccc; /* Light Gray */
	display: table;
}
table.crossSellSelected td, table.supportAgreementSelected td
{
	padding: 5px;
}

/* Basket */
table.orderGrid
{
	border: solid 1px #ccc; /* 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 */
.printOnly, .printOnlyAddress
{
	display: none;
}
.addressInfo
{
	padding-bottom: 1%;
	float: left;
	width: 48%;
	text-align: center;
	border-right: solid 1px #ccc; /* 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. */
.gridTable
{
	width: 100%;
	* width: 95%; /* IE hack */
	text-align: left;
	border: solid 1px #ccc; /* Light Gray */
	border-collapse: collapse;
}
.gridTable .odd td, .gridTable th
{
	padding: 3px;
	border: solid 1px #fff; /* White */
}
.gridTable .even td, .gridTable .orderHeader
{
	border: solid 1px #eee; /* Very Light Gray */
}
.gridTable .orderLineItemList
{
	margin-left: 5%;
	width: 95%;
	border-collapse: collapse;
}	
.gridTable .orderLineItemList th
{
	background-color: #ccc; /* 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 */
}
.reportBillingDetails
{
	width: 48%;
	float: right;
}

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

/* 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%;
	* width: 95%; /* IE hack */
}
.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%;
}

/* Site Search and Site Map */
.siteListing
{
	margin-left: 15px;
	padding-left: 0px;
	list-style: none;
}
.siteListing li
{
	margin-bottom: 1em;
}
a.siteLink
{
	font-weight: bold;
}

/* Misc. */
#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 #ccc; /* Light Gray */
}
.buyDownloadButtons
{
	margin: 0 auto 10px auto;
	background: url(./Images/bgCallOutFade.gif) no-repeat 100% 0;
	width: 160px;
	text-align: center;
}
.buyDownloadButtons div.content
{
	padding-top: 10px;
}
.buyDownloadButtons div.bottom
{
	background: url(./Images/bgCallOutFadeBottom.gif) no-repeat 100% 100%;
	height: 10px;
}

/* 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 #ccc; /* Light Gray */
}
.bordered
{
	border: solid 1px #ccc; /* Light Gray */
}
.odd
{
	background-color: #eee; /* Very Light Gray */
}
.even
{
	background-color: #fff; /* White */
}
.red
{
	color: #900; /* Dark Red */
}
.bold
{
	font-weight: bold;
}
.error, .EditingFormErrorLabel /* EditingFormErrorLabel is used in cms forms */
{
	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;
}
/* End Misc. styles */


/*xFenster*/

.xfCon { /* overall container */
  position:absolute;
  visibility:hidden;
  overflow:hidden;
  margin:0;
  padding:0;
  font-size:x-small;
  color:#000;
  background:#ccc; /*#596380;*/
  cursor:default;
  border:1px solid #394360;
}
.xfTBar { /* titlebar default */
  position:absolute;
  left:1px;
  top:1px;
  right:1px;
  height:1.4em;
  overflow:hidden;
  font-size:x-small;
  margin:0;
  padding:1px 4px;
  font-weight:normal;
  color:#000;
  background:#99a3c0;
  cursor: move;
}
.xfTBarF { /* titlebar focused */
  position:absolute;
  left:1px;
  top:1px;
  right:1px;
  height:1.4em;
  overflow:hidden;
  font-size:x-small;
  margin:0;
  padding:1px 4px;
  font-weight:bold;
  color:#fff;
  background:#596380;
  cursor: move;
}
.xfSBar { /* statusbar default */
  position:absolute;
  left:1px;
  bottom:1px;
  right:1px;
  height:1.4em;
  overflow:hidden;
  font-size:x-small;
  margin:0;
  padding:1px 4px;
  color:#000;
  background:#99a3c0;
}
.xfSBarF { /* statusbar focused */
  position:absolute;
  left:1px;
  bottom:1px;
  right:1px;
  height:1.4em;
  overflow:hidden;
  font-size:x-small;
  margin:0;
  padding:1px 4px;
  color:#000;
  background:#596380;
}
.xfMIco { /* maximize/restore icon */
  position:absolute;
  overflow:hidden;
  font-size:x-small;
  right:16px;
  top:1px;
  width:12px;
  height:12px;
  margin:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  background-image:url(images/xf_maxres_icon.gif);
}
.xfCIco { /* close icon */
  position:absolute;
  overflow:hidden;
  font-size:x-small;
  right:1px;
  top:1px;
  width:12px;
  height:12px;
  margin:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  background-image:url(images/xf_close_icon.gif);
}
.xfRIco { /* resize icon */
  position:absolute;
  overflow:hidden;
  font-size:x-small;
  right:1px;
  bottom:1px;
  width:12px;
  height:12px;
  margin:0;
  padding:0;
  background:transparent;
  cursor: se-resize;
  background-image:url(images/xf_resize_icon.gif);
}
.xfClient { /* The 'client area' can be an IFRAME or a DIV */
  position:absolute !important;
  left:1px !important;
  right:1px !important;
  overflow:auto;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #394360;
}