/* tsApps styles and overrides */
@import url("/assets/common/css/tsApps.css");

/* you can change these when you get here just added them for testing custom app */
/* Include in Editor: Start */
.BodyText{font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;}
.BodyTextBold{font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000000; font-weight:bold;}
.HeaderText{font-family: arial, helvetica, sans-serif;font-size: 14px;font-style: normal;font-weight: bold;color: #336699;}
.TitleText{font-family: arial, helvetica, sans-serif;font-size: 24px;font-style: normal;font-weight: bold;color: #557938;}
.newsTitle{font-family:verdana;font-size:14px;color:#193F76;}
.newsDate{font-family:verdana;font-size:14px;color:#666;}
/* Include in Editor: Stop */

/* the bgColor can be changed on this to match the site but need to keep these two elements */
.row1{background: #ffffff;}
.row2{background: #dddddd;}


body{margin:0 0 0 0;padding:0 0 0 0;background:url(../images/bodyBG.jpg) repeat-x top;}
body.direct{background:none;margin:0 0 0 0;padding:20px;}
#container{position:relative;margin:auto auto;width:1024px;height:auto;overflow:auto;overflow-x:hidden;overflow-y:hidden;}
img{border:none;}


/* HEADER */
#header{position:relative;width:1024px;height:170px;background:url(../images/headerBG.jpg) no-repeat;}
#logo{position:relative;float:left;width:108px;height:149px;top:10px;left:64px;}
#searchLogin{position:relative;float:right;width:350px;height:160px;top:12px;right:46px;}
td.phoneNumber{font-size:18px;color:#1C4076;}
#searchLogin a{font-family:arial;font-size:12px;color:#1C4076;}
#search{position:relative;float:right;}
.searchField{float:left;width:154px;height:24px;background:url(../images/searchField.jpg);border:none;padding:0 0 0 5px;font-family:arial;font-size:12px;color:#666;line-height:200%;}
#searchSubmitButton{float:left;width:41px;height:24px;background:url(../images/searchSubmitButton.jpg);border:none;padding:0 0 0 0;}
#login{position:relative;float:right;top:10px;font-family:verdana;font-size:12px;color:#444;font-weight:normal;}
#loginUsernameField{width:147px;height:24px;background:url(../images/loginUsernameField.jpg);border:none;padding:0 0 0 5px;font-family:arial;font-size:12px;color:#666;line-height:200%;}
#loginPasswordField{float:left;width:97px;height:24px;background:url(../images/loginPasswordField.jpg);border:none;padding:0 0 0 5px;font-family:arial;font-size:12px;color:#666;line-height:200%;}
#loginSubmitButton{float:left;width:50px;height:24px;background:url(../images/loginSubmitButton.jpg);border:none;padding:0 0 0 0;}


/* MAIN NAV */
#mainNav{position:relative;float:left;width:1024px;height:50px;background:url(../images/mainNav.jpg) no-repeat;}
#mainNav ul{position:relative;width:974px;height:20px;top:16px;margin:auto auto;padding:0 0 0 0;list-style:none;text-align:center;}
#mainNav li.memberBenefits{position:relative;float:left;width:186px;}
#mainNav li.cle{position:relative;float:left;width:186px;}
#mainNav li.resources{position:relative;float:left;width:186px;}
#mainNav li.directories{position:relative;float:left;width:186px;}
#mainNav li.virtualLawOffice{position:relative;float:left;width:229px;}
#mainNav a{position:relative;font-family:garamond;font-size:16px;color:#fff;text-decoration:none;}


/* MAIN CONTENT */
#mainContent{position:relative;float:left;width:1024px;height:auto;background:url(../images/mainContentBG.jpg) repeat-y;}
#mainContentArea{position:relative;float:left;width:974px;left:25px;margin:auto auto;height:auto;}
.mainContentHeader{position:relative;width:514px;height:30px;padding-top:10px;padding-left:10px;background:url(../images/mainContentHeader.jpg) no-repeat;font-family:garamond;font-size:18px;color:#fff;}
#fullModeContent{position:relative;float:left;width:1024px;background:url(../images/mainContentBG.jpg) repeat-y;}
#fullModeContentArea{position:relative;float:left;width:954px;left:25px;margin:auto auto;height:auto;padding:10px;}
#zoneMain{padding-left:10px;padding-right:10px;padding-bottom:10px;}


/* MAIN CONTENT AREA (HOMEPAGE) */
#slideshow{position:relative;float:left;width:735px;height:246px;top:5px;left:5px;border:1px solid #ccc;}


/* RIGHT COLUMN (HOMEPAGE) */
#rightColumnHomepage{position:relative;float:right;width:220px;top:5px;right:5px;}
.rightColumnHeader{position:relative;width:100%;padding-top:8px;padding-bottom:8px;font-family:verdana;font-size:16px;color:#1C4076;text-align:center;}

#findALawyer{position:relative;float:right;width:218px;height:326px;border:1px solid #ccc;background:url(../images/findALawyerBG.jpg) repeat-x bottom;}
#findALawyer img{position:relative;width:168px;height:150px;top:5px;left:25px;}
#findALawyer table{position:relative;width:140px;margin:auto auto;padding-top:10px;text-align:right;}
#findALawyer select{width:140px;height:22px;border:1px solid #ccc;font-family:arial;font-size:12px;color:#666;}
#findALawyer a{font-family:arial;font-size:12px;color:#333;}

#spotlight{position:relative;float:right;width:218px;top:5px;border:1px solid #ccc;text-align:left;}
span.spotlightName{font-family:verdana;font-size:16px;color:#111;}
#spotlight table{position:relative;width:200px;margin:auto auto;padding-bottom:10px;text-align:right;font-family:arial;font-size:13px;color:#333;text-align:left;}
#spotlight a{font-family:arial;font-size:13px;color:#c00;text-decoration:none;}
#spotlight img{margin:2px;}

#howCanYouHelp{position:relative;float:right;width:218px;height:181px;top:10px;border:1px solid #ccc;}
#howCanYouHelp table{position:relative;width:200px;margin:auto auto;padding-top:10px;text-align:center;}

#mediaCenter{position:relative;float:right;width:218px;height:200px;top:15px;border:1px solid #ccc;}

#database{position:relative;float:right;width:218px;height:100px;top:18px;border:1px solid #ccc;padding-top:10px;}

#followFJA{position:relative;float:right;width:218px;height:150px;top:25px;border:1px solid #ccc;margin-bottom:30px;}
#followFJA table{position:relative;width:200px;margin:auto auto;padding-top:5px;text-align:center;}
#followFJA a{font-family:verdana;font-size:12px;color:#333;text-decoration:none;}
#followFJA a:hover{text-decoration:underline;}


/* LEFT COLUMN */
#leftColumn{position:relative;float:left;width:193px;top:10px;left:8px;}
#sideMenu{position:relative;float:left;width:193px;}
#joinUs{position:relative;float:left;width:193px;height:84px;top:5px;background:#6F9461;}
#feedback{position:relative;float:left;width:193px;height:84px;top:10px;background:#DF1B32;}
#ad{position:relative;float:left;width:193px;height:240px;top:15px;margin-bottom:40px;font-family:arial;font-size:14px;color:#666;}


/* CENTER COLUMN (HOMEPAGE) */
#centerColumnHomepage{position:relative;float:left;width:524px;top:10px;left:25px;}
#featuredStory{position:relative;float:left;width:524px;}
span.featuredStoryTitle{font-family:arial;font-size:16px;color:#193F76;}
#featuredStory table{position:relative;width:524px;padding-top:12px;padding-bottom:5px;font-family:arial;font-size:14px;color:#333;text-align:left;line-height:140%;}
#featuredStory a{font-family:arial;font-size:13px;color:#c00;text-decoration:none;}
#FJANews{position:relative;float:left;width:524px;top:20px;}
span.newsDate{font-family:verdana;font-size:14px;color:#666;}
span.newsTitle{font-family:verdana;font-size:14px;color:#193F76;}
#FJANews table{position:relative;width:524px;padding-top:12px;padding-bottom:5px;font-family:arial;font-size:14px;color:#333;text-align:left;line-height:140%;}
#FJANews a{font-family:arial;font-size:13px;text-decoration:none;}
#FJANews img{float:left;margin-right:5px;}
#newsClips{position:relative;float:left;width:504px;height:200px;top:40px;}
.newsScrollerText{postion:relative;padding:5px;font:14px verdana;color:#666;}
.newsScrollerText a{font:14px verdana;color:#193F76;}


/* SPACER (BETWEEN MAIN CONTENT AND FOOTER) */
#spacer{position:relative;float:left;width:1024px;height:20px;background:url(../images/mainContentBG.jpg) repeat-y;}


/* FOOTER */
#footer{position:relative;float:left;width:1024px;height:100px;background:url(../images/footerBG.jpg) no-repeat;font-family:arial;font-size:12px;color:#666;}
#footer a{font-family:arial;font-size:12px;color:#666;text-decoration:none;}
#footer a:hover{font-family:arial;font-size:12px;color:#666;text-decoration:underline;}
#footer ul{position:relative;width:974px;height:80px;top:22px;margin:auto auto;padding:0 0 0 0;list-style:none;text-align:center;}
#footer li.links{position:relative;float:left;width:324px;display:block;}
#footer li.address{position:relative;float:left;width:325px;display:block;}
#footer li.contact{position:relative;float:left;width:324px;display:block;}