/* ---------- general --------------*/

.hidden {
   display: none;
}

.mandatory {
   color: #f00;
}

/* ----------- header --------------*/

#wpcheader {
   background-color: #F1F1F1;
   border-bottom: 1px solid #666;
}

#wpcheader a {
   text-decoration: none;
}

#wpcheader #nwlogo {
   position: absolute;
   right: 0;
}

#wpcheader #welcome {
	font-weight:bold;
	color:#FF9900;
	padding-top: 36px;
	position: absolute;
	left: 82px;
}

#wpcheader #logoarea {
  height: 60px;
  background: url(/irj/portalapps/com.sap.nw.pcc.cssservice/images/top_bgimage.jpg) right top no-repeat;
}

#wpcheader #logoarea #sdnlogo {
  position: absolute;
  left: 0;
}

#wpcheader #logoarea #sdnmenu, 
#wpcheader #logoarea #sdnmenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#wpcheader #logoarea #sdnmenu {
  position: absolute;
  right: 100px;
  padding-top: 10px;
  z-index: 1;
}

#wpcheader #logoarea #sdnmenu a {
	display: block;
}

#wpcheader #logoarea #sdnmenu li {
  float: left;
  padding: 0.25em 0.5em 0.25em 0.5em;
  border-left: 1px solid #4B8BC7;
}

#wpcheader #logoarea #sdnmenu li.first {
  border: none;
}

#wpcheader #logoarea #sdnmenu li li {
  border: none;
}

#wpcheader #logoarea #sdnmenu li ul {
  position: absolute;
  width: 8em;
  left: -999em;  
  background-color: #b5cbe7;
  border: 1px solid #000;
  padding: 0.3em;
  margin: 0.3em 0 0 -0.5em;
}

#wpcheader #logoarea #sdnmenu li ul a {
  width: 8em;
  line-height: 1.1em;
}

#wpcheader #logoarea #sdnmenu li:hover ul, 
#wpcheader #logoarea #sdnmenu li.sfhover ul {
	left: auto;
}

#wpcheader #tln {
  list-style:none;
  background: #d8d9da;
  padding: 0.3em 0 0.3em 0;
  margin: 0;
  border-top: 1px solid #aaa;
}

#wpcheader #tln li {
  display: inline;
}

#wpcheader #tln li a {
  padding: 0.3em 0.6em 0.3em 0.6em;
}

#wpcheader #tln a.current {
  background-color: #fff;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  
}

/* ------------- content -------------*/


#wpccontent {
   padding: 1em 1em 1em 1.8em;
}

#wpccontentinner {
   width: 100%;
}

#wpccontentwrapper {
   width: 100%;
}

#wpccontentwrapper td {
   vertical-align: top;
}

/* use for the tablecell that needs to become as wide as possible */
#contentwrapper td.maxwidth {
   width: 100%;
}

/* ----- styles for collapsed sidebar --- */

#wpcsidebarexpand {
   position: absolute;
   left: -999em;
}

.wpccollapsedside #sidebarexpand {
   left: 0;
   cursor: pointer;
}

.wpccollapsedside {
   background: url("/irj/portalapps/com.sap.nw.wpc.cssservice/images/collapsedside.gif") top left repeat-y;
}

.wpccollapsedside #sidebar {
   display: none;
}

.wpccollapsedside #content {
   margin-left: 0;
}

#sidebarcollapse {
  display: none;
}

.expandedside #sidebarcollapse {
  display: block;
  text-align: right;
  background-color: #c8ddf6;
}

.expandedside #sidebarcollapse.loggedin {
  background-color: #004D7D;
}

.expandedside #sidebarcollapse img {
  cursor: pointer;
}



/* ----------- sidebar -------------*/

#wpcsidebar {
   width:20em;
   border-bottom: 1px solid #575757;
   background-color: #036;
}

#sidebarinner {
   border-right: 1px solid #575757;
}

#wpcsidebar p {
   margin: 0;
   padding: 0;
}

/* ----------- login box --------------*/

#wpcsidebar #loginbox {
   background-color: #c8ddf6;
   color: #000;
   padding: 1em;
}

#wpcsidebar #loginbox a { 
   color: #225a8d;
   text-decoration: none; 
}

#wpcsidebar #loginbox a:hover {
   color: #fff;
}

#wpcsidebar #loginbox .sidebartitle { 
   float:left;
   font-weight: bold;
   color: #000;
}

#wpcsidebar #loginbox form {
   margin: 0.8em 0 0 0;
   padding: 0;
}

#wpcsidebar #loginbox .inputrow {
   float: right;
   padding: 0 0 0.5em 0;
}
#wpcsidebar #loginbox .buttonrow {
   line-height: 2em;
   padding-top: 0.2em;
}

#wpcsidebar #loginbox .inputlabel {
   padding-right: 1.5em;
}

#wpcsidebar #loginbox input.textinput { 
   width: 8em;
} 

#wpcsidebar #loginbox input.check {
   padding: 0;
   margin: 0 0.5em 0 0;
}

#wpcsidebar #loginbox .left { 
   float:left;
}

#wpcsidebar #loginbox .right {
   float: right;
}

#wpcsidebar #loginbox .errormsg {
   color: #f00;
   background-color: #efefef;
   border: 1px solid #f00;
   padding: 0.2em;
   text-align: center;
}

/* ------- sidewrapper for bgimage -------*/

#wpcsidebar #sidewrapper {
  background: #036 url(/irj/portalapps/com.sap.nw.pcc.cssservice/images/sidebar_bgimage.gif) right top no-repeat;
}

/* ----------- search box -------------*/

#wpcsidebar #searchbox {
   color: #B2CEF2;
   padding: 1em;
   border-bottom: 1px solid #99B3CD;
}

#wpcsidebar #searchbox .sidebartitle {
   color: #fff;
   font-weight: bold;
   font-size: 1em;
   padding: 0;
   margin: 0 0 0.5em 0;
}

#wpcsidebar #searchbox form {
   padding: 0;
   margin: 0;
}

#wpcsidebar #searchbox .row {
   margin: 0 0 0.5em 0;
   white-space: nowrap;
}

#wpcsidebar #searchbox input {
   width: 14em;
   margin-right: 1em;
}

#wpcsidebar #searchbox select {
   width: 14em;
}

#wpcsidebar #searchbox .sdnButton {
   padding: 0.1em 0.4em 0.1em 0.4em;
}

#wpcsidebar #searchbox a {
   color: #B2CEF2;
   text-decoration: none;
}

#wpcsidebar #searchbox a:hover {
   color: #fff;
}

/* ----------- detailed nav -------------*/

#wpcsidebar #detailednav {
   color: #fff;
   padding: 1em;
}

#wpcsidebar #detailednav a {
   color: #fff;
   text-decoration: none;
}

#wpcsidebar #detailednav a:hover {
   color: #9cc;
}

#wpcsidebar #detailednav a.current {
   font-weight: bold;
}

#wpcsidebar #detailednav .sidebartitle {
   font-size: 1.1em;
   font-weight: bold;
   color: #fff;
   padding: 0.3em 0 0 0;
   margin: 0;
}

#wpcsidebar #detailednav li {
   padding: 0.3em 0 0.3em 0;          
}

#wpcsidebar #detailednav li div {
   padding: 0 0 0 1.5em;
   background: url("/irj/portalapps/com.sap.nw.pcc.cssservice/images/tree-select.gif") center left no-repeat;
}

#wpcsidebar #detailednav li div.closedbranch {
   background: url("/irj/portalapps/com.sap.nw.pcc.cssservice/images/tree-closed.gif") center left no-repeat;
   cursor: pointer;
}

#wpcsidebar #detailednav ul {
   padding: 0.3em 0 0 1.5em;
   margin: 0;
   list-style-type: none;
}

#wpcsidebar #detailednav ul.navfirstul {
   padding: 0;
}

#wpcsidebar #detailednav .closed {
   position: absolute;
   left: -999em;
}

#wpcsidebar #detailednav .open {
   left: auto;
}


/* ---------- contributor corner -----------*/

#wpcsidebar #contributorscorner {
	background: #fff;
	padding-top: 0;
}

#wpcsidebar #contributorscorner a, 
#wpcsidebar #contributorscorner a:link {
	margin: 0;
	color: #225A8D;
	background-color: transparent;
	text-decoration: underline;
}

#wpcsidebar #contributorscorner a.ccprofilelink {
  font-weight: bold;
}

#wpcsidebar #contributorscorner table {
	padding: 0;
	margin: 0;
}

#wpcsidebar #contributorscorner td {
	padding: 0 1em 0 0;
	margin: 0;
}

#wpcsidebar #contributorscorner p {
  margin: 0 0 0.2em 0;
}

#wpcsidebar #contributorscorner #cctop {
  padding: 2em 2.5em 1em 1em;
  background: #EEE url("/irj/portalapps/com.sap.nw.pcc.cssservice/images/contributorcorner.gif") top center no-repeat;
}

#wpcsidebar #contributorscorner #ccbottom {
  padding: 0.8em 2.5em 1.5em 1em;
  background-color: #F7F7F7;
}

/* ------------- footer -------------*/

#footer {
   clear:both;
   width:100%;
   text-align: center;
   padding: 1em 0 1em 0;
}

#footer a {
  margin-left: 0.5em;
}

/* ------------- usermanagement -------------*/

ul.reglinks a {
	font-weight: bold;
}

ul.reglinks li {
	padding: 4px 0 4px 0;
}

.uminput {
	width: 18em;
}

#usermanagement td {
	padding: 4px;
}

#umsidebar {
   width: 20em;
}