/*
  JSP theme CSS by Euan McKay
  
  learning from
  
	Zenfandel design by Nicholas Rougeux
	[ www.c82.net ]
*/

/*__________Clean slate__________*/
body, h1, h2, h3, li, p, ul { font-size: 1em; margin: 0; padding: 0; }


/*__________Basics__________*/
a, a:link, a:visited, a:hover, a:active { color: #ada364; }
a:hover { text-decoration: none; }

body {
	background: url(images/japanese.jpg) no-repeat 760px bottom;
	color: #0f330d;
	font-family: "Lucida Grande", Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
}

#container { background: url(images/bgMain.gif) repeat-y; padding-bottom:20px; min-height:900px;}
#container2 {  }


h2 { color: #df9947; font-style: italic; font-size: 1.7em; font-weight: normal; margin-bottom: 0.5em; }
p { line-height: 1.5em; margin-bottom: 1em; }


/*__________Header__________*/
#pageHeader {
	background: #fff url(images/header2.jpg) no-repeat left top;
	border-bottom: 1px solid #acb7a6;
	height: 155px;
}

#pageHeader h1 { display:none; position:absolute; left:250px; top:50px; font-size:3em; }
#pageHeader h2 { display:none; position:absolute; left:250px; top:100px; font-size:2em; }

#menu_elements { display:none; }
#welcome-text { display:none; }

/*__________Supporting text__________*/
#supportingText { margin-left: 230px; width: 530px; }

.story {
	background: url(images/divider01.gif) no-repeat bottom;
	margin-bottom: 2em;
	padding-bottom: 37px;
}

#supportingText ul { padding-left: 20px; margin-left: 10px; }
#supportingText h2 { padding-top: 10px; }

/*__________Side__________*/
#linkList {
	color: #fff;
	font-family: Arial, Tahoma, Geneva, Helvetica, Verdana, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 156px;
	width: 220px;
}

#linkList a, #linkList h3 { font-family: Georgia, "Times New Roman", Times, serif; }
.lblock a {  }
#linkList a { color: #fff; font-size: 1.1em; font-weight: bold; text-decoration: none; }
#linkList a:hover { text-decoration: underline; }

#linkList h3 {
	color: #ccc180;
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
	padding-top: 0.5em;
	text-align: center;
	text-transform: uppercase;
}

#leftblocks { background: #66410d url(images/curlbig2.gif) no-repeat bottom; padding-bottom: 100px; }
#rightblocks { }

.lblock li { background: url(images/bullet.gif) no-repeat 0 0.3em; padding-left: 15px; }
.rblock li { padding-left: 15px; }
#linkList ul { list-style: none; padding: 0 10px 0.8em 10px; }
.lblock {  }
.lblock li { padding-bottom: 0.6em; }
.rblock { border-top: 3px double #8e7253; }
.rblock li { margin-bottom: 0.2em; }

.block-helpicon {float:right;}

/*__________Footer__________*/
#footer { font-size: 0.85em; font-style: italic; text-align: right; }




/* CLASSES ********************************************************************/

/* Admin lists ****************************************************************/
.admin-list-icon {
  float:left;
  padding:5px;
}
.admin-list-table {
  width:100%;
  text-align:left;
  border-spacing:1px;
}
.admin-list-table form {
  margin:0px;
}
.admin-list-search{
  text-align:center;
  margin-top:5px;
  margin-bottom:5px;
}
.admin-list-field {
  text-align:left;
  padding-left:5px;
  padding-right:5px;
}
.admin-list-headerfield {
  text-align:left;
  padding-left:5px;
  padding-right:5px;
  font-size:larger;
}
/* general alignment classes **************************************************/
.alignleft {
  text-align:left;
}
.alignright {
  text-align:right;
}
.aligncenter {
  text-align:center;
}
.aligntop {
  vertical-align:top;
}

/******************************************************************************/
.edit-perm-down {
  text-align:center;
}
.edit-perm-up{
  text-align:center;
  padding-right:10px;
  padding-left:10px;
}
.fieldhelp {
  font-size:0.8em;
  color:#666666;
}

/* Stats **********************************************************************/
.stats-list-count {
  text-align:right;
  padding-left:5px;
  padding-right:5px;
}
.stats-header-title {
  text-align:left;
  width:90%;
  padding-left:5px;
  padding-right:5px;
}
.stats-header-count {
  text-align:left;
  width:10%;
  padding-left:5px;
  padding-right:5px;
}

/* Navbar Class CSS ***********************************************************/
#navcontainer {
  float:left;
  width:100%;
  background:#F4F4F4;
  font-size:93%;
  line-height:normal;
  border-bottom:1px solid #24618E;
  }
#navcontainer ul {
  margin:0px;
  padding:10px 10px 0 50px;
  list-style:none;
}
#navcontainer li {
  display:inline;
  margin:0px;
  padding:0px;
}
#navcontainer a {
  float:left;
  background:url("navbar/images/tableftJ.gif") no-repeat left top;
  margin:0px;
  padding:0px 0px 0px 5px;
  text-decoration:none;
}
#navcontainer a span {
  float:left;
  display:block;
  background:url("navbar/images/tabrightJ.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navcontainer a span {
  float:none;
}
/* End IE5-Mac hack */
#navcontainer a:hover span {
  color:#FFFFFF;
}
#navcontainer a:hover {
  background-position:0% -42px;
}
#navcontainer a:hover span {
  background-position:100% -42px;
}
#navcontainer a#current span {
  background:url("navbar/images/tabrightI.gif") no-repeat left top;
  background-position:100% -42px;
  color:#FFFFFF;
}
#navcontainer a:link#current,
#navcontainer a:visited#current,
#navcontainer a:hover#current {
  background:url("navbar/images/tableftI.gif") no-repeat left top;
  background-position:0% -42px;
}

/* Common CSS for on-hover tooltip feature */
a.tooltip {
  position: relative; /*this is the key*/
  z-index:10;
  color:#000;
  text-decoration:none;
}
a.tooltip:hover  {
  z-index:100;
  text-decoration:none
}
a.tooltip span {
  display: none
}
a.tooltip:hover span {
  /*the span will display just on :hover state*/
  z-index:100;
  color:#033666;
  font-style:normal;
  font-size:.8em;
  line-height: 125%;
  display:block;
  position:absolute;
  border:1px solid #C8DAF7;
  background-color:#E5EFFF;
  padding:4px;
  text-align: left;
  text-decoration:none;
  left:-20px;
  top:10px;
  min-width:150px;
}
/* End of common CSS for on-hover info feature */

/* End of Common Plugin CSS */

/* CSS for Site plugin ********************************************************/


.site_float_right {
    text-align: right;
    margin: 0px;
    padding: 10px 0px 0px 0px;
}
.block-helpicon {
    padding-right:10px;
}

/******************************************************************************************/
/* VIEW STYLES                                                                            */
/******************************************************************************************/

.menu_item a:link {
}
.menu_item a:visited {
}
.menu_item a:hover {
}
.menu_item a:active {
}
.menu_item_selected {
}
.menu_item_selected a:link {
}
.menu_item_selected a:visited {
}
.menu_item_unselected {
}
.menu_item_disabled {
    width: 100%;
    background-color: #edd;
}
.site_edit_link {
    float: right;
    padding-top: 3px;
}


/******************************************************************************************/
/* UL view                                                                                */
/******************************************************************************************/

/* level 0 */
#lblock ul.site_menu_list {
    padding: 0 10px 0.8em 10px;
}
/* level 1 */
#lblock ul.site_menu_list li ul {
}
/* level 2 */
#lblock ul.site_menu_list li ul li ul {
}
/* level 3 */
#lblock ul.site_menu_list li ul li ul li ul {
}
/* level 4 */
#lblock ul.site_menu_list li ul li ul li ul li ul {
}
/* level 5 */
#lblock ul.site_menu_list li ul li ul li ul li ul li ul {
}


/******************************************************************************************/
/* LI view                                                                                */
/******************************************************************************************/

/* level 1 */
#lblock ul.site_menu_list li {
     background: url(images/bullet.gif) no-repeat 0 0.3em; padding: 0 5px 5px 15px;
}
/* level 2 */
#lblock ul.site_menu_list li ul li {
    padding: 5px 0 0 10px;
}
/* level 3 */
#lblock ul.site_menu_list li ul li ul li {
    padding-left: 10px;
}
/* level 4 */
#lblock ul.site_menu_list li ul li ul li ul li {
    padding-left: 10px;
}
/* level 5 */
#lblock ul.site_menu_list li ul li ul li ul li ul li {
    padding-left: 10px;
}
/* level 6 */
#lblock ul.site_menu_list li ul li ul li ul li ul li ul li {
    padding-left: 10px;
}


/******************************************************************************************/
/* EDIT STYLES                                                                            */
/******************************************************************************************/


.menu_form {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    border:2px solid yellow;
}
.site_menu_edit_title {
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
}
.site_menu_edit {
    padding-left:20px;
    padding-top:20px;
}
.block-title input {
    font-weight:bold;
}
.site_menu_popup {
    z-index:100;
    position:absolute;
    left:800px;
    top:-20px;
    width:100px;
    border:1px solid red;
    background:#ddd;
    padding:5px;
    font-weight:normal;
    color:#000;
}
.warning {
    color:red;
    font-weight:bold;
}
/* check boxes */

.site_menu_edit_row input {
}

.site_show_check {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.site_delete_check {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.draghandle {
    vertical-align:bottom;
    padding:2px 1px 0px 0px;
    float:left;
}
.site_menu_input {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/******************************************************************************************/
/* UL _edit                                                                               */
/******************************************************************************************/

/* level 0 */
#lblock ul.site_menu_list_edit {
    padding: 0px 0px 5px 0px;
    margin: -5px 0px 0px 0px;
    list-style-type: none;
    width: 140px;
    background-color: transparent;
}
/* level 1 */
#lblock ul.site_menu_list_edit li ul {
    padding: 0px 0px 5px 10px;
    margin: 0px 0px 2px 0px;
    list-style-type: none;
    width: 130px;
    background-color: #ddd;
}
/* level 2 */
#lblock ul.site_menu_list_edit li ul li ul {
    padding: 0px 0px 5px 10px;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
    width: 120px;
    background-color: #eee;
}
/* level 3 */
#lblock ul.site_menu_list_edit li ul li ul li ul {
    padding: 0px 0px 5px 10px;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
    width: 110px;
    background-color: #ddd;
}
/* level 4 */
#lblock ul.site_menu_list_edit li ul li ul li ul li ul {
    padding: 0px 0px 5px 10px;
    list-style-type: none;
    background-color: #eee;
    width: 100px;
}
/* level 5 */
#lblock ul.site_menu_list_edit li ul li ul li ul li ul li ul {
    padding: 0px 0px 5px 10px;
    list-style-type: none;
    background-color: #ddd;
    width: 90px;
}


/******************************************************************************************/
/* LI _edit                                                                               */
/******************************************************************************************/

/* level 1 */
#lblock ul.site_menu_list_edit li {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
/* level 2 */
#lblock ul.site_menu_list_edit li ul li {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
/* level 3 */
#lblock ul.site_menu_list_edit li ul li ul li {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
/* level 4 */
#lblock ul.site_menu_list_edit li ul li ul li ul li {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
/* level 5 */
#lblock ul.site_menu_list_edit li ul li ul li ul li ul li {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
/* level 6 */
#lblock ul.site_menu_list_edit li ul li ul li ul li ul li ul li {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}