/* Autogenerated 2010-07-29 17:31:01.576182 */
/* /Users/sugino/web/webdb2/backup/webdb2/layouts/leftcolumn/templates/layout.css */
/* @group Horizontal Lists */

#topmenu li, #navbar li, #footer li, #actions li{
    list-style: none;
    display: inline;
}

/* @end */


/* @group Layout Related */

.clearing {
    height: 0;
    clear: both;
}
html{
	overflow:hidden;
}
body{
    margin: 0;
    padding: 0;
    /*position: relative;*/
}


#content_wrapper{
    overflow:hidden;
}

#topmenu ul {
    margin: 0px;
    padding: 0px;
}
#topmenulinks{
    display: inline;
    float: left;
}
#account{
    display: block;
    float: right;
}

#wrapper {
    /*background: url(background-160px.gif) repeat-y left;*/
}
#wrapper.wide{
    background: white;
}
#container {
    width: 100%;
    float: right;
    margin-left: -166px;
    padding-bottom: 0;
}
#container.wide{
    margin-left: 0;
}
#sidebar {
    /*background: url(background-160px.gif) repeat-y left;*/
    width: 136px;
    padding-left: 12px;
    padding-right: 12px;
/*  min-height: 2000px;*/
    float: left;
    overflow-y:auto ;
    overflow-x: hidden;
    position: absolute;
}
#sidebar.hide {
    display: none;
    background: white;

}


#toggle_sidebar{
    margin-left: 160px;
    width:4px;
    height:100%;
    background:#f0f0f0;
    position: absolute;
    z-index: 100;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
}
#toggle_sidebar.wide{
    margin-left: 0;
    width: 6px;
    z-index: 100;
}
#toggle_sidebar:hover{
    background-color: #2b4460;
    z-index: 100;
}
#content {
    margin-left: 166px;
    margin-top: 0;

/*  min-height: 2000px;*/
}
#content.wide{
    margin-left: 8px;
}
#footer {
<!--[if IE]>
position:abosolute;
<!--[endif]-->
    clear: both;
    bottom: 0;
    width: 100%;
}
#footer ul{
    margin: 0;
    margin-right: 20px;
    float: right;
}

/* @end */


/* @group #topmenu */
#topmenu{
    color: white;
    background-color: #999;
    border-bottom: 1px solid #778;
    border-top: 1px solid #778;
    margin-top: 0px;
    height: 1.3em;
    font-size: 0.7em;
    padding: 2px 2px 0px 6px;
    font-weight: bold;
}
#topmenu a{
    color: white;
    padding-right: 8px;
    text-decoration: none;
}
#topmenu a:link, #topmenu a:visited{
    color: white;
}
#topmenu a:hover{
    color: red;
}
/* @end */

/* @group #header */
div#header{
}
#header h1 {
    font: small-caps 40px Georgia, "Times New Roman", Times, serif;
    text-align: center;
    text-shadow: gray 4px 4px 5px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#header div{
    text-align: center;
    align:center;
}

/* @end */

/* @group #navbar */

#navbar {
    text-align: center;
    border-bottom: 1px solid #778;
    padding: 1px;
    font: bold 0.6em Verdana, Helvetica, Arial, sans-serif;
}
#navbar ul {
    margin: 0px;
    padding: 0px;
}
#navbar ul li {
    margin: 0px;
    padding: 1px;
    list-style: none;
    display: inline;
}
#navbar ul li a:link, #navbar ul li a:visited {
    text-decoration: none;
    display: inline;
    background-color: #ccc;
    color: #2b4460;
    border-top: 1px solid #778;
    border-left: 1px solid #778;
    border-right: 1px solid #778;
    padding-bottom: 1px;
    /*padding-left: 5px;
    padding-right: 5px;*/
    padding-top: 1px;
    margin-left: 3px;
    margin-right: 3px;
}
#navbar ul li a:hover, #navbar ul li a.current {
    background-color: #fff;
    border-bottom: 1px solid white;
}

/* @end */


/* @group #sidebar */
#sidebar h4 {
    text-transform: capitalize;
    margin-bottom: 10px;
    margin-top: 20px;
    font: small-caps bold 10pt Verdana, Helvetica, Arial, sans-serif;
    border-bottom-style: solid;
    border-bottom-width: 1px;

}
#sidebar ::-moz-selection{
    background: transparent;
    color: inherit;
}   
#sidebar ::selection{
    background: transparent;
    color: inherit;
}

#sidebar h4:hover{
    cursor: pointer;
}
#sidebar ul {
    margin: 0px;
    padding: 0px;
}
#sidebar ul li {
    list-style-type: none;
    text-align: left;
    font: bold 9pt Helvetica, Arial, sans-serif;
    width: 140px;

}
#sidebar ul li a:link, #sidebar ul li a:visited {
    display: block;
    padding-bottom: 2px;
    padding-left: 0px;
    text-decoration: none;
    color: #2b4460;
}
#sidebar ul li a:hover{
    /*background-color: #2b4460;*/
    color: #ff0025;
}


#sidebar ul li a.current{
    color: red;
}
#sidebar img{
	/* THIS IS VERY IMPORTANT FOR LAYOUTING */
    margin-left: -13px;
    padding: 0;
    width: 161px;
}
/* @end */

/* @group #content */

.content hr{
    margin: 0px;
}
.content h2 {
    font-family: sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    padding-left: 20px;
    
    margin-top: 10px;
    margin-bottom: 5px;
    
    text-align: left;
    font-size: 22pt;
    font-family: serif;
    /*font-family: "Times New Roman", Times, serif;*/
    font-style: italic;
}

.content h3 {
    margin-top: 20px;
    text-align: left;
    font-size: 14pt;
    font-family: Arial;
    padding-left: 35px;
}

.content h4 {
    width: 80%;
    text-align: left;
    padding-left: 35px;
}

.content p {
    margin: 15px 20px 10px 35px;
}
/*
#content a, a:link, a:visited {
    color: teal;
    font-weight: bold;
}
#content a:hover{
    color: red;
}*/
/* @end */

/* @group #footer */
#footer{
    color: #999;
    /*border-bottom: 1px solid #778;*/
    border-top: 1px solid silver;
    margin-top: 0px;
    height: 1.3em;
    /*padding: 2px 2px 2px 6px;*/
	padding: 2px 0px;
	
    font: bold 0.6em Georgia, "Times New Roman", Times, serif;
}
#footer a{
    padding-right: 8px;
    text-decoration: none;
}
#footer a:link,#footer a:visited{
    color: #999;
}
#footer a:hover{
    color: red;
}


/* @end */

img#loadinggif{
    visibility: visible;
    position: absolute;
    top: 50%;
    left: 50%;
}

#toggle_sidebar a, #toggle_sidebar a:link{
    color: gray;
    font-weight: bold;
}
#toggle_sidebar a:hover {
    color: #7a1211;
}

#sidebar-toggler.ui-layout-toggler-west-open{
    background: #ddd;
}
#sidebar-toggler.ui-layout-toggler-west-closed{
    background: #ddd;
}

div#content h1{
    clear: both;
}

/* /Users/sugino/web/webdb2/backup/webdb2/core2/../bundles/javascript/static/js/theme/ui.theme.css */
/* @override http://localhost:7001/_shared/js/js/theme/ui.theme.css */

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://ui.jquery.com/themeroller/
*/


/* Component containers
----------------------------------*/
.ui-widget { /*font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; /*font-size: 1.1em/*{fsDefault}*/; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 0.8em; }
.ui-widget-header { /*border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #ffffff/*{bgColorHeader}*/ /*url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)*//*{bgImgUrlHeader}*/ /*0/*{bgHeaderXPos}*/ /*50%/*{bgHeaderYPos}*/ /*repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }
.ui-widget-content { /*border: 1px solid #aaaaaa/*{borderColorContent}*/; /*background: #ffffff/*{bgColorContent}*/ /*url(images/ui-bg_glass_75_ffffff_1x400.png)/*{bgImgUrlContent}*/ /*0/*{bgContentXPos}*/ /*0/*{bgContentYPos}*/ /*repeat-x/*{bgContentRepeat}*//*; color: #222222/*{fcContent}*/; }
.ui-widget-content a { /*color: #222222/*{fcContent}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault} url(images/ui-bg_glass_75_e6e6e6_1x400.png)*//*{bgImgUrlDefault}*/ 0/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; }
.ui-state-default a { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover} url(images/bg_glass_75_dadada_1x400.png)*//*{bgImgUrlHover}*/ 0/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; }
.ui-state-hover a { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ /*url(images/ui-bg_glass_65_ffffff_1x400.png)*//*{bgImgUrlActive}*/ 0/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; }
.ui-state-active a { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9db /*url(images/ui-bg_glass_55_fbf9ee_1x400.png) repeat-x 0 50%;*/ color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*//* url(images/ui-bg_inset-soft_95_fef1ec_1x100.png)*//*{bgImgUrlError}*/ 0/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; /*background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {/*background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {/*background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { /*background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {/*background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {/*background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {/*background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {/*background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { /*-moz-border-radius: 4px/*{cornerRadius}*//*; -webkit-border-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ none/*{bgImgUrlOverlay}*/ 0/*{bgOverlayXPos}*/ 0/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -4px/*{offsetTopShadow}*/ 0 0 -4px/*{offsetLeftShadow}*/; padding: 4px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ none/*{bgImgUrlShadow}*/ 0/*{bgShadowXPos}*/ 0/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .35;filter:Alpha(Opacity=35)/*{opacityShadow}*/; -moz-border-radius: 4px/*{cornerRadiusShadow}*/; -webkit-border-radius: 4px/*{cornerRadiusShadow}*/; }

/* /Users/sugino/web/webdb2/backup/webdb2/core2/../bundles/javascript/static/js/theme/ui.core.css */
/* @override http://localhost:7001/_shared/js/js/theme/ui.core.css */

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* /Users/sugino/web/webdb2/backup/webdb2/core2/../bundles/javascript/static/js/theme/ui.datepicker.css */
/* @override http://localhost:7001/_shared/js/js/theme/ui.datepicker.css */

/* Datepicker
----------------------------------*/
img.ui-datepicker-trigger{
	margin: 0;
	padding: 0;
	display: inline;
}
.ui-datepicker { width: 12em; padding: .2em .2em 0; 
background: white;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background: orange;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.4em; height: 1.4em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; margin-right: 2px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; margin-left: 2px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 1.6em; line-height: 1.4em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:0.8em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:left; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* /Users/sugino/web/webdb2/backup/webdb2/core2/../bundles/javascript/static/js/theme/ui.tabs.css */
/* @override 
	http://localhost:7001/_shared/js/js/theme/ui.tabs.css 
	http://localhost:8001/_shared/js/js/theme/ui.tabs.css 
*/

/* Tabs
----------------------------------*/
/*.ui-tabs {padding: .2em;}
.ui-tabs .ui-tabs-nav { padding: .2em .2em 0 .2em;  position: relative; }
.ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; list-style: none; }
.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; }
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em;  display: block; border: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }*/


/* @group TABS */
	/* Tabs
----------------------------------*/
/*.ui-tabs .ui-tabs-nav { padding: .2em .2em 0 .2em;  position: relative; }
.ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; list-style: none; }
.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; }
*/
.ui-tabs .ui-tabs-panel { 
	padding:0;/* 5px 5px 5px;*/

	border: 0; 
	background: none;
	display: block;

	text-align: left;
	clear: both;
}
.ui-tabs .ui-tabs-panel .ui-tabs-panel{
	padding: 0;
}
.ui-tabs .ui-tabs-hide { display: none !important; }
	
.ui-tabs ul.ui-tabs-nav {
	text-align: center;
	border-bottom: 1px solid #778;
	padding: 1px;
	font: bold 0.6em Verdana, Helvetica, Arial, sans-serif;
	margin:0;
}
.ui-tabs ul.ui-tabs-nav ::-moz-selection{
	background: transparent;
	color: inherit;
}	
.ui-tabs ul.ui-tabs-nav ::selection{
	background: transparent;
	color: inherit;
}
.ui-tabs-panel .ui-tabs ul.ui-tabs-nav{
	margin-top: 0px;
	padding-top: 3px;
/*	margin-left: -5px;
	margin-right: -5px;*/
}

.ui-tabs-nav ul {
	margin: 0px;
	padding: 0px;
}
.ui-tabs .ui-tabs-nav li{
	margin: 0px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0 1px 1px 1px;
	list-style: none;
	display: inline;
	border-bottom: 0;
}

.ui-tabs .ui-tabs-nav li a{
	/*text-decoration: none;
	display: inline;
	background-color: #ccc;
	border-top: 1px solid #778;
	border-left: 1px solid #778;
	border-right: 1px solid #778;*/
	
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	margin-left: 3px;
	margin-right: 3px;
	color: #2b4460;
	font-weight: bold;
}
.ui-tabs-panel .ui-tabs ul.ui-tabs-nav li a{
	color: teal;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
	background-color: #fff;
	border-bottom: 1px solid white;
}
.ui-tabs .ui-tabs-nav li:hover{
	background-color: silver;
}


/* @end */

/* /Users/sugino/web/webdb2/backup/webdb2/core2/../bundles/javascript/static/js/theme/jquery.tabs.css */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}


/* /Users/sugino/web/webdb2/backup/webdb2/core2/../bundles/javascript/static/css/ui.dynatree.css */
/******************************************************************************* 
 * Tree container
 */
div.ui-dynatree-container
{
	font-family: tahoma, arial, helvetica;
	font-size: 10pt; /* font size should not be too big */
	white-space: nowrap; 
	padding: 3px;
	
	background-color: white; 
	/*border: 1px dotted gray;*/
}

/* Style, when control is disabled */
.ui-dynatree-disabled div.ui-dynatree-container
{
	opacity: 0.5;
/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver; 
}


/******************************************************************************* 
 * Vertical line image
 */
div.ui-dynatree-container img
{
	width: 16px;
	height: 16px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none;
}

/******************************************************************************* 
 * Common icon definitions
 */
span.ui-dynatree-empty,
span.ui-dynatree-vline,
span.ui-dynatree-connector,
span.ui-dynatree-expander,
span.ui-dynatree-icon,
span.ui-dynatree-checkbox,
span.ui-dynatree-radio
{
	width: 16px;
	height: 16px;
	display: -moz-inline-box; /* @ FF 1+2 */
	display: inline-block; /* Required to make a span sizeable */
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
}

/******************************************************************************* 
 * Lines and connectors
 */
span.ui-dynatree-empty
{
}
span.ui-dynatree-vline
{
	background-image: url("/_shared/images/dynatree/ltL_ns.gif");
}
span.ui-dynatree-connector
{
	background-image: url("/_shared/images/dynatree/ltL_nes.gif");
}
.ui-dynatree-lastsib span.ui-dynatree-connector
{
	background-image: url("/_shared/images/dynatree/ltL_ne.gif");
}

/******************************************************************************* 
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: ui-dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling       
 */
 
span.ui-dynatree-expander
{
	background-image: url("/_shared/images/dynatree/ltP_nes.gif");
	cursor: pointer;
}
.ui-dynatree-exp-cl span.ui-dynatree-expander /* Collapsed, not delayed, last sibling */
{
	background-image: url("/_shared/images/dynatree/ltP_ne.gif");
}
.ui-dynatree-exp-cd span.ui-dynatree-expander /* Collapsed, delayed, not last sibling */
{
	background-image: url("/_shared/images/dynatree/ltD_nes.gif");
}
.ui-dynatree-exp-cdl span.ui-dynatree-expander /* Collapsed, delayed, last sibling */
{
	background-image: url("/_shared/images/dynatree/ltD_ne.gif");
}
.ui-dynatree-exp-e span.ui-dynatree-expander,  /* Expanded, not delayed, not last sibling */
.ui-dynatree-exp-ed span.ui-dynatree-expander  /* Expanded, delayed, not last sibling */
{
	background-image: url("/_shared/images/dynatree/ltM_nes.gif");
}
.ui-dynatree-exp-el span.ui-dynatree-expander,  /* Expanded, not delayed, last sibling */
.ui-dynatree-exp-edl span.ui-dynatree-expander  /* Expanded, delayed, last sibling */
{
	background-image: url("/_shared/images/dynatree/ltM_ne.gif");
}


/******************************************************************************* 
 * Checkbox icon
 */
span.ui-dynatree-checkbox
{
	margin-left: 3px;
	background-image: url("/_shared/images/dynatree/cbUnchecked.gif");
}
span.ui-dynatree-checkbox:hover
{
	background-image: url("/_shared/images/dynatree/cbUnchecked_hover.gif");
}

.ui-dynatree-partsel span.ui-dynatree-checkbox
{
	background-image: url("/_shared/images/dynatree/cbIntermediate.gif");
}
.ui-dynatree-partsel span.ui-dynatree-checkbox:hover
{
	background-image: url("/_shared/images/dynatree/cbIntermediate_hover.gif");
}

.ui-dynatree-selected span.ui-dynatree-checkbox
{
	background-image: url("/_shared/images/dynatree/cbChecked.gif");
}
.ui-dynatree-selected span.ui-dynatree-checkbox:hover
{
	background-image: url("/_shared/images/dynatree/cbChecked_hover.gif");
}

/******************************************************************************* 
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'ui-dynatree-radio' in the tree options.
 */
span.ui-dynatree-radio
{
	margin-left: 3px;
	background-image: url("/_shared/images/dynatree/rbUnchecked.gif");
}
span.ui-dynatree-radio:hover
{
	background-image: url("/_shared/images/dynatree/rbUnchecked_hover.gif");
}

.ui-dynatree-partsel span.ui-dynatree-radio
{
	background-image: url("/_shared/images/dynatree/rbIntermediate.gif");
}
.ui-dynatree-partsel span.ui-dynatree-radio:hover
{
	background-image: url("/_shared/images/dynatree/rbIntermediate_hover.gif");
}

.ui-dynatree-selected span.ui-dynatree-radio
{
	background-image: url("/_shared/images/dynatree/rbChecked.gif");
}
.ui-dynatree-selected span.ui-dynatree-radio:hover
{
	background-image: url("/_shared/images/dynatree/rbChecked_hover.gif");
}

/******************************************************************************* 
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: ui-dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */
 
span.ui-dynatree-icon /* Default icon */
{
	margin-left: 3px;
	background-image: url("/_shared/images/dynatree/ltDoc.gif");
}

.ui-dynatree-ico-cf span.ui-dynatree-icon  /* Collapsed Folder */
{
	background-image: url("/_shared/images/dynatree/ltFld.gif");
}

.ui-dynatree-ico-ef span.ui-dynatree-icon  /* Expanded Folder */
{
	background-image: url("/_shared/images/dynatree/ltFld_o.gif");
}

/* Status node icons */

.ui-dynatree-statusnode-wait span.ui-dynatree-icon
{
	background-image: url("/_shared/images/dynatree/ltWait.gif");
}

.ui-dynatree-statusnode-error span.ui-dynatree-icon
{
	background-image: url("/_shared/images/dynatree/ltError.gif");
}

/******************************************************************************* 
 * Node titles
 */

/* Remove blue color and underline from title links */
div.ui-dynatree-container a
/*, div.ui-dynatree-container a:visited*/
{
	color: black; /* inherit doesn't work on IE */
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	margin-left: 3px;
/*	outline: 0; /* @ Firefox, prevent dotted border after click */
}

div.ui-dynatree-container a:hover
{
	text-decoration: underline;
}

span.ui-dynatree-document a,
span.ui-dynatree-folder a
{
	display: inline-block; /* Better alignment, when title contains <br> */  
/*	vertical-align: top;*/
	padding-left: 3px;
	padding-right: 3px; /* Otherwise italic font will be outside bounds */
	/*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
span.ui-dynatree-folder a
{
	/*font-weight: bold;*/
}

div.ui-dynatree-container a:focus,
span.ui-dynatree-focused a:link  /* @IE */
{
	background-color: #EFEBDE; /* gray */
}


span.ui-dynatree-has-children a
{
}

span.ui-dynatree-expanded a
{
}

span.ui-dynatree-selected a 
{
	color: green; 
	/*font-style: italic;*/
}

span.ui-dynatree-active a
{
	/*background-color: #3169C6 !important;*/
	/*color: white !important; /* @ IE6 */
}

/******************************************************************************* 
 * Custom node classes (sample)
 */

span.custom1 a
{
	background-color: maroon;
	color: yellow;
}


/* /Users/sugino/web/webdb2/backup/webdb2/core2/../bundles/javascript/static/css/dataTables.css */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * General page setup
 */
#dt_example {
	font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
}


#dt_example #container {
	width: 800px;
	margin: 30px auto;
	padding: 0;
}


#dt_example #footer {
	margin: 50px auto 0 auto;
	padding: 0;
}

#dt_example #demo {
	margin: 30px auto 0 auto;
}

#dt_example .big {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	color: #4E6CA3;
}

#dt_example .spacer {
	height: 20px;
	clear: both;
}

#dt_example .clear {
	clear: both;
}

#dt_example pre {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

#dt_example h1 {
	margin-top: 2em;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	border-bottom: 1px solid #B0BED9;
	clear: both;
}

#dt_example h2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	clear: both;
}

#dt_example a {
	color: #0063DC;
	text-decoration: none;
}

#dt_example a:hover {
	text-decoration: underline;
}

#dt_example ul {
	color: #B0BED9;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
/*	min-height: 152px;
	_height: 152px;*/
	clear: both;
	position: relative;
	padding-bottom: 0.2em;
}
/*
div.dttable{
	overflow-y: scroll;
	max-height: 250px;	
}*/

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	display: inline;
	margin-left: 2px;
	margin-right: 10px;
}

.dataTables_filter {
	text-align: right;
	margin-left: 5px;
	margin-right: 2px;
	margin-top: 0px;
	display: inline-block;
	float: right;
}

.dataTables_info {
	display: inline;
}

.dataTables_paginate {
/*	width: 44px;
	* width: 50px;*/
	display: inline-block;
	padding: 0;
	margin: 0;
	float: left;
}
span.paginate_active, span.paginate_button{
	font-size: 8pt;
	font-weight: bold;
}
span.paginate_active{
	color: maroon;
}
span.paginate_button{
	border:1px solid silver;
	cursor:pointer;
	margin:0 3px;
	padding:2px 5px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
span.paginate_button:hover{
	background: orange;
}

div.admin-query-selctrl{
	margin-left: 5px;
	display: inline-block;
}
span.admin-query-selctrl{
	font-size: 8pt;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	cursor:pointer;
	margin: 0 3px;
	padding: 2px 5px;
	border: 1px solid silver;	
}
span.admin-query-selctrl:hover{
	background: orange;
}


/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	margin-top: 0px;
	margin-bottom: 0;
	display: inline-block;
}

.paginate_disabled_previous {
	background-image: url('../images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../images/forward_enabled.jpg');
}

div.dtinfo{
	border-top: thin solid silver;
	border-bottom: thin solid silver;
	margin-top: 2px;
	margin-bottom: 0px;
	background: #f9f9f9;
	padding: 3px 3px 3px 3px;
	font: 9pt Georgia, "Times New Roman", Times, serif;
	height: 20px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 2px auto 0;
	width: 100%;
	clear: both;
	font: 0.8em Georgia, "Times New Roman", Times, serif;

}

table.display thead th {
	padding: 3px 10px;
	border-bottom: 1px solid black;
	cursor: pointer;
	* cursor: hand;
	font: bold 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
}

table.display tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}
table.display tr{
	cursor: hand;
}
table.display td {
	padding: 1px 10px;
}

table.display td.center {
	text-align: center;
}
table.display ::-moz-selection{
	background: transparent;
	color: inherit;
}	
table.display ::selection{
	background: transparent;
	color: inherit;
}
/*
table.subdisplay ::-moz-selection{
	background:inherit;
	color: inherit;
}	
table.subdisplay ::selection{
	background: inherit;
	color: inherit;
}
*/


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.subdisplay {
	margin: 0 auto;
	width: 100%;
	clear: both;
	font: 0.7em "Lucida Grande", Lucida, Verdana, sans-serif;
}

table.subdisplay thead th {
	padding: 2px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.subdisplay tfoot th {
	padding: 2px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.subdisplay tr.heading2 td {
	border-bottom: 1px solid #aaa;
}
table.subdisplay tr{
	cursor: hand;
}
table.subdisplay td {
	padding: 1px 10px;
}

table.subdisplay td.center {
	text-align: center;
}


table.subdisplay td{
	border-width: 0px 0px 1px 0px;
	border-spacing: 0;
	border-style: dotted;
	border-color: silver;
}
table.subdisplay tr.odd {
	background-color: #fff;/* #e9e8fb;*/
}

table.subdisplay tr.even {
	background-color: #fff;
}

div.subdisplay div.dataTables_filter{
} 	
div.subdisplay div.dtinfo{
	font-size: 0.7em;
	padding: 1px;
	height: 21px;
	background-color: white;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.jpg') no-repeat center right;
}

.sorting {
	/*background: url('../images/sort_both.jpg') no-repeat center right;*/
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}




table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

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







/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.example_alt_pagination .dataTables_paginate {
	width: 400px;
}
/*
.example_alt_pagination div.dataTables_paginate span.paginate_button,
 	.example_alt_pagination div.dataTables_paginate span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}
*/
.example_alt_pagination div.dataTables_paginate span.paginate_button {
	background-color: #ddd;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button:hover {
	background-color: #ccc;
}

.example_alt_pagination div.dataTables_paginate span.paginate_active {
	background-color: #99B3FF;
}


table.display tr.row_selected.odd td {
	background-color: #B0BED9;
}

table.display tr.row_selected.even td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
/*tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}*/

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}
/*
tr.even td.sorting_1 {
	background-color: #EAEBFF;
}*/

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

/* /Users/sugino/web/webdb2/backup/webdb2/core2/static/admin2.css */
/* @group Elements Style */
html{
    overflow: hidden;
}

body {
    color: #000000;
    font-family: serif;
    font-size: 1em;
    text-align: justify;
    min-width: 600px;
    background-color: #fff;
    margin: 0;
    padding: 0;

}

/* transfer from all.css */
div.admin-view table img{
    max-width: 500px;
    border: none;
}

div.ui-datepicker.ui-helper-hidden-accessible{
    padding: 0;
    display: none;
}
div.ui-datepicker{
    z-index: 100;
}

div.admin-actions{
    overflow: hidden;
}
img {
    padding: 15px;
}
img.img-float-right{
    float: right;
}
img.img_float_right{
    float: right;
}
a, a:link {
    text-decoration: none;
    color: teal;
}
a:hover {
    color: #7a1211;
}

h1 {
    font-family: serif;
    font-size: 2em;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 20px;
}

h2 {
    font-family: sans-serif;
    font-size: 1.5em;
    font-weight: normal;
}

h3 {
    font-family: serif;
    font-size: 1.3em;
    font-weight: normal;
    font-style: italic;
}

h4 {
    font-family: serif;
    font-size: 1.2em;
    font-weight: normal;


/*font-style: italic;*/
}

h5 {
    font-family: serif;
    font-size: 1.1em;
    font-weight: normal;
    font-style: italic;
}






/* admin2 */
.clearing {
    height: 0;
    clear: both;
}
div {
	margin:0px;
}
/* @group QueryBox */

table.admin2-querybox-table{
    width:100%;
}
td.admin2-querybox-td-input{
    width: 100%;
    padding-right: 7px;
    margin-right: 0;
}

input.admin2-querybox-input{
    width: 100%;
    margin: 0;
    padding: 0;
}


.admin2-btn{
    margin-left: 5px;
    /*display: inline-block;*/
    padding: 2px;
    font: 9pt Helvetica, Arial, sans-serif;
    cursor:pointer;
    margin: 1px; /*3px;*/   
    padding: 1px 5px;
    border: silver 1px solid;
}

.admin2-btn:hover{
    background: orange;
}
/* @end */
 
img.thumbnail_in_list {
    width:60px;
    height:35px;
    padding:0;  
} 
img.thumbnail_in_list_small {
    width:40px;
    height:35px;
    padding:0;  
} 


legend{
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
}


table.admin-action-view td.field_readonly{
    padding-right: 10px;
    text-align: left;
    font-size: 8pt;
    color: teal;
    font-weight: bold;
}

fieldset{
    border: medium solid silver;
    margin-top: 5px;
    display: block;
    font-size: 0.8em ;
    margin-left:  10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

fieldset.admin-view{
    padding: 0.2em;
    clear:both;
	margin:20px;
}

fieldset.admin-edit{
    clear: both;
}


span.dynatree-nonhit a{
	font-style:italic;
}
span.ui-dynatree-selected{
    background-color: #6fcdff;
}
span.ui-dynatree-selected:hover{
    background-color: #30b2ff;
}


/* @group flash */
div#flash{
    margin: 10px;
    padding: 10px;
    font-size: 24px;
    clear: both;    
}
div#flash.success{
    border: medium solid green;
    color: teal;
}
div#flash.fail{
    border: medium solid red;
    color: red;
}

div.flash-success, div.flash-fail, div.flash-warning{
    margin: 10px;
    padding: 10px;
    font-size: 24px;
    clear: both;    
}
div.flash-success{
    border: medium solid green;
    color: teal;
}

div.flash-fail{
    border: medium solid red;
    color: red;
}
div.flash-warning{
    border: medium solid red;
    color: fuchsia;
}

/* @end */



/* @group Action Link */
span.command_link{
    font-size: 10pt;
}
div#actions a:link,div#actions a:visited{
    color: olive;
}
div#actions a:hover{
    color: red;
}
div#actions ul{
    margin: 0;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 0.8em;
}
div#actions ul li{
    margin-left: 10px;
}
div#actions{
    display: block;
    width: 100%;
    text-align: right;
    height: 1em;
    padding-top: 2px;
}
div.spacer{
    background-color: #f2f2f2;
    margin-top: 10px;
}

/* @end */


div.refresh_btn{
    margin-top: 3px;
    margin-left: 5px;
    margin-bottom: 2px;
    text-align: right;  
}
div.refresh_btn a{
    padding: 1px;
    font-size: x-small;
    font-weight: bold;
    border: 1px solid;
}
div.refresh_btn a:hover{
    background: orange;
}
div.print_wrapper{
    margin-left:10px;
}


table.admin-action-view td{
    vertical-align: top;
}

table.admin-edit{
    font-size: 1em;
    margin-left: 20px;
    margin-top: 10px;

}



table.admin-edit td.admin-edit-label{
/*  width: 7em;
    text-align:right;*/
    font-size: small;
}

a.admin-toggle-list{
    float: right;
    font-size: 0.7em;
    font-weight: bold;
}

div.admin-query-hits span{
    margin-left:5px;
}
div.admin-query-pages{
    padding: 0;
    margin-left: 5px;
    display: inline-block;
}
div.admin_query_controls{
    margin-left: 5px;
    display: inline;
    width: 20%;
}
table.admin_query_wrap_table{
    width: 100%;
}
input.admin-query-input{
    width: 100%;
    margin: 0;
    padding: 0;
}
td.admin_query_wrap_td_input{
    width: 100%;
    padding-right: 3px;
}
td.admin_query_wrap_td2{
    min-width:28em;
}

div.admin-search{
    padding-top: 3px;
    clear: both;
}



/*
div.ui-layout-content div.admin-search{
    width: 100%;
}*/

input.admin-query-submit {
    margin-left: 5px;
    margin-right: 5px;
}
div.admin-query-results ::-moz-selection{
    background: transparent;
    color: inherit;
}   
div.admin-query-results ::selection{
    background: transparent;
    color: inherit;
}

table.admin-action-view{
    /*float: left;*/
    /*border: 1px solid silver;*/
    /*margin: 2px;*/
    font-size:10pt;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    margin: 3px;
    border-spacing: 1px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0 0 0 3px;;
    border-color: teal;

    
}
table.admin-action-view table{
    /*float: left;*/
    /*border: 1px solid silver;*/
    /*margin: 2px;*/
    font-size:10pt;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    margin: 3px;
    border-spacing: 1px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0 0 0 0;;
    border-color: teal;

    
}


table.admin-action-view td{
    border: 1px solid silver;
    padding: 2px;
}

fieldset.nested-fieldset table.admin-action-view{
    margin: 0;
}
fieldset.nested-fieldset{
    border: 1px silver dotted;
    padding-top: 0;
    padding: 5px;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    display: inline;
}
/*
.ui-tabs .ui-tabs-nav a.admin-only{
    color: red;
}
.ui-tabs-panel .ui-tabs ul.ui-tabs-nav li a.admin-only{
    color: red;
}
*/

table.admin-action-view table{
    margin: 0;
}


div.error-msg{
    font-size: 1.5em;
    border-style: solid;
    margin: 10px;
    border-color: red;
}



/* /Users/sugino/web/webdb2/backup/webdb2/core2/static/splitter.css */
/* @group splitter */
.hsplitbar{
    height:6px;
    background: #ffffff;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    border-left:0;
    border-right:0; 
}
.hsplitbar-btn{
    height:6px;
    width:6%;
    margin-right:5px;
    margin-left: 0px;
    float: right;    
}
.hsplitbar-drag{
    height:4px;
    width:80%;
    background-color:#f0f0f0;
    float:left;
}
/*
.hsplitbar.active{
    background: blue;
}*/
/*.hsplitbar:hover{
    background: red;
}*/


.vsplitbar{
    width:4px;
    background: #ffffff;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-top:0;
    border-bottom:0;  
}
/*.vsplitbar:hover{
    background: red;
}*/
.vsplitbar-btn{
    height:6%;
    width:4px;
    margin-top:5px;
    margin-bottom: 0px;
    float: right;
}
.vsplitbar-drag{
    height:80%;
    width:4px;
    background-color:#f0f0f0;
    float: left;
}

/*
.vsplitbar.active{
    background: blue;
}*/
.splitbar-btn-enabled{
    background-color: #e0e0e0;
    cursor:pointer;
}
.splitbar-btn-enabled:hover{
    background-color:#30b2ff;
}
.splitbar-btn-docked{
    background-color:red;
    cursor:pointer;
}

/* @end */

/* /Users/sugino/web/webdb2/backup/webdb2/core2/static/form.css */
/* @group form */

.field_error{
    color: red;
}
.fieldset_error{
    color: red;
    margin-right: -20px;
    margin-left: -15px;
    padding: 5px;
    text-align: left;
}

label.field_req {
    text-align: right;
    margin-right: 1em;
    width: 10em;
}
label.field_opt {

    text-align: right;
    margin-right: 1em;
    width: 10em;
}

form div {
    margin: 0em;
/*    float: left; /*this causes safari strange behavior*/
    width: 100%;
}


form img{
    /*margin-left: 11em;*/
	max-width:70%;
    clear: both;
    display: block;
    margin-bottom: 10px;
    border: 1px solid silver;
}
form input[type="submit"] {
    margin-top: 1em;
    margin-left: 2em;
    margin-bottom: 1em;
    width: 8em;
    text-align: center;
}
form input{
    text-align: left;
    width: 30em;
    margin-right: 3px;
}
form input.checkbox{
    width: 5em;
}

form input[type=checkbox] {
    width: 2em;
    display: inline;
    float:none;
    margin-bottom: 15px;
}

form input[type=file]{
    width: 40em;
    display: inline;
    float: left;
}

form label{
    font-size:small;
    float:none;
}
form input[type=textarea]{
    font-family: "Courier New", Courier, mono;
}



form.admin{
    margin:0;
    padding: 0;
}

form.admin input.date, form.admin input.dateISO{
    width: 10em;
}

form.admin input[type=checkbox] {
    margin-bottom: 0px;
}

form.admin input.admin-enable-checkbox{
    float: none;
}
form.admin label.error{
    color: red;
    background: url(unchecked.gif) no-repeat;
    padding-left: 16px;
    margin-left: 0.3em;
    display: inline;
}
form.admin label.valid{
    background: url(checked.gif) no-repeat;
    width: 16px;
    height: 16px;
    display: inline;
}
form.admin label.field_req{
    color: black;
}

form.admin input:disabled, form.admin textarea:disabled{
    color: gray;
}
form.admin textarea{
    font-family: monospace;
    font-size: large;
}
/* @end */
 
 
div#info{
    float: right;
    margin-right: 10px;
    background-color: #f2f2f2;
    border-style: outset;
    font-size: 0.9em;
    margin-left: 10px;
    margin-bottom: 10px;
}
div#info td.field_readonly{
    font-weight: bold;
}


form#edit_form fieldset{
    background-color: #f9f9f9;
    font: bold 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
}


legend{
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
}


table.admin-action-view td.field_readonly{
    padding-right: 10px;
    text-align: left;
    font-size: 8pt;
    color: teal;
    font-weight: bold;
}
fieldset.admin-view{
    padding: 0.2em;
    display: inline;
}

fieldset.admin-edit{
    clear: both;
}

form.admin{
    margin:0;
    padding: 0;
}

form.admin input.date, form.admin input.dateISO{
    width: 10em;
}

form.admin input[type=checkbox] {
    margin-bottom: 0px;
}

form.admin input.admin-enable-checkbox{
    float: none;
}
form.admin label.error{
    color: red;
    background: url(unchecked.gif) no-repeat;
    padding-left: 16px;
    margin-left: 0.3em;
    display: inline;
}
form.admin label.valid{
    background: url(checked.gif) no-repeat;
    width: 16px;
    height: 16px;
    display: inline;
}
form.admin label.field_req{
    color: black;
}

form.admin input:disabled, form.admin textarea:disabled{
    color: gray;
}
form.admin textarea{
    font-family: monospace;
    font-size: large;
}

/* /Users/sugino/web/webdb2/backup/webdb2/core2/static/datatable.css */



/* @group Table */
thead{
    background-color: white;
}

tr.odd {
    background-color:#f2f2f2;/* #e9e8fb;*/
}

tr.even {
    background-color: white;
}

table.selectable tbody tr.row_selected{
    background-color: #6fcdff;
}
table.selectable tbody tr.row_selected:hover{
    background-color: #30b2ff;
}

table.selectable tbody tr:hover{
    background-color: #b8ffff;
}
table.selectable tbody tr.admin2-rowselected{
    background-color: #6fcdff;
}
table.selectable tbody tr.admin2-rowselected:hover{
    background-color: #30b2ff;
}
table.selectable tr.admin2-rowselected.odd td {
    background-color: #B0BED9;
}

table.selectable tr.admin2-rowselected.even td {
    background-color: #9FAFD1;
}
table.display {
    margin: 2px auto 0;
    width: 100%;
    clear: both;
    font: 0.8em Georgia, "Times New Roman", Times, serif;

    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
}

table.display thead th {
    padding: 3px 10px;
    border-bottom: 1px solid black;
    cursor: pointer;
    * cursor: hand;
    font: bold 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
}

table.display tfoot th {
    padding: 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}
table.display tr{
    cursor: hand;
}
table.display td {
    padding: 1px 10px;
}

table.display td.center {
    text-align: center;
}


/* @end */

/* /Users/sugino/web/webdb2/backup/webdb2/attachment/static/attachment.css */
.icon {
background-position: 0% 40%;
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 2px;
padding-bottom: 3px;
}
.icon-attachment  { background-image: url(/_shared/images/attachment.png); }
.icon-delete  { background-image: url(/_shared/images/delete.png); }
.icon-insert  { background-image: url(/_shared/images/insert.png); }
.icon-image { background-image: url(/_shared/images/image.png); }

div.attachment-new{
    margin-top: 10px;
}
div#attachments_add_another{
    font-size: 0.8em;
    margin-top: 1em;
}
div.attachments_add_another{
    font-size: 0.8em;
    margin-top: 1em;
}
div.attachments{
    font-style: normal;
    font-weight: normal;
    font-size: 0.8em;
    margin-top: 50px;
    padding-top: 5px;
    border-top: 1px dotted;
}
form.attachment_form > div.attachments{
    margin-top: 5px;
    border-top: none;
    border-bottom: 1px silver solid;
    padding-bottom: 10px;
}
form input.attachments_newfile{
    width: 50em;
    size: "60";
}
form input.attachments_description{
    width: 20em;
}


/* /Users/sugino/web/webdb2/backup/webdb2/textcontent/static/jstoolbar.css */
.jstEditor {
	padding-left: 0px;
}
.jstEditor textarea, .jstEditor iframe {
  margin: 0;
}

.jstHandle {
	height: 10px;
	font-size: 0.1em;
	cursor: s-resize;
	/*background: transparent url(img/resizer.png) no-repeat 45% 50%;*/
}

.jstElements {
	padding: 3px 3px;
}

.jstElements button {
	margin-right : 6px;
	width : 24px;
	height: 24px;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #ddd;
	background-color : #f7f7f7;
	background-position : 50% 50%;
	background-repeat: no-repeat;
}
.jstElements button:hover {
	border-color : #000;
}
.jstElements button span {
	display : none;	
}
.jstElements span {
	display : inline;
}

.jstSpacer {
	width : 0px;
	font-size: 1px;
	margin-right: 4px;
}

.jstElements .help {
	display:none; 
    float: right; 
	margin-right: 1em; 
    padding-top: 8px; 
	font-size: 0.9em; 
	width:8em;}

/* Buttons
-------------------------------------------------------- */
.jstb_strong {
	background-image: url(/_shared/images/jstoolbar/bt_strong.png);
}
.jstb_em {
	background-image: url(/_shared/images/jstoolbar/bt_em.png);
}
.jstb_ins {
	background-image: url(/_shared/images/jstoolbar/bt_ins.png);
}
.jstb_del {
	background-image: url(/_shared/images/jstoolbar/bt_del.png);
}
.jstb_code {
	background-image: url(/_shared/images/jstoolbar/bt_code.png);
}
.jstb_h1 {
	background-image: url(/_shared/images/jstoolbar/bt_h1.png);
}
.jstb_h2 {
	background-image: url(/_shared/images/jstoolbar/bt_h2.png);
}
.jstb_h3 {
	background-image: url(/_shared/images/jstoolbar/bt_h3.png);
}
.jstb_ul {
	background-image: url(/_shared/images/jstoolbar/bt_ul.png);
}
.jstb_ol {
	background-image: url(/_shared/images/jstoolbar/bt_ol.png);
}
.jstb_bq {
	background-image: url(/_shared/images/jstoolbar/bt_bq.png);
}
.jstb_unbq {
	background-image: url(/_shared/images/jstoolbar/bt_bq_remove.png);
}
.jstb_pre {
	background-image: url(/_shared/images/jstoolbar/bt_pre.png);
}
.jstb_link {
	background-image: url(/_shared/images/jstoolbar/bt_link.png);
}
.jstb_img {
	background-image: url(/_shared/images/jstoolbar/bt_img.png);
}


/* /Users/sugino/web/webdb2/backup/webdb2/textcontent/static/textcontent.css */
.document{
	padding:10px;
}

div.document table img{
	padding:0;
}

/*div.contents.topic{
    margin-bottom: 20px;
}*/

span.textcontent-comment-info{
	float:right;
	font-size:small;
}
div#content hr.textcontent-comment{
	margin-top:20px;
	height:2px;
}

.textile-cheetsheet p{
	margin:2px;
	
}

.tags {
	font-size:small;
}

div.tc_container{
    width: 100%;
    margin-right: -250px;
    float: left;
}
div.tc_content{
    margin-right: 250px;
}
fieldset.textcontent_edit{
    background-color: #f7f7f7;
    
}
fieldset.tc_side{
    float: right;
    width: 200px;
    margin-left: 5px;
    margin-top: 5px;
    border: 1px silver dotted;
    font-size: small;
	clear:none;
}
pre.rest_cheatsheet{
    font-family: monospace;
    font-size: small;
}
ul.rest_cheatsheet{
    padding-left: 20px;
    font: x-small "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}
form.tc_form{
    margin-bottom: 0;
    margin-top: 5px;
}
textarea.tc_text{
    width: 100%;
    font-family: monospace;
    font-size: small;
}

div.tc_side{
    float: right;
    width: 200px;
}







/*div.restcontent .topic{
    margin: 5px;
	margin-bottom: 15px;
}*/

div.restcontent table{
    border-collapse: collapse;
    margin: 15px;

}
div.restcontent table th{
    padding: 2px 20px 2px 5px;  
}
div.restcontent table td{
    padding: 2px 20px 2px 5px;
	/*border:1px solid silver;*/
}

div.restcontent table p{
    margin: 0;
    padding: 0;
    
}
div.restcontent p {
    margin: 15px 20px 10px 35px;
    padding-left: 15px;
} 
div.restcontent ul, ol{
	margin: 5px 20px 10px 50px;
    padding-left: 15px;
}
div.restcontent ol p{
    padding-left: 0;
    margin: 0;
}
div.restcontent ul{
    /*margin-top: 5px;*/
}
div.restcontent a.toc-backref {
    text-decoration: none;
    color: black;
}
div.restcontent ul.auto-toc li{
    list-style-type: none;
}

div.restcontent p.topic-title{
    margin-left: 2em
    ;
    font-weight: bold;
    font-style: italic;
}
div.restcontent div{
    margin: 5px;
}
div.restcontent div.caution,
div.restcontent div.attention, 
div.restcontent div.warning{
    padding: 5px;
    border: 2px red solid;
    margin: 5px;
}
div.restcontent div.important{
    padding: 5px;
    border: 2px green solid;
    margin: 5px;
}
div.restcontent div.danger{
    padding: 5px;
    border: 5px purple dashed;
    margin: 5px;
}
.error, .hint, .note, .tip, .warning{
    padding: 5px;
    border: 1px solid gray;
    margin: 5px;
}
div.restcontent p.admonition-title{
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: underline;
}
div.restcontent table thead{
    background: #e0e0e0;
}
div.restcontent table th.stub{
    border-right: 3px solid gray;
}

div.restcontent div.figure{
    border: none;
    text-align: center;
    margin: 20px;
}

div.restcontent{
    margin-left: 5px;
    margin-right: 15px;
}

div.figure{
    border: 1px solid silver;
    padding: 10px;
}
div.figure div.legend{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    align: center;
}
div.figure p.caption{
    font-weight: bold;
}
div.error{
    margin: 5px;
    border: medium dotted red;
    padding: 10px;
}
div.error p.admonition-title{
    font-weight: bold;
    color: red;
}

div.system-message{
    border: medium dotted orange;
}

pre.literal-block{
    margin-left: 5em;
    margin-right: 5em;
}




table.docutils{
    border-collapse: collapse;
    margin: 15px;

}
table.docutils th{
    padding: 2px 20px 2px 5px;  
}
table.docutils td{
    padding: 2px 20px 2px 5px;
}

table.docutils p{
    margin: 0;
    padding: 0;
    
}


div.document p{
    margin: 5px;
	margin-bottom: 15px;
    padding: 0;
    padding-left: 15px;
}
div.document ol p{
    padding-left: 0;
    margin: 0;
}
div.document h1{
    clear: none;
    font-size: 1.5em;
    margin: 5px;
	margin-top:15px;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid black;
    border-left: 5px solid teal;
    border-right: 5px solid teal;
}
div.document h1.title{
    clear: none;
    font-size: 1.5em;
    margin: 5px;
    margin-bottom: 20px;
    padding: 10px;
    border:none;
    border-bottom: 3px solid teal;
}

div.document h2{
	clear: none;
    font-size: 1.3em;
	margin: 5px;
	margin-top: 8px;
	margin-bottom:8px;
	padding:0px;
	padding-bottom: 3px;
	font-style:normal;
	font-weight:bold;
	border-bottom:solid thin silver;
}

div.document h3{
    clear: none;
    font-size: 1.1em;
    margin: 5px;
	margin-top:5px;
	margin-bottom:5px;
    padding:0;
	padding-bottom:3px;
    font-style:italic;
    font-weight:bold;
}


/*div.document p.topic-title{
    margin-left: 2em
    ;
    font-weight: bold;
    font-style: italic;
}*/
div.document ul ol{
    margin-top: 5px;
}
div.document a.toc-backref {
    text-decoration: none;
    color: black;
}
 ul.auto-toc li{
    list-style-type: none;
}
div.document div{
    margin: 5px;
}
div.document div.caution,div.document div.attention, div.document div.warning{
    padding: 5px;
    border: 2px red solid;
    margin: 5px;
}
div.document div.important{
    padding: 5px;
    border: 2px green solid;
    margin: 5px;
}
div.document div.danger{
    padding: 5px;
    border: 5px purple dashed;
    margin: 5px;
}
.error, .hint, .note, .tip, .warning{
    padding: 5px;
    border: 1px solid gray;
    margin: 5px;
}
div.document p.admonition-title{
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: underline;
}
div.document table thead{
    background: #e0e0e0;
}
div.document table th.stub{
    border-right: 3px solid gray;
}

div.document div.figure{
    border: none;
    text-align: center;
    margin: 20px;
}


/* /Users/sugino/web/webdb2/backup/webdb2/account/static/account.css */
div.center_wrapper table{
    margin-left: 50px;
    margin-right: auto;
}


div.center_wrapper input.button{
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}

div#failure_reason{
    color: red;
}


/* @group account */
fieldset#edit_account{
    height: 220px;
    padding-top: 20px;
}

fieldset#edit_account{
    border: medium solid silver;
    margin-top: 5px;
    display: block;
    clear: both;
    font-size: 0.8em ;
    margin-left:  10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
div#login_form {
    height: 700px;
    margin: 0;
    padding-top: 100px;
}   
div#login_form fieldset{
    text-align: center;
    font-weight: bold;
    margin-top: 0;
    width: 25em;
    margin-left: auto;
    margin-right:auto;
}
div#login_form table {
    text-align: right;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 20px;
}
div#login_form input{
    width: 15em;
}
div#login_form input.button{
    width: 5em;
}
/* @end */


/* /Users/sugino/web/webdb2/backup/webdb2/cre/static/cre.css */
div.cre-content h1{
    clear: none;
    font-size: 1.5em;
    margin: 5px;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid black;
    border-left: 5px solid teal;
    border-right: 5px solid teal;
}

div.cre-content h2{
	font-size: 1.4em;
    margin: 5px;
    padding-left: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid silver;
    border-left: thick solid teal;
}


table.admin-action-view.Construct td.field_readonly{
    width: 12em;
}

/* @group List Display */
div#content hr{
    color: silver;
    height: 1px;
    margin: 0;
}
div.record{
    margin-top: 0em;
    padding-right: 10px;
    padding-bottom: 10px;
}
div.record h2{
    margin-top: 0em;
    margin-bottom: 0.3em;
}

/* @group Info Table */
table.info{
    font-size: 0.8em;
    margin: 0;
}
table.info td.field_readonly{
    display: block;
    /*width: 9.5em;*/
    float: left;
    font-weight: bold;
    text-align: right;
    border-width: 0;
}
table.info td{
    border-width: 0px 0px 0px 0px;
    border-spacing: 0;
    border-style: solid;
    border-color: gray;

    padding-left: 2px;
    padding-bottom: 1px;
    margin: 0;
    text-align: left;
    float: left;
    display: inline;
    /*width: 16em;*/
    /*height: 1em;*/
}
/* @end */

/* @group Mouseline */
img.mouseline-thumbnail{
    width: 8em;
    height: auto;
    margin-right: 1em;
    margin-left: 1em;
    border: medium solid silver;
    display: inline;
    float: left;
    padding: 0;
}
div.mouseline-info{
    float: left;
    margin: 0;
    padding: 0;
    background-color: #f2f2f2;
    font: 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

    margin-right: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
}
div.mouseline-description{
    margin:0;
}

div.mouseline-summary{
    margin-bottom: 10px;

}
div.mouseline-summary img.mouseline-thumbnail{
    margin-bottom: 10px;
    width: 15em;
    height: auto;
}

div.mouseline-content h2{
    margin-left: 0px;
    padding-left: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid silver;
    border-left: thick solid green;
}
div.mouseline-content img{
	max-width:95%;
}
/* @end */

/* @group Construct */
img.construct-map{
    float: left;
    width: 5em;
    margin-right: 1em;
    margin-left: 1em;
    border: 1px solid silver;
}
div.construct-info{
    float: left;
    margin-bottom: 1em;
}
div.construct-info td{
    width: 10em;    
}
div.construct-info td.field_readonly{
    width: 7em;
}
div.construct-description{
    margin-left: 21.5em;

}


/* @end */

/* @group Characterization */
div#characterization_list_wrapper{
    margin-top: 1px;
    margin-left: 5px;
    margin-right:5px;
    margin-bottom: 5px;
/*  min-height: 100px;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;*/
    padding-top: 3px;
}

table#characterization_list{
    width: 100%;
    text-align: center;
    border-width: 1px;
    border-spacing: 2px;
    border-color: gray;
    /*border-collapse: collapse;*/
    /*background-color: #f8f8f8;*/
    font: 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    margin-top: 0px;
    margin-bottom: 5px;
    clear: both;
/*  border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-color: silver;
    border-top-color: silver;*/
    
}

/* @end */



table#characterization_list tbody tr:hover{
    background-color: #b8ffff;
}

table#characterization_list tbody tr.row_selected{
    background-color: #6fcdff;
}
table#characterization_list tbody tr.row_selected:hover{
    background-color: #30b2ff;
}
table#characterization_list thead{
    font-weight: bold;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: silver;
    border-top-style: solid;
    border-collapse: separate;
}
table#characterization_list tfoot{
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}   
table#characterization_list td{
    border-color: gray;
    /*background-color: rgb(255,255,240);
    -moz-border-radius: 0px;*/
    padding: 2px;
}
td.atlas{
    color: #00d200;
    font-weight: bold;
}
td.physiology{
    color: red;
    font-weight: bold;
}
td.confocal{
    font-weight: bold;
    color: #003e86;
}
td.phenotype{
    color: #000;
    font-style: italic;
    font-weight: bold;
}
/*
tr.characterization_atlas{
    background-color: yellow;
}
tr.characterization_physiology{
    background-color: teal;
}
tr.characterization_confocal{
    background-color: olive;
}
tr.characterization_phenotype{
    background-color: aqua;
}*/




div#characterization_list_info.dataTables_info {
    width: 60%;
    float: left;
    font-size: 0.8em;
}



div#characterization_list_length.dataTables_length {
    width: 40%;
    float: left;
    font-size: 0.8em;
}

div#characterization_list_filter.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
    font-size: 0.8em;
}


/* @group ATLAS */

div#atlas_thumbnails{
    text-align: left;
    margin: 5px;

}
div.atlas-section{
/*  width: 195px;
    height: 140px;*/
    border: 1px solid silver;
    margin-right: 3px;
    /*display: -moz-inline-stack;*/
    /*display: -moz-inline-box;*/
    display: -moz-inline-block;
   /*display: table-cell;*/
    display: inline-block;
    _overflow:hidden;
    zoom:1;
    *display:inline;
    /*position: relative;*/
}

div.atlas-image{
    width: 150px;
    height: 85px;
    position: absolute;
    padding: 0;
    border: 3px solid silver;
}
div.atlas-image a, div.atlas-image a:link {
    text-decoration: none;
    border-style: hidden;
    border-width: 0;
    color: white;
}
div.atlas-image a:hover {
    border-style: hidden;
    color: white;
    border-width: 0;
}

div.atlas-image img{
    width: 150px;
    height: 85px;
    /*max-height: 85px;*/
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: none;
}
div.atlas-section-name{
    margin: 1px;
    position: absolute;
    margin-top: 1px;
    /*width:195px;*/
    text-align: center;
    font: 0.8em sans-serif;
}

.z-front{
    z-index: 1;
}

/* @end */



div.admin-menus select{
	font-size:xx-small;
}


/* /Users/sugino/web/webdb2/backup/webdb2/news/static/news.css */
img.news-view{
    width: 250px;
    margin: 0 20px 20px;
    border-width: 1px;
    border-color: silver;
}
div.news-view{
    margin-bottom: 3em;
}

/* /Users/sugino/web/webdb2/backup/webdb2/atlasprocessor/../bundles/javascript/static/css/jquery.Jcrop.css */
/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('/_shared/images/Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


/* /Users/sugino/web/webdb2/backup/webdb2/atlasprocessor/static/atlasprocessor.css */
fieldset.atlas-processor-view img{
	margin:0;
	padding:0;
}

/* @group ATLAS */

div#atlas_thumbnails{
    text-align: left;
    margin: 5px;

}
div.atlas-section{
/*  width: 195px;
    height: 140px;*/
    border: 1px solid silver;
    margin-right: 3px;
    /*display: -moz-inline-stack;*/
    /*display: -moz-inline-box;*/
    /*display: -moz-inline-block;*/
   /*display: table-cell;*/
    display: inline-block;
    _overflow:hidden;
    zoom:1;
    *display:inline;
    /*position: relative;*/
}

div.atlas-image{
    width: 150px;
    /*height: 85px;*/
    position: static;
    padding: 0;
    border: 3px solid silver;
	margin-left:15px;
}
div.atlas-image a, div.atlas-image a:link {
    text-decoration: none;
    border-style: hidden;
    border-width: 0;
    color: white;
}
div.atlas-image a:hover {
    border-style: hidden;
    color: white;
    border-width: 0;
}

div.atlas-image img{
    width: 150px;
    height: 85px;
    /*max-height: 85px;*/
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: none;
}
div.atlas-section-name{
    margin: 1px;
    position: static;
    margin-top: 1px;
    /*width:195px;*/
    text-align: center;
    font: 0.8em sans-serif;
}

.z-front{
    z-index: 1;
}

/* @end */