html {height: 100%;display: block; background: #ccc;}
body { height: 99%; margin: 0;padding: 0;color: #333;font-size: 11px; font-family: Tahoma,Arial,Helvetica,sans-serif;background: #fff; }

a.link,
a[href]:link, 
a[href]:visited { color: #06740c; text-decoration: none;}

a.link:hover,
a[href]:hover, 
a[href]:active { color: #4e760f; text-decoration: underline; }

img { border:0;vertical-align:middle }

hr {
    border-color:#888;
}

h3 {}
table.mqi { border: 1px #ccc solid; text-align:left; background: #fff;font-size:10px;
    border-radius: 2px; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
table.mqi thead {  }
table.mqi thead th { background-color:#eee; margin:0; padding: 2px 3px; font-size:10px;line-height:12px;color:#222;
    border-radius: 2px; -webkit-border-radius: 2px;}
table.mqi thead td { background-color:#fff; margin:0; padding: 2px 3px; line-height:18px;
    border-radius: 2px; -webkit-border-radius: 2px;}
table.mqi thead th.sort{background-color:#ddd; text-shadow: 0 0 2px #fff;}
table.mqi thead th.sort img{margin:0 5px;}
table.mqi tfoot {  }
table.mqi tfoot td { background-color:#fff; margin:0; padding: 2px; line-height:15px;
    border-radius: 2px; -webkit-border-radius: 2px;}
table.mqi tfoot th { background-color:#eee; margin:0; padding: 2px 4px; font-size:10px;line-height:15px;
    border-radius: 2px; -webkit-border-radius: 2px;}
table.mqi tbody { }
table.mqi tbody td { background-color:#fff; margin:0; padding:2px; border-bottom: 1px #eee solid;border-right: 1px #eee solid;
    border-radius: 2px; -webkit-border-radius: 2px;}
table.mqi tbody td.sort{background-color:#eee}

table.mqi tbody tr.selected td {background-color: #F9D6A7 !important;}
table.mqi tbody tr.selected td.sort{background-color:#F2BD79 !important;}

table.mqi tbody tr.highlighted td {background-color: #ccc !important;}
table.mqi tbody tr.highlighted td.sort{background-color:#aaa !important;}

table.mqi tbody tr.title td {background:#efe;}
table.mqi tbody tr.disabled{opacity: 0.6;}
table.mqi.selectable tbody tr:hover td {background-color: #C6D880; cursor:pointer;}
table.mqi tbody tr:hover td.sort{background-color:#AFC45A;}
table.mqi tbody td ul {margin:0;padding:0 0 0 15px;list-style:disc;text-align:left;font-size:80%;}
table.mqi .button {font-size:11px;}
table.mqi td.dragHandle{cursor:move;background-image:url(../gfx/icons/10/updown.gif);background-repeat:no-repeat;background-position:center;}

ul.mqi {
    padding: 0;
    margin:0;
    list-style:none;
    
}
ul.mqi li {
    display:block;
    padding:1px 3px;
    border-bottom:1px #ddd solid;
}
ul.mqi li:fist-child {
    border-top:1px #ddd solid;
}

/* STRUCTURE */

#page{ background: #fff; height: 100%; min-width:1000px;}
#header{margin: 0;padding: 0; background: #fff;

}
#header .userInfo{ float: right; padding: 2px; text-align: right; font-size:11px;line-height: 1.8em;}
#header .userInfo span.nick { color: #1e4f17; font-weight:bold;}
#heightContainer { position:absolute;min-height:500px;top:71px;width:100%;min-width:960px;background:#fff;}
#toolbar { position:relative;float:left; width:165px; padding:0 0 0 2px; margin: 0; border-right:1px #aaa solid; height:100%; background:#ccc; }
#toolbar ul.menu {list-style:none;margin:0;padding:28px 0 0;}
#toolbar ul.menu li {display:block;margin:2px 0 2px 5px;padding:0;text-align: left;}
#toolbar ul.menu li a:hover{background:#555;}
#toolbar ul.menu li a{display:block;margin:0;padding:2px 0 2px 5px;color:#fff;font-size:13px;cursor:pointer;background:#888;border:1px transparent solid;
    border-top-left-radius: 4px; -moz-border-top-left-radius: 4px;-webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px;-moz-border-bottom-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;
    border-top-right-radius: 0; -moz-border-top-right-radius: 0;-webkit-border-top-right-radius: 0; border-bottom-right-radius: 0;-moz-border-bottom-right-radius: 0;-webkit-border-bottom-right-radius: 0;}
#toolbar ul.menu li.current {margin:2px 0;}
#toolbar ul.menu li.current > a {z-index:100;color:#060;font-size:12px;font-weight:bold;padding:5px 0 5px 5px;background:#fff;width:165px;border-color:#aaa;border-right-color: #f3f3f3;
    border-top-left-radius: 4px; -moz-border-top-left-radius: 4px;-webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px;-moz-border-bottom-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;
    border-top-right-radius: 0; -moz-border-top-right-radius: 0;-webkit-border-top-right-radius: 0; border-bottom-right-radius: 0;-moz-border-bottom-right-radius: 0;-webkit-border-bottom-right-radius: 0;
    box-shadow: -1px 1px 2px rgba(0,0,0, .3); 
    -webkit-box-shadow: -1px 1px 2px rgba(0,0,0, .2)}
#toolbar ul.menu li ul {display:none;background:#ddd;padding:3px;margin:0 0 5px 10px; 
    box-shadow: -1px 1px 2px rgba(0,0,0, .3); -webkit-box-shadow: -1px 1px 2px rgba(0,0,0, .3);
    border-top-left-radius: 0; -moz-border-top-left-radius: 0;-webkit-border-top-left-radius: 0; border-bottom-left-radius: 4px;-moz-border-bottom-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;
    border-top-right-radius: 0; -moz-border-top-right-radius: 0;-webkit-border-top-right-radius: 0; border-bottom-right-radius: 0;-moz-border-bottom-right-radius: 0;-webkit-border-bottom-right-radius: 0;}
#toolbar ul.menu li.current ul {display:block;}
#toolbar ul.menu li ul li,
#toolbar ul.menu li.current ul li{display:block;margin:2px 0 2px;}
#toolbar ul.menu li ul li a,
#toolbar ul.menu li.current ul li a {padding: 2px 0 2px 4px;font-size:11px;background: transparent;color:#555;width:auto;border: 1px #aaa solid;
    box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
    border-top-left-radius: 3px; -moz-border-top-left-radius: 3px;-webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px;-moz-border-bottom-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;
    border-top-right-radius: 3px; -moz-border-top-right-radius: 3px;-webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px;-moz-border-bottom-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;}
#toolbar ul.menu li.current ul li a:hover { background: #ccc; color:#555; } 
#toolbar ul.menu li.current ul li.subcurrent a {background: #f6f6f6;color:#060;font-weight:bold;
    box-shadow: -1px 1px 2px rgba(0,0,0, .3); -webkit-box-shadow: -1px 1px 2px rgba(0,0,0, .3);}

#heightContent{padding:0;overflow:scroll; position: relative; margin: 0 0 0 168px; min-width: 760px; height:100%; background: #fff;border-top: 1px #aaa solid;}
#content{ padding: 0px; height:100%; }
#footer{padding: 10px;margin: 0;font-size: 11px;text-align: center;border-top: 1px solid #aaa;clear:both;background:#ccc;}
#logo{	padding: 10px 20px;	font-size: 200%; color: #4e760f;}

#mainmenu{background: #ccc;padding-bottom:5px;}
#mainmenu ul{padding:3px 10px 3px 10px;margin:0px;background: #577715;border-bottom:1px #273d07 solid;
background: #578457; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3ODQ1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDU0MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #578457 0%, #345433 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#578457), color-stop(100%,#345433)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #578457 0%,#345433 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #578457 0%,#345433 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #578457 0%,#345433 100%); /* IE10+ */
background: linear-gradient(top,  #578457 0%,#345433 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#578457', endColorstr='#345433',GradientType=0 ); /* IE6-8 */
}
#mainmenu ul li{display: inline;}
#mainmenu ul li a{color:#ffffff;background-color:transparent;font-size:12px;font-weight:normal;text-decoration:none;padding:3px 8px;cursor:pointer;}
#mainmenu ul li a:hover{color: #dbeb54;text-decoration:underline;}
#mainmenu ul li.current a { border-width: 1px 1px 1px 1px; border-color: #273d07;border-bottom-color:#ccc; border-style: solid; color: #273d07; padding:5px 8px 3px; font-weight:bold;
    background: #cccccc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fcffef 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcffef), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcffef 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcffef 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcffef 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(top,  #fcffef 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcffef', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */


    border-top-left-radius: 3px; -moz-border-top-left-radius: 3px;-webkit-border-top-left-radius: 3px; border-top-right-radius: 3px;-moz-border-top-right-radius: 3px;-webkit-border-top-right-radius: 3px;}
#mainmenu ul li.current a:hover { color: #273d07; text-decoration: none;}

#flashMessages{ padding: 20px 5px;}
.flashError, 
.flashNotice, 
.flashSuccess{padding: .3em .8em .3em 2.5em;margin-bottom:.5em;border:1px solid #ddd;min-height: 16px;line-height: 16px;font-size: 12px; font-weight: bold;
        box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #999; border-radius: 4px; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
.flashError{background: #FBE3E4 url('../gfx/icons/16/error.png') no-repeat .5em .3em;color:#8a1f11;border-color:#FBC2C4;}
.flashNotice{background:#FFF6BF url('../gfx/icons/16/notice.png') no-repeat .5em .3em;color:#9c610c;border-color:#FFD324;}
.flashSuccess{background:#E6EFC2 url('../gfx/icons/16/success.png') no-repeat .5em .3em;	color:#1e4f17;border-color:#C6D880;}
.flashError a{color:#8a1f11;}
.flashNotice a{color:#514721;}
.flashSuccess a{	color:#264409;}



.hintTrigger{
    opacity:0.7;
    cursor: help;
}
.hintTrigger:hover{
    opacity:1;
}

.rightColumn {
    float:right;
    width:200px;
}
.leftColumn {
    float:left;
    width:200px;
}
.centerColumn {
    margin: 0 210px;
}
.leftCenterColumn {
    margin: 0 210px 0 0;
}
.centerRightColumn {
    margin: 0 0 0 210px;
}

.section { padding: 0; position:relative;}
.section > .content {padding:14px 4px 4px;}
.section > .title { padding: 5px 0 5px 5px; border-bottom: 2px #eee solid;margin: 0 2px 5px;font-size: 15px; font-weight: normal; color:#242;overflow:hidden;height:32px;line-height:32px;text-shadow: 1px 1px 0 rgba(0,80,0,.3);
/*    background: #eeeeee;  Old browsers 
 IE9 SVG, needs conditional override of 'filter' to 'none' 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);  FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));  Chrome,Safari4+ 
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);  Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);  Opera 11.10+ 
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);  IE10+ 
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);  W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );  IE6-8 */

}
.section > .title .level {color:#242;display:block;float:left;padding:0 20px 0 10px;height:32px;line-height:32px;background: #eee url('../gfx/section_h3_level_bg.png') no-repeat bottom right;background: transparent url('../gfx/icons/10/small_arrow_right.gif') no-repeat right center;}
.section > .title .level:last-child{background-image: url('../gfx/section_h3_level_bg_last.png');background: none;}
.section > .sectionMenu {position:relative;}
.section > .sectionMenu.inHeader{float:right;position:absolute;top:2px;right:2px;line-height:32px;}
.section > .sectionMenu .goto {line-height:20px;margin: 0 3px;}
.section > .sectionMenu .goto input {height:14px;width:80px;padding:0px 2px;font-size:11px;color:black;}

.box .section > .sectionMenu.inHeader {
    line-height:20px;
    top:-25px;
    right:0;
}


.subsection {
    border:1px #ddd solid;
    padding:5px;
    box-shadow: 0 0 2px #ddd inset;
    border-radius:4px;
}

/* /////////////////////////////////////////////////////////////////

COMMONS

////////////////////////////////////////////////////////////////// */
.d1_2{width:50%;}
.d1_3{width:33%;}
.d1_3:first-child{width:34%;}
.d2_3{width:66%;}
.d2_3:first-child{width:67%;}
.d1_4{width:25%;}
.d3_4{width:75%;}
.d1_5{width:20%;}
.d1_8{width:12.5%;}

.oh { overflow:hidden; }

.p5 {padding:5px !important;}
.p10 {padding:10px !important;}
.r200 {float:right; width:200px; border-left:1px #ccc dashed;}
.m10 {margin:10px !important;}
.mt20 {margin-top:20px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mr10 {margin-right:10px !important;}
.mr220 { margin-right: 220px !important;}
.ml200 {margin-left:200px !important;}
.left { float:left !important;}
.right { float:right !important;}

.bold {
    font-weight:bold !important;
}
.taCenter{text-align:center !important;}
.smallShadow { box-shadow: 0 0 2px rgba(0,0,0, 1); -moz-box-shadow: 0 0 2px rgba(0,0,0, 1); -webkit-box-shadow: 0 0 2px rgba(0,0,0, 1);}
.block{display:block !important;}
.hidden{display:none !important;}
.rounded { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.border {border: 1px #ccc solid;}
.oddEven tr.odd td{ background: #f3f3f3;}
.hoverUnderline:hover{text-decoration:underline;}
.cursorPointer{cursor: pointer;}

.preventSelecting {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.ajaxLink {cursor:pointer;}

.topmenu {padding-bottom:3px;margin-bottom:5px;border-bottom:2px #ccc solid;height:20px;line-height:20px;text-align:right;}


.box { border: 1px #ccc solid;background: #fff;margin:0;margin-bottom: 10px;padding:0;overflow: hidden;
      box-shadow: 1px 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.2); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.box > .title{ margin:0;padding: 2px 3px 1px 4px; height: 15px; line-height: 15px; border-bottom: 1px #ccc solid; color: #555; text-align: left; font-weight: bold; font-size: 11px;text-shadow: 1px 1px 1px #fff;
    background: rgb(242,242,242); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(213,213,213,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(213,213,213,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-8 */

    border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px;}
.box > .content{ padding: 4px; margin:0; background: #f6f6f6; 
        border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;-moz-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;}


h4.category {
    padding: 3px 10px; border-bottom: 2px #ccc solid; margin: 5px 0;
}



.button,
.button.inactive:hover{display:inline;font-weight:normal;border:1px #ccc solid;line-height:13px;height:13px;padding:1px 4px;font-size:11px;color:#333;margin:2px;cursor:pointer;white-space:nowrap;
        border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
        background: rgb(242,242,242); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(213,213,213,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(213,213,213,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-8 */

}
.button.inactive,
.button.inactive:hover{
    opacity:0.6;
    cursor: auto;
}

.button.mini {padding:0px;height:10px;line-height:10px;font-size:10px;}
.button.small {padding:0 3px;height:11px;line-height:11px;font-size:11px;}
.button.big {padding:3px 6px;line-height:24px;min-height:24px;font-size:14px;}
.button:hover {opacity:1;-moz-opacity:1;text-decoration: none !important;color:#333 !important; }
.button:hover,
.button.transparent:hover{border-color: #aaa;
        background: rgb(242,242,242); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(213,213,213,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(213,213,213,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-8 */

box-shadow: 0 0 4px rgba(0,20,0, .3) inset;
}
.button.transparent {background: transparent !important;border-color: #e3e3e3; color:#666 !important; text-shadow: none; }
.button.green {border-color: #469600;color:#fff !important;
        background: #719e34; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxOWUzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTZiMDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #719e34 0%, #356b09 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#719e34), color-stop(100%,#356b09)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #719e34 0%,#356b09 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #719e34 0%,#356b09 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #719e34 0%,#356b09 100%); /* IE10+ */
        background: linear-gradient(top,  #719e34 0%,#356b09 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#719e34', endColorstr='#356b09',GradientType=0 ); /* IE6-8 */

    }
.button.orange {border-color: #a04801;color:#fff;
        background: #ff994c; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTk0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMzUyMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #ff994c 0%, #d3520c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff994c), color-stop(100%,#d3520c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ff994c 0%,#d3520c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ff994c 0%,#d3520c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ff994c 0%,#d3520c 100%); /* IE10+ */
        background: linear-gradient(top,  #ff994c 0%,#d3520c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff994c', endColorstr='#d3520c',GradientType=0 ); /* IE6-8 */
}
.button img {vertical-align: middle;margin: 0;}


.elementMenuButton{ width:10px; height:10px; display:block; float:right; margin:1px; background: transparent url(../gfx/element_menu_button_bg.png) no-repeat center; opacity: .5; -moz-opacity: .5; text-decoration: none; border: 1px transparent solid;
    border-radius: 2px; -moz-border-radius: 2px;-webkit-border-radius: 2px;}
.elementMenuButton:hover{opacity: 1; -moz-opacity: 1;border-color: #ccc;
    box-shadow: 0 0 2px rgba(0,0,0, .3); -moz-box-shadow: 0 0 3px rgba(0,0,0, .3); -webkit-box-shadow: 0 0 2px rgba(0,0,0, .3);}



#mqiContextPopupHandler{position:absolute;z-index:6000;}
#mqiContextPopupHandler ul{display:block; border:1px #ddd solid; background:#666; margin:0;padding:1px;
        border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; box-shadow: 1px 1px 8px rgba(0,0,0, .9); -moz-box-shadow: 1px 1px 8px rgba(0,0,0, .9); -webkit-box-shadow: 1px 1px 8px rgba(0,0,0, .9);}
#mqiContextPopupHandler ul li { display:block; padding:0; margin:0;line-height:16px;background: transparent !important;border: none; font-size:11px; color:#fff !important;}
#mqiContextPopupHandler ul li a{ display:block; padding:2px 4px 3px; margin:0;background: transparent !important;border: 1px transparent solid; border-bottom-color: #777;  cursor:pointer;color:#fff !important;
        border-radius: 2px; -moz-border-radius: 2px;-webkit-border-radius: 2px;}
#mqiContextPopupHandler ul li:last-child a{border-bottom-color: transparent;}
#mqiContextPopupHandler ul li a:hover { background: #555 !important; border-color:#777; }
#mqiContextPopupHandler ul li img {vertical-align: middle; margin-right: 5px;}



.elementInfoButton{ width:10px; height:10px; display:block; float:right; margin:1px; background: transparent url(../gfx/element_info_button_bg.png) no-repeat center; opacity: .5; -moz-opacity: .5; text-decoration: none; border: 1px transparent solid;
    border-radius: 2px; -moz-border-radius: 2px;-webkit-border-radius: 2px;}
.elementInfoButton:hover{opacity: 1; -moz-opacity: 1;border-color: #ccc;
    box-shadow: 0 0 2px rgba(0,0,0, .3); -moz-box-shadow: 0 0 3px rgba(0,0,0, .3); -webkit-box-shadow: 0 0 2px rgba(0,0,0, .3);}
.elementInfo{display:none; position:absolute; float:left; border:1px #ddd solid; background:#666; margin:0;padding:3px;min-height: 30px;min-width: 100px;max-width: 300px;color:#eee;font-size:11px;
        border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; box-shadow: 1px 1px 8px rgba(0,0,0, .9); -moz-box-shadow: 1px 1px 8px rgba(0,0,0, .9); -webkit-box-shadow: 1px 1px 8px rgba(0,0,0, .9);}








ul.brickTree{
    list-style: none;
    margin: 0;
    padding: 5px;
    display: block;
    background: #fff;
    overflow: visible;
}
ul.brickTree li {
    display: block;
    padding: 2px 0 0;
    margin:0;
    overflow:hidden;
}
ul.brickTree > li li{
    padding: 2px 0 0 15px;
    background: transparent url('../gfx/brick_tree_li_bg.png') no-repeat left top;
}
ul.brickTree >li li:last-child {
    background: #fff url('../gfx/brick_tree_li_last_bg.png') no-repeat left top;
}
ul.brickTree li a {
    display: block;
    background:#e3e3e3;
    border:1px #ccc solid;
    padding: 1px 3px;
    margin: 1px 0 0;
    font-size: 11px;
    color:#555;
    text-decoration: none;
    float:left;
    position: relative;
    
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
ul.brickTree.wide li {
    padding: 3px 0 0;
}
ul.brickTree.wide > li li{
    padding: 3px 0 0 15px;
}
ul.brickTree.wide li a {
    padding: 5px;
}
ul.brickTree ul {
    padding: 0;
    margin: 0;
    background: transparent url('../gfx/brick_tree_ul_bg.png') repeat-y left;
    clear:left;
}




ul.bricks{
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    background: #f3f3f3;
    overflow: visible;
}
ul.bricks li {
    display: block;
    padding: 4px 0 0;
    margin:0;
}
ul.bricks li a {
    display: block;
    background:#e3e3e3;
    border:1px #ccc solid;
    padding: 5px;
    margin: 1px 0;
    font-size: 12px;
    color:#555;
    text-decoration: none;
    text-align:center;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}




.label {
    
    background:#555555;
    text-shadow: 0 0 3px #000;
    padding: 0 5px;
    margin: 0 2px;
    font-size: 10px;
    font-weight:bold;
    color:#fff;
    text-decoration: none;
    text-align:center;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}



.mqiTreeExplorer {
    
}
.mqiTreeExplorer .backColumn{
    min-height:100px;
    width: 20px;
    float:left;
}
.mqiTreeExplorer .column{
    min-height:100px;
    width: 100px;
    float:left;
    padding: 0 10px;
    border-left: 1px #ccc solid;
}





.mqiUnavailable { opacity: 0.6; }

.mqiInteractive{cursor:pointer !important;  border: 1px transparent solid;
    border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
}
.mqiInteractive:hover{ color:#131 !important; border: 1px #aaa solid;text-shadow: 0 0 3px #fff; text-decoration:none !important;
    
        background: #eeeeee !important; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWM5YjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)  !important;
        background: -moz-linear-gradient(top,  #eeeeee 0%, #bec9b9 100%) !important; /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#bec9b9)) !important; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #eeeeee 0%,#bec9b9 100%) !important; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #eeeeee 0%,#bec9b9 100%) !important; /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #eeeeee 0%,#bec9b9 100%) !important; /* IE10+ */
        background: linear-gradient(top,  #eeeeee 0%,#bec9b9 100%) !important; /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bec9b9',GradientType=0 ) !important; /* IE6-8 */ }

.mqiStateSubselected,
.mqiStateSubselected:hover{
    background: #F7D0A0 !important;
    border-color: #EDA650 !important;
}
.mqiStateSelected,
.mqiStateSelected:hover{
    background: #EDA042 !important;
    border-color: #CC7102 !important;
    color: #b30 !important;
    text-shadow: 0 0 2px #FDA !important;
}
.mqiStateActive,
.mqiStateActive:hover{
    background: #EA8148 !important;
    color: #fff !important;
}

.mqiLoadingOverlay{background: #000 url('../gfx/loading_black.gif') no-repeat center; opacity: 0.6 ;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000;}


.mqiOverlap{background:#06740c;position:absolute;display:block;height:10xp;width:10px;color:#fff;line-height:8px;font-size:11px;text-align:center;
    border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}


.mqiBubbleTarget{
    border:1px #555 solid;
    color:#555;
    background: #eee;
    position:absolute;
    padding:2px;
    opacity: 0.9;
    text-align:center;
    font-size:10px;
    
    box-shadow: -2px 1px 2px rgba(0,0,0, .6);
    -moz-box-shadow: -2px 1px 2px rgba(0,0,0, .6);
    -webkit-box-shadow: -2px 1px 2px rgba(0,0,0, .6);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.mqiBubbleTarget.clear{
    opacity:0.3;
}
.mqiBubbleTarget.clear:hover{
    opacity:0.6;
}
.mqiBubbleTarget .closeButton {
    font-size:9px;
    line-height:9px;
    height:9px;
    padding:0 2px;
    margin:0 0 0 10px;
    color:#888;
    background:#ccc;
    border:1px #aaa solid;
}
.mqiBubbleTarget.error{
    border:1px red solid;
    color:red;
}


.selectDialog{
    display:block;
    overflow:scroll;
}


a.modelLink, 
span.modelLink {color: #264409;cursor:pointer;}

a.modelLink:hover, 
span.modelLink:hover {color:#356b09;text-decoration:underline; text-shadow: 0 0 2px #fff; }



.index {
    display:block;
    overflow: hidden;
}
.index .item{
    background: #ddd;
    display:block;
    margin-bottom:2px;
    overflow: hidden;
    padding:6px;
    cursor: pointer;
    color:#555;
    
    border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
}
.index.darken .item{
    background: #ccc;
}
.index .item:hover {
    background: #C6D880;
    text-decoration: none;
}
.index .item .title{
    display: block;
    font-size: 11px;
    font-weight:bold;
    color:#356b09
}
.index .item .description{
    display:block;
    font-size:10px;
    min-height:12px;
    color:#555;
}
.index .item .image{
    float:left;
    margin-right:10px;
}

.simpleIndex {
    display:block;
    overflow: hidden;
}
.simpleIndex .item {
    display: block;
    margin-bottom: 5px;
    padding:5px;
    overflow: hidden;
}
.simpleIndex .item .image{
    float:left;
    margin-right:10px;
}
.simpleIndex .item .right{
    float:right;
    
}
.simpleIndex .item .title{
    display: block;
    font-weight: bold;
    color:#1e4f17;
    font-size:12px;
    margin-bottom:5px;
}
.simpleIndex .item .description{
    display:block;
    font-size:10px;
    color:#888;
    
}

/* /////////////////////////////////////////////////////////////////////////////

PARTICULARS

///////////////////////////////////////////////////////////////////////////// */

.info { display:block; padding:10px; border: 1px #aaa solid; overflow: hidden;color:#777; text-align: center; margin:5px; font-size:11px; font-style: italic;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.warning { display:block; padding:10px; border: 1px maroon solid; overflow: hidden;color:maroon; text-align: center; margin:5px; font-size:11px; font-style: italic;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}


ul.operationsList {
    list-style: none;
    padding:0;
    margin:0;
}
ul.operationsList li {
    padding: 2px 2px 2px 30px;
    margin-bottom:2px;
    line-height: 20px;
    background: #fff url(../gfx/icons/16/arrow_right_tiny.png) no-repeat left center;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
ul.operationsList li.running {
    background: #fff url(../gfx/icons/16/loading.gif) no-repeat 4px center;
}
ul.operationsList li.done {
    background: #fff url(../gfx/icons/16/ok.png) no-repeat 4px center;
}
ul.operationsList li.failed {
    background: #fff url(../gfx/icons/16/fail.png) no-repeat 4px center;
}
ul.operationsList li.skipped {
    background: #fff url(../gfx/icons/10/fforward.png) no-repeat 4px center;
}

.timestamps {overflow: hidden; font-size: 10px; color: #888;margin: 10px 5px;}
.timestamps a {color: #333;}


.tabView {position:relative;overflow:hidden;}
.tabView ul.tabs {display:block;list-style:none;margin:0;padding:0 3px;height:20px;overflow:visible;z-index:12;line-height:20px;position: relative;}
.tabView ul.tabs li {display:inline-block;margin:0 1px;padding:2px 0 0;}
.tabView ul.tabs li a {color:#555;line-height:20px;padding:0 6px;margin:0;border: 1px #ccc solid;cursor:pointer;font-size:11px;
    border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px;
background: rgb(242,242,242); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(213,213,213,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(213,213,213,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(213,213,213,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-8 */

}
.tabView ul.tabs li a:hover {color:#111;box-shadow: 0 0 4px rgba(0,20,0, .3) inset;}
.tabView ul.tabs li.current {}
.tabView ul.tabs li.current a,
.tabView ul.tabs li.current a:hover {color:#fff;color:#242;line-height:20px;padding:1px 8px 1px;border-color: #345433;font-size:12px;
border-top: 1px #345433 solid;border-left: 1px #345433 solid;border-right: 1px #345433 solid;border-bottom: 2px #fff solid;
background: rgb(242,242,242); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */                        
box-shadow: none;
}


.tabView .tabContent {background:#fff;padding:0px;border: 1px #345433 solid; border-width: 1px 1px 1px 1px; overflow:hidden;z-index:10;
    border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}

#MqTableIndexRemoteWidget {overflow: auto;}
#MqTableIndexRemoteWidget .filter { border: 1px #ccc solid; padding:2px;margin:0 0 10px 0; font-size:11px; overflow:hidden;
    border-radius: 4px; -moz-border-radius: 4px;-webkit-border-radius: 4px; }
#MqTableIndexRemoteWidget .filter h4 { background: #bbb; padding:0 0 0 10px;margin:0;line-height:21px;
    border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; }

#MqTableIndexRemoteWidget .filter ul{ list-style:none; padding:0;margin:0;}
#MqTableIndexRemoteWidget .filter ul li{ display:block;background:#ddd;float:left;padding:1px;font-size:11px;line-height:16px;margin:3px 3px 0 0;border: 1px transparent solid;
    border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
#MqTableIndexRemoteWidget .filter ul li:hover{ border-color:#ccc;
    box-shadow: 1px 1px 2px rgba(0,0,0, .2); -moz-box-shadow: 1px 1px 2px rgba(0,0,0, .2); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0, .2);}
#MqTableIndexRemoteWidget .filter ul li label{margin: 0 5px 0 5px;float:left;line-height:18px;color:#555;}
#MqTableIndexRemoteWidget .filter ul li .filterValue{border:1px #ccc solid;float:left;background:#f6f6f6;padding:0 4px;color:#000;
    border-radius: 2px; -moz-border-radius: 2px;-webkit-border-radius: 2px;}
#MqTableIndexRemoteWidget .filter ul li span.remove{ display:block; width:9px;height:9px;line-height:9px;text-align: center;visibility: hidden;float:right;padding:1px;margin:1px;cursor:pointer;
    border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; }
#MqTableIndexRemoteWidget .filter ul li:hover span.remove{ visibility: visible;}
#MqTableIndexRemoteWidget .filter ul li:hover span.remove:hover{background:#888;color:#fff;}
#MqTableIndexRemoteWidget .selectionCounter {font-size:10px;font-weight:normal;}
#MqTableIndexRemoteWidget .selectionCounter.notZero {color:#ED5C09;text-shadow:0 0 2px #fff;background: #eee;border: 1px orange solid;}




/*.mqiTreeListRemoteWidget {
    background: #fff;
    border:1px #ccc solid;
    padding: 5px;

    
    border-radius: 6px; -moz-border-radius: 6px;-webkit-border-radius: 6px;
    
}

ul.brickTree.mqiTreeListRemoteWidget li a {
    padding-right:15px;
}*/



body.loginPage{ background: #eee url('../gfx/body_login_bg.jpg') no-repeat top center; }
body.loginPage h1{text-align: center; margin: 50px 0; font-size: 30px; color: #1e4f17; text-shadow: 0 0 3px #fff; }
body.loginPage .login.box{ margin: 50px auto; width: 300px; }
body.loginPage .login.box form { padding: 10px; }
body.loginPage .login.box .row{ margin: 5px 0; overflow: hidden;}
body.loginPage .login.box .row label{ float:left; line-height:30px;}
body.loginPage .login.box .row input[type=text],
body.loginPage .login.box .row input[type=password]{ float:right; width:200px;}
body.loginPage .login.box .row input[type=checkbox]{ margin:8px 8px 0 4px; float:left;}
body.loginPage .login.box .submitButton{ float:right;}
body.loginPage .login.box .forgotPassword {font-size:11px; font-weight:normal; color:#888; text-align: center;}
body.loginPage .login.box .forgotPassword a{font-size:11px;font-weight:normal;color:#888;}

.pictures .item { overflow: hidden; padding: 5px;  margin:3px; background:#eee; 
                  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.pictures .item .image { float:left; background: #fff; padding: 5px;
                         border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.pictures .item .info { margin: 0 90px 0 120px;}
.pictures .item .tools { float:right; width: 80px;}
.pictures .item span.title { font-weight: bold; font-size: 14px; color: #1e4f17; line-height: 24px;}
.pictures .item span.description { font-size: 12px; color: #888;}
.pictures .item span.timestamps { font-size: 10px; color: #aaa;}

.MqPageForm .editConfig{ margin-left:100px; overflow: hidden;}
.MqPageForm .editConfig h4{ margin: 5px 0; padding: 5px 0 10px; font-size:12px; font-weight:bold; border-bottom:1px #aaa solid;}
.MqPageForm .editConfig > div{ overflow: hidden; margin-bottom:10px;}
.MqPageForm .editConfig .field{ display: block; height: 30px; line-height:30px; font-size: 11px; width: 20%; float:left;}
.MqPageForm .editConfig .field input[type=checkbox]{ display: inline; vertical-align: middle; margin:0 5px 0 0;}
.MqPageForm form .editConfig .field label{ float:none; display: inline; font-weight: normal;}

select.treeSelectWidget{ white-space: pre; }

ul.treeMenuWidget { list-style: none; margin:0; padding:0; background: transparent url('../gfx/tree_menu_widget_bg.png') repeat 0 1px; }
ul.treeMenuWidget li { display: block; padding: 1px 0; margin: 0;}
ul.treeMenuWidget li a{ display: block; height:15px; line-height:15px; font-size:12px; padding: 2px 0 2px 4px; margin: 0; text-decoration: none; text-align: left;
                        border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
ul.treeMenuWidget li a:hover{ text-shadow: 0 0 1px #fff; background: #ddd; color: #222;}
ul.treeMenuWidget li ul{ margin-left:20px;}
ul.treeMenuWidget li.current { font-weight: bold;}


p.emptyIndex{ padding:10px; border: 1px #aaa solid; color:#777; text-align: center; margin:5px 20px; font-size:11px;
              border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}




.imagesGrid {
    overflow:hidden;
}
.imagesGrid .item {
    display: block;
    padding:4px;
    float:left;
    margin:2px;
    text-align: center;
    background: #e3e3e3;
    border: 1px #ddd solid;
    text-decoration: none;
    color:#777;
    border-radius: 5px; 
    -webkit-border-radius: 5px;
}
.imagesGrid .item:hover {
    background: #ddd;
    border-color: #bbb;
    text-decoration: none;
    color:#333;
    box-shadow: 1px 1px 2px rgba(0,0,0, .3); 
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0, .3);
}
.imagesGrid .item span.img{
    display:block;
    overflow: hidden;
    border-radius: 3px; 
    -webkit-border-radius: 3px;
}
.imagesGrid .item span.img img{
    border-radius: 3px; 
    -webkit-border-radius: 3px;
}
.imagesGrid .item span.title{
    display:block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 11px;
    padding:2px 0;
}



.moreInfo > .controller {
    padding:5px;
}

.moreInfo > .controller > .expandButton {
    display:inline;
    cursor: pointer;
}
.moreInfo > .controller > .expandButton:hover {
    color: #151;
}
.moreInfo > .controller > .collapseButton {
    display: none;
    cursor: pointer;
}
.moreInfo > .content {
    display: none;
}
.moreInfo.expanded > .controller > .expandButton {
    display: none;
}
.moreInfo.expanded > .controller > .collapseButton {
    display:inline;
}
.moreInfo.expanded > .content {
    display:block;
}



.cmsNewsIndex {
    
}
.cmsNewsIndex .item{
    display: block;
    overflow: hidden;
    margin: 3px 0;
    color:#444;
    padding: 10px;
}
.cmsNewsIndex .item:hover {
    background: #ccc;
    color:#222;
}
.cmsNewsIndex .item .date{
    display:block;
    float:left;
    width:80px;
    color:#777;
}
.cmsNewsIndex .item .title{
    display: block;
    margin-left:80px;
}

.cmsFilesIndex {
    overflow:hidden;
}
.cmsFilesIndex .item{
    display: block;
    float:Left;
    overflow: hidden;
    margin: 3px;
    color:#444;
    padding: 5px;
    background: #ddd;
    border: 1px #ccc solid;
    max-width:100px;
}
.cmsFilesIndex .item:hover {
    color:#222;
}
.cmsFilesIndex .item .img{
    display:block;
    width:100px;
    height: 100px;
    line-height:100px;
    text-align:center;
    color:#777;
}
.cmsFilesIndex .item .img img {
    vertical-align:middle;
}
.cmsFilesIndex .item .title{
    display: block;
    text-align:center;
    height: 20px;
    line-height: 10px;
    font-size:10px;
    overflow:hidden;
}





body .ui-dialog .ui-dialog-content {
    padding: 4px;
}
body .ui-widget-content,
body .ui-widget-content a{
    color: inherit;
}