/* Common */
html, body {
    width: 100%;
    height: 100%;
    font-size: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    min-width: 1000px;
}

html {
    background-color: #FFF;
}

body {
    -webkit-text-size-adjust: 100%; /* Prevent Safari from resizing text */
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

ul {
    list-style-type: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/ * html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */
.clean {
    clear: both;
}

:focus {
    outline: 0;
}

a img {
    border: none;
}

a:focus {
    outline: none;
}

/*a {
    color: #000;
    text-decoration: none;
}*/

    a.underline {
        text-decoration: underline;
    }

    a:hover {
        color: #c51e26;
    }

.line {
    border-bottom: 1px solid #c0c0c0;
    padding-top:8px;
    margin-bottom:8px;
}

.br {
    height: 5px;
    line-height: 5px;
    clear: both;
}

.pw {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    min-width: 960px;
}

.failureNotification {
    padding-left: 5px;
}

fieldset {
    margin: 5px;
    margin-top: 10px;
    padding: 8px;
    border: 1px solid #999;
}

.contentBox {
    background-color: #FFF;
    border: 1px solid #999;
    padding: 0 5px 10px 5px;
    min-height: 300px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/*table box*/
.tablebox {
    background-color: #FFF;
    border: 1px solid #999;
    margin-bottom: 15px;
    padding: 0 5px 10px 5px;
    min-height: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .tablebox h2 span, h3 span, .contentBox h2 span {
        float: right;
        display: inline-block;
        *position: relative;
        *bottom: 25px;
        font-size: 12px;
    }

        .tablebox h2 span a, h3 span a {
            font-size: 12px;
            color: #D59500;
            font-weight: normal;
            background: url(images/Icons.png) no-repeat -680px 0px;
            padding-left: 25px;
            text-decoration: underline;
            margin-left: 15px;
        }
/*wrapper*/
.wrapper {
    margin: 0px auto;
    background-color: #FFF;
    width: 1180px;
}
/*top area*/
.topArea {
    text-align: left;
    margin: 0 auto;
    background-color: White;
    min-width: 950px;
}

    .topArea .head {
        height: 90px;
        margin: 0;
        background-repeat: no-repeat;
        background-position: 0px 5px;
    }

    .topArea .logo_en {
        background-image: url(images/logo_IPF_EN.png);
    }

    .topArea .logo_fr {
        background-image: url(images/logo_IPF_FR.png);
    }

    .topArea .topMenu {
        line-height: 25px;
        float: right;
    }

        .topArea .topMenu ul {
            margin-left: 15px;
            margin-top: 30px;
            text-align: right;
        }

            .topArea .topMenu ul li {
                float: left;
                padding-right: 10px;
                color: #005490;
            }

                .topArea .topMenu ul li a {
                    color: #005490;
                    font-size: 12px;
                    font-weight: bold;
                }

                    .topArea .topMenu ul li a:hover {
                        color: #005490;
                    }

                .topArea .topMenu ul li.myinfo {
                    padding-left: 20px;
                }

	.topArea .banner_en {
		width: 100%;
		height: 110px;
		background-image: url(images/selfid-portal.jpg);
		background-repeat: no-repeat;
	}

	.topArea .banner_fr {
		width: 100%;
		height: 110px;
		background-image: url(images/selfid-portal-fr.jpg);
		background-repeat: no-repeat;
	}

#hlHome { width:300px; height:72px; float:left; display:block;}
/*foot area*/
.footArea {
    background-color: #FFF;
    height: 25px;
    font-size: 12px;
    border-top: 1px solid #999;
    min-width: 950px;
}

    .footArea .copy {
        color: #666;
        text-align: right;
        line-height:25px;
    }
/*main navigation*/
.mainNav {
    width: 100%;
    position: relative;
    height: 50px;
    background-image: url(images/navbg.jpg);
    background-repeat: repeat-x;
}

    .mainNav ul.navLeft {
        width: 1100px;
        float: left;
        margin: 15px 0 0 0;
        position: absolute;
        top: 2px;
        left: 1px;
    }

    .mainNav .navRight {
        margin: 15px 0 0 0;
        float: right;
        text-align: right;
    }

    .mainNav ul.navLeft li {
        float: left;
        padding: 0 10px;
        height: 35px;
        background-color: #659CE1;
        overflow: hidden;
        margin-right: 10px;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

        .mainNav ul.navLeft li span {
            line-height: 35px;
            *line-height: 30px;
        }

        .mainNav ul.navLeft li a {
            display: inline-block;
            height: 25px;
            margin-top: 0px;
            line-height: 25px;
            font-size: 14px;
            font-weight: bold;
            color: #FFF;
            background-image: none;
            *height: 17px;
            *line-height: 17px;
            *margin-top: 10px;
        }

    .mainNav ul li:hover, .mainNav ul li.cur {
        color: #FFFF35;
        background-color: #0C629F;
    }

    .mainNav .navRight a, .mainNav .navRight span {
        margin-left: 10px;
    }

/*content area*/
.contentArea {
    min-height: 350px;
    margin: 0 auto;
    background-color: #FFF;
    text-align: left;
    min-width: 990px;
}

    .contentArea .content {
        margin: 1px;
    }
/*-- Icon ------*/
.icon {
    background-image: url(images/Icons.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    text-indent: -1000px;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    *display: block;
    *float: left;
    *margin-left: 5px;
    vertical-align:middle;
}

    .icon.add {
        background-position: 0px 0px;
    }

    .icon.remove {
        background-position: -24px 0px;
    }

    .icon.ok {
        background-position: -48px 0px;
    }

    .icon.cancel {
        background-position: -72px 0px;
    }

    .icon.upload {
        background-position: -94px 0px;
    }

    .icon.download {
        background-position: -120px 0px;
    }

    .icon.previous {
        background-position: -144px 0px;
    }

    .icon.next {
        background-position: -168px 0px;
    }

    .icon.open {
        background-position: -192px 0px;
    }

    .icon.refresh {
        background-position: -306px 0px;
    }

    .icon.search {
        background-position: -332px 0px;
    }

    .icon.schedule {
        background-position: -477px 0px;
    }

    .icon.edit {
        background-position: -550px 0px;
    }

    .icon.fullApplication {
        background-position: -589px 0px;
    }

    .icon.question {
        background-position: -358px 0px;
    }
    .icon.delete {
        background-position: -72px 0px;
        vertical-align:middle;
    }
    .icon.trash 
    {
        background-position: -615px 0px;
    }
    .icon.nominateApp {
        background-image: url(images/nominateApp.png);
        background-repeat: no-repeat;
        height: 16px;
        width: 16px;
        display: inline-block;
        text-indent: -1000px;
        overflow: hidden;
        cursor: pointer;
        border: 0;
        *display: block;
        *float: left;
        *margin-left: 5px;
    }
    .icon.disable
    {
        background-image: url(images/control_imgs.png);
        background-repeat: no-repeat;
        height: 16px;
        width: 19px;
        display: inline-block;
        text-indent: -1000px;
        overflow: hidden;
        cursor: default;
        border: 0;
        *display: block;
        *float: left;
        *margin-left: 5px;
        background-position:-113px -133px;
    }
.print {
    width:100px; float:right; text-align:right;padding-right: 5px;
}
.print a {   
    background-image: url(images/print.png);
    background-repeat: no-repeat;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-position:0 3px;
    border-color: #cccccc #cccccc #b3b3b3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    text-indent:15px;
}
.print a:hover {
    background-color: #E6E6E6;
}
.removeicon {
    background-image: url(images/Icon_remove.png);
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
    text-indent: -1000px;
    overflow: hidden;
    border: 0;
    *display: block;
    *float: left;
}

#alertMsgBox{color: #000000;background-color: #FEF8C2;border: 1px solid #FFAC75;overflow:hidden; z-index:20010; display:block; width:340px; margin-left:-170px; position:fixed; top:-100px; left:50%;
             /*filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;*/
             text-align:left;
             }
#alertMsgBox .title{height: 25px;width: 338px;overflow: hidden;}
#alertMsgBox .title h2{margin: 0px;padding: 0px;height: 25px; text-indent:30px;background-image: url(images/alert_icon.png);background-repeat: no-repeat; font-size:14px; line-height:25px;border: 0; background-color: transparent;}
#alertMsgBox .title h2.error{background-position: 5px -43px;}
#alertMsgBox .title h2.info{background-position: 5px -95px;}
#alertMsgBox .title h2.warn,#alertMsgBox .title h2.confirm{background-position: 5px 5px;}
#alertMsgBox .msg{ margin:0 5px 5px 30px; max-height:200px; overflow: hidden;}
#alertMsgBox .confirmAction{
	margin:0px 5px 5px 5px;
	border-top: 1px solid #FFDDDD;
	text-align:center;
}
#alertMsgBox .confirmAction .confirmY,#alertMsgBox .confirmAction .confirmN{ 
border-radius: 4px;display:block; width:50px; height:22px; line-height:22px; border:1px solid #999; float:right; color:#FFF; font-weight:bold; margin:5px; cursor:pointer;}
#alertMsgBox .confirmAction .confirmY{ background-color:#FBA933; border-color:#D28004;}
#alertMsgBox .confirmAction .confirmN{ background-color:#009900; border-color:#006F00;}
#alertMsgBox .confirmAction .confirmY:hover{ background-color:#FCBE61;}
#alertMsgBox .confirmAction .confirmN:hover{ background-color:#00B900;}
#box-mask{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        z-index:20000;
        background-color:#000;
        filter:alpha(opacity=30);-moz-opacity:0.3;opacity: 0.3;
}
#loading-icon {
    position: fixed;
    left: 50%;
    top: 30%;
    z-index: 20001;
    height: 50px;
    line-height: 50px;
    width: 100px;
    margin-left: -50px;
    background-image: url(images/load.gif);
    background-repeat: no-repeat;
    background-position: 5px 15px;
    background-color: #FFF;
    border: 1px solid #FFCC33;
    text-indent: 20px;
}

#LoadingHtml {
    color: #000000;
    border: 1px solid #FFAC75;
    overflow: hidden;
    z-index: 1000;
    display: block;
    width: 250px;
    margin-left: -125px;
    position: fixed;
    left: 50%;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    text-align: left;
    top: 60px;
    line-height: 30px;
    text-indent: 28px;
    background: url(images/load.gif) no-repeat 5px 7px #FEF8C2;
}

h1 {
    color: #646464;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    margin: 4px 0;
    padding: 4px 0;
    text-transform: uppercase;
}

h2 {
    border-bottom: 1px dotted #E9E9E9;
    color: #646464;
    font-family: 'Oswald', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin: 4px 0;
    padding: 4px 0;
    overflow: hidden;
}

h3 {
    color: #659CE1;
    font-family: 'Oswald', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin: 4px 0;
    padding: 4px 0;
    border-bottom: 1px solid #9BC1E8;
    margin: 10px 0;
    height: 20px;
    overflow: hidden;
}

h2.helpTitle {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 2px solid #9BC1E8;
    font-size: 25px;
}

.message {
    background-position: 8px 10px;
    background-repeat: no-repeat;
    border-radius: 4px 4px 4px 4px;
    clear: both;
    display: inline-block;
    font-weight: bold;
    line-height: 2.3em;
    margin: 10px 0 0;
    padding: 0 5px 0 25px;
    background-color: #F1F6FC;
    background-image: url("images/icon-bluedot.gif");
    border: 1px solid #136BC5;
    color: #136BC5;
    display: block;
}

.Nomineesmessage {
    background-position: 8px 10px;
    background-repeat: no-repeat;
    border-radius: 4px 4px 4px 4px;
    clear: both;
    display: inline-block;
    font-weight: bold;
    line-height: 2.3em;
    margin: 10px 0 0;
    padding: 0 0 0 25px;
    background-color: #F1F6FC;
    border: 1px solid #136BC5;
    color: #136BC5;
    display: block;
}

.box span {
    cursor: pointer;
    position: absolute;
    position: relative;
}

.box {
    right: 7px;
    top: 7px;
    background-image: url("images/icon-close.gif");
    background-repeat: no-repeat;
    overflow: hidden;
    width: 13px;
    height: 13px;
    text-indent: -100px;
}

.error {
    /*background: url("images/error.png") no-repeat scroll 20px 50% #FDCEA4;*/
    border: 1px solid #C44509;
    display: block;
}

.warning {
    /*background: url("images/warning.png") no-repeat scroll 20px 50% #FEFFC8;*/
    border: 1px solid #F1AA2D;
    display: block;
}

.success {
    /*background: url("images/tick.png") no-repeat scroll 20px 50% #D4F684;*/
    border: 1px solid #739F1D;
    display: block;
}

.information {
    /*background: url("images/info.png") no-repeat scroll 20px 50% #C3E4FD;*/
    border: 1px solid #688FDC;
    display: block;
}

.tip {
    border: 1px solid #fbaa5d;
    display: block;
    background-color: #fceeda;
    color: #000;
    margin: 5px 8px;
    padding: 5px;
}
.tip li {
        margin-left: 20px;
        padding-bottom: 5px;
}
.tip h4,.tip p {
    padding:0; margin-bottom:8px;
}

.tip .strong {
	font-weight: bold;
}

.tip .highlight {
	color: red;
}

.error ul, .information ul, .warning ul, .success ul, .error p, .information p, .warning p, .success p {
    margin-bottom: 0;
    margin-left: 60px;
    width: auto;
    min-height: 55px;
    line-height: 20px;
    vertical-align: middle;
}
.Required,.RequiredField {color:red;}
.form td {
    height: 30px;
    line-height: 30px;
}

.contentArea .RadGrid_Default .rgHeader {
    background-color: #A0C0D9;
    background-image: none;
}

.contentArea table.rgMasterTable td, .contentArea table.rgMasterTable th {
    border-color: #FFF;
    border-width: 0 1px 0 0;
}

    .contentArea table.rgMasterTable td a {
        text-decoration: underline;
    }

.contentArea.RadGrid .rgMasterTable, .contentArea .RadGrid .rgDetailTable, .contentArea .RadGrid .rgEditForm table {
    border-collapse: initial;
}

/* Hide the native password reveal button in Edge */
input[type="password"]::-ms-reveal {
    display: none;
}

input[type=text], .form input[type=password], .crmtabcontent input[type=text], .crmtabcontent input[type=password] {
    border: 1px solid #999;
    border-radius: 4px 4px 4px 4px;
    color: #1C1C1C;
    float: left;
    height: 18px;
    line-height: 1.4em;
    margin: 0;
    outline: medium none;
    padding: 2px 5px;
    min-width: 80px;
}

html body td .RadInput_Sunset .riTextBox {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #999;
    color: #272722;
    height: 25px;
}

input[type=submit], input[type=button] {
    color: #FFF;
    background-image: url('images/btn.gif');
    background-color: transparent;
    background-repeat: repeat-x;
    border: 1px solid #659ce1;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    outline: medium none;
    overflow: visible;
    /*text-transform: uppercase;*/
    width: auto;
    height: 26px;
    padding: 0 15px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 0;
    margin-right: 4px;
    margin-top: 0;
    background-position: 0 0;
}

    input[type=submit]:hover, input[type=button]:hover {
        background-position: 0 -29px;
    }

input[disabled=disabled], input[disabled=disabled]:hover {
    background-position: 0 -60px;
    color: #666;
    border: 1px solid #999;
}

input[type=submit]:disabled, input[type=button]:disabled, input[type=submit]:disabled:hover, input[type=button]:disabled:hover {
    background-position: 0 -60px;
    color: #666;
    border: 1px solid #999;
}

input.readonly, html body td .RadInput_Sunset input.readonly, input[disabled=disabled].readonly:hover {
    border: 1px solid #999;
    border-radius: 0;
    height: 18px;
    line-height: 1.4em;
    margin: 0;
    outline: medium none;
    padding: 2px 5px;
    min-width: 60px;
    background-color: #FFF;
}

.form label {
    color: #1C1C1C;
    font-weight: bold;
    padding: 0 0 8px;
}

.form textarea, .crmtabcontent textarea, textarea, select {
    float: left;
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    resize: none;
    overflow: auto;
    outline: none;
    padding: 2px 5px;
    margin: 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #1c1c1c;
    line-height: 18px;
    background-color: White;
}

    .form textarea[readonly=readonly], .crmtabcontent textarea[readonly=readonly], textarea[readonly=readonly] {
        background-color: #efefef;
    }

.form .crmsectiontitle {
    color: #4E97E7;
    font-size: 14px;
    font-weight: bolder;
}

.crmtabcontenttable .form hr {
    background-color: #9BC0E8;
    border: 0 none;
    height: 1px;
    overflow: hidden;
}

.action-left {
    text-align: left;
}

.action-right {
    text-align: right;
}

.link-left {
    float: left;
    padding-left: 10px;
}

.link-right {
    float: right;
    padding-right: 15px;
}

.registerform th {
    text-align: right;
    font-weight: normal;
    padding: 3px 10px 3px 20px;
}

.validatorCalloutHighlight {
    background-color: lemonchiffon;
}

.loginTip {
    padding-top: 10px;
    color: Red;
    font-weight: bold;
    line-height: 20px;
}

    .loginTip ol li {
        margin-left: 15px;
    }

.crmSavedQueryGridView {
    border-top: 1px solid #BBB99D;
    border-left: 1px solid #BBB99D;
    border-bottom: 1px solid #BBB99D;
    border-right: 1px solid #BBB99D;
}

    .crmSavedQueryGridView .actionColumn {
        max-width: 100px;
    }

    .crmSavedQueryGridView .alternating {
    }

th {
    text-align: left;
}

.crmSavedQueryGridView thead {
    background-color: #339999;
}

.crmSavedQueryGridView th {
    border: 1px solid #D3E1F1;
    color: #FFF;
    height: 29px;
    text-overflow: ellipsis;
    font-size: 14px;
    padding-left: 5px;
    background-color: #59A2F1;
    background-image: url(images/thbg.jpg);
    background-repeat: repeat-x;
    text-align: left;
}

.crmSavedQueryGridView tbody {
    background-color: #FFF;
}

    .crmSavedQueryGridView tbody td {
        border: 1px solid #FFF;
        color: Black;
        height: 22px;
        text-overflow: ellipsis;
        font-size: 12px;
        padding-left: 5px;
    }

.crmSavedQueryGridView tr.AltItemRow {
    background-color: #E1F4F4;
}

.crmSavedQueryGridView .alternating {
    background-color: #D9EEE8;
}

.PageItemRow td {
    background-color: #E1F4F4;
    height: 25px;
    line-height: 25px;
}

/*comment*/
.commentlist {
    width: 100%;
    margin-bottom: 10px;
}

    .commentlist .Item {
        border-bottom: 1px solid #CCC;
        margin: 10px 0;
        clear: both;
    }

    .commentlist .comment_author {
        margin-bottom: 5px;
        margin-left: 10px;
    }

    .commentlist .time {
        float: right;
        color: #AAA;
        padding-left: 10px;
    }

    .commentlist .name {
        color: #659CE1;
        float: right;
    }

    .commentlist .comment_title {
        font-weight: bold;
        display: inline;
        padding-left: 10px;
    }

    .commentlist .comment_body {
        margin: 10px 0 10px 10px;
        line-height: 22px;
    }


/*pop div*/
.popList {
    width: 650px;
    background-color: White;
    border: 1px solid #999;
    border-radius: 0px 5px 5px 5px;
}

    .popList ul {
        margin: 10px 10px 0 10px;
    }

    .popList li {
        width: 150px;
        float: left;
        line-height: 22px;
        white-space: nowrap;
        overflow: hidden;
        height: 22px;
    }

        .popList li label {
            height: 22px;
            vertical-align: middle;
        }

    .popList .actionDiv {
        margin: 0 2px 5px 0;
        text-align: right;
    }

.ModalAction {
    display: none;
}

.ModalPop {
    background-color: White;
    min-height: 150px;
    border: 1px solid #9BC1E8;
}

.ModalTitle {
    background-image: url(images/linebg.png);
    background-repeat: no-repeat;
    background-position: -20px 0px;
    height: 32px;
}

    .ModalTitle h4 {
        font-size: 13px;
        color: #FFF;
        line-height: 30px;
        text-indent: 10px;
        margin-right: 30px;
        float: left;
    }

    .ModalTitle input[type="submit"] {
        background-image: url(images/icon-close.gif);
        background-repeat: no-repeat;
        background-position: 0px 8px;
        display: inline-block;
        height: 20px;
        width: 20px;
        float: right;
        border: 0;
        overflow: hidden;
        text-indent: -200px;
        padding: 0;
    }

    .ModalTitle input:hover {
        background-position: 0px 8px;
    }

.ModalMsg {
    margin: 10px;
}

.ModalLoadDiv {
    background: url(images/loading.gif) no-repeat 10px 60px #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    z-index: 999;
    line-height: 220px;
    font-size: 20px;
    font-weight: bold;
    text-indent: 130px;
    display: none;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
    margin-right: 2px;
}
/*Message*/
.newMessage {
    width: 20px;
    height: 20px;
    background: url(images/Message.png) no-repeat 0px 0px;
    display: block;
    overflow: hidden;
    text-indent: -300px;
}

.openMessage {
    width: 20px;
    height: 20px;
    background: url(images/Message.png) no-repeat 0px -40px;
    display: block;
    overflow: hidden;
    text-indent: -300px;
}

.senderMessage {
    width: 20px;
    height: 20px;
    background: url(images/Message.png) no-repeat 0px -20px;
    display: block;
    overflow: hidden;
    text-indent: -300px;
}



.myrbl td {
    width: 150px;
}


/*Validation Error*/
label.validationWarnIcon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("images/smallwarning2.png");
    cursor: pointer;
}

label.validationWarnSmallIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("images/smallwarning.png");
    cursor: pointer;
}

input.validationError {
    background-color: Red !important;
    border-color: Red !important;
}

.whenContent {
    color: red;
    display: none;
}
/*login page*/
div.login {
    height: 600px;
}

/*below should remove in the futher,donot use them anymore*/
.contentPanel {
}

    .contentPanel .left {
        float: left;
    }

    .contentPanel .right {
        float: right;
    }

    .contentPanel .area {
        min-height: 130px;
    }

    .contentPanel h2 span, h3 span {
        float: right;
        display: inline-block;
        *position: relative;
        *bottom: 25px;
    }

        .contentPanel h2 span a, h3 span a {
            font-size: 12px;
            color: #D59500;
            font-weight: normal;
            background: url(images/Icons.png) no-repeat -680px 0px;
            padding-left: 25px;
            text-decoration: underline;
            margin-left: 15px;
        }

#HyLink {
    font-size: 12px;
    color: #D59500;
    font-weight: normal;
    background: url(images/Icons.png) no-repeat -680px 0px;
    padding-left: 25px;
    text-decoration: underline;
    margin-left: 15px;
}

/*Form*/
ul.appForm_nav {
    list-style-position: inside;
}

    ul.appForm_nav li {
        padding: 1px;
        padding-top: 18px;
    }

        ul.appForm_nav li.inactive {
            border-bottom-color: Gray;
            border-bottom-width: 1px;
            border-bottom-style: dashed;
        }

        ul.appForm_nav li.active {
            border-bottom-color: rgb(253,252,187);
            border-bottom-width: 2px;
            border-bottom-width: 5px;
            border-bottom-style: outset;
            font-style: italic;
            font-weight: bolder;
        }

div.appForm_container {
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    margin: 5px;
    border-color: Gray;
    list-style-position: inside;
    background-color: #FFF;
}
    /*div.appForm_container td{line-height:normal;}*/
    div.appForm_container p {
        padding: 5px 5px 5px 3px;
    }

    div.appForm_container ul {
        list-style-type: square;
    }

    div.appForm_container li {
        padding: 5px 5px 5px 3px;
    }

    div.appForm_container h3.ms-crm-Form {
        height: auto;
        line-height: none;
    }

    div.appForm_container input, div.appForm_container select {
        padding: 3px 0px 3px 0px;
    }

    div.appForm_container table.paddingtable th, div.appForm_container table.paddingtable td {
        padding: 3px;
    }

#content_td_menu ul {
    list-style-type: decimal;
}

div.appForm_container .Countries li {
    padding: 0px 5px 0px 3px;
    height: 20px;
}

    div.appForm_container .Countries li span {
        vertical-align: middle;
    }

    div.appForm_container .Countries li a {
        vertical-align: middle;
    }

.tableboxShrink {
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    background-image: url(images/control_Shrink.png);
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.tableboxExpand {
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    background-image: url(images/control_Expand.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

.tableboxNote span {
    color: #659CE1;
    font-family: 'Oswald', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    margin-left: 10px;
}

div.disclaimer {
    max-height: 450px;
    overflow-x: auto;
    overflow-y: scroll;
}

    div.disclaimer p {
        padding: 3px;
    }

    div.disclaimer ul {
        list-style-position: inside;
        list-style-type: disc;
    }

    div.disclaimer li {
        padding: 3px;
    }

.ajax__calendar td {
    line-height: normal;
}

.accountInformation {
    margin: 10px 5px;
}

    .accountInformation th {
        font-weight: normal;
        padding: 3px 10px 3px 20px;
        text-align: right;
    }

        .accountInformation th span {
            vertical-align: middle;
        }

    .accountInformation td {
        text-align: left;
    }

    .accountInformation .RadInput_Sunset .riTextBox {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #cdcdcd;
        color: #272722;
        height: 23px;
    }

    .accountInformation td label {
        font-weight: normal;
        padding-right: 5px;
        vertical-align: middle;
    }

#CaptchaDiv {
    position: relative;
    display: none;
}

#ctl00_content_Captcha {
    position: absolute;
    left: 140px;
    top: 0px;
    background-color: #FFF;
}

#ctl00_content_Captcha_ctl01 {
    width: 180px;
    height: 50px;
    border: 1px solid #525050;
    overflow: hidden;
}

#ctl00_content_Captcha_ctl00 {
    position: absolute;
    left: -140px;
    position: absolute;
    top: 50px;
    width: 350px;
}

.trCheckBox td, .trRadioButton td, .trRadioButtonOutsideNorthAmerica td {
    height: 30px;
}

.chkAll label {
    font-size: 13px;
}

.ms-crm-RadioButton input {
    vertical-align: middle;
}

html body .riSingle .riEnabled[disabled="disabled"], html body td .RadInput_Sunset input[disabled=disabled].riTextBox, html body td .RadInput_Sunset .riTextBox[readonly] {
    background-color: #efefef;
}

html body .disabled {
    color: #000;
}

.ms-crm-Input-textarea {
    position: relative;
}

    .ms-crm-Input-textarea .showCount {
        color: #CCC;
        display: block;
        position: absolute;
        right: 20px;
        text-align: right;
        width: 110px;
    }

.ms-crm-Countries .CountriesTitle {
}

.ms-crm-Countries .CountriesTitle, .ms-crm-Countries .CountriesInput {
    margin: 5px auto;
}

.ms-crm-Countries .CountryText {
    width: 300px;
}

.ms-crm-Countries .CountryBtn {
    margin-left: 10px;
}

.ms-crm-Countries .CountriesItem {
    border: 1px solid #c5c5c5;
    width: 100%;
    min-height: 40px;
    display: block;
    box-sizing: content-box;
}

    .ms-crm-Countries .CountriesItem li {
        border: 1px solid #357ebd;
        height: 25px;
        line-height: 25px;
        padding: 2px 5px;
        display: inline-block;
        float: left;
        background-color: #428bca;
        color: #fff;
        border-radius: 4px;
        margin-right: 5px;
    }

    .ms-crm-Countries .CountriesItem .title {
        margin-right: 5px;
    }

    .ms-crm-Countries .CountriesItem .delete {
        height: 25px;
        display: inline-block;
        overflow: hidden;
        width: 15px;
        float: right;
        cursor: pointer;
        text-align: right;
    }

    .ms-crm-Countries .CountriesItem.readonly li {
        border: 1px solid #D3D3D3;
        background-color: #DFDFDF;
        color: #000;
    }

#sellOutsideOfNorthAmericaChk label, #rblProject label {
    padding-left: 5px;
}

#TermsAndConditions {
    width: 800px;
    height: 150px;
    overflow: auto;
    line-height: 18px;
    background-color: #FFF;
    border: 1px solid #999;
    padding: 5px;
}

    #TermsAndConditions ol li {
        list-style-type: lower-alpha;
        margin: 10px auto 10px 20px;
    }

    #TermsAndConditions p {
        margin: 5px auto 5px 2px;
    }

    #TermsAndConditions h4 {
        margin: 5px 0 0 0;
    }

#GenericError {
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    text-align: center;
    padding-top: 150px;
}

#GenericErrorBox {
    text-align: left;
    width: 900px;
    margin: auto;
    min-height: 200px;
    padding: 10px;
    border: 1px solid #B84003;
    /*background-image: url(images/bugs.png);*/
    background-repeat: no-repeat;
    background-position: right 25px;
    border-radius: 5px;
    box-shadow: 5px 1px 1px #99151C;
}

    #GenericErrorBox h1 {
        border-bottom: 1px solid #99151C;
        margin-bottom: 10px;
        width: 760px;
    }

    #GenericErrorBox p {
        line-height: 30px;
        font-size: 16px;
        width: 760px;
    }

.uploadFile {
    min-height: 25px;
}

.attachmentFile {
    margin-bottom: 10px;
}

.attachmentLink {
    margin-left: 15px;
    margin-right: 10px;
    text-decoration: underline;
    color: red;
}

#Navbar {
    display: block;
    margin-bottom: 10px;
}

    #Navbar li {
        display: inline-block;
        height: 30px;
        overflow: hidden;
        float: left;
        margin-right: 5px;
        border-left: 1px solid #D4D4D4;
        padding: 0 45px 0 10px;
        line-height: 30px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-image: url(images/navbar_3.png);
        background-position: right 0px;
        color: #666;
        font-size: 14px;
    }

        #Navbar li.old {
            border-left: 1px solid #6A449B;
            background-image: url(images/navbar_2.png);
            color: #6A449B;
        }

        #Navbar li.select {
            border-left: 1px solid #6A449B;
            background-image: url(images/navbar_1.png);
            color: #000;
            font-weight: bold;
        }

#ProgramType h4 {
    margin: 5px 0;
    color: #666;
}

#ProgramType a {
    display: block;
    line-height: 22px;
    color: #0066A4;
    padding-left: 10px;
}

    #ProgramType a:hover {
        text-decoration: underline;
    }

.winTable {
    margin: 10px;
    width: 95%;
}

    .winTable td {
        text-align: left;
    }

.FormTip {
    background-color: #fceeda;
    border: 1px solid #fbaa5d;
    color: #000;
    display: block;
    font-size: 18px;
    margin: 5px 8px;
    padding: 10px;
}
#loginInstructions h4,#loginInstructions p { margin:2px 0 8px 0; line-height:18px;}
.contentArea table.rgMasterTable .rgFooter td { border-top:1px solid #666;}
#TermsAndConditions p {line-height:20px; margin-bottom:8px;}
table.rgMasterTable td a.downFile { text-decoration:none; }
.contactUs td { text-align:center; line-height:18px;}
.contactUs .logobg {height:72px; margin:0 auto; background-repeat:no-repeat;}
.contactUs .logo_bellfund { background-position:0 0; width:100px;}
.contactUs .logo_ipf { background-position:-81px 0; width:0px;}
.contactUs .logo_cogecofund { background-position:-165px 0; width:0px;}
.contactUs td a { color: blue;}
.rbtnlist { display:inline; float:left; margin-right:10px;}
.rbtnlist  input[type='radio']{ margin:0 5px 0 10px;}
.ms-crm-Input-Container input[type='checkbox'],
.ms-crm-Input-Container input[type='radio']
{ margin:0 8px 0 5px;}

.rbtnlist label{ font-weight:normal;}

.chkList { margin:5px auto; clear:both; }
    .chkList li {
        width: 30%;
        /*min-height: 25px;*/
        float: left;
        padding-top: 2px;
        padding-bottom: 3px;
        padding-left: 0;
        margin-left: 0;
        list-style: outside none none;
    }


.chkList1 { margin: 10px auto; clear: both;}
    .chkList1 li {
        padding-top: 2px;
        padding-bottom: 5px;
        padding-left: 10px;
        margin-left: 0;
        list-style: outside none none;
        display: block flex;
        align-items: flex-start;
    }
.chkList2 { margin: 10px auto; clear: both;}
    .chkList2 li {
        width: 50%;
        float: left;
        padding-top: 2px;
        padding-bottom: 3px;
        padding-left: 0;
        margin-left: 0;
        list-style: outside none none;
    }

.OtherPlatform { position:relative;}
.OtherText { position:relative;}
.OtherText input { position:absolute; bottom:-10px;}


#ContractListDiv, #DrawdownListDiv
{ width:48%;}
#ContractListDiv
{
    float:left;
}#DrawdownListDiv
{
    float:right;
}
.innerMultiPage {
        zoom: 1;
        position: relative;
        margin-bottom: -3px;
        min-height:450px;
        height:100%;
        border:1px solid #25A0DA;
        box-sizing:padding-box;
}

.tabPage {
  box-sizing:padding-box; margin:10px;
}
.tabPage .tip {
  margin:5px 0;
}
.tabPage .txtBox
{
    width:99%;
    border:1px solid #999;
}
    .tabPage .actionDiv
    {
        margin:10px auto 5px auto;
    }        .tabPage .actionDiv .left
    {
       text-align:left; font-weight:bold;
       line-height:25px;
    }
        .tabPage .actionDiv .right
    {
       text-align:right;
    }
.drawdownList .disabled
{ color:#fff; background-color:#B1C3A8;}

html body .drawdownItem .RadInput_Default .riDisabled, 
html body .drawdownItem .RadInput_Disabled_Default,
html body .drawdownItem input[disabled]{
    border-color: #999;
    color: #333;
    cursor: default;
    background-color: #EBEBE4;
}
.applicationTitle
{
    font-weight:bold;
    font-size:15px;
    color:#646464;
}

#conditionsBox ol {
    margin-left: 25px;
}

#instructionsBox ul, #conditionsBox ol li ul, #questionnaireInstructions ul {
    margin-left: 25px;
    list-style-type: disc;
}

#conditionsBox ol li, #instructionsBox ul li, #questionnaireInstructions ul li {
    margin-block-end: 5px;
}

#instructionsBox ul li ul, #questionnaireInstructions ul li ul {
    list-style-type: circle;
    margin-left: 30px;
}

#instructionsBox ul li ul li {
    margin-block-end: 5px;
}

#conditionsBox a {
    color: -webkit-link;
}

#conditionsBox table tr:first-child {
    padding-right: 3rem;
}

#termsAgreementTerms {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#selfIdLabel {
    font-size: 16px;
    font-weight: bold;
    display: inline;
    margin-left: 0px;
}

#selfIdNumber {
    font-size: 16px;
    font-weight: bold;
    display: inline;
    margin-left: 5px;
    color: blue;
}

#questionnaireInstructions {
    padding: 3px 3px 3px 10px;
}