/* ================= Page Configuration ================= */ html {height: 100%;} body > #Page.index {height:auto; min-height: 100%; } body {width:100%;font-family:Tahoma, Verdana;font-size:12px; font-weight:normal; height: 100%; min-height:100%; min-width:930px;background-color: #31343d;} .index {background-color: #111212; min-height:100%;} #Page {position:relative; background-color:#fff;} #Page.index {background-color: #000;height: 100%; } /* ============== End OF Page Configuration =============== */ /* ================= Top Bar ================= */ #Top * {font-size: 11px;} #Top .bkgTop{background:#31343d; height:110px; margin:0 auto;border-bottom:#12171b 1px solid; position:relative;*border-bottom: 0 none;} #Top .bkgSecond{background:#b4fd3e; height:25px; border-top:#dafe9f 1px solid;border-bottom:#3d5615 1px solid;} #Top .bkgSecond.public{background:#b4fd3e; height:10px;} /* ================= End of Top Bar ================= */ /* ================= Navigation Bar ================= */ #Navigation_Bar {background:#31343d; height:32px; width:960px; margin:0 auto;padding:10px 0 6px 10px;} #Navigation_Bar h1{float:left;padding-top:2px; width: auto} #Navigation_Bar ul{float:left;top:13px; position:relative;padding-left: 6px; width: auto;} #Navigation_Bar ul.actions{float: right; padding-right: 2px; width: auto;} #Navigation_Bar ul li {float:left; padding:0 3px 0 0; width: auto;} #Navigation_Bar ul li a {display:block; height:25px;padding:0 13px; background:#4a4e59; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; line-height:25px; color:#fff; font-weight:bold;} #Navigation_Bar ul li.normal a {background:none; font-size:11px; line-height:20px; font-weight:normal; color:#fff;max-width: 110px; overflow: hidden; padding: 0 5px;} #Navigation_Bar ul li.spacer60 {padding:0 0 0 60px;} #Navigation_Bar ul li.current a {position: relative; margin-top: -5px; color: #333; background-color: #fff; height:30px;} #Navigation_Bar input {color:#999; padding:3px 23px 3px 3px; font-size: 11px; width: 160px;} #Navigation_Bar .search {position:absolute;right:-5px; top:3px;} #Navigation_Bar ul li a.search {padding: 0 13px;} #Top{*z-index:9;*background-color:#31343d ;} #Top .bkgTop{*z-index:11;*background-color:transparent;} #Navigation_Bar ul{*z-index:99;} #Navigation_Bar li.notifications{height:23px;z-index:100;margin-left:10px;vertical-align:middle;position:relative;} #Navigation_Bar li.notifications span.tab.open{background:url(../images/system/notifbox_tabopen_24x21.png) center bottom no-repeat;} #Navigation_Bar li.notifications span.tab{width:21px;height:21px;display:inline-block;_zoom:1;_display:inline;padding-left:3px;position:relative;z-index:205;cursor:pointer;} #Navigation_Bar li.notifications img{vertical-align:middle;} #Navigation_Bar li.notifications div.notification_content{width:327px;position:absolute;z-index:200;*top:21px;*left:0;background-color:#fff;padding:20px 20px 10px 20px;margin-top:-1px;border:1px solid #c1c1c1;-webkit-box-shadow:2px 2px 3px #333;} #Navigation_Bar li.notifications div.notification_content .tools {float: right;} #Navigation_Bar li.notifications div.notification_content h4{padding-bottom:7px;border-bottom:1px solid #ccc;margin-bottom:5px;} #Navigation_Bar li.notifications div.notification_content p{margin-top:5px;cursor:pointer;} #Navigation_Bar li.notifications div.notification_content a{display:inline;height:auto;padding:0;background:none;-webkit-border-radius:0;line-height:normal;color:#64a200 ;} #Navigation_Bar li.notifications div.notification_content a.subject {color: #333;} #Navigation_Bar li.notifications div.notification_content a.body {color: #666;font-weight: normal;} #Navigation_Bar li.notifications p.simpleButton{text-indent:0px;padding:10px;width:305px;color:#333 ;} #Navigation_Bar li.notifications p.simpleButton .date{margin-top:5px;display:block;color:#666 ;} #Navigation_Bar li.notifications p.simpleButton.old{background-color:#f5f5f5;} #Navigation_Bar li.notifications div.notification_footer{text-align:center;margin-top:15px;} #Navigation_Bar .status{position:absolute;left:10px;top:7px;border:1px solid #333;color:#31343d ;background:url(../images/system/minialert_number_bg_1x10.png) repeat-x #b4fd3e ;text-align:center;padding:1px 4px;font-size:8px;} /* ================= End of Navigation Bar ================= */ /* ================= Footer ================= */ #Footer {position: relative;/*bottom:90px; margin-bottom: -90px;*/ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;} #Footer .bkgTop{background:#b4fd3e; height:25px; border-bottom:#3d5615 1px solid;border-top:#dafe9f 1px solid; position: relative; margin-bottom: -135px; bottom:135px; } #Footer .bkgTop.public {margin-bottom: -45px; bottom:45px;} #Footer .bkgSecond{background:#31343d; height:110px; border-top:#5c5f68 1px solid; z-index: 0;padding-bottom:90px;} #Footer .bkgSecond div {padding-top:115px; width:960px; margin:0 auto;} #Footer .bkgSecond ul {float: right; display: inline; width: auto;} #Footer .bkgSecond ul li {display: inline;} #Footer .bkgSecond {} #Footer *, #Footer a * {color: #fff;} #Footer .iefix {display: none;} #Footer .fixBottom {display: none;} #Footer .bkgSecond .outsidelinks{padding-top:15px; text-align:right;} #Footer .bkgSecond .outsidelinks a+a{margin-left:10px;} /* ================= End of Footer ================= */ /* ================= SideBar ================= */ /* #SideBar{background:white; display:block; width:25%; float:left;} #Content{float:left;} */ /* ================= End of SideBar ================= */ /* ================= Content ================= */ #Content { /* DONT MODIFY THIS ------- */ width:930px; min-height:100px; margin:0 auto -90px auto; position:relative; top:-90px; padding:15px 15px 15px 15px;z-index: 10;overflow: hidden; -webkit-border-radius:2px; -moz-border-radius:2px;background:#fff; /* DONT MODIFY THIS ------- */ } #Content.public { top:0; } /* ================= End of Content ================= */ /* ================= GLOBAL CLASSES ================= */ .rnd {-webkit-border-radius:5px; -moz-border-radius:5px; padding: 5px 0;} .tinyrnd {-webkit-border-radius:2px; -moz-border-radius:2px; padding:2px 0;} a.button3d {background:url('../images/system/button_gradient_1x17.png') top repeat-x #b4fd3e font-family: Tahoma; font-size: 12px; font-weight: bold; ;display: inline-block;padding: 5px 14px;background-color: #b4fd3e;color: #31343d;border:1px solid;border-top-color:#dafe9f;border-right-color: #3d5615; border-bottom-color: #3d5615;border-left-color: #dafe9f;cursor: pointer;} /* text-shadow: #3d5615 1px 1px 2px; */ .country span{background-image:url('../images_new/flags/flag_atlas_white.png');background-repeat:no-repeat;width:24px; height:24px;display:inline-block; vertical-align: -6px; margin-right: 7px;} div.hr {margin: 40px;} } a.button3d:hover {text-decoration: none;} a.button3d:active {background-image: none; border-bottom-color: #dafe9f; border-left-color: #3d5615; border-top-color: #3d5615; border-right-color: #dafe9f; background-color: #3d5615; color: #dafe9f;} a.button3d.disabled {color:#ccc; background-color: #eee; border-color:#fff; text-shadow: #fff 1px 1px 1px; background-image:none; cursor:default;} p.simpleButton, a.simpleButton {display: inline-block; font-weight: bold;background-color: #e0feb0;background-position: 10px center; background-repeat: no-repeat; padding: 10px;} p.simpleButton {font-weight: normal; padding: 10px 0px; text-indent: 35px;} /* #WideSide > div+div {margin-top: 20px;} */ #Side > div+div, #Short > div+div, #Wide > div+div, #WideSide > div+div, #MenuBar div+div {margin-top:20px;} #Ad > div+div {margin-top:20px;border-top: 1px solid #ccc; padding-top:20px;} ul li.ico_position {background: url('../images/system/ico_cup_15x11.png') center left no-repeat;} ul li.ico_hinchas {background: url('../images/system/ico_tshirt_15x11.png') center left no-repeat;} ul li.ico_simpa {background: url('../images/system/ico_flag_15x11.png') center left no-repeat;} .avatar p img{border: 2px solid #ccc; height: 66px; width: 66px; position: relative;z-index: -1; display: block;} .s001 {background-image: url('../images/default_../images/no_miniescudo_21x21.png');} .s002 {background-image: url('../images/default_../images/no_miniescudo_21x21.png');} .s003 {background-image: url('../images/default_../images/no_miniescudo_21x21.png');} .s004 {background-image: url('../images/default_../images/no_miniescudo_21x21.png');} .s005 {background-image: url('../images/default_../images/no_miniescudo_21x21.png');} .s006 {background-image: url('../images/default_../images/no_miniescudo_21x21.png');} .avatar {float: left;} .avatar p {background-repeat: no-repeat; background-position: 0% 0%; width: 70px; text-align: center; padding: 5px 0 0 5px;} .avatar p a {display: block;} /* ================= END OF GLOBAL CLASSES ================= */ /* ================= GLOBAL ELEMENTS ================= */ * {margin:0;border:0 none;padding: 0;text-decoration:none;outline:none;word-wrap:break-word;} ul{list-style:none;} a {color: #64a200;} a:hover {text-decoration:underline;} img:hover { text-decoration: none;} textarea {border:1px solid #ccc; padding:5px;} #MenuBar {width: 139px; float: left; padding: 0 7px 75px 10px; border-right: 4px solid #f8f8f8;} #Short {width: 500px;float: left; padding:0 7px 75px 0; border-right: 4px solid #f8f8f8;} #Wide {width: 603px;float: left; padding:0 7px 75px 0; border-right: 4px solid #f8f8f8;} #Full {width: 770px;float: left; padding:0 7px 75px 0; /*border-right: 1px solid #ccc;*/} #Static {width: 790px; padding:0 60px 75px 60px; margin: 0 auto;} #Side {width: 250px;float: left; padding:0 7px 75px 7px; /*border-left: 1px solid #ccc;border-right: 1px solid #ccc;*/} #WideSide {width: 300px;float: left; padding:0 7px 75px 7px; /*border-left: 1px solid #ccc;border-right: 1px solid #ccc;*/} #Ad {width: 140px;float: left; padding-left: 7px; border-left: 4px solid #f8f8f8; position:relative; z-index:-100} #Ad .ad {border-top:none; position:relative; z-index:-100} #MenuBar + #Wide { padding:0 7px 75px 7px; /*border-left: 1px solid #ccc;border-right: 1px solid #ccc;*/ border-right: 0 none;} #Side.first {padding:0 14px 75px 0;} hr {clear:both; height:1px; background-color: #ccc; color: #ccc;} /* ================= END OF GLOBAL ELEMENTS =================*/ /* ================= ADD ONS =================*/ /* SQUAD TOP INFO */ #Squad_Top {-webkit-border-radius:3px;-moz-border-radius:3px; background:url(../images/) no-repeat center right #31343d; width:930px;height:190px;position: relative;color: #909090;margin-bottom: 10px;} #Squad_Top a{color: #adfc65;} #Squad_Top .squad {float:left; height:190px; padding:0; width:190px; margin:0 auto;} #Squad_Top .super{vertical-align: super; font-size: 9px;} #Squad_Top .info{left:190px;top:30px; position:absolute;line-height: 2em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;} #Squad_Top .squadName{border-bottom: 2px solid #4a4e59;padding-bottom: 10px; margin-bottom: 15px; font-size: 11px;line-height: 1em;} #Squad_Top h2{display: inline; padding-right: 50px; font-size: 25px; font-family: Arial, Helvetica, sans-serif;} #Squad_Top .info span {padding-right:25px;} #Squad_Top .info ul li{padding-left:20px;} /* END OF SQUAD INFO */ /* SQUAD TOP INFO */ #Nations_Top {-webkit-border-radius:3px;-moz-border-radius:3px; background:url(../images/) no-repeat top right #31343d; width:250px; height:380px;position: relative;color: #909090;margin-bottom: 10px;} #Nations_Top a{color: #adfc65;} #Nations_Top .squad { height:190px; padding:0; width:190px; margin:0px auto; clear: both; padding: 30px 0 15px 0;} #Nations_Top .info{clear: both;line-height: 2em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;} #Nations_Top .squadName{padding-bottom: 10px; margin-bottom: 15px;text-align: center; font-size: 11px; padding: 0 20px; line-height: normal;} #Nations_Top .squadName h2{display: inline;font-size: 20px; font-family: Arial, Helvetica, sans-serif;} #Nations_Top .squadName h3{font-size: 14px; font-family: Arial, Helvetica, sans-serif;} #Nations_Top .country_info span {padding-right:25px;} #Nations_Top .info ul {margin-left: 75px;} #Nations_Top .info ul li{padding-left:20px;} #Nations_Top .country_info {float: right; margin: 5px;} /* END OF SQUAD INFO */ /* PROFILE TOP INFO */ #Profile_Top {-webkit-border-radius:3px;-moz-border-radius:3px; background:#31343d; width:930px;position: relative;color: #909090;margin-bottom: 10px; overflow: auto;} #Profile_Top a{color: #adfc65;} #Profile_Top .avatar{ float: left;margin: 8px 8px 0 8px; padding: 0px;width: 140px; height: 140px; border: 2px solid #4a4e59; display: block;} #Profile_Top .user_info {width: 385px;float: left;padding-top: 7px; } #Profile_Top .user_info h2 {font-size: 20px; color: #fff; font-family: Arial, Helvetica, sans-serif;} #Profile_Top .user_info span {color: #fff;} #Profile_Top .user_info h3 {font-weight: normal; font-size: 14px; font-style: italic; font-family: Arial;} #Profile_Top .user_info p {float: left; width: auto; padding: 6px 0 10px 0; border-bottom: 1px solid #4a4e59; width: } #Profile_Top .user_info p.extra_info {float: none; padding-left: 35px; overflow: auto;} #Profile_Top .user_info p.actions {border: 0 none; padding-top: 10px;} #Profile_Top .squad_info {float:left; width: 380px; position: relative; overflow: hidden;} #Profile_Top .squad_info .squad {float:left; height:160px; padding:0; width:160px; margin:0 auto;} #Profile_Top .super{vertical-align: super; font-size: 9px;} #Profile_Top .info{left:160px;top:30px; position:absolute;line-height: 20px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;} #Profile_Top .squadName{padding-bottom: 10px; font-size: 11px;} #Profile_Top h2{display: inline; padding-right: 28x; font-size: 14px; font-family: Arial, Helvetica, sans-serif;} #Profile_Top .info ul li{padding-left:20px;} #Profile_Top #Uploadphoto {position:absolute;bottom:20px;text-align:center;width:120px;overflow:auto;background-color:#4a4e59;color:#fff; left:20px; display:none;} #Profile_Top #Uploadphoto span {position:relative;padding:3px 0;text-align:center;marign:0 auto; display:block;} #Profile_Top a.simpleButton {background-position: 5px center;background-repeat: no-repeat;font-weight: normal;font-size: 11px; padding: 4px 10px 4px 15px; background-color: #4a4e59; border: 1px solid #5c5f68;} #Profile_Top .actions span {background-position: 5px center;background-repeat: no-repeat;font-weight: normal;font-size: 11px; padding: 4px 10px 4px 10px; background-color: #4a4e59; border: 1px solid #5c5f68; display: inline-block; margin-right: 5px;} #Profile_Top .actions a.ico_friend {text-indent: 15px; text-align: left;background-image: url(../images/system/ico_addfriend_18x18.png); } #Profile_Top .actions a.ico_msg {text-indent: 15px; text-align: left;background-image: url(../images/system/msgs_sent_16x16.png);} #Profile_Top .actions a.ico_remove {text-indent: 7px;text-align: left;background-image: url(../images/system/ico_remove_10x10.png);background-position: 4px center;} #Profile_Top .actions a.ico_follower {text-indent: 7px;text-align: left;background-image: url(../images/system/ico_addsimpatizante_18x18.png);background-position: 4px center;} /* END OF PROFILE TOP INFO */ #Ranking_Table, #Referrals, #Survey, #Sympathy_Squads, .ad, #Invites_Box, #My_Team, #Messages_Box, #Friends, #Promo_Invite_Box, #Sympathy_Squads_Table, #WideContent, #Userlist, #My_Referrals, #My_Pronostics {width: inherit; display: block; border-top:2px solid #CCCCCC;} /* #Wide_Wall * a, #Ranking_Table * a, #Referrals * a, #Survey * a, .ad * a, #Sympathy_Squads * a, #Friends * a, #Thinking * a, #Notifications * a, #Invites_Box * a, #My_Team * a, #Messages_Box * a {color: #64a200;} */ /* WIDE CONTENT MENU */ #WideContent {/*width:500px;*/} #WideContent .content_menu {background: #f8f8f8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;font-weight: bold;} #WideContent .content_menu ul {height: 20px; border-bottom: 1px solid #ccc; padding-top: 3px;} #WideContent .content_menu ul li { height: 19px; line-height: 20px; margin-right:5px; padding:0 10px;display: block; float: left; border: 1px solid #ccc; border-bottom: 0 none; background-color: #fff; width: auto;} #WideContent .content_menu ul li.current {border-left-style: none; background-color: #fff; border-top: 0 none #ccc; border-bottom: 1px solid #fff; height: 23px; margin-top:-3px;} #WideContent .content_menu ul li.current a {color: #333;} #WideContent .content_menu ul li+li.current {border-left-style: solid;} /* END OF WIDE CONTENT MENU */ /* MENU BAR */ /*MenuBar ul li {padding: 8px 0; border-bottom: 1px solid #999; text-indent: 5px; }*/ #MenuBar {color: #333; font-weight: normal; font-family: Tahoma; font-size: 11px;} #MenuBar a {font-weight: normal;} #MenuBar ul li { padding: 8px 0; background-repeat: no-repeat; border-bottom: 1px solid #ccc;} #MenuBar ul li.ico_follower {padding-left: 25px; text-align: left;background-image: url(../images/system/ico_addsimpatizante_18x18.png);background-position: 2px center;} #MenuBar ul li.ico_friend {padding-left: 25px; text-align: left;background-image: url(../images/system/ico_addfriend_18x18.png);background-position: 3px center;} /* MENU BAR */ /* Wide_History */ #Wide_History {font-family: Arial;} #Wide_History h3 {font-size: 16px; font-weight: bold;} #Wide_History hr {margin: 15px 0;} #Wide_History dl dt {float: left;clear: left; font-family: Arial; font-size: 12px; color: #666;} #Wide_History dl dd {text-indent: 5px;} #Wide_History p {margin: 15px 0;} #Wide_History h4 {color: #333;} /* END OF Wide_History */ /* LISTS */ .squadButton, #Lists .actions a.squadButton {background-color: #e0feb0;border: 1px solid #ddd;background-repeat: no-repeat;color: #64a200;background-position: 5px center;} .squadButton:hover,#Lists .actions a.squadButton:hover {background-color: #eaffba;color: #64a200;border: 1px solid #ccc;background-repeat: no-repeat;text-decoration: none;} .systemButton, #Lists .actions a, #Lists .actions span {background-color: #eee;border: 1px solid #ddd;background-repeat: no-repeat;color: #999;background-position: 5px center;} .systemButton:hover, #Lists .actions a:hover {background-color: #f3f3f3;color: #666;border: 1px solid #ccc;background-repeat: no-repeat;text-decoration: none;} #Lists {font-family: Verdana} #Lists .actions {float: right;} #Lists #ListUsers .actions {margin-top:30px;} #Lists #ListSquads .actions {margin-top: 40px;} #Lists .actions a, #Lists .actions span{font-size: 11px;display: inline-block; margin: 2px 0; height: 14px; line-height: 14px; padding: 5px 10px; text-align: center;} #Lists .actions a.ico_msg {text-indent: 15px; text-align: left;background-image: url(../images/system/msgs_sent_16x16.png);} #Lists .actions a.ico_remove {text-indent: 7px;text-align: left;background-image: url(../images/system/ico_remove_10x10.png);background-position: 4px center;} #Lists .actions a.ico_friend {text-indent: 15px; text-align: left;background-image: url(../images/system/ico_addfriend_18x18.png);background-position: 3px center;} #Lists .actions a.ico_follower {text-indent: 10px; text-align: left;background-image: url(../images/system/ico_addsimpatizante_18x18.png);background-position: 2px center;} #Lists .list_header {background:#31343d; height:40px; padding:5px 10px; position: relative; border-bottom: 1px solid #eee; margin: 2px 0 0 0; color: #909090; font-family: Tahoma;} #Lists .list_header a {color: #909090; font-size: 11px;} #Lists .list_header a:hover {color: #adfc65;} #Lists .list_header h3 {color: #adfc65; font-size: 16px; font-weight: bold; line-height: 28px; font-family: Arial;} #Lists .list_header div {border:1px solid #ccc; padding:0 2px; height:16px; background:#fff; width:170px; position: absolute; top:25px; right:5px;} #Lists .list_header img {float: right;padding-top: 2px;} #Lists .list_filter {height: 45px; background-color: #f2f2f2; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;} #Lists .list_filter fieldset select {border:1px solid #ddd; padding: 2px; font-size: 11px; color: #333; font-family: Tahoma;} #Lists .list_filter fieldset label {font-family: Verdana; font-size: 11px; font-weight: bold; margin-right: 5px;} #Lists .list_filter fieldset option {padding: 0px 5px;} #Lists .list_filter ul li{float: left; height: 45px; padding: 0 10px; line-height: 45px;border-right: 1px solid #ccc; border-left: 1px solid #fff;} #Lists .list_filter ul li:last-child {border-right: 0px none;} #Lists .list_filter ul li a { color: #31343d; display: inline;line-height: normal; } #Lists .list_filter p span {font-weight: bold;} #Lists .list_filter .twolines {line-height: normal; margin-top: 8px;} #Lists .list_filter .center {text-align: center;} #Lists .list_footer{padding-top:60px; margin-top: 20px; color: #666} #Lists .list_footer {background-color: #f8f8f8; display: block; width: inherit; height: 44px; border: 1px solid #ccc; line-height: 44px; padding: 0 15px; font-size:11px;} #Lists .list_footer p {float: right;padding-right: 0px; width: auto;} #Lists .list_footer img {vertical-align: -6px; display: inline-block; margin-left: 5px; } #Lists .pagination {display: block; line-height: 23px; padding: 10px 0 0 0; font-size: 11px; font-weight: normal; float:right;} #Lists .pagination ol {float: left; display: block; border: 1px solid #999;background-color: #fff;height: 22px; } #Lists .pagination ol li {display: inline; text-align: center; } #Lists .pagination ol li a {padding: 0 5px;} #Lists .pagination .current {font-weight: bold;} #Lists .pagination button {cursor: pointer; float: left; margin: 0 5px;} #Lists .pagination button.prev[disabled] {cursor: default; background: url(../images/system/paginado_left_24x24_disabled.png) no-repeat;} #Lists .pagination button.prev { background: url(../images/system/paginado_left_24x24.png) no-repeat; width: 24px; height: 24px; vertical-align: top;} #Lists .pagination button.next[disabled] {cursor: default; background: url(../images/system/paginado_right_24x24_disabled.png) no-repeat;} #Lists .pagination button.next { background: url(../images/system/paginado_right_24x24.png) no-repeat; width: 24px; height: 24px; vertical-align: top;} #Lists .list_results_header, #Lists .list_results_footer {font-family: Tahoma; font-size: 11px; color: #333;} #Lists .list_results_header {border-bottom: 1px solid #ccc; padding: 20px 0 5px 0 ;overflow: hidden;} #Lists .list_results_header h3{float: left;color: #31343d; font-weight: bold; font-size: 14px;} #Lists .list_results_header span {float: right; color: #666;} #Lists .list_results_footer a {float: right; font-size: 11px;} #Lists #ListUsers {width: 97%; margin: 0 auto 30px auto;} #Lists #ListUsers .user, #Lists #ListUsers .user {clear: both; overflow: auto; position: relative; z-index:1; border-bottom: 1px solid #ccc; padding: 5px 5px; width: 97%; margin: 0 auto;} #Lists #ListUsers .usero {background-color: #f9f9f9;} #Lists #ListUsers .avatar {clear: left;overflow: auto;} #Lists #ListUsers .userinfo {padding: 0px 0; float: left; margin:10px 0 0 10px; } #Lists #ListUsers .userinfo span {margin-left: 5px; padding-left: 6px; border-left: 1px solid #999; font-size: 13px; color: #666; font-weight: normal;} #Lists #ListUsers .userinfo p {color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 7px;} #Lists #ListUsers .userinfo h4 {border-bottom: 1px solid #ccc; width: 250px; font-size: 14px;font-weight: bold; padding-bottom: 7px;} #Lists #ListSquads {width: 97%; margin: 0 auto 30px auto; font-family: Tahoma;} #Lists #ListSquads .squad {clear: both; overflow: auto; border-bottom: 1px solid #ccc; padding: 5px 5px; width: 97%; margin: 0 auto;} #Lists #ListSquads .squad:nth-child(even){background-color: #f9f9f9;} #Lists #ListSquads .crest {clear: left;overflow: auto; width: 80px;float: left;} #Lists #ListSquads .squadinfo {padding: 0px 0; float: left; margin:20px 0 0 6px;} #Lists #ListSquads .squadinfo span {margin-left: 5px; padding-left: 6px; border-left: 1px solid #ccc; font-size: 12px; color: #999; font-weight: normal;} #Lists #ListSquads .squadinfo ul {color: #666; font-family: Verdana; font-size: 11px; overflow: auto; margin-top: 5px;} #Lists #ListSquads .squadinfo li {display: inline; padding: 0 15px 0 0;} #Lists #ListSquads .squadinfo li+li {padding: 0 15px;border-left: 1px solid #ccc;} #Lists #ListSquads .squadinfo h4 {border-bottom: 1px solid #ccc; width: 350px; font-size: 14px;font-weight: bold; padding-bottom: 5px;} #Lists .list_header_search h2 {display: inline-block; font-weight: normal;font-size: 14px; padding: 10px;} .ico_export {background-image: url(../images/system/ico_filter_export.png); text-indent: 25px;} #Lists .list_header_search .search_input_header {margin: 0 0 15px;} #Lists .list_header_search .search_input_header input {padding: 5px 10px; border: 1px solid #ccc; font-size: 14px; margin-right: -30px; width: 250px;} #Lists .list_header_search .search_input_header img {margin-right: 30px;} #Lists .list_header_search .search_results_header{width: 770px; height: 36px;background-color: #31343d; color: #adfc65;clear: both;} #Lists .list_header_search .search_results_header span {float: right;display: block; line-height: 36px; padding: 0 10px; font-size: 11px; color: #4a4e59;} #Lists .list_header_search .search_results_header span a:hover {color: #adfc65;} #Lists .all_results {text-align: right; padding: 10px 0;} /* END OF LISTS */ /* TEAM LIST */ #SquadListIntro {font-family: Arial; color: #333;} #SquadListIntro h2, #SquadListIntro h3 span{background-color: #31343d; padding: 10px; font-size: 20px; color: #fff; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-bottom-left-radius:0px; -moz-border-bottom-right-radius:0px; } #SquadListIntro h3 span {font-size: 16px; display: block; } #SquadListIntro h3 {margin-top: 5px;padding-top: 2px;/*EDITADO VANZEN border-top: 3px solid #CCCCCC;*/} #PageDescription {margin-bottom: 30px;} #PageDescription p {padding: 20px; background-color: #f8f8f8; font-size: 12px;/*EDITADO VANZEN*/ border-bottom:2px solid #ccc; } #SquadListIntro .content {padding: 10px 20px; border-bottom: 3px solid #ccc; margin-bottom: 20px;} #SquadListIntro #TeamSearch {overflow: hidden; padding: 2px 0; margin-bottom: 15px;} #SquadListIntro #TeamSearch label {margin-right: 10px; display: block; width: 240px; float: left; text-align: right;} #SquadListIntro #TeamSearch input {height: 17px; border: 1px solid #ccc; padding: 4px 5px; vertical-align: top; font-size: 13px; color: #999; font-family: Tahoma; background: #fff; -webkit-box-shadow:#aaa 1px 1px 1px; height: 22px; width: 466px; } .team_result_box{border: 1px solid #ccc; clear:both; background-color: #fff;} .team_result_box #Lists #ListSquads { margin: 0; border-bottom: 0 none;} .team_result_box #Lists #ListSquads { margin: 0; border-bottom: 0 none;} .team_result_box #Lists #ListSquads .squad{border-bottom: 0 none;} #SquadListIntro .content {background-color: #f8f8f8;} /* END OF TEAM LIST */ /* OPTIONS PAGE */ #PageDescription {font-family: Arial; color: #333;} #PageDescription h2 {background-color: #31343d; padding: 10px; font-size: 20px; color: #fff; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-bottom-left-radius:0px; -moz-border-bottom-right-radius:0px;} #Options .save a {font-family: Verdana; display: inline-block; height: 23px; color: #585858; line-height: 23px; text-decoration: none; padding: 0 10px;background-color: #f2f2f2; font-size: 10px;border-bottom: 1px solid #676767;border-right: 1px solid #999999;border-left: 1px solid #f4f4f6;border-top: 1px solid #f8f8f8;} #Options .save a.ok {background-color: #31343d; color: #adfc65;border-top: 1px solid #8289a3;border-left: 1px solid #545b85;border-right: 1px solid #161f3e;border-bottom: 1px solid #0f152f;} #Options {font-family: Arial; color: #333;} #Options .section {border: 4px solid #ccc; margin: 20px 0; padding: 10px; width: 78%; margin: 20px auto;} #Options .section .actions{float: right; } #Options .section .content .actions{float: none; } #Options .section .actions a{background: url(../images/system/ico_remove_10x10.png) left center no-repeat; padding-left: 15px;} #Options h3 {font-size: 16px;} #Options .header {padding:10px 0 0 50px; height: 40px; background-position: left center; background-repeat: no-repeat;} #Options .header.profile {background-image: url(../images/system/edit_profile_40x40.png); } #Options .header.account {background-image: url(../images/system/edit_account_40x40.png); } #Options .header.notification {background-image: url(../images/system/edit_notificaciones_40x40.png); } #Options .header.privacy {background-image: url(../images/system/edit_privacy_40x40.png); } #Options .header p {font-size: 11px;} #Options .section .content {width: 90%; margin:30px 0 0 50px;} #Options .section fieldset legend {border-bottom: 1px solid #ccc; width: 90%; font-size: 12px; font-weight: bold; padding-bottom: 3px;} #Options .section fieldset img { margin-right: 20px; display: block; float: left; border: 1px solid #ccc; padding: 5px;} #Options .section fieldset p {overflow: hidden; line-height: 14px;} #Options .section fieldset p.info {text-align: center;margin: 25px 40px 5px 0;} #Options .section fieldset p.description {width:240px;} #Options .section fieldset p big {color: #31343d; font-size: 16px; font-weight: bold; display: block; margin: 5px 0;} #Options .section fieldset p em {font-style: normal; font-size: 11px; font-weight: bold;} #Options .section fieldset p small {font-size: 10px;} #Options .section fieldset p input {margin: 5px 0;} #Options .section fieldset label {width: 125px; display: inline-block; text-align: right; margin-right: 15px; font-size: 12px;line-height: 34px; color: #666;} #Options input, #Options select{border: 1px solid #ccc;padding: 3px; width: 200px; color: #333;} #Options .grouped_selects select {width: auto;} #Options .section .content li input{width: auto;} #Options .section .content li label{width: auto; text-indent: 5px; margin-right: 25px;} #Options ul li span { display: inline-block; line-height: 34px; width: 160px;} #Options input[readonly="readonly"] {border: 0 none ;} #Options input[type="file"] {border: 0 none ;} #Options .section fieldset p.save {margin: 50px auto 40px auto; width: 100%; text-align: center;} #Options .section fieldset p.save a {padding: 4px 15px; margin-right: 10px; font-size: 12px; font-family: Arial;} #Options ul.profile_option_list li {display: inline-block; width: 170px;} #Options ul.profile_option_list input {color: #999;} #Options ul.profile_option_list input:checked + label {color: #333;} #Options ul.error li {display: list-item; list-style: disc inside;} #Options ul.error li:first-letter {text-transform: uppercase;} #Options ul.error {background: url(../images/system/alert.png) 15px center no-repeat #ffffd1;border: 1px solid #ffe983;text-align: left; padding: 20px 10px 20px 80px; margin: 20px 0 0px 0; clear: both; width: 70%; } #Options .section fieldset label.error {color: #f33;} #Options .section fieldset input.error {background-color: #ffffd1; border-color: #f66;} /* END OF OPTIONS PAGE */ /* INVITE PAGE */ #Invite {font-family: Arial; color: #333;} #Invite .section .content {background: url(../images/system/icon_invite.png) left top no-repeat; margin-bottom: 50px;} #Invite .section fieldset legend { width: 91%; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ccc; line-height: 24px; padding-left: 28px;} #Invite .section fieldset p {padding: 10px 0 10px 0px; font-size: 11px; margin-left: 28px; width: 91%;} #Invite .section fieldset p.separator {padding-bottom: 30px;border-bottom: 1px solid #ccc;} #Invite p big {font-size: 18px; display: block;padding-bottom: 10px;} #Invite p strong {display: block;padding-top: 10px;} #Invite #InviteTools {margin: 15px 0;} #Invite #InviteTools ul {float: left; width: 160px; height: 156px;z-index: 3; position: relative; } #Invite #InviteTools ul li {margin: 20px 0; padding: 7px 0; border-bottom: 0 none ;} #Invite #InviteTools ul li img{vertical-align: middle;} #Invite #InviteTools ul li input{vertical-align: middle; margin:0 10px;} #Invite #InviteTools ul li.selected {background-color: #eee; border: 1px solid #ccc; border-right: 1px solid #eee; } #Invite #InviteTools .invite_form{float: left; background-color: #eee; border: 1px solid #ccc; margin-left: -1px; z-index:2; position: relative; height: 126px; width: 472px; padding: 30px 70px 30px 30px; } #Invite #InviteTools .invite_form img {vertical-align: bottom; margin-right: 5px;} #Invite #InviteTools .invite_form label {width: 180px; display: inline-block; padding-right: 20px; text-align: right;} #Invite #InviteTools .invite_form input {padding: 6px; border: 1px solid #999; margin: 5px 0; margin-right: 7px; width: 180px;} #Invite #InviteTools .invite_form span {width: 395px; text-align: right; display: block; margin: 5px 0 20px 0;} #Invite #InviteTools .invite_form small {text-align: right; display: block; width: 387px;} #Invite a.ico_remove {padding-left: 16px;text-align: left;background-image: url(../images/system/ico_remove_10x10.png);background-position: 4px center; background-repeat: no-repeat; color: #666;} #Invite ul li {font-size: 11px; border-bottom: 1px solid #ccc; padding: 10px 0; margin:0px 42px 0 28px; font-weight: bold;} #Invite ul li {} #Invite ul li input, #Invite ul li select {padding: 5px; border: 1px solid #ccc;} #Invite ul li input, #Invite ul li select {margin-right: 20px; } #Invite ul li span {padding:5px 0 5px 25px; color: #999; width: 140px; display: inline-block;} #Invite ul li span.success {background: url(../images/system/icon_confirmfriend_18x18.png) left center no-repeat;} #Invite ul li span.fail {background: url(../images/system/icon_ignorefriend_18x18.png) left center no-repeat;} #Invite .actions {width: 100%; text-align: right;} /* END OF INVITE PAGE */ /* REQUESTS */ #Requests {padding: 0 30px;} #Requests .userinfo {padding: 0px 0; margin:0px 0 0 100px; display: block;} #Requests .userinfo a {font-weight: bold;} #Requests .userinfo a.flatButton {font-weight: normal; font-size: 11px;} #Requests .userinfo span {font-size: 12px; font-weight: normal; font-family: Verdana;color: #666;} #Requests .userinfo p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; overflow: auto; margin: 5px 0 7px 0px;color: #999; line-height: 18px; } #Requests .request, #Requests .response {border-bottom: 1px solid #ccc; overflow: auto; padding: 20px 0; font-weight: normal; font-size: 11px; color: #666;} #Requests > .request:last-child {border-bottom: 0 none;} #Requests > .response:last-child {border-bottom: 0 none;} #Requests .response {border-bottom: 0 none; padding-top: 0px; padding-bottom: 5px;} #Requests .response + .response {padding-top: 0px;} #Requests .response + .request {border-top: 1px solid #ccc; margin-top: 20px;} #Requests .response .friendignore {background-image: url(../images/system/icon_ignorefriend_18x18.png); background-color: #f8f8f8;} #Requests .response .friendconfirm {background-image: url(../images/system/icon_confirmfriend_18x18.png);} #Requests .response .squadignore {background-image: url(../images/system/icon_ignoreteam_18x18.png); background-color: #f8f8f8;} #Requests .response .squadconfirm{background-image: url(../images/system/icon_confirmteam_18x18.png);} #Requests .simpleButton {width: 100%;} #Requests div.squad {float: left;} #Requests .userinfo .squad {font-size: 14px; display: block;} /* END OF REQUESTS */ /* FULL NOTIFICATIONS by Grosura lito*/ #FullNotifications {padding: 0 30px;} #FullNotifications p {margin-top:5px; font-size:12px;} #FullNotifications p span{font-size:11px;} #FullNotifications p.simpleButton{text-indent:0px;padding:10px;width:305px;color:#333;width: 100%;} #FullNotifications p.simpleButton .date{margin-top:5px;display:block;color:#666;} #FullNotifications p.simpleButton.old{background-color:#f5f5f5;} /*FULL NOTIFICATIONS */ /* STATISTICS */ .arrow_button {width: 18px; height: 26px; background: url(../images/system/arrow_right_white_4x7.gif) center center no-repeat #31343d; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; border: 1px solid #31343d; } #Stats {color: #333; } #Stats .stats_header {background: url(../images/system/stats_header_bars_42x47.png) 18px 7px no-repeat ;padding-bottom: 15px; position: relative;z-index: 2;} #Stats h2 {height: 36px; line-height: 39px;text-indent: 70px; color: #fff; background: url(../images/system/stats_header_bars_42x47.png) 18px 7px no-repeat #31343d; z-index: -1; position: relative; font-size: 20px; font-weight: normal;font-family: Arial;} #Stats .stats_filter {margin-top: -15px; position: relative; z-index: 1;} #Stats .stats_filter {height: 94px; background-color: #fafafa; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #333;} #Stats .stats_filter .ul .li fieldset {width: 230px; text-align: left; margin-left: 20px;} #Stats .stats_filter p {width: 259px; padding-top: 30px; font-size: 13px; font-family: Tahoma; font-weight: bold;} #Stats .stats_filter input {height: 17px; border: 1px solid #ccc; padding: 4px 5px; vertical-align: top; width: 205px; font-size: 13px; color: #999; font-family: Tahoma; background: 200px 11px no-repeat #fff;} #Stats .stats_filter select {height: 27px; border: 1px solid #ccc; padding: 3px 4px 3px 3px; vertical-align: top; width: 215px; font-size: 13px; color: #999; font-family: Tahoma; background: 200px 11px no-repeat #fff;} #Stats .stats_filter label {display: block; font-weight: bold;margin: 25px auto 5px auto; } #Stats .stats_filter button {display: inline; } /*#Stats .stats_filter ul li{float: left; border-right: 1px dotted #ccc; border-left: 1px solid #fff; text-align: center;} */ #Stats .stats_filter .ul .li{float: left; text-align: center; } #Stats .stats_filter .ul .divider{float: left; border-right: 1px dotted #ccc; width: 1px; display: block; height: 93px; margin:0;} #Stats .stats_filter .ul .li:last-child {border-right: 0px none;} #Stats .stats_subfilter h3 {height: 65px; font-size: 24px; line-height: 65px; text-indent: 70px; color: #64a200; font-family: Arial; text-align: left; background-color: #efefef; background-position: 10px center; background-repeat: no-repeat;} #Stats .stats_subfilter h3.global {background-image: url('../images/system/stats_ico_world_39x39.png'); height: 55px; line-height: 55px; text-indent: 55px;} #Stats .stats_subfilter {margin: 6px auto 0 auto; text-align: center;border-bottom: 8px solid #ddd; font-family: Verdana; background-color: #fff;} #Stats .stats_subfilter ul { overflow: auto; margin: 0 auto; display: inline-block;} #Stats .stats_subfilter ul li {float: left; padding: 20px 0 15px 0;border-right: 1px dotted #999; } #Stats .stats_subfilter ul li:last-child {border-right: 0px none;} #Stats .stats_subfilter ul li.big {padding:20px 0 0 0;} #Stats .stats_subfilter ul li.big div {text-transform: none;} #Stats .stats_subfilter ul li div {text-transform: uppercase;font-weight: bold; } #Stats .stats_subfilter ul li div img {margin: 0 auto;padding: 0 15px;} #Stats .stats_subfilter ul li div input {margin: 5px 0;} #Stats .stats_subfilter ul li div label {display: block;} #Stats .stats_subfilter ul li div.disabled {color: #666;} #Stats #StatsTable table {border-collapse: collapse; color: #333; font-family: Tahoma; font-size: 11px;} #Stats #StatsTable table thead{background-color: #f9f9f9; color: #999;} #Stats #StatsTable table tbody {color: #666;} #Stats #StatsTable table caption, #Stats #StatsTable table tfoot {height: 35px; background-color: #efefef; text-align: left; line-height: 35px; padding-left: 15px; font-size: 12px; font-weight: bold; font-family: Tahoma;} #Stats #StatsTable table caption .options, #Stats #StatsTable table tfoot .options {float: right; text-transform: none; font-size: 11px; font-family: Verdana;font-weight: bold; color: #999;} #Stats #StatsTable table caption select, #Stats #StatsTable table caption option {color: #333; font-weight: normal;} #Stats #StatsTable td,#Stats #StatsTable th {border: 1px solid #ddd; } #Stats #StatsTable th {height: 35px; border-top: 0 none;} #Stats #StatsTable th.stats_pos {width: 50px;} #Stats #StatsTable th.stats_team{width: 225px;} #Stats #StatsTable th.stats_country{width: 170px;} #Stats #StatsTable th.stats_hinchas{width: 90px; background: url(../images/system/ico_tshirt_15x11.png) 5px center no-repeat; border-right: 0 none; text-indent: 22px;} #Stats #StatsTable th.stats_hinchas_perc{width: 65px; border-left: 0 none ;} #Stats #StatsTable th.stats_fans{width: 125px; background: url(../images/system/ico_flag_15x11.png) 5px center no-repeat; padding-left: 5px;border-right: 0 none;} #Stats #StatsTable th.stats_fnas_perc{width: 65px;border-left: 0 none ; } #Stats #StatsTable td {height: 30px; text-align: right; padding-right: 15px;vertical-align: middle;background-repeat: no-repeat; color: #333;} /*#Stats #StatsTable td span {margin:0 5px; display: block; background-image: url(../images/country_flags/flag_atlas.png); background-repeat: no-repeat; width: 24px; height: 24px; float: left;}*/ #Stats #StatsTable td img {padding: 0 4px; float: left; vertical-align: middle;} #Stats #StatsTable td span { margin-left: 30px; display: block; } #Stats #StatsTable td:nth-child(2) img {margin-top: -4px;} #Stats #StatsTable table tr:nth-child(2n+1) td{background-color: #fcfcfc;} #Stats #StatsTable table tr:nth-child(1) td{font-weight: bold;} #Stats #StatsTable table tbody tr:hover {background-color: #f6f6f6;} #Stats #StatsTable table tbody tr:hover td {background-color:transparent;;} #Stats #StatsTable .center {font-size: 12px; text-align: center; padding: 0;} #Stats #StatsTable .left {font-size: 12px; text-align: left; padding: 0;} #Stats #StatsTable .img {background-repeat: no-repeat;background-position: 7px center;} #Stats #StatsTable .toolbar .pagination {display: block; line-height: 23px; padding: 5px; font-size: 11px; font-weight: normal;} #Stats #StatsTable .toolbar .pagination ol {float: left; display: block; border: 1px solid #999;background-color: #fff;height: 22px; } #Stats #StatsTable .toolbar .pagination ol li {display: inline; text-align: center; } #Stats #StatsTable .toolbar .pagination ol li a {padding: 0 5px;} #Stats #StatsTable .toolbar .pagination .current {font-weight: bold;} #Stats #StatsTable .toolbar .pagination button {cursor: pointer; float: left; margin: 0 5px;} #Stats #StatsTable .toolbar .pagination button.prev[disabled] {cursor: default; background: url(../images/system/paginado_left_24x24_disabled.png) no-repeat;} #Stats #StatsTable .toolbar .pagination button.prev { background: url(../images/system/paginado_left_24x24.png) no-repeat; width: 24px; height: 24px; vertical-align: top;} #Stats #StatsTable .toolbar .pagination button.next[disabled] {cursor: default; background: url(../images/system/paginado_right_24x24_disabled.png) no-repeat;} #Stats #StatsTable .toolbar .pagination button.next { background: url(../images/system/paginado_right_24x24.png) no-repeat; width: 24px; height: 24px; vertical-align: top;} #Stats #StatsTable .pagination {display: block; line-height: 23px; padding: 5px; font-size: 11px; font-weight: normal;} #Stats #StatsTable .pagination ol {display: inline-block; border: 1px solid #999;background-color: #fff;height: 22px; } #Stats #StatsTable .pagination ol li {display: inline; text-align: center; } #Stats #StatsTable .pagination ol li a {padding: 0 5px;} #Stats #StatsTable .pagination .current {font-weight: bold;} #Stats #StatsTable .pagination button {cursor: pointer;} #Stats #StatsTable .pagination button.prev[disabled] {cursor: default; background: url(../images/system/paginado_left_24x24_disabled.png) no-repeat;} #Stats #StatsTable .pagination button.prev { background: url(../images/system/paginado_left_24x24.png) no-repeat; width: 24px; height: 24px; vertical-align: top;} #Stats #StatsTable .pagination button.next[disabled] {cursor: default; background: url(../images/system/paginado_right_24x24_disabled.png) no-repeat;} #Stats #StatsTable .pagination button.next { background: url(../images/system/paginado_right_24x24.png) no-repeat; width: 24px; height: 24px; vertical-align: top;} #StatsResume .stats_partial_table {float: left; width: 380px; margin: 10px 0;} #StatsResume .stats_partial_table:nth-child(2) {margin-left: 10px;} #StatsResume .stats_partial_table table {border-collapse: collapse; color: #333; font-family: Tahoma; font-size: 11px;} #StatsResume .stats_partial_table table thead{background-color: #f9f9f9; color: #999;} #StatsResume .stats_partial_table table tbody {color: #666;} #StatsResume .stats_partial_table table caption, #StatsResume .stats_partial_table table tfoot {height: 35px; background-color: #efefef; text-align: left; line-height: 35px; padding-left: 15px; font-size: 12px; font-weight: bold; font-family: Tahoma;} #StatsResume .stats_partial_table table tfoot th{height: 5px;} #StatsResume .stats_partial_table table caption .options, #StatsResume .stats_partial_table table tfoot .options {float: right; text-transform: none; font-size: 10px; font-family: Verdana;font-weight: normal; color: #999; padding-right: 15px;} #StatsResume .stats_partial_table table caption select, #StatsResume .stats_partial_table table caption option {color: #333; font-weight: normal;} #StatsResume .stats_partial_table td,#StatsResume .stats_partial_table th {border: 1px solid #ddd; } #StatsResume .stats_partial_table th {height: 35px; border-top: 0 none;} #StatsResume .stats_partial_table th.stats_pos {width: 50px;} #StatsResume .stats_partial_table th.stats_team{width: 150px;} #StatsResume .stats_partial_table th.stats_hinchas{width: 85px; background: url(../images/system/ico_tshirt_15x11.png) 3px center no-repeat; border-right: 0 none; text-indent: 15px;} #StatsResume .stats_partial_table th.stats_fans{width: 95px; background: url(../images/system/ico_flag_15x11.png) 3px center no-repeat; padding-left: 15px;} #StatsResume .stats_partial_table td {height: 30px;line-height: normal; text-align: right; padding-right: 10px;} #StatsResume .stats_partial_table table tr:nth-child(2n+1) td{background-color: #fcfcfc;} #StatsResume .stats_partial_table table tr.current td{font-weight: bold;} #StatsResume .stats_partial_table table tbody tr:hover {background-color: #f6f6f6;} #StatsResume .stats_partial_table table tbody tr:hover td {background: transparent;} #StatsResume .stats_partial_table table tr.separator, #StatsResume .stats_partial_table table tr.separator td{height: 10px; background-color: #efefef;} #StatsResume .stats_partial_table table td:nth-child(1) {text-align: center; padding: 0;} #StatsResume .stats_partial_table table td:nth-child(2) {text-align: center; padding: 0;} #StatsResume .stats_partial_table table td:nth-child(3) {text-align: center; padding: 0;} /* END OF STATISTICS */ /* WIDE WALL */ #Wide > div+div {margin-top:0;} #Wide_Wall {color: #333;} #Wide_Wall .publish_box { text-align:right; padding-top:10px; background:#fff} #Wide_Wall .publish_box .button3d{ margin:5px 15px 0 0; } #Wide_Wall .publish_box p {text-align: right; border:1px solid #ccc; margin:5px;width:570px; margin:0 auto; background:white;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px; padding:3px} #Wide_Wall .publish_box textarea { display: block; clear: both; overflow: hidden;width:560px; border:none;} #Wide_Wall .wall_item {width: inherit; clear: both; line-height: 16px; margin:0 auto 0 auto; width:95%;;} #Wide_Wall .wall_item .avatar{/*position:absolute; left:25px;*/} #Wide_Wall .wall_item .msg { border: 1px solid #dddddd;border-right:2px solid #ddd; -webkit-border-radius:10px;-moz-border-radius:10px; border-radius:10px;border-bottom:2px solid #ddd; float:left; padding:7px 10px;/*margin:-7px 0 8px 85px;*/ width:460px; position:relative; top:0; z-index:1; margin:5px 0 10px 10px; min-height:44px;} #Wide_Wall .wall_item .wallPostArrow{ /*display:block; position:relative; left:76px; top:20px; z-index:2; float:left;*/ display: block; float: left; left: 106px; margin-top: 20px; position: absolute; z-index: 2; } #Wide_Wall .commentGroup{margin-bottom:15px; } #Wide_Wall .wallCommentArrow{ position:relative; left:120px;background:#e0feb0;float:left; top:-7px;} #Wide_Wall .clearBoth{clear:both;} #Wide_Wall .wall_divider{height:1px; margin-bottom:20px; margin-top:1px;} #Wide_Wall .wall_item .msg p {padding: 0; width: inherit; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;} #Wide_Wall .wall_item .msg p a{font-weight: bold;} #Wide_Wall .wall_item .msg p span {color: #333;} #Wide_Wall .wall_item .msg p+p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; display: inline-block; color: #999;} #Wide_Wall .wall_item .msg p+p a{font-weight: normal;} #Wide_Wall .wall_footer {padding-top:60px;} #Wide_Wall .wall_footer ul {background-color: #f8f8f8; display: block; width: inherit; height: 44px; border: 1px solid #ccc; line-height: 44px; padding: 0 15px; font-size:11px;} #Wide_Wall .wall_footer ul li {float: left; padding-right: 30px; width: auto;} #Wide_Wall .wall_footer ul li.options {float: right; padding-right: 0; padding-left: 15px; background: url('../images/options_11x11.png') left center no-repeat; cursor: pointer;width: auto;} #Wide_Wall .wall_footer ul li.options:hover{text-decoration: underline; color: #64a200;} #Wide_Wall .comment a.viewmore {background: url(../images/system/ico_comment.png) left top no-repeat; padding-left: 23px;} #Wide_Wall .comment { padding: 10px;font-size: 11px;font-family: Verdana; width:463px; margin-left:100px; margin-bottom:8px; overflow-x:hidden; overflow-y:auto; background-color: #e0feb0; } #Wide_Wall .comment .avatar { margin-right: 10px; } #Wide_Wall .comment .avatar img {border: 2px solid #ccc; width: 36px; height: 36px; display: block;} #Wide_Wall .comment p {margin-left: 25px; overflow: hidden;} #Wide_Wall .comment button { cursor:pointer;font-size: 11px; font-family: Verdana; padding: 5px 10px; font-weight: bold; border:none; -webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px; background-color: #64a200; color: #fff;} #Wide_Wall .comment textarea { font-size: 11px; width:450px; height:14px; position:relative; border: 1px solid #ccc; color: #999; overflow:hidden; } #Wide_Wall .comment button.disabled {color:#ccc; background-color: #eee; border-color:#fff; text-shadow: #fff 1px 1px 1px; background-image:none;} #Wide_Wall .comment span {text-align: right;display: block;margin: 5px 6px 0 0;} #Wide_Wall .comment small {padding-left:50px; font-size: 10px; display: block;margin-top: 3px; font-family:Arial, Helvetica, sans-serif; color: #999;} #Wide_Wall .comment small a { color: #666; font-size: 10px; font-family: Arial;} /* END OF WIDE WALL */ /* SYMPATHY SQUADS TABLE */ #Sympathy_Squads_Table {width: inherit; font-size: 11px; clear: both;} #Sympathy_Squads_Table .title {height: 20px; line-height: 20px;padding: 0 5px;font-family: Verdana, Tahoma;} #Sympathy_Squads_Table .title p {font-weight: bold;color: #333;} #Sympathy_Squads_Table table {width: inherit;border-collapse: collapse; margin-bottom:10px;} #Sympathy_Squads_Table table thead, #Sympathy_Squads_Table .title {background: #f8f8f8; } #Sympathy_Squads_Table table thead tr{height: 20px; border-top: 1px dotted #ccc;} #Sympathy_Squads_Table table tbody td {height: 29px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} #Sympathy_Squads_Table table th {color: #999; font-size: 10px; padding: 0 5px; font-weight: normal; text-indent: 5px;} #Sympathy_Squads_Table table th {width: auto;text-align: left;} #Sympathy_Squads_Table table th+th {width: 75px;text-align: center; text-indent: 0;} #Sympathy_Squads_Table table th+th+th {width: 75px; text-align: center; /*background: none;*/} #Sympathy_Squads_Table table td {text-align: right;padding: 0 3px; color: #666;} #Sympathy_Squads_Table table td {text-align: left; color: #333; text-indent: 5px;} #Sympathy_Squads_Table table td+td {text-align: right;background: url('../images/system/ico_tshirt_15x11.png') 10px center no-repeat; padding: 0 10px; text-indent: 0;} #Sympathy_Squads_Table table td+td+td {text-align: right; background:url('../images/system/ico_flag_15x11.png') 10px center no-repeat; color: #999; padding: 0 10px;} #Sympathy_Squads_Table .options {float: right; background: url('../images/system/options_11x11.png') center center no-repeat; width:11px; height:20px; padding-right: 5px;} #Sympathy_Squads_Table .simplerButtonsWrapper {width: inherit; overflow: auto;} #Sympathy_Squads_Table .simpleButtonsWrapper a{display: inline-block; width: 96%; margin:0 2%; } #Sympathy_Squads_Table .simpleButton {height: 30px; font-weight: bold;display: block; line-height: 30px;} #Sympathy_Squads_Table .gstats {background:#e0feb0 url('../images/system/ico_gstats.png') 25% center no-repeat; text-align: center; padding-left: 15%;} /* END OF SYMPATHY SQUADS TABLE */ /* RANKING_TABLE */ #Ranking_Table {width: inherit; font-size: 11px; clear: both; font-family: Tahoma;} #Ranking_Table .title {height: auto; line-height: 20px;padding: 0 5px;} #Ranking_Table .title p {font-weight: bold;color: #333;} #Ranking_Table table {width: inherit;border-collapse: collapse; margin-bottom:10px;} #Ranking_Table table thead, #Ranking_Table .title {background: #f8f8f8; } #Ranking_Table table thead tr{height: 20px; border-top: 1px dotted #ccc;} #Ranking_Table table tbody td {height: 29px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} #Ranking_Table table th {color: #999; font-size: 10px; padding: 0 5px; font-weight: normal;} #Ranking_Table table th {width: 5%;} #Ranking_Table table th+th {width: 70%;text-align: left;} #Ranking_Table table th+th+th {width: 65px;text-align: right;background: url('../images/system/ico_tshirt_15x11.png') left center no-repeat; padding-left: 18px;} #Ranking_Table table th+th+th+th {width: 14%; text-align: center; background: none;} #Ranking_Table table td {text-align: right;padding: 0 3px; color: #666;} #Ranking_Table table td+td {text-align: left; color: #333;} #Ranking_Table table td+td+td {text-align: right;} #Ranking_Table table td+td+td+td {text-align: right; color: #999;} #Ranking_Table .options {float: right; background: url('../images/system/options_11x11.png') center center no-repeat; width:11px; height:20px; padding-right: 5px;} #Ranking_Table .simpleButtonsWrapper {width: inherit; overflow: auto;} #Ranking_Table .simpleButtonsWrapper a{display: inline-block; width: 45%; margin:0 2%; } #Ranking_Table .simpleButton {height: 30px; padding-left: 40px; font-weight: bold;display: block; } #Ranking_Table .stats {background:#e0feb0 url('../images/system/ico_chart_16x14.png') 10px center no-repeat; } #Ranking_Table .invite {background:#e0feb0 url('../images/system/ico_invite_17x15.png') 10px center no-repeat;} /* END OF RANKING_TABLE */ /* REFERRALS */ #Referrals {font-size: 11px; width: inherit;} #Referrals .title {height: 20px; line-height: 20px;padding: 0 5px; font-family: Verdana, Tahoma;background: #f8f8f8;} #Referrals .title p {font-weight: bold;color: #333;} #Referrals .options {float: right; height:20px; font-size: 10px; font-family: Verdana, Tahoma; font-weight: normal; width: auto;} #Referrals .referral {width: 250px; height:70px; display: block; border: 1px solid #ccc; margin: 10px auto;} #Referrals .referral span.number {display: block; height: 70px; width: 30px; background-color: #e5e5e5; line-height: 70px; text-align: center; font-size: 20px; font-family: Tahoma; color: #fff; font-weight: bold;float: left;} #Referrals .referral .avatar {margin: -5px 0 0 -5px;} #Referrals .referral ul {width: 150px; float: left; } #Referrals .referral ul li {height: 22px;font-weight: bold; line-height: 22px; ;padding-left:5px; background-position: 5px; overflow: hidden; color: #666;} #Referrals .referral ul li+li {height: 23px;line-height: 23px; font-weight: normal; background-color: #f2f2f2;padding-left:25px;border-top:1px solid #fff} /* END OF REFERRALS */ /* SURVEY */ #Survey {font-size: 11px; width: inherit; color: #333;} #Survey .title {height: 20px; line-height: 20px;padding: 0 5px;font-family: Verdana, Tahoma;background: #f8f8f8;border-bottom: 1px dotted #ccc; } #Survey .title p {font-weight: bold;color: #333; margin:0; text-align: left;} #Survey .survey_item > p {color: #64a200; text-align: center; } #Survey .survey_item p {padding: 5px 0px; font-weight: bold; font-size: 13px; background-color: #fafafa;} #Survey .survey_item ul li, #Survey .survey_item .survey_results {border-top: 1px solid #ccc;} #Survey .survey_item ul li span {display: block; width: 210;height: 30px;line-height: 30px;margin: 0 auto; font-size: 12px;} #Survey .survey_item ul li span input {vertical-align: text-bottom; margin:0 15px; } #Survey .survey_item ul li .simpleButton, #Survey .survey_item p .simpleButton {width: 145px;height: 20px;display: block; margin: 0 auto; font-weight:bold;background:#e0feb0;text-align: center;line-height: 20px;} #Survey .survey_item ul li.last {border-top-style:dotted; padding-top: 5px;} #Survey .survey_item .survey_results {border-top: 1px solid #ccc; } #Survey .survey_item .survey_results p {width:90%;} #Survey .survey_results {padding: 10px 10px; overflow: auto; } #Survey .survey_results p {font-weight: normal; width: 100%;margin: 0 auto;overflow: auto; padding: 2px 0;} #Survey .survey_results_info span {float: left;display: inline-block;line-height:12px; font-size: 11px; margin-right: 0px; width: 20%; } #Survey .survey_results_info span+span {height:12px; width:80%; background-color: #f2f2f2} #Survey .survey_results_info span > span {background-color: #b4fd3e; height: 12px; border-right: 1px solid #31343d;vertical-align: bottom;float:left;} #Survey .survey_item p.last {background-color: #f2f2f2;border-top-style:dotted; padding-top: 5px; border-top: 1px dotted #999; } /* END OF SURVEY */ /* SYMPATHY SQUADS */ #Sympathy_Squads {font-size: 11px; color: #333;} #Sympathy_Squads .title {height: 20px; line-height: 20px;padding: 0 5px; font-family: Verdana, Tahoma;background: #f8f8f8;} #Sympathy_Squads .title p {font-weight: bold;color: #333;} #Sympathy_Squads .options {float: right; height:20px; font-size: 10px; font-family: Verdana, Tahoma; font-weight: normal; width: auto;} #Sympathy_Squads .squad_items {margin: 0 auto;/*width: 240px;*/ overflow: hidden; display: inline-block;} #Sympathy_Squads .squad_items ul {overflow: auto;text-align: center; padding: 15px 0;} #Sympathy_Squads .squad_items ul+ul{border-top: 1px dotted #ccc;} #Sympathy_Squads .squad_items ul li img {display: block; padding-bottom: 5px; margin-left:9px;} #Sympathy_Squads .squad_items ul li {padding-left: 5px; text-align: center; width: 75px;display: block;float: left;} #Sympathy_Squads .squad_container {text-align: center; margin: 5px 0;} #Sympathy_Squads .squad_container p.textonly {padding: 20px; text-align: left; font-size: 12px;} /* END OF SYMPATHY SQUADS */ /* MY REFERRALS */ #My_Referrals {font-size: 11px; color: #333;} #My_Referrals .title {height: 20px; line-height: 20px;padding: 0 5px; font-family: Verdana, Tahoma;background: #f8f8f8;} #My_Referrals .title p {font-weight: bold;color: #333;} #My_Referrals .options {float: right; height:20px; font-size: 10px; font-family: Verdana, Tahoma; font-weight: normal; width: auto;} #My_Referrals ul {padding:15px;} #My_Referrals ul li{float:left; margin-left:30px; padding-left:20px;} #My_Referrals ul li +li{margin-left:15px;} /* END OF MY REFERRALS */ /* FRIENDS */ #Friends {font-size: 11px; } #Friends .title {height: 20px; line-height: 20px;padding: 0 5px; font-family: Verdana, Tahoma;background: #f8f8f8;} #Friends .title p {font-weight: bold;color: #333;} #Friends .options {float: right; height:20px; font-size: 10px; font-family: Verdana, Tahoma; font-weight: normal; width: auto;} #Friends .friends_items {margin: 0 auto; overflow: auto; display: inline-block;} #Friends .friends_items .avatar+.avatar {margin-left: 7px;} #Friends .friend_container {text-align: center; margin: 5px 0;} #Friends .friend_container p.textonly {margin:10px 0 15px 0; font-size: 12px;} /* END OF FRIENDS */ /* PRIVACY MESSAGE */ #PrivacyMessage p {font-size: 13px;color: #666;width: 90%; padding:5% 5%; margin-bottom: 10px; text-align: center; border: 1px solid #ccc;background-color: #f8f8f8;} /* END OF PRIVACY MESSAGE */ /* THINKING BOX */ #Thinking {width: 100%;clear: both; z-index: -3;} #Thinking .thinking_box {font-family: Verdana; font-size: 14px; padding: 3px 0 0 3px ; min-height: 80px; } #Thinking .thinking_box {background: #31343d; overflow: auto; color: #909090; width:100%; min-height: 80px;z-index: 1; position: relative;} #Thinking .thinking_box .publish_box {float: left; width:520px; padding: 0.5em 0 0 0.5em;} #Thinking .thinking_box .publish_box p {font-family: Arial, Helvetica, sans-serif; } #Thinking .thinking_box .publish_box p span {padding-left: 15px; font-size: 11px; font-style: italic;} #Thinking .thinking_box .publish_box p span a {color: #adfc65; font-style: normal;} #Thinking .thinking_box .inputWrapper {background-color: #fff;padding: 3px; width:505px; margin: 0.5em 0; height: 29px; } #Thinking .thinking_box .inputWrapper a {float: right; height: 18px; line-height: 18px;} #Thinking .thinking_box .inputWrapper input {padding: 5px;color: #999; font-size: inherit; font-family: inherit; width: 400px; } /* END OF THINKING BOX */ /* NOTIFICATIONS BOX */ #Notifications {clear: both;} #Notifications .notification_itemsWrapper {font-family: Verdana, Tahoma; font-size: 12px;} #Notifications .notification_item {border-top: 2px solid #f2f2f2; overflow: auto; padding:15px 40px 15px 10px; clear: both;} #Notifications .notification_item .avatar {padding-right: 7px;} #Notifications .notification_item .notification_msg {padding-left: 1em; overflow: auto;} #Notifications .notification_item .notification_msg p {padding: 10px 0 5px 0; width: inherit; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333;} #Notifications .notification_item .notification_msg p a{font-weight: bold;} #Notifications .notification_item .notification_msg p span {color: #333;} #Notifications .notification_item .notification_msg p+p {color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-top: 1px solid #ccc;margin-top: 5px; display: inline-block;} #Notifications .notification_item .notification_msg p+p a{font-weight: normal;} #Notifications .notification_item .isfriendof {padding-left: 1em; background: url(../images/system/friend_arrows.png) center center no-repeat; overflow: auto; color: #666;float:left;margin-top:8px;} #Notifications .notification_item .arrowdate {padding-top:35px;display:block;font-size:9px;text-align:center;} #Notifications .notification_item .notification_friend .friend_list {float: left;} #Notifications .notification_item .notification_friend .friend_list .avatar {padding:0 10px;} #Notifications .notification_item .notification_friend > p {padding: 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333; overflow: hidden;} #Notifications .notification_item .notification_friend p a{font-weight: bold;} #Notifications .notification_item .notification_friend p+p a{font-weight: normal;} #Notifications .notification_item .notification_friend > p span {color: #999;} #Notifications .notification_item .notification_friend > p+p {color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-top: 1px dotted #ccc;} #Notifications .notification_item .notification_friend .friend_list p a{font-weight: normal; width: 70px;} #Notifications .notification_item .notification_sympathy {padding-left: 1em; float: left;} #Notifications .notification_item .notification_sympathy p {padding: 5px 0; width: inherit; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333;clear: both;} #Notifications .notification_item .notification_sympathy p a{font-weight: bold;} #Notifications .notification_item .notification_sympathy p+div+p a{font-weight: normal;} #Notifications .notification_item .notification_sympathy p span {color: #999;} #Notifications .notification_item .notification_sympathy p+div+p {color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-top: 1px dotted #ccc;} #Notifications .notification_item .notification_sympathy {padding-left: 1em; overflow: auto;} #Notifications .notification_item .notification_sympathy .squad_items {clear: right;} #Notifications .notification_item .notification_sympathy .squad_items ul {overflow: auto;text-align: center; padding: 5px 0; clear: right;} #Notifications .notification_item .notification_sympathy .squad_items ul li img {display: block; padding-bottom: 5px; margin: 0 auto; } #Notifications .notification_item .notification_sympathy .squad_items ul li {padding:0 7px; text-align: center; width: 98px;display: block;float: left;} /* add by lito */ #Notifications .notification_footer {padding-top:60px;} #Notifications .notification_footer ul {background-color: #f8f8f8; display: block; width: inherit; height: 44px; border: 1px solid #ccc; line-height: 44px; padding: 0 15px; font-size:11px;} #Notifications .notification_footer ul li {float: left; padding-right: 30px; width: auto;} #Notifications .notification_footer ul li.options {float: right; padding-right: 0; padding-left: 15px; background: url('../images/options_11x11.png') left center no-repeat; cursor: pointer;width: auto;} #Notifications .notification_footer ul li.options:hover{text-decoration: underline; color: #64a200;} /* END OF NOTIFICATIONS BOX */ /* INVITES BOX */ #Invites_Box {width: inherit; font-size: 11px;} #Invites_Box .title {height: 20px; line-height: 20px;padding: 0 5px;font-family: Verdana, Tahoma;background: #f8f8f8;} #Invites_Box .title p {font-weight: bold;color: #333;} #Invites_Box .simpleButtonsWrapper {overflow: auto; padding-top: 10px;} #Invites_Box .simpleButton {width: 105px;height: 30px;display: block; float: left; margin: 5px 2px; padding-left: 40px; font-weight: bold;background-color: #e0feb0;background-position: 10px center; background-repeat: no-repeat;} #Invites_Box .newfriends {background-image: url('../images/system/ico_addfriend_18x18.png'); } #Invites_Box .sympathy {background-image: url('../images/system/ico_addsimpatizante_18x18.png');} /* END OF INVITES BOX */ /* PROMO INVITE BOX */ #Promo_Invite_Box {width: inherit; font-size: 11px; } #Promo_Invite_Box .title {height: 20px; line-height: 20px;padding: 0 5px;font-family: Verdana, Tahoma;background: #f8f8f8;} #Promo_Invite_Box .title p {font-weight: bold;color: #333;} #Promo_Invite_Box .promo {padding:20px 5px 0 5px; font-size: 12px;} #Promo_Invite_Box .promo .image {float: left; padding-right: 10px;} #Promo_Invite_Box .promo .image img {display: block;} #Promo_Invite_Box .promo ul {padding: 10px 0;} #Promo_Invite_Box .promo ul li {display: inline;} /* END OF INVITES BOX */ /*INVITE BOX DASHBOARD ---- Esto va junto con el PROMO INVITE BOX (by Vanzen)*/ #InviteDashboard { font-family:Tahoma, Geneva, sans-serif; font-size:11px;} #InviteDashboard div{ background-color:#eee; margin:10px 0; padding:10px; clear:both; float:none; overflow:auto; border:1px solid #ddd} #InviteDashboard div div, #InviteDashboard div p+p {background-color:white; margin:5px 0 0 0; padding:3px 5px; border:1px solid #CCC;line-height:14px; } #InviteDashboard div div {float:left; clear:none; vertical-align:middle; overflow:hidden; } #InviteDashboard div div+div {margin-left:20px;} #InviteDashboard div div img{margin:0 3px 0 0; position:relative;top:2px; } #InviteDashboard div div+div+div {float:none; clear:both; visibility:hidden; padding:0; margin:0;} #InviteDashboard div a{ font-size:10px;} #InviteDashboard div p span{ display:block; margin:3px 0 0 1px;} /* END OF INVITE BOX DASHBOARD*/ /* MY TEAM */ #My_Team {width: inherit; font-size: 11px;} #My_Team .title {clear: both;height: 20px; line-height: 20px;padding: 0 5px;font-family: Verdana, Tahoma;background: #f8f8f8;} #My_Team .title p {font-weight: bold;color: #333;} #My_Team .myTeamWrapper {padding-top: 10px; height:80px;} #My_Team .myTeamWrapper .squad{float: left;overflow: auto;} #My_Team .myTeamWrapper .info{overflow: auto;} #My_Team .myTeamWrapper .info ul{padding:7px 20px;line-height: 2em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;} #My_Team .myTeamWrapper .info ul li {padding-left: 20px;} /* END OF MY TEAM */ /* MESSAGES BOX */ #Messages_Box {width: inherit; font-size: 11px; color: #333;} #Messages_Box .title {height: 20px; line-height: 20px;padding: 0 5px;font-family: Verdana, Tahoma;background: #f8f8f8;} #Messages_Box .title p {font-weight: bold;color: #333;} #Messages_Box .options {float: right; height:20px; font-size: 10px; font-family: Verdana, Tahoma; font-weight: normal; width: auto;} #Messages_Box .messages_list span{width: 35%; display: block; float: left;height: 24px; line-height: 24px; cursor:pointer;overflow: hidden;} #Messages_Box .messages_list span a{font-weight: bold;} #Messages_Box .messages_list span+span{width: 58%;} #Messages_Box .messages_list span+span+span{width: 7%;} #Messages_Box .messages_list span+span+span a {width: 100%;height: 24px; display: block; padding: 0; } #Messages_Box .messages_list span+span+span a:hover {background: url(../images/system/mini_icon_delete_over_9x9.png) 50% 50% no-repeat } #Messages_Box .messabges_list hr {clear: both;} #Messages_Box .messages_list p{padding: 0px 0; overflow: auto; text-indent: 5px;} #Messages_Box .messages_list p:hover{background: url(../images/system/mini_icon_delete_idle_9x9.png) 98% 50% no-repeat #ddd ;} #Messages_Box .messages_list p.info {background: #ffffcc; padding: 5px; text-align: center; font-size: 10px;} #Messages_Box hr{height: 1px; background-color: #ccc; color: #ccc; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} /* END OF MESSAGES BOX */ /* MESSAGES */ #Messages {margin-left: 7px;} #Messages #MessagesList {min-height:500px;} #Messages {position: relative;color: #666; font-family: Tahoma; font-size: 11px;} #Messages .action_bar {overflow: auto;margin-bottom: 5px;} #Messages .action_bar li {display: inline;} #Messages .action_bar .actions_main {float: left} #Messages .action_bar .actions_secondary {float: right;} #Messages .action_bar a {padding: 5px 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;} #Messages .toolbar{clear: both; background-color: #f2f2f2; border-bottom: 1px solid #fff;} #Messages .toolbar div {float: left;} #Messages .toolbar div { padding: 5px 7px 4px 7px; border-right: 1px solid #fff; border-left: 1px solid #e7e7e7; } #Messages .toolbar div.first {border-left: 0 none;} #Messages .toolbar div.last {border-right: 0 none;} #Messages .toolbar {height: 33px; line-height: 25px;} #Messages .toolbar ul li,#Messages .toolbar ul ,#Messages .toolbar label { display: block;float: left; } #Messages .toolbar li.first a {border-left: 0 none; padding-left: 0;} #Messages .toolbar label {font-weight: bold; color:#777; padding: 0 8px 0 5px;} #Messages .toolbar ul li a {border-left: 1px solid #ccc; padding: 0 7px; } #Messages .toolbar a.back {padding-left: 10px; background: url(../images/system/flechita_left_4x7.gif) left center no-repeat;} #Messages .toolbar .pagination {float: right; margin: 0 15px 0 0;padding: 0;} #Messages .toolbar select {padding:1px 1px 1px 2px; border: 1px solid #ccc; font-size: 12px; font-family: Tahoma, Arial;} #Messages .toolbar .sort_by_width {min-width:80px;} #Messages .toolbar .items_width {min-width:45px;} #Messages .list_footer label.first {border-left: 0 none;} #Messages .list_footer .pagination {float: right;} #Messages .message {height:104px; background-color: #fff; border-top:1px solid #ccc;} #Messages .message.selected {background-color: #f2f2f2;} #Messages .message.unread {background-color: #e0feb0;} #Messages .message.selected:hover { background-color: #eaffba;} #Messages .message:hover { background-color: #f2f2f2;} #Messages .message_content {border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding-top: 1px; position: relative; z-index: 1; padding-bottom: 20px; height:79px;} #Messages .message_content .overlay_tools {position: absolute; right:3px; top:0; font-family: Tahoma, Arial; font-size: 10px;} /*#Messages .message_content .overlay_tools li {display: inline-block; padding: 5px 1px; background-color: #fff; *zoom:1; *display:inline;}*/ /*#Messages .message_content p {padding: 5px 7px 0px 7px;}*/ /*#Messages .message_content .avatar {z-index: 10; margin-top: 10px;}*/ /*#Messages .message_select {float: left; vertical-align: middle; height: 96px; margin-left: 15px;}*/ /*#Messages .message_info {margin-top: 10px;}*/ /*#Messages .body {height: 45px; overflow: hidden; font-size: 13px; display: block;}*/ #Messages .message_content .overlay_tools li {display: inline-block; *margin-left: 2px; padding:0; height: 20px; line-height:20px; background-color: #fff; *display:inline; zoom:1;} #Messages .message_content .overlay_tools li a {padding: 10px 10px; color:#999} #Messages .message_content p {padding: 14px 7px 0px 7px; overflow: hidden;} #Messages .message_content p+p {padding: 0 7px 0px 7px;} #Messages .message_content .avatar {z-index: 10; top:10px; left:35px;position: relative; margin-right:35px;} #Messages .message_content .avatar p {padding: 5px 7px 0px 7px; overflow: hidden;} #Messages .message_select {float: left; vertical-align: middle;position: absolute;top:45px; left:15px;} #Messages .message_info {} #Messages .message_info a {font-weight: bold;} #Messages .message_info .old a {font-weight: normal;} #Messages .body {height: 45px; font-size: 12px; display: block;} #Messages .body a {color: #666;} #Messages .body a:hover {color: #333; text-decoration: none;} #Messages .date {font-size: 10px; color:#999} #Messages .list_footer{padding-top:60px; margin-top: 20px; color: #666} #Messages .list_footer {background-color: #f8f8f8; display: block; width: inherit; height: 44px; border: 1px solid #ccc; line-height: 44px; padding: 0 15px; font-size:11px;} #Messages .list_footer p {float: right;padding-right: 0px; width: auto;} #Messages .list_footer img {vertical-align: -6px; display: inline-block; margin-left: 5px; } #Messages .pagination {display: block; line-height: 24px; margin: 10px 0; font-size: 11px; font-weight: normal;} #Messages .pagination ol {display: inline-block; border: 1px solid #999;background-color: #fff;height: 22px; padding:0 5px; } #Messages .pagination ol li {display: inline; text-align: center; } #Messages .pagination ol li a {padding: 0 5px;} #Messages .pagination .current {font-weight: bold;} #Messages .pagination button {cursor: pointer;} #Messages .pagination button.prev[disabled] {cursor: default; background: url(../images/system/paginado_left_24x24_disabled.png) no-repeat;} #Messages .pagination button.prev { background: url(../images/system/paginado_left_24x24.png) no-repeat; width: 24px; height: 24px; vertical-align: top;} #Messages .pagination button.next[disabled] {cursor: default; background: url(../images/system/paginado_right_24x24_disabled.png) no-repeat;} #Messages .pagination button.next { background: url(../images/system/paginado_right_24x24.png) no-repeat; width: 24px; height: 24px; vertical-align: top;} #Messages #MessageRead {padding: 0 20px; min-height:500px;} #Messages #MessageRead .message_info .old {font-weight: normal;} #Messages #MessageRead .notice {display: block; width: 100%; margin: 10px 0; padding: 5px 0; background-color: #f2f2f2; text-indent: 10px;} #Messages #MessageRead .subject {font-family: Arial, Tahoma, Verdana; color: #333; font-size: 20px; font-weight: bold;} #Messages #MessageRead .date{font-size: 11px;} #Messages #MessageRead .message_content .message_info {padding-bottom: 10px;border-bottom: 1px solid #ccc; overflow: hidden; margin-top: 10px;} #Messages #MessageRead .message_content p+p {padding: 0 7px 0px 45px;} #Messages #MessageRead .message_content {height:auto;} #Messages .toolbar.read div {border: 0 none;} #Messages .toolbar.read {border-bottom: 1px solid #ccc;} #Messages .toolbar.read.footer {border: 1px solid #ccc;padding:0;} #Messages #MessageRead .message {height: auto;} #Messages #MessageRead .message:hover {background: none;} #Messages #MessageRead .body {height: auto; margin: 10px 0 0 84px; font-size: 13px; font-family: Tahoma, Arial, Helvetica, sans-serif; clear: both; line-height: 20px; color:#333;} #MessageReply {margin-left: 120px;padding: 5px 7px 0px 7px;} #MessageReply h3 {color: #999; font-family: Arial, Helvetica, sans-serif; } #MessageReply textarea {width: 410px; margin: 5px 0; padding:5px;; font-family: Tahoma, Arial, Verdana; font-size: 13px;} #MessageReply .reply-action {text-align: right; margin-bottom: 20px;} /* lito */ #Messages .no_bold{ font-weight:normal;} #Messages .author, #Messages .subject{font-size: 13px; font-family:Tahoma, Arial;} #Messages #AlertBox {display:none;} #Messages #AlertBox p{background-color:#ffffd1; border: 1px solid #ffe983; text-align:center; padding:10px; margin: 12px auto 2px auto;} #Messages #MessageReplyAlertBox {display:none;} #Messages #MessageReplyAlertBox p{background-color:#ffffd1; border: 1px solid #ffe983; text-align:center; padding:10px; margin: 12px auto 2px auto;} #Messages #LoadingBox {background:url(../images/system/loader.gif) no-repeat center center;text-align:center; padding:5px; margin: 2px auto; visibility:hidden;} #Messages #InfoBox {background-color:#ffffd1; border: 1px solid #ffe983; text-align:center; height:250px; padding:10px; margin: 12px auto 2px auto; display:none;} #Messages #InfoBox p{line-height:250px;} #MenuBar .ico_msgs a, #MenuBar .ico_sent a, #MenuBar .ico_deleted a{display:inline-block; height:16px; line-height:16px; padding-left:25px; } #MenuBar .bold a{font-weight: bold;} #MenuBar a span {font-weight:normal;} #MenuBar .ico_msgs a{background: url(../images/system/msgs_inbox_16x16.png) no-repeat left center;} #MenuBar .ico_sent a{background: url(../images/system/msgs_sent_16x16.png) no-repeat left center;} #MenuBar .ico_deleted a{background: url(../images/system/msgs_trash_16x16.gif) no-repeat left center;} #msgToBox {width:160px; display:inline;} #msgToBox ul{width:307px; position:absolute; background:#fff; list-style:none; list-style-position: inside; margin:0; padding:0;} #msgToBox ul li{display:block; margin-top:0px;} #msgToBox ul li em { color:#333; font-weight: bold; font-style: normal;} #msgToBox ul li a:hover em{ color:#fff; font-weight: bold; font-style: strong;} #msgToBox ul .hl a em{ color:#fff; font-weight: bold; font-style: strong;} #msgToBox ul li a { text-decoration:none;color:#333; display:block; padding:3px; border-bottom:1px solid #ccc;} #msgToBox ul li a span { font-weight:normal; color:#999;} #msgToBox ul li a:hover, #msgToBox ul .hl a {color:#fff; font-weight:normal; background:#31343d; } #msgToBox input {border:1px solid #cdcdcd;padding:5px;vertical-align:top;width:295px;} #msgToBox-lkup { width:295px; display:none; position:relative; margin-left:80px;} #msgToBox a {font-size:12px;} /* END OF MESSAGES */ /* HOME */ #Index {font-family:Arial; font-size:12px; background:url('../images/system/background_1600x786.jpg') center top no-repeat #000; color:#fff; padding:40px 0 120px 0; margin: 0 auto;} #Index input[type='text'],#Index input[type='password'], #Login input[type='text'], #Login input[type='password'],#MiniRegistration input[type='text'], #MiniRegistration input[type='password'] {color: #999; font-style: italic; height: 18px; border: 1px solid #999; line-height: 18px; padding: 2px;} #Index .index_wrapper {margin: 0 auto; width: 875px; overflow: auto;} #Index #ClubList h2 {background:url('../images/system/register_list_title_bg_460x36.png'); width:460px; display:block; height:36px; line-height:36px; font-size: 16px; text-indent: 10px;} #Index #ClubList h2 span {color:#abff61; padding-right: 20px;} #Index #ClubList {position: relative;} #Index #ClubList span.option { padding:9px 15px 0 0; background-image:none; font-weight: normal; position: absolute; right:0;} #Index #ClubList span.option a {font-family: Tahoma; color:#999; font-size:10px;color: #999;} #Index:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #Index {display: inline-block;} * html #Index { height: 1%;} #Index {display: block;} #Top.public h1 {display: inline-block; height: 52px; padding: 25px 0 0 45px;} #Top.public #Login {float: right;height: auto; padding: 25px 25px 0 0;} #Top.public #Login label,#Top.public #Login a {color: #fff;} #Top.public #Login a.button3d{color: #31343d;} #Top.public div.bkgTop {width: 980px;} #Top.public {background-color: #31343d;} #Top.public #PromoPublic { width: 100%; background-color: #f2f2f2; color: #333;} #Top.public #PromoPublic p {width: 890px;padding: 10px 20px;margin: 0 auto;} #Top.public #PromoPublic span.button {width: 180px; display: inline-block;} #Top.public #PromoPublic span.promo_text {display: inline-block;vertical-align: top; line-height: 48px; margin-left: 20px;} #Top.public #PromoPublic span.promo_text, #Top.public #PromoPublic span.promo_text a {font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;} #Top.public #PromoPublic a.button3d {text-align: center; font-size: 12px; text-transform: uppercase; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px;} #IndexInput {width: 360px;float: right; color: #666; border: 1px solid transparent;} #IndexInput.step2 {width: 500px; border: 0 none; float: left;} #IndexInfo {width: 460px;float: left;} #IndexInfo.step2 {width: 370px;float: left;} #IndexInfo .logo_wrapper {height: 110px;} #IndexInfo h1 { padding: 0px 0 0 0; margin: 0;} #Login {height: 105px; padding: 0; margin: 0;} #Index #RegisterBanner {padding: 10px 0 0 0; height: 85px; margin: 0;} #Index ul {margin: 0 auto; text-indent: 10px;} #Index ul li {display: inline-block; margin-top: 5px;} #Login p {margin: 5px 0;} #Login span {width: 150px; display: inline-block;padding-right: 10px; text-align: left;} #Login label {padding: 0 0 0 3px; } #Login a {color: #666;} #Login a.button3d {color: #31343d;} #Login span+span {width: 100px; } #Login span+span+span {width: 70px; } #Login span input[type='text'] {width: 142px;} #Login span input.selected {background-color: #e4ffcb; border: 1px solid #87d044; color: #333;} #Login span+span input {width: 92px;} #Login span+span+span input {width: 60px;} #Index input, #IndexInput input {padding: 2px 4px ; border: 1px solid #999; margin: 8px 0 0 0;} #Index select {margin: 8px 2px 2px -3px; height: 20px; border: 1px solid #999;} #Index #ClubList {font-family: Arial;font-size: 13px; width: 460px; } #Index #ClubList table {display: block;width:420px; border-collapse: collapse;color:#fff; margin: 0 auto 20px auto;} #Index #ClubList table thead{visibility:hidden; font-size: 7px;} #Index #ClubList table thead tr th.th_position{width:20px;} #Index #ClubList table thead tr th.th_ico{width:18px; padding: 0 10px;} #Index #ClubList table thead tr th.th_name{width: 220px;} #Index #ClubList table thead tr th.th_hincha{width:130px;} #Index #ClubList table tbody {text-align: left;} #Index #ClubList table tbody tr { height:35px;} #Index #ClubList table tbody tr+tr {border-top:1px solid #222222;} #Index #ClubList table tbody td { font-weight: bold; vertical-align: middle;} #Index #ClubList table tbody td img {vertical-align: middle;} #Index #ClubList table tbody tr+tr td {font-weight: normal;} #Index #ClubList table tbody td.td_name {text-align:left;} #Index #ClubList table tbody td, .th_position {color: #7d7c7c; text-align: center;} #Index #ClubList table tbody td+td, .th_ico {color: #abff61; } #Index #ClubList table tbody td+td+td, .th_name {color: #e5e5e5;} #Index #ClubList table tbody td+td+td+td, .th_hincha {color: #999999; padding-right: 7px; text-align:right;} #Index #ClubList table tbody td span {margin-left: 7px;font-size: 10px; font-weight: normal;} #Index #RegistrationForm {font-size: 12px; color: #ccc; margin-bottom: 20px; position: relative;} #Index #RegistrationForm.step2 {border-top: 1px solid #2b2b2b; position: static; } #Index #RegistrationForm .reg_container {top:-24px; position:relative} #Index #RegistrationForm.step2 .reg_container {top:24px; position:relative} #Index #RegistrationForm .reg_separator {margin: 0 0 24px 0;} #Index #RegistrationForm p {padding: 0px 45px 25px 100px; text-align: center; color: #999; margin-top: -15px; } #Index #RegistrationForm p.step2 {padding:0 80px 20px 100px; margin: 0em;} #Index a {color: #abff61; } #Index #RegistrationForm label {width: 80px; display: inline-block; text-align: right; padding:0 10px;} #Index #RegistrationForm.step2 label {width: 120px; display: inline-block; text-align: right; padding:0 10px;} #Index #RegistrationForm input {width: 207px;} /*#Index #RegistrationForm.step2 input {width: 215px; padding: 0 10px;}*/ #Index #RegistrationForm fieldset {margin-top: 36px;} #Index #RegistrationForm.step2 fieldset {margin-top: 0;} #Index #RegistrationForm fieldset div#Team {position: relative;} #Index #RegistrationForm fieldset legend span {width: 360px;text-align: center; display: block; height: 36px; line-height: 36px; padding-bottom: 10px;font-size: 16px; font-family: Arial; font-weight: bold; color: #abff61;text-transform: uppercase;text-align: center;background:url('../images/system/register_form_title_bg_360x36.png') center top no-repeat; overflow:hidden;position: relative;top:-36px;} #Index #RegistrationForm fieldset span.error {margin-left: 100px;background:url('../images/system/ico_error.png') no-repeat 5px center #cc0000; width: 197px; padding: 1px 10px; text-indent: 5px; font-size: 11px; color: #f99; height: 20px; display: block; display: none;} #Index #RegistrationForm.step2 fieldset span.error {width: 217px;margin-left: 140px; overflow: hidden;} #Index #RegistrationForm fieldset span {color: #b6e177; height: 20px; display: inline-block; line-height: 20px; padding: 2px 0;} #Index #RegistrationForm fieldset span.info {color: #666; font-size: 11px; padding: 0px; width: 235px;height: 17px; overflow: hidden;} #Index #RegistrationForm fieldset span.info a {font-size: 11px;} #Index #RegistrationForm fieldset span a, #Index #RegistrationForm fieldset span.extra {font-size: 10px; color: #999;} #Index #RegistrationForm fieldset #SuggestBox {border: 1px solid #999; width: 219px; background-color: #292929; position: absolute;top:26px; left:102px; padding: 0px;} #Index #RegistrationForm fieldset #SuggestBox ul li:hover{background-color: #191919;} #Index #RegistrationForm fieldset #SuggestBox ul li:hover a{color: #c3ff6a; text-decoration: none;} #Index #RegistrationForm fieldset #SuggestBox li {padding: 4px 0 4px 5px; border-bottom: 1px solid #999;} #Index #RegistrationForm fieldset #SuggestBox li a { color: #ccc;} #Index #RegistrationForm fieldset span a:hover {color: #abff61;} #Index #RegistrationForm fieldset input.selected {background-color: #e4ffcb; border: 1px solid #87d044; color: #333;} #Index #RegistrationForm fieldset div.captcha {margin: 0px 0;} #Index #RegistrationForm fieldset div.captcha label {vertical-align: top;} #Index #RegistrationForm fieldset div.captcha input {width:80px; height:24px; vertical-align:top; font-size: 18px; line-height: 24px; text-align: center; margin: 0 5px 0 0;} #Index #RegistrationForm fieldset div.captcha img {margin-left: -4px; margin-right: 4px; vertical-align: top;} #Index #RegistrationForm fieldset div.captcha span { position:relative; width:120px; line-height:normal; font-size: 10px; color: #999; top:-4px; } #Index #RegistrationForm fieldset div.captcha span a {color: #abff61;} #Index #RegistrationForm .reg_crest {display:inline-block; margin-left:30px;height:55px; background-repeat:no-repeat; background-position:left top;} #Index #RegistrationForm .reg_submit {background: url('../images/system/button_register_standard.png') 10px center no-repeat; width: 220px; height: 39px; font-size: 13px; text-transform: uppercase; font-weight: bold; padding: 20px 0 0 10px; display: block; text-align: center; margin: 0 0 0 55px; overflow: auto;} #Index #RegistrationForm a.reg_submit {color: #fff; line-height: normal;} #Index #RegistrationForm a.reg_submit:hover {text-decoration: none;} #Index #RegistrationForm .reg_submit_ok {background: url('../images/system/button_register_allok.png') 10px top no-repeat;} #Index #RegistrationForm div.step2 {margin:25px 0 25px 53px;} #Index #RegistrationForm a.reg_submit_ok {color: #000; display: block; padding: 0px; width: 240px; padding: 15px 0px; text-align: center; line-height: 12px;} #Index #RegistrationForm.step2 span {line-height: 12px;} #Index #RegistrationForm .reg_submit_ok:hover {color: #000;} #Index #RegistrationForm a span {text-transform: none; color: #000;} #MiniRegistration {padding: 15px 30px; background-color: #31343d;} #MiniRegistration h3 {color: #adfc65; font-family: Arial; font-weight: bold; font-size: 13px;} #MiniRegistration label {display: block; color: #909090; font-size: 11px; font-family: Tahoma; padding-bottom: 3px;} #MiniRegistration input { width: 185px;} #MiniRegistration a {width: 160px; text-align: center;-webkit-user-select: none;-moz-user-select:none;font-family: Verdana; font-size: 12px; padding-top: 5px; padding-bottom: 5px; } #MiniRegistration p {margin-top: 15px;} #MiniRegistration input.selected {background-color: #e4ffcb; border: 1px solid #87d044; color: #333;} .blackbox {/*border-top: 1px solid #2b2b2b;*/border-left: 1px solid #2b2b2b;border-right: 1px solid #000;border-bottom: 1px solid #000;background: url('../images/system/boxes_background_color_1x1.png') repeat transparent;} #Index #Tour {padding: 20px 20px; border-top: 1px solid #2b2b2b; } #Index #Tour .tour_logo {float: left; margin-right: 10px;} #Index #Tour p {margin: 4px 0;} #Index #Tour p a {color: #abff61;} #Index #ClubInfo {width: 368px; text-align: center; font-family: Arial;-webkit-border-radius:2px;-moz-border-radius:2px;color: #31343d;border:1px solid;border-top-color:#5c5f68;border-right-color: #12171b;border-bottom-color: #12171b;border-left-color: #5c5f68;background: url('../images/system/teambox_gradient_optional.png') left top no-repeat #31343d; background-color: rgba(49,52,61,0.7); border-top-color: rgba(92,95,104,0.7); border-left-color: rgba(92,95,104,0.7); border-right-color: rgba(18,23,27,0.7); border-bottom-color: rgba(18,23,27,0.7); } #Index #ClubInfo dl {color: #adfc65; padding-bottom: 30px;} #Index #ClubInfo dl dd img{padding: 0px 0 0 0;} #Index #ClubInfo dl dt{padding: 10px 0 10px 0; font-size: 26px; font-weight: bold; border-bottom: 2px solid #909090; display: inline-block; margin-bottom: 10px;} #Index #ClubInfo dl dd {margin: 16px auto; font-size: 12px; color: #adfc65; font-family: Verdana; font-weight: bold;} #Index #ClubInfo dl dd label {color: #909090;padding-right: 5px; font-weight: normal;} #Index #RegisterBanner p {font-size: 20px; font-family: Arial; color: #d2ff30; font-weight: bold; padding-left: 55px;} #Index #RegisterBanner p span {color: #bfff73;} #Index #RegisterBanner p span a.clubname {color: #d2ff30; font-size: 1.2em;} #Activation.blackbox.step3 {border-top: 1px solid #2B2B2B;} #IndexInfo.step3{width: auto;} #IndexInput.step3 {float: left;} #IndexInput.step3 #RegisterBanner {height: 100px; width: 420px;} #Activation.step3 {width: 420px;height: 345px;} #Activation {text-align: center;font-size: 12px; color: #ccc; padding: 40px 25px;} #Activation p {padding: 15px; display: block;border: 1px solid #2b2b2b; color: #fff; font-style: normal; font-family: Arial; background-color: #000; margin: 15px 0;} #Activation p {line-height: 1.4em; font-size: 18px; margin: 0 0 40px 0;} #Activation h2 {font-size: 22px; color: #abff61; margin: 0 0 40px 0;} #Activation small {font-size: 14px;} #FooterIndex {background: url('../images/system/register_footer_top_1x17.gif') #111212 center top repeat-x; height: 90px; font-family: Verdana; font-weight: normal;font-size: 11px; margin-top: -90px; position: relative; clear: both;} #FooterIndex, #FooterIndex a {color: #4d4d4d;} #FooterIndex p {float: left;padding-left: 35px; padding-top: 30px;} #FooterIndex ul {float: right; padding-right: 35px; padding-top: 30px;} #FooterIndex ul li{display: inline;} #FooterIndex * a, #FooterIndex a * {color: #999;} #FooterIndex .outsidelinks{margin:0 auto;padding-top:15px; padding-right:35px; text-align:right; clear:both;} #FooterIndex .outsidelinks a+a{margin-left:10px;} #Index #Unavailable {clear: both; height:500px;} #Index .unavailable { border: 5px solid #010101; font-family: Arial; } #Index .unavailable h4 {text-align: center; color: #abff61; margin-bottom: 30px; font-size: 18px;} #Index .unavailable h2 {text-align: center; color: #abff61; margin-bottom: 30px; font-size: 25px;} #Index .unavailable h3 {font-weight: normal; margin-bottom: 20px;} #Index .unavailable ul {margin: 0; padding: 0; text-indent: 0; list-style-type: disc; color: #999; margin-left: 15px;} #Index .unavailable p {text-align: center; color: #999; font-size: 14px;} #Index .unavailable ul li {display: list-item;padding-left: 0px; margin: 20px 0; font-size: 13px;} #Index .unavailable .message {border: 1px solid #333;padding: 50px 170px;} /* END OF HOME */ /* FULL LOGIN */ #FullLogin h3 {width: 100%; border-bottom: 1px solid #ccc; color: #333; margin: 20px 0; padding-bottom: 5px; font-size: 16px;} #FullLogin .error {background: url(../images/system/alert.png) 15px center no-repeat #ffffd1;border: 1px solid #ffe983;text-align: left; padding: 20px 10px 20px 80px; margin: 20px 0 0px 0; clear: both; } #FullLogin label {font-size: 14px; font-weight: bold; line-height: 25px;} #FullLogin fieldset { width: 40%; margin: 25px auto 0 auto;} #FullLogin input {border: 1px solid #ddd; padding: 3px; color: #333; width: 96%;} #FullLogin input {font-size: 20px; padding: 2%;;} #FullLogin .forgot {float: right; line-height: 25px; font-size: 11px;} #FullLogin .actions input {width: auto; margin: 8px;} #FullLogin .actions {float:right;text-align:center; margin-top: 20px; margin-left: 30px;} #FullLogin .actions span {font-size: 9px;} #FullLogin .button3d {min-width: 80px; font-size: 14px;} #FullLogin hr {margin: 30px 0; border: 0 none; height: 0px;} /* END OF FULL LOGIN */ /* ADS */ .ad {font-size: 11px; margin-left: 5px;} .adContent{text-align:center;} .ad a {font-weight: bold;} .ad .title {height: 20px; line-height: 20px;padding: 0 5px; font-family: Verdana, Tahoma;background: #f8f8f8;} .ad .title p {font-weight: bold;color: #333;} #Ad .ad img {border: 3px solid #ccc;} /* ================= END OF ADD ONS =================*/ /* POPUPS */ .popup .avatar {z-index: 120; position: relative; margin-left: 5px;} .popup {font-family: Tahoma; font-size: 12px;} .popup .footer {border-top: 1px solid #ddd;} .popup .header {border-top: 1px solid #ddd; background-color: #ddd;} .alternative {background-color: #eaeaec;} .alternative .footer {border-top: 0 none;} .popup h4 {font-family: Verdana; font-size: 12px; background-color: #31343d; color: #adfc65; height: 24px; line-height: 24px; text-indent: 5px; } .popup .inner {padding: 25px 0; text-align: center;} .popup .inner span {color: #999;} .popup .inner .extra {margin: 10px 0; color: #3f63bb; font-weight: bold;} .popup .img {padding: 5px 0;} .popup .inner p.msg {text-align: left; padding: 0 20px; overflow: auto;} .popup .inner fieldset {text-align: left;} .popup .inner fieldset p {margin: 10px 0;} .popup .inner fieldset p.message-info {margin-left: 80px; font-style: italic; color: #666;} .popup .inner fieldset label {width: 70px; display: inline-block; text-align: right; padding-right: 10px; height: 25px; line-height: 25px;} .popup .inner fieldset span {color: #000;} .popup .inner fieldset input, .popup .inner fieldset textarea {width: 295px; border: 1px solid #cdcdcd; vertical-align: top; padding: 5px; } .popup .inner fieldset textarea {height: 90px;font-family: Tahoma, Arial, Verdana; font-size:13px;} .popup p span.progress {background: url('../images/system/loader.gif') left center no-repeat; padding-left: 20px; font-size: 12px; font-weight: bold; font-family: Verdana; color: #666;} .footer {padding: 5px 20px;background: #eaeaec;} .popup ul li {display: inline;} .popup ul a {font-family: Verdana; display: inline-block; height: 23px; color: #585858; line-height: 23px; text-decoration: none; padding: 0 10px;background-color: #f2f2f2; font-size: 10px;border-bottom: 1px solid #676767;border-right: 1px solid #999999;border-left: 1px solid #f4f4f6;border-top: 1px solid #f8f8f8;} .popup ul a.ok {background-color: #31343d; color: #adfc65;border-top: 1px solid #8289a3;border-left: 1px solid #545b85;border-right: 1px solid #161f3e;border-bottom: 1px solid #0f152f;} .popup #report p{text-align: left; padding: 20px; line-height: 25px; font-weight: bold;} .popup #report p span {font-weight: normal;} .popup #report select {padding: 4px; border: 1px solid #ccc; width: 100%;} .flatButton {font-family: Verdana; display: inline-block; height: 23px; line-height: 23px; text-decoration: none; padding: 0 10px; font-size: 10px; background-color: #31343d; color: #adfc65; border-top: 1px solid #8289a3; border-left: 1px solid #545b85; border-right: 1px solid #161f3e; border-bottom: 1px solid #0f152f; margin-right:5px;} .popup div.close a {font-family: Verdana; font-size: 12px; color: #64a200; font-weight: bold;} .popup p.warning, .popup p.success {text-align: left; padding: 20px 10px; padding-left: 75px; margin: 15px;} .popup p.warning {background: url(../images/system/alert.png) 15px center no-repeat #ffffd1;border: 1px solid #ffe983; } .popup .inner fieldset p.warning {margin-left: 80px; text-align: center; background: none;border: 1px solid #ffe983; background:#ffffd1; padding: 10px; font-weight: bold; font-family: Verdana; font-size: 10px; width: 285px;} .popup span.warning {text-align: left; padding: 10px; } .popup p.success {background: url(../images/system/check.png) 25px center no-repeat #fff;border: 1px solid #ccc; } .popup .close {text-align: center; padding: 10px 0 20px 0;} .popup .image img {vertical-align: top;} .popup .pronostic_invite {background-color:#fff; border-bottom: 1px solid #ccc;} .popup .pronostic_invite p {margin: 0 auto; width: 90%; padding:10px;} .popup .pronostic_invite input {padding:5px; width: 90%; margin:5px auto 10px auto; background-color:#ffffd1; border: 1px solid #ccc; display:block;} #invite.fixedwidth table {width:600px;} #invite div.footer {height: 40px; position: relative; padding-top: 20px;} #invite div.footer label {font-size: 11px;} #invite.popup .footer p {width: 50%; float: left; text-align: left; margin-left: 10px; top:50%;} #invite.popup div.footer p input {position: absolute; top:50%; left:10px;} #invite.popup .inner table {text-align: left;} #invite.popup .inner table {border-collapse: collapse;border-spacing: 0 0px; font-family: Arial, Helvetica, sans-serif;} #invite.popup .inner table th.checkbox_td {width: 40px;} #invite.popup .inner table th.name_td {width: 180px;} #invite.popup .inner table th.email_td {width: 195px;} #invite.popup .inner table tr td {padding: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} #invite.popup .inner table .pagination {font-size: 11px;} #invite.popup .inner table .pagination a {padding: 0 3px;} #invite.popup .inner table tr.selected {background: #e0feb0;} #invite.popup .inner table tr.selected td {font-weight: bold;} #invite.popup .inner table tr td {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;} #invite.popup .inner.header {background-color: #fff; padding: 0;} #invite.popup .header p{background-color: #f2f2f2; padding: 10px; text-align: left; font-size: 11px;} #invite.popup .error {text-align: left;border: 1px solid #ffe983;padding: 20px 10px; padding-left: 75px; margin: 15px;} / /* END OF POP UPS */ /* auto complete */ .autocomplete-w1 {background: #ccc; position:absolute; top:0px; left:0px; margin:2px 0 0 2px;z-index: 10000000000; /* IE6 fix: */ _background:none; _margin:0; } .autocomplete { color:#333; border:1px solid #ccc; background:#fff; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-0px 2px 2px -2px; z-index: 10000000000;/* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#31343d; color:#adfc65;} .autocomplete div { padding:5px 10px; white-space:nowrap; z-index: 10000000000; border-bottom:1px solid #ccc;} .autocomplete strong { font-weight:strong; color:#333; } .autocomplete .selected strong { font-weight:strong; color:#adfc65;} .autocomplete span { font-weight:normal; color:#999;} .autocomplete .selected span { font-weight:normal; color:#909090;} /*ChooseCountryTop by rolo*/ #ClubList span.option .chooseCountryTop {width:150px; padding:2px; height:22px; margin:-4px -10px 0 0; background-color: #e4ffcb; border: 1px solid #87d044; color: #333; font-size:11px;} #Static { font-family: Tahoma;color: #333; font-size: 13px;} #Static h2 {font-size: 16px;margin: 5px 0; padding-bottom: 3px;color: #666;border-bottom: 1px solid #ccc;} #Static .date {float: right; font-size: 11px; font-family: Verdana;} #Static dl{margin-top: 30px; padding-bottom: 75px; } #Static dt {font-weight: bold;font-size: 14px; list-style-type: decimal; font-family: Arial;color: #31343d; } #Static dd {margin: 15px 0 35px 0; line-height: 1.4em;} #Static p {margin: 1.2em 0;} #Welcome {font-family: Arial; color: #333;} #Welcome h3 {font-size: 20px;} #Welcome h4 {font-size: 20px;font-weight: normal;} #Welcome p {font-size: 13px;} #Welcome img {float: left; margin-right: 20px;} #Welcome .item { border-bottom: 13px solid #f2f2f2; padding: 25px 40px 25px 0; } #Welcome .item h2 {font-size: 16px; font-weight: normal;} #Welcome .item h2 a {font-weight: bold;} #Welcome .info {padding-left: 10px;} #Welcome .info a{color: #999;} #Welcome .item p {margin: 10px 0; color: #666;} #Welcome .item .button3d { color:#adfc65; background-color:#31343d ; border: 0 none; padding: 10px 20px; font-size: 11px; min-width: 120px; text-align: center;} #Welcome .item .button3d:active {color: #999;} #tags { width:261px; background:#ccc; border:1px solid #fff;} #tagbox {width:261px;} #tagbox ul { position:absolute; background:#000; list-style:none; list-style-position: inside; margin:0; padding:0;} #Stats .stats_filter #tagbox ul li {width:261px; border-left:1px solid #333; border-right:1px solid #333; float: none; height: 25px; text-align:left;} #tagbox ul li em { color:#cf3; font-weight: bold; font-style: normal;} #tagbox ul li a { text-decoration:none;color:#fff; display:block; padding:5px; border-bottom:1px solid #333;} #tagbox ul li a:hover, .hl { background:#333;} #tagbox input { width:100%; height: 1.5em; padding: 2px 0px 0px 0px;} #tagbox-lkup { width:100%;} #statsByTeam { width:215px; background:#ccc; border:1px solid #ccc;} #statsByTeamBox {width:215px;} #statsByTeamBox ul { position:absolute; background:#fff; list-style:none; list-style-position: inside; margin:0; padding:0;} #Stats .stats_filter #statsByTeamBox ul li {width:215px; border-left:1px solid #ccc; border-right:1px solid #ccc; float: none; height: auto; text-align:left;} #statsByTeamBox ul li em { color:#333; font-weight: bold; font-style: normal;} #statsByTeamBox ul li a:hover em{ color:#fff; font-weight: bold; font-style: normal;} #statsByTeamBox ul .hl a em{ color:#fff; font-weight: bold; font-style: normal;} #statsByTeamBox ul li a { text-decoration:none;color:#333; display:block; padding:5px; border-bottom:1px solid #ccc;} #statsByTeamBox ul li a span { font-weight:normal; color:#999;} #statsByTeamBox ul li a:hover, #statsByTeamBox ul .hl a {color:#fff; font-weight:normal; background:#31343d; } #statsByTeamBox input { width:100%; height: 1.5em; padding: 2px 0px 0px 0px;} #statsByTeamBox-lkup { width:100%;} #statsByCountry { width:215px; background:#ccc; border:1px solid #ccc;} #statsByCountryBox {width:215px;} #statsByCountryBox ul { position:absolute; background:#fff; list-style:none; list-style-position: inside; margin:0; padding:0;} #Stats .stats_filter #statsByCountryBox ul li {width:215px; border-left:1px solid #ccc; border-right:1px solid #ccc; float: none; height: auto; text-align:left;} #statsByCountryBox ul li em { color:#333; font-weight: bold; font-style: normal;} #statsByCountryBox ul li a:hover em{ color:#fff; font-weight: bold; font-style: normal;} #statsByCountryBox ul .hl a em{ color:#fff; font-weight: bold; font-style: normal;} #statsByCountryBox ul li a { text-decoration:none;color:#333; display:block; padding:5px; border-bottom:1px solid #ccc;} #statsByCountryBox ul li a span { font-weight:normal; color:#999;} #statsByCountryBox ul li a:hover, #statsByCountryBox ul .hl a {color:#fff; font-weight:normal; background:#31343d; } #statsByCountryBox input { width:100%; height: 1.5em; padding: 2px 0px 0px 0px;} #statsByCountryBox-lkup { width:100%;} /* By lito */ #SquadAddFan {width:300px;} #SquadAddFan a{height:52px; width: 230px; padding: 0; padding: 18px 0 0 70px;; } #SquadAddFan .reg_crest {background-repeat:no-repeat; background-position:left top; background-position: 5px 5px;} /* SEARCH MESSAGE */ #SearchMsg p {font-size: 13px;color: #666; width: 691px; padding:5% 5%; margin-top: 5px; text-align: center; border: 1px solid #ccc;background-color: #f8f8f8;} /* END OF SEARCH MESSAGE */ /* START OF PENCAS */ #PencasTop{ background:#31343d; position:relative; height:125px; position:relative; margin-bottom:20px;} #PencasTop img{ position:absolute; margin:10px 0 10px 12px; z-index:100;} #PencasTop .title{ margin-left:145px; color:#adfc65; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; line-height:20px; margin-top:25px; position:absolute;} #PencasTop .title h3{ font-size:25px; font-weight:bold; padding:0;} #PencasTop .title span{ color: #909090; font-size:12px;} #PencasTop .score{ position:absolute; right:30px; top:40px; padding:10px; width:100px; height:70px; background-color:#b4fd3e; font-size:11px; line-height:20px; text-align:center; z-index:100; color:#31343d;;} #PencasTop .switcher{ position:absolute; right:30px; padding:10px; width:100px; z-index:100; color:#67591c; font-size:11px; text-align:center;} #PencasTop .switcher a{ color:#adfc65;} #PencasTop .score p span{ color:#31343d; font-weight:bold;} #PencasTop #NavBar{ background-color:#b4fd3e; height:30px; position:absolute; top:100px; width:100%; border-top:1px solid #dafe9f;} #PencasTop #NavBar ul{ margin-left:145px; padding-top:8px; position:relative; z-index:200;} #PencasTop #NavBar ul li{float:left; font-weight:bold;font-size:11px;font-family:Tahoma, Geneva, sans-serif; color:#31343d; } #PencasTop #NavBar ul li a{color:#31343d;} #PencasTop #NavBar ul li a:hover{ color:#31343d; } #PencasTop #NavBar ul li+li{float:left; margin-left:50px;} .toprnd{-moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px;-moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px;} .bottomrnd{-moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px;-moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px;} #PencaContent{width:769px; float:left; margin-right:10px; margin-bottom:30px; } #PencaContent #PencaBox{ width:368px; background-color:#f0f0f0; float:left; padding:0; position:relative;min-height:351px;} #PencaContent #PencaBox .emptybox {margin:120px auto 0 auto; padding:10px;text-align:center;} #PencaContent #PencaBox+#PencaBox{margin-left:20px;} #PencaContent #PencaBox .BoxTopLinks{float:right; margin-top:8px; font-family:Tahoma, Geneva, sans-serif; color:#909090 } #PencaContent #PencaBox .BoxTopLinks a{font-size:11px; color:#adfc65; margin:0 10px;} #PencaContent #PencaBox h4{ background-color:#333; padding:7px; color:white; text-transform:uppercase; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-bottom:22px solid #ccc;} #PencaContent #PencaBox .tPartidos{border-spacing:5px; width:100%; text-align:center; position:relative; top:-25px; margin-bottom:-20px;*border-collapse: expression('separate', cellSpacing = '5px'); /* hack is needed for IE7 also */} #PencaContent #PencaBox .tPartidos thead{} #PencaContent #PencaBox .tPartidos th{padding:2px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; font-size:11px; color:#666;} #PencaContent #PencaBox .tPartidos tbody{background-color:white; } #PencaContent #PencaBox .tPartidos tbody td{ border:1px solid #ccc; border-radius:3px; height:28px; padding:0 5px; vertical-align:middle; text-align:center; } #PencaContent #PencaBox .tPartidos tbody td p{float:left;vertical-align:middle; font-weight:normal; width:60px; text-align:left; } #PencaContent #PencaBox .tPartidos tbody td p+span{ float:left; text-align:center; display:block; margin:0;width:50px; } #PencaContent #PencaBox .tPartidos tbody td span+p{float:left; text-align:right; right:0} #PencaContent #PencaBox .tPartidos tbody td{ color:#666; } #PencaContent #PencaBox .tPartidos tbody td+td{color:#333; line-height:24px; font-weight:bold; width:170px; } #PencaContent #PencaBox .tPartidos tbody td+td img{ vertical-align:middle; position:relative; top:-1px } #PencaContent #PencaBox .tPartidos tbody td+td+td { font-weight:bold;color:#666; text-align:right; width:55px;} #PencaContent #PencaBox .tPartidos tbody td+td+td img{ top:-2px; } #PencaContent #PencaBox .tPartidos tbody td+td+td span+span{font-size:10px; font-weight:normal;margin-left:3px; width:auto; display:inline; float:none;} #PencaContent #PencaBox .tPartidos tbody td+td+td span{ display:block; float:left; width:40px; text-align:center; } #PencaContent #PencaBox .tPartidos .tdAlert { background-color:#FF9;} #PencaContent .bold { font-weight:bold;} #PencaContent #PencaBox .tPartidos .locked{ background:url(../images/pencas/penca_lock_12x12.png) no-repeat #fff;background-position:48px center;} #PencaContent #PencaBox .tPartidos .completed{ background:url(../images/pencas/penca_ok_12x12.png) no-repeat #fff;background-position:48px center;} #PencaContent #PencaBox .tPartidos .uncompleted{ background:url(../images/pencas/penca_edit_12x12.png) no-repeat #FF9;background-position:48px center;} #PencaContent #PencaBox .tPartidos .gold { background:url(../images/pencas/pencas_medal_gold_15x15.png) no-repeat #7bbb67;color:white;} #PencaContent #PencaBox .tPartidos .silver { background:url(../images/pencas/pencas_medal_silver_15x15.png) no-repeat #62a1d1;color:white;} #PencaContent #PencaBox .tPartidos .nomedal { background:url(../images/pencas/pencas_nomedal_15x15.png) no-repeat #e3e3e3;color:#999;} #PencaContent #PencaBox .tPartidos .gold,#PencaContent #PencaBox .tPartidos .silver,#PencaContent #PencaBox .tPartidos .nomedal{background-position:45px center; width:70px;} #PencaContent #PencaBox .tPartidos a{ color:#666;} #PencaContent #PencaBox .tPartidos a:hover{ text-decoration:none;} #PencaContent .PencaHR{clear:both; padding:10px; } #PencaContent #PencaBox .tRanking{border-spacing:0; width:100%; text-align:center; position:relative; top:-25px; margin-bottom:-25px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; font-size:11px; *border-collapse:collapse;} #PencaContent #PencaBox .tRanking th{padding:7px; color:#666; text-align:right; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; font-size:11px;} #PencaContent #PencaBox .tRanking th+th{ text-align:left;} #PencaContent #PencaBox .tRanking th+th+th{ text-align:right;} #PencaContent #PencaBox .tRanking th+th+th+th{ text-align:center;} #PencaContent #PencaBox .tRanking td{width:15px;text-align:right; padding:7px; border-bottom:1px solid #c0c0c0; color:#333; vertical-align:middle;} #PencaContent #PencaBox .tRanking td+td{width:auto; text-align:left;} #PencaContent #PencaBox .tRanking td+td+td{width:50px; text-align:right; color:#333; } #PencaContent #PencaBox .tRanking td+td+td+td{ text-align:center; padding:0 5px;} #PencaContent #PencaBox .tRanking img {margin-top:2px;} #PencaContent #PencaBox .tRanking .lastChild td{border:none; padding-bottom:10px; background:red;} #PencaContent #PencaBox .tRanking .tRankingOwner { font-weight:bold; background-color:#b4fd3e; } #PencaContent #PencaBox .tRanking .tRankingOwner td{color:#31343d;} #PencaContent #PencaBox .tRanking .tRankingOwner td a{color:#31343d;} #PencaContent #PencaBox .tGroups{border-spacing:0px 0px; width:100%; text-align:center; position:relative; top:-25px; margin-bottom:-25px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; font-size:11px;} #PencaContent #PencaBox .tGroups th{padding:7px; color:#666; text-align:left; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; font-size:11px;} #PencaContent #PencaBox .tGroups th+th{ text-align:center;} #PencaContent #PencaBox .tGroups td{ text-align:left;padding:7px;border-bottom:1px solid #c0c0c0; color:#333; font-weight:bold;} #PencaContent #PencaBox .tGroups td+td{ text-align:center; width:70px;} #PencaContent #PencaBox .tGroups tr:last-child td{border:none; padding-bottom:10px;} #PencaContent #PencaBox .tGroups th:first-child{padding:7px 7px 7px 10px; } #PencaContent #PencaBox .tGroups td:first-child{padding:7px 7px 7px 10px; } #PencaContent #PencaBox .GroupsWarning{margin:100px auto; width:70%; text-align:center; background-color:white; border:1px solid #ccc; padding:15px; } #PencaContent #PencaBox table tr .tDiv {height:8px; border-top:1px solid white; border-bottom:1px solid white; background-color:#CCC; padding:0;} #PencaContent .tBottom {height:5px;border-top:1px solid white;background-color:#CCC; position:absolute; width:100%; bottom:0; } #PencaContent #Stats .stats_filter .ul .li fieldset{width:220px;} /*#PencaContent #Stats .stats_filter .ul .li fieldset select{ padding:2px;} #PencaContent #Stats .stats_filter .ul .li fieldset input{ padding:2px 4px;}*/ #PencaContent #PencasRanking{ background-color:#efefef; /*margin-top:20px;*/ } #PencaContent #PencasRanking h3 {height: 65px; font-size:20px; text-indent: 70px; color:#333; font-family: Arial; text-align: left; background-color: #efefef; background-position: 10px center; background-repeat: no-repeat; width:57%; overflow:hidden;} #PencaContent #PencasRanking h3.global {background-image: url('../images/system/stats_ico_world_39x39.png'); height: 55px; line-height: 55px; text-indent:55px;} #PencaContent #PencasRanking h3.group {background-image: url('../images/system/stats_ico_group_39x39.png'); height: 55px; line-height: 55px; text-indent:55px;} #PencaContent #PencasRanking .tRankingTop {height:30px; background-color:#333;} #PencaContent #PencasRanking .tRankingBottom {height:55px; border-top:1px solid white;} #PencaContent #PencasRanking table{position:relative; top:-25px; margin-bottom:-25px; width:100%; text-align:left;font-size:12px;border-spacing:0px 0px; border-bottom:2px solid #ccc; padding-bottom:5px;} #PencaContent #PencasRanking table th{color:white; padding:5px 5px 5px 10px;font-size:11px;} #PencaContent #PencasRanking table td{padding:5px 5px 5px 10px; border-bottom:1px solid #ccc; vertical-align:middle; height:20px; line-height:20px; background-repeat:no-repeat; background-position:10px 50%; } #PencaContent #PencasRanking table tr:last-child td{border:none;} #PencaContent #PencasRanking table tr:first-child td{padding-top:10px;background-position:10px 70%; } #PencaContent #PencasRanking table .ColRank{width:20px; text-align:right;} #PencaContent #PencasRanking table .ColUser{width:200px;} #PencaContent #PencasRanking table .ColPoints{text-align:right;width:60px;padding:5px 30px 5px 0;} #PencaContent #PencasRanking table .ColTeam,#PencaContent #PencasRanking table .ColCountry{text-align:left;width:auto; font-size:11px;} #PencaContent #PencasRanking table .ColTeam a,#PencaContent #PencasRanking table .ColCountry a{padding:5px 0 5px 23px; font-weight:normal;} #PencaContent .pagination {display: block; line-height: 23px; padding: 10px 0 0 0; font-size: 11px; font-weight: normal; float:right; margin:5px 8px 0 0;} #PencaContent .pagination ol {display:block; border: 1px solid #999;background-color: #fff;height: 22px; padding:0 5px; float:left; } #PencaContent .pagination ol li {display: inline; text-align: center; } #PencaContent .pagination ol li a {padding: 0 5px;} #PencaContent .pagination button {cursor: pointer; margin: 0 5px; float:left;} #PencaContent .pagination .current {font-weight: bold;} #PencaContent .pagination button.prev[disabled] {cursor: default; background: url(../images/system/paginado_left_24x24_disabled.png) no-repeat;} #PencaContent .pagination button.prev { background: url(../images/system/paginado_left_24x24.png) no-repeat; width: 24px; height: 24px; vertical-align: top;} #PencaContent .pagination button.next[disabled] {cursor: default; background: url(../images/system/paginado_right_24x24_disabled.png) no-repeat;} #PencaContent .pagination button.next { background: url(../images/system/paginado_right_24x24.png) no-repeat; width: 24px; height: 24px; vertical-align: top;} #PencaContent #UserBox{ background-color:#31343d; margin-bottom:20px; padding:10px; overflow:auto; position:relative;} #PencaContent #UserBox .avatar{border:2px solid #ccc;} #PencaContent #UserBox .user_info{ width:280px; position:absolute; left:170px; height:140px; top:15px;} #PencaContent #UserBox .user_info h2{ color:#fff; display:inline; margin-right:10px;} #PencaContent #UserBox .user_info .quote{ color:#909090; display:block; overflow:hidden; margin:5px 0 10px 0;} #PencaContent #UserBox .user_info label+span{ color:#fff;} #PencaContent #UserBox .user_info label,#PencaContent #UserBox .user_info span,#PencaContent #UserBox .user_info span a{ color:#909090;} #PencaContent #UserBox .user_info span a:hover{ color:#adfc65;} #PencaContent #UserBox a{color:#adfc65} #PencaContent #UserBox .actions {position:absolute; bottom:2px; border-top:1px solid #4a4e59; padding-top:10px;} #PencaContent #UserBox .actions a {background-position: 5px center;background-repeat: no-repeat;font-weight: normal;font-size: 11px; padding: 4px 10px 4px 10px; background-color: #4a4e59; border: 1px solid #5c5f68; display: inline-block; margin-right: 5px; color:} #PencaContent #UserBox .actions a.ico_friend {text-indent: 15px; text-align: left;background-image: url(../images/system/ico_addfriend_18x18.png); } #PencaContent #UserBox .actions a.ico_msg {text-indent: 15px; text-align: left;background-image: url(../images/system/msgs_sent_16x16.png);} #PencaContent #UserBox .actions a.ico_remove {text-indent: 7px;text-align: left;background-image: url(../images/system/ico_remove_10x10.png);background-position: 4px center;} #PencaContent #UserBox .actions a.ico_follower {text-indent: 7px;text-align: left;background-image: url(../images/system/ico_addsimpatizante_18x18.png);background-position: 4px center;} #PencaContent #UserBox .actions span {background-position: 5px center;background-repeat: no-repeat;font-weight: normal;font-size: 11px; padding: 4px 10px 4px 10px; background-color: #4a4e59; border: 1px solid #5c5f68; display: inline-block; margin-right: 5px;} #PencaContent #UserBox .user_score{ width:260px; position:absolute; right:20px; top:20px;} #PencaContent #UserBox .user_score p{ height:45px; text-align:center; padding:10px; background-color:#adfc65; color:#31343d; line-height:45px; text-transform:uppercase; font-weight:bold;} #PencaContent #UserBox .user_score div{margin-top:10px; text-align:center;} #PencaContent #UserBox .user_score div img{margin:0 2px;} #PencaContent #UserBox .crest{ width:55px; height:55px; display:block; position:absolute; left:-2px; top:-2px; z-index:100;} #PencaContent #MatchFilter h4,#PencaContent #MatchList h4{height:25px; background-color:#333; color:#fff; line-height:25px; text-align:center; text-transform:uppercase; border-bottom:25px solid #ccc; font-size:12px;} #PencaContent #MatchFilter,#PencaContent #MatchList{ background-color:#f0f0f0; padding-bottom:30px; overflow:auto; clear:both;} #PencaContent #MatchFilter .legend{ font-size:10px; text-align:center; text-transform:lowercase; height:16px; margin-bottom:5px;position:relative; top:-20px; margin-bottom:-5px; } #PencaContent #MatchFilter .legend span{margin:0 10px; color:#666; vertical-align:bottom; line-height:16px;} #PencaContent #MatchFilter .legend span img{margin-right:3px;} #PencaContent #MatchFilter .FilterOption{text-align:center; overflow:auto; position:relative;} #PencaContent #MatchFilter .FilterOption span, #PencaContent #MatchFilter .FilterOption a{height:25px; background:#FFF; border:1px solid #ccc; display:inline-block; text-align:center; line-height:25px; font-size:11px; font-weight:bold; color:#333; margin:3px 2px; border-radius:5px; padding:0 15px;} #PencaContent #MatchFilter .FilterOption .locked{ background:url(../images/pencas/penca_lock_12x12.png) no-repeat #fff;background-position:32px center;} #PencaContent #MatchFilter .FilterOption .completed{ background:url(../images/pencas/penca_ok_12x12.png) no-repeat #fff;background-position:32px center;} #PencaContent #MatchFilter .FilterOption .uncompleted{ background:url(../images/pencas/penca_edit_12x12.png) no-repeat #fff;background-position:32px center;} #PencaContent #MatchFilter .FilterOption .disabled{color:#ccc;} #PencaContent #MatchFilter .FilterOption .selected{ border:2px solid #FC0;} #PencaContent #MatchFilter #BWinPromo {margin-top:5px;text-align:center;} #PencaContent #MatchList{position:relative; /*padding:5px 20px 20px 20px;*/} #PencaContent #MatchList .tPartidos{border-spacing:5px 5px; width:100%; text-align:center; position:relative; top:-25px; margin-bottom:-25px; width:730px; margin:0 auto; *border-collapse: expression('separate', cellSpacing = '5px'); /* hack is needed for IE7 also */} #PencaContent #MatchList .tPartidos thead{} #PencaContent #MatchList .tPartidos th{padding:2px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; font-size:11px; color:#666;} #PencaContent #MatchList .tPartidos tbody{background-color:white;} #PencaContent #MatchList .tPartidos tbody td{ border:1px solid #ccc; border-radius:6px; height:28px; padding:0 5px; vertical-align:middle;} #PencaContent #MatchList .tPartidos tbody td p{float:left;vertical-align:middle; font-weight:normal; text-align:left; width:200px;} #PencaContent #MatchList .tPartidos tbody td p+span{float:left;width:133px;display:block;} #PencaContent #MatchList .tPartidos tbody td span+p{float:left; text-align:right;margin:0;} #PencaContent #MatchList .tPartidos tbody td{ color:#666; width:60px;} #PencaContent #MatchList .tPartidos tbody td+td{color:#333; line-height:24px; font-weight:bold; width:auto; } #PencaContent #MatchList .tPartidos tbody td+td img{ vertical-align:middle; position:relative; top:-1px } #PencaContent #MatchList .tPartidos tbody td+td+td { font-weight:bold;color:#666; text-align:left; width:80px; background:#f0f0f0; border:none;} #PencaContent #MatchList .tPartidos tbody td+td+td input{border:1px solid #ccc; width:20px; padding:3px; font-size:11px; font-weight:bold;text-align:center; } #PencaContent #MatchList .tPartidos tbody .locked{ background:url(../images/pencas/penca_lock_12x12.png) no-repeat #f0f0f0;background-position:right center;} #PencaContent #MatchList .tPartidos tbody .completed{ background:url(../images/pencas/penca_ok_12x12.png) no-repeat #f0f0f0;background-position:right center;} #PencaContent #MatchList .tPartidos tbody .uncompleted{ background:url(../images/pencas/penca_edit_12x12.png) no-repeat #f0f0f0;background-position:right center;} #PencaContent #MatchList .tPartidos tbody .locked .result,#PencaContent #MatchList .tPartidos tbody .completed .result,#PencaContent #MatchList .tPartidos tbody .uncompleted .result,#PencaContent #MatchList .tPartidos tbody .finished .edit{display:none;} #PencaContent #MatchList .tPartidos tbody .finished{border:1px solid #CCC;} #PencaContent #MatchList .tPartidos tbody .finished span{ width:45px; display:block; text-align:center; padding-right:20px; height:23px; position:relative; } #PencaContent #MatchList .tPartidos tbody .finished span span{ font-size:10px; position:absolute; right:-30px; top:0; display:inline; padding:0; font-weight:normal; } #PencaContent #MatchList .tPartidos tbody .gold{ background-color:#7bbb67; color:white; } #PencaContent #MatchList .tPartidos tbody .gold span{ background:url(../images/pencas/pencas_medal_gold_15x15.png) no-repeat #7bbb67;background-position:50px center;} #PencaContent #MatchList .tPartidos tbody .silver{background-color:#62a1d1; color:white;} #PencaContent #MatchList .tPartidos tbody .silver span{ background:url(../images/pencas/pencas_medal_silver_15x15.png) no-repeat;background-position:50px center;} #PencaContent #MatchList .tPartidos tbody .nomedal{background-color:#e3e3e3; color:#999;} #PencaContent #MatchList .tPartidos tbody .nomedal span{ background:url(../images/pencas/pencas_nomedal_15x15.png) no-repeat;background-position:50px center;} #PencaContent #MatchList .tPartidos tbody .gold span span,#PencaContent #MatchList .tPartidos tbody .silver span span{background:none;} #PencaContent #MatchList .tPartidos tbody .disabled input{ color:#999;} #PencaContent #MatchList .bottom{margin-top:0px;} #PencaContent #MatchList .bottom p{font-size:11px; height:20px; line-height:20px; margin:10px 0 0 25px; } #PencaContent #MatchList .bottom p input{vertical-align:middle; margin-right:5px; margin-bottom:3px;} #PencaContent #MatchList .bottom .button3d{ position:absolute; right:25px; bottom:30px;} #PencaContent #MatchList .bottom .alert{ position:absolute; right:110px; bottom:30px; text-align:right;background-color: #FFFFD1; border: 1px solid #FFE983; padding:0 8px; height:24px; line-height:24px; color:#333;} #PencaContent .error{ background-color:#ffffd1;border: 1px solid #ffe983;margin:0 0 20px 0;text-align:center; padding:10px; height:24px; line-height:24px; color:#333;} #PencaContent #MatchList .bottom .loading{background:url(../images/system/loader.gif) no-repeat center center; border:none;} #PencaContent #MatchList .bottom .loading span{display:none;} #PencaContent #PencaGroup{background:#31343d; padding:15px; color:#FC3;position:relative; /*margin-bottom:-20px;*/} #PencaContent #PencaGroup h3{font-size:16px;} #PencaContent #PencaGroup a{color:#FFCC33;} #PencaContent #PencaGroup a:hover{text-decoration:none;} #PencaContent #PencaGroup p{padding-top:5px; line-height:16px;color:#909090; } #PencaContent #PencaGroup p a, #PencaContent #PencaGroup p span{color:#adfc65} #PencaContent #PencaGroup .joinGroup{position:absolute; right:15px; top:15px; text-align:center; } #PencaContent #PencaGroup .joinGroup{background-color:#b4fd3e;color:#31343d; font-weight:bold; } #PencaContent #PencaGroup .joinGroup input{padding:3px; border:1px solid #ccc; margin-bottom:5px; width:120px; text-transform:uppercase; height:20px; text-align:center;} #PencaContent #PencaGroup .joinGroup p{color:#31343d; padding:0; margin:7px 10px; } #PencaContent #PencaGroup .joinGroup a{ color:#31343d; margin-left:5px; text-align:center; } #PencaContent #PencaGroup .leaveGroup{padding-left:20px; background:url(../images/system/ico_remove_10x10.png) no-repeat 10px center #4a4e59;color:#fff;position:absolute; right:15px; bottom:15px; text-align:center;} #PencaContent #PencaGroup .leaveGroup a{padding:5px; display:block;color:#adfc65; font-weight:normal; font-size:11px;} #PencaContent #PencaGroup .joinGroup .leave,#PencaContent #PencaGroup .leaveGroup .join{display:none;} #PencaContent #PencaGroup .groupAdmin{ position:absolute; right:10px; bottom:15px;color:#909090} #PencaContent #PencaGroup .groupAdmin a{margin:3px;color:#909090; padding:5px; font-size:11px;} #PencaContent #PencaGroup .groupAdmin a:hover{color:#adfc65; text-decoration:none; } #PencasRanking .groupKick a{display:block; background:url(../images/system/ico_remove_10x10.png) no-repeat center center; width:20px; height:20px;} /* MY PRONOSTICS */ #My_Pronostics {font-size: 11px; color: #333;} #My_Pronostics .title {height: 20px; line-height: 20px;padding: 0 7px; font-family: Verdana, Tahoma;background: #f8f8f8;} #My_Pronostics .title p {font-weight: bold;color: #333;} #My_Pronostics ul li{display:block; background-color:#31343d; padding:5px; margin:10px 0 5px 0;position:relative; height:33px;} #My_Pronostics ul li p{ margin:1px 0 0 42px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#909090 } #My_Pronostics ul li p a, #My_Pronostics ul li p span{color:#adfc65 } #My_Pronostics ul li p a{font-weight:bold; font-size:14px;} #My_Pronostics ul li img{float:left;} #My_Pronostics ul li+li{margin:5px 0 5px 0;} /* END OF MY PRONOSTICS */ /* PRONOSTICS REGISTER */ #PencaRegister{width:769px; float:left; margin-right:10px; margin-bottom:30px; } #PencaRegister #PencasTop{ background:#31343d; position:relative; height:100px;} #PencaRegister #PencasTop img{ position:absolute; margin:10px 0 10px 12px; z-index:100;} #PencaRegister #PencasTop .title{ margin-left:145px; color:#adfc65; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; line-height:20px; margin-top:20px; position:absolute;} #PencaRegister #PencasTop .title h2{ font-size:25px; font-weight:bold; padding:0; line-height:23px;} #PencaRegister #PencasTop .title span{ color: #909090; font-size:12px;} #PencaRegister #PencaRegisterContent{ min-height:500px;padding-top:30px; position:relative; top:-20px; margin-bottom:-20px; padding:20px 60px; z-index:1;} #PencaRegister #PencaRegisterContent .tagline{font-size:20px; text-align:center; margin:20px auto; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;} #PencaRegister #PencaRegisterContent p{margin:20px 0; font-family:Tahoma, Geneva, sans-serif; color:#333 } #PencaRegister #PencaRegisterContent .advice{ text-align:center; color:#d11415; font-weight:bold;font-family:Tahoma, Geneva, sans-serif;} #PencaRegister #PencaRegisterContent .advice span{color:#333; font-weight:normal;} #PencaRegister #PencaRegisterContent .pencaRegisterForm{width:400px; margin:40px auto 20px auto; padding:20px; background-color:#fff; border:1px solid #ccc; position:relative;} #PencaRegister #PencaRegisterContent .pencaRegisterForm label{width:150px; text-align:right; display:block;float:left;clear:left;padding:2px;margin:3px 4px; font-weight:bold; } #PencaRegister #PencaRegisterContent .pencaRegisterForm input{width:220px; display:block; float:left; border:1px solid #ccc; padding:2px; margin:3px 0; } #PencaRegister #PencaRegisterContent .pencaRegisterForm select{width:225px; display:block; float:left; border:1px solid #ccc; padding:2px; margin:3px 0; } #PencaRegister #PencaRegisterContent .pencaRegisterForm p{clear:both; width:200px; margin:0 18px 0 auto; padding-top:20px; text-align:center;} #PencaRegister #PencaRegisterContent .error { background-color:#ffffd1;border: 1px solid #ffe983;margin:0 12px 20px 0;text-align:center; padding:10px; height:24px; line-height:24px; color:#333;} #PencaRegister #PencaRegisterContent .closed p{height:40px; line-height:40px;background-color:#ffffd1; border: 1px solid #ffe983; text-align:center; padding:10px; margin: 12px auto 2px auto;} #PencaRegister .registerBottom{ background-color:#ccc; height:6px; border-top:1px solid #fff;} /*END OF PRON REGISTER*/ /* PRONOSTICS HOME BANNER */ #PencaPromo{ position:relative; position:relative; margin-top:20px;} #PencaPromo img{ } #PencaPromo .title{ margin-left:145px; color:#adfc65; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; line-height:24px; margin-top:20px; position:absolute;} #PencaPromo .title h3{ font-size:25px; font-weight:bold; padding:0;} #PencaPromo p{position:absolute; left:145px; top:65px; color:#fff;} #PencaPromo .button3d{position:absolute; bottom:10px; width:560px; left:10px; text-align:center; padding:10px;} #PencaPromo .close{position:absolute; right:10px; top:10px; color:#333; z-index:200; display:block;background:white; padding:5px; } /* END OF PRONOSTICS HOME BANNER */ /* PRONOSTICS MULTI LIST */ #PencaContent #PageDescription {margin-bottom:10px;} #PencaFeatured{margin-bottom:10px;} .PencaList h3{ padding: 10px; font-size: 16px; font-weight:normal;border-radius:3px; border-bottom-right-radius:0; border-bottom-left-radius:0; background-color: #31343d; color: #fff;} .PencaList{/*EDITADO VANZEN*/ border-bottom:2px solid #ccc; color:#7d7d7d; font-size:11px; font-family:Arial, Helvetica, sans-serif; background-color: #f8f8f8; margin-bottom:30px; } .PencaList .PencaListItem {padding:10px; font-size: 11px;height:36px; } .PencaList .PencaListItem p b {font-size:14px; color:#333; font-family:Tahoma, Geneva, sans-serif} .PencaList .PencaListItem + .PencaListItem{border-top:1px solid #ccc;} .PencaList .PencaListItem .buttonJoin{float:right; margin-top:5px;} .PencaList .PencaListItem p{ padding-top:2px; float:left;font-family:Tahoma, Geneva, sans-serif} .PencaList .PencaListItem img{ margin-right:10px; float:left;} .PencaList .PencaListItem p+p{ float:right; padding-top:5px; font-size:11px;} .PencaList .PencaListItem span{font-size:11px; } .PencaList .PencaListItem span{ padding:5px;margin:0 3px;text-align:center; background:white; border:1px solid #ccc; border-radius:3px; } .PencaList .PencaListItem span b{ font-weight:normal;font-size:11px;} .PencaList .PencaListItem .locked{ background:url(../images/pencas/penca_lock_12x12.png) no-repeat #fff;background-position:106px 5px;} .PencaList .PencaListItem .completed{ background:url(../images/pencas/penca_ok_12x12.png) no-repeat #fff;background-position:106px 5px;} .PencaList .PencaListItem .uncompleted{ background:url(../images/pencas/penca_edit_12x12.png) no-repeat #fff;background-position:106px 5px;} .PencaList .PencaListItem .status{ display:block;float:left; width:110px; } .PencaList .PencaListItem .position{ display:block; float:left; width:100px;} .PencaList .PencaListItem .score{ display:block; float:left; width:80px; } .PencaList .PencaListItem span .statusOpen { color:#499830; cursor:help;} .PencaList .PencaListItem span .statusClosed { color:#c35757;cursor:help;} .PencaList .PencaListItem span .statusOpen span{color: #499830;} .PencaList .PencaListItem span .statusClosed span{color: #c35757;} .PencaList .PencaListItem a span{background:none; border:none; padding:0; border-radius:0; margin:0;} .PencaList .welcomeText{width:325px; margin-right:15px;} .PencaList .welcomeText span{margin:0;display:block; width:100%;} .PencaList .comboSelect {float:right; margin:10px 10px 0 0; } .PencaList .comboSelect select {padding:1px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; height:20px; margin-left:5px;} .PencaList .empty{ text-align:center; font-size:14px; padding:20px;} .PencaList .PencaArchiveItem {padding:10px; font-size:12px;height:22px;} .PencaList .PencaArchiveItem a {font-size:12px; font-weight:bold;} .PencaList .PencaArchiveItem p{ float:left; padding-top:3px;} .PencaList .PencaArchiveItem p+p{ float:right; font-size:11px;} .PencaList .PencaArchiveItem span{font-size:11px;} .PencaList .PencaArchiveItem span b{color:#000; font-weight:normal;} .PencaList .PencaArchiveItem span+span{ padding-left:20px;} .PencaList .PencaArchiveItem+.PencaArchiveItem{border-top:1px solid #ccc;} /*END OF PRONOSTICS MULTI LIST */ /* PENCA MINI WALL */ #PencaMiniWall{padding:10px;} #PencaMiniWall .publish{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;width:100%; background:#fff; border:1px solid #ccc; text-align:right;} #PencaMiniWall .publish .button3d{position:relative;margin:3px 7px 6px 0;} #PencaMiniWall textarea{width:343px; border:none; resize:none; float:left; margin:5px 0 0 5px;} #PencaMiniWall hr{margin:7px 0; border-top:1px solid #ccc; background:white; } #PencaMiniWall .post{-webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px;width:100%; background:#fff; border:1px solid #ccc; position:relative; margin-bottom:5px; min-height:43px; } #PencaMiniWall .post .avatar{float:none; position:absolute; top:5px; left:5px; } #PencaMiniWall .post .msg {position:relative; margin:5px 5px 5px 45px; font-size:11px; } #PencaMiniWall .post .msg small{ font-size:10px; margin-top:3px; font-family:Tahoma, Geneva, sans-serif; color:#999;display:block;} #PencaMiniWall .comment{-webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; width:90%; border:1px solid #ccc; position:relative; margin-bottom:5px; min-height:43px; margin-left:37px;background:#e0feb0;} #PencaMiniWall .comment .arrow{position:absolute; left:-20px; } #PencaMiniWall .comment p{margin:5px 1px; font-size:11px;} #PencaMiniWall .comment .smallcomment{margin:5px 10px; font-size:11px; text-align:right;} #PencaMiniWall .comment .smallcomment textarea{ border: 1px solid #CCC; color: #999; font-size: 11px;height: 12px;overflow: hidden;position: relative;width: 300px; float:none; margin:0; padding:3px 4px 6px 4px; margin:1px 0 0 -4px;} #PencaMiniWall .comment .avatar{float:none; position:absolute; top:5px; left:5px;} #PencaMiniWall .comment .msg {position:relative; margin:5px 5px 5px 45px; font-size:11px; } #PencaMiniWall .comment .msg small{ font-size:10px; margin-top:3px; font-family:Tahoma, Geneva, sans-serif; color:#999; display:block;} #PencaMiniWall .comment button{ -webkit-border-radius:2px; -moz-border-radius:2px;border-radius:2px; color: white; cursor: pointer; font-family: Verdana; font-size: 10px; font-weight: bold; padding: 3px 5px; background-color: #64a200; color: #fff; margin-top:3px; } /*END OF PENCAS*/ #PencaContent .wall_item .msg{ width:620px;} #PencaContent .wall_item .wallPostArrow{left:110px;} #PencaContent .wall_itemsWrapper{ } #PencaContent .commentGroup{} #PencaContent .wallCommentArrow{left:150px;} #PencaContent .wall_itemsWrapper .comment{margin-left:105px; width:620px; } #PencaContent .publish_box p{ width:735px} #PencaContent .publish_box textarea{ width:720px; } #PencaContent #Wide_Wall .comment textarea{width:605px;} /* FIX WALL COUNTRY */ #Short #Wide_Wall {margin-top:0px;} #Short #Wide_Wall .publish_box p{width:465px;} #Short #Wide_Wall .publish_box textarea{width:455px; } #Short #Wide_Wall .wall_item .msg{width:365px;} #Short .wall_itemsWrapper {} #Short #Wide_Wall .comment{width:365px;} #Short #Wide_Wall .comment textarea{width:350px;} /* EOF FIX WALL COUNTRY*/ /* SEARCH SUGGEST */ #searchSuggest{float:right; background:white; width:184px; border:1px solid #ccc; z-index:200; position:absolute; margin:33px 0 0 769px;} #searchSuggest div{ font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:10px; } #searchSuggest div p{ padding:5px;} #searchSuggest div a{padding:5px; height:36px; margin:0; text-indent:0; font-family:Arial, Helvetica, sans-serif; display:block; } #searchSuggest div a:hover{ background:#b4fd3e; color:#31343d} #searchSuggest div a:hover span+span{color:#31343d} #searchSuggest div a img{float:left; margin-right:5px;} #searchSuggest div a span{ font-weight:bold; display:block; height:12px; overflow:hidden; margin-top:3px;} #searchSuggest div a span+span{ font-weight:normal; margin-top:0; color:#999;} #searchSuggest #searchSuggestEquipos a{height:21px; padding:5px 0 5px 10px;} #searchSuggest #searchSuggestMore{ padding-bottom:0;} #searchSuggest #searchSuggestMore a{background:#eee; text-align:center; height:20px; padding-top:10px; color:#333;} #searchSuggest #searchSuggestMore a:hover{background:#b4fd3e; color:#31343d} /* EOF SEARCH SUGGEST*/ /* SIMPLE BOX */ .SimpleBox {width: inherit; font-size: 11px; clear: both; font-family: Tahoma; display: block; border-top:2px solid #CCCCCC;} .SimpleBox .title {height: auto; line-height: 20px;padding: 0 5px;} .SimpleBox .title p {font-weight: bold;color: #333;} .SimpleBox table {width: inherit;border-collapse: collapse; margin-bottom:10px;} .SimpleBox table thead, .SimpleBox .title {background: #f8f8f8; } .SimpleBox table thead tr{height: 20px; border-top: 1px dotted #ccc;} .SimpleBox table tbody td {height: 29px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} .SimpleBox table th {color: #999; font-size: 10px; padding: 0 5px; font-weight: normal;} .SimpleBox table th {width: 5%;} .SimpleBox table td{padding:0 6px;}