@import url(iehacks.css);
@import url(search.css);
@import url(notepad.css);
@import url(buttons.css);
@import url(gallery.css);
@import url(news.css);
@import url(bookmarks.css);
@import url(instances.css);
@import url(amazon.css);
@import url(information.css);
@import url(weather.css);

body {
    background-color: white;
    color: #939393;
    font: 0.7em "Trebuchet MS", Arial, Verdana, sans-serif;
    min-width: 760px;
}
div {
    z-index:50;
}
input, select {
    color: #939393;
    font-size: 100%;
}

input.submit, input.button {
    color: white; background-color: #990000; 
}

#wrapper {
    width: 90%;
    margin-left: 5%;
    display: table;
}

#logo {
    float: left;
    margin-left: 10px;
}

#logo img { border: 0; }

#greeting {
    float: right;
    text-align: right;
    margin: 10px 10px 0 0;
}

#greeting a {
    text-decoration: none;
	color: #990000;
}

#greeting a:hover {
    background-color: #990000;
    color: white;
}


#header {
    width: 100%;
    height: 139px;
    background: url(../images/header-bg.gif) repeat-x;
    clear: both;
}

#header div {
    height: 139px;
}

#header #title {
    width: 300px;
    float: left;
}

#header #title a {
    color: white;
    text-decoration: none;
}

#header .left {
    width: 15px;
    background: url(../images/header-left.gif) left no-repeat;
    float: left;
}

#header .right {
    width: 400px;
    background: url(../images/header-right.gif) right no-repeat;
    float: right;
}

#header h1 {
    padding: 0;
    margin: 0;
}

#contentwrapper {
    padding: 0 15px;
}

#nav {
    width: 100%;

    height: 22px;
    padding-top: 6px;
    
    background: #CCCC99 url(../images/nav-left.gif) left no-repeat;
    
    text-align: right;
    font-size: 11px;
    
    border-bottom: 1px solid white;
}

#nav strong {
    font-weight: normal;
    color: white;
}

#nav ul {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#nav li {
    margin: 0;
    padding: 0;
    padding-right: 10px;
    padding-left: 7px;
    display: inline;
    border-right: 1px solid white;
}

#nav li.last {
    border: 0;
}

#nav a {
    line-height: 12px;

    color: #990000;
    text-decoration: none;
}

#nav a:hover {
    background: #990000;
	color: white;
}


#content {
    border-top: 1px solid #990000;
    padding-top: 1em;
}

#content .column {
    padding-bottom: 50px;
    float: left;

}

#left { width: 29%; margin-right: 1%; }
#right { width: 29%; margin-left: 1%; }
#middle { width: 40%; }

.container {
    padding-top: 1em;
}

.container h2 {
    display:inline;
    padding-left:1em;
    font-size: 14px;

    line-height:34px;
    color:white;

}

div.title-content {
    display:block;
    height: 34px;
    
    background: url(../images/heading-bg.gif) repeat-x;
    font-size: 14px;
    padding-left: 5px;

}
.container h2 span {
    float: left;
    background: url(../images/arrow-left.gif) right no-repeat;
    padding-right: 12px;

}

.container .content {
    padding: 1em;
    border: 1px solid #c0c0c0;
}

.container .content a {
    color: #990000;
    text-decoration: none;
    border: 0;
}

.container .content a:hover {
    color: #993300;
}
/*
.container .edit {
    position: relative;
    z-index: 2;
    margin-top: -1px;
    border: 1px solid #c0c0c0;
    border-top: 1px solid white;

    text-align: right;
}

.container .edit a {
    width: 34px;
    border-left: 3px solid #719337;

    color: white;
    text-decoration: none;
    font-weight: bold;

    padding: 0 6px 0 12px;;
    background: #cecece url(../images/arrow-left.gif) left no-repeat;
}

.container .edit a:hover {
    color: #990000;
    border-left: 3px solid #990000;
}*/
h2.drag {
    display: block;
    height: 34px;
    font-size: 14px;
    background: url(../images/heading-bg.gif) repeat-x;
    cursor: move;
    margin: 0;
}
a.close {
    width: 11px;
    height: 11px;
    background: url(../images/close_mod.gif) no-repeat;

}
a.close:hover {
    background: url(../images/close_mod_x.gif) no-repeat;
}
a.edit {
    width: 32px;
    height: 11px;
    background: url(../images/edit_mod.gif) no-repeat;

}
a.edit:hover {
    background: url(../images/edit_mod_x.gif) no-repeat;
}
a.close, a.edit {
    float: right;
    margin-top: 4px;
    text-decoration: none;
    padding-right: 6px;
    margin-top: 12px                            
}

#footer {
    width: 98%;
    margin-left: 1%;
    clear: left;
    height: 32px;
    background: url(../images/footer_bg.gif) repeat-x;
    text-align: center;

    padding-top: 8px;

}

#footer div {
    height: 32px;
    width: 15px;
    margin-top: -8px;
}

#footer .left {
    margin-left: -1%;
    float: left;
    background: url(../images/footer_left.gif) left no-repeat;
}

#footer .right {
    margin-right: -1%;
    float: right;
    background: url(../images/footer_right.gif) right no-repeat;
}

#footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

#footer li {
    display: inline;
    padding-right: 10px;
    padding-left: 7px;
    border-right: 1px solid white;
    
    color: white; /* for the copyright character */
}

#footer li a {
    text-decoration: none;
    font-size: 11px;
    
    color: white;
}

#footer li.last {
    border: 0;
}

#footer li a:hover {
    text-decoration: underline;
}


#config-nav {
    width: 23.9%; /* exclude border, it hurts me to do this */
    float: left;
    margin-right: 1%
}

#config-nav a {
    font-weight: bold;
}
#config-nav ul {
    margin: 0;
    padding: 0 0 0.5em 0;
    list-style-type: none;
    border-bottom: 1px dashed #aaa;
    width: 70%;
}


#config-nav .home {
    line-height: 2em;
    vertical-align: bottom; /* FIXME: couldn't be lamer than that */
}
#adminnav-wrapper {
    width: 23.9%;
    float: left;
    margin-right: 1%;

}

#module-nav {
    width: 100%; /* exclude border, it hurts me to do this */
}

#module-nav a {
    font-weight: bold;
}
#module-nav ul {
    margin: 0;
    padding: 0 0 0.5em 0;
    list-style-type: none;
    border-bottom: 1px dashed #aaa;
    width: 70%;
}

#user-nav {
    width: 100%; /* exclude border, it hurts me to do this */
    
}

#user-nav a {
    font-weight: bold;
}
#user-nav ul {
    margin: 0;
    padding: 0 0 0.5em 0;
    list-style-type: none;
    border-bottom: 1px dashed #aaa;
    width: 70%;
}
table#support {
    margin: 5px 35px 5px 5px !important;
}
#config-content table#support tbody {
    background: #f7f7f7;
    padding-bottom: 5px;
}
#support tbody tr {
    border-top: 1px solid white;
}
#support tbody td {
    border-right: 1px solid white;
}
#config-content table#support tfoot {
    border-top: 1x solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    margin-top: 5px;
    margin-bottom: 5px;

}
p.error {
    margin-left: 5px;
}
p.message {
    margin-left: 5px;
}
#content-nav { 
    padding: 5px;
    margin: 0 0 5px 0;
    text-align: left;
    background-color: #F2F5D8; 
    font-size: 100%;
    border-bottom: 1px solid #cecece; 
    list-style-type: none;
}

#content-nav li {
    font-weight: bold;
    display: inline;
    border-right: 1px solid #939393;
    padding-right: 7px;
    padding-left: 4px;
}

#content-nav li.last {
    border: 0;
}


.content-form {
    padding: 0.5em;
}
.content-form fieldset {
    background-color: #f7f7f7;
    border: 1px solid #c0c0c0;
}

.content-form label, .content-form input, .content-form select {
    float: left;
    margin: 0.5em 0 0 0.5em;
    
}
    
.content-form label { clear: left; padding: 0.15em;}
.content-form .submit { width: 5em; float: right; margin: 0.2em;}

/* clearer */
.content-form:after {
    content: ".";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}


#config-content { 
    width: 75%;
    float: left;
    margin-bottom: 50px; 
    color: #666
}

#config-content .content { padding: 1ex 0 1ex 1em;  }

#config-content .table-container { padding: 0.6em; }
#config-content table { border-collapse: collapse; margin: 5px 0 0 0; }
#config-content thead { border-top: 1px solid #c0c0c0; }
#config-content thead th { background-color: #f7f7f7;}
#config-content tbody { border-bottoM: 1px solid #c0c0c0; }
#config-content table img { border: 0; display: inline; }
#config-content table td { padding: 1px 4px; }
#config-content table td.options { text-align: center; }
#config-content tr.odd td { background-color:#FFEAE6;}
#config-content tr.even td { background-color:#EFF5FC; }
#config-content tfoot td { padding: 5px; }
#config-content tfoot { padding-top: 5px; }
#config-content tfoot.categories-edit td { padding: 2px 5px; }
#config-content .submit { float: right; }
#config-content .content .sysmsg { 
    text-align: left; 
    padding: 0.5em 15px 1em; 
    line-height: 0em; /* fixes padding caused by the <p> element */
    margin: 0;
}

#config-content .content .empty-content {
    text-align: center; 
    width: 100%;
}

td.paging {
    border-top: 1px solid #c0c0c0; 
    padding: 0;
}
.paging .list {
    float: left;
}

.paging ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.paging li {
    display: inline;
    border-right: 1px solid #939393;
    padding-right: 7px;
    padding-left: 4px;
}

.paging li.last, .paging li.next, .paging li.prev {
    border: 0;
}

.paging li.next, .paging li.prev {
    padding-right: 3px;
    padding-left: 0px;
}

#cat-filter {
    text-align: left;
    padding: 0 10px;
    margin: 0;
}

#cat-filter select { 
    margin-left: 5px;
    color: #939393;
    font-size: 100%;
    width: 12em;
}

#config-content .handle img {
    cursor: move;
}

#adminnav-wrapper { padding-bottom: 50px; }