/* DEFAULTS
----------------------------------------------------------*/

body   
{
    /*background: #bbbbbb;*/
    background: #888888;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #222222;
}

a:link, a:visited
{
    /*color: #034af3;*/
    color: #415698;
    text-decoration: none;
}

a:hover
{
    /*color: #1d60ff;*/
    color: #cc0000;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    min-width: 1200px;
    width: 100%;
    background-color: #fff;
    margin: 0;
    /*border: 1px solid #496077;
    border: 1px solid #ffffff;*/
    border-collapse: collapse;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #5d5d5d;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#eeeeee;
    width:100%;
    height: 40px;
    border-top: 1px solid #ffffff;
}

div.menu
{
    padding: 4px 0px 4px 8px;
    list-style: none;
    margin: 0px;
    width: 100%;
}

div.menu span a, div.menu span a:visited
{
    background-color: #dddddd;
    border: 1px #666666 solid;
    color: #222222;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    float: left;
}

div.menu span a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu span a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/*div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu span ul li a, div.menu ul li a:visited
{
    background-color: #dddddd;
    border: 1px #4e667d solid;
    color: #222222;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}
*/
/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
    padding-bottom: 10px;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

/*----------*/
.FieldLabel
{
  text-align: right;
}
.FieldValue
{
  font-weight: bold;
}

/* Basic Tooltip */
/*#tooltip
{
  text-align : center;
  color : #767676;
  background : #FEFEFF;
  position : absolute;
  z-index : 100;
  padding : 15px;
  border-style: solid;
  border-width: thin;
  border-color: #cc0000;
}
 
#tooltip:after
{
  width : 0;
  height : 0;
  border-left : 10px solid transparent;
  border-right : 10px solid transparent;
  border-top : 10px solid #111;
  content: '';
  position: absolute;
  left : 50%;
  bottom : -10px;
  margin-left : -10px;
}
 
#tooltip.top:after
{
  border-top-color : transparent;
  border-bottom : 10px solid #111;
  top : -20px;
  bottom : auto;
}
 
#tooltip.left:after
{
  left : 10px;
  margin : 0;
}
 
#tooltip.right:after
{
  right: 10px;
  left: auto;
  margin : 0;
}*/
/* /Basic Tooltip */


/* Extra Tooltip */
#tooltip
{
  font-family: Arial, Sans-Serif;
  font-size: 0.9em;
  text-align: center;
  text-shadow: 0 1px rgba( 0, 0, 0, .5 );
  line-height: 1.5;
  color: #fff;
  background: #333;
  background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
  background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
  background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
  background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
  background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
  background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-top: 1px solid #fff;
  -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
  -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
  box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
  position: absolute;
  z-index: 100;
  padding: 15px;
}

#tooltip:after
{
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top-color: #333;
  border-top: 10px solid rgba( 0, 0, 0, .7 );
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
}

#tooltip.top:after
{
  border-top-color: transparent;
  border-bottom-color: #333;
  border-bottom: 10px solid rgba( 0, 0, 0, .6 );
  top: -20px;
  bottom: auto;
}

#tooltip.left:after
{
  left: 10px;
  margin: 0;
}

#tooltip.right:after
{
  right: 10px;
  left: auto;
  margin: 0;
}
/* /Extra Tooltip */



/*************/
/* Új design */
/*************/

div#Header h1 a span { background: url("/Images/logo.png")  no-repeat; }
div#Header h1 a span img { position: absolute; left: 10px; top: 12px; display: none; }
div#Header ul.navigation li a span { background-image: url("/Images/sprite_menu_elements.png"); }
div#Header ul.navigation li.navigation-1 a { width: 156px; }
div#Header ul.navigation li.navigation-2 a { width: 196px; }
div#Header ul.navigation li.navigation-3 a { width: 199px; }
div#Header ul.navigation li.navigation-4 a { width: 146px; }
div#Header ul.navigation li.navigation-1.navigation-active a { width: 201px; }
div#Header ul.navigation li.navigation-2.navigation-active a { width: 254px; }
div#Header ul.navigation li.navigation-3.navigation-active a { width: 258px; }
div#Header ul.navigation li.navigation-4.navigation-active a { width: 186px; }

/*
	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;}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;}

/*html{color:#000;background:#fff;}
td{margin:0;padding:0;}*/

body {
	background: #fff;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

div#TopBar {
	width: 100%;
	height: 37px;
	position: relative;
	background: #545454;
}

body.ForProjection div#TopBar {
	display: none;
}

div#TopBar div.background-left,
div#TopBar div.background-right {
	width: 50%;
	height: 37px;
	position: absolute;
	top: 0;
	background: url("/Images/TopBar.png") repeat-x;
}

div#TopBar div.background-left {
	left: 0;
	background-position: 0 -37px;
}

div#TopBar div.background-right {
	right: 0;
	background-position: 0 -74px;
}

div#TopBar div.topbar {
	width: 960px;
	height: 37px;
	position: absolute;
	left: 50%;
	margin-left: -480px;
	background: url("/Images/TopBar.png") center top no-repeat;
}

div#TopBar div.topbar div.menu {
	height: 37px;
	/*float: right;*/
}

div#TopBar div.topbar ul.menu-2 {
	margin: 5px 143px 0 0;
}

div#TopBar div.topbar ul.login {
	/*margin-right: -20px;*/
	float: right;
}

div#TopBar div.topbar ul {
	height: 22px;
	margin: 5px 0 0 0;
	float: left;
	list-style-type: none;	
}

div#TopBar div.topbar ul li {
	float: left;
	margin: 0 0 0 14px;
}

div#TopBar div.topbar ul li a {
	color: #ababab;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: #333332 0px 1px 0px;
}

div#TopBar div.topbar ul li a:hover {
	color: #c6c6c6;
	text-decoration: underline;
}

/*
	Header
*/

div#Header {
	position: relative;
}

body.ForProjection div#Header {
	display: none;
}

div#Header h1 {
	width: 310px;
	height: 98px;
	display: block;
}

div#Header h1 a {
	width: 100%;
	height: 100%;
	line-height: 400px;
}

div#Header.press h1 a {
	display: block;
}

div#Header ul.navigation {
	width: 960px;
	height: 56px;
	background: url("/Images/sprite_navigation.png") 0 0 repeat-x;
}

div#Header ul.navigation li {
	width: 320px;
	height: 56px;
	float: left;
	position: relative;
}

div#Header ul.navigation li.navigation-active {
	background: url("/Images/sprite_navigation.png") center -60px no-repeat;
}

div#Header ul.navigation li a {
	height: 47px;
	display: block;
	margin: 2px auto;
}

div#Header.press ul.navigation li.navigation-1 a,
div#Header.press ul.navigation li.navigation-2 a,
div#Header.press ul.navigation li.navigation-3 a {
	display: none;
}

div#Header ul.navigation li.navigation-1 a span {
	background-position: -300px 0;
}

div#Header ul.navigation li.navigation-2 a span {
	background-position: -300px -50px;
}

div#Header ul.navigation li.navigation-3 a span {
	background-position: -300px -100px;
}

div#Header ul.navigation li.navigation-4 a span {
	background-position: -300px -150px;
}

div#Header ul.navigation li.navigation-4 i.beta {
	width: 30px;
	height: 12px;
	display: block;
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: 86px;
}

div#Header ul.navigation li.navigation-1 a:hover span {
	background-position: -600px 0;
}

div#Header ul.navigation li.navigation-2 a:hover span {
	background-position: -600px -50px;
}

div#Header ul.navigation li.navigation-3 a:hover span {
	background-position: -600px -100px;
}

div#Header ul.navigation li.navigation-4 a:hover span {
	background-position: -600px -150px;
}

div#Header ul.navigation li.navigation-1.navigation-active a span,
div#Header ul.navigation li.navigation-1.navigation-active a:hover span {
	background-position: 0 0;
}

div#Header ul.navigation li.navigation-2.navigation-active a span,
div#Header ul.navigation li.navigation-2.navigation-active a:hover span {
	background-position: 0 -50px;
}

div#Header ul.navigation li.navigation-3.navigation-active a span,
div#Header ul.navigation li.navigation-3.navigation-active a:hover span {
	background-position: 0 -100px;
}

div#Header ul.navigation li.navigation-4.navigation-active a span,
div#Header ul.navigation li.navigation-4.navigation-active a:hover span {
	background-position: 0 -150px;
}



div.wrap {
	width: 960px;
	margin: 0 auto;
}

div.header-gradient {
	background: #fff url("/Images/Header_background_gradient_153.jpg") 0 0 repeat-x;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#e6e6e6', GradientType=0);
}

div#SimpleHeader.header-gradient {
	background-image: url("/Images/Header_background_gradient_84.jpg");
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
}

div#PressMenu.header-gradient {
	background-image: url("/Images/Header_background_gradient_98.jpg");
}

div#Highlight.header-gradient {
	background-image: url("/Images/Header_background_gradient_330.jpg");
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
}



div#DocumentTabs {
	height: 84px;
}

div#DocumentTabs div.wrap {
	height: 84px;
	position: relative;
}

body.Theme-Documents div#DocumentTabs {
	background: url("/Images/Header_background_gradient_84.jpg") 0 0 repeat-x;
}

body.Theme-Documents div#DocumentTabs div.wrap {
	background-position: center -154px;
	background-repeat: no-repeat;
}



div#Header {
	background-position: center 0;
	background-repeat: no-repeat;
}

div#Header,
div#DocumentTabs div.wrap {
  background-image: url("/Images/Header_background.png");
}


a {
	text-decoration: none;
	color: inherit;
}

a.fir {
	display: block;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	line-height: 200px;
}

a.fir span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}


body.Theme-Documents div#Header,
body.Theme-Documents div#DocumentTabs div.wrap {
  background-image: url("../Images/Header_background.png");
}

/*
	*************** Documents ***************
*/

body.Doc div#Page div#Left,
body.Doc div#Page div#Content,
body.Doc div#Page div.two-column div#Left,
body.Doc div#Page div.two-column div#Content {
	margin-top: 30px
}

body.Doc div#Page div.two-column div#Left {
	margin-top: 30px;
}

div#DocumentTabs {
	height: 84px;
}

div#DocumentTabs div.wrap {
	height: 84px;
	position: relative;
}

div#DocumentTabs div.search-tabs {
	height: 38px;
	width: 100%;
	position: absolute;
	text-align: center;
	bottom: -2px;
}

div#DocumentTabs div.search-tabs ul {
	/*margin-left: 226px;*/
  margin-left: 26px;
}

div#DocumentTabs div.search-tabs ul li {
	height: 39px;
	float: left;
	position: relative;
	padding-left: 18px;
}

div#DocumentTabs div.search-tabs ul li.active {
	background: #ffffff url("../Images/sprite_general.png") 0px -100px no-repeat;
}

div#DocumentTabs div.search-tabs ul li a {
	padding-top: 2px;
	height: 37px;
	line-height: 37px;
	padding-right: 18px;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #797977;
	text-shadow: #fff 0px 1px 0px, #d9d9d8 0px 2px 0px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

div#DocumentTabs div.search-tabs ul li.active a {
	padding-top: 0px;
	color: #333333;
	height: 39px;
	line-height: 39px;
	font-size: 12px;
	background: #ffffff url("../Images/sprite_general.png") right -50px no-repeat;
}

div#DocumentTabs div.search-tabs ul li a:hover {
	text-decoration: none;
}

div#DocumentTabs div.search-tabs ul li a:focus {
	outline: none;
}
 
/*
	Footer
*/

div#Footer {
	padding: 74px 0 34px 0;
	background: url("../Images/Footer_background.png") 0 0 no-repeat;
}

body.ForProjection div#Footer {
	display: none;
}

div#Footer ul {
	width: 132px;
	margin: 0 20px 0 10px;
	float: left;
}

div#Footer ul.footer-1 {
	margin-left: 85px;
}

div#Footer ul.footer-2 {
	width: 224px;
}

div#Footer ul.footer-3 {
}

div#Footer ul.footer-4 {
	width: 122px;
}

div#Footer ul.footer-5 {
}

div#Footer ul:last-child {
	margin-right: 0;
}

div#Footer ul li {
	margin: 0 0 4px 0;
	color: #797977;
	font-size: 12px;
	line-height: 16px;
}

div#Footer ul li h3 {
	margin: 0 0 18px 0;
}

div#Footer ul li a {
	padding-bottom: 1px;
}


/* DexExpress Grid
-------------------*/

.centerGrid
{
    margin: 0 auto;    
}

.centerDiv
{
    margin: 25px auto 0px auto;    
    /* width: 1350px; */
}

.centerDiv960
{
    margin: 25px auto 0px auto;    
    width: 960px;
}

/* eves naptar */
.ucAbsenceMonthLabel
{
  text-align: right;
  background-color: #888888;
  color: #ffffff;
  padding: 5px 10px 5px 10px;
}

.ucAbsenceMonthData
{
  padding: 0;
  width: 837;
  height: 25;
  background-repeat: no-repeat;
}