/*
 Cogumelo v0.1 - INNOTO
Copyright (C) 2009 Innoto Gestión para el Desarrollo Social S.L. <mapinfo@innoto.es>

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301,
USA.
*/ 

/******************************************************
*******************************************************
	Styles of admin page, including all components.
*******************************************************
*******************************************************/

/******************************
	Main Page containers
*******************************/
html,body,div,span,applet,object,iframe {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
	/***********************************/
}

#MainMenu {
	float: left;
	width: 200px;
}

#MainContent {
	margin-left: 200px;
}

#WindowContent {
	margin: 30px;
}

/***********************************************
				TABLE STYLES
************************************************/


.AjaxTable .pair {
	background-color: #DBE9FF;
}

.AjaxTable .unpair {
	background-color: #fff;
}

.AjaxTable thead tr:hover {
	background-color: #fff;
}

.AjaxTable tr {
	cursor: pointer;
}

.AjaxTable tr td {
	line-height: 15px;
}

.AjaxTable tr:hover {
	background-color: #A2C8FF;
}

.AjaxTable .selected {
	background-color: #62A1FE;
}

.AjaxTable .selected:hover {
	background-color: #62A1FE;
}

.AjaxTable .edit {
	color: #00D22A;
	width: 16px;
}

.AjaxTableBTN {
	cursor: pointer;
	font-weight: bold;
}

.AjaxTablePager {
	text-align: right;
}

.AjaxTableTabs {
	text-align: right;
}

.AjaxTableTabs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.AjaxTableTabs ul li {
	display: inline;
	margin-left: 5px;
	cursor: pointer;
}

.AjaxTableTabs ul .selected {
	background-color: grey;
}

.AjaxTableControls a {
	border-bottom: 1px solid black;
	cursor: pointer;
}

.AjaxTable {
	width: 100%;
}

.new {
	float: left;
	cursor: pointer;
}

.searchReady {
	background: url('images/system-search.png') center right no-repeat;
	border: 1px solid black;
}

.searching {
	background: url('images/loading-16.gif') center right no-repeat;
	border: 1px solid black;
}



/*/
/// 	Forms
/*/
.contentHead {
	background-color: green;
	border-bottom: 1px solid black;
	width: 500px;
}

/*
 *		Index Map Styles
 */
#rightCol {
	float: right;
	background-color: #fff;
	background-color: #AE0001;
}

#rightColContent div.eachrowcolumn {
	cursor: pointer;
	height: 60px;
	width: 100%;
	background-image: url('images/eachrow.png');
	background-repeat: no-repeat;
	margin-top: 5px;
}

#rightColContent div.eachrowcolumn:hover {
	background-image: url('images/eachrow_hover.png');
}

#rightColContent .eachrowTitle {
	width: 160px;
	height: 20px;
	line-height: 11px;
	padding-top: 7px;
	margin-left: 84px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

#rightColContent .eachrowThemeIcons {
	width: 160px;
	height: 19px;
	margin-left: 84px;
	margin-top: 6px;
}

#rightColContent .eachrowLogo {
	float: left;
	width: 45px;
	height: 45px;
	position: relative;
	top: 6px;
	left: 25px;
}

#rightColContent div.eachrowcolumnevent {
	cursor: pointer;
	height: 84px;
	width: 100%;
	background-image: url('images/eacheventrow.png');
	background-repeat: no-repeat;
}

#rightColContent div.eachrowcolumnevent:hover {
	background-image: url('images/eacheventrow_hover.png');
}

#rightColContent  .eachrowcolumneventlogo {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

#rightColContent  .eachrowcolumneventtitle {
	width: 180px;
	margin-left: 13px;
	padding-top: 6px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	line-height: 11px;
	height: 25px;
}

#rightColContent  .eachrowcolumneventlist {
	width: 245px;
	color: #fff;
	font-size: 10px;
	vertical-align: bottom;
	display: table-cell;
	height: 46px;
}

#rightColContent  .eachrowcolumneventlist ul {
	list-style-type: square;
	margin: 0px;
	padding-left: 30px;
	margin-bottom: 2px;
	
	/* only for IE ... ¬¬ */
	-position:relative;
	-top:-20px;
	#position:relative;
	#top:-20px;
}

#rightColContent  .eachrowcolumneventlist li {
	padding-left: 0px;
	line-height: 13px;
}

.eachrowcolumneventlist a {
	text-decoration: none;
	color: #fff;
}

#columnFoot {
	width: 250px;
	position: absolute;
	bottom: 0px;
	padding-left: 7px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	color: #fff;
	background-color: #AE0101;
}

#printcolumn {
	float: left;
}

#columnFootPager {
	float: right;
	margin-right: 25px;
	width: 150px;
	position: relative;
	top: 5px;
	text-align: right;
}

#columnFootPager span {
	cursor: pointer;
}

#indexMap {
	z-index: 0;
	position: absolute;
	left: 0px;
	top: 112px;
}

#mapheader {
	width: 100%;
	height: 112px;
	background-image: url('images/header.jpg');
	background-repeat: no-repeat;
}

#logoconcello {
	position: absolute;
	top: 20px;
	right: 90px;
	height: 63px;
	width: 143px;
	background-image: url('images/concello.png');
	background-repeat: no-repeat;
}

#headershadow
 {
	position: absolute;
	top: 112px;
	width: 100%;
	height: 8px;
	padding: 0px;
	background-repeat: repeat-x;
	z-index: 100;
	background-image: url('images/headershadow.png');
}
* html #headershadow {background-image:none;background-image: url('images/ie6/headershadow.gif');}



#mapControls {
	z-index: 1;
	position: absolute;
	margin-top: 10px;
	width: 100%;
}

#mapFilter {
	height: 50px;
}

#mapFilter {
	width: 280px;
	position: absolute;
	left: 10px;
	background-repeat: no-repeat;
}

.filtereventos {
	background-image: url('images/comboevents.png');
}
.filterlocations {
	background-image: url('images/combo.png');
}

* html #mapFilter {	background-image:none;background-image: url('images/ie6/combo.gif');}

.mapFilterHead {
	padding-top: 15px;
	padding-left: 11px;
	height: 30px;
}

.mapFilterEach {
	height: 15px;
	cursor: pointer;
	background-color: #fff;
	position: relative;
	/*left:-2px;*/
	top: -43px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	/*IE 6 and 7*/
	_padding-top: 0px;
	_padding-bottom: 0px; *
	padding-top: 0px; *
	padding-bottom: 0px;
	padding-left: 8px;
}

#mapFilter0 {
	padding-top: 5px;
}

#mapFilter div.mapFilterEach:hover {
	background-color: #DEDCDD;
}

.mapFilterIcon {
	float: left;
	position: relative;
	top: -3px;
	margin-right: 10px;
	width: 25px;
	height: 25px;
}

.mapFilterTitle {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #707070;
	position: relative;
	left: -5px;
}

.btnMap {
	width: 149px;
	height: 44px;
	position: absolute;
	cursor: pointer;
}
.btnespazosoff {background-image:url('images/btnEspazosOFF.png');}
.btnaxendaon {background-image:url('images/btnAxendaON.png');}
.btnespazoson {background-image:url('images/btnEspazosON.png');}
.btnaxendaoff {background-image:url('images/btnAxendaOFF.png');}

* html .btnespazosoff {background-image:none;background-image:url('images/ie6/btnEspazosOFF.gif');}
* html .btnaxendaon {background-image:none;background-image:url('images/ie6/btnAxendaON.gif');}
* html .btnespazoson {background-image:none;background-image:url('images/ie6/btnEspazosON.gif');}
* html .btnaxendaoff {background-image:none;background-image:url('images/ie6/btnAxendaOFF.gif');}

#btn1 {
	right: 450px;
}

#btn2 {
	right: 300px;
}

/*//// Barra de zoom (mapa) */
#mapZoom {
	position:absolute;
	top:180px;
	left:16px;
	width:27px;
	height:200px;
	z-index:1;
	background-image:url('images/zoombar.png');
}

* html #mapZoom {background-image:none;background-image:url('images/ie6/zoombar.gif');}

#mapzoomin {
	width:27px;
	height:25px;
	cursor:pointer;
}
#mapzoombar {
	width:27px;
	height:148px;
}
#mapzoombarhandle {
	width:19px;
	height:8px;
	margin-left:4px;
	border:1px solid #aaa;
	background-color:#fff;
	cursor:pointer;
}

#mapzoomout {
	width:27px;
	height:25px;
	cursor:pointer;
}

/*//// Calendario */
#weekcalendarrange {
	margin-left: 8px;
	margin-top: 5px;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#calendargraph {
	background-image: url('images/calendarBg.png');
	_background-image: url('images/ie6/calendarBg.png');
	background-repeat: no-repeat;
	width: 255px;
	height: 48px;
}

.weekcalendartable {
	font-size: 10px;
	width: 249px;
	height: 41px;
	margin-left: 6px;
	background-color: #897979;
}

.day {
	color: #897979;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	cursor: pointer;
	font-weight: bold;
}

.weekday {
	background-color: #fff;
}

.dayname {
	font-size: 9px;
	color: white;
	background-color: #897979;
	text-align: center;
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
	cursor: pointer;
}

.weekend {
	background-color: #E60003;
}

.calhidden {
	color: #BDBDBD;
	background-color: #CCCCCC;
}

.emptycell {
	background-color: #fff;
}

#cal2ndRow {
	position: relative;
	top: -7px;
	height: 30px;
	width: 255px;
}

#cal2ndRow div {
	float: right;
	width: 157px;
	height: 25px;
}

#nextWeek {
	width: 15px;
	background: #fff url('images/nextcal.png') center center no-repeat;
	cursor: pointer;
}
#prevWeek {
	width: 15px;
	background: #fff url('images/prevcal.png') center center no-repeat;
	cursor: pointer;
}

.todaycell {
	width: 25px;
	background-color: #fff;
}

#Today {
	position: absolute;
	width: 38px;
	height: 38px;
	background: url('images/hoxe.png') center center no-repeat;
	margin-left: 18px;
	_margin-left: 10px; *
	margin-left: 10px;
	margin-top: 4px;
	cursor: pointer;
}

#Today :hover {
	background: url('images/hoxehover.png') center center no-repeat;
}

#ThisWeek {
	background-image: url('images/weekbtn.png');
	_background-image: url('images/ie6/weekbtn.png');
	cursor: pointer;
}

#ThisWeekoff {
	background-image: url('images/weekbtnoff.png');
	_background-image: url('images/ie6/weekbtnoff.png');
}

/*
 *   Globe CSSs
 */
.MainGlobeContent {
	padding-top: 10px;
}

.GlobeCard {
	background-color: white;
	margin: 10px;
	padding: 10px;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 3px solid #7C0101;
	border-bottom: 3px solid #7C0101;
}

.GlobeCard td {height:17px;}

.GlobeHeader {
	height: 40px;
}

.GlobeLogo {
	float: left;
	border-left: 2px solid #7C0101;
	border-bottom: 2px solid #7C0101;
}

.GlobeTitle {
	margin-left: 50px;
	color: #DDD;
	font-weight: bold;
	font-size: 15px;
}

.eventTitle {
	color: #888;
	font-weight: bold;
	font-size: 13px;
}

.GlobeSimpleTitle {
	color: #DDD;
	font-weight: bold;
	font-size: 15px;
}

.GlobeGoto {
	height: 38px;
	background: url('images/banda_globe.png') no-repeat center center;
	position: relative;
	left: -1px;
}

.GlobeGototext {
	position: relative;
	top: 8px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.CardTable {
	border: 0px;
}

.atrib {
	font-size: 10px;
	color: #AE0001;
	font-weight: bold;
	text-align: left;
	width: 60px;
}

.data {
	font-size: 10px;
	color: #9D9D9D;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
}

/* globemap borders*/
#bublemap {
	width: 340px;
}

#bublemap_contents {
	background-image: url('images/globemap/r.png');
}

#bublemap_beak {
	position: relative;
	width: 29px;
	height: 19px;
	background-image: url('images/globemap/break.png');
}

#bublemap_bl {
	width: 6px;
	height: 6px;
	background-image: url('images/globemap/bl.png');
}

#bublemap_l {
	width: 6px;
	background-image: url('images/globemap/l.png');
	background-repeat: repeat-y;
}

#bublemap_b {
	height: 6px;
	background-image: url('images/globemap/b.png');
	background-repeat: repeat-x;
}

#bublemap_br {
	height: 6px;
	width: 8px;
	background-image: url('images/globemap/br.png');
}

#bublemap_tl {
	height: 7px;
	width: 7px;
	background-image: url('images/globemap/tl.png');
}

#bublemap_t {
	height: 7px;
	background-image: url('images/globemap/r.png');
}

#bublemap_close {
	height: 20px;
	width: 20px;
	background-image: url('images/globemap/close.png');
	cursor: pointer;
}

#bublemap_tr,#bublemap_r {
	width: 0px;
	height: 0px;
}
/* Globemap for IE6*/


* html #bublemap_beak {background-image:none; background-image: url('images/globemap/ie6/break.gif');}
* html #bublemap_bl {background-image:none; background-image: url('images/globemap/ie6/bl.gif');background-repeat:no-repeat;width:6px;height:6px;}
* html #bublemap_l {background-image:none; background-image: url('images/globemap/ie6/l.gif');}
* html #bublemap_b {background-image:none; background-image: url('images/globemap/ie6/b.gif');}
* html #bublemap_tl {background-image:none; background-image: url('images/globemap/ie6/tl.gif');}
* html #bublemap_br {background-image:none; background-image: url('images/globemap/ie6/br.gif');background-repeat:no-repeat;}

/*


*/


/* Into de buble */
.MainGlobeContent {
	margin-left: 15px;
	margin-right: 15px;
	color: #fff;
}

.evrow {
	width: 290;
	color: #fff;
	margin-bottom: 4px;
	background-color: #7C0101;
	cursor: pointer;
	margin-bottom: 3px;
	border-bottom: 3px solid #610000;
	border-left: 3px solid #610000;
}

.evrow table:hover {
	color: #C3C3C3;
}

.evrow:hover {
	background-color: #600000;
}

.evrow table {
	color: #fff;
	font-size: 11px;
}

.evrowDate {
	font-size:9px;
}

.GlobeEventlist {
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 12px;
	margin-top: 10px;
	height: 120px;
}

.btnvoltar {
	text-align: right;
	cursor: pointer;
}

.MainGlobeContent a {
	text-decoration: none;
}

.maptooltip {
	background-color:#AF0001;
	position:absolute;
	width:150px;
	color:#fff;
	font-weight:bold;
	font-size:10px;
	border-bottom:3px solid #550000;
	border-left:3px solid #550000;
	padding:5px;
	
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}