body{
    font-family: "open sans", "helvetica", sans-serif;
    color: #cccccc;
    font-size: 10pt;
    margin: 0px;
}

#main
}


figure  {
    border: #cccccc solid 1px;
    padding: 5px;
}

time    {
    color: #898989;
}

h1  {
    color: #3438a5;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 30pt;
}

h2  {
    color: #ffffff;
    display: block;
    background: #0071bc;
    padding: 10px;
    font-size: 22pt;
}

#homepage h2 {
	color: #ffffff;
    margin: 4px;
    font-size: 12pt;
    font-weight: lighter;
}

a, a:visited    {
    color: #990000;
}



section {

}

section#headingSection  {
    border: none;
    padding-bottom: 20px;
}

section#headingSection h2   {
    color: #0080d6;
    background: #ffffff;
}


#chartHolder  {
    text-align: center;
}

.legend ul li{
    display: inline-block;
    margin: auto;
    font-size: smaller;
    text-align: center;
    list-style: none;
    padding: 10px;
}

#EventsOverTime strong.fatalities   {
    color: #990000;
}


.ui-content {
    background-size: cover;
    min-height: 80%;
}


/*
================================================================================================================
Main Menu
================================================================================================================
*/
#header-bar  {
    height: 50px;
    width: 100%;
    background: #424242 url('../images/logo.php?filename=adr50.png') 98% 0% no-repeat;
}





/*
================================================================================================================
Login Page Styles
================================================================================================================
*/
#login  {

}

#login a{
    color: #990000;
}

#login-bar  {
    height: 100px;
    width: 100%;
    background: #424242 url('../images/logo.php?filename=adrlogo100.png') 50% 10px no-repeat;
}

#login form	{
	width: 30%;
	min-width: 200px;
	margin: auto;
}

/*
================================================================================================================
Footer Styles
================================================================================================================
*/
#footer {
    text-align: center;
    background: #000000;
    color: #ffffff;
    text-shadow: none;
    font-weight: lighter;
    padding: 10px;
}

/*
================================================================================================================
Subscription Page Styles
================================================================================================================
*/
.country    {
    border-bottom: #cccccc dotted 2px;
    padding-top: 10px;
}



/*
================================================================================================================
Country Data Page Styles
================================================================================================================
*/
#polarChartHolder {
    margin: auto;
    width: 70%;
    padding: 5px;
}

#polarChart {
    float: right;
    width: 50%;
}

#polarCaption   {
    max-width: 350px;
    float: right;
    margin-top: 10%;
    margin-right: 20px;
}

#ConflictTypeBreakdown   {
    min-height: 340px;
}


#report p   {
    font-size: 10pt;
    font-weight: lighter;
}

#report #tabs .ui-body-d	{
	border: #ccc solid 1px;
}

#filter form	{
	text-align: center;	
}

#filter form div.ui-select	{
	width: 30%;
	display: inline-block;
}




/*
================================================================================================================
Map styles
================================================================================================================
*/
#map    {
    width: 75%;
    height: 600px;
    border: 4px #cccccc solid;
}

#mapHolder  {

}

leaflet-popup-content    {
    text-shadow: none;
}


a.leaflet-control-fullscreen-button	{
	background-position: top left;
}

/*
================================================================================================================
Filter form styles
================================================================================================================
*/



#ui-datepicker-div  {background: #ffffff;}
div.hasDatepicker{ display: block; padding: 0; overflow: visible;  margin: 8px 0; max-width:340px; background: #ffffff;}
.ui-datepicker {  overflow: visible; margin: 0;  }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.6em 0; border-bottom: 0; font-weight: bold; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { padding: 1px 0 1px 2px; position:absolute; top: .6em; margin-top: 0; text-indent: -9999px; }

.ui-datepicker .ui-datepicker-prev { left:9px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; border-collapse: collapse; margin:0; }
.ui-datepicker td { border-width: 1px; padding:0; text-align: center; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em 0; font-weight: bold; margin: 0; border-width: 0; text-align: center; text-decoration: none; }

.ui-datepicker-calendar th { padding-top: .4em; padding-bottom: .4em; }
.ui-datepicker-calendar th span, .ui-datepicker-calendar span.ui-state-default { opacity: .7; }
.ui-datepicker-calendar td a { padding:.6em .5em; }

/*
================================================================================================================
Popup icons on the map interface
================================================================================================================
*/
.eventType	{
    font-size: 12pt;
    color: #990000;
    margin-bottom: 5px;
}
.eventNotes	{
    color: #000000;
    font-size: 10pt;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: #990000 dotted 1px;
}
.eventFatalities, .eventDate	{
    color: #444444;
    width: 50%;
    float: left;
    min-height: 20px;
}
.eventActors	{
    color: #b37f36;
}
.eventLocation	{
    color: #000000;
    font-weight: bold;
}


/*
================================================================================================================
Status Box Styles
================================================================================================================
*/
#statusControls	{
    float: right;
    height:600px;
    width: 20%;
    display: 0px;
}
#status	{
    font-size: 8pt;
    color: #cccccc;
    overflow: hidden;
    margin-bottom: 5px;
    padding: 5px;
    padding-bottom: 15px;
    height:585px;
    border: 1px #cccccc solid;
}

#statusControls .ui-progressbar {
    position: relative;
    height: 10px;
}
.progress-label {
    position: absolute;
    left: 50%;
    top: 1px;
    font-size:8pt;
    display: none;
}
#statusControls .ui-widget-header	{
    background: #990000;
}


/*
================================================================================================================
Subscription Styles
================================================================================================================
*/
.reportSubscription {
    clear: both;
}

.reportToggle   {
    float: left;
}

.reportSubscription label   {
    display: block;
    float: left;
    width: 60%;
}


/*
================================================================================================================
HDX Data
================================================================================================================
*/
#HDXDataSets .dataset	{
	list-style: none;
	width: 28%;
	float: left;
	padding: 20px;
	background: #efefef;
	height: 200px;
	margin: 2px;
	overflow: auto;
}


/*
================================================================================================================
Homepage announcements
================================================================================================================
*/
.announce-database	{
	color: #009900;
}

.announce-report	{
	color: #ffa800;
}