/****************************************
 * This is the Drupal Style We're Using *
 ****************************************/

/* global stuff */

body
{
	background-color: #e5e5e5;
	font-family: helvetica, sans-serif;
	font-size: 14;
	color: rgb(100, 100, 106);
}

a
{
	font-weight: bolder;
	text-decoration: none;
	color: rgb(81, 121, 22);
}

a:hover
{
	text-decoration: underline; 	
}

h1
{
	font-size: 18;
	font-weight: bolder;
	border-bottom: 1px dotted rgb(157, 157, 152);
	margin: 20px 0px 10px 0px;
	clear: both;
}

img
{
	border-style: none;
}

img:link
{
	border-bottom: none ! important;
}

.hidden
{
	display: none;
}

div.tabs
{
	font-size: 15;
}

div.tabs li
{
	padding-top: 2px;
	padding-bottom: 2px;
}

div.panel-messages
{
	margin: 10px;
	font-size: 10pt;
}


/* the main page div */
div#main-content-area
{
	/*overflow: auto;*/
	margin: 0px 0px 0px 0px;
}

/* the title of a page */

div#page-name
{
	color: rgb(51, 51, 51);
	font-weight: bolder;
	font-size: 25;
	float: left;
	margin: 12px 0px 10px 0px;
}

/* when you have just a small list */
div.show-all
{
	width: 100%;
	text-align: right;
	font-size: 12;
	margin-top: 5px;
	text-transform: uppercase;
	position: relative;
	right: 7px;
}

/* make the text entry forms have a white background */

iframe
{
	background-color: white ! important;
}

/* list of groups in the table */

div.view-content-top-groups-active table
{
	margin-top: 10px;
	font-size: inherit;
	width: 100%;
}

div.view-content-top-groups-active table th
{
	font-size: 11;
	font-weight: bolder;
	text-align: left;
	text-transform: uppercase;
	border-bottom: 1px dotted rgb(51, 51, 51);
	padding: 3px 0px 3px 0px;
}

div.view-content-top-groups-active table td
{
	font-size: 11;
	text-align: left;
	border-bottom: 1px dotted rgb(177, 176, 166) ! important;
	padding: 3px 0px 3px 0px ! important;
}

/* list of players in the table */

div.view-content-top-players-active table
{
	margin-top: 10px;
	font-size: inherit;
	width: 100%;
}

div.view-content-top-players-active table th
{
	font-size: 11;
	font-weight: bolder;
	text-align: left;
	text-transform: uppercase;
	border-bottom: 1px dotted rgb(51, 51, 51);
	padding: 3px 0px 3px 0px;
}

div.view-content-top-players-active table td
{
	font-size: 11;
	text-align: left;
	border-bottom: 1px dotted rgb(177, 176, 166) ! important;
	padding: 3px 0px 3px 0px ! important;
}

/* the list of scores in a player page */



/* shows a groups scores */


/* a drupal table for forms or small bits of information */

table.drupal-info
{
	font-size: 12;
}

table.drupal-info th
{
	color: rgb(75, 75, 75);
	font-weight: bolder;
	text-align: right;
	vertical-align: top;
	width: 100px;
	padding: 0px 10px 1px 0px;
	border-color: rgb(255, 255, 235);
}

table.drupal-info td
{
	text-align: left;
	vertical-align: top;
	padding: 1px 0px 1px 0px ! important;
	background-color: blue;
}

/* a drupal form */

table.drupal-form
{
	font-size: 12;
}

table.drupal-form th
{
	color: rgb(75, 75, 75);
	font-weight: bolder;
	text-align: right;
	vertical-align: top;
	width: 100px;
	padding: 5px 10px 1px 0px;
}

table.drupal-form td
{
	text-align: left;
	vertical-align: top;
	padding: 1px 0px 1px 0px ! important;
}

table.drupal-form td input, textarea
{
	width: 400px;
}

table.drupal-form td.submit
{
	text-align: center;
	padding-top: 15px ! important;
}

table.drupal-form td.submit input
{
	width: 100px;
}

table.drupal-form div.checkbox
{
	clear: both;
}

table.drupal-form div.checkbox input
{
	width: 15px;
	margin-right: 5px;
	float: left;
}

html>body table.drupal-form div.checkbox input /* IE hack */
{
	position: relative;
	right: 4px;
}

table.drupal-form div.checkbox div.name
{
	float: left;
	position: relative;
	top: 3px;
	font-weight: bolder;
}

html>body table.drupal-form div.checkbox div.name /* IE hack */
{
	top: 6px;
	right: 4px;
}

table.drupal-form tr td div.input-description
{
	margin-top: 3px;
}

ul.links {
	margin: 0 auto;
}

ul.links li {
	text-align: left;
	float: right;
	list-style: none;
	/* list-style: none; */
	padding: 0px 5px 0px 5px;
	margin: 0 auto;
}

/* search players or groups here */

div.search-bar
{
	float:right;
	margin-top: 15px;
	font-size: 12;
}

div#search-results
{
	padding-top: 15px;
	clear: both;
	font-size: 16;
}

/* NOTE: The html>body is hack to prevent IE reading this. */
html>body div.search-bar span.submit
{
	position: relative;
	top: 4px;
}

/* a big list e.g. of players or groups */

div.drupal-list
{
	width: 100%;
	font-size: 12;
	clear: both;
}

div.drupal-list img
{
	float: left;
}

div.drupal-list div.body
{
	width: 417px;
	float: right;
}

div.drupal-list div.name
{
	font-weight: bolder;
	font-size: 20;
	float: left;
	margin-bottom: 5px;
}

div.drupal-list div.actions
{
	font-size: 11;
	float: right;
}

div.drupal-list div.actions b
{
	font-size: 13;	
	color: rgb(102, 102, 102);
	font-weight: bolder;
}

div.drupal-list div.actions a
{
}

div.drupal-list div.stats
{
	clear: both;
	font-weight: bolder;
	font-size: 10pt;
	margin-bottom: 5px;
	position: relative;
}

div.drupal-list div.stats b
{
	color: rgb(51, 51, 51);
}

div.drupal-list div.miscdata
{
	position: absolute;
	top: 0px;
	right: 0px;
	clear: both;
	font-weight: bolder;
	font-size: 10pt;
	margin-bottom: 5px;
	/* float: right; */
}

div.drupal-list div.miscdata b
{
	color: rgb(51, 51, 51);
}

div.drupal-list div.miscdata
{
	position: absolute;
	top: 0px;
	right: 0px;
	clear: both;
	font-weight: bolder;
	font-size: 10pt;
	margin-bottom: 5px;
	/* float: right; */
}

div.drupal-list div.miscdata b
{
	color: rgb(51, 51, 51);
}


div.drupal-list div.description
{
	clear: both;
	margin-bottom: 20px;
}

hr.drupal-list-separator
{
	clear: both;
	width: 100%;
	border-top: 1px dotted rgb(119, 119, 119);
	border-left: none;
	border-right: none;
	border-bottom: none;
	height: 1px;
}

div.drupal-list-navigate
{
	clear: both;
	float: right;
}

/* news */

.whats-new
{
	clear: both;
	color: rgb(119, 119, 119);
	font-size: 17;
	font-weight: bolder;
	border-bottom: 1px dotted rgb(51, 51, 51);
}



.news-item a
{
	color: rgb(63, 107, 0);
	font-weight: bolder;
}


div.view-content-news2 div.new-item-title a
{
	color: rgb(51, 51, 51);
	margin: 10px 0px 10px 0px;
	font-size: 17;
	font-weight: bolder;
}

div.view-content-news2 div.node
{
	color: rgb(51, 51, 51);
	font-size: 12;
	border-bottom: dotted 1px;
	border-color: rgb(51, 51, 51);
	margin: 3px 0px 20px 0px;
	padding-bottom: 10px;
}

div.view-content-news2 div.node table
{
	margin-left: 10px;
	margin-top: 5px;
	font-size: 12;
	height: auto ! important;
	border-collapse: collapse;
}

div.view-content-news2 div.node table td
{
	padding: 2px ! important;
	border: dotted 1px ! important;
	border-color: rgb(100, 100, 100) ! important;
	vertical-align: middle;
}

/* blog */

.whats-new
{
	clear: both;
	color: rgb(119, 119, 119);
	font-size: 17;
	font-weight: bolder;
	border-bottom: 1px dotted rgb(51, 51, 51);
	position: relative;
}

.blog-item a
{
	color: rgb(63, 107, 0);
	font-weight: bolder;
}


div.view-content-blog div.new-item-title a
{
	color: rgb(51, 51, 51);
	margin: 10px 0px 10px 0px;
	font-size: 17;
	font-weight: bolder;
}

div.view-content-blog div.node
{
	color: rgb(51, 51, 51);
	font-size: 12;
	border-bottom: dotted 1px;
	border-color: rgb(51, 51, 51);
	margin: 3px 0px 20px 0px;
	padding-bottom: 10px;
}

div.view-content-blog div.node table
{
	margin-left: 10px;
	margin-top: 5px;
	font-size: 12;
	height: auto ! important;
	border-collapse: collapse;
}

div.view-content-blog div.node table td
{
	padding: 2px ! important;
	border: dotted 1px ! important;
	border-color: rgb(100, 100, 100) ! important;
	vertical-align: middle;
}


/* serial content in general */
div.rp-page-content div.new-item-title a
{
	color: rgb(51, 51, 51);
	margin: 10px 0px 10px 0px;
	font-size: 17;
	font-weight: bolder;
}

div.rp-page-content
{
	color: rgb(51, 51, 51);
	font-size: 12;
	border-bottom: dotted 1px;
	border-color: rgb(51, 51, 51);
	margin: 3px 0px 20px 0px;
	padding-bottom: 10px;
}

div.rp-page-content table
{
	/*margin-left: 10px; causes problems in IE*/
	margin-top: 5px;
	font-size: 12;
	height: auto ! important;
	border-collapse: collapse;
}

div.rp-page-content table td
{
	padding: 2px;
	/* border: dotted 1px ! important; */
	border-color: rgb(100, 100, 100) ! important;
	vertical-align: middle;
}

table.rp-puzzle-category-ranks
{
    width: 100%;
    height: 100%;
}

table.rp-puzzle-category-ranks td
{
    text-align: center;
    font-size: 20;
}

table.rp-puzzle-category-ranks div.label
{
    text-align: center;
	background-color: #7FAD3A;
    border-radius: 10px;
}

table.rp-puzzle-category-ranks div a:link {color: white;}
table.rp-puzzle-category-ranks div a:visited {color: white;}
table.rp-puzzle-category-ranks div a:hover {color: white;}
table.rp-puzzle-category-ranks div a:active {color: white;}

/* the name of a player or a puzzle */

div.node-name
{
	color: rgb(51, 51, 51);
	font-weight: bolder;
	font-size: 20;	
}

/* the score and rank on a player page */

div.global-score-and-rank
{
	clear: both;
	font-weight: bolder;
	font-size: 14;
	margin: 3px 0px 3px 0px;
}

div.global-score-and-rank b
{
	font-size: 16;
	color: rgb(51, 51, 51);
}

div.form-item label
{
	display: block;
}

div.form-item input.form-text, div.form-item textarea.form-textarea
{
	width: 99%;
}

div.form-item input.number
{
	width: 7.5em;
}


/* Rank boxes */
span.schl {
	vertical-align: top;
	/* width: 20em; */
	font-size: 10;
	border: 1px solid rgb(200, 200, 200);
	color: rgb(51, 51, 51);
	margin: 0em 0.05em;
	padding: 0em 0.25em;
}
span.schl-ev {
	background: rgb(215, 245, 215);
}
span.schl-so {
	background: rgb(225, 225, 255);
}

div.nav-link-new {
	position: relative;
}

div.nav-link-new-label, div.nav-link-new-shadow {
	position: absolute;
	font-size: 8pt;
	font-family: Helvetica;
	font-weight: bold;
}


div.nav-link-new-label {
	top: -2px;
	left: -2px;
	color: #fff09e;
}

div.nav-link-new-shadow {
	top: -1em;
	left: -1em;
	color: #666;
}

div.view-content-developer-chats table
{
	width: 100%;
}

div.view-content-developer-chats th.view-field-node-created
{
	width: 30%;
	text-align: left;
}

div.view-content-developer-chats th.view-field-users-name
{
	width: 40%;
	text-align: right;
}

div.view-content-developer-chats td.view-field-users-name
{
	width: 40%;
	text-align: right;
}

div.view-content-developer-chats th.view-field-node-link
{
	text-align: right;
}

div.view-content-developer-chats td.view-field-node-link
{
	text-align: right;
}

div.view-content-developer-chats td.view-field-users-name
{
	text-align: right;
}

.nw {
	white-space: nowrap;
}

table .case-assign-title {
    width: 250px;
}

table .case-assignto {
    width: 80px;
}

table .case-title {
	width: 300px;
}

table .case-votes {
	width: 80px;
	text-align: right;
}

table .case-submitted {
    width: 100px;
}

table .type {
    width:80px;
}

table .status {
    /*width:60px;*/
}

table .case-number {
    width:50px;
    text-align:center;
}

.karma_form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.best-for-list div
{
	display: inline !important;
}

div.best-for-list form
{
	display: inline !important;
}