@import url(/css/base.css);

body { background: url(/i/bg.png) repeat-x; width: 100%; }

a { color: #1E4F6A; font-weight: bold;}

form label { width: 120px; text-align: right; display: block; float: left; clear: both; font-weight: bold; line-height: 36px; height: 36px; padding-right: 5px; }
form input[type=text], form input[type=password]{ float: left; height: 20px; padding: 3px; border: 2px solid #1E4F6A; margin: 2px 0; font-size:14px; width:200px; }
form select { float: left; height: 30px; line-height: 20px; border: 2px solid #1E4F6A; margin: 2px 0; font-size:14px; width:200px; }
form input[type=checkbox] { float: left; margin: 2px 0; font-size:14px; margin-top: 10px; }
form input[type=submit]  { clear: both; float: left; margin-left: 125px; background:#1E4F6A; color:#fff; font-size:16px; font-weight:bold; border: 0; font-family: Arial,Helvetica,Geneva,sans-serif; padding: 4px; cursor: pointer; }
form input[type=submit]:hover { background:#6D9CB5; }
form .error { float: left; width: 250px; line-height: 28px; background: #FFFFCC; border: 1px solid #CC9933; margin: 2px 0 0 5px; font-weight: bold; padding-left: 5px; }
form .error .icon10 { margin-right: 2px; }

ul { margin-top: 10px; margin-left: 15px; font-size: 14px; }
li { padding: 3px 0;}
li a { font-weight: normal; }

ol { margin-left: 20px; }

blockquote { border: 1px solid #6D9CB5; background: #DFEFF7; padding: 5px; margin:5px 0; }

table { border: 1px solid #1E4F6A; margin: 10px 0; }
table th { background: #1E4F6A; color: #fff; font-weight: bold; padding: 5px; }
table td { font-size: 16px; font-weight: normal !important; padding: 5px; }
table tr.even { background: #DFEEF6; }

#wrapper { width: 900px; margin: 0px auto;}

#top { height: 51px; padding-top:14px; }
#top #logo { float: left; width:128px; height: 39px; }

#user_panel { height: 40px; padding-top: 16px; float:right;}
#user_panel span { color: #fff; }
#user_panel a { background:#6D9CB5; color:#fff; font-size:16px; font-weight:bold; margin-left:10px; padding:10px; text-decoration:none; }
#user_panel a:hover { background: #fff; color: #1E4F6A; }

#flash_msg { margin-bottom: 5px; font-weight: bold; width: 878px; height: 24px; line-height: 15px; }
#flash_msg .icon16 { float:left; margin-right:10px; margin-top:6px; }
#flash_msg div { float: left; width: 840px; padding-top: 3px; }

#content { margin-top: 10px; }

#foot { margin-top: 20px; border-top: 2px solid #1E4F6A; }
#foot a { background: #1E4F6A; color: #fff; font-weight:bold; line-height:20px; margin:3px; padding:5px; text-decoration:none; }
#foot a:hover { background: #6D9CB5; }

.btn { background:#1E4F6A; color:#fff; font-size:16px; font-weight:bold; padding: 4px 10px; text-decoration: none; line-height:30px; }
.btn:hover { background:#6D9CB5; }
.btn.sel { background: #6D9CB5; }

.msg_info, #flash_msg.msg_warning, #flash_msg.msg_error { font-size: 12px; color: #000; padding: 2px 10px 5px; }
.msg_info { border: 1px solid #6D9CB5; border-top: 0; }
.msg_warning { background: #FFFFCC; border: 1px solid #CC9933; border-top: 0; }
.msg_error { border: 1px solid #A34B4B; border-top: 0; }

#left_column { width: 450px; float: left; padding-top: 10px; }

#toc li { font-size: 12px; }

#blog .post { margin-bottom:30px; }
#blog .post h1 { color:#999999; float:left; font-size:14px; font-weight:normal; line-height:16px; padding:5px 0; text-align:right; width:130px; }
#blog .post h2 { border-left:1px solid #1E4F6A; color:#1E4F6A; font-size:14px; line-height:16px; margin-left:150px; padding:5px 0 5px 10px; font-weight: bold; }
#blog .post p { border-left:1px dotted #6D9CB5; color:#333333; font-size:14px; line-height:16px; margin-left:150px; padding-left:10px; }

#using div { padding: 10px; float: left; }

#using div { height: 100px; }
#using .fadeThis { display:block; width:200px; }
#using span.hover { position: absolute; width: 200px; }

#using .flaker { background: url(/i/friends/flaker_bg.png) no-repeat; height:52px; }
#using .flaker span.hover { background: url(/i/friends/flaker.png) no-repeat; height: 52px; }

#using .platige { background: url(/i/friends/platige_bg.png) no-repeat; height:65px; }
#using .platige span.hover { background: url(/i/friends/platige.png) no-repeat; height: 65px; }

#using .media2 { background: url(/i/friends/media2_bg.png) no-repeat; height:56px; }
#using .media2 span.hover { background: url(/i/friends/media2.png) no-repeat; height: 56px; }

#using .salon { background: url(/i/friends/salon_bg.png) no-repeat; height:100px; }
#using .salon span.hover { background: url(/i/friends/salon.png) no-repeat; height: 100px; }

#using .szafa { background: url(/i/friends/szafa_bg.png) no-repeat; height:68px; }
#using .szafa span.hover { background: url(/i/friends/szafa.png) no-repeat; height: 68px; }

#using .fotospacery { background: url(/i/friends/fotospacery_bg.png) no-repeat; height:50px; }
#using .fotospacery span.hover { background: url(/i/friends/fotospacery.png) no-repeat; height: 50px; }

#using .mobility { background: url(/i/friends/mobility_bg.png) no-repeat; height:63px; }
#using .mobility span.hover { background: url(/i/friends/mobility.png) no-repeat; height: 63px; }

#using .igol { background: url(/i/friends/igol_bg.png) no-repeat; height:95px; }
#using .igol span.hover { background: url(/i/friends/igol.png) no-repeat; height: 95px; }