* { padding: 0; margin: 0 }
BODY { background: #fff; color: #414242; font: 12px Tahoma }
TD { color: #414242; font: 12px Tahoma }
TABLE { border-collapse: collapse; border: 0 }

A { color: #16a16d }
A IMG, IMG { border: 0 }

.png { filter:expression(fixPNG(this)) }

H1 { margin: 0 0 19px 0; font-size: 22px; color: #059259 }
H1.big { margin: 0 0 33px 0; font-size: 29px; color: #059259; font-weight: normal }
H2 { margin: 0 0 14px 0; font-size: 21px; color: #059259; font-weight: normal }
H3 { margin: 0 0 12px 0; font-size: 18px; color: #059259; font-weight: normal }
H4 { margin: 0 0 5px 0; font-size: 12px; color: #059259; font-weight: normal;  }
P { margin: 0 0 14px 0 }

H1 SPAN { color: #7DCD0A; margin-left: 5px; font-weight: normal }
H1 SPAN A { color: #7DCD0A; }

#main { background: url("../images/main_bg.jpg") 0 0 repeat-x; height: 100%; width: 100%; }
#head { height: 339px; background: url("../images/head_bg.jpg") 0 0 no-repeat; vertical-align: top }
#sber_logo { float: left; margin: 40px 0 0 32px; width: 200px; height: 200px }

#left_col { vertical-align: top; padding: 0px 55px 0 54px; height: 100% }
#center_col { vertical-align: top; width: 100% }
#base_content { vertical-align: top; width: 100%; padding: 16px 0 0 0 }
#right_col { vertical-align: top; padding: 0px 15px 30px 38px }

#center_col UL { margin: 0 40px 18px 40px }
#center_col UL LI { margin: 0 0 4px }

#footer { height: 155px; background: url("../images/footer_bg.gif") 0 100% repeat-x; color: #42599e; vertical-align: top }
#footer P { font-size: 10px; color: #7c7e80; margin: 30px 0 0 234px }

#subfooter { height: 26px; background: url("../images/subfooter_bg.gif") 0 0 repeat-x; margin: 42px 0 0 43px }
#subfooter IMG { position: relative; margin: -200px 0 0 0 }

#regform_obj DIV { font-size: 12px; font-weight: bold; color: #5da99b; margin: 0 0 5px 0 }
#regform_obj DIV SPAN { font-weight: normal }
#regform_obj INPUT { width: 240px; height: 23px; padding: 2px 0 0 0; border: 1px solid #139b68; margin: 0 11px 12px 0  }
#regform_obj SUP { vertical-align: baseline; position: relative; top: -0.4em; left: 0.1em; color: #ff4500 }
#regform_obj TEXTAREA { width: 100%; margin: 0 0px 12px 0; border: 1px solid #139b68 }
#story { width: 491px; height: 150px; margin: 0 0px 12px 0; border: 1px solid #139b68 }
#regform_obj .area { padding: 0 11px 0px 0 }

#agreement { width: 491px; vertical-align: top }
#agreement DIV { border: 1px solid #139b68; padding: 25px 20px 10px 20px; overflow: auto;  height: 256px; margin: 5px 0 0 0 }
* HTML #agreement DIV { height: 303px; margin: 20px 0 0 0 }
*+HTML #agreement DIV { height: 303px; margin: 20px 0 0 0 }
#agreement DIV H2 { color: #059259; margin: 0 0 15px; font-size: 15px }
#agreement DIV P { margin: 0 0 13px; font-size: 11px; }
#agreement UL { margin: 0 20px 18px 20px }
#agreement UL LI { font-size: 11px;  margin: 0 0 4px }
#agreement .ext { overflow: hidden; margin: 13px 0 0 0 }
#agreement .ext .left { float: left; font-weight: normal }
#agreement SPAN { font-size: 12px; color: #000 }
#agreement .shade { color: #c2c2c2; }
#agreement .ext .right { float: right }
#agreement .ext .right INPUT { width: 166px }
.shade { color: #c2c2c2; background: #fff }

.ext { font-size: 10px; color: #7c7e80; width: 491px; clear: both }
.ext SUP { font-size: 12px; vertical-align: baseline; position: relative; color: #ff4500  }
.ext SPAN { font-weight: bold }

.blue { color: #1244a0 }

.red { color: #ed1c24 }
#right_col .red { font-size: 11px; margin: 0 0 5px 10px }
#loadphoto .red, #regform_obj .red { color: #ed1c24 }

#bird { margin: 0 0 25px 0 }
#bird IMG { width: 125px; height: 107px }

#left_menu { margin: 0 0 20px 16px }
#left_menu A { display: block; margin: 0 0 8px 0; white-space: nowrap }
#left_menu A.sel { text-decoration: none; font-weight: bold }

#auth_form DIV { margin: 80px 0 2px 0 }
* HTML #auth_form DIV { margin-top: 100px }
*+HTML #auth_form DIV { margin-top: 100px }
#auth_form B { color: #fff; margin: 0 0 7px 0; display: block }
#auth_form SPAN { display: block; font-size: 11px; color: #808080; margin: 0 0 3px 0 }
#auth_form A { display: block; margin: 0 0 2px 0; font-size: 11px; color: #007649 }
#auth_form .field { margin-right: 7px }
#auth_form .button { width: 60px; font-size: 11px; margin: 10px 0 0 28px }
#pwd { width: 120px; border: 1px solid #009a5f }

#child { margin: 0 0 0 86px; width: 117px; height: 318px }

#login_cont #auth_nav TD { padding: 0 0 0 0 }
#login_cont #auth_nav .right { padding-right: 45px; vertical-align: bottom; text-align: right }

#login_cont { height: 194px; background: url("../images/camera.gif") 0 0 no-repeat; padding: 18px 0 0 26px; margin: 0 0 15px 0 }
#login_cont TD { padding: 10px }

.work_added { margin: 0 10px 20px 0; float: left }
.work_added .gray { font-size: 11px; color: #4971bb; margin: 0 0 2px 0; text-align: center }
.work_added .green { font-size: 11px; font-weight: bold; color: #013799; margin: 0 0 9px 0; text-align: center }
.work_added TABLE { margin: 0 0 5px 0 }
.work_added TH { border: 1px solid #7fbfa7; background: #d5f7eb; text-align: center; vertical-align: middle; width: 168px; height: 35px; font-size: 11px; color: #139B68 }
.work_added TH DIV { padding: 4px 6px }
.work_added TD { border: 1px solid #7fbfa7; background: #d5f7eb; text-align: center; vertical-align: middle; width: 168px; height: 168px; cursor: pointer } 
.work_added .delwork { text-align: center; font-size: 11px; color: #7C7E80; width: 170px }
.work_added .delwork A { font-size: 10px }
.work_added .delwork DIV { margin: 3px 0 0 0; font-size: 17px; color: #139b68 }
.work_added TD.story_ico { background: #D5F7EB url('../images/story_ico.gif') 100% 100% no-repeat }

.work_list { margin: 0 10px 20px 0; float: left }
.work_list .gray { font-size: 11px; color: #4971bb; margin: 0 0 2px 0; text-align: center }
.work_list .green { font-size: 11px; font-weight: bold; color: #013799; margin: 0 0 9px 0; text-align: center }
.work_list TABLE { margin: 0 0 5px 0 }
.work_list TH { border: 1px solid #7fbfa7; background: #d5f7eb; text-align: center; vertical-align: middle; width: 168px; height: 35px; font-size: 11px; font-weight: bold; color: #139b68 }
.work_list TH DIV { padding: 4px 6px }
.work_list TD { border: 1px solid #7fbfa7; background: #d5f7eb; text-align: center; vertical-align: middle; width: 168px; height: 168px; cursor: pointer } 
.work_list .delwork { text-align: center; width: 170px; font-size: 10px }
.work_list .delwork A { font-size: 11px; color: #16a16d }
.work_list .delwork DIV { margin: 3px 0 0 0; font-size: 17px; color: #139b68 }
.work_list .cnt { text-align: center; width: 170px; font-size: 12px; color: #4971bb; font-weight: bold }
.work_list TD.story_ico { background: #D5F7EB url('../images/story_ico.gif') 100% 100% no-repeat }

.work_own { margin: 0 10px 20px 0; float: left }
.work_own TABLE { margin: 0 0 5px 0 }
.work_own TH { border: 1px solid #787878; background: #d3d3d3; text-align: center; vertical-align: middle; width: 168px; height: 35px; font-size: 11px; font-weight: bold; color: #676767 }
.work_own TH DIV { padding: 4px 6px }
.work_own TD { border: 1px solid #787878; background: #f2f2f2; text-align: center; vertical-align: middle; width: 168px; height: 168px; cursor: pointer } 
.work_own .delwork { text-align: center; font-size: 10px; color: #a7a7a7; width: 170px }
.work_own .delwork A { font-size: 10px; color: #a7a7a7 }

.work_out { margin: 0 10px 20px 0; float: left }
.work_out .gray { font-size: 11px; color: #4971bb; margin: 0 0 2px 0; text-align: center }
.work_out .green { font-size: 11px; font-weight: bold; color: #013799; margin: 0 0 9px 0; text-align: center }
.work_out TABLE { margin: 0 0 5px 0 }
.work_out TH { border: 1px solid #7fbfa7; background: #d5f7eb; text-align: center; vertical-align: middle; width: 168px; height: 35px; font-size: 11px; color: #139B68 }
.work_out TH DIV { padding: 4px 6px; font-weight: normal }
.work_out TD { border: 1px solid #7fbfa7; background: #d5f7eb; text-align: center; vertical-align: middle; width: 168px; height: 168px; }
.work_out TD A { display: block; width: 150px; height: 150px; background: #fff; margin: 0 0 0 8px; font-size: 11px }
* HTML .work_out TD A { margin: 0 0 0 0px }
.work_out TD DIV { font-weight: bold; padding: 62px 0 0 0 }

#loadphoto { margin: 18px 20px }
#loadphoto H4 { font-size: 16px; font-weight: normal; margin: 0 0 4px 0 } 
#loadphoto H3 { font-size: 24px; font-weight: normal; margin: 0 0 25px 0; color: #013799 } 
#loadphoto P { margin: 0 0 15px 0 }
#loadphoto .red, #regform_obj .red { color: #ed1c24 }
#loadphoto .field { color: #7a7a7a; margin: 0 0 15px 0 }
#loadphoto .field SPAN { font-size: 10px }
#loadphoto .field INPUT { width: 330px; height: 22px }
#loadphoto .field TEXTAREA { width: 330px }
/*#loadphoto .field .text { width: 330px }*/
#loadphoto .button { width: 180px }

#enter_obj .field { width: 240px; height: 23px; padding: 2px 0 0 0; border: 1px solid #93aad0; margin: 0 11px 0px 0  }
#enter_obj DIV { display: block; margin: 0 0 4px 0;  }
#enter_obj TD { verical-align: top }
#enter_obj A { color: #404142 }

#forgotform_obj .field { width: 240px; height: 23px; padding: 2px 0 0 0; border: 1px solid #93aad0; margin: 0 11px 0px 0  }
#forgotform_obj DIV { display: block; margin: 0 0 4px 0;  }
#forgotform_obj TD { verical-align: top }
#forgotform_obj A { color: #404142 }

#banner1 { margin: 0 0 0 10px; width: 233px }


#voting { position: relative; margin: 0px -33px 0 0 }
#voting .left { float: left }
#voting .right { float: right }

.subnav { font-size: 12px; margin: 6px 35px 0 0px }
.subnav B { display: block; font-weight: normal; color: #013799; margin: 0 0 4px 0 }
.subnav A { display: block; font-weight: bold; margin: 0 0 4px 0 }

.navbottom { margin: 20px 0 30px 0 }
.navbottom B { display: block; clear: both; color: #535353; font-size: 11px; margin: 0 0 6px 0 }
.navbottom A { float: left; font-weight: bold; border: 1px solid #7FBFA7; color: #139B68; padding: 5px 10px; margin: 0 10px 0 0; text-decoration: none }
.navbottom A.sel { color: #fff; background: #139B68 }

.selectfilter { font-size: 11px; margin: 26px 96px 0 0 }
.selectfilter SELECT { width: 168px; display: block; margin: 4px 0 0 0 }

.about_info { font-weight: bold; margin: 0 0 10px 0 }
.about_info SPAN { font-size: 18px; color: #013799; font-weight: normal }

.statbig { padding: 0 50px 0 0; vertical-align: top }
.stattable { border-bottom: 1px solid #059259 }
.stattable TH { text-align: left; background: #059259; color: #fff; padding: 10px 25px 10px 15px; font-size: 11px }
.stattable TD { color: #16a16d; padding: 10px 25px 10px 15px }
.line1 { background: #D5F7EB }
.line2 { background: #fff }
