﻿html,body,form
{
    width : 100%;
    padding: 0px;
    margin: 0px;
}

#divPageContainer
{
    width: 971px;
    margin: 0 auto;
    z-index : 0;
}

#tblMainTable
{
	border: 1px solid #888888;
	width: 947px; /*background-image: url(Images/main_tile_dropshadow.png);
    background-repeat: repeat-y;*/
	border-collapse: collapse;
	z-index: 0;
}

.imgTopLeft
{
    border-style: none;
    padding: 0px;
    margin: 0px;
    height: 40px;
    width: 12px;
    background-image: url(Images/lhs_top_dropshadow.png);
    background-repeat: no-repeat;
}

#divTopLeft
{
    height: 40px;
    width: 12px;
    background-image: url(Images/lhs_top_dropshadow.png);
    background-repeat: no-repeat;
}

#divBottomLeft
{
    height: 40px;
    width: 12px;
    background-image: url(Images/lhs_bottom_dropshadow.png);
    background-repeat: no-repeat;
}

#divTopRight
{
    height: 40px;
    width: 11px;
    background-image: url(Images/rhs_top_dropshadow.png);
    background-repeat: no-repeat;
}

#divBottomRight
{
    height: 40px;
    width: 11px;
    background-image: url(Images/rhs_bottom_dropshadow.png);
    background-repeat: no-repeat;
}

#tblTopLeft
{
    width: 12px;
    vertical-align: top;
}

#tblBottomLeft
{
    width: 12px;
    vertical-align: bottom;
}

#tblTopRight
{
    width: 11px;
    vertical-align: top;
}

#tblBottomRight
{
    width: 11px;
    vertical-align: bottom;
}

#tblContent
{
    width: 947px;
    z-index : -1 ;
}

#divTopBarRight
{
    background-image: url(Images/top_colouredbar.png);
    background-repeat: no-repeat;
    width: 400px;
    vertical-align: middle;
    overflow : hidden;
    line-height : 18px ;
    min-height :18px;
}

#divTopBarRight A
{
    height: 18px;
    padding-left: 170px;
    font-family: Arial;
    font-size: 11px;
    color: #FFFFFF;
    vertical-align: middle;
    text-decoration: none;
}

#divTopBarRight A visited
{
    text-decoration: none;
}

#divLogoBar
{
    position : relative;
    width : 947px;
    float: none;
    overflow : hidden;
}

#divLogoBarLeft
{
    background-image: url(Images/jse_logo.png);
    background-repeat: no-repeat;
    width : 358px;
    height : 65px;
}

#divLogoBarRight
{
    position: relative;
    float: right;
    height: 65px;
    overflow: hidden;
    vertical-align: middle;
}

#divFooter
{
    height : 19px;
    width : 947px;
    overflow : hidden;
    border-collapse: collapse;
}

#divFooterTopLine, #divFooterBottomLine , #divMenuBarTopLine ,#divMenuBarBottomLine ,#divTickerTopLine, #divTickerBottomLine
{
    height : 1px;
    position : relative;
    width : 947px;
    z-index : 0 ;
    background-color: #3f5569;
}

/*#divFooterContent
{
    position : relative;
    width : 949px;
    overflow : hidden;
}*/

/*#divFooterContentLeft
{
    width : 193px;
    height : 18px;
	background-color:#3f6886;	    
}*/

/*#divFooterContentRight
{
    width: 754px;
    height: 18px;
    overflow: hidden;
    text-align: right;
	background-color:#3f6886;	
}*/

.link
{
	font: 11px 'Arial';
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	color: #FFFFFF !important;
}

.end
{
    margin-right: 3px;
    margin-left: 3px;
    padding-right: 3px;
    text-decoration: none;
    font: 11px 'Arial';
    padding-right : 5px;
    border-style: none;
    color: #FFFFFF !important;
}

#divMenuBarContent
{
    position : relative;
    width : 947px;
    /*overflow : hidden;*/
    z-index : 0 ;
}

.divMenuBarLeft
{
	background-position: left;
	width: 72px;
	height : 25px;
	background-image: url(Images/lhs_navbar.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

.divMenuBarRight
{
	background-position: right;
	width: 68px;
	height : 25px;
	float: right;
	background-image: url(Images/rhs_navbar.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

#divTickerContent
{
    width : 941px;
    height : 18px;
    /*overflow : hidden;*/
    z-index : 0 ;
}


#divFlash
{
    width : 632px;
    /*overflow : hidden;*/
    z-index : 0 ;
}

#divButtons
{
    border-collapse  : collapse;
    width : 947px;
    z-index : 0 ;
}

h2,
h2 a:link,
h2 a:active,
h2 a:visited,
h2 a:hover
{
    margin: 0px;
    font-family: 'Arial';
    font-size: 28px;
    font-weight: bold;
    color: #485E73;
    padding-top: 5px;
    padding-bottom: 2px;
    text-decoration : none;
}

h3
{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #476886;
}

p
{
    font-family: 'Arial';
    font-size: 11px;
    color: #485E73;
}

.navbuttonText
{
    font-family: 'Arial';
    font-size: 11px;
    color: #485E73;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    margin-top : 0px;
    padding-top : 3px;
}

.navbuttonText a:link,
.navbuttonText a:active,
.navbuttonText a:visited,
.navbuttonText a:hover
{
    color: #485E73;
    text-decoration : none;
}

.singleLineImage
{
    margin: 0px;
    float: none;
    display: block;
    margin-left:auto; 
    margin-right:auto;  
    margin-bottom : 1px;
    z-index : 0 ;  
}

.shortcutButton
{
    float: none;
    display: block;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left:auto; 
    margin-right:auto;
    z-index : 0 ;    
}

#tdButtonSeperatorEnd
{
	width : 2px;
    background-image: url(Images/containerbackend.gif);
    background-repeat: no-repeat;
}

#tdButtonSeperator1.off,
#tdButtonSeperator2.off,
#tdButtonSeperator3.off
{
	width : 2px;
    background-image: url(Images/containerbackright.gif);
    background-repeat: no-repeat;
}

#tdButtonSeperator1.on
{
	width : 2px;
    background-image: url(Images/containerseperator_1over.gif);
    background-repeat: no-repeat;
}

#tdButtonSeperator2.on
{
	width : 2px;
    background-image: url(Images/containerseperator_2over.gif);
    background-repeat: no-repeat;
}

#tdButtonSeperator3.on
{
	width : 2px;
    background-image: url(Images/containerseperator_3over.gif);
    background-repeat: no-repeat;
}

#divButton1.off 
{
    min-height: 128px;
    width: 188px;
    /*background-position: right;
    background-image: url(Images/containerbackright.gif);
    background-repeat: no-repeat;*/
    text-align: center;
    margin-left:auto; 
    margin-right:auto; 
    z-index : 0 ;   
	padding-top : 3px;
}

#divButton1.on
{
	background-position: right top;
	min-height: 128px;
	width: 188px;
	background-image: url(Images/containerhover1.gif);
	background-repeat: no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top : 3px;
	z-index: 0;
}

#divButton2.off
{
	min-height: 128px;
	width: 188px;
	background-position: left top;
	background-image: url(Images/containerbackleft.gif);
	background-repeat: no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top : 3px;
	z-index: 0; /*border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;*/
}

#divButton2.on
{
	min-height: 128px;
	width: 188px;
	background-position: left top;
	background-image: url(Images/containerhover2.gif);
	background-repeat: no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top : 3px;
	z-index: 0; /*border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;*/
}

#divButton2.firstHover
{
	min-height: 128px;
	width: 188px;
	background-position: left top;
	background-image: url(Images/containerbackleft_1over.gif);
	background-repeat: no-repeat;
	text-align: center;
	margin-left: auto;
	padding-top : 3px;
	margin-right: auto;
	z-index: 0; /*border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;*/
}


#divButton3.off
{
    min-height : 128px;
    width: 188px;
    background-position: left top;
    background-image: url(Images/containerbackleft.gif);
    background-repeat: no-repeat;
    text-align: center;
    margin-left:auto; 
    margin-right:auto;
    z-index : 0 ;  
	padding-top : 3px;
    /*border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;*/
}

#divButton3.on
{
    min-height : 128px;
    width: 188px;
    background-position: left top;
    background-image: url(Images/containerhover3.gif);
    background-repeat: no-repeat;
    text-align: center;
    margin-left:auto; 
    margin-right:auto;
    z-index : 0 ;    
	padding-top : 3px;
    /*border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;*/
}

#divButton3.secondHover
{
	min-height: 128px;
	width: 188px;
	background-position: left top;
	background-image: url(Images/containerbackleft_2over.gif);
	background-repeat: no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	z-index: 0; 
	padding-top : 3px;
}

#divButton4.on
{
    background-position: left top;
    background-image: url(Images/containerhover4.gif);
    background-repeat: no-repeat;
    min-height : 128px;
    width : 188px;
    text-align: center;
    margin-left:auto; 
    margin-right:auto;    
    z-index : 0 ;
	padding-top : 3px;
}

#divButton4.off
{
    background-position: left top;
    background-image: url(Images/containerbackleft.gif);
    background-repeat: no-repeat;
    min-height : 128px;
    width : 188px;
    text-align: center;
    margin-left:auto; 
    margin-right:auto;    
    z-index : 0 ;
	padding-top : 3px;
}

#divButton4
{
    background-position: left top;
    background-image: url(Images/containerbackleft.gif);
    background-repeat: no-repeat;
    min-height : 128px;
    width : 188px;
    text-align: center;
    margin-left:auto; 
    margin-right:auto;    
    z-index : 0 ;
    /*border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;*/
	padding-top : 3px;
}

#divButton4.thirdHover
{
	min-height: 128px;
	width: 188px;
	background-position: left top;
	background-image: url(Images/containerbackleft_3over.gif);
	background-repeat: no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	z-index: 0; 
	padding-top : 3px;
}

#divButton5.on
{
    background-position: right top;
    background-image: url(Images/containerhover5.gif);
    background-repeat: no-repeat;
    min-height : 128px;
    width : 188px;
    text-align: center;
    margin-left:auto; 
    margin-right:auto;    
    z-index : 0 ;
	padding-top : 3px;
}

#divButton5.off
{
    min-height : 128px;
    width : 188px;
    text-align: center;
    margin-left:auto; 
    margin-right:auto;    
    z-index : 0 ;
	padding-top : 3px;
}

#divButton5
{
    min-height : 128px;
    width : 188px;
    text-align: center;
    margin-left:auto; 
    margin-right:auto;    
    z-index : 0 ;
    /*border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;*/
	padding-top : 3px;
}

#divWebParts
{
    width : 100%;
    height:100%;
    border-collapse: collapse;
    width : 947px;
}

#divWebParts1
{
    width: 315px;
    vertical-align : top; 
}

#divWebParts2
{
    vertical-align : top; 
    width : 315px;
}

#divWebParts3
{
    vertical-align : top; 
    width : 315px;
}

.webPart
{
    height : 100%;
    width: 290px;
    background-image: url(Images/content_tile.png);
    background-repeat: repeat-y;
    vertical-align: top;
    text-align: left;
}

.contentTopLeft
{
    background-position: left top;
    height: 45px;
    width: 17px;
    background-image: url(Images/lhs_topcontent.png);
    background-repeat: no-repeat;
}

.contentTopRight
{
    background-position: right top;
    height : 45px;
    width : 17px;
    background-image: url(Images/rhs_topcontent.png);
    background-repeat: no-repeat;
}

.contentLeft
{
    width : 17px;
    background-image: url(Images/lhs_tile.png);
    background-repeat: repeat-y; 
}

.contentSpacer
{
    width : 19px;
}

.contentRight
{
    width : 17px;
    background-image: url(Images/rhs_tile.png);
    background-repeat: repeat-y;
}

.contentContainer
{
    vertical-align: top;
    width: 256px;
    padding-top: 10px;
}

.contentBottomLeft
{
    width : 17px;
    height : 17px;
    background-image: url(Images/lhs_bottomcnr.png);
    background-repeat: no-repeat;
    background-color : #FFFFFF;
}

.contentBottomRight
{
    width : 17px;
    height : 17px;
    background-image: url(Images/rhs_bottomcnr.png);
    background-repeat: no-repeat;
    background-color : #FFFFFF;
}

.contentBottomTile
{
    width : 256px;
    height : 17px;
    background-image: url(Images/content_bottomtile.png);
    background-repeat: repeat-x;
}

.defaultTextBox
{
    font-family: Arial;
    font-size: 8pt;
    border: 1px solid #A7B1BB;
}

.defaultLabel
{
    font-family: 'Arial';
    font-size: 11px;
    color: #485E73;
}

.defaultCheckBox
{
    font-family: 'Arial';
    font-size: 11px;
    color: #485E73;
}

.tickerAlphaCode
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #476886;
	padding-right: 5px;
}

.tickerAlphaCode .indicatorimage
{
    background-position: center;
    float: left;
    width: 13px;
    height: 15px;
    background-image: url(  'Images/nomove.gif' );
    background-repeat: no-repeat;
    vertical-align: middle;
}

.tickerAlphaCode .indexsplitter
{
    background-position: center;
    float: left;
    width: 12px;
    height: 15px;
    background-image: url(  'Images/indexsplitter.gif' );
    background-repeat: no-repeat;
    vertical-align: middle;
}

.tickerAlphaCodeRed
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #FF0000;
    padding-right: 5px;
}

.tickerAlphaCodeRed .indicatorimage
{
    background-position: center;
    float: left;
    width: 13px;
    height: 15px;
    background-image: url(  'Images/down.gif' );
    background-repeat: no-repeat;
    vertical-align: middle;
}

.tickerAlphaCodeGreen
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #33CC33;
    padding-right: 5px;
}

.tickerAlphaCodeGreen .indicatorimage
{
    background-position: center;
    float: left;
    width: 13px;
    height: 15px;
    background-image: url(  'Images/up.gif' );
    background-repeat: no-repeat;
    vertical-align: middle;
}

.loginButton
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #476886;
    font-weight: bold;
    text-decoration: none;
}

.signupButton
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #476886;
    font-weight: bold;
    text-decoration: none;
}

.signupButton :hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #94b0be;
    font-weight: bold;
    text-decoration: none;
}

.signupButton IMG
{
}

.defaultLinkButton
{
    font-family: Arial;
    font-size: 8pt;
    color: #485E73;
}

.sb_table
{
    width : 100%;
}

/*.HorizontalSeparator
{
    height: 1px;
    width: 100%;
    overflow: hidden;
    visibility: visible;
    background-color: #C0C0C0;
}*/

.MenuTop
{
	width: 100%;
	visibility: visible;	
    text-align : center;
    z-index: 60001;
}
.MenuTable
{
	/*background-image: url('Images/MenuBg.jpg');*/	
	height:25px;
	width:100%;
	background-color:#3f6886;	
}

.info_box_main_header {
	font-family: "Arial Narrow";
	font-size: 21px;
	font-weight: bold;
	color: #476886;
}

.separator
{
	line-height: 1px;
	height: 1px;
    color: #c3d4dd !important;	
}

.body_copy
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #476886;
    text-decoration: none;
}

.body_copy a:link,
.body_copy a:active,
.body_copy a:visited,
.body_copy a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #476886;
    text-decoration: none;
    font-weight : bold;
}

.currencyHeader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #476886;
    text-decoration: none;
    font-weight: bold;
    background-color: #DDE4EA;
}

.currencyRow
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #476886;
    text-decoration: none;
}

.currencyAltRow
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #476886;
    text-decoration: none;
    background-color: #DDE4EA;
}

.videoShortList
{
}

.videoShortList TD
{
    vertical-align: top;
}

.webPartNew
{
    vertical-align: top;
    width: 308px;
    /*background-position: top;
    background: url(Images/container_top.jpg) no-repeat;*/
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 4px;
}

.leftBorder
{
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #C0C0C0;
    
}

#tdWebPart1
{
	background-position: right bottom;
	background-image: url(Images/Microphone.png);
	background-repeat : no-repeat; 
}

#tdWebPart2
{
	background-position: right bottom;
	background-image: url(Images/WebCam.png);
	background-repeat : no-repeat; 
}

#tdWebPart3
{
	background-position: right bottom;
	background-image: url(Images/Mouse.png);
	background-repeat : no-repeat; 
}

.webPartNewRow
{
    vertical-align: top;
    width: 308px;
    padding-right: 4px;
    padding-left: 4px;
}

#webpart_container
{
    background-position: -999px;
    background: url(Images/csg-4b2b5df012c77.png) no-repeat;
}
.sprite-lhs_bottomcnr { background-position: 0 0; } 
.sprite-lhs_tilecontent { background-position: 0 -67px; } 
.sprite-lhs_topcontent 
{ 
    background-position: 0 -118px; 
    height: 45px;
    width: 17px;
} 
.sprite-rhs_bottomcnr { background-position: 0 -213px; } 
.sprite-rhs_tilecontent { background-position: 0 -280px; } 
.sprite-rhs_topcontent { background-position: 0 -331px; } 

 .more
,.more a
,.more a:link
,.more a:hover
,.more a:visited
,.more a:active
,.AnchorLink
,.BulletedLink
,.links_fade .LearnMoreItems p
{
	background-position: 0px 2px !important;
	background: url( 'Images/Link_general_011009.JPG' ) no-repeat !important;
	padding-left: 13px;
}

.jseBulletList
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #476886;
    text-decoration: none;
    padding-left: 0px;
    margin: 5px 14px 14px 14px;
}

.jseBulletList LI
{
    background-image: URL(    'Images/Link_general_011009.JPG' );
    background-repeat: no-repeat; 
    list-style-type: none;
    padding-left: 14px;
}

.spacerRow
{
	height : 5px;
}

.horizontalSplitter
{
	background-position: bottom;
	background-image: URL('Images/BottomMargin.gif' );
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 1px;
	background-color: #C0C0C0;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
