/****************************************************************

HCA Consulting - "hcaconsulting.com.au"

Written by Robert Spriggs for CanvasDesign, (c)2007 Robert Spriggs and Canvas Design, all rights reserved

The code will remain the copyright of Robert Spriggs and Cavas Design, but may be freely modified
for the HCA Consulting website only (currently hcaconsulting.com.au),
or further developed for that website only, without additional permission.

The code will only be used on one server to host one domain's site at any
one time and will not be resold (unless sold as part of the website and services,
in which case this copyright condition continues and is passed to the new owner)
or made publicly available.

Robert Spriggs and Canvas Design reserves the right to use the code elsewhere, but will not divulge
that the code is used for the HCA Consulting site or make the
code publicly available.

No part of this copyright message may be edited or removed.

*****************************************************************/

* {
	margin: 0;
}

html, body {
        height: 100%;
        padding: 15px 0 0 0;
}

body {
        font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
}

img {
   border: none;
}

#wrapper {

	width:900px;
	margin:0px auto;
	border:#000 1px solid;
	font-family:Arial, Helvetica, sans-serif;

}

#wrapper h1 {
   font-size:90%;
   padding:13px 0 9px 0;
   color: #c41130;
   font-weight: normal;
}


#wrapper h2 {
   font-size:90%;
   padding:13px 0 6px 0;
   color: #c41130;
   font-weight: normal;
}

#wrapper h3 {
   font-size:90%;
	color:#c41130;
	font-weight:normal;
}

#wrapper h3 a {
   color: #c41130;
   text-decoration: none;
}


#wrapper h4 {
   font-size:80%;
	color:#c41130;
	font-weight:normal;
   padding: 7px 0 6px 9px;
	background:url(../images/site/arrow.gif) no-repeat 0 11px;
	text-align:left;
   margin: 0;
}

#related-column fieldset legend {
   display: none;
}

#wrapper p {

	font-size:70%;
	padding:0 0 10px 0;

}

#header {

	height:42px;

}


#home #header {

	border-bottom:#250858 32px solid;
	height:42px;

}


/*////////////////MAIN MENU////////////////*/

#mainmenu {
   height:60px;
	background:#fff url(http://canvasdesign.com.au/headerlogo.jpg) no-repeat 0 0;

}

#mainmenu ul {
   padding: 15px 0 0 0;
	margin: 0;
   list-style: none;
}

#mainmenu li {
   padding: 0;
   float: right;
   margin: 0 10px 15px 0;
	font-size:60%;
	border:1px solid #999;
	width:84px;
	text-align:center;
   display: block;
}

#mainmenu li a {
    padding: 5px 0 5px 0;
    color: #666;
    text-decoration: none;
    display: block;
}

#mainmenu li.current {
   padding: 5px 0 5px 0;
   color: #fff;
   text-decoration: none;
}

#mainmenu li.current a {
   padding: 0;
}

#mainmenu li a:hover, #mainmenu li a:active {
    color: #c41130;
}

#mainmenu li.current a:hover, #mainmenu li.current a:active {
   color: #ddd;
   text-decoration: none;
}



#mainmenu li.current a:active {
}

#mainmenu li.current {
   color: #fff;
   background:#c41130;
}

#mainmenu li.current a{
   color: #fff;
}


/*////////////////SECONDARY MENU////////////////*/

#whiteline {
   height:1px;
	background:#fff;
}

#secondarymenu {
   background:#250858;
   display: block;
   clear: both;
   float: left;
   margin: 0;
   width:900px;
}


#secondarymenu ul {
   padding: 0;
	margin: 0;
}

#secondarymenu li {
   float: right;
   display: inline;
   margin: 0;
   font-size:60%;
   padding:10px;
}


#secondarymenu li.current {
   color: #fff;
   text-decoration: none;
   background: #c41130;
}

#secondarymenu li a {
    margin: 0;
    color: #fff;
    text-decoration: none;
}


#secondarymenu li a:hover, #secondarymenu li a:active {
   color: #fff;
	text-decoration:underline;
}

#secondarymenu li.current a:active {
    font-weight:bold;
}

#secondarymenu li.current {
    color: #fff;
}

/*////////////////END SECONDARY MENU////////////////*/



#logo-buttons {
   background:#250858;
	float:left;
	display:inline;
	padding:27px;
}

#pagegraphic {

	background:#fff;
	float:left;
	display:inline;
	width:299px;

}

#home #content {
	background:#250858;
	color:#fff;
   border-top: 1px solid white;
}

#home-map {
   margin: 20px 20px 20px 23px;
   float: left;
}

#home-content {
   margin-left:353px;
   padding: 0 0 5px 0;
   width: 377px;
   text-align:justify;

}

#home #wrapper #content h1 {
	color:#fff;
	padding-left:15px;
	font-size:120%;
	background:url(../images/site/h1-dot.gif) no-repeat 0 50%;
	font-weight:bold;
}


#site-content {

	background:#fff;
	color:#000;
	padding:13px 13px 13px 23px;
	width:560px;
	float:left;
	display:inline;
	text-align:justify;

}

#wrapper #pageinfobox h1 {
    color:#fff;
	font-weight:normal;
}

#wrapper #pageinfobox p {

}


#wrapper #pageinfobox-cart h1 {
    color:#fff;
	font-weight:normal;
}

#site-content p {

	padding-top:5px;

}


.clear{
	clear:both;
}


#pageinfobox {
   background: #c41130 url(../images/site/redtitlearea.gif) no-repeat 100% 100%;
   width:538px;
   min-height:119px;
   padding:0 10px 0 13px;
	color:#fff;
}

#pageinfobox h1{
   font-size:95%;
	padding:13px 0 9px 0;
	font-weight:normal;
   text-align: left;
}

#pageinfobox-cart {
   background: #c41130 url(../images/site/redtitlearea.gif) no-repeat 100% 100%;
	width:415px;
}

#pageinfobox-cart h1{
   font-size:95%;
   padding:10px 0 9px 0;
	font-weight:normal;

}

#pageinfobox-carttext {
 width:400px;
	color:#fff;
   float:left;
	display:inline;
}

#pageinfobox-cartbutton {
   float:right;
	display:inline;
   margin: 18px 5px 0 28px
}

#content #pageinfobox-cartbutton input {
   border: none;
   padding: 0;
   margin: 0;
}

#content a{
   text-decoration:underline;
	/*   color:#c41130; <<<the original red colour */
color:#250858;}

#content .bullet {
   background: url(../images/site/redbullet.gif) no-repeat 0 24px;
   margin-top: 10px;
   width: 560px;
}

#content .nobullet {
   margin-top: 10px;
   width: 560px;
}

#content ul {

	font-size:70%;

	margin-top:0;
	padding-left:0;

}

/*#content li.bulletcopy {

	background:url(../images/site/redbullet.gif) no-repeat 0 30%;
	margin-top:5px;
	padding-left:10px;
	list-style:none;

}*/

#site-content ul li{

	background:url(../images/site/redbullet.gif) no-repeat 0 30%;
	margin-top:5px;
	padding-left:10px;
	list-style:none;

}

#content p.left-padding{
   padding-left:10px;
   margin-bottom: 0;
   padding-bottom: 3px;
}

#content p.no-padding{
   margin-bottom: 0;
   padding-bottom: 3px;width:560px;
}

#content .topic {
   clear: left;
   margin-top:10px;
   width:395px;
}

#content p.ReadMore {
   padding: 0 0 0.5em 0;
}

.loginbox {

	margin-top:20px;
	width:200px;

}


#content dl{

	font-size:75%;

}

#content dt{

	float:left;
	display:inline;
	padding:5px 0px 5px 0px;

}

#content dd{

	float:left;
	display:inline;

}


/*//////////////// Split Content Section ////////////////*/


#content-columns {

	width:412px;
	margin-top:10px;
	padding:1px;

}

#topic-column {

	float:left;
	display:inline;

	width:240px;
	padding:0 10px 0 0;
	border-right:#cd0f0f solid 1px;


}

#related-column {
   float:right;
	display:inline;
   width:150px;
	padding:0 0 0 10px;
}

#related-column p.greycopy{
	color:#666;
}

#related-column table{
   border:none;
   padding: 0;
   margin: 0;
   font-size: 60%;
}

#related-column h4 a {
   text-decoration: none;
   font-size: 85%;
}

#related-column table a{
   padding:3px 0 3px 0;
	text-align:left;
	font-size:60%;
	color:#000;
}
#related-column th.colwidth {
   width: 125px;
}
#related-column th.checkwidth {
   width: 20px;
}
#related-column td, #related-column th {
   vertical-align: top;
   text-align: left;
   padding: 0;
   margin: 0;
}
#related-column td.checkwidth {
   text-align: right;
}
#related-column td input.checkbox {
   padding: 0;
   margin: 0;
}

#skipmenu, .hidden {
   position: absolute;
   left: -2000px;
   width: 1900px;
   padding: 0;
   margin: 0;
}

/*//////////////// GENERAL BUTTON ////////////////*/

#content .viewinfocart {
   padding:7px 13px 13px 7px;
	float:right;
	color:#fff;
}

.bgbit {
   background:url(../images/roundedbutton/bgbit.gif) repeat-x 0 0;
   width:140px;
   text-align:center;
}

.leftbit {
   background:url(../images/roundedbutton/leftbit.gif) no-repeat 0 0;
}

.rightbit {
   background:url(../images/roundedbutton/rightbit.gif) no-repeat 100% 0;
   padding-top: 5px;
   padding-bottom: 6px;
}
* html .rightbit {
   padding-top: 3px;
   padding-bottom: 8px;
}

#content .viewinfocart .bgbit {
   background:url(../images/roundedbutton/bgbit.gif) repeat-x 0 0;
	width:120px;
	text-align:center;
   float:right;
}

#content .bgbit input {
   background: none;
   border: none;
   padding: 0;
   margin: 0;
	color:#fff;
   font-size:70%;
}

.addmoretopics {
   padding:7px 13px 13px 0px;
	float:right;
}
.compilemytopics {
   padding:7px 13px 13px 0px;
	float:right;
}

#contactmargin {
   margin-top:10px;
}


/*////////////////STYLING OF ADMIN////////////////*/


.adminsection {

	background:#250858;
	width:157px;
	float:left;
	display:inline;

}

/*////////////////STYLING OF NEWSBARS////////////////*/


.infocart-table  {
   margin-top:13px;
}

.infocart-table table {
   margin-top: 13px;
width:550px;
}

.infocart-table td {
   padding:4px 0 4px 0;;
}

.infocart-table  p {
   padding:4px 0px 4px 0px;
	font-size:70%;
}

.infocart-table td.border-right {
   border-right:1px solid #cd0f0f;
	padding:3px 0 3px 0;

}

#wrapper #content .infocart-table td.border-right-center {

	border-right:1px solid #cd0f0f;
	padding:3px 0 3px 0;
	text-align:center;
}


#wrapper #content .infocart-table td.border-right-center h3 {

	font-size:70%;
	color:#000;
	font-weight:bold;

}


.infocart-table td.infocart-colwidth-300 {
	width:300px;
	border-top:1px solid #cd0f0f;
	border-right:1px solid #cd0f0f;
	font-size:70%;

}

.infocart-table td.infocart-colwidth-100 {

	width:100px;
	border-top:1px solid #cd0f0f;
	border-right:1px solid #cd0f0f;
	text-align:center;

}


/*////////////////STYLING OF NEWSBARS////////////////*/



/*//////////////// SITE NEWSBARS ////////////////*/

#home #newsbarholder {
   border-top: none;
   margin:5px 0 5px 0;
   padding: 0 13px 0 13px;
}

#newsbarholder {
   margin:5px 13px 5px 13px;
	border-top:#c41130 solid 1px;
	background:#fff;
}

#newsbarholder a {
   text-decoration: none;
}
#newsbarholder a:hover, #newsbarholder a:active {
   text-decoration: none;
}

#newsbarholder p a, #newbarholder p a {
   color: #000;
}


#newsbarholder h3 {
   font-size:90%;
   padding-bottom: 0.5em;
	color:#c41130;

}

#newsbarholder p {
   font-size:70%;
	color:#c41130;
   background:url(../images/site/redbullet.gif) no-repeat 0 4px;
   padding-left:10px;
   color: #000;
}

#newsbar1 {
   width: 303px;
   min-height: 40px;
   float: left;
   padding: 8px 5px 0 0;
   margin: 5px 0;
   height: 5em;
}
#home #newsbar1 {
   width:335px;
}

#newsbar2 {
   border-left: #c41130 1px solid;
   color: #c41130;
   min-height: 40px;
   float: left;
   padding: 8px 0 0 15px;
   margin: 5px 0;
   height: 5em;
   width: 360px;
}

.fullwidth {
   width: 100%;
}


/****************** Footer ******************************/
#footer {
	background:#250858;
	padding:10px 10px 0 0;
	color:#fff;
	text-align:right;
	height:25px;
}


#admin #footer {
	background:#320e5c;
	padding:10px 10px 0 0;
	color:#fff;
	text-align:right;
	height:25px;
}


#footer a {
   color: #fff;
   text-decoration: none;
}
#footer a:active, #footer a:hover  {
   text-decoration: underline;
}


/*////////////////STYLING OF ADMIN////////////////*/


#admin-content {

	background:#fff;
	color:#000;
	padding:13px 13px 13px 23px;
	width:690px;
	float:left;
	display:inline;
	text-align:justify;

}

#admin-content h1 {

	color:#c41130;
	font-weight:normal;
	padding:5px 0;


}

#admin-content h2 {
   color:#c41130;
	font-weight:normal;
}

#admin-content p {

	padding-top:5px;

}

#admin-content table td{

	font-size:70%;

}

#admin-content table th{

	font-size:90%;
	font-weight:normal;

}

#admin-content table {

	border:1px solid #250858;
}



/*////////////////STYLING OF ADMIN SIDE MENU////////////////*/


#adminsection {

	float:left;
	display:inline;
	width:157px;
	background:#320e5c;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;

}


#adminsection ul {
    padding: 10px 0 10px 14px;
	margin:0;
	list-style:none;
	background:url(../images/site/adminbottom.gif) no-repeat 100% 100%;
}

#adminsection li {

    margin: 0;
	padding:5px 0 5px 0;
	width:84px;
	text-align:left;
}

#adminsection li a {
    margin: 0;
    color: #fff;
    text-decoration: none;
}

#adminsection li a:hover, #adminsection li a:active {

    color: #fff;
    text-decoration: underline;

}

#adminsection li.current a:active {
}

#adminsection li.current {
    color: #fff;
    text-decoration: underline;
}

/* All the forms stuff */
#content fieldset {
        margin: 0.5em 0;
        padding-left: 35px;
}
#home #content fieldset {
   clear: left;
}

#content fieldset.invisible {
        border: none;
        margin: 0;
        padding: 0;
}

#content fieldset p {
        margin: 0 0 0.25em 0;
        display: block;
}

#content fieldset label {
        width: 10em;
        text-align: left;
        margin: 0 0.5em 0 0;
        display: block;
        float: left;
        white-space: nowrap;
}

p .buttup {

margin-top:15px;
margin-left:15px;

}

#content fieldset span.labelextra {
        padding-left: 0.5em;
        font-size: 90%;
}

#content fieldset p.buttons {
        margin: 0.8em 0 1em 5em;
}

#content input, #content select, #content textarea {
        border: 1px solid #320e5c;
        color: #000;
}

#content p.buttons input {
        margin: 2em 0 0 0.5em;
}

#content fieldset p.buttons input {
        margin: 0 0.5em;
}

#content fieldset p.radiooptions {
        margin: 0 0.5em 0 0;
}

#content fieldset fieldset.radiooptions p {
        margin: 0;
}

#content fieldset fieldset.radiooptions {
        border: none;
        padding-bottom: 0;
        display: inline;
}
#content fieldset fieldset.radiooptions label {
        display: inline;
        float: none;
        clear: none;
        padding: 0 1em 0 0;
        text-align: left;
}

#content fieldset fieldset.radiooptions input {
        display: inline;
        float: none;
        clear: none;
        padding: 0 1em 0 0;
        border: none;
}


#content fieldset div.radiolabelextra {
        display: inline;
        font-size: 80%;
        padding-left: 1em;
}

#content fieldset input.checkbox {
        clear: none;
        display: inline;
        border: none;
}


input.VeryShortInput {
        width: 2em;
}

input.ShortInput {
        width: 7em;
}

input.MediumInput {
        width: 12em;
}

input.LongInput {
        width: 17em;
}

input.VeryLongInput {
        width: 22em;
}

input.full {
        width: 99%;
}

#content fieldset label.left {
        text-align: left;
}


#content fieldset p label.full, #content fieldset p label.lmceEditor, #content fieldset p label.fulllow {
        margin: 0.5em 0;
        text-align: left;
        width: 99%;
}

#content textarea.fulllow {
        clear: left;
        width: 99%;
        height: 6em;
}

#content object.full, #content select.full, #content textarea.mceEditor, #content textarea.full {
        clear: left;
        width: 99%;
        height: 250px;
}

#content object.FullWidthHalfHeightBox {
        width: 22em;
        height: 120px;
}

#content textarea.FullWidthBox {
        width: 22em;
        height: 200px;
}

#content textarea.FullWidthHalfHeightBox {
        width: 22em;
        height: 100px;

}


/* Tables */
#admin-content table {
   border-collapse: collapse;
        border: 1px solid #320e5c;
        clear: none;
        margin: 0.5em 0;
}

caption {
   text-align: left;
   margin: 0 0 .2em 0;
   font-weight: bold;
   font-size: 120%;
}

#admin-content thead th {
        background: #320e5c;
        font-weight: bold;
        color: #fff;
        font-size: 105%;
        border-bottom: 1px solid #320e5c;
}

#admin-content th {
   font-weight: normal;
}

#admin-content th, #admin-content td {
        padding: .3em .6em;
        border-right:1px solid #320e5c;
        border-bottom:1px dashed #320e5c;
}

/* This shows error messages - I usualy put in a box with a background graphic of an red exlimation mark / stop sign */
p.error {
        color: red;
        font-weight: bold;
}

/* This shows info messages - I usualy put in a box with a background graphic of an blue exlimation mark */
p.info {
        font-weight: bold;
		text-align:left;
}

.compmessage {
   padding:2px 0;
   font-style: italic;
}

div.formerror {
        border: 2px #320e5c solid;
        padding: 15px;
        padding-left:50px;
        background: #f7f7f7 url(../images/site/exclamation.gif) no-repeat 1.5% 13px;
        color: #000;
        margin: 0 10px 15px 0;
}
#content .formerror p {
        margin: 0.2em 0 0.2em 0;
}
#content .formerror ul {
        margin: 0 0 0.3em 1em;
        list-style-type: none;
        padding-left: 0px;
}
#content  .formerror li {
        padding: 0 0 0 20px;
        background: url(../images/site/arr3.gif) no-repeat 0 50%;
}

#content  .formerror a {
        color:#cd0f0f;
}

.info {
        color: #c41130;
        padding: .2em 0.2em .5em 25px;
        line-height: 1.2;
        margin: 0.4em 0 0 0;
}

#productcol {
  width: 210px;
  margin: 0 0 5px 0;
  border:solid 1px #320e5c;
  text-align: center;
  font-size: 110%;
}

#content #productcol h1 {
   color: #fff;
   font-size: 135%;
   padding: 15px 5px 18px 5px;
   background: #320e5c url(../images/site/shoppanel_bg.jpg) repeat-x 0 0;
   margin: 0;
   text-align: left;
}

#content #productcol p.category  {
   color: #666;
   font-size: 125%;
   padding-top: 10px;
   font-weight: bold;
}

#content #productcol h2 {
   color: #fff;
   font-size: 125%;
   padding: 5px 5px 8px 5px;
   background: #320e5c url(../images/site/shoppanel_bg.jpg) repeat-x 0 0;
   margin: 0;
   text-align: left;
}

#content #productcol div.catsel {
   display: inline;
   margin: 0px 1px 0.5em 1px;
   padding: 0;
   float: left;
}

#content div.catsellarge {
   display: inline;
   margin: 0px 10px 1em 10px;
   padding: 0;
   float: left;
   font-size: 120%;
   text-align: center;
   text-decoration:none;
}

#content div.catsellarge img{
   border:#cd0f0f 4px solid;
   text-decoration:none;
}

#content #productcol div.catsel a {
   color: #333;
   text-decoration: none;
}

#content #productcol div.catsel a:hover, #content #productcol div.catsel a:active {
   color: #000;
}

#content #productcol p.moreproducts {
   padding: 7px 20px;
   margin: 0;
   text-align: right;
   color: #fff;
   background: #320e5c;
}

#content #productcol p.moreproducts a {
   text-decoration: none;
   color: #fff;
}

#content #productcol p.moreproducts a:hover, #content #productcol p.moreproducts a:active {
   text-decoration: underline;
}


#content p.ArticleSub {
   font-weight: bold;
   margin: 0;
}

#content div.ArticleContent {
   margin: 1em 0 0 0;
}

.Onethird {
   float: left;
   width: 30%;
}


#BrowseNav {
   height: 2em;
   clear: both;
}

#BrowseNav a {
   text-decoration: none;
   font-weight: bold;
   font-size: 110%;
}
#BrowseNav a:hover, #BrowseNav a:active{
   text-decoration: underline;
}

#BrowseNavback {
   float: left;
   width: 6em;
   margin-left: 10px;
}
#BrowseNavmore {
   float: left;
   width: 17em;
   margin-left: 1em;
}
#BrowseNavbackGal {
   float: left;
   width: 20em;
   margin-left: 10px;
}
#BrowseNavmoreGal {
   float: left;
   width: 20em;
   margin-left: 1em;
}
#BrowseNavcheck {
   float: right;
   width: 9em;
   margin-right: 10px;
}

#OrderButtons input {
   border: none;
   background: #fff;
   text-transform: uppercase;
   color: #320e5c;
   font-weight: bold;
}

#OrderButtons input#OrderButtRight {
     margin-left: 8em;
}

.ContactLeft {
   width: 45%;
   float: left;
   clear: left;
   margin-top: 1em;
}
#contactpage p {
   margin: 0;
   padding:0;
}

#contactpage a {
   text-transform: none;
}
.ContactRight {
   margin-top: 1em;
   float: left;
}
#contactpage h2.contact {
   clear: both;
   padding:1em 0 0 0;
}
#contactpage h3.contact {
   margin: 0;
   padding: 10px 0px 0px 0px;
}

.pagenav {
        border-top: 1px solid #320e5c;
        border-bottom: 1px solid #320e5c;
        margin: 0.5em 0 1em 0;
        padding: 2px;
        font-size: 90%;
        background: #ddd;
}

.pagenav h2 {
        font-weight: normal;
        display: inline;
}

.pagenav ul {
        font-size: 120%;
        display: inline;
        margin: 0 0 0 0.5em;
        padding: 0;
}

.pagenav li {
        display: inline;
        padding: 0 0 0 12px;
/*        background: url('../images/site/diamond.gif') no-repeat 0 50%;  */
}

.pagenav li.first {
        background: url('');
        padding-left: 0;
}

.pagenav li a {
        color: #320e5c;
        text-decoration: none;

}

.pagenav li a:hover {
        color: #666;
        text-decoration: underline;
}

form#SelectForm {
   margin-left: 0em;
}

form#SelectForm p {
   display: inline;
   margin: 0;
   padding: 0;
}

form#SelectForm p label {
   width: auto;
   margin: 0 1em 0 0;
   padding: 5px 0 0 0 ;
}
form#SelectForm p input {
   width: auto;
   margin: 0;
   padding: 0;
}



#ErrorBox {
   padding-left:13px;
}

#ErrorBox h1 {

	font-size:120%;
	margin:5px 0 5px 0;
   color:#000;
   background: #fff;
	font-weight:normal;
}

#ErrorBox p {
   font-size:75%;
	padding-bottom:15px;
}

#content #cartsummary h2 {
   color:#c41130;
   padding-bottom: 0;
}

#content #cartsummary h3 {
   font-size:80%;
   color:#c41130;
   font-weight:normal;
   padding: 7px 0 6px 9px;
   background:url(../images/site/arrow.gif) no-repeat 0 11px;
   text-align:left;
   margin: 0;
}


#content #cartsummary p {
   margin: 0.2em 0 0.2em 0;
   padding: 0;
}
#content #cartsummary ul {
   list-style-type: none;
   margin: 0 0 1em 1em;
   font-size: 70%;
}
#content #cartsummary li {
   background: url(../images/site/redbullet.gif) no-repeat 0 0.7em;
   padding: 0 0 0 10px;
}

.debug {
 font-family: courier;
 margin: 5px 0 5px 0;
 padding: 0 0 5px 0;
 border-bottom: 1px solid gray;
}
.debug {
    font-family: courier;
    margin: 5px 0 5px 0;
    padding: 0 0 5px 0;
    background: white;
    border-bottom: 1px solid gray;
}
.debug h1, .debug h2 {
    margin: 0 0 10px 0;
    padding: 0;
    background: #fff;
    color: #000;
}
.thisline {
    background: #ff0;
}

.thischar {
    color: #f00;
}


#HugeWarning {
   border: 4px solid #c41130;
   background: #e8e8e8;
   padding: 7px 13px 3px 10px;
}
#HugeWarning h2 {
   color: #c41130;
   text-transform: uppercase;
   font-weight: bold;
   padding:5px 0 0 0;
}

#poll-box {

	}

#poll-box #poll-title {

	background:#fff;
	padding:0 0 6px 14px;

}

#poll-box .poll {

	width:250px;
	float:left;
	
}