body {
	margin:			   		0px;
	border:			   		none;
	padding:		   		0px;
	height:			   		100%; 
	max-height:		   		100%; 
	background:		   		white; 
	font-family:	   		arial, verdana, sans-serif; 
	font-size:		   		12px;
	overflow: 		   		auto; 
}

#superoverlay{z-index:100;}/*carefull: for correct display the rest of the css stuff is inline on the element!*/

/* for internet explorer */
* html body {
	padding:				110px 0px 110px 0px; 
}

/* PNG fix for IE 6 */
img.png_image {
    behavior:             	url("../stylesheets/pngbehavior.htc");	
}

img.no_border {
	border:					1px dotted red;
}

hr {
	width:					100%;
	height:					1px;
	color:					#ccc;
	background-color:		#ccc;	
}

/* layout container */
#container {
	position:				fixed; 
	left:					0;
	top:					113px;
	bottom:					110px;
	right:					0; 
	overflow:				auto; 
	background:				white;
	padding-left:			0px;
	/* padding:				20px; */
}                       

* html #container {     
	position:				fixed;
	height:					100%;
	width:					100%;
}                       

#header {               
	position:				absolute; 
	top:					2px; 
	left:					2px; 
	right:					0;
	width:					100%; 
	height:					110px;
	overflow:				hidden; 
	border-bottom:			1px solid #515151;	
}                       

* html #header {        
	height:					110px;
	left:                   -30px;
}                       

/* layout footer */     
#footer {               
	position:				absolute; 
	bottom:					0; 
	left:					0;
	width:					100%; 
	height:					110px;
	overflow:				hidden; 
	text-align:				left; 
	background-color:		black;
}                       

* html #footer {        
	height:					116px;
}                       

/* layout header */     
div.header_background { 
	position:				absolute; 
	left:					0; 
	right:					0; 
	top:					45px;
	width:					100%;
    height:                 100px;
	overflow:				hidden;
}             

div.header_title {      
	position:				absolute; 
	top:					0px; 
	left:					210px; 
	right:					5px;
    height:                 90px;
/*  width:                  1000px;*/
	color:					#ffffff;
}                       

div.header_link {       
	z-index:				20;
	text-align:				right;
	position:				absolute; 
	left:					0px; 
	top:					0px;
	height:					20px;
	background:				white;
	overflow:				hidden;
	width:					100%;
}

.account_panel, .account_panel *{
	font-size:				12px;	
}
                        
div.main_navigation {   
	position:				absolute;
	left:					0px; 
	width:					180px; 
	top:					0px; 
	bottom:					0; 
	overflow:				auto;
	padding:				6px;
	background-color:		#eee;
}

div.main_navigation.wide {
	position:				absolute;
	left:					0px; 
	width:					200px; 
	top:					0px; 
	bottom:					0; 
	overflow:				auto;
	padding:				6px;
	background-color:		#eee;
}

div.main_navigation li{
	padding: 2px 0px 0px 2px;
}

div.main_navigation ul.navigation a{
  font-family:   'ProximaNovaSemiBold',Arial,sans-serif;
}

div.main_content {      
	position:				absolute; 
	right:					0; 
	top:					0; 
	bottom:					10px; 
	overflow:				auto;
	padding-top:			5px;
	padding-right:			5px;
}

div.footer_logo {       
	position:				absolute; 
	left:					50%;
	right:					50%;
	top:					30px;
	margin-left:			-88px;
}

div.footer_admin {      
	position:				absolute;
	bottom:					40px;
	left:					20px;
}

div.footer_link {       
	width:					100%;
	position:				absolute;
	left:					10px;
	right:					0;
	bottom:					40px;
}

td.overview_box {       
	border:					1px solid gray; 
	text-align:				center;
	padding-top:			5px;
	padding-bottom:			5px; 
	height:					110px; 
	cursor:					pointer;
	background-color:		white;
}

h1.overview {           
	font-size:				16px;
	color:					black;
	font-family:			Helvetica;
}

h4.navigation {
	margin-bottom:			0px;
	width:					100%;
	border-bottom:			1px solid #ccc;
}

li span.count {
	float: 				right;
	padding-left: 		4px;
	padding-right: 		2px;
}

a:link 		{           
	color:					#666666;
	text-decoration:		none; 
}

a:visited 	{           
	color:					#666666;
	text-decoration:		none;
}

a:active 	{           
	color:					#000000;
	text-decoration:		none;
}

a:hover 	{ 
	color:					#000000;
	text-decoration:		none;
}

a:focus 	{ 
	color:					#000000;
	text-decoration:		none; 
}

a.underline_link:link, a.underline_link:visited, a.underline_link:active, a.underline_link.focus {
	text-decoration:		underline;	
}

a.underline_link:hover{
	text-decoration:		underline;	
}

/* text links with leading link symnbol */
a.markedLink:link, a.markedLink:visited, a.markedLink:hover, a.markedLink:active {
	color:					black;
	font-weight:			bold;
	text-decoration:   		none;
	padding-right:	   		10px;
	background-position:	right;
	background-image:  		url(../images/iwc/default/bullet_link_arrow.png);
	background-repeat: 		no-repeat;
}

/* text links with leading link symnbol */
a.markedLinkBack:link, a.markedLinkBack:visited, a.markedLinkBack:hover, a.markedLinkBack:active {
	color:					black;
	font-weight:			bold;
	text-decoration:		none;
	padding-left:			15px;
	background-position:	left;	
	background-image:		url(../images/iwc/default/bullet_link_arrow_back.png);
	background-repeat:		no-repeat;
}

span.markedLink{
	color:					black;
	font-weight:			bold;
	text-decoration:		none;
	padding-right:			10px;
	background-position:	right;	
	background-image:  		url(../images/iwc/default/bullet_link_arrow.png);
	background-repeat:		no-repeat;
	cursor:					pointer;
}

/* text links with ending link symnbol */
a.markedLinkRight:link, a.markedLinkRight:visited, a.markedLinkRight:hover, a.markedLinkRight:active {
	color:					black;
	font-weight:			bold;
	text-decoration:   		none;
	padding-right:	   		10px;
	background-image:  		url(../images/iwc/default/bullet_link_arrow.png);
	background-repeat: 		no-repeat;
	background-position:	right;
}

span.markedLinkRight{
	color:					black;
	font-weight:			bold;
	text-decoration:		none;
	padding-right:			10px;
	background-image:  		url(../images/iwc/default/bullet_link_arrow.png);
	background-repeat:		no-repeat;
	background-position:	right;
	cursor:					pointer;
}

a.markedLinkLeft:link, a.markedLinkLeft:visited, a.markedLinkLeft:hover, a.markedLinkLeft:active {
	color:					black;
	font-weight:			bold;
	text-decoration:   		none;
	padding-left:	   		10px;
	background-image:  		url(../images/iwc/default/bullet_link_arrow.png);
	background-repeat: 		no-repeat;
	background-position:	left;
}

span.markedLinkLeft{
	color:					black;
	font-weight:			bold;
	text-decoration:		none;
	padding-left:			10px;
	background-image:  		url(../images/iwc/default/bullet_link_arrow.png);
	background-repeat:		no-repeat;
	background-position:	left;
	cursor:					pointer;
}

a.bulletLink:link, a.bulletLink:visited, a.bulletLink:hover, a.bulletLink:active {
	color:					black;
	font-weight:			bold;
	text-decoration:   		none;
	padding-left:	   		10px;
	background-image:  		url(../images/iwc/default/bullet_link_arrow.png);
	background-repeat: 		no-repeat;
	background-position:	left;
}

a.link:link, a.link:visited, a.link:hover, a.link:active {
	color:					black;
	font-weight:			bold;
	text-decoration:   		none;
}

span.bulletLink{
	color:					black;
	font-weight:			bold;
	text-decoration:		none;
	padding-left:			10px;
	background-image:  		url(../images/iwc/default/bullet_link_arrow.png);
	background-repeat:		no-repeat;
	background-position:	left;
	cursor:					pointer;
}

table.record_frontend {
	border:					1px solid #999999;
	background:				#E6E6E6;
	width:					480px;
}

table.record_frontend.wide {
	width:					560px;
}

table.record_frontend.standard {
	width:					280px;
}

table.record_frontend input.readonly
{
	background-color:		#E6E6E6;
}

table.record_frontend td.label {
	color:					black;
	font-weight:			normal;
	text-align:				left;
	padding:				5px;
	vertical-align:			top;
}

table.record_frontend th {
	font-size: 		   		12px;
	font-weight: 	   		bold;
	text-align:		   		left;
	background:		   		#C8C8C8;
	color:					#333;
}

table.record_frontend tfoot td {
	border-top:		   		1px solid #99ADC2;
	padding:		   		5px;
	text-align:		   		right;
	vertical-align:    		middle;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Publishing Center */

.publishingSelect {    
	padding:		   		5px;
	border:			   		solid red 0px;
	width:			   		90%
}                      
                       
.publishingImage {     
	text-indent:	   		77px;
	padding:		   		5px;
	width:			   		70%;
}

input.order_form{
	background-color:		#eee;
	width:					350px;
	padding:				3px;
}

input.order_form_submit{
	color:					#d81f00;
	font-weight:			bold;
	background-color:		#eee;
	width:					350px;
	padding:				3px;
	border:					1px solid #ccc;	
}

textarea.order_form {
	background-color:		#eee;
	width:					350px;	
	padding:				3px;	
}

select.order_form {
	background-color:		#eee;
	width:					350px;	
}

td.order_form{
	border-bottom:			1px dotted #ccc;
}

/* Publishing Admin */

input.standard_backend_list {
	width:			270px;
	background-color:		#fff;
	padding:				3px;
	border-bottom:			1px dotted #ccc;
}

td.standard_backend_list {
	background-color:		#fff;
	padding:				3px;
	border-bottom:			1px solid #000;	
	border-top:				1px solid #000;		
}

input.long_backend {
	width:					800px;
	border:					1px dotted #ccc;
}

input.standard_frontend_list {
	width:					270px;
	background-color:		#fff;
	padding:				3px;
	border-bottom:			1px dotted #ccc;
}

td.standard_frontend_list {
	background-color:		#fff;
	padding:				3px;
	border-bottom:			1px solid #000;	
	border-top:				1px solid #000;		
}

input.long_frontend {
	width:					350px;
	border:					1px dotted #ccc;
}

.publicationHr {        
	border-bottom:			1px solid #99ADC2;
	padding-bottom:			5px;
	margin-bottom:			5px;
	text-align:				right;
	vertical-align: 		middle;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* styles for the pagedList displays */
th.pagedList {
	vertical-align:			top;
	text-align:				left;
	padding:				3px;
	color:					black;
	border-bottom:			2px solid red;
}

th.pagedList a:link, th.pagedList a:hover, th.pagedList a:visited {
	color:					black;
}

td.pagedList {
	vertical-align: 		top;
	text-align:				left;
	padding:				3px;
}

input.pagedList{
	width:					150px;
	border:					none;
	background-color:		#eee;
}

table.list tr.odd {
	background-color:		#f5f5f5;
}

table.list tr.even {
	background-color:		white;
}

table.list th {
	border-bottom:			2px solid #ccc;
}

tr.mediaDbDetailListOdd	{ 
	background-color		: #f5f5f5;
	text-align 				: left;
	vertical-align 			: top;
}
tr.mediaDbDetailListEven	{ 
	background-color		: #ffffff;
	text-align 				: left;
	vertical-align 			: top;
}
td.mediaDbDetailListBorderBottom 	{
	border-bottom 			: 1px solid #ccc;
}
/*-----*/

td.filter {
	height:					25px;
	vertical-align:			middle;
	border-bottom:			1px dotted #ccc;
}

td.filter.title {
	height:					25px;
	vertical-align:			middle;
	border-bottom:			1px dotted #ccc;
	text-align:				right;
}

td.filter.padded {
	height:					25px;
	vertical-align:			middle;
	border-bottom:			1px dotted #ccc;
	padding-left:			10px;
}

td.filter.spacer{
	width:					0px;
	border-bottom:			1px dotted #ccc;	
}

td.filter.spacer_15px{
	padding-left:			15px;
	padding-right:			15px;
	border-bottom:			1px dotted #ccc;	
}

input.filter.date {
	width:					60px;
	border:					1px solid #ccc;
}

select.filter {
	width:					150px;
	border:					1px solid #ccc;
}

select.filter.long {
	width:					248px;
	border:					1px solid #ccc;
}

select.tmoChooser {
    width:                  400px;
    border:                 1px solid black; 
}
#order_details_actionpanel {
	position:				absolute;
	top:					68px;
	left:					680px;

	border:					1px solid #ccc;
	width:					200px;
	
	padding:				3px;
}

/*--- styles for the drop-down-like actions menu --*/
.menutitle {
	background:			transparent url('../images/iwc/default/icon_actionarrow.gif') no-repeat right center;
	padding:			2px 10px 2px 2px;
	border:				none;
	color:				#000;
}

.menutitle:hover {
	background:			transparent url('../images/iwc/default/icon_actionarrow.gif') no-repeat right center;
	border:				1px solid #dddddd;
}

ul.menu {
	position: 			absolute;
	visibility: 		hidden;
	margin: 			0px;
	border: 			1px solid #ccc;
	padding: 			2px;
	background-color: 	white;
	list-style-type: 	none;	
	text-align: 		left;
	width: 				100px;
}

ul.menu li {
	font-size:			11px;
	padding:			1px;
}

ul.menu a, div.menu a {
	color: #000;
}

ul.menuMediaDbBasket {
	position: absolute;
	visibility: hidden;
	margin: 0px;
	border: 1px solid #ccc;
	padding: 2px;
	background-color: white;
	list-style-type: none;	
	text-align: left;
	width: 300px;
}

ul.menuMediaDbBasket li {
	font-size:			11px;
	padding:			1px;
}

ul.menuMediaDbBasket a, div.menuMediaDbBasket a {
	color: #000;
}

table.order_details td {
	vertical-align:			top;
}

ul.actions_menu {
/*	list-style-type:		disc;*/
	list-style-position:	outside;
	list-style-image:		url(../images/iwc/default/actions_menu_bullet.gif);
	margin-left:			18px;
	padding:				0px;
}

ul.standard {
	list-style-type:		disc;
	list-style-position:	inside;
	margin-left:			6px;
	padding:				0px;
}

li.actions_menu {
	border-bottom:			1px dotted #ccc;
}

a img.order_preview.border {
	border:					1px solid #ccc;
}

div.alertMessage {
	width:					500px;
	border:					1px solid #ccc;
	background-color:		#ffff99;
	padding:				6px;
	margin-bottom:			12px;
}

/*-------- styles for renderings done in the orderrecord class functions --------*/
ul.show_pdfs {
	list-style-position:	outside;
	list-style-image:		url(../images/iwc/default/actions_menu_bullet.gif);
	margin-left:			18px;
	padding:				0px;
}

ul.show_pdfs_open {
	list-style-position:	outside;
	list-style-image:		url(../images/iwc/default/actions_menu_bullet_open.gif);
	margin-left:			18px;
}

ul li.current_pdf a, ul li.current_pdf a:link, ul li.current_pdf a:hover, ul li.current_pdf a:visited, ul li.current_pdf a:active {
	color:					green;
	background-color:		#eee;
	
}
ul li.current_pdf.closed a, ul li.current_pdf.closed a:link, ul li.current_pdf.closed a:hover, ul li.current_pdf.closed a:visited, ul li.current_pdf.closed a:active {
	color:					green;
	background-color:		#fff;
}

ul li.refused_pdf a, ul li.refused_pdf a:link, ul li.refused_pdf a:hover, ul li.refused_pdf a:visited, ul li.refused_pdf a:active {
	color:					#333;
}
div.productionItemDetails, div.productionItemDetails a, div.productionItemDetails a:link, div.productionItemDetails a:active, div.productionItemDetails a:hover, div.productionItemDetails a:visited;{
	color:					#000;
}
/*-------- styles for rendering recipient lists in mail forms --------*/
li.recipient_list {
	margin-left:			14px;
/*	list-style-image:		url(../images/iwc/default/actions_menu_bullet.gif);*/	
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
div.recipient-choice {
	border:					1px solid #ccc;
	background-color:		#eee;
	margin-top:				6px;
	margin-bottom:			6px;	
	padding:				3px;
}

td.exportdata_tab_active {
	border-left: 			1px solid gray;
	border-top:				1px solid gray;
	font-weight:			bold;
	background-color:		#FFFFFF;
}

td.exportdata_tab_inactive {
	border-left:			1px solid gray;
	border-bottom:			1px solid gray;
	border-top:				1px solid gray;
	color:					#FFFFFF;
	background-color:		silver;
}

td.exportdata_tab_space {
	border-left:			1px solid gray;
	border-bottom:			1px solid gray;
}

td.exportdata_tab_content {
	border-left:			1px solid gray;
	border-bottom:			1px solid gray;
	border-right:			1px solid gray;
	padding:				5px;
	background-color:		#FFFFFF;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*	backend template import*/
	
#show_import{
	position:				absolute;
	left:					0px;
	top:					72px;
	width:					350px;
	height:					720px;
	
	border:					1px solid #bababa;
	
	overflow-x:				hidden;
	overflow-y:				auto;

	padding:				6px;
}

#import_action{
	position:				absolute;	
	left:					370px;
	top:					72px;
	width:					1000px;
	height:					720px;
	
	border:					1px solid #bababa;

	overflow-x:				hidden;
	overflow-y:				auto;

	padding:				6px;
}

.import_button{
	background:				url(..images/redo.png);
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Publishing Center / Overview  */
.orderitem{
	position:				relative;
	width:					315px;
	height:					240px;
	text-align:				left;
	vertical-align:			top;
	
	margin-bottom:			10px;
	margin-right:			10px;
	border:					1px solid #bababa;
}

.orderitem_image{
	position:				absolute;
	top:					6px;
	left:					0px;
	padding-left:			6px;
	display:				inline;
	width:					160px;
	height:					240px;
	text-align:				left;
	vertical-align:			top;
}

.orderitem_image_full{
	position:		  		absolute;
	top:				    	36px;
	left:				    	0px;
	padding-left:			6px;
	display:			  	inline;
	width:				  	304px;
	height:				    240px;
	text-align:				left;
	vertical-align:		top;
/*  overflow:         hidden;*/
}

.orderitem_description{
	position:				  absolute;
	top:				  	  6px;
	left:				  	  170px;
	display:			  	inline;
/*  width:          250px;*/
	height:			  		240px;
	text-align:		  		left;
	vertical-align:			top;
} 

.orderitem_description_full{
  	position:			    	absolute;
  	top:					      6px;
  	left:					      6px;
  	display:				    inline;
    width:              302px;
  	height:			    		20px;
  	text-align:				  left;
/*    border: 1px solid red;*/
}

.orderitem_description_alert{  
	position:				absolute;
	top:					195px;
	left:					220px;
	display:				inline;
/*  width:          250px;*/
	height:					40px;
	text-align:				right;
	vertical-align:			bottom; 
	
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

table.list td {
    vertical-align:         top;
}

.add_border {
    border:                 1px solid #aaa;
}

/* --- TMO stuff --- */
li.tmo_main_area{
    width:                  300px;
    height:                 300px;
    border:                 1px solid #aaa;
    margin:                 0 50px 50px 0;
    padding:                12px;
    background-color:       white;
    display:                inline-block;
    float:                  left;
    cursor:                 pointer;
}

li.tmo_main_area div.visualbox{
    float:                  left;
    width:                  136px;
    height:                 100%; 
    background-color:       #ccc;
    
/*    border: 1px solid yellow;*/
}

li.tmo_main_area div.titlebox{
    float:                  left;
    height:                 100%;
    width:                  136px;
    height:                 100%;
    padding-left:           3px;
    padding-right:          3px;
    
/*    border: 1px solid red;*/
}

li.tmo_main_area div.visualbox img.tmo_mainArea_visual{
    width:                  150px;
}

div.tmo_category_filter{
    width:                  100%;
    min-height:             60px;
    overflow:               hidden;
/*border: 1px solid red;    */
}

div.tmo_filter_results_container{
    width:                  100%;
    overflow-x:             hidden;
    overflow-y:             auto;
    border:                 1px solid silver;
    
    margin-top:             24px;
}

/* --- overlert stuff --- */

div#overlert_curtain{
    position:               absolute;
    z-index:                12000;
    left:                   0;
    right:                  0;
    top:                    0;
    bottom:                 0;

    width:                  100%;
    height:                 100%;
    
    background-image:       url(../images/curtain_bg.png);
    
    padding:                24px;
}

div#overlert_container{
    position:               static;
    z-index:                12100;
/*    top:                    50%;*/
    margin:                 auto;
/*    margin-top:             -200px;*/
    
    width:                  800px;
    height:                 400px;
    
    background-color:       white;
}

div#overlert_content{
    position:               relative;
    top:                    20px;
    bottom:                 20px;
    
    width:                  776px;
    height:                 360px;
    
    overflow:               auto;
    
    padding:                12px;
    

}

/*rounded borders popupthing*/
#bgfader{position:absolute;width:100%;height:100%;background-image:url('../images/mediadb/bg.gif');z-index:99;}
#superoverlay{z-index:100;}/*carefull: for correct display the rest of the css stuff is inline on the element!*/


td.corner_tl{width:9px;height:9px;background-image:url('../images/mediadb/tl_corner.gif');}
td.corner_tr{width:9px;height:9px;background-image:url('../images/mediadb/tr_corner.gif');}
td.corner_bl{width:9px;height:9px;background-image:url('../images/mediadb/bl_corner.gif');}
td.corner_br{width:9px;height:9px;background-image:url('../images/mediadb/br_corner.gif');}
td.content_center{background-color:whitesmoke;}
td.border_l{width:9px;background-image:url('../images/mediadb/border_l.gif');}
td.border_r{width:9px;background-image:url('../images/mediadb/border_r.gif');}
td.border_t{height:9px;background-image:url('../images/mediadb/border_t.gif');}
td.border_b{height:9px;background-image:url('../images/mediadb/border_b.gif');}


div.superuser_stuff, span.superuser_stuff{
    background-color:           green;
    color:                      white;
    padding:                    6px;
}

span.tmo_flash_message{
    padding:                    3px;
    background-color:           green;
    color:                      white;
    margin-bottom:              12px;
}

a.it_tree_active
{
    background-color:           #ccc;
}

a.it_tree_inactive
{
    background-color:           transparent;
}

div.mediadbCategory_marginBottom
{
    margin-bottom:              12px;
}

div.it_category_description
{
    margin-bottom:              24px;
}

/*div#tab_navi_topRow {
    position:                   relative;
    display:                    block;
}

div#tab_navi_bottomRow {
    position:                   relative;
    top:                        1px;
    display:                    block;
}*/

table#naviTabs {
    border-collapse:            collapse;
}

td.naviTab {
    text-align:                 center;
    vertical-align:             middle;
    
    width:                      130px;
    height:                     32px;
    
    background-color:           black;
    color:                      white;
    
    border-top:                 1px solid white;
    border-right:               1px solid white;
    
    cursor:                     pointer;
}

td.first {
    background-color:           grey;
}

td.empty {
    background-color:           white;
    cursor:                     default;
}

td.noLink {
    cursor:                     default;
}