/* alert message*/
.alertMessage {
    list-style: none;
    border: 1px solid #e5dcb8;
    -moz-border-radius: 4px;
    color: #333333;
    font-size: 120%;
    margin-top:1em;
    background-color:#fefdf6;
}

.alertMessage li {
    padding:4px 0 4px 24px;
}
.noteMessage {
    overflow: hidden;
    list-style: none;
    border: 1px solid #e5dcb8;
    -moz-border-radius: 4px;
    margin-top:1em;
    background-color:#fefdf6;
}
.noteMessage dt {
    padding:4px 0 4px 24px;
    color: #ff0000;
    float: left;
}
.noteMessage dd{
    float: left;
    width: 92%;
    padding:4px 0 4px 4px;
}
/* error  message*/
.commonErrorMessageDefaultClass {
    text-align: left;
    -moz-border-radius: 4px;
    border: 1px solid red;
    padding: 0.3em 0.5em 0.3em 0.5em;
    margin: 1px 0 5px 0;
    background: #fcebeb;
}

.fieldErrorMessageDefaultClass {
    text-align: left;
    -moz-border-radius: 4px;
    border: 1px solid red;
    padding: 0.3em 0.3em 0.3em 0.5em;
    background-color: #fcebeb;
}

.yui-skin-sam .fieldErrorMessageDefaultClass .bd {
    border: none;
    margin: 0;
    padding: 0;
    background-color: #fcebeb;
}

/* success message */
.successMessage{
    border:1px solid #99cc33;
    -moz-border-radius:4px; 
    padding:8px 0 8px 28px;
    font-size:12px;
    margin-top:1em;
}
.successMessage strong{
    font-weight:bold;
    color:#000000;
}
/* process */
/* process layout css */
.processTag {
    background: #ffffff;
    padding: 0 2em 2em 2em;
}

.processHeader {
    padding-top: 1.60em;    
    padding-bottom: 0.80em;
    overflow: hidden;
}

/* process left control */
.process {
    width: 14.42em;
    list-style: none;
    float: left;
}

.process li {
    font-size: 120%;
    font-weight: bold;
    line-height: 1.3em;
    height: auto;
    min-height:20px;
    color: #cccccc;
    padding:0.5em 0;
}

.process li span {
    display: inline-block;
    width: 8.3em;
    vertical-align: middle;
    padding-left:0.2em;
}

.process li label {
    color: #FFFFFF;
    display: inline-block;
    height: 3.17em;
    line-height: 3.17em;
    text-align: center;
    width: 2.8em;
    vertical-align: middle;
    cursor: pointer;
}

.process li.current {
    color: #6D3E6E;
    border: 2px solid #CCCCCC;
    border-right-width: 0;
    background: #FFFFFF;
    position: relative;
    font-weight: bold;
    margin-right:-2px;
}

.process li.activity {
    color: #000000;
    cursor: pointer;
}

.process li.current label, .process li.activity label {
    color: #FFFFFF;
    display: inline-block;
    height: 3.17em;
    line-height: 3.17em;
    text-align: center;
    width: 2.8em;
    vertical-align:middle;
}

/* process content css */
.processContent {
    float: left;
    border: 2px solid #cccccc;
    padding: 0.8em;
    width: auto;
}

.process li.current span.overlaySteps, .process li.activity span.overlaySteps {
    color: #FFFFFF;
    display: inline-block;
    height: 3.17em;
    line-height: 3.17em;
    text-align: center;
    width: 2.8em;
    vertical-align:middle;
}

.process li span.overlaySteps {
    color: #FFFFFF;
    display: inline-block;
    height: 3.17em;
    line-height: 3.17em;
    text-align: center;
    width: 2.8em;
    vertical-align: middle;
    cursor: pointer;
}
/* Error Dialog*/
#ErrorDialog .bd{
    padding-left: 31px;
}

#ErrorDialog .bd .warnicon{
    position: absolute;
    left: 10px;
}
normalLineHeight {
	line-height:normal;
	padding-top:10px;
}

.normalFont {
	font-weight:normal;
}

/* PI3 Begin*/

.spriteProcess {
    display: inline;
    float: left;
    list-style: none outside none;
    width: 100%;
}
.spriteProcess li{
    float: left;
}
.spriteProcessContent{
    width: 100%;
    border: none;
    padding: 0;
}

.steps {
    height: 31px;
    margin: 0 auto;
    width: 750px;
}
.spriteImage {
    height: 27px;
    background-image: url("./..//../images/sprite.png");
    display: inline-block;
}

.step {float: left;}
.current .stepFirst{float:left;width:5px!important;background-position:-2px -2px; margin-left: -5px; position: relative;}
.activity .stepFirst{float:left;width:5px!important;background-position:-18px -2px; margin-left: -5px; position: relative;}
.current .stepFirstActive{float:left;background-color:#fff;border-top:1px solid #999; border-bottom:1px solid #999;width:auto;height:25px; margin-left: -5px; padding-left: 11px!important; }
.activity .stepFirstActive{float:left;background-color:#e4e4e4;border-top:1px solid #797979; border-bottom:1px solid #797979;width:auto;height:25px; margin-left: -5px; padding-left: 11px!important; }
.stepArrowPrevCompleteNext {float:left;width: 18px;background-position: -239px -5px;}
.stepArrowPrevNextComplete {float:left;width: 18px;background-position: -195px -5px;}
.stepArrowIncomplete, .Active .stepArrowIncomplete {float:left;width: 14px!important;background-position: -197px -2px; position: relative;}
.current .stepArrowIncomplete {float:left;width: 15px!important;background-position: -153px -2px; position: relative;}
.current .stepArrowcomplete{float:left;width: 15px!important;background-position: -40px -2px!important; position: relative;}
.activity .stepArrowcomplete{float:left;width: 14px!important;background-position: -79px -2px !important; position: relative;}
.stepLast{float:left;width:13px;background-position:-16px -135px;}
.stepLastActive{width:13px;background-position:0px -135px;}
.stepBg, .Active .stepBg {float:left;background-color:#e4e4e4;border-top:1px solid #999; border-bottom:1px solid #999;width:auto;height:25px; margin-left: -13px; padding-left: 23px!important;padding-right: 10px;
}
.current .stepBg {float:left;background-color:#fff;border-top:1px solid #797979; border-bottom:1px solid #797979;width:auto;height:25px; margin-left: -13px; padding-left: 23px!important; }
.stepBgActive {float:left;background-color:#fff;border-top:1px solid #797979; border-bottom:1px solid #797979;width:auto;height:25px; margin-top: 2px; margin-left: -11px; padding-left: 15px; }


.spriteProcess li.current label, .spriteProcess li.activity label{background: none!important;}
.spriteProcess{margin-left:6px; margin-top: 10px; margin-bottom: 10px;}
.spriteProcess li span {width: auto; vertical-align: top!important; line-height: 23px;padding-left:0;}
.spriteProcess li.current{border:none!important; color: #000!important; position: static!important;}
.spriteProcess li{color: #000; padding: 0;}
/* PI3 End */