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


/* Include in Editor: Start */
.bodyText{font-family:arial;font-size:12px;color:#4e5239;line-height:120%;}
.bodyTextBrown{font-family:arial;font-size:12px;color:#b35b1a;line-height:120%;}
.titleText{font-family:"Times New Roman", Times, serif;font-size:20px;color:#4a4d37;line-height:98%;}
.titleTextLarger{font-family:"Times New Roman", Times, serif;font-size:30px;color:#4a4d37;line-height:98%;}
.titleTextStout{font-family:"Times New Roman", Times, serif;font-size:18px;color:#4a4d37;font-weight:bold;line-height:98%;}
.headerText{font-family:"Times New Roman", Times, serif;font-size:16px;color:#4e5239;font-weight:bold;line-height:98%;}
.news{font-family:"Times New Roman", Times, serif;font-size:20px;font-style:italic;color:#b35b1a;line-height:98%;}
.whoWeAre{font-family:"Times New Roman", Times, serif;font-size:16px;color:#918e5a;font-style:italic;line-height:98%;}
/* Include in Editor: Finish */

.loginPageTitle{font-family:"Times New Roman", Times, serif;font-size:16px;color:#fff;}



/* GLOBAL STYLES */
body{background:#DCD5A8;margin:0 0 0 0;padding:0 0 0 0;}
body.direct{background:#fff;margin:0 0 0 0;padding:20px;}
img{border:none;}
/*input{border:none;}*/
p{text-align:left;}
p.center{text-align:center;margin-top:0px;}
a{font-family:arial;font-size:11px;font-weight:bold;color:#b35b1a;line-height:120%;text-decoration:none;}
a:hover{text-decoration:underline;}
ul{list-style-image:url(../images/arrow.png);text-align:left;line-height:18px;}
li{line-height:18px;}
li.parentLink{list-style:none;margin-left:-15px;color:#b35b1a;}
li.parentLink a{font-family:arial;font-size:12px;color:#b35b1a;font-weight:normal;}
li.subLink{list-style:none;margin-left:-15px;}
li.subLink a{font-family:arial;font-size:12px;color:#4e5239;font-weight:normal;}
div#gradient{position:relative;float:left;left:30px;top:20px;height:34px;width:700px;background:url(../images/greenGradient.png) repeat-x;}
div#gradientHomepage{position:relative;float:left;left:15px;top:20px;height:34px;width:685px;background:url(../images/greenGradient.png) repeat-x;}
/*input{line-height:180%;}*/


/* CONTAINER */
#container{position:relative;margin:auto auto;width:1000px;height:auto;overflow:auto;overflow-x:hidden;overflow-y:hidden;background:#f8f2da;}



/* SEARCH FORM (HEADER) */
#search{position:relative;float:left;top:0px;left:0px;width:1000px;height:35px;background:#f8f2da;}
#searchform{position:relative;float:right;top:3px;right:20px;color:#4a4d38}
#searchform a{color:#4a4d38;font-family:arial;font-size:12px;text-decoration:none;}
#searchbox{margin:0 0 0 0;padding:0 0 0 0;}
input.searchField{width:154px;height:20px;padding-left:2px;color:#4a4d38;font-family:arial;font-size:12px;line-height:180%;background:#d1c183;border:none;}
button.searchButton{width:25px;height:20px;background:#b3591b url(../images/searchButton.jpg);cursor:pointer;border:none;}



/* MAIN NAV (HEADER) */
#mainNav{position:relative;float:left;top:0px;left:0px;width:100%;height:34px;background:url(../images/mainNavBG.jpg) repeat-x;}
#mainNav ul{position:relative;top:6px;list-style:none;padding:0 0 0 0;margin:0 0 0 0;}
#mainNav li{display:inline;margin:0 1.15em;}
#mainNav li a{color:#fff;font-family:arial;font-size:12px;font-weight:bold;text-decoration:none;text-align:left;}



/* OTLA LOGO (HEADER) */
#logo_login_masthead{position:relative;float:left;top:0px;left:20px;width:960px;height:228px;background:#e0d6a5;}
#logo{position:relative;float:left;top:0px;left:8px;width:312px;height:136px;}



/* LOGIN FORM (HEADER) */
#login{position:relative;float:left;top:140px;left:-304px;width:312px;height:82px;}
#loginform{color:#4a4d38;font-family:arial;font-size:14px;}
#loginform a{color:#4a4d38;font-family:arial;font-size:12px;}
#loginform a.logout{color:#b35b1a;}
#loginform a.logout:hover{text-decoration:underline;}
input.usernameField{width:110px;height:22px;padding-left:2px;color:#fff;font-family:arial;font-size:12px;line-height:180%;background:#d1c183;border:none;}
input.passwordField{width:110px;height:22px;padding-left:2px;color:#fff;font-family:arial;font-size:12px;line-height:180%;background:#d1c183;border:none;}
input.loginButton{width:51px;height:22px;background:#b3591b url(../images/loginButton.jpg);cursor:pointer;border:none;}



/* MASTHEAD (HEADER) */
#masthead{position:relative;float:right;top:-82px;right:8px;width:632px;height:218px;}



/* LEFT COLUMN (HOMEPAGE) */
#leftColumn{position:relative;float:left;top:0px;left:20px;width:250px;display:block;}
#inYourCommunity{position:relative;float:left;margin-top:20px;left:5px;width:240px;}
#civilJusticeIssues{position:relative;float:left;margin-top:20px;left:5px;width:240px;}
#upcomingCLEEvents{position:relative;float:left;margin-top:20px;left:5px;width:240px;}
.hrDefault{height:1px;width:220px;background:url(../images/hrDefault.png) repeat-x;}
.sponsorEvent{position:relative;float:left;left:5px;width:240px;height:20px;padding-bottom:10px;text-align:center;}
.calendar{background:#B9C07D;border:1px solid #B9C07D;text-align:center;width:36px;height:38px;border-collapse:collapse;}
.calendar td.month{background:#F4EED4;height:18px;font-family:arial;font-size:8px;font-weight:bold;color:#b35b1a;padding:0 0 0 0;}
.calendar td.day{background:#B9C07D;height:14px;font-family:arial;font-size:10px;font-weight:bold;color:#fff;padding:0 0 0 0;}
#flagDate{position:relative;margin:auto auto;padding:10px 0 10px 0;width:200px;height:20px;}


/* RIGHT COLUMN (HOMEPAGE) */
#rightColumn{position:relative;float:right;top:0px;right:20px;width:710px;display:block;}
#whoWeAre{position:relative;float:left;top:20px;left:15px;width:685px;height:185px;background:#d4d7b5;overflow:auto;}
#whoWeAre table{position:relative;float:left;top:15px;left:15px;width:650px;}
#gradient{position:relative;float:left;height:34px;background:url(images/greenGradient.png) repeat-x;}
#mainZone{position:relative;float:left;top:25px;width:689px;left:13px;}
#mainZone table{position:relative;width:689px;}
#mainZone table ul{padding-bottom:15px;}
td.separator{position:relative;top:25px;width:20px;background:url(../images/separator.jpg) repeat-y center;}
#separator{width:20px;}
td#public{position:relative;width:180px;padding:10px;background:#E6DFBB;border:5px solid #DCD5A8;}
td#public li{margin-left:-10px;}
td#members{position:relative;width:180px;padding:10px;background:#E6DFBB;border:5px solid #DCD5A8;}
td#members li{margin-left:-10px;}
td#whatsNew{position:relative;width:180px;padding:10px;background:#E6DFBB;border:5px solid #DCD5A8;}
td#whatsNew li{margin-left:-10px;}
a.moreInfo{position:absolute;width:180px;height:20px;bottom:20px;background:url(../images/moreInfo.jpg) center;}


/* FULL MODE */
#fullModeContent{position:relative;float:left;top:15px;left:20px;margin-bottom:20px;width:960px;display:block;}
#s_listing{background:#fff;}


/* LEFT COLUMN (DEFAULT) */
.hrDefault{height:1px;width:220px;background:url(../images/hrDefault.png) repeat-x;}
#defaultZoneB{position:relative;float:left;top:20px;width:210px;padding:10px 10px 10px 10px;background:#d4d7b5;}
#gradientLeftCol{position:relative;float:left;top:20px;height:34px;width:230px;background:url(../images/greenGradient.png) repeat-x;}

/* RIGHT COLUMN (DEFAULT) */
#defaultZoneA{position:relative;float:left;top:20px;left:30px;width:660px;padding:20px 20px 10px 20px;height:160px;overflow:auto;background:#d4d7b5;}
#mainContent{position:relative;float:left;top:20px;left:30px;margin-bottom:30px;width:650px;padding:20px;background:#E6DFBB;border:5px solid #DCD5A8;}



/* FOOTER */
#footer{position:relative;float:left;height:88px;width:1000px;margin-top:30px;text-align:center;background:url(../images/footerBG.jpg) repeat-x;}
#footerNav{position:relative;top:12px;color:#D9D4A2;font-family:arial;font-size:12px;}
#footerNav ul{position:relative;top:6px;list-style:none;text-align:center;padding:0 0 0 0;margin:0 0 0 0;}
#footerNav li{display:inline;text-align:center;}
#footerNav li a{color:#D9D4A2;font-family:arial;font-size:12px;font-weight:bold;text-decoration:none;text-align:left;}
#copyright{position:relative;top:18px;color:#9DA188;font-family:arial;font-size:12px;}


/* MY OTLA */
#myotlaContainer{position:relative;float:left;width:100%;font-family:arial;font-size:12px;color:#4e5239;line-height:120%;}
#myotlaContainer table{width:100%;border:1px solid #4A4D38;margin-bottom:10px;padding:0 0 0 0;}
#myotlaContainer table ul{list-style:url(../images/bullet.jpg);}
#myotlaContainer a{font-family:arial;font-size:12px;font-weight:normal;text-decoration:underline;color:#4e5239;line-height:120%;}
span.myotlaInsideHeader{color:#b35b1a;font-family:arial;font-size:16px;font-weight:bold;}
span.myotlaBrownBold{color:#b35b1a;font-family:arial;font-size:12px;font-weight:bold;}
tr.myotlaTableHeader{background:#4A4D38;font-family:arial;font-size:13px;font-weight:bold;color:#fff;padding:3px;margin:0 0 0 0;}
#myotlaLeftCol{position:relative;float:left;width:58%;margin:2px;}
#myotlaWelcome{position:relative;margin:10px;font-family:"Times New Roman", Times, serif;font-size:18px;font-weight:bold;color:#b35b1a;}
#myotlaRightCol{position:relative;float:right;width:38%;margin:2px;}