@media projection, screen {
    .ui-tabs-hide {
        display: none;
    }
}

@media print {
    .ui-tabs-nav {
        display: none;
    }
}

@media all and (min-width: 0px) { /* Hack pro webkit (Safari) */

             body:not(:root:root) ul.tabs { bottom:-2px; }

}

div#mediabox {
	margin: 0;
	border: none;
}

div#mediabox ul.tabs {
	height: 28px;
	line-height: 28px;
	margin: 0 0 0 0px;
	padding: 0 0 0 3px;
	list-style-type: none;
	background: transparent url(./design/tabs-bg.png) left top repeat;
	/*background: #88AE49;*/
}

div#mediabox ul.tabs li {
	/*display: inline;*/
	float: left;
	height: 28px;
	padding: 0;
	margin: 0 0 0 6px;
}

div#mediabox ul.tabs a {
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 0;
	margin: 0;
}

div#mediabox ul.tabs li a.screenshot {
	width: 115px;
	height: 27px;
	background: transparent url(./design/nav-screenshot.png) left -27px no-repeat;
}

div#mediabox ul.tabs li a.video {
	width: 58px;
	height: 27px;
	background: transparent url(./design/nav-video.png) left -27px no-repeat;
}

div#mediabox ul.tabs li a.artwork {
	width: 90px;
	height: 27px;
	background: transparent url(./design/nav-artwork.png) left -27px no-repeat;
}

div#mediabox ul.tabs li a.wallpaper {
	width: 110px;
	height: 27px;
	background: transparent url(./design/nav-wallpaper.png) left -27px no-repeat;
}

div#mediabox ul.tabs li a:hover,
div#mediabox ul.tabs li.active a:link,
div#mediabox ul.tabs li.active a:visited,
div#mediabox ul.tabs li.active a:active,
div#mediabox ul.tabs li.active a:hover,
div#mediabox ul.tabs li.ui-tabs-selected a {
	background-position: left top;
}

.tabs-submit {
	background-color:#e6ebf0; 
	padding:20px 10px; 
	margin-top:20px;
}

div#mediabox div.tabscontent {
	clear: both;
	color: #000;
	padding: 0;
	margin: 0;
}