@import url( IntroView.css );
@import url( CompanyIcon.css );
@import url( CompanyIconsView.css );
@import url( ListBoxView.css );
@import url( StartView.css );
@import url( GameInfoView.css );
@import url( CountryView.css );
@import url( WizardView.css );
@import url( ScoreView.css );
@import url( InfoView.css );
@import url( CompanyInfoView.css );
@import url( CompanyConnectionInfoView.css );
@import url( MapControlsView.css);
@import url( CountryInfoView.css);
@import url( Reports.css);

/* general styles */

@font-face
{
  font-family: taxodus_light;
  src: url('../rsrc/fonts/blockgothic_lightcondensed.ttf'), url('../rsrc/fonts/blockgothic_lightcondensed.eot') format('embedded-opentype'); /* IE9 */
}

@font-face
{
  font-family: taxodus_medium;
  src: url('../rsrc/fonts/blockgothic_mediumcondensed.ttf'), url('../rsrc/fonts/blockgothic_mediumcondensed.eot') format('embedded-opentype'); /* IE9 */
}

a
{
  text-decoration: none;
}

a:hover
{
  color: #00c6c2;
}

*
{
  font-family: taxodus_light;
  letter-spacing: 0.1em;
  font-size: 14px;
  color: white;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

input
{
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}

.TextLarge { font-size: 38px; line-height: 85%; }
.TextMedium { font-size: 18px; line-height: 95%;  }
.TextSmall { font-size: 14px; line-height: 100%; }
.TextBold { font-family: taxodus_medium; }
.TextGreen { color: #00c6c2; }
.TextPurple { color: #554cf6; }
.TextWhite { color: white; }
.TextBlack { color: black; }
.BackgroundGreen { background-color: #00c6c2; }
.BackgroundPurple { background-color: #554cf6; }
.BorderGreen { border-color: #00c6c2; }
.BorderPurple { border-color: #554cf6; }

.InlineBlock { display: inline-block; }
.CursorPointer { cursor: pointer; }

hr
{
  border-collapse: collapse;
  border-color: #554cf6;
  margin: 6px 0 0 0;
}

.TextLineSpacer
{
  height: 1em;
}

body
{
  background-color: #000;
  background: #000 url( "../rsrc/images/bodyBackgroundImage.jpg?__" );
  background-size: cover;
  overflow: hidden;
  margin: 0;
}

#baseLayer
{
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right:0px;
}

#gradientLayer
{
  position: absolute;
  top: 0px;
  left: -300px;
  width: 600px;
  bottom: 0px;
  background-image: url(../rsrc/images/bodyBackgroundGradient.png);
  background-repeat: repeat-y;
  background-position: center;
}

#guiLayer {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  }

#mapLayer {
  overflow:hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

/* connection styles */
#mediatorConnectionStyles {
  position: absolute; 
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  stroke-width:2;
  fill:white;
  stroke:white;
  stroke-linecap:round;
  opacity:0.5;
}

#disconnectedConnectionStyles {
  position: absolute; 
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  stroke-width:4;
  fill:white;
  stroke:white;
  stroke-linecap:round;
  opacity:0.8;
}

#connectedConnectionStyles {
  position: absolute; 
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  stroke-width:4;
  fill:white;
  stroke:white;
  stroke-linecap:round;
  opacity:0.8;
}

#disconnectedHighlightConnectionStyles {
  position: absolute; 
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  stroke-width:6;
  fill:white;
  stroke:white;
  stroke-linecap:round;
  opacity:1.0;
}

#connectedHighlightConnectionStyles {
  position: absolute; 
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  stroke-width:6;
  fill:white;
  stroke:white;
  stroke-linecap:round;
  opacity:1.0;
}



/* views */
#countryViewStyles {
  

  /*
  color:#33D;
  border-color:#aaf;
  fill:#11f; */

  /* countries */
  color: black; 
  border-color: #00C6C2;
  border-width: 1px;

  /* capital dot */
  stroke-width:1px;
  fill: black;
  marker-offset:10px;
  stroke:#fff;
  stroke-linecap:round;
  opacity:0.5;
}

#countryHighlightViewStyles {
  color: black; 
  border-color: #00C6C2;
  border-width: 1px;
}

#treatyViewStylesNormal {
  fill:transparent;
  stroke:#44f;
  stroke-width:2px;
  stroke-linecap:round;
  opacity:0.5;
}

#treatyViewStylesHighlight {
  fill:transparent;
  stroke:#44f;
  stroke-width:5px;
  stroke-linecap:round;
  opacity:0.8;
}

#mapViewTreatyPathStyles {
  fill:#fff;
  stroke:#44f;
  stroke-width:5px;
  stroke-linecap:round;
  opacity:0.5;
}

#mapViewBackdropStyles {
  fill:transparent;
  stroke:transparent;
  stroke-width:0px;
  /*
  fill:#00A;
  stroke:#000;
  stroke-width:0px;
  */
}

#timerText {
  position: absolute; 
  left: 300px;
  top: 10px;
  width: 400px;
  height: 50px;
  font-size: 15px;
  color: #808080;
}


/*.StartView {
  position: absolute; 
  left: 200px;
  top: 150px;
  width: 600px;
  height: 300px;
  background-image:url( http://www.jvanderspek.com/dev/Taxodus/rsrc/transp.png );
}

.StartView #start {
  width: 200px;
  height: 100px;
  background-color:red;
}

.StartView #highscores {
  width: 200px;
  height: 100px;
  background-color:red;
}*/

#disclaimerLogo
{
  width: 400px;
  height: auto;
}

.ContentBlock
{
  margin-left: 250px;
}

.videoFrame
{
  position: absolute;
  left: 12px;
  top: 42px;
  width: 856px;
  height: 352px;
}


.LoaderView {
  position: absolute; 
  left: 200px;
  top: 200px;
  width: 16px;
  height: 16px;
}

.InfoDialog {
  position: absolute; 
  left: 200px;
  top: 200px;
  width: 400px;
  height: 300px;
  background-image:url( http://www.jvanderspek.com/dev/Taxodus/rsrc/transp.png );
}

.InfoDialog .CloseButton {
  position: absolute; 
  left: 300px;
  top: 300px;
  width:64px;
  height:15px;
}

.MapView {
  position: absolute; 
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.LegendaView {
  position: absolute; 
  left: 0px;
  top: 100px;
  width: 200px;
  height: 100px;
  background-image:url( http://www.jvanderspek.com/dev/Taxodus/rsrc/transp.png );
}

.LegendaView .Label {
  position:absolute;
  left:30px;
  width: 200px;
  height: 20px;
  font-size: 15px;
}

.CheckBox {
  width: 20px;
  height: 20px;
}

.CheckBoxUnchecked {
  background-color:#0F0;
}

.CheckBoxChecked {
  background-color:#F00;
}
  
.GameSpeedView {
  position: absolute; 
  left: 400px;
  top: 500px;
  width: 200px;
  height: 100px;
  overflow: hidden;
  text-align: center;
  background-image:url( http://www.jvanderspek.com/dev/Taxodus/rsrc/transp.png );
}


.GameSpeedView #play {
  float:left;
  width: 50%;
  height:auto;
}
 
.GameSpeedView #pause {
  width: 50%;
  float:left;
  height:auto;
}

.GameSpeedViewIconSelect {
  background-image:url( http://www.jvanderspek.com/dev/Taxodus/rsrc/transp.png );
}

#countryCompaniesViewMapSelector {
  position: absolute; 
  left: 0px;
  top: 100px;
  width: 100px;
  height: 44px;
  direction: ltr;
  background-image:url( http://www.jvanderspek.com/dev/Taxodus/rsrc/worldicon100x44.png );
}

.CountryCompaniesView {
  position: absolute; 
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
}

.CompaniesChartView {
  position: absolute; 
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;  
/*  overflow-x: auto;
  overflow-y: auto;
*/
  direction:ltr;
/*
  background-image:url( http://www.jvanderspek.com/dev/Taxodus/rsrc/transp.png );
*/
  fill:#f00;
  stroke:#f00;
  stroke-width:5px;
  stroke-linecap:round;
}


.CompaniesChartView #dropLayer{
  position: absolute; 
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 120px;
}

.CompaniesChartViewRenderlayer {
  pointer-events: none; 
  position: absolute; 
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 120px;
  overflow: hidden;  
/*  overflow-x: auto;
  overflow-y: auto;
*/
  direction:ltr;
}


.CountryListView {
  position: absolute; 
  left: 100px;
  top: 100px;
  width:400px;
  height:400px;
  background-image:url( http://www.jvanderspek.com/dev/Taxodus/rsrc/transp.png );
}

.ListItemHighlight {
  background-color:red;
}

.OffshoreConnectionTarget {
  position: absolute; 
  width:50px;
  height:50px;
}

.InboundOffshoreConnectionTarget {
  left: 100px;
  top: 100px;
  background-color:#00c6c2;
}

.OutboundOffshoreConnectionTarget {
  right: 100px;
  top: 100px;
  background-color:#00c6c2;
}

.OffshoreConnectionTargetHighlight {
  background-color:#00c6c2;
}

.CompanyInfoView #icon {
}

.CompanyInfoView #infoLayer {
}

.CompanyInfoView #name {
}

.CompanyInfoView #type {
}

.CompanyInfoView #category {
}

.CompanyInfoView #location {
}

.CompanyInfoView #profit {
}

#countryLayer {
  left: 0px;
  top: 0px;
  width: 200px;
  height: 200px;
}

#countryCompanyLayer {
  left: 0px;
  top: 0px;
  width: 100px;
  height: 100px;
}




#statusLayer {
}