html {}

html.debugmode {}

html.login {
  background: #bbd2d8 url(../img/ui/bg.png) repeat-x 0 0;
  font: 15px/20px 'SourceSans3-Regular', arial, sans-serif;
  min-height: 100%;
}

body {}

body.login {
  background: transparent url(../img/ui/bg-transition.png) repeat-y 50% 0;
  background-size: 100% auto;
  -webkit-font-smoothing: antialiased !important;
  -webkit-text-stroke: 1px transparent !important;
  min-height: 100%;
  padding: 20px 0;
  text-rendering: optimizeLegibility !important;
}

h1 {
  font: 20px/20px 'SourceSans3-Regular', arial, sans-serif;
  padding: 0 10px;
}

html.login h1 {
  font: 15px/15px 'SourceSans3-Regular', arial, sans-serif;
  padding-left: 20px;
}

html.login h1.big {
  font: 28px/28px 'SourceSans3-Regular', arial, sans-serif;
  padding: 0 10px;
}

h2 {
  font: 15px/15px 'SourceSans3-Bold', arial, sans-serif;
  padding: 0 10px;
  text-transform: none;
}

h3 { padding: 0 10px; }

hr {
  margin-left: 8px;
  margin-right: 8px;
}

p { padding: 0 10px; }

table { margin: 0 10px; }

ol,
ul { padding: 0 10px; }

img.preview {
/*  width: 50%;*/
  padding: 0 10px;
}

img {
  padding: 0 10px;
}

p > img {
  padding: 0;
}

img.scalable {
  width: 93%;
}

#wrapper {
  width: 308px;
}

#header {
  display: none;
}

html.login .logo {
  background: url(../img/ui/logo-tel.png) no-repeat 0 0;
  height: 51px;
  width: 181px;
}

#bottom .logo {
  background: url(../img/ui/logo-tel-btm.png) no-repeat 0 0;
  display: block;
  float: right;
  height: 51px;
  margin: 20px;
  position: static;
  width: 183px;
}

.minifuncs {
  display: block;
}

#minifuncs {
  background: #c00016 url(../img/ui/navbg.png) repeat-x 0 0;
  border-bottom: 1px solid #750002;
  border-top-left-radius: 10px;
  box-shadow: 0px 2px 4px #666;
  box-shadow: 0px 2px 4px rgba( 0, 0, 0, .25 );
  display: block;
  height: 50px;
  margin-bottom: 20px;
}

#minifuncs ul {
  padding: 6px 1px;
}

#minifuncs > ul > li > a {
  background: url(../img/ui/mininav.png) no-repeat 0 0;
  display: block;
  float: left;
  height: 38px;
  margin: 0 5px;
  width: 92px;
}

#minifuncs a#mini-lightbox-button {
  background-position: -92px 0;
}

#minifuncs a#mini-fav-button {
  background-position: -184px 0;
}

#mininav {
  background-color: #464646;
  box-shadow: 0px 2px 4px #666;
  box-shadow: 0px 2px 4px rgba( 0, 0, 0, .25 );
  color: #fff;
  margin: 115px 0 20px 0;
  position: relative;
}

#mininav .search {
  background: #c00016 url(../img/ui/navbg.png) repeat-x 0 0;
  box-shadow: 0px 2px 4px #666;
  box-shadow: 0px 2px 4px rgba( 0, 0, 0, .25 );
  height: 41px;
  padding: 8px 8px 0;
  position: absolute;
  top: -109px;
  width: 292px;
}

#mininav .search ::-webkit-input-placeholder,
#mininav .search ::-input-placeholder {
  color: #fff;
  font: 15px/15px 'SourceSans3-Medium', arial, sans-serif;
  padding: 4px 2px 2px;
}

#mininav .search input[type=text] {
  background-color: #c4001f;
  border-radius: 4px;
  border-bottom: 1px solid #e1808b;
  border-left: 1px solid #9d0019;
  border-right: 1px solid #9d0019;
  border-top: 1px solid #6e0011;
  box-shadow: inset 0px 2px 4px #6e0011;
  color: #fff;
  font: 15px/15px 'SourceSans3-Medium', arial, sans-serif;
  padding: 2px;
  width: 254px;
}

#mininav ul {
  padding: 0;
}

/*#mininav > ul > li > ul li > a:focus,*/
#mininav > ul > li > ul li > a:hover {
  background-color: #343434;
}

#mininav a {
  color: #fff;
  display: block;
}

#mininav > ul > li > ul > li:last-child {
  border-bottom: 1px solid #292929;
}

#mininav li a {
  padding: 6px 8px;
}

#mininav > ul > li > a {
  background: #c00016 url(../img/ui/navbg.png) repeat-x 0 0;
  border-bottom: 1px solid #750002;
  border-top: 1px solid #e23b4e;
  font: 15px/28px 'SourceSans3-SemiBold', arial, sans-serif;
  height: 28px;
  padding: 6px 8px;
  text-transform: uppercase;
}

#mininav > ul > li > ul > li > a {
  font: 15px/28px 'SourceSans3-SemiBold', arial, sans-serif;
  text-transform: uppercase;
}

#mininav ul li span.nolink,
#mininav > ul > li > ul > li > ul > li > a {
  font: 15px/28px 'SourceSans3-Bold', arial, sans-serif;
  padding-left: 16px;
  text-transform: none;
}

#mininav > ul > li:nth-child(2) > ul > li > ul > li > a,
#mininav li.flat-nav > ul > li > a,
#mininav > ul > li > ul > li > ul > li > ul > li > a {
  background: url(../img/ui/triangle-right.png) no-repeat 18px 12px;
  color: #b7b7b7;
  font: 15px/15px 'SourceSans3-Medium', arial, sans-serif;
  padding-left: 28px;
  text-transform: none;
}

#minimeta {
  background: #fff url(../img/ui/icon-user.png) no-repeat 8px 8px;
  box-shadow: 0px 2px 4px #666;
  box-shadow: 0px 2px 4px rgba( 0, 0, 0, .25 );
  color: #cc0018;
  font: 15px/21px 'SourceSans3-Medium', arial, sans-serif;
  height: 49px;
  line-height: 49px;
  padding-left: 40px;
  position: absolute;
  top: 132px;
  width: 268px;
}

#minimeta > ul > li > ul {
  display: none;
}

#minimeta > ul > li:last-child {
  display: none;
} 

#navigation {
  display: none;
}

#breadcrumbs {
  display: none;
}

.grp {}

.grp .col {
  float: left !important;
  margin-bottom: 10px;
}

html.login .grp.bg .col {
  background: #fff url(../img/ui/bg-login-tel.jpg) no-repeat 0 0;
  border: 1px solid #fff;
  height: 172px !important;
  width: 304px;
}

html.login form {
  margin: 20px 10px 10px;
}

html.login .i-col.small {
  width: 288px;
}

.btn-right {
  float: none;
}

html.login .i-col.medium {
  width: 288px;
}

html.login .i-col.large {
  width: 288px;
}

html.login label {
  display: block;
  float: none;
/*  outline: 1px dotted green;*/
  padding-bottom: 5px;
}

html.login input[type='password'],
html.login input[type='text'] {
  margin-bottom: 20px;
  width: 272px;
  width: 252px;
}

html.login input[type='submit'] {
  width: 288px;
}

.grp .col > .sldr:first-child {
  height: 172px;
  margin-bottom: 10px;
  width: 306px;
}

.sldr.big {
  height: 172px;
  width: 306px;
}

.sldr.big .wrpr {
  height: 172px;
  width: 306px;
}

.sldr.big .wrpr a {
  height: 172px;
  width: 306px;
}

.sldr img {
  padding: 0;
}

.i-grp .i-col {
  float: left !important;
  margin-top: 6px;
  width: 308px;
}

.i-grp .i-col:nth-child(2) {
  margin-left: 0;
}

.col.full {
  width: 308px;
}

.col.large {
  width: 308px;
}

.col.medium {
  width: 308px;
}

.col.small {
  width: 308px;
}

.i-col.full {
  width: 308px;
}

.i-col.large {
  width: 308px;
}

.i-col.medium {
  width: 308px;
}

.i-col.small {
  width: 308px;
}

.tel-only {
  display: block;
}

.not-tel {
  display: none;
}

.col .tabnav {
  padding: 0 8px;
  width: 292px;
}


.col.full > p,
.accitm > p {
  margin-right: 0;
}

.accitm > h2 {
  font: 15px/15px 'SourceSans3-Regular', arial, sans-serif;
  text-transform: uppercase;
}

.tabgrp > .tabnav {
  width: 308px;
}

.col .tabgrp > .tabnav {
  width: 292px;
}

.submenuwrapper h3 {
  left: 0;
  position: absolute;
  top: 140px;
}

.submenu {
  height: 132px;
  margin: 0 10px 32px;
  overflow: auto;
  min-height: 0;
  padding: 0;
  position: relative;
  width: 288px;
}

.submenu ul {
  display: block;
  padding: 0;
  width: 870px;
}

.submenu li {
  float: left;
  margin: 0 4px 0 0;
  width: 170px;
}

.submenu li a {
  display: block;
  height: 120px;
  width: 170px;
}

.submenu li span {
  display: none;
}

.submenu li a img {
  border: 1px solid #d1d1d1;
  left: auto;
  margin: 0;
  padding: 3px;
  position: static;
  top: auto;
  width: 160px;
}

#toolboxmenu {
  display: none;
}

#toolbox {}

#tools {
  width: 288px;
}

#tools.open {
  height: 320px;
}

#tools .tool {
  height: 300px;
  margin: 10px auto;
}

#tools .linklist {
  height: 280px;
  max-height: 280px;
}

#bottom .col {
  padding-top: 10px;
}

#bottom a {
  color: #cc0018;
}


#lightbox .buttonbar {
  margin-top: 160px;
}

#lightbox {}

#lightbox .filebrowser {
  right: 58px;
  width: 288px;
  width: 150px;
}


#lightbox .lightbox-nav {
  right: 50px;
  width: 180px;
}

#favorites {
  font: 12px/12px 'SourceSans3-SemiBold', arial, sans-serif;
}

#favorites .filebrowser li {
  background-position: 0 0;
}
#favorites .filebrowser li {
  margin-bottom: 4px;
  margin-top: 4px;
  padding-bottom: 8px;
  padding-top: 8px;
}

table.guideline {
  width: 286px;
}

.linklist .jspVerticalBar {
  right: 8px;
}

#tools .linklist .jspVerticalBar {}


#tools.open #toolboxclose {
  background: url(../img/ui/del.png) no-repeat 0 0;
  cursor: pointer;
  height: 15px;
  margin-left: 260px;
  position: absolute;
  top: -6px;
  width: 15px;
  z-index: 900;
}

.flowplayer_wrapper {
    width: 290px;
    height: 217px !important;
    padding-left: 4px;
}