/* Main Vault Styles ---------------------------------------- */
body {
	background-color: #FFF;
	color: #333333;
	font-family: Arial, Helvetica, Geneva, "Lucida Console", sans-serif;
	font-size: small;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

div.clear { clear: both; }

img { border-width: 0; }

/* --- Page Layout --- */
#page {
	background-color: #FFF;
	border-color: white;
	border-width: 1px;
	border-style: solid;
}

#content {
	margin: 0;
	padding: 10px;
	background-color: #FFF;
}

/* --- Header/Banner --- */
#banner {
	height: 99px;
	position: relative;
	text-align: center;
	background-color: #FFF;
	background-image: url("../images/bkgd.gif");
	background-repeat: repeat-x;
}
#popBanner {
	height: 99px;
	position: relative;
	text-align: left;
	background-color: #FFF;
	background-image: url("../images/pop_banner.gif");
	background-repeat: no-repeat;
}
/* --- Misc. --- */
#wrapper {
	background-color: #FFF;
	background-image: url("../images/faux-background.gif");
	background-repeat: repeat-y;
	background-position: left;
}

/* --- Links --- */
a:link, a:active {
	color: #92288F;
}
a:hover, a:visited {
	color: #2B3086;
}

#primary {
	background-color: #666666;
	height: 22px;
}

#primary a {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 20px;
	_line-height: 18px;
}

#primary .links a {
	padding: 8px 15px 5px 15px;
	background-color: #666666;
	background-image: url("../images/primary-bar.gif");
	background-repeat: repeat-y;
	background-position: right top;
}

#primary a:hover, #primary .active { background-color: #7E7E7E; }

/* --- Blocks --- */

#column-left
{
	float: left;
	padding: 8px 10px;
	background-color: #FFF;
	width: 180px;
	/*background-image: url("../images/vault.gif");*/
	/*background-repeat: no-repeat;*/
	/*background-position: left 8px;*/
}

#column-left .block
{
    margin-top: 6px;
	margin-bottom: 21px;
	background-image: url("../images/block_top.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

.block h2.title
{
	padding: 6px 10px 5px 10px;
	margin: 0;
	font: 12px Arial;
	font-weight: bold;
	color: #333333;
}

.block .content
{
	font: 12px Arial;
	font-weight: bold;
	padding: 8px 5px 10px 5px;
	background-image: url("../images/block_bottom.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}

.block .content a
{
	color: #333366;
	text-decoration: none;
}

.block .content a:hover
{
	color: #9B0033;
	text-decoration: underline;
}

.block .content a:visited { color: #666633; }


/* Search Block */
.search input
{
	width: 155px;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	margin: 0 0 5px 5px;
	font-size: 90%;
	padding: 0 0 0 2px;
}

.search .go, .browse .go
{
	float: right;
	margin: 0 5px 5px 5px;
}

.search a
{
	color: #333366;
	text-decoration: none;
	font-size: 11px;
	margin: 0 0 0 5px;
}

/* Browse Block */
.browse select
{
	width: 158px;
	height: 50px;
	font-size: 11px;
	margin: 5px 0 2px 5px;
}

.block .menu { padding: 0 0 0 5px; }


/* Menu Block */
form
{
	margin: 0;
	padding: 0;
}

ul.error { color: red; }

.t1
{
	width: 145px;
	height: 175px;
	margin: 20px auto 0 5px;
	_margin: 0px auto 0 5px;
	overflow: auto;
	border-style: solid;
	font: 12px Arial;
	font-weight: bold;
	padding: 10px 5px 1px 5px;
	border-color: #CCCCCC;
	border-width: 1px;
}

.t1 ul
{
	padding: 0;
	margin: 0 0 0 1.5em;
}

.t1 li { padding: 0 0 2px 0; }

li.expanded
{
	list-style-type: none;
	list-style-image: url("../images/expand.gif");
}

li.collapsed
{
	list-style-type: none;
	list-style-image: url("../images/collapse.gif");
}

li.leaf
{
	list-style-type: none;
	/*list-style-image: url("../images/expand.gif");*/
}

/* Admin Block */

.block .admin
{
	font: 12px Arial;
	font-weight: bold;
	padding: 8px 5px 10px 5px;
	background-image: url("../images/block_bottom.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}

.admin ul
{
	padding: 0;
	margin: 0;
}

.admin li
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	border-bottom: #9B0033;
	border-width: 0 0 1px 0;
	border-style: none none dashed none;
}

.admin a
{
	display: block;
	width: 100%;
	font-size: 11px;
	color: #333366;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	padding: 2px 0 2px 0;
}

.admin a:hover, .admin a.active
{
	background-color: #EEE;
	color: #9B0033;
	text-decoration: none;
}

/* --- Tables --- */

#main
{
	position: relative;
	background-color: #FFF;
	padding: 5px 20px 35px 20px;
	margin-left: 200px;
}

#main p { font-size: 98%; }

#main p.asset
{
	font-size: 95%;
	padding: 0 0 5px 0;
	margin: 0;
}

#main caption
{
	color: #9B0033;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px 0;
}

#main table
{
	border: 1px solid #999999;
	margin: 10px 0;
}

#main .data-table { width: 99%; }

#main .table
{
	width: 99%;
	background-color: #FFF;
	border-width: 0;
}

#main .table td
{
	padding: 3px 3px 5px 5px;
}

#main table th, #pop th
{
	font-size: 90%;
	color: #333333;
	background-color: #DEDEDE;
	padding: 2px 3px 2px 5px;
	border-bottom: none;
	text-align: left;
}

#main table td
{
	padding: 5px 5px;
	font-size: 90%;
}

#main table td a { text-decoration: underline; }
#main .alt { background-color: #FFF; }
#main .search-tr { background-color: #EEE; }


/* --- Inputs --- */

#main .search-select
{
	width: 130px;
	height: 150px;
	margin: 5px 0 5px 5px;
	font-size: 11px;
}

#main .create-select
{
	width: 160px;
	height: 150px;
	margin: 5px 0 5px 5px;
	font-size: 11px;
}

#main .filter-select, #pop .filter-select
{
	width: 150px;
	font-size: 11px;
	margin: 0;
	_height: 12px;
}

#main .input, #main .add-input, #pop .input, #main .input-small, #main .large-input
{
	height: 13px;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	font-size: 11px;
	line-height: 11px;
	margin: 0;
	padding: 2px 0 3px 2px;
	_padding: 3px 0 2px 2px;
}

#main .add-input { width: 70%;  }
#main .input { width: 70%;  }
#pop .input { width: 70%; }
#main .input-small { width: 70%; }
#main .large-input { width: 70%;  }


#main .textarea, #pop .textarea
{
	width: 90%;
	height: 40px;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	margin: 0;
	font-size: 11px;
	padding: 2px;
}

#main .textareaCatalog
{
	width: 90%;
	height: 140px;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	margin: 0;
	font-size: 11px;
	padding: 2px;
}

#main .search-input
{
	width: 220px;
	height: 13px;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	font-size: 11px;
	line-height: 11px;
	margin: 0 0 5px 0;
	padding: 2px 0 3px 2px;
	_padding: 3px 0 2px 2px;
}

#main .action
{
	margin: 0;
	padding: 0;
	text-align: right;
	position: relative;
	top: 15px;
	right: 10%;
	_right: 7%;
}

#main .pagi
{
	text-align: right;
	background-color: #EEE;
	padding: 3px 8px 3px 3px;
}

.pagi a { font-size: 90%; }

#main .create
{
	margin: 0;
	padding: 0 0 5px 0;
	text-align: right;
}

/* Buttons */
#buttons
{
	float: right;
	margin: 0;
	padding: 0 5% 0 0;
	_position: relative;
}

#buttons img { padding: 0 1px 0 1px; }

/* Tab navigation */
ul.primary
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	white-space: nowrap;
	list-style: none;
	height: 24px;
	border-width: 0px;
	background-image: url("../images/tab-bar.png");
	background-repeat: repeat-x;
	background-position: 0px 100%;
}

ul.primary li
{
	float: left;
	margin: 0px;
	padding: 0px;
	_width: 0px;
}

ul.primary li a
{
	margin: 0px;
	padding: 0px;
	display: block;
	border-width: 0px;
	height: 24px;
	text-decoration: none;
	background-image: url("../images/tab-right.png");
	background-repeat: no-repeat;
	background-position: 100% -38px;
	font-size: 90%;
}

#main ul.primary li a:hover
{
	border-width: 0px;
	text-decoration: none;
	background-image: url("../images/tab-right.png");
	background-repeat: no-repeat;
	background-position: 100% -76px;
}

#main ul.primary li.active a, #main ul.primary li.active a:hover
{
	border-width: 0px;
	color: #000;
	background-image: url("../images/tab-right.png");
	background-repeat: no-repeat;
	background-position: 100% 0px;
}

ul.primary li a .link
{
	display: block;
	border-width: 0px;
	height: 20px;
	text-decoration: none;
	line-height: 20px;
	cursor: pointer;
	background-image: url("../images/tab-left.png");
	background-repeat: no-repeat;
	background-position: 0% -38px;
	color: #9B0033;
	margin: 0px;
	padding: 4px 15px 0px;
}

#main ul.primary li a:hover .link
{
	background: url("../images/tab-left.png") no-repeat 0% -76px;
	border-width: 0px;
}

#main ul.primary li.active a .link, #main ul.primary li.active a:hover .link
{
	background: url("../images/tab-left.png") no-repeat 0% 0px;
	border-width: 0px;
	color: #000;
}

/* --- Detail --- */
#detail ul
{
	list-style-type: none;
	margin: 0 0 3px 0;
}

#detail ul li
{
	list-style-type: none;
	padding: 1px 0 2px 0px;
}

#detail p
{
	padding: 10px 0 0 0;
	margin: 0;
}

/* --- Typeface --- */

#main h2
{
	font-size: 130%;
	color: #9B0033;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

h1.title
{
	font-size: 130%;
	color: #9B0033;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

h2.title
{
  font-size: 15px;
  color: #9B0033;
  font-weight: bold;
  margin-top: 35px;
  margin-bottom: 0;
}

/* --- footer --- */
#footer
{
	clear: both;
	color: #FFF;
}

#footer .links
{
	margin: 5px 0 0 0;
	text-align: center;
}

#footer a
{
	padding: 0 15px 0 15px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 11px;
}

#footer a:hover { text-decoration: underline; }


/* Pops ---------------------------------------- */
#pop
{
	font-size: small;
	background-color: #FFF;
	margin: 10px auto 0 15px;
}

#popwrap
{
	width: 100%;
	float: left;
}

#pop h1
{
	color: #9B0033;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 160%;
}

#pop p
{
	width: 400px;
	padding: 5px 0 5px 2px;
	margin: 0;
	font-size: 90%;
}

#pop .data-table
{
	background-color: #FFF;
	/*width: 400px;*/ /* ISV : Fix for the issue OEC-3111 */
	width: 99%;
}

#pop .data-table td
{
	padding: 3px 3px 5px 5px;
}

#pop .data-table a
{
	color: #333366;
	text-decoration: underline;
	font-size: 90%;
}

#pop .data-table a:hover
{
	color: #9B0033;
	text-decoration: none;
}

#pop .alt { background-color: #EEE; }

#pop .buttons
{
	float: left;
	margin: 10px 1px 0 1px;
}

/* Hover Menus ---------------------------------------- */

#process {
	position:absolute;
	width:108px;
	height:29px;
	z-index:101;
	left: 622px;
	top: 291px;
}
#people {
	position:absolute;
	width:82px;
	height:20px;
	z-index:102;
	left: 573px;
	top: 364px;
}
#expertise {
	position:absolute;
	width:98px;
	height:30px;
	z-index:103;
	left: 482px;
	top: 293px;
}
#process2 {
	position:absolute;
	width:100px;
	height:30px;
	z-index:101;
	left: 840px;
	top: 340px;
}
#people2 {
	position:absolute;
	width:100px;
	height:30px;
	z-index:102;
	left: 640px;
	top: 340px;
}
#expertise2 {
	position:absolute;
	width:100px;
	height:30px;
	z-index:103;
	left: 740px;
	top: 340px;
}