/* IMPORTED FILES */
/* [IMPORTED CSS] /stylesheets/shared/common.css *//* mini reset*/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img,ins, kbd, q, s, samp, small, strike,strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,center, u, b, i { margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-family: inherit;} body {line-height:normal;} :focus {outline: 0;} ol, ul {list-style: none;} table {border-collapse: collapse;border-spacing: 0;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} input, textarea {margin: 0;padding: 0;} hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px;} b{font-weight:bold;} body{ background: #333 url(/images/redesign/x_sprite.png) repeat-x scroll 0 -1415px; font:12px "Lucida Grande",Arial,Geneva,sans-serif; min-width:952px; line-height:1.2; color:#555; } img{border:none} p{margin:10px 0px;} .link {text-decoration:none;color:#09C;cursor:pointer} .link:hover{text-decoration:underline} .padded{padding:8px} .clear,.clearer,.cls{clear:both} .centered{text-align:center;} .hidden{display:none !important;} .tip{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0.5em 1em; display:inline; color:#666666; float:right; background:#FFFFFF; } .green-info { background-color:#DAF5D9 !important; font-weight:bold; } .grey-info { background-color:#333 !important; color:#fff; font-weight:bold; } /* forms */ input, textarea, select{font:11px "Lucida Grande","Lucida Sans Unicode",Geneva,Arial,sans-serif;vertical-align:middle} input[type=text],input[type=password]{width:260px} input.short{width:166px} form,fieldset{margin:0;padding:0;border:none} input,textarea{padding:4px} form label{cursor:pointer;display:block;line-height:1.5em;} form fieldset.table{display:inline-table} form .operations,form #operations{margin:0;padding:0} /* headings */ #content h1{color:#bbb;font-size:18px;} #content h2{ color:#333333; font-size:18px; font-weight:normal; margin:0px 0px 10px 0px; } #content h3{ margin:5px 0px; font-size:16px; font-weight:normal; margin:0 0 20px; } #content .tagline{ font-size:16px; } /* ellipsis */ .ellipsis { overflow: hidden; white-space: nowrap; } .max75{max-width:75px;} .max90{max-width:90px;} .max95{max-width:95px;} .max100{max-width:100px;} .max105{max-width:105px;} .max110{max-width:110px;} .max115{max-width:115px;} .max120{max-width:120px;} .max125{max-width:125px;} .max130{max-width:130px;} .max135{max-width:135px;} .max140{max-width:140px;} .max160{max-width:160px;} /*addthis stuff*/ #at15s_head, #at16pf{display:none;} .addthis_toolbox .at300bs{background:transparent url(/images/pimped_addthis.gif) no-repeat top left;} .addthis_toolbox .at15t_facebook {background-position:0 -400px;} .addthis_toolbox .at15t_twitter {background-position:0 -1552px;} .addthis_toolbox .at15t_delicious {background-position:0 -256px;} .addthis_toolbox .at15t_linkedin {background-position:0 -768px;} .addthis_toolbox .at15t_myspace {background-position:0 -944px;} .addthis_toolbox .at15t_google {background-position:0 -608px;} .addthis_toolbox{float:left;margin-bottom:20px; margin-left:2px;} .addthis_toolbox a.at300b { padding:0; position:relative; top:3px; float:left; margin-right:15px; } /* Notification boxes */ .box{ padding:10px 20px; font-size:12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .advice{ background:#D4FCB6; color:#574; } .notify{ background:#ffc; color:#775; } .warning{ background:#Faa; color:#744; } .neutral{ background:#acf; color:#457; } .advice.strong{ background:#c4FC96; } .notify.strong{ background:#ff9; } .warning.strong{ background:#F88; } .neutral.strong{ background:#8bf; } .warning a, .neutral a { color:#fff; } .box .cool_submit, .box .button{ margin:0 0 0 10px !important; vertical-align:middle; display:inline-block; } .box ul{list-style:inside disc;} .advice h2{border-bottom:2px solid #CEA;} .notify h2{border-bottom:2px solid #EEA;} .warning h2{border-bottom:2px solid #E99;} .neutral h2{border-bottom:2px solid #9be;} #modal_casting_info { padding:20px; } #modal_casting_info #fb-close { float:right; } /* Inline boxes */ .inline_box{ padding-right:30px; margin-bottom:10px; } .inline_box .inline_box_content{ padding:10px 55px; -moz-border-radius :25px; -webkit-border-radius:25px; border-radius :25px; text-shadow: 0px 1px 0px #fff; background:url("/images/inline_box_logo.png") no-repeat scroll 24px 16px #DDE8FF; color:#445577; font-size:14px; position:relative; } #content .inline_box .inline_box_content h2 { color:#C6D6FF; font-size:28px; font-weight:bold; margin-top:7px; } .inline_box .inline_box_footer{ text-align:center; margin-top:20px; } .inline_box .inline_box_footer label{ margin-right:10px; font-size:12px; } .inline_box .inline_box_close{ background:#dde8ff url(/images/inline_box_close.png) no-repeat 0px 0px; cursor:pointer; height:16px; width: 16px; position:absolute; right:20px; top :20px; } .inline_box .inline_box_close:hover { background:#dde8ff url(/images/inline_box_close.png) no-repeat 0px -16px; } .inline_box .inline_box_arrow { background:url("/images/inline_box_close.png") no-repeat scroll 0 -35px transparent; bottom:10px; height:26px; position:absolute; right:-20px; width:29px; } /* AVATAR stuff (james cameron)*/ .model_thumbnail .badge, .model_complete .badge, .avatar_holder .badge{ display:block; height:25px; left:0; position:absolute; top:0; width:25px; } .search_result_avatar_slug_holder .avatar_holder .badge, .mmngTeaser .cover .avatar_holder .badge{ top:12px; left:12px; } .badge_silver{ background:transparent url(/images/redesign/sprite.png) no-repeat scroll -475px -278px; } .badge_gold { background:transparent url(/images/redesign/sprite.png) no-repeat scroll -475px -177px; } .badge_featured { background:url("/images/icons/tick.png") no-repeat scroll 0 0 transparent; } .badge_photographer { background:url("/images/redesign/sprite.png") no-repeat scroll -475px -228px transparent; } #content .model_thumbnail{ position:relative; width:140px; height:187px; border:1px solid #eee; } #content .model_thumbnail a.beauty{ display:block; } #content .model_thumbnail a.beauty .info{ position:absolute; bottom:0px; left:0px; background:rgb(0, 0, 0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); background:rgba(0, 0, 0, 0.8); padding:5px 10px; width:120px; } #content .model_thumbnail:hover a.beauty .info{ background:rgb(0, 0, 0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); background:rgba(0, 0, 0, 0.4); } #content .model_thumbnail a.beauty .info h3{ font-size:12px; margin-bottom:5px; font-weight:bold; } #content .model_thumbnail a.beauty .info span{ display:block; color:#fff; } /* OTHER */ .session-internal,.session-public,.session-private {display:none !important;} .session-internal-show,.session-public-show,.session-private-show {display:block !important;} .required:before{content:"* ";color:#FF9900} /** * FIX for uploadOverlay from flash_uploader */ #uploaderOverlay { top:0px; left:0px; } .left {float:left;} .right {float:right;} .avatar_photo_tip {margin:10px 0 0 0; border-bottom:1px solid #ddd; padding-bottom:2px; color:#aaa; font-size:13px;} .avatar_photo_tip span {color:#222;} /* [IMPORTED CSS] /stylesheets/shared/layout.css */#page-holder{width:100%;text-align:center;} #page-holder #page{width:952px;margin:0 auto;text-align:left;} #page-holder #page #content{min-height:300px;background:#FFFFFF;padding:15px 25px;width:902px;margin:0px;} /* Breadcrumb */ #content ul.breadcrumb_menu {float:left;margin:-5px 0px 25px 0px; padding:0px 0px 10px 0px; list-style: none;border-bottom:1px solid #f0f0f0;} #content ul.breadcrumb_menu li{ float: left; color: #333333; margin:0px;padding: 3px 4px 5px 18px; font-size: 11px; background:transparent url(/images/redesign/sprite.png) no-repeat scroll 0 -306px; } #content ul.breadcrumb_menu li.first{ background: none; padding: 3px 6px 4px 0; } #content ul.breadcrumb_menu li a{ line-height: 11px; } #content ul.breadcrumb_menu li span.inactive{ line-height: 11px; color: #999; } #content ul.breadcrumb_menu li.active a{ text-decoration:none; color: #333; } #content ul.breadcrumb_menu li.active a:hover{ cursor:text !important; } .static_wrapper{ padding:0px 100px; } .static_wrapper h1{ margin-bottom:20px; } .static_wrapper hr{ border-color: #ddd; background-color:#ddd; color: #ddd; display:block; margin:40px 0px; } /* [IMPORTED CSS] /stylesheets/shared/session_buttons.css */#session_buttons { width:615px; z-index:300;float:right;} #session_buttons .link-button { float:right; margin:0; } #session_buttons .link-button a { color:#FFFFFF; display:inline-block; font-size:11px; margin-left:6px; padding:0; } #session_buttons .link-button a:hover { text-decoration:none; } #session_buttons .link-button span { color:#FFFFFF; cursor:pointer; display:inline-block; height:32px; line-height:30px; margin-left:2px; padding:0 6px 0 4px; } #session_buttons .unpressed a { background:transparent url(/images/redesign/x_sprite.png) no-repeat scroll 0 -57px; } #session_buttons .unpressed a span { background:transparent url(/images/redesign/x_sprite.png) no-repeat scroll 100% -57px; } #session_buttons .unpressed a span span { background:transparent url(/images/redesign/x_sprite.png) repeat-x scroll 0 -156px; } /* facebook connect */ #session_buttons a.fbconnect_login_button { float:right; margin-left:6px; background:transparent url(/images/redesign/sprite.png) no-repeat scroll 0 -36px; height:32px; width:28px; } #session_buttons a.fbconnect_login_button:hover { background:transparent url(/images/redesign/sprite.png) no-repeat scroll -36px -36px; } #session_buttons a span.FBConnectButton_Text { display:none; } #session_buttons .modal-sign-up{float:right;} #session_buttons .pressed a, #session_buttons .link-button a:hover { background:transparent url(/images/redesign/x_sprite.png) no-repeat scroll 0 -90px; } #session_buttons .pressed span, #session_buttons .link-button a:hover span { background:transparent url(/images/redesign/x_sprite.png) no-repeat scroll 100% -90px; } #session_buttons .pressed span span, #session_buttons .link-button a:hover span span { background:transparent url(/images/redesign/x_sprite.png) repeat-x scroll 0 -123px; } #session_buttons .highlighted-unpressed a:hover, #session_buttons .highlighted-unpressed a { background:transparent url(/images/redesign/x_sprite.png) no-repeat scroll 0 -190px; } #session_buttons .highlighted-unpressed a:hover span, #session_buttons .highlighted-unpressed a span { background:transparent url(/images/redesign/x_sprite.png) no-repeat scroll 100% -190px; } #session_buttons .highlighted-unpressed a:hover span span, #session_buttons .highlighted-unpressed a span span { background:transparent url(/images/redesign/x_sprite.png) repeat-x scroll 0 -223px; color:#553311; } #session_buttons .highlighted-pressed a, #session_buttons .highlighted-pressed a:hover { background:transparent url(/images/redesign/x_sprite.png) no-repeat scroll 0 -256px; } #session_buttons .highlighted-pressed span, #session_buttons .highlighted-pressed a:hover span { background:transparent url(/images/redesign/x_sprite.png) no-repeat scroll 100% -256px; } #session_buttons .highlighted-pressed a span span, #session_buttons .highlighted-pressed a:hover span span { background:transparent url(/images/redesign/x_sprite.png) repeat-x scroll 0 -289px; color:#444444; } #session_buttons .highlighted-unpressed a:hover span span, #session_buttons .highlighted-pressed a:hover span span { color:#000000; } /* DROPDOWN */ #session_buttons div.dropdown{color:#CCCCCC;float:right;font-size:10px;} /* first level */ div.dropdown ul{list-style:none;margin:0;padding:0;} div.dropdown ul li{position:relative;z-index:999;} div.dropdown ul li a{display:block;padding:10px;text-decoration:none} div.dropdown ul li.last a{background:transparent} div.dropdown ul li a.sub{padding-right:15px} div.dropdown ul li.active a{color:#FF9900} /* second level */ div.dropdown ul ul{padding:0;margin:0;list-style:none;} /* resetting first level */ div.dropdown ul ul ul{} div.dropdown ul li:hover li, div.dropdown ul li:hover li a, div.dropdown ul li.hover li, div.dropdown ul li.hover li a{background:#222;} /* submenu markup */ div.dropdown ul li li{width:100%;padding:0px;} div.dropdown ul li li.last{} div.dropdown ul li li a{padding:5px 15px;border-bottom:2px solid #292929;color:#FFFFFF;} div.dropdown ul li:hover li:hover a, div.dropdown ul li.hover li.hover a{background:#444;border-color:#555;} div.dropdown ul li:hover li.active a, div.dropdown ul li.hover li.active a{color:#FF9900} div.dropdown ul li li a.sub{padding-right:15px;width:100%;} div.dropdown ul li:hover li:hover a.sub, div.dropdown ul li.hover li.hover a.sub{} /* show hide behaviour */ div.dropdown ul li ul{position:absolute;display:none;left:0;width:100%;top:25px;} div.dropdown ul li {cursor:pointer;padding:9px 15px;background:#222;} div.dropdown ul li.hover ul{display:block !important;z-index:1999;top:25px;cursor:pointer;} div.dropdown ul li:hover ul{display:block !important;z-index:999;top:25px;cursor:pointer;} /* [IMPORTED CSS] /stylesheets/shared/header.css */#header{width:100%;position:relative;z-index:300;} #header h2.logo { float:left; margin-top:10px; } #header h2.logo a { background:url("/images/redesign/sprite.png") no-repeat scroll 0px -555px transparent; float:left; height:28px; outline:none; width:333px; text-indent:-10000px; /* hide the text */ } #header h2.male-silhouette a { background:transparent url(/images/redesign/sprite.png) no-repeat 0px -523px; } /* [IMPORTED CSS] /stylesheets/shared/footer.css */.footer {color:#666; overflow:hidden; position:relative; font:11px Arial,sans-serif;} .footer a {color:#666;} #footer-top {background:#fafafa url("/images/footer-top.png") repeat-x; height:56px;} #footer-bottom {background:#fff url("/images/footer-bottom.png") repeat-x; height:93px;} .footer .menu-container {width:650px; position:absolute; top:22px; left:30px;} .footer .menu-container ul {list-style:none;} .footer .menu-container ul li {float:left;} .footer .menu-container .menu-top {font-size:12px;} .footer .menu-container .menu-top a {font-weight:bold} .footer .menu-container .menu-top ul {clear:both; position:absolute;} .footer .menu-container .menu-top ul li {clear:both; display:block;} .footer .menu-container .menu-top ul li a {font-size:11px; font-weight:normal;} .footer .menu-container .menu-bottom {margin-top:28px; clear:both;} .footer .menu-container a {color:#999;} .footer #blog_badges {position:absolute; right:30px; top:13px;} .footer #blog_badges img {float:right; padding:0 0 0 10px;} .footer #copy {position:absolute; top:16px; right:30px; width:228px; z-index:1;} .footer #copy .paradise {background:url("/images/logos/production-paradise.png") no-repeat; overflow:hidden; position:relative; z-index:2; height:24px; display:block; text-indent:-9999px;} .footer #copy p {margin:0; text-align:right; color:#999;} /* [IMPORTED CSS] /stylesheets/shared/menus.css */#header ul#menu { float:left; clear:left; width:953px; /* "fixes" julieta problem */ font-size:11px; margin:10px 0px 0px; } #header ul#menu li.primary { border-right:1px solid #bbb; background:#fff url(/images/redesign/x_sprite.png) repeat-x scroll 0 0px; float:left; height:25px; position:relative; text-align:center; width:118px; } #header ul#menu li.primary:hover, #header ul#menu li.primary.hover { background:transparent url(/images/redesign/x_sprite.png) repeat-x scroll 0 -25px; border-right:1px solid #999; } #header ul#menu li.active, #header ul#menu li.active:hover{ border-right:1px solid #e80;background:transparent url(/images/redesign/x_sprite.png) repeat-x scroll 0 -321px; } #header ul#menu li.primary a { color:#444; text-shadow:0 1px 0 #ddd; display:block; line-height:25px; } #header ul#menu li.active a, #header ul#menu li.active a:hover{color:#fff;text-shadow:none;} #header ul#menu li.primary:hover a, #header ul#menu li.primary.hover a { text-decoration:none; color:#fff; text-shadow:none; } #header ul#menu li.primary a .dropdown { background:transparent url(/images/redesign/sprite.png) no-repeat 0px 3px; margin-right:4px; padding-left:16px; } #header ul#menu li.primary:hover a .dropdown , #header ul#menu li.primary.hover a .dropdown { background:transparent url(/images/redesign/sprite.png) no-repeat 0px -10px; } #header ul#menu li.active a .dropdown, #header ul#menu li.active:hover a .dropdown, #header ul#menu li.active.hover a .dropdown{ background:transparent url(/images/redesign/sprite.png) no-repeat 0px -22px; } #header ul#menu li.primary ul { display:none; position:absolute; right:-1px; z-index:200; } #header ul#menu li.primary ul li { clear:left; float:left; text-align:left; } #header ul#menu li.primary ul li a { background:#eee none repeat scroll 0 0 !important; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; font-size:10px; line-height:12px; padding:5px; width:107px; color:#09C !important; } #header ul#menu li.primary ul li a:hover { background:#ddd none repeat scroll 0 0 !important; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; color:#09C; } #header ul#menu li.primary ul li.active{ border-right:0; } #header ul#menu li.primary ul li.active a:hover, #header ul#menu li.primary ul li.active a { background:#f92 none repeat scroll 0 0 !important; border-color:#e80; color:#fff !important; } #header ul#menu li:hover ul, #header ul#menu li.hover ul { display:block; } /* [IMPORTED CSS] /stylesheets/shared/buttons.css */a{color:#47A5D9;text-decoration:none;} a:hover{text-decoration:underline;} div.action-button span{background:transparent url(/images/members/layout/buttons/bt-orange.gif) no-repeat scroll 100% 0;cursor:pointer;float:left;height:21px;line-height:20px;padding:0 24px 0 0} div.action-button a{color:#FFFFFF;font-size:11px} div.action-button{margin:0 0 16px;overflow:hidden;width:100%} div.content-holder{min-height:300px} * html div.content-holder{height:300px} /* Link buttons */ table.locations td .link-button {margin:0px 0px 0px 10px;display:inline-block;} #content .link-button a{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 0;color:#FFFFFF;display:inline-block;font-size:11px;padding:0 0 0 12px} #content .link-button a:hover{text-decoration:none;color:#FFFFFF} #content .link-button a span{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 100% 0;cursor:pointer;display:inline-block;height:21px;line-height:21px;padding:0 24px 0 0} #content .link-button a span span.text{background:transparent url(/images/sprite_transparent_buttons.gif) repeat-x 0px -1530px;padding:0} #content .link-button a span.text.simple{padding:0 6px 0 5px} #content .link-button a:active{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -1881px;color:#FFFFFF;display:inline-block;font-size:11px;padding:0 0 0 12px} #content .link-button a:active span{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 100% -1881px;cursor:pointer;display:inline-block;height:21px;line-height:20px;padding:0 24px 0 0} #content .link-button a:active span span.text{background:transparent url(/images/sprite_transparent_buttons.gif) repeat-x 0px -1860px;padding:0} #content .optionlink{margin:7px 0 0 10px} /* Hovering buttons for actions on images */ .btns{ display:none; position:absolute; right:5px; top:5px; } .hover .btns, .hoverable:hover .btns{display:block;z-index:99} .btns img{clear:right;cursor:pointer;float:right;font-size:11px;line-height:20px;margin:0 0 5px 0} .btns a{ display:block; background-color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; line-height:15px; padding:2px 5px; margin:4px; text-align:center; font-size:10px; opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .btns a:hover{ text-decoration:underline; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .btns a.big{width:70px;} .btns a.icon{ float:right; line-height:14px; padding:5px 5px 4px 28px; text-align:left; } .btns a.icon_like-b16 {background:#000 url(/images/icons/white/16x16/hand_pro.png) no-repeat 3px 3px;} .btns .add_model_to_lightbox {background:#000 url(/images/icons/white/16x16/download.png) no-repeat 2px 3px; padding:3px 3px 3px 23px;} .btns .compose_message_link {background:#000 url(/images/icons/white/16x16/mail.png) no-repeat 2px 3px; padding:3px 3px 3px 23px;} .btns .user_avatar_unfollow {background:#000 url(/images/icons/white/16x16/round_minus.png) no-repeat 2px 2px; padding:3px 3px 3px 23px;} .btns .user_avatar_follow {background:#000 url(/images/icons/white/16x16/round_plus.png) no-repeat 2px 1px; padding:3px 3px 3px 23px;} /*Link with arrow*/ a.arrow{position:relative;padding-right:15px;font-size:1.27em;line-height:25px;margin-left:10px} a.arrow span.arrow{width:17px;height:14px;background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll -30px -820px;position:absolute;/*right:-3px;*/ top:2px;display:inline;right:0;*right:auto/*border:1px red solid;*/} /* Buttons */ /* Normal Button */ /*#casting_sessions .link-button span{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 100% -402px;cursor:pointer;float:left;height:21px;line-height:20px;margin-left:2px;padding:0 4px 0 2px;color:#0099CC;} #casting_sessions .link-button span span{background:#ececec;}*/ a.button{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -52px;color:#4F4F4F;display:inline-block;padding-left:6px;height:36px;margin:0px 4px 2px 0px;cursor:pointer;outline:none;text-decoration:none} a.button .text{display:block;height:36px;line-height:33px;padding-right:3px;letter-spacing:-0.01em;font-size:14px;} a.button span.corner{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 100% -52px;margin-left:4px;padding-right:10px;height:36px;display:block;} a.button.normal span.corner span.text{background:transparent url(/images/sprite_transparent_buttons.gif) repeat scroll 100% -474px;display:block;white-space:nowrap;} a.button span.text{background:transparent url(/images/sprite_transparent_buttons.gif) repeat scroll 100% -474px} /*a.button span.text{background:transparent url(/images/sprite_transparent_buttons.gif) repeat scroll 100% -510px;}*/ a.button.normal:active{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -88px} a.button.normal:active span.corner{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 100% -88px} a.button.normal:active span.corner span.text{background:transparent url(/images/sprite_transparent_buttons.gif) repeat scroll 100% -510px} /*Light Button*/ a.button.light .text{display:inline-block;height:25px;line-height:25px;padding-right:3px;letter-spacing:-0.01em;font-size:1.16em;color:#4F4F4F} a.button.light{background:transparent url(/images/sprite_elements.gif) no-repeat scroll -331px -28px;display:inline-block;color:#4F4F4F;float:left;padding-left:4px;height:25px;margin-right:4px;cursor:pointer;outline:none;text-decoration:none} a.button.light span.corner{background:transparent url(/images/sprite_elements.gif) no-repeat scroll 100% -54px;margin-left:10px;padding-right:10px;height:26px} a.button.light span.corner span.text{background:transparent url(/images/sprite_elements.gif) repeat scroll 0 -426px} a.button.light:active{background:transparent url(/images/sprite_elements.gif) no-repeat scroll -331px -80px} a.button.light:active span.corner{background:transparent url(/images/sprite_elements.gif) no-repeat scroll 100% -106px} a.button.light:active span.corner span.text{background:transparent url(/images/sprite_elements.gif) repeat scroll 0 -452px} /*Modal Buttons the ones inside facebox forms*/ a.button.modal{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -424px !important;height:25px;float:right} a.button.modal span.corner{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 100% -424px !important;height:25px} a.button.modal span.corner span.text{background:transparent url(/images/sprite_transparent_buttons.gif) repeat scroll 0 -618px !important;line-height:25px;height:25px;padding-left:6px;padding-right:6px;font-size:1em;color:#FFFFFF} /* Pressed Button */ a.button.pressed{background:transparent url(/images/manager/buttons.png) no-repeat scroll 0 -42px} /*a.button.pressed .text{background:transparent url(/images/manager/buttons.png) no-repeat scroll 100% -42px;color:#999;}*/ a.button.pressed span.text{cursor:default;color:#FFFFFF;font-weight:bold} a.button.pressed.blue{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -268px !important} a.button.pressed.blue span.corner{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 100% -268px} a.button.pressed.blue span.corner span.text{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -546px;:} a.button.pressed.green{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -303px !important} a.button.pressed.green span.corner{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 100% -303px} a.button.pressed.green span.text{background:transparent url(/images/sprite_transparent_buttons.gif) repeat scroll 0 -581px} a.button.add,a.button.remove, a.button.send_email{padding-left:33px} a.button.add{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -124px} a.button.add:active{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -160px} a.button.remove{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -196px} a.button.remove:active{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -232px} a.button.send_email{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -1902px} a.button.send_email:active{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -1938px} /*Orange button*/ a.button.add.orange .text{display:inline-block;height:29px;line-height:29px;padding-right:3px;letter-spacing:-0.01em;font-size:14px;color:#FFFFFF} a.button.add.orange{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -866px;padding-left:25px;display:inline-block;color:#4F4F4F;height:29px;margin-right:4px;cursor:pointer;outline:none;text-decoration:none;margin-bottom:25px} a.button.add.orange span.corner{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 100% -895px;margin-left:10px;padding-right:10px;height:29px} a.button.add.orange span.corner span.text{background:transparent url(/images/sprite_transparent_buttons.gif) repeat scroll 0 -924px} a.button.add.orange:active{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -953px} a.button.add.orange:active span.corner{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 100% -982px} a.button.add.orange:active span.corner span.text{background:transparent url(/images/sprite_transparent_buttons.gif) repeat scroll 0 -1011px} /*Grey button*/ a.button.add.grey .text{display:inline-block;height:29px;line-height:27px;padding-right:3px;letter-spacing:-0.01em;font-size:1.45em;color:#FFFFFF} a.button.add.grey{background:transparent url(/images/sprite_transparent_add_buttons_grey.gif) no-repeat scroll 0 0px;padding-left:25px;display:inline-block;color:#4F4F4F;float:left;height:29px;margin-right:4px;cursor:pointer;outline:none;text-decoration:none;} a.button.add.grey span.corner{background:transparent url(/images/sprite_transparent_add_buttons_grey.gif) no-repeat scroll 100% -29px;margin-left:10px;padding-right:10px;height:29px} a.button.add.grey span.corner span.text{background:transparent url(/images/sprite_transparent_add_buttons_grey.gif) repeat scroll 0 -58px} a.button.add.grey:active{background:transparent url(/images/sprite_transparent_add_buttons_grey.gif) no-repeat scroll 0 -87px} a.button.add.grey:active span.corner{background:transparent url(/images/sprite_transparent_add_buttons_grey.gif) no-repeat scroll 100% -116px} a.button.add.grey:active span.corner span.text{background:transparent url(/images/sprite_transparent_add_buttons_grey.gif) repeat scroll 0 -145px} /* Submit Button */ a:hover.button{text-decoration:none} .side-by-side .link-button{padding-right:10px;float:left} #inner-2 #content .bt-save{width:100%;overflow:hidden;font-size:16px;line-height:27px;margin:0 0 16px} #inner-2 #content .bt-save a{background:url(/images/members/layout/buttons/save.gif) no-repeat;float:left;color:#FFFFFF;padding:0 0 0 14px} #inner-2 #content .bt-save a span{background:url(/images/members/layout/buttons/save.gif) no-repeat 100% 0;height:29px;float:left;cursor:pointer;padding:0 30px 0 0} #inner-2 #content .bt-save a:hover{text-decoration:none} /* icons */ .icon{font-size:11px;padding:0px 0px 8px 25px;background:#fff url(/images/redesign/sprite.png) no-repeat 0 0;line-height:22px;display:inline-block;} .cooliris{background-position:-450px 0px;} .like{background-position:-450px -40px;line-height:26px;padding:0 4px 4px 28px;} .comments{background-position:-450px -84px;line-height:26px;padding:0 4px 4px 22px;} .lightbox{background:url("/images/icons/black/16x16/download.png") no-repeat 3px 3px; line-height:26px;padding:0 4px 4px 28px;} /*Cool Submit buttons*/ .cool_submit, .cool_submit:visited { background: #f81 url(/images/redesign/x_sprite.png) repeat-x 0 -384px; display: inline-block; padding: 5px 10px 4px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:none; border-bottom: 1px solid #e70; border-right: 1px solid #e70; text-shadow:0 -1px 1px rgba(240, 90, 60, 0.9); position: relative; cursor: pointer; } .green.cool_submit { background:#CEE02C; border-color:#CEDD2A; text-shadow:0 -1px 1px rgba(206, 221, 42, 0.9); } .cool_submit:hover { background: #fa2; border-color:#f91; text-decoration:none; } .green.cool_submit:hover { background:#E2F15A; border-color:#CEDD2A; } .cool_submit:active { top:1px; } .small.cool_submit, .small.cool_submit:visited { font-size:11px; } .cool_submit, .cool_submit:visited, .medium.cool_submit, .medium.cool_submit:visited { font-size:13px; font-weight:bold; line-height:1; } .large.cool_submit, .large.cool_submit:visited { font-size:14px; padding:8px 14px 7px; } .light.cool_submit, .light.cool_submit:visited { font-weight:normal; } .disabled.cool_submit, .disabled.cool_submit:hover, .disabled.cool_submit:visited { background:none repeat scroll 0 0 #DDDDDD; border:none; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb; color:#AAAAAA; text-shadow:none; } /* BUTTON NAVIGATION */ #button_navigation{ background:transparent url(/images/redesign/x_sprite.png) repeat-x scroll 0 -446px; color:#FFFFFF; display:block; padding:3px 0px; border-bottom:1px solid #111111; border-right:1px solid #111111; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.898); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #button_navigation a{ color:#FFFFFF; font-weight:bold; } #button_navigation a.option{ padding: 5px 6px 4px 30px; border-left:1px solid #444; display:inline-block; } #button_navigation a.option:first-child{ border:none; } #button_navigation a.option.cooliris { background:transparent url(/images/redesign/sprite.png) no-repeat -464px -319px; } #button_navigation a.option.all_photos{ background:transparent url(/images/redesign/sprite.png) no-repeat -463px -449px; } #button_navigation a.option.polaroids { background:transparent url(/images/redesign/sprite.png) no-repeat -462px -514px; } #button_navigation a.option.photobooks{ background:transparent url(/images/redesign/sprite.png) no-repeat -464px -384px; } /* PAGINATION-LIKE BUTTONS*/ .pagination-like a{ display:inline-block; font-size:11px; margin-left:1px; padding:4px 9px; border-right:1px solid #eee; border-bottom:1px solid #eee; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .pagination-like a.selected{ background: #eee; border-left:1px solid #ddd; border-top:1px solid #ddd; color:#777; text-decoration:none; } /* [IMPORTED CSS] /stylesheets/icons.css */.icon_delete-b16 {background:url(/images/icons/black/16x16/round_delete.png) no-repeat; width:16px; height:16px;} .icon_delete-w16 {background:url(/images/icons/white/16x16/round_delete.png) no-repeat; width:16px; height:16px;} .icon_lightbox-b16 {background:url(/images/icons/black/16x16/download.png) no-repeat !important;} .icon_lightbox-w16 {background:url(/images/icons/white/16x16/download.png) no-repeat} .icon_follow-b16 {background:url(/images/icons/black/16x16/round_plus.png) no-repeat !important;} .icon_unfollow-b16 {background:url(/images/icons/black/16x16/round_minus.png) no-repeat !important;} .icon_mail-b16 {background:url(/images/icons/black/16x16/mail.png) no-repeat !important;} .icon_like-b16 {background:url(/images/icons/black/16x16/hand_pro.png) no-repeat;} .icon_like-w16 {background:url(/images/icons/white/16x16/hand_pro.png) no-repeat;} /* [IMPORTED CSS] /stylesheets/shared/forms.css */#avatar-preview{float:right;width:350px;margin:-220px 140px 0 0;height:250px;border:1px solid #CCCCCC;border-bottom:1px solid #777777;border-right:1px solid #999999} .compulsory{color:#f90;} .invalid{background-color:#fcc;} select option.branch { font-weight: bold; margin: 4px 0; } select option.disabled { color: #999; } select option.leaf { margin: 4px 0 4px 20px; } /* [IMPORTED CSS] /stylesheets/shared/model_teaser.css */div.mmngTeaser{color:#666666;font-size-adjust:none;margin:0 10px 10px 0;font:normal normal normal 10px/normal "Lucida Grande",Arial,Geneva,sans-serif} div.mmngTeaser a{color:#47A5D9;text-decoration:none} div.mmngTeaser img{border:none} div.mmngTeaser div.remove-from-result { height:0; left:310px; position:relative; top:10px;z-index:20; } div.mmngTeaser h1, div.mmngTeaser h2, div.mmngTeaser h3, div.mmngTeaser ul, div.mmngTeaser li, div.mmngTeaser dl, div.mmngTeaser dt, div.mmngTeaser p, div.mmngTeaser dd{margin:0;padding:0} div.mmngTeaser h2{ color:#999999; font-size-adjust:none; font-stretch:normal; padding:18px 12px 12px 0 !important; font-size:18px !important; font-weight:normal !important; margin:0 !important; border:none !important; } div.mmngTeaser p{margin:0 0 3px} div.mmngTeaser{float:left;width:331px;height:188px;overflow:hidden;display:block;position:relative} div.mmngTeaser .mmngbooks ul.teaser{margin:12px 0 0 10px} div.mmngTeaser .mmngbooks ul.teaser li{width:78px;margin-bottom:3px} div.mmngTeaser .operations{position:absolute;top:85px;left:150px;width:170px;height:80px} div.mmngTeaser .information{display:block;line-height:250px;width:30px;float:right;overflow:hidden;outline:none} div.mmngTeaser a.button{background:transparent url(/images/sprite_elements.gif) no-repeat scroll -331px -28px;color:#4F4F4F;cursor:pointer;display:inline-block;float:left;height:25px;margin-right:4px;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;padding-left:4px;text-decoration:none} div.mmngTeaser .button{margin:30px 0 0 0} div.mmngTeaser .cover-and-back{display:block;width:670px;height:188px;background:transparent url('/images/badges/1/bg.png') no-repeat} div.mmngTeaser .cover-and-back.selected{background:transparent url('/images/badges/1/bg_selected.png') no-repeat} div.mmngTeaser .cover, div.mmngTeaser .back{float:left} div.mmngTeaser .avatar_holder{position:relative;width:123px;height:163px;padding:12px;margin-right:6px;float:left;} div.mmngTeaser .avatar_holder .btns{top:12px;right:12px;} div.mmngTeaser .avatar_holder .avatar{display: block;padding:0px;margin:0;} div.mmngTeaser .avatar{display:block;float:left;padding:12px;margin-right:6px} div.mmngTeaser .avatar img{width:123px;height:163px} div.mmngTeaser .back{color:#FFFFFF;display:block;position:relative;width:331px;height:188px} div.mmngTeaser .cover{display:block;position:relative;width:331px;height:188px} div.mmngTeaser .photobooks{width:168px;height:187px;display:block;float:left;overflow:hidden} div.mmngTeaser .details{width:140px;height:120px;float:left;display:block;overflow:hidden} div.mmngTeaser .details{padding:10px} div.mmngTeaser .details dl{border-bottom:1px solid #4F4F4F;width:135px;font-size:1.1em;padding:5px 0} div.mmngTeaser .details dl, div.mmngTeaser .details dd, div.mmngTeaser .details dt{margin:0;float:left;color:#999999} div.mmngTeaser .details dd{margin:0;float:right;color:#FFFFFF} div.mmngTeaser .odd{margin-right:12px} div.mmngTeaser a.button.light span.corner{background:transparent url(/images/sprite_elements.gif) no-repeat scroll 100% -54px;height:25px;margin-left:10px;padding-right:10px} div.mmngTeaser a.button span.corner{display:inline-block} div.mmngTeaser a.button.light{cursor:pointer;text-decoration:none} div.mmngTeaser a.button.light span.corner span.text{background:transparent url(/images/sprite_elements.gif) repeat scroll 0 -426px} div.mmngTeaser a.button.light .text{color:#4F4F4F;display:inline-block;font-size:1.16em;height:25px;letter-spacing:-0.01em;line-height:25px;padding-right:3px} div.mmngModels .cls{clear:both} div.mmngModels .mmngbooks {float:left} div.mmngModels .mmngbooks ul {color:#999;list-style-image:none;list-style-position:outside;list-style-type:none;padding:0;} div.mmngModels .mmngbooks ul.teaser {margin:12px 0 0 10px;} div.mmngModels .mmngbooks ul.teaser li {margin-bottom:3px;width:78px;float:left;height:74px;margin:0;} div.mmngModels .mmngbooks ul li {overflow:hidden;position:relative;} div.mmngModels .mmngbooks ul li .book {display:block;height:74px;margin:0 0 6px;overflow:hidden;position:relative;width:78px;padding:0 0 0 6p;} div.mmngModels .mmngbooks ul.teaser li .book span {background:transparent url(/images/badges/1/photobook.png) no-repeat scroll 0 0;height:72px;width:73px;} div.mmngModels .mmngbooks ul li .book span {left:0;position:absolute;top:0;} div.mmngModels .mmngbooks ul.teaser .book img {left:0;position:absolute;top:0;} /* [IMPORTED CSS] /stylesheets/shared/blocks.css */#facebox{position:fixed !important;top:20px !important;left:0;z-index:1001;text-align:left;width:100%} #facebox .choose-account-modal{padding:20px} #facebox #listoferrors{padding-left:50px;padding-bottom:10px} #facebox #listoferrors li div{color:#555555;font-size:11px} #facebox #listoferrors li.error{color:#FF0000;list-style-position:outside;list-style-type:square} #facebox #modal_error{clear:both;position:relative} #facebox #modal_error strong{background:#DD6633;border:2px solid #CC6633} #facebox .b{background:url(/images/facebox/b.png)} #facebox .bl{background:url(/images/facebox/bl.png)} #facebox .body{background:#FFFFFF;width:450px} #facebox .br{background:url(/images/facebox/br.png)} #facebox .image{text-align:center} #facebox .loading{text-align:center} #facebox .popup{position:relative} #facebox .tl{background:url(/images/facebox/tl.png)} #facebox .tl,#facebox .tr,#facebox .bl,#facebox .br{height:10px;width:10px;overflow:hidden;padding:0} #facebox .tr{background:url(/images/facebox/tr.png)} #facebox a.close{font-size:11px;font-weight:bold;margin:0 auto;position:absolute;right:10px;top:11px} #facebox div.description{border:2px solid #EEEEEE;font-size:14px} #facebox div.description ul{list-style:square;list-style-position:inside} #facebox div.description ul li{padding:4px 5px;background:#FFFFEE} #facebox h3.description.error{background:#FFCCCC none repeat scroll 0 0;color:#FF0000} #facebox h3.description.message{background:#CCFFCC none repeat scroll 0 0;color:#339900} #facebox img{border:0;margin:0} #facebox table{border-collapse:collapse;margin:auto} #facebox td{border-bottom:0;padding:0} #facebox_overlay{position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:999;background:#000000} #facebox .popup_toolbar { background:url("/images/GUI/repeat-x.png") repeat-x scroll left top transparent; border-bottom:1px solid #DDDDDD; height:24px; padding:10px; position:relative; } #facebox .popup_toolbar h2 { text-shadow:0 1px 0px #fff; float:left; } #facebox .popup_toolbar a.close { -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius: 2px; -webkist-box-shadow:1px 1px 0px #fff inset; -moz-box-shadow:1px 1px 0px #fff inset; box-shadow:1px 1px 0px #fff inset; background:url("/images/GUI/repeat-x.png") repeat-x scroll 0 -1px transparent; border:1px solid #AAAAAA; color:#888888; float:right; padding:4px; } /* Text with rounded corners and grey background */ span.minimal{background:transparent url(/images/manager/buttons.png) no-repeat scroll 0 -503px;color:#4F4F4F;float:right;height:23px;position:relative;top:0px} span.minimal .text{background:transparent url(/images/manager/buttons.png) no-repeat scroll 100% -503px;color:#999999;margin-left:10px;display:inline-block;font-size:10px;letter-spacing:-0.01em;line-height:20px;padding-right:17px;display:block} /** Growler Notice Custom Styling **/ div.Growler-notice{color:#FFFFFF;opacity:.85;filter:alpha(opacity = 85);zoom:1;width:235px;padding:10px;text-align:left;display:none;-moz-border-radius:5px;-webkit-border-radius:5px;min-height:40px;font:12px Tahoma,Arial,Helvetica,sans-serif;background:#000000;margin:5px auto} div.Growler-notice-head{font-weight:bold;font-size:10px} div.Growler-notice-exit{float:right;font-weight:bold;font-size:12px;cursor:pointer} /*Green comment*/ span.info.green{right:20px;top:7px;background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -850px !important;padding-left:6px;height:16px;display:inline-block;} span.info.green span.corner{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 100% -834px;display:inline-block;height:16px;padding-right:7px} span.info.green span span.text{background:#C2D223 !important;/*background:#c2d223 !important; font-weight:normal; color:#fff; height:15px; line-height:17px; margin-right:5px;margin-left:5px;*/ color:#FFFFFF;display:inline-block;height:16px;letter-spacing:-0.01em;line-height:16px} /*inline flash messages*/ .notification{position:relative;height:30px} .rounded_corner{width:5px;height:28px;float:left;position:absolute} .rounded_corner.notice{background:transparent url('/images/flash_sprite.png') repeat 0 0} .rounded_corner.error{background:transparent url('/images/flash_sprite.png') repeat -10px 0} .rounded_corner.success{background:transparent url('/images/flash_sprite.png') repeat -5px 0} .slope span{position:absolute;left:10px;top:8px} .slope{height:28px;width:668px;float:left;left:5px} .slope.active{height:1px} .slope.notice{background:#ABEAFE} .slope.error{background:#FFACAC} .slope.success{background:#A4EB91} .slope.notice.active{background:transparent url('/images/flash_sprite.png') repeat -15px 0} .slope.error.active{background:transparent url('/images/flash_sprite.png') repeat -15px -2px} .slope.success.active{background:transparent url('/images/flash_sprite.png') repeat -15px -4px} .slope span{font-weight:bold} .slope.notice span{color:#0099CC} .slope.error span{color:#FF0000} .slope.success span{color:#339900} /* Prototip */ .prototip{font:11px Arial,Helvetica,sans-serif;color:#000000} .prototip .creamy{width:250px;color:#191919} .prototip .creamy .toolbar{background:#191919;font-weight:bold} .prototip .creamy .title{padding:5px} .prototip .creamy .content{background:#FFD594;padding:5px} .prototipLoader{position:absolute;top:-1000px;left:-1000px;height:14px;width:14px;border:1px solid #DDDDDD;overflow:hidden} .prototip{position:absolute;overflow:hidden} .prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative} .prototip .content{clear:both} .prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer} .prototip .tooltip{clear:both;float:left} .prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px} .prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative} .prototip .borderTop,.prototip .borderBottom{overflow:hidden} .prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0} .prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both} .prototip_Corner{float:left;position:relative} .prototip canvas{position:relative;float:left} .prototip_CornerTr,.prototip_CornerBr{float:right} .prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both} .prototip .borderMiddle{position:relative;float:left} .prototip .borderCenter{position:relative;float:left;height:100%} .prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both} .prototip_StemBox{float:left;position:relative} .prototip_Stem{width:100%;position:absolute;overflow:hidden} .iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden} .prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .prototip .clearfix{display:inline-block} /* IE Mac Hide \*/ .prototip .clearfix{display:block} /* IE Mac Hide End */ .rounded{-moz-border-radius:0.4em;-webkit-border-radius:0.4em;border-radius:0.4em;border:1px solid #F0F0F0;background:#F0F0F0} .option-group{width:196px;margin:0 0 10px 0;padding:7px 9px 5px 9px} .group fieldset{width:286px;float:left} /** * Modalbox */ #MB_overlay a{outline:none !important} #MB_overlay{position:absolute;margin:auto;top:0;left:0;width:100%;height:100%;z-index:9999;border:0;background:#000!important} #MB_overlay[id]{position:fixed} #MB_window{position:absolute;top:0;border:0 solid;text-align:left;z-index:10000} #MB_window[id]{position:fixed!important} #MB_frame{position:relative;height:100%;background:#FFFFFF} #MB_header{margin:0;padding:0} #MB_content{position:relative;padding:6px .75em;overflow:auto} #MB_caption{font:1.5em bold "Lucida Grande",Arial,sans-serif;padding:.5em 2em .5em .75em;margin:0;text-align:left} #MB_close{display:block;position:absolute;right:5px;top:0;padding:2px 3px;font-weight:bold;text-decoration:none;font-size:13px} #MB_close:hover{background:transparent} #MB_loading{padding:1.5em;text-indent:-10000px;background:transparent url(/images/spinner.gif) 50% 0 no-repeat} /* Color scheme */ #MB_window{color:#000000;-webkit-box-shadow:0 0 64px #000000;-moz-box-shadow:#000000 0 0 64px;box-shadow:0 0 64px #000000;background:#EFEFEF} #MB_frame{padding-bottom:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px} #MB_header{background:#FF9900} #MB_caption{color:#FFFFFF} #MB_close{color:#FFFFFF;outline:none;margin-top:5px} #MB_close:hover{color:#000000} /* Alert message */ .MB_alert{margin:10px 0;text-align:center} .modal-warning{font-size:1.25em;padding:10px;color:#666666} .modal-notice{font-size:1.25em;padding:10px;color:#666666} .modal-error{font-size:1.25em;padding:10px;color:#666666} div.model-warning,div.model-error,div.model-notice p{padding-bottom:20px !important} .modal-header-warning{background:#FF9900 !important} .modal-header-error{background:#FF0000 !important} .modal-header-notice{background:#DDFFCC !important;color:#000000} .modal-header-notice #MB_caption{color:#000000 !important} .modal-header-notice #MB_close{color:#000000 !important} .mmng-models-embed{margin:0;padding:0;display:none;width:0;height:0;overflow:hidden} .embed{padding:0 0 10px 0} .embed,.embed input{font-size:0.95em;width:125px} #modal_sign_up{width:415px;padding:0 20px 10px} #modal_sign_up #sign_up_groups label{display:block;padding:8px 0 8px 0} #modal_sign_up h1{color:#333333;font-size:2em;padding:20px 0 10px 0} #modal_sign_up .email label{color:#333333;font-size:1.4em;display:block;padding:20px 0 10px 0} #modal_sign_up .email input{color:#333333;font-size:1.5em;padding:10px;margin:0 0 8px 0;width:310px} #modal_sign_up #email_information{margin:0 0 15px 0} #modal_sign_up .models, #modal_sign_up .managers, #modal_sign_up .invitations, #modal_sign_up .email, #modal_sign_up .operations{float:left;clear:both} #modal_sign_up .invitations{color:#999999} #modal_sign_up #fb-close{float:right;padding:10px 0} #modal_login #fb-close{float:right;padding:10px} /* flash & system messages */ #flash,#system_message{padding:25px 25px 10px 25px;background:#FFFFFF} #errorExplanation h2{color:#FFCCCC;border-bottom:2px solid #caa;} #errorExplanation li{line-height:25px} #flash_notice,#system_message_notice{background:#C2D223} #flash_error{} #system_message .information{font-size:0.8em} #quick_sign_up .error{ background-color:#f99; } #large-signup{ } a#large-signup{ background:transparent url(/images/home/button.gif) no-repeat scroll left top; color:#442211; font-size:23px; font-weight:bold; padding:8px 25px; } a#large-signup:hover{ color:#fff; text-decoration:none; } #modal_login{position: relative;width:680px;height:300px;font-size:11px;} #modal_login .b{background:url(/images/facebox/b.png);} #modal_login .bl{background:url(/images/facebox/bl.png);} #modal_login .body{background:#FFFFFF;width:450px;} #modal_login .br{background:url(/images/facebox/br.png);} #modal_login .image{text-align:center;} #modal_login .loading{text-align:center;} #modal_login .popup{position:relative;} #modal_login .tl{background:url(/images/facebox/tl.png);} #modal_login .tl,#facebox .tr,#facebox .bl,#facebox .br{height:10px;width:10px;overflow:hidden;padding:0;} #modal_login .tr{background:url(/images/facebox/tr.png);} #modal_login a.close{font-size:11px;font-weight:bold;margin:0 auto;position:absolute;right:10px;top:11px;} #modal_login div.description{border:2px solid #EEEEEE;font-size:14px;} #modal_login div.description ul{list-style:square;list-style-position:inside;} #modal_login div.description ul li{padding:4px 5px;background:#FFFFEE;} #modal_login h3.description.error{background:#FFCCCC none repeat scroll 0 0;color:#FF0000;} #modal_login h3.description.message{background:#CCFFCC none repeat scroll 0 0;color:#339900;} #modal_login img{border:0;margin:0;} #modal_login strong{color:#FFFFFF;display:block;font:20px "Adobe Caslon Pro","Hoefler Text",Georgia,Garamond,Times,serif;} #modal_login strong, #modal_login h1{font-size:2em;font-weight:normal;margin-top:0;padding-bottom:10px;padding-left:20px;padding-top:20px;} #modal_login table{border-collapse:collapse;margin:auto;} #modal_login td{border-bottom:0;padding:0;} #modal_login form{padding: 0 20px 20px 20px;} #modal_login label{display:block;padding:10px 10px 0 10px;} #modal_login label a{margin-left:20px;} #modal_login div.sigup, #modal_login div.login{width: 50%;position: absolute;top:0;height:300px;} #modal_login div.login{background:#f5f5f5;} #modal_login div.login input{ width: 300px;height:30px;font-size: 2em;} #modal_login div.sigup{left: 340px;} #modal_login .cool_submit{margin-top: 10px !important;} #modal_login .messages{margin: 0 auto;} .ellipsis {overflow: hidden; white-space: nowrap;} /** * signup arrows */ .arrow { height: 32px; background: url(/images/signup/arrow-middle.png) repeat-x; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; /* IE7 (hasLayout)*/ *display: inline; /* IE */ _height: 32px; /* IE6 */ font-size: 13.5px; font-weight: bold !important; color: white; font-family: Helvetica; } .arrow.active { background: url(/images/signup/arrow-middle-active.png) repeat-x !important; height: 37px !important; _height: 37px; /* IE6 */ } .arrow .left { width: 10px; height: 32px; background: url(/images/signup/arrow-left.png) no-repeat; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; /* IE7 (hasLayout)*/ *display: inline; /* IE */ _height: 32px; /* IE6 */ } .arrow.active .left { background: url(/images/signup/arrow-left-active.png) no-repeat; height: 37px; _height: 37px; /* IE6 */ } .arrow .right { width: 21px; height: 32px; background: url(/images/signup/arrow-right.png) no-repeat scroll 0 0 white; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; /* IE7 (hasLayout)*/ *display: inline; /* IE */ _height: 32px; /* IE6 */ } .arrow .right.continue { background: url(/images/signup/arrow-right-continue.png) no-repeat scroll 0 0 white !important; } .arrow.end .right { background: url(/images/signup/arrow-end-right.png) no-repeat scroll 0 0 white; } .arrow.active .right { background: url(/images/signup/arrow-right-active.png) no-repeat scroll 0 0 white; height: 37px !important; _height: 37px !important; /* IE6 */ } .arrow.active .right.continue { background: url(/images/signup/arrow-right-active-continue.png) no-repeat scroll 0 0 white !important; } .arrow.active.end .right { background: url(/images/signup/arrow-end-right-active.png) no-repeat scroll 0 0 white; height: 37px !important; _height: 37px !important; /* IE6 */ } .arrow .center { padding-top: 7px; text-align: center; vertical-align: middle; line-height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; /* IE7 (hasLayout)*/ *display: inline; /* IE */ _height: 37px; /* IE6 */ } #signup-steps { height:37px; margin-bottom:30px; margin-top:30px; width:750px; display:block; } #signup-steps #step1,#signup-steps #step2,#signup-steps #step3 { width:200px; display: -moz-inline-stack; zoom: 1; /* IE7 (hasLayout)*/ display:inline-block; *display: inline; /* IE */ _height: 37px; /* IE6 */ height:37px; background:url("/images/signup/step-background.png") repeat scroll 0 0 transparent; } .background-steps { background:url("/images/signup/step-background.png") repeat scroll 0 0 transparent; } #signup-steps #step1 { text-align:left; } #signup-steps #step2 { text-align:center; } #signup-steps #step3 { text-align:right; } .new_green_shadow_box { background-color:#66cc33; color:white; font-weight:bold; display:inline; padding: 5px; border-right: 1px solid #DBDADB; border-bottom: 1px solid #DBDADB; } .green_shadow_box { font-weight:bold; position: relative; left: 3px; top: 3px; margin-right: 20px; margin-left: 20px; margin-bottom: 3px; } .green_shadow_box .shadow2, .green_shadow_box .shadow3, .green_shadow_box .container { position: relative; left: -1px; top: -1px; } .green_shadow_box .shadow1 { background: transparent; } .green_shadow_box .shadow2 { background: #DBDADB; } .green_shadow_box .shadow3 { background: #B8B6B8; } .green_shadow_box .container { background-color:#66cc33; color:white; font-weight:bold; padding: 5px; } .xgreen_shadow_box { background-color:#66cc33; border-bottom:2px inset #222222; border-right:3px inset #444444; color:white; font-weight:bold; display:inline; padding:5px; padding-left:15px; padding-right:15px; } .red_shadow_box { background-color:#c05114; border-bottom:2px solid #888888; border-right:2px solid #888888; color:white; font-weight:bold; display:inline; padding:5px; padding-left:15px; padding-right:15px; } .mm_box { background-color:#F5F5F5; margin-left:75px; padding:30px 20px 30px 50px; width:400px; margin-top:50px; margin-bottom:50px; } .mm_box .operations { width:100%; margin-top:20px; text-align:right; } .mm_box .mm_sign { background:url("/images/signup/mm-sign.png") no-repeat scroll 0 0 transparent; height:64px; left:-40px; position:relative; top:-53px; } .mm_box .message { color:#999999; margin-left:10px; margin-top:-70px; margin-right:30px; } /* [IMPORTED CSS] /stylesheets/shared/fancy_tables.css *//* Fancy tables */ table.backgrounded-rows { width: 100%; margin:14px 0 40px 0; } table.backgrounded-rows tbody td{ padding: 12px 5px; background: transparent url('/images/members/bg-table-row.gif') no-repeat; } table.backgrounded-rows thead th, table.activity thead th { text-align: left; padding: 5px 12px; font-weight: normal; color: #999; } table.backgrounded-rows tbody td{ background-position: -10px 0; font-size: 10px; } table.backgrounded-rows tbody td.first{ padding-left: 15px; background-position: -2px 0; } table.backgrounded-rows tbody td.last{ padding:0 20px 0 0; background-position: 100% 0; } table.backgrounded-rows tbody td.last a.delete{ display:block; overflow:hidden; width:9px; height:9px; float:right; line-height:50px; margin-top:-7px;background: transparent url('/images/members/layout/background.gif') no-repeat -172px -287px;} table.activity{border-collapse: collapse; width: 100%; font-size: 10px;} table.activity tbody tr{ margin-top: 1px;} table.activity tbody td{padding: 10px 0 10px 12px; background: #ececec;} table.activity tbody tr.notpaied td{background: #cfc;} table.activity tbody tr.withdrawl td{background: #fc9;} table.activity tbody td.empty{padding: 0;background:none;height: 1px;} table.activity tbody tr.today td{background: #ffc;} /* [IMPORTED CSS] /stylesheets/shared/casting_sessions.css *//* Casting sessions */ #casting_sessions .link-button{margin:4px 0} #casting_sessions .link-button a{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 0 -381px;color:#FFFFFF;float:left;font-size:11px;margin-left:6px;padding:0} #casting_sessions .link-button a:hover{text-decoration:none} #casting_sessions .link-button span{background:transparent url(/images/sprite_transparent_buttons.gif) no-repeat scroll 100% -402px;cursor:pointer;float:left;height:21px;line-height:20px;margin-left:2px;padding:0 4px 0 2px;color:#0099CC} #casting_sessions .link-button span span{background:#ECECEC} #casting_sessions h2{font-size:1.27em;font-weight:bold;color:#191919;margin-top:5px} #casting_sessions table{color:#999999;border-collapse:collapse} #casting_sessions table,#casting_sessions h2{margin-left:0} #casting_sessions td{text-align:left;font-size:1.27em;color:#4F4F4F;font-weight:normal;padding-left:10px} #casting_sessions th{text-align:left;width:130px;font-size:1em;font-weight:normal;padding:0 0 0 10px;margin:0} #casting_sessions tr{height:37px} #casting_sessions thead tr{background:none;height:20px} /* [IMPORTED CSS] /stylesheets/shared/vimity_galleries.css */#vimity_gallery{ position:relative; } #vimity_gallery a.manage_your_profile{ position:absolute; top:0; right:0; } #vimity_gallery a.manage_your_profile:hover{ text-decoration:none; } ul.vimity-gallery { clear:both; float:left; padding:0; margin:10px 0 0 -33px; width:778px; list-style:none; } ul.vimity-gallery li { background:transparent url(/images/vimity/item.gif) no-repeat top left; float:left; height:220px; margin:0 0px 5px 33px; padding:1px 4px 4px 1px; position:relative; width:220px; } ul.vimity-gallery li .img { cursor:pointer; display:block; height:220px; width:220px; } ul.vimity-gallery li div.info { background:transparent url(/images/vimity/hover.png) repeat left top; font-size:11px; margin-left:0; padding:5px 10px; position:absolute; top:160px; width:200px; } ul.vimity-gallery li div.info p{ margin:0; } ul.vimity-gallery li p.gallery_title { color:#FFFFFF !important; display:block; font-size:15px; width:180px; } /* [IMPORTED CSS] /stylesheets/shared/profile_tabs.css */#main-holder #profile-tabs {list-style:none; display:inline-block; height:20px; border:1px solid #e1e1e1; position:absolute;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; z-index:100;} #main-holder #profile-tabs li {background: #fff url(/images/profile/tab-bg.gif) bottom repeat-x; color:#999; float:left; margin:0 0 10px 0; display:inline;} #main-holder #profile-tabs li a, #main-holder #profile-tabs li span {border-left:1px solid #ccc; color:#999; padding: 0 10px; display:block; line-height:20px; text-decoration:none; font-size:13px;text-shadow:0 1px 0 #ffffff;} #main-holder #profile-tabs li a:hover, #main-holder #profile-tabs li span.primary:hover, #main-holder #profile-tabs li:hover span.primary {border-left: 1px solid #ccc; color:#fff;text-shadow:0 -1px 0 #bbb;} #main-holder #profile-tabs li:hover {background: #eee url(/images/profile/tab-bg-selected.gif) top repeat-x; } #main-holder #profile-tabs li:hover ul li:hover { background: #ddd; } #main-holder #profile-tabs li.topMenu span.primary {background: url(/images/redesign/sprite.png) transparent no-repeat scroll 5px 8px; padding-left:20px;cursor:pointer;} #main-holder #profile-tabs li.topMenu ul {position:relative; z-index:5; top:1px; display:none;} #main-holder #profile-tabs li.topMenu ul li {clear:both; margin:0px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:100%;} #main-holder #profile-tabs li span {cursor: default;} #main-holder #profile-tabs li.topMenu:hover ul {display:block;} #main-holder #profile-tabs li a.active, #main-holder #profile-tabs li.topMenu.active, #main-holder #profile-tabs li.disabled a.active {background: #b9b9b9 url(/images/profile/tab-bg-selected.gif) bottom repeat-x; border-left: 1px solid #ccc; color:#fff; cursor:default;text-shadow:0 -1px 0 #ccc;} #main-holder #profile-tabs li.topMenu.active span.primary {color:#fff; text-shadow:none;} #main-holder #profile-tabs li.disabled a.active:hover {background: #b9b9b9 url(/images/profile/tab-bg-selected.gif) bottom repeat-x;} #main-holder #profile-tabs .left a {border-left:none;} #main-holder #profile-tabs .left a:hover {border-left:none;} #main-holder #profile-tabs .left a.active {border-left:none;} #main-holder #profile-tabs li.disabled a {cursor:default;color:#CCCCCC;text-shadow:none;} #main-holder #profile-tabs li.disabled a:hover {background: #eaeaea url(/images/profile/tab-bg.gif) bottom repeat-x;} #main-holder #profile-tabs li.disabled span {position:absolute; padding:5px; width:175px; margin-top:-51px; visibility:hidden;} #main-holder #profile-tabs li.disabled:hover span {visibility:visible;} .profile_follow {background: url(/images/profile/add.gif) 5px 6px no-repeat !important; padding-left:28px !important;} .profile_follow:hover{background: url(/images/profile/add.gif) 5px -16px no-repeat !important; text-decoration:underline !important;} .profile_message, .user_profile_message {background-position: 3px 4px !important; padding-left:28px !important;} .profile_message:hover, .user_profile_message:hover {text-decoration:underline !important;} .profile-rater {margin-bottom:10px;} .profile-rater hr {display:none;} .profile-rater .hr {background:url(/images/profile/hr.gif) repeat-x; height:9px; margin:10px 0;} .profile-rater .like {border-bottom:1px solid #E5E5E5; display:block; background-position:2px 2px !important;} .profile-rater .likes {border-right:none !important; border-bottom:none !important; background:none !important; font-size:11px !important; padding-top:13px !important;} .user-menu .user-name {font-size:16px; padding:10px 0 10px 2px;} #content #left-col .user-menu #user_follow_container {border-top:none;} #content #left-col .user-menu #user_follow_container a {background-position: 3px 3px !important; padding-left:28px !important;} #content #left-col .user-menu #user_follow_container a:hover {text-decoration:underline !important;} #content #left-col .user-menu #user_unfollow_container a {background-position:3px 3px !important; padding-left:28px !important;} #content #left-col .user-menu #user_unfollow_container a:hover {text-decoration:underline !important;} .addthis_button_compact {background:url(/images/icons/black/16x16/share.png) no-repeat 1px 0 !important;} .at300bs.at15t_compact {background:none !important;} .addthis_default_style .at300m {padding-left: 4px !important;} #at15s {margin-top:10px !important;} #profile-other-sites {list-style:inside; margin:10px 0 0 0;} #profile-other-sites li {padding-bottom:3px; text-transform: capitalize;} .profile-about {margin-bottom:0px !important; padding-top:20px;} form#social_networks_form .field{ position:relative; clear:both; margin-bottom:5px; } form#social_networks_form .field input{ margin-top:5px; font-size:10px; } form#social_networks_form .field img{ float:left; margin-right:10px; cursor:pointer; } form#social_networks_form .field label{ color:#AAAAAA; cursor:auto; display:block; font-size:11px; left:48px; position:absolute; top:8px; } form#social_networks_form .hide {display:none;} form#social_networks_form .button {cursor:pointer; margin-top:5px;} form#social_networks_form .service_custom_title {width: 150px; float:left; color:#aaa;} form#social_networks_form .service_custom_url {width: 250px; float:left; color:#aaa;} form#social_networks_form .black {color:#000;} form#social_networks_form .field span {font-weight:bold; position:relative; top:10px; left:5px; font-size:15px; cursor:pointer; text-indent:-1000px; overflow:hidden; display: inline-block;} form#social_networks_form #add_custom_site {font-size:13px; margin:5px 0 0 294px; padding-left:20px; font-weight:bold; clear:both; display:inline-block; background:url(/images/icons/black/16x16/round_plus.png) no-repeat left; height:16px;} form#social_networks_form input.selected {color:#000;} form#social_networks_form .small {margin-bottom:20px;} #social_relation .add_model_to_lightbox {background-position: 2px 5px !important; padding:6px 0 0 28px !important; width:auto;} #social_relation .add_model_to_lightbox:hover {text-decoration:underline !important;} 

/* LOCAL FILES */
 /** Contents from application **/                /** Contents from zendesk **/ #zenbox_overlay{ top:0; left:0; width:100%; height:100%; position:absolute; _position:absolute; z-index:90000; } #zenbox_overlay *{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-variant:normal; font-size:12px; color:#333; } #zenbox_main #overlay_header{ padding:6px 5px 1px 0; background-color:#333; font-weight:bold; height:18px; border:solid 2px #000; } #zenbox_main #overlay_header span{ float:right; height:20px; margin-right:5px; padding-right:20px; background:transparent url(http://support.modelmanagement.com/external/zenbox/images/close.png) no-repeat right 0; text-decoration:underline; font-size:11px; cursor:pointer; color:#fff; } #zenbox_main #overlay_loading h2{ padding:10px 0; font-size:28px; } #zenbox_main{ width:550px; height:620px; margin:0 auto; z-index:2; position:relative; } #zenbox_main div{ padding:5px 20px 0 20px; margin:0; background:#EEE; overflow:none; border-right:solid 2px #000; border-left:solid 2px #000; } #zenbox_main h2{ margin:11px 0 7px 0; font-size:24px; color:#111; font-weight:normal; } #zenbox_main p{ margin:7px 20px 0 0; line-height:1.4em; } #zenbox_main iframe{ width:100%; height:100%; } #zenbox_main #overlay_preamble h2, #zenbox_main #overlay_preamble p{ text-align:left; } #zenbox_screen{ top:0; left:0; z-index:1; width:100%; position:absolute; background-color:#000; opacity:0.42; filter:alpha(opacity=42); -moz-opacity:0.42; } a#zenbox_tab{ top:40%; left:-2px; width:35px; height:105px; cursor:pointer; text-indent:-5000px; position:fixed; _position:fixed; z-index:10000; overflow:hidden; } a#zenbox_tab:hover{ left:0px; } /** Contents from directory **/ /** Contents from directory/models **/ #content .GUI { margin-left:0px !important; width:902px !important; } #content .GUI form#search{ height:inherit; width:870px; margin:10px 0px; border:1px solid #DDDDDD; padding:15px; background:#e7e8e9 url(/images/directory/search_box.png) repeat-x top left; -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius: 2px; position:relative; } #content .GUI form#search .gui_button_group h2{ margin-right:10px; margin-bottom:15px; padding:0px; cursor:pointer; text-transform:capitalize; } #content .GUI form#search .gui_button_group h2.open { margin-bottom:0px; } #content .GUI form#search .gui_button_group h2 .current_option{ background: #eaeaea url(/images/GUI/repeat-x2.png) repeat-x 0px 0px; padding:8px; position:relative; z-index:70; } #content .GUI form#search .gui_button_group h2.open .current_option{ padding-bottom:19px; } #content .GUI form#search .gui_button_group h2.toggled .current_option{ background:url("/images/GUI/repeat-x.png") repeat-x scroll 0 bottom transparent; } #content .GUI .gui_button.mutton.menu ul { background:#eaeaea; z-index:20; top:39px; } #content .GUI .gui_button.mutton.toggled ul li.selected{ color:#333; } #content .GUI .gui_button.mutton.toggled ul li.selected a{ color:#037; text-shadow:none; } #content .GUI .gui_button.mutton.toggled ul li.selected:hover { background: none; } #content .GUI .gui_button.mutton.toggled ul li.selected a:hover { text-decoration:none; background-color:none; } form#search label{ display:block; margin-right:5px; font-weight:bold; } form#search .label label{ display:inline; } form#search #age_field{ float:left; margin-right:60px; } form#search #height_field{ float:left; margin-right:60px; } form#search #search_field{ position:absolute; text-align:right; top:15px; right:15px; } form#search #search_field .gui_button{ background:url("/images/GUI/repeat-x2.png") repeat-x scroll 0 0px transparent; } form#search #more_search_options{ position:absolute; right:20px; top:90px; } form#search #more_search_options .arrow{ background:url("/images/GUI/elements.png") repeat-x scroll 3px -317px transparent; width:14px; height:inherit; font-size:inherit; } form#search #more_search_options.open .arrow{ background:url("/images/GUI/elements.png") repeat-x scroll 3px -278px transparent; } #content .GUI .gui_button.mutton ul li{ border-bottom:none !important; display:inline-block; } #content .GUI .gui_button.mutton ul#search_genders{ width:114px; } #content .GUI .gui_button.mutton ul#search_genders li a{ width:100px; } #content .GUI .gui_button.mutton ul#search_types{ width:114px; } #content .GUI .gui_button.mutton ul#search_types li a{ width:100px; } #content .GUI .gui_button.mutton ul#search_countries{ width:665px; } #content .GUI .gui_button.mutton ul#search_countries li a{width:150px;} #content .GUI .gui_button.mutton ul#search_categories{ width:214px; } #content .GUI .gui_button.mutton ul#search_categories li a{ width:200px; } /* ICON */ #num_results{ line-height:23px; } #view_styles{ float:right; } a.view_style{ display:inline-block; margin-right:5px; height:23px; line-height:23px; width:30px; } a.view_style:hover { text-decoration:none; } a#view_style_complete{ background:url("/images/GUI/elements.png") repeat-x scroll -45px -136px transparent; } a#view_style_complete:hover { background:url("/images/GUI/elements.png") repeat-x scroll -75px -136px transparent; } a#view_style_complete.selected { background:url("/images/GUI/elements.png") repeat-x scroll -105px -136px transparent; } a#view_style_badge{ background:url("/images/GUI/elements.png") repeat-x scroll -45px -159px transparent; } a#view_style_badge:hover { background:url("/images/GUI/elements.png") repeat-x scroll -75px -159px transparent; } a#view_style_badge.selected { background:url("/images/GUI/elements.png") repeat-x scroll -105px -159px transparent; } a#view_style_list{ background:url("/images/GUI/elements.png") repeat-x scroll -45px -182px transparent; } a#view_style_list:hover { background:url("/images/GUI/elements.png") repeat-x scroll -75px -182px transparent; } a#view_style_list.selected {background:url("/images/GUI/elements.png") repeat-x scroll -105px -182px transparent;} /* ADVANCED SEARCH */ .female .male{display:none !important;} .male .female{display:none !important;} #advanced_search{ border-top:1px solid #DDDDDD; float:left; margin-top:15px; padding-top:15px; } #advanced_search > div{ background:#e4e4e4; -moz-box-shadow:1px 1px 2px #ddd inset; -webkit-box-shadow:1px 1px 2px #ddd inset; box-shadow:1px 1px 2px #ddd inset; border-right:1px solid #eee; border-bottom:1px solid #eee; display:inline-block; margin:2px; padding:5px 10px; vertical-align:top; width:265px; -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius: 2px; } #advanced_search select{ width:100px; } /* RESULTS */ #results{ position:relative; } #results ul{ margin-top:10px; margin-left:-12px; float:left; } #results ul li{ vertical-align:top; margin:0px 0px 12px 12px; display:inline-block; width:140px; height:186px; position:relative; font-weight:12px; } /*LIST*/ #results ul.list li{ float:left; width:75px; height:100px; margin:0 0 7px 7px; } #results ul.list li .model_list a.avatar, #results ul.list li .model_list a.avatar img{ display:block; width:75px; height:100px; } #results ul.list li .info { display:none; } #results ul.list li:hover .info { display:block; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; margin:0; width:65px; height:25px; padding:2px 5px; } #results ul.list li .info h2{ font-size:10px; } /*BADGE*/ #results ul.badge li{ float:left; } #results ul.badge li .model_badge a.beauty, #results ul.badge li .model_badge a.beauty img{ display:block; width:140px; height:186px; } #results ul.badge li .info{ background:rgba(0,0,0,0.8); position:absolute; bottom:0px; margin:0; width:130px; height:14px; padding:5px; } #results ul.badge li .info h2{ color:#fff; display:block; margin:0; font-size:12px; } #results ul.badge li .info span{ display:none; } #results ul.badge li:hover .info {height:45px;} #results ul.badge li:hover .info span { display:inline-block; } #results ul.badge li .info h2 a{ display:block; text-transform:capitalize; } #results ul.badge li .info h2 .city{ text-transform:capitalize; } /*COMPLETE*/ #results ul.complete{ margin:10px 0px 0px 0px; } #results ul.complete li{ height:100px; width:900px; background:#eee; border:1px solid #ddd; -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius: 2px; margin-left:0px; } #results ul.complete li .model_complete{ float:left; position:relative; width:75px; height:100px; } #results ul.complete li .info{ float:left; position:relative; width:459px; height:90px; padding:5px; } #results ul.complete li .info h2.name a { text-transform:capitalize; font-size:14px; } #results ul.complete li .info h2.name .professional { display:block; font-size:12px; color:#999; } #results ul.complete li .info h2.name .location { color:#3b6; text-transform:capitalize; font-size:12px; position:absolute; left:312px; } #results ul.complete li .datasheet{ top:50px; position:absolute; bottom:10px; } #results ul.complete li .datasheet dl{ width:154px; float:left; } #results ul.complete li .datasheet dl dt, #results ul.complete li .datasheet dl dd{ display:inline-block; font-size:10px; } #results ul.complete li .datasheet dl dt{ } #results ul.complete li .datasheet dl dd{ color:#999; } #results ul.complete li .photobooks{ float:left; width:356px; } #results ul.complete li .photobooks a{ float:right; } #results ul li a span.info{ position:absolute; bottom:0px; left:0px; background:rgba(0, 0, 0, 0.8); color:#fff; width:130px; padding:5px; } #results ul li a span.info span.name{ color:#47A5D9; font-weight:bold; text-decoration:underline; text-transform:capitalize; } #results ul li a span.info span.city:first-letter { text-transform:uppercase; } .paginator{ margin-top:10px; text-align:center; } a#reset{ background:none repeat scroll 0 0 #F0F0F1; border-left:1px solid #E1E2E3; border-right:1px solid #E1E2E3; border-top:1px solid #E1E2E3; font-size:11px; padding:4px; position:absolute; right:14px; top:-21px; -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius: 2px; -moz-box-shadow: 1px 1px 0px #fff inset; -webkit-box-shadow:1px 1px 0px #fff inset; box-shadow: 1px 1px 0px #fff inset; color:#999; text-shadow:0 1px 0 #FFFFFF; } a#reset:hover { text-decoration:none; color:#777; } /** Contents from shared/GUI **/ #content .GUI{ float:left; margin-left:-25px; width:952px; position:relative; } #content .GUI .gui_spinner{ position:absolute; top:30%; left:50%; z-index:100; } /* LEFT-SIDEBAR */ #content .GUI .gui_left_sidebar{ background: #c7d1da url(/images/GUI/repeat-y.png) repeat-y 84px 0px; border-top: 1px solid #ccc; border-bottom:1px solid #aaa; float:left; width:219px; min-height:600px; padding:8px 0px; } #content .GUI .gui_left_sidebar .cool_submit{ margin:10px 15px; } #content .GUI .gui_left_sidebar h2 { color:#667885; margin-bottom:9px; padding:0 15px; } #content .GUI .gui_left_sidebar ul.gui_left_tabs{ width:100%; } #content .GUI .gui_left_sidebar ul.gui_left_tabs li{ position:relative; } #content .GUI .gui_left_sidebar ul.gui_left_tabs li .gui_tab_options a{ float:left; } #content .GUI .gui_left_sidebar ul.gui_left_tabs li a.gui_tab{ -webkist-box-shadow:0px 1px 1px #ddd inset; -moz-box-shadow: 0px 1px 1px #ddd inset; box-shadow: 0px 1px 1px #ddd inset; text-shadow: 0px 1px 0px #ddd; border:1px solid #999999; border-right:none; border-left:none; color:#555555; display:block; height:22px; line-height:20px; margin-bottom:-1px; padding:10px; width:198px; } #content .GUI .gui_left_sidebar ul.gui_left_tabs li.active a.gui_tab, #content .GUI .gui_left_sidebar ul.gui_left_tabs li.active a.gui_tab:hover { background:url("/images/GUI/repeat-x.png") repeat-x scroll 0 -143px; border-color:#1966AE; text-shadow:0 1px #1966AE; color:#fff; -webkist-box-shadow:0px 1px 1px #bbeffc inset; -moz-box-shadow: 0px 1px 1px #bbeffc inset; box-shadow: 0px 1px 1px #bbeffc inset; width:199px; } #content .GUI .gui_left_sidebar ul.gui_left_tabs li a.gui_tab:hover { text-decoration:none; color:#333; background:#ced8e1; border-color:#666; -webkist-box-shadow:0px 1px 1px #eee inset; -moz-box-shadow: 0px 1px 1px #eee inset; box-shadow: 0px 1px 1px #eee inset; text-shadow: 0px 1px 0px #eee; } #content .GUI .gui_left_sidebar ul.gui_left_tabs li.droppable.receptive a.gui_tab{ background: #9ab; color:#fff; text-shadow:0 1px 0 #555; } #content .GUI .gui_left_sidebar ul.gui_left_tabs li.droppable.receptive.hover a.gui_tab{ background: #89a; color:#fff; text-shadow:0 1px 0 #333; } #content .GUI .gui_left_sidebar ul.gui_left_tabs li .btns a.move{ cursor:move; } #content .GUI .gui_left_sidebar ul.gui_left_tabs li.droppable.receptive.hover .btns { display:none; } /* CANVAS */ #content .GUI.two_columns .gui_canvas{ float:left; width:733px; } /* TOOLBAR */ #content .GUI .gui_toolbar{ background:url("/images/GUI/repeat-x.png") repeat-x scroll left top transparent; border-bottom:1px solid #DDDDDD; height:24px; padding:8px 10px; width:712px; } #content .GUI .gui_toolbar .gui_separator{ width:20px; display:inline-block; } #content .GUI .gui_toolbar form{ display:inline-block; } #content .GUI .gui_toolbar .gui_search{ border:1px solid #aaa; border-right:none; font-size:12px; -webkist-box-shadow:1px 1px 2px #ddd inset; -moz-box-shadow:1px 1px 2px #ddd inset; box-shadow:1px 1px 2px #ddd inset; -moz-border-radius:2px 0px 0px 2px; -webkit-border-radius:2px 0px 0px 2px; border-radius: 2px 0px 0px 2px; display:inline-block; color:#888; width:150px; height:14px; line-height:14px; background: #fff; padding:5px 3px; } #content .GUI .gui_toolbar .gui_search:hover, #content .GUI .gui_toolbar .gui_search:focus { border:1px solid #888; border-right:none; } /* BUTTONS */ #content .GUI .gui_button_group{ display:inline-block; } #content .GUI .gui_button_group .gui_button{ margin-left:-2px; } #content .GUI .gui_button{ border: 1px solid #aaa; font-size:12px; -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius: 2px; -moz-box-shadow: 1px 1px 0px #fff; -webkit-box-shadow:1px 1px 0px #fff; box-shadow: 1px 1px 0px #fff; display:inline-block; padding:4px; color:#666; background: url(/images/GUI/repeat-x.png) repeat-x 0px -1px; } #content .GUI .gui_button:hover { border: 1px solid #7d7d7d; color:#333; background: url("/images/GUI/repeat-x.png") repeat-x scroll 0px -76px transparent; text-decoration:none; text-shadow:0px 1px 0px #fff; } #content .GUI .gui_button.disabled, #content .GUI .gui_button.disabled:hover { border: 1px solid #ddd; color:#ccc; background: url(/images/GUI/repeat-x.png) repeat-x 0px -1px; } #content .GUI .gui_button.toggled{ background:url("/images/GUI/repeat-x.png") repeat-x scroll 0 -177px transparent; border:1px solid #1966AE; color:#FFFFFF; text-shadow:0 1px #1966AE; -moz-box-shadow: 1px 1px 0px #fff; -webkit-box-shadow:1px 1px 0px #fff; box-shadow: 1px 1px 0px #fff; } #content .GUI .gui_button.mutton{ position:relative; } #content .GUI .gui_button.mutton span.gui_arrow{ background:url("/images/GUI/elements.png") repeat-x scroll 3px -318px transparent; border-left:1px solid #E3E3E3; display:inline-block; margin-left:2px; padding:0 2px; width:6px; } #content .GUI .gui_button.mutton ul{ border-top:none; border-bottom:none; left:-1px; position:absolute; top:22px; width:150px; z-index:2000; -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius: 2px; background:#eee; border:1px solid #aaa; } #content .GUI .gui_button.mutton:hover ul{ border:1px solid #7d7d7d; } #content .GUI .gui_button.mutton.toggled ul, #content .GUI .gui_button.mutton.toggled:hover ul{ background:#2089e5; border:1px solid #1966AE; } #content .GUI .gui_button.mutton ul li{ padding:5px 7px; border-bottom:1px solid #1966AE; } #content .GUI .gui_button.mutton.toggled ul li, #content .GUI .gui_button.mutton.toggled ul li a{ color:#fff; } #content .GUI .gui_button.mutton ul li a{ display:inline-block; padding:5px 7px; } #content .GUI .gui_button.mutton ul li.current:hover, #content .GUI .gui_button.mutton ul li.current{ color:#fff; background:#1966AE; } #content .GUI .gui_button.mutton ul li:hover { color:#fff; background:#f9f9f9; } #content .GUI .gui_button.mutton.menu ul li{ padding:0px; } #content .GUI .gui_button.mutton.toggled ul li:hover { color:#fff; background:#29aAfB; } #content .GUI .gui_button.mutton.disabled span.gui_arrow, #content .GUI .gui_button.mutton.disabled:hover span.gui_arrow{ background:url("/images/GUI/elements.png") repeat-x scroll 3px -337px transparent; } #content .GUI .gui_button.mutton.toggled span.gui_arrow, #content .GUI .gui_button.mutton.toggled:hover span.gui_arrow{ background:url("/images/GUI/elements.png") repeat-x scroll 3px -356px transparent; border-left:1px solid #2089E5; } #content .GUI .gui_button.left{ -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } #content .GUI .gui_button.middle{ -moz-border-radius: 0px; -webkit-border-radius:0px; border-radius: 0px; } #content .GUI .gui_button.right{ -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; } /* panes */ #content .GUI .gui_pane{ padding:10px; background:#fff; } #content .GUI .gui_pane.scrollable{ overflow:auto; } /* GUI LISTS*/ #content .GUI .gui_list{ } #content .GUI .gui_list .gui_list_element{ background:#eee; border:1px solid #ccc; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-bottom:5px; } #content .GUI .gui_list .gui_list_element:hover { border:1px solid #aaa; } #content .GUI .gui_list .gui_list_element.selected{ background:#ffc; border:1px solid #FBF9B6; } #content .GUI .gui_list .gui_list_element .gui_vertical_grip{ width:25px; margin-right:5px; height:110px; position:relative; float:left; cursor:move; background: url("/images/GUI/repeat-y.png") repeat-y scroll -169px -0px transparent; } #content .GUI .gui_list .gui_list_element .gui_vertical_grip:hover { background: url("/images/GUI/repeat-y.png") repeat-y scroll -139px -0px transparent; } #content .GUI .gui_list .gui_placeholder{ border:3px dashed #ddd; background:#f0f0f0; margin-bottom:5px; } /* other */ #content .number { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#CCDD22; border-bottom:1px solid #C9D920; border-right:1px solid #C9D920; color:#FFFFFF; display:inline-block; font-size:10px; line-height:14px; padding:0 3px; text-align:center; text-shadow:none; } /** Contents from shared/paginator **/ div.paginator { font-size:12px; padding:20px 0px; width:100%; } div.paginator span.nextprev { color:#777; border:none; } div.paginator span, div.paginator a { display:inline-block; font-size:11px; margin-left:1px; padding:4px 9px; border-right:1px solid #eee; border-bottom:1px solid #eee; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } div.paginator span.current { background: #eee; border-left:1px solid #ddd; border-top:1px solid #ddd; color:#777; } div.paginator a { } div.paginator a:hover { background: #eee; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } /** Contents from shared/controls **/ /* show hide behaviour with protofish */ /**div.dropdown ul li.hover ul ul, div.dropdown ul li.hover ul ul ul, div.dropdown ul li.hover ul ul ul ul{position:absolute;display:none;}*/ /**div.dropdown ul li.hover ul, div.dropdown ul li li.hover ul, div.dropdown ul li li li.hover ul,*/ #control_overlay{background:#000000} .select_multiple{position:relative;width:200px} .select_multiple .rounded{border:1px solid #CCCCCC !important;background:#EEEEEE !important} .select_multiple .submit{text-align:right;padding:5px;} .select_multiple .submit input{margin:0 !important;} .select_multiple label{} .select_multiple .options{width:250px;position:absolute;top:0;left:0;z-index:1000;background:url("/images/directory/search_box.png") repeat-x scroll left top #E7E8E9;} .wider .select_multiple .options{width:640px;} * html .select_multiple .options{width:200px;position:relative;top:0;left:0;z-index:1000;margin-top:-20px} .select_multiple .header{color:#444444;font-weight:bold;font-size:12px;margin:0;padding:7px 0 8px 10px;} .select_multiple .options label{ float:left; font-size:10px; margin:2px 0 2px 4px; padding:3px; width:100px; } .select_multiple .options label.selected , .select_multiple .options label:hover { -moz-border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; -moz-box-shadow:1px 1px 0 #FFFFFF; -webkit-box-shadow:1px 1px 0 #FFFFFF; box-shadow:1px 1px 0 #FFFFFF; border-left:1px solid #DDDDDD; border-top:1px solid #DDDDDD; padding:2px 3px 3px 2px; } .range-slider .track span{float:left;cursor:pointer;height:18px;width:7px} .range-slider .track span.min{background:transparent url('/images/members/sliders.gif') repeat-x 0 0} .range-slider .track span.max{background:transparent url('/images/members/sliders.gif') repeat-x -7px 0} .range-slider .track{position:relative;height:21px;background:transparent url('/images/members/sliders.gif') repeat-x 0 -45px;display:block} .range-slider .slider-title{font-weight:bold;font-size:0.85em;display:block;padding:5px} .range-slider .preview{font-size:0.85em;color:#444444} .range-slider .slider-min{float:left} .range-slider .slider-max{float:right} div.auto_complete{width:350px;background:#FFFFFF;font-size:1.2em} div.auto_complete ul{border:1px solid #CCCCCC;margin:0;padding:0;width:100%;list-style-type:none} div.auto_complete ul li{margin:0;padding:5px;border-bottom:1px solid #EEEEEE} div.auto_complete ul li:hover{cursor:pointer;background:#EEEEEE} div.auto_complete ul strong.highlight{color:#FF9900;margin:0;padding:0} /* Tag form input & Autocompleter */ .tag_input ul.holder{margin:0;border:1px solid #CCCCCC;overflow:hidden;height:auto !important;height:1%;padding:4px 5px 0} *:first-child+html .tag_input ul.holder{padding-bottom:2px} * html .tag_input ul.holder{padding-bottom:2px/* ie7 and below */} .tag_input ul.holder li{float:left;list-style-type:none;margin:0 5px 4px 0} .tag_input ul.holder li.bit-box,ul.holder li.bit-input input{font-size:11px} .tag_input ul.holder li.bit-box{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #E9D9A0;background:#FFFFCC;padding:2px 5px 2px} .tag_input ul.holder li.custom{border:1px solid #CCCCCC;background:#EEEEEE} .tag_input ul.holder li.bit-input input{width:150px;margin:0;border:none;outline:0;padding:3px 0 2px/* no left/right padding here please */} .tag_input ul.holder li.bit-input input.smallinput{width:20px} .tag_input #add{border:1px solid #999999;width:550px;margin:50px;padding:20px 30px 10px} .tag_input ol{font-size:11px;margin:0;padding:0} .tag_input ol li.input-text{margin-bottom:10px;list-style-type:none;padding-bottom:10px} .tag_input ul.holder{background:#FFFFFF;width:632px} .tag_input ul.holder li.bit-box{cursor:pointer;padding-right:15px;position:relative;color:#444;} .tag_input ul.holder li.bit-hover{background:#F9F0B9;border:1px solid #E0C966} .tag_input ul.holder li.bit-box-focus{border-color:#FF9900;background:#FF9900;color:#FFFFFF} .tag_input ul.holder li.custom.bit-hover{background:#BBBBBB;border:1px solid #DDDDDD} .tag_input ul.holder li.custom.bit-box-focus{border-color:#AAAAAA;background:#AAAAAA;color:#FFFFFF} .tag_input ul.holder li.bit-box a.closebutton{position:absolute;right:4px;top:5px;display:block;width:7px;height:7px;font-size:1px;background:url('/images/close.gif')} .tag_input ul.holder li.bit-box a.closebutton:hover{background-position:7px} .tag_input ul.holder li.bit-box-focus a.closebutton,ul.holder li.bit-box-focus a.closebutton:hover{background-position:bottom} .tag_input .facebook-auto{display:none;position:absolute;width:312px;background:#EEEEEE} .tag_input .facebook-auto .default{padding:5px 7px;border:1px solid #CCCCCC;border-width:0 1px 1px} .tag_input .facebook-auto ul{display:none;margin:0;padding:0;overflow:auto} .tag_input .facebook-auto ul li{padding:5px 12px;z-index:1000;cursor:pointer;margin:0;list-style-type:none;border:1px solid #CCCCCC;border-width:0 1px 1px;font-size:11px} .tag_input .facebook-auto ul li em{font-weight:bold;font-style:normal;background:#CCCCCC} .tag_input .facebook-auto ul li.auto-focus{background:#666666;color:#FFFFFF} .tag_input .facebook-auto ul li.auto-focus em{background:none} .tag_input #demo ul.holder li.bit-input input{padding:2px 0 1px;border:1px solid #999999} .tag_input #add a{color:#666666} .tag_input #add-test{width:100px;padding:2px} .tag_input #button_container{margin-left:70px;margin-bottom:30px} div.autocomplete{position:absolute;width:250px;border:1px solid #888888;margin:0;padding:0;background:#FFFFFF} div.autocomplete ul{list-style-type:none;margin:0;padding:0;z-index:999} div.autocomplete ul li.selected{color:#FFFFFF;background:#FF9900} div.autocomplete ul li{list-style-type:none;display:block;margin:0;padding:2px;font-size:12px;color:#666666;cursor:pointer;background:#F9F0B9} .controls.checklists{margin:28px 0 20px 0} .controls.checklists .sort h3,.filter h3{color:#999999;display:inline;float:left;font-size:1em;margin:4px;font-weight:normal;width:50px} .controls.checklists .sort ul li,.filter ul li{list-style-type:none;line-height:17px;margin:0;padding:0;float:left} .controls.checklists .sort ul,.filter ul{padding:0;float:left;margin:0px} .controls.checklists .sort,.checklists .filter{width:700px;height:25px/*margin-left:9px;*/} .controls.checklists a{outline:none;text-decoration:none} .controls.checklists a.check{float:left;height:23px;margin-right:2px;cursor:pointer;background:transparent url(/images/manager/buttons.png) no-repeat scroll 0 -422px;display:inline-block} .controls.checklists a.check .text{display:inline-block;height:23px;line-height:20px;margin-left:6px;padding-right:7px;letter-spacing:-0.01em;font-size:1em;background:transparent url(/images/manager/buttons.png) no-repeat scroll 100% -422px} .controls.checklists a.check.active{background:transparent url(/images/manager/buttons.png) no-repeat scroll 0 -400px} .controls.checklists a.check.active .text{background:transparent url(/images/manager/buttons.png) no-repeat scroll 100% -400px;color:#FFFFFF} .controls.checklists h3{margin-left:0} /* CUSTOM CLASSES FOR TEXTBOXFIELD*/ .tag_input ul.holder li.bit-box.tb_manager{ background-color:#dfd; border-color:#beb; } .tag_input ul.holder li.bit-hover.tb_manager{ background-color:#efe; border-color:#cfc; } .tag_input ul.holder li.bit-box-focus.tb_manager{ background-color:#6a6; border-color:#494; } .tag_input ul.holder li.bit-box.tb_beauty{ background-color:#fdd; border-color:#ebb; } .tag_input ul.holder li.bit-hover.tb_beauty{ background-color:#fee; border-color:#fcc; } .tag_input ul.holder li.bit-box-focus.tb_beauty{ background-color:#a66; border-color:#944; } .tag_input .facebook-auto ul li.tb_manager{background-color:#dfd;border-color:#cfc;} .tag_input .facebook-auto ul li.tb_manager em{background-color:#beb;} .tag_input .facebook-auto ul li.auto-focus.tb_manager{background-color:#6a6;border-color:#494;} .tag_input .facebook-auto ul li.tb_beauty{background-color:#fdd;border-color:#fcc;} .tag_input .facebook-auto ul li.tb_beauty em{background-color:#ebb;} .tag_input .facebook-auto ul li.auto-focus.tb_beauty{background-color:#a66;border-color:#944;} /* reorder box */ /* reorder box */ #content .reorder-box{width:100%;overflow:hidden;margin:0 0 17px} #content .reorder-box .drag-drop{float:left;width:480px} #content .drag-drop p{margin:0 0 17px;font-size:1.1em;color:#666666} #content .drag-drop li{border:3px solid #FFFFFF} #content .drag-drop li:hover{cursor:move} /* drag and drop list */ #content .drag-drop ul,.photo.thumbnails{margin:0 0 15px;padding:0;list-style:none;width:100%;overflow:hidden} #content .drag-drop ul li,.photo.thumbnails li{float:left;width:110px;height:110px;background:#ECECEC;margin:0 10px 10px 0;overflow:hidden;position:relative} #content .drag-drop ul li span,.photo.thumbnails li span{position:absolute;z-index:5;top:0;left:0;width:110px;height:110px;background:url(/images/members/layout/background.gif) no-repeat -306px -331px;display:none} #content .drag-drop ul li.active span{display:block} .wrap-holder{display:table;width:100%;height:100%} .wrap-middle{display:table-cell;vertical-align:middle} .wrap-left{position:relative;float:left;left:50%} .wrap-right{position:relative;left:-50%} #content .drag-drop ul li{float:left;width:110px;height:110px;background:#ECECEC;margin:0 10px 10px 0;overflow:hidden;position:relative} #content .drag-drop ul li span{position:absolute;z-index:5;top:0;left:0;width:110px;height:110px;background:url(/images/members/layout/background.gif) no-repeat -306px -331px;display:none} #content .drag-drop ul li.active span{display:block} #inner-2 #content .reorder-box{width:100%;overflow:hidden} #inner-2 #content .reorder-box .drag-drop ul li img{float:left} #inner-2 #content .reorder-box .learn-page{float:right;width:345px} #inner-2 #content .reorder-box .learn-heading{width:100%;overflow:hidden;margin:0 0 11px} #inner-2 #content .reorder-box .learn-heading span{float:left;background:url(/images/members/layout/bg-learn.gif) no-repeat;padding:0 0 0 12px} #inner-2 #content .reorder-box .learn-heading span span{float:left;background:url(/images/members/layout/bg-learn.gif) no-repeat 100% 0;padding:0 12px 0 0;height:19px;line-height:19px;font-size:10px;color:#999999} /** Contents from shared/lightbox **/ ul.lightbox-list { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:20px 15px 15px 15px; } ul.lightbox-list li { border-bottom:1px dotted grey; margin:0 !important; padding:5px; line-height:21px; } ul.lightbox-list li.lightbox-rows a { float:left; } ul.lightbox-list li.lightbox-rows div.link-button, ul.lightbox-list li.lightbox-0 div.link-button { margin:0 !important; } ul.lightbox-list li.lightbox-explanation { border-bottom:medium none; height:auto !important; margin-top:20px; } ul.lightbox-list li.in-lightbox { background-color:#ffeee7; } ul.lightbox-list li.notin-lightbox { background-color:#ebffe7; } ul.lightbox-list li .add-lightbox-link, ul.lightbox-list .add-lightbox-link-existing { float:right; } ul.lightbox-list li a.add-to-lightbox { width:40px; } ul.lightbox-list li .number{ margin-left:10px; } input.add-lightbox-title { height:18px; margin:0; padding:0; width:220px; } ul.lightbox-list #lightbox-info {font-size:11px; padding-top:15px; clear:both; text-align:right;} #lightbox-createNew {clear:both; position:relative;} #lightbox-createNew .note {font-style:italic; font-size:10px; width:102px; line-height:14px; float:right; padding-top:5px;} .content {position:relative;} .content .fb-close {position:absolute; top:0; right:0; z-index:10; padding:0px 4px; font-size:15px; font-weight:bold; background:#47A5D9; text-decoration:none; color:#222;} .lightbox-goto h3 {margin:0 0 5px 0 !important; font-size:16px;}