/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* ----------------------------------------------------------------*/
/*                       Text, fonts etc.                          */
/* ----------------------------------------------------------------*/

body, p, pre, code, label, th, td, dd, dt, select, legend, caption, a, blockquote, q, input, textarea, li
                        { font-family: Arial, Verdana, sans-serif; }

h1, h2, h3, h4, h5, h6  { font-family: Verdana, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6  { font-weight: bold; color: #000; }
h1                      { font-size: 1.8em; line-height: 1.5em; padding: 0 0 0.4em 0; color: #4571ae; }
h2                      { font-size: 1.5em; line-height: 1.5em; padding: 0.3em 0 0.3em 0; }
h3                      { font-size: 1.4em; line-height: 1.5em; padding: 0.2em 0  0.2em 0; }
h4                      { font-size: 1.2em; line-height: 1.5em; padding: 0.1em 0 0.1em 0; }
h5                      { font-size: 1em; line-height: 1.5em; padding: 0; }
h6                      { font-size: 1em; line-height: 1.5em; padding: 0; }

.title                  { background-color: #ff7200; }
.title.nospace          { margin-bottom: .3em; }
.title h2               { color: #fff !important; font-size: 0.79em; font-weight: bold; padding: 0.4em 3em; margin: 0; line-height: 1.5em; }

body, p, pre, code, label, dd, dt, select, legend, caption, blockquote, q, textarea, li
                        { font-size: 1em; line-height: 1.5em; margin-bottom: 1em; }
th, td                  { font-size: 1em; line-height: 1.5em; }
input                   { font-size: 1em; margin-bottom: 1em; }

table                   { margin-bottom: 1em; }

dl                      { margin-left: 0.5em;  }
dt                      { margin-bottom: 0; padding-left: 1.8em; color: #1b9a0f;
                          background: transparent url('/img/dt_main.png') no-repeat scroll 0 50%; }
dd                      { margin-bottom: 0.5em; padding-left: 1.8em; }

ul, ol, dl              { margin-bottom: 1em; }
.menu ul                { margin-bottom: 0; }
ul                      { list-style: square; list-style-position: inside; }
ol                      { list-style: decimal;list-style-position: inside; }
li                      { margin: 0 0 0 1em; }
input, select           { margin: 0; }

legend                  { display:none; }

small, sup, sub         { font-size: .88em; }
.small                  { font-size: .88em; }
big                     { font-size: 1.15em; }
.big                    { font-size: 1.5em; }

sup                     { position: relative; bottom: .3em; vertical-align: baseline; }
sub                     { position: relative; bottom: -.2em; vertical-align: baseline; }

acronym, abbr           { cursor: help; letter-spacing: 1px; border-bottom: 1px dashed; }
label                   { cursor: pointer; }

strong                  { font-weight: bold; }
em                      { font-style: italic; }

ins                     { background-color: #d3f7e0; }
del                     { background-color: #ffc8c8; }

tr.del td               { text-decoration: line-through; }

a:link, a:visited, a:hover, a:active
                        { }
a:link                  { color: #586980; }
a:visited               { color: #586980; }
a:hover                 { color: #d52229 !important; text-decoration: none; }
a:active                { color: #06c; }
a.internal              { text-decoration: none !important; border: none; border-bottom: 1px dashed #586980 !important; }
#content a.external     { padding-right: 1em; background: transparent url('/img/link.png') no-repeat scroll right 50%; }
a.noDecor               { text-decoration: none !important; border: none; }

a img                   { border: none; text-decoration: none; }

/* ----------------------------------------------------------------*/
/*                           Classes                               */
/* ----------------------------------------------------------------*/


.clear                  { clear: left; }
br.clear                { font-size: 1px; overflow: hidden; width: 100%; clear: both; }

.floatLeft              { float: left; }
.floatRight             { float: right; }

.textline               { float: none; display: inline; vertical-align: middle; }

.nobr                   { white-space: nowrap !important; }

.half                   { width: 48%; }
.ihalf                  { width: 4%; }

.textLeft               { text-align: left !important; }
.textRight              { text-align: right !important; }
.textCenter             { text-align: center !important; }
.textJustify            { text-align: justify !important; }

.alignCenter            { margin-left: auto !important; margin-right: auto !important; }

.noPadding              { padding: 0 !important; }
.noMargin               { margin: 0 !important; }
.noSpace                { margin: 0 !important; padding: 0 !important; }

.noBorder               { border: none !important; }
.noBorder td, .noBorder tr
                        { border: none !important; }
.border                 { border: 1px solid #000 !important; }
.noBG                   { background: none !important; }

.hidden                 { visibility: hidden; }
.noDisplay              { display: none; }

.imgLeft                { float: left; margin: 0 1em 1em 0; }
.imgRight               { float: right; margin: 0 0 1em 1em; }
.inline                 { display: inline; margin: 0; padding: 0; }

.clearfix:after         { content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; }
.clearfix               { display: inline-block; }
html[xmlns] .clearfix   { display: block; }
* html .clearfix        { height: 1%; }

table.dat td            { padding: 3px 50px 3px 0; }

.green                  { color: #1b9a0d !important; }
.orange                 { color: #ff7000 !important; }
.red                    { color: #d6212a !important; }

.error                  { color: #8f2225; border: 1px solid #8f2225; padding: 1em; }
.warning                { color: #8f2225; }

.flag                   { width: 16px; height: 11px; overflow: hidden; background: transparent url('/img/flags/flagset.png') no-repeat scroll 0 0; }

.plc                    { margin: 3px 0;}
.respondaro	input		{ margin-bottom: 5px; }

.marginTop              {margin-top: 10px;}

.btn {
    display:inline-block;
    vertical-align:top;
    text-decoration:none;
    font-size:18px;
    line-height:19px;
    padding:7px 20px;
    border:1px solid #ccc;
    border-radius:5px;
    text-align:center;
}

.btn-primary,
.btn-primary:hover {
    background-color: #ff7200;
    border-color: #e46f00;
    color:#fff !important;
}
.btn-primary:hover {
    background-color: #e46f00;
}
.label {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.label-progress {
    background-color: #ffc168;
}

.label-important {
    background-color: #d52229;
}

.label-important[href] {
    background-color: #d52229;
}

.label-warning {
    background-color: #d52229;
}

.label-warning[href] {
    background-color: #d52229;
}

.label-success {
    background-color: #468847;
}

.label-success[href] {
    background-color: #356635;
}

.label-info {
    background-color: #3a87ad;
}

.label-info[href] {
    background-color: #2d6987;
}

/* ----------------------------------------------------------------*/
/*                             TABS                                */
/* ----------------------------------------------------------------*/

.tabs                   { border-bottom: 1px solid #949494; margin-bottom: 1em; position: relative; min-height: 25px; height: auto !important; }
*html .tabs             { height: 25px !important; }
.tabs div               { position: absolute; bottom: 0; right: 0; }
.tabs ul li             { display: block; float: left; position: relative; top: -2px; height: 25px;
                          line-height: 25px; margin-left: 5px; border: 1px solid #949494; border-bottom:none; border-top:none; }
.tabs ul a              { position: relative; top: -1px; float: left; display: block; background-color: #fff; height: 25px;
                          padding:0 5px; border-top: 1px solid #949494; }
.tabs ul li.active      { top:1px; background-color: #fff; }
.tabs ul a              { color: #000; text-decoration:none; }
.tabs ul a:hover        { color: #8F2225; }
.tabs ul li.active a    { background: none; background-color: #fff; color: #8F2225; }

/* ----------------------------------------------------------------*/
/*                             QUOTES                              */
/* ----------------------------------------------------------------*/

blockquote              { font-family: Georgia, Times, Serif; font-size: 1.2em; font-style: italic;
                          color: #666; line-height: 1.7em; margin-left: 5%; margin-right: 5%; }
blockquote.pre          { white-space: pre; }
blockquote.pull         { background: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
                          color: #888; font-size: 1.2em; line-height: 1.6em; margin: .2em 0 .8em 0;
                          padding: .9em; text-align: center; }
blockquote.pull.left,
blockquote.pull.right   { margin-top: 1em; margin-bottom: .2em; padding-left: 0; }
blockquote.pull.left    { margin: 0; float: left; margin-right: 1.9em; margin-left: 0; padding-right: 0; text-align: left; width: 30%; }
blockquote.pull.right   { float: right; margin: .2em 0 0 0; width: 32%; }

/* ----------------------------------------------------------------*/
/*                             GUESTBOOK                           */
/* ----------------------------------------------------------------*/

.listItem               { margin-bottom: 1.5em; }
.itemNum                { float: left; width: 3em; color: #d52229; font-family: Georgia, Times, Serif; font-size: 1.5em; }
.itemContent            { margin-left: 4em; border-left: 1px solid #b9b8b8; padding-left: 1em; }
.itemContent .itemTitle
                        { margin-bottom: 0.5em; color: #757575; }
.itemContent p.itemText
                        { padding: 0; margin: 0; }

/* ----------------------------------------------------------------*/
/*                           Structure                             */
/* ----------------------------------------------------------------*/

html, body              { height: 100%; width: 100%; font-size: 95%;
                          background-color: #fff; }

#main                   { min-width: 950px; max-width: 1500px; margin: 0 auto; }
#top-wrap               { background-color: #f3f3d8; border-bottom: 1px solid #bdbdbb; }
#top                    { position: relative; height: 8em; line-height: 8em; margin: 0 1em; }

#logo                   { float: left; width: 22%; }
#logo img               { vertical-align: middle; }

#ad                     { float: left; width: 50%; text-align: center; height: 8em; }
#adv                    { height: 60px; width: 468px; position: relative; top: 2em; margin: 0 auto; }

#login-wrap             { position: absolute; right: 1em; width: 28%; z-index: 1000; }
#login                  { float: right; width: 15em; }
#login-content          { line-height: 1em; background-color: #fff;
                          border-right: 1px solid #bdbdbb; border-left: 1px solid #bdbdbb; }
#loginarrow             { width: 16px; height: 16px; overflow: hidden; margin: auto; margin-top: 10px; cursor: pointer;
                          background: transparent url('/img/login_arrow.png') no-repeat scroll 0 0; }
#loginarrow.bot         { background: transparent url('/img/login_arrow.png') no-repeat scroll -16px 0; }
#login-bottom           { line-height: 0; height: 6px; position: relative; }
#login-links            { padding: 1.3em 2em; white-space: nowrap; }
#login-info             { padding: 1em 1em 0 1em; white-space: nowrap; }
#login-links p, #login-info p
                        { padding: 0; margin: 0; }
#login-links p          { text-align: center; background: transparent url('/img/key.png') no-repeat scroll 0 50%;
                          padding-left: 1.5em; }
#login-addinfo          { padding-top: 5px !important; }
#login-bottom .l        { position: absolute; width: 6px; height: 6px;
                          background: transparent url('/img/login_star.png') no-repeat scroll 0 -6px; }
#login-bottom .r        { position: absolute; width: 6px; height: 6px;
                          background: transparent url('/img/login_star.png') no-repeat scroll -6px -6px;
                          margin-left: 100%; left: -6px; }
#login-bottom .c        { height: 5px; background-color: #fff; border-bottom: 1px solid #bdbdbb; font-size: 0; }
#logout_icon            { display: inline; margin: 0; padding: 0; position: relative; top:5px; }
.newmes_icon            { display: inline; margin-right: 5px; }

.section                { margin: 1em auto; width: 95%; clear: both; }
.subs                   { margin-top: 1em; }

#wrap                   { background: transparent url('/img/bg_l.png') repeat-y scroll 17em 0; }
#sidebar-wrap           { float: left; width: 17em; position: relative; }
#sidebar                { margin-right: 1em; }

#sidebar ul             { list-style-image:none; list-style-position:outside;
                          list-style-type:none; margin: 0; padding: 0; }
#sidebar li             { margin: 0; padding: 0; border-bottom: 1px dotted #bdbdbb;
                          line-height: 1.7em; }
#sidebar li a           { color: #5b5b5b; text-decoration: none; border: 0; padding-left: 1.5em;
                          background: transparent url('/img/li.png') no-repeat scroll 0.4em 50%; }
#sidebar li.active a    { background: transparent url('/img/li_a.png') no-repeat scroll 0.4em 50%; }
#sidebar ul ul li       { margin: 0; padding: 0; border: none; font-size: 0.93em; line-height: 1.5em; }
#sidebar ul ul li.first { line-height: 1.5em; }
#sidebar ul ul          { margin-left: 1em; display: none; }
#sidebar ul li.active ul
                        { display: block; }
#sidebar ul ul li a     { color: #5b5b5b; text-decoration: none; border: 0; padding-left: 1.5em; background: none; }
#sidebar li.active a    { color: #ff7200; }
#sidebar li.active li a
                        { color: #5b5b5b; background: none; }
#sidebar li.active li.active a
                        { color: #ff7200; background: none; }


#sidebar #facebook
                        { width: 237px; height: 273px; overflow: hidden; }
#sidebar #facebook iframe
                        { width: 102%; margin-top: -1px; margin-left: -1px; width: 240px; height: 275px;
                          border: none; background:transparent; overflow: hidden; }


#content .wlc           { margin-left: 2em; }

#submenu                { padding: 0.8em 1em; background-color: #f2faeb; border: 1px solid #e7f3dd; text-align: center; }
#submenu ul             { display: inline; padding: 0; margin: 0; }
#submenu li             { display: inline; border-left: 1px solid #bdbdbf;
                          padding: 0; margin: 0; padding: 0 1em; }
#submenu li.first       { border: none; }
#submenu li a           { color: #41413f; text-decoration: none; border: none; white-space: nowrap; }
#submenu li.active a    { font-weight: bold; }

#search-wrap            { background-color: #e7e7e7; width: 100%; padding: 1em 0;  }
#search table           { width: 100%; margin: 0; padding: 0; }
#search table tr, #search table td
                        { margin: 0; padding: 0; }
#search table td        { padding: 5px; }
#search .button         { width: 26px; }
#search #search_button  { display: block; width: 26px; height: 18px; margin: auto; }
#search .searchform     { }
#search #search_input   { width: 100%; }

#wrap #content-wrap     { float: right; margin-left: -18em; width: 100%; }
#wrap-full #content-wrap
                        { width: 100%; float: none; margin-left: 0; }

#content                { margin-left: 18em; overflow: hidden; }

#wrap-full #content
                        { margin-left: 0; }

.cols                   { clear: both; width: 100%; }
.cols .cols, .cols.bord
                        { background: transparent url('/img/bg_l.png') repeat-y scroll 50% 0; padding-top: 1em; }
.col-l                  { width: 48%; float: left; }
.col-r                  { width: 48%; float: right; }

#bottom-menu-wrap       { background-color: #f3f3d8; text-align: center; border-left: 1px solid #bdbdbb; border-right: 1px solid #bdbdbb; }
#bottom-top, #bottom-bottom
                        { position: relative; height: 5px; }
#bottom-top .bn, #bottom-bottom .bn
                        { overflow: hidden; width: 5px; height: 5px; position: absolute; }
#bottom-top .l          { left: -1px; background: transparent url('/img/bstar.png') no-repeat scroll 0 0; }
#bottom-top .r          { background: transparent url('/img/bstar.png') no-repeat scroll -5px 0;
                          margin-left: 100%; left: -4px; }
#bottom-top .c          { height: 4px; background-color: #f3f3d8; border-top: 1px solid #bdbdbb; font-size: 0; }
#bottom-bottom .l       { left: -1px; background: transparent url('/img/bstar.png') no-repeat scroll 0 -5px; }
#bottom-bottom .r       { background: transparent url('/img/bstar.png') no-repeat scroll -5px -5px;
                          margin-left: 100%; left: -4px; }
#bottom-bottom .c       { height: 4px; background-color: #f3f3d8; border-bottom: 1px solid #bdbdbb; font-size: 0; }

#bottom-menu            { padding: 0.8em 1em; }
#bottom-menu ul         { display: inline; padding: 0; margin: 0; }
#bottom-menu li         { display: inline; border-left: 1px solid #41413f;
                          padding: 0; margin: 0; padding: 0 1em; }
#bottom-menu li.first   { border: none; }
#bottom-menu li a       { color: #41413f; text-decoration: none; border: none; }

#bottom p               { line-height: 1.2em; }

#bottom-l               { float: left; }
#bottom-r               { float: right; }

.cols ul, .cols dl      { margin-bottom: 1em; }
ul.main li              { list-style-image:none; list-style-position:outside;
                          margin: 0; padding: 0; margin-left: 0.5em; padding-left: 0.8em;
                          list-style-type:none; background: transparent url('/img/li_main.png') no-repeat scroll 0 50%; }

ul.list-unstyled li     { list-style-image:none; list-style-position:outside;
                          margin: 0; padding: 0; list-style-type:none; }

ul.listInline           {margin-left: 0; padding-left: 0; }
ul.listInline li        { display: inline ; list-style-image:none; margin: 0; padding: 0; margin-right: 20px; }

#sonludigilo            { width: 1px; height: 1px; font-size: 0; overflow:hidden; position: absolute; left: -1000px; }

#sonbutono				{ display: none; }
#atentigbutono   		{ display: none; }

#sonbutono.shaltita #sonshaltilo
						{ display: none; }
#sonbutono.shaltita a
						{ background: transparent url('/img/sound2.png') no-repeat scroll 0 50%; padding-left: 1.8em; }
#sonbutono.malshaltita #sonmalshaltilo
                        { display: none; }
#sonbutono.malshaltita a
						{ background: transparent url('/img/sound1.png') no-repeat scroll 0 50%; padding-left: 1.8em; }

#atentigbutono.shaltita #atentigshaltilo
						{ display: none; }
#atentigbutono.shaltita a
						{ background: transparent url('/img/atent1.png') no-repeat scroll 0 50%; padding-left: 1.8em; }
#atentigbutono.malshaltita #atentigmalshaltilo
                        { display: none; }
#atentigbutono.malshaltita a
						{ background: transparent url('/img/atent2.png') no-repeat scroll 0 50%; padding-left: 1.8em; }

/* ----------------------------------------------------------------*/
/*                           Users                                */
/* ----------------------------------------------------------------*/

.thumbnails             { margin: -3em 0 0 -2em; text-align: center; }
.thumbnail              { text-decoration: none; background: none; display: -moz-inline-box;
                          display: inline-block; vertical-align: top; text-align: left; margin: 3em 0 0 2em; }
.thumbnail .r           { width: 158px; float: left; }
.userphoto              {  }
.userphoto.middle       { height: 190px; text-align: center;
                          line-height: 177px; vertical-align: middle; }
.userphoto img          { vertical-align: middle; padding: 3px; border: 1px solid #ccc; }

.user                   { float: left; text-align: center; }
.online, .user_online   { text-align: center; height: 15px; margin: 3px 0; }
.online img, .user_online img
                        { display: inline; }
.user_title             { text-align: center; font-size: 0.85em; line-height: 1.5em; }

.uzstato                { width: 80px; height: 15px; overflow: hidden; background:url('/img/uzantostato.png') no-repeat scroll 0 0; margin: 3px auto; }
.uzstato.flanka         { margin: 3px 0 !important; }
.uzstato.aktiva         { background-position: 0 -30px; }
.uzstato.malaktiva      { background-position: 0 -15px; }


.profile_photo {
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
}
.profile_photo.noBorder {
    border: none;
}

.profile_photo a.external {
    background: none !important;
    padding: 0px !important;
}

.profile_photo,
.profile_photo a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.profile_photo.l,
.profile_photo.l a {
    width: 150px;
    height: 180px;
    line-height: 180px;
}

.profile_photo.m,
.profile_photo.m a {
    width: 80px;
    height: 100px;
    line-height: 100px;
}

.profile_photo img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
}

.profile_photo.ekparolu:after {
    display:inline-block;
    position:absolute;
    content: '';
    left:0;
    bottom:0;

}
.profile_photo.ekparolu.l:after {
    width:150px;
    height:25px;
}
.profile_photo.ekparolu.m:after {
    width:80px;
    height:15px;
}

.profile_photo.ekparolu.nevo.l:after {
     background:url('/img/ekparolu/ekparolu_nevo_l.png') no-repeat scroll 0 0;
 }

.profile_photo.ekparolu.nevo.m:after {
    background:url('/img/ekparolu/ekparolu_nevo_m.png') no-repeat scroll 0 0;
}

.profile_photo.ekparolu.nevino.l:after {
    background:url('/img/ekparolu/ekparolu_nevino_l.png') no-repeat scroll 0 0;
}

.profile_photo.ekparolu.nevino.m:after {
    background:url('/img/ekparolu/ekparolu_nevino_m.png') no-repeat scroll 0 0;
}

.profile_photo.ekparolu.onklo.l:after {
    background:url('/img/ekparolu/ekparolu_onklo_l.png') no-repeat scroll 0 0;
}

.profile_photo.ekparolu.onklo.m:after {
    background:url('/img/ekparolu/ekparolu_onklo_m.png') no-repeat scroll 0 0;
}

.profile_photo.ekparolu.onklino.l:after {
    background:url('/img/ekparolu/ekparolu_onklino_l.png') no-repeat scroll 0 0;
}

.profile_photo.ekparolu.onklino.m:after {
    background:url('/img/ekparolu/ekparolu_onklino_m.png') no-repeat scroll 0 0;
}



/* ----------------------------------------------------------------*/
/*                           Photos                                */
/* ----------------------------------------------------------------*/

.thumbs                 { margin: -1em 0 0 -0.5em; text-align: center; }
.thumb                  { text-decoration: none; background: none; display: -moz-inline-box; position: relative;
                          display: inline-block; vertical-align: top; text-align: left; margin: 1em 0 0 0.5em; }
/* .thumb .newphoto        { position: absolute; top:-.5em; left:0; display: none; font-size: 1em; color: orange; } */
.thumb .r               { width: 100px; float: left; }
.photo.middle           { height: 85px; text-align: center;
                          vertical-align: middle; }
.photo img              { vertical-align: middle; padding: 3px; border: 1px solid #ccc; }
/*
.thumb.newphoto .newphoto
						{ display: block; }
*/
.thumb.newphoto img		{ border: 2px solid orange; }
.phototitle             { text-align: center; font-size: 0.85em; line-height: 1.5em; }
.thumb.newphoto .user_title
						{ font-weight:700 !important; }
.thumb-highlight        { text-decoration: none; background: none; display: -moz-inline-box; border: 1px dotted #ccc;
                          display: inline-block; vertical-align: top; text-align: left; margin: 1em 0 0 0.5em; width: 100px; height: 85px; }

/* ----------------------------------------------------------------*/
/*                           Forms                               */
/* ----------------------------------------------------------------*/


.form .item             { padding: 0.5em; }
.form .subitem          { width: 90%; }
.form.full .subitem     { width: 99%; }
.form label             { color: #364D5F; display: block; font-weight: bold; margin: 5px 0; }
.form label.subscribe   { color: #000; font-size: 0.8em; margin: 0; margin-bottom: 1.5em; }
.form label.sm          { margin-bottom: 0; }
.form .required         { color: red; }
.form .help             { color: #000; cursor: help; font-size: 80%; font-weight: bold; text-decoration: none; }
.form .subhelp          { color:#000; display:block; font-size:0.8em; font-weight:normal; }
.form .input            { width: 100%; }
.form textarea          { width: 100%; margin-bottom: 0; }
.form textarea:focus, .form input:focus, .form select:focus
                        {  }
.form label.near        { color: #000; display: inline; font-weight: normal; margin-left:5px; }
.form .submit           { padding-left: 10px; padding-right: 10px; }
.form .grey             { background-color: #f7f7f7; }
.form .odd              { background-color: #f7f7f7; }

.form.search            { width: 50em; }
.form.search select     { width: 100%; }
.form.search .item      { padding: 0.3em; }
.form.search label      { margin: 3px 0; }
.form.search .submit    { margin-top: 2em; }

/* ----------------------------------------------------------------*/
/*                           Addthis                               */
/* ----------------------------------------------------------------*/

.addthis				{ width: 10em; float: right; margin-top: .7em; }
.addthis a				{ float: right !important; }

/* ----------------------------------------------------------------*/
/*                           Tables                                */
/* ----------------------------------------------------------------*/

table.full              { width: 99%; }
table.dat               { }
table td, table th      { vertical-align: top; padding: 0.5em; text-align: left; }
table.dat th, table.dat td
                        { border: 1px solid #fff; padding: 0.5em; }
table.dat2 th, table.dat2 td
                        { padding: 0.5em; }
table.dat th            { background-color: #f3f3d8; padding-top: 1em; padding-bottom: 1em; }
table.dat tr td         { background-color: #f7fbfc; }
table.dat.noBackground tr td
                        { background: none; }

table.dat tr.odd td     { background-color: #e6f1f5; }
table.dat tr.blanka td     { background-color: transparent !important; }
table.dat tr.space td   { background-color: #fff; font-size: 0.5em; line-height: 0.5em; }

table.divido td         { border-bottom:1px solid #eee; }
table tr.sukceso td     { background-color:#F2FAEB; }
table.dat.eta           { padding: 1px 50px 1px 0; }

table.dat.rite	th 		{ background-color: #e5e5e5; }


/* ----------------------------------------------------------------*/
/*                           Angles                                */
/* ----------------------------------------------------------------*/

.star                   { position: relative; }
.star .cn               { background:url('/img/star_main.png') no-repeat scroll 50% 50%;
                          position: absolute; width: 5px; height: 5px; overflow: hidden; font-size: 0; }
.star .cn.tr, .star .cn.br
                        { margin-left: 100%; left: -5px; }
.star .cn.bl, .star .cn.br
                        { top: auto; margin-top: -5px; }
.star .cn.br            { background-position: 0 0; }
.star .cn.tl            { background-position: -5px -5px; }
.star .cn.tr            { background-position: 0 -5px; }
.star .cn.bl            { background-position: -5px 0; }

.ang                    { position: relative; }
.ang .cn                { background:url('/img/bottom_star.png') no-repeat scroll 50% 50%;
                          position: absolute; width: 5px; height: 5px; overflow: hidden; font-size: 0;  }
.ang .cn.tr, .ang .cn.br
                        { margin-left: 100%; left: -5px; }
.ang .cn.bl, .ang .cn.br
                        { top: auto; margin-top: -5px; border: 1px solid #000; }
.ang .cn.tl             { background-position: 0 0; border: 1px solid #000; }
.ang .cn.tr             { background-position: -5px 0; }
.ang .cn.bl             { background-position: 0 -5px; }
.ang .cn.br             { background-position: -5px -5px; }

/* ----------------------------------------------------------------*/
/*                           Paginator                             */
/* ----------------------------------------------------------------*/

.pagelist               { text-align: center; margin: 1em 0; }
.pagelist a             { padding: 0.3em 0.7em; color: #8c8b8c; }
.pagelist a.sd          { text-decoration: none; }
.pagelist a.now         { color: #fff; background-color:#d9d9d9; text-decoration: none;
                          -moz-border-radius: 3px; -webkit-border-radius: 3px; }


/* ----------------------------------------------------------------*/
/*                           Tooltips                              */
/* ----------------------------------------------------------------*/

#tooltip                { position: absolute; width: auto; z-index: 3000; border: 1px solid #111;
                          background-color: #fff4cc; padding: 5px; font-size: 0.7em;  }
#tooltip h3, #tooltip div
                        { margin: 0; font-weight: normal; line-height: 1.5em !important; }

/* ----------------------------------------------------------------*/
/*                           Risko                                 */
/* ----------------------------------------------------------------*/
.riskorespondo	{
	border: 1px dotted #aaa;
	padding: 0.5em;
	margin: 0.5em 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	padding-left: 30px;
}
.riskorespondo.ghusta {
	background:url('/img/ok.png') no-repeat scroll 10px 50%;

}


/* ----------------------------------------------------------------*/
/*                           jCarousel                             */
/* ----------------------------------------------------------------*/

.jcarousel-container     { position: relative; }
.jcarousel-container ul  { margin: 0; padding: 0; }
.jcarousel-container li  { margin: 0; padding: 0; }
.jcarousel-clip          { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list          { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, jcarousel-item
                         { float: left; list-style: none; width: 75px; height: 75px; }
.jcarousel-next          { z-index: 3; display: none; }
.jcarousel-prev          { z-index: 3; display: none; }

.jcarousel-skin-tango .jcarousel-container-horizontal
                         { width: 80%; padding: 20px 20px; margin: auto; background-color: #f4f4f4; position: relative; border: 1px solid #bdbdbb; }
.jcarousel-skin-tango .jcarousel-clip-horizontal
                         { width: 99%; height: 75px; }
.jcarousel-skin-tango .jcarousel-item
                         { width: 75px; height: 75px; }
.jcarousel-skin-tango .jcarousel-item-horizontal
                         { margin-right: 10px; border: 1px solid #bdbdbb;  }
.jcarousel-skin-tango .jcarousel-item-horizontal.text
                         { border: none; }
.jcarousel-skin-tango .jcarousel-item-horizontal.text p
                         { line-height: 90px; }
.jcarousel-skin-tango .jcarousel-item-placeholder
                         { background: #fff; color: #000; }
.jcarousel-skin-tango .jcarousel-next-horizontal
                         { position: absolute; top: 43px; right: -50px; width: 26px; height: 18px; cursor: pointer;
                           background: transparent url('/img/buttons.png') no-repeat -26px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover
                         { background-position: -26px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active
                         { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active
                         { cursor: default; background-position: -96px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal
                         { position: absolute; top: 43px; left: -50px; width: 26px; height: 18px; cursor: pointer;
                           background: transparent url('/img/buttons.png') no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover
                         { background-position: 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active
                         { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active
                         { cursor: default; background-position: -96px 0; }
#display                 { width: auto; height: 250px; overflow: scroll; border: 1px solid #666; background-color: #fcfcfc; padding: 10px; }

/* ----------------------------------------------------------------*/
/*                             jGrowl                              */
/* ----------------------------------------------------------------*/



div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#AE3C3C;
/*
	opacity: 				.85;
    -ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
*/
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification a, div.jGrowl div.jGrowl-closer a {
    color: #fff !important;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}

/* ----------------------------------------------------------------*/
/*                             Fancybox                            */
/* ----------------------------------------------------------------*/

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/img/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('/img/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/img/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/img/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('/img/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/img/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	top: 0px;
	height: 400px;
	width: 20%;
	cursor: pointer;
	outline: none;
	background-image: url('/img/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/img/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/img/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/img/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/img/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/img/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(/img/'fancybox.png');
	background-position: -40px -182px;
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/img/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/img/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/img/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/img/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancy_shadow_nw.png', sizingMethod='scale'); }

/* ----------------------------------------------------------------*/
/*                             Mesagxoj                            */
/* ----------------------------------------------------------------*/

#messages_main            { width: 100%; }
#messages_frame           { padding: 0; margin: 0;  }
#messages_frame td        { margin: 0; background: none; }
#messages_userlist        { height: 420px; overflow-y: auto; overflow-x: hidden; }
.messages_delete_all      { font-size: 0.8em; font-weight: normal; }
.messages_col1            { width: 250px; }
#messages_frame_bottom .messages_col1
                          { border-right: 1px solid #eee; }
.messages_user_box        { border-bottom: 1px solid #eee; margin-bottom: 10px; cursor: pointer; height: 60px; }
.messages_user_box table  { margin: 0; }
.messages_user_box table tr
                          {  }
.messages_user_photo      { width: 45px; }
.messages_user_photo      { width: 45px; }
.messages_user_read_icon  { width: 10px;  }
.messages_user_read_icon  img.unread
                          { display: none;  }
.messages_user_box.newmessage .messages_user_read_icon img.unread
                          { display: block; }
.messages_user_box.newmessage .messages_user_read_icon img.read
                          { display: none; }
.messages_nochats
                          { text-align: center; margin: 50px; }
#messages_user_messages_box
                          { height: 420px; overflow-y: auto; overflow-x: hidden; }
.messages_user_box.dialogselected
                          { background-color: #f4f4f4; }
.messages_user_box.dialogselected table td
                          { border: 0px solid #f4f4f4; }
#messages_loader
                          { float: right; margin: 0; display: none; font-weight: normal; }
.message_user_message
                          { width: 440px; overflow: auto; margin-bottom: 10px; border: 1px solid #eee; padding: 2px; }
.message_user_message.me .message_user_title
                          { background-color: #E6F1F5; }
.message_user_title       { background-color: #f4f4f4; padding: 0 5px; }
.message_user_title .message_user_name
                          { font-weight: bold; font-size: 0.8em; }
.message_user_title .message_user_date
                          { float: right; font-size: 0.7em; }
.message_user_text        { margin-top: 5px; }
#messages_user_messages_box
                          { padding-right: 10px; }
#messages_user_messages_box .messages_meslist
                          { min-height: 300px; }
#messages_user_messages_box .messages_send_tools
                          { height: 110px; border-top: 1px solid #eee; }
#messages_user_messages_box table td
                          { margin: 0; padding: 0; padding-right: 10px; border: 1px solid #000; }
.messages_textarea        { width: 440px; height: 70px; margin: 0; margin: 5px 0; }
.message_user_delete      { float: right; margin: 0 5px 5px 5px; }
.messages_add             { font-size: 0.8em; text-align: center; padding: 5px 0;
                            margin-bottom: 5px; color: #aaa; border: 1px solid #eee; }

/* ----------------------------------------------------------------*/
/*                             Google maps                         */
/* ----------------------------------------------------------------*/

.googlemap                 { width: 730px; height: 400px; }
.googlelist                { width: 730px; max-height: 2000px; height: auto; overflow: auto; }
* html .googlelist         { height: 100px; }

/* ----------------------------------------------------------------*/
/*                            Testoj                               */
/* ----------------------------------------------------------------*/

.testoj_bloko              { overflow: hidden; padding-bottom: 1em; }
.testoj_titolo             { margin: 1em; border-bottom: 1px solid #ccc; }
.testoj_bloko_embed		   { margin: 1em; }
.testoj_bloko_bildo		   { margin: 1em; }
#testoj_respondaro         { position: relative; padding: 0 1em; }
.testoj_bloko_titolo       { margin-top: 1em; font-size: 120%; }
.testoj_bloko_alternativoj { margin-top: 2em; }
.half .testoj_respondo     { float: left; width: 45%; }
.half .testoj_respondo.posright
						   { float: right; }
.testoj_bloko_eno          { text-align: center; width: 80%; margin: 0 auto; }
.testoj_bloko_eno a        { display: block; text-decoration: none; cursor: pointer; padding: 0.3em; margin-bottom: 0.5em; border:1px solid #ccc; }
.testoj_bloko_eno a:hover, .testoj_bloko_eno a.elektita
                           { background-color: #F3F3D8; }
.testoj_bloko_titolo       { margin-bottom: 1em; }


/* ----------------------------------------------------------------*/
/*                             FCBKCOMPLETE                        */
/* ----------------------------------------------------------------*/

/* Copyright: Guillermo Rauch <http://devthought.com/> - Distributed under MIT - Keep this message! */

/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; white-space:nowrap;}
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */
ul.holder { width: 100%; }
ul.holder { margin: 0 !important }
ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;}
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/img/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

.facebook-auto { display: none; position: absolute; width: 512px; background: #eee; z-index:1001;}
.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; }
.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999}
.facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #eee }
.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
.facebook-auto ul li.auto-focus em { background: none; }
.deleted { background-color:#4173CC !important; color:#ffffff !important;}
.hidden { display:none;}

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;}

/* ----------------------------------------------------------------*/
/*                             KONSILOJ                            */
/* ----------------------------------------------------------------*/

.tagakonsilo {
    border: 1px dotted #ccc;
    margin:1em 0;
    padding:1em;
    border-radius:5px;
    /*background-color: #e6f1f5;*/
    /*background-color: #f7fbfc;*/
    background: #e6f1f5 url('/img/steleto.png') no-repeat scroll 20px 1em;
    padding: 1em 4em;
}

/* ----------------------------------------------------------------*/
/*                             KRAJONO                            */
/* ----------------------------------------------------------------*/

#corrector_button {
    float:right;
    margin:5px;
    margin-left:15px;
}

#corrector_button a {
    display:block;
    width: 26px;
    height: 31px;
    background: transparent url('/img/rughakrajono.png') no-repeat scroll 0 50%;
}

.agendo-icon {
    display:inline-block;
    width:18px;
    height:18px;
    overflow:hidden;
    background: transparent url('/img/agendo2.png') no-repeat;
}
.agendo-icon-done .agendo-icon {
    background-position:-18px 0;
}
.agendo-icon-progress .agendo-icon {
    background-position:-36px 0;
}
.agendo-icon-delayed .agendo-icon {
    background-position:-54px 0;
}

.agendo-icon-done .chu-ligo {
    display:none;
}

.agendolisto textarea {
    width:100% !important;
    height:40px !important;
}
.agendolisto-delayed tr.agendo-titolo th {
    background-color:#ba3535;
}

.agendo-pdf {
    float:right;
    text-align: right;
    font-weight: normal;
    font-size: .8em;
}
.agendolisto-delayed .agendo-pdf a {
    color:#fff;
}
.agendolisto-delayed .agendo-pdf a:hover {
    color:#fff !important;
}

tr.agendo-titolo{
    font-size:130%;
}

.kandidato-icon {
    display:inline-block;
    width:18px;
    height:18px;
    overflow:hidden;
    background: transparent url('/img/kandidatoj.png') no-repeat;
}
.kandidato-icon-done .kandidato-icon {
    background-position:-18px 0;
}
.kandidato-icon-progress .kandidato-icon{
    background-position:-36px 0;
}
.kandidato-icon-delayed .kandidato-icon {
    background-position:-54px 0;
}

/* YOUTUBE */

/* /MEDIA */
.embedWrapper {
    margin-bottom: 20px;
}

.embed {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* EKPAROLU */

.ekparolu-sessions td {
    padding: 5px;
    text-align: center;
    border: 1px solid #fff;
    background-color: #9accaa;
}
.ekparolu-session td p {
    color: #fff !important;
}
.ekparolu-sessions td a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}
.ekparolu-sessions td img {
    max-width: 100%;
}
.ekparolu-session-photo {
    height: 105px;
}
.ekparolu-session-time {
    font-size: 12px;
    line-height: 10px;
}
.fc-bgevent-info {
    display:inline-block;
    width: 100%;
    font-size: 10px;
    text-align: center;
    color: #000 !important;
}
.ekparolu-session-list-wrapper { height: 400px; overflow-y: auto; }

.ekparolu-session-list {
    margin: -10px 0 0 -10px; text-align: left;
}
.ekparolu-session-list li {
    margin: 10px 0 0 10px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.ekparolu-session-list li a {
    width: 100px;
    height: 130px;
    display: inline-block;
    text-decoration: none;
    /*background-color: #afe6c1;*/
    color: #000;
}
.ekparolu-session-list li img {
    margin-top: 5px;
}
.ekparolu-session-list .profile_photo {
    /*background-color: white;*/
}
.ekparolu-toconfirm {
    background-color: #ff6866;
}
.ekparolu-confirmed {
    background-color: #ffc168;
}
.ekparolu-done {
    background-color: #bebebe;
}
.ekparolu-free {
    background-color: #91cc76;
}