body{ 
  background-color: white;
  border: 0;
  color: #333;
  margin: 0;
  padding: 0;
  font-family: Tahoma,Arial,Verdana,Helvetica;
  font-size: 12px;
}
body.default{
  background: white url(../img/AE41_header_bkg_repeatX.gif) top repeat-x;
}
html, body {height: 100%; margin: 0px;}
frameset,frame{
  background-color: #ffffff;
  color: #000000;
  margin: 0;
  padding: 0;
}
a, .asiGrid a{
  color: #4271c6;
  text-decoration: none;
}
a:hover{
  color: #ff9933;
}
iframe#fProcess{
  border: 0px;
  display: none;
}
img{
  vertical-align: middle;
}
/* -------- GENERAL PAGE LAYOUT -------- */
.applicationHeader{
  background: transparent;
  color: white;
  border:0;
  position: relative;
  padding: 0;
  z-index: 47;
  height: 65px;
  text-align: right;
  margin-bottom: 1px;
}
#mainLayoutContainer{
  height: 100%;
}
#mainContent{
  width: 100%;
  height: 100%;
  background: white;
  border: solid #a6b7c5;
  border-width: 0px 0 0 1px;
}
#applicationFooter{
  background: #6c8782;
  border-top: 0px solid #a6b7c5;
  line-height: 45px;
  font-size: 10px;
  text-align: right;
  color:white;
  padding-right: 0px;
  border-bottom:0px solid #336600;
}
#applicationLogo a{
  float: left;
  margin-top: -1px;
}
#applicationLogo>a{
  margin-top: 0;
}
/* -------- HEADER -------- */
.applicationHeader .quickLinks{
  color: #4271c6;
  font-size: 11px;
  position: relative;
  top: 35px;
  right: 5px;
}
.applicationHeader .quickLinks a{
  color: #4271c6;
  font-weight: bold;
}
.applicationHeader .quickLinks a:hover{
  color: #ff9933;
}
.portalDate {
  font-size: 11px;
  background: transparent;
  position: absolute;
  top: 22px;
  right: 5px;
}
/* -------- SEARCH -------- */
.applicationHeader .searchBox{
  right: 100px;
  top: 8px;
  width: 230px;
  font-weight: bold;
}
#portalQueryField{
  width: 120px;
  border: 1px solid #369;
  font-size: 11px;
  }
.applicationHeader .searchBox .iButton{
  background: transparent;
  border: none;
  font-size: 10px;
  color: #ccc;
  font-weight: bold;
  cursor: pointer;
  margin-left: -5px;
}
/* --------- NO PAGE -------- */
.nopage, .nopage a{
  font-size: 12px;
  color: #f90;
}
.nopage a{
  color:#4271c6;
  }
.nopage a:hover{
  color: #f90;
}
.nopage h5{
  font-size: 12px;
  padding: 10px 0;
  border: 1px solid #f90;
  text-align: center;
}
.centerInPage.nopage p{
  text-align: center;
}
.centerInPage.nopage {
  margin: 20% 25%;
}
/* == Portal Page Headers == */
.asiPortalPageHeader, asiDialog.fullWindow .asiPortalPageHeader{
  width: 100%;
  display:block;
  background: #6c8782;
  border-bottom: 1px solid #688889;
  position:relative;
  z-index: 46;
  vertical-align: center;
}
asiDialog.fullWindow .asiPortalPageHeader h1, .asiPortalPageHeader h2, .asiPortalPageHeader h3, .asiPortalPageHeader h4, .asiPortalPageHeader h5, .asiPortalPageHeader h6{
  font-weight: bold;
  color: white;
  padding-left: 5px;
  margin: 0;
  font-size: 13px;
  line-height: 30px;
}
.asiPortalPageHeader h3, .asiPortalPageHeader h2, .asiPortalPageHeader h4{
  background: #bdd3e7;
  color: #517890;
  border-left: 1px solid #688889;
  border-right: 1px solid #688889;
}
.asiPortalPageHeader h1 img{
  padding: 5px;
  }
.asiPortalPageHeader p, .asiForm .asiPortalPageHeader p{
  display:block;
  clear: both;
  color: white;
  font-size: 11px;
  margin: 0px;
  margin-left: 34px !important;
  padding-bottom: 2px;
  width: 85%;
}
.asiPortalPageHeader a{
  color: white;
  font-weight: bold;
}
.asiPortalPageHeader .asiDropDown{
  position: absolute;
  left: 350px;
  top: 7px;
  width: 90px;
}
.asiPortalPageHeader .asiDropDown li{
  color: white;
}
.asiPortalPageHeader .asiDropDown li ul{
  top: 15px;
}
.asiPortalPageHeader .asiHeaderDropDown li{
  font-weight: bold;
  color: white;
  margin: 0;
  font-size: 13px;
  width: 350px;
}
.asiPortalPageHeader .asiHeaderDropDown li ul {
  left: 33px;
  top: 17px;
  width: 140px; 
}
.asiPortalPageHeader .asiHeaderDropDown li>ul{
  width: 146px;
  }
.asiPortalPageHeader .asiHeaderDropDown ul li{
  width: 140px;
  font-size: 11px;
  padding: 0;
  padding-left: 6px;
  }
.asiPortalPageHeader .asiHeaderDropDown{
  left: 0;
  top: 5px;
}
.asiPortalPageHeader .asiHeaderDropDown img{
  margin-right: 2px;
}
#crumbContainer *, #crumbContainer a{
  color: white;
  font-size: 11px;
  font-weight: normal;
}
#crumbContainer a:hover{
  color: #f90;
  font-size: 11px;
  font-weight: normal;
}

#crumbContainer #breadCrumbs a{
  font-weight: normal;
  font-size: 11px;
  }
#crumbContainer #breadCrumbs a:hover{
  color:#f90;
  }

/* == Input Buttons == */
input.iBlueButton, input.iOrangeButton{
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 1px 5px;
  height: 21px;
  text-align: center;
  cursor: pointer;
  width: auto;
}
input.iBlueButton{
  background: #88b1d6 url(../img/ibluebutton.gif);
  border: 1px solid #4671a0;
}
input.iOrangeButton, .asiDialog .asiForm input.iOrangeButton{
   background: #88b1d6 url(../img/ibluebutton.gif);
  border: 1px solid #4671a0;
}
/* -------- RULES  -------- */
.asiWizSteps #rulesdiv{
  border:1px solid black;
  background-color:white;
  width:96%;
  padding:4px;
  height:100px;
}
.asiWizSteps *>#rulesdiv{
  height: auto;
  min-height: 100px;
}
div#rulesdiv p{
  font-size: 11px;
  font-weight: bold;
  color: #000000;
}
div#rulesdiv p.rule{
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  margin-left: 10px;
}
div#rulesdiv a{
  font-size: 11px;
  color: #3333CC;
}
div#rulesdiv a:hover{
  font-size: 11px;
  color: #FF3333;
}
/*********************************
UNREVISED RULES
********************************/
td{
  font-family: Tahoma,Arial,Verdana,Helvetica;
  font-size: 12px;
}
th{
  font-family: Tahoma,Arial,Verdana,Helvetica;
  font-size: 12px;
}
hr{
  background-color: #999999;
  margin: 1px
  height: 1px
  width: 100%
  border: 0;
}
div.dDivider{
  background-color: #999999;
  height: 1px;
  overflow: hidden;
  margin: 0 0 10px;
}
/* -------- TITLE BAR -------- */
table.tBody{
  padding: 0;
}
table#tBody tr{
  vertical-align: top;
  height: auto;
}
div#dTitleBar{
  vertical-align: middle;
  line-height: 31px;
  height: 31px;
}
span.sPageTitle{
  color: #000066;
  font-family: Tahoma,Verdana,Arial,Helvetica;
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  padding-left: 10px;
  line-height: 28px;
  float: left;
}
span#sGroupResourceLinks a{
  color: #000066;
}
table.tChannelArea{
  width: 100%;
}
table.nopage {
  margin: 3px;
  border: 1px #ff9900 solid;
}
table.nopage td {
  color: #ff9900;
}
/* -------- PORTLETS -------- */
label.labelHidden{
  display:none;
}
div.dPortlet{ /*Outer box*/
  padding: 3px;
  margin: 6px;
}
.dPortlet .asiForm label{
  margin-top: 5px;
}
div.dPortletTitle{
  border-bottom: 1px solid #999999;
  width: 100%;
}
div.dPortletTitleFL{ /*FL = frameless*/
  border-bottom: 1px solid #999999;
}
table.tPortletTitle{
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
}
table.tPortletTitle tr, table.tPortletTitle td{
  margin: 0;
  vertical-align: middle;
  white-space: nowrap;
}
td.tdPortletTitle{
  width: 195px;
  padding: 2px;
  padding-left: 4px;
  background-color: #8aa6b4;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #999999;
  border-bottom: 0;
  overflow: hidden;
}
td.tdPortletTitleFL{
  width: 195px;
  padding: 2px;
  padding-left: 4px;
  background-color: #ffffff;
  color: #000000;
  font-size: 11px;
  font-weight: bold;
}
td.tdPortletTitleInactive{
  width: 195px;
  padding: 2px;
  padding-left: 4px;
  background-color: #f2f2f2;
  color: #999999;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #cdcccc;
  border-bottom: 0;
}
td.tdPortletTitleTab{
  width: 50px;
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-right: 1px solid #cdcccc;
  border-top: 1px solid #cdcccc;
  text-align: center;
}
td.tdPortletTitleTabActive{
  width: 50px;
  background-color: #999999;
  border: 1px solid #999999;
  text-align: center;
}
td.tdPortletTitleTab a{
  color: #3366ff;
  font-size: 11px;
  vertical-align: middle;
}
td.tdPortletTitleTabActive a{
  color: #ffffff;
  font-size: 11px;
  vertical-align: middle;
}
td.tdPortletTitleEnd{
  text-align: right;
  width: auto;
  white-space: nowrap;
  font-size: 11px;
}
img.iPortletIcon{
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
  border-bottom: 1px #999999 solid;
  border-right: 1px #999999 solid;
  background-color: #999999;
}
div.dPortletAdminBar{
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
  color: #ffffff;
  background-color: #999999;
  padding: 2px;
}
div.dPortletAdminBar a{
  color: #ffffff;
  text-decoration: none;
}
div.dPortletAdminBar a:hover{
  color: #ff9900;
}
div.dPortletAdminBar span{
  font-weight: normal;
}
div.dPortletBody{
  padding: 7px 7px 0 0;
  border-right: 1px solid #999999;
}
div.dPortletContents{
  border: 1px solid #999999;
  background-color: #ffffff;
  padding: 3px;
}
div.dMoveTarget{
  padding: 0px;
}
div.dWebPageChannel iframe{
  margin-left: auto;
  margin-right: auto;
  width: 89%;
}
/* -------- STANDARD PORTLET CONTENTS  (LEGACY) ------- */
div.dPortletCustHead{
  padding: 2px;
  border: 1px solid #999999;
  background-color: #ff9900;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
}
span.asiPortletBody{
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  display: block;
  padding: 2px;
}
span.asiPortletBody .asiForm .required{
  margin-bottom: 7px;
}
span.asiPortletBody h1{
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  margin: 0px;
  margin-bottom: 4px;
}
span.asiPortletBody input.pButton{
  border-top: 1px #cccccc solid;
  border-right: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
  border-left: 8px solid #336699;
  background-color: #6699CC;
  color: #ffffff;
}
span.asiPortletBody a{
  text-decoration: none;
  color: #0033cc;
}
span.asiPortletBody ul li{
  list-style: round; 
}
span.asiPortletBody form{
  margin-top: 2px;
}
span.asiPortletBody .asiForm{
  margin:0px;
  padding:0px;
}
span.asiPortletBody .asiForm ul, ol, span.asiPortletBody .asiForm ul legend{
  margin: 0px !important;
  margin-left: 0px;
  padding:0px;
  }
span.asiPortletBody .asiForm ul legend{
  margin-left: 0px;
  padding-left: 0px;
}
span.asiPortletBody .asiForm .fields{
  padding-bottom: 0px;
  padding-top: 0px !important;
  margin-bottom: 10px;
	position: relative;
	float: right;
	right: 10px;
	top: 4px;
  }

span.asiPortletBody .asiForm .fields label, span.asiPortletBody .asiForm .fields label input, span.asiPortletBody .asiForm .fields label input.iText{
  top: 0px;
  margin-top: 0px;
  padding-top: 0px;
}
span.asiPortletBody input{
  font-size: 11px;
}
span.asiPortletBody input.pButton{
  font-size: 12px;
  cursor: hand;
  cursor: pointer;
}
span.asiPortletBody select{
  font-size: 11px;
}
span#minispan table{ /*overrides for mini web site */
  border: 0px;
}
span#minispan table tr{
  background-color: buttonface;
}
span.asiPortletBody table.grid{
  width: 100%;
  border: 1px solid #000000;
}
span.asiPortletBody table.grid th{
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding-right: 8px;
  background-color: #003366;
  color: #ffffff;
  border-bottom: 1px solid #000000;
}
span.asiPortletBody table.grid tr{
  background-color: #ffffff;
}
span.asiPortletBody table.grid td{
  padding-right: 8px;
  white-space: nowrap;
  color: #000000;
}
span.asiPortletBody table.grid tr.band{
  background-color: #c6dae3;
}
span.asiPortletBody table.grid a{
  color: #000066;
}
span.asiPortletBody a img{
  border: 0px;
}
table.placeHolder{
  width: auto;
}
/* -------- WIZARDS -------- */
.errorPage{
  margin: 20px 20px;
  width: 90%;
  border: 1px solid #336699;
  background-color: #e3eaf0;
  font-size: 12px;
  color: black;
  text-align: left;
  vertical-align: center;
}
.errorPage ul{
  margin-bottom: 10px;
}
.errorPage li{
  padding: 2px 10px 2px 20px;
  }
.errorPage li img{
  margin-right: 5px;
  }
.errorPage li.header, .errorPage h1{
  margin: 0px;
  padding: 7px 5px;
  background: white;
  border-bottom: 1px solid #336699;
  font-size: 14px;
  font-weight: bold;
  color: #336699;
}
.errorPage li.header img, .errorPage h1 img{
  margin-right: 7px;
}
.errorPage li.message, .errorPage p{
  margin: 0px;
  font-weight: bold;
  list-style-image: none;
  padding: 10px 20px 7px 20px;
}
.errorPage .searchBox{
  margin-top: -5px;
  margin-left: 18px;
  color: white;
  font-weight: bold;
  text-align: left;
  font-size: 11px;
  display: block;
}
.errorPage .searchBox #portalQueryField{
  height: 18px;
  width: 250px;
  vertical-align:center;
  }
.errorPage .searchBox input.iButton{
  color: white;
  font-size: 12px;
  padding: 1px 7px;
  width: 50px;
  height: 21px;
  text-align: right;
  cursor: pointer;
  background: #88b1d6 url(../img/ibluebutton.gif);
  border: 1px solid #4671a0;
}
.errorPage .searchBox img{
  display: none;
}
/* -------- ADMIN PAGES -------- */
input.adminButton{
  margin-left: 2px;
  padding: 1px;
  border-top: 1px #cccccc solid;
  border-right: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
  border-left: 6px solid #336699;
  background-color: #6699cc;
  font-size: 10px;
  font-weight: normal;
  color: #ffffff;
  cursor: hand;
  cursor: pointer;
}
div.dAdminHead{
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #629bd4;
  padding-left:20px;
  font-family: Tahoma,Verdana,Arial,Helvetica;
  border-bottom: 1px solid #999999;
  font-size: 11px;
  font-weight: bold;
  color: #ffff00;
}
div.dAdminHead h1{
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}
div.dAdminHead h2{
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
}
div.dAdminHead a{
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
  color: #ffff00;
}
div.dAdminFooter{
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 5px;
  background-color: #cccccc;
  text-align: center;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
div.dAdminFooter input{
  border-top: 1px #cccccc solid;
  border-right: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
  border-left: 8px solid #336699;
  background-color: #6699CC;
  font-weight: bold;
  color: #ffffff;
  font-size: 12px;
  width: 120px;
  cursor: hand;
}
select.selSearchResults{
  font-size: 12px;
  border: 1px solid #999999;
  width: 200px;
}
div.dAdminSectionHead{
  margin-top: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #cccccc;
  padding-left:5px;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  color: #000000;
  font-size: 11px;
  font-weight: bold;
}
div.dAdminSection{
  padding: 3px;
  margin: 3px;
  font-size: 11px;
  text-align: center;
  border: 1px solid #999999;
}
/* -------- PORTAL SEARCH (NEW) -------- */
div.dSearchHead{
  background-color: #e6edf3;
  border: 1px solid #cccccc;
  margin: 10px;
  margin-right: 14px;
  margin-left: 14px;
  padding: 4px;
}
div.dSearchHead a{
  font-weight: bold;
  color: #3366ff;
  text-decoration: none;
}
div.dSearchResult{
  margin: 14px;
}
div.dSearchResult div{
   margin-bottom: 3px;
}
div.dSearchResult img{
  margin-right: 4px;
}
a.aSearchResultLink{
  font-size: 15px;
}
span.sResultLabel{
  color: #999999;
  margin-right: 3px;
}
/* -------- PAGE LISTS (LEGACY) -------- */
span.pagelist table{
  margin-top: 1px;
  border: 1px solid #999999;
}
span.pagelist table tr#tabletitle td{
  color: #ffffff;
  background-color: #003366;
  font-weight: bold;
}
span.pagelist table tr#searchbox{
  background-color: #6699cc;
}
span.pagelist table tr#searchbox td{
}
span.pagelist table tr#searchnumbers td{
  color: #ffffff;
  background-color: #003366;
}
span.pagelist table th{
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  color: #ffffff;
  background-color: #336699;
  border-bottom: 1px solid #666666;
}
span.pagelist p{
  margin: 0px;
  margin-top: 2px;
}
span.pagelist table td{
  color: #666666;
  white-space: nowrap;
}
span.pagelist table tr.band{
  background-color: #cbdcf1;
}
span.pagelist table td a{
  color: #0066CC;
  text-decoration: underline;
}
span.pagelist table td a:hover{
  color: #cc0033;
}
span.pagelist input.sInput{
  color: #000000;
  border: 1px solid #666666;
}
span.pagelist div.searchresult{
  font-size: 11px;
  margin: 2px;
  padding-bottom: 6px;
}
span.pagelist div.searchresult p{
  margin-right: 8px;
  color: #000000;
}
span.pagelist div.searchresult p.category{
  color: #aaaaaa;
}
span.pagelist div.searchresult p a{
  color: #000099;
}
span.pagelist div.searchresult p a:hover{
  color: #cc0033;
}
/* -------- CUSTOMIZE HOME PAGE  -------- */
body.bChanPicker{
  background-color:#e6edf3;
}
body.bChanPicker h3{
  color: #000066;
  padding: 5px;
}
body.bChanPicker div.dContainer{
	border: 1px solid #999999;
	margin: 5px;
  background-color:white;
}
body.bChanPicker div.dChannel{
  width:300px;
  height: 100px;
  overflow: hidden;
  float: left;
	border: 1px solid #999999;
	margin: 5px;
  background-color:white;
}
body.bChanPicker h4{
  background-color: #999999;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #999999;
  width: 100%;
}
body.bChanPicker p{
  margin: 0 5px 5px 5px;
}
body.bChanPicker input.iBlueButton{
  margin: 5px;
  float: right;
}
body.bChanPicker div.dSubmit{
  display: block;
  clear: both;
}
div.dSpacer{
  clear: both;
}
.uploadPic img {
  border: 1px solid #999;
  margin-top: 2em;
  margin-bottom: .5em;
}
/* -------- KNOWLEDGE MANAGEMENT -------- */
#asi_gridHead_kmFolderContents_1 .asiGridHeaders .asiGridTH0 img {
  display: none;
}
#asi_gridHead_agWelcomeList{
  width: 100%;
}
#asi_gridData_agWelcomeList{
  width: 100%;
}
/* -------- NAV BAR -------- */
#navigationContainer{
  background: #c6d3de url(../img/AEwatermark_vert_sm.gif) bottom right no-repeat;
  }
.navigationTabs *{
  font-size: 11px;
}
/* Alert Area */
.portalSearch, .portalAlerts{
  background: #3f6d90;
  width: 184px; 
  border: 1px solid #73899D;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 3px 9px;
  font-size: 11px;
}
.portalAlerts a{
  text-align: left;
  color: white;
  display: block;
  padding: 3px 0;
}
.portalSearch{
  padding: 4px 3px;
  width:196px;
  height: 22px;
  position: relative;
}
.portalSearch form{
  margin: 0;
}
.portalSearch .iButton{
  background: transparent;
  border: 0;
  color: white;
  font-size: 11px;
  cursor: pointer;
  margin: 0 1px 0 -5px;
}
/* Tab Area */
.navigationTabs li.tab{
  border-top: 2px solid #c6d3de;
}
.navigationTabs .tabHeader{
  background: #a2b7ca;
  border: 1px solid #73899D;
  display: block;
  font-weight: bold;
  color: #333;
}
.navigationTabs .tabHeader img{
  margin: 0px 4px 1px 6px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.navigationTabs .navOptions{
  margin: 0;
  line-height: 19px;
  background: #E3EAF0 url(../../components/img/bkg_gradient.gif);
}
.navigationTabs .asiToolbar{
  background-color: transparent;
}
.navigationTabs .asiToolbar a, .navigationTabs .asiToolbar a:hover{
  border: 0 !important;
}
.navigationTabs a:hover{
  color: #333;
  }
.navigationLinks{
  background: #e3eaf0;
  }
.navigationLinks a, .navigationLinks p{
  display: block;
  color: #4271c6;
  background: #E3EAF0;
  font-weight: bold;
  padding: 3px 9px;
}
.navigationLinks a:hover, .navigationTabs .shortcut .navigationLinks a:hover{
  background: #7b9ebd;
  color: white;
  }
.navigationLinks img, .navigationTabs li.shortcut .shortcut .navigationLinks img{
  padding: 0px; 
  padding-right: 6px;
  margin: 0px;
  }
.navigationFind{
  padding-top: 5px;
}
.navigationLinks .navigationFind input{
  border: 1px solid gray;
  margin-left: 10px;
}
.navigationLinks .navigationFind a{
  display: inline;
  position: relative;
}
.whitePagesNavLinks{
  background: #e3eaf0;
  padding-bottom: 10px;
}
.navigationLinks .whitePagesNavLinks a{
  float: left;
  width:9px;
  text-align:center;
}
.navigationLinks p{
  margin-top: 10px;
  margin-bottom: 0px;
  font-weight: normal;
  text-align: left;
}
.navigationLinks a:hover, #navigationTabs li.shortcut .shortcut .navigationLinks a:hover{
  background: #7b9ebd;
  color: white;
  }
.navHierarchyTitle{
  margin-left: 6px;
  font-weight: bold;
}
.navMenu{
  background: white;
  height: 250px;
  overflow: auto;
  width: 199px;
  padding: 3px 2px 0px 3px;
}
.navigationTabs .asiHierarchy *{
  color: #333;
}

/* Collapse control for entire menu*/
.collapseControl{
  color: white;
  width: 15px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../img/collapse_nav.gif) center no-repeat;
}
.collapseControl:hover{
  background-image: url(../img/collapse_nav_animated.gif);
}
.collapsed .collapseControl{
  background-image: url(../img/expand_nav.gif);
  right: 0px;
  top: 4px;
}
.collapsed .collapseControl:hover{
  background-image: url(../img/expand_nav_animated.gif);
}
/* Collapse behavior */
.collapsed .collapsable, .collapsed .asiTabTarget, .collapsed .navTabLabel{
  display: none !important;
}
.collapsed .portalSearch, .collapsed .portalAlerts{
  width: 22px;
  padding-right: 3px;
  padding-left: 9px;
}
.collapsed .portalAlerts img{
  padding-left: 1px;
  padding-right: 2px;
  }
.collapsed .tab{
  position: relative;
  overflow: visible;
  z-index: 3;
  height: 27px;
}
.collapsed .hover .tabHeader{
  position: absolute;
  top: 0;
  left: 0;
  width: 182px;
  height: 27px;
}
.collapsed .hover .navTabLabel{
  display: inline !important;
}
td,p{
  vertical-align: top;
}
.configbody{
  background-color: #eeeeee;
  color: #333333;
}
/*********************************
BLUE BUTTONS
*********************************/
input.cButton{
  height: 23px;
  font-size: 11px;
  cursor: pointer;
}
input.cButtonOn{
  height: 23px;
  font-size: 11px;
  cursor: pointer;
}

/*********************************
"CLICK TO PLACE CHANNEL HERE" TABLE
*********************************/
table.asiMoveTarget {
  text-align: center;
  padding: 0px;
  margin-bottom: 9px;
  width: 100%;
}
table.asiMoveTarget td{
  text-align: center;
  padding: 0px;
  margin: 0px;
  border: 1px #CC6600 solid;
  background-color: #FFCC66;
}
table.asiMoveTarget a{
  font-size: 11px;
  font-weight: bold;
  color: #663300;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  text-decoration: none;
}
table.asiMoveTarget a:hover {
  font-size: 11px;
  font-weight: bold;
  color: #CC6600;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  text-decoration: none;
}


/* Header text with verification message */
table.config span.headtext{
  font-size: 15px;
  font-weight: bold;
}
table.config span.newpginstructions{
  font-size: 11px;
  font-weight: normal;
}
table.config span.newpginstructions a{
  font-size: 11px;
  font-weight: normal;
}
table.config span.newpginstructions img{
  vertical-align: middle;
}

/*********************************
"CREATE A PAGE" PAGE TYPES
*********************************/
a.configPageType{
  font-weight: bold;
  font-size: 14px;
  text-decoration: underline;
  font-face: Arial, Verdana, Tahoma, Helvetica;
}

/*********************************
ASITWOCOLS
/* Two-column layout (Liquid) */ /*  use asiForm for forms!
*********************************/
div.asiTwoCols div.dRow{
  clear: both;
  height: 25px;
}
div.asiTwoCols div.dLeft{
  float: left;
  text-align: right;
  font-weight: bold;
  width: 32%;
  height: auto;
  min-height: 20px;
}
div.asiTwoCols div.dRight{
  float: right;
  text-align: left;
  width: 66%;
  height: auto;
  min-height: 20px;
}
div.asiTwoCols div.dCenter{
  clear: both;
  text-align: center;
  width: 100%;
  min-width: 100%;
}
div.asiTwoCols div.dRight textarea, div.asiTwoCols div.dRight select, div.asiTwoCols div.dRight input{
  width: 220px;
  border: 1px solid #999;
}
div.asiTwoCols input.iRadio{
  width: 12px !important;
  height: 12px !important;
  border: 0 !important;
}
div.asiTwoCols div.dRight textarea {
  height: 70px;
}
div.asiTwoCols div.dLink{
  float: right;
  text-align: right;
  color: #3163ff;
  width: 30%;
  margin: 2px;
}
div.asiTwoCols div.dButtons{
  clear: both;
  text-align: center;
}
div.asiTwoCols div.dButtons input{
  margin: 0 10px;
}


/*********************************
 Detail Pages
*********************************/
#tasksShowAll li, #processesShowAll li, #processModelsShowAll li{
  width: 180px;
}
#tasksShowAll li ul, #processesShowAll li ul, #processModelsShowAll li ul, #tasksContextMenu li ul, #processContextMenu li ul{
  width: 140px;
}
#tasksShowAll ul li, #processesShowAll ul li, #processModelsShowAll ul li, #tasksContextMenu ul li, #processContextMenu ul li{
  width: 133px;
}

#apGetTasks .asiGridTH1 a, #apGetProcesses .asiGridTH1 a{
  margin-left: 8px;
}

/* == Grid Footer == */
#apGetTasksFooter{
  height: 270px;
}
#apGetTasksFooter{
  margin-left: 8px;
}

 /* Grid Toolbars */
#toolbarNew{
  width: 70px;
}
#toolbarNew li>ul{
  width: 100px;
}
#toolbarNew ul>li{
  width: 87px;
}
#dTaskView .asiToolbar, #detailPane .asiToolbar{
  margin: 0;
  height: 17px;
  background-color: #e2e4e6;
  border-top: 3px outset;
  border-bottom: 1px solid #688889;
}
#dTaskView #dTaskViewContent>.asiToolbar, #detailPane .detailpage>.asiToolbar{
  height: auto;
  min-height: 21px;
  padding-bottom: 4px;
}
#dTaskViewContent>.asiToolbar a, .detailpage>.asiToolbar a{
  padding: 0 4px 4px;
}
/* Pane sizing */
.maximized .asiToolbar .restore, .minimized .asiToolbar .restore{
  display: block;
}
.minimized .asiToolbar .minimize, .maximized .asiToolbar .maximize, .asiToolbar .restore{
  display: none;
}
.maximized #apGetTasks, .maximized #apGetTasksFooter, .maximized #apGetProcesses, .maximized #apGetProcessModels,.maximized #groupListGrid{
  display: none;
}
.minimized #dTaskView, .minimized #detailPane{
  height: 20px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
}
/* NS temporary hack. (doesn't work yet) */
*>.minimize{
  display: none;
}
/* Task Accept Filter */
#dTaskViewContent .asiFilter{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-image: url(../img/filter.gif);
  z-index: 2;
}
#dTaskViewContent .warning.asiDialog{
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  height: 150px;
  z-index: 10;
}
/* Detail Views */
#dTaskView, #detailPane{
  position: relative;
  border: solid #688889;
  border-width: 1px 0 1px 0;
  height: auto;
  min-height: 430px;
  zoom: 1;
}
#detailPane{
  border-width: 1px 0 0 0;
}
#detailPane .asiFlatTabs{
  margin-bottom: 10px;
}
#detailPane .asiGridContainer td{
  line-height: 19px;
}
#dTaskView .itemHeader,#dStartView .itemHeader{
  margin: 1px;
}
#dStartView .itemHeader {
  width:100%;
}
#detailPane .itemHeader{
  margin-bottom: 2px;
}
#dTaskView .itemHeader, #dStartView .itemHeader{
  padding: 0 0 5px;
  border-bottom: 1px solid #a0b6d0;
}
#dTaskView .metadata, #detailPane .metadata, #dStartView .metadata{
  font-weight: normal;
  text-align: left;
  font-size: 11px;
  margin: 0 5px;
  float: left;
  width: 250px;
  margin-right: 50px;
}
#dTaskView .metadata, #dStartView .metadata{ 
  width: 150px;
  margin-right: 30px;
}
#dTaskView .metadata.unlabeled, #detailPane .metadata.unlabeled, #dStartView .metadata.unlabeled{
  width: auto;
}
#dTaskView .metadata strong, #detailPane .metadata strong{
  margin-right: 5px;
  float: left;
}
.profileMetadata{
  position: relative;
  height: 100px;
  padding-left: 210px;
  font-size: 11px;
  line-height: 22px;
  border-bottom: 1px solid #a0b6d0;
}
.profileMetadata .photo{
  position: absolute;
  top: 0;
  left: 25px;
  border: 1px solid black;
}
#dTaskView .taskName, #detailPane .header, #dTaskView .processName, #dStartView .taskName {
  position: relative;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 5px;
}
#dTaskView .taskName, #detailPane .name, #dTaskView .processName, #dStartView .taskName {
  color: white;
  border: 1px solid #a0b6d0;
  background: #a2b7ca;
}
#dTaskView .taskName{
  padding-bottom: 0;
}
#dTaskView .processName, #dStartView .processName{
  font-size: 11px;
  font-weight: normal;
  padding-top: 0;
  margin-bottom: 5px;
}
#dTaskView{
  /*WB SPECIFIC: Removed the background on 031305 by CDV */
  /*background: #e8eff5 url(../../process/img/taskPageExtension_bkg.gif) right repeat-y;*/
  height: 100%;
}
*>#dTaskView{
  height: auto;
  min-height: 432px;
}
#dTaskView .asiForm{
  padding: 0;
  margin: 0;
}
#dTaskView .asiForm .iButtons{
  margin-top: -3px;
  border-top: 1px solid #a0b6d0;
}
/* Task Extras */
#dTaskView .extras{
  position: absolute;
  right: 0;
  top: 23px;
  width: 200px;
  background: #c6d6e7;
}
*>#dTaskView .extras{
  top: 29px;
}
#dTaskView .extras h3{
  font-size: 11px;
  background: #a2b7ca;
  margin: 0 0 5px;
  height: 15px;
  padding: 4px 2px;
}
#dTaskView #extrasAttachments{
  height: 180px;
  overflow: auto;
}
#dTaskView #notes{
  height: 157px;
  overflow: auto;
}
#dTaskView .extras h3 .extrasHeaderButton{
  float: right;
  color: black;
  margin-top: -2px;
  width: 70px;
  text-align: center;
  cursor: pointer;
  background: #a2b7ca  url(../../components/img/toolbar_divider.gif) left center no-repeat;
}
#dTaskView .extras a, #dTaskView .extras p{
  margin: 3px 3px 0 17px;
  padding-bottom: 3px;
  font-size: 11px;
  display: block;
}
#dTaskView .extras .comment{
  margin-top: 0;
}
#dTaskView .extras p a{
  display: inline;
  padding: 0;
  margin: 0;
}
#dTaskView .extras a img, #dTaskView .extras p img{
  margin-left: -17px;
}
/* Form Area */
.formArea{
  position: relative;
  background: white;
  width: 500px;
  border: 1px solid #a0b6d0;
  margin: 5px auto;
}
#dTaskView .workArea{
  /* WB SPECIFIC: Changed the right thing as we no longer want extras*/
  /*margin-right: 200px;*/
  margin-right:10px;
  height:317px;
}
#dTaskView .headerInfo{
  background: white;
  color: black;
  font-size: 11px;
	width: 96%;
	letter-spacing: normal;
	margin: 5px 0px 10px 5px;
	padding-bottom: 7px;
}
#detailPane .emptyMessage, #dTaskView .emptyMessage{
  position:relative;
  text-align: center;
  margin: -1px 0 0;
  padding: 20px 0 400px;
  background: white;
  font-size: 11px;
}

/* WB SPECIFIC :Process Detail: Added to fix the bug of background showing below NO TASK view */
#dTaskView .noTask{
 position:relative;
 text-align:center;
 margin:-1px 0 0;
 padding: 20px 0 400px;
 font-size: 11px;
}

/* Process Detail: Task Listings */
#detailPane .alternate{
  background-color: #e9e9e9;
}
#detailPane .asiHeader{
  margin: 20px 0 0;
  background: #c6d6e7;
  font-size: 11px;
  border-bottom: 1px solid #688889;
}
#currentTasks table{
  position: relative;
}
#currentTasks .asiGrid td .asiToolbar img{
  margin-right: 0;
}
#detailPane .taskData{
  padding-left: 100px;
  height: 110px;
  position: relative;
  line-height: 20px;
  font-size: 11px;
}
#detailPane .thumbnail{
  position: absolute;
  top: 5px;
  left: 20px;
}
#detailPane .taskData h3{
  font-size: 12px;
  margin: 0;
}
#detailPane .taskData .asiToolbar{
  background: transparent;
  border: 0;
  margin: 10px 0;
}
#detailPane .taskData .asiToolbar a{
  border-color: white;
  float: left;
}
#detailPane .alternate .asiToolbar a{
  border-color: #e9e9e9;
}
#detailPane #attachments{
  position: relative;
}
#currentTasks .asiHeader, #detailPane #attachments form{
  margin-top:0;
}


/*	Added by Lojek 12/11/2003
	from asi_ags_css.jsp but div. changed to div. */


/* -------- PERSONALIZATION PAGE HEADER -------- */
div.agheader {
  width: 100%;
  background-color: #eeeeee;
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left:10px;
  font-family: Arial,Verdana;
  font-weight: bold;
  color: #336699;
  font-size: 18px;
  border-bottom: 1px #6699cc solid;
}

div.agheader a{
color: #3996EF;
text-decoration: none;
}

div.agheader a:hover{
color: #ff9900;
text-decoration: underline;
}

div.agheader font.nobold{
  font-weight: normal;
}

/* -------- GENERIC HIGH-LEVEL CONTAINER DIV -------- */

div.agpg {
  border: 0px;
  width: 100%;
  font-family: Tahoma, Arial;
  font-size: 11px;
  color: #003366;
}

div.agpg p {
  border: 1px #336699 solid;
  width: 440px;
  margin-left: 20px;
  background-color: #E8F1F5;
}

div.agpg label {
  width: 120px;
  text-align: right;
  padding-right: 4px;
  height: 25px;
  padding-top: 9px;
}

div.agpg input, table.gdptable input {
  height: 16px;
  width: 250px;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
  border-right: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
  font-family: Tahoma,Arial;
  font-size: 11px;
  color: #333333;
  padding-left: 3px;
  }

div.agpg select {
  height: 20px;
  width: 250px;
  font-family: Tahoma;
  font-size: 11px;
  color: #333333;
  background-color: #ffffff;
  }

/*********************************GENERIC HIGH-LEVEL CONTAINER SPAN*********************************/

span.agpg {
  border: 0px;
  width: 100%;
  font-family: Tahoma, Arial;
  font-size: 11px;
  color: #003366;
}

span.agpg p {
  border: 1px #336699 solid;
  width: 440px;
  margin-left: 20px;
  background-color: #E8F1F5;
}

span.agpg font {
  text-align: center;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  width: 100%;
  background-color: #ffffff;
  padding: 10px;
  border-bottom: 1px #336699 solid;
  color: #003366;
}

span.agpg label {
  width: 120px;
  text-align: right;
  padding-right: 4px;
  height: 25px;
  padding-top: 9px;
}

span.agpg input {
  height: 20px;
  width: 250px;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
  border-right: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
  font-family: Tahoma,Arial;
  font-size: 11px;
  color: #333333;
  padding-left: 3px;
  }

span.agpg select {
  height: 20px;
  width: 250px;
  font-family: Tahoma;
  font-size: 11px;
  color: #333333;
  background-color: #ffffff;
  }

/* -------- TABLE STYLES -------- */
table.gdphtable{
  text-align: center;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  width: 100%;
  background-color: #ffffff;
  padding: 10px;
  border-bottom: 1px #336699 solid;
  color: #003366;
}

table.gdptable{
  margin-top: 10px;
}

table.gdptable td {
  font-family: Tahoma;
  font-size: 11px;
  color: #333333;
  vertical-align: top;
  font-weight: normal;
  padding:3px;
}

table.gdptable span.noedit {
  font-family: Tahoma;
  font-size: 11px;
  color: #333333;
  vertical-align: top;
  padding-top: 3px;
  width: 220px;
}

table.gdptable label {
  width: 130px;
  text-align: right;
  height: 20px;
  padding-top: 3px;
  vertical-align: top;
  color: #003366;
}

table.gdptable a {
  text-decoration: none;
  color: #0355A3;
}

table.gdptable a:hover {
  text-decoration: underline;
  color: #ff9900;
}

table.gdptable textarea {
  width: 250px;
  height: 60px;
  font-family: Tahoma;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
  border-right: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
  padding-left: 3px;
}

table.gdptable td textarea{
 width: 138px;
 font-family: Tahoma,Arial,Verdana,Helvetica;
 font-size: 11px;
}

/* buttons inside profiles, e.g., "find */
table.gdptable td input{
 width: 138px;
 font-family: Tahoma,Arial,Verdana,Helvetica;
 font-size: 11px;
}

table.gdptable input.inbutton {
  height: 20px;
  background-color: #6699CC;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  width: 53px;
}

table.gdptable input.inbuttonon {
  height: 20px;
  background-color: #9CCFFF;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  width: 53px;
}

/* -------- TABLE BOTTOM ROW CONTAINING SUBMIT BUTTON -------- */
/* -------- NOT RESTRICTED TO gdptable -------- */

td.gdptablebr {
  border-top:1px #336699 solid;
  background-color: #D6E3EF;
  height: 34px;
  vertical-align: middle;
  padding-top: 6px;
  width: 100%;
  padding-bottom: 7px;
}

td.gdptablebr input {
   width:120px;
}

/* -------- RIGHT/VERTICAL TOOLBAR  -------- */
td.gdpo {
  background-color: #6699cc;
  vertical-align: top;
  border-left: 1px #D5E9FC solid;
  width:210px;
}

td.gdpo pre {
  font-family: Arial;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  line-height: 30px;
  background-color: #8FBDEB;
  width: 180px;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 8px;
  margin-top: 7px;
  margin-right: 7px;
  margin-left: 7px;
  
  border: 1px #eeeeee solid;
}

td.gdpo a {
  color: #ffffff;
  font-family: Tahoma, Arial;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  border: none;
  margin-left: 0px;
  margin-right: 0px;
}

td.gdpo a:hover {
  color: #ffffff;
  text-decoration: none;
  border: none;
  margin-left: 0px;
  margin-right: 0px;
}

td.gdpo td.hoveroff {
  width: 170px;
  border: 1px #6699cc solid;
  padding: 5px;
}

td.gdpo td.hoveron {
  width: 170px;
  background-color: #F2BF66;
  border: 1px #ffffff solid;
  padding: 5px;
}

table.gdpo {
	margin-left: 7px;
}

/* -------- DEPRECATED.  USE ASI.ALERT FOR WARNINGS -------- */
div.agwarn {
  border: 0px;
  width: 80%;
  font-family: Tahoma, Arial;
  font-size: 11px;
  color: #ff9900;
  border: 1px #ff9900 solid;
  margin-bottom: 20px;
  padding: 10px;
  line-height: 20px;
  font-weight: bold;
}

/* -------- TOP/HORIZONTAL TOOLBAR -------- */
td.aglist{
  padding: 2px;
  width: auto;
}

div.aglist{
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  padding: 4px;
  color: #111111;
  background-color: #ffffff;
  width: 85%;
}

div.aglist h1{
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin: 0px;
  margin-bottom: 4px;
  color: #003399;
}

div.aglist p{
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  margin: 0px;
  margin-bottom: 4px;
  color: #333333;
}

div.aglist a{
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #0355A3;
}

div.aglist a:hover{
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
  color: #ff9900;
}

div.aglist form{
  margin-top: 15px;
}

div.aglist label{
  font-size: 11px;
  vertical-align: middle;
  text-align: right;
  margin-right: 4px;
  width: 120px;
  color: #333333;
}

div.aglist input{
  font-family: Tahoma,Arial,Helvetica,Verdana;
  font-size: 11px;
  color: #333333;
}

div.aglist input.pButton{
  font-family: Tahoma,Arial,Helvetica,Verdana;
  font-size: 12px;
  cursor: pointer;
  border-top: 1px #cccccc solid;
  border-right: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
  border-left: 8px solid #336699;
  background-color: #6699CC;
  font-family: helvetica;tahoma,arial,verdana;
  color: #ffffff;
  font-size: 11px;
}

div.aglist select{
  font-family: Tahoma,Arial,Helvetica,Verdana;
  font-size: 11px;
  color: #333333;
}

div.aglist table{
  width: 99%;
  border: 1px solid #CCCCCC;
  margin-top: 5px;
  margin-left: 4px;
}

div.aglist th{
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding: 5px;
  background-color: #6699CC;
  color: #ffffff;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  vertical-align: middle;
}

div.aglist tr{
  background-color: #ffffff;
}

div.aglist tr.band{
  background-color: #eeeeee;
}

div.aglist td{
  font-size: 11px;
  font-weight: normal;
  padding-right: 8px;
  vertical-align: middle;
  white-space: nowrap;
  color: #333333;
}

div.aglist td.top {
  background-color: #eeeeee;
  height: 27px;
}

div.aglist a img{
  border: 0px;
}

/* -------- FRAME FOR "VIEW/EDIT RULES" -------- */
div.gdp {
  border: 0px;
  width: 100%;
  font-family: Tahoma, Arial;
  font-size: 11px;
  color: #003366;
  vertical-align: top;
  margin-top: 20px;
  text-align: center;
}

div.gdp p {
  width: 450px;
  border: 1px #336699 solid;
  background-color: #E8F1F5;
}

div.gdp font {
  text-align: center;
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  width: 100%;
  background-color: #ffffff;
  padding: 10px;
  border-bottom: 1px #336699 solid;
}

div.gdp select {
  height: 20px;
  width: 251px;
  font-family: Tahoma;
  font-size: 11px;
  color: #333333;
  background-color: #ffffff;
  }

/* -------- SUBMIT BUTTON, LESS COMMON TYPE -------- */
.agsubmit {
  width: 110px;
  height: 20px;
  font-size: 11px;
  cursor: pointer;
  border-top: 1px #cccccc solid;
  border-right: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
  border-left: 8px solid #336699;
  background-color: #6699CC;
  font-family: "tahoma,arial,verdana";
  color: #ffffff;
  font-weight: bold;
}

.agsubmiton {
  width: 110px;
  height: 20px;
  font-size: 11px;
  cursor: pointer;
  border-top: 1px #cccccc solid;
  border-right: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
  border-left: 8px solid #6699CC;
  background-color: #99CCFF;
  font-family: "tahoma,arial,verdana";
  color: #ffffff;
  font-weight: bold;
  }

span.agsubmitrow {
  text-align: right;
  padding-top: 10px;
}

/* -------- ERROR MESSAGE -------- */
span.error {
  font-family: Arial;
  font-size: 12px;
  color: #E50404;
  font-weight: bold;
}

span.error div {
  padding-left: 20px;
}

/* -------- SUCCESS MESSAGE -------- */
span.success {
  font-family: Arial;
  font-size: 12px;
  color: #009933;
  font-weight: bold;
  text-align: center;
  width: 100%;
}



/* -------- SORTING IMAGE -------- */
.sort {
  background-color: #003366;
}

.sorton {
  background-color: #ff9900;
}

/***************************************
NEW CREATE A GROUP WIZARD
****************************************/

span.awiz {
  width: 100%;
  text-align: center;
}

span.awiz span.awtable {
  width: 500px;
  border: 1px #31659C solid;
  text-align: left;
  margin-top: 20px;
}

/* wizard title space - usually contain descriptions of a step */
span.awiz span.awtable span.awtitle {
  text-align: center;
  vertical-align: middle;
  width: 100%;
  padding: 10px;
}

/* wizard title text */
span.awiz span.awtable span.awtitle font.text {
  font-family: Arial;
  color: #003063;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}

/* background needed for class stepnum in order to create 1px blue border around steps */
span.awiz span.awtable span.awtitle span.stepnumbg {
  width: 50px;
  height: 17px;
  background-color: #639ACE;
  margin-right: 8px;
  vertical-align: middle;
}

/* step & # that appears next to the titles */
span.awiz span.awtable span.awtitle span.stepnumbg span.stepnum {
  width: 48px;
  height: 17px;
  background-color: #639ACE;
  color: #ffffff;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border: 1px #ffffff solid;
  padding-left: 1px;
}

/* main part of wizards where options are listed, etc. - pale blue background */
span.awiz span.awtable span.awbody {
  background-color: #EFF3F7;
  border-top: 1px #31659C solid;
  border-bottom: 1px #31659C solid;
  width: 100%;
  padding: 25px;
  font-family: Tahoma;
  font-size: 11px;
  color: #003063;
}

/* main part of success pages - pale blue background */
span.awiz span.awtable span.success {
  background-color: #EFF3F7;
  border-top: 1px #31659C solid;
  width: 100%;
  font-family: Tahoma;
  font-size: 11px;
  color: #003063;
  font-weight: normal;
  padding-bottom:35px;
  text-align: left;
  padding-left: 170px;
  line-height: 30px;
}

img.asiHeaderIMG{
  border-top: 1px #C4DFF3 solid;
  border-left: 1px #C4DFF3 solid;
  border-right: 1px #006699 solid;
  border-bottom: 1px #006699 solid;
  background-color: #336699;
  margin-right: 3px;
}

img.asiHeaderIMGOn{
  background-color: #EA8B04;
  border-top: 1px #FFCC33 solid;
  border-left: 1px #FFCC33 solid;
  border-right: 1px #CC6600 solid;
  border-bottom: 1px #CC6600 solid;
  margin-right: 3px;
}

span.awiz span.awtable span.success a{
  text-decoration: none;
  color: #00659C;
  height: 22px;
}

span.awiz span.awtable span.success a:hover{
  text-decoration: underline;
  color: #ff9900;
}

/* slight left padding for descriptions of options, e.g., first page of addgroup.jsp */
span.awiz span.awtable span.awbody div.optdesc {
  padding-left: 18px;
  line-height: 20px;
}

/* row at the bottom of all wizards containing submit buttons */
span.awiz span.awtable span.submitrow {
  text-align: center;
  background-color: #D6E3EF;
  height: 40px;
  width: 100%;
  padding-top: 8px;
}

/* Table containing breadcrumbs that update w/ each new wizard page */
table.steps {
  background-color: #EFF3F7;
  border-bottom: 1px #7DABD6 solid;
  height: 36px;
  width: 100%;
  font-family: Arial;
  font-size: 12px;
  text-align: center;
  color: #666666;
}

table.steps td {
  vertical-align: middle;
}

/* sets the bg of the # of the current step in the wizard breadcrumbs to create a 1px color border */
table.steps span.currbg {
  background-color: #ff9900;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

/* sets the bg of the # of the non-current step in the wizard breadcrumbs to create a 1px color border */
table.steps span.notcurrbg {
  background-color: #999999;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

/* sets the bg of the # of the done step in the wizard breadcrumbs to create a 1px color border */
table.steps span.donebg {
  background-color: #009900;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

/* sets the text of the current step in the wiz breadcrumbs */
table.steps span.currindic {
  background-color: #ff9900;
  width: 16px;
  height: 16px;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  border: 1px #ffffff solid;
  vertical-align: middle;
  text-align: center;
  padding-left: 1px;
}

/* properties of the non-current steps in the wiz breadcrumbs */
table.steps span.stepindic {
  background-color: #999999;
  width: 16px;
  height: 16px;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  border: 1px #ffffff solid;
  vertical-align: middle;
  text-align: center;
  padding-left: 1px;
}

/* steps completed in the wiz breadcrumbs - same as non-current steps */
table.steps span.doneindic {
  background-color: #009900;
  width: 16px;
  height: 16px;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  border: 1px #ffffff solid;
  vertical-align: middle;
  text-align: center;
  padding-left: 1px;
}

/* text color of current step in wiz breadcrumbs */
table.steps span.currstep {
  color: #ED9004;
}

/* text color of done step in wiz breadcrumbs */
table.steps span.donestep {
  color: #009900;
}

span.awiz span.awtable span.awbody label {
  vertical-align: top;
  text-align: right;
  width: 120px;
  padding-top: 3px;
  padding-right: 2px;
}

span.awiz span.awtable span.awbody label.short {
  vertical-align: top;
  text-align: right;
  width: 90px;
  padding-top: 3px;
  padding-right: 2px;
}

span.awiz span.awtable span.awbody input.field {
  width: 210px;
  height: 20px;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
  border-right: 1px #333333 solid;
  border-bottom: 1px #333333 solid;
  margin-bottom: 3px;
  font-family: Tahoma;
  font-size: 11px;
  color: #333333;
  padding-left: 2px;
  padding-top: 1px;
}

span.awiz span.awtable span.awbody input.fieldshort {
  width: 180px;
  height: 20px;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
  border-right: 1px #333333 solid;
  border-bottom: 1px #333333 solid;
  margin-bottom: 3px;
  font-family: Tahoma;
  font-size: 11px;
  color: #333333;
  padding-left: 2px;
  padding-top: 1px;
}

span.awiz span.awtable span.awbody select.field {
  width: 210px;
  margin-bottom: 3px;
  font-family: Tahoma;
  font-size: 11px;
  color: #333333;
  padding-left: 2px;
  padding-top: 1px;
}

span.awiz span.awtable span.awbody select.fieldshort {
  width: 75px;
  margin-bottom: 3px;
  font-family: Tahoma;
  font-size: 11px;
  color: #333333;
  padding-left: 2px;
  padding-top: 1px;
}

span.awiz span.awtable span.awbody textarea.field {
  width: 211px;
  font-family: Tahoma;
  font-size: 11px;
  color: #333333;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
  border-right: 1px #333333 solid;
  border-bottom: 1px #333333 solid;
  margin-bottom: 3px;
  padding-left: 2px;
}

/* for any extra buttons inside wizard, such as "browse" or "seach..." buttons */
span.awiz span.awtable span.awbody input.findbutton {
  width: 58px;
  height: 20px;
  background-color: #6699cc;
  font-family: Tahoma;
  font-size: 11px;
  color: #ffffff;
  vertical-align: middle;
  margin-bottom: 7px;
  border-left: 1px #cccccc solid;
  border-top: 1px #cccccc solid;
  border-right: 1px #333333 solid;
  border-bottom: 1px #333333 solid;
  cursor: pointer;
}

/* onMouseOver class for buttons inside wizard body - same as findbutton (above) but paler bgcolor */
span.awiz span.awtable span.awbody input.findbuttonon {
  width: 58px;
  height: 20px;
  background-color: #99CCFF;
  font-family: Tahoma;
  font-size: 11px;
  color: #ffffff;
  vertical-align: middle;
  margin-bottom: 7px;
  border-left: 1px #cccccc solid;
  border-top: 1px #cccccc solid;
  border-right: 1px #333333 solid;
  border-bottom: 1px #333333 solid;
  cursor: pointer;
}

/* link for "tell me more" views */
span.awiz span.awtable a.morelk {
  font-family: Tahoma;
  font-size: 11px;
  color: #0066CC;
  text-decoration: none;
  margin-left: 2px;
  vertical-align: middle;
  height: 22px;
}

span.awiz span.awtable a.morelk:hover {
  color: #ff9900;
  text-decoration: underline;
}

span.awiz span.awtable span.awbody span.moreinfo {
  margin-top: 10px;
  background-color: #ffffff;
  border: 1px #ED9004 solid;
  vertical-align: middle;
  text-align: center;
  padding: 8px;
  width: 100%;
  color: #ED9004;
}

span.awiz span.awtable span.awbody span.note {
  line-height: 20px;
  width: 100%;
  color: #009900;
  text-align: center;
}

/* to be used for any options that have radio buttons - see Step 2 of addgroup.jsp where attributes for a Group Type are listed */
span.awiz span.awtable span.awbody span.attrib {
  height: 23px;
}

/***************************************
WIZARD STEP
****************************************/

table.tWizStep td.tdWizStepFormRight input{
 width: 138px;
 font-family: Tahoma,Arial,Verdana,Helvetica;
}
table.tWizStep td.tdWizStepFormRight textarea{
 width: 138px;
 font-family: Tahoma,Arial,Verdana,Helvetica;
}
table.tWizStep td.tdWizStepFormRight select{
 width: 144px;
 font-family: Tahoma,Arial,Verdana,Helvetica;
}
table.tWizStep td.tdWizStepFormTwoCol{
  border-right: 1px solid #336699;
  border-left: 1px solid #336699;
  background-color: #EFF3F7;
  font-size: 11px;
  color: #003063;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
	  <!-- Installer:Start Process -->

/*********************************
TASK OPTIONS (SKIP, REASSIGN, REJECT)
*********************************/
.dialogWiz.main{
	height:400px;
}
.dialogWiz .leftHeader{
	position:absolute;
	top:30px;left:15px;
}
.dialogWiz .rightHeader{
	position:absolute;
	top:30px;left:100px;
	padding-top:10px
}
.dialogWiz .currStepForm,.dialogWiz .notCurrStepForm{
	position:absolute;
	top:130px;left:0;
	width:630px;
	padding:10px;
}
.dialogWiz .notCurrStepForm{
	display:none;
}
#asi_grid_processNotes .asiToolbar,#asi_grid_taskNotes .asiToolbar{
 border-top: 0;
  border-bottom: 0;
}
#asi_grid_processNotes tbody td,#asi_grid_taskNotes tbody td{
  padding: 0;
}
#asi_grid_processNotes tbody th,#asi_grid_taskNotes tbody th{
  padding: 0;
}
#asi_grid_processNotes .asiGridTD0, #asi_grid_processNotes .asiGridTH0, #asi_grid_taskNotes .asiGridTD0, #asi_grid_taskNotes .asiGridTH0{
  display: none;
}
#asi_grid_processNotes .asiGridTD1, #asi_grid_processNotes .asiGridTD2, #asi_grid_taskNotes .asiGridTD1, #asi_grid_taskNotes .asiGridTD2{
  vertical-align: top;
}
#asi_grid_processNotes .asiGridTD1 div, #asi_grid_processNotes tbody img, #asi_grid_processNotes .asiGridTD2 div, #asi_grid_processNotes p, #asi_grid_taskNotes .asiGridTD1 div, #asi_grid_taskNotes tbody img, #asi_grid_taskNotes .asiGridTD2 div, #asi_grid_taskNotes p{
  padding: 2px 10px;
}
#asi_grid_processNotes .msgAuthorName, #asi_grid_processNotes .msgTitle, #asi_grid_processNotes .asiToolbar, #asi_grid_taskNotes .msgAuthorName, #asi_grid_taskNotes .msgTitle, #asi_grid_taskNotes .asiToolbar{
  background-color: #adc3ce;
  line-height: 25px;
  white-space: nowrap;	
}
#asi_grid_processNotes .asiToolbar a, #asi_grid_taskNotes .asiToolbar a{
	border-color: #adc3ce;
}
#asi_grid_processNotes .msgDatePosted,#asi_grid_taskNotes .msgDatePosted{
  color: white;
	padding: 0 60px 0 10px;
}

/* == Individual Message Content == */
div.messageText{
	word-wrap: break-word; 
  margin-top: 0;
  padding-top: 0;
  margin: 10px;
  width: 500px;
  overflow: auto;
}
.noteContent{	
	width:340px;
	height: 170px; 
	overflow: auto;
	font-size: 11px;
  border: 1px solid #a0b6d0;
  font-family: Arial;
}

div.noteButton{
	text-align: center;
  padding: 20px;
}

#asi_grid_processNotes tbody tr, #asi_grid_taskNotes tbody tr{
  cursor: default;
}
/*Main Configuration Page*/
.configureForm h2 .asiToolbar{
  padding-right: -5px;
  }
textarea.formsField, .dialogSection .sectionBody .subSection .subSectionBody textarea.formsField{
  overflow: auto;
  height: 40px;
  width: 85%;
  }
.quickBar{
  float: right;
  display: block;
  width: 70%;
  text-align: right;
  font-weight: normal;
}
.quickBar a, .quickBar input{
  vertical-align: top;
}
.quickBar input{
  margin-top: -2px;
}
.configureForm .subSectionBody label{
  font-weight: bold;
  margin-right: 7px;
  width: 90px;
}
.footer{
  padding: 10px;
  background-color: #BDCBD6;
  height: 20px;
}
#nonDynamic .asiGrid{
  margin-bottom: 30px;
}
#formSelectTabContentContainer{
  top: 120px;
  left: 199px;
  width: 461px;
	height:200px;
  padding: 10px;
}
#formSelectTabContentContainer label{
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
		<!-- Installer:End Process -->
/*==============================================
This file controls the general appearance of reusable Interface components.
Positioning should be overridden separately.
IMPORTANT: Modifying these classes impact ALL of the components
throughout the whole application.
===============================================*/
/* General Settings*/
.cogitating *{
  cursor: wait !important;
}
a {
  cursor:pointer;
}
ul, ol{
  list-style: none;
  margin: 0;
  padding: 0;
}
li{
  list-style: none;
}
img{
  border: 0;
  vertical-align: middle;
}
.disabled {
  color: #666 !important;
}
/* Liquid Layout Spacer */
.asiSpacer{
  clear: both;
  height:0 !important;
  overflow: hidden;
}
/* Horizontal Divider */
.asiDivider{
  background-color: #999999;
  height: 1px !important;
  overflow: hidden;
  margin: 2px;
  clear: both;
}
/* Please Wait */
.asiWait{
  background: url(../../components/img/waiting_animated.gif) no-repeat center;
  margin: 0 auto;
  text-align: center;
  font: 11px #333;
}
/* Instructions */
.asiInstructions{
  margin: 40% auto;
  padding: 0 5%;
  text-align: center;
  font: 11px #333;
}
.asiInstructions a{
  font-weight: bold;
}
/*New Filter */
.asiFilterIframe {
  position: absolute;
  height: 100%;
  filter: alpha(Opacity: 0);
  -moz-opacity:0;
  opacity:0;
}
.asiFilterDiv{
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url(../../components/img/filter.gif);
}
/*********************************
 TOOLBAR
*********************************/
.asiToolbar{
  margin: 0 10px;
  padding-left: 3px;
  background: #d5e5f3 url(../../components/img/toolbar_divider.gif) left center no-repeat; 
}
.asiToolbar a{
  font-size: 11px;
  color: #333;
  font-weight: normal;
  border: 1px solid #d5e5f3;
  padding: 2px 4px;
  white-space: nowrap;
}
.asiToolbar a:hover{
  border: 1px outset !important;
  color: #36f;
}
.asiToolbar img{  
  padding-right: 2px;
}
.asiPortalPageHeader .asiToolbar, .dialogSection h2 .asiToolbar{
  height: 20px;
  vertical-align:center;
  display: block;
  background: #d5e5f3 url(../../img/toolbar_divider.gif) left center no-repeat;
  margin: 0;
  border: solid #bdd3e7;
  border-width: 1px 0;
}
.asiPortalPageHeader .asiToolbar, .dialogSection h2 .asiToolbar{
  margin: 0 0 0 -5px;
}
*>.asiPortalPageHeader .asiToolbar, *>.dialogSection h2 .asiToolbar{
  margin: 0;
}
.asiPortalPageHeader .asiToolbar a, .dialogSection h2 .asiToolbar a{
  float: left;
}
.asiPortalPageHeader h1>.asiToolbar{
  height: 40px;
}
.asiHeader .asiToolbar{
  position: absolute;
  right: 0;
  top: 0;
  background-color: #bdd3e7;
}
.asiHeader .asiToolbar a{
  border-color: #bdd3e7;
}
.asiToolbar .move, .asiToolbar .maximize, .asiToolbar .minimize, .asiToolbar .restore{
  float: right;
  width: 10px;
}
.asiToolbar .move{
  cursor: n-resize;
  background: url(../../components/dialogs/img/move_blue.gif) top left  no-repeat;
}
.asiToolbar .maximize{
  background: url(../../components/dialogs/img/maximize_blue.gif) top left no-repeat;
}
.asiToolbar .minimize{
  background: url(../../components/dialogs/img/minimize_blue.gif) top left  no-repeat;
}
.asiToolbar .restore{
  background: url(../../components/dialogs/img/restore_blue.gif) top left  no-repeat;
}
.tabular{
  margin: 4px 0;
  padding: 0;
  border-width: 0px !important;
}
.tabular label{
  float: left;
  width: 25%;
  text-align: right;
  font-weight: bold;
}
.tabular .tabularData{
  float: right;
  text-align: left;
  width: 73%;
}
.tabular.thin label{
  width: 16%;
}
.tabular.thin .tabularData{
  width: 82%;
}
.tabular.wide label{
  width: 49%;
}
.tabular.wide .tabularData{
  width: 49%
}
.dialogSection{
  border: 1px solid #A6B7C4;
  margin: 7px;
  background-color: #EFEFEF;
  width: 98%;
}
.dialogSection h2{
  background-color: #ABC2D5;
  font-size: 13px;
  margin: 0;
  padding: 0px 0px 0px 5px;
  font-weight: bold;
}
.dialogSection h2 .asiDropDown{
  top: 4px;
}
.dialogSection h2 .help{
  margin-left: 20px;
  font-weight: normal;
  padding-left: 18px;
  background: #ABC2D5 url(../../components/toolbar/img/info.gif) left center no-repeat;
}
.dialogSection .asiDropDown, .asiForm .asiDropDown{
  position: absolute;
  top: 2px;
  left: -8px;
}
.dialogSection .sectionBody{
  margin: 3px;
  padding: 3px;
  background-color: white;
}
.dialogSection .sectionBody .subSection h3{
  margin: 0;
  padding: 3px;
  font-size: 13px;
  background-color: #d5e5f3;
}
.dialogSection .sectionBody .subSection .subSectionBody{
  padding: 7px 3px 0px 7px;
 }
.dialogSection .sectionBody .subSection .subSectionBody .asiForm p{
  margin-left: 7px; 
  width: 38%;
}
.dialogSection .sectionBody .subSection .subSectionBody .formsField{
  width: 85%;
}
/*********************************
HIERARCHY COMPONENT
*********************************/
.asiHierarchy ul, ul.asiHierarchy{
  list-style: none outside;
  margin-left: 0;
  padding: 0;
}
.asiHierarchy li{
  margin-left: 11px;
  text-indent: 0em;
  border: 0;
  white-space: nowrap;
}
.asiHierarchy ul li.isTerminal {
  background: url(../../img/hierarchy_dotsterminal.gif) no-repeat top left;
}