/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ html, body { width:100%; height:100%; overflow:hidden; } body { color:#000; font-family: Arial, Helvetica, sans-serif; } a{ color:#99FF00;} /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ div.background img{ height:100%; position:absolute; width:100%; z-index:1; } /*---- Container ----*/ div#container { height:100%; left:0; overflow:auto; position:absolute; top:0; width:100% !important; z-index:2; } div.wrapper{ width:976px; margin:0 auto;} /*---- Header ----*/ div#header{ background:url(../images/home/header/header-bg.jpg) center top no-repeat; height:74px;} /*---- Content ----*/ div#content{ margin:0 auto; padding-bottom:60px; } /*---- Content-Layout-1 ----*/ div#content.layout-1{ background:url(../images/my-profile/content/content-bg.gif) left top repeat-x; padding-top:8px;} /*---- Content-Layout-2 ----*/ div.layout-2{ background:url(../images/my-profile/content/content-bg.gif) left top repeat-x; padding-top:8px;} /*---- Main ----*/ div#main{ width:748px; float:right; padding:0 1px 0 5px; background:#EFEFEF;} /*---- Content-Layout-1-Main ----*/ div#content.layout-1 div#main{float:left; background:none;} /*---- Content-Layout-2-Main ----*/ div#content.layout-2 div#main{width:976px; float:none; background:none; } /*---- Content-Layout-1-Inner-Main ----*/ div#content.layout-1 div#main div.innermain{ width:530px; float:left; margin-top:4px; padding-left:5px;} /*---- Content-Layout-2-Inner-Main ----*/ div#content.layout-2 div#main div.innermain{ width:530px; float:left; margin-top:4px; padding-left:5px;} /*---- Sidebar ----*/ div#sidebar{ width:222px; float:left;} /*---- Content-Layout-1-Inner-Sidebar ----*/ div#content.layout-1 div#main div.innersidebar{ width:193px; float:left;} /*---- Content-Layout-1-Inner-Sidebar ----*/ div#content.layout-2 div#main div.innersidebar{ width:410px; float:left; padding-left:10px;} /*---- Content-Layout-1-Sidebar ----*/ div#content.layout-1 div#sidebar{width:201px; float:left; margin-top:4px; padding:0 10px 0 0;} /*---- Content-Layout-3 ----*/ div#content.layout-3{background:url(../images/layout-3-bg.jpg) repeat-x 0 0;} /*---- Two-column-Layout-1 ----*/ div.two-column-layout1 div#sidebar{width:238px; float:left;} div.two-column-layout1 div#main{width:725px; float:right; background:none;} /*---- Footer ----*/ div#footer{ text-align:center; } /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Pop Up ----*/ div.popup {width:475px; position:absolute; z-index:20; right:0; top:160px;} div#pop-up div.popup {width:475px; position:absolute; z-index:20; right:0; top:40px;} div.popup div.popup-top-left{ background:url(../images/popup/popup-top-left.png) left bottom no-repeat; padding-left:9px; height:13px; line-height:13px; } div.popup div.popup-top-left div.popup-top-right { background:url(../images/popup/popup-top-right.png) right bottom no-repeat; height:13px; line-height:13px; padding-right:9px;} div.popup div.popup-middle-left{ background:url(../images/popup/popup-middle-left.gif) left top repeat-y; padding:0px 0px 0px 5px; } div.popup div.popup-middle-left div.popup-middle-right { background:url(../images/popup/popup-middle-right.gif) right top repeat-y; padding:15px 12px 1px; } div.popup div.popup-bottom-left{ background:url(../images/popup/popup-bottom-left.gif) left bottom no-repeat; line-height:8px; padding-left:9px; } div.popup div.popup-bottom-left div.popup-bottom-right{ background:url(../images/popup/popup-bottom-right.gif) right bottom no-repeat; line-height:8px; padding-right:9px; } div.popup h3{ font-size:130%; color:#333; border-bottom:1px solid #d6d6d6; padding-bottom:5px; line-height:16px; margin:0px 7px 5px; } div.popup h3 img { float:right; } div.popup h4{ font-size:110%; text-transform:uppercase; color:#3b3b3b; line-height:18px; margin:0px 7px 5px; } div.popup div.header{ padding:5px 7px; } div.popup div.header span.today{ float:left; line-height:17px; font-size:120%; font-weight:bold; color:#333; } div.popup div.header span.filter{ line-height:17px; margin-right:5px; font-size:110%; float:right; } div.popup ul li { padding:5px 7px; background:#f5f5f5; margin-bottom:1px; } div.popup ul li:hover{ background:#e2f2c5; } div.popup ul li img { float:left; margin-right:8px; } div.popup ul li h5{ font-size:120%; color:#333; line-height:12px; } div.popup ul li h5 a{ color:#79A42D; } div.popup ul li p{ color:#565656; font-size:110%; line-height:12px; } div.popup ul li span.metadata a{ color:#8FC135; } div.popup ul li span.metadata{ font-size:100%; line-height:12px; display:block; } div.popup div.footer{ padding:5px 7px; } div.popup div.footer div.pagination{ float:left; } div.popup div.footer div.pagination a{ color:#505050; display:block; float:left; margin-right:5px; line-height:17px; font-size:100%; font-weight:bold; color:#333; } div.popup div.footer div.pagination span{ float:left; margin-right:5px; line-height:17px; font-size:100%; font-weight:bold; color:#333; } div.popup div.footer div.pagination a.previous{ background:url(../images/popup/previous.jpg) left top no-repeat; margin-right:5px; width:22px; height:17px; } div.popup div.footer div.pagination a.next{ background:url(../images/popup/next.jpg) left top no-repeat; width:22px; height:17px; } div.popup div.footer input{ float:right; } div.popup div.footer a:hover{ text-decoration:none; } div.popup div.form { padding:5px 7px; } div.popup div.form label { font-size:110%; color:#333; font-weight:bold; line-height:18px; } /*--- form1---*/ div.popup div.form1 h5{ font-size:130%; margin-bottom:10px; font-weight:normal;} div.popup div.form1 ul li{list-style:none; margin-bottom:8px; background:none; padding:0;} div.form1 ul li label{width:110px; display:block; font-size:110%; color:#333; float:left; line-height:22px; text-align:right; margin-right:20px; } div.form1 ul li input.text-box{border:1px solid #A6D74F; width:247px; height:22px; line-height:22px; display:block; padding:0 5px;} div.form1 ul li input.text-box.small{width:85px; float:left; margin-right:10px;} div.form1 div.section{border-bottom:1px solid #CCCCCC; padding:0 0 10px 0; background:none; height:auto; width:auto; float:none; margin-bottom:15px;} div.form1 div#privacy ul li input.radio{display:block; float:left; margin-right:5px; line-height:18px;} div.form1 ul li label.privacy{width:auto;} div.form1 ul li input.submit{margin:0 auto; display:block; } div.popup div.form1 ul li textarea{border:1px solid #A6D74F;} div#select-photo { margin-bottom:30px; width:368px; } div.album { width:420px; } div.album p.select{ font-size:110%; color:#333; margin-bottom:12px; } div.album p.select a.select { float:right; color:#394D13; background:url(../images/popup/arrow.gif) left center no-repeat; padding-left:10px; } div.album img { border:1px solid #ccc; padding:1px; margin-right:14px; } div.album img:hover{border-color:#9ED53B; background:#9ED53B;} /*---- Header-Company-Info ----*/ div#company-info{ width:500px; float:left;} /*---- Header-Company-Info-Navigation ----*/ div#navigation ul li{ font-size:140%; line-height:25px; font-weight:bold; margin-right:5px; display:inline;} div#navigation ul li a{ color:#92C637; padding:6px;} div#navigation ul li a.active, div#navigation ul li a:hover{ background:#A6D74E; color:#394E13; font-weight:bold; text-decoration:none;} /*---- Header-User-Details-Info ----*/ div#user-details{ /*width:165px;*/ float:right; margin-top:10px;} div#user-details div.info {height: 32px;} div#user-details div.info p{ color:#fff; font-size:120%; float:left; margin:10px 8px 0 0; font-weight:bold;} /*---- Header-User-Details-Control ----*/ div#user-details div.control ul li{ display:inline; font-size:110%; line-height:30px;} div#user-details div.control ul li a{ text-decoration:underline; font-weight:bold;} /*---- Post ----*/ div.post h1{ font-size:290%; color:#fff; line-height:28px; margin-bottom:20px;} div.post h2{ font-size:160%; color:#fff; line-height:16px; margin-bottom:12px;} div.post p{ font-size:140%; color:#fff; font-weight:bold; line-height:14px; margin-bottom:16px;} div.post a{ color:#99CC00; font-size:130%; font-weight:bold;} a.link { margin-top:4px; display:block; } /*---- Box1 ----*/ div.box1{ width:205px;} div.box1 div.top-left{ background:url(../images/home/banner/box1/left-top.png) left top no-repeat; padding-left:14px;} div.box1 div.top-right{ background:url(../images/home/banner/box1/right-top.png) right top no-repeat; padding-right:14px;} div.box1 div.top{ background:#1A4D60; height:14px; line-height:14px;} div.box1 div.middle{ background:#1a4D60; padding:1px 5px 1px 15px;} div.box1 div.bottom-left{ background:url(../images/home/banner/box1/left-bottom.png) left top no-repeat; padding-left:14px;} div.box1 div.bottom-right{ background:url(../images/home/banner/box1/right-bottom.png) right top no-repeat; padding-right:14px;} div.box1 div.bottom{ background:#1A4D60; height:14px; line-height:14px;} /*---- Box2 ----*/ div.box2{ background:#9DD43B ; padding-bottom:3px; margin-bottom:10px; height:1%;} div.box2 h2{ background:#9DD43B url(../images/my-profile/content/sidebar/h1-bg.gif) left top repeat-x; font-size:150%; color:#fff; padding:8px 12px; } div.box2 span{ float:right; font-size:120%; color:#394E13; font-weight:bold; margin:8px;} div.box2 dl{ margin-left:15px; color:#394D13; font-size:120%; margin-bottom:13px;} div.box2 dl dt{font-weight:bold; margin-bottom:10px;} a.new-action {color:#e9310d; font-size: 11px; } /*---- Box3 ----*/ div.box3{ background:#174251; padding:11px 8px 11px 12px; margin-bottom:1px;} div.box3 img{ margin-bottom:10px;} div.box3 p{ font-size:120%; color:#fff; line-height:14px;} div.box3 a{ color:#fff;} div.box3 h2{ font-size:160%; color:#fff; text-decoration:underline; line-height:16px; margin-bottom:10px;} /*---- Box4 ----*/ div.box4{ background:#89B932; padding:12px 16px 10px 10px; margin-bottom:3px; width:365px;} div.box4 p{ font-size:120%; color:#fff !important; font-weight:bold;} div.box4 p span{ font-weight:normal;} /*---- Box5 ----*/ div.box5{background:#EFEFEF url(../images/boxes/box5-bg.jpg) repeat-x 0 0; border:1px solid #D6D6D6; border-top:0; padding:5px 15px 7px;} /*---- Box6 ----*/ div.box6{ background:#A0D83C; float:left;position:relative; padding:5px 0 10px; } div.box6 img.arrow{ position:absolute; left:14px; top:-4px; border:medium none;} /*---- List-1 ----*/ ul.list1 li{ line-height:14px;} ul.list1 li a{ color:#fff; font-size:110%; text-decoration:none !important;} /*---- List-2 ----*/ ul.list2 li{ background:#305968; line-height:42px; padding:0 6px 0 14px; margin-bottom:1px;} ul.list2 li p a{ font-size:130%; color:#fff; font-weight:bold; float:left;} ul.list2 li p span{ font-size:105%; color:#fff; font-weight:bold; float:right;} /*---- List-3 ----*/ ul.list3{ background:#87BB3A; padding:8px 0 0 20px; } ul.list3 li{ width:48px; float:left; margin:0 16px 16px 0; height:100px;} ul.list3 li.last{ margin-right:0px;} ul.list3 li a{ font-size:110%; color:#31521B; background:none; text-decoration:none; padding:6px 0 0 0; display:block;} ul.list3 li span.role {font-size:110%; color:#31531C;margin:0px; font-weight:normal;float:none;padding: 3px 0 0; display:block;} /*---- List-4 ----*/ ul.list4 li{ text-align:right; font-size:120%; font-weight:bold; } ul.list4 li a{ color:#fff; display:block; float:left; width:180px; padding-right:13px; background:#C6E88A url(../images/my-profile/content/innersidebar/list-border.gif) repeat-x scroll left bottom; line-height:17px; height:22px;} ul.list4 li.active a, ul.list4 li a:hover{ background:#A0D83C url(../images/my-profile/content/innersidebar/list-border.gif) left bottom repeat-x; } ul.list4 li a:hover{ text-decoration:none;} /*---- List-5 ----*/ ul.list5 li{ background:#2F5765; padding:10px 18px 13px 7px; margin-bottom:1px;} ul.list5 li img{ float:left; margin-right:8px;} ul.list5 li div.i-button{ float:right; padding-top:10px;} ul.list5 li div.date-stamp{ width:48px; float:left; text-align:center; margin:0 15px 0 6px;} ul.list5 li div.date-stamp p.today{ margin-top:5px;} ul.list5 li div.date-stamp p{ font-size:110%; color:#394D13; font-weight:bold; line-height:14px;} ul.list5 li div.i-button img{ margin:0px;} ul.list5 li div.grupo {width: 222px !important;} ul.list5 li div.grupo-wide {width: 590px !important;} ul.list5 li div.details { float:left; width:259px;} ul.list5 li div.details small{ font-size:100%; color:#fff; font-weight:bold;} ul.list5 li div.details small span{ font-weight:normal;} ul.list5 li div.details h2{ text-decoration:underline; margin-bottom:8px; margin-left:0px; line-height:15px;} ul.list5 li div.details p{ font-size:140%; color:#fff; font-weight:bold; line-height:14px;} ul.list5 li span.rating{ background:url(../images/home1/innersidebar/rating-button-2.png) left top repeat-x; width:60px; height:13px; float:left; margin-top:15px;} ul.list5 li span.rating span{ background:url(../images/home1/innersidebar/rating-button-2.png) 0 100% repeat-x; height:13px; float:left;} /*---- List-6 ----*/ ul.list6 li{ font-size:110%; font-weight:bold; margin-bottom:5px; padding-left:24px; line-height:16px;} ul.list6 li.request{ background:url(../images/home1/innersidebar/circle.png) left top no-repeat; height:1%} ul.list6 li.events{ background:url(../images/home1/innersidebar/calender.png) left top no-repeat;} ul.list6 li.message{ background:url(../images/home1/innersidebar/message-box.jpg) left top no-repeat; line-height:10px;} ul.list6 li a{ color:#31521B;} div.ui-tabs-panel {padding-top: 15px;} /*---- Tab-Strip ----*/ ul.tabs-strip{ background:#184454; padding-left:13px;} ul.tabs-strip li { display:inline; line-height:35px; font-size:120%; font-weight:bold;} ul.tabs-strip li a{ color:#fff; padding:5px 30px 11px;} ul.tabs-strip li.ui-state-active a,ul.tabs-strip li a:hover{ background:#F0F0F0; color:#184453; text-decoration:none;} /*--- Tabs-strip1---*/ ul.tab-strips1{padding:14px 0 0 10px; position:relative; z-index:5;} ul.tab-strips1 li{float:left; margin-right:5px;} ul.tab-strips1 li a{display:block; background:#84B231; font-size:120%; color:#394D13; height:20px; line-height:20px; padding:0 15px; float:left; border:1px solid #A6D74E; border-bottom:0;} ul.tab-strips1 li a:hover, ul.tab-strips1 li a.active, ul li.ui-state-active a{text-decoration:none; border:1px solid #85B432; border-bottom:0; background:#EEEEEE; height:22px; margin-top:-2px; position:relative; } /*---- List-7 ----*/ ul.list7 li{ margin-bottom:10px;} ul.list7 li div.news img{ float:left;} ul.list7 li div.news div.news-detail{ float:left; margin-left:14px; width:594px; padding-top:4px;} ul.list7 li div.news div.news-detail h2{ font-size:160%; color:#184453; font-weight:bold; line-height:16px; margin-bottom:8px;} ul.list7 li div.news div.news-detail p.news-parrafo{ font-size:120%; color:#184453; line-height:13px;} ul.list7 li div.news div.news-detail p.news-metadata{ font-size:100%; color:#184453; line-height:13px;} ul.list7 li div.news div.news-detail a{ color:#184453;} .texto_noticias { font-size:130%; color:#184453; line-height:18px;} /*---- List-8 ----*/ ul.list8 li{float:left; list-style:none; width:445px; padding:7px 10px 10px 13px; background:#eee; margin:0 7px 7px 0;} ul.list8 li img{float:left; margin-right:12px;} ul.list8 li div.description{ float:left; width:300px; margin-bottom:0; padding:0; } ul.list8 li div.description h3{font-size:120%; color:#333; margin-bottom:5px; } ul.list8 li div.description p{ font-size:110%; color:#333; line-height:14px;} ul.list8 li div.description p.status{font-size:100%;} ul.list8 li div.description p.status span{color:#618523;} ul.list8 li span.priv{ display:block; width:42px; height:19px; float:right; margin-top:15px; background:url(../images/eventos/priv.gif) no-repeat 0 0;} /*---- List-9 ----*/ ul.list9{list-style:none; background:#F3F3F3; padding:9px 4px 0; border:1px solid #EAEAEA; height:251px; margin-bottom:10px; overflow-y:scroll;} div.popup ul.list9 li{border-bottom:1px solid #EAEAEA; padding-bottom:11px; margin-bottom:11px;} div.popup ul.list9 li img{float:left; margin-right:10px;} div.popup ul.list9 li p{ font-size:110%; color:#000; padding-top:12px; float:left; max-width:220px;} div.popup ul.list9 li a.add{background:url(../images/buttons/add-btn.gif) no-repeat 0 0; display:block; width:19px; height:18px; float:right; margin-top:10px;} div.popup ul.list9 li a.remove{background:url(../images/buttons/remove-btn.gif) no-repeat 0 0; display:block; width:19px; height:18px; float:right; margin-top:10px;} div.popup ul.list9 li:hover{background:none;} /*---- List-10 ----*/ ul.list10{background:#EEEEEE; border:1px solid #CCCCCC; border-bottom:0;} ul.list10 li{list-style:none; border-bottom:1px solid #CCCCCC; padding-left:10px;} ul.list10 li h2{color:#53711E; line-height:25px; text-decoration:underline; font-size:120%;} ul.list10 li a{color:#53711E; line-height:25px; font-size:120%;} /*---List11---*/ ul.list11{list-style:none; padding:0 15px;} ul.list11 li{float:left; margin-right:48px; background:url(../images/content/list11-li-bg.gif) no-repeat 0 0; padding-top:14px; width:129px;} ul.list11 li img{margin:0 0 35px 7px;} ul.list11 li span{color:#709829; font-size:110%;} /*---- List-12 ----*/ ul.list12{background:#EEEEEE; border:1px solid #CCCCCC; } ul.list12 li{list-style:none; border-bottom:1px solid #CCCCCC; padding-left:10px; height:33px; padding-top:5px;} ul.list12 li h2{color:#53711E; line-height:25px; text-decoration:underline; font-size:120%;} ul.list12 li img{float:left; margin-right:10px;} ul.list12 li span{color:#53711E; line-height:33px; font-size:120%; display:block; float:left;} ul.list12 li.last{border-bottom:0;} /*---- List-13 ----*/ ul.list13{padding:20px 0 0 14px;} ul.list13 li{float:left; width:105px; height: 105px; margin-right:38px; margin-bottom:20px;} ul.list13 li img{margin-bottom:8px;} ul.list13 li input.checkbox{float:left; display:block; } ul.list13 li label{ color:#666; font-size:110%; margin-left:7px; float:left; display:block; line-height:20px;} ul.list13 li.last{margin-right:0;} /*---- List-14 ----*/ ul.list14 {height: 48px;} ul.list14 li{list-style:none; float:left; margin-right:15px; position:relative;} ul.list14 li a.delete{position:absolute; width:14px; height:14px; display:block; top:-3px; right:-5px; background:url(../images/buttons/delete-btn.png) no-repeat 0 0;} /*---- Button ----*/ a.button{ background:url(../images/home/search-bar/button-image.jpg) left top no-repeat; height:26px; display:block; float:right; line-height:26px; padding-left:35px;} a.button span{ background:url(../images/home/search-bar/button-image.jpg) right bottom no-repeat; display:block; float:left; font-size:120%; color:#fff; padding-right:10px; font-weight:bold;} a.button:hover { text-decoration:none;} /*---- Button1 ----*/ a.button1{ background:url(../images/business1/searchbar/button.png) left top no-repeat; height:26px; display:block; float:right; line-height:26px; padding-left:27px;} a.button1 span{ background:url(../images/business1/searchbar/button.png) right bottom no-repeat; display:block; float:left; font-size:120%; color:#fff; padding-right:8px; font-weight:bold;} a.button1:hover { text-decoration:none;} /*---- Button2 ----*/ a.button2{ background:url(../images/business1/searchbar/button-2.png) left top no-repeat; height:22px; display:block; float:right; line-height:22px; padding-left:6px; margin:5px 10px 0 0;} a.button2 span{background:url(../images/business1/searchbar/button-2.png) right bottom no-repeat; display:block; float:left; font-size:100%; color:#fff; padding-right:5px; font-weight:bold;} a.button2:hover { text-decoration:none;} /*---- Button1 ----*/ a.button3{ background:url(../images/home/search-bar/button-ficha.jpg) left top no-repeat; height:26px; display:block; float:right; line-height:26px; padding-left:35px;} a.button3 span{ background:url(../images/home/search-bar/button-ficha.jpg) right bottom no-repeat; display:block; float:left; font-size:120%; color:#fff; padding-right:10px; font-weight:bold;} a.button3:hover { text-decoration:none;} /*---- Button4 ----*/ a.button4{display:inline-block; border:1px solid #c6c6c6; background:#fff; padding:1px;} a.button4 span{ display:inline-block; line-height:18px; height:18px; background:url(../images/buttons/button4-bg.jpg) repeat-x 0 0; color:#666; font-size:110%; } a.button4:hover{text-decoration:none;} a.button4:hover span, a.button4.active span{background:url(../images/buttons/button4-hover.jpg) repeat-x 0 0; color:#999;} /*---- Button5 ----*/ a.button5{display:inline-block; border:1px solid #D4D4D4; background:#394E13; padding:1px;} a.button5 span{color:#fff; display:inline-block; line-height:18px; height:18px; font-size:110%; background:url(../images/buttons/button5-bg.jpg) repeat-x 0 0;} a.button5:hover{text-decoration:none;} a.button5:hover span, a.button5.active span{background:url(../images/buttons/button5-hover.jpg) repeat-x 0 0; color:#fff;} /*---- Button6 ----*/ a.button6{display:inline-block; border:1px solid #3B5114; background:#89986C; padding:1px;} a.button6 span{color:#fff; display:block; line-height:22px; height:22px; font-size:110%; background:url(../images/buttons/button6-bg.jpg) repeat-x 0 0; padding:0 6px;} a.button6:hover, a.button7:hover{text-decoration:none;} /*---- Button7 ----*/ a.button7{display:block; background:url(../images/buttons/button7.gif) no-repeat 0 0; padding-left:10px; display:block;} a.button7 span{display:block; background:url(../images/buttons/button7.gif) no-repeat right 0; padding-right:10px; height:22px; line-height:22px; color:#666; float:left; min-width:55px; text-align:center;} /*---- More-link ----*/ a.more-link{ background:#31531C; color:#A6D74E; font-weight:bold; padding:5px 15px; display:block; text-decoration:underline;} /*---- Section ----*/ div.section{ background:#163f4d url(../images/home/content/companies/company_bg.gif) left top repeat-x; float:left; padding:6px 1px 0 0; /*height:258px;*/ } div.section h2{ font-size:150%; color:#fff; line-height:22px; margin-left:12px;} div.section h2 a{ color:#fff; margin:0px;} div.section a{ color:#A5D74D; margin-left:5px; text-decoration:underline;} div.section a.link-help {float:right; color: #394D13; font-weight: bold; font-size:12px; padding-right:5px;} /*---- Footer ----*/ div#footer div.wrapper{ border-top:1px solid #cccccc; padding:10px 0 30px;} div#footer p.copy-right{ float:left; font-size:110%; color:#666666; font-weight:bold;} div#footer div.foot-nav{ float:right;} div#footer div.foot-nav ul li{ font-size:110%; font-weight:bold; margin-left:20px; line-height:12px;} div#footer div.foot-nav ul li a{ color:#666666;} /*---- logo ----*/ h1.logo { position:relative; top:10px; text-align:center; } /*---- Inner-Content-description ----*/ div.description { width:384px; padding:5px 0 0 10px; overflow:hidden; margin-bottom:20px; } div.description p { font-size:130%; color:#fff; line-height:18px;} /*---- Inner-Content-Company-views ----*/ div.company-views{ margin-bottom:20px; width:490px;} div.company-views p{ font-size:110%; color:#fff; border-bottom:1px solid #93C737; padding-bottom:2px; margin-bottom:5px; } div.company-views h4{ font-size:120%; color:#fff; line-height:15px; font-weight:bold;} div.company-views-profile{ margin-bottom:20px; width:490px;} div.company-views-profile p{ font-size:110%; color:#394D13; border-bottom:1px solid #93C737; padding-bottom:2px; margin-bottom:5px; } div.company-views-profile h4{ font-size:120%; color:#394D13; line-height:15px; font-weight:bold;} div.inner-content p.next{ text-align:right;} /*---- Inner-Content--Page-step ----*/ div#page-step{ margin-bottom:25px;} div#page-step h2{ margin-bottom:0px;} div#page-step h2.step{ float:left; margin-top:8px; } div#page-step h2.step span{ font-size:73%;} div#page-step p.step-no{ float:right; width:63px; padding-bottom:16px; font-size:110%; color:#2C4312; } /*---- Inner-Main-Friendship ----*/ div.friendship{ width:206px; float:left; margin-top:20px;} /*---- Footer ----*/ div#footer ul li { display:inline; } /*---- Footer-Nav ----*/ div#footer div.footer-nav { margin-top:25px; } div#footer div.footer-nav ul li { font-size:120%; font-weight:bold; color:#fff; line-height:1.3em; } div#footer div.footer-nav ul li a { color:#fff; } /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Container-Index ----*/ div.index{width:819px; margin:0 auto 15px; padding:119px 0 0px 0;} div.index div#content{ background:url(../images/index/content/login_bg.png) left bottom no-repeat; position:relative; z-index:2; margin-bottom:10px; padding-bottom:65px; width:811px; } /*---- Content-login-form ----*/ div.login-form { background:url(../images/index/content/form.jpg) left top no-repeat; width:208px; height:239px; padding:28px 52px 10px 58px; float:left; } div.login-form div.form label { color:#333333; font-size:120%; font-weight:bold; display:block; margin-bottom:5px; float:left; } div.login-form div.form label span.login-error {color: #FF0000; margin-left:10px;} div.login-form div.form p { margin-bottom:8px; line-height:18px; } div.login-form div.form p.password-area{ margin-bottom:4px;} div.login-form div.form p.remember-me label{ font-size:110%; line-height:22px; } div.login-form div.form p input.field-set { width:205px; border:1px solid #82af30; height:17px; padding:3px 0;} div.login-form div.form p input.checkbox { float:left; width:20px; } div.login-form div.form p input.button{ background:url(../images/index/content/enter-button.png) left top no-repeat; width:86px; height:25px; border:none; cursor:pointer; } div.login-form div.form a { font-size:110%; color:#fff; text-decoration:underline; } div.login-form div.form input.error {border: 1px solid #FF0000; background-color:#ffdede;} /*---- Content-logo ----*/ div.index div.login-form h1.logo { margin-bottom:15px; top:auto; } div.login-form h1.logo { margin-bottom:10px; } /*---- Content-video ----*/ div.index div.video { float:left; width:492px; text-align:right; } div.index div.video a { font-size:100%; color:#324c15; font-weight:bold; text-decoration:underline; line-height:14px; } /*---- Inner-Content ----*/ div.inner-content h2 { font-size:200%; color:#2c4312; line-height:20px; margin-bottom:15px; } div.inner-content a { text-align:center; font-size:110%; color:#2C4312; line-height:12px; margin-bottom:6px; display:block; font-weight:bold; } div.inner-content img.person { float:left; width:88px; } /*------------------------------------------ // 4.2 INVITATION-UNEXPECTANCE PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Container-Invitation ----*/ div#container.invitation{ width:551px; margin:0 auto; padding:119px 0 70px 0; } div#container.invitation div#content{ background:url(../images/unacceptance/content/content_bottom_bg.png) left 100% no-repeat; position:relative; z-index:2; margin-bottom:25px; padding-bottom:65px; width:551px; } div#container.invitation div.inner-content{ background:url(../images/unacceptance/content/content_bg.jpg) left top no-repeat; height:177px; padding:25px 25px 0 20px; } /*---- Inner-Content-Button ----*/ div#container.invitation a img.accept-button { border:1px solid #4C681A; } /*------------------------------------------ // 4.3 INVITATION PAGE SPECIFIC STYLES //------------------------------------------*/ div#container.invitation p.buttons{ text-align:center; } div#container.invitation p a{ display:inline;} div#container.invitation a img.invitation-button { border:1px solid #4C681A; margin-right:20px; } /*------------------------------------------ // 4.4 SUCCESS PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Container-Success ----*/ div.success{ margin:0 auto; padding:100px 0 70px 0; } div.success div#content{background:url(../images/success/content_bottom_bg.png) left bottom no-repeat; position:relative; z-index:2; margin-bottom:25px; padding-bottom:65px; width:554px; } div#container.success div.inner-content{ background:url(../images/success/content_bg.jpg) left top no-repeat; height:305px; padding:15px 28px 0 20px;} /*---- Logo ----*/ div#container.success h1.logo { left:10px;} /*---- Inner-Content-Page-step ----*/ div#page-step h2.step{ float:left; margin-top:8px; } div#page-step h2.step span{ font-size:73%;} div#page-step p.step-no{ float:right; width:63px; padding-bottom:16px; font-size:110%; color:#2C4312; } div#container.success div#page-step p.step-no{ background:url(../images/success/step-meter.jpg) right bottom no-repeat;margin-top:0px; color:#2C4312; font-size:110%;} div#container.success p{ font-size:170%; color:#fff; margin-top:90px; text-align:center;} div#container.success p.buttons{ margin-top:55px;} /*------------------------------------------ // 4.5 INVITE-FRIENDS PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Container-Invite-Friends ----*/ div.invite-friends{ width:553px; margin:0 auto; padding:100px 0 70px 0; } div.invite-friends div#content{ background:url(../images/invite-friend/content_bg_bottom.png) left bottom no-repeat; position:relative; z-index:2; margin-bottom:25px; padding-bottom:65px; width:553px; } div#container.invite-friends div.inner-content{ background:url(../images/invite-friend/content_bg.jpg) left top no-repeat; height:406px; padding:15px 28px 0 20px;} /*---- Logo ----*/ div#container.invite-friends h1.logo { left:8px; top:10px;} /*---- Page-step ----*/ div#container.invite-friends p.step-no{ background:url(../images/invite-friend/meter_image.jpg) right bottom no-repeat;} /*---- Form ----*/ div#container.invite-friends div.form{ background:url(../images/invite-friend/form_bg.jpg) left top no-repeat; width:476px; height:168px; padding:10px 10px 15px 15px; margin-bottom:25px; } div#container.invite-friends div.form div.mailing{ width:205px; float:left; } div#container.invite-friends div.form h3{ font-size:140%; color:#333333; padding-left:15px; line-height:14px; margin-bottom:6px;} div#container.invite-friends div.form p{ width:190px; margin-bottom:10px;} div#container.invite-friends div.form label{ width:15px; float:left; padding-top:5px; font-size:90%; color:#2C4312; } div#container.invite-friends div.form input{ width:160px; border:1px solid #4C681B; font-size:110%; color:#395215; padding:2px 1px 1px 5px;} div#container.invite-friends div.form input.text-bg{ background:#A2B67F;} div#container.invite-friends div.form div.comment{ width:270px; float:left;} div#container.invite-friends div.form div.comment h3{ padding-left:0px;} div#container.invite-friends div.form textarea{ width:252px; padding:4px; } div#container.invite-friends div.form p.send-button{ text-align:right; width:265px;} div#container.invite-friends div.form p.message-field{ width:265px;} div#container.invite-friends div.form input.button{ background:url(../images/invite-friend/send-button.jpg) left top no-repeat; width:75px; height:20px; border:none; cursor:pointer} /*------------------------------------------ // 4.6 PROFILE PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Container-Profile ----*/ div.profile { width:554px; margin:0 auto; padding:60px 0 70px 0; } div.profile div#content{ background:url(../images/invite-friend/content_bg_bottom.png) left bottom no-repeat; position:relative; z-index:2; margin-bottom:25px; padding-bottom:65px; width:553px; } div#container.profile div.inner-content{ background:url(../images/profile/content_bg.jpg) left top no-repeat; height:512px; padding:15px 28px 0 20px;} /*---- Logo ----*/ div#container.profile h1.logo { left:6px;} /*---- Inner-Content ----*/ div#container.profile p.step-no{ background:url(../images/profile/meter.jpg) right bottom no-repeat;} /*---- Form ----*/ div#container.profile div.form{width:450px; padding-left:15px; } div#container.profile div.form p{ margin-bottom:10px; width:400px;} div#container.profile div.form label{ font-size:130%; float:left; width:155px; line-height:20px; text-align:right; } div#container.profile div.form input{ float:left; width:230px; border:1px solid #4C681B; margin-left:5px;} div#container.profile div.form select.normal{ float:left; width:230px; border:1px solid #4C681B; margin-left:5px;} div#container.profile div.form select{ float:left; margin-left:5px;} div#container.profile div.form select.day{ width:70px; float:left;} div#container.profile div.form select.month{ width:80px;} div#container.profile div.form select.year{ width:71px;} div#container.profile div.form input.check-field{ float:left; width:20px; border:none;} div#container.profile div.form span.gender{ margin-left:25px; float:left;} div#container.profile div.form span.gender label{ width:55px; text-align:left; line-height:20px;} div#container.profile div.form input.button{ background:url(../images/profile/register-button.jpg) left top no-repeat; width:151px; height:25px; border:none; float:right;} div#container.profile div.form span.privacy{ float:right;} div#container.profile div.form span.privacy a{ float:left; font-size:130%; color:#333333; text-decoration:underline; line-height:20px;} div#container.profile div.form input.error{border: 1px solid #FF0000; background-color:#ffdede;} div.attached-files{margin-bottom:15px; margin-left:45px; clear:both;} div.attached-files h4{font-size:100%; color:#394D13; margin-bottom:5px;} /*------------------------------------------ // 4.7 SYNCRONIZE PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Container-Syncronize ----*/ div.syncronize{ width:553px; margin:0 auto; padding:60px 0 70px 0;} div.syncronize div#content{ background:url(../images/invite-friend/content_bg_bottom.png) left bottom no-repeat; position:relative; z-index:2; margin-bottom:25px; padding-bottom:65px; width:553px; } div#container.syncronize div.inner-content{ background:url(../images/syncronize/content_bg.jpg) left top no-repeat; height:513px; padding:15px 28px 0 20px;} /*---- Inner-Content ----*/ div#container.syncronize p.step-no{ background:url(../images/syncronize/meter-image.jpg) right bottom no-repeat;} div#container.syncronize p.next{ margin-top:12px;} div#container.syncronize p.next a{ text-align:right;} /*---- Box-Form ----*/ div.box{ background:url(../images/syncronize/box/box-bg.jpg) left top no-repeat; } div.box-my-profile{ border-bottom: 1px solid #CFCFCF;} div.box-my-profile, div.box{height:53px; padding:10px; margin-bottom:8px; overflow:hidden;} div.form-syncronize p{ float:left;} div.form-syncronize p img{ margin-right:15px;} div.form-syncronize p label { font-weight:bold; font-size:110%; margin-bottom:5px; display:block; } div.form-syncronize p.text-field{ margin-right:10px; padding-top:9px; } div.form-syncronize p.link{ padding-top:23px; margin-right:15px;} div.form-syncronize p.password-field{ margin-right:10px; padding-top:9px; } div.form-syncronize input.text{ border:1px solid #4C681B; padding:2px 2px; width:100px; color:#395316; font-weight:bold; font-size:110%;} div.form-syncronize input.button, a.button{ /*background:url(../images/syncronize/box/link-button.jpg) left bottom no-repeat; width:74px; height:20px;*/ cursor:pointer; border:none;} div.form-syncronize input.button-des{ background:url(../images/syncronize/box/link-button-desvincular.jpg) left bottom no-repeat; width:74px; height:20px; cursor:pointer; border:none;} div.form-syncronize p.state{ padding-top:3px;} div.form-syncronize p.state label{ font-size:110%; color:#2C4312; margin-bottom:11px;} div.form-syncronize p.state span.right{ background:url(../images/syncronize/box/left-right.png) left top no-repeat; width:30px; height:18px; display:block;} div.form-syncronize p.state span.wrong{ background:url(../images/syncronize/box/left-right.png) left bottom no-repeat; width:30px; height:18px; display:block;} /*------------------------------------------ // 4.8 Business PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Search-Bar ----*/ div#search-bar{ background:#f8f8f8; padding:7px 10px;width:976px; margin: auto;} div#search { width:200px; float:left;} div#search p{ background:url(../images/home/search-bar/search-bg.jpg) left top no-repeat; height:21px; padding:6px 2px 1px 35px;} div#search p input{ border:medium none; color:#394D13; font-weight:bold; font-size:110%; width:145px; } /*---- Banner ----*/ div#banner{ overflow:hidden;} div#banner img{ float:left;} div#banner div.post {background:url(../images/home/banner/post_bg.gif) left top no-repeat; width:227px; height:297px; float:left; padding:25px 22px 22px 22px;} div#banner div.post div.box1{margin-top:16px;} div#banner div.post h2, div#banner div.post a{ text-decoration:underline;} /*---- News ----*/ div#news{ background:#99CC33; margin-bottom:3px;} div#news h2{ font-size:120%; color:#fff; font-weight:bold; float:left; margin:28px 12px 20px 12px; width:36px;} div#news div.heading{ width:122px; float:left; border-left:1px solid #fff; border-right:1px solid #fff; padding:26px 18px 30px; } div#news div.heading h2{ color:#184759; text-decoration:underline; margin:0px; width:128px;} div#news div.heading a{ color:#184759;} div#news div.details{ padding:18px 20px 20px; float:left; width:697px; line-height:14px;} div#news div.details p{ font-size:120%; color:#fff;} div#news div.details a{ color:#fff;} /*---- Business-Finder ----*/ div#business-finder{ background:url(../images/home/content/business-finder/business-finder_bg.gif) repeat-x; width:188px; height:175px; padding:13px 16px 5px; float:left;} div#business-finder div.box1{ width:187px; margin:6px 0 8px 0;} div#business-finder p{ margin-bottom:7px;} div#business-finder label{ font-size:110%; color:#fff; font-weight:bold; line-height:12px; margin-bottom:5px; display:block;} div#business-finder select{ font-size:110%; color:#333333; font-weight:bold;} div#business-finder p.button{ text-align:right; margin-bottom:0px;} /*---- Companies ----*/ div#companies{ width:339px; margin:0 7px;} /*---- Experiences ----*/ div#experiences{ width:400px;} /*------------------------------------------ // 4.9 MY-PROFILE PAGE SPECIFIC STYLES //------------------------------------------*/ div.profile-pics{ margin-bottom:10px; width: 200; height: 160;} /*---- Inner-Sidebar ----*/ div#content.layout-1 div#main div.innersidebar div.friendship{margin:20px 0 10px 20px; float:none; height:145px;} div#main div.innersidebar ul.list10{width:172px; margin-left:10px;} div#content.layout-1 div#invitation {float:none;} div#invitation{ border-top:1px solid #85B432; border-right:1px solid #85B432; border-left:1px solid #85B432; margin-left:20px;width:170px; margin-bottom:1px; float:left; height:165px;} div#invitation div.heading{ background:#95C247; padding:6px; border-bottom:1px solid #A4D44D;} div#invitation div.heading h2{ font-size:110%; color:#394D13; margin-bottom:6px;} div#invitation div.heading p{ font-size:110%; color:#fff;} div#invitation div.form{ padding:10px 0 12px 6px;} div#invitation div.form input.textbox{ background:url(../images/home1/innersidebar/textbox-bg.jpg) left top no-repeat; border:medium none; width:140px; color:#77A12C; font-weight:bold; font-size:110%; width:127px; height:14px; padding:6px 6px; margin-bottom:8px;} div#invitation div.form input.invitation-button{ background:url(../images/my-profile/content/innersidebar/invitation-button.jpg) left top no-repeat; width:78px; height:23px; cursor:pointer; border:medium none;} div#content.layout-1 ul.list3{ padding-left:12px;} /*---- Inner-Main-Dashboard ----*/ div#dashboard{ margin-bottom:5px; height:95px; position:relative; z-index:10;} div#dashboard h2{ font-size:150%; color:#394D13; line-height:16px;} div#dashboard div.profile-thumb{ float:left; width:40px; margin-right:7px;} div#dashboard div.description-area{ float:left; position:relative;} div#dashboard div.description-area img{ position:absolute; left:-6px; top:8px;} div#dashboard div.dashboard-form textarea{ border:1px solid #90BD3F; width:467px; padding:0 7px; height:52px;} div#dashboard div.controls{ margin-left:46px; margin-top:2px; width:483px; } div#dashboard div.controls h2{ color:#86B732; font-size:190%; float:left; width:100px;} div#dashboard div.controls p{ float:left; background:url(../images/my-profile/content/innermain/positive-sign.png) left top no-repeat; height:16px; padding-left:26px; margin-top:5px; font-size:105%; color:#fff; line-height:14px; font-weight:bold; width:268px;} div#dashboard div.controls p span {color:#394D13; margin-left:7px;} div#dashboard div.controls p span a{ font-size:105%; color:#394D13; font-weight:bold;} div#dashboard div.controls input.share-button{ background:url(../images/my-profile/content/innermain/share-button.jpg) left top no-repeat; border:medium none; width:82px; height:24px; cursor:pointer;} div#dashboard div.controls input.share-button-disable{ background:url(../images/my-profile/content/innermain/share-button-disable.jpg) left top no-repeat !important;} /*---- Inner-Main-Activities ----*/ /*div.innermain div.activities{ background:#F5F5F5; padding:12px 17px 0px 28px; width:485px; } div.innermain div.activities h2{ background:#A0D83C url(../images/my-profile/content/innermain/h2-border.png ) left bottom repeat-x; font-size:170%; color:#fff; line-height:28px; padding:0 0 6px 6px; margin-bottom:13px;} div.innermain div.activities h3{ background:url(../images/my-profile/content/innermain/h3-bg.png) left top repeat-x; height:10px; font-size:110%; margin-bottom:12px;} div.innermain div.activities h3 span{ background:#F5F5F5;color:#394D13; float:left; padding-right:5px;}*/ div.activities{ background:#F5F5F5; padding:12px 17px 0px 28px; width:485px; } div.activities h2{ background:#A0D83C url(../images/my-profile/content/innermain/h2-border.png ) left bottom repeat-x; font-size:170%; color:#fff; line-height:28px; padding:0 0 6px 6px; margin-bottom:13px;} div.activities h3{ background:url(../images/my-profile/content/innermain/h3-bg.png) left top repeat-x; height:10px; font-size:110%; margin-bottom:12px;} div.activities h3 span{ background:#F5F5F5;color:#394D13; float:left; padding-right:5px;} div.activities div.class-row-over {background: #f1f7e7;} /*---- Inner-Main-Activitie ----*/ div.activity{ border-bottom:1px solid #D1D1D1; padding-bottom:17px; margin-bottom:13px; position:relative;} div.activity img{ float:left; margin-right:11px;} div.activity span.events{ display:block; float:right; margin:12px 0 0 0;} div.activity span.events img{ margin:0; } div.activity p{ font-size:120%; color:#729A2A; font-weight:bold; line-height:15px; margin-bottom:2px;} div.activity p a.external-link{color:#999999; font-size: 10px;} /* div.activity div.details p a{color:#729A2A; font-weight: bold;} */ div.activity p span{ font-weight:normal;} div.activity a.comment{color:#729A2A;} div.activity div.details a.linked {color:#729A2A; font-weight: bold;} div.activity div.gallery{ margin:10px 0 20px 0;} div.activity div.gallery ul li{ margin-right:8px; float:left;} div.activity div.gallery ul li img{ margin:0px;} div.activity div.details{ padding-top:11px; float:left; width:378px; margin-bottom:11px;} div.activity div.gallery ul.list-videos li a{float:left; margin-right:10px;} div.activity div.gallery ul.list-videos li div.info{float:left; width:225px;} div.activity div.gallery ul.list-videos li p{margin-bottom:3px;} div.activity div.gallery ul.list-videos li p.title{color:#8CB04B; font-weight:bold;} div.activity div.gallery ul.list-videos li p.text{color:#6F6F6F; font-weight:normal;} /*---Activity Details2---*/ div.activity div.details2{padding-top:0; float:left; width:417px;} div.activity div.details2 p.tittle{color:#333; font-size:130%; margin-bottom:15px; font-weight:normal; margin-bottom:15px;} div.activity div.details2 p.tittle a {color: #333;font-weight: bold;} div.activity div.details2 p a.linked {color: #333;font-weight: bold;} div.activity div.details2 div.video{float:left; margin-right:12px; margin-bottom:15px;} div.activity div.details2 div.video.large{margin-right:0; float:none;} div.activity div.details2 img{float:left; margin:0 12px 15px 0;} div.activity div.details2 div.video img{margin:0; float:none;} div.activity div.details2 div.info{float:left; width:245px;} div.activity div.details2 h4{color:#729B2A; font-size:120%; line-height:14px; margin-bottom:5px;} div.activity div.details2 p{color:#333; font-size:110%; font-weight:normal; margin-bottom:15px;} div.activity div.details2 a.play-btn{display:block; float:right; width:21px; height:24px; background:url(../images/buttons/play-btn.png) no-repeat 0 0;} div.activity div.details2 span.metadata{font-size:100%; color:#333;} div.activity div.details2 span.metadata a{color:#91C435;} div.activity div.details2 span.events{margin:0;} div.activity div.details2 span.events img{margin:0;} /*---- Inner-Main-Activitie-Comment-form ----*/ div.activity div.comment-form{padding:8px 9px 0px 7px;} div.activity div.comment-form input.comment-button{ background:url(../images/my-profile/content/innermain/comment-button.jpg) left top no-repeat; border:medium none; width:58px; height:15px; cursor:pointer; float:right;} div.activity div.comment-form textarea{ width:386px; border:1px solid #A6D74F; padding:7px; margin-bottom:4px;} div.activity div.comment-form.reply textarea{ width:357px;} div.activity div.comment-form input.comment-button1{background:url(../images/my-profile/content/innermain/comment-button.jpg) left top no-repeat; border:medium none; width:58px; height:15px; cursor:pointer; float:left;} /*---- Inner-Main-Activitie-Scrap ----*/ div.activity div.scrap{ width:392px; float:left; position:relative;} div.activity div.scrap p{ font-weight:normal; color:#333; font-size:130%; font-weight:normal;} div.activity div.scrap p strong a{ color:#333; margin-right:2px; font-weight:bold;} div.activity div.scrap p.timestamp{ font-size:110%; color:#999999; font-weight:normal; } /*---- Inner-Main-Comment ----*/ div.activity div.box6{width:430px; margin:5px 0 10px 55px;} div.activity div.box6 div.comment{ border-bottom:1px solid #F5F5F5; padding:8px 9px 0px 7px;} div.activity div.box6 div.comment img{float:left; margin-right:11px;} div.activity div.comment div.details{float:left; width:355px; padding:0;} div.activity div.comment p{ font-size:110%; color:#31531C; font-weight:bold; line-height:10px; float:left; width:352px; margin-bottom:8px; font-weight:normal; line-height:14px;} div.activity div.comment h4{ font-size:120%; color:#394D13; float:left; line-height:12px; font-weight:normal; width:337px;} div.activity div.comment p.timestamp a.timestamp {color:#fff;} div.activity div.comment textarea{ background:#89B932; border:medium none; width:350px; width:412px; padding:13px 10px;} div.activity div.comment a.delete_comment{color: #fff; font-size: 10px; } div.activity a.delete_activity{position: absolute; top:1px; right:4px; color: #999999; font-size: 10px; display: none;} div.activity div.details2 p.timestamp, a.timestamp {color:#999999; font-weight:normal; font-size:11px;} div.activity div.details p.timestamp, a.timestamp {color:#999999; font-weight:normal; font-size:11px;} /*---- Inner-Main-Pagination ----*/ div#pagination{ background:#31531C; border-bottom:3px solid #A6D74E; padding:6px 15px; /*width:500px;*/} div#pagination a{ font-size:100%; color:#A5D74D;} div#pagination a.previous{ background:url(../images/my-profile/content/innermain/pagination-image.jpg) right top no-repeat; padding-right:8px; float:left;} div#pagination a.next{ background:url(../images/my-profile/content/innermain/pagination-image.jpg) right top no-repeat; padding-right:8px; float:right;} /*------------------------------------------ // 5.0 Home PAGE SPECIFIC STYLES //------------------------------------------*/ div#content.layout-2 div.section{ background:#A6D74E url(../images/home1/innersidebar/experience-bg.gif) left top repeat-x; padding-bottom:3px; width:400px;} div#content.layout-2 ul.list5 li{ background:#A8D94F;} div#content.layout-2 a.more-link{ margin:0px;} div#content-group div.section{ background:#A6D74E url(../images/home1/innersidebar/experience-bg.gif) left top repeat-x; padding-bottom:3px; width:400px;} div#content-group ul.list5 li{ background:#A8D94F !important;} div#content-group a.more-link{ margin:0px;} /*---- Inner-Main-Events ----*/ div#events{ margin-bottom:20px;} div#events div.details{ position:relative;} div#events div.details img{ position:absolute; right:-10px; top:7px;} div#events div.details h2{ margin-bottom:3px;} div#events ul.list5 li{ padding-bottom:14px;} div#events ul.list5 li.active{ background:#77A12C;} div#events div.i-button{ padding-top:0px;} /*---- Inner-Main-Experience ----*/ div#content.layout-2 div#experiences{ margin-bottom:20px;} /*---- Inner-Main-Group ----*/ div#groups div.details h2{ text-decoration:none; margin-bottom:0px;} div#groups div.details a{ text-decoration:none;} div#groups div.details{ width:289px;} div#groups div.details p{ font-size:110%; font-weight:normal; line-height:12px;} div#groups div.details small{color:#31521B; font-weight:normal;} div#groups ul.list5 li{ background:#2F5765; padding-bottom:12px;} /*------------------------------------------ // 5.1 BUSINESS1 PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Breadcrumbs ----*/ div#breadcrumbs{ width:420px; float:left; padding-top:8px; margin-bottom:20px;} div#breadcrumbs ul li{ display:inline; font-size:110%; font-weight:bold;} div#breadcrumbs ul li a{color:#333333;} /*---- Slideshow ----*/ div#slideshow{position:relative;} div#slideshow a.next{ position:absolute; right:24px;} /*---- Sidebar ----*/ div#sidebar span.rating{ background:url(../images/home1/innersidebar/rating-button-2.png) left top repeat-x; width:60px; height:13px; float:right;} div#sidebar span.rating span{ background:url(../images/home1/innersidebar/rating-button-2.png) 0 100% repeat-x; height:13px; float:left;} div#upcoming-events{background:#97CC39; padding-bottom:3px; margin:4px 0 5px 0;} div#upcoming-events h2{ font-size:150%; color:#fff; line-height:28px; padding-left:6px;} div#upcoming-events div.details{ background:#9ECD4B; padding:0 10px 5px 6px; margin-bottom:4px;} div#upcoming-events div.datestamp{ float:left;} div#upcoming-events div.i-button{ float:right; margin-top:10px;} div#upcoming-events div.datestamp h2{ font-size:130%; color:#31531C; text-decoration:underline; padding:0px; line-height:18px;} div#upcoming-events div.datestamp a{ color:#31531C;} div#upcoming-events div.datestamp p{ font-size:100%; color:#fff; line-height:14px;} div#upcoming-events div.datestamp p strong{ text-decoration: underline;} /*---- Main ----*/ div.tabs {background:#EFEFEF; padding-bottom:10px;} /*div.ui-tabs-panel{ padding:10px 10px 0 14px;}*/ div.ui-tabs-panel div.news{ background:#fff; padding:4px 4px 5px;} /*div.ui-tabs-panel div.activity{ background:#F7F7F7; margin:0 0 1px 103px; padding:10px 10px 10px 21px; border:medium none;}*/ /*div.ui-tabs-panel div.activity p.timestamp{ color:#184454; font-size:100%; } div.ui-tabs-panel div.comment-form.reply{ margin-left:18px;} div.ui-tabs-panel div.comment-form.reply img{ margin-right:23px;} */ div#news-tab-content{ padding:10px 10px 0 14px;} div#news-tab-content div.news{ background:#fff; padding:4px 4px 5px;} div#news-tab-content div.activity{ background:#F7F7F7; margin:0 0 1px 103px; padding:10px 10px 10px 21px; border:medium none;} div#news-tab-content div.activity p.timestamp{ color:#184454; font-size:100%; } div#news-tab-content div.comment-form.reply{ margin-left:18px;} div#news-tab-content div.comment-form.reply img{ margin-right:23px;} /*custom styles*/ ul.list-amigos li {float:left;margin:0pt 16px 16px 0pt;width:145px;} ul.list-amigos li a {background:transparent none repeat scroll 0%;color:#31521B;display:block;font-size:110%; padding:6px 0pt 0pt;text-decoration:none;margin-bottom:3px;} ul.list-amigos span.user-info {float:right; width:90px;} ul.list-amigos span.user-info span.location {color:#ababab; line-height:12px;} div.search-form {margin-top: 5px;} div.search-form p label{float:left; width:65px; font-size:11px; line-height:26px;} div.search-form input.textbox{background:transparent url(../images/amigos/textbox-bg.png) no-repeat scroll left top; border:medium none;color:#77A12C;font-size:110%;font-weight:bold;height:14px;margin-bottom:8px;padding:6px;width:200px;} /*---- Tabs Profile ----*/ div.tabs-profile {background:#9DD43B;} div.ui-tabs-hide {display:none;} div.tabs-profile ul {overflow:hidden; width:100%;} div.tabs-profile ul li {float:left; margin-right:4px; height:31px;} div.tabs-profile ul li a { padding:8px 12px; color:#394D13; font-size:130%; font-weight:bold;line-height:31px;} div.tabs-profile ul li a:hover, div.tabs-profile ul li.ui-state-active a {text-decoration:none; background:#F5F5F5;} /*----form profile informacion ----*/ div.form-profile{width:450px; color:#333;} div.form-profile p{ margin-bottom:10px; } div.form-profile label{ font-size:115%; float:left; width:120px; line-height:20px; text-align:left; } div.form-profile input{ float:left; width:230px; border:1px solid #4C681B; margin-left:5px;} div.form-profile textarea{ float:left; width:250px; border:1px solid #4C681B; margin-left:5px;} div.form-profile input[type=checkbox] {width: auto !important;} div.form-profile select.normal{ float:left; width:230px; border:1px solid #4C681B; margin-left:5px;} div.form-profile select.timezones {float: left; width:325px; border: 1px solid #4C681B; margin-left:5px; font-size: 11px;} div.form-profile select{ float:left; margin-left:5px;} div.form-profile select.day{ width:70px; float:left;} div.form-profile select.month{ width:80px;} div.form-profile select.year{ width:71px;} div.form-profile input.check-field{ float:left; width:20px; border:none;} div.form-profile span.gender{ margin-left:25px; float:left;} div.form-profile span.gender label{ width:55px; text-align:left; line-height:20px;} div.form-profile input.button{ background:url(../images/profile/register-button.jpg) left top no-repeat; width:151px; height:25px; border:none; float:right;} div.form-profile span.privacy{ float:right;} div.form-profile span.privacy a{ float:left; font-size:130%; color:#333333; text-decoration:underline; line-height:20px;} div.form-profile input.error, div.form-profile textarea.error, div.form-profile select.error {border: 1px solid #FF0000;} /*------GRUPOS LAYOUT ----*/ div#content-group {width:960px;margin:0 auto;padding: 20px 40px 60px 40px; background-color: #F8F8F8;} /*---- Tabs edit grupo ----*/ div.tabs-grupo-edit {background:#9DD43B;} div.ui-tabs-hide {display:none;} div.tabs-grupo-edit ul {overflow:hidden; width:100%;} div.tabs-grupo-edit ul li {float:left; margin-right:4px; height:31px;} div.tabs-grupo-edit ul li a { padding:8px 12px; color:#394D13; font-size:130%; font-weight:bold;line-height:31px;} div.tabs-grupo-edit ul li a:hover, div.tabs-profile ul li.ui-state-active a {text-decoration:none; background:#F5F5F5;} ul.list-users li {background-color:#F5F5F5;margin-bottom:1px;padding:10px 18px 13px 7px; border-bottom: 1px dashed #394D13;} ul.list-users li div.details {float:left; width:259px;} ul.list-users li div.details img {float:left; margin-right:8px;} ul.list-users li div.details p.name {line-height: 20px; color: #394D13; font-weight: bold; font-size: 130%;} ul.list-users li div.actions {float: right; width: 100px;} div.navigator-results{padding:5px;} div.navigator-results div.paginator {float:left;} div.navigator-results div.filters {float:right;} div.paginator a{color:#394D13;font-weight:bold; font-size:120%; margin-right:5px; line-height:20px;} div.filters {color: #394D13;} div.filters select {color:#394D13; font-size:110%; font-weight:bold;} div.actions a{color: #394D13; font-size: 120%;} /*----tab invitar amigos ---*/ div.invitar-amigos h2 {color: #394D13; font-size: 200%; font-weight: bold; margin: 10px 0px;} div.invitar-amigos p.instructions {color: #333; font-size:120%; border-bottom; 1px solid #333; margin: 16px 0px;} div#container-amigos {width : 660px; height: 180px; overflow-y : scroll; border: 1px solid #DFDFDF; padding: 2px 5px;} ul#selectable .ui-selecting { background: #FECA40; } ul#selectable .ui-selected { background: #F39814; color: white; } ul#selectable { list-style-type: none; margin: 0; padding: 0; } ul#selectable li { margin: 3px; padding: 1px; float: left; } ul#selectable li img, ul#selectable li span {float: left;} ul#selectable li span {width: 95px; margin-left: 2px;} /*----green buttons ---------------*/ .green_button{background-color:#7da62e; border: solid 1px #689020; color:#fff;} .style1{width:78px !important; height:24px; padding-bottom:4px; font-size: 120%;font-weight: bold;} .style2{width:58px; height:15px; font-size: 120%;} .style3{width:120px !important; height:24px; padding-bottom:4px; font-size: 120%;font-weight: bold;} /*---- rating ----*/ span.star{background:url(../images/home/content/experiences/star.png) repeat-x scroll left bottom; width: 60px;} span.star span{background:url(../images/home/content/experiences/star.png) repeat-x scroll left top; display:block; height:12px;} /*---- FORMULARIOS ----*/ .custom-form .title-section {color:#184453; font-size:14px; font-weight:bold; line-height:18px; margin-bottom:7px; border-bottom: 1px dashed #184453;} .custom-form p {clear:left; margin:0 0 8px;} .custom-form p label{color:#444444; display:block; float:left; width:100px;} .custom-form input, .custom-form textarea {padding:5px; border: 1px solid #BBBBBB;} .custom-form .normal{ width:300px;} .custom-form .largo{ width:390px;} .custom-form .short{width:100px;} input.error, textarea.error, select.error{border: 1px solid #FF0000;} /*---- List-actions ----*/ ul.list15 li{ line-height:14px;padding-left:8px;} ul.list15 li a{ color:#fff; font-size:120%; text-decoration:none !important;} ul.list15 li a:hover{font-weight: bold;} #title-estatica {background: #F8F8F8; padding: 20px 10px; margin:0px 0px 40px 0px;} #title-estatica h2 {color: #394e15; font-size: 220%; margin-bottom:15px; border-bottom:1px solid #CFCFCF; line-height:20px;} #content-estatica {font-size: 120%;} div#mis-grupos, div#nuevos-grupos {width: 370px;} div#mis-grupos { margin:0 7px; } div#listado-grupos{width: 740px; margin: 0 7px;} #slideshow ul, #slideshow li{ margin:0; padding:0; list-style:none; } #slideshow, #slideshow li{ width:748px; height:356px; overflow:hidden; } span#prevBtn{display:none;} span#nextBtn{position:absolute;right:0px;top:0px;} /*---- paginator admin ----*/ .paginator-admin {color: #000; font-size: 120%; border-top:1px solid #BFBFBF; padding:7px 2px;} .paginator-admin a{color: #000; text-decoration: none;} .fila_sombreada{background-color:#DFDFDF;} div.tab-inner-content {padding: 15px;} /* --- admin galeria fotos ---*/ ul.galeria_fotos li {background-color:#b5c29f; float:left; height:165px; margin:0 30px 20px 0; padding:5px; text-align:center; width:130px; } ul.galeria_fotos li.activa{background-color:#95C247;} ul.galeria_fotos li a.delete {display:block; text-align:right;} ul.galeria_fotos li img.foto {border:1px solid #82A3CE; } ul.galeria_fotos li p.comment {font-style:italic; font-weight:bold; margin-top:10px;} ul.galeria_fotos li p.bottom {font-style:normal; font-weight:normal; margin-top:5px; } /* --- galeria fotos de la pagina---*/ ul.public_galeria_fotos li {font-size: 12px; width: 150px; height: 200px; float: left; margin: 0px 20px 20px 0px;} ul.public_galeria_fotos li p.canvas{height:155px;} ul.public_galeria_fotos li p.canvas a{text-align:left;} ul.public_galeria_fotos li img {border:1px solid #82A3CE; } ul.public_galeria_fotos li p.pie-foto {color:#174251;margin-bottom: 5px;} ul.public_galeria_fotos li p.autor {font-size: 11px; color:#999999;} ul.public_galeria_fotos li p.autor span {color:#174251;font-weight: bold;} /* --- galeria videos de la pagina---*/ ul.public_galeria_videos li {font-size: 12px; width: 200px; height: 200px; float: left; margin: 0px 25px 20px 0px;} ul.public_galeria_videos li p.canvas{height:155px;} ul.public_galeria_videos li p.canvas a{text-align:left;} ul.public_galeria_videos li img {border:1px solid #82A3CE; } ul.public_galeria_videos li p.autor {font-size: 11px; color:#999999;} ul.public_galeria_videos li p.autor span {color:#174251;font-weight: bold;} .form-section {color: #394D13; font-size: 13px; margin-bottom: 10px; border-bottom: 2px solid #394D13;} .admin-section{line-height: 29px; margin:10px 0px; font-size: 16px; font-weight: bold; color: #FFF; background: #174251;} /*---profile---*/ ul.list-empresas li {border-bottom: 1px solid #394D13; padding: 5px 2px;} ul.list-empresas li h3 {color: #394D13; font-size: 13px;} ul.list-empresas li p {margin: 5px 0px;} ul.list-empresas li p a {margin-left: 8px; color: #394D13;} /*----mensajes----*/ ul.list-mensajes li{ background:#FFF; padding:10px 5px 13px 7px; margin-bottom:4px; font-size:110%;} ul.list-mensajes li.activo {background:#C6E88A;} ul.list-mensajes li img{ float:left; margin-right:8px;} ul.list-mensajes li div.user-info{ float:left; width:150px; padding-top:10px;} ul.list-mensajes li div.user-info{font-size:9px; color:#808080;} ul.list-mensajes li div.user-info a{color:#31531C;} ul.list-mensajes li div.details-msg {float:left; width:500px; padding-top:10px;} ul.list-mensajes li div.details-msg p.subject a{color: #31531C; font-weight: bold; font-size: 12px; line-height: 13px; text-decoration: none;} ul.list-mensajes li div.details-msg p.texto {color: #808080; font-size: 12px; line-height: 18px;} div.main-mensajes {margin-top:15px; background:#FFF !important;} div.actions-mensajes {margin-top:40px;} div#toolbar-mensajeria {margin: 0 0 10px 0;} div.viewer_message {padding: 10px 5px;} div.viewer_message p {margin-bottom: 15px; font-size: 110%;} div.viewer_message p label {font-weight: bold; display:block;} div.viewer_message p.inline label {display: inline;} div.viewer_message p.divider_horizontal {border-bottom: 1px solid #31531C; padding-bottom: 5px;} /* ---- lista usuarios en modales ----*/ ul.list-user-modal li {height: 50px; margin-bottom:5px;} ul.list-user-modal li a.photo {float:left; width:50px;margin:0px 3px 0px 0px;} ul.list-user-modal span {float:left; margin-top: 2px;} ul.list-user-modal span a {color:#31521B; font-size:12px; text-decoration: none;} /* ----------FOTOS VISOR --------------*/ div.main-header {border-bottom: 1px solid #000; margin-bottom: 5px; padding: 10px 3px 0 ; background: #F8F8F8;} div.main-header h2 {font-size: 160%; font-weight: bold; color: #31521B; margin-bottom: 4px;} div.main-header ul.left {float:left;} div.main-header ul.right {float:right;} div.main-header ul.navigation li{display:inline; font-size:110%; line-height:20px; margin-right: 5px; color:#31521B} div.main-header ul.navigation li a {text-decoration: none; color:#31521B; font-weight: bold;} div.main-header ul.navigation li.sep {margin: 0px 2px;} div.main-content div#foto_container {text-align:center; margin: 10px 0px;} ul.etiquetas li {display:inline; font-size:110%; line-height:20px; margin-right: 15px; color:#31521B;} ul.etiquetas li a {text-decoration:none; color:#31521B;} div.info_box {background:#fffbe2; border: 2px solid #ffe222; padding: 10px; font-size: 110%;} div.info_box p {width: 500px;} div.info_box input {float:right; border:none; background: #000066; padding: 3px; color: #FFF;} div.panel-attach {display:none;} div.content-panel-attach {margin: 3px; padding: 5px 15px; background: #FFF; } div.panel-attach img.top-right {position: absolute; top:-8px; right:5px;} /*div.panel-attach a.close {position:absolute; top: 10px; right: 20px; background: url(../images/popup/cancel-btn.gif) no-repeat top right; line-height:20px; padding-right:18px; color: #ababab; font-weight:bold; font-size: 11px;}*/ p.header-panel-attach {border-bottom: 1px solid #dfdfdf; color:#848484; font-family:'arial'; font-size:16px; margin-bottom:15px; padding: 8px 0px 14px 0px; font-weight: bold;} p.info {color:#848484;margin-bottom:10px; margin-top:-10px;} /*eventos attach modal*/ p.filtros {margin: 10px 0px; text-align:right; } p.filtros a {margin-left:10px; padding: 3px 5px; border:1px solid #74825c; background:#b2de63; color:#FFF; font-size:12px; font-weight:bold;} p.filtros a.active {background:#9ed53b;} ul.list-events li {margin-bottom:2px; padding: 5px 3px; background: #f5f5f5;} ul.list-events li.active {background:#e2f2c5;} ul.list-events li.selected {background:#e2f2c5;} ul.list-events li a.avatar {float:left; margin-right:8px; width:48px;} ul.list-events li div.info{float:left; font-size: 130%;} ul.list-events li div.info p {color: #6f6f6f; margin-bottom:8px;} ul.list-events li div.info p.title{font-weight:bold; color:#8cb04b;} ul.list-events li div.info p.members{font-weight:bold; font-size:80%;} p.event-priv {background:#184454; padding: 8px; color: #FFF; font-size: 12px;} p.pagination {color: #515151; font-size: 13px; font-weight: bold;} p.pagination a {color: #afafaf; font-size: 12px;} p.pagination a, p.pagination span {margin: 0px 6px;} p.pagination a img {padding-top: 10px;} h3.subtitle{ background:url(../images/my-profile/content/innermain/h3-bg.png) left top repeat-x; height:10px; font-size:110%; margin-bottom:12px;} h3.subtitle span{ background:#F5F5F5;color:#394D13; float:left; padding-right:5px;} p.albums-header{text-align:right; margin:3px;} p.albums-header a {color:#394D13;} ul.selector_fotos {height:230px; margin-top:10px; overflow-y:scroll;} ul.selector_fotos li {float:left; width:100px; height:100px; margin-right:17px; margin-bottom:15px;} ul.selector_fotos li img {padding:2px; border: 2px solid #d6d6d6;} ul.selector_fotos li.ui-selected img {border:3px solid #9fd53d;} div.modal_header { font-size:120%; margin-top:5px;} div.modal_header a.icon {float:left; margin-right:5px;} div.modal_header p.msg {float:left; width:230px; line-height:13px;} div.modal_header p.msg a {color :#394D13; font-weight:bold;} /*------------------------------------------ // 5.1 FOTOS PAGE SPECIFIC STYLES //------------------------------------------*/ div#breadcrumbs1{margin-bottom:15px;} div#breadcrumbs1 a.button7{margin-right:10px;} /*--- Breadcrumbs1---*/ div#breadcrumbs1{background:url(../images/content/breadcrumbs1-bg.jpg) repeat-x 0 0; height:29px; border:1px solid #D6D6D6; border-top:0; margin-bottom:4px; padding-top:7px; padding-left:15px;} div#breadcrumbs1 p{width:400px; padding-top:8px; float:left;} div#breadcrumbs1 p, div#breadcrumbs1 p a{color:#666666; font-size:110%;} div#breadcrumbs1 p span{color:#333333;} /*------------------------------------------ // 5.1 FOTOS2 PAGE SPECIFIC STYLES //------------------------------------------*/ div#main div.header{height:28px; border:1px solid #d6d6d6; background:#EFEFEF; padding-left:12px; padding-top:7px; } div#main div.header h2{line-height:20px; color:#333; font-size:120%;} div#main div.header a.button7{margin-right:10px;} div#main div.header span.selected{display:block; float:right; margin-right:10px; font-size:110%; color:#666666; line-height:22px;} /*------------------------------------------ // 5.1 FOTOS3 PAGE SPECIFIC STYLES //------------------------------------------*/ div#main div.header a.previous, div#main div.header a.next{display:block; float:right; margin-right:10px; line-height:22px; font-size:110%; color:#666666; font-weight:bold;} div#main div.header p{color:#666; font-size:110%; line-height:22px;} div#main div.header p strong{color:#333;} div#main div.large-image{background:#EFEFEF; border:1px solid #d6d6d6; padding:15px 50px 10px; margin-bottom:10px;} div#main div.large-image img{margin-bottom:8px;} div#main div.large-image p{font-size:110%; color:#666; margin-bottom:10px;} div#main div.large-image p strong a{color:#333;} body.fotos3 div.activity{border-bottom:0;} body.fotos3 div.activity p.upload-info{ margin-bottom:10px; color:#333; margin-left:55px; font-size:100%; font-weight:normal;} /*--- Sidebar--*/ div#sidebar div.widget{margin-bottom:10px;} div#sidebar div.widget h2{height:35px; border:1px solid #d6d6d6; line-height:35px; color:#333; background:#EFEFEF; padding-left:12px; font-size:120%; margin-bottom:4px; } div.preview { float: left; width: 50px; height: 50px;} div.preview.loading { background: url(interface/images/loading.gif) no-repeat; } div.preview.loading img {display: none; } /*------------------------------------------ // 5.1 EVENTOS PAGE SPECIFIC STYLES //------------------------------------------*/ div#user-controls{height:37px; position:relative; z-index:10;} div#user-controls div.days-controls{float:left; width:280px; padding-top:6px;} div#user-controls div.days-controls a.button4{margin-right:5px;} div#user-controls div.days-controls a.button4 span{min-width:68px; text-align:center; float:left;} div#user-controls div.days-controls a.button4.today span{height:14px; line-height:14px; min-width:30px;} div#user-controls div.days-controls a.button4.today { margin-top:2px;} ul.list8{position:relative; z-index:5;} div#user-controls div.date-control{float:left; width:220px; padding-top:8px; margin-left:54px;} div#user-controls div.date-control p{text-align:center; line-height:17px; color:#333; font-size:100%; padding:0 30px;} div#user-controls div.date-control a.next-btn{background:url(../images/eventos/next-btn.gif) no-repeat 0 0; width:22px; height:17px; float:right; display:block;} div#user-controls div.date-control a.previous-btn{background:url(../images/eventos/previous-btn.gif) no-repeat 0 0; width:22px; height:17px; float:left; display:block;} div#user-controls div.filter-btns{float:left; padding-top:6px; width:238px; margin-left:36px; } div#user-controls div.filter-btns p{float:left; color:#333; font-size:100%; line-height:20px; margin-right:10px;} div#user-controls div.filter-btns a.button5{margin-right:4px;} div#user-controls div.filter-btns a.button5.last{margin-right:0;} div#user-controls div.filter-btns a.button5 span{min-width:40px; text-align:center; float:left;} div#user-controls div.divider{width:1px; background:#ccc; float:left; height:37px; margin:0 10px;} div#user-controls a.button6{float:right; margin-top:6px;} /*--- Eventlists---*/ div#event-lists{background:#F7F7F7; border:1px solid #efefef; padding:9px 8px 13px 15px; margin-bottom:10px;} /*-- Pagination---*/ div.pagination {padding-right:10px;} div.pagination a.next-btn{background:url(../images/eventos/next-btn.gif) no-repeat 0 0; width:22px; height:17px; float:right; display:block; margin-right:8px;} div.pagination a.previous-btn{background:url(../images/eventos/previous-btn.gif) no-repeat 0 0; width:22px; height:17px; float:right; display:block; margin-right:8px;} div.pagination p.page{float:right; line-height:17px; color:#333; font-size:100%; margin-right:7px; } div.pagination2 a.next-btn{background:url(../images/eventos/next-btn2.gif) no-repeat 0 0; width:22px; height:17px; float:right; display:block; margin-right:8px;} div.pagination2 a.previous-btn{background:url(../images/eventos/previous-btn2.gif) no-repeat 0 0; width:22px; height:17px; float:right; display:block; margin-right:8px;} div.pagination2 p.page{float:right; line-height:17px; color:#999; font-size:100%; margin-right:7px; } div#user-details div.control span.total-messages{position:absolute; display:block; border:1px solid #99FF00; background:url(../images/eventos/total-messages-bg.gif) repeat-x; height:17px; line-height:17px; text-align:center; width:28px; left:-37px; top:6px; color:#fff; font-size:120%;} /*--- Pop-ups---*/ div#pop-up input.error {border: 1px solid #FF0000;} div.popup{position:absolute;} div.popup.popup1{width:564px; top:40px; right:15px;} div.popup.popup2{width:492px; top:40px; right:15px; } div.popup div.footer a.skip{color:#4C651F; font-size:110%; line-height:26px; display:block; float:right; margin:0 10px; width:83px;} div.popup.popup3{width:682px; top:40px; right:15px;} div.popup.popup3 h4{font-size:120%; color:#000; text-transform:none; margin-bottom:20px; font-weight:normal;} div.popup.popup3 h5{font-size:100%; color:#000; text-transform:none; margin-bottom:10px; } div.popup div.two-column-layout{padding:0 5px;} div.popup div.two-column-layout div.column1{width:311px;} div.popup div.pagination{padding:0; margin-bottom:20px;} div.popup div.pagination a.next-btn{margin-right:0;} div.breadcrumbs {border-bottom:1px solid #CCCCCC; margin-bottom:15px; padding-bottom:10px;} div.breadcrumbs p {color:#999999; font-size:160%; line-height:14px;} div.breadcrumbs p a {background:url("../images/popup/arrow1.gif") no-repeat scroll right center transparent; color:#999999; margin-right:5px; padding-right:12px;} div.breadcrumbs p span {background:url("../images/popup/arrow1.gif") no-repeat scroll right center transparent; color:#333333; margin-right:5px; padding-right:12px; } div.breadcrumbs img {float:right;} /*--- Table1---*/ table.table1{margin-bottom:10px; width:100%;} table.table1 tr{ height:25px; } table.table1 tr.heading{height:39px; } table.table1 th{background:url(../images/messages/table1-th-bg.jpg) repeat-x 0 0; vertical-align:middle;} table.table1 th.first{border-left:1px solid #D6D6D6; border-collapse:seperate; border-spacing:1px;} table.table1 th.last{ border-right:1px solid #D6D6D6; border-collapse:seperate; border-spacing:1px;} table.table1 tr.active td{background:#A6D74E; border:0;} table.table1 th h2{font-size:120%; color:#394D13; padding:0 10px; text-align:left; background:url(../images/messages/divider.gif) no-repeat right center; } table.table1 th h2 span{display:block; line-height:39px; background:url(../images/messages/table1-h2-bg.gif) no-repeat left center; padding-left:16px;} table.table1 th h2.date span{background:url(../images/messages/table1-h2-date-bg.gif) no-repeat left center;} table.table1 th h3{font-size:110%; color:#394D13; padding:0 10px; text-align:center; font-weight:normal;} table.table1 tr td{font-size:110%; color:#394D13; padding:0 10px; background:#F4F4F4; border-bottom:1px solid #fff; border-collapse:seperate; border-spacing:1px;} table.table1 tr td a{ color:#394D13; } table.table1 tr td a:hover{text-decoration:none;} table.table1 tr td strong{font-size:110%;} table.table1 tr td.select{text-align:center;} table.table1 tr td.remove{text-align:right;} /*---Message---*/ table.table1 tr.message{height:auto;} table.table1 tr.message td{background:none; padding:0;} /*------------------------------------------ // 5.1 MESSAGES PAGE SPECIFIC STYLES //------------------------------------------*/ div.messages ul.tab-strips1 li{margin-bottom:-1px; position:relative;} div.messages div.tab-content{border-top:1px solid #8BB441; position:relative; } table.table1 div.comment{background:#B8DF71; padding:13px 48px 0px 48px;} table.table1 div.avtar{float:left; width:50px; margin-right:18px;} table.table1 div.description{width:680px; float:left; margin-bottom:0; position:relative;} table.table1 div.description h2{text-decoration:underline; padding:0; margin-bottom:12px; color:#394D13; font-size:110%;} table.table1 div.description p{font-size:100%; padding:0; margin-bottom:10px; color:#394D13;} table.table1 div.replay{background:#AFDB5F; padding:13px 48px 10px 48px;} table.table1 div.description textarea{background:#fff; border:1px solid #7C9E3E; width:650px; height:47px; padding:5px 10px; margin-bottom:10px;} table.table1 div.description img.arrow{position:absolute; z-index:10; top:-1px; left:20px;} table.table1 div.replay input.submit{float:right; display:block;} div.messages div.tab-content div.pagination{text-align:right;} div.messages div.tab-content div.pagination a{color:#394E13; font-size:110%; font-weight:bold; margin-right:8px;} div.messages div.tab-content div.pagination a.delete{display:block; float:left; width:40px; margin-left:20px;} div.messages div.tab-content div.pagination span{color:#394E13; font-size:110%; margin-right:8px;} /*-- Popus--*/ div.messages div.popup{position:absolute; top:37px; right:120px; z-index:2; } div#message-form.form1 ul li label{width:53px;} div#message-form.form1 ul li input.text-box{width:325px;} div#message-form.form1 ul li textarea{width:335px;} div#message-form.form1 ul li a.submit{display:block; float:right; margin-right:35px;} div#nuevo_mensaje {display: none; position:relative;}