* { margin: 0; padding: 0; }

p { margin: 0 0 1em 0; }

a { text-decoration: none; color: gray; }

h2
{
	font-size:		18px;
	margin-left:		20px;
}

html, body { margin: 0; padding: 0; }

input, button, option { z-index: 5 }

img { border: 0; }

body, p, a, td
{
	font-family:		'Oxygen', Sans-Serif, Arial, Helvetica;
	font-size:			12pt;
	color:				gray;
	}

body
{
	height:				100%;
	width:				100%;
	vertical-align:			middle;
	margin:				0 auto;
}

html>body
{
	position:			absolute;
	width:				100%;
}

input
{
	font-size:			12pt;
}

.amUpdatePanel,
.amForm
{
	height:				100%;
}

/* ============================ update progress ================================ */

.amWaiting
{
	position:			fixed;
	height:				32px;
	width:				32px;
	padding:			20px;
	top:				47%;
	left:				47%;
	background-color:		White;
	border:				1px black solid;
	z-index:			99;
}

/* ============================ logon / intro etc. ============================= */

.amIntroWrapper
{
	width:				100%;
	height:				100%;
	text-align:			center;
	background-attachment:		fixed;
	background:			#4682B4;
}

.amIntroFrame
{
	margin-left:			auto;
	margin-right:			auto;
	width:				400px;
	z-index:			10;
}

.amIntroContent
{
	height:				auto;
	margin-top:			20px;
	margin-bottom:			20px;
	padding:			20px;
	text-align:			center;
	background:			white;
}

.amIntroContent h3
{
	margin-top:			20px;
}

.amLangSel
{
	width:				100%;
	text-align:			right;
}

.amIntroContent table
{
	width:				100%;
	margin-top:			40px;
	margin-bottom:			40px;
}

.amIntroContent td
{
	text-align:			left;
}

.amIntroImg
{
	width:				400px;
	height:				104px;
	background-image:		url('../Images/amagnomeintro.png');
	background-repeat:		no-repeat;
	margin-top:			50px;
	margin-bottom:			20px;
}

.amScreenshots
{
	width:				284px;
	height:				155px;
	background-image:		url('../Images/amagno-me-screens.png');
	background-repeat:		no-repeat;
}

.amIntroFooter p a
{
	color:				white;
}

.amIntroFooterSU
{
	font-size:			8pt;
}

.amIntroInput
{
	width:				95%;
	overflow:			hidden;
	padding:			3px;
	border:				0;
	border:				1px gray dotted;
}

.amButton
{
	padding:			5px;
	padding-left:			15px;
	padding-right:			15px;
}

.amReLogon
{
	margin-top:			30px;
}

/* ============================ main header ==================================== */

.amHeader
{
	overflow:			hidden;
	position:			absolute;
	top:				0;
	height:				40px;
	width:				100%;
	border-bottom:			1px white solid;
	background-color:		#4682B4;
}

.amHeaderHomeLink
{
	position:			absolute;
	top:				3px;
	left:				3px;
	margin:				0;
	overflow:			hidden;
	width:				80%;
}

.amHeaderHomeLink img
{
	border:				0;
	width:				32px;
	height:				32px;
	margin-right:			10px;
	vertical-align:			middle;
}

.amHeaderHomeLink p
{
	position:			absolute;
	left:				40px;
	top:				5px;
	font-size:			15pt;
	color:				#FFFFFF;
}

.amHeaderSearchLink
{
	position:			absolute;
	top:				3px;
	right:				5px;
	margin:				0;
	overflow:			hidden;
	width:				auto;
}

.amHeaderSearchLink a img
{
	border:				0;
	width:				32px;
	height:				32px;
	background-image:		url('../Images/32/search.png');
}

/* ============================ main area ====================================== */

.amNavArea,
.amItemArea,
.amOneColNavArea,
.amOneColItemArea
{
	overflow:			auto;
	position:			absolute;
	top:				41px;
	bottom:				0;
}

.amNavArea,
.amOneColNavArea
{
	left:				0;
	background-color:		#FFFFFF;
}

.amNavArea
{
	width:				40%;
}

.amOneColNavArea
{
	width:				100%;
}

.amItemArea,
.amOneColItemArea
{
	right:				0;
	background-color:		#808080;
}

.amItemArea
{
	width:				60%;
}

.amOneColItemArea
{
	width:				100%;
}

.amItem,
.amNavigation
{
	position:			absolute;
	left:				0;
	top:				0;
	width:				100%;
	height:				100%;
}

.amItem
{
}

.amItemHeader,
.amNavigationHeader
{
	overflow:			hidden;
	position:			absolute;
	left:				0;
	width:				100%;
	top:				0;
	height:				40px;
}

.amItemContent,
.amNavigationContent,
.amNavigationContentUpload
{
	overflow:			auto;
	position:			absolute;
	left:				0;
	width:				100%;
	top:				40px;
	bottom:				70px;
}

.amItemFooter,
.amNavigationFooter
{
	overflow:			hidden;
	position:			absolute;
	left:				0;
	width:				100%;
	height:				70px;
	bottom:				0;
	background-color:	black;
}

.amAreaDevider
{
	z-index: 3;
	background:			#C0C0C0;
	position:			absolute;
	left:				0;
	height:				100%;
	width:				1px;
}

/* ============================ navigation & item header ======================= */

.amNavItemUpButton,
.amItemDetailsUpButton
{
	z-index:			10;
	position:			absolute;
	margin-top:			5px;
	width:				32px;
	height:				32px;
	background-image:		url('../Images/32/surfup.png');
	background-repeat:		no-repeat;
}

.amCheckedOut,
.amCheckedOutNormal
{
    z-index: 10;
    position: absolute;
}

.amFavIcon {
    z-index: 10;
    position: absolute;
    right: 5px;
}

.amNavItemTitle,
.amItemTitle
{
	z-index:			0;
	position:			absolute;
	top:				7px;
	width:				100%;
	font-weight:	    normal;
	font-size:			14pt;
	text-align:			center;
	white-space:			nowrap;
}

/* ============================ navigation header ============================== */

.amNavigationHeader
{
	background-color:	#CECECE;
}

.amNavItemTitle
{
	color:				#333333;
}

.amNavItemDetailsButton
{
	position:			absolute;
	right:				1px;
	top:				5px;
	width:				32px;
	height:				32px;
	background-image:		url('../Images/32/surfdetailswhite.png');
}

/* ============================ item header ==================================== */

.amItemTitle
{
	color:				#FFFFFF;
	vertical-align:     middle;
}

/* ============================ navigation content ============================= */

.amNavigationContent a,
.amNavigationContent a:hover
{
	height:				44px;
	width:				100%;
}

.amNavigationContent a
{
	vertical-align:			middle;
	border-bottom:			1px #E0E0E0 solid;
	display:			    block;
	color:				    gray;
	font-weight:			normal;
}

#mainControl_MainControl_navigator_clickfinder_link:hover,
.amNavigationContent a:hover
{
	background:			#F0F0F0;
}

.amNavigationContent a div
{
	padding-top:			12px;
	padding-left:			5px;
	margin-right:			2px;
	overflow:			hidden;
	white-space:			nowrap;
}


.amNavigationContentUpload a,
.amNavigationContentUpload a:hover
{
	height:				44px;
	width:				100%;
}

.amNavigationContentUpload a
{
	vertical-align:			middle;
	border-bottom:			1px silver solid;
	display:			block;
	color:				gray;
	font-weight:			normal;
}


/*
.amNavigationContentUpload a:hover
{
	
}
*/

.amNavigationContentUpload a div
{
	padding-top:			12px;
	padding-left:			5px;
	margin-right:			2px;
	overflow:			hidden;
	white-space:			nowrap;
}

.amNavInfo
{
	vertical-align:			middle;
	height:				44px;
	width:				100%;
	display:			block;
	color:				lightgray;
	font-weight:			normal;
}

.amNavInfoText
{
	padding-top:			12px;
	padding-left:			5px;
	margin-right:			2px;
	overflow:			hidden;
	white-space:			nowrap;
}

.amNavItemIcon
{
	float:				left;
	vertical-align:			middle;
	width:				32px;
	height:				32px;
	border:				0;
	margin:				4px;
}

.amNavItemState
{
	float: right;
	vertical-align: middle;
	width:16px;
	height: 16px;
	border: 0;
	margin:4px;
	right:40px;
	padding-top: 10px;
}

.amNavItemNavigate,
.amNavItemSelect,
.amNavItemMore,
.amNavItemPrevPage,
.amNavItemNextPage
{
	float:				right;
	margin-top:			6px;
	margin-right:			1px;
	margin-left:			5px;
	width:				32px;
	height:				32px;
	border:				0;
}

.amNavItemNavigate { background: url('../Images/32/surfdown.png'); }

.amNavItemSelect { background: url('../Images/32/surfdetails.png'); }

.amDontSetAnchor    { background: url('../Images/32/anchor_off.png'); }
.amSetAnchor        { background: url('../Images/32/anchor_on.png'); }

/* ============================ item content =================================== */

.amSettingList,
.amPropertyList,
.amSeeAlsoList
{
	margin:				20px;
	width:				auto;
	border:				1px silver solid;
	background-color:		white;
}

.amSeeAlsoList 
{
     height: 90%;
}

.amSeeAlsoTree 
{
    margin: 10px;
    padding: 10px;
}

.amPropertyList
{
}

.amSettingListCaption,
.amPropertyListCaption
{
	display:			block;
	float:				left;
	overflow:			hidden;
	font-weight:		bold;
}

.amSettingListSingleLineInput
{
	width:				90%;
	float:				left;
	overflow:			hidden;
	margin:				10px;
	padding:			3px;
	border:				0;
	border-bottom:		1px gray dotted;
}

.amSettingListValue,
.amPropertyListValue
{
	display:			block;
	overflow:			hidden;
	clear:				both;
}

.amSettingList table,
.amPropertyList table 
{ 
	width: 100%; 
}

.amSettingList table td
{
	width:	95%;
}

.amOption
{
	width:				5%;
	text-align:			right;
	vertical-align:			top;
}

.amThemeIcon
{
	vertical-align:			middle;
	margin-right:			10px;
}

.amPreviewImages
{
	width: 100%;
	text-align: center;
	margin-bottom: 60px;
}

.amPreviewImageContainer 
{
    margin: 0 auto;
    display: table;
	position: relative;
}

.amPreviewLayerImage {
    top: 0; 
    left: 0; 
    position:absolute;
    z-index: 10;
	margin:8px;
	border:				1px black solid;
}

.amPreviewImage
{
	background-color:	white;
	margin:				8px;
	border:				1px black solid;
}

.amEllipses { color: gray; }

.amHighlight0,
.amHighlight1,
.amHighlight2
{
	color:				White;
	font-weight:			bold;
	padding-left:			3px;
	padding-right:			3px;
}

.amHighlight0 { background-color: Orange; }
.amHighlight1 { background-color: Blue; }
.amHighlight2 { background-color: Green; }

/* ============================ item preview buttons =========================== */

.amItemPreviewButtons
{
	z-index:		79;
	position:		absolute;
	height:			25px;
	bottom:			90px;
	width:			100%;
	text-align:		center;
}

.amItemPreviewButtons a
{
	padding:				5px;
	padding-top:			8px;
	border:					2px black solid;
	background-color:		white;
	font-weight:			normal;
	color:					black;
}

.amLoadAllImages
{
	display:				block;
	width:					250px;
	margin:					auto;
	border:					1px black solid;
	background-color:		white;
	font-weight:			normal;
	padding:				5px;
	color:					black;
}

.amLoadAllImages a { color: Black }

/* ============================ footer ========================================= */

.amNavigationFooter a:hover,
.amItemFooter a:hover
{
	border:					1px solid #272727;
	background-color:		#272727;
	-moz-box-shadow:		inset 0 0 8px black;
	-webkit-box-shadow:		inset 0 0 8px black;
	box-shadow:				inset 0 0 8px black;
}

.amNavigationFooterButton,
.amItemFooterButton,
.amItemFooterButtonSelected
{
	overflow:		hidden;
	text-align:		center;
	width:			25%;
	max-width:		200px;
	height:			68px;
	float:			left;
}

.amActionFooterButton,
.amActionFooterButtonSelected
{
	overflow:		hidden;
	text-align:		center;
	max-width:		200px;
	height:			68px;
	float:			right;
	margin-right:   20px;
}

.amItemFooterButtonSelected,
.amActionFooterButtonSelected
{
	border:				1px solid #191919;
	background-color:	#191919;
	-moz-box-shadow:	inset 0 0 8px black;
	-webkit-box-shadow:	inset 0 0 8px black;
	box-shadow:			inset 0 0 8px black;
}

.amItemFooterButtonSelected a,
.amNavigationFooterButton a,
.amItemFooterButton a
{
	width:			100%;
	height:			100%;
	float:			left;
	color:			white;
	padding-top:	10px;
}

.amActionFooterButton a,
.amActionFooterButtonSelected a
{
	width:			100%;
	height:			100%;
	float:			left;
	color:			white;
	padding-top:	10px;
}

.amItemFooterButtonSelected img,
.amNavigationFooterButton img,
.amItemFooterButton img
{
	margin-bottom:	5px;
	width:			32px;
	height:			32px;
}

.amActionFooterButton img,
.amActionFooterButtonSelected img
{
	margin-bottom:	5px;
	width:			32px;
	height:			32px;
}

.amPopupPanel
{
	position:			absolute;
	background-color:	Gray;
	z-index:			100;
}

.amStampListContainer
{
	position:			absolute;
	background-color:	Gray;
	overflow:			hidden;
	z-index:			100;
}

.amStampListContent
{
	position:	absolute;
	overflow:	auto;	
}

.menuItem
{
	vertical-align:	middle;
	overflow:		hidden;
}

.menuIcon
{
	vertical-align:	middle;
}

.menuText
{
	vertical-align:	middle;
	color:			White;
	font-weight:	normal;
	display:		inline-block;
}

.closeListIcon
{
	vertical-align:	middle;
	float:			right;
}


/* ============================ error-, message- and inputbox ========================================= */

.amInfoPanel,
.amErrorPanel
{
	position:			    absolute;
	border:                 1px solid black;
	background-color:		white;
}

.amBackgroundLayer
{
    position:               absolute;
    height:                 100%;
    width:                  100%;
    background-color:       gray;
    opacity:                0.5;
    -moz-opacity:           0.5;
    filter:                 alpha(opacity:50);
    z-index:                89;     
}

.amInputPanel
{
	position:			    absolute;
	background-color:		white;
	border:                 1px gray solid;
    opacity:                1;
    -moz-opacity:           1;
    filter:                 alpha(opacity:100);
}

.amErrorPanel { border: 1px red solid; }
.amInfoPanel { border: 1px gray solid; }

.amErrorPanel h1 { color: Red; }
.amInfoPanel h1,
.amInputPanel h2 { color: #C0C0C0; }

.amInfoPanel p,
.amErrorPanel p { margin-top: 20px; }

.cancelButton 
{
	position:			absolute;
	left:				10px;
	bottom:				10px;
	padding:			5px;
	padding-left:		15px;
	padding-right:		15px;
}

.confirmButton,
.msgButton
{
	position:			absolute;
	right:				10px;
	bottom:				10px;
	padding:			5px;
	padding-left:		15px;
	padding-right:		15px;
}

/* ============================ pdf pannel =================================================== */

.amPDFPanel
{
	overflow:			scroll;
	position:			absolute;
	height:				100%;
	width:				100%;
	-webkit-overflow-scrolling:	touch;
}

.amPDFHeader
{
	overflow:			hidden;
	position:			absolute;
	top:				0;
	height:				40px;
	width:				100%;
}

.amPDFBackButton
{
	z-index:			10;
	position:			absolute;
	margin:				4px;
	width:				32px;
	height:				32px;
	background-image:		url('../Images/32/surfup.png');
	background-repeat:		no-repeat;
}

.amPDFFramePanel
{
	overflow:			scroll;
	position:			absolute;
	top:				41px;
	bottom:				0;
	width:				100%;
	-webkit-overflow-scrolling:	touch;
}

.amPropsHeader 
{
    cursor:pointer;
    text-align: left;
    background-color: #EEEEEE;
    padding: 10px;
}

.amPropsKeyTd {
    font-weight: bold;
}

.scrollableNavId {
    position: absolute;
}