body                 { margin: 0; padding: 0 0 10px 0; background-color:#E5E8EB; color: #535373; font-family: Verdana, Tahoma, sans-serif; font-size:12px; }

h1                   { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size:26px; margin: 0px 0px 0px 0px; color: #333; }
h2                   { font-size: 20px; margin: 0 0 10px 0; padding: 0; line-height: 1.2em}
h3                   { font-size: 16px; margin: 0 0 5px 0; padding: 0; line-height: 1.2em; }

h1 a, h1 a:hover { text-decoration: none; color: #000; }

a                    { color: #000095; text-decoration: underline; }
a:hover              { color: #369; text-decoration: none; }


.bracket             { color:#000095; }
.img                 { border-width: 1px; border-style: solid; background-color: #fafafa}
.lo                  { color: #808080}
.hi                  { color: #CB2402; }

.gender_male, a.gender_male         { color: #369 }
.gender_female, a.gender_female       { color: #f00 }

.small               { font-size: 10px }
.big                 { font-size: 24px; line-height: 1.4em; font-family: Arial }

.separator           { background-color: #808080; height: 1px; } 


#wrap                { width: 996px; margin: 5px auto 5px auto ; background-color: #fff; }

#top                 { height: 85px; background:url(../img/top_bg.png); border-right: 1px solid #666}

#top_left             { width: 635px; height: 60px; float: left; }
#top_left_cont        { padding: 10px 0 0 15px; color: #333; font-size: 10px; }



#login                { width: 360px; height: 60px; float: left; text-align: right; font-size: 11px; color: #666 }
#login_cont           { padding: 3px 5px 0px 0; }
input.login           { font-size: 10px; width: 80px; background-color: #CFD0D2 }
input.button_login    { font-size: 10px; height: 18px; line-height: 1.2em; }

#topmenu { padding: 0px 0px 0px 0px; clear: both; margin: 0px 0 0 210px; height: 23px; background: url(../img/tmbg.png) repeat-x left top; border-top: 1px solid #666; border-bottom: 1px solid #9e9e9e; }
#topmenu ul { line-height: 1em; margin: -1px 0px 0px 0px; list-style-type: none; float: left; padding: 0px 0px 0px 0px; }
#topmenu ul li { float: left; }
#topmenu ul li a { text-decoration: none; display: block; float: left; padding: 0px 0px 0px 30px; background: url(../img/tabs.png) no-repeat left top; margin-left: -28px; z-index: 0; position: relative; color: #535373; }
#topmenu ul li a strong { font-weight: bold; display: block; float: left; background: url(../img/tabs.png) no-repeat right top; padding: 6px 30px 7px 0px; }
#topmenu ul li a:hover, #topmenu ul li a.sel { position: relative; z-index: 5; background: url(../img/tabs.png) no-repeat left bottom; color: #535373; }
#topmenu ul li a:hover strong, #topmenu ul li a.sel strong { background-image: url(../img/tabs.png) no-repeat; position: relative; z-index: 5; background-position: right bottom; }
  

#cont               { border-width: 0 1px 1px 1px; border-style: solid; border-color: #666666; line-height: 1.2em; }

#column              { width: 181px; float: left; }

#column ul               { margin: 0; padding: 0; list-style-type: none; }
#column li               { background-color: #ddd; border-width: 0 1px 1px 0; border-style: solid; border-color: #666; line-height: 1.4em; }
#column li.subhead       { background:url(../img/menu_subhead.gif); font-weight: bold; border-width: 0 1px 1px 0; border-style: solid; border-color: #666; line-height: 1.6em; }
#column li a             { display: block; width: 100%; color: #535373; font-weight: normal; text-decoration: none; }
#column li a:hover, #column li a.sel       { display: block; width: 100%; background-color: #535373; color: #fff; font-weight: normal; text-decoration: none; }


.bt                 { border-top: 1px solid #666 }


#column_boxes        { padding: 0 9px 0 0 }


#main                { float: left; width: 813px; }
#main_cont           { padding: 10px 20px 10px 19px; }
#main_list_cont      { padding: 10px 0 10px 10px; }

#split_left          { float: left; width: 640px; overflow: hidden}
#split_left_cont     { padding-right: 10px; }

#split_right         { float: left; width: 134px;  overflow: hidden}

.skyscraper_extra_wrap    { position: relative; top: -223px; left: 805px; float: left}
.skyscraper_extra_wrap_1  { position: relative; top: -251px; left: 805px; float: left}
.skyscraper_extra_wrap_2  { position: relative; left: 805px; top: 640px; float: left}
.skyscraper_extra         { position: absolute; }
.skyscraper_extra2        { margin-top: 620px; position: absolute; }
.skyscraper_extra3        { margin-top: 1240px; position: absolute; }


.img, .box_head, .box_cont, .box_cont_alt, .box_cont_plain, .box_cont_tips, .box_cont_img, .box_cont_banner { border-style: solid; border-color: #666; }

.box_head           { background: #ddd; border-width: 0 1px 1px 0; background-repeat: repeat-x}
.box_cont, .box_cont_alt, .box_cont_plain { padding: 5px; }
.box_cont, .box_cont_img, .box_cont_banner       { background-color: #eaeaea; }
.box_cont_alt       { background-color: #ffa; }
.box_cont_plain      { background-color: #fff; }
.box_cont_tips       { background-color: #eaeaea; border-width: 0 1px 1px 1px; padding: 5px 0 0 0 }


.box_cont_img        { border-width: 0 1px 1px 0; line-height: 0 }
.box_cont_img img    { border-width: 0 }

.box_cont_banner     { border-width: 1px; padding: 5px 0 3px 5px}

.box_foot_ad        { padding: 0 0 0 5px; background-color: #e3e3e3; border-width: 0 1px 1px 1px; border-style: solid; border-color: #666 }
.box_foot_ad img    { float: right; border-left: 1px solid #666 }

.box_foot           { height: 20px; background-repeat: no-repeat }


.box_alert          { font-size: 11px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #666; background: #ffe; padding: 5px; margin-bottom: 10px }


.index_categories   { margin: 0 0 10px 0; text-align: center;}

.index_categories a   { font-size: 1.4em; line-height: 1.6em;  margin-right: 0.8em; color: #c00; text-decoration: none }
.index_categories a:hover { text-decoration: underline; color: #369 }


.banner_text        { padding: 0 0 10px 0 }
.banner_text img    { border-width: 1px; border-style: solid; border-color: #666; background-color: #fafafa; float: left; margin: 0 5px 0 0 }
.banner_text a      { font-size: 14px; font-weight: bold }





#column .box_head    { padding: 2px 5px; background-image:url(../img/column_box_head.gif); }
#column .box_cont    { border-width: 0 1px 1px 0; }
#column .box_foot    { background-image:url(../img/column_box_bottom.gif); }

#main .box_head     { padding: 2px 5px 2px 15px; background-image:url(../img/main_box_head.gif); }
#main .box_cont, .box_cont_alt, .box_cont_plain      { border-width: 0 1px 1px 1px; }
#main .box_foot    { background-image:url(../img/main_box_bottom.gif);}

#split_left .box_foot    { background-image:url(../img/left_box_bottom.gif);}
#split_right .box_foot    { background-image:url(../img/right_box_bottom.gif);}


.line              { margin-bottom: 10px; border: 1px solid #666666; text-align: center }
.line a            { display: block; background-color: #47acf2; color: #fff; padding: 2px 5px; font-weight: bold; text-decoration: none}
.line a:hover      { display: block; background-color: #950000; color: #fff; }

.line_alt          { background-color: #ffa; padding: 2px 5px;  margin-bottom: 10px; border: 1px solid #666666; text-align: center }


.user_tips_item    { float: left; text-align: center; font-size: 10px; margin: 0 4px 0 0; width: 104px; overflow: hidden }
.user_list_item    { float: left; width: 154px; text-align: center; padding-bottom: 10px; font-size: 10px }

.list_item          { padding: 5px; background-color: #eaeaea; border: 1px solid #666 }

#foot                { width: 996px; margin: 0 auto; padding: 10px 0 0 0; font-size: 10px;}
#foot a              {  color: #950000 }


#mobile              { text-align: center; padding: 10px auto; font-size: 24px }
#mobile a            { font-weight: bold }

.banner_wrap     { width: 480px; float: left }

.footer_links    { width: 500px; float: left; line-height: 1em; }


.main_tip           { float: left; text-align: center; padding: 0 0 5px 9px}
.main_tip_item      { width: 180px; text-align: center }

.borderr            { border: 1px solid #666; margin-right: 5px}

.seekbar         { font-size: 11px; line-height: 20px; background-image: url(../img/seekbar_mid.gif); height: 23px; overflow: hidden; margin: 0 0 10px 0px; background-color: #ccc; text-align: center; }
.seekbar select  { margin: 2px 0 0 0; font-size: 10px; border: 1px solid #666; color: #336}
.seekbar input   { width: 80px; margin: 1px 0 0 0; font-size: 10px; border: 1px solid #666; background-color: #eaeaea}

.seekbar img     { border: 0}

.warnhead       { background-color: #000; color: #ff0; background-image: url(../img/warning_head.gif); font-size: 12px; font-weight: bold; border: 1px solid black; padding: 2px 5px; }
.warning        { padding: 5px; background-color: #303030; color: #fff; border-width: 0 1px 1px 1px; border-style: solid; border-color: black; margin-bottom: 10px; }

.warning a       { color: #fc0; text-decoration: underline }
.warning a:hover { color: #fc0; text-decoration: none }

.teaser          { background-color: #fff; color: #000; padding: 5px; margin-bottom: 10px; border: 1px solid black }

.alert           { background-color: #c00; color: #fff; font-size: 14px; line-height: 1.2em; font-weight: bold; padding: 5px 10px; border: 1px solid black; margin-bottom: 10px;  }
.alert a         { color: #fc0 }


.pay            { border: 1px solid #999; background: #fff; padding: 10px; margin: 10px 0; color: #c50000; }

.zasli          { font-size: 14px; line-height: 1.2em; background: #c00; color: #fff; margin: 0 0 10px 0; padding: 5px; border: 1px solid #303030}


.form_item        { font-weight: bold; width: 140px; float: left; line-height: 2em;  }
.form_value       { width: 620px; float: left; line-height: 2em; }
.form_value_short { width: 220px; float: left; line-height: 2em; }


#webring_wrap       { width: 996px; margin: 10px auto 0 auto}

#webring_wrap_head    { font-weight: bold; border-width: 1px 1px 0 1px; border-style: solid; border-color: #006; background-color: #369; color: #fff; padding: 2px 10px}

#webring_cont        {  padding: 5px 0 10px 10px; background-color: #eaeaea; border-width: 1px; border-style: solid; border-color: #006; }

.webring_col         { width: 244px; float: left; }
.webring_col_head    { font-size: 14px; font-weight: bold; border-bottom: 1px solid #006; color: #006; margin: 0 30px 10px 0}

.webring_col a        { color: #369; display: block; border-bottom: 1px solid #369; padding: 2px 0 5px 0; margin: 0 30px 0 0; text-decoration: none }
.webring_col a:hover  { text-decoration: underline }



input, select           { font-family: Verdana, sans-serif; font-size: 12px }

input.generic, textarea.generic      { border: 1px solid #c0c0c0;  }

input.generic_alert, select.generic_alert    { border: 1px solid #c0c0c0; background-color: #c00; color: #fff}


input.short      { width: 20px }
input.short2      { width: 40px }
input.long      { width: 200px }


textarea       { font-family: Verdana, Tahoma, sans-serif; font-size: 11px }
textarea.generic   { width: 520px; height: 80px; overflow: auto }

textarea.generic_alert   { width: 520px; height: 80px; background-color: #c00; color: #fff; overflow: auto }


table#full           { width: 100%; background-color: #e0e0e0; border-collapse: collapse; }
#full td             { padding: 2px 5px; border: 1px solid #000;}
#full .head td       { background-color: #69c; color: #000 }

.photo_edit_item        { width: 150px; float: left; }
.photo_edit_item_cont          { padding: 5px; margin: 0 10px 10px 0; background-color: #e0e0e0; text-align: center; border: 1px solid #808080 }
.photo_edit_item_cont_title    { padding: 5px; margin: 0 10px 10px 0; background-color: #f60; color: #600; text-align: center }

