/*
* STYLES FOR: complex.html
*
* Created with ThemeRoller...
* http://ui.jquery.com/themeroller/?bgColorDefault=e0e0e0&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=cccccc&fcDefault=444444&iconColorDefault=888888&bgColorHover=d8d8d8&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=888888&fcHover=111111&iconColorHover=222222&bgColorActive=8ab9ff&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=000000&iconColorActive=ffffff&bgColorContent=f3f3f3&fcContent=362b36&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.2&fsDefaultUnit=em#bgColorDefault=d6d6d6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=bbbbbb&fcDefault=000000&iconColorDefault=444444&bgColorHover=eeeeee&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=cccccc&fcHover=000066&iconColorHover=000066&bgColorActive=80ade5&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=100&borderColorActive=266cc0&fcActive=000000&iconColorActive=ffffff&bgColorContent=D1E6FC&bgTextureContent=10_dots_medium.png&bgImgOpacityContent=90&borderColorContent=bbbbbb&fcContent=000000&iconColorContent=222222&ffDefault=Lucida+Grande%2C+Lucida+Sans%2C+Arial%2C+sans-serif&fwDefault=normal&fsDefault=1&fsDefaultUnit=em
*/
body{ font: 62.5% Verdana, sans-serif;background: transparent;}
span, legend, label { font-size: 10px;}
label { font-weight: bold; margin-top: 5px;}
input, textarea { border: 1px solid #A6C9E2;}
span.label { border: 0px; font-weight: bold; vertical-align: center;}
span.text { border: 0px;}
.xnd-date { width: 75px; }
/*
/*
* Styles for relationdisplay
*/
#existing-relations {font-size: 0.7em; width: 400px;}
#existing-relations div {margin: 2px; padding: 5px;}
#existing-relations div.related-category {background: lightblue; margin: 2px; padding: 5px; padding-right: 3px;}
#existing-relations div.related-article {display: block; background: lightblue; margin-bottom: 2px; margin-left: 15px; padding: 3px;}
#existing-relations div.related-article em {float: right;}
* COMMON LAYOUT PANE FORMATTING
*/
.pane , /* outer pane class */
.ui-layout-pane { /* inner pane class */
background-color: #FFF;
border: 1px solid #A6C9E2;
padding: 0;/* alignment & padding is on the inner-divs */
overflow: auto; /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */
}
/*
* OUTER-LAYOUT PANE FORMATTING
*/
.pane-north .content ,
.pane-south .content {
text-align: center;
}
.pane-north {
border-bottom: none;
}
.pane-center {
/* show off the inner-layout inside the outer-center-pane*/
background-color: #F6F6F6;
border: 1px solid #777;
/*padding: 15px;*/ /* for outer layout */
}
/* inner divs inside Outer East/West panes */
.header {
border:0 none;
color:white;
border-bottom: 1px solid #777;
font-weight: bold;
line-height:1.3;
text-align: center;
padding: 2px 0 4px;
position: relative;
overflow: hidden;
padding:0.5em 1.7em;
}
.subhead ,
.footer {
background: #d6d6d6 url(../img/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
padding: 3px 10px;
font-size: 1em;
position: relative;
overflow: hidden;
}
.footer { border-top: 1px solid #777; }
.subhead { border-bottom: 1px solid #777; }
.content {
padding: 10px;
position: relative;
}
/*
* OUTER LAYOUT RESIZERS & TOGGLERS
*/
/* north-pane is not resizable
.resizer-north-dragging ,
.resizer-north:hover { background: url(../img/resizable-n.gif) repeat-x center; }*/
.resizer-south-dragging ,
.resizer-south:hover { background: url(../img/resizable-s.gif) repeat-x center; }
.resizer-west-dragging ,
.resizer-west-open:hover { background: url(../img/resizable-w.gif) repeat-y center; }
.resizer-east-dragging ,
.resizer-east-open:hover { background: url(../img/resizable-e.gif) repeat-y center; }
.resizer-west-open ,
.resizer-east-open {
background-color: #999;
opacity: 0.1;
filter: alpha(opacity=10);
}
.resizer-west-open:hover ,
.resizer-east-open:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.resizer-dragging {
/* see draggable.opacity option
opacity: 0.5;
filter: alpha(opacity=50);
*/
}
/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
/** html .resizer-north { background: url(../img/resizable-n.gif) repeat-x center !important; } */
* html .resizer-south { background: url(../img/resizable-s.gif) repeat-x center !important; }
* html .resizer-west-open { background: url(../img/resizable-w.gif) repeat-y center !important; }
* html .resizer-east-open { background: url(../img/resizable-e.gif) repeat-y center !important; }
/** html .resizer-north , */
* html .resizer-south ,
* html .resizer-west-open ,
* html .resizer-east-open {
opacity: 0.1 !important;
filter: alpha(opacity=10) !important;
}
/*
* SIMPLE TOGGLER BUTTONS (used on Outer Layout North/South only)
*/
.toggler-north-open ,
.toggler-south-closed { background: url(../img/toggle-up.gif) no-repeat center bottom; }
.toggler-north-closed ,
.toggler-south-open { background: url(../img/toggle-dn.gif) no-repeat center top; }
/*
.toggler-east-closed ,
.toggler-west-open { background: url(../img/toggle-lt.gif) no-repeat center right; }
.toggler-west-closed ,
.toggler-east-open { background: url(../img/toggle-rt.gif) no-repeat center left; }
*/
/*
* extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
*/
.resizer-west-closed ,
.resizer-east-closed {
background: #D1E6FC url(../img/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
}
.resizer-west-closed:hover ,
.resizer-east-closed:hover {
background: #D1E6FC;
}
/*
* NORTH PANE TOOLBAR & BUTTONS
*/
ul.toolbar {
position: relative;
overflow: hidden; /* required to CONTAINER 'floating li' in FF */
height: auto;
margin: 0;
padding: 2px;
width: 100%;
list-style: none;
text-align: left;
background: #D6D6D6 url(../img/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
border-top: 1px solid #BBB;
}
ul.toolbar li {
font-size: 0.9em;
margin: 0;
padding: 2px 7px;
float: left;
color: #000;
border: 1px solid transparent;
border-right-color: #BBB;
cursor: pointer;
}
ul.toolbar li:hover {
color: #005;
background: #EEE url(../img/eeeeee_40x100_textures_02_glass_90.png) 0 50% repeat-x;
border-top-color: #BBB;
border-bottom-color: #BBB;
}
ul.toolbar li.first:hover {
border-left-color: #BBB;
}
ul.toolbar li span {
/* icons in toolbar */
width: 15px;
height: 15px;
margin-left: -3px;
margin-right: 0.75ex;
vertical-align: middle;
opacity: 0.6;
filter: alpha(opacity=60);
display: block;
display: inline-block;
}
ul.toolbar li:hover span {
opacity: 1;
filter: alpha(opacity=100);
}
li.button-toggle-north span ,
li.button-open-south span { background: url(../img/go-up-on.gif) no-repeat center; }
li.button-close-south span { background: url(../img/go-dn-on.gif) no-repeat center; }
li.button-pin-up span { background: url(../img/pin-up-on.gif) no-repeat center; }
li.button-pin-down span { background: url(../img/pin-dn-on.gif) no-repeat center; }
/*
* extJS-STYLE TOGGLE & PIN BUTTONS
*
* these 'extra buttons' are INSIDE the east/west panes
*/
/* CUSTOM pin/close buttons */
span.button-pin ,
span.button-close { position:absolute;top:0;width:20px;height:20px;z-index:2;display:block;cursor:pointer;}
span.button-close-west { left: 0; }
span.button-close-east { right: 0; }
span.button-pin-west { right: 1px; }
span.button-pin-east { left: 1px; }
/* CUSTOM pin-buttons */
span.button-pin-up { background: url(../img/pin-up-off.gif) no-repeat center; }
span.button-pin-up:hover { background: url(../img/pin-up-on.gif) no-repeat center; }
span.button-pin-down { background: url(../img/pin-dn-off.gif) no-repeat center; }
span.button-pin-down:hover { background: url(../img/pin-dn-on.gif) no-repeat center; }
/* CUSTOM close-buttons */
span.button-close-west { background: url(../img/go-lt-off.gif) no-repeat center; }
span.button-close-west:hover { background: url(../img/go-lt-on.gif) no-repeat center; }
span.button-close-east { background: url(../img/go-rt-off.gif) no-repeat center; }
span.button-close-east:hover { background: url(../img/go-rt-on.gif) no-repeat center; }
/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
.toggler-west-closed { background: url(../img/go-rt-off.gif) no-repeat center; }
.toggler-west-closed:hover { background: url(../img/go-rt-on.gif) no-repeat center; }
.toggler-east-closed { background: url(../img/go-lt-off.gif) no-repeat center; }
.toggler-east-closed:hover { background: url(../img/go-lt-on.gif) no-repeat center; }
/*
* INNER LAYOUT RESIZERS & TOGGLERS
*
* These styles target 'children of center pane', so only affect the Inner Layout
* This layout has applyDefaultCSS=true, so use !important to override defaults
*/
#mainContent .ui-layout-resizer-closed:hover{ background: #FFEDCA !important; }
#mainContent .ui-layout-resizer-dragging ,
#mainContent .ui-layout-resizer-open:hover { background: #C4E1A4 !important; }
#mainContent .ui-layout-resizer-north ,
#mainContent .ui-layout-resizer-south { border-left: 1px solid #BBB !important; border-right: 1px solid #BBB !important; }
#mainContent .ui-layout-resizer-north-closed{ border-top: 1px solid #BBB !important; }
#mainContent .ui-layout-resizer-south-closed{ border-bottom:1px solid #BBB !important; }
#mainContent .ui-layout-resizer-west-closed { border-left: 1px solid #BBB !important; }
#mainContent .ui-layout-resizer-east-closed { border-right: 1px solid #BBB !important; }
#mainContent .ui-layout-resizer:hover .ui-layout-toggler {opacity: 0.4;filter: alpha(opacity=40);}
#mainContent .ui-layout-resizer:hover .ui-layout-toggler:hover {opacity: 1;filter: alpha(opacity=100);background: #FD9 !important;border-color: #CB7 !important;}
#mainContent .ui-layout-resizer-sliding {opacity: 0.3;filter: alpha(opacity=30);}
#mainContent .ui-layout-resizer-sliding:hover {opacity: 1;filter: alpha(opacity=100);}
#mainContent .ui-layout-resizer-sliding .ui-layout-toggler {display: none !important;}
#mainContent .ui-layout-resizer-sliding:hover .ui-layout-toggler {display: block !important;}
.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; }
/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; } /* solo icon buttons must have block properties for the text-indent to work */
.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button,
.fg-buttonset-multi .fg-button { margin-right: -1px;}
.fg-toolbar { padding: .2em; margin: 0.3em 0 0; }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em; }
.ui-fieldset { border: 1px solid #79b7e7; background: #f5f8f9 url(../images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% no-repeat; /*font-weight: bold; color: #e17009;*/ outline: none; }
/* gripper for resizable textareas */
div.grippie {background:#EEEEEE url(../images/grippie.png) no-repeat scroll center 2px;border-color:#DDDDDD;border-style:solid;border-width:0pt 1px 1px;cursor:s-resize;height:9px;overflow:hidden;}
.resizable-textarea textarea { display:block;margin-bottom:0pt;width:95%;height: 20%;}
/* style for tags */
SPAN.tagMatches {margin-left: 10px;}
SPAN.tagMatches SPAN {padding: 2px;margin-right: 4px;background-color: #0000AB;color: #fff;cursor: pointer;}