/* 
Created by Hiroshi Sotomura for the rijonAdventures official site. For usage outside of the site, please request permission via e-mail. 

Email address: tetsuya606-nospam-@optusnet.com.au - remove "-nospam-" 
*/

/* @group Page elements */

body {
	color: #333333;
	font-family: "Segoe UI", Tahoma, Verdana, sansserif;
	font-size: 8pt;
	background: #E8E8E8 url(images/siteheader-background.png) repeat-x;
	margin: 0;
}

.languageselector {
	float: right;
	margin-right: 10px;
	margin-top: 3px;
	color: white;
	font-weight: bold;
	font-size: 7pt;
}

.languageselector img {
	border: 1px solid white;
}

.languageselector img:hover {
	border: 1px solid #fcee00;
	
}

.languageselector img:active {
	border: 1px solid #f00;
	
}

.header {
	height: 200px;
	background: url(images/siteheader-new.png) no-repeat right top;
}

.headertext {
	float: left;
	padding-top: 3px;
	padding-left: 20px;
	color: white;
}

.headertext a {
	color: white;
}

.page {
	margin: 10px;
	margin-top: 0;
}

h1 {
	display: none;
}

h2 {
	display: none;
}

h3 {
	margin-top: 0;
	color: #3573A8;
	border-bottom: 1px solid #e5e5e5;
}

h5 {
	font-size: 8pt;
	color: #426388;
}

a {
	color: #0066CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
}

/* @end */

/* @group Sidebar */

.sidebar {
	float: left;
	background-color: #F7F7F7;
	width: 200px;
	border: 1px solid #CCCCCC;
}

a .sidebar {
	text-decoration: none;
}

a:hover .sidebar {
	text-decoration: none;
}

.sidebar .divider {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 1px 10px;
	background-color: #e5e5e5;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 7pt;
}

ul.sidebarlinks {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 100%;
}

ul.MenuBarVertical li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 100%;
}

ul.sidebarlinks a {
	display: block;
	cursor: pointer;
	background-color: #fff;
	color: #333;
	text-decoration: none;
	padding: 0.5em 0.75em 0.5em 1.25em;
}

ul.sidebarlinks a:hover, ul.sidebarlinks a:focus, ul.sidebarlinks .selected a {
	color: #FFF;
	background: #767575 url(images/rollovers/active.png) no-repeat right top;
}

ul.sidebarlinks .general a {
	background: #FFFFFF url(images/rollovers/info.png) no-repeat right top;
}

ul.sidebarlinks .general a:hover, ul.sidebarlinks .general a:focus, ul.sidebarlinks .general-selected a {
	color: #FFF;
	background: #3b6686 url(images/rollovers/active-info.png) no-repeat right top;
}

ul.sidebarlinks .events a {
	background: #FFFFFF url(images/rollovers/events.png) no-repeat right top;
}

ul.sidebarlinks .events a:hover, ul.sidebarlinks .events a:focus, ul.sidebarlinks .events-selected a {
	color: #FFF;
	background: #c86808 url(images/rollovers/active-events.png) no-repeat right top;
}

ul.sidebarlinks .features a {
	background: #FFFFFF url(images/rollovers/features.png) no-repeat right top;
}

ul.sidebarlinks .features a:hover, ul.sidebarlinks .features a:focus, ul.sidebarlinks .features-selected a {
	color: #FFF;
	background: #ac5454 url(images/rollovers/active-features.png) no-repeat right top;
}

ul.sidebarlinks .pokemon a {
	background: #FFFFFF url(images/rollovers/pokemon.png) no-repeat right top;
}

ul.sidebarlinks .pokemon a:hover, ul.sidebarlinks .pokemon a:focus, ul.sidebarlinks .pokemon-selected a {
	color: #FFF;
	background: #8e5bb2 url(images/rollovers/active-pokemon.png) no-repeat right top;
}

ul.sidebarlinks .areas a {
	background: #FFFFFF url(images/rollovers/areas.png) no-repeat right top;
}

ul.sidebarlinks .areas a:hover, ul.sidebarlinks .areas a:focus, ul.sidebarlinks .areas-selected a {
	color: #FFF;
	background: #6da335 url(images/rollovers/active-areas.png) no-repeat right top;
}

ul.sidebarlinks .alerts a {
	background: #FFFFFF url(images/rollovers/alerts.png) no-repeat right top;
}

ul.sidebarlinks .alerts a:hover, ul.sidebarlinks .alerts a:focus, ul.sidebarlinks .alerts-selected a {
	color: #FFF;
	background: #508b99 url(images/rollovers/active-alerts.png) no-repeat right top;
}

ul.sidebarlinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 100%;
}

/* @end */

/* @group Content */

.content {
	margin-left: 210px;
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding: 10px;
}

.content .toc-box {
	width: 70%;
	background-color: #a8a8a8;
	color: white;
	padding: 2px;
}

.content .toc-box .toc-content {
	background-color: #f5f5f5;
	color: #7a7a7a;
	padding: 2px;
	margin-bottom: 1px;
}

.content img.contenticon {
	padding-right: 5px;
	border: 0;
	float: right;
}

.content .toc-contentholder {
	padding-left: 5px;
}

.content .contentdate {
	font-size: 7pt

;
}

/* @end */

/* @group Front Page Content */

.content-frontpage {
	margin-left: 210px;
	margin-right: 210px;
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding: 10px;
}

/* @end */

/* @group Front Page Right Bar */

.right-sidebar {
	float: right;
	width: 200px;
	border: 1px solid #CCCCCC;
	background: #F7F7F7 url(images/background-rightbarmap.png) no-repeat;
}

.right-sidebar .infopanel {
	padding-right: 10px;
	padding-left: 10px;
}

.right-sidebar .panelheader {
	background-color: #9f9f9f;
	padding: 3px 5px;
	color: #fff;
	text-transform: uppercase;
	font-size: 7pt;
}

/* @end */

/* @group Update */

.updatebox {
	background-color: white;
	color: black;
	border-color: #cdcccc;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 10px;
}

.updatebox .updateheader-info {
	color: white;
	padding: 5px;
	background: #3b6686 url(images/updatebackground-info.png) no-repeat right top;
}

.updatebox .updateheader-features {
	color: white;
	padding: 5px;
	background: #ac5454 url(images/updatebackground-features.png) no-repeat right top;
}

.updatebox .updateheader-pokemon {
	color: white;
	padding: 5px;
	background: #8e5bb2 url(images/updatebackground-pokemon.png) no-repeat right top;
}

.updatebox .updateheader-areas {
	color: white;
	padding: 5px;
	background: #6da335 url(images/updatebackground-areas.png) no-repeat right top;
}

.updatebox .updateheader-alerts {
	color: white;
	padding: 5px;
	background: #4f8b99 url(images/updatebackground-alerts.png) no-repeat right top;
}

.updatebox .updateheader-beta {
	color: #3f79a3;
	background-color: #c4d8e7;
	padding: 5px;
}

.updatebox .updateheader-jobs {
	color: #a38f3f;
	background-color: #e6dfc3;
	padding: 5px;
}

.updatebox img.updateicon {
	padding-right: 5px;
	border: 0;
	float: right;
}

.updatebox .date {
	font-size: 7pt;
}

h4 {
	font-size: 12pt;
	font-weight: bold;
	margin: 0;
}

.updatebox ul {
	margin-top: 1px;
	margin-bottom: 1px;
}

.update-navigator {
	background-color: #fff;
	text-align: center;
	border: 1pt solid #ccc;
	font-weight: bold;
	font-size: 80%;
	padding: 2pt;
	color: #7e7e7e;
}

.update-navigator a {
	color: #7e7e7e;
	text-decoration: none;
}

.update-navigator a:hover {
	color: #535353;
	text-decoration: underline;
}

/* @end */

/* @group Downloads page */

a.downloadbutton {
	text-decoration: none;
	display: block;
	background-color: #eeeeee;
	color: #565656;
	font-size: 11pt;
	border: 1px solid #c9c9c9;
	float: right;
	padding: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
}

a.downloadbutton:hover {
	color: #565656;
	background-color: #dddddd;
}

a.downloadbutton:active {
	color: #565656;
	background-color: #c4c4c4;
}

/* @end */

/* @group Page information */

.warningbox {
	color: #57520d;
	background-color: #eae7c2;
	padding: 5px;
	border: 1px solid #cbc780;
}

.stepnumber {
	width: 60px;
	text-align: center;
	vertical-align: top;
}

.stepinstructions {
	background-color: white;
	vertical-align: top;
	border: 1px solid #e5e5e5;
}

/* @end */

/* @group Tables */

table.codetable {
	background-color: #f1f1f1;
	color: #4b4b4b;
	border: 1px solid #a7a7a7;
} 

table.codetable th {
	background-color: #7ca36c;
	color: #fff;
}

table.codetable td {
	background-color: #dce5d9;
	color: #4b4b4b;
}

table.codetable .code {
	font-family: monospace;
}

/* @end */

/* @group Text highlights */

.highlight-city {
	color: #e17f00;
}

.highlight-town {
	color: #2b5dc3;
}

.highlight-dungeon {
	color: #da1111;
}

.highlight-rijontunnel {
	color: #5ba018;
}

.highlight-underpass {
	color: #bb2685;
}

.faq-question {
	color: #5f7080;
	font-weight: bold;
}

.faq-solution {
	color: #656565;
	padding-left: 20px;
}

/* @end */

/* @group Footer */

.footer {
	margin-top: 10px;
	text-align: center;
	background-color: #f1f1f1;
	border: 1px solid #CCCCCC;
}

/* @end */