@media screen {
  form#register p span#terms-err.err-message body, html, div, p, ul, li, table, img, h1, h2, h3, form, fieldset, legend, select, object {
    padding: 0;
    margin: 0;
}

body, html {
    color: #000;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Verdana, Arial, lucida, sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE";
    background-color: #fff;
    height: 100%;
}

body {
    font-size: 90%;
    position: relative;
    width: 100%;
}

body.glog {
    background: none !important;
}

@media all and(min-width: 0) {
    body {
        font-size: 95%;
    }
}

hr {
    position: absolute;
    top: -12721px;
    width: 1px;
}

A:link {
    color: #F06;
    text-decoration: underline;
}

A:visited {
    color: #F06;
    text-decoration: underline;
}

A:active, A:hover {
    color: #CE0053;
    text-decoration: underline;
}

a img {
    border: 0 solid #B1B8B8;
}

a:hover img {
    border: 0 solid #000;
}

h1 {
    margin: 0 10px 0 0;
    padding: 40px 0 5px 20px;
    color: #F06;
    text-align: left;
    font-size: 200%;
}

.fashion h1 {
    padding-top: 115px;
}

h1 a:link, h1 a:visited,
#content h1 a:link, #content h1 a:visited {
    color: #FF0165;
    text-decoration: none !important;
}

h1 a:active, h1 a:hover,
#content h1 a:active, #content h1 a:hover {
    color: #FF0165;
    text-decoration: underline !important;
}

h2 {
    padding: 2px 2px 0 0;
    margin: 0;
    font-size: 180%;
    color: #F06;
    clear: left;
}

h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
    font-weight: normal;
    font-size: 100%;
}

h2 a:link {
    color: #F06;
    text-decoration: underline;
}

h2 a:visited {
    text-decoration: underline;
}

h2 a:active {
    color: #CE0053;
    text-decoration: underline;
}

h2 a:hover {
    color: #CE0053;
    text-decoration: underline;
}

h2 span a {
    font-weight: bold;
}

h2 span a:link, h2 span a:visited {
    color: #069;
    font-weight: bold;
}

h2 span a:active, h2 span a:hover {
    color: #000;
    font-weight: bold;
}

h1, h2 {
    font-family: Arial, Verdana, lucida, sans-serif, "Arial CE", "Verdana CE", "Lucida Grande CE", "Helvetica CE";
}

ul {
    position: relative;
    right: 10px;
    clear: left;
    margin: 10px 0 0 30px;
}

ul li {
    list-style-image: none;
}

em {
    font-weight: bold;
    font-style: normal;
}

acronym, abbr {
    cursor: help;
}

a#nahoru2 {
    display: none;
}

textarea {
    color: #818181 !important;
}

#userbg {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    z-index: 12;
    background-color: #f1f1f1;
}

.blind {
    display: none !important;
}

.center {
    text-align: center;
}

.cf {
    min-height: 1%;
    _height: 1%;
}

.cf:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    height: 0;
}

h3.here, h2.here {
    padding: 0 0 0 11px !important;
}

h3.here span.online, h3.here span.offline, h3.here span.washere, h2.here span.online, h2.here span.offline, h2.here span.washere {
    display: block;
    width: 9px;
    height: 9px;
    z-index: 10;
    text-indent: -1000px;
    font-size: 80%;
    position: absolute;
    top: 6px;
    left: 7px;
    cursor: help;
}

h3.here span.online, h2.here span.online {
    background: url("gfx/icons/dioda-online.gif") 0 0 no-repeat;
}

h3.here span.offline, h2.here span.offline {
    background: url("gfx/icons/dioda-offline.gif") 0 0 no-repeat;
}

h3.here span.washere, h2.here span.washere {
    background: url("gfx/icons/dioda-washere.gif") 0 0 no-repeat;
}

p.gotop {
    text-align: right;
    border: 1px solid #DEDEDE;
    border-width: 0 0 1px 0;
    padding: 10px 0 4px 0 !important;
    margin: 0 20px;
    color: #069;
}

p.gotop a:link, p.gotop a:visited {
    color: #069;
}

p.gotop a:active, p.gotop a:hover {
    color: #000;
}

#tools ul li, .slideshow ul li, ul#menu li, #sort-options ul li, #comments ul li {
    list-style-type: none;
    list-style-image: none;
}

body.gloggers h1 {
    margin: 0;
    padding: 40px 0 27px 20px;
}

body.winners h1 {
    margin: 0 10px 0 0;
    padding: 40px 0 5px 0;
}

body.terms h1 {
    margin: 0 10px 0 0;
    padding: 40px 0 5px 0;
}

body.change h1 {
    padding: 40px 0 30px 20px;
}

body.cats h1 {
    margin: 0 10px 0 0;
    padding: 40px 0 25px 20px;
}

#twitter-widget-0, #twitter-widget-1 {
    vertical-align : bottom;
}

}
@media screen {
  
br.clear {
    display: block;
    clear: left;
    width: 300px;
    height: 1px;
    font-size: 1px;
}

br.clear-l {
    display: block;
    clear: left;
    width: 300px;
    height: 1px;
    font-size: 1px;
}

br.both {
    display: block;
    clear: both;
    width: 300px;
    height: 1px;
    font-size: 1px;
}

input.txt, textarea.txt {
    background-color: #F7F9FD;
    border: 1px solid #C0C0C0;
    border-top-color: #414147;
    border-left-color: #414147;
}

input.txt:focus, textarea.txt:focus {
    border: 1px solid #000;
    background-color: #FFFBDD;
    color: #000;
}

select.txt {
    background: #F7F9FD;
    border: 1px solid #C0C0C0;
    border-top-color: #414147;
    border-left-color: #414147;
}

select.txt:focus {
    border: 1px solid #000;
    background: #FFFBDD;
    color: #000;
}

p.show-all {
    text-align: right;
    font-size: 90%;
    clear: left;
    left: 0;
    padding: 0;
}

p.show-all span {
    color: #999;
    height: 30px;
    vertical-align: top;
}

p.show-all span strong {
    font-weight: normal;
}

p.show-all a:link, p.show-all a:visited {
    color: #000 !important;
    font-weight: bold;
}

p.show-all a:active, p.show-all a:hover {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

p.show-all#user-all-glogs {
    padding: 0 0 0 0 !important;
}

.myglog .comments p.show-all span {
    padding: 0px;
    margin-right: 5px;
}

#favs p.show-all {
    width: 920px;
}

#favs p.show-all span {
    padding: 0px;
}

.profile #my-friends p.show-all {
    width: 486px;
}

.profil #my-friends p.show-all {
    padding-top: 21px;
}

}
@media screen {
  
#messages #user-message-count span { margin: 0; padding: 0; }
#messages #user-message-count span span { margin: 15px 10px 0px 0px; padding: 0;   }

}
@media screen {
  
p.show-all#user-all-glogs span.user-glogs {height:5px;padding-left:0;position:relative;right:5px;width:20px;vertical-align:middle;}
h1 small, h2 small{color:#000;font-size:50%;font-weight:normal;}
h1 small{font-size:45%;}
h1 small a:link, h1 small a:visited, h2 small a:link, h2 small a:visited{color:#000;}
h1 small a:active, h1 small a:hover, h2 small a:active, h2 small a:hover{color:#000;text-decoration:none;}
ul.anchors{font-size:90%;position:relative;left:20px;padding:10px 0 0 0;}
ul.anchors li{font-size:12px;list-style-image:url("gfx/list-point2.gif");padding:5px 0;}
ul.anchors li a:link, ul.anchors li a:visited{color:#069;font-weight:bold;}
ul.anchors li a:active, ul.anchors li a:hover{color:#000;font-weight:bold;}
a.btn-cancel, a.btn-delete{display:inline-block;width:90px;height:22px;line-height:22px;text-align:center;background:url("gfx/buttons/button-middle-silver.gif") 0 0 no-repeat;color:#666;}
a.btn-cancel:link, a.btn-cancel:visited, a.btn-delete:link, a.btn-delete:visited{text-decoration:none;font-weight:bold;color:#808080!important;}
a.btn-cancel:active, a.btn-cancel:hover, a.btn-delete:active, a.btn-delete:hover{text-decoration:none;font-weight:bold;color:#808080!important;}
a.btn-reply{display:block;width:90px;height:22px;line-height:22px;text-align:center;background:url("gfx/buttons/button-middle-pink.gif") 0 0 no-repeat;color:#666;}
a.btn-reply:link, a.btn-reply:visited{text-decoration:none;font-weight:bold;color:#fff!important;}
a.btn-reply:active, a.btn-reply:hover{text-decoration:none;font-weight:bold;color:#fff!important;}
a.btn-block{display:block;width:130px;height:22px;line-height:20px;text-align:left;text-indent:18px;background:url("gfx/icons/icon-block.gif") 0 50% no-repeat;color:#666;font-size:80%;font-family:Verdana, Tahoma, Arial;}
.br a.btn-block { width:160px; }
a.btn-block:link, a.btn-block:visited{text-decoration:underline;font-weight:bold;color:#000!important;}
a.btn-block:active, a.btn-block:hover{text-decoration:none;font-weight:bold;color:#000!important;}
span.close-popup{display:block;width:20px;height:20px;position:absolute;top:5px;right:5px;cursor:pointer;cursor:hand;overflow:hidden;z-index:100;}
span.close-popup a{display:block;width:20px;height:20px;text-indent:-400px;overflow:hidden;position:absolute;top:0;right:0;cursor:pointer;cursor:hand;background:url("gfx/buttons/close.gif") 0 0 no-repeat;}
span.close-popup a:hover{background:url("gfx/buttons/close-b.gif") 0 0 no-repeat;}
#TB_window span.close-popup{display:block;width:20px;height:20px;position:absolute;top:-2px;right:18px;cursor:pointer;cursor:hand;overflow:hidden;z-index:100;&top:0px;&left:0px; }
#TB_window span.close-popup a{display:block;width:20px;height:20px;overflow:hidden;position:absolute;top:0;right:0;cursor:pointer;cursor:hand;}

}
@media screen {
  
#TB_window span.close-popup-megaspecial{display:block;width:20px;height:20px;position:absolute;top:19px;right:18px;cursor:pointer;cursor:hand;overflow:hidden;z-index:100;}
#TB_window span.close-popup-megaspecial a{display:block;width:20px;height:20px;overflow:hidden;position:absolute;top:0;right:0;cursor:pointer;cursor:hand;}

}
@media screen {
  
.megaspecialthickbox span.close-popup{top:0;right:8px;}
#messages span.close-popup{top:-43px;right:-6px;_right:20px;}
body.inbox #messages span.close-popup{top:-43px;right:6px;_right:20px;}
#messages .goreply span.close-popup{top:-39px;right:7px!important;_right:27px;}
.page all #content{width:980px;position:relative;margin:0 auto; }
#header, #content{width:980px;position:relative;margin:0 auto; }

}
@media screen {
  
#content #flasher{ z-index: 32; }

}
@media screen {
  
p#login a{font-weight:bold;}
#content{text-align:left;background-color:#fff;padding-top:42px;min-height:700px;}
#content h2{position:relative;left:15px;}
body.home #content{background: #fff;min-height:300px!important;_height:auto!important;padding-top:25px;}
body.change #content, body.deleteaccount #content, body.deletedaccount #content{padding-top:90px;}
body.search #content h2{left:0;margin:30px 0 0 0;}
body.edit #content{padding-top:0;z-index: 100; text-align:center; background:transparent;}
body.edit.ge #content { padding-top: 60px;z-index: 40;}
body.edit #subedit{background:url("gfx/bg-subedit.jpg") 0 0 repeat-x;border:1px solid #666;border-width:1px 0 0 0;padding:20px;}
body.edit #subedit .box{width:280px;height:auto;float:left;margin:0 20px 0 0;padding:0;position:relative;left:10px;}
body.edit #content #subedit .box h2{font-size:120%;margin:0 0 10px 0!important;;left:0!important;padding:0 0 0 0!important;}
body.edit #subedit .box ol{width:auto;font-size:90%;margin:0;padding:0;}
body.edit #subedit .box ol li{list-style-type:none;margin:0 0 15px 0;}

}
@media screen {
  
form#lostpass{width:500px;height:auto;position:relative;left:20px;font-size:80%;}
form#lostpass p{height:3em;line-height:3em;}
form#lostpass p.info{height:auto!important;line-height:1.4em!important;}
form#lostpass p label{display:block;width:130px;height:3em;line-height:3em;float:left;cursor:pointer;cursor:hand;}
form#lostpass p label.remember{position:relative;left:130px;float:none;width:360px;}
form#lostpass p input.submit{position:relative;left:130px;cursor:pointer;cursor:hand;}
form#newpass{width:500px;height:auto;position:relative;left:20px;font-size:80%;padding-top: 20px;}
form#newpass p{height:3em;line-height:3em;}
form#newpass p.submit { padding-top: 1.5em; padding-right: 0 !important;text-align: left; }
form#newpass p.submit button { width: auto; }
form#newpass p.info{height:auto!important;line-height:1.4em!important;}
form#newpass p label{display:block;width:130px;height:3em;line-height:3em;float:left;cursor:pointer;cursor:hand;}
form#newpass p label.remember{position:relative;left:130px;float:none;width:360px;}
form#newpass p input.submit{position:relative;left:130px;cursor:pointer;cursor:hand;}
form#mymail{width:540px;height:auto;position:relative;left:20px;font-size:80%;}
form#mymail p{height:3em;line-height:3em;}
form#mymail p.submit  { padding-top: 1.5em; text-align: left; }
form#mymail p.submit button { width: auto; top: 0; }
form#mymail p.info{height:auto!important;line-height:1.4em!important;}
form#mymail p label{display:block;width:130px;height:3em;line-height:3em;float:left;cursor:pointer;cursor:hand;}
form#mymail p label.remember{position:relative;left:130px;float:none;width:360px;}
form#mymail p input.submit{position:relative;left:130px;cursor:pointer;cursor:hand;}
form.settings{width:500px;height:auto;position:relative;left:20px;font-size:80%;padding:0 0 200px 0;}
body.change form.settings#register{padding:0 0 60px 0;}
form.settings p{height:3em;line-height:3em;clear:left;}
form.settings p.info{height:auto!important;line-height:1.4em!important;}
form.settings p label{display:block;width:130px;height:3em;line-height:3em;float:left;cursor:pointer;cursor:hand;}
form.settings p label.hidden, form#register p label.hidden{float:none;width:1px!important;overflow:hidden;position:absolute;top:-100721px;display:none;}
form.settings p label.remember{position:relative;left:130px;float:none;width:360px;}
form.settings p input.submit{position:relative;left:126px;cursor:pointer;cursor:hand;}
form.settings p.submit input{position:relative;left:126px;cursor:pointer;cursor:hand;}
form.settings#newpass p.submit input{left:106px;}
form.settings#mymail p.submit input{left:170px;}
form.settings {padding:0 0 200px 0;}
form#newpass  { padding: 0 0 60px 0; }
body.change form#register.settings{width:800px;font-size:90%;}
body.change form#register.settings label.hidden{width:1px;overflow:hidden;position:absolute;top:-100721px;}
body.change form#register.settings select{width:auto!important;margin:0 0 0 0!important;position:relative;left:0;}
body.change form#register.settings p#remember-me{width:500px;position:relative;left:150px;}
body.change form#register.settings p#remember-me label{display:inline;width:500px;left:0;float:none;}
body.change form#register.settings p#remember-me input{position:relative;top:3px;}

}
@media screen {
  
body.edit ul#menu li, body.edit ul#menu li#menu-home, ul#menu li#menu-home a img{position:absolute;top:-100721px!important;}
form#loginform{width:500px;height:auto;position:relative;left:20px;font-size: 12px;}
form#loginform p{height:3em;line-height:3em;}
form#loginform p label{display:block;width:130px;height:3em;line-height:3em;float:left;cursor:pointer;cursor:hand;}
form#loginform p label.remember{position:relative;left:130px;float:none;width:360px;}
form#loginform p input.submit{position:relative;left:130px;cursor:pointer;cursor:hand;}

}
@media screen {
  
form.settings#newpass p label{width:180px;}
form.settings#mymail p label{width:205px;}
form.settings#mymail p input.readonly { color: #000000; background-color: #dddddd; }
.change-avatar{text-align: center;}
.change-avatar p.img{width:120px;height:auto;float:left;margin:0 15px 0 0;background:#D8D8D8;}
.change-avatar p.img img{display:block;width:118px;height:auto;margin:1px;}
.change-avatar p.img br{position:absolute;top:-100721px;line-height:0;font-size:0;}
.change-avatar p.img span{display:block;padding:5px 0;background:#fff;text-align:center;font-size:80%;}
.change-avatar form{width:310px;float:left;}
.change-avatar form h2{clear:none;left:0!important;margin:0;padding:0;font-size:130%;}
.change-avatar form p{font-size:90%;padding:10px 0 0 0;}
.change-avatar form p small{color:#999;}
body.change .demo{width:290px;height:auto;float:right;border:1px solid #D8D8D8;background:url("gfx/bg-avatar-demo.jpg") 0 0 repeat-x #E9E9E9;position:relative;bottom:30px;right:80px;}
body.change .demo p.demo{width:272px;height:161px;background:url("gfx/avatar-demo.jpg") 0 0 no-repeat;margin:10px;}
body.change .demo p.text{margin:10px;font-size:90%;text-align:center;}
#deleteaccount{background:url("gfx/bg-hp-boxes.gif") 100% 100% repeat-x #F2F2F2;border:1px solid #D5D5D5;padding:15px;margin:0 20px;position:relative;color:#5D5D5D;font-size:90%; top: 40px;}
#deleteaccount h2{font-size:100%;color:#A2A2A2;left:0;margin:0 0 5px 0;}
#deleteaccount a:link, #deleteaccount a:visited{color:#069;}
#deleteaccount a:active, #deleteaccount a:hover{color:#000;}
form#deleteform{padding:15px 0;margin:20px 20px 0 20px;position:relative;color:#5D5D5D;}
form#deleteform h2{left:0;font-size:100%;font-weight:normal;color:#000;margin:0 0 5px 0;position:absolute;top:-7px;left:0;}
#delete_phase_one, #delete_phase_two{background:url("gfx/bg-hp-boxes.gif") 0 0 repeat-x #F5F5F5;border:1px solid #EBEBEB;padding:20px 0;}
#delete_phase_one p{height:3em;}
#delete_phase_one p label{width:260px;height:3em;float:left;text-align:right;padding-right:10px;font-size:90%;}
#delete_phase_one p.submit{height:auto;}
#delete_phase_one p.submit input{width:90px;height:22px;border:0;color:#fff;font-weight:bold;cursor:pointer;cursor:hand;position:relative;left:430px;background:url("gfx/buttons/button-middle-pink.gif") 0 0 repeat-x #E9E9E9;}
#delete_phase_two p{font-size:90%;margin:0 15px 10px 15px;}
#delete_phase_two p.submit{padding:15px 0 0 0;}
#delete_phase_two p.submit input{width:234px;height:25px;border:0;color:#666;font-weight:normal;cursor:pointer;cursor:hand;background:url("gfx/buttons/button-long-silver.gif") 0 0 repeat-x #E9E9E9;}
#delete_phase_two p.submit input#deleteaccount_submit_b{background:url("gfx/buttons/button-long-pink.gif") 0 0 repeat-x #E9E9E9;color:#fff;font-weight:bold;}
body.deletedaccount p{margin:25px;}

}
@media screen {
  
form#notifier{width:920px;position:relative;left:20px;font-size:80%;padding:0 0 200px 0;}
form#notifier p{height:4em;background:#eee;padding:10px;margin:0 0 2px 0;}
form#notifier p label{color:gray;}
form#notifier p label strong{color:#333;font-weight:bold;font-size:110%;position:relative;left:5px;bottom:2px;cursor:pointer;cursor:hand;}
form#notifier p span{display:block;width:400px;float:left;}
.registration #new h1{color:#FF0063;margin:0;padding:10px 0 5px 20px;}
.registration #new{width:500px;height:auto;float:left;border:1px solid #DFDFDF;border-width:0 1px 0 0;margin:20px 0 60px 0;}
form#register{position:relative;left:22px;z-index:5;width:500px;}
form#register a:link, form#register a:visited{font-weight:normal;}
form#register a:active, form#register a:hover{font-weight:normal;}
form#register fieldset{border:0;background:none;}
form#register fieldset legend{display:none;}
form#register p {width:480px;height:3em;line-height:3em;position:relative;clear:left;padding:0;margin:0;margin:0;padding:0 20px 0 0;font-size:85%;}
form#register p#modify-captcha { line-height:0; height:120px; }
form#register select#district { width:166px; }
form#register p label, form#register p span.label {display:block;width:150px;padding:0 4px 0 0; height: auto; line-height: 2.5em; _line-height: 1.8em; float:left;color:#83838D;text-align:right;}
form#register p#modify-captcha label { line-height: 1.6em; }
form#register p label#subaccounts-label{display:inline;float:none;}
form#register p label{cursor:pointer;cursor:hand;}
form#register p label.hidden{display:inline;float:none;font-size:0;visibility:hidden;}
form#register p input.txt{width:170px;padding:3px 2px;}
form#register p select{background:#fff;color:#000;}
form#register p input.txt#birth-year{width:50px;padding:1px 2px;}
form#register p input.txt#captcha{width:172px;padding:3px 0;margin:4px 0 0 155px;text-transform:uppercase;font-weight:bold;font-family:Trebuchet, Arial, Sans-serif;font-size:90%;}
form#register p#birthday label{font-size:0;visibility:hidden;}
form#register p span.err-message{display:block;width:171px;height:51px;position:absolute;top:-24px;left:330px;font-size:80%;line-height:1.2em;}
form#register p#modify-age span.err-message {left:297px;}
form#register p span.err-message#captcha-err { top:-8px; }
form#register p span.err-message em.error{display:block;width:146px;height:51px;background:url("gfx/error-bubble.gif") 0 0 no-repeat;font-weight:bold;color:#fff;padding:6px 10px 3px 15px;}
form#register p span.err-message#terms-err{left:205px;}
form#register p span.err-message#name-err{top:-4px;}
form#register p span.err-message#address-err{left:360px;}
form#register p#modify-formcheck, form#register p#modify-age{ width:300px; height: auto; position:relative;left:150px; line-height: 1.2em; font-size:80%;}
form#register p#modify-formcheck label, form#register p#modify-age label{text-align: left;width:auto!important;position:relative; line-height: auto; height: auto; font-weight:normal;color:#000;}
form#register p#modify-formcheck input, form#register p#modify-age input{width:auto!important; left: 0; }
form#register p#modify-formcheck a, form#register p#modify-age a{ clear: left; position:relative; }
form#register p#modify-sex label, form#register p#birthday label{display:inline;float:none;}
form#register p#modify-remember-me{ width:300px; position:relative; left:150px;}
form#register p#modify-remember-me label{width:auto;float:none;display:inline;text-align:left;}
form#register p#modify-submit { width: 329px; padding-top: 20px; margin: 0 0 0 151px; }
form#register #voluntary-info #school-phone { height: 60px; }
form#register #voluntary-info #school-phone span.remark { position: absolute; top: 25px; left: 0; color: #000000; width: 300px; }

}
@media screen {
  
#voluntary-info select { max-width:250px; width:expression(this.width > 250 ? 250 : true); }

}
@media screen {
  
.registration #side{width:392px;height:auto;float:left;margin:20px 0 0 0;position:relative;left:0;}
.registration #side h2{margin:0 0 20px 0;padding:10px 0 0 0;left:0;font-size:180%;}
.registration #side h2, .registration #side h3, .registration #side form, .registration #side ul{position:relative;left:38px;}
.registration #side h2#what-is-glogster{color:#000;}
.registration #side h3 { font-size: 100%; margin-bottom: 12px; }
.registration #side form{width:390px;background:#F3F3F3;border:1px solid #E1E1E1;margin:0;padding:20px 0 10px 0;font-size:100%;}
.registration #side form p{width:350px;position:relative;left:20px;height:2.5em;line-height:2.5em;}
.registration #side form p label{width:100px; height: 2em; line-height:2em; float:left;font-size:85%;}
.registration #side form p input{color:#999;}
.registration #side form p input.txt{width:160px;padding:3px 2px;}
.registration #side form p#modify-remember-me2 { width:350px; position:relative; left:20px; height:auto; line-height: 1em; }
.registration #side form p#modify-remember-me2 label{ width:260px; height: auto; line-height: 1em; float:none; position:relative; left:98px; }
.registration #side form p#submit-login {padding:5px 0 0 0;}
.registration #side form p#submit-login input {position:relative;left:100px; }
.registration #side form p.lostpw{position:relative;left:123px;padding:0;}
.registration #side form p.lostpw a{font-size:85%;}
.registration #side ul{width:390px;margin:0;padding:0;font-size:90%;}
.registration #side ul li{list-style-image:url("gfx/list-point.gif");margin:0 0 11px 30px;padding:0;color:#83838D;}

}
@media screen {
  
.cats .item{width:295px;height:285px;float:left;margin:0 10px 10px 0;overflow:hidden;position:relative;left:24px; border: 1px solid #DFDFDF;background: transparent url('gfx/bg-cat-dd.jpg') repeat-x scroll 0 100%;}
.cats .item img{vertical-align:bottom;}
.cats .item.over{background-position:0 0;}
.cats #content .item h2{font-size:130%;margin:14px 0 10px 0;padding:0;left:20px;}
.item h2 a:link, .item h2 a:visited{color:#ff0063;}
.item h2 a:hover, .item h2 a:active{color:#ce0053;}
.cats .item p.thumbs{float:left;width:160px;height:250px;margin-right:30px;background:url("gfx/bg-cat-shadow.gif") no-repeat 0 0;position:relative;left:20px;overflow:hidden;}
.cats .item p.thumbs img{display:block;width:135px;height:183px;position:absolute;left:20px;top:24px;border:1px solid #B6B6B6;background:#fff;}
.cats .item p.thumbs img.glog1{z-index:3!important;left:19px;top:24px;}
.cats .item p.thumbs a img.glog1, .cats .item p.thumbs a:hover img.glog1{border:1px solid #B6B6B6;}
.cats .item p.thumbs img.glog2{z-index:2!important;left:9px;top:12px;}
.cats .item p.thumbs img.glog3{z-index:1!important;left:0;top:0;}
.cats .item p.info{display:block;width:102px;font-size:90%;position:absolute;right:12px;top:70px;overflow:hidden;font-family:Verdana, sans-serif, "Verdana CE", "Arial CE", "Trebuchet MS", "Lucida Grande CE";}
.cats .item p.info br{display:block;font-size:1px;line-height:1px;height:1px;}
.cats .item p.info small{display:block;color:#5D5D5D;font-size:100%;}
.cats .item p.info span.recent-glog{display:block;margin-top:10px;}
.cats .item p.info span.recent-glog a{font-weight:bold;}
.cats .item p.info span.recent-glog a:link, .cats .item p.info span.recent-glog a:visited{color:#069;}
.cats .item p.info span.recent-glog a:active, .cats .item p.info span.recent-glog a:hover{color:#000;}
.cats .item p.info span.last-updated{display:block;margin-top:10px;}
.cat #content .item h2{font-size:90%;font-weight:bold;margin:0;padding:0;left:0;height:1.3em; width: 135px;overflow:hidden;}
.cat .item h2 a:link, .cat .item h2 a:visited{color:#069;font-weight:bold;}
.cat .item h2 a:active, .cat .item h2 a:hover{color:#005680;font-weight:bold;}
.cat .item{width:135px;min-height: 275px; _height: 275px; margin:0 20px 0 0;}
.cat .item.first{clear:left;}
.cat .item.last{margin:0;}
.cat .item p.thumb{width:135px;height:183px;margin:5px 0 0 0;}
.cat .item .priznak{width:135px;height:60px;position:absolute;top:160px;}
.cat .item .priznak span.private{display:block;width:135px;height:20px;line-height:20px;background:#000;color:#fff;text-indent:10px;font-weight:bold;font-size:90%;}
.cat .item .priznak span.shaker{display:block;width:135px;height:20px;line-height:20px;background:#FD0263;color:#fff;text-indent:10px;font-weight:bold;font-size:90%;}
.cat .item p.username{font-size:80%; overflow:hidden;}
.cat .item p.username a:link, .cat .item p.username a:visited{color:#069;}
.cat .item p.username a:active, .cat .item p.username a:hover{color:#005680;}
.cat .item p.rating{position:relative;height:50px;padding:3px 0 0 0;font-size:80%;background:url("gfx/bg-gradient.gif") 0 0 repeat-x;text-indent:4px;}
.cat .item p.rating span.rating-amount{height:50px;width:70px;position:absolute;top:3px;right:3px;text-align:right;}
.cat .item p.rating img{position:realtive;top:2px;}
.cat .item.large{width:234px;height:auto;margin:0 104px 0 0;padding:25px 0 0 0; float:left;  position: relative;}
.cat #content .item.large h2{width:234px;position:absolute;top:0;left:0;background:#fff;}
.cat .item.large.last{margin:0;}
.cat .item.large p.thumb{width:234px;height:368px;margin:0;}
.cat .item.large p.username{position:absolute;top:346px;left:4px;font-size:80%;}
.cat .item.large p.username a:link, .cat .item.large p.username a:visited{color:#069;}
.cat .item.large p.username a:active, .cat .item.large p.username a:hover{color:#005680;}
.cat .item.large p.rating{height:auto;padding:0;position:absolute;top:346px;right:4px;font-size:80%;text-indent:0;}
.cat .item.large p.rating img{position:realtive;top:2px;}
.cat .item.large p.thumb a img {max-width:234px; max-height:318px;}
#projects-detail .cat .item.large .autosave-thumbnail{  background: url("../images/autosaved_glog_234x318.png") no-repeat scroll 0 0 transparent !important;height: 120px;top: 122px;width: 234px;}
.glogger, .glogger-m, .glogger-f, .glogger-c{width:164px;height:207px;background:url("gfx/gloggers-item.gif") 0 0 no-repeat #F6F6F7;overflow:hidden;float:left;margin:0 12px 12px 0;position:relative;text-align:center;}
.cat .item.large{ float:left;  position: relative;}
.cat .item {float:left;}

}
@media screen {
  
#sort-options{width:960px;height:auto;font-size:80%;text-align:right;position:absolute;top:66px;right:0;}
.fashion #sort-options  { top: 171px; right: 15px; }
#sort-options p, #sort-options ul{display:inline;}
#sort-options ul{color:#F06;font-weight:bold;margin:0;padding:0 0 0 12px;}
#sort-options ul li{display:inline;margin:0 8px 0 0;padding:0;}
#sort-options ul li a:link, #sort-options ul li a:visited{color:#000;}
#sort-options ul li a:active, #sort-options ul li a:hover{color:#000;text-decoration:none;}

}
@media screen {
  
p.paging{width:900px;clear:both;position:relative;left:20px;padding:30px 0 0 0!important; font-size: 1em!important;}
p.paging a, p.paging strong{display:block;width:auto;height:1.6em;line-height:1.6em;float:left;margin:0 5px 5px 0;padding:0 6px;text-align:center;overflow:hidden;font-weight:normal;font-size:90%;}
p.paging strong{background:#E8005C;border:1px solid #333;color:#fff;text-decoration:none;}
p.paging a:link, p.paging a:visited{background:#fff;border:1px solid #DFDFDF;color:#069;text-decoration:none;}
p.paging a:active, p.paging a:hover{background:#ACACB4;border:1px solid #6C6C6E;color:#fff;text-decoration:none;}
p.paging span.pipe{position:absolute;top:-100721px;}
p.paging a.first, p.paging a.last{width:4.6em;height:1.8em;line-height:1.8em;position:relative;bottom:.1em;}
p.paging a.prev, p.paging a.next{width:4.4em;height:1.8em;line-height:1.8em;position:relative;bottom:.1em;}

}
@media screen {
  
#underglog #comments p.paging a.first, #underglog #comments p.paging a.last{width:2.6em;height:1.8em;line-height:1.8em;position:relative;bottom:.1em;}
#underglog #comments p.paging a.prev, #underglog #comments p.paging a.next{width:2em;height:1.8em;line-height:1.8em;position:relative;bottom:.1em;}
.br #underglog #comments p.paging a.first, .br #underglog #comments p.paging a.last{width:2.6em;height:1.8em;line-height:1.8em;position:relative;bottom:.1em;}
.br #underglog #comments p.paging a.prev, .br #underglog #comments p.paging a.next{width:2em;height:1.8em;line-height:1.8em;position:relative;bottom:.1em;}

}
@media screen {
  
body.all-friends .paging{padding:50px 0 0 0; width: 690px; }
body.all-friends p.paging a, body.all-friends p.paging strong{font-size:100%;}
body.inbox p.paging {width:610px;}

}
@media screen {
  
#tag-cloud{clear:left;width:922px;height:182px;margin:35px 0 0 0;background:url("gfx/bg-browse-tags.png") 0 0 no-repeat;position:relative;left:18px;}
#tag-cloud .pipe { display: none; }
#tag-cloud h2{font-size:180%;margin:0;padding:14px 0 0 0;font-family:Arial, Helvetica, sans-serif;}
#tag-cloud p, #tag-cloud div{padding:10px 14px 14px 14px;text-align:center;font-size:80%;}
#tag-cloud p a:link, #tag-cloud p a:visited, #tag-cloud div a:link, #tag-cloud div a:visited{color:#069;margin-right: 5px;}
#tag-cloud p a:active, #tag-cloud p a:hover, #tag-cloud div a:active, #tag-cloud div a:hover{color:#000;}
.weight-1{font-size:100%;}
.weight-2{font-size:110%;}
.weight-3{font-size:120%;}
.weight-4{font-size:130%;}
.weight-5{font-size:140%;}
.weight-6{font-size:150%;}
.weight-7{font-size:160%;}
.weight-8{font-size:170%;}
.weight-9{font-size:180%;}
.weight-10{font-size:190%;}
#tags #tag-cloud  { padding-top: 11px; height: auto; background: #fff url('gfx/tag-cloud-top.gif') no-repeat 0 0; }
#tags #tag-cloud p  { background: #fff url('gfx/tag-cloud-body.gif') repeat-y 0 0; }
#tags #tag-cloud p.bottom { height: 11px; font-size: 1%; padding: 0; background: #fff url('gfx/tag-cloud-bottom.gif') no-repeat 0 0; }
#add-tags{display:none;}

}
@media screen {
  
#movers-shakers{clear:left;width:922px;height:280px;overflow: hidden;margin:35px 0 0 0;position:relative;left:18px;}
#movers-shakers h2{font-size:180%;margin:0;padding:14px 0 0 0;font-family:Arial, Helvetica, sans-serif;}
#movers-shakers span{display:block;width:80px;height:150px;float:left;margin:15px 20px 0 0;background:url("gfx/bg-blog-reflection.png") 0 108px no-repeat;position:relative;left:22px;}
#movers-shakers span a img{display:block;width:80px;height:108px;border:0;}
#movers-shakers span a:hover img{border:0;}
#movers-shakers.suggested .show-more  { text-align: right; margin-top: 5px; }
#movers-shakers.suggested .show-more a { position: relative; right: 32px; }
body.cats #movers-shakers, body.cat #movers-shakers{clear:left;width:909px;height:189px;margin:10px 0 30px 0;position:relative;left:24px; background: transparent url('gfx/bg-cats-movers-dd.jpg') repeat-x scroll 0 100%; border: 1px solid #DFDFDF;  }
body.cats #movers-shakers h2, body.cat #movers-shakers h2{font-size:130%;margin:0;padding:16px 0 0 0;left:19px;}
body.cats #movers-shakers span, body.cat #movers-shakers span{display:block;width:82px;height:110px;float:left;margin:10px 16px 0 0;background:#B6B6B6;left:19px;}
body.cats #movers-shakers span a, body.cat #movers-shakers span a{display:block;width:82px;height:110px;}
body.cats #movers-shakers span a:link, body.cats #movers-shakers span a:visited, body.cat #movers-shakers span a:link, body.cat #movers-shakers span a:visited{background:#B6B6B6;}
body.cats #movers-shakers span a:active, body.cats #movers-shakers span a:hover, body.cat #movers-shakers span a:active, body.cat #movers-shakers span a:hover{background:#000;}
body.cats #movers-shakers span a img, body.cat #movers-shakers span a img{display:block;width:80px;height:108px;border:0;position:relative;top:1px;left:1px;}
body.cats #movers-shakers span a:hover img, body.cat #movers-shakers span a:hover img{border:0;}

}
@media screen {
  /* new redesing footer @misa */
#footer{ background: #FcFcFc; min-width:980px;width:100%;position:relative;margin:0 0 -16px 0;padding:0;text-align:left;font-size:100%;color:#818181;overflow: hidden; display: block; }
.lineAll {background:url("bfw/footer/line.png") 0 0 repeat; width:100%; display:block; height:1px; }
.lineAll.two { height:2px; }
.dashGrad {background:url("gfx/dashboard/grad_back_dash.jpg") 0 0 repeat-x; width:100%; display:block; height:44px; margin-top:-51px;}
#footer #footarea{font-family:arial; width:980px;position:relative;margin:0 auto;text-align:center; color:#666; padding:0 0 10px 0;}
#footer #footarea .copy{display: block;float: left;margin-left: 55px;position: relative;text-align: left;width: 217px; color:#666; padding:15px 5px 5px 5px;}
#footer #footarea .icos {height: 54px !important;left: 0;position: absolute;top: 0 !important;}
#footer #footarea .copy a{ color:#999; text-decoration:none; font-size:12px; }
#footer #footarea .copy a:hover { text-decoration: underline; }
#footer #footarea .links{ display:block; float:left; font-size:15px; font-weight:bold; text-align:left; padding: 20px 10px 10px 10px; color:#999; margin-right:35px;}
#footer #footarea .links.join {margin-right:15px; width: 157px; }
#footer #footarea .links ul {margin:10px 0px 0px 0; right:0px;}
#footer #footarea .links ul li {list-style-type:none; text-align:left; color:#999; font-size:12px; line-height:20px; font-weight:normal;}
#footer #footarea .links ul li a { color:#999; text-decoration:none;}
#footer #footarea .links ul li a:hover { text-decoration: underline; }
#footer #footarea #glogsterEdu {font-weight:bold; font-size:21px; }
#footer #footarea #glogsterEdu sup { font-size: 9px; }
#footer #footarea .links.last {background:#EFEFEF; width:109px; color:#666;margin-right:5px;}
#footer #footarea .links.last a {color:#999; display:block; }
#footer #footarea .awards { background:url("bfw/home/award-logs.jpg") no-repeat scroll 0 0; width: 830px; height: 101px; margin: 40px 0 auto 75px; display: block; margin-left: 75px; margin-bottom: 20px; }
#footer #footarea #copyright {font-weight:bold; display:block;margin-bottom: 5px;}
#footer #footarea .adress {background:url("bfw/boxroll.jpg") repeat scroll 0 0;  display: block;font-size: 12px; text-align: left;width: 618px; color:#666; line-height:18px; padding:2px;margin: 10px 0 30px 160px;}
#footer #footarea .adress .inside {background: url("bfw/home/bg-main.jpg") repeat scroll 0 0 #FFFFFF; padding: 10px; display:block;}
#footer #footarea .adress a {color:#666;}
#footer #footarea .adress p { margin-bottom: 0px; }

}
@media screen {
  
p.visibility{background:#FFFFE1;padding:3px;margin:0 0 3px 0;}
p.visibility label{cursor:pointer;cursor:hand;margin:0 0 1px 0;text-indent:2px;padding:2px;color:#00527D;font-size:80%;font-weight:normal;}
.large p.visibility label{font-size:90%;font-weight:bold;}
p.addcat{background:#FFFFE1;padding:3px;margin:0 0 3px 0;}
p.addcat label{cursor:pointer;cursor:hand;margin:0 0 1px 0;text-indent:2px;padding:2px;color:#770929;font-size:80%;font-weight:normal;}
.large p.addcat label{font-size:90%;font-weight:bold;}
p.newtags{background:#FFFFE1;padding:3px;margin:0 0 3px 0;}
p.newtags label{cursor:pointer;cursor:hand;margin:0 0 1px 0;font-size:80%;text-indent:2px;padding:2px;color:#7D7D7D;font-weight:normal;}
.large p.newtags label{font-size:90%;font-weight:bold;}
p.newtags input{width:126px;}
p.marked{margin:0 0 3px 0;}
p.marked label{display:block;background:url("gfx/icons/icon-inappropriate.gif") 5px 50% no-repeat #F8B8C1;cursor:pointer;cursor:hand;margin:0 0 1px 0;font-size:90%;text-indent:2px;padding:5px 5px 5px 30px;border:1px solid #CE1733;}
p.marked label:hover{background:url("gfx/icons/icon-inappropriate.gif") 5px 50% no-repeat #F18595;}
p.marked label input{margin:0 5px 2px 0;}
form#publicity{width:920px;height:auto;padding:20px;}

}
@media screen {
  
#panel div#go span.or{display:inline-block;width:20px;height:48px;line-height:48px;float:left;position:relative;text-align:center; margin:0 -6px 0 7px;}
.br #go { left: 215px !important; }

}
@media screen {
  
.authorize{background:#DD0D12;width:230px;padding:8px 8px 0 8px;margin:15px 0 20px 0;position:absolute;top:30px;right:485px;}
.authorize p{margin:0;color:#fff;font-weight:bold;text-align:center;}
.authorize p a:link, .authorize p a:visited{color:#fff;}
.authorize p a:active, .authorize p a:hover{color:#fff;text-decoration:none;}

}
@media screen {
  
.profile-promo { text-align: center; margin: 0 auto; width: 980px; margin-top:6px;}
#profile-promo-transfareinfo {margin:0px;}
#profile-promo-transfareinfo p.text {margin: 0px 20px 20px 20px; text-align: left;}

}
@media screen {
  
#panel .gvdash { height: 45px; line-height: 45px; }
#panel .gvdash .numbe { font-size: 25px; width: 85px; text-align: left; font-weight: bold; }
#panel .gvdash .imad { width: 50px; }
#panel .clasic { height: 30px; line-height: 30px; }
#panel .imad { width: 30px; }
#panel .numbe { width: 60px; text-align: right; font-size: 18px; overflow: hidden;  }
#panel .whatr { text-align: left; margin-left: 5px; overflow: hidden; width: 43px; }
#panel .unoa { border-bottom: 1px solid #C5A678;}
#panel .dosa { border-top: 1px solid #E6D9C5; border-bottom: 1px solid #C5A678;}
#panel .tresa { border-top: 1px solid #E6D9C5; }
#panel.commando .unoa { border-bottom: 1px solid #DF9425;}
#panel.commando .dosa { border-top: 1px solid #FEE7C0; border-bottom: 1px solid #DF9425;}
#panel.commando .tresa { border-top: 1px solid #FEE7C0; }
#panel.boy .unoa { border-bottom: 1px solid #B4D2EB;}
#panel.boy .dosa { border-top: 1px solid #E3EEF8; border-bottom: 1px solid #B4D2EB;}
#panel.boy .tresa { border-top: 1px solid #E3EEF8; }
#panel .version { background: none!important; }

}
@media screen {
  
#messages{width:420px;float:left;position:relative;left:20px;z-index:5; }
#content #messages h2{width:200px;position:relative;left:0;margin:0 0 13px 0; }
#content #messages h2 a {font-weight: bold; margin-right: 5px;}
#messages p.loading{text-align:center;color:#A2A2A2;padding:100px 0;font-size:90%;text-transform:uppercase;font-weight:bold;}
#messages .msgtools{background:#FCFCFC;border:1px solid #E8E8E8;height:36px;overflow:hidden;line-height:36px;margin:0;font-size:90%; position: relative; }
#messages .msgtools span.checker{display:block;width:100px;height:36px;line-height:36px; position: absolute; top: 0; left: 0; }
#messages .msgtools span.checker input{margin:0 4px 0 7px;position:relative;bottom:2px;}
#messages .msgtools span.checker label{font-size:80%;font-weight:bold;color:#069;text-decoration:underline;cursor:pointer;cursor:hand;position:relative;bottom:2px;}
#messages .msgtools span.actions{display:block;width:270px;height:36px;line-height:36px; position: absolute; top: 0; right: 0; font-size:100%;}
#messages #message_block{padding:10px 0;}
#messages .msg{position:relative;left:7px;width:400px;font-size:90%; padding-bottom:10px;}
#messages .msg input.messageSelector{position:absolute;left:-4px;top:7px;z-index:5;}
#messages .msg span.avatar{display:block;width:33px;height:auto;background:#D8D8D8;padding:1px 0 1px 0;position:absolute;left:18px;top:0;z-index:5;}
#messages .msg span.avatar span{display:block;width:31px;height:auto;background:#FFF;margin:0 1px;padding:2px 0;overflow:hidden;font-size:70%;}
#messages .msg span.avatar span img{display:block;width:27px;height:auto;margin:0 2px;overflow:hidden;}
#messages .msg p, #messages .msg .comment{width:418px;_width:410px;position:relative;left:40px;}
#messages .msg p{margin:0;padding:0;color:#333;}
#messages .msg p.head{z-index:5;width:325px;left:60px;}
#messages .msg p a:link, #messages .msg p a:visited{color:#000;}
#messages .msg p a:active, #messages .msg p a:hover{color:#000;text-decoration:none;}
#messages .msg em.newmsg{color:#F06;/*background:url("gfx/icons/newstar.gif") 0 60% no-repeat;padding:0 0 0 5px;*/}
#messages .msg em.newmsg span.mesg {background-position:-270px -648px;height:12px; width:15px; vertical-align:middle;}
#messages .msg #br-none {display: block;}
#messages .msg .comment{width:418px!important;position:relative;bottom:52px;display:none;background:url("gfx/bg-commentform2.gif") 100% 100% repeat-x #fff;border:1px solid #E0E0E0;border-width:1px 1px 3px 1px;left:0;margin:10px 0 -40px -7px;padding:50px 0 0 0;z-index:4!important;color:#333;overflow:hidden; clear:both; }
#messages .msg .comment .fullmessage{width:397px;margin:0 10px 0 10px;position:relative;}
#messages .msg .comment .fullmessage p{padding:0;margin:0;left:0;overflow:hidden;}
#messages .msg .comment .re{width:397px;margin:10px;clear:left;font-size:90%;height:130px;overflow:auto;}
#messages .msg .comment .fullmessage .re{margin:10px 0;}
#messages .msg .comment .re p{width:380px;position:static;padding:0;margin:0;left:0;overflow:hidden;}
#messages .nore{width:420px;margin:0 -10px -20px -10px;font-size:0;height:1px;background:#F6F6F6;position:relative;bottom:1px;left:0;right:0;overflow:hidden;}
#messages .msg .comment .topmsg{width:420px!important;position:relative;right:10px;border:1px solid #C1C1C1;border-width:0 0 1px 0;padding:1px;}
#messages .msg .comment p.recent{width:387px;padding:0 0 10px 10px;margin:0;}
#messages .msg .comment .topmsg p{width:400px;padding:0 0 0 10px;margin:0;}
#messages .msg .comment .topmsg ul { margin-top: 0; }
#messages .msg .comment .mesage-user { list-style-type: none; width: 390px;  margin-left: 20px; }
#messages .msg .comment #br-none br { height: 1px; position: absolute; font-size: 1px; display: block; overflow: hidden;  }
#messages .msg .comment #br-none p { padding: 5px 10px; }
#messages .msg .comment #br-none li { margin: 10px 0; }
#messages .msg .comment #br-none li br { position: relative!important; }
#messages .msg .comment p.subject, #messages .msg .comment p.mysubject{padding:0 0 5px 0;}
#messages .msg .comment p.subject strong{color:#333;font-size:80%;}
#messages .msg .comment p.mysubject strong{color:#880036;font-size:80%;}
#messages .msg .comment p.subject span.time, #messages .msg .comment p.mysubject span.time{color:#999;font-size:80%;}
#messages .msg .comment p.my{color:#880036!important;}
#messages .msg .comment span.hr{display:block;width:420px;border:1px solid #C1C1C1;border-width:0 0 1px 0;position:relative;right:10px;font-size:1px;margin:0 0 10px 0;}
#messages .msg .comment p.go{width:410px!important;padding:0 0 10px 0!important;left:10px!important; margin-top: 10px!important; height: 39px!important; }
#messages .msg .comment p.go span.delete{display:block;width:100px;float:left;}
#messages .msg .comment p.go span.cancel{display:block;width:100px;float:left;}
#messages .msg .comment p.go span.reply{display:block;width:100px;float:left;*margin-top:-16px;=margin-top:-15px;}
#messages .msg .comment p.go span.block{display:block;width:208px;float:left;}
#messages .msg .comment p.go span.blocked{display:block;width:208px;float:left;font-size:80%;font-weight:bold;text-indent:15px;color:#0C0;background:url("gfx/icons/icon-block.gif") 0 50% no-repeat;position:relative;top:5px;}
span.blocked a:link, span.blocked a:visited{color:#0C0!important;}
span.blocked a:active, span.blocked a:hover{color:#1B1B1B!important;}
#messages .msg .comment p.go span.pipe{position:absolute;top:-100721px;}
#messages .msg .ajax-loader-pack{padding:0;margin:0;font-size:0;position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: url(gfx/bg-transparency-80p.png); display: none;}
#messages .msg .ajax-loader-pack .ajax-loader{text-align:left; padding-left: 20px;}
#messages .msg .msg-placeholder{padding:0;margin:0;position:absolute;top:-12px;width:400px;}
#messages .msg .comment .goreply{height:100%;padding:0 10px;position:relative;bottom:0px;z-index:2;margin-bottom:-10px;}
#messages .msg .comment .goreply textarea{width:397px;height:120px;border:1px solid #BFBFBF;border-left-color:#414147;border-top-color:#414147;}
#messages .msg .comment .goreply .re{width:397px;margin:0;padding:10px 0 10px 0;}
#messages .msg .comment .goreply p.submit{width:400px;padding:5px 0;left:0!important;}
#messages .msg .comment .goreply span.cancel{width:170px;float:left;font-size:90%;}
#messages .msg .comment .goreply span.send{width:230px;float:left;}
#messages .msg .comment .goreply span.send a{display:block;font-size:100%;width:90px;height:22px;line-height:22px;background:url("gfx/buttons/button-middle-pink.gif") 0 0 no-repeat;color:#fff;font-weight:bold;text-align:center;position:relative;left:140px;}
#messages .msg .comment .goreply span.send a:link, #messages .msg .comment .goreply span.send a:visited, #messages .msg .comment .goreply span.send a:active, #messages .msg .comment .goreply span.send a:hover{color:#fff;font-weight:bold;text-decoration:none;}
#messages .msg .comment.db{width:400px;position:relative;display:block; }
#messages .msg p.msg-head{width:325px;overflow:hidden;left:60px; font-size: 13px; line-height: 17px; height: 17px; }
#messages .msg a.message-heading:link, #messages .msg a.message-heading:visited{color:#069!important;}
#messages .msg a.message-heading:active, #messages .msg a.message-heading:hover{color:#000!important;}
#messages .msg .msg-placeholder{margin:0;padding:0;}
#messages .default-msg{background:#00C100;color:#fff;font-weight:bold;padding:10px;position:absolute;top:46px;left:0;z-index:10;display: block;}
#doss-messages {top: 83px!important;}

}
@media screen {
  /* ======= PROFILE DASHBOARD =========*/
.profile-dashboard {background:none;}
.profile-dashboard #panel { background:#f1f1f1; }
.profile-dashboard #panel .inside { width:980px; padding-top: 57px; margin: 0 auto; position: relative; z-index:1; padding-bottom:13px; height:132px;}
.profile-dashboard #panel .inside .user {float:left; text-align: left; padding-top:23px;}
.profile-dashboard #panel .inside .user img{float:left; width:74px; overflow: hidden;}
.profile-dashboard #panel .inside .user p.info { width:179px; margin-left:12px; float:left; color:#333; font-size:14px; font-family:arial;line-height:18px; overflow:hidden;}
.profile-dashboard #panel .inside .user p.info strong { font-size:20px; }
.profile-dashboard #panel .inside .user p.info .name {font-weight:bold;}
.profile-dashboard #panel .inside .user p.info a {color:#006699; font-size:12px;}
.profile-dashboard #panel .inside .user p.info a:hover { text-decoration:none;}
.profile-dashboard #panel .inside .longmsg {width:200px; float:left; width:188px; height:86px; margin-top:17px;}
.profile-dashboard #panel .inside .longmsg .mood {  color: #666;font-family: Verdana,Tahoma,arial,sans-serif;font-size: 15px;height: 78px;left: 20px;overflow: hidden;position: relative;top: 4px;width: 163px;}
.profile-dashboard #panel div.longmsg textarea {color: #666 !important;font-family: Arial,Tahoma,sans-serif;font-size: 15px;font-weight: bold;height: 74px;width: 160px; border: 0 none; overflow: hidden; background:transparent; }
.profile-dashboard #panel div.longmsg textarea:focus { border:1px solid #33cc00;}
.profile-dashboard #panel .inside .info-user {float:left; color:#333; font-size:12px; width:247px; margin: 20px 20px 0;}
.profile-dashboard #panel .inside a.create-dash-butt { background:url("gfx/dashboard/create.jpg") 0 0 no-repeat; width:247px; height:60px; display:block; margin-top:12px;}
.profile-dashboard #panel .inside a.create-dash-butt:hover { background:url("gfx/dashboard/create-hover.jpg") 0 0 no-repeat; }
.profile-dashboard #panel .inside .feels-edu { display:block; float:left; position:relative; height:103px;}
.profile-dashboard #panel .inside .box-licence { background: #cc0000; color:#fff; font-family:arial; font-weight:bold; position:absolute; bottom:0px; top: 0;}
.profile-dashboard #panel .inside .box-info { background:#ccc; height:102px; color:#333; font-size:12px; font-family:arial; font-weight:normal; line-height: 16px; padding-top:2px;}
.profile-dashboard #panel .inside .box-info .twbootstrap {font-size: 1em;}
.profile-dashboard #panel .inside .box-info .mainBlock {display: block;line-height: 14px;margin-top: 5px;width: 240px !important;}
.profile-dashboard #panel .inside .box-info .mainBlock a { color: #000000;}
.profile-dashboard #panel .inside .box-info .mainBlock a:hover { text-decoration:none; }
.profile-dashboard #panel .inside .box-info .code-info {cursor: pointer;}
.profile-dashboard #panel .inside .box-licence .expire { display: block; margin: 5px 0; color: #ffffff; font-size:19px; font-family:arial; font-weight:bold; text-decoration: none;}
.profile-dashboard #panel img#moodAjaxLoader {margin-left:-15px;}
.profile-dashboard #panel .inside .box-info a.button { color:#fff; background:#0BB94A; padding:2px 15px; text-decoration:none; display:inline-block; font-size:12px; border:0px; cursor:pointer; margin-top:10px;}
.profile-dashboard #panel .inside .box-info a.liclink {display:block; height:23px; font-family: 'futuraefce-demiboldregular', Verdana; font-weight: bold; font-size: 22px; color: #000; text-decoration: none;}
.profile-dashboard #panel .inside .box-info .name { background:url("gfx/dashboard/name-licence.png") 0 0 no-repeat; display:block; height:23px; width:240px;margin-top:5px; text-decoration: none; }
.profile-dashboard #panel .inside .box-info a:hover .name { height:18px;margin-bottom:5px; text-decoration: none; }
.profile-dashboard #panel .inside .box-info .name.basic-to-trial, .profile-dashboard #panel .inside .box-info .name.post-trial, .profile-dashboard #panel .inside .box-info .name.basic { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: red;font-family: arial;font-size: 20px;text-decoration: underline; }
.profile-dashboard #panel .inside .box-info .name.premium {background-position: 0 -53px; }
.profile-dashboard #panel .inside .box-info .name.student {background-position: 0 -196px; margin-bottom:10px;}
.profile-dashboard #panel .inside .box-info .name.basic { background-position: 0 -4px; }
.profile-dashboard #panel .inside .box-info .name.light { background-position: 0 -28px; }
.profile-dashboard #panel .inside .box-info .name.amba { background-position: 0 -125px;}
.profile-dashboard #panel .inside .box-info .name.just-premium { background-position: 0 -52px; }
.profile-dashboard #panel .inside .box-info .name.just-premium.amba { background-position: 0 -124px; }
.profile-dashboard #panel .inside .box-info .name.trial-from-ambassador { background-position: 0 -78px; }
.profile-dashboard #panel .inside .box-info .name.trial { background-position: 0 26px; }
.profile-dashboard #panel .inside .box-info .name.post-trial { background-position: 0 -5px; }
.profile-dashboard #panel .inside .box-info .name.schoolteach {  background-position: 0 -101px; }
.profile-dashboard #panel .inside .box-info .name.school {  background-position: 0 -101px; }
.profile-dashboard #panel .inside .box-info .name.just-premium.school {  background-position: 0 -101px; }
.profile-dashboard #panel .inside .box-info .name.student.basic { background-position: 0 -148px; }
.profile-dashboard #panel .inside .box-info .name.student.light { background-position: 0 -173px; }
.profile-dashboard #panel .inside .box-info .name.student.trial { background-position: 0 -196px; }
.profile-dashboard #panel .inside .box-info .name.student.full {  background-position: 0 -196px; }
.profile-dashboard #panel .inside .box-info .name.student.full.school {  background-position: 0 -221px; }
.profile-dashboard #panel .inside .box-info .name.student.school {  background-position: 0 -100px; }
/* header for personal */
.profile-dashboard #panel .inside .license-box {float:right;background:#fff;padding:10px 22px;border-radius:10px;text-transform:uppercase;font-size:12px;font-weight:700;font-family:'Helvetica Neue Bold',Helvetica,Arial,'Lucida Grande',sans-serif;width:230px;box-sizing:border-box}
.profile-dashboard #panel .inside .license-box .button {display:block;background:#3182d6;color:#fff;width:100%;padding:10px;box-sizing:border-box;text-decoration:none;border-radius:5px;margin-top:15px;white-space: nowrap}
.profile-dashboard #panel .inside .license-box .button:hover {background: #2D73BC}
.profile-dashboard #panel .inside .license-box .button svg {width:12px;height:auto;fill:#fff;margin-right:5px}
.profile-dashboard #panel .inside .license-box.personal .button {background:transparent;color:#9f9f9f;text-decoration:underline;text-transform:none;margin-top:0;font-weight:400; padding-bottom: 0}
.profile-dashboard #panel .inside .license-box.trial .button {margin-top: 5px;}
.profile-dashboard #panel .inside .license-box .expires {background:#E31C1C;color:#fff;display:block;padding:2px 0;margin:-10px -22px 7px;border-top-left-radius:10px;border-top-right-radius:10px}
.profile-dashboard #panel .inside .license-box .license-name {font-size:22px;line-height:1}
.profile-dashboard #panel .inside .license-box.trial .license-name,
.profile-dashboard #panel .inside .license-box .license-spec,
.profile-dashboard #panel .inside .license-box .note {color:#9f9f9f}
.profile-dashboard #panel .inside .license-box.trial .license-name {font-size: 20px; max-width: 170px; text-align: center; margin: 0 auto;}
.profile-dashboard #panel .inside .license-box.personal .license-name,
.profile-dashboard #panel .inside .license-box.personal .license-spec {color:#3182d6;line-height:1.2}
.profile-dashboard #panel .inside .license-box .note {text-transform:none}
.profile-dashboard #panel .inside .license-box.personal .note {font-weight:400}
.profile-dashboard #panel .inside .license-box.free-lim .license-name {color:#E31C1C}
.profile-dashboard #panel.personal .inside .info-user,
.profile-dashboard #panel.personal .inside .user {width:33%}
.profile-dashboard #panel.personal .inside a.create-dash-butt {margin:12px auto 0}
/*edit position of footer to the bottom */
html.footer-down {min-height: 100%;height: inherit;position: relative;}
.footer-down body {margin-bottom: 130px;}
.footer-down #footer {position: absolute;bottom: 0;height: 130px;}
.footer-down body {position: static}

}
@media screen {
  /* ======= SKIN PROFILE =========*/
#profile-edit { position: absolute; left: -20px; width: 960px; z-index: 1000; overflow: hidden; }

}
@media screen {
  /* ======= PROFILE SETTINGS =========*/
.profile-edit #content  { background: #fff url('gfx/gradients/bg-profile-edit-gradient.jpg') repeat-x 0 100%; }
.profile-edit h1 small a  { font-weight: bold; color: #006699; text-decoration: underline !important; }
.profile-edit h1 small a:hover  { color: #000; }
.profile .design-menu { margin-bottom: 20px; height: 147px; width: 960px; position: absolute; left: 0; top: 42px; background-color: #fff !important;  z-index: 10; }
.profile .design-menu h1, .profile-edit .design-menu h1  { padding: 61px 0 0 27px; color: #FF0066 !important; left: 0; font-weight: bold; width: 460px; }
.profile .design-menu .submit { position: absolute; right: 14px; top: 97px; z-index: 1000; width: 172px; height: 43px; }
.profile .design-menu .submit button  { width: 172px; height: 43px; }
.profile-edit #sorting  { position: relative; margin-top: 30px; }
.profile .design-menu #sorting  { position: relative; margin-top: 15px; }
.profile-edit #sorting ul, .profile .design-menu #sorting ul  { padding-left: 25px; padding-right: 11px; position: static !important; width: auto; }
.profile-edit #sorting li, .profile .design-menu #sorting li { position: static; }
.profile-edit #sorting li a:link, .profile .design-menu #sorting li a:link, .profile-edit #sorting li a:visited, .profile .design-menu #sorting li a:visited { font-family: Verdana, Tahoma, sans-serif; color: #666; }
.profile .design-menu #sorting li.selected a:link, .profile .design-menu #sorting li.selected a:visited { color: #000; }
.profile-edit #sorting li a:hover, .profile .design-menu #sorting li a:hover, .profile-edit #sorting li a:active, .profile .design-menu #sorting li a:active  { color: #000; text-decoration: none; }
.profile-edit #sorting li#preview, .profile .design-menu #sorting li#preview { position: absolute; right: 200px; top: 2px; width: 120px; height: 27px; }
.profile-edit #sorting li#save, .profile .design-menu #sorting li#save  { position: absolute; right: 14px; top: 2px; width: 178px; height: 27px; }
.profile .design-menu .edit-top-menu p { margin-bottom: 0  ; }
.profile-edit .cols { padding-top: 45px; }
.profile-edit .col1 { width: 382px; float: right; position: relative; right: 20px; }
.profile-edit .col1 h2  { left: 0 !important; margin-bottom: 13px; }
.profile-edit .col1 h2 img  { position: relative; left: 12px; cursor: help; }
.profile-edit .col2 { width: 515px; float: left; }
.profile-edit .col2 fieldset  { border: 0; border-bottom: #DFDFDF solid 1px; padding-bottom: 30px; margin-bottom: 20px; position: relative; left: 20px; }
.profile-edit .col2 fieldset.last { border-bottom: 0; }
.profile-edit .col2 fieldset p  { margin-bottom: 15px; font-size: 12px; }
.profile-edit .col2 fieldset p span { font-size: 10px; color: #999; }
.profile-edit .col2 fieldset p span.label { font-size: 12px; width: 165px; float: left; text-align: right; margin-right: 12px; }
.profile-edit .col2 fieldset p span.gender  { color: #000; font-size: 12px; }
.profile-edit .col2 fieldset p .special { position: relative; left: 173px; _left: 176px; color: #000; font-size: 12px; text-align: left; }
.profile-edit .col2 fieldset p.more { padding-left: 177px; }
.profile-edit .col2 fieldset p.more a { font-family: Arial, Tahoma, sans-serif; color: #006699; font-weight: bold; font-size: 11px; }
.profile-edit .col2 fieldset p.more a:hover { color: #000; }
.profile-edit .col2 legend  { font-family: Arial, Tahoma, sans-serif; color: #FF0066; font-size: 180%; font-weight: bold; padding-bottom: 15px; }
.profile-edit .col2 legend img  { position: relative; left: 12px; cursor: help; }
.profile-edit .col2 label { width: 165px; float: left; text-align: right; font-size: 12px; color: #83838D; cursor: pointer; cursor: hand; margin-right: 12px; }
.profile-edit .col2 input.txt { width: 210px; padding: 3px; }
.profile-edit .col2 select  { width: 218px; }
.profile-edit .col2 select.smaller  { width: 109px; }
.profile-edit .col2 select#birth-month  { width: 103px; }
.profile-edit .col2 select#birth-day  { width: 45px; }
.profile-edit .col2 select#birth-year  { width: 60px; }
.profile-edit .col2 textarea  { width: 330px; height: 90px; }
.profile-edit #top-box.widget  { border: 0; padding: 5px; background-color: #EBEBEB; position: relative; }
.profile-edit #top-box.widget .lighter { background-color: #F4F4F4; padding: 10px; min-height: 16em; _height: 16em; }
.profile-edit #top-box.widget .avatar  { padding: 15px 0; height: 141px; text-align: center; }
.profile-edit #top-box.widget .avatar #loadingAvatar { display: none; margin-top: 60px; }
.profile-edit #top-box.widget .avatar img  { margin: auto; display: block; text-align: center; }
.profile-edit #top-box.widget .about-user { width: 190px; min-height: 195px; _height: 195px; float: right; font-family: Arial, Tahoma, sans-serif; }
.profile-edit #top-box.widget .about-user .info  { margin-bottom: 25px; font-size: 90%; font-family: Verdana, Tahoma, sans-serif; }
.profile-edit #top-box.widget .about-user span { display: block; }
.profile-edit #top-box.widget .about-user .mood-bubble { width: 212px; height: 191px; position: absolute; top: 15px; right: 15px; background: transparent url('gfx/gray-bigger.gif') no-repeat left top; }
.profile-edit #top-box.widget .about-user .mood-bubble .mood { padding: 0px 5px 0px 30px; min-height: 90px; _height: 90px; position: relative; top: 10px; overflow: hidden; margin-bottom: 0; }
.profile-edit #top-box.widget .about-user .mood-bubble .mood textarea { color: #00496C !important; font-size: 18px; font-family: Arial, sans-serif; border: 0; width: 175px; height: 85px; overflow: hidden; }
.profile-edit #top-box.widget .about-user .mood-bubble .mood textarea:focus { border: 1px #33CC00 solid; }
.profile-edit #top-box.widget .about-user .mood-bubble .feels  { font-size: 80%; font-family: Verdana, Tahoma, sans-serif; margin-left: 25px; text-align: center; position: relative; top: 52px; }
.profile-edit #top-box.widget .about-user .mood-bubble .feels select  { width: 155px; position: relative; top: 4px; }
.profile-edit #top-box.widget .change-avatar  { clear: both; margin-top: 5px; }
.profile-edit #top-box.widget .change-avatar button.btn-change-photo  { font-size: 75%; color: #fff; padding-left: 18px; background-color: #0BB94A; padding: 5px; border: 1px solid #52A452; border-radius: 6px; }
.profile-edit #top-box.widget .change-avatar button:hover  { background-color: #0AA03F; }
.profile-edit #top-box.widget #avatar-form  { margin-top: 20px; background-color: #fff; padding: 5px; position: relative; height: 150px; border: 5px solid #EBEBEB;  }
.profile-edit #top-box.widget #avatar-form h3 { font-family: Arial, Verdana, Tahoma, sans-serif; margin-bottom: 10px; }
.profile-edit #top-box.widget #avatar-form p  { margin-bottom: 5px; }
.profile-edit #top-box.widget #avatar-form .submit  { padding-right: 0; }
.profile-edit #top-box.widget #avatar-form .cancel  { position: absolute; right: 10px; top: 5px; font-size: 70%; }

}
@media screen {
  
.edit-top-menu { width: 450px; min-height: 76px; _height: 76px; position: absolute; right: 21px; top: 42px; background: url('bfw/profile-edit.png') no-repeat 0 0; z-index: 10; }
.design .edit-top-menu  { top: 0px; }
.edit-top-menu ul  { width: 155px; margin-left: 10px; margin-top: 0; position: relative; top: 10px; }
.edit-top-menu li { list-style-type: none; list-style-image: none; font-family: Verdana, Tahoma, sans-serif; text-align: right; }
.edit-top-menu li a:link, .edit-top-menu li a:visited { color: #006699 !important;  }
.edit-top-menu li a:active, .edit-top-menu li a:hover { color: #000 !important; }
.edit-top-menu li.first a { font-weight: bold; font-family: Arial, Tahoma, sans-serif!important; }
.edit-top-menu li.second a  { font-size: 85%; font-family: Verdana, Tahoma, sans-serif!important; }
.edit-top-menu li.third a { font-size: 75%; font-weight: bold; font-family: Verdana, Tahoma, sans-serif!important;  }
.percent  { position: absolute; right: 11px; top: 11px; width: 243px; height: 53px; background: #fff url('bfw/profile-edit.png') no-repeat -450px 0; color: #666; font-size: 85%; overflow: hidden; }
.percent p  { text-align: left; padding-top: 4px; padding-left: 14px; color: #000 !important; }
.percent strong { font-weight: bolder; font-size: 120%; }
.percent .graph { width: 210px; height: 10px; background: #ccc url('bfw/profile-edit.png') no-repeat -450px -53px; padding-top: 0; text-align: left; position: relative; top: 4px; left: 14px; padding: 0 2px 0 2px; overflow: hidden; z-index: 15; }
.percent .graph span  { display: block; background: #96fe0a url('gfx/gradients/bg-graph-active.jpg') repeat-x 0 0; height: 6px; font-size: 1%; position: relative; top: 2px; }
.percent.progress { position: static !important;}
input#moodSubmit, input#smileSubmit { display: none; width: 49px; height: 17px; z-index: 5; background:url("gfx/buttons/save.gif") 0% 0% no-repeat; text-indent: 200px; border: 0; cursor: pointer; cursor: hand; font-size: 0px; line-height: 1px; color: #F0F0F0; }
input#moodSubmit { position: absolute; bottom: 0; right: 0; }
img#moodAjaxLoader, img#smileAjaxLoader { display: none; position:absolute; width:32px; height:32px;}
img#moodAjaxLoader{ margin:-50px 0 0 70px; width:32px; height:32px;}
.profile-edit fieldset label.sublabel {font-size:12px;}
.profile-edit fieldset a.rm {text-decoration: none; font-weight: bold;}

}
@media screen {
  
.goreply{display:none;}
.message-actions.dn{display:block;}
.goreply.db{display:block;}
#messages .areyousure{background:#FE0000;margin:0 0 10px 0;padding:10px 10px;}
#messages .areyousure p{width:380px!important;color:#fff!important;}
#messages .areyousure p.reason{margin-top:10px!important;}
#messages .areyousure p.reason label{font-weight:bold;}
#messages .areyousure p.reason select{position:relative;left:7px;border:1px solid #840000;}
#messages .areyousure p a:link, #messages .areyousure p a:visited{color:#fff!important;}
#messages .areyousure p a:active, #messages .areyousure p a:hover{color:#fff!important;}
#messages .areyousure p.go{height:20px;position:relative;top:5px;}
#messages .areyousure p.go a{display:block;width:auto;float:left;margin:0 6px 0 0;padding:2px 5px;font-weight:bold;text-align:center;position:relative;top:10px;z-index:5;}
#messages .areyousure p.go a:link, #messages .areyousure p.go a:visited{color:#fff;}
#messages .areyousure p.go a:active, #messages .areyousure p.go a:hover{color:#fff;background:#940000;}
#messages .areyousure p.go a.closealert{left:320px;}
p#messagesLoader_fail{text-align:center;color:#A2A2A2;padding:100px 0;font-size:90%;text-transform:uppercase;font-weight:bold;display:none;}

}
@media screen {
  
body.inbox #messages{width:610px; }
body.inbox #message_block{border:1px solid #E8E8E8;border-width:0 1px 0 0;}
body.inbox #messages .areyousure{margin:0 10px 10px 0;padding:10px 10px;}
body.inbox #messages .areyousure{_width:570px;_overflow:hidden;}
body.inbox #messages .areyousure p{width:570px!important;}
#messages .areyousure p.go a{left:267px;}
body.inbox #messages .areyousure p.go a{left:457px;}
body.inbox #messages .msg .comment .topmsg{width:596px!important;}
body.inbox #messages .msg p{width:560px;}
body.inbox #messages .msgtools span.checker{width:290px;}
body.inbox #messages .msg{width:603px;}
body.inbox #messages .msg p.head{width:500px;}
body.inbox #messages .msg p.msg-head{width:450px;}
body.inbox #messages .msg .comment{width:608px!important;}
body.inbox #messages .msg .comment .fullmessage{width:597px;}
body.inbox #messages .msg .comment .re{width:587px!important;}
body.inbox #messages .msg .comment p.go{width:590px!important; }
body.inbox #messages .msg .comment p.go span.block{width:390px;}
body.inbox #messages .msg .comment p.recent{width:587px;padding:0 0 10px 10px;margin:0;}
body.inbox #messages .msg .comment .goreply textarea{width:587px;}
body.inbox #messages .msg .comment .goreply p.submit{width:590px;}
body.inbox #messages .msg .comment .goreply span.cancel{width:360px;}
body.inbox #messages .msg .comment span.hr{width:610px;}
body.inbox #messages .msg .comment p.go span.blocked{width:290px;}

}
@media screen {
  
#glog-alerts{width:486px;padding:0;margin:-40px 0 0 0;float:right;position:relative;right:15px; }
#glog-alerts.edu { margin-top: 0!important; }
#glog-alerts h2{margin:2px 0 0 0!important;padding:0 0 0 0!important;left:0!important;}
#glog-alerts h2 a:link, #glog-alerts h2 a:visited { font-weight: bold; }
#glog-alerts #flash{width:486px;height:127px;margin:2px 0 0 0;}
#glog-alerts #flash div{background:#E7E7E7;border:1px solid #AEAEAE;width:880px;margin:0 0!important;padding:20px 0 20px 0!important;}
#glog-alerts #flash div p{margin:0 20px!important;}
 .bottom-links  { font-size: 90%; margin-bottom: 25px; padding-right: 9px; }
 .bottom-links span { width: 40%; float: left; padding: 0 0 5px 0; }
 .bottom-links span.rss a  { /*background: #fff url('gfx/ico-rss.gif') no-repeat 0 2px;*/ padding: 2px 0 2px 5px; _height: 18px; }
span.ic-rss {background-position:-215px -643px; height:15px !important; width:16px !important;}
 .bottom-links span.show-all { float: right; text-align: right; font-weight: bold; margin-bottom: 0; }

}
@media screen {
  /* Global style for users list - friends, fans */
.users-list { position:relative; }
.users-list h1  { padding: 45px 10px 15px 0; width: 800px; overflow: hidden;  }
.users-list h2  { left:0!important;margin:0 0 10px 0; }
.users-list h3  { margin:3px 3px 3px 9px;padding:0;font-size:90%;height:1.2em;line-height:1.2em;overflow:hidden; }
.users-list h3 a:link, .users-list h3 a:visited { color:#333; }
.users-list h3 a:active, .users-list h3 a:hover { color:#000;text-decoration:none; }
.users-list br{display:block;width:1px;height:1px;overflow:hidden;position:absolute;top:-100721px;font-size:1px;line-height:1px;overflow:hidden;}
.users-list br.clear  { position: relative; top: 0; }
.users-list p { margin:0;padding:0;font-size:85%; padding-bottom:5px; }
.users-list span.num{color:#000;}
.users-list span.avatar{overflow:hidden;float:left;position:relative;left:8px;margin:0 14px 0 0;}
.users-list span.avatar span{display:block;width:52px;height:auto;background:#FFF;margin:0 1px;padding:2px 0;}
.users-list span.avatar span img{display:block;width:48px;height:48px;margin:0 2px;overflow:hidden;text-align:center;font-size:80%;}
.users-list span.sendmsg a{display:block;width:16px;height:11px;line-height:11px;text-indent:24px;overflow:hidden;margin-top: 6px;}
.users-list span.sendmsg a:link, .users-list span.sendmsg a:visited{background:url("gfx/gloggers-sendmsg.gif") 0 0 no-repeat;}
.users-list span.sendmsg a:active, .users-list span.sendmsg a:hover{background:url("gfx/gloggers-sendmsg.gif") 0 -11px no-repeat;}
.users-list .friend, .users-list .friend-c, .users-list .friend-m, .users-list .friend-f, .users-list .fan, .users-list .fan-c, .users-list .fan-m, .users-list .fan-f  { width:149px;height:87px;background:url("gfx/bg-friend-dashboard.jpg") 0 0 no-repeat #EBEBEB;overflow:hidden;float:left;margin:0 5px 5px 0;position:relative;color:#999;font-size:90%;z-index:1!important; }
.users-list span.no-friends{display:block;}
.users-list span.no-glogs{display:block;}
.users-list span.no-friends strong, .users-list span.no-glogs strong{color:#333;font-weight:normal;}
.users-list span.pipe{position:absolute;top:-100721px;}
.users-list .default-msg{display:block;width:141px;height:51px;_width:151px;_height:61px;padding:5px;color:#fff;font-weight:bold;font-size:80%;background: transparent url('gfx/friend-bubble.gif') no-repeat 0 0;position:absolute;top:23px;left:3px;z-index:5;text-align:center;}
.users-list span.friend-pending{color:red;}
.users-list span.cancel{display:block;color:red;}
.users-list span.cancel a:link, .users-list span.cancel a:visited{color:red!important;}
.users-list span.cancel a:active, .users-list span.cancel a:hover{color:#000;text-decoration:none;}
.users-list br.clear{width:485px;}
.users-list #commentform{background:#F8F8F8;border:1px solid #E0E0E0;border-width:1px 1px 3px 1px;width:478px;height:190px;display:none;position:absolute;top:0;left:0;z-index:100;}
.users-list #commentform h3 { color: #000; }
.users-list .tabs { height: 44px; overflow: hidden; margin: 0; right: 0; }
.users-list .tabs li  { list-style-type: none; float: left; width: 240px; height: 43px; list-style-image: none; }
.users-list .tabs li a  { display: block; height: 43px; line-height: 43px; text-align: center; background: #e7e7e7 url('gfx/bg-friends-fans-tabs.gif') no-repeat 0 -43px; color: #333333; font-weight: normal; font-family: Arial, Tahoma, sans-serif; font-size: 140%; text-decoration: none; cursor:pointer;}
.users-list .tabs li a span { font-size: 0.6em; }
.users-list .tabs li strong  { display: block; height: 43px; color: #FF0066; font-size: 140%; font-family: Arial, Tahoma, sans-serif; line-height: 43px; text-align: center; background: #fff url('gfx/bg-friends-fans-tabs.gif') no-repeat 0 0; cursor:pointer;}
.users-list .tabs li.licdoss a { background-position: 0 -43px; }
.users-list .tabs li a:hover { color: #FF0066; }
.users-list .tabs li.licdoss strong  { background-position: 0 0; }
.users-list .tabs3 { height: 44px; overflow: hidden; margin: 0; right: 0; }
.users-list .tabs3 li  { list-style-type: none; float: left; width: 160px; height: 43px; list-style-image: none; }
.users-list .tabs3 li a  { display: block; height: 43px; line-height: 43px; text-align: center; color: #333333; font-weight: normal; font-family: Arial, Tahoma, sans-serif; font-size: 140%; text-decoration: none; }
.users-list .tabs3 li strong  { display: block; height: 43px; color: #FF0066; font-size: 140%; font-family: Arial, Tahoma, sans-serif; line-height: 43px; text-align: center;  }
.users-list .tabs3 li a:hover { color: #FF0066; }
.users-list .tabs3 li.licuno, .users-list .tabs3 li.licdoss, .users-list .tabs3 li.lictress { width: 160px; overflow: visible; }
.users-list .tabs3 li.licuno a, .users-list .tabs3 li.licdoss a,
.users-list .tabs3 li.lictress a { background-color: transparent; background-image: url('gfx/multitab.png'); background-repeat: no-repeat; display: inline-block; cursor:pointer; }
.users-list .tabs3 li.licuno strong, .users-list .tabs3 li.licdoss strong,
.users-list .tabs3 li.lictress strong { background-color: transparent; background-image: url('gfx/multitab.png'); background-repeat: no-repeat;  display: inline-block; cursor:pointer;  }
.users-list .tabs3 li.licuno, .users-list .tabs3 li.licdoss, .users-list .tabs3 li.lictress { display: inline-block; }
.users-list .tabs3 li.licuno a, .users-list .tabs3 li.licdoss a, .users-list .tabs3 li.lictress a { position: relative; width: 183px; overflow: visible;  }
.users-list .tabs3 li.licuno a { left: -5px; z-index: 3; background-position: -181px -132px; }
.users-list .tabs3 li.licdoss a { left: -12px; z-index: 6; background-position: -183px -44px; }
.users-list .tabs3 li.lictress a { left: -18px; z-index: 4; background-position: -183px -88px; }
.users-list .tabs3 li.licuno strong, .users-list .tabs3 li.licdoss strong, .users-list .tabs3 li.lictress strong { position: relative; top: 0; width: 183px; overflow: visible; cursor:pointer; }
.users-list .tabs3 li.licuno strong { left: -5px; z-index: 10; background-position: 2px -132px; cursor:pointer; }
.users-list .tabs3 li.licdoss strong { left: -12px; z-index: 12; background-position: 2px -44px; cursor:pointer; }
.users-list .tabs3 li.lictress strong { left: -18px; z-index: 14; background-position: 2px -88px; cursor:pointer; }
.users-list .pane { padding: 10px 9px 0 9px; border-bottom: 1px #E8E8E8 solid; background: #fff url('gfx/bg-friends-pane.gif') repeat-y 0 0; }
.users-list .pane.edu.teacher { border-top: 1px #E8E8E8 solid; margin-top: 8px;  }
.users-list .pane.edu h2  { margin-bottom: 15px; }
.users-list .pane h3  { color: #FF0066; margin: 0 0 7px 0; }
.users-list .pane .items h3  { margin: 3px 0 3px 9px; }
.users-list .pane .show-all { margin-bottom: 20px; }
.users-list .pane .glogs  { margin-top: 20px; clear: both; }
.users-list .pane .glogs h3  { font-size: 110%; font-family: Arial, Tahoma, sans-serif; color: #000; }
.users-list .pane .bottom-links span { width: 40%; float: left; padding: 0 0 5px 0; }
.users-list .pane .bottom-links span.rss a  { padding: 2px 0 2px 5px; _height: 18px; }
.users-list .pane .bottom-links span.show-all { float: right; text-align: right; font-weight: bold; margin-bottom: 0; }

}
@media screen {
  
#my-friends{width:480px;float:right;right:21px;z-index:1!important;}
body.profile #my-friends{position:relative;top:0;right:15px!important;}
.all-friends #my-friends, .search #my-friends{width:920px;float:none;right:0; left: 20px; }
.all-friends #my-friends .friend, .search #my-friends #my-friends .friend, .all-friends #my-friends .friend-c, .search #my-friends #my-friends .friend-c, .all-friends #my-friends .friend-m, .search #my-friends #my-friends .friend-m, .all-friends #my-friends .friend-f, .search #my-friends #my-friends .friend-f, #my-fans .fan-f, #my-fans .fan-m, #my-fans .fan-c {left:60px;background:url("gfx/bg-friend.gif") 0 0 no-repeat #EBEBEB; width: 157px;}
.all-friends #my-friends{position:relative;top:0;right:15px!important;}
.all-friends #my-friends .paging{padding:30px 0 0 0;}
.users-list#my-fans { left: 20px; width: 920px; }

}
@media screen {
  
#commentform h3{padding:10px 0;}
body.glog #commentform{margin:0;padding:0;position:relative;bottom:15px;}
#commentform span.avatar{display:block;width:54px;height:auto;background:#D8D8D8;padding:1px 0 1px 0;position:absolute;top:10px;left:10px;}
#commentform span.avatar span{display:block;width:52px;height:auto;background:#FFF;margin:0 1px;padding:2px 0;}
#commentform span.avatar span img{display:block;width:48px;height:48px;margin:0 2px;overflow:hidden;}
#commentform p.close-popup{display:block;width:20px;height:20px;position:absolute;top:5px;right:5px;background:url("gfx/buttons/close.gif") 0 0 no-repeat;cursor:pointer;cursor:hand;overflow:hidden;}
#commentform p.close-popup a{display:block;width:20px;height:20px;text-indent:-400px;overflow:hidden;}
#commentform h3{width:400px;position:absolute;top:10px;left:74px;font-size:90%;font-weight:normal;padding:0;margin:0;font-family:Arial, Verdana, lucida, sans-serif, "Arial CE", "Verdana CE", "Lucida Grande CE", "Helvetica CE";}

}
@media screen {
  
#my-friends #commentform textarea, #my-fans #commentform textarea{width:456px;height:60px;position:absolute;top:75px;left:10px;border:1px solid #A6A6A6;border-top-color:#414147;border-left-color:#414147;color:#333;font-size:100%;}
#my-friends #commentform p.submit, #my-fans #commentform p.submit{width:456px;height:30px;position:absolute;bottom:10px;right:10px;text-align:right;}
#my-friends #commentform p.submit span.send input, #my-fans #commentform p.submit span.send input{font-size:100%;width:90px;height:22px;background:url("gfx/buttons/button-middle-pink.gif") 0 0 no-repeat;color:#fff;font-weight:bold;border:0;cursor:pointer;cursor:hand;}

}
@media screen {
  
body.profile-edit .perex{margin:0 15px 10px 21px;padding:0;}
body.profile-edit .perex p{padding:0;font-size:90%;margin: 15px 0;}

}
@media screen {
  
.myglog{width:980px;height:auto;border:1px solid #DFDFDF;border-width:0 0 1px 0;position:relative;}
.myglog h3{width:355px;padding:0;margin:24px 0 15px 0;font-size:130%;font-weight:bold;font-family:Arial, Verdana, Tahoma;overflow:hidden; float:left;}
.myglog h3 .icos { float: left; margin: 0 5px 0 0; }
.myglog .info{width:477px;height:auto;float:left;}
.myglog .scr{width:183px;;margin:0;padding:0px;display: table-cell;text-align: center;background:none repeat scroll 0 0 #EEEEEE;}
.myglog .scr br{position:absolute;top:-100721px;line-height:0;height:0;font-size:0;}
.myglog .scr span.pipe{position:absolute;top:-100721px;}
.myglog .scr a img{display:block;overflow:hidden;font-size:80%;color:#666;text-align:center;background:#EBEBEB;}
.myglog a.delete{display:block;width:57px;height:20px;overflow:hidden;text-indent:-500px;float:left;margin:6px 10px 0 0;position:relative;left:4px;}
.myglog  a.edit{display:block;width:57px;height:20px;overflow:hidden;text-indent:-500px;float:left;position:relative;left:5px;margin:6px 0 0 0;}
.myglog  span.private{width:183px;height:20px;display:block;background:#00C100; color:#fff; text-align:center; font-weight:bold; font-size:12px;line-height: 20px;}
.myglog  span.public{width:183px;height:20px;display:block;background:#00CC00;  color:#fff; text-align:center; font-weight:bold; font-size:12px;line-height: 20px;}
.myglog  span.unfinished{width:183px;height:20px;display:block;background:#FF3300;  color:#fff; text-align:center; font-weight:bold; font-size:12px;line-height: 20px;}
.myglog  span.finished{width:183px;height:20px;display:block;background:#FF9900; color:#fff; text-align:center; font-weight:bold; font-size:12px;line-height: 20px;}
.myglog .left { float:left;}
.myglog  span.privmsg{position:absolute;left:0;width:183px;height:20px;line-height:20px;color:#fff;text-align:center;font-size:90%;font-weight:bold;font;}
.myglog  a.publish{display:block;width:183px;height:20px;line-height:20px;overflow:hidden;clear:left;margin:0;padding:0 0 0 18px;position:relative;left:5px;top:5px;background:url("gfx/icons/icon-pipe.gif") 0 4px no-repeat;font-size:80%;}
.myglog  a.publish:link, .myglog .scr a.publish:visited{text-decoration:underline;color:#069;}
.myglog  a.publish:active, .myglog .scr a.publish:hover{text-decoration:underline;color:#000;}
.myglog  a.set-as-default{display:block;width:183px;height:20px;line-height:20px;overflow:hidden;clear:left;margin:0;font-size:80%;}
.myglog  a.set-as-default span.set-ok {background-position:-252px -643px;height:20px;width:18px; margin-right:5px;}
.myglog  a.set-as-default:link, .myglog .scr a.set-as-default:visited{text-decoration:underline;color:#069;}
.myglog  a.set-as-default:active, .myglog .scr a.set-as-default:hover{text-decoration:underline;color:#000;}
.myglog .info .basics{width:284px;height:auto;float:right;position:relative;margin:0;}
.myglog .info p.basic-info{width:170px;min-height:100px;margin:0;color:#999;font-size:80%;}
.myglog .info p.basic-info span.category{color:#000;font-weight:bold;font-size:110%;}
.myglog .info .success{width:128px;height:82px;position:absolute;top:0;left:176px;/*background:url("gfx/bg-myglog-info.gif") 0 0 no-repeat;*/ background-color: #FFE8F1; font-size:80%;padding:0;margin:0;}
.myglog .info p.success span.rating{display:block;width:100px;margin:10px 0 0 0;position:relative;left:16px;}
.myglog .info p.success span.rating span {vertical-align:middle;}
.myglog .info p.success span.views, .myglog .info p.success span.favor{display:block;width:100px;margin:3px 0 0 0;position:relative;left:16px;color:#E8005C;font-weight:bold;font-size:95%;}
.myglog .info p.success span.views strong, .myglog .info p.success span.favor strong{color:#666;}
.myglog .info p.success span.rating strong{display:block;position:absolute;top:-100721px;}
.myglog .info p.tags{font-size:90%;}
.myglog .info p.tags strong{display:block;}
.myglog .info p.tags a:link, .myglog .info p.tags a:visited{color:#069;}
.myglog .info p.tags a:active, .myglog .info p.tags a:hover{color:#000;}
.myglog .info .embed{width:300px;float:left;margin-top:10px;}
.myglog .info .embed h4{width:300px;font-size:90%;margin:20px 0 7px 0;padding:0;/*background:url("gfx/icons/icon-embed.gif") 0 50% no-repeat;*/height:1.5em;line-height:1.5em;}
.myglog .info .embed h4 span.ic-embed {background-position:-233px -643px;height:20px;width:20px;vertical-align:middle;margin-right:7px;}
.myglog .info .embed p{width:300px;height:32px;position:relative;padding:0;margin:0;}
.myglog .info .embed p span.line{display:block;width:236px;height:24px;background:#E1E1E1;float:left;position:relative;}
.myglog .info .embed p span.lab{display:block;width:60px;height:22px;line-height:20px;background:#EBEBEB;color:#666;font-weight:bold;font-size:80%;text-indent:4px;position:absolute;top:1px;left:1px;}
.myglog .info .embed p span.line input{width:174px;height:20px;position:absolute;top:1px;left:59px;border:1px solid #E1E1E1;padding:0;color:#999;font-size:90%;}
.myglog .info .embed p span.line input:focus{border:1px solid #000;background:#FFFBDD;color:#000;}
.myglog .info .embed p a.copy{display:block;width:57px;height:20px;overflow:hidden;text-indent:200px;position:absolute;top:2px;right:0;}
.myglog .info .embed p a.copy:link, .myglog .info .embed p a.copy:visited{background:url("gfx/buttons/rollover-copy.gif") 0 0 no-repeat;}
.myglog .info .embed p a.copy:active, .myglog .info .embed p a.copy:hover{background:url("gfx/buttons/rollover-copy.gif") 0 -20px no-repeat;}
.myglog .info .embed .copybutton{margin-left:2px;}
.myglog .info p.admininfo{clear:left;font-size:80%;padding:10px 0;}
.myglog .info p.admininfo span.inapp, .myglog .info p.admininfo span.notauth{display:block;width:100px;height:2em;line-height:2em;background:#ECF9FF;border:1px dashed #C8ECFF;color:#333;text-align:center;float:left;margin:0 10px 0 0;}
.myglog .comments{width:438px;height:auto;float:right;padding:28px 0 0 0;color:#5D5D5D;font-family:Arial, Tahoma, Verdana, sans-serif;font-size:100%;}
.myglog .comments h4{height:2.2em;padding:0;margin:0;color:#5D5D5D;font-size:90%;}
.myglog .comments .glogcom{margin:0 0 15px 0;font-size:80%;}
.myglog .comments .glogcom strong{font-size:110%;}
.myglog .comments .glogcom a:link, .myglog .comments .glogcom a:visited{color:#069;}
.myglog .comments .glogcom a:active, .myglog .comments .glogcom a:hover{color:#000;}
.myglog .comments .glogcom span.time{color:#999;}
.myglog .comments .glogcom p{margin:8px 0 0 0;}

}
@media screen {
  
.noglogs{width:920px;padding:30px 0 0 0;position:relative;left:30px;}
.noglogs span{display:block;width:141px;height:186px;float:left;margin:0 12px 0 0;}

}
@media screen {
  
.userglogs{width:830px;height:auto;position:relative;padding:0 0 30px 0;}
.userglogs .item{width:234px;height:auto;float:left;margin:0 40px 0 0;position:relative;}
.userglogs .item br{position:absolute;top:-100721px;height:1px;line-height:1px;font-size:0;display:none;}
.userglogs .item strong{display:block;width:234px;height:1.5em;line-height:1.5em;padding:0 0 5px 0;overflow:hidden;}
.userglogs .item strong.nick, .userglogs p.item strong.glog-name { height: 1.1em; line-height: 1.1em; padding: 0; margin-bottom: 5px; }
.userglogs .item strong.glog-name  { font-family: Arial, Tahoma, sans-serif; }
.userglogs .item span.alerted-by { text-align: right; font-size: 75%; color: #999; }
.userglogs .item strong.nick a:link, .userglogs p.item strong.nick a:visited  { font-weight: normal; }
.userglogs .item strong.nick a:hover, .userglogs p.item strong.nick a:active  { color: #000 !important; font-weight: normal; }
.userglogs .item strong a:link, .userglogs p.item strong a:visited{color:#069;}
.userglogs .item strong a:active, .userglogs p.item strong a:hover{color:#000;}
.userglogs .item span img{display:inline;}
.userglogs .item span.name{width:130px;float:left;font-size:80%;padding:5px 0 0 0;overflow:hidden;}
.userglogs .item span.name a:link, .userglogs p.item span.name a:visited{color:#069;}
.userglogs .item span.name a:active, .userglogs p.item span.name a:hover{color:#000;}
.userglogs .item span.rating{width:104px;float:left;color:#999;font-size:80%;padding:5px 0 0 0;overflow:hidden;text-align:right;}
.userglogs .item span.rating img{display:inline!important;width:10px;height:10px;}
.userglogs .show-all a:link, .userglogs p.show-all a:visited{color:#069;}
.userglogs .show-all a:active, .userglogs p.show-all a:hover{color:#000;}
.userglogs#moreglogs{width:980px;}
.userglogs#moreglogs .item{width:183px;margin:0 15px 10px 0; }
.userglogs#moreglogs .item.last{margin:0 0px 10px 0; }
.userglogs#moreglogs .item span.scr img{position:relative; max-width:183px; max-height:183px;}
.userglogs#moreglogs .item.name strong{width:135px;font-size:90%;}
.userglogs#moreglogs .item strong.name{display:block;width:183px;height:20px; padding:0 0 5px 0;overflow:hidden; text-align:left;}
.userglogs#moreglogs .item #dashedit strong, .userglogs#moreglogs .item #dashdel strong{   display: block;height: auto;line-height: 1.5em;margin-top: 5px;overflow: visible;padding: 0 0 0 10px;width: 44px;}
#moreglogs .scr a.nahled {  background: none repeat scroll 0 0 #EEEEEE;color: #006699;display: table-cell;font-family: Verdana,Arial,lucida,sans-serif;height: 183px;position: relative;text-align: center;vertical-align: middle;width: 183px;}
.userglogs#moreglogs .item a {  color: #006699; text-align:center;}
.userglogs#moreglogs .item span.rating{display:block;width:135px;text-align:right;}
.userglogs#moreglogs .item strong.nick a {color:#5D5D5D !important;display:block;font-size:12px;height:16px;line-height:16px;overflow:hidden;text-decoration:underline;white-space:normal;}
.userglogs#moreglogs .item strong a:hover {text-decoration:none;}
.userglogs#moreglogs .item strong.glog-name {margin-bottom:2px;}
.userglogs#moreglogs .item a.set-as-default {clear: left;display: block;font-size: 80%;height: 20px;left: 9px;line-height: 20px;margin: 0;overflow: hidden;padding: 4px 0 0;position: relative;top: 5px;width: 155px; }
.userglogs#moreglogs .item a.set-as-default span.set-ok {background-position: -252px -643px;height: 20px;margin-right: 5px;width: 18px;}

}
@media screen {
  /* LARGE ITEMS */
p.large-item{width:234px;margin:0 100px 10px 0;height:auto;float:left;position:relative; left: 10px;}
p.large-item.last  { margin: 0 0 10px 0; }
p.large-item strong{display:block;width:234px;height:1.5em;line-height:1.5em;padding:0 0 5px 0;overflow:hidden;}
p.large-item br{display:none;}
p.large-item span.scr a{display:table-cell;width:234px;height:318px; vertical-align:bottom; text-align:center; }
p.large-item span.scr img{position:relative;max-width:234px;max-height:318px;}
p.large-item strong{width:234px;font-size:90%;}
p.large-item strong a:link, .userglogs#moreglogs p.large-item strong a:visited{color:#069;}
p.large-item strong a:active, .userglogs#moreglogs p.large-item strong a:hover{color:#000;}
p.large-item span.rating{display:block;width:234px;text-align:right; float:left;color:#999;font-size:80%;padding:5px 0 0 0;overflow:hidden;text-align:right;}
p.large-item span.rating img{display:inline!important;width:10px;height:10px;}
p.large-item span.alerted-by { text-align: right; font-size: 75%; color: #999; display: block; }

}
@media screen {
  
.all-glogs  { width: 980px; position: relative; left: 0px; margin-top:20px;}
.all-glogs h1  { padding: 47px 0 25px 0; height:48px; overflow:hidden; padding:47px 0 25px; width:790px;}
.all-glogs .userglogs#moreglogs {  left: 0px;top: 25px; }
.all-glogs .userglogs#moreglogs p.large-item { left:45px;}
#my-glogs .all-glogs .userglogs#moreglogs {  left: 0px;top: 0px; }
.all-favorites  { width: 920px; position: relative; left: 20px; }
.all-favorites h1  { padding: 47px 0 25px 0; }
.profile #messageform{width:457px;height:auto;float:left;position:relative;left:20px;}
.profile #messageform form h2{width:417px;left:0;padding:0 0 18px 0;overflow:hidden;}
.profile #messageform form textarea{width:400px;border:1px solid #DFDFDF;}
.profile #messageform form .submit{width:400px;height:30px;text-align:right;padding:8px 0 0 0;}
.profile #messageform form .submit input{font-size:100%;width:90px;height:22px;background:url("gfx/buttons/send-silver.gif") 0 0 no-repeat;color:#666;font-weight:bold;border:0;cursor:pointer;cursor:hand;}
.profile p.show-all{width:920px;height:auto;position:relative;left:0;right:10px;text-align:right;}
#favs{width:960px;margin:0 auto;position:relative;text-align:left;font-size:90%; clear:both;}
#favs h2{padding:30px 0 10px 0px;}
p#favourite-glogs{width:930px;text-align:left;padding:20px 0 15px 0;position:relative;left:20px;}
p#favourite-glogs span{display:block;width:80px;height:108px;float:left;margin:0 20px 0 0;position:relative;left:20px;}
p#favourite-glogs span a { display:block; text-align:center;}
p#favourite-glogs span img { max-width:80px; max-height:108px; }
#favs span.msg{position:absolute;top:-100721px;width:1px;}
#content.glog{padding-top:0;width:100%;}
#opacity{width:980px;height:70px;background:#000;position:absolute;top:-70px;left:0;color:#fff;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;z-index: 4;}
#content.glog p.glogthumb{text-align:center;padding:0;}
#glog-top{width:100%;height:99px; padding: 48px 0 0 0; left:0;color:#fff;z-index:10;background: none repeat scroll 0 0 #F1F1F1;}
#glog-top .inside-view { margin: 0 auto; width:980px; display:block; position:relative;}
body.glog .glogEmbed { margin: 0 auto; display:inline; text-align: center;}
.gv-container {margin: 0 auto;}
body.glog .glogEmbed img._thumbnail-bg {  display: none; position: absolute; min-width: 50%; min-height: 90%; }
#glog-top h1{color:#333;font-weight:bold;padding:0 0 0 10px;margin:0;font-family:arial, sans-serif, Verdana, Tahoma;font-size:170%;height:37px;line-height:37px;overflow:hidden;z-index: 11;}
#glog-top p{color:#333;font-weight:normal;margin:0;padding:0px;font-size:80%;float:left;}
#glog-top p.info{line-height:10px;margin-left:10px; width:195px;float:left;overflow:hidden; height: 44px;}
#glog-top p.info .firstrow {  display: inline-block;height: 18px;overflow: hidden;}
#glog-top p.go2next{width:200px;height:auto;text-align:right;position:absolute;top:25px;right:30px;font-size:140%;}
#glog-top p.go2next strong{font-weight:normal;}
#glog-top p.go2next a{display:block;width:150px;padding:0 20px 0 0;background:url("gfx/next-glog-arrow.gif") 100% 60% no-repeat;}
#glog-top p.go2next a:link, #glog-top p.go2next a:visited{color:#333;}
#glog-top p.go2next a:active, #glog-top p.go2next a:hover{color:#333;}
#glog-top p.private{width:300px;height:36px;line-height:36px;font-weight:bold;background:#000;color:#ffffff!important;position:absolute;top:34px;right:0;}
#glog-top p.unfinished{width:300px;height:36px;line-height:36px;font-weight:bold;background:#000;color:#FF3300!important;position:absolute;top:34px;right:0;}
#glog-top p.finished{width:300px;height:36px;line-height:36px;font-weight:bold;background:#000;color:#FF9900!important;position:absolute;top:34px;right:0;}
#glog-top .public-all{background:#00CC00;width:97px;height:36px;font-weight:bold;color:#fff!important;position:absolute;top:43px;right:0; padding:10px 0; text-align:center;text-transform: uppercase;font-family: arial;font-size: 14px; margin-right:10px;}
#glog-top .unfinished-private{width:89px;height:36px;font-weight:bold;background:#FF3300;color:#fff!important;position:absolute;top:34px;right:0; padding:15px 0; text-align:center;text-transform: uppercase; margin-right:10px;}
#glog-top .finished-private{background:#FF9900;width:89px;height:36px;font-weight:bold;background:#FF3300;color:#fff!important;position:absolute;top:44px;right:0; padding:10px 0; text-align:center;text-transform: uppercase; margin-right:10px;}
#glog-top #nominate-popup h3 { color: #000; }
#glog-top #nominate-popup img { float: left; margin: 10px 20px 10px 10px;}
#glog-top #nominate-popup p { font-size:14px;  float: none; line-height: 20px; margin: 10px 0;}
}
@media screen {
  
#underglog{width:100%; text-align:center; z-index:20;position:relative; margin: 0 0 0 0; padding: 0 0 0 0;z-index:0; background:#fff;}
#underglog .area{width:960px; margin:0 auto;position:relative; padding:0 0 20px 0; text-align:left; top:20px;}
#underglog .area p.share{width:960px;margin:0 auto;position:relative;}
#underglog .area#nocontent{height:200px;}
#comments{width:410px;float:left;overflow:hidden;padding:30px 0 0 0;position: relative;}
#comments #sendCommentMsg.msg-placeholder { position: absolute; background-color: #00C100; top: 0; left: 0; display: none; line-height: 35px; font-weight: bold; font-size: 15px; }
#comments #sendCommentMsg.msg-placeholder .default-msg { padding: 0 10px; }
#comments form p{margin:8px 0 0 0;position:relative;font-size:90%;width:408px;}
#comments form p a:link, #comments form p a:visited{color:#069;}
#comments form p a:active, #comments form p a:hover{color:#000;}
#comments textarea{width:394px; padding: 5px; border:1px solid #DFDFDF;}

}
@media screen {
  /* implementace */
#comments ul{right:0;left:0;margin:30px 0 0 0;padding:0;font-size:80%;}
#comments ul li{margin:0 0 10px 0;padding:0 0 10px 0;background:url("gfx/comm-foot.gif") 100% 100% no-repeat;}
#comments input.submit{display:block;width:90px;height:22px;border:0;position:absolute;top:0;right:0;background:url("gfx/buttons/send-silver.gif") 0 0 no-repeat;cursor:pointer;cursor:hand;color:#666;font-weight:bold;font-size:90%;}
#comments span#submit{float:right;}

}
@media screen {
  
.com{clear:left;position:relative;width:410px;background:url("gfx/comm-head.gif") 100% 0 no-repeat;padding:0;overflow:hidden;}
.com h3{width:300px;position:relative;left:80px;padding:0;margin:10px 0 10px 0;font-size:110%;}
.com h3.here{margin:10px 0 10px 0;padding:0 0 0 11px;}
.com span.online, .com span.offline, .com span.washere{top:5px;left:0;}
.com h3.here{z-index:10;}
.com span.pipe{position:absolute;top:-100721px;}
.com h3 a:link, .com h3 a:visited{color:#069;}
.com h3 a:active, .com h3 a:hover{color:#00496C;}
.com h3 span{color:#999;font-size:90%;font-weight:normal;}
.com div{background:url("gfx/comm-body.gif") 0 0 repeat-y;width:342px;position:relative;left:68px;}
.com div p{width:320px;padding:10px 0 0 0;color:#5D5D64;font-size:100%;position:relative;bottom:10px;left:10px;overflow:hidden;padding-bottom: 5px;}
.com span.avatar{display:block;width:54px;height:auto;background:#D8D8D8;padding:1px 0;position:absolute;left:0;top:0;}
.com span.avatar span{display:block;width:52px;height:auto;background:#FFF;margin:0 1px;padding:2px 0;}
.com span.avatar span img{display:block;width:48px;height:auto;margin:0 2px;overflow:hidden;}

}
@media screen {
  /* end implementace */
#comments-placeholder{position:relative;}
#comments-placeholder .default-msg{display:block;width:280px;padding:10px;color:#fff;font-weight:bold;background:#00C100;position:absolute;top:-58px;left:0;z-index:5;}
#underglog #sidebar{width:532px;float:right;position:relative;}
#underglog #sidebar h2{padding:20px 20px 0 20px;}
#underglog #tools{width:532px; /* background: transparent url("gfx/bg-rate7.gif") 0 0 repeat-y; */ border: 1px solid #cacaca; =border-bottom: 0; min-height: 234px; display: block; }
#underglog #tools .tootsl { background: url('gfx/bg-rate5.jpg') scroll 0 0 repeat-x #fff; height: auto; border: 0; display: block; }
#underglog #tools .tootsl .toolpopo { background: url('gfx/bg-rate6.jpg') repeat-x scroll 0 100% transparent; =background: url('gfx/bg-rate8.jpg') repeat-x scroll 0 100% transparent; _height: 200px; min-height: 234px; display: block; border: none;  /*border: 1px solid #cacaca; border-bottom:0px;*/ }
#underglog #sidebar .social { float: right;margin-top: 10px; }

}
@media screen {
  
#underglog #tools ul{width:332px; padding:0 0 10px 0;margin:17px 1px 0 0; float: right; clear: none; display: inline-block; }
#underglog #tools ul li { min-height:36px;line-height:36px;height: auto;}
#underglog #tools ul li a{ min-height:36px;line-height:36px;height: auto; float: left; }
#embed, #send, #alert-friends-edu, #li-full-edu, #add-fav, #alert-friends, #re-fav,
#embed a, #send a, #alert-friends-edu a, #li-full-edu a, #add-fav a, #alert-friends a, #re-fav a {display: block;}
#underglog #tools ul li{width:317px;height:auto; min-height:36px; line-height:36px;padding:0;margin: 0 0 0 8px;font-family:Arial, Verdana, Tahoma, sans-serif; }
#underglog #tools ul li a{text-indent:46px;font-size:100%;font-weight:bold;position:relative; top: 4px; outline: medium none; }
#underglog #tools ul li a:link, #underglog #tools ul li a:visited{color:#5B5B5B; outline: medium none; }
#underglog #tools ul li a:active, #underglog #tools ul li a:hover{color:#000; text-decoration: none; }
#underglog #tools ul .IN-widget { position: relative; top: 4px;}
}
@media screen {
  
#underglog #tools ul li a span {text-decoration:none;}
#underglog #tools ul li a .rate{background-attachment:scroll;background-color:transparent;background-image:url("gfx/rate_it_mapa.png");background-repeat:no-repeat;display:inline-block;font-size:0;height:0;line-height:0;text-decoration:none;}
#underglog #tools ul li a .rate_fav {background-position:-104px 4px;height:30px;width:30px; vertical-align:middle;left:0px;top:0px;position:absolute;}
#underglog #tools ul li a:hover .rate_fav {background-position:-104px -32px;}
#underglog #tools ul li a .rate_embed {background-position:-70px 2px;height:30px;width:40px; vertical-align:middle;left:0px;top:0px;position:absolute;}
#underglog #tools ul li a:hover .rate_embed {background-position:-70px -34px;}
#underglog #tools ul li a .rate_friend {background-position:-75px -70px;height:30px;width:35px; vertical-align:middle;left:0px;top:0px;position:absolute;}
#underglog #tools ul li a:hover .rate_friend {background-position:-75px -109px;}
#underglog #tools ul li a .rate_edmondo {background-position:-33px -70px;height:30px;width:35px; vertical-align:middle;left:0px;top:0px;position:absolute;}
#underglog #tools ul li a:hover .rate_edmondo {background-position:-33px -109px;}
#underglog #tools ul li a .rate_prepared {background-position:-33px 0px;height:35px;width:35px; vertical-align:middle;left:0px;top:0px;position:absolute;}
#underglog #tools ul li a:hover .rate_prepared {background-position:-33px -36px;}
#underglog #tools ul li a .rate_portfolio {background-position:-136px 2px;height:35px;width:35px; vertical-align:middle;left:0px;top:0px;position:absolute;}
#underglog #tools ul li a:hover .rate_portfolio {background-position:-136px -34px;}
#underglog #tools ul li a .rate_alert{background-position:-107px -70px;height:35px;width:35px; vertical-align:middle;left:0px;top:0px;position:absolute;}
#underglog #tools ul li a:hover .rate_alert {background-position:-107px -105px;}

}
@media screen {
  #underglog #tools .msg-placeholder{width:532px;height:100px;position:absolute;top:0;left:0;display:none;}
#underglog #tools .msg-placeholder#msgToFriend, #underglog #tools .msg-placeholder#alert-friend-msg, #underglog #tools .msg-placeholder#favMsg{width:532px;height:60px;line-height:60px;color:#fff;background:#00C100;text-align:center;font-weight:bold;z-index:100!important;}
#underglog #tools .default-msg{width:532px;height:60px;line-height:60px;color:#fff;background:#00C100;text-align:center;font-weight:bold;position:absolute;top:0;left:0;z-index:100!important;}
#underglog #tools .default-msg .close {float: left; left: 10px; top:10px; position:relative; width: 20px; height: 20px; display:inline;  background: url("gfx/buttons/close.gif") no-repeat scroll 0 0 transparent;}
#underglog #embed-glog{width:534px;position:absolute;top:0;left:0;background:url("gfx/bg-rate2.gif") 0 0 no-repeat #F0F0F0;z-index:100;}
#underglog #embed-glog p{width:492px;position:relative;left:20px;padding:7px 0 5px 0;}
#underglog #embed-glog span.close{display:block;width:20px;height:20px;position:absolute;top:7px;right:10px;background:url("gfx/buttons/close.gif") 0 0 no-repeat;cursor:pointer;cursor:hand;}

}
@media screen {
  
#rate-glog{width:186px;min-height:166px; float: left; position: relative; }

}
@media screen {
  
#rate-glog h2{padding:10px 0 0 18px!important;margin:0;}
#rate-glog #rating-blog{margin:5px auto;text-align:center;}
#rate-glog img{margin:0 2px;}
#rate-glog #user-options{margin-left:225px;margin-top:15px;font:bold 145% Arial, Helvetica, sans-serif;}
#user-options li{margin:0;padding-top:3px;}
#rate-glog #glog-rating{width:188px;height:100px;margin:0;position:absolute;top:42px;left:20px;}
#rate-glog #glog-rating span{display:block;float:left;overflow:hidden;text-indent:-10em;width:32px;height:71px;}
#rate-glog #glog-rating span.over{background:url("gfx/stars/interactive2.png") no-repeat 0 0;}
#rate-glog #glog-rating .off{background:url("gfx/stars/interactive2.png") no-repeat 0 100%;}
#glog-rating .star{display:block;width:32px;height:71px;float:left;background:url("gfx/rate_it_mapa.png") no-repeat 0 -129px;}
#glog-rating .star.on{background:url("gfx/rate_it_mapa.png") no-repeat 0 0;}
#glog-rating .star.off{background:url("gfx/rate_it_mapa.png") no-repeat 0 -129px;}
#glog-rating .star a, #glog-rating .star b{display:block;width:100%;height:100%;background:url("gfx/rate_it_mapa.png") 0 -130px no-repeat;}
#glog-rating .star a span, #glog-rating .star b span{display:none;}
#glog-rating .star.on a, #glog-rating .star.on b{background:url("gfx/rate_it_mapa.png") no-repeat 0 0;}
#glog-rating .star.hover a{background:url("gfx/rate_it_mapa.png") no-repeat 0 0;}
#glog-rating .cancel{display:none;}
#glog-rating #rating-msg{clear:left; font-size:90%;color:#069;font-weight:bold; position: relative; }
#glog-rating #rating-msg.no{ top: 4px; }

}
@media screen {
  
#rate-glog p#inappropriate{width:215px;text-align:left;height:2em;position:absolute;top:133px;left:0;font-size:90%;text-indent:20px; overflow: hidden; }
#rate-glog p#inappropriate a:link, #rate-glog p#inappropriate a:visited{color:#737373;}
#rate-glog p#inappropriate a:active, #rate-glog p#inappropriate a:hover{color:#000;}
p.moreglogs{width:532px;padding:16px 0 0 0;}
p.moreglogs span{display:block;float:left;margin:0 18px 0 0;position:relative;left:20px;background:url("gfx/moreglogs-shadow.gif") 0 0 repeat-x;}
p.moreglogs span img{display:block;text-align:center;font-size:80%;background:#eee;color:#666;text-decoration:none!important;}
p.moreglogs span a img, p.moreglogs span a:hover img{text-decoration:none!important;color:#666;}
p.moreglogs span a{display:table-cell;position:relative; vertical-align:middle; text-align:center; width:108px; height:108px;}
p.moreglogs span a:link, p.moreglogs span a:visited{background:#fff;}
p.moreglogs span a img{position:relative;left:2px;top:2px;}
#browse-by-tags{width:532px;}
#browse-by-tags p.tags, #browse-by-tags p.notags{width:492px;position:relative;left:20px;font-size:90%;}
#browse-by-tags p.tags a:link, #browse-by-tags p.tags a:visited{color:#069;}
#browse-by-tags p.tags a:active, #browse-by-tags p.tags a:hover{color:#000;}
#browse-by-tags p#addtag{padding:20px 0;text-align:right;position:relative;font-size:90%;}
#browse-by-tags p#addtag a{display:block;width:9em;padding:5px 0 5px 0;background:url("gfx/icons/icon-addtag.gif") 0 50% no-repeat;text-align:left;text-indent:26px;position:absolute;top:0;right:0;}
#browse-by-tags p#addtag a:link, #browse-by-tags p#addtag a:visited{color:#000;}
#browse-by-tags p#addtag a:active, #browse-by-tags p#addtag a:hover{color:#000;text-decoration:none;}
#add-tags{width:512px;height:auto;position:relative;left:20px;}
#add-tags textarea{width:510px;height:100px;border:1px solid #D5D5D5;color:#818181;}
#add-tags p.submit{width:510px;padding:5px 0;left:0!important;font-size:80%;}
#add-tags span.send{ position: relative; left: 353px; }
#browse-by-tags .default-msg{width:512px!important;height:40px;line-height:40px;background:#00C100;color:#fff;font-weight:bold;text-align:center;position:relative;left:20px;}
#winnerslist{width:652px;height:auto;float:left;font-size:90%;position:relative;left:20px;}
.winners h1, #winnerslist h2{left:0;padding:30px 0 10px 0;}
span.tbltp{display:block;width:652px;height:10px;background:url('gfx/table-toper.gif') 0 0 no-repeat #F4FDFF;margin:10px 0 0 0;position:relative;left:1px;top:0;_top:3px;}
span.tblbtm{display:block;width:652px;height:10px;background:url('gfx/table-bottomer.gif') 0 0 no-repeat #F4FDFF;clear:left;margin:0 0 30px 0;position:relative;left:1px;}

}
@media screen {
  
br.clear{display:block;width:900px;height:1px;line-height:1px;clear:both;}
span.clear{display:block!important;width:100%!important;height:1px!important;line-height:1px!important;clear:both!important;margin:-1px 0 0 0!important;font-size:1px!important;padding: 0!important;background:none!important;position: none!important;float: none!important;}

}
@media screen {
  
#terms,
#rules {width:920px;position:relative;left:20px;}
#content #rules h1  { padding: 40px 0 5px 0; }
#content #terms h2,
#content #rules h2{left:0;padding:25px 0 10px 0;margin:0;color:#000;font-size:120%;}
#content #terms h3,
#content #rules h3  { left:0;padding:25px 0 10px 0; font-size: 105%; margin-bottom: 5px; font-family: Arial, Tahoma, sans-serif; }
#terms p, #terms ul, #terms ol, #rules p, #rules ul{font-size:90%;margin:0;padding:0 0 15px 0;}
#terms ul, #rules ul, #terms ol  {padding:0 0 15px 30px;}

}
@media screen {
  
body.faq h1 { margin-left: 15px;margin-top: 0;}
body.faq h2{left:0;margin: 20px 0 0 0; width:960px;}
body.faq h3 {  margin: 40px 0 10px 34px;}
body.faq .pink{color: #FF0066;margin: 5px 15px 10px 35px!important;width: 920px!important;}
body.faq #content p{margin:5px 15px 10px 15px;font-size:90%; width:950px;}
body.faq #content p.first{margin-left:37px;}
body.faq #content ol {width:925px;}
body.faq #content{padding-bottom:100px;}
body.faq table{margin:15px;font-size:90%;border:1px solid #D3EBFE;border-collapse:collapse;}
body.faq table tr th{padding:4px 10px;background:#D3EBFE;}
body.faq table tr td{padding:4px 10px;background:#EEFBFF;color:#010101;border:1px solid #D3EBFE;border-width:1px 0 0 0;}
body.faq #content ul{position:relative;right:0;clear:left;margin:10px 0 0 30px;font-size:90%; width:920px;}
body.faq #content ul li{list-style-image:url("gfx/list-point.gif");}
body.faq #content ul li p{margin:5px 15px 10px 0;}
body.news #content{padding-bottom:150px;}
body.news #content h1{left:0;padding-left:0;margin-left:0;}
body.news #content .post-detail h2{padding:0 0 0 0!important;margin:20px 0 0 0!important;}
body.news #content .post-detail#profile-feature h2  { color: #000; font-family: Arial, Tahoma, sans-serif; font-size: 150%; }
body.news #content .post-detail#profile-feature p.promo { border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 5px; }
body.news #content .post-detail#profile-feature p.promo big { color: #FF0063; font-weight: bold; font-size: 140%; font-family: Arial, Tahoma, sans-serif; }
body.news #content .post-detail#profile-feature p.glogster-is-yours  { color: #999; }
body.news #content .post-detail#profile-feature p.glogster-is-yours span  { color: #FF0063; font-weight: bold; font-size: 130%; }
body.news #content h2 a:link, body.news #content h2 a:visited{color:#006495;font-weight:bold;}
body.news #content h2 a:active, body.news #content h2 a:hover{color:#000;font-weight:bold;}
body.news #content h3{padding:10px 20px 5px 0;}
body.news #content h4{padding:20px 20px 0 20px;margin:0;}
body.news #content #posts,
body.contest-detail #content #posts {width:940px;float:left;position:relative;left:20px;}
body.news #content #posts .post{padding:0 0 10px 0;border:1px solid #DEDEDE;border-width:0 0 1px 0;}
body.news #content #posts .post h2{font-size:120%;}
body.news #content #posts .perex{margin:0;padding:0;}
body.news #content #posts p{padding:10px 0 0 0;margin:0;font-size:90%;left:0;}
body.news #content #posts .supertext{font-size:150%;font-weight:bold;}
body.news #content #posts .supertext span{color:#FF0165;}
body.news #content #posts h2{padding:40px 0 0 0;left:0!important;}
body.contest-detail #content #posts ul { margin-left: 0px; }
body.news #content #side,
body.contest-detail #content #side  {width:239px;float:right;border:1px dotted #999;border-width:0 0 0 1px;margin:20px 0 0 0;padding:30px 0 140px 0;}
body.news #content #side h2,
body.contest-detail #content #side h2 {width:auto;font-size:100%;font-weight:bold;color:#000;font-size:130%;margin:0 0 15px 15px;left:0;padding:0;}
body.news #content p.stripe{text-align:right;font-size:80%!important;}
body.news #content p.stripe a:link, body.news #content p.stripe a:visited{color:#000;font-weight:bold;}
body.news #content p.stripe a:active, body.news #content p.stripe a:hover{color:#000;font-weight:bold;}
body.news #content #side ul,
body.contest-detail #content #side ul {font-size:90%;margin:0 15px 0 25px;padding:0;right:0;}
body.news #content #side ul li,
body.contest-detail #content #side ul li{list-style-type:none;list-style-image:url("gfx/list-point.gif");margin:0 0 10px 0;padding:0;}
body.news #content #side ul li span,
body.contest-detail #content #side ul li span{font-weight:bold;}
body.news #content span.date,
body.contest-detail #content span.date{color:#999;font-weight:normal!important;font-size:90%;}
body.news #content #side ul li a:link, body.news #content #side ul li a:visited, body.contest-detail #content #side ul li a:link, body.contest-detail #content #side ul li a:visited{color:#006598;font-weight:bold;}
body.news #content #side ul li a:active, body.news #content #side ul li a:hover, body.contest-detail #content #side ul li a:hover, body.contest-detail #content #side ul li a:active{color:#000;font-weight:bold;}
body.news #content #side p.see-all{text-align:right;font-weight:bold;font-size:80%;position:relative;right:15px;padding:15px 0 0 0;}
body.news #content #side p.see-all a:link, body.news #content #side p.see-all a:visited{color:#000;}
body.news #content #side p.see-all a:active, body.news #content #side p.see-all a:hover{color:#000;text-decoration:none;}
p#login, p.join span.register, body.top-glogs #content .item h2, body.new-glogs #content .item h2, .myglog .comments h4, .myglog .scr span.privmsg, .cat .item p.priznaky, form#notifier p label strong, #adminmsg h3, body.faq table tr td strong, #messages .msgtools span.actions, #messages p.loading, .selfpromo p.readclose a, form#deleteform p.submit input, .slideshow ul li h3 {font-family:"Trebuchet MS", Trebuchet, Verdana, sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE";}
#notices{width:100%;text-align:center;position:absolute;top:52px;left:0;z-index:100;}
#notices span{display:block;width:400px;color:#fff;font-weight:bold;cursor:pointer;cursor:hand; margin: 0 auto}
#notices span .default-msg{width:100%;height:auto;padding:10px;background:#00C100;color:#fff;font-weight:bold;cursor:pointer;cursor:hand;}
body.profil #notices{top:40px;}
#page404 p{margin:0 0 0 20px;}

}
@media screen {
  
#flashblog{width:960px;height:1300px;}
.edit #flashblog{width:960px;height:1452px;z-index:100!important; overflow: hidden; }
.glog #flashblog{width:960px;height:1300px;z-index:100!important;position:relative;overflow:hidden;}

}
@media screen {
  
.hidden{display:none;}
img#moodAjaxLoader{display:none;}
img#bubbleAjaxLoader{display:none;}

}
@media screen {
  
#presentation { width: 920px; position: relative; left: 20px; margin-top: 10px; }

}
@media screen {
  /* CONTEST DETAIL */
.contest-detail .pipe { display: none; }
.contest-detail #footermenu .pipe { display: inline; }
.contest-detail #posts h1 { padding-left: 0; padding-bottom: 30px; font-size: 180%; position: relative; }
.contest-detail #posts h2 { color: #000; left: 0; font-size: 160%; margin-bottom: 20px; }
.contest-detail #posts h2 a { color: #006699; font-weight: bold; }
.contest-detail #posts h2 a:hover { color: #000; }
.contest-detail #posts h2.top { padding-right: 345px; }
.contest-detail #posts .welcome { position: relative; }
.contest-detail #posts .winners { margin-bottom: 4em; text-align: center; }
.contest-detail #posts .winners h3  { font-family: Arial, Tahoma, sans-serif; font-size: 120%; margin-bottom: 10px; }
.contest-detail #posts .winners h3.winner { color: #FF0066; }
.contest-detail #posts .winners .winner { text-align: center; width: 465px; margin: 0 auto 30px auto; }
.contest-detail #posts .winners .winner p  { width: 135px; float: left; margin-right: 20px; }
.contest-detail #posts .winners .winner p span { display: block; text-align: center; }
.contest-detail #posts .winners .winner p.last { margin-right: 0; }
.contest-detail #posts .winners p.winner strong { display: block; }
.contest-detail #posts .winners p.winner#second, .contest-detail #posts .winners p.winner#third { float: left; width: 135px; margin-right: 10px; }
.contest-detail #posts .winners .other  { width: 465px; margin: 0 auto 15px auto; }
.contest-detail #posts .winners .other#last { width: 630px; }
.contest-detail #posts .winners .other a { display: block; width: 135px; height: 183px; overflow: hidden; margin-right: 20px; float: left; }
.contest-detail #posts .winners .other a.last { margin-right: 0; }
.contest-detail #posts .winners p { margin-bottom: 1.9em; }
.contest-detail #posts .winners .other-winners  { width: 290px; overflow: hidden; margin: 0 auto; }
.contest-detail #posts .inner { font-size: 90%; min-height: 329px; _height: 329px; }
.contest-detail #posts .inner p,
.contest-detail #posts .inner ul { margin-bottom: 1.5em; padding-right: 340px; }
.contest-detail #posts .inner p.last  { margin-bottom: 0; }
.contest-detail #posts .inner .boho-banner  { background-color: #841356; color: #fff; font-style: italic; width: 674px; height: 170px; position: relative; overflow: hidden; }
.contest-detail #posts .inner .boho-banner p  { padding: 20px; }
.contest-detail #posts .inner .boho-banner .decor { position: absolute; left: 470px; top: -105px; width: 141px; height: 329px; background: transparent url('gfx/boho-contest-inner-decor.gif') no-repeat 0 0; }
.contest-detail #posts .inner .boho-banner span { position: absolute; left: 0; top: 0; width: 675px; height: 170px; background: transparent url('gfx/boho-contest-banner.gif') no-repeat 0 0; }
.contest-detail #posts .how-to-create { padding-right: 340px; background: #fff url('gfx/boho-contest-how-to-create.jpg') no-repeat 100% 0; position: relative; top: -1em; padding-top: 30px; }
.contest-detail #posts .how-to-create p { font-size: 90%; margin-bottom: 1.5em; }
.contest-detail #posts .how-to-create ul  { font-size: 90%; margin-bottom: 1.5em; }
.contest-detail #posts .how-to-create p.links { margin-top: 30px; text-align: center; }

}
@media screen {
  
.contest-detail #posts .glogs { margin-left: 11px; margin-bottom: 20px; margin-top: -15px; }
.contest-detail #posts .glogs li  { list-style-type: none; float: left; margin-right: 22px; height: 260px; width: 135px; overflow: hidden; /*background: #fff url('gfx/bg-gradient.gif') repeat-x 0 100%;*/ }
.contest-detail #posts .glogs li h3 a { font-size: 74%; color: #006699; display: block; margin-bottom: 3px; height:16px; overflow:hidden;}
.contest-detail #posts .glogs li h3 a.name  { font-weight: normal; }
.contest-detail #posts .glogs li h3 a:hover { color: #000; }
.contest-detail #posts .glogs li .rating  { font-size: 75%; position: relative; left: 3px; }
.contest-detail #posts .glogs li .rating-amount { position: relative; left: 22px; }
.contest-detail #posts .glogs li.all  { position: absolute; top: -4.5em; right: 0; height: auto; background: none; margin-right: 0; font-size: 90%; width: 165px; }
.contest-detail #posts .glogs li.last { margin-right: 0; }
.contest-detail #posts #glogsterboho { width: 251px; height: 61px; position: absolute; top: 0px; right: 2px; background: url('gfx/boho-contest-heading.gif') 0% 0% no-repeat #fff;  }
.contest-detail #posts #glogsterboho img { display: block; width: 100px; height: 35px; position: absolute; top: 4px; left: 4px; }
.contest-detail #posts #glogsterboho img#glogsterlogo { left: 130px; }

}
@media screen {
  
#chat{padding:15px 21px 0 21px;}
p#partnersites{width:960px;height:65px;margin:0 auto 0 auto;padding:0;position:relative;bottom:75px;}
p#partnersites a{display:block;float:right;margin:0 0 0 20px;}
.error-msg{background:#D90000!important;}

}
@media screen {
  /* Popup gray box - underglog, profile */
.pop-up-box{width:532px; height: 332px; border: 1px #c1c1c1 solid; position:absolute;top:146px;left:213px;background:url("gfx/bg-invite-box.gif") 0 0 repeat-x #F0F0F0;z-index:1000!important; display: none;}
#underglog .pop-up-box { left: 0; top: 0; }
.pop-up-box h2{padding:10px 20px 15px 45px !important ; left: 0 !important; margin:2px 0 0 0;background:url("gfx/bg-invite-friends-h2.gif") 20px 50% no-repeat;color:#000;font-size:130%;left:0;}
.pop-up-box form textarea{width:483px;height:80px;border:1px solid #A8A8A8; position: relative; left: 15px; font-family: Verdana, Tahoma, sans-serif; font-size: 80%; }
.pop-up-box form p { padding: 3px 15px 15px 15px; font-size: 90%; font-family: Arial, Tahoma, sans-serif; }
.pop-up-box form p.submit  { margin-top: 15px; }
.pop-up-box form p a:link, .pop-up-box form p a:visited { color: #e8005c !important; font-weight: bold; }
.pop-up-box form p a:hover, .pop-up-box form p a:active { color: #c80552 !important; }
.pop-up-box form p.submit{clear: both; width: 530px; }
.pop-up-box form p.submit button { position: relative; left: 0; }
.pop-up-box span.close{display:block;width:20px;height:20px;position:absolute;top:7px;right:10px;background:url("gfx/buttons/close.gif") 0 0 no-repeat;cursor:pointer;cursor:hand;}

}
@media screen {
  /* GLOBAL GRAY PROFILE SORTING - activated by class name profile */
#sort-options.profile  {width:922px;height:39px;font-size:90%;text-align:left; position: relative; background: #fff url('gfx/bg-sort.jpg') no-repeat 0 0; top: 0; /*margin-bottom: 15px;*/ z-index: 100; display: block; }
#sort-options.profile p  { font-size: 100%; }
#sort-options.profile .sorting  { width: 180px; float: left; padding-top: 8px; position: relative; }
#sort-options.profile .sorting span  { position: absolute; left: 10px; top: 9px; }
#sort-options.profile .sorting ul { right: 0; display: block; left: 65px; padding-left: 0; }
#sort-options.profile .sorting li { display: block; position: relative; }
#sort-options.profile .sorting li.first a { display: block; width: 120px; height: 23px; background: url('gfx/bg-sorting-select.gif') no-repeat 0 0; color: #999; font-size: 80%; line-height: 20px; text-indent: 5px; text-decoration: none; }
#sort-options.profile .sorting li ul { display: none; padding-left: 0; border-left: 1px #B4B4B4 solid; border-right: 1px #B4B4B4 solid; padding: 0 0 12px 0; position: absolute; left: 0; top: 22px; background: #e3e3e3 url('gfx/bg-sorting-submenu.jpg') repeat-x 0 100%; width: 97px; overflow: hidden; z-index: 1000; }
#sort-options.profile .sorting li ul.active  { display: block; }
#sort-options.profile .sorting li.first ul li { margin-right: 0; }
#sort-options.profile .sorting li.first ul li a { background: none; color: #000; width: auto; height: 20px; }
#sort-options.profile .sorting li.first ul li strong  { display: block; font-size: 80%; height: 20px; line-height: 20px; text-indent: 5px; color: #000; }
#sort-options.profile .sorting li.first ul li a:hover, #sort-options .sorting li.first ul li strong { background: #DBDBDB url('gfx/bg-sorting-submenu-hover.jpg') repeat-x 0 0; }
#sort-options.profile #search { width: 261px; height: 24px; overflow: hidden; background: url('gfx/bg-search-input-sorting.gif') no-repeat 0 0; position: relative; left: 305px; top: 8px; }
#sort-options.profile #search label { display: none; }
#sort-options.profile #search input { border: 0; background-color: transparent; color: #999; font-size: 95%; width: 145px; position: absolute; left: 25px; top: 3px; }
#sort-options.profile #search button  { width: 80px; height: 24px; line-height: 22px; overflow: hidden; position: absolute; top: 0; right: 0; background: #e3e3e3 url('gfx/bg-search-button-sorting.gif') no-repeat 0 0; color: #555; }
#sort-options.profile .view { position: absolute; width: 130px; top: 8px; right: 11px; }
#sort-options.profile .view p { font-size: 100%; position: relative; top: 2px; }
#sort-options.profile .view ul  { width: 44px; position: absolute; top: 0; right: 0; padding: 0; }
#sort-options.profile .view li  { width: 22px; height: 22px; float: left; overflow: hidden; font-size: 70%; margin-right: 0; }
#sort-options.profile .view li a  { display: block; width: 22px; height: 22px; position: relative; background-color: #E3E3E3; }
#sort-options.profile .view li a em { position: absolute; left: 0; top: 0; width: 22px; height: 22px; cursor: hand; cursor: pointer; }

}
@media screen {
  
#sort-options.profile .view li.first a em { background: transparent url('gfx/icons/ico-small-thumbs.gif') no-repeat 0 0; }
#sort-options.profile .view li.first#active a em  { background-position: 0 100%; }
#sort-options.profile .view li.second a em { background: transparent url('gfx/icons/ico-big-thumbs.gif') no-repeat 0 0; }
#sort-options.profile .view li.second#active a em  { background-position: 0 100%; }

}
@media screen {
  
  /*Back to dashboard*/
  .back-to-dashboard  { position: absolute; right: 0px; top: 60px; font-size: 80%; text-align: right; font-family: Arial; }
  .back-to-dashboard a:link, .back-to-dashboard a:visited  { color: #006699; font-weight: bold; font-family: Arial; }
  .back-to-dashboard a:hover, .back-to-dashboard a:active  { color: #000; font-family: Arial; }

}
@media screen {
  
.all-favorites #sort-options.profile, .all-glogs #sort-options.profile { margin-bottom: 20px; }

}
@media screen {
  /* Big Magenta Button, white background */
button { width: auto; =width:10px; _width: 10px; background: none; border: none; padding: 0 0 0 0; margin: 0 0 0 0; cursor: pointer; cursor: hand; overflow: hidden; }

}
@media screen {
  
#add-tags span.cancel .minibut a  { padding: 0 0 0 13px; }

}
@media screen {
  /* Underglog send to friends */
.pop-up-box form p.submit span.minibut-pink strong { padding: 0 0 0 14px; }

}
@media screen {
  /* Edu */
#edu #submit  { position: relative; left: 147px; margin-top: 10px; }
#edu span.but a, #edu span.but strong { padding: 0 10px 0 15px; }
#edu span.silverbut { width: 300px; }
#edu span.but { width: 290px; }
#edu span.silverbut a { padding: 0 10px 0 33px; }

}
@media screen {
  /* Partners page */
.partners { background: #fff url('gfx/icons/partners-line.gif') repeat-y 0px 0; position: relative; top: 15px; margin-bottom: 15px; }
.partners #posts { width: 695px; float: left; }
.partners #posts .pipe  { display: none; }
.partners #posts h1 { margin-bottom: 10px; }
.partners #posts h2 { color: #000; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 110%; left: 20px; margin-bottom: .5em; }
.partners #posts p  { font-size: 90%; padding-left: 20px; margin-bottom: 2em; }
.partners #posts ol  { padding-left: 20px; margin: 0; }
.partners #posts .participation { font-size: 120%; margin-bottom: 15px; }
.partners #posts .participation li  { list-style-type: none; padding-left: 20px; background: #fff url('gfx/list-point.gif') no-repeat 0 7px; margin-bottom: 4px; }
.partners #posts .participation li a   { color: #006699; }
.partners #posts .participation li a:hover   { color: #000; }
.partners #posts .partnerships  { margin: 20px 0 15px 0; }
.partners #posts .partnerships li  { list-style-type: none; background: #fff url('gfx/partners-separator.gif') repeat-x 0 100%; margin-bottom: 1em; padding-bottom: 1em; }
.partners #posts .partnerships li p { padding-left: 10px; }
.partners #posts .partnerships li .up { text-align: right; font-size: 75%; font-weight: bold; margin-bottom: 0; }
.partners #posts .partnerships li .up a { color: #006699; }
.partners #posts .partnerships li .up a:hover { color: #000; }
.partners #posts .partnerships h3 { padding-left: 45px; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 150%; font-weight: normal; line-height: 2em; }
.partners #posts .partnerships #item1 h3  { background: #fff url('gfx/number-star/1.jpg') no-repeat 0 50%; }
.partners #posts .partnerships #item2 h3  { background: #fff url('gfx/number-star/2.jpg') no-repeat 0 50%; }
.partners #posts .partnerships #item3 h3  { background: #fff url('gfx/number-star/3.jpg') no-repeat 0 50%; }
.partners #posts .partnerships #item4 h3  { background: #fff url('gfx/number-star/4.jpg') no-repeat 0 50%; }
.partners #posts .partnerships #item5 h3  { background: #fff url('gfx/number-star/5.jpg') no-repeat 0 50%; }
.partners #posts .partnerships #item6 h3  { background: #fff url('gfx/number-star/6.jpg') no-repeat 0 50%; }
.partners #posts .partnerships #item7 h3  { background: #fff url('gfx/number-star/7.jpg') no-repeat 0 50%; }
.partners #posts .partnerships #item8 h3  { background: #fff url('gfx/number-star/8.jpg') no-repeat 0 50%; }
.partners #posts .partnerships #item9 h3  { background: #fff url('gfx/number-star/9.jpg') no-repeat 0 50%; }
.partners #posts .partnerships #item4 img { margin-bottom: .5em; }
.partners #posts .partnerships #item4 ul  { font-size: 90%; margin-bottom: 1.8em; }
.partners #posts .partnerships #item4 li  { background: none; padding-bottom: 0; }
.partners #posts .image-link   { font-size: 105%; font-weight: bold; font-family: Future CE, Tahoma, sans-serif; margin: .5em 0 1em 0; }
.partners #posts .image-link a  { margin-right: 7px; }
.partners #posts .bubble { height: 98px; background: #fff url('gfx/partners-bubble.gif') no-repeat 80px 0; position: relative; left: 20px; padding-top: 15px; }
.partners #posts .bubble h3, .partners #posts .bubble p { position: relative; left: 105px; width: 495px; }
.partners #posts .bubble h3 { padding-left: 15px; background: #fff url('gfx/icons/icon-partners.gif') no-repeat 0 50%; font-size: 90%; margin-bottom: .5em; }
.partners #posts .bubble p  { font-size: 125%; font-family: Arial, Tahoma, sans-serif; padding: 0; margin: 0; }
.partners #posts .bubble img  { position: absolute; left: 0; top: 0; }
.partners #posts .glogster-is-yours { font-family: Arial, Tahoma, sans-serif; font-size: 110%; font-weight: bold; }
.partners #posts .glogster-is-yours span { display: block; height: 45px; line-height: 45px; padding-left: 50px; background: #fff url('gfx/icons/partners-smile.gif') no-repeat 0 50%; float: right;  }
.partners #side { width: 216px; float: right; padding-top: 22px; margin-right: 5px; }
.partners #side h2  { font-size: 100%; color: #333; font-family: Verdana, Tahoma, sans-serif; left: 0; margin-bottom: 25px; }
.partners #side h3  { background: #fff url('gfx/icons/partners-sidebar-h3.gif') no-repeat 0 0; height: 50px; width: 201px; line-height: 35px; font-size: 70%; text-align: center; margin-bottom: .5em; }
.partners #side p.desc  { color: #666; font-size: 70%; text-align: center; margin-bottom: 2em; }

}
@media screen {
  /* Banners */
.banner { overflow: hidden; }
  /* Banners size */
  .banner.size-728x90 { width: 728px; }
  .banner.size-468x60 { width: 468px; }
  .banner.size-234x60 { width: 234px; }
  .banner.size-336x280  { width: 336px; }
  .banner.size-120x600  { width: 120px; height: 600px; }
  .banner.size-300x250  { width: 300px; }
  /* Banners specification */
  .banner#skyscraper  { position: absolute; top: 60px; right: -180px!important; width: 160px!important; z-index: 20; }
  .glog .banner.size-120x600  { top: 0px; }
  .banner#footer-leaderboard  { position: relative; margin: 10px auto 0px auto; left: 0 !important; padding-bottom: 10px; }
  .cat .banner#leaderboard  {  position: relative; left: 116px; float: left; &float: none;  /* clear: both; */ }
  .profile-dashboard .banner#leaderboard  {position: relative; left: 116px; }
  .userglogs .banner.size-728x90, #my-friends .banner.size-728x90  { margin: 20px auto; }
  .glog .banner.size-468x60 { margin-top: 20px; position: relative; left: 20px; }
  .glog .banner.size-234x60 { position: absolute; top: 5px; left: 405px; }
  .loginform-wrap .banner.size-336x280  { position: absolute; top: 40px; right: 40px; }
  .home .banner.size-234x60 { position: relative; left: 65px; margin-bottom: 25px; }
  .profil .banner.size-728x90 { margin-top: 10px; margin-bottom: 25px; position: relative; left: 116px; }
  .banner.size-468x60#top-banner { position: absolute; top: 50px; right: 20px; }
  .inbox .banner.size-300x250 { float: right; position: relative; right: 20px; }
}
@media screen {
  
body.cat { background:none;}
.cat #content { width: 980px; }
.cat #content > p { padding: 0; }
.ambassador-promo #content { width: 960px; }
.profile-dashboard #content { width: 960px; }
.profile-dashboard.layout980 #content { width: 980px; }

}
@media screen {
  
.edit #content { min-width: 960px; width:auto;}
.edit .line-top .centhack { min-width: 960px; }
.edit #footer p#footermenu { min-width: 960px; }

}
@media screen {
  
.lyNote {margin: 5px 20px; padding: 5px; font-size: 0.9em; text-ident: 20px}

}
@media screen {
  
.gwidget_shadow {-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);}
.gwidget_loader {display:inline-block; background: url("../images/loader-stud.gif") left center no-repeat; padding-left: 20px; color: #333}
.gwidget_loaderWrapper {display: inline-block; margin: 0 auto; padding: 10px 20px; border: 1px solid #cfcfcf; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.gwidget_loader_curtain {display: block; z-index: 10000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: url('../images/bg-white-a65.png')}

}
@media screen {
  /* === District dashboard === */
#dashboard-district-schools-list {
    margin-top: 20px;
}
#dashboard-district-schools-list .form-search {
    margin-bottom: 0;
}
#dashboard-district-schools-list [component="DistrictDashboard.MessageSendComponent"] form {
    margin-bottom: 0;
}
#dashboard-district-schools-list [component="DistrictDashboard.MessageSendComponent"] form textarea {
    width: 520px;
    height: 150px;
    resize: none;
}

}
@media screen {
  /* == School dashboard == */
#dashboard-school {
    margin-top: 20px;
}
#dashboard-school .school-name {
    margin-bottom: 20px;
}
#dashboard-school .school-name .lead {
    margin-bottom: 2px;
}
#dashboard-school .login-master-teacher,
#dashboard-school .switch-dashboard {
    margin-bottom: 20px;
    text-align: center;
}

}
@media screen {
  /* == Teachers schooladmin dashboard == */
#dashboard-school-teachers form {
    margin-bottom: 0;
}
#dashboard-school-teachers .toolbar {
	margin-bottom: 0;
}
#dashboard-school-teachers .loader-container {
    display: inline-block;
    margin: 10px 0;
}
#dashboard-school-teachers .list-container th,
#dashboard-school-teachers .list-container td {
    vertical-align: middle;
}
#dashboard-school-teachers .list-container th input {
    margin-bottom: 0;
}
#dashboard-school-teachers .list-container th .filter-buttons {
    text-align: center;
}
#dashboard-school-teachers .list-container td {
    height: 50px;
    max-height: 50px;
    overflow: hidden;
}
#dashboard-school-teachers .list-container .first {
    width: 20px;
    text-align: center;
}
#dashboard-school-teachers .list-container .nick .btn {
    padding: 4px 3px;
}
#dashboard-school-teachers .list-container .name {
    width: 200px;
    text-align: left;
}
#dashboard-school-teachers .list-container .last-activity {
    width: 200px;
    text-align: left;
}
#dashboard-school-teachers .list-container .avatar-wrapper {
    width: 42px;
    display: inline-block;
    text-align: center
}
#dashboard-school-teachers .list-container .avatar {
    max-height: 32px;
    max-width: 32px
}

}
@media screen {
  /* === Students schooladmin dashboard === */
#dashboard-school-students form {
    margin-bottom: 0;
}
#dashboard-school-students .alert-zone {
    margin-top: 10px;
}
#dashboard-school-students .list-container th,
#dashboard-school-students .list-container td {
    vertical-align: middle;
}
#dashboard-school-students .list-container td {
    height: 50px;
    max-height: 50px;
    overflow: hidden;
}
#dashboard-school-students .list-container .first {
    width: 20px;
    text-align: center;
}
#dashboard-school-students .list-container .nick {
    width: 300px;
}
#dashboard-school-students .list-container .nick .btn {
    padding: 4px 3px;
}
#dashboard-school-students .list-container .name {
    width: 200px;
}
#dashboard-school-students .list-container .grade,
#dashboard-school-students .list-container .glogs,
#dashboard-school-students .list-container .last-activity,
#dashboard-school-students .list-container .state {
    width: 100px;
    text-align: center;
}
#dashboard-school-students .list-container .avatar-wrapper {
    width: 42px;
    display: inline-block;
    text-align: center
}
#dashboard-school-students .list-container .avatar {
    max-height: 32px;
    max-width: 32px
}
#dashboard-school-students .widget-search td {
    height: auto;
    max-height: auto;
}
#dashboard-school-students .widget-search input {
    margin-bottom: 0;
}
#dashboard-school-students .widget-search .submit-buttons {
    text-align: center;
}
#student-import-dialog .modal-body,
#teacher-import-dialog .modal-body {
    height: 700px;
    max-height: 700px;
}

}
@media screen {
  /* == School dashboard messages == */
#dashboard-school-messages {
    font-size: 1em;
}
#dashboard-school-messages #tab-text {
    width: auto !important;
}

}
@media screen {
  /* === Widgets === */
#user-info-widget {
    margin-top: 20px;
}
#user-info-widget ul {
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#user-info-widget .avatar img {
    max-height: 48px;
    max-width: 48px;
}
#user-info-widget .info {
    margin-left: 5px;
    width: 130px;
    overflow: hidden;
}
#user-info-widget .license-info {
    margin-top: 5px;
}

}
@media screen {
  
.hidden { display:none; }
.visible { display: block; }
.inline { display: inline-block; }

}
@media screen {
  
.twbootstrap {text-align: left; font-size: 0.8em}
.twbootstrap a {text-decoration: none; color: #08c;}
.twbootstrap ul {position:inherit; right:auto;}
.twbootstrap form label {width:auto; height: auto; padding: auto; padding: auto; background: none; float: none;}
.twbootstrap .modal .modal-header .lead {margin-bottom: 0}
.twbootstrap .modal-backdrop {background: url('../images/bg-white-a65.png');}
.twbootstrap .modal-backdrop.fade.in {opacity: 1; filter: alpha(opacity=100); }
.twbootstrap .btn.btn-strong {font-size:13px; font-weight:bold}
.twbootstrap .btn-group > ul.dropdown-menu {font-size:12px;}
.twbootstrap .tour-text {font-size: 12px; font-weight: normal; line-height: normal;}
.twbootstrap .tour-text p {margin-bottom: 10px}
.twbootstrap .tour-next, .twbootstrap .tour-done {margin-top: 5px}

}
@media screen {
  
.fade {opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear;}
.fade.in {opacity: 1;}
.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; background: url('../images/bg-white-a65.png'); }
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop, .modal-backdrop.fade.in {opacity: 1; filter: alpha(opacity=100);}
.glog .modal.fade.in { top:40%; border-radius: 0px; }
.glog .twbootstrap .modal-footer { border-radius: 0px;}
.glog .twbootstrap .modal-header { border-radius: 0px;}
.glog .twbootstrap .modal-body .green { color: #019a01; }
.glog .twbootstrap .modal-body .img { background: url("gfx/nominate-main.jpg"); width: 158px; height: 158px; display: block; float: left; margin: 0 25px 0 10px;}
}
@media screen {
  body.login,
  body.signup,
  body.shop-billing_information,
  body.mobilehelp,
  body.downgradefreelicence {
    background: url("/css/bfw/bgMain.jpg") repeat scroll 0 0 #FFFFFF;
    position: relative;
  }
  body.createaccount,
  body.accountcreated,
  .websalehtm {
    background: #FFFFFF;
  }
  body.no-background {
    background: #FFFFFF;
  }
  .createaccount article,
  .signup article,
  .login article,
  #login_popup article,
  .shop-billing_information article,
  .mobilehelp article,
  .lostpassword article {
    display: block;
    margin: -30px auto 0px;
    height: 80%;
    position: relative;
    top: 15%;
    min-width: 450px;
  }
  .createaccount article .box-info,
  .signup article .box-info,
  .login article .box-info,
  #login_popup article .box-info,
  .shop-billing_information article .box-info,
  .mobilehelp article .box-info,
  .lostpassword article .box-info {
    background: none repeat scroll 0 0 #0BB94A;
    border-radius: 10px;
    box-shadow: 15px 14px 23px #C3C3C3;
    color: #FFFFFF;
    float: right;
    font-family: arial;
    font-size: 18px;
    left: 0px;
    padding: 20px;
    position: relative;
    top: -110px;
    width: 198px;
  }
  .createaccount article .box-info .arrow,
  .signup article .box-info .arrow,
  .login article .box-info .arrow,
  #login_popup article .box-info .arrow,
  .shop-billing_information article .box-info .arrow,
  .mobilehelp article .box-info .arrow,
  .lostpassword article .box-info .arrow {
    background: url("/css/bfw/arrow-green.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -81px;
    display: block;
    height: 81px;
    left: -2px;
    position: absolute;
    width: 258px;
  }
  .createaccount article .box-info .grey,
  .signup article .box-info .grey,
  .login article .box-info .grey,
  #login_popup article .box-info .grey,
  .shop-billing_information article .box-info .grey,
  .mobilehelp article .box-info .grey,
  .lostpassword article .box-info .grey {
    color: #006600;
    display: block;
    margin: 5px 0;
    text-shadow: none;
  }
  .createaccount .twbootstrap [class^="icon-"],
  .signup .twbootstrap [class^="icon-"],
  .login .twbootstrap [class^="icon-"],
  #login_popup .twbootstrap [class^="icon-"],
  .shop-billing_information .twbootstrap [class^="icon-"],
  .mobilehelp .twbootstrap [class^="icon-"],
  .lostpassword .twbootstrap [class^="icon-"],
  .createaccount .twbootstrap [class*=" icon-"],
  .signup .twbootstrap [class*=" icon-"],
  .login .twbootstrap [class*=" icon-"],
  #login_popup .twbootstrap [class*=" icon-"],
  .shop-billing_information .twbootstrap [class*=" icon-"],
  .mobilehelp .twbootstrap [class*=" icon-"],
  .lostpassword .twbootstrap [class*=" icon-"] {
    background-image: url("/css/bootstrap/img/bootstrap-icons-new.png");
    width: 18px;
    height: 18px;
  }
  .createaccount .twbootstrap h2,
  .signup .twbootstrap h2,
  .login .twbootstrap h2,
  #login_popup .twbootstrap h2,
  .shop-billing_information .twbootstrap h2,
  .mobilehelp .twbootstrap h2,
  .lostpassword .twbootstrap h2 {
    font-size: 50px;
    font-weight: normal;
    color: #666666;
    text-shadow: 1px 1px 1px #fff;
    font-family: Arial;
  }
  .createaccount .twbootstrap h2 .green,
  .signup .twbootstrap h2 .green,
  .login .twbootstrap h2 .green,
  #login_popup .twbootstrap h2 .green,
  .shop-billing_information .twbootstrap h2 .green,
  .mobilehelp .twbootstrap h2 .green,
  .lostpassword .twbootstrap h2 .green {
    color: #0BB94A;
  }
  .createaccount .twbootstrap .title,
  .signup .twbootstrap .title,
  .login .twbootstrap .title,
  #login_popup .twbootstrap .title,
  .shop-billing_information .twbootstrap .title,
  .mobilehelp .twbootstrap .title,
  .lostpassword .twbootstrap .title {
    color: #44B3DD;
    font-family: Arial, "Arial CE";
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 30px;
    text-shadow: 2px 2px #FFFFFF;
    display: block;
  }
  .createaccount .twbootstrap .icon-user,
  .signup .twbootstrap .icon-user,
  .login .twbootstrap .icon-user,
  #login_popup .twbootstrap .icon-user,
  .shop-billing_information .twbootstrap .icon-user,
  .mobilehelp .twbootstrap .icon-user,
  .lostpassword .twbootstrap .icon-user {
    background-position: 0px 0px;
  }
  .createaccount .twbootstrap .icon-lock,
  .signup .twbootstrap .icon-lock,
  .login .twbootstrap .icon-lock,
  #login_popup .twbootstrap .icon-lock,
  .shop-billing_information .twbootstrap .icon-lock,
  .mobilehelp .twbootstrap .icon-lock,
  .lostpassword .twbootstrap .icon-lock {
    background-position: -18px 0px;
  }
  .createaccount .twbootstrap .icon-envelope,
  .signup .twbootstrap .icon-envelope,
  .login .twbootstrap .icon-envelope,
  #login_popup .twbootstrap .icon-envelope,
  .shop-billing_information .twbootstrap .icon-envelope,
  .mobilehelp .twbootstrap .icon-envelope,
  .lostpassword .twbootstrap .icon-envelope {
    background-position: -37px 0px;
  }
  .createaccount .twbootstrap form input[type=password],
  .signup .twbootstrap form input[type=password],
  .login .twbootstrap form input[type=password],
  #login_popup .twbootstrap form input[type=password],
  .shop-billing_information .twbootstrap form input[type=password],
  .mobilehelp .twbootstrap form input[type=password],
  .lostpassword .twbootstrap form input[type=password],
  .createaccount .twbootstrap form input[type=text],
  .signup .twbootstrap form input[type=text],
  .login .twbootstrap form input[type=text],
  #login_popup .twbootstrap form input[type=text],
  .shop-billing_information .twbootstrap form input[type=text],
  .mobilehelp .twbootstrap form input[type=text],
  .lostpassword .twbootstrap form input[type=text],
  .createaccount .twbootstrap form input[type=email],
  .signup .twbootstrap form input[type=email],
  .login .twbootstrap form input[type=email],
  #login_popup .twbootstrap form input[type=email],
  .shop-billing_information .twbootstrap form input[type=email],
  .mobilehelp .twbootstrap form input[type=email],
  .lostpassword .twbootstrap form input[type=email] {
    width: 410px;
    padding: 17px 10px 15px 40px;
    border-radius: 4px;
    font-size: 18px;
  }
  .createaccount .twbootstrap form button,
  .signup .twbootstrap form button,
  .login .twbootstrap form button,
  #login_popup .twbootstrap form button,
  .shop-billing_information .twbootstrap form button,
  .mobilehelp .twbootstrap form button,
  .lostpassword .twbootstrap form button {
    float: right;
  }
  .createaccount .twbootstrap form .checkbox,
  .signup .twbootstrap form .checkbox,
  .login .twbootstrap form .checkbox,
  #login_popup .twbootstrap form .checkbox,
  .shop-billing_information .twbootstrap form .checkbox,
  .mobilehelp .twbootstrap form .checkbox,
  .lostpassword .twbootstrap form .checkbox {
    float: left;
    color: #999;
    margin: 10px 0;
  }
  .createaccount .twbootstrap form label.section,
  .signup .twbootstrap form label.section,
  .login .twbootstrap form label.section,
  #login_popup .twbootstrap form label.section,
  .shop-billing_information .twbootstrap form label.section,
  .mobilehelp .twbootstrap form label.section,
  .lostpassword .twbootstrap form label.section {
    color: #0BB94A;
    font-size: 20px;
    font-family: arial;
    margin-bottom: 20px;
    display: inline-block;
  }
  .createaccount .twbootstrap form .input-prepend .add-on:first-child,
  .signup .twbootstrap form .input-prepend .add-on:first-child,
  .login .twbootstrap form .input-prepend .add-on:first-child,
  #login_popup .twbootstrap form .input-prepend .add-on:first-child,
  .shop-billing_information .twbootstrap form .input-prepend .add-on:first-child,
  .mobilehelp .twbootstrap form .input-prepend .add-on:first-child,
  .lostpassword .twbootstrap form .input-prepend .add-on:first-child,
  .createaccount .twbootstrap form .input-prepend .btn:first-child,
  .signup .twbootstrap form .input-prepend .btn:first-child,
  .login .twbootstrap form .input-prepend .btn:first-child,
  #login_popup .twbootstrap form .input-prepend .btn:first-child,
  .shop-billing_information .twbootstrap form .input-prepend .btn:first-child,
  .mobilehelp .twbootstrap form .input-prepend .btn:first-child,
  .lostpassword .twbootstrap form .input-prepend .btn:first-child,
  .createaccount .twbootstrap form .add-on,
  .signup .twbootstrap form .add-on,
  .login .twbootstrap form .add-on,
  #login_popup .twbootstrap form .add-on,
  .shop-billing_information .twbootstrap form .add-on,
  .mobilehelp .twbootstrap form .add-on,
  .lostpassword .twbootstrap form .add-on {
    padding: 16px;
    background: #ffffff;
    border-right: 0px;
    background: transparent;
    border: 0px;
    position: absolute;
    z-index: 200;
  }
  .createaccount .sipka,
  .signup .sipka,
  .login .sipka,
  #login_popup .sipka,
  .shop-billing_information .sipka,
  .mobilehelp .sipka,
  .lostpassword .sipka {
    display: block;
    position: absolute;
    width: 16px;
    height: 88px;
    background: url("/css/bfw/sipka.jpg");
    left: -40px;
    top: 50px;
  }
  .createaccount .line-top #menus li.signUP,
  .signup .line-top #menus li.signUP,
  .login .line-top #menus li.signUP,
  #login_popup .line-top #menus li.signUP,
  .shop-billing_information .line-top #menus li.signUP,
  .mobilehelp .line-top #menus li.signUP,
  .lostpassword .line-top #menus li.signUP {
    float: right;
    padding: 28px 10px 0px 0px;
    font-size: 12px;
  }
  .createaccount .line-top #menus li.signUP a,
  .signup .line-top #menus li.signUP a,
  .login .line-top #menus li.signUP a,
  #login_popup .line-top #menus li.signUP a,
  .shop-billing_information .line-top #menus li.signUP a,
  .mobilehelp .line-top #menus li.signUP a,
  .lostpassword .line-top #menus li.signUP a {
    height: auto;
    line-height: 18px;
    margin-left: 5px;
    color: #0088cc;
    display: inline;
    font-size: 12px;
    line-height: 16px;
  }
  .createaccount .line-top #menus li.signUP a :hover,
  .signup .line-top #menus li.signUP a :hover,
  .login .line-top #menus li.signUP a :hover,
  #login_popup .line-top #menus li.signUP a :hover,
  .shop-billing_information .line-top #menus li.signUP a :hover,
  .mobilehelp .line-top #menus li.signUP a :hover,
  .lostpassword .line-top #menus li.signUP a :hover {
    text-decoration: underline;
    font-weight: normal;
  }
  .createaccount .forgot,
  .signup .forgot,
  .login .forgot,
  #login_popup .forgot,
  .shop-billing_information .forgot,
  .mobilehelp .forgot,
  .lostpassword .forgot {
    left: 15px;
    position: relative;
    top: -10px;
  }
  #login_popup article {
    width: 450px;
    min-height: 300px;
    margin-top: 23px;
  }
  .mobilehelp article {
    top: 5%;
    width: 960px;
    text-align: center;
  }
  .mobilehelp article .twbootstrap {
    text-align: center;
  }
  .mobilehelp article .twbootstrap h2 {
    font-size: 40px;
    margin: 0px 0 30px 0;
    text-align: center;
  }
  .mobilehelp article .twbootstrap iframe {
    display: inline-block;
  }
}
@media screen {
  .twbootstrap .twbootstrap .modal-header h3 {
    font-size: 18px;
  }
  .twbootstrap .control-group {
    position: relative;
  }
  .twbootstrap .control-group #school-phone .help-block {
    font-size: 10px;
  }
  .twbootstrap img.loaderOld {
    position: absolute;
    right: 29px;
    top: 6px;
    z-index: 1;
  }
}
#product_main_two .twbootstrap.buttonFree {
  text-align: center;
  margin: 20px 0;
}
#product_main_two .buttonFree a {
  display: inline-block;
}
.fd-btn-right a.freshwidget-theme {
  text-decoration: none;
}
.fd-btn-right a.freshwidget-theme:hover {
  padding-bottom: 10px;
}