/*------------------------- CSS Reset -------------------------*/ html, body, div, span, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } :focus {outline: 0;} ul li {display: inline;list-style:none;} a {text-decoration:none;} a, a:visited {color:#7b7b7b;} a:hover {color: #216fb9;} body {line-height: 1; color:#7b7b7b; background: #F7F7F7; font-size: 14px; font-family: Arial,Helvetica,sans-serif;} /* body{ background-image: url("../images/bg.png"); background-repeat: repeat-x; background-color: #2B3036; } */ h1 {color: #216fb9; font-size: 16px; font-weight: bolder; } h2 {color: #216fb9; font-size: 15px; font-weight: bolder; } h3 {font-weight: bolder; } #content{width:800px; margin: 5px auto} #header {height:39px; display:block} #logo { background:transparent url("../images/headerLogo.png") no-repeat scroll left top;display:block;float:left;height:39px;width:163px; cursor: pointer;} #logo h1{ margin: 20px 60px; color:#216fb9; font-size:15px; font-weight:bold;} #login_link {margin: 2px 2px 0px; float: right; } #container {background: #FFF; padding:0px 0px; margin-top:8px; margin-bottom:8px;} /*#container .notice {width:800px; margin:0; background:transparent url("../images/main_container_bg.png") repeat-y;} */ #top_container{ background:transparent url("../images/sprite.png") no-repeat top left; display:block; height:33px;} #top_container .background{background:transparent url(../images/sprite.png) no-repeat right top; margin-left:6px; height:33px;} #main_menu {float:left; text-align:left; display:block;} #main_menu li a {float:left;height:20px; padding:2px 10px; display:block;text-decoration:none;color: #216fb9; font-size: 24px; font-weight: bolder; } #main_menu li a:hover{background:#FFF; height:19px; padding:1px 9px 11px; border: 1px solid #d3d4d6;} #main_menu li.selected a:hover , #main_menu li.selected a {background:#FFF; padding:1px 9px 11px; height:20px; border: 1px solid #d3d4d6; border-bottom: 0;} #main_container { min-height:600px; margin:0; padding:20px 0; background:transparent url("../images/main_container_bg.png") repeat-y;} #main_container > div {margin:20px auto; max-width: 780px} #slimmer_box {width:750px; margin:0px auto; background: #FFF; } #slimmer_menu{background:transparent url("../images/sprite.png") no-repeat left -33px;} #slimmer_menu .background{margin-left:6px; padding-top: 1px; background:transparent url("../images/sprite.png") no-repeat right -33px;height:28px;} #slimmer_menu ul li a {float:left; height:18px; padding:4px 4px; text-decoration:none } #slimmer_menu ul li a:hover { background:#FFF; height:18px; padding:4px 3px; border: 1px solid #d3d4d6; border-top: 0;} #slimmer_menu ul li.active a, #slimmer_menu ul li.active a:hover {background:#FFF; height:19px; padding:4px 3px; border: 1px solid #d3d4d6; border-bottom: 0; border-top: 0;} #slimmer_menu div.search_friends {height:22px; background:#fff; float: right; margin-right:5px; margin-top:2px;} #slimmer_submenu > div {font-size: 14px; font-weight: bold; color:#B9BABC;} #slimmer_submenu{ height:25px; padding:5px 2px 4px ; border-left: 1px solid #d3d4d6; border-right: 1px solid #d3d4d6; border-bottom: 1px dotted #eee; border-top: 0;} #slimmer_submenu span.text {line-height:23px;} /* #slim_panel li a span{width: 15px;text-align: center;display:block;} #slim_panel li a.active span {color:red} */ #slimmer_canvas { border: 1px solid #d3d4d6; display:block; border-top: 0; min-height:400px;} #slimmer_canvas > div > img{ margin:0px auto; display:block; text-align:center;} #slimmer_box_footer { border: 1px solid #d3d4d6; border-top: 0; padding:10px; display:block;} #slimmer_canvas span.text {font-size: 14px; font-weight: bold; color:#B9BABC;} #footer_container {margin-bottom:4px; background:transparent url("../images/sprite.png") no-repeat left -61px;} #footer_container div.background {margin-left:5px; height:11px; background:transparent url("../images/sprite.png") no-repeat right -61px;} #footer_links{clear:both;} #footer_text{padding-right:2px;text-align:right;} /* Facebook */ .circle_y{float:left;padding-left:6px;padding-top:1px; margin-left:0px;width:20px;height:20px;background:url(/images/bg_circle.png) 0 0 no-repeat;} input#user_search { background-color: transparent; border:0 none; color:#B9BABC; height:16px; outline-style:none; outline-width:0; padding:3px 5px; width:190px; font:14px Arial,Helvetica,sans-serif; font-weight: bold;} #photos {border-bottom: 1px dotted #eee; height:64px; margin:0px auto;} #albums {border-bottom: 1px dotted #eee; height:64px; margin:0px auto;} .album .caption p {margin: 3px; font-size: 12px;} .photo {border: 2px solid #CCC; margin: 5px;cursor: pointer;} .album {margin: 5px;} /*#view,#pic_select, #pic_slim {padding-top:10px; padding-bottom: 10px}*/ ul.actions{float:right;} #loading_layer {width: 100%; height:100%; background:white; position: absolute; bottom:0px; display: none;} #act_layer {width: 648px; position: absolute; bottom:28px; display: none; z-index:301;} #over_layer {height:100%; background-color: black; opacity: 0.5; filter: alpha(opacity=60); position: absolute; width: 100%; z-index:-1; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;} #buttons_layer ul.actions { margin: 10px; } #view {max-height: 500px;} .pic_caption {width: 316px; margin-bottom:5px;} .pic_caption input {color:#7B7B7B;width:222px;} .pic_caption div {float:left} .title{margin:0 auto; color:#B9BABC; font-size:22px; font-weight:bolder; line-height:22px; width: 700px} .description{margin:0 auto; color:#B9BABC; font-size:17px; line-height:18px; width: 700px} .red {border-bottom: 1px solid red;} .error{color:#AA000A;font-weight: bolder; } .round { -moz-border-radius:5px 5px 5px 5px; } .locale {color: #606060; cursor:pointer;} .strong {color: #606060;} .language-menu {position: absolute; list-style:none;position:absolute;text-align:right;width:130px;background: none repeat scroll 0 0 #F7F7F7;border: 1px solid #D3D4D6;padding: 5px;} .language-menu li:hover{ background: #FFF;cursor:pointer;} .pagination { clear:both; text-align:center; padding-top:25px;} #uploadhandler_layer { position: absolute; top: 0px; right: 0px; } .mButton{display:inline-block;height:23px;padding:0 0 0 3px;font-size:11px;font-weight:bold;color:#7b7b7b;text-shadow:1px 1px 1px #fff;background:url(/images/buttons/minibutton_matrix.png) 0 0 no-repeat;white-space:nowrap;border:none;overflow:visible;cursor:pointer;} input[type=text]+.mButton{margin-left:5px;} button.mButton::-moz-focus-inner{margin:-1px -3px;} .mButton.danger{color:#900;} .mButton>span{display:block;height:23px;padding:0 10px 0 8px;line-height:23px;background:url(/images/buttons/minibutton_matrix.png) 100% 0 no-repeat;} .mButton:hover{color:#fff;text-decoration:none;text-shadow:none;background-position:0 -30px;} .mButton.danger:hover{background-position:0 -90px;} .mButton:hover>span{background-position:100% -30px;} .mButton.danger:hover>span{background-position:100% -90px;} .mButton.mousedown{background-position:0 -60px;} .mButton.danger.mousedown{background-position:0 -120px;} .mButton.mousedown>span{background-position:100% -60px;} .mButton.danger.mousedown>span{background-position:100% -120px;} .mButton.selected {color:#fff;text-decoration:none;text-shadow:none;background-position:0 -30px;} .mButton.selected>span {background-position:100% -30px;} #slim_panel > li > .mButton > span{ font-size:12px; } #size_wrapper { height: 25px; margin:1px auto 0; padding:1px 5px; width:380px;} #size_wrapper > ul { float:left; margin-top:4px;} #size_wrapper > ul > li {float:left; margin: 0 1px; cursor:pointer; text-indent:-99999em; } #size_wrapper > ul > li > a{ font-family:verdana,helvetica,arial,sans-serif; font-size: 9px; font-weight: bolder} .icored {background-position: left top;background-image: url(/images/weight-sprite-red.png);} .icoblu {background-position: left top;background-image: url(/images/weight-sprite.png);} .icoyew {background-position: left top;background-image: url(/images/weight-sprite-yellow.png);} .icogre {background-position: left top;background-image: url(/images/weight-sprite-green.png);} .pro, .free {width: 11px; height: 25px} .pro.hover {background-position: left -26px;} .free.hover {background-position: left -26px;} .pro.selected {background-position: left -26px;} .free.selected{background-position: left -26px;} #zero_weight {background-position: left -26px; background-image: url(/images/weight-sprite-green.png);} #zero_weight.hover {background-position: left -26px;} #zero_weight.selected {background-position: left -26px;} .pop_form {width: 350px; padding:5px;} .pop_form_top_border {background:transparent url("../images/sprite.png") no-repeat left -72px; height:8px;} .pop_form_bot_border {background:transparent url("../images/sprite.png") no-repeat left -77px; height:8px; clear:both;} .pop_form_text, .pop_form_field { padding-top:5px; background:#FAFAFA; border-left:1px solid #ADADAD; border-right:1px solid #ADADAD; padding-left:10px; padding-right:10px;} .pop_form_buttons {padding-top:5px; background:#FAFAFA; border-left:1px solid #ADADAD; border-right:1px solid #ADADAD; padding-left:10px; padding-right:10px; height:25px;} .pop_form label {font-weight: bolder; } .pop_form input, .pop_form textarea {width: 320px;} .pop_form textarea {height: 60px;} .carrusel_splash{color:#CCC; float:right; font-size:55px; font-weight:bold; position:absolute; right:10px; z-index:5; opacity:0.8} #pic_select_frame {margin-bottom:4px;} .photo_frame {float:left; left:50%; position:relative; margin-left:2px;} .photo_frame img {border: 1px solid #f7f7f7;} .img_top_right{background: url(/images/photo_frame.png) top right no-repeat; left:-50%;position:relative;} .img_bot_right{background: url(/images/photo_frame.png) bottom right no-repeat;} .img_top_left {background: url(/images/photo_frame.png) top left no-repeat;} .img_bot_left {background: url(/images/photo_frame.png) bottom left no-repeat;padding: 25px;padding-right: 30px} /*---counter ---*/ #counter { position:relative; width: 615px; height: 103px; overflow: hidden;} #counter .digit {float: left; position: relative; height: 103px; width: 53px; overflow: hidden;} #counter .digit .digitText {position: absolute; text-indent:-5000px; width:53px; display:none;} #counter .digit .digitImage {position: absolute; width: 53px; height: 12360px;} #counter .digit .digitImageElement {background-image: url("/images/countdown/filmstrip.png"); background-repeat: no-repeat; background-position: 0px 0px; width: 53px; height: 6180px;} #counter .digitGroupSeparator {position: relative; text-indent:-5000px; float: left; width:10px; height:52px; margin:42px 0 0 1px; background-image: url("/images/countdown/comma.png"); background-repeat: no-repeat; background-position: 0px 29px;} #counter .digitUnit {float: left; position: relative; height: 103px; width: 53px; background-repeat: no-repeat; background-position: 0px 0px;} #counter .spacer {float: left; position: relative; height: 103px; width: 10px;} #counter .k {background-image: url("/images/countdown/k.png");} #counter .g {background-image: url("/images/countdown/g.png");} #counter .p {background-image: url("/images/countdown/p.png");} #counter .d {background-image: url("/images/countdown/d.png");} #counter .l {background-image: url("/images/countdown/l.png");} #counter .b {background-image: url("/images/countdown/b.png");} .home {width: 627px; } .home.text2 div { color:#B9BABC;font-size:22px;line-height:22px;font-weight:bolder;} .home.text div { color:#B9BABC; font-size:1.7em; font-weight:bold; letter-spacing:-1px; line-height:1.1em; } .home.text div p { margin-top:10px;} .home.img {margin-top:50px !important; height: 194px; width: 627px; background-image: url("/images/home/home_img.png"); background-repeat: no-repeat; background-position: 0px 0px;} .home.start {cursor:pointer; line-height:70px; text-indent:20px;font-size:40px; color:#ffffff; font-weight:bolder; margin-top:40px !important; height: 70px; width: 623px; background-image: url("/images/home/home_start.png"); background-repeat: no-repeat; background-position: 0px 0px;} .ac_results { /* padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; */ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-box-shadow:0 10px 10px rgba(0, 0, 0, 0.4); background:#F8F8F8 none repeat scroll 0 0; border-color:#DDDDDD #DDDDDD #CCCCCC; border-style:solid; border-width:1px; font-size:93%; overflow: hidden; z-index:9999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; color:#808080 ; } .ac_loading { /* background: white url('indicator.gif') right center no-repeat; */ } .ac_odd { background-color: #eee; } .ac_results > ul > li > div > img { float: left; } .ac_results > ul > li > div > span { float: left; font-size: 10px; margin-left: 5px; } .ac_results > ul > li > div > span.name { font-size: 11px; margin-top: 17px; } .ac_results > ul > li > div > span > strong { color:#044a8f; } .ac_over { color: #216fb9; background-color: #bbdbfc; } .ac_over > div { color: #216fb9; font-weight: bold; } /*
*/ .boxy-wrapper { position: absolute; } .boxy-wrapper.fixed { position: fixed; } /* Modal */ .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; } /* Border */ .boxy-wrapper { empty-cells: show; min-width: 250px} .boxy-wrapper .top-left, .boxy-wrapper .top-right, .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 } .boxy-wrapper .top-left { background: url('../images/boxy-nw.png'); } .boxy-wrapper .top-right { background: url('../images/boxy-ne.png'); } .boxy-wrapper .bottom-right { background: url('../images/boxy-se.png'); } .boxy-wrapper .bottom-left { background: url('../images/boxy-sw.png'); } /* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */ /* NB: these must be absolute paths or URLs to your images */ .boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png'); } .boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png'); } .boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png'); } .boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png'); } .boxy-wrapper .top, .boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 } .boxy-wrapper .left, .boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 } /* Title bar */ .boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; } .boxy-wrapper .title-bar.dragging { cursor: move; } .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; } .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; } /* Content Region */ .boxy-inner { background-color: white; padding: 0 } .boxy-content { padding: 15px; } /* Question Boxes */ .boxy-wrapper .question { width: 350px; min-height: 80px; } .boxy-wrapper .answers { text-align: right; } .image-overlay { list-style: none; text-align: left; } .image-overlay li { display: inline; } .image-overlay a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active { text-decoration: none; } .image-overlay a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img { border: none; } .image-overlay a { /*margin: 9px;*/ float: left; background: #fff; border: solid 2px; overflow: hidden; position: relative; } .image-overlay img { position: absolute; top: 0; left: 0; border: 0; } .image-overlay .caption { float: left; position: absolute; background-color: #000; width: 100%; cursor: pointer; /* The way to change overlay opacity is the follow properties. Opacity is a tricky issue due to longtime IE abuse of it, so opacity is not offically supported - use at your own risk. To play it safe, disable overlay opacity in IE. */ /* For Firefox/Opera/Safari/Chrome */ opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .image-overlay .caption h1, .image-overlay .caption h2, .image-overlay .caption h3, .image-overlay .caption h4, .image-overlay .caption h5, .image-overlay .caption h6 { margin: 10px 0 10px 2px; font-size: 20px; font-weight: bold; padding: 0 0 0 5px; } .image-overlay p { text-indent: 0; margin: 10px; font-size: 1em; } .tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(../images/tipsy.gif); } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } /* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */ .jcrop-holder { text-align: left; margin:0 auto;} .jcrop-vline, .jcrop-hline { font-size: 0; position: absolute; background: white url('Jcrop.gif') top left repeat; } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-hline { width: 100%; height: 1px !important; } .jcrop-handle { font-size: 1px; width: 7px !important; height: 7px !important; border: 1px #eee solid; background-color: #333; *width: 9px; *height: 9px; } .jcrop-tracker { width: 100%; height: 100%; } .custom .jcrop-vline, .custom .jcrop-hline { background: yellow; } .custom .jcrop-handle { border-color: black; background-color: #C7BB00; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Uploadify v2.1.0 Release Date: August 24, 2009 Copyright (c) 2009 Ronnie Garcia, Travis Nickels Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .uploadifyQueueItem { font-size: 11px ; background-color: #CCC; padding: 10px; } .uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; } .uploadifyQueueItem .cancel { float: right; } .uploadifyProgress { background-color: #FFFFFF; margin-top: 5px; width: 100%; } .uploadifyProgressBar { background-color: #0099FF; width: 1px; height: 12px; }