/* CSS Document */
/* DREW SEE MY NOTES */

.clr {
	clear: both;
}

/* The main_outline is the box around the whole design */
#main_outline {
	width: 602px !important;
	width: 610px;
	border: 0px solid #ffffff;
	padding: 0px;
	background: #ffffff;
}

/* pathway_outline is the box around the home and user3 placeholders */
#pathway_outline {
	width: 625px !important;
	width: 625px;
	float: left;
	border: 0px solid #ffffff;
	margin-bottom: 0px !important;
	margin-bottom: 0px;
}

#pathway {
	float: right;
	padding: 0px 0px 0px 0px;
}

#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	width: 35%;
        
}


ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	display: block;
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	width: auto !important;
  width: 15%;
	font-size: 11px;
	line-height: 2px;
	white-space: nowrap;
	border-left: 1px solid #FF0000;
}

ul#mainlevel-nav li a
{

	display: block;
	padding-left: 1px;
	padding-right: 1px;
	text-decoration: none;
	color: #0099cc; 
	background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #009900  ;
	background: #0099cc;
}

/* search is the search box at the top - I removed it */
#search {
	float: right;
	border: 1px solid #cccccc;
	padding: 0px;
	width: 163px !important;
	width: 165px;
	height: 21px !important;
	height: 23px;
	overflow: hidden;
}

/* This used to be the search box outline held in postion user4 in the html - I removed it */ 

#search .inputbox {
	border: 0px;
	padding: 4px 3px 3px 5px !important;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	height: 17px !important;
	height: 19px;
	width: 153px !important;
	width: 159px;
	color: #ff0000;


}

/* 08/2007 CLippert-changed #search to .search to correct new position in user2 */

div.search {
	float: left;
	/*border: 1px solid #cccccc;*/
	padding: 0px;
	width: 134px !important;
	width: 134px;
        _width: 160px !important;
	height: 21px !important;
	height: 23px;
        margin-left: 4px;
        _margin-left: 2px;
	/*overflow: hidden;*/
}
div.search input.button { 
       float: left;
       margin-top: 10px;
       margin-left: 68px;
       _margin-left: 56px;
       border: 1px solid #cccccc;
}

/* 08/2007 CLippert-changed #search to .search to correct new position in user2 */

.search input.inputbox {
	border: 1px solid #cccccc;
	padding: 3px 3px 0px 12px !important;
	padding: 3px 3px 0px 12px;
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	height: 17px !important;
	height: 19px;
	width: 134px !important;
	width: 134px;
        _width: 150px !important;
	color: #4B5E96;


}

#header_area {
	width: 625px !important;
	text-align: left;
	border: 0px;
	margin: 0px;
}
/* header is the main header image at the top of the site. header_short_iantest.png */
#header {
	float: right;
	padding: 0px;
	margin: 0px;
	width: 625px;
	height: 0px;
	background: url(../images/header_short_iantest.png) no-repeat;
}

#top_outline {
	float: left;
	border: 1px solid #ff0000;
	padding: 2px;
	margin-left: 2px;
	float: left;
	overflow: hidden;
	height: 144px !important;
	height: 150px;
	width: 159px !important;
	width: 165px;
}

#left_outline {
	margin-top: 2px;
	border: 1px solid #ffffff;
	padding: 2px;
	float: left;
	width: 159px !important;
	width: 165px;
}
/** outline around content area **/
#content_area {
	padding: 0px;
	margin-top: 0px;
	margin-left: 1px;
	border: 0px solid #cccccc;
	float: left;
	width: 100px;
}

#banner_area {
	width: 635px;
	margin-top: 2px;
	margin-bottom: 0px !important;
	margin-bottom: -3px;
}

#banner {
	float: left;
	padding: 0px;
	width: 468px;
}

/* this is the small mambo logo just to the left of the ad banner */
#poweredby {
	float: left;
	margin-left: 2px;
}

#sandbox_area_2 .sandbox_area {
	float: left;
	margin-top: 2px;
	width: 135px;
}

#sandbox_area_1 .sandbox_area {
	float: left;
	margin-top: 2px;
	width: 135px;
}

#right_outline {
	border: 1px solid #FF0000;
	margin-top: 2px;
	float: right;
	padding: 2px;
	width: 159px !important;
	width: 165px;
}

/** with both user1 and user2 visible **/
#user1_2 .user1_outline {
	width: 227px !important;
	width: 233px;
	border: 1px solid #cccccc;
	float: left;
	margin: 0px;
	padding: 2px;
	margin-bottom: 2px;
}

#user2_2 .user2_outline {
	width: 227px !important;
	width: 233px;
	border: 1px solid #cccccc;
	float: right;
	margin-left: 2px;
	margin-bottom: 2px;
	padding: 2px;
}

/** with either user1 or user2 visible **/
#user1_1 .user1_outline {
	width: 300px !important;
	width: 300px;
	border: 1px solid #cccccc;
	float: left;
	margin: 0px;
	padding: 2px;
	margin-bottom: 2px;
}

#user2_1 .user2_outline {
	width: 300px !important;
	width: 300px;
	border: 1px solid #cccccc;
	float: right;
	margin-bottom: 2px;
	padding: 2px;
}

/** based on 100% content width **/
#user1_4 .user1_outline {
	width: 211px !important;
	width: 217px;
	border: 1px solid #ffffff;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-bottom: 2px;
}

#user2_4 .user2_outline {
	width: 210px !important;
	width: 216px;
	border: 1px solid #cccccc;
	float: right;
	margin-left: 2px;
	margin-bottom: 2px;
	padding: 2px;
}

/** with either user1 or user2 visible **/
#user1_3 .user1_outline {
	width: 629px !important;
	width: 635px;
	border: 1px solid #ffffff;
	float: left;
	margin: 0px;
	padding: 2px;
	margin-bottom: 2px;
}

#user2_3 .user2_outline {
	width: 629px !important;
	width: 635px;
	border: 1px solid #ffffff;
	float: right;
	margin-bottom: 2px;
	padding: 2px;
}

/** adjust content area based on right nav **/
#sandbox_area_2 .content_outline {
	width: 250px !important;
	width: 250px;
	border: 1px solid #ff0000;
	padding: 2px;
        text-align: left;

}

/** adjusts the width of hompage content**/
#sandbox_area_1 .content_outline {
	width: 430px !important;
	width: 432px;
	border: 1px solid #ffffff;
	padding: 0px;
        text-align: left;
}

/* This is the color of the font inside the each menu for the page you are on */
#active_menu {
	color:#FF6600;
	font-weight: bold;
}

/* This is the rollover color on the font, in the menu, on the page that you are actually on*/
a#active_menu:hover {
	color: #4B5E96;
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
	float: left;
  font-size: 11px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  width: 30px;
  padding: 4px;
}

.pagenav {
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #cccccc;
  width: auto;
  padding: 24px;
  margin: 1px;
}

.pagenavbar {
	padding-right: 5px;
	float: right;
}

#footer {
	text-align: center;
	padding: 10px;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(http://www.ablelaw.org//templates/able_law/images/arrow.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}


td {
	text-align: left;
	font-size: 13px;
        padding-bottom: 0px;
}



body {
	margin: 0px;
	height: 100%;
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 13px;
	color: #333333;
	background: #C0BEA3;
	text-align: left;
}

/* mambo core stuff */
a:link,  a:visited {
	color: #4B5E96; text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #FD9E1A;	text-decoration: underline;
	font-weight: normal;
}


table.contentpaneopen {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	text-align: left;
        padding-bottom: 6px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

table.contentpane td.componentheading {
	padding-left: 0px;
	text-align: left;
        padding-bottom: 10px;
}

table.contentpane td.contentheading {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  text-align: left;
}

.button {
	padding: 1px 1px 1px 1px;
	height: 22px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
	color: #ff6600;
	font-family: Arial, Helvetica, Sans Serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.inputbox {
	padding: 1px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

#sandbox_area_2 .componentheading {
	background: url(http://www.ablelaw.org//templates/able_law/images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 3px;
	padding-left: 12px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	width: 440px !important;
	width: 448px;
}

#sandbox_area_1 .componentheading {
	background: url(http://www.ablelaw.org//templates/able_law/images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 7px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	width: 427px !important;
	width: 435px;
}

.contentcolumn {
	padding-right: 5px;
	text-align: left;
}

.contentheading {
	height: 35px;
	background: url(http://www.ablelaw.org//templates/able_law/images/contenthead.png)  repeat-x;
	color: #666666;
	text-align: left;
	padding-bottom: 3px;
        padding-top: 0px;
	padding-left: 22px;
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
}

.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 10px;
	border-collapse: collapse;
	text-align: left;
}

table.moduletable th {
	background: url(http://www.ablelaw.org//templates/able_law/images/subhead_bgx.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-align: left;

}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 13px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

.small {
	color: #999999;
	padding-top: 22px;
	font-size: 13px;
	font-weight: bold;
        padding-left: 0px;
}

.createdate {
	height: 15px;
        padding-bottom: 2px;
        padding-top: 0px;
        padding-left: 7px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

.modifydate {
	height: 15px;
	padding-top: 2px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

table.contenttoc {
  border: 1px solid #ff0000;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc th {
  background: url(http://www.ablelaw.org//templates/able_law/images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 2px;
	height: 41px;
	font-weight: bold;
	font-size: 19px;
	text-transform: uppercase;
}

/** ching - these are the main menu back ground buttons very very cool **/
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(http://www.ablelaw.org//templates/able_law/images/menu_bg2.gif) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #4B5E96;
	text-align: left;
	padding-top: 5px;
	padding-left: 21px;
	height: 19px !important;
	height: 24px;
	width: 100%;
	text-decoration: none;
}

/** this is the font color in the main memu hover **/
a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #4B5E96;
}

/** this is the font color in the sublevel or child hover **/
a.sublevel:link, a.sublevel:visited {
	padding-left: 9px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
	color: #4B5E96;
	text-align: left;
}

a.sublevel:hover {
	color: #FF6600;
	text-decoration: none;
	font-weight: normal;
}
.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0px 2px 0px 2px;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}
.links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4B5E96;
	text-decoration: none;
	font-weight: normal;
}
.links:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 10px; 
   color: #4B5E96; 
   text-decoration: underline;
}

.Main_Body_Copy
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 13px; 
   color: #000000; 
   text-decoration: none;
}

/****************LALWO TESTING CSS************/

.ABLEBB_FFarea {
        clear: both;
        float: left;
        position: relative;
        width: 545px !important;
	width: 600px;
	padding: 5px 5px 5px 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 11px;
        border: 0px solid #CC0000; 

}
.ABLEBB_FFarea {
        /*ie5 hack */
        \margin: 0px 20px 0px 7px;
        ma\rgin: 0px 20px 0px 7px;
        width: 100%;
}

.ABLEBB_comments {
        clear: both;
        /*float: right;*/
        position: relative;
        width: 540px !important;
	width: 580px;
	padding: 5px 5px 5px 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 11px;
        border: 0px solid #CC0000; 
 
}
.ABLEBB_comments {
        /*ie5 hack */
        \margin: 0px 10px 0px 20px;
        ma\rgin: 0px 10px 0px 20px;
        width: 100%;
}

.ABLEBB_button {
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 14px;
        font-weight: bolder;
        background: #CCCCCC;
        color: #000000;
        border-style: solid;
        border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
        border-color: #000000;
        padding: 5px 5px 5px 5px;
        margin-top: 10px;
        }

.ABLEBB_button2 {
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 14px;
        font-weight: bolder;
        background: #CCCCCC;
        color: #000000;
        border-style: solid;
        border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
        border-color: #000000;
        padding: 5px 5px 5px 5px;
        width: 320px;
        }
.ABLEBB_button3 {
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 14px;
        font-weight: bolder;
        background: #CCCCCC;
        color: #000000;
        border-style: solid;
        border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
        border-color: #000000;
        padding: 5px 5px 5px 5px;
        width: 260px;
        }

.ABLEBB_btn_pos {
        width: 50px;
        bottom: 100%;
     /*   border: 1px solid #000000; */
}
.ABLEBB_btnx {
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 9px;
        font-weight: bolder;
        background: #CCCCCC;
        color: #000000;
        border-style: solid;
        border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
        border-color: #000000;
        padding: 1px 3px 1px 3px;
        margin-bottom: 5px;
        }

.ABLEBB_inputbox {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #333333;
        background: #FFFFFF;
        border: 1px solid #000000;
        padding: 2px;
}
.ABLEBB_dropbox {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: bold;
        color: #000000;
        background: #FFFFFF;
        border: 1px solid #000000;
}

.ABLEBB_header_1 {
        font-size: 14px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
}
.ABLEBB_header_2 {
        font-size: 11px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        background: #CCCCCC;
        padding: 3px 0px 5px 3px;
        width: 100%;                
}

.ABLEBB_header {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        background: #000000;
        padding: 3px 0px 5px 3px;
        width: 100%;
        
}
.ABLEBB_header_3 {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
}

.ABLEBB_highlited {
        font-size: 11px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #CC0000;
}
.ABLEBB_p {
        font-size: 11px;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
}
.ABLEBB_p2 {
        font-size: 11px;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
}

.ABLEBB_pi {
        font-size: 11px;
        font-style: italic;
        font-family: Arial, Helvetica, sans-serif;

}
.ABLEBB_pb {
        font-size: 11px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;

}

.ABLEBB_inputbox {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #333333;
        background: #FFFFFF;
        border: 1px solid #000000;
}
.ABLEBB_ctable {
        width: 100%;
}
.ABLEBB_th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        background: #999999;
        border: 1px solid #000000;
        padding: 3px 3px 3px 5px;
        text-align: left;
        font-weight: bold;
}
.ABLEBB_tht {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        background: #999999;
        border: 1px solid #000000;
        padding: 3px 3px 3px 5px;
        text-align: left;
        font-weight: bold;
}
.ABLEBB_thx {
        color: #FFFFFF;
        background: #FFFFFF;
        border: 1px solid #FFFFFF;
        margin: 5px 5px 5px 5px;
}
.ABLEBB_thr {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        background: #CCCCCC;
        border: 1px solid #000000;
        padding: 3px 3px 3px 5px;
        text-align: left;
        font-weight: bold;
}
.ABLEBB_td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        background: #FFFFFF;
        border: 1px solid #000000;
        padding: 3px 3px 3px 5px;
}
.ABLEBB_agreebox {
        border: solid 1px;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        padding: 4px 8px 40px 8px;
}
.ABLEBB_statusbox {
        border: solid 1px;
        border-color: #000000;
        text-align: center;
        font-style: bold;
        padding: 0px 0px 0px 0px;
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
       }

.ABLEBB_stheader {
        font-size: 12px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        background: #000000;
        padding: 3px 5px 5px 3px;
        width: 100%;       
}

.ABLEBB_statusboxon {
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        padding: 0px 0px 0px 0px;
        background: #CCCCCC;
        width: 33%;
        font-family: Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: #000000;
}
.ABLEBB_statusboxoff {
        text-align: center;
        font-weight: bold;
        padding: 0px 0px 0px 0px;
        background: #FFFFFF;
        width: 33%;
        border: 1px solid;
        border-color: #000000;
}
/* Video Conference Request */
h2.ff_title {
        font-size: 16px;
        color: white;
}
p.ff_p2 { 
          font-size: 14px; 
          text-align: center;
          border: 2px solid black;
          padding: 5px 5px 5px 5px;
}
span.ff_red { color: red; }
/* New User Request Form */
#ff_nur { font-size: 11px; }


p.ff_p3 {
          font-size: 12px;
          text-align: left;
}

span.ff_small { font-size: 8px; }