﻿.waitIconAfter::after
{
    background-image: url("/images/waiticon.gif");
    height: 32px;
    width: 32px;
    content: '';
    position: absolute;
    margin-left: 35px;
    margin-top: -7px;
}

/*****************Right Position********************/
.regInfoBoxRight 
{
/* generated CSS*/
position: relative;
width: 270px;
height: 160px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: #B9BDC1 solid 1px;
}

.regInfoBoxRight:after 
{
/* generated CSS*/
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -15px;
top: 65px;
}

.regInfoBoxRight:before 
{
/* generated CSS*/
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #B9BDC1;
display: block;
width: 0;
z-index: 0;
left: -16px;
top: 65px;
}

.regInfoBoxRight
{
/*NOT generated CSS*/
margin-left: 20px;
position: absolute;
padding: 0 5px;

font-size:x-small;
line-height: 1.5;

margin-top: -3px;
}

#contentContainer
{
    padding: 10px;
}

.regInfoBoxRight_PointerTop 
{
    margin-top: -13px;
}

.regInfoBoxRight_PointerTop:before 
{
    top: 10px;
}

.regInfoBoxRight_PointerTop:after 
{
    top: 10px;
}

.regInfoBoxRight_Small
{
    height: 95px;
}

.regInfoBoxRight_Small_PointerBottom:before
{
    top: 60px;
}

.regInfoBoxRight_Small_PointerBottom:after
{
    top: 60px;
}

.regInfoBoxRight_Small_PointerBottom
{
    margin-top: 5px;
}

.regInfoBoxRight_Small_PointerMiddle:after 
{
    top: 32px;
}

.regInfoBoxRight_Small_PointerMiddle:before 
{
    top: 32px;
}

.regInfoBoxRight_Medium
{
    height: 176px;
}

.regInfoBoxRight_Medium_PointerMiddle:after 
{
    top: 73px;
}

.regInfoBoxRight_Medium_PointerMiddle:before 
{
    top: 73px;
}

.regInfoBoxRight_Large
{
    height: 261px;
}

.regInfoBoxRight_Large_PointerMiddle:after 
{
    top: 116px;
}

.regInfoBoxRight_Large_PointerMiddle:before 
{
    top: 116px;
}

.regInfoBoxRight_Large_PointerBottom:after 
{
    top: 222px;
}

.regInfoBoxRight_Large_PointerBottom:before 
{
    top: 222px;
}

.regInfoBoxRight_Large_PointerBottom 
{
    margin-top: 7px;
}

.regInfoBoxRight_Medium_PointerBottom 
{
    margin-top: 13px;
}

.regInfoBoxRight_Medium_PointerTop:before
{
    top: 10px;
}

.regInfoBoxRight_Medium_PointerTop:after
{
    top: 10px;
}

.regInfoBoxRight_Medium_PointerBottom:before
{
    top: 133px;
}

.regInfoBoxRight_Medium_PointerBottom:after
{
    top: 133px;
}
/*****************End Right Position********************/

/*****************Bottom Position********************/
.regInfoBoxBottom 
{
/*generated CSS*/
position: relative;
width: 270px;
height: 160px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: #B9BDC1 solid 1px;
}

.regInfoBoxBottom:after 
{
/*generated CSS*/
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -15px;
left: 120px;
}

.regInfoBoxBottom:before 
{
/*generated CSS*/
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: #B9BDC1 transparent;
display: block;
width: 0;
z-index: 0;
top: -16px;
left: 120px;
}

.regInfoBoxBottom
{
/*NOT generated CSS*/
position: absolute;
padding: 0 5px;
font-size:x-small;
line-height: 1.5;
margin-top: 20px;
}

.regInfoBoxBottom_Small
{
    height: 95px;
}
/*****************End Bottom Position********************/

/*****************Insert Bottom Position********************/
.regInfoBoxInsertBottom 
{
/*generated CSS*/
position: relative;
width: 270px;
height: 160px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: #B9BDC1 solid 1px;
}

.regInfoBoxInsertBottom:after 
{
/*generated CSS*/
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -15px;
left: 120px;
}

.regInfoBoxInsertBottom:before 
{
/*generated CSS*/
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: #B9BDC1 transparent;
display: block;
width: 0;
z-index: 0;
top: -16px;
left: 120px;
}

.regInfoBoxInsertBottom
{
/*NOT generated CSS*/
font-size:x-small;
line-height: 1.5;
display: inline-block;
margin-top: 20px;
margin-bottom: 20px;
}

.regInfoBoxInsertBottom_Small
{
    height: 95px;
}

.regInfoBoxInsertBottom_Medium
{
    height: 180px;
}

.regInfoBoxInsertBottom_Large
{
    height: 225px;
}
/*****************End Insert Bottom Position********************/

/*****************Error********************/
.regInfoBoxError
{
    border: #ff0000 solid 1px;
}

.regInfoBoxError:before
{
    border-color: transparent #ff0000;
}

/*.regInfoBoxError:after 
{
    border-color: transparent #FFCDCD;
}*/

.regInfoBoxMobileError
{
    border: #ff0000 solid 1px;
}

.regInfoBoxMobileError:before
{
    border-color: #ff0000 rgba(0, 0, 0, 0);
   
}

/*****************End Error********************/

/*****************Multi-Position********************/
.regInfoBoxRight #messageList,
.regInfoBoxBottom #messageList,
.regInfoBoxInsertBottom #messageList
{
    margin: 8px 0 13px;
    padding:0;
    list-style: square outside none;
}

.regInfoBoxRight #messageList  li,
.regInfoBoxBottom #messageList  li,
.regInfoBoxInsertBottom #messageList  li
{
    margin: 0 0 5px 20px;
    line-height: 1.1em;
}

.regInfoBoxRight #messageList > li:first-of-type,
.regInfoBoxBottom #messageList > li:first-of-type,
.regInfoBoxInsertBottom #messageList > li:first-of-type
{
    list-style: none;
    margin: 5px 0 5px 0;
}
/*****************End Multi-Position********************/

#DisclaimerBorder {
    border-color: red;
    border-style: solid;
    border-width: 1px;
    height: 34px;
    position: absolute;
    width: 90%;
    margin-left: -5px;
}

@media only screen and (max-width : 370px)
{
    .regInfoBoxInsertBottom
    {
        width: 240px;
    }   
    
    .regInfoBoxInsertBottom:before
    {
        left: 105px;
    }

    .regInfoBoxInsertBottom:after
    {
        left: 105px;
    }

    .regInfoBoxInsertBottom_Medium
    {
        height: 195px;
    }

    .regInfoBoxInsertBottom_Large
    {
        height: 250px;
    }

    #DisclaimerBorder
    {
        height: 42px;
    }
}
