/*---xsmall view reduce by 4---*/
.xsmallview, .xsmallview .textrun, .xsmallview .text1, .xsmallview .text2, .xsmallview .text3, .xsmallview .text4, .xsmallview .list { /*CSS for "extra small font" setting*/
font-size: 8px;
}

.xsmallview, .xsmallview .list1, .xsmallview .heading, .xsmallview .heading1 { /*CSS for "extra small font" setting*/
font-size: 12px;
}


.xsmallview, .xsmallview .text5 { /*CSS for "extra small font" setting*/
font-size: 10px;
}



/*---small view reduce by 2---*/

.smallview, .smallview .textrun, .smallview .text1, .smallview .text2, .smallview .text3, .smallview .text4, .smallview .list { /*CSS for "small font" setting*/
font-size: 10px;
}

.smallview, .smallview .list1, .smallview .heading, .smallview .heading1 { /*CSS for "small font" setting*/
font-size: 14px;
}


.smallview, .smallview .text5 { /*CSS for "small font" setting*/
font-size: 12px;
}

/*---normal view ---*/

.normalview{ /*CSS to return page to default setting (with no additional CSS rules added)*/
}

/*---large view increase by 2---*/
.largeview, .largeview .textrun, .largeview .text1, .largeview .text2, .largeview .text3, .largeview .text4, .largeview .list{ /*CSS for "large font" setting*/
font-size: 14px;
}

.largeview, .largeview, .list1, .largeview .heading, .largeview .heading1  { /*CSS for "large font" setting*/
font-size: 18px;
}


.largeview, .largeview, .text5 { /*CSS for "large font" setting*/
font-size: 16px;
}

/*---xlarge view increase by 4---*/
.xlargeview, .xlargeview .textrun, .xlargeview .text1, .xlargeview .text2, .xlargeview .text3, .xlargeview .text4, .xlargeview .list{ /*CSS for "extra large font" setting*/
font-size: 16px;
}

.xlargeview, .xlargeview, .list1, .xlargeview .heading, .xlargeview .heading1 { /*CSS for "extra large font" setting*/
font-size: 20px;
}


.xlargeview, .xlargeview, .text5 { /*CSS for "extra large font" setting*/
font-size: 18px;
}
/*-------*/

a.texttoggler{ /*CSS for Text Size Toggler control*/
margin-right: 6px;
}

a.texttoggler img{ /*CSS for Text Size Toggler control*/
border: 2px solid gray;
}

a.texttoggler img:hover{ /*CSS for Text Size Toggler control*/
border: 2px solid red;
}

a.selectedtoggler img{ /*CSS for Selected Text Size Toggler control*/
border: 2px solid red;
}
/*end of script*/