#background-wrap{
   background: #11395D;
   margin: 0 auto;
   min-width: 780px;
   max-width: 1260px;
   min-height: 100%;
   /*width: auto !important;
   width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262 ? "1260px" : "auto");
   */
}

#page-wrap {
   background: #82A6BE;
   min-width: 780px;
   max-width: 1260px;
   margin: 0 auto;
   border: #82A6BE solid 1px;
   min-height: 100%;
   /* width: auto !important;
    width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262 ? "1260px" : "auto");
   */
}
#page-wrap #inside {
   position: relative;
   margin: 6px;
   margin-bottom: 0;
   background: white;
}

#columns {
   position: relative;
}

#main-content {
   background: #fff;
   padding-top: 20px;
   z-index: 10;
   position: relative;
   left: 0;
   min-height: 600px;
}

.packagetoggled {
   margin-left: 150px;
}

#header {
   height: 100px;
   background: transparent url('images/header.png') repeat-x top left;
   border-bottom: 1px solid #aaa;
}

#logobox {
   float: left;
   height: 100px;
   margin-left: 10px;
}

#infobox {
   margin-left:300px;
   padding-top: 4px;
}

#sessioninfo {
   height: 66px;
}

#logininfo {
   float: right;
   color: #555;
}

#logininfo a{
   color: #5382A2;
   font-size: 85%;
}

#productinfo {
   float: right;
   font-size: 75%;
   margin: 2px 10px;
   color: #82A6BE;
}

#messagebox {
   height: 30px;
   text-align: center;
}


#searchoptions {
   width: auto;
}

.searchoption{
   display: inline;
}

#modulewrapper {
   border: solid #B4CBD9 1px;
   margin: 0 10px 0 40px;
   background: #efefef;
}

#modulemain {
   position: relative;
   z-index: 20;
   background-color: #fff;
   margin: 0;
   border: solid #dfdfdf 1px;

}

/*.searchtoggled {
   margin: 0 0 0 146px;
}*/

#moduletitle {
   padding: 10px;
   font-size: 1.2em;
   background: #D6E3EA;
   font-weight: bolder;
   color: #777;
   border-bottom: solid #B4CBD9 1px;
}

#modulecontrols {
   padding: 12px 10px 16px;
   background: #f7f7f7 url('images/controlgradient.png') top left repeat-x;
   height: 48px;
   line-height: 32px;
   white-space: nowrap;
   overflow: hidden;
   position: relative;
}


#modulecontrols .control{
   display:block;
   border:1px solid #ccc;
   color:#7c7c7c;
   font-weight:bold;
   outline:medium none;
   padding:0 4px;
   background:#E7EFF3 url('images/controlbg.png') repeat-x bottom left;
   border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
}
#modulecontrols .control:hover{
   background:#D6E3EA url('images/controlbg.png') repeat-x bottom left;
   border:1px solid #aaa;
   color:#444;
}

#modulecontrols .control.icon{
   padding:0 4px 0 20px;
}
#modulecontrols .control.icon span{
   left:0.4em;
   margin:-6px 5px 0 0;
   position:absolute;
   top:50%;
   height:12px;
   width:12px;
}

#addcontrol span{

   background: url('images/add.png');
}
#deletecontrol span{
   background: url('images/delete.png');
}

#cancelcontrol span{
   background: url('images/cancel.png');
}

#savecontrol span{
   background: url('images/save.png');
}

#moduletabs{
   padding: 2px;
   background: #f7f7f7;
}

#fragmentcontainer {
   position: relative;
   clear: left;
   border: solid #d3d3d3 1px;
   height: auto !important;
   height: 1%;
   background: #fff;
   font-size: .91em;
}

#fragmentcontainer .ui-widget {
   font-size: 11px;
}

#fragmentcontainer .ui-buttonset .ui-button {
   margin-left:0;
   margin-right:-0.4em;
}

#fragmentcontainer .ui-buttonset {
   margin: 2px 0 2px 6px;
}

.ui-combobox {
   border: #ADD1F0 1px solid;
   background: #F8FEFF;
   -webkit-border-radius: 4px;
   -webkit-border-top-right-radius: 0;
   -webkit-border-bottom-right-radius: 0;
   -moz-border-radius: 4px;
   -moz-border-radius-topright: 0;
   -moz-border-radius-bottomright: 0;
   border-radius: 4px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

.helptoggled {
   margin-right: 230px;
}


#storebox {
   text-align: center;
   padding: 8px 0;
   background: #D6E3EA;
}

#submitbutton{
   color: #446;
   background: transparent url('images/button-left.gif') center left no-repeat;
   text-decoration: none;
   border:none;
   padding:7px 0 7px 10px;

   font: bold 16px Arial;

}

#submitbutton:hover{
   cursor:pointer;
   color: #335;
   background: transparent url('images/button-left-hover.gif') center left no-repeat;
}

#submitbutton span{
   background: transparent url('images/button-right.gif') center right no-repeat;
   padding: 7px 10px 7px 0;

}

#submitbutton:hover span{
   background: transparent url('images/button-right-hover.gif') center right no-repeat;
}

#searchtoggle {
   color: #82A6BE;
   font-size: 70%;
   text-align: left;
}

#packagetoggle {
   position: absolute;
   left: 0;
   top: 20px;
   background: transparent url('images/packagetoggle.gif') top left no-repeat;
   height: 100px;
   width: 30px;

}
#packagetoggle img{
   margin: 38px 2px;
}
.questionimg {
   margin-bottom: 5px;
}

#helpbox {
   position: absolute;
   right: 4px;
   top: 50px;
   bottom: 0;
   overflow: hidden;
   width: 200px;
   min-height: 200px;
   height: auto !important;
   height: 200px;
   padding-right: 5px;
   padding-left: 10px;
   padding-top: 10px;
   z-index: 21;
   border: solid #ADD1F0 1px;
   margin-left: 5px;
   background: #D8E9F8 url('images/helpboxbg.png') top left repeat-x;
}

#helpbox li {
   margin-left: 1.5em;
}

#helpbox p{
   margin: 6px auto;
}


#helptoggle {
   position: absolute;
   right: 0px;
   top: 0px;
   z-index: 31;
   padding: 2px 2px 2px 16px;
   background: transparent url('images/1leftarrow.png') center left no-repeat;
}

#helptoggle.toggled {
   background: transparent url('images/1rightarrow.png') center left no-repeat;
}

#helppin {
   position: absolute;
   right: 200px;
   top: 40px;
   z-index: 21;
}

#editphrase {  
   position:absolute;
   right:8px;
   bottom:7px;
}

#helpcontents {
   padding-bottom: 10px;
}

#filterline {
   padding-bottom: 10px;
}

.browselimit {
   float: right;
}

#packagelist {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
   width: 149px;
   padding: 21px 0 15px 0;
   font-size: 90%;
   background: #d2d2d2;
   border-top: none !important;
   border-left: none !important;
   border: 1px solid #bbb;
   margin-right: 0px;

}

#packagepin {
   position: absolute;
   right: 0;
   top: 0;
   height: 17px;
   width: 12px;
   display: block;
   margin:2px;
}

#advancedhelp {
   display: none;
   /*max-height:600px;*/
   position: relative;
}

#footer {
   background: url('images/footer.png') bottom left repeat-x;
   text-align: center;
   margin-top: 10px;
   padding:10px 0 20px;
   font-size: 95%;
   color: #82A6BE;
}

#footer a{
   color: #446A83;
}

#browselistselect {
   width: 100%;
   height: 300px;
}

.labelcell {
   min-width: 150px;
   padding-right: 4px;
}

.fieldcell {
   min-width: 160px;
}

.multipletable .labelcell {
   min-width: 1px;
}

.relateitem {
   background: transparent url('images/arrow_right.png') no-repeat top left;
}

.unrelateitem {
   background: transparent url('images/arrow_left.png') no-repeat top left;
}

.relationarrowcontainer {
   float:left;
   width: 32px;
   margin: 120px 30px;
}


.fieldcell .relationarrowcontainer {
   float:left;
   width: 32px;
   margin: 50px 20px;
}


.relationarrowcontainer a {
   display: block;
   height:32px;
   margin: 30px 0;
   opacity: .6;
   -moz-opacity: .6;
   filter: alpha(opacity = 60);
}

.relationarrowcontainer a:focus, .relationarrowcontainer a:hover {
   /*border: 1px dotted #ccc;*/
   opacity: 1;
   -moz-opacity: 1;
   filter: alpha(opacity = 100);
}

.relationpanel {
   height:26px;
   width:100%;
   padding: 8px 0 4px;
   line-height:24px;
}

.fieldcell .relationpanel {
   /*height:6px;*/
   /* width:100%;
    padding: 8px 0 4px;
    line-height:24px;*/
}

.relationfilter{
   float:left;
   margin: 0 4px;
   position:relative;
}

.relationfilter input{
   background: #fcfeff;
   border: #ddd solid 1px
}

.relationadd {
   float: right;
   margin: 0 4px;
   font-size: 0.9em;

}
.relationadd a{
   padding: 2px 2px 2px 18px;
   background: transparent url('images/edit_add.png') center left no-repeat;
   text-decoration:none;
   color: #999;
}

.relationadd a:hover{
   background: #f0ffee url('images/edit_add.png') center left no-repeat;
   color: #333;
   /*border:1px solid #ddd;*/
}

.quickadd {
   /*float: right;*/
   margin: 0 4px;
   font-size: 0.9em;

}
.quickadd a{
   padding: 2px 2px 2px 18px;
   background: transparent url('images/edit_add.png') center left no-repeat;
   text-decoration:none;
   color: #999;
}

.quickadd a:hover{
   background: #f0ffee url('images/edit_add.png') center left no-repeat;
   color: #333;
   /*border:1px solid #ddd;*/
}

.relatedheader {
   /*height: 24px;*/
   width:100%;
   background: #D6E3EA;
   color: #888;
   border-bottom: solid #B4CBD9 1px;
   font-weight: bolder;
   padding:4px 0;
   text-align: center;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.unrelatedheader {
   /*height: 24px;*/
   width:100%;
   background: #eee;
   color: #aaa;

   border-bottom: solid #DDD 1px;
   font-weight: bolder;
   padding:4px 0;
   text-align: center;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;

}

.unrelatedselectcontainer {
   float: left;
   min-width: 30%;
   margin-left: 10px;
   border: solid #ADD1F0 1px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
.relatedselectcontainer {
   float: left;
   min-width: 30%;
   border: solid #ADD1F0 1px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
.relatedselectcontainer.requiredfield {
   border: solid #ADD1F0 2px;
}

.unrelatedselect {
   height: 280px;
   width:100%;
   margin:0;
   border-left:none;
   border-right: none;
   border-bottom: none;
}

.relatedselect {
   height: 280px;
   width:100%;
   margin:0;
   border-left:none;
   border-right: none;
   border-bottom: none;
}

.fieldcell .unrelatedselectcontainer {
   margin-left:none;
}

.fieldcell .unrelatedselect {
   height: 150px;
   width:100%;
   margin:0;
   border-left:none;
   border-right: none;
   border-bottom: none;
}

.fieldcell .relatedselect {
   height: 150px;
   width:100%;
   margin:0;
   border-left:none;
   border-right: none;
   border-bottom: none;
}


#response{
   margin: 10px 6px;
   font-size:1.0em;
   font-weight: bolder;
   /*background: #F6FDFF;*/
}

.infotable{
   width: auto;
}

.infotable tr{
   border: 1px dotted #ddd;
}

.infotable tr.evenrow{
   background: #F6FDFF;
}

.infotable th{
   background: #eee;
   padding: 3px 2px 4px;
   border:1px solid #ddd;
}

.infotable td{
   padding: 5px;
}

.highlighted{
   background: yellow;
}

.childrenlist{
   padding:1px 2px;
   clear:both;
   min-width: 500px;
   min-height: 100px;
   max-height: 220px;
}

.adminformbutton{
   display: block;
   padding: 3px;
   margin: 2px 0 0 6px;
   background: #D6E3EA;
   border: 1px solid #B4CBD9;
   float: left;
   font-size:0.8em;
   text-decoration:none;
   color:#555;
   cursor:pointer;
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
}

.adminformbutton:hover{
   color:#000;
   background: #E7EFF3;
}

.adminformbutton:disabled{
   background:#eee;
   border: 1px solid #ddd;
   color:#aaa;
   cursor:default;
}

.adminformbutton:disabled:hover{
   background:#eee;
   color:#aaa;
}

.admincomment{
   font-size:0.8em;
   color:#999;
   margin-left: 6px;
}

.parentlist{
   font-size:88%;
   margin-left:6px;
   color:#999;
}

#transfermodal{
   display:none;
   margin: 6px;
   min-width: 400px;
   height: 300px;
}

#loadingscreen{
   z-index:100;
   position:absolute;
   left:0;
   right: 0;
   top:0;
   bottom:0;
   min-height:1200px;
   background: white url('images/loader.gif') center 300px no-repeat;
}

#abstract{
   /*padding:6px;*/
   /*height: 488px;
   width: 688px;
   overflow:scroll;*/
}

#abstract p{
   padding:10px;
}

#abstract h2{
   text-align:center;
}

#abstract ul{
   margin:16px;
}

#abstract li{
   margin: 3px;
}

#SubClassTypeContainer input {
   vertical-align:sub;
}

#abstract p.citation
{
   font-size:12px;
   font-weight:bold;
   font-style:italic;
}

#abstract img.default
{
   margin:10px;
}

.disabledrow {
   color:#ddd;
   opacity: .5;
   -moz-opacity: .5;
   filter: alpha(opacity = 50);
}
.disabledrow input{
   background-color: #fdfdfd;
   border-color: #f2f2f2;
}

.disabledrow .editable{
   background-color: #fdfdfd;
   border-color: #f2f2f2;
}

.disabledfield {
   color:#ddd;
   opacity: .5;
   -moz-opacity: .5;
   filter: alpha(opacity = 50);
}
.disabledfield input{
   background-color: #fdfdfd;
   border-color: #f2f2f2;
}

.disabledfield .editable{
   background-color: #fdfdfd;
   border-color: #f2f2f2;
}

.modal
{
   display: none;
}

#widgetframe {
   margin: 0 auto;
   width: 700px;
   height: 100%;
}

.hiddendata {
   display: none;
}

.hierarchicalgroup {
   margin: 0 auto 1em;
}

.adminfieldwrapper {
   display: inline;
}

/*.relationlaunch{
clear: both;
margin: 0 auto;
text-align: center;
}
*/
#importdetails {
   height: 350px;
   width: 100%;
   border: 1px solid #eee;
}


.helptext {
   display: none;
}

.logrequestdata {
   display: none;
}

#requestdetailscontainer{
   margin: 6px;
   font-size:1.05em;
   font-weight: bolder;
   background: #F6FDFF;
   word-wrap: break-word;
}


.innermaterialscontainer {
   margin: auto 2em;
}

.relationrows {
   clear: both;
}

.labelcell label {
   display:block;
   margin-left: 64px;
}

.helparea{
   float:left;
   /*margin-right:24px;*/
   min-width: 40px;
   min-height:16px;
}
.adminrow .helplink{
   margin:0 2px;
   display:block;
   width:16px;
   height:16px;
   background: transparent url('images/icon_info.gif') top left no-repeat;
   float:left;
}

.adminrow .advhelplink{
   margin:0 2px;
   display:block;
   width:16px;
   height:16px;
   background: transparent url('images/advhelp.gif') top left no-repeat;
   float:left;
}

.ui-tabs-panel.fragment {
   background: #ffffff;
   color: #222222;
   padding: 1.5em 50px 1.5em 4px; /* left used to be 1.7em */
   position: relative;
   margin-left: 0px;
   z-index: 30;
   min-height: 400px;
   height: auto !important;
   height: 400px; /* min-height for ie6 */
}

.ui-tabs-nav-item {
   font-size: .92em;
}

.ui-tabs-nav-item a.helplink {
   margin-left:-2.2em;
   padding-left:-2em;
}
/* fix for selected tab moving bottom row of tabs over */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0;
                                            border-bottom-width: 0; }

.ui-accordion-content.module-list {
   background: #E7EFF3 /*url('images/accordion_gradient.png') top left repeat-y*/;
   color: #222222;
   font-size: 95%;
   padding:2px 0;
}

.ui-accordion-content.module-list ul{
   list-style-type: none;
}
.ui-accordion-content.module-list li{
   padding-bottom: 1px;
   border-bottom: 1px dotted #ccc;
   zoom: 1;
}
.odd-accordion-content{
   background: #F8FAFC;
}

.ui-accordion-content.module-list a {
   text-decoration:none;
   color: #1B5B93;
   display: block;
   width: auto;
   height: 100%;
   padding: 5px;
   margin: 0;
}

.ui-accordion-content.module-list a:hover {
   background: #1B5B93;
   color: #fff;
}

.ui-accordion-content.module-list .active {
   background: #4E8FC9;
   color: #fff;
}


.ui-progressbar {
   max-width: 250px;
   height: 1.8em;
   margin-top: 4px;
   background:#efefef;
}

#successbox{
   position:absolute;
   top:0;
   left:0;
   right:0;
   text-align: center;
   height:16px;
   color: #111;
   background-color: #AAE3C8;
   font-weight:bold;
   font-size:12px;
   display:none;
   z-index:100;
   border-bottom: 1px solid #85C8A8;
}

#widgetmodal {
   margin: 0 10px;
}

#widgetframe {
   width: 650px;
   height: 388px;
   border: 1px solid #f9f9f9;
}

.widgetcontainer {
   padding: 2px;
}

.widgetbody {
   background:#fff;
   width: 100%;
   height: 100%;
   display:block;
}

.widgethtml {
   width: 100%;
   height: 97.5%;
}

#adminlogin {
   width: 400px;
   margin:100px auto 0;
   padding: 14px;
   border: 1px solid #eee;
   background: #fafafa;
}

#adminlogin table {
   margin: 20px 8px 4px;
}
#adminlogin table tr {
   border: none;
}

#adminloginbanner {
   text-align: center;
   font-weight: bolder;
   margin: 2px 2px 14px;
}

#adminloginerror {
   color: red;
   text-align: center;
}

#dialogresponse {
   margin: 6px;
   padding: 4px;
   text-align: center;
   background: #FFF0ED;
   border: 1px solid #E54D12;
   display:none;
}

#quicksearch{
   float: right;
   width: 28%;
   position: relative;
   margin: 12px 8px 0 0;
   display:inline-block;
}
.searchicon{
   left: 8px;
   margin:-8px 5px 0 0;
   position:absolute;
   top:50%;
   height:16px;
   width: 16px;
   background: url("images/search.png") no-repeat scroll left center transparent;
}
.searchfield{
   width: 93%;
   padding-left:20px;
}

.fieldcell .searchfield{
   width: auto;
}

.multipleselect{
   min-width: 35%;
}


#dialogloadingscreen, #advhelploadingscreen {
   z-index:100;
   position:absolute;
   left:0;
   right: 0;
   top:0;
   bottom:0;
   /*height: 500px;*/
   background: white url('images/loader.gif') center center no-repeat;

}

#sectionloadingscreen {
   display:none;
   z-index:100;
   position:absolute;
   left:0;
   right: 0;
   top:0;
   bottom:0;
   /*height: 500px;*/
   background: white url('images/loader.gif') center center no-repeat;

}


.HierarchicalBrowseInterface .path {
   float: left;
   margin: 0 0 6px;
   color: #444;
   font-size:94%;
}

.HierarchicalBrowseInterface .children {
   float:left;
   margin: 0;
   border: 1px #ccc solid;
   clear:both;
   background: #fafafa;
   border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;


}

.HierarchicalBrowseInterface .childrentoolbar {
   float: left;
   clear:both;
   min-width: 500px;
   margin: 0 2px;
   border-left: 1px solid #eee;
}

.HierarchicalBrowseInterface .childrentoolbar a {
   display:block;
   float:left;
   background: #eee;
   border: 1px solid #ccc;
   padding: 5px 7px;
   text-decoration: none;
   color: #444;
   margin:3px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}

.HierarchicalBrowseInterface .childrentoolbar a.subcontrol {
   float:right;
   background: #eee;
   border: 1px solid #ccc;
   padding: 3px 5px;
   text-decoration: none;
   color: #555;
   margin:3px;
   font-size: 80%;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}


.HierarchicalBrowseInterface .childrenfilter {
   float: left;
   clear: left;
   margin: 6px;
}

.HierarchicalBrowseInterface .browselimit {
   float: right;
   clear: right;
   margin: 6px;
}

.HierarchicalBrowseInterface .browselimit input {
   width: 3em;
   margin-right: 6px;
}

.HierarchicalBrowseInterface .childrenlist {
   margin:0 2px;
   float: left;
   clear: both;
   min-width: 502px;

}

.HierarchicalBrowseInterface .parentlist {
   font-size: 100%;
   /*font-weight:bolder;*/
   /*color: #2F6493;*/
}
.HierarchicalBrowseInterface .parentlist a{
   /*color: #2F6493;*/
   /*font-weight:lighter;*/
}

#importdetails body{
   background: #fefefe; /* really i believe we're going to have to do js to apply a class so we can style the contents */
}