@charset "utf-8";
/* CSS Document */
.tablecontent {padding:5px 5px 5px 5px; background-color:#FFFFFF; width:720px; border: 1px solid; border-color:#CCCCCC #333333 #333333 #CCCCCC; position:relative; z-index:1;}


.reportnav a {
display: block;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
text-align: left;
margin-left: 5px;
width:90px;
}

.reportnav a:hover {
color: #009900;
background-color: #ffffff;
}


#homefeatured { background-image:url(../images/bg_homefeatured.jpg); min-height:428px; background-repeat:no-repeat }
#homefeatured_table {padding:50px 10px 10px 10px}
#homefeatured_table td {padding:10px}

div.slogan { text-align:left; padding:8px 10px 0 10px; position:absolute; /*color:#075288;*/ color:#36729e; font-size:15px; font-weight:normal }
div.number { font-size:14px; font-weight:bold; color:#36729e; padding-bottom:40px }


a.clientphp:link {color:#fff; font-size:13px; padding-left:80px; font-weight: bold}
a.clientphp:visited {color:#fff; font-size:13px; padding-left:80px; font-weight: bold}
a.clientphp:hover {color:#fff; font-size:13px; padding-left:80px; font-weight: bold}
a.clientphp:active {color:#fff; font-size:13px; padding-left:80px; font-weight: bold}

p.client {color:#52565b;font:1em Arial, Helvetica, sans-serif;margin: 0;padding: 0}
	
a.client:link {color:#52565b;font:1em Arial, Helvetica, sans-serif;margin: 0;padding: 0}
a.client:visited {color:#52565b;font:1em Arial, Helvetica, sans-serif;margin: 0;padding: 0}
a.client:hover {color:#205E8D;font:1em Arial, Helvetica, sans-serif;margin: 0; padding: 0}
a.client:active {color:#52565b;font:1em Arial, Helvetica, sans-serif;margin: 0;padding: 0}

a.tl:link {color:#52565b;font:1.2em Arial, Helvetica, sans-serif;margin: 0;padding: 0; text-decoration:none;}
a.tl:visited {color:#52565b;font:1.2em Arial, Helvetica, sans-serif;margin: 0;padding: 0; text-decoration:none;}
a.tl:hover {color:#FF6600;font:1.2em Arial, Helvetica, sans-serif;margin: 0; padding: 0; text-decoration:none;}
a.tl:active {color:#52565b;font:1.2em Arial, Helvetica, sans-serif;margin: 0;padding: 0; text-decoration:none;}

a.bodytextorange:link {margin-bottom:0em; margin-top:0em; color:#FF6600; font-weight:bold; font-size:1.4em;text-decoration:none;}
a.bodytextorange:visited {margin-bottom:0em; margin-top:0em; color:#FF6600; font-weight:bold; font-size:1.4em;text-decoration:none;}
a.bodytextorange:hover {margin-bottom:0em; margin-top:0em; color:#FF6600; font-weight:bold; font-size:1.4em;text-decoration:none;}
a.bodytextorange:active {margin-bottom:0em; margin-top:0em; color:#FF6600; font-weight:bold; font-size:1.4em; text-decoration:none;}

body, newbodytext, bodytextbottom, bodytext, bodytextbold, heading1, heading2, heading3, bodytextorange {
	background:url(../images/bg.jpg) repeat-x #fff;
	color:#52565b;
	text-align:center;
	font:.75em Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
	}
.body {background:url(../images/bg.jpg) repeat-x #fff; border-right:#616c79 3px solid}
.bodytextright {
	color:#52565b;
	text-align:left;
	font:1em Arial, Helvetica, sans-serif;
    padding-left: 10px
	}

.bodytextbottom {
	color:#52565b;
	text-align:left;
	font:1em Arial, Helvetica, sans-serif;
    padding-bottom: 10px
	}
.bodytext {
	color:#52565b;
	text-align:left;
	font:1.2em Arial, Helvetica, sans-serif;
	}
.bodytextbold {
	margin-bottom:.75em;
	margin-top:0.5em;
	color:#2a5877;
	font-weight:bolder;
	font-size:1.9em;
	line-height:1.1em;
	}
.heading1 {
	margin-bottom:.75em;
	margin-top:1em;
	color:#2a5877;
	font-weight:bolder;
	font-size:2.1em;
	line-height:1.1em;
	}
.subheading1 {
	margin-bottom:.75em;
	margin-top:.1em;
	color:#52565b;
	line-height:1.1em;
	font-weight:bold;
    font-size:1.5em;
	}
.heading2 {
	margin-bottom:0px;
	color:#2a5877;
	line-height:1.1em;
	font-weight:bold;
    font-size:1.2em;
	}
.heading3 {
	margin-bottom:0px;
	color:#52565b;
	line-height:1.1em;
	font-weight:bold;
    font-size:1.1em;
	}
.bodytextorange {
	margin-bottom:0em;
	margin-top:0em;
	color:#FF6600;
	line-height:1.1em;
	font-weight:bold;
    font-size:1.4em;
	}


.facttext {
	font-family: "Courier New", Courier, monospace;
	font-weight:regular;
	font-size:1.3em;
	}







h1, h2, h3, h4, {
	margin: 0;
	line-height:1.4em;
    padding: 0;
	}
.h2 {
	margin: 0;
	line-height:1.4em;
	color:#52565b;
    padding: 0;
	}


h1 {
	margin-bottom:.4em;
	color:#2a5877;
	font-weight:normal;
	font-size:1.75em;
	}



.hr { margin:4px 0 10px 0; border:0; height:0.05em; background-color:#CCCCCC}
.hrL { margin:0 10px 0 10px; border:0; width:0.05em; height:240px; background-color:#CCCCCC}
.hrLw { margin:0 10px 0 10px; border:0; width:0.05em; height:800px; background-color:#CCCCCC}
hr.gradient { margin: 10px 0; border:0; background-image: url(http://lionsfutures.com/images/bgs/gradient_border.jpg); visibility: visible; height: 14px; background-repeat: no-repeat;}

#platform { line-height: 17px; }
#maintext {
	line-height:17px;
}
#maintext2 {
	line-height:0px;
}


A.whiteheader { color:#FFFFFF }

.main #container {
	width: 995px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color:#fff;
	border:#e5eef5 1px solid;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.main #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.main #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.main #sidebar1 {
	background-image:url(../images/bg_stats.gif);
	background-repeat:no-repeat;
	height:725px;
	float: left; /* since this element is floated, a width must be given */
	width: 297px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding:0;
}
.main #mainContent {
	background-image:url(../images/bg_home.gif);
	background-repeat:no-repeat;
	height:725px;
	margin: 0 0 0 293px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.quote { padding:10px 10px 10px 15px; color:#205E8D; font-family:tahoma; font-size:20px; line-height:25px; margin-top:-15px }

#maintext { padding:10px 15px 10px 12px; line-height:17px }
#maintext2 { padding:1px 1px 1px 1px; line-height:17px }
#maintext li {color:#565656; line-height:16px }
#maintext h2 { 	font-size:1.4em; }
#maintext h3 { 	font-size:1.20em; }

li A { color:#003366; }

ul.disc {margin-top: 2px;
margin-bottom: 2px;
margin-left:20px;
list-style: disc;
color:#565656}
 
ul.disc:hover {
	color: #FF3300;
	background-color: #ddd;
	list-style: disc;
} 


#platform .platformText { padding:10px 15px 10px 15px; line-height:17px }
#platform h3 {font-size:13px; }
#platform h4 {font-size:13px; color:#185686; }
#platform .platformlist { background-image:url(../images/bg_platforms.png); color:#FFFFFF; padding:8px 8px 8px 5px; width:133px }
#platform .platformlist div { font-size:13px; font-weight:bold }
#platform .platformlist A { display:block; text-decoration:none; color:#000033; padding:4px 5px 5px 5px; font-family:Arial; font-size:12px }
#platform .platformlist A:hover { display:block; text-decoration:underline; color:#003366; padding:4px 5px 5px 5px; font-family:Arial; font-size:12px }

.aboutvalues { padding:48px 30px 10px 82px; line-height:14px }
.aboutvalues div { padding-bottom:20px }
.aboutvalues strong { color:#003366 }

.main #footer {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
}
.main #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#stats { padding:54px 20px 5px 15px; text-align:right  }
#stats .charity { padding-top:16px; height:45px; width:260px; text-align: right; font-size: 13px;  }
#stats .charity div { padding:2px 0px 3px 0px }


#accountforms { padding:7px; background-color:#333333; border:1px solid #000000; color:#CCCCCC }
#accountforms A { color:#CCCCCC; display:block; padding-bottom:3px }



.header { background-image:url(../images/bg_header.gif); height:95px }
.headerAdmin { background-image:url(../images/bg_headerAdmin.jpg); height:95px; }

.breadcrumb{ height:16px; background-color:#616c79; color:#f2f1f6; font-size:10px; font-family:Arial; padding: 3px 5px 3px 5px; text-align: left }
.breadcrumb A { color:#f2f1f6;  }

.topheader{ background-color:#ffffff; color:#616c79; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 4px 1px 4px 4px; text-align: right; text-decoration:none }
.topheader A { background-color:#ffffff; color:#616c79; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 4px 1px 4px 4px; text-align: right; text-decoration:underline  }
.topheader A:hover {color:#043960; text-decoration:none  }

#softwarehighlights {width:171px; border-right:0px solid #CCC; border-bottom:0px solid #CCC; float:left; padding-left:1px}

#softwarehighlights .shl { background-color:#043960; padding: 10px; color:#fff; font-size:13px }

a.softwarehighlights:link{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003366;
font-weight:800;
text-decoration:none;
}
a.softwarehighlights:hover{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
font-weight:800;
text-decoration:none;
}
a.softwarehighlights:active{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
font-weight:800;
text-decoration:none;
}a.softwarehighlights:visited{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003366;
font-weight:800;
text-decoration:none;
}

#softwarebg:hover{ background-color:#CCCCCC;
}


#rightbar {border-left:1px solid #CCC}

#rightbar .fh { background-color:#043960; padding: 10px; color:#fff; font-size:13px }

#rightbar .fbg { background-color:#e5f1f9; padding: 7px 20px 7px 10px; color:#000033; font-size:10px; border-left:#aecbdf 1px solid;  }
#rightbar #fundlist div { padding: 5px 1px; border-bottom:#b6bec3 1px dotted  }
#rightbar #fundlist div A { color:#000033;  }
#rightbar #fundlist div .spacer { padding: 0px 7px; margin-top:-5px; height:5px; border-bottom:#b6bec3 1px dotted  }

#rightbar .fb { background-image:url(../images/fund_performance.gif); height:27px; background-color:#c3d2dc; padding: 11px; color:#fff;  }
#rightbar .fb2 { background-color:#c3d2dc; border-bottom:#aecbdf 1px solid; }
#rightbar .fb form { margin:0; padding:0; text-align:center; }
#rightbar .fb form input { border:#003366 1px thin; padding:3px; font-family:Verdana; font-size:11px; }


#rightbar .nh { background-color:#043960; padding: 10px 10px; color:#fff; font-size:12px }
#rightbar .nbg {  background-color:#c3d2dc; padding: 13px 0 13px 8px; color:#fff; border-left:#aecbdf 1px solid; border-bottom:#aecbdf 1px solid; }
#rightbar .nbg form { margin:0; padding:0; }
#rightbar .nbg .input { width:175px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:1px }
#rightbar .nbg .select { width:177px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:1px }
#rightbar .nbg .rightsubmit { border:thin 1px #003366; padding:3px; font-family:Verdana; font-size:11px; }

#admin input {border:#000 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:3px }



/* ============================== */
/* ========= REGISTER =========== */
/* ============================== */
#register .bg { background:url(../images/bg_register.png) no-repeat; padding-bottom:25px; }
#register .bg2 { background:url(../images/bg_register.png) no-repeat; padding-bottom:25px; }
#register .bglogin { background-image:url(../images/bg_login.png); padding-bottom:25px; }
#register .bgcontact { background-image:url(../images/bgs/bg_contact.png); padding-bottom:25px; }

#register .radio { border:none; }
#register input {border:#778AAA 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px }
#register .errortext {color:#FF0000 }
#register .errorfield {border:#FF0000 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px }

#register textarea {border:#778AAA 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px }
#register select {border:#778AAA 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px }
#register td { color:#293F54; }
#register form { padding:0; margin:0; }
#register .submit { padding:0 0 40px 150px;  }
#register .submitinput { border:#778AAA 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:5px; color:#003366; margin-top:5px  }

#register .submitcontact { border:#778AAA 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:5px; color:#003366;  }
#register .submitimage { border:none }
#register .title { color:#3e5b79; font-size:13px; font-weight:bold; padding: 20px 10px 30px 25px }
#registerErrors { color:#CC0000; font-weight:bold}

/* ============================== */
/* ========= COMPONENTS ========= */
/* ============================== */
#openaccount { padding:10px; color:#FFFFFF; width:152px; background-image:url(../images/bgs/create-account.png); }


.footer {
background-color:#2a3c4a;
	height:77px;
	padding: 20px;
	text-align: center;
	font-size:10px;
	font-family:verdana;
	color:#fff;
}
.footer a { color:#FFFFFF }

 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FFF !important; /*//reCaptcha widget background color*/
 }

 #recaptcha_table {
   border-color: #FFF !important; /*//reCaptcha widget border color*/
 }

 #recaptcha_response_field {
   border-color: #000 !important; /*//Text input field border color*/
   background-color:#FFF !important; /*//Text input field background color*/
 }

 #recaptcha_logo {
    display:none;
 }
 #recaptcha_tagline {
    display:none;
 }





/* MOO MENU */

.menutop,.menutop *{margin:0;padding:0;}
#horiznav{position:relative;z-index:1000;}
#horiz-menu{z-index:50;}
#horiz-menu li li{margin:0;}
.menutop{line-height:1.0;float:left;margin-bottom:1.5em;position:relative;}
.menutop ul{background:#fff;/*IE6 needs this*/ padding:0;}
.menutop li{float:left;list-style:none;position:relative;}
.menutop li#current {z-index: 199;}
#horiz-menu li li a, #horiz-menu li.active li a, #horiz-menu li li .separator, #horiz-menu li.active li .separator {display:block;margin:0;text-decoration:none;float:none;height:33px;line-height: 33px;width:100%;}
.menutop li ul{float:none;left:-999em;position:absolute;z-index:500;}
.menutop li:hover li ul, .menutop li.sfHover li ul, .menutop li li:hover li ul, .menutop li li.sfHover li ul, .menutop li li li:hover li ul, .menutop li li li.sfHover li ul{top:-999em;}
.menutop li li:hover ul, .menutop li li.sfHover ul, .menutop li li li:hover ul, .menutop li li li.sfHover ul, .menutop li li li li:hover ul, .menutop li li li li.sfHover ul{left: 0;top: 0;}
.menutop li li{position:relative;float:none;width:100%;}



/* Top Main Menu */

#horiz-menu {/*padding: 0 10px 4px 0;*/display: block; height:30px; background-image:url(../images/bg_navtop.gif); font-family:Verdana, Geneva, sans-serif}
ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: left;cursor:pointer;}
#horiz-menu li, #horiz-menu li .link {position:relative;display: block; outline:none;color: #fff;}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu li:hover {color: #fff;}
#horiz-menu li li:hover .link {color:#006699;}
#horiz-menu li li a.link {color:#003366;}


#horiz-menu .link {white-space: nowrap;display: block;float: left;height: 30px;line-height: 30px;font-weight: normal;font-size: 11px; text-decoration: none;z-index: 100;cursor: pointer;padding: 0;/*margin:0 2px 0 2px*/}
#horiz-menu ul {list-style: none;padding: 0;margin: 0;}
#horiz-menu li {display: block;float: left;margin: 0  1px;padding: 0;font-weight: bold;}
#horiz-menu li .link span {display: block;padding: 0 10px;height: 30px;}



/* Top Main Menu Dropdowns */
#horiz-menu ul ul {margin-left:4px;border: 0; padding-left:0px/*padding: 0 10px 15px 10px;*/}
#horiz-menu li li {	margin:0; padding:0;}
#horiz-menu li li a.link {
	display: block;
	cursor: pointer;/;
	color:#003366;
	text-decoration: none;
	font-size:11px;
	text-align:left;
	font-weight:normal;
	padding-left:5px;
	line-height: 25px;
/*text-indent:5px;font-weight: normal;padding: 2px;margin: 0;height: 25px;font-size: 12px;display: block;text-transform:none
*/}
/*dropdown link*/

#horiz-menu ul ul.columns-1 {background-color:#e0e8ee; border:1px solid #003366}
#horiz-menu li li {color: #003366;	border-bottom:#d5dee4 1px solid;}
#horiz-menu li li:hover { background-color: #d8e2ea; color: #006699;}




#horiz-menu li li .link span {display: block;padding: 0;margin-left: 0;}
#horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu ul ul li.parent {height: 24px;}

/*#horiz-menu li.parent, #horiz-menu li.active li.parent {z-index: 600;}*/
.menutop li:hover ul, .menutop li.sfHover ul {left: -4px;top:0;}
#horiz-menu ul ul li, #horiz-menu ul ul li.c0, #horiz-menu ul ul li.c1, #horiz-menu ul ul li.c2, #horiz-menu ul ul li.c3 {float: left;width: 12.5em;padding: 0;}
#horiz-menu li ul, #horiz-menu li ul.columns-1, #horiz-menu .drop-wrap.columns-1 {width: 12.5em;}
.menutop .drop-wrap {float:none;left:-999em;position:absolute;z-index:700;width: 100%;}

.menutop li:hover .drop-wrap, .menutop li.sfHover .drop-wrap {left: -1px;top:30px;} /* spacing between top menu and dropdown */
.menutop li:hover li .drop-wrap, .menutop li.sfHover li .drop-wrap, .menutop li li:hover li .drop-wrap, .menutop li li.sfHover li .drop-wrap, .menutop li li li:hover li .drop-wrap, .menutop li li li.sfHover li .drop-wrap {top:-999em;}
.menutop li li:hover .drop-wrap, .menutop li li.sfHover .drop-wrap, .menutop li li li:hover .drop-wrap, .menutop li li li.sfHover .drop-wrap, .menutop li li li li:hover .drop-wrap, .menutop li li li li.sfHover .drop-wrap {left:169px;top: 0;}
.menutop .submenu-animation-left {height: 100%;}
#horiz-menu li.parent:hover li .link, #horiz-menu li.parent.sfHover li .link, #horiz-menu li.active li .link span, #horiz-menu li:hover li .link span, #horiz-menu li.sfHover li .link span {background: none;}


/* Horizontal Menu - COLORING */
#horiz-menu li, #horiz-menu li .link {color: #fff;}


#horiz-menu li.active .link, #horiz-menu li:hover .link, #horiz-menu li.sfHover .link {background: url(../images/menu-tab-r.png) 100% 0 no-repeat;}
#horiz-menu li.active .link span, #horiz-menu li:hover .link span, #horiz-menu li.sfHover .link span {background: url(../images/menu-tab-l.png) 0 0 no-repeat;}
/* IE6 Fix */
#horiz-menu li.parent-sfHover .link, #horiz-menu li.parent-sfHover .topdaddy {background: url(../images/menu-tab2-r.png) 100% 0 no-repeat;}
#horiz-menu li.parent-sfHover .link span, #horiz-menu li.parent-sfHover .topdaddy span {background: url(../images/menu-tab2-l.png) 0 0 no-repeat;}


/* software */
.software h2 {color:#006699; margin:0; display:block; padding:0; font-size:12px}
.software h3 {color:#006699; margin:0; display:block; padding-top:10px; font-size:12px}
.software img {margin-bottom:8px;}