/*@import "/pw/xsl/marketing/17/style/global.css";*/
/*@import "roundbuttons.css";*/

body {
    height: 100%;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 2em;
    font-weight: bold;
}

h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: .5em;
    color: #003366;

}

h2 a {
    text-decoration: none;
    color: #003366;
}
h2 a:visited {
    text-decoration: none;
    color: #003366;
}
h2 a:hover {
    color: #6699CC;
}

h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: .5em;
}

p {
    margin: .5em 0 .5em 0;
}

a,a:visited {
    color: #0033cc;
}

a.button, a.button:visited {
    color: #ffffff;
}

table {
    width: 100%;
    border-collapse: collapse;

}

th {
    text-align: left;
    padding: 2px;
    margin: 1px;
    border-spacing: 2px;
}

th.required {
    border-spacing: 2px;
    border-right: 3px solid darkred;
    margin: 10px;

}

td {
    text-align: left;
    padding: 2px;
    margin: 1px;
}

td.required {
    border-spacing: 2px;
    border-right: 3px solid darkred;
    margin: 10px;

}
td.notRequired {
    margin: 10px;
    padding-left:11px;
}

th.actionLinks {
    text-align: center;
    width: 10%
}

td.actionLinks select {
    width: 150px;
}


table.info th {
    width: 25%;
    text-align: left !important;
    vertical-align: top;
}

table.edit th {
    width: 25%;
    vertical-align: top;
}

table.list tr.odd {
    background-color: #f9f9f9;
}

#woList .even {
    background-color: #DBE6F6;

}
th.date, td.date {
    text-align: center;
}
th.currency, td.currency {
    text-align: right;
}

/*-------------------
      Header, Body and Footer
--------------------*/

/*-------------------
      Buttons
--------------------*/

div.pageSection {
    margin-bottom: 20px;
}

div.yui-g h3 {
/*border: 1px solid #cccccc;*/
    background-color: #F4F7FB;
    border-bottom:1px solid #BCD2E6;
    padding: 2px;
    color: #225281;
}

div.yui-g table.list caption {
    font-size:1.1em;
    font-weight:bold;
    margin-top:0.5em;
    background-color: #F4F7FB;
    border-bottom:1px solid #BCD2E6;
    padding: 2px;
    color: #225281;
    width: 100%;
}

/*-------------------
      Buttons
--------------------*/
div.primaryButtons {
    text-align: center;
    padding: 10px
}

h3 div.secondaryButtons {
    text-align: center;
    float: right;
}

h3 div.secondaryButtons a {
    font-size: .7em;
    margin: 0;
}

.button
{
    color:#FFFFFF;
    text-decoration:none;
    padding:2px 10px 3px 10px;
    font-weight:bold;
    font-family:Arial;
    font-size:12px;
    background: left top repeat-x #FF8C30;
    border:1px solid #DAAB86;
    height:22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    
}

.button:hover {
    background: left top repeat-x #cc6600;
}
.button:active {
    background: left top repeat-x #ff9933;
}

select.actionButton {
    color:#FFFFFF;
    text-decoration:none;
/*
    padding:2px 10px 3px 10px;
*/
    font-weight:bold;
    font-family:Arial;
    font-size:11px;

    background: #FF8C30 url(/pw/xsl/marketing/17/images/btn-bg.gif) left top repeat-x /*#FF8C30*/;
    border:1px solid #DAAB86;
    /*height:22px;*/
}

input.required {

}



#navigation { background: #216ca5 url('../images/bg_section_navb.gif') repeat-x top left; }
#navigation ul {width: 100%; clear:both; height:33px; font-family: Tahoma, Arial, Verdana, sans-serif; background: url('../images/bg_section_nav-right.gif') no-repeat top right;}
#navigation ul li { display:inline;}
#navigation ul a { display:block; float:left; border-right:1px solid #27618e; text-decoration: none }
#navigation ul span {  display:block; padding:0 19px; font-size:13px; line-height:33px; text-decoration:none; color:#fff; background: #216ca5 url('../images/bg_section_nav.gif') repeat-x top left; }
#navigation ul  span:hover { background-position:bottom left; }
#navigation ul li a.first  { width:103px; border-left:0;  }
#navigation ul li a.first span { background: url('../images/bg_section_nav-home.gif') no-repeat top left;  white-space:nowrap; }
#navigation ul li a.first span:hover { background-position:bottom; }
#navigation ul li.selected a.first { background-image:none; }
#navigation ul li.selected a.first span { background: url('../images/bg_section_nav-sel_home.gif') no-repeat top left; }
#navigation ul li a.last { width:100px; border-right:0; }
#navigation ul li a.last span { background: url('../images/bg_section_nav-right.gif') no-repeat top right;}
#navigation ul li a.last span:hover { background-position:bottom right; }
#navigation ul li.selected a.last { background: url('../images/bg_section_nav-sel_last.gif') no-repeat top right; }
#navigation ul li.selected a.last span { color:#444; background: url('../images/bg_section_nav-sel_left.gif') no-repeat top left; }
#navigation ul li.selected a { background: url('../images/bg_section_nav-sel.gif') repeat-x top right; }
#navigation ul li.selected span { color:#444; background: url('../images/bg_section_nav-sel_left.gif') no-repeat top left; }
#navigation {margin-bottom: 1em;}
#navigation .empty { height: 3px; }




/*-------------------
      Scoreboard
--------------------*/
.scoreboard {
    width: 100%;
    border-collapse: collapse;
}

.scoreboard td {
    border: 1px solid #dddddd;
    padding: 2px;
}

.scoreboard td h3 {
    padding: 0;
    background-color: transparent;
    border-bottom: none;
}

div.statistic h3 {
    font-weight: normal;
    margin: 0;
}

div.statistic p {
    font-weight: bold;
    font-size: 160%;
    margin: 0;
}

/*-------------------
      Ledger Data
--------------------*/

.ledgerData table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;

}

.ledgerData tfoot td,th {
    font-weight: bold;

}

.ledgerData th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 5px;
    background-color: #e5e5e5;
}

.ledgerData th.sort_asc {
    background: #e5e5e5 no-repeat 100% 50%;
    padding-right: 20px;
}

.ledgerData th.sort_desc {
    background: #e5e5e5 no-repeat 100% 50%;
    padding-right: 20px;
}

.ledgerData th.currency,th.percent,td.currency,td.percent {
    text-align: right;
}

.ledgerData th.date, td.date {
    text-align: center;
}

.ledgerData thead tr {
}

.ledgerData tr.odd {
    background-color: #f9f9f9;
}

.ledgerData td {
    border: 1px solid #dddddd;
    padding: 5px;
}

.ledgerData td.odd {
    border: 1px solid #dddddd;
    padding: 5px;
}

.ledgerData .nsf {
    font-weight: bold;
    color: #FF0000;
}

.ledgerData .payment {
    font-weight: bold;
    color: #1F6BBE;
}

.ledgerData .paidCharge {
    font-weight: normal;
    /*color: #999999;*/
}

.ledgerData .refund {
    font-weight: bold;
    color: #339933;
}


.ledgerData .journalEntry {
    font-weight: bold;
    color: #9900cc;
}

.ledgerData .creditMemo {
    font-weight: bold;
    color: #9900cc;
}

table.edit {
    border-collapse: separate;
    border-spacing: 2px;
    empty-cells: show;
}

span.requiredMark {
    display: none;
}

.errorBox {
    background:  #fefefe url("../../../../images/msg-box-bg.gif") repeat-x 0 0;
    margin: 1em auto 1em auto;
    padding: 2px 1em 1em 1em;
    padding-top: 2px;
    font-size: 9pt;
    width : 400px;
    text-align: left;
    border: solid 2px #ddcccc;
}

.errorBox ul {
    margin-left: 50px;
}
.errorBox li {
    list-style: disc;
}

.errorBox h3 {
    background: transparent url("../../../../images/warning.gif") no-repeat 0 0 !important;
    padding-left: 50px !important;
    padding-top: 10px !important;
    margin-top: 0;
    font-size: 9pt;
    color: red !important;
    font-weight: bold;
    text-align: left;
    height: 30px;
    border-bottom: 0 none transparent !important;
    width: auto !important;
}

input.date {
/*
    border-left: solid 1px #336699;
    border-top: solid 1px #336699;
    border-right: solid 1px #666666;
    border-bottom: solid 1px #666666;
    font-weight: bold;
    font-size: 12px;
    color: #003366;
    cursor: pointer;
    padding-right: 0;
*/
    padding: 1px;
    border: 1px solid #7f9db9;
    background: #FFFFFF url("/pw/images/cal.gif") no-repeat center right;
}


/**
 * Skin
 */
body.pw-skin-portal  {
    background: #ffffff url("../images/bg_body.png") repeat-x;
    padding-top: 30px;
}
.pw-skin-portal div#doc1  {
    background-color: white;
}
.pw-skin-portal div#hd  {
    padding: 1em 1em 0 1em;
    border: 1px solid transparent;
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}
.pw-skin-portal div#bd  {
    padding: 0 1em 1em 1em;
    border: 1px solid transparent;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    box-shadow: 3px 3px 3px 3px #E7E7E7;
    -moz-box-shadow: 3px 3px 3px #E7E7E7;
    -webkit-box-shadow: 3px 3px 3px #E7E7E7;
}
.pw-skin-portal div#ft {
    text-align: center;
    padding: 2em;
}
.pw-skin-portal div#loginDiv {
    background: transparent url(../images/bg_login.png) repeat-x;
    padding: 1em;
    //_width: 100%;
    height: 360px;
    border: 2px solid #c9ced1;
}
.pw-skin-portal div#loginDiv .primaryButtons{
    text-align: left;
}
.pw-skin-portal div#loginDiv h2 {
    background: transparent url(../images/icon_lock.png) no-repeat center right;
}
.pw-skin-portal div#loginSplash {
    background: transparent url(../images/bg_tenant_splash1.png) no-repeat;
    padding: 1em;
    border: 2px solid #c9ced1;
    height: 360px;
}
.pw-skin-portal div#nonav {
    background: transparent url(../images/bg_nonav.png) no-repeat;
    height: 13px;
}

/*-------------------
Portal Document table
--------------------*/

table.list {
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
    background-color: #fafafa;
    padding: 2px;
}

table.list th {
    background-color: #d3e3f5;
    text-decoration: underline;
    color: #505079;
    height: 25px;
    text-align: left;
}

table.list td.icon {
    vertical-align: top;
    text-align:center;
    padding-right: 10px;
}

table.list td p {
    margin-right: 20px;
    text-align:justify;
}

table.list a {
    text-decoration:underline;
    color:black;
    font-weight: bold;
}

table.list tr.even {
    background-color: #f5f5f5;
}

table.list td.fileData {
    vertical-align:top;
    font-weight:bold;
    text-align:center;
}

table.list thead tr a {
    background-color: #d3e3f5;
    text-decoration: underline;
    color: #505079;
}

#commentTable{
    width:423px;
}
#commentTable td{
    padding: 0px;

}
#commentsTop {
    background:url(/pw/images/support-portal-comments-lef-2.gif) 2px repeat-y;
    _background:url(/pw/images/support-portal-comments-lef-2.gif) repeat-y;
    vertical-align:top;
}

#commentsBottom {
    background:url(/pw/images/support-portal-comments-rig-s.gif) 2px repeat-y;
    _background-position:4px;
}
a.open {
    background: transparent url(../images/folder_open.gif) no-repeat center left;
    padding-left: 20px;
    margin-right: 10px;
}
a.close {
    background: transparent url(../images/close.gif) no-repeat center left;
    padding-left: 20px;
    margin-right: 10px;
}
ul.lookup .actionButtons {
    position: relative;
    display: none;
    font-weight: normal;
    text-align: right;
}

.communityMessage em {
    font-style:italic;

}

.communityMessage strong {
    font-weight:bold !important;
}

/**
 *  Pagination
 *
 **/

div.paginationControls a.pagePrevious {
    padding-left: 10px; background: transparent url(../../../../images/search_prevarrow.gif) no-repeat 0 50%
}

div.paginationControls a.pageNext {
    padding-right: 10px; background: transparent url(../../../../images/search_nextarrow.gif) no-repeat 100% 50%
}

div.paginationControls {
    margin: 2px 8px 2px 2px;
    float: left;
    width: 50%;
    font-weight: normal;
}

div.paginationControls .button {
    background:transparent;
    border:0;
    margin:0 1px 0 1px;
    padding:0;
}

div.paginationControls select, div.pationationControls span {
    float: left;
    font-weight: normal;
}

div.paginationControls .buttonLabel {
    float: left;
    line-height: 1.2em;
    margin: 0;
    padding: 0.2em 0 0 0;
    color: #444444;
}

/**
 *  Button
 *
 **/
div.paginationControls a.button {
	float: left;
	margin: 0 6px;
	white-space: nowrap;
	text-align: left;
	color: #444;
	text-decoration: none;
	line-height: 1.2em;
	outline: none;
}
div.paginationControls a.button.previous {
	margin: 0 2px 0 6px;
}
div.paginationControls a.button.next {
	margin: 0 0 0 2px;
}
div.paginationControls a.button b {
    display: block;
    position:relative;
    margin:0 1px;
    border:solid #aaa;
    border-width:1px 0;
    padding: 0;
    font-weight:normal;
    background:#ddd url(../../../../images/button.gif) repeat-x 0 0;
}
div.paginationControls a.button:hover b,.button.current b {
	border-color: #888;
}
div.paginationControls a.button.current b {
	z-index: 2;
	border-bottom-color: #fff;
	background-position: bottom left;
}
div.paginationControls a.button b b {
    background:none;
    margin:0 -1px;
    padding:0;
    border-width:0 1px;
}
div.paginationControls a.button b b b {
    margin: 0;
    padding: .1em .5em .2em;
    border-width: 0;
    cursor: pointer;
}
div.paginationControls a.button.previous b b b {
	padding: 0;
	height: 15.6px;
	width: 16px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../../../../images/button_arrow_left.gif) no-repeat center center;
}
div.paginationControls a.button.next b b b {
	padding: 0;
	height: 15.6px;
	width: 16px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../../../../images/button_arrow_right.gif) no-repeat center center;
}
div.paginationControls a.button.menu b b b {
    background: url(../../../../images/button_arrow_down.gif) no-repeat 100% 50%;
    padding-right: 15px;
}
div.paginationControls a.button.current b b b {
	background-image: url(../../../../images/button_arrow_up.gif);
}
div.paginationControls a.button.menu b b b span {
	display: block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div.paginationControls a.buttonLabel {
	float: left;
	line-height: 1.2em;
	margin: 0;
	padding: .2em 0 0 0;
	color: #444;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
div.box {
    display: block;
    margin: 2px;
    border: 1px solid #bbbbbb;
    color: #666666;
    background-color: #e5e5e5;
    padding: 2px;
    /*width: 100%;*/
}

#customDates .date{
    font-weight:normal;
}

#billsTabView.dateRangeFunction {
    font-weight:normal;
}

div.statement{
    border: 1px solid transparent;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
    box-shadow: 2px 2px 2px 2px #E7E7E7;
    -moz-box-shadow: 2px 2px 2px #E7E7E7;
    -webkit-box-shadow: 2px 2px 2px #E7E7E7;
    width:100%;
}

div.statementHeader{
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
    color: #8C8581;
    background-color: #F2F2F2;
    border-bottom: 2px solid #E1E1E1;
    padding: 1px 0 5px 50px;
    position: relative;
}

div.statementHeaderImage{
    background:url("../../../../images/statement_icon_owner_portal.png") no-repeat;
    position:absolute;
    height:35px;
    width:27px;
    top:-4px;
    left:11px;
    _left:-37px;
}

tr.previousBalance{
    font-size: 12px;
    background-color: #F4F4F4;
    color: #000000;
    height: 31px;
}

tr.portfolioMin{
    font-size: 12px;
    background-color: #F4F4F4;
    color: #000000;
}

tr.summaryItem{
    font-size: 12px;
    background-color: #EEEDE9;
    color: #000000;
    height: 25px;
}

tr.odd{
    background-color: #F4F4F4;
}

th.portfolioAndPeriod{
    padding: 0 0 0 10px;
}

td.balanceSummary{
    font-size: 12px;
    background-color: #DADADA;
    border-bottom: 1px solid #BBBBBB;
    color: #424041;
    padding: 0 0 0 20px;
    height: 50px;
}

td.makeContribution{
    font-size: 12px;
    background-color: #F4F4F4;
    border-left: 5px solid #FFFFFF;
    border-bottom: 1px solid #E6E6E6;
}

td.statementTitle{
    font-size: 12px;
    background-color: #B6D1E6;
    color: #424041;
    padding: 0 0 0 10px;
    height: 51px;
}

td.bottomBorder{
    border-bottom: 1px solid #E1E1E1;
    padding: 0 0 0 10px;
}

td.bottomBorderDashedSummary{
    border-bottom: 1px dashed #BFBFBF;
    height: 30px;
}

td.bottomBorderSummary{
    border-bottom: 1px solid #E1E1E1;
}

td.currentBalance{
    padding-left: 20px;
    font-weight:bold;
    height: 45px;
}

a.payOnlineLink, a.payOnlineLink:hover, a.payOnlineLink:visited{
    text-decoration:underline;
    color: #CD0505;
}

a.black, a.black:hover, a.black:visited{
    text-decoration:underline;
    color: #000000;
}

a.delete {
    background: transparent url(../../../../images/icon_delete.gif) no-repeat center left;
    padding-left: 20px;
    margin-right: 10px;
}

/** conversations **/
.convoBox { border-bottom:solid 1px #e7e7e7; padding-top:10px; }
.convoDivider { background: url(../../../../images/comment_arrow_up.gif) no-repeat scroll 10px 0 transparent; border-bottom:  1px solid #DEE4E9; height: 5px; }
.convoComment { min-height: 34px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; background:  none repeat scroll 0 0 #EFF7FA; border-bottom:  1px solid #DEE5EA; border-top: 1px solid white; }
.convoCommentBox { min-height: 34px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; background:  none repeat scroll 0 0 #EFF7FA; border-bottom:  1px solid #DEE5EA; border-top: 1px solid white; }
.convoTextBox { background-color: #FFFFFF; border: 1px solid #C7CCCE; color: #CCCCCC; border-radius: 5px 5px 5px 5px; line-height: 16px; margin: 0; outline-style: none; overflow: hidden; padding: 4px; resize: none; width: 100%; word-wrap: break-word; }