/*
GNI touch Stylesheet
Created by David Hession
www.saveprogress.com
*/

/*------ undo HTML ------*/
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em;}
a img,:link img,:visited img {border: none;}


/*------ colors 
Dark Green - #00836a

Dark Orange = #bd2801
Light Orange = #eb8605
Blue Grey = #aebcbc

Red - #c30801
Dark red - #7a0801

Blue - #0076a3
Dark blue - #003b51

Purple - #7c237c
Dark purple - #7c237c

------*/


/*------ body style ------*/

body {
	margin:0px; 
	padding:0px;
	text-align:center;
	font-family: helvetica, sans-serif;
	background-color: #fff;
	}
	
#wrapper {
	width:970px;
	height: auto;
	margin:0px auto;
	background-color: #fff;
	background-image: url(../images/bg_shadow.gif);
	background-repeat: repeat-y;
}	

#form1 {
	width:970px;
	height: auto;
	margin:0px auto;
}
	
	
#maincontent {
	width:950px;
	margin:0px 5px 0px 10px;
	text-align:left; 
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-y;
}

#contentholder 
{
   padding-left: 10px;
   padding-right: 10px;
   height: auto;
   width: 920px;  
   margin-top: 10px;  
}

#header {
	background-color: #FFF;
	width:950px;
	height:90px;
	margin-top: 10px;
}

#worldclock 
{
     position: absolute;
     top: 40px;
     left:850px;
}

#flashcontent {
	background-color: #FFF;
	width:920px;
	height:160px;
	border: solid 1px #aebcbc;
}

#imagecontent {
	background-color: #FFF;
	width:920px;
	height:160px;
	border: solid 1px #aebcbc;
}

.bottomshadow
{
    width: 920px;
    height: 30px;
    margin-left:3px;
    background-image: url(../images/large_btm_shdw.gif);
    background-repeat: no-repeat;
}


#copycontent {
	width:auto;
	padding: 20px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 20px;
}

.singlecolumn
{
    width: 200px;
    float: left;
}

.firstcolumn
{
    width: 350px;
    float: left;
}
 

#triplecolumn
{
    float: left;
    width: 700px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}


#footer {
	background-color: #FFF;
	background-image:  url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	width:950px;
	height:auto;
	vertical-align: bottom;
}  

.address 
{
    text-align: center;
    padding: 10px;
} 

.legalcopy 
{
    text-align: center;
    font-size:11px;
    line-height:13px;
    padding:10px;
} 


#footer p 
{
    text-align: center;
    font-size:11px;
   color: #FFFFFF;
}

/*------ login ------*/

#login
{
background-color:#000;
background-repeat: repeat-x;
width: 950px;
height: 30px;
}

#loginlinks
{
    padding-left:700px;
    padding-top:5px;
}



#loginlinks li
{
display:inline;
background: transparent url(../images/login.gif) no-repeat scroll 8px 8px;
padding: 4px 0px 4px 30px;
}


#loginlinks a
{
    color: #FFFFFF;
    font-size: 12px;
}

#loginlinks a:hover
{
    color: #aebcbc;
    text-decoration:underline;
    
}

/*------ second nav ------*/


#tradingmenu
{
	background-color: #000;
	width:950px;
	height:25px;
}

#tradingmenu ul {
	background-color: #000;
	list-style: none;
	font-size: 12px;
	color:#FFF;
	float: left;
	text-align: center;
	vertical-align: middle;
	width: 910px;
	padding-left: 40px;
}

#tradingmenu ul li  
{
    font-weight: normal;
	float: left;
	margin-right: 20px;
}

#tradingmenu ul li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 5px 10px 5px 0px;
}


#tradingmenu ul li a:hover{
    color: #999;
}

#tradingmenu .bookmark
{
    padding: 5px 10px 5px 0px;
    color: #999;
    text-decoration:underline;
}



/*------ icons------*/

.iconholder 
{
     width: 200px;
    height: auto;
    float: left;
    margin-right: 33px;
}   


#iconone_top
{
    width: 200px;
    height: 140px;
    background-image: url(../images/icon_one_top.jpg);
    background-repeat: no-repeat;
}

#icontwo_top
{
    width: 200px;
    height: 140px;
    background-image: url(../images/icon_two_top.jpg);
    background-repeat: no-repeat;
}


#iconthree_top
{
    width: 200px;
    height: 140px;
    background-image: url(../images/icon_three_top.jpg);
    background-repeat: no-repeat;
}

#iconfour_top
{
    width: 200px;
    height: 140px;
    background-image: url(../images/icon_four_top.jpg);
    background-repeat: no-repeat;
}


.iconBottom
{
    width: 200px;
    height: 45px;
    background-image: url(../images/subnav_btm.gif);
    background-repeat: no-repeat;
}

.iconMiddle
{
   width : 200px;
    height: 50px;
    background-image: url(../images/subnav_middle.gif);
    background-repeat: repeat-y;
}


.iconMiddle ul
{
list-style: none;
padding-left:5px;
}

.iconMiddle #submit
{
width:50px;
height:20px;
margin-left:140px;
margin-top: -40px;
}

.iconMiddle li
{
background: transparent url(../images/subnav_icon3.gif) no-repeat scroll 3px 8px;
padding: 4px 0px 4px 30px;
}


.iconMiddle a
{
    color: #bd2801;
    font-size: 14px;
}

.iconMiddle a:hover
{
    color: #eb8605;
    text-decoration:underline;
    
}

.iconMiddle .inputtype{
font-size: 12px;
color: #bd2801;
}


.iconMiddle .textbox {
background:#FFFFFF repeat-y scroll 0pt;
border:1px solid #CBCBCB; 
width: 120px;
margin-top:5px;
margin-left:10px;
}







#downloadlist li
{
padding-bottom: 10px;
}

.pdficon
{
background: transparent url(../images/pdf.gif) no-repeat scroll 3px 0px;
padding: 0px 0px 0px 30px;
}

.excelicon
{
background: transparent url(../images/excel2.gif) no-repeat scroll 3px 0px;
padding: 0px 0px 0px 30px;
}

.internallink
{
background: transparent url(../images/subnav_icon3.gif) no-repeat scroll 3px 8px;
padding: 4px 0px 4px 30px;
}

.emailicon
{
background: transparent url(../images/email.gif) no-repeat scroll 3px 8px;
padding: 4px 0px 4px 30px;
}

.telephoneicon
{
background: transparent url(../images/telephone.gif) no-repeat scroll 3px 8px;
padding: 4px 0px 4px 30px;
}

.selected
{
background: transparent url(../images/sub_nav_selected.gif) no-repeat scroll 3px 8px;
padding: 4px 0px 4px 30px;
}



#downloadlist a
{
    color: #bd2801;
    font-size: 14px;
}

#downloadlist a:hover
{
    color: #eb8605;
    text-decoration:underline;
    
}

#downloadlist .active
{
    color: #FFF;
    background-color: #000;
}



/*------ copy styles ------*/

p{
    font-family: "Verdana" Sans-Serif;
    font-size: 12px;
    line-height: 20px;
    color: #555;
    }
    


h1{
    font-size: 24px;
    color:  #00836a;
    font-family: "Verdana" Sans-Serif;
}

h2{
    font-size: 20px;
    color:  #00836a;
    font-family: "Verdana" Sans-Serif;
}

h3{
    font-size: 16px;
    color: #eb8605;
}

.orange{
    color: #eb8605;
}


.bluegrey{
    color: #aebcbc;
}

.green{
    color: #00836a;
}

.white{
    color: #FFF;
}

.red{
    color: #c30801;
}

.blue{
    color: #0076a3;
}

.purple{
    color: #7c237c;
}





.smallcopy
{
    font-size: 12px;
}


hr{
	border: none;
	background-color: #ccc;
	height: 1px;
}

.thick{
	height: 5px;
}


/*------ position classes ------*/
.floatleft{float:left; margin-right:80px;}
.floatright{float:right; margin-left: 20px;}
.clear{clear:both;}





/*------ anchor styles ------*/





#paragraphReveal
{
  color: #eb8605;
  background: transparent url(../images/plus_icon.gif) no-repeat scroll 0px 8px;
padding: 6px 0px 4px 22px;
}

#paragraphHide
{
  color: #eb8605;
  background: transparent url(../images/minus_icon.gif) no-repeat scroll 0px 8px;
padding: 6px 0px 4px 22px;
}

.backUp
{
  color: #eb8605;
  background: transparent url(../images/arrowup.gif) no-repeat scroll 0px 8px;
padding: 6px 0px 4px 22px;
padding-bottom:10px;
}

#reflection
{
    width: 947px;
    height: 64px;
    background: url(../images/reflection.jpg) no-repeat;
    margin-left: -8px;
}
    

/*-----icon horizontal styles------*/


#iconholderhorizontal{width: 950px; height: auto; margin-left: -8px;}

.one a {width: 240px; height: 92px; background: url(../images/btn_cfds.jpg) 0 0 no-repeat; text-decoration: none;
 float: left; }
.one a:hover{background-position: 0 5px; }
.one a .alt { display: none; }


.two a{ float: left; width: 230px; height: 92px; background: url(../images/btn_futures.jpg) 0 0 no-repeat; text-decoration: none;}
.two a:hover{background-position: 0 5px; }
.two a .alt{display: none; }


.three a{float: left; width: 240px; height: 92px; background: url(../images/btn_forex.jpg) 0 0 no-repeat; text-decoration: none;}
.three a:hover{background-position: 0 5px; }
.three a .alt {display: none; }


.four a{float: left; width: 237px; height: 92px; background: url(../images/btn_binary_temp.jpg) 0 0 no-repeat; text-decoration: none;}
.four a:hover{background-position: 0 5px;}
.four a .alt {display: none; }


#selected a{float: left;width: 120px;height: 120px; background-position: 0 -240px;}



/*-----table styles------*/
table .header
{
    background-color: #bd2801;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}


table td
{
      font-size: 12px;  
}
   
table .alternate
{
    background-color: #dae8e8;

}  

table a
{
    color: #bd2801;
    font-weight: bold;
} 


/*-----form styles------*/


#fieldset
{
border: #555; 
}


legend
{
color: #bd2801; 
}

#form 
{
width: 100%;
position: relative;
}    


#form label {
font-size: 12px;
color: #bd2801;
font-weight:bold;
}


#form .textbox {
background:#FFFFFF repeat-y scroll 0pt;
border:1px solid #CBCBCB; 
width: 200px;
}

#form .checkbox
{
width: 100px;
display: inline;
}



#form .dropbox {
background:#FFFFFF repeat-y scroll 0pt;
border:1px solid #CBCBCB; 
width: 200px;
}

#form #searchmrbtn{
 width: 50px;
  
}


#form .registerbutton{
 width: 100px;
 color:#fff;
 background-color:#eb8605;
 padding:2px;
 margin-left:100px;  
}

.registerbutton{
 width: 60px;
 color:#fff;
 background-color:#eb8605;
 padding:2px;
}


ul li .inline
{
    display:inline;
    list-style: disc;
    
}



    
/*------ colors 
Dark Orange = #bd2801
Light Orange = #eb8605
Blue Grey = #aebcbc
Dark Green - #00836a
light blue - #dae8e8
------*/
   
   
 /* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url((../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url((../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
  

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}






/* These "decoy" styles are used to hide the browser text before it is replaced*/

.sIFR-hasFlash h1{
	visibility: hidden;
	font-size: 34px;
}


.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 24px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 24px;
}

/* Style for invalid input */
.invalidInput{
	border:1px dotted #F00;
	background-color: #FFECE6;
}

/* Style for valid input */
.validInput{
	border: 1px dotted #FF0000;
}