body             { margin: 0; padding: 0; background-color: #a9a9a9; color: #767A83; font-size: 11px; font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; }

a                { text-decoration: underline; }
a:hover          { text-decoration: none; }

a.strong         { font-weight: bold; text-decoration: none}
a.strong:hover    { color: #FF6600; }

a.hi2              { color:#BD0100; text-decoration: none}
a.hi2:hover    { color: #FF6600; }

.boxhead a       { color: #ff9; text-decoration: none; font-weight: bold}
.boxhead a:hover     { color: #fff; text-decoration: none; font-weight: bold}

.password            { float: left; margin-top: 1px; border: 1px solid #999}
.password a          { display: block; font-weight: bold; text-decoration: none; padding: 1px 5px }
.password a:hover    { display: block; text-decoration: none }



.hi               { color:#FF6600; }

h1               { font-size: 30px; line-height: 1em; font-weight: normal; margin: 0 0 0.4em 0}
h2               { font-size: 20px; line-height: 1em; font-weight: normal; margin: 0 0 0.2em 0}


.video_bg         { float: left; width: 180px; height: 170px; background-image: url(../images/video_bg.gif); }
.video_bg img     { border: 0; margin: 14px 0 0 11px}

strong.u         { font-weight: bold; text-decoration: underline }

#wrap            { background-image: url(../images/main_bg.gif); background-color: #fff; margin: auto; padding: 0 0 0 0; width: 996px; }
#wrapcont        { margin: 0 16px 0 16px; padding: 0 10px; background-image: url(../images/main_grad.gif); background-repeat: repeat-x; }

#topline         { height: 18px; background: #fc0; border-bottom: 1px solid white; padding: 0 5px; line-height: 1.4em; }

#top             { background-image: url(../images/top_bg_generic.gif); background-repeat: no-repeat; padding:0px; height:106px; background: #f00 }

#subwrap         { width: 740px; float: left }   

#header          { height: 80px; }

#menu            { height: 26px; background-repeat: repeat-x; text-transform: uppercase; background-image: url(../images/boxhead.gif);}

#menu ul               { font-family: Tahoma; font-size: 10px; font-weight: bold; margin: 0; padding: 0; list-style-type: none; display: inline;  }
#menu ul li            { display: inline; }
#menu ul li a          { background-repeat: repeat-x; padding: 8px 6px 5px 6px; color: #fff; text-decoration: none; float: left; border-width: 0 1px 1px 0; border-style: solid; border-color: #000; }
#menu ul li a:hover    { color: #ffc000; }


#login           { width: 204px; height: 106px; float: left; }
#login_cont      { padding: 5px 12px 0 25px; }

.drop            { position:absolute; color:#000; }
.font            { position:relative;left:-1px;top:-1px; color: #fec; text-decoration: none}
.font_hi         { position:relative;left:-1px;top:-1px; color: #f60}
.logindis        { position:relative;left:-1px;top:-1px; }

a.link        { position:relative;left:-1px;top:-1px; text-decoration: none; color: #fff}
a.link:hover  { text-decoration: none; color: #ffc }

.logout         { color: #f60; position:relative;left:-1px;top:-1px;} 
.logout a       { color: #f60; text-transform: lowercase }
.logout a:hover { color: #fff }


#loginuser       { float: right; border: 1px solid #999; }




#chat            { text-align: left; background-color: #fff; border: 1px solid #999; width: 220px; height: 160px; overflow: auto; padding: 5px; margin-bottom: 2px}


#doporucujeme            { padding:0px; margin:0px 0px 0px 20px; }
#doporucujeme li         { margin:0px; padding:0px; list-style-image:url(../images/list_li.jpg); color:#FF6600; }
#doporucujeme li a       { color:#FF6600; font-weight:bold; text-decoration:none; }
#doporucujeme li a:hover { color:#C45A13;}

#nav                  { padding: 4px 0 0 0; line-height: 1.4em; }
#nav img            { border: 1px solid #666 }


#main                {  width: 682px; padding-top: 5px; float: left; }
#col                 {  width: 252px; padding-top: 5px; float: right; }

#split_left          { width: 482px; float: left;  }
#split_right         { width: 190px; float: right }

#split_left .boxcont, #split_right .boxcont, #split_left .box2cont, #split_right .box2cont { height: 126px; overflow: hidden }

#footer                { height: 20px; width: 996px; margin: auto;  background-image: url(../images/footer_bg.gif); }

.box                 { border: 1px solid #999; margin-bottom: 10px;  }
.boxhead, .box2head   { background-repeat:repeat-x; line-height: 1.2em; color:#FFFFFF; font-family: Tahoma; font-weight: bold; font-size:10px; padding: 5px 5px 3px 5px; text-transform:uppercase; border-bottom: 1px solid #999 }
.boxcont, .box2cont, .box3cont  { border-top: 1px solid white; padding: 5px; text-align: justify;  line-height: 1.2em}
.box2head            { background-image:url(../images/box2head.gif);	background-color: #FFA305; }
.boxcont             { background-color: #DBDBDB; }
.box2cont            { background-color: #EA9000; color: #333; background-image:url(../images/box2_bg.gif);}
.box3cont            { background-color: #333; color: #ffffff;  }

.ed_head_1, .ed_head_2   { color: #950000; font-size: 24px; font-style: italic; font-weight: bold; line-height: 1.3em; }
.ed_head_2   { padding-left: 76px; top: 10px;}


.box3cont a          { color: #ffc000; text-decoration: none }
.box3cont a:hover          { color: #ffc000; text-decoration: underline }

.boxhead p, .galhead p  { float: right}
.boxhead strong        { color: #ffc000; }

.line, .line_alt, .line_split_left, .line_split_right    { border: 1px solid #999; margin-bottom: 10px; padding: 0; background-color: #eaeaea; }

.line_alt { padding: 2px 5px }


.line a            { display: block; padding: 2px 5px; color: #767A83; text-decoration: none}
.line a:hover      { display: block; background-color: #FFF; color: #767A83;  }

.line_hi a            { display: block; background-color: #cc6ac6; color: #fff; padding: 2px 5px; text-decoration: none; border: 1px solid #404040; font-family: Verdana }
.line_hi a:hover      { display: block; background-color: #950000; color: #fff;  }


.line_split_left        { height: 18px;  width: 334px; float: left; margin-right: 10px; }
.line_split_right        { height: 18px; overflow: hidden; width: 334px; float: left; }

.line_split_left a, .line_split_right a       { font-family: tahoma; text-transform: uppercase; color: A60000; font-weight: bold; text-decoration: none}
.line_split_left a:hover, .line_split_right a:hover       { color: #ff6600; text-decoration: none}


.galwrap             { width: 223px; margin-bottom: 10px; float: left; }
.galitem             { margin: 3px; background-color: #eaeaea; line-height: 1.2em; border: 1px solid #999}
.galitemlst          { margin: 3px; background-color: #eaeaea; line-height: 1.2em; padding-top: 2px}
.galhead             { height: 1.4em; color: #fff; border-bottom: 1px solid #999; font-family: Tahoma; font-weight: bold; text-transform: uppercase; font-size:10px; padding: 2px 5px; }

.new_galwrap         { width: 227px; float: left; }
.new_galitem         { margin: 6px 6px 0 0; padding: 8px; background-color: #dadada; color: #000; border-right: 1px solid #b5b5b5}
.new_galitem_rightmost         { margin: 6px 0 0 0; padding: 8px; background-color: #dadada; color: #000; border-right: 1px solid #b5b5b5}
.new_galfoot         { padding-top: 3px; font-family: Tahoma; font-size: 9px; line-height: 1.2em; }
.new_galchlop        { height: 19px; margin-right: 6px; background-image:url(../images/gal_chlop.gif);	color: #3a3a3a; text-align: right; padding: 0 10px 0 0}
.new_galchlop_rightmost        { height: 19px; background-image:url(../images/gal_chlop_rightmost.gif);	color: #3a3a3a; text-align: right; padding: 0 10px 0 0}
.new_bestchlop       { height: 19px; background-image:url(../images/edit_chlop.gif);	color: #3a3a3a; text-align: right; padding: 0 10px 0 0; }

.new_galchlop a, .new_bestchlop a, .new_galchlop_rightmost a      { color: #3a3a3a; font-weight: bold; text-decoration: none; }
.new_frame              { line-height: 0; padding: 2px; border-width: 1px; border-style: solid; border-color: #C6C6C6 #9B9B9B #9B9B9B #C6C6C6; background-color: #fff}

.video_frame          { float: left; width: 204px; height: 126px; background-image:url(../images/movie_bg.gif); line-height: 0  }
.video_frame img      { margin: 3px 0 0 22px; border: 0 }


.frame              { line-height: 0; margin: 3px; padding: 3px; border-width: 1px; border-style: solid; border-color: #C6C6C6 #9B9B9B #9B9B9B #C6C6C6; background-color: #fff}
.frame img, .new_frame img          { border: 0; background-color: #dbdbdb }

.thumb              { border-width: 1px; border-style: solid; border-color: #D4D0C8 #404040 #404040 #D4D0C8; float: left; margin: 0 1px 3px 0; line-height: 0; background-color: #dbdbdb}
.thumb img          { border-width: 1px; border-style: solid; border-color: #ffffff #808080 #808080 #ffffff; }



.listitem           { background-color:#eaeaea; margin-bottom: 10px; padding: 5px 0 5px 5px;  }
.result             { background-color:#eaeaea; padding: 5px; }

.settings           { float: right; text-align: right; line-height: 1.4em;}

.seekbar         { background-color: #787C86; color: #fff; font-weight: bold; text-align: center; line-height: 1.6em; margin-top: 10px; padding: 2px 5px; border-width: 1px 0; border-style: solid; border-color: #999 }
.seekbar img     { border: 0}

.listuser        { width: 44px }
.listuserfriend  { width: 44px; background-color: #ff6600}
.forumuser       { border: 1px solid #999; margin: 0 5px 0 0; float: left;  }


.msghead         { background-color: #dbdbdb; border-bottom: 1px solid white; padding: 2px 5px }
.msgbody         { background-color: #dbdbdb; padding: 5px;  }
.msgfoot          { background-color: #dbdbdb; border-top: 1px solid white; padding: 2px 5px; margin-bottom: 10px }



table          { border-collapse: collapse; margin: 5px 0; }
td             { border: 1px solid #eaeaea; background-color: #dbdbdb; padding: 3px 3px 2px 5px; line-height: 1.2em; vertical-align: top; font-size: 11px}
.head td       { background-color: #787C86; color: #fff; font-weight: bold;  }
td.verified    { width: 113px; vertical-align: bottom}
td.item        { width: 130px; background-color: #ccc; font-weight: bold;  }


/* kalendar & seekbar related */
table.cal, .seekbar table     { margin: auto}
td.dis         { background-color: #ccc }
.cal td        { text-align: center; padding: 0; line-height: 1.6em }
.cal a         {	display:block; width:100%; height:100%; }
.cal a:hover, a.listing:hover   {	color:#FFFFFF; }
.nums       { padding: 0 0 2px 0; border: 0; background-color: transparent }
a.listing { text-decoration: none; font-size:10px; line-height:10px; padding:2px 2px 4px 2px; _padding: 1px 1px 2px 1px; display:block; background-color:#FFFFFF; width:12px; height:7px; text-align:center; float:left; margin:2px 1px 0px 1px; }
.sel { text-decoration: none; font-size:10px; line-height:10px; padding:2px 2px 4px 2px; _padding: 1px 1px 2px 1px; display:block; color:#fff; width:12px; height:7px; text-align:center; float:left; margin:2px 1px 0px 1px; }
/* kalendar & seekbar related */


/* fieldset related */
fieldset      { padding: 5px; margin-bottom: 10px; line-height: 1.4em }
legend        { color: #767A83; font-weight: bold }
.fielditem         { width: 20%; float: left; text-align: right; padding: 0.4em 1em 0 0; margin-bottom: 10px; font-weight: bold; }
.fieldvalue        { width: 60%; float: left; margin-bottom: 10px; }

/* fieldset related */




select        { font-size: 11px; color: #767A83; }

textarea     { width: 500px; overflow: hidden; border: 1px solid #999; font-size: 11px; font-family: Tahoma;  color: #767A83; }

input              { font-size: 11px; margin: 0 }
input.login        { width: 100px; padding: 0; margin: 0 0 2px 0; }

.col_line     { float: left; padding-bottom: 4px }
.col_item     { float: left; width: 80px; line-height: 1.8em; }
.col_value    { float: left; width: 150px; }

input.log     { width: 135px }
input.pwd      { width: 80px }

.bracket     { color: #c50000 }




/* videochat related */

#chat_video       { padding: 0 0 10px 0;}
#chat_video_cont  { height: 200px; border: 1px solid #808080; background-color: #eaeaea }

#chat_text        { width: 700px; float: left}
#chat_text_cont   { height: 300px; width: 680px; padding: 5px 10px; background-color: #eaeaea; border: 1px solid #999999; overflow: auto; line-height: 1.4em}

#chat_input       { padding: 5px 0 5px 0; float: left}
#chat_input_cont  { height: 30px; }

input.video_chat  { width: 400px }

#chat_smile_area  { padding: 1px 5px; width: 630px; background-color: #eaeaea; border: 1px solid #999999; float: left;  }
#chat_smile_area img { float: left; margin-right: 5px }



#chat_userlist         { width: 220px; float: right}
#chat_userlist_cont    { height: 310px; width: 99%; overflow: auto; background-color: #eaeaea; border: 1px solid #999999}


.chat_userlist_item    { float: left; padding: 2px 10px 1px 0px}
.chat_userlist_item  img { margin: 0; border: 0; float: left; }



.male, a.male:hover           { color: #326AA5}
.female, a.female:hover         { color: #F8349E}
.guestmale, a.guestmale:hover         { color: #888888}
.admin, a.admin:hover         { color: #404040; font-weight: bold}


.chat_room           { line-height: 1.4em; padding: 2px 5px; margin-bottom: 10px; background-color: #eaeaea; border: 1px solid #d0d0d0; }

.room_userlist_item    { float: left; padding: 2px 10px 1px 0px; white-space: nowrap; }
.room_userlist_item  img { margin: 0; border: 0;  padding:0; }


a.chat_room_name     { font-size: 18px; text-decoraton: underline; line-height: 20px; float: left; }

/* videochat related */
#chat_userlist_title {
	font-weight: bold;
}

#people {
	font-size: 1.2em;
}
#people table {border-collapse: collapse;}
#people td {background-color: #EAEAEA; border: 1px solid #D9D9D9;}

.videochat_wrap { background-image: url(../images/videochat_bg.jpg); background-repeat: no-repeat}
.videochat_cont { padding: 50px 240px 10px 0}



#imgtip        { border: 1px solid #999; background-color: #fff; color: #000;margin-top: 5px; padding: 2px 5px; }