@charset "utf-8";
/* CSS Document */

/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
table, tr, th, td {
	vertical-align:top;
}
ul, ul li {
	margin:0;
	padding:0;
	list-style:none
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
th {
	text-align:left;
}
input, textarea {
	font-family:sans-serif;
	font-size:100%
}
/* IE stretched buttons fix */
input.submit {
	width:0;
	overflow:visible;
}
input.submit[class] {
	width:auto;
}
/* css reset end */

body {
	background:url(../images/bg.jpg) 0 0 repeat-x #eeeeee;
	color:#000;
	font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom:50px;
}
a {
	text-decoration:none;
}
/*--TOP PANEL--*/
#topPan {
	width:1000px;
	height:32px;
	margin:0 auto;
	z-index:36;
	position:relative; /*border:1px solid #F00;*/
}
#topPan ul#topMenu {
	width:auto;
	height:15px;
	color:#fff;
	position:absolute;
	top:8px;
	right:0;
}
#topPan ul#topMenu li {
	padding:0 15px 0 15px;
	text-align:center;
	height:15px;
	line-height:15px;
	color:#fff;
	float:left;
	border-right:1px solid #999;
}
#topPan ul#topMenu li.last {
	border-right:none;
	padding-right:15px;
	background:url(../images/down.gif) right 0 no-repeat;
}
#topPan ul#topMenu li a {
	color:#FFF;
	text-decoration:none;
	height:15px;
	line-height:15px;
	padding-left:20px;
}
#topPan ul#topMenu li a.registration {
	background:url(../images/user.png) 0 2px no-repeat;
	padding-left:23px
}
#topPan ul#topMenu li a.contact {
	background:url(../images/phone.png) 0 50% no-repeat;
}
#topPan ul#topMenu li a.sitemap {
	background:url(../images/sitemap.png) 0 50% no-repeat;
}
#topPan ul#topMenu li a.login {
	background:url(../images/login.png) 0 50% no-repeat;
}
#topPan ul#topMenu li a.logout {
	background:url(../images/close.png) 0 50% no-repeat;
}
#topPan ul#topMenu li a.hu {
	background:url(../images/flag_hu_16_x_16.png) 0 4px no-repeat;
}
#topPan ul#topMenu li a.sk {
	background:url(../images/flag_sk_16_x_16.png) 0 4px no-repeat;
	display:block;
	width:5px;
}
#topPan ul#topMenu li a.en {
	background:url(../images/flag_en_16_x_16.png) 0 4px no-repeat;
}
#topPan ul#topMenu li a:hover, #topPan #langs ul li a.active {
	text-decoration:underline
}
#topPan .panel {
	top: 32px;
	width: 180px;
	_width: 190px;
	position: absolute;
	padding: 5px 10px 10px 10px;
	background:url(../images/login_panel_bg.gif) 0 0 repeat-x #6a6a6a;
	display: none;
	border:1px solid #333;
	border-top:none;
	opacity:0.85;
}
#topPan #login-panel {
	right:55px;
}
#topPan #lang-panel {
	right:15px;
}
#topPan .panel label {
	width:150px;
	font-size:12px;
	margin:5px 0 0 0;
	float:left;
	color: #FFF;
	display:block;
}
#topPan .panel input.text {
	width:150px;
	display:block;
	padding:2px 2px 2px 2px;
	border:1px solid #666;
	color:#333;
	float:left;
	background:#FFF;
}
#topPan .panel input.submit {
	width:22px;
	height:22px;
	float:left;
	border:none;
	display:block;
	border:1px solid #666;
	background:url(../images/login_submit.gif) -1px -1px no-repeat;
	cursor:pointer;
}
#topPan .languages {
	width:32px;
	padding:0;
}
#topPan ul#langs {
	margin-top:8px;
}
#topPan ul#langs li a {
	display:block;
	height:20px;
	width:32px;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
#topPan ul#langs li a.sk {
	background-image:url(../images/flag_sk_16_x_16.png);
}
#topPan ul#langs li a.hu {
	background-image:url(../images/flag_hu_16_x_16.png);
}
#topPan ul#langs li a.en {
	background-image:url(../images/flag_en_16_x_16.png);
}
#header {
	width:1000px;
	height:110px;
	position:relative;
	margin:0 auto;
	background:url(../images/header.jpg) 0 -1px no-repeat;
	z-index:5; /*border:1px solid #F00;*/
}
#header img.logo {
	position:absolute;
	top:8px;
	left:5px;
}
#middlePan {
	width:950px;
	position:relative;
	margin:0 auto;
	margin-top:0px;
	background:url(../images/middle_bg.png) 0 0 no-repeat; /*border:1px solid #F00;*/
	padding:25px 25px 0 25px;
	
}
/*--/TOP PANEL--*/

/*--LEFT PANEL--*/


#leftPan {
	width:230px;
	float:left;
	margin:0;
	color:#333;  /*border:1px solid #F00;*/
}
#leftPan .mainMenu {
	border: 1px solid #cfcfcf;
	border: none;
	background: #f6f5f4;
	background: none;
	padding: 5px;
	margin-bottom: 20px;/*-moz-border-radius: 5px; -webkit-border-radius: 5px;*/
}
#leftPan .mainMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: none;
}
#leftPan .mainMenu li {
	/*border-bottom: 1px solid #d6d6d6;*/
	background:url(../images/menu_divider.png) 0 bottom no-repeat;
	font-size: 1em;
	color: #333;
	height:32px;
	line-height:32px;
}
#leftPan .mainMenu li a {
	background:url(../images/arrow_r.gif) 15px 50% no-repeat;
	color: #333 !important;
	display: block;
	padding-left:48px;
	height:32px;
	line-height:32px;/*padding: 7px 8px 6px 48px;*/
}
#leftPan .mainMenu li a:hover, #leftPan .mainMenu li a.active {
	/*background: #DDD;*/
	background:url(../images/arrow_rh.gif) 15px 50% no-repeat;
	font-weight:bold;
}
#leftPan .mainMenu li.end {
	background: none;
}
#leftPan .adminMenu {
	border: 1px solid #cfcfcf;
	background: #FFF;
	padding: 5px;
	margin-bottom: 10px;
}
#leftPan .adminMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: none;
}
#leftPan .adminMenu li {
	border-bottom: 1px solid #d6d6d6;
	font-size: 1em;
	color: #333;
	height:32px;
	line-height:32px;
}
#leftPan .adminMenu li a {
	background: none;
	color: #333 !important;
	display: block;
	height:32px;
	line-height:32px;
	padding-left:15px;
}
#leftPan .adminMenu li a:hover, #leftPan .adminMenu li a.active {
	background: #F0F0F0;
}
#leftPan .adminMenu li.end {
	border-bottom: none;
}
#leftPan .adminMenu h3 {
	margin: 0;
	font-size: 1.2em;
	background: #999;
	color: #FFF;
	padding: 8px 8px 7px 15px;
	font-weight: 100;
}
#leftPan .link {
	margin-bottom:10px;
	padding-bottom:0px;
}
#leftPan .link h2 {
	/*background-color:#E5E5E5;*/ color:#333;
	padding:8px 0 0 0; /*border-bottom:1px dashed #333;*/
}
#leftPan .link p {
	padding-top:5px;
}
#leftPan .link img {
	background-color:#FFF;
	border:1px solid #FFF;
	margin:3px 8px 0 0;
	-webkit-box-shadow:0 0 4px #9e9e9e;
	-moz-box-shadow:0 0 4px #9e9e9e;
	box-shadow:0 0 4px #9e9e9e;
	float:left;
}
#leftPan span.divider {
	width:100%;
	border-bottom:1px dotted #333;
	display:block
}
#login-form {
	width:190px;
	margin-left:10px;
	background-color:#FFF;
}
#login-form .field {
	height:52px
}
#login-form .field label {
	padding:0 0 5px 0;
	display:block;
	color:#666;
	width:175px
}
#login-form .field input.text {
	border:1px solid #9f0f0f;
	vertical-align:top;
	line-height:1.2em;
	padding:2px 0 2px 3px;
	width:175px
}
#login-form .field input.submit {
	margin-top:10px;
	border:1px solid #9f0f0f;
	padding:2px 3px 2px 3px;
	width:auto;
	background-color:#b62929;
	color:#FFF;
}
/*--RIGHT PANEL--*/

#rightPan {
	width:680px;
	float:left;
	margin-left:40px;
	color:#333; /*border:1px solid #F00;*/
}
#rightPan h1 {
	color:#99b945;
	font-size:22px;
	margin:10px 0 10px 0; /* border-left:7px solid #bdd86b; padding-left:5px;*/
	;
	text-transform:uppercase;
}
#rightPan h1 span {
	font-size:14px;
	color:#666;
	text-transform:lowercase;
}
#rightPan span.divider {
	width:100%;
	margin:20px 0 10px 0;
	border-bottom:1px dashed #333;
	display:block
}
#rightPan span.invisible {
	width:100%;
	border:none;
	display:block
}
#rightPan ul.gallery {
	margin:30px 0 0 0;
}
#rightPan ul.gallery li {
	float:left;
	padding:0 10px 43px 0;
	width:210px;
}
#rightPan ul.gallery li a {
	margin-left:30px;
	_margin-left:10px;
	display:block;
	float:left;
	padding:15px 0 0 0;
	width:160px;
	height:160px;
	background:#f8f8f8;
	text-align:center;
	text-decoration:none;
	color:#333;
	border:1px solid #e1e1e1;
	-webkit-box-shadow:0 0 3px #ddd;
	-moz-box-shadow:0 0 3px #ddd;
	box-shadow:0 0 3px #ddd;
	cursor:pointer;
}
#rightPan ul.gallery li a:hover {
	border:1px solid #CCC;
	-webkit-box-shadow:0 0 4px #CCC;
	-moz-box-shadow:0 0 4px #CCC;
	box-shadow:0 0 4px #CCC;
}
#rightPan ul.gallery li a img {
	display:block;
	margin:0 auto 8px auto;
	width:auto;
	height:100px;
}
#serarchBar {
	width:100%;
	padding:10px 0 10px 0;
	border:1px solid #999;
	background:url(../images/searchbar1_bg.gif) 0 0 repeat-x #CCC;
	margin:35px 0 20px 0;
	color:#999;
	position:relative;
}
#serarchBar form {
	background:url(../images/search.png) 4px -1px no-repeat;
}
#serarchBar input {
	width:152px;
	padding:2px 18px 2px 2px;
	border:1px solid #999;
	margin:0 10px 0 35px;
}
#serarchBar input.load {
	background:url(../images/loader.gif) right 50% no-repeat #FFF;
}
#serarchBar a {
	margin:0 1px 0 1px;
	color:#333
}
#serarchBar a:hover, #serarchBar a.active {
	text-decoration:underline;
}
#serarchBar #result {
	position:absolute;
	top:43px;
	_top:45px;
	left:33px;
	width:300px;
	z-index:21;
	background:url(../images/result_bg.png) 0 -0 repeat-x #CCC; /*opacity:0.95;*/ /*display:none;*/
	_background:#CCC;
	border:1px solid #999;
	border-top:none;
	display:none;
}
#serarchBar #result ul {
	margin:0;
	padding:0;
}
#serarchBar #result ul li {
	line-height:25px;
	height:25px;
	padding:0 6px 0 6px;
	margin:0;
	color:#333;
	cursor:pointer;
}
#serarchBar #result ul li:hover {
	background-color:#9cbe43;
	text-decoration:none;
	color:#FFF;
}
#serarchBar #result ul li:hover span {
	color:#333;
	font-weight:bold;
}
#serarchBar #result ul li span {
	color:#C00;
	font-weight:bold;
}
table.results {
	width:100%;
	vertical-align:top;
}
table.results td {
	padding:2px 4px 12px 4px;
}
table.results td p {
	padding:0px 0 0px 0;
}
table.results td p img {
	vertical-align:text-top;
	margin-right:10px;
}
table.results strong {
	margin-right:8px;
}
table.results td span.date {
	color:#999;
	margin-left:10px;
}
table.results td a {
	cursor:pointer;
}
table.results td a.title {
	color:#6b8a23;
	font-weight:bold;
	font-size:15px;
	text-decoration:underline;
	line-height:28px;
}
table.results tr.active a.title {
	background-color:#666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#FFF;
	padding:0 7px 0 7px;
	text-decoration:none;
	border:1px solid #FFF;
	font-weight:normal;
}
table.results td a.email {
	color:#666;
	margin-left:8px;
	margin-right:8px;
	text-decoration:underline;
}
table.results td a.web {
	text-decoration:underline;
	color:#999;
	margin-left:8px;
	margin-right:8px
}
table.results td a.link {
	color:#999;
}
table.results td a:hover {
	text-decoration:underline;
}
table.results a.download {
	display:inline-block;
	width:24px;
	height:24px;
	margin-left:15px;
	background:url(../images/download.png) 0 0 no-repeat;
}
div.photo-box {
	margin:10px 0 10px 0;
}
div.photo-box li {
	position:relative;
	float:left;
	padding:0;
	margin:0 10px 0 0;
	_display:inline;
}
div.photo-box li a.delete-link {
	position:absolute;
	top:0px;
	right:2px;
	display:block;
	z-index:10;
	height:16px;
	width:16px;
	background:url(../images/cross.png) 0 0 no-repeat;
}
div.photo-box li a.galleryImg {
	z-index:9;
}
div.photo-box li a.galleryImg img {
	height:80px;
	border:1px solid #FFF;
	-webkit-box-shadow:0 0 4px #9e9e9e;
	-moz-box-shadow:0 0 4px #9e9e9e;
	box-shadow:0 0 4px #9e9e9e;
	margin:8px 10px 0 0;
	z-index:9;
	display:block;
}
a.button {
	display:block;
	width:16px;
	height:16px;
	float:left;
	margin-left:10px;
}
a.edit {
	background:url(../images/edit.png) 0 0 no-repeat;
}
a.delete {
	background:url(../images/cross.png) 0 0 no-repeat;
}
a.add_picture {
	background:url(../images/image_plus.png) 0 0 no-repeat;
}
a.up {
	background:url(../images/arrow_up.png) 0 0 no-repeat;
}
a.down {
	background:url(../images/arrow_down.png) 0 0 no-repeat;
}
table.downloads {
	margin-top:20px;
	width:auto;
}
table.downloads a.file {
	color:#6b8a23;
	font-weight:bold;
	font-size:13px;
	text-decoration:underline;
}
table.contacts {
	margin-top:30px;
}
table.contacts td {
	padding-bottom:30px;
}
form.upload {
	margin:10px 0 0 0;
}
form.upload input.submit {
	border:none;
	height:24px;
	line-height:24px;
	width:24px;
	background-color:#9cbe43;
	color:#FFF;
	background:url(../images/upload.png) 50% 50% no-repeat;
}
form.upload input.submit.load {
	background:url(../images/loading.gif) 50% 50% no-repeat;
	border:none;
}
form.upload input.submit:hover, form.upload input.submit:focus {
	border:1px solid #999;
	-webkit-box-shadow:0 0 5px #999;
	-moz-box-shadow:0 0 5px #999;
	box-shadow:0 0 5px #999;
	cursor:pointer;
}
table.contacts td .map {
	width:300px;
	height:150px;
	border:1px solid #FFF;
	-webkit-box-shadow:0 0 4px #9e9e9e;
	-moz-box-shadow:0 0 4px #9e9e9e;
	box-shadow:0 0 4px #9e9e9e;
}
#map_canvas {
	width:674px;
	height:500px;
	background:none;
	background:url(../images/map_big.jpg) 0 0 no-repeat;
	border:3px solid #FFF;
	margin-top:20px;
	margin-bottom:10px;
	-webkit-box-shadow:0 0 4px #9e9e9e;
	-moz-box-shadow:0 0 4px #9e9e9e;
	box-shadow:0 0 4px #9e9e9e;
	overflow: hidden;
}
table.form {
	width:auto;
	vertical-align:top;
	margin:15px 0 15px 30px;
}
table.form td {
	padding:8px 0 8px 5px;
}
table.form td textarea {
	width:290px;
	height:80px;
}
table.form td label.required {
	font-weight:bold;
}
table.form td input, table.form td label {
	margin-right:8px;
}
table.form td input, table.form td select, table.form td textarea {
	padding:4px;
	border:1px solid #999;
}
table.form td input:hover, table.form td textarea:hover, table.form td input:focus, table.form td textarea:focus, table.form td select:hover, table.form td select:focus {
	border:1px solid #999;
	-webkit-box-shadow:0 0 5px #999;
	-moz-box-shadow:0 0 5px #999;
	box-shadow:0 0 5px #999;
}
table.form td input.submit {
	background-color:#9cbe43;
	padding:2px 5px 2px 5px;
	color:#FFF;
	cursor:pointer;
}
.long {
	width:290px;
}
.medium {
	width:163px;
}
.short {
	width:50px;
}
fieldset {
	border:1px dashed #999;
	margin:0 0 20px 0;
}
legend {
	font-size:15px;
	margin-left:20px;
	padding:0 7px 0 7px;
	background:#eeeeee;
}
img.captcha {
	float:left;
	border:1px solid #666;
	margin-right:8px;
}
ul.tabs {
	margin:10px 0 0 0;
}
ul.tabs li {
	float:left;
	padding-right:10px;
	list-style:none;
}
ul.tabs li a {
	padding:0px 6px 0px 6px;
	color:#FFF;
	text-decoration:none;
	background-color:#CCC;
	border:1px solid #999;
}
ul.tabs li a:hover, ul.tabs li a.active {
	border:1px solid #666;
	background-color:#9cbe43;
	color:#FFF;
	-webkit-box-shadow:0 0 4px #999;
	-moz-box-shadow:0 0 4px #999;
	box-shadow:0 0 4px #999;
}
.hide {
	display:none;
}
div.nav-boxes {
	margin:25px 0 15px 0;
}
div.nav-boxes li {
	position:relative;
	float:left;
	padding:7px 6px 6px 6px;
	margin:0 34px 22px 10px;
	background:#FFF;
	border:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	-webkit-box-shadow:0 0 5px #CCC;
	-moz-box-shadow:0 0 5px #CCC;
	box-shadow:0 0 5px #CCC;
	_display:inline;
}
div.nav-boxes li.last {
	margin-right:0;
}
div.nav-boxes h2 {
	position:absolute;
	width:152px;
	height:60px;
	bottom:5px;
	padding:5px 11px 5px 7px;
	left:6px;
	font-size:17px;
	color:#000;
	font-weight:normal;
	background:url(../images/opacity-bg_01.png);
	background:#666;
	z-index:1;
	opacity:0.8;
}
div.nav-boxes img {
	display:block;
}
div.nav-boxes p.shadow {
	position:absolute;
	bottom:-5px;
	right:-30px;
	width:36px;
	height:54px;
	background:url(../images/shadow.png) no-repeat right;
	z-index:2;
}
div.nav-boxes a.download-link {
	position:absolute;
	bottom:10px;
	right:10px;
	display:block;
	padding:0 5px 0 5px;
	background:#333;
	color:#fff;
	z-index:3;
	text-decoration:none;
	height:18px;
	line-height:18px;
}
div.nav-boxes a.download-link:hover {
	background:#666
}
.alert {
	padding:15px 10px 15px 80px;
	margin:15px 0 15px 0;
	border:1px solid #999;
	color:#333;
	-moz-box-shadow: 0px 0px 7px 7px #999; /* Firefox */
	-webkit-box-shadow: 0px 0px 7px 7px #999; /* Safari, Chrome */
	box-shadow: 0px 0px 8px -1px #999; /* CSS3 */
}
.ok {
	background:url(../images/ok_icon.png) 20px 50% no-repeat #FFF;
}
.wrong {
	background:url(../images/alert.gif) 20px 50% no-repeat #FFF;
}
#leftPan .contact {
	margin:0 0 15px 30px;
}
#leftPan .contact a.email {
	color:#666;
}
#leftPan .contact a.web {
	color:#9f0f0f;
	text-decoration:none;
}
#leftPan ul.filelist {
	color:#333;
	padding:15px;
}
#leftPan ul.filelist li {
	padding-left:30px;
	margin:5px 0 5px 0;
	width:auto;
	display:block;
}
#leftPan ul.filelist li span {
	color:#999;
	margin-left:5px;
	font-size:12px;
}
/*ul.filelist li:hover {
	background-color:#EEE;
}*/
#leftPan ul.filelist li a {
	color:#333;
	text-decoration:none;
}
#leftPan ul.filelist li a:hover {
	color:#a71e23;
	text-decoration:underline;
}
#leftPan ul.filelist li.pdf {
	background:url(../images/pdf_icon.gif) 0 2px no-repeat;
}
#leftPan ul.filelist li.word {
	background:url(../images/word_icon.gif) 0 2px no-repeat;
}
#leftPan ul.filelist li.excel {
	background:url(../images/excel_icon.gif) 0 2px no-repeat;
}
#leftPan ul.filelist li.image {
	background:url(../images/image_icon.gif) 0 2px no-repeat;
}
 
/*#footerPan *{border:1px solid #F00;}*/
#footerPan {
	width:1000px;
	height:180px;
	position:relative;
	margin:0 auto;
	background:url(../images/footer_bg.png) 0 top no-repeat;
}
#footerPan img.logo {
	position:absolute;
	top:65px;
	left:25px;
}
#footerPan img.flogos {
	position:absolute;
	bottom:55px;
	right:25px;
}
#footerPan .footerMenu {
	position:absolute;
	bottom:55px;
	left:200px;
	width:480px;
}
#footerPan ul {
	width:90px;
	height:70px;
	float:left;
	margin-left:25px;
	padding-left:30px;
	font-size:12px;
	background:url(../images/footer_ul_divider.png) 0 0 no-repeat;
}
#footerPan ul.first {
	background:none;
}
#footerPan ul li {
	height:15px;
}
#footerPan ul li.first {
	font-size:12px;
	font-weight:700;
	color:#333;
	height:20px;
}
#footerPan ul li a {
	color:#666;
	text-decoration:none;
}
#footerPan ul li a:hover {
	text-decoration:underline;
}
#footerPan p.copyright {
	color:#999;
	font-size:12px;
	position:absolute;
	bottom:5px;
	right:30px;
}
div.companies_wrapper {
	position: relative;
	height: 350px;
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width: 680px;
	/*border:1px solid #FFF;
	-moz-box-shadow:0px 0px 12px 3px #CCC;*/
	z-index:20;
	overflow: auto;
}
.clist tr {
	display: block;
	width: 650px;
}
.clist tr:hover a.title {
	background-color:#FFF;
	border:1px solid #6b8a23;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#6b8a23;
	padding:0 7px 0 7px;
	text-decoration:none;
	font-weight:normal;
}
.companies_wrapper .loading {
	position: absolute;
	top: 50px;
	left: 50%;
	margin: 0 auto;
	width: 30px;
	height:30px;
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #999;
	background: url(../images/loader.gif) 50% 50% no-repeat #FFF;
}
#map_canvas .m_tooltip {
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	z-index: -2;
	color: #FFFFFF;
	float: left;
	margin-top: 10px;
	padding: 5px 15px 5px 5px;
	width: 170px;
	border: 1px solid #313436;
	text-shadow: 0px 0px 3px #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 2px #000;
	-webkit-box-shadow: 0px 1px 2px #000;
	box-shadow: 0px 1px 2px #000;
	background-color: #313436;
	background-image: -webkit-linear-gradient(top, #313436, #222526);
	background-image: -moz-linear-gradient(top, #313436, #222526);
	background-image: -ms-linear-gradient(top, #313436, #222526);
	background-image: -o-linear-gradient(top, #313436, #222526);
	background-image: linear-gradient(top, #313436, #222526);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#313436', EndColorStr='#222526');
}


#studyGallery {
	position:relative;
	margin-left:20px;
	width:135px;
	height:600px;
	/*border-top:1px solid #e2e2e2;
	border-bottom:1px solid #ccc;*/
	background:none;
	float:right;/*	border:1px solid #F00;
*/
}
#studyGallery .viewport {
	position:absolute;
	top:0px;
	left:0px;
	width:135px;
	height:600px;
	overflow:hidden;
	position:relative;/*		border:1px solid #F00;
*/
}
#studyGallery a.buttons {
	position:absolute;
	top:55px;
	display:block;
	width:8px;
	height:9px;
	background:url(../_images/arr.png) no-repeat;
	cursor:pointer;
	z-index:1;
	overflow:hidden;
}
#studyGallery a.buttons:hover {
	background-position:left bottom;
}
#studyGallery a.prev {
	left:0px;
}
#studyGallery a.next {
	right:0px;
	background-position:right top;
}
#studyGallery a.next:hover {
	background-position:right bottom;
}
#studyGallery a.disable {
	display:none;
}
#studyGallery a.disable:hover {
	background-position:left top;
}
#studyGallery a.disable.next {
	background-position:right top;
}
#studyGallery .overview {
	position:absolute;
	left:0;
	top:0;
}
#studyGallery .overview li {
	float:left;
	margin-bottom:10px;
	width:135px;
	height:190px;
	text-align:center;
	overflow:hidden;
}
#studyGallery .overview li a {
	border:1px solid #CCC;
	width:130px;
	display:block;
	overflow:hidden;
	-webkit-box-shadow:0 0 4px #9e9e9e;
	-moz-box-shadow:0 0 4px #9e9e9e;
	box-shadow:0 0 4px #9e9e9e;
	}

#studyGallery .overview li img {
	display:block;
	width:130px;
	height:184px;
}