body {
    font-family: Verdana, Arial, Geneva, sans-serif;
    background: #fff url(http://img.be2.com/45455/image/UI_images/general/globalBg.jpg) top center repeat-y;
}

form{
	margin:0;
	padding:0;
}

a, .textlink {
    text-decoration: none;
    color: #245B93;
}
a:hover, .underline {
    text-decoration: underline !important;
}
a:focus {
    border:0 dotted #000;
}

h1 {
    margin: 0;
    color:#646565;
    font-weight: bold;
    font-size: 9pt;
    line-height: 12pt;
}

h2 {
    margin: 0;
    padding-right: 6px;
    padding-top: 8px;
    padding-bottom: 8px;

    color: #0A332A;
    font-weight: bold;
    font-size: 9pt;
    line-height: 12pt;
}

*.boxtitle {
    color: #646565;
    font-weight: bold;
    font-size: 9pt;
    line-height: 12pt;
}

*.tabboxtitle {
    color: #ffffff;
    font-weight: bold;
    font-size: 8pt;
    line-height: 12pt;
}

*.boxframetitle {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 9pt;
    line-height: 12pt;
    padding: 6px 6px 4px 6px;
}

*.boxtitle_drawer {
    color: #ffffff;
    font-weight: bold;
    font-size: 9pt;
    line-height: 12pt;
}

*.rightboxtitle {
    color: #ffffff;
    font-weight: bold;
    font-size: 8pt;
    line-height: 10pt;
}

*.boxsubtitle {
    color: #0A332A;
    font-weight: bold;
    font-size: 9pt;
    line-height: 12pt;
}

*.boxsubtitle_small {
    color: #0A332A;
    font-weight: bold;
    font-size: 8pt;
    line-height: 10pt;
}

*.questiontitle {
    text-align: left;
    color: #0A332A;
    font-weight: bold;
    font-size: 9pt;
    line-height: 12pt;
}

*.text_subtitle {
    padding: 8px 6px;
    text-align: left;
    color: #0A332A;
    font-weight: bold;
    font-size: 9pt;
    line-height: 12pt;
}

*.email {
    padding: 8px 6px;
    color: #0A332A;
    font-weight: bold;
    font-size: 9pt;
    line-height: 12pt;
}

*.boxtext {
    color: #000000;
    font-weight: normal;
    font-size: 9pt;
    line-height: 12pt;
}

*.softboxtext {

    color: #AAAAAA;
    font-weight: normal;
    font-size: 9pt;
    line-height: 12pt;
}

*.boxtext_bold {

    color: #000000;
    font-weight: bold;
    font-size: 9pt;
    line-height: 12pt;
}

*.boxtext_smaller_bold {

    color: #000000;
    font-weight: bold;
    font-size: 8pt;
    line-height: 12pt;
}

*.rightboxtext {

    color: #000000;
    font-weight: normal;
    font-size: 9pt;
    line-height: 12pt;
}

div.text_normal {
    padding-left: 6px;
    padding-right: 6px;
    text-align: left;
    color: #000000;
    font-weight: normal;
    font-size: 9pt;
    line-height: 16px;
}

div.text_bigger {
    padding-left: 6px;
    padding-right: 6px;

    color: #000000;
    font-weight: normal;
    font-size: 10pt;

}

div.right_text_normal {
    padding-left: 6px;
    padding-right: 6px;

    color: #000000;
    font-weight: normal;
    font-size: 8pt;

}

*.smallboxtext {

    color: #000000;
    font-weight: normal;
    font-size: 7pt;
    line-height: 10pt;
}

.smalltext {
    color: #000000;
    font-size: 8pt;
    font-style: italic;
    line-height: 12pt;
}

.boldtext {

    color: #000000;
    font-size: 9pt;
    font-weight: bold;
}

.bigtitle {
    color: #931A1F;
    font-size: 11pt;
    font-weight: bold;
    line-height: 15pt;
}

.separator {
    background-color: #ffffff;
    color: #ffffff;
}

.separator_middle {
    background-color: #b6b5b5;
    color: #b6b5b5;
}

.separator_middle td {
     height: 0;
     font-size: 1px;
     line-height: 0;
     overflow: hidden;
     padding:0;
}

.iframe_border {
    border-color: #b6b5b5;
}

a.red_arrows{
    background:url(/images/arrow_red.gif) no-repeat 5px 5px;
    padding-left:22px;
}

a.textlink_big {
    text-decoration: underline;
    font-weight: normal;
    color: #0A332A;
    font-size: 11pt;
}

a.textlink_big:hover {
    text-decoration: underline;
    font-weight: normal;
    color: #005E9E;
    font-size: 11pt;
}


a.right_textlink:hover {
    text-decoration: underline;
    font-weight: normal;
    color: #005E9E;
    font-size: 8pt;
}

div.buttonrowbox {
    text-align: right;
    padding-left: 6px;
    padding-right: 6px;
}

div.buttonrowpage {
    text-align: right;
    padding-bottom: 10px;
}



div.footer {
    padding-top: 10px;
    float: left; /*clean: both;*/
    width: 504;
    text-align: center;
    font-weight: normal;
    font-size: 7pt;
    color: #4b4b4b;
}

a.nz_navi {
    text-decoration: none;
    font: bold 11px verdana, arial, helvetica, sans-serif;
    color: ;
}

a.nz_navi:hover {
    text-decoration: underline;
    font: bold 11px verdana, arial, helvetica, sans-serif;
    color: ;
}

.headnavi {
    text-decoration: none;
    font-size: 9pt;
    font-weight: bold;
    color: #931A1F;
}


a.footer {
    text-decoration: none;
    color: #4b4b4b;
    font-size: 7pt;
}

a.footer:hover {
    text-decoration: underline;
    color: #4b4b4b;
}

a.footer_nz {
    font-weight: bold;
    color: #000000;
    font-size: 7pt;
}

a.footer_nz:hover {
    text-decoration: underline;
    font-weight: bold;
    color: #000000;
    font-size: 7pt;
}

a.textlink_green {
    font-weight: bold;
    color: #d12300;
    font-size: 9pt;
}

a.textlink_small {
    color: #000000;
    font-size: 7pt;
}

a.textlink_smaller {
    color: #000000;
    font-size: 8pt;
}

a.textlink_smaller_right {
    color: 000000;
    font-size: 7pt;
}

a.hidden {
    color: ;
    font-size: 7pt;
}

a.love_link {
    color: #000000;
    font-size: 13px;
}

div.hidden {
    color: ;
    font-size: 7pt;
}

td.test_bar {
    background-color: #bababa;
}

div.test_bar, div.test_bar_middle {
    background-repeat: repeat-x;
    width: 100%;
    height: 12px;
}

div.test_bar {
    background-image: url(/DynamicImageNew;jsessionid=0C07EF6EB3F827970FDAD91607792746.fe4?type=test_bar&key=red);
}

div.test_bar_middle {
    background-image: url(/DynamicImageNew;jsessionid=0C07EF6EB3F827970FDAD91607792746.fe4?type=test_bar_middle&key=red);
}

div.test_bar_heart {
    width: 480px;
    height: 12px;
    background: url(http://img.be2.com/45455/image/UI_images/general/heart_background_bar.gif) no-repeat;
}

div.test_bar_middle_heart {
    background: url(http://img.be2.com/45455/image/UI_images/general/heart_midle_bar.gif) center 20% repeat-x;
    width: 100%;
    height: 12px;
}

div.dotted_line {
    background: url(/images/dotted_line.png) top left repeat-x;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
}
tr.dotted_line {
border: none;
}
tr.dotted_line td {
    border: none;
    height: 1px;
    background: url(/images/dotted_line.png) top left repeat-x;
}


div.dotted_row, .dotted_row {
    width: 100%;
    height: 100%;
    background: url(/images/dotted_line.png) repeat-x;
}

div.box {
    background-color: #ffffff;
}
div.auto_width{
    width:auto;
}

.auto_width .modal_innercontent{
    margin:0;
    padding-bottom:5px;
}

span.message{
    padding:10px 0 15px 0;
    display:block;
}

div.boxwhite {
    margin-bottom: 10px;
    width: 100%;
}

div.rightbox {
    width: 100%;
background-color:;
    margin-bottom: 10px;
    margin-right: 5px;
}

div.box_noSpaceAfter {
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 0;
}

div.box_title {
    width: 100%;
    margin-bottom:6px;

}
div.box_title div .artop, div.modal_box_title div .artop {
    background: url(/images/boxes/boxBottom.gif) repeat-x 0 0;
}
div.box_title .box_title_bg .artop, div.box_title .artop, div.modal_box_title .box_title_bg div .artop {
    background: none;
}
div.modal_box_title {
    width: 100%;
    background-color: #ffffff;
}

div.box_title_bg {
    background: #f6f5f2 url(/images/boxes/boxTop.gif) bottom left repeat-x;
    min-height: 25px;
}





/* Box redesign for tab view */
div.box_tab_first, div.box_tab_middle, div.box_tab_last {
    background: url(/DynamicImageNew;jsessionid=0C07EF6EB3F827970FDAD91607792746.fe4?type=tab_normal&key=red) no-repeat;
}

div.box_tab_first_selected, div.box_tab_middle_selected, div.box_tab_last_selected {
    background: white  top left repeat-x;
}

div.box_tab_middle, div.box_tab_middle_selected {
    border-top: 1px solid #b6b5b5;
    border-right: 1px solid #b6b5b5;
    border-left: 1px solid #FFFFFF;
    padding: 4px 2px 4px 2px;
}

div.box_tab_content {
    border-top: 0 solid #b6b5b5;
    padding-bottom: 8px;
}
div.box_tab_content iframe {
    width: 737px;
}




.rtop, .artop {
    display: block;
}

.rtop *, .artop * {
    display: block;
    font-size: 1px;
    height: 1px;
    overflow: hidden;
}

.artop * {
    border-style: solid;
    border-width: 0 1px;
}


.re1 {
    display: block;
    height: 0;
    border: 1px solid #d0cab9;
    border-bottom: none;
}

.box_title .rx3,.box_title .rx4,.box_title .re3,.box_title .re4, .box_title .re2,.box_title .rx2  {
    display:block;
    background: none;
    height: 1px;
}
.box_title .rx3, .box_title .re3 {
    height: 1px;
}
.box_title .rx4, .box_title .re4 {
    height: 2px;
}
.box_title .rx2 {
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
}
.box_title .re2 {
    border-left: 2px solid #d0cab9;
    border-right: 2px solid #d0cab9;
}
.box_title .rx3 {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}
.box_title .re3 {
    border-left: 1px solid #d0cab9;
    border-right: 1px solid #d0cab9;
}
.box_title .rx4 {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.box_title .re4 {
    border-left: 1px solid #d0cab9;
    border-right: 1px solid #d0cab9;
}

.rx1, .rxr1, .irx1, .irxr1 {
    border-right-width: 5px;
}

.rx2, .rxr2, .irx2, .irxr2 {
    border-right-width: 3px;
}

.rx3, .rxr3, .irx3, .irxr3 {
    border-right-width: 2px;
}

.rx4, .rxr4, .irx4, .irxr4 {
    border-right-width: 1px;
    height: 2px;
}

.rx1, .rxl1, .irx1, .irxl1 {
    border-left-width: 5px;
}

.rx2, .rxl2, .irx2, .irxl2 {
    border-left-width: 3px;
}

.rx3, .rxl3, .irx3, .irxl3 {
    border-left-width: 2px;
}

.rx4, .rxl4, .irx4, .irxl4 {
    border-left-width: 1px;
    height: 2px;
}

.rxl1, .rxl2, .rxl3, .rxl4, .irxl1, .irxl2, .irxl3, .irxl4 {
    border-right-width: 0;
}

.rxr1, .rxr2, .rxr3, .rxr4, .irxr1, .irxr2, .irxr3, .irxr4 {
    border-left-width: 0;
}

.rx1, .rx2, .rx3, .rx4, .rxl1, .rxl2, .rxl3, .rxl4, .rxr1, .rxr2, .rxr3, .rxr4 {
    border-color: #ffffff;
}

.irx1, .irx2, .irx3, .irx4, .irxl1, .irxl2, .irxl3, .irxl4, .irxr1, .irxr2, .irxr3, .irxr4 {
    border-color: #FFFFFF;
}

.rel1, .rer1, .rer1_tab {
    border-width: 1px 0 0;
    height: 0 !important;
}

.re1, .re2, .re3, .re4, .rel1, .rel2, .rel3, .rel4, .rer1, .rer2, .rer3, .rer4, .rer1_tab, .rer2_tab, .rer3_tab, .rer4_tab {
    border-color: #d0cab9;
}

.re2, .rel2 {
    border-left-width: 2px;
}

.re2, .rer2, .rer2_tab {
    border-right-width: 2px;
}

.re4, .rel4, .rer4, .rer4_tab {
    height: 2px;
}

.rer1_tab, .rer2_tab, .rer3_tab, .rer4_tab {
    border-left-color: #FFFFFF;
}


/* New box design */

.artop.bottom {
	text-align: center;
}
.artop.bottom  .re3, .artop.bottom  .re4, .artop.bottom  .rx3, .artop.bottom  .rx4 {
    display: none;
}
.artop.bottom .re2, .artop.bottom  .rx2 {
	height: 4px;
	border: medium none;
	background:transparent url(/images/boxes/boxBottomLeftCorner.png) left center no-repeat;
}


*html .artop.bottom .re2, *html .artop.bottom .rx2, .artop.bottom .rx1, .artop.bottom .re1 {
    margin: 0 auto;
}
*html .artop.bottom .rx2 {
	border: medium none;
}

*html .artop.bottom .rx1 {
	margin: 0 5px;
	border: medium none;
}

.artop.bottom  .re2 {
	background: transparent url(/images/boxes/boxBottomRightCorner.png) right center no-repeat;
}

*html .artop *{
	line-height:1px;
}



div.inner_image {
    padding: 0;
    border-left: 1px solid #b6b5b5;
    border-right: 1px solid #b6b5b5;
    text-align: left;
}

div.innercontent, div.boxtitle, div.tabboxtitle {
    text-align: left;
}

div.innercontent, div.innercontent_t, div.innercontent_t_tab, div.innercontent_right, div.innercontent_nolines, div.box_tab_content, div.innercontent_t_msg, div.innercontent_t_tab_msg {
    border-left: 1px solid #d0cab9;
    border-right: 1px solid #d0cab9;
}

div.innercontent {
    padding: 8px 0 10px 0;
}

div.modal_innercontent {
    padding: 8px 0 10px 0;
}

div.modal_innercontent, div.modal_innercontent_t, div.modal_innercontent_t_tab, div.modal_innercontent_right, div.modal_innercontent_nolines, div.box_tab_content, div.modal_innercontent_t_msg, div.modal_innercontent_t_tab_msg {
    border-left: 1px solid #d0cab9;
    border-right: 1px solid #d0cab9;
}

div.photo_innercontent, div.photo_innercontent_t, div.photo_innercontent_t_tab, div.photo_innercontent_right, div.photo_innercontent_nolines, div.box_tab_content, div.photo_innercontent_t_msg, div.photo_innercontent_t_tab_msg {
    border-left: 1px solid #d0cab9;
    border-right: 1px solid #d0cab9;
}

div.photo_innercontent table {
    margin: 0 auto;
}

* html div.modal_innercontent {
    margin-left: 2px;
    padding: 0;
    margin-right: 1px;
}

* html div.photo_innercontent {
    margin-left: 1px;
    padding: 0;
    margin-right: 1px;
}

div.innercontent_nolines {
    padding: 0;
}

div.innercontent_right {
    padding: 8px 0 5px 0;
}

div.innercontent_top {
    padding: 8px 2px 8px 2px;
}

div.innercontent_left {
    padding: 0 10px 0 7px;
}

div.little_space_above_and_below {
    padding: 1px 0;
}

div.innercontent_t, div.innercontent_t_tab {
    padding: 0 8px 4px 8px;
}

div.innercontent_t_msg, div.innercontent_t_tab_msg {
    padding: 0 8px 10px 8px;
}

div.innercontent_t_tab, div.innercontent_t_tab_msg {
    border-left: 1px solid #FFFFFF;
}

div.innercontent_f {
    padding: 6px 8px 4px 0;
}

div.innercontent_tbig {
    padding: 10px 6px 6px 12px;
}

/* Box redesign for RHC boxes (with actions list and checkmarks of profile completion) */
.goBackPlaceholder {
    height: 22px;
}

.toolBox {
    left: -6px;
    position: relative;
    background-color: #F6F5F2;
    width: 220px !important;
    margin: 0 -5px 0 0;
}

* html .toolBox {
    left: -6px;
	}
.toolBox strong {
    color:#666;
}
div.box_title.toolBox div .artop {
    background: none;
}
.toolBox .artop.bottom .rx2 {
background:transparent none;
border:medium none;
}

.toolBox .artop.bottom .re2 {
    background-image: url(/images/boxes/boxBottomRightCorner_e.png);
}
.toolBox div.innercontent, .toolBox div.innercontent_t, .toolBox .rx1, .toolBox .box_title_bg .rx1, .toolBox .box_title_bg .rx2, .toolBox .box_title_bg .rx3, .toolBox .box_title_bg .rx4, .toolBox .box_title_bg .re1, .toolBox .box_title_bg .re2, .toolBox .box_title_bg .re3, .toolBox .box_title_bg .re4 {
    border-left: medium none;
    background: transparent none;
}
.toolBox div.innercontent {
    padding-left: 6px;
    padding-right: 6px;
}

.toolBox  #profileActionBox div.innercontent{
	padding-left:0 !important;
    padding-right:0 !important;
}

.profileCompleteness {

}
.profileCompleteness li {
    font-weight:bold;
}
.profileCompleteness li a {
    font-weight: normal;
}
.profileCompleteness li img {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 4px;
    background: transparent url(http://img.be2.com/45455/image/UI_images/icons/allicons_v3.png) no-repeat scroll  -96px -347px;
}
.profileCompleteness li.complete img {
    background-position:  -114px -351px;
}
.profileCompleteness li {
    display: block;
    line-height: 21px;
    margin-left: 2px;
}

#prfCheckListBoxScrollDiv, #scrollContainer{
	position:relative;
	margin:33px 0 48px;
}
#scrollContainer{
   margin-bottom: 38px;
    width: 216px;
}
#questPage #prfCheckListBoxScrollDiv{
	margin-top:-2px;
}

 /*---new style for error messages---*/
 .errorText{
     font-size: 11px;
     line-height:12px;
     color:#BA080E;
     text-align:left;
 }
.errorRedColor{
    color:#BA080E;
}

.error_txt {
    font-size: 7pt;
    color: #ff0000;
    font-weight: bold;
}

.error_txt_l{
    font-size: 9pt;
    color: #ff0000;
    font-weight: bold;
}

div.menumain, div.menumainselected {
    padding: 3px;
    cursor: pointer;
    font-weight: bold;
    font-size: 9pt;
}

div.menumain_nocursor {
    margin-left: 10px;
    padding: 3px;
    font-weight: bold;
    cursor: default;
    font-size: 9pt;
}

div.menusub {
    margin-left: 8px;
    padding: 2px;
    cursor: pointer;
    font-weight: bold;
    font-size: 7pt;
}

ul.menu {
    margin: 0;
    padding: 0;
    list-style: circle;
    color: #931A1F
}

li.menu {
    margin: 0;
    padding: 0;
    line-height: 9pt
}

span.item {
    margin-left: 5px;
    color: #646464
}

a.item, a.itemselected {
    color: #646464;
    text-decoration: none
}

div.main {
    margin-bottom: 5px
}

div.menumainselected, div.itemselected {
    background-color: #f6f5d3;
}

div.itemselected, div.item {
    margin: 3px 4px 0 2px;
    float: left;
    width: 9px;
    height: 9px
}

div.item {
    background-image: url(http://img.be2.com/45455/image/UI_images/menu_normal_red.png );
}

div.itemselected {
    background-image: url(http://img.be2.com/45455/image/UI_images/menu_selected_red.png );
}

img.menuimage {
    height: 9px;
    width: 9px
}

*.bigredheader {

    color: rgb( 167, 3, 36 );
    font-weight: normal;
    font-size: 13pt;
    line-height: 12pt;
}

*.smallgrey {
    font-size: 7pt;
    line-height: 8pt;
    font-weight: normal;
    color: rgb( 128, 128, 128 );

}

tr.boseparator, .boseparator td {
    border-top: 1px solid #d0cab9;
    margin: 0;
    padding: 0;
    background: url( /images/doted-line-horizontal.gif ) repeat-x;
}

.body_bg {
    background-color: #fff;
}

a.link_big_red {

    font-weight: bold;
    color: #f2ab2a;
    font-size: 15pt;
}

div.status_text {

    color: #000000;
    font-weight: normal;
    font-size: 9pt;

}

/*PPR*/
.loading_image {
    position: absolute;
    z-index: 5;
}

.pre_load {
    filter: alpha( opacity = 1 );
    opacity: .01;
    position: absolute;
    top: 0;
    left: 0;
}

.method_div_mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: white;
    filter: alpha( opacity = 65 );
    opacity: .65;
}

.product_panel_new {
    width: 600px;
    position: absolute;
    z-index: 5;
}

.product_panel {
    width: 600px;
    position: absolute;
    z-index: 5;
    background-color: white;
    border: 1px solid #000;
    }

.code_promotion_error_panel {
    width: 425px;
    position: absolute;
    z-index: 5;
    background-color: white;
    border: 10px solid #fff;
}

.product_panel_title {
    display: inline;
    width: 460px;
    color: #0A332A;
    font-weight: bold;
    font-size: 9pt;
}

.product_panel_title_div {
    width: 100%;
    height: 30px;
    border-bottom: 1px dotted #b2b2b2;
}

div.product_panel_content {
    color: #000000;
    font-weight: normal;
    font-size: 9pt;
    border-left: medium none;
    border-right: medium none;
    padding: 5px;
}

.code_promotion_error_panel_div {
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha( opacity = 75 );
    opacity: .75;
    background-color: #E7E5DD;
    cursor: wait;
}

.panel_div {
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha( opacity = 75 );
    opacity: .75;
    background-color: #F5F5F5;
}

.paymentRadioTable{
	width:100%;
	margin:7px 0;
}

.method_div .paymentRadioTable{
	height:80px;
}

.model_left {
    vertical-align: top;
    width: 219px;
    margin: 0;
    padding: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: rgb( 178, 178, 178 );
}

.model_right {

    vertical-align: top;
    width: 219px;
    margin: 0;
    padding: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: rgb( 178, 178, 178 );
}

.model_center {
    vertical-align: top;
    width: 219px;
    margin: 0;
    padding: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: rgb( 178, 178, 178 );
}

.model_table {
    vertical-align: top;
    margin: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-color: rgb( 178, 178, 178 );
}
.model_table td p{
    padding:5px;
}



.model_table_bottom {
    vertical-align: top;
    margin: 0 0 0 5px;
    border-left: 1px solid #b2b2b2;
}

.method_left {
    width: 292px;
    margin: 0;
    padding: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: rgb( 178, 178, 178 );
}

.method_right {
    width: 292px;
    margin: 0;
    padding: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: rgb( 178, 178, 178 );
}

.method_center {
    width: 292px;
    margin: 0;
    padding: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: rgb( 178, 178, 178 );
}

.method_table {
    margin: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-color: rgb( 178, 178, 178 );
}

.method_table_bottom {
    margin: 0 0 0 5px;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: rgb( 178, 178, 178 );
}

.payment_box {
    background-color: rgb( 255, 255, 153 );
}


.bigRedtext {

    color: red;
    font-size: 16pt;
    font-weight: bold;
    line-height: 16pt;
}

/*PPR*/

.loadingArea{
	text-align:center;
    margin:10px 0;
}

.loadingArea img{
    display:inline-block;
    vertical-align:top;
    margin-right:5px;
}

.placeholder_loading {
    font-size: 14pt;
    line-height:24px;
    font-weight: bold;
    color: #35807c;
    display:inline-block;
}

.redlink {
    font-weight: bold;
    font-size: 9pt;
    color: #cd0b0b;
}

.listlink {
    font-weight: bold;
    font-size: 9pt;
    color: #25514f;
}

.quicksearchbox {
    border: 1px solid rgb( 178, 178, 178 );
    background-color: rgb( 241, 241, 241 );

}

.quicksearchbox table td{
	padding:3px 3px 3px 0;
}

tr.text_normal {
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
    padding-left: 6px;
    padding-right: 6px;
}

.opacity, .photoLayerOpacity {
    filter: alpha( opacity = 50 );
    -moz-opacity: .5;
    opacity: .5;
}

.photoLayerOpacity {
    background-color: #000000;
}

.mainPhoto {
    border: 3px solid #FF0000;
}

/* Modal */
#confirmModalOverlay {
    position: absolute;
    background-color: #909090;
    cursor: wait;
    width: 100%;
    left: 0;
    height: 300%
}

#paymentModalOverlay {
    position: absolute;
    background-color: #909090;
    cursor: wait;
    width: 100%;
    left: 0;
    height: 300%
}

#surveyModalContainer {
    border: 3px solid black;
    position: absolute;
    width: 800px;
    height: 700px;
    margin-top: 40px;
    margin-right: 20px;
    top: 1%;
    left: 50%;
    margin-left:-400px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    background: #fff;
}


#confirmModalContainer {
    border: 10px solid white;
    position: absolute;
    width: 425px;
    _width:445px;
    left: 50%;
    top: 260px;
    _top: 270px;
    margin-left: -210px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    background: #fff;
}

#confirmModalContainer .buttons {
    width: 100%;
    float: right;
    clear: both;
}

#confirmModalContainer .buttons div {
    float: right;
    margin-left: 8px;
    padding: 2px;
}

#confirmModalContainer a.modalCloseX {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    top: 5px;
    left: 400px;
    color: #aaa;
}

#confirmModalContainer a.modalCloseX:hover {
    color: #9bb3b3;
}

#geodataModalContainer {
    border: 10px solid white;
    position: absolute;
    width: 730px;
    left: 40%;
    top: 170px;
    margin-left: -210px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    background: #fff;
}

#geodataModalContainer .buttons {
    width: 100%;
    float: right;
    clear: both;
}

#geodataModalContainer .buttons div {
    float: right;
    margin-left: 1px;
    padding: 1px;
}

#geodataModalContainer a.modalCloseX {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    top: 5px;
    left: 300px;
    color: #aaa;
}

#geodataModalContainer a.modalCloseX:hover {
    color: #9bb3b3;
}

#smallgeodataModalContainer {
    border: 10px solid white;
    position: absolute;
    width: 600px;
    _width:620px;
    left: 40%;
    top: 170px;
    margin-left: -100px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    background: #fff;
}

#smallgeodataModalContainer .buttons {
    width: 100%;
    float: right;
    clear: both;
}

#smallgeodataModalContainer .buttons div {
    float: right;
    margin-left: 1px;
    padding: 1px;
}

#smallgeodataModalContainer a.modalCloseX {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    top: 5px;
    left: 300px;
    color: #aaa;
}

#smallgeodataModalContainer a.modalCloseX:hover {
    color: #9bb3b3;
}

/* For Help Component*/
#confirmModalContainer a.modalCloseY,
    #confirmModalContainer a.modalCloseY:link,
    #confirmModalContainer a.modalCloseY:active,
    #confirmModalContainer a.modalCloseY:link {
    text-decoration: underline;
    font-size: 1.1em;
    position: absolute;
    top: 5px;
    right: 35px;
    color: #aaa;
}

#confirmModalContainer a.modalCloseY:hover {
    color: #9bb3b3;
}

#paymentModalContainer {
    border: 10px solid white;
    position: absolute;
    width: 600px;
    left: 50%;
    top: 170px;
    margin-left: -300px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    background: #fff;
}

#paymentModalContainer .buttons {
    width: 100%;
    float: right;
    clear: both;
}

#paymentModalContainer .buttons div {
    float: right;
    margin-left: 8px;
    padding: 2px;
}

#paymentModalContainer a.modalCloseX {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    top: 5px;
    left: 400px;
    color: #aaa;
}

#paymentModalContainer a.modalCloseX:hover {
    color: #9bb3b3;
}

/*For code promotion error pop-up*/
#codePromoModalContainer {
    border: 10px solid white;
    position: absolute;
    width: 425px;
    left: 55%;
    top: 250px;
    margin-left: -300px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    background: #fff;
}

#codePromoModalContainer .buttons {
    width: 100%;
    float: right;
    clear: both;
}

#codePromoModalContainer .buttons div {
    float: right;
    margin-left: 8px;
    cursor: pointer;
    padding: 2px;
}

#codePromoModalContainer a.modalCloseX {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    top: 5px;
    left: 400px;
    color: #aaa;
}

#codePromoModalContainer a.modalCloseX:hover {
    color: #9bb3b3;
}

/* For Help Component*/
#confirmModalContainer a.modalCloseY,
    #confirmModalContainer a.modalCloseY:link,
    #confirmModalContainer a.modalCloseY:active,
    #confirmModalContainer a.modalCloseY:link {
    text-decoration: underline;
    font-size: 1.1em;
    position: absolute;
    top: 5px;
    right: 35px;
    color: #aaa;
}

#confirmModalContainer a.modalCloseY:hover {
    color: #9bb3b3;
}

#helpModalContainer {
    border: 10px solid white;
    position: absolute;
    width: 240px;
    height: 210px;
    top: 1%;
    right: 1px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    background: #fff;
}

#helpModalContainer .header {
    height: 30px;
    width: 100%;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 30px;
}

#helpModalContainer .header span {
    padding-left: 8px;
}

#helpModalContainer a.modalCloseX {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    top: 1px;
    right: 5px;
    color: #aaa;
}

#helpModalContainer a.modalCloseX:hover {
    color: #9bb3b3;
}

#photoModalContainer {
    border: 10px solid white;
    position: absolute;
    width: 445px;
    left: 50%;
    top: 30px;
    margin-left: -210px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    background: #fff;
}

#photoModalContainer .buttons {
    width: 100%;
    float: right;
    clear: both;
}

#photoModalContainer .buttons div {
    float: right;
    margin-left: 8px;
    padding: 2px;
}

#photoModalContainer a.modalCloseX {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    top: 5px;
    right: 40px;
    color: #aaa;
}

#photoModalContainer a.modalCloseX:hover {
    color: #9bb3b3;
}

#photoModalExapmle {
    border: 10px solid white;
    position: absolute;
    width: 485px;
    left: 50%;
    top: 30px;
    margin-left: -210px;
    font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    background: #fff;
}

#photoModalExapmle .buttons {
    width: 100%;
    float: right;
    clear: both;
}

#photoModalExapmle .buttons div {
    float: right;
    margin-left: 8px;
    padding: 2px;
}

#photoModalExapmle a.modalCloseX {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    top: 5px;
    right: 40px;
    color: #aaa;
}

#photoModalExapmle a.modalCloseX:hover {
    color: #9bb3b3;
}

.clear {
    clear: both;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

div.outer-wrapper {
    border: 0;
    padding: 0;
    overflow: hidden;
}

div.header_title {
    border: 0;
    padding: 0;
    float: left;
    width: 93%;
}

div.header_help {
    border: 0;
    padding: 0;
}

.TopForPanelGrid {
    vertical-align: top
}

.TopForPanelGrid  div{
    font-size:12px;
}

.lcol_header {
    width: 171px;
    float: left;
    padding-left: 5px;
}

/*Guest Home Page*/
.ghp_header_man {
    height: 93px;
    background:url(/images/header_man.gif) top right no-repeat;
    float: left;
}

.ghp_header_woman {
    height: 93px;
    background: url(/images/header_woman.gif) top left no-repeat;
    float: left;
}

.ghp_span1 {
    color: #CD0004;

    font-size: 12px;
}

.ghp_span2 {
    color: #646464;

    font-size: 12px;
}

/*MEMBER HOME PAGE*/
.headerBGImageDiv {
    background-color: #FFFFFF;
}

/*MENU STYLES*/
.menu {
    width: 100%;
}

.menu div {
    border-top: 1px solid #ccc;
}

.menu div a.be2_lmenu_right, .menu div a.be2_lmenu_down, .menu div a.be2_lmenu_rectangle,
    .menu div a.be2_lmenu_rightSelected, .menu div a.be2_lmenu_downSelected, .menu div a.be2_lmenu_rectangleSelected {
    padding: 4px 0 3px 16px;
    text-decoration: none;
    color: #646565;
    font-size: 9pt;
    display: block;
    _width: 100%; /*for IE6*/
}

.menu div a.be2_lmenu_rightSelected, .menu div a.be2_lmenu_downSelected, .menu div a.be2_lmenu_rectangleSelected {
    font-weight: bold;
}

.menu div a.be2_lmenu_right {
    background: url( /images/menu/red_arrow_right.gif ) no-repeat 0 3px #ffffff;
}

.menu div a.be2_lmenu_down {
    background: url( /images/menu/red_arrow_down.gif ) no-repeat 0 3px #ffffff;
}

.menu div a.be2_lmenu_rectangle {
    padding-left: 24px;
    background: url( /images/menu/red_rectangle.gif ) no-repeat 8px 3px #ffffff;
}

.menu div a.be2_lmenu_right:hover, .menu div a.be2_lmenu_rightSelected {
    color: #ffffff;
    background: url( /images/menu/white_arrow_right.gif ) no-repeat 0 3px #d00e25;
}

.menu div a.be2_lmenu_down:hover, .menu div a.be2_lmenu_downSelected {
    color: #ffffff;
    background: url( /images/menu/white_arrow_down.gif ) no-repeat 0 3px #d00e25;
}

.menu div a.be2_lmenu_rectangle:hover, .menu div a.be2_lmenu_rectangleSelected {
    color: #ffffff;
    padding-left: 24px;
    background: url( /images/menu/white_rectangle.gif ) no-repeat 8px 3px #d00e25;
}

/*--new  part list--*/

.item_col {
    background: url( /images/member/profile_back.gif ) no-repeat;
    width: 342px;
    height: 114px;
    vertical-align: top;
    padding: 8px 0 0 8px;
}

.waitCover{
	width:342px;
    height:114px;
    position:absolute;
    top:-8px;
    left:-8px;
    z-index:10;
    background: url(http://img.be2.com/45455/image/UI_images/general/spacer.gif) repeat left top ;
}

.sep_1 {
    width: 23px;
    height: 1px;
}

.sep_2 {
    width: 40px;
    height: 1px;
}

.sep_3 {
    width: 20px;
    height: 1px;
}

.item_col div {
    float: left;
}

span.tp * {
    margin-top: 2px;
}

span.tp a, .greenTxt {
    font-size: 12px;
}

.greenTxt {
    text-decoration: underline;
}

.indImg {
    background: url( /images/member/be2_index_background.gif ) no-repeat top left;
    width: 29px;
    height: 37px;
    color: #fff;
    font-size: 12px;
    margin-right:40px;
    text-align:center;
}

.sRight {
    margin:22px 0 6px 0;
    overflow:hidden;
}

.sRight  div{
    width:260px;
    float:left;
}


.sRight .filter_box{
    float:right;
    width:435px;
    text-align:right;
}

.sRight .filter_box  select{
    float:right;
    margin-left:5px;
}


.mCombo {
    width: 139px;
}

.c1, .c2 {
    width: 50%;
    font-size: 12px;
}

.c1 {
    padding: 0 2px 0 4px;
}

.c2 {
    padding: 0 4px 0 2px;
}

.img_list div {
    padding-left: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-position: 3px 3px;
}

.lst_1 {
    background: url( /images/member/circle_1.gif ) no-repeat;
}

.lst_2 {
    background: url( /images/member/circle_2.gif ) no-repeat;
}

.lst_3 {
    background: url( /images/member/circle_3.gif ) no-repeat;
}

.lst_4 {
    background: url( /images/member/circle_4.gif ) no-repeat;
}

.lst_5 {
    background: url( /images/member/circle_5.gif ) no-repeat;
}

.lst_6 {
    background: url( /images/member/circle_6.gif ) no-repeat;
}

.lg_txt {
    position: relative;
    top: -7px;
}

.cr1 {
    position: absolute;
    margin-left: -30px;
    margin-top: 40px;
}

.cr2 {
    position: relative;
    left: 20px;
    top: -6px;
}

.cr3 {
    position: absolute;
    margin-left: -13px;
}

.cr5 {
    position: relative;
    top: 6px;
    left: -1px;
}

.cr6 {
    position: relative;
    top: 6px;
    left: -1px;
}

.inner {
    position: relative;
}

.inner td {
    white-space: nowrap;
    position: relative;
}


.persImg {
    float: left;
    border: 2px solid #ccc;
    margin-right:23px;
    width:36px;
    height:46px;
}

a.persImg img {
    border: 0;
}

a.persImg:hover {
    border: 2px solid #d00e25;
}

.verdana12 {
    font-size: 12px;
}

.verdana10 {
    font-size: 10px;
}

.Bold {
    font-weight: bold;
}

.ml10 {
    margin-left: 10px;
    color: #000000;
    font-size: 12px;
}


.it_gray {
    font-style: italic;
    color: #666666;
    font-size: 12px;
}

.mt15 {
    margin-top: 15px;
}

.mt7 {
    margin-top: 7px;
}

.rt {
    text-align: right;
}

.note {
    color: #666666;
    font-size: 10px;
}

.rhDiv {
    _height: 112px;
    height: 102px;
    position: relative;
    margin-left: -3px;
    margin-top: 5px;
    line-height: 12px;

}

.bg1 {
    background: url(http://img.be2.com/45455/image/as_en/background_already_pm1226395905366.jpg) no-repeat;
    padding: 10px 55px 10px 7px;
    width: 135px;
    _width: 197px;
    _height: 120px;

}

.bg2 {
    background: url(http://img.be2.com/45455/image/as_en/PM_box_de1261495634007.jpg) no-repeat;
    padding: 10px 7px 10px 10px;
    width: 180px;
    _width: 197px;
    _height: 120px;
    }

.subBut {
    text-align: right;
    margin-top: 10px;
}

.noteImg {
    vertical-align: middle;
}
.user_inf{
	width:195px;
    /*overflow:hidden;*/
}

.user_inf p{
	display:block;
    padding:0;
}

.user_inf .greenButton{
	margin-top:4px;
}
.user_inf .greenButton span span{
    min-width:153px;
    width:auto !important;
    width:153px;
}

.lg_old table {
    width: 100%;
}

.lg_old table td {
    font-size: 12px;
}

.photoApprovalLayer {
    position: absolute;
    bottom: 0;
    font-weight: bold;
    font-size: 12px;
    z-index: 3;
    color: rgb( 0, 0, 0 );
    background-color: rgb( 255, 255, 255 );
    width: 118px;
    padding: 10px 5px;
}

.thumb img, .thumb_on img {
    position: relative;
    top: 1px;
    left: 2px;
    cursor: pointer;
    width: 24px;
    height: 30px;
}

.thumb {
    background: transparent url( /images/profile/thumb-off.gif ) top left no-repeat;
    width: 30px;
    height: 40px;
}

.thumb_on {
    background: transparent url( /images/profile/thumb-on.gif ) top left no-repeat;
    width: 30px;
    height: 40px;
}

.photo_mhp {
    background: transparent url( /images/profile/photo_mhp-off.gif ) top left no-repeat;
    width: 86px;
    height: 106px;
    overflow:hidden;
    position:relative;
}

.photo_mhp a {
    overflow:hidden;
    display:block;
    margin:5px 0 0 5px;
    text-decoration:none !important;
}

.photo_mhp a img{
    width:72px;
    height:90px;
}

.photo_mhp a span{
    position:absolute;
    bottom:11px;
    left:5px;
    width: 72px;
    font-weight:bold;
    font-size: 10px;
    line-height: 12px;
    color: #000;
    background-color:#fff;
    display:block;
    cursor:pointer;
}

.position {
    margin-top: 5px;
    margin-left: 5px;
}

.photo, .photo_on {
    position: relative;
    z-index: 2;
    background: transparent url( /images/profile/photo-off.gif ) top left no-repeat;
    width: 158px;
    height: 196px;
}

.photo_on {
    background: transparent url( /images/profile/photo-on.gif ) top left no-repeat;
}

.photo img, .photo_on img {
    position: relative;
    z-index: 1;
    top: 5px;
    left: 5px;
    cursor: pointer;
    border-width: 0;
}

.thumb_big img, .thumb_big_on img {
    position: relative;
    left: 3px;
    top: 2px;
    cursor: pointer;
}

.thumb_big {
    background: transparent url( /images/profile/thumb_zoom-off.gif ) top left no-repeat;
    width: 51px;
    height: 61px;
}

.thumb_big_on {
    background: transparent url( /images/profile/thumb_zoom-on.gif ) top left no-repeat;
    width: 51px;
    height: 61px;
}

.photo_big {
    position: relative;
    z-index: 2;
    background: transparent url( /images/profile/photo_zoom.gif ) top center no-repeat;
    width: 304px;
    height: 377px;
    text-align: center;

}

.photo_big img {
    position: relative;
    z-index: 1;
    top: 6px;
    right: 2px;
    cursor: pointer;
}

/****** css sprite ******/
.arrow {
    background: url(/images/profile/arrows.png) no-repeat top left;
    padding: 7px 12px 3px 11px;
    line-height: 26px;
    _height: 24px;
    cursor: pointer;
}

.arrow_green {
    background-position: 0 0;
}

.arrow_orange {
    background-position: 100% -24px;
}

.arrow_grey {
    background-position: 100% -47px;
}

.heart, .heart_0, .heart_25, .heart_50, .heart_75, .heart_100 {
    background: url(/images/profile/hearts.png) 0 0 no-repeat;
    padding: 16px 26px 18px 24px;
    line-height: 54px;
    height: 20px;
}
.heart_25 {
    background-position: 100% -54px;
}
.heart_50 {
    background-position: 100% -108px;
}
.heart_75 {
    background-position: 100% -162px;
}
.heart_100 {
    background-position: 100% -216px;
}

/*-----LINKS AND ICON IMAGES -------*/
.baseLink, .baseContent{
    vertical-align:baseline;
    display: inline-block !important;
    line-height:16px;
	overflow:hidden;
}

.baseLink:after, .baseContent:after {
    clear: both;
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
}

.baseLink img, .baseContent img{
	background:transparent url(http://img.be2.com/45455/image/UI_images/icons/allicons_v3.png) no-repeat scroll;
    float: left;
}

/*----action links 20x20----*/
.actions{
    padding:3px 0 0 26px;
    /*display: block;*/
}
.actions img{
    height:21px;
    width:20px;
    margin:-3px 0 0 -26px;
}

/*---active links---*/
.edit img{background-position:0 -220px}
.deleteProf img{background-position:0 -110px}
.reportProf img{background-position:0 -132px}
.writeMessage img{background-position:0 0}
.quickQuiz img{background-position:0 -44px}
.relPhoto img{background-position:-44px -88px}
.reqPhoto img{background-position:0 -88px}
.newMessage img{background-position:-154px -308px}
.lastVisitor img{background-position:-132px -308px}
.infoIcon img{background-position:-110px -308px}
.favorite img{background-position:-44px -154px}
.editCopy img{background-position:-88px -308px}
.repProfile img{background-position:0 -132px}
.approval img{background-position:-60px -242px}
.rejected img{background-position:-20px -242px}
.rotateRight img{background-position:0 -308px}
.rotateLeft img{background-position:-22px -308px}
.crop img{background-position:-66px -308px}
.comment img{background-position:-88px -308px}
.reflect img{background-position:-44px -308px}
.undo img{background-position:-66px -330px}
.sendWink img{background-position:-44px -176px}
.sendWink_inactive img{background-position:-66px -176px}


/* Zooming icon */
.zoomIn {
    height:21px;
	position: absolute;
	z-index: 3;
	bottom: 14px;
	left: 124px;
	cursor: pointer;
    background:transparent url(http://img.be2.com/45455/image/UI_images/icons/allicons_v3.png) 0 -241px no-repeat scroll;
    width:20px;}

/*---inactive links---*/
.deleteProf_inactive img{background-position:-22px -110px}
.reportProf_inactive img{background-position:-22px -132px}
.writeMessage_inactive img{background-position:-22px 0}
.quickQuiz_inactive img{background-position:-22px -44px}
.reqPhoto_inactive img{background-position:-66px -88px}
.relPhoto_inactive img{background-position:-22px -88px}
.repProfile_inactive img{background-position:-22px -132px}

a.quickQuiz_inactive,a.sendWink_inactive {color:#CCC;}
a.quickQuiz_inactive:hover,a.sendWink_inactive:hover {text-decoration:none !important; cursor:default !important;}

/*----smallAction links 14x14----*/
a.actionsSmall{
    padding:0 0 0 24px;
}
a.actionsSmall img {
    width:15px;
    height:15px;
    margin:0 0 0 -24px;
}

.editSmall img{background-position:-22px -220px;}

/*--close links 17x15 ---*/
a.closeLink{
    /*padding:0 0 0 17px;*/
}
a.closeLink img {
    width:17px;
    height:15px;
    /*margin:0 0 0 -17px;*/
}
.closeGray img{background-position:-43px -330px;}
.closeRed img{background-position:-21px -330px;}

/*--help links 15x15 ---*/
.helperLink{
    padding:0 0 0 20px;
}
.helperLink img {
    width:15px;
    height:15px;
    margin:0 0 0 -15px;
	background-position:0 -331px;
}

/*--email links 12x10 ---*/

a.emailLink{
    padding:0 0 0 15px;
}
a.emailLink img {
    width:12px;
    height:10px;
    margin:3px 0 0 -15px;
	background-position:-66px -352px;
}

a.helpIcon img {
  background:transparent url(http://img.be2.com/45455/image/UI_images/icons/allicons_v3.png) 0 -331px no-repeat scroll;
  cursor:pointer;
  text-decoration:none;
  width:16px;
  height:16px;
  float:right;
}


/*----IMAGE ICONS WITHOUT A LINK----*/
img.editSmallImg{
	background:transparent url(http://img.be2.com/45455/image/UI_images/icons/allicons_v3.png) -22px -220px no-repeat scroll;
	width:14px;
    height:14px;
}

.tick{
	background:transparent url(http://img.be2.com/45455/image/UI_images/icons/allicons_v3.png) no-repeat scroll;
	height:18px;
    width:20px;
	float:left;
}
img.greenTick{background-position:-155px -352px;}


/*-------------------------------Base Image------------------------------------------------*/
img.baseImg, .baseImg img{
    background:transparent url(http://img.be2.com/45455/image/UI_images/icons/allicons_v3.png) no-repeat scroll;
    display:inline-block;
}

/*---Icons with shadows---*/
img.baseImgShadow, .baseImgShadow img{
	background:transparent url(http://img.be2.com/45455/image/UI_images/icons/allicons_shadow.png) no-repeat scroll;
}

/*--star links 17x15 ---*/
.starImgs img{width:17px;height:15px;}

.starImgs .starEmpty{background-position:0 -374px;}
.starImgs .starFull{background-position:-22px -374px;}

/*--herat Images 21x18-*/
img.hearts, .hearts img{width:21px;height:18px;}

img.heartEmptyShadow{
	background-position:0 0;
    width:27px;
    height:19px;
    position:relative;
    display:block;
    left:-3px;
}

*html img.heartEmptyShadow{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.be2.com/45455/image/UI_images/icons/empty_heart_shadow.png',sizingMethod='scale');
    background:none;
}

.bubble_link{
	display:inline-block;
}

img.heartEmpty{background-position:-66px -286px;}
img.heartHalfFull{background-position:-22px -286px;}
img.heartFull{background-position:-44px -286px;}



/*--small herat Images 15x13-*/
.smallHearts img {width:15px;height:13px;}
.smallHearts span{padding-right:13px;}

img.smallHeartEmpty{background-position:-140px -286px;}
img.smallHeartHalfFull{background-position:-120px -286px;}
img.smallHeartFull{background-position:-100px -286px;}

/*--cheater cheacker icons 15x15-*/
.cheaterImg{width:15px;height:15px;}

img.approvalSmall{background-position:-80px -242px;margin-bottom:-2px;}
img.rejectedSmall{background-position:-40px -242px;margin-bottom:-2px;}

img.fbIcon{background-position:-44px 0;}
img.whiteArrows{background-position:-114px -396px;}
img.blackHelp{background-position:-110px -330px; vertical-align:top; position:relative; top:3px;}


img.expireClock{
	background-position:0 -430px;
}

.userMotto .approvalSmall,.userMotto .rejectedSmall{
	margin-right:10px;
}

.approval,.rejected{
	font-style:normal !important;
	display:block;
	margin-bottom:3px;
}
.approval b,.rejected b{
	color:#ff6600;
	display:inline !important;
}
.rejected b{
	color:#ff0000;
}
.iconRight{margin-left:5px;}
.iconRight{margin-left:5px;}
.actionBox li a{cursor:pointer;}

/*-----Quick Quiz Images 11x11 -----*/
.quiz{
	width:11px;
    height:11px;
    margin-top:3px;
}
img.shopping{background-position:-60px -396px;}
img.love{background-position:-20px -396px;}
img.relationship{background-position:-80px -396px;}
img.life{background-position:-100px -396px;}
img.holidays{background-position:-40px -396px;}
img.messageSent{background-position:-40px -198px;}
img.messageReceive{background-position:-60px -198px;}

img.dash{background-position:-84px -354px;}

/*---error icon--*/
img.errorMark{
	width:10px;
	height:30px;
	background-position:-3px -396px;
}

img.greentick{
	background-position:-155px -352px;
    vertical-align:middle;
}

/*-----OLD LINKSSS----*/
.actions_old {
    line-height:27px;
    vertical-align:baseline;
    display: block;
}
.actions_old img {
    background:transparent url(/images/profile/icons.png) no-repeat scroll left top;
    height:24px;
    margin-right:4px;
    width:24px;
    float: left;
}

.icons {
    background: url( /images/profile/icons.png ) no-repeat top left;
    padding: 11px 0 11px 0;
    width: 24px;
    height: 28px;
    cursor: pointer;
}

.icons.new {
    padding: 0;
}

.qa, .actions_old.qa img {
    background-position: 5% -28px;
}

.qaNew {
    background-position: 5% -28px;
    padding: 0;
    height: 26px;
    width: 26px;
}
.favorites, .actions_old.favorites img {
    background-position: 5% -57px;
}

.zoom, .actions_old.zoom img {
    background-position: 5% -85px;
}

.myphoto, .actions_old.myphoto img {
    background-position: 5% -113px;
}

.delete, .actions_old.delete img {
    background-position: 5% -140px;
}


.zoominn, .actions_old.zoominn img {
    background-position: 5% -296px;
}

.zoomoff, .actions_old.zoomoff img {
    background-position: 5% -224px;
}

.icons_home, .actions_old.icons_home img {
    background: url( /images/icons_home.png ) no-repeat top left;
    padding: 3px 15px 1px 15px;
    height: 16px;
    cursor: pointer;
    display: block;
}

.visitors, .actions_old.visitors img {
    background-position: 5% -19px;
}

.photoR, .actions_old.photoR img {
    background-position: 5% -76px;
}

.info, .actions_old.info img {
    background-position: 5% -38px;
}

/* New styles for icons of different actions */
.actionsList {
	margin: 0 10px;
}
.actionsList li {
    display: block;
    margin:2px 0;
}
.actionsList li a{
	display:inline-block;
    /*width: 175px;*/
}
#note_div{
	overflow:hidden;
    text-align:left;
}
#note_text{
    width: 98%;
    height: 80px;
    margin-top:10px;
}
.noteView {
    width: 195px;
    overflow: hidden;
}
#edit_note{
	text-align:right;
}

/*
.actionsList li img, .bigIcons img {
    background: url(http://img.be2.com/45455/image/UI_images/icons/allicons_v3.png) top left no-repeat;
    width: 22px;
    height: 22px;
    float: left;
    margin-right: 4px;
}
.actionsList li.writeMessage img{
    background-position: 0 0;
}
.actionsList li.inviteQuiz img{
    background-position: 0 -44px;
}
.actionsList li.requestPhoto img {
    background-position: 0 -66px;
}
.actionsList li.releasePhoto img {
    background-position: 0 -88px;
}
.actionsList li.deleteProfile img {
    background-position: 0 -110px;
}
.actionsList li.reportProfile img {
    background-position: 0 -132px;
}
*/


/* Big icons */
.bigIcons {
    display: block;
    padding-left: 26px;
}
.bigIcons img {
    margin-left: -26px;
    margin-right: 0;
}
 .bigIcons.edit {
     background-position: 0 -220px;
 }
 .toolBox .bigIcons.edit {
    margin-left: 8px;
 }

/* General styles for links */
.smallIcon {
    padding: 0 0 0 14px;
    line-height: 1.3em;
    /*background: url(http://img.be2.com/45455/image/UI_images/icons/arrow_icons.png) no-repeat 1px -195px;*/
    display: inline-block;
	background:transparent url(/images/icons/arrow_icons.png) no-repeat 0 -34px;
}
  .smallIcon:hover {
      text-decoration: underline;
  }
.login {
    font-weight:bold;
    margin-left: 6px;
    text-transform: uppercase;
    background:transparent url(http://img.be2.com/45455/image/UI_images/icons/arrow_icons.png) no-repeat 0 -34px;
	}

.smallIcon.forward {background-position: 0 -33px;}
.smallIcon.goNext {background-position: right -33px; padding: 0 14px 0 0;}
.smallIcon.goBack {background-position:0 -105px;}
.smallIcon.more{background-position: 0 0;}
.smallIcon.minimize{background-position: 0 -106px;}
.smallIcon.goTop{background-position: 0 -70px;}
.smallIcon.circle {background-position:0 -141px;}
.smallIcon.goBack.gray {background-position:0 -233px;color: #ccc;}
.smallIcon.goNext.gray {background-position:right -270px; color: #ccc;}
.smallIcon.forward.gray{background-position:left -270px;color: #ccc;}



.goBackGray, .goNextGray {
	color: #ccc;
	padding: 0 0 0 14px;
    line-height: 1.3em;
    background: url(http://img.be2.com/45455/image/UI_images/icons/arrow_icons.png) no-repeat 1px -233px;
    display: inline-block;
	margin: 0 6px 0 0;
	}
.goNextGray {
	background-position:100% -270px;
	color: #ccc;
	text-align: right;
	padding:0 14px 0 6px;
	}


.rightBlackBorder {
	border-right: 1px solid black;
	}
.rightGrayBorder {
	border-right: 1px solid #D0CAB9;
	}

.go_btn {
    color: #43a774;
    width: 27px;
    font-size: 10px;
    text-decoration: none;
}

.disabledLink{
    cursor:default;
    color:#ccc;
    text-decoration:none;
}

/******************** NEW TAB STYLES ********************/
.sep{
    float:left;
    height:35px;
    width:5px;
}
.tabCont{
    border-bottom: 1px solid #b6b5b5;
    background-color:#ffffff;
    padding-left: 0;
    height: 35px;
	width: 100%;
 }

.jsItem {
    float:left;
    position: relative;
    padding-right:5px;
}

.jsItem .itemTab, .jsItem .sel {
    cursor:pointer;
    font-size:12px;
    height: 29px;
    float: left;
    position: relative;
}

.jsItem .itemTab {
    margin-top: 6px;
}

.it_l, .it_r {
    width:2px;
    height:29px;
    float:left;
    float: left;
}

.it_m {
    float:left;
    height:23px;
    padding:6px 8px 0 8px;
}

.itemTab .it_l{background:url(http://img.be2.com/45455/image/UI_images/tabs/subtabs.gif) no-repeat 0 -108px;}
.itemTab .it_m{background:url(http://img.be2.com/45455/image/UI_images/tabs/subtabs.gif) #f5f2eb repeat-x 0 -139px;}
.itemTab .it_r{background:url(http://img.be2.com/45455/image/UI_images/tabs/subtabs.gif) no-repeat 0 -170px ; }

.jsItem .sel {
    bottom:-1px;
    height:34px;
    border-bottom:1px solid #fff;
}

.jsItem .sel .it_l{background:#fff url(http://img.be2.com/45455/image/UI_images/tabs/subtabs.gif) no-repeat 0 0; height: 34px;}
.jsItem .sel .it_m{background:#fff url(http://img.be2.com/45455/image/UI_images/tabs/subtabs.gif) repeat-x 0 -36px; font-weight:bold; padding:10px 8px 0 8px; }
.jsItem .sel .it_r{background:#fff url(http://img.be2.com/45455/image/UI_images/tabs/subtabs.gif) no-repeat 0 -72px; height: 34px; }


.itemTab.hover .it_l{background:url(http://img.be2.com/45455/image/UI_images/tabs/subtabs.gif) no-repeat 0 0;}
.itemTab.hover .it_m{background:url(http://img.be2.com/45455/image/UI_images/tabs/subtabs.gif) #f5f2eb repeat-x 0 -36px; text-decoration:underline;}
.itemTab.hover .it_r{background:url(http://img.be2.com/45455/image/UI_images/tabs/subtabs.gif) no-repeat 0 -72px;}



/*--------Right rounded corner under the tab--------*/
.t2, .t3, .t4{font-size:1px; overflow:hidden; display:block; background:#fff;border-left:1px solid #b6b5b5;}
.t2 {height:1px; border-right:2px solid #b6b5b5; margin:0 3px 0 0;}
.t3 {height:1px; border-right:1px solid #b6b5b5; margin:0 2px 0 0;}
.t4 {height:2px; border-right:1px solid #b6b5b5; margin:0 1px 0 0;}

/*----Third level tab navigation---*/

ul.thirdTab{
	border-bottom: 1px solid #d0cab9;
    float:left;
	width: 735px;
}

ul.thirdTab li{
    float:left;
    background:url(http://img.be2.com/45455/image/UI_images/tabs/third_tab_back.png) no-repeat 0 -114px ;
    height: 36px;
    padding-left: 3px;
    margin: 0 3px 0 0;
    text-align:center;
}


.thirdTab li a {
    display: block;
    background:url(http://img.be2.com/45455/image/UI_images/tabs/third_tab_back.png) no-repeat right -36px;
    line-height: 30px;
    font-size: 12px;
    color: #646565;
    float: left;
	position:relative;
    padding: 5px 10px 1px 7px;
    text-decoration: none;
    white-space:nowrap;
}

.thirdTab li a:hover {text-decoration: underline;}

.thirdTab li.active {
    background-position: 0 -78px;
	bottom:-1px;
    position:relative;
}

.thirdTab li.active a {
    background-position: right 0;
	font-weight:bold;
	text-decoration: none !important;
}

.thirdTabPane{height:4px;}
.thirdTabPane b{
	border-color:#d0cab9;
}

/******************** END NEW TAB STYLES ********************/
/******************** DOTTED TABS STYLES ********************/

.dottedTabsContainer{
	position:relative;
    height:33px;
    border-bottom:1px dotted silver;
    margin-bottom:15px;
}

.dottedTabs {
    height:33px;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    position:absolute;
    bottom:-1px;
}

.dottedTabs li {
    display:inline-block;
    height:auto;
    line-height:33px;
    margin-left:8px;
    font-weight: bold;
    color: #646565;
    padding:0 8px;
}

.dottedTabs li.active {
	 border: 1px dotted silver;
     border-bottom:0 none;
     line-height:32px;
     background-color:#fff;
}

.dottedTabs li a {
	font-weight: normal;
}

*html .dottedTabs li {display:inline;}
*:first-child+html .dottedTabs li{display:inline;}

.msgBody {
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 12px;
}
.simp_list {
    border-collapse: collapse;
}

.simp_list td, .simp_list th {
	background-color: #fff;
    padding: 2px;
    border-bottom: 1px solid #b6b5b5;
}
.simp_list th{
	padding:5px 2px;
}
.simp_list th a{
	color:#000;
    text-decoration:underline;
}

/*on tr*/
tr.list_hover td {
    background-color: #accecd;
}

/*new mail*/
tr.list_new {
    background-color: #e1ebec;
}

tr.list_new td, tr.list_new td a {
    font-weight: bold;
}

tr.list_new td {
    background-color: #e1ebec;
}

tr.simp_list_blank td {
    background-color: #fff;
    padding: 2px;
    border-top: none;
}

.closedMail{
	margin-top:4px;
}

.allMesBlock{
	padding:15px 10px;
}

.phototextareas {
    width: 118px;
    height: 80px;
    font-size: 12px;
}

/*--Settings box--*/
.settingsBox{
	height: 126px;
    width:486px;
    margin-bottom: 10px;
    background: url( /images/settings_box_bg.png ) no-repeat top left;
    position:relative;
}

.selected{
    background: url( /images/settings_box_bg.png ) no-repeat bottom left;
}

.settingsBox h3{
	margin:0;
    color:#0A332A;
}

.settingsBox div{
	padding:10px 93px 10px 10px;
}

.settingsBox table.radioAnswers{
	position:absolute;
    top:10px;
    right:0;
    width:93px;
}

.settingsBox table.radioAnswers td{
	text-align:center;
}

.settingsBox label{
	font-weight:normal;
}
/*--End of Settings box--*/

.photo_nav_nav, .photo_nav_nav_hover {
    cursor: pointer;
}
/* START old style for user messaage, should be removed after new design implementation */

.userMessage {
    background: url( /images/global/baloonMiddle.gif ) top right repeat-y;
    margin: 0 0 8px 0;
    width: 299px;
}

.userMessage div {
    background: url( /images/global/baloonBottom.gif ) bottom right no-repeat;
    padding-bottom: 2px;
}

.userMessage div div {
    background: url( /images/global/baloonTop.gif ) top right no-repeat;
    min-height: 16px;
    padding: 8px 0;
    width: 299px;
}

.userMessage div div p {
margin:0;
padding:0 0 6px 24px;
}
/* end old style for user messaage, should be removed after new design implementation */

/* New Short User profile module */
.shortProfModule {
padding: 8px 10px;
}
.shortProfModule table{
border-bottom: 2px solid #ba080e;
margin: 8px 10px;
}

.be2Red  td, .be2Red{
	color: #ba080e;
	font-weight: bold;
	}
.shortProfModule table table {
border: none;
}

.sh_photos table {
margin-left: 10px;

}
.sh_photos table table {
margin: auto;
float: left;
}

.shortProfModule h4 {
border-bottom:2px solid #BA080E;
color:#646565;
font-size:14px;
font-weight:bold;
line-height:24px;
margin:0 10px 10px;
padding-left:12px;
	}
.shortProfModule .shortProfile {
margin: 5px 0 10px 35px ;
    width: 93%;
    float: right;
}
.shortProfile td  {
	border-bottom: 2px dotted #ccc;
	padding: 3px 10px 3px 3px;
}
.shortProfile tfoot td  {
	border-bottom: 0 none;
}

.userMotto {
    background: url( /images/global/baloon.png ) top right repeat-y;
    margin: 0 0 8px 0;
    width: 253px;
}

.userMotto div {
    background: url(/images/global/baloon.png) -253px bottom no-repeat;
    padding-bottom: 0;
}

.userMotto div div {
   background: url( /images/global/baloon.png) top left no-repeat;
    padding: 10px 0 16px;
    width: 253px;
}

.userMotto div div p {
    margin:0;
    padding:0 0 6px 28px;
    overflow: hidden;
    width: 85%;

}

.rowStyle_white {color: #000000;
    background-color: #ffffff;
    font-weight:normal;
    line-height: 14px;
    height: 25px;
}
.rowStyle_text { color: #666666; }
.rowStyle_grey { color: #000000;
    background-color: #f0f0f0;
    font-weight:normal;
    font-size:12px;
    line-height: 14px;
    height: 25px;}

.btnClass input{
    _width:0;
    width:auto;
    overflow:visible;
    cursor:pointer;
    padding:0 10px;
    margin-right:10px;
    float: right;
}

.bottom_marg{
    _margin-top:-3px;
}




/* Terms download window buttons */

div.buttonrowbox_d {
    text-align: right;
    padding: 6px 0 6px 6px;
    height: 24px;
    background-color: #fff;
    border-bottom: 1px solid silver;
    position: fixed;
    top: 0;
    right:0;
    width:100%;
}
.buttonrowbox_d .buttonStandart {
    margin-right: 10px;
}
.termPage div.innercontent {
padding: 4px;
}
.termPage div.innercontent .scrollArea {
padding: 8px 10px;
}
.termPage .box_title {
margin-bottom: 0;
}
.termPage {
margin: 45px 0 4px 4px;
}


/*-----------Green Buttons-----------*/

/*-------regForm button----*/
.greenBigButton,.grayBigButton{
	float:left;
	display:block;
	cursor:pointer;
}

.greenBigButton span, .grayBigButton span{
	display:inline-block;
	background: url(http://img.be2.com/45455/image/UI_images/buttons/bigGreenbutton.gif) left 0px no-repeat;
}

.greenBigButton span span, .grayBigButton span span{
	background: url(http://img.be2.com/45455/image/UI_images/buttons/bigGreenbutton.gif)  right -90px no-repeat;
}

.greenBigButton span span span,.grayBigButton span span span{
	min-width:83px;
	width:auto !important;
	width:103px;
	height:30px;
	padding:10px 10px 0;
	margin:0 6px;
	background: url(http://img.be2.com/45455/image/UI_images/buttons/bigGreenbutton.gif) left -45px repeat-x;
	font-size:14px;
    font-weight: bold;
    line-height: 18px;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    color: #fff;
	white-space:nowrap;
    text-align: center;
}

*html .greenBigButton span span span {
	padding-bottom: 12px;
}

*html .grayBigButton span span span{
	padding-bottom: 12px;
}

a.greenBigButton:hover{
	text-decoration:none !important;
}

.grayBigButton:hover{
    text-decoration:none !important;
    cursor:default !important;
}

.grayBigButton span{
    background: url(http://img.be2.com/45455/image/UI_images/buttons/gray_button.png) left 0 no-repeat;
}

.grayBigButton span span{
	background: url(http://img.be2.com/45455/image/UI_images/buttons/gray_button.png) right -90px no-repeat;
}
.grayBigButton span span span{
   background: url(http://img.be2.com/45455/image/UI_images/buttons/gray_button.png) left -45px repeat-x;
}


/* Green XL button for payment */

.greenBigButton.xl, .grayBigButton.xlg{
	position:relative;
}
.greenBigButton.xl span, .grayBigButton.xlg span{
    background: url(http://img.be2.com/45455/image/UI_images/buttons/greenbuttonXL.png) left 0 no-repeat;
}

.greenBigButton.xl span span,.grayBigButton.xlg span span{
    background: url(http://img.be2.com/45455/image/UI_images/buttons/greenbuttonXL.png) 100% -106px no-repeat;
}
.greenBigButton.xl span span span, .grayBigButton.xlg span span span{
    background: url(http://img.be2.com/45455/image/UI_images/buttons/greenbuttonXL.png) 0 -53px repeat-x;
    padding:0 4px 0 36px;
	height:48px;
    line-height:48px;
    text-align:center;
    width: auto;
    min-width:60px;
}

.greenBigButton.xl .lock, .grayBigButton.xlg .lock{
	background: url(http://img.be2.com/45455/image/UI_images/buttons/lock.png) top left no-repeat;
    width:26px;
    height:35px;
    position:absolute;
    top:7px;
    left:10px;
}

.greenBigButton.xl small, .grayBigButton.xlg small{
	font-size:11px;
    font-weight:normal;
    display:block;
    white-space:nowrap;
    line-height:13px;
}

*html .greenBigButton.xl span span span{
	padding-bottom: 0;
}

/* Gray XL button for payment */

.grayBigButton.xlg span{
	background: url(http://img.be2.com/45455/image/UI_images/buttons/greenbuttonXL.png) left -159px no-repeat;
}

.grayBigButton.xlg span span{
    background: url(http://img.be2.com/45455/image/UI_images/buttons/greenbuttonXL.png) 100% -264px no-repeat;
}

.grayBigButton.xlg span span span{
    background: url(http://img.be2.com/45455/image/UI_images/buttons/greenbuttonXL.png) 0 -211px repeat-x;
    color:#cacaca;
}

.grayBigButton.xlg .lock{
	background: url(http://img.be2.com/45455/image/UI_images/buttons/lock.png)  left -40px no-repeat;
}



/* Green XXL button for payment */

.greenBigButton.xxl span{
    background: url(http://img.be2.com/45455/image/UI_images/buttons/greenbuttonXXL.png) left 0 no-repeat;
    min-width: auto;
    width: auto;
}
.greenBigButton.xxl span span{
    background: url(http://img.be2.com/45455/image/UI_images/buttons/greenbuttonXXL.png) 100% -120px no-repeat;
}
.greenBigButton.xxl span span span{
    background: url(http://img.be2.com/45455/image/UI_images/buttons/greenbuttonXXL.png) 0 -60px repeat-x;
	line-height: 38px;
	height:50px;
    min-width: 138px;
    width:auto !important;
	width:138px;

}

.greenButton{
    background:url(http://img.be2.com/45455/image/UI_images/buttons/greenButton.png) no-repeat left top;
    float:left;
    display:block;
    min-width:115px;
    width:auto !important;
    width:115px;
    color: #fff;
    text-align:center;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    white-space:nowrap;
    cursor:pointer;

}
.greenButton:hover, #container a:hover{
    text-decoration:underline;
    color: white;
}


.greenButton span{
    display:block;
    background:url(http://img.be2.com/45455/image/UI_images/buttons/greenButton.png) right -49px no-repeat;
}

.greenButton span span {
    background:url(http://img.be2.com/45455/image/UI_images/buttons/greenButton.png) left -25px repeat-x;
    min-width:95px;
    width:auto !important;
    width:95px;
    line-height:14px;
    padding:3px 4px 4px 4px;
    margin:0 6px;
    color: #fff;
}

*html .greenButton span span{
    width:103px;
}

/*--------Green button medium--------*/
.mediumButton{
    height:30px;
    background:url(http://img.be2.com/45455/image/UI_images/buttons/mediumGreenButton.png) left top no-repeat !important;
}
.mediumButton span{
    background:url(http://img.be2.com/45455/image/UI_images/buttons/mediumGreenButton.png) right -70px no-repeat;
}

.mediumButton span span {
    background:url(http://img.be2.com/45455/image/UI_images/buttons/mediumGreenButton.png) left -35px repeat-x;
    line-height: 29px;
    font-size:14px;
    padding:0px 4px 1px 4px;
}

*html .mediumButton span span{
    width:103px;
}

/*----------Standart buttons-----------*/
*html .buttonStandart{
    width:0;
}

.buttonStandart {
    padding: 0 10px;
    width:auto;
    overflow: visible;
}

.buttonLast{
    margin-left:10px;
}

.standartButtonPane{
    padding:16px 10px 10px 0;
    text-align:right;
}
.standartButtonPane form {
	display: inline;
	}

.standartButtonPane form a:hover {
	text-decoration: none !important;
	}

.dialogButtonPane{
    padding:16px 0 0;
    text-align:right;
}

.underBoxButtonPane{
    text-align:right;
}

.greenButtonPane{
    padding:10px 0;
    overflow:hidden;
}




/* some new elements */
 .twogrid, .threegrid, .fourgrid, .fivegrid, .sixgrid {
    float:left;
    margin: 0 6px 0 0;
    text-align:left;
}
.twogrid {
    float: left;
    width: 214px;
    margin-left: 8px;
}

/* temporary footer description */
/*--------Global footer----------*/
.foot_line {
    background: transparent url(http://img.be2.com/45455/image/UI_images/general/footer_bar.gif) left top repeat-x;
    height:16px;
    width:100%;
    margin: 25px auto 0;
}
.foot_links {
    padding:6px 0 15px 0;
    line-height:16px;
    text-align:center;
    color:#646565;
    margin:0 auto;
    width:100%;
}
.foot_links  a, .foot_links span {
    color:#646565;
    font-size:11px;
    text-decoration:none;
    border-left:1px solid #646565;
    padding:0 10px;
    line-height:16px;
}
.foot_links.country span, .foot_links.country a {
    border-left:medium none;
    border-right:1px solid #646565;
}
.foot_links.country {
    width: 630px;
    }
.foot_links a.first, .foot_links span.first, .foot_links a.last, .foot_links span.last {
    border: medium none;
}
.foot_links a:hover {
    text-decoration:underline;
}

/*-----------UI Dialog styles---------*/

.ui-dialog {
    text-align: left;
    min-width: 357px;
    _width:357px;
    overflow:hidden;
    background: url(http://img.be2.com/45455/image/UI_images/general/spacer.gif) repeat;
}

.ui-dialog-content,.ui-dialog-subcontent{
    background: url(http://img.be2.com/45455/image/UI_images/boxes/pop_back.png) no-repeat;
}

.ui-dialog-content{
    background-position:left bottom;
    margin:0 10px 0 0;
    min-height:89px;
    height:auto !important;
    height:89px;
}

.ui-dialog-subcontent{
    background-position:right bottom;
    margin:0 -10px 0 10px;
    min-height:69px;
    height:auto !important;
    height:69px;
    padding:10px 10px 10px 0;
    text-align:left;
}

.ui-dialog-titlebar{
    background: url(http://img.be2.com/45455/image/UI_images/boxes/pop_back.png)  no-repeat left top;
    margin:0 10px 0 0;
}

.ui-dialog-title {
    background: url(http://img.be2.com/45455/image/UI_images/boxes/pop_back.png) no-repeat right top;
    position:relative;
    height:19px;
    margin:0 -10px 0 10px;
    padding:7px 30px 0 0;
    display: block;
    color: #646565;
    font-weight: bold;
    font-size: 12px;
    line-height:14px;
    text-align:left;
    white-space:nowrap;
    overflow:hidden;
}

*html .ui-dialog-title{
   height:26px;
}

.ui-dialog-titlebar-close {
    display: block;
    position: absolute;
    right: 10px;
    top: 6px;
    background: url(http://img.be2.com/45455/image/UI_images/icons/popup_icons.gif)  left -30px no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.ui-dialog-titlebar-close span {
    display: none;
}

.ui-dialog p {
    padding:5px 0;
}

.ui-widget-overlay{
    left:0;
    top:0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    background-color:#000;
    position:absolute;
}

.bigDialog .ui-dialog-title{
    margin:0 -10px 0 20px;
}
.bigDialog .ui-dialog-content{
    margin:0 20px 0 0;
}
.bigDialog .ui-dialog-subcontent{
    margin:0 -20px 0 20px;
    padding:20px 20px 20px 0;
}


/*-----------UI Dialog styles without title---------*/

.noTitle .ui-dialog-content,.noTitle .ui-dialog-subcontent{
    background: url(http://img.be2.com/45455/image/UI_images/boxes/pop_back_notitle.png)  no-repeat;
}

.noTitle .ui-dialog-content{
    background-position:left bottom;
}

.noTitle .ui-dialog-subcontent{
    background-position:right bottom;
}

.noTitle .ui-dialog-titlebar{
    background: url(http://img.be2.com/45455/image/UI_images/boxes/pop_back_notitle.png)  no-repeat left top;
    margin:0 10px 0 0;
}

.noTitle .ui-dialog-title {
    background: url(http://img.be2.com/45455/image/UI_images/boxes/pop_back_notitle.png) no-repeat right top;
    display: block;
    height:7px;
    margin:0 -10px 0 10px;
    padding:0;
}

.noTitle .ui-dialog-titlebar-close {
    height:0;
    width:0;
    display:none;
}

/*-----------Confirm layer---------*/
.confirmLayer .ui-dialog-subcontent{
    position:relative;
    min-height:256px;
    _height:296px;
    padding-left:155px;
}

.confirmLayer h4{
	font-size:16px;
    color:#58AC00;
    margin:0 0 15px;
}

.confirmLayer h2{
	font-size:12px;
    color:#58AC00;
    margin:0;
    padding-top:15px;
}

.confirmLayer b{
	color:#646565
}

.confirmLayer p{
	padding:10px 0 0;
}
.confirmLayer iframe{
	height:0;
	width:0;
	border:1px solid red;
	visibility:hidden;
	line-height:0;
}
.confirmLayer img{
    position:absolute;
    bottom:0;
    left:-10px;
    z-index:0;
}
.confirmLayer .w100{
	margin-top:10px;
}

.confirmLayer .w280{
	position:absolute;
    bottom:10px;
}


.leftColIn {
    width: 154px;
}

#pagediv {
    padding-top: 8px;
}

.pageDivInner {
    margin: 0;
}







/* Introduction block for Questionary pages  */
.introText {
    margin-bottom: 6px;
    font-size: 16px;
    overflow: hidden;
    text-align: left;
    line-height: 24px;
    padding: 0;
    color: #646565;
    font-family: "Trebuchet MS", Verdana, Arial, Tahoma, sans-serif;
}
.introText p {
    margin: 0;
    padding: 0;
}
.stripedBg {
    background: url(http://img.be2.com/45455/image/UI_images/introblock/tiled.png) bottom left repeat;
    width: 100%;
}
.introText.stripedBg p {
    height: 39px;
    overflow: hidden;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    font-family: Verdana, Arial, Tahoma, sans-serif;
}

.introText.profileNotif{
	margin-top:10px;
}
.introText.stripedBg.profileNotif p{
	height:auto;
    padding:10px 0 0;
}

.stripedBg .rr {
	background: url(http://img.be2.com/45455/image/UI_images/introblock/introRight.png) top right repeat-y;
}
.stripedBg .bl {
	background: url(http://img.be2.com/45455/image/UI_images/introblock/introLeftBottom.png) bottom left no-repeat;
}
.stripedBg .tr {
	background: url(http://img.be2.com/45455/image/UI_images/introblock/introTopRight.png) top right no-repeat;
	padding:8px 30px 15px;
}

* html .stripedBg .tr{
    border: 1px solid #fff;
}
/*--IE7 only--*/
*:first-child+html .stripedBg .tr{
	border:1px solid #fff;
}

.stripedBg .br {
	background: url(http://img.be2.com/45455/image/UI_images/introblock/introBottomRight.png) bottom right no-repeat;
}

.introText h2{
    line-height: 24px;
    font-weight: bold;
    color: #646565;
    font-size: 16px;
    padding: 0;
}

.introText.stripedBg h2 {
    color: #000;
}

#globalcontentcenter {
  margin: 0 8px;
}

/* Head line */

h1.pageTitle, .introText h2 {
    font-family: "Trebuchet MS", Verdana, Arial, Tahoma, sans-serif;
}

h1.pageTitle, .openquote {
    color:#646565;
    font-size: 20px;
    margin: 2px 0 11px;
    font-weight: bold;
    padding: 0 0 0 15px;
    background: url(http://img.be2.com/45455/image/UI_images/general/quotes.png) no-repeat 0 -105px;
}

h1.pageTitle {
   font-family: "Trebuchet MS", Verdana, Arial, Tahoma, sans-serif;
    background-position: 0 -102px;
	line-height: 18px;
	vertical-align: top;
	padding-right: 8px;
}

h1.pageTitle2{
	color:#646565;
    margin:20px 0 10px;
}

h1.pageTitle2 span{
	color:#ba080e;
}

h1.headLine{
    font-size:16px;
    line-height:18px;
    color:#646565;
    margin: 2px 0 11px;
}
.openquote span {
    background: url(http://img.be2.com/45455/image/UI_images/general/quotes.png) 100% -18px no-repeat;
    padding-right: 17px;
}
.titlequote {
	background: url(http://img.be2.com/45455/image/UI_images/general/quotes.png) 100% -24px no-repeat;
	width: 18px;
	height: 11px;
	line-height: 0;
	}
.pageTitle .catchLine {
    display: inline;
    background: none;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
}
h4.openquote {
    background-position:0 -47px;
    display:inline-block;
    font-size:14px;
    height:34px;
    margin:5px 0 0;
    overflow:hidden;
    line-height: 16px;
}
.openquote {
}
.openquote span {
    background-position: 100% -75px;
}
.openquote span {
    background: none;
    padding-right: 0;
}
.openquote .closeQuote {
    background: url(http://img.be2.com/45455/image/UI_images/general/quotes.png) no-repeat scroll 100% -79px;
    width:14px;
    height: 14px;
}
.subtitle {
	color:#646565;
	font-size: 12px;
	font-weight: normal;
}



/*-----Floating styles-----*/

.fl_left{
    float:left !important;
}

.fl_right{
    float: right !important;
}

.fl_center{
    float:left !important;
    position:relative;
    left:50%;
}

.fl_center a, .fl_center ul,.fl_center span.greenButton,.fl_center span.greenBigButton{
    position:relative;
    left:-50%;
}

html>body .fl_center a,.fl_center span.greenButton{
    float:none !important;
}



/*-----ProgressBar styles----*/

.progressBarHolder,.progressBar{
    width:548px;
}
.progressBarHolder{
    position:relative;
    overflow:hidden;
    margin: 0 auto;
}
*html .fivegrid .progressBarHolder {
    margin-left: 20px;
}
.progressBarHolder, .progressBarHolder div{
    height:29px;
}

.progressBarEmpty{
    background:url(http://img.be2.com/45455/image/UI_images/general/profile-bar2.png) 0 -124px repeat-x;
}
.progressBarEmpty div{
    background:url(http://img.be2.com/45455/image/UI_images/general/profile-bar2.png) left -155px no-repeat;
}

.progressBarEmpty div div{
    background:url(http://img.be2.com/45455/image/UI_images/general/profile-bar2.png) right -93px no-repeat;
}

.progressBar{
    background:url(http://img.be2.com/45455/image/UI_images/general/profile-bar2.png) 0 -62px repeat-x;
}
.progressBar div{
    background:url(http://img.be2.com/45455/image/UI_images/general/profile-bar2.png) left 0 no-repeat;
}

.progressBar div div{
    background:url(http://img.be2.com/45455/image/UI_images/general/profile-bar2.png) right -31px no-repeat;
}
.dynContainer {
    position:absolute;
    top:0;
    width:100%;
    overflow:hidden;
}

.statusPercent {
    color:#000;
    width:100%;
    text-align:center;
    margin-top:3px;
    font-weight:bold;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
}

/* ToolBox progress bar */

.toolBox .progressBarHolder, .toolBox .progressBar {
    width: 200px;
}

   .toolBox .progressBar, .toolBox .progressBarEmpty, .toolBox .progressBarEmpty div, .toolBox .progressBarEmpty div div, .toolBox .progressBar div, .toolBox .progressBar div div  {
    background-image: url(/images/global/profile-bar4.png);
}

/*---progress bar for own profile---*/
.ownProfileCompleteBar{
		width:245px;
}

.ownProfileCompleteBar .progressBarHolder{
		margin:0;
}

/*---Changed width from 222 to 234 to get  222px for actual width of progress bar---*/
.ownProfileCompleteBar .progressBarHolder,.ownProfileCompleteBar .progressBar{
		width:234px;
}


/* Right columns menu */
.rightMenuTable {
    width: 90%;
    margin: 0 8px;
}
.rightMenuTable td {
    vertical-align: middle;
    line-height: 14px;
}

/* Payment Page 2 3D Secure Logos and infos */
.paymentTable td{
	padding: 2px 6px;
}

ul.paymentTypeBox3D {
	width:240px;
}

ul.paymentTypeBox3D li{
	float: left;
    width:49.9%;
    padding-top:62px;
}

ul.paymentTypeBox3D li.visa {
    background: url(/images/payment/3d_secure_logo.gif) no-repeat 0 0;
}

ul.paymentTypeBox3D li.master{
	background: url(/images/payment/3d_secure_logo.gif) no-repeat -115px 0;
}

#visaInfo img, #master_info img{
	margin:0 0 5px 5px;
}

div.paymentTypeBox3D {
/*  padding: 7px 0px 0px 10px; */
  display: none;
}

img.paymentTypeBox3D {
  padding: 2px 9px 12px 8px;
}

/* Payment Page 2 CVV Logo, help info */
.helpIndent{
	margin:3px 0 0 5px;
	float:left;
}

.helpIndent {
  margin:3px 0 0 15px;
  float:left;
}


table.paymentTypeBoxCVV {
  width: 230px;
  height: 150px;
  background-image: url(/images/payment/cvv_bg.gif);
}

table.paymentTypeBoxCVV td{
text-align:center;
vertical-align:top;
}

/* Big bubble for payment */

.bigBubble {
float: left;
clear: right;
width: 100%;
margin: 7px 0 11px;
height:68px;
background: url(http://img.be2.com/45455/image/UI_images/bigBubble/bigBubble.png) 0 -136px repeat-x;
color:#646565;
position: relative;
}
.bigBubble div {
height: 68px;
background: url(http://img.be2.com/45455/image/UI_images/bigBubble/bigBubble.png) right top no-repeat;
}
.bigBubble div div{
background: url(http://img.be2.com/45455/image/UI_images/bigBubble/bigBubble.png) 0 -68px no-repeat;
}
.bigBubble .bubbleContent {
background: none;
margin: 9px;
height: auto;
float: left;
width: 95%;
}
.bigBubble .persImg {
	margin-right: 8px;
}
.bigBubble .bubbleContent span {
display: block;
font-weight: bold;
/*width: 95%;*/
}
.bigBubble .arrow {
position: absolute;
right:160px;
top:66px;
width:62px;
height: 22px;
background: url(http://img.be2.com/45455/image/UI_images/bigBubble/bigBubble.png) 0 -204px no-repeat;
}

/*-----Static bubble styles---*/
.bubPosition, .cvvHelpBubblePos{
    position:absolute;
    top:70px;
    left:330px;
    display:none;
    z-index:100;
}

.cvvHelpBubblePos{
    top:-44px;
    left:92px;
    position:absolute;
}

.greetingBubble{
	top:-18px;
  	left:37px;
}

.professionBubble{
	top:-28px;
	left:10px;
}

#preloadImages,#FB_HiddenContainer{
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}

.bubContainer{
	 /*width:340px;*/
	 width:270px;
	 margin-top:40px;
	 background: url(http://img.be2.com/45455/image/UI_images/general/bubble_middle.png) top left repeat-y;
}

.bubContent{
	 min-height:1px;
	 height:auto !important;
	 height:1px;
	 position:relative;
}

.top,.buttom{
	 position:absolute;
	 left:0;
	 width:100%;
}

.top{
	 top:-40px;
	 height:40px;
	 background: url(http://img.be2.com/45455/image/UI_images/general/bubble_top.png) top left no-repeat;
}

.buttom{
	 bottom:-16px;
	 height:16px;
	 background: url(http://img.be2.com/45455/image/UI_images/general/bubble_btm.png) top left no-repeat;
}

.middle{
	 margin:0 17px 0 28px;
	 border:1px solid white;
}
/*
.middle div{
	 position:relative;
	 top:-30px;
	 width:223px;
	 background-color:#fff;
}*/

.middle div{
	position:relative;
	margin-top:-33px;
	width:223px;
	overflow:hidden;
	background-color:#fff;
    top:0;
}

.justAskHelpBubblePos .middle div{
	 top:-30px;
     margin-top:0;
     overflow:visible;
}


.middle div *{
	 font-size:11px;
	 color:#000;
}

.middle p{
	 display:none;
}

.middle b, .middle label, .middle span, .middle span p{
 display:block;
}

.middle label{
	 float:left;
	 clear:both;
	 line-height:16px;
}

.middle div.breaker{
	 margin:0;
	 width:0;
    color: #330033;
}

.middle span.dottedSep{
	 margin:5px 0;
}

*html .top{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.be2.com/45455/image/UI_images/general/bubble_top.png',sizingMethod='scale');
    background:none;
}

*html .buttom {
	/*background-image: url(http://img.be2.com/45455/image/UI_images/general/bubble_btm.gif);*/
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.be2.com/45455/image/UI_images/general/bubble_btm.png',sizingMethod='scale');
    background:none;
}

*html .bubContainer{
     /*background-image: url(http://img.be2.com/45455/image/UI_images/general/bubble_middle.gif);*/
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.be2.com/45455/image/UI_images/general/bubble_middle.png',sizingMethod='scale');
     background:none;
}


#answerBubble .middle div{
	top:-15px;
	}
#answerBubble .middle .closeLink {
	margin-top: -15px;
	position: relative;
	}
.orderedList{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: decimal;
    font-weight:bold;
    list-style: none outside decimal;
    text-align:left;
    margin-left:20px;
	padding-left: 5px;
}

.justAskHelpBubblePos{
    top:-44px;
    left:188px;
}
.justAskBubContent {
    font-weight:normal;
    padding-bottom:10px;
}

/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(http://img.be2.com/45455/image/UI_images/general/cluetip/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -15px;
  height: 21px;
  width: 16px;
  margin-top: 5px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default'
-------------------------------------- */

.cluetip-default {
  background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltip2.png) top right no-repeat;
  padding-top: 9px;
}

.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltip2.png) bottom left no-repeat;
  padding-bottom: 16px;
}


.cluetip-default #cluetip-inner {
  padding:0 10px;
  text-align: left;
  background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltip2.png) -249px 0 repeat-y;
  min-height: 25px;
}


.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}

.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}

.cluetip-default div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}


/* default arrows */
.clue-right-default .cluetip-arrows {
  background-image: url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltipArrowLeft.png);
}

.clue-left-default .cluetip-arrows {
  background-image: url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltipArrowRight.png);
  left: 244px;
  margin-right: -11px;
  width: 19px;
}

.clue-top-default .cluetip-arrows {
  background-image: url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltipBottom.png);
  top: auto;
  bottom: 0px;
  left: 50%;
  margin-left: -11px;
  height: 19px;
  width: 22px;
  margin-bottom: -11px;
}


.clue-bottom-default .cluetip-arrows {
  background-image: url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltipTop.png);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 19px;
  width: 22px;
}



/*---cluetip xl bubble---*/
.xlBubble {
	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltip_xl.png) top right no-repeat;
}

.xlBubble #cluetip-outer{
	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltip_xl.png) bottom left no-repeat;
}

.xlBubble #cluetip-inner{
	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltip_xl.png) -329px 0 repeat-y;
}


/*----Greeen Bubble-----*/
.greenBubble{
	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/green_bubble.png) top right no-repeat;
    padding-top: 13px;
    z-index:1;
}

.greenBubble #cluetip-outer{
	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/green_bubble.png) bottom left no-repeat;
    padding-bottom: 13px;
    z-index:2;
}

.greenBubble #cluetip-inner{
	 background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/green_bubble.png) -192px 0 repeat-y;
     z-index:3;
     min-height:43px;
     _height:43px;
     color:#555555;
}

.greenBubble .cluetip-arrows {
   background-image: url(http://img.be2.com/45455/image/UI_images/general/cluetip/bubble_arrow_left.png);
   height: 33px;
   width: 32px;
   margin-left: -8px;
   z-index:1000;
   top:10px !important;
}


/*-----for IE6 -----*/

*html .cluetip-default {
	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltip.png) top right no-repeat;
}

* html .cluetip-default #cluetip-outer {
	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltip.png) bottom left no-repeat;
}


*html  .cluetip-default #cluetip-inner {
  	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltip.png) -249px 0 repeat-y;
	display: inline-block;
}


*html .clue-right-default .cluetip-arrows {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.be2.com/45455/image/UI_images/general/cluetip/tooltipArrowLeft.png',sizingMethod='scale');
    background:none;
}

*html .clue-left-default .cluetip-arrows {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.be2.com/45455/image/UI_images/general/cluetip/tooltipArrowRight.png',sizingMethod='scale');
    background:none;
}


/*----xl styles---*/

* html .xlBubble #cluetip-outer{
	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltip_xl2.png) bottom left no-repeat;
}

*html  .xlBubble #cluetip-inner{
	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltip_xl2.png) -329px 0 repeat-y;
	display: inline-block;
}

*html .xlBubble  {
	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/tooltip_xl2.png) top right no-repeat;
}

/*----green bubble styles---*/

*html .greenBubble #cluetip-outer{
	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/green_bubble_ie6.png) bottom left no-repeat;
}

*html  .greenBubble #cluetip-inner{
	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/green_bubble_ie6.png) -192px 0 repeat-y;
	display: inline-block;
}

*html .greenBubble  {
	background: transparent url(http://img.be2.com/45455/image/UI_images/general/cluetip/green_bubble_ie6.png) top right no-repeat;
}

*html .greenBubble .cluetip-arrows {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.be2.com/45455/image/UI_images/general/cluetip/bubble_arrow_left.png',sizingMethod='image');
    background:none;
}



/* profile navigation part */
.twogrid .profNavig {
	width: 214px;
}
.profNavig {
	float:right;
	margin-bottom:8px;
	margin-top:6px;
}
.profBottomNavig {
	text-align:right;
    overflow:hidden;
}

.profBottomNavig table{
    float:right;
    /*display:inline;*/
	/*border: 1px dashed white;*/
}

.goBackGray, .goNextGray {
	color: #ccc;
	padding: 0 0 0 14px;
    line-height: 1.3em;
    background: url(http://img.be2.com/45455/image/UI_images/icons/arrow_icons.png) no-repeat 1px -233px;
    display: inline-block;
	margin: 0 6px 0 0;
	}

.goNextGray {
	background-position:100% -270px;
	color: #ccc;
	text-align: right;
	padding:0 14px 0 6px;
	}

.profNavig .smallIcon {
	margin: 0 6px 0 0;
	}

.profBottomNavig .smallIcon {
	vertical-align:top;
	width: auto;
	}
.profNavig .goNext, .profBottomNavig .goNext {
	text-align: right;
	margin: 0 0 0 6px;
	}
.profBottomNavig .goBack {
	margin-right: 6px;
	}

.profNavig  td {
	width: 50%;
	padding: 0;
	}
.profBottomNavig  td{
	width: auto;
	}
.rightBlackBorder {
	border-right: 1px solid black;
	}
.rightGrayBorder {
	border-right: 1px solid #D0CAB9;
	}
.profNavig .smallIcon:hover {
	text-decoration: none;
}

ul.imageActions li{font-size:0;}

/* update payment pages */
.methods {}
.methodBox {
    border-color:#B2B2B2;
    border-style:solid;
    border-width:1px 1px 1px 0;
    height: 80px;
    width: 300px;
	float:left;
    display: inline-block;
    padding:5px;
	margin-top:5px;
}
.methods .boundary {
    border-width: 1px !important;
}
.topImageBoxText {
    padding-top:10px !important;
}
.topImageBox {
    background: no-repeat top left;
    width:940px !important;
}
.continueRow {
    margin-top: 5px;
    padding-right: 15px;
}
.continueRow .fl_left{
    margin-top: 10px;
}
.methodInput {
    float: left;
    display: inline-block;
}
.methodTitle {
    display: inline-block;
}
.methodLogos {
    margin-top: 5px;
    margin-left: 20px;
}
.methodLogos img {
    margin: 5px;
}

.mailActions{
	padding:10px;
}
.promotext{
	margin:10px;
}
.promotext td{
	padding:4px;
}

.sortHeader th{
	padding:2px 0;
}
.sortHeader th a{
	color:#000;
    text-decoration:underline;
    font-weight:bold;
}

.favTb td,.favTb th{
	padding:3px 10px;
    background: url(/images/dotted_line.png) bottom left repeat-x;
}