/* general settings */
* { outline: none; }
body {
	font: 11px Verdana,Tahoma,Arial,sans-serif;
	background: #fff; color: #505050;
	padding: 0px; margin: 0px;
}

.rounded { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.rounded-bottom { border-bottom-right-radius: 3px;-moz-border-radius-bottomright: 3px;-webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;-webkit-border-bottom-left-radius: 3px; }
.rounded-bottom-left { border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;-webkit-border-bottom-left-radius: 3px; }
.rounded-top { border-top-left-radius: 3px;-webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px; border-top-right-radius: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px; }
.rounded-top-left { border-top-left-radius: 3px;-webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px; }
.rounded-right { border-top-right-radius: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;border-bottom-right-radius: 3px;-moz-border-radius-bottomright: 3px;-webkit-border-bottom-right-radius: 3px; }


/* the headings you can use */
h1, h2
{
	/*margin: 0px;*/
	padding: 0px;
	color: #3871C2;
}
h1 { 
	 font-size: 12px;
     font-weight: bold;
	 color: #3871C2;
	 border-bottom: 1px solid #EFEFEF;
}

h2 { /* page headers */
	 font-size: 12px;
     font-weight: bold;
	 color: #3871C2;
	 border-bottom: 1px solid #EFEFEF;
} 

/* how the links should behave */
a { text-decoration: none; }
a:link { color: #767676; }
a:visited { color: #767676; }
a:active { color: #767676; }
a:hover { color: #808080; text-decoration: underline; }

/* single pixel borders on input boxes */
input[type="text"], input[type="password"], textarea, select
{
   padding: 2px;
   font-size: 11px;
}

input {
	font-size: 11px;
}

/* Container */
#container { width: 80%; min-width: 900px; margin: 10px auto; }

/* Header */
#header { background: #3359A0; color: #fff; }
	#header .inner { width: 80%; min-width: 900px; margin: 0 auto; }
		#header #logo { display: block; width: 400px; background: url(http://ninkobb.com/templates/default/assets/images/logo_white.png) no-repeat 5px 8px; height: 86px; }

	
#menu { width: 80%; min-width: 900px; margin: 0 auto; padding: 0px; list-style: none; background: #DDEEFE; }
	#menu li { padding: 0px; margin: 0px; float: left; }
	#menu a { float: left; display: block; padding: 8px 10px; color: #3871C2; }
		#menu a:hover { background-color: #3871C2; color: #fff; text-decoration: none; }
		#menu a.current { background-color: #3871C2; color: #fff; }
				
#menu .user { float: right; color: #3871C2; display: block; padding: 8px; }

/* Menu */
.menu { float: right; }

/* Forms */
.showclosed { float: right; }

/* text in tables */
td, th {
	font: 11px Verdana,Tahoma,Arial,sans-serif;
}

.code {
   margin: 0px; padding: 10px;
}

/* a class that describes how tables should look */
.datatable {
		border-collapse: collapse;
		margin-top: 10px;
		width: 100%;
		/*margin-left:auto; 
		margin-right:auto;*/
}

.message { 
	margin-top: 0px;
	margin-bottom: 10px;
}

.userdata {
	background: #EFEFEF;
	margin-bottom: 5px;
	padding: 5px;
}

.text {
	padding: 5px;
}

.datatable th {
		color: #505050;
}

.datatable th, .datatable th:hover {
		font-weight: bold;
		color: #505050;
		text-align: left;
		padding: 4px;
		background: #fff;
}

.datatable td {
		border: 1px solid #fff;
		padding: 4px;
		text-align: left;
		background-color: #FFFFFF;
}

.datatable .even {
	background: #DDEEFE;
	border: 1px solid #fff;
	color: #3871C2;
}

.datatable .odd {
	background: #F0F0F0;
	border: 1px solid #fff;
	color: #808080;
}

.datatable caption {
	text-align: left;
	font-size: 12px;
    font-weight: bold;
	color: #3871C2;
}
.datatable td.blue {
		background-color: #FF9F36;
		border: 1px solid #fff;
		color: #fff;
}
.datatable td.red {
		background-color: #BC3434;
		border: 1px solid #fff;
		color: #fff;
}

.datatable td.green {
		background-color: #3B912E;
		border: 1px solid #fff;
		color: #fff;
}

.datatable td.red a, .datatable td.green a, .datatable td.blue a {
		color: #fff; font-weight: 700;
}

.datatable tr:hover, .datatable tr.hilite {

}