* { margin:0; padding:0; }
rgb(0,0,0)body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border: none; }
body { padding: 0 0 20px 0; background: #f2f2f2 url('../images/top-bg.jpg') repeat-x; font: normal 75%/1 Arial,sans-serif; color: #333333; text-align: center; }
textarea {font: normal 100% Arial,sans-serif;}

/* links --------------------------------------------------------------- */
a {color: black;}
a:link {color: black;}
a:hover {color:black;text-decoration: none;}

/* H2 - H5 --------------------------------------------------------------------- */
h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h2 { font-size: 1.2em; margin: 5px 0 15px 10px; color: #333333; }
h3 { font-size:1.3em; color: #333333; }
h4 { font-size:1.0em; color: #333333 }
h5 { font-size:1.0em; }


/* header ------------------------------------------------------------------ */
#header {  }
  #header #panel-top {position: relative;height: 80px; width: 966px; margin: 0 auto; text-align: left;}
  #header h1#logo { display: block; width: 272px; height: 80px; font-size:160%; position: absolute; top: 0; left: -50px;}
  #header h1#logo a{ display: block; }
  #header h1#logo span.cs { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 272px; height: 80px; background: url("../images/logo-cz.gif") 0 0 no-repeat; cursor: pointer; }
  #header h1#logo span.sk { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 272px; height: 80px; background: url("../images/logo-sk.gif") 0 0 no-repeat; cursor: pointer; }

  /* navigation --------------------------------------------------- */
  #header #headpanel {position: absolute; top: 10px; right: 10px ;color: #ababab; width: 502px;}
    #header #headpanel a {color: #fff;}
    #header #headpanel .flt-l {padding: 5px; border-right: 1px solid #202123;height: 50px;text-align: right;width: 360px;}
      #header #headpanel .flt-l ul#icons {list-style:none;line-height: 37px;height: 37px;padding: 0; margin:0 10px 0 0; }
      #header #headpanel .flt-l ul#icons li {float:left; position: relative; margin:0; padding:0; width: 35px; height: 26px;}
        #header #headpanel .flt-l ul#icons li a { width: 35px; height: 26px; line-height: 26px; text-align: center; display: block; float: left; text-decoration: none;}
        #header #headpanel .flt-l ul#icons li a img {border: none;}
      #header #headpanel .flt-l .links {padding-right:15px;}
        #header #headpanel .flt-l .links .oplatky {padding-left: 17px; background: url('../images/ico-oplatky.jpg') no-repeat left 55%;}
    #header #headpanel .flt-r {padding: 5px; border-left: 1px solid #3e3f41;text-align: right; width: 120px;height: 50px;line-height: 1.2em;}
      #header #headpanel .flt-r span {font-size: 0.9em;}
      #header #headpanel .flt-r strong {display: block;color: #fff;}
      #header #headpanel .flt-r a.logout {display: block;padding: 7px 0 0 20px;background: url('../images/ico-logout.jpg') no-repeat 57% 80%;}
    #header #headpanel .infoPanel {float: left;margin-left:120px;padding: 7px 5px 5px 30px; border-right: 1px solid #202123;height: 50px;text-align: left;width: 295px;background: url('../images/ico-tips-large.gif') no-repeat top left;}
    #header #headpanel .infoPanel h5 {margin: 0px; padding: 3px 0px 3px 0px; color: rgb(223,201,16); font-size: 120%;}
    #header #headpanel .infoPanel p {margin: 0px; padding: 0px; font-size: 90%; line-height: 1.4em;}
    #header #headpanel .infoPanelRight {float: left;padding: 0px; border-left: 1px solid #3e3f41;width: 5px;height: 50px;}

  #header #head { background: url('../images/head-bg.jpg') repeat-x bottom;}
    #header #head .in{background: url('../images/header.jpg') no-repeat bottom; position: relative; width: 966px; margin: 0 auto; text-align: left;height: 110px;}
    #header #head .in.home {height: 303px;}
    #header #head .in.dotaznik {height: 70px; background: none;}

      #header #head .in #nazor {display: block; width: 296px;height:36px;line-height:36px;position: relative;top:15px; left:20px; z-index: 10;}
      #header #head .in #nazor span.cs {width: 296px;height:36px;position: absolute; top:0;left:0; background: url('../images/nazor-small.jpg') no-repeat;}
      #header #head .in #nazor span.sk {width: 296px;height:36px;position: absolute; top:0;left:0; background: url('../images/nazor-small-sk.jpg') no-repeat;}
      #header #head .in.home #nazor {display: block; width: 385px;height:46px;line-height:46px;position: relative;top:20px; left:20px; z-index: 10;}
      #header #head .in.home #nazor span.cs {width: 385px;height:46px;position: absolute; top:0;left:0; background: url('../images/nazor.jpg') no-repeat;}
      #header #head .in.home #nazor span.sk {width: 385px;height:46px;position: absolute; top:0;left:0; background: url('../images/nazor-sk.jpg') no-repeat;}
      #header #head .in p {position: relative; z-index: 10;width: 370px;font-size: 1.2em;line-height: 1.3em;color: #000;margin: 30px 0 0 0;position: relative; left:20px;}
      #header #head .in #pripojte-se {display: block; float: left; width: 148px;height:36px;line-height:36px;position: relative;top:13px;left: 20px;margin-bottom: 20px; z-index: 10;}
      #header #head .in #pripojte-se span.cs {width: 148px;height:36px;position: absolute; top:0;left:0; background: url('../images/pripojte-se.jpg') no-repeat;cursor:pointer;}
      #header #head .in #pripojte-se span.sk {width: 148px;height:36px;position: absolute; top:0;left:0; background: url('../images/pripojte-sa.jpg') no-repeat;cursor:pointer;}

      #header #head .in #o-projektu {display: block; float: left;width: 148px;height:36px;line-height:36px;position: relative;top:13px;left: 30px;margin-bottom: 20px; z-index: 10;}
      #header #head .in #o-projektu span.cs {width: 148px;height:46px;position: absolute; top:0;left:0; background: url('../images/o-projektu.jpg') no-repeat;cursor:pointer;}
      #header #head .in #o-projektu span.sk {width: 148px;height:46px;position: absolute; top:0;left:0; background: url('../images/o-projekte.jpg') no-repeat;cursor:pointer;}
      #header #head .in #postavicka {width: 248px;height: 258px; background: url('../images/postavicka.jpg') no-repeat; position: absolute; top: 26px; left: 347px; z-index: 1;}
      #header #head .in #flash {position: absolute; right:30px;top:10px;width:330px;height:236px;background: url('../images/head-sep.jpg') no-repeat left}
        #header #head .in #flash #player { padding: 4px 0 0 4px; position: absolute; top:5px; left:20px; width: 318px; height: 228px; background: url('../images/flash-bg.jpg') no-repeat;}
/* layout ---------------------------------------------------------------------- */
#layout { width: 966px; margin:0 auto 0 auto; text-align:center;  }


  #container { width:960px; margin: 0 auto; text-align: left; clear: both;position: relative; top: -35px;}
  #container.dotaznik {top: -45px;}

    #content {width: 748px; float: right; padding: 0 11px 10px 11px;background: #fff;position: relative;top: 30px;left:-1px;}
    #content.dotaznik {width: 960px; padding: 0; top:0;}

      #content.dotaznik .dotaznik-title {height: 45px;background: #f2f2f2;}
        #content.dotaznik .dotaznik-title h2 {margin:0; font-size: 2.0em;font-weight:normal;padding: 10px 20px;float: left;}
        #content.dotaznik .dotaznik-title p {float: right;padding: 20px 20px 0 0;color: #6d6d6d;}
      #content.dotaznik .box {padding: 20px;}
        #content.dotaznik .box h3 {font-size: 1.2em;margin-bottom: 30px;}
        #content.dotaznik .box h3 span {padding: 2px 5px; margin-right: 5px; background: #7cb928 ; color: #fff;}
        #content.dotaznik .box .arrow {padding-left: 15px; background: url('../images/arrow.jpg') no-repeat left 50%;}
        #content.dotaznik .box table.dotaznik {border-collapse:collapse; border-spacing:0;margin: 15px 0; border: 1px solid #7cb928; border-bottom: 0; width: 100%;}
        #content.dotaznik .box table.dotaznik td { padding: 5px; border-bottom: 1px solid #7cb928;}
        #content.dotaznik .box table.dotaznik td.radiobutton {width: 30px;text-align: center; }
          #content.dotaznik .box table.dotaznik td.radiobutton .radio {width: 20px; height: 16px;}
          /*#content.dotaznik .box .submit-style {width: auto; padding: 0 10px;font-size: 0.9em;padding-bottom: 5px;height:25px;line-height:22px;}*/


      #content #navigation {position: relative; top: -28px;left: 33px; z-index: 1;}
      #content #navigation .active {font-weight: bold;}
      #content .panel p {line-height: 1.5em;}
      #content .panel.left {width: 518px; float: left;}
      #content .panel.right {width: 220px; float: right;}
      #content .panel.left .box {border: 1px solid #dedede;margin-top: 20px;}
        #content .panel.left .box .top-title {background: #f2f2f2 url('../images/ico-olp-face.gif') no-repeat 5px 50%;padding:6px 5px 0px 20px; min-height: 19px;}
          #content .panel.left .box .top-title h3 {font-size: 0.9em;color:rgb(104,110,94);padding:0px;margin:0px;font-weight:normal;text-transform: uppercase;}
        #content .panel.left .box .inbox {border: 1px solid #f2f2f2; padding: 15px 15px 0px 15px;letter-spacing: 0em;line-height: 1.6em;}
          #content .panel.left .box .inbox h4 {color: rgb(104,110,94); margin: 0px; padding: 0px; font-weight: bold; font-size: 1.0em;}
          #content .panel.left .box .inbox p {margin-bottom: 16px;padding: 0; font-size: 90%;}
          #content .panel.left .box .inbox img {margin: 5px 10px;}
          #content .panel.left .box .inbox .source {text-align: right; padding: 5px 0px 5px 0px; font-size: 90%;}

/*  Quick poll styles */
		.box.poll {border: 1px solid #767676; background-color: #dedede; margin:10px 0px 10px 0px;}
		.box.poll p {padding: 0px 0px 10px 0px;}
		.box.poll .inbox {padding: 10px 10px 10px 5px;}
		.box.poll h3 {font-size: 1.0em;margin: 0;height: 29px; line-height: 29px;padding:0 0 0 30px;color: white;text-transform: uppercase;background: rgb(118,118,118) url('../images/ico-olp-face-04.gif') no-repeat 2px 55%;}
        .box.poll label {display: block;min-height: 20px; line-height: 110%;clear: both;margin-bottom:1px;;}

        .box.poll .inbox .sendAnswer {display: block; width: 100px; margin: 10px auto 0px auto; text-align: center;}
        .box.poll .inbox .quickPollQuestion {font-weight: bold;}
        .box.poll .inbox .quickPollAnswers {padding-left: 10px;}

        .box.poll .inbox .quickPollResults {}
        .box.poll .inbox .quickPollResults .answer {text-align: right;}
        .box.poll .inbox .quickPollResults .radioBarCell {background-color: white; height:12px; width:100px;}



      #content .panel.right .box {border: 1px solid #dedede;margin-bottom:10px;}
        #content .panel.right .box fieldset {border: none;}
        #content .panel.right .box p {padding: 0;}
        #content .panel.right .box .inbox {padding-bottom: 10px;}
        #content .panel.right .box h3 {font-size: 1.0em;margin: 0;height: 32px; line-height: 32px;padding:0 0 0 33px;color: #000;text-transform: uppercase;}

        #content .panel.right .box.news h3 {background: #f2f2f2 url('../images/ico-news.jpg') no-repeat 10px 55%;}
        #content .panel.right .box.news .first {border-bottom: 1px solid #dedede;margin-bottom: 0;padding-bottom: 5px;}
        #content .panel.right .box.news .last {border-top: 1px solid #bfbfbf;padding-top: 6px;}
        #content .panel.right .box.news a.archiv {display: block; text-align: right; padding: 3px; background: #f2f2f2;font-size: 0.9em;}

        #content .panel.right .box .inbox {border: 1px solid #f2f2f2; padding: 10px 10px 5px;}
        #content .panel.right .box .inbox .title a {color: #000}

        .boxFacebook {border: 1px solid #767676; background-color: #dedede; margin:10px 0px 10px 0px;}
        .boxFacebook p {padding: 0;}
        .boxFacebook .inbox {padding: 10px 10px 10px 5px;}
        .boxFacebook h3 {font-size: 1.0em;margin: 0;height: 29px; line-height: 29px;padding:0 0 0 30px;color: white;text-transform: uppercase;background: rgb(118,118,118) url('../images/ico-olp-face-02.gif') no-repeat 2px 55%;}
        .boxFacebook {font-size: 90%; line-height: 1.3em;}
        .boxFacebook .moreInfo {display: block; float: right; padding-top: 5px;}

        .boxPrivacy {border: 1px solid #767676; background-color: #dedede; margin-bottom:10px;}
        .boxPrivacy p {padding: 0;}
        .boxPrivacy .inbox {padding: 10px 10px 10px 5px;}
        .boxPrivacy h3 {font-size: 1.0em;margin: 0;height: 29px; line-height: 29px;padding:0 0 0 28px;color: white;text-transform: uppercase;background: rgb(118,118,118) url('../images/ico-olp-face-08.gif') no-repeat 2px 55%;}
        .boxPrivacy {font-size: 90%; line-height: 1.3em;}
        .boxPrivacy .moreInfo {display: block; float: right; padding-top: 5px;}

        .boxNewUser {border: 0px solid #7cb928; margin:10px 0px 10px 0px; line-height: 1.5em;}
        .boxNewUser h3 {font-size: 1.0em;margin: 0;height: 32px; line-height: 32px;padding:0 0 0 28px;text-transform: uppercase;background: #7cb928 url('../images/ico-olp-face-green-05.gif') no-repeat 2px 55%; color: #fff}
        .boxNewUser .inbox {border: 1px solid #7cb928; padding: 10px 10px 10px 5px;background: #deedc9;}
        .boxNewUser .inbox p {margin: 0; padding: 0;color: #666666}
        .boxNewUser .inbox p.welcome { color: #000;}
        .boxNewUser .inbox p.welcome strong { display: block;}

        .boxUser {border: 0px solid #7cb928;margin-bottom:10px;line-height: 1.5em;}
        .boxUser h3 {font-size: 1.0em;margin: 0;height: 32px; line-height: 32px;padding:0 0 0 25px;text-transform: uppercase;background: #7cb928 url('../images/ico-olp-face-green-01.gif') no-repeat 2px 55%; color: #fff}
        .boxUser fieldset {border: none; margin: 0px; padding: 0px;}
        .boxUser .inbox {border: 1px solid #7cb928; padding: 10px 10px 10px 5px;background: #deedc9;}
        .boxUser .loginbox {color: #6f7664;padding-bottom: 10px;}
        .boxUser .loginbox a {color: #6f7664;clear: both; font-size: 0.9em;}
        .boxUser .loginbox .inputItem {padding: 3px; height:14px; border:1px solid #cccccc;margin-bottom: 5px;}
        .boxUser .loginbox .submit-style {width: 40px;float: left;}

        .panel.right .boxUser .loginbox .name {width: 188px;}
        .panel.right .boxUser .loginbox .pass {float: left;margin-right: 5px;width: 142px;}

        .panel.left .boxUser .loginbox .name {width: 165px;}
        .panel.left .boxUser .loginbox .pass {float: left;margin-right: 5px;width: 117px;}

        .panel .left .box .poll input .submit {padding: 0 3px;margin-top:13px;height: 25px; line-height: 20px; padding-bottom: 3px;}

        .submit-style {cursor: pointer; color: white; text-decoration: none; background: rgb(150,199,82) url('../images/butt-bg.jpg') repeat-x bottom left; font-weight: bold; border-top: 1px solid #A4D561; border-left: 1px solid #A4D561;border-right: 1px solid #86B743;border-bottom: 1px solid #86B743;font-size: 0.9em; padding: 2px 10px 2px 10px;}
        .submit-style:hover {color: white;}
        .buttons {text-align: center; padding: 10px;}

      .panel.left {width: 189px; float: left;}
        .panel.left .box.green {padding: 0;margin-bottom: 10px;background: #7cb928 url('../images/panel-top.jpg') repeat-x; border: 1px solid #abc685; border-top-color: #bfea6d; border-right:0;}
        .panel.left .box.green.nomargin {margin:0;}
          .panel.left .box.green ul {list-style: none;padding: 5px 10px;}
              .panel.left .box.green ul li ul {list-style: none;padding: 0;margin:0;}
                .panel.left .box.green ul li ul li a { padding-left: 20px; width: 85%;background-position: 10px 55%;font-weight:normal;}
                .panel.left .box.green ul li ul li a:hover {background-position: 12px 55%;}
            .panel.left .box.green ul li.noborder a {border:0}
              .panel.left .box.green ul a {padding: 8px 0 8px 10px; width: 90%;border-bottom: 1px solid #bedc94;display: block; color: #fff;text-decoration: none;background: url('../images/panel-li.gif') no-repeat left 55%;}
              .panel.left .box.green ul a:hover {color: #dbffa9;background-position: 2px 55%;}
        .panel.left .box.gray {background: url('../images/gray-gradient.jpg') repeat-x top;padding: 0 5px;}        
        .panel.left .box.gray p{padding: 10px 15px 10px 5px; line-height: 1.4em; border-bottom: 1px solid #a9a9a9;}
          .panel.left .box.gray strong.title {display: block; color: #000;}
          .panel.left .box.facebook {font-size: 95%;padding: 20px 10px 10px 10px; margin-bottom: 0px; line-height: 1.4em; border-bottom: 1px solid #a9a9a9;}
          .panel.left .box.facebook .moreInfo {display: block; float: right; padding-top: 5px; color: rgb(60,90,151);}
        .panel.left .enter {display: block; border-top: 1px solid #cfcfcf;padding: 10px 0;color: #7d7d7d; font-weight: bold;margin: 0 5px;}

    /* footer ----------------------------------------------------------------- */
  	#footer { position: relative; top: 30px; clear:both; width:959px;height: 53px; line-height: 53px; background: #dedede;overflow: hidden;}
  	#footer.dotaznik {top:0;}
  	  #footer .logo {position: relative;background: #73ab25 url('../images/footer-logo.jpg') no-repeat; width: 189px; float: left;}
  	  #footer .logo a {text-decoration: none; font-size: 0.9em; color: #bcda93; position: relative; left:75px; top:10px;}
  	  #footer .foot {float: left; width: 748px;}
      #footer p {font-size: 1.0em;padding: 0 20px;color: #696969;}
        #footer p.flt-l, #footer p.flt-l a {color: #696969;}
        #footer p.flt-r a {color: #fff;text-decoration: underline;}
        #footer p.flt-r {text-align: right; padding: 0;color: #fff;}
        #footer p a:hover {text-decoration: none;}



hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
.clear { clear:both; display: block; height:1px;line-height:1px;font-size:1px; width: 100%;}
.noscreen { display:none; }
.flt-l {float: left;}
.flt-r {float: right;}
.noborder {border: 0;}

.floatRight {float: right; padding-left: 5px;}
.floatLeft {float: left; padding: 3px 5px 0px 0px;}

/*****************************************************************************/
/**********************************  curtain  ********************************/
/*****************************************************************************/
#curtain{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;

	width: 100%;
	height: 6500px;

	display: none;

	background-color: gray;
	filter: alpha(opacity=30);
	opacity: 0.30;

}

#curtainText{
	position: absolute;
	left: 200px;
	top: 300px;
	z-index: 100;

	padding:10px;
	border: 1px solid black;

	display: none;

	background-color: white;
	filter: alpha(opacity=100);
	opacity: 1;

	text-align:center;
	color: #323737;
}


/*****************************************************************************/
/**********************************  flash messages  *************************/
/*****************************************************************************/

#flashMessages {
  text-align: left;
}

#errorMessages {
  width: 400px;
  margin: 0px 0px 0px 10px;
}

#errorMessages h3 {
  margin: 20px 0px 0px 0px;
  padding: 2px 5px 4px 5px;
  background-color: rgb(183,40,39);
  color: white;
  font-size: 90%;
  text-align: left;
}

#errorMessages .errorMessage {
  margin: 0px 0px 20px 0px;
  font-weight: bold;
  text-align: left;
  border: solid 1px rgb(183,40,39);
  padding: 20px 20px 20px 50px;
  background-color: rgb(230,230,231);
  background-image: url('/images/ico-olp-face-error.gif');
  background-position: 10px 50%;
  background-repeat: no-repeat;
  color: rgb(183,40,39);
}

#infoMessages {
  width: 400px;
  margin: 0px 0px 0px 10px;
}

#infoMessages h3 {
  margin: 20px 0px 0px 0px;
  padding: 2px 5px 4px 5px;
  background-color: rgb(124,185,40);
  color: white;
  font-size: 90%;
  text-align: left;
}

#infoMessages .infoMessage {
  margin: 0px 0px 20px 0px;
  font-weight: bold;
  text-align: left;
  border: solid 1px rgb(124,185,40);
  padding: 20px 20px 20px 50px;
  background-color: rgb(230,230,231);
  background-image: url('/images/ico-olp-face-error.gif');
  background-position: 10px 50%;
  background-repeat: no-repeat;
  color: rgb(118,118,118);
}


/*****************************************************************************/
/**********************************  jQuery  *********************************/
/*****************************************************************************/



/*dialog*/
.ui-dialog {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial,sans-serif;
	font-size: 1.3em;
	background: #ffffff url(../images/jQuery/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	color: #333333;
	border: 4px solid #eeeeee;
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block;
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0px;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0px;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0px;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0px;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 13px;
	height: 13px;
	right: 0px;
	bottom: 0px;
	background: url(../images/jQuery/cc0000_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: 0px;
	bottom: 0px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: 0px;
	top: 0px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: 0px;
	top: 0px;
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	padding: .5em 1.5em .5em 1em;
	color: #004276;
	background: #eeeeee url(/images/jQuery/eeeeee_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
	border-bottom: 1px solid #d8dcdf;
	font-size: 1em;
	font-weight: bold;
	position: relative;
}
.ui-dialog-title {}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(../images/jQuery/cc0000_11x11_icon_close.gif) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url(../images/jQuery/cc0000_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
	background: url(../images/jQuery/cc0000_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	color: #333333;
	padding: 1.5em 1.7em;
}
.ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #eeeeee;
	background: #ffffff;
}
.ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #004276;
	background: #eeeeee url(../images/jQuery/eeeeee_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
	font-size: 1em;
	border: 1px solid #d8dcdf;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
	color: #111111;
	background: #f6f6f6 url(../images/jQuery/f6f6f6_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
	border: 1px solid #cdd5da;
}
.ui-dialog-buttonpane button:active {
	color: #cc0000;
	background: #ffffff url(../images/jQuery/ffffff_40x100_textures_01_flat_65.png) 0 50% repeat-x;
	border: 1px solid #eeeeee;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.articleFirstPage {padding: 0px 10px 0px 10px;}
.panel.left h1 {font-size: 130%; font-weight: normal; color: rgb(104,110,94); padding-bottom: 5px;}
.panel.left h2 {font-size: 100%; font-weight: normal; color: rgb(104,110,94); padding: 5px 0px 0px 13px; margin: 0px 0px 2px 0px; text-transform: uppercase; background: url('../images/ico-olp-face.gif') no-repeat 0px 0px; position: relative; left: -13px;}
.panel.left .text {color: rgb(116,123,126); min-height: 400px; text-align: justify;}
.panel.left .description {margin-bottom: 15px;}
.panel.left .moreInfo {font-size: 90%; padding-left: 5px;}

.panel.leftFull {padding: 0px 10px 0px 10px; color: rgb(116,123,126); min-height: 820px; text-align: justify;}
.panel.leftFull h1, .pageTitle {font-size: 160%; font-weight: normal; color: rgb(104,110,94); padding: 10px 0px 15px 0px;}
.panel.leftFull h2 {font-size: 100%; font-weight: bold; color: black; padding: 0px; margin: 20px 0px 2px 0px;}
.panel.leftFull h2.withIcon {font-size: 100%; font-weight: bold; color: rgb(104,110,94); padding: 5px 0px 0px 13px; margin: 20px 0px 2px 0px; text-transform: uppercase; background: url('../images/ico-olp-face.gif') no-repeat 0px 0px; position: relative; left: -13px;}
.panel.leftFull p {margin-bottom: 10px;}
.panel.leftFull .faqAnswer {margin-bottom: 15px;}

.panel.leftFull .alert {margin: 15px 0px 15px 0px; background-color: rgb(120,120,120); padding: 10px; color: white;}

fieldset {margin-bottom: 20px; }
legend {padding: 0px 10px 0px 10px; font-weight: bold;}
.registrationForm .inside {padding: 10px;}
.registrationForm .label {display: block; font-size: 90%; padding: 10px 0px 3px 0px;}
.registrationForm .stringAttribute, .registrationForm .comboAttribute, .registrationForm .textAttribute {width: 450px;}
.registrationForm .rightColumn {float: right; width: 220px;}
.registrationForm .rightColumn.comment {margin-top: 13px; color: gray; line-height: 1.3em; font-size: 90%;}
.registrationForm .rightColumn .captcha {border: solid 1px silver;}
.registrationForm .rules {font-family: Arial,sans-serif; font-size: 90%; height: 200px; width: 70%; overflow: auto; padding: 5px; border: 1px solid black;}

.prizeCatalog {width: 100%; border-collapse: collapse; margin-top: 15px;}
.prizeCatalog td {vertical-align: top; border-top: solid 1px rgb(220,220,220); padding: 10px; line-height: 1.3em;}
.prizeCatalog .name {font-weight: bold; font-size: 130%; padding-bottom: 3px; text-align: left;}
.prizeCatalog .description {color: rgb(104,110,94); padding-top: 3px;}
.prizeCatalog .price {float: right; font-size: 110%; color: rgb(135,184,67); padding-left: 15px;}
.prizeCatalog .price strong {font-size: 130%;}
.prizeCatalog .order {text-align: right; padding-top: 10px;}
.prizeCatalog .order .button {text-decoration: none; cursor: pointer; background: rgb(150,199,82) url('../images/butt-bg.jpg') repeat-x bottom left; font-weight: bold; color: #fff;border-top: 1px solid #A4D561; border-left: 1px solid #A4D561;border-right: 1px solid #86B743;border-bottom: 1px solid #86B743;font-size: 0.9em; padding: 2px 10px 2px 10px;}

.tableList {width: 100%; border: solid 1px silver; margin: 10px 0px 0px 0px; border-collapse: collapse;}
.tableList th {background-color: silver; padding: 5px; color: white; border-right: solid 1px white; font-weight: bold; font-size: 90%;}
.tableList th a {color: white;}
.tableList th img {border: none}
.tableList th .sortArrow {float: right;}
.tableList th.last {border-right: solid 1px silver;;}
.tableList td {background-color: white; padding: 5px; border: solid 1px silver; color: black;}
.tableList .fieldName {font-weight: bold;}
.tableList .fieldLink {text-align: center;}
.tableList .fieldDate {text-align: right; width: 110px; white-space: nowrap;}
.tableList .fieldNumber {text-align: right; width: 110px;}
.tableList .fieldText {text-align: left;}
.tableList th.fieldDate {text-align: center; width: 110px;}
.tableList th.fieldNumber {text-align: center; width: 110px;}

.tableFooter {background-color: silver; padding: 5px; color: white; font-weight: bold; }
.tablePagination {background-color: silver; padding: 5px; color: black; font-weight: normal; text-align: center; line-height: 1.4em;}
.tablePagination a {color: black; font-weight: bold;}
.tablePagination strong {font-weight: normal;}

.sectionComment {font-size: 90%; background-color: rgb(240,240,240); padding: 5px; border: solid 1px rgb(240,240,240); margin-bottom: 10px;}

.linkList {list-style: none; margin: 10px 0px 0px 0px; padding: 0px;}
.linkList .link {font-weight: bold;}
.linkList .linkDescription {padding: 2px 0px 5px 0px; font-size: 90%;}

.pageIntro {font-style: italic; margin-bottom: 20px;}

.tableSubpanel {width: 100%; margin: 0px 0px 0px 0px;}
.tableSubpanel td {background-color: white; padding: 5px; border-bottom: solid 1px silver; border-top: solid 10px white; color: black;}
.tableSubpanel .fieldIcon {background-color: rgb(45,46,48); width: 40px; height: 40px; text-align: center; vertical-align: top;}
.tableSubpanel .fieldLink {width: 250px; text-align: right; vertical-align: bottom;}
.tableSubpanel .fieldLink a {display: block; text-align: center; text-decoration: none; cursor: pointer; background: rgb(150,199,82) url('../images/butt-bg.jpg') repeat-x bottom left; font-weight: bold; color: #fff;border-top: 1px solid #A4D561; border-left: 1px solid #A4D561;border-right: 1px solid #86B743;border-bottom: 1px solid #86B743;font-size: 0.9em; padding: 4px 10px 4px 10px;}
.tableSubpanel .fieldName {font-weight: bold;}
.tableSubpanel .fieldDescription {font-weight: normal; font-size: 90%; color: rgb(104,110,94); padding-top: 2px;}
.tableSubpanel .fieldText {border-bottom: solid 1px silver;}
.tableSubpanel .fieldStatus {font-size: 90%; padding-top: 3px;}
.tableSubpanel .fieldStatus strong {display: block; color: #AA0000;}

.statusbar {text-align: left; border: 0;padding-top:10px; color: gray; font-size: 90%; float: left;}
.statusbar strong {font-weight: normal; float: left;}
.statusbar .bar {border: 1px solid gray; height:5px; font-size:0;line-height:0; float: left; width: 200px; margin-right: 3px; margin-top: 4px;}
.statusbar .bar div {background: #90d72e; height:5px; font-size:0;line-height:0;}
#header #headpanel .statusbar {text-align: left;}
#header #headpanel .statusbar strong {color: white; font-weight: bold; float: none; text-align: left;}
#header #headpanel .statusbar .bar {float: none; width: auto; margin-top:5px;border: 1px solid #fff; height:5px; font-size:0;line-height:0;}

.error {display: block; color: red;}



/* valuesCheck error highlight */
.answer .valuesCheckError {
   background-color: #ff9090;
}

/* td hover highlight (RadioBox, CheckBox, LabelItem) */
 .answer td.hover {
   background-color: #99ccff;
}

.contactManager {
  padding: 5px;
  border: solid 1px silver;
  margin-top: 10px;
  margin-left: 10px;
}

.contactManager img {
  padding-bottom: 5px;
}