/* CSS for Dragon's Hobbies / 6sided.com Conquest */

a { color: red; }
acronym { cursor: help; }
img.avatar { 
  width: 65px;
  height: 65px; 
  border: 1px solid gray;  
}
.b, .strong { font-weight: bold; }
body { background-color: white; color: black; /*#000099;*/ background-image: url('img/romancoin.jpg'); background-repeat: repeat-x; margin:0; font-family: Arial; }
/* See http://psychology.wichita.edu/optimalweb/text.htm for information about prefered fonts. */
.roman { font-family: Baskerville Old Face, Times New Roman; }
h1, h2 { font-family: Baskerville Old Face, Times New Roman; }
h1, h2, b, strong, .strong { color: maroon; } /* .b should be used for non-colored versions */
.action { position: absolute; top: 140px; left: 400px; }
.sidebar {
	float: right;
	width: 300px;
}
.battlelog, .messages {
	height: 300px;
	overflow: auto;
	font-size: 80%;
	padding: 0px;
	border: 1px solid gray;
	background-color: white;
}
.battlelog .header, .messages .header {
	display: block;
	font-weight: bold;
	font-family: Baskerville Old Face, Times New Roman; 
	text-transform: uppercase;
	padding: 5px 10px 5px 10px;
	/* background-image: url('img/silver_gradiant.gif');
	background-repeat: repeat-x;
	background-position: bottom left; */
}
.battlelog .entry, .messages .entry { padding: 0px 10px 0px 10px; }
.littlenote { font-size: smaller; }
.error, .important { color: red; font-weight: bold; }
.footer { height: 70px; width: 100%; background: url('img/romancoin.jpg') repeat-x bottom left; text-align: center ; font-size: 60%; }
.gameidstyle { font-family: Baskerville Old Face, Times New Roman; font-weight: bold; font-size: 300%; }
.highlightrow { color: black; background-color: #FFCC99; }
table.index { width: 100%; }
.index td { border: 1px solid gray; }
.index td.center { text-align: center; }
.index td.l { text-align: left; }
.index td.w { border: 1px solid white; text-align: left; }
.idiv { position: absolute; top: 140px; left: 400px; }
.iheader { font-family: Baskerville Old Face, Times New Roman; font-size: 80%; }
.icell { font-family: Baskerville Old Face, Times New Roman; font-size: 80%; width: 150px; }
.left { text-align: left; }
.logon, .logoff { position: absolute; top: 50px; right: 50px; text-align: right; font-size: small; }
.menu li {
	display: inline;
	font-size: 80%;
	background-image: url('img/silver_gradiant.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 5px 10px 5px 10px;
	border: 1px solid gray;
	font-weight: bold;
}
.menu li a { color: black; }
.menu li a:hover { color: red; }
.padright { padding-right: 2em; }
.page { background-color: white; margin: 50px 50px 0px 50px; width: 900px; }
.pagewide { background-color: white; margin: 50px 0px 0px 0px; }
.pagewide p, .pagewide h1, .pagewide h2 { margin-left: 50px; margin-right:50px; }
.pagewide ul { margin-left: 50px !important; margin-left: 90px; margin-right: 50px; }
.scrolls div.messages, .scrolls div.battlelog, .sidebar div.messages, .sidebar div.battlelog {
	position: relative;
	width: 390px !important;
	width: 450px;
	margin-left: 70px;
	padding: 10px;
	border: 1px solid gray;
	background-color: #C93; 
}
.scrolls div.messages, .scrolls div.battlelog, .sidebar div.messages, .sidebar div.battlelog {
	/* background-image: url('img/scroll_bg6.gif'); */
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/* background-attachment: fixed;  */
}
.scrolls div.messages { float: left; left: 0px; }
.scrolls div.battlelog { left: 60px; bottom: 18px; }
.sidebar div.battlelog { left: 0px; top: 1em; }
.scrolls .battlelog .header, .scrolls .messages .header {
	display: block;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 120%;
	background-image: none;
	border-bottom: 1px solid gray;
	background-color: #b58c4c;
}
.scrolls form { padding: 0px 5px 0px 5px; width: 70%; }
.small { font-size: 80%; }
.smaller { font-size: 70%; }
.smallest { font-size: 60%; }
.stageoption table { margin-left: 50px; }
.tip { cursor: help; }
.to { 
	margin-left: 100px; 
	padding: 4px; 
	background-color: #C93;
	border: 1px solid gray; 
	border-bottom: 1px solid #C93; 
	position: relative; 
	bottom:-1px; 
}
.from { 
	margin-left: 5px; 
	padding: 4px; 
	background-color: #C93; 
	border: 1px solid gray; 
	border-bottom: 1px solid #C93; 
	position: relative; 
	bottom:-1px; 
}
.to a, .from a {
	color: black;
	text-decoration: none;
}
.to_off, .from_off { 
	margin-left: 100px; 
	padding: 4px; 
	background-color: #b58c4c; 
	border: 1px solid gray; 
	position:relative; bottom:-1px;
}
.from_off { margin-left: 5px; }
.message { border-top: 2px solid white; background-color: inherit; padding: 0; }
.from_others > .entry { text-align: left; margin-left: 50px; border: 0px solid white; padding-top: 0.5em; }
.from_self > .entry { text-align: right; margin-right: 50px; border: 0px solid yellow; padding-top: 0.5em;  }
.msg_avatar { 
    border: 1px solid white; background-color: white; width: 50px; 
    height: 50px; font-size: xx-large; text-align: center; 
    vertical-align: middle; 
}
.from_others > .msg_avatar { background-color: white; float: left; }
.from_self > .msg_avatar { background-color: white; float: right; }
.noshow { display: none; }
.warinfo th { text-align: left; }
.warrioricon { padding-left: 1em; }
.ships .generalicon { padding-left: 1em; }
.ships .warrioricon { padding-left: 2em; }
.caps { font-variant: small-caps; /* text-transform: uppercase; */ }
.black { color: black; }
.red { color: red; }
.yellow { color: yellow; }
.maroon { color: maroon; }
.gold { color: #DAA520; /* color: gold; invalid CSS */}
.xcaesar_icon { position: relative; top: 0px; left: 900px; }
img.caesar_icon { width: 10px; padding-right: 20px; }

/* MAP & TERRITORIES */ 
.map { background-image: url('img/romanmaptextured.jpg'); width: 1000px; height: 480px; font-size: 60%; border: 1px solid white; color: black; font-family: Arial; position: inherit; }
.map a { color: maroon; font-weight: bold; }
.i, .c, .a { padding-left: 0px; padding-right: 0px; cursor: help; }
.g, .o, .v { cursor: help; }

#x100 { position: absolute; top: 190px; left: 100px; }
#x200 { position: absolute; top: 190px; left: 200px; }
#x300 { position: absolute; top: 190px; left: 300px; }
#x400 { position: absolute; top: 190px; left: 400px; }
#x500 { position: absolute; top: 190px; left: 500px; }
#x600 { position: absolute; top: 190px; left: 600px; }
#x700 { position: absolute; top: 190px; left: 700px; }
#x800 { position: absolute; top: 190px; left: 800px; }
#x900 { position: absolute; top: 190px; left: 900px; }
#y200 { position: absolute; top: 200px; left: 0px; }
#y300 { position: absolute; top: 300px; left: 0px; }
#y400 { position: absolute; top: 400px; left: 0px; }
#y500 { position: absolute; top: 500px; left: 0px; }
#y600 { position: absolute; top: 600px; left: 0px; }


/* WAR RESULTS */
div.warresult { font-size: 100%; }
div.warresult table { font-size: 100%; }
div.warresult .bgblack { background-color: black; color: white; }
div.warresult .bgyellow { background-color: yellow; color: black; }
div.warresult .bgred { background-color: red; color: white; }
div.warresult .att0 { background-color: green; color: white; }
div.warresult .att0dead, .attacker_success { background-color: red; color: white; vertical-align: middle; }
div.warresult .att1 { background-color: teal; color: white; }
div.warresult .att1dead { background-color: red; color: white; display: block; }
div.warresult .def0 { background-color: yellow; }
div.warresult .def0dead, .defender_success { background-color: maroon; color: white; vertical-align: middle; }
div.warresult .def1 { background-color: orange; }
div.warresult .def1dead { background-color: maroon; color: white; display: block; }
div.warresult .hsmall { font-size: 60%; }

/* JQUERY DIALOG BOX */
.ui-dialog { font-size: 75%; }

.last_action_field, .current_player_field, 
.round_field, .stage_field, .date_range_field, .pending_field {
    font-size: 90%;
}

.players_field, .options_field {
    margin: .25em;
    font-size: x-small;
}

.players_field p, .options_field p {
    padding-left: 1.25em;
    text-indent: -1.25em;
}

.helpertip {
    cursor: help;
    border: 3px solid maroon;
    border-radius: 15px;
    font-weight: bold;
    color: maroon;
    background-color: orange;
}