/**
  * From css/main.css: @import "app-base.css";
  */


/** End of app-base.css */


/**
  * From css/main.css: @import "base.css";
  */

body {
}

body.calpopup {
}

.error {
    color: #a00000;
}

.warning {
    color: #00a0a0;
}

.canonicalization_note {
    color: #009966;
}

hr {
    clear: both;
} 

.messages .message {
    display: block;
}

div#messages,  div#errors {
     background-color: rgb(240,234,183);
     border: 1px solid rgb(230,224,173);
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 5px;
     font-size: 1.2em;

}

div.spacer {
    clear: both;
}

.next-page, .prev-page {
    display: block;
    float: left;
    margin: 0.5em 0;
    padding: 0.2em 0.5em 0.5em 0.5em;
    border-top: 1px solid gray;
}

.next-page { padding-right: 1em; }
.prev-page { padding-left: 1em; }

div#jifty-wait-message {
    background: #fff url(/images/css/spinner.gif) no-repeat scroll center center;
    position:fixed;
    top: 5px;
    right: 5px;
    height: 24px;
    width: 24px;
    padding: 5px;
    text-indent: 10em;
    z-index: 42;
    -moz-border-radius: 15px;
}

div#jifty-region, div#jifty-region-lazy {
    display: inline;
}



div.warning {
 position: absolute;
 top: 0;
 left: 50%;
 right: 0;

 background-color: red;
 color: white;
 padding: .5em;
 border-bottom: 1px solid #000;
}

div.warning a {
 color: white;

}

ul.menu {
  display: block;

}

h1.title {
  border-bottom: 1px solid black;
}

/** End of base.css */


/**
  * From css/main.css: @import "nav.css";
  */


/* tabview */
.yui-navset .yui-nav li a {
    font-size: 200%;
    color: #B36B00;
    text-decoration:none;
}
/** End of nav.css */


/**
  * From css/main.css: @import "context-menus.css";
  */

ul.context_menu {
    clear: none;
    float: left;
}

ul.context_menu, ul.context_menu ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.context_menu li.toplevel {
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0.2em;

    border: 1px solid #ccc;
    border-top-color: white;
    border-left-color: white;

    color: #793300;
}

.context_menu li.toplevel ul li {
    color: gray;
}

.context_menu li.toplevel .title {
    font-weight: bold;
}

.context_menu li.toplevel ul {
    font-size: 0.9em;
    display: none;

    padding: 0.1em 0.2em 0.5em 0.1em;
    background: white;
    border-top: 1px dotted lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
}

.context_menu li.toplevel ul a {
    width: 100%;
    display: block;
}

.context_menu .open span.expand a {
    background-image: url(/static/images/silk/bullet_arrow_up.png);
}

.context_menu span.expand a {
    background: url(/static/images/silk/bullet_arrow_down.png) no-repeat center center;
    padding-left: 16px;
    border: 1px solid transparent;
    color: white;
    margin-left: 0.3em;
    min-height: 1em;
}

.context_menu li.toplevel:hover .expand a {
    border-top: 1px solid grey;
    border-left: 1px solid grey;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}

.context_menu li.open a {
    border-bottom-color: transparent;
}

.context_menu li.open, .context_menu li.closed:hover {
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid grey;
    border-bottom-color: transparent;
}

.context_menu li.closed:hover {
    border-bottom-color: grey;
}

.context_menu li.toplevel span.expand a:active {
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;

    position: relative;
    top: 1px;
    left: 1px;
}

.context_menu li ul li {
    padding: 0.2em;
}

.context_menu li.open ul li:hover {
    background: #eee;
}


/** End of context-menus.css */


/**
  * From css/main.css: @import "calendar.css";
  */

.calendar {
    text-align: center;
    margin: 2em 0 0 0;
}

.calendar td, .calendar th { padding: 0.1em 0.25em 0.1em 0.25em; }

.calendar caption .month {
    padding: 0 1em 0 1em;
    font-size: 1.5em;
}
.select-free {
    overflow: hidden;
    z-index:10;
}

.select-free iframe {
    display:none;
    display/**/:block;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

/** End of calendar.css */


/**
  * From css/main.css: @import "combobox.css";
  */

/*
%# ComboBox styles... some properties like height and width must be dynamically
%# set in the JS (at least for now).

.combobox {
%#    border: 2px inset #333;
%#    padding-left: 0.5em;
%#    padding-bottom: 0.1em;
}
*/

.combobox .combo-button {
/*%#    padding: 0 2px 0 2px;*/
    padding-top: 2px;
    margin: 0;
    background: ButtonFace;
    color: ButtonText;
    border-right: 2px outset ButtonHighlight;
    border-bottom: 2px outset ButtonHighlight;
    border-top: 1px inset #000;
    border-left: 0px inset #fff; 
    margin-left: 0;
    padding-left: 0;
    cursor: default;
    font-size: 8pt;
}

.combobox .combo-text {
    border: 1px inset #333;
    margin: 0;
    padding: 0;
}

.combobox .combo-list {
    z-index: 200;
}

/** End of combobox.css */


/**
  * From css/main.css: @import "keybindings.css";
  */

div#keybindings {
    color: #666666;
    margin-top: 2em;

}

dl.keybindings .keybinding {
    display: inline;
}

dl.keybindings dt  {
    margin: 0;
    font-weight: bold;
    display: inline;

}
dl.keybindings dt:after  {
    content: ":";

}
dl.keybindings dd  {
    margin-right: 1.5em;
    margin-left: 0.5em;
    display: inline;
    white-space: nowrap;
}

/** End of keybindings.css */


/**
  * From css/main.css: @import "forms.css";
  */

div.form {
    background-color: #f6f6f6;
    padding: 0.2em;
    margin: 0 auto;
}

div.form_field {
    clear: both;
    padding-top: 0.5em;
}

.twocolumn {
    width: 49%;
    float: left;
}

div.form_field label.label, div.form_field span.label {
    float: left;
    width: 15%;
    text-align: right;
    font-size: 80%;
    padding: 0.2em 0.5em 0 0;
}

div.form_field .hints {
    width: 83%;
    font-size: 80%;
    padding-top: 0.2em;
    float: right;
    text-align: left;
    color: #999999;
}

div.form_field .error, div.form_field .warning, div.form_field .canonicalization_note {
    float: right;
    width: 88%;
    text-align: left;
}

div.form_field span.formw {
    float: right;
    width: 88%;
    text-align: left;
}

input.text, input.date, input.password, textarea, select {
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    background: #fff url(/static/images/css/fieldbg.gif) repeat-x top;
    padding: 0.2em;
}

form input.ajaxautocompletes {
    background: #fff url(/static/images/css/fieldbg-autocomplete.gif) repeat-x top right;
    padding-right: 18px;
}

input.date {
    width: 10em;
}

.submit_button {
    display: block;
    clear: both;
}

.submit_button input {
    clear: both;
    margin: 0.5em 0 0 16%;
}

input.button {
    padding: 0.15em 1em;
    font-weight: bold;
}

h2.inline input {
    font-size: 115%;
}

/*
These styles are meant to be placed after (and hence override) the current CSS
for forms.  Some of the rules aren't needed if previous behavior doesn't need to
be overridden.  ".inline" is our inline form class.
*/

div.inline .submit_button
{
}

div.inline div.form_field {
    float: left;

    /* to counter previous rules */
    clear: none;

    /* aesthetic */
    margin-right: 0.5em;
}

div.inline div.form_field label.label,
div.inline div.form_field span,
div.inline .hints,
div.inline .error
{
    display: block;

    /* to counter previous rules */
    float: none;
    width: auto;
    text-align: left;
}


div.inline .hints {
    display: none;

}

div.inline div.form_field label.label {
    /* aesthetic */
    padding-bottom: 0.1em;
}


/* So the admin ui is one row per line */

.jifty_admin.item.inline {
     clear: both;
}

.jifty_admin .editlink {
    float: right;
}

.jifty_admin_header {
    display: inline;
}

.jifty_admin_header a {
    color: black;
    display: block;
    font-size: 0.6em;
    height: 100%;
    text-decoration: none;
    font-family : sans-serif;
}

div.subline {
    display: inline;
    float: left;  
}


option.selected {
    background: #dddddd;
}

input.placeholder, textarea.placeholder {
    color: #666;
}

form div.mandatory .label {
    font-weight: bold;
}

form ul.checkboxlist {
    display: block;
    float: left;
}

form ul.checkboxlist li.checkboxlistitem{
    list-style-type: none;
}

/** End of forms.css */


/**
  * From css/main.css: @import "app.css";
  */


/**
  * From css/app.css: @import "ext-all.css";
  */

/*
 * Ext JS Library 1.1
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://www.extjs.com/license
 */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
.ext-el-mask {
    z-index: 20000;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.ext-el-mask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9 url(/images/ext/default/box/tb-blue.gif) repeat-x 0 -16px;
    padding:2px;
}
.ext-el-mask-msg div {
    padding:5px 10px 5px 10px;
    background: #eee;
    border:1px solid #a3bad9;
    color:#333;
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}

.ext-shim {
    position:absolute;
    visibility:hidden;
    left:0;
    top:0;
    overflow:hidden;
}
.ext-ie .ext-shim {
    filter: alpha(opacity=0);
}

.x-mask-loading div {
    padding:5px 10px 5px 25px;
    background: #eee url( '/images/ext/default/grid/loading.gif' ) no-repeat 5px 5px;
    line-height: 16px;
}


.x-hidden {
    position:absolute;
    left:-10000px;
    top:-10000px;
}

.x-masked {
    overflow: hidden !important;
}

.x-masked select, .x-masked object, .x-masked embed {
    visibility: hidden;
}

.x-layer {
    visibility: hidden;
}

.x-unselectable, .x-unselectable * {
    -moz-user-select: none;
    -khtml-user-select: none;
}

.x-repaint {
    zoom: 1;
    background-color: transparent;
    -moz-outline: none;
}

.x-item-disabled {
    color: gray;
    cursor: default;
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
}

.x-item-disabled * {
    color: gray;
    cursor: default !important;
}

.x-splitbar-proxy {
    position: absolute;
    visibility: hidden;
    z-index: 20001;
    background: #aaa;
    zoom: 1;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
}

.x-splitbar-h, .x-splitbar-proxy-h {
    cursor: e-resize;
    cursor: col-resize;
}

.x-splitbar-v, .x-splitbar-proxy-v {
    cursor: s-resize;
    cursor: row-resize;
}

.x-color-palette {
    width: 150px;
    height: 92px;
    cursor: pointer;
}

.x-color-palette a {
    border: 1px solid #fff;
    float: left;
    padding: 2px;
    text-decoration: none;
    -moz-outline: 0 none;
    outline: 0 none;
    cursor: pointer;
}

.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
    border: 1px solid #8BB8F3;
    background: #deecfd;
}

.x-color-palette em {
    display: block;
    border: 1px solid #ACA899;
}

.x-color-palette em span {
    cursor: pointer;
    display: block;
    height: 10px;
    line-height: 10px;
    width: 10px;
}

.x-ie-shadow {
    display: none;
    position: absolute;
    overflow: hidden;
    left:0;
    top:0;
    background:#777;
    zoom:1;
}

.x-shadow {
    display: none;
    position: absolute;
    overflow: hidden;
    left:0;
    top:0;
}

.x-shadow * {
    overflow: hidden;
}

.x-shadow * {
    padding: 0;
    border: 0;
    margin: 0;
    clear: none;
    zoom: 1;
}


.x-shadow .xstc, .x-shadow .xsbc {
    height: 6px;
    float: left;
}


.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
    width: 6px;
    height: 6px;
    float: left;
}


.x-shadow .xsc {
    width: 100%;
}

.x-shadow .xsml, .x-shadow .xsmr {
    width: 6px;
    float: left;
    height: 100%;
}

.x-shadow .xsmc {
    float: left;
    height: 100%;
    background: transparent url( /images/ext/default/shadow-c.png );
}

.x-shadow .xst, .x-shadow .xsb {
    height: 6px;
    overflow: hidden;
    width: 100%;
}

.x-shadow .xsml {
    background: transparent url( /images/ext/default/shadow-lr.png ) repeat-y 0 0;
}

.x-shadow .xsmr {
    background: transparent url( /images/ext/default/shadow-lr.png ) repeat-y -6px 0;
}

.x-shadow .xstl {
    background: transparent url( /images/ext/default/shadow.png ) no-repeat 0 0;
}

.x-shadow .xstc {
    background: transparent url( /images/ext/default/shadow.png ) repeat-x 0 -30px;
}

.x-shadow .xstr {
    background: transparent url( /images/ext/default/shadow.png ) repeat-x 0 -18px;
}

.x-shadow .xsbl {
    background: transparent url( /images/ext/default/shadow.png ) no-repeat 0 -12px;
}

.x-shadow .xsbc {
    background: transparent url( /images/ext/default/shadow.png ) repeat-x 0 -36px;
}

.x-shadow .xsbr {
    background: transparent url( /images/ext/default/shadow.png ) repeat-x 0 -6px;
}

.loading-indicator {
    font-size: 11px;
    background-image: url( '/images/ext/default/grid/loading.gif' );
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    line-height: 16px;
    margin: 3px;
}

.x-text-resize {
    position: absolute;
    left: -1000px;
    top: -1000px;
    visibility: hidden;
    zoom: 1;
}

.x-drag-overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    z-index: 20000;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.x-clear {
    clear:both;
    height:0;
    overflow:hidden;
    line-height:0;
    font-size:0;
}

.x-tabs-wrap {
	border-bottom:1px solid #6593cf;
	padding-top:2px;
}
.x-tabs-strip-wrap{
	width:100%;	
}
.x-tabs-wrap table{
	position:relative;
	top:0; left:0;
}
.x-tabs-strip td{
	padding:0;
	padding-left:2px;
}
.x-tabs-strip a, .x-tabs-strip span, .x-tabs-strip em {
	display:block;
}
.x-tabs-strip a {
	text-decoration:none !important;
	-moz-outline: none;
	outline: none;
	cursor:pointer;
}
.x-tabs-strip .x-tabs-text {
	font:bold 11px tahoma,arial,helvetica;
	color:#666;
	overflow:hidden;
	white-space: nowrap;
	cursor:pointer;
	text-overflow: ellipsis;
}
.x-tabs-strip .on .x-tabs-text {
	cursor:default;
	color:#083772;
}
.x-tabs-strip .disabled .x-tabs-text {
	cursor:default;
	color:#aaaaaa;
}
.x-tabs-strip .x-tabs-inner {
	 padding:4px 10px;	
}

.x-tabs-strip .on .x-tabs-right {
	 background: url(/images/ext/default/tabs/tab-sprite.gif) no-repeat right 0;
}
.x-tabs-strip .on .x-tabs-left {
	 background: url(/images/ext/default/tabs/tab-sprite.gif) no-repeat 0 -100px;
}
.x-tabs-strip .x-tabs-right {
	 background: url(/images/ext/default/tabs/tab-sprite.gif) no-repeat right -50px;
}
.x-tabs-strip .x-tabs-left {
	 background: url(/images/ext/default/tabs/tab-sprite.gif) no-repeat 0 -150px;
}

.x-tabs-strip  a {
	position:relative;
	top:1px; left:0;
}
.x-tabs-strip .on a {
	position:relative;
}
.x-tabs-strip .on .x-tabs-inner {
	padding-bottom:5px;
}

.x-tabs-strip .x-tabs-closable .x-tabs-inner{
	padding-right:22px;
	position:relative;
}
.x-tabs-strip .x-tabs-closable .close-icon{
	line-height: 1px;
	font-size:1px;
	background-image:url(/images/ext/default/layout/tab-close.gif);
	display:block;
	position:absolute;
	right:5px;top:4px;
	width:11px;height:11px;
	cursor:pointer;
}
.x-tabs-strip .on .close-icon{
	background-image:url(/images/ext/default/layout/tab-close-on.gif);
}
.x-tabs-strip .x-tabs-closable .close-over{
	background-image:url(/images/ext/default/layout/tab-close-on.gif);
}
.x-tabs-body {
    border:1px solid #6593cf;
    border-top:0 none;
}
.x-tabs-bottom .x-tabs-wrap {
	border-top:1px solid #6593cf;
	border-bottom:0 none;
	padding-top:0;
	padding-bottom:2px;
}
.x-tabs-bottom .x-tabs-strip .x-tabs-right {
	 background: url(/images/ext/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;
}
.x-tabs-bottom .x-tabs-strip .x-tabs-left {
	 background: url(/images/ext/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;
}
.x-tabs-bottom .x-tabs-strip .on .x-tabs-right {
	 background: url(/images/ext/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
}
.x-tabs-bottom .x-tabs-strip .on .x-tabs-left {
	 background: url(/images/ext/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
}
.x-tabs-bottom .x-tabs-strip  a {
	position:relative;
	top:0; left:0;
}
.x-tabs-bottom .x-tabs-strip .on a {
	margin-top:-1px;
}
.x-tabs-bottom .x-tabs-strip .on .x-tabs-inner {
	padding-top:5px;
}

.x-tabs-bottom .x-tabs-body {
    border:1px solid #6593cf;
    border-bottom:0 none;
}



.x-form-field{
    margin: 0 0 0 0;
    font:normal 12px tahoma, arial, helvetica, sans-serif;
}


.x-form-text, textarea.x-form-field{
    padding: 1px 3px;
    background:#fff url(/images/ext/default/form/text-bg.gif) repeat-x 0 0;
    border: 1px solid #B5B8C8;
}
.x-form-text {
    height:22px;
    line-height:18px;
    vertical-align:middle;
}
.ext-ie .x-form-text {
    margin-top:-1px; 
    margin-bottom:-1px;
    height:22px; 
    line-height:18px;
}
.ext-strict .x-form-text {
    height:18px;
}
.ext-safari .x-form-text {
    height:20px; 
}
.ext-gecko .x-form-text {
    padding-top:2px; 
    padding-bottom:0;
}


.x-form-select-one {
    height:20px;
    line-height:18px;
    vertical-align:middle;
    background-color:#fff; 
    border: 1px solid #B5B8C8;
}
















.x-form-field-wrap {
    position:relative;
    zoom:1;
    white-space: nowrap;
}

.x-editor .x-form-check-wrap {
    background:#fff;
}
.x-form-field-wrap .x-form-trigger{
    width:17px;
    height:21px;
    border:0;
    background:transparent url(/images/ext/default/form/trigger.gif) no-repeat 0 0;
    cursor:pointer;
    border-bottom: 1px solid #B5B8C8;
    position:absolute;
    top:0;
}
.ext-safari .x-form-field-wrap .x-form-trigger{
    height:19px; 
}

.x-form-field-wrap .x-form-date-trigger{
    background-image: url(/images/ext/default/form/date-trigger.gif);
    cursor:pointer;
}
.x-form-field-wrap .x-form-clear-trigger{
    background-image: url(/images/ext/default/form/clear-trigger.gif);
    cursor:pointer;
}
.x-form-field-wrap .x-form-search-trigger{
    background-image: url(/images/ext/default/form/search-trigger.gif);
    cursor:pointer;
}
.ext-safari .x-form-field-wrap .x-form-trigger{
    right:0;
}
.x-form-field-wrap .x-form-twin-triggers{
    
}
.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
    position:static;
    top:auto;
    vertical-align:top;
}


.x-form-field-wrap .x-form-trigger-over{
    background-position:-17px 0;
}
.x-form-field-wrap .x-form-trigger-click{
    background-position:-34px 0;
}

.x-trigger-wrap-focus .x-form-trigger{
    background-position:-51px 0;
}
.x-trigger-wrap-focus .x-form-trigger-over{
    background-position:-68px 0;
}
.x-trigger-wrap-focus .x-form-trigger-click{
    background-position:-85px 0;
}
.x-trigger-wrap-focus .x-form-trigger{
    border-bottom: 1px solid #7eadd9;
}

.x-item-disabled .x-form-trigger-over{
    background-position:0 0 !important;
    border-bottom: 1px solid #B5B8C8;
}
.x-item-disabled .x-form-trigger-click{
    background-position:0 0 !important;
    border-bottom: 1px solid #B5B8C8;
}


.x-form-focus, textarea.x-form-focus{
	border: 1px solid #7eadd9;
}


.x-form-invalid, textarea.x-form-invalid{
	background:#fff url(/images/ext/default/grid/invalid_line.gif) repeat-x bottom;
	border: 1px solid #dd7870;
}
.ext-safari .x-form-invalid{
	background-color:#ffeeee;
	border: 1px solid #ff7870;
}



.x-editor {
    visibility:hidden;
    padding:0;
    margin:0;
}
.x-form-check-wrap {
    line-height:18px;
}
.ext-ie .x-form-check-wrap input {
    width:15px;
    height:15px;
}
.x-editor .x-form-check-wrap {
    padding:3px;
}
.x-editor .x-form-checkbox {
    height:13px;
    border: 0 none;
}

.x-form-grow-sizer {
	font:normal 12px tahoma, arial, helvetica, sans-serif;
    left: -10000px;
	padding: 8px 3px;
    position: absolute;
    visibility:hidden;
    top: -10000px;
	white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    zoom:1;
}
.x-form-grow-sizer p {
    margin:0 !important;
    border:0 none !important;
    padding:0 !important;
}


.x-form-item {
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    display:block;
    margin-bottom:4px;
}

.x-form-item label {
    display:block;
    float:left;
    width:100px;
    padding:3px;
    padding-left:0;
    clear:left;
    z-index:2;
    position:relative;
}

.x-form-element {
    padding-left:105px;
    position:relative;
}

.x-form-invalid-msg {
    color:#ee0000;
    padding:2px;
    padding-left:18px;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    background: transparent url(/images/ext/default/shared/warning.gif) no-repeat 0 2px;
    line-height:16px;
    width:200px;
}

.x-form-label-right label {
   text-align:right;
}

.x-form-label-top .x-form-item label {
    width:auto;
    float:none;
    clear:none;
    display:inline;
    margin-bottom:4px;
    position:static;
}
.x-form-label-top .x-form-element {
    padding-left:0;
    padding-top:4px;
}
.x-form-label-top .x-form-item {
    padding-bottom:4px;
}
.x-form fieldset {
    border:1px solid #B5B8C8;
    padding:10px 10px 5px 10px;
    margin-bottom:10px;
}
.x-form fieldset legend {
    font:bold 11px tahoma, arial, helvetica, sans-serif;
    color:#15428b;
}
.ext-ie .x-form fieldset legend {
    margin-bottom:10px;
}
.ext-ie .x-form fieldset {
    padding-top: 0;
}
.x-form-empty-field {
    color:gray;
}

.x-small-editor .x-form-field {
    font:normal 11px arial, tahoma, helvetica, sans-serif;
}
.x-small-editor .x-form-text {
    height:20px;
    line-height:16px;
    vertical-align:middle;
}
.ext-ie .x-small-editor .x-form-text {
    margin-top:-1px !important; 
    margin-bottom:-1px !important;
    height:20px !important; 
    line-height:16px !important;
}
.ext-strict .x-small-editor .x-form-text {
    height:16px !important;
}
.ext-safari .x-small-editor .x-form-field {
    
    font:normal 12px arial, tahoma, helvetica, sans-serif;
}
.ext-ie .x-small-editor .x-form-text {
    height:20px;
    line-height:16px;
}
.ext-border-box .x-small-editor .x-form-text {
    height:20px;
}

.x-small-editor .x-form-select-one {
    height:20px;
    line-height:16px;
    vertical-align:middle;
}
.x-small-editor .x-form-num-field {
    text-align:right;
}
.x-small-editor .x-form-field-wrap .x-form-trigger{
    height:19px;
}


.x-form-clear {
    clear:both;
    height:0;
    overflow:hidden;
    line-height:0;
    font-size:0;
}
.x-form-clear-left {
    clear:left;
    height:0;
    overflow:hidden;
    line-height:0;
    font-size:0;
}

.x-form-cb-label {
    width:'auto' !important;
    float:none !important;
    clear:none !important;
    display:inline !important;
    margin-left:4px;
}

.x-form-column {
    float:left;
    padding:0;
    margin:0;
    width:48%;
    overflow:hidden;
    zoom:1;
}


.x-form .x-form-btns-ct .x-btn{
	float:right;
	clear:none;
}
.x-form .x-form-btns-ct .x-form-btns td {
	border:0;
	padding:0;
}
.x-form .x-form-btns-ct .x-form-btns-right table{
	float:right;
	clear:none;
}
.x-form .x-form-btns-ct .x-form-btns-left table{
	float:left;
	clear:none;
}
.x-form .x-form-btns-ct .x-form-btns-center{
	text-align:center; 
}
.x-form .x-form-btns-ct .x-form-btns-center table{
	margin:0 auto; 
}
.x-form .x-form-btns-ct table td.x-form-btn-td{
	padding:3px;
}

.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
	background-position:0 -147px;
}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
	background-position:0 -168px;
}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
	background-position:0 -189px;
}

.x-form .x-form-btns-ct .x-btn-click .x-btn-center{
	background-position:0 -126px;
}
.x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
	background-position:0 -84px;
}
.x-form .x-form-btns-ct .x-btn-click .x-btn-left{
	background-position:0 -63px;
}
.x-form-invalid-icon {
    width:16px;
    height:18px;
    visibility:hidden;
    position:absolute;
    left:0;
    top:0;
    display:block;
    background:transparent url(/images/ext/default/form/exclamation.gif) no-repeat 0 2px;
}
.x-btn{
	font:normal 11px tahoma, verdana, helvetica;
	cursor:pointer;
	white-space: nowrap;
}
.x-btn button{
    border:0 none;
    background:transparent;
    font:normal 11px tahoma,verdana,helvetica;
    padding-left:3px;
    padding-right:3px;
    cursor:pointer;
    margin:0;
    overflow:visible;
    width:auto;
    -moz-outline:0 none;
    outline:0 none;
}
* html .ext-ie .x-btn button {
    width:1px;
}
.ext-gecko .x-btn button {
    padding-left:0;
    padding-right:0;
}
.ext-ie .x-btn button {
    padding-top:2px;
}

 
.x-btn-icon .x-btn-center .x-btn-text{
	background-position: center;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	cursor:pointer;
	white-space: nowrap;
    padding:0;
}
.x-btn-icon .x-btn-center{
	padding:1px;
}
.x-btn em {
    font-style:normal;
    font-weight:normal;
}


.x-btn-text-icon .x-btn-center .x-btn-text{
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left:18px;
	padding-top:3px;
	padding-bottom:2px;
    padding-right:0;
}

.x-btn-left, .x-btn-right{
	font-size:1px;
    line-height:1px;
}
.x-btn-left{
	width:3px;
	height:21px;
	background:url(/images/ext/default/basic-dialog/btn-sprite.gif) no-repeat 0 0;
}
.x-btn-right{
	width:3px;
	height:21px;
	background:url(/images/ext/default/basic-dialog/btn-sprite.gif) no-repeat 0 -21px;
}
.x-btn-left i, .x-btn-right i{
	display:block;
    width:3px;
    overflow:hidden;
    font-size:1px;
    line-height:1px;
}
.x-btn-center{
	background:url(/images/ext/default/basic-dialog/btn-sprite.gif) repeat-x 0 -42px;
	vertical-align: middle;
	text-align:center;
	padding:0 5px;
	cursor:pointer;
	white-space:nowrap;
}
.x-btn-over .x-btn-left{
	background-position:0 -63px;
}
.x-btn-over .x-btn-right{
	background-position:0 -84px;
}
.x-btn-over .x-btn-center{
	background-position:0 -105px;
}
.x-btn-click .x-btn-center, .x-btn-menu-active .x-btn-center{
	background-position:0 -126px;
}
.x-btn-disabled *{
	color:gray !important;
	cursor:default !important;
}
.x-btn-menu-text-wrap .x-btn-center {
	padding:0 3px;
}
.ext-gecko .x-btn-menu-text-wrap .x-btn-center {
	padding:0 1px;
}
.x-btn-menu-arrow-wrap .x-btn-center {
    padding:0;
}
.x-btn-menu-arrow-wrap .x-btn-center button {
	width:12px !important;
    height:21px;
    padding:0 !important;
    display:block;
    background:transparent url(/images/ext/default/basic-dialog/btn-arrow.gif) no-repeat left 3px;
}
.x-btn-with-menu  .x-btn-center {
    padding-right:2px !important;
}
.x-btn-with-menu  .x-btn-center em {
    display:block;
    background:transparent url(/images/ext/default/toolbar/btn-arrow.gif) no-repeat right 0;
	padding-right:10px;
}

.x-btn-text-icon .x-btn-with-menu .x-btn-center em {
    display:block;
    background:transparent url(/images/ext/default/toolbar/btn-arrow.gif) no-repeat right 3px;
	padding-right:10px;
}
.x-toolbar{
	border-top: 1px solid #eaf0f7;
    border-bottom: 1px solid #a9bfd3;
    display: block;
	padding:2px;
    background:#d0def0 url(/images/ext/default/layout/panel-title-light-bg.gif) repeat-x;
    position:relative;
    zoom:1;
}
.x-toolbar .x-item-disabled .x-btn-icon {
    opacity: .35;
    -moz-opacity: .35;
    filter: alpha(opacity=35);
}
.x-toolbar td {
	vertical-align:middle;
}
.mso .x-toolbar, .x-grid-mso .x-toolbar{
	border: 0 none;
	background: url(/images/ext/default/grid/mso-hd.gif);
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label{
	white-space: nowrap;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
}
.x-toolbar .x-item-disabled {
	color:gray;
	cursor:default;
	opacity:.6;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
}
.x-toolbar .x-item-disabled * {
	color:gray;
	cursor:default;
}
.x-toolbar .x-btn-left{
	background:none;
}
.x-toolbar .x-btn-right{
	background:none;
}
.x-toolbar .x-btn-center{
	background:none;
	padding:0 0;
}

.x-toolbar .x-btn-menu-text-wrap .x-btn-center button{
	padding-right:2px;
}
.ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{
	padding-right:0;
}
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{
	padding:0 2px;
}
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
    width:12px;
    background:transparent url(/images/ext/default/toolbar/btn-arrow.gif) no-repeat 0 3px;
}
.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
    width:12px;
    background:transparent url(/images/ext/default/toolbar/btn-arrow.gif) no-repeat 0 3px;
}
.x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button {
	background-position: 0 -47px;
}
.x-toolbar .x-btn-over .x-btn-left{
	background:url(/images/ext/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0;
}
.x-toolbar .x-btn-over .x-btn-right{
	background:url(/images/ext/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
}
.x-toolbar .x-btn-over .x-btn-center{
	background:url(/images/ext/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
}

.x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
	background:url(/images/ext/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
}
.x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
	background:url(/images/ext/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;
}
.x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
	background:url(/images/ext/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;
}

.x-toolbar .x-btn-with-menu .x-btn-center em{
	padding-right:8px;
}

.x-toolbar .ytb-text{
   padding:2px;
}
.x-toolbar .ytb-sep {
	background-image: url(/images/ext/default/grid/grid-split.gif);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	font-size: 1px;
	height: 16px;
	width:4px;
	overflow: hidden;
	cursor:default;
	margin: 0 2px 0;
	border:0;
}
.x-toolbar .ytb-spacer {
    width:2px;
}
.mso .x-toolbar .ytb-sep, .x-grid-mso .x-toolbar .ytb-sep{
	background-image: url(/images/ext/default/grid/grid-blue-split.gif);
}


.ext-ie .x-toolbar .x-form-field-wrap {
	padding-bottom:1px;
}
.ext-ie .x-toolbar .x-form-field-wrap .x-form-trigger {
	top:1px;
}
.ext-ie .x-toolbar .x-form-field-wrap .x-form-twin-triggers img {
	margin-top:1px;
}



.x-grid-page-number{
	width:24px;
	height:14px;
}
.x-grid-page-first .x-btn-text{
	background-image: url(/images/ext/default/grid/page-first.gif);
}
.x-grid-loading .x-btn-text{
	background-image: url(/images/ext/default/grid/done.gif);
}
.x-grid-page-last .x-btn-text{
	background-image: url(/images/ext/default/grid/page-last.gif);
}
.x-grid-page-next .x-btn-text{
	background-image: url(/images/ext/default/grid/page-next.gif);
}
.x-grid-page-prev .x-btn-text{
	background-image: url(/images/ext/default/grid/page-prev.gif);
}
.x-item-disabled .x-grid-loading .x-btn-text{
	background-image: url(/images/ext/default/grid/loading.gif);
}
.x-item-disabled .x-grid-page-first .x-btn-text{
	background-image: url(/images/ext/default/grid/page-first-disabled.gif);
}
.x-item-disabled .x-grid-page-last .x-btn-text{
	background-image: url(/images/ext/default/grid/page-last-disabled.gif);
}
.x-item-disabled .x-grid-page-next .x-btn-text{
	background-image: url(/images/ext/default/grid/page-next-disabled.gif);
}
.x-item-disabled .x-grid-page-prev .x-btn-text{
	background-image: url(/images/ext/default/grid/page-prev-disabled.gif);
}
.x-paging-info {
    position:absolute;
    top:8px;
    right: 8px;
    color:#15428b;
}

.x-resizable-handle {
    position:absolute;
    z-index:100;
    
    font-size:1px;
    line-height:6px;
    overflow:hidden;
	 background:white;
	 filter:alpha(opacity=0);
	 opacity:0;
	 zoom:1;
}
.x-resizable-handle-east{
    width:6px;
    cursor:e-resize;
    right:0;
    top:0;
    height:100%;
}
.ext-ie .x-resizable-handle-east {
      margin-right:-1px; 
}
.x-resizable-handle-south{
    width:100%;
    cursor:s-resize;
    left:0;
    bottom:0;
    height:6px;
}
.ext-ie .x-resizable-handle-south {
     margin-bottom:-1px; 
}
.x-resizable-handle-west{
    width:6px;
    cursor:w-resize;
    left:0;
    top:0;
    height:100%;
}
.x-resizable-handle-north{
    width:100%;
    cursor:n-resize;
    left:0;
    top:0;
    height:6px;
}
.x-resizable-handle-southeast{
    width:6px;
    cursor:se-resize;
    right:0;
    bottom:0;
    height:6px;
    z-index:101;
}
.x-resizable-handle-northwest{
    width:6px;
    cursor:nw-resize;
    left:0;
    top:0;
    height:6px;
    z-index:101;
}
.x-resizable-handle-northeast{
    width:6px;
    cursor:ne-resize;
    right:0;
    top:0;
    height:6px;
    z-index:101;
}
.x-resizable-handle-southwest{
    width:6px;
    cursor:sw-resize;
    left:0;
    bottom:0;
    height:6px;
    z-index:101;
}
.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
    filter:alpha(opacity=100);
	 opacity:1;
}
.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east{
    background:url(/images/ext/default/sizer/e-handle.gif);
	 background-position: left;
}
.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west{
    background:url(/images/ext/default/sizer/e-handle.gif);
	 background-position: left;
}
.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south{
    background:url(/images/ext/default/sizer/s-handle.gif);
    background-position: top;
}
.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
    background:url(/images/ext/default/sizer/s-handle.gif);
    background-position: top;
}
.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
    background:url(/images/ext/default/sizer/se-handle.gif);
    background-position: top left;
}
.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
    background:url(/images/ext/default/sizer/nw-handle.gif);
    background-position:bottom right;
}
.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
    background:url(/images/ext/default/sizer/ne-handle.gif);
    background-position: bottom left;
}
.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
    background:url(/images/ext/default/sizer/sw-handle.gif);
    background-position: top right;
}
.x-resizable-proxy{
    border: 1px dashed #6593cf;
    position:absolute;
    overflow:hidden;
    display:none;
	 left:0;top:0;
    z-index:50000;
}
.x-resizable-overlay{
    width:100%;
	 height:100%;
	 display:none;
	 position:absolute;
	 left:0;
	 top:0;
	 background:white;
	 z-index:200000;
	 -moz-opacity: 0;
    opacity:0;
    filter: alpha(opacity=0);
}


.x-grid {
	position:relative;
	overflow:hidden;
    background-color:#fff;
}
.x-grid-scroller {
	overflow:auto;
}
.x-grid-viewport, .x-grid-locked{
	position:absolute;
	left:0; top: 0;
	z-index:2;
	overflow:hidden;
	visibility:hidden;
}
.x-grid-cell-inner, .x-grid-hd-inner{
	overflow:hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.x-grid-hd-row td, .x-grid-row td{
	font:normal 11px arial, tahoma, helvetica, sans-serif;
    line-height:13px;
    white-space: nowrap;
	vertical-align: top;
	-moz-outline: none;
	-moz-user-focus: normal;
}
.x-grid-hd-row td {
    line-height:14px;
}
.x-grid-col {
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}


.x-grid-locked .x-grid-body td {
	background-color: #FBFDFF;
	border-right: 1px solid #deecfd;
	border-bottom: 1px solid #deecfd !important;
}
.x-grid-locked .x-grid-body td .x-grid-cell-inner {
	border-top:0 none;
}
.x-grid-locked .x-grid-row-alt td{
	background-color: #F5FAFE;
}

.x-grid-locked .x-grid-header table{
    border-right:1px solid transparent;
}
.x-grid-locked .x-grid-body table{
    border-right:1px solid #c3daf9;
}

.x-grid-locked .x-grid-body td .x-grid-cell-inner {
	
}
.x-grid-row {
	cursor: default;
}
.x-grid-row-alt{
	background-color:#f1f1f1;
}
.x-grid-row-over td{
	background-color:#d9e8fb;
}
.x-grid-resize-proxy {
	width:3px;
	background-color:#cccccc;
	cursor: e-resize;
	cursor: col-resize;
	position:absolute;
	top:0;
	height:100px;
	overflow:hidden;
	visibility:hidden;
	border:0 none;
	z-index:7;
}
.x-grid-focus {
	position:absolute;
	top:0;
	-moz-outline:0 none;
    outline:0 none;
    -moz-user-select: normal;
    -khtml-user-select: normal;
}


.x-grid-header{
	background: #ebeadb url(/images/ext/default/grid/grid-hrow.gif) repeat-x;
	overflow:hidden;
	position:relative;
	cursor:default;
	width:100%;
}
.x-grid-hd-row{
	height:22px;
}
.x-grid-hd {
	padding-right:1px;
}
.x-grid-hd-over .x-grid-hd-inner {
	border-bottom: 1px solid #c3daf9;
}
.x-grid-hd-over .x-grid-hd-text {
	background: #fafafa url(/images/ext/default/grid/grid-hrow.gif) repeat-x 0 1px;
	padding-bottom:1px;
    border-bottom: 1px solid #b3cae9;
}
.x-grid-sort-icon{
	background-repeat: no-repeat;
	display: none;
	height: 4px;
	width: 13px;
	margin-left:3px;
	vertical-align: middle;
}
.x-grid-header .sort-asc .x-grid-sort-icon {
	background-image: url(/images/ext/default/grid/sort_asc.gif);
	display: inline;
}
.x-grid-header .sort-desc .x-grid-sort-icon {
	background-image: url(/images/ext/default/grid/sort_desc.gif);
	display: inline;
}


.x-grid-body {
	overflow:hidden;
	position:relative;
	width:100%;
	zoom:1;
}

.x-grid-cell-text,.x-grid-hd-text {
	display: block;
	padding: 3px 5px 3px 5px;
	-moz-user-select: none;
	-khtml-user-select: none;
	color:black;
}
.x-grid-hd-text {
    padding-top:4px;
}
.x-grid-split {
	background-image: url(/images/ext/default/grid/grid-split.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: e-resize;
	cursor: col-resize;
	display: block;
	font-size: 1px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	top: 2px;
	width: 6px;
	z-index: 3;
}

.x-grid-hd-text {
	color:#15428b;
}

.x-dd-drag-proxy .x-grid-hd-inner{
	background: #ebeadb url(/images/ext/default/grid/grid-hrow.gif) repeat-x;
	height:22px;
	width:120px;
}

.col-move-top, .col-move-bottom{
	width:9px;
	height:9px;
	position:absolute;
	top:0;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
	visibility:hidden;
	z-index:20000;
}
.col-move-top{
	background:transparent url(/images/ext/default/grid/col-move-top.gif) no-repeat left top;
}
.col-move-bottom{
	background:transparent url(/images/ext/default/grid/col-move-bottom.gif) no-repeat left top;
}


.x-grid-row-selected td, .x-grid-locked .x-grid-row-selected td{
	background-color: #316ac5 !important;
	color: white;
}
.x-grid-row-selected span, .x-grid-row-selected b, .x-grid-row-selected div, .x-grid-row-selected strong, .x-grid-row-selected i{
	color: white !important;
}
.x-grid-row-selected .x-grid-cell-text{
	color: white;
}
.x-grid-cell-selected{
	background-color: #316ac5 !important;
	color: white;
}
.x-grid-cell-selected span{
	color: white !important;
}
.x-grid-cell-selected .x-grid-cell-text{
	color: white;
}

.x-grid-locked td.x-grid-row-marker, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker{
    background: #ebeadb url(/images/ext/default/grid/grid-hrow.gif) repeat-x 0 bottom !important;
    vertical-align:middle !important;
    color:black;
    padding:0;
    border-top:1px solid white;
    border-bottom:none !important;
    border-right:1px solid #6fa0df !important;
    text-align:center;
}
.x-grid-locked td.x-grid-row-marker div, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker div{
    padding:0 4px;
    color:#15428b !important;
    text-align:center;
}


.x-grid-dirty-cell {
    background: transparent url(/images/ext/default/grid/dirty.gif) no-repeat 0 0;
}

.x-grid-row-alt .x-grid-dirty-cell{
	background-color:#f1f1f1;
}

.x-grid-topbar, .x-grid-bottombar{
	font:normal 11px arial, tahoma, helvetica, sans-serif;
    overflow:hidden;
	display:none;
	zoom:1;
    position:relative;
}
.x-grid-topbar .x-toolbar{
	border-right:0 none;
}
.x-grid-bottombar .x-toolbar{
	border-right:0 none;
	border-bottom:0 none;
	border-top:1px solid #a9bfd3;
}

.x-props-grid .x-grid-cell-selected .x-grid-cell-text{
	 background-color: #316ac5 !important;
}
.x-props-grid .x-grid-col-value .x-grid-cell-text{
	background-color: white;
}
.x-props-grid .x-grid-col-name{
	 background-color: #c3daf9;
}
.x-props-grid .x-grid-col-name .x-grid-cell-text{
	background-color: white;
    margin-left:10px;
}
.x-props-grid .x-grid-split-value {
    visibility:hidden;
}


.xg-hmenu-sort-asc .x-menu-item-icon{
	background-image: url(/images/ext/default/grid/hmenu-asc.gif);
}
.xg-hmenu-sort-desc .x-menu-item-icon{
	background-image: url(/images/ext/default/grid/hmenu-desc.gif);
}
.xg-hmenu-lock .x-menu-item-icon{
	background-image: url(/images/ext/default/grid/hmenu-lock.gif);
}
.xg-hmenu-unlock .x-menu-item-icon{
	background-image: url(/images/ext/default/grid/hmenu-unlock.gif);
}


.x-dd-drag-ghost .x-grid-dd-wrap {
    padding:1px 3px 3px 1px;
}
.x-layout-container{
    width:100%;
    height:100%;
    overflow:hidden;
	 background-color:#c3daf9;
}
.x-layout-container .x-layout-tabs-body{
	border:0 none;
}
.x-layout-collapsed{
    position:absolute;
    left:-10000px;
    top:-10000px;
    visibility:hidden;
    background-color:#c3daf9;
    width:20px;
    height:20px;
    overflow:hidden;
	border:1px solid #98c0f4;
	z-index:20;
}
.ext-border-box .x-layout-collapsed{
    width:22px;
    height:22px;
}
.x-layout-collapsed-over{
    cursor:pointer;
	 background-color:#d9e8fb;
}
.x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
	position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
}
.x-layout-collapsed-north .x-layout-collapsed-tools, .x-layout-collapsed-south .x-layout-collapsed-tools{
	position:absolute;
    top:0;
    right:0;
    width:20px;
    height:20px;
}
.x-layout-collapsed .x-layout-tools-button{
    margin:0;
}
.x-layout-collapsed .x-layout-tools-button-inner{
    width:16px;
    height:16px;
}
.x-layout-inactive-content{
    position:absolute;
    left:-10000px;
    top:-10000px;
    visibility:hidden;
}
.x-layout-active-content{
    visibility:visible;
}
.x-layout-panel{
    position:absolute;border:1px solid #98c0f4;overflow:hidden;background-color:white;
}
.x-layout-panel-east, .x-layout-panel-west {
    z-index:10;
}
.x-layout-panel-north, .x-layout-panel-south {
    z-index:11;
}
.x-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
    z-index:12;
}
.x-layout-panel-body{
    overflow:hidden;
}
.x-layout-grid-wrapper{

}
.x-layout-split{
    position:absolute;
    height:5px;
    width:5px;
    line-height:1px;
    font-size:1px;
    z-index:3;
    background-color:#c3daf9;
}
.x-layout-panel-hd{
    background-image: url(/images/ext/default/layout/panel-title-light-bg.gif);
    color: black;
    border-bottom:1px solid #98c0f4;
    position:relative;
}
.x-layout-panel-hd-text{
    font:normal 11px tahoma, verdana, helvetica;
    padding: 4px;
    padding-left: 4px;
    display:block;
	 white-space:nowrap;
}
.x-layout-panel-hd-tools{
    position:absolute;
    right:0;
    top:0;
    text-align:right;
    padding-top:2px;
    padding-right:2px;
    width:60px;
}
.x-layout-tools-button{
    z-index:6;
    padding:2px;
    cursor:pointer;
    float:right;
}
.x-layout-tools-button-over{
    padding:1px;
    border:1px solid #98c0f4;
    background-color:white;
}
.x-layout-tools-button-inner{
    height:12px;
    width:12px;
    line-height:1px;
    font-size:1px;
    background-repeat:no-repeat;
    background-position:center;
}
.x-layout-close{
    background-image:url(/images/ext/default/layout/panel-close.gif);
}
.x-layout-stick{
    background-image:url(/images/ext/default/layout/stick.gif);
}
.x-layout-collapse-west,.x-layout-expand-east{
    background-image:url(/images/ext/default/layout/collapse.gif);
}
.x-layout-expand-west,.x-layout-collapse-east{
    background-image:url(/images/ext/default/layout/expand.gif);
}
.x-layout-collapse-north,.x-layout-expand-south{
    background-image:url(/images/ext/default/layout/ns-collapse.gif);
}
.x-layout-expand-north,.x-layout-collapse-south{
    background-image:url(/images/ext/default/layout/ns-expand.gif);
}
.x-layout-split-h{
    background-image:url(/images/ext/default/sizer/e-handle.gif);
    background-position: left;
}
.x-layout-split-v{
    background-image:url(/images/ext/default/sizer/s-handle.gif);
    background-position: top;
}
.x-layout-panel .x-tabs-wrap{
    background:url(/images/ext/default/layout/gradient-bg.gif);
}
.x-layout-panel .x-tabs-body {
    background-color:white;
    overflow:auto;height:100%;
}
.x-layout-component-panel, .x-layout-nested-layout {
	position:relative;
   padding:0;
	overflow:hidden;
	width:200px;
	height:200px;
}
.x-layout-nested-layout .x-layout-panel {
	  border:0 none;
}
.x-layout-nested-layout .x-layout-panel-north {
	  border-bottom:1px solid #98c0f4;
}
.x-layout-nested-layout .x-layout-panel-south {
	  border-top:1px solid #98c0f4;
}
.x-layout-nested-layout .x-layout-panel-east {
	  border-left:1px solid #98c0f4;
}
.x-layout-nested-layout .x-layout-panel-west {
	  border-right:1px solid #98c0f4;
}

.x-layout-panel-dragover {
	border: 2px solid #6593cf;
}
.x-layout-panel-proxy {
	background-image: url(/images/ext/default/layout/gradient-bg.gif);
	background-color:#c3daf9;
	border:1px dashed #6593cf;
	z-index:10001;
	overflow:hidden;
	position:absolute;
	left:0;top:0;
}
.x-layout-slider {
	z-index:15;
	overflow:hidden;
	position:absolute;
}

.x-scroller-up, .x-scroller-down {
	background-color:#c3daf9;
	border: 1px solid #6593cf;
	border-top-color: #fff;
	border-left-color: #fff;
	border-right:0 none;
	cursor:pointer;
	overflow:hidden;
	line-height:16px;
}
.x-scroller-down {
	border-bottom: 0 none;
	border-top: 1px solid #6593cf;
}
.x-scroller-btn-over {
	background-color: #d9e8f8;
}
.x-scroller-btn-click {
	background-color: #AECEF7;
}
.x-scroller-btn-disabled {
	cursor:default;
	background-color: #c3daf9;
	-moz-opacity: 0.3;
   opacity:.30;
   filter: alpha(opacity=30);
}



.x-reader .x-layout-panel-north {
    border:0 none;
}
.x-reader .x-layout-panel-center{
    border:0 none;
}
.x-reader .x-layout-nested-layout .x-layout-panel-center{
    border:1px solid #99bbe8;
    border-top:0 none;
}
.x-reader .x-layout-nested-layout .x-layout-panel-south{
    border:1px solid #99bbe8;
}
.x-dlg-proxy {
	background-image: url(/images/ext/default/gradient-bg.gif);
	background-color:#c3daf9;
	border:1px solid #6593cf;
	z-index:10001;
	overflow:hidden;
	position:absolute;
	left:0;top:0;
}
.x-dlg-shadow{
	background:#aaaaaa;
	position:absolute;
	left:0;top:0;
}
.x-dlg-focus{
	-moz-outline:0 none;
	outline:0 none;
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
.x-dlg-mask{
	z-index:10000;   
   display:none;
   position:absolute;
   top:0;
   left:0;
   -moz-opacity: 0.5;
   opacity:.50;
   filter: alpha(opacity=50);
   background-color:#CCC;
}
body.x-body-masked select {
	visibility:hidden;
}
body.x-body-masked .x-dlg select {
	visibility:visible;
}
.x-dlg{
	z-index:10001;
	overflow:hidden;
	position:absolute;
	left:300;top:0;
}
.x-dlg .x-dlg-hd {
	background: url(/images/ext/default/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;
	background-color:navy;
	color:#FFF;
	font:bold 12px "sans serif", tahoma, verdana, helvetica;
	overflow:hidden;
	padding:5px;
    white-space: nowrap;
}
.x-dlg .x-dlg-hd-left {
	background: url(/images/ext/default/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;
	padding-left:3px;
	margin:0;
}
.x-dlg .x-dlg-hd-right {
	background: url(/images/ext/default/basic-dialog/hd-sprite.gif) no-repeat right 0;
	padding-right:3px;
}
.x-dlg .x-dlg-dlg-body{
	background:url(/images/ext/default/layout/gradient-bg.gif);
	border:1px solid #6593cf;
	border-top:0 none;
	padding:10px;
	position:absolute;
	top:24px;left:0;
	z-index:1;
	overflow:hidden;
}
.x-dlg-collapsed .x-resizable-handle{
    display:none;
}
.x-dlg .x-dlg-bd{
	overflow:hidden;
}
.x-dlg .x-dlg-ft{
	overflow:hidden;
	padding:5px;
	padding-bottom:0;
}

.x-dlg .x-tabs-body{
	background:white;
	overflow:auto;
}
.x-dlg .x-tabs-top .x-tabs-body{
	border:1px solid #6593cf;
	border-top:0 none;
}
.x-dlg .x-tabs-bottom .x-tabs-body{
	border:1px solid #6593cf;
	border-bottom:0 none;
}
.x-dlg .x-layout-container  .x-tabs-body{
	border:0 none;
}
.x-dlg .inner-tab{
	margin:5px;
}
.x-dlg .x-dlg-ft .x-btn{
	margin-right:5px;
	float:right;
	clear:none;
}
.x-dlg .x-dlg-ft .x-dlg-btns td {
	border:0;
	padding:0;
}
.x-dlg .x-dlg-ft .x-dlg-btns-right table{
	float:right;
	clear:none;
}
.x-dlg .x-dlg-ft .x-dlg-btns-left table{
	float:left;
	clear:none;
}
.x-dlg .x-dlg-ft .x-dlg-btns-center{
	text-align:center; 
}
.x-dlg .x-dlg-ft .x-dlg-btns-center table{
	margin:0 auto; 
}


.x-dlg .x-dlg-ft .x-dlg-btns .x-btn-focus .x-btn-left{
	background-position:0 -147px;
}
.x-dlg .x-dlg-ft .x-dlg-btns .x-btn-focus .x-btn-right{
	background-position:0 -168px;
}
.x-dlg .x-dlg-ft .x-dlg-btns .x-btn-focus .x-btn-center{
	background-position:0 -189px;
}

.x-dlg .x-dlg-ft .x-dlg-btns .x-btn-click .x-btn-center{
	background-position:0 -126px;
}
.x-dlg .x-dlg-ft .x-dlg-btns .x-btn-click .x-btn-right{
	background-position:0 -84px;
}
.x-dlg .x-dlg-ft .x-dlg-btns .x-btn-click .x-btn-left{
	background-position:0 -63px;
}

.x-dlg-draggable .x-dlg-hd{
	cursor:move;
}
.x-dlg-closable .x-dlg-hd{
	padding-right:22px;
}
.x-dlg-toolbox {
    position:absolute;
	top:4px;
	right:4px;
	z-index:6;
    width:40px;
    cursor:default;
    height:15px;
    background:transparent;
}
.x-dlg .x-dlg-close, .x-dlg .x-dlg-collapse {
    float:right;
    height:15px;
	width:15px;
	margin:0;
    margin-left:2px;
    padding:0;
	line-height:1px;
	font-size:1px;
	background-repeat:no-repeat;
	cursor:pointer;
	visibility:inherit;
}
.x-dlg .x-dlg-close {
    background-image:url(/images/ext/default/basic-dialog/close.gif);
}
.x-dlg .x-dlg-collapse {
    background-image:url(/images/ext/default/basic-dialog/collapse.gif);
}
.x-dlg-collapsed .x-dlg-collapse {
    background-image:url(/images/ext/default/basic-dialog/expand.gif);
}
.x-dlg .x-dlg-close-over, .x-dlg .x-dlg-collapse-over {
    
}
.x-dlg div.x-resizable-handle-east{
	background-image:url(/images/ext/default/basic-dialog/e-handle.gif);
	border:0;
	background-position:right;
	margin-right:0;
}
.x-dlg div.x-resizable-handle-south{
	background-image:url(/images/ext/default/sizer/s-handle-dark.gif);
	border:0;
	height:6px;
}
.x-dlg div.x-resizable-handle-west{
	background-image:url(/images/ext/default/basic-dialog/e-handle.gif);
	border:0;
	background-position:1px;
}
.x-dlg div.x-resizable-handle-north{
	background-image:url(/images/ext/default/s.gif);
	border:0;
}
.x-dlg div.x-resizable-handle-northeast, .xtheme-gray .x-dlg div.x-resizable-handle-northeast{
	background-image:url(/images/ext/default/s.gif);
	border:0;
}
.x-dlg div.x-resizable-handle-northwest, .xtheme-gray .x-dlg div.x-resizable-handle-northwest{
	background-image:url(/images/ext/default/s.gif);
	border:0;
}
.x-dlg div.x-resizable-handle-southeast{
	background-image:url(/images/ext/default/basic-dialog/se-handle.gif);
	background-position: bottom right;
	width:8px;
	height:8px;
	border:0;
}
.x-dlg div.x-resizable-handle-southwest{
	background-image:url(/images/ext/default/sizer/sw-handle-dark.gif);
	background-position: top right;
	margin-left:1px;
	margin-bottom:1px;
	border:0;
}

#x-msg-box .x-dlg-ft .x-btn{
	float:none;
	clear:none;
	margin:0 3px;
}

#x-msg-box .x-dlg-bd {
	padding:5px;
	overflow:hidden !important;
	font:normal 13px verdana,tahoma,sans-serif;
}
#x-msg-box .ext-mb-input {
	margin-top:4px;
	width:95%;
}
#x-msg-box .ext-mb-textarea {
	margin-top:4px;
	font:normal 13px verdana,tahoma,sans-serif;
}
#x-msg-box .ext-mb-progress-wrap {
	margin-top:4px;
	border:1px solid #6593cf;
}
#x-msg-box .ext-mb-progress {
	height:18px;
	background: #e0e8f3 url(/images/ext/default/qtip/bg.gif) repeat-x;
}
#x-msg-box .ext-mb-progress-bar {
	height:18px;
	overflow:hidden;
	width:0;
	background:#8BB8F3;
	border-top:1px solid #B2D0F7;
	border-bottom:1px solid #65A1EF;
	border-right:1px solid #65A1EF;
}

#x-msg-box .x-msg-box-wait {
	background: transparent url(/images/ext/default/grid/loading.gif) no-repeat left;
    display:block;
    width:300px;
    padding-left:18px;
    line-height:18px;
}
.x-dd-drag-proxy{
	position:absolute;
	left:0;top:0;
	visibility:hidden;
	z-index:15000;
}
.x-dd-drag-ghost{
	color: black;
	font: normal 11px arial, helvetica, sans-serif;
	-moz-opacity: 0.85;
   opacity:.85;
   filter: alpha(opacity=85);
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
	padding:3px;
	padding-left:20px;
	background-color:white;
	white-space:nowrap;
}
.x-dd-drag-repair .x-dd-drag-ghost{
	-moz-opacity: 0.4;
   opacity:.4;
   filter: alpha(opacity=40);
	border:0 none;
	padding:0;
	background-color:transparent;
}
.x-dd-drag-repair .x-dd-drop-icon{
	visibility:hidden;
}
.x-dd-drop-icon{
  position:absolute;
	top:3px;
	left:3px;
	display:block;
	width:16px;
	height:16px;
	background-color:transparent;
	background-position: center;
	background-repeat: no-repeat;
	z-index:1;
}
.x-dd-drop-nodrop .x-dd-drop-icon{
  background-image: url(/images/ext/default/dd/drop-no.gif);
}
.x-dd-drop-ok .x-dd-drop-icon{
  background-image: url(/images/ext/default/dd/drop-yes.gif);
}
.x-dd-drop-ok-add .x-dd-drop-icon{
  background-image: url(/images/ext/default/dd/drop-add.gif);
}
.x-tree-root-ct,.x-tree-node, .x-tree-node-ct {list-style:none;margin:0;}
.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
	border: 0 none;
	height: 18px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	width: 16px;
    background-repeat: no-repeat;
}
.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
	border: 0 none;
	height: 18px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	width: 16px;
	background-position:center;
    background-repeat: no-repeat;
}


.x-tree-node-collapsed .x-tree-node-icon{
	background-image:url(/images/ext/default/tree/folder.gif);
}
.x-tree-node-expanded .x-tree-node-icon{
	background-image:url(/images/ext/default/tree/folder-open.gif);
}
.x-tree-node-leaf .x-tree-node-icon{
	background-image:url(/images/ext/default/tree/leaf.gif);
}


.ext-ie input.x-tree-node-cb {
    width:15px;
    height:15px;
}
input.x-tree-node-cb {
    margin-left:1px;
}
.ext-ie input.x-tree-node-cb {
    margin-left:0;
}


.x-tree-noicon .x-tree-node-icon{
	width:0; height:0;
}

.x-tree-node-loading .x-tree-node-icon{
	background-image:url(/images/ext/default/tree/loading.gif) !important;
}
.x-tree-node-loading a span{
	 font-style: italic;
	 color:#444444;
}


.x-tree-lines .x-tree-elbow{
	background-image:url(/images/ext/default/tree/elbow.gif);
}
.x-tree-lines .x-tree-elbow-plus{
	background-image:url(/images/ext/default/tree/elbow-plus.gif);
}
.x-tree-lines .x-tree-elbow-minus{
	background-image:url(/images/ext/default/tree/elbow-minus.gif);
}
.x-tree-lines .x-tree-elbow-end{
	background-image:url(/images/ext/default/tree/elbow-end.gif);
}
.x-tree-lines .x-tree-elbow-end-plus{
	background-image:url(/images/ext/default/tree/elbow-end-plus.gif);
}
.x-tree-lines .x-tree-elbow-end-minus{
	background-image:url(/images/ext/default/tree/elbow-end-minus.gif);
}
.x-tree-lines .x-tree-elbow-line{
	background-image:url(/images/ext/default/tree/elbow-line.gif);
}


.x-tree-no-lines .x-tree-elbow{
	background:transparent;
}
.x-tree-no-lines .x-tree-elbow-plus{
	background-image:url(/images/ext/default/tree/elbow-plus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-minus{
	background-image:url(/images/ext/default/tree/elbow-minus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-end{
	background:transparent;
}
.x-tree-no-lines .x-tree-elbow-end-plus{
	background-image:url(/images/ext/default/tree/elbow-end-plus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-end-minus{
	background-image:url(/images/ext/default/tree/elbow-end-minus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-line{
	background:transparent;
}

.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
	cursor:pointer;
}
.ext-ie ul.x-tree-node-ct{
    font-size:0;
    line-height:0;
}
.x-tree-node{
	color: black;
	font: normal 11px arial, tahoma, helvetica, sans-serif;
	white-space: nowrap;
}
.x-tree-node a, .x-dd-drag-ghost a{
	text-decoration:none;
	color:black;
	-khtml-user-select:none;
	-moz-user-select:none;
    -kthml-user-focus:normal;
    -moz-user-focus:normal;
    -moz-outline: 0 none;
    outline:0 none;
}
.x-tree-node a span, .x-dd-drag-ghost a span{
	text-decoration:none;
	color:black;
	padding:1px 3px 1px 2px;
}
.x-tree-node .x-tree-node-disabled a span{
	color:gray !important;
}
.x-tree-node .x-tree-node-disabled .x-tree-node-icon{
	-moz-opacity: 0.5;
   opacity:.5;
   filter: alpha(opacity=50);
}
.x-tree-node .x-tree-node-inline-icon{
	background:transparent;
}
.x-tree-node a:hover, .x-dd-drag-ghost a:hover{
	text-decoration:none;
}
.x-tree-node div.x-tree-drag-insert-below{
 	 border-bottom:1px dotted #3366cc;
}
.x-tree-node div.x-tree-drag-insert-above{
	 border-top:1px dotted #3366cc;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
 	 border-bottom:0 none;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
	 border-top:0 none;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
 	 border-bottom:2px solid #3366cc;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
	 border-top:2px solid #3366cc;
}
.x-tree-node .x-tree-drag-append a span{
	 background:#dddddd;
	 border:1px dotted gray;
}
.x-tree-node .x-tree-selected a span{
	background:#3366cc;
	color:white;
}
.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
	display:none !important;
}
.x-tree-drop-ok-append .x-dd-drop-icon{
  background-image: url(/images/ext/default/tree/drop-add.gif);
}
.x-tree-drop-ok-above .x-dd-drop-icon{
  background-image: url(/images/ext/default/tree/drop-over.gif);
}
.x-tree-drop-ok-below .x-dd-drop-icon{
  background-image: url(/images/ext/default/tree/drop-under.gif);
}
.x-tree-drop-ok-between .x-dd-drop-icon{
  background-image: url(/images/ext/default/tree/drop-between.gif);
}

.x-tip{
	position: absolute;
	top: 0;
    left:0;
    visibility: hidden;
	z-index: 20000;
    border:0 none;
}
.x-tip .x-tip-close{
	background-image: url(/images/ext/default/qtip/close.gif);
	height: 15px;
	float:right;
	width: 15px;
    margin:0 0 2px 2px;
    cursor:pointer;
    display:none;
}
.x-tip .x-tip-top {
	background: transparent url(/images/ext/default/qtip/tip-sprite.gif) no-repeat 0 -12px;
	height:6px;
    overflow:hidden;
}
.x-tip .x-tip-top-left {
	background: transparent url(/images/ext/default/qtip/tip-sprite.gif) no-repeat 0 0;
	padding-left:6px;
    zoom:1;
}
.x-tip .x-tip-top-right {
	background: transparent url(/images/ext/default/qtip/tip-sprite.gif) no-repeat right 0;
	padding-right:6px;
    zoom:1;
}
.x-tip .x-tip-ft {
	background: transparent url(/images/ext/default/qtip/tip-sprite.gif) no-repeat 0 -18px;
	height:6px;
    overflow:hidden;
}
.x-tip .x-tip-ft-left {
	background: transparent url(/images/ext/default/qtip/tip-sprite.gif) no-repeat 0 -6px;
	padding-left:6px;
    zoom:1;
}
.x-tip .x-tip-ft-right {
	background: transparent url(/images/ext/default/qtip/tip-sprite.gif) no-repeat right -6px;
	padding-right:6px;
    zoom:1;
}
.x-tip .x-tip-bd {
    border:0 none;
    font: normal 11px tahoma,arial,helvetica,sans-serif;
}
.x-tip .x-tip-bd-left {
	background: #fff url(/images/ext/default/qtip/tip-sprite.gif) no-repeat 0 -24px;
	padding-left:6px;
    zoom:1;
}
.x-tip .x-tip-bd-right {
	background: transparent url(/images/ext/default/qtip/tip-sprite.gif) no-repeat right -24px;
	padding-right:6px;
    zoom:1;
}

.x-tip h3 {
    font: bold 11px tahoma,arial,helvetica,sans-serif;
    margin:0;
    padding:2px 0;
    color:#444;
}
.x-tip .x-tip-bd-inner {
    font: normal 11px tahoma,arial,helvetica,sans-serif;
    margin:0 !important;
    line-height:14px;
    color:#444;
    padding:0;
    float:left;
}


.x-form-invalid-tip {
}

.x-form-invalid-tip .x-tip-top {
	background-image: url(/images/ext/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-top-left {
	background-image: url(/images/ext/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-top-right {
	background-image: url(/images/ext/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-ft {
	background-image: url(/images/ext/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-ft-left {
	background-image: url(/images/ext/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-ft-right {
	background-image: url(/images/ext/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-bd-left {
	background-image: url(/images/ext/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-bd-right {
	background-image: url(/images/ext/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-bd .x-tip-bd-inner {
    padding-left:24px;
    background:transparent url(/images/ext/default/form/exclamation.gif) no-repeat 2px 2px;
}
.x-form-invalid-tip .x-tip-bd-inner {
    padding:2px;
}
.x-date-picker {
    border: 1px solid #1b376c;
    border-top:0 none;
    background:#fff;
	 position:relative;
}
.x-date-picker a {
    -moz-outline:0 none;
    outline:0 none;
}
.x-date-inner, .x-date-inner td, .x-date-inner th{
    border-collapse:separate;
}
.x-date-middle,.x-date-left,.x-date-right {
	background: url(/images/ext/default/basic-dialog/hd-sprite.gif) repeat-x 0 -83px;
	color:#FFF;
	font:bold 11px "sans serif", tahoma, verdana, helvetica;
	overflow:hidden;
}

.x-date-middle .x-btn-left,.x-date-middle .x-btn-center,.x-date-middle .x-btn-right{
	background:transparent !important;
    vertical-align:middle;
}
.x-date-middle .x-btn .x-btn-text {
    color:#fff;
}
.x-date-middle .x-btn-with-menu  .x-btn-center em {
    background:transparent url(/images/ext/default/toolbar/btn-arrow-light.gif) no-repeat right 0;
}
.x-date-right, .x-date-left {
    width:18px;
}
.x-date-right{
    text-align:right;
}
.x-date-middle {
    padding-top:2px;padding-bottom:2px;
}
.x-date-right a, .x-date-left a{
    display:block;
    width:16px;
	height:16px;
	background-position: center;
	background-repeat: no-repeat;
	cursor:pointer;
    -moz-opacity: 0.6;
    opacity:.6;
    filter: alpha(opacity=60);
}
.x-date-right a:hover, .x-date-left a:hover{
    -moz-opacity: 1;
    opacity:1;
    filter: alpha(opacity=100);
}
.x-date-right a {
    background-image: url(/images/ext/default/shared/right-btn.gif);
    margin-right:2px;
    text-decoration:none !important;
}
.x-date-left a{
	background-image: url(/images/ext/default/shared/left-btn.gif);
    margin-left:2px;
    text-decoration:none !important;
}
table.x-date-inner {
    width:100%;
    table-layout:fixed;
}
.x-date-inner th {
    width:25px;
}
.x-date-inner th {
    background: #dfecfb url(/images/ext/default/shared/glass-bg.gif) repeat-x left top;
    text-align:right !important;
	border-bottom: 1px solid #a3bad9;
    font:normal 10px arial, helvetica,tahoma,sans-serif;
	color:#233d6d;
	cursor:default;
    padding:0;
    border-collapse:separate;
}
.x-date-inner th span {
    display:block;
    padding:2px;
    padding-right:7px;
}
.x-date-inner td {
    border: 1px solid #fff;
	text-align:right;
    padding:0;
}
.x-date-inner a {
    padding:2px 5px;
    display:block;
    font:normal 11px arial, helvetica,tahoma,sans-serif;
	text-decoration:none;
    color:black;
    text-align:right;
    zoom:1;
}
.x-date-inner .x-date-active{
	cursor:pointer;
	color:black;
}
.x-date-inner .x-date-selected a{
	background: #dfecfb url(/images/ext/default/shared/glass-bg.gif) repeat-x left top;
	border:1px solid #8db2e3;
   padding:1px 4px;
}
.x-date-inner .x-date-today a{
	border: 1px solid darkred;
    padding:1px 4px;
}
.x-date-inner .x-date-selected span{
    font-weight:bold;
}
.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
	color:#aaaaaa;
    text-decoration:none !important;
}
.x-date-bottom {
    padding:4px;
    border-top: 1px solid #a3bad9;
    background: #dfecfb url(/images/ext/default/shared/glass-bg.gif) repeat-x left top;
}

.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
    text-decoration:none !important;
    color:black;
    background: #ddecfe;
}

.x-date-inner .x-date-disabled a {
	cursor:default;
	background:#eeeeee;
	color:#bbbbbb;
}
.x-date-mmenu{
    background:#eeeeee !important;
}
.x-date-mmenu .x-menu-item {
	font-size:10px;
	padding:1px 24px 1px 4px;
	white-space: nowrap;
	color:#000;
}
.x-date-mmenu .x-menu-item .x-menu-item-icon {
    width:10px;height:10px;margin-right:5px;
    background-position:center -4px !important;
}

.x-date-mp {
	position:absolute;
	left:0;
	top:0;
	background:white;
	display:none;
}
.x-date-mp td {
    padding:2px;
	font:normal 11px arial, helvetica,tahoma,sans-serif;
}
td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
   border: 0 none;
	text-align:center;
	vertical-align: middle;
	width:25%;
}
.x-date-mp-ok {
	margin-right:3px;
}
.x-date-mp-btns button {
	text-decoration:none;
	text-align:center;
	text-decoration:none !important;
	background:#083772;
	color:white;
	border:1px solid;
	border-color: #3366cc #000055 #000055 #3366cc;
	padding:1px 3px 1px;
	font:normal 11px arial, helvetica,tahoma,sans-serif;
	cursor:pointer;
}
.x-date-mp-btns {
	background: #dfecfb url(/images/ext/default/shared/glass-bg.gif) repeat-x left top;
}
.x-date-mp-btns td {
	border-top: 1px solid #c5d2df;
   text-align:center;
}
td.x-date-mp-month a,td.x-date-mp-year a {
	display:block;
	padding:2px 4px;
	text-decoration:none;
	text-align:center;
	color:#15428b;
}

td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
	color:#15428b;
	text-decoration:none;
	cursor:pointer;
	background: #ddecfe;
}

td.x-date-mp-sel a {
	padding:1px 3px;
	background: #dfecfb url(/images/ext/default/shared/glass-bg.gif) repeat-x left top;
	border:1px solid #8db2e3;
}
.x-date-mp-ybtn a {
    overflow:hidden;
    width:15px;
    height:15px;
    cursor:pointer;
    background:transparent url(/images/ext/default/panel/tool-sprites.gif) no-repeat;
    display:block;
    margin:0 auto;
}
.x-date-mp-ybtn a.x-date-mp-next {
    background-position:0 -120px;
}
.x-date-mp-ybtn a.x-date-mp-next:hover {
    background-position:-15px -120px;
}
.x-date-mp-ybtn a.x-date-mp-prev {
    background-position:0 -105px;
}
.x-date-mp-ybtn a.x-date-mp-prev:hover {
    background-position:-15px -105px;
}
.x-date-mp-ybtn {
   text-align:center;
}
td.x-date-mp-sep {
   border-right:1px solid #c5d2df;
}
.x-menu {
	border:1px solid #718bb7;
    z-index: 15000;
	background: #fff url(/images/ext/default/menu/menu.gif) repeat-y;
}
.ext-ie .x-menu {
    zoom:1;
    overflow:hidden;
}
.x-menu-list{
    border:1px solid #fff;
}
.x-menu li{
	line-height:100%;
}
.x-menu li.x-menu-sep-li{
	font-size:1px;
	line-height:1px;
}
.x-menu-list-item{
	font:normal 11px tahoma,arial, sans-serif;
    white-space: nowrap;
    -moz-user-select: none;
	-khtml-user-select: none;
	display:block;
	padding:1px;
}
.x-menu-item-arrow{
	background:transparent url(/images/ext/default/menu/menu-parent.gif) no-repeat right;
}
.x-menu-sep {
	display:block;
	font-size:1px;
	line-height:1px;
    height:1px;
    background:#c3daf9;
	margin: 3px 3px 3px 32px;
}
.x-menu-focus {
	position:absolute;
	left:0;
	top:-5px;
	width:0;
	height:0;
    line-height:1px;
}
.x-menu-item {
	display:block;
	line-height:14px;
	padding:3px 21px 3px 3px;
	white-space: nowrap;
	text-decoration:none;
	color:#233d6d;
	-moz-outline: 0 none;
	outline: 0 none;
	cursor:pointer;
}
.x-menu-item-active {
	color:#233d6d;
	background:#c3daf9;
	border:1px solid #8BB8F3;
	padding:0;
}
.x-menu-item-icon {
	border: 0 none;
	height: 16px;
	padding: 0;
	vertical-align: middle;
	width: 16px;
	margin: 0 11px 0 0;
    background-position:center;
}

.x-menu-check-item .x-menu-item-icon{
	background: transparent url(/images/ext/default/menu/unchecked.gif) no-repeat center;
}

.x-menu-item-checked .x-menu-item-icon{
	background-image:url(/images/ext/default/menu/checked.gif);
}
.x-menu-group-item .x-menu-item-icon{
	background: transparent;
}

.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
    background: transparent url(/images/ext/default/menu/group-checked.gif) no-repeat center;
}

.x-menu-plain {
	background:#fff;
}
.x-menu-date-item{
	padding:0;
}

.x-menu .x-color-palette, .x-menu .x-date-picker{
    margin-left:32px;
	margin-right:4px;
}
.x-menu .x-date-picker{
    border:1px solid #a3bad9;
    margin-top:2px;
    margin-bottom:2px;
}
.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
	margin:0;
    border:0 none;
}
.x-date-menu {
   padding:0 !important;
}



.x-box-tl {
	background: transparent url(/images/ext/default/box/corners.gif) no-repeat 0 0;
    zoom:1;
}

.x-box-tc {
	height: 8px;
	background: transparent url(/images/ext/default/box/tb.gif) repeat-x 0 0;
	overflow: hidden;
}

.x-box-tr {
	background: transparent url(/images/ext/default/box/corners.gif) no-repeat right -8px;
}

.x-box-ml {
	background: transparent url(/images/ext/default/box/l.gif) repeat-y 0;
	padding-left: 4px;
	overflow: hidden;
    zoom:1;
}

.x-box-mc {
	background: #eee url(/images/ext/default/box/tb.gif) repeat-x 0 -16px;
	padding: 4px 10px;
	font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
	color: #393939;
	font-size: 12px;
}

.x-box-mc h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 4 0;
    zoom:1;
}

.x-box-mr {
	background: transparent url(/images/ext/default/box/r.gif) repeat-y right;
	padding-right: 4px;
	overflow: hidden;
}

.x-box-bl {
	background: transparent url(/images/ext/default/box/corners.gif) no-repeat 0 -16px;
    zoom:1;
}

.x-box-bc {
	background: transparent url(/images/ext/default/box/tb.gif) repeat-x 0 -8px;
	height: 8px;
	overflow: hidden;
}

.x-box-br {
	background: transparent url(/images/ext/default/box/corners.gif) no-repeat right -24px;
}

.x-box-tl, .x-box-bl {
	padding-left: 8px;
	overflow: hidden;
}

.x-box-tr, .x-box-br {
	padding-right: 8px;
	overflow: hidden;
}

.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
	background-image: url(/images/ext/default/box/corners-blue.gif);
}

.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
	background-image: url(/images/ext/default/box/tb-blue.gif);
}

.x-box-blue .x-box-mc {
	background-color: #c3daf9;
}

.x-box-blue .x-box-mc h3 {
	color: #17385b;
}

.x-box-blue .x-box-ml {
	background-image: url(/images/ext/default/box/l-blue.gif);
}

.x-box-blue .x-box-mr {
	background-image: url(/images/ext/default/box/r-blue.gif);
}
#x-debug-browser .x-tree .x-tree-node a span {
    color:#222297;
    font-size:12px;
    padding-top:2px;
    font-family:"courier","courier new";
    line-height:18px;
}
#x-debug-browser .x-tree a i {
    color:#FF4545;
    font-style:normal;
}
#x-debug-browser .x-tree a em {
    color:#999;
}
#x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{
    background:#c3daf9;
}
#x-debug-browser pre, .x-debug-browser pre xmp {
    font:normal 11px tahoma, arial, helvetica, sans-serif !important;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
#x-debug-browser pre {
    display:block;
    padding:5px !important;
    border-bottom:1px solid #eeeeee !important;
}
#x-debug-browser pre xmp {
    padding:0 !important;
    margin:0 !important;
}
#x-debug-console .x-layout-panel-center, #x-debug-inspector .x-layout-panel-center {
      border-right:1px solid #98c0f4;
}
#x-debug-console textarea {
    border: 0 none;
    font-size:12px;
    font-family:"courier","courier new";
    padding-top:4px;
    padding-left:4px;
}
.x-debug-frame {
    background:#eeeeee;
    border:1px dashed #aaaaaa;
}
.x-combo-list {
    border:1px solid #98c0f4;
    background:#ddecfe;
    zoom:1;
    overflow:hidden;
}
.x-combo-list-inner {
    overflow:auto;
    background:white;
    position:relative; 
    zoom:1;
    overflow-x:hidden;
}
.x-combo-list-hd {
    font:bold 11px tahoma, arial, helvetica, sans-serif;
    color:#15428b;
    background-image: url(/images/ext/default/layout/panel-title-light-bg.gif);
    border-bottom:1px solid #98c0f4;
    padding:3px;
}
.x-resizable-pinned .x-combo-list-inner {
    border-bottom:1px solid #98c0f4;
}
.x-combo-list-item {
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
.x-combo-list .x-combo-selected{
	background-color: #c3daf9 !important;
    cursor:pointer;
    border:1px solid #336699;
}
.x-combo-noedit{
    cursor:pointer;
}
.x-combo-list-small .x-combo-list-item {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
}
.x-html-editor-wrap {
    border:1px solid #a9bfd3;
    background:white;
}
.x-html-editor-tb .x-btn-text {
    background:transparent url(/images/ext/default/editor/tb-sprite.gif) no-repeat;
}
.x-html-editor-tb .x-edit-bold .x-btn-text {
    background-position:0 0;
}
.x-html-editor-tb .x-edit-italic .x-btn-text {
    background-position:-16px 0;
}
.x-html-editor-tb .x-edit-underline .x-btn-text {
    background-position:-32px 0;
}
.x-html-editor-tb .x-edit-forecolor .x-btn-text {
    background-position:-160px 0;
}
.x-html-editor-tb .x-edit-backcolor .x-btn-text {
    background-position:-176px 0;
}
.x-html-editor-tb .x-edit-justifyleft .x-btn-text {
    background-position:-112px 0;
}
.x-html-editor-tb .x-edit-justifycenter .x-btn-text {
    background-position:-128px 0;
}
.x-html-editor-tb .x-edit-justifyright .x-btn-text {
    background-position:-144px 0;
}
.x-html-editor-tb .x-edit-insertorderedlist .x-btn-text {
    background-position:-80px 0;
}
.x-html-editor-tb .x-edit-insertunorderedlist .x-btn-text {
    background-position:-96px 0;
}
.x-html-editor-tb .x-edit-increasefontsize .x-btn-text {
    background-position:-48px 0;
}
.x-html-editor-tb .x-edit-decreasefontsize .x-btn-text {
    background-position:-64px 0;
}
.x-html-editor-tb .x-edit-sourceedit .x-btn-text {
    background-position:-192px 0;
}
.x-html-editor-tb .x-edit-createlink .x-btn-text {
    background-position:-208px 0;
}

.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
    padding:5px;
    padding-bottom:1px;
}

/** End of ext-all.css */



/**
  * From css/app.css: @import "yui/tabview/border_tabs.css";
  */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
.yui-navset .yui-nav li a, .yui-navset .yui-content {
    border:1px solid #000;  /* label and content borders */
}

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover, .yui-navset .yui-content {
    background-color:#f6f7ee; /* active tab, tab hover, and content bgcolor */
}

.yui-navset .yui-nav li em { padding:.5em; } /* tab padding */

/* defaults to orientation "top" */
.yui-navset .yui-nav .selected a {
    border-bottom-width:0; /* no bottom border for active tab */
    padding-bottom:1px; /* to match height of other tabs */
}

.yui-navset .yui-content {
    margin-top:-1px; /* for active tab overlap */
}

/* overrides for other orientations */

.yui-navset-bottom .yui-nav .selected a {
    border-width:0 1px 1px; /* no top border for active tab */
    padding:1px 0 0; /* to match height of other tabs */
}

.yui-navset-bottom .yui-content {
    margin:0 0 -1px; /* for active tab overlap */
}

.yui-navset-left .yui-nav li.selected a {
    border-width:1px 0 1px 1px; /* no right border for active tab */
    padding:0 1px 0 0; /* to match width of other tabs */
}

.yui-navset-left .yui-content {
    margin:0 0 0 -1px; /* for active tab overlap */
}

.yui-navset-right .yui-nav li.selected a {
    border-width:1px 1px 1px 0; /* no left border for active tab */
    padding:0 0 0 1px; /* to match width of other tabs */
}

.yui-navset-right .yui-content {
    margin:0 -1px 0 0; /* for active tab overlap */
}
/** End of yui/tabview/border_tabs.css */


/* WARNING: Unable to find import 'yui/tabview/tabs.css' */
@import "yui/tabview/tabs.css";


/**
  * From css/app.css: @import "yui/tabview/tabview.css";
  */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/* default space between tabs */
.yui-navset .yui-nav li {
    margin-right:0.5em; /* horizontal tabs */
}
.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}

/* default width for side tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { width:6em; }
.yui-navset-left { padding-left:6em; } /* map to nav width */
.yui-navset-right { padding-right:6em; } /* ditto */

/* core */

.yui-nav, .yui-nav li {
    margin:0;
    padding:0;
    list-style:none;
}
.yui-navset li em { font-style:normal; }

.yui-navset {
    position:relative; /* contain absolute positioned tabs (left/right) */
    zoom:1;
}

.yui-navset .yui-content { zoom:1; }

.yui-navset .yui-nav li {
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline; /* IE */
    vertical-align:bottom; /* safari: for overlap */
    cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
    zoom:1; /* IE: kill space between horizontal tabs */
}

.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
    display:block;
}

.yui-navset .yui-nav a {
    outline:0; /* gecko: keep from shifting */
}

.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */

.yui-navset .yui-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom; /* safari: for overlap */
    zoom:1;
}

.yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a {
    display:block;
}

.yui-navset-bottom .yui-nav li a {
    vertical-align:text-top; /* for inline overlap (reverse for Op border bug) */
}

.yui-navset .yui-nav li a em { display:block; }

/* position left and right oriented tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { position:absolute; z-index:1; }
.yui-navset-left .yui-nav { left:0; }
.yui-navset-right .yui-nav { right:0; }

/** End of yui/tabview/tabview.css */



/**
  * From css/app.css: @import "yui/menu/menu.css";
  */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/* Menu & MenuBar styles */

.yuimenu {

    background-color:#f6f7ee;
    border:solid 1px #c4c4be;
    padding:1px;
    
}

/*

The following style rule (".yuimenu.show-scrollbars") overrides the 
".show-scrollbars" rule defined in container.css which sets the 
"overflow" property of a YAHOO.widget.Overlay instance's root HTML element to 
"auto" when it is visible.  Without this override, a Menu would have scrollbars
when one of its submenus is visible.

*/

.yuimenu.show-scrollbars {

	overflow: visible; 

}

.yui-menu-shadow {

    display: none;

}

.yuimenu .yuimenu,
.yuimenubar .yuimenu {

    position:absolute;
    visibility:hidden;

}

.yuimenubar {

    background-color:#f6f7ee;
    
}

.yuimenubar ul {

    *zoom:1;

}

.yuimenubar ul:after {

    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    line-height:0;

}

.yuimenu h6,
.yuimenubar h6 { 

    font-size:100%;
    font-weight:normal;
    margin:0;
    border:solid 1px #c4c4be;
    color:#b9b9b9;    

}

.yuimenubar h6 {

    float:left;
    padding:4px 12px;
    border-width:0 1px 0 0;

}

.yuimenubar .yuimenu h6 {

    float:none;

}

.yuimenu h6 {

    border-width:1px 0 0 0;
    padding:5px 10px 0 10px;

}

.yuimenubar ul {

    margin:0;
    padding:0;

}

.yuimenu ul {

    border:solid 1px #c4c4be;
    border-width:1px 0 0 0;
    margin:0;
    padding:10px 0;

}

.yuimenu ul.first-of-type, 
.yuimenu ul.hastitle,
.yuimenu h6.first-of-type {

    border-width:0;

}

.yuimenubar li, 
.yuimenu li {

    list-style-type: none;    

}

.yuimenu .yui-menu-body-scrolled {

    overflow: hidden;

}

.yuimenu .topscrollbar,
.yuimenu .bottomscrollbar {

    height:16px;
    background-image:url(map.gif);
    background-repeat:no-repeat;

}

.yuimenu .topscrollbar {

    background-image:url(map.gif);
    background-position:center -72px;

}

.yuimenu .topscrollbar_disabled {

    background-image:url(map.gif);
    background-position:center -88px;

}

.yuimenu .bottomscrollbar {

    background-image:url(map.gif);
    background-position:center -104px;

}

.yuimenu .bottomscrollbar_disabled {

    background-image:url(map.gif);
    background-position:center -120px;

}


/* MenuItem and MenuBarItem styles */

.yuimenubaritem {

    float:left;

}

.yuimenuitemlabel,
.yuimenubaritemlabel {

    white-space: nowrap;
    font-size:85%;
    display:block;
    color:#000;
    text-decoration:none;

}

.yuimenuitemlabel {

    padding:2px 24px;
    outline:none;
    
}

.yuimenubaritemlabel {

    border-width:0 0 0 1px;
    border-style:solid;
    border-color:#c4c4be;
    padding:4px 24px;

}

li.first-of-type .yuimenubaritemlabel {

    border-width:0;

}

.yuimenuitemlabel .helptext {

    font-style:normal;
    margin:0 0 0 40px;
    
}

.yuimenuitemlabel .submenuindicator,
.yuimenuitemlabel .checkedindicator, 
.yuimenubaritemlabel .submenuindicator {
    
    display:block;
    height:8px;
    width:8px;
    overflow:hidden;
    vertical-align:middle;
    text-indent:9px;
    background-image:url(map.gif);
    background-repeat:no-repeat;

}

.yuimenubaritemlabel .submenuindicator {

    display:-moz-inline-stack; /* Gecko */
    display:inline-block; /* IE, Opera and Safari */
    font:0/0 arial; /* Gecko */

}

.yuimenuitemlabel .submenuindicator {

    background-position:0 0;

}

.yuimenubaritemlabel .submenuindicator {

    background-position:0 -24px;
    margin:0 0 0 10px;

}

.yuimenuitemlabel .checkedindicator {

    background-position:0 -48px;

}

.visible .yuimenuitem,
.visible .yuimenuitemlabel {

    *zoom:1;

}

.visible .yuimenuitemlabel .helptext {

    float:right;
    width:100%;
    text-align:right;
    margin:-1.2em 0 0 0;
    *cursor:hand; /* Required to restore the style of the cursor in IE */

}

.visible .yuimenuitemlabel .submenuindicator {

    margin:-.9em -16px 4px auto;
    *margin:-.9em -16px 0 105%;

}

.visible .yuimenuitemlabel .checkedindicator {

    margin:-.9em auto 4px -16px;
    *margin-bottom:0;

}



/* Matches selected menu items */

.yuimenuitem a.selected,
.yuimenubaritem a.selected {

    background-color:#8c8ad0;
    text-decoration:underline;
    color:#fff;

}

.yuimenubaritem a.selected .submenuindicator {

    background-position:0 -32px;

}

.yuimenuitem a.selected .submenuindicator {

    background-position:0 -8px;

}

.yuimenuitem a.selected .checkedindicator {

    background-position:0 -56px;

}


/* Matches disabled menu items */

.yuimenubaritem a.disabled .submenuindicator {

    background-position:0 -40px;

}

.yuimenuitem a.disabled {

    cursor:default;
    color:#b9b9b9;

}

.yuimenuitem a.disabled .submenuindicator {

    background-position:0 -16px;

}

.yuimenuitem a.disabled .checkedindicator {

    background-position:0 -64px;

}
/** End of yui/menu/menu.css */



/**
  * From css/app.css: @import "yui/menu/skins/sam/menu-skin.css";
  */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/* MenuBar style rules */

.yui-skin-sam .yuimenubar {

    border: solid 1px #808080;
    background: url(/static/images/yui/skins/sam/sprite.png) repeat-x 0 0;

}

/* 
    The following two style rules cause a MenuBar's UL to clear its 
    floating LIs.
*/

.yui-skin-sam .yuimenubar .bd,
.yui-skin-sam .yuimenubar ul {

    *zoom: 1;   /* For IE */

}

.yui-skin-sam .yuimenubar>.bd>ul:after {

    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;

}


/* MenuBarItem style rules */

.yui-skin-sam .yuimenubaritem {

    float: left;

}

.yui-skin-sam .yuimenubarnav .yuimenubaritem {

    border-right: solid 1px #ccc;

}

.yui-skin-sam .yuimenubaritemlabel {

    display: block;
    *display: inline-block; /* For IE */
    font-size: 93%;  /* 12px */
    line-height: 2;  /* ~24px */
    *line-height: 1.9; /* For IE */
    padding: 0 10px;
    color: #000;
    text-decoration: none;
    outline: none;
    cursor: default;
    border-style: solid;
    border-color: #808080;
    border-width: 1px 0;
    position: relative;
    margin: -1px 0;

}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {

    padding-right: 20px;

}

.yui-skin-sam .yuimenubaritemlabel .submenuindicator {
    
    /*
        Set height and width to 1px so screen readers announce the content of 
        the element.
    */

    width: 1px;
    height: 1px;
    top: 0;
    left: 0;

}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel .submenuindicator {
    
    top: 50%;
    right: 8px;
    left: auto; /* Override "left" property set by previous style rule */
    margin-top: -3px;
    height: 4px;
    width: 7px;
    text-indent: 8px;
    background-position: -16px -856px;

}


/* MenuBarItem states */

/* Selected MenuBarItem */

.yui-skin-sam .yuimenubaritem a.selected {

    background: url(/static/images/yui/skins/sam/sprite.png) repeat-x 0 -1700px;
    border-color: #7D98B8;

}

.yui-skin-sam .yuimenubarnav .yuimenubaritem a.selected {

    border-left-width: 1px;
    margin-left: -1px;
    *left: -1px;    /* For IE */

}

.yui-skin-sam .yuimenubar a.selected .submenuindicator {

    background: transparent;

}

.yui-skin-sam .yuimenubarnav a.selected .submenuindicator {

    /*
        Reset the value of the "background" property since it is set to 
        "transparent" by the previous rule.
    */

    background: url(/static/images/yui/skins/sam/sprite.png) repeat-x -16px -856px;

}


/* Disabled  MenuBarItem */

.yui-skin-sam .yuimenubaritem a.disabled {

    cursor: default;
    color: #A6A6A6;

}

.yui-skin-sam .yuimenubarnav .yuimenubaritem a.disabled .submenuindicator {

    background-position: -16px -881px;

}


/* Menu style rules */

.yui-skin-sam .yuimenu .bd {

    border: solid 1px #808080;
    background-color: #fff;
    
}

.yui-skin-sam .yuimenu ul {

    padding: 3px 0;
    border-width: 1px 0 0 0;
    border-color: #ccc;
    border-style: solid;

}

.yui-skin-sam .yuimenu ul.first-of-type {

    border-width: 0;

}


/* Group titles */

.yui-skin-sam .yuimenu h6 { 

    font-size: 93%;  /* 12px */
    font-weight: bold;
    line-height: 1.5;  /* 18px */
    *line-height: 1.45; /* For IE */
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 0 0 0;
    color: #a4a4a4;    
    padding: 3px 10px 0 10px;

}

.yui-skin-sam .yuimenu ul.hastitle,
.yui-skin-sam .yuimenu h6.first-of-type {

    border-width: 0;

}


/* Top and bottom scroll controls */

.yui-skin-sam .yuimenu .yui-menu-body-scrolled {

    border-color: #ccc #808080;
    overflow: hidden;

}

.yui-skin-sam .yuimenu .topscrollbar,
.yui-skin-sam .yuimenu .bottomscrollbar {

    height: 16px;
    border: solid 1px #808080;
    background: #fff url(/static/images/yui/skins/sam/sprite.png) no-repeat 0 0;

}

.yui-skin-sam .yuimenu .topscrollbar {

    border-bottom-width: 0;
    background-position: center -950px;

}

.yui-skin-sam .yuimenu .topscrollbar_disabled {

    background-position: center -975px;

}

.yui-skin-sam .yuimenu .bottomscrollbar {

    border-top-width: 0;
    background-position: center -850px;

}

.yui-skin-sam .yuimenu .bottomscrollbar_disabled {

    background-position: center -875px;

}


/* MenuItem style rules */

.yui-skin-sam .yuimenuitemlabel {

    font-size: 93%;  /* 12px */
    line-height: 1.5;  /* 18px */
    *line-height: 1.45; /* For IE */
    padding: 0 20px;
    display: block;
    color: #000;
    text-decoration: none;
    outline: none;
    position: relative;

    /* 
        Need to set the "position" property to "static" for IE otherwise the
        MenuItem instances will not respect the value of the "overflow" 
        property that is applied to its body element (see the above 
        ".yui-skin-sam .yuimenu .yui-menu-body-scrolled" rule) when it 
        is scrolled.
    */

    *position: static;
    cursor: default;

}

.yui-skin-sam .yuimenuitemlabel .helptext {

    font-style: normal;
    display: block;
    margin: -1.5em 0 0 10em;
    *margin-top: -1.45em;  /* For IE*/
    
}

.yui-skin-sam .yuimenuitemlabel .submenuindicator,
.yui-skin-sam .yuimenuitemlabel .checkedindicator,
.yui-skin-sam .yuimenubaritemlabel .submenuindicator {
    
    position: absolute;
    overflow: hidden;
    background: url(/static/images/yui/skins/sam/sprite.png) no-repeat;

}

/*
    Set special values for the "position" and "display" properties for IE since
    it is necessary to position the submenu and checked indicator nodes 
    differently since their parent element isn't relatively positioned.
*/

.yui-skin-sam .yuimenuitemlabel .submenuindicator,
.yui-skin-sam .yuimenuitemlabel .checkedindicator {

    *position: static;
    *display: inline-block;

}

.yui-skin-sam .yuimenuitemlabel .submenuindicator {

    top: 50%;
    right: 8px;
    margin-top: -3px;
    height: 7px;
    width: 4px;
    text-indent: 5px;
    background-position: 0 -906px;

}

.yui-skin-sam .yuimenuitemlabel .checkedindicator {

    top: 50%;
    left: 8px;
    margin-top: -3px;
    height: 7px;
    width: 7px;
    text-indent: 8px;
    background-position: 0 -1006px;

}


/* Menu states */

/* Visible Menu */

/*
    The following three rules are used to position the submenu and checked
    indicator nodes for IE since their parent element isn't 
    relatively positioned.
*/

.yui-skin-sam .visible .yuimenuitemlabel .submenuindicator {

    *float: right;
    *margin: -1em 8px 0 8px;

}

.yui-skin-sam .visible .yuimenuitem .hassubmenu {

    *padding-right: 0;

}

.yui-skin-sam .visible .yuimenuitemlabel .checkedindicator {

    *float: left;
    *margin: -1em 0 0 -12px;

}

.yui-skin-sam .yui-menu-shadow-visible {

    top: 2px;
    right: -3px;
    left: -3px;
    bottom: -3px;
    background-color: #000;
    opacity: .12;
    *filter: alpha(opacity=12);  /* For IE */
    visibility: visible;

}

.yui-skin-sam .visible .bd,
.yui-skin-sam .visible .yuimenuitem {

    _zoom: 1;   /* For IE 7 Quirks Mode and IE 6 Standards and Quirks Mode */

}

.yui-skin-sam .visible .yuimenuitemlabel {

    *zoom: 1;   /* For IE */

}


/* MenuItem states */

/* Selected MenuItem */

.yui-skin-sam .yuimenuitem a.selected {

    /*
        Use "background" over "background-color" to clear background image 
        set by the ".yuimenubaritem a.selected" rule.
    */

    background: #B3D4FF;

}

/*
    Redefine the background for MenuItem instances that are children of
    a Menubar since the 
    ".yui-skin-sam .yuimenubar a.selected .submenuindicator" rule sets the 
    "background" property to "transparent"
*/

.yui-skin-sam .yuimenubar .yuimenuitem a.selected .submenuindicator {

    background: url(/static/images/yui/skins/sam/sprite.png) no-repeat 0 -906px;

}

/*
    Remove borders and margin added by the style rule 
    ".yui-skin-sam .yuimenubarnav .yuimenubaritem a.selected"
*/

.yui-skin-sam .yuimenubarnav .yuimenuitem a.selected {

    border-width: 0;
    margin: 0;
    *left: 0;   /* For IE */

}


/* Disabled MenuItem */

.yui-skin-sam .yuimenuitem a.disabled {

    cursor: default;
    color: #A6A6A6;

}

.yui-skin-sam .yuimenuitem a.disabled .submenuindicator {

    background-position: 0 -931px;

}

.yui-skin-sam .yuimenuitem a.disabled .checkedindicator {

    background-position: 0 -1031px;

}

/** End of yui/menu/skins/sam/menu-skin.css */



/**
  * From css/app.css: @import "yui/button/button-core.css";
  */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
.yui-skin-sam .yui-button  {

    display: -moz-inline-box; /* Gecko */
    display: inline-block; /* IE, Opera and Safari */
    
}

.yui-skin-sam .yui-button .first-child {

    display: block;
    *display: inline-block; /* IE */

}

.yui-skin-sam .yui-button button,
.yui-skin-sam .yui-button a {

    display: block;
    *display: inline-block; /* IE */
    border: none;

}

.yui-skin-sam .yui-button button {

    background-color: transparent;
    *overflow: visible; /* Remove superfluous padding for IE */
    cursor: pointer;

}

.yui-skin-sam .yui-button a {

    text-decoration: none;

}
/** End of yui/button/button-core.css */



/**
  * From css/app.css: @import "yui/button/skins/sam/button-skin.css";
  */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
.yui-skin-sam .yui-button  {

    border-width: 1px 0;
    border-style: solid;
    border-color: #808080;
    background: url(/static/images/yui/skins/sam/sprite.png) repeat-x 0 0;
    margin: auto .25em;
    
}

.yui-skin-sam .yui-button .first-child {

    border-width: 0 1px;
    border-style: solid;
    border-color: #808080;
    margin: 0 -1px;
    *position: relative;
    *left: -1px;

}

.yui-skin-sam .yui-button button,
.yui-skin-sam .yui-button a {

    padding: 0 10px;
    font-size: 93%;  /* 12px */
    line-height: 2;  /* ~24px */
    *line-height: 1.7; /* For IE */
    min-height: 2em; /* For Gecko */
    *min-height: auto; /* For IE */
    color: #000; 

}

.yui-skin-sam .yui-split-button button,
.yui-skin-sam .yui-menu-button button {

    padding-right: 20px;
    background-position: right center;
    background-repeat: no-repeat;
    
}

.yui-skin-sam .yui-menu-button button {

    background-image: url(/static/css/yui/button/skins/sam/menu-button-arrow.png);

}

.yui-skin-sam .yui-split-button button {

    background-image: url(/static/css/yui/button/skins/sam/split-button-arrow.png);

}


/* Focus state */


.yui-skin-sam .yui-button-focus {

    border-color: #7D98B8;
    background-position: 0 -1300px;

}

.yui-skin-sam .yui-button-focus .first-child {

    border-color: #7D98B8;

}

.yui-skin-sam .yui-button-focus button, 
.yui-skin-sam .yui-button-focus a {

    color: #000;

}

.yui-skin-sam .yui-split-button-focus button {

    background-image: url(/static/css/yui/button/skins/sam/split-button-arrow-focus.png);

}


/* Hover state */

.yui-skin-sam .yui-button-hover {

    border-color: #7D98B8;
    background-position: 0 -1300px;

}

.yui-skin-sam .yui-button-hover .first-child {

    border-color: #7D98B8;

}

.yui-skin-sam .yui-button-hover button, 
.yui-skin-sam .yui-button-hover a {

    color: #000;

}

.yui-skin-sam .yui-split-button-hover button {

    background-image: url(/static/css/yui/button/skins/sam/split-button-arrow-hover.png);

}


/* Active state */

.yui-skin-sam .yui-button-active {
    
    border-color: #7D98B8;
    background-position: 0 -1700px;
    
}

.yui-skin-sam .yui-button-active .first-child {

    border-color: #7D98B8;

}

.yui-skin-sam .yui-button-active button, 
.yui-skin-sam .yui-button-active a {

    color: #000;

}

.yui-skin-sam .yui-split-button-activeoption {

    border-color: #808080;
    background-position: 0 0;

}

.yui-skin-sam .yui-split-button-activeoption .first-child {

    border-color: #808080;

}

.yui-skin-sam .yui-split-button-activeoption button {

    background-image: url(/static/css/yui/button/skins/sam/split-button-arrow-active.png);

}


/* Checked state */

.yui-skin-sam .yui-radio-button-checked,
.yui-skin-sam .yui-checkbox-button-checked {
    
    border-color: #304369;
    background-position: 0 -1400px;
    
}

.yui-skin-sam .yui-radio-button-checked .first-child,
.yui-skin-sam .yui-checkbox-button-checked .first-child {

    border-color: #304369;

}

.yui-skin-sam .yui-radio-button-checked button,
.yui-skin-sam .yui-checkbox-button-checked button { 

    color: #fff;

}


/* Disabled state */

.yui-skin-sam .yui-button-disabled {
    
    border-color: #ccc;
    background-position: 0 -1500px;
    
}

.yui-skin-sam .yui-button-disabled .first-child {

    border-color: #ccc;

}

.yui-skin-sam .yui-button-disabled button, 
.yui-skin-sam .yui-button-disabled a {

    color: #A6A6A6;
    cursor: default;

}

.yui-skin-sam .yui-menu-button-disabled button {

    background-image: url(/static/css/yui/button/skins/sam/menu-button-arrow-disabled.png);
    
}

.yui-skin-sam .yui-split-button-disabled button {

    background-image: url(/static/css/yui/button/skins/sam/split-button-arrow-disabled.png);
    
}

/** End of yui/button/skins/sam/button-skin.css */



/**
  * From css/app.css: @import 'blueprint/lib/reset.css';
  */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1.5; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border:none; }


/** End of blueprint/lib/reset.css */



/**
  * From css/app.css: @import 'blueprint/lib/typography.css';
  */

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #222; 
  font-family: "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; 
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { clear:both; font-weight:normal; }

h1 { font-size: 3em; line-height:1; margin-bottom:0.5em; }
h2 { font-size: 2em; margin-bottom:0.75em; }
h3 { font-size: 1.5em; line-height:1; margin-bottom:1em; font-weight:bold; }
h4 { font-size: 1.5em; line-height:1; margin-bottom:1em; }
h5 { font-size: 1em; font-weight:bold; margin-bottom:1.5em; }
h6 { font-size: 1em; font-weight:bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom:0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin: 1.5em 0; list-style-position: inside; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
ul ol, ol ul, 
ul ul, ol ol { margin-left: 1.5em;}
dl          { margin: 1.5em 0; }
dl dt       { font-weight:bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top:1.5em; font-style: italic; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight:bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight:700; }
pre,code    { margin:1.5em; white-space:pre; }
pre,code,tt { font:1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height:1.5; } 
tt          { display:block; margin:1.5em 0; line-height:1.5; }

fieldset    { padding:1.4em; margin:1.5em 0; border:1px solid #ddd; }
legend      { font-weight: bold; }


/* Tables (needs improvement)
-------------------------------------------------------------- */

/*
table   { margin-bottom:1.4em; }
th      { border-bottom:2px solid #ccc; font-weight:bold; }
td      { border-bottom:1px solid #ddd; }
th,td   { padding:4px 10px 4px 0; }
tfoot   { font-style: italic; }
*/

/* Use this if you use a span-x class on th, td. */
table .last { padding-right:0; } 


/* Some default classes
-------------------------------------------------------------- */

.small  { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large  { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet  { color: #666; }
.hide   { display: none; }


/* Success, error & notice boxes.
   Will be moved to forms.css when that file arrives. */
   
.error,
.notice, 
.success  { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
.error    { background:#FBE3E4; color:#D12F19; border-color: #FBC2C4; }
.notice   { background:#FFF6BF; color:#817134; border-color: #FFD324; }
.success  { background:#E6EFC2; color:#529214; border-color: #C6D880; }

/** End of blueprint/lib/typography.css */



/**
  * From css/app.css: @import 'blueprint/lib/grid-760.css';
  */

/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
   
   The grid is 760px wide, with 24 columns 
   spanning 24px, and a 8px margin between columns.
   
   XXX:
   we've adjust width from 760px to 850px
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 840px;
  margin: 0 auto;
}


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
  float: left;
  margin-right: 8px;
}


/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1   { width: 24px; }
.span-2   { width: 56px; }
.span-3   { width: 88px; }
.span-4   { width: 120px; }
.span-5   { width: 152px; }
.span-6   { width: 184px; }
.span-7   { width: 216px; }
.span-8   { width: 248px; }
.span-9   { width: 280px; }
.span-10  { width: 312px; }
.span-11  { width: 344px; }
.span-12  { width: 376px; }
.span-13  { width: 408px; }
.span-14  { width: 440px; }
.span-15  { width: 472px; }
.span-16  { width: 504px; }
.span-17  { width: 536px; }
.span-18  { width: 568px; }
.span-19  { width: 600px; }
.span-20  { width: 632px; }
.span-21  { width: 664px; }
.span-22  { width: 696px; }
.span-23  { width: 728px; }
.span-24  { width: 760px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 32px; }  
.append-2   { padding-right: 64px; } 
.append-3   { padding-right: 96px; } 
.append-4   { padding-right: 128px; } 
.append-5   { padding-right: 160px; } 
.append-6   { padding-right: 192px; } 
.append-7   { padding-right: 224px; } 
.append-8   { padding-right: 256px; } 
.append-9   { padding-right: 288px; } 
.append-10  { padding-right: 320px; } 
.append-11  { padding-right: 352px; } 
.append-12  { padding-right: 484px; } 
.append-13  { padding-right: 416px; } 
.append-14  { padding-right: 448px; } 
.append-15  { padding-right: 480px; } 
.append-16  { padding-right: 512px; } 
.append-17  { padding-right: 544px; } 
.append-18  { padding-right: 576px; } 
.append-19  { padding-right: 608px; } 
.append-20  { padding-right: 640px; } 
.append-21  { padding-right: 672px; } 
.append-22  { padding-right: 704px; } 
.append-23  { padding-right: 736px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 32px;}
.prepend-2   { padding-left: 64px;}
.prepend-3   { padding-left: 96px;}
.prepend-4   { padding-left: 128px;}
.prepend-5   { padding-left: 160px;}
.prepend-6   { padding-left: 192px;}
.prepend-7   { padding-left: 224px;}
.prepend-8   { padding-left: 256px;}
.prepend-9   { padding-left: 288px;}
.prepend-10  { padding-left: 320px;}
.prepend-11  { padding-left: 352px;}
.prepend-12  { padding-left: 384px;}
.prepend-13  { padding-left: 416px;}
.prepend-14  { padding-left: 448px;}
.prepend-15  { padding-left: 480px;}
.prepend-16  { padding-left: 512px;}
.prepend-17  { padding-left: 544px;}
.prepend-18  { padding-left: 576px;}
.prepend-19  { padding-left: 608px;}
.prepend-20  { padding-left: 640px;}
.prepend-21  { padding-left: 672px;}
.prepend-22  { padding-left: 704px;}
.prepend-23  { padding-left: 736px;}



/* Border on right hand side of a column. */
.border {
  padding-right: 3px;
  margin-right: 4px;
  border-right: 1px solid #ddd;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 19px;
  margin-right: 20px;
  border-right: 1px solid #ddd;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1  { margin-left: -32px;}
.pull-2  { margin-left: -64px;}
.pull-3  { margin-left: -96px;}
.pull-4  { margin-left: -128px;}


.push-0  { margin: 0 0 0 18px; } 
.push-1  { margin: 0 -32px 0 18px; }
.push-2  { margin: 0 -64px 0 18px; }
.push-3  { margin: 0 -96px 0 18px; }
.push-4  { margin: 0 -128px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/** End of blueprint/lib/grid-760.css */



/**
  * From css/app.css: @import 'blueprint/plugins/css-classes/css-classes.css';
  */

/* -------------------------------------------------------------- 

   css-classes.css
   * Classes for CSS development
   
   See the Readme file in this directory
   for further instructions.
   
-------------------------------------------------------------- */

.left   { float:left; }
.right  { float:right; }

.hide   { display:none; }

.reset-margin   { margin:0; } 
.reset-padding  { padding:0; } 
.reset          { margin:0; padding:0; } 

.align-justify  { text-align:justify; } 
.align-left     { text-align:left; } 
.align-center   { text-align:center; } 
.align-right    { text-align:right; } 


/** End of blueprint/plugins/css-classes/css-classes.css */



/**
  * From css/app.css: @import "xtheme-gray.css";
  */

/*
 * Ext JS Library 1.1.1
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://www.extjs.com/license
 */


.ext-el-mask-msg {
    border:1px solid #aaa;
    background: #ddd url(/static/images/ext/default/box/tb.gif) repeat-x 0 -16px;
}
.ext-el-mask-msg div {
    border:1px solid #ccc;
}

/*
 Menu
 */
.x-menu {
	border-color: #999 #999 #999 #999;
    background-image:url(/static/images/ext/gray/menu/menu.gif);
}
.x-menu-item-arrow{
	background-image:url(/static/images/ext/gray/menu/menu-parent.gif);
}
.x-menu-item {
	color:#222;
}
.x-menu-item-active {
	background:#ddd;
    border:1px solid #aaa;
}
.x-menu-sep {
	background:#aaa;
}
/* grid */
.x-grid-header{
	background: #ebeadb url(/static/images/ext/gray/grid/grid-hrow.gif) repeat-x;
	overflow:hidden;
	position:relative;
	cursor:default;
	width:100%;
}
.x-grid-hd-row{
	height:22px;
}
.x-grid-hd {
	padding-right:1px;
}
.x-grid-hd-over .x-grid-hd-inner {
	border-bottom: 1px solid #fcc247;
}
.x-grid-hd-over .x-grid-hd-text {
	background: #faf9f4;
    padding-bottom:1px;
    border-bottom: 1px solid #f9a900;
}

.x-grid-hd-text {
	color:#000000;
}

.x-grid-col {
	border-right: 1px solid #f1efe2;
	border-bottom: 1px solid #f1efe2;
}
.x-grid-row-alt{
	background:#fcfaf6;
}
.x-grid-row-over td{
	background:#f1f1f1;
}


.x-grid-locked .x-grid-body td {
	background: #f0efe4;
	border-right: 1px solid #D6D2C2;
	border-bottom: 1px solid #D6D2C2 !important;
}

.x-grid-locked .x-grid-header table{
    border-right:1px solid transparent;
}
.x-grid-locked .x-grid-body table{
    border-right:1px solid #c6c2b2;
}

.x-grid-bottombar .x-toolbar{
	border-right:0 none;
	border-bottom:0 none;
	border-top:1px solid #f1efe2;
}

.x-props-grid .x-grid-col-name{
	 background-color: #f1efe2;
}



.x-grid-locked td.x-grid-row-marker, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker{
    background: #ebeadb url(/static/images/ext/gray/grid/grid-hrow.gif) repeat-x 0 bottom !important;
    vertical-align:middle !important;
    color:black;
    padding:0;
    border-top:1px solid white;
    border-bottom:none !important;
    border-right:1px solid #d6d2c2 !important;
    text-align:center;
}
.x-grid-locked td.x-grid-row-marker div, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker div{
    padding:0 4px;
    color:black !important;
    text-align:center;
}

/**
* Basic-Dialog 
*/
.x-dlg-proxy {
	background-image: url(/static/images/ext/gray/layout/gradient-bg.gif);
	background-color:#EAE8D5;
	border:1px solid #b3b6b0;
}
.x-dlg-shadow{
	background:#aaaaaa;
}
.x-dlg-proxy .tabset{
    background:url(/static/images/ext/gray/layout/gradient-bg.gif);
}
.x-dlg .x-dlg-hd {
	background: url(/static/images/ext/gray/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;
	background-color:#333333;
}
.x-dlg .x-dlg-hd-left {
	background: url(/static/images/ext/gray/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;
}
.x-dlg .x-dlg-hd-right {
	background: url(/static/images/ext/gray/basic-dialog/hd-sprite.gif) no-repeat right 0;
}
.x-dlg .x-dlg-dlg-body{
	background:#efefec;
	border:1px solid #b3b6b0;
	border-top:0 none;
}
.x-dlg .x-tabs-top .x-tabs-body{
	border:1px solid #b3b6b0;
	border-top:0 none;
}
.x-dlg .x-tabs-bottom .x-tabs-body{
	border:1px solid #b3b6b0;
	border-bottom:0 none;
}
.x-dlg .x-layout-container  .x-tabs-body{
	border:0 none;
}
.x-dlg .x-dlg-close {
	background-image:url(/static/images/ext/gray/basic-dialog/close.gif);
}
.x-dlg .x-dlg-collapse {
    background-image:url(/static/images/ext/gray/basic-dialog/collapse.gif);
}
.x-dlg-collapsed .x-dlg-collapse {
    background-image:url(/static/images/ext/gray/basic-dialog/expand.gif);
}
.x-dlg div.x-resizable-handle-east{
	background-image:url(/static/images/ext/gray/basic-dialog/e-handle.gif);
	border:0 none;
}
.x-dlg div.x-resizable-handle-south{
	background-image:url(/static/images/ext/gray/basic-dialog/s-handle.gif);
	border:0 none;
}
.x-dlg div.x-resizable-handle-west{
	background-image:url(/static/images/ext/gray/basic-dialog/e-handle.gif);
	border:0 none;
}
.x-dlg div.x-resizable-handle-southeast{
	background-image:url(/static/images/ext/gray/basic-dialog/se-handle.gif);
	background-position: bottom right;
	width:8px;
	height:8px;
	border:0;
}
.x-dlg div.x-resizable-handle-southwest{
	background-image:url(/static/images/ext/gray/sizer/sw-handle-dark.gif);
	background-position: top right;
	margin-left:1px;
	margin-bottom:1px;
	border:0;
}
.x-dlg div.x-resizable-handle-north{
	background-image:url(/static/images/ext/gray/s.gif);
	border:0 none;
}

/** 
* Tabs
*/
.x-tabs-wrap {
	border-bottom:1px solid #aca899;
}
.x-tabs-strip .on .x-tabs-text {
	cursor:default;
	color:#333333;
}
.x-tabs-top .x-tabs-strip .on .x-tabs-right {
	 background: url(/static/images/ext/gray/tabs/tab-sprite.gif) no-repeat right 0;
}
.x-tabs-top .x-tabs-strip .on .x-tabs-left {
	 background: url(/static/images/ext/gray/tabs/tab-sprite.gif) no-repeat 0px -100px;
}
.x-tabs-top .x-tabs-strip .x-tabs-right {
	 background: url(/static/images/ext/gray/tabs/tab-sprite.gif) no-repeat right -50px;
}
.x-tabs-top .x-tabs-strip .x-tabs-left {
	 background: url(/static/images/ext/gray/tabs/tab-sprite.gif) no-repeat 0px -150px;
}
.x-tabs-strip .x-tabs-closable .close-icon{
	background-image:url(/static/images/ext/gray/layout/tab-close.gif);
}
.x-tabs-strip .on .close-icon{
	background-image:url(/static/images/ext/gray/layout/tab-close-on.gif);
}
.x-tabs-strip .x-tabs-closable .close-over{
	background-image:url(/static/images/ext/gray/layout/tab-close-on.gif);
}
.x-tabs-body {
    border:1px solid #aca899;
    border-top:0 none;
}
.x-tabs-bottom .x-tabs-wrap {
	border-bottom:0 none;
	padding-top:0;
	border-top:1px solid #aca899;
}
.x-tabs-bottom .x-tabs-strip .x-tabs-right {
	 background: url(/static/images/ext/gray/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;
}
.x-tabs-bottom .x-tabs-strip .x-tabs-left {
	 background: url(/static/images/ext/gray/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;
}
.x-tabs-bottom .x-tabs-strip .on .x-tabs-right {
	 background: url(/static/images/ext/gray/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
}
.x-tabs-bottom .x-tabs-strip .on .x-tabs-left {
	 background: url(/static/images/ext/gray/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
}

.x-tabs-bottom .x-tabs-body {
    border:1px solid #aca899;
    border-bottom:0 none;
}

.x-layout-container .x-layout-tabs-body{
	border:0 none;
}
/* QuickTips */

.x-tip .x-tip-top {
	background-image: url(/static/images/ext/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-top-left {
	background-image: url(/static/images/ext/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-top-right {
	background-image: url(/static/images/ext/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft {
	background-image: url(/static/images/ext/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft-left {
	background-image: url(/static/images/ext/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft-right {
	background-image: url(/static/images/ext/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-bd-left {
	background-image: url(/static/images/ext/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-bd-right {
	background-image: url(/static/images/ext/gray/qtip/tip-sprite.gif);
}

/* BorderLayout */

.x-layout-container{
    background-color:#f3f2e7;
}
.x-layout-collapsed{
    background-color:#f3f2e7;
	 border:1px solid #aca899;
}
.x-layout-collapsed-over{
	 background-color:#fbfbef;
}
.x-layout-panel{
    border:1px solid #aca899;
}
.x-layout-nested-layout .x-layout-panel {
	  border:0 none;
}
.x-layout-split{
    background-color:#f3f2e7;
}
.x-layout-panel-hd{
    background-image: url(/static/images/ext/gray/layout/panel-title-light-bg.gif);
    border-bottom:1px solid #aca899;
}
.x-layout-tools-button-over{
    border:1px solid #aca899;
}
.x-layout-close{
    background-image:url(/static/images/ext/gray/layout/panel-close.gif);
}
.x-layout-stick{
    background-image:url(/static/images/ext/gray/layout/stick.gif);
}
.x-layout-collapse-west,.x-layout-expand-east{
    background-image:url(/static/images/ext/gray/layout/collapse.gif);
}
.x-layout-expand-west,.x-layout-collapse-east{
    background-image:url(/static/images/ext/gray/layout/expand.gif);
}
.x-layout-collapse-north,.x-layout-expand-south{
    background-image:url(/static/images/ext/gray/layout/ns-collapse.gif);
}
.x-layout-expand-north,.x-layout-collapse-south{
    background-image:url(/static/images/ext/gray/layout/ns-expand.gif);
}
.x-layout-split-h{
    background-image:url(/static/images/ext/gray/sizer/e-handle-dark.gif);
}
.x-layout-split-v{
    background-image:url(/static/images/ext/gray/sizer/s-handle-dark.gif);
}
.x-layout-panel .x-tabs-wrap{
    background:url(/static/images/ext/gray/layout/gradient-bg.gif);
}
.x-layout-nested-layout .x-layout-panel-north {
	  border-bottom:1px solid #aca899;
}
.x-layout-nested-layout .x-layout-panel-south {
	  border-top:1px solid #aca899;
}
.x-layout-nested-layout .x-layout-panel-east {
	  border-left:1px solid #aca899;
}
.x-layout-nested-layout .x-layout-panel-west {
	  border-right:1px solid #aca899;
}
.x-layout-panel-dragover {
	border: 2px solid #aca899;
}
.x-layout-panel-proxy {
	background-image: url(/static/images/ext/gray/layout/gradient-bg.gif);
	background-color:#f3f2e7;
	border:1px dashed #aca899;
}
/** Resizable */

.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east{
    background:url(/static/images/ext/gray/sizer/e-handle.gif);
	 background-position: left;
}
.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-west{
    background:url(/static/images/ext/gray/sizer/e-handle.gif);
	 background-position: left;
}
.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south{
    background:url(/static/images/ext/gray/sizer/s-handle.gif);
    background-position: top;
}
.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-north{
    background:url(/static/images/ext/gray/sizer/s-handle.gif);
    background-position: top;
}
.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
    background:url(/static/images/ext/gray/sizer/se-handle.gif);
    background-position: top left;
}
.x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{
    background:url(/static/images/ext/gray/sizer/nw-handle.gif);
    background-position:bottom right;
}
.x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{
    background:url(/static/images/ext/gray/sizer/ne-handle.gif);
    background-position: bottom left;
}
.x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{
    background:url(/static/images/ext/gray/sizer/sw-handle.gif);
    background-position: top right;
}
.x-resizable-proxy{
    border: 1px dashed #615e55;
}

/** Toolbar */
.x-toolbar{
	border:0 none;
	background: #efefe3 url(/static/images/ext/gray/toolbar/gray-bg.gif) repeat-x;
	padding:3px;
}
.x-toolbar .x-btn-over .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
	background:url(/static/images/ext/gray/toolbar/tb-btn-sprite.gif) no-repeat 0 0;
}
.x-toolbar .x-btn-over .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
	background:url(/static/images/ext/gray/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
}
.x-toolbar .x-btn-over .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
	background:url(/static/images/ext/gray/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
}
.x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button {
	background-position: 0 -47px;
}
.x-paging-info {
    color:#222222;
}

/* combo box */
.x-combo-list {
    border:1px solid #999;
    background:#dddddd;
}
.x-combo-list-hd {
    color:#222;
    background-image: url(/static/images/ext/gray/layout/panel-title-light-bg.gif);
    border-bottom:1px solid #aca899;
}
.x-resizable-pinned .x-combo-list-inner {
    border-bottom:1px solid #aaa;
}
.x-combo-list .x-combo-selected{
	background:#ddd !important;
    border:1px solid #aaa;
}

/** End of xtheme-gray.css */



/**
  * From css/app.css: @import "chooser.css";
  */

/*
 * Ext JS Library 1.1
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://www.extjs.com/license
 */

.details{
	padding: 10px;
	text-align: center;
}
.details-info{
	border-top: 1px solid #cccccc;
	font: 11px Arial, Helvetica, sans-serif;
	margin-top: 5px;
	padding-top: 5px;
	text-align: left;
}
.details-info b{
	color: #555555;
	display: block;
	margin-bottom: 4px;
}
.details-info span{
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}
.ychooser-dlg select{
	font-size: 12px;
}
.ychooser-view{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
	overflow: auto;
}
.ychooser-view .thumb{
        border-bottom: dotted 1px;
	padding: 3px;
}
.ychooser-view .thumb img{
	width: 70px;
}
.ychooser-view .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
	height: 88px;
	width: 70px;
}
.ychooser-view .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}
.ychooser-view .x-view-selected{
	background: #c3daf9;
	border: 2px solid #6593cf;
	padding: 3px;
}
.ychooser-view .x-view-selected .thumb{
	background:transparent;
}
.ychooser-view .loading-indicator {
	font-size:11px;
	background-image:url('/images/ext/default/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

/** End of chooser.css */



/**
  * From css/app.css: @import "font-chooser.css";
  */



.fchooser-view {
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
	overflow: auto;
}
.fchooser-view .thumb{
	background: #ddd;
	padding:3px;
    height:43px;width:280px;
    text-align:center;
}
.fchooser-view .thumb img{
	height: 30px;width: 280px;
}
.fchooser-view .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}

.fchooser-view .x-view-selected{
	background: #ffffd0;color:#ff8000;
	border: 2px solid #ff8000;
	padding: 3px;
}

.fchooser-view .x-view-selected .thumb{
	background:transparent;
}

.fchooser-view .loading-indicator {
	font-size:11px;
	background-image:url('/images/ext/default/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

.fchooser-drop {
    width:318px;
    height:234px;
    background:#fff;
    border:1px solid #deded2;
    position:absolute;
    text-align:left;
    font-size:16px;
    color:#fff;
    z-index:10;
    top:24px;left:0;opacity:0.9;filter:alpha(opacity=90);
}
.fchooser-drop div {
    background:#fff;margin:5px;padding:0;border:1px solid #deded2;height:30px;color:#fff;
}
.fchooser-drop div img {margin:0 3px 0 3px;padding:0;vertical-align:middle;}

.fchooser-drop input {
 float:right;margin:10px;width:100px;background:url(/static/images/fontbuttonbk.png);
 border:1px outset #ddd;
}

.fchooser-drop div.selected {color:#000;}
.fchooser-drop div.hovered  {background:#ff8000;border:1px solid #ff7000;}

.fcontainer { position:relative;float:left; }
.fcontainer div iframe { 
    position:absolute;
    top:24px;left:0;
    width:300px;
    height:234px;
    overflow:visible;
    z-index:1;filter:mask(); }


/** End of font-chooser.css */



/**
  * From css/app.css: @import "accordion.css";
  */

#payment {
margin:20px 0 20px 0;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.accordion_toggle {
 color:#fff;
 background-color:#ff9509;
 cursor:pointer;
 margin:0 auto;
 padding:0.6em 1em;
 border-bottom:1px solid #dd7502;
}

.accordion_toggle {
    background-image: url(/static/images/arrow-right.png);
    background-repeat: no-repeat;
    background-position: 2px 60%;
}

h3.accordion_toggle_active {
    background-image: url(/static/images/arrow-down.png);
    background-repeat: no-repeat;
    background-position: 2px 60%;
}


.accordion_content {
 overflow: hidden;
 border:none;
 padding:0;
 margin:0;
 width:750px;
 height:300px;
}


/** End of accordion.css */



/**
  * From css/app.css: @import "design_hint.css";
  */


#design-hint { display:none; }
.design-hint-left, .design-hint-right, .design-hint-up, .design-hint-down { 
 position:absolute;padding:0;margin:0;z-index:6001;
 top:200px;left:300px;
 color:white;font-weight:800;font-size:15px;font-family:Arial;line-height:15px;
 filter:Chroma(Color=#c1cacf);
}

.design-hint-left  { 
 background:url(/static/images/hint1.png);width:120px;height:80px;filter:Chroma(Color=#c8d0d4); }
.design-hint-right { background:url(/static/images/hint2.png);width:120px;height:80px; }
.design-hint-up    { background:url(/static/images/hint3.png);width:80px;height:113px; }
.design-hint-down  { background:url(/static/images/hint4.png);width:80px;height:113px; }

.design-hint-left  div {width:90px;padding:15px 0 0 18px;}
.design-hint-right div {padding:17px 0 0 54px;}
.design-hint-up    div {padding:16px 0 0 13px;}
.design-hint-down  div {padding:48px 0 0 13px;}

.design-fader {
 display:none;
 position:absolute;top:0;left:0;z-index:3000;background:#999;
 -moz-opacity:0.2;opacity:0.2;filter:alpha(opacity=20);
}

.r1_1 { top:-25px;left:200px; }
.r2_1 { top:40px;left:590px; }
.r3_1 { top:100px;left:480px; }
.r4_1 { top:60px;left:340px; }
.r5_1 { top:377px;left:337px; }
.r6_1 { top:435px;left:555px; }
.r7_1 { top:377px;left:760px; }

.r1_2 { top:-25px;left:200px; }
.r2_2 { top:65px;left:590px; }
.r3_2 { top:125px;left:480px; }
.r4_2 { top:85px;left:340px; }
.r5_2 { top:347px;left:357px; }
.r6_2 { top:405px;left:555px; }
.r7_2 { top:347px;left:760px; }


/** End of design_hint.css */



/**
  * From css/app.css: @import "hslider.css";
  */

 .hslider-drag-zone {
  width:200px;height:20px;
  border:1px solid #deded2;background:#efefe3;
  position:relative;margin:10px;
  float:left;
 }
 .hslider-drag-back {
  margin-top:9px;width:200px;overflow:hidden;
  border-top:1px solid #d3d3d2;
  border-bottom:1px solid #d3d3d2;
  background:#deded2;
  height:1px;margin:9px 1% 0 1%; width:98%;
  position:absolute;top:0;left:0;
 }

 .hslider-drag-item {
  cursor:w-resize;overflow:hidden;
  position:absolute;
  width:10px;height:18px;background:#eee;margin-top:0px;
  border:1px solid #bcbcb0;
  background:#ddddc1;
  z-index:2;
 }

 .hslider-drag-label {
  position:absolute;top:0;left:205px;font-family:georgia;
 }

 .keepwidth {
  width:80px;height:20px;background:#efefe3;border:1px solid #deded2;
  position:relative;margin:10px;float:left;padding-left:5px;
 }

 .keepwidth input { margin-left:5px;}

/** End of hslider.css */



/**
  * From css/app.css: @import "vcanvas.css";
  */

/* 
 * vim:sw=2:  
 */

/* resizable-handlers */
.vcanvas .x-resizable-handle {
  border:1px solid #deded2;
  width:8px;
  height:8px;
  background:#efefe3;
  opacity:0.5;
  filter:Alpha(opacity=50);
}
.design-wrapper-hover .x-resizable-handle { background:#ff9000; }
.x-resizable-handle-east, .x-resizable-handle-west { top:45%; }
.x-resizable-handle-north,.x-resizable-handle-south{ left:45%;}

/* #vcanvas-editor { } */

#vcanvas-panel {
  float:left; 
  margin:10px; 
  width:308px;
  border:1px solid #ccc;
  padding:6px;
}

.text-align-img {
  border:1px solid #ccc;
  padding:3px;
  margin:2px;
}

.text-align-img:hover {
  border:1px solid #ff9900;
}


.vcanvas-menu {
  position: absolute;
  z-index: 10px;
  left: 160px;
  width: 140px;
  border:1px solid #aaa;
  background: #ccc;
}
.vcanvas-menu li { 
  padding:3px 3px 3px 6px; 
}
.vcanvas-menu li:hover { background: #fff; }


.vcanvas { position:relative; }
.canvas { border: 1px solid #eee; }

/* for vc32-mask of bulkentry preview wrapper in /bulk and /cart */
/* must be the same as js/app_behaviour.js  '.preview-vc32-bulk' '.preview-vc32-cart' */
/* preview dialog */
.preview-vc32 { width:413px; height:413px; }
.preview-vc32-bulk,
.preview-vc32-cart { 
    width:290px; 
    height:290px
}


.preview-vr1007 { width:317px; height:232px; }
.preview-vr1007-bulk,
.preview-vr1007-cart { width:317px; height:232px }

.preview-vr1015 { width: 313px; height:455px; }
.preview-vr1015-bulk,
.preview-vr1015-cart { width:313px; height:455px }

/* actual size is 284px x 510px */
/*
.preview-vr59 { width: 344px; height:570px ; }
.preview-vr59-bulk,
*/

.preview-vr59-cart { width:142px; height:255px }
.preview-mask { 
        position: absolute; 
        top: 0px; 
        left: 0px; 
        display: block; 
        z-index: 6; 
}


/* preview wrapper */
.vcanvas-contour {
  position:relative;background:url(/static/images/bg-preview.gif);
  border:1px solid #cdcdc1;
}

.canvas-edit-preview-vc32 { width: 410px; float: left; z-index:0 }
/* .canvas-edit-preview-vr59 { width: 344px; float:left; z-index:0 } */
.canvas-edit-preview-vr1007 { width: 317px; float: left; z-index;0 }
.canvas-edit-preview-vr1015 { width: 350px; float:left; z-index:0 }


/* .editor-type-vr59, */
.editor-type-vr1007,
.editor-type-vr1015,
.editor-type-vc32 {  
  border:1px solid #cdcdc1;
  width:320px;
  margin-left:10px;
  float: left;
}



.vcanvas-item, 
.vcanvas-item-proxy {
  border: 1px solid #cdcdc1;z-index:1;
  margin: 6px;
  background:url(/static/images/vcanvas-item-bg.png) top right no-repeat #efefe3;
  padding:3px;
  font-size:20px;
  line-height:120%;
  height:28px;
  width:280px;
  position:relative;
}

.vcanvas-item-proxy {
  background:#f9f9f9;border:2px solid #ddd;
}

.vcanvas-item-hover {
  border:1px solid #ff9000;
}

.vcanvas-item .preview {width:60px; height:24px; vertical-align:top;margin:2px;padding:0;border:1px solid #cdcdc1;}

.vcanvas-item .lock, .vcanvas-item .lock-f {
  margin:3px 0 0 0;cursor:pointer;vertical-align:top;
  border:1px solid #efefe3;
  background:#efefe3;
}
.vcanvas-item .lock-f { cursor:default; }
.vcanvas-item .lock-hover {
  border:1px solid #deded2;
  background:#f8f8f4;
}

.vcanvas-item .badres {
  margin: 3px 0 0 0;
  float: left;
}

/* .vcanvas-editor { }
.vcanvas-list { }
 */

.vcanvas-item-property { padding: 5px;  }

 /*  vcanvas sortable list height  */ 
div.vcanvas-list ul.ui-sortable {
    list-style:none!important;margin:0;
    overflow: auto;
    height: 250px; 
}

button.vcanvas-item-delete {
  background:transparent url(/static/images/silk/delete.png) no-repeat scroll 0%;
  border:0pt none;
  cursor:pointer;
  display:inline;
  height:16px;
  margin:6px 0pt 0pt;
  position: absolute;
  right:0px;
  width:16px;
}

.vcanvas-item button {
    vertical-align:top;
    height:24px;
    width: 30px;
    line-height:18px;
    font-size:12px;
    margin:2px 0 0 10px;
    font-family:georgia;
}

.x-menu ul, .x-menu ol {
  margin: 0;
}


/** End of vcanvas.css */



/**
  * From css/app.css: @import "vcanvas-widget.css";
  */


.edit-item-btn {
    font-size: 9px;
    border:1px solid #aaa;
    background: #ddd;
    margin: 4px;
    padding:3px;
}
.edit-item-btn:hover {  background: #fff; }

span.fit-checkbox-label,


input.apply-checkbox { }
span.apply-label {
    padding:    2px; 
    font-size:  12px;
}

img.vcanvas-editor-preview {
    width: 60px;
    height: 60px;
    background: #eee;
    border: 1px solid #ffcc99;
}

.arctext-button {
  width:24px;height:24px;
  display:inline;
  padding:0;
  margin:3px 0 0 0;
  border:1px solid #ccc;cursor:pointer;
  position:relative;
  top:24px;
  left:1px;
}

.arctext-button,
button.arctext-size { background:url(/static/images/silk/font_go.png) no-repeat scroll 3px 3px }

.arctext-button,
button.arctext-radius { background:url(/static/images/arc-radius.png) no-repeat scroll 3px 3px }

.arctext-button,
button.arctext-angle { background:url(/static/images/arc-angle.png) no-repeat scroll 3px 3px }

button.vcanvas-slider-active {
  border:1px solid #FF9000;
}

label.vcanvas-arctext-label {
    position:relative;
    left: -22px;
}


div.vcanvas-arctext-slider {
  background-color:#FFFFFF;
  margin-left:30px;
  /* 
  border:1px solid #FF9000;
  right: 20px;
  position: absolute;
  z-index: 9;
  width: 200px;
  height: 20px;
  */
}

.vcanvas-item input {
    height:21px;
    margin:2px 0 0 0;
    padding:0;
    font-size:17px;
    line-height:18px;
}




/** End of vcanvas-widget.css */



/**
  * From css/app.css: @import "colorchooser.css";
  */

.colorchooser-panel div {margin:0;padding:0;}

/** End of colorchooser.css */



/**
  * From css/app.css: @import "lightness/ui.dialog.css";
  */

/* FOR VERSION jQuery 1.2.6 */

/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/



/*dialog*/
.ui-dialog {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.1em;
	background: #eeeeee url(/css/lightness/images/eeeeee_40x100_textures_03_highlight_soft_100.png) 0 0 repeat-x;
	color: #333333;
	border: 4px solid #dddddd;
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
	cursor: n-resize; 
	height: 7px; 
	width: 100%; 
	top: -5px; 
	left: 0px;  
}
.ui-resizable-s { 
	cursor: s-resize; 
	height: 7px; 
	width: 100%; 
	bottom: -5px; 
	left: 0px; 
}
.ui-resizable-e { 
	cursor: e-resize; 
	width: 7px; 
	right: -5px; 
	top: 0px; 
	height: 100%; 
}
.ui-resizable-w { 
	cursor: w-resize; 
	width: 7px; 
	left: -5px; 
	top: 0px; 
	height: 100%;
}
.ui-resizable-se { 
	cursor: se-resize; 
	width: 13px; 
	height: 13px; 
	right: 0px; 
	bottom: 0px; 
	background: url(/css/lightness/images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw { 
	cursor: sw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	bottom: 0px;  
}
.ui-resizable-nw { 
	cursor: nw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	top: 0px; 
}
.ui-resizable-ne { 
	cursor: ne-resize; 
	width: 9px; 
	height: 9px; 
	right: 0px; 
	top: 0px; 
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	padding: .5em 1.5em .5em 1em;
	color: #1c94c4;
	background: #f6f6f6 url(/css/lightness/images/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x;
	border-bottom: 1px solid #cccccc;
	font-size: 1em;
	font-weight: bold;
	position: relative;
}
.ui-dialog-title {}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(/css/lightness/images/ef8c08_11x11_icon_close.gif) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url(/css/lightness/images/ef8c08_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
	background: url(/css/lightness/images/ef8c08_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	color: #333333;
	padding: 1.5em 1.7em;	
}
.ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #dddddd;
	background: #eeeeee;
}
.ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #1c94c4;
	background: #f6f6f6 url(/css/lightness/images/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x;
	font-size: 1em;
	border: 1px solid #cccccc;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
	color: #c77405;
	background: #fdf5ce url(/css/lightness/images/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x;
	border: 1px solid #fbcb09;
}
.ui-dialog-buttonpane button:active {
	color: #eb8f00;
	background: #ffffff url(/css/lightness/images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	border: 1px solid #fbd850;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}


















/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.1em;
}
/*component content styles*/
.ui-component-content {
	border: 1px solid #dddddd;
	background: #eeeeee url(/css/lightness/images/eeeeee_40x100_textures_03_highlight_soft_100.png) 0 0 repeat-x;
	color: #333333;
}
.ui-component-content a {
	color: #333333;
	text-decoration: underline;
}
/*component states*/
.ui-default-state {
	border: 1px solid #cccccc;
	background: #f6f6f6 url(/css/lightness/images/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x;
	font-weight: bold;
	color: #1c94c4 !important;
}
.ui-default-state a {
	color: #1c94c4;
}
.ui-default-state:hover, .ui-hover-state {
	border: 1px solid #fbcb09;
	background: #fdf5ce url(/css/lightness/images/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x;
	font-weight: bold;
	color: #c77405 !important;
}
.ui-hover-state a {
	color: #c77405;
}
.ui-default-state:active, .ui-active-state {
	border: 1px solid #fbd850;
	background: #ffffff url(/css/lightness/images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	font-weight: bold;
	color: #eb8f00 !important;
	outline: none;
}
.ui-active-state a {
	color: #eb8f00;
	outline: none;
}
/*icons*/
.ui-arrow-right-default {background: url(/css/lightness/images/ef8c08_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(/css/lightness/images/ef8c08_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(/css/lightness/images/ef8c08_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-content {background: url(/css/lightness/images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-left-default {background: url(/css/lightness/images/ef8c08_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(/css/lightness/images/ef8c08_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(/css/lightness/images/ef8c08_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-content {background: url(/css/lightness/images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-down-default {background: url(/css/lightness/images/ef8c08_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(/css/lightness/images/ef8c08_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(/css/lightness/images/ef8c08_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-content {background: url(/css/lightness/images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-up-default {background: url(/css/lightness/images/ef8c08_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(/css/lightness/images/ef8c08_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(/css/lightness/images/ef8c08_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-content {background: url(/css/lightness/images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-close-default {background: url(/css/lightness/images/ef8c08_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:hover, .ui-close-hover {background: url(/css/lightness/images/ef8c08_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:active, .ui-close-active {background: url(/css/lightness/images/ef8c08_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-content {background: url(/css/lightness/images/ef8c08_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-folder-closed-default {background: url(/css/lightness/images/ef8c08_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(/css/lightness/images/ef8c08_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(/css/lightness/images/ef8c08_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-content {background: url(/css/lightness/images/ef8c08_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-open-default {background: url(/css/lightness/images/ef8c08_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(/css/lightness/images/ef8c08_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:active, .ui-folder-open-active {background: url(/css/lightness/images/ef8c08_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-content {background: url(/css/lightness/images/ef8c08_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-doc-default {background: url(/lightness/images/ef8c08_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:hover, .ui-doc-hover {background: url(/css/lightness/images/ef8c08_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:active, .ui-doc-active {background: url(/css/lightness/images/ef8c08_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-content {background: url(/css/lightness/images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-default {background: url(/css/lightness/images/ef8c08_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(/css/lightness/images/ef8c08_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(/css/lightness/images/ef8c08_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-content {background: url(/css/lightness/images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-updown-default {background: url(/css/lightness/images/ef8c08_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(/css/lightness/images/ef8c08_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(/css/lightness/images/ef8c08_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-content {background: url(/css/lightness/images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-minus-default {background: url(/css/lightness/images/ef8c08_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:hover, .ui-minus-hover {background: url(/css/lightness/images/ef8c08_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:active, .ui-minus-active {background: url(/css/lightness/images/ef8c08_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-content {background: url(/css/lightness/images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-plus-default {background: url(/css/lightness/images/ef8c08_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:hover, .ui-plus-hover {background: url(/css/lightness/images/ef8c08_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:active, .ui-plus-active {background: url(/css/lightness/images/ef8c08_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-content {background: url(/css/lightness/images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}

/*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */



/** End of lightness/ui.dialog.css */



/* @group override */

/* blueprintcss */

body {
	margin: 0;
}
table {
    margin: 0;
}
img {
    margin: 0 0 0;
}
ul, ol {
    list-style: square;
    list-style-position: outside;
    margin-left: 2em;
}

/* jifty */

.submit_button {
    display: inline;
    clear: none;
}
.submit_button input {
    clear: none;
    margin: 0;
}

div.form_field label.label, div.form_field span.label {
    font-size: 100%;
}
div.form_field .hints {
    font-size: 100%;
}

/* @end */

/* @group link */

a:link, a:visited, a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:link { color: #c06a13; }
a:hover { color: #ff6800; }
a:visited { color: #721d00; }

span.link {
    color:#c06a13;
    text-decoration: underline;
}

/* @end */

.container {
	position: relative;
}


.steps img {
    margin: 0;
}

h2.step-header {
    border-bottom: 1px solid #FFF599;
    border-left: 0.5em solid #FFF599;
    position: relative;
}

h2.tall-header {
    margin-top: 2em;
}

h2.step-header span {
    padding: 0 0.5em;
	background: #ffffd0;
    display: block;
    width: 426px;
}

.step-back-button {
    margin-bottom: 1em;
}

.step-back-button input {
    background: #eee;
}

/* @group table */

table.simple {
    width:100%;
    border-top:1px solid #DDEDBD;
    border-right:1px solid #DDEDBD;
    margin:1em auto;
    border-collapse:collapse;
}
table.simple th,
table.simple td {
	border:none; /* reset base.css */
}
table.simple caption {
    color: #9ba9b4;
    font-size:.94em;
    letter-spacing:.1em;
    margin:1em 0 0 0;
    padding:0;
    caption-side:top;
    text-align:center;
}	
table.simple tr.odd td {
    background: #ffedc4;
}
table.simple td {
    color:#333;
    border-bottom: 1px solid #eddebd;
    border-left: 1px solid #eddebd;
    padding:.3em 1em;
    vertical-align: middle;
}
table.simple th {
    font-weight:normal;
    color: #8f7a4b;
    border-bottom: 1px solid #eddebd;
    border-left: 1px solid #ede0bd;
    padding:0.1em 0.5em;
}
table.simple thead th,
table.simple tfoot th {
    background: #faeac5;
    font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
    color: #000;
}

th.price-col, td.price-col {
  width: 64px;
}

/* @end */

/* @group #hd */

#hd h1 {
	font-size: 1em;
	margin: 0 0 0 0;
    height: 7.5em;
}

#hd h1 img {
	margin: 0 0 0 0;
}

/* @group #top-panel */

#top-panel {
	position: absolute;
	top: 0;
	right: 0;
	background: #f68f00 url(/static/images/top-panel.png) no-repeat 100% 100%;
}

#top-panel ul {
	margin: 0;
}
#top-panel ul li.first {
	background: transparent url(/static/images/top-panel-ul.png) no-repeat 0 100%;
    padding-left: 18px;
}

#top-panel li {
	margin: 0;
	padding: 0 0 2px 0;
	float: left;
	list-style: none;
}

#top-panel li a {
	display: block;
	text-align: center;
	color: #fff;
	text-shadow: #777 2px -1px 1px;
	border-left: 2px dotted #FFBB63;
    padding: 5px 18px;
}

#top-panel li.first a {
	border: none;
}

#top-panel li a:hover {
	text-shadow: none;
	text-decoration: none;
	color: #000;
}

#top-panel #region-__page-shopping-cart-brief a {
	background: transparent url(/static/images/cart.gif) no-repeat 0 50%;
}

/* @end */

/* @group #notices */

#notices {
	border: 1px solid #ffba3a;
	background: #fff599 url(/static/images/silk/information.png) no-repeat 8px center;
	overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    padding: 0.5em 0;
}
#notices a.closebutton {
	float: right;
	background: transparent url(/static/images/silk/cross.png) no-repeat center center;
	display: block;
	width: 16px;
	text-indent: -999em;
	margin: 0 5px 0 0;
}

#notices span.notices {
	float: left;
	display: block;
	margin: 0 0 0 30px;
}

/* @end */

/* @end */

/* @group #ft */

#ft {
	margin-top: 2em;
    border-top: 1px dotted #ccc;
    padding: 5px 20px;
}

.region-list {
    float: left;
}

.lang-list {
    float: right;
}

/* @end */

/* @group step 1 */

#product-list {
    margin-top: 1em;
}

.product-chooser {
    width: 65%;
    margin: 0 3% 0 0;
    padding: 0;
    font-size: 14px;
    float: left;    
    margin-right: -3px;
}

input.product-chooser-submit {
    width: 100px;
    margin: 0;
    padding: 0;
    float: right;
    font-size: 1.5em;
}

.product-info {
    margin-top: 1em;
}

/* @end */

/* @group step 3 */

.checkout fieldset {
    padding: 1em 15px;
}

fieldset.join {
    width: 80%;
}

.checkout div.form_field label.label, .checkout div.form_field span.label {
    width: 100px;
}

.checkout .hint a {
    display: block;
    padding: 0 0 0 20px;
    background: transparent url(/static/images/silk/wand.png) no-repeat left center;
}
.checkout .checkout-button .submit_button {
    text-align: right;
    display: block;
}
.checkout .checkout-button .submit_button input {width:120px;}

.checkout-submit {
	background: #ffffd0;
}
.checkout-account .forgot-password,
.checkout-account .submit_button {
    margin-left: 105px;
    display: block;
    clear: both;
}

/* @end */

/* @group order tracking, view */

ul.order-list {
    list-style: none;
    margin: 0;
}

ul.order-list .order {
	width: 142px;
	float: left;
	display: block;
	border-top: 5px solid #ddd;
	border-left: 3px solid #ddd;
	border-right: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	margin-right: 8px;
	margin-bottom: 1em;
}

ul.order-list .order-number {
	display: block;
	background: #ddd;
	padding: 2px 5px;
}

ul.order-list .order span {
	display: block;
	padding: 0.5em;
	text-align: center;
}

ul.order-item-info strong {
    text-decoration: underline;
}

a.bookmark {
    padding-left: 20px;
    background: url(/static/images/silk/tag_blue_add.png) no-repeat left center;
    display: block;
}

/* @end */

.design-panel {
    position: relative;
    padding-bottom: 2.5em;
}

/* ie6 hack */
* html .design-panel {
    zoom: 1;
}

div#vc-preview-button {
    float: right;
    margin: 6px;
}

.preview-wrapper { 
  padding: 20px 1.5em; 
  margin-bottom: 1.5em;  
  background: transparent url(/static/images/bg-preview.gif);
  border: 1px solid #eee;
}

.product-image {
  padding: 20px 1.5em; 
  border: 1px solid #eee;
}

.preview-wrapper div,
.product-image img {
	display: block;
    margin: 0 auto;
}


img.preview-rect1,
img.preview-rect1-bulk,
img.preview-rect1-cart {
  width: 196px;
  height: 96px;
}

img.preview-rect2,
img.preview-rect2-bulk,
img.preview-rect2-cart {
  width: 196px;
  height: 96px;
}

img.preview-vr35,
img.preview-vr35-bulk,
img.preview-vr35-cart {
    width: 280px;
    height: 162px;
}

img.preview-round1,
img.preview-round1-bulk,
img.preview-round1-cart {
  width: 166px;
  height: 166px;
}

div.canvas-preview-wrapper-rect1,
div.canvas-preview-orig-rect1,
img.confirm-rect1 {
  width: 196px;
  height: 96px;
}

div.canvas-preview-wrapper-rect2,
div.canvas-preview-orig-rect2,
img.confirm-rect2 {
  width: 196px;
  height: 96px;
}

div.canvas-preview-wrapper-round1,
div.canvas-preview-orig-round1,
img.confirm-round1 {
  width: 166px;
  height: 166px;
}

div.canvas-preview-wrapper {
	border: 1px solid #ccc;
}

.aiink-toolbar .x-toolbar {
    background-image: none;
}

.x-dlg .x-dlg-hd {
	background: url(/static/images/ext/aiink/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;
	background-color:#FEA703;
}
.x-dlg .x-dlg-hd-left {
	background: url(/static/images/ext/aiink/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;
}
.x-dlg .x-dlg-hd-right {
	background: url(/static/images/ext/aiink/basic-dialog/hd-sprite.gif) no-repeat right 0;
}
.x-dlg .x-dlg-close {
	background-image:url(/static/images/ext/aiink/basic-dialog/close.gif);
}
.x-dlg .x-dlg-collapse {
    background-image:url(/static/images/ext/aiink/basic-dialog/collapse.gif);
}
.x-dlg-collapsed .x-dlg-collapse {
    background-image:url(/static/images/ext/aiink/basic-dialog/expand.gif);
}

/* sadly it does not work in IE6
.x-btn-pressed.vertical-btn .x-btn-text {
    background-image: url(/static/images/silk/tick.png);
}
*/



#designer-new-toolbar .x-btn-pressed .x-btn-text {
    background-image: url(/static/images/silk/tick.png);
}

#designer-new-toolbar .help-btn .x-btn-text {
    background-image: url(/static/images/silk/information.png);
}



#designer-new-main-toolbar .x-btn-pressed .x-btn-text {
    background-image: url('/static/images/silk/tick.png');
}

#designer-new-main-toolbar .help-btn .x-btn-text {
    background-image: url('/static/images/silk/information.png');
}


.designer-disabled-field {
    color: #555;
    background: #cccccc;
}

.designer-enabled-field {
}

.designer-applylist {
    float:left;
    position:relative;
    width:90px;
}

.designer-applylist span {
    float: left;
    padding-right: 5px;
}

.designer-applymsg {
    float:left;
    height:20px;
    background:#efefe3;
    border:1px solid #eeeee2;
    padding:2px 3px;
    margin:0 3px 0 0;
    width:155px;
}

.designer-applylist-chkbox {
    float:left;
    background:#efefe3;
    border:1px solid #eeeee2;
}



div#jifty-wait-message {
    background: transparent;
    color: #000;
    position:fixed;
	top: 0;
    _top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	_position:absolute;
    right: 0;
    z-index: 999;
    font-size: 1em;
}

/* ---------------------------- */

input.font-selector {
 /* position: absolute; top: 0; left: 0;*/
  width:24px;height:24px;display:block;
  padding:0;margin:0;float:left;
  border:1px solid #ccc;cursor:pointer;
  background:url(/static/images/fontbutton.png) #fff;
}

input.font-selector:hover {
  background:url(/static/images/fontbutton-hover.png);
}

input.color-selector {
 /* position: absolute; top: 0; left: 0;*/
  width:24px;height:24px;display:block;
  padding:0;margin:0;float:left;
  border:1px solid #ccc;cursor:pointer;
  background:#000;
  display:inline;float:none;
}

input.color-selector:hover {
  background:#000;
}

div.font-selector span.radiooption {
    display: block;
    width: 305px;
    overflow: hidden;
    margin-bottom: 5px;
    border: 1px solid #eee;
}
div.font-selector span.radiooption:hover {
    background: #f68f00;
    border: 1px solid #f68f00;
}
div.font-selector span.radiooption input {
    float: left;
    margin-top: 8px;
    margin-left: 2px;
    margin-right: 2px;
}
div.font-selector span.radiooption label {
    float: left;
}
div.font-selector span.radiooption img {
    width: 280px;
    display: block;
}

.canvas .form_field {
    display: block;
    clear: both;
}

.canvas span.label {
  width: 150px;
}

div.argument-textentry {
  float: left;
}

div#product-list {
  margin-top: 20px;
}

.product canvas {
  float: right;
  border:1px solid #000;
}
.spacer {
  clear: both;
}

span.price {
  clear: both;
  float: right;
  color: red;
}

div.orderitem-basic {
  float: right;
  width: 30%;
}

div.argument-vertical {
}

.text-entry {
    margin-left: 10px;
    margin-top: 10px;
}
.text-entry div.form_field {
  float: left;
  width: 230px;
  padding-top: 0;
}
.text-entry div.form_field label.label {
    width: auto;
}


input.canvas-updater {
  display: none;
}

div.checkout label.argument-join_member {
  float: none;
}
div.total {
  clear:both;
  font-size:5em;
  text-align:right;
  width:100%;
}

div.discount {
  color: red;
}

body#backstage.stats {
  padding:10px;
}

body#backstage.stats .container {
  width: 100%;
}

body#backstage.stats ul {
  margin:3px;
  padding:2px;
}

body#backstage.stats .dashboard-box {
  width: 190px;
  /* height: 190px;  */
  float: left;
  margin: 6px;
  padding: 9px;
  border:1px solid #666;
}

/* backstage */
body#backstage div.pending-order {
	width: 90%;
	clear: both;
	border-width: 1px 0 0 0;
	border-style: dashed;
}

body#backstage
.pending-order span.order-id, body#backstage span.order-by {
	width: 40%;
	font-size: 150%
}

body#backstage .order-actions input {
	float: right
}

body#backstage div.pending-order-item {
	margin: 0 2em;
	clear: both;
}


body#backstage .order-item .submit_button {
	clear: none;
	float: right
}

body#backstage .order-item div {
	width: 20%;
	float: left;
}

body#backstage .order-item div.actions {
	width: 20%;
	float: right;
}

body#backstage .order-item div.actions input {
	float: right;
	clear: both;
}

body#backstage .orderitem-select input {
	float: left;
}

div.production-notes {
	white-space: pre;
	font-size: 150%;
	padding: 20px;
}

.batch-production div.production-notes {
	width: 60%;
	float: left;
}

.production-notes h2 {
	font-size: 200%;
}

.production-notes span {
	white-space: normal;
}

div.production-working {
	width: 30%;
	float: right;
}

input.working-stopped {
	background: transparent url(/static/images/working-stop.gif) no-repeat scroll center;
	border: 0px none;
	font-weight: bold;
	height: 204px;
	padding: 0.15em 1em;
	width: 108px;
}

input.working-started {
	background: transparent url(/static/images/working.gif) no-repeat scroll center;
	border: 0px none;
	font-weight: bold;
	height: 204px;
	padding: 0.15em 1em;
	width: 108px;
}

.hidden {
    display: none;
}

.faq dl dt {
    color: #743;
    font-weight: normal;
    font-size: 1.2em;
    margin-top: 1.5em;
    margin-bottom: 0.2em;
}
.faq h3 {
    color: #666;
    border-bottom: 1px solid #ccc;
}
.faq {
    font-size: 1.2em;
}

#lang-selector {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.5em;
    padding:1px;
    margin-right: -5em;
}

#lang-selector div.form_field {
    padding-top: 0.4em;
}
#lang-selector div.form_field .hints,
#lang-selector div.form_field label.label {
    display: none;
}

#lang-selector select {
    padding: 2px;
    width: 5em;
    font-size: 12px;
}

.product h3 {
    color: #666;
    border-bottom: 1px solid #ccc;
}
.product-info dl {
    margin-top: 0;
}
.product-info dt {
    float: left;
    width: 30%;
    font-weight: normal;
    margin-right: 0.5em;
    color: #D56F30;
}

.product-info span.price {
    font-family: zapfino,Georgia,serif;
    color:  #F15000;
}

.product-header {
    background: #ffffee;
    padding: 0.5em;
}

.tagline {
    position: absolute;
    top: 1.8em;
    right: 20px;
    padding: 1em 30px;
    background: #ffd;
    border: #ffb;
}

.yui-skin-sam .text-entry .yui-menu-button button {
    background: url(/static/images/silk/font.png) center center no-repeat;
    text-indent: -4em;
    overflow: hidden;
    padding: 0 .75em;
    width: 2em;
    *margin-left: 4em;
    *padding: 0 1.75em;
}

.design-canvas-uploader input.argument-accept_tnc,  .design-canvas-uploader input.argument-shared {
    float: left;
    margin: 5px 5px 0pt 5px;
}

.design-canvas-uploader label.argument-accept_tnc,  .design-canvas-uploader label.argument-shared {
    float: left;
    width: 500px;
}

.design-canvas-uploader input.submit_button {
    margin-left: 50px;
    clear: none;
}

.design-canvas-uploader-rect2 {
    padding: 10px;
}


/* grr hate */

.checkout div.checkout-button label.argument-accept_tnc {
    left:10px;
    position:absolute;
    text-align:left;
    width:100%;
}

.checkout div.checkout-button input.argument-accept_tnc {
    left:-5px;
    position:relative;
    width:10px;
}

.payment .box {
    background-color: transparent;
}
.payment ul {
    margin-left: 1.5em;
}

input.argument-openid {
    background: white url(/static/images/fieldbg-openid.gif) repeat-x top left;
    padding-left: 20px;
}

/* bulkbuy */

#bulk-preview {
    position: relative;
    padding-bottom: 45px;
    margin-bottom:12px;
}
#bulk-preview textarea {
    width: 350px;
    font-size: 16px; /* dirty hack */
}


div.bulk-preview-entry {
    
}

div.bulk-preview-entry-text p {
    margin: 5px;
}

div.bulk-preview-entry-text .text-label {
    font-weight: bold;
    color: #666;
}
div.bulk-preview-entry-text .text-content {
    border: 1px solid #ccc;
    background: #fea;
    color: #ababab;
    margin-left: 5px;
}

div.bulk-preview-entry-text .text-from-list {
    border: 1px solid #ccc;
    background: #fea;
    margin-left: 5px;
}

.bulk-preview-slider * {
    text-align: center;
}









.promotion {
    border: 1px solid #ccc;
    padding: 2em 1.5em 0.5em;
    background: #FFF599;
    margin: 1em 0;
}
.promotion h3 {
    font-size: 1.2em;
}
.promotion p {
    margin: 1em 0;
}
.promotion p.offer {
    font-size: 1.4em;
    color: #F15000;
}

.footnote {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 1em 0;
    padding: 1em 0;
}

.footnote li {
    list-style-type: none;
}
dl.examples dt {
    font-size: 1.2em;
}
dl.examples dd {
    border: 1px solid #ccc;
    background: #f1f1f1;
    margin: 0 0 1em;
    padding: 0.5em 1em;
}

img.yahoologin-button {
    clear: both;
    float: left;
}

div.openid {
    width: 800px;
}

#openid-login, #yahoo-login {
    float: left;
    width: 45%;
}

table.registered_mail td { 
padding: 3px; 
}

tr.alt td {
    background: #ecf6fc;
}

tr.over td {
    background: #bcd4ec;
}

td.exp {
    color: red;
}

ul.design-canvas-notes {
    float: right;
    width: 320px;
}





/* product category css */
/* **************************************** */
/* from lib/AIINK/View/Catalog.pm */
#product-category {
    position: absolute;
    width: 160px;
    top: 120px;
    left: -30px;
}

#product-category h2.category-header {
    color: #FF6800;
}

#product-category ul { padding:2px 2px 2px 8px; margin:2px 3px;  }
#product-category li { list-style:none ; color: #ff6600 }

#product-content {
    margin-left:100px;
    padding:5px;
}

.catalog-product-item {
    float: left;
    width: 200px;
    border:1px solid #eee;
    padding: 6px;
    margin: 50px;
}

.product-phrase {
    color: #666;
    font-size: small;
}

.product-title { }

.product-detail-wrapper {
    margin: 20px;
}


/*  product manage page */
.product-crud-item { border:1px solid #ffcc00; margin: 5px; padding: 5px; }
.product-crud-image { float: left;  margin:20px; }
.product-crud-image img { width: 120px; }
.product-crud-action { float: left; width:370px; }
.product-crud-action div.form_field span.label { width:35%;  }
.product-crud-item li { list-style:none; }

/*
.product-fare-price { margin:3px; border: 1px solid #ccc; padding:2px;  }
*/

.product-status-button { }
.product-edit-button { margin: 3px; }

.aiink-widget-canvas-image { border:1px solid #ccc; padding: 3px;  }

div.product-tab-content { padding: 10px; }
div.product-type-tab-wrapper {
    margin: 3px;
    padding: 2px;
}

a.tab-link {
    padding: 3px;
    margin: 3px;
    border: 1px solid;
    background-color: #eee;
}


/* XXX */
.ifchooser-container div.imageflow {
    float: left;
}
.ifaddtocart {
    float: right;
    position: absolute;
    right: 0;
    width: 35%;
    z-index: 99;
    margin-top: -15px;
}

.ifaddtocart div.submit_button {
    clear: both;
    float: right;
}

.ifaddtocart div.checkout_button { 
    float: right;
}

.ifaddtocart div.checkout_button input.button ,
.ifaddtocart div.submit_button input.button {
    font-size: 1.4em;
    background-color:#F69F10;
}

div.product-status {
    border:1px solid red;
    color: red;
    padding:3px;
}



/* orderitem info */
input.argument-quantity {
    width:2em;
    text-align:right;
    clear:none;
    z-index: 99;
}

div.order-info { 
    text-align:right;
    float:right;
}

div.order-info-bulk { 
    /*
     *
    position:absolute;
    right: 3px;
    */
}

div.order-info .form_field .label { width: 100px; }
.orderitem-create-submit { width:200px; }
.orderitem-create-submit {width:120px;}
.orderitem-create-submit { background: #ffffd0; }

div.order-info-bulk .warning, div.order-info-bulk .error, div.order-info-bulk .canonicalization_note {
    float:left;
    position:relative;
    text-align:left;
    width:60%;
}


#plurk-canvas { text-align:right; }

.twitter-widget { 
    position:absolute;
    top:-6px; left:380px; 
    z-index:999;
}

.twitter-hover {
    float: right;
    width: 100px;
    border-bottom-left-radius: 10px 10px;
    border-bottom-right-radius: 10px 10px;
    /* border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px; */
    background-color:#f0ad39;
    margin: 5px;
    padding:5px;
    font: Arial;
    text-align: center;
}
.twitter-hover:hover { background: #fc3; }

.use-vc-designer-hint {
    color: red;
    font-size: 1.2em;
}

/** End of app.css */


/**
  * From css/main.css: @import "autocomplete.css";
  */

/* Autocomplete */

.ac_value {
    font-style: italic;
    text-align: right;
    color: #AAA;
    font-size: .9em;
}


/** End of autocomplete.css */

/** Skipping: 
@import "yui/menu/menu.css";
  */


/**
  * From css/main.css: @import "jquery.jgrowl.css";
  */


div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}

/** End of jquery.jgrowl.css */


/**
  * From css/main.css: @import "notices.css";
  */

.message {
    background: url(/static/images/silk/information.png) no-repeat center left;
    padding-left: 20px;
}

.error {
    background: url(/static/images/silk/error.png) no-repeat center left;
    padding-left: 20px;
}

.error {
    color: #b71111;
}

#notices p {
    font-size: 1em;
    padding-left: 20px;
    min-height: 16px;
}

#notices .notice_unaccepted_tasks {
    background: url(/static/images/silk/package.png) no-repeat top left;
}

#notices .notice_invitations {
    background: url(/static/images/silk/email_go.png) no-repeat top left;
}

#notices .notice_news {
    background: url(/static/images/silk/newspaper.png) no-repeat top left;
}

div#messages {
    background: #a9b7ff;
    border: 1px solid #004e75;
}

div#errors {
    background: #ffa8a8;
    border: 1px solid #b71111;
    color: #b71111;
}

div#messages,  div#errors {
    margin-top: 0.5em;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 1.2em;
}

#dismiss_messages,
#dismiss_errors
{
    padding-left: 16px;
    background: url(/static/images/silk/cancel_grey.png) no-repeat;
    float: right;
    width: 0;
    display: block;
    text-indent: -9999em;
}
html>body #dismiss_messages,
html>body #dismiss_errors {
    overflow : hidden; /* opera */
}

#jifty-wait-message {
//    background: white url(/static/images/ajax-loader.gif) no-repeat center center;
    width: 35px;
    height: 35px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 42;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#jGrowl .result-message {
    background: #004e75;
}

#jGrowl .result-error {
    background: #b71111;
}

#jGrowl .result-message .message {
    background: url(/static/images/silk/information.png) no-repeat center left;
    padding-left: 20px;
}

#jGrowl .result-error .message {
    background: url(/static/images/silk/error.png) no-repeat center left;
    padding-left: 20px;
}

.jquery-corner { display: none; }

div.jGrowl div.jGrowl-notification { height: auto; }
div.jGrowl div.jGrowl-notification a { color: white; }

/** End of notices.css */


/**
  * From css/main.css: @import "ui.combobox.css";
  */


img.ui-combobox-arrow {
	position: relative;
	vertical-align: text-bottom;
	top: 2px;
}

* html img.ui-combobox-arrow {
	top: -3px;
}

.ui-combobox-list {
	border: 1px solid black;
	z-index: 99;
}

.ui-combobox-list, 
.ui-combobox-item {
	display: block;
	font-family: sans-serif;
	background-color: #fff;
	padding:2px;
}

.ui-combobox-list .selected {
	background-color: #ff6800;
	color:#fff;
}




/** End of ui.combobox.css */


/**
  * From css/main.css: @import "bulk.css";
  */

@charset "utf-8";

div#update-bulkpreview {
    padding: 16px;
    margin: 20px;
    width:80%;
    background-color:#D7FFD2 !important;
    border:1px solid #15B100;
    display: none;
}

div#update-bulkpreview a {
    color:#0F7D00;
}

div#update-bulkpreview a:hover {
    color:#0F7D11;
}

.bulkpanel input.button {
    float:right;
    font-size:1.5em;
}

/** End of bulk.css */


/**
  * From css/main.css: @import "imageflow.css";
  */

.imageflow {
    visibility:hidden;
    position:relative; 
    text-align:left;
    width:100%;
    overflow:visible;
}
.imageflow img {
    visibility:hidden;
    position:absolute; 
    top:0px;
    border:none;
    -ms-interpolation-mode:bicubic;
}

.imageflow .p {
    text-align:center;
    margin:0 auto;
}

.imageflow .loading {
    position:relative;
    left:50%;
    margin-left:-106px;
    width:200px;
    height:15px;
    padding:5px;
    visibility:visible;
    border:1px solid white;
}
.imageflow .loading_bar {
    height:15px;
    width:1%;
    background:#fff;
    visibility:visible;
}
.imageflow .caption {
    font-weight:bold;
    font-size:2em;
    position:relative; 
    text-align:center;
    z-index:10000;
}
.imageflow .scrollbar {
    visibility:hidden;
    position:relative; 
    border-bottom:1px solid #b3b3b3;
    z-index:10001;
}
.imageflow .slider {
    position:absolute;
    margin-top:-7px;
    margin-left:-7px;
    z-index:10002;
    background-image:url(/images/slider_dark.png);
    background-repeat:no-repeat;
    width:14px;
    height:14px;
}


/** End of imageflow.css */



/**
  * From css/main.css: @import "jquery/flora.slider.css";
  */

/* This file skins sliders */

.ui-slider-1 .ui-slider-handle, .ui-slider-2 .ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(/images/i/slider-handle.gif);  }
.ui-slider-1 .ui-slider-handle-active, .ui-slider-2 .ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }

/* Default slider backgrounds */
.ui-slider-1 { width: 200px; height: 23px; position: relative; background-image: url(/images/i/slider-bg-1.png); background-repeat: no-repeat; background-position: center center; }
.ui-slider-2 { width: 200px; height: 23px; position: relative; background-image: url(/images/i/slider-bg-2.png); background-repeat: no-repeat; background-position: center center; }
/** End of jquery/flora.slider.css */



/**
  * From css/main.css: @import "unicode-chooser.css";
  */


div.uchooser-btn {
    width: 22px;
    height: 22px;
    background-image: url('/static/images/char-button.png');
}
div.uchooser-btn:hover {
    background-image: url('/static/images/char-button-hover.png');
}

.uchooser-drop {
     width:      300px;
     height:     240px;
     background: #fff;              border: 1px solid #deded2;
     position:   absolute;
     text-align: left;
     font-size:  16px;
     color:      #fff;
     z-index:    10;
     top:        24px;              left:   0;
     opacity:    0.9;
     filter:     alpha(opacity=90);
     overflow:   auto;
}

div.ucontainer { position:relative;float:left; margin-left: 3px; }
div.ucontainer div iframe { position:absolute; top:24px;left:0;width:300px;height:234px;z-index:1;filter:mask(); }


div.unichar {
    color: #000;
    float:left; 
    width:20px; 
    height:20px;
    text-align:center;
    border:1px solid #ddd;
    margin:2px;
}

div.unichar:hover {
    border:1px solid #555;

}

/** End of unicode-chooser.css */


/**
  * From css/main.css: @import "emoticon-chooser.css";
  */



div.echooser-btn {
    width: 22px;
    height: 22px;
    background-image: url('/static/images/emoticon-btn.png');
}
div.echooser-btn:hover {
    background-image: url('/static/images/emoticon-btn-hover.png');
}

.echooser-drop {
     width:      300px;
     height:     240px;
     background: #fff;              
	 border: 1px solid #deded2;
     position:   absolute;
     text-align: left;
     font-size:  16px;
     color:      #777;
     z-index:    10;
     top:        24px;
	 left:   0;
     opacity:    0.9;
     filter:     alpha(opacity=90);
     overflow:   auto;
}

.echooser-drop div { 
    font-family: Monospace,Couriers New; 
    font-size: 12px;
    margin: 2px 5px; border:1px solid #eee; }
.echooser-drop div.hovered  {background:#ff8000;border:1px solid #ff7000;}

div.econtainer { position:relative;float:left; margin-left: 3px; }
div.econtainer div iframe { position:absolute; top:24px;left:0;width:300px;height:234px;z-index:1;filter:mask(); }

/** End of emoticon-chooser.css */


/**
  * From css/main.css: @import "product-chooser.css";
  */


div.product-chooser-label {
    width: 70px;
    float: left;
    margin: 3px;
    padding: 3px;
}

div.product-chooser-quantity,
div.product-chooser-color {
    float: left;
    width: 120px;
    margin: 3px;
    padding:0;
}

.chooser-btn-wrapper { 
    display:block;
    height: 30px;
    margin: 6px;
}

/** End of product-chooser.css */



h1, img, a {
        /*
         *  behavior: url(/static/js/iepngfix.htc);
         */
        behavior: url(/static/js/iepngfix_v2.htc);
}


/* override action style */
div.message a {  text-decoration: underline; color: ##CCCC00 ;  }
div.message a:hover {  text-decoration: underline; color: ##FF850A ;  }




div.simple_bars div.row {
    position: relative;
    padding: 3px 1%;
    width: 100%;
    overflow: auto;
}

div.simple_bars div.row span.label {
    display: block;
    float: left;
    width: 30%;
    overflow: hidden;
}

div.simple_bars div.row span.barArea {
    display: block;
    float: left;
    width: 60%;
    overflow: hidden;
}

div.simple_bars div.row span.barArea span.bar {
    display: block;
}

div.simple_bars span.bar {
    background-color: #4d89f9;
}

div.simple_bars div.row span.value {
    display: block;
    float: left;
    width: 8%;
    text-align: right;
}