@charset "iso-8859-1";

#pageWrapper
{
    margin: 0;
    width: auto;
    min-width: 500px;
    background-color: #e4ffff;
}
#outerColumnContainer
{
    z-index: 1;
    border-color: #fff; /* set default color to white. set the real
                   color inside colors.css */
    border-style: solid;
    /* border-width: 0 15em; */ /* sets the width of the borders used to create
                   the left and right columns' background 
                   color. */
    border-width: 0;
    border-left-width: 264px;                   
    border-right-width: 178px;
}
#innerColumnContainer
{
    z-index: 2;
    width: 100%;
}
* html #innerColumnContainer
 {
   position: relative; /* fix a render bug in IE under certain
                      conditions */
}
#contentColumn
{
    margin: 0 -1px;     /* without this, boxes stop floating next to 
                   each other */
    width: 100%;
    margin-bottom: 1em;
}
#leftColumn, #rightColumn, #contentColumn
{
    float: left;
    position: relative; /* IE has a display/render bug with non-floated 
                   block elements inside floated block elements. 
                   setting position:relative on the floating
                   element seems to resolve this. */
    z-index: 10;
    overflow: visible;  /* fix for IE italics bug */
}


#contentColumn {
}

#rightColumn
{
    float: right;       /* floating this right allows for the right
                   column block to appear before the content
                   column in the flow of the document. doing
                   this allows for any easy 3 column layout
                   in NN4.

                   There is certainly a lot, in terms of layout
                   'theory' about how the flow of the document
                   should be. I won't get into it here. */
    width: 178px; 
    margin: -107px -178px 0 1px;  /* same as in the #leftColumn selector up 
                   above. */
}
* html #rightColumn { margin-top: -110px; }
#leftColumn
{
    width: 264px;
    
    margin: 0 1px 0 -264px;  /* like in the #contentColumn selector, without
                   the 1px margin on the opposite side of the 
                   box, boxes stop floating next to each 
                   other */
}
#footer
{
    position: relative;
    overflow: hidden;
}
* html #footer { height: 100% }
.clear
{
    clear: both;
    padding-bottom: 1px;    /* for Gecko-based browsers */
    margin-bottom: -1px;    /* for Gecko-based browsers */
}
.hide, #oldBrowserNotice, .ieSixCharDupBug
{
    /* hide elements that CSS-targeted browsers shouldn't show */
    display: none !important;
}
#contentColumn
{
    /* border-width: 0; */  /* reset value from that in the version 4 
                   stylesheet. this isn't in borders.css because
                   were you to create a print.css and not 
                   include borders.css, then the v4 border would
                   still remain when you print. */
}

* html #pageWrapper
{
/*   word-wrap: break-word; */
   }



/* colors */

body
{
    background: #c3d1d1;
    color: #fff;
}
#outerColumnContainer
{
    border-left-color: #e4ffff; /* left hand column background color */
    border-right-color: #e4ffff;    /* right hand column background color */
}
#masthead
{
    background: #0948a3;
    color: #ccd9ec;
    padding: .5em;
}
#masthead h1 { margin-bottom: 0 }
#masthead a {
    color: #fff;
    text-decoration: none;
}
#footer
{
    background-color: #c3d1d1;
    color: #000;
}
#outerColumnContainer, #contentcolumn   /* selector case hack to reset version 4 stylesheet setting */
{
    background-color: #e4ffff;     /* this sets the background color on the center column */
    color: #000;
}
#leftColumn, #rightColumn, #contentColumn
{
    color: #000;
}

#pageWrapper, #innerColumnContainer, #footer
{
    border-color: #e4ffff;
}
#footer { border-bottom-color: #c3d1d1; }
#masthead { border-color: #0948a3 }
#pageWrapper {border-color: #c3d1d1; }

/** gutters **/
body
{
    text-align: center;
    margin: 0;
    padding: 0 .5em;       /* remove this padding if you want the layout to
                   stretch from edge to edge of the viewport. */
}
p, h1, h2, h3, h4, h5, h6
{
    margin: 1em 0;      /* specifically define this for Opera's sake,
                   and also for better consistency across 
                   all platforms  */
}
.inside
{
    padding: 0 2px;   /* this padding is applied to every major box 
                   within the layout for a uniform gutter 
                   between borders 

                   _NOTE_: a small glitch in IE seems to appear
                   if this class has vertical padding applied
                   to it. so in cases where you want to add 
                   vert padding, use the parent element. margin
                   values here don't work because .inside has
                   a key role in border generation */
}
#rightColumn .inside {
    padding: 0 0 0 2px;
}
#leftColumn .inside {
    padding: 0 2px  0 0;
}
#leftColumn, #centerColumn, #rightColumn
{
    padding-top: 5px;
    padding-bottom: 0.5em; 
 /* this is the vert padding talked about in the
                   previous selector. */
}
#footer
{
    padding: .5em;
}

html>body #footer
{
    padding-bottom: 1.01em; /* this is to fix a bug in mozilla that results
                   in a 1px line of white below the footer when
                   the document gets very long. extremely long
                   documents may generate the bug again. if
                   you experience that, increasing this value
                   may help. i think this is related to moz's
                   off-by-one troubles as the bug does not
                   occur in any other browser */
}

/* borders */

#pageWrapper
{
    border-style: solid;    /* explicitly defined within eact selector in 
                   case you want change border styles (to mix 
                   it up) between elements */
    border-width: 0 1px;    /* puts a border on the left and right sides of
                   the page. #masthead and #footer will handle 
                   the top and bottom borders */
    text-align: left;          
    margin: 0 auto;        
    width: 930px; 
}
#outerColumnContainer
{
    /* in base */
}
#innerColumnContainer
{
    border-style: solid;
    border-width: 0 1px;    /* puts borders between center and the side columns. */
    margin: 0 -1px;     /* compensation for the borders because of
                   100% width declaration on this object */
}
* html #outercolumncontainer
{
   /* IE5.0/Win fix for 1px whitespace between masthead and body. */
    margin-top: -1px;
    border-top: solid 1px #000;
}
#masthead
{
    position: relative;
    border-style: solid;
    border-width: 1px 0;    /* handles the top of the layout's border and the
                   bottom of the masthead section */
}
#footer
{
    border-style: solid;
    border-width: 1px 0;    /* handles the top of the footer section and 
                   the bottom of the entire layout */
}


/** fonts **/

body
{
    font-family: arial, helvetica, sans-serif;
    font-size: 100.1%;  /* font sizing approach recommended by Dave 
                   Silvester on the css-discuss list. "the 
                   .1 is important." */
}
#pageWrapper
{
    font-size: 80%;
}
#footer
{
    text-align: center;
}
/* :root is an invalid pseudo class but mozilla knows it */
/* monospace fonts are typically smaller that 'normal' fonts under Mozilla. */
/*:root code
{
    font-size: 120%; 
}
*/
/*
 *  Time to try and get all the heading elements to the same size 
 *      regardless of browser. (IE seems to put them a big bigger
 *          than Mozilla, typically.)
 *          */
h1
{
    font-size: 210%;
}
h2
{
    font-size: 180%;
}
h3
{
    font-size: 120%;
}
h4
{
    font-size: 116%;
}
h5
{
    font-size: 110%;
}
h6
{
    font-size: 100%;
}
.center { text-align: center; }

/* styles */

.leftboxtitle {
    background: #fff;
    color: #3c68d6;
    font-weight: bold;
    font-size: 12px;
    padding: 2px;
    padding-left: 5px;
    margin: -3px;
    margin-bottom: 3px;
    border-bottom: 1px #ccd9ec solid;
    text-transform: uppercase;
}
.leftbox {
    background: #fff;
    border: 1px solid #3c68d6;
    color: #000;
    padding: 3px;  
 /*   margin: 0px; */
    margin-bottom: 5px;
    line-height: 125%;
    font-size: 11px;
}
    
.leftbox textarea {
    font-size: 96%;
    width: 96%;
    display: block;
    margin: 0 auto;
    overflow: auto;
    height: 70px; 
    font-family: Arial, Helvetica, Sans-serif; 
    color: #333;
    border: 1px solid #aaa;
}
.leftbox p {
    padding: 0px; 
    margin: 0 0 1px 17px;
    text-indent: -15px;
}
form {
   margin: 0;
   padding: 0; 
}
.leftbox input {
    border: 1px solid #aaa;
}
.rightbox {
    background: #fff;
    border: 1px solid #3c68d6;
    color: #000;
    padding: 5px; 
    padding-top: 3px;
    margin: 0px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 125%;
}
.rightbox a {
    color: #3c68d6;
    text-decoration: none;
}
.rightbox a:hover {
    text-decoration: underline;
}
.rightboxtitle {
    background: #fff;
    color: #3c68d6;
    font-weight: bold;
    font-size: 12px;
    padding: 2px;
    margin-left: -3px;
    padding-right: 5px;
    padding-top: 0px;
    margin-right: -3px;
    margin-bottom: 5px;
    border-bottom: 1px #ccd9ec solid;
    text-align: right;
    text-transform: uppercase;
}
.main {
    border: 1px solid #ccd9ec;
    background: #fff;
    padding: 5px;
    margin-top: 5px;
}
.main h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    padding-bottom: 3px;
    border-bottom: 1px #ccd9ec solid;
    padding-top: 3px;
    color: #3c68d6;
}

.burst_wrapper {
    background: #e4ffff;
    margin-right: 175px;
    text-align: center;
    margin-top: 5px;
}
.burst {
    background: #fff;
    width: 732px;
    height: 90px;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #ccd9ec;
}
.right { text-align: right; margin-right: 4px; margin-top: 1px }
* html .right { margin-right: 0px; } 
a { color: #3c68d6; }


/*  styles for the unit rater     */
.ratingblock {
        width: 50%;
        display:block;
        /* border-bottom:1px solid #999; */
        padding-bottom:8px;
        margin-bottom:8px;
        }

.loading {
        height: 30px;
        background: url('../images/working.gif') 50% 50% no-repeat;
        }
        
.unit-rating { /* the UL */
        list-style:none;
        margin: 0px;
        padding:0px;
        height: 30px;
        position: relative;
        background: url('../images/starrating.gif') top left repeat-x;          
        }

.unit-rating li{
    text-indent: -90000px;
        padding:0px;
        margin:0px;
        /*\*/
        float: left;
        /* */
        }
        
  
.unit-rating li a {
        outline: none;
        display:block;
        width:30px;
        height: 30px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
        }
        
.unit-rating li a:hover{
        background: url('../images/starrating.gif') left center;
        z-index: 2;
        left: 0px;
        }


.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}     
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
        background: url('../images/starrating.gif') left bottom;
        position: absolute;
        height: 30px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
        }

.voted {color:#999;}
.thanks {color:#36AA3D;}