/* CSS Document */

body,div,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4b4b4b;
	font-weight:300;
	line-height:1.5em;
}

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	margin-left:20px;
	margin-right:20px;
}

a { 
	outline: 0; 
}



/* ----------- End Restart-----------------*/

/*---------------------------- TEXT STYLES ----------------------------*/

a{
	text-decoration:none;
	color:#0756a5;

}

a:hover{
	color:#547ec3;
	
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	color:#434344;	
	line-height:1.3em;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#434344;
}

strong{
	font-weight: bold;	
}

em{
	font-style: italic;	
}


h1 {
	font-size:25px;
	margin-top:10px;
    margin-bottom:10px;
}
h2 {
	font-size:23px;
	margin-top:10px;
    margin-bottom:10px;
}

h3 {
	font-size:18px;	
	margin-top:10px;
    margin-bottom:10px;
}


h4 {
	font-size:16px;
	margin-top:10px;
    margin-bottom:10px;
}

h5 {
	color:#999999;
	font-size:14px;
	margin-top:10px;
    margin-bottom:10px;
}

h2+h5, h1+h5{
	margin-top:-10px;
	margin-bottom:20px;	
}

h6 {
	font-size:12px;
	margin-top:10px;
    margin-bottom:10px;
}


hr {

	background-color:#4b4b4b;
	border:#4b4b4b;
	height:1px;
	margin-left:20px;
	margin-right:20px;
}

p{
	margin-bottom:10px;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
}

ol{
	margin-left:35px;	
}

.listitems { 
	margin-bottom:10px;
	margin-top:10px;
	margin-left:40px;
	margin-right:20px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4b4b4b;
	font-weight:300;
	line-height:1.5em;
	list-style:square outside ;
}

.body_white
{
    text-align:center;
    font-size:10px;
    color:#FFFFFF;
}

.body_white a
{
    text-align:center;
    font-size:10px;
    color:#FFFFFF;
}

.body_white a:hover
{
    text-align:center;
    font-size:10px;
    color:#FFFFFF;
    text-decoration:underline;
}
.body_small
{
	padding-top:10px;
    text-align:center;
    font-size:10px;
    line-height:12px;
}

/* Background-Styles */

body {
	margin:0px; 
	padding:0px;
	background-color:#ffffff;
	min-height:800px;
}

#main {
	color:black;
	padding-top:20px; 
	min-height:800px;
}

#main .container {
	min-height:800px;
	width:772px;
	margin: auto;
  	position:relative;
  	background-color:#0756a5;
}

.container {
	width:772px;
	margin: auto;
  	position:relative;
  	background-color:#0756a5;
  	min-height:800px;
}

#header {   
   width:772px;   
}

#logo {   
   background-image:url(images/background_r2_c2.jpg);   
   background-repeat:no-repeat;   
   width:277px;   
   height:81px;
   float:left;   
 }
  
#logo a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
}
 
#logo a:hover {
  text-decoration: none;
} 


#topline
{
background-image:url(images/background_r2_c7.jpg);   
background-repeat:no-repeat;   
width:187px; 
float:left; 
height:47px; 
} 


#undertopline
{
background-image:url(images/topcorner.jpg);   
background-repeat:no-repeat;   
width:19px; 
height:34px; 
margin-top:47px;
} 


#block_feature
{
margin:0px; 
padding:0px;
width:772px; 
height:292px;
float:left;
}

#block_feature_sub
{
margin:0px; 
padding:0px;
width:772px; 
height:225px;
float:left;
}      


#featureleft
{
background-image:url(images/background_r4_c2.jpg);   
background-repeat:no-repeat; 
width:11px; 
height:292px; 
float:left;
}   

#featureleft_sub
{
background-image:url(images/background_r4_c2.jpg);   
background-repeat:no-repeat; 
width:11px; 
height:225px; 
float:left;
}  

#image
{
background-image:url(images/home.jpg);   
background-repeat:no-repeat; 
width:750px; 
height:292px; 
float:left;
} 

#image_subbrokerage
{
background-image:url(images/brokerageTop.jpg);   
background-repeat:no-repeat; 
width:750px; 
height:225px; 
float:left;
} 
#image_subeducation
{
background-image:url(images/contactTop.jpg);   
background-repeat:no-repeat; 
width:750px; 
height:225px; 
float:left;
} 
#image_subsoftware
{
background-image:url(images/newsTop.jpg);   
background-repeat:no-repeat; 
width:750px; 
height:225px; 
float:left;
} 

#content
{
    background-image:url(images/content.gif);   
    background-repeat:repeat-Y;  
    width:772px;
    min-height:400px;
	margin: 0 0 0 0px;
	position:relative;
  	background-color:#ffffff;
  	float:left;
}  	

#footer
{
    background-image:url(images/footer.gif);   
    background-repeat:repeat-x;  
    width:772px;
    height:150px;
	margin: 0 0 0 0px;
	position:relative;
  	float:left;
}  	

/*TOPNAVIGATIONDIV */
#topnav{ 

} 

.topmenu ul{ 
padding:0; 
margin:0; 
list-style-type:none; 
list-style:none; 
display:inline; 
} 
 
 
.topmenu li{ 
padding-right:0px; 
margin:0 0 0 0; 
height:47px; 
list-style-type:none; 
list-style:none; 
display:inline; 
float:left; 
} 
 
 
#home a{ 
	width: 56px;
	height: 47px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(images/home_btn.gif);
}
#home a:hover {
	background-position: bottom right;
}
 
#support a{ 
	width: 104px;
	height: 47px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(images/support_btn.gif);
} 

#support a:hover {
	background-position: bottom right;
}

#faq a{ 
	width: 46px;
	height: 47px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(images/faq_btn.gif);
} 
 
 #faq a:hover {
	background-position: bottom right;
}
 
#contact a{ 
	width: 91px;
	height: 47px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(images/contact_btn.gif);
} 

 #contact a:hover {
	background-position: bottom right;
}


/* MainMenuDiv Menus*/
#mainmenu
{
width:450px; 
height:34px; 
margin-left:19px;
padding-top:4px;
} 

/* DropDown Menus*/

.preload2 {background: url(images/button4.gif); }
.menu2 {padding:0 0 0 1px; margin:0; list-style:none; height:30px; background:#ffffff url(images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:30px; line-height:30px; color:#ffffff; text-decoration:none; font-size:12px; font-weight: bold; padding:0 0 0 30px; cursor:pointer;letter-spacing:.05em; text-transform:uppercase;}
.menu2 li a.top_link span {float:left; display:block; padding:0 35px 0 12px; height:30px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 35px 0 12px; height:30px; background:url(images/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(images/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(images/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu2 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 */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :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;}

.menu2 :hover ul.sub {left:5px; top:30px; background: #fff; padding:3px 0; border:1px solid #0756a5; white-space:nowrap; width:145px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:140px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:140px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 130px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#2976ce; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#2976ce url(images/arrow_over.gif) 130px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#2976ce url(images/arrow_over.gif) 130px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:140px; top:-4px; background: #fff; padding:3px 0; border:1px solid #0756a5; white-space:nowrap; width:150px; z-index:200; height:auto;}


/* BottomMenuDiv Menus*/

#bottom_nav 
{
height: 34px;
margin:0 0 0 -30px;
padding:0px;
font-size:12px;
left:0px;
width:800px;
display: block;
} 

/*BOTTOM NAVIGATION */

 
.bottommenu ul{ 
padding:0; 
margin:0; 
list-style-type:none; 
list-style:none; 
display:inline; 
width:772px;
} 
 
 
.bottommenu li{ 
padding-right:0px; 
margin:0 0 0 0; 
height:34px; 
font-size:12px;
list-style-type:none; 
list-style:none; 
display:inline; 
float:left; 
} 

#insideedge a{ 
	width: 206px;
	height: 34px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(images/insideedge.gif);
}
#insideedge a:hover {
	background-position: bottom right;
}
 
#freetrial a{ 
	width: 199px;
	height: 34px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(images/free_trial.gif);
} 

#freetrial a:hover {
	background-position: bottom right;
}

#openaccount a{ 
	width: 278px;
	height: 34px;
	display: block;
	background-repeat:no-repeat;
	background-image:url(images/big_open_account.gif);
} 
 
 #openaccount a:hover {
	background-position: bottom right;
}

#breadcrumb 
{
    float:right;
    margin-bottom:10px;
	margin-top:20px;
	margin-left:0px;
	margin-right:30px;
}
  
.breadcrumb{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0756a5;
	list-style-type:none; 
    list-style:none; 
    display:inline; 
}
.breadcrumb a{ 
	color:#0756a5;
} 
.breadcrumb a:hover{ 
	color:#547ec3;
}
.breadcrumb span{ 
	color:#0756a5;
	padding:0;
	list-style-type:none; 
    list-style:none; 
    display:inline; 
}
.breadcrumb span a{ 
	color:#0756a5;
}
.breadcrumb span a:hover{ 
	color:#547ec3;
}

.highlight table  
{
 width:92%;
 background:#ffffff;
 border:1px solid gray;
 border-collapse:collapse;
 color:#ffffff;
 font:normal 12px verdana, arial, helvetica, sans-serif;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:20px;
 margin-right:20px;
}
.highlight caption { border:1px solid #5C443A;
 color:#5C443A;
 font-weight:bold;
 letter-spacing:20px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
}
.highlight td, th { color:#363636;
 padding:.4em;
}
.highlight tr { border:1px dotted gray; 
}
.highlight td { border:1px dotted gray; 
}
.highlight tr:hover { color:#ffffff;
}
.highlight thead th, tfoot th { background:#5C443A;
 color:#FFFFFF;
 padding:3px 10px 3px 10px;
 text-align:left;
 text-transform:uppercase;
}
.highlight tbody td a { color:#363636;
 text-decoration:none;
}
.highlight tbody td a:visited { color:gray;
}
.highlight tbody td a:hover { text-decoration:underline; 
}
.highlight tbody th a { color:#363636;
 font-weight:normal;
 text-decoration:none;
}
.highlight tbody th a:hover { color:#363636;
}
.highlight tbody td+td+td+td a { background-image:url('bullet_blue.png');
 background-position:left center;
 background-repeat:no-repeat;
 color:#03476F;
 padding-left:15px;
}
.highlight tbody td+td+td+td a:visited { background-image:url('bullet_white.png');
 background-position:left center;
 background-repeat:no-repeat;
}
.highlight tbody th, tbody td { text-align:left;
 vertical-align:top;
}
.highlight tfoot td { background:#5C443A;
 color:#FFFFFF;
 padding-top:3px;
}
.highlight odd { background:#fff;
}
.highlight tbody tr:hover  
{
 background:#547ec3;
 border:1px solid #03476F;
 color:#FFFFFF;
}

.highlight tr:hover td{ color:#ffffff;
}
.highlight tr:hover H3{ color:#ffffff;
}

.imagecontainer
{
 border: 1px solid #ffffff; 
 margin-left:20px;
 margin-top:5px;
 margin-bottom:5px;
 padding:5px;
 float:left;
}
.imagecontainer:hover
{
 border: 1px solid #03476F;   
}
.imageborder
{
 padding:5px;
}

#webform
{
  width: 500px;
  margin-top: 40px;
  margin-bottom: 20px;
  color:#0756a5;
}
#webform p
{
  color:#0756a5;
}

#webform span
{
 display:inline;
}

#webform textarea
{
 width:250px;
 padding:5px;
 height:100px;
}

/* rounded buttons */
.round {
	cursor:pointer; 
	cursor:hand; 
	line-height:38px;
	height:38px;
	background:url(images/rolloverbutton.png) no-repeat right top; 
	display:inline-block;
	color: #ffffff;
	width:124px;
	text-align:center;
	vertical-align: middle;
	border:none;
	margin:0px;
	padding:0px;	
}
.round:hover 
{
    background-position:right bottom;
    color: #ffffff;
    text-decoration:none;
}
.round:visited 
{
    color: #ffffff;
    text-decoration:none;
}
/* end rounded buttons */

.textboxdefault
{
 width:250px;
 padding:5px;
}
.check
{
    background:url(images/checkmark.png) no-repeat center; 
}
table  
{
 width:92%;
 border:none;
 border-collapse:collapse;
 font:normal 12px verdana, arial, helvetica, sans-serif;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:20px;
 margin-right:20px;
}

table hr 
{
	background-color:#4b4b4b;
	border:#4b4b4b;
	height:1px;
	margin: 10px 0px 10px 0px;
}