/**
*Estilos generales para HTML
*/
body { font-family:Arial,Sans,sans-serif; padding:0px; margin:0; color:#888888; }
/*#container { width:960px; margin:0 auto; font-size:11px; }*/
.lnkRegister { color: #7F17BE; text-decoration: underline; }
.content-title a { color: #5311EE; text-decoration: none; }
.input_file { width:200px; height:20px; _height:20px; border: 1px solid #a5acb2; margin-right:3px; }
p { padding: 0; margin: 0; }
a { color: #0000FF; text-decoration: none; border: none; _border: 0px;}
img { border: none; _border: 0px;}
/*.clear { clear: both; }*/
h2 { color:#ff6001; font-size: 14px; padding: 0px; margin: 0px; }
.searchin { width: 100px; border: 2px solid #f1f1f1; height: 15px; }
.submit { width: 141px; height: 53px; }
.imgbutton { cursor: pointer; }
.link-orange-nor { color: #ff6001; text-decoration: underline; }
.btnsystem { font-size: 10px; }
.btnsystemred { font-size: 10px; background-color: red; font-weight: bold; color: #ffffff; padding: 2px 3px 2px 3px; border: 1px solid #000000; }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en la pagina de index.
*/
/*#header { width:950px; float:left; height:136px; _height:104px; }*/
#company { color:#FFF; font-size: 14px; text-align: right; padding-top: 2px; }
/*#header .logo { padding-left:18px; padding-top:10px; }*/
/*
#login { float: right; height: 110px;}
#form { padding-right: 0px; float: right; }
#form .submit { width: 61px; height: 20px; background: url(../img/gokool.png) no-repeat; border: 0px; }
#form div { width: 146px; height: 21px; float: left; padding-left: 5px; color: #FFFFFF; padding-top: 2px; }
#form div a { text-align: right; float: right; padding-right: 10px; padding-top: 3px; font-size: 10px;}
#form div input { width: 135px; height: 15px; border: 1px; color: #757575; font-size: 11px; }
#login a { color: #FFFFFF; text-decoration: none; }
*/
#menu { width: 950px; float: left; padding-top: 8px; }
#menu ul { list-style-type: none; padding-left: 15px;}
#menu ul li { float: left; padding-right: 16px; padding-left: 16px; border-right: 1px solid #FFFFFF; color: #FFFFFF; }
#menu ul li a { color: #FFFFFF; text-decoration: none; }
#wrap { width: 960px; }
#middle-panel { width: 960px; height:182px; _height:182px; }
#animation-flv { width: 762px; height:182px; _height:182px; float:left; }
#breaking-news { width: 195px; height:182px; _height:182px; float:left; background-color:#ebebeb; margin-left:3px; padding-top:3px; }
#breaking-news .title { color:#ff6001; font-size:12px; font-weight:bold; text-decoration:none; }
#breaking-news-conten { padding-left:10px; }
#breaking-news .element { color:#4d4d4d; font-size:11px; text-decoration:none; }
#breaking-news .view-all { color:#ff6001; font-size:11px; text-decoration:underline; }
#hightlights-panel { width:960px; height: 200px; _height: 200px; margin-top:6px; border: 1px solid #919191; }
#featuring { width:49px; height:190px; _height:190px; float:left; text-align:center; margin-top:3px; }
#hightlights-panel .element { width:174px; height:164px; _height:164px; float:left; margin-top:15px; margin-left:4px; border-left: 1px solid #919191; border-right: 1px solid #919191; border-bottom: 1px solid #919191; }
#hightlights-panel .element .title { width:174px; height:24px; _height:24px; background: #ff6001; color:#FFF; font-size:13px; cursor:pointer; }
#hightlights-panel .element .title div { height:21px; _height:21px; padding-top:3px; padding-left:9px; margin-right: 3px; }
#hightlights-panel .element .photo { width:174px; height:20px; _height:20px; cursor:pointer; padding-top: 120px; }
#hightlights-panel .element .subtitle { width:174px; height:26px; _height:26px; background-color:#515151; color:#FFF; font-size:13px; text-align:center; text-decoration:underline; }
#hightlights-panel .element .subtitle div { padding-top:3px; }
#online-users { width:560px; height:40px; _height:40px; margin-top:10px;float: left; color: #888888; font-size:14px; text-align: right; }
#share-panel { width:400px; height:40px; _height:40px; margin-top:10px; float: left; }
#share-panel div { float:right; margin-right: 5px; font-size:14px; color: #888888; }
#register-panel { width:960px; margin-top:5px; color:#888888; font-size:12px; }
/*
#footer { width: 960px; margin: 0 auto; text-align: center; }
#footer img { text-align: center; }
#credits { background: #ffffff; padding-top: 80px; padding-bottom: 20px; text-align: center; font-size: 1em; color: #666666; }
#credits a { color: #666666; text-decoration: none; }
* */
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en las paginas de contenido.
*/
#headerin { width: 950px; float: left; height: 90px; _height: 90px; }
#headerin .logo { width:500px; float: left; padding-top: 13px; padding-left:10px; text-align:left; }
#headerin .title { width:440px; float: left; padding-top: 6px; text-align:right; font-size:12px; font-weight:bold; color:#FFF; }
#topmenu { float: left; }
#menuin { float: left; padding: 0px; margin: 0px; }
#menuin ul { list-style-type: none; padding: 0px; padding-top: 3px; margin: 0px; }
#menuin ul li { float: left; padding-right: 16px; padding-left: 16px; border-right: 1px solid #FFFFFF; color: #FFFFFF; }
#menuin ul li a { color: #FFFFFF; text-decoration: none; }
#loginin { float: right; color:#FFF; }
#loginin a { color: #FFFFFF; text-decoration: none; }
.menu-tab { margin-top:8px; }
.tab-selected { float:left; width:85px; height:14px; _height:14px; background:#ffffff; margin-right:3px; cursor:pointer; }
.tab-selected div { background: url(../img/icon-circle-mini-white.png) right 1px no-repeat; color: #ff6001; padding-left: 3px; margin-right: 3px; }
.tab-selected a { color:#F25700; }
.tab-selected a:hover { color:#F25700; }
.tab-unselected { float:left; background: #ff6001; width:70px; height:14px; _height:14px; margin-right:3px; cursor:pointer; }
.tab-unselected div { color: #ffffff; padding-left: 3px; margin-right: 3px; }
.tab-unselected a { color:#FFF; }
.tab-unselected a:hover { color:#FFF; }
#wrapin { width: 960px; }
#route { color: #6b6b6b; padding-bottom: 5px; }
#route a { color: #6b6b6b; text-decoration: underline; }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en la seccion del perfil del usuario.
*/
#profile-left { float: left; width: 230px; min-height: 346px; _height: 346px; padding-left: 0px; padding-top: 5px;}
#profile-left .name { color: #000000; font-size: 16px; padding-left:20px; }
#profile-left .title { padding-top:5px; padding-left: 15px; }
#profile-left .profile-photo { width:230px; border:solid 1px #b2b2b2; background-color: #FFFFFF; }
#profile-left .photo { width:200px; margin-top:15px; margin-left:15px; margin-bottom:0px; }
#profile-left .btn-cambiar { width:108px; border:none; height:28px; _height:28px; background: transparent url(../img/btn-operation.png) no-repeat; color:#FFF; font-size:12px; margin-left:12px; cursor: pointer; }
#profile-center { float:left; width:490px; padding-left: 5px; padding-right: 5px; }
.per { width: 490px; }
.per tr td { padding-left: 5px; }
.per tr td a { color: #5A5A5A; }
.per tr td .button { background:url(../img/btn-normal.png); color: #FFF; border:none; width:58px; height:31px; _height:31px; cursor: pointer; }
.per tr td textarea { color: #5A5A5A; border: 1px solid #666666; font-family: Arial, Sans, sans-serif; font-size: 11px; }
.tdname { width:35%; color:#525252; }
.tdprivacy { width:150px; color:#525252; }
.divi { border-bottom: 1px solid #D6D6D6; }
/*.hdivi { background:url(../img/icon-arrow-element.png) 0 2px no-repeat; color:#ff6001; font-size:14px; padding-left:18px; }*/
.hdivi { color:#ff6001; font-size:14px; padding-left:0px; }
.new-hdivi { color: #ff4c01; font-size: 14px; padding-left: 19px;}
.td-title-orange { height:17px; _height:17px; background: #ff6001; }
.td-title-orange div { height:17px; _height:17px; padding-top:4px; padding-left:4px; margin-right: 3px; /*background: url(../img/icon-circle-mini-orange.png) right 4px no-repeat;*/ color: #ffffff; }
.privacy-icon { float: left; width: 17px; }
.privacy-text { float: left; width: 370px; }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en la seccion de perfil.albumes.
*/
#albumes-content { width:474px;padding:0 12px 0 4px; }
.element-album-photo { /*height:100px;*/ }
.element-album-tool { padding-top:15px; }
.element-aling { padding-left: 0px; }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en la seccion de fotos.
*/
.vtitle { background: url(../img/votes.jpg) center no-repeat; width: 170px; height: 21px; text-align: center; font-size: 21px; color: #FFF; }
.vtitlel { font-size: 15px; }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en la seccion de perfil.amigos.
*/
#friends-content { width:474px;padding:0 12px 0 4px; }
#request { padding-top: 10px; }
#friends { padding-top: 10px; }
#last_added { padding-top: 10px; }
#last_added_title { background-color: #F25700; color: #fff; height: 26px; _height: 26px; font-size: 12px; font-weight: bold; }
#last_added_subtitle { color: #000; border-bottom: 1px solid #c0c0c0; height: 22px; _height: 22px; }
#friends_online { padding-top: 10px; }
#friends_online_title { background-color: #F25700; color: #fff; height: 26px; _height: 26px; font-size: 12px; font-weight: bold; }
#friends_online_subtitle { color: #000; border-bottom: 1px solid #c0c0c0; height: 22px; _height: 22px; }
#profile-meter { margin-top: 10px; }
#profile-meter-title { background-color: #F25700; color: #fff; height: 26px; _height: 26px; font-size: 12px; font-weight: bold; }
#invite-profile { margin-top: 10px; }
#invite-profile-title { background-color: #F25700; color: #fff; height: 26px; _height: 26px; font-size: 12px; font-weight: bold; }
#tools { margin-top: 10px; }
#tools-title { background-color: #F25700; color: #fff; height: 26px; _height: 26px; font-size: 12px; font-weight: bold; }
#search_buddies { padding-top: 10px; }
#search_buddies_title { background-color: #F25700; color: #fff; height: 26px; _height: 26px; font-size: 12px; font-weight: bold; }
#invite-buddies { width: 700px; }
#control-invitations { color: #000; }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en la seccion de peril.mensajes.
*/
#messages-content { width:474px;padding:0 12px 0 4px; }
.title-inbox { text-align:center; float:left; width:35%; }
.title-sentbox { text-align:center; float:left; width:21%; }
.title-savebox { text-align:center; float:left; width:21%; }
.title-trash { text-align:center; float:left; width:21%; }
.separator { background:url(../img/separator.gif) repeat-x center left;height:5px; }
a.gray {color:#ff4c01;text-decoration:underline;cursor:pointer;}
a.gray:hover {color:#ff4c01;text-decoration:none;}
.purple { color: #25016E; }
.underline{text-decoration:underline;}
.orange{color:#fd9800;}
.cursor{cursor:pointer;}
.reset{border:0;margin:0;padding:0;text-decoration:none;background:transparent;}
.black{color:#000;}
.bold{font-weight:bolder;}
.red{color:#fb7f0d;}
.pimg { text-align: center; border-left: 15px solid #FFF; border-right: 15px solid #FFF; border-top: 15px solid #FFF; display: block; }
.upload { width: 238px; background: url(../img/uploadbg.jpg) center center no-repeat; text-align: center; height: 32px; padding-top: 7px; }
.uinput { width: 230px; padding-top: 15px; height: 23px;}
.change { float: right; padding: 0px; width: 150px; height: 32px; background: url(../img/change.png) center 2px no-repeat; border: 0px; color: #FFF; text-transform: uppercase; }
.divisor { border-top: 1px dashed #D6D6D6; }
/* Estilos para la lista de contactos en la seccion de invite*/
.content-txtbox-noshade {margin: 0px; padding: 7px 0px 0px 0px; background-color: rgb(255,255,255);}
#contactsInviteList{Display: block;Border: 1px solid #7FA2CA;color: #4B4B4B;Height: 300px;width: 300px;Margin-left: 15px;overflow-y: auto;overflow-x: hidden;}
button.inviteBtn{background: #7FA2CA;color: #fff;font-family: verdana,arial,sans serif;font-size: 1em;font-weight: bold;margin-left: 197;}
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en la seccion de descargas.
*/
.wallpaper { width: 130px; height: 100px; _height: 100px; border: 1px solid #000000; cursor: url(../img/icoLupaBox.gif); }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en la List de miembros.
*/
#member-list a { color: #005ab7; text-decoration: underline; }
.td-title-gray { height:24px; _height:24px; background: #686868; }
.td-title-gray div { height:21px; _height:21px; padding-top:3px; padding-left:4px; margin-right: 3px; background: url(../img/icon-circle-gray.png) right 3px no-repeat; color: #ffffff; }
.row-member-alternate { vertical-align: middle; background: #f0f0f0; height: 60px; _height: 60px; }
.row-member-normal { vertical-align: middle; height: 60px; _height: 60px; }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en la List de miembros.
*/
#boletin { float:left; width:550px; color:#005ab7; text-decoration:underline; }
#boletin p { padding:0px; margin:0px; }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en la seccion de TALENTO
*/
#talent-title { width:960px; min-height:30px; _height:30px; }
#talent_content_main { padding-left: 0px; padding-top: 10px; padding-bottom: 10px; }
#talents { float:left; width:190px; min-height:600px; _height:600px; }
#talent-profile { float:left; width:740px; min-height:600px; _height:600px; }
#talent-right { float:left; margin-top: 4px; }
#talent-right .name { color: #bbbbbb; font-size: 16px; text-align: center; }
#talent-photo { width:214px; padding: 12px 12px 10px 12px; }
#talent-shared { width:238px; min-height:110px; _height:110px; }
.lnkshared { color:#666666; font-size:13px; text-decoration:underline; }
#talent-bio { float:left; width:475px; color:#666666; padding-top: 0px; }
#talent_desc { padding-top:20px; padding-left:5px; color:#666666;}
#talent-bio { padding-left:10px; }
.option-act { background-color:#6d0897; min-height:38px; _height:38px; }
.option-act a { font-size:14px; color:#FFF; }
.option-act span{ font-size:16px; color:#FFF; margin-left:6px; }
.option-des { background-color:#FFF; min-height:38px; _height:38px; }
.option-des a { font-size:14px; color:#6d0897;}
.prominent { font-size: 14px; color: #6D0897; width: 140px; margin: 0px auto 5px auto; text-align: center; }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en la seccion de TALENTO
*/
.title-orange { font-size:14px; font-weight:bold; color:#ff7e00; }
.title-orange-mini { font-size:12px; font-weight:bold; color:#ff7e00; }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en la seccion de TALENTO
*/
#contest-content { padding-top: 10px; }
.title-contest { background-color: #f25700; margin-top: 10px; margin-bottom: -1px; color: #FFF; width: 100px; height: 26px; _height: 26px; vertical-align: middle; text-align: center; }
.title-contest div { padding-top: 5px; }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
* TERCEROS TOOLS
*/
/**
* FILES STYLIZED
*/
.SI-FILES-STYLIZED label.cabinet { width:115px; height:26px; _height:26px; background: url(../img/btn-operation.png) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; }
.SI-FILES-STYLIZED label.cabinet input.file { position:relative; height:100%; width:auto; cursor: pointer; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.SI-FILES-STYLIZED label.cabinet2 { width:108px; height:28px; _height:28px; background: url(../img/btn-find-photo.png) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; }
.SI-FILES-STYLIZED label.cabinet2 input.file { position:relative; height:100%; width:auto; cursor: pointer; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
/**
* ACTUALIZACION SQUEEZEBOX
*/ PARA MOSTRAR VIDEOS SWF
#sbox-window .sbox-content-swf { overflow:hidden; }
/*******SECCION DE BREAKING NEWS*********/
#noti a { color: #5910C5; }
.single-line { height: 20px; padding: 2px 4px; line-height: 20px; }
.mycolor { color: #4452aa; }
/****************************************/
/**
* SECTION VIDEOS (PROFILE->VIDEOS | CONTEST VIDEOS)
*/
.video-form { background: #F7F7F7; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; border-top: 1px solid #888888; border-bottom: 1px solid #888888; }
.input_video { width: 300px; height:20px; _height:20px; border: 1px solid #a5acb2; margin-right:3px; color: #717171; font-size: 11px; }
.text_video { width: 300px; border: 1px solid #a5acb2; margin-right:3px; color: #717171; font-size: 11px; }
.vdo-text-aling { padding-left: 10px; }
.vidtitle { background: url(../img/votes_videos.png) no-repeat; width: 170px; height: 21px; text-align: center; font-size: 21px; color: #FFF; }
.vidtitlel { font-size: 15px; }
.content-center { padding-left: 10px; padding-right: 10px; }
/**
* SECTION INVITATIONS
*/
.invitations_table { margin-top: 10px; margin-bottom: 10px; width: 650px; color: #000;}
.invitations_title { background-color: #FF6001; padding-top: 5px; padding-bottom: 5px; color: #FFF; font-weight: bold; }
.invitations_row { background-color: #F0F0F0; padding-top: 10px; padding-bottom: 5px; }
.invitations_row_alternate { padding-top: 10px; padding-bottom: 5px; }
.invitations_row_email { float:left; width: 240px; padding-left: 10px; }
.invitations_row_date { float:left; width: 190px; padding-left: 10px; }
.invitations_row_remin { float:left; width: 190px; padding-left: 10px;}
.invitations_title_email { float:left; width: 240px; padding-left: 10px; }
.invitations_title_date { float:left; width: 190px; padding-left: 10px; }
.invitations_title_remin { float:left; width: 190px; padding-left: 10px; }
.invitations_row2_email { float:left; width: 190px; padding-left: 10px; }
.invitations_row2_date { float:left; width: 120px; padding-left: 10px; }
.invitations_row2_total { float:left; width: 90px; padding-left: 30px; }
.invitations_row2_remin { float:left; width: 160px; padding-left: 20px;}
.invitations_title2_email { float:left; width: 190px; padding-left: 10px; }
.invitations_title2_date { float:left; width: 120px; padding-left: 10px; }
.invitations_title2_total { float:left; width: 90px; padding-left: 10px; }
.invitations_title2_remin { float:left; width: 160px; padding-left: 10px; }
.point { margin-left: 10px; color: green; }
.no-point { margin-left: 10px; color: red;}
.return { text-align: right; width: 650px; }
/**
*Estilos utilizados en la seccion de perfil.inicio.
*/
#start-content { width:474px; padding:0 12px 0 4px; margin-top: 25px; font-size: 12px;}
.content-div { margin: 15px 0; }
.resume { margin-left: 17px; margin-top: 20px;}
.start-title-graf { border-bottom: 1px solid #000000; margin-bottom: 10px; padding-left: 30px; background: url(../img/graffitti-icon.jpg) no-repeat; padding-top: 10px; }
.start-title-stuf { border-bottom: 1px solid #000000; margin-bottom: 10px; padding-left: 30px; background: url(../img/new-stuff-icon.jpg) no-repeat; padding-top: 7px; }
.start-title-cont { border-bottom: 1px solid #000000; margin-bottom: 10px; padding-left: 30px; background: url(../img/contest-icon.jpg) no-repeat; padding-top: 5px; }
.text-orange { color: #FF6001; font-weight: bold; font-size: 13px; padding-left: 20px; background: url(../img/bullet-black.jpg) no-repeat; }
.text-black { color: #000000; font-weight: bold; font-size: 14px; margin-bottom: 5px; }
.text-black-sub { color: #000000; font-size: 14px; }
.text-normal { color:#000000; font-weight: bold; }
.text-date { color:#525252; font-size: 12px;}
.resume-link { color:#3b95d4; text-decoration: underline;}
.content-link { color:#FF6001; text-decoration: underline;}
.start-subtitle { margin-bottom: 10px; }
.resume-wallpapers { margin-left: 17px; margin-top: 20px; border-bottom: 1px dashed #bebebe;}
.start-wallpaper-frame { width: 130px; height: 100px; padding: 5px; border: 1px solid #525252; float: left; }
.start-wallpaper { width: 130px; height: 100px; }
.resume-talents { margin-left: 17px; margin-top: 20px; border-bottom: 1px dashed #bebebe;}
.start-talents-frame { width: 100px; height: 110px; padding: 5px; border: 1px solid #525252; float: left; }
.start-talents { width: 100px; height: 110px; }
.start-talents-bio { width: 310px; float: left; margin-left: 15px; }
.resume-ringtone { margin-left: 17px; margin-top: 20px; border-bottom: 1px dashed #bebebe;}
.start-ringtone-frame { width: 100px; height: 110px; padding: 5px; border: 1px solid #525252; float: left; }
.start-ringtone { width: 100px; height: 110px; }
.start-ringtone-bio { width: 310px; float: left; margin-left: 15px; }
.resume-contest { margin-left: 17px; margin-top: 20px; border-bottom: 1px dashed #bebebe;}
.start-contest-frame { width: 140px; height: 110px; float: left; }
.start-contest { width: 140px; height: 110px; }
.start-contest-desc { width: 250px; float: left; margin-left: 15px; margin-top: 25px; }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/**
*Estilos utilizados en la seccion de graffitti.
*/
.photo-wall-frame { width: 50px; height: 50px; padding: 5px; border: 1px solid #525252; float: left; }
.photo-wall { width: 50px; height: 50px; }
.resume-graffitti { width: 380px; float: left; margin-left: 15px; }
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* HTML */
/*a { color: #FFFFFF; text-decoration: none; }
a:active { color: #FD9800; }
a:hover { color: #FD9800; }
/* Container */
/*#container { width: 960px; margin: 0 auto; font-size: 11px; }
#header{ width: 950px; float: left; height: 115px; }
#header .logo { padding-left: 18px; padding-top: 10px; }
#header .company { padding-left: 18px; }
*/
/*#register { width: 644px; padding-left: 55px; padding-top: 41px; height: 384px; background: url(../img/register.jpg); font-size: 10px; }
#reg { width: 315px; }
#reg td input { color: #FFFFFF; border: 0px; background: transparent !important; width: 150px; margin: 0 auto; }
#reg td select { border: 0px; width: 40px; }
.inputcnt { width: 169px; height: 24px; background: url(../img/input.jpg) center center no-repeat; }
.submit { width: 141px; height: 53px; }
#reg2 {}
.txtlarge { width: 250px; height: 17px; border: 1px solid #666666; color: #5A5A5A; }
*/
div.cleaner{*display:inline-block;}
* html div.cleaner{height:1%;}
div.cleaner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.float-left{float:left;}
div.float-right{float:right;}
div.layer{width:490px;background:url(../img/prof-center.jpg) center 0px no-repeat;color:#5a5a5a;}
div.box-gray{background:#eeeeee;padding:8px 20px;}
div.box-yellow{background:#fffebb;padding:8px 20px;border:solid 1px #c2c85a;}
tr.new{background:#eeeeee;}
tr.post td{padding:5px;vertical-align:top;}
tr.post td.text{padding-top:20px;}
tr.post td.center{vertical-align:middle;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.medium{color:#FF6001;font-size:12px;}
.uppercase{text-transform:uppercase;}
.subtitle{font-size:13px;}
a.bullet{padding-left:8px;background:url(../img/bullet-purple.gif) no-repeat 0 3px;}
a.edit{padding-left:16px;background:url(../img/edit.gif) no-repeat 0 0;}
a.more{color:#f97314;padding-left:10px;background:url(../img/more.gif) no-repeat 0 2px;text-decoration:underline;}
a.back{color:#392a6d;padding-left:12px;background:url(../img/back.gif) no-repeat 0 2px;text-decoration:underline;}
a.sent{padding:5px 0 5px 20px;background:url(../img/sentmsg.gif) no-repeat 0 5px;}
a.inbox{padding:5px 0 5px 20px;background:url(../img/inboxmsg.gif) no-repeat 0 5px;}
a.saved{padding:5px 0 5px 20px;background:url(../img/savedmsg.gif) no-repeat 0 5px;}
a.trash{padding:5px 0 5px 20px;background:url(../img/bin.png) no-repeat 0 5px;}
span.gray{color:#8f8f8f;}
img.valign{ height:100%;vertical-align: middle;width:0px; }
#reg2 { }
#reg2 strong { color: #000; font-weight: bold; }
.txtlarge { width: 250px; height: 17px; border: 1px solid #666666; color: #000; }
/* CSS */
.DynarchCalendar {
border: 1px solid #aaa;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
background: #e8e8e8;
font: 11px "lucida grande",tahoma,verdana,sans-serif;
line-height: 14px;
position: relative;
cursor: default;
}
.DynarchCalendar table {
border-collapse: collapse;
font: 11px "lucida grande",tahoma,verdana,sans-serif;
line-height: 14px;
}
.DynarchCalendar-topBar {
border-bottom: 1px solid #aaa;
background: #ddd;
padding: 5px 0 0 0;
}
table.DynarchCalendar-titleCont {
font-size: 130%; font-weight: bold;
color: #444;
text-align: center;
z-index: 9;
position: relative;
margin-top: -6px;
}
.DynarchCalendar-title div {
padding: 5px 17px;
text-shadow: 1px 1px 1px #777;
}
.DynarchCalendar-hover-title div {
background-color: #fff;
border: 1px solid #000;
padding: 4px 16px;
background-image: url("../img/drop-down.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
}
.DynarchCalendar-pressed-title div {
border: 1px solid #000;
padding: 4px 16px;
background-color: #777;
color: #fff;
background-image: url("../img/drop-up.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
}
.DynarchCalendar-bottomBar {
border-top: 1px solid #aaa;
background: #ddd;
padding: 2px;
position: relative;
text-align: center;
}
.DynarchCalendar-bottomBar-today {
padding: 2px 15px;
}
.DynarchCalendar-hover-bottomBar-today {
border: 1px solid #000;
background-color: #fff;
padding: 1px 14px;
}
.DynarchCalendar-pressed-bottomBar-today {
border: 1px solid #000;
background-color: #777;
color: #fff;
padding: 1px 14px;
}
.DynarchCalendar-body {
position: relative;
overflow: hidden;
padding-top: 5px;
padding-bottom: 5px;
}
.DynarchCalendar-first-col { padding-left: 5px; }
.DynarchCalendar-last-col { padding-right: 5px; }
.DynarchCalendar-animBody-backYear {
position: absolute;
top: -100%;
left: 0;
}
.DynarchCalendar-animBody-back {
position: absolute;
top: 5px;
left: -100%;
}
.DynarchCalendar-animBody-fwd {
position: absolute;
top: 5px;
left: 100%;
}
.DynarchCalendar-animBody-now {
position: absolute;
top: 5px;
left: 0;
}
.DynarchCalendar-animBody-fwdYear {
position: absolute;
top: 100%;
left: 0;
}
.DynarchCalendar-dayNames {
padding-left: 5px;
padding-right: 5px;
}
.DynarchCalendar-dayNames div { font-weight: bold; color: #444; text-shadow: 1px 1px 1px #777; }
.DynarchCalendar-navBtn {
position: absolute;
top: 5px;
z-index: 10;
}
.DynarchCalendar-navBtn div {
background-repeat: no-repeat;
background-position: 50% 50%;
height: 15px;
width: 16px;
padding: 1px;
}
.DynarchCalendar-hover-navBtn div {
border: 1px solid #000;
padding: 0;
background-color: #fff;
}
.DynarchCalendar-navDisabled {
opacity: 0.3;
filter: alpha(opacity=30);
}
.DynarchCalendar-pressed-navBtn div {
border: 1px solid #000;
padding: 0;
background-color: #777;
color: #fff;
}
.DynarchCalendar-prevMonth {
left: 25px;
}
.DynarchCalendar-nextMonth {
left: 100%;
margin-left: -43px;
}
.DynarchCalendar-prevYear {
left: 5px;
}
.DynarchCalendar-nextYear {
left: 100%;
margin-left: -23px;
}
.DynarchCalendar-prevMonth div {
background-image: url("../img/nav-left.gif");
}
.DynarchCalendar-nextMonth div {
background-image: url("../img/nav-right.gif");
}
.DynarchCalendar-prevYear div {
background-image: url("../img/nav-left-x2.gif");
}
.DynarchCalendar-nextYear div {
background-image: url("../img/nav-right-x2.gif");
}
.DynarchCalendar-menu {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #ddd;
overflow: hidden;
opacity: 0.85;
filter: alpha(opacity=85);
}
.DynarchCalendar-menu table td div {
text-align: center;
font-weight: bold;
padding: 3px 5px;
}
.DynarchCalendar-menu table td div.DynarchCalendar-menu-month {
width: 4em;
text-align: center;
}
.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
border: 1px solid #000;
padding: 2px 4px;
background-color: #fff;
color: #000;
}
.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
border: 1px solid #000;
padding: 2px 4px;
background-color: #777;
color: #fff !important;
}
.DynarchCalendar-menu-year {
text-align: center;
font: 16px "lucida grande",tahoma,verdana,sans-serif;
font-weight: bold;
}
.DynarchCalendar-menu-sep {
height: 1px; font-size: 1px; line-height: 1px;
overflow: hidden;
border-top: 1px solid #888;
background: #fff;
margin-top: 4px; margin-bottom: 3px;
}
.DynarchCalendar-time td { font-weight: bold; font-size: 120%; }
.DynarchCalendar-time-hour, .DynarchCalendar-time-minute { padding: 1px 3px; }
.DynarchCalendar-time-down { background: url("../img/time-down.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
.DynarchCalendar-time-up { background: url("../img/time-up.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
.DynarchCalendar-time-sep { padding: 0 2px; }
.DynarchCalendar-hover-time { background-color: #444; color: #fff; opacity: 1; }
.DynarchCalendar-pressed-time { background-color: #000; color: #fff; opacity: 1; }
.DynarchCalendar-time-am { padding: 1px; width: 2.5em; text-align: center; }
/* body */
.DynarchCalendar-hover-week { background-color: #ddd; }
.DynarchCalendar-dayNames div, .DynarchCalendar-day, .DynarchCalendar-weekNumber {
width: 1.7em;
padding: 3px 4px;
text-align: center;
}
.DynarchCalendar-weekNumber {
border-right: 1px solid #aaa;
margin-right: 4px;
width: 2em !important;
padding-right: 8px !important;
}
.DynarchCalendar-day {
text-align: right; color: #222;
}
.DynarchCalendar-day-othermonth { color: #888; }
.DynarchCalendar-weekend { color: #c22; }
.DynarchCalendar-day-today { color: #00f; font-weight: bold; }
.DynarchCalendar-day-disabled {
opacity: 0.5;
text-shadow: 2px 1px 1px #fff;
}
.DynarchCalendar-hover-date {
padding: 2px 3px;
background-color: #eef;
border: 1px solid #88c;
margin: 0 !important;
color: #000;
}
.DynarchCalendar-day-othermonth.DynarchCalendar-hover-date { border-color: #aaa; color: #888; }
.DynarchCalendar-dayNames .DynarchCalendar-weekend { color: #c22; }
.DynarchCalendar-day-othermonth.DynarchCalendar-weekend { color: #d88; }
.DynarchCalendar-day-selected {
padding: 2px 3px;
margin: 1px;
background-color: #aaa;
color: #000 !important;
}
.DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: #999; }
/* focus */
.DynarchCalendar-focusLink {
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.DynarchCalendar-focused {
border-color: #000;
}
.DynarchCalendar-focused .DynarchCalendar-topBar, .DynarchCalendar-focused .DynarchCalendar-bottomBar {
background-color: #ccc;
border-color: #336;
}
.DynarchCalendar-focused .DynarchCalendar-hover-week {
background-color: #ccc;
}
.DynarchCalendar-tooltip {
position: absolute;
top: 100%;
width: 100%;
}
.DynarchCalendar-tooltipCont {
margin: 0 5px 0 5px;
border: 1px solid #aaa;
border-top: 0;
padding: 3px 6px;
background: #ddd;
}
.DynarchCalendar-focused .DynarchCalendar-tooltipCont {
background: #ccc;
border-color: #000;
}
@media print {
.DynarchCalendar-day-selected {
padding: 2px 3px;
border: 1px solid #000;
margin: 0 !important;
}
}
.DynarchCalendar, .DynarchCalendar-focused {
background-color: #d4d0c8;
}
.DynarchCalendar-topBar,
.DynarchCalendar-bottomBar,
.DynarchCalendar-focused .DynarchCalendar-topBar,
.DynarchCalendar-focused .DynarchCalendar-bottomBar {
background-color: #848078;
color: #fff;
}
.DynarchCalendar-title div { color: #fff; }
.DynarchCalendar-dayNames { background-color: #f4f0e8; }
.DynarchCalendar-hover-navBtn div,
.DynarchCalendar-hover-title div,
.DynarchCalendar-hover-bottomBar-today {
border-color: #f4f0e8 #444038 #444038 #f4f0e8;
background-color: #d4d0c8;
color: #000;
}
.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
border-color: #f4f0e8 #444038 #444038 #f4f0e8;
background-color: #e4e0d8;
color: #000;
}
.DynarchCalendar-pressed-navBtn div,
.DynarchCalendar-pressed-title div,
.DynarchCalendar-pressed-bottomBar-today,
.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
border-color: #444038 #f4f0e8 #f4f0e8 #444038;
background-color: #646058;
color: #fff;
}
.DynarchCalendar-hover-date {
border-color: #f4f0e8 #444038 #444038 #f4f0e8;
background-color: #e4e0d8;
}
.DynarchCalendar-day {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.DynarchCalendar-day-disabled {
background: #c4c0b8;
}
.DynarchCalendar-hover-week { background-color: #e4e0d8 !important; }
.DynarchCalendar-day-selected {
background-color: #e4e0d8;
border: 1px solid;
border-color: #444038 #f4f0e8 #f4f0e8 #444038;
margin: 0;
}
.DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: #e4e0d8; }
.DynarchCalendar-menu {
background-color: #d4d0c8;
}
/* This is for Gecko-based browsers */
.DynarchCalendar {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.DynarchCalendar-title, .DynarchCalendar-title div {
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.DynarchCalendar-topBar {
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px;
border-radius: 4px 4px 0 0;
}
.DynarchCalendar-bottomBar {
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.DynarchCalendar-bottomBar-today {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.DynarchCalendar-navBtn, .DynarchCalendar-navBtn div {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.DynarchCalendar-menu {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.DynarchCalendar-menu table td div {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.DynarchCalendar-weekNumber {
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.DynarchCalendar-day {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.DynarchCalendar-day-disabled {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.DynarchCalendar-tooltipCont {
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 5px;
}
.DynarchCalendar-time-hour, .DynarchCalendar-time-minute {
-moz-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px;
}
.DynarchCalendar-time-am {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#dw .tab{
/*background: url('../img/graybg.png') repeat-x left top ;*/
width: 144px ;
}
#dw .degree div{
padding: 10px 26px ;
padding-left: 10px;
}
#dw .solid div{
padding: 18px 26px ;
}
h4{
background: url('../img/dw-icons.jpg') no-repeat left top ;
color: #24006c ;
font-size: 15px ;
font-weight: bold ;
margin: 0 0 4px 0 ;
padding: 6px 0 5px 40px ;
}
WALLPAPER
div.row_wallpaper{padding: 5px 5px; }
div.wallpaper_container{width:100%; margin: 0 auto 0 auto; }
div.wall-block{float:left; margin: 10px 4px 10px 4px;}
div.wall-block div a img{border:0;}
div.wall-block div span{color:blue; display:block; text-align:left}
div.wallpaper{ }
div.data_wallpaper{width:90%; margin: 0 auto 0 auto;}
#dw .form { overflow:hidden; padding: 0 0 30px 0; zoom: 1; }
#dw .form div.fblock { float: left; padding: 0 0 10px 0; width: 50%; }
#dw .form div.fblock div.l { margin: 0 0 0 0px; }
#dw .form div.frblock { float: left; padding: 0 0 10px 0; width: 50%; }
#dw label { /*background: url(../img/icon-circle-blue.png) right 2px no-repeat;*/ color:#FFF; display:block; padding:3px 0 2px 0; text-align:left; width:165px; }
#dw .divcontent { background:#0066a8; width:170px; padding-left: 3px; }
#dw select { background:#fff; width:300px; }
#nav {
margin: 0;
padding: 0;
list-style: none;
}
#nav > li {
/*background: #F5F5F5;
border-bottom: 1px solid #aaa;*/
}
#nav li {
position: relative;
float: left;
}
#nav ul {
position: absolute;
top: 15px;
left: 0px;
margin: 0;
padding: 0;
list-style: none;
width: 99px;
border: 1px solid #AAA;
background: #f1f1f1;
-webkit-box-shadow: 1px 1px 5px #AAA;
-moz-box-shadow: 1px 1px 5px #AAA;
box-shadow: 1px 1px 5px #AAA;
}
#nav ul li {
float: none;
padding: 0;
text-align: center;
}
#nav ul li a {
width: 99px;
_width: 99px;
background: #e7e7e7;
color: #000;
padding: 5px 0px 5px 0px;
display: block;
_float: left;
font-weight: normal;
font-size: 10px;
}
#nav ul li a:hover {
background: #FF6001;
color: #fff;
}
#nav ul ul {
left: 137px;
_left: 0;
top: 0;
}
#panel-left { width: 730px; }
#panel-right { width: 730px; }
#music-header { padding-top: 25px; }
#guitar { float: left; width: 385px; margin: 0px; padding: 0px; }
#logo-talent { float: right; width: 334px; }
#filter-music { padding-top: 20px; margin: 0px; }
/*Tablas**********/
.title-large { width: 119px; font-size: 10px; text-align: center; color: #fff; }
.title-short { width: 95px; font-size: 10px; text-align: center; color: #fff; }
.title-short2 { width: 80px; font-size: 10px; text-align: center; color: #fff; }
/*Enlaces*********/
.enlace { text-decoration: none; color: #000000; }
.td-title-green { height:20px; _height:20px; background: #31a401; }
.td-title-green div { height:18px; _height:18px; padding-top:4px; padding-left:4px; margin-right: 3px; /*background: url(../img/icon-circle-green.png) right 2px no-repeat;*/ color: #ffffff; text-align: left; }
.title-filter-green { height:18px; _height:18px; padding-top:2px; padding-left:4px; padding-right: 3px; /*background: #31a401 url(../img/icon-circle-green.png) right 2px no-repeat;*/ color: #ffffff; }
/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {
width:510px;
margin:10px auto 10px;
background:#FFF ;
display:block;
position:relative;
padding:0px 10px 0px;
border-bottom:5px #FFF solid;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{
display:block;
position:absolute;
cursor:pointer;
width:25px;
height:200px;
bottom:0px;
right:5px;
background:url(../img/slideitmoo_forward.png) no-repeat center;
}
#SlideItMoo_outer .SlideItMoo_back {
left:5px;
background:url(../img/slideitmoo_back.png) no-repeat center;
}
/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{
position:relative ;
overflow:hidden ;
width:474px ; /* set a display width to make the slider look good in case js is disabled */
margin:0px auto 0px;
padding:10px 0px 10px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items {
display:block;
position:relative;
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element {
display:block;
position:relative;
float:left;
margin:0px 15px 0px;
font-size:11px;
width:128px;
text-align:center;
color:#FFFFFF;
}
#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:#FFF; padding:2px; color:#000000; }
#SlideItMoo_items a img{ border:none; }
/* --------------------BANNER ROTATOR--------------------- */
#SlideItMoo_banners_outer {
display:block;
position:relative;
width:557px;
height:140px;
margin:0px auto 0px;
border:1px #CCCCCC solid;
}
#SlideItMoo_banners_inner {
position:relative ;
overflow:hidden ;
width:557px ;
height:134px ;
margin:0px auto 0px;
}
#SlideItMoo_banners_items {
white-space:nowrap;
display:block;
position:relative;
}
#SlideItMoo_banners_items a img {
border:none;
}
/* -------------------INFO BANNERS-------------------- */
#SlideItMoo_info_outer {
display:block;
position:relative;
width:557px;
height:190px;
margin:0px auto 0px;
border:1px #CCCCCC solid;
}
#SlideItMoo_info_inner {
position:relative ;
overflow:hidden ;
width:557px ;
height:190px ;
margin:0px auto 0px;
}
#SlideItMoo_info_items {
display:block;
position:relative;
}
#SlideItMoo_info_items .info_item{
display:block;
position:relative;
width:547px;
height:200px;
float:left;
background:#FFF;
text-align:justify;
padding:5px;
border-right:5px #FFF solid;
}
#SlideItMoo_info_items .info_item a img{
border:none;
}
#SlideItMoo_info_items .info_item img {
float:left;
margin-right:15px;
}
#SlideItMoo_info_items .info_item h1{
background:none;
color:#006699;
text-align:right;
margin:5px 0px 10px;
}
/* ----------------IMAGE SLIDER CUSTOM------------- */
#SlideItMoo_outer_custom {
width:600px;
display:block;
position:relative;
padding:0px 10px 0px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer_custom .SlideItMoo_forward,
#SlideItMoo_outer_custom .SlideItMoo_back{
display:block;
position:absolute;
cursor:pointer;
width:25px;
height:75px;
bottom:0px;
right:5px;
background:url(../img/slideitmoo_forward.png) no-repeat center;
}
#SlideItMoo_outer_custom .SlideItMoo_back {
left:5px;
background:url(../img/slideitmoo_back.png) no-repeat center;
}
/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner_custom{
position:relative ;
overflow:hidden ;
width:474px ; /* set a display width to make the slider look good in case js is disabled */
margin:0px auto 0px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items_custom {
display:block;
position:relative;
}
/* single element design */
#SlideItMoo_items_custom div.SlideItMoo_element_custom {
display:block;
position:relative;
float:left;
margin:0px 2px 0px;
font-size:11px;
width:68px;
height:68px;
text-align:center;
}
#SlideItMoo_items_custom a { padding:0px; margin:3px 0px 3px; clear:both; display:block; padding:2px; color:#000000; }
#SlideItMoo_items_custom a img{ border:none; }
/* FormCheck tipbox */
/* tipbox :
table :
tl : top left
t : top
tr : top right
l : left
r : right
bl : bottom left
b : bottom (with mark)
br : bottom right
c : center
components :
a.close : close button
err : errors div
p : error line
*/
.fc-tbx .tl{
background: url('img/tl.png') no-repeat;
}
.fc-tbx .t{
background: url('img/t.png') repeat-x;
height: 16px;
}
.fc-tbx .tr{
background: url('img/tr.png') no-repeat;
}
.fc-tbx .l{
background: url('img/l.png') repeat-y;
width : 16px;
}
.fc-tbx .r{
background: url('img/r.png') repeat-y;
width: 16px;
}
.fc-tbx .bl{
background: url('img/bl.png') no-repeat;
}
.fc-tbx .b{
background: url('img/b.png') no-repeat;
height: 25px;
}
.fc-tbx .br{
background: url('img/br.png') no-repeat;
}
.fc-tbx .c{
background: url('img/c.png') repeat;
}
.fc-tbx a.close {
float: right;
background: url('img/close.png') no-repeat;
position: relative;
margin-left: 5px;
display: block;
width: 10px;
height: 10px;
cursor: pointer;
}
.fc-tbx .err {
float: left;
}
.fc-tbx p {
width : auto;
display: block;
font-size: 10px;
font-family: tahoma, verdana, "sans-serif";
margin : 0;
padding : 0;
border : 0;
color : #FFF;
}
.ajax_loader {
background : url('img/ajax-loader.gif') no-repeat center;
width : 200px;
height : 150px;
}
/* FormCheck validation div */
.fc-error {
border : 1px solid #888;
margin-top : 5px;
background-color : #EAEAEA;
}
.fc-error p {
margin : 5px;
color : #A00;
}/*
* Ext JS Library 1.1.1
* Copyright(c) 2006-2007, Ext JS, LLC.
* licensing@extjs.com
*
* http://www.extjs.com/license
*/
.strengthMeter {
border: 1px solid #B5B8C8;
margin: 3px 0 3px 0;
background-image: url(meter_background.gif);
}
.strengthMeter-focus {
border: 1px solid #000;
}
.scoreBar {
background-image: url(meter.gif);
height: 10px;
width: 0;
line-height: 1px;
font-size: 1px;
}.roar-body
{
position: absolute;
font: 12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
color: #fff;
text-align: left;
z-index: 999;
}
.roar
{
position: absolute;
width: 300px;
cursor: pointer;
}
.roar-bg
{
position: absolute;
z-index: 1000;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #000;
-moz-border-radius: 10px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.roar-body-ugly .roar
{
background-color: #333;
}
.roar-body-ugly .roar-bg
{
display: none;
}
.roar h3
{
position: relative;
padding: 15px 10px 0;
margin: 0;
border: 0;
font-size: 13px;
color: #fff;
z-index: 1002;
text-align: center;
}
.roar p
{
position: relative;
padding: 10px 10px 15px;
margin: 0;
font-size: 12px;
color: #fff;
z-index: 1002;
text-align: center;
font-weight: bold;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ul, li, dl, dt, dd,
fieldset, form, label, legend,
caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
a{ text-decoration: underline; cursor: pointer; color: #f27021; }
body {
line-height: 1;
}
ul { list-style: none; }
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* No olvides definir estilos para focus */
:focus {
outline: 0;
}
/* No olvides resaltar de alguna manera el texto insertado/borrado */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* En el código HTML es necesario añadir cellspacing="0" */
table {
border-collapse: collapse;
border-spacing: 0;
}
h1 { padding: 0; margin: 0; }
h2 { padding: 0; margin: 0; }
h3 { padding: 0; margin: 0; }
h5 { padding: 0; margin: 0; }
h6 { padding: 0; margin: 0; }
body{ background: #fff url(../img/site_new/bg-body.jpg) repeat-x 0px 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0; line-height: 1.4; }
/**************************************************************/
/* STANDARD CLASS / ID */
/**************************************************************/
.clear { clear: both; }
h2.general-titles { font-size: 18px; color: #42413c; }
h3.sub-titles { font-size: 15px; color: #5f5e58; padding-top: 20px; }
.line-separate { width: 100%; border-top: 1px solid #d1d1cf; margin: 30px auto; }
.input { border: 1px solid #d2d4d6; background: #fff url(../img/site_new/bg-inputs.jpg) repeat-x 0px 0px; }
.txt-inputs { color: #000; }
.btn-search { width: 24px; height: 21px; background: url(../img/site_new/btn-search.gif) no-repeat 0px 0px; border: none; cursor: pointer; }
.btns { display: block; width: 105px; height: 25px; line-height: 25px; text-align: center; cursor: pointer; color: #fff; background: url(../img/site_new/bg-btns.gif) no-repeat 0px 2px; font-size: 12px; border: none; padding: 0px 5px; }
.btns-img { display: block; width: 105px; height: 25px; line-height: 25px; text-align: center; cursor: pointer; color: #fff; background: url(../img/site_new/btn-upload-image-es.png) no-repeat 0px 2px; font-size: 12px; border: none; padding: 0px 5px; }
/**************************************************************/
/* INDEX
/**************************************************************/
#container { width: 960px; min-height: 200px; _height: 200px; margin: 0px auto; }
#header { width: 960px; min-height: 122px; _height: 122px; }
.header-top p { color: #fff; padding: 5px 0px 0px 12px; }
.header-top b { font-size: 13px; }
.header-top span { font-weight: bold; }
.header-logo { float: left; }
.header-logo p { padding: 30px 50px 0px 10px; }
.slogan { float: left; padding: 0; line-height: 1.6; }
.slogan h1 { display: block; float: left; font-size: 15px; color: #5e5d58; }
.slogan a { display: block; float: right; color: #8a9197; margin: 27px 0 0 70px; }
.change-languaje { float: right; }
.change-languaje a { margin: 0px; color: #F27021; }
#content-social-media { width: 960px; height: 30px; text-align: right; }
#content-social-media a { margin-left: 10px; }
#content { width: 960px; min-height: 200px; _height: 200px; background: url(../img/site_new/bg-container.gif) repeat-y 0px 0px; }
.left { float: left; width: 258px; min-height: 200px; _height: 200px; padding: 0px 40px 50px 12px; }
.new-left p { padding-top: 30px; }
.center { float: left; width: 302px; min-height: 200px; _height: 200px; padding: 0px 20px 45px 18px; }
.content-perfil-index { padding-top: 25px; }
.pic-perfil-index { float: left; width: 51px; height: 70px; overglow: hidden; }
.txt-name-perfil { float: left; padding-left: 14px; }
.txt-name-perfil p { font-size: 15px; color: #5f5e58; padding-bottom: 25px; }
.content-itsyou p { padding-top: 20px; }
.right { float: left; width: 278px; min-height: 200px; _heigth: 200px; padding: 0px 12px 452px 0px; margin-left: 20px; background: url(../img/site_new/bg-right.jpg) no-repeat 0px bottom; }
.form-login { padding-top: 15px; }
.txt-login-fb { font-size: 14px; color: #3b5997; padding-bottom: 15px; }
.txt-visit-fanpage { text-decoration: underline; padding-top: 18px; }
#footer { width: 100%; min-height: 62px; _height: 62px; background: url(../img/site_new/bg-footer.jpg) repeat-x 0px 0px; text-align: center; }
#footer ul { padding: 10px 0 11px; }
#footer ul li { display: inline; padding: 0px 10px; }
#footer ul li a { color: #8a9197; text-decoration: none; }
#footer p { color: #b2b2b2; }
/**************************************************************/
/* CONTENT
/**************************************************************/
.frm-search { float: right; padding: 15px 2px 0 0; }
#menu-tab { text-align: center; margin-top: -2px; }
#menu-tab td { }
#menu-tab a { padding: 0px 20px; line-height: 2.3; font-size: 12px; color: #666; text-decoration: none; }
#menu-tab td.selected { background: url(../img/site_new/bg-menu-right.png) no-repeat right 0px; }
#menu-tab td.selected a { display: block; background: url(../img/site_new/bg-menu-left.jpg) no-repeat left 0px; color: #f27021; }
#menu-tab a:hover { text-decoration: underline; }
#content-content { width: 960px; min-height: 200px; _height: 200px; margin-top: 30px; }
.profile-left { float: left; width: 217px; min-height: 200px; _height: 200px; padding: 0px 10px; }
.profile-center { float: left; width: 445px; min-height: 200px; _height: 200px; padding: 0px 15px 0px 20px; }
.start-content { }
ul.menu-my-verykool { padding-top: 15px; }
ul.menu-my-verykool li { border-bottom: 1px solid #e0e0df; padding: 7px 0px; }
ul.menu-my-verykool li a { display: block; }
/**************************************************************/
/* SEE-PROFILE
/**************************************************************/
.content-msg { float: left; width: 375px; min-height: 10px; _height: 10px; }
.content-img-msg { float: left; width: 70px; }
.leyend-msg { padding: 20px 0px; }
.leyend-msg a { font-weight: bold; font-size: 10px; color: #8a9197; text-decoration: none; }
.leyend-msg a:hover { text-decoration: underline; }
div.comment-resp { background: #fff1de; margin: 5px 0px; padding: 5px; }
#right-panel { float: left; width: 218px; min-height: 10px; _height: 10px; padding: 0 10px 0 15px; }
/**************************************************************/
/* EDIT-PROFILE
/**************************************************************/
#table-profile-edit a { text-decoration: none; color: #8a9197; cursor: text; }
#table-profile-edit label { color: #000; }
#table-profile-edit h3 { border-top: 1px solid #c1c1bf; margin-top: 25px; padding: 23px 0px; }
#table-profile-edit td { height: 25px; }
/**************************************************************/
/* VIEW-PROFILE
/**************************************************************/
#table-profile-edit2 a { text-decoration: none; }
#table-profile-edit2 label { color: #000; }
#table-profile-edit2 td { height: 25px; }
#table-profile-edit2 h3 { border-top: 1px solid #c1c1bf; margin-top: 25px; padding: 23px 0px; }
/**************************************************************/
/* LIST-FRIEND
/**************************************************************/
.table-list-friend tr { border-top: 1px solid #cdcfcd; border-bottom: 1px solid #cdcfcd; background: #f5f6f7; height: 75px; _height: 75px; }
.table-list-friend td { padding: 0px 10px; }
.list-friend-img { display: block; width:63px; height: 63px; }
/**************************************************************/
/* PANEL-RIGHT
/**************************************************************/
.title-right-link { padding-bottom: 20px; }
.title-right-link a { font-size: 13.5px; font-weight: bold; color: #000; text-decoration: none; }
.title-right-link a:hover { text-decoration: underline; }
.content-right-link a { font-size: 10px; color: #333; text-decoration: none; line-height: 1.5; }
.content-right-link a:hover { text-decoration: underline; }
.title-right { font-size: 13.5px; font-weight: bold; color: #000; text-decoration: none; padding-bottom: 20px; }
.content-right { font-size: 10px; color: #333; text-decoration: none; line-height: 1.5; }
/**************************************************************/
/* DEFAULT
/**************************************************************/
#general_content { width: 680px; min-height: 20px; float: left; padding: 0 15px 0 20px; }
.table-downloads th { font-size: 11px; color: #000; border-bottom: 1px solid #babab8; text-align: left; font-weight: normal; padding: 5px; }
.table-downloads tr.rowselected td { height: 22px; padding: 5px; }
.table-downloads tr.rowalternate td { height: 22px; padding: 5px; background: #fff0de; }
.table-downloads tr.rownormal td { height: 22px; padding: 5px; background: fff; }
/**************************************************************/
/* LISTA-TIENDAS
/**************************************************************/
.list-shop { font-size: 12px; }
.title-country { font-size: 18px; color: #000; }
.title-compaty { font-size: 14px; color: #5f5f5f; font-weight: bold; }
.disp-model { font-weight: bold; color: #5f5f5f; }
/**************************************************************/
/* SUB MENU DOWNLOADs
/**************************************************************/
.sub-menu-download a { font-size: 12px; padding: 0px 10px; }
.sub-menu-download a.selected { color: #000; }
h3.titles-downloads { font-size: 18px; font-weight: normal; }
h3.titles-downloads a { color: #ff6c00; }
/**************************************************************/
/* CREDITOS
/**************************************************************/
#creditos { width: 960px; text-align: center; padding: 80px 0 10px; margin: 0px auto; }
#creditos a { color: #666; }
#creditos a:hover { text-decoration: underline; }
/**
* SqueezeBox - Expandable Lightbox
*
* Allows to open various content as modal,
* centered and animated box.
*
* @version 1.1 rc4
*
* @license MIT-style license
* @author Harald Kirschner
* @copyright Author
*/
#sbox-overlay {
position: absolute;
background-color: #000;
left: 0px;
top: 0px;
zoom: 1;
}
#sbox-window {
position: absolute;
background-color: #fff;
text-align: left;
overflow: visible;
padding: 10px;
/* invalid values, but looks smoother! */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#sbox-btn-close {
position: absolute;
width: 30px;
height: 30px;
right: -15px;
top: -15px;
background: url(../js/assets/closebox.png) no-repeat center;
border: none;
}
.sbox-window-ie6 #sbox-btn-close {
background-image: url(../js/assets/closebox.gif);
}
.sbox-loading #sbox-content {
background-image: url(../js/assets/spinner.gif);
background-repeat: no-repeat;
background-position: center;
}
#sbox-content {
clear: both;
overflow: auto;
background-color: #fff;
height: 100%;
width: 100%;
position: relative;
}
#sbox-content-title {
font-weight: bold;
font-size: 10px;
padding: 3px;
background-color: #666666;
width: 99%;
z-index: 1000;
float: left;
position: absolute;
color: #FFF;
filter: alpha(opacity=80); opacity: .8;
top: 0px;
left: 0px;
}
.sbox-content-image#sbox-content {
overflow: visible;
}
#sbox-image {
display: block;
}
.sbox-content-image img {
display: block;
width: 100%;
height: 100%;
}
.sbox-content-iframe#sbox-content {
overflow: visible;
}
/* Hides scrollbars */
.body-overlayed {
overflow: hidden;
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
visibility: visible;
}
/* Shadows */
.sbox-bg {
position: absolute;
width: 33px;
height: 40px;
}
.sbox-bg-n {
left: 0;
top: -40px;
width: 100%;
background: url(../js/assets/bg_n.png) repeat-x;
}
.sbox-bg-ne {
right: -33px;
top: -40px;
background: url(../js/assets/bg_ne.png) no-repeat;
}
.sbox-bg-e {
right: -33px;
top: 0;
height: 100%;
background: url(../js/assets/bg_e.png) repeat-y;
}
.sbox-bg-se {
right: -33px;
bottom: -40px;
background: url(../js/assets/bg_se.png) no-repeat;
}
.sbox-bg-s {
left: 0;
bottom: -40px;
width: 100%;
background: url(../js/assets/bg_s.png) repeat-x;
}
.sbox-bg-sw {
left: -33px;
bottom: -40px;
background: url(../js/assets/bg_sw.png) no-repeat;
}
.sbox-bg-w {
left: -33px;
top: 0;
height: 100%;
background: url(../js/assets/bg_w.png) repeat-y;
}
.sbox-bg-nw {
left: -33px;
top: -40px;
background: url(../js/assets/bg_nw.png) no-repeat;
}
#sbox-window .sbox-content-swf
{
overflow: hidden;
}
/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
background-color: #000;
position: absolute;
margin: auto;
top: 0;
left: 0;
z-index: 100;
}
#GB_window {
left: 0;
top: 0;
font-size: 1px;
position: absolute;
overflow: visible;
z-index: 150;
}
#GB_window .content {
width: auto;
margin: 0;
padding: 0;
}
#GB_frame {
border: 0;
margin: 0;
padding: 0;
overflow: auto;
white-space: nowrap;
}
.GB_Gallery {
margin: 0 22px 0 22px;
}
.GB_Gallery .content {
background-color: #fff;
border: 3px solid #ddd;
}
.GB_header {
top: 10px;
left: 0;
margin: 0;
z-index: 500;
position: absolute;
border-bottom: 2px solid #555;
border-top: 2px solid #555;
}
.GB_header .inner {
background-color: #333;
font-family: Arial, Verdana, sans-serif;
padding: 2px 20px 2px 20px;
}
.GB_header table {
margin: 0;
width: 100%;
border-collapse: collapse;
}
.GB_header .caption {
text-align: left;
color: #eee;
white-space: nowrap;
font-size: 20px;
}
.GB_header .close {
text-align: right;
}
.GB_header .close img {
z-index: 500;
cursor: pointer;
}
.GB_header .middle {
white-space: nowrap;
text-align: center;
}
#GB_middle {
color: #eee;
}
#GB_middle img {
cursor: pointer;
vertical-align: middle;
}
#GB_middle .disabled {
cursor: default;
}
#GB_middle .left {
padding-right: 10px;
}
#GB_middle .right {
padding-left: 10px;
}
.GB_Window .content {
background-color: #fff;
border: 3px solid #ccc;
border-top: none;
}
.GB_Window .header {
border-bottom: 1px solid #aaa;
border-top: 1px solid #999;
border-left: 3px solid #ccc;
border-right: 3px solid #ccc;
margin: 0;
height: 22px;
font-size: 12px;
padding: 3px 0;
color: #333;
}
.GB_Window .caption {
font-size: 12px;
text-align: left;
font-weight: bold;
white-space: nowrap;
padding-right: 20px;
}
.GB_Window .close { text-align: right; }
.GB_Window .close span {
font-size: 12px;
cursor: pointer;
}
.GB_Window .close img {
cursor: pointer;
padding: 0 3px 0 0;
}
.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }