@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
Print Stylesheet

version:   2.0
date:      30jan09
author:    David Vaassen/Jonathan Fantham
email:     info@e-see.com 
website:   www.brandfm.com
version history: --

Primary Colours Used
1 
#000 black

-----------------------------------------------------------------------------*/


/* Reset default styles
-----------------------------------------------------------------------------*/
    @import url("reset.css");
	
	
/* Import other stylesheets
-----------------------------------------------------------------------------*/

    @import url("lightbox.css");
    @import url("lightwindow.css");
    @import url("live_validation.css");
    @import url("/assets/show.css");
    @import url("/home/index.css");	
   
   
/* Fundamental styles
-----------------------------------------------------------------------------*/
    
    .noprint
    {display:none;}
    
    .left
    {float: left;
    width: 45%;}
    
    .floatleft
    {float: left;}
    
    .right
    {float: right;
    width: 45%;}

   	.noborder
	{border: none !important;}

	body
	{font: 62.5%/1.9em  Tahoma, Arial, sans-serif;
	background-color: #fff;
	color: #555;  
	text-align:center;
	}	
	
	div#wrapper
	{margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	background-color: #fff;}
	
	div#container
	{
	background: #fff;
	width: 100%;
	margin: 0 auto;
	}

		
	div#eseetag
	{
	display:none;
	}
	
	
	div.content
	{
	margin: 0 auto;
	text-align: left;
	padding: 0;}
	
/*--top menu --*/
	
	div#user
	{text-align: right;
	float: right;
	padding:0;
	background: none;
	}
	
	div#user span
	{background: none;
	display: block;
	float: left;
	padding: 10px 0 10px 10px;}
	
	div#user a
	{color: #fff;
	margin: 0 5px;
	border-left: none;
	font-size: 1em;
	font-weight: normal;
	padding: 3px;}
	
	div#user a:hover
	{text-decoration: underline;
	background-color: #ccc;
	color: #000;}
	
	
	/*-- adding a spec login bit--*/
		
	div#login
	{text-align: center;
	float: right;
	background: none;
	padding: 0;
	}
	
	div#login span
	{background: none;
	display: block;
	float: left;
	padding: 10px 0 10px 10px;}
	
	div#login a
	{color: #fff;
	margin-left: 5px;
	border-left: none;
	font-size: 1em;
	font-weight: normal;
	padding: 3px;}
	
	
	div#login a:hover 
	{text-decoration: underline;
	background-color: #ccc;
	color: #000;}
	

	div#login a.active 
	{border-bottom: 2px solid #3399cc;}
	
		
	/*-- Adding a page tip bit into user bar --*/
	
	div#tips
	{text-align: center;
	float: right;
	background: none;
	padding: 0;
	margin: 0;
	}
	
	div#tips span
	{background: none;
	display: block;
	float: left;
	padding: 10px 0 10px 10px;}
	
	div#tips a
	{color: #fff;
	margin: 0;
	padding: 3px;
	border-left: none;
	font-size: 1em;
	font-weight: normal;
	background-color: none;}
	
	div#tips a:hover
	{text-decoration: none;
	background-color: #ccc;
	color: #000;}

/*--Header --*/

	
	
		
	
	#logo
	{}
	
	#logo img
	{padding:0; border:0; margin:0;}
	
	#logo h1
	{padding: 30px 0 0 0px;
	font-size: 2.0em;
	margin: 0px;}
	
	
	div#header #link_menu
	{position: relative;}
	
	div#header #link_menu div
	{position: absolute;
	bottom: 10px;
	right: 0;}
    
    div#header #link_menu a
    {margin-left: 15px;
    font-weight: normal;
    font-size: 1.2em;
    color: #ccc;}
    
	
	/*--page--*/
	
	
	
	div#outerpage
	{width:100%;
	margin: 0 auto;
	background-color: #fff;
	}
	
	div#page_inner
	{
	background-color: #fff;
	height: inherit;
	display: block;
	padding: 10px;
	margin: 15px 0 15px 0;
	text-align: left;
	min-height: 200px;
	border: 1px dotted #ccc;
	}
	
	div#page_inner h1
	{
	margin: 0px 5px 5px 0;
	display:block;
	color: #333;
	font-size: 1.5em;
	line-height: 1.7em;
	text-shadow: none;
	}

	div#page_inner h2
	{
	margin: 0px 5px 5px 0;
	display:block;
	color: #333;
	font-size: 1.3em;
	}

	
	div#page_inner_help
	{
	background-color: #fff;
	width: auto;
	height: inherit;
	margin: 20px 0px 5px 175px;
	padding: 5px;
	display: block;
	}
	
	.page_header
	{
	background-color: #eee;
	border-bottom: 1px #ccc solid;
	margin: -10px -10px 0px -10px;
	padding: 10px;
	margin-bottom: 10px;
	}
	
		
	div#twothirds
	{
	display:block;
	left:0;
	width:100%;
	}
	
	div#onethird
	{ 
 	display:none;
 	}

	div#onethird .panel
	{ 
 	background-color: #eee;
 	}

	div#onethird li
	{ 
 	background-color: #eee;
 	}



	
	div.leftthird, div.middlethird, div.rightthird
	{float: left;
	width: 30%;
	text-align: left;}
	
	div.middlethird
	{padding: 0 4%;}
	
	
		
/*-- end for home page --*/
	

	div.q1, div.q2, div.q3, div.q4
	{float: left;
	width: 20%;
	text-align: left;}

	div.q2, div.q3
	{padding: 0 2%}
	
	
	div.quarter div.one, div.quarter div.two, div.quarter div.three, div.quarter div.four
	{float: left;
	width: 150px;
	margin: 0 15px 0 0;
	}
		
	div.quarter div.four
	{text-align: right;
	float: right;
	width: 300px;
	margin: 0;}
	
	div.quarterhome div.one, div.quarterhome div.two, div.quarterhome div.three, div.quarterhome div.four
	{float: left;
	width: 190px;
	margin: 0 0 0 0;
	text-align: center;}
	
	div.quarterhome div.one
	{text-align: left;
	float: left;
	width: 380px;
	margin-right: 30px;}
	
	/*---Footer --*/	
	
	div#footer
	{width:100%;
	background-color: #fff;
	padding: 5px 0 15px 0;
	margin: 0px auto;}
		
	
/* Menu
-----------------------------------------------------------------------------*/
    
    div#menu .content
    {position: relative;
    text-align: center;}
    
	div#menu
	{width: 100%;
	margin: 0 auto;
	background: #363636;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #eee;
	text-align: center;
	padding-left: 0px;
	height: 25px;}


	#search
	{float:left
	height:60px;
	width:100%;
	margin: 0 auto;
	background: #d3dff4;
	border-left:0px solid white;
	border-right:0px solid white;
	padding-left:0;
	position:relative;
	text-align:center;
	display: none;
	}

	#search form
	{padding: 10px 0;}
	
	#search .search_field
	{padding: 5px;
	width: 256px;
	border: none;
	background: #eee;
	border: 1px solid #666;}
	
	#search .button
	{position: absolute;
	margin: 0;
	padding: 2px;
	background: transparent;
	font-size: 17px;
	line-height: 22px;
	color:#fff;
	font-weight: bold;
	display: inline;
	width: auto;}
		
	#search a
	{color: #000;
	font-size: 0.9em;
	text-decoration: underline;
	padding-left: 2px;
	padding-top: 0;
	margin-left: 55px;
	}
	
	#search a:hover
	{color: #333;
	font-size: 0.9em;
	text-decoration: none;
	padding-left: 2px;
	padding-top: 0;
	background-color: transparent;}
	
	#search .search_field
	{font-size: 1.2em;
	font-weight: bold;
	color: #333;}



#search_side
	{
	height:60px;
	width:100%;
	margin: 0 auto;
	border-left:0px solid white;
	border-right:0px solid white;
	padding-left:0;
	position:relative;
	text-align:center;
	}

	#search_side form
	{padding: 0px 0;}
	
	#search_side .search_field
	{padding: 5px;
	width: 95%;
	border: none;
	background: #fff;
	border: 1px solid #666;
	float: left;}
	
	#search_side .button
	{position: absolute;
	margin-left: 2px;
	padding: 2px;
	background: transparent;
	font-size: 17px;
	line-height: 22px;
	color:#fff;
	font-weight: bold;
	display: inline;
	width: auto;}
		
	#search_side a
	{color: #000;
	font-size: 0.9em;
	text-decoration: underline;
	padding-left: 2px;
	padding-top: 0;
	margin-left: 5px;
	float: left;
	}
	
	#search_side a:hover
	{color: #333;
	font-size: 0.9em;
	text-decoration: none;
	padding-left: 2px;
	padding-top: 0;
	background-color: transparent;}
	
	#search_side .search_field
	{font-size: 1.2em;
	font-weight: bold;
	color: #333;}


	
/* --- menu tabs--*/

	#welcome-tab, #browse-tab, #add-tab, #share-tab, #cart, #profile-tab,  #search-tab	
	{width: auto;
	padding: 3px 10px;
	display: inline-table;
	float: inherit;
    margin-right: 0px;
    font-size: 1.2em;
   	font-weight: bold;
   	color: #fff;
   	text-align: center;
   	background-image: none;
	background-color: #666;}
   	
   	
   	   	 
	
	#profile-tab:hover, #profile-tab.active, #welcome-tab:hover, #welcome-tab.active, #browse-tab:hover, #browse-tab.active, #add-tab:hover, #add-tab.active, #share-tab:hover, #share-tab.active, #search-tab:hover, #search-tab.active
	{background-image: none;
	background-color:#fff;
	color: #000;
	font-weight: bold;
	}

	
		
	#cart
	{background-image: none;
	background-color: #666;
	float: inherit;
	}
		
	#cart.empty
	{background-image: none;
	background-color: #666;
	float: inherit;}
	
    #cart.empty.active, #cart.empty:hover
	{background-image: none;
	background-color: #fff;
	color: #000;
	font-weight: bold;}
	
    #cart.full
    {background-image: none;
	background-color: #3399cc;
	color: #fff;}
    	
    #cart.full.active, #cart.full:hover
    {background-image: none;
	background-color: #fff;
	color: #000;
	font-weight: bold;}


/*--sidemenu--*/

	
	div.sidemenu
	{width: 100%;
	display: block;
	}
	
	div.sidemenu h1
	{margin: 0;}
	
	div.sidemenu h3
	{margin: 0;}
	
	div.sidemenu ul
	{margin: 0;
	padding: 0;}
	
	div.sidemenu ul li
	{list-style-type: none;
	margin: 1px 0 0 0;
	padding: 0 5px 0 0;
	height: 2em;
	line-height: 2em;
	background-color: #eee;
	position: relative;
	width: 100%;}
	
	div.sidemenu ul li a, div.sidemenu ul li span
	{display: inline;
	float: left;
	padding: 0 5px;
	height: 2em;
	line-height: 2em;
	width: 100%;}
	}
	
	div.sidemenu ul li a.available
	{background-color: #D3DFF4;}
	
	div.sidemenu ul li a:hover, div.sidemenu ul li a.selected
	{background-color: #ccc;
	text-decoration: none;
	width: 100%;
	padding: 0 0 0 5px;
	color: #39C;}
	
	div.sidemenu ul li img
	{position: absolute;
	z-index: 1;
	top: 4px;
	right: 3px;}
	
	div.indent
	{margin: 0 0 0 150px;}
	
	
/* Panels
-----------------------------------------------------------------------------*/	

	.panel
    {margin: 15px 0 10px 0;
    background-color: #fff;
    padding: 0 10px 10px 10px;
    border: 1px dotted #ccc;
    }
    
    .panel h4
    {margin-top: 0px;
    }

	.panelwhite
    {margin: 10px 0;
    background-color: #fff;
    padding: 0px 10px 5px 10px;}


    
    .panelleft, .panelright
    {width: 45%;
    float: left;
    }

    .panelright
    {float: right;
    background-color: #eee;
    padding: 20px;}
        
	
/* Messages
-----------------------------------------------------------------------------*/	
    .error, .alert
    {text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #f33;
    border: 1px solid #f00;
    padding: 10px;
    }
    
    
    div#announcement
    {background-color: #ffffcc;
    width: 1;
    margin: 5px auto;
    border: 0px dashed red;
    color: #333;
    }
    
    div#user_messages
    {background-color: #fff;
    margin: 5px auto;
    }
   
    div#announcement p
    {margin: 0;
    background-color: #ffffcc;
    border: 0px dashed red;
    padding: 5px 0;}
    
    div#user_messages a
    {margin: 0;
    color: green;
    padding: 2px;
    margin: 3px auto;
    }
	
    
    
    div#announcement div.admin_message
    {
      text-align: left;
      padding: 10px;
      background-color: #ffc;
      border-bottom: 1px solid #999;
    }
    
    div#announcement div.hide
    {
      text-align: center;
      padding: 5px;
      background-color: #ffa;
    }
    
        
    .help_outer
    {
    width: 100%:
    margin: 0 auto;
	background-color: #D3DFF4;
	}
    
    .help
	{width: 980px;
	margin: 0 auto;
	color: #333;}
	
	div#help_slider .content
	{padding:10px;}
	
	
	.help p, .help h1, .help h2, .help h3
	{color: #333;}
	
	.help h2
	{margin-top: 0;}
	
	.help a, .help a:visited
	{color: #36c;
	text-decoration: none;}
	
	.help a:hover 
	{color: #000;
	text-decoration: underline;}
	
	.help .help-buttons
	{margin-top: 20px;
	margin-bottom: 10px;
	text-align:right;
	text-decoration: none;}
	
	.help .help-buttons a
	{margin-left: 30px;}
	
	.help .help-buttons img
	{position: relative;
	top: 3px;}
	
/* Typography
-----------------------------------------------------------------------------*/	
	h1, h2, h3, h4, h5, h6
	{color: #222}
	
	h1
	{font-size: 2em;
	line-height: 2.2em;
	font-weight: bold;
	margin: 20px 0 15px 0;
	color: #222;
	text-shadow: white 0px 1px 0px;}
	
	h2
	{font-size: 1.8em;
	line-height: 2em;
	font-weight: bold;
	margin: 15px 0 5px 0;
	color: #555;}
	
	h3
	{font-size: 1.5em;
	line-height: 2em;
	font-weight: normal;
	color: #444;
	margin: 10px 0 5px 0;}
	
	h4
	{font-size: 1.3em;
	line-height: 2em;
	font-weight: bold;
	color: #555;
	margin: 15px 0 5px 0;}
	
	h5
	{color: #000;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 5px;}
	
	p
	{margin: 5px 0;}
	
	strong
	{font-weight: bold;}
	
	ul
	{margin: 10px 0 10px 25px;}
	
	ul li
	{padding: 2px 0 2px 10px;
	list-style-type: disc;
	}
	
	
	ol
	{margin: 10px 0 10px 25px;}
	
	ol li
	{padding: 2px 0 2px 10px;
	list-style-type:decimal;}
	
	a, a:active, a:visited
	{color: #3399cc;
	text-decoration: none;}
	
	p a
	{text-decoration: underline;}
		
	a:hover
	{color: #666;
	text-decoration: underline;}
	
	/* added by david */
	
	
	
	acronym {cursor:help;  border-bottom: dotted 1px  }
	
	.small
	{font-size: 11px;
	color: #333;}
	
	.detailindent
	{width: 95px;
	position: relative;
	float: left;
	display: block;
	color: #999;
	font-weight: bold;
	margin-bottom: 0px;
	}
	
	.folderindent
	{width: auto;
	position: relative;
	float: left;
	display: block;
	color: #999;
	margin: 0 0 5px 10px;
	}

	
	
	.detailoutdent
	{padding-left: 100px;
	display:block;
	color: #333;
	margin-bottom: 5px;}
	
	.detailoutdenttextile
	{padding-left: 100px;
	display:block;
	color: #333;
	margin-top: -5px;}
	
	.smalldetailindent
	{width: 50px;
	position: relative;
	float: left;
	display: block;
	color: #999;
	font-weight: bold;}
	
	
	/* finish added by david */
		
		
/* Tables
-----------------------------------------------------------------------------*/

/* added by david */
	table
	{background-position: 0 top; 
	padding: 2px;
	margin: 10px 0;
	background-color: #fff;
	color: #333;
	vertical-align: middle;
	border: 1px dotted #ccc;
	}
	
	th
	{background-position: 0 top; padding: 0;
	margin: 0;
	background-color: #ccc;
	color: #000;
	vertical-align:text-top;}
	
	tr
	{background-position: 0 top; 
	padding: 2px;
	margin: 10px 0;
	background-color: #fff;
	color: #333;
	vertical-align: middle;
	
	}

	
	
	td
	{vertical-align: middle;
	border-bottom: 1px dotted #eee;}
	

/* finish added by david */

	
/* Forms
-----------------------------------------------------------------------------*/		
	form
	{margin: 0;
	padding: 0;}
	
	form input, form select, form textarea
	{border: normal;
	padding: 2px 2px;}
	
	form select
	{padding: 1px 2px;}
	
	form textarea
	{width: 95%;}
	
	input.field
	{width: 240px;
	margin: 0 10px 0 0;}
	
	.scrollbox
    {height: 150px;
    padding: 5px;
    color: #000;
    background-color: #fff;
    border: 1px solid #999;
    overflow-y: scroll;}
    
    input.input-button
    {background-image: url(/images/buttons/grey_small/full.gif);
    border: none;
    width: 122px;}
    
    input.input-button:hover
    {background-image: url(/images/buttons/grey_small/full_hover.gif);}
    
	
/* Miscellaneous
-----------------------------------------------------------------------------*/		 

	
	
/* "Fixes"
-----------------------------------------------------------------------------*/
    
    .encapsulate
    {height: 100%;
    overflow: hidden;
    }
    
	.clearfix:after
	{content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
/* Search Results
------------------------------------------------------------------------------*/

    .result
	{background-color: #fff;
	padding: 10px 0px;}
	
	.result h2
	{padding-top: 0px;
	font-size: 1.5em;}
	
	.result .image
	{float: left;
	padding: 0;}
	
	.result .info
	{line-height: 1.1em;
	margin: 0 0 10px 120px;}

	.result .info h4
	{margin: 0;}

		
	.result .info p
	{padding: 0;}
	
	.result .info .indent
	{width: 50px;}
	
	.result .add, .result .published, .result .status, .result .access, .result .asset-tasks, .result .archived
	{float: right;
	padding: 10px 0;
	text-align: center;}
	
	.result .asset-tasks
	{margin: 15px 20px 0 0;}
	
	.result .add, .result .access
	{width: 30px;}
	
	.result .add
	{padding-top: 5px;
	padding-right: 10px;}
	
	.result .published
	{width: 100px;}
	
	.result .archived
	{padding-right: 10px;}
	
	.result a.thumbnail
	{height: 80px;
	width: 80px;
	display:block;
	margin: 5px 5px 0;
	border: 1px solid #999;
	background-color: #fff;
	text-align: center;
	padding: 5px;}
	
	a:hover.thumbnail
	{border: 1px solid #03c;}

    .result .image-info
	{margin: 0 5px;
	width: 92px;
	height: 16px;
	line-height:16px;
	text-align: center;}
	
	.result .image-info p
	{padding: 0;}
	
    .alt
	{
	background-color: #fff;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}
	
	
	div#sorter-bar
	{padding:0px;
	border-bottom: 4px solid #ccc;}
	
	
/* Archives
------------------------------------------------------------------------------*/
.result .archived-tasks
    {padding-top: 10px;}

/* Search Buttons
------------------------------------------------------------------------------*/

    .add-button, .remove-button, .add-all-button, .remove-all-button, .view-add-button, .view-remove-button, .view-add-all-button, .view-remove-all-button
    {display: block;
    width:23px;
    height:23px;
    background: transparent url(/images/buttons/add_btn.png);   
    border:none;
    outline: none;}

    .add-button, .remove-button
    {float: right;
    margin-top: 5px;}

    .add-button:hover, .view-add-button:hover
    {background-image: url(/images/buttons/addroll_btn.png);}

    .remove-button, .view-remove-button
    {background: transparent url(/images/buttons/remove_btn.png);}

    .remove-button:hover, .view-remove-button:hover
    {background-image: url(/images/buttons/removeroll_btn.png);}

    .view-add-all-button, .add-all-button
    {height: 25px;
    margin: 5px 10px 5px 5px;
    background: transparent url(/images/buttons/addall_btn.png);}

    .view-add-all-button:hover, .add-all-button:hover
    {background-image: url(/images/buttons/addallroll_btn.png);}

    .remove-all-button, .view-remove-all-button
    {height: 25px;
    margin: 5px 10px 5px 5px;
    background: transparent url(/images/buttons/removeall_btn.png);}

    .remove-all-button:hover, .view-remove-all-button:hover
    {background-image: url(/images/buttons/removeallroll_btn.png);}

    .cart-loading-grey, .cart-loading-grey:hover
    {background-image: url(/images/ajax/ajax-loader-23-grey.gif);}
    
    .add-all-button, .remove-all-button
    {float: right;}
    
 /* Search Pagination */
 .search-pagination
 {
     text-align: center;
     padding: 10px 0 5px 0;
 }


/* Sliding doors buttons : http://www.filamentgroup.com/lab/buttonElement/
------------------------------------------------------------------------------*/
button, a.button
    {border:0; 
    cursor:pointer; 
    font-weight:bold; 
    padding:0 20px 0 0;
    margin:0 10px 0 0; 
    text-align:center;
    text-decoration: none;}

button span, a.button span
    {position:relative; 
    display:block; 
    white-space:nowrap; 
    padding:0 0 0 20px;}
    
button.submit-button, a.button
    {background: transparent url(/images/buttons/grey/right.gif) right no-repeat; 
    font-size:1.3em;
    outline: none;}

button.submit-button span, a.button span
    {height:38px; 
    line-height:38px;
    background: transparent url(/images/buttons/grey/left.gif) left no-repeat;
    color:#333;
    outline: none;}

button.submit-button:hover, a.button:hover
    {background:url(/images/buttons/grey/right_hover.gif) right no-repeat;}
	
button.submit-button:hover span, a.button:hover span
    {background:url(/images/buttons/grey/left_hover.gif) left no-repeat;}
    
button.submit-button.delete, a.button.delete
    {background-image: url(/images/buttons/red/right.gif);}

button.submit-button.delete span, a.button.delete span
    {background-image: url(/images/buttons/red/left.gif);}

button.submit-button.delete:hover, a.button.delete:hover
    {background:url(/images/buttons/red/right_hover.gif) right no-repeat;}
	
button.submit-button.delete:hover span, a.button.delete:hover span
    {background:url(/images/buttons/red/left_hover.gif) left no-repeat;}
    
a.button, a.button span
    {display: block;
    height: 38px;
    float: left;}
    
a.button:hover
    {text-decoration: none;}
    
button.submit-button.minor, a.button.minor
    {background-image: url(/images/buttons/grey_small/right.gif);
    font-size:1.2em;}
    
a.button.minor, a.button.minor span
    {height: 20px;}
	
button.submit-button.minor span, a.button.minor span
    {height:20px; 
    line-height:20px;
    font-weight: normal;
    background-image: url(/images/buttons/grey_small/left.gif);}
    
button.submit-button.minor:hover, a.button.minor:hover
    {background-image: url(/images/buttons/grey_small/right_hover.gif);}
	
button.submit-button.minor:hover span, a.button.minor:hover span
    {background-image: url(/images/buttons/grey_small/left_hover.gif);}

/* Links with Icons */
a.link-icon
    {text-decoration: none;}

a.link-icon img, img.link-icon, input.link-icon
    {position: relative; top: 3px; border: none;}

/* User Business Card
------------------------------------------------------------------------------*/
div.business_card
	{padding: 5px;
	background-color: #fff;
	border: 2px solid #999;
	margin: 5px;
	float: left;
	color: #666;
	width: 210px;
	height: 90px;
	display: block;
	overflow: hidden;
	font-size: 0.8em;
	line-height: 1.3em;
	position: relative;}
	
	div.business_card div
	{position: absolute;
	left: 70px;
	height: 85px;} 
	
	div.business_card h6
	{color: #333;
	margin: 2px 0 0 00;
	padding: 0;}
	
	div.business_card p
	{white-space: nowrap;}
	
div.business_card a img
    {position: relative;
    top: 4px;}
	
div.business_card .link
	{position: absolute;
    bottom: 0px;}
 
 /*--------brand folder style copied back from old css - by DV----*/
 
.folder
    {float: left;
    height: 180px;
    width: 120px;
    }
    
.folder .inner
    {position:relative;
    margin: 5px; 
    padding: 10px;}
    
.folder .img-container
    {padding: 10px;
    height: 80px;}
    
.folder p
    {width: 100px;
    text-align: center;}

.folder .folder_buttons
    {position: absolute;
    z-index: 1;
    margin: 10px;
    width: 45px;
    height: 25px;
    background: transparent url(/images/brand-corner.png) top left no-repeat;}
    
.folder .folder_buttons a
    {position: relative;
    top: 4px;
    left: 4px;}
 
 /*--------brand style ----*/
 
.brand
    {float: left; 
    height: 180px;
    width: 120px;
    overflow: auto;}
    
.brand .inner
    {position:relative;
    margin: 5px; 
    padding: 10px;}
    
.brand .img-container
    {padding: 10px;
    height: 80px;}
    
.brand p
    {width: 100px;
    text-align: center;}

.brand .brand_buttons
    {position: absolute;
    z-index: 1;
    margin: 10px;
    width: 45px;
    height: 25px;   }
    
.brand .brand_buttons a
    {position: relative;
    top: 4px;
    left: 4px;}
    

/* Help examples
----------------------------------------------------------------------*/

pre.example
    {background-color:#F9F9F9;
    border:1px dashed #2F6FAB;
    color:black;
    line-height:1.1em;
    padding:1em;
    overflow: wrap;}
    
/* common tasks like edit/users can be shown in a common way
----------------------------------------------------------------------*/
.tasks, .tasks a
    {color: tomato;}
    
/* Save, Delete, Cancel
----------------------------------------------------------------------*/
#save-buttons button
    {float: left;}

#save-buttons a
    {position: relative; 
     top: 12px; 
     left: 10px;}

#save-buttons a.button
    {position: static;
    margin-left: 10px;}


/* comments feedback
----------------------------------------------------------------------*/

.comments
{ font-style: italic;
font-size: 1em;
margin: 30px 0px;}


/* indented story in home controller
----------------------------------------------------------------------*/

.story
{
	padding: 10px 20px;
	margin: 20px 50px;
	display: block;
	background-color: #eee;
}


pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


/*-----add assets/show.css ------------------------------------------------------------------------------------------------------------------------------------------------*/

#assetviews
    {overflow: hidden;
    margin-bottom: 5px;}

#assetviews .assetview
    {float: left;
    width: 235px;
    margin: 2px;
    background-color: #eee;
    font-weight: bold;
    position: relative;}

#assetviews .assetview .move
    {position: absolute;
    top: 5px;
    z-index: 1;
    width: 20px;
    height: 20px;
    text-align: center;}

#assetviews .assetview .functions
    {position: absolute;
    top: 5px;
    z-index: 1;
    text-align: center;
    background-color: #DDD;}
    
#assetviews .assetview .functions a
    {display: block;
    float: left;
    padding: 5px 2px 3px 7px;}

#assetviews .assetview .functions
    {right: 5px;}
    
#assetviews .assetview .move img
    {position: relative;
    top: 5px;}

#assetviews .assetview .move
    {left: 5px;
    cursor: move;}

#assetviews .assetview .thumbnail
    {width: 225px;
    height: 225px;
    margin: 5px;
    text-align: center;}

#assetviews .assetview .thumbnail a
    {cursor: url(/images/cursors/magnify.cur), pointer;}

#assetviews .assetview .cart-buttons
    {float: right;
    margin: 5px;
    width: 23px;
    height: 23px;}

#assetviews .assetview .info
    {margin: 11px 5px 5px;}
    
#details, #restrictions, #talent, #folder, #short_history
    {margin-top: 10px;
    border-top: 1px dashed #ccc;
    padding: 5px 0;
    }

        
#details h2, #restrictions h2, #folder h2, #talent h2
    {margin: 0 0 15px 0;}


.margin, #asset-header
    {margin: 7px 0px;}
    


#asset-header-buttons
    {margin: 10px 0px 0px 2px;}

button, a.button
    {
    margin:0 0px 0 5px; 
    }

#asset-header
    {margin-top: 5px;
    background: #ddd;}

#asset-header h1
    {margin: 10px;
    padding:0;}

#asset-header .edit
    {margin: 10px 5px;
    padding: 5px;}


.view-add-all-button, .view-remove-all-button
    {float: left;
    margin-top: 5px 10px 0 0;}


#files
    {margin-top: 10px;
    padding: 5px 0 10px 0;
    }

#files .button
    {margin-left: 5px;}

#files h2
    {margin: 5px 0 0 10px;}



.cursor
    {float: left;
    margin-left: 3px;}

.cart-loading, .cart-loading:hover
    {background-image: url(/images/ajax/ajax-loader-23-w.gif);}
    
.file-image
    {float: right;
    margin: 10px 20px 0 0;}
    
#info-content h3
    {margin-top: 20px;}

/* Style for missing asset views */

#assetviews #missing
    {width: 235px;
    height: 235px;
    margin: 5px;
    background-color: #DDD;
    text-align: center;}
    
#assetviews #missing img
    {margin-top: 70px;}
    
.edit
{
	float:right; 
	display:block; 
	background:#ddd; 
	margin: 5px; 
	padding: 4px; 
	font-weight: bold;
}    


.editdelete a
{color: #fff;
}    

.editdelete
{float:right; color: #fff; display:block; background:red; margin: 5px; padding: 4px; font-weight: bold;"
}