body{ font-size:70%; font-family:Arial, Verdana, Helvetica, sans-serif; margin:0px; padding:0px; height:100%; width:100%; background:url(../../_graphics/bg_repeat.jpg) repeat-x #FFF top; color:#333333; }
p { margin:0px 0px 10px; padding:0px; line-height:160%;}
a { text-decoration:none;}
p a {color:#367910; text-decoration:underline;}
p a:hover {color:#000; text-decoration:underline;}
a:hover{ text-decoration:underline;}
.clear{height:0px;line-height:0px;font-size:0px;margin:0px;clear:both;}
.clearp {float:left; clear:both;}
ul li {line-height:160%;}
ol li {padding-bottom:10px; line-height:160%;}
ol li span, p span {color:#367910; font-size:110%; font-weight:bold; }
input, textarea, select { font-size:95%; font-family:Arial, Helvetica, sans-serif;}


div#page {width:829px; margin:0px auto; padding: 0px; height:100%; background-color:white;}
div#header { background:url(../../_graphics/header_bg.jpg) no-repeat top; width:829px; padding-bottom:15px; float:left; clear:both; }
div#main_container {width:829px; float:left; clear:none;background:url(../../_graphics/content_bg_repeat.jpg) repeat-y top; padding: 0px ;}
div#main_content { margin:0px; width:533px; display:inline; float:left;}
div#main_left { width:232px; display:inline; float:left;}
div#main_right{ padding:0px; width:199px; display:inline; float:right;}
div#navigation { width:170px; float:left; clear:left; margin:9px 0px 0px 63px}
div#search_fac { height:140px; padding-top:20px; padding-bottom:20px;}
div#footer_links { background:url(../../_graphics/footer.jpg) no-repeat top; clear:both; padding:40px 0px 15px 0px; font-size:80%; color:#666; height:20px; line-height:20px; }


/*------------------------------ Header -------------------------------*/
div#header div#hdr_logo { float:left; padding:30px 0px 10px 63px}
div#header div#hdr_logo a img { border:none; text-decoration:none;}
div#header div.panel { float:left; clear:left;}
div#header div#headerLinks { float:right; padding:75px 63px 0px 0px; color:#666; font-size:90%; }
div#header div#headerLinks a { text-decoration:none; color:#666; text-transform:uppercase; padding:2px 4px 0px 18px; text-indent:18px; }
div#header div#headerImage { margin:5px 63px 3px; width:703px; height:223px; overflow:hidden; float:left; clear:both;}
div#header div#breadcrumbs {background-color:#7BB000; height:20px; margin:0px 63px; width:703px;  float:left; clear:both;}
div#header div#headerLinks a.home {background:url(../../_graphics/icon_home.gif) no-repeat top left;}
div#header div#headerLinks a.contact {background:url(../../_graphics/icon_contact.gif) no-repeat top left;}
div#header div#headerLinks a.login {background:url(../../_graphics/icon_login.gif) no-repeat top left;}
div#header div#headerLinks a.home:hover, div#header div#headerLinks a.contact:hover, div#header div#headerLinks a.login:hover {text-decoration:underline;}

/*------------------------------ navigation -------------------------------*/
div#navigation ul { margin:0px; padding:0px; float:left; clear:left; width:70px; color:white;}
div#navigation ul li { list-style:none; list-style-image:none; margin:0px;width:170px;height:30px;}
div#navigation ul li a { background-image:url(../../_graphics/menu_buttons/menu_btn.jpg); background-repeat:no-repeat; color:#377A11; display:block; font-weight:bold; height:30px; padding-top:7px;text-decoration:none; text-indent:21px; width:170px;}
div#navigation ul li a:hover, div#navigation ul li a.active { background-image:url(../../_graphics/menu_buttons/menu_btn_hover.jpg); background-repeat:no-repeat; color:#FFFFFF; display:block; height:30px; text-decoration:none; width:170px;}
div#logindetails {float:left; clear:both; margin:20px 0px 10px 0px; width:170px;}
div#logindetails img#clientLogo { width:170px; margin-bottom:3px; float:left;}
div#logindetails p { margin-bottom:3px;}
div#logindetails p.bold {font-weight:bold;}
div#logindetails p.bold span { font-weight:normal; color:#333; width:50px; float:left; clear:none; }
div#logindetails a { font-weight:bold;}

/*------------------------------ main_content panels -------------------------------*/
div#main_content div.panel { margin-left:18px;}
div#main_content div.panel_seperator { margin:20px 0px; font-size:0px; line-height:0px;}
div#main_content div.panel img { float:right; clear:none; margin:0px 0px 5px 10px;}

/*------------------------------ main_right panels -------------------------------*/
div#main_right div.panel { padding:10px;}
div#main_right div.panel_seperator { margin:20px 0px; font-size:0px; line-height:0px;}

/*------------------------------ main_left panels -------------------------------*/
div#main_left div.panel {padding:10px;	}
div#main_left div.panel_seperator { margin:20px 0px; font-size:0px; line-height:0px;}


/*------------------------------ footer -------------------------------*/
div#footer {}
div#footer ul { padding:0px; margin:0px 40px;  }
div#footer ul li { display:inline; float:left; margin:0px 3px; }
div#footer ul li a { color:#666;text-decoration:underline; }
div#footer ul li.sitebylink {float:right;}

/*------------------------------ Home -------------------------------*/
body.home div#header div#headerImage { background:url(../../_images/image_home.jpg) no-repeat top; }
/*body.home div#navigation {padding-bottom:260px; background: url(../../_images/hsbc_natfin_logo.jpg) no-repeat bottom;}*/
body.home div#navigation {padding-bottom:128px; background: url(../../_images/padp_logo.jpg) no-repeat bottom;}
/*------------------------------ About -------------------------------*/
body.about div#header div#headerImage { background:url(../../_images/header_about_ethicall.jpg) no-repeat top; }
body.about div#navigation {padding-bottom:128px; background: url(../../_images/padp_logo.jpg) no-repeat bottom;}
/*------------------------------ whatweoffer -------------------------------*/
body.whatweoffer div#header div#headerImage { background:url(../../_images/header_what_ethicall_does.jpg) no-repeat top; }
/*------------------------------ pricing -------------------------------*/
body.pricing div#header div#headerImage { background:url(../../_images/header_ethicall_pricing.jpg) no-repeat top; }
/*------------------------------ joblistings -------------------------------*/
body.joblistings div#header div#headerImage, body.legals div#header div#headerImage { background:url(../../_images/header_ethicall_team.jpg) no-repeat top; }
body.joblistings div#navigation {padding-bottom:128px; background: url(../../_images/padp_logo.jpg) no-repeat bottom;}
/*------------------------------ contact -------------------------------*/
body.contact div#header div#headerImage{ background:url(../../_images/header_ethicall_contact.jpg) no-repeat top; }
body.contact input.submit { float:left; clear:both; margin:5px 6px; width:58px; height:23px; background:url(../../_graphics/clientftp/login.png) no-repeat top center; border:none; cursor:pointer; color:#FFF; font-weight:bold; padding-bottom:4px; line-height:20px; }
body.contact input.submit:hover {background:url(../../_graphics/clientftp/login_f2.png) no-repeat top center;}
/*----- client area ----*/
body.clientftp div#header div#headerImage, body.welcome div#header div#headerImage, body.projects div#header div#headerImage, body.adddoc div#header div#headerImage, body.request div#header div#headerImage, body.logout div#header div#headerImage, body.editadmin div#header div#headerImage, body.requestformsuccess div#header div#headerImage, body.docaddsuccess div#header div#headerImage, body.editpasswordsuccess div#header div#headerImage, body.editloginsuccess div#header div#headerImage {background:transparent url(../../_images/header_client_ftp.jpg) no-repeat scroll center top;}

/*------------------------------ change location popup -------------------------------*/
.black_overlay{display:none;position: absolute;top: 0%;left: 0%; width:100%; height:100%;background:url(../../_graphics/popup/bg_tile.png) repeat;  z-index:9001 !important; /*background-color: black; opacity:0.8;   filter:alpha(opacity=80);*/}
.white_content {display: none; position:absolute; top:20%; left:0%;  width:100%; height: 100%; padding:0px; z-index:9002 !important; overflow: auto; }
.white_content #message {display: none; position:relative; top:0%; left:0%; margin:0px auto; width:439px; height:347px;  z-index:9003 !important; overflow: hidden; background-color:white;}

/*------------------------------ client ftp -------------------------------*/
body.clientftp label { float:left; clear:both; margin-bottom:4px;}
body.clientftp input { float:left; clear:both; margin-bottom:10px; width:250px;}
body.clientftp input.login { float:left; clear:both; margin-bottom:10px; width:58px; height:23px; background:url(../../_graphics/clientftp/login.png) no-repeat top center; border:none; cursor:pointer; color:#FFF; font-weight:bold; padding-bottom:4px; line-height:20px;}
body.clientftp input.login:hover {background:url(../../_graphics/clientftp/login_f2.png) no-repeat top center;}

body.projects table, body.clientftp table { width:515px; margin-top:15px; margin-bottom:10px; float:left; clear:both;}
body.projects tr.thbg, body.clientftp tr.thbg { background:url(../../_graphics/clientftp/th_bg.png) repeat-x top; height:26px;}
body.projects table th, body.clientftp table th { border-left:#FFF solid 2px;}
body.projects table th.first, body.campaigns table th.first, body.clientftp table th.first { width:180px; text-align:left; text-indent:10px; border:none;}
body.projects table td, body.clientftp table td { height:34px; text-align:center; border-left:#EBEBEB dotted 2px; border-bottom:#EBEBEB solid 1px;}
body.projects table td.first, body.clientftp table td.first { width:180px; text-align:left; padding-left:10px; border-left:none;}
body.projects table td.view, body.clientftp table td.view { width:70px;}

body.projects input.view, body.clientftp input.view { float:left; clear:both; margin:5px 6px; width:58px; height:23px; background:url(../../_graphics/clientftp/login.png) no-repeat top center; border:none; cursor:pointer; color:#FFF; font-weight:bold; padding-bottom:4px; line-height:20px; }
body.projects input.view:hover, body.clientftp input.view:hover {background:url(../../_graphics/clientftp/login_f2.png) no-repeat top center;}
td.download { width:93px;}
body.projects input.download, body.clientftp input.download { float:left; clear:both; margin:5px 6px; width:81px; height:23px; background:url(../../_graphics/clientftp/download.png) no-repeat top center; border:none; cursor:pointer; color:#FFF; font-weight:bold; padding-bottom:4px; line-height:20px;}
body.projects input.download:hover, body.clientftp input.download:hover {background:url(../../_graphics/clientftp/download_f2.png) no-repeat top center;}
body.projects input.delete, body.clientftp input.delete { float:left; clear:both; margin:5px 6px; width:81px; height:23px; background:url(../../_graphics/clientftp/delete.png) no-repeat top center; border:none; cursor:pointer; color:#FFF; font-weight:bold; padding-bottom:4px; line-height:20px; }
body.projects input.delete:hover, body.clientftp input.delete:hover {background:url(../../_graphics/clientftp/delete_f2.png) no-repeat top center;}
body.projects a.backtopros { float:left; clear:both; margin:0px 0px 6px; width:146px; height:23px; background:url(../../_graphics/clientftp/backtopros.png) no-repeat top center; border:none; cursor:pointer; color:#FFF; font-weight:bold; padding-bottom:4px; line-height:20px; text-align:center;}
body.projects a.backtopros:hover  {background:url(../../_graphics/clientftp/backtopros_f2.png) no-repeat top center;}

body.adddoc label { float:left; clear:both; margin-bottom:4px;}
body.adddoc input, body.adddoc textarea { float:left; clear:both; margin-bottom:10px; width:250px;}
body.adddoc select.projectlist {min-width:250px; float:left; clear:both; margin-bottom:10px;}
html>body.adddoc select.projectlist {width:250px; }
body.adddoc input.adddoc { float:left; clear:both; margin:0px 0px 6px; width:146px; height:23px; background:url(../../_graphics/clientftp/backtopros.png) no-repeat top center; border:none; cursor:pointer; color:#FFF; font-weight:bold; padding-bottom:4px; line-height:20px; text-align:center;}
body.adddoc input.adddoc:hover  {background:url(../../_graphics/clientftp/backtopros_f2.png) no-repeat top center;}

body.request label { float:left; clear:both; margin-bottom:4px;}
body.request input, body.request textarea { float:left; clear:both; margin-bottom:10px; width:250px;}
body.request select.requestlist {min-width:250px; float:left; clear:both; margin-bottom:10px;}
html>body.request select.requestlist {width:250px; }
body.request input.sendrequest { float:left; clear:both; margin:0px 0px 6px; width:146px; height:23px; background:url(../../_graphics/clientftp/backtopros.png) no-repeat top center; border:none; cursor:pointer; color:#FFF; font-weight:bold; padding-bottom:4px; line-height:20px; text-align:center;}
body.request input.sendrequest:hover  {background:url(../../_graphics/clientftp/backtopros_f2.png) no-repeat top center;}

.form2 {padding:0px; margin:0px}
body.editadmin form {padding:0px; margin:0px}
body.editadmin label { float:left; clear:both; }
body.editadmin input { float:left; clear:both; width:200px;}
body.editadmin table th { text-align:left; padding:0px 5px 4px 0px;}
body.editadmin table td { text-align:left; padding:0px 5px 10px 0px;}
body.editadmin input.update { float:left; clear:both;  width:58px; height:23px; background:url(../../_graphics/clientftp/login.png) no-repeat top center; border:none; cursor:pointer; color:#FFF; font-weight:bold; padding-bottom:4px; line-height:20px;}
body.editadmin input.update:hover {background:url(../../_graphics/clientftp/login_f2.png) no-repeat top center;}
.line {border:#CCC solid 1px; margin-left:18px !important;}

/****************************** 								FORM STYLES            
**************************************************************************/
p.formErrorText {color:#CC0000;text-decoration: none;text-align:left;margin:0px;}
.text {width:99%; padding:0px 1px 0px 0px; border:#666 1px solid;}
.formErrorField {width:99%; padding:0px 1px 0px 0px; border:#990000 2px solid;}
.formNormField {width:99%; padding:0px 1px 0px 0px; border:#999999 1px solid;}

/*-------------------------------------------------SiFR STYLES------------------------------------------------------------*/
h1{ padding:0px; margin:0px; color:#367910}
h2{ padding:0px; margin:0px; color:#367910}
h3{ padding:0px; margin:0px; color:#367910}
h4{ padding:0px; margin:0px; color:#367910}
h5{ padding:0px; margin:0px; color:#367910}