* {
  margin:           0;
	padding:          0;
}
	
html {
	font-size:        100%;
}

body {
	font:             62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
	background:       #1199ff url(../images/back-full.jpg) repeat-x;
}

a, a:visited, a:hover { color: #000; }

a img {
	border-style:	none;
}

h2 {
	color: #0f98ff;
	margin-bottom: 20px;
}

#wrapper {
	font-size:        1.2em;
	line-height:      1.5em;
	width:            900px;
	margin:           0 auto;
}

p {
	margin-bottom:    1.5em;
}

ol, ul {
	padding-left:     2.5em;
}

hr {
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #999;
}

/* ---------- widgets ---------- */
div.selector div.selection {
	width:			20px;
	height:			20px;
	float: 			left;
	margin-left:	5px;
}

div.selector div.inactive {
	background:		url(/images/buttons/circle.png);
}

div.selector div.hover, div.selector div.active {
	background:		url(/images/buttons/circle_active.png);
	cursor: pointer;
}

/* ---------- add your code below ---------- */

#top {
  height:           118px;
  width:            900px;
  background:       url(../images/back-top-grey.jpg) repeat-x;  
}

#top #rp-logo {
  border:           0;
  position:         relative;
  top:              22px;
}

#copyright {
  padding-top:      50px;
  color:            #211;
  font-size:        0.8em;
  text-align:       center;
}

.left {
  float:            left;
}

.clearfix {
  clear:            both;
}

ul#top-nav, ul#bot-nav {
  padding:          0;
  list-style:       none;
}

ul#top-nav li, ul#bot-nav li {
  display:          inline;
  padding:          0 5px 0;
}

ul#top-nav li.autocomplete{
    display:block;
}

ul#top-nav {
  position:         relative;
  width:            900px;
  text-align:       right;
  top:              -60px;
}

ul#top-nav .at-page span {
  color:            #1199ff;
  font-weight:      bold;
}

#top-nav a,
#top-nav a:link {
  color:            #aaa;
  text-decoration:  none;
}

#top-nav a:hover {
  color:            #fff;
}

#bot-nav a,
#bot-nav a:link {
  color:            #000;
  text-decoration:  none;
}

#bot-nav a:hover {
  color:            #fff;
}

ul#bot-nav .at-page span {
  color:            #000;
  font-weight:      bold;
}

/* Content highlighting */

span.highlight, div.highlight { color: #111111; }
span.lowlight { color: #b7d7ee; }

.featured_content .quarter { width: 210px; }
.featured_content .half { width: 420px; }
.featured_content .three_quater { width: 630px; }

.featured_content .third { width: 280px; }

.featured_content {
	background-color: #b7d6eb;
        background-color: #DDDDDD;
	padding: 5px 10px 5px 10px;
}

.featured_content h2 {
	font-size: 2.0em;
	margin: 0 0 0 10px;
	padding: 0px;
	color: #222222;
	position: relative;
	top: 2px;
}

.featured_content h2{  margin-bottom: 8px;}
/* provides a dark border */
.featured_content .highlight { 
    background-color: #7da9d6;
    background-color: #555555;
    padding: 7px;
    margin: 0px; }

.featured_content .content_block { background-color: #d7d7d7; }
.featured_content .content_block .highlight { margin-top: 10px; background-color: #d7d7d7; }

.featured_content .no_padding { padding: 0px;}
.content_block .padding { padding: 10px;}
.content_block p { margin: 0px;}

.content_block {font-size: 1.3em;}

.featured_content div.left { float: left; min-width: 210px; margin-right: 20px; }
.featured_content div.left .content_block { padding: 0px; }
.featured_content div.right { float: right; margin-left: 20px; }
.featured_content div.middle { float: left; }

.featured_content .vertical_space { min-height: 5px; }

/* Profile */

#login label {display: block; margin: 0 0 5px 0; font-size: 1.0em; font-weight: bold;}
#login input {font-size: 1.5em; margin-bottom: 20px;}

div#login_logout { margin-left: 40px; font-size: 1.2em; }
div#login_logout a, div#login_logout a:visited { color: #7ea9d6; font-size: 0.9em;}
div#login_logout a:hover { color: #009bff; font-size: 0.9em;}

div#profile img.profile_image { width: 100%; min-height: 110px;}
div#profile {}
div#profile .attribute { color: #4c4c4c; font-weight: bold;}
div#profile .attr_value { color: #000; padding-left: 5px;}
div#profile div.user { font-size: 1.3em; }

div#personality_tests .progress_bar {
	height: 20px;
}


.incomplete{
    color:red;
}

table.team_list{
    width:100%;
}

table.team_list th{
    padding-right:5px;
}

table.team_list td{
    padding-bottom:5px;
    
}
table.team_list td.percent, table.team_list td.number{
    width:75px;
    text-align:center;
    padding-right:5px;
}

table.team_list th{
    text-align:left;
    padding-bottom:5px;
}

table.team_list{
    margin-bottom:10px;
}
table.team_list .actions{
    text-align:right;
}


a.image_link{
    text-decoration:none;
}

.rightblock{
    display:block;
    float:right;
}