/* ----------------------------------------------------------------------------------------------------------

    Euro RSCG 4D (www.eurorscg4d.cz)

    Výstupní zařízení: screen, projection
    Autor:             Lukáš Tomek (info@lukastomek.cz)
    Vytvořeno:         29/06/2009

---------------------------------------------------------------------------------------------------------- */

/* -- Basics -- */
html, body, div, p, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, address   { margin: 0; padding: 0; list-style: none; }

html, body      { min-height: 100%; }
html            { background: #f37021 url('../images/bg-html.png') repeat-x; }
body            { position: relative; z-index: 0; }
body		        { font: normal 62.8%/1.3 Verdana, "Geneva CE", lucida, sans-serif; color: #dd4401; text-align: center; background: url('../images/bg-body.jpg') 50% 0 no-repeat; }
a			          { color: #f37021; }
a:hover	        { text-decoration: underline !important; }
a img   	      { border:0; }
input,
select,
textarea        { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; }
input.button,
select.button,
textarea.button { background: #fff; padding: 3px 8px; border: 2px solid #faaa5b; color: #934110 !important; vertical-align: middle; }
button.button   { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
input.submit    { width: 137px; height: 36px; overflow: visible; color: #fff; font-weight: bold; border: none; cursor: pointer; }
label           { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; }

h1	{ font-size: 2em; }
h2	{ font-size: 1.45em; }
h3	{ font-size: 1.3em; }
h4	{ font-size: 1.2em; }
h5	{ font-size: 1.1em; }
h6	{ font-size: 1em; }

h1, h2, h3, h4, h5, h6  { color: #dd4401; }

table           { border-collapse: collapse; width: 100%; }
table th        { text-align: left; }
table td.right  { padding-left: 5px; }
table th.right  { padding-left: 5px; }
table td.left   { padding-right: 5px; }
table th.left   { padding-right: 5px; }

blockquote  { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; }
fieldset    { border: 0 !important; }

/* -- User friendly features --*/
.hidden { display: none; }
.noscreen { position: absolute; left: 0; top: -999px; }

/* -- Basics layout -- */
#view     { text-align: left; }
#head     { font-size: 1.2em; position: relative; z-index: 10; }
#content  { font-size: 1.1em; position: relative; z-index: 1; }
#mainMenu { font-size: 1.1em; position: relative; z-index: 10; }
#foot     { font-size: 1.1em; z-index: 1; }

/* -- Main classes -- */
.fr		     { float: right !important; }
.fl		     { float: left !important; }
.clear     { clear: both !important; }
.right	   { text-align: right !important; }
.left		   { text-align: left !important; }
.center	   { text-align: center !important; }
.last		   { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; }
.small	   { font-size: .90em; }
.big       { font-size: 1.2em; }
.biggest   { font-size: 2em; }
.light     { color: #999999 !important; }
.clearfix  { width: 100%; overflow: hidden; padding-bottom: .6em; }
.alt       { font-weight: bold; }
.yellow    { color: #FFFF00 !important; }
.red       { color: #b7092a !important; }
.test      { border: 1px black solid; }
.smile     { vertical-align: middle; margin: 0 2px; }
.noBrd     { border: none !important; }
.noBrdL    { border-left: none !important; }
.noBrdR    { border-right: none !important; }
.autoWidth { width: auto !important; }
.inlink    { display: block; padding-left: 14px; background: url('../images/bg-inlink.gif') 0 4px no-repeat; }
.relative  { position: relative; }

/* -- Graphic overlays -- */
a.overlaid,
.overlaid a     { display: block; cursor: pointer; overflow: hidden; }
.overlaid       { position: relative; width: 100%; height: 100%; }
.overlaid span  { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/* -- Forms layout -- */
.formBox .lab			      { float: left; width: 19%; text-align: right; padding-right: 1%; font-weight: bold; }
.formBox .con			      { float: right; width: 80%; }
.formBox .clearfix	    { padding-bottom: .4em; }
.formBox .w100          { width: 98%; padding-left: 0; padding-right: 0; }
.formBox .submit        { margin-top: 10px; }
.formBox .error	        { background-color: #ffdf99; }
.formBox .readonly      { background-color: #fff0cf; }
.formBox .button:focus  { border-color: #dd4401; }

/* -- Basic content constructs -- */
.list         { margin-bottom: 0 !important; }
.offsetTop    { margin-top: 1em; }
.offsetBottom { margin-bottom: 1em; }
.info         { font-size: .91em !important; margin-bottom: 5px; color: #999999 !important; }

/* -- Cols layout -- */
.cols { height: 100%; overflow: hidden; }
.cols .col1 { float: left; }
.cols .col2 { float: right; }

.cols50 .col1,
.cols50 .col2 { width: 49%; }

/* -- Layout -- */
.holder       { position: relative; width: 983px; margin: 0 auto; }
#view         { overflow: hidden; }
#head         { height: 175px; }
#content      {  }
#mainMenu     { background: #f47f38 url('../images/bg-menu.png') repeat-x; }
#foot         { clear: both; text-align: center; color: #fff; padding: 20px 0 35px; }

  /* -- Header -- */
  #head #logo { width: 291px; height: 175px; margin: 0 auto; }
        #logo span { background: url('../images/bg-logo.jpg') no-repeat; }
  
  #head #header { position: absolute; width: 568px; height: 114px; left: 207px; top: 120px; z-index: 10; text-indent: -9999px }
        #header span { width: 568px; height: 114px; background: url('../images/bg-header.png') no-repeat; }
        
  #head .user { position: absolute; width: 220px; text-align: right; bottom: -20px; right: 35px; z-index: 10; color: #7b340a; line-height: 1.5em; }
  #head .user a { color: #7b340a; font-weight: bold; }
  
  
  /* -- Footer -- */
  #foot p { margin-bottom: 15px; color: #fff; }
  #foot p a { color: #fff; }
  #foot li { display: inline; }
  #foot li a,
  #foot li strong { margin: 0 15px 0 12px; text-decoration: none; font-weight: normal; color: #fff; }
  
  
  /* -- Main menu -- */
  #mainMenu .holder { position: relative; height: 220px; z-index: 10; }
  #mainMenu #menuInner { padding-left: 30px; margin-right: 110px; }
  #mainMenu ul { overflow: hidden; height: 159px; }
  #mainMenu ul li { float: left; padding-right: 28px; }
  #mainMenu ul li a { position: relative; display: block; float: left; height: 159px; z-index: 100; color: #fff; text-align: center; line-height: 5em; font-weight: bold; text-align: center; }
  #mainMenu ul li a span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 101; }
  #mainMenu ul li.active a span,
  #mainMenu ul li a:hover span { cursor: pointer; background-position: 0 -159px !important; }
  #mainMenu .text { width: 450px; height: 40px; overflow: hidden; margin: 0 auto; font-size: 1.5em; text-align: center; color: #fff; font-weight: bold; }
  #mainMenu .text span { background: url('../images/bg-menu-text.gif') no-repeat; }
  #mainMenu .hamiPack { position: absolute; top: -112px; right: -105px; z-index: -1; padding: 102px 0 0 38px; width: 270px; height: 251px; background: url('../images/hami-pack.png') no-repeat; }

    /* Graphic menu buttons */
    #mainMenu ul li.mm-1 a      { width: 153px; }
    #mainMenu ul li.mm-1 a span { background: url('../images/menu/mm-1.jpg') no-repeat; }
    #mainMenu ul li.mm-2 a      { width: 141px; }
    #mainMenu ul li.mm-2 a span { background: url('../images/menu/mm-2.jpg') no-repeat; }
    #mainMenu ul li.mm-3 a      { width: 142px; }
    #mainMenu ul li.mm-3 a span { background: url('../images/menu/mm-3.jpg') no-repeat; }
    #mainMenu ul li.mm-4 a      { width: 142px; }
    #mainMenu ul li.mm-4 a span { background: url('../images/menu/mm-4.jpg') no-repeat; }
    #mainMenu ul li.mm-5 a      { width: 142px; }
    #mainMenu ul li.mm-5 a span { background: url('../images/menu/mm-5.jpg') no-repeat; }
  

  /* -- Main content -- */
  #content .video { width: 460px; height: 300px; padding: 78px 6px 0 0; margin: 20px auto 0; text-align: center; background: url('../images/bg-video.jpg') no-repeat; }
  #content .photo { position: absolute; bottom: 0; width: 261px; height: 391px; }
  #content .photoLeft { left: 0; background: url('../images/bg-photos-left.jpg') no-repeat; }
  #content .photoRight { right: 0; background: url('../images/bg-photos-right.jpg') no-repeat; }
  
  #content #contentBlock { position: relative; width: 845px; height: 347px; overflow: hidden; margin: 40px auto 0; padding: 30px 40px 0 37px; color: #dd4401; background: url('../images/bg-maincontent.jpg') no-repeat; }
           #createAlbum { position: relative; width: 922px; height: 320px; padding: 25px 0 32px; overflow: hidden; margin: 40px auto 0; z-index: -1; background: url('../images/bg-maincontent.jpg') no-repeat; }
           #contentBlock .main { font-size: 1.2em; padding: 10px 15px 0; }
           #contentBlock .transparent { padding: 10px; background: url('../images/bg-transparent.png'); }
           #contentBlock .count { padding: 10px; }
           
           #contentBlock .submitted { text-align: center; }
           #contentBlock .submitted p { margin-top: 20px; font-weight: bold; }
           #contentBlock .submitted .sent { width: 300px; height: 170px; margin: 0 auto; background: url('../images/bg-submitted.png') no-repeat; }
           
           /* Default submit form */
           #contentBlock .submitForm {}
           #contentBlock .submitForm form { width: 600px; margin: 20px auto 0; }
           #contentBlock .submitForm .lab { width: 180px; padding-right: 10px; }
           #contentBlock .submitForm .con { width: 274px; padding: 0; float: left; }
           #contentBlock .submitForm .button { width: 254px; }
           #contentBlock .submitForm textarea { height: 80px; }
           #contentBlock .submitForm .warning { margin-left: 190px; width: 274px; clear: both; height: 21px; padding-top: 7px; text-align: center; background: url('../images/bg-contact-warning.png') no-repeat; }
           
           /* Contact form */
           #contentBlock .contact { position: relative; margin-top: 35px; }
           #contentBlock .contact form { width: 274px; margin: 0 auto; }
           #contentBlock .contact .lab { float: none; width: auto; text-align: left; }
           #contentBlock .contact .con { float: none; width: auto; }
           #contentBlock .contact .warning { margin: 0; }
           #contentBlock .contact .transparent { position: absolute; left: 0; top: 20px; text-align: left; line-height: 2em; }
           
           /* Login form */
           #contentBlock .loginForm {  }
           #contentBlock .loginForm form { width: 230px; margin: 30px auto 0; }
           #contentBlock .loginForm .lab { float: none; width: auto; text-align: left; }
           #contentBlock .loginForm .con { float: none; width: auto; }
           #contentBlock .loginForm .button { width: 210px; }
           #contentBlock .loginForm .warning { margin: 0; }
           #contentBlock .loginForm ul { width: 100% !important; float: left; text-align: center; margin-top: 40px; color: #934110; font-weight: bold; line-height: 1.5em; }
           
           /* Help list */
           #content .help {}
           #content .help .main { text-align: center; padding-top: 10px; }
           #content .help .col1,
           #content .help .col2 { width: 420px; }
           #content .help .items { padding-top: 5px; }
           #content .help .items .item { position: relative; padding: 6px 31px 6px 59px; overflow: hidden; height: 100%; }
           #content .help .items .item .img { float: left; width: 100px; }
           #content .help .items .item .self { margin-left: 110px; }
           #content .help .items .item .self .title { margin: 5px 0 10px; }
           #content .help .items .item .self p { color: #7b340a; font-size: 1.1em; }
           #content .help .items .item .number { position: absolute; width: 27px; height: 27px; top: 20px; left: 30px; text-indent: -5000px; }
           #content .help .items .item .number span { height: 27px; }
           #content .help .items .item:hover,
           #content .help .items .highlight { cursor: pointer; padding: 5px 30px 5px 58px; border: 1px #f9a85a solid; background: url('../images/bg-transparent.png'); }
           #content .help .items .list { width: 280px; float: right; }
           #content .help .items .list li { margin-top: 10px; }
           #content .help .items .list li a { display: block; color: #dd4401; height: 25px; padding: 10px 0 0 42px; font-weight: bold; font-size: 1.2em; }
           #content .help .items .list li.dvd a { background: url('../images/bg-help-dvd.png') no-repeat; }
           #content .help .items .list li.mbl a { background: url('../images/bg-help-mbl.png') no-repeat; }
                      
           #content .help .items .item .number-1 span { background: url('../images/bg-number-1.png') no-repeat; }
           #content .help .items .item .number-2 span { background: url('../images/bg-number-2.png') no-repeat; }
           #content .help .items .item .number-3 span { background: url('../images/bg-number-3.png') no-repeat; }
           #content .help .items .item .number-4 span { background: url('../images/bg-number-4.png') no-repeat; }
           #content .help .items .item .number-5 span { background: url('../images/bg-number-5.png') no-repeat; }
           
           /* Video list */
           #contentBlock .videosList { position: relative; width: 810px; padding: 5px; overflow: hidden; height: 275px; margin: 10px auto 0; background-color: #fff; border: 1px #f58231 solid; }
           #contentBlock .videosList .content { position: relative; width: 542px; float: left; height: 275px; overflow: auto; }
           #contentBlock .videosList .content .item { position: relative; padding: 10px; }
           #contentBlock .videosList .content .item .img img { border: 1px #f37021 solid; }
           #contentBlock .videosList .content .item .self { text-align: center; font-size: .9em; }
           #contentBlock .videosList .content .item .self .title { font-size: 1.2em; }
           #contentBlock .videosList .content .item .status { position: absolute; width: 29px; height: 29px; left: 90px; top: 65px; background: url('../images/bg-video-select.png') no-repeat; }
           #contentBlock .videosList .content .item .selected { background: url('../images/bg-video-selected.png') no-repeat; }
           #contentBlock .videosList .content .even { background-color: #fef8ee; }
           #contentBlock .videosList .content .item:hover,
           #contentBlock .videosList .content .highlight { cursor: pointer; background-color: #fff3de; }
           #contentBlock .videosList .player { position: relative; width: 262px; float: right; height: 235px; overflow: hidden; z-index: -1 !important; }
           #contentBlock .videosList .player #player { width: 100%; height: 100%; }
           #contentBlock .videosList .player #player * { float: left; position: relative; z-index: -10 !important; }
           /*#contentBlock .videosList .sendVideo { position: absolute !important; bottom: 15px; right: 5px; width: 200px; z-index: 150; color: #dd4401; text-align: right; }*/
           #contentBlock .videosList .sendVideo { color: #dd4401; text-align: right; display: block; width: 130px; float: right; }
           #contentBlock .videosList .sendVideo span { display: block; width: 23px; height: 16px; float: right; margin-left: 5px; cursor: pointer; background: url('../images/bg-video-back.png') no-repeat; }
           
           #contentBlock .bestVideosList .item { width: 96px; height: 130px; float: left; margin-right: 10px; }
           #contentBlock .bestVideosList .item .self { padding-top: 5px; }
           #contentBlock .bestVideosList .item .self .title { font-size: 1em !important; height: 28px !important; overflow: hidden; }
           #contentBlock .bestVideosList .sendVideo { margin-top: 14px; }
           
           /* My video list */
           #contentBlock .myVideoList {}
           #contentBlock .myVideoList .content {}
           #contentBlock .myVideoList .content .item { width: 497px; overflow: hidden; border-bottom: 1px #e5c68f dotted; }
           #contentBlock .myVideoList .content .item .img { float: left; width: 96px; }
           #contentBlock .myVideoList .content .item .self { text-align: left; font-size: 1.1em; float: left; width: 370px; padding-left: 20px; }
           #contentBlock .myVideoList .content .item .self table th { width: 90px; color: #934110; }
           #contentBlock .myVideoList .content .item .self table th,
           #contentBlock .myVideoList .content .item .self table td { padding: 5px 0; vertical-align: top; }
           #contentBlock .myVideoList .content .item .delete { position: absolute; width: 13px; height: 13px; top: 15px; right: 15px; text-indent: -1000px; z-index: 100; background: url('../images/bg-video-delete.png') no-repeat; }
           #contentBlock .myVideoList .content .item .delete span {  }
           #contentBlock .myVideoList .content .item:hover { cursor: auto; }
           #contentBlock .myVideoList .content .item .sendVideo { position: absolute; right: 10px; bottom: 15px; float: none; }
           #contentBlock .myVideoList .burnVideo { display: block; float: right; width: 262px; z-index: 200; height: 34px; text-align: center; margin: 5px 0 0 0; }
           #contentBlock .myVideoList .burnVideo span { z-index: 200; background: url('../images/bg-button-burn.png') no-repeat; }
           
           #contentBlock .linkBox { position: absolute; text-align: right; top: 38px; right: 50px; z-index: 10; font-weight: bold; }
           #contentBlock .linkBox .button { width: 260px; }
           
           #contentBlock .paging { clear: both; padding: 15px 10px 5px; overflow: hidden; }
           #contentBlock .paging li { float: left; margin-right: 5px; }
           #contentBlock .paging li a { }
           #contentBlock .paging li a,
           #contentBlock .paging li.active span { display: block; padding: 2px 5px; }
           #contentBlock .paging li.active span { background: #f1b463; color: #fff;  }
           
           /* Text lightbox */
          .lightbox { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 700; font-size: 1.2em; color: #934110; text-align: left; }
          .lightbox .overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #f37021; filter:alpha(opacity=20); -moz-opacity: 0.20; opacity: 0.20; }
          .lightbox .in { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 800; }
          * html .lightbox .overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
          * html .lightbox .in  { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

          .lightbox .message { position: relative !important; z-index: 701; width: 450px; height: 270px; margin: 0 auto 0; background: url('../images/bg-transparent.png'); }
          .lightbox .message h3 { margin-bottom: 10px; }
          .lightbox .message .content { position: relative; z-index: 705; padding: 10px; border: 1px #f68b45 solid; background: url('../images/bg-transparent.png'); }
          .lightbox .message .content .inner { height: 200px; overflow: auto; padding: 15px; border: 1px #f68b45 solid; background: url('../images/bg-transparent.png'); }
          .lightbox .message .close { position: absolute; cursor: pointer; width: 35px; height: 35px; top: 3px; right: 8px; background: url('../images/bg-lightbox-close.png') no-repeat; }
           
           /* Long text with scrollbar */
           #contentBlock .termsText { width: 500px; height: 240px; margin: 15px auto 0; padding: 15px; color: #934110; border: 1px #f78d3e solid; overflow: auto; background: url('../images/bg-transparent.png'); }
           
           /* Default text style */
           #contentBlock .text p { text-align: justify; }
           #contentBlock .text p { margin-bottom: 15px; }