@charset "utf-8";
/* CSS Document */
/*
greys
3%    -     F9F9F9 <- alternating row color
5%    -     F5F5F5
10%   -     EBEBEB
15%   -     E1E1E1
20%   -     D7D7D7
25% -       CCC
33% - BBB
45% -       A1A1A1
55%   -           737373
66%   -     6D6D6D
75%   -           404040
80%   -           333333
90% -       252525
*/

.siteHolder {
      width: 978px;
      margin: 0 auto;
      padding: 0 8px;
      background:#FFF;
      min-height: 100%;
        text-align:left;
}
.clear {
      clear: both;
}

.loadHolder 
{
    width: 970px;
    height: 7px;
    background-color: #737373;
	border: 1px solid #737373;
    z-index: 100;
}
.loader 
{  
    background-image: url(../graphics/loadingbar-white.gif);
    background-repeat: repeat-x;
    width: 100%;
    height: 7px;
}

.pageButtonHolder, .pageButtonHolderRight {
      margin-bottom: 24px;
      padding-top:8px;
      border-top: 1px solid #CCC;
      overflow: auto;
}
.pageButtonHolderRight {
      text-align: right;
}

.siteHolderLogin {
      width: 100%;
      height: 100%;
	position: absolute;
}
.siteLoginHolder {
	position:absolute;
	top: 50%;
	left: 50%;
	margin-left: -175px;
	margin-top: -120px;
	width: 350px;
	height: 182px;
	
	background-color:#252525;
	background-image:url(../graphics/public/window-head-gradient-large.png);
	background-position: top left;
	background-repeat:no-repeat;
	color: #FFF;
}

.siteLoginHolder .logoHolder img {
	margin-left: 5px;
}
.siteLoginForm {
	clear: both;
	margin: 0 28px;
	font-size: 14px;
}
.formFieldLogin {
	font-size: 14px;
	background-image:url(../graphics/public/formfield-back.png);
	background-position: top left;
	background-repeat:repeat-x;
	padding: 2px;
	margin: 2px 0px 2px 5px;
	width: 140px;
	border: 1px solid #CCC;
}

.siteLoginError {
	width: 342px;
	padding: 4px;
	color: #FFF;
	background-color: #CC0000;
}

.passwordLostHolder {
    position:absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -120px;
	width: 400px;
	height: 200px;
}

.passwordLostButton {
    color: #999;
    font-size: 11px;
}

/* ====================================== HEADER === */
.headHolder {
      width: 100%;
      background:#252525;
      height: 64px;
      background-image:url(../graphics/window-head-gradient.png);
      background-position: top left;
      background-repeat:no-repeat;
}

.logoHolder {
      float: left;
      width: 64px;
      height: 64px;
      background: none;
}
.logoHolder img {
      border: none;
}
.loginHolder {
      width: 914px;
      height: 26px;
      float: right;
      text-transform:uppercase;
      font-size: 9px;
      color:#FFF;
      text-align: right;
      background: none;
}
.loginFlag, .loginName, .loginImp {
      float: right;
      display:block;
      position:relative;
      width:auto;
      padding:3px;
      margin-left: 1px;
      background-image: url(../graphics/overlays/white-alpha.png);
      background-repeat:repeat;
}

.flagPanel {
      position: absolute;
      z-index: 901;
      width: 16px;
      margin-left: -6px;
}

.flagPanel ul {
      background-color:#252525;
      list-style: none;
      margin: 3px;
      padding: 0px;
}
.flagPanel li {
      margin: 2px;
}


.loginName, .loginImp {
      padding:3px 3px 3px 8px;
}
.loginName input, .loginImp input {
      vertical-align:bottom;
}
.loginImp {
      background-image: url(../graphics/overlays/dashed-2.png);
      background-repeat:repeat;
      background-color:#6D6D6D;
      margin-right:5px;
}

.loginFlag img {
      margin-top:1px;
}

.crumbHolder {
      background: #DDD;
      padding: 4px;
      font-size: 10px;
      color: #6D6D6D;
      text-transform: uppercase;
}

.crumbHolder a {
      color: #6D6D6D;
      text-decoration:none;
}
.crumbHolder a:hover {
      color: #252525;
      text-decoration:none;
}

/* ======================================= MAIN PAGE LAYOUT === */

.titleHolder {
      padding: 14px 0;
}

.pageLeftHolder {
      float:left;
      width: 214px;
}
.pageLeftHolderLine {
      float:left;
      padding-right: 4px;
      width: 209px;
      border-right: 1px solid #BBB;
}
.pageMainHolder {
      float:right;
      width: 760px;
}

.pageMainHalfLeftHolder {
      float: left;
      width: 485px;
      margin-right: 8px;
      overflow: visible;
}
.pageMainHalfRightHolder {
      float: left;
      width: 485px;
      overflow: visible;

}

.pageMainWideHolder {
      width: 100%;
      clear: both;
}
/* ======================================= MAIN PAGE CONTENT === */

.pageInfoHolder {
      background-color: #f5f5f5;
      border: 1px solid #E1E1E1;
      padding: 6px;
      color: #252525;
      margin-bottom: 4px;
}

.pageInfoHolder h2 {
      font-size: 18px;
      font-weight: normal;
      margin-bottom: 4px;
}

.pageInfoHolder p {
      margin: 0;  
}


/* ======================================= DASHBOARD === */

.dashIconHolder {
	float: left;
	position: relative;
	width: 120px;
	height: 120px;
	background-color: #F7F7F7;
	border: 1px solid #EFEFEF;
	margin: 0 14px 20px 14px;
	text-decoration:none;
}
.dashIconHolder:hover {
	background-color: #FFFFFF;
	cursor:pointer;
}

.dashIconHolder a{
	text-decoration:none;
}

.dashIconImg {
	position: absolute;
	width: 48px;
	height: 48px;
	left: 36px;
	top: 16px;
}

.dashIconLabel {
	position: absolute;
	width: 120px;
	left: 0px;
	top: 76px;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color: #252525;
}



/* ======================================= WINDOW === */
.windowHolder {
      margin-bottom: 8px;
}

.windowHelp {
      float: right;
      margin: 5px;
      width: 11px;
      height: 11px;
}
.windowHelp img {
      border: none;
}

.windowHead, .windowHeadSmall {
      background-color: #252525;
      height: 66px;
      color: #FFF;
      background-image:url(../graphics/window-head-gradient.png);
      background-position: top left;
      background-repeat:no-repeat;

}

.windowHeadSmall {
      height: 30px;
}

.windowHeadTitle 
{
	font-family: Arial, Sans-Serif;
      font-size: 14px;
      padding: 8px 0 0 8px;
      height: 18px;
      text-transform:lowercase;
}

.windowHeadOptions {
      height: 40px;
}

.windowPop {
      border-right: 1px solid #252525;
      border-left: 1px solid #252525;
        border-bottom: 1px solid #252525;
      background-color: #252525;
      background-image: url(../graphics/overlays/white-alpha.png);
      background-repeat:repeat;
      padding: 8px;
      color: #FFF;
}

.windowPop label {
      font-size: 12px;
      margin-right: 10px;
}

.windowPop select {
      height: 20px;
}

.windowPop .close {
      float: right;
      margin-top: 7px;
}
.windowPop .close img{
      border: none;
}
.windowSub, .windowSubTable, .windowSubCenter {
      border-right: 1px solid #252525;
      border-left: 1px solid #252525;
      background-color: #BBB;
      border-bottom: 1px solid #A6A6A6;
      padding: 2px 4px;
        color: #404040;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
}

.windowSubTable {
      padding: 2px 0;
}

.windowSubCenter {
      text-align: center;
}

.windowSubCenter > span, .windowSubCenter > input
{
      vertical-align: middle;
}

.windowSubLimit {
      border-right: 1px solid #252525;
      border-left: 1px solid #252525;
      background-color: #CC0000;
      border-bottom: 1px solid #a60000;
      padding: 2px 4px;
      color: #FFF;
}
.windowContent {
      border-right: 1px solid #252525;
      border-left: 1px solid #252525;
      background-color: #F5F5F5;
}

.windowActions {
      border-right: 1px solid #252525;
      border-left: 1px solid #252525;
      background-color: #E1E1E1;
      border-top: 1px solid #CCC;
      padding: 3px;
      overflow: auto;
      color: #808080;
      font-size: 10px;  
}

.windowActions img {
      vertical-align:middle;
}

.windowFooter {
      background-color: #252525;
      height: 4px;
}

.windowContent .infoLabel
{
	margin:	4px;
	display: inline-block;
}

/* ======================================= MEDIA VERKENNER TOOLS === */

.optionButton,.optionButtonOff, .optionButtonLabel, .optionButtonRadio {
      float: left;
      width: 40px;
      height: 40px;
      background:url(../graphics/menu/dark_item-separator.png) no-repeat right;
}
.optionButtonLabel, .optionButtonRadio {
      width: auto;
      cursor: pointer;
      text-transform: lowercase;
      font-size: 12px;
}
.optionButtonLabel label {
      float: left;
      padding: 12px 12px 12px 0;   
}

.optionButtonRight, .optionButtonRightOff {
      float: right;
      width: 40px;
      height: 40px;
      background:url(../graphics/menu/dark_item-separator.png) no-repeat left;
}
.optionButton input, .optionButtonRight input, .optionButtonLabel input {
      display:inline-block;
}

.optionButton input:hover, .optionButtonRight input:hover, .optionButtonLabel input:hover, .optionButton a:hover {
      display: inline-block;
      background-image:url(../graphics/tools/hover-glow.png);
      background-position: center center;
      background-repeat:no-repeat;
} 

.optionButton input, .optionButton a, .optionButtonRight input, .optionButtonOff input, .optionButtonRightOff input, .optionButtonLabel input {
      float: left;
      padding: 12px;
      
}

.optionButtonOff input, .optionButtonRightOff input{
      opacity:0.3;
      filter:alpha(opacity=30); /* For IE8 and earlier */
}

.optionButtonRadio
{
	padding-right: 16px;
}

.optionButtonRadio input {
      margin: 12px 6px 12px 12px;
}



.directoryPathHolder {
      font-size: 10px;
      color: #737373;
      text-transform: uppercase;
        border-right: 1px solid #252525;
      border-left: 1px solid #252525;
      background-color: #252525;
      background-image: url(../graphics/overlays/white-alpha.png);
      background-repeat:repeat;
      padding: 4px 8px;

}

.directoryPathHolder img {
    height: .75em;
    margin-right: .25em;
}


.directoryPathHolder a {
      color: #737373;
      text-decoration:none;
}

.directoryPathHolder a:hover {
      color: #CCC;
      text-decoration:none;
}

.directoryPathDisabled a
{
	color: #737373;
}


/* ======================================= MEDIA VERKENNER THUMBS === */

.fileThumbHolder {
      padding: 9px;     
      min-height: 100%;
      overflow: auto;
}

.fileThumbHolder .file, .fileThumbHolder .folder {
      position: relative;
      float: left;
      width: 117px;
      height: 136px;
      background:#FFF;
      border: 1px solid #E1E1E1;
      margin: 12px;
      vertical-align: middle;
}

.fileThumbHolder .folder-hq:after {
      content: '*';
      position: absolute;
      top: 20px;
      right: 20px;
      width: 30px;
      height: 30px;
      content: "";
      text-align: center;
      line-height: 40px;
      background-image: url('../Images/icon-hq.svg');
}


.fileThumbHolder .folder .image {
      position: absolute;
      left: 10px;
      width: 96px;
      height: 96px;
}

.fileThumbHolder .folder .name {
      position: absolute;
      left: 0px;
      top: 96px;
      width: 113px;
      height: 40px;
      font-size: 11px;
      text-align:center;
      overflow:hidden;
      padding: 0 2px;
	  word-wrap: break-word;
}

.fileThumbHolder .file .name {
      position: absolute;
      left: 21px;
      top: 96px;
      width: 92px;
      height: 40px;
      font-size: 11px;
      text-align:center;
      overflow:hidden;
      padding: 0 2px;
	  word-wrap: break-word;

}

.fileThumbHolder .file .tools, .fileThumbHolder .folder .tools {
      position: absolute;
      width: 20px;
      height: 136px;
      padding-right: 1px;
      background: #E1E1E1;
      text-align:center;
}

.fileThumbHolder .folder .tools {
      background: none;
      z-index: 10;
}



.fileThumbHolder .file .tools .icons, .fileThumbHolder .folder .tools .icons {
      width: 20px;
      position: absolute;
      bottom: 0px;
      left: 0px;
      text-align:center;
}
.fileThumbHolder .file .tools .icons input, .fileThumbHolder .folder .tools .icons input {
      margin-left: 1px;
      margin-bottom: 1px;
      border: none;
}

.fileThumbHolder .file .image {
      position: absolute;
      left: 21px;
      width: 96px;
      height: 96px;
      background: #F5F5F5;
        display:block;
        background-image:url(../graphics/overlays/alphapattern.png);
        background-repeat:repeat;
        line-height: 96px;
        text-align: center;
}
.fileThumbHolder .file .image img {
      vertical-align: middle;
      
}


.fileListHolder table, .itemListHolder table, .windowSubTable table, .gridHolder table, .formTableHolder > table{
      width: 100%;
}

.itemListHolder th, .fileListHolder th {
      padding: 2px 0;
      background-color: #E1E1E1;
      font-size: 11px;
      color: #808080;
      text-align: left;
      border-bottom: 1px solid #CCC;
}

.itemListHolder th:first-child {
      padding-left: 4px;
}

.fileListHolder td, .itemListHolder td {
      padding: 3px 0 2px 0;
}
.itemListHolder td {
      vertical-align: text-top;
      font-size: 11px;
}

.itemListHolder .cellborderright {
    border-right: 1px solid #f0f0f0;
    background-color: #fff;
}

.statusListHolder td span {
                word-break: break-word;
}


.alt td{
      background-image: url(../graphics/overlays/white-alpha75.png);
}

.altcolored td{
      background-image: url(../graphics/overlays/white-alpha25.png);
}

.fileListHolder .icon img, .itemListHolder .icon img {
      margin-top: 0px;
}
.fileListHolder .tools {
      text-align: right;
      padding-right : 8px;
}

.fileListHolder .tools input, .itemListHolder .tools input {
      margin-top: 1px;
      margin-left: 2px;
}
.itemListHolder td:first-child {
      padding-left: 3px;
}

.alignRight {
      text-align: right;
      padding-right: 3px;
}
/* ======================================= ITEM LIST === */
.listHolderClip, .listHolderFilter 
{
	font-size: 11px;
}

.limitedHolder {
      background: #BBB;
      background-image:url(../graphics/overlays/dashed-1.png);
}
.listHolderClip .file, .listHolderClip .fileAlt {
      display:block;
      padding: 3px 3px 1px 3px;
      overflow: auto;
}

.listHolderClip .fileAlt {
      background-image: url(../graphics/overlays/white-alpha75.png);
}

.limitedHolder .fileAlt {
      background-image: url(../graphics/overlays/white-alpha25.png);
}

.listHolderClip .file:hover, .listHolderClip .fileAlt:hover {
      display:block;
      background-image: url(../graphics/overlays/black-alpha.png);
}

.listHolderClip .icon {
      float: left;
      display:inline-block;
      margin-right: 4px;
}

.listHolderClip .name {
      float: left;
      padding-top: 1px;
      overflow:hidden;
      width: 140px;
}

.listHolderClip .tools {
      float: right;
      padding-top:2px;
}

.listHolderClip img {
      display: inline;
}

.listHolderFilter .option, .listHolderFilter .optionAlt {
      display:block;
      overflow: auto;
      padding: 3px;
}
.listHolderFilter label {
      display:inline-block;
}

.listHolderFilter .name {
      float: left;
      padding-top: 2px;
      overflow:hidden;
      width: 175px;
}
.listHolderFilter .optionAlt {
      background-image: url(../graphics/overlays/white-alpha75.png);
}

.reorderList ul
{
	padding: 0px;
	margin: 0px;
}

.reorderList li
{
	list-style-type: none;
	background-color: #F0F0F0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #E1E1E1;
}

.reorderList td 
{
	vertical-align: middle;
	padding: 1px;
}


/* tool icon hovers */
.tools input:hover {
      background: #FFF;
}
.input {
      float: left;
        
        /* == old
        padding:2px;
      display:inline-block;
      margin-right: 4px;
      height: 20px;
      width: 20px;
      text-align:center;
*/
}
.input input {
      vertical-align:middle;
}

.fileListHolder .input {
      margin-left: 3px;
}
.listHolderFilter .input {
      margin-right: 3px;
}
.cbStatus td {
	font-size: 11px;
	padding-right: 2px;	
}

.support .formTableHolder {
	padding: 2px;
}

.support .formTableHolder > table > tbody > tr > td{
	padding: 2px 1px;
	vertical-align:text-top;
	border-bottom: 1px solid #EBEBEB;
}

.support .formTableHolder .alignTopTable > tbody > tr > td
{
	vertical-align: top;
}

.alignTopTable > tbody > tr > td
{
	vertical-align: top;
}

.alignMiddleTable > tbody > tr > td
{
	vertical-align: middle;
}


.windowPaging > td  {
	background-color: #D7D7D7;
	border-top: 1px solid #CCC;
	overflow: auto;
	color: #404040;
	text-align: right;
}

.windowPaging td table {
	width: auto;
	float: right;
}

.windowPaging td
{
	padding: 0px;
}

.windowPaging td table td
{
	width: 18px;
}

.windowPaging td table a, .windowPaging td table span {
	display:block;
	padding: 1px;
	margin: 0 2px;
	text-decoration:none;
	color: #808080;
	text-align: center;
	font-size: 11px;
}

.windowPaging td table a:hover{
	background-image:url(../graphics/overlays/white-alpha50.png);
}

.windowPaging td table span {
	background-image:url(../graphics/overlays/white-alpha75.png);
}

.counter {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    margin-left: 2px;
}
.counter img{
    vertical-align:text-bottom;
}
/* ======================================= ACCORDION === */
.accHeader, .accHeaderCollapsible {
      background-color: #D7D7D7;
      border-bottom: 1px solid #A6A6A6;
      padding: 2px 4px;
      text-transform:lowercase;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
}

.accHeaderCollapsible
{
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
}


.accContent {
      background-color: #F5F5F5;
}

.accAlt .accHeader {
      background-color: #D7D7D7;
      color: #252525;
      border-bottom: 1px solid #CCC;
}

.accAlt br
{
      display: none;
}

/* ======================================= WIZARD === */
.wizardStep, .wizardStepActive {
      position:relative;
      background-color: #f5f5f5;
      border: 1px solid #E1E1E1;
      color: #6D6D6D;
      margin-bottom: 4px;
      display:block;
      overflow:auto;
      font-size: 11px;
}

.wizardStep .nr, .wizardStepActive .nr {
      float: left;
      width: 40px;
      height: 38px;
      padding-top:6px;
      background-color: #E1E1E1;
      color: #6D6D6D;
      font-size: 28px;
      text-align:center;
}

.wizardStep .content, .wizardStepActive .content {
      float: left;
      width: 145px;
      padding-left: 2px;
}
.wizardStep .check, .wizardStepActive .check {
      float: left;
      width: 16px;
      text-align: right;
      padding:2px;
}

.wizardStepActive {
      border: 1px solid #252525;
      color: #252525;
}
.wizardStepActive .nr {
      background-color: #252525;
      color: #FFF;
}

.screenViewSelectHolder {
      overflow: auto;
      margin: 8px 0;
}
.screenViewPart {
      
}
.screenViewPart:hover {
      background-image: url(../graphics/overlays/black-alpha.png);
}
.screenViewPartOff {
      background-image:url(../graphics/overlays/dashed-2.png);
}
/* ======================================= FORMS === */
.stdButton, .wzdButtonLeft, .wzdButtonRight {
      padding: 3px 6px;
      border: 1px solid #404040;
      background-color: #252525;
      color: #FFF;
      font-size: 12px;
      text-decoration: none;
      cursor: pointer;
	  font-family : Verdana, sans-serif;
	  margin: 2px 0px;
	  display: inline-block;
}

.wzdButtonLeft
{
	float: left;
	margin-right: 5px;
}

.wzdButtonRight
{
	float: right;
	margin-left: 5px;
}


.listButton {
      padding: 1px 3px;
      border: 1px solid #A1A1A1;
      background-color: #D7D7D7;
      color: #252525;
      font-size: 10px;
      text-decoration: none;
      cursor: pointer;
	  font-family : Verdana, sans-serif;
}

.stdButton:hover, .wzdButtonLeft:hover, .wzdButtonRight:hover  {
      background-image:url(../graphics/overlays/white-alpha25.png);
      text-decoration: none;
      color: #FFF;
}

.listButton:hover
{
	background-image:url(../graphics/overlays/white-alpha25.png);
    text-decoration: none;
    color: #666;
}


.stdButton[disabled="disabled"], stdButton.disabled, wzdButtonRight[disabled="disabled"], wzdButtonRight.disabled, wzdButtonLeft[disabled="disabled"], wzdButtonLeft.disabled {
      padding: 3px 6px;
      border: 1px solid #6D6D6D;
      background-color: #737373;
      color: #E1E1E1;
}

.stdButton[disabled="disabled"]:hover, stdButton.disabled:hover, wzdButtonRight[disabled="disabled"]:hover, wzdButtonRight.disabled:hover, wzdButtonLeft[disabled="disabled"]:hover, wzdButtonLeft.disabled:hover {
      background-image:url(../graphics/overlays/dashed-2.png);
      text-decoration: none;
      color: #E1E1E1;
}

.stdButton.help {
    background-color: #FFF;
    color: inherit;
}

.stdButton.help:hover {
    color: #2F1E10;
}


.lnkButton {
	color: #09C;
	text-transform:uppercase;
	font-size:11px;
}


.formButtonArrow, .formButtonArrowLight {  
      padding: 0 8px;
      height: 22px;
	  background: none;
}
.formButtonArrow {
	color: #FFFFFF;
}
.formButtonArrow:hover {
      background-image: url(../graphics/overlays/white-alpha.png);
      cursor: pointer;
}

.fieldHolder
{
	padding: 12px 8px 0px 8px;
	float: left;
}

.searchHolder {
      padding: 8px;
        float:left;
}
.searchHolder label, .fieldHolder label  {
      margin-right: 8px;
}
.searchField {
      height: 20px;
      background-image:url(../graphics/formfield-back.png);
      background-position: top left;
      background-repeat:repeat-x;
        padding: 0px;
}
.formField {
	
}
.formFieldFileUpload
{
	 border: 1px solid #404040; 
	 font-size: 12px;
	 padding: 2px;
}

.formFieldTextSmall {
      border: 1px solid #CCC;
        width: 40px;
        padding: 1px;
}
.formFieldTextMedium {
      border: 1px solid #CCC;
        width: 140px;
        padding: 1px;
}
.formFieldTextLarge {
      border: 1px solid #CCC;
        width: 300px;
        padding: 1px;
}
.formFieldTextMax {
      border: 1px solid #CCC;
        width: 99%;
        padding: 1px;
}
.formFieldSelect
{
      font-size: 11px;
      border: solid 1px #CCC;
}

.formTableHolder{
      padding: 4px;
}
.support .formTableHolder
{
	padding: 0px;
}
.support .formTableHolder > table > tbody > tr > td:first-child
{
	padding-left: 4px;
}
.support .formTableHolder
{
	padding-top: 4px;
}

.formTable{
      width: 100%;
}
.formTable > tbody > tr > td {
      padding: 3px;
      vertical-align:text-top;
}

.contentHolder select, .formTableHolder select, .formTableHolder input[type="text"], .contentHolder input[type="text"] {
      background-image: none;
      border: 1px solid #CCC;
}

.formTablePopin {
	border: 1px dashed #E1E1E1;
	background-color: #FFF;
	margin: 2px 20px 2px 0;
	padding: 4px;
	
}
.formTablePopin input {
	padding: 3px;
}
.formTablePopin textarea {
	border: 1px solid #CCC;
	width: 100%;
}

.openMediaBrowser 
{
	background-color: #F5F5F5;
      background-image:url(../graphics/tools/file-add-mediabrowser.png);
      background-position: 4px center;
      background-repeat:no-repeat;
      padding: 1px 8px 2px 24px;
      height: 30px;
      border: 1px solid #CCC;
      font-size: 12px;
      cursor: pointer;
	  font-family : Verdana, sans-serif;
      vertical-align: middle;
}
.openMediaBrowser:hover {
      border: 1px solid #BBB;
      background-color:#F9F9F9;
      cursor: pointer;
}
.selectedFile {
      display: block;
      vertical-align: middle;
      background-image: url(../graphics/overlays/white-alpha25.png);
      padding: 2px 2px 3px 3px;
      border: 1px solid #EBEBEB;
      margin-top: 2px;
      margin-bottom: 3px;
}
.selectedFile span
{
      vertical-align: bottom;
}


.selectedFile img, .selectedFile input {
      display:inline;
      vertical-align:text-top;
}
.selectedFile input {
      margin-top: 2px;
}

.sliderValue {
      border: none;
      width: 70px;
      font-size: 24px;
      color: #252525;
}

/* ======================================= GRID === */
/*
3%    -     F9F9F9 <- alternating row color
5%    -     F5F5F5
10%   -     EBEBEB
15%   -     E1E1E1
20%   -     D7D7D7
25% -       CCC
33% - BBB
50%   -           808080
66%   -     6D6D6D
90% -       252525
*/


.help, .itemListHolder .help {
      text-decoration:none;
      cursor: pointer;
      border-bottom:1px solid #09C;
      display: inline-block;
}



/* ======================================= MENU === */
nav * {
      margin: 0;
      padding: 0;
      list-style: none;
      line-height: 14px;
      font-family: Arial, Sans-Serif;
      z-index: 999;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
      display:block;
}

nav .left {
      float: left;
}

nav .right {
      float: right;
}

nav {
      height: 38px;
      float: left;
}

nav li {
      float: left;
      display: block;
}

nav li:first-child {
}

nav li:last-child {
      background:none;
}

nav li a {
      float: left;
      display: block;
      padding: 12px 14px;
      font-size: 14px;
      color: #FFF;
      text-decoration: none;
      text-transform: lowercase;
}

nav > ul > li > a
{
	  background:url(../graphics/menu/dark_item-separator.png) no-repeat right;
}

nav li a:hover {
      color: #D7D7D7;
}

nav li.drop,
nav li.drop li {
      position: relative;
}

nav li.drop a {
      padding-right: 30px;
      
}

nav ul > li.drop {
      background: url(../graphics/menu/l_arrow_down.png) no-repeat right;
}

nav ul > li.drop > a:hover,
nav ul > li.drop:hover > a {
      position: relative;
      background: url(../graphics/menu/l_arrow_down.png) no-repeat right);

}

nav ul li.drop li.drop,
nav ul > li.drop li.drop:hover > a {
      background: url(../graphics/menu/l_arrow_right.png) no-repeat right;
}

nav li .menu {
      display: none;
}

nav li:hover .menu,
nav li .menu ul {
      position: absolute;
      left:-2px;
      width: 220px;
      background: #252525;
      z-index: 900;
}

nav li:hover .menu {
      display: block;
      position: absolute;
      top: 38px;
}

nav li:hover .menu ul {
      display: none;
}

nav li.drop li.drop:hover ul {
      display: block;
}

nav li .menu ul {
      position: absolute;
      top: 0px;
      left: 219px;
}

nav .menu li {
      float: none;
      border-right: none !important;
}

nav .menu a{
      display: block;
      float: none;
      border-bottom: 0;
      border: none;
      
}

nav .menu a:hover,
nav ul > li.drop li.drop:hover > a:hover
{
      background-image: url(../graphics/overlays/white-alpha.png);
      background-repeat:repeat;
}

nav .menu li {
      border: none;
}

nav .menu li:last-child {
      border-bottom: none;
}



/* =================Grid================ */


.weekTable
{
      empty-cells: show;
      background-color: #FFFFFF;
}

.weekColHeader 
{
      width: 16px;
      font-size: 9px;
      vertical-align: middle;
      text-align: center;}

.weekGridHeader
{
      background-image:url('../graphics/grid-selectall.gif');
      background-position:bottom right;
      background-repeat:no-repeat;
      background-color: #F5F5F5;
}

.weekRowHeader 
{
      height: 16px;
      	width: 170px;
      font-size: 11px;
      vertical-align: middle;
      padding: 1px 3px 1px 4px;
      background-color: #F5F5F5;
}

.weekGridCell 
{
      font-size: 9px;
      vertical-align: middle;
      text-align: center;
}

.monthTable
{
      empty-cells: show;
      cursor: pointer;
      background-color: #FFFFFF;
}

.monthGridHeader
{
      background-image:url('../graphics/grid-selectall.gif');
      background-position:bottom right;
      background-repeat:no-repeat;
      background-color: #F5F5F5;
}

.monthColHeader 
{
      width: 16px;
      font-size: 9px;
      vertical-align: middle;
      text-align: center;
}

.monthRowHeader 
{
      height: 14px;
      font-size: 11px;
      vertical-align: middle;
      padding: 1px 3px 1px 4px;
      background-color: #F5F5F5;
}

.channelMonthGridRowHeader 
{
      height: 14px;
      font-size: 9px;
      vertical-align: middle;
      width: 12px;
      background-position: left bottom;
      background-repeat: no-repeat;
}

.channelMonthGridDescriptionHeader
{
      background-color: #E1E1E1;
      color: #808080;
      font-size: 11px;
      font-weight: bold;
}

.channelMonthGridDescriptionCell
{
      background-color: #F5F5F5;
      font-size: 11px;
      vertical-align: bottom;
      padding: 2px 1px 2px 1px;
}

.channelMonthGridDescriptionCellDisabled
{
      background-color: #F5F5F5;
      font-size: 11px;
      vertical-align: bottom;
      padding: 2px 1px 2px 1px;
      font-weight: bold;
      color: #808080;
}

.channelMonthGridDescriptionCell input, .channelMonthGridDescriptionCell img
{
      margin-left: 2px;
      margin-bottom: 1px;
}

.channelMonthGridChannelCaptionContainer
{
      width: 10px;
    height: 21px;
    vertical-align: bottom;
}

.channelMonthGridChannelCaption
{
      width: 976px;
    background-color: #FFFFFF;
    border-bottom: solid 1px #999999;
    border-top: solid 1px #DDDDDD;
    position: absolute;
    overflow: visible;
    height: 20px;
    margin-top: -3px;
    margin-left: -2px;
    margin-bottom: 1px;
    font-size: 11px;
    font-weight: bold;
}

.channelMonthGridChannelCaption span
{
      height: 15px;
      margin-top: 5px;
      position: absolute;
      color: #808080;
      padding-left: 21px;
}

.monthGridCell 
{
      font-size: 9px;
      vertical-align: middle;
      text-align: center;
}

/* =================End Grid================ */


/* =================InfoBoxes================ */
.pageInfoHolderTip {
      background-color: #F0F9FF;
      border: 1px solid #ACDBEA;
	  padding: 6px;
      color: #252525;
      margin-bottom: 4px;
	  background-image:url(../graphics/icon-msg-info.png);
	  background-repeat:no-repeat;
	  background-position: 6px 10px;
}
.pageInfoHolderError {
      background-color: #FFEAE8;
      border: 1px solid #F6C1C1;
	  padding: 6px;
      color: #252525;
      margin-bottom: 4px;
	  background-image:url(../graphics/icon-msg-error.png);
	  background-repeat:no-repeat;
	  background-position: 6px 8px;
}
.pageInfoHolderNote {
      background-color: #FFFFD1;
      border: 1px solid #FFED8F;
	  padding: 6px;
      color: #252525;
      margin-bottom: 4px;
	  background-image:url(../graphics/icon-msg-note.png);
	  background-repeat:no-repeat;
	  background-position: 6px 8px;
}
.pageInfoHolderSucces {
      background-color: #EDFFED;
      border: 1px solid #C2EDAB;
	  padding: 6px;
      color: #252525;
      margin-bottom: 4px;
	  background-image:url(../graphics/icon-msg-succes.png);
	  background-repeat:no-repeat;
	  background-position: 6px 8px;
}
.pageInfoHolderTip h2, .pageInfoHolderError h2, .pageInfoHolderNote h2, .pageInfoHolderSucces h2 {
      font-size: 18px;
      font-weight: normal;
      margin-bottom: 0;
	  margin-left: 22px;
}


.pageInfoHolder p, .pageInfoHolderTip p, .pageInfoHolderError p, .pageInfoHolderNote p, .pageInfoHolderSucces p {
      margin: 4px 0 0 0 ;  
}

/* =================End InfoBoxes================ */

/* ====================General============== */

.contentHolder
{
	overflow: auto;
	padding: 8px 4px 8px 0px;
}

.modalBackground {
	background-color: #686868;
	filter:alpha(opacity=70);
	opacity:0.7;
}	


.sliderHolder 
{
    overflow: auto;
    margin-bottom: 20px;
}

.slider 
{
    float:left;
    margin-top:4px;
}

.sliderNumberHolder 
{
    float: left;
    margin-left: 20px;
}

.winButton, .winButtonInput {
	display: block;
	width: auto;
	padding: 6px 8px;
	text-align:left;
	background-image: url(../graphics/menu/b_arrow_right.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #EBEBEB;
	margin: 1px 0;
	text-decoration: none;
}

.winButtonInput{
	width: 100%;
	font-size: 11px;
	cursor: pointer;
	font-family: Verdana, Helvetica, sans-serif;
}

.winButton:hover, .winButtonInput:hover {
	background-color: #E1E1E1;
	color: #252525;
}

.modalWindowHolder .windowHeadTitle {
     padding: 6px;
}

.companySelectHolder {
    position:relative;
    overflow:visible;
    width: 200px;
}
.companySelectSearch {
    position: relative;
    width: 100%;
    border: 1px solid #CCC;
    overflow: hidden;
}

.companySelectSearch input {
    width: 100%;
    border: none;
    padding: 0;
    margin: 1px;
}

.companySelectIcon {
    position: absolute;
    top: 3px;
    right: 1px;
}
.companySelectResult {
    position:relative;
    clear: both;
    width: 100%;
    border: 1px solid #CCC;
    border-top: none;
}    
.companySelectResult select {
    width: 100%;
    margin-right: -4px;
    border: none;
}

input[type=text]::-ms-clear { display: none; }

tr[name^=anim_settings] {
    display: none;
}



.livesearchgroup .inputholder {
    overflow: hidden
}

.livesearch-container{
    height: 27px;
}

.textsuggestion-holder, .livesearch-holder {
    position: absolute;
    margin-bottom: 1px;
    display: inline-block;
    padding-right: 1.5em;
    min-width: 10em;
    border: none;
    box-sizing: border-box;
    border: 1px solid #ccc;
    vertical-align: middle;
    background-color: #FFF;
    clear: both
}

.textsuggestion-holder input, .livesearch-input {
    position: relative;
    min-width: 160px;
    margin: 0;
    padding: 1px;
    border: 0 !important;
    background: transparent;
    box-sizing: border-box
}

.livesearch-result {
    position: absolute;
    display: none;
    width: 20em;
    padding: 0;
    margin-top: 1px;
    margin-left: -1px;
    background-color: #fff;
    z-index: 100;
    border-bottom: 1px solid rgba(0,0,0,0.15)
}

.livesearch-result li {
    display: block;
    position: relative;
    list-style-type: none;
    padding: .3em .5em;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    border-left: 1px solid rgba(0,0,0,0.15);
    border-right: 1px solid rgba(0,0,0,0.15)
}

.livesearch-result li:first-child {
    border-top: 1px solid rgba(0,0,0,0.15)
}

.livesearch-result li:last-child {
    border-bottom: 1px solid rgba(0,0,0,0.15)
}

.livesearch-result li:hover {
    background-color: rgba(0,0,0,0.025);
    cursor: pointer
}

.result-selected {
    background-color: rgba(0,0,0,0.05);
    font-weight: 700;
    cursor: pointer
}

    .result-selected:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        width: 1.75em;
        transform: translateY(-52%);
        text-align: center;
        color: #00aa00;
        font-weight: 700
    }

.livesearch-match:after {
    content: '\2713';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1.75em;
    height: 40px;
    transform: translateY(-52%);
    text-align: center;
    color: #00aa00;
    font-weight: 700;
    line-height: 40px
}

.livesearch-span {
    display: inline-block;
    padding: .5em 1em;
    background: rgba(255,255,255,0.4)
}

.livesearch-select {
    position: relative;
    height: 40px;
    padding: 0 .5em;
    border: none;
    background-color: #FFF
}

    .livesearch-select option {
        padding: .5em
    }

.campaignitemalreadyselected td {
    font-weight: 500 !important;
    background-color: #ACDBEA
}