/* ERO styles */
div#pagecontent {margin: 0 !important; padding-left:12px !important; width: 70% !important;}

div#EROheader {background: url(/images/ero2/titlebg.gif) repeat-x left bottom; height:77px; margin:0 12px 1em 12px; padding: 0; text-align: right;}
div#EROheader h1 {background: url(/images/ero2/ERO_Title.gif) no-repeat; text-indent: -9999em; height: 77px; width: 495px; margin: 0; padding: 0; float: left; text-align: left;}

div#EROheader ul {background:url("../images/global/icon_divider.gif") left top repeat-y; margin: 6px 0 0 0; padding: 0 0 0 10px; list-style: none; text-align: left; float: right; }
div#EROheader ul li{display: inline;}

div#explore    {background: url(/images/ero2/explorebg.jpg) no-repeat top center; border-left: solid 1px #C9CC9D; border-right: solid 1px #C9CC9D;  text-align: center; float:left; width:100%; margin:1em 0;}
div#explorebox {width: 525px; margin:auto; padding: 10px; text-align: left;}
div#explorebox h2{margin-top: 0;}
div#searchbox  {width: 180px; padding-right: 150px; float: left;}
div#searchbox_form  {width: 180px; padding-right: 0px; float: left;}
div#searchbox input{margin-bottom: 0.5em;}
div#searchboxwarning {color:#cb0d07;width: 180px;padding-right: 10px; float: left;}

div#browsebox  {width: 180px; float: left;}

div.details {width: 60%; float: left; margin-right: 2%}
table.details {border: solid 1px #cccc99; padding: 0; border-collapse: collapse;}
table.details th {text-align: left; background-color: #F3F0DD; padding: 2px; border-right: solid 1px #cccc99; border-bottom: dotted 1px #cccc99; vertical-align: top;}
table.details td {background-color: #F7F8F3; padding: 2px;  border-bottom: dotted 1px #cccc99;  vertical-align: top;}

div#container  {padding:0 12px;}
div.sidecolumn {float:left; width: 38%;}

*html div.sidecolumn {width: 36%;}

div#viewpanel {border: solid 1px  #cccc99; padding: 10px 10px 40px 10px; margin-bottom: 1em; background: url(/images/ero2/viewbg.jpg) no-repeat bottom right;}
div#viewpanel h2 {margin: 0 0 1em 0;}
div#viewpanel div {margin-bottom: 1.5em;}
div#viewpanel input {display: block; float: left; }
div#viewpanel label {display: block; padding: 2px 0 0 25px;}
div#viewpanel p.shunt {padding-right: 110px; margin-bottom: 0;}

/*BROWSE navigation*/
div#browsenav {margin: 0 12px 0.5em 12px; background: url(/images/globalsearch/browsepointer.gif) no-repeat bottom left; padding-bottom:17px;}
div#browsenav h2 {background-color:#f3f0dd ;margin: 0; font-size: 1em; padding: 4px;  color:#CC6633;  border-top: solid 1px #CCCC99; border-right: solid 1px #CCCC99; border-left: solid 1px #CCCC99;}
div#browsenav h2 span {color:black; font-weight: normal;}
div#browsenav ul {background-color: #F7F8F3; margin: 0; padding: 4px; list-style: none; font-size: 0.9em; font-weight: bold; border-bottom: solid 1px #CCCC99; border-right: solid 1px #CCCC99; border-left: solid 1px #CCCC99;}
div#browsenav ul li {border-bottom: dotted 1px #F3F0DD; padding: 2px 2px 2px 15px; background: url(/images/globalsearch/arrow.gif) no-repeat 0 5px;}
div#browsenav ul li a {font-weight: normal;}
div#browsenav ul li.on{background-image: url(/images/globalsearch/arrowred.gif);}
div#browsenav ul li.lvl0{padding-left: 15px;  background-position: 0px;}
div#browsenav ul li.lvl1{padding-left: 35px;  background-position: 15px; }
div#browsenav ul li.lvl2{padding-left: 50px;  background-position: 30px; }
div#browsenav ul li.lvl3{padding-left: 65px;  background-position: 45px; }
div#browsenav ul li.lvl4{padding-left: 80px;  background-position: 60px; }
div#browsenav ul li.lvl5{padding-left: 95px;  background-position: 75px; }
div#browsenav ul li.lvl6{padding-left: 110px; background-position: 90px; }
div#browsenav ul li.lvl7{padding-left: 125px; background-position: 105px;}

/*Clip library*/
div#clip-lib {margin: 2em 0; border:solid 1px #F3F0DD; padding: 1em 0  1em 1em;}
div.clip-thumb {float: left; margin: 0 1em 12px 0; padding: 8px; border:solid 3px #F3F0DD;}
div.clip-thumb img {border:solid 1px #F3F0DD;}