﻿body { background-color:#FFF;
       margin:0;
       font-family: Arial,Sans-Serif;	
       }


/******HEADER**************/

#logo
{
	position:absolute;
    margin-left:10px;
    margin-top:20px;
}

img
{
	border-color:#FFFFFF;	
}

a
{
	text-decoration:none;
	color:#284993;
}

/* Carousel boxes */
#carouselBlue
{
	height:190px;
	width:253px;
	background-image: url('images/carouselBackBlue.jpg');
	background-repeat:no-repeat;
}

#carouselLatestBlog
{
	height:180px;
	width:260px;
	background-image: url('images/carouselLatestBlog.jpg');
	background-repeat:no-repeat;
}

#carouselLatestBlog a
{
	text-decoration:none;
}




#carouselOrange
{
	height:190px;
	width:253px;
	background-image: url('images/carouselBackOrange.jpg');
	background-repeat:no-repeat;
}

#carouselfindlawyer
{
		height:190px;
	width:253px;
	background-image: url('images/carouselFindLawyer.jpg');
	background-repeat:no-repeat;
}

.findlawyer
{
	position:absolute;
	margin-top:70px;
	margin-left:10px;
	color: #FFF;
	text-decoration:none;
	font-size: 15px;
	width:240px;
}

.findlawyer a
{
	text-decoration:none;
	color:#FFF;
}

.searchlawyer
{
	position:absolute;
	margin-top:130px;
	margin-left:50px;
	color: #FFF;
	text-decoration:none;
	font-size: 15px;
	width:240px;
}

.searchlawyer a
{
	text-decoration:none;
	color:#FFF;
}


.magazinecontainer
{
	width:148px
}

.genericcontainer
{
	height:180px;
	width: 240px;	
	display:inline-block;
}


#sitesearch
{
	position:absolute;
    margin-left:550px;
    margin-top:0px;
    background-image: url('images/headerSiteSearchBG.png');
    background-repeat: no-repeat;
    height:100px;
    width:300px;
    
}

#sethomepage
{
	position:absolute;
    margin-left:845px;
    margin-top:0px;  
    height:75px;
}


#followus
{
	padding-top:5px;	
	margin-left:85px;       
    font-family:Segoe UI;
    font-size: 14px;
    color:#CCC;          
}

#searchtype
{
	padding-top:5px;	
	margin-left:85px;       
    font-family:Segoe UI;
    font-size: 14px;
    color:#CCC;      
    
}

.submitblog
{
font-family: Arial,Sans-Serif;	
}

#followus span
{
	margin-top:5px;
}

#today
{
	position:absolute;
    margin-left:552px;
    margin-top:75px;
    color:#FFFFFF;
    font-size: 17px;
    font-weight:bold;
}


#topsection
{
	height: 110px; /*Height of top section*/	
	margin:0;
}

#topsection h1
{
	margin: 0;
}

.topbar
{
	 background-color: #284993;	
	 width: 100%;	
	 height:10px;
}

.searchcontrols
{
	margin-top:5px;
	margin-left:-10px;	
	color:White;
	font-size: 14px;
}

.searchbox
{
	font-family:Segoe UI;
	margin-left:25px;
	color: #CCC;
}

/*****FOOTER********/

#footer
{
	font-family: Arial, Sans-Serif;
	font-size:11px;
	clear: left;
	width: 100%;
	color: #FFF;
	text-align: center;
	padding: 10px 0 10px 0;
	background-color: #284993;
}
#footer a
{
	color: #ff9900;	
}
#titlebar
{
      
    background-color:#333;       
}

.title
{
     font-size:20px; 
     color: #55A616;
     margin-left:10px;     
}

.label
{
    margin-left:10px;
    color:#FFF;
}
.mnuItem
{
    text-decoration: none;   
}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
/*margin-top:0;*/
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 200px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding-top:10px;
}

#contentcolumnnoright
{
	margin: 0 0 0 200px; 
}

#leftcolumn
{
text-align:left;
/*padding:10px;*/
float: left;
width: 200px; /*Width of left column*/
margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */

/*padding-top:10px;*/
}

/**** Controls *****/
#stories
{
	text-align:left;		
}

#stories a
{
	text-decoration:none;
	color:#333;
}

#stories a:hover
{	
	color:#ff6600;
}

.feedtitle
{
	text-align:left;
	padding-left:10px;
	color:#333;
	font-size:20px;
	border-bottom: solid 1px #999;	
}

.feedtitle img
{
	margin: 3px 0px 0px 3px;		
}

.dte
{
	color:#ff6600;
	font-size:10px;
}

#legalnewstitle
{
	background-color:#333;
	color:White;
	font-size:25px;
	text-align:left;
}

#legalnewstitle img
{
	margin: 3px 0px 0px 3px;		
}

.spacer
{
	height:20px;
}

.storytitle
{
	color:#333;
}


.bingSearchGo
{
	text-decoration:none;
	color:Yellow;
	font-size:15px;
	font-weight:bold;
}

#searchResults
{
	text-align:left;	
}

.ui-multiselect { font-weight:normal !important; display:-moz-inline-block; display:inline-block; cursor:default; text-decoration:none !important; padding:0 }
.ui-multiselect input { float:left; padding:3px 0 3px 6px; margin:0; border:none !important /* important fixes bug when inside ui-widget-content */; cursor:default; background:transparent }
.ui-multiselect span { float:right; margin-top:-18px; }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 6px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header .ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-options { display:none; padding:3px; position:relative; z-index:10000 }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

/* shadow effect */
.ui-multiselect-shadow { box-shadow:0 0 10px #777; -moz-box-shadow:0 0 10px #777; -webkit-box-shadow:0 0 10px #777; -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=135,strength=3)"; filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=135,strength=3); }


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 1000px; /*Width of Carousel Viewer itself*/
height: 190px; /*Height should enough to fit largest content's height*/
margin-left:0px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/

}

#scrollercontainer
{
	
}
#scroller
{
 margin-left:0px;	
}


/************* NAVIGATION ************************/
/****************VERTICAL (OLD)**************************/
#navigation
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-family:Segoe UI;
	font-size:25px;
	width:180px;
	
}

#navigation li a {	
  	voice-family: "\"}\""; 
  	voice-family: inherit;  	
	text-decoration: none;
	color:#666666;
	padding: 5px 0 0 0px;
	}	
	
#navigation li a:link, #menu1 li a:visited {
	display: block;	
	padding: 5px 0 0 0px;
	}
	
#navigation li a:hover {
	color: #FF9900;	
	}	
	
	.navigationselected
	{
		color: #FF9900;		
	}
	

/**************HORIZONTAL******************************/
#navcontainer
{
    padding-top:10px;
    padding-bottom:10px;
}			
#navlist
{
    margin:0;
    padding:0;
    font-family:Segoe UI;
	font-size:18px;	
}			
			
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 15px;
margin:0px;
}


#navlist li a {	
  	voice-family: "\"}\""; 
  	voice-family: inherit;  	
	text-decoration: none;
	color:#666666;
	padding: 5px 0 0 0px;
	}	
	
#navlist li a:link, #menu1 li a:visited {
}
	
#navlist li a:hover {
	color: #FF9900;	
	}	

/*******************END NAV******************************/

.contentTitle
{
	font-family: Segoe UI;
	
	font-size:25px;
	color:#284993;
}

.capstitle
{
		font-family: Segoe UI;
	text-transform: capitalize;	
	font-size:35px;
	color:#284993;
}

.linklist
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-family:Segoe UI;
	font-size:20px;	
}

.linklist li a {	
  	voice-family: "\"}\""; 
  	voice-family: inherit;  	
	text-decoration: none;
	color:#666666;
	}	
	
.linklist li a:hover {
	color: #FF9933;
	}	
	
.createddate
{
	color:#999999;
	font-family: Arial,Sans-Serif;
	font-size:12px;
}

.sourcename
{
	color:#999999;	
	font-family: Arial,Sans-Serif;
	font-size:12px;
}


.story
{
	font-family: Arial,Sans-Serif;
	text-decoration:none;
	font-size:15px;
	color:#000;
}

.story:hover {
	color: #284993;
	}	


.articlelist
{
	font-family: Segoe UI;
}

.articlefilter
{
	font-weight:bold;
	font-family: Segoe UI;
	font-size:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: solid 1px #999999;
	width:95%;
}



/***ROUNDABOUT****/
	#roundaboutcontainer
	{
		
	}
		.roundabout-holder {
				list-style: none;
				width: 400px;
				height: 257px;
				margin-left:100px;
				margin-top:50px;
			}
			
			.roundabout-moveable-item {
				height: 257px;
				width: 200px;
				cursor: pointer;
				border:solid 1px #CCC;
			}
			
			.roundabout-moveable-item img {
				height: 257px;
				width: 200px;
				border:none;
			}
			
			.roundabout-in-focus {
				cursor: auto;
			}
			
			#filler {			
				font-size:20px;
				color:#294883;
				height:30px;
			}
					
			#roundaboutcontrols
			{
				
				height:70px;

			}
			
			
			#ftdsearchboxcontainer
			{
				
				background-position:center;
				width: 297px;
				height:31px;
				margin-top:75px;
				margin-left:150px;
			}
			
			.FTDSearch
			{
				margin-top:-5px;
				margin-left:5px;								
			}
			
			.FTDSearchBox
			{
				padding:5px;
			}

		  .water
			{
				 font-family: Arial, sans-serif;
				 color:gray;
				
				border:none;
				
				width:250px;
			}
			
			#selectyear
			{
				
			}
			
			.stockquotes
			{
				font-size:12px;
				color:#666666;
			}
			
			.stockquotes th
			{
				
				color:#999999;
			}
			.searchparams
			{
				font-family: Segoe UI;				
			}
			
			.searchparams legend
			{
				font-size:15px;
				color:#284993;
			}
			
			.searchparams legend div
			{
				padding:5px;
				border: solid 1px #CCC;	
			}			
			
			.jButton
			{
				font-size:10px;
			}
			
			.recentpost
			{
				font-size:15px;
				font-family: Segoe UI;	
			}
			
			.blawglist
			{
				list-style: none;
				margin:0;
				padding:0;	
			}
			
			.blawglist li
			{
				margin-left:20px;
				padding-bottom:5px;
			}
			
			.anchortitle
			{	
				font-family:Segoe UI;
				font-size:20px;
				color:#333;
				text-decoration: underline;
			}
			
			/* tooltip styling */
			.tooltip {
				display:none;
				background:url(images/black_arrow_big.png);
				height:163px;
				padding: 30px 30px 10px 30px;
				width:310px;
				font-size:13px;
				color:#fff;
			}
			 
			/* a .label element inside tooltip */
			.tooltip .label {
				color:Yellow;			
			}
			 
			.tooltip a {
				color:#ff9900;
				font-size:13px;
				font-weight:bold;
			}
			
			.oilspill
			{
				height: 850px;
				width: 760px;
				background-image: url(images/oilback.gif);
				background-repeat: no-repeat;	
			}
			
			.portlethead
			{
			    background-color:#284993;
			    color:#FFF;			
			    padding: 3px;    			   
			}
			
			.portlethead a
			{
			  color: #ff9900;   
			}
			
