/*** For Button **/
/***** Global Styles *****/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-block; }
html[xmlns] .clear { display: block;}
* html .clear { height: 1%;}

.leftAlig { float:left; }
.rightAlig { float:right; }

.wrapper { width:772px; margin:0px auto; display: block!important;}
.wrapFlu { min-width: 960px; max-width: 1250px;}

/***** BEGIN Primary Styles *****/

/* YOU CAN SAFELY INGORE THESE STYLES. They're only for the demo page */
.button {margin-right: 20px; float: left;}
.button:last-child {margin-right: 0px;}
.topList {margin-bottom: 10px;}
.groupList .button {margin-right: 0px;}
.groupList .right {margin-right: 20px;}
.classes { display: none;}
.classes pre {font-size: 11px; display: block; float: left; margin-right: 20px; background: #e5e5e5; padding: 5px 7px 7px; width: 65px; color: #999;}
.classes pre:last-child {margin-right: 0px;}
#sizeAdj pre {width: 758px!important; margin-top: 11px;}

/*
h1 { margin-top: 55px; font-size: 22px; font-family: Georgia, Times New Roman, serif; font-weight: normal;}
h2 { margin-top: 55px; font-size: 11px; font-family: Georgia, Times New Roman, serif; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; font-weight: normal; font-style: italic; color: #666;}
h2 a { float: right; color: #ba3838;} */

#controls {margin-top: 10px; font-size:11px;}

.largeList a {margin-right: 20px;}
.largeList a.left, .largeList a.middle, .largeList a.right {margin-right: 0px;}

#des {width: 772px; display: block!important; font-size: 11px; line-height: 160%;}

.credit {display: block; margin-top: 55px; color: #666;}
.credit a {color: #666;}