/* 
##############################################
### MEDIACARD - Sisällysluettelo #############
##################################################
##                                              ##
##  mediaName  		        					##
##  linkToBack				    				##
##  							    			##
##  mediacard-div-back				    		##
##      mediacard-div-image						##
##      img.mediacard-div-back 					##
##      div.mediacard-div-options				##
##      mediacard-div-data						##
##      mediacard-div-options					##
##      div.mediacard-linkset 					##
##      span.mediacard-linkset 					##
##      div.mediacard-linkset input[type=image]	##
##      div.mediacard-linkset a.mediacard-span-link span ##
##      mediacard-div-description   			##
##      img.mediacard-image           			##
##      mediacard-button                        ##
## 						    					##
##  language-tab-container	    	    		##
##      language-tabs			    			##
##      language-tab-content		    		##
##        mediacard-table-data			    	##
##     										    ##
##    media-status-info-container   			##
## 									    		##
## 										    	##
##  mediacard-div-image 						##
##    mediacard-image	    					##
## 							    				##
##  mediacard-div-options		    			##
##    mediacard-table-data			    		##
## 										    	##
##    language-tab-container				    ##
##      language-tabs			    			##
##      editable-language-tab-content   		##
##        mediacard-table-data			    	##
## 											    ##
##  mediacard-div-back		    				##
##                                              ##
##################################################
##################################################
*/
.mediaName {
    display: block;
    float: left;
    padding: 8px 0px 0px 20px;
    line-height: 25px;
    letter-spacing: 1px;
    color: #BDC0C1;
    text-transform: uppercase;
    padding: 8px 0px 0px 20px;
    /* letter-spacing:-1px; */
    font-size:2em;
}
.linkToBack {
    display: block;
    float: right;
    line-height: 25px;
    padding: 8px 20px 0px 0px;
}

.mediacard-div-back {
	background-color: #f1f6f8;
	background-color: #f9fbfc;
	border-top: solid 1px #d8ddde;
    border-bottom: solid 1px #dfe1e2;
	text-align: left; 
	float: left;
    padding: 7px 0px 7px 20px;
    width: 600px;
}
.mediacard-div-image { }

img.mediacard-div-back  {
    padding: 15px;
}

div.mediacard-div-data
{
    display:block;
    float:left;
    margin: 10px 0px 10px 0px;
    width: 600px;
}
div.mediacard-div-options
{
	border-bottom: solid 1px #CCC;
    display:block;
    float: left;
    width: 600px;
    margin: 10px 0px 10px 0px;
}

div.mediacard-linkset {
    display:block;
    float: left;
    margin: 0px 10px 0px 0px;
}
span.mediacard-linkset { /* gradR väliviiva */
    display: block;
    float: left;
}
div.mediacard-linkset input[type=image], div.mediacard-div-data block input[type=image], div.mediacard-linkset img {
    display: block;
    float: left;
}

    
div.mediacard-linkset a.mediacard-span-link span
{
    display: block;
    float: left;
    vertical-align: top;
    padding: 5px 0px 0px 0px;
    cursor: pointer;
}

.mediacard-disabled-link
{
	display: block;
    float: left;
    vertical-align: top;
    padding: 5px 0px 0px 0px;
    color: #818181;
    cursor: default;
}

.mediacard-div-description
{
	clear:left;
	padding-top:10px;
}

.mediacard-div-description strong
{
	color:#000000;
	font-weight:normal;
}

img.mediacard-image
{
	border: 0px solid black;
}

.mediacard-button
{

}

/* ##################################################### */
/* ##### LANGUAGE TABS ################################# */
/* ##################################################### */

div.language-tab-container
{
	/* border-bottom: solid 1px #CCC; */
    display:block;
    margin-bottom: 10px;
	padding: 0px, 20px, 10px, 20px;
	width: 600px;
}
div.language-tabs
{
	margin: 0px;
	padding: 0px;
}
div.selected-language-tab, div.unselected-language-tab
{
	float: left;
	width: 55px;
	position: relative;
	margin-right: -1px;
	text-align: center;
	white-space: nowrap;
    font-weight: bold;
    line-height: 22px;
    border: solid 1px DarkGray;
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
}
div.selected-language-tab
{
    background-color: White;
    border-top: solid 1px #4B4B4B;
    border-left: solid 1px #4B4B4B;
    border-right: solid 1px #4B4B4B;
    border-bottom: solid 1px White;
    z-index: 2;
}
div.unselected-language-tab
{
    background-color: #F5F5F5;
    z-index: 0;
}
a.language-tab-link
{
    color: #4B4B4B;
    text-decoration: none;
}
div.language-tab-content, div.editable-language-tab-content
{
	clear: both;
	position: relative;
	top: -1px;
	z-index: 0;
	/* width: 610px; test */
	padding: 0px;
	margin: 0px;
}
div.language-tab-content
{
	/* border: solid 1px DarkGray; */
	/* width: 400px;
	display:block;
	*/
}


/* --- SELECTOR HACK FOR IE7 ---    (*:first-child+html)   
*:first-child+html div.editable-language-tab-content
{
	padding: 0px;
	margin: 0px;
}
*/
div.editable-language-tab-content input, textarea
{
    margin: 2px;
}

/*  . #################################################### */
/* /|\#### EDIT MODE ##################################### */
/*  | #################################################### */
/*  | #################################################### */


/* ##################################################### */
/* ##### MEDIACARD TABLES ############################## */
/* ##################################################### */

table.mediacard-table-data
{
    border: 1px solid #CCC;
    font: normal 11px verdana, arial, helvetica, sans-serif;
    color: #666;
    background: #FFF;
    width: 100%;
    margin: 0px; padding: 0px;
}
table.mediacard-table-data caption {
  text-align: left;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  }
table.mediacard-table-data td, table.mediacard-table-data th
{
    border: 1px dashed #DADADA;
    padding: .4em;
}

table.mediacard-table-data td.mediacard-table-data-label { width:125px; }
table.mediacard-table-data td.mediacard-table-data-value { width:400px; }

table.mediacard-table-data th {
    background-color: #F5F5F5;
    border: solid 1px #CCC;
    font: bold 11px verdana, arial, helvetica, sans-serif;
}

table.mediacard-table-data thead th, table.mediacard-table-data tfoot th { }
table.mediacard-table-data tbody td.date-cell {
    border: none;
    border-bottom: 1px dashed #DADADA;
}
table.mediacard-table-data tbody td a {
    background: transparent;
    text-decoration: none;
    color: #0066FF;
}
table.mediacard-table-data tbody td a:hover {
    background: transparent;
    text-decoration: underline;
}

table.mediacard-table-data tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #333;
}

table.mediacard-table-data tbody th a:hover {
  background: transparent;
  color: #333;
}
table.mediacard-table-data tbody th, table.mediacard-table-data tbody td {
  vertical-align: top;
  text-align: left;
}
table.mediacard-table-data tfoot td {

}
.odd {
  background: #7B2342;
}

table.mediacard-table-data tbody tr:hover, table.mediacard-table-data tbody tr:hover th, table.mediacard-table-data tbody tr.odd:hover th
{
    background: #EFF7FA;
    background: #F5FBFC; /* haalea vaalean sininen */
}
table.mediacard-brandlist td
{
	border:none;
}


/* ##################################################### */
/* ##### USAGE COMMENT TABS ############################ */
/* ##################################################### */

div.usage-comment-tab-container
{
    display:block;
    margin-bottom: 10px;
	padding: 0px, 20px, 10px, 20px;
	width: 600px;
}
div.usage-comment-tabs
{
	margin: 0px;
	padding: 0px;
}
div.selected-usage-comment-tab, div.unselected-usage-comment-tab
{
	float: left;
	width: 55px;
	position: relative;
	margin-right: -1px;
	text-align: center;
	white-space: nowrap;
    font-weight: bold;
    line-height: 22px;
    border: solid 1px DarkGray;
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
}
div.selected-usage-comment-tab
{
    background-color: White;
    border-top: solid 1px #4B4B4B;
    border-left: solid 1px #4B4B4B;
    border-right: solid 1px #4B4B4B;
    border-bottom: solid 1px White;
    z-index: 2;
}
div.unselected-usage-comment-tab
{
    background-color: #F5F5F5;
    z-index: 0;
}
a.usage-comment-tab-link
{
    color: #4B4B4B;
    text-decoration: none;
}
div.usage-comment-tab-content, div.editable-usage-tab-content
{
	clear: both;
	position: relative;
	top: -1px;
	z-index: 0;
	padding: 0px;
	margin: 0px;
}

div.editable-usage-tab-content input, textarea
{
    margin: 2px;
}



.calendar .ajax__calendar_container
{
	border: solid 1px Black;
	background-color: White;
}
.calendar .ajax__calendar_header
{
	padding: 1px 0px 1px 0px;
}
.calendar .ajax__calendar_body td
{
	margin: 0px;
	padding: 1px;
	border-style: none;
}

.adminNotice
{
	margin-bottom:1em;
}

.adminNotice span
{
	color:Red;
}