/* General */
body {
    margin:0;
    padding:0;
    font-family:Arial;
    color:#333;
    font-size:90%;
}
hr {
    border-style:solid;
    border-width:1px 0 0 0;
    border-color:#ccc;
    margin:12px 0;
}
h1, h2, h3, h4, h5 {
    margin:0px 0 12px 0;
}
h1 {
    font-size:150%;
    padding-bottom:12px;
    border-bottom:#ccc 1px solid;
}
.clear,
.visual_clear {
    clear:both;
}
.hiddenStructure {
    display:none;
}

/* forms */
label {
    display:block;
    font-weight:bold;
}
form .field {
    margin:2px 2px 6px 2px;
}
form .field div.error {
    color:red;
    border:red 1px solid;
    background-color:#f3c789; 
}
form .field div.error label {
    color:#333;
}
form div.message {
    padding:2px 2px 0px 2px;
}
form h5 {
    margin:0;
    font-weight:normal;
    font-size:100%;
}

/* Main layout styles */
#wrapper {
    margin:0;
    padding:0;
}
#header {
    position:relative;
    height:60px;
    background-color:#23de10;
}
h1#logo {
    position:absolute;
    top:3px;
    left:12px;
    margin:0;
    text-shadow:#aaa 1px 1px 1px;
    border:none;
}
h1#logo a {
    text-decoration:none;
    font-size:40px;
    color:#fff;
    font-weight:normal;
    font-family:Times;
}

/* Personal tools */
#personaltools {
    position:absolute;
    right:18px;
    top:0px;
}
#personaltools div.currentuser a {
    text-decoration:none;
    font-weight:bold;
    color:#333;
    background-color:#fff;
    padding:0px 6px 0px 6px;
    border-radius-bottomleft:5px;
    border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-radius-bottomleft:5px;
    -webkit-border-radius-bottomright:5px;
    
}
#personaltools .dropdown_items {
    right:0px;
}

/* Search */
#search {
    float:right;
    width:310px;
}
#search form {
    float: right;
    margin:0;
    padding:25px 15px 0 0;
}
#search fieldset {
    margin:0;
    padding:0;
    border:none;
}
#search input {
    float:left;
    font-size:12px;
}
#search-text {
    width:135px;
    border:#aaa 1px solid;
    margin:1px;
    padding:2px;
}

/* Main menu */
div#menu {
    position:absolute;
    left:140px;
    top:33px;
}
ul#mainmenu {
    margin:0;
    padding:0;
    list-style-type:none;
}
ul#mainmenu li {
    display:inline;
    margin-right:20px;
}
ul#mainmenu li a {
    text-decoration:none;
    padding-left:46px;
    line-height:51px;
    font-size:51px;
}

/* Main menu icon XXX: generic mechanism */
ul#mainmenu li.node-settings a {
    background:url('static/images/menu_settings.png') top left no-repeat;
}
ul#mainmenu li.node-settings a.current_page_item {
    background:url('static/images/menu_settings_selected.png') top left no-repeat;
}

/* Box background */
.box,
#form-loginform {
    background:url('static/images/box.gif') top left no-repeat;
    padding:12px;
}

.box_shadow {
    border-radius:5px 5px 5px 5px;
    box-shadow:2px 2px 6px #666666;
}

/* Pathbar */
#pathbar {
    margin-top:22px;
    margin-bottom:8px;
}
.pathbar ul {
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding-left:10px;
}
.pathbar ul li {
    display:inline;
    color:#333;
}
.pathbar ul li.pathbaritem {
    margin-left:7px;
    background:url('static/images/arr_right.jpg') no-repeat left 5px;
}
.pathbar ul li a,
.pathbar ul li strong {
    padding-left:10px;
    color:#333;
}
.pathbar ul li strong {
    color:#4B8749;
    font-weight: bold;
}

/* contetn wrapper */
#content_wrapper {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}

/* Sidebar left */
#sidebar_left {
    float:left;
    left:100%;
    position:relative;
    width:18.75%;
    margin-left:-98.875%;
    margin-top:26px;
    font-family: Arial, Helvetica, sans-serif;
}

/* Navtree */
.navtree {
    margin:0;
    padding:0;
}
.navtree li {
    padding:0 0 10px 0px;
    list-style:none;
    line-height:normal;
}
.navtree li img {
    float:left;
}
.navtree li a {
    line-height:16px;
    padding-left:3px;
}
.navtree li .heading {
    font-weight:bold;
    color:#333;
    margin-bottom:10px;
    padding-left:8px;
}
.navtree li ul {
    padding:0;
    margin:0;
}
.navtree ul.childtree {
    padding-top:6px;
    margin-top:4px;
}
.navtree li.navtreeitem {
    padding-left:8px;
}
.navtree li.navtreeitem a {
    color:#333;
    text-decoration:underline;
}
.navtree li.navtreeitem a.selected {
    text-decoration:none;
    font-weight:bold;
    cursor:default;
}
.navtree ul.navtreelevel_1 {
    margin-left:6px;
    border-left:#cccccc 3px solid;
}
.navtree ul.navtreelevel_2 {
    margin-left:6px;
    border-left:#cdcdcd 3px solid;
}
.navtree ul.navtreelevel_3 {
    margin-left:6px;
    border-left:#dddddd 3px solid;
}
.navtree ul.navtreelevel_4 {
    margin-left:6px;
    border-left:#dedede 3px solid;
}
.navtree ul.navtreelevel_5 {
    margin-left:6px;
    border-left:#eeeeee 3px solid;
}
.navtree ul.navtreelevel_6 {
    margin-left:6px;
    border-left:#efefef 3px solid;
}

/* Content */
div#content {
    float:left;
    left:100%;
    position:relative;
    margin-left:-77.875%;
    width:76.75%;
    margin-top:26px;
}
div#footer {
    clear:both;
    padding-left:12px;
    font-size:80%;
    color:#aaa;
}
div#footer a {
    text-decoration:none;
    font-weight:bold;
    color:#aaa;
}

/* Copysupport */
.copysupport_cut {
    background-color:#efefef;
    color:#bbb;
}

/* Table */
div.pretty_table_wrapper {
    clear:both;
    position:relative;
}
div.pretty_table_toolbar {
    font-size:0.8em;
    font-weight:normal;
    padding:5px;
    background:url('static/images/bg_pretty_table_toolbar.png') repeat-x scroll 50% 50% #CCCCCC;
    border:1px solid #AAAAAA;
    color:#222222;
}
div.pretty_table_toolbar:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
div.pretty_table_toolbar select,
div.pretty_table_toolbar input {
    font-size:1.1em;
}
div.pretty_table_toolbar label {
    font-weight:normal;
}
div.pretty_table_toolbar_top {
    border-top-right-radius:4px;
    border-top-left-radius:4px;
}
div.pretty_table_toolbar_bottom {
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
}
label.pretty_table_title {
    float:left;
    margin:0;
    padding:0;
    font-size:1.4em;
    font-weight:bold;
    padding:2px 20px 0 5px;
}
div.pretty_table_length {
    font-weight:normal;
    color:#222222;
    float:right;
    text-align:right;
    width:130px;
    margin:0 3px 0 0;
    padding:0;
}
div.pretty_table_filter {
    float:right;
    text-align:right;
    width:250px;
    margin:0;
    padding:0 20px 0 0;
    border-right:#aaaaaa 1px solid;
}
table.pretty_table {
    border-collapse:collapse;
    border-spacing:0;
    clear:both;
    margin:0;
    width:100%;
}
table.pretty_table th {
    font-size:0.8em;
    font-weight:normal;
    background:url("static/cdn/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    color:#333333;
    outline:medium none;
    margin:0;
    padding:0;
}
table.pretty_table th div {
    border-left:1px solid #D3D3D3;
    border-bottom:1px solid #D3D3D3;
    border-top:1px solid #D3D3D3;
    padding:6px 20px 6px 10px;
    position:relative;
    text-align:left;
    margin:0;
}
table.pretty_table th:first-child div {
    border-left:1px solid #AAAAAA;
}
table.pretty_table th:last-child div {
    border-right:1px solid #AAAAAA;
}
table.pretty_table th.head_sortable {
    cursor:pointer;
}
table.pretty_table th a {
    text-decoration:none;
    color:#333333;
}
span.pretty_table_sort {
    margin-top:-8px;
    position:absolute;
    right:3px;
    top:50%;
}
table.pretty_table td {
    font-size:0.8em;
    font-weight:normal;
    line-height:2em;
    color:#333333;
    outline:medium none;
    margin:0;
    padding:0;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
}
table.pretty_table td div.col {
    padding:3px 10px;
    position:relative;
    text-align:left;
    margin:-1px 0 -1px 0;
}
table.pretty_table td:first-child div.col {
    border-left:1px solid #AAAAAA;
}
table.pretty_table td:last-child div.col {
    border-right:1px solid #AAAAAA;
}
table.pretty_table tr.even {
    background-color:#f8f8f8;
}
table.pretty_table tr.even td.sorted_col {
    background-color:#f0f0f0;
}
table.pretty_table tr.odd {
    background-color:#ffffff;
}
table.pretty_table tr.odd td.sorted_col {
    background-color:#fbfbfb;
}
table.pretty_table tr.even.selected {
    background-color:#EEEEFF;
}
table.pretty_table tr.even.selected td.sorted_col {
    background-color:#D5D5FF;
}
table.pretty_table tr.odd.selected {
    background-color:#DDDDFF;
}
table.pretty_table tr.odd.selected td.sorted_col {
    background-color:#C4C4FF;
}
div.pretty_table_info {
    float:left;
    width:40%;
    margin-top:4px;
    margin-left:5px;
}

/* Batch */
div.pretty_batch {
    float:right;
    text-align:right;
    width:50%;
    padding:0;
    margin:3px 0 3px 0;
}
div.pretty_batch a {
    padding:2px 6px;
    text-decoration:none;
    margin:0 0 0 -5px;
}
div.pretty_batch a.current {
    font-weight:bold;
    background:transparent;
    cursor:default;
}
div.pretty_batch a.invisible {
    cursor:default;
    color:#cccccc;
}

/* Dropdown */
.dropdown {
    padding:0;
    margin:0;
}
.dropdown .icon {
    padding:0;
    margin:0;
}
.dropdown_items {
    display:none;
    position:absolute;
    margin-top:0px;
    padding:3px;
    z-index:10000;
    width:200px;
    list-style-type:none;
    list-style-image:none;
    border:#ccc 4px solid;
    background-color:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.dropdown_items li {
    margin:0;
    padding-left:5px;
}
.dropdown_items li img {
    float:left;
}
.dropdown_items li a {
    text-decoration:none;
    border:none;
    padding-left:3px;
    padding-bottom:2px;
    line-height:16px;
}

/* Autocomplete */
.ui-autocomplete {
    border:#ccc 4px solid !important;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

/* Datepicker */
#ui-datepicker-div {
    border:#ccc 4px solid !important;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.ui-datepicker-trigger {
    cursor:pointer;
}

/* Contextmenu */
div.contextmenu_wrapper {
    clear:both;
}
div.contextmenu {
    border-bottom:#ccc 1px solid;
    padding:2px 0px 12px 0px;
    margin-bottom:12px;
    height:20px;
}
div.contextmenu a.selected {
    box-shadow:0 0 6px 3px #eee;
    -moz-box-shadow:0 0 6px 3px #eee;
    -webkit-box-shadow:0 0 6px #eee;
    background-color:#eee;
}
div.contextmenu div {
    float:left;
}
div.contextmenu .toolbar {
    border-right:#ccc 1px solid;
    padding-left:10px;
    padding-right:4px;
}
div.contextmenu .dropdown_items {
    margin-top:1.4em;
}
div.contextmenu div.state {
    margin-right:8px;
}

/* Tabs */
.tabs,
.ajaxtabs {
    position:relative;
    z-index:1;
    list-style:none; 
    margin:0 !important; 
    padding:0px 0px 0px 10px;
    height:30px;
    border:none;   
}
.tabs li,
.ajaxtabs li { 
    float:left;  
    text-indent:0;
    padding:0;
    margin:0px !important;
    list-style-image:none !important;
}
.tabs li a,
.ajaxtabs li a {
    background:url('static/images/tabs.png') no-repeat -554px 0px;
    font-size:11px;
    display:block;
    height: 30px;
    line-height:30px;
    width: 81px;
    text-align:center;  
    text-decoration:none;
    color:#fff;
    padding:0px;
    margin:0px; 
    position:relative;
    top:1px;
    font-weight:bold;
}
.tabs a:active,
.ajaxtabs a:active {
    outline:none;       
}
.tabs a:hover,
.ajaxtabs a:hover {
    background-position: -554px -31px;  
    color:#333; 
}
.tabs .current,
.tabs .current:hover,
.tabs li.current a,
.ajaxtabs .current,
.ajaxtabs .current:hover,
.ajaxtabs li.current a {
    background-position:-554px -62px;      
    cursor:default !important; 
    color:#000 !important;
}
.tabs .w1,
.ajaxtabs .w1 {
    background-position:-420px 0px;
    width:134px;
}
.tabs .w1:hover,
.ajaxtabs .w1:hover {
    background-position:-420px -31px;
}
.tabs .w1.current,
.ajaxtabs .w1.current {
    background-position:-420px -62px;
}
.tabs .w2,
.ajaxtabs .w2 {
    background-position:-248px 0px;
    width:173px;
}
.tabs .w2:hover,
.ajaxtabs .w2:hover {
    background-position:-248px -31px;
}
.tabs .w2.current,
.ajaxtabs .w2.current {
    background-position:-248px -62px;
}
.tabs .w3,
.ajaxtabs .w3 {
    background-position:0px 0px;
    width:248px;
}
.tabs .w3:hover,
.ajaxtabs .w3:hover {
    background-position:0px -31px;
}
.tabs .w3.current,
.ajaxtabs .w3.current {
    background-position:0px -62px;
}
.tabpanes,
.ajaxtabpanes {
    border-top:#ccc 1px solid;
    border-left:#ccc 1px solid;
    margin-top:-8px;
    padding:18px 12px 12px 12px;
}
.tabpanes .pane,
.ajaxtabpanes .pane {
    display:none;
}

/* Reference Browser */
#referencebrowser {
    width:500px;
}
.referencebrowser .pathbar ul {
    padding-left:0px;
    margin-bottom:0.5em;
}

/* Icons */
a.view16_16 {
    text-decoration: none;
    padding-left:18px;
    width:16px;
    font-size:16px;
    margin-right:4px;
    background:url('static/images/view16_16.png') 3px 2px no-repeat;
    cursor:pointer;
}
a.edit16_16 {
    text-decoration: none;
    padding-left:18px;
    width:16px;
    font-size:16px;
    margin-right:4px;
    background:url('static/images/edit16_16.png') 3px 2px no-repeat;
    cursor:pointer;
}
a.add16_16 {
    text-decoration: none;
    padding-left:18px;
    width:16px;
    font-size:16px;
    margin-right:4px;
    background:url('static/images/add16_16.png') 3px 2px no-repeat;
    cursor:pointer;
}
a.up16_16 {
    text-decoration: none;
    padding-left:18px;
    width:16px;
    font-size:16px;
    margin-right:4px;
    background:url('static/images/up16_16.png') 3px 2px no-repeat;
    cursor:pointer;
}
a.reference16_16 {
    text-decoration: none;
    padding-left:18px;
    width:16px;
    font-size:16px;
    margin-right:4px;
    background:url('static/images/reference16_16.png') 3px 2px no-repeat;
    cursor:pointer;
}
a.listing16_16 {
    text-decoration: none;
    padding-left:18px;
    width:16px;
    font-size:16px;
    margin-right:4px;
    background:url('static/images/listing16_16.png') 3px 2px no-repeat;
    cursor:pointer;
}
a.delete16_16 {
    text-decoration: none;
    padding-left:18px;
    width:16px;
    font-size:16px;
    margin-right:4px;
    background:url('static/images/delete16_16.png') 3px 2px no-repeat;
    cursor:pointer;
}
a.sharing16_16 {
    text-decoration: none;
    padding-left:18px;
    width:16px;
    font-size:16px;
    margin-right:4px;
    background:url('static/images/sharing16_16.png') 3px 2px no-repeat;
    cursor:pointer;
}
a.cut16_16 {
    text-decoration: none;
    padding-left:18px;
    width:16px;
    font-size:16px;
    margin-right:4px;
    background:url('static/images/cut16_16.png') 3px 2px no-repeat;
    cursor:pointer;
}
a.copy16_16 {
    text-decoration: none;
    padding-left:18px;
    width:16px;
    font-size:16px;
    margin-right:4px;
    background:url('static/images/copy16_16.png') 3px 2px no-repeat;
    cursor:pointer;
}
a.paste16_16 {
    text-decoration: none;
    padding-left:18px;
    width:16px;
    font-size:16px;
    margin-right:4px;
    background:url('static/images/paste16_16.png') 3px 2px no-repeat;
    cursor:pointer;
}
a.paste16_16.disabled {
    background:url('static/images/paste16_16_disabled.png') 3px 2px no-repeat;
    cursor:default;
}
a.remove16_16 {
    text-decoration: none;
    padding-left:18px;
    width:16px;
    font-size:16px;
    margin-right:4px;
    background:url('static/images/icon_remove.png') 3px 2px no-repeat;
    cursor:pointer;
}
a.remove16_16.disabled {
    background:url('static/images/icon_remove_disabled.png') 3px 2px no-repeat;
    cursor:default;
}
a.add_small16_16 {
    text-decoration: none;
    padding-left:18px;
    width:16px;
    font-size:16px;
    margin-right:4px;
    background:url('static/images/icon_add.png') 3px 2px no-repeat;
    cursor:pointer;
}
a.add_small16_16.disabled {
    background:url('static/images/icon_add_disabled.png') 3px 2px no-repeat;
    cursor:default;
}