/*
 * Theme Name: Livetodot Web
 * Author: ConfuzzledDuck
 * Description: Theme for Livetodot website.
 * Version: 0.1
*/

/* style for big error box in the top-left corner */


.LuckyEngine_Error_Box {
    background-color: #FFC7C7;
    border: 1px solid #FF7070;
    padding: 5px;
}

.LuckyEngine_Error_Box .Hide_Link {
    color: blue;
}

/* Style for terms ordered lists. */
div.terms ol {
   counter-reset: item;
   margin-bottom: 10px;
}
div.terms li {
   display: block;
   padding-bottom: 4px;
}
div.terms li.heading {
   font-weight: bold;
}
div.terms li:before {
   content: counters(item, ".") ". ";
   counter-increment: item;
   font-weight: bold;
}
div.terms dl {
   margin-top: 10px;
}
div.terms dt {
   font-weight: bold;
}
/* style for form elements error messages (form checks) */

.LuckyEngine_Error_Messages {
    color: red;
}

/*
form.loading {
    opacity         : 0.3;
    -moz-opacity    : 0.3;
    -khtml-opacity  : 0.3;
    filter          : alpha(Opacity=30);
}

*form.loading * {
    filter          : alpha(Opacity=30);
}
*/
#form-lock {
    position        : absolute;
    background      : #FFFFFF url(../lib/_engine/img/form-loader-medium.gif) no-repeat scroll center center;
    opacity			: 0.7;
    width           : 100%;
    height          : 99%;
    z-index         : 9999;
}
*#form-lock {
    filter          : alpha(Opacity=70);
}


#form-lock iframe {
        display:none;/*sorry for IE5*/
        display/**/:block;/*sorry for IE5*/
        position:absolute;/*must have*/
        top:0;/*must have*/
        left:0;/*must have*/
        z-index:-1;/*must have*/
        width:100%;/*must have for any big value*/
        height: 100%;/*must have for any big value*/
        filter:mask();/*must have*/
    }
/* style for big message box in the top-left corner */

.LuckyEngine_Message_Box {
    background-color: #DAEFF8;
    border: 1px solid #7CC7E4;
    padding: 5px;
}


.buttons-container {
    position: relative;
}
.buttons-container.buttons-container-domain {
    position: static;
}
.btn-container {
    background: #D6E3EF url(img/tab/f-sel.gif) repeat 0px -1px;
    cursor: pointer;
    float: right;
    border-top      : 1px solid #EBF5FA;
    border-bottom   : 1px solid #687B84;
    border-left     : 1px solid #EBF5FA;
    border-right    : 1px solid #687B84;
    width: auto;
    overflow: hidden;
    clear: both;
}
.btn-container.btn-container-selected {
    border-bottom: 1px solid #EBF5FA;
    border-top: 1px solid #687B84;
    border-right: 1px solid #EBF5FA;
    border-left: 1px solid #687B84;
}
.btn-container tr.btr {
    background: transparent;
}
.btn-container tr.btr td {
    background: transparent;
    border-width: 0px;
    border-style: none;
}
.btn-container .bb {
    border-style    : solid;
    border-width    : 0px;
    background      : transparent;
    border-color    : #F1F5F9;
    font-family     : Arial;
    font-size       : 12px;
    margin          : 4px 6px;
    position        : relative;
    padding-right   : 18px;
}
.btn-container .bb .btn-arrow-down {
    position:absolute;
    top: 1px;
    right: 0px;
    margin: 0px 2px;
    background: transparent url(img/buttons/button-down-arrow.gif) no-repeat scroll right center;
    height: 100%;
    width: 14px;
}

.btn-container .bb .btn-arrow-down {
    *top: -1px;
    *right: 4px;
}

.btn-container .bh {
    background  : transparent;
    display     : block;
    font-size   : 1px;
    font-family : arial;
}

.btn-container .bh b {
    display     : block;
    height      : 1px;
    overflow    : hidden;
}

.btn-container .bh .bcl, .btn-container .bh .bcr {
    background: transparent;
}

.btn-container .bh .bcl {
    margin:0pt 1px;
}
.btn-container .bh .bcl {
    margin:0pt 1px;
}

.btn-menu-container {
    background: #E6EEF5 none repeat scroll 0% 50%;
    border-width: 1px;
    border-style: solid;
    border-color: #687B84 #606060 #606060;
    left:0pt;
    list-style-type:none;
    margin: -1px 0pt 0pt;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0pt;
    position:absolute;
    width:16em;
/*
    border-color:-moz-use-text-color -moz-use-text-color #CCDCEB;

    border-style:none none solid;
    border-width:0pt 0pt 1px;
    outline-color: #606060;
    outline-style:solid;
    outline-width:1px;
*/
    z-index: 100;
    display: block;
}
.btn-menu-container .btn-menu-item {
    display: block;
    position: relative;
}
.btn-menu-container li.btn-menu-item {
    /*padding:0.3em 0.2em 0.4em 0.6em;*/
    padding: 0px;
    cursor: pointer;
    line-height:93%;
    zoom: 1;
}
.btn-menu-container li.btn-menu-item:hover { background: #CCDCEB; }
.btn-menu-container li.div {
    border-top:1px solid #CCCCCC;
}
.btn-menu-container li.btn-menu-item a.item-label {
    display:block;
    line-height:105%;
    /*margin-left:3px;*/
    margin-left:0px;
    padding:0.3em 0.2em 0.4em 0.6em;
    font-size: 12px;
    font-family: tahoma;
    text-decoration: underline;
    color: #3D8DFF;
}
.btn-menu-container li.btn-menu-item .item-label a {
    display:block;
    line-height:105%;
    margin-left:3px;
    font-size: 12px;
    font-family: tahoma;
    text-decoration: underline;
    color: #3D8DFF;
}
.unselect {
    -moz-user-select: none;
    khtml-user-select: none;
    user-select: none
}
body, td, p, div {
    font-family             : verdana, sans-serif;
    font-size               : 10pt;
}

p, ul {
    margin-top      : 5px;
    margin-bottom   : 15px;
}


input, select, textarea {
    font-family             : arial, sans-serif;
    font-size               : 11px;
}

optgroup {
	font-family             : verdana, sans-serif;
	font-style				: normal;
}

input.inp.stretch, textarea.inp.stretch {
    width                   : 95%;
}

input.inp.search, select.search {
    font-size:           13px;
}

input.inp.disabled { border: 1px solid #A5ACB2; padding:2px; background: #EBEBE4;  color:#aaaaaa; cursor:default; }

form {
    margin          : 0px;
}

input.button {
    color           : #000;
    /*background      : #BDDFF0;*/
    background      : /*#D6E3EF #F7F9FC*/ #D6E3EF url(img/tab/f-sel.gif) repeat 0px -3px;
    font-size       : 11px;
    font-weight     : bold;
    padding         : 2px 3px 2px 3px;
    margin          : 1px;
    vertical-align  : middle;
    font-family     : Tahoma;

    border-top      : 1px solid #EBF5FA;
    border-bottom   : 1px solid #687B84;
    border-left     : 1px solid #EBF5FA;
    border-right    : 1px solid #687B84;
    border-collapse : collapse;
    border-spacing  : 0px;
    overflow        : visible;
    *border-top     : 1px;
    *border-left    : 1px;
    *padding        : 2px 6px 2px 6px;
}
input.button.normal {
    font-size       : 11px;
    font-weight     : normal;
}
input.button.big {
    font-size       : 14px;
    height          : 24px;
}

input.button[disabled] {
    color           : #9D9DA1;
    border          : 1px solid #687B84;
    border-top      : 1px solid #EBF5FA;
    border-left     : 1px solid #EBF5FA;
}

input.phonecode { width:40px; border: 1px solid #A5ACB2; border-right:none; padding:2px; background: #EBEBE4;  color:#aaaaaa; text-align:center; cursor:default; }
input.number { text-align: right; width: 40px; }

.valign {
    vertical-align  : top;
}

.hidden { display: none; }

.LuckyEngine_Error_Messages {
    white-space     : normal;
    font            : 11px Arial;
    *margin-left    : 2px;
}
.LuckyEngine_Message_Box { z-index: 100; width: 99.1%; }
.LuckyEngine_Error_Box{ z-index: 100; left:0px; right:0px; width: 99.1%; }
.LuckyEngine_Error_Box.inner { width: auto; }

p.error { border-left: 3px solid red; padding: 4px; }

img {
    border          : 0px;
}

* > img  {
    vertical-align  : -1px;
}

/* TABLE GRID */
.holder-grid {
    width                   : 100%;
    margin-top              : 0px;
}

.holder-grid td {
    vertical-align          : top;
}
.grid { width: 100%; }
.grid .tc {
    border-style            : solid;
    border-width            : 4px 4px 4px;
    background              : #E0ECFF none repeat scroll 0%;
    border-color            : #CCDCEB;
    /*
    width                   : 99.1%;
    *width                  : 99.3%;
    */
}


.grid .head {
    width                   : 100%;
    height                  : auto;
    text-align              : center;
    padding-left            : 0px;
    vertical-align          : top;
}
.grid .body {
    width                   : 100% !important;
    height                  : 300px;
    text-align              : center;
    padding-left            : 0px;
    /*overflow                : auto;
    overflow-x              : hidden;*/
}
.grid .head table, .grid .body table, .grid .footer table {
    width                   : 100%;
    /*background              : #9D9DA1;*/
}

.grid .head table tr td {
    font-size               : 12px;
    font-weight             : bold;
    vertical-align          : middle;
}
.grid .head tr {
    background              : #CCDCEB;
}


.grid .body tr {
    background              : #fff;
}
/*.grid .body a, */
.grid .body td {
    font-size               : 10px;
    vertical-align          : middle;
}

.grid .body td.nw { overflow: visisble; }

/* nice info header */
.grid .tbh { margin: 4px; vertical-align: middle; font-size:12px; padding: 4px 0px 6px; }
.grid .tbh .rpp { float: right; vertical-align: top; margin-left: 6px; }
.grid .tbh .inft { font-size: 90%; font-weight: bold; margin: 0px 0px 2px 0px}
.grid .tbh .extt { font-size: 80%; }
/* // nice info header */

.grid .body.domains { height: auto; }
.grid .body.domains table {  table-layout:fixed; }
.grid .body.domains td {
    border-bottom: 1px solid #CBCBCB;/*#9D9DA1;*/
    white-space: nowrap;
    overflow: hidden;
    empty-cells: show;
    width:100%;
    text-align: left;
    text-overflow: ellipsis;
}

.grid .footer td { font-size: 11px; }

.grid .body.domains a, .grid .body.domains td {
    font-size               : 11px;
}

.grid .body a {
    /*color                   : #FF0000;*/
    color                   : #3D8DFF;
}
.grid .body a.hint {
    /*color                   : #FF0000;*/
    color                   : inherit !important;
    *color                  : #000;
    text-decoration         : none;
}


.grid .body table tr.header {
    width                   : 100%;
    height                  : auto;

    font-size               : 12px;
    font-weight             : bold;
    vertical-align          : middle;

    background              : /*#C3D9FF;*/#CCDCEB;
}
.grid .body tr.header td {
    font-size               : 12px;
    font-weight             : bold;
    vertical-align          : middle;
    border-bottom           : none;
}


.grid .footer {
    width                   : 100%;
    height                  : auto;
    text-align              : left;
    padding                 : 0px;
    margin                  : 0px;

}
.grid .footer table {
    width                   : 100%;
    border                  : 1px solid #CCDCEB;
    /*border-top              : 0px;*/
}
.grid .footer tr {
    background              : #f2f2f2;
}

.grid .footer table tr td.label {
    text-indent             : 4px;
    white-space             : nowrap;
    vertical-align          : middle;
}

.grid .footer.nb table { border: 0px solid #CCDCEB; }
.grid .footer.nb tr { background: inherit !important; }


/* footer domains */

.grid .fd {
    width                   : 100%;
    height                  : auto;
    text-align              : left;
    padding-left            : 0px;
    border-width            : 4px 0px 4px;
    border-style            : solid;
    border-color            : #E0ECFF;

}
.grid .fd table {
    width                   : 100%;
    border                  : none;
}

.grid .fd tr { background: inherit !important; }

.grid .fd td { font-size: 11px; }

.grid .fd table tr td.lbl {
    text-indent             : 4px;
    white-space             : nowrap;
    vertical-align          : middle;
    width                   : 90px !important;
}
.grid .fd table tr td.acts { text-align:left; width: 100%; }

.grid .fd td.pages { text-align: right; padding-right:10px; vertical-align:middle; width:auto; white-space:nowrap; }

/* round corners */
.grid .rnd1, .grid .rnd2, .grid .rnd1l, .grid .rnd2l, .grid .rnd1r, .grid .rnd2r {
    background  : #CCDCEB none repeat scroll 0% 50%;
}
b.rnd {
    background  : #FFFFFF none repeat scroll 0% 50%;
    display     : block;
    font-size   : 1px;
    font-family : arial;
}

b.rnd b {
    display     : block;
    height      : 1px;
    overflow    : hidden;
}
b.rnd1 {
    margin:0pt 2px;
}
b.rnd2 {
    margin:0pt 1px;
}
/* // round corners */
html, body html {
    height                  : 100%;
}
body {
    margin                  : 0px;
    padding                 : 0px;
    background              : #ffffff;
    cursor                  : default;
    vertical-align          : top;
    height                  : 100%;
    width                   : 100%;
}

.canvas {
    z-index                 : -1000;
    clear                   : both;
    height                  : 0px;
    line-height             : 0px;
    font-size               : 0px;
    background              : transparent;
    visibility              : hidden;
}
* html .canvas  {
    width                   : 764px;
}

/* MAIN TABLE */
#page_container {
    width                   : 100%;
    min-width               : 764px !important;
    height                  : 100%;
    min-height              : 100%;
    margin                  : 0px;
}

#holder  {
    width                   : 100%;
    height                  : 100%;
    min-height              : 100%;
    background-color        : white;
    margin-bottom           : -55px;
}
/*fixes error in non-IE agents*/
html>body #holder  {
    height                  : auto;
    min-height              : 100%;
}

#clearfooter {
    height                  : 20px;
    width                   : 100%;
    clear                   : both;
    content                 : ".";
    visibility              : hidden;
}

#footer {
    width                   : 100%;
    height                  : 55px;
    border: 0px solid #800;
}

#header {
    width                   : 100%;
    height                  : 124px;
    background              : white;
}

#main {
    width                   : 100%;
    height                  : auto;
    background              : white;
    float                   : none;
    clear                   : both;
}

/* HEADER & MENU */
#header .menu {
    margin-top              : 10px;
}
.menu {
    position                : relative;
    width                   : 100%;
    height                  : 36px;
    border                  : 0px solid yellow;
}
.menu .inner {
    position                : absolute;
    top                     : 25px;
    left                    : 0px;
    width                   : 100%;
}

.menu .inner.top {
    position                : absolute;
    top                     : 0px;
    left                    : 0px;
    width                   : 100%;
    height                  : 11px;
}

.menu .inner .bottom {
    position                : absolute;
    height                  : 11px;
    background              : url(img/tab/f-bottom.gif) bottom repeat-x;
    width                   : 100%;
}
.menu .inner .line { background: url(img/tab/f-bottom-sub.gif); margin:0px; padding:0px; }
.menu .inner .bottom .line div.links { text-align:right; padding: 2px 20px 2px 0px; font-size:11px; }
.menu .inner .bottom .line div.links a { text-decoration: none; color: #5E6D7B; }
.menu .inner .bottom .line div.links a:visited { text-decoration: none; color: #5E6D7B; }
.menu .inner .bottom .line div.links a:hover { text-decoration: underline; }

.menu .inner .top {
    background              : url(img/tab/f-bottom-sub.gif);
    width                   : 100%;
    height                  : 2px;
}

.menu .tabs {
    position                : absolute;
    top                     : 0px;
    left                    : 0px;
    height                  : 25;
    width                   : 100%;
}
.menu .tabs .l {
    position                : absolute;
    top                     : 0px;
    left                    : 10px;
    height                  : 25px;
}

.menu .tabs .r {
    position                : absolute;
    top                     : 0px;
    right                   : 10px;
    height                  : 25px;
}

.menu .tabs ul {
    margin                  : 0px;
    padding                 : 0px 0px 0px 0px;
    list-style              : none;
}
.menu .tabs ul li {
    float                   : left;
    /*display                 : inline;*/
    margin                  : 0;
    margin-left             : 0;
    margin-right            : 2px;
    padding                 : 0px 0px 0px 0px;
    line-height             : 25px;
    white-space             : nowrap;
}

.menu .tabs ul li div {
    float                 : left;
}
.menu .tabs ul li .left {
    width               : 9px;
    height              : 25px;
    background          : url(img/tab/l-round.gif);
}
.menu .tabs ul li.selected .left {
    width               : 9px;
    height              : 25px;
    background          : url(img/tab/l-round-sel.gif);
}
.menu .tabs ul li .right {
    width               : 9px;
    height              : 25px;
    background          : url(img/tab/r-round.gif);
}
.menu .tabs ul li.selected .right {
    width               : 9px;
    height              : 25px;
    background          : url(img/tab/r-round-sel.gif);
}
.menu .tabs ul li .text {
    height              : 25px;
    background          : url(img/tab/f.gif);
    padding             : 0px 2px 0px 2px;
}
.menu .tabs ul li.selected .text {
    height              : 25px;
    background          : url(img/tab/f-sel.gif);
}
.menu .tabs ul li .text a, .menu .tabs ul li .text a:visited {
    color               : #5E6D7B;
    text-decoration     : none;
    padding             : 2px 3px;
}
.menu .tabs ul li .text a:hover {
    text-decoration     : underline;
}
.menu .tabs ul li.selected .text a, .menu .tabs ul li.selected .text a:visited {
    color               : #000;
    padding             : 1px 3px;
}
.menu .tabs ul li span {
    display             : none;
}
.menu .tabs ul li.selected span {
    display             : inline;
}

/* reflected tabs */
.menu .tabs ul.reflected li {
    margin-right        : 0px;
}
.menu .tabs ul.reflected li .left {
    width               : 9px;
    height              : 25px;
    background          : url(img/tab/l-round-sel-reflect.gif);
}
.menu .tabs ul.reflected li .right {
    width               : 9px;
    height              : 25px;
    background          : url(img/tab/f-sel-reflect.gif);
}
.menu .tabs ul.reflected li .text {
    height              : 25px;
    background          : url(img/tab/f-sel-reflect.gif);
    padding             : 0px 2px 0px 2px;
}
.menu .tabs ul.reflected li .text.nb { background: none; color: #5E6D7B; }

.menu .tabs ul.reflected li .text a,
.menu .tabs ul.reflected li .text a:visited,
.menu .tabs ul.reflected li .text a:hover,
.menu .tabs ul.reflected li .text a:active {
    text-decoration     : underline;
}
.menu .tabs ul.reflected li .text span { display:inline; vertical-align:2px; color: #000; }

/* //reflected tabs */

#header .inner {
    position                : relative;
    width                   : 100%;
}
#header .inner .logo {
    width                   : 100%;
}

#header .inner .logo a {
	display: block;
	height: 74px;
	clear: both;
}

#header .inner .logo IMG {
    margin: 5px;
    position:relative;
    top:2px;
    height: 62px;
    display: block;
    clear: both;
}

#header .inner .v3 {
    position                : absolute;
    right                   : 0px;
    bottom                  : 0px;
    width                   : 134px;
    height                  : 88px;
    background              : url(img/logo/v3-smaller.png) 90% 70% no-repeat;
    text-align              : right;
}
#header .inner .v3 div.signout {
    position                : absolute;
    top                     : 40px;
    right                   : 25px;
    white-space             : nowrap;
}
#header .inner .v3 div.funds {
    position                : absolute;
    top                     : 54px;
    right                   : 104px;
    white-space             : nowrap;
}
#header .inner .v3 div.signout a {
    color                   : red;
    text-decoration         : none;
}
#header .inner .v3 div.signout a:hover {
    text-decoration         : underline;
}

#header .inner .v3 .signin {
    width                   : 450px;
    *width                  : 480px;
    height                  : 70px;
    margin                  : 0px 0px 0px 0px;

    position                : absolute;
    right                   : 10px;
    top                     : 10px;
}
#header .inner .v3 .signin .inner {
    position                : absolute;
    left                    : 0px;
    top                     : 0px;
    width                   : 100%;
    height                  : 50px;
}
#header .inner .v3 .signin .inner .title {
    margin                  : 0px;
    margin-top              : 10px;
    text-align              : left;
    text-indent             : 4px;
    font-weight             : bold;
    color                   : #5E6D7B;
}
#header .inner .v3 .signin .tips {
    position                : absolute;
    right                   : 0px;
    bottom                  : 0px;
    top                     : 35px;
    margin-right            : 24px;
    padding-top             : 8px;
    text-align              : right;
    height                  : 12px;
    line-height             : 12px;
    font-size               : 9px;
    font-style              : normal;
}
#header .inner .v3 .signin .inner .left {
    position                : absolute;
    left                    : 0px;
    width                   : 9px;
    height                  : 100%;
    background              : url(img/tab/l-sel.gif);
}
#header .inner .v3 .signin .inner .right {
    position                : absolute;
    right                   : 0px;
    width                   : 9px;
    height                  : 100%;
    background              : url(img/tab/r-sel.gif);
}
#header .inner .v3 .signin .inner .form {
    position                : absolute;
    top                     : 0px;
    bottom                  : 0px;
    left                    : 9px;
    right                   : 9px;
    width                   : 98%;
    height                  : 100%;
    background              : url(img/tab/f-bottom-sub.gif);
}
#header .inner .v3 .signin .bottom {
    position                : absolute;
    width                   : 100%;
    top                     : 50px;
    left                    : 0px;
    height                  : 25px;
}
#header .inner .v3 .signin .bottom .left {
    position                : absolute;
    left                    : 0px;
    width                   : 9px;
    height                  : 100%;
    background              : url(img/tab/l-sel-big.gif) bottom left;
}
#header .inner .v3 .signin .bottom .right {
    position                : absolute;
    right                   : 0px;
    width                   : 9px;
    height                  : 100%;
    background              : url(img/tab/r-sel-big.gif) bottom right;
}
#header .inner .v3 .signin .bottom .form {
    position                : absolute;
    top                     : 0px;
    bottom                  : 0px;
    left                    : 9px;
    right                   : 9px;
    width                   : 98%;
    height                  : 100%;
    background              : url(img/tab/f-sel-reflect.gif) bottom center;
}

#header .inner .v3 .signin .form dl.tblForm {
    margin-top              : 12px;
}
#header .inner .v3 .signin .form .tblForm dt,
#header .inner .v3 .signin .form .tblForm dd {
    margin-top              : 2px;
}
#header .inner .v3 .signin .form dl.tblForm dd div.tip {
    height                  : 12px;
    line-height             : 12px;
    font-size               : 9px;
    color                   : #666666;
    font-style              : normal;
}

/* Breadcrumb navigation line */
.navline {
    line-height         : normal;
    margin              : 14px 0px 7px 0px;
    padding             : 0px 0px 0px 0px;
    height              : auto;
    width               : 98%;
}
.navline .inner {
    float               : left;
    width               : 100%;
    border-bottom       : 0px solid #FF0000;
    margin              : 0px;
}
.navline .inner ul {
    margin              : 0px 20px 0px 20px;
    padding             : 0 0 0;
    list-style          : none;
}
.navline .inner li {
    float               : left;
    margin              : 0;
    margin-left         : 0;
    margin-right        : 2px;
    padding             : 0 0px 0 0px;
    line-height         : 18px;
    white-space         : nowrap;
}
.navline .inner li span {
    font-family         : Verdana, sans-serif;
    font-size           : 10px;
    margin              : 0px 4px 0px 6px;
}
.navline .inner li a {
    text-decoration     : none;
    font-family         : Verdana, sans-serif;
    font-size           : 10px;
    color               : red;
}
.navline .inner li a:hover {
    color               : red;
    text-decoration     : underline;
}
.navline .inner li a.active {
    color               : black;
}


/* FOOTER */
#footer .inner {
    position                : relative;
    width                   : 100%;
    height                  : 55px;
    /*background              : url(img/footer/footer-middle.png);*/
background-color: #000000;
}
#footer .inner .left {
    color                   : white;
    vertical-align          : middle;
    text-align              : left;
    position                : absolute;
    left                    : 13px;
    right                   : 100px;
    top                     : 0px;
    height                  : 55px;
    border                  : 0px solid yellow;
    width                   : 98%;
}
#footer .inner .right {
    color                   : white;
    vertical-align          : middle;
    text-align              : right;
    position                : absolute;
    right                   : 13px;
    top                     : 0px;
    height                  : 55px;
    /*width                   : 87px;*/
}
#footer .inner .footer-left {
    /*background              : url(img/footer/footer-left.png) no-repeat;*/
    width                   : 13px;
    height                  : 55px;
    position                : absolute;
    left                    : 0px;
    top                     : 0px;
}
#footer .inner .footer-right {
    /*background              : url(img/footer/footer-right.png) no-repeat;*/
    width                   : 13px;
    height                  : 55px;
    position                : absolute;
    right                   : 0px;
    top                     : 0px;
}

#footer .inner .left .links {
    margin-top              : 17px;
    margin-left             : 10px;
}

#footer .links ul {
        margin              : 0px;
        padding             : 0px 0px 0px;
        list-style          : none;
    }
    #footer .links li {
        /*float               : left;*/
        display             : inline;
        margin              : 0px;
        margin-left         : 0px;
        margin-right        : 0px;
        padding             : 0px;
        line-height         : 18px;
        white-space         : nowrap;
        font-size           : 9pt;
    }
    #footer .links li span {
        font-family         : Verdana, sans-serif;
        font-size           : 9pt;
        margin              : 0px 5px 0px 0px;
    }
    #footer .links li a {
        text-decoration     : underline;
        font-family         : Verdana, sans-serif;
        font-size           : 9pt;
        color               : white;
        margin              : 0px;
    }
    #footer .links li a:hover {
        color               : red;
    }
    #footer .links li a.active {
        color               : white;
    }

	div#tag_list {

		font-family         : Verdana, sans-serif;
        font-size           : 12px;
		border:1px solid #CCDCEB;
		position: fixed;
		background-color:#FFF;
		z-index:10;
		overflow-x: auto;
		overflow-y: auto;
		line-height:18px;
	}

	div#tag_list dd {
		margin-left: 5px;
		margin-top:10px

	}

	div#Loader {
		position			: absolute;
		border				: 2px solid #CCDCEB;
		background			: #FFFFFF url(lib/_engine/img/form-loader-medium.gif) no-repeat scroll center 90%;
		top					: -1000px;
		z-index				: 100;
	}

	div#Loader_bg {
		background-color	: #FFFFFF;
		z-index				: 10;
		opacity				: 0.7;
		filter				: alpha(Opacity=70);
	}

/**
* common management form
*/
#manageForm {
    width           : 100%;
    *width          : 98%;
    height          : auto;
    float           : left;
    margin          : 0px 0px 30px 0px;
    padding         : 0px;
    background      : white;
    border          : 0px solid #CBDCED;
}

#manageForm .menu {
    height          : 25px;
    border          : 0px solid yellow;
}
#manageForm .submenu {
    position        : relative;
    width           : 100%;
    height          : 25px;
    text-indent     : 0px;
    background      : url(img/tab/f-sel-reflect.gif);
    border-left     : 1px solid #CCDCEB;
    border-right    : 1px solid #CCDCEB;
}

#manageForm .submenu .links {
    position        : absolute;
    left            : 10px;
    right           : 10px;
    margin          : 3px 0px 3px 0px;
}

#manageForm .submenu a {
    font-size       : 11px;
    background      : transparent;
    color           : #000;
    text-decoration : none;
    padding         : 0px 10px 0px 10px;
}

#manageForm .submenu a.selected {
    color           : #000;
    font-weight     : bold;
}

#manageForm .content {
    -position        : relative;
    height          : auto;
    margin          : 0px 0px 0px 0px;
    width			: 100%;
    padding         : 20px 0px 5px 0px;
    background      : #fff;
    border          : 1px solid #CCDCEB;
    border-top      : 0px;
}
#manageForm .content legend {
    font-size       : 13px;
    font-weight     : bold;
    color           : #5E6D7B;
}
#manageForm .content .infobox {
    text-align      : center;
    margin          : 0px auto 5px auto;
}
#manageForm .content .infobox span {
    font-size       : 11px;
}
#manageForm .content #google-message {
    background      : yellow;
}
/* AD BLOCKS */
div.box {
    position                : relative;
    width                   : 200px;
    height                  : 273px;
}
div.box div.border {
    position                : absolute;
    top                     : 0px;
    left                    : 0px;
    right                   : 0px;
    height                  : 200px;
    width                   : 100%;
}
div.box div.border div.l {
    position                : absolute;
    left                    : 0px;
    top                     : 0px;
    bottom                  : 0px;
    width                   : 15px;
    height                  : 100%;
}
div.box div.border div.r {
    position                : absolute;
    right                   : 0px;
    top                     : 0px;
    bottom                  : 0px;
    width                   : 15px;
    height                  : 100%;
}
div.box div.border div.t {
    position                : absolute;
    left                    : 0px;
    right                   : 0px;
    top                     : 0px;
    width                   : 100%;
    height                  : 15px;
}
div.box div.border div.b {
    position                : absolute;
    left                    : 0px;
    right                   : 0px;
    bottom                  : 0px;
    width                   : 100%;
    height                  : 15px;
    z-index                 : 1;
}
div.box div.border div.tl {
    position                : absolute;
    left                    : 0px;
    top                     : 0px;
    width                   : 15px;
    height                  : 15px;
}
div.box div.border div.tr {
    position                : absolute;
    right                   : 0px;
    top                     : 0px;
    width                   : 15px;
    height                  : 15px;
}
div.box div.border div.bl {
    position                : absolute;
    left                    : 0px;
    bottom                  : 0px;
    width                   : 15px;
    height                  : 15px;
    z-index                 : 2;
}
div.box div.border div.br {
    position                : absolute;
    right                   : 0px;
    bottom                  : 0px;
    width                   : 15px;
    height                  : 15px;
    z-index                 : 2;
}
div.box div.border div.out {
    position                : absolute;
    width                   : 100%;
    height                  : 100%;
}
div.box div.border div.out div.content {
    margin                  : 15px;
    background              : white;
    text-align              : center;
}
div.box div.border div.out div.content h4 {
    margin                  : 4px auto 12px auto;
    font-size               : 13px;
    *margin                 : -5px auto 4px auto;
}
div.box div.border div.out div.content p {
    text-align              : center;
}

div.box div.reflect {
    position                : absolute;
    left                    : 0px;
    right                   : 0px;
    bottom                  : 0px;
    width                   : 100%;
    height                  : 71px;
}
div.box div.reflect div.m {
    position                : absolute;
    left                    : 0px;
    right                   : 0px;
    top                     : 0px;
    width                   : 100%;
    height                  : 15px;
}
div.box div.reflect div.l {
    position                : absolute;
    left                    : 0px;
    top                     : 0px;
    bottom                  : 0px;
    width                   : 15px;
    height                  : 100%;
}
div.box div.reflect div.r {
    position                : absolute;
    right                   : 0px;
    top                     : 0px;
    bottom                  : 0px;
    width                   : 15px;
    height                  : 100%;
}

div.box div.border img.border {
    position                : absolute;
}
/* /AD BLOCKS */

/* NICE DOTS */
.reddot {
    position: absolute; bottom: 60px; right: 30px;
    z-index: 0;
    width: 87px; height: 107px;
    background: url(img/dot-red-large-reflected.gif) no-repeat;
    /*
    * background: url();
    * filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/dot-red-large-reflected.png', sizingMethod='crop');
    */
}

.bluedot {
    position: absolute; bottom: 60px; right: 30px;
    z-index: 0;
    width: 87px; height: 107px;
    background: url(img/dot-blue-large-reflected.gif) no-repeat;
    /*
    * background: url();
    * filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/dot-blue-large-reflected.png', sizingMethod='crop');
    */
}

.greendot {
    position: absolute; bottom: 60px; right: 30px;
    z-index: 0;
    width: 87px; height: 107px;
    background: url(img/dot-green-large-reflected.gif) no-repeat;
    /*
    * background: url();
    * filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/dot-green-large-reflected.png', sizingMethod='crop');
    */
}
/* /NICE DOTS */

/* PAGE */
.page {
    width                   : 760px;
    padding                 : 10px 0px;
    * width                 : 700px;
    margin                  : 0px auto 40px auto;
    *margin-top             : 0px;
}
.page .right-column {
    float                   : right;
    text-align              : left;
}
.page .left-column {
    width                   : 380px;
    text-align              : left;
    padding-left            : 40px;
}
.page .middle-column {
    text-align              : left;
    padding-left            : 40px;
}
.page .middle-column.domains {
	width: 934px;
}

.page A, .page A:visited, .page A:hover {
    text-decoration         : none;
    color                   : #3D8DFF;
}
.page A:hover {
    text-decoration         : underline;
}

.page .sectionize {
    margin-bottom           : 50px;
}

.page.table {
    width                   : 94%;
    height                  : auto;
    margin                  : 0px;
    padding                 : 10px 0px 0px 20px;
    margin-bottom           : 40px;
}

.page h1 {
    font-size               : 16pt;
    color                   : #3E638F;
    margin                  : 2px 0px 10px 0px;
    padding                 : 0px;
}
.page h1.error {
    font-size               : 16pt;
    color                   : red;
    margin                  : 2px 0px 10px 0px;
    padding                 : 4px 0px 0px 36px;
    background              : url(img/error.gif) top left no-repeat;
    height                  : 34px;
}


.page h2 {
    font-size               : 12pt;
    color                   : #000;
    margin                  : 12px 0px 10px 0px;
    padding                 : 0px;
}

.page h4                    {
    font-size               : 13px;
}
.page h4.page {
    margin                  : 15px 0px 5px 0px;
    width                   : auto;
}
/* //PAGE */


/* DL FORM */
dl.tblForm {
    margin                  : 10px 5px 0px 5px;
    height                  : auto;
    border                  : 0px;
}
dl.tblForm dt {
    white-space             : nowrap;
    float                   : left;
    clear                   : left;
    line-height             : 28px;
    *line-height            : 24px;
    margin                  : 0px 5px 0px 0px;
    /*margin-right            : 5px;*/
    font-size               : 11px;
    vertical-align          : middle;
}
dl.tblForm dt.required  {
    font-weight             : bold;
}
dl.tblForm dd {
    line-height             : 24px;
    margin                  : 0px 0px 5px 0px;
    white-space             : nowrap;
    text-align              : left;
    /*clear                   : right;*/
}
dl.tblForm dd.ttl {
    font                    : bold 14px Verdana;
    color                   : #666666;
    margin                  : 20px 0px 10px 0px;
    background              : url(img/grpix.gif) bottom left repeat-x;

}
dl.tblForm dd.sep {
    line-height             : 5px;
    height                  : 5px;
    clear                   : both;
    font-size               : 1px;
}
dl.tblForm dd .tip, dl.tblForm dt .tip {
    vertical-align          : top;
    border                  : 0px;
    height                  : 12px;
    line-height             : 11px;
    font-size               : 9px;
    font-style              : italic;
    color                   : #666666;
    margin-left             : 4px;
    *margin-left            : 3px;
    margin-top              : 0px;
    display                 : block;
}
dl.tblForm dt div.tip { margin-left: 2px; }
dl.tblForm.info dt, dl.tblForm.info dd {
    line-height             : 20px;
    font-size               : 11px;
}
dl.tblForm.info.contact dt, dl.tblForm.info.contact dd {
    font-size               : 10pt;
}
dl.tblForm.help dt, dl.tblForm.help dd {
    font-size               : inherit;
}
dl.tblForm.help dt.red { color: red; font-weight: bold; line-height: 24px; }
dl.tblForm.help dt.blue { color: blue; font-weight: bold; line-height: 24px; }
dl.tblForm.help dt.green { color: green; font-weight: bold; line-height: 24px; }
dl.tblForm.help dd { white-space: normal; }
/* /DL FORM */

/* DL HELP FORM */
dl.help dt {
    margin                  : 0px 0px 5px 0px;
    font-size               : 14px;
}

dl.help dd {
    margin                  : 0px 0px 20px 0px;
    font-size               : 11px;
}

dl.help dt a {
    font-size               : 14px;
}

/* DL FAQ FORM */
dl.faq dt {
    margin                  : 0px 0px 5px 0px;
    font                    : bold 13px Verdana;
    color                   : #000;
}

dl.faq dd {
    margin                  : 0px 0px 20px 20px;
    font-size               : 12px;
}

dl.faq dt a {
    font-size               : 14px;
}



/* PORTLET */
.portlet {
    width                   : 100%;
    margin                  : 0px auto 0px auto;
    padding                 : 0px;
    text-align              : left;
    border                  : 1px solid #CCDCEB;
    background              : white;
    font-size               : 11px;
}
.portlet div.title {
    font-size               : 11pt;
    font-weight             : bold;
    /*background              : #CBDCED;*/
    background              : url(img/tab/f-sel-reflect.gif);
    border-bottom           : 1px solid #CCDCEB;
    margin                  : 0px 0px 0px 0px;
    padding                 : 2px 5px 2px 2px;
    text-align              : left;
    text-indent             : 4px;
    color                   : #000;
}
.portlet .content {
    padding                 : 10px 10px 5px 10px;
    background              : transparent;
    text-align              : left;
}

.portlet .content p.hint {
    font-size       : 11px;
}

.portlet a, .portlet a:visited {
    /*font-size               : 11px;*/
    text-decoration         : none;
    /*color                   : #FF0000*/;
    /*color                   : #3E638F;*/
    color                   : #3D8DFF;
}
.portlet a:hover {
    text-decoration         : underline;
}

.portlet .content div.buttons {
    margin          : 10px 5px 0px 5px;
    padding         : 5px 0px 5px 0px;
    background      : #fff;
    border-top      : 1px solid #A7A7A7;
    text-align      : right;
    height          : auto;
}

.portlet.popup div.title {
    font-size       : 11px;
    height          : auto;
}
.portlet.popup div.title div {
    font-size       : 11px;
}
.portlet.popup div.title div a {
    font-size       : 10px;
}

.portlet.popup .content {
    overflow-x      : visible;
    overflow-y      : auto;
    overflow        : auto;
    font-size       : 10px;
}

.portlet .title a.ctrl { font: 10px arial; text-decoration:none; }
.portlet .title a.ctrl:hover { color: #5E6D7B; }

/* OTHER STUFF */
div.contact.brief {
    float                   : left;
    margin                  : 5px 0px 5px 10px;
    /*border                  : 1px outset #000;*/
    width                   : 300px;
    height                  : auto;
    overflow                : visible;
}

div.clear, span.clear {
    content                 : ".";
    display                 : block;
    height                  : 10px;
    clear                   : both;
    visibility              : hidden;
    font-size               : 0;
}


.form_tbl {
    margin-top      : 10px;
    width           : 480px;
}

.form_tbl td {
    font-size       : 11px;
    vertical-align  : middle;
}

.form_tbl .left {

    white-space     : nowrap;
    font-weight     : bold;
    padding         : 4px 4px 4px 8px;
}

.form_tbl .content {
    padding         : 0px 4px 4px 8px;
    vertical-align  : top;
    width           : 100%;
}

.form_tbl .left.norequired {
    font-weight     : normal;
}


.form_tbl .right {
    width           : 100%;
    padding         : 4px 4px 4px 4px;
    font-style      : italic;
    color           : #666666;
}
.form_tbl .right.normal {
    font-style      : normal;
    color           : #000000;
}

.form_tbl .subtitle {
    background      : #D8E5F0;/*#F6F6F6;*/
    border-top      : 1px solid #DCDCDC;
    border-bottom   : 1px solid #DCDCDC;
    font-weight     : bold;
    padding         : 4px 4px 4px 8px;
    text-transform  : uppercase;
    font-size       : 12px;
}

.form_tbl .separator {
    padding         : 0px 0px 0px 0px;
    height          : 5px;
    margin          : 0px 0px 0px 0px;
    line-height     : 1px;
    background      : url(img/grpix.gif) center left repeat-x;
}

.form_tbl .separator.nobg {
    background      : none;
}

.form_tbl .separator.title {
    background      : none;
    height          : 15px;
}

.bannerborder { border: 1px solid #9AA9AE; }

#popup   {
    position: absolute; background: #FEF9E0;
/*    border: 1px outset #ECD144; */
    boreder-left    : 1px solid #F9F1C6;
    border-top      : 1px solid #F9F1C6;
    border-right    : 1px solid #827326;
    border-bottom   : 1px solid #827326;

    color: #555; padding: 0px; display: none; z-index: 200;
}

ul.order { list-style: none; margin: 0px; padding: 0px 0px 0px; }
ul.order li { font:11px Arial; padding: 0px; margin: 3px 0px; *margin:0px; color: #466B16; }
ul.order li.separator {
    padding         : 0px;
    background      : url(img/grpix.gif) center left repeat-x;
    height          : 1px;
    margin          : 0px;
    line-height     : 1px;
    clear			: both;
}
ul.order li span { color:#000;font:10px Arial; }
ul.order li span.pkg { margin-left: 18px; }
ul.order li div { font: italic 9px Arial; padding: 0px; margin: 1px 0px 10px 8px; *margin:0px; color: #466B16;  }

ul.ad { list-style: none; list-style-image: url(img/tick.png); margin: 0px 10px 0px 30px; padding: 0px 0px 0px 0px; text-align: left; }
ul.ad li { font:11px Verdana;margin: 8px 0px; color: #000000; text-align: left; }

ul.l2d { list-style-type: none; padding-left:15px; margin-left:0px; }
ul.l2d li { margin: 6px 0px;  background: url(img/ico/dot-green-sm.gif) 0px 5px no-repeat; padding-left: 16px; }

.hSep {
    font-size       : 0px;
    background      : url(img/grpix.gif) center left repeat-x;
    height          : 1px;
}

span.l2d { color: #1782AB; font-weight: bold; }
code.example { color: #666666; margin-left: 40px;}
code.hint { color: inherit !important; margin-left: 0px; }

a.cs-ctrl, a.cs-ctrl:visited { font: 11px verdana; text-decoration:none; }
a.cs-ctrl:hover { color: #5E6D7B; }

a.hint { color: inherit !important; *color: #000; text-decoration: none; }
a.hint:hover { text-decoration: none; }

.testimonial { border: 2px solid #CCDCEB; border-top: 1px solid #CCDCEB; border-bottom: 1px solid #CCDCEB; text-align:justify; padding: 5px; background: #EFF2F7 none repeat; }
.testimonial .auth { margin-top:5px; padding:0px; text-align: right; font-weight: bold; }
.testimonial .date { padding:0px;text-align:right; }
.wizard.wnd {
    /*margin          : 0px;*/
    padding         : 0px;
    /*
    border-top      : 1px solid #F1F1F1;
    border-bottom   : 1px solid #747474;
    border-left     : 1px solid #F1F1F1;
    border-right    : 1px solid #747474;
    background      : #fff;
    */
    border          : 0px solid #CBDCED;
    /*position        : absolute;*/
    overflow        : visible;
    height          : auto;
    float:left;
    width:94%;
    margin:10px auto 40px 20px;
    *margin-left: 10px;
}
.wizard.wnd .title {
    background      : url(img/tab/f-sel-reflect.gif);
    font-size       : 11pt;
    font-weight     : bold;
    margin          : 0px 0px 0px 0px;
    /*padding         : 2px 5px 2px 2px;*/
    padding         : 2px 5px 0px 2px;
    text-align      : left;
    text-indent     : 4px;
    color           : #000;
    border-left     : 1px solid #CCDCEB;
    border-right    : 1px solid #CCDCEB;
    height:22px;
}

.wizard.wnd .body {
    width           : auto;
    height          : auto;
    padding         : 0px;
    margin          : 0px;
    border          : 1px solid #CCDCEB;
}
.wizard.wnd .body .body {
    border          : 0px;
}

.wizard.wnd .content {
    width           : auto;
    height          : auto;
    padding         : 10px 20px 5px 0px;
    background      : #fff;
    text-align      : left;
    font-size       : 11px;
    /*font-family     : Arial;*/
    margin-left     : 20px;
}
.wizard.wnd .content p {
    font-size       : 11px;
}
.wizard.wnd .content ul {
    font-size       : 11px;
}

.wizard.wnd .content h3 {
    /*font-size       : 11pt;*/
    font                    : bold 11pt Verdana;
    color                   : #666666;
    margin                  : 20px 0px 10px 0px;
    padding-bottom          : 3px;
    /*background              : url(img/grpix.gif) bottom left repeat-x;*/
}

.wizard.wnd .content h4 {
    /*font-size       : 11pt;*/
    font                    : bold 11px Verdana;
    color                   : #666666;
    margin                  : 10px 0px 5px 0px;
    padding-bottom          : 3px;
    background              : url(img/grpix.gif) bottom left repeat-x;
    height                  : auto;
}

.wizard.wnd .content h3.err, .wizard.wnd .content h4.err { color: red; background: none; }

.wizard.wnd div.buttons {
    margin          : 5px 5px 0px 5px;
    padding         : 5px 0px 5px 0px;
    background      : #fff;
    border-top      : 1px solid #A7A7A7;
    text-align      : right;
}

.wizard.wnd dl.tblForm {
    font-size       : 11px;
    /*font-family     : Arial;*/
}
.wizard.wnd dl.tblForm dt {
    line-height     : 24px;
    *line-height    : 20px;
}
.wizard.wnd dl.tblForm dd {
    line-height     : 24px;
}

.wizard.wnd dl.tblForm.info dt, .wizard.wnd dl.tblForm.info dd {
    line-height     : 20px;
}

.wizard.wnd label {/*
    font-size       : 11px;
    font-family     : Arial;*/
}

.progressbar {
    height          : 12px;
    width           : 96%;
    border          : solid 1px #ccc;
    display         : block;
    position        : relative;
    overflow        : hidden;
}

.progressbar-line {
    width           : 24px;
    height          : 100%;
    background      : #8AEB20;
    position        : absolute;
    z-index         : 2;
    left            : 0px;
}

.progressbar-text {
    text-align      : center;
    vertical-align  : middle;
    font-size       : 9px;
    font-family     : Arial;
    font-weight     : normal;
    font-style      : italic;
    letter-spacing  : 0.1em;
    height          : 100%;
    width           : 100%;
    position        : absolute;
    z-index         : 3;
    left            : 0px;
    color           : #4B4646;
}

.wizard.wnd a, .wizard.wnd a:visited {
    text-decoration         : none;
    /*color                   : #FF0000; */
    color                   : #3D8DFF;
}
.wizard.wnd a:hover {
    text-decoration         : underline;
    /*color                   : #FF0000;*/
    color                   : #3D8DFF;
}

.wizard.wnd a.reg { text-decoration: underline; font-size: 14px; font-weight: bold; }

#docLock {
    position        : absolute;
    background      : #4B4646;
    opacity         : 0.2;
    -moz-opacity    : 0.2;
    -khtml-opacity  : 0.2;
    filter          : alpha(Opacity=20);
    width           : 100%;
    height          : 99%;
}
.wizard.wnd .content .infobox {
    text-align      : left;
    margin          : 0px auto 5px auto;
}
.wizard.wnd .content .infobox div {
    font-size       : 12px;
}

.wizard.wnd dl.tblForm dd input.inp {
    width           : 195px;
}
.wizard.wnd dl.tblForm dd input.inp.stretch {
    width           : 96%;
}