#wrapper
{
    background-color: #FFFFFF; 
    font-family: tahoma;
    font-size: 12pt;
    color: #000000;
    margin-left: auto;
    margin-right: auto;
    width: 720px;
}
        
#MainForm
{
    height: 500px;
}

img 
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
}

.header
{
    font-weight: bold;
    color: #76B520;
}

.center-align
{
    text-align: center;
}

/* Table styles */
tr
{
    vertical-align: top;
}

th
{
    vertical-align: middle;
    text-indent: 2px;
}

td
{
    font-family: tahoma,verdana,sans-serif;
    font-size: 8pt;
}

table.results
{
    border-collapse: collapse;
    border: 1px solid #C0C0C0;
}

table.results td, table.results th
{
    border: 1px solid #C0C0C0;
}

table.results th
{
    background-color: #E0E0E0;
}

td .bgcolor-grey
{
    background-color: #CCCCCC;
}

/* As standard table settings override gridview, etc. settings, need to create another standard table settings */
.stdtable th
{
    height: 45px;
    text-indent: 0;
}

.stdtable td
{
    padding: 5px;
    font-size: 9pt;
}

/* Variants */
.nonpaddedtable td
{
    padding: 0;
}

.paddedsidestable td
{
    padding: 0 5px 0 5px;
}

.authorisestatus
{
    width: 360px;
    border: thin inset #EEEEEE;
    text-align: left;
    vertical-align: middle;
}

.newuserstable
{
    border: 1px solid #C0C0C0;
    background-color: #FCFCFC
}

.newuserstable td
{
    padding: 0 5px 0 5px;
}

.FactsheetTable
{
    border-spacing: 10px;
    width: 100%;
}

.FactsheetTable th
{
    height: 40px;
    text-indent: 0;
}

.FactsheetTable td
{
    padding: 5px;
}

.ColourSelectBold
{
    font-weight: bold;
}

.InfoTable td
{
    padding: 5px;
}

.InfoTable th
{
    padding: 5px;
    font-size: 10pt;
    font-weight: bold;
    text-indent: 0;
}

.TableRowCSS
{
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
    font-size: 9pt;
}

#FAQs td
{
    font-size: 9pt;
}


/* List Tags */
ul
{
    list-style-type: none;
}

li
{
    padding-left: 0;
    padding-bottom: 6pt;
}


form asp:label
{
    text-align: right;
    width: 50px;
}

asp:image #img_top
{
    position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 90;
	background-color: #000000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#topc4ucartoonpicture
{
    width: 720px;
    height: 361px;
}


#navbar
{
    width: 720px;    
    text-align: center;       
    font-size: 11pt;
    height: 25px;  
}

#navbar a:link, #navbar a:visited, #navbar a:active
{
    color: #000000;
    text-decoration: none;
}
#navbar a:hover
{
    color: #76B520;
    text-decoration: underline;
}

.reportlinks
{
    width: 720px;
    font-size: 9pt;
    height: 25px;
    vertical-align: middle;
    padding-left: 5px;
}

.reportlinks a:hover
{
    color: #76B520;
    text-decoration: underline;
}

.reportlinks a:link, .reportlinks a:visited, .reportlinks a:active
{
    color: #000000;
    text-decoration: none;
}

a:link, a:visited, a:active
{
    color: #0B95DE;
    text-decoration: none;
}
a:hover
{
    color: #76B520;
    text-decoration: none;
}


#contenttext
{
    width: 720px;    
    text-align: left;       
    font-size: 9pt;
}


/* GridView settings */
#gridmenu
{
    width: 720px;  
    height: 25px;  
    text-align: left;       
    font-size: 9pt;
}

#gridview
{
    width: 720px;    
    text-align: left;       
    font-size: 9pt;
}

#gridbuttons
{
    width: 720px;    
    text-align: left;       
    font-size: 9pt;
}

.headerstyle
{
    background-color: #76B520;
    border: solid 1px #000000;
    text-decoration: none;
    height: 25px;
    vertical-align: middle;
}

.headerstyle-reports
{
    background-color: #EEEEEE;
    height: 25px;
    vertical-align: middle;
}

.altRowStyle
{
    background-color: #EEEEFF;
}

.pagerstyle
{
    background-color: #76B520;
    color: #FFFFFF;
    height:30px;
    vertical-align:middle;
    font-size:10pt;
}

.pagerstyle table
{
    padding-left:10px;
}

.pagerstyle td
{
    padding-left:10px;
}

.pagerstyle td a:active, .pagerstyle td a:visited, .pagerstyle td a:link
{
    color: #000000;
    font-size:8pt;
}

.pagerstyle td a:hover
{
    color: #333333;    
    font-size:8pt;
}

caption
{
    font-weight: bold;
    font-size: 11pt;
}

#suggestion
{
	background-color: #FFFFDD;
	border: solid 1px #EEAA77;
	margin: 1.2em 0;
	padding: 5px;
	width: auto;
}


.title_heading
{
    background-color: #FFFF99;
    color: #006600;
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    line-height: 20px;
	vertical-align: middle;
    text-align: left;
    text-indent:1em;
}


.previewwebsite
{
    font-size: 11pt;
    font-family: arial;
    color: #FFFFFF;    
    text-align: center;
    text-transform:capitalize;
	font-weight:bold;  
	background-color: #76B520;
	line-height: 30px;
	vertical-align: middle;
}


#newscontent
{
    font-size: 8pt;
    margin-left: 5px;
    margin-right: 5px;
}

#newscontent a:link, #newscontent a:visited, #newscontent a:active #newscontent a:hover
{
    text-align: left;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.newsbody
{
    text-align: justify;
}

.newsfooter
{
    text-align: left;
}


#mysites a:link, #mysites a:visited, #mysites a:active
{
    color: #000000;
    text-decoration: none;
}
#mysites a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}


.updatePanel
{
    background-color: #DDDDDD;
    border: solid 1px #999999;
    padding: 5px;
    width:350px;
}

#rssImage
{
    width: 35px;
    height: 13px;
}

#clientslogos
{
    width: 500px;
    text-align: center;
}

#img_clientLogos
{
    width: 300px;
}

#factsheetinfo
{
    font-family:Webdings;
    color:#3366FF;
}

#footertopspacer
{
    width: 720px;
    height: 20px;
}

#footer
{
    width: 700px;
    font-family: Arial;
    font-size: 9pt;
    text-align: center;
	padding: 10px;
	border-top: 1px solid #000066;
}

#footer a
{
    font-family: Arial;
    font-size: 9pt;
    color: #000000;
    text-decoration: none;
}

#LoginPanel
{
    padding: 5px;
}

#AutoCompleteSearch
{
    font-family: Arial;
}

#divDeleteSection
{
    width: 500px;
    position: fixed;
    top: 300px;
    left: 100px;
}

/* Add Funds screen */
#amount
{
    width: 100px;
}


/* Change Look of Website */
#BG1, #BG2, #BG3, #FG1, #FG2, #FG3, #FG4, #BUTTONBG, #BUTTONFG
{
    width: 20px;
    padding:0px;
}


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
	
	
	
	
#fundssuggestion, #inactiveaccountmessage
{
	background-color: #FFFFDD;
	border: solid 1px #EEAA77;
	padding: 3px;
    width: 280px;
}

#inactiveaccountmessage
{
    text-align: center;
}

.clientinfo
{
     background-color: #EEEEFF;
     border: solid 1px #77AAEE;
     text-align: left;
     vertical-align: middle;
}

.clientinfo td
{
     padding: 3px 10px 3px 10px;
}

#courseListInfo
{
    list-style-type: disc;
}

#optionsList
{
    list-style-type:none;
}


a
{
    font-weight: bold;
    text-decoration: none;
}

#options
{
    margin-left: 15px;
    font-size: 8pt;
}


/* Required Fields */
/* Standard length */
.RequiredField1, .TextBoxStyle1
{
    width: 155px;
}

/* Long length */
.RequiredField2, .TextBoxStyle2
{
    width: 180px;
}

/* Short length */
.RequiredField3, .TextBoxStyle3
{
    width: 120px;
}

.RequiredFieldPC
{
    width: 80px;
}

.RequiredField1, .RequiredField2, .RequiredField3, .RequiredFieldPC
{
    background-color: #CCCCCC;
}

/* Non-Required Fields */
.TextBoxStyle1, .TextBoxStyle2, .TextBoxStyle3
{
    background-color: #FEFEFE;
}

.RequiredSymbol
{
    color: Red;
    font-size: 12pt;
}

.SpacerSymbol
{
    color: #FFFFFF;
    font-size: 12pt;
}


.response_field
{
    text-transform: uppercase;
}

.response_watermark
{
    text-transform: capitalize;
}

.GridviewTitle
{
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}

.buttonfloat
{
    position: fixed;
    bottom: 10px;
    right: 15px;
}

.modalBackground
{
    background-color:#FFFFFF;
    filter:alpha(opacity=70);
    opacity:0.7;
    -moz-opacity: 0.7;
}

.opaque30
{ 
    z-index: -1;
    filter:alpha(opacity=20);
   -moz-opacity: 0.2;
   opacity: 0.2;
}

.opaque70
{ 
    z-index: -1;
    filter:alpha(opacity=70);
   -moz-opacity: 0.7;
   opacity: 0.7;
}

.certify-spacer
{
    height: 250px;
}

.certify1
{
    height: 50px;
    font-family: Times New Roman;
    font-size: 18pt;
    font-style: italic;
}

.certify2
{
    height: 50px;
    font-family: Times New Roman;
    font-size: 16pt;
    font-weight: bold;
}

.certify3
{
    height: 70px;
    font-family: Times New Roman;
    font-size: 14pt;
}

.certify4
{
    height: 50px;
    font-family: Times New Roman;
    font-size: 16pt;
    font-weight: bold;
}


/* Lightbox styles */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }


.watermark 
{
	background: #FFAAFF;
}

.popupControl{
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}


/* Ajax Waiting... */

div#AjaxProgressClass
{
    background: transparent url(/images/ss_update_overlay.png) center top no-repeat;
    position: fixed;
    left: 50%;
    top: 200px;
    width: 206px;
    margin-left: -103px;
    text-align: center;
    font-size: 1em;
    min-height:206px;
}
        
div#AjaxProgressClass img
{
    padding: 60px 75px 30px;
}