﻿body
{
	width:984px;background:#333c43;margin:0 auto 30px;font-size:12px;
}
body.document-print
{
	width:800px;background:#FFF;margin:0 auto 30px;font-size:12px;
	}
#block_1
	{width: 748px;margin-left: 234px;float: left;overflow:hidden;}
* html #block_1
	{display: inline;}
#block_2
	{width: 220px;margin-left: -984px;float: left;}
#wrapper
	{width: 984px;}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the necessary height (unless fixed, this problem becomes even more acute weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility: hidden;}
#wrapper
	{display: inline-block;}
/*\*/
#wrapper
	{display: block;}
/* end easy clearing */

/* clr */
.clr
	{
	float: left;
	float/**/: none;
	}
/* easy clearing */
.clr:after
	{content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block;height: 0;  clear: both; visibility: hidden;}
.clr
	{display: inline-block;}
/*\*/
.clr
	{display: block;}
/* end easy clearing */
#footer
	{clear: both;}
#header, #footer
	{width: 984px;}

 /*
	 background:url('mbsi/CST_logo.png') no-repeat 324px 39px;*/
#header
	{overflow:hidden;height:140px;padding:0;margin:0;
	

	 }
#header > div{margin-left:234px;}
#header .logo-left{float:left; width:222px;margin:0 !important;padding-top:12px;text-align:center;}	
#header .logo-right{height:64px;margin-top:38px;text-align:center;}
#header #ShoppingCartPlace{height:23px; margin-top:15px;}
#header #ShoppingCartPlace div{height:23px;float:right;margin:0 11px;background-image:url(imgs/pad_left-right.gif);overflow:hidden;}
#header #ShoppingCartPlace div a{display:block;color:#FFF;margin:0 1px; padding:0 12px;background-image:url(imgs/pad_center.gif);line-height:23px;}

/*
#header > a.logo
{
	height:117px;width:174px;color:#FFF;float:left;background:url('mbsi/bmsi_top.jpg') no-repeat;
	text-decoration:none;padding:0;margin:12px 0 0 25px;
}
*/
#block_1, #block_2
	{background-color:#FFF !important;border:solid 1px #969699;}
#block_2
	{padding-top:26px;background:url('mbsi/gr_menus.gif') repeat-x;}
#block_1  h1
	{margin:20px 20px 15px; text-align: center; padding-left: 0px; font-family: Tahoma; color: #a52a23; font-size: 20px; font-weight: bold;}
body.document-print h1
	{margin:20px 20px 15px; text-align:left;color: #a52a23; }
/*
.doc-body
--------------------------------------
*/
.doc-body
	{clear:both;margin:5px 20px;border:solid 1px #b2b4b7; padding:18px 15px;}
/*
menu-top
--------------------------------------
*/
.menu-top
	{height:26px;background:url('mbsi/gr_menus.gif') repeat-x;overflow:hidden;}
.menu-top a.admin
	{float:left;text-decoration:none;font-weight:bold;color:#bd0000;margin:0;padding:5px 5px 5px 7px;font-size:11px;}
.menu-top ul
	{float:right;list-style:none;margin:1px 5px 0;padding:0;}
.menu-top ul li:first-child
	{border:none !important}
.menu-top li
	{float:left;margin:7px 0 0;height:11px;padding:0 5px;border-left:solid 1px #464646;}
.menu-top li a, .menu-top li a:visited, .menu-top li b
	{margin-top:-3px;float:left;font-size:11px;font-weight:bold;text-decoration:none;color:#464646;line-height:15px;}
.menu-top li a:hover, .menu-top a.admin:hover
	{text-decoration:underline !important;}
.menu-top li b
	{color:#000;}

/*
block bottom line
--------------------------------------
*/
.bottom
	{margin:0;height:26px;padding:0;background:url('mbsi/gr_menus.gif') repeat-x;clear:both;overflow:hidden;}
.bottom p
	{padding-top:7px;padding-bottom:2px;font-size:11px;color:#464646;text-align:center;}
.bottom a
	{color:#464646;}
body.document-print .bottom
	{background:none;}

/*
left menu
--------------------------------------
*/
.menu-left, .menu-left ul
	{list-style:none;margin:0;padding:0;font-size:13px;background:#fff;}
.menu-left li
	{border-top: #b2b4b7 1px dashed;}
.menu-left li:first-child, .menu-left ul li:first-child
	{border-top: none;}
.menu-left a
	{display:block; padding:4px 29px 4px 15px;text-decoration:none !important;color:#3a393a;}
.menu-left a.show-fav
	{color:green;}
.menu-left a.show-all
	{color:#a52a23;}

.menu-left a
	{text-align: right;background: #FFF url('mbsi/arrow.png') no-repeat 200px 4px;}
.menu-left .sub a
	{text-align: left;background:#FFF;white-space:nowrap;}

.menu-left a:hover
	{text-decoration:underline !important;background-color:#EEE;}
	
.menu-left ul.sub
	{display:none;border:solid 1px #969699;padding-bottom:-1px;min-width:180px;}
.menu-left li.m-over ul.sub
	{display:block;position:absolute;}	
	
.m-pager
	{padding:5px;text-align:center;border-bottom: #b2b4b7 1px dashed;}
.menu-left + .m-pager
	{border-top: #b2b4b7 1px dashed;border-bottom:none;}
.menu-left li.selected a
	{font-weight:bold;}
.menu-left li.selected .sub a
	{font-weight:normal;}
/*
Lib List
--------------------------------------url(mbsi/book.gif)
*/
div.pager
{margin:10px 20px;font-size:13px;}

div.doc-list-period, div.src-list-doc-type{float:right;margin:2px 20px 10px 0;padding-left:20px; white-space:nowrap;}
div.doc-list-period select, div.src-list-doc-type select{margin-bottom:-3px}
div.doc-list, div.list-sources
{margin:10px 20px;clear:both;}

.src-list-doc-type + .msg-i{clear:both;}

div.doc-list > div, div.list-sources > div
{clear:both;}
.doc-list img, .list-sources img
{
	height:75px; width:75px; padding:2px; border:solid 1px #777;float:left;margin: 3px 0 10px;
	/*background-image:url(imgs/sources.jpg);background-position:center center; background-repeat:no-repeat;*/
	}

.doc-list h4, .list-sources h4
{text-align:left;margin:0 0 0 90px;padding:0;}
.doc-list p, .list-sources p{margin-left:90px;}
.doc-list .info, .list-sources  .info
{font-size:11px;color:#777;margin:5px 0 5px 90px;padding:0;}
p.msg-i
{border:solid 1px #777;min-height:24px; margin:10px 20px;padding:24px 20px 20px 68px;background:url(mbsi/imsg_b.gif) no-repeat 10px 10px;}
.doc-list .flipbook, .list-sources .flipbook
	{padding:0 0 0 20px;background:url(icons/ico_flipper_15x15.gif) no-repeat 5px 0px;min-height:15px;height:15px;white-space:nowrap;text-decoration:none !important;}
.source h1 .flipbook
	{padding:0 0 0 32px;background:url(icons/ico_flipper_22x22.gif) no-repeat 15px 0px;min-height:22px;height:22px;white-space:nowrap;text-decoration:none !important;}
.doc-list .libinfo
	{padding:0 0 0 20px;background:url(icons/card_small.png) no-repeat 5px 1px;min-height:15px;height:15px;white-space:nowrap;text-decoration:none !important;}

.doc-list .video, .list-sources .video
	{padding:0 0 0 20px;background:url(icons/icon_movie.gif) no-repeat 5px 1px;min-height:15px;height:15px;white-space:nowrap;text-decoration:none !important;}

ul.disciplines, ul.categories
{list-style:none;clear:both;padding:0 0 10px;margin:10px 20px;border-bottom: #b2b4b7 1px dashed;
 font-family:Tahoma;
 font-size:11px;
 }
ul.disciplines li, ul.categories li
{margin:0 1px;padding:0;float:left;width:33%;}
ul.disciplines a, ul.categories a
{display:block;padding:2px 0 0 23px;background:url(mbsi/book.png) no-repeat 0px 0px;min-height:18px;}

ul.disciplines li.selected a, ul.categories li.selected a
{font-weight:bold; text-decoration:none;}

ul.disciplines a span, ul.categories a span
{text-decoration:none !important;font-weight:normal !important;color: #777; text-decoration: none;margin-left:3px;}
/*
Pages
--------------------------------------
*/
.document #block_1 h1, .regpage #block_1 h1
{text-align:left;padding:0;}
.regpage #block_1 h1{color:#000;}
.options-top
{float:right;margin:15px 20px 10px 0px;}
.info-src{margin:15px 20px 10px;font-size:13px;}
.info-src span{font-weight:bold;}
.info-src .flipbook
	{text-decoration:none;float:right;margin:-3px 0 7px 10px;}
.info-src .flipbook img
	{height:22px;width:22px;}
.info-src .libinfo
	{text-decoration:none;float:right;margin:2px 0 9px 10px;}
.info-src .libinfodoc
	{text-decoration:none;float:right;margin:2px 0 9px 10px;}
.info-src .libinfo img
	{height:15px;width:22px;}

.info-lib, #libInfoShort{margin:5px 20px 0;padding:5px;border:solid 1px #b2b4b7;font-size:13px;}
#libInfoShort
	{padding:5px;}
#libInfoShort .info
{display:none;margin-top:13px;}
#libInfoShort.expanded .info
{display:block !important;}

#libInfoShort h4
	{color:#18316d;padding:0;margin:0;font-weight:normal;font-size:12px;font-family:Verdana;
	height:16px;}
#libInfoShort h4 a
	{text-decoration:none;float:left;padding-right:13px;display:block;
	background:url(mbsi/ex.gif) no-repeat right 6px;}
#libInfoShort h4 a span
	{border-bottom:dashed 1px #18316d;display:block;}	
#libInfoShort a
	{}
#libInfoShort p
	{margin:8px 22px;padding:0;}
#libInfoShort p.link
	{border-top:solid 1px #b2b4b7;margin: 14px -5px 4px;padding:9px 22px 0;}
#libInfoShort p.link a
	{display:block;padding:0 0 0 20px;background:url(mbsi/link.gif) no-repeat left center;color:#b2b4b7;
	 font-family:Verdana;font-size:11px;line-height:16px;
	}
.info-auth
	{border-bottom:solid 2px #000;margin-bottom:5px;padding-bottom:5px; }
.info-auth p
	{text-align:right;margin:2px 0;padding:0;font-size:12px; font-family:Arial;}
.magazine .info-auth, .organization .info-auth
	{border-bottom:none;}
.magazine .info-auth p, .organization .info-auth p
	{text-align:left;}
.info-auth p span{font-weight:bold;}

h4.comments
{text-align:left;margin:10px 20px 10px 30px;padding:0;font-size:16px;}
.comments-add
{margin:10px 20px;font-size:13px;}
.comments-add textarea{width:95%;}
.comments-add textarea, .comments-add input
{margin-bottom:5px;}

.comments-list a.command
{float:right;margin:5px;}
.comments-list .edit-comment-text
	{text-align:right;}
.comments-list .edit-comment-text textarea{width:593px;}
/*
 lib-info-full
--------------------------------------
 */
.lib-info-full
	{margin-bottom:20px !important;}
.lib-info-full,.lib-info-full td,.lib-info-full th,.lib-info-full a
	{font-family:Verdana;font-size:12px;}
.lib-info-full a
	{color:#035881;}
.lib-info-full h2
	{font-size:14px; color:#035881;font-weight:normal;margin:0;padding:0;}
.lib-info-full table.info
	{margin-top:-10px;}
.lib-info-full th,.lib-info-full td
	{vertical-align:bottom;}
.lib-info-full th
	{text-align:left;font-weight:normal;border-bottom:dotted 1px #b2b3ac;padding:7px 20px 0 0;white-space:nowrap;}
.lib-info-full .block-title th
	{font-size:14px;font-weight:bold;padding-top:23px;border:none;width:auto;}
/*
Pages
--------------------------------------
*/
.doc .doc-body
{
	margin:5px 20px;padding:18px 15px;border:solid 1px #b2b4b7; background-color:#faffe6;
	font-size:12px; font-family:Arial;
}
.doc-body.color{background-color:#faffe6;}
.doc h1{font-family:Arial;font-weight:bold;}
.doc-media{float:left;background-color:#faffe6; padding:0 10px;width:260px;}
.doc-image,.doc-file,.doc-video
	{text-align:center; margin:0 0 10px;width:260px;overflow:hidden;max-width:260px;}
.doc-image img
{
	/*max-height:75px; max-width:75px;*/
	 max-width:250px;
	 padding:2px; border:solid 1px #777;margin: 3px 10px 3px 0}
.doc-image p, .doc-file p, .doc-video p
	{font-family:Verdana,Tahoma;text-align:center;font-size:10px;padding:5px 20px 0;margin:0 10px 10px 0;}
.link-print{padding:18px 20px;}
.link-print a{display:inline-block;padding-left:19px; background: url(mbsi/print.gif) ;background-repeat:no-repeat; background-position:left center;}

.partners .list > div{width:190px;overflow:hidden;float:left;margin:15px 29px;text-align:center;height:190px;}
.partners .list p{text-align:center;margin:20px 0;}
.partners .list img{max-height:150px; max-width:150px;margin:0;padding:0;border:0;}

/*
Login
--------------------------------------
*/
.user-login-data{margin:0;padding:0;}
.user-login-data div.fields
{width:520px;text-align:right;padding:0;margin:0;}
.user-login-data div.submit
{text-align:center;}
.doc-body label,.user-profile label{font-size:13px;margin-top:7px;}
.doc-body input{}

.error.validation
{margin:5px 20px 20px;padding:15px 15px 15px 78px;border:solid 1px #b2b4b7;min-height:48px;
  background: url(mbsi/imsg1.png) no-repeat 15px 15px; font-size:14px;
}
.msg-top{margin:10px 20px;text-align:right;color:#464646;}
.error.validation p
{
	font-weight:bold;margin-bottom:5px;
	}
ul.validation-summary-errors{margin:0 0 10px;padding:0 20px;font-size:13px;}
.user-reg-data input, .user-profile #UserData input{width:250px;}


span.field-validation-error
{
	display:none;
	/*background:url(icons/bullet_error.png) no-repeat 0 4px;
	float:left;
	padding-left:18px; width:0;height:18px;overflow:hidden;*/
}
.field-validation-error + label
{
	background:url(icons/bullet_error.png) no-repeat 0 4px;
	padding-left:18px;color:#BF4329;
}
.user-reg-data p,.user-profile #UserData p{margin:15px 0 0;padding:0;}
.user-reg-data select,.user-profile #UserData select{margin:0 0 5px;}

.user-profile{margin:5px 20px 20px 20px;}
.user-profile div.block
{}
.user-profile div.block h1
{
	padding:0;margin:0 10px 10px; text-align:left;
	}
.user-profile div.block-content
{
	padding:10px;border:solid 1px #b2b4b7; background-color:#faffe6;
	}
.user-profile #UserData
{float:right;width:468px;}
.internal #UserData
{float:none;width:auto;}

.user-profile #UserPassword
{float:left;width:235px;}
fieldset.sport
{width:230px;padding:0px 10px 5px;margin:0;}
fieldset.sport legend
{font-size:13px;padding:10px 5px 10px;}

.comments-list div
{margin:5px 20px;padding:0;border:solid 1px #b2b4b7;}
.comments-list img
{
	float:left; width:100px; height:100px;
	}
.comments-list p
{margin:0;font-size:13px;padding:7px}
/*margin:0 0 0 100px;*/
.comments-list h6
{background-color:#f7f3e7;font-size:13px;margin:0 0 0 0;padding:7px 7px 0;}
.comments-list p.info
{background-color:#f7f3e7;margin:0 0 0 0;font-size:11px;padding:0 7px 7px}
/*
Sources
*/

.source .doc-image
{background-color:#fff; padding:0 10px 10px 0;margin:0 !important;float:left;}

.doc-body.source img
	{float:left;border:solid 1px #b2b4b7;padding:3px; }
.issue .doc-image
	{width:180px !important;}	
.issue .doc-image img
	{float:none !important;margin:0 !important;width:150px !important;}

.source .source-issues{margin:0 20px 7px;padding:3px 0 13px; font-weight:bold;text-align:right;border-bottom: #b2b4b7 1px dashed;height: 20px;}
.source .source-issues label {float:left;font-size:14px;margin-top:4px;margin-right:5%;}
.source-issues select{width:50%;}
.source-issues select.IssueYearSelect{width:20%;margin-right:4%;float: left;}
/*
Forms
--------------------------------------------------
*/
.inline-block{margin:5px 0px;}
.inline-block .field
	{margin-right:10px;display:inline;width:auto;} 
.inline-block .field label
	{margin-right:5px;font-size:13px;display:inline;}
.inline-block .list select
{
	width:auto;max-width:250px;
}
.inline-block input{display:inline;width:auto !important;}
.inline-block .stretch input{width:100% !important;}
.inline-block .date input, .inline-block .date-d input{width:120px !important;}
.inline-block .date.short input{width:65px !important;}

select#sportTypeID{width:300px;height:400px;}
select#docTypeID{margin-right:20px;width:150px;}
input#search_string{width:300px;}
div.stepL{margin-left:30px;}
.search-submit{text-align:center;}
.search-submit input{width:200px;margin:10px;}
h1 a.admin-edit
{
	background:url(icons/page_edit.png) left bottom no-repeat;margin-left:5px;margin-right:-10px;height:21px;width:21px;display:inline-block;text-indent: -99999px;}

div.video{z-index:0;position:relative;}

.doc-body ul{list-style-position:inside;}
.doc-body table{clear:both;} /**/
/*
list search form
-------------------------------------------
*/

.search
	{text-align:right;white-space:nowrap;margin:10px 20px 0;padding:10px 0 10px 3px;border-top: #b2b4b7 1px dashed;border-bottom: #b2b4b7 1px dashed;font-size:13px;}

.search label
	{width:40px;display:inline-block;vertical-align:top;text-align:right;overflow:hidden;margin:4px 0 0;}

.search input,.search select
	{margin-right: 5px;}
.partners .search select,.sources .search select, .source .search select
	{width:105px;}
.partners .search #sfLang, .sources .search #sfLang, .library .search #sfLang
	{margin-right:0;}

.search .submit
	{width:65px;margin-right:0;}
.partners .search .submit,.sources .search .submit,.source .search .submit
	{margin-right:0;}

.search input.str
	{width:400px;}
.partners .search .str, .sources .search .str
	{width:270px;}
.source	.search
	{border-bottom:none;margin-bottom:0;padding-bottom:2px;height:28px;}
.library .search .str
	{width:408px;margin-right:10px;}

.project-news .search label
	{float:left;}
.project-news input.str
	{width:585px;}
	
#google_translate_element
	{float:right;width:180px;text-align:right;margin:18px 20px 0 0;}
#google_translate_element select, .doc-list-period select, .library .search select
	{width:120px;}
.doc #google_translate_element
	{margin-top:0;}
#google_translate_element_after + h1
	{margin-right:200px;min-height:45px;}

#google_translate_element_after
	{display:none;}
/*
#google_translate_element_after + .info-src
	{margin-top:-17px;}
*/


.info-lib, #libInfoShort{margin:5px 20px 0;padding:5px;border:solid 1px #b2b4b7;font-size:13px;}
#libInfoShort
	{padding:5px;}
#libInfoShort .info
{display:none;margin-top:13px;}
#libInfoShort.expanded .info
{display:block !important;}

#libInfoShort h4
	{color:#18316d;padding:0;margin:0;font-weight:normal;font-size:12px;font-family:Verdana;
	height:16px;}
#libInfoShort h4 a
	{text-decoration:none;float:left;padding-right:13px;display:block;
	background:url(mbsi/ex.gif) no-repeat right 6px;}
#libInfoShort h4 a span
	{border-bottom:dashed 1px #18316d;display:block;}	
#libInfoShort a
	{}
#libInfoShort p
	{margin:8px 22px;padding:0;}
#libInfoShort p.link
	{border-top:solid 1px #b2b4b7;margin: 14px -5px 4px;padding:9px 22px 0;}
#libInfoShort p.link a
	{display:block;padding:0 0 0 20px;background:url(mbsi/link.gif) no-repeat left center;color:#b2b4b7;
	 font-family:Verdana;font-size:11px;line-height:16px;
	}
	
.prototip #libInfoShort{margin:0;padding:0;border:none;}
.prototip #libInfoShort h4
	{display:none;}
.prototip .info
	{display:block !important;}

.prototip .protoblue #libInfoShort p.link
	{border-top:solid 1px #FFF;}
.prototip .protoblue #libInfoShort p.link a, .prototip .protoblue #libInfoShort p.goto a
	{color:#EEE;}

/*
Search highlite
*/
.hlword
	{background-color:#ffde00;}
	
.styled-input {
	border: 1px solid #7F9DB9;
	height: 20px;
}
.styled-label {
	float: left; 
	line-height: 24px; 
	padding-right: 10px;
}

.f-right {
	float: right;
}
.f-left {
	float: left;
}
.f-left label {
	float: left;
}

.info-src span.video {
	height: 19px;
	width: 22px;
	background: url('icons/icon_movie_big.gif') no-repeat top left;
	float: right;
	display: inline;
	margin: 0 0 0 10px;
}
