body {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 
 font-size: 12px;
 text-align: center;
 background: white;
 color: black}

form {
 margin:0px; padding:0px;
}

#adminSwitcher {
 position:absolute; z-index:10;
 right:10px; top:40px;
 width:72px; height:43px;
 background: url('img/admin.png') 0px 0px;}

#site {
 background:white}

#site-top{
 position:relative; z-index:2;
 min-width:1000px;
 /*border-bottom:1px solid #ccc;*/}
#site-top .banner-wrap {
 position:relative;
 margin:0px auto 0px auto;
 padding:10px 0 0px 0;
 text-align:center;}

#menu-top {position:relative; height:20px; margin:0px auto 0px auto; padding-bottom:7px; border-bottom:1px solid #ccc; }
#menu-top ul {position:absolute; left:0px; top:7px; margin:0px 10px 0px 10px; padding:0px;}
#menu-top li {float:left; margin:0px; list-style:none; background: url('img/menu-bullet.gif') 6px 8px no-repeat; padding-left:14px; line-height:16px;}
#menu-top li.first {padding-left:0px; background-image:none;}
#menu-top li.title {padding-left:20px; margin-right:0px; background:url('img/logo-tiny.gif') 0px 0px no-repeat;}
#menu-top a {font-size:12px; color:#e2001a; text-decoration:none;}
#menu-top a:hover {color:#e2001a; text-decoration:underline;}
#menu-top li.title a {color:#000;}
#menu-top li.title a:hover {color:#e2001a}
#menu-top .menu-right {position:relative; text-align:right; float:right;}
#menu-top .menu-right ul {float:right;}
#menu-top .menu-right li {background-image:none;}

  /*login menu*/
#menu-top .menu-login {top:5px;}
#menu-top .menu-login li {float:left; padding-left:6px; background-image:none; text-align:left;}
#menu-top .menu-login .input,
#menu-top .menu-login .button {display:block; position:relative; height:18px;}
#menu-top .menu-login .input {width:115px; height:18px; background:url('img/menu-login.gif') 0px -54px repeat-x;}
#menu-top .menu-login .input-left,
#menu-top .menu-login .input-right{
 display:block;
 position:absolute;
 left:0px; top:0px;
 width:3px; height:18px;
 background:url('img/menu-login.gif') 0px -36px;}
#menu-top .menu-login .input-right {
 left:auto; right:0px; background:url('img/menu-login.gif') -18px -36px;}
#menu-top .menu-login .input-text {
 margin:0px; width:90%;
 padding:3px 4px 0px 4px;
 font-size:11px;
 border:0px;
 background:none;}
#menu-top .menu-login .input-hint {position:absolute; left:4px; top:3px; color:#888; font-size:10px; display:none; cursor:text;}
#menu-top .menu-login .button {width:80px; height:18px; background:#e3001b;}
#menu-top .menu-login .button-left,
#menu-top .menu-login .button-right {
 display:block;
 position:absolute;
 left:0px; top:0px;
 width:19px; height:18px;
 background:url('img/menu-login.gif') 0px -0px;}
#menu-top .menu-login .button-right {
 left:auto; right:0px; width:2px; background:url('img/menu-login.gif') -19px -0px;}
#menu-top .menu-login .button-text {
 display:block;
 margin:0px; height:18px;
 padding:0px 3px 0px 23px;
 font-size:11px;
 font-weight:bold;
 line-height:18px;
 text-align:center;
 color:white;
 cursor:pointer;
 border:0px;
 background:transparent;
 font-family: Tahoma, Arial;}
#menu-top .menu-login .login-fb {width:80px; background:#5b76b7; margin-left:12px;}
#menu-top .menu-login .login-fb .button-left {background-position:0px -18px;}
#menu-top .menu-login .login-fb .button-right {background-position:-19px -18px;}
#menu-top .menu-login .login-fb .button-text {display:block; font-weight:bold; line-height:20px;}
#menu-top .menu-login a:hover.login-fb {text-decoration:none;}
#menu-top .menu-login .button-text.fake {display:none;}

#menu-top .watchdog a,
#menu-top .favourites a,
#menu-top .profile a,
#menu-top .logout a {padding-left:20px; background: url('img/menu-icons.gif') 0px 0px no-repeat; display:block; height:16px; line-height:16px;}
#menu-top .favourites a {background-position:0px -16px;}
#menu-top .profile a {background-position:0px -32px;}
#menu-top .logout a {background-position:0px -48px;}


  /*links menu*/
#menu-top ul.links li {
 float:right;
 padding:0px;
 margin-left:5px;
 height:20px;
 list-style:none;}
#menu-top ul.links a.brick {
 position:relative; display:block;
 width:20px; height:20px; top:-2px; left: 5px;
 background:white url('img/menu-links.gif');}
#menu-top ul.links a.brick span {display:none;}
#menu-top ul.links a.facebook {background-position: 0px 0px;}
#menu-top ul.links a.rss      {background-position: 0px -20px;}
#menu-top ul.links a.pumpkin  {background-position: 0px -40px;}

#site-head{
 position:relative; z-index:2;
 width:990px; min-height:145px; height:auto !important; height:145px;
 margin:0 auto 0 auto;}
#site-head .spacer {height:145px;}

#logo h1 {display:none;}
#logo a{
 position:absolute; display:block;
 left:23px; top:28px;
 width:377px; height:91px;
 background: transparent url("img/logo.gif");}
#logo a span {display:none;}


#site-wrap {position:relative; width:1000px; margin:0 auto 0 auto;}

/* menu: main categories*/
#site-menu-main {position:relative; z-index:2; padding:0px; margin:20px 0 0 122px; height:27px;}
#site-menu-main ul {padding:0px; width:1000px; height:27px; margin:0px 0px 0px 7px;}
#site-menu-main li span.title {color:#aaa; line-height:25px;}
#site-menu-main li {display:block; margin:0px; padding:0px; float:left; height:27px; list-style:none;}
#site-menu-main li a {
 display:block;
 height:27px;
 line-height:27px;
 font-size:12px;
 color:#285791;
 margin-right:2px;
 padding-left:0px;
 padding-right:22px;
 text-decoration:none;
 border:0px solid #ccc;
 border-bottom:0px;
 border-top-left-radius:4px;
 border-top-right-radius:4px;
 -moz-border-radius-topleft:4px;
 -moz-border-radius-topright:4px;}
#site-menu-main li a:hover {text-decoration:underline; border:0px solid #e2001a; border-bottom:0px;}
#site-menu-main li a:hover,
#site-menu-main li a.selected{color:#e2001a; background:white;}
#site-menu-main li a.selected{color:#285791; font-weight:bold; border:0px solid #888; border-bottom:0px; text-decoration:underline;}
#site-menu-main li a span {margin:0px;}

/* menu: subcategories */
#site-menu-subcategories {margin:0px 0px 0px 122px; padding:0px; text-align:left;}
#site-menu-subcategories:hover {}
#site-menu-subcategories ul {margin:0px 0px 0px 7px; padding:0px;}
#site-menu-subcategories li {margin:4px 25px 4px 0px; float:left; padding:0px; list-style:none;}
#site-menu-subcategories li a {color:#aaa; text-decoration:none;}
#site-menu-subcategories li a.selected {color:#285791; font-weight:bold; text-decoration:underline;}
#site-menu-subcategories li a:hover {color:#e2001a; text-decoration:underline;}

#intro-menu {height:20px; margin-left:275px;}
#intro-menu div {float:left;}
#intro-menu a {margin-right:15px; text-decoration:none; color:#285791;}
#intro-menu a:hover {color:#e2001a; text-decoration:underline;}
#intro-menu .hidden {display:none;}
#intro-menu a.first {font-weight:bold; text-decoration: underline;}


#site-main {
 position:relative; z-index:1;
 xborder-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 margin-bottom:20px;
 text-align:left;}
/* content frames */
#site-c-left {width:220px; float:left; border-right: 1px solid #ddd; padding-right:10px;}
#site-c-right {width:250px; float:right; border-left: 1px solid #ddd; padding-left:10px;}
#site-c-center {margin-left:20px; width:470px; float:left;}
#site-c-main {margin-left:10px; width:749px; float:left;}
#site-c-full {margin-left:7px; margin-right:10px;}
#site-c-end {clear:both; width:100%; height:10px; overflow:hidden;}
.positionRelative {position:relative}

#site-c-left, #site-c-right, #site-c-center, #site-c-main, #site-c-full {margin-top:5px;}
#site-c-right .title {margin: 30px 0 10px 0; font-weight:bold; color:#666;}
#site-c-left.noLine {border:0px}

.web-banner.center {margin:10px auto 0px auto; text-align:center;}

/** INTRO **/
#intro {text-align:center; margin:40px 0 50px 0;}
#intro-logo {display:block; width:432px; height:103px; margin:0 auto 50px auto; background:url('img/logo-big.gif')}
#intro-search {position:relative; width:432px; height:26px; margin:0 auto 50px auto;}
#intro-search .search {position:absolute; width:320px; height:26px; background:url('img/search.gif') left top; left:0px; top:0px; text-align:left; cursor:text}
#intro-search .button {position:absolute; width:112px; height:26px; background:url('img/search.gif') right bottom; right:0px; top:0px; cursor:pointer;}
#intro-search .search input {padding:5px 4px 2px 30px; width:285px; border:0px; background:transparent; font-size:14px; cursor:text;}
#intro-search .button input {padding:5px 0px 0px 0px; width:112px; border:0px; background:transparent; font-size:14px; font-weight:bold; color:white; cursor:pointer;}
#intro-videos {position:relative; width:875px; height:180px; margin:100px auto 20px auto; overflow:hidden;}
#intro-videos .arrow-left,
#intro-videos .arrow-right {position:absolute; top:0px; width:30px; height:120px; xbackground: url('img/intro-arrow.gif') 0px 0px no-repeat; cursor:pointer;}
#intro-videos .arrow-left {left:0px;}
#intro-videos .arrow-right {right:0px; background-position: -30px 0px;}
#intro-videos .arrow-left.hover {background-position: -30px -120px;}
#intro-videos .arrow-right.hover {background-position: -30px -120px;}
#intro-videos .videos-wrap {position:relative; margin:0px 30px 0px 30px; overflow:hidden; text-align:left}
#intro-videos .videos-frame {position:relative; width:3000px; height:120px;}
#intro-videos a.video {position:relative; display:block; float:left; font-size:11px; text-decoration:none; width:187px; margin:0px 8px 0px 8px; height:180px; color:#000; cursor:pointer;}
#intro-videos .video-image {margin:0px auto 5px auto; border-color:#cccccc; width:184px; height:120px;}
#intro-videos .video-portal {position:absolute; display:block; left:4px; top:4px; color:#fff; font-weight:bold; text-shadow:#000 0px 1px 1px;}
#intro-videos .video-title {color:#e2001a; font-weight:bold; margin:3px 0 5px 0;}
#intro-videos .video-date {color:#285791; font-weight:bold;}
#intro-videos .video-category {color:#285791; font-weight:bold;}
#intro-videos a:hover.video .video-portal {color:#e2001a;}
#intro-videos a:hover.video .video-title {text-decoration:underline;}
#intro-videos a:hover.video .video-image {border-color:#e2001a;}
#intro-footer {width:800px; margin:0px auto 0px auto; padding-top:20px; border-top:1px solid #ccc;}
#intro-footer h1 {font-size:11px; color:#e2001a}
#intro-footer p {font-size:11px;}
#intro-footer p strong {font-weight:normal; color:#285791;}

/* LEFT TOOL BAR */
#toolbar .title {margin: 0 0 10px 0; font-weight:bold; color:#666;}

#logo-small {display:block; width:210px; height:50px; margin:10px 0px 20px 0px; background: url('img/logo-small.gif');}

#toolbar-adv .search-button {width:105px; height:26px; margin-top:30px; background:url('img/search-small.gif') right top; cursor:pointer;}
#toolbar-adv .search-button input {border:0px; text-align:center; background:transparent; width:105px; padding-top:5px; color:white; font-weight:bold; cursor:pointer;}

#toolbar-search {position:absolute; left:280px; top:15px; width:432px; height:26px; margin:0 auto 50px auto;}
#toolbar-search .search {position:absolute; width:320px; height:26px; background:url('img/search.gif') left top; left:0px; top:0px; text-align:left; cursor:text}
#toolbar-search .button {position:absolute; width:112px; height:26px; background:url('img/search.gif') right bottom; right:0px; top:0px; cursor:pointer;}
#toolbar-search .search input {padding:5px 4px 2px 30px; width:285px; border:0px; background:transparent; font-size:14px; cursor:text;}
#toolbar-search .button input {padding:5px 0px 0px 0px; width:112px; border:0px; background:transparent; font-size:14px; font-weight:bold; color:white; cursor:pointer;}

#toolbar-status {margin:20px 0px 10px 7px; padding-bottom:15px;}
#toolbar-status p {margin:0px 0px 5px 0px; font-size:11px; line-height:11px; color:#888;}
#toolbar-status p span {color:#e2001a;}

  /*sort and tool buttons*/
#toolbar-sort {width:210px; margin:20px 0px 10px 7px; padding-top:0px;}
#toolbar-sort .button {position:relative; margin:0px 0px 2px 0px;}
#toolbar-sort .button span {display:none;}
#toolbar-sort .button span.label {position:absolute; left:62px; top:8px; width:150px; color:#444; text-align:left; font-size:11px; display:block; }
#toolbar-sort .button:hover span.label {color:#e2001a}

#toolbar-sort .buttonSort {height:30px; background: url('img/sort-buttons.gif') 0px -60px no-repeat;}
#toolbar-sort .buttonSort:hover {background-position:0px -90px;}
#toolbar-sort .buttonSort.desc {background-position:0px -120px;}
#toolbar-sort .buttonSort.asc {background-position:0px -150px;}
#toolbar-sort .buttonSort a {position:absolute; display:block;}

#toolbar-sort .buttonSort a.desc {left:0px; top:0px; z-index:1; width:100%; height:30px;}
#toolbar-sort .buttonSort a.asc {left:39px; top:3px; z-index:2; width:11px; height:11px;}
#toolbar-sort .buttonSort a:hover.desc {background: url('img/sort-buttons.gif') 0px -120px no-repeat;}
#toolbar-sort .buttonSort a:hover.asc {background: url('img/sort-buttons.gif') -39px -153px no-repeat;}

#toolbar-sort .buttonSort.desc a.desc {left:39px; top:16px; z-index:2; width:11px; height:11px;}
#toolbar-sort .buttonSort.desc a.asc {left:0px; top:0px; z-index:1; width:100%; height:30px;}
#toolbar-sort .buttonSort.desc a:hover.desc {background: url('img/sort-buttons.gif') -39px -136px no-repeat;}
#toolbar-sort .buttonSort.desc a:hover.asc {background: url('img/sort-buttons.gif') 0px -150px no-repeat;}

#toolbar-sort .buttonSort .icon {position:absolute; left:7px; top:4px; width:22px; height:22px; background: url('img/sort-icons.gif') 0px 0px;}
#toolbar-sort .buttonSort .icon-heart   {background-position:0px -22px}
#toolbar-sort .buttonSort .icon-watch   {background-position:0px -44px}
#toolbar-sort .buttonSort .icon-date    {background-position:0px -66px}
#toolbar-sort .buttonSort .icon-episode {background-position:0px -88px}

#toolbar-sort .buttonYoutube {width:58px; height:30px;}
#toolbar-sort .buttonYoutube a {display:block; width:58px; height:30px; background: url('img/sort-buttons.gif') 0px -300px;}
#toolbar-sort .buttonYoutube a:hover,
#toolbar-sort .buttonYoutube.selected a {background-position: 0px -330px}

#toolbar-adv {width:210px; margin:20px 0px 10px 7px; padding-bottom:20px;}
#toolbar-adv.hidden {overflow:hidden; height:0px; margin:0px;}
#toolbar-adv.visible {margin:0 0 12px 0;}
#toolbar-adv .line {margin:0px 0px 2px 0px; padding:0px; position:relative;}
#toolbar-adv .icon {width:26px; height:26px; background:url('img/filter-icons.gif'); cursor:pointer;}
#toolbar-adv .line.hidden .input {position:relative; left:-1000000px; top:0px;}
#toolbar-adv .line.category .icon {background-position:0px -104px;}
#toolbar-adv .line.date     .icon {background-position:0px -52px;}
#toolbar-adv .line.episode  .icon {background-position:0px 0px;}
#toolbar-adv .line.language .icon {background-position:0px -78px;}
#toolbar-adv .line.portal   .icon {background-position:0px -130px;}
#toolbar-adv .line.category .icon.hover {background-position:-26px -104px;}
#toolbar-adv .line.date     .icon.hover {background-position:-26px -52px;}
#toolbar-adv .line.episode  .icon.hover {background-position:-26px 0px;}
#toolbar-adv .line.language .icon.hover {background-position:-26px -78px;}
#toolbar-adv .line.portal   .icon.hover {background-position:-26px -130px;}
#toolbar-adv .label {position:absolute; left:42px; top:6px; width:150px; color:#444; text-align:left; font-size:11px; display:block;}
#toolbar-adv .label.hover {color:#e2001a}
#toolbar-adv .input {position:relative; margin:3px 0 15px 0;}
#toolbar-adv .frame {position:relative; margin:2px 0 0 0; width:100%; height:26px; background:url('img/input.gif') left top;}
#toolbar-adv .frame-end {position:absolute; right:0px; top:0px; width:3px; height:26px; background:url('img/input-end.gif') right top;}
#toolbar-adv .frame-text {position:absolute; left:6px; top:6px; color:#aaa;}
#toolbar-adv .frame-info {position:absolute; left:6px; top:6px; right:6px; height:16px; color:#000; overflow:hidden;}
#toolbar-adv .input input {margin:5px 0 0 0; padding:0 6px 0 6px; width:100%; border:0px; background:transparent;}
#toolbar-adv .input .radio {margin:7px 5px 0 8px; padding:0 0 1px 16px; float:left; background:url('img/input-radio.gif') 0px 1px no-repeat; cursor:pointer;}
#toolbar-adv .input .radio.selected {background-position:0px -19px;}

#advanced-portals {padding-bottom:8px; margin-bottom:8px; display:none; text-align:left;}
#advanced-portals ul.head {height:26px; font-weight:bold;}
#advanced-portals span.title {color:#444;}
#advanced-portals ul {margin:0px 0px 0px 0px; padding:0px;}
#advanced-portals li {
  margin:0px; padding:0px;
  list-style:none;
  width:200px;
  float:left;
  font-size:11px;
  color:#888;}
#advanced-portals li:hover label {text-decoration:underline; color:#333;}
#advanced-portals li.selected label {color:#e2001a}
#advanced-portals li label {cursor:pointer;}
#advanced-portals li input {cursor:pointer; margin-left:10px;}
#advanced-portals li.select-all {float:none; margin-bottom:10px;}
#advanced-portals li .icon {position:relative; top:5px;}
#advanced-portals li.hidden {display:none}
#advanced-portals #select-portal-all {}
#advanced-portals #btnPortalFilterSave {
  display:none;
  margin-left:10px;
  width:150px; height:18px;
  line-height:18px;
  color:white;
  text-decoration:none;
  text-align:center;
  background:red url('img/button-save.gif');}
#advanced-portals #btnPortalFilterSave:hover {text-decoration:underline}

#advanced-categories {text-align:left; display:none;}
#advanced-categories .categories {margin:0px; padding:0px;}
#advanced-categories .subCategories {margin:0px 0px 0px 50px; padding:0px;}
#advanced-categories .category {font-weight:bold; margin-top:10px; }
#advanced-categories .subCategory {font-weight:normal; float:left; margin-right:10px;}
#advanced-categories .category.next {padding-top:10px; border-top:1px solid #ccc}
#advanced-categories .category.selected label {color:#e2001a}
#advanced-categories .subCategory.selected label {color:#e2001a}

/** Search results **/
#results .video {min-height: 128px; margin-top:30px;}
#results .video a.link {display:block; text-decoration:none; color:#000;}
#results .video-title {display:block; color:#e2001a; font-size:14px; text-decoration:underline; margin:0 0 5px 0;}
#results .video-left {float:left; display:block;}
#results .video-image {margin:0 10px 5px 0; border:1px solid #ccc; width:140px; height:90px;}
#results .video-share {display:block}
#results a:hover .video-image {border:1px solid #e2001a;}
#results .video-description {display:block;}
#results .video-meta {color:#444; font-size:11px; margin-top:7px;}
#results .video-meta .value {font-weight:bold; color:#285791;}
#results .video-meta a:hover {text-decoration:underline}
#results .video-functions {color:#444; font-size:11px; margin-top:7px;}
#results .video-functions .favourite-add,
#results .video-functions .favourite-del{display:none; color:#e2001a; font-weight:bold}
#results .video-functions .favourite-add.selected,
#results .video-functions .favourite-del.selected {display:inline;}
#results .video-functions .admin-edit a {color:#e2001a; font-weight:bold}
#results .video-functions .hidden {padding-left:22px; color:#e2001a; background:url('img/hidden.gif') left center no-repeat;}

.recommended .video {min-height:85px; font-size:11px;}
.recommended a.link {display:block; text-decoration:none; color:#000;}
.recommended .video-image {float:left; margin:0 10px 5px 0; border:1px solid #ccc; width:83px; height:53px;}
.recommended a:hover .video-image {border:1px solid #e2001a;}
.recommended .video-title {display:block; color:#e2001a; margin:0 0 2px 0;}
.recommended .video-server {color:#285791;}

.onlineTVs .item {min-height: 100px; margin-top:20px; float:left; width:320px; margin-right:50px; text-decoration:none; color:#000; cursor:pointer}
.onlineTVs .item-title {display:block; color:#e2001a; font-size:14px; text-decoration:underline; margin:0 0 5px 0;}
.onlineTVs .item-image {float:left; width:140px; height:90px; margin:0 10px 5px 0; border:1px solid #ccc;}
.onlineTVs a.item:hover .item-image {border:1px solid #e2001a;}
.onlineTVs a.item:hover {text-decoration:none; color:#000}

.list .item {display:block; border-top:1px solid #ccc; margin:20px 0px 10px 0px; padding:20px 0px 0px 0px; text-decoration:none;}
.list .item-title {display:block; color:#e2001a; font-size:14px; margin:0 0 5px 0;}
.list .item-date {display:block; color:#285791; font-weight:bold; margin:0 0 5px 0px;}
.list .item-perex {display:block; color:#000;}
.list a.item:hover {text-decoration:none;}
.list a.item:hover .item-title {text-decoration:underline;}

#results .video.favourite .video-image {width:187px; height:120px;}
#results .video.favourite {min-height:160px}
#fav-navigation {border-top:1px solid #ccc; margin-top:20px; padding-top:10px; height:20px;}
#fav-navigation .prev {float:left;}
#fav-navigation .next {float:right;}
#fav-navigation a{text-decoration:none; display:block;}
#fav-navigation div {color:#aaa}
#fav-navigation a:hover {text-decoration:underline; color:#e30119}




/** CONTENT **/
.content {text-align:left;}
.content h1,
.content h2,
.content h3 {
 font-weight: bold;}
.content h1 {
 font-size: 16px;
 margin-bottom:16px;}
.content h2 {
 color:#004d99;
 font-size: 14px;}
.content h3 {
 font-size: 12px;}
.content p {margin-bottom:15px;}
.content p,
.content li,
.content td {
 line-height:18px;
 font-size: 12px;}
.content ul {
 margin:5px 0 5px 15px;
 padding:0;}
.content li {
 color:#234691;
 list-style:none;
 padding-left:15px;
 padding-bottom:4px;
 margin-left:-15px;
 background: transparent url('img/list-bullet.gif') 2px 5px no-repeat;}
.content hr {
 color:#d4d4d4; background: #d4d4d4; height:1px; border:0px;}

.content img {border:0px;}
.content a img {border:1px solid white;}
.content a:hover img {border:1px solid #97c4ee;}
.content a {color:#4470b7; text-decoration:underline;}
.content a:hover {color:#749be7; text-decoration:underline;}

/** FOOT **/

#site-foot {position:relative; width:1000px; margin:0px auto 0px auto; padding:00px 0 20px 0; text-align: center;}
#site-foot p {padding:10px 0 10px 0; margin:0px; clear:left; color:#888}
#site-foot a {text-decoration:none; color:#e2001a;}
#site-foot a:hover {text-decoration:underline;}

/** OTHERS **/

  /*geck-form*/
.Geck_Form {width:100%;}
.Geck_Form .label {width:120px; padding-right:10px; text-align:right; vertical-align:top;}
.Geck_Form .required {color:#ed1c24;}
.Geck_Form .input {vertical-align:top; }
.Geck_Form_Element_Text     {width:90%; border:1px solid #cdcdcb; background:#f9f9f5; color:#285791;}
.Geck_Form_Element_Password {width:90%; border:1px solid #cdcdcb; background:#f9f9f5; color:#285791;}
.Geck_Form_Element_Select   {width:90%; border:1px solid #cdcdcb; background:#f9f9f5; color:#285791;}
.Geck_Form_Element_Textarea {width:90%; border:1px solid #cdcdcb; background:#f9f9f5; color:#285791;}
.Geck_Form_Element_Button {border:2px outset #404041; background:#404041; color:white;}
.Geck_Form_Element_Textarea {width:80%; border:1px solid #cdcdcb; background:#f9f9f5; color:#285791;}
.Geck_Form_Element_Separator {color:#888; font-style:italic; margin-top:10px;}
.Geck_Form ul.errors {margin:0px; padding:0px;}
.Geck_Form li.error {margin:0 0 10px 0; padding:0 0 0 10px; color:red;}
.Geck_Form .description  {vertical-align:top; width:20px;}
.Geck_Form .description .content {display:none;}
.Geck_Form .description .icon {position:relative; top:1px; width:16px; height:16px; background:url('img/help.gif') left top no-repeat; cursor:help;}

/** Pagination control **/
.paginationControl {
  border-top:1px solid #ccc;
  margin:20px 0 20px 0;
  padding-top:20px;
  text-align:center;}
.paginationControl a {
  color:black;
  text-decoration:none;}
.paginationControl a:hover {
  color:#e3001b;
  text-decoration:underline;}
.paginationControl .current {
  color:#e3001b;
  font-weight:bold;}
.paginationControl .disabled {
  color:#aaa;}

/** Tooltip **/
.tooltip {
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  text-align:left;
  z-index: 3;
  display: none;}
.tooltip .tooltip-content {
  position:relative; z-index:2;
  margin:8px;
  color:white;}
.tooltip-head {
  position:absolute;
  left:0px; top:0px;
  width:250px; height:3px;
  background: transparent url("img/tooltip.gif") 0px 0px no-repeat;}
.tooltip-body {
  position:absolute;
  left:0px; top:3px; bottom:3px;
  width:250px;
  background: transparent url("img/tooltip.gif") -500px 0px repeat-y;}
.tooltip-foot {
  position:absolute;
  left:0px; bottom:0px;
  width:250px; height:3px;
  background: transparent url("img/tooltip.gif") -250px 0px no-repeat;}

.tryLookOnYoutube {line-height:20px; margin-bottom:40px;}
.tryLookOnYoutube img {vertical-align:middle}
.tryLookOnYoutube.line {margin-top:20px; padding-top:20px; border-top:1px solid #ccc}

/** jQuery UI */
.ui-autocomplete { position: absolute; cursor: default; }
* html .ui-autocomplete { width:1px; }

.ui-menu {
  list-style:none;
  padding: 2px;
  display:block;
  border:1px solid #aaa;
  background:white;
  font-size:10;
  text-align:left;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.ui-menu .ui-menu {margin-top: -3px;}
.ui-menu .ui-menu-item {
  padding: 0;
  border:1px solid white;}
.ui-menu .ui-menu-item a {
  padding:2px 4px 2px 4px;
  text-decoration:none;
  display:block;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  background:#e2001a; color:white;
  border-color:#e2001a;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.ui-menu .ui-menu-item a.ui-state-hover .count,
.ui-menu .ui-menu-item a.ui-state-active .count {color:white;}
.ui-menu .ui-menu-item a .count {display:block; float:right; font-size:8px; color:#888; padding:2px;}
/*.ui-autocomplete .ui-menu-item a {height:12px !important; padding:0px 4px 0px 4px !important;}*/

.tooltip .title {color:#f42726; font-weight:bold; margin-bottom:5px;}
.tooltip .match {color:yellow}
.tooltip .meta {margin-top:10px;}
.tooltip .meta {line-height:16px;}
.tooltip .value {color:#f42726; font-weight:bold;}

/**enlarge image script*/
#geckImageBoxView .background {background: #686868; cursor:pointer;}
#geckImageBoxView .imgFrame {border:2px solid #0a5ca8;}
#geckImageBoxProgress {
  position:absolute;
  left:0px;top:0px;
  width:100%;height:100%;
  background: transparent url("./images/ajax-loader.gif") center center no-repeat;}

/**notice*/
.notice-window {
 margin:10px -1px 5px -1px;
 background: #ffe7e7;
 color:red;
 font-size: 12px;
 padding: 2px 4px 2px 4px;
 border:1px solid #ffbb99;
 border-radius:4px;
 -moz-border-radius:4px;
 text-align: left;}
.notice-window .notice-title {
 font-weight:bold; margin:5px 5px 5px 5px;}
.notice-window .notice-message { margin:5px 5px 5px 5px;}
.notice-window.info,
.notice-window.notice {
 color:blue;
 background:#e7e7ff;
 border:1px solid #bbbbff;}

.clear {clear:both; width:100%; height:0px; overflow:hidden;}