/* CSS reset
------------------------------------------------------------------------- */
/* alap beallitasok, margin-ok es padding-ok nullazasa */
html, body, form, input, select, fieldset {font-size: 12px; font-family: Arial, Verdana, Tahoma; color:#3b3b3b; }
body {background-color:#e7e1ed;}
/* heading es egyeb formazasok, melyek mas alapertelmezett margokkal birnak az egyes bongeszokben */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, address {margin: 0px; padding: 0px; }
/* alapertelmezett betumeret ezeknel az elemeknel */
h1, h2, h3, h4, h5, h6, pre, code {font-size: 12px; position:relative;}
ul, ol {list-style: none; }
/* a linkek kez alakot kapjanak mindenhol */
form label {cursor: pointer; }
address {font-style: normal; }
/* a linkek alapertelmezett alahuzasat szunteti meg */
:link,:visited { text-decoration: none;  }
/* linkelt kepek keretezesenek megszuntetese */
a img,:link img,:visited img {border: none; }
/* a bordert nullazzuk fieldset eseteben */
fieldset {border: none; }
/* float-olt elemek utan hasznalatos clear */
div.clear, span.clear {clear:both; font-size:0;height:0;overflow:hidden;line-height:0;visibility:hidden; }


/* miniframework
------------------------------------------------------------------------- */

/* colors */
.white       {color:#ffffff !important;}
.black       {color:#000000 !important;}
.pink        {color:#ae5995 !important;}
.blue        {color:#3781c2 !important;}
.green       {color:#629f09 !important;}
.red         {color:#ed1c24 !important;}
.gray        {color:#3b3b3b !important;}
.graylight   {color:#808080 !important;}
.graylighter {color:#c7cbce !important;}

/* horizontal rules */
hr.white       {background-color:#ffffff !important; font-size:0px; border:none;}
hr.black       {background-color:#000000 !important; font-size:0px; border:none;}
hr.pink        {background-color:#ae5995 !important; font-size:0px; border:none;}
hr.blue        {background-color:#3781c2 !important; font-size:0px; border:none;}
hr.green       {background-color:#629f09 !important; font-size:0px; border:none;}
hr.red         {background-color:#ed1c24 !important; font-size:0px; border:none;}
hr.gray        {background-color:#3b3b3b !important; font-size:0px; border:none;}
hr.graylight   {background-color:#808080 !important; font-size:0px; border:none;}
hr.graylighter {background-color:#c7cbce !important; font-size:0px; border:none;}

/* weights */
hr.thin {height:1px !important;}
hr.bold {height:2px !important;}

/* margins */
.ml0  {margin-left:0px !important;}
.ml5  {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.mr0  {margin-right:0px !important;}
.mr5  {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.mt0  {margin-top:0px !important;}
.mt5  {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.mb0  {margin-bottom:0px !important;}
.mb5  {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

/* paddings */
.pl0  {padding-left:0px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}

.pr0  {padding-right:0px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}

.pt0  {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}

.pb0  {padding-bottom:0px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}

/* text-indents */
.ti10  {text-indent:10px !important;}
.ti20  {text-indent:20px !important;}
.ti30  {text-indent:30px !important;}
.ti40  {text-indent:40px !important;}
.ti50  {text-indent:50px !important;}
.ti60  {text-indent:60px !important;}
.ti70  {text-indent:70px !important;}
.ti80  {text-indent:80px !important;}
.ti90  {text-indent:90px !important;}
.ti100 {text-indent:100px !important;}

/* floats */
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

/* borders */
.noborder {border:none !important;}

/* font sizes */
.fs9 {font-size:9px !important;}
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs24 {font-size:24px !important;}
.fs26 {font-size:26px !important;}
.fs28 {font-size:28px !important;}
.fs30 {font-size:30px !important;}
.fs32 {font-size:32px !important;}
.fs34 {font-size:34px !important;}
.fs36 {font-size:36px !important;}
.fs38 {font-size:38px !important;}
.fs40 {font-size:40px !important;}

.lh12 {line-height:12px !important;}
.lh14 {line-height:14px !important;}
.lh16 {line-height:16px !important;}
.lh18 {line-height:18px !important;}
.lh20 {line-height:20px !important;}
.lh22 {line-height:22px !important;}
.lh24 {line-height:24px !important;}
.lh26 {line-height:26px !important;}
.lh28 {line-height:28px !important;}
.lh30 {line-height:30px !important;}
.lh32 {line-height:32px !important;}
.lh34 {line-height:34px !important;}
.lh36 {line-height:36px !important;}

/* weights */
.thin {font-weight:normal !important;}
.bold {font-weight:bold !important;}

/* widths */
.w10  {width:10px !important;}
.w20  {width:20px !important;}
.w30  {width:30px !important;}
.w40  {width:40px !important;}
.w50  {width:50px !important;}
.w60  {width:60px !important;}
.w70  {width:70px !important;}
.w80  {width:80px !important;}
.w90  {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w160 {width:160px !important;}
.w170 {width:170px !important;}
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}
.w210 {width:210px !important;}
.w220 {width:220px !important;}
.w230 {width:230px !important;}
.w240 {width:240px !important;}
.w250 {width:250px !important;}
.w260 {width:260px !important;}
.w270 {width:270px !important;}
.w280 {width:280px !important;}
.w290 {width:290px !important;}
.w300 {width:300px !important;}
.w310 {width:310px !important;}
.w320 {width:320px !important;}
.w330 {width:330px !important;}
.w340 {width:340px !important;}
.w350 {width:350px !important;}
.w360 {width:360px !important;}
.w370 {width:370px !important;}
.w380 {width:380px !important;}
.w390 {width:390px !important;}
.w400 {width:400px !important;}


/* Info, error, warning and success messages
------------------------------------------------------------------------- */
.info,.error,.warning,.success {padding:5px; border:1px solid #ddd;margin-bottom:5px;}
.info.noicon,.error.noicon,.warning.noicon,.success.noicon {background-image:none !important;}

.info      {font-size:12px; font-weight:normal; background: #daeaf4; color: #000000; border-color: #8abfe1; background-image:url(/esodefault/images/icons/info.png); background-repeat:no-repeat;background-position: 7px 7px;padding-left:35px;}
.error     {font-size:12px; font-weight:bold;   background: #fbe3e4; color: #d11503; border-color: #fbc2c4; background-image:url(/esodefault/images/icons/error.png); background-repeat:no-repeat;background-position: 7px 7px;padding-left:35px;}
.warning   {font-size:12px; font-weight:bold;   background: #fff6bf; color: #514721; border-color: #ffd324; background-image:url(/esodefault/images/icons/warning.png); background-repeat:no-repeat;background-position: 7px 7px;padding-left:35px;}
.success   {font-size:12px; font-weight:bold;   background: #e6efc2; color: #264409; border-color: #c6d880; background-image:url(/esodefault/images/icons/success.png); background-repeat:no-repeat;background-position: 7px 7px;padding-left:35px;}
.info a    {text-decoration:none; /*color:#000000;*/ font-weight:bold;}
.error a   {text-decoration:none; /*color:#d11503;*/}
.warning a {text-decoration:none; /*color:#514721;*/}
.success a {text-decoration:none; /*color:#264409;*/}

.info a:hover    {text-decoration:underline;}
.error a:hover   {text-decoration:underline;}
.warning a:hover {text-decoration:underline;}
.success a:hover {text-decoration:underline;}

/* uppercase/lowercase */
.upper {text-transform:uppercase;}
.lower {text-transform:lowercase;}