/* TODO refactor */

body#modal {
	background: none;
}
div#modalAddNewsItem h1, div#modalShowNewsItem h1, div#modalConfirmDelete h1, div#modalLogin h1, div#modalJobApply h1, div#modalSendMessage h1, div#modalSendMessage2 h1, div#modalDefault h1 {
	font-weight: normal;
	font-size: 24px;
	color: #222;
	margin-bottom: 24px;
}
div#modalAddUser h1 {
    color: #000;
    font-size: 18px;
    margin: 18px 0;
    font-weight: normal;
    padding: 0
}
div#modalSendMessage h1, div#modalSendMessage2 h1, div#modalLogin h1, div#modalJobApply h1 {
	margin:24px 0;
}
div#modalLogin h1 {
	margin-bottom: 12px;
}
div#modalShowNewsItem h1 {
	margin-top: 20px;
}
div#modalAddNewsItem p, div#modalShowNewsItem p, div#modalConfirmDelete p, div#modalLogin p, div#modalJobApply p, div#modalSendMessage p, div#modalSendMessage2 p, div#modalDefault p {
	margin: 18px 0;
}
div.wrap {
	border: 1px solid #dedede;
	margin: 8px;
	padding: 0 42px 0 34px;
	position: relative;
	width: auto;
}
div.footer, div.header {
	background-color: #f4f4f4;
	font-size: 11px;
	line-height: 44px;
	padding-left: 12px;
}
div.header {
	line-height: 30px;
}
div.header img {
	vertical-align: middle;
	margin-right: 10px;
}
div.header span {
	font-size: 18px;
	position: relative;
	top: 2px;
}
div#modalShowNewsItem div.header span a {
    color: #222;
}
div#modalShowNewsItem div.footer span {
	vertical-align: middle;
	line-height: 44px;
	min-height: 45px;
	height: auto !important;
	height: 45px;
}
* html div#modalShowNewsItem div.footer span {
	height: 45px;
}
div#modalShowNewsItem div.footer img {
	vertical-align: middle;
}
div#modalShowNewsItem div.header {
    padding: 16px;
}
.footer a:link, .footer a:visited {
	color: #900d07;
	text-decoration: none;
}
.footer a:hover {
	color: #900d07;
	text-decoration: underline;
}
div.addItemHead {
	background: url('../images/double_hr.gif') 0 100% repeat-x;
	padding-bottom: 1px;
}
h1.addEditNews {
	background: url('../images/add_news_bg.gif') 0 50% no-repeat;
	padding: 0 0 0 52px;
	line-height: 44px !important;
	margin-top: 18px;
}

table.modalAdd {
/*	border: 1px solid;*/
	width: 100%;
}
div#modalLogin table.modalAdd {
	width: auto;
}
div#password_success h2 {
    color: #688B8A;
}
div#password_success h2 span {
    font-style: italic;
}
div#password_success p {
    color: #7A7A7A;
    font-size: 15px;
    line-height: 20px;
}
table.modalAdd th {
	color: #688b8a;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
	text-align: right;
	vertical-align: top;
	padding-right: 22px;
}
table.modalAdd td, table.modalAdd th {
	padding-top: 10px;
	padding-bottom: 10px;
}
div#modalAddNewsItem input.text, div#modalAddNewsItem textarea, div#modalSendMessage input.text, div#modalSendMessage textarea, div#modalJobApply input.text, div#modalJobApply textarea {
	width: 486px;
}
div#modalLogin input.text {
	width: 240px;
}
div#modalAddNewsItem textarea {
	height: 220px;
}
div#modalSendMessage2 textarea.text, div#modalSendMessage2 input.text {
	width: 440px;
}
div#modalSendMessage2 textarea.text {
	height: 205px;
}
div#modalJobApply textarea {
	height: 150px;
}
div#connectionAdd {
    margin: 0 30px;
}
div#modalHelper div#connectionAdd h1 {
    padding: 0;
    color: #000;
    padding-left: 0;
    margin-top: 30px;
    font-size: 20px;
}
div#connectionAdd p {
    color: #585858;
    font-size: 14px;
    font-family: Georgia,"Palatino","Century Schoolbook",serif;
    line-height: 18px;
}
div#connectionAdd div {
    margin: 20px 0;
}
div#connectionAdd div label {
	font-size: 14px;
}
div#connectionAdd div input {
    margin-right: 10px;
}
div#connectionAdd div div {
    color: #848484;
    font-style: italic;
    margin: 15px 0 0 25px;
}
div#connectionAdd div div span {
    background: #EEF6F8;
    padding: 12px;
    padding-top: 14px;
    color: #5FAEB2;
    margin-bottom: 12px;
    font-style: normal;
    margin-left: 30px;
    display: block;
    width: auto;
    float: left;
}
div#connectionAdd div span select {
    margin-left: 10px;
}
div#connectionAdd form textarea {
    color: #848484;
    font-size: 11px;
    height: 60px;
    width: 97%;
    font-family: Arial, Helvetica, sans-serif;
}
div#connectionAdd form div#more p {
    color: #000;
}
div#connectionAdd a.cancel {
    position: relative;
    top: 2px;
}
.note {
	color: #a9a9a9;
	display: block;
	font: 10px/15px Arial, Helvetica, sans-serif;
	margin: 2px 0;
}

div#modalAddNewsItem div.hr, div#modalShowNewsItem div.hr, div#modalConfirmDelete div.hr, div#modalLogin div.hr, div#modalJobApply div.hr, div#modalSendMessage div.hr, div#modalDefault div.hr {
	background: url('../images/double_hr.gif') 0 100% repeat-x;
	height: 3px;
	margin: 18px 0;
}
div#modalAddNewsItem p.rep, div#modalShowNewsItem p.rep, div#modalConfirmDelete p.rep, div#modalLogin p.rep, div#modalJobApply p.rep, div#modalSendMessage p.rep, div#modalDefault p.rep {
	margin: 18px 0;
	text-align: right;
}
div#modalSendMessage2 p.rep {
	text-align: right;
}
td#msgCompanyDirectoyCont {
	position: relative;
}
a#msgCompanyDirectory {
    right: 45px;
    position: absolute;
}
div#modalSendMessage2 div.wrap {
	min-height: 450px;
	height: auto !important;
	height: 450px;
}
* html div#modalSendMessage2 div.wrap {
	height: 450px;
}

div#modalSendMessage p.rep input, div#modalJobApply p.rep input {
/*	margin-right: 25px; */
	margin-right: 0;
}

div#modalSendMessage2 td.last {
	padding: 0;
	padding-top: 8px;
	padding-bottom: 18px;
}
div#modalSendMessage2 td.last p.rep {
	margin: 0;
	padding: 0;
}
div#modalSendMessage2 p.rep input {
	margin-right: 0;
}

div#modalShowNewsItem div.wrap {
	border: 1px solid #dedede;
/*	padding: 56px 54px 42px 48px;*/
/*	width: 578px;*/
	width: 590px;
	min-height: 530px;
	height: auto !important;
	height: 530px;
	padding: 25px 50px;
}
* html div#modalShowNewsItem div.wrap {
	height: 530px;
}

div.close {
	position: absolute;
	top: 5px;
	right: 5px;
}

div#modalConfirmDelete div.wrap {
	border: 1px solid #dedede;
	margin: 8px;
	padding: 24px 48px 32px 42px;
	width: 416px;
}

div.modal div.content p {
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin: 24px 0;
}
div.grayContent p, div#modalConfirmDelete p {
	color: #858484 !important;
}

div#modalSendMessage span.link, div#modalJobApply span.link {
	font-style: italic;
	font-size: 12px;
	padding-left: 6px;
	vertical-align: middle;
}
div#modalJobApply span.link span {
	color: #A4A3A3;
}
div#modalJobApply div div.resBlock {
/*	width: 100%; */
	width: 480px; 
	display: block;
	height: auto;
	padding: 10px;
	margin-top: 10px;
}

div#modalJobApply table.modalAdd td big {
	color: #504e4e;
	font-size: 14px;
}
div#modalJobApply table.modalAdd td#resOptions div.row {
	margin-bottom: 8px;
}
div#modalSendMessage td#resUpload, div#modalJobApply td#resUpload {
	padding: 18px;
}
div#modalSendMessage td.highlight, div#modalJobApply td.highlight {
	background-color: #eef7f7;
}

div.whoops {
	color: #90aaaa;
	font-size: 12px;
	margin-bottom: 18px;
}
div.whoops span {
	color: #7bb9b9;
	font-size: 18px;
	font-style: italic;
}

/* -----------------------------------------------------------------
	_login
----------------------------------------------------------------- */

div#modalLogin table.modalAdd {
	width: auto;
}

div#modalLogin table.modalAdd th {
	width: 90px;
}
div#modalLogin input.text, div#modalLogin table.modalAdd td {
	width: 238px;
}
div#modalLogin td.sub {
    padding-bottom: 10px;
}
div#modalLogin td.sub input {
    margin: 0;
}
div#modalLogin td label {
    color: #ADAAAA;
    padding-left: 5px;
}
div#modalLogin a#noAccount {
    font-size: 10px;
}

table.modalLoginT {
	width: 382px;
	margin: 18px 0;
}
table.modalLoginT td {
	padding-top: 6px;
	padding-bottom: 6px;
}
table.modalLoginT th {
	color: #688B8A;
	width: 106px;
	text-align: right;
	font-weight: normal;
	padding-right: 22px;
	font-size: 18px;
}

td.keep {
	text-align: right;
}

div#modalLogin div.extras {
	color: #999;
	background: #f3f3f3;
	font: 10px/24px Arial, Helvetica, sans-serif;
	text-align: center;
}

div.extras a:link, div.extras a:visited {
	color: #999;
}
div#modalLogin div.wrap {
	padding: 2px;
}
div#modalLogin div#loginInnerWrap {
	padding: 0 40px 0 32px;
}


/* -----------------------------------------------------------------
	_helper
----------------------------------------------------------------- */

div#modalHelper div.wrap {
    padding: 0;
    margin: 0;
	height: 498px;
}
div#modalHelper div.helperInner {
	overflow: auto;
}
div#modalHelper div.wrap h1 {
    font-size: 26px;
    margin-top: 35px;
    margin-bottom: 10px;
    padding-left: 40px;
}
div#modalHelper div.helperInner h1 {
    height: auto;
    background: none;
    margin-top: 0;
    padding: 0;
}
div#modalHelper div.helperInner p {
    color: #737272;
    font-size: 12px;
    line-height: 22px;
}
div#modalHelper div.wrap div div.helperInner {
    padding: 0 40px 10px;
}

div#modalHelper div.helperInner p.tip {
	font: 11px/22px Arial, Helvetica, sans-serif;
}
div#modalHelper div.helperInner p.tip span {
    color: #E76225;
    text-transform: uppercase;
	font: 11px/22px Georgia, "Palatino", "Century Schoolbook", serif;
}
div#modalHelper div.floatDivImg {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
div#modalHelper div.containFloat {
	overflow: auto;
}	

/* -----------------------------------------------------------------
	_helper 
	_specific
----------------------------------------------------------------- */

div#helperSearch h1 {
    height:90px;
    background: url(../images/helper/searchHeader.gif) 40px 0 no-repeat;
}

div#helperMyNav h1 {
    height:90px;
    background: url(../images/helper/myNavHeader.gif) 0 40px no-repeat;
}
div#helperMyNav strong {
    width: 100%;
    display: block;
    font-weight: normal;
    color: #000;
    font-size: 16px;
    padding-bottom: 5px;
}
div#helperBrowse h1 {
    height: 90px;
    background: url(../images/helper/browseHeader.gif) 0 0 no-repeat;
}
div#helperEditProfile h1 {
    padding-bottom: 15px;
}
div#helperJobs h1 {
    height: 90px;
    background: url(../images/helper/jobsHeader.gif) 0 0 no-repeat;
    margin-bottom: 0;
}
div#helperJobsAccount h1 {
    height: 80px;
    background: url(../images/helper/jobsAccountHeader.gif) 0 40px no-repeat;
}
div#helperMessage h1 {
    height: 80px;
    background: url(../images/helper/messageHeader.gif) 0 10px no-repeat;
}
div#helperUsers h1 {
    height: 80px;
    background: url(../images/helper/usersHeader.gif) 40px 40px no-repeat;
}
div#helperCatalogAccount h1 {
    height: 90px;
    background: url(../images/helper/catalogAccountHeader.gif) 0 40px no-repeat;
}
div#helperCatalog h1 {
    height: 90px;
    background: url(../images/helper/catalogHeader.gif) 20px 0 no-repeat;
}
div#helperForum h1 {
    height: 90px;
    background: url(../images/helper/forumHeader.gif) 0 0 no-repeat;
}
div#helperGroup h1 {
    height: 90px;
    background: url(../images/helper/groupHeader.jpg) 0 0 no-repeat;
}
div#helperEditProfile h1 {
    height: 80px;
    background: url(../images/helper/editProfileHeader.gif) 40px 0 no-repeat;
}
div#helperSignUp h1 {
    color: #9E9C4C;
    height: 50px;
    padding-top: 10px;
    background: url(../images/helper/signUpHeader.jpg) 210px 0 no-repeat;
}
div#modalHelper div#helperSignUp div.helperInner p {
    color: #494949;
    font-size: 20px;
}
div#modalHelper div#helperSignUp div.helperInner div {
    overflow: auto;
}
div#modalHelper div#helperSignUp div.helperInner div img {
    float: left;
    margin-right: 20px;
}
div#modalHelper div#helperSignUp div.helperInner div div {
    margin-top: 16px;
    border: 2px solid #E6E6E6;
    height: 145px;
    margin-bottom: 40px;
    overflow: hidden;
}
div#modalHelper div#helperSignUp div.helperInner div div p {
    color: #C9420D;
    font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #D4D4D4;
    height: 117px;
    padding: 26px 15px 0;
    background: url(../images/helper/signUpBg.gif) 0 4px repeat-x;
}
div#helperSignUp a.lightwindow_action {
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* -----------------------------------------------------------------
	_revised modal styleguide
		developed by Peng
		modals list
			#validateType
			#confirmAndClose
			#sendToAFriend
			#contactsList/Nope
			#joinGroup
			#leaveGroup
			#inviteToGroup/Nope - has non-member email field
----------------------------------------------------------------- */

div.modal div#inviteToGroup {
	height: 630px;
	.height: 670px;
}
div.modal div#inviteToGroupNope {
	height: 365px;
	.height: 405px;
}
div.modal div#contactsList,
div.modal div#joinGroupConfirm {
	height: 430px;
	.height: 470px;
}
div.modal div#joinPrivateGroupConfirm {
	height: 500px;
	.height: 540px;	
}
div.modal div#subscribeGroup,
div.modal div#contactsListNope,
div.modal div#joinGroup,
div.modal div#leaveGroup {
	height: 245px;
	.height: 285px;
}
/* works with 320 height */
div.modal div#validateType {
	height: 280px;
	.height: 310px;
}

div.modal div.modalRevised div.separator {
	background-color: #eee;
}
/*overriding default modal instructions*/
div.modal div.modalRevised .block {
	display: block !important;
	margin: 18px 40px 18px 40px !important;
	padding: 0 !important;
}
div.modal div.modalRevised .section {
	padding-top: 12px !important;
}
div.modal div.modalRevised fieldset.block {
	padding: 24px !important;
}
div.modal div.modalRevised fieldset .block {
	margin: 18px 0 !important;
}
div.modal div.modalRevised h1.block{
	margin-top: 36px !important;
	line-height: 36px !important;
}
div.modal div.modalRevised label.block,
div.modal div.modalRevised p.block {
	color: #606060 !important;
	font-size: 14px !important;
	line-height: 20px !important;
}
div.modal div.modalRevised .black {
	color: #222;
}
div.modal div.modalRevised .meta {
	font-size: 12px;
	color: #666;
}
div.modalRevised div#listing {
	height: 200px;
	overflow: auto;
	background-color: #eef7f7;
	padding: 10px;
	border: 1px solid #e3e3e3;
}
div.modalRevised div#listing div.even {
	background-color: #fafdfd;
}

div.modalRevised div#listing div {
	line-height: 18px;
	padding:6px;
}
div.modalRevised div#listing div input {
/*
	position: relative;
	top: 3px;
	left: 8px;
*/
}
div.modalRevised div#listing div label {
	font-size: 14px;
	color: #a01f1b;
	padding-left: 18px;
}
div.modalRevised div.listing label {
	font-size: 14px;
	color: #688b8a;
	padding-right: 4px;
}
div.modalRevised div.listing div.row {
	padding-bottom: 6px;
}
div.modalRevised div.clearfix label {
	padding: 0 12px;
}
div.modalRevised fieldset {
	border: 1px solid #e3e3e3;
	background: #eef7f7;
	padding: 26px !important;
}
div.modalRevised fieldset small,
div.modalRevised fieldset label, 
div.modalRevised fieldset input, 
div.modalRevised fieldset textarea {
	display: block;
	margin: 1em 0;
}
div.modalRevised fieldset input.firstBlock {
	margin-top: 0 !important;
}
div.modal div.modalRevised fieldset label.firstBlock {
	margin-top: -6px !important;
}
div.modalRevised fieldset input.text {
	width: 450px;
}
div.modalRevised fieldset textarea {
	padding: 20px;
	width: 425px;
}
div.modalRevised fieldset small {
	font-size: 11px;
	color: #7f7f7f;
}
div.modalRevised fieldset small em {
	color: #666;
}

/* -----------------------------------------------------------------
	_fixes
		old, see new fixes in master.css
----------------------------------------------------------------- */

.clear-fix {
	clear: both;
	line-height: 0;
	font-size: 0;
}

div.modal h1 {
	width: auto !important;
}