body{text-align: left; font-family:  Verdana, Arial, sans-serif; font-size: 12px; color: #000000; line-height: 20px; background: #FFFFFF; margin: 0px; background-image:url('/background.gif'); background-repeat: repeat-x;}
img {border: 0px; vertical-align: middle}
input, select {vertical-align: middle; margin: 0px}
ul, li {margin: 0 0 0 10px; padding: 2px 0 2px 5px}
select {border: 1px solid #043253; margin: 1px 0 1px 0}
a, .link {color: #043253; text-decoration: none; cursor: pointer;}
a:hover, .link:hover {text-decoration: underline;}
form {margin: 0px; padding: 0px}

.clearb {clear: both;}

.input_box, .link_share {padding-left: 2px; border: 1px solid #000000; background-color: #F1F1F1; margin: 1px 0 1px 0; height: 16px}
.input_box:hover , .link_share:hover{background-color: #FFFFFF; color: #043253; border: 1px solid #043253}

.link_share {width: 300px; font-size: 11px}

.file, #file,  {background-color: #F1F1F1; color: #043253; border: 1px solid #043253; margin: 1px 0 1px 0}

.button {color: #043253; border: 1px solid #043253; background-color: #F1F1F1; cursor: pointer }
.button_img {cursor: pointer; border: 0px; background-color: transparent}

#container {width: 980px; margin: auto;}

#head {height: 98px; background-color: #4077a9; margin-top: 15px; padding-top: 2px}
#main_menu {background-color: #043253; height: 36px;}
.main_menu_item {height: 22px; padding: 9px 9px 5px 9px; border-left: 1px solid #043253; color: #FFFFFF; float: right; font-weight: bold}
#main_menu_selected, .main_menu_item:hover {background-color: #4077a9; text-decoration: none}

.main_menu_link {color: #FFFFFF; cursor: pointer;}

#main_menu input {margin: 0 5px 0 10px;}

#login_user, #login_user_active, #login_pass, #login_pass_active {width: 120px; padding-left: 26px; background-repeat: no-repeat; height: 16px; background-image:url('/login_sprite.gif');}  

#login_user, #login_pass {background-color: #F1F1F1; color: #000000; border: 1px solid #000000;}

#login_user {background-position: 6px -10px;}
#login_pass {background-position: 4px 5px;}

#login_user_active, #login_user:hover, #login_pass_active, #login_pass:hover  { background-color: #FFFFFF; color: #043253; border: 1px solid #4077a9}

#login_user_active, #login_user:hover {background-position: 6px -46px;}
#login_pass_active, #login_pass:hover {background-position: 4px -30px;}



#logo, #logo:hover {background-image:url('/prikachi_logo.png'); background-repeat: no-repeat; height: 27px; width: 400px; padding: 36px 0 0 53px; font-size: 11px; color: #FFFFFF; display: block; text-decoration: none}
#services {text-align: right; padding: 4px 10px 0 10px; height: 30px; float: right}
#services a {margin-right: 12px; color: #FFFFFF}

#layout {float: right; padding: 18px 0 0 0; width: 100px}
#layout div {width: 12px; height: 12px; float: right; margin-left: 6px; cursor: pointer}

#main {background-color: #D1D1D1; margin-top: 15px;}
#main_spacer {padding: 0 0 0 15px}


.title {height: 20px; font-weight: bold; }

#main_left {background-color: #FFFFFF; border: 1px solid #000000; padding: 10px; height: 288px; width: 613px; margin: 15px 15px 0 0; float: left; }
#main_right {width: 300px; height: 310px; margin-top: 15px; float: left;}

#gallery_left {background-color: #FFFFFF; border: 1px solid #000000; padding: 7px 5px 7px 7px ;margin: 0 15px 0 15px; min-height: 32px}
#gallery_left_td {width: 315px;}
#gallery_right_td {width: 650px;}

#gallery_title {border: 1px solid #D1D1D1; background-color: #D1D1D1; color: #000000; cursor: default; font-weight: bold; font-size: 15px; padding: 0 2px; height: 18px;}
#gallery_title_edit {font-weight: bold; font-size: 15px; padding: 2px; padding: 0 2px; height: 18px}

#gallery_table {width: 100%; margin-top: 4px}

table#gallery_table tr {background-color: #AAAAAA;}
table#gallery_table td {border-bottom: 1px solid #D1D1D1; padding: 0 10px 0 10px}


.gallery_table_head {text-align: center; color: #FFFFFF; font-weight: bold; padding: 0px}
.gallery_table_foot {background-color: #4077a9; padding: 30px;}
.gallery_table_foot a {color: #FFFFFF}

.gallery_menu {display: block; padding: 3px; background-color: #043253; color: #FFFFFF}
#gallery_menu_selected, .gallery_menu:hover {background-color: #4077a9; text-decoration: none}


.gallery_td2 {text-align: right}
.gallery_td3 {text-align: center}


.cloud_big, .cloud_med, .cloud_small {margin: 0 14px 0 0; vertical-align: middle; white-space: nowrap;}

.cloud_big {font-size: 17px;}
.cloud_med {font-size: 15px;}
.cloud_small {font-size: 12px;}
.cloud_count {font-size: 11px;}

.share {margin: 3px 0 0 2px;text-align: left; height: 30px}



#search {height: 28px; margin: 12px 0 0 20px;}
#banner {background-color: #000000; height: 250px; width: 300px; margin-top: 20px;}


#foot_img {background-image: url(/foot2.png); background-repeat: no-repeat; background-position: top left; float: left; height: 90px; width: 109px}
#foot_line {height: 15px; width: 871px; float: left; background-color: #D1D1D1}
#foot_menu {text-align: right; padding: 8px 10px 0 0; float: right}
#counter {float: left; padding: 10px 0 0 10px; height: 40px;}
.foot_link {margin-left: 12px; font-size: 11px; color: #285a88}


#copyright {margin-top: 2px; font-size: 10px; color: #999999}

.message_r, .message_g {padding: 3px; color: #FFFFFF; font-size: 13px; text-align: center; border: 1px solid #000000}
.message_r {background-color: #e76e82;}
.message_g {background-color: #7db02d;}
.message_cont {width: 600px; margin: 35px auto 20px auto}


.gal_cont {float: left; padding: 1px 3px 5px 3px; width: 184px; height: 159px;}
.gal_list {opacity: .8; display: block; background-color: #c1c1c1; width: 182px; height: 157px; border: 1px solid #606060; filter: alpha(opacity = 80);}
.gal_list:hover {opacity: .99; filter: alpha(opacity = 100);}
.name {opacity: .65; filter: alpha(opacity = 65); color: #FFFFFF; background-color: #000000; margin-top: -20px; height: 20px; padding-right: 2px; text-align: right; width: 180px; font-size: 11px; display: block}
.image {margin: 1px 1px 0 1px; width: 180px; height: 156px; display: block; background-repeat: no-repeat; background-position: center top; }




#files_list {width: 300px; margin-bottom: 12px;display: none;}
#files_list div  {border: 1px solid #000000; margin: 2px 0 2px 0; padding: 0 2px 3px 3px; text-align: right}

#files_list img {margin-top: 2px; cursor: pointer}
#files_title, #files_max {display: none;}
#files_max {color: #FF0000}


.suggestionsBox {
		position: absolute;
		width: 212px;
		background-color: #FFFFFF;
		border: 1px solid #000;	
		font-size: 11px;
		list-style-type:none;
		z-index: 30;
		}



	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li, .suggest {
		text-align: left;
		margin: 0;
		padding: 1px 6px 2px 6px;
		cursor: pointer;
	}
	
	.suggestionList li:hover, .suggest:hover {
		background-color: #4077a9;
		color: #FFFFFF;
	}


/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}


.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #4077a9;
padding: 5px;
left: -1000px;
border: 1px solid #FFFFFF;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border: 1px solid #000000;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 30px;
left: 70px; /*position where enlarged image should offset horizontally */
}




.info{
    position:relative;
    z-index:24;
    color: #043253;
}

.info:hover {
	z-index:25;
	}

.info span {display: none;}

.info:hover span {
    display:block;
    position: absolute;
    top:18px;
    left:0px;
    width:380px;
    border:1px solid #000000;
    background-color:#FFFFFF;
    color:#000000;
    padding:4px;
}