@import url("reset.css");

* {
	margin: 0;
}

html, body {
	min-height: 100%;
	height: 100%; /* for IE */
}
body {
	margin: 0;
	padding: 0;
	background: url(../../images/bg-large.jpg) center 60px repeat;
	font: 12px/14px "Tahoma", "Geneva", arial, sans serif;
	background-color: #140C15;		
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

label {
	display: inline-block;
	width: 145px;
	margin: 0 30px 0 0;
	padding: 3px 0 0 0;
	text-align:right;
	font: bold 11px/14px "Tahoma", "Geneva", arial, sans serif;
	color: #333;
}

input, select, textarea {
	margin: 0 0 10px 0;
	padding: 2px 0;
	font: 11px/14px "Tahoma", "Geneva", arial, sans serif;
	vertical-align: top;
	border: 1px solid #CCC;
}

input.date {
	text-align: center;
	width: 65px;
}

input.visaType {
	width: 25px;
}

.required {
	color: #FF0000;
}

input.button {
	width: 84px;
	height: 33px;
	background: url(../images/bg-buttons.jpg) 0px 0px no-repeat;
	border: none;
	font: bold 12px/12px "Tahoma", "Geneva", arial, sans serif;
	color: #FFF;
	cursor: pointer;
	padding: 0 0 4px 0;
	margin: 0 3px;
}

input:hover.button {
	background-position: -274px 0px;
}

input.button.medium {
	width: 111px;
	height: 33px;
	background-position: 0px -33px;
}

input:hover.button.medium {
	background-position: -274px -33px;
}

input.button.large {
	width: 137px;
	height: 33px;
	background-position: 0px -66px;
}

input:hover.button.large {
	background-position: -274px -66px;
}

input.checkbox {
	margin: 4px 0 10px 0;
	border: none;
}

#container {
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	padding: 0px;
	width: 968px;
	position: relative;	
	min-height: 100%;
	height: auto  !important; /* for modern browsers */
	height: 100%; /* for IE */
}

#content-main {
	min-height: 100%;
	height: auto  !important; /* for modern browsers */
	height: 100%; /* for IE */
}

#content-top {
	position: fixed;
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 60px;
	text-align: center;
	background: #000 url(../../images/bg-nav.jpg) top left repeat-x;
	z-index: 9999;
}

#top-links {
	position: absolute;		
	display: block;
	top: 10px;
	right: 150px;	
	margin: 0;
	padding: 0;
	z-index: 900;	
}

#topLinks-list {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#top-links #topLinks-list li {
	color: #17467D;
	list-style: none;
	float: left;
	margin: 0 10px 0 0; 
	padding: 0;
	font: 11px/14px "Tahoma", "Geneva", arial, sans serif;
}

#top-links #topLinks-list li a {
	color: #999999;
	padding: 0 10px 2px 0;
	text-decoration: none;	
	background: url(../images/topLinks-divider.jpg) right 1px no-repeat;
}

#top-links #topLinks-list li a.help {
	color: #17467D;
}

#top-links #topLinks-list li a.logOut {
	color: #318741;
	font-weight: bold;
	padding: 0;
	background: none;
}

/* START NAVIGATION STYLES */
#nav-main {
	display: block;
	margin: 0px;
	padding: 0px;
	z-index: 101;
}

#navList {	
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#navList ul {
	margin: 0; 
	padding: 0;
}

#nav-main #navList li {
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
	font: bold 12px/14px "Tahoma", "Geneva", arial, sans serif;
	text-align: center;	
}

* html #nav-main #navList li {
	width: 90px;
}

#nav-main #navList li a {
	display: block;
	color: #7d87ac;
	padding: 23px 15px 0 15px;
	margin: 0;
	height: 37px;
	text-decoration: none;
	background: url(../images/bg-tab.jpg) 0px -35px repeat-x;
}

#nav-main #navList a.active, #nav-main #navList a:hover.active {
	color: #338841;
	background-position: 0px 0px;
	border-bottom: 1px solid #FFFFFF;
}

#nav-main #navList li a:hover {
	background-position: 0px -70px;
}

#casesTitle h2 {	
	height: 18px;
	font: bold 12px/14px "Tahoma", "Geneva", arial, sans serif;	
	margin: 0;
	width: 146px;
	padding: 30px 0 0 16px;
	background: url(../images/bg-casesTitle.jpg) 7px 0px no-repeat;
}

#nav-query {
	float: left;
	list-style: none;	
	width: 154px;
	height: 275px;
	margin: 0 0 0 8px;
	padding: 0;
}

* html #nav-query {
	margin: 0 0 0 4px;
	padding: 0;
}

#nav-sub.query a, #nav-sub.query a:hover {
	color: #17467D;
	width: 145px;
	height: 23px;
	padding: 5px 0 0 10px;
	background: url(../images/bg-navSub-title.jpg) bottom right no-repeat;
}

#nav-query h3 {	
	background: url(../images/bg-navSub-title.jpg) center right no-repeat;
	height: 28px;
	font: bold 11px/14px "Tahoma", "Geneva", arial, sans serif;
}

#nav-query h3 a {	
	color: #17467D;
	text-decoration: none;
}

#nav-sub {	
	float: left;
	list-style: none;	
	width: 145px;
	height: auto;
	margin: 0 0 0 15px;
	padding: 0;
}

* html #nav-sub {	
	margin: 0 0 0 3px;
}

#nav-sub ul {
	margin: 0;
	padding: 0;
}

#nav-sub li {
	background: url(../images/bg-nav-sub-li.jpg) bottom right no-repeat;
	list-style: none;
	margin: 0;
	padding: 0;
	font: bold 11px/14px "Tahoma", "Geneva", arial, sans serif;	
}

#nav-sub li a, #nav-sub li a:visited {
	display: block;
	color: #17467D;
	margin: 0 0 0 -8px;
	padding: 5px 0 8px 10px;
	text-decoration: none;
	background: url(../images/bg-navSub.jpg) bottom right no-repeat;
}

#nav-sub a.active, #nav-sub a:visited.active, #nav-sub a:hover.active {
	color: #FFFFFF;
	background: url(../images/bg-navSub-active.jpg) bottom right no-repeat;
	width: 150px;
	margin-left: -13px;
	margin-top: -1px;
}

#nav-sub li a:hover {
	color: #338841;
	background: #FFF url(../images/bg-navSub-hover.jpg) bottom right no-repeat;
}

#nav-sub a.title, #nav-sub a:visited.title, #nav-sub a:hover.title {
	color: #999999;
	margin-bottom: 4px;
	width: 145px;
	height: 23px;
	padding: 30px 0 0 10px;
	background: url(../images/bg-navSub-title-2.jpg) bottom right no-repeat;
}

#content-body {
	margin: 0;
	padding: 0;
	width: 956px;
	color: #999999;
	min-height: 100%;
	height: auto;
}

#logo-flacco {
	float: left;	
	display: block; 
	width: 300px; 
	height: 60px;
	z-index: 200;
}


#content-body-right {
	position: absolute;		
	display: block; 
	top: 60px;
	width: 980px;	 
	min-height: 100%;
	height: auto;
	z-index: 97;
	font: 11px/14px "Tahoma", "Geneva", arial, sans serif;	
	color: #333;
	background-color: #120B13;
}

#cbr-header {
	clear: both;
}

#cbr-wide {
	float: left; 
	width: 798px;
	text-align: left;
	margin: 0;
}

#cbr-left {
	float: left; 
	width: 398px; 
	margin: 0;
}

#cbr-right {
	float: right; 
	width: 398px; 
	margin: 0;
}

#cbr-header-left, #cbr-header-middle {
	float: left;						
}

#cbr-header-right {
	float: right;
}

#cbr-header-left.small h3, #cbr-header-right.small h3 {
	width: 256px;					
	border: 0px solid #CCC;
}

#cbr-header-middle.small h3 {
	width: 254px;				
	border-right: 1px solid #CCC;
}

#cbr-header-left.small h3 {
	border-right: 1px solid #CCC;
}

#cbr-middle {
	float: left; 
	width: 255px;
	height: 81px; 
	margin: 0;
	padding: 1px 0 10px 10px;
}

#cbr-left.small, #cbr-right.small  {
	width: 255px; 
	padding: 1px 0 10px 10px;	
}

#cbr-middle, #cbr-right.small {
	border-left: 1px solid #A2AAB6;
}

#cbr-left.small label, #cbr-middle label, #cbr-right.small label  {
	width: 220px;
	text-align: left;
	margin: 0 0 0 10px;
}

#content-body-right h1 {
	color: #FFF;
	width: 788px;
	height: 24px;
	padding: 4px 0 0 10px;
	margin: 15px 0 0 0;
	background: #FFF url(../images/bg-contentBodyRight-h1.jpg) top left repeat-x;
	font: bold 12px/14px "Tahoma", "Geneva", arial, sans serif;	
	border-right: 1px solid #ADC2DA;
}

#content-body-right h2 {
	color: #6C7687;
	width: 788px;
	height: 17px;
	padding: 1px 0 10px 10px;
	margin: 0;
	background: #FFF url(../images/bg-contentBodyRight-h2.jpg) top left repeat-x;
	font: bold 11px/14px "Tahoma", "Geneva", arial, sans serif;	
}

#cbr-header-left h2, #cbr-header-right h2 {
	width: 255px;					
}

#cbr-header-middle h2 {
	width: 256px;						
}

#cbr-header-middle h2, #cbr-header-right h2 {
	border-left: 1px solid #A2AAB6;				
}

#content-body-right h2.backtotop, #content-body-right td.backtotop {
	color: #17467D;
	height: 23px;
	padding: 4px 0 10px 10px;
	background: #FFF url(../images/bg-backtoTop.jpg) top left repeat-x;
}

#content-body-right h3 {
	color: #999;
	width: 789px;
	height: 17px;
	padding: 1px 0 10px 10px;
	margin: -9px 0 0 0;
	background: #FFF url(../images/bg-contentBodyRight-h3.jpg) top left repeat-x;
	font: bold 11px/14px "Tahoma", "Geneva", arial, sans serif;	
}

#cbr-header-left h3, #cbr-header-right h3 {
	width: 388px;					
}

#cbr-header-right h3 {
	width: 389px;
	border-left: 1px solid #A2AAB6;;					
}

#content-body-right h2.backtotop img, #content-body-right td.backtotop img {
	padding: 0 5px 0 0;
}

#content-body-right td.backtotop {
	text-align: left;
	font: bold 12px/14px "Tahoma", "Geneva", arial, sans serif;	
	border: 0px solid #FFF;
}

#content-body-right .genInfo {
	width: 798px;
	height: 43px;
	margin: 0;
	padding: 0;
	background: #FFF url(../images/bg-contentBodyRight-genInfo.jpg) top left repeat-x;
	text-align: center;
}

#content-body-right .genInfo label, 
#content-body-right #cbr-wide label {	
	padding: 10px 10px 10px 20px;
	padding: 3px 0 0 0;
	width: auto;
	color: #17467d;
}

#content-body-right table.recommend {	
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#content-body-right table.recommend td {	
	text-align: center;	
}

#content-body-right table.recommend input {	
	margin: 0;
}

#content-body-right table.recommend label {	
	margin: 0;
	padding: 3px 0 10px 0;
	width: auto;
}

#content-body-right .genInfo input {
	margin: 10px 0 0 0;
}

#content-body-right .simple label {
	width: auto;
	margin: 0 15px 10px 10px;
	padding: 4px 0 0 0;
	font: 11px/14px "Tahoma", "Geneva", arial, sans serif;
	vertical-align: top;
}

#content-body-right .simple input {
	height: 21px;	
}

#content-body-right #cbr-wide.reasons {	
	text-align: left;
	padding: 0 0 0 10px;
}

#content-body-right #cbr-wide.reasons fieldset,
#content-body-right #cbr-wide.concerns fieldset {	
	width: 789px;
}

#content-body-right #cbr-wide.reasons fieldset input,
#content-body-right #cbr-wide.concerns fieldset input {	
	margin: 2px 0 10px 0;
}

#content-body-right #cbr-wide.concerns {	
	text-align: left;
}

#content-body-right #cbr-wide.concerns label {
	width: 145px;
	margin: 0 30px 0 0;		
	vertical-align: center;
}

#content-body-right #cbr-wide.concerns .simple label {
	width: 65px;
	margin: 0 30px 0 0;
	padding: 4px 0 0 10px;
	text-align: left;
	vertical-align: center;
}

#content-body-right #cbr-wide textarea {	
	width: 575px;
}

#content-body-right #cbr-wide label {		
	color: #333;
	width: 145px;
}

#content-body-right #cbr-wide.largeBox textarea {	
	width: 775px;
	margin-left: 10px;
}

#content-body-right #cbr-wide label.checkboxLabel,
#content-body-right #cbr-left label.checkboxLabel,
#content-body-right #cbr-right label.checkboxLabel {
	width: 100px;
	margin: 0 0 10px 10px;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

label.textTop {
	vertical-align: top; 
	margin-top: 0;	
	margin: 5px 30px 10px 0;
}

table.wwFormTable tbody, table.wwFormTable tr td.tdLabel {
	padding: 0;
	margin: 0;
}

#cbr-wide table {
	margin: 0;
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	text-align: center;
	width: 798px;
}

table input {
	margin: 0;	
}


#cbr-wide table tr th {
	background: url(../images/bg-table-TH.jpg) left center repeat-x;	
	border: 1px solid #FFF;
	border-top: 1px solid #DDD;
	border-left: 1px solid #B9C0CB;
	font: bold 11px/14px "Tahoma", "Geneva", arial, sans serif;
	padding: 2px 0 2px 0;
	color: #1A2D58;
	height: 24px;
}						

#cbr-wide table tr th.vertical {
	width: 8px;
	text-align: left;
	font: bold 8px/7px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: help;
	padding: 2px 0 2px 1px;
}

#cbr-wide table tr th a {	
	color: #1A2D58;
	text-decoration: none;
}
						
#cbr-wide table tr td {							
	border: 1px solid #DDD;	
	border-left: 1px solid #CCC;
	border-right: 1px solid #FFF;
	font: 11px/14px Arial, Helvetica, sans-serif;
	padding: 4px 3px 6px 3px;
	color: #333;
}

#cbr-wide table tr.alt td {	
	background-color: #EEEEEE;						
	border: 0px solid #DDD;
	border-left: 1px solid #CCC;
	border-right: 1px solid #FFF;
}

* html #cbr-wide table tr td {					
	padding: 2px 1px 2px 1px;
}

#cbr-wide table tr td.flag, #cbr-wide table tr.alt td.flag {
	background: #FFF url(../images/bg-table-TD-flag.jpg) center left repeat-x;
	color: #FF3300;
	font: bold 8px/14px "Tahoma", "Geneva", arial, sans serif;
	text-align: center;
	vertical-align: middle;
	width: 8px;
	padding: 0 0 0 1px;
}

#cbr-wide table tr.alt td.flag {
	background: #FFF url(../images/bg-table-TD-flag.jpg) center left repeat-x;
}

/***************   ADDED *****************/
#content-body-right #filter {	
	width: 779px; 
	background: #eeeeee url(../images/bg-filterContent.jpg) top left repeat-x; 
	border-bottom: 1px double #CCC; 
	margin: 0;
	padding: 5px 10px;
	outline: none;
}

#content-body-right #filter .label {	
	display: inline;
	font: bold 10px/14px "Tahoma", "Geneva", arial, sans serif;
	min-width: 120px;
	background: url(../images/filter-divider.jpg) 110px top repeat-y;
}



/***************   ADDED *****************/
#content-body-right .results {
	color: #333;
	width: 798px;
	height: 22px;
	margin: 0;
	padding: 0;
	text-indent: 5px;
	background: #FFF url(../images/bg-contentBodyRight-genInfo.jpg) bottom left repeat-x;
	text-align: left;
	font: 11px/14px Arial, Helvetica, sans-serif;
}

#filterButton, #filterButton.minus  {
	display: block;
	height: 18px;
	width: 16px;
	background: url(../images/icon-plus.jpg) right 1px no-repeat;	
	padding: 2px 35px 0 0;
	margin-right: 10px;											
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
}

#filterButton.minus  {
	background: url(../images/icon-minus.jpg) right 1px no-repeat;	
}

* html #filterButton, 
* html #filterButton.minus  {
	padding: 2px 25px 0 0;
}

/* START FOOTER STYLES */
#footer-content-left {
	text-align: center;
	padding: 0px 15px 0 15px;
}

#footer {
	position: fixed;  /* Needed for Safari */
	display: block;
	padding: 0;
	border-top: solid 1px #CCC;
	background-color: #0a050a;
	height: 91px;
	width: 100%;
	bottom: 0;	
	z-index: 1001;	
}

#footer h1 {
	font: 11px/14px "Tahoma", "Geneva", arial, sans serif;
	padding-bottom: 0;
	color: #666;
}


.browse-container { width: 980px; margin-left: -11px; }
.browse-selection {
	height: auto;
	width: 1000px;
}

#browse { padding: 0; }
#browse-nav { margin: 0; padding: 0; text-align: center; }

#browse-nav ul { 
	list-style: none;	
	width: 980px;
	height: 60px;
	margin: -1px 0 0 11px;
    margin-left: 11px\9;
	*margin-left: 1px;
	padding: 0;
	background: url(../../images/bg-nav2.jpg) top left repeat-x;
}

#browse-nav li {
	list-style: none;
	float: left;
	margin: 0 3px 0 0;
	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;	
}

* html #browse-nav li.small { width: 90px; }
* html #browse-nav li.med { width: 140px; }
* html #browse-nav li.large { width: 160px; }

#browse-nav li a, #browse-nav li a:visited {
	display: block;
	color: #11021C;
	padding: 23px 15px 0 15px;
	margin: 0;
	height: 37px;
	text-decoration: none;
	text-transform: uppercase;
}

#browse-nav li a:hover {
	color: #999999;
}

#browse-nav .ui-state-active a, #browse-nav .ui-state-active a:visited, .ui-state-active #browse-nav li a:hover { 
	color: #705a80;
	background-position: 0px -40px;
}

#browse-nav a:hover { color: #999999; }

.browse-content {
	clear: both; 
	display: table;
	width: 979px; 
	height: 315px;
	margin-left: 11px;
	*margin-left: 1px;
	-moz-margin-start: 11px; 
	padding: 15px 0 10px 0;	
}

.browse-content table {
	margin-left: 20px;	
}

.browse-content table tr td {
	font: 12px/18px Verdana, Geneva, sans-serif;
	color: #FFF;
	text-align: left;
	vertical-align: top;
}

.browse-content table tr td a, .browse-content table tr td a:visited {
	color: #5d3e6c;
}