@import "reset-fonts-grids.css";

* {	font-family: 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif; }
body { height: 100%; margin: 0 auto; width: 780px; padding: 0; background: #FFFFFF url('../images/gui/body_bg.gif') repeat-x left top; }
div#InnerContainer { position: relative; margin: 0 auto; width: 750px; text-align: left; }

.Left { float: left; }
.Right { float: right; }
.ClearFix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.ClearFix { display: inline-block; }
.ClearFix { display:block; }
.NoMargin { margin: 0; }
.NoPadding { padding: 0; }
* html .ClearFix { height:1px; }
.SiteID { position: absolute; top: 15px; left: 5px; z-index: 1000; }
strong { font-weight: bold; }

#Header { position: relative; height: 102px; clear: both; overflow: hidden; background: url('../images/gui/header_bottom_bg.gif') repeat-x left bottom; }
#Header .Language { position: absolute; top: 20px; right: 0px; }

#Navigation { position: absolute; right: 0; bottom: 26px; background: url('../images/gui/nav_delimiter_bg.gif') no-repeat right center; padding: 0 3px 0 0; }
#Navigation li { display: inline; margin: 0; padding: 0; }
#Navigation a { margin: 0; font-weight: bold; color: #85AE5E; text-decoration: none; padding: 0 8px 0 11px; background: url('../images/gui/nav_delimiter_bg.gif') no-repeat left center; }
#Navigation a:hover, #Navigation a:active { color: #9FBF80; }
#Navigation a.Current { color: #777696; }

#Content { position: relative; clear: both; overflow: hidden; padding: 30px 20px; }
#Content h2 { font-size: 20px; font-weight: bold; color: #1C2E60; margin: 0 0 20px 0; }
#Content h2 small { font-size: 11px; color: #808080; display: block; }
#Content h3 { font-size: 18px; color: #1C2E60; margin: 0 0 20px 0; }
#Content h3 small { font-size: 11px; color: #808080; display: block; }
#Content h4 { font-size: 16px; color: #1C2E60; margin: 0 0 10px 0; font-weight: normal; }
#Content h4 small { font-size: 11px; color: #808080; display: block; }
#Content .ColumnFull { position: relative; clear: both; overflow: hidden; width: 100%; margin: 0; padding: 0; }
#Content .ColumnMain { position: relative; clear: left; float: left; overflow: hidden; width: 430px; margin: 0; padding: 0; }
#Content p { font-size: 14px; color: #606060; margin: 0 0 15px 0; }
#Content .ColumnSidebar { clear: right; overflow: hidden; float: right; width: 250px; }
#Content ul { margin: 0 0 10px 0; }
#Content ol { margin: 0 0 10px 0; }
#Content .Columns2 { display: block; float: left; width: 330px; margin: 0 15px 0 0; padding: 0; }
#Content ul li { font-size: 13px; margin-left: 20px; list-style-image: url('../images/gui/bullet.gif'); padding-bottom: 5px; color: #606060; }
#Content ol li { font-size: 13px; margin-left: 20px; padding-bottom: 5px; color: #606060; list-style-type: decimal; }
#Content li small { font-size: 11px; color: #808080; display: block; }
#Content a { color: #85AE5E; text-decoration: none; }
#Content a:hover, #Content a:active { color: #777696; }
#Content .JobList { margin: 0 0 25px 0; display: block; }
#Content .JobList th { background: #BDB9BA; border-bottom: 1px solid #1C2E60; padding: 10px; color: #1C2E60; font-weight: bold; font-size: 14px; }
#Content .JobList td { padding: 10px; font-size: 13px; border-bottom: 1px solid #BDB9BA; }
#Content .JobList td.Position { color: #404040; font-weight: bold; }
#Content .JobList td.Date { color: #808080; }
#Content .JobList tr.OddRow { background: #F7F7F7; }

#Content .JobEntry { margin: 0 0 25px 0; }
#Content .JobEntry td { color: #606060; padding: 10px 0; font-size: 14px; border-bottom: 1px solid #BDB9BA; }
#Content .JobEntry td.Label { line-height: 16px; font-weight: bold; text-align: right; padding-right: 10px; font-size: 12px; color: #606060; }

#Content .GoogleMap { float: right; clear:none; width: 400px; height: 300px; border: 1px solid #85AE5E; }

#Content form.Form { position: relative; clear: both; overflow: hidden; }
#Content form.Form * { font-family: Arial, Helvetica, sans-serif; }
#Content form.Form fieldset { position: relative; border: 2px solid #BDB9BA; padding: 15px; margin: 0 0 10px 0; display: block; clear: both; }
#Content form.Form h3 { font-size: 18px; color: #1C2E60; margin: 0; padding: 0; }
#Content form.Form legend { border: 2px solid #BDB9BA; padding: 5px; margin: 0 0 10px 0; }
#Content form.Form .Container { margin: 15px 0 0 0; }
#Content form.Form label { display:block; font-size: 13px; color: #808080; }
#Content form.Form label .Required { color: #B05C6A; font-size: 18px; font-weight: bold; line-height: 12px; }
#Content form.Form label.StartRow { float: left; width: 100px; text-align: right; margin: 0 5px 0 0; line-height: 30px; }
#Content form.Form label.Inline { display: inline; margin: 0 5px 0 0; line-height: 30px; }
#Content form.Form p { font-size: 12px; text-align: left; }
#Content form.Form div { position: relative; }
#Content form.Form div.Row { margin: 0 0 10px 0; clear: both; overflow: hidden; }
#Content form.Form div.RowLast { margin: 0; clear: both; overflow: hidden; }
#Content form.Form div.Inline { float: left; clear: none; padding-right: 15px; }
#Content form.Form .Disabled { color: #808080; background: #FFFFFF; }
#Content form.Form input, #Content form.Form textarea, #Content form.Form select { border: 1px solid #808080; padding: 5px; color: #404040; font-size: 14px; overflow: auto; position: relative; }
#Content form.Form input.Login { font-size: 18px; width: 200px; }
#Content form.Form input.NewsAuthor { }
#Content form.Form input.Date { width: 100px; }
#Content form.Form input.Phone { width: 125px; }
#Content form.Form input.PhoneExtension { width: 50px; }
#Content form.Form input.Title { font-size: 18px; }
#Content form.Form input.ExtraTiny, form.Form textarea.ExtraTiny { width: 25px; }
#Content form.Form input.Tiny, form.Form textarea.Tiny { width: 75px; }
#Content form.Form input.Small, form.Form textarea.Small { width: 150px; }
#Content form.Form input.Medium, form.Form textarea.Medium { width: 200px; }
#Content form.Form input.Large, form.Form textarea.Large { width: 250px; }
#Content form.Form input.ExtraLarge, form.Form textarea.ExtraLarge { width: 300px; }
#Content form.Form input.Full, form.Form textarea.Full { width: 650px; }
#Content form.Form input.Radio { border: none; }
#Content form.Form .FieldRequired { border: 1px solid #B05C6A; }
#Content form.Form .FieldError { background: #E1C3C9; }
#Content form.Form button { color: #FFFFFF; padding: 3px; font-size: 18px; line-height: 18px; background: #777696; border: 1px solid #BDB9BA; border-bottom: 1px  solid #1C2E60; border-right: 1px solid #1C2E60; }
#Content form.Form button.Cancel { color: #000000; background: #C0C0C0; border: 1px solid #E0E0E0; border-bottom: 1px solid #808080; border-right: 1px solid #808080; }
#Content form.Form button.Delete { background: #B05C6A; border: 1px solid #E1C3C9; border-bottom: 1px solid #944552; border-right: 1px solid #944552; }

#Message { margin: 0 0 15px 0; padding: 10px 10px 10px 31px; border: 2px solid #5E85AE; background: #C4D2E1 url('../images/gui/icon_comment.gif') no-repeat 10px center; font-size: 13px; color: #000000; }
#Message.Error { border: 2px solid #B05C6A; background: #E1C3C9 url('../images/gui/icon_error.gif') no-repeat 10px center; }
#Message.Error a { color: #B05C6A; text-decoration: none; }
#Message.Success { border: 2px solid #85AE5E; background: #D2E1C4 url('../images/gui/icon_accept.gif') no-repeat 10px center; }
#Message.Success a { color: #85AE5E; text-decoration: none; }
#Message a { color: #5E85AE; text-decoration: none; }
#Message a:hover, #Message a:active { color: #FFFFFF; }

#PageTitle { position: relative; font-size: 32px; height: 95px; margin: 5px 0 0 0; border-bottom: 1px solid #E0E0E0; background: no-repeat top right; }
#PageTitle h2 { position: absolute; left: 0; bottom: 10px; font-size: 32px; font-weight: bold; color: #1C2E60; margin: 0; padding: 0; }
#PageTitle h2 small { font-size: 11px; letter-spacing: 0.025em; display: block; text-transform: uppercase; }
#PageTitle a { color: #85AE5E; text-decoration: none; }
#PageTitle a:hover, #Content a:active { color: #777696; }
#PageTitle .About { height: 95px; background-image: url('../images/gui/page_title_about_bg.jpg'); }
#PageTitle .Services { height: 95px; background-image: url('../images/gui/page_title_services_bg.jpg'); }
#PageTitle .Candidates { height: 95px; background-image: url('../images/gui/page_title_candidates_bg.jpg'); }
#PageTitle .News { height: 95px; background-image: url('../images/gui/page_title_news_bg.jpg'); }
#PageTitle .Contact { height: 95px; background-image: url('../images/gui/page_title_contact_bg.jpg'); }
#PageTitle .Video { height: 95px; background-image: url('../images/gui/page_title_video_bg.jpg'); }
#PageTitle .Security { height: 95px; background-image: url('../images/gui/page_title_security_bg.jpg'); }

#BlockVideo { margin: 0 0 20px 0; display: block; height: 150px; width: 250px; background: url('../images/gui/block_video_bg.jpg') no-repeat top left; }
#BlockVideo .Container { padding: 15px 85px 15px 15px; }
#BlockVideo h3 { color: #FFFFFF; text-transform: uppercase; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
#BlockVideo p { color: #FFFFFF; font-size: 12px; }
#BlockVideo a { color: #FFFFFF; }
#BlockVideo a:hover, #BlockVideo a:active { color: #FFFFFF; text-decoration: underline; }

#BlockContact { display: block; height: 65px; width: 250px; margin: 0 0 20px 0; background: url('../images/gui/block_contact_bg.jpg') no-repeat top left; }
#BlockContact .Container { padding: 0 85px 0 15px; }
#BlockContact a { text-transform: uppercase; font-weight: bold; font-size: 16px; color: #1C2E60; line-height: 65px; }
#BlockContact a:hover, #BlockContact a:active { color: #777696; }

#BlockButtonSidebarAdminAction { display: block; height: 40px; width: 250px; margin: 0 0 20px 0; background: url('../images/gui/button_sidebar_admin_action_bg.gif') no-repeat top left; }
#BlockButtonSidebarAdminAction .Container { padding: 10px 15px; text-align: center; }
#BlockButtonSidebarAdminAction a { display: block; text-transform: uppercase; font-weight: bold; font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 16px; }
#BlockButtonSidebarAdminAction a:hover, #BlockButtonSidebarAdminAction a:active { color: #D2E1C4; }

#Homepage { position: relative; padding-top: 4px; }
#Homepage .Splash { position: relative; clear: both; overlay: hidden; margin: 0 0 15px 0; height: 150px; }
#Homepage .SplashLeft { float: left; width: 548px; }
#Homepage .SplashRight { float: right; width: 198px; }
#Homepage .SplashImage { background: url('../images/gui/homepage_splash_bg.jpg') no-repeat left top; display: block; clear: both; height: 150px; margin: 0; padding: 0; }
#Homepage .SplashAbout { display: block; float: right; margin: 0 0 3px 0; padding: 0; }
#Homepage .SplashVideo { display: block; float: right; margin: 0; padding: 0; }
#Homepage .ColumnLeft { clear: left; position: relative; float: left; width: 300px; margin: 0 0 15px 0; }
#Homepage .ColumnRight { position: relative; float: right; width: 435px; margin: 0 0 15px 0; }
#Homepage .About { position: relative; display: block; height: 140px; background: url('../images/gui/homepage_about_bg.jpg') no-repeat left top; margin-bottom: 15px; }
#Homepage .About p { font-size: 13px; padding: 20px 100px 20px 20px; }
#Homepage .About .More { position: absolute; bottom: -14px; right: -14px; }
#Homepage .Security { position: relative; display: block; height: 103px; background: url('../images/gui/homepage_security_bg.jpg') no-repeat left top; margin-bottom: 15px; }
#Homepage .Security p { font-size: 13px; padding: 20px 100px 20px 20px; }
#Homepage .Security .More { position: absolute; bottom: -14px; right: -14px; }
#Homepage .ColumnHeader { font-size: 16px; font-weight: bold; color: #FFFFFF; padding: 5px 20px 5px 20px; margin: 0; display:block; height: 20px; background: url('../images/gui/homepage_column_header_bg.gif') no-repeat left top; }
#Homepage .ColumnHeader .More { float: right; margin-top: 5px; }
#Homepage .Jobs { margin: 0 0 15px 0; background: #D4D1D2 url('../images/gui/homepage_jobs_bg.gif') no-repeat left bottom; padding: 20px 20px 15px 85px; }
#Homepage .Jobs ul {}
#Homepage .Jobs ul li { margin-left: 20px; list-style-image: url('../images/gui/bullet.gif'); padding-bottom: 5px; color: #606060; }
#Homepage .Jobs a { color: #1C2E60; text-decoration: none; }
#Homepage .Jobs a:hover, #Homepage .Jobs a:active { color: #777696; }
#Homepage .News { margin: 0 0 15px 0; background: #D4D1D2; padding: 20px 20px 15px 20px; }
#Homepage .News ul {}
#Homepage .News ul li { margin-left: 20px; list-style-image: url('../images/gui/bullet.gif'); padding-bottom: 5px; color: #606060; }
#Homepage .News a { color: #1C2E60; text-decoration: none; }
#Homepage .News a:hover, #Homepage .News a:active { color: #777696; }

#Footer { color: #C0C0C0; overflow: hidden; clear: both; background: url('../images/gui/footer_top_bg.gif') repeat-x left top; margin: 20px 0 15px 0; padding: 25px 0 20px 0; }
#Footer .Navigation { margin: 0; text-align: left; }
#Footer .Login { margin: 40px 0 0 0; text-align: left; font-size: 10px; text-transform: uppercase; }
#Footer .Legal { text-align: right; }
#Footer .SpherikaBadge { margin: 40px 0 0 0; text-align: right; }
#Footer a { color: #85AE5E; text-decoration: none; }
#Footer a:hover, #Footer a:active { color: #9FBF80; }