/******************************/
/*   MASTER PAGE COMPONENTS   */
/******************************/

/* BODY */
body
{
    height: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    border: 0px;
    font-family: Verdana, Arial, Tahoma, Microsoft Sans-Serif;
    background-color: #ECECEC; /*the gray frame*/
    /*8346M-8347S-Myfund&SuperMyWay-20130607-Download control display bug.docx*/
    font-size: 12px;
    color: #858789;
    text-align:center;
}
/*1000941M-1000942P-sort icon position.docx*/
 img[src$='up.gif'] {
    vertical-align:middle;
}
img[src$='down.gif'] {
    vertical-align:middle;
}
/*20349P-Text Box Displays in Black on Microsoft Edge.docx*/
input,button,select,textarea:focus{
    outline:none;
/*-webkit-tap-highlight-color:rgba(0,0,0,0);*/
}
/* BODY CONTENT (within OUTER BODY) */
#bodycontent
{
    width: 952px;
    background-color:white;
    margin:auto auto auto auto;/*7668M-Myfund-20121207-Blue Flash Query.docx , manual set the maring-bottom after plage load in master page, not here*/   
}

/* HEADER CONTENT (within BODY CONTENT) */
#headercontent
{
	width: 100%;/*952px*/
    height: 80px;
    float:left;
}

/* HEADER (within HEADER CONTENT) */
#header
{
	width: 902px;
    height: 45px;
    margin: 0 auto;
}

/* MENU BAR (within HEADER CONTENT) */
#menubar
{
	width: 900px;
    height: 26px;
    margin: 0 auto;
    text-align:left;
    background:url(Images/Menuground.gif) no-repeat right top;
}

/* CONTENT (within BODY CONTENT) */
#content
{
    /*952px*/
    width: 100%;
    float:left;
}

/******************************/
/*   CONTENT PAGE COMPONENTS   */
/******************************/

/* Total Width:902px;*/
.panelheader
{
    height: 30px;
    width:892px;
    padding-left: 10px;
    text-align:left;
    margin: 0 auto;
}

/*Content panel without panelheader and divwidth902px*/
.contentpanelnoheight
{
    width: 900px;
    text-align: left;
    border-bottom:solid 1px #c3c4c6; 
    border-left: solid 1px #c3c4c6; 
    border-right:solid 1px #c3c4c6;
    float:left;
    /*margin-bottom:20px;margin:auto auto 20px;
	overflow:auto;*/
}

/* Content panel for login */
.contentpanelheight250px
{
    height: 250px;
    width: 900px;
    text-align: left;
    border:solid 1px #c3c4c6;
    
}

/*Especilly for login which is in HTML style*/
.divlogin
{
	width:900px;
	margin-left:25px;
	float:left;
	text-align:left;
}

/*For tab strip and content panel*/
.divwidth902px
{
	width: 902px;
	margin: 0 auto;
}

/*Main content panel div where cotent details could be filled*/
.divwidth900px
{
	width:900px;
	float:left;
	position:relative;	
}

.divwidth852px
{
	width:852px;
	float:left;
}

/*Only be used in entry panels*/
.divwidth746px
{
	width:746px;
	float:left;
}

.divwidth726px
{
	width:726px;
	float:left;
}

/*Used for TransactionManager.aspx*/
.divwidth466px
{
	width:466px;
	float:left;
}

.divwidth440px
{
	width:440px;
	float:left;
}

.divwidth412px
{
	width:412px;
	float:left;
}

.divwidth386px
{
	width:466px;
	float:left;
}



/*Used for TransactionManager.aspx*/
.divwidth260px
{
	width:260px;
	float:left;
}

/*It is designed only for space coloumn in realisedgainsasxshares.aspx*/
.divwidth24pxheight415px
{
	width:24px;
	height:415px;
	float:left;
}

/*Be used only for Transaction Manager*/
.divwidth813px
{
	width:813px;
	float:left;
}

/* window height 200px  */
.msgdivlheight125px
{
    height: 125px;
    width: 400px;
    border: 0px;
}

.cmtdivlheight125px
{
    height: 125px;
    width: 440px;
    border: 0px;
}
 
.msgdivlcolor
{  
    text-align: center;
    background-color:White;
    border: 0px;
}

.divhelp
{
	text-align: left;
    background-color:White;
    border: 0px;
    height: 450px;
}

.divClip
{
	position:absolute;
	top:10px; 
	right:24px;	
}
/* 7846M-7865S-7866T */
.divClipIcon
{
	position:absolute;
	top:4px; 
	right:2px;
	/*8578M-Myfund-20130729-Knowledge Base Change.docx*/
	width:22px;
}

/******************************/
/*   CONTENTPANELNOHEIGHT     */
/******************************/

.spacercolw63pxh395px
{
    height: 395px;
    width: 63px;
    float: left;
}

.spacercolw87pxh395px
{
    height: 395px;
    width: 87px;
    float: left;
}

.spacercolw87pxh425px
{
    height: 425px;
    width: 87px;
    float: left;
}

/* COMMON  */
.colbutton
{
	height:35px;
	width:813px;
	float:left;
	margin-top:20px;
	text-align:right;
}

.colbuttonleftalign
{
	height:35px;
	width:726px;
	float:left;
	margin-top:20px;
}

.colbuttonfor852pxdiv
{
	height:35px;
	width:876px;
	float:left;
	margin-top:20px;
	text-align:right;
}

/*Only for Transaction Manager*/
.spacercolw87px
{
	width: 87px;
    float: left;
}

.spacercolw24px
{
	width: 24px;
	float:left;	
}

.spacercolw24pxh395px
{
    height: 395px;
    width: 24px;
    float: left;
}
/*9948M-9949S-9950P-NEW FUND - CHANGES 0.02.docx*/
.spacercolw24pxh500px
{
    height: 500px;
    width: 24px;
    float: left;
}

.col1
{
    width: 406px;
    float: left;
}
.col2
{
    width: 320px;
    float: left;
}


.col1wide
{
    width: 440px;
    float: left;
}
.col2wide
{
    width: 412px;
    float: left;
}





.col3
{
	width: 532px;
    float: left;
}

.col4
{
	width: 520px;
    float: left;
}

.col5
{
    text-align: right;
    float: right;
}

.col6
{
	width: 390px;
    float: left;
}

.col8
{
    width: 340px;
    float: left;
}

/*RealizedGains.aspx (Review please)*/
.div852
{
	width: 850px; 
	border-color: #7F9DB9; 
	border-style: solid; 
	border-width: 1px;
}

/******************************/
/*          SPACERS           */
/******************************/

/*space between headerlabel\standardlabel and standardlabel*/
.spacerrow1px
{
    height: 1px;
}

.spacerrow3px
{
    height: 3px;
}

/*space between textbox\dropdownlist and standardlabel*/
.spacerrow4px
{
    height: 4px;
}

.spacerrow5px
{
    height: 5px;
}

/*Be used for height of table726px which is designed for long blue line*/
.spacerrow7px
{
	height:7px;
}

.spacerrow8px
{
    height: 8px;
}
/*space between textbox\dropdownlist and headerlabel*/
.spacerrow9px
{
    height: 9px;
}

/*Be used only for businesscontact.aspx,which is calculated and used for 
making controls of left column are in align with controls on right column.*/
.spacerrow10px
{
    height: 10px;
}

.spacerrow13px
{
	height:13px;
}

/*Be used only for Individualcontact.aspx,which is calculated and used for 
making controls of left column are in align with controls on right column.*/
.spacerrow14px
{
	height:14px;
}

/*For foreignsharenonsharedividends.aspx */
.spacerrow16px
{
    height: 16px;
}

.spacerrow17px
{
    height: 17px;
}

/*space between top line of content panel and headerlabel*/
.spacerrow18px
{
    height: 18px;
}

.spacerrow20px
{
    height: 20px;
}

/*used in Share Purchase*/
.spacerrow23px
{
    height: 23px;
}

/*used for Roll-over Inward*/
.spacerrow24px
{
    height: 24px;
}

/*For processingruleuserdefined.aspx and australiansharenonsharedividends.aspx*/
.spacerrow26px
{
    height: 26px;
}

.spacerrow32px
{
	height: 32px;
}

/*For Transaction Manager*/
.spacerrow34px
{
	height: 34px;
}

.spacerrow77px
{
	height: 77px;
}

/*Be used only for login.aspx*/
.spacerrow100px
{
    height: 100px;
}

/*Be used only for login.aspx*/
.spacerrow120px
{
    height: 120px;
}

/******************************/
/*            CELLS           */
/******************************/

.cellwidth5px
{
    width: 5px;
}

.cellwidth6px
{
    width: 6px;
}

/*Be used only in assetclasscontrol.ascx*/
.cellwidth10px
{
    width: 10px;
}

.cellwidth12px
{
    width: 12px;
}

.cellwidth13px
{
    width: 13px;
}

.cellwidth14px
{
    width: 14px;
}

.cellwidth15px
{
    width: 15px;
}

.cellwidth16px
{
    width: 16px;
}

.cellwidth18px
{
    width: 18px;
}

.cellwidth20px
{
    width: 20px;
}

.cellwidth24px
{
    width: 24px;
}

.cellwidth26px
{
    width: 26px;
}

.cellwidth28px
{
    width: 28px;
}

/*Membership Details panel in Member Informatioin.*/
.cellwidth30px
{
    width: 30px;
}

.cellwidth34px
{
    width: 34px;
}

.cellwidth35px
{
    width: 35px;
}

/*Be used only in assetclasscontrol.ascx*/
.cellwidth40px
{
    width: 40px;
}

.cellwidth45px
{
    width: 45px;
}

/*Be used only for prefix of contact number.*/
.cellwidth50px
{
    width: 50px;
}

/*It is for End of Year Processing*/
.cellwidth60px
{
    width: 60px;
}

.cellwidth62px
{
    width: 62px;
}

/*Transaction Manager*/
.cellwidth65px
{
    width: 65px;
}

.cellwidth68px
{
    width: 68px;
}

.cellwidth69px
{
    width: 69px;
}

/*For BondSale panels*/
.cellwidth70px
{
    width: 70px;
}
.cellwidth72px
{
    width: 72px;
}


/*used for GL Account*/
.cellwidth75px
{
    width: 75px;
}

/*Be used for width of "Allocation" in headerrow of allocation.aspx.*/
.cellwidth77px
{
    width: 77px;
}

/*For Asset Manager panel and Transaction Manager*/
.cellwidth80px
{
    width: 80px;
}
.cellwidth81px
{
    width: 81px;
}

.cellwidth86px
{
    width: 86px;
}

.cellwidth87px
{
    width: 87px;
}


.cellwidth90px
{
    width: 90px;
}

.cellwidth92px
{
    width: 92px;
}

/*Be used for width of "Select Posting Sub-Category" on top of dropdownlist in posttransaction.aspx.*/
.cellwidth94px
{
    width: 94px;
}

/*Be used only for width of "State/Other" in address.*/
.cellwidth95px
{
	width: 95px;
}

.cellwidth98px
{
	width: 98px;
}

/*Width for button which style is "attachmentsbutton100pxindent45px" and "Save" in
manageservicesprovided.aspx.*/
.cellwidth100px
{
	width: 100px;
}

/*Width for  "Reset" button and "Cancel" button in manageservicesprovided.aspx and Asset Manager.aspx*/
.cellwidth106px
{
	width: 106px;
}

/*Be used in address block and manageasxshare.aspx*/
.cellwidth110px
{
	width: 110px;
}

.cellwidth112px
{
	width: 112px;
}

.cellwidth114px
{
	width: 114px;
}

/*Be used in address block and membership details and AssetManager*/
.cellwidth115px
{
	width: 115px;
}

/*For RealisedGainsYeartoDate.aspx*/
.cellwidth117px
{
	width: 117px;
}

.cellwidth118px
{
	width: 118px;
}

.cellwidth119px
{
	width: 119px;
}

/*Be used only for realisedgainsasxshares.aspx*/
.cellwidth120px
{
	width: 120px;
}

/*Specially used for contact phone number.*/
.cellwidth125px
{
    width: 125px;
}

.cellwidth127px
{
    width: 127px;
}

.cellwidth128px
{
    width: 128px;
}

/*Be used only for button which style is "addbutton140px" in Nomination Details.*/
.cellwidth130px
{
	width:130px;
}

.cellwidth134px
{
	width:134px;
}


.cellwidth135px
{
	width:135px;
}

.cellwidth137px
{
	width:137px;
}

.cellwidth140px
{
    width: 140px;
}

.cellwidth145px
{
    width: 145px;
}

.cellwidth146px
{
    width: 146px;
}

/*Be used for width of "%" in headerrow of allocation.aspx.*/
.cellwidth148px
{
    width: 148px;
}

/*Be used for special panel header, which comes with label and dropdownlist.*/
.cellwidth150px
{
    width: 150px;
}

.cellwidth152px
{
    width: 152px;
}

.cellwidth159px
{
    width: 159px;
}

.cellwidth160px
{
    width: 160px;
}

/*For BondSale panels*/
.cellwidth161px
{
    width: 161px;
}

.cellwidth162px
{
    width: 162px;
}

.cellwidth164px
{
    width: 164px;
}

/*used for error message*/
.cellwidth165px
{
    width: 165px;
}

.cellwidth167px
{
    width: 167px;
}

/*?Be used for header of entry transaction.*/
.cellwidth172px
{
	width:172px;
}

.cellwidth173px
{
	width:173px;
}

.cellwidth175px
{
    width: 175px;
}

.cellwidth176px
{
    width: 176px;
}

.cellwidth180px
{
    width: 180px;
}

/*Be used for header of post transaction page.*/
.cellwidth191px
{
    width: 191px;
}

.cellwidth195px
{
    width: 195px;
}

/*For Asset Manager page*/
.cellwidth200px
{
    width: 200px;
}

/*For RealisedGainsYeartoDate.aspx*/
.cellwidth201px
{
    width: 201px;
}


.cellwidth205px
{
    width: 205px;
}

.cellwidth207px
{
    width: 207px;
}

.cellwidth209px
{
    width: 209px;
}

.cellwidth210px
{
    width: 210px;
}

.cellwidth211px
{
    width: 211px;
}


/*Be used for header of post transaction page.*/
.cellwidth215px
{
    width: 215px;
}

.cellwidth216px
{
    width: 216px;
}

.cellwidth219px
{
	width: 219px;
}

.cellwidth220px
{
	width: 220px;
}

.cellwidth225px
{
	width: 225px;
}

.cellwidth228px
{
	width: 228px;
}

.cellwidth230px
{
	width: 230px;
}

/*For Asset Manager page*/
.cellwidth225px
{
    width: 225px;
}

/*For RealisedGainsYeartoDate.aspx*/
.cellwidth226px
{
    width: 226px;
}

/*For RealisedGainsYeartoDate.aspx*/
.cellwidth227px
{
    width: 227px;
}

/*Be used for header of entry transaction and MemberBalanceManager*/
.cellwidth231px
{
	width:231px;
}

/*?Be used for header of entry transaction.*/
.cellwidth234px
{
	width:234px;
}

/*Member Balance Manager*/
.cellwidth236px
{
    width: 236px;
}

/*Be used for width of "Unit Held/Cash Held" in headerrow of allocation.aspx.*/
.cellwidth238px
{
    width: 238px;
}

/*used for GL Account*/
.cellwidth245px
{
    width: 245px;
}
.cellwidth246px
{
    width: 246px;
}
.cellwidth247px
{
    width: 247px;
}
/*Be used for special panel header, which comes with label and dropdownlist.*/
.cellwidth250px
{
    width: 250px;
}

/*Be used for width of "Select Posting Type" on top of dropdownlist in 
posttransaction.aspx.*/
.cellwidth260px
{
    width: 260px;
}

/*Member Balance Manager*/
.cellwidth266px
{
    width: 266px;
}

/*Be used for width of "Member Account Type" in headerrow of allocation.aspx.*/
.cellwidth263px
{
    width: 263px;
}

.cellwidth269px
{
    width: 269px;
}

/*Be used only in addpolicy.aspx. and assetclasscontrol.ascx*/
.cellwidth270px
{
    width: 270px;
}

.cellwidth275px
{
    width: 275px;
}

.cellwidth280px
{
    width: 280px;
}

.cellwidth286px
{
    width: 286px;
}

.cellwidth290px
{
    width: 290px;
}

.cellwidth300px
{
    width: 300px;
}

.cellwidth308px
{
    width: 308px;
}

/*used in entry define of SuperMyway Administration*/
.cellwidth303px
{
    width: 303px;
}

.cellwidth304px
{
    width: 304px;
}

.cellwidth310px
{
    width: 310px;
}

.cellwidth320px
{
	width:320px;
}

.cellwidth325px
{
	width:325px;
}

.cellwidth327px
{
	width:327px;
}

.cellwidth334px
{
	width:334px;
}

.cellwidth342px
{
	width:342px;
}

.cellwidth345px
{
	width:345px;
}

.cellwidth350px
{
	width:350px;
}

/*Be used for width of "Select Posting Category" on top of dropdownlist in posttransaction.aspx.*/
.cellwidth366px
{
    width: 366px;
}

.cellwidth375px
{
    width: 375px;
}

/*Be used only in Trustee Details page.*/
.cellwidth376px
{
    width: 376px;
}

/*It is for End of Year Processing*/
.cellwidth380px
{
    width: 380px;
}

.cellwidth383px
{
    width: 383px;
}

/*Be used only for panel header with dropdownlist in searchfinancialentry.aspx.*/
.cellwidth385px
{
	width:385px;
}

.cellwidth395px
{
	width:395px;
}

.cellwidth406px
{
	width:406px;
}

.cellwidth416px
{
	width:416px;
}

.cellwidth440px
{
	width:440px;
}

.cellwidth445px
{
	width:445px;
}

.cellwidth450px
{
	width:450px;
}


.cellwidth469px
{
	width:469px;
}

.cellwidth492px
{
	width:492px;
}

/*Be used for special panel header, which comes with label and dropdownlist.*/
.cellwidth500px
{
    width: 500px;
}

/*Be used in MemberBalanceManager*/
.cellwidth501px
{
    width: 501px;
}

.cellwidth510px
{
    width: 510px;
}

.cellwidth516px
{
    width: 516px;
}

.cellwidth538px
{
    width: 538px;
}

.cellwidth580px
{
    width: 580px;
}

.cellwidth586px
{
	width:586px;
}

.cellwidth590px
{
	width:590px;
}

/*Be used only for width of label which is in same row with "Add Beneficiary" button in Nomination Details.*/
.cellwidth596px
{
	width:596px;
}

.cellwidth600px
{
	width:600px;
}


/*Be used only for realisedgainsasxshares.aspx*/
.cellwidth606px
{
	width:606px;
}

.cellwidth640px
{
	width:640px;
}

/*used only for Year End Process | Revaluations*/
.cellwidth707px
{
	width:707px;
}

/*The style is only for panel header in member information, which can be redesigned.*/
.cellwidth715px
{
	width:715px;
}

.clear
{
	clear:both;
}

.iconalign
{
	
}
/*8636M-Myfund-20130812-Safari Browser - Message with title centrally place instead of placed to the left.docx*/
/*work for chrome&safari*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	/*only work for safari*/
	::i-block-chrome, .msgtitle{ width: 400px;} 
    /*only work for safari*/
	::i-block-chrome, .msgdlg{
        width: 340px;
    } 
    /*only work for safari*/
	::i-block-chrome, .msgdlgEdit{
        width: 348px;
    } 
 }