a img { border: 0;  }
#message { margin: 5px; padding: 8px; background: #fffdf1; border: 1px solid #706200; text-align: center; }
#warning { margin: 5px; padding: 8px; background: #FFFF00; border: 1px solid #910014; text-align: center; }
.imageBox { border: solid 1px silver; padding: 3px; margin: 3px; }
#image { width: 600px; margin: 5px; clear: both; overflow: hidden; }
#image #box { float: left; border: solid 1px silver; padding: 3px; margin: 3px; text-align: center; font-size: 11px; line-height: 12px; }
#image #box:hover { border: solid 1px #555555; background-color: #dddddd; }
#button { }
#button span { margin: 5px; text-align : center; display : block; width: 106px; border: 1px solid #fe7f02; }
#button span a { font: bold 12px verdana, arial, sans-serif; margin: 1px; padding : 2px; text-decoration : none; display : block; width : 100px; color : #224059; background: #fec97e; }
#button span a:hover { text-decoration : none; background : #fcebdb; }
#flexButton { }
#flexButton span { margin: 5px 0 10px 0; text-align : center; line-height: 1.6em; padding: 1px; }
#flexButton span a { font: bold 12px verdana, arial, sans-serif; padding : 2px 4px 2px 4px; text-decoration : none; }
#flexButton span a:hover { text-decoration : none; }
#orange { border: 1px solid #fe7f02; }
#orange a { color : #224059; background: #fec97e; }
#orange a:hover { background : #fcebdb; }
#purple { border: 1px solid #fd6f9b; }
#purple a { color : #224059; background: #feb0c8; }
#purple a:hover { background : #fedee8; }
#red { border: 1px solid #fe0243; }
#red a { color : #224059; background: #fd7b7b; }
#red a:hover { background : #fdb0b0; }
#green { border: 1px solid #02c307; }
#green a { color : #224059; background: #77fd7a; }
#green a:hover { background : #d4fdbd; }
.q { height: 18px; width:26.5em; font-size:110%; font-weight:normal; border:1px 3399FF solid; padding: 4px 2px 4px 2px; }
.go { padding: 4px 4px 4px 2px; border:1px #59990e solid; background-color:#6eab26; font-weight:700;color:#fff;font-size:105%;overflow:visible }
.go:hover { border:1px solid #3f8e00; background-color: #33CC00; }
#score { background:url('../images/tools/icons/score.png') no-repeat top; width:49px; height:61px; padding-left:5px; padding-right:5px; font-family:Georgia, "Times New Roman", Times, serif; color:#ffffff; text-align:left; font-size:20px; text-align:center; }
#score .mini_title { padding-bottom:0px; padding-top:3px; color:#000000; font-size:12px; font-weight: bold; }
#edit_box { padding: 2px 1px 0 1px; border: 1px solid #CCCCCC; background-color: #DDDDDD; }
#edit_box img { margin: 0 2px 0 2px; }
#textile { }
#textile ul { list-style-image: url('../images/tools/icons/splat_green.gif'); padding: 0; margin: 0; }
#macButton a { background:url(/img/tools/buttons/mac/button.gif); display:block; color:#555555; font-weight:bold; height:30px; line-height:29px; margin:2px; text-decoration:none; width:191px; } #macButton a:hover { color:#0066CC; }
#macButton a span { text-indent:30px; display:block; }
.button2 { display: block; position: relative; background: #aaa; float: left; color: #000; text-decoration: none; cursor: pointer; margin: 2px; }
.button2 * { font-style: normal; background-image: url(/img/tools/buttons/cool/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.button2 i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.button2 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.button2 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.button2 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .button2 { padding: 1px;}
* html .button2 span, * html .button2 i { float: left; width: auto; background-image: none; cursor: pointer; }
.button2.small { border: 0 none; cursor: pointer; font-size: 11px; height: 17px; width: 80px;}
.button2.blue { background: #bcffff; }
.button2.green { background: #9d4; }
.button2.pink { background: #e1a; }
.button2.while { background: #ffffff; }
.button2:hover { background-color: #a00; color: #777777; font-weight:bold; text-decoration: none; }
.button2:active { background-color: #444; }
.button2[class] { background-image: url(../images/tools/buttons/bt_small.gif); background-position: bottom; }
* html .button2 { border: 3px double #aaa; } * html .button2.blue { border-color: #2ae; }
* html .button2.green { border-color: #9d4; } * html .button2.pink { border-color: #e1a; }
* html .button2:hover { border-color: #a00; } #squareButton { }
#squareButton a.squarebutton{ background: transparent url('../images/tools/buttons/square/square-gray-left.gif') no-repeat top left; display: block; float: left; font: normal 12px Georgia;  line-height: 15px;  height: 23px;  padding-left: 9px;  text-decoration: none; }
#squareButton a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{ color: #494949;  }
#squareButton a.squarebutton span{ background: transparent url('../images/tools/buttons/square/square-gray-right.gif') no-repeat top right; display: block; padding: 4px 9px 4px 0;  }
#squareButton a.squarebutton:hover{  background-position: bottom left; }
#squareButton a.squarebutton:hover span{  background-position: bottom right; color: black; }
#squareButton a.green{ background: transparent url('../images/tools/buttons/square/square-green-left.gif') no-repeat top left }
#squareButton a.green span{ background: transparent url('/img/tools/buttons/square/square-green-right.gif') no-repeat top right; }
#squareButton a.orange{ background: transparent url('/img/tools/buttons/square/square-orange-left.gif') no-repeat top left }
#squareButton a.orange span{ background: transparent url('/img/tools/buttons/square/square-orange-right.gif') no-repeat top right; }
#squareButton a.blue{ background: transparent url('/img/tools/buttons/square/square-blue-left.gif') no-repeat top left }
#squareButton a.blue span{ background: transparent url('/img/tools/buttons/square/square-blue-right.gif') no-repeat top right; }
#squareButton a.red{ background: transparent url('/img/tools/buttons/square/square-red-left.gif') no-repeat top left }
#squareButton a.red span{ background: transparent url('/img/tools/buttons/square/square-red-right.gif') no-repeat top right; }
#squareButton .buttonwrapper{  overflow: hidden;  width: 100%; }
.subheader { padding: 3px; margin-top: 2.5em; margin-bottom: 5px; font-weight: bold; font-family: Georgia; text-indent: 10px; background-color: #FCFCFC; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
a.external { display:inline-block; padding-left:20px; line-height:18px; background:transparent url('../images/tools/icons/icon_website.gif') center left no-repeat; }
#mcontent a[href^="mailto:"] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/img/tools/icons/icon_mail.png) center left no-repeat; }
a[href$='.doc'], a[href$='.docx'], a[href$='.rtf'], a[href$='.DOC'], a[href$='.DOCX'], a[href$='.RTF'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/img/tools/icons/icon_word.png) center left no-repeat; }
a[href$='.xls'], a[href$='.xlsx'], a[href$='.csv'], a[href$='.tsv'], a[href$='.XLS'], a[href$='.XLSX'], a[href$='.CSV'], a[href$='.TSV'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/img/tools/icons/icon_excel.png) center left no-repeat; }
a[href$='.ppt'], a[href$='.pptx'], a[href$='.pps'], a[href$='.PPT'], a[href$='.PPTX'], a[href$='.PPS'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/img/tools/icons/icon_powerpoint.png) center left no-repeat; }
a[href$='.pdf'], a[href$='.PDF'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/img/tools/icons/icon_acrobat.png) center left no-repeat; }
a[href$='.txt'], a[href$='.TXT'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/img/tools/icons/icon_text.png) center left no-repeat; }
a[href$='.zip'], a[href$='.rar'], a[href$='.gz'], a[href$='.ZIP'], a[href$='.RAR'], a[href$='.GZ'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/img/tools/icons/icon_zip.png) center left no-repeat; }
a[href$='.kml'], a[href$='.kmz'], a[href$='.KML'], a[href$='.KMZ'] { display:inline-block; padding-left:20px; line-height:18px; background:transparent url(/img/tools/icons/icon_google.png) center left no-repeat; }
#banner { border-bottom: 1px solid #cccccc; color: #000000; font-size: 10pt; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; padding: 2px 2px 6px 2px; }
#bannerLink { }
#bannerLink a.active { color: black; font-weight: bold; text-decoration: none; }
#bannerLink a.active:hover { color: black; font-weight: bold; text-decoration: none; }
#bannerLink a { color: #3366FF; padding: 0 3px 0 3px; text-decoration: none; }
#bannerLink a:hover { color: #3333FF; padding: 0 3px 0 3px; text-decoration: underline; }
#bannerLink span { padding: 0 3px 0 3px; font-weight: bold; }