/*JQuery-UI selector*/
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-autocomplete { position: absolute; cursor: default; }	
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
/*.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }*/
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }
.ui-menu .ui-menu-icon { position: static; float: right; }

/*local amendments to the UI selector*/
ul.ui-menu {
	list-style-type: none;
	background: #cccccc;
	color: #660000;
	border: 1px solid #666666;
	border-top: 0;
	width: 290px;
	}
li.ui-menu-item {
	cursor: pointer;
	padding: 0.2em;
	}
li.ui-menu-item a {
	cursor: pointer;
	}

/*font family, font size*/
@font-face {
    font-family: 'SourceSansProBold';
    src: url('../fonts/SourceSansPro-Bold-webfont.eot');
    src: url('../fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Bold-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'SourceSansProBoldItalic';
    src: url('../fonts/SourceSansPro-BoldIt-webfont.eot');
    src: url('../fonts/SourceSansPro-BoldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-BoldIt-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-BoldIt-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-BoldIt-webfont.svg#SourceSansProBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'SourceSansProRegular';
    src: url('../fonts/SourceSansPro-Regular-webfont.eot');
    src: url('../fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'SourceSansProItalic';
    src: url('../fonts/SourceSansPro-It-webfont.eot');
    src: url('../fonts/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-It-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-It-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'BitstreamVeraSansMonoRoman';
    src: url('../fonts/VeraMono-webfont.eot');
    src: url('../fonts/VeraMono-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/VeraMono-webfont.woff') format('woff'),
         url('../fonts/VeraMono-webfont.ttf') format('truetype'),
         url('../fonts/VeraMono-webfont.svg#BitstreamVeraSansMonoRoman') format('svg');
    font-weight: normal;
    font-style: normal;
	}
.mono {
	font-family: 'BitstreamVeraSansMonoRoman', 'DejaVu Sans Mono', 'Courier New', Courier, monospace;
	font-size: 11pt;
	line-height: 130%;
	}
.ipaText {
	font-family: 'SourceSansProItalic', Arial, sans-serif;
	}

/*standardizing elements*/
*, html, body {
	font-family: 'SourceSansProRegular', Arial, sans-serif;
	font-size: 13pt;
	line-height: 130%;
	}
header, footer, nav, article, aside, section { 
	display: block;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: 'SourceSansProRegular', Arial, sans-serif;
	margin: 0 0 0.3em 0;
	vertical-align: top;
	color: #304276;
	}
b, i, strong, em, a {
	font-family: inherit;
	font-size: inherit;
	}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
p, ol, li, input, select, option, textarea, pre {
	margin: 0 0 0.8em 0;
	vertical-align: top;
	}

/* generic classes */
.error, .red {
	color: #ff0000;
	font-size: inherit;
	}
.grey {
	color: #808080;
	}
.small {
	font-size: 80%;
	}
.center {
	text-align: center;
	}
.sameas {
	font-size: 100%;
	}
.full {
	width: 100%;
	}

/* css table classes */
.table {
	display: table;
	border-collapse: collapse;
	table-layout: fixed;
	}
.row {
	display: table-row;
	}
.cell {
	display: table-cell;
	/*border: solid 1px red;*/
	}

/*LAYOUT*/
body {
	color: #031357;
	background-color: #f2f4f6;
	width: 1100px;
	}
#offscreen {
	left: −9999em;
	position: absolute;
	top: auto;
	overflow: hidden;
	width: 1px;
	height: 1px;
	}
#container {
	padding: 10px;
	}
#landTitle{
	text-align: center;
	padding-top: 10px;
	}

/*Header section - more work needed here*/
header {
	border-bottom: 1px solid black;
	}
header h1 {
	text-align: center;
	}

/*Nav section*/
nav {
	width: 300px; 
	text-align: center;
	vertical-align: top;
	}
#canvas {
	background-image: url('../images/societies.png'); 
	background-repeat: no-repeat;
	}
#hoverTitle {
	font-style: italic;
	}
#landNameInput, #cityNameInput {
	margin: 0;
	border: 0;
	padding: 2px 0 0 0;
	}
#landNameInput {
	background: yellow; 
	}
#cityNameInput {
	background: orange; 
	margin-top: 10px;
	}
#landInput p, #cityInput p {
	margin: 0;
	border: 0;
	padding: 3px;
	}

/*map section*/
#rightmap {
	width: 600px;
	padding: 0 10px 0 10px;
	vertical-align: top;
	}
#bigmapHolder {
	width: 600px; 
	height: 600px; 
	border: solid 1px black;
	overflow: hidden; 
	background-color: #9aacb8;
	}
#bigmap {
	position: relative;
	width: 600px;
	height: 810px;
	top: 0px;
	left: 0px;
	}

/*maincontent section*/	
#landtextnavigation {
	width: 910px;
	text-align: center;
	}
#landtextnavigation ol {
	list-style-type: none;
	padding: 20px 0 0 0;
	border-bottom: 1px solid black;
	}
#landtextnavigation ol li {
	display: inline-block;
	width: 120px;
	padding: 5px 5px 3px 5px;
	margin: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align: center;
	vertical-align: top;
	cursor: pointer;
	background-color: #c1ccf8;
	border: 1px solid black;
	border-bottom: 0;
	}
#landtextnavigation ol li:hover {
	background-color: #e1ecf8;
	}
#landtextnavigation ol li a {
	display: block;
	background-color: transparent;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #04582a;
	}
#landtextnavigation ol li a:hover, #landtextnavigation ol li a:active {
	color: #c10207;
	}
section {
	width: 910px;
	padding-bottom: 2em;
	}
section h2 {
	text-align: center;
	}
#tabsleftpanel {
	width: 500px;
	padding: 0 10px 0 0;
	}
.leftpanellabel {
	width: 350px;
	padding: 0 0 0.6em 0;
	}
.leftpaneldata {
	}
.textblock {
	padding: 0;
	margin: 0 0 2em 0;
	}
#tabsleftpanel h3 {
	color: #4c5b88;
	}
#tabsrightpanel {
	padding: 0 0 0 10px;
	border-left: 1px solid black;
	}
.rightpanellabel {
	width: 150px;
	padding: 0 0 0.4em 20px;
	}
.rightpaneldata {
	}
.datatable {
	margin: 0 0 10px 0;
	}
#tabsrightpanel h2 {
	padding: 0;
	margin: 0;
	}
#tabsrightpanel h3 {
	padding: 0;
	margin: 10px 0 0 0;
	color: #4c5b88;
	}
.calendar {
	font-variant: small-caps;
	font-size: 80%;
	}
.highlightLandName {
	font-variant: small-caps;
	font-size: 110%;
	color: black;
	}
.highlightOrbit {
	font-weight: bold;
	color: red;
	}
.highlightFact {
	font-weight: bold;
	color: #888888;
	}
.grey {
	color: #888888;
	}
.rightpanelindent {
	padding: 0 0 0.4em 20px;
	}
.rightpanellabel {
	padding: 0 0 0 20px;
	}

/*aside section*/	
aside {
	width: 158px;
	vertical-align: top;
	}
aside  h2 {
	}
aside p {
	font-size: 80%;
	}
aside ul {
	display: none;
	}
aside li {
	margin: 0 0 6px 0;
	}
aside a {
	display: block;
	color: #04582a;
	font-size: 100%;
	text-decoration: none;
	}
aside a:hover, aside a:active {
	color: #c10207;
	background-color: #e1ecf8;
	}

/*footer section*/
footer {
	clear: both;
	margin-top: 1em;
	border-top: 1px solid black;
	padding: 1em 0 2em 0;
	font-size: 80%;
	text-align: center;
	color: red;
	}