﻿/*****************************************************/
/* MASTER BODY                                       */
/*****************************************************/
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:center;
	background:#fff;
	color:#999;
	margin:0;
	padding:0;
	height:100%;
}

/*****************************************************/
/* HEADER                                            */
/*****************************************************/
.headerBar
{
	background-image:url('../images/contenidos/web/HeaderBack.png');
	background-repeat:repeat-x;
	font-size:10pt;
	font-variant:normal;
	font-weight:normal;
	text-align:center;
	color:#999999;
	margin:0;
	height:99px;
}

.headerDiv
{
	text-align:center;
	margin:auto;
	width:900px;
}

#HeaderDiv #TMWebLogo
{
	float:left;
}

.headsimages
{
	margin:5px, 15px, 5px, 0px;
	text-align:center;
}

.headercontentspanels
{
    background-repeat:no-repeat;
}

.headslabels
{
	font-family:Arial, Helvetica, sans-serif;
	color:#808080;
	overflow:hidden;
	white-space:nowrap;
	display:inline-block;
	height:25px;
	margin: 0px 0px 0px 5px;
}


/*****************************************************/
/* MENU                                              */
/*****************************************************/
.menuBar
{
	background-color:#fff;
	text-align:center;
	border-bottom:solid 1px Silver;
	padding-top:5px;
	padding-bottom:5px;
	height:auto;
}

.menuDiv
{
	text-align:left;
	vertical-align:top;
	margin:auto;
	height:auto;
	width:900px;
}

.headerlinkbuttons
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	color:Black;
	overflow:hidden;
	white-space:nowrap;
	display:inline-block;
	text-align:left;
	margin: 0px 5px 0px 5px;
	width:170px;
}

.menulinkbuttons
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-decoration:none;
	color:#0066FF;
	overflow:hidden;
	white-space:nowrap;
	display:inline-block;
	text-align:left;
	margin: 0px 5px 0px 0px;
}

.menulabels
{
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	white-space:nowrap;
	display:inline-block;
	margin:auto;
	text-align:center;
}


/*****************************************************/
/* FOOTER                                            */
/*****************************************************/
.footerBar
{
	font-size:9pt;
	font-variant:normal;
	font-weight:normal;
	text-align:center;
	color:White;
	background-color:#fff;
	position:inherit;
	margin:0;
	padding:0;
}

.footerDiv
{
	background-image:url('../images/contenidos/web/FooterBack.png');
	background-repeat:repeat-x;
	margin:auto;
	margin-bottom:0;
	padding-top:10px;
	height:auto;
	width:900px;
}


/*****************************************************/
/* BANNER                                            */
/*****************************************************/
.bannerBar
{
	font-size:9pt;
	font-variant:normal;
	font-weight:normal;
	text-align:center;
	color:White;
	background-color:#fff;
	position:inherit;
	margin:0;
	padding:0;
}

.bannerDiv
{
	margin:auto;
	margin-bottom:0;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	width:900px;
}


/*****************************************************/
/* CONTAINERS AND SUBCONTAINERS                      */
/*****************************************************/

/* CONTENTS CONTAINER DIV: MASTER PAGE */
.contentsContainerDiv
{
	margin:auto;
	padding-top:10px;
	height:auto;
	width:900px;
}


/* CONTAINER: ALL PAGES */
.DefaultContainerPanel
{
	text-align:center;
	margin:auto;
}

#DefaultContainerTable
{
	display:table;
	width:900px;
	margin:auto;
}

#DefaultContainerTableRow
{
	display:table-row;
	vertical-align:text-top;
}


/* CONTAINERS: Default Page */
#DefaultContainerTableLeftCell
{
	text-align:center;
	vertical-align:top;
	display:table-cell;
	padding-right:9px;
	width:299px;
	height:100%;
}

#DefaultContainerTableCenterCell
{
	text-align:center;
	vertical-align:top;
	display:table-cell;
	width:299px;
	height:100%;
}

#DefaultContainerTableRightCell
{
	text-align:right;
	vertical-align:top;
	display:table-cell;
	width:299px;
	height:100%;
}

.DefaultContentsHeaderPanels
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	color:White;
	background-color:#89B3FF;
	width:299px;
	height:25px;
}

.DefaultContentsBodiesPanels
{
	border-left:solid 1px Silver;
	border-right:solid 1px Silver;
	border-bottom:solid 1px Silver;
	vertical-align:text-top;
	margin-bottom:10px;
	width:297px;
	height:100%;
}


/* CONTAINERS: Other Pages */
#PagesContainersTableLeftCell
{
	text-align:center;
	vertical-align:top;
	display:table-cell;
	padding-right:9px;
	width:599px;
	height:100%;
}

#PagesContainersTableRightCell
{
	text-align:right;
	vertical-align:top;
	display:table-cell;
	width:299px;
	height:100%;
}

.PagesContentsHeaderPanels
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	color:White;
	background-color:#89B3FF;
	width:599px;
	height:25px;
}

.PagesContentsBodiesPanels
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:left;
	border-left:solid 1px Silver;
	border-right:solid 1px Silver;
	border-bottom:solid 1px Silver;
	vertical-align:text-top;
	margin-bottom:5px;
	width:597px;
}

.EventsContentsBodyPanel
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:left;
	vertical-align:text-top;
	margin-bottom:5px;
	padding-bottom:10px;
	padding-left:10px;
	width:597px;
}

.LinksPanel
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:left;
	margin-bottom:5px;
}


/* CONTAINERS: Special Pages */
.termspanels
{
	text-align:left;
	width:875px;
}

.modalPopUpProcessing
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:9pt;
    text-align:center;
    background-color:#FFFFFF;
    border-left:solid 1px #89B3FF;
    border-right:solid 1px #89B3FF;
    border-bottom:solid 1px #89B3FF;
}

.modalPopUpProcessingData
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:9pt;
    text-align:left;
    color:#0066FF;
    background-color:#FFFFFF;
    border-left:solid 1px #89B3FF;
    border-right:solid 1px #89B3FF;
    border-bottom:solid 1px #89B3FF;
    padding:2px;
}

.modalPopUpProcessingDrag
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	vertical-align:middle;
	color:White;
	background-color:#89B3FF;
	height:20px;
	padding-top:2px;
}

.modalBackground
{
  background-color:#FFF;
  filter:alpha(opacity=50);
  opacity:0.5;
}


/* SUBCONTAINERS: ALL PAGES WITH CONTENTS */
.SubContainerTable
{
	display:table;
	margin:auto;
	width:600px;
}

.SubContainerTableRow
{
	display:table-row;
	vertical-align:text-top;
}

#SubContainerTableLeftCell
{
	text-align:center;
	vertical-align:top;
	display:table-cell;
	padding:2px;
	width:197px;
}

#SubContainerTableRightCell
{
	text-align:left;
	vertical-align:top;
	display:table-cell;
	padding:2px 2px 2px 5px;
	width:390px;
}


/*****************************************************/
/* TEXTS                                             */
/*****************************************************/
h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:normal;
	text-align:left;
	white-space:normal;
	color:#0066FF;
	margin-top:0px;
	margin-bottom:10px;
}

h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	text-align:left;
	white-space:normal;
	color:#808080;
	margin-bottom:5px;
}

h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	text-align:left;
	white-space:normal;
	color:#808080;
	margin-bottom:20px;
}

h4
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	text-align:left;
	white-space:normal;
	color:#0066FF;
	margin-bottom:5px;
}

h5
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	text-align:left;
	white-space:normal;
	color:#0066FF;
	margin-top:0px;
	margin-bottom:0px;
}

h6
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	text-align:left;
	white-space:normal;
	color:#808080;
	margin-top:0px;
	margin-bottom:0px;
}


/*****************************************************/
/* CONTENTS                                          */
/*****************************************************/

/* CONTENTS: Forms */
.forms
{
	height:auto;
	width:350px;
}

.formslabels
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#0066FF;
	text-align:left;
	overflow:hidden;
	white-space:nowrap;
	display:inline-table;
	vertical-align:top;
	height:auto;
	width:100px;
	margin: 1px 0px 1px 5px;
	padding:0;
}

.formstexts
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:left;
	color:#808080;
	overflow:hidden;
	white-space:inherit;
	display:inline-table;
	height:auto;
	width:auto;
	margin: 1px 0px 1px 5px;
	padding:0;
}


/* CONTENTS: Labels */
.labels
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:left;
	color:#808080;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:middle;
	margin: 5px 5px 5px 10px;
}

.prices
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:left;
	color:#FF6600;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:middle;
	float:right;
	margin: 5px 5px 5px 5px;
}

.titlelabels
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:normal;
	text-align:left;
	color:#0066FF;
	overflow:hidden;
	white-space:normal;
	height:auto;
	margin-top:0px;
	margin-bottom:10px;
}

.messagelabels
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:left;
	color:#0066FF;
	overflow:hidden;
	white-space:normal;
	height:auto;
}

.errorlabels
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:left;
	color:Red;
	overflow:hidden;
	white-space:normal;
	height:auto;
}


/* CONTENTS: Links and Buttons */
.hyperlinks
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	overflow:hidden;
	white-space:nowrap;
	display:inline-block;
	text-align:left;
}

.linkbuttons
{
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	white-space:nowrap;
	display:inline-block;
	text-align:left;
	margin-right:5px;
	margin-left:5px;
}

.imagebuttons
{
	margin:5px;
}

.moredatalinks
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-decoration:none;
	overflow:hidden;
	white-space:nowrap;
	display:inline-block;
	text-align:left;
	float:right;
}

.buttons
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	height:auto;
	width:80px;
	margin:5px 5px 5px 5px;
	float:right;
}


/* CONTENTS: Datagrids */
.gridhyperlinks
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-decoration:none;
	color:#808080;
	overflow:hidden;
	white-space:nowrap;
	text-align:left;
}


/* CONTENTS: Textboxes and Droplists */
.textboxes
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-align:left;
	color:#0066FF;
	background-color:#EFEFEF;
	overflow:hidden;
	margin: 1px 5px 3px 5px;
}

.droplists
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-align:left;
	color:#0066FF;
	overflow:hidden;
	white-space:nowrap;
	margin: 0px 5px 5px 5px;
}


/*****************************************************/
/* ELEMENTS ATTRIBUTES                               */
/*****************************************************/
.floatLF
{ /* this class can be used to float an element left in your page */
	float:left;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
}

.floatRT
{ /* this class can be used to float an element right in your page */
	float:right;
	margin-left:auto;
	padding-left:10px;
	padding-right:10px;
}

.topAlign
{
	vertical-align:top;
}

a
{
    outline: none;
    color:#0066FF;
    text-decoration:none;
}

a img
{
    border:none;
}

a:active
{
	outline: none;
    color:#0066FF;
    text-decoration:none;
}

a:hover
{
	outline: none;
    color:#0066FF;
    text-decoration:underline;
}

a:visited
{
	outline: none;
    color:#0066FF;
    text-decoration:none;
}

hr
{
	background-color:#89B3FF;
	color:#89B3FF;
	width:100%;
	height:1px;
}


/*****************************************************/
/* TMINET CONTENTS                                   */
/*****************************************************/

/* CONTAINERS AND SUBCONTAINERS */
.AdminContentsHeaderPanels
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	color:White;
	background-color:#89B3FF;
	width:900px;
	height:25px;
}

.AdminContentsBodiesPanels
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:left;
	border-left:solid 1px Silver;
	border-right:solid 1px Silver;
	border-bottom:solid 1px Silver;
	vertical-align:text-top;
	margin-bottom:5px;
	width:897px;
}


/* CONTENTS: Forms */
.adminforms
{
    text-align:left;
	height:auto;
}

.admintitlelabels
{
    margin:5px;
}