/* 
 * Copyright (C) 2008 IP Labs GmbH <http://www.iplabs.de/>
 * All rights reserved.
 *
 * Main or global style definition file
 *
 * @author Alexander Peters  <a.peters@iplabs.de>
 */
 
@media screen, projection, print {
	
	/*
	 * global styles
	 */
	* {
        margin: 0;
        padding: 0;
    }
    
    html, body {
        border: 0;
    }
    
    html, body, table, input, select, option, textarea {
        font-size: 11px;
        font-weight: normal;
        font-style: normal;
    }
    
    table {
    	border: none;
    	border-collapse: collapse;
    }
    
    table td {
    	vertical-align: top;
    }

    label {
        display: block;
        padding: 3px 0 0 0;
    }
    
    em {
     	font-style: normal;
     }
    
    img {
        border: 0;
    }
    
    h3, h2, h1, p {
        margin: 0;
        padding: 0;
        background: transparent;
    }
    
    var {
        display: none;    
    }
    
    .left {
        position: relative;
        display: block;
        float: left;
    }
    
    .right {
        position: relative;
        display: block;
        float: right;
    }
    
    .floatBox {
        position: relative;
        display: block;
    }
    
    .reset {
    	clear: both;
    	font-size: 0;
    }
    
    .underline {
    	text-decoration: underline;
    }
    
    .noUnderline {
    	text-decoration: none;
    }
    
    .italic {
     	font-style: italic;
     }
     
     /* loading image */
     #photoList .image { background: #fff url('../images/MPImgLoadingSmall.gif') center center no-repeat; }
    
    /* rating view */
    .rating-view {
    	position: relative;
        display: block;
    }
    
    
	.rating-view .ratingImg {
		display: block;
		position: relative;
		float: left;
	}
	
	.rating-view .info {
    	display: block;
		position: relative;
		float: left;
    }
    
    /* pages navi */
    .pagesNavi {
    	position: relative;
     	display: block;
     	min-height: 30px;
     	line-height: 30px;
     	width: auto;
     	padding: 10px;
     	text-align: center;
     	white-space: normal;
    }
    
    .pagesNavi em {
    	margin-right: 3px;
    	font-weight: bold;
    	font-size: 16px;
    	
    }
    
    .pagesNavi em.naviInfo {
    	padding-right: 10px;
    	font-size: 12px;
    }
    
    .pagesNavi em a {
    	font-size: 16px;
    }
    
    
    /*
     * page header
     */
     
     #pageHeader {
     	display: block;
     	width: 100%;
     	height: 40px;
     	z-index: 99;
     }
     
     #pageHeader .pageHeader-innercontent {
     	position: relative;
     	display: block;
     	width: 820px;
     	margin: 0 auto;     	
     }
     
     #pageHeader .headerNavi {
     	margin-top: 15px;
     }

	 #pageHeader .headerNavi em {
     	line-height: 10px;
     	padding: 0 1px
     }
    
    /*
     * page content
     */
     #pageContent {
     	position: relative;
     	display: block;
     	width: 100%;
     }
     
     #pageContent .pageContent-innercontent {
     	position: relative;
     	display: block;
     	width: 820px;
     	margin: 0 auto;
     }
     
     #pageContent #mainBox {
     	position: relative;
     	display: block;
     	padding-bottom: 30px;
     }
     
     /* mainBox header */
     #pageContent #mainBox .mainBox-header {
     	display: block;
     	width: 100%;
     	height: 25px;
     }
     /* mainBox content */
     #pageContent #mainBox .mainBox-content {
     	display: block;
     	width: 100%;
     }
     
     /* mainBox title */
     #pageContent #mainBox .mainBox-title {
     	display: block;
     	width: 100%;
     }
     
     #pageContent #mainBox .mainBox-title h1 {
     	padding-left: 20px;
     }
     
     /* mainBox sub-header */
     #pageContent #mainBox .mainBox-sub-header {
     	display: block;
     	width: 100%;
     	height: 30px;
     }
     
     #pageContent #mainBox .mainBox-sub-header .left {
     	padding-top: 10px;
     	padding-left: 20px;
     }
     
     #pageContent #mainBox .mainBox-sub-header .left em {
     	line-height: 10px;
     	padding: 0 2px;
     }
     

     /* mainBox toolbar */
     #pageContent #mainBox .toolbarBox {
     	display: block;
     	height: 40px;
     	width: 100%;
     }
     
     #pageContent #mainBox .toolbarBox .left {
     	margin: 7px 0;
     	padding-left: 25px;
     	height: 25px;
     	line-height: 25px;
     	margin-left: 20px;
     }
     
     #pageContent #mainBox .toolbarBox em {
     	padding: 0 1px;
     }
     
     #pageContent #mainBox .toolbarBox em a {
		position: relative;
		z-index: 100;
	}
     
     /* mainBox footer */
     #pageContent #mainBox .mainBox-footer {
     	display: block;
     	height: 53px;
     	width: 100%;
     }
     
     #pageContent #mainBox .mainBox-footer .footerNavi {
     	width: 230px;
     	padding-top: 10px;
     	padding-right: 20px;
     }
     
     #pageContent #mainBox .mainBox-footer .footerNavi a.top:link{
     	color: #32ABEA;
     }
     
     #pageContent #mainBox .mainBox-footer .footerNavi a.top{
        color: #32ABEA;
     }
     
	#pageContent #mainBox .mainBox-footer .footerNavi a{
        color: #666666;
     }
     
     #pageContent #mainBox .mainBox-footer .footerNavi strong{
     	color: #666666;
     }
     
     #pageContent #mainBox .mainBox-footer em {
     	line-height: 10px;
     	padding: 0 2px;
     }
     
     #pageContent #mainBox .mainBox-footer a {
     	text-decoration: none;
     	position: relative;
     }
     
     
     /* link icons */
     .slideShowLinkIco {
     	position: absolute;
     	top: 4px;
     	left: 0;
     	width: 20px;
     	height: 20px;
     }
     
     .toolbarOrderNaviIco {
     	position: absolute;
     	top: 4px;
     	left: 0;
     	width: 20px;
     	height: 20px;
     }
     
     .addPhotosIco {
     	position: absolute;
     	top: 4px;
     	left: 0;
     	width: 20px;
     	height: 20px;
     }
     
     .downloadPhotoIco {
     	position: absolute;
     	top: 0;
     	left: 0;
     	width: 22px;
     	height: 22px;
     }
     
     /* Modal Box Mask style */
    .modalboxOverlayMask {
 		background: #FFF;
        opacity: .55;
 	} 
	
	
	/* external sharing links */
	
	.externalLinks {
		position: relative;
		display: block;
		margin-top: 20px;
	}
	
	.externalLinks .subBoxTitle {
		position: relative;
		display: block;
		text-decoration: underline;
		padding-bottom: 5px;
	}
	
	.sharedAlbumItemFacebookLink,
	.sharedAlbumItemTwitterLink,
	.sharedAlbumItemImageLinks {
		position: relative;
		height: 22px;
		line-height: 24px;
		padding-left: 24px;
	}
	
     .addToFacebookIco {
        position: absolute;
        top: 4px;
        left: 0;
        width: 16px;
        height: 16px;
        background: transparent url('http://b.static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif') no-repeat 0px 0px;
     }
     
     .addToTwitterIco {
        position: absolute;
        top: 4px;
        left: 0;
        width: 16px;
        height: 16px;
        background: transparent url('../images/twitter.png') no-repeat 0px 0px;
     }
     
     .imageLinksIco {
        position: absolute;
        top: 4px;
        left: 0;
        width: 16px;
        height: 16px;
        background: transparent url('../images/share.png') no-repeat 0px 0px;
     }
     
}