body {
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	color: #333333;
}

form {
	margin: 0px;
}

td {
	font-size: 13px;
}

td a, td a:visited {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}

th {
	background-color: #d4e2f0;
	font-size: 13px;
	font-weight: 600;
	text-align: left;
}

tr {
	vertical-align: top;
	background-color: #ffffff;
}

hr.hr1 {
	border:0 none;
	color: #b0b0b0;
	background-color: #b0b0b0;
	height: 2px;
}

a, a:visited {
	text-decoration:  none;
	border: none;	
	color: #3862ab;  /* theme color */
}

a img {
	border: 0px;
}

b {
    font-weight: 600;
}

.placeholder {
	color: #909090;
}

.file {
    overflow: hidden;
}
.fileicon {
    float: left;
    height: 16px;
    width: 16px;
    background: url('../images/g-downloadfiles.png');
    background-repeat: no-repeat;
    background-position-y: 1px;
    margin-right: 10px;
}
.zipicon {
    background: url('../images/zipbalken.png') !important;
    background-repeat: no-repeat !important; 
}
.filename {
    float: left;
    font-size:14px;
    min-height: 24px;
    color:#94ad11;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}
.filename:hover {
	text-decoration: underline;
}

.js-show-image {
    float: left;
    height: 16px;
    width: 20px;
    background: url('../images/g-mediaview.png');
    background-repeat: no-repeat;
    background-position-y: 1px;
    margin-right: 10px;
}

.candidatesList {
	width: 540px;
	height:140px;
	margin-top: -17px;
	box-shadow: 1px 1px 1px 1px rgba(170, 170, 170, 1);
	z-index: 10;
}

.media {
	width: 500px;
}

div.tableheader a, div.tableheader a:visited, div.tableheader a:hover {
	color:#FFFFFF;
}

div.ContextMenu a, div.ContextMenu a:visited, div.ContextMenu a:hover {
	color:#000000;
	text-decoration: none;
}

div.ContextTransferMenu a, div.ContextTransferMenu a:visited, div.ContextTransferMenu a:hover {
	color:#000000;
	text-decoration: none;
}

div.PopUp a, div.PopUp a:visited, div.PopUp a:hover {
	color:#000000;
	font-weight: 600;
}

a:hover {
	text-decoration:  underline;
}

.portalbody {
	background-color: #3862ab;
	margin:0 auto;
	text-align: left;
}

.webbody {
	background-color: #3862ab;
	margin:0 auto;
	text-align: left;
}


.logoutlink, a.logoutlink:visited, a.logoutlink:hover {
	font-weight:600;
	color: #3862ab;
}

.switchback {
	width: 100%;
	background: transparent linear-gradient(344deg, #3862AB 0%, #008BCB 63%, #8ABFE5 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000029;
	opacity: 1;
	padding-top: 17px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 20px;
	color: #FFFFFF;
	overflow:auto;
	display:none;	/* activate in customer branding */
}

.switchfield {
	float:left;
	margin-right:20px;
	margin-bottom: 5px;
}

.switchbutton {
	background: #03B4AD 0% 0% no-repeat padding-box;
	box-shadow: 3px 4px 4px #00000029;
	border-radius: 10px;
	opacity: 1;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 15px;
	color: #FFFFFF;
}

.switchclose {
  font-size: 30px;
  line-height: 26px;
}

a.switchlink, a.switchlink:visited, a.switchlink:hover {
	color: #ffffff;
	text-decoration: none;
}

.headerback {
	width: 100%;
	background-color: #ffffff;
}

.header {
	height: 109px;
	background: url('../images/bigframe-top.png');
	background-repeat:no-repeat;
	width: 990px;
	margin-left: auto; 
	margin-right: auto;
}

.username {
	float: right;
	margin-top: 13px;
	margin-right:15px;
	color: #3862ab;
}

.customername {
	text-align: right;
}

.main {
	overflow: hidden;
	width: 990px;
	margin-left: auto; 
	margin-right: auto;
	padding-bottom: 30px;
}

.mainback {
    background-color: #e4eef5;
}

.topinfo {
	overflow: hidden;
	width: 990px;
	margin-left: auto; 
	margin-right: auto;
}

.topinfoback {
    background-image: url('../images/topinfo_back.jpg');
    background-repeat: no-repeat;
    background-color: #ffffff;
    overflow: hidden;
	background-position-y: 90px;
	background-size: 100% 380px;
}

.content {
	padding-left: 30px;
	padding-right: 30px;
	min-height: 500px;
}

.indentedcontent {
	padding-left: 40px;
	padding-right: 40px;
}

.getcontent {
	width: 700px;
	float:left;
	padding-bottom: 20px;
}

#flashContainer {
	position: fixed; left: 50%;
	top: 40%;
	z-index: 1000;
}

.flashCloser {
	float: right;
	position: relative;
	top: -30px;
	left: 40px;
	font-size: 18px;
}

.js-flash-message {
	margin-bottom: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 80px;
	padding-right: 50px;
	position: relative;
	font-size: 15px;
}

.errorMsg {
	background-image: url('../images/cross-fail.png');
	background-repeat: no-repeat;
	background-position: 33px 30px;
	background-color: #f8dbdb;
	color: #cc0000;
	border: 1px solid #cc0000;
}
.successMsg {
	background-image: url('../images/check-success.png');
	background-repeat: no-repeat;
	background-position: 33px 30px;
	background-color: #f7f9ee;
	color: #94ad11;
	border: 1px solid #94ad11;
}

.controlbox {
	float:right;
	width: 200px;
	text-align: left;
	color: #909090;
	padding-left: 30px;
}

.pathcontent {
	width: 200px;
	float:left;
}

.archivecontent {
	float:right;
	width: 700px;
	text-align: left;
	padding-left: 30px;
}

.ueberschrift2 {
	font-weight: 600;
	float: left;
	width: 13%;
	padding: 10px;
}
.ueberschrift {
	font-weight: 600;
	float: left;
	width: 15%;
}

.inhalt {
	float: left;
	padding: 10px;
	width: 80%;
	background-color: #e4eef5;
	margin-bottom: 10px;
}

.lightrow {
    background-color: #ffffff;
}

.darkrow {
    background-color: #f0f8fd;
}

tr.rowborder td {
    border-top: 1px solid #d4e2f0;
}

.search {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	float:right;
	margin-right:30px;
	margin-top:10px;
}

.smalllogin {
	margin-right:30px;
	margin-top:20px;
	float:right;
}

#js-menuContainer {
	margin-top:30px;
}

.delSelectedRowsGray, .disabledGray {
	color: #cccccc !important;
}

.buttonbar {
	margin-left:30px;
	margin-right:30px;
	overflow:hidden;
}

.menulink {
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:2px;
	margin-left: -1px;
	text-align:center;
	color:black;
	background-color: #ffffff;
}

.adminsubmenulink {
	line-height:36px;
	padding-left:12px;
	padding-right:12px;
	color:black;
	font-weight: 600;
	display: block;
	width: 100%;
}

.js-del-user-chked {
	margin-top: inherit;
}

.mysubmenulink {
	line-height:36px;
	padding-left:12px;
	padding-right:12px;
	color:black;
	font-weight: 600;
	display: block;
	width: 100%;
}

.menu_btn_limiter {
	float: left;
	width: 1px; 
	margin-left: -2px; 
	padding-bottom: 34px; 
}

.adminmenulink {
}

.menulink:hover, .mysubmenulink:hover {
	background-color: #3862ab;  /* theme color */
	color: white;
}

.adminmenulink:hover, .adminsubmenulink:hover {
	background-color: #ef8a12 !important;
	color: white;
}

a.menulink, a.menulink:visited, a.mysubmenulink, a.mysubmenulink:visited, a.adminsubmenulink, a.adminsubmenulink:visited {
	color:black;
	text-decoration: none;
}

a.menulink:hover, a.submenulink:hover, a.mysubmenulink:hover, a.adminsubmenulink:hover {
	color:white;
	text-decoration: none;
}

/* ---------------------------------------- */
a.menu_arrow {
	position: relative;
	margin: 0px 2px 8px -1px;
}
.menu_arrow:before {
	content: "";
	width: 0px;
	height: 0px;
	border: 0.6em solid transparent;
	position: absolute;
	display: block;
}
.menu_arrow.user_menu_dwn_arrow:before {
	bottom: -16px;
	border-top: 10px solid;
}
.admin_menu_dwn_arrow {
	color: #ef8a12;
}
.menu_arrow.admin_menu_dwn_arrow:before {
	bottom: -16px;
	border-top: 10px solid;
}
/* ---------------------------------------- */

/* ---------------------------------------- */
a.sub_menu_arrow {
	position: relative;
	margin: 0px 2px 8px -1px;
}
.sub_menu_arrow:before {
	content: "";
	width: 0px;
	height: 0px;
	border: 0.6em solid transparent;
	position: absolute;
}
.sub_menu_arrow.user_menu_dwn_arrow:before {
	border-top: 10px solid;
	top: -2px;
}
.sub_menu_arrow.admin_menu_dwn_arrow:before {
	border-top: 10px solid;
	top: -2px;
}
/* ---------------------------------------- */

.adminmenulink_a {
	background-color: #ef8a12 !important;
	color:white !important;
}

.adminsubmenu .adminmenulink_a {
	background-color: #ef8a12 !important;
}

.usersubmenu .menulink_a {

}

.menumodeswitch {
    position: relative; width: 35px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	float:right;
	margin-right: 10px;
    margin-left: 10px;
}
.menumode-checkbox {
    display: none;
}
.menumode-label {
    display: block; 
	overflow: hidden; 
	cursor: pointer;
    height: 20px; 
	padding: 0; 
	line-height: 20px;
    border: 0px solid #FFFFFF; 
	border-radius: 30px;
    background-color: #3862ab;
	transition: all 0.3s ease-in 0s;
}
.menumode-label:before {
    content: "";
    display: block; 
	width: 20px; 
	height: 20px; 
	margin: 0px;
    background: #ffffff;
    position: absolute; top: 0; bottom: 0;
    right: 15px;
    border-radius: 30px;
    box-shadow: 0px 0px 0px 1px rgba(56, 98, 171, 1);
    transition: all 0.3s ease-in 0s;
}
.menumode-checkbox:checked + .menumode-label {
    background-color: #ef8a12;
}
.menumode-checkbox:checked + .menumode-label, .menumode-checkbox:checked + .menumode-label:before {
    border-color: #627A6B;
}
.menumode-checkbox:checked + .menumode-label .menumode-inner {
    margin-left: 0;
}
.menumode-checkbox:checked + .menumode-label:before {
    right: 0px;
    background-color: #ffffff;
    box-shadow: 0px 0px 0px 1px rgba(239, 138, 18, 1);
}




.vpnToggleModeswitch {
    position: relative; 
	width: 35px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	margin-right: 10px;
}
.vpnToggleMode-checkbox {
    display: none;
}
.vpnToggleMode-label {
	content: "ON";
    display: block; 
	overflow: hidden; 
	cursor: pointer;
    height: 20px; 
	padding: 0; 
	line-height: 20px;
    border: 0px solid #FFFFFF; 
	border-radius: 30px;
    background-color: #cccccc;
	transition: all 0.3s ease-in 0s;
	text-align: center;
	font-size: xx-small;
}
.vpnToggleMode-label:before {
    content: "OFF";
    display: block; 
	width: 20px; 
	height: 20px; 
	margin: 0px;
    background: #ffffff;
    position: absolute; top: 0; bottom: 0;
    right: 15px;
    border-radius: 30px;
    box-shadow: 0px 0px 0px 1px rgba(102, 102, 102, 1);
    transition: all 0.3s ease-in 0s;
}
.vpnToggleMode-checkbox:checked + .vpnToggleMode-label {
	background-color: #ef8a12;
}
.vpnToggleMode-checkbox:checked + .vpnToggleMode-label, .vpnToggleMode-checkbox:checked + .vpnToggleMode-label:before {
    content: "ON";
    border-color: #627A6B;
}
.vpnToggleMode-checkbox:checked + .vpnToggleMode-label .vpnToggleMode-inner {
    margin-left: 0;
}
.vpnToggleMode-checkbox:checked + .vpnToggleMode-label:before {
    right: 0px;
    background-color: #ffffff;
    box-shadow: 0px 0px 0px 1px rgba(239, 138, 18, 1);
}



#js_menumode_text_admin {
	float: right;
	color: #000000;
	font-weight: 600;
}

#js_menumode_text_user {
	float: left;
	color: #000000;
	font-weight: 600;
}

.menuModeText {
	color: #000000 !important;
	text-decoration: blink !important;
}

.adminsubmenu, .usersubmenu {
	margin-top: 4px;
	width: 930px;
	background-color: #ffffff;
}

.popupmenu {
	z-index: 100;
	display: none;
	background-color: #ffffff;
	box-shadow: 2px 2px 5px #888888;
	margin-top: 0px;
}

.clMenuSelector {
    display:inline-block;
    margin-right:32px;
    position: relative;
    padding:0;
    border:0;
    font-weight:400;
    background:#ffffff;
    color:#000000;
    width: 150px;
	height: 34px;
    text-align: center;
	box-shadow: 2px 0px 2px -1px rgba(0, 0, 0, 0.2), 1px 3px 1px 0px rgba(0, 0, 0, 0.19);
	float: right;
}
.clMenuSelector > input{
    display:none;
    position:fixed;
    z-index:-2;
}
.clMenuSelector > label{
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.clMenuSelector-ttl{
    padding:7px 20px;
	height: 21px;
}

.clMenuSelector ul {
    width:100%;
    font-weight:400;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    text-align:center;
    list-style-type:none;
    background:#ffffff;
    color:#000000;
    box-shadow: 3px 2px 10px -1px rgba(0, 0, 0, 0.1), 1px 4px 10px 1px rgba(0, 0, 0, 0.2);
}
.clMenuSelector ul >li{
    padding:8px 20px;
}
.clMenuSelector ul > li > a{
    color:inherit;
    outline:0;
    text-decoration:none;
    cursor:pointer;
}
.clMenuSelector ul > li:hover, .clMenuSelector-ttl:hover{
    background:#3862ab;
    color:#ffffff;
}
#clMenuSelectorInput:checked ~ label > ul {
    display:none;
}  

.menu_dwn_arrow {
	color: #ef8a12;
    margin-top: -6px;
}

.contractPrice {
	border-style: solid;
    border-width: thin;
}

.submenuarrow {
	z-index: 100;
	display: block;
}

.menulink_a {
	background-color: #3862ab;  /* theme color */
	color: white;
}

a.menulink_a, a.menulink_a:visited, a.menulink_a:hover {
	color:white;
}

a_menulink_a{
	color:white;
}

.footer {
	font-size: 12px;
	text-align:center;
	color: #dbe8f3;
	clear:both;
	width: 990px;
	margin-left: auto; 
	margin-right: auto;
	padding-top:30px;
	padding-bottom:30px;
	background-repeat: no-repeat;
}

.footerback {
	background-color: #3862ab;
}

.footer a, .footer a:visited {
	color: #dbe8f3;
}

.fuss {
	font-size: 12px;
	text-align:center;
	color: #dbe8f3;
	clear:both;
	width: 790px;
	margin-left: auto; 
	margin-right: auto;
	padding-top:30px;
	padding-bottom:30px;
}

.fuss a, .fuss a:visited {
	color: #c4d7f3;
}

.Anchor {
	position: absolute;
}

.caption {
	max-width: 240px;
}

#objSelectorContextMenu {
  display: none;
  position: absolute;
  width: 120px;
  background: #FFFFFF;
  box-shadow: 1px 1px 1px 1px rgba(170, 170, 170, 1);
  border-style: solid;
  border-width: 1px;
}

.objSelectorContextMenuItems {
  font: menu;
  padding: 6px 15px;
}

.objSelectorContextMenuItems:hover {
  color: white;
  background: #3862ab;
}

.PopUp {
	color:#000000;
	position: relative;
	width:auto;
	background-color: #ffffdb;
	left: 0px;
	top: 0px;
	padding: 3px;
	border-style:solid;
	border-color:#000000;
	border-width:1px;
	font-weight: normal;
	display: none;
	max-width: 300px;
	z-index: 1000;
}

.headerbutton {
    background-color: #999999;
    color: #ffffff;
    font-size: 10px;
    padding: 4px;
    border-radius: 12px;
    float: right;
    margin-top: 4px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.ContextMenu {
	color:#000000;
	position: relative;
	background-color: #ffffff;
	top: -32px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	line-height: 20px;
	font-weight: normal;
	z-index: 9;
	box-shadow: 1px 1px 1px 1px rgba(170, 170, 170, 1);
}

.ContextTransferMenu {
	color:#000000;
	background-color: #ffffff;
	width: 150px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	line-height: 20px;
	font-weight: normal;
	position: relative;
	top: -29px;
	box-shadow: 1px 1px 1px 1px rgba(170, 170, 170, 1);
}

.ContextTransferMenuHeader {
	position: relative;
	background-color: #ffffff;
	background-image: url('/my/skin/images/g-delete-grey.png');
	left: 151px;
	width: 31px;
	border-color: black;
	border-width: 1px;
	height: 27px;
	background-position: 5px 2px;
	background-repeat: no-repeat;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	z-index: 1;
	box-shadow: 2px 1px 1px 1px rgba(170, 170, 170, 1);
}

.ContextMenuHeader {
	position: relative;
	background-color: #ffffff;
	background-image: url('../images/g-context-active.png');
	left: -7px;
	top: -31px;
	width: 31px;
	border-color: black;
	border-width: 1px;
	height: 27px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	z-index: 10;
	box-shadow: 1px -2px 1px 1px rgba(170, 170, 170, 1);
}

.ContextMenuEntry {
	padding: 3px 6px 4px 6px;
}

.ContextMenuEntry:hover {
	background-color: #3862ab;
	color: #ffffff
}

.archive-folder-container {
    border: 1px solid #d4e2f0;
    margin-bottom: 20px;
}

.archive-folder-header {
    background-repeat: no-repeat;
    background-position: 4px;
    padding-left: 30px !important;
    font-weight: 600;
    padding: 7px;
    background-color: #ffffff;
}
.archive-folder-header a {
    color: #666666;
}
.archive-type-personal {
    background-image: url('../images/myarchive.png');
}
.archive-type-personal-active {
    background-image: url('../images/myarchive_active.png');
}
.archive-type-shared {
    background-image: url('../images/teamarchive.png');
}
.archive-type-shared-active {
    background-image: url('../images/teamarchive_active.png');
}
.archive-type-download {
    background-image: url('../images/publicarchive.png');
}
.archive-type-download-active {
    background-image: url('../images/publicarchive_active.png');
}
.archive-type-adminunit {
    background-image: url('../images/adminunitarchive.png');
}
.archive-type-adminunit-active {
    background-image: url('../images/adminunitarchive_active.png');
}

.archive-folder-header-active {
    color: #ffffff;
}
.archive-folder-header-active a {
    color: #ffffff;
}
.js-archive-folder-path {
    line-height: 13px;
    margin-top:8px;
    margin-bottom:5px;
    width: 400px;
}
.archive-folder-footer {
    background-color: #94ad11;
    background-image: url('../images/createfolder.png');
    background-repeat: no-repeat;
    background-position: 3px;
    padding: 8px;
    padding-left: 30px;
}
.archive-folder-footer a {
    color: #fff;
    font-weight: 600;
}
.archive-folder-tree-row {
	line-height: 20px;
	padding: 1px 0px;
}
.archive-folder-tree-row-active {
    background-color: #f1f5fb;
}

.archiveFolderTreeRow {
    background-color: #dce8f3;
}

.trAutoDelFolderDiv {
	background-color: white;
    padding: 20px 0px 20px 10px;
	border-bottom-style: solid;
	border-width: 5px;
    border-color: #e4eef5;	
}

.archive-summary-box {
    border: 1px solid #d4e2f0;
    margin-bottom: 20px;
}

.archive-summary-diagram {
    background-color: #94ad11;
    margin-top: 2px; 
    width: 90%;
}

.tab-lasche {
    float: left;
    margin-right: 2px;
    padding: 2px 8px; 
    border-top-left-radius: 0.3em; 
    border-top-right-radius: 0.3em;
    color: #3862ab;
    background-color: #cccccc;
}
.tab-lasche-active {
    background-color: #3862ab; 
}
.tab-lasche-active a {
    color: #ffffff;
    font-weight: 600;
}

.archivepathbox {
    padding-top: 2px;
    overflow:hidden;
    background-color:#ffffff;
}


.tableheader {
	background-color: #3862ab;  /* theme color */ 
	color: #ffffff;
	padding: 7px;
	font-weight: 600;
	overflow:hidden;
}

#folder_content {
	border: 1px solid #d4e2f0;
}
.getbox2 {
	padding:15px;
	overflow:hidden;
	background-color:#ffffff;
	border: 1px solid #d4e2f0;
}
.getbox {
	padding:15px;
	overflow:hidden;
	background-color:#ffffff;
}

#mainbeams {
	width: 100%;
	border-spacing: 0px;
}

#mainbeams td {
	padding-left:6px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
    border-spacing: 0px;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}

#mainbeams th {
	padding-left:6px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
    border-spacing: 0px;
	white-space: nowrap;
}

#mainbeams .bold {
    font-weight: 600;
}

.mainbeams {
    border: 1px solid #d4e2f0;
}

.editBack {
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
}

.editContainer {
    overflow: hidden;
    width: 100%;
    padding-bottom:8px;
}

.editContainerSelector {
    padding-bottom: 0em !important;
	margin-bottom: 0em !important;
	height: 210px;
}

.editContainerSelectorOneMem {
	padding-bottom: 0em !important;
	margin-bottom: 0em !important;
	height: 70px;
}

.progressBarBG {
    background-color: #dbe8f3;
    margin-left: -20px;
	margin-top: -15px;
	height: 7px;
}

.progressBarText {
    margin-left: -40px;
    margin-top: 30px;
    margin-bottom: -15px;
    text-align: center;
}

.progressBarLoad {
    background-color: #3862ab;
    height: 7px;
	width: 0%;
}

.editDescr {
    float:left;
    width: 240px;
    background-color: #d4e2f0;
    padding:8px;
    padding-bottom: 500em;
    margin-bottom: -500em;
}

.roleRightsBox {
	float: left;
	width: 36%;
	height: 100%;
}

.editData {
    float:left;
    width: 620px;
    background-color: #ffffff;
    padding:8px;
    padding-bottom: 500em;
    margin-bottom: -500em;
	min-height: 23px;
}

.statisticsSelect {
    float: left;
    width: 100%;
    padding: 15px 0px 0px 0px;
    padding-bottom: 500em;
    margin-bottom: -500em;
    min-height: 23px;
}

.statsContent {
	margin-top: 80px;
}

.csvFile {
    float:left;
    width: 620px;
    padding:8px;
}

.editControl {
    float:left;
    width: 100px;
    background-color: #ffffff;
    padding:8px;
    padding-bottom: 500em;
    margin-bottom: -500em;
}

.pagination {
	background-color: #b2b2b2;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
	float: left;
	vertical-align: top;
	line-height: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position-y: 6px;
}
a.pagination, a.pagination:visited, a.pagination:hover {
	color:#ffffff;
	font-weight: 600;
}

.pagination-right {
	background-image: url('../images/arrow-right.png');
	background-position: 97%;
	padding-right: 28px;
}

.pagination-right:hover {	
	background-image: url('../images/arrow-right-active.png');
}

.pagination-left {
	background-image: url('../images/arrow-left.png');
	background-position: 3%;
	padding-left: 28px;
}

.pagination-left:hover {	
	background-image: url('../images/arrow-left-active.png');
}

.pagination-last {
	background-image: url('../images/arrow-last.png');
	background-position: 50%;
	padding-right: 22px;
}

.pagination-last:hover {	
	background-image: url('../images/arrow-last-active.png');
}

.pagination-first {
	background-image: url('../images/arrow-first.png');
	background-position: 50%;
	padding-left: 22px;
}

.pagination-first:hover {	
	background-image: url('../images/arrow-first-active.png');
}

.reglist {
}

.reglist li{
	margin-bottom:15px;
}


/*clients */

.clientbox_wide {
    border: 1px solid #e4eef5;
    width: 886px;
    margin-left:20px;
    margin-bottom:40px;
    clear:both;
    overflow:hidden;
}

.client_download_box {
    background-color: #f9fbfd;
    padding: 20px;
    overflow: hidden;
}

.client_info_box {
    padding: 20px;
}

.client_explain {
    font-size: 16px;
}

.client_download_link {
    font-size: 16px;
    background-image: url('../images/client_download_arrow.png');
    background-repeat: no-repeat;
    padding-left:35px;
    height: 27px;
    line-height: 27px;
    float:left;
    position: relative;
    left: -50%;
}
.client_download_link_wrapper {
    clear:both;
    position: relative;
    left: 50%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.client_image {
    float:left;
    width:185px;
    height: 185px;
    background-color: #e4eef5;
    border-style: none;
}
.client_text {
    float:left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    width: 655px;
}

.client_lists {
    margin-bottom: 0px;
    padding-left: 25px;
}

.clientbox_narrow {
    float:left;
    border: 1px solid #e4eef5;
    width: 392px;
    padding: 20px;
    margin-left:20px;
    margin-bottom:40px;
}

.client_headline {
    font-size: 16px;
    color: #333333;
    margin-bottom: 10px;
}

/*my acount info div*/
.myAcountInfoMainDiv {
	float: left;
	margin: -5px 0px 0px 20px;
}

#accountInfoDiv {
	display: none;
	border: 1px solid #b2b2b2;
	width: 320px;
	position: absolute;
	background-color: white;
	z-index: 1000;
	margin-left: -171px;
	padding-bottom: 10px;
}

.myAcountInfoHeader {
	height: 62px;
	border-bottom: 1px solid #b2b2b2;
}

.myAcountInfoHeaderTitle {
	float: left;
	width: 250px;
	height: 42px;
	margin-top: 22px;
	font-size: larger;
	color: #666666;
}

.myAcountInfoRow {
	padding: 10px 0px 0px 13px;
	color: #666666;
}

.myAcountInfoRowTitle {
	float: left;
	width: 120px;
}

/*end of my acount info div*/

/*new uploadClient*/
.uploadClientMainHeaderDiv {
	width: 100%;
	height: 30px;
}

.uploadClientHeaderDiv {
	padding: 5px 10px 5px 10px;
	width: 80px;
	float: right;
}

.uploadClientBlackBG {
	background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
	display: none;
	overflow: auto;
}

.uploadClientMainDiv {
	background-color: white;
	width: 750px;
	margin: 0 auto;
	margin-top: 5%;
	padding-bottom: 1px;
}

#uploadClientMiniMainDiv {
	position: fixed;
    bottom: 0px;
	height: 53px;
	margin-left: -1px;
	white-space: nowrap;
    overflow-x: auto;
	overflow-y: hidden;
	display: none;
}

.uploadDeleteFilesX {
	margin-left: 5px;
	vertical-align: middle;
	margin-bottom: 3px;
}

.uploadFilesInput {
	min-height: 85px;
	max-height: 100px;
	width:420px;
}

.uploadFilesInput_ul {
	padding-left:25px;
	padding-right:10px;
}

.filesSizeUploadClient {
	float: left;
	margin-left: 30px
}

.uploadClientMinimized {
	height: 53px;
    width: 240px;
    background-color: #262626;
    display: inline-block;
	cursor: pointer;
	border-left: 1px solid #ffffff;
}

.uploadclient_group {
	padding: 10px;
	background-color: #ffffff;
	border:	1px #aaa solid;
	margin: 0px 10px 10px 10px;
}

.uploadclient_archiveDiv {
	margin: 0px 10px 10px 10px;
}

.upload_receivers_ongoing {
	border: 1px #aaa solid;
    margin: 0px 10px 10px 10px;
    overflow: scroll;
    min-height: 24px;
    padding: 10px 0px 5px 0px;
	background-color: #ffffff;
}

.uploadClientMinAnim {
	height: 53px;
    width: 240px;
	opacity: 0;
	top: 100%;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	transition:all 300ms ease-out;
}

.uploadClientMaxAnim {
	height: 100%;
    width: 100%;
	opacity: 1;
	top: 0px;
	left: 0px;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	transition:all 300ms ease-out;
}

.uploadClientMainDivMaxAnim {
    width: 750px;
	opacity: 1;
	top: 0px;
	left: 0px;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	transition:all 300ms ease-out;
}

/*end new uploadClient*/

/*new dashboard*/
#dropZoneMailboxDiv {
	height: 244px;
	border: 1px solid #b2b2b2;
	background-color: white;
	position: relative;
}

#fileDropZoneMainDiv {
	width: 440px;
	float: left;
	margin: 15px 5px 15px 17px;
	border-style: dashed;
    border-width: 2px;
    border-color: #b2b2b2;
	position: relative;
	background-color: #f4f4f4;
}

.dashUploadDiv {
	display: inline-flex;
	margin-top: 20px;
}

.dashSendArrow {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}

#mailboxMainDiv {
	width: 440px;
	height: 210px;
	float: left;
	margin: 27px 17px 12px 5px;
	position: relative;
}

.ongoingInfoTitle {
	float:left;
	width:100px;
}

.ongoingProgressTitle {
	font-weight: 600;
	margin-bottom: 10px;
	margin-left: 5px;
}

.ongoingProgress {
	height: 7px;
	float: left;
	margin-left: 30px;
	margin-top:6px;
	background-color:#f3f3f3;
}

/*
	Displaying progress is based on HTML5 <progress> element. Browsers that
	don't support this (IE<10, Android<4.4) fall back to span-in-div legacy
	handling.
*/
.legacy-mini-progress {
	background-color: whiteSmoke;
	border-radius: 2px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
	
	width: 100%;
	height: 100%;

	position: relative;
	display: block;
}

.miniStatusUploadOngonigDiv {
	float: left;
	display: block;
	width: 40px;
}

.statusTickGreen{
	margin-top: 17px;
	width: 40px;
	height: 53px;
	text-align: center;
}

.progressBarDiv {
	margin: 14px 10px 3px 6px;
	width: 40px;
	color: white;
	font-size: x-small;
}

.progressBarDivChild {
	width: 30px;
	border: 1px solid #ffffff;
	margin-top: 13px;
}

.miniProgressBar {
	height: 6px;
	background-color: #ffffff;
}

.miniProgressPercent {
	margin: 7px 8px 3px 12px;
	width: 40px;
	color: white;
	font-size: x-small;
}

.miniReceiverToDiv {
	margin: 12px 8px 3px 5px;
	width: 185px;
	color: white;
	font-size: x-small;
}

.miniSubjectDiv {
	margin: 0px 8px 3px 5px;
	width: 185px;
	color: white;
	font-size: x-small;
}

.legacy-mini-progress > span {
	background-image: url('../images/progressbar.gif');
	border-radius: 2px;

	display: block;
	text-indent: -9999px;
}

.progressBar {
	width: 0%;
}

.ongoingProgressBar {
	height: 7px;
	background-color: #3862ab;
}

.ongoingUploadSuccessDiv {
	text-align: center;
	margin: 30px;
}

.ongoingUploadInfoDiv {
	background-color: #f3f3f3;
	padding-left: 5px;
	padding-top: 10px;
	width: 100%;
}

.ongoingUploadInfoMessage {
	height: 150px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-right: 10px;
	min-height: 24px;
	border: 1px #aaaaaa solid;
	padding: 2px 5px 2px 5px;
}

.ongoingUploadInfoFiles {
	height: 35px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-right: 10px;
	min-height: 24px;
	border: 1px #aaaaaa solid;
	padding: 2px 5px 2px 5px;
}

.uploadOngoingCancelBtnDiv {
	width: 100%;
	text-align: right;
	margin-top: -21px;
	display: block;
}

.ongonigFilesList {
	margin-left: 100px;
	display: table;
}

.ongonigFilesListTitle {
	width: 95px;
	float: none;
	position: absolute;
	margin: 0px;
}

.ongonigReceiversDiv {
	height: 52px;
	padding-top: 15px;
}

.ongonigReceiversIcon {
	float: left;
	margin: -3px 10px 0px 0px;
}

.ongoingSubject {
	height: 20px;
	margin-left: -4px;
	width: 560px;
}

.ongoingMessage {
	max-height: 88px;
	margin-bottom: 20px;
	margin-left: -4px;
	width: 558px;
}

.ongonigReceiversName {
	float: left;
	margin: 1px 7px 0px 0px;
}

.uploadPublicboxBtnDiv {
	width: 100%;
	text-align: right;
	margin-left: -10px;
}

#dropZoneBigTextDiv {
	width: 100%;
	height: 60px;
	margin: 10px 0px 10px 0px;
	text-align: center;
}

#dropZoneBigText {
	font-size: 25px;
	color: #999999;
	float: left;
	margin: 2px 0px 0px 5px;
}

#dropZoneSmallText {
	text-align: center;
	color: #999999;
	font-size: 17px;
	font-weight: 100;
}

#dropZoneFormDiv {
	margin-top: 20px;
	text-align: center;
	background-color: #ffffff;
	padding: 10px;
	height: 30px;
}

#fileuploadBtn {
	font-size: 17px;
	border-style: none;
	font-weight: 100;
	padding-top: 4px;
    padding-bottom: 5px;
	margin-top: -4px;
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

#mailboxIconDiv {
	width: 100%;
	height: 60px;
	margin: 10px 0px 10px 0px;
	text-align: center;
}

#mailboxBigText {
	font-size: 25px;
	color: #999999;
	float: left;
	margin: 2px 0px 0px 5px;
}

#mailboxText {
	text-align: center;
	color: #b2b2b2;
	width: 90%;
	position: absolute;
	margin: auto;
	right: 0px;
	left: 0px;
	padding-top: 0px;
	font-size: 17px;
	font-weight: 100;
}

#js-dashboard-mailbox {
	margin: 72px 10px 10px 10px;
	text-align: center;
}

/*end new dashboard*/

/*dashboard */

.dashbox {
    width: 928px;
    margin-bottom: 10px;
    float: left;
    background-color: #ffffff;
    border: 1px solid #b2b2b2;
}

.dashheaderOld {
    background-color: #d4e2f0;
    height: 54px;
    color: #567eb8;
    line-height: 44px;
    font-size: 16px;
    font-weight: 600;
    padding-top: 8px;
    padding-left: 8px;
}

.dashheader {
    height: 54px;
    color: #999999;
    line-height: 44px;
    font-size: 16px;
    padding-top: 8px;
    padding-left: 8px;
	border-bottom: 1px solid #b2b2b2;
}

.dashNewsbox {
    width: 928px;
    margin-bottom: 10px;
    float: left;
    background-color: #f3f3f3;
}

.dashNewsheader {
    height: 54px;
    line-height: 44px;
    font-size: 16px;
    padding: 15px 30px 0px 30px;
}

/*.dashsubheaderOld th {
    background-color: #f3f5f9;
    color: #567eb8;
    margin-bottom: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    border-width:0px;
}*/

.dashsubheader th {
    background-color: #f3f3f3;
    color: #666666;
    margin-bottom: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    border-width:0px;
	font-weight: 600;
}

.dashsubheader td {
    padding-right:5px;
}

table.dashsubheader, table.contractsubheader  {
    border-spacing: 0;
    width: 100%;
}

.dashtable th {
    background-color: inherit;
    font-weight: 600;
}

.dashdown {
    background-image: url('../images/type-download.png');
	background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin-left: 17px;
    margin-top:2px;
    margin-bottom:2px;
}

.dashup {
    background-image: url('../images/type-upload.png');
	background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin-left: 17px;
    margin-top:2px;
    margin-bottom:2px;
}

.dasherror {
    border-color: #ff0000;
    background-color: #fff0f0;
    border-style: solid;
    border-width: 2px;
}

.dashpromoinfo {
    background-color: #e4eef5;
    padding-left:100px;
    padding-right:100px;
    padding-top:30px;
    padding-bottom:30px;
    font-size: 120%;
}

.promoheadline {
    color: #94ad11;
    font-size: 28px;
    margin-bottom:10px;
}
.promosubheader {
    font-size: 14px;
    font-weight: 400;
    margin-bottom:20px;
}
.promodisclaimer {
    font-size: 11px;
}

.contractheader {
    background-color: #ef8a12;
    color: #ffffff;
}
.premiumheader {
    background-color: #3862ab;
    color: #ffffff;
}
.contractsubheader th {
    background-color: #fcf9f6;
    color: #ef8a12;
    margin-bottom: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    border-width:0px;
}
.contractsubheader td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.contractlightsred {
    background-image: url('../images/lights_red.png');
    background-repeat: no-repeat;
    background-position-y: 50%;
    width: 100px;
    padding-left: 57px;
}

.contractlightsgreen {
    background-image: url('../images/lights_green.png');
    background-repeat: no-repeat;
    background-position-y: 50%;
    width: 120px;
    padding-left: 57px;
}

.contractlightsyellow {
    background-image: url('../images/lights_yellow.png');
    background-repeat: no-repeat;
    background-position-y: 50%;
    width: 120px;
    padding-left: 57px;
}

.dashpadleft {
    padding-left: 10px;
    font-weight: 600;
    height: 33px;
}

.dashtablerow td {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-color: #b5b5b5;
    padding-right: 8px;
    vertical-align:middle;
}

.dashtablerownoborder td {
    border-color: #b5b5b5;
    padding-right: 8px;
    vertical-align:middle;
}

.dashcontractinfos, .dashcontractinfos a, .dashcontractinfos a:visited, .dashcontractinfos a:hover{
    color: #ef8a12;
}

.dashinnercontent {
    padding: 12px;
}

.dashNewsinnercontent {
	padding: 0px 30px 30px 30px;
	font-weight: 300;
}

.dashupgradeheader {
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 30px;
}

.dashupgradeproductbox {
    width: 280px;
    float: left;
    text-align: center;
    font-weight: 300;
    margin-right: 20px;
}

.dashupgradeproduct {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dashupgradeprice {
    font-weight: 600;
    color: #808080;
    text-align: center;
    font-size: 14px;
}

.dashupgradefeatures {
    color: #808080;
    text-align: center;
    font-size: 12px;
}


.dashupgradeproductimage {
    background-color: #edf4f9;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 12px;
    clear: both;
}

.dashupgradeline {
    border-top: 1px solid #e6e6e6;
    float:left;
    height: 6px;
    text-align: center;
}

.dashupgradetargetgroup {
    font-size: 11px;
    position:relative;
    top: -10px;
    background-color: #ffffff;
    padding-left:5px;
    padding-right:5px;
    margin-left: auto; 
    margin-right: auto;
}

.dashupgradepromise {
    background-image: url('../images/dash_upgrade_checksmall.png');
    background-repeat: no-repeat;
    background-position-y: 5px;
    padding-left: 18px;
    text-align: left;
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 14px;
}

.dashupgradearrow {
    background-image: url('../images/dash_upgradearrowdown.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 105px;
}

.freeuserpromise {
    background-image: url('../images/dash_upgrade_checksmallgrey.png')!important;
}

.dashupgrademore {
    background:none !important;
    width: 220px;
    text-align:right;
    margin-top:10px;
}

.dashhelp {
    color: #ef8a12;
    cursor: help;
}

.dashhelpicon {
    cursor: help;
	background-image: url('../images/info-circle.png');
    background-repeat: no-repeat;
    background-position: center;
	width: 15px;
	height: 14px;
	margin-left: 3px;
    margin-top: 3px;
	display: inline-block;
}

.dashicon {
    float: left;
    margin-right: 10px;
}

.dashbadge {
    width: 160px;
    height: 160px;
    float: left;
    margin-right: 30px;
}

.dashheadline {
    font-size: 16px;
    line-height: 20px;
    color: #567eb8;
    font-weight: 600;
}

.dashcenterinfo {
    text-align: center;
    margin-top: 10px;
}

.dashorderbox {
    width: 550px;
}
.dashorderheader {
    width: 100%;
    overflow: hidden;
}
.dashordertable {
    border-spacing: 5px;
}

.dashordertable th {
    background-color: transparent;
}
.dashordertable td {
    background-color: #e6e6e6;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 4px;
}

.dialogicon {
    float: left;
    width: 91px;
    height: 91px;
}


.dashorderimage {
    background-image: url('../images/dash_upgrade_dialogueicon.png');
    background-repeat: no-repeat;
    float: left;
    width: 130px;
    height: 112px;
    margin-left:20px;
    margin-top: 20px;
}

.dashclaim {
    float: left;
    text-align: right;
    color: #666666;
    font-size: 22px;
    font-weight: 300;
    line-height: 25px;
    padding-top: 28px;
    padding-left: 30px;
    padding-right: 30px;
    width: 399px;
}

.dashclaimbig {
    float: left;
    text-align: right;
    color: #666666;
    font-size: 28px;
    font-weight: 300;
    line-height: 38px;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    width: 520px;
}

.dashordersentence {
    color: #666666;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
}

.dashorderaddress {
    float:left; 
    width:420px;
    background-color: #e4eef5;
    padding: 8px;
}

.dashorderaddressline {
    clear:both;
    height: 27px;
}

.dashordercontent {
    padding-left:30px;
    padding-right:30px;
}

.dashsmalltext {
    font-size: 11px;
}

.dashorderform {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: #bcd62d;
    border-width: 2px;
    border-style: solid;
}

.dashorderlabel {
    float: left;
    width: 100px;
    margin-right: 10px;
}
.dashorderfield {
    float: left;
    width: 280px;
    margin-right:20px;
}

.dashtextinput {
    width: 40px;
}

.softwareDownloadBox {
	width: 432px;
	min-height: 210px;
	border: 1px solid #f3f3f3;
	margin: 0px 15px 20px 15px;
	float: left;
}

.softwareDownloadHeader {
	background-color: #f3f3f3;
	padding: 7px;
}

.softwareDownloadBoxUlDiv {
	padding: 0px 10px;
	margin-bottom: 20px;
}

.softwareDownloadInstallBoxBtn {
	float:left;
	margin-left: 40px;
}

.softwareDownloadBoxBtnDiv {
	float: right;
	margin: 16px 20px 20px 0px;
}

#spinnerContainer {
	height: 15px;
    width: 100%;
    padding: 5px 30px;
}

.ajax_spinner {
	display: none;
    height: 11px;
    width: 16px;
    background-image: url('../images/ajax_spinner.gif');
    background-repeat: no-repeat;
}

/*transfer details */
.transferDetailsHeader {
	background-color: #f7f7f7;
	width: 100%;
}

#messageArea {
	margin: 30px 0px 0px 15px;
	width: 100%;
	float: left;
}

.transferDetailsLiner {
	width: 100%;
	height: 2px;
	background-color: #f7f7f7;
	float: left;
}

#filesArea {
	margin: 20px 0px 15px 15px;
	width: 100%;
	float: left;
}

.filesAreaRight {
	float: left;
	width: 81%;
	margin: 0px 15px 30px 0px;
}

.zipDownloadArea {
	width: 30px;
	height: 10px;
	float: left;
}

.breakLongText {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}

.transferDetailsMailboxArea {
	margin: 0px 0px 0px 15px;
	width: 100%;
	float: left;
}

#transferDetailStatus {
	background-color: #f7f7f7;
	padding: 20px 30px 20px 30px;
}

/*transfer list */
.transferTableHeader {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

#transferContentBottom {
	background-color: white;
    height: 8px;
    margin-top: -8px;
    border-left: 1px solid #d4e2f0;
    border-right: 1px solid #d4e2f0;
	border-bottom: 1px solid #d4e2f0;
	display: block;
}

.transTabPrio {
	padding-right: 0px !important;
	padding-left: 0px !important;
	padding-top: 1px !important;
	text-align: center;
}

.transTabCheckBox {
	width: 18px;
	padding-left: 0px;
}

/*web upload client */

/*style for webclient v3 */
.webclient_group {
	padding: 10px;
	background-color: #ffffff;
	border:	1px #aaa solid;
	margin-bottom: 10px;
}

.webclient_option {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}

.webclient_icon, .uploadClient_icon {
	width:22px;
	height:22px;
	float: left;
	margin-left:5px;
	margin-right:10px;
}

.webclient_headline, .uploadClient_headline {
	font-size: 16px;
	color: #707070;
	margin-bottom: 15px;
	float: left;
}

.fileSizeClassDiv {
	font-size: 16px;
	color: #707070;
	margin-bottom: 15px;
    margin-left: 37px;
    margin-top: 30px;
	float: left;
}

.webclient_title, .uploadClient_title {
	margin-left:38px;
	width: 100px;
	float: left;
}

.webclient_input, .uploadClient_input {
	width:523px;
	border: 1px solid #aaaaaa; 
	overflow: hidden;
	background-color: white; 
	line-height: 16px;
	overflow-x: hidden; 
	overflow-y: auto;
	margin-right: 10px;
	float:left;
	font-size: 13px;
}

.webclient_tooltip {
	font-size: 12px !important;
	-webkit-box-shadow: 0 0 2px #aaa !important;
	box-shadow: 0 0 2px #aaa !important;
	font-family: Open Sans, Arial, Helvetica, sans-serif !important;
	padding: 4px !important;
	background: #Ffb !important;
}

.webclient_receivers-list {
	width: 350px;
	max-height: 55px;
    overflow-y: auto;
    overflow-x: hidden;
	float: left;
}

.webclient_receiver-line {
	overflow:hidden; 
	margin-bottom:4px;
	min-height:24px;
	padding-top: 3px;
}

.webclient_receiver-item {
	background-color: #e8e8e8;
	padding-right: 3px;
	margin-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-radius: 6px;
	padding-left: 3px;
	margin-bottom: 3px;
	line-height: 16px;
	float: left;
}

.webclient_add_receiver {
	height: 20px;
	line-height: 13px;
	margin-right: 8px;
}

.webclient_message {
	min-height: 85px;
	max-height: 200px;
}

.webclient_message p {
	margin: 0px;
}

.webclient_send, .uploadClient_send, .uploadClient_abort {
	float: right;
	padding-top:6px;
	margin-right:30px;
}

#fileupload {
	float: left;
}

/*end styles for webclient v3 */


.kopf {
	background: url('../images/mediumframe-top.png');
	height: 89px;
	background-repeat: no-repeat;
	width: 790px;
	margin-left: auto; 
	margin-right: auto;
}

.haupt {
	overflow:hidden;
	width: 790px;
	margin-left: auto; 
	margin-right: auto;
	padding-bottom: 50px;
}

.fwdclm1 {
	float:left;
	width:128px;
}

.fwdclm2 {
	float:left;
	width:600px;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}
.ui-autocomplete{
	max-height: 500px;
	width: 250px;
	overflow-y: auto; /* set fixed vertical scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	z-index: 1100 !important;
}
.ui-autocomplete-default {
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding:2px;
	padding-left: 20px;
}
.ui-autocomplete-group {
	background-image: url('../images/team.png');
}
.ui-autocomplete-person {
	background-image: url('../images/person.png');
}
.ui-autocomplete-link {
	display: block;
}
.ui-state-focus {
	font-weight: normal !important;
}

.loginContent {
    width:405px;
    float: left;
    padding-top:30px;
	padding-bottom: 30px;
}

.registerContent {
    width:430px !important;
    padding-left:10px;
    padding-right:10px;
}

.loginHeadline {
    font-size: 20px;
    margin-bottom: 25px;
}

.loginlabel {
    float: left;
    width: 70px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    padding-top:3px;
}
.loginfield {
    float: left;
    width: 180px;
    margin-bottom: 10px;
    font-size: 14px;
}

.smlogin {
    float: left;
    width: 155px;
    height:20px;
    font-size: 11px;
    color: #000000;
}

.smloginfield {
	width: 143px;
}

.smloginnarrow {
    float: right;
    height:20px;
    font-size: 11px;
}

.loginbutton {
    font-size:  16px   !important;
    margin-top:20px !important;
    padding-left:20px   !important;
    padding-right:20px  !important;
}


.msgToPdfCancelButton {
	font-size: 16px;
	width: 100px;
	margin-left: 20px;
	cursor: pointer;
	text-align:center;
	text-transform: uppercase;
	color: #94ad11;
	border: none;
	outline-color: #ffffff;
	float: left;
}
.smloginbutton {
    font-size:  11px   !important;
    padding-left:5px   !important;
    padding-right:5px  !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    float:right;
}

.submitbutton {
    font-size: 12px;
    background-color: #94ad11;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left:16px;
    padding-right:16px;
    color: #ffffff   !important;
    text-align:center;
    cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.submitbutton:disabled {
    background-color: #c0c0c0;
    color: #f0f0f0;
    cursor: initial;
}

.registerpromoHeadline {
    font-size: 28px;
    margin-bottom: 100px;
} 

.registerpromolabel {
    background-image: url('../images/ok.png');
    background-repeat: no-repeat;
    background-position-y: 4px;
    padding-left: 40px;
    margin-bottom: 15px;
    font-size: 14px;
    padding-top: 3px;
	width: 300px;
	margin-left: 40px;
}

.registerpromoCustomerlogos {
	width:930px;
	height:160px;
}

.landingHeader {
	width: 620px;
	background-color: #ffffff;
	line-height: 75px;
	font-size: 30px;
	color: #3862ab;
	height: 66px;
	margin-bottom: 28px;
}

.landingBox {
	width: 620px;
	background-color: #ffffff;
	padding: 40px;
	border: 1px solid #cccccc;
}

.landingIntro {
    padding-left: 0px;
    margin-bottom: 30px;
    font-size: 16px;
    padding-top: 3px;
}

.landingMain {
	background-color: #f3f5f9;
	padding: 20px;
}

.landingFormLine {
	clear:both;
	font-size: 16px;
	padding-top: 10px;
}
.landingFormLabel {
    float: left;
    width: 160px;
    margin-right: 10px;
}
.landingFormField {
    float: left;
    width: 320px;
    margin-right:20px;
}

.agb-warning {
    position:relative;
    z-index:2;
    height:23px;
    width:23px;
    left:-28px;
}

.warning-on {
    background-image: url('../images/warning.png');
    background-repeat: no-repeat;
}

.filesPreview {
    border: #d4e2f0 solid 1px;
    padding: 5px;
    color: #3862ab;
    background-color: transparent;
    margin-bottom: 4px;
	margin-left: 55px;
}

.filesPreview:hover {
	background-color: #dce8f3;
}

a.filesPreviewLink, a.filesPreviewLink:visited, a.filesPreviewLink:hover {
    text-decoration: none;
}

.showHoverUnderLine:hover {
	text-decoration: underline;
}

.filterInput {
	border:none;
	width: 100%;
}

.flags {
	float: right;
	margin-top: 10px;
	margin-right: 30px;
}

.routeback {
	position: absolute;
    height: inherit;
    width: 300px;
    cursor: pointer;
}

#flagsbox {
	border: 1px solid #a0a0a0;
	height: 20px;
	width: 110px;
	float: right;
	margin: 0px;
	padding: 0px;
	background-color: #f0f0f0;
	text-align: left;
}

#flagsSelector {
	border: 1px solid #a0a0a0;
	width: 110px;
	height: auto;
	position: relative;
	left: -1px;
	top: -1px;
	z-index: 100;
	background-color: #f0f0f0; 
}
#flagsSelector ul {
	list-style-type: none;
	margin: 0px;
	padding: 2px;
}
#flagsSelector ul li {
	margin-left: 0px;
	height: 18px;
}
#flagsSelector ul li a {
	padding-left: 24px;
	height: 18px;
}
#currentFlag {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:26px; 
}

.alert-header {
    background-color: #ef8a12;
    background: #ef8a12 url('../images/dash_alert.png') 10px 12px no-repeat;
    padding: 10px;
    padding-left: 60px;
    color: #ffffff;
}

.popup-header {
    background: #d4e2f0 url('../images/exclamate.png') 10px 10px no-repeat; 
    padding: 20px; 
    padding-left: 60px;
    font-weight: 600;
    font-size: 110%;
    color: #3862ab;
}

.popup-body {
    padding: 20px;
    padding-left: 60px;
    background-color: #ffffff;
}

.popup-footer {
    background-color: #c5d6e9;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 60px;
    text-align: center;
	line-height: 30px;
    overflow: hidden;
}

.blockedTransfer {
    background: #3862ab url('../images/exclamate.png') 10px 10px no-repeat; 
    padding: 20px; 
    padding-left: 60px;
    font-weight: 600;
    font-size: 110%;
    color: #ffffff;
}

.sort_asc {
	background-image: url('../images/sort_asc.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 10px;
	display:block;
}

.sort_asc_active {
	background-image: url('../images/sort_asc_active.png') !important;
}

.sort_desc {
	background-image: url('../images/sort_desc.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 10px;
	display: block;
}

.sort_desc_active {
	background-image: url('../images/sort_desc_active.png') !important;
}

.arrow_sort_asc_active {
	background-image: url('../images/arrow_sort_active.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display:block;
}

.arrow_sort_asc_inactive {
	background-image: url('../images/arrow_sort_inactive.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display:block;
}

.arrow_sort_desc_active {
	background-image: url('../images/arrow_sort_down_active.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display:block;
}

.arrow_sort_desc_inactive {
	background-image: url('../images/arrow_sort__down_inactive.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display:block;
}

.sorter {
	display: inline-block;
	margin-left:3px;
	vertical-align: bottom;
}

.archivesummary-cell {
    background: #fff url('../images/exclamate.png') 0px 0px no-repeat;
    float: left;
    min-height: 82px; 
    width: 114px;
    margin: 2px;
    padding-left: 44px;
    padding-top: 4px;
    padding-right: 5px;
    color: #666666;
    font-size: 12px;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}

.mediaViewerBlackBG {
	background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
	display: none;
}

.mediaViewer-container {
	background-color: rgba(0, 0, 0, 1);
    margin: 3% 5% 16% 5%;
	width: 90%;
    height: 90%;
    box-shadow: 0 4px 50px 0 #333333, 0 6px 50px 0 rgba(0, 0, 0, 0.01);
	text-align: center;
}

.mediaViewer-container-fullScreen {
	background-color: rgba(0, 0, 0, 1);
	width: 100%;
    height: 100%;
	text-align: center;
}

#mediaViewer {
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.mediaViewArea {
	height: 100%;
	float: left;
	position: relative;
	/*width: calc(100% - var(--js_mvMenuDynWidth));*/
}

.mediaViewerContent {
	height: -moz-calc(100% - 131px);
	height: -webkit-calc(100% - 131px);
	height: -o-calc(100% - 131px);
	height: calc(100% - 131px);
}

.mvContentMedia {
	height: 96%;
}

.divLeftBackwardBtn {
	float: left;
	height: 100%;
	position: relative;
	width: 45px;
	z-index: 1000;
}

.divRightForwardBtn {
	float: right;
	height: 100%;
	position: relative;
	width: 45px;
}

.bgBackwardBtn, .bgForwardBtn {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	background: rgba(0, 0, 0, 0.63);
	height: 50px;
	display: block;
}

.npBtnMediaViewerImg {
	opacity: 0.3;
	-webkit-transition:opacity 300ms ease-out;
	-moz-transition:opacity 300ms ease-out;
	-o-transition:opacity 300ms ease-out;
	transition:opacity 300ms ease-out;
}

.npBtnMediaViewerImg:hover {
	opacity: 0.9;
	-webkit-transition:opacity 300ms ease-out;
	-moz-transition:opacity 300ms ease-out;
	-o-transition:opacity 300ms ease-out;
	transition:opacity 300ms ease-out;
}

.mvShowingContentDiv {
	float: left;
	height: 100%;
}

.mvShowingContentDivWidth {
	width: calc(100% - 90px);
}

.mvFileInfoDiv {
	height: 4%;
	padding-top: 10px;
}

.mvCounter {
    color: #666666;
    font-size: 16px;
    display: inline;
}

#mvName {
    margin-left: 20px;
    color: white;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}

.mvMenuBar {
	width: 13%;
	height: 100%;
	float: right;
	max-width: 100px;
	min-width: 45px;
	background: rgba(255, 255, 255, 0.24);
}

.mvMouseMovingHide {
	opacity: 0;
	-webkit-transition:opacity 500ms ease-out;
	-moz-transition:opacity 500ms ease-out;
	-o-transition:opacity 500ms ease-out;
	transition:opacity 500ms ease-out;
}

.mvMouseMovingShow {
	opacity: 1;
	-webkit-transition:opacity 500ms ease-out;
	-moz-transition:opacity 500ms ease-out;
	-o-transition:opacity 500ms ease-out;
	transition:opacity 500ms ease-out;
}

.mediaViewerImage {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	opacity: 0;
	display: none;
}

#mediaNameAndIndex {
	height: 25px;
	position: absolute;
	z-index: 10;
}

.mediaViewButtons {
    cursor: pointer;
	margin: 20px 0px 0px 0px;
	position: relative;
}

.mediaViewButtonDiv {
	width: 35px;
	height: 35px;
	margin: auto;
}

.mediaViewButtonsInfosDiv {
	width: 100%;
	margin: 1px 0px 0px 0px;
}

.npBtnMediaViewer {
	width: 35px;
	max-width: 4%;
	height: 100%;
	z-index: 1001;
}

.mvAudioVideoHide {
	opacity: 0;
	-webkit-transition:opacity 300ms ease-out;
	-moz-transition:opacity 300ms ease-out;
	-o-transition:opacity 300ms ease-out;
	transition:opacity 300ms ease-out;
}

#mvAjaxSpinner, .divPosCenter{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.mvCounter33 {
	float: left;
    width: 10%;
	margin: 10px 0px 0px 10px;
	font-size: x-large;
    color: white;
	text-align: left;
}

.mediaViewerVideo, .mediaViewerPdf{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    float: left;
    margin: auto;
    width: 100%;
    height: 100%;
	opacity: 0;
	display: none;
}

.mediaViewerCsv {
	width: 100%;
    border-style: solid;
    border-spacing: 1px;
    border-width: 1px;
}

.mvCsvDiv {
	position:relative;
	overflow: auto;
	width: 100%;
	height:100%;
	opacity: 0;
	display: none;
}

.mvTextDiv {
	background-color: white;
	text-align: left;
	overflow: auto;
	width: 100%;
	height:100%;
	opacity: 0;
	display: none;
}

.controlBarMainDiv {
	width: 80%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;	
}

.controlBar {
	position: absolute;
	margin: auto;
	bottom: 50%;
	left: 0px;
	right: 0px;
	background-color: rgba(255,255,255,0.24);
	z-index: 100;
    height: 25px;
    width: 100%;
	border: 1px solid #cccccc;
    border-radius: 40px;
}

.controlBarDisplayBlock {
	display: block;
	-webkit-transition:display 500ms ease-out;
	-moz-transition:display 500ms ease-out;
	-o-transition:display 500ms ease-out;
	transition:display 500ms ease-out;
}

.controlBarDisplayNone {
	display: none;
	-webkit-transition:display 500ms ease-out;
	-moz-transition:display 500ms ease-out;
	-o-transition:display 500ms ease-out;
	transition:display 500ms ease-out;
}

#controlBarPlayPauseBtns {
    width:19px;
    height:19px;
    margin-top: 4px;
	margin-left: 5px;
    background: url('../images/ui-icons_ffffff_256x240.png') -16px -160px no-repeat;
    cursor:pointer;
	outline: none;
    border: 0px;
	float: left;
	opacity: 0.7;
}

#controlBarSoundBtns {
	width:19px;
    height:19px;
    margin-top: 4px;
	background: url('../images/ui-icons_ffffff_256x240.png') -143px -160px no-repeat;
    cursor:pointer;
	outline: none;
    border: 0px;
	float: right;
	opacity: 0.7;
}

#controlBarTime {
	margin-left: 5px;
    margin-top: 3px;
    color: #ffffff;
    font-size: small;
    font-weight: lighter;
	float: left;
	opacity: 0.7;
}

#controlBarMediaSlider {
    margin: 5px 0px 0px 5px;
    float: left;
	cursor: pointer;
	opacity: 0.7;
	min-width: 100px;
}
_:-ms-lang(x),
_:-webkit-full-screen,
#controlBarMediaSlider {
	margin: 2px 0px 0px 5px;
}

#controlBarMediaVolumeSlider {
	width: 90px;
    margin: 5px 10px 0px 0px;
    float: right;
	cursor: pointer;
	opacity: 0.7;
}
_:-ms-lang(x),
_:-webkit-full-screen,
#controlBarMediaVolumeSlider {
	margin: 2px 10px 0px 2px;
}

@-moz-document url-prefix() {
	#controlBarMediaSlider, #controlBarMediaVolumeSlider {
		margin: 1px 0px 0px 5px;
	}
}

#controlBarPlayPauseBtns:hover, #controlBarSoundBtns:hover, #controlBarMediaSlider:hover, #controlBarMediaVolumeSlider:hover  {
	opacity: 1;
}

.fullScreenOnOffIcon {
    cursor: pointer;
	max-width: 27px;
	margin: 4px 0px 0px 4px;
}

#mvThumbnails {
	height: 101px;
	overflow-x: scroll;
    overflow-y: hidden;
	white-space: nowrap;
    padding: 10px 10px 20px 0px;
	margin: auto;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
}
#mvThumbnails::-webkit-scrollbar { 
    width: 0px;
}

.thumbnailsMedia {
	margin-right: 5px;
	box-shadow: 0 4px 20px 0 #333333, 0 6px 50px 0 rgba(0, 0, 0, 0.01);
}

.js-thumbnailsMedia {
	max-height: 95px;
	opacity: 0.5;
	border: 2px solid black;
	border-radius: 2px;
	-webkit-transition: border-color 0.6s ease;
	-moz-transition: border-color 0.6s ease;
	-o-transition: border-color 0.6s ease;
	-ms-transition: border-color 0.6s ease;
	transition: border-color 0.6s ease;
	margin: 0px 15px 0px 15px;
	box-shadow: 0 4px 20px 0 #333333, 0 6px 50px 0 rgba(0, 0, 0, 0.01);
	cursor: pointer;
	vertical-align: middle;
    min-height: 90px;
}

.js-thumbnailsMedia:hover {
	outline: 0 !important
}

.thumbnailsMediaCheckbox {
	vertical-align: top;
    margin: 80px 0px 0px -35px;
	display:none;
}

.thumbnailsMediaCheckbox + .vmCheckboxLabel {
    display:inline-block;
    width:19px;
    height:19px;
    margin:73px 0px 1px -36px;
    vertical-align:middle;
    background:url('../images/mv_check_gallery.png') right top no-repeat;
    cursor:pointer;
	position: relative;
}
.thumbnailsMediaCheckbox:checked + .vmCheckboxLabel {
    background:url('../images/mv_check_gallery.png')0px top no-repeat;
}

#mvContentAudioBG {
	display: none;
	height: 100%;
	position: relative;
}

#mvContentAudioBgImg {
	position: absolute;
    top: -170px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	-webkit-filter: blur(7px);
	-moz-filter: blur(7px);
	-o-filter: blur(7px);
	-ms-filter: blur(7px);
	filter: blur(7px);
}

.mvMediaRotatePlus0 {
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.mvMediaRotatePlus90 {
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mvMediaRotatePlus180 {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.mvMediaRotatePlus270 {
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.mvMediaRotatePlus360 {
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

/* Overlay */
#simplemodal-overlay {
	background-color:#000;
	cursor: not-allowed;
}

/* Container */
#simplemodal-container {
	background-color: #ffffff;
	padding: 0;
	top: 50px;
}
#simplemodal-container {
	box-shadow: 0 4px 50px 0 #333333, 0 6px 50px 0 rgba(0, 0, 0, 0.01);
}

/*
	Displaying progress is based on HTML5 <progress> element. Browsers that
	don't support this (IE<10, Android<4.4) fall back to span-in-div legacy
	handling.
*/
progress {
	width: 100%;
	height: 7px;
	margin-bottom: 9px;
}

progress::-webkit-progress-value {
	background-color: #3862ab !important;
}

progress::-webkit-progress-bar {
	background-color: #3862ab !important;
}
progress::-webkit-progress-value {
	background-color: #3862ab !important;
} 
progress::-moz-progress-bar {
	background-color: #3862ab !important;
}

progress > span {
	border-radius: 2px;
	display: block;
	text-indent: -9999px;
	background-color: red !important;
	color: yellow !important;
}

.legacy-progress {
	background-color: whiteSmoke;
	border-radius: 2px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;

	width: 100%;
	height: 100%;

	position: relative;
	display: block;
}

.legacy-progress > span {
	background-image: url('../images/progressbar.gif');
	border-radius: 2px;
	
	display: block;
	text-indent: -9999px;
}

.appstore {
	float:right;
	margin-right:10px;
}

.novospacebanner {
	transition: all 0.2s ease-out;
	height: 78px;
	width: 449px;
	margin-top: -34px;
}

.novospacebanner:hover {
	transform: scale(1.02);
  }