body
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: white;
	background-image: url('images/bg.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: top left;
	font-family: Arial, Verdana;
	font-size: 12px;
	line-height: 16px;
	/*text-align: center;*/
}

/**
 * Main div blocks
 */
#header 
{
    margin-top: 20px;
	margin-left: auto; 
	margin-right: auto;
	width: 900px;
	border-collapse: collapse;
	padding: 0px;
}

#root
{
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 20px;
	width: 900px;
	border-collapse: collapse;
	padding: 0px;
}

#root .content 
{
	background-color: white;
}

#content 
{
	padding-right: 10px;
	padding-bottom: 10px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

/**
 * Borders
 */
.border-top-left
{
	width: 20px;
	height: 10px;
	background-color: white;
	font-size: 2px;
}

.border-top
{
	width: 100%;
	height: 10px;
	background-color: white;
	font-size: 2px;
}

.border-top-right 
{
	background-image: url('images/borders/top-right.png');
	background-repeat: no-repeat;
	width: 20px;
	height: 10px;
	font-size: 2px;
}

.border-left 
{
	background-color: white;
	font-size: 2px;
}

.border-right
{
	background-image: url('images/borders/right.png');
	background-repeat: repeat-y;
	width: 20px;
	font-size: 2px;
}

.border-bottom-left
{
	background-image: url('images/borders/bottom-left.png');
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	font-size: 2px;
}

.border-bottom
{
	background-image: url('images/borders/bottom.png');
	background-repeat: repeat-x;
	height: 20px;
	font-size: 2px;
}

.border-bottom-right
{
	background-image: url('images/borders/bottom-right.png');
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	font-size: 2px;
}

/**
 * Menu 
 */
#menu .txt 
{
	line-height: 30px;
}

#menu .mi, #menu .sel
{
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	height: 30px;
	width: 95px;
	text-align: center;
	vertical-align: middle;
	margin-right: 2px;
	text-transform: uppercase;
	display: inline-block;
	background-image: url('images/menu_inactive.gif');
	background-repeat: no-repeat;
}

#menu .sel, #menu .bc 
{
	background-image: url('images/menu_active.gif');
}

/**
 * The dropdown menu's for ADMIN and HOST 
 */
#menu table 
{
	border: 1px solid #808080;
}

#menu table tr.mi 
{
	background-image: none;
	background-color: #F8FAFF;
	color: #375162;
	font-size: 11px;
	font-weight: bold;
	line-height: 2em;
	text-align: left;
	text-transform: none;
	z-index: 1000;
	display: inherit;
}

#menu table tr.mi:hover 
{
	background-color: #c3c3c3;
}

#menu table tr.mi .icn 
{
	padding: 5px;
}

#menu table tr.mi .txt 
{
	padding-right: 5px;
}

/**
 * Actions dropdown menu per module
 */
.ModuleTitle_MenuBar .mi
{
	border: 0px;
}

.ModuleTitle_MenuBar table 
{
	border: 1px solid #808080;
}

.ModuleTitle_MenuBar table tr.mi 
{
	background-image: none;
	background-color: #F8FAFF;
	color: #375162;
	font-size: 11px;
	font-weight: bold;
	line-height: 2em;
	text-align: left;
	text-transform: none;
	z-index: 1000;
	display: inherit;
}

.ModuleTitle_MenuBar table tr.mi:hover 
{
	background-color: #c3c3c3;
}

.ModuleTitle_MenuBar table tr.mi .icn 
{
	padding: 5px;
}

.ModuleTitle_MenuBar table tr.mi .txt 
{
	padding-left: 5px;
	padding-right: 5px;
}

.ModuleTitle_MenuBar table tr.break .icn
{
	background-color: #808080;
	padding: 1px;
}

/**
 * Title rename
 */
.LabelEditTextClass 
{
	color: white;
	border: 0px;
}

/**
 * Panes
 */
.headerPane
{
	margin-bottom: 0px;
}

.breadcrumbPane
{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}

.leftHomePane 
{
	float: left;
	width: 550px;
	margin-bottom: 25px;
}

.rightHomePane 
{
	float: right;
	width: 280px;
	margin-bottom: 10px;
}

.blogPaneText h2 
{
	color: black;
}

.panes 
{
	width: 100%;
}

.columnPane
{
	margin-left: 10px;
	margin-right: 10px;
}

.adminPane 
{
	padding: 10px;
	padding-bottom: 0px;
}

/**
 * Links
 */
.medialinks
{
	float: right;
	padding-right: 10px;
	white-space: nowrap;
}

.medialinks span 
{
	padding-left: 5px;
	padding-right: 5px;
}

.medialinks a, .medialinks a:link, .medialinks a:hover, .medialinks a:active, .medialinks a:visited
{
	text-decoration: none;
}

/**
 * Logo 
 */
#logo 
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.logo
{
	margin-right: 10px;
}

/**
 * Footer 
 */
#footer 
{
	clear: both;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	height: 40px;
	color: #636363;
	background-color: #d7d7d7;
	line-height: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

#footer a, #footer a:link, #footer a:hover, #footer a:active, #footer a:visited
{
	color: #636363;
	text-decoration: none;
}

#footer .footerlogo 
{
	float: right;
	margin-right: 20px;
	margin-top: 5px;
}

#footer .footerlogo a
{
	margin-left: 20px;
}

/**
 * Default HTML objects
 */
form 
{
	padding: 0px;
	margin: 0px;
}

table
{
	border-collapse: collapse;
	padding: 0px;
	font-size: 12px;
	line-height: 16px;
}

table td 
{
	vertical-align: top;
}

a, a:link, a:hover, a:active, a:visited
{
	color: #0072bc;
	text-decoration: underline;
}

label 
{
	cursor: pointer;
}

h1 
{
	color: black;
	font-size: 20px;
}

h1 .date 
{
	color: #898989;
	font-size: smaller;
	margin-left: 10px;
}

.right 
{
	float: right;
}

.left
{
	float: left;
}

.clear
{
	clear: both;
}

.hidden
{
	display: none;
}

.formText
{
	font-size: 10px;
	font-weight: bold;
}

.click 
{
	cursor: pointer;
}

.admin 
{
	text-align: left;
	margin-bottom: 10px;
}

/****************************************************************************************
 * Home page styling
 ***************************************************************************************/

/**
 * Search box
 */
#searchbox 
{
	width: 548px;
	height: 107px;
	overflow: hidden;
	background-image: url('images/searchbox.gif');
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#searchbox .searchexplanation 
{
	margin: 15px;
	color: white;
	font-size: 10;
	font-style: italic;
}

#searchbox .searchinput
{
	margin: 15px;
}

#searchbox .searchbox
{
	width: 427px;
	height: 33px;
	background-image: url('images/searchtext.gif');
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height: 30px;
}

#searchbox .searchboxDefaultText
{
	color: #838383;
	font-style: italic;
}

#searchbox .searchbutton 
{
	width: 54px;
	height: 34px;
	background-image: url('images/go.gif');
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 17px;
	margin-left: 15px;
}

#searchbox input
{
	background:transparent;
	border: 0px;
}

/**
 * USP's
 */
#usp 
{
	margin-top: 8px;
	margin-bottom: 15px;
}

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

#usp li
{
	border: 1px solid white;
	padding: 10px;
	line-height: 20px;
	list-style: none;
	background-color: #e3e3e3;
	color: #2f2f2f;
	cursor: pointer;
}

#usp li:hover,
#usp li.hover 
{
	color: white;
	background-color: #2f2f2f;
}

/**
 * Steps
 */
.steps 
{
	margin-bottom: 10px;
}

/**
 * Popular rulers
 */
#popularRulers 
{
	height: 34px;
	line-height: 34px;
	overflow: hidden;
}

#popularRulers #popularRulerText 
{
	font-weight: bold;
	margin-right: 5px;
}

#popularRulers .nowrap
{
	white-space: nowrap;
}

#popularRulers ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

#popularRulers ul li 
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

#popularRulers ul li a 
{
	color: white;
	text-decoration: underline;
	padding-left: 2px;
	padding-right: 2px;
}

/****************************************************************************************
 * Ruler page styling
 ***************************************************************************************/

/**
 * Ruler information
 */
#rulerInformation
{
	/*min-height: 300px;
	height: auto !important;
	height: 300px;*/
}

#rulerInformation .rulerImageDescription
{
	/*min-height: 75px;
	height: auto !important;
	height: 75px;*/
	margin-bottom: 10px;
}

#rulerInformation .rulerImageDescription .dateAuthor
{
	font-size: 10px;
	color: #898989;
}

#rulerInformation .rulerImage
{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#rulerInformation .rulerDescription
{
	font-size: 10px;
	font-weight: bold;
}

#rulerInformation .rulerDescription .EditBox 
{
	width: 230px;
	height: 50px;
	font-family: Arial, Verdana;
	font-size: 11px;
}

#rulerInformation .rulerChartArea
{
	margin-top: 5px;
	clear: both;
}

#rulerInformation .rulerChart
{
	background-image: url('images/graph-bg.jpg');
	background-repeat: repeat-x;
	z-index: 20;
}

#rulerInformation .positive 
{
	position: absolute;
	margin-top: 20px;
	width: 240px;
	text-align: left;
	color: #d0d0d0;
	text-transform: uppercase;
	font-size: 12px;
}

#rulerInformation .positive span
{
	padding-left: 10px;
}

#rulerInformation .negative
{
	position: absolute;
	margin-top: 120px;
	width: 240px;
	text-align: right;
	color: #d0d0d0;
	text-transform: uppercase;
	font-size: 12px;
}

#rulerInformation .negative span
{
	padding-right: 10px;
}

#rulerInformation .widget
{
	width: 16px;
	height: 16px;
	background-image: url('images/widget.png');
	margin-right: 5px;
}

/**
 * Ruler topics
 */
#ruler
{
	/*min-height: 300px;
	height: auto !important;
	height: 300px;*/
}

#ruler .scoreboard 
{
	width: 100%;
	margin-top: 10px;
}

#ruler .scoreboard thead 
{
	text-transform: uppercase;
	font-size: 11px;
	color: black;
}

#ruler .scoreboard tbody 
{
	background-color: #e0e0e0;
	line-height: 22px;
	font-size: 11px;
}

#ruler .scoreboard tbody tr.over,
#ruler .scoreboard tbody tr.hover:hover
{
	background-color: #bfbfbf;
}

#ruler .scoreboard .chartColumn 
{
	padding-right: 10px;
	white-space: nowrap;
}

#ruler .scoreboard .titleColumn 
{
	width: 100%;
}

#ruler .scoreboard .scoreColumn 
{
	text-align: right;
	white-space: nowrap;
}

#ruler .scoreboard .positiveScore 
{
	color: #197b30;
}

#ruler .scoreboard .negativeScore 
{
	color: #9f0b0f;
}

#ruler #newTopic 
{
	margin-top: 10px;
}

#ruler .suggestions 
{
	font-size: 10px;
}

#ruler .suggestions .term 
{
	margin-left: 5px;
}

#ruler .newTopicBox
{
	width: 160px;
	font-size: 11px;
}

#ruler .newTopicDefaultText
{
	color: #b7b7b7;
	font-style: italic;
}

#ruler .topicbutton 
{
	width: 60px;
	height: 20px;
	background-color: transparent;
	background-image: url('images/button.gif');
	background-repeat: no-repeat;
	color: white;
	font-size: 11px;
	margin-left: 5px;
	text-align: center;
	border: 0px;
	cursor: pointer;
}

#ruler #publishRuler 
{
	/*margin-top: 20px;*/
}

#ruler #publishRuler .publish 
{
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px dotted #828182;
}

#ruler #publishRuler .publish .publishHeader 
{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}

#ruler #publishRuler .publish .publishTitleInput
{
	width: 180px;
}

#ruler #publishRuler .EditBox 
{
	width: 230px;
	height: 50px;
	font-family: Arial, Verdana;
	font-size: 11px;
}

#ruler #publishRuler .PublishButton 
{
	width: 60px;
	height: 20px;
	background-color: transparent;
	background-image: url('images/button.gif');
	background-repeat: no-repeat;
	color: white;
	font-size: 11px;
	text-align: center;
	border: 0px;
	cursor: pointer;
}

/**
 * Social media links
 */
#share 
{
	float: right;
	width: 260px;
}

#share .socialmedia
{
	float: right;
	width: 120px;
}

#share .socialmedia .shareLink
{
	margin-right: 8px;
	margin-bottom: 3px;
	float: left;
}

#share .socialmedia .shareLink #sharethis_0
{
	width: 0px;
	padding: 0px;
	margin: 0px;
}

#share .socialmedia .shareLink #sharethis_0 a
{
	padding-right: 0px;
}

#share .bloglink
{
	margin-top: 5px;
	margin-right: 50px;
}

#share .bloglink .permalink .permalinkfront
{
	float: left;
	background-image: url('images/permalink1.png');
	background-repeat: no-repeat;
	width: 14px;
	height: 30px;
}

#share .bloglink .permalink .permalinkmiddle
{
	float: left;
	background-image: url('images/permalink2.png');
	background-repeat: repeat-x;
	height: 30px;
	line-height: 29px;
}

#share .bloglink .permalink .permalinkmiddle a
{
	color: white;
}

#share .bloglink .permalink .permalinkback
{
	float: left;
	background-image: url('images/permalink3.png');
	background-repeat: no-repeat;
	width: 22px;
	height: 30px;
}

#share a, #share a:link, #share a:hover, #share a:active, #share a:visited
{
	text-decoration: none;
}

/**
 * Document results
 */
#documentResults
{
	/*min-height: 300px;
	height: auto !important;
	height: 300px;*/
}

#documentResults .editPanel 
{
	margin-bottom: 10px;
}

#documentResults .editPanel .textbox
{
	width: 40px;
}

#documentResults .documentResult 
{
	margin-bottom: 10px;
	cursor: pointer;
}

#documentResults .documentResult .date 
{
	color: #898989;
	font-size: 10px;
}

#documentResults .documentResult .source 
{
	font-weight: bold;
	font-size: 10px;
}

#documentResults .documentResult .documentResultAbstract 
{
	color: #2f2f2f;
}

#documentResults .documentResult a 
{
	color: black;
	text-decoration: none;
	font-weight: bold;
}

#documentResults .documentResult a:hover, #documentResults .documentResult a:active
{
	text-decoration: underline;
}

/**
 * Termcloud
 */
#termcloud
{
	text-align: center;
	line-height: 16px;
}

#termcloud .termcloudTerm
{
	margin-left: 2px;
	margin-right: 2px;
}

#termcloud a
{
	text-decoration: none;
}

#termcloud a:hover, #termcloud a:active
{
	text-decoration: underline;
}

/**
 * Related topics
 */
#relatedTopics 
{
	text-align: center;
	line-height: 16px;
	/*min-height: 75px;
	height: auto !important;
	height: 75px;*/
}

#relatedTopics .relatedTerm 
{
	display: block;
}

#relatedTopics a
{
	text-decoration: none;
}

#relatedTopics a:hover, #relatedTopics a:active
{
	text-decoration: underline;
}

/**
 * Related rulers
 */
#relatedRulers
{
	/*min-height: 75px;
	height: auto !important;
	height: 75px;*/
}

#relatedRulers .relatedRuler
{
	margin-bottom: 10px;
}

#relatedRulers .relatedRuler .dateAuthor
{
	font-size: 10px;
	color: #898989;
}

#relatedRulers .relatedRuler a.relatedRulerTitle
{
	text-decoration: none;
	font-weight: bold;
}

#relatedRulers .relatedRuler .relatedRulerDescription
{
}

/**
 * Banner
 */
#banner .bannerImage, #banner .bannerScript
{
	text-align: center;
}

#banner .newBanner 
{
	margin-bottom: 10px;
}

/**
 * Twitter
 */
#twitter 
{
	margin-top: 5px;
}

#twitter .twtr-hd 
{
	display: none;
}

#twitter .twtr-ft
{
	display: none;
}

#twitter .twtr-bd p
{
	overflow: hidden;
}

/**
 * Flickr
 */
#flickr
{
	margin-top: 5px;
	text-align: center;
}

#flickr .flickrImage
{
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/****************************************************************************************
 * Topic page styling
 ***************************************************************************************/

/**
 * Topic information
 */
#topicInformation .topicChartArea
{
	margin-top: 5px;
	clear: both;
}

#topicInformation .topicChart
{
	background-image: url('images/graph-bg-smaller.jpg');
	background-repeat: repeat-x;
}

#topicInformation .positive 
{
	position: absolute;
	margin-top: 10px;
	width: 190px;
	text-align: left;
	color: #d0d0d0;
	text-transform: uppercase;
	font-size: 10px;
}

#topicInformation .positive span
{
	padding-left: 10px;
}

#topicInformation .negative
{
	position: absolute;
	margin-top: 110px;
	width: 190px;
	text-align: right;
	color: #d0d0d0;
	text-transform: uppercase;
	font-size: 10px;
}

#topicInformation .negative span
{
	padding-right: 10px;
}

/*
 */
#sitemap .name
{
	width: 300px;
	/*white-space: nowrap;*/
	display: inline-block;
}

#sitemap .author
{
	font-size: 10px;
	color: #898989;
	width: 150px;
	white-space: nowrap;
	display: inline-block;
}

#sitemap .date
{
	font-size: 10px;
	color: #898989;
}

/****************************************************************************************
 * Frozen ruler page styling
 ***************************************************************************************/
.frozenlink 
{
	float: right;
	margin-bottom: 5px;
	line-height: 20px;
}

.frozenlink input 
{
	width: 400px;
	border: 1px dotted #898989;
	margin-left: 10px;
	padding-left: 3px;
	padding-right: 3px;
	font-family: Monospace;
	font-size: 12px;
	background-color: #fffc9f;
}