Background: #fff
Foreground: #000
PrimaryPale: #8cf
PrimaryLight: #18f
PrimaryMid: #04b
PrimaryDark: #014
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #841
TertiaryPale: #eee
TertiaryLight: #ccc
TertiaryMid: #999
TertiaryDark: #666
Error: #f88
/*{{{*/
body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}

a {color:[[ColorPalette::PrimaryMid]];}
a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
a img {border:0;}

h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}

.button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
.button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
.button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}

.header {background:[[ColorPalette::PrimaryMid]];}
.headerShadow {color:[[ColorPalette::Foreground]];}
.headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
.headerForeground {color:[[ColorPalette::Background]];}
.headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}

.tabSelected{color:[[ColorPalette::PrimaryDark]];
	background:[[ColorPalette::TertiaryPale]];
	border-left:1px solid [[ColorPalette::TertiaryLight]];
	border-top:1px solid [[ColorPalette::TertiaryLight]];
	border-right:1px solid [[ColorPalette::TertiaryLight]];
}
.tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
.tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
.tabContents .button {border:0;}

#sidebar {}
#sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
#sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}

.wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
.wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
.wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
.wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
	border:1px solid [[ColorPalette::PrimaryMid]];}
.wizardStep.wizardStepDone {background::[[ColorPalette::TertiaryLight]];}
.wizardFooter {background:[[ColorPalette::PrimaryPale]];}
.wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
.wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
	border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
.wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
.wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
	border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}

#messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
#messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}

.popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}

.popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];}
.popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
.popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
.popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
.popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
.listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}

.tiddler .defaultCommand {font-weight:bold;}

.shadow .title {color:[[ColorPalette::TertiaryDark]];}

.title {color:[[ColorPalette::SecondaryDark]];}
.subtitle {color:[[ColorPalette::TertiaryDark]];}

.toolbar {color:[[ColorPalette::PrimaryMid]];}
.toolbar a {color:[[ColorPalette::TertiaryLight]];}
.selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
.selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}

.tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
.selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
.tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
.tagging .button, .tagged .button {border:none;}

.footer {color:[[ColorPalette::TertiaryLight]];}
.selected .footer {color:[[ColorPalette::TertiaryMid]];}

.sparkline {background:[[ColorPalette::PrimaryPale]]; border:0;}
.sparktick {background:[[ColorPalette::PrimaryDark]];}

.error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
.warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
.lowlight {background:[[ColorPalette::TertiaryLight]];}

.zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}

.imageLink, #displayArea .imageLink {background:transparent;}

.annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}

.viewer .listTitle {list-style-type:none; margin-left:-2em;}
.viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
.viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}

.viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
.viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
.viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}

.viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
.viewer code {color:[[ColorPalette::SecondaryDark]];}
.viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}

.highlight, .marked {background:[[ColorPalette::SecondaryLight]];}

.editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
.editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
.editorFooter {color:[[ColorPalette::TertiaryMid]];}

#backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
#backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
#backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
#backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
#backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
.backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
.backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
#backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:'alpha(opacity:60)';}
/*}}}*/
/*{{{*/
* html .tiddler {height:1%;}

body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}

hr {height:1px;}

a {text-decoration:none;}

dt {font-weight:bold;}

ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:lower-alpha;}
ol ol ol ol ol ol {list-style-type:lower-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}

.txtOptionInput {width:11em;}

#contentWrapper .chkOptionInput {border:0;}

.externalLink {text-decoration:underline;}

.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}

.tiddlyLinkExisting {font-weight:bold;}
.tiddlyLinkNonExisting {font-style:italic;}

/* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
a.tiddlyLinkNonExisting.shadow {font-weight:bold;}

#mainMenu .tiddlyLinkExisting,
	#mainMenu .tiddlyLinkNonExisting,
	#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
#sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}

.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0em 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:0px; top:0px;}

.siteTitle {font-size:3em;}
.siteSubtitle {font-size:1.2em;}

#mainMenu {position:absolute; left:0; width:10em; text-align:right; line-height:1.6em; padding:1.5em 0.5em 0.5em 0.5em; font-size:1.1em;}

#sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
#sidebarOptions {padding-top:0.3em;}
#sidebarOptions a {margin:0em 0.2em; padding:0.2em 0.3em; display:block;}
#sidebarOptions input {margin:0.4em 0.5em;}
#sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
#sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
#sidebarOptions .sliderPanel input {margin:0 0 .3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}

.wizard {padding:0.1em 1em 0em 2em;}
.wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizardStep {padding:1em 1em 1em 1em;}
.wizard .button {margin:0.5em 0em 0em 0em; font-size:1.2em;}
.wizardFooter {padding:0.8em 0.4em 0.8em 0em;}
.wizardFooter .status {padding:0em 0.4em 0em 0.4em; margin-left:1em;}
.wizard .button {padding:0.1em 0.2em 0.1em 0.2em;}

#messageArea {position:fixed; top:2em; right:0em; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
.messageToolbar {display:block; text-align:right; padding:0.2em 0.2em 0.2em 0.2em;}
#messageArea a {text-decoration:underline;}

.tiddlerPopupButton {padding:0.2em 0.2em 0.2em 0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em 1em 1em 1em; margin:0;}

.popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
.popup .popupMessage {padding:0.4em;}
.popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0em;}
.popup li.disabled {padding:0.4em;}
.popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
.listBreak {font-size:1px; line-height:1px;}
.listBreak div {margin:2px 0;}

.tabset {padding:1em 0em 0em 0.5em;}
.tab {margin:0em 0em 0em 0.25em; padding:2px;}
.tabContents {padding:0.5em;}
.tabContents ul, .tabContents ol {margin:0; padding:0;}
.txtMainTab .tabContents li {list-style:none;}
.tabContents li.listLink { margin-left:.75em;}

#contentWrapper {display:block;}
#splashScreen {display:none;}

#displayArea {margin:1em 17em 0em 14em;}

.toolbar {text-align:right; font-size:.9em;}

.tiddler {padding:1em 1em 0em 1em;}

.missing .viewer,.missing .title {font-style:italic;}

.title {font-size:1.6em; font-weight:bold;}

.missing .subtitle {display:none;}
.subtitle {font-size:1.1em;}

.tiddler .button {padding:0.2em 0.4em;}

.tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
.isTag .tagging {display:block;}
.tagged {margin:0.5em; float:right;}
.tagging, .tagged {font-size:0.9em; padding:0.25em;}
.tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
.tagClear {clear:both;}

.footer {font-size:.9em;}
.footer li {display:inline;}

.annotation {padding:0.5em; margin:0.5em;}

* html .viewer pre {width:99%; padding:0 0 1em 0;}
.viewer {line-height:1.4em; padding-top:0.5em;}
.viewer .button {margin:0em 0.25em; padding:0em 0.25em;}
.viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
.viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}

.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
table.listView {font-size:0.85em; margin:0.8em 1.0em;}
table.listView th, table.listView td, table.listView tr {padding:0px 3px 0px 3px;}

.viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
.viewer code {font-size:1.2em; line-height:1.4em;}

.editor {font-size:1.1em;}
.editor input, .editor textarea {display:block; width:100%; font:inherit;}
.editorFooter {padding:0.25em 0em; font-size:.9em;}
.editorFooter .button {padding-top:0px; padding-bottom:0px;}

.fieldsetFix {border:0; padding:0; margin:1px 0px 1px 0px;}

.sparkline {line-height:1em;}
.sparktick {outline:0;}

.zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
.zoomer div {padding:1em;}

* html #backstage {width:99%;}
* html #backstageArea {width:99%;}
#backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0em; right:0em;}
#backstageButton a {padding:0.1em 0.4em 0.1em 0.4em; margin:0.1em 0.1em 0.1em 0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; margin:0em 3em 0em 3em; padding:1em 1em 1em 1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em 0.2em 0.4em;}
#backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}

.whenBackstage {display:none;}
.backstageVisible .whenBackstage {display:block;}
/*}}}*/
/***
StyleSheet for use when a translation requires any css style changes.
This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which use a logographic writing system and need larger font sizes.
***/

/*{{{*/
body {font-size:0.8em;}

#sidebarOptions {font-size:1.05em;}
#sidebarOptions a {font-style:normal;}
#sidebarOptions .sliderPanel {font-size:0.95em;}

.subtitle {font-size:0.8em;}

.viewer table.listView {font-size:0.95em;}

.htmlarea .toolbarHA table {border:1px solid ButtonFace; margin:0em 0em;}
/*}}}*/
/*{{{*/
@media print {
#mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton {display: none ! important;}
#displayArea {margin: 1em 1em 0em 1em;}
/* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
noscript {display:none;}
}
/*}}}*/
<!--{{{-->
<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
</div>
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
<!--}}}-->
<!--{{{-->
<div class='toolbar' macro='toolbar closeTiddler closeOthers +editTiddler > fields syncing permalink references jump'></div>
<div class='title' macro='view title'></div>
<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date'></span>)</div>
<div class='tagging' macro='tagging'></div>
<div class='tagged' macro='tags'></div>
<div class='viewer' macro='view text wikified'></div>
<div class='tagClear'></div>
<!--}}}-->
<!--{{{-->
<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler'></div>
<div class='title' macro='view title'></div>
<div class='editor' macro='edit title'></div>
<div macro='annotations'></div>
<div class='editor' macro='edit text'></div>
<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>
<!--}}}-->
To get started with this blank TiddlyWiki, you'll need to modify the following tiddlers:
* SiteTitle & SiteSubtitle: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
* MainMenu: The menu (usually on the left)
* DefaultTiddlers: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened
You'll also need to enter your username for signing your edits: <<option txtUserName>>
These InterfaceOptions for customising TiddlyWiki are saved in your browser

Your username for signing your edits. Write it as a WikiWord (eg JoeBloggs)

<<option txtUserName>>
<<option chkSaveBackups>> SaveBackups
<<option chkAutoSave>> AutoSave
<<option chkRegExpSearch>> RegExpSearch
<<option chkCaseSensitiveSearch>> CaseSensitiveSearch
<<option chkAnimate>> EnableAnimations

----
Also see AdvancedOptions
| [img[Group2007|group2007.jpg]] |
| ''Group Picture in Summer 2007'' |
| (Left to right: Matthew Hinshelwood, Peng He, Mark Netemeyer, Dr. Zhengdong Cheng, Srinivas Rao Pullela and Andres Mejia) |
|borderless|k

| [img[Group2006|group2006.jpg]] |
| ''Group Picture in Spring 2006'' |
| (Left to right: Haejune Kim, Guangnan Meng, Peng He, Susanna Wong, Dawei Luo, Tieying Gong, Srinivas Rao Pullela, Dr. Zhengdong Cheng and Jingyi Shen) |
|borderless|k
[[Welcome!]]
[[News]]
!2008
*Coming Soon!
!2007
*''"Dynamic modes of liquid droplets production in microfluidic devices of flow-focusing"'', <br>Cheng, Z. Cristal, G., Link, D.,Brenner, M., Stone, H.D.  Weitz, D.A., preprint
*''"Colloidal segregation inside squeezed droplets moving along straight microchannels"'',<br>Cristal, G., Cheng, Z., Link, D., Brenner, M., Stone, H.D., Weitz, D.A., preprint
*''"Phase Boundary determination of Thermosensitive Colloids"'',<br>M. Clemements*, Pullela, S., Shen, J.Y., Gong, T.Y., and Cheng, Z, preprint, submitted to Physical Review Letters
*''"Atomization of Materials by Emulsion-solvent Evaporation"'',<br>Wong, S., Luo, D.W., Meng, M.N., Marquez, M., and Cheng, Z., preprint, submitted to Langmuir
*''"A Ternary Phase Diagram for the ~Belousov-Zhabotinsky Reaction Induced Mechanical Oscillation of Thermo-responsive PNIPAM Gel Particles"'',<br>Shen, J.Y., Pullela, S., Marquez, M. Cheng, Z. preprint, Submitted to J. Phys. Chem. B.
*''"Cell Encapsules with Tunable Transport and Mechanical Properties"'',<br>Luo, D. , Pullela, S., Marquez, M.,  Cheng, Z. Biomicrofluidics , 1,  034102 (2007) [PDF]
*''"Preparation and properties of polyurethanes based on castor oil chemically modified with YUCCA starch"'',<br>Valro, M.F.*, Pulido, J.E., Hernandez, J.C., Posada, J.A., Ramirez, A., Cheng, Z., submitted to Materials Characterization, 2007
*''"Nucleation Rate Measurement of Colloidal Crystallization using Microfluidic Emulsion Droplets"'',<br>Gong, T.Y., Shen, J.Y., Hu, Z. B., Marquez, M, and Cheng, Z., Langmuir, 23, 2007, 2919-2923 [PDF]
!2006
*''"Electric control of droplets in microfluidic devices"'', <br>Link, D.R., Graslasn-Mongrain, E., Duri, A., Sarrazin, F., Cheng, z., Cristobal, G. , Marquez, M., Weitz, D.A. Angewandte Chemie International Edition, 45, 2006, 2556 [PDF]
!2004
*''"Manipulation of microdisks in laser tweezers"'', <br>Cheng, Z, Fernandez de las Nieves,A.,  Marquez, M. , Weitz, D.A. , Mason, T.G., Chaikin, P.M. Z. Cheng, SPIE Proceeding, Denver, Colorado, 2004
*''"A new device for the generation of microbubbles and microfoams"'', <br>Gordillo, J. M., Cheng, z., Márquez M.and Weitz, D.A. Physics of Fluids, 16, 2004, 2828
*''"Pattern coarsening in a 2D hexagonal system"'', <br>Harrison C, Angelescu DE, Trawick M, Cheng ZD, Huse DA, Chaikin PM, Vega DA, Sebastian JM, Register RA, Adamson DH, Europhys. Lett. 67, 800-806 (2004)
*''"Crystallization kinetics of thermosensitive colloids probed by transmission spectroscopy"'', <br>Hu, z., Tang, S., Cheng, z., Wu, J. Langmuir, 28, 2004, 8858
!2003
*''"Periodic oscillation of a colloidal disk near a wall in an optical trap"'', <br>Z. Cheng , T.G. Mason, & P.M. Chaikin,  Phys. Rev. E 68, 2003, 051404
*''"Rotational Diffusion Microrheology"'', <br>Z. Cheng, T.G. Mason, Phys. Rev. Lett. 90, 2003, 018304
*''"Control of colloids with gravity, temperature gradients, and electric fields"'', <br>M., K. Zhao, C. Harrison, R., M. Megens, A. Hollingsworth, W. B Russel, Z. Cheng, T. G. Mason and P M Chaikin, J. Phys.: Condens. Matter 15 (2003) S11–S18
!2002
*''"Light Streak Tracking of Optically Trapped Thin Microdisks"'', <br>Z. Cheng, P.M. Chaikin, T.G. Mason, Phys. Rev. Lett. 89, 2002, 108303
*''"Dynamics of pattern coarsening in a two-dimensional smectic system"'', <br>C. Harrison, Z. Cheng, S. Sethuraman, D. A. Huse, P. M. Chaikin, D. A. Vega, J. M. Sebastian, R. A. Register and D. H. Adamson, Phys. Rev. E  66, 2002, 011706
*''"On the Nature of the Divergence in the Low Shear Viscosity of Colloidal Hard-Sphere Dispersions"'', <br>Z. Cheng, J., P. M. Chaikin, S. Phan and W. B. Russel, Phys. Rev. E  65, 2002, 041405
*''"Crystallization Kinetics of Hard Spheres in Microgravity in the Coexistence Regime: Interactions between Growing Crystallites"'', <br>Z. Cheng, P. M. Chaikin, J. Zhu, W. B. Russel, and W. V. Meyer, Phys. Rev. Lett.  88, 2002, 015501
!1996-2001
*''"Colloidal Hard-sphere Crystallization Kinetics in Microgravity and Normal Gravity"'', <br>Z. Cheng, J. Zhu, W.V. Meyer, W.B. Russel, and P.M. Chaikin, Applied Optics 40, 2001, 4146 (& cover hologram)
*''"Phase Diagram of Hard Spheres"'', <br>Z. Cheng, P.M. Chaikin , W.B. Russel, W.V. Meyer, J. Zhu, R.B. Rogers and R.H. Ottewill, Materials & Design 22, 2001, 529
*''"Mechanisms of Ordering in Striped Patterns"'', <br>C. Harrison, D.H. Adamson, Z. Cheng, J.M. Sebastian, S. Sethuraman, D.A. Huse, R.A. Register and P.M. Chaikin, Science 290, 2000, 1558
*''"Phonons in an Entropic Crystal"'', <br>Z. Cheng, J. Zhu, W.B. Russel and P.M. Chaikin, Phys. Rev. Lett. 85, 2000, 1460
*''"Controlled growth of hard-sphere colloidal crystals"'', <br>Z. Cheng, W.B. Russel and P.M. chaikin, Nature  401, 1999, 893
*''"Phase diagram, equation of state, limit viscosity of hard-sphere suspensions"'', <br>S. phan et al., Z. Cheng, W.B. Russel, Zhu J. Zhu, P.M. Chaikin, J.H. Dunsmuir and R.H. Ottewill, Phys. Rev. E  54, 1996, 6633.
Under construction :D
PageTemplate
StyleSheet
MainMenu
DefaultTiddlers
[[Home|Welcome!]]
[[News]]
[[ResearchHighlights|Welcome!]]
[[People]]
[[Album]]
[[Publications]]
[[Links & Misc.]]
* Welcome! Andres Mejia comes back and Guanqun Wang joins our group!
* Srinivas Pullela won award in Student Research Week 2008, congratulations!
* Apr 4. - Apr 10.Dr. Cheng and Peng attended 100th AIChE Spring Meeting & 235th ACS National Meeting in New Orleans.

.
<!--{{{-->
<div class='header'>
     <div class='gradient' macro='gradient vert #FF8614 #DA4A0D '>
	<div class='titleLine' >
                <span class='searchBar' macro='search'></span>
		<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
		<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
	</div>
<div id='topMenu' refresh='content' tiddler='NewMainMenu'></div>
    </div>
</div>
<div id='bodywrapper'>
<div id='sidebar'>
	<div id='sidebarOptions' refresh='content' 	tiddler='SideBarOptions'></div>
	<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
</div>
<div id='displayArea'>
	<div id='messageArea'></div>
	<div id='tiddlerDisplay'></div>
</div>

<!--}}}-->
!Boss
*Zhengdong Cheng (Assistant Professor) <br><br> email: cheng AT chemail.tamu.edu <br> phone: 979-845-3413 <br> office: 202 Jack E Brown Building  <br><br> Curriculum Vitae (Word Document)
!Students
*Srinivas Pullela (Ph.D. student) <br><br> email:srini830 AT tamu.edu <br> phone: 979-862-1072 <br> office: 407 Jack E Brown Building

*Peng He (Ph.D. student) <br><br> email:Peng.He AT chemail.tamu.edu <br> phone: 979-862-1072 <br> office: 407 Jack E Brown Building

*Andres Mejia (Ph.D. Student) <br><br> email:Andres.Mejia AT chemail.tamu.edu <br> phone: 979-862-1072 <br> office: 407 Jack E Brown Building

*Guanqun Wang (Master Student) <br><br> phone: 979-862-1072 <br> office: 407 Jack E Brown Building
!Alumni
*Jingyi Shen (Post Doc) <br><br> email:jingyi.shen AT chemail.tamu.edu

*Dawei Luo (Post Doc) <br><br> email:dawei.luo AT chemail.tamu.edu

*Tieying Gong (Post Doc) <br><br> email:tieying.gong AT chemail.tamu.edu

*Guangnan Meng (Post Doc) <br><br> email:Guangnan.Meng AT chemail.tamu.edu

*Haejun Kim (Master student) <br><br> email:haejuni AT tamu.edu

*Susanna Wong (Master student) <br><br> email:susanna.wong AT chemail.tamu.edu
!Conferences
*Zhengdong Cheng, ''"Dynamics of colloids and droplets"'', TEXMEMS VII, International and Interregional Collaborations, 4 September, 2004, College Station, TX
*Zhengdond Cheng, ''"Design and Control of Complex Fluids"'', First  INEST Meeting, Droplet NanoEngineering, Williamsburg, Virginia, May 15 - 18,  2005
*Dawei Luo and Zhengdong Cheng, ''"Preparation of Calcium Alginate Gel Droplets by Internal Gelation on a Microfluidic Platform"'', TEXMEMS VII– International and Interregional Collaborations,21-22 September, 2005, El Paso, TX.
*Guangnan Meng, Susanna Wong and Zhengdong Cheng, ''"Liquid Crystalline Phases of Homogenous Disk-like Particles"'', TEXMEMS VII– International and Interregional Collaborations,21-22 September, 2005, El Paso, TX.
*Dawei Luo and Zhengdong Cheng. ''"Microencapsulation using Microuidic Device"'', PMUSA symposium, Oct. 2005
*Zhengdong Cheng, ''"Microencapsulation using Microuidic Device"'', 23rd Annual Houston Conference on Biomedical Engineering Research, Feb. 10, 2006, University of Houston.
*Dawei Luo, Manual Marqueez, Zhengdong Cheng, ''"Microencapsulation using Microuidic Device"'', PMUSA symposium, Feb. 29-March 3, 2006
*Guangnan Meng, Susanna Wong, Dawei Luo, Zhengdong Cheng, ''"Liquid crystalline materials of monodisperse microdisks"'', PMUSA symposium, Feb. 29-March 3, 2006
!Invited Talk
*MIT, Department of Mechanical Engineering, 2004 ''"Discotic Colloids"''
*University of Central Florida, Department of physics, 2004, ''"Dynamics of Colloids and Droplets"''
*Texas A&M University, Department of Chemical Engineering, 2004 ''"Dynamics of Colloids and Droplets"''
*Virginia Commonwealth University, Department of Mechanical Engineering, 2004, ''"Dynamics of Colloids and Droplets"''
*Colorado School of Mines, Department of Mechanical Engineering, 2004, ''"Dynamics of Colloids and Droplets"''
*Virginia polytechnic Institute and State University, Department of Physics, 2004, ''"Dynamics of Colloids and Droplets"''
*Rensselaer Polytechnic Institute, Department of Physics, 2004 ''"Dynamics of Colloids and Droplets"''
*Schlumberger-Doll Research, 2004 ''"Dynamics of Colloids and Droplets"''
*Syracuse University, Department of Physics, 2004, ''"Dynamics of Colloids and Droplets"''
*Yale University, Department of Mechanical Engineering, 2003, ''"Dynamics of Colloids and Droplets"''
*Case Western Reserve University, Physics, 2003 ''"Control of colloids with gravity, temperature gradient and optical field"''
*Rhodia Corporation, 2003 ''"Control of colloids with gravity, temperature gradient and optical field"''
*University of Chicago, Physics, 2002, ''"Control of colloids with gravity, temperature gradient and optical field"''
*Harvard University, DEAS, 2002, ''"Control of colloids with gravity, temperature gradient and optical field"''
*New Jersey Institute of Technology, ''"Colloidal Crystallization in the Space Shuttles"'' (SIGMA XI Seminar)
*NIST, 2001: ''"Colloidal hard spheres and disks"''
*Brown University, 2000, ''"Hard spheres in space"''
*University of Pennsylvania, 1999, ''"Colloidal Hard-sphere Crystallization & glass transition"''
*MRS 1999: ''"Hard sphere suspension crystallization kinetics"''
*APS  2000: ''"Gravitational Effects on the Crystallization of Colloidal Hard Spheres"''
<<tabs tabsClass
Journal "List of articles published on journals" JournalArticles
Presentations "List of conferences and invited talks" Presentations
>>
!Ternary Phase Diagram for the Belousov-Zhabotinsky Reaction-Induced Mechanical Oscillation of Intelligent PNIPAM Colloids.
[img[BZ-diagram|BZ-diagram.JPG]]
Belousov-Zhabotinsky (BZ) reaction-induced mechanical oscillation of poly(N-isopropylacrylamide) (PNIPAM) gel particles was investigated by the systematic variation of BZ substrate concentrations. The correlation between the dynamic behavior and substrate concentrations was presented in a ternary phase diagram. Both oscillatory and steady-state regimes exist on the phase diagram and are separated by a high-frequency oscillation band. Dependence of oscillation frequency and induction time on the substrate concentrations was also studied. To achieve size uniformity, these PNIPAM gel particles with covalently bound tris(bipyridyl)ruthenium(II) were synthesized via the coordination chemistry between a ruthenium complex and the monodispersed PNIPAM gel particles bearing bipyridine ligands.
!Cell encapsulation using microfluidics device
[img[Cell Encapsulation|cell_encapsulation.JPG]]
{{textjustify{
We are studying the method to fabricate cell enclosing capsules on microfluidic platform. Polymer membrane of the capsule will act as an immunological barrier to protect cells inside after transplantation. This technology can be applied to a wide range of therapeutic treatments.}}}
!Electro-controlled Microfluidics

[img[Electro-Microfluidics|Electrofluidics.jpg]]
{{textjustify{
Microfluidic and nanofluidic emulsification has been explored extensively in chemical engineering and biotechnology for using the emulsion droplets as microreactor, cell encapsulates, microarrays etc. [1] There is an increasing demand on the ability of tailoring the droplet size, leading to either uniform or serial sizes. Flow-focusing device is an ideal platform to produce both monodisperse and polydisperse droplets in micro-scale and nano-scale [2], but it needs a quite long respond time to change the droplets size by varying flow rates [3], which is not suitable for rapid control in droplet formation. Embedding electrical field inside the microfluidic channels provides additional capabilities to instantly control the droplets [4], and further decrease the size towards nano-scale without expensive cost.}}}

{{textjustify{
Here, we use AC electrical field of various waveforms to perform the dynamic control on the drop formation in a flow-focusing device. The size of droplets which were generated under triangle waveform inversely changed with applied voltage. Monodisperse droplets segments were produced using the rectangle waveform, and then separated by label regimes. The droplet size in the monodisperse segments can be adjusted by the magnitude of voltage. We also found high frequency AC can be used to control the coalescence of droplets. Our technique renders high flexibility in the engineering of droplet series, and may be readily incorporated in other nano–technologies as particle synthesis, DNA/protein analysis and sorting, etc.}}}

1. Whitesides, G.M., The origins and the future of microfluidics. Nature, 2006. 442(7101): p.368-373.
2. Anna, S.L., N. Bontoux, and H.A. Stone, Formation of dispersions using "flow focusing" in microchannels. Applied Physics Letters, 2003. 82(3): p. 364-366.
3. Collins, J. and A.P. Lee, Control of serial microfluidic droplet size gradient by step-wise ramping of flow rates. Microfluidics and Nanofluidics, 2007. 3(1): p. 19-25.
4. Link, D.R., et al., Electric control of droplets in microfluidic devices. Angewandte Chemie-International Edition, 2006. 45(16): p. 2556-2560
!Eletrospray of Wax
[img[Electrospray|Electrospray.jpg]][img[Wax Rods|Wax_Rods.JPG]]
{{textjustify{
Monodisperse wax emulsions were prepared by electrospraying of melt wax. The size of the emulsions was tailored by varying experimental parameters of the electrospray, such as the flow rate of the discontinuous phase, its electric conductivity, and the applied voltage. The monodispersity of the emulsions was greatly influenced by the surface tension and density of the collection liquid. We also demonstrated the fabrication of uniform wax microdisks using the phase transition of wax molecules inside these emulsions.}}}
!Nucleation Rate Measurement of Colloidal Crystallization Using Microfluidic Emulsion Droplets
[img[Nucleation|Nucleation.jpg]]
{{textjustify{
An emulsion crystallization method has been demonstrated to measure the nucleation rate of a thermoresponsive colloidal poly-N-isopropylacrylamide (PNIPAM) system. The colloidal PNIPAM suspension was injected into a microfluidic flow-focusing device to generate monodispersed droplets in oil. The temperature was controlled to fine tune the volume fraction of the PNIPAM particles, and the microfluidic flow rate was varied to change the droplet sizes, thus altering the nucleation volume. Using independent droplets, we can isolate the nucleation events to eliminate the interactions among crystallites that existed in bulk or large droplet systems. Therefore, we were able to carry out accurate nucleation rate measurements of colloidal crystals. This emulsion crystallization method is promising for bridging the gap among theories, simulations, and experiments for nucleation kinetics studies.}}}
!Numerical Simulation on the Modes of Droplet Formation in Flow Focusing Microfluidics Device
[img[Simulation|Simulation.JPG]]
{{textjustify{
Droplet generation in hydrodynamic flow-focusing microfluidics device are numerically studied by solving the time-dependent Navier-Stokes equations of two-phase flow using volume-of fluid (VOF) method and level set method. We present the results regarding the production mode of single, double and multiple droplet sizes. The numerical results are in consistent with the experiments, and different factors, such as Reynolds number and Webber number, influencing the dynamics of droplets breakup were also studied.}}}
Type the text for 'ResearchHighlights'
<<closeAll>><<permaview>><<newTiddler>><<newJournal 'DD MMM YYYY'>><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel 'options »' 'Change TiddlyWiki advanced options'>>
/***
This CSS by DaveBirss.
***/
/*{{{*/


.tabSelected {
 background: #fff;
}

.tabUnselected {
 background: #eee;
}

#sidebar {
 color: #000;
 background: transparent; 
}

#sidebarOptions {
 background: #fff;
}

#sidebarOptions input {
	border: 1px solid #ccc;
}

#sidebarOptions input:hover, #sidebarOptions input:active,  #sidebarOptions input:focus {
	border: 1px solid #000;
}

#sidebarOptions .button {
 color: #999;
}

#sidebarOptions .button:hover {
 color: #000;
 background: #fff;
 border-color:white;
}

#sidebarOptions .button:active {
 color: #000;
 background: #fff;
}

#sidebarOptions .sliderPanel {
 background: transparent;
}

#sidebarOptions .sliderPanel A {
 color: #999;
}

#sidebarOptions .sliderPanel A:hover {
 color: #000;
 background: #fff;
}

#sidebarOptions .sliderPanel A:active {
 color: #000;
 background: #fff;
}

.sidebarSubHeading {
 color: #000;
}

#sidebarTabs {`
 background: #fff
}

#sidebarTabs .tabSelected {
 color: #000;
 background: #fff;
 border-top: solid 1px #ccc;
 border-left: solid 1px #ccc;
 border-right: solid 1px #ccc;
 border-bottom: none;
}

#sidebarTabs .tabUnselected {
 color: #999;
 background: #eee;
 border-top: solid 1px #ccc;
 border-left: solid 1px #ccc;
 border-right: solid 1px #ccc;
 border-bottom: none;
}

#sidebarTabs .tabContents {
 background: #fff;
}


#sidebarTabs .txtMoreTab .tabSelected {
 background: #fff;
}

#sidebarTabs .txtMoreTab .tabUnselected {
 background: #eee;
}

#sidebarTabs .txtMoreTab .tabContents {
 background: #fff;
}

#sidebarTabs .tabContents .tiddlyLink {
 color: #999;
 border:none;
}

#sidebarTabs .tabContents .tiddlyLink:hover {
 background: #fff;
 color: #000;
 border:none;
}

#sidebarTabs .tabContents {
 color: #000;
}

#sidebarTabs .button {
 color: #666;
}

#sidebarTabs .tabContents .button:hover {
 color: #000;
 background: #fff;
}

#sidebar {color:#999;}
/*}}}*/
[[Artie McFerrin Department of Chemical Engineering|www.che.tamu.edu]]&emsp;&emsp;[[Texas A&M University|www.tamu.edu]]
[[Zhengdong Cheng|http://www.che.tamu.edu/people/faculty/info?fid=12]]'s Soft Condensed Matter & Complex Fluids Group
[[SideBarWG]]

#topMen br {display:none;}
/***
!Top Menu Styles
***/
/*{{{*/
#topMenu br {display:none; }
#topMenu { background: #000 ; color:#fff;padding: 1em 1em;}
/*}}}*/

/***
!General
***/
/*{{{*/
body {
 background: #444;
 margin: 0 auto;
}

 #contentWrapper{
 background: #fff;
 border: 0;
 margin: 0 1em;

 padding:0;
}
/*}}}*/

/***
!Header rules
***/
/*{{{*/
.titleLine{
 margin: 68px 3em 0em 0em;
margin-left:1.7em;
margin-bottom: 28px;
 padding: 0;
 text-align: left;
 color: #fff;
}

.siteTitle {
	font-size: 2em;
        font-weight: bold;
}

.siteSubtitle {
	font-size: 1.1em;
        display: block;
        margin: .5em auto 1em;
}

.gradient {margin: 0 auto;}



.header {
 background: #fff; 
 margin: 0 0em;
 padding:0 12px;

}
/*}}}*/

/***
!Display Area
***/
/*{{{*/
#bodywrapper {margin:0 12px; padding:0;background:#fff; height:1%}

#displayArea{
 margin: 0em 16em 0em 1em;
 text-align: left;
}

.tiddler {
	padding: 1em 1em 0em 0em;
}

h1,h2,h3,h4,h5 { color: #000; background: transparent; padding-bottom:2px; border-bottom: 1px dotted #666; }
.title {color:black; font-size:1.8em; border-bottom:1px solid #333; padding-bottom:0.3px;}
.subtitle { font-size:90%; color:#ccc; padding-left:0.25em; margin-top:0.1em; }

.shadow .title {
	color: #aaa;
}

.tagClear{
	clear: none; 
}

* html .viewer pre {
	margin-left: 0em;
}

* html .editor textarea, * html .editor input {
	width: 98%;
}

.tiddler {margin-bottom:1em; padding-bottom:0em;}


.toolbar .button {color:#bbb; border:none;}
.toolbar .button:hover, .toolbar .highlight, .toolbar .marked, .toolbar a.button:active {background:transparent; color:#111; border:none; text-decoration:underline;}

#sidebar .highlight, #sidebar .marked {background:transparent;}

.tagging, .tagged {
	border: 1px solid #eee;
	background-color: #F7F7F7;
}

.selected .tagging, .selected .tagged {
	background-color: #eee;
	border: 1px solid #bbb;
}

 .tagging .listTitle, .tagged .listTitle {
	color: #bbb;
}

.selected .tagging .listTitle, .selected .tagged .listTitle {
	color: #222; 
}


.tagging .button:hover, .tagged .button:hover {
		border: none; background:transparent; text-decoration:underline; color:#000;
}

.tagging .button, .tagged .button {
		color:#aaa;
}

.selected .tagging .button, .selected .tagged .button {
		color:#000;
}

.viewer blockquote {
	border-left: 3px solid #000;
}

.viewer pre, .viewer code {
	border: 1px dashed #ccc;
	background: #eee;}

.viewer hr {
	border: 0;
	border-top: solid 1px #333;
 margin: 0 8em;
	color: #333;
}

.highlight, .marked {background:transparent; color:#111; border:none; text-decoration:underline;}

.viewer .highlight, .viewer .marked {text-decoration:none;}

#sidebarTabs .highlight, #sidebarTabs .marked {color:#000; text-decoration:none;}

.tabSelected {
 color: #000;
 background: #fff;
 border-top: solid 1px #ccc;
 border-left: solid 1px #ccc;
 border-right: solid 1px #ccc;
 border-bottom: none;
}

.viewer .tabSelected:hover{color:#000;}

.viewer .tabSelected {font-weight:bold;}

.tabUnselected {
 color: #999;
 background: #eee;
 border-top: solid 1px #ccc;
 border-left: solid 1px #ccc;
 border-right: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
 padding-bottom:1px;
}

.tabContents {
 background: #fff;
  color: #000;
}
/*}}}*/
/***
!!!Tables
***/
/*{{{*/
.viewer table {
	border: 1px solid #000;
}

.viewer th, thead td {
	background: #000;
	border: 1px solid #000;
	color: #fff;
}

.viewer td, .viewer tr {
	border: 1px solid #111; padding:4px;
}
/*}}}*/


/***
!!!Editor area
***/
/*{{{*/
.editor input, .editor textarea {
	border: 1px solid #ccc;
}

.editor {padding-top:0.3em;}

.editor textarea:focus, .editor input:focus {
	border: 1px solid #333;
}
/*}}}*/

/***
!Sidebar
***/
/*{{{*/
#sidebar{
position:relative;
float:right;
margin-bottom:1em;
display:inline;
width: 16em;
}

#sidebarOptions .sliderPanel {
	background: #eee; border:1px solid #ccc;
}

/*}}}*/

/***
!Body Footer rules
***/
/*{{{*/
#contentFooter {
 text-align: center;
 clear: both;
 color:#fff;
 background: #000;
 padding: 1em 2em;
font-weight:bold;
}

/*}}}*/
/***
!Link Styles
***/
/*{{{*/
a{
	color: #000;
}

a:hover{
        color: #FF6600;
        background:#fff;
}


.button {
	color: #000;
	border: 1px solid #fff;
}

.button:hover {
	color: #fff;
	background: #ff8614;
	border-color: #000;
}

.button:active {
	color: #fff;
	background: #ff8614;
	border: 1px solid #000;
}

.tiddlyLink {border-bottom: 1px dotted #000;}
.tiddlyLink:hover {border-bottom: 1px dotted #FF6600;} 

.titleLine a {border-bottom: 1px dotted #FF9900;}

.titleLine a:hover {border-bottom: 1px dotted #fff;}

.siteTitle a, .siteSubtitle a{
 color: #fff;
}

.viewer .button {border: 1px solid #ff8614; font-weight:bold;}
.viewer .button:hover, .viewer .marked, .viewer .highlight{background:#ff8614; color:#fff; font-weight:bold; border: 1px solid #000;}

#topMenu .button, #topMenu .tiddlyLink {
 margin-left:0.5em; margin-right:0.5em;
 padding-left:3px; padding-right:3px;
 color:white; font-weight:bold;
}
#topMenu .button:hover, #topMenu .tiddlyLink:hover { background:#000; color:#FF8814}

#topMenu a{border:none;}
/*}}}*/

/***
!Message Area /%=================================================%/
***/
/*{{{*/
#messageArea {
	border: 4px dotted #ff8614;
	background: #000;
	color: #fff;
        font-size:90%;
}

#messageArea .button {
	padding: 0.2em;
	color: #000;
	background: #fff;
        text-decoration:none;
        font-weight:bold;
        border:1px solid #000; 
}

#messageArea a {color:#fff;}

#messageArea a:hover {color:#ff8614; background:transparent;}

#messageArea .button:hover {background: #FF8614; color:#fff; border:1px solid #fff; }

/*}}}*/

/***
!Popup /%=================================================%/
***/
/*{{{*/
.popup {
	background: #ff8814;
	border: 1px solid #333;
}

.popup hr {
	color: #333;
	background: #333;
	border-bottom: 1px;
}

.popup li.disabled {
	color: #333;
}

.popup li a, .popup li a:visited {
	color: #eee;
	border: none;
}

.popup li a:hover {
	background: #ff8614;
	color: #fff;
	border: none;
        text-decoration:underline;
}

.searchBar {float:right; font-size:1em;}
.searchBar .button {display:block; border:none; color:#ccc; }
.searchBar .button:hover{border:none; color:#eee;}

.searchBar input{
 border: 1px inset #000; background:#EFDFD1; width:10em; margin:0;
}

.searchBar input:focus {
 border: 1px inset #000; background:#fff;
}

*html .titleLine {margin-right:1.3em;}

*html .searchBar .button {margin-left:1.7em;}

 .HideSideBarButton {float:right;} 
/*}}}*/

.blog h2, .blog h3, .blog h4{
  margin:0;
  padding:0;
border-bottom:none;
}
.blog {margin-left:1.5em;}  


.blog .excerpt {
  margin:0;
margin-top:0.3em;
  padding: 0;
  margin-left:1em;
  padding-left:1em;
  font-size:90%;
  border-left:1px solid #ddd;
}

#tiddlerWhatsNew h1, #tiddlerWhatsNew h2 {border-bottom:none;}
div[tags~="RecentUpdates"], div[tags~="lewcidExtension"] {margin-bottom: 2em;}

#hoverMenu  .button, #hoverMenu  .tiddlyLink {border:none; font-weight:bold; background:#f37211; color:#fff; padding:0 5px; float:right; margin-bottom:4px;}
#hoverMenu .button:hover, #hoverMenu .tiddlyLink:hover {font-weight:bold; border:none; color:#f37211; background:#000; padding:0 5px; float:right; margin-bottom:4px;}

#topMenu .fontResizer {float:right;}

#topMenu .fontResizer .button{border:1px solid #000;}
#topMenu .fontResizer .button:hover {border:1px solid #f37211; color:#fff;}
#sidebarTabs .txtMainTab .tiddlyLinkExisting {
 font-weight: normal;
 font-style: normal;
}

#sidebarTabs .txtMoreTab .tiddlyLinkExisting {
 font-weight: bold;
 font-style: normal;
}

.borderless, .borderless table, .borderless td, .borderless tr, .borderless th, .borderless tbody { border:0 !important; margin:0 !important; padding:2px !important; td.vertical-align:top !important;margin-left: auto !important; margin-right: auto !important;}

.textleft {text-align:left;}

.textright {text-align:right;}

.textcenter {text-align:center;}

.textjustify {text-align:justify;}


.block a{display:block;}
/*{{{*/
* html .tiddler {height:1%;}

body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}

hr {height:1px;}

a {text-decoration:none;}

dt {font-weight:bold;}

ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:lower-alpha;}
ol ol ol ol ol ol {list-style-type:lower-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}

.txtOptionInput {width:11em;}

#contentWrapper .chkOptionInput {border:0;}

.externalLink {text-decoration:none;}

.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}

.tiddlyLinkExisting {font-weight:bold;}
.tiddlyLinkNonExisting {font-style:italic;}

/* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
a.tiddlyLinkNonExisting.shadow {font-weight:bold;}

#mainMenu .tiddlyLinkExisting,
	#mainMenu .tiddlyLinkNonExisting,
	#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
#sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}

.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0em 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:0px; top:0px;}

.siteTitle {font-size:3em;}
.siteSubtitle {font-size:1.2em;}

#mainMenu {position:absolute; left:0; width:10em; text-align:right; line-height:1.6em; padding:1.5em 0.5em 0.5em 0.5em; font-size:1.1em;}

#sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
#sidebarOptions {padding-top:0.3em;}
#sidebarOptions a {margin:0em 0.2em; padding:0.2em 0.3em; display:block;}
#sidebarOptions input {margin:0.4em 0.5em;}
#sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
#sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
#sidebarOptions .sliderPanel input {margin:0 0 .3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}

.wizard {padding:0.1em 1em 0em 2em;}
.wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizardStep {padding:1em 1em 1em 1em;}
.wizard .button {margin:0.5em 0em 0em 0em; font-size:1.2em;}
.wizardFooter {padding:0.8em 0.4em 0.8em 0em;}
.wizardFooter .status {padding:0em 0.4em 0em 0.4em; margin-left:1em;}
.wizard .button {padding:0.1em 0.2em 0.1em 0.2em;}

#messageArea {position:fixed; top:2em; right:0em; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
.messageToolbar {display:block; text-align:right; padding:0.2em 0.2em 0.2em 0.2em;}
#messageArea a {text-decoration:underline;}

.tiddlerPopupButton {padding:0.2em 0.2em 0.2em 0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em 1em 1em 1em; margin:0;}

.popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
.popup .popupMessage {padding:0.4em;}
.popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0em;}
.popup li.disabled {padding:0.4em;}
.popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
.listBreak {font-size:1px; line-height:1px;}
.listBreak div {margin:2px 0;}

.tabset {padding:1em 0em 0em 0.5em;}
.tab {margin:0em 0em 0em 0.25em; padding:2px;}
.tabContents {padding:0.5em;}
.tabContents ul, .tabContents ol {margin:0; padding:0;}
.txtMainTab .tabContents li {list-style:none;}
.tabContents li.listLink { margin-left:.75em;}

#contentWrapper {display:block;}
#splashScreen {display:none;}

#displayArea {margin:1em 17em 0em 14em;}

.toolbar {text-align:right; font-size:.9em;}

.tiddler {padding:1em 1em 0em 1em;}

.missing .viewer,.missing .title {font-style:italic;}

.title {font-size:1.6em; font-weight:bold;}

.missing .subtitle {display:none;}
.subtitle {font-size:1.1em;}

.tiddler .button {padding:0.2em 0.4em;}

.tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
.isTag .tagging {display:block;}
.tagged {margin:0.5em; float:right;}
.tagging, .tagged {font-size:0.9em; padding:0.25em;}
.tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
.tagClear {clear:both;}

.footer {font-size:.9em;}
.footer li {display:inline;}

.annotation {padding:0.5em; margin:0.5em;}

* html .viewer pre {width:99%; padding:0 0 1em 0;}
.viewer {line-height:1.4em; padding-top:0.5em;}
.viewer .button {margin:0em 0.25em; padding:0em 0.25em;}
.viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
.viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}

.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
table.listView {font-size:0.85em; margin:0.8em 1.0em;}
table.listView th, table.listView td, table.listView tr {padding:0px 3px 0px 3px;}

.viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
.viewer code {font-size:1.2em; line-height:1.4em;}

.editor {font-size:1.1em;}
.editor input, .editor textarea {display:block; width:100%; font:inherit;}
.editorFooter {padding:0.25em 0em; font-size:.9em;}
.editorFooter .button {padding-top:0px; padding-bottom:0px;}

.fieldsetFix {border:0; padding:0; margin:1px 0px 1px 0px;}

.sparkline {line-height:1em;}
.sparktick {outline:0;}

.zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
.zoomer div {padding:1em;}

* html #backstage {width:99%;}
* html #backstageArea {width:99%;}
#backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0em; right:0em;}
#backstageButton a {padding:0.1em 0.4em 0.1em 0.4em; margin:0.1em 0.1em 0.1em 0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; margin:0em 3em 0em 3em; padding:1em 1em 1em 1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em 0.2em 0.4em;}
#backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}

.whenBackstage {display:none;}
.backstageVisible .whenBackstage {display:block;}
/*}}}*/
Prof. Cheng's lab is dedicated to the research of colloids, complex fluids, crystallization, and soft condensed matter.

|>|>|>|>| Please click the icons below to see our [[research highlights|Welcome!]] |h
|[img[Nucleation|Nucleation.jpg]]|[img[NIPAM Crystal|nipam_crystal.jpg]]|[img[NIPAM Gel|NIPAM_Gel.jpg]]|[img[Electrospray|Electrospray.jpg]]|[img[Wax Rods|Wax_Rods.JPG]]|
| [[Nucleation|Research - Nucleation]] | NIPAM Crystal | NIPAM Gel | [[Electrospray|Research - Electrospray]] | [[Wax Rods|Research - Electrospray]] |
|[img[Cell Encapsulation|cell_encapsulation.JPG]]|[img[Simulation|Simulation.JPG]]|[img[Electro-Microfluidics|Electrofluidics.jpg]]|[img[BZ-diagram|BZ-diagram.JPG]]|[img[Laser Tweezer|Laser_Tweezer.jpg]]|
| [[Cell Encapsulation|Research - Cell Encapsulation]] | [[Simulation|Research - Simulation]] | [[Electro-Microfluidics|Research - Electro-Microfluidics]] | [[BZ Reactions|Research - BZ Reactions]] | Laser Tweezer |