/**
 *     Main CSS file
 */

/*
 * Used colours:
 */

wbr {
	background: #EAE2F4; /* ROZ DESCHIS */
	background: #E8871E; /* PORTOCALIU */
	background: #A67875; /* MARO MEDIU */
	background: #DAA5A3; /* MARO DESCHIS / ROZ */
	background: #403231; /* MARO INCHIS */
	background: #F4F4F4; /* GRI F DESCHIS */
}

/* global layout *********************************************/

/* define fonts */

html, body {
    font-family: Tahoma, Helvetica, Geneva, sans-serif;
}

input, textarea, select {
    font-family: Tahoma, Helvetica, Geneva, sans-serif;
}

body.desktop {
	position: relative;
    background: #F4F4F4;
    font-size: 14px;
    
    min-width: 1075px;
}

body.mobile {
	position: relative;
    background: #F4F4F4;
    font-size: 14px;
    
	min-width: 10px;
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

p {
    margin-top: 2px;
    margin-bottom: 3px;
}

.clear {
    clear: both;
}

.rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.shadowed {
    box-shadow: 2px 2px 4px #888;
    -webkit-box-shadow: 2px 2px 4px #888;
}

.ultra-shadowed {
    box-shadow: 2px 2px 20px #888;
    -webkit-box-shadow: 2px 2px 20px #888;
}

div.horizontal-line {
    height: 0;
    border-bottom: 2px solid #6E1919;
    margin: 4px 0;
}

div.vertical-line {
    width: 0;
    height: 100%;
    border-right: 2px solid #6E1919;
    margin: 0 4px;
    float: left;
}

.standard-button {
    /*height: 22px;*/
    padding: 4px 15px;
    background: #403231;
    color: #F9F9F9;
    border: none;
    line-height: 22px;
    vertical-align: middle;
    text-decoration: none;
    
    font-size: 13px !important
}

.hspace5 {
	margin-left: 5px;
}

.standard-button:hover {
    background: #000;
}

.standard-button-ok {
    height: 30px;
    margin: 5px 10px;
    padding: 4px 15px;
    background: #44DD44;
    color: #302623;
    border: 2px solid #33AA33;
    vertical-align: middle;
    text-decoration: none;
    
    font-size: 13px !important
}

.standard-button-ok:hover {
    background: #55EE55;
}

.standard-button-cancel {
    height: 30px;
    margin: 5px 10px;
    padding: 4px 15px;
    background: #DD4444;
    color: #FFFFFF;
    border: 2px solid #AA3333;
    vertical-align: middle;
    text-decoration: none;
    
    font-size: 13px !important
}

.standard-button-cancel:hover {
    background: #EE5555;
}

table.fullwidthtable {
	width: 100%;
}

.side-vertical-commands {
    float: right;
    margin-left: 20px;
}

#overlay {
    /* must be initially hidden */
    display: none;
    position: fixed;
 	
    /* place overlay on top of other elements */
    z-index: 1000;
 
    /* styling */
    background-color: rgb(51,51,51);
    background-color: rgba(51,51,51,0.5);
 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.overlay-container {
	position: absolute;
    bottom: 5px;
    top: 50px;
    width: 100%;
}

#overlay-layer-2 {
    /* must be initially hidden */
    display: none;
    position: fixed;
 
    /* place overlay on top of other elements */
    z-index: 1100;
 
    /* styling */
    background-color: rgb(51,51,51);
    background-color: rgba(51,51,51,0.5);
 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#overlay-layer-3 {
    /* must be initially hidden */
    display: none;
    position: fixed;
 
    /* place overlay on top of other elements */
    z-index: 1200;
 
    /* styling */
    background-color: rgb(51,51,51);
    background-color: rgba(51,51,51,0.5);
 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#overlay-layer-4 {
    /* must be initially hidden */
    display: none;
    position: fixed;
 
    /* place overlay on top of other elements */
    z-index: 1300;
 
    /* styling */
    background-color: rgb(51,51,51);
    background-color: rgba(51,51,51,0.5);
 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#overlay-layer-5 {
    /* must be initially hidden */
    display: none;
    position: fixed;
 
    /* place overlay on top of other elements */
    z-index: 1400;
 
    /* styling */
    background-color: rgb(51,51,51);
    background-color: rgba(51,51,51,0.5);
 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.hidden {
    visibility: hidden;
    display: none;
}

.info {
    font-size: 14px;
    line-height: 18px;
}

.leftalign {
    float: left;
}

.rightalign {
    float: right;
}

.invisible {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
}

.leftalign.invisible {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
}

.smaller {
    font-size: 12px;
}

.center-text {
	text-align: center;
}

.globalcenterpage {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

h1, h2 {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}

h3 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}

.big-h-separator {
	width: 960px;
	height: 14px;
	margin: 10px 0;
	background: url(../images/static_big_hseparator.png) no-repeat top;
}

body.desktop .fullwidth {
	width: 400px;
	border: 1px solid #735049;
}

body.mobile .fullwidth {
	width: 60vw;
	border: 1px solid #735049;
}

body.desktop .halfwidth {
	width: 200px;
	border: 1px solid #735049;
}

body.mobile .halfwidth {
	width: 30vw;
	border: 1px solid #735049;
}

.quarterwidth {
	width: 100px;
	border: 1px solid #735049;
}

.eightwidth {
	width: 50px;
	border: 1px solid #735049;
}

.redflag {
    background: #f48888;
}

.pinned {
    background: #f4f488;
}

input[type="text"], select, input[type="password"] {
	padding: 0 4px;
}


/**************************************************************************************/

input.ctrl-700px-bordered {
	width: 700px;
	height: 25px;
	
	padding: 0 10px;
	
	border: 1px solid #A6DDFF;
}

input.ctrl-700px-bordered:focus {
	border: 1px solid #CC0C0C;
	
	box-shadow: 2px 2px 20px #FFFE91;
    -webkit-box-shadow: 2px 2px 20px #FFFE91;
}

select.ctrl-700px-bordered {
	width: 720px;
	height: 25px;
	
	padding-left: 10px;
	
	border: 1px solid #A6DDFF;
}

select.ctrl-700px-bordered:focus {
	border: 1px solid #CC0C0C;
	
	box-shadow: 2px 2px 20px #FFFE91;
    -webkit-box-shadow: 2px 2px 20px #FFFE91;
}

textarea.ctrl-700x80px-bordered {
	width: 700px;
	height: 80px;
	
	padding: 0 10px;
	
	border: 1px solid #A6DDFF;
}

textarea.ctrl-700x80px-bordered:focus {
	border: 1px solid #CC0C0C;
	
	box-shadow: 2px 2px 20px #FFFE91;
    -webkit-box-shadow: 2px 2px 20px #FFFE91;
}

#errorbar {
	/*height: 35px;*/
	line-height: 35px;
	text-align: center;
	background: #CC0000;
	
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

#infobar {
	/*height: 35px;*/
	line-height: 35px;
	text-align: center;
	background: #9dff9d;
	
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}


/* header *******************************************************/
header {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
    height: 120px;
    
    background: url(../images/background_header.png) top repeat-x;
    /*overflow: hidden;*/
}

header.mobile {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
    height: 60px;
    
    background: url(../images/background_header.png) top repeat-x;
    background-position-y: -64px;
    /*overflow: hidden;*/
}

#logo {
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 10;
}

header.mobile #logo {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 10;
}

body.desktop #header-section-container {
	position: absolute;
	left: 240px;
	top: 38px;
	height: 82px;
	min-width: 100px;
}

body.mobile #header-section-container {
	position: absolute;
	left: 100px;
	top: 28px;
	height: 30px;
}

/***********/

body.desktop #header-section-container a.tv {
	display: block;
	float: left;
	width: 147px;
	height: 82px;
	
	margin-left: -15px;
	
	background: url(../images/button_section-tv.png);
	background-position-y: 0;
}

body.desktop #header-section-container a.tv:hover {
	background: url(../images/button_section-tv.png);
	background-position: 0 -82px;
}

body.desktop #header-section-container a.tv.selected {
	background: url(../images/button_section-tv.png);
	background-position: 0 -164px;
}

body.mobile #header-section-container a.tv {
	display: block;
	float: left;
	width: 49px;
	height: 27px;
	
	margin-left: -15px;
	
	background: url(../images/button_section-tv_small.png);
	background-position-y: 0;
}

body.mobile #header-section-container a.tv:hover {
	background: url(../images/button_section-tv_small.png);
	background-position: 0 -27px;
}

body.mobile #header-section-container a.tv.selected {
	background: url(../images/button_section-tv_small.png);
	background-position: 0 -54px;
}

/*********************/

body.desktop #header-section-container a.videos {
	display: block;
	float: left;
	width: 147px;
	height: 82px;
	
	margin-left: -15px;
	
	background: url(../images/button_section-videos.png);
	background-position-y: 0;
}

body.desktop #header-section-container a.videos:hover {
	background: url(../images/button_section-videos.png);
	background-position: 0 -82px;
}

body.desktop #header-section-container a.videos.selected {
	background: url(../images/button_section-videos.png);
	background-position: 0 -164px;
}

body.mobile #header-section-container a.videos {
	display: block;
	float: left;
	width: 49px;
	height: 27px;
	
	margin-left: -5px;
	
	background: url(../images/button_section-videos_small.png);
	background-position-y: 0;
}

body.mobile #header-section-container a.videos:hover {
	background: url(../images/button_section-videos_small.png);
	background-position: 0 -27px;
}

body.mobile #header-section-container a.videos.selected {
	background: url(../images/button_section-videos_small.png);
	background-position: 0 -54px;
}

/********************/

body.desktop #header-section-container a.notif {
	display: block;
	float: left;
	width: 147px;
	height: 82px;
	
	margin-left: -15px;
	
	background: url(../images/button_section-notif.png);
	background-position-y: 0;
}

body.desktop #header-section-container a.notif:hover {
	background: url(../images/button_section-notif.png);
	background-position: 0 -82px;
}

body.desktop #header-section-container a.notif.selected {
	background: url(../images/button_section-notif.png);
	background-position: 0 -164px;
}

/******************/

body.desktop #header-section-container a.info {
	display: block;
	float: left;
	width: 147px;
	height: 82px;
	
	margin-left: -15px;
	
	background: url(../images/button_section-info.png);
	background-position-y: 0;
}

body.desktop #header-section-container a.info:hover {
	background: url(../images/button_section-info.png);
	background-position: 0 -82px;
}

body.desktop #header-section-container a.info.selected {
	background: url(../images/button_section-info.png);
	background-position: 0 -164px;
}

body.mobile #header-section-container a.info {
	display: block;
	float: left;
	width: 49px;
	height: 27px;
	
	margin-left: -5px;
	
	background: url(../images/button_section-info_small.png);
	background-position-y: 0;
}

body.mobile #header-section-container a.info:hover {
	background: url(../images/button_section-info_small.png);
	background-position: 0 -27px;
}

body.mobile #header-section-container a.info.selected {
	background: url(../images/button_section-info_small.png);
	background-position: 0 -54px;
}

/*********************/

body.desktop #header-section-container a.eurosport {
	display: block;
	float: left;
	width: 147px;
	height: 82px;
	
	margin-left: -15px;
	
	background: url(../images/button_section-eurosport.png);
	background-position-y: 0;
}

body.desktop #header-section-container a.eurosport:hover {
	background: url(../images/button_section-eurosport.png);
	background-position: 0 -82px;
}

body.desktop #header-section-container a.eurosport.selected {
	background: url(../images/button_section-eurosport.png);
	background-position: 0 -164px;
}

body.mobile #header-section-container a.eurosport {
	display: block;
	float: left;
	width: 49px;
	height: 27px;
	
	margin-left: -5px;
	
	background: url(../images/button_section-eurosport_small.png);
	background-position-y: 0;
}

body.mobile #header-section-container a.eurosport:hover {
	background: url(../images/button_section-eurosport_small.png);
	background-position: 0 -27px;
}

body.mobile #header-section-container a.eurosport.selected {
	background: url(../images/button_section-eurosport_small.png);
	background-position: 0 -54px;
}

/************************/

#header-section-container a.network {
	display: block;
	float: left;
	width: 147px;
	height: 82px;
	
	margin-left: -15px;
	
	background: url(../images/button_section-net.png);
	background-position-y: 0;
}

#header-section-container a.network:hover {
	background: url(../images/button_section-net.png);
	background-position: 0 -82px;
}

#header-section-container a.network.selected {
	background: url(../images/button_section-net.png);
	background-position: 0 -164px;
}

/*****************************************/
body.desktop #header-section-container a.calendar {
	display: block;
	float: left;
	width: 147px;
	height: 82px;
	
	margin-left: -15px;
	
	background: url(../images/button_section-calendar.png);
	background-position-y: 0;
}

body.desktop #header-section-container a.calendar:hover {
	background: url(../images/button_section-calendar.png);
	background-position: 0 -82px;
}

body.desktop #header-section-container a.calendar.selected {
	background: url(../images/button_section-calendar.png);
	background-position: 0 -164px;
}

/*******************************************************/
body.desktop #header-section-container a.calendarnl {
	display: block;
	float: left;
	width: 147px;
	height: 82px;
	
	margin-left: -15px;
	
	background: url(../images/button_section-calendarnl.png);
	background-position-y: 0;
}

body.desktop #header-section-container a.calendarnl:hover {
	background: url(../images/button_section-calendarnl.png);
	background-position: 0 -82px;
}

body.desktop #header-section-container a.calendarnl.selected {
	background: url(../images/button_section-calendarnl.png);
	background-position: 0 -164px;
}

/*******************************************************/
body.desktop #header-section-container a.calendarmcr {
	display: block;
	float: left;
	width: 147px;
	height: 82px;
	
	margin-left: -15px;
	
	background: url(../images/button_section-calendarmcr.png);
	background-position-y: 0;
}

body.desktop #header-section-container a.calendarmcr:hover {
	background: url(../images/button_section-calendarmcr.png);
	background-position: 0 -82px;
}

body.desktop #header-section-container a.calendarmcr.selected {
	background: url(../images/button_section-calendarmcr.png);
	background-position: 0 -164px;
}

/*****************************************/

body.desktop #auth-box {
	position: absolute;
	width: 244px;
	height: 28px;
	top: 25px;
	right: 0;
	
	line-height: 28px;
	vertical-align: middle;
	
	padding-left: 20px;
	font-size: 12px;
	
	background: url(../images/static_loginbox.png) no-repeat top;
	background-position: 0 0;
	
	text-shadow: 2px 2px 4px #FFF;
    -webkit-text-shadow: 2px 2px 4px #FFF;
}

body.desktop #auth-box:hover {
	background-position: 0 -28px;
}

body.mobile #auth-box {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 15px;
	right: 0;
	
	line-height: 28px;
	vertical-align: middle;
	
	padding-left: 20px;
	font-size: 12px;
	
	background: url(../images/icon_small_user.png) no-repeat top;
	background-position: 0 0;
	
	text-shadow: 2px 2px 4px #FFF;
    -webkit-text-shadow: 2px 2px 4px #FFF;
}

body.mobile #auth-box.loggedin {
	background: url(../images/icon_small_user.png) no-repeat top;
	background-position: 0 -32px;
}

body.mobile #auth-box:hover {
	background-position: 0 -32px;
}

body.desktop #auth-box-dropdown {
    position: relative;
    z-index: 100;
    visibility: hidden;
    width: 235px;
    top: 0;
    left: -20px;
    padding: 5px;
    border: 1px solid #6E1919;
    background: #FFF;
    text-align: center;
    
    color: #735049;
}

body.desktop #header-clock {
	position: absolute;
	right: 20px;
	top: 60px;
	
	font-size: 40px;
	font-weight: bold;
	color: grey;
}

body.mobile #auth-box-dropdown {
    position: relative;
    z-index: 100;
    visibility: hidden;
    width: 235px;
    top: 20px;
    left: -220px;
    padding: 5px;
    border: 1px solid #6E1919;
    background: #FFF;
    text-align: center;
    
    color: #735049;
}

body.mobile #header-clock {
	position: absolute;
	right: 5px;
	top: 60px;
	
	font-size: 12px;
	font-weight: bold;
	color: grey;
}

/*******************/


/* raw users *****************************************************************/
#users-list-container {
    width: 280px;
    float: left;
    margin-right: 20px;
}

#raw-users-details-container {
    float: left;
}

#raw-users-list {
    width: 280px;
    height: 350px;
    overflow: auto;
    border: 1px solid #403231;
    background: #FFFFFF;
}

#raw-users-list a.element {
    display: block;
    padding: 0 10px;
    height: 20px;
    background: #F9F9F9;
    border-bottom: 1px solid #EAE2F4;
    
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    text-decoration: none;
    color: #403231;
}

#raw-users-list a.element:hover {
    color: #FFFFFF;
    background: #E8871E;
}

#raw-users-details-container table td {
    padding: 4px;
    vertical-align: middle;
}

#raw-users-details-container input[type='text'],
#raw-users-details-container input[type='password'] {
    width: 260px;
    height: 20px;
    float: left;
    border: 1px solid #403231;
    padding-right: 20px;
    background: #FFFFFF;
}

/** breadcrumb ***************************************************************/
a.bread-item {
	margin-right: 10px;
	
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.bread-item:hover {
	text-decoration: underline;
	color: #E8871E;
}

/** content ****************************************************/
#content-container {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	min-height: 100px;
	
	background: url(../images/background_content.png) top repeat-x;
}

.col-left-narrow {
	position: relative;
	float: left;
	top: 5px;
	left: 5px;
	width: 300px;
}

.col-right-wide {
	position: relative;
	float: left;
	top: 5px;
	right: 5px;
	left: 20px;
}

.list {
	height: 250px;
	overflow: auto;
	background: #FFF;
	
	border: 1px solid #403231;
	
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div.list div.element {
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	padding: 2px 10px;
	
	background: #F4F4F4;
	color: #000;
}

div.list div.element:hover {
	background: #E8871E;
	color: #FFF;
}

div.list div.element.selected {
	background: #E8871E;
	color: #FFF;
}

input.tvchedit,
select.tvchedit {
	width: 250px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	
	padding: 0 5px;
	
	border: 1px solid #403231;
}

textarea.tvchedit {
	width: 250px;
	height: 50px;
	
	padding: 0 5px;
	
	border: 1px solid #403231;
}

div.col-right-wide table td {
	vertical-align: middle;
}

div.upload-tvicon-placeholder {
	position: relative;
	width: 130px;
	height: 100px;
	overflow: hidden;
}

div.upload-tvicon-placeholder img {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	height: 100px;
}

div.upload-tvicon-placeholder span#hBtnUpload {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	height: 100px;
	
	background: url(../images/static_transparency_130x100.png);
}

input#hFileUpload {
	overflow: hidden;
	background: url(../images/static_transparency_130x100.png);
	opacity: 0;
	transform: translate(-300px, 0px) scale(8);
}

/** content - tv section ************************************************/
a.tvchannel {
	display: block;
	float: left;
	
	width: 130px;
	height: 100px;
	
	border: 5px solid #DAA5A3;
	margin: 10px;
}

a.tvchannel:hover {
	border: 5px solid #403231;
}

div.section-view {
	margin: 10px 0;
	padding: 45px 5px 5px 50px;
	
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    
    border: 1px solid #338000;
    background: url(../images/static_section-view.png) no-repeat top left;
}

div.section-download {
	margin: 10px 0;
	padding: 45px 5px 5px 50px;
	
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    
    border: 1px solid #0042CC;
    background: url(../images/static_section-down.png) no-repeat top left;
}

div.section-add {
	margin: 10px 0;
	padding: 45px 5px 5px 50px;
	
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    
    border: 1px solid #B10000;
    background: url(../images/static_section-add.png) no-repeat top left;
}

a.control-element {
	display: block;
	float: left;
	width: 150px;
	height: 110px;
	margin: 4px;
	padding: 4px;
	text-decoration: none;
}

a.control-element:hover,
a.control-element:hover div.control-element-text {
	background: #333;
	color: #fff;
}

.control-element-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: center;
	padding-top: 4px;
}

/** content - xls testing ***********************************************/
table.xls-testing td {
	border: 1px solid #000;
	padding: 4px;
}

/** CONTENT - GENERAL CALENDAR *********************************************************/

input.rapoarte-selectie {
	height: 23px;
	margin-right: 5px;
	text-align: center;
}

select.rapoarte-selectie {
	height: 27px;
	margin-right: 5px;
	line-height: 27px;
}

table.calendar {
    width: 100%;
    background: #FFFFFF;
}

body.desktop table.calendar thead td {
    width: 14%;
    font-weight: bold;
    border-bottom: 1px solid #000;
    padding: 5px 0;
    text-align: center;
    background: #F9F9F9;
}

body.mobile table.calendar thead td {
    width: 14%;
    font-weight: normal;
    border-bottom: 1px solid #000;
    padding: 5px 0;
    text-align: center;
    background: #F9F9F9;
    font-size: 2.5vw;
}

table.calendar tbody td {
	width: 14%;
	
    /*padding: 0 0 5px 0;*/
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
    
    font-size: 12px;
    font-weight: normal;
    
    vertical-align: top;
}

table.calendar tbody td:not([class='not']):hover {
    background: #ffc;
}

table.calendar tbody td div.specific-day {
	position: relative;
	
    height: 25px;
    background: #888;
    line-height: 25px;
    padding: 0 5px;
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
}

table.calendar tbody td div.specific-day.today {
    height: 25px;
    background: #600;
    line-height: 25px;
    padding: 0 5px;
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
}

table.calendar tbody td div.specific-day span.daily-commands {
	position: absolute;
	top: 1px;
	right: 4px;
}

table.calendar tbody td div.specific-day span.daily-commands div.add-event {
	width: 20px;
	height: 20px;
	line-height: 18px;
	
	background: #FFF;
	border: 1px solid #000;
	color: #000;
	
	font-weight: bold;
	text-align: center;
}

table.calendar tbody td div.specific-day span.daily-commands div.add-event:hover {
	background: #000;
	color: #FFF;
}

table.calendar tbody td div.elements {
	overflow: hidden;
	
	text-align: center;
	
	font-size: 14px;
	font-weight: normal;
	/*padding: 8px 4px 20px 4px;*/
	padding: 4px;
}

table.table-text-report {
	width: 100%;
}

table.table-text-report td {
	line-height: 18px;
}

table.table-text-report hr {
	border: 2px solid;
}

textarea.horoscop {
	width: 450px;
	height: 70px;
}

table.agro-material-list {
	width: 100%;
}

table.agro-material-list tr:hover {
	background-color: #ed4;
}

table.calendar tbody td div.elements div.element {
	margin-bottom: 4px;
	padding: 5px;
	
	background: #ffcdac;
	
	text-align: left;
	line-height: 18px;
}

table.calendar tbody td div.elements div.element.complete {
	background: #060;
	color: #FFF;
}

table.calendar tbody td div.elements div.element.published {
	background: #FFF;
	border: 1px solid #000;
	color: #040;
}

table.calendar tbody td div.elements div.element:hover {
	background: #003BB3;
	color: #FFF;
}

/**************************************************************/
table#operations-log {
	width: 100%;
}

table#operations-log tr {
	height: 20px;
}

table#operations-log th {
	text-align: left;
	font-weight: bold;
}

table#operations-log td {
	text-align: left;
}

/******************************************************************************/

table#pls-situation {
	width: 100%;
	
	font-size: 16px;
}

table#pls-situation tr {
	height: 36px;
}

table#pls-situation tr:hover {
	background: #EEEE00;
}

table#pls-situation tr th {
	font-weight: bold;
}

table#pls-situation tr th.day {
	width: 36px;
	text-align: center;
}

table#pls-situation tr td {
	position: relative;
	border-right: 1px solid #A9A9A9;
}

table#pls-situation tr td input[type="button"] {
	position: relative;
	width: 32px;
	height: 32px;
	
	border: 0;
	margin: 0;
	padding: 0;
	
	background: url(../images/__static_checkbad.png) top no-repeat;
	cursor: pointer;
}

table#pls-situation tr td input[type="button"]:hover {
	cursor: pointer;
}

table#pls-situation tr td div.image-check-ok {
	position: relative;
	width: 32px;
	height: 32px;
	background: url(../images/__static_checkok.png) no-repeat top;
}

table#pls-situation tr td div.finalized {
	margin-bottom: -10px;
}

/******************************************************************************/

#section-info {
	padding-top: 20px;
}

#section-info span.group-button {
	padding: 5px;
	margin: 5px;
	
	background: #003BB3;
	color: #FFF;
}

#section-info span.group-button:hover {
	background: #006DCC;
}

#section-info span.group-button.selected {
	background: #A9302A;
}

#section-info div.section {
	margin: 20px;
}

#section-info div.section table {
	width: 100%;
	text-align: left;
}

#section-info div.section table tr.istoday td {
	color: #B10000;
}

#section-info div.section table th {
	background: #C4E3F3;
	border: 1px solid #FFF;
	padding: 6px;
	
	font-weight: bold;
}

#section-info div.section table td {
	padding: 4px;
}

#djroingestsuccess-section table {
	width: 450px !important;
	
	margin-left: auto;
	margin-right: auto;
}

#djroingesterror-section table {
	width: 700px !important;
	
	margin-left: auto;
	margin-right: auto;
}

/****************************************************************************/
/** ADMIN - INTEGRITY *************/

#integrity-list-container {
    width: 20%;
    float: left;
    margin-right: 1%;
}

#raw-integrity-details-container {
	width: 79%;
    float: left;
}

#raw-integrity-list {
    height: 350px;
    overflow: auto;
    border: 1px solid #403231;
    background: #FFFFFF;
}

#raw-integrity-list a.element {
    display: block;
    padding: 0 10px;
    height: 20px;
    background: #F9F9F9;
    border-bottom: 1px solid #EAE2F4;
    
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    text-decoration: none;
    color: #403231;
}

#raw-integrity-list a.element:hover,
#raw-integrity-list a.element.selected {
    color: #FFFFFF;
    background: #E8871E;
}

#raw-integrity-details-container table td {
    padding: 4px;
    vertical-align: middle;
}

#raw-integrity-details-container input[type='text'],
#raw-integrity-details-container input[type='password'] {
    width: 260px;
    height: 20px;
    float: left;
    border: 1px solid #403231;
    padding-right: 20px;
    background: #FFFFFF;
}

#integrity-results h2 {
	text-align: left;
	padding-bottom: 6px;
}

#integrity-results li {
	padding: 2px;
}

#integrity-results li:hover {
	background: #FFFE91;
}

/****************************************************************************/
table.listing {
	width: 99%;
}

table.listing th {
	padding: 4px;
	
	background: #F89406;
	color: #FFF;
	
	font-weight: bold;
}

table.listing td {
	padding: 4px;
}

table.listing tr:hover {
	background: #FFFE91;
}

table.listing tr.selected {
	background: #5EB95E;
}

table.moozevents {
	width: 99%;
}

table.moozevents th {
	font-weight: bold;
	padding: 10px 0;
	text-align: left;
}

table.moozevents td {
	vertical-align: middle;
}

table.moozevents tr.element td {
	padding: 6px;
}

table.moozevents tr.element:hover {
	background: #FBB450;
}

span.moozeventstatus {
	padding: 2px 6px;
	color: #FFF;
}

span.moozeventstatus.present {
	background: #338000;
}

span.moozeventstatus.missing {
	background: #802420;
}

table.moozevents tr.element a.edit {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

table.moozevents tr.element a.edit:hover {
	background: #408140;
	color: #FFF;
}

table.moozevents tr.element a.delete {
	font-weight: bold;
	color: #B10000;
	text-decoration: none;
}

table.moozevents tr.element a.delete:hover {
	background: #B10000;
	color: #FFF;
}

/******************************************************************************/

#moozevents-overlay {
	position: relative;
	width: 800px;
	
	margin-left: auto;
	margin-right: auto;
	
	padding: 10px;
	
	background: #FFF;
	
	font-size: 14px;
	z-index: 6000;
}

#moozevents-overlay div.content-overlay {
	overflow: auto;
}

#moozevents-overlay table {
	width: 100%;
}

#moozevents-overlay table td {
	height: 22px;
}

#moozevents-overlay div.control-panel {
	position: absolute;
	bottom: 0;
	right: 0;
	
	background: #F0F0F0;
}

#visualedit-overlay {
	position: relative;
	width: 95%;
	
	margin-left: auto;
	margin-right: auto;
	
	padding: 10px;
	
	background: #FFF;
	
	font-size: 14px;
	z-index: 6000;
}

#visualedit-overlay div.content-overlay {
	overflow: auto;
}

#visualedit-overlay table {
	width: 100%;
}

#visualedit-overlay table td {
	height: 22px;
}

#visualedit-overlay div.control-panel {
	position: absolute;
	bottom: 0;
	right: 0;
	
	background: #F0F0F0;
}

div.file-element {
	padding: 6px;
	text-align: center;
	
	background: #FBEED5;
}

div.file-element.hasdata {
	background: #5BB75B;
	color: #FFF;
}

div.file-element:hover {
	background: #FBB450;
}

div.overview-ok {
	background: #46A546;
	color: #FFF;
	padding: 8px;
}

div.overview-hasdata {
	background: #317431;
	color: #FFF;
	padding: 6px;
}

div.overview-hasdata:hover {
	background: #46A546;
	color: #FFF;
}

div.overview-problems {
	background: #D00;
	color: #FFF;
	padding: 8px;
}

table#agro-lives {
	width: 99%;
}

table#agro-lives th,
table#agro-lives td {
	text-align: left;
	padding: 4px;
}

table#agro-lives th {
	font-weight: bold;
}

table#agro-lives tr:hover {
	background: #FFFE91;
}

table#agro-lives tr.direct {
	background: #080;
	color: #FFF;
}


/******************************************************************************/

body.desktop div.section-ghost {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding: 5px 5px 5px 50px;
}

body.mobile div.section-ghost {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 5px 5px 5px 5px;
}

body.desktop #euro-lista-comentatori {
    width: 600px;
    height: 224px;
    overflow: auto;
    border: 1px solid #735049;
    background: #FFFFFF;
}

body.mobile #euro-lista-comentatori {
    width: 98%;
    height: 224px;
    overflow: auto;
    border: 1px solid #735049;
    background: #FFFFFF;
}

#euro-lista-comentatori a.element {
    display: block;
    padding: 0 10px;
    height: 30px;
    background: #F9F9F9;
    border-bottom: 1px solid #E8E0D8;
    
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
    text-decoration: none;
    color: #302623;
    
    overflow: hidden;
}

#euro-lista-comentatori a.element:hover {
    color: #FFFFFF;
    background: #DC6200;
}

#euro-lista-comentatori a.element div.delete {
    display: block;
    float: right;
    margin: 5px 5px 5px 0;
    width: 20px;
    height: 20px;
    border: 0;
    background: url(../images/button_delete_n.png) top no-repeat;
}

#euro-lista-comentatori a.element div.delete:hover {
    background: url(../images/button_delete_o.png) top no-repeat;
}

/****** TABEL si ELEMENTE CALENDAR *********************************/
.section-eventlist table.details {
	width: 100%;
	font-size: 12px;
}

.section-eventlist table.details td {
	line-height: 20px;
	vertical-align: top;
	padding: 0 2px;
}

.section-eventlist table.details tr:hover {
	background: #FBEED5;
}

span.subtitle {
	font-weight: bold;
}

span.red {
	color: #D00;
}

span.green {
	color: #0A0;
}

span.bigger {
	font-size: 14px;
}

span.italic {
	font-style: italic;
}

.section-eventlist table.details div.edit-event {
	display: block;
	width: 40px;
	height: 40px;
	
	background: url(../images/button_edit_40px.png) no-repeat;
	background-position: 0 0;
	
	margin: 2px 5px;
}

.section-eventlist table.details div.edit-event:hover {
	background: url(../images/button_edit_40px.png) no-repeat;
	background-position: 0 -40px;
}

#simple-overlay {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	padding: 5px;
	z-index: 500;
	
	background: #FFF;
	border-bottom: 1px solid #003BB3;
}

/****/

body.desktop #content-container.eurosport input.hButtonCalendar,
body.desktop #simple-overlay.euro-planificari input.hButtonCalendar {
	width: 32%;
	padding: 5px;
	color: #FFF;
	
	font-size: 16px;
	font-weight: normal;
	border: none;
}

body.mobile #content-container.eurosport input.hButtonCalendar,
body.mobile #simple-overlay.euro-planificari input.hButtonCalendar {
	width: 35%;
	padding: 5px;
	color: #FFF;
	
	font-size: 16px;
	font-weight: normal;
	border: none;
}

body.desktop #content-container.eurosport input.hButtonCalendar,
body.desktop #simple-overlay.euro-planificari input.hButtonCalendar,
body.mobile #content-container.eurosport input.hButtonCalendar,
body.mobile #simple-overlay.euro-planificari input.hButtonCalendar {
	background: #953B39;
}

body.desktop #content-container.eurosport input.hButtonCalendar.selected,
body.desktop #simple-overlay.euro-planificari input.hButtonCalendar.selected,
body.mobile #content-container.eurosport input.hButtonCalendar.selected,
body.mobile #simple-overlay.euro-planificari input.hButtonCalendar.selected {
	background: #302623;
}

body.desktop #content-container.eurosport input.hButtonCalendar:hover,
body.desktop #simple-overlay.euro-planificari input.hButtonCalendar:hover,
body.mobile #content-container.eurosport input.hButtonCalendar:hover,
body.mobile #simple-overlay.euro-planificari input.hButtonCalendar:hover {
	background: #692a28;
}

/*****/

body.desktop #content-container.eurosport input.hButtonAddPlanningFile,
body.desktop #simple-overlay.euro-planificari input.hButtonAddPlanningFile {
	width: 25%;
	padding: 5px;
	color: #FFF;
	
	font-size: 16px;
	font-weight: normal;
	border: none;
}

body.mobile #content-container.eurosport input.hButtonAddPlanningFile,
body.mobile #simple-overlay.euro-planificari input.hButtonAddPlanningFile {
	display: none;
	visibility: hidden;
}

body.desktop #content-container.eurosport input.hButtonAddPlanningFile,
body.desktop #simple-overlay.euro-planificari input.hButtonAddPlanningFile,
body.mobile #content-container.eurosport input.hButtonAddPlanningFile,
body.mobile #simple-overlay.euro-planificari input.hButtonAddPlanningFile {
	background: #953B39;
}

body.desktop #content-container.eurosport input.hButtonAddPlanningFile.selected,
body.desktop #simple-overlay.euro-planificari input.hButtonAddPlanningFile.selected,
body.mobile #content-container.eurosport input.hButtonAddPlanningFile.selected,
body.mobile #simple-overlay.euro-planificari input.hButtonAddPlanningFile.selected {
	background: #302623;
}

body.desktop #content-container.eurosport input.hButtonAddPlanningFile:hover,
body.desktop #simple-overlay.euro-planificari input.hButtonAddPlanningFile:hover,
body.mobile #content-container.eurosport input.hButtonAddPlanningFile:hover,
body.mobile #simple-overlay.euro-planificari input.hButtonAddPlanningFile:hover {
	background: #66514a;
}

/****/

body.desktop #content-container.eurosport input.hButtonAddManualPlanning,
body.desktop #simple-overlay.euro-planificari input.hButtonAddManualPlanning {
	width: 28%;
	padding: 5px;
	background: #953B39;
	color: #FFF;
	
	font-size: 16px;
	font-weight: normal;
	border: none;
}

body.mobile #content-container.eurosport input.hButtonAddManualPlanning,
body.mobile #simple-overlay.euro-planificari input.hButtonAddManualPlanning {
	width: 62%;
	padding: 5px;
	background: #953B39;
	color: #FFF;
	
	font-size: 16px;
	font-weight: normal;
	border: none;
}

body.desktop #content-container.eurosport input.hButtonAddManualPlanning,
body.desktop #simple-overlay.euro-planificari input.hButtonAddManualPlanning,
body.mobile #content-container.eurosport input.hButtonAddManualPlanning,
body.mobile #simple-overlay.euro-planificari input.hButtonAddManualPlanning {
	background: #953B39;
}

body.desktop #content-container.eurosport input.hButtonAddManualPlanning.selected,
body.desktop #simple-overlay.euro-planificari input.hButtonAddManualPlanning.selected,
body.mobile #content-container.eurosport input.hButtonAddManualPlanning.selected,
body.mobile #simple-overlay.euro-planificari input.hButtonAddManualPlanning.selected {
	background: #302623;
}

body.desktop #content-container.eurosport input.hButtonAddManualPlanning:hover,
body.desktop #simple-overlay.euro-planificari input.hButtonAddManualPlanning:hover,
body.mobile #content-container.eurosport input.hButtonAddManualPlanning:hover,
body.mobile #simple-overlay.euro-planificari input.hButtonAddManualPlanning:hover {
	background: #a54900;
}

/***************************/

body.desktop #euroevents-overlay {
	position: relative;
	width: 1000px;
	
	margin-left: auto;
	margin-right: auto;
	
	padding: 10px;
	
	background: #FFF;
	
	font-size: 14px;
}

body.mobile #euroevents-overlay {
	position: fixed;
	width: 94%;
	
	margin-left: auto;
	margin-right: auto;
	
	padding: 10px;
	
	background: #FFF;
	
	font-size: 14px;
	z-index: 6000;
}

#euroevents-overlay div.content-overlay {
	overflow: auto;
}

#euroevents-overlay div.content-overlay div.leftside {
	float: left;
	width: 400px;
}

#euroevents-overlay div.content-overlay div.rightside {
	float: right;
	width: 560px;
}

#euroevents-overlay div.content-overlay div.rightside table td {
	padding: 2px;
}

#euroevents-overlay table {
	width: 100%;
}

#euroevents-overlay table td {
	padding: 8px 2px;
	font-size: 16px;
	vertical-align: top;
}

#euroevents-overlay table td input,
#euroevents-overlay table td textarea,
#euroevents-overlay table td select {
	padding: 4px 6px;
	font-size: 16px;
}

#euroevents-overlay div.control-panel {
	position: absolute;
	bottom: 0;
	right: 0;
	
	background: #F0F0F0;
}

#euroevents-overlay div.control-panel input {
	font-size: 20px !important;
	padding: 5px 10px !important;
	height: 36px !important;
}

h1 select {
	font-size: 22px;
	font-weight: bold;
}

body.desktop #euro-lista-comentatori-overlay {
    width: 400px;
    height: 100px;
    overflow: auto;
    border: 1px solid #735049;
    background: #FFFFFF;
}

body.mobile #euro-lista-comentatori-overlay {
    width: 98%;
    height: 100px;
    overflow: auto;
    border: 1px solid #735049;
    background: #FFFFFF;
}

#euro-lista-comentatori-overlay a.element {
    display: block;
    padding: 0 10px;
    height: 30px;
    background: #F9F9F9;
    border-bottom: 1px solid #E8E0D8;
    
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
    text-decoration: none;
    color: #302623;
    
    overflow: hidden;
}

#euro-lista-comentatori-overlay a.element:hover {
    color: #FFFFFF;
    background: #DC6200;
}

#euro-lista-comentatori-overlay a.element div.delete {
    display: block;
    float: right;
    margin: 5px 5px 5px 0;
    width: 20px;
    height: 20px;
    border: 0;
    background: url(../images/button_delete_n.png) top no-repeat;
}

#euro-lista-comentatori-overlay a.element div.delete:hover {
    background: url(../images/button_delete_o.png) top no-repeat;
}

.timewidth {
	width: 70px;
	border: 1px solid #735049;
}

ul.ui-autocomplete.ui-widget {
    font-size: 14px;
    z-index: 9999;
}

ul.ui-autocomplete {
    display: block;
    max-height: 400px;
    overflow: auto;
}

span.comentator {
	position: relative;
	margin: 2px 15px 2px 2px;
}

span.comentator div.delete {
    display: inline-block;
    position: relative;
    
    /*float: right;*/
    /*margin: 5px 5px 5px 0;*/
    width: 20px;
    height: 20px;
    border: 0;
    top: 3px;
    background: url(../images/button_delete_n.png) top no-repeat;
}

span.comentator div.delete:hover {
    background: url(../images/button_delete_o.png) top no-repeat;
}

#hListSegments {
	width: 99%;
}

#hListSegments tr.start {
	background: #cff9cf;
}

#hListSegments tr.stop {
	background: #ffdb8f;
}

#hListSegments td {
	padding: 2px;
	line-height: 24px;
}

div.event.status-1 {
	/* in lucru */
	background: #ff8888;
}

div.event.status-9 {
	/* anulat */
}

div.event div.eventdone {
	display: none;
	visibility: hidden;
}

div.event.status-10 div.eventdone {
	/* finalizat */
	display: block;
	visibility: visible;
	width: 32px;
	height: 32px;
	
	margin-left: 12px;
	margin-top: 20px;
	
	background: url(../images/__static_checkok.png);
}

div.event.typeofevent-live,
div.event.typeofevent-vtr,
div.event.typeofevent-rx,
div.event.typeofevent-hlts {
	background: #FFFE91;
}

div.event.typeofevent-live.status-1,
div.event.typeofevent-vtr.status-1,
div.event.typeofevent-rx.status-1,
div.event.typeofevent-hlts.status-1,
div.event.typeofevent-manual.status-1 {
	background: #ff8888;
}

div.event.status-1.newlyinserted,
div.event.status-10.newlyinserted {
	background: inherit;
}

#rightside-filter {
	position: fixed;
	top: 150px;
	right: -217px;
	
	width: 280px;
	height: 80px;
}

#rightside-filter.active {
	height: 580px;
}

#rightside-filter div.filter-icon {
	position: relative;
	top: 0;
	left: 0;
	width: 64px;
	height: 80px;
	
	background: #FFF;
	
	border-top: 1px solid #0042CC;
	border-left: 1px solid #0042CC;
	border-bottom: 1px solid #0042CC;
	border-right: 1px solid #FFF;
	
	z-index: 100; 
}

#rightside-filter div.filter-icon div {
	position: relative;
	top: 8px;
	width: 64px;
	height: 64px;
	background: url(../images/icon_filtre-palnie.png);
}

#rightside-filter div.filter-options {
	position: relative;
	top: -82px;
	left: 64px;
	width: 350px;
	height: 540px;
	z-index: 99;
	
	background: #FFF;
	border: 1px solid #0042CC;
	
	/*
	border-top: 1px solid #0042CC;
	border-right: 1px solid #0042CC;
	border-bottom: 1px solid #0042CC;
	*/
}

#rightside-filter div.filter-options input {
	margin: 4px;
	padding: 8px;
	font-size: 14px;
	font-weight: bold;
	width: 200px;
	
	border: 3px solid #FFF;
}

#rightside-filter div.filter-options input.active {
	border: 3px solid #D00;
}

#hButton_FilterAll {
	background: #003BB3;
	color: #FFF;
}

#hButton_FilterAll:hover {
	background: #001991;
}

#hButton_FilterAll.active {
	border: 3px solid #D00;
}

#hButton_FilterIntroduse {
	background: #EEE;
	color: #000;
}

#hButton_FilterIntroduse:hover {
	background: #DDD;
}

#hButton_FilterIntroduse.active {
	border: 3px solid #D00;
}

#hButton_FilterInLucru {
	background: #ff8888;
	color: #000;
}

#hButton_FilterInLucru:hover {
	background: #ff6666;
}

#hButton_FilterInLucru.active {
	border: 3px solid #D00;
}

#hButton_FilterTerminate {
	background: #cff9cf;
	color: #000;
}

#hButton_FilterTerminate:hover {
	background: #add7ad;
}

#hButton_FilterTerminate.active {
	border: 3px solid #D00;
}

#hButton_FilterAnulate {
	background: #DDAAAA;
	color: #000;
}

#hButton_FilterAnulate:hover {
	background: #DD1144;
}

#hButton_FilterAnulate.active {
	border: 3px solid #D00;
}

#hButton_FilterTypeToate {
	background: #EEEEEE;
	color: #000;
}

#hButton_FilterTypeToate:hover {
	background: #DDDDDD;
}

#hButton_FilterTypeToate.active {
	border: 3px solid #D00;
}

#hButton_FilterTypeDeComentat {
	background: #EEEEEE;
	color: #000;
}

#hButton_FilterTypeDeComentat:hover {
	background: #DDDDDD;
}

#hButton_FilterTypeDeComentat.active {
	border: 3px solid #D00;
}

#hButton_FilterTypeLive {
	background: #EEEEEE;
	color: #000;
}

#hButton_FilterTypeLive:hover {
	background: #DDDDDD;
}

#hButton_FilterTypeLive.active {
	border: 3px solid #D00;
}

#hButton_FilterTypeVTR {
	background: #EEEEEE;
	color: #000;
}

#hButton_FilterTypeVTR:hover {
	background: #DDDDDD;
}

#hButton_FilterTypeVTR.active {
	border: 3px solid #D00;
}

#hButton_FilterTypeReplay {
	background: #EEEEEE;
	color: #000;
}

#hButton_FilterTypeReplay:hover {
	background: #DDDDDD;
}

#hButton_FilterTypeReplay.active {
	border: 3px solid #D00;
}

#hButton_FilterTypeManual {
	background: #EEEEEE;
	color: #000;
}

#hButton_FilterTypeManual:hover {
	background: #DDDDDD;
}

#hButton_FilterTypeManual.active {
	border: 3px solid #D00;
}

table.calendareuro3 {
    width: 100%;
    background: #FFFFFF;
}

body.desktop table.calendareuro3 thead td {
    width: 8%;
    font-size: 12px;
    font-weight: normal;
    border-bottom: 1px solid #000;
    padding: 5px 0;
    text-align: center;
    background: #F9F9F9;
}

body.mobile table.calendareuro3 thead td {
    width: 14%;
    font-size: 12px;
    font-weight: normal;
    border-bottom: 1px solid #000;
    padding: 5px 0;
    text-align: center;
    background: #F9F9F9;
    font-size: 2.5vw;
}

table.calendareuro3 tbody td {
	width: 14%;
	
    /*padding: 0 0 5px 0;*/
    border-bottom: 1px solid #CF9F9B;
    border-right: 1px solid #CF9F9B;
    
    font-size: 12px;
    font-weight: normal;
    
    vertical-align: top;
}

table.calendareuro3 tbody td:not([class='not']):hover {
    background: #ffc;
}

table.calendareuro3 tbody td div.specific-day {
    height: 18px;
    background: #953B39;
    line-height: 18px;
    padding: 0 5px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

table.calendareuro3 tbody td div.elements {
	max-height: 350px;
	overflow: hidden;
	
	text-align: center;
	
	font-size: 12px;
	font-weight: normal;
	/*padding: 8px 4px 20px 4px;*/
	padding: 4px;
}

.onethirdwidth {
	width: 32%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.centeralign {
	margin-left: auto;
	margin-right: auto;
}

span.calendarscurt {
	padding: 2px;
}

span.calendarscurt div.day {
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	margin: 0 2px;
	padding: 2px;
	
	border: 2px solid #FFF;
	background: #FFF;
	text-align: center;
	vertical-align: middle;
	
	font-size: 14px;
	font-weight: bold;
}

span.calendarscurt div.day:hover {
	background: #FFDB8F;
}

span.calendarscurt div.day.today {
	width: 110px;
	border: 2px solid #000;
}

span.calendarscurt div.day.selected {
	background: #57A957;
	color: #FFF;
}

table.euro-errors {
	width: 99%;
}

table.euro-errors tr:hover {
	background: #DDDD00;
}

table.euro-errors tr td,
table.euro-errors tr th {
	text-align: left;
	padding: 4px;
}

table.euro-errors tr th {
	font-weight: bold;
}

table.euro-errors a {
	text-decoration: none;
	color: #000;
}

table.euro-errors a:hover {
	text-decoration: underline overline;
	color: #00F;
}

div.desfasurator table {
	width: 100%;
}

div.desfasurator table td {
	padding: 4px;
}

div.desfasurator table tr:hover {
	background: #DDD;
}

div#gototop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	
	width: 40px;
	height: 40px;
	
	background: #D00;
	color: #FFF;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
}

div#gototop:hover {
	background: #F00;
}

table#teste-euro {
	width: 100%;
}

table#teste-euro tr:hover {
	background: #D00;
	color: #FFF;
}

table#teste-euro td {
	padding: 5px;
}

table#teste-euro th {
	padding: 5px;
	text-align: left;
	font-weight: bold;
}

/******************************************************************************/
body.desktop #euroeventslog-overlay {
	position: relative;
	width: 600px;
	
	margin-left: auto;
	margin-right: 2%;
	
	padding: 10px;
	
	background: #FFF;
	
	font-size: 14px;
}

body.mobile #euroeventslog-overlay {
	position: fixed;
	width: 94%;
	
	margin-left: auto;
	margin-right: auto;
	
	padding: 10px;
	
	background: #FFF;
	
	font-size: 14px;
	z-index: 6000;
}

#euroeventslog-overlay div.content-overlay {
	overflow: auto;
}

#euroeventslog-overlay div.control-panel {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px;
	
	background: #F0F0F0;
}

#euroeventslog-overlay div.control-panel input {
	font-size: 20px !important;
	padding: 5px 10px !important;
	height: 36px !important;
}

#hStaticEventLog {
	line-height: 18px;
	font-family: "Courier New", Courier, monospace;
}

/******************************************************************************/
/* VIDEO SECTION */

#atentieasteapta {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 2000px;
	
	background: rgba(0, 0, 0, 0.6);
}

#atentieasteapta div {
	position: relative;
	margin-top: 300px;
	font-size: 32px;
	
	color: #FFF;
	text-align: center;
	text-shadow: #000 2px 2px 4px;
}

#content-container.videos-section div#parentottn {
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 0;
	text-align: center;
}

#content-container.videos-section div#overthetopnotification {
	position: relative;
	display: inline-block;
	
	top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 10px;
	font-size: 16px;
	
	background: #888;
	color: #FFF;
}

#content-container.videos-section div#overthetopnotification.green {
	background: #0A0;
	color: #FFF;
}

#content-container.videos-section div#overthetopnotification.red {
	background: #A00;
	color: #FFF;
}

#content-container.videos-section div.leftalign {
	width: 500px;
}

#content-container.videos-section div.top-selector {
	padding: 5px 5px 5px 0;
	font-size: 16px;
	border-bottom: 2px solid #B61E23;
}

#hComboVideoCollection {
	font-size: 16px;
}

#content-container.videos-section div.video-element {
	background: #002A80;
	color: #FFF;
	padding: 6px;
	margin: 4px;
}

#content-container.videos-section div.video-element:hover {
	background: #006DCC;
}

#content-container.videos-section div.process-stages {
	margin-left: 44px;
}

#content-container.videos-section div.process-stage {
	position: relative;
	float: left;
	margin-left: -42px;
	
	width: 250px;
	height: 50px;
	
	background: url(../images/video-process-stage.png) no-repeat top left;
	background-position: 0 0;
	
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
}

#content-container.videos-section div.process-stage:hover {
	background: url(../images/video-process-stage.png) no-repeat top left;
	background-position: 0 -50px;
}

#content-container.videos-section div.process-stage.selected {
	background: url(../images/video-process-stage.png) no-repeat top left;
	background-position: 0 -100px;
	
	color: #000;
}

#content-container.videos-section #hVideo {
	position: absolute;
	right: 5px;
	top: 42px;
	width: 500px;
}

#content-container.videos-section #hPreviewImage {
	position: absolute;
	right: 5px;
	top: 42px;
	width: 500px;
	
	overflow: auto;
}

#content-container.videos-section #hStaticSelectInfo {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 480px;
	height: 90px;
	padding: 10px;
	
	line-height: 18px;
	
	background: #338000;
	color: #FFF;
}

#content-container.videos-section #hPreviewImage img {
	position: relative;
	width: 100%;
}

#hStaticFilelist_Brute {
	overflow: auto;
	margin-top: 5px;
}

#hStaticFilelist_Selectate {
	overflow: auto;
	margin-top: 5px;
}

#hStaticFilelist_Finale {
	overflow: auto;
	margin-top: 5px;
}

#content-container.videos-section div.folder {
	padding: 2px;
}

#content-container.videos-section div.folder:hover {
	background: rgba(0,0,0, 0.02);
}

#content-container.videos-section div.folder div.header {
	position: relative;
	
	height: 24px;
	margin: 3px 0;
	padding-left: 30px;
	
	line-height: 28px;
	text-align: left;
	vertical-align: middle;
}

div.folder.closed > div.header {
	background: url(../images/icon_video_folder.png) no-repeat left top;
	background-position: 0 -24px;
}

div.folder.opened > div.header {
	background: url(../images/icon_video_folder.png) no-repeat left top;
	background-position: 0 -48px;
}

div.folder.single > div.header {
	background: url(../images/icon_video_folder.png) no-repeat left top;
	background-position: 0 0;
}

#content-container.videos-section div.folder div.children {
	padding: 2px 0 0 24px;
}

#content-container.videos-section div.fileholder {
	position: relative;
	margin: 1px;
	padding: 2px 2px 10px 2px;
}

#content-container.videos-section div.fileholder:hover {
	background: rgba(0,0,0, 0.1);
}

#content-container.videos-section div.fileholder input[type="checkbox"] {
	width: 24px;
	height: 24px;
}

#content-container.videos-section div.fileholder div.activity {
	padding: 1px 1px 1px 40px;
}

#content-container.videos-section div.fileholder div.activity div.element {
	padding: 8px;
	margin: 4px;
	background: #A6DDFF;
}

#content-container.videos-section div.fileholder div.activity div.addcomment input[type="text"] {
	width: 400px;
	height: 40px;
}

#content-container.videos-section div.file {
	position: relative;
	
	height: 24px;
	margin: 3px 0;
	padding-left: 30px;
	
	line-height: 28px;
	text-align: left;
	vertical-align: middle;
	
	overflow: hidden;
}

#content-container.videos-section div.file.other {
	background: url(../images/icon_video_files.png) no-repeat left top;
	background-position: 0 -24px;
}

#content-container.videos-section div.file.other:hover {
	background: rgba(0,0,0, 0.1) url(../images/icon_video_files.png) no-repeat left top;
	background-position: 0 -24px;
}

#content-container.videos-section div.file.document {
	background: url(../images/icon_video_files.png) no-repeat left top;
	background-position: 0 0;
}

#content-container.videos-section div.file.document:hover {
	background: rgba(0,0,0, 0.1) url(../images/icon_video_files.png) no-repeat left top;
	background-position: 0 0;
}

#content-container.videos-section div.file.video {
	background: url(../images/icon_video_files.png) no-repeat left top;
	background-position: 0 -48px;
}

#content-container.videos-section div.file.video:hover {
	background: rgba(0,0,0, 0.1) url(../images/icon_video_files.png) no-repeat left top;
	background-position: 0 -48px;
}

#content-container.videos-section div.file.audio {
	background: url(../images/icon_video_files.png) no-repeat left top;
	background-position: 0 -72px;
}

#content-container.videos-section div.file.audio:hover {
	background: rgba(0,0,0, 0.1) url(../images/icon_video_files.png) no-repeat left top;
	background-position: 0 -72px;
}

#content-container.videos-section div.file.image {
	background: url(../images/icon_video_files.png) no-repeat left top;
	background-position: 0 -96px;
}

#content-container.videos-section div.file.image:hover {
	background: rgba(0,0,0, 0.1) url(../images/icon_video_files.png) no-repeat left top;
	background-position: 0 -96px;
}

#content-container.videos-section div.file div.actionpanel,
#content-container.videos-section div.folder div.header div.actionpanel {
	position: absolute;
	top: 0;
	right: 5px;
	width: 180px;
	
	display: none;
	visibility: hidden;
}

#content-container.videos-section div.file:hover div.actionpanel,
#content-container.videos-section div.folder div.header:hover div.actionpanel {
	display: block;
	visibility: visible;
}

#content-container.videos-section div.file div.actionpanel div.action,
#content-container.videos-section div.folder div.header div.actionpanel div.action {
	width: 80px;
	height: 24px;
	line-height: 24px;
	
	float: right;
	text-align: center;
	
	background: #008;
	color: #FFF;
}

#content-container.videos-section div.file div.actionpanel div.action:hover,
#content-container.videos-section div.folder div.header div.actionpanel div.action:hover {
	background: #0B0;
	color: #000;
	font-weight: bold;
	text-shadow: #FFF 1px 1px 2px;
}

#hStaticFilelist_Finale div.fileholder {
	padding: 10px;
}

#hStaticFilelist_Finale h2 {
	text-align: left;
	float: left;
}

#hStaticFilelist_Finale input.publish {
	float: right;
}

#hStaticFilelist_Finale table.filelist {
	width: 100%;
	margin: 0 0 10px 0;
}

#hStaticFilelist_Finale table.filelist tr:hover {
	background: rgba(0,0,0, 0.1);
}

#hStaticFilelist_Finale table.filelist td:first-child {
	width: 65%;
}

#hStaticFilelist_Finale table.filelist td {
	height: 28px;
	vertical-align: middle;
}

/****************************************************************************/
#livesportextra-overlay {
	position: relative;
	width: 800px;
	
	margin-left: auto;
	margin-right: auto;
	
	padding: 10px;
	
	background: #FFF;
	
	font-size: 14px;
	z-index: 6000;
}

#livesportextra-overlay div.content-overlay {
	overflow: auto;
}

#livesportextra-overlay table {
	width: 100%;
}

#livesportextra-overlay table td {
	height: 22px;
}

#livesportextra-overlay div.control-panel {
	position: absolute;
	bottom: 0;
	right: 0;
	
	background: #F0F0F0;
}

#livesportextra-overlay input[type="text"],
#livesportextra-overlay select {
	padding: 3px 4px !important;
	border: 1px solid #AAA;
}

table.form-table {
	width: 100%;
}

table.form-table td {
	padding: 4px 0;
	vertical-align: top;
}

table.form-table tr:hover {
	background: #eee;
}

#hDIVBannerCuText,
#hDIVBannerFaraText {
	position: relative;
	
	width: 200px;
	height: 400px;
	background: #888888;
	border: 1px solid #444;
	margin-right: 20px;
	overflow: hidden;
}

#hDIVBannerCuText img,
#hDIVBannerFaraText img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#hDIVBannerCuText input,
#hDIVBannerFaraText input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	width: 200px;
	height: 400px;
	
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px !important;
	cursor: pointer;
	
	background: #FFF;
	color: #FFF;
	border: 0;
}

#hDIVTimbruReLive {
	position: relative;
	
	width: 280px;
	height: 280px;
	background: #888888;
	border: 1px solid #444;
	margin-right: 20px;
	overflow: hidden;
}

#hDIVTimbruReLive img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#hDIVTimbruReLive input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	width: 280px;
	height: 280px;
	
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px !important;
	cursor: pointer;
	
	background: #FFF;
	color: #FFF;
	border: 0;
}

#hDIVBannerPromovare {
	position: relative;
	
	width: 400px;
	height: 225px;
	background: #888888;
	border: 1px solid #444;
	margin-right: 20px;
	overflow: hidden;
}

#hDIVBannerPromovare img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#hDIVBannerPromovare input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	width: 400px;
	height: 225px;
	
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px !important;
	cursor: pointer;
	
	background: #FFF;
	color: #FFF;
	border: 0;
}

#progress {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 999999;
}

#progress .bar {
	position: relative;
	top: 0;
	left: 0;
	height: 10px;
	background: #0D0;
}

#hButtonUploadPromo {
	position: relative;
	
	width: 120px;
	overflow: hidden;
}

#hButtonUploadPromo input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	width: 100%;
	
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 600px !important;
	cursor: pointer;
	
	background: #FFF;
	color: #FFF;
	border: 0;
}

#hTableAdHoc td {
	padding: 8px 0;
	vertical-align: top;
}

#hTableAdHoc tr {
	border-bottom: 1px solid #888;
}

#hTableAdHoc tr:hover {
	background: #EEEEEE;
}

/**************************************************/
#hButtonColumnWindow1,
#hButtonColumnWindow2 {
	width: 100px;
	height: 30px;
	border: 0;
	
	background: #DDD;
	color: #444;
}

#hButtonColumnWindow1:hover,
#hButtonColumnWindow2:hover {
	background: #EEE;
	color: #888;
}

#hButtonColumnWindow1.selected,
#hButtonColumnWindow2.selected {
	background: #692a28;
	color: #FFF;
	font-weight: bold !important;
}

#hButtonColumnWindow1Over,
#hButtonColumnWindow2Over {
	width: 100px;
	height: 30px;
	border: 0;
	
	background: #DDD;
	color: #444;
}

#hButtonColumnWindow1Over:hover,
#hButtonColumnWindow2Over:hover {
	background: #EEE;
	color: #888;
}

#hButtonColumnWindow1Over.selected,
#hButtonColumnWindow2Over.selected {
	background: #692a28;
	color: #FFF;
	font-weight: bold !important;
}

/****************************************************/
.icon-difuzare-tv {
	background: url(../images/icons_tipdifuzare_se.png) top left;
	background-position-x: -96px;
	width: 48px;
	height: 48px;
	float: left;
}

.icon-difuzare-web {
	background: url(../images/icons_tipdifuzare_se.png) top left;
	background-position-x: -144px;
	width: 48px;
	height: 48px;
	float: left;
}

.icon-difuzare-live {
	background: url(../images/icons_tipdifuzare_se.png) top left;
	background-position-x: 0;
	width: 48px;
	height: 48px;
	float: left;
}

.icon-difuzare-rec {
	background: url(../images/icons_tipdifuzare_se.png) top left;
	background-position-x: -48px;
	width: 48px;
	height: 48px;
	float: left;
}

table.raport-comentatori {
	width: 100%;
	line-height: 20px;
}

table.raport-comentatori tr:hover {
	background: #FFCDAC;
}






@font-face {
    font-family: MontserratBlack;
    src: url("../fonts/Montserrat-Black.otf");
}

@font-face {
    font-family: MontserratBoldItalic;
    src: url("../fonts/Montserrat-BoldItalic.otf");
}

#hOverlayLevel1 {
	position: fixed;
	top: 200px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #CFF9CF;
}

#hTblGraficaSE {
	width: 100%;
}

#hTblGraficaSE tr {
	border-bottom: 1px solid green;
}

#hTblGraficaSE tr:hover {
	background: yellow;
}

#hTblGraficaSE td {
	padding: 4px;
}

#hEditSEGraficaSubtitlu {
    width: 500px;
}

#hStaticSEGraficaFrame {
    display: inline-block;
    width: 185px;
    padding: 15px;
    background: none;
    text-align: right;
    
    text-shadow: #000 1px 1px 1px;
}

#hStaticSEGraficaTitlu {
    font-family: MontserratBlack;
    color: #FFF;
    font-size: 25px;
}

#hStaticSEGraficaSubtitlu {
    font-family: MontserratBoldItalic;
    color: #FFF;
    font-size: 20px;
    line-height: 20px;
}

#hStaticSEGraficaFrameNext {
    display: inline-block;
    height: 55px;
    padding: 15px;
    background: none;
    text-align: right;
    
    text-shadow: #000 1px 1px 1px;
}

#hStaticSEGraficaTitluNext {
    font-family: MontserratBlack;
    color: #FFF;
    font-size: 25px;
}

#hStaticSEGraficaSubtitluNext {
    font-family: MontserratBoldItalic;
    color: #FFF;
    font-size: 20px;
}

.privans-canalcontainer {
	float: left;
	width: 18%;
	margin: 0.25%;
	padding: 0.5%;
	
	background: #fffdf0;
	color: #000;
	overflow: hidden;
	
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
}

.privans-canalcontainer:hover {
	background: #eeeeff;
}

.privans-canalcontainer.probleme {
	background: #D00;
	color: #FFF;
}

.privans-canalcontainer.inregula {
	background: #bfdea1;
}

.privans-canalcontainer.inlucru {
	background: #0000dd;
	color: #FFF;
}

.privans-subzile {
	margin-bottom: 4px;
}

.privans-zi {
	background: #DDD;
	
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 2px;
	
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	
	font-weight: bold;
}

.privans-zi.introdus {
	background: #ff9900;
	color: #000;
}

.privans-zi.inregula {
	background: #bddc09;
	color: #000;
}

.privans-zi.probleme {
	background: #dd0000;
	color: #FFF;
}

.privans-logo {
	width: 110px;
	float: left;
}

.privans-detalii {
	width: 100%;
}

.privans-detalii ul {
	list-style: disc inside;
}

.privans-detalii ul li {
	margin: 4px 0;
	line-height: 18px;
}

.privans-navigarezile a {
	display: inline-block;
	margin: 0 10px;
	
	color: #FFF !important;
}

#hEditDateAzi {
	height: 36px;
	font-size: 18px;
}

#menu-overlay {
    /* must be initially hidden */
    display: none;
    position: absolute;
 
    /* place overlay on top of other elements */
    z-index: 990;
 
    /* styling */
    background-color: #F9F9F9;
 
    padding: 4px;
    border: 1px solid #302623;
}

a.menu-item {
	display: block;
	padding: 4px;
	font-size: 14px;
	
	text-decoration: none;
	color: #302623;
	text-align: left;
}

a.menu-item:hover {
	background: #302623;
	color: #F9F9F9;
}

div.options-specific-day {
	display: block;
	width: 20px;
	height: 20px;
	
	background: url(../images/button_settings_20px.png) no-repeat;
	background-position: -20px 0;
	
	margin: 5px;
}

div.options-specific-day:hover {
	background: url(../images/button_settings_20px.png) no-repeat;
	background-position: 0 0;
}

table.incoming-file-selector {
	width: 100%;
}

table.incoming-file-selector th {
	font-weight: bold;
}

table.incoming-file-selector tr {
	border-bottom: 1px solid #888;
}

table.incoming-file-selector tr:hover {
	background: #DD0;
}

table.incoming-file-selector td {
	padding: 4px;
}