body {
	min-width: 850px;
}

/* Layout
---------------------------------------------------------------------------------------- */
#header		{ padding:8px 17px 0px 17px }
#navigation	{ border-top-width:1px;border-top-style:solid }
#sidebar	{ float:left;width:210px; position:relative; z-index: 2000; background-color: #F5F7FA;}
#content	{ padding:20px 20px 20px 231px }

/* Company information in the top left
---------------------------------------------------------------------------------------- */
#company 	 { float: left; }
#company a   { display: block; text-decoration: none; position: relative; color: #fff; float: left;}
#company img { top: 0; left: 0; }
#company h1  { line-height: 41px; font-size: 18px; font-weight: 500; float: left; margin-left: 10px; }
/*
#company 	 { float:left; }
#company a   { display:block;text-decoration:none;padding-left:56px;position:relative;color:#fff;}
#company img { width:41px;position:absolute;top:0;left:0; }
#company h1  { line-height:41px;font-size:18px;font-weight:500;padding-left:50px;}
*/

/* Search Box
---------------------------------------------------------------------------------------- */
#search 
{
/*
	float:left;
	height:40px;
	padding:0 15px 1px 15px;
	width:180px;
*/
	line-height:40px;
	margin-top:-1px;
}
#search input {width:175px;color:#999;font-size:12px;height:20px}

/* Members actions in the top right corner
---------------------------------------------------------------------------------------- */
#member-actions 	{ float:right;line-height:34px;padding:5px 0 }
#member-actions li 	{ float:left }
#member-actions a 	{ color:#fff; text-decoration: none; }

#tasks,
#welcome,
#actions
{
	float:left;
	padding-left:20px;
}

/* The welcome message for the user */
#welcome { margin:0 }

/* Currently, just a log out button */
#actions {}

/* Uncompleted and overdue tasks */
#tasks 			{ padding-right:18px }
#tasks li 		{ margin-left:12px }
#tasks a:hover 	{ text-decoration:none }


/* Blue Tabs
---------------------------------------------------------------------------------------- */
.tabs
{
	font-size:15px;
	height:40px;
	margin:0;
	padding:0;
}
	
.tabs > li 	 			{ float:left;}
.tabs > li > a  	 	{ height:40px;padding:0 17px;cursor:pointer;  text-decoration: none;}
.tabs > li > a span 	{ /*background-position:0 -40px;*/float:left;margin-top:-11px;position:relative;top:50% }
.tabs > li:hover ul		{ display:block }

/* The selected tab */
/*
.tabs > li.current 			{ border:0;margin-left:-2px;margin-top:-1px;text-shadow:none }
.tabs > li.current > a 		{ height:41px;background:#fff !important;border:0 }
.tabs > li.current a span 	{ background-position:-40px 0;margin-top:-10px }
*/

/* Hovered tab */
/*
.tabs > li.has_dropdown:hover { margin-top:-1px }
.tabs > li.has_dropdown:hover > a { height:41px;padding-top:1px}
.tabs > li.has_dropdown:hover > a span { background-position:-20px -20px; }
*/


/* Icons
---------------------------------------------------------------------------------------- */
.icon, .no-icon {display:block}
.icon:hover, .no-icon {text-decoration:none}

/* Using first child, as a badge span might be in the .icon anchor too */
.icon span:first-child 
{
	display:block;
	background-repeat:no-repeat;
	padding-left:25px;
	height:20px;
	line-height:20px;
}

.no-icon span:first-child {
	display:block;
	background-repeat:no-repeat;
	padding-left: 15px;
	height:20px;
	line-height:20px;
}

/* Sidebar
---------------------------------------------------------------------------------------- */
/*
#sidebar {text-shadow:0 1px 0 #fff;}
*/


/* Major Sidebar List
---------------------------------------------------------------------------------------- */
.major
{
	font-size:15px;
	margin-bottom:10px;
}
.major li 	  { position:relative;zoom:1; }
.major a	  { padding:0 0 0 10px;cursor:pointer;height:36px;line-height:36px;}
.major .badge { position:absolute;right:10px;top:12px;background-image: none; }

.sidebar-accordion-submenu-icon,
.major li a span:first-child {float:left;margin-top:-10px;position:relative;top:50%}

.sidebar-accordion-submenu-icon
{
	display:block;
	background-repeat:no-repeat;
	margin-left:10px;
	height:20px;
	width: 20px;
	line-height:20px;
}

/* Currently Selected Item */
.major li.current{margin:-1px -1px -1px}
/*
.major li.current .icon span{background-position:0 -40px;}
*/

/* Icons in the list */
/*
.major .icon span:first-child {background-position:-20px -20px}
*/
.major li a:hover span:first-child {text-decoration:underline}

/* Minor list & drop down style
---------------------------------------------------------------------------------------- */

.minor,
.dropdown
{
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:20px;
	line-height:22px 
}

.minor li    { margin-bottom:10px;border:0 }

.minor li li,
.dropdown li
{ margin:0;padding:0 0 0 10px;text-transform:none;line-height:20px }

.minor li.current,
.dropdown li a:hover{border-top:1px solid;border-bottom:1px solid;}

.minor li.current { margin-left:-20px;margin-right:-1px;padding-left:30px;}
.minor li.current a:hover { text-decoration:none }

.dropdown
{
	display:none;
	position:absolute;
	padding:2px 20px 6px;
	border:1px solid;
	border-top:0;
	z-index:9999;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
}
.dropdown:hover {display:block}
.dropdown li{padding:0}
.dropdown li a{display:block;border-width:1px;border-style:solid;border-width:1px 0}
/*
.dropdown li a:hover{text-decoration:none;margin-left:-20px;padding-left:20px;margin-right:-20px;padding-right:20px;}
*/
.dropdown li a{text-decoration:none;margin-left:-20px;padding-left:20px;margin-right:-20px;padding-right:20px;}


/* Number Badge
---------------------------------------------------------------------------------------- */
.badge
{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:0 7px;
	text-shadow:none;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}

/* Nicer Safari Text
---------------------------------------------------------------------------------------- */
#member-actions #tasks,
#company h1,
.tabs,
#sidebar .icon,
.minor li,
.x-window-tl .x-window-header,
.x-panel-tl .x-panel-header
{
	-webkit-text-stroke:1px transparent;
	text-decoration: none;
}

/* Accelerize */

dl, dt, dd{margin:0;padding:0;text-align: center;}

dd{
	width:216px;
	height:41px;
	background:url(../../images/bg_bar.gif) no-repeat 0 0;
	position:relative;
}
dd span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(../../images/bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
dd em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(../../images/bg_cover.gif) repeat-x;
	top:0;
}


/* SINGLE PROGRESS BAR */

.progressBar{
	width:216px;
	height:41px;
	background:url(../../images/bg_bar.gif) no-repeat 0 0;
	position:relative;
}
.progressBar span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(../../images/bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(../../images/bg_cover.gif) repeat-x 0 0;
	top:0;
}

/* new navigation styling */
#content-area-wrapper {
	flex-grow: 1;
	transition: width .25s;
}