/* This file is automatically generated.
 * See extras/themes/template.css */

/** General **/
/**********************************************************/

html, body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	background: #ced5d9;
}

body {
	text-align: center;
	font-style: normal;
	/* font-size: 10pt; */
    font-size: 13px;
	font-family: Tahoma, Loma, Thonburi, sans-serif;
}

body a:link {
	text-decoration: underline;
	color: #01c;
}

body a:visited {
	text-decoration: underline;
	color: #01c;
}

body a:hover {
	text-decoration: underline;
	color: #01c;
}

body img {
	padding: 0px;
	margin: 0px;
	border: 0px;
	vertical-align: middle;
}

body p {
	margin: 4px;
	padding: 4px;
}

body form {
	margin: 0px;
	padding: 0px;
}

body table {
	margin: 2px;
	padding: 2px;
}

body tr {
	margin: 0px;
	padding: 0px;
}

body td {
	text-align: left;
	vertical-align: top;
	margin: 2px;
	padding: 2px;
}

/** Shared Theme IDs **/
/**********************************************************/

div#screen-wrapper {
	width: 100%;
}

div#page-wrapper {
	padding: 2px 0px;
	width: 780px;
	text-align: center;
	background: url(/themes/blue/shadow.gif);
	margin-left: auto;
	margin-right: auto;
}

div#page {
	background: #FFFFFF;
	width: 740px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div#title {
	padding: 10px 4px 10px;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 2.5em;
	height: 95px;
	color: #FFFFFF;
	background: #00356A;
	text-align: center;
	background: url(/themes/blue/title-background.jpg) repeat-x scroll 100%;
}

div#subtitle {
	font-size: 1em;
	color: #FFFFFF;
	background: #00356A;
	padding: 4px;
  height: 17px;
	background: url(/themes/blue/subtitle-background.jpg) repeat-x;
}

div.breadcrumbs {
	padding: 2px 8px;
	clear: both;
}

div#searchbar {
	float: right;
}

div#searchbar a {
	color: #FFFFFF;
}

div.badge-code {
	font-size: 0.8em;
	clear: both;
	padding: 4px 4px;
	position: relative;
}

div#footer {
	font-size: 0.8em;
	text-align: center;
	clear: both;
	border-top: 1px solid #004F9D;
	padding: 10px 4px;
}

/** contents **/

/*-- one column --*/

div#content1 {
	background: #FFFFFF;
	border-bottom: 1px solid #5FAEFC;
}

div#content1 div.home {
}

/*-- two column --*/

div#content2 {
}

div#sidebar2 {
  padding: 10px 0;
  margin: 0 8px;
  border-top: 1px solid #004F9D;
  border-bottom: 1px solid #004F9D;
  background: #FFFFFF; 
}

div#sidebar2 div.sidebar-left {
  float: left;
  width: 306px;
}

div#sidebar2 div.sidebar-right {
  float: right;
  width: 306px;
}

/** Shared Classes **/
/**********************************************************/

input.common {
	width: 350px;
}

input.half_common {
	width: 175px;
}

textarea.common {
	width: 350px;
}

textarea.x-large {
  width: 470px;
}

textarea.xx-large {
	width: 700px;
}

select.wide {
	width: 96%;
}

div.auto_complete {
	margin: 2px 0px;
	padding: 2px 0px 4px;
}

div.notice {
	padding: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.notice td {
	vertical-align: middle;
}

div.notice {
	margin: 2px;
	border: 2px solid #FF3300;
	background: #FFCC33;
}

.fieldWithErrors {
	border: 2px solid #FF3300;
}

div.floating-view {
	position: absolute;
	padding: 4px;
	margin: 4px;
	background: #FFFFFF;
	border: 1px solid #5FAEFC;
	display: none;
	width: auto;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.plain {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

div.common_list {
  margin: 0px;
}

div.common_list ul {
	margin: 0px 5px;
	padding: 0px;
	list-style-type: none;
}

div.common_list ul li {
	padding: 4px;
}

ul.choice_list li {
	margin: 0px 0px 0px 20px;
}

div.pagination {
	margin: 4px;
	padding: 12px 4px 4px;
	text-align: center;
}

div.pagination a:link, div.pagination a:visited {
	text-decoration: none;
}

div.pagination span.current {
  font-weight: bold;
  border: 1px solid #000000;
  padding: 0px 5px;
}

span.more a:link, span.more a:visited {
	text-decoration: none;
}

div.action_icon {
	font-size: 0.8em;
}

div.action_icon a:link, div.action_icon a:visited {
	text-decoration: none;
}

table.center, td.center {
  text-align: center;
  vertical-align: middle;
}

td.show-border {
  border: 1px solid #ccc;
}

div.action-buttons {
  padding: 0px 0px 10px;
  text-align: right;
}

div.critical {
	text-align: center;
	background: #fad163;
	padding: 4px;
	margin: 8px 0px;
	border: 1px solid #fb0;
}

/* box */

div.box {
	margin: 4px;
	padding: 4px 6px 6px;
}

div.box div.title {
	margin: 4px 0px;
	padding: 0px 0px 2px;
	font-size: 1.35em;
	font-weight: bold;
	text-align: left;
	color: #004F9D;
	border-bottom: 1px solid #004F9D;
}

div.box div.title a:link, div.box div.title a:visited {
	text-decoration: none;
}

div.box div.subtitle {
	margin: 4px 0px 0px;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	color: #004F9D;
}

div.highlight {
	border: 1px solid #5FAEFC;
	background: #E6F4FF;
}

div.highlight div.title {
	border-bottom: 1px solid #5FAEFC;
}

div.box div.scroll_box {
	height: 300px;
	overflow: auto;
}

div#profile {
	padding: 0px 0px 4px;
	border-bottom: 1px solid #00356A;
}

div#profile td.username {
	vertical-align: bottom;
	border-right: 1px solid #00356A;
}

div#profile td.description {
	padding-left: 10px;
}

div#profile p.info {
	padding: 4px;
	margin: 0px;
}

div.main_title {
	margin: 12px 10px 4px 8px;
	padding: 2px 4px 0px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	background: #00356A;
}

div.main-title-entry-date {
	margin: 20px 0px 8px;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	color: #004F9D;
  border-bottom: 1px solid #004F9D;
}

div.main_title_line {
	margin: 4px 0px;
	padding: 6px;
	text-align: center;
	background: #E6F4FF;
}

div.tags {
	padding: 4px 10px;
}

td.picture {
	text-align: center;
	vertical-align: top;
}

td.picture_info {
	padding: 4px 6px;
}

div.picture {
	margin: 0px;
	padding: 2px;
}

img.user_picture {
	margin: 4px;
	padding: 0px;
	float: left;
	border: 1px solid #eee;
}

img.profile_picture {
	border: 1px solid #eee;
}

span.tag_link {
}

span.reverse_tag_link {
	background: #D4E6F7;
}

img.file_display {
	border: 1px solid #406480;
}

p.tag_cloud {
	text-align: justify;
}

/* what? */
span.tag_1 a:link, span.tag_1 a:visited {
	color: #002299;
	text-decoration: none;
}
span.tag_2 a:link, span.tag_2 a:visited {
	color: #0033AA;
	text-decoration: none;
}
span.tag_3 a:link, span.tag_3 a:visited {
	color: #1144BB;
	text-decoration: none;
}
span.tag_4 a:link, span.tag_4 a:visited {
	color: #2255CC;
	text-decoration: none;
}
span.tag_5 a:link, span.tag_5 a:visited {
	color: #3366DD;
	text-decoration: none;
}
span.tag_6 a:link, span.tag_6 a:visited {
	color: #4477EE;
	text-decoration: none;
}

span.tag_1 a:hover, span.tag_2 a:hover, span.tag_3 a:hover,
span.tag_4 a:hover, span.tag_5 a:hover, span.tag_6 a:hover {
	text-decoration: underline;
}

table.common_list {
  width: 100%;
	margin: 4px 0px;
}

table.common_list td.odd {
}

table.common_list td.even {
	background: #E6F4FF;
}

th {
  color: #FFFFFF;
  background-color: #004F9D;
  text-align: center;
  height: 2em;
}

tr.odd {
  background-color: #FFFFFF;
}

tr.even {
  background-color: #eee;
}

div.stat {
	font-size: 0.8em;
	float: right;
	margin: 4px 2px 1px;
	padding: 1px 2px;
	background: #E6F4FF;
	border: 1px solid #ced5d9;
}

/* Comments */

div.comments {
	margin: 0px 4px 8px;
	padding: 0px 4px 8px;
}

div.comments div.title {
	padding: 8px 4px 4px;
	margin: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #004F9D;
	border: none;
}

div.comment_greeting {
	text-align: center;
	padding: 10px;
}

div.comment_form {
	background: #FFFFFF;
	padding: 10px 4px;
}

div.comment_item {
	margin: 0px 0px 4px;
	padding: 10px;
	border: 1px solid #5FAEFC;
}

div.comment_item div.info {
	padding: 4px 0px 8px;
	font-size: 0.8em;
}

div.comment_item div.content {
	padding: 0px;
}

div.comment_item div.content a:link, div.comment_item div.content a:visited {
	text-decoration: underline;
}

div.comment_highlight {
	background: #E6F4FF;
	border: 1px solid #5FAEFC;
}

div.gotop {
  float: right;
}

/* Item */

div.item {
	padding: 0px 0px 8px;
	margin: 0px;
	border-bottom: 1px dashed #5FAEFC;
}

div.item div.title {
	margin: 0px;
	padding: 6px 0px;
	font-size: 1.3em;
	font-weight: bold;
	border: none;
}

div.item div.file-preview {
	text-align: center;
	padding: 6px 10px;
}

div.item div.file-thumbnail {
	float: left;
	padding: 2px;
}

div.item div.file-space {
	clear: both;
	padding: 6px;
}

div.item div.excerpt {
	text-align: left;
	margin: 6px;
	padding: 10px;
	border: 2px solid #68C00C;
	background: #CDF99F;
	width: 50%;
	float: right;
}

div.item div.content {
	padding: 0px 5px 4px;
}

div.item div.content a:link, div.item div.content a:visited {
	text-decoration: underline;
}

div.item div.tags {
	padding: 2px 5px;
}

div.item div.controller {
	padding: 4px 5px;
	font-size: 0.8em;
}

div.item div.info {
	padding: 2px 5px;
	font-size: 0.8em;
}

/* Short Item */

div.short_item {
  clear: both;
	margin: 4px;
	padding: 4px;
	text-align: left;
  border-bottom: 1px solid #D4E6F7;
}

div.short_more_item {
	margin: 0px;
	padding: 0px;
	text-align: right;
}

div.short_item div.title {
	font-size: 1.1em;
	border: none;
}

div.column_left {
  width: 50%;
  float: left;
  overflow: hidden;
}

div.column_right {
  width: 50%;
  float: right;
  overflow: hidden;
}

div.clear {
  clear: both;
}

div.short_item div.info {
	padding: 4px 0px;
	font-size: 0.8em;
}

div.short_item span.info {
	font-size: 0.8em;
}

table.wrapper, table.wrapper td {
  margin: 0px;
  padding: 0px;
}

/* Calendar */

div#calendar {
  width: 280px;
}

table.calendar {
  width: 70%;
}

td.calendar_link {
	text-align: right;
	font-weight: bold;
	margin: 1px;
	padding: 1px;
	border: 1px solid #00356A;
	background: #FFCC33; 
}

td.calendar_no_link {
	text-align: right;
	color: #D4E6F7;
	margin: 1px;
	padding: 1px;
	border: 1px solid #5FAEFC;
	background: #E6F4FF;
}

/* Planetarium */
div.box div.planetarium {
  width: 320px;
  border: 1px solid #D4E6F7;
}

table.planetarium td {
  border-bottom: 1px dashed #D4E6F7;
}

table.planetarium td:hover {
	background-color: #E6F4FF;
}

/* ribbon */

div#ribbon {
	margin: 0px;
	padding: 0px;
	height: 28px;
	text-align: left;
	color: #FFFFFF;
	border-bottom: 1px solid #00356A;
	background-color: #004F9D;
}

div#ribbon li.yuimenubaritem a {
  color: #fff;
}

div#ribbon li.yuimenuitem a {
  color: #000;
}

div#ribbon div.content {
  padding-left: 5px;
  line-height: 28px;
}

div#ribbon-shortcut {
	margin: 0px;
	padding: 0px;
	height: 28px;
	text-align: right;
	color: #FFFFFF;
	border-bottom: 1px solid #00356A;
	background-color: #E6F4FF;
}

div#ribbon-shortcut ul {
  list-style-type: none;
  margin: 0px;
  padding: 4px 10px;
}

div#ribbon-shortcut li {
  display: inline;
}

div#ribbon-shortcut a {
	color: #01c;
  text-decoration: underline;
  padding: 4px;
}

/* Image Browser */

div.image-browser {
  overflow: auto;
  width: auto;
  height: 120px;
  border: 1px solid #ccc;
  padding-left: 4px;
  text-align: center;
}

div#image-browser img {
  margin: 0px;
  padding-top: 5px;
}

div.image-browser-refresh {
  cursor: pointer;
  float: right;
  height: 25px;
  width: 100px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #ccc;
  background-color: #e9e9e9;
  padding: 5px 0 0 20px;
  margin: 0 5px 0 0;
}

div.image-browser-next {
  float: right;
  height: 25px;
  width: 100px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #ccc;
  background: #e9e9e9 url('/images/menu_rightarrow.gif') center right no-repeat;
  cursor: pointer;
  padding: 5px 0 0 20px;
}

/* TabView */

div#tab-view {
  font-weight: bold;
}

div#tab-view ul {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: #004F9D;
  margin: 3px 0;
  padding: 4px 0;
}

div#tab-view li.selected {
  background: #FFFFFF;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #004F9D;
  padding: 4px 4px 5px 4px;
}

div#tab-view li.selected a {
  color: #000;
  background: #FFFFFF;
}

div#tab-view li {
  list-style-type: none;
  display: inline;
  text-decoration: none;
  color: #666; 
  background: #DDD;
  border-width: 1px;
  border-style: solid;
  border-color: #004F9D;
  padding: 4px;
  margin-left: 6px;
}

div#tab-view li a {
  text-decoration: none;
  color: #666; 
  background: #DDD;
}