@charset  "utf-8"; 

/*     Reset */ 
html {
	color: #000;
	background: #fff;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

a img {outline : none; border: 0;}
a {outline : none;}
a:active { outline: none; }

a img {outline : none;}
/*Remove border from image link*/

img {border : 0;}
	
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,textarea,select {
	*font-size: 100%;
}

legend {
	color: #000;
}

input:focus {
	outline: none;
}

/*
	Fonts
*/

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

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

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

@font-face {
	font-family: 'DINNextLTPro-MediumCondensed-Webfont';
	src: url('../fonts/dinnextltpro/condesed/medium/dinnextltpro-mediumcondesed-webfont.eot');
	src: url('../fonts/dinnextltpro/condesed/medium/dinnextltpro-mediumcondesed-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/dinnextltpro/condesed/medium/dinnextltpro-mediumcondesed-webfont.woff')
		format('woff'),
		url('../fonts/dinnextltpro/condesed/medium/dinnextltpro-mediumcondesed-webfont.ttf')
		format('truetype'),
		url('../fonts/dinnextltpro/condesed/medium/dinnextltpro-mediumcondesed-webfont.svg#webfont')
		format('svg');
}

/*
layout/popup
*/

.popupheader {
	width: 100%;
	height: 60px;
}
.popupheader.cap {
	background-color: #ff7800;
}
.popupheader.roots, 
.popupheader.emnp {
	background-color: #1e8264;
}
.popupheader.kdnp {
	background-color: #cd9a01;
}
.popupheader > .inner {
	width: 700px;
	margin: 0 auto;
}
/*
	Nav
*/

div.dropdown {
	float: right;
	width: 200px;
}

.dropdown > ul {
	margin: 0 auto;
	padding: 0;
	float: right;
}

/* will style only the top level li */
.dropdown > ul > li {
	list-style: none;
	display: inline-block;
	/* inline-block fix */
	vertical-align: top;
	position: relative;
	/*border-right: 1px solid 444444;*/
	padding: 0px;
	float: left;
}

.dropdown > ul > li:hover {
	background-color:444444;
}

/* Style the color of the links in first level*/
.dropdown > ul > li > a,
.dropdown > ul > li > span {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	/*height: 50px;*/
	height: 34px;
	float: left;
	cursor: pointer;
}

.dropdown > ul > li > a:hover {
	/*text-decoration: underline;*/
}

.dropdown ul ul {
	/*border: 5px solid #fff;*/
	position: absolute;
	list-style: none;
	top: 60px;
	left: 0;
	/* This is important for the show/hide CSS animation */
	max-height: 0px;
	opacity: 0;
	border-radius: 0 !important;
	width: 120px;
	margin-left: 0;
	padding-left: 0;
	background-color: background-color:;
	/*
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	*/
	overflow:hidden;
	/*background: #dbdbdb;*/
	background-color:rgba(219, 219, 219);
	background-color:rgba(219, 219, 219, 0.9);
	z-index:10000;
}

.dropdown ul ul {
	left: -60px;
}

/* Style of the UL/Dropdown */
.dropdown ul li:hover ul {
	max-height:400px;
	opacity: 1;
	/*border: 5px solid #fff;*/
}

/* Default background-color of the dropdown LI */
.dropdown li ul li {
	background-color: #1e8264;
	padding: 0px;
	background-clip: content-box;
	direction: rtl;
	text-align: center;
	border-top: 1px solid #56a18b;
}

.dropdown li ul li.first {
	border-top: 0;
}

.dropdown li ul li.last {
	/*background-color: #ffffff;*/
	/*background: #dbdbdb;*/
	background: none;
}

/* Styling of the dropdown links */
.dropdown li ul li a {
	font-family: DINNextLTPro-MediumCondensed-Webfont;
	text-decoration: none;
	display: block;
	font-size: 17px;
	color: #fff;
	line-height: 34px;
	text-transform: uppercase;
}

.dropdown li ul li a:hover {
	text-decoration: underline;
}

.dropdown li ul li:hover a {
	/*color: #ffffff;*/
	/*color: red;*/
	/*font-weight: bold;*/
}

/*
fontawsome icons
mail details
*/

.mailheader .iconholder .icons {
	font-size: 20px;
	float: right;
}
.mailheader .iconholder .icons a {
	margin-top: 20px;
	margin-right: 5px;
	color: #666;
}

.mailheader .iconholder .icons a:hover {
	text-decoration: none;
	color: #000;
}

.mailheader .iconholder .icons a.messagedel {
	color: #ff7800;
}
.mailheader .iconholder .icons a.messagedel:hover {
	color: #ff0000;
}

/*
 Page
*/

html {
	background-color: #d7d7d7;
}

body {
	background-color: #d7d7d7;
	font-size: 13px;
	min-width: 800px;
}

body.popup {
	min-width: initial;
}

.absolute-center {
  width: 178px;
  height: 304px;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  border-radius: 15px;
}

.center-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.center-container.login {
}

.center-container.login .input {
	float: left;
	width: 100%;
	height: 110px;
	margin-top: 144px;
}

.center-container.login .input.sms {
	height: 72px;
}

.absolute-center.sms {
	height: 266px;
}

.uzenet {
	width: 478px;
	height: 26px;
	line-height: 22px;
	text-align: center;
	overflow: auto;
	margin: auto;
	position: fixed;
	top: 46px; left: 0; /*bottom: 0;*/ right: 0;
	border: 2px solid #fff;
	background: #714799;
	color: #fff;
	font-family: Roboto-Condensed-Regular-Webfont;
	font-size: 14px;
	z-index: 600;
}

.center-container.login .input input[type=text], 
.center-container.login .input input[type=password] {
	font-family: Roboto-Condensed-Light-Webfont;
	font-size: 15px;
	color: #787878;
	display: block;
	float: left;
	width: 158px;
	height: 28px;
	border: 1px solid #d7d7d7;
	background: #d7d7d7;
	margin: 10px 10px 0 10px;
	text-indent: 7px;
}

.center-container.login .input.error input[type=text], 
.center-container.login .input.error input[type=password] {
	border: 1px solid #c90128;
}

.center-container.login .input.error ul {
	display: none;
}

.center-container.login .input.error div.error {
	line-height: 34px;
	text-align: center;
	color: #c90128;
}
.center-container.login .ban.error div.error {
	font-size: 13px;
	padding-top: 180px;
	color: #c90128;
	text-align: center;
}

.center-container.login input[type=submit] {
	background: url('../images/gomb-login.png') no-repeat;
	display: block;
	float: left;
	width: 178px;
	height: 50px;
	border: 0;
	margin-top: 0px;
}

*, *::before, *::after {
    box-decoration-break: clone;
    box-sizing: border-box;
}
*, *::before, *::after {
    box-decoration-break: clone;
    box-sizing: border-box;
}
.fixed-header.fixed-header-line,
.fixed-header.fixed-header-line2,
.fixed-header.fixed-header-line3 {
    box-sizing: border-box;
    font-family: DINNextLTPro-MediumCondensed-Webfont;
    font-size: 16px;
    height: 60px;
    left: 0;
	top: 0;
    /*position: fixed;*/
	position: relative;
    right: 0;
    width: 100%;
	box-sizing: border-box;
    padding: 0 10px;
    /*z-index: 1100;*/
    z-index: 2;
	float: left;
}

.fixed-header.fixed-header-line2,
.fixed-header.fixed-header-line3 {
	padding: 0;
}

.fixed-header.fixed-header-line {
	z-index: 3;
}

.fixed-header.fixed-header-line2 {
	/*
	position: relative;
	top: 60px;
	*/
	background-color: #fff;
	z-index: 2;
	height: 60px;
}

.fixed-header.fixed-header-line3 {
	z-index: 2;
}

.fixed-header.fixed-header .tools {
	height: 60px;
	padding: 15px 0 15px 20px;
}
.fixed-header.fixed-header-line2.path {
	line-height: 1.2em;
	font-size: 18px;
	min-height: 60px; 
	height: auto;
	padding-top: 20px;
}
.fixed-header.fixed-header-line2.path span,
.fixed-header.fixed-header-line2.path a {
	float: left;
	margin-right: 7px;
}

div#kereso-panel {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	height: 30px;
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
	width: 200px;
}

div#kereso-panel .sb-search-input {
	font-family: Roboto-Condensed-Regular-Webfont;
	font-size: 15px;
    background: #fff;
    border: 0;
    color: #969696;
    height: 28px;
    line-height: 28px;
    margin: 0;
    text-indent: 10px;
    width: 170px;
	float: left;
}

div#kereso-panel .sb-icon-search, div#kereso-panel .sb-search-submit {
    cursor: pointer;
    display: block;
    height: 28px;
    margin: 0;
    padding: 0;
    width: 28px;
}

div#kereso-panel .sb-search-submit {
    background: url('../images/gomb-mail-keres.png') no-repeat;
    margin: 0px;
	padding: 0;
	border: 0;
}

div.tools div.szures {
    border: 1px solid #d7d7d7;
    float: left;
    height: 30px;
    overflow: hidden;
}

div.tools div.szures.regio {
	width: 74px;
	background: #fff url("../images/gomb-mail-select.png") no-repeat 51px 1px;
	margin-right: 10px;
}

div.tools div.szures.megye {
	width: 80px;
	background: #fff url("../images/gomb-mail-select.png") no-repeat 57px 1px;
	margin-right: 10px;
}

div.tools div.szures.vk {
	width: 54px;
	background: #fff url("../images/gomb-mail-select.png") no-repeat 31px 1px;
}

div.tools div.szures.athelyezes {
	width: 107px;
	background: #fff url("../images/gomb-mail-select.png") no-repeat 84px 1px;
	margin: 0 10px 0 10px;
}

div.tools div.szures.muveletek {
	width: 107px;
	background: #fff url("../images/gomb-mail-select.png") no-repeat 84px 1px;
	margin: 0 10px 0 10px;
}

div.tools div.szures select {
	background: transparent none repeat scroll 0 0;
    color: #3c3c3c;
    font-family: Roboto-Condensed-Regular-Webfont;
    font-size: 17px;
    height: 28px;
    line-height: 28px;
    padding: 0;
	border: 0;
}

div.tools div.felirat {
    color: #3c3c3c;
    font-family: Roboto-Condensed-Regular-Webfont;
    font-size: 17px;
    height: 28px;
    line-height: 28px;
    padding: 0;
	border: 0;
	float: left;
}

div.tools div.szures.regio select {
	width: 91px;
}

div.tools div.szures.megye select {
	width: 95px;
}

div.tools div.szures.vk select {
	width: 69px;
}

div.tools div.szures.athelyezes select {
	width: 122px;
}

div.tools div.szures.muveletek select {
	width: 122px;
}

#cnt {
	width: 100%;
	float: left;
	z-index: 2;
}

.fixed-header.fixed-header-line2.cap a#local-menu {
	/*
	position: absolute;
	z-index: 100;
	left: 97%;
	top: 19%;
	*/
	background: #3d3d3d;
    color: #fff;
    display: none;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: -1px 3px 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 30px;
}

.fixed-header.fixed-header-line2.cap a#local-menu:hover {
	color: #ff7800;
}

.fixed-header.fixed-header-line3 {
	/*
	position: relative;
	top: 60px;
	*/
	background-color: #d7d7d7;
	z-index: 2;
}

.fixed-header.fixed-header-line.cap {
	background-color: #ff7800;
}

.fixed-header.fixed-header-line.roots,
.fixed-header.fixed-header-line.emnp {
	background-color: #1e8264;
}
.fixed-header.fixed-header-line.kdnp {
	background-color: #cd9a01;
}

.fixed-header {
    font-family: DINNextLTPro-MediumCondensed-Webfont;
    font-size: 16px;
    z-index: 1095;
}
.fixed-header .fixed-header-container {
    
	/*overflow-x: hidden;*/
	overflow-x: visible;
	margin: 0 auto;
    position: relative;
	display: block;
}

.fixed-header .fixed-header-container a.logo {
    display: inline-block;
    float: left;
    height: 60px;
    width: 70px;
}

.fixed-header .fixed-header-container a.logo.cap {
	background: url('../images/cap/logo.png') no-repeat;
}

.fixed-header .fixed-header-container a.logo.roots {
	background: url('../images/roots/logo.png') no-repeat;
}
.fixed-header .fixed-header-container a.logo.kdnp {
	background: url('../images/kdnp/logo.png') no-repeat;
}
.fixed-header .fixed-header-container a.logo.emnp {
	background: url('../images/emnp/logo.png') no-repeat;
}

.fixed-header .fixed-header-container div.menu {
	height: 60px;
	overflow: hidden;
	float: left;
	/*width: 730px*;*/
	max-width: 730px;
	
}

.fixed-header .fixed-header-container div.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.fixed-header .fixed-header-container div.menu li {
    float: left;
}

.fixed-header .fixed-header-container div.menu li.new {
	background: url('../images/hatter-feher-stripe-30.png') repeat;
}

.fixed-header .fixed-header-container div.menu li.new div.mark {
	font-family: Roboto-Condensed-Regular-Webfont;
	background: url('../images/menu-mark.png') no-repeat;
	width: 34px;
	height: 26px;
	position: relative;
	top: 0;
	left: 70px;
	z-index: 1000;
	color: #3c3c3c;
	font-size: 14px;
	text-align: center;
}

.fixed-header .fixed-header-container div.menu li.new a {
	position: relative;
	top: -4px;
	z-index: 999;
    display: block;
    width: auto;
	padding: 0 20px 0 20px;
	margin: 0 10px 0 10px;
	color: #fff;
	text-transform: uppercase;
	font-size: 17px;
	/*line-height: 60px;*/
	height: 34px;
	text-decoration: none;
}

.fixed-header .fixed-header-container div.menu a {
	/*position: relative;
	top: 22px;
	z-index: 999;*/
    display: block;
    width: auto;
	padding: 0 30px 0 30px;
	/*margin: 0 10px 0 10px;*/
	color: #fff;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 60px;
	height: 60px;
	text-decoration: none;
}

.fixed-header .fixed-header-container div.menu a.aktiv,
.fixed-header .fixed-header-container div.menu a:hover {
	background: #ff5000;
}

.fixed-header .fixed-header-container div.menu span.aktiv {
	top: 60px;
	background: url('../images/menu-aktiv.png') no-repeat center top;
	width: 16px;
	height: 12px;
	position: absolute;
	z-index: 500;
}
.fixed-header.fixed-header-line.roots .fixed-header-container div.menu a.aktiv,
.fixed-header.fixed-header-line.roots .fixed-header-container div.menu a:hover {
	background: #146450;
}
.fixed-header.fixed-header-line.roots .fixed-header-container div.menu span.aktiv {
	background: url('../images/roots/menu-aktiv.png') no-repeat center top;
}

.fixed-header.fixed-header-line.emnp .fixed-header-container div.menu span.aktiv {
	background: url('../images/emnp/menu-aktiv.png') no-repeat center top;
}

.fixed-header.fixed-header-line.emnp .fixed-header-container div.menu a.aktiv,
.fixed-header.fixed-header-line.emnp .fixed-header-container div.menu a:hover {
	background: #146450;
}
.fixed-header.fixed-header-line.emnp .fixed-header-container div.menu span.aktiv {
	background: url('../images/emnp/menu-aktiv.png') no-repeat center top;
}

.fixed-header.fixed-header-line.kdnp .fixed-header-container div.menu span.aktiv {
	background: url('../images/kdnp/menu-aktiv.png') no-repeat center top;
}

.fixed-header.fixed-header-line.kdnp .fixed-header-container div.menu a.aktiv,
.fixed-header.fixed-header-line.kdnp .fixed-header-container div.menu a:hover {
	background: #0b8971;
}
.fixed-header.fixed-header-line.kdnp.fixed-header-container div.menu span.aktiv {
	background: url('../images/kdnp/menu-aktiv.png') no-repeat center top;
}

/*
.fixed-header .fixed-header-container div.menu a:hover,
.fixed-header .fixed-header-container div.menu li.new a:hover {
	text-decoration: underline;
}
*/

.fixed-header .fixed-header-container ul.menu li.info {
	font-family: Roboto-Condensed-Regular-Webfont;
	color: #fff;
	height: 60px;
	width: 60px;
	background: #3c3c3c;
	float: left;
	text-align: center;
}
.fixed-header .fixed-header-container ul.menu li.info.empty {
	background: none;
}

.fixed-header .fixed-header-container ul.menu li.info a {
	display: block;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
	position: static;
	height: auto;
	font-size: 14px;
}

.fixed-header .fixed-header-container ul.menu li.info a.mail {
	background: url('../images/ikon-mail.png') no-repeat 0px 5px;
	margin: 11px 0 0 9px;
	text-indent: 18px;
}
.fixed-header .fixed-header-container ul.menu li.info a.newmail {
	float: left;
	margin: 11px 0 0 0;
	position: absolute;
	left: 60px;
}

.fixed-header .fixed-header-container ul.menu li.info a.task {
	background: url('../images/ikon-task.png') no-repeat 0px 5px;
	margin: 0px 0 0 10px;
	text-indent: 16px;
}

.fixed-header .fixed-header-container a.menu-more {
	background: url('../images/menu.png') no-repeat;
	display: block;
	width: 60px;
	height: 60px;
	float: left;
}

.fixed-header .fixed-header-container a.profil {
	display: block;
	width: 60px;
	height: 60px;
	float: left;
}
/*
section.container {
	max-width: 980px;
	margin: 0 auto;
    position: relative;
	display: block;
	top: 60px;
	box-sizing: border-box;
}

section.container::after {
    content: " ";
    display: table;
	clear: both;
}

section.container div.left {
	width: 180px;
	float: left;
	background: red;
}

section.container div.content {
	background: #fff;
	width: 100%;
}
*/

section.container {
	margin: 0;
	padding: 0;
	width: 100%;
}

.fixed-header.fixed-header-line3 section.container div.left {
	width: 180px;
	float: left;
}

.left-overlay {
	display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 4; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.fixed-header.fixed-header-line3 section.container div.content {
	/*background: #fff;*/
	width: auto;
	overflow: hidden;
}

/* new smenu */
div.left div.nsmenu {
	font-family: Roboto-Condensed-Regular-Webfont;
	font-size: 15px;
	color: #3c3c3c;
	overflow: hidden;
}
div.left div.nsmenu div.block {
	padding: 8px 0px;
	margin-bottom: 1px;
}
div.left div.nsmenu div.block.fej {
	font-family: Roboto-Condensed-Bold-Webfont;
	border-left: 5px solid #bebebe;
	padding-left: 15px;
}
div.left div.nsmenu div.block.item span {
	font-family: Roboto-Condensed-Bold-Webfont;
	color: #3c3c3c;
	padding-left: 26px;
	display: block;
}
div.left div.nsmenu div.block.item.sel {
	background: url("../images/smenu-nyil.png") no-repeat scroll 0 14px;
}
div.left div.nsmenu div.block.item.href.white {
	background-color: #fff;
}
div.left div.nsmenu div.block.item.href {
	border-left: 5px solid #fff;
}
div.left div.nsmenu div.block.item.href:hover {
	border-left: 5px solid #bcbcbc;
}
div.left div.nsmenu div.block.item a {
	color: #3c3c3c;
	padding-left: 26px;
	display: block;
}
div.left div.nsmenu div.block.item a:hover {
	text-decoration: none;
}
div.left div.nsmenu div.block.item a.operation {
	display: inline;
	padding: 0;
	color: #767676;
}
div.left div.nsmenu div.block.item a.operation:hover {
	text-decoration: underline;
}
div.left div.nsmenu div.block.item span.operation {
	font-family: Roboto-Condensed-Regular-Webfont;
	color: #767676;
	font-size: 12px;
}
div.left div.nsmenu a.uj {
	font-family: Roboto-Condensed-Bold-Webfont;
}

div.left div.nsmenu div.block.href div.chk {
	padding-left: 15px;
}
div.left div.nsmenu div.block.href div.chk input[type=checkbox]{
	display: none;
}
div.left div.nsmenu div.block.item.href div.chk input[type=checkbox] + label {
	background: url('../images/checkbox-off.png') no-repeat 0px 5px;
	height: 18px;
	width: 18px;
	display:inline-block;
	padding: 0 0 0 0px;
	float: left;
}

div.left div.nsmenu div.block.href div.chk input[type=checkbox]:checked + label {
	background: url('../images/checkbox-on.png') no-repeat 0px 5px;
	height: 18px;
	width: 18px;
	display:inline-block;
	padding: 0 0 0 0px;
	float: left;
}
div.left div.nsmenu div.block.item span.simplecolorpicker.icon {
	/*display: inline;*/
	margin: 0px 2px;
}
div.left div.nsmenu div.block.item a.lbl {
	padding-left: 15px;
}
div.left div.nsmenu div.block.item span.operation.lbl {
	padding-left: 15px;
}

div.nsmenu div.block input[type=submit] {
    background-color: #fff; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 28px;           /* make this the size of your image */
	line-height: 28px;
    vertical-align: middle; /* align the text vertically centered */
	border: 1px solid #d7d7d7;
	font-family: Roboto-Condensed-Regular-Webfont;
	font-size: 17px;
	color: #3c3c3c;
	box-sizing: content-box;
}
div.nsmenu div.block input[type=submit].refresh {
   background-image: url('../images/ikon-gomb-refresh.png'); /* 16px x 16px */
	padding-left: 41px;     /* make text start to the right of the image */
}

div.left div.smenu {
	font-family: Roboto-Condensed-Regular-Webfont;
	font-size: 15px;
	color: #3c3c3c;
}

div.left div.smenu div.fej {
	font-family: Roboto-Condensed-Bold-Webfont;
	line-height: 33px;
	border-left: 5px solid #bebebe;
	text-indent: 15px;
	margin-bottom: 1px;
}

div.left div.smenu span,
div.left div.smenu a {
	line-height: 33px;
	color: #3c3c3c;
	text-decoration: none;
	display: block;
	border-left: 5px solid #fff;
	/*text-indent: 26px;*/
	padding-left: 26px;
	margin-bottom: 1px;
}

div.left div.smenu div.cont {
	margin-left: 31px;
}

div.left div.smenu div.cont a {
	line-height: 33px;
	display: inline;
	border-left: 0;
	color: red;
	padding-left: 0;
}

div.left div.smenu a {
	line-height: 33px;
	color: #3c3c3c;
	text-decoration: none;
	display: block;
	border-left: 5px solid #fff;
	/*text-indent: 26px;*/
	margin-bottom: 1px;
}

div.left div.smenu a.uj {
	font-family: Roboto-Condensed-Bold-Webfont;
}

div.left div.smenu a:hover {
	/*text-decoration: underline;*/
	border-left: 5px solid #bebebe;
}

div.left div.smenu span {
	font-family: Roboto-Condensed-Bold-Webfont;
	background: url('../images/smenu-nyil.png') no-repeat 0px 10px;
	border: 0;
}

div.content div.lista {
	
}
div.content-roboto-light {
	font-family: Roboto-Condensed-Light-Webfont;
}
/*
div.content div.lista div.fej {
	width: 100%;
	background: #bebebe;
	line-height: 34px;
}
*/
div.content div.lista div.frame {
	width: 100%;
	background: #fff;
	height: 372px;
	overflow-y: scroll;
	margin-bottom: 1px;
}

div.content div.lista div.frame.preview {
	margin-top:20px;
	background: #fff;
	font-family: Roboto-Condensed-Regular-Webfont;
	color: #3c3c3c;
	font-size: 13px;
	line-height: 17px;
}

/*
div.content div.lista div.frame.preview p {
	margin-bottom: 20px;
}
*/

/*
div.content div.lista div.frame div.elem {
	width: 100%;
	background: #fff;
	margin-bottom: 1px;
	line-height: 33px;
}
*/
div.content div.lista div.table_bg {
	width: 100%;
	background: #bebebe;
}

div.content div.lista table {
	width: 100%;
	font-family: Roboto-Condensed-Light-Webfont;
	font-size: 15px;
	color: #3c3c3c;
}

div.content div.lista table.th {
	width: calc(100% - 18px); /*scrollbar ~18px; chrome*/
}

@-moz-document url-prefix() {
	div.content div.lista table.th {
		width: 100%; /*firefox*/
	}
}

div.content div.lista table tr.bold,
div.content div.lista table th.bold,
div.content div.lista table td.bold {
	font-family: Roboto-Condensed-Bold-Webfont !important;
} 
div.content div.lista table a {
	color: #3c3c3c;
}

div.content div.lista table img.ikon {
	/*padding-right: 14px;*/
	padding-right: 3px;
}

div.content div.lista.email table th.p_select,
div.content div.lista.email table td.p_select {
	width: 2.56%;
}

div.content div.lista.email table th.p_color,
div.content div.lista.email table td.p_color {
	width: 3.07%;
}

div.content div.lista.email table th.p_sender,
div.content div.lista.email table td.p_sender {
	width: 20.51%;
}

div.content div.lista.email table th.p_functions,
div.content div.lista.email table td.p_functions {
	width: 14.0%;
}
div.content div.lista.email table td.p_functions a {
	margin-right: 3px;
	color: #666;
}
div.content div.lista.email table td.p_functions a:hover {
	text-decoration: none;
	color: #000;
}

div.content div.lista.email table th.p_subject,
div.content div.lista.email table td.p_subject {
	width: 46.59%;
}

div.content div.lista.email table th.p_date,
div.content div.lista.email table td.p_date {
	width: 13.0%;
}

div.content div.lista.sms table th.p_sender,
div.content div.lista.sms table td.p_sender {
	width: 35.0%;
	box-sizing: border-box;
	padding-left: 10px;
}

div.content div.lista.sms table th.p_subject,
div.content div.lista.sms table td.p_subject {
	width: 50.0%;
}

div.content div.lista.sms table th.p_date,
div.content div.lista.sms table td.p_date {
	width: 15.0%;
}

div.content div.lista.profil table th.p_sender,
div.content div.lista.profil table td.p_sender {
	width: 30.0%;
}

div.content div.lista.profil table th.p_subject,
div.content div.lista.profil table td.p_subject {
	width: 30.0%;
}

div.content div.lista.profil table th.p_date,
div.content div.lista.profil table td.p_date {
	width: 18.0%;
}

div.content div.lista.profil table th.p_image,
div.content div.lista.profil table td.p_image {
	width: 5.0%;
}

div.content div.lista.profil table th.p_select,
div.content div.lista.profil table td.p_select {
	width: 8.0%;
}
div.content div.lista.profil table td.p_select a {
	color: #666;
	font-size: 20px;
}
div.content div.lista.profil table td.p_select a:hover {
	color: #000;
	text-decoration: none;
}


div.content div.lista.profil table th.p_color,
div.content div.lista.profil table td.p_color {
	width: 5.0%;
}

div.content div.lista.task table th.p_subject,
div.content div.lista.task table td.p_subject {
	width: 40.0%;
}

div.content div.lista.task table th.p_sender,
div.content div.lista.task table td.p_sender {
	width: 20.0%;
}

div.content div.lista.task table th.p_date,
div.content div.lista.task table td.p_date {
	width: 15.0%;
}

div.content div.lista.task table th.p_color,
div.content div.lista.task table td.p_color {
	width: 10.0%;
}

div.content div.lista.task h1 span.icons {
	float: right;
}
div.content div.lista.task h1 span.icons a {
	color: #666;
	margin-right: 10px;
}
div.content div.lista.task h1 span.icons a:hover {
	text-decoration: none;
	color: #000;
}


div.content div.lista.rights table th.p_sender,
div.content div.lista.rights table td.p_sender {
	width: 70.0%;
}

div.content div.lista.rights table th.p_functions,
div.content div.lista.rights table td.p_functions {
	width: 10.0%;
}

div.content div.lista.rights table th.p_color,
div.content div.lista.rights table td.p_color {
	width: 20.0%;
}



div.content div.lista.task table th.p_sender,
div.content div.lista.task table td.p_sender {
	width: 40%;
}

div.content div.lista.task table th.p_subject,
div.content div.lista.task table td.p_subject {
	width: 20%;
}

div.content div.lista.task table th.p_text,
div.content div.lista.task table td.p_text {
	width: 40%;
}

/*
div.content div.lista table th.pl10,
div.content div.lista table td.pl10 {
	padding-left: 10px;
}

div.content div.lista table th.w500,
div.content div.lista table td.w500 {
	width: 500px;
}
div.content div.lista table th.w450,
div.content div.lista table td.w450 {
	width: 450px;
}
div.content div.lista table th.w440,
div.content div.lista table td.w440 {
	width: 440px;
}
div.content div.lista table th.w410,
div.content div.lista table td.w410 {
	width: 410px;
}
div.content div.lista table th.w400,
div.content div.lista table td.w400 {
	width: 400px;
}
div.content div.lista table th.w380,
div.content div.lista table td.w380 {
	width: 380px;
}
div.content div.lista table th.w340,
div.content div.lista table td.w340 {
	width: 340px;
}
div.content div.lista table th.w324,
div.content div.lista table td.w324 {
	width: 324px;
}
div.content div.lista table th.w300,
div.content div.lista table td.w300, 
div.content div.lista table th.w300 div,
div.content div.lista table td.w300 div {
	width: 300px;
}
div.content div.lista table th.w280,
div.content div.lista table td.w280 {
	width: 280px;
}
div.content div.lista table th.w270,
div.content div.lista table td.w270 {
	width: 270px;
}
div.content div.lista table th.w260,
div.content div.lista table td.w260 {
	width: 260px;
}
div.content div.lista table th.w244,
div.content div.lista table td.w244,
div.content div.lista table th.w244 div,
div.content div.lista table td.w244 div {
	width: 244px;
}
div.content div.lista table th.w200,
div.content div.lista table td.w200 {
	width: 200px;
}
div.content div.lista table th.w110,
div.content div.lista table td.w110 {
	width: 110px;
}
div.content div.lista table th.w100,
div.content div.lista table td.w100 {
	width: 100px;
}
div.content div.lista table th.w80,
div.content div.lista table td.w80 {
	width: 80px;
}
div.content div.lista table th.w70,
div.content div.lista table td.w70 {
	width: 70px;
}
div.content div.lista table th.w60,
div.content div.lista table td.w60 {
	width: 60px;
}
div.content div.lista table th.w54,
div.content div.lista table td.w54 {
	width: 54px;
}
div.content div.lista table th.w33,
div.content div.lista table td.w33 {
	width: 33px;
}
div.content div.lista table th.w10,
div.content div.lista table td.w10 {
	width: 10px;
}

div.content div.lista table th.rest,
div.content div.lista table td.rest {
	width: auto;
}
*/

div.content div.lista table th.limitedtext,
div.content div.lista table td.limitedtext,
div.content div.lista table th.limitedtext div,
div.content div.lista table td.limitedtext div {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
   -ms-text-overflow: ellipsis;
	/*white-space: nowrap;*/
	height: 33px;
	padding-right: 5px;
}

div.content div.lista tr {
	background: #fff;
	border-bottom: 1px solid #d7d7d7;
	cursor: pointer;
}

div.content div.lista th, 
div.content div.lista th:hover { 
	background: #bebebe;
	line-height: 34px;
	font-family: Roboto-Condensed-Bold-Webfont;
	color: #3c3c3c;
	cursor: default;
}

div.content div.lista table.nohover tr:hover, 
div.content div.lista table.nohover th:hover {
	background: #fff;
	color: #3c3c3c;
}
div.content div.lista tr.selected {
	background: #eee;
}
div.content div.lista span.bold {
	font-family: Roboto-Condensed-Bold-Webfont;
}

div.content div.lista tr.nb {
	border: 0;
}

div.content div.lista tr:hover {
	background: #eee;
	/*color: #fff;*/
	line-height: 33px;
}

div.content div.lista td {
	/*width:200px;*/
	line-height: 33px;
}

div.content div.lista td.datum,
div.content div.lista th.datum {
	width: 100px;
	text-align: right;
	padding-right: 20px;
}

div.content div.lista td.felado,
div.content div.lista th.felado {
	width: 420px;
	padding-left: 10px;
}

div.content div.lista td.targy {
	max-width: 280px;
}

/*
form
*/

div.content div.form {
}

div.content div.form table.taskaddress th {
	font-family: Roboto-Condensed-Light-Webfont;
	font-size: 15px;
	text-transform: uppercase;
	padding: 5px 1px;
	background-color: #fafafa;
}
div.content div.form table.taskaddress th a {
	color: #3c3c3c;
}
div.content div.form table.taskaddress th.center {
	text-align: center;
}
div.content div.form table.taskaddress th.right {
	text-align: right;
}
div.content div.form table.taskaddress th.selected {
	background-color: #bebebe;
}
div.content div.form h1,
div.content div.form h2 {
	font-family: Roboto-Condensed-Light-Webfont;
	font-size: 19px;
	text-transform: uppercase;
	margin: 10px 0 5px 0;
}
div.content div.form h1.title {
	float: left;
}

div.content div.form h2 {
	font-size: 13px;
}

div.content div.form div.openclose h1 {
	background-color: #d6d6d6;
	padding: 4px 0px;
}
div.content div.form div.openclose h1 a {
	background: url('../images/smenu-nyil.png') 3px 8px no-repeat; 
	padding-left: 15px;
	color: #333;
}
div.content div.form div.openclose.input-error h1 {
	border: 1px solid red;
}
div.content div.form div.input-error h1 {
	color: red;
}

div.content div.form div.inline label,
div.content div.form div.single label,
div.content div.form div.double label {
	width: 100%;
	float: left;
	font-family: Roboto-Condensed-Light-Webfont;
	color: #3c3c3c;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 0px;
}

div.content div.form div.inline span.input-error,
div.content div.form div.tiny span.input-error,
div.content div.form div.single span.input-error,
div.content div.form div.double span.input-error {
	width: 100%;
	float: left;
	font-family: Roboto-Condensed-Light-Webfont;
	color: #3c3c3c;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 0px;
	color: red;
	font-size: 10px;
	margin-bottom: 5px;
}
div.content div.form div.tiny.input-error div.mce-tinymce {
	border-color: red;
}

div.content div.form input[type="text"] {
	background: #fff none repeat scroll 0 0;
    border: 0 none;
    color: #3c3c3c;
    float: left;
    font-family: Roboto-Condensed-Bold-Webfont;
    font-size: 15px;
    /*height: 22px;
    line-height: 22px;*/
	height: 30px;
    line-height: 30px;
    text-indent: 5px;
	float: left;
	border: 1px solid #d7d7d7;
	margin-bottom: 5px;
}

div.content div.form input[type="text"].input-error {
	border: 1px solid red;
	margin: 0;
}

div.content div.form div.inline {
	width: auto;
	margin: 5px 5px 5px 0px;
	float: left;
}
div.content div.form div.inline.medium,
div.content div.form div.inline input.medium {
	width: 80px;
}
div.content div.form div.inline.medium2 {
	width: 210px;
	overflow: hidden;
	margin-right: 20px;
}
div.content div.form div.inline select.medium2 {
	width: 225px;
}
div.content div.form div.inline.medium2 div.select {
	background-position: 187px 0;
	width: 210px;
}
div.content div.form div.inline.small,
div.content div.form div.inline input.small {
	width: 30px;
}
div.content div.form div.inline.marginright {
	margin-right: 200px;
}

div.content div.form input:disabled,
div.content div.form select:disabled {
	background-color: #eee !important;  
}

div.content div.form div.single {
	width: 50%;
	float: left;
	margin: 5px 0px 5px 0;
}

div.content div.form div.single input[type="text"] {
	width: 300px;
}

div.content div.form div.openclose,
div.content div.form div.tiny,
div.content div.form div.double {
	width: 100%;
	float: left;
	margin: 5px 0px 5px 0;
}

div.content div.form div.double input[type="text"] {
	width: 700px;
}

div.content div.form textarea {
	background: #fff none repeat scroll 0 0;
    border: 0 none;
    color: #3c3c3c;
    float: left;
    font-family: Roboto-Condensed-Bold-Webfont;
    font-size: 15px;
    height: 90px;
    line-height: 22px;
    margin: 0;
    /*text-indent: 5px;*/
	padding: 0 5px 0 5px;
	float: left;
	border: 1px solid #d7d7d7;
	margin-bottom: 5px;
}

div.content div.form textarea.input-error {
	border: 1px solid red;
	margin: 0;
}

div.content div.form div.single textarea {
	width: 300px;
}

div.content div.form div.double textarea {
	/*width: 700px;*/
	width: 100%;
}

div.content div.form div.select {
    border: 1px solid #d7d7d7;
    float: left;
    height: 30px;
    overflow: hidden;
	background: #fff url("../images/gomb-mail-select.png") no-repeat;
	margin: 0 10px 5px 0px;
}

div.content div.form div.select.input-error {
	border: 1px solid red;
	margin: 0 10px 0px 0px;
}

div.content div.form div.single div.select {
	background-position: 277px 0px;
}

div.content div.form div.double div.select {
	background-position: 676px 0px;
}

div.content div.form div.select select {
	background: transparent none repeat scroll 0 0;
    color: #3c3c3c;
    font-family: Roboto-Condensed-Regular-Webfont;
    font-size: 17px;
    height: 28px;
    line-height: 28px;
    padding: 0;
	border: 0;
}

div.content div.form div.single div.select {
	width: 300px;
}

div.content div.form div.single select {
	width: 315px;
}

div.content div.form div.double div.select {
	width: 700px;
}

div.content div.form div.double select {
	width: 715px;
}

div.content div.form div.elem {
	clear: both;
	margin-bottom: 5px;
}

div.content div.form div.elem.input-error {
	border: 1px solid red;
	margin-bottom: 0;
}

div.content div.form div.single div.elem {
	width: 300px;
}

div.content div.form div.double div.elem {
	width: 700px;
}

div.content div.form div.elem label,
div.content div.form div.elem a {
	font-size: 11px;
	line-height: 18px;
	color: #0f445a;
	text-transform: uppercase;
	text-indent: 26px;
	height: 18px;
}

div.content div.form div.elem label {
	text-indent: 37px;
	text-transform: none;
	line-height: 18px;
}

div.content div.form div.elem  a {
	font-family: Roboto-Condensed-Light-Webfont;
	background: none;
	padding-left: 3px;
	text-transform: none;
	line-height: 18px;
	font-size: 15px;
}

div.content div.form div.elem  a:focus,
div.content div.form div.elem  a:hover {
    outline:0; /*removes the dotted border*/
	text-decoration: none;
}

div.content div.form div.elem input[type=checkbox] + label {
	/*background-position: 0px 5px;*/
}

div.content div.form div.elem input[type=checkbox] {
	display: none;
}

div.content div.form div.elem input[type=checkbox] + label {
	background: url('../images/checkbox-off.png') no-repeat 0px 5px;
	height: 18px;
	width: 18px;
	display:inline-block;
	padding: 0 0 0 0px;
	float: left;
}

div.content div.form div.elem input[type=checkbox]:checked + label {
	background: url('../images/checkbox-on.png') no-repeat 0px 5px;
	height: 18px;
	width: 18px;
	display:inline-block;
	padding: 0 0 0 0px;
	float: left;
}

div.content div.form div.elem input[type=radio] {
	display: none;
}
 
div.content div.form div.elem input[type=radio] + label {
	background: url('../images/radio-off.png') no-repeat 0px 5px;
	height: 18px;
	width: 18px;
	display:inline-block;
	padding: 0 0 0 0px;
	float: left;
}

div.content div.form div.elem input[type=radio]:checked + label {
	background: url('../images/radio-on.png') no-repeat 0px 5px;
	height: 18px;
	width: 18px;
	display:inline-block;
	padding: 0 0 0 0px;
	float: left;
}

div.content div.form div.single button,
div.content div.form div.double button,
div.content div.form div.buttons button,
div.content div.form  input[type=button], 
div.content div.form  input[type=submit] {
    background-color: #fff; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 28px;           /* make this the size of your image */
	line-height: 28px;
    vertical-align: middle; /* align the text vertically centered */
	border: 1px solid #d7d7d7;
	font-family: Roboto-Condensed-Regular-Webfont;
	font-size: 17px;
	color: #3c3c3c;
	box-sizing: content-box;
	padding-right: 15px;
}

div.content div.form  input[type=button].refresh, 
div.content div.form  input[type=submit].refresh {
    background-image: url('../images/ikon-gomb-refresh.png'); /* 16px x 16px */
	padding-left: 41px;     /* make text start to the right of the image */
}

div.content div.form  input[type=button].add, 
div.content div.form  input[type=submit].add {
    background-image: url('../images/ikon-gomb-add.png'); /* 16px x 16px */
	padding-left: 34px;     /* make text start to the right of the image */
}

div.content div.form  input[type=button].search, 
div.content div.form  input[type=submit].search {
    background-image: url('../images/ikon-gomb-search.png'); /* 16px x 16px */
	padding-left: 35px;     /* make text start to the right of the image */
}

div.content div.form  input[type=button].cancel, 
div.content div.form  input[type=submit].cancel {
    background-image: url('../images/ikon-gomb-cancel.png'); /* 16px x 16px */
	padding-left: 35px;     /* make text start to the right of the image */
}


div.content div.form  input[type=button].save, 
div.content div.form  input[type=submit].save{
    background-image: url('../images/ikon-gomb-save.png'); /* 16px x 16px */
	padding-left: 35px;     /* make text start to the right of the image */
}

div.content div.form  input[type=button].send, 
div.content div.form  input[type=submit].send {
    background-image: url('../images/ikon-gomb-send.png'); /* 16px x 16px */
	padding-left: 35px;     /* make text start to the right of the image */
}

div.content div.form  button.cancel {
    background-image: url('../images/ikon-gomb-cancel.png'); /* 16px x 16px */
	padding-left: 45px;     /* make text start to the right of the image */
}

div.fixed-header-container h1 {
	font-family: Roboto-Condensed-Bold-Webfont;
	line-height: 60px;
}

/* email filter form */
/* todo div.form helyett div.mailfilterform? ha más filterek mást kívánnak */

div.fixed-header-container div.abc_filter {
	font-size: 20px;
	padding: 10px 10px 0 0;
	float: right;
}

div.fixed-header-container div.form.filter {
	padding-top: 12px;
}

div.fixed-header-container div.form.filter div.select,
div.frame.preview div.mailheader div.iconholder div.select {
    border: 1px solid #d7d7d7;
    float: left;
    height: 30px;
    overflow: hidden;
	background: #fff url("../images/gomb-mail-select.png") no-repeat;
	margin: 0 10px 5px 0px;
}

div.fixed-header-container div.form.filter div.select select ,
div.frame.preview div.mailheader div.iconholder div.select select {
	background: transparent none repeat scroll 0 0;
    color: #3c3c3c;
    font-family: Roboto-Condensed-Regular-Webfont;
    font-size: 17px;
    height: 28px;
    line-height: 28px;
    padding: 0;
	border: 0;
	margin-right: 50px;
	min-width: 230px;
}
div.fixed-header-container div.form.filter div.selw220 div.select {
	width: 215px;
	background-position: 192px 0px;
}
div.fixed-header-container div.form.filter div.selw210 div.select {
	width: 210px;
	background-position: 187px 0px;
}
div.fixed-header-container div.form.filter div.selw200 div.select {
	width: 200px;
	background-position: 177px 0px;
}

div.fixed-header-container div.form.filter div.selw100mr5 input.selw100mr5 {
	width: 100px;
	margin-right: 5px;
}
div.fixed-header-container div.form.filter div.info {
	float: right;
	margin-right: 5px;
	padding-top: 6px;
}
div.fixed-header-container div.form.filter div.selw100mr5.input-error span.input-error {
	color: red;
}
div.fixed-header-container a.color-gray {
	color: #333;
}
div.fixed-header-container a.color-gray:hover {
	text-decoration: none;
}
div.fixed-header-container div.form.filter div.selw107 div.select,
div.frame.preview div.mailheader div.iconholder div.selw107 div.select {
	width: 107px;
	background-position: 83px 0px;
}

div.frame.preview div.mailheader div.iconholder div.selw107 div.select {
	float: left;
	margin: 14px 0 0 10px;
}

div.fixed-header-container div.form.filter div.selw72 div.select {
	width: 72px;
	background-position: 49px 0px;
}

div.fixed-header-container div.form.filter div.marginl50 div.select {
	margin-left: 50px;
}

div.fixed-header-container div.form.filter div.marginr50 div.select {
	margin-right: 50px;
}

div.fixed-header-container div.form.filter div.marginr0 div.select {
	margin-right: 0px;
}

div.fixed-header-container div.form.filter div.selw53 div.select {
	width: 53px;
	background-position: 30px 0px;
}

div.fixed-header-container div.form.filter div.colorpicker div.select {
	width: 73px;
	background: none;
}
div.fixed-header-container div.form.filter div.floatright {
	float: right;
}
div.fixed-header-container div.form.filter div.floatleft {
	float: left;
}

div.fixed-header-container div.form.filter div.colorpicker div.select span.icon {
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 73px;
	height: 30px;
	color: #3c3c3c;
   font-family: Roboto-Condensed-Regular-Webfont;
   font-size: 17px;
	line-height: 28px;
	padding-left: 7px;
}
div.fixed-header-container div.form.filter div.colorpicker div.select span.icon:before {
	content: "Színezés";
}

div.fixed-header-container div.form.filter input[type=submit],
div.fixed-header-container div.form.filter button {
    background-color: #fff; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 28px;           /* make this the size of your image */
	line-height: 28px;
    vertical-align: middle; /* align the text vertically centered */
	border: 1px solid #d7d7d7;
	font-family: Roboto-Condensed-Regular-Webfont;
	font-size: 17px;
	color: #3c3c3c;
	box-sizing: content-box;
}

div.fixed-header-container div.form.filter div.buttons {
	/*float: left;*/
}

div.fixed-header-container div.form.filter button.add {
	background-image: url("../images/ikon-gomb-add-white.png");
	padding-left: 35px;
	background-color: #3c3c3c;
	color: #fff;
}

div.fixed-header-container div.form.filter input[type=submit].refresh {
   background-image: url('../images/ikon-gomb-refresh.png');
	/*padding-left: 41px;     */
	padding: 0px 12px 0px 41px;
}

div.fixed-header-container div.form.filter button.reset {
   background-image: url('../images/ikon-gomb-reset.png');
	/*padding-left: 41px;     */
	padding: 0px 12px 0px 41px;
	margin-left: 10px;
}

div.fixed-header-container div.form.filter select.common {
	height: 30px;
	border: 1px solid #d7d7d7;
	background-color: #fff;
}
div.fixed-header-container div.form.filter input[type=text] {
	background: #fff none repeat scroll 0 0;
    border: 0 none;
    color: #3c3c3c;
    float: left;
    font-family: Roboto-Condensed-Bold-Webfont;
    font-size: 15px;
	height: 30px;
    line-height: 30px;
    text-indent: 5px;
	border: 1px solid #d7d7d7;
	margin-bottom: 5px;
	width: 310px;
}

div.fixed-header-container div.form.filter div.checkbox {
	line-height: 23px;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 0;
}
div.fixed-header-container div.form.filter div.checkbox div.elem {
}
div.fixed-header-container div.form.filter div.checkbox a {
	color: #3c3c3c;
	margin-bottom: -3px;
}
div.fixed-header-container div.form.filter div.checkbox div.elem input[type=checkbox] {
	position: relative;
	display: inline-block;
	margin: 0;
}

div.fixed-header-container div.form.filter div.checkbox div.elem > div > label {
	margin: 0;
	padding: 0;
}
div.modal-body form.filter input[type=text] {
	background: #fff none repeat scroll 0 0;
    border: 0 none;
    color: #3c3c3c;
	 /* float: left; */
    font-family: Roboto-Condensed-Bold-Webfont;
    font-size: 15px;
	height: 30px;
    line-height: 30px;
    text-indent: 5px;
	border: 1px solid #d7d7d7;
	margin-bottom: 5px;
	width: 200px;
}

/*
section.container nav {
	width: 100%;
	height: 60px;
	background: #fff;
}
*/

div.frame.preview.autoheight {
	height: auto !important; 
	overflow: visible !important;
	margin-bottom: 0px !important;
}
div.frame.preview.nomargintop {
	margin-top: 0px !important;
}

div.frame.preview div.mailheader {
	height: 61px;
	border-bottom: 1px solid #e4e4e4;
	font-family: 	Roboto-Condensed-Regular-Webfont;
	font-size: 15px;
	color: #4c4c4c;
}
div.frame.preview div.mailheader div.imgholder {
	float: left;
	width: 60px;
}
div.frame.preview div.mailheader div.textholder {
	padding-left: 10px;
	float: left;
	width: 55%;
	box-sizing: border-box;
}
div.frame.preview div.mailheader div.textholder div.sender_subject, 
div.frame.preview div.mailheader div.textholder div.addresses,
div.frame.preview div.mailheader div.textholder div.sendtime {
	padding-top: 2px;
	/*width: 313px;*/
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
   -ms-text-overflow: ellipsis;
	white-space: nowrap;
}
div.frame.preview div.mailheader div.textholder span {
	font-family: 	Roboto-Condensed-Bold-Webfont;
}

div.frame.preview div.mailheader div.iconholder {
	/*width: 400px;*/
	width: 35%;
	float: right;
}

div.frame.preview div.mailheader div.textholder.float {
	position: absolute;
	padding: 10px;
	background-color: #fff;
	border: 2px solid #e4e4e4;
}
div.frame.preview div.mailheader div.textholder.float div.sender_subject, 
div.frame.preview div.mailheader div.textholder.float div.addresses,
div.frame.preview div.mailheader div.textholder.float div.sendtime {
	/*width: 363px;*/
	width: 100%;
	text-overflow: clip;
	overflow: visible;
	white-space: normal;
}
div.frame.preview div.mailheader div.iconholder img.openclose {
	margin-top: 14px;
}
/*
div.frame.preview div.mailheader div.iconholder img.delete, 
div.frame.preview div.mailheader div.iconholder img.unread,
div.frame.preview div.mailheader div.iconholder img.print,
div.frame.preview div.mailheader div.iconholder img.continue {
	margin-top: 24px;
	margin-right: 5px;
	float: right;
}
*/
div.frame.preview div.mailheader div.iconholder img.reply {
	margin-top: 14px;
	margin-left: 10px;
}
div.frame.preview div.mailheader div.iconholder img.reply2 {
	margin-top: 14px;
	margin-left: -4px;
}

div.frame.preview div.mailheader span.emaildropdown.open > .dropdown-menu {
	/*background-color: #3c3c3c;*/
	margin-top: 13px;
	margin-left: -138px;
	direction: rtl;
}

div.frame.preview div.mailheader span.emaildropdown.open ul.dropdown-menu li a.popup {
	color: #333;
	padding: 8px 5px;
    width: 100%;
}

div.frame.preview div.mailheader span.emaildropdown.open ul.dropdown-menu li > a.popup:hover {
	
}

div.frame.preview div.mailheader span.emaildropdown.open ul.dropdown-menu li {
	float: right;
	text-align: right;
    width: 100%;
	display: block;
}

div.frame.preview div.mailattachment {
	border-bottom: 1px solid #e4e4e4;
	width: 800px;
	font-size: 15px;
	background-color: #fff;
	display: inline-block;
}
div.frame.preview div.mailattachment div.item {
	width: 125px;
	float: left;
	/*background: url('../images/ikon-csatolmany.png') 0px 7px no-repeat;*/
	/*padding-left: 12px;*/
	margin-left: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
   -ms-text-overflow: ellipsis;
	white-space: nowrap;
}
div.frame.preview div.mailattachment.float div.item {
	text-overflow: clip;
	overflow: visible;
	white-space: normal;
	width: auto;
	min-width: 125px;
}
div.frame.preview div.mailattachment div.item.all {
	background: url('../images/gomb-mail-select.png') right bottom no-repeat;
	float: right;
	text-align: right;
	/*padding-right: 30px;*/
	position: relative; 
	right: 0;
}
div.frame.preview div.mailattachment div.item.all a {
	top: 0px;
	width: 115px;
	display: block;
	text-align: center;
}
div.frame.preview div.mailattachment div.item.h {
	display: none;
}
div.frame.preview div.mailattachment a {
	color: #136350;
	line-height: 30px;
}

div.frame.preview div.text {
	font-size: 15px;
	margin: 33px 20px;
}

div.frame.preview div.text ol {
	 counter-reset: foo;
    display: table;
	 clear: both;
	 padding: 10px 0px;
}
div.frame.preview div.text ol >li {
	counter-increment: foo;
	display: table-row;
}
div.frame.preview div.text ol > li:before {
	content: counter(foo) ".";
	display: table-cell; 
	text-align: right;
	padding-right: 10px;
	text-indent: 10px;
}

div.frame.preview div.text ul {
    display: table;
	 clear: both;
	 padding: 10px 0px;
}
div.frame.preview div.text ul >li {
    display: table-row;
}
div.frame.preview div.text ul > li:before {
	 content: "•" ;
    display: table-cell; 
    text-align: right;
	 padding-right: 10px;
	 text-indent: 10px;
}
div.frame.preview div.text p {
	padding: 5px 0px;
	line-height: 1.5em;
}
div.frame.preview div.text h1 {
	padding: 15px 0px;
	font-size: 23px;
}

div.frame.preview div.text h2 {
	padding: 12px 0px;
	font-size: 20px;
}
div.frame.preview div.text h3 {
	padding: 9px 0px;
	font-size: 17px;
}
div.frame.preview div.text hr {
	margin: 5px 0px;
}

/* task list header icons */
div.tasklist a.icon {
	color: #666;
	float: right; 
	padding-top: 25px;
	margin: 0px 5px;
}
div.tasklist a.icon:hover {
	text-decoration: none;
	color: #000;
}

/* task specimen show and edit */
div.taskcontainer {
	background-color: #d7d7d7;
	margin-top: 10px;
	/*float: left;*/
}
div.taskcontainer ol,
div.taskcontainer ul {
	padding: 0 0 10px 30px;
}
div.taskcontainer ul li {
	list-style-type: disc;
}
div.taskcontainer ol li {
	list-style-type: decimal;
}
div.taskcontainer div.title {
	background-color: #1e8263;
	color: #fff;
	font-family: Roboto-Condensed-Regular-Webfont;
	font-size: 23px;
	font-variant: small-caps;
	height: 34px;
	line-height: 28px;
	padding: 0 10px;
	width: 100%;
}

div.taskcontainer div.header {
	font-family: Roboto-Condensed-Regular-Webfont;
	font-size: 18px;
	line-height: 30px;
	font-variant: small-caps;
	background-color: #fff;
	padding: 0 10px;
}

div.taskcontainer div.text {
	font-family: Roboto-Condensed-Regular-Webfont;
	font-size: 15px;
	background-color: #fff;
	padding: 10px;
}
div.taskcontainer div.attachmentitem {
	/*background: url('../images/ikon-csatolmany.png') 0px 7px no-repeat;*/
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
   -ms-text-overflow: ellipsis;
	white-space: nowrap;
	/*padding-left: 12px;*/
}
div.taskcontainer div.attachmentitem a {
	color: #136350;
	line-height: 30px;
}

div.taskcontainer div.cell1,
div.taskcontainer div.cell2,
div.taskcontainer div.cell3,
div.taskcontainer div.cell4,
div.taskcontainer div.cell5, 
div.taskcontainer div.cell6 {
	width: 150px;
	height: 25px;
	padding-left: 10px;

	color: #3c3c3c;
	font-family: Roboto-Condensed-Light-Webfont;
	font-size: 15px;
	line-height: 25px;
	float: left;
}
div.taskcontainer div.cell2 {
	font-family: Roboto-Condensed-Bold-Webfont;
	width: 260px;
}
div.taskcontainer div.cell1.big,
div.taskcontainer div.cell2.big {
	font-size: 20px;
	line-height: 40px;
	height: 40px;
	font-variant: small-caps;
}

div.taskcontainer div.cell3,
div.taskcontainer div.cell4,
div.taskcontainer div.cell5 {
	border-top: 1px solid #3c3c3c;
}

div.taskcontainer div.cell3 {
	width: 40%;
}
div.taskcontainer div.cell4 {
	width: 25%;
}
div.taskcontainer div.cell5 {
	width: 35%;
	overflow: hidden;
}
div.taskcontainer div.cell6 {
	width: 410px;
	height: auto;
}
div.taskcontainer div.message {
	font-family: Roboto-Condensed-Bold-Webfont;
	color: #3c3c3c;
	padding: 10px;
	font-size: 20px;
	font-variant: small-caps;
}
div.taskcontainer div.message.success {
	color: #1e8263;
}

/* profile show and edit form */
div.container980 div.profilecontainer,
div.frame.preview div.profilecontainer {
	background-color: #d7d7d7;
}
div.frame.preview.single {
	/*
	width: 800px;
	margin: 0 auto;
	*/
}

div.frame.preview.single div.profilecontainer {
	/*background-color: #fff;*/
	margin-top: 10px;
	float: left;
}
div.frame.preview div.profilecontainer div.profile {
	/*margin-bottom: 10px;*/
}
div.container980 div.profile div.header,
div.frame.preview div.profilecontainer div.profile div.header {
	height: 34px;
	background-color: #1e8263;
	width: 100%;
	color: #fff;
	line-height: 28px;
	font-variant: small-caps;
	font-size: 23px;
	font-family: Roboto-Condensed-Regular-Webfont;
	padding: 0px 10px;
}
div.container980 div.profile div.header span,
div.frame.preview div.profilecontainer div.profile div.header span {
	color: #ffb400;
}
div.container980 div.profile div.info,
div.frame.preview div.profilecontainer div.profile div.info {
	background: url('../images/profile-grid.png');
	width: 100%;
	float: left;
}
div.container980 div.profile div.info div.img,
div.frame.preview div.profilecontainer div.profile div.info div.img {
	margin: 10px;
	padding: 2px;
	width: 120px;
	height: 120px;
	background-color: #fff;
}

div.container980 div.profile div.info div.avatarupload {
	width: 120px;
	height: 30px;
	background: url('../images/gomb-feltoltes_120.jpg') ;
	/*overflow: hidden;*/
	margin-top: 10px;
	margin-left: -2px;
}
div.container980 div.profile div.info div.avatarupload .input-error {
	color: #ff0000;
}
/*
div.container980 div.profile div.info div.avatarupload label:hover {
	text-decoration: underline;
	cursor: pointer;
}
*/
div.container980 div.profile div.info div.avatarupload input[type=file] {
	display: block !important;
	width: 120px !important;
	height: 30px !important;
	opacity: 0 !important;
	overflow: hidden !important;
}

div.container980 div.profile div.info div.data,
div.frame.preview div.profilecontainer div.profile div.info div.data {
	background-color: #fff;
	width: 660px;
	line-height: 35px;
	font-family: Roboto-Condensed-Light-Webfont;
	font-size: 15px;
	color: #3c3c3c;
}
div.container980 div.profile div.info div.data {
	width: auto;
	float: left;
}
div.frame.preview div.profilecontainer div.profile div.info div.data div.cell1 {
	width: 180px;
	height: 35px;
	padding-left: 20px;
	border-bottom: 1px solid #d7d7d7;
}
div.frame.preview div.profilecontainer div.profile div.info div.data div.cell2 {
	width: 480px;
	height: 35px;
	font-family: Roboto-Condensed-Bold-Webfont;
	padding-left: 20px;
	border-bottom: 1px solid #d7d7d7;
}
div.frame.preview div.profilecontainer div.profile div.info div.data div.cell3 {
	width: 200px;
	height: 35px;
	padding-left: 20px;
}
div.frame.preview div.profilecontainer div.profile div.info div.data div.cell4 {
	width: 400px;
	height: auto;
	line-height: 1.5em;
	padding-top: 5px;
}

div.container980 div.profile div.kepek, 
div.container980 div.profile div.magamrol,

div.frame.preview div.profilecontainer div.hobby,
div.frame.preview div.profilecontainer div.kepek, 
div.frame.preview div.profilecontainer div.magamrol {
	padding-top: 10px;
}
div.container980 div.profile div.kepek div.header,
div.container980 div.profile div.magamrol div.header,
div.container980 div.profile div.hobby div.header,

div.frame.preview div.profilecontainer div.kepek div.header,
div.frame.preview div.profilecontainer div.magamrol div.header,
div.frame.preview div.profilecontainer div.hobby div.header {
	height: 34px;
	background-color: #1eb4d2;
	width: 100%;
	color: #fff;
	padding: 0px 10px;
	line-height: 28px;
	font-variant: small-caps;
	font-size: 23px;
	font-family: Roboto-Condensed-Regular-Webfont;
}
div.container980 div.profile div.magamrol div.header,
div.frame.preview div.profilecontainer div.magamrol div.header {
	background-color: #ff7800;
}
div.container980 div.profile div.kepek div.header,
div.frame.preview div.profilecontainer div.kepek div.header {
	background-color: #3c3c3c;
}
div.frame.preview div.profilecontainer div.magamrol div.text,
div.frame.preview div.profilecontainer div.hobby div.text {
	background-color: #fff;
	padding: 10px 20px;
	font-size: 15px;
	line-height: 1.5em;
	margin: 0;
}
div.frame.preview div.profilecontainer div.kepek div.pic {
	margin: 0;
}

div.frame.preview div.profilecontainer div.kepek div.pic img {
	margin-bottom: 10px;
}

div.frame.preview div.profilecontainer div.buttons {
	padding-top: 30px;
}

/* profile edit */
div.container980 {
	/*
	width: 980px;
	margin: 0 auto;
	*/
}
div.container980 div.profilecontainer {
	margin-top: 10px;
	float: left;
}

div.container980 div.profilecontainer div.profilform {
	width: 490px;
	float: left;
}

div.container980 div.profilecontainer div.profilform .button_send_top,
div.container980 div.profilecontainer div.profilform .button_send_bottom {
	border-top: 1px solid #fff;
	padding-top: 20px;
	float: left;
	width: 100%;
}

div.container980 div.profilecontainer div.profilform .button_send_bottom input {
	display: none;
}

div.container980 div.profilecontainer div.profilform.right {
	padding-right: 10px;
}

div.container980 div.profilecontainer div.profilform.left {
	padding-left: 10px;
}

div.container980 div.text-profile {
	width: 340px;
}
div.container980 div.text-profile label {
	width: 94px;
	text-align: right;
	padding-right: 20px;
	font-weight: normal;
	float: left;
}
div.container980 div.text-profile label.bold {
    font-family: Roboto-Condensed-Bold-Webfont;
	 text-transform: uppercase;
}
div.container980 div.text-profile input[type=password],
div.container980 div.text-profile input[type=text] {
	background: #fff none repeat scroll 0 0;
    border: 0 none;
    color: #3c3c3c;
    font-family: Roboto-Condensed-Bold-Webfont;
    font-size: 15px;
	height: 30px;
    line-height: 30px;
    text-indent: 5px;
	border: 1px solid #d7d7d7;
	margin-bottom: 5px;
	width: 200px;
}
div.container980 div.text-profile div.select {
    border: 1px solid #d7d7d7;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
	background: #fff url("../images/gomb-mail-select.png") no-repeat;
	margin: 0px 10px 0px 0px;
	background-position: 177px 0px;
	width: 200px;
	float: left;
}
div.container980 div.text-profile div.select select {
	background: transparent none repeat scroll 0 0;
    color: #3c3c3c;
    font-family: Roboto-Condensed-Bold-Webfont;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    padding: 0;
	border: 0;
	margin: 0px 50px 0px 0px;
	padding-top: 0px;
	min-width: 220px;
}
div.container980 div.text-profile input[type=text][readonly] {
	border: none;
}
div.container980 div.text-profile div.select.disabled,
div.container980 div.text-profile div.select.readonly {
	border: none;
	background: none;
}

div.container980 div.text-profile span.input-error {
	width: 100%;
	float: left;
	font-family: Roboto-Condensed-Light-Webfont;
	color: #c70028;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 0px;
	font-size: 12px;
	margin-top: -2px;
	margin-bottom: 5px;
	padding-left: 94px;
	padding-right: 42px;
	line-height: 1.2em;
}
div.container980 div.text-profile.input-error input[type=text],
div.container980 div.text-profile.input-error input[type=password] {
	border: 1px solid #c70028;
}
div.container980 div.text-profile.input-error label {
	color: #c70028;
}
div.container980 div.text-profile.input-error label:before {
	content: "* ";
}

div.container980 div.kepek ul {
	background-color: #fff;
	padding: 10px;
}
div.container980 div.kepek ul li {
	font-family: Roboto-Condensed-Regular-Webfont;
	font-size: 17px;
	height: 60px;
	background-color: #d7d7d7;
	margin-bottom: 10px;
}
div.container980 div.kepek ul li div.number {
	margin-top: 15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: center;
	background-color: #8bc731;
}
div.container980 div.kepek ul li div.progress {
	float: right;
	width: 260px;
	margin: 18px 10px;
	height: 20px;
	display: none;
}
div.container980 div.kepek ul li div.progress div.progress-bar {
	background-color: #3c3c3c;
	font-size: 12px;
}
div.container980 div.kepek ul li img.button {
	margin-top: 15px;
}
div.container980 div.kepek ul li img.img {
	float: right;
}

div.db6img div.kepek ul {
	background-color: #fff;
}

div.db6img div.kepek ul li {
	font-family: Roboto-Condensed-Regular-Webfont;
	font-size: 17px;
	margin-bottom: 10px;
}
div.db6img div.kepek ul li div.progress {
	float: left;
	width: 260px;
	margin: 18px 10px;
	height: 20px;
	display: none;
}
div.db6img div.kepek ul li div.progress div.progress-bar {
	background-color: #3c3c3c;
	font-size: 12px;
}
div.db6img div.kepek ul li img.button {
	/*margin-top: 15px;*/
}
div.db6img div.kepek ul li img.img {
	clear: both;
	margin-top: 20px;
	
}

div#menuorder,
div#menuorder .ui-widget-header {
	outline: none;
	border: none;
}
div#menuorder .ui-widget-header:before {
	content: "menü sorrend";
}
div#menuorder .ui-widget-header {
	height: 34px;
	background: none;
	background-color: #1e8263;
	width: 100%;
	color: #fff;
	line-height: 28px;
	font-variant: small-caps;
	font-size: 23px;
	font-family: Roboto-Condensed-Regular-Webfont;
	padding: 0px 10px;
	font-weight: normal;
}
div#menuorder .ui-widget-content {
	font-family: Roboto-Condensed-Bold-Webfont;
	font-size: 15px;
	line-height: 30px;
	border: 1px solid #e8e8e8;
	font-weight: normal;
}
div#menuorder .ui-state-hover:first-letter, 
div#menuorder .ui-widget-content:first-letter {
	text-transform: capitalize;
}
div#menuorder .ui-state-hover {
	font-family: Roboto-Condensed-Bold-Webfont;
	font-size: 15px;
	line-height: 30px;
	border: 1px solid transparent;
	
}
div#menuorder a.tool {
	margin: 0;
}

div#right,
div#right div.center,
div#rightgroup,
div#rightgroup div.center {
	width: 480px;
}

/* ajax loading */
.ajaxloading {
display:    none;
position:   fixed;
z-index:    1000;
top:        0;
left:       0;
height:     100%;
width:      100%;
background: rgba( 255, 255, 255, .5 ) 
			 url('/images/ajax-loader.gif') 
			 50% 50% 
			 no-repeat;
}
body.loading {
	overflow: hidden;
}

body.loading .ajaxloading {
	display: block;
}

/* index */
div.indexbox {
	float: left;
	width: 470px;
	padding-top: 30px;
}
div.indexbox.left {
	margin-right: 20px;
}
div.indexbox.right {
	margin-left: 20px;
}
div.indexbox div.head {
	width: 100%;
	font-family: Roboto-Condensed-Light-Webfont;
	font-size: 19px;
	color: #fff;
	height: 34px;
	line-height: 34px;
	background-color: #3c3c3c;
	padding: 0px 10px;
	text-transform: uppercase;
}
div.indexbox div.head.green {
	background-color: #1e8264;
}
div.indexbox div.head.orange {
	background-color: #ff7800;
}
div.indexbox div.head span.orange {
	color: #ffb400;
}
div.indexbox div.head span.orange a {
	color: #ffb400;
}
div.indexbox div.head span.right{
	float: right;
	font-family: Roboto-Condensed-Regular-Webfont;
	font-size: 15px;
	text-transform: none;
}
div.indexbox table {
	width: 100%;
}
div.indexbox div.inner {
	width: 100%;
	height: 170px;
	overflow-y: scroll;
	background-color: #fff;
}
div.indexbox table th {
	background-color: #bebebe;
	height: 34px;
	font-family: Roboto-Condensed-Bold-Webfont;
	font-size: 15px;
	color: #3c3c3c;
}
div.indexbox table td {
	height: 34px;
	background-color: #fff;
	font-family: Roboto-Condensed-Light-Webfont;
	font-size: 15px;
	color: #3c3c3c;
	border-bottom: 1px solid #d7d7d7;
}
div.indexbox table td.empty {
	border: none;
	text-align: center;
	font-style: italic;
	height: 170px;
}
div.indexbox table td a {
	font-family: Roboto-Condensed-Light-Webfont;
	font-size: 15px;
	color: #3c3c3c;
}
div.indexbox table td.ikon {
	text-align: right;
}
div.indexbox table td.date {
	text-align: center;
	font-family: Roboto-Condensed-Bold-Webfont;
	font-size: 90px;
	border: none;
	color: #444;
}
div.indexbox table td.dateinfo {
	font-size: 18px;
	text-align: center;
	border: none;
}
/*
div.indexbox table td.ikon img {
	padding-right: 4px;
}
div.indexbox table td.ikon img.sms {
	padding-top: 4px;
}
*/
/*
div.indexbox table td.ikon a {
	color: #666;	
}
div.indexbox table td.ikon a:hover {
	color: #000;	
	text-decoration: none;
}
*/
div.indexbox table th.w355, 
div.indexbox table td.w355 {
	width: 355px;
}
div.indexbox table th.w190, 
div.indexbox table td.w190 {
	width: 190px;
}
div.indexbox table th.w206, 
div.indexbox table td.w206 {
	width: 206px;
}
div.indexbox table th.w140, 
div.indexbox table td.w140 {
	width: 140px;
}
div.indexbox table th.w40, 
div.indexbox table td.w40 {
	width: 40px;
}
div.indexbox table th.w44, 
div.indexbox table td.w44 {
	width: 44px;
}
div.indexbox table th.pl10, 
div.indexbox table td.pl10 {
	padding-left: 10px;
}

span.calendarheader a.icon {
	color: #666;
	margin-right: 10px;
}
span.calendarheader a.icon:hover {
	color: #000;
}

/* calendarshow */
div.calendarshow {
	background-color: #fff;
	min-height: 500px;
	padding: 8px 8px 8px 15px;
}
div.calendarshow div.title {
	font-family: Roboto-Condensed-Bold-Webfont;
}
div.calendarshow div.title span {
	font-family: Roboto-Condensed-Light-Webfont;
}
div.calendarshow div.text {
	font-size: 15px;
	margin: 33px 20px;
}

div.calendarshow div.text ul li {
	list-style: square;
}
div.calendarshow div.text ol li {
	list-style: list-item ;
}
/* charcount */
input.charcount {
	float: right !important;
	width: 40px !important;
	margin-top: -35px;
}
div.input-error input.charcount {
	margin-top: -50px;
	border-right: 1px solid #ff0000 !important;
	border-bottom: 1px solid #ff0000 !important;
}


/* prevent bootstrap printing href */
@media print {
  a[href]:after {
    content: none !important;
  }
}

.extraListRow td {
	padding: 0 8px;
}


.btn-pink {
	background-image: -webkit-linear-gradient(top, #fa807d 0%, #F15A5CFF 100%);
	background-image: -o-linear-gradient(top, #fa807d 0%, #F15A5CFF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fa807d), to(#F15A5CFF));
	background-image: linear-gradient(to bottom, #fa807d 0%, #F15A5CFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffa807d', endColorstr='#ffF15A5CFF', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #F15A5CFF;
}
.btn-pink:hover,
.btn-pink:focus {
	background-color: #F15A5CFF;
	background-position: 0 -15px;
}
.btn-pink:active,
.btn-pink.active {
	background-color: #F15A5CFF;
	border-color: #F15A5CFF;
}
.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled.focus,
.btn-pink[disabled].focus,
fieldset[disabled] .btn-pink.focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
	background-color: #F15A5CFF;
	background-image: none;
}