.tab {background-color:#003366;color:#FFFFFF;padding:5px;}
h1 a {text-decoration: none; color: #000;}
h1 a:link {text-decoration: none; color: #000;}
h1 a:visited {text-decoration: none; color: #000;}
h1 a:hover {text-decoration: none; color: #000;}
h1 a:active {text-decoration: none; color: #000;}

h2 a {text-decoration: none; color: #000;}
h2 a:link {text-decoration: none; color: #000;}
h2 a:visited {text-decoration: none; color: #000;}
h2 a:hover {text-decoration: none; color: #000;}
h2 a:active {text-decoration: none; color: #000;}

a {text-decoration: none; color: #00f;}
a:link {text-decoration: none; color: #00f;}
a:visited {text-decoration: none; color: #00f;}
a:hover {text-decoration: none; color: #00f;}
a:active {text-decoration: none; color: #00f;}

#header a {text-decoration: none; color: #fff;}
#header a:link {text-decoration: none; color: #fff;}
#header a:visited {text-decoration: none; color: #fff;}
#header a:hover {text-decoration: none; color: #fff;}
#header a:active {text-decoration: none; color: #fff;}

.b li a:link {text-decoration: none; color: #000;}
.b li a:visited {text-decoration: none; color: #000;}
.b li a:hover {text-decoration: none; color: #000;}
.b li a:active {text-decoration: none; color: #000;}

/* header banner style */
#header {color: #fff}
#header h1 {display: inline; margin: 0 7px 0 0;}
#header h1 {font-size: 12px;}
#header h1 a:link {font-size: 12px;}
#header h1 a:visited {font-size: 12px;}
#header h1 a:hover {font-size: 12px;}
#header h1 a:active {font-size: 12px;}

/* header banner style */
#header h2 {display: inline; margin: 0 0 0 2px;}
#header h2 {font-size: 12px;}
#header h2 a:link {font-size: 12px;}
#header h2 a:visited {font-size: 12px;}
#header h2 a:hover {font-size: 12px;}
#header h2 a:active {font-size: 12px;}

#tutorial-options {background-color: #efefef; padding: 10px; margin: 10px 0 10px 0;}
#tutorial-options a {text-decoration: underline; color: #000;}
.pbox {border: #777; float: left; margin-right: 5px; text-align: center;}
.pbox a {color: #444; text-decoration: underline;}
.pbox a:link {color: #444; text-decoration: underline;}
.pbox a:visited {color: #444; text-decoration: underline;}
.adline {margin: 4px 0 0 -4px;}
.clear {clear:both;}
.greytxt {color: #888;}

/* form designs */
.formRow {margin: 8px 0 0 0;}
img {border: 0px solid;}
input[type=text] {width: 400px; font-family: verdana;}
select {width: 400px; font-family: verdana;}
textarea {width: 400px; height: 100px; font-family: verdana; font-size: 9pt;}

/* general styles */
.strong {font-weight: bold}
.cat {font-size: 10px; color: #666;}
.tutorial {margin: 0 0 10px 0;}
.code {padding: 10px; background-color: #ccc;}
.default {color: #000 !important}

/* tutorial page */
.beginner {color: green;}
.intermediate {color: blue;}
.advanced {color: red;}
.tutorial h3 {display: inline; margin: 0 4px 0 0;}
.faded {color: #888; margin: 0 0 10px 0;}

/* list styles */
ul {list-style-type: none; margin: 6px 0 10px 0; padding: 0px; line-height: 20px;}
li {margin-left: 8px;}

ul.witharrow {list-style-image: url('../img/arrow.gif'); margin: 6px 0 10px 10px; padding: 0px;}
ul.indent {list-style-image: url('../img/arrow.gif'); margin: 6px 0 10px 10px; padding: 0px;}

div {line-height: 20px;}
p {line-height: 20px;}

.tt {text-decoration: underline; cursor:pointer;}
#ticker {color: #fff;}
.update {padding-left: 8px; padding: 10px; font-weight: bold; color: #fff;}
.lowerbanner {padding-top: 6px; padding-bottom: 6px; background-color: #7c9caf; border-top: 1px solid #000;}
.padbox {padding-bottom: 10px;}
#fbox {padding: 15px; float: right; background-color: #efefef; width: 250px; margin-left: 10px;}
.headerbanner {text-align:right;}
.leftpanel{float: left;}
.rightpanel{float: right;}
.hotspot {display:block; padding: 10px; background-color: rgb(76, 136, 190); color: #fff;}
a.hotspot:link, a.hotspot:hover, a.hotspot:visited {text-decoration: none; color: #fff;}
.rightpanel a:hover, a:visited {text-decoration: none; color: #000;}
.standout a {text-decoration: underline; color: #000;}
a.standout:link {text-decoration: underline; color: #000;}
a.standout:hover {text-decoration: underline; color: #000;}
a.standout:visited {text-decoration: underline; color: #000;}

#commentspanel #header {font-weight: normal; color: #000; background-color: #efefef; padding: 6px; margin: 0 0 10px 0; border: 0px solid;}
#commentspanel input { width: 170px;}
#commentspanel div { padding: 0 0 5px 0;}
#commentspanel input[type=submit] { width: 140px; padding: 5px 0 5px 0;}
#commentheader {background-color: #efefef; padding: 6px;}
.combox {padding: 6px; margin: 0 0 6px 0;}
.datecreated {color: #888;}

#searchpanel {float: right;}
#q {width: 200px;}

.tweetpanel {float: left; width: 65px; height: 80px;}
.inlinepanel {display:inline;}
.clear {clear:both;}

.addthis {margin: 4px 0 0 0;}