/*** Some basic stuff ***/

body
{
	background: white;
	width: auto !important;
	min-width: 920px;
}

div#outer-wrapper
{
}

div#header
{
	position: relative;
	background: transparent url('img/bg-top.gif') bottom left repeat-x;
	height: 69px;
	margin: 0 20px;
}
	div#header div.helper 
	{ 
		position: absolute;
		background: transparent url('img/bg-top.gif') bottom right repeat-x;
		height: 100%;
		width: 6px;
		right: 0;
		bottom: 0;
	}

h1#logo
{
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 158px;
	height: 29px;
	text-indent: -9999px;
	background: url('img/logo.jpg') 0 0 no-repeat;
}


/*** The planner frame area: this stuff will be read also by the resizing javascript ***/

div#planner-area div#frame
{
	margin: 0 20px;
	padding: 0;
}

div#ViewpointArea
{
	background: #fff url('img/bg-vmp.jpg') 0 0 no-repeat;
}

div#info
{
	position: relative;
	height: 34px;
	background: #dfe4e5 url('img/info.jpg') 0 0 no-repeat;
	margin: 2px 253px 4px 0px;
	font-size: 1.4em;
	text-indent:1em;
	
	
}

	div#info div.helper
	{
		position: absolute; width: 10px; height: 100%; top: 0; right: 0;
		background: #dfe4e5 url('img/info.jpg') top right no-repeat;
	}

div#functions
{
	position: relative;
	height: 34px;
	margin-right: 130px;
}

	div#functions div#functions-right ul
	{
		float: right;
	}

	div#functions ul.functions-list, div#functions ul.functions-list li
	{
		height: 34px;
		line-height: 34px;
		margin-bottom: 0;
		margin: 0 0 0 0;
	}
	
	div#functions ul.functions-list li
	{
		display: block;
		width: 96px;
		height: 34px;
		line-height: 34px;
		margin-right: 8px;
	}
	
	div#functions ul.functions-list li a
	{
		text-indent: 0;
		display: block;
		color: white;
		text-align: left;
		float: none;
		height: 100%;
		padding-left: 35px;
		width: auto;
	}
	
div#library
{
	width: 248px;
	margin-bottom: 38px;
	padding-top: 38px;
	background: url('img/bg-lib.gif') bottom left no-repeat;
}

	div#library h2
	{
		position: absolute;
		height: 28px;
		line-height: 28px;
		background: url('img/bg-lib-title.jpg') 0 0 no-repeat;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	div#library h3 a
	{
		display: block;
		line-height: 22px;
		height: 22px;
		padding: 0 10px 0 30px;
		background: url('img/bg-lib-header.jpg') 0 0 no-repeat;
		clear: both;
	}
	
	div#library h3 a.open
	{
		background: url('img/bg-lib-header-selected.jpg') 0 0 no-repeat;
	}
	
	div#library-options
	{
		margin: 0 25px 15px 10px;
		border: 2px solid #bbb;
		padding: 10px;
		/*height: 150px;*/
		position: relative;
		overflow: hidden;
	}
	
	div#library-options label
	{
		line-height: 25px;
		font-size: 12px;
	}
	
		a#lib-options-toggle
		{
			display: block;
			position: absolute;
			bottom: 0;
			right: 0;
			background: #bbb;
			height: 25px;
			line-height: 25px;
			padding: 0 10px;
		}
	
	div#library-contents
	{
		position: relative;
		height: 100%;
		width: 237px;
		left: 10px;
		overflow: auto;
	}
	
	div#library-contents ul.lib-icons li
	{
		width: 96px;
		float: left;
		margin: 0 10px 10px 0;
		border-bottom: 1px solid #acacac;
	}
	
	div#library-contents ul.lib-icons li a
	{
		height: 11.8em;
	}
	
	div#library-contents ul.lib-icons li.wide a
	{
		height: auto;
	}
	
	div#library-contents ul.lib-icons li.wide 
	{
		width: 200px;
		float: left;
		margin: 0 15px 10px 0;
	}
	
	div#library-contents ul.lib-icons li a { width: 100%; text-align: right; }

	div#library-contents div.breadcrumbs
	{
		 display:none;
		 margin-bottom: 5px;
	}
	
	
	
	
/** Categories buttons: also affects the layout height **/
div#categories
{
	position: relative;
	height: 25px;
	margin: 10px 20px -2px 20px;
	padding-right: 10px;
	background: url('img/bg-categories-bar.jpg') top left no-repeat;
}

	div#categories ul
	{
		float: right;
		height: 25px;
		margin-right: -10px;
		padding-right: 14px;
		  background: url('img/bg-categories-bar.jpg') top right no-repeat;
	}
	
		div#categories ul li a
		{
			font-size: 14px;
			padding: 0 15px;
			height: 25px;
			line-height: 25px;
			color: white;
			
		}
	
		div#categories ul li a:hover,
		div#categories ul li.current a
		{
			background: url('img/bg-category-button.gif') top left repeat-x;
			color: #ebd29a;
			   
		}


/*** Tabs, menus and categories ***/

/* The upper tabs/buttons */
ul#system-states
{
	position: absolute;
	bottom: 0;
	left: 207px;
}

	ul#system-states li a
	{
		height: 31px;
		line-height: 18px;
		margin-left: 30px;
		font-weight: normal;
		color: white;
		font-size: 16px;
	}

	ul#system-states li a:hover,
	ul#system-states li.current a
	{
		background: url('img/tab.gif') bottom center no-repeat;
	}
	

/* VividLink */
a.vividplatform
{
	display: block;
	width: 121px;
	height: 21px;
	text-indent: -9999em;
	background: url('img/vividplatform.jpg') 0 0 no-repeat;
	outline: none;
	position: absolute;
	right: -125px;
	bottom: 7px;
}


/** SHE: installer graphics.. (move to base.css maybe??) */

.installLayer
{
	height:250px;
	width: 425px; 
	border: 2px solid;
	/*
	padding-left: 30px;
	padding-right: 30px;
	*/
	border-color: #1160ba;
	background-image:url(img/viewpoint_install_bg.gif);
}

.installText
{
	width: 380px;
	font-size: 14px;
	/*color: #1160ba;*/
	color: Black;
	text-align:center;
	font-family: Arial, Verdana;
}

.notSupportedInfo
{
	width: 380px;
	font-size: 14px;
	/*color: #1160ba; */
	color: Black;
	text-align:center;
	font-family: Arial, Verdana;
}

.notSupportedList
{
	width: 380px;
	font-size: 12px;
	color: Black;
/*	color: #1160ba; */
	text-align:center;
	font-family: Arial, Verdana;
}

.installButton
{
	cursor:pointer;
	background-color:#1160ba;
	background-image:url(img/install_button.gif);
}

ul#userinfo
{
	position: absolute;
	top: 3px; 
	right:10px;
	text-align: right;
	color: White;
	font-size: 10px;
}	


	ul#userinfo li a
	{
		font-weight: normal;
		color: white;
	}

ul#maintenancelink
{
	position: absolute;
	top: 43px; 
	right:10px;
	text-align: right;
	color: White;
	font-size: 10px;
}	


	ul#maintenancelink li a
	{
		font-weight: normal;
		
		color: white;
		text-decoration:underline;		
	}

/* MTV 'Logout/Login' button */
ul#custom2-states
{
	position: absolute;
	top: 18px; 
	right:10px;
	text-align: right;
	color: White;
	font-size: 16px;
}	


	ul#custom2-states li a
	{
		/*height: 46px;*/
		/*width: 121px;*/
		/*line-height: 46px;*/
		/*background: url('img/tab.jpg') 0 0 no-repeat;*/
		font-weight: normal;
		/*color: #8c8c8c;*/
		color: white;
		text-decoration:underline;
		
	}

	ul#custom2-states li a:hover,
	ul#custom2-states li.current a
	{
		color: white;
		text-decoration:underline;
	}