/*
** project:		NH&RA's HousingOnline.com
** date:		2008/06/09
*/
html { height: 100%; margin: 0 0 1px 0; padding: 0; background: #294C8C; font-size: 100.01%; }

body {padding: 0px; margin: 0px; font: .625em/1.33 "Arial", sans-serif;}
form {padding: 0px; margin: 0px;}
textarea, input, select, option, optgroup, button { font: 1em "Arial", sans-serif; }

* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

.wrapper {width: 780px; margin: 0 auto; padding: 0; background: #FFFFFF; color: #000000;  }

table, li, dt, dd, p { font-size: 1.2em; }
p, ul, ol, dl { padding-bottom: 3ex; }
li *, dt *, dd *, p *, li p, ul li ul li, table p { font-size: 1em; }

img { border: none; vertical-align: bottom; }
input.button, button { padding: .5ex 1em; overflow: visible; cursor: pointer; border:1px solid #D8D8D8; color:#FFFFFF; background-color: #7F9DB9 }
input.radio, label.radio, input.checkbox, label.checkbox { cursor: pointer; }


/*
** some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.clear { float: left !important; clear: both !important; width: 100%; }

.no-margin { padding-bottom: 0; }
.no-margin1 { padding-bottom: 0; padding-top:5px; }
.margin { padding-bottom: 3ex; }

a { color: #194489; text-decoration: none; outline: none; }
a:focus, a:hover { color: #C65F1A; text-decoration: underline; }

.more { padding-right: 8px; background: transparent url("../images/bullet_0.png") no-repeat 100% 60%; }
.more:focus, .more:hover { background-image: url("../images/bullet_1.png"); }

.less { padding-left: 8px; background: transparent url("../images/bullet_2.png") no-repeat 0 60%; }
.less:focus, .less:hover { background-image: url("../images/bullet_3.png"); }

.box-0 { float: left; clear: both; width: 154px; margin: 0 0 20px 0; padding: 20px; background: #F1F3F6; }
.box-1 { float: left; clear: both; width: 153px; margin: 0 0 20px 0; padding: 10px; background: #F1F3F6; }
.twtr-hd h3 {color:#FFFFFF;}
.box-2 { float: left; clear: both; width: 154px; margin: 0 0 20px 0; padding: 0px; }

table { width: 100%; margin-bottom: 0.5em; border-collapse: collapse; }
table thead { background: #D8D8D8; }
table tbody { background: #EBEBEB; }
table th, table td { padding: .5ex 1ex; border: 1px solid #FFFFFF; text-align: center; }
table tbody th { padding-left: 2em; text-align: left; }

table.t-0 th, table.t-0 td { text-align: left; }
table.t-0 th { padding: 1ex 1ex; background: #D78F62 url("../images/heading_2_background.png") no-repeat 50% 0; color: #FFFFFF; line-height: 1; }
table.t-0 th.first { background-position: 0 0; }
table.t-0 th.last { background-position: 100% 0; }
table.t-0 td.log-in { padding: 3em 1em; text-align: center; vertical-align: top; }

h1 { clear: both; padding-bottom: .5ex; border-bottom: 1px solid #D8D8D8; color: #C65F1A; font-size: 1.8em; font-family: "Trebuchet MS", sans-serif; font-weight: 400; }
h1.alt { font-family: "Arial", sans-serif; }
.h-0 { padding: 0 20px; color: #FFFFFF; border: none; background: #D78F62 url("../images/heading_0_background.png") no-repeat 0 0; font-size: 1.2em; font-weight: 700; text-transform: uppercase; line-height: 34px; }
.h-1 { padding: 0 20px 0 40px; color: #FFFFFF; border: none; background: #D78F62 url("../images/heading_1_background.png") no-repeat 0 0; font-size: 1.8em; font-weight: 700; line-height: 34px;}
.h-2 { padding: 0 20px; color: #FFFFFF; border: none; background: #D78F62 url("../images/heading_2_background.png") no-repeat 0 0; font-size: 1.8em; font-weight: 700; line-height: 34px; }
.h-3 { font-size: 1.6em; font-weight: 700; }
.h-4 { padding: 0 10px; color: #FFFFFF; border: none; background: #D78F62 url("../images/heading_4_background.png") no-repeat 0 0; font-size: 1.2em; font-weight: 700; text-transform: uppercase; line-height: 34px;}
.h-tca { padding: 0; border: none; background: transparent url("../images/heading_tca_background.gif") no-repeat 0 0; text-indent: -999em; overflow: hidden; line-height: 39px; }

h2 { color: #C65F1A; font-size: 1.5em; font-family: "Trebuchet MS", sans-serif; }
h2 img { vertical-align: baseline; }
h3 { color: #C65F1A; font-size: 1.4em; font-family: "Trebuchet MS", sans-serif; }
h3 .date { color: #67676D; font-size: .88em; }

select, textarea, input.text { padding: 2px 3px; border: 1px solid #7F9DB9; background: #FFFFFF; color: #67676D; font-size: .9em; }
select { padding: 0; }

input.button-0 { width: 73px; height: 22px; border: none; background: transparent url("../images/button_0.png") no-repeat 50% 50%; color: #FFFFFF; font-size: .9em; text-transform: uppercase; cursor: pointer; }

p.error { padding: 1ex 1em; background: #FBFDC7; color: #B60000; }

/* Preview bar layout */
.previewBar{font-size: 12px; line-height: 1.3em; display: block; background: #e7e7e7 url(../images/back.jpg) left top repeat-x; width: 100%; height: 51px;}
.previewBar #preview-back {position: relative; width: 780px; margin: 0 auto; background: #e7e7e7;}

  #preview-header {height: 49px; padding: 2px 5px 0 5px; background: #fff url(../images/top-bar-back.jpg) left top repeat-x;}
	#preview-header a {font-size: 1.2em; font-weight:normal; font-family: Verdana, Helvetica, sans-serif;}
	
	#preview-header div.buttons {float: right;}
	#preview-header .buttons label.inside {margin: 7px; font-size: 0.9em;}
	#preview-header input.button {width: 93px; height: 30px; border: none; background: #ccc url(../images/button-out.gif) center center no-repeat; text-align: center;}
	#preview-header .buttons .button {margin: 0 0 0 10px;}
	#preview-header a.button-link, #preview-header a.button-link:visited {display: block; float: left; height: 32px; margin: 2px; padding: 0 10px 0 10px; border-top: 2px solid #bebebe; border-right: 2px solid #2f2f2f;  border-bottom: 2px solid #2f2f2f; border-left: 2px solid #b4b4b4; background: #000 url(../images/button-link-back.jpg) left top repeat-x; color: #fff; line-height: 32px; text-align: center; text-decoration: none;}
	#preview-header a.button-link:hover, #preview-header a.button-link.on {border-top: 2px solid #141414; border-right: 2px solid #959595;  border-bottom: 2px solid #959595; border-left: 2px solid #141414; background: #595959;}

	#preview-header a.right-button, a.right-button:visited {display: block; float: left; width: 97px; height: 25px; margin: 8px 5px 0 5px; background: #fff url(../images/right-button-out.jpg) center center no-repeat; color: #000; font-size: 0.96em; line-height: 25px; text-align: center; text-decoration: none;}
	#preview-header a.right-button:hover {background: #fff url(../images/right-button-over.jpg) center center no-repeat;}
	#preview-header a.right-button.goto-admin, a.right-button.goto-admin:visited {width: 115px; background: #fff url(../images/right-button-big-out.jpg) center center no-repeat;}
	#preview-header a.right-button.goto-admin:hover {background-image: url(../images/right-button-big-over.jpg);}


/*
** header
*/
.header { position: relative; padding: 0 0 10px 0; background: #FFFFFF url("../images/header_background.png") repeat-x 0 0; overflow: hidden; }

.header ul { float: right; clear: both; list-style: none; margin: 0; padding: 3ex 10px 3ex 0; border-bottom: 1px solid #DCDCDC; font-size: .75em; text-transform: uppercase; line-height: 1.1; }
.header ul li { float: left; margin-left: 1em; padding-left: 1em; border-left: 1px solid #BABABA; }
.header ul li.first { margin-left: 0; padding-left: 0; border-left: none; }
.header ul li.last { border-left: none; }
.header ul li a { color: #2A829A; }

.header ul li div.form { margin: -5px 0 -1em 0; }
.header ul li div.form p { padding-bottom: 0; }
.header ul li div.form p input.text { width: 137px; }

.header p.logo { position: absolute; left: 25px; bottom: 20px; padding: 0; }

.header p.sponsor { float: right; clear: right; padding: 10px 10px 0 0;}
.header p.sponsor img {vertical-align:middle;}

/*
** menu
*/
ul.menu { list-style: none; margin: 0; padding: 0 0 1px 0; border-bottom: 1px solid #165B92; background: #4784B2; overflow: hidden; }
ul.menu li { float: left; padding: 0 0 0 1px; border-left: 1px solid #4784B2; background: #165B92; line-height: 40px; overflow: hidden; }
ul.menu li.first { padding-left: 0; border-left: none; }
ul.menu li a, ul.menu li span { float: left; background: #3774A5 url("../images/menu_background.png") repeat-x 0 0; color: #FFFFFF; font-weight: 700; text-align: center; }
ul.menu li a:focus, ul.menu li a:hover, ul.menu li a.current, ul.menu li span { background: #3B78A9 url("../images/menu_active_background.png") repeat-x 0 0; color: #FFFFFF; text-decoration: none; }

ul.menu li .a-0 { width: 84px; }
ul.menu li .a-1 { width: 81px; }
ul.menu li .a-2 { width: 129px; }
ul.menu li .a-3 { width: 120px; }
ul.menu li .a-4 { width: 224px; }
ul.menu li .a-5 { width: 60px; }
ul.menu li .a-6 { width: 70px; }
/*Added By Vikas, to show the current selected menu*/
.current { background: #3B78A9 url("../images/menu_active_background.png") repeat-x 0 0; color: #FFFFFF; text-decoration: none; }    


/*
** submenu
*/
ul.submenu { list-style: none; margin: 0; padding: 0; }
ul.submenu li { padding: 1ex 1ex 1ex 0; border-bottom: 1px solid #D8D8D8; }
ul.submenu li.last { border-bottom: none; }
ul.submenu li a { font-weight: 700; }
ul.submenu li .active { color: #C65F1A; font-weight: 700; }
ul.submenu li ul { list-style: none; margin: 0; padding: 0 0 0 5px; }
ul.submenu li ul li { padding: 0 0 0 10px; border: none; }
ul.submenu li ul li a, ul.submenu li ul li .active { display: block; padding-left: 8px; background: transparent url("../images/bullet_0.png") no-repeat 0 .9ex; font-size: .9em; font-weight: 400; }
ul.submenu li ul li a:focus, ul.submenu li ul li a:hover, ul.submenu li ul li .active { background-image: url("../images/bullet_1.png"); }


/*
** banner
*/
.banner { position: relative; width: 525px; padding: 2em 230px 1em 25px; border-top: 3px solid #FFFFFF; background: #E2D07B url("../images/banner_background.jpg") repeat-x 50% 100%; color: #232325; line-height: 1.25; }
.banner h1 { padding: 0; border: none; font-size: 2.4em; }
.banner .font-size { position: absolute; right: 50px; padding: 0; }
.banner .font-size a, .banner .font-size span { border-color: #DEC96E; background: #DEC96E; }
.banner .font-size a:focus, .banner .font-size a:hover, .banner .font-size span { border-color: #DEC96E; background: #6C6135; color: #FFFFFF; }


/*
** content layout
*/
.main, .main-events-1, .main-login, .main-jobs, .main-join { width: 680px; padding: 20px 50px; background: #FFFFFF; }
div.main ul {padding-top:10px;}
div.main ul li {font-size: 1.2em;}

div.main-jobs {font-size: 1.2em;}
div.main-jobs p {font-size: 1.0em;}
.main-jobs ul{padding-left: 16px;}
div.main-jobs ul li p {padding-bottom:0;}

.main-index { width: 740px; padding: 20px; background: #FFFFFF; }
.main-index-column-0 { float: left; clear: left; width: 518px; }
.main-index-column-1 { float: right; clear: right; width: 194px; }
.main-index-column-1 div.form { float: left; clear: both; width: 154px; margin: 0 0 20px 0; padding: 20px; background: #F1F3F6; font-size: .9em; }
.main-index-column-1 div.form ul.u-1 { margin-bottom: 0; padding: 0; font-size: 1em; }
.main-index-column-1 div.form p { padding-bottom: .5ex; }
.main-index-column-1 div.form p.text-right { padding: 1em 0; }
.main-index-column-1 div.form p input.text { width: 146px; }
.main-index-column-1 h1 { float: left; clear: both; width: 154px; }
.main-index-column-1 h1 a { color:#fff; }
.main-index-column-1 ul.u-1 { width: 154px; margin: 0 0 20px 0; padding: 20px; background: #F1F3F6; font-size: .9em; }
.main-index-column-1 div.form table tbody { background:none; }
.main-index-column-1 div.form table th, table td { border:none; }

.main-events-0 { width: 710px; padding: 20px 20px 20px 50px; background: #FFFFFF; }
.main-events-column-0 { float: left; clear: left; width: 496px; }
.main-events-column-1 { float: right; clear: right; width: 194px; }

.main-events-1 h1 { border: none; }
.main-events-1 h2 { margin: 0 0 1ex 0; padding: 1em 0 .5ex 0; border-bottom: 1px solid #D8D8D8; }
.main-events-1 h3 { font-size: 1.6em; }
.main-events-1 p { padding-bottom: 1em; }

.main-news-and-features-0 { width: 710px; padding: 20px 20px 20px 50px; background: #FFFFFF; }
.main-news-and-features-1 { width: 740px; padding: 20px; background: #FFFFFF; }
.main-news-and-features-column-0 { float: left; clear: left; width: 496px; }
.main-news-and-features-column-0 ul {padding-left:16px;}
.main-news-and-features-column-0 h1 { margin-bottom: 1em; }
.main-news-and-features-column-1 { float: right; clear: right; width: 194px; }
.main-news-and-features-column-1 h1 { clear: both; }
.main-news-and-features-column-2 { float: right; width: 551px; padding-left:6px;}
.main-news-and-features-column-2-0 { float: left; width: 343px; }
.main-news-and-features-column-2-0 p { padding-bottom:1.0ex; }
.main-news-and-features-column-2-0 div.info{ margin-bottom:2em; }
.main-news-and-features-column-2-0 h1 { margin-bottom: 1ex; }
.main-news-and-features-column-2-0 h2 { clear: both; padding: 0 0 0.5em 0; }
.main-news-and-features-column-2-0 p.pages { margin-top: 2em; }
div.main-news-and-features-column-2-0 ul li {font-size:1.2em;}
.main-news-and-features-column-2-0 ul li {font-size:1.2em; margin-left:16px; list-style-type: disc}
.main-news-and-features-column-2-0 ol li {font-size:1.2em; margin-left:20px;}
.main-news-and-features-column-2-0 hr {margin-bottom:7px;}
.main-news-and-features-column-2-0 span hr {margin-top:7px;}
.main-news-and-features-column-2-0 span h2 hr {margin-top:0px; margin-bottom:0px;}
.main-news-and-features-column-2-1 { float: right; width: 194px; }
.main-news-and-features-column-3 { float: left; width: 173px; }
.main-news-and-features-column-3 h2 { padding: 0 0 1ex 0; }
.main-news-and-features-column-3 h2.alt { clear: both; width: 100%; margin: 0 -10px 0 -10px; padding: 1em 10px 1ex 10px; border-top: 2px solid #E6E9EF; }
.main-facts-and-figures-column { float: left; width:551px; }

.main-facts-and-figures-0 { width: 740px; padding: 20px; background: #FFFFFF; }
.main-facts-and-figures-column-0 { float: right; width: 541px; margin-left: -1px; padding: 0 0 0 10px; border-left: 1px solid #D8D8D8; }
/*Added By Vikas, to show  right section in Fact and fighure.*/
.main-facts-and-figures-column-2 { float: right; width: 194px; margin-left: -1px; padding: 0 0 0 20px;}
.main-facts-and-figures-column-0 p.location { margin: 0 0 2em 0; }
.main-facts-and-figures-column-0 h1 { padding-bottom: 1ex; border-bottom: none; }
.main-facts-and-figures-column-0 h2 { clear: both; }
.main-facts-and-figures-column-0 table { float: left; width: 541px; overflow: scroll; }
.main-facts-and-figures-column-1 { float: left; width: 178px; border-right: 1px solid #D8D8D8; }
.main-facts-and-figures-column-0 table th, table td {padding:0.5ex 0.05ex;}

.main-councils-0 { width: 740px; padding: 20px; background: #FFFFFF; }
.main-councils-column-0 { float: right; clear: right; width: 541px; margin-left: -1px; padding: 0 0 0 20px; border-left: 1px solid #D8D8D8; }
.main-councils-column-0-0 { float: left; clear: left; width: 329px; padding: 0; margin-left:-10px;}
.main-councils-column-0-0 h1 { margin-bottom: 1ex; }
.main-councils-column-0-0 ul li {font-size:1.2em; margin-left:16px; list-style-type: disc}
.main-councils-column-0-0  ol li {font-size:1.2em; margin-left:20px;}
.main-councils-column-0-0 ul li p{padding-bottom:1ex;}
.main-councils-column-0-0 h1.h-3 { margin-bottom: 0; }
.main-councils-column-0-0 dl.legend { padding-bottom: 2em; }
.main-councils-column-0-1 { float: right; clear: right; width: 194px; padding: 2em 0 0 0; }
.main-councils-column-0-1 h1 { float: left; clear: both; width: 154px; }
.main-councils-column-1 { float: left; clear: left; width: 178px; border-right: 1px solid #D8D8D8; }

.main-jobs h1 { margin-bottom: 1em; }
.main-jobs div.form h1 { float: left; clear: both; width: 100%; }
.main-jobs h2 { color: #000000; font-size: 1.2em; font-family: "Arial", sans-serif; }

.main-join h1 { margin-bottom: 1em; }
.main-join div.form h1 { float: left; clear: both; width: 100%; }


/*
** location
*/
p.location { padding: .5ex 0; border-bottom: 1px solid #D8D8D8; color: #67676D; font-size: 1em; text-transform: uppercase; }


/*
** directory location
*/
p.select-location { padding-top: 3ex; text-align: right; }
p.select-location select { width: 190px; }


/*
** selection
*/
ul.selection { list-style: none; margin: 0; padding: 0; font-weight: 700; }


/*
** font size
*/
.font-size { text-align: right; }
.font-size a, .font-size span { padding: 0 .5ex; border: 1px solid #FFFFFF; background: #FFFFFF; }
.font-size a img { padding: .5ex 0; vertical-align: middle; }
.font-size .small { font-size: .75em; }
.font-size .medium { font-size: 1em; }
.font-size .big { font-size: 1.25em; }
.font-size a:focus, .font-size a:hover, .font-size span { border-color: #D8D8D8; text-decoration: none; }
.font-size span { font-weight: 700; }


/*
** info
*/
.info { padding: 1.5ex 3ex; background: #F7F7F7; color: #4C4C4C; font-size: .9em; }
.info p { padding: 0 0 0 13px; background: transparent none no-repeat 0 .5ex; }
.info p.date { background-image: url("../images/icon_date.png"); }
.info p.tags { background-image: url("../images/icon_tags.png"); }


/*
** lists
*/
ul.u-0 { float: left; clear: both; list-style: none; width: 100%; margin: -1px 0 0 0; padding: 0; }
ul.u-0 li { float: left; clear: both; width: 100%; padding: 1em 0 0 0; border-top: 1px solid #D8D8D8; }
ul.u-0 li p.left { padding: 0 20px 10px 0; }
ul.u-0 li p.left img { padding: 4px; border: 1px solid #D3D3D3; }

ul.u-1 { float: left; clear: both; list-style: none; width: 100%; margin: 0; padding: 0; }
ul.u-1 li { float: left; clear: both; width: 100%; }
ul.u-1 li.last { padding-top: 1em; }
ul.u-1 li a { float: left; padding-left: 8px; background: transparent url("../images/bullet_0.png") no-repeat 0 1ex; }
ul.u-1 li a:focus, ul.u-1 li a:hover { background-image: url("../images/bullet_1.png"); }
ul.u-1 li span { display: block; color: #8E8F90; font-size: .9em; text-align: right; line-height: 1; }

ul.u-2 { clear: both; list-style: none; width: 154px; margin: 0; padding: 9px 19px; border: 1px solid #D4D4D4; border-top: none; }
ul.u-2 li { padding: 10px 0; border-top: 1px solid #CAE0E6; text-align: center; }
ul.u-2 li.first { border-top: none; }

ul.u-3 { list-style: none; margin: 0; padding: 10px 20px; background: #F1F3F6; }
ul.u-3 li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #D8D8D8; }
ul.u-3 li.last { padding-bottom: 0; border-bottom: none; }
ul.u-3 li h2 { font-size: 1.3em; }
ul.u-3 li p { padding-bottom: 0; }
ul.u-3 li p.date { padding-bottom: 1em; }
ul.u-3 li p.date strong { color: #67676D; }

ul.u-4 { list-style: none; margin: 0; padding: 0; color: #232325; }
ul.u-4 li { margin-bottom: 3ex; border-bottom: 1px solid #D8D8D8; }
ul.u-4 li.last { margin-bottom: 0; border-bottom: none; }
ul.u-4 li h1 { padding: 0 0 1em 0; border: none; font-family: "Arial", sans-serif; font-size: 1.5em; line-height: 1; }
ul.u-4 li h1 span { display: block; color: #000000; font-size: .9em; font-weight: 400; }

ul.u-5 { float: left; clear: both; width: 100%; list-style: none; margin: 0; padding: 0 0 1em 0; }
ul.u-5 ul { position: relative; z-index: 500; list-style: none; margin: 0; padding: 0; width: 143px; }
ul.u-5 li { float: left;  background: #F1F3F6; }
ul.u-5 li.last { margin-top: 1em; }
ul.u-5 li span { color: #8E8F90; font-size: .9em; }
ul.u-5 a { display: block; width: 134px; padding-left: 8px; background: transparent url("../images/bullet_0.png") no-repeat 0 6px; padding-bottom: 10px; }
ul.u-5 a:focus, ul.u-5 a:hover { background-color: #E1E3E6; background-image: url("../images/bullet_1.png"); cursor: pointer; }
ul.u-5 li.hover, ul.u-5 li:hover { position: relative; }
ul.u-5 li:hover > a { text-decoration: underline; }
ul.u-5 li ul { visibility: hidden; position: absolute; top: -30px; left: 100px; padding: 30px; background: transparent; display:none}
ul.u-5 li:hover > ul, ul.u-5 li.hover ul { visibility: visible; display:block}


/*
** pages
*/
p.pages { margin: 5px 0 0 0; padding: 1em 0 0 0; border-top: 1px solid #D8D8D8; color: #194489; font-size: 1em; text-align: center; line-height: 20px; }
p.pages a { width: 81px; background: transparent url("../images/button_1.png") no-repeat 50% 50%; font-size: .88em; text-transform: uppercase; }
p.pages a:focus, p.pages a:hover { text-decoration: none; }
p.pages .previous { float: left; }
p.pages .next { float: right; }

p.pages-counter { margin-top: 0; padding: .5ex 0; border: 1px solid #D8D8D8; border-left: none; border-right: none; color: #969699; font-weight: 700; text-align: right; }


/*
** legend
*/
dl.legend { float: left; clear: both; width: 100%; margin: 0; padding: 1em 0; font-size: .75em; }
dl.legend dt { display: inline; margin: 0; padding: 0 5px 0 0; }
dl.legend dt img { vertical-align: baseline; }
dl.legend dd { display: inline; margin: 0; padding: 0 5ex 0 0; }


/*
** directory
*/
ul.directory { list-style: none; margin: 0; padding: 0; }
ul.directory li { padding: 20px 40px 20px 40px; border: 1px solid #D8D8D8; }
ul.directory li h2 { border-bottom: 1px solid #D8D8D8; font-family: "Arial", sans-serif; font-weight: 400; }
ul.directory li dl { margin: 0; padding: 1em 0; }
ul.directory li dl dt { float: left; margin: 0; padding: 1ex 0 0 0; font-weight: 700; }
ul.directory li dl dd { margin: 0; padding: 1ex 0 0 6em; }
ul.directory li dl dd p { padding-bottom: 0; }


/*
** email Sign-up
*/
.EmailSignUp-column-0{clear:left; float:left; padding-top:2.5em; width:355px;}
 .EmailSignUp-column-0 span{ float: left; clear: left; width: 100px; padding-right: 5px; }
 .EmailSignUp-column-0 input{ width: 200px; }
  .EmailSignUp-column-0 p.error{width: 290px; margin-bottom:10px;}
  
.EmailSignUp-column-1{clear:right; float:left; padding-top:2.5em; width:300px;}
 .EmailSignUp-column-1 span{display: block; padding-bottom:10px; font-size: 1.1em;}
 .EmailSignUp-column-1 h2{padding-bottom: 10px;}
 
/*
** topics
*/
.topics { padding: 1ex 0 0 0; border-top: 1px solid #D8D8D8; }

.topics div.clear { padding-bottom: 3ex; }
.topics div.clear div { float: left; width: 147px; margin: 0 0 0 -1px; padding: 0 10px 0 15px; border-left: 1px solid #D4D4D4; }
.topics div.clear div.first { width: 162px; margin-left: 0; padding-left: 0; border-left: none; }
.topics div.clear div h3 a { color: #C65F1A; text-decoration: underline; }
.topics div.clear div h3 a:focus, .topics div div h3 a:hover { text-decoration: none; }
.topics div.clear div ul { float: left; clear: both; list-style: none; width: 100%; margin: 0; padding: 0; font-size: .9em; }
.topics div.clear div ul li { float: left; clear: both; width: 100%; padding-top: 1ex; }
.topics div.clear div ul li a { padding-left: 8px; background: transparent url("../images/bullet_0.png") no-repeat 0 .9ex; }
.topics div.clear div ul li a:focus, .topics div div ul li a:hover { background-image: url("../images/bullet_1.png"); }
.topics div.clear div ul li img { padding: 0 2px; vertical-align: baseline; }


/*
** login form
*/
div.login { float: left; clear: both; width: 618px; padding: 20px 30px; border: 1px solid #D8D8D8; }
div.login .login-column-0 { float: left; clear: left; width: 365px; padding-top: 1em; }
div.login .login-column-1 { float: right; clear: right; width: 223px; padding-top: 2.5em; }
div.login h1 { padding-top: 1em; }
div.login p { float: left; clear: both; width: 100%; padding: .5ex 0 .5ex 0; }
div.login p.p-0 { padding: 1ex 0 1em 0; }
div.login p.error { float: none; width: auto; padding: 1ex 1em; }
div.login p label { float: left; clear: left; width: 100px; padding-right: 5px; }
div.login p input.text { float: left; clear: right; width: 252px; }
/*Added By Falguni, to remove the bg color in MemberLogin page*/
div.login table td{background-color:#fff;border:none;}

.adminlogin .login-column-0 { float: left; clear: left; width: 365px; padding-top: 1em; }
.adminlogin tbody {background:#FFFFFF;}
.adminlogin td{padding:0;}
.login-column-0 p.text-left label { float: left; clear: left; width: 100px; padding-right: 5px; }
.login-column-0 p.text-left input{ float: left; clear: right; width: 252px; background:#FFFFFF none repeat scroll 0%; border:1px solid #7F9DB9; color:#67676D; font-size:0.9em; padding:2px 3px;}
.login-column-0 p span.text-left{float:left; clear: none; width:150px;}
.login-column-0 p span.text-right{float:right; clear: none;} 

/*
** jobs form
*/
div.jobs { float: left; clear: both; width: 365px; margin-left: 126px; padding: 20px 30px; border: 1px solid #D8D8D8; }
div.jobs h1 { padding-top: 1em; }
div.jobs p { float: left; clear: both; width: 100%; padding: .5ex 0 .5ex 0; }
div.jobs p.separator-0 { padding-bottom: 1em; border-bottom: 1px solid #D8D8D8; }
div.jobs p.separator-1 { padding: 3ex 0 3ex 0; border-bottom: 1px solid #D8D8D8; }
div.jobs p.text-center { padding: 1em 0 0 0; }
div.jobs p.error { float: none; width: auto; padding: 1ex 1em; }
div.jobs p span { float: left; clear: left; width: 100px; }
div.jobs p input.file, div.jobs p select, div.jobs p span.right, div.jobs p input.text { float: right; clear: right; width: 252px; }
div.jobs p span.right { width: 260px; }
div.jobs p select { width: 260px; }
div.jobs p input.file { width: 260px; }
div.jobs p textarea { margin-top: 1ex; width: 365px; }


/*
** join form
*/
div.join { float: left; clear: both; width: 618px; padding: 20px 30px; border: 1px solid #D8D8D8; }
div.join h1 { padding-top: 1em; }
div.join p { float: left; clear: both; width: 100%; padding: .5ex 0 .5ex 0; }
div.join div.left { width: 500px; }
div.join p.left { clear: left; width: auto; }
div.join p.error { float: none; width: auto; padding: 1ex 1em; }
div.join p span { float: left; clear: left; width: 108px; padding-right: 10px; }

div.join p.join-column-0 { clear: none; width: 500px; padding: .5ex 0; font-size: 1.1em; line-height: 1; }
div.join p.join-column-0 span { float: left; clear: none; width: 100px; padding: 0; }
div.join p.join-column-0 span input.checkbox { float: left; }
div.join p.join-column-0 span label.checkbox { float: right; width: 80px; padding-top: .5ex; }
div.join p.join-column-0 input.text { margin-left: 1em; }

div.join .join-column-2 { float: left; width: 300px; }

div.join .join-column-2 input.text, div.join .join-column-3 input.text { float: left; width: 174px; }

div.join .join-column-3 { float: right; clear: none; width: 300px; }
div.join .join-column-3 p.p-0 span { float: left; clear: none; padding: 0; }
div.join .join-column-3 p.p-0 span.s-0 { width: 36px; }
div.join .join-column-3 p.p-0 span.s-1 { width: 55px; padding: 0 3px 0 10px; }
div.join .join-column-3 p.p-0 select { float: left; width: 80px; }
div.join .join-column-3 p.p-0 input.text { float: left; width: 107px; }

div.join p.join-column-4 { float: left; clear: none; width: 500px; }
div.join p.join-column-4 span { float: none; display: block; width: auto; padding: 0; }

div.join p.join-column-5 { padding: 1em 0 0 118px; width: 500px; }
div.join p.join-column-5 textarea { width: 492px; }

div.join p.text-center { margin-top: 1em; padding-top: 1em; border-top: 1px solid #D8D8D8; }

div.join select.wide { width: 200px; }
div.join input.wide { width: 492px; float: right; }


/*
** footer
*/
p.footer { list-style: none; margin: 0; padding: 3ex 0 5ex 0; background: #FFFFFF url("../images/footer_background.png") repeat-x 0 0; text-align: center; line-height: 1.3; }
p.footer span.first{padding-right:3px;}
p.footer span.reg{font-size: 0.9em;}
p.footer a { margin-left: .5ex; font-size: 1.0em; }
p.footer a.first { margin-left: 0; padding-left: 0; border-left: none; }
.socialimages{margin:0px 10px 0px 10px; vertical-align:middle;}

/*
** the end
*/