/* Glogster Profile CSS */

.profile .design-menu h1 {}

/* Global settings */
.jumps, .pipe  { display: none; }
.bg-box { position: absolute; }

/* ======= PROFILE VIEW =========*/
/* Layout */
body.profile  { background-image: none; }
#wrapper  { background: url('gfx/usershadow-body.png') repeat-y 50% 0; _background: none !important; }
.profile #header, .profile #content { width: 960px; position: relative; margin: 0 auto; }

#profile-edit { top: -60px; &top:0; }


#content { }
.profile div#content.design { padding-top: 190px; }
.profile div.cols { padding-left: 20px; margin-top: 60px;  }
.profile div.col1  { width: 382px; float: right; position: relative; right: 20px;}
.profile div.col2  { width: 514px; float: left; position: relative;}

/* Definice nadpisu */
.profile h1, profile h2 { color: #FF0066; }
.profile h1 { position: relative; font-family: Arial, Tahoma, sans-serif; font-size: 180%; font-weight: bold; margin-bottom: 15px; height: 1.3em; overflow: hidden !important; padding: 0; background: none !important; padding-top: 4px; }

  /* Odsazeni pro ikony */
  .profile h1.status  { padding-left: 30px; }
  .profile h1#commando  { padding-left: 45px; }
  .profile h1#commando.status { padding-left: 75px; }
  .profile h1.status .online-ico  { position: absolute; left: 0; top: 8px; width: 20px; height: 20px; background: transparent url('gfx/icons/ico-online.png') no-repeat 0 0; text-indent: -10000px; overflow: hidden; cursor: help; }
  .profile h1.status .was-online-ico  { position: absolute; left: 0; top: 8px; width: 22px; height: 20px; background: transparent url('gfx/icons/ico-was-online-big.png') no-repeat 0 0; text-indent: -10000px; overflow: hidden; cursor: help; }
  .profile h1#commando .commando-ico  { position: absolute; left: 0; top: 0px; width: 37px; height: 36px; background: transparent url('gfx/icons/ico-commando.png') no-repeat 0 0; text-indent: -10000px; overflow: hidden; cursor: help; }
  .profile h1#commando.status .commando-ico { left: 30px; }
  .profile h1#commando.status .online-ico,
  .profile h1#commando.status .was-online-ico { top: 12px; }
  
.profile h2 { font-family: Arial, Tahoma, sans-serif; font-size: 150%; font-weight: bold; margin-bottom: 10px; left: 0 !important; }
.profile h3 { font-family: Arial, Tahoma, sans-serif; font-size: 100%; font-weight: bold; margin-bottom: 5px; clear:both; }

/* Barva linku */
#content a:link,  #content a:visited { color: #006699; font-family: Arial, Tahoma, sans-serif; }
#content a:link.sys,  #content a:visited.sys  { font-family: Verdana, Tahoma, sans-serif; font-weight: bold; color: #FF0066; }
#content a:hover.sys,  #content a:active.sys  { color: #FF0066; }
#content a:hover,  #content a:active { text-decoration: none; color: #006699; }

/* Defaultni box */
.profile .widget { margin-bottom: 30px; background-color: #F3F3F3; border-width: 1px; border-color: #D0D0D2; border-style: solid; padding: 11px; }
.profile p  { margin-bottom: 15px; }

/* User top box */
.profile #top-box.widget  { border: 0; padding: 5px 5px 25px 5px; background-color: #EBEBEB; position: relative; }
.profile #top-box.widget .lighter { background-color: #F4F4F4; padding: 10px; min-height: 16em; _height: 16em; }
.profile #top-box.widget .avatar  { float: left; width: 149px; background: #fff url('gfx/bg-main-avatar.gif') repeat-y 0 0; border-top: 1px #B9B9B9 solid; border-bottom: 1px #B9B9B9 solid; padding: 3px 0; }
.profile #top-box.widget .avatar img  { margin-left: 4px; display: block; }
.profile #top-box.widget .about-user { width: 190px; min-height: 195px; _height: 195px; float: right; font-family: Arial, Tahoma, sans-serif; }
.profile #top-box.widget .about-user .info  { margin-bottom: 25px; font-size: 90%; font-family: Verdana, Tahoma, sans-serif; }
.profile #top-box.widget .about-user span { display: block; width: 190px; overflow: hidden; height: 16px; }
.profile #top-box.widget .about-user .location  { width: 100%; height: 1.4em; overflow: hidden; }
.profile #top-box.widget .about-user .mood-bubble { width: 212px; height: 135px; position: absolute; top: 71px; right: 15px; background: transparent url('gfx/profile-bubbles/bubble-transparent.png') no-repeat left top; _background: transparent url('gfx/profile-bubbles/bubble-ie.gif') no-repeat left top;}
.profile #top-box.widget .about-user .mood-bubble .mood { width: 155px; height: 63px; padding: 0; position: relative; top: 10px; left: 40px; color: #00496C; font-size: 120%; font-weight: bold; overflow: hidden; margin-bottom: 0; }
.profile #top-box.widget .about-user .mood-bubble .feels  { font-size: 80%; font-family: Verdana, Tahoma, sans-serif; margin-left: 25px; margin-top: 24px; text-align: center; }
.profile #top-box.widget .about-user .mood-bubble .feels span { display: block; }
.profile #top-box.widget .about-user .mood-bubble .feels .smile { font-size: 160%; line-height: 79%; font-family: Arial, sans-serif; margin-top: 5px; }
.profile #top-box.widget .stats { clear: both; font-size: 90%; margin-top: 15px; margin-bottom: 0; font-family: Verdana, Tahoma, Arial, sans-serif; }
.profile #top-box.widget .stats .left { float: left; width: 250px; }
.profile #top-box.widget .stats .left span  { float: left; width: 55px; background: url('gfx/bg-profile-stats-separator.gif') repeat-y 100% 0; margin-right: 9px; }
.profile #top-box.widget .stats .left .fans { cursor: help; margin-right: 0; }
.profile #top-box.widget .stats .right { float: right; width: 100px; position: relative; top: 9px; }
.profile #top-box.widget .stats .right strong { padding-left: 30px; padding-bottom: 4px; }
.profile #top-box.widget .stats .right .ico-g  { position: absolute; left: 0; top: -5px; width: 26px; height: 26px; line-height: 10em; overflow: hidden; background: transparent url('gfx/icons/ico-g.png') no-repeat 0 0; _background: transparent url('gfx/icons/ico-g.gif') no-repeat 0 0; }
.profile #top-box.widget .stats .right br { display: none; }
.profile #top-box.widget .stats .right a  { position: relative; left: 30px; }
.profile #top-box.widget .stats strong  { font-size: 110%; display: block; font-family: Arial, Tahoma, sans-serif !important; }
.profile #top-box.widget .possibilities { margin: 0; font-size: 85%; right: 0; margin-top: 10px; }
.profile #top-box.widget .possibilities li  { list-style-type: none; width: 175px; float: left; margin-bottom: 17px; font-size: 95%; }
.profile #top-box.widget .possibilities li a  { display: block; padding-left: 30px; height: 24px; overflow: hidden; }
.profile #top-box.widget .possibilities li a span { display: block; padding-top: 8px; }
.profile #top-box.widget .possibilities li a#msg  { background: transparent url('gfx/icons/ico-profile-msg.png') no-repeat; }
.profile #top-box.widget .possibilities li a#msg:hover   { background-position: 0 100%; }
.profile #top-box.widget .possibilities li a#add-friends  { background: transparent url('gfx/icons/ico-profile-add-to-friends.png') no-repeat; }
.profile #top-box.widget .possibilities li a#add-friends:hover  { background-position: 0 100%; }
.profile #top-box.widget .possibilities li a#become-fan  { background: transparent url('gfx/icons/ico-profile-become-fan.png') no-repeat; }
.profile #top-box.widget .possibilities li a#become-fan:hover { background-position: 0 100%; }
.profile #top-box.widget .possibilities li a#become-fan span  { padding-top: 2px; }
.profile #top-box.widget .possibilities li a#remove-friend  { background: transparent url('gfx/icons/ico-profile-remove-friend.png') no-repeat; }
.profile #top-box.widget .possibilities li a#remove-friend:hover  { background-position: 0 100%; }
.profile #top-box.widget .possibilities li a#remove-fan  { background: transparent url('gfx/icons/ico-profile-remove-fan.png') no-repeat; }
.profile #top-box.widget .possibilities li a#remove-fan:hover  { background-position: 0 100%; }
.profile #top-box.widget .possibilities li a#remove-fan span  { padding-top: 2px; }

/* About me */
.profile #about-me  { background-color: transparent !important; border: 0; padding: 0; font-size: 90%; }
.profile #about-me  { width: 382px; overflow: hidden; }
.profile #about-me li { list-style-image: none; }
.profile #about-me .perex { font-size: 105%; overflow: hidden; }

/* Friends */
.profile #friends ul  { margin: 0 0 15px 0 !important; right: 0; left: 0; }
.profile #friends li  { width: 110px; float: left; margin-right: 14px; height: 130px; _height: 137px; padding-top: 7px; overflow: hidden; position: relative; margin-bottom: 15px; list-style-type: none; }
.profile #friends li h3 { position: absolute; width: 100%; height: 1em; text-align: center; left: 0; bottom: 0; font-size: 90%; }
.profile #friends li h3 a { position: relative; } 
.profile #friends li h3 a.online,
.profile #friends li h3 a.was-online { padding-left: 12px; }
.profile #friends li h3 a.online .ico  { position: absolute; left: 0; top: 4px; width: 9px; height: 9px; text-indent: -10000px; overflow: hidden; background: transparent url('gfx/icons/ico-online-small.png') no-repeat 0 0; cursor: help; }
.profile #friends li h3 a.was-online .ico  { position: absolute; left: 0; top: 4px; width: 9px; height: 9px; text-indent: -10000px; overflow: hidden; background: transparent url('gfx/icons/ico-was-online.png') no-repeat 0 0; cursor: help; }
.profile #friends li .avatar  { width: 106px; position: absolute; left: 4px; bottom: 20px; margin-bottom: 0; padding-top: 7px; padding-bottom: 7px; background: transparent url('gfx/bg-avatar-top-shadow.png') no-repeat 0 0; } 
.profile #friends li .avatar span { background: transparent url('gfx/bg-avatar-sides-shadow.png') repeat-y 0 0; display: block; padding: 0 0px 0 7px; }
.profile #friends li .avatar span.bottom  { display: block; background: transparent url('gfx/bg-avatar-bottom-shadow.png') no-repeat 0 0; width: 109px; height: 8px; padding: 0 !important; }
.profile #friends li .avatar img  { border: 0; display: block; max-height: 103px; }
.profile #friends li .bottom  { position: absolute; }
.profile #friends li.last { margin-right: 0; }
.profile #friends .all  { text-align: right; font-size: 90%; margin-bottom: 0; }
.profile #friends .all span { padding: 5px 0 5px 25px; background: transparent url('gfx/icons/ico-friend.png') no-repeat 0 50%; _background: transparent url('gfx/icons/ico-friend.gif') no-repeat 0 50%; }

/* Teacher totozni s Friends, mozno sloucit */
.profile #teacher ul  { margin: 0 0 15px 0 !important; right: 0; left: 0; }
.profile #teacher li  { width: 110px; float: left; margin-right: 14px; height: 130px; _height: 137px; padding-top: 7px; overflow: hidden; position: relative; margin-bottom: 15px; list-style-type: none; }
.profile #teacher li h3 { position: absolute; width: 100%; height: 1em; text-align: center; left: 0; bottom: 0; font-size: 90%; }
.profile #teacher li h3 a { position: relative; } 
.profile #teacher li h3 a.online,
.profile #teacher li h3 a.was-online { padding-left: 12px; }
.profile #teacher li h3 a.online .ico  { position: absolute; left: 0; top: 4px; width: 9px; height: 9px; text-indent: -10000px; overflow: hidden; background: transparent url('gfx/icons/ico-online-small.png') no-repeat 0 0; cursor: help; }
.profile #teacher li h3 a.was-online .ico  { position: absolute; left: 0; top: 4px; width: 9px; height: 9px; text-indent: -10000px; overflow: hidden; background: transparent url('gfx/icons/ico-was-online.png') no-repeat 0 0; cursor: help; }
.profile #teacher li .avatar  { width: 106px; position: absolute; left: 4px; bottom: 20px; margin-bottom: 0; padding-top: 7px; padding-bottom: 7px; background: transparent url('gfx/bg-avatar-top-shadow.png') no-repeat 0 0; } 
.profile #teacher li .avatar span { background: transparent url('gfx/bg-avatar-sides-shadow.png') repeat-y 0 0; display: block; padding: 0 0px 0 7px; }
.profile #teacher li .avatar span.bottom  { display: block; background: transparent url('gfx/bg-avatar-bottom-shadow.png') no-repeat 0 0; width: 109px; height: 8px; padding: 0 !important; }
.profile #teacher li .avatar img  { border: 0; display: block; max-height: 103px; }
.profile #teacher li .bottom  { position: absolute; }
.profile #teacher li.last { margin-right: 0; }
.profile #teacher .all  { text-align: right; font-size: 90%; margin-bottom: 0; }
.profile #teacher .all span { padding: 5px 0 5px 25px; background: transparent url('gfx/icons/ico-friend.png') no-repeat 0 50%; _background: transparent url('gfx/icons/ico-friend.gif') no-repeat 0 50%; }



/* Fans */
.profile #fans ul  { margin: 0 0 15px 0 !important; right: 0; left: 0px; }
.profile #fans li  { width: 110px; float: left; margin-right: 14px; height: 130px; _height: 137px; padding-top: 7px; overflow: hidden; position: relative; margin-bottom: 15px; list-style-type: none; }
.profile #fans li h3 { position: absolute; width: 100%; height: 1em; text-align: center; left: 0; bottom: 0; font-size: 90%; }
.profile #fans li h3 a  { position: relative; }
.profile #fans li h3 a.online,
.profile #fans li h3 a.was-online { padding-left: 12px; }
.profile #fans li h3 a.online .ico  { position: absolute; left: 0; top: 4px; width: 9px; height: 9px; text-indent: -10000px; overflow: hidden; background: transparent url('gfx/icons/ico-online-small.png') no-repeat 0 0; cursor: help; }
.profile #fans li h3 a.was-online .ico  { position: absolute; left: 0; top: 4px; width: 9px; height: 9px; text-indent: -10000px; overflow: hidden; background: transparent url('gfx/icons/ico-was-online.png') no-repeat 0 0; cursor: help; }
.profile #fans li .avatar  { width: 106px; position: absolute; left: 4px; bottom: 20px; margin-bottom: 0; padding-top: 7px; padding-bottom: 7px; background: transparent url('gfx/bg-avatar-top-shadow.png') no-repeat 0 0; } 
.profile #fans li .avatar span { background: transparent url('gfx/bg-avatar-sides-shadow.png') repeat-y 0 0; display: block; padding: 0 0px 0 7px; }
.profile #fans li .avatar span.bottom  { display: block; background: transparent url('gfx/bg-avatar-bottom-shadow.png') no-repeat 0 0; width: 109px; height: 8px; padding: 0 !important; }
.profile #fans li .avatar img  { border: 0; display: block; max-height: 103px; }
.profile #fans li .bottom  { position: absolute; }
.profile #fans li.last { margin-right: 0; }
.profile #fans .all  { text-align: right; font-size: 90%; margin-bottom: 0; }
.profile #fans .all span { padding: 5px 0 5px 25px; background: transparent url('gfx/icons/ico-fans.png') no-repeat 0 50%; _background: transparent url('gfx/icons/ico-fans.gif') no-repeat 0 50%; }

/* Tags */
.profile #tags div div { text-align: center; }


/* Glog */
.profile #glog  { margin-bottom: 30px; padding: 0 0 2.5em 0; position: relative; border-width: 0 0 1px 0; background-color: transparent !important; }
.profile #glog a:link, .profile #glog a:visited  { text-decoration: none; }
.profile #glog a:hover, .profile #glog a:active  { text-decoration: underline; }
.profile #glog .nameglog { position: absolute; left: 0; top: 704px; font-size: 110%; height: 2.5em; width: 483px; _width: 514px; overflow: hidden; }
.profile #glog.blank  { width: 514px; height: 743px; background: #fff url('gfx/blank-glog.jpg') no-repeat 0 0; }
.profile #glog.blank p  { text-align: left; font-family: Arial, Tahoma, sans-serif; font-weight: bold; font-size: 180%; color: #fff; position: relative; top: 324px; width: 420px; left: 53px; }
.profile #glog.blank p.create { text-align: center; margin-top: 25px; }
/*
.profile #glog.blank p.create a:link, .profile #glog.blank p.create a:visited  { display: block; width: 225px; height: 43px; line-height: 38px; overflow: hidden; background: #fff url('gfx/btn-blank-glog.jpg') no-repeat 0 0; text-align: center; text-indent: -5px; color: #676767 !important; font-weight: bold; text-transform: uppercase; font-size: 70%; text-decoration: none; margin: 0 auto; }
.profile #glog.blank p.create a:hover, .profile #glog.blank p.create a:active { color: #404040 !important; }
*/
.profile #glog.blank p.default-glog { font-size: 90%; color: #000; position: absolute; left: 0; top: 750px; height: 2em; }
.profile #glog.blank p.default-glog strong  { position: static; top: 0; } 
.profile #glog.blank p.default-glog a:link, .profile #glog.blank p.default-glog a:visited { color: #006699; text-decoration: underline; }
.profile #glog.blank p.default-glog a:hover, .profile #glog.blank p.default-glog a:active { color: #000; text-decoration: underline; }

/* My glogs */
.profile #my-glogs  { background-color: transparent !important; background: none; border: 0; border-bottom: 1px solid #DFDFDF; padding: 0 0 25px 0; margin: 0 0 30px 0; }
.profile #my-glogs ul {  margin: 0 0 15px 0 !important; right: 0; }
.profile #my-glogs li  { float: left; width: 137px; height: 227px; margin-bottom: 37px; background: transparent url('gfx/gradients/bg-my-glogs-gradient2.png') repeat-x 0 100%; _background: none !important; overflow: hidden; list-style-type: none; margin-right: 42px; position: relative; }
.profile #my-glogs li.last  { margin-right: 0; }
.profile #my-glogs li .preview  { margin-bottom: 0; }
.profile #my-glogs li .preview a img  { border: 1px #000 solid; }
.profile #my-glogs li .preview a:hover img  { border-color: #820034; }
.profile #my-glogs .glog-name  { margin-bottom: 0; position: absolute; left: 5px; bottom: 21px; height: 1.2em; overflow: hidden; }
.profile #my-glogs .rating  { font-size: 75%; margin-bottom: 0; position: absolute; left: 5px; bottom: 3px; }
.profile #my-glogs .all { text-align: right; font-size: 90%; margin-bottom: 0; } 

/* Groups */
.profile #groups  { background-color: transparent; border: 0; border-bottom: 1px solid #DFDFDF; padding: 0 0 25px 0; }
.profile #groups ul { margin: 0 0 15px 0 !important; right: 0; }
.profile #groups h3  { font-size: 90%; } 
.profile #groups li h3 .gloggers  { display: block; font-weight: normal; font-size: 90%; }  
.profile #groups li { float: left; width: 111px; list-style-type: none; margin-right: 15px; }
.profile #groups li.last  { margin-right: 0; }
.profile #groups .glogs { display: block; font-weight: bold; font-size: 90%; }
.profile #groups .new  { font-size: 80%; }
.profile #groups .all { text-align: right; font-size: 90%; margin-bottom: 0; }

/* Favourites glogs */
.profile #favourite { background-color: transparent !important; border: 0; border-bottom: 1px solid #DFDFDF; padding: 0 0 25px 0; margin-bottom: 30px; }
.profile #favourite div.item { width: 79px; float: left; margin: 0 20px 0 0; font-size: 90%; }
.profile #favourite div.item h3 { width: 79px; height: 1.3em; overflow: hidden; }

.profile #favourite p a,
.profile #favourite p span { float: left; margin-right: 12px; margin-bottom: 12px; }
.profile #favourite .all { text-align: right; font-size: 90%; margin-bottom: 0; padding: 30px 0 0 0; }
.profile #favourite .all a  { float: none; }

/* Comments */
.profile #comments  { background-color: transparent !important; border: 0; padding: 0; float: none; width: 100%; }
.profile #comments fieldset { border: 0; }
.profile #comments legend { display: none; }
.profile #comments textarea { width: 500px; height: 108px; }
.profile #comments form p { margin: 10px 0 10px 0; width: 100%; }
.profile #comments form label { margin-right: 10px; float: left; }
.profile #comments form label a { font-family: Verdana, Tahoma, sans-serif; }
.profile #comments form label input { margin-right: 5px; }
/*
.profile #comments form .submit { float: right; position: static; display: block; width: 90px; height: 22px; background: transparent url('gfx/buttons/btn-form.png') no-repeat 0 0; color: #fff; font-size: 90%; font-weight: bold; text-align: center; border: 0; cursor: pointer; cursor: hand; }
*/
.profile #comments-list { margin-top: 35px; font-size: 95%; }
.profile #comments-list li  { list-style-type: none; width: 457px; background: transparent url('gfx/bg-comments-list-top.png') no-repeat 0 0; _background: transparent url('gfx/bg-comments-list-top.gif') no-repeat 0 0; position: relative; left: 56px; font-size: 85%; margin-bottom: 20px; } 
.profile #comments-list li h3 { padding: 0 10px 0 10px; position: relative; top: -5px; }
.profile #comments-list li h3 a { font-size: 110%; font-family: Verdana; }
.profile #comments-list li h3 .time { font-size: 90%; }
.profile #comments-list li .avatar  { position: absolute; left: -55px; top: 7px; width: 54px; background: #fff url('gfx/bg-avatar-small-comments.gif') repeat-y 0 0; border-bottom: 1px solid #D8D8D8; border-top: 1px solid #D8D8D8; padding: 3px 0 3px 0; margin-bottom: 0; }
.profile #comments-list li .avatar img  { border: 0; display: block; position: relative; left: 3px; }
.profile #comments-list li div  { padding: 15px 0px 11px 12px; background: transparent url('gfx/bg-comment-bottom.png') no-repeat 0 100%; _background: transparent url('gfx/bg-comment-bottom.gif') no-repeat 0 100%; }
.profile #comments-list li .body  { position: relative; padding: 0 0 10px 0; background: #fff url('gfx/bg-comm-body.gif') repeat-y 0 0; margin-bottom: 0; }
.profile #comments-list li .body p  { margin-bottom: 0; width: 425px; position: relative; left: 10px; overflow: hidden; }
.profile #comments-list li .reply { position: absolute; right: 10px; bottom: 15px; margin-bottom: 0; }
.profile #comments .paging  { left: 0; padding-top: 0; width: 100%; }
.profile #comments .all { text-align: right; font-size: 90%; margin-bottom: 0; }



/* Next profile */
.profile .next-profile  { position: absolute; right: 15px; top: 42px; }
.profile .next-profile a  { display: block; width: 128px; height: 33px; background: transparent url('gfx/buttons/btn-next-profile.png') no-repeat 0 0; _background: transparent url('gfx/buttons/btn-next-profile.gif') no-repeat 0 0; font-size: 85%; color: #333 !important; font-family: Verdana; text-decoration: none; font-weight: bold; }
.profile .next-profile a:hover  { color: #fff !important; background-position: 0 100%; text-decoration: none !important; }
.profile .next-profile a span { position: relative; left: 16px; top: 6px; }
/* ======= END PROFILE VIEW =========*/

.profile .cols .col1 .promos { width: 300px; margin: 0 auto; min-height: 300px;  }
/* pristup ucitele na studensky ucet */
.profile-acces { background:url('gfx/okobere.png') 0 0 no-repeat; overflow: visible!important; }
.profile-acces a { overflow: visible!important; height: 30px!important; }