body{
  background: #ffffff;
  margin-left: 0px ;
  margin-right: 0px ;
  margin-top: 0px ;
  margin-bottom: 0px ;
/*	font: 78%/1.1 arial, helvetica, serif;
	background: white url(bgbaba.gif);
	text-align: center;
	padding: 0;
	m/argin: 2em;
	margin: 0;*/
}

td.tleft {
/*	background-image: url(../gfx/misc/tleft.gif); */
  width:6px;
}
td.tmiddle {
/*	background-image: url(../gfx/misc/tmiddle.gif); */
}
td.tright {
/*	background-image: url(../gfx/misc/tright.gif); */
  width:6px;
}

td.bleft {
/*	background-image: url(../gfx/misc/bleft.gif); */
  width:6px;
}
td.bmiddle {
/*	background-image: url(../gfx/misc/bmiddle.gif); */
}
td.bright {
/*	background-image: url(../gfx/misc/bright.gif); */
  width:6px;
}

td.tleft, td.tmiddle, td.tright, td.bleft, td.bmiddle, td.bright  {
  height: 18px ;
  font-family:Arial;
  font-size:8pt;
  color:#ffffff;
}



a:link{
  color: #191970;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none;
}

a:visited{
  color: #191970;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none;
}

a:hover{
  color: #0000ff;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none;
}

.introwelcometext{
  /*font-size: 62.5%;*/
  font-size: 13px;
  font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
  line-height: 22px;
  color: #eee;
  text-decoration: none;
}

.introblurbtext{
  font-size: 11px;
  font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
  line-height: 16px;
  color: #eee;
  text-decoration: none;
}

.largeboldtext{
  font-family:Arial;
  font-size:12pt;
  color:#000080;
  text-decoration: none;
  font-weight: bold;
}
.smalltext{
  font-family:Arial;
  font-size:8pt;
  color:#000080;
  text-decoration: none;
}
.weaktext{
  color:#5757b0;
}
.journaltext {
  border-top:    2px inset #333;
  border-left:   2px inset #333;
  border-bottom: 1px inset black;
  border-right:  1px inset black;
  padding: 2px;
  height: 120px;
  width: 382px;
  overflow: auto;
}

smalltext:link{
  color: #191970;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none;
}

smalltext:visited{
  color: #191970;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none;
}

smalltext:hover{
  color: #0000ff;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none;
}

.smallboldtext{
  font-family:Arial;
  font-size:8pt;
  color:#000080;
  text-decoration: none;
  font-weight: bold;
}

.tabtext{
  font-family:Arial;
  font-size:8pt;
  color:#ffffff;
  text-decoration: none;
  border-left-style: solid;
  border-left-width: thin;
}

.disabledtext{
  font-family:Arial;
  font-size:8pt;
  color:#707070;
  text-decoration: none;
}

.tabletitletext{
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  color:#191970;
}

.tinytabletitletext{
  font-family:Arial;
  font-size:6pt;
  font-weight: normal;
  color:#191970;
}

.tabletext{
  font-family:Arial;
  font-size:8pt;
  font-weight: normal;
  color:#ffffff;
}

.smalltabletext{
  vertical-align: top;
  font-family:Arial;
  font-size:7pt;
  font-weight: normal;
  color:#ffffff;
  padding-right: 15px;
}

.admintable{
  background-color:#7070ff;
}
.admintable a:link{
  color: #191970;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none;
}

.admintable a:visited{
  color: #191970;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none;
}

.admintable a:hover{
  color: #4040ff;
  font-family: Arial;
  font-size:8pt;
  font-style: normal;
  text-decoration: underline;
}

.bannertable{
  background-color:#505050;
}

.bannertable a:link{
  color: #ffffff;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none;
}

.bannertable a:visited{
  color: #ffffff;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none;
}

.bannertable a:hover{
  color: #ffffff;
  font-family: Arial;
  font-size:8pt;
  text-decoration: underline overline;
}

.footertable{
  background-color:#707070;
}

.footertable a:link{
  color: #ffffff;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none;
}

.footertable a:visited{
  color: #ffffff;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none;
}

.footertable a:hover{
  color: #ffffff;
  font-family: Arial;
  font-size:8pt;
  text-decoration: underline overline;
}

.row0{
  background-color: #ccc;
}
.row1{
  background-color: white
}
.row2{
  background-color: #eee;
}

.readonlybox{
  font-family:Arial;
  font-size:8pt;
  color:#191970;
  background-color:#ccccee
}

.alsoHere{
  /*position: absolute;
  top:75px;
  left:400px;*/
  width:500px;
  font-family:Arial;
  font-size:8pt;
  background-color: #aaaaff;
  color:#191970;
}

#AlsoHere p{
  display: none;
}

#AlsoHere{
  font-size: 0.7em;
}

#AlsoHere ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#AlsoHere ul li{
  margin: 0;
}

#AlsoHere ul li a{
  display: block;
  width: 100%;
}

html>body #AlsoHere ul li a {
 width: auto;
}

#AlsoHere ul li a:hover{
  background-color: #8080c0;
  color: #fff;
}

#AlsoHere ul li a:active{
  background-color: #202060;
  color: #fff;
}



.liege{
  background-color: #eeeeff;
}

.vassal{
  background-color: #eeeeff;
}

.ally{
  background-color: #aaaaff;
}

.enemy{
  background-color: #bbbbcc;
}

.nightshade{
  background-color: #555555;
  color: #ffffff;
}

.nightshade a:link{
  background-color: #555555;
  color: #cccccc;
}

.nightshade a:visited{
  background-color: #555555;
  color: #cccccc;
}

.nightshade a:hover{
  background-color: #555555;
  color: #ffffff;
}

.dawn{
  background-color: #ffffaa;
  color: #ff0000;
}

.armyDetails{
  /*position: absolute;
  top:475px;
  left:400px;*/
  width:500px;
  font-family:Arial;
  font-size:8pt;
  background-color: #eeeeee;
  color:#191970
}

.allies{
  /*position: absolute;
  top:400px;
  left:28px;*/
  /*width:400px;*/
  width:350px;
  font-family:Arial;
  font-size:8pt;
  color:#191970
}

.selectAnotherLord{
  display: block;
  font-size:8pt;
  color:#000080;
  text-decoration: none;
  width:340px
}

.lordsahead{
  position: absolute;
  top:100px;
  left:3px;
  width:350px
}

.charbannertable{
  /*position: absolute;
  top:10px;
  left:25px;*/
  width:350px
}

.navtable{
  /*position: absolute;
  top:260px;
  left:45px;*/
  width:300px;
  font-family: Arial;
  font-size:8pt;
  color:#191970;
  text-decoration: none
}

.navtable a:link{
  color: #191970;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none
}

.navtable a:visited{
  color: #191970;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none
}

.navtable a:hover{
  color: #909090;
  font-family: Arial;
  font-size:8pt;
  text-decoration: none
}

.thinktable{
  position: absolute;
  top:100px;
  left:50px;
  width:400px;
  font-family: Arial;
  font-size:8pt;
  color:#191970;
  text-decoration: none;
  background-color: #ffffff
}

.versiontext{
  /*position: absolute;
  top:10px;
  left:400px;*/
  font-family: Arial;
  font-size:8pt;
  color:#ff0000;
  text-decoration: none;
  background-color: #ffffff
}

.messagetext{
  /*position: absolute;
  top:495px;
  left:25px;*/
  width:350px;
  font-family: Arial;
  font-size:8pt;
  color:#000080;
  text-decoration: none;
  background-color: #ffffff
}

.transfertext{
  font-family: Arial;
  font-size:8pt;
  color:#000080;
  text-decoration: none;
  background-color: #eeeeee
}

.journaltable{
  position: absolute;
  top:0px;
  left:50px;
  width:400px;
  font-family: Arial;
  font-size:8pt;
  color:#191970;
  text-decoration: none;
  background-color: #ffffff
}

.specialButtonsTable{
  /*position: absolute;
  top: 30px;
  left: 400px;*/
  width: 500px
}

.directionbutton{
  background-color: #eeeeee;
  border-width: thin;
  border: solid #000080 1px;
}

.flatTextBox{
  background-color: #ffffff;
  font-family:Arial;
  font-size:8pt;
  color:#000080;
  text-decoration: none;
  border-width: thin;
  border: solid #000080 1px;
  text-align: left
}

.flatTextBoxDisabled{
  background-color: #eeeeee;
  font-family:Arial;
  font-size:8pt;
  color:#000080;
  text-decoration: none;
  border-width: thin;
  border: solid #000080 1px;
  text-align: left
}

.flatNumericTextBox{
  background-color: #ffffff;
  font-family:Arial;
  font-size:8pt;
  color:#000080;
  text-decoration: none;
  border-width: thin;
  border: solid #000080 1px;
  text-align: right
}

.flatNumericTextBoxDisabled{
  background-color: #eeeeee;
  font-family:Arial;
  font-size:8pt;
  color:#000080;
  text-decoration: none;
  border-width: thin;
  border: solid #000080 1px;
  text-align: right
}

.flatLabel{
  background-color: #aaaaff;
  font-family:Arial;
  font-size:8pt;
  color:#000080;
  text-decoration: none;
  border-width: 0;
  text-align: left
}

.flatNumericLabel{
  background-color: #aaaaff;
  font-family:Arial;
  font-size:8pt;
  color:#000080;
  text-decoration: none;
  border-width: 0;
  text-align: right
}

.muButton{
  background-color: #ccccff;
  font-family:Arial;
  font-size:8pt;
  color:#0000aa;
  text-decoration: none;
  border-width: thin;
  border: solid #000080 1px;
}

.muButton:hover{
  background-color: #eeeeff;
  color:#0000ff;
  border: solid #0000ff 1px;
}

.muButtonDisabled{
  background-color: #eeeeee;
  font-family:Arial;
  font-size:8pt;
  color:#aaaa80;
  text-decoration: none;
  border-width: thin;
  border: solid #aaaa80 1px;
}

.muDirButton{
  width: 35px;
  background-color: #ccccff;
  font-family:Arial;
  font-size:8pt;
  color:#0000aa;
  text-decoration: none;
  border-width: thin;
  border: solid #000080 1px;
}

.muDirButtonDisabled{
  width: 35px;
  background-color: #eeeeee;
  font-family:Arial;
  font-size:8pt;
  color:#aaaa80;
  text-decoration: none;
  border-width: thin;
  border: solid #aaaa80 1px;
}

.muDirButton:hover{
  background-color: #eeeeff;
  color:#0000ff;
  border: solid #0000ff 1px;
}

.muLoginButton{
  background-color: #555;
  font-family:Arial;
  font-size:8pt;
  color:#eee;
  text-decoration: none;
  border-width: thin;
  border: solid #555 1px;
}

.muLoginButton:hover{
  background-color: #222;
  font-family:Arial;
  font-size:8pt;
  color:#fff;
  text-decoration: underline overline;
  border: solid #222 1px;
}

.muLoginButtonDisabled{
  background-color: #eeeeee;
  font-family:Arial;
  font-size:8pt;
  color:#aaaa80;
  text-decoration: none;
  border-width: thin;
  border: solid #aaaa80 1px;
}

.barchartBackground{
  background-color:#ddddff
}

.contrastText{
  background-color:#ffffff;
  color:#ff2020;
  font-family:Arial;
  font-size:8pt
}

#app_frame{
  position:relative;
  margin-left:10px;
  top:4px;
  /*width:98%;*/
  margin: 0 auto;
  width: 890px;
}

#popup_frame{
  position:relative;
  /*margin-left:5px;
  margin-right:5px;*/
  top:5px;
  width:480px;
}

#contentpanel_left_top{
  position:absolute;
  left:0px;
  top:30px;
  width:380px;
  margin-left: 0;
}

#contentpanel_left_bottom{
  position:absolute;
  left:0px;
  top:320px;
  width:380px;
}

#contentpanel_right{
  position:absolute;
  /*margin-left:400px;*/
  right: 0px;
  /*top:30px;*/
  top:30px;
  width:500px;
}

#contentpanel_popup{
  position:absolute;
  width:480px;
}

div.box_container{
  position:relative;
  width:100%;
  /*border:1px dotted green;*/    /* Uncomment this to see layout */
}

div.spacer{
  clear:both;
  height:0px;
}

#app_map_frame{
  position:relative;
  margin-left:5px;
  top:5px;
  width:99%;
}

#content_map_panel{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
}

.naziv{
  border-bottom:4px solid #6967E9;
  border-top:4px solid #6967E9;
  background-color:#AAB5E6;
  color:#25007B;
  padding-left:10px;
  font-family:Arial;
  font-size:small;
  font-variant:small-caps
}

.tblmain{
  padding:10px;
  border:2px solid #CCCCFF;
}

.selectAnotherMode{
  font-size:8pt;
  color:#000080;
  text-decoration:none;
  width:80px
}

.vassalRaceText{
  color:#000000;
  font-family:Arial;
  font-size:8pt;
  text-decoration: none;

}
div.lordshere {
  position: relative;
  left: 3px;
  height: 160px;
  width: 490px;
  overflow: auto;
  border: 1px solid #666;
  padding-left: 0px;
  padding-right: 1px;
  background-color: white;
  font-family:Arial;
  font-size:8pt;
  color: #000080;
  text-decoration: none;
}

div.alsoheresummary{
  position: relative;
  left: 3px;
  height: 1.4em;
  width: 488px;
  border: 1px solid #669;
  padding-left: 3px;
  background-color: #ddf;
  font-family: Arial;
  font-size: 8pt;
  color: #000080;
  text-decoration: none;
}

.alsoheretext{
  font-family:Arial;
  font-size:8pt;
  color:#000080;
  text-decoration: none;
}

alsoheretext:link{
  color: #191970;
}

alsoheretext:visited{
  color: #191970;
}

alsoheretext:hover{
  /*color: #0000ff;*/
  color: #ff0000;
}

alsoheretext:active{
  background: #000080;
  color: white;
}

.greysmalltext{
  font-family:Helvetica;
  font-size:8pt;
  color:#888888;
  text-decoration: none;
}

.clearFix:after { /* for modern browsers */
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  overflow:hidden;
}
.clearFix { /* for IE7/Win */
  min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
  height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
  height:auto;
  display:inline-block;
}

#Menu1 .NOROLL {
  height:0.2em;
  color:#bbb !important;
}

form#frmLogin {
  padding:2px;
  position:relative;
  /*border:1px solid grey;*/
}

div#username,
div#password {
  position:relative;
  float:left;
  margin-right:3px;
}

input#username-field,
input#password-field {
  font-family:Arial;
  font-size:8pt;
  color:#000080;
  width:10em;
  height:1.2em;
  border: 1px solid #222;
}

label.overlabel {
  font-family:Arial;
  font-size:8pt;
  color:#999;
}

label.overlabel-apply {
  position:absolute;
  top:1px;
  left:5px;
  z-index:1;
  font-family:Arial;
  font-size:8pt;
  color:#999;
}