::selection{ background-color: #E13300; color: white; }
::moz-selection{ background-color: #E13300; color: white; }
::webkit-selection{ background-color: #E13300; color: white; }

html { }

body {
        background-color: #fff;
        width: 100%;
        margin: 0;
        font: 13px/20px normal Helvetica, Arial, sans-serif;
        color: #4F5155;
}

a {
        color: #3c9ad0;
        background-color: transparent;
        font-weight: normal;
}

a:link, a:visited {
	color:#3c9ad0;
	text-decoration:none;
}
a:hover {
    background: #e1f3f8;
	text-decoration:underline;
}

h1 {
        color: #444;
        background-color: transparent;
        border-bottom: 1px solid #D0D0D0;
        font-size: 19px;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 14px 15px 10px 15px;
}

code {
        font-family: Consolas, Monaco, Courier New, Courier, monospace;
        font-size: 12px;
        background-color: #f9f9f9;
        border: 1px solid #D0D0D0;
        color: #002166;
        display: block;
        margin: 14px 0 14px 0;
        padding: 12px 10px 12px 10px;
}

em {
		font-size: 18px;
}

#body{
        margin: 0 15px 0 15px;
}

#upperright_textbox{
	margin:-22px auto;
	padding: 5px;
	float: right;
	position: relative;

}

#aspgrid {
        clear: both;
        float: left;
        margin-top: 30px;
        margin-bottom: 10px;
        z-index: 0;
}
#aspbigrid {
        clear: both;
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
        z-index: 0;
}

#chart {
        position: absolute;
        left: 25%;
        width: 50%;
        z-index: 0;
}

#bichart {
		width: 50%;
		float:left;
		margin-left: 10px;
        z-index: 0;
}

#wheel {
        position: absolute;
        left: 30%;
        width: 50%;
		float:left;
		margin-left: 10px;
        z-index: 0;
}

#wheel_ch {
        position: absolute;
        left: 20%;
	margin-left: 10px;
        z-index: 0;
}

#nataldata {
        float: left;
        margin: 10px;
        width: auto;
        max-width: 200px;
        border: 1px solid #D0D0D0;
        -webkit-box-shadow: 0 0 8px #D0D0D0;
        border-radius: 8px;
        z-index:20;
}

#notes {
        float:right;
		position: relative;
		width: 220px;
        border: 1px solid #D0D0D0;
        -webkit-box-shadow: 0 0 8px #D0D0D0;
        z-index: 20;
        font-size: small;
        overflow-x: no-display;
		overflow-y: auto;
        color: #444;
        background-color: #FFFFA0;
}

.natal_medieval_rightside_table {
		float:right;
		width: 220px;
		max-height: 500px;
		margin: 5px;
		z-index:20;
		font-size: small;
		color: #444;
		background-color: white;
		clear: right;
		display: none;
		position:relative;
}

#rightside_ad {
        float:right;
		width: 220px;
        margin: 5px;
        z-index:20;
        max-height: 300px;
}

#toolbox {
        float:right;
        width: auto;
        margin: 0px;
        z-index:5;
}


#notes h4 {
        border-bottom: 1px solid #D0D0D0;
        font-weight: bold;
        margin: 0 0 0 2px;
        text-align: center;
}

#notes p {
        font-weight: normal;
        margin: 0 4px 0 4px;
}

#site_news h4 {
        border-bottom: 1px solid #D0D0D0;
        font-weight: bold;
        margin: 0 0 0 2px;
        text-align: center;
}

#site_news p {
        font-weight: normal;
        margin: 0 4px 0 4px;
}

#quick_chart_button {
	margin:-25px auto;
	margin-right: 35%;
	float: right;
	position: relative;
}


p.footer{
        text-align: right;
        font-size: 11px;
        border-top: 1px solid #D0D0D0;
        line-height: 32px;
        padding: 0 10px 0 10px;
        margin: 20px 0 0 0;
}

#container{
        margin: 5px;;
//        font-size: smaller;
//        border: 1px solid #D0D0D0;
//        -webkit-box-shadow: 0 0 8px #D0D0D0;
}



.error { color: red; }

.list_table{
        margin: 5px;
}

.boxtext {
    color: #9acbe4;
    margin: 5px 5px 5px 5px;
    padding: 3px;
    background-color: #ecf5f6;
    border: 1px solid #2bb0d5;
    float: left;
	font-size: small;
}
.boxtext:hover {
     background-color: #cdebf7;   
}
.boxtext-disabled {
        border: 1px solid #b9e6f3;
}
table {
        margin: 5px;
        border: 1px solid #D0D0D0;
        -webkit-box-shadow: 0 0 10px #D0D0D0;
        border-collapse:collapse;
}

table.noline td {
        border-style: none;
}

td
{
        border-bottom: 1px solid #A0A0A0;
}
td.center {
		text-align: center;
}
td.dashright {
		border-right-style: dashed;
		border-width: 1px;
}
th
{
        background-color: #f0f0f0;
        border: 1px solid #A0A0A0;
}

.icon { width: 18px; height: 18px; margin-right: 2px; }

.objlist {
	margin-top: 1ex; margin-left: 1ex; text-align: left;
}

.tr_cusp {
	color: #5353FF;
}
.tr_obj {
	color: #008040;
}
.tr_retro {
	color: #9966FF;
}
.tr_firm {
	color: #7401DF;
}
.tr_firs {
	color: #DF01D7;
}
.tr_sa {
	color: #FE2E64;
}
.tr_pr {
	color: #5353FF;
}
.tr_ap {
	color: #CC0000;
}
.tr_pro {
	color: #669900;
}
.tr_prog2 {
	color: #660066;
}
.tr_prog3 {
	color: #9900FF;
}

[contenteditable="true"].single-line {
	white-space: nowrap;
	overflow: hidden;
}
[contenteditable="true"].single-line br {
	display:none;

}
[contenteditable="true"].single-line * {
	display:inline;
	white-space:nowrap;
}

.ui-autocomplete-category {
    color: blue;
    font-weight:bold;
}

@font-face {
	font-family: 'HamburgSymbols';
    src: url("/proxy/fonts/HamburgSymbols.eot");
	src: url("/proxy/fonts/HamburgSymbols.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}
em { font-family: HamburgSymbols, sans-serif; font-style:normal; font-size: larger; }