/* Header */ #header {} /* Header line */ #header .head_top {background:#ebebeb;height:26px;border-bottom:1px solid #05132d} #header .head_top .left_col {width:600px;padding:7px 0 0 10px;float:left;position:relative} #header .head_top .left_col, #header .head_top a {font-size:11px;color:#262626} #header .head_top .member {position:relative;z-index:999} #header .head_top .member:hover {text-decoration:none} /* User Navigation */ #userNav {padding-left:3px;position:relative;float:left} #userNav ul {background:#e0e0e0;display:none;padding:22px 5px 4px 5px;z-index:99;position:absolute;left:-5px;top:-4px} #userNav ul li {background:url(usernavsep.png) top center repeat-x;padding:8px 10px 6px 4px;position:relative;white-space:nowrap} #userNav ul li.lst {padding-bottom:0} #userNav ul li.lst b, #userNav ul li.lst span {background:url(usernavbtbg.png) no-repeat;display:block;position:absolute;top:24px;height:6px} #userNav ul li.lst b {background-position:top left;width:60%;left:-5px} #userNav ul li.lst span {background-position:top right;width:60%;right:-5px} #userNav :hover ul {display:block} #header .head_top .right {padding:3px 10px 0 0} #header .head_top .inputCombo {height:20px;font-size:12px;color:#969696;border:1px solid #aaaaaa} /* Header content */ /*#header .header {background:url(headerBg.png) repeat-x;height:134px;border-top:1px solid #157dc5} #header .headerBusiness, #header .headerTeenagers {background:url(headerBussinesBg.png) repeat-x;height:104px} #header .header .left {width:350px} #header .header .logo {background:url(logo.png) no-repeat;padding:46px 0 5px 0} #header .headerBusiness .logo {background:url(logoBussines.png) no-repeat;padding:25px 0 5px 0} #header .headerTeenagers .logo {background:url(logoTeenagers.png) no-repeat;padding:28px 0 5px 0} #header .header .logo a {display:block;width:330px;height:45px;font-size:1px;color:#Fff;text-indent:-9999em} #header .headerBusiness .logo a {width:310px;height:50px} #header .headerTeenagers .logo a {width:327px;height:42px} #header .header .right {width:575px;padding:45px 0 0} #header .headerBusiness .right, #header .headerTeenagers .right {padding:25px 0 0}*/ #header .header {background:url(headerBg.png) repeat-x;height:73px} #header .header .left {padding:19px 0 0} #header .logo {} #header .logo a {background:url(logo.png) no-repeat 0 0;display:block;width:276px;height:40px;text-indent:-999em} #header .logo a.teenagers {background-position:0 -42px;width:322px} #header .logo a.teenagers.settings {background-position:0 -210px;width:328px} #header .logo a.adults {background-position:0 -84px;width:311px} #header .logo a.business {background-position:0 -126px;width:306px} #header .logo a.institutions {background-position:0 -168px;width:353px} #header .search {} #header .search ul {padding:6px 0 4px} #header .search li {float:left;padding:0 10px} #header .search li a {color:#ffffff} #header .search li a:hover {text-decoration:underline} #header .search li a.selected {font-weight:bold} #header .search .fields {background:#063b6c;padding:3px 4px 1px;position:relative;float:left;z-index:99;border:1px solid #0b67bd} #header .search .fields .inputText {background:#ffffff url(searchInputTextBg.png) no-repeat;display:block;width:420px;height:22px;padding:7px 0 0 30px;float:left;font-size:14px;font-weight:bold;color:#969696;border:1px solid #0b65b9} #header .search .fields .inputSearch {background:url(inputSearch.png) no-repeat;display:block;width:105px;height:33px;margin-left:4px;float:left;cursor:pointer;border:0} #header .search .fields i {display:block;width:6px;height:6px} #header .search .fields .lt {background-position:0 0;left:-1px;top:-1px} #header .search .fields .lb {background-position:0 -7px;left:-1px;bottom:-1px} #header .search .fields .rt {background-position:-7px 0;top:-1px;right:-1px} #header .search .fields .rb {background-position:-7px -7px;bottom:-1px;right:-1px} /* Navigation */ #header .nav {background:url('navBg.png') repeat-x 0 0;height:45px;position:relative;z-index:21} #nav {background:url('navBg.png') no-repeat 0 -47px;height:45px;margin:0;padding:0;z-index:22} #nav li {float:left} #nav > li {background:url('navBg.png') no-repeat right -47px} #nav > li:hover, #nav > li.selected {background-position:0 -94px;background-repeat:repeat-x;margin:0 -1px;border:1px solid #021d3f;border-bottom:0} #nav a {display:block;height:35px;white-space:nowrap;font-weight:bold;color:#ffffff} #nav > li > a {padding:10px 15px 0;line-height:20px} #nav > li > a.two {height:44px;padding:1px 15px 0;text-align:center} #nav > .line > a {background:url('navArrow.png') no-repeat right 20px} #nav a:hover {text-decoration:none} #nav > :hover > a, #nav > .selected > a {padding-top:9px !important;color:#054e94} #nav > :hover > a.two, #nav > .selected > a.two {padding-top:0!important} #nav > .line:hover > a, #nav > .line.selected > a {background-position:right -27px} #nav ul, #nav div {display:none} #nav li:hover > div, #nav li.selected > div {background:url('snavBg.png') repeat-x;display:block;width:100%;min-width:1000px;height:35px;position:absolute;top:45px;left:0;text-align:center;border-bottom:1px solid #9ac8f2} #nav li.selected.click > div {display:none} #nav li.selected.click:hover > div {display:block} #nav li:hover > div {z-index:99} #nav li.selected > div {z-index:98} #nav li > div > ul {background:url('snavBgSp.png') no-repeat;display:inline-block;zoom:1;*display:inline;padding-left:1px} #nav li > div > ul > li {position:relative} #nav li > div li a {height:25px;padding:9px 15px 0 15px;position:relative;line-height:22px;font-size:11px;color:#044c91;border:0} #nav li > div li a.two {height:31px;padding-top:3px;line-height:15px;text-align:center} #nav li > div > ul > li > a:hover {text-decoration:underline} #nav li > div > ul > li.subline:hover > a {background-color:#e2effb;height:27px} #nav li > div > ul > li.subline:hover > a.two {height:33px} #nav li > div li a i {background:url('snavBgSp.png') no-repeat;display:block;width:2px;height:35px;position:absolute;z-index:99;top:0;right:-1px} #nav li > div > ul > :hover ul {width:150px;position:absolute;left:-1px;top:36px;border:1px solid #9ac8f2;border-top:0;z-index:99} #nav li > div > ul > :hover > ul {display:block} #nav li > div > ul li ul li {float:none;border:0;position:relative} #nav li > div ul li ul li > a {background:url('snavArrow.png') no-repeat #e2effb;display:block;height:16px;padding:5px 5px 4px 16px;line-height:14px} #nav li > div ul li ul :hover > a {background:url('snavArrow.png') no-repeat left 6px #9ac8f2 !important;line-height:14px;text-decoration:none;color:#ffffff} #nav li > div ul li ul :hover ul {display:block;left:150px;top:0} #nav > li > div li.colors > a {background:url('subNavColors.png') repeat-x} /* ffcacd */ #nav > li > div li.one > a {background-position:0 0;color:#fb3030} #nav > li > div ul li.one li a {background-color:#ffcacd;background-position:left -25px;color:#fb3030} /* ffcca4 */ #nav > li > div li.two > a {background-position:0 -38px;color:#f04900} #nav > li > div li.two ul li a {background-color:#ffcca4;background-position:left -56px;color:#f04900} /* ffeb9b */ #nav > li > div li.three > a {background-position:0 -76px;color:#e48306} #nav > li > div li.three ul li a {background-color:#ffeb9b;background-position:left -87px;color:#e48306} /* ffffa9 */ #nav > li > div li.four > a {background-position:0 -114px;color:#f09307} #nav > li > div li.four ul li a {background-color:#ffffa9;background-position:left -118px;color:#f09307} /* eafea5 */ #nav > li > div li.five > a {background-position:0 -152px;color:#84a70a} #nav > li > div li.five ul li a {background-color:#eafea5;background-position:left -149px;color:#84a70a} /* b9febd */ #nav > li > div li.six > a {background-position:0 -190px;color:#2ba431} #nav > li > div li.six ul li a {background-color:#b9febd;background-position:left -180px;color:#2ba431} /* bcfefa */ #nav > li > div li.seven > a {background-position:0 -228px;color:#0d938b} #nav > li > div li.seven ul li a {background-color:#bcfefa;background-position:left -211px;color:#0d938b} /* ace7fd */ #nav > li > div li.eight > a {background-position:0 -266px;color:#2374b8} #nav > li > div li.eight ul li a {background-color:#ace7fd;background-position:left -242px;color:#2374b8} /* c8d8ff */ #nav > li > div li.nine > a {background-position:0 -304px;color:#6272d0} #nav > li > div li.nine ul li a {background-color:#c8d8ff;background-position:left -273px;color:#6272d0} /* dcd5ff */ #nav > li > div li.ten > a {background-position:0 -342px;color:#784bdf} #nav > li > div li.ten ul li a {background-color:#dcd5ff;background-position:left -304px;color:#784bdf} /* f7d8ff */ #nav > li > div li.eleven > a {background-position:0 -380px;color:#9c53d9} #nav > li > div li.eleven ul li a {background-color:#f7d8ff;background-position:left -335px;color:#9c53d9} /* fec1e6 */ #nav > li > div li.twelve > a {background-position:0 -418px;color:#e255ac} #nav > li > div li.twelve ul li a {background-color:#fec1e6;background-position:left -366px;color:#e255ac} /* Right navigation subNavColors*/ #header .rightNav {} #header .rightNav li {padding:3px 3px 0 0;float:left} #header .rightNav a, #header .rightNav a strong {background-image:url(rightNavBg.png);background-repeat:no-repeat} #header .rightNav a {background-position:0 0;display:block;height:39px;padding-left:15px;color:#ffffff} #header .rightNav a:hover, #header .rightNav a.selected {background-position:0 -41px} #header .rightNav a strong {background-position:right 0;display:block;height:28px;padding:11px 15px 0 0;font-family:Arial;font-size:13px;text-align:center} #header .rightNav a:hover strong, #header .rightNav a.selected strong {background-position:right -41px} /* Container */ #container {font-size:11px} #container .border {border-style:solid;border-color:#d4d4d4} #container .border.top {border-width:1px 0 0} #container .border.both {border-width:1px 0} #container .border.bottom {border-width:0 0 1px} #container * {font-family:Tahoma, Geneva, sans-serif} #container .roundBorder {background:#e6e6e6;padding:0 4px 4px;position:relative;border:1px solid #b4b4b4;border-width:0 1px 1px} #container .roundBorder .content {background:#ffffff;border:1px solid #d4d4d4;border-width:0 1px 1px} #container .cornerLeft, #container .cornerRight {display:block;width:11px;height:11px} #container .cornerLeft {background-position:-28px 0;bottom:-1px;left:-1px} #container .cornerRight {background-position:-40px 0;right:-1px;bottom:-1px} #container .rightColumn {background:#ffffff;width:996px;float:left;position:relative;overflow:hidden} #container .leftColumn {background:#f2f2f2;width:996px;float:left;position:relative;right:803px} #container .RoundBoderLarge .leftColumn {right:782px} #container .lCol {width:192px;float:left;position:relative;left:803px;z-index:9;border-right:1px solid #d4d4d4} #container .RoundBoderLarge .lCol {width:213px;left:782px} #container .lCol .line {display:block;border-bottom:1px solid #d4d4d4} #container .lCol .opened, #container .lCol .closed {padding:15px} #container .lCol .opened {background:#fafafa} /* Left col menu */ #container .lCol .menu {} #container .lCol .menu > li {border-bottom:1px solid #d4d4d4} #container .lCol .menu .special {background:#e2f1fc} #container .lCol .menu .special:hover {background:#ecf6fd} #container .lCol .menu .special.selected:hover {background:#ffffff} #container .lCol .menu .special > a {color:#095ba6} #container .lCol .menu .special > a:hover {text-decoration:underline} #container .lCol .menu > li:hover {background:#ffffff} #container .lCol .menu > li > a {display:block;padding:14px 10px 10px 20px;height:20px;position:relative;font-size:13px;color:#333333} #container .lCol .menu > li > a:hover {text-decoration:none} #container .lCol .menu > li.selected {background:#ffffff !important/*;margin-right:-1px;z-index:99*/} #container .lCol .menu li > a span {background:url(crns.png) no-repeat -189px -68px;display:block;width:10px;height:10px;padding:0;position:absolute;top:18px;right:10px;text-indent:-999em} #container .lCol .menu > li.selected > a span {background-position:-188px -79px;padding-right:1px} #container .lCol .menu li ul {display:none;margin-top:-10px;padding:0 10px 10px 25px} #container .lCol .menu > li.selected ul {display:block} #container .lCol .menu ul li {background:url(sResLeftBool.png) no-repeat left center;height:14px;padding:4px 0 4px 13px} #container .lCol .menu ul li > a {display:inline;padding:0;font-size:11px;color:#333333} #container .lCol .menu ul li a:hover, #container .lCol .menu ul li.selected a {text-decoration:underline;color:#1c63b3} /* end left col menu */ #container .lCol .menu li.avatar {padding:10px 0 5px;text-align:center} #container .lCol .menu .avatar > a {background:#fafafa;display:inline-block;zoom:1;*display:inline;height:auto;padding:5px;border:1px solid #d6d6d6} #container .lCol .menu .avatar img {border:1px solid #d4d4d4} #container .lCol .avatar span {display:block;height:auto !important;padding:5px 0 2px 15px;font-size:11px;text-align:left;color:#a6a6a6} #container .lCol .formfields {padding:6px 5px 10px 20px} #container .lCol .formlabel {padding-bottom:2px} #container .lCol .formlabel label {} #container .lCol .formfield {} #container .lCol .formfield .inputText {display:block;height:12px;margin:0;float:left;border-right:0} #container .lCol .formfield .inputGo {background:url(lColInputGo.png);display:block;width:24px;height:18px;margin:0;float:left;border:0;cursor:pointer} .lCol .loginFields {padding:5px 20px 10px 20px} .lCol .loginFields .formlabel {padding:5px 0 0} .lCol .loginFields label {font-size:13px;color:#333333} .lCol .loginFields .formfield {} #container .lCol .loginFields .formfield .inputText {width:146px;height:15px;float:none;border-right:1px solid} .lCol .loginFields .fieldOptions {padding:5px 0 0} #container .lCol .loginFields .fieldOptions .left {padding:4px 0 0} #container .lCol .loginFields .fieldOptions a {display:inline;padding:0;font-size:11px;color:#3d890f} #container .lCol .loginFields a:hover {text-decoration:underline !important} .lCol .loginFields .fieldOptions .inputSignIn {background:url(inputSignInLCol.png) no-repeat;width:53px;height:23px;cursor:pointer;border:0} #container .lCol .loginFields .fieldOption {padding:6px 0 0} #container .lCol .loginFields .fieldOption a {display:inline;padding:0;font-size:11px;color:#085ba7} #container .rCol {width:785px;padding:10px 5px 10px 10px;float:left;position:relative;left:802px;overflow:hidden;border-left:1px solid #d4d4d4} #container .RoundBoderLarge .rCol {width:764px;left:781px} #container .rCol .cntHeadNav {padding:10px 0;float:left} #container .rCol .cntHeadNav, #container .rCol .cntHeadNav a {color:#458e15 !important} #container .rCol h1 {font-family:Tahoma, Geneva, sans-serif;font-size:19px;color:#095ba6} #container .rCol h2, #container .rCol h2 a, #container .rCol h3, #container .rCol h3 a, #container .rCol h4, #container .rCol h4 a {font-family:Arial, Helvetica, sans-serif;color:#262626} #container .rCol h2, #container .rCol h2 a {font-size:16px} #container .rCol h3 {padding:5px 5px} #container .rCol h3, #container .rCol h3 a {font-size:14px} #container .rCol h4, #container .rCol h4 a {font-size:13px;color:#095ba6} #container .rCol h2 a:hover, #container .rCol h3 a:hover {color:#095ba6} #container .conteinerFooter {padding:10px 0 0} #container .green, #container .blue, #container .linkc {padding:3px 0;font-family:Tahoma, Geneva, sans-serif;font-size:11px} #container .green {color:#3b880e} #container .blue {color:#1c63b3} #container .linkc {color:#095ba6} .hContainer {padding:25px 0 10px} .hInfo {width:535px} .hInfo .why_loghin {background:url(whyLoghin.png) no-repeat;display:block;width:173px;height:37px;margin:0 0 10px 20px;font-size:1px;text-indent:-999em} .hInfo .why_no_loghout {background:url(whyNoLoghout.png) no-repeat;display:block;width:434px;height:34px;margin:20px 0 5px 20px;font-size:1px;text-indent:-999em} .hInfoBox {height:184px;padding:8px 0;overflow:hidden} .hInfoBox li {width:210px;height:72px;margin:10px 10px 10px 0;padding:0 0 0 40px;float:left;overflow:hidden;cursor:pointer} .hInfoBox li h3 {font-size:14px;font-weight:bold;color:#000000} .hInfoBox li p {font-size:11px;text-align:justify;color:#707070} .hInfoBox .book {background:url(book.png) no-repeat 2px 10px} .hInfoBox .headphone {background:url(phonehead.png) no-repeat 1px 10px} .scrollTop, .scrollBottom {display:block;width:20px;height:21px;right:3px} .scrollTop {background-position:0 -34px;top:3px} .scrollBottom {background-position:0 -58px;bottom:3px} .scrollTop:hover {background-position:-25px -34px} .scrollBottom:hover {background-position:-25px -58px} .hForm {background:url(joinLoghinTodayBg.png) no-repeat top center;width:445px;padding:125px 0 0} .hForm h2 {padding:40px 0 0 10px;font-size:16px;font-weight:bold;color:#71ab36} .hForm .hBlue {color:#095ba7} .hForm .formfields {padding:10px 0 0} .hForm .formfields .left {width:220px} .hForm .formfields .right {width:220px} .hForm .formlabel {padding:0 0 4px 10px} .hForm .formlabel label {font-size:12px;color:#262626} .hForm .formfield {} .hForm .inputText {width:201px;height:24px;margin:0;padding:2px;font-size:12px;color:#969696;border:1px solid #e1e1e1} .hForm .formtext {padding:5px 0 0} .hForm .formtext a {font-size:11px;color:#07569f} .hForm .formcheck {padding:8px 0 0} .hForm .formcheck input {display:block;margin:1px 0 0;float:left} .hForm .formcheck label {display:block;padding:0 0 0 5px;float:left;font-size:12px;color:#969696} .hForm .formcheck label a {color:#07569f} .hForm .formcheck label span {font-size:11px} .hForm .formbutton {padding:12px 13px 0 0;text-align:right} .hForm .formbutton .inputSignIn {background:url(inputSignIn.png) no-repeat;width:73px;height:28px;cursor:pointer;border:0} .hForm .hFormReg {display:block;padding:10px 0 0} .hForm .hFormReg li {padding-right:25px;float:left} .hForm .hFormReg label {font-size:14px;color:#262626} .hForm .formemail {float:left} .hForm .formemail .inputText {width:320px} .hForm .formcontinue {padding-right:12px;float:right} .hForm .formcontinue .inputContinue {background:url(inputContinue.png) no-repeat;width:95px;height:31px;cursor:pointer;border:0} /* SEARCH PAGE */ #sResLeft {} #sResLeft h3 {padding:0 5px;position:relative;font-family:Tahoma, Geneva, sans-serif;font-size:13px;color:#333333} #sResLeft h3 a {background:url(lColPlusMinus.png) no-repeat 0 0;display:block;width:9px;height:10px;position:absolute;top:5px;right:5px;text-indent:-999em} #sResLeft .opened h3 a {background-position:-11px 0} #sResLeft ul {padding:7px 10px 0 10px} #sResLeft li {background:url(sResLeftBool.png) no-repeat left center;padding:1px 0 4px 13px} #sResLeft li a {font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#333333} #sResLeft li a:hover {text-decoration:underline;color:#1c63b3} #sResLeft .select {padding:10px 10px 0 12px} #sResLeft .select .inputCombo {width:160px;height:20px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#808080;border:1px solid #d4d4d4} #sResLeft .radio {} #sResLeft .radio h4 {padding:5px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;font-weight:bold;color:#1d62a4} #sResLeft .radio .inputRadio {display:block;float:left} #sResLeft .radio label {display:block;padding:3px 0 2px 4px;float:left;font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#1d62a4} #sResLeft .inputGo {background:url(inputSearchGo.png) no-repeat;display:block;width:29px;height:21px;margin:10px 0 0 3px;cursor:pointer;border:0} #sResRight {} #sResRight h2 a {color:#095ba6 !important} .sResRigInfo {padding:10px 0} .sResRigInfo p {font-size:11px;color:#333333} .sResRigOptions {background:#ecf7ff;height:24px;margin-top:5px;margin-bottom:10px;padding:2px 10px;border:1px solid #91c0e2;border-width:1px 0} .sResRigOptions ul {} .sResRigOptions li {padding-right:5px;float:left} .sResRigOptions li a, .sResRigOptions li a i {background:url(sResRigOptionsBg.png) no-repeat;display:block} .sResRigOptions li a {background-position:0 0;height:17px;padding:7px 10px 2px;position:relative;font-size:11px;font-weight:bold;color:#333333} .sResRigOptions li a i {background-position:top right;width:5px;height:26px;position:absolute;top:0;right:0} .sResRigOptions li a:hover {text-decoration:none;color:#1c63b3} .sResRigOptions li.selected a {background-position:0 -34px;color:#1c63b3} .sResRigOptions li.selected a i {background-position:right -34px} .sResRigOptions .inputText {width:140px;height:18px;margin-right:5px;float:right} .sResRigOptions .inputCombo {width:100px;height:24px;margin-right:5px;float:right} .sResRigOptions .inputSearch {background:url(sInputSearch.png) no-repeat;display:block;width:53px;height:23px;float:right;cursor:pointer;border:0} .sResOrders {padding:0 0 5px} .sResOrders li {width:140px;padding:0 10px;float:left} .sResOrders .sResOrdLeft {width:420px} .sResOrders li a {font-size:11px;color:#262626} .sResRigFeatured, .sResRigFeatured i {background:url(sResFeatured.png) no-repeat} .sResRigFeatured {background-position:0 0;height:14px;margin-left:5px;padding:3px 10px 0 !important;position:relative;z-index:2;float:left;font-family:Arial, Helvetica, sans-serif;font-size:10px !important;font-weight:bold;text-transform:uppercase;color:#ffffff !important} .sResRigFeatured i {background-position:right top;display:block;width:5px;height:17px;position:absolute;top:0;right:0} .sResRigBlock {margin-bottom:5px} .sResRigBlock .brd-md {background-color:#ffffff;padding:0;position:relative/*;z-index:2*/} .sResRigBlock .brd-blue {border:1px solid #91c0e2} .sResRigBlock .brd-orange {border:1px solid #e98f09} .sResRigBlock .brd-tp, .sResRigBlock .brd-bt {height:4px;margin-bottom:-4px;position:relative;z-index:3} .sResRigBlock .brd-l {width:3px;height:3px;position:relative} .sResRigBlock .brd-r {width:3px;height:3px;position:relative;float:right} .sResRigBlock .brd-tp {} /* Blue */ .sResRigBlock .brd-tp .brdB-l {background-position:-53px 0} .sResRigBlock .brd-tp .brdB-r {background-position:-57px 0} /* Orange */ .sResRigBlock .brd-tp .brdO-l {background-position:-62px 0} .sResRigBlock .brd-tp .brdO-r {background-position:-66px 0} .sResRigBlock .brd-bt {top:-3px} /* Blue */ .sResRigBlock .brd-bt .brdB-l {background-position:-53px -4px} .sResRigBlock .brd-bt .brdB-r {background-position:-57px -4px} .sResRigBlock .brd-bt .brdBs-l {background-position:-53px -8px} .sResRigBlock .brd-bt .brdBs-r {background-position:-57px -8px} /* Orange */ .sResRigBlock .brd-bt .brdO-l {background-position:-62px -4px} .sResRigBlock .brd-bt .brdO-r {background-position:-66px -4px} .sResRigBlock .brd-bt .brdOs-l {background-position:-62px -8px} .sResRigBlock .brd-bt .brdOs-r {background-position:-66px -8px} .sResInfoLeft {width:420px;border-right:1px solid #d7ebf9} .brd-blue .sResInfoLeft {border-right:1px solid #d7ebf9} .brd-orange .sResInfoLeft {border-right:1px solid #f7ebc1} .sResInfoLeft .left {width:60px} .sResInfoLeft .left img {display:block;margin:0 auto} .sResInfoLeft .left input {display:block;margin:10px auto 0} .sResInfoLeft .right {width:350px} .sResInfoLeft .right h2 {padding:2px 0 10px} .sResInfoLeft .right h2 a {font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#1c63b3} .sResInfoLeft .right p, .sResInfoLeft .right p a {font-size:11px;color:#333333} .sResInfoCenter {width:140px} .brd-blue .sResInfoCenter {border-right:1px solid #d7ebf9} .brd-orange .sResInfoCenter {border-right:1px solid #f7ebc1} .sResInfoCenter li {padding:5px 10px;font-size:11px;color:#222222} .sResInfoRight {width:140px} .sResInfoRight dt, .sResInfoRight dd {padding:5px 0;font-size:11px} .sResInfoRight dt {width:54px;float:left;color:#222222} .sResInfoRight dd {width:85px;float:left;font-weight:bold;color:#1c63b3} .sResInfoRight dd b.left {margin-top:3px} .sResInfoRight dd span.left {padding:1px 0 0 5px} .sResInfoLeft, .sResInfoCenter, .sResInfoRight {padding:10px;float:left;height:70px} .sResInfoFooter {height:20px;padding:4px 10px 0;position:relative} .brd-blue .sResInfoFooter {background:url(sResInfoFooter.png) repeat-x;border-top:1px solid #91c0e2} .brd-orange .sResInfoFooter {background:url(sResInfoFooterFeat.png) repeat-x;border-top:1px solid #e98f09} .sResInfoFooter ul {padding:0 0 0 40px} .sResInfoFooter li, .footTextInfo li {float:left} .sResInfoFooter li.line, .footTextInfo li.line {padding:3px 0 3px;font-size:11px;font-weight:bold} .sResInfoFooter li a, .footTextInfo li a {display:block;padding:4px 6px 3px;font-size:11px;font-weight:bold} .sResInfoFooter li a.selected, .footTextInfo li a.selected, .footTextInfo li:hover a.sub, .footTextInfo li a.sub:hover {background-color:#ffffff;margin-bottom:-1px;position:relative;z-index:9} .sResInfoFooter li a.selected b, .sResInfoFooter li a.selected i, .footTextInfo li a.selected b, .footTextInfo li a.selected i, .footTextInfo li:hover a.sub b, .footTextInfo li:hover a.sub i, .footTextInfo li a.sub:hover b, .footTextInfo li a.sub:hover i {display:block;width:4px;height:4px;top:-1px} .sResInfoFooter li a.selected b, .footTextInfo li a.selected b, .footTextInfo li:hover a.sub b, .footTextInfo li a.sub:hover b {left:-1px} .sResInfoFooter li a.selected i, .footTextInfo li a.selected i, .footTextInfo li:hover a.sub i, .footTextInfo li a.sub:hover i {right:-1px} .brd-blue .sResInfoFooter li a.selected b, .footTextInfo li a.selected b, .footTextInfo li:hover a.sub b, .footTextInfo li a.sub:hover b {background-position:-71px 0} .brd-blue .sResInfoFooter li a.selected i, .footTextInfo li a.selected i, .footTextInfo li:hover a.sub i, .footTextInfo li a.sub:hover i {background-position:-76px 0} .brd-orange .sResInfoFooter li a.selected b {background-position:-71px -5px} .brd-orange .sResInfoFooter li a.selected i {background-position:-76px -5px} .brd-blue .sResInfoFooter li a.selected, .footTextInfo li a.selected, .footTextInfo li:hover a.sub, .footTextInfo li a.sub:hover {padding:3px 5px 4px;border:1px solid #91c0e2;border-width:1px 1px 0 1px} .brd-orange .sResInfoFooter li a.selected {border:1px solid #e98f09;border-width:1px 1px 0 1px} .brd-blue .sResInfoFooter li.line, .footTextInfo li.line, .brd-blue .sResInfoFooter li a, .footTextInfo li a {color:#1c63b3} .brd-orange .sResInfoFooter li.line, .brd-orange .sResInfoFooter li a {color:#e98f09} /* Footer text info submenus */ .footTextInfo {background:url(footTextInfoBg.png);height:17px;padding:5px 7px 0 0;margin-bottom:20px;position:relative;z-index:99;text-align:right;color:#1d62a4;border:1px solid #91c0e2} .footTextInfo ul {margin:-3px 0 0 5px} .footTextInfo ul li {position:relative} .footTextInfo li a.sub, .footTextInfo li a.sub:hover {background-image:url(footTextInfoArrow.png);background-repeat:no-repeat;background-position:right 8px;padding:4px 16px 4px 4px} .footTextInfo li:hover a.sub, .footTextInfo li a.sub:hover {background-position:right 7px;padding:3px 15px 5px 3px;text-decoration:none} .footTextInfo ul div {background:#ffffff;display:none;width:110px;position:absolute;top:21px;left:0;border:1px solid #91c0e2;border-top:0} .footTextInfo ul li:hover div {display:block} .footTextInfo ul div a {padding:5px;font-size:11px;font-weight:normal;color:#262626} .footTextInfo ul div a:hover {background:#91c0e2;text-decoration:none;color:#ffffff} .sResInfoFooter .right {} .sResInfoFooter .right label {display:block;padding:3px 0 0;font-size:11px;font-weight:bold;text-align:right;color:#3b880e} .sResInfoFooter .right label span {display:block;padding-right:5px;float:left} .sResInfoFooter .right input {display:block;margin:0;padding:0;float:left} .sResInfoSkills {padding:10px;position:relative} .brd-blue .sResInfoSkills {border-top:1px solid #91c0e2} .brd-orange .sResInfoSkills {border-top:1px solid #e98f09} .sResInfoSkills .left {width:160px} .sResInfoSkills .left .inputCombo {width:150px;height:21px} .sResInfoSkills .right {width:570px} .sResInfoSkills .skillsOwner {} .sResInfoSkills .skillsOwner .image {width:60px;float:left} .sResInfoSkills .skillsOwner .info {width:400px;float:left} .sResInfoSkills .skillsOwner h2 {padding:4px 0 5px;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#1c63b3} .sResInfoSkills .skillsOwner p {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#262626} .sResInfoSkills .skillsOther {padding:15px 0 5px} .sResInfoSkills .skillInfo {width:240px;padding:5px 0;float:left} .sResInfoSkills .skillInfo .image {width:50px;float:left} .sResInfoSkills .skillInfo .info {width:188px;float:left} .sResInfoSkills .skillInfo li {padding:3px 0;font-size:11px} .sResInfoSkills .skillInfo li a {color:#1c63b3} .sResInfoSkills .skillInfo li strong {color:#333333} .sResInfoSkills .skillInfo li span {font-weight:bold;color:#1c63b3} .sResInfoSkills .skillInfo li.clear * {display:block;margin-right:5px;float:left} .sResInfoSkills .skillInfo li.clear b {margin-top:2px} .sResMembersTypes {padding:10px 0} .sResMembersTypes li {padding:0 30px 0 0;float:left} .sResMembersTypes li img {display:block;float:left} .sResMembersTypes li span {display:block;float:left;padding:12px 0 0 10px;font-size:11px;color:#808080} /* END SEARCH PAGE */ /* Genaral Left Col */ .conLeft {width:546px;float:left;text-align:justify} /* General Info */ .generalInfo .logo {width:70px;float:left} .generalInfo .details {width:450px;float:left} #pTeenagers .generalInfo .details {width:520px} .generalInfo .details h1 {padding-bottom:5px;font-family:Arial, Helvetica, sans-serif;font-size:23px;color:#095ba6} .generalInfo .details p {padding-bottom:10px;font-size:11px;color:#2a2a2a} .generalInfo .details p a, .generalInfo .details p span {color:#095ba6} /* General Right Col */ .conRight {width:225px;float:right} .conRight .otherLink {padding:5px 5px 2px} .conRight .line {border-bottom:1px solid #dadada} .conRight .backButton {background:url(backButton.png) no-repeat;display:block;width:73px;height:28px;float:left;text-indent:-999em} .conRight .prevNext {background:url(prevNextButton.png) no-repeat;width:149px;height:28px;float:right} .conRight .prevNext a {display:block;height:28px;text-indent:-999em} .conRight .prevNext .left {width:89px} .conRight .prevNext .right {width:59px} .conRight .round-block {padding-bottom:10px} .conRight .nav {padding:10px 0} .conRight .nav li {background:url(pComRightNav.png) no-repeat;padding:10px 10px 13px 40px;border-bottom:1px solid #dadada} .conRight .nav li a {font-weight:bold;font-size:11px;color:#262626} .conRight .nav li a:hover {color:#095ba6} .conRight .nav .contact {background-position:0 5px} .conRight .nav .watch {background-position:0 -31px} .conRight .nav .newslatter {background-position:0 -71px} .conRight .nav .fProfile {background-position:0 -107px} .conRight .nav .mProfile {background-position:0 -145px;border:0} /* Blue Navigation */ .blueNav {background:#1476d2;height:25px;padding:4px 5px 0;position:relative} .blueNav li {padding:0 2px;float:left} .blueNav .crn {display:block;width:4px;height:4px;padding:0;float:none;position:absolute;top:0} .blueNav > .left {background-position:-93px 0;left:0} .blueNav > .right {background-position:-98px 0;right:0} .blueNav li a {background:#0f65c8;display:block;padding:6px 10px 0;height:19px;position:relative;font-size:11px;font-weight:bold;color:#ffffff} .blueNav li a .left {background-position:-93px -10px;left:0} .blueNav li a .right {background-position:-98px -10px;right:0} .blueNav li a:hover {background:#2a90f1;text-decoration:none;color:#ffffff} .blueNav li a:hover .left {background-position:-93px -15px} .blueNav li a:hover .right {background-position:-98px -15px} .blueNav li a.selected {background:#ffffff;color:#0e0e0e} .blueNav li a.selected .left {background-position:-93px -5px} .blueNav li a.selected .right {background-position:-98px -5px} /* Grey Navigation */ .greyNav {background:#e0e0e0;height:25px;padding:4px 5px 0;position:relative} .greyNav li {padding:0 2px;float:left} .greyNav .crn {display:block;width:4px;height:4px;padding:0;float:none;position:absolute;top:0} .greyNav > .left {background-position:-82px 0;left:0} .greyNav > .right {background-position:-87px 0;right:0} .greyNav li a {background:#b4b4b4;display:block;padding:6px 10px 0;height:19px;position:relative;font-size:11px;font-weight:bold;color:#ffffff} .greyNav li a .left {background-position:-82px -10px;left:0} .greyNav li a .right {background-position:-87px -10px;right:0} .greyNav li a:hover {background:#a3a3a3;text-decoration:none;color:#ffffff} .greyNav li a:hover .left {background-position:-82px -15px} .greyNav li a:hover .right {background-position:-87px -15px} .greyNav li a.selected {background:#ffffff;color:#0e0e0e} .greyNav li a.selected .left {background-position:-82px -5px} .greyNav li a.selected .right {background-position:-87px -5px} .greyNav .search {margin-top:-1px;padding:0;float:right} .greyNav .search .inputText {display:block;width:150px;height:17px;margin-right:5px;float:left} .greyNav .search .inputSearch {background:url(sInputSearch.png) no-repeat;display:block;width:53px;height:23px;float:left;cursor:pointer;border:0} /* Pages Info */ .infoLeft {width:541px;padding:10px 0 0;float:left} .infoLeft .imageBlock {margin-bottom:10px;padding:5px;text-align:center;border:1px solid #d4d4d4} .infoLeft .videoBlock {margin-bottom:10px} .infoRight {width:230px;padding:10px 0;float:right;font-size:11px} .infoRight dl {line-height:22px;font-family:Arial, Helvetica, sans-serif} .infoRight dt {font-size:14px;font-weight:bold;color:#095ba6;border-bottom:1px solid #d4d4d4} .infoRight dd {padding-bottom:5px;text-align:justify;color:#121212} .infoRight dd .otherLink {padding:0;line-height:14px} .infoRight dd ul {padding:2px 3px 0} .infoRight dd li {padding:2px;float:left} .infoRight .round-block {padding-top:10px} .infoRight .round-block h3 {font-size:14px;font-family:Arial;font-weight:bold;color:#095ba6;border-bottom:1px solid #d4d4d4} .infoRight .round-block ul {padding-left:5px} .infoRight .round-block li {background:url(expertCommentaryBg.png) no-repeat 0 7px;padding:5px 5px 5px 15px} .infoRight .round-block li a {font-size:11px} .infoRight .options {} .infoRight .options li {padding:5px 5px 5px 40px;line-height:18px;font-size:11px;color:#262626;border-bottom:1px solid #dadada} .infoRight .options li strong {color:#095ba6} .infoRight .options li .date {color:#979797} .infoRight .options .info {background:url(pComPhOptionsInfo.png) no-repeat 2px 10px} .infoRight .options .discussions {background:url(pComPhOptionsDiscussions.png) no-repeat 0 10px} .infoRight .options .tags {background:url(pComPhOptionsTags.png) no-repeat 3px 10px} .infoRight .options .addInfo {background:url(pComPhOptionsAddInfo.png) no-repeat 2px 10px;border:0} /* Profile Company */ #pComOver {} #pComOver .conLeft {} #pComOver .conLeft h2 {padding:10px 0 0} #pComOver .conLeft dl {} #pComOver .conLeft dt {padding-top:6px;line-height:20px;font-size:11px;font-weight:bold;color:#095ba6} #pComOver .conLeft dt.line {padding-bottom:4px;border-bottom:1px solid #d4d4d4} #pComOver .conLeft dd {line-height:20px;font-size:11px;color:#171717} #pComAbout dd {padding-bottom:10px} #pComOver .conLeft dd .otherLink {padding:0;line-height:16px} #pComOver .conLeft .date {display:block;padding-bottom:3px;line-height:14px;text-align:right;color:#458e15;border-bottom:1px solid #e1e1e1} #pComOver .conLeft dd ul {} #pComOver .conLeft dd li {padding:5px 2px;color:#171717;border-bottom:1px solid #d4d4d4} #pComOver .conLeft dd .blueItems .verified {background:url(blueVerified.png) no-repeat right 7px} #pComOver .conLeft dd .greenItems .verified {background:url(greenVerified.png) no-repeat right 7px} #pComOver .conLeft dd .greenItems li strong {color:#50951e} #pComOver .conLeft dd .countries {} #pComOver .conLeft dd .countries li {padding:5px 0 5px 10px} #pComOver .conLeft dd .countries li div {width:170px;float:left} #pComOver .videoBlock {padding:5px 0} /* Portofolio */ #pComOver .portBlock {padding:5px 0} #pComOver .portBlock .cnt {background:#ffffff;padding:10px;text-align:center;border:1px solid #e0e0e0;border-width:0 1px 0} #pComOver .portBlock .foot {background:#f8f8f8;padding:2px 10px;border:1px solid #e0e0e0} #pComOver .portBlock .foot > div {background:url(pComPortFoot.png) no-repeat;width:76px;height:27px;margin:0 auto;position:relative} #pComOver .portBlock .foot div a {background:url(pComPortArrows.png) no-repeat;width:21px;height:21px;float:none;position:absolute;top:3px} #pComOver .portBlock .foot .left {background-position:0 0;left:7px} #pComOver .portBlock .foot .left:hover {background-position:0 -24px} #pComOver .portBlock .foot .right {background-position:-24px 0;right:7px} #pComOver .portBlock .foot .right:hover {background-position:-24px -24px} /* Skills */ #pComOver .skillsBlock {padding:5px 0} #pComOver .skillsBlock .cnt {background:#ffffff;padding:10px;text-align:center;border:1px solid #1476d2;border-width:0 1px 1px} #pComOver .skillsBlock .cnt .head {margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid #e1e1e1} #pComOver .skillsBlock .cnt .head li, #pComOver .skillsBlock .cnt .head a {display:block;float:left;font-size:11px;font-weight:bold;color:#262626} #pComOver .skillsBlock .cnt .hLeft {width:240px;padding:2px 10px 2px 0} #pComOver .skillsBlock .cnt .hCenter {width:150px;padding:2px 10px 2px 0} #pComOver .skillsBlock .cnt .hRight {width:85px;padding:2px 0} #pComOver .skillsBlock .cnt .body {} #pComOver .skillsBlock .cnt .body li {padding:5px 10px 5px 0;float:left;font-size:11px;font-weight:bold;color:#262626} #pComOver .skillsBlock .cnt .body .bLeft {width:240px} #pComOver .skillsBlock .cnt .body .bCenter {width:150px} #pComOver .skillsBlock .cnt .body .bRight {width:60px;padding:5px 0 5px 25px} /* Maps */ #pComOver .mapsBlock {padding:5px 0} #pComOver .mapsBlock .image {padding-bottom:10px;text-align:center} #pComOver .mapsBlock img {} #pComOver .mapsBlock dl {padding:10px;border:1px solid #e1e1e1;border-width:1px 0} #pComOver .mapsBlock dt {width:300px;padding:0;float:left} #pComOver .mapsBlock dt a {color:#262626} #pComOver .mapsBlock dt a:hover {color:#095ba6} #pComOver .mapsBlock dd {width:200px;float:left} /* Right */ /* Company Snapshot */ #pComOver .blueMenu {display:block;padding:5px 0 0} #pComOver .blueMenu li {float:left} #pComOver .blueMenu li a {background:#ffffff;display:block;height:19px;padding:6px 12px 0;margin-right:2px;position:relative;font-size:11px;text-align:center;color:#000000;border:1px solid #e1e1e1;border-width:1px 1px 0 1px} #pComOver .blueMenu li .crn {display:block;width:5px;height:5px;float:none;position:absolute;top:-1px} #pComOver .blueMenu li .left {background-position:-104px -12px;left:-1px} #pComOver .blueMenu li .right {background-position:-110px -12px;right:-1px} #pComOver .blueMenu li .selected {background:#095ba6;color:#ffffff;border-color:#095ba6} #pComOver .blueMenu li .selected:hover {text-decoration:none} #pComOver .blueMenu li .selected .left {background-position:-104px 0} #pComOver .blueMenu li .selected .right {background-position:-110px 0} #pComOver .blueLine {background:#095ba6;height:3px} #pComOver .pComShap {padding:10px 5px;font-size:11px;border-bottom:1px solid #dadada} #pComOver .pComShap dt {width:70px;float:left;font-weight:bold;color:#095ba6} #pComOver .pComShap dd {width:130px;float:right;color:#000000} #pComOver .pComShap dd > .clear {padding-bottom:5px} #pComOver .pComShap dd .right {width:100px;color:#747474} #pComOver .pComShap dd .right span, #pComOver .pComShap dd .right b {float:left} #pComOver .pComShap dd .right b {margin:3px 0 0 5px} /* Company Team */ #pComOver .pComTeam {padding:10px 5px;border-bottom:1px solid #dadada} #pComOver .pComTeam dt {width:45px;float:left} #pComOver .pComTeam dd {width:150px;float:left;font-size:11px;color:#333333} #pComOver .pComTeam dd a {color:#1c63b3} #pComOver .pComTeam dd p {padding:7px 0} #pComOver .pComTeam dd .clear * {float:left;margin-right:5px} #pComOver .pComTeam dd .clear .ratings {margin-top:3px} #pComOver .pComTeam dd .clear span {font-weight:bold;color:#1c63b3} /* Company Groups */ #pComOver .pComGroups {border-bottom:1px solid #dadada} #pComOver .pComGroups li {padding:4px;float:left} /* Company Services */ #pComOver .pComServices {padding:5px 5px;font-size:11px;border-bottom:1px solid #dadada} #pComOver .pComServices dt, #pComOver .pComServices dd {padding:4px 0} #pComOver .pComServices dt {width:170px;float:left;font-weight:bold;color:#262626} #pComOver .pComServices dd {width:30px;float:right;text-align:right;color:#1c63b3} /* Company Photo Album */ #pComOver .grayMenu {display:block;padding:5px 0 0} #pComOver .grayMenu li {float:left} #pComOver .grayMenu li a {background:#ffffff;display:block;height:19px;padding:6px 12px 0;margin-right:2px;position:relative;font-size:11px;font-weight:bold;text-align:center;color:#000000;border:1px solid #e1e1e1;border-width:1px 1px 0 1px} #pComOver .grayMenu li .crn {display:block;width:5px;height:5px;float:none;position:absolute;top:-1px} #pComOver .grayMenu li .left {background-position:-104px -12px;left:-1px} #pComOver .grayMenu li .right {background-position:-110px -12px;right:-1px} #pComOver .grayMenu li .selected {background:#a3a3a3;color:#ffffff;border-color:#a3a3a3} #pComOver .grayMenu li .selected:hover {text-decoration:none} #pComOver .grayMenu li .selected .left {background-position:-104px -6px} #pComOver .grayMenu li .selected .right {background-position:-110px -6px} #pComOver .grayLine {background:#a3a3a3;height:3px} #pComOver .pComPhAlbum {padding:5px 0 0;line-height:20px;font-size:11px} #pComOver .pComPhAlbum dt, #pComOver .pComPhAlbum dd {padding:5px} #pComOver .pComPhAlbum dt {padding-bottom:0} #pComOver .pComPhAlbum dt a {font-weight:bold;color:#095ba6} #pComOver .pComPhAlbum dd {padding-top:0;color:#262626;border-bottom:1px solid #dadada} /* Company Private Zone */ #pComOver .pComPrivZone {padding:5px;font-size:11px;color:#000000} #pComOver .pComPrivZone .formlabel {padding:10px 0 4px} #pComOver .pComPrivZone label {font-weight:bold;color:#262626} #pComOver .pComPrivZone .formfield {} #pComOver .pComPrivZone .inputText {display:block;width:140px;height:17px;margin-right:2px;float:left} #pComOver .pComPrivZone .inputEnter {background:url(inputEnter.png);display:block;width:53px;height:23px;float:left;cursor:pointer;border:0} /* Company About info */ #pComOver .pComAboutInfo {padding:5px 0;font-size:11px} #pComOver .pComAboutInfo dt {padding:2px 5px 5px;font-weight:bold;color:#095ba6;border-bottom:1px solid #e1e1e1} #pComOver .pComAboutInfo dd {padding:0 5px 5px;line-height:24px;color:#171717} #pComOver .pComAboutInfo dd .items {padding:4px 0 0 4px} #pComOver .pComAboutInfo dd .items li {padding:4px 4px 5px;float:left} /* Maps page */ #pComOver .pComMaps {} #pComOver .pComMaps .map {padding:5px 0;text-align:center} #pComOver .pComMaps .locations {padding:10px 5px} #pComOver .pComMaps .locations dl {padding:10px;font-size:11px;line-height:20px;border-bottom:1px solid #e1e1e1} #pComOver .pComMaps .locations dl strong {line-height:12px} #pComOver .pComMaps .locations dt {width:400px;float:left} #pComOver .pComMaps .locations dt a {font-weight:bold;color:#262626} #pComOver .pComMaps .locations dt a:hover {color:#095ba6} #pComOver .pComMaps .locations dd {width:300px;float:left} /* Portfolio Page */ #pComPortfolio {font-size:11px;color:#262626} #pComPortfolio .audioBlock {} #pComPortfolio .audioBlock h4 {font-size:11px;font-weight:bold;color:#1d62a4} #pComPortfolio .audioBlock .title {} #pComPortfolio .audioBlock .title strong {color:#1c63b3} #pComPortfolio .audioBlock .player {padding:10px 0} #pComPortfolio .audioBlock .lyrics {display:none;line-height:20px} #pComPortfolio .audioBlock .interpr {display:none;line-height:22px} #pComPortfolio .audioBlock .interpr li {background:url(playIcon.png) no-repeat left 4px;padding-left:19px} #pComPortfolio .audioBlock .interpr strong {color:#1c63b3} #pComPortfolio .audioBlock .shicon {} #pComPortfolio .audioBlock .shicon a {background:url(portfolioIcons.png) no-repeat;display:block;padding:2px 0 2px 18px;float:right;font-weight:bold} #pComPortfolio .audioBlock .shicon .sicon {background-position:0 2px} #pComPortfolio .audioBlock .shicon .hicon {background-position:0 -15px} #pComPortfolio .textBlock {padding-bottom:10px;color:#262626} #pComPortfolio .textBlock h4, #pComPortfolio .textBlock h4 a {font-size:11px;font-weight:bold;color:#1d62a4} #pComPortfolio .textBlock .text {padding:10px 0 5px;line-height:20px} #pComPortfolio .textBlock .text img {padding:0 5px 5px 0;float:left} #pComPortfolio .textBlock .textInfo {padding-bottom:15px;font-weight:bold;text-align:right} #pComPortfolio .progBlock {height:400px;padding-bottom:10px} #pComPortfolio .shellContent {width:500px;height:100%;float:left;overflow:hidden} #pComPortfolio .shellContent .cnt {} #pComPortfolio .progBlock .hSliderBlock {float:right;width:15px} #pComPortfolio .round-block {margin-bottom:10px} #pComPortfolio .sResInfoLeft h2 {padding:3px 0;font-size:14px} #pComPortfolio .sResInfoLeft p {padding:3px 0} #pComPortfolio .sResInfoCenter, #pComPortfolio .sResInfoRight {height:40px;padding-top:40px;text-align:center} #pComPortfolio .sResInfoFooter {padding-left:0} #pComPortfolio .sResInfoFooter ul {padding:0} #pComPortfolio .sResInfoFooter .right label {color:#1c63b3} #pComPortfolio .sResSubFoot {padding:10px 20px;border-top:1px solid #91c0e2} #pComPortfolio .sResSubFoot .left {width:200px} #pComPortfolio .sResSubFoot .left .inputCombo {width:150px;height:22px} #pComPortfolio .sResSubFoot .right {width:510px} #pComPortfolio .sResSubFoot .right dl {width:170px;padding:5px 0;line-height:18px;float:left} #pComPortfolio .sResSubFoot .right dl dt {color:#1c63b3} /* Music */ #pComPortfolio .sResInfoTraks .right li {width:250px;padding:4px 0;float:left} #pComPortfolio .sResInfoTraks .right li * {display:block;float:left;margin:0 4px} #pComPortfolio .sResInfoTraks .right li a {color:#262626} #pComPortfolio .sResInfoTraks .right li a:hover {color:#1c63b3} #pComPortfolio .sResInfoTraks .right li strong {margin:0;color:#1c63b3} #pComPortfolio .sResInfoMusicLyrics .right {float:left;width:400px} /* Text */ #pComPortfolio .sResInfoIndexPoetry .right li {width:250px;padding:4px 0;float:left} #pComPortfolio .sResInfoIndexPoetry .right li * {display:block;float:left;margin:0 4px} #pComPortfolio .sResInfoIndexPoetry .right li a {color:#262626} #pComPortfolio .sResInfoIndexPoetry .right li a:hover {color:#1c63b3} #pComPortfolio .sResInfoIndexPoetry .right li strong {margin:0;color:#1c63b3} #pComPortfolio .pageInfo {padding:5px 5px 15px;font-weight:bold;text-align:center;color:#1d62a4;border-top:1px solid #d4d4d4} #pComPortfolio .pageInfo a, #pComPortfolio .pageInfo strong {background:url(pageInfoArrows.png) no-repeat} #pComPortfolio .pageInfo strong {color:#262626} #pComPortfolio .pageInfo .left {background-position:right 2px;padding-right:18px} #pComPortfolio .pageInfo .right {background-position:left -19px;padding-left:18px} #pComPortfolio .pageInfo strong.left {background-position:right -40px} #pComPortfolio .pageInfo strong.right {background-position:left -61px} /* Photo Album Page */ #photoAlbum {} #photoAlbum h2 {padding-bottom:5px} #photoAlbum dl {padding:10px;font-size:11px;line-height:20px;border-bottom:1px solid #e1e1e1} #photoAlbum dl.first {padding-bottom:5px} #photoAlbum dl strong {line-height:12px} #photoAlbum dl strong a {color:#262626} #photoAlbum dl strong a:hover {color:#095ba6} #photoAlbum dt {width:270px;float:left} #photoAlbum dt h4 {} #photoAlbum dt h4 a {font-size:11px;color:#095ba6} #photoAlbum dt p {color:#979797} #photoAlbum dt > a {background:url(pComPhAlbumComments.png) no-repeat left 4px;display:block;padding-left:18px;float:left;color:#4a94db} #photoAlbum dd {width:480px;float:right} #photoAlbum .albumTitle {padding:50px 0 0 170px} #photoAlbum .photoBlock {padding:0 5px 5px;position:relative;text-align:center;border-bottom:1px solid #d4d4d4} #photoAlbum .photoBlockSmall {padding:0 0 5px;margin-bottom:10px} #photoAlbum .photoBlock .image {display:inline-block;zoom:1;*display:inline;padding:5px;border:1px solid #d4d4d4} #photoAlbum .photoBlock .pageArrowBack {top:200px;left:20px} #photoAlbum .photoBlock .pageArrowNext {top:200px;right:20px} #photoAlbum .photoBlock .pages {padding:5px 0 0;text-align:center} #photoAlbum .photoBlock a {font-size:11px;color:#262626} #photoAlbum .photoBlock .pages > .clear {width:300px;margin:0 auto;text-align:center} #photoAlbum .photoBlock .pages > .left {padding-left:2px} #photoAlbum .photoBlock .right {padding-right:60px} #photoAlbum .photoBlockSmall .right {padding:0} #photoAlbum .photoBlock a:hover {color:#095ba6} /* Games Block */ .gameSpace {height:165px} .rCol .gameSpace {} .leftColumn > .games-block {width:186px;position:absolute;right:4px;bottom:10px;z-index:9} .rightColumn > .games-block {visibility:visible;width:782px;position:absolute;right:10px;bottom:10px} .games-block {} .games-block .brd-md {background-color:#ffffff;height:145px !important;padding:0 !important;position:relative;z-index:2;border:2px solid #d4d4d4} .games-block .brd-tp, .games-block .brd-bt {height:8px;margin-bottom:-8px;position:relative;z-index:3} .games-block .brd-l {width:7px;height:7px;position:relative} .games-block .brd-r {width:7px;height:7px;position:relative;float:right} .games-block .brd-tp {} .games-block .brd-tp .brd-l {background-position:-132px 0} .games-block .brd-tp .brd-r {background-position:-140px 0} .leftColumn > .games-block .brd-tp .brd-l {background-position:-132px -17px} .leftColumn > .games-block .brd-tp .brd-r {background-position:-140px -17px} .games-block .brd-bt {top:-7px} .games-block .brd-bt .brd-l {background-position:-132px -8px} .games-block .brd-bt .brd-r {background-position:-140px -8px} .leftColumn > .games-block .brd-bt .brd-l {background-position:-132px -25px} .leftColumn > .games-block .brd-bt .brd-r {background-position:-140px -25px} .games-block h2 {margin:0 5px;padding:2px 0;font-family:Arial;font-size:15px;text-align:center;color:#333333;border-bottom:1px solid #d4d4d4} .games-block .clear {padding:10px 0 0} .games-block .info {float:left;width:100px} .games-block .info h3 {width:90px;padding-left:40px;line-height:22px;font-family:Arial;font-size:15px;text-align:center;color:#1d62a4} .games-block .info p {padding:4px 0 4px 5px;font-size:11px;font-weight:bold;color:#bebebe} .games-block .action {background:url(gamesAction.png) no-repeat;width:37px;height:77px;margin-right:5px;float:right;text-indent:-9999em} .games-block .close {background-position:0 -78px} .games-block .inputCombo {width:172px;height:20px;margin:0 0 0 5px} .games-block .arrowLeft, .games-block .arrowRight {background:url(gamesArrows.png) no-repeat;display:block;width:12px;height:47px;position:absolute;top:48px;text-indent:-9999em} .games-block .arrowLeft {background-position:0 0;left:4px} .games-block .arrowRight {background-position:-13px 0;right:4px} .games-block .arrowLeft:hover {background-position:0 -48px} .games-block .arrowRight:hover {background-position:-13px -48px} .gamesList {margin:14px 19px 5px;overflow:hidden} .gamesList > div {width:99999em} .gamesList ul {padding:0 !important} .gamesList li {width:144px;padding:0 2px;float:left} .gamesList li:hover {width:142px;border:1px solid #649cd2} .gamesList li .image {padding:3px;text-align:center;border:1px solid #d0d0d0} .gamesList li:hover .image {border:0} .gamesList li .name {padding:2px 0;text-align:center} .gamesList li:hover .name {padding:3px 0 1px} .gamesList li .name a {font-weight:bold;color:#1d62a4} /* Comment Block */ .commentBlock {float:none !important} .commentBlock .commentBlock {padding:0 0 0 40px !important} .commentBlock .commentBlock .commentRound {margin-right:40px} .commentBlock > div.clear {width:100%;margin-right:-100%;padding-bottom:10px;float:left} .commentRound {margin-left:65px} .commentRound .brd-md {background-color:#fafdff;padding:5px 10px;position:relative;z-index:2;font-size:11px;border:1px solid #91c0e2} .commentRound .brd-md .leftArrow {background-position:-117px -14px;left:-12px;display:block;width:12px;height:16px;top:11px} .commentRound .brd-md p {padding:6px 0;color:#000000} .commentRound .brd-md .left, .commentRound .brd-md .right {width:auto !important;padding:0 !important} .commentRound .brd-md .left {color:#157dc4} .commentRound .brd-md .right {} .commentRound .brd-md .right .lst {color:#ff6000} .commentRound .brd-tp, .commentRound .brd-bt {height:7px;margin-bottom:-7px;position:relative;z-index:3} .commentRound .brd-l {width:6px;height:6px;position:relative} .commentRound .brd-r {width:6px;height:6px;position:relative;float:right} .commentRound .brd-tp {} .commentRound .brd-tp .brd-l {background-position:-117px 0} .commentRound .brd-tp .brd-r {background-position:-124px 0} .commentRound .brd-bt {top:-6px} .commentRound .brd-bt .brd-l {background-position:-117px -7px} .commentRound .brd-bt .brd-r {background-position:-124px -7px} .commentAvatar {float:left;width:60px} /* Private zone page */ #privZone {} #privZone .image {margin:0 auto;text-align:center} #privZone .image.left {} #privZone .advert {} #privZone .imageInfo {padding:5px 0 4px;color:#737373;border-bottom:1px solid #e1e1e1} #privZone .imageInfo .left {color:#1d62a4} #privZone .imageInfo strong {color:#2a2a2a} #privZone .blockOptions {width:546px;float:left} #privZone .userQuestion {display:block;padding:5px 0;color:#333333} #privZone .userOptions {padding:0 0 10px} #privZone .userOptions > a {display:block;background:url(userOptions.png) no-repeat;height:24px;text-indent:-999em} #privZone .userChat {background-position:0 -26px !important;width:64px;float:left} #privZone .moreLinks {background:url(userOptions.png) no-repeat;margin-left:5px;float:left} #privZone .moreLinks a {display:block;height:24px;margin-right:1px;float:left;text-indent:-999em} #privZone .userFavorite {width:86px} #privZone .userIgnore {width:67px} #privZone .userReport {width:124px} #privZone .userSendMsg {background-position:-156px -26px !important;width:124px;float:right} /* Poll Voting */ .ratingVoting {padding:0 !important} .ratingOptions {padding:5px 5px 3px;border-bottom:1px solid #d4d4d4} .ratingOptions ul {float:left} .ratingOptions ul li {width:23px;padding:0 12px;float:left;text-align:center} .ratingOptions ul li a {background:url(votingBg.png) no-repeat 0 18px;display:block;height:40px;font-size:13px;font-family:Arial;font-weight:bold;color:#8d8d8d} .ratingOptions ul li a:hover {text-decoration:none} .ratingOptions ul li a.selected {background-position:-77px 18px;color:#2168bb} .ratingOptions .check {padding:5px;float:left} .ratingOptions .check img {background:url(ratingCheck.png) no-repeat;width:28px;height:27px} .rationgDetails {width:380px;padding:2px 0 0 10px;float:left} .rationgDetails strong {color:#333333} .rationgDetails strong span {color:#2168bb} .ratingProgress {background:url(ratingProgress.png) no-repeat;width:366px;height:12px;margin-top:8px;padding:1px} .ratingProgress div {background:#f2f2f2;height:12px} .ratingOptions > a {display:block;margin:5px;padding:7px;float:right;font-size:14px;font-family:Arial;font-weight:bold;color:#8d8d8d;border:1px solid #e1e1e1} .ratingOptions > a:hover {text-decoration:none;color:#2168bb;border:1px solid #2168bb} .ratingText {padding:4px 0 4px 60px;font-weight:bold;color:#b3b3b3} .ratingText.clear {padding:4px 0} .ratingText .left {padding-left:18px} .ratingText .right {padding-right:80px} /* List Block for scroll */ .listBlock {} .listBlockGrey {padding:10px 5px;line-height:20px;border:1px solid #e0e0e0;border-top:0} .listSmall {overflow:hidden} .listLarge {width:9999em;padding-bottom:5px} .listBlock ul {float:left} .listBlock li {width:144px;margin:1px;float:left} .listBlock li:hover {width:142px;border:1px solid #649cd2} .listBlock .image {padding:3px;text-align:center;border:1px solid #f0f0f0} .listBlock li:hover .image {border:0} .listBlock .name {padding:2px 0;text-align:center} .listBlock li:hover .name {padding:3px 0 1px} .listBlock .name a {font-weight:bold;color:#1d62a4} /* Audio Block */ .listBlock .listAudio {} .listBlock .listAudio li {width:250px;float:left} .listBlock .listAudio li:hover {border:0} .listBlock .listAudio li h4 {font-size:11px;font-weight:bold;color:#1d62a4} .listBlock .listAudio li div {padding:2px 0} .listBlock .listAudio li div * {display:block;float:left} .listBlock .listAudio li a {height:18px;max-width:165px;overflow:hidden;margin:0 4px;color:#262626} .listBlock .listAudio li a:hover {color:#1c63b3} .listBlock .listAudio li strong {color:#1c63b3} /* Sliders Block */ .sliderBlock, .hSliderBlock {background:#ced2d6;position:relative;border:1px solid #8f9499} .sliderBlock {height:13px} .hSliderBlock {width:13px !important;height:100%} .sliderBlock a, .hSliderBlock a, .sliderBlock .slider, .hSliderBlock .slider {background:url(sliders.png) no-repeat;display:block;position:absolute} .sliderBlock .left, .sliderBlock .right {width:15px;height:15px;top:-1px;z-index:9} .sliderBlock .left {background-position:0 0;left:-1px} .sliderBlock .right {background-position:0 -17px;right:-1px} .hSliderBlock .top, .hSliderBlock .bottom {width:15px;height:15px;left:-1px;z-index:9} .hSliderBlock .top {background-position:0 -49px;top:-1px} .hSliderBlock .bottom {background-position:0 -66px;bottom:-1px} .sliderBlock .sliderSpace {height:13px;margin:0 13px;position:relative} .sliderBlock .slider {background-position:0 -34px;background-repeat:repeat-x;width:100%;height:13px;left:0;border:1px solid #8f9499;border-width:0 1px} .hSliderBlock .sliderSpace {width:13px;margin:13px 0;position:relative} .hSliderBlock .slider {background:url(sliderHorizontal.png) repeat-y;width:13px;height:100%;top:0;border:1px solid #8f9499;border-width:1px 0} /* Ratings */ .ratings {background:url(ratings.png) no-repeat;display:block;width:50px;height:9px;padding:0} .rating0 {background-position:-50px 0} .rating05 {background-position:-40px -13px} .rating1 {background-position:-40px 0} .rating15 {background-position:-30px -13px} .rating2 {background-position:-30px 0} .rating25 {background-position:-20px -13px} .rating3 {background-position:-20px 0} .rating35 {background-position:-10px -13px} .rating4 {background-position:-10px 0} .rating45 {background-position:0 -13px} .rating5 {background-position:0 0} /* Medals */ .gold, .bronze, .silver {background:url(skillsMedals.png) no-repeat} .gold {background-position:0 5px} .bronze {background-position:0 -18px} .silver {background-position:0 -41px} /* Progress bar */ .progressBar {height:13px;position:relative;overflow:hidden;border:1px solid #1476d2} .progressBar span {background:#308fe8;display:block;margin-left:-4px;padding-right:4px;position:relative;overflow:hidden;text-align:right;color:#ffffff} /* Pagination */ .pagination {text-align:center;font-size:11px;color:#313131} .pagination .left, .pagination .right {padding:5px 2px} .pagination .left p {padding:2px 3px 0 0;float:left} .pagination .left .clear {float:left} .pagination .center {display:inline-block;zoom:1;*display:inline} .pagination a {display:block;margin:0 2px;padding:2px 3px;float:left;font-size:12px;border:1px solid #e0e0e0} .pagination a:hover {text-decoration:none;color:#358bdb;border:1px solid #91c0e2} .pagination span {display:block;margin:0 2px;padding:6px 0;float:left} /* Footer */ #footer {background:#ebebeb;margin-top:20px} #footer .header {background:#e6e6e6;height:9px;border-top:1px solid #b4b4b4;border-bottom:1px solid #d4d4d4} #footer .content {padding:15px 20px} #footer .content .left {width:586px} #footer .content dl {width:110px;float:left} #footer .content dl.nd {width:171px} #footer .content dt, #footer .content dd {padding:5px 15px} #footer .content dt {font-family:Tahoma, Geneva, sans-serif;font-size:15px;color:#000000} #footer .content dd {padding:0 15px;border-right:1px solid #d3d3d3} #footer .content dd ul {} #footer .content .nd dd ul {width:70px;float:left} #footer .content dd li {padding:2px 0} #footer .content dd a {font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#1e67af} #footer .content dd.lst {border:0} #footer .content .right {width:380px} #footer .content .right h3 {padding:20px 0 10px;font-family:Tahoma, Geneva, sans-serif;font-size:15px;font-weight:normal;color:#000000} #footer .content .right p {padding:10px 0} #footer .content .right a {font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#959595} #footer .content p {padding:5px 0 5px 14px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#262626} #footer .sponsors {padding:15px 0 5px;text-align:center} #footer .sponsors ul {display:inline-block;zoom:1;*display:inline} #footer .sponsors ul li {display:block;float:left;padding:0 15px} /* Round block */ .round-block {} .round-block .brd-md {background-color:#ffffff;padding:5px 5px;position:relative;z-index:2;border:1px solid #d4d4d4} .round-block .brd-tp, .round-block .brd-bt {height:6px;margin-bottom:-6px;position:relative;z-index:3} .round-block .brd-l {width:5px;height:5px;position:relative} .round-block .brd-r {width:5px;height:5px;position:relative;float:right} .round-block .brd-tp {} .round-block .brd-tp .brd-l {background-position:-15px 0} .round-block .brd-tp .brd-r {background-position:-21px 0} .round-block .brd-bt {top:-5px} .round-block .brd-bt .brd-l {background-position:-15px -6px} .round-block .brd-bt .brd-r {background-position:-21px -6px} /* End round block */ /* Round block in CSS 3 */ .cRoundBlock {background-color:#ffffff;padding:5px 5px;position:relative;border-radius:5px;border:1px solid #d4d4d4} /* Line style */ .fieldsSet {margin:5px 0 10px;padding:5px 0;border-bottom:1px solid #d4d4d4} .fieldsSet.both {border-top:1px solid #d4d4d4} .fieldsSet h3 {padding:2px 0 !important;float:left;color:#044d93 !important} .fieldsSet a {padding:6px 5px 0 0;float:right;font-size:11px;text-decoration:underline;color:#b2b2b2} .fieldsSet a:hover {text-decoration:none} /* Set user bloks */ .userBlocks {width:552px} .userBlocks li {margin-right:3px;float:left} .userBlocks.three li {width:180px} .userBlocks.two li {width:272px} .userBlocks .userInfo {border-radius:3px 3px 0 0;border-width:1px 1px 0 1px;border-style:solid;border-color:#c9c9c9} .userBlocks.two li .userInfo img {width:110px;height:110px} .userBlocks .foot {background-position:0 -20px;height:18px;position:relative;border-radius:0 0 3px 3px;border:1px solid #91c0e2} .userBlocks .foot > span {background-position:-148px 0;display:block;width:6px;height:7px;position:absolute;top:-7px;left:10px} .userBlocks .foot .open {display:block;margin:3px 20px 0 0;float:right;font-weight:bold;color:#458e15} .userBlocks .foot .open span {background-position:-157px -8px;margin:4px 0 0 5px;padding:3px 3px 3px 4px;float:right} /* Set user info blocks */ .userInfo {line-height:17px;padding:7px 5px 5px;font-size:11px;color:#808080} .userInfo img {width:64px;height:64px} .userInfo strong {color:#262626} .userNames {display:block;padding:3px 0 0 6px;float:left;font-size:11px;font-weight:bold;color:#1d62a4} /* Hide profile block */ .hideProfile {} .hideProfile > .left {width:175px;padding:0 !important} .hideProfile > .left h2 {padding-bottom:4px !important} .hideProfile > .left h2 a {font-size:14px !important;color:#095ba6 !important} .hideProfile > .left .imageLeft {width:80px;height:80px} .hideProfile > .left h3 {font-size:11px !important;text-transform:uppercase;color:#458e15 !important} .hideProfile > .right {width:365px} .hideProfile > .right .userInfo {background:#fafafa;padding:5px;position:relative;border-radius:5px;border:1px solid #d4d4d4} .hideProfile > .right .userInfo .crn {background-position:-148px -15px;display:block;width:9px;height:10px;position:absolute;top:15px;left:-9px} .hideProfile > .right label {display:block;padding-right:17px;float:left} .hideProfile > .right label input {margin:5px 0 3px} .options {width:552px;color:#262626} .options li {width:180px;padding:3px 0;float:left} .options li * {display:block;margin:0 4px 0 0;float:left} .profileProgress {background:#ffffff;width:150px;margin:0 auto 10px;padding:10px 10px 0 10px;border-radius:3px;border:1px solid #d4d4d4} .profileProgress h2 {font-size:13px !important;color:#333333 !important} .profileProgress dl {} .profileProgress dl * {padding:4px 0 !important;margin:0 !important} .profileProgress dd {width:110px;float:left} .profileProgress .progress {background:#dddddd;height:9px;padding:0 !important;border-radius:4px;border:1px solid #aaaaaa} .profileProgress .progress span {background:#72b51d;display:block;height:9px !important;padding:0 !important;border-radius:3px} .profileProgress dd a {display:inline !important;padding:0 !important;font-fize:11px !important;color:#095ba6 !important} .profileProgress dt {width:35px;float:right;font-size:11px;text-align:right;color:#333333} /* PopUp */ #popDialog {display:none;width:528px;position:absolute;z-index:9999} #popDialog h2 {background:url(popDialogBg.png) left top no-repeat;height:18px;padding:7px 0 0 15px;font-size:13px;font-family:Arial;color:#ffffff} #popDialog .dialogLeft {background:url(popDialogLeft.png) left top repeat-y;margin-bottom:4px} #popDialog .dialogRight {background:url(popDialogRight.png) right top repeat-y;margin-bottom:4px} #popDialog .dialogCnt {margin:0 5px 0;position:relative} #popDialog .dialogBottom {background:url(popDialogBg.png) left bottom;height:8px;margin-top:-4px;position:relative;z-index:9999}