/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url(/assets/images/delete.gif) no-repeat 0 -16px} div.star-rating,div.star-rating a{background:url(/assets/images/star.png) no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS *//***** CORE *******/ /******************/ html{ background-color:#333; } tr,td{ overflow:hidden; } body { background-color: #333; margin: 0 auto; padding: 0; font-size: 90%; color: #777; font-family: Arial, Verdana, "Times New Roman"; position:relative; } /* Make sure the table cells show the right font */ h1, h2, h3, h4, h5, h6, td { } /*------------------------------------------------- PAGE STRUCTURE -------------------------------------------------*/ .colLeft { margin:0 0; } .colRight {font-size:90%;border-left:1px solid #666;padding:0 0 0 20px;position:absolute;top:0;right:0;width:200px;} #logo { float: left; position: absolute; top: 6px; left: 6px; width: 140px; height: 40px; background-image: url(/assets/images/logo2.png); } #pub_logo { float: left; position: absolute; top: 0; left: 25px; width: 145px; height: 54px; background-image: url(/assets/images/me_share.png); } .productDetails { padding: 20px; font-size: 90%; } .productDetails img { float: left; margin: 0 20px 0 0; } .productDetailsText { margin: 0 0 0 110px; } .clearBoth { clear: both; } ul.buttons { list-style-type: none; margin: 0 0 10px 0; padding: 0 0; display: block; width: 100%; display: inline; line-height: 40px; } ul.buttons li { list-style-type: none; margin: 0 10px 0 0; display: inline; width: auto; } ul.buttons li.processing { background: url(/assets/images/processing_small.gif) no-repeat; height: 19px; } ul.buttons li a:link, ul.buttons li a:visited { text-decoration: none; padding: 3px 6px; width: auto; color: #90e66a; border: 1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; cursor: hand; } ul.buttons li a:hover { background: #fff; color: #90e66a; border: 1px solid #d7f1b7; } ul.buttons li a:active { background: #e9fcd3; color: #90e66a; border: 1px solid #d7f1b7; } ul.buttons li a.selected { background: #e9fcd3; color: #90e66a; border: 1px solid #d7f1b7; } ul.nav { list-style-type: none; margin: 0 0; padding: 0 0; } ul.nav li { float: left; width: auto; padding: 6px 8px; } .left { float: left; text-align: left; display: inline; } .right { float: right; text-align: right; display: inline; margin-left:20px; z-index:10; } #commentContainer { clear:left; } #commentContainer p { padding: 10px 10px; font-size:90%; } #commentContainer span {font-weight:600;} #commentContainer b { font-weight:normal; } #commentForm {padding:10px 10px; background-color:#444;border:1px solid #565656;-moz-border-radius: 3px; -webkit-border-radius: 3px;} #tagsContainer { background:#333; border:1px solid #555; -moz-border-radius: 5px; -webkit-border-radius: 5px;padding: 6px;} table#tagForm tr {padding:10px 0 0 0;} table#tagForm td.input_cell {padding:0 5px 0 0;} table#tagForm td.input_cell input {width:90px;} table#tagForm td.button_cell {padding:0 0 0 5px;} #storage{ width:156px; height:20px; border:0; padding:0; margin-top:12px; background:url(/assets/images/storage_bar_back.png); } #storage span{ width:0px; height:20px; display:block; float:left; background:url(/assets/images/storage_bar.png) no-repeat; } #storageInfo{width:120px; height:20px; float:left; line-height:20px; margin-top:12px; } /*------------------------------------------------- Modal popup settings -------------------------------------------------*/ table.modal { width: 100%; outline: none; } table.modal tr td { font-size: 1px; line-height: 1px; } table.modal tr td.content { padding: 0 10px 10px 10px; margin: 0 0; width: auto; background: #424242; font-size: 12px; line-height: 16px; text-align: left; color: #ccc; overflow: hidden; } td.content h2 { font-size: 120%; } .cornerNW { width: 15px; height: 15px; background: url(/assets/images/corner-NW.png) no-repeat; } .cornerNE { width: 15px; height: 15px; background: url(/assets/images/corner-NE.png) no-repeat; } .cornerSW { width: 15px; height: 15px; background: url(/assets/images/corner-SW.png) no-repeat; } .cornerSE { width: 15px; height: 15px; background: url(/assets/images/corner-SE.png) no-repeat; } .borderN { height: 15px; background: url(/assets/images/border-N.png) repeat-x; } .borderS { height: 15px; background: url(/assets/images/border-S.png) repeat-x; } .borderE { width: 15px; background: url(/assets/images/border-E.png) repeat-y; } .borderW { width: 15px; background: url(/assets/images/border-W.png) repeat-y; } #fileInfoContainer { height: auto; width: auto; margin: 10px 0 0 0; padding: 0 0 20px 0; } #file { position: relative; min-height: 100px; margin-top:20px; } .thumbContainer { display: inline; } .shareThumbContainer { display: inline; position:relative; } .shareThumbContainer span { display: block; position:absolute; bottom: -4px; left:10px; display:block; width:112px; text-align:center; font:11px/13px arial; color:#999; height:13px; overflow:hidden; } img.imageFull { display: none; border: none; margin:auto; display:block; } #tagsContainer { } #tagsContainer span { margin:0 0; } .processing { background-image: url(/assets/images/processing_large.gif); background-repeat: no-repeat; background-position: center center; } .processingSmall { background-image: url(/assets/images/processing_small.gif); background-repeat: no-repeat; background-position: center center; } /* select box dropdown */ div.selectbox-wrapper { position:absolute; width:400px; background-color:white; border:1px solid #ccc; margin:0px; margin-top:-10px; padding:0px; font-size:0.8em; text-align:left; max-height:200px; overflow:auto; } div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px; } div.selectbox-wrapper ul li.selected { background-color: #EAF2FB; } div.selectbox-wrapper ul li.current { background-color: #CDD8E4; } div.selectbox-wrapper ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; } label { display: block; } .langs /* look & feel of select box */ { margin: 0px 5px 10px 0px; padding-left:2px; font-size:0.8em; width : 10em; display: block; text-align:left; /* background: url('/assets/images/bg_select.png') right; */ /*height:18px;*/ cursor: pointer; border:1px solid #D1E4F6; color:#333; } select { } logo #pressReleases { } .rss h2 { font-size: 1.2em; margin: 0 0; } .release { margin: 10px 0 0 0; } .wrapper { float: left; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0; margin: 0; /* min-width: 900px; */ } .wrapper .main_container { position: absolute; top: 54px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; } #header { text-align: right; height: 53px; line-height: 53px; background: url(/assets/images/patterns_h.png) repeat-x; border-bottom: 1px solid #777; overflow: hidden; z-index:100; } img.userAvatarHeader { float: left; position: absolute; top: 10px; left: 9px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #header fb\:profile-pic { position: absolute; top: 10px; left: 10px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; } a.FB_Link { color: #90e66a; text-decoration: none; } #navContainer { position: absolute; top: 0px !important; left: 163px; height: 53px; } #navContainer ul { list-style-type: none; height: 53px; margin: 0 0; padding: 0 0; } #navContainer ul li { float: left; list-style-type: none; display: inline; margin: 0 0; padding: 0 0; cursor: pointer; cursor: hand; } #optionsNav { position: absolute; top: 0; right: 0; height: 53px; } #optionsNav ul { list-style-type: none; height: 53px; margin: 0 0; padding: 0 0; } #optionsNav ul li { float: left; list-style-type: none; display: inline; margin: 0 0; padding: 0 0; cursor: pointer; cursor: hand; } a.primaryNav:link, a.primaryNav:visited { color: #ccc; padding: 0 0; text-align:center; float: left; width: auto; height:53px; line-height:53px; outline: none; margin: 0 0; z-index: 4; cursor: pointer; cursor: hand; text-decoration: none; text-shadow: 1px 1px 2px #000; position: relative; } a.primaryNav { color: #ccc; padding: 0 0; text-align:center; float: left; width: auto; height:53px; line-height:53px; outline: none; margin: 0 0; z-index: 4; cursor: pointer; cursor: hand; text-decoration: none; text-shadow: 1px 1px 2px #000; position: relative; } a.primaryNav:link span, a.primaryNav:visited span { float: left; display: block; width: auto; white-space: nowrap; padding:0 24px 0 50px; height:53px; line-height:53px; } a.primaryNav span { float: left; display: block; width: auto; white-space: nowrap; padding:0 24px 0 50px; height:53px; line-height:53px; } a.primaryNav:hover, a.primaryNav:active { outline: none; text-decoration: none; cursor: pointer; cursor: hand; } a.primaryNav:hover span, a.primaryNav:active span { outline: none; cursor: pointer; cursor: hand; color:#fff; } a.primaryNav:link span.active, a.primaryNav:visited span.active, a.primaryNav:hover span.active, a.primaryNav:active span.active { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 20px -1203px; } ul#primaryNav li.active { background:url(/assets/images/nav-bg.jpg) top left repeat-x !important; } ul#primaryNav li:hover { background:url(/assets/images/nav-bg.jpg) bottom left repeat-x !important; } ul#primaryNav li.active span { background:url(/assets/images/icons.png) center -1202px no-repeat !important; height:54px !important; } .infoSections { padding: 20px; border-bottom: 1px solid #666; overflow: hidden; } #marketingMessage { padding: 20px; border-bottom: 1px solid #666; overflow: hidden; } #marketingMessage img { display:block; margin:10px auto 10px auto; } #marketingMessage p { font-size: .85em; } .marketingSections ol { font-size:12px; list-style:decimal; margin:10px; } .marketingSections ol li { margin-bottom:5px; } .marketingSections h3{ font-size:13px; } .marketingSections h4{ font-size:12px; } .sendFiles { line-height: 31px; height: auto; padding: 6px 4px 0 4px; margin: 0 0; border-top: 1px solid #666; } .sendFileSlice { line-height: 20px; font-size: 90%; color: #999; } .packageFiles { display: none; clear: both; } .packageRow { line-height: 37px; } .detailPackageRow { line-height: 20px; } #backup { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px 10px; } #share { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px -42px; } #account { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px -94px; } #send { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px -1270px; } #loginModalDialog_backup { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px 10px; } #loginModalDialog_share { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px -42px; } #loginModalDialog_account { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px -94px; } #loginModalDialog_send { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px -1270px; } #logout { padding: 0 24px; margin: 0 0; } #recentInvitationsContainer { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; } .packageIcon { float: left; line-height: 32px; width: 32px; padding: 0 0; margin: 0 6px 0 0; background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 0 -1347px; display: inline; } .packageCloseBoxIcon { float: left; line-height: 60px; width: 100px; padding: 0 0; margin: 0 6px 0 0; background-image: url(/assets/images/sendMe_closed.png); background-repeat: no-repeat; display: inline; } .packageOpenBoxIcon { float: left; line-height: 60px; width: 100px; padding: 0 0; margin: 0 6px 0 0; background-image: url(/assets/images/sendMe_open.png); background-repeat: no-repeat; display: inline; } #recentActivityContainer { border-top: 1px solid #ccc; padding: 10px 0; } #recentActivityContainer div.news { clear: both; display: block; height: 70px; border-bottom: 1px solid #ccc; } #recentActivityContainer img { float: left; position: relative; top: 10px; left: 10px; } #recentActivityContainer p { padding: 10px; margin: 0 0 0 60px; line-height: 16px; } #statusContainer { display: none; position: absolute; bottom: 1px; left: 0; width: 160px; height: 60px; border-top: 1px solid #ccc; } #statusInner { padding: 10px; } div.secondaryOptionsContainer { float: right; line-height: 1em; font-size: 90%; } div.secondaryOptionsContainer div.secondaryOptions { } a.secondaryOptionTrigger:link, a.secondaryOptionTrigger:visited { font-weight: 400; height: 10px; line-height: 10px; font-size: 10px; color: #444444; background-color: transparent; padding: 0 0 0 0; outline: none; text-decoration: none; cursor: pointer; cursor: hand; } a.secondaryOptionTrigger:hover, a.secondaryOptionTrigger:active, a.secondaryOptionTrigger:active ul { } a.secondaryOptionTrigger:hover ul { display: inline } div.secondaryOptionsContainer div.secondaryOptions ul { display: none; list-style-type: none; margin: 0 0; padding: 0 0; } div.secondaryOptionsContainer div.secondaryOptions ul li { display: block; border: none; background: none; background-color: #fff; } .status25 { float:left; width: 25px; height: 25px; margin: 0 0 0 6px; } input, textarea { line-height: 1em; padding: 5px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* all 'panes' */ .ui-layout-pane { background: #FFF; border: 1px solid #BBB; overflow: auto; } /* all 'resizer-bars' */ .ui-layout-resizer { background: #DDD; } /* all 'toggler-buttons' */ .ui-layout-toggler { background: #AAA; } .ui-layout-center { overflow: auto; background-color: #fff; } .ui-layout-west { overflow: hidden; } .ui-layout-east { overflow: auto; } .ui-layout-north { } .ui-layout-pane { } .ui-layout-pane-north { border: none; overflow: hidden; } .ui-layout-pane-center { border-top: none; border-bottom: none; background-image: url(/assets/images/processing_large_slate.gif); background-repeat: no-repeat; background-position: center center; overflow: auto; } .ui-layout-pane-east { border-top: none; border-bottom: none; border-right: none; } .ui-layout-pane-west { border: none; overflow: hidden; overflow: hidden; } .avatar50 { float: left; height: 50px; line-height: 50px; } .rating-cancel { display: none; } .toolTip { color: #FFF; font-size: 90%; line-height: 1.4em; font-weight: 400; z-index: 1000; position:absolute; } .tooltip * { z-index: 1001; position:absolute; } legend { color: #ccc; } fieldset { border: 1px solid #666; } /* New stuff for Profile/Settings page */ .profileRow, .storageRow {clear:left; margin:0 0; border-top:1px solid #555;line-height:41px; display:block;} .profileRowAddEmail {clear:left; margin:0 0;line-height:41px;} .profileRowSlideDown {clear:left; margin:2px 0 0 0; border-top:1px solid #555;line-height:35px;} .avatarRow {clear:left;padding:5px 0 0 0; margin:0 0; border-top:1px solid #555;} .subRow {clear:left;margin-left:150px;display:none;} #passwordData{width:auto;} #newPassRow {display:none;} #newPassFields {float:left;line-height:35px;margin-top:2px;} #passwordButtons{float:left;width:240px;margin:0 0;padding:0 0;line-height:33px;} #changePassStatus{position:relative;bottom:3px;} #passwordStatus{position:relative;bottom:2px;} .newpassposition{float:left;padding:5px 0 0 10px;} .newclasslabel {line-height:33px;} .profileCol1{height:auto; float:left; width:150px;} .profileLabel{padding:0 27px 0 0;font-size:0.9em;text-align:right;} .profileData {float:left;width:200px;padding:0 0; margin:0 0;} #emailAddresses table td {line-height:31px;} .checkbox_unchecked{margin:7px 5px 0 0 ;float:left;width:16px;height:16px;line-height:16px;background-image:url(/assets/images/icons.png);background-position:0 -1418px} .checkbox_uncheckedHover {margin:7px 5px 0 0 ;float:left;width:16px;height:16px;line-height:16px;background-image:url(/assets/images/icons.png);background-position:0 -1440px} .checkbox_checked{margin:7px 5px 0 0 ;float:left;width:16px;height:16px;line-height:16px;background-image:url(/assets/images/icons.png);background-position:0 -1396px} /* share pic */ #pshare{ font-family:Arial, Helvetica, sans-serif; width:auto; padding:5px; overflow:hidden; background:#222; margin:10px 0 20px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #pshare a{ background-image:url(/assets/images/icons/icons_share.png); background-repeat:no-repeat; float:left; width:16px; height:16px; margin:0 3px; font:12px/16px arial; text-decoration:none; cursor:pointer; } #pshare span{ float:left; margin:0px 5px; border-left:1px solid #fff; padding-left:15px; } #pshare a#print{ background-position:0px 0px; width:70px; padding-left:20px; } #pshare a#fb{ background-position:0px -16px; } #pshare a#tw{ background-position:0px -32px; } #pshare a#ml{ background-position:0px -48px; } #pshare a#rss{ background-position:0px -64px; cursor:pointer; } .pub { width:auto; display:block; } #pshare span{ float:left; border:0 !important; margin:0 !important; padding:0 !important; display:block !important; } #pshare span.right{ float:right !important; } .deletePackages{ background:url(/assets/images/buttons/red_dark_21_sq.png) right top;} .deletePackages span{ background:url(/assets/images/buttons/red_dark_21_sq.png) left top;} .deletePackages div.icon21{ background:url(/assets/images/buttons/delete.png) center no-repeat; display:block; float:left; width:25px !important; } .deletePackages:hover{ background-position:right center; } .deletePackages:hover span{ background-position:left center; } .deletePackages span b, .buttonRow span b{ padding-left:25px; } .deletePackages:active{ background-position:right bottom; } .deletePackages:active span{ background-position:left bottom; } .buttonRow div.icon21{ display:block; float:left; width:25px !important; } .buttonRow { list-style:none; } .msg .buttonRow, .msg .buttonRow li{ margin:0; padding:0; } .msg .buttonRow li{margin-right:5px; width:70px; display:block; float:left; } .msg, .msg .buttonRow{ padding-bottom:10px; border:0; } .msg #spinner{ width:66px; height:66px; margin-left:170px; background:url(/assets/images/spinner.gif) no-repeat center; margin-top:10px; } .msg #done{ width:80px; height:66px; margin:20px 0 10px 155px; background:url(/assets/images/done.jpg) no-repeat center; } .ovr{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(/assets/images/pixel-blk.png); z-index:10; } .ovr .msg { display:none; width:520px; position: absolute; top:0; left:0; z-index:11; background:#333; padding:20px; overflow:hidden; border:3px solid #999; -moz-border-radius: 8px; -webkit-border-radius: 8px; position:relative; font-weight:bold; } .ovr .msg h3{ font-weight:bold; } #xrss{ cursor:pointer; background:url(/assets/images/feed-icon-14x14.png); display:block; width:14px; height:14px; } #dynatip { display:none; font-size:12px; background:url(/assets/images/black_arrow_bottom.png); background-repeat:no-repeat; height:90px; width:158px; z-index:100; padding:35px 15px 30px 15px; color:#b8ec79; } #dynatip.top { background:url(/assets/images/black_arrow.png); padding-top:15px; height:95px; } #shares { z-index:20; } #help{ background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 15px -1459px; } .shareThumbBorder2, shareThumbBorder1{ height:112px; } #map, #map_overlay{ width: 150px; height: 115px; position: absolute; bottom: 10px; left: 10px; padding: 5px; background: url(/assets/images/bg-map.png); } #map_overlay{ top:0; left:0; cursor:pointer; background:none; z-index:1000; } #map strong{ font:13px/20px arial; display:block; height:20px; color:#fff; font-weight:normal; } #gmap span, #gmap a{ display:none; } #gmap{ width: 150px; height: 95px; background:#000; } .sbox{ padding:16px; background-color:#333; -moz-border-radius:3px; -webkit-border-radius: 3px; font:12px/14px arial; width:270px; margin:0 0 25px 25px; border:0; } #info_account span { width:104px; height:21px; line-height:21px; float:left; display:block; } #info_account p { margin-top:0; } #info_account u { text-decoration:none; } #info_account b { display:block; clear:both; margin-right:2px; text-align:right; margin-top:40px; } #info_account div { width:166px; height:21px; float:left; background:url(/assets/images/bar-tw.png) top left; } #info_account div span { height:21px; background:url(/assets/images/bar-tw.png) bottom left; displa;Sy:block; border-right:0px solid #2e2e2e; } #stats { background:none; padding:0; } #stats img { display:block; width:58px; height:58px; margin-right:10px; float:left; background:#333; } #stats p { margin:0; line-height:14px; } #stats div { height:58px; } #stats #tags { margin-top:10px; } #stats span { color:#90E66A; } #stats span span { color:#ccc; } .rating, .rating span { float:left; height:14px; width:75px; background:url(/assets/images/stars.png) repeat-x left top; margin-right:1em; margin-top:9px; } .rating span { float:none; display:block; height:14px; background-position:left bottom; margin-top:0; } .rating.active { position:relative; } .rating.active a { position:absolute; left:0; top:0; height:100%; background:url(/assets/images/stars.png) repeat-x left -999px; } .rating.active a:hover { background-position:left -14px } .rating.small.active a { background:url(images/stars_mici.png) repeat-x left -999px; } .rating.small.active a:hover { background-position:left -16px; } .rating.active a.vot-1 { width:20%; z-index: 10; } .rating.active a.vot-2 { width:40%; z-index: 9; } .rating.active a.vot-3 { width:60%; z-index: 8; } .rating.active a.vot-4 { width:80%; z-index: 7; } .rating.active a.vot-5 { width:100%; z-index: 6; } #stats strong{ margin:5px 0; display:block; height:20px; float:left; clear:right; width:80px; } #edit { width:auto; height:15px; clear:both; } #edit a { width:60px; height:15px; display:block; float:left; background-image: url(/assets/images/btn-rotate-del.png); background-position:top left; margin-right:10px; cursor:pointer; } #edit a:hover{ background-position:top right; } #edit a#del { background-position:bottom left; } #edit a#del:hover{ background-position:bottom right; } #pub_logo2 { width: 145px; height: 54px; background-image: url(/assets/images/me_share.png); display:block; } #formContainer a { cursor:pointer; } #formContainer p { font:14px/16px arial; color:#fff; margin:10px 0; } #formContainer div.lrow { width:275px; float:left; margin-bottom:20px; } #formContainer input.text { float:left; width:230px; font:13px/30px arial; color:#000; border:1px solid #1f1f1f; margin-bottom:10px; display:inline-block; } #formContainer input.blur { color:#999; } #formContainer .check { margin-bottom:15px; clear:both; } #formContainer .check input, #formContainer .check label { display:inline-block; line-height:20px; font-size:12px; padding-left:0; margin-left:0; } #formContainer #forgotPasswordRow{ padding-top:3px; } p.ltip { font-size:80% !important; } #primaryNav div{ display:inline-block; float:right; margin-right:10px; } #primaryNav div span{ display:inline-block; padding:0 15px; position:relative; } #primaryNav div #avatar { position:absolute; top:0; left:-32px; width:32px; height:32px; border: 1px solid #ccc; background:#ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; display:inline-block; width:32px; height:32px; margin-top:10px; margin-right:5px; cursor:pointer; } #primaryNav div #changeAvatarTip { position:absolute; top:0; left:-150px; width:100px; height:32px; border: 1px solid #ccc; background:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#000; display:block; width:145px; height:32px; margin-top:10px; margin-right:5px; text-align:left; line-height:32px; padding-left:5px; text-decoration:none; cursor:pointer; display:none; } #primaryNav div #changeAvatarButton { position:absolute; top:0; left:-32px; width:32px; height:32px; display:block; width:32px; height:32px; margin-top:10px; margin-right:5px; cursor:pointer; z-index:100; overflow:hidden; } #primaryNav div #changeAvatarButton:hover{ text-decoration:none; } #gmap2{ width:300px; margin-top:50px; height: 200px; display:block; } .msg #geo{ width:300px; height:25px; position:absolute; top:0; left:0; background:#2d2d2d; padding:10px; } .msg #geo a{ float:right; } .msg #geo b{ float:left; font-weight:normal; color:#aee57f; } a{ cursor: pointer; } #password1container{ height:20px; background:#969; }======= /***** CORE *******/ /******************/ html{ background-color:#333; } tr,td{ overflow:hidden; } body { background-color: #333; margin: 0 auto; padding: 0; font-size: 90%; color: #777; font-family: Arial, Verdana, "Times New Roman"; position:relative; } /* Make sure the table cells show the right font */ h1, h2, h3, h4, h5, h6, td { } /*------------------------------------------------- PAGE STRUCTURE -------------------------------------------------*/ .colLeft { margin:0 0; } .colRight {font-size:90%;border-left:1px solid #666;padding:0 0 0 20px;position:absolute;top:0;right:0;width:200px;} #logo { float: left; position: absolute; top: 6px; left: 6px; width: 140px; height: 40px; background-image: url(/assets/images/logo2.png); } #pub_logo { float: left; position: absolute; top: 0; left: 25px; width: 145px; height: 54px; background-image: url(/assets/images/me_share.png); } .productDetails { padding: 20px; font-size: 90%; } .productDetails img { float: left; margin: 0 20px 0 0; } .productDetailsText { margin: 0 0 0 110px; } .clearBoth { clear: both; } ul.buttons { list-style-type: none; margin: 0 0 10px 0; padding: 0 0; display: block; width: 100%; display: inline; line-height: 40px; } ul.buttons li { list-style-type: none; margin: 0 10px 0 0; display: inline; width: auto; } ul.buttons li.processing { background: url(/assets/images/processing_small.gif) no-repeat; height: 19px; } ul.buttons li a:link, ul.buttons li a:visited { text-decoration: none; padding: 3px 6px; width: auto; color: #90e66a; border: 1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; cursor: hand; } ul.buttons li a:hover { background: #fff; color: #90e66a; border: 1px solid #d7f1b7; } ul.buttons li a:active { background: #e9fcd3; color: #90e66a; border: 1px solid #d7f1b7; } ul.buttons li a.selected { background: #e9fcd3; color: #90e66a; border: 1px solid #d7f1b7; } ul.nav { list-style-type: none; margin: 0 0; padding: 0 0; } ul.nav li { float: left; width: auto; padding: 6px 8px; } .left { float: left; text-align: left; display: inline; } .right { float: right; text-align: right; display: inline; margin-left:20px; z-index:10; } #commentContainer { clear:left; } #commentContainer p { padding: 10px 10px; font-size:90%; } #commentContainer span {font-weight:600;} #commentForm {padding:10px 10px; background-color:#444;border:1px solid #565656;-moz-border-radius: 3px; -webkit-border-radius: 3px;} #tagsContainer { background:#333; border:1px solid #555; -moz-border-radius: 5px; -webkit-border-radius: 5px;padding: 6px;} table#tagForm tr {padding:10px 0 0 0;} table#tagForm td.input_cell {padding:0 5px 0 0;} table#tagForm td.input_cell input {width:90px;} table#tagForm td.button_cell {padding:0 0 0 5px;} #storage{ width:156px; height:20px; border:0; padding:0; margin-top:12px; background:url(/assets/images/storage_bar_back.png); } #storage span{ width:0px; height:20px; display:block; float:left; background:url(/assets/images/storage_bar.png) no-repeat; } #storageInfo{width:120px; height:20px; float:left; line-height:20px; margin-top:12px; } /*------------------------------------------------- Modal popup settings -------------------------------------------------*/ #popup #sendPopup { display: none; margin: 0 0; } #popContent { padding: 0 auto; margin: 0 auto; color:#ccc !important; } #sendPopContent { padding: 0 auto; background-color: #333; margin: 0 auto; color:#fff !important; } table.modal { width: 100%; outline: none; } table.modal tr td { font-size: 1px; line-height: 1px; } table.modal tr td.content td.sendContent { padding: 0 10px 10px 10px; margin: 0 0; width: auto; background: #424242; font-size: 12px; line-height: 16px; text-align: left; color: #ccc; overflow: hidden; } td.content h2 { font-size: 120%; } .cornerNW { width: 15px; height: 15px; background: url(/assets/images/corner-NW.png) no-repeat; } .cornerNE { width: 15px; height: 15px; background: url(/assets/images/corner-NE.png) no-repeat; } .cornerSW { width: 15px; height: 15px; background: url(/assets/images/corner-SW.png) no-repeat; } .cornerSE { width: 15px; height: 15px; background: url(/assets/images/corner-SE.png) no-repeat; } .borderN { height: 15px; background: url(/assets/images/border-N.png) repeat-x; } .borderS { height: 15px; background: url(/assets/images/border-S.png) repeat-x; } .borderE { width: 15px; background: url(/assets/images/border-E.png) repeat-y; } .borderW { width: 15px; background: url(/assets/images/border-W.png) repeat-y; } #joinedMsg { font-size:80%; padding:0 10px; line-height:25px; border:1px solid #3d3d3d !important; background-color:#2d2d2d !important; width:auto; margin:5px 0 !important; display:block; position:relative; display:none; } #joinedMsg span { width:10px; height:10px; position:absolute; right:5px; top:0; color:#b1e581; display:block; cursor:pointer; font-weight:bold; } #fileInfoContainer { height: auto; width: auto; margin: 10px 0 0 0; padding: 0 0 20px 0; } #fileInfo { display: none; } #file { position: relative; min-height: 100px; margin-top:20px; } .thumbContainer { display: inline; } .shareThumbContainer { display: inline; position:relative; } .shareThumbContainer span { display: block; position:absolute; bottom: -4px; left:10px; display:block; width:112px; text-align:center; font:11px/13px arial; color:#999; height:13px; overflow:hidden; } img.imageFull { display: none; border: none; margin:auto; display:block; } #tagsContainer { } #tagsContainer span { margin:0 0; } .processing { background-image: url(/assets/images/processing_large.gif); background-repeat: no-repeat; background-position: center center; } .processingSmall { background-image: url(/assets/images/processing_small.gif); background-repeat: no-repeat; background-position: center center; } /* select box dropdown */ div.selectbox-wrapper { position:absolute; width:400px; background-color:white; border:1px solid #ccc; margin:0px; margin-top:-10px; padding:0px; font-size:0.8em; text-align:left; max-height:200px; overflow:auto; } div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px; } div.selectbox-wrapper ul li.selected { background-color: #EAF2FB; } div.selectbox-wrapper ul li.current { background-color: #CDD8E4; } div.selectbox-wrapper ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; } label { display: block; } .langs /* look & feel of select box */ { margin: 0px 5px 10px 0px; padding-left:2px; font-size:0.8em; width : 10em; display: block; text-align:left; /* background: url('/assets/images/bg_select.png') right; */ /*height:18px;*/ cursor: pointer; border:1px solid #D1E4F6; color:#333; } select { } logo #pressReleases { } .rss h2 { font-size: 1.2em; margin: 0 0; } .release { margin: 10px 0 0 0; } .wrapper { float: left; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0; margin: 0; /* min-width: 900px; */ } .wrapper .main_container { position: absolute; top: 54px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; } #header { text-align: right; height: 53px; line-height: 53px; background: url(/assets/images/patterns_h.png) repeat-x; border-bottom: 1px solid #777; overflow: hidden; z-index:100; } img.userAvatarHeader { float: left; position: absolute; top: 10px; left: 9px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #header fb\:profile-pic { position: absolute; top: 10px; left: 10px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; } a.FB_Link { color: #90e66a; text-decoration: none; } #navContainer { position: absolute; top: 0px !important; left: 163px; height: 53px; } #navContainer ul { list-style-type: none; height: 53px; margin: 0 0; padding: 0 0; } #navContainer ul li { float: left; list-style-type: none; display: inline; margin: 0 0; padding: 0 0; cursor: pointer; cursor: hand; } #optionsNav { position: absolute; top: 0; right: 0; height: 53px; } #optionsNav ul { list-style-type: none; height: 53px; margin: 0 0; padding: 0 0; } #optionsNav ul li { float: left; list-style-type: none; display: inline; margin: 0 0; padding: 0 0; cursor: pointer; cursor: hand; } a.primaryNav:link, a.primaryNav:visited { color: #ccc; padding: 0 0; text-align:center; float: left; width: auto; height:53px; line-height:53px; outline: none; margin: 0 0; z-index: 4; cursor: pointer; cursor: hand; text-decoration: none; text-shadow: 1px 1px 2px #000; position: relative; } a.primaryNav { color: #ccc; padding: 0 0; text-align:center; float: left; width: auto; height:53px; line-height:53px; outline: none; margin: 0 0; z-index: 4; cursor: pointer; cursor: hand; text-decoration: none; text-shadow: 1px 1px 2px #000; position: relative; } a.primaryNav:link span, a.primaryNav:visited span { float: left; display: block; width: auto; white-space: nowrap; padding:0 24px 0 50px; height:53px; line-height:53px; } a.primaryNav span { float: left; display: block; width: auto; white-space: nowrap; padding:0 24px 0 50px; height:53px; line-height:53px; } a.primaryNav:hover, a.primaryNav:active { outline: none; text-decoration: none; cursor: pointer; cursor: hand; } a.primaryNav:hover span, a.primaryNav:active span { outline: none; cursor: pointer; cursor: hand; color:#fff; } a.primaryNav:link span.active, a.primaryNav:visited span.active, a.primaryNav:hover span.active, a.primaryNav:active span.active { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 20px -1203px; } ul#primaryNav li.active { background:url(/assets/images/nav-bg.jpg) top left repeat-x !important; } ul#primaryNav li:hover { background:url(/assets/images/nav-bg.jpg) bottom left repeat-x !important; } ul#primaryNav li.active span { background:url(/assets/images/icons.png) center -1202px no-repeat !important; height:54px !important; } .infoSections { padding: 20px; border-bottom: 1px solid #666; overflow: hidden; } #marketingMessage { padding: 20px; border-bottom: 1px solid #666; overflow: hidden; } #marketingMessage img { display:block; margin:10px auto 10px auto; } #marketingMessage p { font-size: .85em; } .marketingSections ol { font-size:12px; list-style:decimal; margin:10px; } .marketingSections ol li { margin-bottom:5px; } .marketingSections h3{ font-size:13px; } .marketingSections h4{ font-size:12px; } .sendFiles { line-height: 31px; height: auto; padding: 6px 4px 0 4px; margin: 0 0; border-top: 1px solid #666; } .sendFileSlice { line-height: 20px; font-size: 90%; color: #999; } .packageFiles { display: none; clear: both; } .packageRow { line-height: 37px; } .detailPackageRow { line-height: 20px; } #backup { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px 10px; } #share { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px -42px; } #account { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px -94px; } #send { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px -1270px; } #loginModalDialog_backup { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px 10px; } #loginModalDialog_share { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px -42px; } #loginModalDialog_account { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px -94px; } #loginModalDialog_send { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 10px -1270px; } #logout { padding: 0 24px; margin: 0 0; } #recentInvitationsContainer { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; } .packageIcon { float: left; line-height: 32px; width: 32px; padding: 0 0; margin: 0 6px 0 0; background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 0 -1347px; display: inline; } .packageCloseBoxIcon { float: left; line-height: 60px; width: 100px; padding: 0 0; margin: 0 6px 0 0; background-image: url(/assets/images/sendMe_closed.png); background-repeat: no-repeat; display: inline; } .packageOpenBoxIcon { float: left; line-height: 60px; width: 100px; padding: 0 0; margin: 0 6px 0 0; background-image: url(/assets/images/sendMe_open.png); background-repeat: no-repeat; display: inline; } #recentActivityContainer { border-top: 1px solid #ccc; padding: 10px 0; } #recentActivityContainer div.news { clear: both; display: block; height: 70px; border-bottom: 1px solid #ccc; } #recentActivityContainer img { float: left; position: relative; top: 10px; left: 10px; } #recentActivityContainer p { padding: 10px; margin: 0 0 0 60px; line-height: 16px; } #statusContainer { display: none; position: absolute; bottom: 1px; left: 0; width: 160px; height: 60px; border-top: 1px solid #ccc; } #statusInner { padding: 10px; } div.secondaryOptionsContainer { float: right; line-height: 1em; font-size: 90%; } div.secondaryOptionsContainer div.secondaryOptions { } a.secondaryOptionTrigger:link, a.secondaryOptionTrigger:visited { font-weight: 400; height: 10px; line-height: 10px; font-size: 10px; color: #444444; background-color: transparent; padding: 0 0 0 0; outline: none; text-decoration: none; cursor: pointer; cursor: hand; } a.secondaryOptionTrigger:hover, a.secondaryOptionTrigger:active, a.secondaryOptionTrigger:active ul { } a.secondaryOptionTrigger:hover ul { display: inline } div.secondaryOptionsContainer div.secondaryOptions ul { display: none; list-style-type: none; margin: 0 0; padding: 0 0; } div.secondaryOptionsContainer div.secondaryOptions ul li { display: block; border: none; background: none; background-color: #fff; } .status25 { float:left; width: 25px; height: 25px; margin: 0 0 0 6px; } input, textarea { line-height: 1em; padding: 5px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* all 'panes' */ .ui-layout-pane { background: #FFF; border: 1px solid #BBB; overflow: auto; } /* all 'resizer-bars' */ .ui-layout-resizer { background: #DDD; } /* all 'toggler-buttons' */ .ui-layout-toggler { background: #AAA; } .ui-layout-center { overflow: auto; background-color: #fff; } .ui-layout-west { overflow: hidden; } .ui-layout-east { overflow: auto; } .ui-layout-north { } .ui-layout-pane { } .ui-layout-pane-north { border: none; overflow: hidden; } .ui-layout-pane-center { border-top: none; border-bottom: none; background-image: url(/assets/images/processing_large_slate.gif); background-repeat: no-repeat; background-position: center center; overflow: auto; } .ui-layout-pane-east { border-top: none; border-bottom: none; border-right: none; } .ui-layout-pane-west { border: none; overflow: hidden; overflow: hidden; } // Default tooltip class name: .tooltip .tooltip { position: absolute; top: 0; left: 0; z-index: 3; display: none; } .avatar50 { float: left; height: 50px; line-height: 50px; } .rating-cancel { display: none; } .toolTip { color: #FFF; font-size: 90%; line-height: 1.4em; font-weight: 400; z-index: 1000; position:absolute; } .tooltip * { z-index: 1001; position:absolute; } legend { color: #ccc; } fieldset { border: 1px solid #666; } /* New stuff for Profile/Settings page */ .profileRow, .storageRow {clear:left; margin:0 0; border-top:1px solid #555;line-height:41px; display:block;} .profileRowAddEmail {clear:left; margin:0 0;line-height:41px;} .profileRowSlideDown {clear:left; margin:2px 0 0 0; border-top:1px solid #555;line-height:35px;} .avatarRow {clear:left;padding:5px 0 0 0; margin:0 0; border-top:1px solid #555;} .subRow {clear:left;margin-left:150px;display:none;} #passwordData{width:auto;} #newPassRow {display:none;} #newPassFields {float:left;line-height:35px;margin-top:2px;} #passwordButtons{float:left;width:240px;margin:0 0;padding:0 0;line-height:33px;} #changePassStatus{position:relative;bottom:3px;} #passwordStatus{position:relative;bottom:2px;} .newpassposition{float:left;padding:5px 0 0 10px;} .newclasslabel {line-height:33px;} .profileCol1{height:auto; float:left; width:150px;} .profileLabel{padding:0 27px 0 0;font-size:0.9em;text-align:right;} .profileData {float:left;width:200px;padding:0 0; margin:0 0;} #emailAddresses table td {line-height:31px;} .checkbox_unchecked{margin:7px 5px 0 0 ;float:left;width:16px;height:16px;line-height:16px;background-image:url(/assets/images/icons.png);background-position:0 -1418px} .checkbox_uncheckedHover {margin:7px 5px 0 0 ;float:left;width:16px;height:16px;line-height:16px;background-image:url(/assets/images/icons.png);background-position:0 -1440px} .checkbox_checked{margin:7px 5px 0 0 ;float:left;width:16px;height:16px;line-height:16px;background-image:url(/assets/images/icons.png);background-position:0 -1396px} /* share pic */ #pshare{ font-family:Arial, Helvetica, sans-serif; width:auto; padding:5px; overflow:hidden; background:#222; margin:10px 0 20px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #pshare a{ background-image:url(/assets/images/icons/icons_share.png); background-repeat:no-repeat; float:left; width:16px; height:16px; margin:0 3px; font:12px/16px arial; text-decoration:none; cursor:pointer; } #pshare span{ float:left; margin:0px 5px; border-left:1px solid #fff; padding-left:15px; } #pshare a#print{ background-position:0px 0px; width:70px; padding-left:20px; } #pshare a#fb{ background-position:0px -16px; } #pshare a#tw{ background-position:0px -32px; } #pshare a#ml{ background-position:0px -48px; } #pshare a#rss{ background-position:0px -64px; cursor:pointer; } .pub { width:auto; display:block; } #pshare span{ float:left; border:0 !important; margin:0 !important; padding:0 !important; display:block !important; } #pshare span.right{ float:right !important; } .deletePackages{ background:url(/assets/images/buttons/red_dark_21_sq.png) right top;} .deletePackages span{ background:url(/assets/images/buttons/red_dark_21_sq.png) left top;} .deletePackages div.icon21{ background:url(/assets/images/buttons/delete.png) center no-repeat; display:block; float:left; width:25px !important; } .deletePackages:hover{ background-position:right center; } .deletePackages:hover span{ background-position:left center; } .deletePackages span b, .buttonRow span b{ padding-left:25px; } .deletePackages:active{ background-position:right bottom; } .deletePackages:active span{ background-position:left bottom; } .buttonRow div.icon21{ display:block; float:left; width:25px !important; } .buttonRow { list-style:none; } .msg .buttonRow, .msg .buttonRow li{ margin:0; padding:0; } .msg .buttonRow li{margin-right:5px; width:70px; display:block; float:left; } .msg .buttonRow{ padding:20px 0 10px 0; } .ovr{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(/assets/images/pixel-blk.png); z-index:10; } .ovr .msg { width:520px; position: absolute; top:0; left:0; z-index:11; background:#333; padding:20px; overflow:hidden; border:3px solid #999; -moz-border-radius: 8px; -webkit-border-radius: 8px; position:relative; display:none; } .ovr .msg h3{ font-weight:bold; } #xrss{ cursor:pointer; background:url(/assets/images/feed-icon-14x14.png); display:block; width:14px; height:14px; } #dynatip { display:none; font-size:12px; background:url(/assets/images/black_arrow_bottom.png); background-repeat:no-repeat; height:90px; width:158px; z-index:100; padding:35px 15px 30px 15px; color:#b8ec79; } #dynatip.top { background:url(/assets/images/black_arrow.png); padding-top:15px; height:95px; } #shares { z-index:20; } #help{ background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 15px -1459px; } .shareThumbBorder2, shareThumbBorder1{ height:112px; } .sendTopRow {clear:left; margin:0 0; border-top:1px solid #555; line-height:20px; padding-bottom:10px; display:block; width:675px;} .sendBottomRow {clear:left; margin:0 0; border-top:1px solid #555; line-height:20px; display:block; padding-bottom:10px; width:675px; position:relative; top:10px;} .sendLabel{padding:0 27px 0 0; font-size:0.9em; text-align:right;height:20px; float:left; width:100px; font-weight:700;} .sendLabel2{padding:0 0 5px 135px; font-size:0.9em; text-align:left; height:15px; float:left; width:100px; font-weight:700;} .sendData {float:left; width:200px; padding:0 0; margin:0 0;} .sendHint {padding:5px 0 15px 135px; font-size:0.7em; text-align:left; width:400px; color:#808080; font-weight:bolder;} .sendCredit {font-size:0.7em; text-align:right; width:168px; vertical-align:bottom;} .descLength {padding:5px 0 15px 0; font-size:0.7em; text-align:right; width:136px; color:#808080; font-weight:bolder;} .sendAddButton {position:relative; left:127px; width: 550px;} .sendAllFileInfo {position:relative; left:500px; width:170px; text-align:right; font-size:0.9em; font-weight:700;} .uploadProgressBox {position:relative; left:127px; width:546px; height:50px; clear:left;} .uploadProgressBoundary {clear:left; padding: 5px 0;} .uploadProgressWrapper {width:546px;} .uploadProgressContainer {margin:2px; padding:2px;} a.progressCancel {font-size:0; display:block; height:17px; width:16px; background-image: url(/assets/images/send/send_remove.png); background-repeat:no-repeat; float:right;} a.progressComplete {font-size:0; display:block; height:17px; width:16px; background-image: url(/assets/images/send/send_ok.png); background-repeat:no-repeat; float:right;} a.progressCancel:hover {background-position:0px 0px;} .progressName {font-size:12px; font-weight:700; color:#ffffff; width:350px; height:14px; text-align:left; white-space:nowrap; overflow:hidden;} .progressSize {font-size:12px; font-weight:700; color:#ffffff; width:145px; height:14px; padding: 0px 5px; text-align:right; white-space:nowrap; overflow:hidden;} .progressBarWrapper {font-size:0; height:5px; background-color:#000000; margin-top:4px;} .progressBarContent {font-size:0; width:0%; height:5px; background-color:#90E66A; margin-top:4px;} .sendMessage {font-size:14px; font-weight:700; height:30px; padding:25px 20px 20px 20px;} .realSend {font-size:14px; font-weight:700; height:30px; padding:15px 20px 5px 20px;} #map, #map_overlay{ width: 150px; height: 115px; position: absolute; bottom: 10px; left: 10px; padding: 5px; background: url(/assets/images/bg-map.png); } #map_overlay{ top:0; left:0; cursor:pointer; background:none; z-index:1000; } #map strong{ font:13px/20px arial; display:block; height:20px; color:#fff; font-weight:normal; } #gmap span, #gmap a{ display:none; } #gmap{ width: 150px; height: 95px; background:#000; } .sbox{ padding:16px; background-color:#333; -moz-border-radius:3px; -webkit-border-radius: 3px; font:12px/14px arial; width:270px; margin:0 0 25px 25px; border:0; } #info_account span { width:104px; height:21px; line-height:21px; float:left; display:block; } #info_account p { margin-top:0; } #info_account u { text-decoration:none; } #info_account b { display:block; clear:both; margin-right:2px; text-align:right; margin-top:40px; } #info_account div { width:166px; height:21px; float:left; background:url(/assets/images/bar-tw.png) top left; } #info_account div span { height:21px; background:url(/assets/images/bar-tw.png) bottom left; displa;Sy:block; border-right:0px solid #2e2e2e; } #stats { background:none; padding:0; } #stats img { display:block; width:58px; height:58px; margin-right:10px; float:left; background:#333; } #stats p { margin:0; line-height:14px; } #stats div { height:58px; } #stats #tags { margin-top:10px; } .rating, .rating span { float:left; height:14px; width:75px; background:url(/assets/images/stars.png) repeat-x left top; margin-right:1em; margin-top:9px; } .rating span { float:none; display:block; height:14px; background-position:left bottom; margin-top:0; } .rating.active { position:relative; } .rating.active a { position:absolute; left:0; top:0; height:100%; background:url(/assets/images/stars.png) repeat-x left -999px; } .rating.active a:hover { background-position:left -14px } .rating.small.active a { background:url(images/stars_mici.png) repeat-x left -999px; } .rating.small.active a:hover { background-position:left -16px; } .rating.active a.vot-1 { width:20%; z-index: 10; } .rating.active a.vot-2 { width:40%; z-index: 9; } .rating.active a.vot-3 { width:60%; z-index: 8; } .rating.active a.vot-4 { width:80%; z-index: 7; } .rating.active a.vot-5 { width:100%; z-index: 6; } #stats strong{ margin:5px 0; display:block; height:20px; float:left; clear:right; width:80px; } #edit { width:auto; height:15px; clear:both; } #edit a { width:60px; height:15px; display:block; float:left; background-image: url(/assets/images/btn-rotate-del.png); background-position:top left; margin-right:10px; cursor:pointer; } #edit a:hover{ background-position:top right; } #edit a#del { background-position:bottom left; } #edit a#del:hover{ background-position:bottom right; } #pub_logo2 { width: 145px; height: 54px; background-image: url(/assets/images/me_share.png); display:block; } #formContainer a { cursor:pointer; } #formContainer p { font:14px/16px arial; color:#fff; margin:10px 0; } #formContainer div.lrow { width:275px; float:left; margin-bottom:20px; } #formContainer input.text { float:left; width:230px; font:13px/30px arial; color:#000; border:1px solid #1f1f1f; margin-bottom:10px; display:inline-block; } #formContainer input.blur { color:#999; } #formContainer .check { margin-bottom:15px; clear:both; } #formContainer .check input, #formContainer .check label { display:inline-block; line-height:20px; font-size:12px; padding-left:0; margin-left:0; } #formContainer #forgotPasswordRow{ padding-top:3px; } p.ltip { font-size:80% !important; } #primaryNav div{ display:inline-block; float:right; margin-right:10px; } #primaryNav div span{ display:inline-block; padding:0 15px; position:relative; } #primaryNav div #avatar { position:absolute; top:0; left:-32px; width:32px; height:32px; border: 1px solid #ccc; background:#ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; display:inline-block; width:32px; height:32px; margin-top:10px; margin-right:5px; cursor:pointer; } #primaryNav div #changeAvatarTip { position:absolute; top:0; left:-150px; width:100px; height:32px; border: 1px solid #ccc; background:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#000; display:block; width:145px; height:32px; margin-top:10px; margin-right:5px; text-align:left; line-height:32px; padding-left:5px; text-decoration:none; cursor:pointer; display:none; } #primaryNav div #changeAvatarButton { position:absolute; top:0; left:-32px; width:32px; height:32px; display:block; width:32px; height:32px; margin-top:10px; margin-right:5px; cursor:pointer; z-index:100; overflow:hidden; } #primaryNav div #changeAvatarButton:hover{ text-decoration:none; } #gmap2{ width:300px; margin-top:50px; height: 200px; display:block; } .msg #geo{ width:300px; height:25px; position:absolute; top:0; left:0; background:#2d2d2d; padding:10px; } .msg #geo a{ float:right; } .msg #geo b{ float:left; font-weight:normal; color:#aee57f; } a{ cursor: pointer; } #password1container{ height:20px; background:#969; } /* slider for tweetshoot */ #scont{ margin:20px 0 20px 25px; } div.scrollable { position:relative; overflow:hidden; width: 255px; height:75px; float:left; } div.scrollable div.items { width:20000em; position:absolute; } div.scrollable div.items div { float:left; } div.items div.active { border:1px inset #ccc; background-color:#fff; } .browse{ width:8px; height:75px; display:block; background-image:url(/assets/images/slide-arows.png); background-repeat:no-repeat; float:left; cursor:pointer; } .browse.left{ background-position:-8px center; margin-right:15px; } .browse.right{ background-position:-24px center; margin-left:15px; } .items img{ padding:0; margin:0 15px 0 0; width:75px; height:75px; } .items .active{ width:71px; height:71px; border:2px solid #fff; } .left.disabled{ background-position:0px center; } .right.disabled{ background-position:-16px center; } #content h1{ padding:0; margin:15px 0; } .navButons { width:auto; height:30px; background:#09F; } .twnav{ margin:30px 15px 0 15px; border:0 !important; } .twnav a{ width:60px; } a.buttonGreyDark25sq.disabled{ background-image:url(/assets/images/buttons/grey_dark_25_sq_disabled.png) !important; color:#7a7a7a !important; cursor:default !important; } a.buttonGreyDark25sq.disabled span{ background-image:url(/assets/images/buttons/grey_dark_25_sq_disabled.png) !important; } .items img{ cursor:pointer; } /* new send */ .package{ width:auto; font:11px/13px arial; border-top:1px solid #555; overflow:hidden; padding:15px 0; position:relative; } .package .preview{ height:15px; } .package .more{ display:none; } .package .package-rlist{ width:160px; position:absolute; top:1px; left:0; } .package .package-info{ width:auto; padding-right:250px; padding-left:160px; position:relative; overflow:hidden; } .package .package-info p{ margin:0; padding:0; } .package .package-more{ width:240px; position:absolute; top:1px; right:0; } .package .more-btn{ width:100px; height:30px; position:absolute; top:11px; text-align:right; right:0; } .package .package-more .more-info{ width:130px; float:left; text-align:right; } .package .delBtn b{ padding:0; }a.button31, a.button31:link, a.button31:visited, a.button31:hover, a.button31:active { color: #fff; display: block; float: left; font-size: 14px; height: 31px; margin: 0 0; padding-right: 18px; line-height: 31px; font-weight: 400; text-decoration: none; white-space: nowrap; outline: none; cursor: pointer; cursor: hand; } a.button31 span, a.button31:link span, a.button31:visited span, a.button31:hover span, a.button31:active span { display: block; line-height: 31px; padding: 0 0 0 18px;cursor: pointer; cursor: hand; } a.button25, a.button25:link, a.button25:visited, a.button25:hover, a.button25:active { color: #fff; display: block; float: left; font-size: 13px; height: 25px; margin: 0 0; padding-right: 14px; line-height: 25px; font-weight: 400; text-decoration: none; white-space: nowrap; outline: none; cursor: pointer; cursor: hand; } a.button25 span, a.button25:link span, a.button25:visited span, a.button25:hover span, a.button25:active span { display: block; line-height: 25px; padding: 0 0 0 14px;cursor: pointer; cursor: hand; } a.buttonIcon31, a.buttonIcon31:link, a.buttonIcon31:visited, a.buttonIcon31:hover, a.buttonIcon31:active { padding: 0 18px 0 0; } a.buttonIcon31 span, a.buttonIcon31:link span, a.buttonIcon31:visited span, a.buttonIcon31:hover span, a.buttonIcon31:active span { padding: 0 0; } a.buttonIcon25, a.buttonIcon25:link, a.buttonIcon25:visited, a.buttonIcon25:hover, a.buttonIcon25:active { padding: 0 18px 0 0; } a.buttonIcon25 span, a.buttonIcon25:link span, a.buttonIcon25:visited span, a.buttonIcon25:hover span, a.buttonIcon25:active span { padding: 0 0; } a.button21, a.button21:link, a.button21:visited, a.button21:hover, a.button21:active { color: #fff; display: block; float: left; font-size: 12px; height: 21px; margin: 0 0; padding-right: 12px; line-height: 21px; font-weight: 400; text-decoration: none; white-space: nowrap; outline: none; cursor: pointer; cursor: hand; } a.button21 span, a.button21:link span, a.button21:visited span, a.button21:hover span, a.button21:active span { display: block; line-height: 21px; padding: 0 0 0 12px;cursor: pointer; cursor: hand; } a.buttonIcon21, a.buttonIcon21:link, a.buttonIcon21:visited, a.buttonIcon21:hover, a.buttonIcon21:active { padding: 0 12px 0 0; } a.buttonIcon21 span, a.buttonIcon21:link span, a.buttonIcon21:visited span, a.buttonIcon21:hover span, a.buttonIcon21:active span { padding: 0 0; } .icon31 { float: left; line-height: 31px; height: 31px; width: 31px; margin: 0 4px 0 0; } .icon25 { float: left; line-height: 25px; height: 25px; width: 25px; margin: 0 2px 0 0; } .icon21 { float: left; line-height: 21px; height: 21px; width: 21px; margin: 0 1px 0 0; } .downloadIcon31 { background-image: url(/assets/images/icons/icons_31.png); background-repeat: no-repeat; background-position: 0 0; } .addIcon31 { background-image: url(/assets/images/icons/icons_31.png); background-repeat: no-repeat; background-position: 0px -31px; } .addIcon25 { background-image: url(/assets/images/icons/icons_31.png); background-repeat: no-repeat; background-position: -3px -34px; } .deleteIcon31 { background-image: url(/assets/images/icons/icons_31.png); background-repeat: no-repeat; background-position: -31px -31px; } .uploadIcon31 { background-image: url(/assets/images/icons/icons_31.png); background-repeat: no-repeat; background-position: -31px 0; } .nextIcon31 { background-image: url(/assets/images/icons/icons_31.png); background-repeat: no-repeat; background-position: -62px 0; } .previousIcon31 { background-image: url(/assets/images/icons/icons_31.png); background-repeat: no-repeat; background-position: -93px 0; } .downloadIcon25 { background-image: url(/assets/images/icons/icons_31.png); background-repeat: no-repeat; background-position: -3px -3px; } .downloadIcon21 { background-image: url(/assets/images/icons/icons_21.png); background-repeat: no-repeat; background-position: 0 0; } .addIcon21 { background-image: url(/assets/images/icons/icons_21.png); background-repeat: no-repeat; background-position: 0px -21px; } .deleteIcon21 { background-image: url(/assets/images/icons/icons_21.png); background-repeat: no-repeat; background-position: -21px -21px; } .uploadIcon21 { background-image: url(/assets/images/icons/icons_21.png); background-repeat: no-repeat; background-position: -21px 0; } .nextIcon21 { background-image: url(/assets/images/icons/icons_21.png); background-repeat: no-repeat; background-position: -42px 0; } .previousIcon21 { background-image: url(/assets/images/icons/icons_21.png); background-repeat: no-repeat; background-position: -63px 0; } a.buttonGreen31, a.buttonGreen31:link, a.buttonGreen31:visited { background: transparent url(/assets/images/buttons/green_31.png) no-repeat scroll top right; } a.buttonGreen31:link span, a.buttonGreen31:visited span { background: transparent url(/assets/images/buttons/green_31.png) no-repeat scroll top left; text-shadow: #000 0px 1px 2px; } a.buttonGreen31:hover { background-position: center right; outline: none; } a.buttonGreen31:active { background-position: bottom right; outline: none; } a.buttonGreen31:hover span { background-position: center left; } a.buttonGreen31:active span { background-position: bottom left; } a.buttonGreen31sq, a.buttonGreen31sq:link, a.buttonGreen31sq:visited { background: transparent url(/assets/images/buttons/green_31_sq.png) no-repeat scroll top right; } a.buttonGreen31sq:link span, a.buttonGreen31sq:visited span { background: transparent url(/assets/images/buttons/green_31_sq.png) no-repeat scroll top left; text-shadow: #000 0px 1px 2px; } a.buttonGreen31sq:hover { background-position: center right; outline: none; } a.buttonGreen31sq:active { background-position: bottom right; outline: none; } a.buttonGreen31sq:hover span { background-position: center left; } a.buttonGreen31sq:active span { background-position: bottom left; } a.buttonBlue31, a.buttonBlue31:link, a.buttonBlue31:visited { background: transparent url(/assets/images/buttons/blue_31.png) no-repeat scroll top right; color: #fff; } a.buttonBlue31:link span, a.buttonBlue31:visited span { background: transparent url(/assets/images/buttons/blue_31.png) no-repeat scroll top left; text-shadow: #000 0px 1px 2px; } a.buttonBlue31:hover { background-position: center right; outline: none; } a.buttonBlue31:active { background-position: bottom right; outline: none; } a.buttonBlue31:hover span { background-position: center left; } a.buttonBlue31:active span { background-position: bottom left; } a.buttonBlue31sq, a.buttonBlue31sq:link, a.buttonBlue31sq:visited { background: transparent url(/assets/images/buttons/blue_31_sq.png) no-repeat scroll top right; color: #fff; } a.buttonBlue31sq:link span, a.buttonBlue31sq:visited span { background: transparent url(/assets/images/buttons/blue_31_sq.png) no-repeat scroll top left; text-shadow: #000 0px 1px 2px; } a.buttonBlue31sq:hover { background-position: center right; outline: none; } a.buttonBlue31sq:active { background-position: bottom right; outline: none; } a.buttonBlue31sq:hover span { background-position: center left; } a.buttonBlue31sq:active span { background-position: bottom left; } a.buttonOrange31, a.buttonOrange31:link, a.buttonOrange31:visited { background: transparent url(/assets/images/buttons/orange_31.png) no-repeat scroll top right; color: #fff; } a.buttonOrange31:link span, a.buttonOrange31:visited span { background: transparent url(/assets/images/buttons/orange_31.png) no-repeat scroll top left; text-shadow: #000 0px 1px 2px; } a.buttonOrange31:hover { background-position: center right; outline: none; } a.buttonOrange31:active { background-position: bottom right; outline: none; } a.buttonOrange31:hover span { background-position: center left; } a.buttonOrange31:active span { background-position: bottom left; } a.buttonOrange31sq, a.buttonOrange31sq:link, a.buttonOrange31sq:visited { background: transparent url(/assets/images/buttons/orange_31_sq.png) no-repeat scroll top right; color: #fff; } a.buttonOrange31sq:link span, a.buttonOrange31sq:visited span { background: transparent url(/assets/images/buttons/orange_31_sq.png) no-repeat scroll top left; text-shadow: #000 0px 1px 2px; } a.buttonOrange31sq:hover { background-position: center right; outline: none; } a.buttonOrange31sq:active { background-position: bottom right; outline: none; } a.buttonOrange31sq:hover span { background-position: center left; } a.buttonOrange31sq:active span { background-position: bottom left; } a.buttonGreyLight31, a.buttonGreyLight31:link, a.buttonGreyLight31:visited { background: transparent url(/assets/images/buttons/grey_light_31.png) no-repeat scroll top right; color: #444; } a.buttonGreyLight31:link span, a.buttonGreyLight31:visited span { background: transparent url(/assets/images/buttons/grey_light_31.png) no-repeat scroll top left; } a.buttonGreyLight31:hover { background-position: center right; outline: none; } a.buttonGreyLight31:active { background-position: bottom right; outline: none; } a.buttonGreyLight31:hover span { background-position: center left; } a.buttonGreyLight31:active span { background-position: bottom left; } a.buttonGreyLight31sq, a.buttonGreyLight31sq:link, a.buttonGreyLight31sq:visited { background: transparent url(/assets/images/buttons/grey_light_31_sq.png) no-repeat scroll top right; color: #444; } a.buttonGreyLight31sq:link span, a.buttonGreyLight31sq:visited span { background: transparent url(/assets/images/buttons/grey_light_31_sq.png) no-repeat scroll top left; } a.buttonGreyLight31sq:hover { background-position: center right; outline: none; } a.buttonGreyLight31sq:active { background-position: bottom right; outline: none; } a.buttonGreyLight31sq:hover span { background-position: center left; } a.buttonGreyLight31sq:active span { background-position: bottom left; } a.buttonGreyMedium31, a.buttonGreyMedium31:link, a.buttonGreyMedium31:visited { background: transparent url(/assets/images/buttons/grey_medium_31.png) no-repeat scroll top right; color: #222; } a.buttonGreyMedium31:link span, a.buttonGreyMedium31:visited span { background: transparent url(/assets/images/buttons/grey_medium_31.png) no-repeat scroll top left; text-shadow: #fff 1px 1px 1px; } a.buttonGreyMedium31:hover { background-position: center right; outline: none; } a.buttonGreyMedium31:active { background-position: bottom right; outline: none; } a.buttonGreyMedium31:hover span { background-position: center left; } a.buttonGreyMedium31:active span { background-position: bottom left; } a.buttonGreyMedium31sq, a.buttonGreyMedium31sq:link, a.buttonGreyMedium31sq:visited { background: transparent url(/assets/images/buttons/grey_medium_31_sq.png) no-repeat scroll top right; color: #222; } a.buttonGreyMedium31sq:link span, a.buttonGreyMedium31sq:visited span { background: transparent url(/assets/images/buttons/grey_medium_31_sq.png) no-repeat scroll top left; text-shadow: #fff 1px 1px 1px; } a.buttonGreyMedium31sq:hover { background-position: center right; outline: none; } a.buttonGreyMedium31sq:active { background-position: bottom right; outline: none; } a.buttonGreyMedium31sq:hover span { background-position: center left; } a.buttonGreyMedium31sq:active span { background-position: bottom left; } a.buttonGreyDark31, a.buttonGreyDark31:link, a.buttonGreyDark31:visited { background: transparent url(/assets/images/buttons/grey_dark_31.png) no-repeat scroll top right; text-shadow: #000 -1px -1px 1px; } a.buttonGreyDark31:link span, a.buttonGreyDark31:visited span { background: transparent url(/assets/images/buttons/grey_dark_31.png) no-repeat scroll top left; } a.buttonGreyDark31:hover { background-position: center right; outline: none; } a.buttonGreyDark31:active { background-position: bottom right; outline: none; } a.buttonGreyDark31:hover span { background-position: center left; } a.buttonGreyDark31:active span { background-position: bottom left; } a.buttonGreyDark31sq, a.buttonGreyDark31sq:link, a.buttonGreyDark31sq:visited { background: transparent url(/assets/images/buttons/grey_dark_31_sq.png) no-repeat scroll top right; text-shadow: #000 -1px -1px 1px; } a.buttonGreyDark31sq:link span, a.buttonGreyDark31sq:visited span { background: transparent url(/assets/images/buttons/grey_dark_31_sq.png) no-repeat scroll top left; } a.buttonGreyDark31sq:hover { background-position: center right; outline: none; } a.buttonGreyDark31sq:active { background-position: bottom right; outline: none; } a.buttonGreyDark31sq:hover span { background-position: center left; } a.buttonGreyDark31sq:active span { background-position: bottom left; } a.buttonGreenIcon31, a.buttonGreenIcon31:link, a.buttonGreenIcon31:visited { background: transparent url(/assets/images/buttons/green_icon_31.png) no-repeat scroll top right; } a.buttonGreenIcon31:link span, a.buttonGreenIcon31:visited span { background: transparent url(/assets/images/buttons/green_icon_31.png) no-repeat scroll top left; text-shadow: #000 0px 1px 2px; } a.buttonGreenIcon31:hover { background-position: center right; outline: none; } a.buttonGreenIcon31:active { background-position: bottom right; outline: none; } a.buttonGreenIcon31:hover span { background-position: center left; } a.buttonGreenIcon31:active span { background-position: bottom left; } a.buttonGreenIcon31sq, a.buttonGreenIcon31sq:link, a.buttonGreenIcon31sq:visited { background: transparent url(/assets/images/buttons/green_icon_31_sq.png) no-repeat scroll top right; } a.buttonGreenIcon31sq:link span, a.buttonGreenIcon31sq:visited span { background: transparent url(/assets/images/buttons/green_icon_31_sq.png) no-repeat scroll top left; text-shadow: #000 0px 1px 2px; } a.buttonGreenIcon31sq:hover { background-position: center right; outline: none; } a.buttonGreenIcon31sq:active { background-position: bottom right; outline: none; } a.buttonGreenIcon31sq:hover span { background-position: center left; } a.buttonGreenIcon31sq:active span { background-position: bottom left; } a.buttonBlueIcon31, a.buttonBlueIcon31:link, a.buttonBlueIcon31:visited { background: transparent url(/assets/images/buttons/blue_icon_31.png) no-repeat scroll top right; } a.buttonBlueIcon31:link span, a.buttonBlueIcon31:visited span { background: transparent url(/assets/images/buttons/blue_icon_31.png) no-repeat scroll top left; text-shadow: #000 0px 1px 2px; } a.buttonBlueIcon31:hover { background-position: center right; outline: none; } a.buttonBlueIcon31:active { background-position: bottom right; outline: none; } a.buttonBlueIcon31:hover span { background-position: center left; } a.buttonBlueIcon31:active span { background-position: bottom left; } a.buttonBlueIcon31sq, a.buttonBlueIcon31sq:link, a.buttonBlueIcon31sq:visited { background: transparent url(/assets/images/buttons/blue_icon_31_sq.png) no-repeat scroll top right; } a.buttonBlueIcon31sq:link span, a.buttonBlueIcon31sq:visited span { background: transparent url(/assets/images/buttons/blue_icon_31_sq.png) no-repeat scroll top left; text-shadow: #000 0px 1px 2px; } a.buttonBlueIcon31sq:hover { background-position: center right; outline: none; } a.buttonBlueIcon31sq:active { background-position: bottom right; outline: none; } a.buttonBlueIcon31sq:hover span { background-position: center left; } a.buttonBlueIcon31sq:active span { background-position: bottom left; } a.buttonOrangeIcon31, a.buttonOrangeIcon31:link, a.buttonOrangeIcon31:visited { background: transparent url(/assets/images/buttons/orange_icon_31.png) no-repeat scroll top right; } a.buttonOrangeIcon31:link span, a.buttonOrangeIcon31:visited span { background: transparent url(/assets/images/buttons/orange_icon_31.png) no-repeat scroll top left; text-shadow: #000 0px 1px 2px; } a.buttonOrangeIcon31:hover { background-position: center right; outline: none; } a.buttonOrangeIcon31:active { background-position: bottom right; outline: none; } a.buttonOrangeIcon31:hover span { background-position: center left; } a.buttonOrangeIcon31:active span { background-position: bottom left; } a.buttonOrangeIcon31sq, a.buttonOrangeIcon31sq:link, a.buttonOrangeIcon31sq:visited { background: transparent url(/assets/images/buttons/orange_icon_31_sq.png) no-repeat scroll top right; } a.buttonOrangeIcon31sq:link span, a.buttonOrangeIcon31sq:visited span { background: transparent url(/assets/images/buttons/orange_icon_31_sq.png) no-repeat scroll top left; text-shadow: #000 0px 1px 2px; } a.buttonOrangeIcon31sq:hover { background-position: center right; outline: none; } a.buttonOrangeIcon31sq:active { background-position: bottom right; outline: none; } a.buttonOrangeIcon31sq:hover span { background-position: center left; } a.buttonOrangeIcon31sq:active span { background-position: bottom left; } a.buttonGreyLightIcon31, a.buttonGreyLightIcon31:link, a.buttonGreyLightIcon31:visited { background: transparent url(/assets/images/buttons/grey_light_icon_31.png) no-repeat scroll top right; color: #444; } a.buttonGreyLightIcon31:link span, a.buttonGreyLightIcon31:visited span { background: transparent url(/assets/images/buttons/grey_light_icon_31.png) no-repeat scroll top left; } a.buttonGreyLightIcon31:hover { background-position: center right; outline: none; } a.buttonGreyLightIcon31:active { background-position: bottom right; outline: none; } a.buttonGreyLightIcon31:hover span { background-position: center left; } a.buttonGreyLightIcon31:active span { background-position: bottom left; } a.buttonGreyLightIcon31sq, a.buttonGreyLightIcon31sq:link, a.buttonGreyLightIcon31sq:visited { background: transparent url(/assets/images/buttons/grey_light_icon_31_sq.png) no-repeat scroll top right; color: #444; } a.buttonGreyLightIcon31sq:link span, a.buttonGreyLightIcon31sq:visited span { background: transparent url(/assets/images/buttons/grey_light_icon_31_sq.png) no-repeat scroll top left; } a.buttonGreyLightIcon31sq:hover { background-position: center right; outline: none; } a.buttonGreyLightIcon31sq:active { background-position: bottom right; outline: none; } a.buttonGreyLightIcon31sq:hover span { background-position: center left; } a.buttonGreyLightIcon31sq:active span { background-position: bottom left; } a.buttonGreyMediumIcon31, a.buttonGreyMediumIcon31:link, a.buttonGreyMediumIcon31:visited { background: transparent url(/assets/images/buttons/grey_medium_icon_31.png) no-repeat scroll top right; color: #222; } a.buttonGreyMediumIcon31:link span, a.buttonGreyMediumIcon31:visited span { background: transparent url(/assets/images/buttons/grey_medium_icon_31.png) no-repeat scroll top left; text-shadow: #fff 1px 1px 1px; } a.buttonGreyMediumIcon31:hover { background-position: center right; outline: none; } a.buttonGreyMediumIcon31:active { background-position: bottom right; outline: none; } a.buttonGreyMediumIcon31:hover span { background-position: center left; } a.buttonGreyMediumIcon31:active span { background-position: bottom left; } a.buttonGreyMediumIcon31sq, a.buttonGreyMediumIcon31sq:link, a.buttonGreyMediumIcon31sq:visited { background: transparent url(/assets/images/buttons/grey_medium_icon_31_sq.png) no-repeat scroll top right; color: #222; } a.buttonGreyMediumIcon31sq:link span, a.buttonGreyMediumIcon31sq:visited span { background: transparent url(/assets/images/buttons/grey_medium_icon_31_sq.png) no-repeat scroll top left; text-shadow: #fff 1px 1px 1px; } a.buttonGreyMediumIcon31sq:hover { background-position: center right; outline: none; } a.buttonGreyMediumIcon31sq:active { background-position: bottom right; outline: none; } a.buttonGreyMediumIcon31sq:hover span { background-position: center left; } a.buttonGreyMediumIcon31sq:active span { background-position: bottom left; } a.buttonGreyDarkIcon31, a.buttonGreyDarkIcon31:link, a.buttonGreyDarkIcon31:visited { background: transparent url(/assets/images/buttons/grey_dark_icon_31.png) no-repeat scroll top right; } a.buttonGreyDarkIcon31:link span, a.buttonGreyDarkIcon31:visited span { background: transparent url(/assets/images/buttons/grey_dark_icon_31.png) no-repeat scroll top left; text-shadow: #000 -1px -1px 1px; } a.buttonGreyDarkIcon31:hover { background-position: center right; outline: none; } a.buttonGreyDarkIcon31:active { background-position: bottom right; outline: none; } a.buttonGreyDarkIcon31:hover span { background-position: center left; } a.buttonGreyDarkIcon31:active span { background-position: bottom left; } a.buttonGreyDarkIcon31sq, a.buttonGreyDarkIcon31sq:link, a.buttonGreyDarkIcon31sq:visited { background: transparent url(/assets/images/buttons/grey_dark_icon_31_sq.png) no-repeat scroll top right; } a.buttonGreyDarkIcon31sq:link span, a.buttonGreyDarkIcon31sq:visited span { background: transparent url(/assets/images/buttons/grey_dark_icon_31_sq.png) no-repeat scroll top left; text-shadow: #000 -1px -1px 1px; } a.buttonGreyDarkIcon31sq:hover { background-position: center right; outline: none; } a.buttonGreyDarkIcon31sq:active { background-position: bottom right; outline: none; } a.buttonGreyDarkIcon31sq:hover span { background-position: center left; } a.buttonGreyDarkIcon31sq:active span { background-position: bottom left; } a.buttonGreen25, a.buttonGreen25:link, a.buttonGreen25:visited { background: transparent url(/assets/images/buttons/green_25.png) no-repeat scroll top right; } a.buttonGreen25:link span, a.buttonGreen25:visited span { background: transparent url(/assets/images/buttons/green_25.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonGreen25:hover { background-position: center right; outline: none; } a.buttonGreen25:active { background-position: bottom right; outline: none; } a.buttonGreen25:hover span { background-position: center left; } a.buttonGreen25:active span { background-position: bottom left; } a.buttonGreen25sq, a.buttonGreen25sq:link, a.buttonGreen25sq:visited { background: transparent url(/assets/images/buttons/green_25_sq.png) no-repeat scroll top right; } a.buttonGreen25sq:link span, a.buttonGreen25sq:visited span { background: transparent url(/assets/images/buttons/green_25_sq.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonGreen25sq:hover { background-position: center right; outline: none; } a.buttonGreen25sq:active { background-position: bottom right; outline: none; } a.buttonGreen25sq:hover span { background-position: center left; } a.buttonGreen25sq:active span { background-position: bottom left; } a.buttonBlue25, a.buttonBlue25:link, a.buttonBlue25:visited { background: transparent url(/assets/images/buttons/blue_25.png) no-repeat scroll top right; color: #fff; } a.buttonBlue25:link span, a.buttonBlue25:visited span { background: transparent url(/assets/images/buttons/blue_25.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonBlue25:hover { background-position: center right; outline: none; } a.buttonBlue25:active { background-position: bottom right; outline: none; } a.buttonBlue25:hover span { background-position: center left; } a.buttonBlue25:active span { background-position: bottom left; } a.buttonBlue25sq, a.buttonBlue25sq:link, a.buttonBlue25sq:visited { background: transparent url(/assets/images/buttons/blue_25_sq.png) no-repeat scroll top right; color: #fff; } a.buttonBlue25sq:link span, a.buttonBlue25sq:visited span { background: transparent url(/assets/images/buttons/blue_25_sq.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonBlue25sq:hover { background-position: center right; outline: none; } a.buttonBlue25sq:active { background-position: bottom right; outline: none; } a.buttonBlue25sq:hover span { background-position: center left; } a.buttonBlue25sq:active span { background-position: bottom left; } a.buttonOrange25, a.buttonOrange25:link, a.buttonOrange25:visited { background: transparent url(/assets/images/buttons/orange_25.png) no-repeat scroll top right; color: #fff; } a.buttonOrange25:link span, a.buttonOrange25:visited span { background: transparent url(/assets/images/buttons/orange_25.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonOrange25:hover { background-position: center right; outline: none; } a.buttonOrange25:active { background-position: bottom right; outline: none; } a.buttonOrange25:hover span { background-position: center left; } a.buttonOrange25:active span { background-position: bottom left; } a.buttonOrange25sq, a.buttonOrange25sq:link, a.buttonOrange25sq:visited { background: transparent url(/assets/images/buttons/orange_25_sq.png) no-repeat scroll top right; color: #fff; } a.buttonOrange25sq:link span, a.buttonOrange25sq:visited span { background: transparent url(/assets/images/buttons/orange_25_sq.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonOrange25sq:hover { background-position: center right; outline: none; } a.buttonOrange25sq:active { background-position: bottom right; outline: none; } a.buttonOrange25sq:hover span { background-position: center left; } a.buttonOrange25sq:active span { background-position: bottom left; } a.buttonGreyLight25, a.buttonGreyLight25:link, a.buttonGreyLight25:visited { background: transparent url(/assets/images/buttons/grey_light_25.png) no-repeat scroll top right; color: #444; } a.buttonGreyLight25:link span, a.buttonGreyLight25:visited span { background: transparent url(/assets/images/buttons/grey_light_25.png) no-repeat scroll top left; } a.buttonGreyLight25:hover { background-position: center right; outline: none; } a.buttonGreyLight25:active { background-position: bottom right; outline: none; } a.buttonGreyLight25:hover span { background-position: center left; } a.buttonGreyLight25:active span { background-position: bottom left; } a.buttonGreyLight25sq, a.buttonGreyLight25sq:link, a.buttonGreyLight25sq:visited { background: transparent url(/assets/images/buttons/grey_light_25_sq.png) no-repeat scroll top right; color: #444; } a.buttonGreyLight25sq:link span, a.buttonGreyLight25sq:visited span { background: transparent url(/assets/images/buttons/grey_light_25_sq.png) no-repeat scroll top left; } a.buttonGreyLight25sq:hover { background-position: center right; outline: none; } a.buttonGreyLight25sq:active { background-position: bottom right; outline: none; } a.buttonGreyLight25sq:hover span { background-position: center left; } a.buttonGreyLight25sq:active span { background-position: bottom left; } a.buttonGreyMedium25, a.buttonGreyMedium25:link, a.buttonGreyMedium25:visited { background: transparent url(/assets/images/buttons/grey_medium_25.png) no-repeat scroll top right; color: #222; } a.buttonGreyMedium25:link span, a.buttonGreyMedium25:visited span { background: transparent url(/assets/images/buttons/grey_medium_25.png) no-repeat scroll top left; text-shadow: #fff 1px 1px 1px; } a.buttonGreyMedium25:hover { background-position: center right; outline: none; } a.buttonGreyMedium25:active { background-position: bottom right; outline: none; } a.buttonGreyMedium25:hover span { background-position: center left; } a.buttonGreyMedium25:active span { background-position: bottom left; } a.buttonGreyMedium25sq, a.buttonGreyMedium25sq:link, a.buttonGreyMedium25sq:visited { background: transparent url(/assets/images/buttons/grey_medium_25_sq.png) no-repeat scroll top right; color: #222; } a.buttonGreyMedium25sq:link span, a.buttonGreyMedium25sq:visited span { background: transparent url(/assets/images/buttons/grey_medium_25_sq.png) no-repeat scroll top left; text-shadow: #fff 1px 1px 1px; } a.buttonGreyMedium25sq:hover { background-position: center right; outline: none; } a.buttonGreyMedium25sq:active { background-position: bottom right; outline: none; } a.buttonGreyMedium25sq:hover span { background-position: center left; } a.buttonGreyMedium25sq:active span { background-position: bottom left; } a.buttonGreyDark25, a.buttonGreyDark25:link, a.buttonGreyDark25:visited { background: transparent url(/assets/images/buttons/grey_dark_25.png) no-repeat scroll top right; text-shadow: #000 -1px -1px 1px; } a.buttonGreyDark25:link span, a.buttonGreyDark25:visited span { background: transparent url(/assets/images/buttons/grey_dark_25.png) no-repeat scroll top left; } a.buttonGreyDark25:hover { background-position: center right; outline: none; } a.buttonGreyDark25:active { background-position: bottom right; outline: none; } a.buttonGreyDark25:hover span { background-position: center left; } a.buttonGreyDark25:active span { background-position: bottom left; } a.buttonGreyDark25sq, a.buttonGreyDark25sq:link, a.buttonGreyDark25sq:visited { background: transparent url(/assets/images/buttons/grey_dark_25_sq.png) no-repeat scroll top right; text-shadow: #000 -1px -1px 1px; } a.buttonGreyDark25sq:link span, a.buttonGreyDark25sq:visited span { background: transparent url(/assets/images/buttons/grey_dark_25_sq.png) no-repeat scroll top left; } a.buttonGreyDark25sq:hover { background-position: center right; outline: none; } a.buttonGreyDark25sq:active { background-position: bottom right; outline: none; } a.buttonGreyDark25sq:hover span { background-position: center left; } a.buttonGreyDark25sq:active span { background-position: bottom left; } a.buttonGreenIcon25, a.buttonGreenIcon25:link, a.buttonGreenIcon25:visited { background: transparent url(/assets/images/buttons/green_icon_25.png) no-repeat scroll top right; } a.buttonGreenIcon25:link span, a.buttonGreenIcon25:visited span { background: transparent url(/assets/images/buttons/green_icon_25.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonGreenIcon25:hover { background-position: center right; outline: none; } a.buttonGreenIcon25:active { background-position: bottom right; outline: none; } a.buttonGreenIcon25:hover span { background-position: center left; } a.buttonGreenIcon25:active span { background-position: bottom left; } a.buttonGreenIcon25sq, a.buttonGreenIcon25sq:link, a.buttonGreenIcon25sq:visited { background: transparent url(/assets/images/buttons/green_icon_25_sq.png) no-repeat scroll top right; } a.buttonGreenIcon25sq:link span, a.buttonGreenIcon25sq:visited span { background: transparent url(/assets/images/buttons/green_icon_25_sq.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonGreenIcon25sq:hover { background-position: center right; outline: none; } a.buttonGreenIcon25sq:active { background-position: bottom right; outline: none; } a.buttonGreenIcon25sq:hover span { background-position: center left; } a.buttonGreenIcon25sq:active span { background-position: bottom left; } a.buttonBlueIcon25, a.buttonBlueIcon25:link, a.buttonBlueIcon25:visited { background: transparent url(/assets/images/buttons/blue_icon_25.png) no-repeat scroll top right; } a.buttonBlueIcon25:link span, a.buttonBlueIcon25:visited span { background: transparent url(/assets/images/buttons/blue_icon_25.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonBlueIcon25:hover { background-position: center right; outline: none; } a.buttonBlueIcon25:active { background-position: bottom right; outline: none; } a.buttonBlueIcon25:hover span { background-position: center left; } a.buttonBlueIcon25:active span { background-position: bottom left; } a.buttonBlueIcon25sq, a.buttonBlueIcon25sq:link, a.buttonBlueIcon25sq:visited { background: transparent url(/assets/images/buttons/blue_icon_25_sq.png) no-repeat scroll top right; } a.buttonBlueIcon25sq:link span, a.buttonBlueIcon25sq:visited span { background: transparent url(/assets/images/buttons/blue_icon_25_sq.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonBlueIcon25sq:hover { background-position: center right; outline: none; } a.buttonBlueIcon25sq:active { background-position: bottom right; outline: none; } a.buttonBlueIcon25sq:hover span { background-position: center left; } a.buttonBlueIcon25sq:active span { background-position: bottom left; } a.buttonOrangeIcon25, a.buttonOrangeIcon25:link, a.buttonOrangeIcon25:visited { background: transparent url(/assets/images/buttons/orange_icon_25.png) no-repeat scroll top right; } a.buttonOrangeIcon25:link span, a.buttonOrangeIcon25:visited span { background: transparent url(/assets/images/buttons/orange_icon_25.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonOrangeIcon25:hover { background-position: center right; outline: none; } a.buttonOrangeIcon25:active { background-position: bottom right; outline: none; } a.buttonOrangeIcon25:hover span { background-position: center left; } a.buttonOrangeIcon25:active span { background-position: bottom left; } a.buttonOrangeIcon25sq, a.buttonOrangeIcon25sq:link, a.buttonOrangeIcon25sq:visited { background: transparent url(/assets/images/buttons/orange_icon_25_sq.png) no-repeat scroll top right; } a.buttonOrangeIcon25sq:link span, a.buttonOrangeIcon25sq:visited span { background: transparent url(/assets/images/buttons/orange_icon_25_sq.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonOrangeIcon25sq:hover { background-position: center right; outline: none; } a.buttonOrangeIcon25sq:active { background-position: bottom right; outline: none; } a.buttonOrangeIcon25sq:hover span { background-position: center left; } a.buttonOrangeIcon25sq:active span { background-position: bottom left; } a.buttonGreyLightIcon25, a.buttonGreyLightIcon25:link, a.buttonGreyLightIcon25:visited { background: transparent url(/assets/images/buttons/grey_light_icon_25.png) no-repeat scroll top right; color: #444; } a.buttonGreyLightIcon25:link span, a.buttonGreyLightIcon25:visited span { background: transparent url(/assets/images/buttons/grey_light_icon_25.png) no-repeat scroll top left; } a.buttonGreyLightIcon25:hover { background-position: center right; outline: none; } a.buttonGreyLightIcon25:active { background-position: bottom right; outline: none; } a.buttonGreyLightIcon25:hover span { background-position: center left; } a.buttonGreyLightIcon25:active span { background-position: bottom left; } a.buttonGreyLightIcon25sq, a.buttonGreyLightIcon25sq:link, a.buttonGreyLightIcon25sq:visited { background: transparent url(/assets/images/buttons/grey_light_icon_25_sq.png) no-repeat scroll top right; color: #444; } a.buttonGreyLightIcon25sq:link span, a.buttonGreyLightIcon25sq:visited span { background: transparent url(/assets/images/buttons/grey_light_icon_25_sq.png) no-repeat scroll top left; } a.buttonGreyLightIcon25sq:hover { background-position: center right; outline: none; } a.buttonGreyLightIcon25sq:active { background-position: bottom right; outline: none; } a.buttonGreyLightIcon25sq:hover span { background-position: center left; } a.buttonGreyLightIcon25sq:active span { background-position: bottom left; } a.buttonGreyMediumIcon25, a.buttonGreyMediumIcon25:link, a.buttonGreyMediumIcon25:visited { background: transparent url(/assets/images/buttons/grey_medium_icon_25.png) no-repeat scroll top right; color: #222; } a.buttonGreyMediumIcon25:link span, a.buttonGreyMediumIcon25:visited span { background: transparent url(/assets/images/buttons/grey_medium_icon_25.png) no-repeat scroll top left; text-shadow: #fff 1px 1px 1px; } a.buttonGreyMediumIcon25:hover { background-position: center right; outline: none; } a.buttonGreyMediumIcon25:active { background-position: bottom right; outline: none; } a.buttonGreyMediumIcon25:hover span { background-position: center left; } a.buttonGreyMediumIcon25:active span { background-position: bottom left; } a.buttonGreyMediumIcon25sq, a.buttonGreyMediumIcon25sq:link, a.buttonGreyMediumIcon25sq:visited { background: transparent url(/assets/images/buttons/grey_medium_icon_25_sq.png) no-repeat scroll top right; color: #222; } a.buttonGreyMediumIcon25sq:link span, a.buttonGreyMediumIcon25sq:visited span { background: transparent url(/assets/images/buttons/grey_medium_icon_25_sq.png) no-repeat scroll top left; text-shadow: #fff 1px 1px 1px; } a.buttonGreyMediumIcon25sq:hover { background-position: center right; outline: none; } a.buttonGreyMediumIcon25sq:active { background-position: bottom right; outline: none; } a.buttonGreyMediumIcon25sq:hover span { background-position: center left; } a.buttonGreyMediumIcon25sq:active span { background-position: bottom left; } a.buttonGreyDarkIcon25, a.buttonGreyDarkIcon25:link, a.buttonGreyDarkIcon25:visited { background: transparent url(/assets/images/buttons/grey_dark_icon_25.png) no-repeat scroll top right; } a.buttonGreyDarkIcon25:link span, a.buttonGreyDarkIcon25:visited span { background: transparent url(/assets/images/buttons/grey_dark_icon_25.png) no-repeat scroll top left; text-shadow: #000 -1px -1px 1px; } a.buttonGreyDarkIcon25:hover { background-position: center right; outline: none; } a.buttonGreyDarkIcon25:active { background-position: bottom right; outline: none; } a.buttonGreyDarkIcon25:hover span { background-position: center left; } a.buttonGreyDarkIcon25:active span { background-position: bottom left; } a.buttonGreyDarkIcon25sq, a.buttonGreyDarkIcon25sq:link, a.buttonGreyDarkIcon25sq:visited { background: transparent url(/assets/images/buttons/grey_dark_icon_25_sq.png) no-repeat scroll top right; } a.buttonGreyDarkIcon25sq:link span, a.buttonGreyDarkIcon25sq:visited span { background: transparent url(/assets/images/buttons/grey_dark_icon_25_sq.png) no-repeat scroll top left; text-shadow: #000 -1px -1px 1px; } a.buttonGreyDarkIcon25sq:hover { background-position: center right; outline: none; } a.buttonGreyDarkIcon25sq:active { background-position: bottom right; outline: none; } a.buttonGreyDarkIcon25sq:hover span { background-position: center left; } a.buttonGreyDarkIcon25sq:active span { background-position: bottom left; } a.buttonGreen21, a.buttonGreen21:link, a.buttonGreen21:visited { background: transparent url(/assets/images/buttons/green_21.png) no-repeat scroll top right; } a.buttonGreen21:link span, a.buttonGreen21:visited span { background: transparent url(/assets/images/buttons/green_21.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonGreen21:hover { background-position: center right; outline: none; } a.buttonGreen21:active { background-position: bottom right; outline: none; } a.buttonGreen21:hover span { background-position: center left; } a.buttonGreen21:active span { background-position: bottom left; } a.buttonGreen21sq, a.buttonGreen21sq:link, a.buttonGreen21sq:visited { background: transparent url(/assets/images/buttons/green_21_sq.png) no-repeat scroll top right; } a.buttonGreen21sq:link span, a.buttonGreen21sq:visited span { background: transparent url(/assets/images/buttons/green_21_sq.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonGreen21sq:hover { background-position: center right; outline: none; } a.buttonGreen21sq:active { background-position: bottom right; outline: none; } a.buttonGreen21sq:hover span { background-position: center left; } a.buttonGreen21sq:active span { background-position: bottom left; } a.buttonBlue21, a.buttonBlue21:link, a.buttonBlue21:visited { background: transparent url(/assets/images/buttons/blue_21.png) no-repeat scroll top right; color: #fff; } a.buttonBlue21:link span, a.buttonBlue21:visited span { background: transparent url(/assets/images/buttons/blue_21.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonBlue21:hover { background-position: center right; outline: none; } a.buttonBlue21:active { background-position: bottom right; outline: none; } a.buttonBlue21:hover span { background-position: center left; } a.buttonBlue21:active span { background-position: bottom left; } a.buttonBlue21sq, a.buttonBlue21sq:link, a.buttonBlue21sq:visited { background: transparent url(/assets/images/buttons/blue_21_sq.png) no-repeat scroll top right; color: #fff; } a.buttonBlue21sq:link span, a.buttonBlue21sq:visited span { background: transparent url(/assets/images/buttons/blue_21_sq.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonBlue21sq:hover { background-position: center right; outline: none; } a.buttonBlue21sq:active { background-position: bottom right; outline: none; } a.buttonBlue21sq:hover span { background-position: center left; } a.buttonBlue21sq:active span { background-position: bottom left; } a.buttonOrange21, a.buttonOrange21:link, a.buttonOrange21:visited { background: transparent url(/assets/images/buttons/orange_21.png) no-repeat scroll top right; color: #fff; } a.buttonOrange21:link span, a.buttonOrange21:visited span { background: transparent url(/assets/images/buttons/orange_21.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonOrange21:hover { background-position: center right; outline: none; } a.buttonOrange21:active { background-position: bottom right; outline: none; } a.buttonOrange21:hover span { background-position: center left; } a.buttonOrange21:active span { background-position: bottom left; } a.buttonOrange21sq, a.buttonOrange21sq:link, a.buttonOrange21sq:visited { background: transparent url(/assets/images/buttons/orange_21_sq.png) no-repeat scroll top right; color: #fff; } a.buttonOrange21sq:link span, a.buttonOrange21sq:visited span { background: transparent url(/assets/images/buttons/orange_21_sq.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonOrange21sq:hover { background-position: center right; outline: none; } a.buttonOrange21sq:active { background-position: bottom right; outline: none; } a.buttonOrange21sq:hover span { background-position: center left; } a.buttonOrange21sq:active span { background-position: bottom left; } a.buttonGreyLight21, a.buttonGreyLight21:link, a.buttonGreyLight21:visited { background: transparent url(/assets/images/buttons/grey_light_21.png) no-repeat scroll top right; color: #444; } a.buttonGreyLight21:link span, a.buttonGreyLight21:visited span { background: transparent url(/assets/images/buttons/grey_light_21.png) no-repeat scroll top left; } a.buttonGreyLight21:hover { background-position: center right; outline: none; } a.buttonGreyLight21:active { background-position: bottom right; outline: none; } a.buttonGreyLight21:hover span { background-position: center left; } a.buttonGreyLight21:active span { background-position: bottom left; } a.buttonGreyLight21sq, a.buttonGreyLight21sq:link, a.buttonGreyLight21sq:visited { background: transparent url(/assets/images/buttons/grey_light_21_sq.png) no-repeat scroll top right; color: #444; } a.buttonGreyLight21sq:link span, a.buttonGreyLight21sq:visited span { background: transparent url(/assets/images/buttons/grey_light_21_sq.png) no-repeat scroll top left; } a.buttonGreyLight21sq:hover { background-position: center right; outline: none; } a.buttonGreyLight21sq:active { background-position: bottom right; outline: none; } a.buttonGreyLight21sq:hover span { background-position: center left; } a.buttonGreyLight21sq:active span { background-position: bottom left; } a.buttonGreyMedium21, a.buttonGreyMedium21:link, a.buttonGreyMedium21:visited { background: transparent url(/assets/images/buttons/grey_medium_21.png) no-repeat scroll top right; color: #222; } a.buttonGreyMedium21:link span, a.buttonGreyMedium21:visited span { background: transparent url(/assets/images/buttons/grey_medium_21.png) no-repeat scroll top left; text-shadow: #fff 1px 1px 1px; } a.buttonGreyMedium21:hover { background-position: center right; outline: none; } a.buttonGreyMedium21:active { background-position: bottom right; outline: none; } a.buttonGreyMedium21:hover span { background-position: center left; } a.buttonGreyMedium21:active span { background-position: bottom left; } a.buttonGreyMedium21sq, a.buttonGreyMedium21sq:link, a.buttonGreyMedium21sq:visited { background: transparent url(/assets/images/buttons/grey_medium_21_sq.png) no-repeat scroll top right; color: #222; } a.buttonGreyMedium21sq:link span, a.buttonGreyMedium21sq:visited span { background: transparent url(/assets/images/buttons/grey_medium_21_sq.png) no-repeat scroll top left; text-shadow: #fff 1px 1px 1px; } a.buttonGreyMedium21sq:hover { background-position: center right; outline: none; } a.buttonGreyMedium21sq:active { background-position: bottom right; outline: none; } a.buttonGreyMedium21sq:hover span { background-position: center left; } a.buttonGreyMedium21sq:active span { background-position: bottom left; } a.buttonGreyDark21, a.buttonGreyDark21:link, a.buttonGreyDark21:visited { background: transparent url(/assets/images/buttons/grey_dark_21.png) no-repeat scroll top right; text-shadow: #000 -1px -1px 1px; } a.buttonGreyDark21:link span, a.buttonGreyDark21:visited span { background: transparent url(/assets/images/buttons/grey_dark_21.png) no-repeat scroll top left; } a.buttonGreyDark21:hover { background-position: center right; outline: none; } a.buttonGreyDark21:active { background-position: bottom right; outline: none; } a.buttonGreyDark21:hover span { background-position: center left; } a.buttonGreyDark21:active span { background-position: bottom left; } a.buttonGreyDark21sq, a.buttonGreyDark21sq:link, a.buttonGreyDark21sq:visited { background: transparent url(/assets/images/buttons/grey_dark_21_sq.png) no-repeat scroll top right; text-shadow: #000 -1px -1px 1px; } a.buttonGreyDark21sq:link span, a.buttonGreyDark21sq:visited span { background: transparent url(/assets/images/buttons/grey_dark_21_sq.png) no-repeat scroll top left; } a.buttonGreyDark21sq:hover { background-position: center right; outline: none; } a.buttonGreyDark21sq:active { background-position: bottom right; outline: none; } a.buttonGreyDark21sq:hover span { background-position: center left; } a.buttonGreyDark21sq:active span { background-position: bottom left; } a.buttonGreenIcon21, a.buttonGreenIcon21:link, a.buttonGreenIcon21:visited { background: transparent url(/assets/images/buttons/green_icon_21.png) no-repeat scroll top right; } a.buttonGreenIcon21:link span, a.buttonGreenIcon21:visited span { background: transparent url(/assets/images/buttons/green_icon_21.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonGreenIcon21:hover { background-position: center right; outline: none; } a.buttonGreenIcon21:active { background-position: bottom right; outline: none; } a.buttonGreenIcon21:hover span { background-position: center left; } a.buttonGreenIcon21:active span { background-position: bottom left; } a.buttonGreenIcon21sq, a.buttonGreenIcon21sq:link, a.buttonGreenIcon21sq:visited { background: transparent url(/assets/images/buttons/green_icon_21_sq.png) no-repeat scroll top right; } a.buttonGreenIcon21sq:link span, a.buttonGreenIcon21sq:visited span { background: transparent url(/assets/images/buttons/green_icon_21_sq.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonGreenIcon21sq:hover { background-position: center right; outline: none; } a.buttonGreenIcon21sq:active { background-position: bottom right; outline: none; } a.buttonGreenIcon21sq:hover span { background-position: center left; } a.buttonGreenIcon21sq:active span { background-position: bottom left; } a.buttonBlueIcon21, a.buttonBlueIcon21:link, a.buttonBlueIcon21:visited { background: transparent url(/assets/images/buttons/blue_icon_21.png) no-repeat scroll top right; } a.buttonBlueIcon21:link span, a.buttonBlueIcon21:visited span { background: transparent url(/assets/images/buttons/blue_icon_21.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonBlueIcon21:hover { background-position: center right; outline: none; } a.buttonBlueIcon21:active { background-position: bottom right; outline: none; } a.buttonBlueIcon21:hover span { background-position: center left; } a.buttonBlueIcon21:active span { background-position: bottom left; } a.buttonBlueIcon21sq, a.buttonBlueIcon21sq:link, a.buttonBlueIcon21sq:visited { background: transparent url(/assets/images/buttons/blue_icon_21_sq.png) no-repeat scroll top right; } a.buttonBlueIcon21sq:link span, a.buttonBlueIcon21sq:visited span { background: transparent url(/assets/images/buttons/blue_icon_21_sq.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonBlueIcon21sq:hover { background-position: center right; outline: none; } a.buttonBlueIcon21sq:active { background-position: bottom right; outline: none; } a.buttonBlueIcon21sq:hover span { background-position: center left; } a.buttonBlueIcon21sq:active span { background-position: bottom left; } a.buttonOrangeIcon21, a.buttonOrangeIcon21:link, a.buttonOrangeIcon21:visited { background: transparent url(/assets/images/buttons/orange_icon_21.png) no-repeat scroll top right; } a.buttonOrangeIcon21:link span, a.buttonOrangeIcon21:visited span { background: transparent url(/assets/images/buttons/orange_icon_21.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonOrangeIcon21:hover { background-position: center right; outline: none; } a.buttonOrangeIcon21:active { background-position: bottom right; outline: none; } a.buttonOrangeIcon21:hover span { background-position: center left; } a.buttonOrangeIcon21:active span { background-position: bottom left; } a.buttonOrangeIcon21sq, a.buttonOrangeIcon21sq:link, a.buttonOrangeIcon21sq:visited { background: transparent url(/assets/images/buttons/orange_icon_21_sq.png) no-repeat scroll top right; } a.buttonOrangeIcon21sq:link span, a.buttonOrangeIcon21sq:visited span { background: transparent url(/assets/images/buttons/orange_icon_21_sq.png) no-repeat scroll top left; text-shadow: #333 1px 1px 1px; } a.buttonOrangeIcon21sq:hover { background-position: center right; outline: none; } a.buttonOrangeIcon21sq:active { background-position: bottom right; outline: none; } a.buttonOrangeIcon21sq:hover span { background-position: center left; } a.buttonOrangeIcon21sq:active span { background-position: bottom left; } a.buttonGreyLightIcon21, a.buttonGreyLightIcon21:link, a.buttonGreyLightIcon21:visited { background: transparent url(/assets/images/buttons/grey_light_icon_21.png) no-repeat scroll top right; color: #444; } a.buttonGreyLightIcon21:link span, a.buttonGreyLightIcon21:visited span { background: transparent url(/assets/images/buttons/grey_light_icon_21.png) no-repeat scroll top left; } a.buttonGreyLightIcon21:hover { background-position: center right; outline: none; } a.buttonGreyLightIcon21:active { background-position: bottom right; outline: none; } a.buttonGreyLightIcon21:hover span { background-position: center left; } a.buttonGreyLightIcon21:active span { background-position: bottom left; } a.buttonGreyLightIcon21sq, a.buttonGreyLightIcon21sq:link, a.buttonGreyLightIcon21sq:visited { background: transparent url(/assets/images/buttons/grey_light_icon_21_sq.png) no-repeat scroll top right; color: #444; } a.buttonGreyLightIcon21sq:link span, a.buttonGreyLightIcon21sq:visited span { background: transparent url(/assets/images/buttons/grey_light_icon_21_sq.png) no-repeat scroll top left; } a.buttonGreyLightIcon21sq:hover { background-position: center right; outline: none; } a.buttonGreyLightIcon21sq:active { background-position: bottom right; outline: none; } a.buttonGreyLightIcon21sq:hover span { background-position: center left; } a.buttonGreyLightIcon21sq:active span { background-position: bottom left; } a.buttonGreyMediumIcon21, a.buttonGreyMediumIcon21:link, a.buttonGreyMediumIcon21:visited { background: transparent url(/assets/images/buttons/grey_medium_icon_21.png) no-repeat scroll top right; color: #222; } a.buttonGreyMediumIcon21:link span, a.buttonGreyMediumIcon21:visited span { background: transparent url(/assets/images/buttons/grey_medium_icon_21.png) no-repeat scroll top left; text-shadow: #fff 1px 1px 1px; } a.buttonGreyMediumIcon21:hover { background-position: center right; outline: none; } a.buttonGreyMediumIcon21:active { background-position: bottom right; outline: none; } a.buttonGreyMediumIcon21:hover span { background-position: center left; } a.buttonGreyMediumIcon21:active span { background-position: bottom left; } a.buttonGreyMediumIcon21sq, a.buttonGreyMediumIcon21sq:link, a.buttonGreyMediumIcon21sq:visited { background: transparent url(/assets/images/buttons/grey_medium_icon_21_sq.png) no-repeat scroll top right; color: #222; } a.buttonGreyMediumIcon21sq:link span, a.buttonGreyMediumIcon21sq:visited span { background: transparent url(/assets/images/buttons/grey_medium_icon_21_sq.png) no-repeat scroll top left; text-shadow: #fff 1px 1px 1px; } a.buttonGreyMediumIcon21sq:hover { background-position: center right; outline: none; } a.buttonGreyMediumIcon21sq:active { background-position: bottom right; outline: none; } a.buttonGreyMediumIcon21sq:hover span { background-position: center left; } a.buttonGreyMediumIcon21sq:active span { background-position: bottom left; } a.buttonGreyDarkIcon21, a.buttonGreyDarkIcon21:link, a.buttonGreyDarkIcon21:visited { background: transparent url(/assets/images/buttons/grey_dark_icon_21.png) no-repeat scroll top right; } a.buttonGreyDarkIcon21:link span, a.buttonGreyDarkIcon21:visited span { background: transparent url(/assets/images/buttons/grey_dark_icon_21.png) no-repeat scroll top left; text-shadow: #000 -1px -1px 1px; } a.buttonGreyDarkIcon21:hover { background-position: center right; outline: none; } a.buttonGreyDarkIcon21:active { background-position: bottom right; outline: none; } a.buttonGreyDarkIcon21:hover span { background-position: center left; } a.buttonGreyDarkIcon21:active span { background-position: bottom left; } a.buttonGreyDarkIcon21sq, a.buttonGreyDarkIcon21sq:link, a.buttonGreyDarkIcon21sq:visited { background: transparent url(/assets/images/buttons/grey_dark_icon_21_sq.png) no-repeat scroll top right; } a.buttonGreyDarkIcon21sq:link span, a.buttonGreyDarkIcon21sq:visited span { background: transparent url(/assets/images/buttons/grey_dark_icon_21_sq.png) no-repeat scroll top left; text-shadow: #000 -1px -1px 1px; } a.buttonGreyDarkIcon21sq:hover { background-position: center right; outline: none; } a.buttonGreyDarkIcon21sq:active { background-position: bottom right; outline: none; } a.buttonGreyDarkIcon21sq:hover span { background-position: center left; } a.buttonGreyDarkIcon21sq:active span { background-position: bottom left; } a.greyMediumButtonSelect:link, a.greyMediumButtonSelect:visited, a.greyMediumButtonSelect:hover, a.greyMediumButtonSelect:active { background: transparent url(/assets/images/buttons/grey_medium_25_sq.png) no-repeat scroll top right; color: #222; outline: none; } a.greyMediumButtonSelect:link span, a.greyMediumButtonSelect:visited span, a.greyMediumButtonSelect:hover span, a.greyMediumButtonSelect:active span { background: transparent url(/assets/images/buttons/grey_medium_25_sq.png) no-repeat scroll top left; color: #222; text-shadow: #fff 1px 1px 1px; } .sendSecurelyButton { width: 145px; height: 31px; color: #ffffff; font-weight:bold; position:relative; top:10px; left:127px; background: transparent url(/assets/images/send/send_sendsecurely.png) no-repeat scroll top left; } .sendAnotherPackage {width:180px; font-weight:700; position:relative; left:100px; padding:0 0; background: transparent url(/assets/images/buttons/grey_dark_25_sq.png) repeat-x scroll top left; margin: 0 5px 5px 0;} /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI,%20Helvetica,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.2em&cornerRadius=6px&bgColorHeader=9fda58&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=85&borderColorHeader=000000&fcHeader=222222&iconColorHeader=1f1f1f&bgColorContent=000000&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=55&borderColorContent=4a4a4a&fcContent=ffffff&iconColorContent=9fda58&bgColorDefault=0a0a0a&bgTextureDefault=02_glass.png&bgImgOpacityDefault=40&borderColorDefault=1b1613&fcDefault=90e66a&iconColorDefault=90e66a&bgColorHover=000000&bgTextureHover=02_glass.png&bgImgOpacityHover=60&borderColorHover=000000&fcHover=96f226&iconColorHover=90e66a&bgColorActive=4c4c4c&bgTextureActive=01_flat.png&bgImgOpacityActive=0&borderColorActive=696969&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=f1fbe5&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=8cce3b&fcHighlight=030303&iconColorHighlight=000000&bgColorError=f6ecd5&bgTextureError=12_gloss_wave.png&bgImgOpacityError=95&borderColorError=f1ac88&fcError=74736d&iconColorError=cd0a0a&bgColorOverlay=262626&bgTextureOverlay=07_diagonals_small.png&bgImgOpacityOverlay=50&opacityOverlay=30&bgColorShadow=303030&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=50&thicknessShadow=6px&offsetTopShadow=-6px&offsetLeftShadow=-6px&cornerRadiusShadow=12px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #4a4a4a; background: #222 url(/assets/images/trontastic/images/ui-bg_gloss-wave_55_000000_500x100.png) 50% top repeat-x; color: #ccc; font-size: 98%; } .ui-widget-content a { } .ui-widget-header { border: 1px solid #000000; background: #9fda58 url(/assets/images/trontastic/images/ui-bg_gloss-wave_85_9fda58_500x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #222; background: #000 url(/assets/images/trontastic/images/ui-bg_glass_40_0a0a0a_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #90e66a; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #90e66a; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #222; background: #000000 url(/assets/images/trontastic/images/ui-bg_glass_60_000000_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #96f226; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #96f226; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #222; background: #222 url(/assets/images/trontastic/images/ui-bg_flat_0_4c4c4c_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #8cce3b; background: #f1fbe5 url(/assets/images/trontastic/images/ui-bg_glass_55_f1fbe5_1x400.png) 50% 50% repeat-x; color: #030303; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #030303; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #f1ac88; background: #f6ecd5 url(/assets/images/trontastic/images/ui-bg_gloss-wave_95_f6ecd5_500x100.png) 50% top repeat-x; color: #74736d; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #74736d; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #74736d; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/assets/images/trontastic/images/ui-icons_9fda58_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/assets/images/trontastic/images/ui-icons_9fda58_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/assets/images/trontastic/images/ui-icons_1f1f1f_256x240.png); } .ui-state-default .ui-icon { background-image: url(/assets/images/trontastic/images/ui-icons_90e66a_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/assets/images/trontastic/images/ui-icons_90e66a_256x240.png); } .ui-state-active .ui-icon {background-image: url(/assets/images/trontastic/images/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/assets/images/trontastic/images/ui-icons_000000_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/assets/images/trontastic/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; } .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #262626 url(/assets/images/trontastic/images/ui-bg_diagonals-small_50_262626_40x40.png) 50% 50% repeat; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -6px 0 0 -6px; padding: 6px; background: #303030 url(/assets/images/trontastic/images/ui-bg_flat_0_303030_40x100.png) 50% 50% repeat-x; opacity: .50;filter:Alpha(Opacity=50); -moz-border-radius: 12px; -webkit-border-radius: 12px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; }