@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto/Regular/roboto-regular-webfont.eot');
src: url('../fonts/Roboto/Regular/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto/Regular/roboto-regular-webfont.woff') format('woff'),
url('../fonts/Roboto/Regular/roboto-regular-webfont.ttf') format('truetype'),
url('../fonts/Roboto/Regular/roboto-regular-webfont.svg#Roboto') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'RobotoBlack';
src:url("../fonts/Roboto/Black/roboto-black-webfont.eot")
src: url('../fonts/Roboto/Black/roboto-black-webfont.eot');
src: url('../fonts/Roboto/Black/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto/Black/roboto-black-webfont.woff') format('woff'),
url('../fonts/Roboto/Black/roboto-black-webfont.ttf') format('truetype'),
url('../fonts/Roboto/Black/roboto-black-webfont.svg#RobotoBlack') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'RobotoBold';
src: url('../fonts/Roboto/Bold/roboto-bold-webfont.eot');
src: url('../fonts/Roboto/Bold/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto/Bold/roboto-bold-webfont.woff') format('woff'),
url('../fonts/Roboto/Bold/roboto-bold-webfont.ttf') format('truetype'),
url('../fonts/Roboto/Bold/roboto-bold-webfont.svg#RobotoBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'RobotoLight';
src: url('../fonts/Roboto/Light/roboto-light-webfont.eot');
src: url('../fonts/Roboto/Light/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto/Light/roboto-light-webfont.woff') format('woff'),
url('../fonts/Roboto/Light/roboto-light-webfont.ttf') format('truetype'),
url('../fonts/Roboto/Light/roboto-light-webfont.svg#RobotoLight') format('svg');
font-weight: normal;
font-style: normal;
}

body {
	background-color:#111921;
}

body.inIframe {
	background:#FFF;	
}

.fancybox-inner .module-content {
	padding:5px;	
}

#main-wrapper {
	margin:0 auto;
	width:100%;
}

ul#languages {
	margin:0;
	padding:10px 0 0 0;
	list-style-type:none;
}

ul#languages li {
	display:inline-block;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	border-right:1px solid #0095E6;
}

ul#languages li:last-child {
	border:0;
	margin-right:0;
	padding-right:0;
}

#header-menu {
	background:#FFFFFF;
	color:#111921;
	text-align:right;
	overflow:hidden;
}

#header-menu .content {
	max-width:940px;
	margin:0 auto;
	padding:22px 20px;
}

#header-menu p {
	margin:0;
}


#header-menu a:link, #header-menu a:visited {
	color:#111921;
	font-weight:normal;
	text-decoration:none;
}

#header {
	
}

#header .content {
	max-width:980px;
	margin:0 auto;
	position:relative;
	padding:10px 0 10px 5px;
}

#app-info {
	padding:0 10px 0 0;
	float:left;
}

#app-info h1 {
	margin:0;
	padding:0;
	color:#BBC2D2;
	font-size:200%;
	font-weight:normal;
}

#app-info h1 span {
	font-size:70%;
}

#app-info img {
	height:50px;
}

#user-info {
	color:#FFF;
	position:absolute;
	right:0;
	top:10px;
}

#user-info img {
	margin-right:10px;
	width:40px;
}

#main-content {
	position:relative;
	top:0;
	max-width:980px;
	margin:0 auto;
	background:#FFF;
    -webkit-box-shadow: 0px -3px 15px -5px black;
    -moz-box-shadow: 0px -3px 15px -5px black;
	box-shadow: 0px -3px 15px -5px black;
}

.module-menu {
	background:#EEE;
	padding:10px 20px;
	min-height:25px;
}

.module-header {
	padding:10px 20px;
}

.module-content {
	padding:0 20px 10px 20px;
	background:#FFF;
	min-height:200px;
}

#footer {
	max-width:980px;
	margin:0 auto 30px auto;
	color:#A0A0A0;
	padding:20px 0 20px 0;
	background:#EEEEEE;
}

#footer div.column {
	width:60%;
	margin:0;
	padding:0;
}

#footer div.column.omega {
	text-align:right;
	width:40%;
}

#footer h2 {
	color:#A0A0A0;	
}

#footer #logo-netzip {
	float:left;
	margin-right:20px;
}

#footer .content {
	padding:10px 20px;
}

#footer #footer-menu {
	margin-left:76px;
}

#footer #footer-menu ul {
	margin:14px 0 0 0;
}

#footer #footer-menu ul li {
	display:inline-block;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	border-right:1px solid #A0A0A0;
}

#footer #footer-menu ul li:last-child {
	border:0;
}

#footer a:link, #footer a:visited {
	color:#A0A0A0;
	text-decoration:none;
	font-weight:normal;
}

#footer a:hover, #footer a:focus, #footer a:active {
	color:#000;
}

table {
	margin:0 0 10px 0;
	padding:0;
	border-collapse:collapse;
	border:0;
	width:auto;
}

table th {
	font-family:Roboto, Arial, Helvetica, sans-serif;
	margin:0;
	padding:8px;
	border-collapse:collapse;
	border:0;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	vertical-align:top;
	background:#F0F0F0;
	color:#A2A2A2;
}

table th strong {
	font-size:120%;	
}

table td {
	margin:0;
	padding:5px 8px;
	border-collapse:collapse;
	border:0;
	text-align:left;
	border-bottom:1px solid #DDDDDD;
	vertical-align:top;
	font-size:90%;
	word-wrap:break-word;
}

table td.identity {
	background:#EEEEEE;
	color:#666;	
}

table caption {
	background:#DADADA;
	padding:5px 8px;
	text-align:left;
	font-weight:bold;
	font-size:130%;	
	color:#666;
	caption-side:top;
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

table th:first-child {
   
}

table th:last-child {

}

table th:only-child{

}

table tr:last-child td:first-child {

}

table tr:last-child td:last-child {

}

table th.action, table td.action {
	text-align:center;
}

table td.action a {
	text-decoration:none;
}

table td.small-fix {
	width:50px;
	min-width:50px;
}

table td.p10 {
	width:10%;	
}

table td.p15 {
	width:15%;	
}

table td.p20 {
	width:20%;	
}

table td.p25 {
	width:25%;	
}

table td.p30 {
	width:30%;	
}

table td.p40 {
	width:40%;	
}

table td.p50 {
	width:50%;	
}

table td.p60 {
	width:60%;	
}

table td.p70 {
	width:70%;	
}

table td.p80 {
	width:80%;	
}

table td.p90 {
	width:90%;	
}

table td.p100 {
	width:100%;	
}

table tr.separator td {
	border-top:9px solid #EEEEEE;
}

/*******************/
/* Project history */
/*******************/

table#tableHistory {
	width:100%;
}

table#tableHistory td {
	border:0;
}

table#tableHistory td.cell01 {
	background:#F5F5F5;
	width:50px;
}

table#tableHistory td.cell01 img.face {
	border:1px solid #CCC;
}

table#tableHistory td.cell02 {
	padding:0;
	border-right:1px solid #EEE;
}

table#tableHistory td.cell02 p.header {
	padding:8px;
	background:#F5F5F5;
	overflow:hidden;
}

table#tableHistory td.cell02 p.header a:link, table#tableHistory td.cell02 p.header a:visited {
	color:#777;
	text-decoration:none;
}


table#tableHistory td.cell02 div.content {
	padding:5px 8px;
	
	/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
	
}

table#tableHistory td.cell02 p.file-description {
	clear:both;
	margin-top:10px;
}

table#tableHistory tr.related td p.header {
   display:none;
}

table#tableHistory tr.related td img.face {
   display:none;
}

table#tableHistory tr.separator td {
	height:10px;
	padding:0;
	background:url(../images/misc/separator.png) repeat-x bottom left;
	border-top:1px solid #EEE;
}

table#tableHistory tr.newElement td.cell02 {
	background:#FFFFE8;
}

table#tableHistory span.date {
	font-weight:normal;
	float:right;
	margin-left:10px;
}

table#tableHistory .small-buttons {
	visibility:hidden;
}

table#tableHistory tr:hover .small-buttons {
	visibility:visible;
}


table#tableHistory tr.inactive td {
	color:#CCC;
}

table#tableHistory tr.inactive td a:link, table#tableHistory tr.inactive td a:visited {
	color:#CCC;
}

table#tableHistory tr.inactive td img {
	-moz-opacity: 0.30;
	opacity: 0.30;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30);
}

div.column {
float:left;
margin:0 20px 10px 0;
padding:0;
}

div.column.last {
float:right;
margin:0 0 0 20px;
padding:0;	
}

div.column.x3 {
	width:30%;	
}

div.column.x2 {
	width:47%;
	margin:0 1% 10px 0;
}

div.clear {
clear:both;
height:0;
visibility:hidden;
padding:0;
margin:0;
border:0;
}

.formButtons {
	padding:20px 0;	
}

.formBody {

}

form.formTable {
	margin:10px 0 0 0;
	padding:10px;
	background:#E1E1E1;
}

form.formTable .formBody p {
	text-align:right;	
}


#menu ul {
	margin:0;
	padding:0;

}

#menu ul li {
	display:inline-block;
	padding:0;
	margin:0 0 0 10px;
}

#menu a {
	display:block;
	padding:10px;
	font-size:120%;
	text-decoration:none;	
}

#menu a:link, #menu a:visited {
	color:#FFF;
}

#menu a:hover, #menu a:focus, #menu a:active {
	background:#1B51A4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

img.face {
	width:50px;	
	vertical-align:middle;
}

img.preview {
	width:50px;	
	vertical-align:middle;
}

img.face.side {
display:inline-block;
vertical-align:top;
}

.light {
	color:#AAAAAA;	
}

.light a:link, .light a:visited {
	color:#AAAAAA;
	font-weight:normal;
}

.light a:hover, .light a:focus, .light a:active {
	color:#000;
}

.hint {
	color:#AAAAAA;
	background:url(../images/misc/hint.png) no-repeat left top;
	padding-left:20px;
}

div.filetype {
	background:url(../images/buttons/filetype.png) no-repeat top center;
	width:38px;
	height:38px;
	text-align:center;
	position:relative;
}

div.filetype span {
	font-size:9px;
	color:#FFF;
	background:#618732;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	width:38px;
}

#errors {
	background:#D50000 url(../images/misc/error-msg.png) repeat top left;
	padding:15px;
	margin:0 0 10px 0;
	color:#FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom:1px solid #EB8E8E;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	font-weight:bold;
		
}

#errors strong {
	font-size:160%;
	font-weight:normal;	
}

#errors ul {
	margin:0;
	padding:0 0 0 20px;
}

ul.options {
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
}

ul.options li {
	margin:0;
	padding:0;
	float:left;
	width:200px;
	white-space:nowrap;
	overflow:hidden;
	background:#F0F0F0;
	border-top:1px solid #FDFDFD;
	border-left:1px solid #FDFDFD;
}

ul.options li.selected {
	background:#E6FFE6;
}

ul.options li.inactive {
	color:#CCC;
}

ul.options label {
	font-weight:normal;
	font-size:80%;
	display:block;
	padding:5px;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	margin:0;
}

ul.options input {
	background:none;
	border:none;
	vertical-align: middle;
}

ul.options.compact label {
	font-size:100%;	
}

ul.options.compact li {
	width:auto;
	background:none;
	border:0;
	margin:0 10px 0 0;
}

ul.options.compact label {
	border:0;
}

a.button-icon {
	position:relative;
	display:inline-block;
	padding:0 10px;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
}

span.summary {
	
}

span.summary span.primary {
	
}

span.summary span.secondary {
    min-height: 18px;
    min-width: 18px;
    background:#930B1C;
    position: absolute;
    right: 0;
    top: 0;
    color:#FFF;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 9px;
    line-height: 18px;
    -webkit-box-shadow:  1px 1px 1px 1px rgba(000, 000, 000, 0.4);
    box-shadow:  1px 1px 1px 1px rgba(000, 000, 000, 0.4);
    -webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
    font-weight: bold;
    cursor: pointer;
	padding:1px;
}

#tabs div.formBody {
	padding:10px;	
}

#tabs div.formButtons {
	padding:10px 60px;	
}

#tabs div#formPartMessage textarea {
	max-width:590px;
}

p.center {
	text-align:center;	
}

div.alert {
	background:#FEEFB3;
	padding:10px;
	color:#9F6000;
	font-weight:bold;
}

div.alert p {
	text-align:center;
	margin:0;
	padding:0;
}

p.small-buttons {
	margin-bottom:0;	
}

p.small-buttons img {
	margin:0 10px 0 0;
}

div.confirmation {
	background:#DFF2BF url(../images/misc/confirmation-msg.png) repeat top left;
	padding:10px;
	color:#104510;
	font-weight:bold;
	width:90%;
	max-width:960px;
	margin:0 auto;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	cursor:pointer;
	display:none;
}

div.confirmation p {
	text-align:center;
	margin:0;
	padding:0;
}

div#main-confirmation {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100;
}

strong.negative {
	color:#900;	
}

img.icon {
	vertical-align:middle;	
}

.fancybox-wrap img.face {
	float:left;
	margin:0 6px 6px 0;
}

.fancybox-wrap span.date {

}

.fancybox-wrap a#download-button {
	float:right;
	margin-bottom:10px;
}

.fancybox-wrap div.content {
	font-size:85%;
	line-height:1.2em;
}

img.logo {
	float:left;
	margin:0 10px 0 0;
}

/* Plugins detection */
.JSRequired {
	display:none;	
}

body.hasJS .JSRequired {
	display:block;
}

option.important {
	font-weight:bold;	
}

div.pagination.empty {
	display:none;	
}

ul.pagination {
	width:98%;
	margin:0;
	padding:1%;
	background:#EEEEEE url(../images/misc/pagination.png) repeat top left;
	float:left;
	text-align:right;
}

ul.pagination li {
	display:inline-block;
	margin:0 5px 0 0;
	min-width:30px;
	text-align:center;

}

ul.pagination li a, ul.pagination li span {
	text-decoration:none;
	display:block;
	padding:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

ul.pagination li span {
	color:#AAA;
	font-weight:bold;
}

ul.pagination li a:hover, ul.pagination li a:active {
	background:#B7B7B7;
}

ul.pagination li.currentpage span {
	color:#FFF;
	font-weight:bold;
	background:#1B51A4;
}

.data-table {
	width:100%;
	margin-bottom:0;
	border-top:1px solid #DDDDDD;
}

.data-table.nopagination {
	margin-bottom:10px;	
}

.data-table td {
	background-color:#F8F8F8;
}

.data-table tr:nth-of-type(even) td {
  background-color:#F0F0F0;
}
	
form [type="text"].error-field,
form [type="email"].error-field,
form [type="tel"].error-field,
form [type="password"].error-field,
textarea.error-field, select.error-field {
	border:2px solid #DE4343;
}
	
span.ago {
	font-weight:bold;
	color:#777;	
}

#externalappform {
	padding:0;
	margin:0;
	border:0;
}

#externalappform div {
	display:inline-block;
}

#externalappform button {
	background:none;
	border:0;
	color:#FFF;
	vertical-align:inherit;
}

#externalappform button {
	padding:10px;
	font-size:120%;
	text-decoration:none;
	color:#FFF;
}

#externalappform button:hover, #externalappform button:focus, #externalappform button:active {
	background:#1B51A4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.message-user-contact-info {
	border-top:1px solid #F5F5F5;
	color:#777777;
	margin:2em 0 0 0;
	padding:5px 0;
	font-size:0.90em;	
}

.message-user-contact-info span {
	margin-right:2em;	
}