/*
	Athene styles
*/

/*
	Common styles
*/
body,html
{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	
	height : 100%;
	width : 100%;
	
	font-family: 'Trebuchet MS', Arial;
	font-size : 10pt;
}

body.default
{	
	background-color : #004E98;
	background-image : url(../images/Background.png);
	background-repeat : repeat-y;
}

a.header-navigation
{
	color : #FFFFFF;
	text-decoration : none;
	padding : 6px 6px 6px 6px;
}

a.header-navigation:hover
{
	color : #FFFFFF;
	background-color : #004D98;
	background-image : url(../images/NavigationHover.png);
	
}

a.filter
{
	color : #FFFFFF;
	text-decoration : none;
	padding : 6px 6px 6px 6px;
	display : block;
}

a.filter:hover
{
	color : #FFFFFF;
	background-color : #26292E;
	text-decoration : none;
}

a.filter-search
{
	color : #FFFFFF;
	text-decoration : none;
	padding : 6px 6px 6px 6px;
	display : block;
}

a.filter-search:hover
{
	color : #FFFFFF;
	background-color : #26292E;
	text-decoration : none;
}

a
{
	color : #004E98;
}

a:hover
{
	color : #809FFF;
}

div.Arrows
{
	font-size : 14pt;
	font-weight : bold;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	
	color : #004D98;
	display : block;
	width : 100%;
	float : clear;
}

h1
{
	font-size : 14pt;
	font-weight : bold;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	
	color : #004D98;
}

h2
{
	font-size : 13pt;
	font-weight : normal;
	
	color : #004D98;
}

img
{
	border : 0px;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

input.search
{
	color : #5b95e7;
	border : solid 1px #BBCCFF;
	padding : 2px 2px 2px 2px;
	width : 220px;
}

p.buttons
{
	text-align : right;
}

input.button
{
	background-image: url(../images/Button.png);
	border : solid 1px #B6C9FC;
	height : 23px;
	width : 70px;
	padding : 3px 3px 3px 3px;
	font-weight : bold;
	color : #FFFFFF;
	font-size : 8pt;
}

input.button[disabled]
{
	color : #C2D0FF;
}

input.button:hover
{
	background-image: url(../images/ButtonHover.png);
	border : solid 1px #B6C9FC;
	color : #FFFFFF;
}

input.button[disabled]:hover
{
	background-image: url(../images/Button.png);
	border : solid 1px #B6C9FC;
	color : #C2D0FF;
}

span.date-time
{
	font-size : 7pt;
}

/*
	For search engine
*/
div#search-engine
{
	display : none;
}

/*
	Fly div style
*/
div#flydiv
{
	background-color : #bdccff;
	filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
	max-width : 380px;
	width : 380px;
	cursor : pointer;
	background-image : url(../images/Bar.png);
	background-repeat : repeat-x;
	background-position : 0px -6px;
}

div#flydiv-text
{
	cursor : pointer;
}

span.flydiv-title
{
	padding : 2px 0px 2px 0px;	
	font-weight : bold;
	width : 100%;
	height : 20px;
	display : block;
	cursor : pointer;
}

div.flydiv-description
{
	float : left;
	width : 200px;
	max-width : 200px;
	padding : 2px 2px 2px 2px;
	overflow : hidden;
}

div.flydiv-url
{
	float : left;
	width : 380px;
	max-width : 200px;
	padding : 2px 2px 2px 2px;
	overflow : hidden;
}

div.flydiv-image
{
	float : right;
}

/*
	Layout positioning
*/

div#parent
{
	display: block;
	min-height : 100%;
	-height : 100%;
	width : 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	
	background-image : url(../images/BottomBanner.png);
	background-repeat : no-repeat;
	background-position : 230px bottom;
}

div#container
{
	width : 990px;
	padding-bottom: 0px;
	min-height : 100%;
}

div#left-pane
{
	min-height : 200px;
	height : 200px;
	min-width : 218px;
	width : 218px;
	
	float : left;
}

div#filter-bar
{
	color : #26292E;
	font-weight : bold;
	width : 100%;
	
	float : left;	
}

span.filter
{
	color : #FFFFFF;
	text-decoration : none;
	border-bottom : solid 3px #185BA9;
	background-color : #185BA9;
	display : block;
}

span.filter-active
{
	color : #FFFFFF;
	text-decoration : none;
	border-bottom : solid 3px #185BA9;
	display : block;
}

span#marker-filter
{	
	padding : 6px 6px 6px 6px;
	display : block;
	background-image : url(../images/Bar.png);
	color : #FFFFFF;
}

span.filter-category-form
{
	padding : 0px 5px 0px 10px;
	display : block;
	color : #FFFFFF;
	font-weight : normal;
}

div.bar-1
{
	clear : left;
	padding : 5px 5px 5px 5px;
	
	float : left;
}

div#header-container
{
	width : 759px;
	
	float : left;
}

div#header-pane
{
	background-repeat : repeat-x;
	background-image : url(../images/Bar.png);
	border-left : solid 2px #7F9EF8;
	border-right : solid 2px #7F9EF8;
	
	color : #FFFFFF;
	font-weight : bold;
	width : 755px;
	
	height : 30px;
	line-height : 30px;
	
	float : left;
}

div#header-navigation
{
	padding-left : 10px;
	
	float : left;
}

div#search-box
{
	float : right;
	padding-top : 3px;
	padding-right : 6px;
	line-height : 10px;
	
	float : right;
}

div#main-container
{	
	padding-left : 9px;
	width : 760px;
	
	float : left;
}

div#tabs
{
	
	float : left;
}

div#action-pane
{
	padding : 2px 2px 0px 2px;
	border-left : solid 5px #D8DEF6;
	border-top : solid 5px #D8DEF6;
	
	width: 592px;
	
	float : left;
}

div#right-pane
{
	width : 130px;
	padding : 5px 5px 5px 5px;
	word-wrap: break-word;
	overflow : hidden;
	
	float : left;
}

div#content-pane
{
	clear : both;
	
	width : 700px;
	padding-left : 9px;
	padding-bottom : 90px;
	
	float : left;
}

div#upper-navigation
{
	font-size : 12pt;
	font-weight : bold;
	position : absolute;
	left : 406px;
	top : 1px;
	width : 563px;
	z-index : 2;
	text-align : right;
	color : #000000;
}

a.upper-navigation-link
{
	text-decoration : none;
	color : #000000;
	font-size : 10pt;
}

a.upper-navigation-link:hover
{
	text-decoration : underline;
	color : #000000;
	font-size : 10pt;
}

div#content-bottom-advertisement
{
	width : 700px;
	text-align : center;
}

div#popular-markers
{
	overflow-y : scroll;
	height : 240px;
	max-height : 240px;
}

div.loading-map
{
	text-align : center;
	line-height : 250px;
	width : 100%;
	height : 100%;
	color : #004D98;
	font-weight : bold;
	font-size : 12pt;
	
	float : left;
}

div.loading-block
{
	text-align : center;
	line-height : 45px;
	color : #004D98;
	font-weight : bold;
	font-size : 10pt;
	padding-left : 10px;
	
	float : left;
}

div#footer-container
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	display: block;
	height: 80px;
	z-index: 999;
	padding: 0px;
	margin: 0px;
}

div#footer
{
	padding-left : 230px;
}