/*************************************************** Globals start ***************************************************/
/* Site Colors 
Grå - #5c5b60
Blå - #1b4385 / (#004b8d)
Grønn - #8fa11f / (#78a22f)
Orange - #dc9200

*/
body { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.75em; line-height: 1em; height: 100%; color: #5c5b60; }
h1 { font-size: 1.5em; font-weight: normal; margin-bottom: 0.6em; line-height: 1em; }
h2 { font-size: 1.3em; font-weight: normal; margin-bottom: 0.6em; line-height: 1em; }
h3 { font-size: 1.2em; font-weight: normal; margin-bottom: 0.5em; line-height: 1em; }
h4 { font-size: 1.1em; font-weight: bold; margin-bottom: 0.5em; line-height: 1em; }
h5 { font-size: 1.1em; font-weight: normal; margin-bottom: 0.4em; line-height: 1em; }
h6 { font-size: 1.0em; font-weight: bold; margin-bottom: 0.3em; line-height: 1em; }
p { font-size: 1em; line-height: 1.7em; margin-bottom: 1em; }
em { font-style: italic; }

a { text-decoration: none; font-weight: bold; color: #5c5b60; }
a:hover { text-decoration: underline; }

ol, ul { padding-left: 2em; margin: 1em 0; }
li { line-height: 1.7em; }
input { font-family: Arial, Helvetica, Sans-Serif; }
strong { font-weight: bold; }
.leftAlign { float: left !important; }
.rightAlign { float: right !important; }

/*************************************************** Globals end ******************************************************/
#SiteWrapper { width: 1000px; margin: 0 auto; position: relative; }
#SiteLogo { width: 270px; height: 55px; display: block; float: left; margin: 60px 0 0 30px; position: relative; z-index: 2; }
/*72-57px*/
#CompanyNav { margin: 20px 15px 0 0; padding: 0; float: right; }
#CompanyNav li { list-style: none; display: inline-block; float: left; padding: 3px 5px; border-left: solid 1px; line-height: 1em; }
#CompanyNav li:first-child { border-left: none; }
#CompanyNav li a { font-weight: normal; }
#CompanyNav li a:hover, #CompanyNav li a.Active { text-decoration: none; color: #ccc; }

.SearchPanel { float: right; margin: 20px 0 0 0; white-space: nowrap; }
#SearchBox { background: url(gfx/SearchBoxBg.gif) repeat-x 0 0; width: 155px; height: 16px; padding: 0px; display: inline-block; line-height: 16px; float: left; }
#SearchBox input[type="text"] { width: 125px; border: 0; padding: 0; height: 12px; margin: 2px; font-size: 10px; float: left; }
#SearchBox input[type="submit"] { width: 15px; height: 16px; border: 0; background: url(gfx/SearchBtn.gif) no-repeat; float: right; margin: 0 5px 0 0; cursor: pointer; }
#SiteMap { width: 17px; height: 16px; display: inline-block; background: url(gfx/SiteMap.gif) no-repeat; margin: 0 0 0 10px; display: inline-block; float: left; }


#SiteSlogan { clear: right; float: right; font-size: 22px; color: #1b4385; margin: 38px 30px 0 0; white-space:nowrap; }
body.FrontPage #SiteSlogan { display: none; }
#BackgroundImage { position: absolute; bottom: 0px; left: -140px; z-index: 1; }
body.FrontPage #BackgroundImage { bottom: 17px; left: -140px; z-index: 1; }
body.GreenTrack #BackgroundImage { bottom: 0px; left: -180px; z-index: 1; }
body.BlueTrack #BackgroundImage { display: none; }

#MainContent { border-bottom: solid 1px #8fa11f; overflow: hidden; width: 940px; position: relative; z-index: 2; clear: both; padding: 53px 15px 150px 15px; margin: 0px 15px 0px 15px; }
body.FrontPage #MainContent { background: 0; border-bottom: solid 1px #5c5b60; padding: 0px 0px 30px 0px; margin: 0px 30px 0px 30px; }
body.GreenTrack #MainContent { background: url(gfx/Spiral.jpg) no-repeat left top; padding: 67px 15px 150px 15px; }
body.BlueTrack #MainContent { border-top: solid 25px #1b4385; border-bottom: solid 1px #5c5b60; padding: 40px 0px 30px 0px; margin: 0px 30px 0px 30px; }


#TopMenu { margin:/* -12px*/0 30px 20px 0; padding: 0; clear: both; float: right; }
body.FrontPage #TopMenu { display: none; }
#TopMenu li { list-style: none; display: inline-block; padding: 2px 10px; border-right: solid 1px #5c5b60; float: left; line-height: 1em; }
#TopMenu li:first-child { border-left: solid 1px #5c5b60; }
#TopMenu li a { font-weight: normal; }
#TopMenu li a:hover, #TopMenu li.selected a { text-decoration: none; color: #ccc; }
#TopMenu li a.GBflag { background: url(gfx/flagBritain.gif) no-repeat right center; padding-right: 25px; }

#LeftMenu { margin: 0; padding: 0; width: 210px; float: left; }
#LeftMenu li { list-style: none; margin-bottom: 18px; line-height: 1em; }
#LeftMenu li a { display: inline-block; text-decoration: none; text-transform: uppercase; font-weight: normal; display: block; height: auto; line-height: 22px; font-size: 1.1em; padding-left: 25px; }

body.GreenTrack #LeftMenu li a { background: url(gfx/CheckBox1.png) no-repeat 0 0; }
body.GreenTrack #LeftMenu li a.checkbox1 { background: url(gfx/CheckBox1.png) no-repeat 0 0; }
body.GreenTrack #LeftMenu li a.checkbox2 { background: url(gfx/CheckBox2.png) no-repeat 0 0; }
body.GreenTrack #LeftMenu li a.checkbox3 { background: url(gfx/CheckBox3.png) no-repeat 0 0; }
body.GreenTrack #LeftMenu li a:hover { background: url(gfx/CheckBox1_Over.png) no-repeat 0 0; }
body.GreenTrack #LeftMenu li a.checkbox1:hover { background: url(gfx/CheckBox1_Over.png) no-repeat 0 0; }
body.GreenTrack #LeftMenu li a.checkbox2:hover { background: url(gfx/CheckBox2_Over.png) no-repeat 0 0; }
body.GreenTrack #LeftMenu li a.checkbox3:hover { background: url(gfx/CheckBox3_Over.png) no-repeat 0 0; }
body.GreenTrack #LeftMenu li.selected a { background: url(gfx/CheckBox1_Over.png) no-repeat 0 0; }
body.GreenTrack #LeftMenu li.selected a.checkbox1 { background: url(gfx/CheckBox1_Over.png) no-repeat 0 0; }
body.GreenTrack #LeftMenu li.selected a.checkbox2 { background: url(gfx/CheckBox2_Over.png) no-repeat 0 0; }
body.GreenTrack #LeftMenu li.selected a.checkbox3 { background: url(gfx/CheckBox3_Over.png) no-repeat 0 0; }


#LeftMenu li ul { margin: 5px 0 0 3px; padding: 0; }
#LeftMenu li ul li { margin: 0 0 10px 0; padding: 0; }
#LeftMenu li ul li a { background: 0 !important; margin: 0; padding: 0; text-transform: none; font-size: 1em; line-height: 14px; }
#LeftMenu li ul li.selected a { font-weight: bold; }
#LeftMenu li ul li a:hover { font-weight: bold !important; }
#LeftMenu li ul li ul { margin: 10px 0 0 22px; padding: 0; }
#LeftMenu li ul li ul li { }
#LeftMenu li ul li ul li a { font-weight: normal !important; }
#LeftMenu li ul li ul li.selected a { font-weight: bold !important; }

body.BlueTrack #LeftMenu { margin-top: 3em; }
body.BlueTrack #LeftMenu li { margin-bottom: 10px; }
body.BlueTrack #LeftMenu li a { padding-left: 0px; text-transform: none; font-size: 1em; line-height: 1em; }
body.BlueTrack #LeftMenu li.selected a { font-weight: bold; }
body.BlueTrack #LeftMenu li.selected ul li a { font-weight: normal; }
body.BlueTrack #LeftMenu li.selected ul li.selected a { font-weight: bold; }
body.BlueTrack #LeftMenu li.selected ul li.selected ul li a { font-weight: normal; }
body.BlueTrack #LeftMenu li.selected ul li.selected ul li.selected a { font-weight: normal; }
body.BlueTrack #LeftMenu li a:hover, body.BlueTrack #LeftMenu li a.selected { font-weight: bold; }

body.BlueTrack #LeftMenu li ul { margin: 10px 0 0 22px; }



#FrontPageLink { clear: both; margin: 56px 0 15px 0; padding: 0; float: left; }
#FrontPageLink li { list-style: none; width: 450px; display: inline-block; float: left; margin-left: 40px; }
#FrontPageLink li a { font-weight: normal; font-size: inherit; color: inherit; }
#FrontPageLink li img.Language { float: right; width: 22px; height: 16px; margin: 10px; }
#FrontPageLink li:first-child { margin-left: 0px; }
#FrontPageLink li h1 { line-height: 36px; font-size: 1.6em; padding-left: 10px; margin: 0; float: left; }
#FrontPageLink li p { line-height: 35px; padding-left: 10px; color: #fff; margin: 0; clear: both; clear: both; }
#FrontPageLink li.Green a.Checkbox { width: 450px; height: 212px; margin-top: -27px; padding-top: 27px; display: block; background: url(gfx/CheckBox1.png) no-repeat right top; }
#FrontPageLink li.Green a.Checkbox:hover { background: url(gfx/CheckBox1_Over.png) no-repeat right top; }
#FrontPageLink li.Green h1 { color: #8fa11f; }
#FrontPageLink li.Green p { background: #8fa11f; }
#FrontPageLink li.Blue h1 { color: #1b4385; }
#FrontPageLink li.Blue p { background: #1b4385; }
#FrontPageLink li.Blue a.Checkbox { width: 450px; height: 212px; margin-top: -27px; padding-top: 27px; display: block; background: url(gfx/CheckBox2.png) no-repeat right top; }
#FrontPageLink li.Blue a.Checkbox:hover { background: url(gfx/CheckBox2_Over.png) no-repeat right top; }

#Article, #ArticleList { width: 515px; float: left; margin: 0 20px 0 10px; }
#Article h1 { margin-bottom: 1em; }
#Article img.VisningsBilde { max-width: 515px; float: right; margin: 0 0 1em 1em; }
#Article div.articleImage { float: right; margin: 0 0 1em 1em; clear: right; vertical-align: text-top; }
#Article div.articleImage p { font-size: 0.9em; line-height: 1.2em; font-style: oblique; margin: 3px 0 0 0; }
#SearchResult { margin: 30px 0 20px 0; }



#ArticleList { padding: 0; list-style: none; }
#ArticleList li { overflow: hidden; list-style: none; border-top: solid 1px #ccc; padding-top: 2.5em; margin-top: 2.5em; }
#ArticleList li:first-child { border-top: 0; padding-top: 0; margin-top: 2.5em; }
#ArticleList li h1 { line-height: 1.3em; }
#ArticleList li h3 { }
#ArticleList li a.ReadMore { float: left; line-height: 1.2em; padding: 3px 0; }
#ArticleList li a.ReadMore + a.ReadMore { padding-left: 5px; margin-left: 5px; border-left: 1px solid #5C5B60; }
#ArticleList li img.ListeBilde { float: right; max-width: 200px; margin: 0 0 1em 1em; }
#ArticleList li img.ListeBilde.left { float: left; margin: 0 1em 1em 0; }

h1.SiteMap { font-size: 22px; color: #1b4385; margin: 38px 30px 0 300px; }
#siteMapMenu { margin: 30px 0 0 300px; padding: 0; width: 400px; }
#siteMapMenu li { list-style-type: none; }
#siteMapMenu li a { margin: 0; font-size: 1.7em; font-weight: normal; }
#siteMapMenu li ul { margin: 5px 25px; padding: 0; }
#siteMapMenu li ul li { list-style-type: disc; }
#siteMapMenu li ul li a { font-size: 1.4em; }
#siteMapMenu li ul li ul { margin: 5px 25px; }
#siteMapMenu li ul li ul li { list-style-type: circle; }
#siteMapMenu li ul li ul li a { font-size: 1.2em; }
#siteMapMenu li ul li ul li ul { margin: 5px 25px; }
#siteMapMenu li ul li ul li ul li { list-style-type: disc; }
#siteMapMenu li ul li ul li ul li a { font-size: 1em; }

#NewsArchive { float: right; margin: 0 0px 3em 0; padding: 0; width: 100%; }
body.BlueTrack #NewsArchive { width: 180px; margin-top: 3em; }
#NewsArchive li { list-style: none; border-top: solid 2px #dc9200; margin-left: 30px; overflow: hidden; }
body.BlueTrack #NewsArchive li { padding-bottom: 2em; margin-left: 0; }
body.FrontPage #NewsArchive li { width: 210px; display: inline-block; float: left; }
body.FrontPage #NewsArchive li:first-child { margin-left: 0; }

#NewsArchive li h2 { font-size: 1em; line-height: 1.2em; font-weight: bold; margin: .4em 0; }
#NewsArchive li p, #RightList li p { font-size: 1em; line-height: 1.6em; }
#NewsArchive li a.ReadMore { font-size: 0.85em; float: right; text-decoration: underline; font-weight: normal; }

#RightList { width: 180px; margin: 0; padding: 0; float: right; }
#RightList li { list-style: none; margin-bottom: 20px; font-size: 0.9em; line-height: 0.5em; }
#RightList li h2 { font-size: 1.1em; line-height: 2em; font-weight: bold; margin-top: 1em; }
#RightList li a.ReadMore { line-height: 1em; font-weight: normal; text-decoration: underline; }
#RightList li.Pin { padding-left: 50px; min-height: 50px; }
#RightList li.Pin.Steel { background: url(gfx/SteelPin.gif) no-repeat left top; }
#RightList li.Pin.Yellow { background: url(gfx/YellowPin.gif) no-repeat left top; }
#RightList li.Pin.Red { background: url(gfx/RedPin.gif) no-repeat left top; }
#RightList li.Pin.Green { background: url(gfx/GreenPin.gif) no-repeat left top; }
#RightList li.Pin img.FullWidth { margin-left: -50px; }

body.FrontPage #InfoBox, body.BlueTrack #InfoBox { display: none; }
#InfoBox { width: 205px; height: 126px; background: url(gfx/InfoBoxRett.png) no-repeat 0 0; position: absolute; bottom: 0px; right: 15px; }
#InfoBox p { width: 130px; padding: 30px 25px 10px 50px; line-height: 1.3em; font-size: 1.1em; background: url(gfx/GreenPin.gif) no-repeat 3px 4px; }

#FooterText { width: 940px; margin: 5px auto; font-size: 0.75em; overflow: hidden; list-style-type:none; padding: 0; }
#FooterText li { float:left; }
#FooterText .social { margin-left: 15px; }
#FooterText span { display: inline-block; float: left; }

.facebookFrontPage { margin-top: 6px; }

/*.FooterText { font-size: 0.75em; display: inline-block; float: right; }
.FooterText:first-child { float: left; }*/

.highlight { background-color: #FFFFAA; font-weight: bold; padding: 3px 0; }

input.inputSmall { width: 40px; }

select.wide { width: 314px; }
select.ships { width: 170px; }

/*div.cadetFormWrapper table*/

table.InputSchema, table.refTable { border-bottom: 1px solid #8FA11F; padding-bottom: 20px; margin-bottom: 10px; }
table.InputSchema, table.refTable { border-bottom: 1px solid #8FA11F; padding-bottom: 10px; }
table.InputSchema tr td:first-child { width: 350; }
table.InputSchema tr td:first-child { width: 350; }
table.InputSchema tr td { font-size: 1em; }
table.InputSchema tr td input[type=text] { width: 236px; }
table.InputSchema tr td input[type=text] { width: 310px; }
table.InputSchema tr td:first-child { width: 200px; }

div.CadetDetails h2,div.cadetSchema h2 { font-weight: bold; margin-top: 10px; }

div.cadetSchema h2.border { border-top: 1px solid #8FA11F; padding-top: 20px; }
div.CadetDetails h2.border { border-top: 1px solid #8FA11F; padding-top: 10px; }

div.cadetSchema textarea { width: 510px; height: 150px; }
div.cadetSchema textarea { width: 510px; height: 100px; }

div.cadetSchema label.Comment { padding: 5px 0 5px 0; display: block; font-weight: bold; }
div.CadetDetails span.Comment { padding: 5px 0 5px 0; display: block; font-weight: bold; }
div.cadetSchema fieldset { border: 1px solid #ddd; padding: 5px; margin-bottom: 10px; }
div.cadetSchema fieldset legend { padding: 0 5px; font-size: 1.3em; font-weight: bold; }

table.refTable { margin-bottom: 10px; }
table.refTable tr td:first-child + td + td + td input { width: 60px; }
table.refTable tr td:first-child + td + td input { width: 110px; }

div.CadetDetails table.refTable tr td:first-child + td {font-weight:normal}	
div.CadetDetails table.refTable th {font-weight:bold;text-align:left}
/*************************************************** Cadet ******************************************************/
#cadetFormWrapper { width: 600px; }
#cadetFormWrapper fieldset { border: 1px solid #ddd; padding: 5px; margin-bottom: 10px; }
#cadetFormWrapper fieldset legend { padding: 0 5px; font-size: 1.3em; }
#cadetFormWrapper h2 { margin: 20px 0 5px 0; }
/*#cadetFormWrapper .small, #cadetFormWrapper .medium, #cadetFormWrapper .large { padding: 2px; }*/
#cadetFormWrapper .small { width: 40px; }
#cadetFormWrapper .medium { width: 160px; }
/*#cadetFormWrapper select.large { width: 224px; }*/
#cadetFormWrapper .large { width: 220px; }
#cadetFormWrapper textarea.large { width: 420px; height: 80px; }
#cadetFormWrapper .threeCol td { width: 33%; }
#cadetFormWrapper .twoCol td { width: 50%; }


.SearchCriteria { height: 65px; width: 300px; }

table.SearchForm tr td { font-weight: bold; vertical-align: top; padding-bottom: 3px; }
table.SearchForm tr td p { font-weight: bold; margin-bottom: 0; line-height: 1em; }
table.SearchForm tr td p.hint { font-weight: normal; color: #8FA11F; font-size: 0.8em; }

ul#siteMapMenu { list-style-type: disc; margin: 0; }
ul#siteMapMenu ul { list-style-type: disc; margin: 0; }
ul#siteMapMenu li { margin: 0; }

div#NewUser, div#CadetLogin { float: left; border: solid 1px #cccccc; padding: 10px; height: 180px; margin-top: 20px; }
div#NewUser { margin-left: 5px; }

table.CadetSearchResult { width: 100%; border-top: 1px solid #8FA11F; padding-top: 10px; margin-top: 10px; }
table.CadetSearchResult tr th { text-align: left; font-weight: bold; }


div.CadetDetails table{width:100%}
div.CadetDetails table tr td:first-child + td {font-weight:bold;}

div.SaveInfo {font-size:14px; font-weight:bold; border: 1px solid #8FA11F;padding:10px;}

.topMargin { margin-top: 20px;}