/** Primary Elements and Header **/
html, body {
  margin: 0;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333;
  line-height: 1.5;
  background: url(/images/background.jpg) repeat-x;
}
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.main-container {
  margin: 0 auto;
  width: 982px;
}
#header #logo {
	height: 75px; 
    background: url(/images/logo.jpg) no-repeat;
}
#header #logo a.home {
  display: block;
  float: left;
  width: 595px;
  height: 100%;
}
div.fieldgroup {
  margin:.5em 0 1em 0;
}
div.fieldgroup .content {
  padding-left:1em;
}
form {
  margin: 0;
  padding: 0;
}
fieldset {
  margin-bottom: 1em;
  padding: .5em;
  border: 1px solid #ddd;
}
legend {
  display: block;
  color:#333333;
  font-size: 14px;
  font-weight: bold;
}
.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item, tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  display: block;
  font-weight: bold;
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes, .form-radios {
  margin: 1em 0;
}
.form-checkboxes .form-item, .form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.marker, .form-required {
  color: #f00;
}
.form-item label {
  font-size: 11px;
  font-weight: bold;
}
.form-text, .form-textarea {
  padding: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: solid thin #cccccc;
}
.form-item .description {
  color: #888;
  font-size: 10px;
}
hr {
  height: 1px;
  border: 1px solid #663366;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  text-align: center;
  padding-right: 1em;
  border-bottom: 3px solid #663366;
}
th.active img {
  display: inline;
}
tr.even, tr.odd {
  background-color: #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}
td.active {
  background-color: #ddd;
  text-align: center;
}

td.total {
  text-align: center;
  border-top: 1px dashed #663366;
  border-left: 1px dashed #663366;
}

td.total_row {
  text-align: center;
  border-top: 1px dashed #663366;
}

td.total_column {
  text-align: center;
  border-left: 1px dashed #663366;
}
tbody {
  border-top: 1px solid #ccc;
}
tbody th {
  border-bottom: 1px solid #ccc;
}
thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

/** Menus **/
ul.menu {
  list-style: none;
  border: none;
  text-align:left;
}
ul.menu li {
  margin: 0 0 0 0.5em;
}
li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}
ul.links {
  margin: 0;
  padding: 0;
}
ul.links.inline {
  display: inline;
}
ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em;
}

/** Primary Navigation **/
#primary-nav {
  float: left;
  margin: 0 0 0 10px;
}
#primary-nav ul.links {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
}
#primary-nav ul.links li {
  display: block;
  float: left;
  margin: 0;
  padding: 7px 0;
  background: url(/images/nav-divider.jpg) no-repeat 100% 1px;
}
#primary-nav ul.links li a {
  padding: 8px 14px;
  color: #fff;
  text-decoration: none;
}
#primary-nav ul.links li a:hover {
  text-decoration: underline;
}

#primary-nav ul.links li.active {
  background: url(/images/primarynav-right.jpg) no-repeat 100% 1px;
}
#primary-nav ul.links li.active a, #primary-nav ul.links li.active a:hover {
  color: #000;
  background: url(/images/primarynav-left.jpg) no-repeat;
}

/** Secondary Navigation **/
#secondary-nav {
  margin: 0;
  padding: 0 8px;
  height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#secondary-nav li {
  margin: 0 10px 0 0;
  padding: 0 18px 0 0;
  background-position: 100% 50%;
}
#secondary-nav li.last-item {
  background: none;
}
#secondary-nav a {
  font-size: 11px;
  color:#000;
  text-decoration: none;
 }


/** Nav Search Box **/
.search {
   padding-left: 5px;
}
#search-form-box {
  margin: 4px 0 0 0;
  float: right;
}
#search-form-box .form-item {
  margin: 0;
}
#search-form-box .form-text {
  padding: 6px 8px 5px 8px; 
  width: 200px;
  font-size: 11px;
  color:#666666;
  border: 0;
}
#search-form-box .form-submit {
  position: relative;
  top: 1px;
  width: 30px;
  height: 26px; 
  cursor: pointer;
  text-indent: -9999px;
  border: 0;
}


/** List Elements **/
ul, ul.menu {
  margin: 0;
  padding: 0;
}
ul li, ul li.collapsed, ul li.leaf, ul li.expanded, .item-list ul li, ul.menu li {
  margin: 0 0 0 5px;
  padding: 0 0 0 15px;
  list-style-type: none;
  list-style-image: none;
  background: url(/images/bullet1.jpg) no-repeat 0 5px;
}
.block-menu ul li.expanded ul li.leaf, 
.block-menu ul li.expanded ul li.leaf.last,
.block-menu ul li.expanded ul li.expanded,
.block-menu ul li.expanded ul li {
  background-color: #DEE6EF;
}
.block-menu ul li.expanded ul li.leaf:hover, 
.block-menu ul li.expanded ul li.leaf.last:hover,
.block-menu ul li.expanded ul li.expanded:hover,
.block-menu ul li.expanded ul li:hover {
  background-color: #CDD5DE;
}




/** Content Area **/
#content {
  background: url(/images/content-background.jpg) repeat-y;
}
#content .sec-container {
  padding: 6px;
  background: url(/images/content-top-corners.jpg) no-repeat;
}
#content .center-column {
  float: left;
  width: 630px;
display: inline;
}
#content .center-column .content-box {
  margin: 0 0 10px 0;
  padding: 10px;
  border-left: 1px solid #663366;
  border-right: 1px solid #663366;
  border-bottom: 1px solid #663366;

}
.content-box-gold {
  margin: 0 0 10px 0;
  padding: 10px;
  border-left: 1px solid #ffcc33;
  border-right: 1px solid #ffcc33;
  border-bottom: 1px solid #ffcc33;

}
.content-box-purple {
  margin: 0 0 10px 0;
  padding: 10px;
  border-left: 1px solid #663366;
  border-right: 1px solid #663366;
  border-bottom: 1px solid #663366;

}
.content-box-blue {
  margin: 0 0 10px 0;
  padding: 10px;
  border-left: 1px solid #718799;
  border-right: 1px solid #718799;
  border-bottom: 1px solid #718799;

}
.content-box-silvercircles {
  margin: 0 0 10px 0;
  padding: 10px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: url(/images/big-circle-background.jpg);

}
.content-box-silver {
  margin: 0 0 10px 0;
  padding: 10px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;

}
.content-box-circles {
  margin: 0 0 10px 0;
  padding: 10px;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: url(/images/control-box-circles.jpg);

}
#content .right-column {
  float: right;
  width: 319px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}


/** Content Blocks **/
.block {
  margin: 0 0 10px 0;
}
.block.hide {
  display: none;
}
.block.tight {
  margin: 0;
}
.block.inline-title {
  padding: 10px;
  border: 1px solid #663366;
}
.block .content {
  padding: 10px;
  border: 1px solid #663366;
}
.block.no-box .content {
  padding: 0;
  border: 0;
}
.block.center .content {
  text-align: center;
}
.block.highlight .content {
   background:  #272727;
}
.block.tight .content {
  border-bottom: 0;
}
.block.tight .fragment {
  border-bottom: 0;
}
.block.inline-title .content {
  padding: 0;
  border: 0;
}
.block.hide-title h2.title {
  display: none;
}
.block.inline-title h2.title {
  margin: 0 0 10px 0;
  background: none;
}
.block.inline-title h2.title span {
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.block ul {
  padding: 0;
}

/** Sidebar Control Box **/
#block-control-box {
  margin: 0;
  background: url(/images/control-box-background.jpg) repeat-y 0 0;
  border-bottom: 1px solid #cccccc;
}
#block-control-box .content {
  padding: 0;
  border: 0;
  background: url(/images/control-box-top.jpg) no-repeat;
}
#block-control-box li {  
  padding: 0;
  margin: 0;
  background: none;
}
#block-control-box li a {
  display: block;
}
#block-control-box .links {
  padding: 5px;
  background: url(/images/purple-ding.jpg) repeat-x 0 100%;
}
#block-control-box .links li {
  float: left;
}
#block-control-box .links li a {
  padding: 5px 15px 5px 30px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  color:#333333;
  text-decoration: none;
}
#block-control-box .links li a:hover {
  text-decoration: underline;
}
#block-control-box .links li.last-item a {
  padding-right: 0;
}
#block-control-box .purplebadge li {
  margin: 5px;
}
#block-control-box .purplebadge a {
  padding: 5px 0 5px 28px;
  background-image: url(/images/purple-badge.jpg);
}
#block-control-box .goldbadge li {
  margin: 5px;
}
#block-control-box .goldbadge a {
  padding: 5px 0 5px 28px;
  background: url(/images/gold-badge.jpg) no-repeat 0 50%;
  color:#333333;
  text-decoration: none;
}
#block-control-box .goldbadge a:hover {
  text-decoration:underline;
}


/** Tabbed Box **/
#block-tabbedbox .column-1 {
  float: left;
  width: 310px;
}
#block-tabbedbox .column-2 {
  float: right;
  width: 310px;
}
#block-tabbedbox .fragment {
  padding: 20px;
}
#block-tabbedbox h2 {
  margin: 0 0 10px 0;
}
#block-tabbedbox ul.anchors a,
#block-tabbedbox ul.anchors li.tabs-selected a,
#block-tabbedbox ul.anchors a:hover,
#block-tabbedbox ul.anchors a:focus,
#block-tabbedbox ul.anchors a:active {
  padding: 4px 0 3px;
  width: 200px;
  text-align: center;
}
ul.anchors, .block ul.anchors {
  padding: 1px 0 0 1px;
  height: 28px;
  background: #663366 url(/images/tabs-bg.jpg) no-repeat 0 0;
}
ul.anchors li {
  margin: 0 1px 0 0;
  padding: 0;
  background: none;
}
ul.anchors li a {
  position: relative;
  top: 0;
  margin: 0;
  padding: 4px 10px 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  border: 0;
  background: url(/images/tabs-div.jpg) no-repeat 100% 100%;
}
ul.anchors li a:hover {
  text-decoration: underline;
  background: url(/images/tabs-div.jpg) no-repeat 100% 100%;
}
ul.anchors li.tabs-selected a,
ul.anchors a:hover,
ul.anchors a:focus,
ul.anchors a:active,
.fragment {
  padding: 4px 10px 3px;
  border: 0;
  background: none;
}
ul.anchors li.tabs-selected {
  background: url(/images/tabs-right.jpg) no-repeat 100% 0;
}
ul.anchors li.tabs-selected a,
ul.anchors li.tabs-selected a:hover {
  color: #333;
  background: url(/images/tabs-left.jpg) no-repeat 0 0;
}
ul.anchors li.last a {
  background: none;
}
.fragment {
  padding: 10px;
  border: 1px solid #663366;
  border-top: 0;
  background: url(/images/big-circle-background.jpg);
}


/** Footer **/
#footer {
  min-height: 45px;
  background: url(/images/footer-background.jpg) repeat-x;
}
#footer .copyright {
  margin: 0 0 10px 0;
}
#footer .copyright .icon {
  float: left;
  font-size: 14px;
  letter-spacing: -1px;
  background: url(/images/logo-small.jpg) no-repeat 100% 4px;
}
#footer .copyright .icon a {
  display: block;
  padding: 3px 110px 14px 0;
}
#footer .copyright .text {
  float: right;
  width: 500px;
  font-size: 11px;
  text-align: right;
  color: #666;
}
#footer #block-menu .content {
  padding: 22px 0 30px 0;
  font-size: 10px;
  border: 0;
}
#footer #block-menu ul.menu li {
  float: left;
  background: none;
}
#footer #block-menu ul.menu li a {
  margin: 0 0px 0 0;
  padding: 0 20px 0 0;
  border-right: 1px solid #666666;
  color: #666666;
}
#footer #block-menu ul.menu li a:hover {
  color:#333333;
}
#footer #block-menu ul.menu li.last a {
  border: 0;
}

/** Special Font Controls **/
h2 {
  margin: 10px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
}
h2.goldtitle {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  background: #ffcc33 url(/images/gold-right.jpg) no-repeat 100% 0;
}
h2.goldtitle span {
  display: block;
  padding: 3px 10px;
  background: url(/images/gold-left.jpg) no-repeat;
}
h2.goldtitle span a {
  color: #000;
}
h2.purpletitle {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  background: #663366 url(/images/purple-right.jpg) no-repeat 100% 0;
}
h2.purpletitle span {
  display: block;
  padding: 3px 10px;
  background: url(/images/purple-left.jpg) no-repeat;
}
h2.purpletitle span a {
  color: #FFF;
}
h2.silvertitle {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  background: #cccccc url(/images/silver-right.jpg) no-repeat 100% 0;
}
h2.silvertitle span {
  display: block;
  padding: 3px 10px;
  background: url(/images/silver-left.jpg) no-repeat;
}
h2.silvertitle span a {
  color: #333333;
}
h2.underlined {
  background: url(/images/line.jpg) no-repeat 0 100%;
}
h2.bluetitle {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  background: #718799 url(/images/blue-right.jpg) no-repeat 100% 0;
}
h2.bluetitle span {
  display: block;
  padding: 3px 10px;
  background: url(/images/blue-left.jpg) no-repeat;
}
h2.bluetitle span a {
  color: #FFF;
}

.form-submit {
 float: right;
 margin: -27px 0 0 5px;
 width: 25px;
 height: 25px;
 border: 0;
 background: url(/images/go.gif) no-repeat 0 0;
}

#flagged-comment {
	background: yellow;
	border-bottom: 1px solid #336633;
}

#content .center-column-event {
  float: left;
  padding-left: 120px;
  width: 700px;
  display: inline;
}


.form-submit {
 float: right;
 margin: -27px 0 0 5px;
 width: 25px;
 height: 25px;
 border: 0;
 background: url(/images/go.gif) no-repeat 0 0;
}

.star-rating,  
.star-rating a:hover,  
.star-rating a:active,  
.star-rating a:focus,  
.star-rating .current-rating{  
    background: url('/images/star_rating_20.gif') left -1000px repeat-x;  
}  
.star-rating{  
    position: relative;  
    width: 100px;  
    height: 20px;  
    overflow: hidden;  
    list-style: none;  
    margin-left: 0px;  
    padding-left: 0px;  
    background-position: top left;  
}  
.star-rating li{  
    list-style: none; 
}  
.star-rating a,  
.star-rating .current-rating{  
    position: absolute;  
    top: 0;  
    left: -5px;  
    text-indent: -1000em;  
    height: 20px;  
    line-height: 20px;  
    outline: none;  
    overflow: hidden;  
    border: none;  
}  
.star-rating a:hover,  
.star-rating a:active,  
.star-rating a:focus{  
    left: 0px;
    background-position: center left;  
}  
.star-rating a.one-stars{  
    width: 20%;  
    z-index: 6;  
}  
.star-rating a.two-stars{  
    width: 40%;  
    z-index: 5;  
}  
.star-rating a.three-stars{  
    width: 60%;  
    z-index: 4;  
}  
.star-rating a.four-stars{  
    width: 80%;  
    z-index: 3;  
}  
.star-rating a.five-stars{  
    width: 100%;  
    z-index: 2;  
}  
.star-rating .current-rating{  
    z-index: 1;  
    background-position: bottom left;  
}  
.star-ratings-block {  
    font-size: 1.0em;  
    text-align: left;
    width: 100%;  
}