/********** author: www.grupadigital.com ************/



body {font:normal 12px/17px  arial, tahoma, verdana; background:#017f7b url(../images/help/back-help.jpg) no-repeat; margin:auto;}

/* menu */
.menu-h {padding:0;  margin:auto; width:980px; list-style:none; height:29px; color:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

.menu-h img {float:right; margin:7px 0 0 0;}

.menu-h li.top {display:block; float:left; background:url(../images/help/tabs-h.gif) 0 0 no-repeat; margin-right:1px;}
.menu-h li a.top_link {display:block; float:left; height:29px; width:100px; line-height:27px; text-decoration:none; font-size:11px; font-weight:bold; padding:0 10px; cursor:pointer; color:#fff;}
.menu-h li a.top_link span {float:left; display:block; height:29px;}
.menu-h li a.top_link span.down {float:left; display:block; height:29px;}
.menu-h li a.top_link:hover {color:#fff !important; background:url(../images/help/tabs-h.gif) 0 -29px no-repeat;}

.menu-h table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */
.menu-h a:hover {visibility:visible; position:relative; z-index:200;}
.menu-h li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu-h ul, .menu-h :hover ul ul, .menu-h :hover ul :hover ul ul, .menu-h :hover ul :hover ul :hover ul ul, .menu-h :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu-h :hover ul.sub {left:0; top:29px; background-color:#18938d; border-bottom:1px solid #30c3bb; white-space:nowrap; width:150px; height:auto; z-index:300; border-left:1px solid #30c3bb; border-right:1px solid #30c3bb;}
.menu-h :hover ul.sub li {display:block; position:relative; float:left; width:150px; font-weight:normal;}
.menu-h :hover ul.sub li a {display:block; font-size:11px; width:140px; line-height:20px; padding:3px 5px; color:#fff; text-decoration:none; border-top:1px solid #30c3bb;}
.menu-h :hover ul.sub li a.fly {background-color:#18938d;}
.menu-h :hover ul.sub li a:hover {background:#0e837e; color:#fff;}
.menu-h :hover ul.sub li a.fly:hover {background-color:#0e837e; color:#fff;}
.menu-h :hover ul li:hover > a.fly {background-color:#0e837e; color:#fff;} 

.menu-h :hover ul :hover ul, .menu-h :hover ul :hover ul :hover ul, .menu-h :hover ul :hover ul :hover ul :hover ul, .menu-h :hover ul :hover ul :hover ul :hover ul :hover ul {left:150px; top:0; background-color:#18938d; border-bottom:1px solid #30c3bb; white-space:nowrap; width:150px; z-index:400; height:auto; border-left:1px solid #30c3bb; border-right:1px solid #30c3bb;}

* html .menu-h :hover ul :hover ul, * html .menu-h :hover ul :hover ul :hover ul, * html .menu-h :hover ul :hover ul :hover ul :hover ul, * html .menu-h :hover ul :hover ul :hover ul :hover ul :hover ul  {top:-1px}

/*header*/
#header-h {margin:auto; width:980px; height:110px;}
#header-h .box-left {float:left; width:400px;}
#header-h .logo {float:left; padding:35px 0 0 0; width:565px;}
#login-h {float:left; background:url(../images/help/back-login.png) right repeat-y; color:#fff; padding:0 10px 0 5px; height:25px; margin-bottom:15px; width:400px; text-align:right; line-height:20px}
.lp-logo {float:left; margin-right:20px;}

.content ul {float:left; list-style-type:none; margin:7px 0; padding:0; width:100%;}
.content ul li {margin:0 0 7px 0; padding:0;}


ul.list-check li {width:605px; margin:0 0 10px 0; padding:2px 0 2px 25px; background:url(../images/check.gif) left no-repeat;}


/* Had to copy most from MAIN and add .content, because the generic .content above overrides all sub-classes in the help file unless explicitly defined here (POPE) */
/* tables ul */
ul.dark-green, ul.light-green, ul.light, ul.dark,
.content ul.dark-green, .content ul.light-green, .content ul.light, .content ul.dark
 {float:left; list-style-type:none; padding:0; width:630px; background-color:#ddefbb; margin:1px 0 0 0; font-size:11px; line-height:14px;}
ul.dark-green li, ul.light-green li, ul.dark li, ul.light li,
.content ul.dark-green li, .content ul.light-green li, .content ul.dark li, .content ul.light li 
{float:left; padding:7px 10px; width:115px; margin:0;}

ul.dark-green, .content ul.dark-green {background-color:#10975b; font-weight:bold; color:#fff;}
ul.dark-green li, .content ul.dark-green li {width:190px !important;}

ul.dark, .content ul.dark {background-color:#e8e8e8;}
ul.light, .content ul.light {background-color:#f4f4f4;}


ol {line-height:21px;}
ol li {line-height:21px;}

/*h1 {color:#fff; }*/
H2, H3 {font-weight:bold; font-size:17px; line-height:19px;border-bottom:1px solid #bfbfbf; padding-bottom:5px; margin:6px 0 15px 0;}

.back-promo {background-color:#71b832; border-bottom:1px solid #9ad33c; float:left; width:100%;}

#back-home, #back-sub {background:#c2e28b url(../images/back-home.jpg) repeat-x; border-top:1px solid #46d8d2; border-bottom:1px solid #9ecf5d; height:380px; float:left; width:100%;}

#back-sub {background:#c2e28b url(../images/back-home.jpg) repeat-x; border-top:1px solid #30c3bb;  height:380px; float:left; width:100%;}
#back-sub {height:50px;}