@import url(../Pay/Pay.css);

.RegGood { color:#009900; }
.RegBad  { color:#cc0000; }
.RegMaybe { color:#cc9900; }
.RegSecondary { color:#aaa; }

.recommended {
    background-image:url(overview.png);
    background-repeat:no-repeat;
    background-position:0px 8px;
    padding:10px;
    padding-left:25px;
    font-weight:bold;
    color:green;
}

div.EvtReg_waitlist_ctrl {
    border:1px dotted #999;
    width:250px;
    padding:0px;
    float:right;
    background-color:white;
}
div.EvtReg_waitlist_ctrl a {
    font-weight:normal;
    display:block;
/*    line-height:150%;*/
    text-decoration:none;
    width:235px;
    padding:5px 5px 5px 10px;
}
div.EvtReg_waitlist_ctrl a:hover {
    background-color:#ccc;
}
/*div.EvtSessionRegistrant {
    padding-left:50px;
}*/

table.EvtWiz {
   padding:5px;
   border:1px solid grey;
   margin-bottom:10pt;
}
table.EvtWiz caption {
   padding:5px;
   font-size:120%;
   font-weight:bold;
}
table.NewFee {
    border-spacing: 0px 10px;
}
table.NewFee th {
    background-color:#ccc;
    padding:5px;
}
p.warn,p.error {
    padding:15px;
    padding-left:40px;
    background-color:#ff9;
    border:1px solid red;
    width:500px;
    background-image:url(warn.png);
    background-repeat:no-repeat;
    background-position:15px 15px;
}
td a.popup {
    font-size:80%;
    color:#999;
    font-style:italic;
    /* display:block;
    text-align:center;*/
}
td a.popup:hover {
    text-decoration:underline;
}

.FeeHelp {
    font-size:80%;
    color:#999;
    font-style:italic;
}

.feeMajor {
    font-weight:bold;
}
    
/*************** Event Registration *************/

/* standalone fee description */

div.EventFee {
    display:inline-block;
    padding:25px;
    border:2px solid grey;
    background:white;
    border-radius:10px;
}
span.EvtFeeBuyInfo {
    font-size:150%;
    display:block;
}
span.EvtFeeName {
    font-weight:bold;
    display:block;
}
div.EvtFeeDescr span.error {
    margin-left:0px;
    display:block;
    font-size:80%;
}

div.EvtSessionRegistrant {
    font-size: 85%;
    margin-bottom: 25px;
}
div.EventFee div.EvtFeeActivityInfo{
    font-size:x-small;
}

span.EvtFeeAccess {
    color:red;
    display:block;
    font-size:x-small;
    font-style:italic;
    line-height:120%;
}

span.EvtFeeCost {
    margin-right:7px;
    font-weight:bold;
}

span.EvtFeeRegLink a {
    border: 1px solid #b5161c;
    color:#b5161c;
    font-weight: normal;
    margin-left: 15px;
    padding: 2px 5px;
    font-size:90%;
    text-decoration:none;
    -webkit-border-radius:3px;    
    -moz-border-radius:3px;
    background-color:#eee;
}

span.EvtFeeRegLink a:hover {
    background-color:#b5161c;
    color:white;
    text-decoration:none;
}

span.EvtFeeRemaining {
    border-radius:6px;
    background-color:#57F;
    color:white;
    padding:2px 4px;
    font-size:10px;
}

/* fee lists */

div.EventFees {
    border:2px solid #ccc;
    background-color:white;
    padding:5px;
    width:626px;
}

div.EventFees div.EventFee {
    display:block;
    min-height:19px;
    font-size:90%;
    line-height: 19px;
    border: 0px;
    border-bottom: 1px dotted #999999;
    padding: 5px;
    width:616px;
    height:auto;
    background:none;
}

div.EventFees div.EventFee div.EvtFeeActivityInfo{
    display:inline;
}

div.EventFees div.EventFee div.EvtFeeDescr {
    font-size:80%;
    font-style:italic;
    clear:both;
    margin-left:0px;
}

div.EventFees div.EventFee div.EvtFeeDescr span.error {
    margin-left:10px;
    background-color:#ff9;
    display:inline;
    font-size:100%;
}

div.EventFees div.EventFee span.EvtFeeName {
    margin-right:10px;
    display: inline;
}

div.EventFees div.EventFee span.EvtFeeBuyInfo {
/*    float:right;*/
    display: block;
/*    width:210px;*/
    font-size:100%;
}

div.EventFees div.EventFee span.EvtFeeRegLink {
    float: right;
    text-align: center;
}

div.EventFees div.EventFee span.EvtFeeRegDoneLink {
    float:right;
}

div.EventFees h3 {
    background-color: #E5E5E5;
    color: #3C3C3C;
    font-size: 11pt;
    line-height:10pt;
    margin-bottom:3px;
}

div.EventFees div.EventFee span.EvtFeeRegDone {
    border: 1px solid green;
    color: green;
    font-size: x-small;
    font-weight: normal;
    padding: 0px 5px;
    float:right;
    line-height:170%;
}

span.EvtFeeGroupName {
    display: block;
    font-size: 115%;
    font-weight: bold;
    margin-bottom: 7px;
    margin-top: 20px;
    border-bottom: 1px solid #999999;
    padding-bottom: 2px;
}

/*  */

div.EvtRegRegistrants div.popup {
/*    display:none; */
    background-color: white;
    border: 1px solid #666666;
    padding: 15px;
    position: absolute;
    width: 500px;
    z-index: 100;
}

div.EvtRegRegistrants span.popup_p a.popup{
    color:#b5161c;
}

div.EvtRegRegistrants span.popup_p a.popup:hover {
    color:#9097A9;
    text-decoration:underline;
}

div.EvtRegRegistrants div.popup .Event h3 {
    background-color:white;
    left:0px;
    padding:0px;
    width:100%;
}

div.EvtRegRegistrants div.popup a.popup_close {
    float:right;
    position:relative;
    z-index:200;
    font-size:90%;
    border:1px solid #999999;
    padding:2px 5px;
}

div.EvtRegContinue {
    margin-bottom:20px;
    width:640px;
}

div.EvtRegContinue h2, div.EvtRegFinish h2 {
    background-color: #999999;
    color: white;
    line-height: 12pt;
    margin: 0px;
    padding: 7px 7px 7px 15px;
    font-size:12pt;
}

div.EvtRegRegistrants h3 {
    background-color: #999999;
    color: white;
    line-height: 12pt;
    margin: 0px;
    padding: 7px 7px 7px 15px;
    position: relative;
    font-size:12pt;
}

div.EvtRegContinue div.EvtRegContinue {
    border:0px;
    padding:0px;
    margin:0px;
}

div.EvtRegFinish {
    border:1px solid #999999;
    background-color:white;
    padding:5px 5px 15px 5px;
    width:626px;
}
div.EvtRegFinish h2 {
    margin-bottom:10px;
}

div.EvtRegContinue div.EventFee {
    display:block;
}

div.EvtRegCompForm {
    margin-left:40px;

}

/* updates */

table.EvtWiz {

}
table.EvtWiz th {

}


a#NewRegType {
    background:#ddd url(add.png) no-repeat top 1px left 2px;
    color: #009;
    cursor: pointer;
    border:1px solid #666;
    margin:2px;
    padding: 2px 5px 2px 20px;
    font-size:small;
    border-radius: 3px;
    text-decoration:none;
}
a#NewRegType:hover {
    background-color:white;
}
.box {
    margin-right:10px;
}

/* invoices */

table.Receivable { 
        border:1px #2c435b solid; 
        border-collapse:collapse; 
	margin-bottom:10pt;
}
table.Receivable td { 
        margin:0px; 
        border-left:1px #2c435b dotted; 
        padding:4px; 
}
table.Receivable tfoot { 
        margin:0px; 
        border-top:1px #2c435b dotted; 
        padding:4px; 
}
table.Receivable tfoot td { 
        margin:0px; 
        border-left:0px white solid;
        padding:4px; 
}
table.Receivable th { 
        border:1px #2c435b dotted; 
        margin:0px; 
        padding:4px; 
        background-color:#97b9dc;
	font-weight:bold; 
	font-size:10px; 
	color:black;
}
.number {
	text-align:right;
}

.num {
	text-align:right;
}
p.ReceivableStatus {
    border-width:1px;
    border-style:dashed;
    border-radius:5px;
    padding:5px;
    width:200px;
}
p.ReceivableStatusInactive {
    border-color:#333;
    background-color:#ccc;
}
p.ReceivableStatusCanceled {
    border-color:#c00;
    background-color:#fcc;
}
p.ReceivableStatusActive {
    border-color:#0c0;
    background-color:#cfc;
}
p.ReceivableStatusProcessing {
    border-color:#c00;
    background-color:#ffc;
}
p.ReceivableStatusAdvisory {
    border-color:#339;
    background-color:#ccf;
}

/* schedules */

.showdate {
    color: blue;
    cursor: pointer;
    text-decoration:underline;
}

/* roster mod warning */

#reloadPopup {
    position:absolute;
    top:10px;
    right:75px;
    width:200px;
    border: 2px solid #900;
    background-color:#ffc;
    color:black;
    padding:10px;
    display:none;
    z-index:10;
}

/* accordion box invoices */

table.accordionbox table.ReceivableAccount { 
    border:0px white solid; 
}
table.accordionbox table.ReceivableAccount td { 
    border:0px white solid; 
}
table.toolbar .toolicon {
    position:relative;
    top:2px;
}

/* sortables */

#sortable { 
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#sortable li { 
    margin: 0 3px 3px 3px;
    padding: 5px;
    padding-left: 35px;
    border:1px solid #ddd;
    background:white url(drag.png) no-repeat 15px center;
    border-radius:3px;
}