/*
(c) State Archive of Yaroslavl Region, 2010

Screen stylesheet contents:
  1. Common styles
    1.1. Headers
    1.2. Links
    1.3. Lists
    1.4. Primary colors and sizes
  2. Layout
    2.1. Site search
    2.2. Header
    2.3. Footer
    2.4. Content area
*/


/* 1. Common styles */

body {
  background: #efe6cb url("./images/bg_body.gif") 50% 0;
  font: 11pt "Times New Roman", sans-serif;
  margin: 0;
  padding: 0;
}

p {
  line-height: 25px;
  margin: 0;
  padding: 0.3em 0 0.5em 0;
}

img  { border-style: none; }

form, fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
}

/* 1.2. Headers */

h1 {
  color: #222;
  font: normal 29px "Times New Roman", sans-serif;
  letter-spacing: -1px;
  line-height: 30px;
  margin: 0;
  padding: 0.7em 0 0.3em 0;    
}

h2 {
  color: #222;
  font: normal 24px "Times New Roman", sans-serif;
  letter-spacing: -1px;
  line-height: 26px;  
  margin: 0;
  padding: 0.7em 0 0.3em 0;
}

h3 {
  color: #222;
  font: bold 16px Arial, sans-serif;
  margin: 0;
  padding: 0.7em 0 0.5em 0;
}

/* 1.2. Links */

a:link { color: #ac3d00; }
a:visited { color: #ac3d00; }
a:hover {
  background-color: #f8f5ea;
  color: #f03d00;
}

a.Shadow:link { color: #aa9084; }
a.Shadow:visited { color: #aa9084; }
a.Shadow:hover {
  background: none;
  color: #aa9084;
}

/* 1.3. Primary colors and sizes */

.Highlighted { background-color: #f8f5ea; }
.SmallPadding { padding: 0 4px; }

.Big  {
  font: 12pt Arial, sans-serif;
  line-height: 25px;  
}

.Small  { font-size: 10pt; }

.Top {
  margin-top: 0;
  padding-top: 0;
}

.Black { color: #000; }

.Shadow { color: #aa9084; }

.Red { color: #c42020; }

.CondensedLineHeight { line-height: 19px; }

.Last { clear: both; }

span.SLaquo { margin-right: 0.54em; }
span.HLaquo { margin-left: -0.54em; }
span.SBrace { margin-left: 0.34em; }
span.HBrace { margin-left: -0.34em; }

table {
  border-collapse: collapse;
  margin: 0.3em 0 0.7em 0;
}

table th {
  background-color: #f8f5ea;
  border-bottom: 1px solid #aa9084;
  font: italic 11pt "Times New Roman", sans-serif;
  font-weight: bold;
  padding: 0.5em 10px;
  text-align: left;
  vertical-align: top;
}

table td {
  border-bottom: 1px solid #dad5c5;
  padding: 0.5em 10px;
  vertical-align: top;
}

table.NoBorder td { border-bottom: none; }

.YMaps table {
  border-collapse: collapse;
  margin: 0;
}

.YMaps table td {
  border-style: none;
  padding: 0;
}


/* 2. Layout */

.MinWidthContainer { min-width: 1000px; }

.Centered { padding: 0 0 0 50%; }

.WhiteSheetTopBg {
  background: url("./images/whitesheet_bg_top.png") 0 0 no-repeat;
  display: block;
  height: 4px;
  overflow: hidden;
  margin-left: -479px;
  width: 958px;
  margin-top: 20px;
}

.WhiteSheetBottomBg {
  background: url("./images/whitesheet_bg_bottom.png") 0 0 no-repeat;
  display: block;
  height: 4px;
  overflow: hidden;
  margin-left: -479px;
  width: 958px;
}

.WhiteSheet {
  background: url("./images/whitesheet_bg_content.png") 0 0 repeat-y;
  margin-left: -479px;
  width: 958px;
  padding: 0 4px;
}

.WhiteSheetContent {
  background-color: #fff;
  width: 890px;
  padding: 0 30px 30px 30px;
}

.IndexBg { background: #fff url("./images/whitesheet_bg_yar.jpg") 50% 140px no-repeat; }


.LeftColumn {
  float: left;
  width: 200px;
}

.RightColumn {
  background: url("./images/ornament_bg.gif") 0 0 repeat-y;
  margin-left: 200px;
}

.RightColumn.NoMargin {
  background: none;
  margin-left: 0;
}

/* 2.1. Site search */

.Search {
  margin: 25px 0 3px -475px;
  position: relative;
  text-align: right;
  width: 950px;
}

.Search span.LeftBg {
  background: url("./images/search_bg_left.gif") 0 0 repeat-x;
  display: block;
  width: 12px;
  height: 23px;
  position: absolute;
  right: 222px;
  top: 0;
}

.Search input {
  background: url("./images/search_bg.gif") 0 0 repeat-x;
  border-style: none;
  color: #cec5ba;
  font: 11pt "Times New Roman", sans-serif;
  height: 23px;
  width: 200px;
  padding: 0;
  margin: 0 22px 0 0;
  outline: none;
}

.Search span.RightBg {
  background: url("./images/search_bg_right.gif") 0 0 repeat-x;
  display: block;
  width: 22px;
  height: 23px;
  position: absolute;
  right: 0;
  top: 0;
}


/* 2.2. Header */

.Header {
  padding: 20px 0 40px 0;
  position: relative;
  text-align: center;
}

.IndexBg .Header { margin-bottom: 175px; }

.LangSelector {
  position: absolute;
  top: 0;
  left: 0;
}

.LangSelector ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.LangSelector ul li {
  float: left;
  width: 39px;
  text-align: center;
  padding: 10px 0 16px 0;
}

.LangSelector ul li.Current { background: url("./images/langselector_current_bg.gif") 50% 100% no-repeat; }

.NavigationBar {
  position: absolute;
  top: 0;
  right: 0;
}

.NavigationBar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.NavigationBar ul li {
  float: right;
  padding: 10px 0 16px 30px;
}

.NavigationBar a.Sitemap {
  background: url("./images/navbar_icon_sitemap.gif") 0 0.23em no-repeat;  
  padding-left: 17px;
}

.NavigationBar a.Sitemap:hover {  background: url("./images/navbar_icon_sitemap.gif") 0 0.23em no-repeat; }

.NavigationBar a.Mail {
  background: url("./images/navbar_icon_mail.gif") 0 0.23em no-repeat;  
  padding-left: 17px;
}

.NavigationBar a.Mail:hover { background: url("./images/navbar_icon_mail.gif") 0 0.23em no-repeat; }

.Logo { padding-top: 0; }

.MainMenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font: 11pt Arial, sans-serif;
}

.MainMenu li {
  display: inline;
  padding: 6px 11px;
}

.MainMenu li.Current { background-color: #f8f5ea; }


/* 2.3. Footer */

.Footer {
  margin: 5px 0 13px -475px;
  position: relative;
  width: 890px;
}

.Footer .Contacts { padding-left: 1.2em; }

.Footer .NTechs {
  position: absolute;
  top: 0;
  left: 600px;
  width: 350px;
  color: #AA9084;
}


      .NTechs img { margin-bottom: 2px; }

      .NTechs a:link,
      .NTechs a:visited,
      .NTechs a:hover {
	        color: #AA9084;
	  }

.Footer .Copyright {
  left: 0;
  position: absolute;
}

.Footer a:hover { background: none; }

/* 2.4. Content area */

.IndexIntro .LeftColumn { width: 712px; }

.IndexIntro .RightColumn {
  background: url("./images/ornament_bg.gif") 0 0 repeat-y;
  margin-left: 712px;
}

.IndexNews {
  clear: both;
  margin-top: 40px;
}

.IndexNews .LeftColumn {
  float: left;
  width: 450px;  
}

.IndexNews .RightColumn {
  background: none;
  float: right;
  width: 133px;
  margin-left: 0;
  padding-left: 45px;
}

.IndexNews .CenterColumn {
  background: url("./images/ornament_bg.gif") 0 0 repeat-y;  
  margin: 0 178px 0 450px;
}

.Ornament {
  background: url("./images/ornament.gif") 0 50% no-repeat;
  padding-left: 45px;
}

.SectionMenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.SectionMenu ul {
  list-style-type: none;
  margin: 0 0 0 16px;
  padding: 0;
}

.SectionMenu li { margin: 8px 0 8px 6px; }


.StaticLinks { margin-left: 22px; }


.Crumbs { font-size: 10pt; }

.Crumbs span.Highlighted {
  background-color: #f8f5ea;
  padding: 0 3px;
}


.UserContent ul,
ul.DateNavigator {
  margin: 0.3em 0 0.7em 0;
  padding: 0 0 0 20px;
  line-height: 25px;
  list-style-type: none;
}

.UserContent ul ul,
ul.DateNavigator ul { margin: 0; }

.UserContent ul li,
ul.DateNavigator li {
  background: url("./images/li.gif") 0 0.7em no-repeat;
  padding-left: 12px;
}


.UserContent ol {
  margin: 0.3em 0 0.7em 0;
  padding: 0 0 0 32px;
  line-height: 25px;
}

.UserContent ol ol { margin: 0; }

.MainPhone {
  color: #aa9080;
  font: 22pt Arial, sans-serif;
  white-space: nowrap;
}

.NewArrivalsDate {
  color: #aa9084;
  padding-bottom: 0;
}

/* Services */

.ServicesMenu { margin-bottom: 20px; } 
/* .ServicesMenu { } */

.ServicesMenu h1 { text-align: center; }

.ServicesMenu h1 span.ServicesLink {
  color: #ac3d00;
  cursor: pointer;
  border-bottom: 1px dashed;
  padding: 0 4px;
}

.ServicesMenu h1 span.Current {
  background-color: #f8f5ea; 
  padding: 0 4px 10px 4px;
}

.ServicesMenuContainer {
  background-color: #f8f5ea;
  position: relative;
  width: 890px;
  overflow: hidden;
  margin-bottom: 2px;
  height: 168px;
}

.ServicesMenuContainer .Public {
  left: 0;
  top: 0;
  width: 850px;
  position: absolute;
}

.ServicesMenuContainer .Org {
  left: 890px;
  top: 0;
  width: 850px;
  position: absolute;
}

.ServicesMenuContainer .Authority {
  left: 1780px;
  top: 0;
  width: 850px;
  position: absolute;
}

.ServicesMenuContent {
  background-color: #f8f5ea;
  padding: 20px;
}

.ServicesMenuContent ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ServicesMenuContent ul li.FirstLevel {
  float: left;
  width: 283px;
}

.ServicesMenuContent ul li.FirstLevel li {
  background: url("./images/li.gif") 0 0.55em no-repeat;
  padding-left: 12px;
  line-height: 20px;
  margin-bottom: 5px;
}


/* Tasks */

.Tasks {
  text-align: center;
  padding: 5px 0 0 0;
  background-color: #f5efdb;
  margin-bottom: 35px;
}

.WorkTime {
  margin: 0;
  padding: 0;
}

.WorkTime dt {
  float: left;
  width: 45px;
}

.WorkTime dd { margin-left: 45px; }

/* Hot news */

.NewsItem {
  float: left;
  width: 200px;
  margin: 10px 25px 10px 0;
}

.NewsItem .Clear { clear: left; }

.NewsItem img {
  display: block;
  height: 150px;
  width: 200px;
}

.NewsItem .Date {
  background-color: #AA9084;
  color: #fff;
  text-align: right;
  padding: 2px;
  margin-bottom: 5px;
}

/* Archive news */

.ArchNewsItem {
  min-height: 180px;
  position: relative;
  margin-top: 20px;
}

.ArchNewsItem img {
  display: block;
  height: 150px;
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
}

.ArchNewsItem .Date {
  background-color: #AA9084;
  color: #fff;
  text-align: right;
  padding: 2px;
  margin-bottom: 5px;
  width: 196px;
  top: 150px;
  left: 0;
  position: absolute;
}

.ArchNewsItem h3,
.ArchNewsItem p { margin-left: 220px; }

/* News details */

.NewsText { margin-left: 200px; }


/* Partners */

.Partners {
  font-size: 10pt;
  height: 40px;
  margin: 20px 0 0 170px;
}

.Partners .UPDA {
  background: url("./images/upda.gif") 0 0 no-repeat;
  float: left;
  height: 40px;
  padding: 5px 0 5px 32px;
  width: 150px;
}

.Partners .Rusarchives {
  background: url("./images/rusarchives.gif") 0 0 no-repeat;
  float: left;
  height: 40px;
  padding: 5px 0 5px 60px;
  width: 150px;
}

.Partners .YarIRO {
  background: url("./images/yariro.gif") 0 0 no-repeat;
  float: left;
  height: 40px;
  padding: 5px 0 5px 38px;
  width: 220px;
}


/* Funds */

.FundOdd, .FundEven {
  margin-bottom: 20px;
  padding: 10px;
}

.FundOdd { background-color: #f8f5ea; }

.FundEven { background-color: #f5efdb; }


/* Orders */

.SubmitArea {
  padding: 10px 20px;
  background-color: #f8f5ea; 
}

input.Decorated {
  width: 100%;
  font: 11pt "Times New Roman", sans-serif;
}

input.DecoratedBtn {
  font: 12pt Arial, sans-serif;
}