/*  
 @author 	Webapix Kft. 
 @copyright Minden jog fenntartva.
 @version	1.0
*/

		body {
			width: 100%;
		}
		
		th, td {
			padding: 4px 1px;
		}
		.kiemelt      {
				color:white; 
				font-weight:bold;
				background: #5c5c5c;}
		.kiemeltht    {background: #B1B1B1;}
		.kiemeltht td   { text-align: left;
			padding: 8px 10px;
			border-bottom: 1px solid #fff;
		}
		/*.kiemeltbk    {background: #D0E2F2;}
		.kiemeltsz      {
				background: #B1B1B1;}
		.kiemeltszbk    {background: #DDDDDD;}*/
		.kiemelt td {
			padding: 8px 10px;
			color:white; 
			font-weight:bold;
			border-bottom: 1px solid #fff;
		}
		.windowtitle {
   		    background: #1CA7D0;
		    background-image: url('cimcsik.jpg');
		    background-repeat: repeat-y;
			color:#FFFFFF;
			width: 100%; 			
		}
		.balmenu {
		    background: #173149;
			color: #FFFFFF;
			width: 200;
			height:600;
		}		
		.balmenu a {
		   color: #3D82C3;
		   font-weight:bold;
		}
		.balmenu a:hover {
		   color: #C8DCEE;
		}
		A.li {
		   color: #3D82C3;
		   font-weight:bold;
		}
		A.li:hover {
		   color: #C8DCEE;
		}
		.window {
           background: #DCD8D2;
           text-align:left;
   		   padding-bottom:20px;
		   border-style: outset;
		   border-width: thin;           
		}
		/*.window H1 {
		  background: #1CA7D0;
		  background-image: url('cimcsik.jpg');
		  background-repeat: repeat-y;
          color:#FFFFFF;
		  width: 100%; 
		  font-size: medium;
		  text-align:left;
		  padding-left:0px;
		  padding-bottom:0px;
		  padding-top:0px;
		  margin-top:0px;
		  margin-bottom:0px;
		}
		*/
		.window P {
		   padding-left:20px; 
		}
		.window P#info {
           padding-left:5px;  
           padding-right:20px;
		}

		.window P#error {
           padding-left:5px;  
           padding-right:20px;
		}
		
		.window P#warning {
           padding-left:5px;  
           padding-right:20px;
		}

		.window P#szoveg {
           padding-left:15px;  
           padding-right:20px;  
           text-align:justify;
		}

		
		/*.damage {
			color: white;
			background: #FF0000;
			font-size: medium; 
		}*/
		
		
.tabsystem {
 border: none;
 width: 100%;
 scrollbar-3dlight-color:#666;
 scrollbar-arrow-color:#eee;
 scrollbar-base-color:#ffffff;
 scrollbar-darkshadow-color:#ffffff;
 scrollbar-face-color:#eeeeee;
 scrollbar-highlight-color:#eeeeee;
 scrollbar-shadow-color:#666;
}

.tabsystem .tabcontainer ul {
    list-style-type: none;
    display: inline;
    margin: 0; padding: 0;
    border: none;
}

.tabsystem .tabcontainer li {
    list-style-type: none;
    display: inline;
    margin: 0; padding: 0;
    border: none;
}

.tabsystem .firstHeading {
 display: block;
 text-align: right;
 border: 1px #bbb dotted;
 border-width: 0px 0px 1px 0px;
 padding-bottom: .5em;
 margin-bottom: 1em;
}

.tabsystem .tabcontainer {
 margin:0;padding:0;
 background-color: #fff;
 border: none;
 float: left;
 filter: none;
}

.tabsystem .tabpage {
 background: #fff;
 padding: 2em 2em;
 font: 14px Verdana;
 color: black;
 border: 1px solid rgb( 145, 155, 156 );
 clear: both;
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#eeeeee');
}

.tabsystem .tabpage2 {
 background: #222222;
 padding: 0 0;
 font: 14px Verdana;
 color: white;
 border: 1px solid rgb( 145, 155, 156 );
 clear: both;

}

.tabsystem .tabcontainer .tab {
 background-image: url('img/tab.png');
 position:	relative;
 top: 0;
 display: inline;
 float: left;
 overflow: hidden;	
 border: 0px none;
 z-index: 1;
 white-space: nowrap;
 text-align: center;
 width: 70px;
 height: 18px; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Tahoma; margin-left:0px; margin-right:1px; margin-top:1px; margin-bottom:1px; padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:0px
}

.tabsystem .tabcontainer .tab-hover {
 background-image: url('img/tab.hover.png');
 width: 70px;
 height: 18px; margin-left:0px; margin-right:1px; margin-top:1px; margin-bottom:1px
}

.tabsystem .tabcontainer .tab-active{
 position:	relative;
 top: 1px;
 display: inline;
 float: left;
 overflow: hidden;	
 border: 0px none;
 z-index: 1;
 white-space: nowrap;
 text-align: center;
 width: 74px;
 height: 18px;
 background-image: url('img/tab.active.png');
 letter-spacing: 0px;
 text-decoration: none; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Tahoma; margin-left:0px; margin-right:1px; margin-top:1px; margin-bottom:1px; padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:0px
}

A.link:link 	  { COLOR: #3F3F3F; font-style: normal; TEXT-DECORATION: none}
A.link:visited 	  { COLOR: #3F3F3F; font-style: normal; TEXT-DECORATION: none}
A.link:hover	  { COLOR: #000000; font-style: normal; TEXT-DECORATION: underline }

th, td {
	padding: 4px 1px;
}
table.ordertable td,table.ordertable th {
    padding:3px;
    border:1px solid #fff;
}
table.ordertable th{
    background:#25527B;
    color:#fff;
}
table.ordertable td{
    background:#D0E2F2;
}

.oldalcim {
	font-size:22px;
	font-weight:bold;
	margin:30px 0 15px 10px;
}

.newlink {
	display:block;
	margin:0 0 20px 0;
	text-align:right;
	font-weight:bold;
	color:#3F3F3F;
    font-size:14px;
	float:right;
}

.prevlink {
	display:block;
	margin:0 0 10px 10px;
	text-align:left;
	font-weight:bold;
	color:#3F3F3F;
	font-size:12px;
}

.newlink:hover, .prevlink:hover {
	text-decoration:underline;
}

#stat table {
            width:100%;
        }
        
       #stat table th {
            background:#225;
            color:white;
            font-weight:bold;
          	
            font-size:12px;
            line-height:14px;
            width:180px;
			padding:10px;
			vertical-align:middle;
        }
        
       #stat table tr {
            color:black;    
            font-size:12px;
            line-height:24px;
            height:34px;
        }
        
       #stat table td {
           
            width:180px;
			padding:10px;
			vertical-align:middle;
        }
        
       #stat table td a {
            text-decoration:underline;
        }
       #stat tbody tr.even td{
            background-color:#c0d2f2;
        }  
       #stat tbody tr.odd td{
            background-color:#d0e2f2;
        }
       #stat .type{
            text-align:center;
            font-weight:bold;
        }

#stat a {
	color:#225;
}

#stat a:hover {
	text-decoration:underline;
}

.statlinks a {
	display:inline-block;
	background:#eee;
	border:1px solid #ccc;
	padding:6px;
	color:#222255;
	font-weight:bold;
	margin:0 5px 0 0;
}

.statlinks a:hover {
	text-decoration:underline;
}
		
/* pager */

.pager {
	display: block;
	text-align: center;
	margin: 15px 0;
}

.pager li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 0 3px;
}

.pager li a {
	color: #5c5c5c;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.pager li a:hover {
	color: #215c7e;
	
}

.pager li b {
	color: #215c7e;
}


/* formatted-table */

table.formatted-table {
	width:100%;
}

table.formatted-table th {
	background:#225;
	color:white;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	line-height:24px;
	min-width:100px;
}

table.formatted-table tr {
	color:black;    
	font-size:12px;
	line-height:24px;
	height:34px;
}

table.formatted-table td {
	text-align:center;
	min-width:100px;
	padding: 2px 1px;
}

table.formatted-table td a {
	text-decoration:underline;
}

.formatted-table .even{
	background-color:#c0d2f2;
}  
.formatted-table .odd{
	background-color:#d0e2f2;
}


/* loader */

#loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}

#loader .overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
	z-index: 1300;
}

#loader .loader {
	background: url(images/preloader.gif) no-repeat 50% 50%;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9999;
	background-color: #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	margin-left: -14px;
}

table#product a:link {
    color: #666;
    font-weight: bold;
    text-decoration:none;
}
table#product a:visited {
    color: #999999;
    font-weight:bold;
    text-decoration:none;
}
table#product a:active,
table#product a:hover {
    color: #bd5a35;
    text-decoration:underline;
}
table#product {
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    font-size:12px;
    text-shadow: 1px 1px 0px #fff;
    background:#eaebec;
    margin:20px;
    border:#ccc 1px solid;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}
table#product th {
    padding:21px 25px 22px 25px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;

    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table#product th:first-child {
    text-align: left;
    padding-left:20px;
}
table#product tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
table#product tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
table#product tr {
    text-align: center;
    padding-left:20px;
}
table#product thead td{
    text-align: center;
}
table#product td:first-child {
    border-left: 0;
}
table#product td {
    padding:5px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;

    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table#product tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table#product tr:last-child td {
    border-bottom:0;
}
table#product tr:last-child td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
table#product tr:last-child td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
table#product tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);    
}
#resp{
    margin-top:10px;
}
#resp p{
        padding-top:5px;
    padding-bottom:5px;
}
table#product thead tr td{
    font-weight: bold;
}


table.transactionTable a:link {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

table.transactionTable a:visited {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

table.transactionTable a:active,
table.transactionTable a:hover {
	color: #bd5a35;
	text-decoration: underline;
}

table.transactionTable {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-shadow: 1px 1px 0px #fff;
	background: #eaebec;
	margin: 20px;
	border: #ccc 1px solid;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}

table.transactionTable th {
	padding: 21px 25px 22px 25px;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top, #ededed, #ebebeb);
}

table.transactionTable th:first-child {
	text-align: left;
	padding-left: 20px;
}

table.transactionTable tr:first-child th:first-child {
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}

table.transactionTable tr:first-child th:last-child {
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}

table.transactionTable tr {
	text-align: center;
	padding-left: 20px;
}

table.transactionTable thead td {
	text-align: center;
}

table.transactionTable td:first-child {
	border-left: 0;
}

table.transactionTable td {
	padding: 5px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

table.transactionTable tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

table.transactionTable tr:last-child td {
	border-bottom: 0;
}

table.transactionTable tr:last-child td:first-child {
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

table.transactionTable tr:last-child td:last-child {
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

table.transactionTable tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}
table.transactionTable thead tr td{
    font-weight: bold;
}


/* CIMKEZO */

.cimkezoA td {
	background: #e8f4d9 !important;
}

.cimkezoB td {
	background: #f4dcf3 !important;
}

.cimkezoC td {
	background: #fffbd3 !important;
}

.cimkezoD td {
	background: #ccf4f3 !important;
}

/* KATEGORIZAL */

.highlightRow td {
	background: #c6e29f !important;
}

.docs-modal{
    text-align: left;
    font-size: 10pt;
    line-height: 1.6;
}

.docs-modal p{
    margin: 0 0 11px;
}

.docs-modal table{
    width: 100%;
    margin-bottom: 22px;
}

.docs-modal table td{
    padding: 8px;
    line-height: 1.6;
    vertical-align: top;
    border: 1px solid #ddd;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loading-modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
    url('http://sampsonresume.com/labs/pIkfp.gif')
    50% 50%
    no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loading-modal {
    display: block;
}

.center {
    text-align: center;
}