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('http://prikachi.com/background.gif'); background-repeat: repeat-x;}
img {border: 0px; vertical-align: middle}
input, select {vertical-align: middle; margin: 0px}

a, .link {color: #043253; text-decoration: none; cursor: pointer;}
a:hover, .link:hover {text-decoration: underline;}

.clearb {clear: both;}

form {margin: 0px; padding: 0px}

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

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

select {border: 1px solid #043253; margin: 1px 0 1px 0}

.button {color: #043253; border: 1px solid #043253; background-color: #F1F1F1 }
ul, li {margin: 0 0 0 10px; padding: 2px 0 2px 5px}


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


#head {height: 98px; background-color: #4077a9; margin-top: 15px; padding-top: 2px}
#main_menu {background-color: #043253; height: 36px; text-align: right;}
.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 {float: left; color: #FFFFFF; margin: 10px 20px 0 0}


#login_user, #login_user_active, #login_pass, #login_pass_active {float: left; margin: 8px 0 0 20px; width: 120px; padding-left: 26px; background-repeat: no-repeat; height: 16px; background-image:url('http://prikachi.com/login_sprite.gif');}  


#login_user {background-position: 6px -10px; background-color: #F1F1F1; color: #000000; border: 1px solid #000000}
#login_pass {background-position: 4px 5px; background-color: #F1F1F1; color: #000000; border: 1px solid #000000}


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

#login_butt{float: left; margin: 8px 10px 0 20px; background-color: #4077a9; color: #FFFFFF; font-weight: bold}
#login_rem {float: left;margin-right: 5px}


#logo {background-image:url('http://prikachi.com/prikachi_logo.png'); background-repeat: no-repeat; height: 27px; width: 465px; padding-top: 35px; cursor: pointer}
#services {text-align: right; padding: 4px 10px 0 10px; height: 30px; float: right}
.service {margin-right: 12px; color: #FFFFFF}

#slogan {color: #FFFFFF; padding: 1px 0 0 53px; font-size: 11px;}


#main {background-color: #D1D1D1; margin-top: 15px; border: 0px}
#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: 10px ;margin: 0 15px 0 15px; min-height: 32px}
#gallery_left_td {width: 315px;}
#gallery_right_td {width: 650px;}



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

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;}

.svejo {margin: 3px 0 0 2px;text-align: left;}

#upload_image1 {height: 200px; margin-top: 30px; padding-left: 20px}


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

#last {height: 130px; margin-top: 15px; background-color: #E6E6E6}
.last_img {margin: 5px 0 5px 5px; float: left; height: 120px; width: 152px; background-color: orange}

#foot_img {background-image: url(http://prikachi.com/foot.png); background-repeat: no-repeat; background-position: top left; float: left; height: 90px; width: 112px}
#foot_line {height: 15px; width: 868px; float: left; background-color: #D1D1D1}
#foot_menu {text-align: right; padding: 8px 10px 0 0; float: right}
#counter {float: left; padding: 10px 0 0 7px; 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; margin-top: 6px; text-align: center; border: 1px solid #000000}
.message_r {background-color: #e76e82;}
.message_g {background-color: #7db02d;}
.message_cont {width: 600px; margin: 15px auto 0 auto}


.gal_list {opacity: .8; float: left; background-repeat: no-repeat; background-position: center center; width: 145px; height: 145px; border: 2px solid #FFFFFF; margin: 5px 10px 5px 0; 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: 125px; height: 20px; padding-right: 5px; text-align: right; width: 140px; display: block}


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

#files_list img {margin-top: 2px;}
#files_title, #files_max {display: none; padding-left: 5px}
#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;
    cursor: pointer;
    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;
}