/* 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-size: 100%; text-decoration:none;  font-family: inherit; background: transparent; }
/* Не забываем описать стили для :focus! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* Для таблиц все еще надо прописывать 'cellspacing="0"' в коде */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { font-family:Tahoma,"Lucida Grande",Helvetica,Verdana,Arial,sans-serif;color:#666;background:#C2C2C2; }

#header { height:155px; width:100%; background-image:url('/images/skins/default/header_bg.gif'); position:relative; }
#header_logo { float:left; background:no-repeat url('/images/skins/default/header_logo_RU.gif'); margin:10px; width:379px; height:108px;  }
#header_stat { float:right; }
#category_menu { width:100%; height:30px; position:absolute; bottom:2px; color:#EEE; font-weight:bold; }

#bd { margin:0 auto; background-color:#FEFEFE;  }

div.grab_item_img { width:60px; height:50px; background-position:center; background-repeat:no-repeat; background-color:#FFF; }
span.grab_item_title { font-weight:bold; }
span.grab_item_text { font-style:italic; color:#555; }
span.grab_item_notes { display:block; width:100%; margin-top:3px; border-top:1px dotted #EEE; color:#222; }

img.pview { border:5px solid #EEE; margin:5px auto; } 

#grab_items .x-grid3-row-selected table {
	background-color: #FC6 !important; color:#000;
}



.xbutton, .xbutton:visited, div.pager a {
	background: #222 url(/images/shared/xbutton-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}


.small.xbutton, .small.xbutton:visited 			{ font-size: 11px; }
.xbutton, .xbutton:visited,
.medium.xbutton, .medium.xbutton:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.xbutton, .large.xbutton:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
.green.xbutton, .green.xbutton:visited		{ background-color: #91bd09; }
.green.xbutton:hover						{ background-color: #749a02; }
.blue.xbutton, .blue.xbutton:visited		{ background-color: #2daebf; }
.blue.xbutton:hover							{ background-color: #007d9a; }
.red.xbutton, .red.xbutton:visited			{ background-color: #e33100; }
.red.xbutton:hover							{ background-color: #872300; }
.magenta.xbutton, .magenta.xbutton:visited		{ background-color: #a9014b; }
.magenta.xbutton:hover							{ background-color: #630030; }
.orange.xbutton, .orange.xbutton:visited		{ background-color: #ff5c00; }
.orange.xbutton:hover							{ background-color: #d45500; }
.yellow.xbutton, .yellow.xbutton:visited		{ background-color: #ffb515; }
.yellow.xbutton: hover							{ background-color: #fc9200; }



div.pager { display:inline-block; height:20px; padding-top:10px; margin:0 auto; }
div.pager a { display:block; font-size: 12px; background-color: #ff5c00; float:left; margin:0 3px; padding:5px 6px}
div.pager a:hover { background-color: #d45500; }
div.pager a.active { background-color: #a9014b; }

div.material_preview { padding:5px; font-family:Arial; border:1px dotted #666; margin:10px 0px; background-color:#FFE;}
div.material_preview .title { display:block; background-color:#444; color:#FFF; font-weight:bold; font-size:11pt; padding:5px 5px; margin-bottom:3px; text-align:left; }
div.material_preview .pview { display:block; margin:0 auto; border:0px; }


form.search { display:block; float:right;  padding:3px 10px; }
form.search input[type=text] { height:20px; line-height:18px; font-size:13px; color:#666; border:1px solid #444; width:170px; margin-left:8px; padding:1px 6px }
#category_links_panel { position:absolute; display:none; width:350px; min-height:200px; background-color:#222; color:#FFF; border:5px solid #555;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

#category_links_panel a { font-size:14px; display:block; line-height:20px; color:#FFF; padding:1px 5px; float:inherit}
#category_links_panel a:hover { background-color:#333; }
#category_links_panel a.subcat { font-size:10px; float:left; display:inline-block; line-height:12px; padding:1px 2px; color:#FF0; }