/* GENERAL ELEMENTS */
* { outline: none; }
div.hr { height: 1px; margin: 15px 0 15px 0; background-color: #CCCCCC; border: 0; overflow: hidden; }
blockquote { margin: 0 0 0 30px; }


/* LINK STYLES */
a:active { text-decoration: underline; color: #333333;}
a:link { text-decoration: underline; color: #333333;}
a:visited { text-decoration: underline; color: #333333;}
a:hover { text-decoration: underline; color: #333333;}
a { outline: none; }


/* TEXT STYLES */
.tinytext { font-family: Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 11px; line-height: 13px; font-weight: normal; color: #333333; }
.smalltext { font-family: Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px; font-weight: normal; color: #333333; }
.text { font-family: Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 16px; line-height: 18px; font-weight: normal; color: #333333; }
.mediumtext { font-family: Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 20px; line-height: 22px; font-weight: normal; color: #333333; }
.bigtext { font-family: Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 24px; line-height: 26px; font-weight: normal; color: #333333; }
.gianttext { font-family: Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 30px; line-height: 32px; font-weight: normal; color: #333333; }
.notation { font-family: Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px; font-weight: normal; color: #808080; }
.smalltype { font-family: Courier New,Courier,sans-serif; font-size: 13px; line-height: 15px; font-weight: normal; color: #333333; }
.type { font-family: Courier New,Courier,sans-serif; font-size: 16px; line-height: 18px; font-weight: normal; color: #333333; }
.white { color: #FFFFFF; }
.orange { color: #FFA500;; }
.grey { color: #808080; }


/* FORM  STYLES */
form { margin: 0; padding: 0; }
input.chx { margin: 0; width: 13px; height: 13px; overflow: hidden; outline: none; }
input[disabled] { color: #AAAAAA; }
select { height: 22px; }
label { cursor: pointer; }


/* TABLE STYLES */
table { border-collapse: collapse; }
table.layout td { padding: 0; }
table.form td { padding: 2px 3px 2px 3px; }
table.nested td { padding: 0 5px 0 0; }


/* TAB STYLES */
.tab { background-color: #FFA500; border-right: 2px solid #FFFFFF; padding: 6px 0 6px 0; text-align: center; cursor: pointer; float: left; }
.taboff { background-color: #FFA500; color: #333333; }
.tabon { background-color: #333333; color: #FFFFFF; }


/* DEMOS/DOCS STYLES */
.listhead { background-color: #CCCCCC; padding: 3px; margin-bottom: 5px; }
.listitem { padding: 3px; border-bottom: 1px solid #CCCCCC; font-family: Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 13px; color: #333333; }
.demosquare { width: 120px; height: 80px; border: 1px solid #EEEEEE; text-align: center; }
.democodelabel { background-color: #333333; color: #EEEEEE; padding-left: 4px; }
.democodetext { width: 650px; height: 120px; }
.greybox { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 10px; }

/* SPECIAL STYLES */
.debug { border: 1px dotted #CC0000; }