/********************************************
 * aaa.css
 * stylesheet for Alert Sentry AAA extension
 ********************************************/

/**
 * product appearance
 **/

/* isafe */
div.isafe-aaa {
    margin:4px 0px 4px 0px;
    color:#333333;
    border-radius:10px;
    box-shadow: 0 0 7px #999;
    border:1px solid #fcfcfc;
}

div.isafe-aaa div.aaa-otg {
    color:#fcfcfc;
    text-align:center;
    font-weight:bold;
    padding:6px 0px;
    background-color:#1aa4ad;
    border-radius: 10px 10px 0px 0px;
}

div.isafe-aaa div.product-name {
    font-weight:bold;
    background-color:#d4e6e8;
    border-top:1px solid #fcfcfc;
    padding:6px 2px 6px 10px;
}

div.isafe-aaa div.as-detail-aaa {
    padding:14px 0px 1px 0px;
    background-color:#fcfcfc;
    border-radius: 0px 0px 10px 10px;
}

div.isafe-aaa div.as-pmsg-aaa {
    color:maroon;
    font-weight:bold;
    font-style:italic;
    margin:0px 0px 6px 10px;
    padding:2px 6px;
    background-color:lightyellow;
    border:2px solid orange;
    border-radius:8px;
    width:110px;
    text-align:center;
}

/* isafe elite */
div.isafe-el-aaa {
    margin:4px 0px 4px 0px;
    color:#333333;
    border-radius:10px;
    box-shadow: 0 0 7px #999;
    border:1px solid #fcfcfc;
}

div.isafe-el-aaa div.aaa-otg {
    color:#fcfcfc;
    text-align:center;
    font-weight:bold;
    padding:6px 0px;
    background-color:#1aad78;
    border-radius: 10px 10px 0px 0px;
}

div.isafe-el-aaa div.product-name {
    font-weight:bold;
    background-color:#d4e6e8;
    border-top:1px solid #fcfcfc;
    padding:6px 2px 6px 10px;
}

div.isafe-el-aaa div.as-detail-aaa {
    padding:14px 0px 1px 0px;
    background-color:#fcfcfc;
    border-radius: 0px 0px 10px 10px;
}

div.isafe-el-aaa div.as-pmsg-aaa {
    color:maroon;
    font-weight:bold;
    font-style:italic;
    margin:0px 0px 6px 10px;
    padding:2px 6px;
    background-color:lightyellow;
    border:2px solid orange;
    border-radius:8px;
    width:110px;
    text-align:center;
}

/* alert */
div.alert-aaa {
    margin:4px 0px 4px 0px;
    color:#333333;
    border-radius:10px;
    box-shadow: 0 0 7px #999;
    border:1px solid #fcfcfc;
}

div.alert-aaa div.aaa-otg {
    color:#fcfcfc;
    text-align:center;
    font-weight:bold;
    padding:6px 0px;
    background-color:#3e5dab;
    border-radius: 10px 10px 0px 0px;
}

div.alert-aaa div.product-name {
    font-weight:bold;
    background-color:#cfd1ea;
    border-top:1px solid #fcfcfc;
    padding:6px 2px 6px 10px;
}

div.alert-aaa div.as-detail-aaa {
    padding:14px 0px 1px 0px;
    background-color:#fcfcfc;
    border-radius: 0px 0px 10px 10px;
}

div.alert-aaa div.as-pmsg-aaa {
    color:maroon;
    font-weight:bold;
    font-style:italic;
    margin:0px 0px 6px 10px;
    padding:2px 6px;
    background-color:lightyellow;
    border:2px solid orange;
    border-radius:8px;
    width:110px;
    text-align:center;
}

/* alert fall */
div.alert-fd-aaa {
    margin:4px 0px 4px 0px;
    color:#333333;
    border-radius:10px;
    box-shadow: 0 0 7px #999;
    border:1px solid #fcfcfc;
}

div.alert-fd-aaa div.aaa-otg {
    color:#fcfcfc;
    text-align:center;
    font-weight:bold;
    padding:6px 0px;
    background-color:#7f3faa;
    border-radius: 10px 10px 0px 0px;
}

div.alert-fd-aaa div.product-name {
    font-weight:bold;
    background-color:#decee8;
    border-top:1px solid #fcfcfc;
    padding:6px 2px 6px 10px;
}

div.alert-fd-aaa div.as-detail-aaa {
    padding:14px 0px 1px 0px;
    background-color:#fcfcfc;
    border-radius: 0px 0px 10px 10px;
}

div.alert-fd-aaa div.as-pmsg-aaa {
    color:maroon;
    font-weight:bold;
    font-style:italic;
    margin:0px 0px 6px 10px;
    padding:2px 6px;
    background-color:lightyellow;
    border:2px solid orange;
    border-radius:8px;
    width:110px;
    text-align:center;
}

/**
 * custom fields
 **/

div.aaa-members {
    position:relative;
    height:340px;
}

div.aaa-members-d {
    position:relative;
    height:132px;
}

div.aaa-members   input#aaa-member-id, 
div.aaa-members-d input#aaa-member-id {
    width:186px;
}

div.aaa-members label#aaa-name-l,
div.aaa-members label#aaa-fname-l {
    position:absolute;
    left:206px;
    top:0px;
}

div.aaa-members input#aaa-name, 
div.aaa-members input#aaa-fname, {
    width: 250px;
    position:absolute;
    left:220px;
    top:22px;
}

div.aaa-members label#aaa-lname-l {
    position:absolute;
    left:436px;
    top:0px;
}

div.aaa-members input#aaa-lname, {
    width: 250px;
    position:absolute;
    left:220px;
    top:22px;
}

div.aaa-members label#aaa-address-l {
    position:absolute;
    left:0px;
    top:62px;
}

div.aaa-members input#aaa-address {
    width: 470px;
    position:absolute;
    left:0px;
    top:84px;
}

div.aaa-members label#aaa-city-l {
    position:absolute;
    left:0px;
    top:124px;
    width:300px;
}

div.aaa-members input#aaa-city {
    width: 186px;
    position:absolute;
    left:0px;
    top:146px;
}

div.aaa-members input#aaa-state {
    width: 50px;
    position:absolute;
    left:213px;
    top:146px;
    text-align:center;
}

div.aaa-members input#aaa-zip {
    width: 100px;
    position:absolute;
    left:290px;
    top:146px;
    text-align:center;
}

div.aaa-members label#aaa-phone-l {
    position:absolute;
    left:0px;
    top:186px;
}

div.aaa-members input#aaa-phone {
    width: 186px;
    position:absolute;
    left:0px;
    top:208px;
}

/* subscriber */
div.aaa-members label#aaa-apply-c-l {
    position:absolute;
    left:24px;
    top:254px;
    background-color: transparent;
    font-weight: normal;
    width: 50%;
    padding:0px;
    font-size:12px;
}

div.aaa-members input#aaa-apply-c {
    position:absolute;
    left:0px;
    top:254px;
    padding:0px;
    margin:0px;
    width:14px;
    height:14px;
}

/* shipper */
div.aaa-members label#aaa-apply-s-l {
    position:absolute;
    left:24px;
    top:274px;
    background-color: transparent;
    font-weight: normal;
    width: 50%;
    padding:0px;
    font-size:12px;
}

div.aaa-members input#aaa-apply-s {
    position:absolute;
    left:0px;
    top:274px;
    padding:0px;
    margin:0px;
    width:14px;
    height:14px;
}

/* billing */
div.aaa-members label#aaa-apply-b-l {
    position:absolute;
    left:24px;
    top:294px;
    background-color: transparent;
    font-weight: normal;
    width: 50%;
    padding:0px;
    font-size:12px;
}

div.aaa-members input#aaa-apply-b {
    position:absolute;
    left:0px;
    top:294px;
    padding:0px;
    margin:0px;
    width:14px;
    height:14px;
}