/* ========================================= */ /* TS-CMS: TopSite CMS */ /* Version: 3.2 */ /* Copyright (c) 2009 Hli4s.net. */ /* Visit Us: http://www.hli4s.net */ /* ========================================= */ html,body,div,h1,h2,h3,h4,h5,h6,ol,dl,li,ul,dt,dd,p,blockquote,pre,form,fieldset,table,th,td{margin:0;padding:0;} /* body {background: #e0dee9 url(images/background2.jpg) repeat-x 450px top;font:12px Arial;color:#2c2c2c;} */ body { color: #333; background-color: #093a7d; background-image: url("images/background/background_blue.jpg"); font:12px Arial; background-position: top center; background-repeat:no-repeat; background-attachment:scroll; } html,body{text-align:center;} td{font:10px Arial;padding:0;} hr{border:0;border-bottom:1px dashed #14181b;} a{color:#2c2c2c;} a:visited{color:#2c2c2c;text-decoration:none;} a:link{color:#2c2c2c;text-decoration:none;} a:hover{color:#1a1a1a;text-decoration:underline;} .markermenu{ list-style-type: none; margin: 0px 0; padding: 0; width: 144px; border: 0px solid #9A9A9A; } .markermenu li a{ background: no-repeat 1px center; font: bold 11px Tahoma; color: #3B4A4A; display: block; width: 140; padding: 2px 0; padding-left: 6px; text-decoration: none; border-bottom: 0px solid #B5B5BC; } * html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */ width: 146px; text-decoration: none; } .markermenu li a:visited, .markermenu li a:active{ color: #3B4A4A; text-decoration: none; } .markermenu li a:hover{ color: white; text-decoration: none; background-color: #4A584A; } .buttonscontainer {width: 135px;} .buttons a {color: #000000; background-color: ; padding: 1px; padding-left: 3; display: block; font: 12px Arial, sans-serif; font-weight: ; text-decoration: ; text-align: ;} .buttons a:hover {background-color:#0f57c3; color: #FFFFFF; text-decoration: none;} #content{margin:0 auto;padding-top:10px;width:913px;text-align:left;} #maintop{padding:0;background:url(images/maintop.png) no-repeat;width:913px;height:4px;float:left;} * html #maintop{margin-bottom:-10px;} #main{margin-left:1px;width:911px;background:url(images/mainbackground.png) repeat-y;float:left;} #mainbottom{padding:0;background:url(images/mainbottom.png) no-repeat;width:913px;height:7px;clear:both;} --/*#header{ margin-left:7px; background:url(images/header.png) no-repeat; width:899px; height:110px; z-index:1; position:relative; } --*/ #lpanel{margin-left:716px;width:185px;height:92px; no-repeat;padding:8px 0 0 5px;} #lpanel .usermenu{text-align:center;} #lpanel .usermenu a{color:#1b1b1b;} #lpanel .usermenu img{border:0;padding-bottom:4px;} #lpanel form input{border:0;} #lpanel #login{margin:3px 0 0 25px;border:0;width:57px;height:23px;background:url(images/login.png) no-repeat;float:left;} #lpanel #register{width:59px;margin: 3px 0 0 10px;float:left;} #lpanel #ltext{width:180px;height:10px;padding-top:0;color:#fdfdfd;font-size:10px;} * html #lpanel #ltext{margin-top:7px;} #lpanel #ltext a{color:#fdfdfd;} #lpanel #userinput{border:0;height:20px;padding:4px 10px 0 30px;margin-left:5px;font-size:10px;background:url(images/userinput.png) no-repeat;width:127px;float:right;} #lpanel #passinput{width:127px;margin-left:5px;border:0;height:20px;padding:4px 10px 0 30px;font-size:10px;background:url(images/passinput.png) no-repeat;float:right;} #mbaner1{margin-top:-12px;z-index:-1;} #mb1l{margin: 0 0 0 10px;width:1px;height:119px;background:url(images/mb1l.png) no-repeat;float:left;} #mb1b{width:890px;height:119px;background:url(images/mb1b.png) repeat-x;float:left;} #mb1r{width:1px;height:119px;background:url(images/mb1r.png) no-repeat;float:left;} #mb1{margin: 1px 0 0 80px;width:814px;height:113px;background:url(images/mb1.png) no-repeat;padding:17px 0 0 7px;} #left{float:left;width:164px;padding:5px 0 0 10px;} #mcontent{float:left;width:550px;padding:5px 0 0 5px;} #mcontent ul{list-style:none;padding:3px 0 0 0;} #right{float:right;width:164px;padding:5px 5px 0 0;color:#2c2c2c;} #left ul{list-style:none;list-style-image:url(images/list.png);padding:3px 0 0 20px;} #right ul{list-style:none;list-style-image:url(images/list.png);padding:3px 0 0 20px;} .btop{width:164px;height:3px;background:url(images/mtop.png) no-repeat;} * html .btop{margin-bottom:-12px;} .mback{width:155px;padding:1px 5px 0 4px;background:url(images/mback.png) repeat-y;background-color:#c0d5ea;} * html .mback{background-color:#c0d5ea;} .mback li{padding-bottom:5px;} * html .mback{margin-bottom:-2px;} .bbottom{width:164px;height:2px;background:url(images/mbottom.png) no-repeat;padding-bottom:5px;} * html .bbottom{padding-bottom:0;} .adsense{width:131px;height:250px;margin:4px auto 0 auto;background:url(images/adsense.png) no-repeat; padding: 5px 0 0 0px; text-align:center;} .adsense img{border:0px;} #box1t{width:155px;height:30px;background:url(images/box1.png) no-repeat;} * html #box1t{width:153px;} #box2t{width:155px;height:30px;background:url(images/box2.png) no-repeat;} * html #box2t{width:153px;} #box3t{width:155px;height:30px;background:url(images/box3.png) no-repeat;} * html #box3t{width:153px;} .box4t{width:155px;height:30px;background:url(images/box4.png) no-repeat;} * html .box4t{width:153px;} #box5t{width:155px;height:30px;background:url(images/box5.png) no-repeat;} * html #box5t{width:153px;} #box6t{width:155px;height:30px;background:url(images/box6.png) no-repeat;} * html #box6t{width:153px;} #box7t{width:155px;height:30px;background:url(images/box7.png) no-repeat;} * html #box7t{width:153px;} #box8t{width:155px;height:30px;background:url(images/top10.png) no-repeat;} * html #box8t{width:153px;} #box9t{width:155px;height:30px;background:url(images/hosted.png) no-repeat;} * html #box9t{width:153px;} #box10t{width:155px;height:30px;background:url(images/box11.png) no-repeat;} * html #box10t{width:153px;} #mcontenttop{width:557px;height:3px;background:url(images/mcontenttop.png) no-repeat;} * html #mcontenttop{margin-bottom:-12px;} #mcontentt{width:557px;padding:5px 5px 0 5px;background:url(images/mcontentback.png) repeat-y;} #mcontentbottom{width:557px;height:3px;background:url(images/mcontentbottom.png) no-repeat;} #listbaner{width:557px;text-align:center;margin:0 0 5px -5px;} #mb2{width:476px;text-align:center;margin:0 0 0 40px;padding-top:17px;height:81px;background:url(images/mb2.png) no-repeat;} #fserver{color:#323637;width:165px;height:72px;background:url(images/fserversb.png) no-repeat;padding-top:30px;margin-bottom:-25px;text-align:center;} * html #fserver{margin-bottom:10px;} #fserver a{color: #161616;} #footer{float:left; margin-top: 10px; width:910px;text-align:center;} #fooleft{width:3px;height:65px;margin-left:60px;background:url(images/fooleft.png) no-repeat;float:left;} #foo{width:910px;height:65px;background:url(images/foo.png) repeat-x;float:center;} ##fooright{width:3px;height:65px;background:url(images/fooright.png) no-repeat;float:left;} #foo ul{width:780px;padding:5px 0 25px 5px;list-style:none;} #foo li{display:inline;} #foo a{color:#1a1a1a;} #foo span{font-size:11px;} a.foo:link{color:#FFFFFF;text-decoration: underline;} a.foo:visited{color:#FFFFFF;text-decoration: underline;} a.foo:hover{color:#FFFF99;text-decoration: blink;font-weight:bold;} a.foo:active{color:#FFFF99;text-decoration: blink;font-weight:bold;} .box{margin:0 0 10px 10px;width:236px;float:left;} .boxback{width:236px;background:url(images/boxback.png) repeat-y;float:left;text-align:left;padding-left:5px;} .boxback .blist{margin-left:15px;} .boxback a{color:#323637;} .boxb{width:236px;height:3px;background:url(images/boxb.png) no-repeat;float:left;} #t1{width:236px;height:34px;background:url(images/newest.png) no-repeat;float:left;} #t2{width:236px;height:34px;background:url(images/box8.png) no-repeat;float:left;} #t3{width:236px;height:34px;background:url(images/box9.png) no-repeat;float:left;margin-top:-15px;} * html #t3{margin-top:0;} #t4{margin-top:10px;width:236px;height:34px;background:url(images/box10.png) no-repeat;float:left;} #mb3{float:right;margin-right:6px;width:303px;height:269px;background:url(images/mb3.png) no-repeat;padding:18px 0 0 0px;} #mb3 img{margin-left:2px;} .blist li{font-size:10px;list-style:url(images/newslist.png);} #newsp{font-size:11px;width:577px;text-align:center;} #newsp .box{text-align:left;width:515px;} #newsp .head{padding:2px 0 0 5px;background:#b1bad7;border:1px solid #bcc3c5;height:30px;font-size:10px;} #newsp .head h1{float:left;font-size:15px;} #newsp .head span{padding-left:10px;} #newsp .body{background:#e5edef;padding-bottom:5px;margin-bottom:10px;border:1px solid #bcc3c5;} #fserverb{width:477px;height:70px;background:url(images/fserverbb.png) no-repeat;margin:0 0 0 40px;padding:30px 0 0 20px;} #fserverb span{margin-top:-10px;padding-right:10px;float:left;padding-top:7px;} #fserverb .name{width:135px;padding-top:10px;} #fserverb .name img{float: none;} #fserverb img{margin-top:-8px;padding-right:10px;float:left;} #slisttop{margin:0;width:548px;height:3px;background:url(images/slisttop.png) no-repeat;} #slistback{margin:0;width:548px;float:left;background:url(images/slistback.png) repeat-y;padding-left:4px;color:#feffff;} #slistbott{clear:both;margin:0;width:548px;height:3px;background:url(images/slistbott.png) no-repeat;} #slisttright{width:3px;height:34px;background:url(images/slisttrightb.png) no-repeat;float:left;} #slisttback{width:528px;height:34px;background:url(images/slisttbackb.png) repeat-x;float:left;line-height:34px;padding-left:5px;} * html #slisttop{margin-bottom:-12px;} #slisttback span{float:left;} #slisttback ul{margin-left:65px;margin-top:-2px;list-style:none;width:330px;float:left;} * html #slisttback ul{margin-left:40px;margin-top:4px;} #slisttback .ul li{float:left;display:inline;margin-top:0;padding:0 1px 0 0;} .sname{padding-left:30px;} #slisttleft{width:4px;height:34px;background:url(images/slisttleftb.png) no-repeat;float:left;} .light{background:url(images/light.png) repeat-x;color:#352c2d;font-size:12px;width:522px;height:55px;padding:25px 0 0 17px;margin:0 7px 0 0;float:left;} .light div{float:left;} .dark{background:url(images/dark.png) repeat-x;color:#352c2d;font-size:12px;width:522px;height:55px;padding:25px 0 0 17px;margin:0 7px 0 0;float:left;} .dark div{float:left;} .d{padding-left: 20px;width: 23px;} .dl{padding-left: 20px;width: 45px;} .dn{margin-left: 17px;width: 150px;} .td{padding-right: 10px;} #paggleft{width:2px;height:36px;background:url(images/paggleft.png) no-repeat;float:left;margin-top: 5px;} #paggback{width:542px;height:36px;background:url(images/paggback.png) repeat-x;padding:5px 0 0 5px;margin-top: 5px;color: #feffff;} #paggback a{color:#feffff;} #sinfombox{width:542px;height:189px;background:url(images/sinfombox.png) repeat-x;float:left;padding:2px 0 0 0;} .names{width:545px;height:30px;line-height:30px;background:url(images/navigation-break-left.gif)repeat-x;text-align:center;font-size:15px;color:#fff;} .menu{width:155px;height:27px;line-height:30px;background:url(images/navigation-break-left.gif)repeat-x;text-align:center;font-size:12px;color:#fff;} .menutop{width:236px;height:32px;line-height:30px;background:url(images/navigation-break-left.gif)repeat-x;text-align:center;font-size:15px;color:#fff;} .menufor{width:236px;height:32px;line-height:30px;background:url(images/navigation-break-left.gif)repeat-x;float:left;font-size:15px;color:#fff;} #sinfomboxleft{width:2px;height:189px;background:url(images/sinfomboxleft.png) no-repeat;float:left;} #sinfomboxright{width:2px;height:189px;background:url(images/sinfomboxright.png) no-repeat;float:left;} #ginfoleft{width:6px;height:164px;background:url(images/ginfoleftb.png) no-repeat;margin:5px 0 0 8px;float:left;} #ginfoback{width:515px;height:164px;background:url(images/ginfobackb.png) repeat-x;margin:5px 0 5px 0;float:left;color:#14181b;font-size:13px;} /* ------ Start sinfo Facebook Template ------ */ #ginfobackface{width:515px;height:110px;background:url(images/ginfobackb.png) repeat-x;margin:5px 0 5px 0;float:left;color:#14181b;font-size:13px;} #ginfoleftface{width:6px;height:110px;background:url(images/ginfoleftb.png) no-repeat;margin:5px 0 0 8px;float:left;} #ginforightface{width:7px;height:110px;background:url(images/ginforight.png) no-repeat;margin:5px 0 0 0;float:left;} /* ------ And sinfo Facebook Template -------- */ #ginfoback tr{padding-bottom:9px;} #ginforight{width:7px;height:164px;background:url(images/ginforight.png) no-repeat;margin:5px 0 0 0;float:left;} #ginfo{margin:10px 0 17px 3px;width:89px;height:15px;background:url(images/ginfob.png) no-repeat;} #gface{margin:10px 0 17px 3px;width:89px;height:15px;background:url(images/gfaceinfob.png) no-repeat;} #srates{margin:13px 0 14px 8px;width:91px;height:16px;background:url(images/sratesb.png) no-repeat;} #erates{margin:13px 0 15px 9px;width:101px;height:13px;background:url(images/eratesb.png) no-repeat;} #srating{margin:15px 0 10px 9px;width:97px;height:16px;background:url(images/sratingb.png) no-repeat;} .boxinfo{width:263px;float:left;margin-left:5px;} .boxleft{width:5px;height:127px;background:url(images/boxleft.png) no-repeat;float:left;padding-bottom:10px;} .boxbackground{width:250px;height:137px;background:url(images/boxbackgroundb.png) repeat-x;float:left;} .boxright{width:7px;height:137px;background:url(images/boxrightb.png) no-repeat;float:left;margin-bottom:8px;} .boxinfo tr{padding-bottom:8px;} .box2left{width:5px;height:94px;background:url(images/box2left.png) no-repeat;float:left;padding-bottom:10px;} .box2back{width:250px;height:94px;background:url(images/box2backb.png) repeat-x;float:left;} .box2right{width:7px;height:94px;background:url(images/box2right.png) no-repeat;float:left;} .box3left{width:5px;height:111px;background:url(images/box3left.png) no-repeat;float:left;padding-bottom:10px;} .box3back{width:251px;height:111px;background:url(images/box3backb.png) repeat-x;float:left;} .box3right{width:6px;height:111px;background:url(images/box3right.png) no-repeat;float:left;} .boxrightinfo{width:210px;float:right;text-align:center;padding:0 40px 0 0;} .boxrightl{width:5px;height:69px;background:url(images/boxrightl.png) no-repeat;float:left;padding-bottom:14px;} .boxrightb{width:200px;height:69px;background:url(images/boxrightbb.png) repeat-x;float:left;} .boxrightb #check{margin-top:-2px;} .boxrightr{width:5px;height:69px;background:url(images/boxrightrb.png) no-repeat;float:left;} #scheck{margin:10px 0 10px 60px;width:93px;height:14px;background:url(images/scheckb.png) no-repeat;} #votes{margin:11px 0 14px 80px;width:44px;height:12px;background:url(images/votesb.png) no-repeat;} #trating{margin:10px 0 10px 60px;width:85px;height:16px;background:url(images/tratingb.png) no-repeat;} #crating{margin:14px 0 10px 8px;width:132px;height:18px;background:url(images/cratingb.png) no-repeat;} #gmrating{margin:13px 0 12px 8px;width:73px;height:16px;background:url(images/gmratingb.png) no-repeat;} #gprating{margin:12px 0 12px 8px;width:118px;height:16px;background:url(images/gpratingb.png) no-repeat;} .inboxinfo{width:88px;height:26px;margin-left:55px;line-height:26px;font-size:20px;color:#393d3e;} .shadetabs{float:left;padding:3px 0;font:bold 11px Verdana;list-style-type:none;text-align:left;margin-left:5px;} .shadetabs li{display:inline;width:89px;height:34px;margin:0;} .shadetabs li a{text-decoration:none;line-height:34px;padding:10px 7px 10px 7px;color:#fffdfe;background:url(images/msinfo.png) center top #2B2924 repeat-x;} .shadetabs li a:visited{color:#fffdfe;} .shadetabs li a:hover{text-decoration:underline;color:#fffdfe;} .table a{color:#2b2e2f;} .table a:visited{color:#2b2e2f;text-decoration:none;} .table a:link{color:#2b2e2f;text-decoration:none;} .table a:hover{color:#393d3e;text-decoration:underline;} .addreviewt{background:#b1bad7;width:269px;height:20px;line-height:20px;float:left;margin:5px 5px 0 0;font-size:14px;} .addreviewb{background:#e5edef;width:264px;float:left;margin:0 5px 0 0;font-size:13px;padding:5px 0 0 5px;} .addreviewtable{text-align:center;} .addreviewtable select{float:left;} .addreviewtable span{float:left;text-align:left;width:160px;} .addreviewtable p{float:left;width:539px;} .addreviewtable input{font-size:11px;} .review{float:left;margin-right:10px;width:auto;} .emoticons{float:left;border:1px solid #8a8a8a;width:128px;height:137px;padding-top:3px;} .emoticons span{width:140px;padding-bottom:10px;float:left;} .emoticons span img{padding-left:10px;} .addhr{width:400px;} #astep1back{margin:5px 0 0 10px;padding-top:25px;width:520px;height:auto;background:#b1bad7;float:left;color:#0f2034;font-size:12px;text-align:center;} #astep1back span{color:#931d1d;} #astep1back p{font-size:10px;} #snameinput{width:166px;height:22px;background:url(images/snameinput.png) no-repeat;border:0;font-size:11px;padding:5px 7px 0 5px;} #addbox1back{margin:5px 0 5px 135px;padding:0 10px 0 5px;width:250px;height:108px;background:#bdc3db;float:left;} #addbox1back span{color:#8891b2;font-size:10px;margin-left:-155px;} #addbox1back input{font-size:10px;padding:5px 5px 0 5px;} #addbox1back tr{padding-bottom:5px;} .ip{width:117px;height:24px;background:url(images/ipinput.png) no-repeat;border:0;font-size:12px;padding:3px 0 0 5px;} .port{width:86px;height:22px;background:url(images/portinput.png) no-repeat;border:0;font-size:12px;padding:3px 0 0 5px;} #submitstep1{border:0;margin:5px 0 0 143px;width:270px;height:26px;background:url(images/submitstep1.png) no-repeat;} .addbox{width:230px;margin-left: 130px;float:left;} #astep2back{margin:5px 0 0 10px;padding-top:25px;width:520px;height:auto;background:#b1bad7;float:left;color:#0f2034;font-size:12px;text-align:center;} .addbox span{color:#0d1f33;} .addbox2{width:260px;margin-left:120px;float:left;} .addbox2back{margin:5px 0 5px 0;padding:0 0 5px 5px;width:270px;background:#bdc3db;float:left;} .addbox2back #type{margin-left: 75px;} .addbox2back p{color:#8891b2;font-size:10px;float:left;} .addbox2back span{width: 130px;color:#0d1f33;font-size:12px;float:left;} .addbox2back select{width:120px;float:left;} .addbox2back hr{width: 150px;border:0;margin:0;float:left;} #linkinput{width:189px;height:24px;background:url(images/linkinput.png) no-repeat;border:0;font-size:10px;margin-left:10px;padding:5px 5px 0 5px;} #submitstep2{border:0;width:120px;height:30px;background:url(images/submitstep2.png) no-repeat;margin: 5px 0 10px -5px;} #userinfo{background:#9cc2e7;width:224px;height:78px;float:left;} #userinfo #davatar{padding:2px 0 0 2px;width:70px;height:60px;border:0;} #userinfo .left{width:80px;float:left;} #userinfo .right{width:130px;float:left;font-size:10px;} #userinfo .avatar img{padding:2px 0 0 9px;width:60px;height:60px;border:0;} #topavatar{width:76px;height:5px;margin:2px 0 0 0;} #inboxinfo{background:#9cc2e7;width:145px;height:45px;margin-right:15px;text-align:center;float:right;font-size:10px;color:#feffff;padding:7px 0 0 0;} #inboxinfo img{border:0;} #inboxinfo a{font-size:11px;color:#202125;} .myservers{width:544px;background:#9cc2e7;float:left;margin-top:10px;} .myservers .title{color:#5c6769;padding:0 0 0 3px;font-size:10px;} .myservers span{color:#0e384e;font-size:11px;} .myservers tr{padding-left:5px;} .myservers td{width:130px;padding-bottom:10px;} .myservers .e{width:250px;} .myservers a{color:#030303;} .myservers img{border:0;} #mymenu{width:534px;background:#9cc2e7;float:left;margin-top:10px;padding:5px 0 10px 10px;} .esubmit{width:155px;height:37px;background:url(images/SaveChangesButton.png) no-repeat;border:0;} #admintleft{width:5px;height:29px;background:url(images/atleft.png)no-repeat;float:left;} #admintback{width:538px;height:29px;background:url(images/atback.png)repeat-x;float:left;} #sinfoback{width:534px;height:29px;background:url(images/atback.png)repeat-x;float:left;font-size:12px;color:#fdfdfb;padding-top:8px;} #admintright{width:5px;height:29px;background:url(images/atright.png)no-repeat;float:left;} #alogo{width: 75px;height: 10px;background:url(images/alogo.png) no-repeat;margin:8px 0 0 10px;} .aback{width: 548px;background:#9cc2e7;padding: 10px 0 8px 0;text-align: center;float:left;} #aserver{width: 542px;height:30px;background:url(images/aserver.png)no-repeat;margin:0 0 0 3px;} .asinfo{width:542px;height:36px;background:url(images/paggback.png) repeat-x;padding:5px 0 0 5px;margin-top: 5px;color: #0d2031;} .asinf{padding: 0 0 0 10px;font-size: 11px;color: #0d2031;} #dhtmltooltip { position: absolute; width: 150px; border: 1px solid #C1C1C1; padding: 2px; background-color: #EFEFEF; color: #000000; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); } #popad{height:111px;width:712px;background:url(images/adv_pop_left.gif) top right no-repeat;} #popad_footage{height:10px;width:728px;} #popad_footage a{display:block;height:10px;width:728px;display:block;overflow:hidden;} #popad.dynamic #popad_footage{height:15px;width:728px;background:url(images/closebox.jpg) top right no-repeat;} #popad.dynamic #popad_footage a{height:20px;} #popad.dynamic #popad_footage a#popad_close{height:10px;} #popad.dynamic{position:absolute;left:25%;bottom:1px; } #popad.dynamic{position:fixed;} /* ------ Start HopZones Live Support Chat ------ */ /* IMPORT ADDITIONAL CSS */ @import url("reset.css"); /* ------ CLIENT CHAT WINDOW ------ */ #status_box { margin:10px auto; padding:3px 10px 10px 10px; background-color:#fff; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; border:1px solid #222; } .ls_available { border:1px solid #000; padding:5px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; text-align:center; font-size:18px; background: #dff3a8; background: -moz-linear-gradient(top,#dff3a8,#c4fb92); background: -webkit-gradient(linear, left top, left bottom, from(#dff3a8), to(#c4fb92)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dff3a8, endColorstr=#c4fb92); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dff3a8, endColorstr=#c4fb92)"; border:1px solid #ABE195; } .ls_available a { color:#222;} .ls_unavailable { border:1px solid #000; padding:5px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; text-align:center; font-size:18px; background: #f4d4d4; background: -moz-linear-gradient(top,#f4d4d4,#e18383); background: -webkit-gradient(linear, left top, left bottom, from(#f3c7c7), to(#eea2a2)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3c7c7, endColorstr=#eea2a2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3c7c7, endColorstr=#eea2a2)"; border:1px solid #db6868; } .ls_unavailable a { color:#222;} #chat_window { position:relative; margin:10px auto; padding-top:5px; width:490px; height:415px; background-color:#fff; color:#222; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; } .container { position:relative; margin:10px; } .centered_container { margin:10px auto; border:1px solid red; padding:10px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; } #chatOutput { margin:10px; border:1px solid #A8B9CB; height:310px; overflow:auto; font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; font-weight: 500; letter-spacing: normal; line-height: 1.5em; } /* ------ GLOBALS ------- */ .error { background-color:#fdc3c3; border:1px solid #b10000; padding:5px 1px 5px 50px; margin: 10px 0px 10px 0px; background-image:url(../images/icons/stop.png); background-repeat:no-repeat; background-position:10px 7px; color:#000; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; min-height:40px; } .success { background-color:#dff3a8; border:1px solid #ABE195; padding:5px 1px 5px 50px; margin: 10px 0px 10px 0px; background-image:url(../images/icons/ok.png); background-repeat:no-repeat; background-position:10px 7px; color:#000; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; min-height:40px; } .inline {display:inline;} .small_text {font-size:14px;} .red { color:red;} .bblue { background-color:#a6c9e4; border-radius:inherit; } .pale_blue { background-color:#E4F0F5; border:1px solid #D6EFF8; } .response_sum { font-size:10px; color:#555; } .admin { background-color:#effcff; padding:5px 5px 10px 5px; border-bottom:1px solid #c4dde1; } .user { background-color:#f4fdf1; padding:5px 5px 10px 5px; border-bottom:1px solid #c4dde1; } .notice { padding:10px 5px 10px 5px; background-color:#d0e5f9; background-image:url(../images/icons/notice.png); background-position:98% 50%; background-repeat:no-repeat; border-bottom:1px solid #c4dde1; } .text_block { padding:10px 5px 5px 10px; } .error { background-color:#fdc3c3; border:1px solid #b10000; padding:1px 1px 1px 45px; margin: 10px 0px 10px 0px; background-image:url(../images/icons/stop.png); background-repeat:no-repeat; background-position:10px 7px; color:#000; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* ------ FORMS ------- */ .thin { width:250px; } .wide { width:500px; } label { font-size:15px; margin:0px 0px 0px 10px; } .input_field { margin:5px 0px 8px 10px; background-color: #fff; font-size: 14px; color: #444; padding: 6px; border:1px solid #A8B9CB; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; font-weight: 500; letter-spacing: normal; line-height: 1.5em; } .input_field:focus { -moz-box-shadow: 0px 1px 3px #a6c9e4; -webkit-box-shadow: 0px 1px 3px #a6c9e4; box-shadow: 0px 1px 3px #a6c9e4; border:1px solid #6cb0e4; } .submit { height:auto; padding:5px; border:1px solid #5ab9dc; cursor:pointer; background: #76aec3; background: -webkit-gradient(linear, left top, left bottom, from(#edf6fb), to(#5ab9dc)); background: -moz-linear-gradient(top, #edf6fb, #5ab9dc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#edf6fb, endColorstr=#5ab9dc); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#edf6fb, endColorstr=#5ab9dc)"; font-weight:600; color:#2a4f64; } /* ------ And HopZones Live Support Chat ------ */ /* ------ And Login Form ------ */ a { color: #0099CC; text-decoration: none; } a:hover { color: #004cff; } a img { border: none;/*remove border for linked images*/ } h1 { font-size: 1.6em; height: 20px; padding-top: 0; } h2{ font-size: 1.2em; height: 20px; padding-top: 0; } .highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px} } /* ------ And Login Form ------ */