a:link {
   color:#0000ee;
}

a:visited {
   color:#551a8b;
}

h1 {
    font-weight:normal;
}

h2 {
    font-weight:normal;
}

:link img,
:visited img {
    border:none;
}

#box {
    border:solid 1px #dddddd;
}

#emailsub {
    font-size:12px;
    background: #ecf8ff;
    border:1px solid #ccc;
    padding:3px;
    text-align:center;
    width:192px;
}

.cpreview {
    background:#fff0f0;
}

.sidebar {
    font-size:12px;
}

.page {
    font-size:small;
    color:#0000ff;
}

.page :visited {
    font-size:small;
    color:#0000ff;
}

div.para {
  margin: 1em 0 1em 0;
}

.bullets {
    margin-top:1em;
    margin-left:1em;
    padding-left:0;
}

a.rhotlink {
    color:#ff0000;
    text-decoration:none;
    border-bottom:1px none;
}

a.rhotlink:link {
    color:#ff0000;
    text-decoration:none;
}

a.rhotlink:hover {
    border-bottom:1px dashed #ff0000;
}

a.fhotlink {
    color:#008800;
    text-decoration:none;
    border-bottom:1px none;
}

a.fhotlink:link {
    color:#008800;
    text-decoration:none;
}

a.fhotlink:hover {
    border-bottom:1px dashed #008800;
}

a.chotlink {
    color:black;
    text-decoration:none;
    border-bottom:1px none;
}

a.chotlink:link {
    color:black;
    text-decoration:none;
}

a.chotlink:hover {
    color:black;
    border-bottom:1px dashed black;
}

a.score {
    color:#000000;
    text-decoration:none;
}

a.score:link {
    color:#000000;
    text-decoration:none;
}

a.score:hover {
    color:#000000;
    border-bottom:1px solid #888888;
}

a.history {
    color:#aaaaaa;
    text-decoration:none;
}

a.history:link {
    color:#aaaaaa;
    text-decoration:none;
}

a.history:hover {
    color:#aaaaaa;
    border-bottom:1px solid #aaaaaa;
}

a.title {
    color:#182d55;
    text-decoration:none;
}

a.title:link {
    color:#182d55;
    text-decoration:none;
}

a.title:hover {
    color:#182d55;
    border-bottom:1px solid #182d55;
}

.sectionHide {
    display: none;
}

.sectionShow {
    display: inline;
}

.ulist {
    margin: 0;
    padding: 0;
    padding-left: 1em;
    list-style-position: outside;
    list-style-type: square;
}

/**************************************************************************************/
/* Two column layout                                                                  */
/* Source: http://matthewjamestaylor.com/blog/ultimate-2-column-right-menu-pixels.htm */
/**************************************************************************************/

body {
    margin: 0;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    width: 100%;
    background: #fff;
    font-size: 90%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

select, input, textarea, table {
    font-size: 90%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header {
    clear: both;
    float: left;
    width: 100%;
}

.colmask {
    position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
}

.rightmenu .colleft {
    float: left;
    width: 200%;
    margin-left: -240px;
    position: relative;
    right: 100%;
    background: #fff;
}

.rightmenu .col1wrap {
    float: left;
    width: 50%;
    position: relative;
    left: 50%;
    padding-bottom: 1em;
}

.rightmenu .col1 {
    margin: 0 0 0 240px;
    overflow: hidden;
}

.rightmenu .col2 {
    float: right;
    width: 240px;
    position: relative;
    left: 240px;
}

.padded {
    padding: 20px;
}

#ribbon {
    clear: both;
    float: left;
    width: 100%;
    border-top: 1px solid #196ff4;
    background: #aad2fc;
}

#ribbon p {
    padding: 10px;
    margin: 0;
}

.rating { 
	position: relative;
	width: 91px;
	height: 17px;
}
.rating .cover {
	position: absolute;
	background: transparent url(graphics/stars_empty.png) top left no-repeat;
	top: 0px;
	left: 0px;
	width: 91px;
	height: 17px;
	z-index: 101;
}
.rating .progress {
	position: absolute;
	background: transparent url(graphics/stars_full.png) top left no-repeat;
	top: 0px;
	left: 0px;
	height: 17px;
	z-index: 102;
}
