/* global.css */

body { font-family: Arial,Verdana,sans-serif; font-size: 84%; margin: 0; padding: 0; }

img { display: block; }
a img { border: 0; }
:focus { -moz-outline-style: none; }
form { margin: 0; padding: 0; }

/* global */

.clear { clear: both; height: 0; font-size: 0; }
.line { clear: both; font-size: 0; border-top: 2px solid #d2d2d2; margin: 6px 16px 2px 16px; height: 0; }

.left { float: left; }
.right { float: right; }

.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textRight { text-align: right; }

.textLight { color: #a1a1a1; }
.textStrike { text-decoration: line-through; }

.inlineBlock { display: inline-block; }

.rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.icon { float: left; margin: 0 4px 0 0; }

/* text */

a { text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-size: 42px; margin: 0; padding: 8px 0; line-height: 42px; }
h2 { font-size: 24px; margin: 0; padding: 8px 0; line-height: 24px; }
h3 { font-size: 20px; margin: 0; padding: 8px 0; line-height: 20px; }
h4 { font-size: 18px; margin: 0; padding: 8px 0; line-height: 18px; }
h5 { font-size: 16px; margin: 0; padding: 8px 0; line-height: 16px; }

h1 a, h2 a, h3 a, h4 a, h5 a { color: black; }
h1 span, h2 span, h3 span, h4 span, h5 span { color: #fc209c; }

p { margin: 0; padding: 8px 0; line-height: 22px; }

/* mainFooter */

.mainFooter { text-align: center; margin-bottom: 16px; }
.mainFooter a { margin: 0 8px; font-size: 11px; }

/* mainTable */

.mainTable { width: 100%; border-bottom: 1px solid #ebebeb; }
.mainTable th { background-color: #ebebeb; padding: 4px 8px; }
.mainTable td { padding: 8px; border-top: 1px solid #ebebeb; }
.mainTable p { margin: 0; padding: 0; }
.mainTable td img { padding-right: 4px; }

.gridCell .mainTable { margin: 12px 0; }

/* mainForm */

.mainForm table { width: 100%; }

.mainFormInputText { width: 80%; height: 20px; margin: 8px 0; padding: 6px 8px; font-size: 16px; font-family: Arial,Verdana,sans-serif; color: #555; border: 2px solid #e1e1e1; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.mainFormInputText:focus { border: 2px solid #8bb3db; }
.mainFormInputTextError { width: 80%; margin: 8px 0; padding: 6px 8px; font-size: 16px; font-family: Arial,Verdana,sans-serif; color: #555; border: 2px solid red; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

.mainFormInputRadio input { display: block; margin: 4px 8px 4px 0; float: left; }
.mainFormInputRadio label { display: block; padding: 0; }
.mainFormInputRadio p { margin: 0; padding: 4px 0; clear: both; }

.mainFormTextarea { padding: 6px 8px; font-size: 16px; font-family: Arial,Verdana,sans-serif; color: #555; border: 2px solid #e1e1e1; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.mainFormTextarea:focus { border: 2px solid #8bb3db; }

.mainFormLabel { vertical-align: middle; text-align: right; padding: 0 16px 0 0; font-weight: bold; font-size: 14px; }

.mainFormSelect, .mainFormSelectDomain { font-size: 14px; }

.mainFormInputSubmit { width: 0; height: 0; border: 0; background-color: white; margin: 0; padding: 0; }

.mainFormInputFileDiv { height: 48px; position: relative; overflow: hidden; }
.mainFormInputFileHidden { font-size: 45px; position: absolute; right: 0px; top: 0px; opacity: 0;filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; }

/* textBlock */

.textBlock { background: #c4c4c4; padding: 3px 8px; margin: 6px 4px 0 0; line-height: 18px; font-weight: bold; color: white; }
.textBlockNumber { background: none; padding: 3px 4px; margin: 6px 2px 0 0; line-height: 18px; font-weight: bold; }
.textBlockNumberActive { background: #c4c4c4; padding: 3px 8px; margin: 6px 2px 0 0; line-height: 18px; font-weight: bold; color: white; }
.textBlockSmall { background: #c4c4c4; padding: 4px 6px; margin: 6px 4px 0 0; font-size: 11px; line-height: 18px; font-weight: bold; color: white; }
.textBlockSmallPink { background: #fc209c; padding: 4px 6px; margin: 6px 4px 0 0; font-size: 11px; line-height: 18px; font-weight: bold; color: white; }

/* buttons */

.mainButton { background-color: #1f8ecd; padding: 3px 8px; margin: 6px 4px 0 0; line-height: 18px; font-weight: bold; color: white; }
.mainButton:hover { background-color: red; text-decoration: none; cursor: pointer; }
.mainButton:active { background-color: green; }

.buttonLoadMoreItems { text-align: center; }

/* zimzerBar */

.zimzerBar { width: 100%; height: 32px; background: #292520; }
.zimzerBarLogo { padding: 5px 8px; float: left; }
.zimzerBarSlogan { padding: 10px 10px 10px 0; float: left; }
.zimzerBar span a { display: block; margin: 4px 4px 4px 0; padding: 4px 8px; background: #43403b; color: white; font-weight: bold; }
.zimzerBar span a img { float: left; margin: 0 4px 0 -2px; }
.zimzerBar input { margin: 4px; color: white; background: #43403b url(http://img.zimzer.com/behindSearch.gif) no-repeat center right; width: 150px; height: 21px; border: 0; }
.zimzerBar input.active { background: #43403b url(http://img.zimzer.com/ajax-loader.gif) no-repeat 131px 3px; }
.zimzerBar span a.zimzerBarUsername { background: #43403b url(http://img.zimzer.com/behindUsername.gif) no-repeat 7px 4px; padding-left: 24px; }

/* alertMessage */

.alertMessage { width: 100%; height: 48px; z-index: 25; border-bottom: 2px solid #d2d2d2; position: absolute; top: 0; background: white; margin: 0; padding: 0; }
.alertMessage .alertMessageText { margin: 0 12px; padding: 12px 0; font-size: 20px; }
.alertMessage .alertMessageIcon { margin: -4px 12px 0 0; padding: 0; float: left; width: 32px; height: 32px; }
.alertMessage .alertMessageClose { margin: 8px; padding: 0; float: right; width: 32px; height: 32px; }

/* mainMap */

.gridTritetra .mainMap { width: 688px; height: 276px; }

/* mainList */

.mainList { list-style: none; margin: 8px 0 4px 0; padding: 0; }
.mainList li { padding: 6px 0; }
.mainList li img { margin-right: 8px; }

/* mainGallery */

.mainGallery { padding: 5px 0 0 5px; }
.mainGallery div { margin: 5px; float: left; }
.mainGalleryThumbVideo { width: 75px; height: 75px; overflow: hidden; }
.mainGalleryThumbVideo a img { position: absolute; }
.mainGalleryNavigation { padding: 12px 20px 0 10px; }
.mainGalleryCount { padding: 12px 20px 0 10px; }

/* mainGalleryPhoto */

.mainGalleryPhoto { padding: 5px 0 0 5px; }
.mainGalleryPhoto div { margin: 5px; float: left; background: url(http://img.zimzer.com/zimzerLoaderSmall.gif) no-repeat center center; width: 75px; height: 75px; overflow: hidden; }
.mainGalleryPhotoThumbActive { width: 67px !important; height: 67px !important; overflow: hidden; border: 4px solid #fc209c; }

/* mainGalleryFollower */

.mainGalleryFollower { padding: 5px 0 0 5px; overflow: hidden; }
.mainGalleryFollower div { float: left; background: url(http://img.zimzer.com/zimzerLoaderSmall.gif) no-repeat center center; width: 32px; height: 32px; overflow: hidden; }
.mainGalleryFollower img { display: block; margin: 3px; }

/* mainShoutbox */

.mainShoutbox { margin-top: 8px; }
.mainShoutbox p { margin: 0 0 0 54px; padding: 6px 12px; background: #f4f4f4; }
.mainShoutbox p img { display: inline; }
.mainShoutboxItem { margin: 12px 0 0 0; overflow: auto; background: url(http://img.zimzer.com/mainShoutbox.gif) 38px 0 no-repeat; }
.mainShoutboxAvatar { position: absolute; display: block; margin: 0; }
.mainShoutbox .mainFormTextarea { margin: 8px 0; width: 93%; height: 64px; }

/* mainComments */

.mainComments p { margin: 0 0 0 70px; padding: 6px 12px; background: #f4f4f4; }
.mainComments p img { display: inline; }
.mainCommentsItem { margin: 16px 0 16px 0; overflow: auto; background: url(http://img.zimzer.com/mainShoutbox.gif) 50px 0 no-repeat; }
.mainCommentsAvatar { position: absolute; display: block; margin: 0; }
.mainComments .mainFormTextarea { margin: 8px 0; width: 96%; height: 64px; }

/* mainTabBar */

.mainTabBar { height: 40px; }
.mainTabBarItem { float: left; margin: 4px 8px 0 0; border-top: 2px solid #ebebeb; border-left: 2px solid #ebebeb; border-right: 2px solid #ebebeb;  }
.mainTabBarItem a { font-size: 14px; font-weight: bold; padding: 6px 16px; display: block; }
.mainTabBarItemActive { float: left; margin: 0 8px 0 0; border-top: 2px solid #ebebeb; border-left: 2px solid #ebebeb; border-right: 2px solid #ebebeb;  }
.mainTabBarItemActive a { font-size: 14px; font-weight: bold; padding: 8px 16px; display: block; }

/* feedbackLabel */

.feedbackLabel { right: 0; top: 64px; left: auto; background: white; width: 64px; height: 64px; position: absolute; overflow-x: hidden; overflow-y: hidden; z-index: 1000; }

/* bigButton */

.bigButton { margin: 4px 0 8px 0; height: 28px; padding: 0; overflow: hidden; background: url(http://img.zimzer.com/bigButtonLeft.gif) top left no-repeat; }
.bigButton a { display: block; margin: 0; padding: 6px 12px 8px 12px; font-size: 13px; font-weight: bold; color: #333; text-shadow: white 1px 1px 1px; background: url(http://img.zimzer.com/bigButtonRight.gif) top right no-repeat; cursor: pointer; }
.bigButton img { float: left; margin: 0 6px 0 -2px; }

.bigButton:hover, .bigButtonHover { background: url(http://img.zimzer.com/bigButtonLeftHover.gif) top left no-repeat; cursor: pointer; }
.bigButton:hover a, .bigButtonHover a { background: url(http://img.zimzer.com/bigButtonRightHover.gif) top right no-repeat; text-decoration: none; border: 0; }
.bigButton:active { background: url(http://img.zimzer.com/bigButtonLeftActive.gif) top left no-repeat; }
.bigButton:active a { background: url(http://img.zimzer.com/bigButtonRightActive.gif) top right no-repeat; }

/* bigButtonCancel */

.bigButtonCancel { margin: 4px 8px 8px 0; display: block; height: 28px; }
.bigButtonCancel a { display: block; margin: 0; padding: 6px 8px; font-size: 13px; font-weight: bold; }

/* mainSmiley */

.mainSmiley { display: inline; }

/* searchResults */

.searchResults h5 { padding: 0 0 6px 0; }

/* sourceTypeIcon */

.sourceTypeIcon { float: left; margin: -4px 8px 0 0; }

/* promoWrapper */

.promoWrapper { width: 180px; padding: 0 12px; border: 2px solid #ebebeb; float: left; margin: 16px 8px 8px 8px; background: white -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); }
.promoWrapper p { margin-left: 44px; line-height: 21px; }
.promoWrapper span { display: block; font-weight: bold; text-shadow: white 1px 1px 1px; }
.promoWrapper img { margin: 12px 4px 12px 0; position: absolute; }

/* privateObservationModus (Johan) */
#privateObservationModus { height: 32px; background-color: #FF0000; color: #000; text-align:center; padding:16px; font-weight:bold; }/* dialog.css */

body { background-color: #ebebeb; }

a { color: #1f8ecd; font-weight: bold; }

.dialogWrapper .icon { float: left; margin: -4px 8px 0 0; }

.dialogWrapper { width: 616px; margin: 64px auto; padding: 12px 18px; background: white;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	}
	
	
.dialogSearch { background: white url(http://img.zimzer.com/behindSearchBig.gif) no-repeat top right; }

.dialogSearch span { display: block; margin: 6px 4px 0 4px; }/* grid.css */

.gridWrapper { margin: 0; padding: 8px; }
.gridCell { margin: 8px 16px; }

.gridFlexible { width: 400px; float: left; }

.gridMono { width: 960px; float: left; }
.gridDi { width: 480px; float: left; }
.gridTri { width: 320px; float: left; }
.gridTetra { width: 240px; float: left; }
.gridHexa { width: 160px; float: left; }
.gridOcta { width: 120px; float: left; }

.gridTriocta { width: 360px; float: left; }
.gridTetri { width: 560px; float: left; }
.gridCinqocta { width: 600px; float: left; }
.gridDitri { width: 640px; float: left; }
.gridTritetra { width: 720px; float: left; }
.gridPentahexa { width: 800px; float: left; }

.gridGray { background: #ebebeb; margin: 8px 0; padding: 8px 8px 0 8px; }