/*reset*/
* { margin:0; padding:0;}
ol,ul {list-style:none;}
fieldset {border:none;}
/*set*/
body {font: 14px/18px Helvetica, Arial, sans-serif; background:#4d5d67 url(../images/background.gif) repeat-x;}
h1, h2, h3, h4, h5, h6 {font-weight: bold; margin:5px 0;}
h1 {font-size:2em; font-family: 'Times New Roman', sans-serif;}
h2 {font: 2em; border-bottom:1px solid #999;}
h2 span { float:right; font-family:sans-serif; position:relative; top:-6px;}
h3 {font-size: 1.25em;}
h4 {border-bottom: 1px solid #999; font-weight: bold;}
h5, h6 {font-size: 1em;}
p, h4 {font-size: 1em;}
p {margin:0 0 1em}
img	{border:0;}
.clear {clear: both;}
a, a:link { color:#ff7200; text-decoration:underline; }
a:visited { color:#ef8023; }
a:hover, a:active { color:#fcb369; text-decoration: none; }
a[name] {color: #000; text-decoration: none;}
strong {font-weight: bold;}
input {line-height: 1.2em;}

/*layout*/
#content, #header, #navigation, #footer, #wrapper { width:1065px; margin:0 auto; }
#content { background:transparent url(../images/background-main.gif) repeat-y; }
#header { position:relative; height:74px; margin-top:25px;}
#header h1 { text-indent:-5000px; background: url(../images/logo.gif) no-repeat; }
#header h1 a, #header h1 {display:block; margin:0; padding:0; height:72px;}
#header h1 a {width:280px;}
#welcome { background:#fba71e url("../images/tagline.gif") no-repeat scroll 0 0; height:44px; width:1056px; text-indent:-5555em; }
#navigation { height:37px; position:absolute; right:0; top:36px; width:340px;}
#navigation ul { height:37px; position:absolute; right:0; width:325px; }
#navigation ul li { float:left; }
#navigation a { display: block; height:38px; text-indent: -5555em; cursor: pointer;}
a#navAbout  { display:block; background: url(../images/nav-secondary.gif) no-repeat 0px 0; width:110px; }
a#navLogin { display:block; background: url(../images/nav-secondary.gif) no-repeat -111px 0; width:103px; }
a#navHelp  { display:block; background: url(../images/nav-secondary.gif) no-repeat -215px 0; width:102px; }
a#navAbout:hover { background-position: 0px -38px; }
a#navLogin:hover { background-position: -111px -38px; }
a#navHelp:hover  { background-position: -215px -38px; }

#main, #promos { width:980px; margin:0 auto; border: 1px solid #999; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color: #fff; padding:10px;}
#main {margin-top: 1em; position: relative}
#sidebar {float:right; width:300px;}
#notice-header {float:left; width:650px;}
span#subscribeToResults {background: url(../images/bttn-subscribe.gif) no-repeat 0 0; float:right; text-indent: -5555em; display: block; width:237px; height:30px; cursor:pointer;}
span#subscribeToResults:hover {background-position: 0 -30px; }

#footer {clear:both; background: url(../images/background-bottom.gif) no-repeat -1px 0; height:100px;}

hr {border: 1px solid #ccc; margin:15px 0;}

/*TABS*/
#tabSwitcher {width:194px; height:36px; position: absolute; top:-1px; right:-1px;}
#tabSwitcher a {text-indent: -5555em; display: block; height:36px;}
#tabSwitcher a#search {background: url(../images/tab-advancedSearch.gif) no-repeat;}
#tabSwitcher a#browse {background: url(../images/tab-browse.gif) no-repeat;}

#promos {margin-top:10px; background-color: transparent; border: none}
#promos .promo { float:left; }
#promos #understanding, #promos #legal-text, #promos #about { background-color: #fff; padding:10px; width:295px; margin:4px; border: 1px solid orange; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#promos .promo {min-height:370px;}
#widget {margin:3px; position: relative; bottom:0;}
#definitiions {width:287px; margin:3px; border: 1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size: 90%;}
#definitiions h4 { margin:0; line-height: 30px; background: #fffcde url(../images/accordion-open.gif) no-repeat 99% 50%; cursor: pointer; border-bottom:1px solid #ececec;}
#definitiions h4, #definitiions ul { padding:0 5px; }
#definitiions h4:first-child { border-top-right-radius:9px; -moz-border-radius-topright:9px; -webkit-border-top-right-radius:9px; border-top-left-radius:9px; -moz-border-radius-topleft:9px; -webkit-border-top-left-radius:9px;}
#definitiions h4:last-child { border-bottom-right-radius:9px; -moz-border-radius-bottomright:9px; -webkit-border-bottom-right-radius:9px; border-bottom-left-radius:9px; -moz-border-radius-bottomleft:9px; -webkit-border-bottom-left-radius:9px;}
#definitiions h4.active { background: #f7810e url(../images/accordion-close.gif) no-repeat 99% 50%; color:#fff;}

/*forms*/
legend	{display:none;}
input { width:200px; height:1.5em; line-height:1.5em; border:1px solid orange; padding:3px; color:#666;}
label{ width:150px; font-weight: normal; display:block; margin:0; color:#ff7200;}
.message {color:#ff7200;}
/*
	TODO What is the difference between box-small, box-fixed, box-large?
*/
.box-small {margin:5px 0;}
.box-fixed, .box-large {border:1px solid #ccc; margin:5px; background-color: #fff; -webkit-box-shadow:inset 0 0 5px #000; box-shadow:inset 0 0 5px #000; -moz-box-shadow:inset 0 0 5px #000; }

.box-fixed { overflow: auto; height:200px;  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.box-fixed li:first-child { margin-top:3px;}
.box-fixed li a { display:block; margin-left:5px; padding:0px 3px; text-decoration: none; line-height:30px; border-bottom: 1px solid #ccc; width:95%;}
.box-fixed li a:hover { background: #fffcde url(../images/arrow-li.gif) no-repeat center right; }
.box-fixed li.selected a { background: #fffcde url(../images/arrow-li.gif) no-repeat center right; }
.browsebox { width:33%; float:left; }

/*TABLES*/
#browseResults-table .box-fixed { -webkit-box-shadow:none; box-shadow:0; -moz-box-shadow:0; }
#browseResults-table, #details-table { margin:0px auto 20px; width:100%; }
#browseResults table {width:100%; margin:0;}
#browseResults table td {height:30px;}
#browseResults-table th {background: url(../images/background-table-th.gif) repeat-y; line-height: 30px;}
td.th, #details-table tr td { padding:5px; }
thead tr { font-weight: bold; text-align:left; text-align: center;}
table.box-large th, #browseResults table td { padding:3px; }
td.detail-sidebar { background-color:#ececec; vertical-align:top; width:250px; padding:10px; border-left:1px solid #ccc;}
td.detail-sidebar p {padding:6px; margin-bottom:10px;}
td.detail-sidebar h6 {border-bottom: 1px solid #999;}

p.cancelled, p.emergency {
	background:url("../images/alert.gif") no-repeat scroll 5px 50% orange;
	color:#FFFFFF;
	display:block;
	font-size:120%;
	height:40px;
	line-height:45px;
	padding-left:40px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
}
#resultsheader {position:relative; height:65px;}
ul#subscriptionoptions li {padding:0 8px 0 20px; font-size: .8em; height:20px; font-weight:bold; font-size:1em; display: block; }
ul#subscriptionoptions li a {font-size: .90em; }
#subscriptionChoices ul li {margin-left:10px;}
#subscriptionChoices {position:absolute; top:10px; right:-50px; border: 1px solid #999; background-color: #fdf6b5; width:90px;}
#subscribePanel  {margin-left:25px;}
#openSubscriptionOptions {position:absolute; top:30px; right:-30px; border:1px solid #ccc; background-color:#c6551d; color:#fff; padding:5px; width:200px; z-index:530; }
#emailtofriendbox {margin-left:25px;}
#emailtofriendbox div {padding:3px;}
#emailtofriendbox .confirmation {color:#c6551d;}
#emailtofriendbox{overflow:hidden; /*must have*/ width:100%;/*must have for any value*/;}
#subscribePanel, #emailtofriendbox { top:55px; right:-50px; padding:5px 0px; height:auto;}
#subscribePanel p, #subscribePanel label, #emailtofriendbox p, #emailtofriendbox label {margin: 0; padding: 0; font-size: 1em;}
#subscribePanel div, #emailtofriendbox div {padding:3px;}
#subscribePanel .err, #emailtofriendbox .err { color: #ee2222; display: block; text-align: center; }
#subscribePanel input[type='submit'], #emailtofriendbox input[type='submit'] {width:auto; }
#subscribePanel .confirmation, #emailtofriendbox .confirmation {color:#c6551d;}
ul.box-small li { padding-left:25px; line-height: 20px;}
ul.checkbox li {padding-left:0px;}
li label {background: url(../images/checkbox-false.png) no-repeat; }
li label a {padding-left:25px;}
.bullet-list li { background: url(../images/bullet.gif) no-repeat 3px; }
.rss, .bullet-rss li { background: url(../images/bullet-rss.gif) no-repeat 3px;}
.ical, .bullet-ical li { background: url(../images/bullet-ical.gif) no-repeat 3px;}
.email, .bullet-email li { background: url(../images/bullet-email.gif) no-repeat 3px;}
.print, .bullet-print li { background: url(../images/bullet-print.gif) no-repeat 3px;}
.info, .bullet-info li { background: url(../images/information.gif) no-repeat 3px;}
.map, .bullet-map li { background: url(../images/bullet-map.gif) no-repeat 3px;}
p.comments { background: url(../images/icon-comments.gif) no-repeat 3px; padding-left:25px;}
a#tweetThis { background: url(../images/icon-twitter.gif) no-repeat 3px; padding-left:25px;}
a#facebookThis { background: url(../images/icon-facebook.gif) no-repeat 3px; padding-left:25px;}
p.map { background: url(../images/bullet-map.gif) no-repeat 3px; padding-left:25px;}

#subscribePanel p.rss { background: url(../images/bullet-rss.gif) no-repeat 3px; padding-left:25px;}
.close { background: url(../images/cross.png) no-repeat 3px;}

/*.first {font-weight: bold; font-size:110%;}*/
.error {font-size: .7em; color:#900; display:none;}
.hint {font-size:.8em; font-weight: normal;}
.on	 {background-color:#ececec;}
.off {background-color:#fff;}
.on:hover, .off:hover {background-color:#fdf6b5;}

/*titles*/
.titles {text-indent:-5000px; margin:10px 0; position: relative}
#entity {font-size:1.1em; margin:3px 0;}
#body {font-size:1.7em; margin:3px 0;}
#browseEntities .box-fixed img {margin:12%;}
#browsePublicBodies .box-fixed img {margin:12%;}

a.tip { position: relative; display:inline-block !important; background: url(../images/icon-question.gif) no-repeat; text-indent: -5555em; width:15px; height:14px;}
a.tip span { visibility:hidden; position: absolute; display:block; bottom: 12px; left: 10px; width: 200px; padding: 10px; z-index: 600; background: #fffcde; color: #333; border:1px solid #999; font-size: 13px; font-weight: normal; text-indent: 0em;}
h6 a.tip span { visibility:hidden; position: absolute; display:block; _top: -20px; }
a:hover.tip { font-size: 1.0em;  } /* this is just for IE */ 
a:hover.tip span { visibility: visible; }

select, input { width:175px; }

table.advancedSearch tr td {padding:5px;}

#sitemap td {padding:3px;}
tr.sortables th a {display: block; padding-left:16px;}
tr.sortables th a.sort-asc { background: transparent url(../images/asc.gif) no-repeat 0 100%; }
tr.sortables th a.sort-desc { background: transparent url(../images/desc.gif) no-repeat 0 100%; }
div.paging table, div.paging table td {border:0; background:transparent; color:#990;}
#logo-image {float:left; margin:0 6px 0 0;}
#button-legal {width:294px; background: url(../images/button-legalNotices.gif) no-repeat; text-indent: -5555em; display: block; height:30px;}
#main input[type="text"].rich-calendar-input {width:110px;}
#searchform p {margin: 1em;}


/* ///////////////////////////////////////// START FORM STYLES ///////////// */
#main fieldset {border: none; margin-bottom: 1em;}
#main fieldset p {position: relative}
#main legend {font-size: 1.4em; color: #6d8faf; padding-bottom: 1em;}
#main label {display: block; float: left; width: 180px; text-align: right; margin-right: 10px; line-height: 22px;}
#main form p.twoLine label {line-height: 1.2em;}/* for labels that wrap to 2 lines */
#main p.noLabel {margin-left: 210px; width: auto;}/* for items with no label */

#main input[type=text], #main input.text, #main textarea {width: 280px; font-size: 13px; line-height: 20px; height: 20px; border: 1px solid #999; padding: 4px 4px 0 4px; background: #f2f2f2; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

#main textarea {height: 160px; font-family: Helvetica, Arial, sans-serif; font-size: 13px;}
#main input:focus {background: #fff;}
#main textarea:focus {background: #fff; }
#main .radio, #main .checkbox {width: auto; height: auto; float: none; margin-right: 6px;}
#main select {width: auto;}
#main #country {width: 290px;}

/* ----------- ERRORS and Hints/Instructions ----------- */
#searchcontainer .feedback {position: absolute; top: 0; left: 490px; width: 450px; color: red; font-size: 11px; padding: 4px 0 0 22px; line-height: 10px; text-align: left; background: white url(../images/error.gif) left 2px no-repeat; height: 20px; z-index: 100; display: none;}
#searchcontainer .instructions {position: absolute; top: 0; left: 490px; width: 450px; font-size: 11px; line-height: 14px; color: #333; text-align: left; font-style: italic; background: #ffffcc; padding: 6px; border: 1px solid #ccc; z-index: 200; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

/* ----------- BUTTONS BUTTONS BUTTONS
Paragraph Class 'buttons' sets A, INPUT & BUTTON elements to appear the same ----------- */
#main p.buttons {overflow: hidden; margin: 1em 20px 1em 210px; width: auto;}
#main #subscribeForm p.buttons {margin:8em 20px 1em 0; clear: both;}
#main p.flush {margin-left: 20px;}
#searchAgain, #main p.buttons a, #main p.buttons button, #main p.buttons input, #main td.buttons a, #main td.buttons button, #main td.buttons input {border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background:none repeat scroll 0 0 #fba91f;border:1px solid #999;color:#7e4700;cursor:pointer;display:block;float:left;font-size:13px;height:30px;line-height:30px;margin:0 10px 0 0;padding:0 15px;text-align:center;text-decoration:none;text-shadow:1px 1px 1px #E8E1D1;width:auto; background:-moz-linear-gradient(100% 100% 90deg, #F77F0D, #FBA91F); background:-webkit-gradient(linear, left bottom, left top, from(#F77F0D), to(#FBA91F));}
#searchAgain, #main p.buttons a {line-height: 30px;}
#searchAgain:hover, #main p.buttons a:hover, #main p.buttons button:hover, #main p.buttons input:hover {background: #666; color: #fff; }
#searchAgain:active, #main p.buttons a:active, #main p.buttons button:active, #main p.buttons input:active {color: white; background: #333; }
#searchAgain {border: 1px solid orange;}
/* ///////////////////////////////////////// END FORM STYLES ///////////// */
/*#searchAgain {font-size: 12px; line-height: 1.7em; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background-color: #fffcde; padding:3px 5px; border: 1px solid #999; text-decoration: none;	}*/

#main div#subscribePanel input, #main div#emailtofriendbox input {width:auto; }
#subscribePanel label, #emailtofriendbox label {text-align: left;}
#homepage #subscribePanel {margin-bottom:30px;}
#homepage #subscribePanel p {float:left; width:200px;}
#homepage #subscribePanel p.hint {width:auto;}
#homepage #subscribePanel .box-small label {text-align: left; width:240px; display:inline;}
#homepage #subscribePanel .box-small {clear:both;}
#homepage #subscribePanel .box-small p.buttons, #emailtofriendbox p.buttons {margin:1em 0; }
#homepage #subscribePanel p.buttons {clear: both; padding-top:10px;}

#subscribePanel p.buttons label, #emailtofriendbox p.buttons label { display: inline; float: none;}
.sort_ascend  {background: url(../images/sort-ascend.gif) no-repeat;}
.sort_descend {background: url(../images/sort-decsend.gif) no-repeat;}
#pagination {text-align: center;}
.jump_to {cursor: pointer;}
#pagination {height:30px;}
#pagination span.jump_to {display:block; width:15px; }
#pagination span {float:left; margin:0 5px;}
#pagination span.beginning {background:url(../images/laquo.gif) no-repeat; text-indent: -5555em;}
#pagination span.back {background:url(../images/lasquo.gif) no-repeat; text-indent: -5555em;}
#pagination span.forward {background:url(../images/rasquo.gif) no-repeat; text-indent: -5555em;}
#pagination span.end {background:url(../images/raquo.gif) no-repeat; text-indent: -5555em;}

.nullResults {margin-top:50px; margin-left:25px}

#entityNameList {margin-left:210px; }
