/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/src/Core/Css/css_admin.php  */
h2
{
    font-size:10pt;
    color:#444;
    /*margin:4px 0px 2px 0px;*/
    /*padding:2px 4px;*/
}
h3
{
    font-size:10pt;
    color:#666;
    /*margin:4px 0px 2px 2px;*/
}

form {
    margin:0; padding:0;
    border:none;
}

img {
    border:none;
}

.confirmDiv
{
    position: absolute;
    width: 500px;
    height: 300px;
    background-color: $b2:.1;
    color: #be050a;
    border: 1px solid black;
    visibility: hidden;
}

.errorText {
    color:#be050a !important;
    text-align:left;
}

.errorBlock {
    color:#be050a !important;
    background-color:#fadede;
    border: 1px solid #be050a;
    padding: 5px;
    margin:0;
}

.errorBlock li {
    color:#be050a !important;
}

.errorBlock p
{
    margin:0;
}

.errorBlock ul
{
    margin:0;
    padding:0 4px 0 15px;
}

.errorBlock li
{
    margin:0px;
    font-size:12px;
    margin-bottom:4px;
}

.messageBlock {
    color:black;
    background-color:#fafafa;
    border: 1px solid #363636;
    padding: 5px;
    margin:0;
}

.messageBlock p
{
    margin:0;
}

.messageBlock ul
{
    margin:0;
    padding:0 4px 0 15px;
}

.messageBlock li
{
    margin:0px;
    font-size:12px;
    margin-bottom:4px;
}

.leftAlign {
    text-align:left;
}

.italic {
    font-style:italic;
}

.center {
    text-align:center;
}

.cleaner {
    clear:both;
    height:1px;
    line-height:0px;
    margin: -1px 0 0 0;
    padding:0px;
    border:0px;
    font-size: 1px;
    visibility: hidden;
}

.floatRight {
    float:right; display: inline;
    width:450px;
    height:1px;
}

.privateGroup {
    color: #FF0000;
}

.emptyMme
{
    position:relative;
    border:2px solid #8f8f8f;
}

.emptyMme .photo
{
    position:absolute;
    bottom:4px;
    right:4px;
}

.dimensions
{
    background-color:rgba(255, 255, 255, 0.75);
    _filter:alpha(opacity=50);
    border:2px solid #8f8f8f;
    color:black;
    padding: 4px 15px 4px 3px;
    top:4px;
    left: 4px;
    position:absolute;
    text-align:center;
    overflow:hidden;
    font:12px Arial;
}

.dimensions .title
{


}

.dimensions .remarks
{
    font-size:90%;
}

.dimensions .close
{
    background: url('/images/toolbar/default/btnIcons.png') -4px -55px no-repeat;
    width:10px;
    height:10px;
    right:0;
    margin: 0 3px;
    position: absolute;
}

.dimensions .close:hover
{
    background: url('/images/toolbar/default/btnIcons.png') -4px -21px no-repeat;
}


/* page image editing */
.baseIFrame
{
    position:absolute;
    border: 1px solid black;
    background-color:white;
    z-index:10000;
    width:300px;
    height:200px;
}


.SBEbox, .SBETemplatedBox
{
    line-height: 30px;
    width: 128px;
    padding:10px;
    margin:5px;
    float:left;
    background-repeat:no-repeat;
    border:1px solid gray;
    background-color:white;
}

.SBEbox {
    height:105px;
}

.SBETemplatedBox{
    padding:11px;
    border:none;
}

.SBEbox .boxlabel, .SBETemplatedBox .boxlabel
{
    display:block;
    padding: 4px 2px;
    text-align:center;
    font:12px Arial;
}


.SBEbox .smallText, .SBETemplatedBox .smallText
{
    font-size:80%;
    font-style:italic;
    color: #8c8c8c;
}

.SBEbox .boxAddBtn, .SBETemplatedBox .boxAddBtn
{
    background: url('/images/cms_order2_exclude.gif');
    width:18px;
    height:18px;
}

.SBEbox .boxAddBtn:hover, .SBETemplatedBox .boxAddBtn:hover
{
    background: url('/images/cms_order2_exclude_hover.gif');
}

.SBEbox .boxMenu, .SBETemplatedBox .boxMenu
{
    position:absolute;
    width:120px;
    border:1px solid gray;
    background-color: #eee;
    display:none;
}

.SBEbox .boxMenu input, .SBETemplatedBox .boxMenu input
{
    width:100%;
    height:auto;
    display:block;
    border:0;
    margin:0;
    padding:1px 5px;
    font-size:90%;
    text-align:left;
    background-color:transparent;
    cursor:pointer;
}

.SBEbox .boxMenu input:hover, .SBETemplatedBox .boxMenu input:hover
{
    background-color:#fafafa;
}

.editableText
{
    cursor:pointer;
}



#supportDiv
{
   display: none;
   position: absolute;
   top: 47px;
   right: 15px;
   border: 1px solid gray;
   width: 210px;
   background: white;
   font-size: 10px;
   padding: 5px;
}

.adSpotRad
{
    margin-top:8px;
}

.adSpotEditDiv
{
    font-size:12px;
    font-weight:bold;
    background-color:white;
    width:100%;
    height:100%;
    text-align:center;
    color:#888;
    cursor:default;
}

.FileIcon
{
    border:0;
    margin-right:0.3em;
    margin-left:0.3em;
}

#confBgTitleBlock,
#confLangTitleBlock
{
    float:left;
    width:150px;
    background-color:#dedede;
}

#confBgTitle1
{
    font-weight:bold;
    color:#555;
}

#confBgTitleBlock .lineNormal label,
#confBgSettBlock .lineNormal label,
#confLangTitleBlock .lineNormal label,
#confLangSettBlock .lineNormal label,
.menuSettTable .lineNormal label
{
    width:130px;
}

#confBgConfirmBtn,
#confLangConfirmBtn
{
    clear:both;
}

.confBlockDiv
{
    width:725px;
    border:1px dashed gray;
    padding:10px 0px 10px 10px;
}

.confToolbarDiv
{
    border:1px dashed gray;
    background-color:#dedede;
    padding:5px;
    margin:2px 0px 2px 0px;
}

.menuBtnRowAlt
{
    background-color:#efefef;
}

.tagList
{
    display:inline;
    margin:0px;
    padding:0px;
}
.tagList li
{
    display:inline;
    border:1px solid gray;
    padding:1px 14px 1px 4px;
    margin:1px 0px 1px 4px;
    font-size:90%;
    background:url('/images/icons/ico_delete.png') no-repeat right center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor:pointer;
    color:black;
    background-color:#eee;
    white-space:nowrap;
}
.addWidgetText
{
    background:url('/images/icons/text2_16x16.png') center left no-repeat;
}
.addWidgetImg
{
    background:url('/images/icons/photo2_16x16.png') center left no-repeat;
}

.cookieSpacer
{
    height:90px;
}

.cookieBar
{
    min-height:86px;
    width:100%;
    color:#000;
    background-color:white;
    border:0px solid gray;
    border-width:2px 0px 2px 0px;
    top:0px;
    left:0px;
    z-index:100;
    opacity:0.95;
    font-size:12px;
    font-family:sans-serif;
    line-height: 150%;
    box-shadow: 1px 1px 4px #333;
}
.cookieBarFixed
{
    position:fixed;
}
.cookieBarRelative
{
    position:relative;
}
.cookieBar a
{
    color:#C1272D;
}
.cookieBar a:hover
{
    color:red;
    text-decoration:none;
}

.cookieBarClose
{
    width:16px;
    height:16px;
    position:absolute;
    top:2px;
    right:2px;
    cursor:pointer;
}

.cookieBlock
{
    position:relative;
    width:960px;
    height:100%;
    margin: 0px auto;
}

.cookieShortText,
.cookieMore,
.cookieButtons
{
    margin:5px;
}

.cookieShortText
{
    margin-right:200px;
}

.cookieMore
{
    position:absolute;
    top:5px;
    right:6px;
}

.cookieButtons
{
    margin:5px;
}

.cookieAccept
{
    font-size:12px;
    font-family:sans-serif;
    border:1px solid gray;
    background-color:white;
    border:1px solid gray;
    border-radius:5px;
    padding:5px;
    cursor:pointer;
    box-shadow: 1px 1px 1px #333;
}
.cookieAccept:hover
{
    background-color:#EEE;
    box-shadow:0px 0px 0px #000;
}

.cookieReject
{
    font-size:11px;
    font-family:sans-serif;
    margin:5px;
    position:absolute;
    bottom:2px;
    right:6px;
}

.cookiePluginNotice
{
    border: 1px solid black;
    padding: 4px;
}

/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/src/Application/Sitemap/css_sitemap.php  */
/* Sitemap */
.sitemapTree li
{
    padding-bottom:15px;
}

.sitemapTree li li
{
    padding-bottom:0;
}
.sitemapTree li a
{
    font-size: 100%;
}

.sitemapTree li li a
{
    font-size: 95%;
}

.sitemapTree li li li a
{
    font-size: 90%;
}

/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/src/Core/Css/css_forms.php  */
/*
------ Forms ---------
*/

.page .settings
{
    color:black;
    font: 12px Arial, sans serif;
    background-color: white;
    padding: 10px;
    border:1px solid #bbb;
    -webkit-box-shadow: 2px 2px 2px 1px #555;
    -moz-box-shadow: 2px 2px 2px 1px #555;
    box-shadow: 2px 2px 2px 1px #555; 
}

.page .settings h1, 
.page .settings h2, 
.page .settings h3, 
.page .settings h4 
{
	color:black;
}

.page .settings a{
	color:black;
	text-decoration:underline;
}

.page .settings a:hover{
	text-decoration:none;
}    

.application {
	color:black;
    font: 12px Arial, sans serif;
}

.spacer
{
    clear:both;
    visibility: hidden;
    height:0px;
    *height:1px;
    /*_height:auto; ruins css submenu spacing, but now we need to set width*/
    _width:1px;
    margin-top:-1px;
    font-size:0px;
    line-height:0px;
}

.mspacer
{
    clear:both;
    visibility: hidden;
    height:1px;
    /*_height:auto; ruins css submenu spacing, but now we need to set width*/
    _width:1px;
    margin-top:-1px;
    font-size:0px;
    line-height:0px;
}

.btnInline
{
    vertical-align:middle;
    display:-moz-inline-box;
    display:inline-table;
    display:inline-block;
}
#IER .btnInline
{
    height: 0;
    he\ight: auto;
    *display: inline;
}

.imagePreview
{
    border:3px solid #cecece;
    padding:3px;
    float:left;
}

.imagePreview img
{
    margin:0;
    padding:0;
}

.listBase
{
    border: 1px solid gray;
    font: 12px Arial, sans-serif;
    margin: 0px;
    padding:0px;
    border-collapse: collapse;
    width:100%;
    color:#222;
}

.listBase td
{
    padding:2px 3px;
}

.listBase a,
.listBase a:hover,
.listBase *
{
    color:#222;
}

.titleRow
{
    background-color: #fff;
}

td.titleCol
{
    border: 1px solid #ccc;
    font: 12px Arial, sans-serif;
    color: gray;
    background-color: #fff;
    text-align:center;
}

td.titleCol a
{
    font-weight:bold;
}

.contentRow
{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #eee;
    border-top: 0;
    border-bottom: 0;
}

.contentCol,
.contentColRight
{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
    font: 12px Arial, sans-serif;
    color: #000;
    background-color: #eee;
    text-align:left;
}

.contentColRight
{
    text-align:right;
}

.footerCol
{
    border: 1px solid #ccc;
    font: 12px Arial, sans-serif;
    color: #000;
    background-color: #fff;
}

.treeRow
{
    border:1px solid white;
}
.treeRowActive
{
    border:1px solid black;
}

.contentRowAlt,
.contentRowAlt td
{
    background-color: #f8f8f8;
}

tr.Subs td
{
    font-size:90%;
    font-style:italic;
    color:#555555;

}

.contentRowOn
{
    background-color: #fefefe;
}

td.contentColCritical
{
    font: 12px Arial, sans-serif;
    background-color: #FECCCC !important;
    color: white;

}

.formBase
{
    font: 12px Arial, sans-serif;
    width: 100%;
    color:#222;
}

.formBase *
{
    color:#222;
}

.formBaseContent
{
    width: 100%;
}

.formRow
{

}
.formLabel
{
    font-weight:normal;
    text-align: right;
    vertical-align:top;
    width:140px;
    padding-right:4px;
    padding-top:2px;
}

.formLabelRequired
{
    font-weight:bold;
    text-align: right;
    vertical-align:top;
    width:140px;
    padding-right:4px;
    padding-top:2px;
}

.formButtons
{
    text-align: center;
}

.formInput
{
    padding-left: 2px;
    text-align: left;
}

.defaultbutton
{
    border:2px solid #000000;
    color: #000000;
    font-size: 10px;
    background-color: #FFFFFF;
    cursor:pointer;
}

.buttonStandard
{
    text-align: center;
    font: 11px Verdana;
    color: black;
    background-color:white;
    border:1px solid #000000;
    margin:1px 2px;
    cursor:pointer;
    padding:1px 3px;
}

.buttonStandard:hover
{
    color:#ff0000;
    border:1px solid #000000;
}

.buttonDark
{
    text-align: center;
    font: 11px Verdana;
    color: white;
    background-color:#666;
    border:1px solid #222;
    margin:1px 2px;
    cursor:pointer;
    padding:1px 3px;
}

.buttonDark:hover
{
    color: white;
    border:1px solid #222;
}

.buttonStandardRed
{
    text-align: center;
    font: 11px Verdana;
    color: black;
    background-color:#ffeeee;
    border:1px solid #000000;
    margin:1px 2px;
    cursor:pointer;
    padding:1px 3px;
}

.buttonStandardLink,
.buttonStandardLink:hover,
.buttonStandardLink:visited,
.buttonStandardLink:active
{
    text-decoration: none;
}

.buttonDisabled
{
    text-align: center;
    font: 11px Verdana;
    color: #aaaaaa;
    background-color:white;
    border:1px solid #aaaaaa;
    margin:1px 2px;
    padding:1px 3px;
}

.buttonDisabled:hover
{
    text-align: center;
    font: 11px Verdana;
    color: #aaaaaa;
    background-color:white;
    border:1px solid #aaaaaa;
    margin:1px 2px;
    padding:1px 3px;
}

.textCol,
.textColMin,
.textColMic,
.textColNum,
.textColMax
{
    font: 12px Arial, sans-serif;
    border:1px solid #000000;
    background-color:#fff;
    width:260px;
    height:16px;
    padding:0px 2px;
}

.textColMin {
    width:150px;
}

.textColMic {
    width:60px;
    text-align:center;
}

.textColNum {
    width:50px;
    text-align:right;
}

.textColMax {
    width:390px;
}


.textareaInput
{
    width: 400px;
    height:200px;
    font: 12px Arial, sans-serif;
    border:1px solid #000000;
    background-color:#fff;
    margin-top: 0px;
    padding:3px 6px 0px 6px;
}

.textareaInputMin
{
    width: 260px;
    height:100px;
    font: 12px Arial, sans-serif;
    border:1px solid #000000;
    background-color:#fff;
    margin-top: 0px;
    padding:0px 2px;
}

.multipleInput
{
    width: 250px;
    height:230px;
    font: 12px Arial, sans-serif;
    border:1px solid #000000;
    background-color:#fff;
    margin-top: 8px;
    padding:3px 6px 0px 6px;
}

.smallText
{
    font-size:80%;
    font-style:italic;
    color: #8c8c8c;
}


.adminInputSmall, .adminInput
{
    font: 12px Arial, sans-serif;
    border:1px solid #000000;
    background-color:#fff;
    height:16px;
    margin: 0px;
    padding:1px;
}

.adminInputSmall
{
    width:140px;
}
.adminInput
{
    width:300px;
}


.adminSelect,
.adminSelectDef,
.adminSelectMin,
.adminSelectMax
{
    font: 12px Arial, sans-serif;
    background-color:#fff;
    height:18px;
    margin: 0px;
    border:1px solid gray;
}
.adminSelectDef
{
    width:140px;
}
.adminSelectMin
{
    width:60px;
}
.adminSelectMax
{
    width:300px;
}

.adminTextArea, .adminTextAreaSmall, .adminTextAreaWide
{
    font:12px Arial, sans-serif;
    border:1px solid gray;
    background-color:#fff;
    margin: 0px;
    padding:3px 6px 0px 6px;
}

.adminTextArea
{
    width:300px;
    height:100px;
}
.adminTextAreaSmall
{
    width:140px;
    height:100px;
}
.adminTextAreaWide
{
    width:500px;
    height:100px;
}

.mapSmall input, .mapLarge input
{
    cursor: crosshair;
}

.chbSel
{
    font-weight:bold;
    cursor:pointer;
    color:gray;
}

.contentRowTheme
{
    background-color: #FBFBFB;
}
.contentRowThemeOn
{
    background-color: #FFFFFF;
}

.contentRowThemeYellow
{
    background-color: #FFFFDD;
}
.contentRowThemeYellowOn
{
    background-color: #FFFFEE;
}

.contentRowThemeYellowGreen
{
    background-color: #EEFFDD;
}
.contentRowThemeYellowGreenOn
{
    background-color: #F6FFEE;
}

.contentRowThemeGreen
{
    background-color: #EDFFED;
}
.contentRowThemeGreenOn
{
    background-color: #F6FFF6;
}

.contentRowThemeRed
{
    background-color: #FFEEEE;
}
.contentRowThemeRedOn
{
    background-color: #FFF4F4;
}

.tableNoBorder td
{
    border-width:0px;
}

.smallLink
{
    color: #afafaf;
    text-decoration:underline;
    font-style:italic;
    cursor:pointer;
}

.smallLink:hover
{
    text-decoration:none;
}

.fck-dimensions:hover {
	opacity: 1;
	-moz-opacity: 1;
	background-color:white;
	color:black;
}

.fck-dimensions
{
	position:absolute;
	opacity: 0.3;
	-moz-opacity: 0.3;
	top:2px;
	right:2px;
	font-weight:bold;
	padding:2px 3px;
	color:black;
	z-index:100;
	background-color:white;
	color:black;
	padding:1px 3px;
}



/* Shopping cart */
span.primCurrency
{
    font-weight:bold;
}

span.secCurrency
{
    font-style:italic;
    font-size:85%;
    color: #9c9c9c;
}

.shoppingCart input.text,
.shoppingCartPrices input.text
{
    width:30px;
    text-align:right;
}
.shoppingCart input.textMed,
.shoppingCartPrices input.textMed
{
    width:50px;
    text-align:right;
}

.shoppingCartOptions
{
    margin:5px;
}

.shoppingCartPrices input.textVoucher
{
    width:60px;
}

.shoppingCartPrices .footRow
{
    background-color: $b1:0.1;
    color:black;
}

table.shoppingCart,
table.shoppingCartPrices,
table.shoppingCartOptions
{
    border-collapse:collapse;
}

table.shoppingCartOptions td
{
    text-align:left;
}

table.shoppingCart,
table.shoppingCartPrices
{
    width:100%;
}

table.shoppingCart th.shoppingCartTh,
table.shoppingCart td.shoppingCartTd,
table.shoppingCartPrices th.shoppingCartTh,
table.shoppingCartPrices td.shoppingCartTd
{
    border-collapse:collapse;
    padding:1px 3px;
}

table.shoppingCart td.shoppingCartTd .priceOriginal
{
    text-decoration:line-through;
}
table.voucherListTable td.voucherRowCode
{
    cursor:help;
}

table.shoppingCart .secCurrency
{
    display:block;
}

table.shoppingCart td.qty,
table.shoppingCart td.vat,
table.shoppingCart td.price,
table.shoppingCart td.totalPrice,
table.shoppingCartPrices tr.footRow
{
    text-align:right;
    white-space:nowrap;
}

table.shoppingCart th.totalPrice,
table.shoppingCart td.totalPrice,
table.shoppingCartPrices td.totalPrice
{
    width:80px;
}

table.shoppingCart td.delBtn table,
table.shoppingCart td.qty table
{
    margin:0px;
}

table.shoppingCart td.qty table
{
    float:right;
}

div.checkOutBtnDiv
{
    margin:10px 0px 0px 0px;
    float:right;
}

button.appVar
{
    background-color:#efefef;
    color:#000;
    display:inline;
    padding-left:3px;
    padding-right:3px;
    border:0;
    font:inherit;
}

fieldset
{
    border:0;
    margin:0;
    padding:0;
}

fieldset legend
{
    font-weight:bold;
}

.lineNormal
{
    margin:2px 0px;
}

.lineNormal label, .lineRequired label
{
    float:left;
    width:160px;
    padding:2px 5px 1px 5px;
    text-align:left;
    clear:left;
}

/**
* menu item selection box
*/
option.root
{
    font-size:110%;
    font-weight:normal;
    padding-left:5px;
}

option.top
{
    font-weight:bold;
    padding-left:15px;
}

option.sub1
{
    padding-left:25px;
}

option.sub2
{
    font-style:italic;
    padding-left:35px;
}

option.sub3, option.sub4, option.sub5, option.sub6
{
    font-style:italic;
    font-size:90%;
    padding-left:45px;
}

option.sub4
{
    padding-left:55px;
}
option.sub5
{
    padding-left:65px;
}
option.sub6
{
    padding-left:75px;
}

option.emphasized
{
    background-color:yellow;
}

option.disabled
{
    color:gray;
}

acronym
{
    cursor:help;
}

.spinnerInc, .spinnerDec
{
    float:left;
    clear:left;
    width:9px;
    height:9px;
    cursor:pointer;
}
.spinnerInc
{
    background-image:url('/images/plus_off.gif');
}
.spinnerDec
{
    background-image:url('/images/minus_off.gif');
}

.adPreviewDiv
{
    position:absolute;
    padding:4px;
    border:1px solid black;
    border-left-color:#bbb;
    border-top-color:#bbb;
    background-color:#eee;
    display:none;
}

td.titleRow
{
    padding:4px 4px 0px 4px;
    border-bottom:1px solid #aaa;
}
td.titleRow strong
{
    font-size:120%;
    color:#444;
}
td.subtitleRow
{
    font-size:2px;
    line-height:2px;
    height:2px;
}
td.spacerRow
{
    font-size:6px;
    line-height:6px;
    height:6px;
}


.DBListStatusDeleted,
.DBListStatusDeleted td
{
    background-color:#fee;
}
.DBListStatusNew,
.DBListStatusNew td
{
    background-color:#efe;
}
.DBListStatusUpdated,
.DBListStatusUpdated td
{
    background-color:#ddd;
}

.loginDiv .textCol, .passwordDiv .textCol
{
    background-color:#FFFFFF;
    border:1px solid #636466;
    padding:2px 4px;
    height: 16px;
    margin: 2px;
}

.loginDiv .textColLab, .passwordDiv .textColLab
{
    padding: 2px 0px 0px 0px;
    height: 16px;
    margin: 2px;
}

span.help{
	width:16px;
	height:16px;
	display:inline-block;
	margin-top:4px;
	margin-left:5px;
	vertical-align:text-bottom;
	cursor:pointer;
	cursor:hand;
	background: url('/images/icons2/info_bw_small.png') center center no-repeat;
}

span.help:hover{
	background: url('/images/icons2/info_small.png') center center no-repeat;
}

.helpTooltip{
	position:absolute;
	z-index:31000;
	min-width:66px;
	min-height:33px;
    max-width:300px;
	background-color:#fff;
	-webkit-box-shadow: 3px 3px 4px 4px #444;
    -moz-box-shadow: 0px 0px 4px 4px #444;
    box-shadow: 3px 3px 4px 2px #444; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    border:none;
    _border:1px solid #ddd;
	top:0;
	left:0;
	display:none;
	padding:7px;
	overflow:auto;
}

.helpTooltip .close{
	position:absolute;
	right:0;
	top:0;
}
.helpTooltip h1 {
	color: #555;
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:0;
	margin-bottom:2px;
	border-bottom:1px solid #ccc;
}
.helpTooltip p {
	font-size:11px;
}


/**
* Order list
*/
.orderListOverdue,
.orderListOverdue td.contentCol,
.orderListOverdue td.contentColRight
{
    background-color:#fedddd;
}

/* permission tables */
.depth1 span{
    padding-left:0px;
    font-weight:bold;
}

.depth2 span{
    padding-left:15px;
}

.depth3 span{
    padding-left:30px;
    font-style:italic;
    font-size:90% !important;
}

.depth4 span{
    padding-left:45px;
    font-size:80% !important;
}
.depth5 span{
    padding-left:60px;
    font-size:80% !important;
    font-style:italic;
}
.depth6 span{
    padding-left:70px;
    font-size:80% !important;
    font-style:italic;
}

/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/src/Core/Css/css_popup.php  */
.popupMessage
{
    width:320px;
    border:1px solid black;
    color: black;
    background-color:white;
    text-align:center;
    font: 14px Arial;
    padding:15px 20px;
    z-index:1000000;
    position:relative;
}

.popupMessageBox, .popupMessageFullBox
{
    width:300px;
    min-height:120px;
    text-align:center;
    overflow: hidden; 
    display: table;
    padding-bottom:20px;
}

.popupMessageBox div.inner, .popupMessageFullBox div.inner
{
    display: table-cell; 
    vertical-align: middle;
}

.popupMessageBox p, .popupMessageFullBox p
{
    
}

.popupMessageBox
{
    width:230px;
    float:left;
}

.popupIconBox
{
    width:60px;
    height:120px;
    float:left;
}

.popupMessage .controls
{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:5px;
}

.popupIcon_error
{
    background: url('/images/error.png') center center no-repeat;
}

.popupIcon_warning
{
    background: url('/images/file_important.png') center center no-repeat;
}

.popupIcon_notice
{
    background: url('/images/info.png') center center no-repeat;
}

.popupIcon_question
{
    background: url('/images/question.png') center center no-repeat;
}



/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/src/Core/Css/css_preloader.php  */
/**
* Preloader
*/
#preloaderDiv, #preloaderEDiv
{
    display:block;
    background: url('/images/transparent.png') top left repeat;
    _background: url('/images/transparent.gif') top left repeat;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    position: expression('absolute');
    height: expression(document.scrollHeight+'px');
    width: expression(document.scrollWidth+'px');
    font:12px Arial;
    z-index:2999;
}

#preloaderDiv
{
    z-index:3000;
}

#preloaderEDiv
{
    display:none;
}

#preloaderDiv2, #preloaderEDiv2
{
    position:absolute;
    color:black;
    background-color:white;
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    border-right: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
    text-align:center;
    display:none;
}

#preloaderDiv2 .inner, #preloaderEDiv2 .inner
{
    padding:20px 40px;
}

#statusText {
    width: 210px;
}

#preloaderDiv2 .progressWrapper, #preloaderEDiv2 .progressWrapper {
    margin-top:10px;
    width: 100%;
    border: 1px solid black;
}

#preloaderDiv2 #progressBar, #preloaderEDiv2 #progressBar {
    width: 0%;
    height: 10px;
    background-color: #ccc;
}

/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/src/Core/Css/css_tooltip.php  */
/* Default DOM Tooltip Style */
div.domTT {
    border: 1px solid #333;
    background-color: #fff;
}
div.domTT .caption {
    font-family: serif;
    font-size: 10px;
    font-weight: bold;
    padding: 0px;
    color: white;
}
div.domTT .contents {
    font-size: 10px;
    font-family: sans-serif;
    padding: 2px;
    color:black;
    background-color: #fff;
    line-height:90%;
}

/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/src/Core/Css/css_tabs.php  */

.tab
{
    display:block;
    float:left;
    background-color:#eeeeee;
    color:#444444;
    border:1px solid black;
    border-width:1px;
    height:20px;
    position:relative;
    top:1px;
    margin-right:-1px;
    cursor:pointer;
}

.tabSel
{
    display:block;
    float:left;
    background-color:white;
    border-top:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid white;
    border-left:1px solid black;
    height:20px;
    position:relative;
    top:1px;
    margin-right:-1px;
    cursor:pointer;
}

a.tab, a.tabSel
{
    font: 14px Arial;
    text-decoration:none;
    padding:2px 5px 0 5px;
    margin:0;
    margin-top:-4px;
    margin-right:-1px;
    color:black;
}

.tab:hover, .tabSel:hover
{
    color:#9a9a9a;
}

div.tabHeader
{
    border-bottom:1px solid black;
    height:20px;
    margin:0;
}

div.tabContainer
{
    background-color:white;
    color:#222;
    border-right:1px solid black;
    border-bottom:1px solid black;
    border-left:1px solid black;
    margin:0px 0px 10px 0px;
    padding:10px;
    font-size:12px;
    font-family:Arial, sans serif;
}
div.tabContainer a,
div.tabContainer p,
div.tabContainer td,
div.tabContainer div,
div.tabContainer span
{
    font-size:12px;
    font-family:Arial, sans serif;
}

div.tabContainer a,
div.tabContainer p,
div.tabContainer td,
div.tabContainer div
{
    color:#222;
}

div.sbeSettingsContainer
{
    background-color:white;
    color:#222;
    border:1px solid black;
    margin:0px 0px 10px 0px;
    padding:10px;
    font: 12px Arial, sans serif;
}

/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/src/Core/Css/css_cms.php  */
span.CmsNavPageSel,
span.CmsNavPageSel a
{
    font-weight:bold;
}

span.CmsNavFirst,span.CmsNavPrev,span.CmsNavPage,span.CmsNavPageSel,span.CmsNavNext,span.CmsNavLast
{
    padding-left:3px;
    padding-right:3px;
}
span.CmsNavFirst
{
    padding-right:8px;
}
span.CmsNavPrev
{
    padding-right:16px;
}
span.CmsNavLast
{
    padding-left:8px;
}
span.CmsNavNext
{
    padding-left:16px;;
}



table.CmsDBListTable
{
   width:100%;
   border-collapse:collapse;
}
table.CmsDBListTable td.CMSDBListCol,
table.CmsDBListTable td.CMSDBListColAlt,
table.CmsDBListTable td.CMSDBListEdit,
table.CmsDBListTable td.CMSDBListDelete,
table.CmsDBListTable td.CMSDBListPublish,
table.CmsDBListTable td.CMSDBListDiscard,
table.CmsDBListTable td.CMSDBListCheckbox,
table.CmsDBListTable td.CMSDBListDetails,
table.CmsDBListTable td.CMSDBListSelect,
table.CmsDBListTable td.CMSDBListButton
{
    padding:1px 3px;
    text-align:left;
}
table.CmsDBListTable td.CMSDBListColRight
{
    text-align:right;
}
table.CmsDBListTable td.CMSDBListEdit,
table.CmsDBListTable td.CMSDBListDelete,
table.CmsDBListTable td.CMSDBListPublish,
table.CmsDBListTable td.CMSDBListDiscard,
table.CmsDBListTable td.CMSDBListCheckbox,
table.CmsDBListTable td.CMSDBListDetails,
table.CmsDBListTable td.CMSDBListSelect,
table.CmsDBListTable td.CMSDBListButton
{
    white-space:nowrap;
}


tr.CMSDBListHeader td
{
    font-weight:bold;
}
tr.CMSDBListHeader td a
{
    font-weight:bold;
}
td.CMSDBListHeaderCheckbox
{
    width:18px;
}

td.CMSDBListCheckbox,
td.CMSDBListEdit,
td.CMSDBListDelete,
td.CMSDBListPublish,
td.CMSDBListDiscard,
td.CMSDBListDetails,
td.CMSDBListSelect,
td.CMSDBListButton
{
    width:18px;
}

div.formEShopOrdLogin {
    width:49%;
    margin:0px auto 6px;
}

div.formEShopOrdBlock {
    border:1px solid gray;
    min-height:160px;
    _height:160px;
    padding:2px 6px;
    position:relative;
}

div.formEShopOrdLoginNew {
    float:left;
}

div.formEShopOrdLoginRet {
    float:right;
}
div.formEShopOrdBtn {
    position:absolute;
    bottom:6px;
    right:6px;
}
div.formEShopOrdBtn table {
    margin-right:0px;
}
.formEShopOrdTableLabelCell {
    width:70px;
    height:20px;
}
span.formEShopOrdTitle {
    font-weight:bold;
}
div.aFix {
    line-height:0px;
    font-size:0px;
    height:0px;
}
span.tagCloudWeight_0 {
    font-size: 0.8em;
}
span.tagCloudWeight_1 {
    font-size: 0.9em;
}
span.tagCloudWeight_2 {
    font-size: 1.0em;
}
span.tagCloudWeight_3 {
    font-size: 1.1em;
}
span.tagCloudWeight_4 {
    font-size: 1.2em;
}
span.tagCloudWeight_5 {
    font-size: 1.3em;
}
span.tagCloudWeight_6 {
    font-size: 1.4em;
}
span.tagCloudWeight_7 {
    font-size: 1.5em;
}
span.tagCloudWeight_8 {
    font-size: 1.6em;
}
span.tagCloudWeight_9 {
    font-size: 1.7em;
}
span.tagCloudWeight_10 {
    font-size: 1.8em;
}
span.cartVoucherCode {
    font-weight:bold;
}
.page a.CmsAnchor {
    position:absolute;
}
.popupMessageBox .EShopVoucherMessage
{
    text-align:left;
    margin:10px;
}

/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/src/Core/Css/css_wizard.php  */
/*----------- Wizard ------------------*/
#wizardSteps
{
    clear:right;
}

#wizardSteps .stepNum
{
    font-size:20px;
    font-weight:bold;
}

#wizardSteps ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

#wizardSteps li
{
    float: left;
    margin:0;
    padding:4px;
    margin-left: 5px;
    border-top:1px solid ;
    border-left:1px solid ;
    border-right:1px solid ;
}

.stepUnselected
{
    color:#aeaeae;
}

.stepSelected
{
    font-weight:bold;
}


.wizardStepTitle
{
    color: #FF0000;
    font: 12px Arial;
    width:130px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    padding-left:4px;
}

.wizardCurrentStepTitle
{
    color: #FF0000;
    font: 12px Arial;
    font-weight: bold;
    width:130px;
    padding-left:4px;
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
}


/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/src/Core/Css/css_calendar.php  */
.calendar-table{
    padding-top:10px;
    width:100%;
    border-collapse:collapse;
}

.calendar-controls{
    text-align:center;
    margin-bottom:20px;
}

.calendar-jump-controls{
    text-align:right;
}

.calendar-table a{
    font-weight:bold;
}

.calendar-today{
    padding-top:5px;
    text-align:center;
}

.calendar-table .today{
    font-weight:bold;
}

.calendar-year, .calendar-month, .calendar-week {
    margin:4px 0;
}

.calendar-year-label{
    font-size:130%;
}

.calendar-month-label{
    font-size:200%;
    font-weight:bold;
}

.calendar-week-label{
    font-weight:bold;
}

.calendar-day-head {
    background-color:#ddd;    
    border:1px solid #bbb;
    font-weight:bold;
    text-align:center;
    
}


.calendar-day, .calendar-day-np, .calendar-week-cell {
    padding:2px;
    text-align:left;
    vertical-align:top;    
}

.calendar-day-np {
    border:1px solid #ddd;
    background-color:#eee;        
} 

.calendar-day {
    border:1px solid #ddd;
}

 .calendar-week-cell{
     vertical-align:middle;
     padding-right:10px;
 } 

.calendar-day-number{
    float:right;
    font-size:200%;
    padding: 2px 0;
    color:#ddd;
    cursor:pointer;
}

div.calendar-day-number a{
    color:inherit;
    text-decoration:inherit;
}

.calendar-day-daily-content {
    vertical-align:middle;
}

/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/src/Core/Css/css_strip.php  */
.fw-strip-outer {
	height:104px;
	width:100%;
	background-color:#fff;
	border-top:2px solid #FF0000;
	border-bottom:2px solid #FF0000;
	text-align:center;
	overflow:hidden;
	position:relative;
}

.fw-strip-inner {
	width:950px;
	height:100px;
	margin:0px auto; 
	text-align:center;
}

.fw-strip-warning {
	width:100px;
	height:100px;
	float:left;
	display:inline;
	border:none;
}

.fw-strip-inner .title{
	float:left;
	display:inline;
	width:250px;
	height:95px;
	font:14px/1.2em Arial, sans-serif;
	color:#000;
	font-weight:bold;
    text-align:center;
    margin:5px 0px 0px 20px;
}

.fw-strip-inner .text {
	float:left;
	display:inline;
	width:230px;
	height:95px;
	font:9px/1.15em Arial, sans-serif;
    color:#000;
    text-align:left;
    margin: 5px 0px 0px 35px;
}

.fw-strip-inner .links {
	float:right;
	display:inline;
	width:300px;
	height:100px;
    font:12px/1.2em Arial, sans-serif;
    color:#000;
    text-align:right;
    font-weight:bold;
}

.fw-strip-inner .logo img{
	float:right;
	display:inline;
	border:none;
	margin:0px 0px 18px 0px;
	padding:0px;	
}

.fw-strip-outer .close {
	position: absolute; 
	top: 5px; 
	right: 5px; 
	width: 70px; 
	text-align:right;
	cursor: pointer;
    cursor: hand;    
}

.fw-strip-outer .close img:hover {
	-webkit-box-shadow: 2px 2px 3px 0px #000008;
    -moz-box-shadow: 2px 2px 3px 0px #000008;
	box-shadow: 2px 2px 3px 0px #000008;
}

/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/src/Core/Css/css_comments.php  */
.comments-create-form
{
    clear: both; 
    margin-top: 10px;
}

.comments-add-form,
.comment-reply-form
{
    clear: both;
}

.comment-add-title,
.comment-add-contents,
.comment-reply-title,
.comment-reply-contents
{
    width: 98%;
    border: 1px solid #ddd;
}

.comment-reply-form
{
    height: 22px;
    border-bottom: 1px solid #ddd;
    margin-top: 2px;
}
.comment-timestamp
{
    text-align: left; 
    float: left; 
    color: grey; 
    font-size: 80%;
    padding-top: 2px;
    font-style: italic;
}

.comment-reply-form-reply,
.comment-reply-form-like,
.comment-reply-form-spam
{
    text-align: right; 
    float: right; 
    margin-right: 10px;
    opacity: 0.75;
    -moz-opacity: 0.75;
    filter:alpha(opacity=75);
}

.comment-reply-form-reply,
.comment-reply-form-like,
.comment-reply-form-spam
{
    visibility: hidden;
    *visibility: visible;
}
.comment-comment:hover > .comment-right  > .comment-body > .comment-reply-form > .comment-reply-form-reply,
.comment-comment:hover > .comment-right  > .comment-body > .comment-reply-form > .comment-reply-form-like,
.comment-comment:hover > .comment-right  > .comment-body > .comment-reply-form > .comment-reply-form-spam,
.comment-comment:hover > .comment-right  > .comment-body-full > .comment-reply-form > .comment-reply-form-reply,
.comment-comment:hover > .comment-right  > .comment-body-full > .comment-reply-form > .comment-reply-form-like,
.comment-comment:hover > .comment-right  > .comment-body-full > .comment-reply-form > .comment-reply-form-spam
{
    visibility: visible;
}

.comment-block
{
    margin-top: 10px; 
    clear: both;
    width: 100%;
}

.comment-header
{
    padding: 0px 0px 0px 40px;
}
.comment-header-full
{
    padding: 0px 0px 0px 0px;
}

.comment-header-concise
{
    padding: 0px;
    float: left;
}

.comment-img
{
    text-align: left; 
    float: left;
    position: absolute;
    padding-top: 4px;
}
.comment-img img
{
    border: 1px solid gray;
    padding: 1px;
}

.comment-author
{
    text-align: left; 
    float: left; 
    padding-top: 4px;
    padding-left: 4px;
}

.comment-author-concise
{
    text-align: left; 
    float: left; 
    padding-top: 2px; 
    padding-left: 2px;
}

.comment-body
{
    padding: 4px 0px 0px 44px;
    overflow:auto;
    #border-top: 1px solid #ddd;
    clear:both;
}
.comment-body-full
{
    padding: 4px 0px 0px 4px;
    overflow:auto;
    #border-top: 1px solid #ddd;
    clear:both;
}

.comment-body-concise
{
    padding: 1px 0px 0px 1px;
    margin-left: 0px;
    overflow:auto;
    #border-top: 1px solid #ddd;
}

.comment-add-button,
.comment-reply-button
{
    text-align: center; 
    width: 100%;
}

.comment-children
{
    margin-left: 44px;
}

.comment-right
{
    float: left;
    width: 100%;
}

.comment-likes
{
    text-align: right;
    float: right;
    padding-top: 2px;
    padding-right: 2px;
    font-size: 100%;
    color: gray;
    width: 20px;
}
.comment-likes-neutral
{
    
}
.comment-likes-negative
{
    color: red;
}
.comment-likes-positive
{
    color: green;
}

.comment-body-title
{
    font-weight: bold;
}

.page h3.comment-reply-heading
{
    font-size: 90%;
}

.comment-bar
{
    height: 20px;
}
.comment-bar-count
{
    width: 30%;
    text-align: left;
    float: left;
}
.comment-bar-sort
{
    width: 50%;
    text-align: right;
    float: right;
}

/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/3rdparty/dojotoolkit/dijit/themes/dijit.css  */
/*
	Essential styles that themes can inherit.
	In other words, works but doesn't look great.
*/



/****
		GENERIC PIECES
 ****/

.dijitReset {
	/* Use this style to null out padding, margin, border in your template elements
		so that page specific styles don't break them.
		- Use in all TABLE, TR and TD tags.
	*/
	margin:0;
	border:0;
	padding:0;
	line-height:normal;
	font: inherit;
	color: inherit;
}
.dijit_a11y .dijitReset {
	-moz-appearance: none; /* remove predefined high-contrast styling in Firefox */
}

.dijitInline {
	/*  To inline block elements.
		Similar to InlineBox below, but this has fewer side-effects in Moz.
		Also, apparently works on a DIV as well as a FIELDSET.
	*/
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	border:0;
	padding:0;
	vertical-align:middle;
	#vertical-align: auto;	/* makes TextBox,Button line up w/native counterparts on IE6 */
}

table.dijitInline {
	/* To inline tables with a given width set */
	display:inline-table;
	box-sizing: content-box; -moz-box-sizing: content-box;
}

.dijitHidden {
	/* To hide unselected panes in StackContainer etc. */
	display: none !important;
}

.dijitVisible {
	/* To show selected pane in StackContainer etc. */
	display: block !important;	/* override user's display:none setting via style setting or indirectly via class */
	position: relative;			/* to support setting width/height, see #2033 */
}

.dijitInputContainer {
	/* for positioning of placeHolder */
	#zoom: 1;
	overflow: hidden;
	float: none !important; /* needed by FF to squeeze the INPUT in */
	position: relative;
	vertical-align: middle;
	#display: inline;
}

.dj_ie input.dijitTextBox,
.dj_ie .dijitTextBox input {
	font-size: 100%;
}
.dijitTextBox .dijitSpinnerButtonContainer,
.dijitTextBox .dijitArrowButtonContainer,
.dijitTextBox .dijitValidationContainer {
	float: right;
	text-align: center;
}
.dijitTextBox input.dijitInputField {
	/* override unreasonable user styling of buttons and icons */
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.dijitTextBox .dijitValidationContainer {
	display: none;
}

.dijitTeeny {
	font-size:1px;
	line-height:1px;
}

.dijitOffScreen {
	position: absolute;
	left: 50%;
	top: -10000px;
}

/*
 * Popup items have a wrapper div (dijitPopup)
 * with the real popup inside, and maybe an iframe too
 */
.dijitPopup {
	position: absolute;
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0;
}

.dijitPositionOnly {
	/* Null out all position-related properties */
	padding: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	height: auto !important;
	width: auto !important;
}

.dijitNonPositionOnly {
	/* Null position-related properties */
	float: none !important;
	position: static !important;
	margin: 0 0 0 0 !important;
	vertical-align: middle !important;
}

.dijitBackgroundIframe {
	/* iframe used to prevent problems with PDF or other applets overlaying menus etc */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 0;
	padding: 0;
	margin: 0;
}

.dijitDisplayNone {
	/* hide something.  Use this as a class rather than element.style so another class can override */
	display:none !important;
}

.dijitContainer {
	/* for all layout containers */
	overflow: hidden;	/* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
}

/****
		A11Y
 ****/
.dijit_a11y .dijitIcon,
.dijit_a11y div.dijitArrowButtonInner, /* is this only for Spinner?  if so, it should be deleted */
.dijit_a11y span.dijitArrowButtonInner,
.dijit_a11y img.dijitArrowButtonInner,
.dijit_a11y .dijitCalendarIncrementControl,
.dijit_a11y .dijitTreeExpando {
	/* hide icon nodes in high contrast mode; when necessary they will be replaced by character equivalents
	 * exception for input.dijitArrowButtonInner, because the icon and character are controlled by the same node */
	display: none;
}
.dijitSpinner div.dijitArrowButtonInner {
	display: block; /* override previous rule */
}

.dijit_a11y .dijitA11ySideArrow {
	display: inline !important; /* display text instead */
	cursor: pointer;
}

/*
 * Since we can't use shading in a11y mode, and since the underline indicates today's date,
 * use a border to show the selected date.
 * Avoid screen jitter when switching selected date by compensating for the selected node's
 * border w/padding on other nodes.
 */
.dijit_a11y .dijitCalendarDateLabel {
	padding: 1px;
	border: 0px !important;
}
.dijit_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel {
	border-style: solid !important;
	border-width: 1px !important;
	padding: 0;
}
.dijit_a11y .dijitCalendarDateTemplate {
	padding-bottom: 0.1em !important;	/* otherwise bottom border doesn't appear on IE */
	border: 0px !important;
}
.dijit_a11y .dijitButtonNode {
	border: black outset medium !important;

	/* In claro, hovering a toolbar button reduces padding and adds a border.
	 * Not needed in a11y mode since Toolbar buttons always have a border.
	 */
	padding: 0 !important;
}

.dijit_a11y .dijitButtonContents{
	margin: 0.15em; /* Margin needed to make focus outline visible */
}

.dijit_a11y .dijitTextBoxReadOnly .dijitInputField,
.dijit_a11y .dijitTextBoxReadOnly .dijitButtonNode {
	border-style: outset!important;
	border-width: medium!important;
	border-color: #999 !important;
	color:#999 !important;
}

/* button inner contents - labels, icons etc. */
.dijitButtonNode * {
	vertical-align: middle;
}
.dijitButtonNode .dijitArrowButtonInner {
	/* the arrow icon node */
	background: no-repeat center;
	width: 12px;
	height: 12px;
	direction: ltr; /* needed by IE/RTL */
}

/****
	3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
	These were added for rounded corners on dijit.form.*Button but never actually used.
 ****/

.dijitLeft {
	/* Left part of a 3-element border */
	background-position:left top;
	background-repeat:no-repeat;
}

.dijitStretch {
	/* Middle (stretchy) part of a 3-element border */
	white-space:nowrap;			/* MOW: move somewhere else */
	background-repeat:repeat-x;
}

.dijitRight {
	/* Right part of a 3-element border */
	#display:inline;				/* IE7 sizes to outer size w/o this */
	background-position:right top;
	background-repeat:no-repeat;
}

/* Buttons */
.dj_gecko .dijit_a11y .dijitButtonDisabled .dijitButtonNode {
	opacity: 0.5;
}

.dijitToggleButton,
.dijitButton,
.dijitDropDownButton,
.dijitComboButton {
	/* outside of button */
	margin: 0.2em;
	vertical-align: middle;
}

.dijitButtonContents {
	display: block;		/* to make focus border rectangular */
}
td.dijitButtonContents {
	display: table-cell;	/* but don't affect Select, ComboButton */
}

.dijitButtonNode img {
	/* make text and images line up cleanly */
	vertical-align:middle;
	/*margin-bottom:.2em;*/
}

.dijitToolbar .dijitComboButton {
	/* because Toolbar only draws a border around the hovered thing */
	border-collapse: separate;
}

.dijitToolbar .dijitToggleButton,
.dijitToolbar .dijitButton,
.dijitToolbar .dijitDropDownButton,
.dijitToolbar .dijitComboButton {
	margin: 0;
}

.dijitToolbar .dijitButtonContents {
	/* just because it used to be this way */
	padding: 1px 2px;
}


.dj_webkit .dijitToolbar .dijitDropDownButton {
	padding-left: 0.3em;
}
.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner {
	padding:0;
}

.dijitButtonNode {
	/* Node that is acting as a button -- may or may not be a BUTTON element */
	border:1px solid gray;
	margin:0;
	line-height:normal;
	vertical-align: middle;
	#vertical-align: auto;
	text-align:center;
	white-space: nowrap;
}
.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer {
	/* apparent WebKit bug where messing with the font coupled with line-height:normal X 2 (dijitReset & dijitButtonNode)
	can be different than just a single line-height:normal, visible in InlineEditBox/Spinner */
	line-height:inherit;
}
.dijitTextBox .dijitButtonNode {
	border-width: 0;
}

.dijitButtonNode,
.dijitButtonNode * {
	cursor: pointer;
}

.dj_ie .dijitButtonNode {
	/* ensure hasLayout */
	zoom: 1;
}

.dj_ie .dijitButtonNode button {
	/*
		disgusting hack to get rid of spurious padding around button elements
		on IE. MSIE is truly the web's boat anchor.
	*/
	overflow: visible;
}

div.dijitArrowButton {
	float: right;
}

/******
	TextBox related.
	Everything that has an <input>
*******/

.dijitTextBox {
	border: solid black 1px;
	#overflow: hidden; /* #6027, #6067 */
	width: 15em;	/* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
	vertical-align: middle;
}

.dijitTextBoxReadOnly,
.dijitTextBoxDisabled {
	color: gray;
}
.dj_webkit .dijitTextBoxDisabled input {
	color: #eee; /* because WebKit lightens disabled input/textarea no matter what color you specify */
}
.dj_webkit textarea.dijitTextAreaDisabled {
	color: #333; /* because WebKit lightens disabled input/textarea no matter what color you specify */
}
.dj_gecko .dijitTextBoxReadOnly input.dijitInputField, /* disable arrow and validation presentation inputs but allow real input for text selection */
.dj_gecko .dijitTextBoxDisabled input {
	-moz-user-input: none; /* prevent focus of disabled textbox buttons */
}

.dijitPlaceHolder {
	/* hint text that appears in a textbox until user starts typing */
	color: #AAAAAA;
	font-style: italic;
	position: absolute;
	top: 0;
	left: 0;
	#filter: ""; /* make this showup in IE6 after the rendering of the widget */
}

.dijitTimeTextBox {
	width: 8em;
}

/* rules for webkit to deal with fuzzy blue focus border */
.dijitTextBox input:focus {
	outline: none;	/* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}
.dijitTextBoxFocused {
	outline: 5px -webkit-focus-ring-color;
}

.dijitTextBox input {
	float: left; /* needed by IE to remove secret margin */
}
.dijitInputInner {
	/* for when an <input> is embedded inside an inline-block <div> with a size and border */
	border:0 !important;
	vertical-align:middle !important;
	background-color:transparent !important;
	width:100% !important;
	/* IE dislikes horizontal tweaking combined with width:100% so punish everyone for consistency */
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.dijit_a11y .dijitTextBox input {
	margin: 0 !important;
}
.dijitTextBoxError input.dijitValidationInner,
.dijitTextBox input.dijitArrowButtonInner {
	/* <input> used to display arrow icon/validation icon, or in arrow character in high contrast mode.
	 * The css below is a trick to hide the character in non-high-contrast mode
	 */
	text-indent: -1em !important;
	direction: ltr !important;
	text-align: left !important;
	height: auto !important;
	#text-indent: 0 !important;
	#letter-spacing: -5em !important;
	#text-align: right !important;
}
.dj_ie .dijitTextBox input,
.dj_ie input.dijitTextBox {
	overflow-y: visible; /* inputs need help expanding when padding is added or line-height is adjusted */
	line-height: normal; /* strict mode */
}
.dj_ie7 .dijitTextBox input.dijitValidationInner,
.dj_ie7 .dijitTextBox input.dijitArrowButtonInner {
	line-height: 86%; /* IE7 problem where the icon is vertically too low w/o this - real input stays at normal */
}
.dj_ie6 .dijitTextBox input,
.dj_ie6 input.dijitTextBox,
.dj_iequirks .dijitTextBox input.dijitValidationInner,
.dj_iequirks .dijitTextBox input.dijitArrowButtonInner,
.dj_iequirks .dijitTextBox input.dijitSpinnerButtonInner,
.dj_iequirks .dijitTextBox input.dijitInputInner,
.dj_iequirks input.dijitTextBox {
	line-height: 100%; /* IE7 problem where the icon is vertically way too low w/o this */
}
.dijit_a11y input.dijitValidationInner,
.dijit_a11y input.dijitArrowButtonInner {
	/* (in high contrast mode) revert rules from above so character displays */
	text-indent: 0 !important;
	width: 1em !important;
	#text-align: left !important;
}
.dijitTextBoxError .dijitValidationContainer {
	display: inline;
	cursor: default;
}

/* ComboBox & Spinner */

.dijitSpinner .dijitSpinnerButtonContainer,
.dijitComboBox .dijitArrowButtonContainer {
	/* dividing line between input area and up/down button(s) for ComboBox and Spinner */
	border-width: 0 0 0 1px !important; /* !important needed due to wayward ".theme .dijitButtonNode" rules */
}
.dijitToolbar .dijitComboBox .dijitArrowButtonContainer {
	/* overrides above rule plus mirror-image rule in dijit_rtl.css to have no divider when ComboBox in Toolbar */
	border-width: 0 !important;
}

.dijitComboBoxMenu {
	/* Drop down menu is implemented as <ul> <li/> <li/> ... but we don't want circles before each item */
	list-style-type: none;
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
	/* dividing line between input area and up/down button(s) for ComboBox and Spinner */
	border-width: 0;
}
.dj_ie .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
	clear: both; /* IE workaround */
}

.dj_ie .dijitToolbar .dijitComboBox {
	/* make combobox buttons align properly with other buttons in a toolbar */
	vertical-align: middle;
}

/* Spinner */

.dijitTextBox .dijitSpinnerButtonContainer {
	width: 1em;
	position: relative !important;
	overflow: hidden;
}
.dijitSpinner .dijitSpinnerButtonInner {
	width:1em;
	visibility:hidden !important; /* just a sizing element */
	overflow-x:hidden;
}
.dijitComboBox .dijitButtonNode,
.dijitSpinnerButtonContainer .dijitButtonNode {
	border-width: 0;
}
.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
	border: 0 none !important;
}
.dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer,
.dijit_a11y .dijitSpinner .dijitArrowButtonInner,
.dijit_a11y .dijitSpinnerButtonContainer input {
	width: 1em !important;
}
.dijit_a11y .dijitSpinner .dijitArrowButtonInner {
	margin: 0 auto !important; /* should auto-center */
}
.dj_ie .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	padding-left: 0.3em !important;
	padding-right: 0.3em !important;
	margin-left: 0.3em !important;
	margin-right: 0.3em !important;
	width: 1.4em !important;
}
.dj_ie7 .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	padding-left: 0 !important; /* manually center INPUT: character is .5em and total width = 1em */
	padding-right: 0 !important;
	width: 1em !important;
}
.dj_ie6 .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	margin-left: 0.1em !important;
	margin-right: 0.1em !important;
	width: 1em !important;
}
.dj_iequirks .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 2em !important;
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
	/* note: .dijitInputLayoutContainer makes this rule override .dijitArrowButton settings
	 * for dijit.form.Button
	 */
	padding: 0;
	position: absolute !important;
	right: 0;
	float: none;
	height: 50%;
	width: 100%;
	bottom: auto;
	left: 0;
	right: auto;
}
.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
	width: auto;
}
.dijit_a11y .dijitSpinnerButtonContainer .dijitArrowButton {
	overflow: visible !important;
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton {
	top: 50%;
	border-top-width: 1px !important;
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton {
	#bottom: 50%;	/* otherwise (on some machines) top arrow icon too close to splitter border (IE6/7) */
	top: 0;
}
.dijitSpinner .dijitArrowButtonInner {
	margin: auto;
	overflow-x: hidden;
	height: 100% !important;
}
.dj_iequirks .dijitSpinner .dijitArrowButtonInner {
	height: auto !important;
}
.dijitSpinner .dijitArrowButtonInner .dijitInputField {
	-moz-transform: scale(0.5);
	-moz-transform-origin: center top;
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: center top;
	-o-transform: scale(0.5);
	-o-transform-origin: center top;
	transform: scale(0.5);
	transform-origin: left top;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100%;
}
.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	zoom: 50%; /* emulate transform: scale(0.5) */
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner {
	overflow: hidden;
}

.dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
	width: 100%;
}
.dj_iequirks .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
	width: 1em; /* matches .dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer rule - 100% is the whole screen width in quirks */
}
.dijitSpinner .dijitArrowButtonInner .dijitInputField {
	visibility: hidden;
}
.dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	vertical-align:top;
	visibility: visible;
}
.dijit_a11y .dijitSpinnerButtonContainer {
	width: 1em;
}
.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
	border-width: 1px 0 0 0;
	border-style: solid !important;
}

/****
		dijit.form.CheckBox
 	 &
  		dijit.form.RadioButton
 ****/

.dijitCheckBox,
.dijitRadio,
.dijitCheckBoxInput {
	padding: 0;
	border: 0;
	width: 16px;
	height: 16px;
	background-position:center center;
	background-repeat:no-repeat;
	overflow: hidden;
}

.dijitCheckBox input,
.dijitRadio input {
	margin: 0;
	padding: 0;
	display: block;
}

.dijitCheckBoxInput {
	/* place the actual input on top, but all-but-invisible */
	opacity: 0.01;
}

.dj_ie .dijitCheckBoxInput {
	filter: alpha(opacity=0);
}

.dijit_a11y .dijitCheckBox,
.dijit_a11y .dijitRadio {
	/* in a11y mode we display the native checkbox (not the icon), so don't restrict the size */
	width: auto !important;
	height: auto !important;
}
.dijit_a11y .dijitCheckBoxInput {
	opacity: 1;
	filter: none;
	width: auto;
	height: auto;
}

.dijit_a11y .dijitFocusedLabel {
	/* for checkboxes or radio buttons in high contrast mode, use border rather than outline to indicate focus (outline does not work in FF)*/
	border: 1px dotted;
	outline: 0px !important;
}

/****
		dijit.ProgressBar
 ****/

.dijitProgressBarEmpty {
	/* outer container and background of the bar that's not finished yet*/
	position:relative;overflow:hidden;
	border:1px solid black; 	/* a11y: border necessary for high-contrast mode */
	z-index:0;			/* establish a stacking context for this progress bar */
}

.dijitProgressBarFull {
	/* outer container for background of bar that is finished */
	position:absolute;
	overflow:hidden;
	z-index:-1;
	top:0;
	width:100%;
}
.dj_ie6 .dijitProgressBarFull {
	height:1.6em;
}

.dijitProgressBarTile {
	/* inner container for finished portion */
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	width: 100%;    /* needed for IE/quirks */
	height:auto;
	background-color:#aaa;
	background-attachment: fixed;
}

.dijit_a11y .dijitProgressBarTile {
	/* a11y:  The border provides visibility in high-contrast mode */
	border-width:2px;
	border-style:solid;
	background-color:transparent !important;
}

.dj_ie6 .dijitProgressBarTile {
	/* width:auto works in IE6 with position:static but not position:absolute */
	position:static;
	/* height:auto or 100% does not work in IE6 */
	height:1.6em;
}

.dijitProgressBarIndeterminate .dijitProgressBarTile {
	/* animated gif for 'indeterminate' mode */
}

.dijitProgressBarIndeterminateHighContrastImage {
	display:none;
}

.dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

.dijitProgressBarLabel {
	display:block;
	position:static;
	width:100%;
	text-align:center;
	background-color:transparent !important;
}

/****
		dijit.Tooltip
 ****/

.dijitTooltip {
	position: absolute;
	z-index: 2000;
	display: block;
	/* make visible but off screen */
	left: 0;
	top: -10000px;
	overflow: visible;
}

.dijitTooltipContainer {
	border: solid black 2px;
	background: #b8b5b5;
	color: black;
	font-size: small;
}

.dijitTooltipFocusNode {
	padding: 2px 2px 2px 2px;
}

.dijitTooltipConnector {
	position: absolute;
}
.dijit_a11y .dijitTooltipConnector {
	display: none;	/* won't show b/c it's background-image; hide to avoid border gap */
}

.dijitTooltipData {
	display:none;
}

/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS)
   make sure that the position:absolute in dijitAlign* overrides other classes */

.dijitLayoutContainer {
	position: relative;
	display: block;
	overflow: hidden;
}

.dijitAlignTop,
.dijitAlignBottom,
.dijitAlignLeft,
.dijitAlignRight {
	position: absolute;
	overflow: hidden;
}

body .dijitAlignClient { position: absolute; }

/*
 * BorderContainer
 *
 * .dijitBorderContainer is a stylized layout where panes have border and margin.
 * .dijitBorderContainerNoGutter is a raw layout.
 */
.dijitBorderContainer, .dijitBorderContainerNoGutter {
	position:relative;
	overflow: hidden;
}

.dijitBorderContainerPane,
.dijitBorderContainerNoGutterPane {
	position: absolute !important;	/* !important to override position:relative in dijitTabContainer etc. */
	z-index: 2;		/* above the splitters so that off-by-one browser errors don't cover up border of pane */
}

.dijitBorderContainer > .dijitTextArea {
	/* On Safari, for SimpleTextArea inside a BorderContainer,
		don't want to display the grip to resize */
	resize: none;
}

.dijitGutter {
	/* gutter is just a place holder for empty space between panes in BorderContainer */
	position: absolute;
	font-size: 1px;		/* needed by IE6 even though div is empty, otherwise goes to 15px */
}

/* SplitContainer

	'V' == container that splits vertically (up/down)
	'H' = horizontal (left/right)
*/

.dijitSplitter {
	position: absolute;
	overflow: hidden;
	z-index: 10;		/* above the panes so that splitter focus is visible on FF, see #7583*/
	background-color: #fff;
	border-color: gray;
	border-style: solid;
	border-width: 0;
}
.dj_ie .dijitSplitter {
	z-index: 1;	/* behind the panes so that pane borders aren't obscured see test_Gui.html/[14392] */
}

.dijitSplitterActive {
	z-index: 11 !important;
}

.dijitSplitterCover {
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.dijitSplitterCoverActive {
	z-index:3 !important;
}

/* #6945: stop mouse events */
.dj_ie .dijitSplitterCover {
	background: white;
	filter: alpha(opacity=0);
}

.dijitSplitterH {
	height: 7px;
	border-top:1px;
	border-bottom:1px;
	cursor: row-resize;
}
.dijitSplitterV {
	width: 7px;
	border-left:1px;
	border-right:1px;
	cursor: col-resize;
}
.dijitSplitContainer {
	position: relative;
	overflow: hidden;
	display: block;
}
.dj_ff3 .dijit_a11y div.dijitSplitter:focus {
	outline-style:dotted;
	outline-width: 2px;
}

.dijitSplitPane {
	position: absolute;
}

.dijitSplitContainerSizerH,
.dijitSplitContainerSizerV {
	position:absolute;
	font-size: 1px;
	background-color: ThreeDFace;
	border: 1px solid;
	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
	margin: 0;
}

.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb {
	overflow:hidden;
	position:absolute;
	top:49%;
}

.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb {
	position:absolute;
	left:49%;
}

.dijitSplitterShadow,
.dijitSplitContainerVirtualSizerH,
.dijitSplitContainerVirtualSizerV {
	font-size: 1px;
	background-color: ThreeDShadow;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	margin: 0;
}

.dijitSplitContainerSizerH, .dijitSplitContainerVirtualSizerH {
	cursor: col-resize;
}

.dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV {
	cursor: row-resize;
}

.dijit_a11y .dijitSplitterH {
	border-top:1px solid #d3d3d3 !important;
	border-bottom:1px solid #d3d3d3 !important;
}
.dijit_a11y .dijitSplitterV {
	border-left:1px solid #d3d3d3 !important;
	border-right:1px solid #d3d3d3 !important;
}

/* ContentPane */

.dijitContentPane {
	display: block;
	overflow: auto;	/* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
}

.dijitContentPaneSingleChild {
	/*
	 * if the ContentPane holds a single layout widget child which is being sized to match the content pane,
	 * then the ContentPane should never get a scrollbar (but it does due to browser bugs, see #9449
	 */
	overflow: hidden;
}

.dijitContentPaneLoading .dijitIconLoading,
.dijitContentPaneError .dijitIconError {
	margin-right: 9px;
}

/* TitlePane */

.dijitTitlePane {
	display: block;
	overflow: hidden;
}
.dijitTitlePaneTitle {
	cursor: pointer;
}
.dijitFixedOpen, .dijitFixedClosed {
	/* TitlePane that cannot be toggled */
	cursor: default;
}
.dijitTitlePaneTitle * {
	vertical-align: middle;
}
.dijitTitlePane .dijitArrowNodeInner {
	/* normally, hide arrow text in favor of icon */
	display: none;
}
.dijit_a11y .dijitTitlePane .dijitArrowNodeInner {
	/* ... except in a11y mode, then show text arrow */
	display:inline !important;
	font-family: monospace;		/* because - and + are different widths */
}
.dijit_a11y .dijitTitlePane .dijitArrowNode {
	/* ... and hide icon */
	display:none;
}

.dj_ie6 .dijitTitlePaneContentOuter,
.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle {
	/* force hasLayout to ensure borders etc, show up */
	zoom: 1;
}

/* Color Palette
 * Sizes designed so that table cell positions match icons in underlying image,
 * which appear at 20x20 intervals.
 */

.dijitColorPalette {
	border: 1px solid #999;
	background: #fff;
	position: relative;
}

.dijitColorPalette .dijitPaletteTable {
	/* Table that holds the palette cells, and overlays image file with color swatches.
	 * padding/margin to align table with image.
	 */
	padding: 2px 3px 3px 3px;
	position: relative;
	overflow: hidden;
	outline: 0;
	border-collapse: separate;
}
.dj_ie6 .dijitColorPalette .dijitPaletteTable,
.dj_ie7 .dijitColorPalette .dijitPaletteTable,
.dj_iequirks .dijitColorPalette .dijitPaletteTable {
	/* using padding above so that focus border isn't cutoff on moz/webkit,
	 * but using margin on IE because padding doesn't seem to work
	 */
	padding: 0;
	margin: 2px 3px 3px 3px;
}

.dijitColorPalette .dijitPaletteCell {
	/* <td> in the <table> */
	font-size: 1px;
	vertical-align: middle;
	text-align: center;
	background: none;
}
.dijitColorPalette .dijitPaletteImg {
	/* Called dijitPaletteImg for back-compat, this actually wraps the color swatch with a border and padding */
	padding: 1px;		/* white area between gray border and color swatch */
	border: 1px solid #999;
	margin: 2px 1px;
	cursor: default;
	font-size: 1px;		/* prevent <span> from getting bigger just to hold a character */
}
.dj_gecko .dijitColorPalette .dijitPaletteImg {
	padding-bottom: 0;	/* workaround rendering glitch on FF, it adds an extra pixel at the bottom */
}
.dijitColorPalette .dijitColorPaletteSwatch {
	/* the actual part where the color is */
	width: 14px;
	height: 12px;
}
.dijitPaletteTable td {
		padding: 0;
}
.dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg {
	/* hovered color swatch */
	border: 1px solid #000;
}

.dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg,
.dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg {
	border: 2px solid #000;
	margin: 1px 0;	/* reduce margin to compensate for increased border */
}


.dijit_a11y .dijitColorPalette .dijitPaletteTable,
.dijit_a11y .dijitColorPalette .dijitPaletteTable * {
	/* table cells are to catch events, but the swatches are in the PaletteImg behind the table */
	background-color: transparent !important;
}

/* AccordionContainer */

.dijitAccordionContainer {
	border:1px solid #b7b7b7;
	border-top:0 !important;
}
.dijitAccordionTitle {
	cursor: pointer;
}
.dijitAccordionTitleSelected {
	cursor: default;
}

/* images off, high-contrast mode styles */
.dijitAccordionTitle .arrowTextUp,
.dijitAccordionTitle .arrowTextDown {
	display: none;
	font-size: 0.65em;
	font-weight: normal !important;
}

.dijit_a11y .dijitAccordionTitle .arrowTextUp,
.dijit_a11y .dijitAccordionTitleSelected .arrowTextDown {
	display: inline;
}

.dijit_a11y .dijitAccordionTitleSelected .arrowTextUp {
	display: none;
}

.dijitAccordionChildWrapper {
	/* this is the node whose height is adjusted */
	overflow: hidden;
}

/* Calendar */

.dijitCalendarContainer {
	width: auto;	/* in case user has specified a width for the TABLE nodes, see #10553 */
}
.dijitCalendarContainer th, .dijitCalendarContainer td {
	padding: 0;
	vertical-align: middle;
}

.dijitCalendarYearLabel {
    white-space: nowrap;    /* make sure previous, current, and next year appear on same row */
}

.dijitCalendarNextYear {
	margin:0 0 0 0.55em;
}

.dijitCalendarPreviousYear {
	margin:0 0.55em 0 0;
}

.dijitCalendarIncrementControl {
	vertical-align: middle;
}

.dijitCalendarIncrementControl,
.dijitCalendarDateTemplate,
.dijitCalendarMonthLabel,
.dijitCalendarPreviousYear,
.dijitCalendarNextYear {
	cursor: pointer;
}

.dijitCalendarDisabledDate {
	color: gray;
	text-decoration: line-through;
	cursor: default;
}

.dijitSpacer {
	/* don't display it, but make it affect the width */
  	position: relative;
  	height: 1px;
  	overflow: hidden;
  	visibility: hidden;
}

/* Styling for month drop down list */

.dijitCalendarMonthMenu .dijitCalendarMonthLabel {
	text-align:center;
}

/* Menu */

.dijitMenu {
	border:1px solid black;
	background-color:white;
}
.dijitMenuTable {
	border-collapse:collapse;
	border-width:0;
	background-color:white;
}

/* workaround for webkit bug #8427, remove this when it is fixed upstream */
.dj_webkit .dijitMenuTable td[colspan="2"]{
	border-right:hidden;
}

.dijitMenuItem {
	text-align: left;
	white-space: nowrap;
	padding:.1em .2em;
	cursor:pointer;
}

.dijitMenuPassive .dijitMenuItemHover,
.dijitMenuItemSelected {
	/*
	 * dijitMenuItemHover refers to actual mouse over
	 * dijitMenuItemSelected is used after a menu has been "activated" by
	 * clicking it, tabbing into it, or being opened from a parent menu,
	 * and denotes that the menu item has focus or that focus is on a child
	 * menu
	 */
	background-color:black;
	color:white;
}

.dijitMenuItemIcon, .dijitMenuExpand {
	background-repeat: no-repeat;
}

.dijitMenuItemDisabled * {
	/* for a disabled menu item, just set it to mostly transparent */
	opacity:0.5;
	cursor:default;
}
.dj_ie .dijit_a11y .dijitMenuItemDisabled,
.dj_ie .dijit_a11y .dijitMenuItemDisabled td,
.dj_ie .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled td {
	color:gray !important;
	filter: alpha(opacity=35);
}

.dijitMenuItemLabel {
	position: relative;
	vertical-align: middle;
}

.dijit_a11y .dijitMenuItemSelected {
	border: 1px dotted black !important;
}
.dj_ff3 .dijit_a11y .dijitMenuItem td {
	padding: 0 !important;
	background:none !important;
}
.dijit_a11y .dijitMenuItemSelected .dijitMenuItemLabel {
	border-width: 1px;
	border-style: solid;
}
.dj_ie8 .dijit_a11y .dijitMenuItemLabel {
	position:static;
}

.dijitMenuExpandA11y {
	display: none;
}
.dijit_a11y .dijitMenuExpandA11y {
	display: inline;
}

.dijitMenuSeparator td {
	border: 0;
	padding: 0;
}

/* separator can be two pixels -- set border of either one to 0 to have only one */
.dijitMenuSeparatorTop {
	height: 50%;
	margin: 0;
	margin-top:3px;
	font-size: 1px;
}

.dijitMenuSeparatorBottom {
	height: 50%;
	margin: 0;
	margin-bottom:3px;
	font-size: 1px;
}

/* the checked menu item */
.dijitCheckedMenuItemIconChar {
	vertical-align: middle;
	visibility:hidden;
}
.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar {
	visibility: visible;
}
.dijit_a11y .dijitCheckedMenuItemIconChar {
	display:inline !important;
}
.dijit_a11y .dijitCheckedMenuItemIcon {
	display: none;
}
.dj_ie .dijit_a11y .dijitMenuBar .dijitMenuItem {
	/* so bottom border of MenuBar appears on IE7 in high-contrast mode */
	margin: 0;
}

/* StackContainer */

.dijitStackController .dijitToggleButtonChecked * {
	cursor: default;	/* because pressing it has no effect */
}

/* TabContainer */

.dijitTabContainerNoLayout {
	width: 100%;	/* otherwise ScrollingTabController goes to 50K pixels wide */
}

.dijitTabContainerBottom-tabs,
.dijitTabContainerTop-tabs,
.dijitTabContainerLeft-tabs,
.dijitTabContainerRight-tabs {
	overflow: visible !important;  /* so tabs can cover up border adjacent to container */
}

.dijitTabContainerBottom-container,
.dijitTabContainerTop-container,
.dijitTabContainerLeft-container,
.dijitTabContainerRight-container {
	z-index:0;
	overflow: hidden;
	border: 1px solid black;
}
.nowrapTabStrip {
	width: 50000px;
	display: block;
	position: relative;
    text-align: left;  /* just in case ancestor has non-standard setting */
}
.dijitTabListWrapper {
	overflow: hidden;
}

.dijit_a11y .tabStripButton img {
	/* hide the icons (or rather the empty space where they normally appear) because text will appear instead */
	display: none;
}

.dijitTabContainerTop-tabs {
	border-bottom: 1px solid black;
}
.dijitTabContainerTop-container {
	border-top: 0;
}

.dijitTabContainerLeft-tabs {
	border-right: 1px solid black;
	float: left;
}
.dijitTabContainerLeft-container {
	border-left: 0;
}

.dijitTabContainerBottom-tabs {
	border-top: 1px solid black;
}
.dijitTabContainerBottom-container {
	border-bottom: 0;
}

.dijitTabContainerRight-tabs {
	border-left: 1px solid black;
	float: left;
}
.dijitTabContainerRight-container {
	border-right: 0;
}

div.dijitTabDisabled, .dj_ie div.dijitTabDisabled {
	cursor: auto;
}

.dijitTab {
	position:relative;
	cursor:pointer;
	white-space:nowrap;
	z-index:3;
}
.dijitTab * {
	/* make tab icons and close icon line up w/text */
	vertical-align: middle;
}
.dijitTabChecked {
	cursor: default;	/* because clicking will have no effect */
}

.dijitTabContainerTop-tabs .dijitTab {
	top: 1px;	/* to overlap border on .dijitTabContainerTop-tabs */
}
.dijitTabContainerBottom-tabs .dijitTab {
	top: -1px;	/* to overlap border on .dijitTabContainerBottom-tabs */
}
.dijitTabContainerLeft-tabs .dijitTab {
	left: 1px;	/* to overlap border on .dijitTabContainerLeft-tabs */
}
.dijitTabContainerRight-tabs .dijitTab {
	left: -1px;	/* to overlap border on .dijitTabContainerRight-tabs */
}


.dijitTabContainerTop-tabs .dijitTab,
.dijitTabContainerBottom-tabs .dijitTab {
	/* Inline-block */
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
}

.dijitTabInnerDiv {
	position:relative;
}


.tabStripButton {
	z-index: 12;
}

.dijitTabButtonDisabled .tabStripButton {
	display: none;
}


.dijitTabCloseButton {
	margin-left: 1em;
}

.dijitTabCloseText {
	display:none;
}

.dijitTab .tabLabel {
	/* make sure tabs w/close button and w/out close button are same height, even w/small (<15px) font.
	 * assumes <=15px height for close button icon.
	 */
	min-height: 15px;
	display: inline-block;
}
.dijitNoIcon {
	/* applied to <img>/<span> node when there is no icon specified */
	display: none;
}
.dj_ie6 .dijitTab .dijitNoIcon {
	/* because min-height (on .tabLabel, above) doesn't work on IE6 */
	display: inline;
	height: 15px;
	width: 1px;
}

/* images off, high-contrast mode styles */

.dijit_a11y .dijitTabCloseButton {
	background-image: none !important;
	width: auto !important;
	height: auto !important;
}

.dijit_a11y .dijitTabCloseText {
	display: inline;
}

.dijitTabPane,
.dijitStackContainer-child,
.dijitAccordionContainer-child {
	/* children of TabContainer, StackContainer, and AccordionContainer shouldn't have borders
	 * b/c a border is already there from the TabContainer/StackContainer/AccordionContainer itself.
	 */
    border: none !important;
}

/* InlineEditBox */
.dijitInlineEditBoxDisplayMode {
	border: 1px solid transparent;	/* so keyline (border) on hover can appear without screen jump */
	cursor: text;
}

.dijit_a11y .dijitInlineEditBoxDisplayMode,
.dj_ie6 .dijitInlineEditBoxDisplayMode {
	/* except that IE6 doesn't support transparent borders, nor does high contrast mode */
	border: none;
}

.dijitInlineEditBoxDisplayModeHover,
.dijit_a11y .dijitInlineEditBoxDisplayModeHover,
.dj_ie6 .dijitInlineEditBoxDisplayModeHover {
	/* An InlineEditBox in view mode (click this to edit the text) */
	background-color: #e2ebf2;
	border: solid 1px black;
}

.dijitInlineEditBoxDisplayModeDisabled {
	cursor: default;
}

/* Tree */
.dijitTree {
	overflow: auto;	/* for scrollbars when Tree has a height setting, and to prevent wrapping around float elements, see #11491 */
}

.dijitTreeIndent {
	/* amount to indent each tree node (relative to parent node) */
	width: 19px;
}

.dijitTreeRow, .dijitTreeContent {
	white-space: nowrap;
}

.dijitTreeRow img {
	/* make the expando and folder icons line up with the label */
	vertical-align: middle;
}

.dijitTreeContent {
    cursor: default;
}

.dijitExpandoText {
	display: none;
}

.dijit_a11y .dijitExpandoText {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	font-family: monospace;
	border-style: solid;
	border-width: thin;
	cursor: pointer;
}

.dijitTreeLabel {
	margin: 0 4px;
}

/* Dialog */

.dijitDialog {
	position: absolute;
	z-index: 999;
	overflow: hidden;       /* override overflow: auto; from ContentPane to make dragging smoother */
}

.dijitDialogTitleBar {
	cursor: move;
}
.dijitDialogFixed .dijitDialogTitleBar {
	cursor:default;
}
.dijitDialogCloseIcon {
	cursor: pointer;
}
.dijitDialogUnderlayWrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	display: none;
	background: transparent !important;
}

.dijitDialogUnderlay {
	background: #eee;
	opacity: 0.5;
}

.dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity=50);
}

/* images off, high-contrast mode styles */
.dijit_a11y .dijitSpinnerButtonContainer,
.dijit_a11y .dijitDialog {
	opacity: 1 !important;
	background-color: white !important;
}

.dijitDialog .closeText {
	display:none;
	/* for the onhover border in high contrast on IE: */
	position:absolute;
}

.dijit_a11y .dijitDialog .closeText {
	display:inline;
}

/* Slider */

.dijitSliderMoveable {
	z-index:99;
	position:absolute !important;
	display:block;
	vertical-align:middle;
}

.dijitSliderMoveableH {
	right:0;
}
.dijitSliderMoveableV {
	right:50%;
}

.dijit_a11y div.dijitSliderImageHandle,
.dijitSliderImageHandle {
	margin:0;
	padding:0;
	position:relative !important;
	border:8px solid gray;
	width:0;
	height:0;
	cursor: pointer;
}
.dj_iequirks .dijit_a11y .dijitSliderImageHandle {
	font-size: 0;
}
.dj_ie7 .dijitSliderImageHandle {
	overflow: hidden; /* IE7 workaround to make slider handle VISIBLE in non-a11y mode */
}
.dj_ie7 .dijit_a11y .dijitSliderImageHandle {
	overflow: visible; /* IE7 workaround to make slider handle VISIBLE in a11y mode */
}
.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {
	border:4px solid #000;
	height:8px;
	width:8px;
}

.dijitSliderImageHandleV {
	top:-8px;
	right: -50%;
}

.dijitSliderImageHandleH {
	left:50%;
	top:-5px;
	vertical-align:top;
}

.dijitSliderBar {
	border-style:solid;
	border-color:black;
	cursor: pointer;
}

.dijitSliderBarContainerV {
	position:relative;
	height:100%;
	z-index:1;
}

.dijitSliderBarContainerH {
	position:relative;
	z-index:1;
}

.dijitSliderBarH {
	height:4px;
	border-width:1px 0;
}

.dijitSliderBarV {
	width:4px;
	border-width:0 1px;
}

.dijitSliderProgressBar {
	background-color:red;
	z-index:1;
}

.dijitSliderProgressBarV {
	position:static !important;
	height:0;
	vertical-align:top;
	text-align:left;
}

.dijitSliderProgressBarH {
	position:absolute !important;
	width:0;
	vertical-align:middle;
	overflow:visible;
}

.dijitSliderRemainingBar {
	overflow:hidden;
	background-color:transparent;
	z-index:1;
}

.dijitSliderRemainingBarV {
	height:100%;
	text-align:left;
}

.dijitSliderRemainingBarH {
	width:100% !important;
}

/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */
.dijitSliderBumper {
	overflow:hidden;
	z-index:1;
}

.dijitSliderBumperV {
	width:4px;
	height:8px;
	border-width:0 1px;
}

.dijitSliderBumperH {
	width:8px;
	height:4px;
	border-width:1px 0;
}

.dijitSliderBottomBumper,
.dijitSliderLeftBumper {
	background-color:red;
}

.dijitSliderTopBumper,
.dijitSliderRightBumper {
	background-color:transparent;
}

.dijitSliderDecoration {
	text-align:center;
}

.dijitSliderDecorationC,
.dijitSliderDecorationV {
	position: relative; /* needed for IE+quirks+RTL+vertical (rendering bug) but add everywhere for custom styling consistency but this messes up IE horizontal sliders */
}

.dijitSliderDecorationH {
	width: 100%;
}

.dijitSliderDecorationV {
	height: 100%;
}

.dijitSliderButton {
	font-family:monospace;
	margin:0;
	padding:0;
	display:block;
}

.dijit_a11y .dijitSliderButtonInner {
	visibility:visible !important;
}

.dijitSliderButtonContainer {
	text-align:center;
	height:0;	/* ??? */
}
.dijitSliderButtonContainer * {
	cursor: pointer;
}

.dijitSlider .dijitButtonNode {
	padding:0;
	display:block;
}

.dijitRuleContainer {
	position:relative;
	overflow:visible;
}

.dijitRuleContainerV {
	height:100%;
	line-height:0;
	float:left;
	text-align:left;
}

.dj_opera .dijitRuleContainerV {
	line-height:2%;
}

.dj_ie .dijitRuleContainerV {
	line-height:normal;
}

.dj_gecko .dijitRuleContainerV {
	margin:0 0 1px 0; /* mozilla bug workaround for float:left,height:100% block elements */
}

.dijitRuleMark {
	position:absolute;
	border:1px solid black;
	line-height:0;
	height:100%;
}

.dijitRuleMarkH {
	width:0;
	border-top-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
}

.dijitRuleLabelContainer {
	position:absolute;
}

.dijitRuleLabelContainerH {
	text-align:center;
	display:inline-block;
}

.dijitRuleLabelH {
	position:relative;
	left:-50%;
}

.dijitRuleLabelV {
	/* so that long labels don't overflow to multiple rows, or overwrite slider itself */
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dijitRuleMarkV {
	height:0;
	border-right-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
	width:100%;
	left:0;
}

.dj_ie .dijitRuleLabelContainerV {
	margin-top:-.55em;
}

.dijit_a11y .dijitSliderReadOnly,
.dijit_a11y .dijitSliderDisabled {
	opacity:0.6;
}
.dj_ie .dijit_a11y .dijitSliderReadOnly .dijitSliderBar,
.dj_ie .dijit_a11y .dijitSliderDisabled .dijitSliderBar {
	filter: alpha(opacity=40);
}

/* + and - Slider buttons: override theme settings to display icons */
.dijit_a11y .dijitSlider .dijitSliderButtonContainer div {
	font-family: monospace; /* otherwise hyphen is larger and more vertically centered */
	font-size: 1em;
	line-height: 1em;
	height: auto;
	width: auto;
	margin: 0 4px;
}

/* Icon-only buttons (often in toolbars) still display the text in high-contrast mode */
.dijit_a11y .dijitButtonContents .dijitButtonText,
.dijit_a11y .dijitTab .tabLabel {
	display: inline !important;
}

/* TextArea, SimpleTextArea */
.dijitTextArea {
	width:100%;
	overflow-y: auto;	/* w/out this IE's SimpleTextArea goes to overflow: scroll */
}
.dijitTextArea[cols] {
	width:auto; /* SimpleTextArea cols */
}
.dj_ie .dijitTextAreaCols {
	width:auto;
}

.dijitExpandingTextArea {
	/* for auto exanding textarea (called Textarea currently, rename for 2.0) don't want to display the grip to resize */
	resize: none;
}


/* Toolbar
 * Note that other toolbar rules (for objects in toolbars) are scattered throughout this file.
 */

.dijitToolbarSeparator {
	height: 18px;
	width: 5px;
	padding: 0 1px;
	margin: 0;
}

/* Editor */
.dijitIEFixedToolbar {
	position:absolute;
	/* top:0; */
	top: expression(eval((document.documentElement||document.body).scrollTop));
}

.dijitEditor {
	display: block;	/* prevents glitch on FF with InlineEditBox, see #8404 */
}

.dijitEditorDisabled,
.dijitEditorReadOnly {
	color: gray;
}

/* TimePicker */

.dijitTimePickerItemInner {
	text-align:center;
	border:0;
	padding:2px 8px 2px 8px;
}

.dijitTimePickerTick,
.dijitTimePickerMarker {
	border-bottom:1px solid gray;
}

.dijitTimePicker .dijitDownArrowButton {
	border-top: none !important;
}

.dijitTimePickerTick {
	color:#CCC;
}

.dijitTimePickerMarker {
	color:black;
	background-color:#CCC;
}

.dijitTimePickerItemSelected {
	font-weight:bold;
	color:#333;
	background-color:#b7cdee;
}

.dijitTimePickerItemHover {
	background-color:gray;
	color:white;
	cursor:pointer;
}
.dijit_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner {
	border: solid 4px black;
}
.dijit_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner {
	border: dashed 4px black;
}


.dijitToggleButtonIconChar {
	/* character (instead of icon) to show that ToggleButton is checked */
	display:none !important;
}
.dijit_a11y .dijitToggleButton .dijitToggleButtonIconChar {
	display:inline !important;
	visibility:hidden;
}
.dj_ie6 .dijitToggleButtonIconChar, .dj_ie6 .tabStripButton .dijitButtonText {
	font-family: "Arial Unicode MS";	/* otherwise the a11y character (checkmark, arrow, etc.) appears as a box */
}
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
	display: inline !important; /* In high contrast mode, display the check symbol */
	visibility:visible !important;
}

.dijitArrowButtonChar {
        display:none !important;
}
.dijit_a11y .dijitArrowButtonChar {
        display:inline !important;
}

.dijit_a11y .dijitDropDownButton .dijitArrowButtonInner,
.dijit_a11y .dijitComboButton .dijitArrowButtonInner {
	display:none !important;
}

/* Select */
.dijitSelect {
	margin: 0.2em;
	border-collapse: collapse;
}
.dj_ie .dijitSelect,
.dj_ie7 .dijitSelect,
.dj_iequirks .dijitSelect {
	vertical-align: middle; /* Set this back for what we hack in dijit inline */
}
.dj_ie8 .dijitSelect .dijitButtonText {
	vertical-align: top;
}
.dijitToolbar .dijitSelect {
	margin: 0;
}
.dj_webkit .dijitToolbar .dijitSelect {
	padding-left: 0.3em;
}
.dijit_a11y .dijitSelectDisabled .dijitButtonNode {
	border-style: outset!important;
	border-width: medium!important;
	border-color: #999 !important;
	color:#999 !important;
}
.dijitSelect .dijitButtonContents {
	padding: 0;
	background: transparent none;
	white-space: nowrap;
	text-align: left;
}
.dijitSelectFixedWidth .dijitButtonContents {
	width: 100%;
}

.dijitSelectMenu .dijitMenuItemIcon {
	/* avoid blank area in left side of menu (since we have no icons) */
	display:none;
}
.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel,
.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel {
	/* Set back to static due to bug in ie6/ie7 - See Bug #9651 */
	position: static;
}

/* Fix the baseline of our label (for multi-size font elements) */
.dijitSelectLabel *
{
	vertical-align: baseline;
}

/* Styling for the currently-selected option (rich text can mess this up) */
.dijitSelectSelectedOption * {
	font-weight: bold;
}

/* Fix the styling of the dropdown menu to be more combobox-like */
.dijitSelectMenu {
	border-width: 1px;
}

/* Style the different areas of the button to look like a "real" dropdown */
/* Remove margins on the sub-table */
.dijitSelectMenu .dijitMenuTable {
	margin: 0;
	background-color: transparent;
}

/* Used in cases, such as FullScreen plugin, when we need to force stuff to static positioning. */
.dijitForceStatic {
	position: static !important;
}

/**** Disabled cursor *****/
.dijitReadOnly *,
.dijitDisabled *,
.dijitReadOnly,
.dijitDisabled {
	/* a region the user would be able to click on, but it's disabled */
	cursor: default;
}


/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/3rdparty/dojotoolkit/dijit/themes/tundra/form/Common.css  */

/****
		dijit.form.TextBox
		dijit.form.ValidationTextBox
		dijit.form.SerializableTextBox
		dijit.form.RangeBoundTextBox
		dijit.form.NumberTextBox
		dijit.form.CurrencyTextBox
		dijit.form.NumberSpinner
		dijit.form.ComboBox (partial)
 ****/

.tundra .dijitInputContainer input,
.tundra .dijitTextBox {
	margin: 0 0.1em;
}

.tundra .dijitTextArea {
	padding: 3px;
}

.tundra .dijitTextBox {
	/* 	For all except dijit.form.NumberSpinner:  the actual input element.
		For TextBox, ComboBox, Spinner: the div that contains the input.
		Otherwise the actual input element.
	*/
	background:#fff url('/3rdparty/dojotoolkit/dijit/themes/tundra/form/../images/validationInputBg.png') repeat-x top left;
	#background:#fff url('/3rdparty/dojotoolkit/dijit/themes/tundra/form/../images/validationInputBg.gif') repeat-x top left;
	border:1px solid #b3b3b3;
}

/* ComboBox specific rules*/
.tundra .dijitComboBox .dijitButtonNode {
	padding: 0 0.2em;
}
.tundra .dijitTextBox .dijitButtonNode {
	/* line between the input area and the drop down button, and also between
	 * the up and down buttons of a spinner
	 */
	border-color: #9b9b9b;
}

.tundra .dijitTextBoxFocused {
	/* input field when focused (ie: typing affects it) */
	border-color:#406b9b;
}
.tundra .dijitTextBoxFocused .dijitButtonNode {
	border-color:#366dba;
}

.tundra .dijitError {
	background-color:#f9f7ba;
	background-image:none;
}

.tundra .dijitErrorFocused {
	background-color:#f9f999;
	background-image:none;
}

/* Validation errors  */
.tundra .dijitValidationIcon {
	/* prevent height change when widget goes from valid to invalid state */
	width: 16px;
	background: transparent url('/3rdparty/dojotoolkit/dijit/themes/tundra/form/../images/warning.png') no-repeat center center;
}

/* The highlight is shown in the ComboBox menu. */
.tundra .dijitComboBoxHighlightMatch {
	background-color:#a5beda;
}

.tundra .dijitFocusedLabel {
	/* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */
	outline: 1px dotted #666666;
}


/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/3rdparty/dojotoolkit/dijit/themes/tundra/form/Button.css  */

/*****
		dijit.form.Button
		dijit.form.DropDownButton
		dijit.form.ComboButton
		dijit.form.ComboBox (partial)
		dijit.form.Spinner (partial) (TODO: create NumberSpinner.css file like claro has)
 *****/

.tundra .dijitButtonNode {
	/* enabled state - inner */
	border: 1px solid #c0c0c0;
	border-bottom: 1px solid #9b9b9b;
	padding: 0.1em 0.2em 0.2em 0.2em;
	background: #fff url('/3rdparty/dojotoolkit/dijit/themes/tundra/form/../images/buttonEnabled.png') repeat-x bottom left;
}
.tundra .dijitButtonText {
	text-align: center;
	padding: 0 0.3em;
}

.tundra .dijitDisabled .dijitButtonText {
	color: #7F7F7F;
}

.tundra .dijitArrowButton {
	color: #111;
}

.tundra .dijitComboButton .dijitDownArrowButton {
	padding-right:4px;
}

.tundra .dijitTextBoxReadOnly,
.tundra .dijitTextBoxReadOnly .dijitButtonNode,
.tundra .dijitButtonDisabled .dijitButtonNode,
.tundra .dijitToggleButtonDisabled .dijitButtonNode,
.tundra .dijitDropDownButtonDisabled .dijitButtonNode,
.tundra .dijitComboButtonDisabled .dijitButtonNode,
.tundra .dijitTextBoxDisabled,
.tundra .dijitTextBoxDisabled .dijitButtonNode {
	/* disabled state - inner */
	border-color: #d5d5d5 #d5d5d5 #bdbdbd #d5d5d5;
	background:#e4e4e4 url('/3rdparty/dojotoolkit/dijit/themes/tundra/form/../images/buttonDisabled.png') top repeat-x;
}

.tundra .dijitButtonHover .dijitButtonNode,
.tundra .dijitButtonNodeHover,
.tundra .dijitToggleButtonHover .dijitButtonNode,
.tundra .dijitDropDownButtonHover .dijitButtonNode,
.tundra .dijitComboButton .dijitButtonContentsHover,
.tundra .dijitComboButton .dijitDownArrowButtonHover {
	/* hover state - inner */
	/* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
	border-color: #a5beda;
	border-bottom-color:#5c7590;
	color:#243C5F;
	background:#fcfdff url('/3rdparty/dojotoolkit/dijit/themes/tundra/form/../images/buttonHover.png') repeat-x bottom;
}
.tundra .dijitDownArrowButtonHover,
.tundra .dijitUpArrowButtonHover {
	/* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */
	color:#243C5F;
	background:#fcfdff url('/3rdparty/dojotoolkit/dijit/themes/tundra/form/../images/buttonHover.png') repeat-x bottom;
}

.tundra .dijitUpArrowButtonActive,
.tundra .dijitDownArrowButtonActive,
.tundra .dijitButtonActive .dijitButtonNode,
.tundra .dijitToggleButtonActive .dijitButtonNode,
.tundra .dijitDropDownButtonActive .dijitButtonNode,
.tundra .dijitButtonContentsActive,
.tundra .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
	/* active state - inner (for when you are pressing a normal button, or
	 * when a radio-type button is in a depressed state
	 */
	border-color:#366dba;
	background: #ededed url('/3rdparty/dojotoolkit/dijit/themes/tundra/form/../images/buttonActive.png') bottom repeat-x;
}

.tundra .dijitArrowButtonInner {
	background:url('/3rdparty/dojotoolkit/dijit/themes/tundra/form/../images/spriteArrows.png') no-repeat scroll 0 center;
	width: 7px;
	height: 7px;
	margin: 0 4px 0 4px;
}
.tundra .dijitTextBox .dijitArrowButtonInner {
	background-position: 0 center;
}
.dj_ie6 .tundra .dijitArrowButtonInner {
	background-image:url('/3rdparty/dojotoolkit/dijit/themes/tundra/form/../images/spriteArrows.gif');
}
.tundra .dijitLeftArrowButton .dijitArrowButtonInner {
	background-position: -7px center;
}
.tundra .dijitRightArrowButton .dijitArrowButtonInner {
	background-position: -14px center;
}
.tundra .dijitUpArrowButton .dijitArrowButtonInner {
	background-position: -21px center;
}

.tundra .dijitDisabled .dijitArrowButtonInner {
	background-position: -28px center;
}
.tundra .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner {
	background-position: -35px center;
}
.tundra .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner {
	background-position: -42px center;
}
.tundra .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner {
	background-position: -49px center;
}
.dj_webkit .tundra .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner {
	margin-top: -1px; /* image has too many blank pixels on top */
}
.dj_ie .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
	margin-top: -2px; /* image has too many blank pixels on top */
}
.dj_ie8 .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
	margin-top: -1px; /* image has too many blank pixels on top */
}
.tundra .dijitSpinnerButtonContainer {
	width: auto;
	padding: 0;
}
.tundra .dijitSpinner .dijitArrowButton {
	width: 15px;
}
.tundra .dijitSpinner .dijitSpinnerButtonInner {
	width: 15px;
}
.tundra .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	padding: 0;
}


/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/3rdparty/dojotoolkit/dojox/image/resources/Lightbox.css  */

/* dojox.image.Lightbox:base */
/* FIXME: should be be doing this? I want a black underlay, but this sets ALL dialogs to black,
    but because it's decendant of body, i can't set this color any other way ... */
.tundra .dijitDialogUnderlay, 
.nihilo .dijitDialogUnderlay,
.soria .dijitDialogUnderlay {
	background-color:#000; 
}

.claro .dojoxLightbox .dijitDialogCloseIconHover,
.nihilo .dojoxLightbox .dijitDialogCloseIconHover,
.tundra .dojoxLightbox .dijitDialogCloseIconHover, 
.tundra .dojoxLightbox .dijitDialogCloseIconActive,
.nihilo .dojoxLightbox .dijitDialogCloseIconActive,
.claro .dojoxLightbox .dijitDialogCloseIconActive {
    background:url('/3rdparty/dojotoolkit/dojox/image/resources/images/close.png') no-repeat 0 0;
}

/* more specific to override .theme .dijitDialog name. might try baseClass="dojoxLightbox" 
   but that would require additional overriden CSS on top of the original Dialog.css       */
.claro .dojoxLightbox,
.soria .dojoxLightbox,
.nihilo .dojoxLightbox,
.tundra .dojoxLightbox {
	position:absolute;
	z-index:999;
	overflow:hidden;
	width:100px;
	height:100px; 
	border:11px solid #fff !important; /* not happy, but all themes overwrite this to 1px */
	background:#fff url('/3rdparty/dojotoolkit/dojox/image/resources/images/loading.gif') no-repeat center center;

	/* special safari + FF specific rounding + shadows */
	-webkit-box-shadow: 0px 6px 10px #636363; /* #adadad; */
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;
	border-radius: 4px;
}

.dojoxLightboxContainer {
	position:absolute;
	top:0; left:0;
	background-color:#fff;
}

.dojoxLightboxFooter {
	padding-bottom:5px;
	position:relative;
	bottom:0;
	left:0;
	margin-top:8px;
	color:#333;
	z-index:1000;
	font-size:10pt;
}

.dojoxLightboxGroupText {
	color:#666; 
	font-size:8pt;
}

.LightboxNext,
.LightboxPrev,
.LightboxClose {
	float:right;
	width:16px;
	height:16px;
	cursor:pointer;
}

/* dojox.image.Lightbox:tundra:nihilo */

.claro .LightboxClose,
.nihilo .LightboxClose,
.tundra .LightboxClose {
	background:url('/3rdparty/dojotoolkit/dojox/image/resources/images/close.png') no-repeat center center;
}

.di_ie6 .claro .LightboxClose,
.di_ie6 .nihilo .LightboxClose,
.dj_ie6 .tundra .LightboxClose {
	background:url('/3rdparty/dojotoolkit/dojox/image/resources/images/close.gif') no-repeat center center;
}

.claro .LightboxNext, 
.nihilo .LightboxNext,
.tundra .LightboxNext {
	background:url('/3rdparty/dojotoolkit/dojox/image/resources/images/right.png') no-repeat center center;
}

.dj_ie6 .claro .LightboxNext,
.dj_ie6 .nihilo .LightboxNext,
.dj_ie6 .tundra .LightboxNext {
	background:url('/3rdparty/dojotoolkit/dojox/image/resources/images/right.gif') no-repeat center center;
}

.claro .LightboxPrev,
.nihilo .LightboxPrev,
.tundra .LightboxPrev {
	background:url('/3rdparty/dojotoolkit/dojox/image/resources/images/left.png') no-repeat center center;
}

.dj_ie6 .claro .LightboxPrev,
.dj_ie6 .nihilo .LightboxPrev,
.dj_ie6 .tundra .LightboxPrev {
	background:url('/3rdparty/dojotoolkit/dojox/image/resources/images/left.gif') no-repeat center center;
}

/* dojox.image.Lightbox:soria */
.soria .LightboxClose,
.soria .LightboxNext,
.soria .LightboxPrev {
	width:15px;
	height:15px;
	background:url('/3rdparty/dojotoolkit/dojox/image/resources/../../../dijit/themes/soria/images/spriteRoundedIconsSmall.png') no-repeat center center;
	background-position:-60px;
}
.soria .LightboxNext {
	background-position:-30px 0;
}
.soria .LightboxPrev {
	background-position:0 0;
}

.dojoxLightboxText {
	margin:0; padding:0; 
}


/* INCLUDED SOURCE FILE /var/www/volos2/sites/c51a19eadfabe2ca45a085afffb1286e/3rdparty/dojotoolkit/klaro/image/resources/KLightbox.css  */

/* dojox.image.KLightbox:base */
/* FIXME: should be be doing this? I want a black underlay, but this sets ALL dialogs to black,
    but because it's decendant of body, i can't set this color any other way ... */
.dijitDialogUnderlay {
	background-color:#000; 
}

.klaroKLightbox {
	position:absolute;
	z-index:999;
	overflow:hidden;
	width:100px;
	height:100px; 
	border:11px solid #fff;
	background:#fff url('/3rdparty/dojotoolkit/klaro/image/resources/images/loading.gif') no-repeat center center;

        /* special safari + FF specific rounding + shadows */
	-webkit-box-shadow: 0px 6px 10px #636363; /* #adadad; */
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;
        border-radius: 4px;
}

.klaroKLightboxContainer {
	position:absolute;
	top:0; left:0; 
}

.klaroKLightboxFooter {
	padding-bottom:5px;
	position:relative;
	bottom:0;
	left:0;
	margin-top:8px;
	color:#333;
	z-index:1000;
	font-size:10pt;
}

.klaroKLightboxGroupText {
	color:#666; 
	font-size:8pt;
}

.klaroKLightboxText {
        width: 90%;
        margin-right: 70px;
}

.KLightboxPrev {
	float:left;
	width:33px;
	height:25px;
	cursor:pointer;
	vertical-align:middle;
}

.KLightboxNext {
	float:right;
	width:33px;
	height:25px;
	cursor:pointer;
	vertical-align:middle;
}

.klaroKLightboxLeftDiv {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 33%; 
	height: 88%; 
	text-align: left; 
	cursor: pointer; 
	vertical-align:middle; 
	background-image: url('/3rdparty/dojotoolkit/klaro/image/resources/images/inv.gif');
}
.klaroKLightboxRightDiv {
	position: absolute; 
	top: 0px; 
	right: 0px; 
	width: 33%; 
	height: 88%; 
	text-align: right; 
	cursor: pointer; 
	vertical-align:middle; 
	background-image: url('/3rdparty/dojotoolkit/klaro/image/resources/images/inv.gif');
}

.KLightboxClose, .KLightboxClose_sl {
	float:right;
	width:52px;
	height:12px;
	cursor:pointer;
	padding-top:3px;
	padding-left:10px;
	padding-right:3px;
}

/* dojox.image.KLightbox:tundra:nihilo */

.nihilo .KLightboxClose,
.tundra .KLightboxClose {
	background:url('/3rdparty/dojotoolkit/klaro/image/resources/images/kclose_en.png') no-repeat center center;
}
.di_ie6 .nihilo .KLightboxClose,
.dj_ie6 .tundra .KLightboxClose {
	background:url('/3rdparty/dojotoolkit/klaro/image/resources/images/kclose_en.gif') no-repeat center center;
}
.nihilo .KLightboxClose_sl,
.tundra .KLightboxClose_sl {
	background:url('/3rdparty/dojotoolkit/klaro/image/resources/images/kclose_sl.png') no-repeat center center;
}
.di_ie6 .nihilo .KLightboxClose_sl,
.dj_ie6 .tundra .KLightboxClose_sl {
	background:url('/3rdparty/dojotoolkit/klaro/image/resources/images/kclose_sl.gif') no-repeat center center;
}
.nihilo .KLightboxNext,
.tundra .KLightboxNext {
	background:url('/3rdparty/dojotoolkit/klaro/image/resources/images/kright.png') no-repeat center center;
}
.dj_ie6 .nihilo .KLightboxNext,
.dj_ie6 .tundra .KLightboxNext {
	background:url('/3rdparty/dojotoolkit/klaro/image/resources/images/kright.gif') no-repeat center center;
}
.nihilo .KLightboxPrev,
.tundra .KLightboxPrev {
	background:url('/3rdparty/dojotoolkit/klaro/image/resources/images/kleft.png') no-repeat center center;
}
.dj_ie6 .nihilo .KLightboxPrev,
.dj_ie6 .tundra .KLightboxPrev {
	background:url('/3rdparty/dojotoolkit/klaro/image/resources/images/kleft.gif') no-repeat center center;
}

/* dojox.image.KLightbox:soria */
.soria .KLightboxClose,
.soria .KLightboxNext,
.soria .KLightboxPrev {
	width:15px;
	height:15px;
	background:url('/3rdparty/dojotoolkit/klaro/image/resources/../../../dijit/themes/soria/images/spriteRoundedIconsSmall.png') no-repeat center center;
	background-position:-60px;
}
.soria .KLightboxNext {
	background-position:-30px 0;
}
.soria .KLightboxPrev {
	background-position:0 0;
}