/******************************************************************************
* oopLayout.css
*******************************************************************************

*******************************************************************************
*                             
* Copyright 2008
*                             
******************************************************************************/

/* header */

div.oopHeader {
}

/* bannerTop */

div.oopHeader div.headerTop {
	clear: both;
	border:0px;
	margin:0px;
	padding:0px;
	background-color:#81AE01;
	color:#FFFFFF;
}

div.oopHeader div.headerTop a.bannerTopLink {
	display:block;
}

div.oopHeader div.headerTop h1.siteTitle {
	margin:0px;
	border:0px;
	padding:0.5em;
	padding-top:1em;
	font-size:4em;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


div.oopHeader div.headerTop h1.hiddenSiteTitle {
	display: none;
}

div.oopHeader div.headerTop h1.siteTitle a:link,
div.oopHeader div.headerTop h1.siteTitle a:visited,
div.oopHeader div.headerTop h1.siteTitle a:hover,
div.oopHeader div.headerTop h1.siteTitle a:active  {
	text-decoration:none;
	color:#FFFFFF;
}

/* bannerBottom */

div.oopHeader div.headerBottom {
	border:0px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

div.oopHeader div.headerBottom img {
	display:block;
}

/* shortcuts top and  authentication inset */

div.oopHeader div.top {
	width:100%; /* give layout */
	background-color:#FFFFFF;
	color:#000000;
	height:30px;
}

/* authentication inset */

div.oopHeader div.usrAuthInset {
	float:left;
	padding-bottom:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
}

div.oopHeader div.usrAuthInset p {
	float:left;
	margin-right:0.5em;
}

div.oopHeader div.usrAuthInset form p.login,
div.oopHeader div.usrAuthInset form p.pwd,
div.oopHeader div.usrAuthInset form p.button {
	margin-bottom: 0em;
}

div.oopHeader div.usrAuthInset form p.login input,
div.oopHeader div.usrAuthInset form p.pwd input {
	width:8em;
}

div.oopHeader div.usrAuthInset div.links {
	clear:both;
	font-size: 0.8em;
	text-align: right;
}

div.oopHeader div.usrAuthInset div.links p.lostPwd, 
div.oopHeader div.usrAuthInset div.links p.newUser {
	float:none;
	display: inline;
	margin-top: 0em;
}

div.oopHeader div.usrAuthInset label {
	padding-right:0.5em;
}

div.oopHeader div.usrAuthInset a,
div.oopHeader div.usrAuthInset a:link,
div.oopHeader div.usrAuthInset a:visited,
div.oopHeader div.usrAuthInset a:hover,
div.oopHeader div.usrAuthInset a:active {
	font-size:1em;
	color:#000000;
}

/* shortcuts top */

div.oopHeader ul.shortcutsTop {
	text-align:right;
	padding-top: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	margin:0px;
	line-height:1.8em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
div.oopHeader ul.shortcutsTop li {
	list-style:none;
	display:inline;
	margin-right: 5px;
}
div.oopHeader ul.shortcutsTop li a,
div.oopHeader ul.shortcutsTop li a:link,
div.oopHeader ul.shortcutsTop li a:visited,
div.oopHeader ul.shortcutsTop li a:hover,
div.oopHeader ul.shortcutsTop li a:active {
	padding:0.2em;
	font-size:1em;
	text-decoration: none;
	color:#000000;
}
div.oopHeader ul.shortcutsTop li a:hover {
	text-decoration:underline;
}

/* icon style */

div.oopHeader  ul.shortcutsTop li.ish-shortcut-icon {
	vertical-align:middle;
}

/* texticon style */

div.oopHeader  ul.shortcutsTop li.ish-shortcut-texticon a,
div.oopHeader  ul.shortcutsTop li.ish-shortcut-texticon a:link,
div.oopHeader  ul.shortcutsTop li.ish-shortcut-texticon a:visited,
div.oopHeader  ul.shortcutsTop li.ish-shortcut-texticon a:hover,
div.oopHeader  ul.shortcutsTop li.ish-shortcut-texticon a:active {
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:24px;
	padding-right:0.4em;
	padding-top:0.6em;
	padding-bottom:0.6em;
}

/* main menu */

div.oopHeader div.mainMenu {
	font-size: 1.2em;
	color: #727272 ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
}

div.oopHeader div.mainMenu ul {
	margin:0px;
	padding:0px;
	list-style: none;
	background-color: #FFFFFF ;
	overflow: hidden;
	width: 100%;
}

div.oopHeader div.mainMenu li {
	float: left;
	white-space: nowrap;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;
}

div.oopHeader div.mainMenu li a:link,
div.oopHeader div.mainMenu li a:visited,
div.oopHeader div.mainMenu li a:hover,
div.oopHeader div.mainMenu li a:active {
	color: #727272 ;
	text-decoration:none;	
	padding: 0.5em;
}
div.oopHeader div.mainMenu li.on a {
	background-color: #FFFFFF;
}

div.oopHeader div.mainMenu li.off a:hover {
	color: #FF0000;
}

div.oopHeader div.mainMenu li a:hover {
	background-color: #FFFFFF;	
}

div.oopHeader div.mainMenu li.on a:link,
div.oopHeader div.mainMenu li.on a:visited,
div.oopHeader div.mainMenu li.on a:hover,
div.oopHeader div.mainMenu li.on a:active {
	color: #FF0000 ;	
}

/* SubMenu */

div.oopHeader div.subMenu {
	font-size: 1.2em;
	color: #727272 ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	height:25px;
}

div.oopHeader div.subMenu ul {
	margin:0px;
	padding:0px;
	list-style: none;
	background-color: #FFFFFF ;
	overflow: hidden;
	width: 100%;
}

div.oopHeader div.subMenu li {
	float: left;
	white-space: nowrap;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
}

div.oopHeader div.subMenu li a:link,
div.oopHeader div.subMenu li a:visited,
div.oopHeader div.subMenu li a:hover,
div.oopHeader div.subMenu li a:active {
	color: #727272 ;
	text-decoration:none;	
	padding: 5px;
	font-size:80%;
}
div.oopHeader div.subMenu li.on a {
	background-color: #FFFFFF;
}

div.oopHeader div.subMenu li.off a:hover {
	color: #FF0000;
}

div.oopHeader div.subMenu li a:hover {
	background-color: #FFFFFF;	
}

div.oopHeader div.subMenu li.on a:link,
div.oopHeader div.subMenu li.on a:visited,
div.oopHeader div.subMenu li.on a:hover,
div.oopHeader div.subMenu li.on a:active {
	color: #FF0000 ;
	font-weight:bold;	
}
/* headerTop */

#oopHeaderTopDiv {
	overflow: hidden;
}

/* left menu */

div.oopLeftMenu {
	background-color:#FFFFFF;
	color:#727272 ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
}

div.oopLeftMenu li.on {
	font-weight:bold;
}

div.oopLeftMenu li.on ul {
	font-weight:normal;
}

div.oopLeftMenu a:link,
div.oopLeftMenu a:visited,
div.oopLeftMenu a:hover,
div.oopLeftMenu a:active {
	color:#727272 ;
	text-decoration:none;
}

div.oopLeftMenu a:hover {
	text-decoration:underline;
}

div.oopLeftMenu li.on a:link,
div.oopLeftMenu li.on a:visited,
div.oopLeftMenu li.on a:hover,
div.oopLeftMenu li.on a:active {
	font-weight:bold;
	color:#FFFFFF ;
}

div.oopLeftMenu li.on li a:link,
div.oopLeftMenu li.on li a:visited,
div.oopLeftMenu li.on li a:hover,
div.oopLeftMenu li.on li a:active {
	font-weight:normal;
	color:#727272 ;
}

div.oopLeftMenu li.on li.on a:link,
div.oopLeftMenu li.on li.on a:visited,
div.oopLeftMenu li.on li.on a:hover,
div.oopLeftMenu li.on li.on a:active {
	font-weight:bold;
	color:#FFFFFF ;
}

div.oopLeftMenu li.on li.on {
	color:#FFFFFF ;
}

div.oopLeftMenu ul {
	padding:0px;
	margin:0px;
}

div.oopLeftMenu ul ul {
	padding-top: 0.2em;
	list-style:none;
}

div.oopLeftMenu li.level1 {
	list-style:none;
	background: url(../iso_icons/oop-infra-menu-left-background.png) repeat-y right bottom;
	padding:0.5em;
	margin-top:0.1em;
	margin-bottom:0.1em;
}

div.oopLeftMenu li.title{
	color:#ff0000;
	text-decoration:underline;
}

/* footer */

div.oopFooter {
	clear:both;
	text-align:center;
	margin:0px;
	padding:0.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#727272;
}

div.oopFooter ul.shortcutsBottom {
	margin:0px;
	padding:0.2em;
	line-height:1.8em;
}

div.oopFooter ul.shortcutsBottom li {
	display:inline;
	list-style:none;
	margin-right: 5px;
}

div.oopFooter a,
div.oopFooter a:link,
div.oopFooter a:visited,
div.oopFooter a:hover,
div.oopFooter a:active {
	padding:0.2em;
	font-size:1em;
	text-decoration:none;
	color:#000000;
}

div.oopFooter a:hover {
	text-decoration:underline;
}

/* icon style */

div.oopFooter  ul.shortcutsBottom li.ish-shortcut-icon {
	vertical-align:middle;
}

/* texticon style */

div.oopFooter ul.shortcutsBottom li.ish-shortcut-texticon a,
div.oopFooter ul.shortcutsBottom li.ish-shortcut-texticon a:link,
div.oopFooter ul.shortcutsBottom li.ish-shortcut-texticon a:visited,
div.oopFooter ul.shortcutsBottom li.ish-shortcut-texticon a:hover,
div.oopFooter ul.shortcutsBottom li.ish-shortcut-texticon a:active {
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:24px;
	padding-right:0.4em;
	padding-top:0.6em;
	padding-bottom:0.6em;
}

/* legal */

div.oopFooter p.legal {
	margin:0px;
	padding:0.2em;
	line-height:1.8em;
}

div.oopFooter p.legal a {
	color:#808080;
	text-decoration: none;
}

/* content layout */

div.oopPage {
	margin:0px;
	margin-left:auto;
	margin-right:auto;	
	padding:0px;
	border:0px;
}

div.oopBody {
	margin:0px;
	padding:0px;
	border:0px;
	background-color:#FFFFFF;
	color:#808080;
}

div.oopCenterWrapper {
	float:left;
	width:100%;
}

div.oopCenter {
	margin:0px;
	border:0px;
	padding:0.5em;
	overflow:hidden;	/* give layout */
	height:1%;	/* give layout for IE6 */
}

div.oopLeft {
	float:left;
	border:0px;
	margin:0px;
	padding:0px;
	overflow-x:hidden;
	width:0px;
}

div.oopRight {
	float:left;
	border:0px;
	margin:0px;
	padding:0px;
	overflow-x:hidden;
	width:0px;
}

div.oopLeftInsets, div.oopRightInsets {
	padding-left:1em;
	padding-right:1em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

/* breadcrumb */

ul.oopBreadcrumb {
	list-style:none;
	margin:0px;
	padding:0px;
	color: #000000 ;
}

ul.oopBreadcrumb li {
	display:inline;
}