/* Build 19/07/2010 Viadeo - AL */ /* ** Structural CSS ** Native Tag */ body { text-align: center; padding-top:5px; padding-bottom: 20px; } html ,body, table, p, div, span, a, label, select, input, textarea, button, ul, li { margin: 0; padding: 0; font-size: 12px; color: #666666; font-family: verdana,Tahoma; } h1,h2,h3 { margin: 0; padding: 0; font-size: 12px; color: #666666; font-family: Arial, sans-serif; } img, a, a img { outline: 0!important; border: 0!important; } input[type=submit] { *overflow: visible; } h1, h1 span { font-size: 18px; } h2 { font-size: 12px; } h3 { font-size: 14px; } h3 div { background-color: #FBFBFB; } a, a:hover, a:visited { text-decoration: none; border: 0!important; } a:hover { text-decoration: underline; border: 0!important; } select, input { border: 1px solid #CCCCCC; color: #333333; font-family: "Trebuchet MS"; font-size: 12px; padding: 1px; vertical-align: text-bottom; } select { padding: 0; } ul { position: relative; } li { list-style: none; line-height: 120%; } input.smallInput, input.smallInput:focus, input.smallInput:hover, .switcher, .memCheck .checkMember{ width: auto!important; border: 0!important; float: left; } #sendToAllMembers { width: auto!important; border: 0!important; float: left; *margin: -3px 0 0 5px; } #sendToAllNonMembers { width: auto!important; border: 0!important; float: left; *margin: -3px 0 0 5px; } .switcher { height: 20px; display: inline-block; float: right !important; padding: 0 !important; margin: 0 7px 4px 0!important; } /*=============== Custom Tags =============== */ /* =============== General =============== */ #logo { float: left; } #baseline { font-size: 16px; font-weight: bold; } #formPatternContent { margin: 0; position: relative; } #ssContener, .footer { margin:5px auto 0;width:850px; position:relative; text-align:left; } #ssContener { padding:25px 0 21px 0; } .footer, #footer, #footer a { text-align: center!important; font-size: 10px; } #footer { margin-top: 5px; } .footer a { text-decoration: underline; } .clear { display: block; clear: both; } .rester { position:relative; display:inline-block; font-size:11px; color:#999999;} .box, #globalContener { background: #FFFFFF; padding: 20px; border: 1px solid #CCCCCC; -moz-border-radius: 8px; -webkit-border-radius: 8px; height: auto; } .box { min-height: 265px; } #globalContener h1 { margin-bottom: 10px; color: #333333; } #globalContener .text { margin-bottom: 20px; } .boxStyle { border: 1px solid #E6E6E8; border-left: 0; border-right: 0; } .row {position:relative; margin:5px 0; padding:2px 0; margin-left:20px;} .buttonRow {position:relative;} .errorForm, .error { color:#333333; background-color: #EDDA77!important; padding:5px; text-align:left; display:block; width:auto; max-width: 333px; float:right; } .error { display:block; float:none; text-align:center;margin-bottom:10px; font-weight:bold; font-size:14px; zoom:1;} /* =============== Adaptable view [ width ] =============== */ #list { width: 500px; margin: 0px; padding: 0px; } #list li { list-style: none; display: block; width: 480px; background-color: #D7D3E0; padding: 5px; margin: 5px; } #list.compact li { float: left; width: 230px; } /* =============== Button =============== */ .button:hover { text-decoration: none; border-color: #52710e; } .button:active { background-image: none; } .button.yellow { border-color: #e4c937; background-color: #e4c937; color: #333333; text-shadow: #ecda77 0px 1px 0px; } .button.yellow:hover { border-color: #c5a810; } .button.yellow:active { background-image: none; } .button.grey { border-color: #cccccc; background-color: #dddddd; color: #333333; text-shadow: #e7e7e7 0px 1px 0px; } .button.grey:hover { border-color: #999999; } .button.grey:active { background-image: none; } .button.disable { border-color: #cccccc; background-color: #dddddd; color: #AAAAAA; text-shadow: #e7e7e7 0px 1px 0px; } .button.disable:hover { border-color: #cccccc; cursor: default; background-color: #dddddd; } .button.disable:active { background-image: none; } .blue { color: #327999; } .green { color: #A4BB35; } .orange { color: #FF9900; } .greySoft { color: #A6A6A6; } .greyHard { color: #666666; } .smaller { font-size: 11px; } .errorForm { display:block; text-align:right; padding:3px 5px; margin:0 0 5px 0; font-size:11px; } .errorForm span, .errorForm a { font-size: 11px; text-align: right; } .message-box { background: #fcfbe4; border: 1px solid #e1cd46; display: block; margin: 0 0 15px 0; padding: 10px 20px; line-height: 1.5; color: #000000; } .message-box.greenBox { background: #e7f5d1; border-color: #a6c476; } .message-box.error { background: #feeded; border-color: #d89898; } /* #providers { -moz-border-radius: 5px; -webkit-border-radius: 5px; } */ #contenerImportForm { padding: 10px; min-height: 210px; min-height: 225px\9; overflow: visible; } #contenerProvider { width: 100%!important; position: relative; } #globalContenerImportForm { border: 10px solid #EFEFEF; } #providers { padding: 10px; background-color: #EFEFEF; } #providers h3 { padding: 10px 0; } #providers #importArrow { position: absolute; right: -20px; top: 10px; } #providers a.provider { display: block; float: left; margin: 5px 30px 0 0; width: 95px; } #providers a img, #providers a.provider img { border:1px solid #CCCCCC!important; height:40px;} #providerLogo { text-align:center; float:right; width:280px;} #connectToProvider { width:100%; position:relative;} #connectToProvider .button { margin:0; margin-top:10x;} #connectToProvider #message { margin: 5px 0; font-size: 11px; margin-bottom: 20px; } #connectToProvider label { margin: 5px 0; padding-right: 5px; width: 190px; position: relative; top: -6px; text-align: right; } #connectToProvider .fInput { width: 278px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* 278px pour Mac FF4 */ #connectToProvider p { text-align: center; margin: 10px 0; } #connectToProvider .skipStep { right: auto; } #currentProvider { font-weight: bold; } #contenerSubmit { text-align: center; margin: 10px 0; } #contenerSubmit input { display: block; margin: 10px auto; } .selectDate { width: 55px!important; text-align: left; } #advice { position: absolute; top: 0; right: 75px; width: 200px; padding: 10px; background-color: #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #advice .title { color: #AFC640; margin-bottom: 15px; font-size: 14px; font-weight: bold; } #advice .adviceText { font-size: 11px; } .autocomplete { } #suggest { position: absolute; top: 25px; background-color: #F7FFCF; left: 310px; z-index: 100; width: 191px; padding: 10px 3px 5px 3px; border: 1px solid #CECECE; color: #000000; font-size: 11px; overflow: hidden; } #suggest li { padding: 3px 2px; } #suggest .impair { background-color: #AFC640; } #suggest .impair a, #suggest .impair a:hover #suggest .impair a:visited { color: white; } .firstExp { position: absolute; top: 2px; right: 0; } .firstExpText { display: inline-block; padding-top: 2px; } input:focus, select:focus, textarea:focus{ border: 1px solid #95c744; } #members input:focus, #nonmembers input:focus, #members input, #nonmembers input { border: none !important; /* remove border around invite page checkboxes in IE */ } .errorMsg{ margin-bottom: 5px; color: #666666; border: 1px solid #eadc7d; background: #fdfced; -moz-border-radius: 3px; -webkit-border-radius: 3px; position: absolute; left : 475px; top: -2px; z-index: 10; } .errorMsg .errorContener { position: relative; padding: 5px; } .errorMsg .arrowLeft { background: transparent url(/v_img/global/errorArrow.gif) no-repeat 0 0; height: 24px; width: 7px; position: absolute; top: 0; left: -7px; } .errorMsg .errorCtner{ position: relative; top: 0; margin: 0; padding: 0 6px 0 20px; } .errorMsg .icon{ position: absolute; left: 0; top: -1px; display: block; width: 16px; height: 16px; margin: 0; background: url(/v_img/global/icons.png) no-repeat -64px -256px; } .errorMsg .textMsg{ display: block; font-size: 10px; width: 111px; } .notification { background: none no-repeat scroll 15px center transparent; border: 2px solid; color: #000000; margin-bottom: 20px; padding: 15px 15px 15px 60px; width: 430px; display: block; } .notification.info { background-color: #F4F2CA !important; background-image: url("/v_img/notification/info.gif") !important; border: 2px solid #D2CE8D !important; } .notification.success { background-color: #F0FAED !important; background-image: url("/v_img/notification/success.gif") !important; border: 2px solid #A8D29E !important; } /* .notification.error { background-color: #FAE9E9!important; border: 2px solid #C86060!important; } */ /* =============== members =============== */ #members .memCheck, #members .memPhoto, #members .globalInfo, #members .memInfo, #members .separator { display: inline-block; float: left; margin-right: 5px; } #members .separator { background: transparent url(/v_img/separator.gif) repeat-y 0 center; width: 2px; margin: 0 2px; height: 39px; _left: 45px; } #members .memPhoto { width: 26px; height: 35px; text-align: center; vertical-align: top; background-color: white; border: 1px solid #CCCCCC; padding: 1px; _left: 10px; } #members .memPhoto img { width: 26px; } #members .memInfo { width: 230px; *width: 228px; vertical-align: top; } #members .memCheck { vertical-align: middle; margin-top: 20px; margin-left: 10px; float: left; } #members .globalInfo { padding: 9px 5px 5px 0; *padding: 9px 0 5px 0; margin-left: 7px; float: left; } #magicWonderBox .member { margin: 0 5px 0 0; display: inline-block; float: left; height: 55px; width: 315px; } .member, .member:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; vertical-align: top; cursor: pointer; } .member { background: none repeat scroll 0 0 #FFFFFF; position: relative; margin: 5px; } .member:hover { background: none repeat scroll 0 0 #F5F5F5; } .member .memInfo .item { width: 230px; *width: 223px; font-weight: bold; color : #2F2F2F; } .member .memInfo .item span { font-weight: normal; color : #666666; display: inline-block; padding-top: 2px; width: 241px; *width: 237px; overflow: hidden; } .member .memInfo img { position: absolute; top: 5px; right: 5px; } .memInfo label span { font-weight: normal; font-size: 11px; display: block; width: 230px; *width: 223px; } #magicWonderBox #members { border: 1px solid #CCCCCC; background-color: #FFFFFF; overflow: hidden; *position: relative; } #magicWonderBox #messageAboutMembers { background-color: #F1F1F1; width: 179px; min-height: 139px; height: 100%; margin: 0 10px 0 0; *margin-right: 0; padding: 0; float: left; border-right: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; text-align: center; display: table-cell; *display: block; -moz-border-top-left-radius: 4px; -moz-border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 6px; border-top-left-radius: 4px; border-bottom-left-radius: 6px; } #messageAboutMembers p { width: 75%; margin: 45% auto 0; font-size: 14px; color: #333333; } #messageAboutMembers #inviteFavicon { margin-top: 10px; } #messageAboutMembers .inviteArrow { float: right; vertical-align: center; margin-right: -11px; *display: none; } #containerMembers { zoom: 1; overflow: auto; height: 199px; *position: relative; *padding-left: 10px; padding-top: 5px; } /* =============== non-members =============== */ #nonmembers .memCheck, #nonmembers .memPhoto, #nonmembers .globalInfo, #nonmembers .memInfo { display: inline-block; float: left; margin-right: 5px; } #nonmembers .memPhoto img { width: 26px; } #nonmembers .memInfo { vertical-align: top; } #nonmembers .memCheck { vertical-align: middle; margin: 4px 5px 0 0; *margin-top: 2px; float: left; } #nonmembers .globalInfo { padding: 4px 5px 0 0; margin-left: 7px; float: left; } .nonmember, .nonmember:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; height: 20px; padding: 2px 0 4px 10px; } .nonmember { background: none repeat scroll 0 0 #FFFFFF; position: relative; width: 625px; margin: 0 5px 0 0; } .nonmember:hover { background: none repeat scroll 0 0 #F5F5F5; } #magicWonderBox .memright { float: right; } .nonmember .memInfo .item { font-weight: bold; color : #2F2F2F; } .nonmember .memInfo span.item span { font-weight: normal; color : #666666; display: inline-block; overflow: hidden; margin-bottom: -2px; margin-left: 5px; } .memInfo label span { font-weight: normal; font-size: 11px; display: block; width: 230px; width: 223px\9; } #magicWonderBox #nonmembers { border: 1px solid #CCCCCC; background-color: #FFFFFF; overflow: hidden; *position: relative; } #magicWonderBox #messageAboutContacts { background-color: #F1F1F1; width: 179px; height: 100%; margin: 0 10px 0 0; *margin-right: 0; padding: 0; float: left; border-right: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; text-align: center; display: table-cell; *display: block; -moz-border-top-left-radius: 4px; -moz-border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 6px; border-top-left-radius: 4px; border-bottom-left-radius: 6px; } #messageAboutContacts p { width: 75%; margin: 45% auto 0; font-size: 14px; color: #333333; } #messageAboutContacts p span { font-size: 14px; font-weight: bold; color: #333333; } #messageAboutContacts .inviteArrow { float: right; vertical-align: center; margin-right: -11px; *display: none; margin-top: -42px } #containerNonmembers { zoom: 1; overflow: auto; height: 109px; *position: relative; *padding-left: 10px; padding-top: 5px; } #options select { width: 150px; } #options #optionalLang, #options #optionalMsgAction { display: inline-block; float: right; } #optionalMsgAction { cursor: pointer; display: inline-block; padding: 3px 5px 5px; border: 1px solid #CCCCCC; margin-bottom: 5px; background: transparent url(/v_img/personalMsg.gif) repeat-x 0 2px; } #optionalMsgAction span { font-size: 11px; } #optionalMsgAction:hover { text-decoration: none; cursor: pointer; } #memberSubmit #optionalMsgAction { float: right; border: none; background: none; } #memberSubmit #optionalMsgAction #addMsg, #memberSubmit, #optionalMsgAction #noMsg { font-weight: normal; } #options #optionalMsg { margin-top: 10px; } #options #optionalMsg textarea { width: 843px; border: 1px solid; } #options #optionalMsg div, #options #optionalMsg span { font-size: 11px; } #optionalLang { margin-bottom: 10px; float: right; zoom: 1; } #optionalLang select { vertical-align: middle; } #options #optionalMsgText { height: 88px; margin: 0 0 5px 0; padding: 3px; } #magicWonderBox .sendToAllBox label, #options label{ width: auto; margin-left: 5px; } #sendMembersToAll { margin-left: 10px; } #sendNonmembersToAll { margin-left: 10px; } #magicWonderBox .sendToAllBox label { font-weight: normal; } #loading { background-color: #FFFFFF; border: 0; bottom: 0; font-size: 11px; height: 50px; margin: 0 auto; padding: 20px; zoom: 1; position: absolute; right: 47px; text-align: left; width: 349px; color: #B4BABF; _top: -100px; } #loading img { vertical-align: inherit; } .infoPassword { font-size: 10px; } #memberSubmit { padding-top: 15px; position: relative; } #memberSubmit .invite { text-align: center; height: 35px; } #memberSubmit .invite input { float: right } #memberSubmit .invite input.button, #memberSubmit input { display: block; margin-right: 0; } .invite .skipStep { position: relative; float: right; right: 0; margin-right: 5px; bottom: -10px; } .oneByRow .member{ display: block!important; float: none!important; } #logoInfo { display: inline-block; margin-bottom: 10px; } #logoInfo { display: none!important; } #logoInfo img { vertical-align: bottom; } #logoInfo span{ font-size: 11px} .ssTitle { margin: 30px 0 20px; background: transparent url(/v_img/h3Background.gif) repeat-x 0 center ; } .ssTitle div { width: auto; } .ssTitle span { background-color: #FBFBFB; padding-right: 5px; display: inline-block; font-size: 14px; color: #AFC640; } .row label { vertical-align: super; } #profileForm .row label, #profileForm .firstExp label { text-align : right; width: 220px; } #globalTeaser .bigText, #globalTeaser #baseline { padding: 0; margin: 0; text-align: right; float: right; font-size: 17px; font-family: Tahoma; font-weight: normal; } #connection { background-color: #FFFFFF; float: right; width: auto; padding: 3px 10px 5px; border: 1px solid #DEDEDE; border-bottom: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-bottomright : 0; -moz-border-radius-bottomleft : 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; } #lang { height: 19px; position: relative; float: right; margin-top: 3px; margin-right: 10px; background: transparent url(/v_img/arrowBottom.gif) no-repeat right 6px; padding-right: 10px; padding-top: 1px; display: inline-block; } #lang ul { padding: 1px; overflow: visible; } #lang li, #lang li a { font-size:11px; } #rightPart { float:left;} #rightPart h2 { font-size:11px;font-weight:normal;line-height:130%;width:auto;} #rightPart ul.puceRond {margin:0 0 1em;padding:20px 0 0 0;} #rightPart ul.puceRond li {margin:0 0 10px 10px; padding:0; list-style:disc;} #rightPart #invitation { bottom:auto; padding:10px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color: #F1F5DD; color:#666666; position:relative!important;} #leftPart { width: 406px; _width: 399px; float: left;} #leftPart .row label { width:220px; } #miniHeader h1 { float:left; } #miniHeader h1 img { vertical-align:top;} #miniHeader #logoNext { float:right;} .skipStepInvitation { text-align:left; font-size:10px; color:#327999; margin: 15px 0 5px 0; } .skipStep { text-align:right; font-size:10px; color:#327999; margin: 20px 20px 6px 0; } .skipStepInvitation a, .skipStep a { font-size: 11px; color: #327999; text-decoration: none; } .skipStepInvitation a:hover, .skipStep a:hover { text-decoration: underline; } #inviteTitle h1 { font-size: 22px; } #inviteTitle h2 { font-size: 14px; clear: both; *margin-top: 5px; margin-bottom: 10px; } #inviteTitle #logoNext img { float: right; margin-bottom: 5px;} #inviteTitle p { float: left; } #inviteSuggestTitle { position: relative; padding-top: 3px; padding-bottom: 15px; border-bottom : 1px dotted #999999; margin-bottom: 20px; zoom: 1; } #inviteSuggestTitle h1, #inviteSuggestTitle h2 { display: inline-block; } #inviteSuggestTitle h1, #inviteSuggestTitle h1 span { font-size: 14px; font-weight: bold; } #inviteSuggestTitle p { font-size: 11px; } .skipStepProfile { text-align:left; font-size:10px; color:#327999; margin: 10px 0 6px 160px;} .skipStepProfile a { font-size:10px; color:#327999; text-decoration:none; } .skipStepProfile a:hover { text-decoration:underline; } #addMsg, #noMsg { background: transparent url(/v_img/optionalMsgArrows.gif) no-repeat right -4px; padding-right: 20px; color: #327999; font-weight: bold; } #noMsg { background: transparent url(/v_img/optionalMsgArrows.gif) no-repeat right -24px; } .longBox { padding-bottom: 20px; } #displaybox .importWaiting { filter: alpha(opacity=80)!important; /*older IE*/ filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80)!important; /* IE */ -moz-opacity: 0.8!important; /*older Mozilla*/ -khtml-opacity: 0.8!important; /*older Safari*/ opacity: 0.8!important; /*supported by current Mozilla, Safari, and Opera*/ background-color: #000000; position: fixed; top : 0; width: 200px; margin : 10px 0; padding: 10px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color : #FFFFFF; left: 41%; text-align: center; z-index: 500; } #displaybox .importWaiting img{ display: block; margin: 0 auto 5px; text-align: center; } #filter { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000; z-index: 10; opacity: 0.5; filter: alpha(opacity=50); } .monsieur { margin-right: 10px!important; } .beforeRadio { margin-bottom: 0!important; } #languageschoice { z-index: 1000; background-color: #FFF; border: 1px solid #CCCCCC; width: 100px; margin: -5px 0 0; } #languageschoice li { margin: 2px 5px; text-align: right; } #importSubmit { float: right; margin-top: 10px!important; } *+html #importSubmit { margin-right: 47px!important; } .row input, .row select { width:200px; width:200px\9!important; padding:2px; float:left; margin:0 9px 5px 0;} .rowTextDate { float: left; display: inline-block; height: 20px; margin-right: 5px; padding-top: 6px; } #stillChar { color: #98AD32; font-weight: bold; } #stillChar b { color: #EF3F3B; } #stillCharBox { float: left; } #memberSubmit #reminder { float: right; border: 0; height: 20px\9; } #memberSubmit #reminder label { width: auto; font-size: 11px; margin-left: 5px; } #memberSubmit #sendReminder { display: inline-block; border: 0!important; vertical-align: middle\9; } #contentImportForm { float: left; text-align: left; width: 483px; } #contentImportForm .errorForm { margin: 0 0 5px 0; margin: 0 0 8px 0\9; width: 275px; text-align: left; clear: right; } #formPatternContent .errorForm { margin: 0 148px 15px 0; } #signin .errorForm { margin: 0 10px 15px 0!important; } .feature li { line-height: 140%; } #features { position: relative; } .footer a { font-size: 10px; color: #327999; } .ctnerFirstJob { display: inline-block; position: absolute\9; left: 0\9; position: relative; *padding-right: 1px; *top: 0; float: left; } #invitation { width: 320px!important; _width: 350px!important; width: 350px\9!important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #D6D5BF; padding: 10px; box-shadow: 2px 2px 2px #CCCCCC; -moz-box-shadow: 2px 2px 2px #CCCCCC; -webkit-box-shadow: 2px 2px 2px #CCCCCC; zoom: 1; } #invitation .mastername, #invitation .headline, #invitation .message { text-shadow: 0 1px 0 #FFFFFF; } #invitation .mastername { color: #327999; font-family: Georgia; font-size: 13px; margin-bottom: 10px; text-align: right; } #invitation .headline { display: none; } #invitation .message { color: #000000; text-align: right; } #mexicoContest #invitation { height: 78px; min-height: 78px; padding: 10px } #mexicoContest #invitation img { border: none !important; margin: 7px 5px 0 0; } #mexicoContest #contestList { list-style-type: disc; float: left; margin-top: 7px; margin-left: 20px; } #mexicoContest #contestList li { list-style-type: disc; font-size: 12px; margin-bottom: 10px; padding-left: 1px; } #invitation img { padding: 1px; border: 1px solid #C7C6B5!important; width: 77px; display: inline; float: right; } #alreadyRegistered { text-align: right; } /* =============== home extern =============== */ #homeext { position: relative; } #homeext #connection { display: none; } #homeext #contener { width: 100%; background: transparent!important; border: 0; border-top: 8px solid #474747; border-bottom: 1px solid #CCCCCC; } #homeext #ssContener { border: 0; } #homeext #subContent { width: 850px; margin: 0 auto; position: relative; } #homeext #personForm { width: 390px; float: right; } #homeext #personForm .row { display: inline; position: inherit; } #homeext #personForm .row input, #homeext #personForm .row label { width: 185px; } #homeext #personForm .row label { text-align: left; color: #000000; font-family: Tahoma; font-size: 11px; } #homeext #headderLogo { margin: 0 auto; text-align: left; float: left; } #homeext #logo { margin-bottom: 5px; float: none\9; } #homeext #headerText { font-size: 14px; font-family: tahoma; text-align: left; display: block; float: none; } #homeext #remember1, #homeext #labelremember { width: auto!important; color: #666666!important; padding-top: 0; } #homeext #remember1 { border: 0; } #homeext #contener, #homeext #header { margin-top: 0!important; margin-bottom: 0!important; } #homeext #followus { text-align: center; margin-top: 10px; color: #333333; font-size: 11px; } #homeext #followus img { vertical-align: middle; } #homeext .smallDescript, #homeext #description { color: #333333; font-family: Tahoma; } #homeext .smallDescript { font-size: 14px; } #homeext .smallDescript span { color: #FC9D24; } #homeext #description { font-size: 20px; display: inline; } #homeext #description img { margin-top: 20px; display: inline; } #homeext #signin { display: inline; padding: 10px 20px !important; position: absolute; top: 0; right: 0; } #homeext #signin a { color: #FFFFFF!important; } #homeext #globalTeaser { display: inline; float: right; width: 350px; } #homeext .teaser { padding: 40px 0 40px 70px; } #homeext .teaser img { float: left; margin-right: 20px; vertical-align: middle; width: 50px; } #homeext #teaser1 { background: transparent url(/v_img/unykviadeo/teasercontact.png) no-repeat left; } #homeext #teaser2 { background: transparent url(/v_img/unykviadeo/teaseroord.png) no-repeat left; border: 1px dotted #666666; border-left: 0!important; border-right: 0!important; } #homeext #teaser3 { background: transparent url(/v_img/unykviadeo/teasernetwork.png) no-repeat left; } #homeext .truste, #homeext .truste a { font-size: 11px; } #homeext .truste { width: 400px; } #homeext .truste a { color: #327999; } #uinterface .more { float: right; position: relative; top: 8px; } #uinterface .more a, #homeext .more, #homeext .more a { text-align: right; color: #327999; } #uinterface .more a, #homeext .more a { font-size: 11px; } #profillater { margin-left: -180px; text-align: center; margin-top: 5px; } #profillater a { color: #BFBFBF; font-size: 11px; } #messageOutlook { width: 488px; text-align: center; float: left;} #messageOutlook .button { float: none!important; } #marksowner { background-color: #efefef; font-size: 10px; padding: 5px 10px; } .row input.switcher {width:auto\9!important; } .ctnerFirstJob input.switcher {float: left!important;} h1 span.green {font-size:22px!important;} #personForm .row a label { cursor:pointer; padding-top:0; margin-bottom:4px;} #noticeoutlook, #explainOutlook { text-align: left; width: 500px; margin-bottom: 10px; float: left; } /*_display: none; display: none\9; */ #explainOutlook small { font-size: 10px; } #importyahoo { text-align: left; width: 485px; margin-bottom: 10px; } #truste { position: absolute; bottom: -50px; } #truste.overflood { bottom: auto; } #subscription a #subscription a:hover, #subscription a:visited { font-size: 16px !important; color: #A4BB35; } #subscription #headderLogo { display: block!important; } .textinvite { margin-top: 10px; } #activeXHelpPopup { position: absolute; z-index: 999; zoom: 1; } #activeXHelpPopup img { float: left; clear: both; margin-left: 12px; } #activeXHelpPopup dl { width: 350px; margin: 0; float: left; clear: both; filter: progid: DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=4); } #activeXHelpPopup small { font-size: 10px; } #activeXHelpPopup dt { background-color: #A4BB35; padding: 0; border: 1px solid #A4BB35; border-bottom: 0; font-size: 10px; } #activeXHelpPopup dd { background: #FFFFFF; text-align: left; padding: 12px 8px; border: 1px solid #A4BB35; border-top: 0; margin: 0; } #activeXHelpPopup dd p { padding-bottom: 14px; font-size: 11px; } #activeXHelpPopup dd a { text-decoration: underline; color: #327999; font-size: 11px; display: block; text-align: right; } #activeXHelpPopup dd a:active, #activeXHelpPopup a:hover { text-decoration: none; } #flower { bottom:-1px; right: -185px; position:absolute; } #ssContener { min-height: 415px; height: auto !important; height: 415px; padding: 21px 0; } #flowerLeft { bottom:-1px; left: -210px; position:absolute; } /* =============== Invitation =============== */ #invitationHome #magicWonderBox { position: relative; margin: 10px 0; } #invitationHome #magicWonderBox #members { padding: 0; margin: 0; zoom: 1; margin-bottom: 25px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #invitationHome #magicWonderBox #nonmembers { padding: 0; margin: 0; zoom: 1; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #invitationHome #magicWonderBox .sendToAllBox { padding: 8px 0 0 0; margin: 0; height: 21px; zoom: 1; border-bottom: 1px solid #CCCCCC; } #invitationHome #magicWonderBox .sendToAllBox label { float: left; padding-top: 0; margin: -1px 0 0 5px; } #invitationHome #magicWonderBox .sendToAllBox span { float: right; margin-right: 25px; } #invitationHome #magicWonderBox label { width: auto; } #magicWonderBox label { width: auto; } /* --- classes for invite page container resizing --- */ #invitationHome .smallBox { height: 104px; } #invitationHome .smallContainer { height: 139px; } #invitationHome .mediumBox { height: 194px; } #invitationHome .mediumContainer { height: 229px; } #invitationHome .fullBox { height: 360px; } #invitationHome .fullContainer { height: 395px; } #invitationHome .sidebarSmall { margin: 23% auto 0 auto; } #invitationHome .sidebarFull { margin: 87% auto 0 auto; } /* =================== Global New Styles (zparker) =================== */ #header { margin: 3px auto 0; width:850px; position:relative; text-align:right; padding:0; z-index:500; } #logoText { color:#666; padding-top:13px; } #joinText { color:#F90; font-size:16px; } #logoHeader { float: left; width: 100%; } #pitch { float: left; margin-top: 12px; margin-left: 15px; } #flower { bottom: -1px; right: -185px; position: absolute; } #ssContener { min-height: 415px; height: auto !important; height: 415px; padding: 21px 0; } .row label { text-align: left; margin-left: 0; width: 134px; float:left!important; font-weight: bold; padding-right:10px; padding-top:4px; } .row select { width: 205px; width:208px\9!important; } #fields div label, #fields div input {display: inline-block; } #debug { display: none; } /* =================== Registration =================== */ #registrationHome #gigyaContainer { position: absolute; top: 140px; left: 455px; width: 250px; padding: 0 0 100px 95px; border-left: 1px solid #ccc; } #registrationHome #gigyaContainer h2 { font-size: 16px; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; } #registrationHome #gigyaContainer p { margin-top: 10px; color: #888; font-size: 11px; } #registrationHome #componentDiv { margin-top: 10px; } #registrationHome #signin label { font-weight: 100; } #registrationHome #signin .row { margin-left: 0; } #registrationHome #signin { float: left; } #registrationHome #socialSignupHeader { width: 360px; } #registrationHome #socialSignupHeader img { padding:0; border: 3px solid #fff!important; } #registrationHome #regSocialAvatar { border:1px solid #ccc; float: right; width: 74px; position: relative; margin: -89px 0 -20px; } #registrationHome #socialSignupHeader h2 { padding-bottom:5px; font-size: 16px; margin: 116px 0 -3px 0; *margin: 65px 0 0 0; border-bottom: 1px solid #CCCCCC; width: 360px; } #registrationHome #socialSignupHeader h2 span { font-weight: normal; } #registrationHome #socialSignupHeader .avatar { padding:0 15px 5px 0;width: 275px; } #registrationHome #socialSignupHeader .noAvatar { margin-top: 90px; *margin-top: 50px; width: 360px; } #registrationHome .width400 { width: 360px; } /* =================== Social Registration =================== */ #socialRegistrationHome #socialSignup { width: 472px; *width: 476px; margin:10px auto; border-top: 1px solid #ccc; *margin-left: 190px; overflow: hidden; } #socialRegistrationHome #personForm { float: left; } #socialRegistrationHome #socialSignup .row { margin-left: 0; } #socialRegistrationHome #socialSignup .row label { *width: 128px; } #socialRegistrationHome #socialSignupNoAvatar { width: 344px; *width: 349px; margin:10px auto; border-top: 1px solid #ccc; *margin-left: 255px; overflow: hidden; } #socialRegistrationHome #socialSignupNoAvatar .row { margin-left: 0; } #socialRegistrationHome #socialSignupNoAvatar .row label { width: 128px; } #socialRegistrationHome #socialSignupNoAvatar .row input { margin-right: 0; } #socialRegistrationHome #socialSignupHeader { width: 465px; margin: 35px auto 0; *margin: 50px 0 0 190px; } #socialRegistrationHome #socialSignupHeader h2 { font-size: 16px; } #socialRegistrationHome #socialSignupHeaderNoAvatar { width: 337px; margin: 35px auto 0; *margin: 50px 0 0 255px; } #socialRegistrationHome #socialSignupHeaderNoAvatar h2 { font-size: 16px; } #socialRegistrationHome #socialRegistrationContact { float: left; border-right: 1px solid #ccc; height: 250px; margin: 50px 15px 0 0; width: 285px; } #socialRegistrationHome #socialRegistrationContact #socialContactContainer { margin-top: 87px; float: right; width: 282px; margin-right: -1px; background: url('/v_img/arrow.png') center right no-repeat; } #socialRegistrationHome #socialRegistrationContact #socialContactContainer p { text-align: right; float: left; line-height: 1.5; margin-top: 5px; } #socialRegistrationHome #socialRegistrationContact #socialContactContainer img { padding:0; border: 3px solid #ccc!important; } #socialRegistrationHome #regSocialAvatar { float: right; margin: 0 15px; border:1px solid #ccc; } #socialRegistrationHome #photowrapper { float: right; margin-top: 15px; background-color: #FDF7DD; padding: 2px; border: 3px solid #EEE6C3; -moz-box-shadow: 0 10px 10px -6px #888; -webkit-box-shadow: 0 6px 10px -6px #888; box-shadow: 0 6px 10px -6px #888; } #socialRegistrationHome #socialMediaIcon { float: left; margin: 2px 15px 5px 0; } #socialRegistrationHome #socialMediaIconNoAvatar { float: left; margin: 2px 15px 5px 0; } #socialRegistrationHome .errorForm { *float: left; *margin: 0 0 5px 0; } /* =================== Profile =================== */ #profileHome #regSocialAvatar { overflow: hidden; float: left; } #profileHome #globalContener { border: none; } #profileHome #leftPart { margin: 0 auto; float: none; } #profileHome #leftPart .row label { text-align: left; width: 130px; } #profileHome #miniHeader { border-bottom: 1px solid #ccc; padding-bottom: 15px } #profileHome #miniHeader #socialAvatarContainer { float: left; width: 48px; margin-right: 10px; } #profileHome #miniHeader #socialAvatar { border: none !important; margin-top: -8px; } #profileHome #miniHeader #socialAvatarContainer #smallSocialIcon { margin-top: -12px; position: relative; z-index: 2; } #profileHome #miniHeader h1 { font-size: 22px; } #profileHome #socialRegistrationContact { float: left; border-right: 1px solid #ccc; height: 358px; margin: 10px 15px 0 0; width: 285px; } #profileHome #socialRegistrationContact #socialContactContainerNoPhoto, #profileHome #socialRegistrationContact #socialContactContainer { margin-top: 150px; float: right; width: 300px; margin-right: -1px; background: url('/v_img/arrow.png') center right no-repeat; } #profileHome #socialRegistrationContact #socialContactContainer p { text-align: right; float: left; line-height: 1.5; margin-top: 5px; } #profileHome #socialRegistrationContact #socialContactContainerNoPhoto p { text-align: right; line-height: 1.5; margin-top: 5px; float: right; margin-right: 25px; font-size: 13px; } #profileHome #socialRegistrationContact #socialContactContainer img { padding:3px; border: 1px solid #ccc!important; margin: -10px 0 0 15px; } #profileHome #regSocialAvatar { float: right; margin: 0 15px; border:1px solid #ccc; } #profileHome #miniHeader #socialAvatarContainer #smallSocialIconNoAvatar { margin-right: 7px; margin-top: 1px; } #profileHome #formPatternContent .button { float: right; margin-right: 100px; *margin-right: 104px; } #profileHome #leftPart .row #schoolYears { width: auto; } #profileHome #leftPart .row #to { width: auto; } #profileHome #schoolEndDate, #profileHome #schoolStartDate, #profileHome #leftPart .row #positionStartDate, #profileHome #leftPart .row #positionEndDate { *width: 55px !important; } /* this hack gets the select elements the right size for lte IE8 */ #profileHome #ssContener { min-height: 480px; height: auto !important; height: 480px; } #profileHome #schoolEndDate, #profileHome #schoolStartDate { *width: 55px !important; } /* =================== Notification (Invite Tweeps/LinkedIn) =================== */ #notificationHome .member { border: none; background: none; width: 252px; *width: 252px; height: 42px; } #notificationHome .member .memInfo { width: auto; padding-top: 5px; } #notificationHome .member .memInfo .item { width: 160px; overflow: hidden; } #notificationHome .member .memInfo .item span { display:none; } #notificationHome .member .memPhoto { width: 32px; height: 32px; border: none; background: none; padding-top: 5px; } #notificationHome .member .memPhoto img { width: 32px; height: 32px; } #notificationHome #globalContener { border: none; } #notificationHome #memberSubmit { border: none; } #notificationHome #members { height: 234px; border: 1px solid #ccc; } #notificationHome #sendToAllBox { padding: 8px 0 0 10px; *padding: 5px 0 0 10px; margin: 0; height: 21px; *height: 24px; zoom: 1; border-bottom: 1px solid #CCCCCC; } #notificationHome #sendToAllBox span { float: right; margin-right: 35px; *margin-top: -18px; } #notificationHome #sendToAllBox label { margin-left: 5px; *position: relative; *bottom: 3px; } #notificationHome #sendToAllBox input { margin-top: 1px; } #notificationHome #logoNext { float: right; margin-top: 15px; margin-bottom: none; } #notificationHome #inviteSuggestTitle { padding-bottom: 10px; *padding-bottom: 0; border: none; margin-bottom: 0; float: left; } #notificationHome .skipStepInvitation { text-align: left; } #notificationHome .invite .button { margin-right: 0; float: right; } #notificationHome #inviteSuggestTitle h1 { font-size: 24px; color: #444; margin-bottom: 5px; *margin-bottom: 0; } #notificationHome #inviteSuggestTitle h2 { color: #444; *margin: -10px 0; } #notificationHome #socialAvatarContainer { float: left; width: 32px; margin: 10px 15px 0 0; } #notificationHome #loading { bottom: 118px; } /* =================== Helper Classes =================== */ .floatLeft { float: left; } .floatRight { float: right; } .hidden { display: none; height: 0; width: 0;} .clear { display: block; clear: both; } .width50 { width:50%; } .width350 { width:350px; } .width400 { width:400px; } /* New clearfix not currently in use, will be used in refactor */ /* For modern browsers */ .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .cf { zoom:1; }