body { font-family: calibri, arial; margin:0px; border:0px none; font-size:12px; background: #f8f8f8 url('../images/bkg_lines.gif') repeat-x top; }
a 			{ text-decoration:none }
a:link 		{ text-decoration:none }
a:visited 	{ text-decoration:none }
a:hover 	{ text-decoration:underline }

form { padding:00px; margin:0px; overflow:visible}

#page {text-align:center}
#page div {text-align:left}

#container { width:900px; margin:auto; position:relative }

#page #help_box { border:1px solid #d7d7d7; left:250px; width:400px; position:absolute; top: 169px; background:#fff}
#page #help_title { background:#d7d7d7; text-align:center} 
#help_content { margin:10px}

#header { background: #404040 url('../images/header_bkg.gif'); height:65px; margin-top:10px; text-align:center; color:#fff; font-size:11px}
#header_left { background: url('../images/header_bkg_left.gif'); width:10px; height:65px; float:left}
#header_right { background: url('../images/header_bkg_right.gif'); width:10px; height:65px; float:right}
#header_logo { background: url('../images/header_logo.gif'); width:300px; height:65px; margin:auto}
#header h1 { visibility:hidden; font-size:1px; text-align:center}
#header_logout { position:absolute; right:0px}
#header_logout a { display:block; width:102px; height:19px; background: url('../images/header_button_logout.gif') top; text-indent:10px; vertical-align:middle; padding-top:5px; color:#fff }
#header_logout a:hover { background: url('../images/header_button_logout.gif') bottom; text-decoration:none }

#navigation { background: #d8d8d8 url('../images/navigation_bkg.gif') repeat-x; height:30px; }
#navigation_left { background: url('../images/navigation_bkg_left.gif') repeat-x; width:10px; height:30px; float:left; }
#navigation_right { background: url('../images/navigation_bkg_right.gif') repeat-x; width:10px; height:30px; float:right; }
#navigation .link { vertical-align:middle; margin-top:8px; width:auto; float:left }
#navigation .link a { color:#000 }
#navigation .separator { background: url('../images/navigation_separator.gif'); width:25px; height:30px; float:left }

#navigation_help { vertical-align:middle; margin-top:8px; float:right; margin-left:10px }
#navigation_help a { color:#000 }
#navigation_shortcuts { /*margin-top:8px;*/ float:right; }
#navigation_shortcuts ul { margin: 0px; list-style: none}
#navigation_shortcuts li { z-index: 20; position: relative; cursor:pointer}
#navigation_shortcuts li ul { display: none; position: absolute; top: 30px; left: 0px; float: left}
#navigation_shortcuts li>ul { top: 30px; left: 0px}
#navigation_shortcuts li:hover ul, #navigation_shortcuts li.over ul { display: block; z-index: 22}
.shortcutsMenuDrop { background: url('../images/navigation_button_shortcuts.gif') top; width:119px; height:22px; padding-top:8px; text-indent:5px;}
.shortcutsMenuDrop:hover { background: url('../images/navigation_button_shortcuts.gif') bottom; color:#fff}
.shortcutsMenuDrop.over  { background: url('../images/navigation_button_shortcuts.gif') bottom; color:#fff}
.shortcutsMenuDrop ul { /*width:119px;*/ padding:6px; background:#222; border:1px solid #d7d7d7; border-top:0px none}
.shortcutsMenuDrop li { line-height:20px; white-space:nowrap; margin-right:10px; }
.shortcutsMenuDrop li a { color:#fff }


#content { background:#fff; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:0px none; padding:24px}
.login {border-top:1px solid #d7d7d7}

#page #login_box { width:300px; margin:auto; text-align:right; line-height:24px}
#page #login_button { width:100px; margin:auto; text-align:center; margin-top:5px }

/*
#contentLeft { background: url('images/content_bkg_left.gif') left repeat-y; }
#contentRight { background: url('images/content_bkg_right.gif') right repeat-y; }
#contentCenter { margin-left: 10px; margin-right:10px; background:#fff}
#contentCenterFix { clear:right}
*/
#titlebar { background: url('../images/titlebar_bkg.gif') repeat-x; height:63px}
#titlebar_left { background: url('../images/titlebar_bkg_left.gif'); width:10px; height:63px; float:left}
#titlebar_right { background: url('../images/titlebar_bkg_right.gif'); width:10px;  height:63px; float:right}
#titlebar #title { margin:10px; vertical-align:middle; width:auto; float:left; font-size:24px}
#titlebar #title img {margin-right:5px; }
#titlebar #actions { margin:10px; vertical-align:middle; width:auto; float:right; font-size:11px}

.button { display:block; float:left; text-align:center; margin-left:10px; /*margin-right:10px*/; color:#000; padding-bottom:1px; white-space:nowrap;}
.button:hover { text-decoration:none; border-bottom:1px dotted; padding:0px; /*border:1px solid; border-top-color: #fff; border-left-color: #fff; border-bottom-color: #f2f2f2; border-right-color: #f2f2f2; padding:1px;*/}

.buttonLook { border:1px solid #f0f0f0; background:#fff url('../images/button_bkg.gif') top repeat-x; color:#000 }
.buttonLook:hover { border:1px solid #666; background: #222 url('../images/button_bkg.gif') bottom repeat-x; color:#fff; text-decoration:none}

#toolbar { height:34px; border-bottom:1px solid #e7e7e7; margin-bottom:5px}

.toolbarButton {  display:block; float:left; margin-left:10px; border:1px solid #f0f0f0; height:22px; padding-left:2px; padding-right:2px; padding-top: 2px; }
.toolbarButton:hover { border:1px solid #666; text-decoration:none }

.buttonLogin { display:block; height:19px; padding-top: 5px }
.buttonLogin:hover {  }

.buttonBetweenList { display:block; height:19px; padding-top: 5px; text-align:center; padding-left:10px; padding-right:10px; }
.buttonBetweenList:hover {  }

.buttonNextStep { display:block; height:19px; padding-top: 5px; text-align:center; width:250px; margin:auto }
.buttonNextStep:hover {  }

#page .stat_button { width:200px; margin:auto; text-align:center;  margin-top:5px }

.subtitle { border-bottom:1px solid #e7e7e7; margin-bottom:5px; height:30px}
.subtitle h1 { font-size:20px; margin:0px; padding:0px; font-weight:normal}
.subtitle2 { background: #f7f7f7 url('../images/titlebar_bkg.gif') center repeat-x; ; margin-bottom:5px; padding:2px; height:20px} /* sub-subtitulo ejemp. Configuracion */
.subtitle2 h1 { font-size:17px; margin:0px; padding:0px; font-weight:normal; color:#666}
.subtitle3 { border-bottom:1px solid #e7e7e7; margin-bottom:5px; height:36px} /* subtitulos con iconos ejemp. Stats */
.subtitle3 h1 { font-size:20px; margin:0px; padding:0px; font-weight:normal}

#bigButtons { width:660px; margin-left:auto; margin-right:auto; text-align:center}
#bigButtons ul { width:660px; list-style: none; overflow:auto; padding:0px; margin:0px}
#bigButtons ul li { float:left; width:217px; height:84px; padding:0px; margin:0px }
#bigButtons ul li a { display:block; background: url('../images/content_button_big.gif') top; width:197px; height:52px; padding-top:22px; padding-left:10px; color:#000; font-size:19px;  } /* antes font-size 23px*/
#bigButtons ul li a:hover { background: url('../images/content_button_big.gif') bottom; text-decoration:none; color:#fff}

#content_bottom { background: url('../images/content_bottom_bkg.gif') repeat-x bottom; height:10px; line-height:1px; display:block}
#content_bottom_left { background: url('../images/content_bottom_bkg_left.gif') no-repeat left bottom; width:10px; height:10px; float:left}
#content_bottom_right { background: url('../images/content_bottom_bkg_right.gif') no-repeat right bottom; width:10px; height:10px; float:right}

#list_options { overflow:visible; height:30px; overflow:auto} 
.list_options_left { display:block; float:left; }
.list_options_right { display:block; float:right; padding-left:10px; }
#list_options2 { overflow:visible; height:30px; overflow:auto}

/* tablas y listados */
table a { color:#06C }
.list_table { border: 1px solid #e7e7e7}
.list_table .smallfont td{ /*font-family: Arial, Helvetica, sans-serif;*/ font-size:11px}
.list_table td { vertical-align:middle; /*border-left:1px solid*/}
.list_table_header { background:#fff url('../images/list_table_header.gif') center repeat-x}
.list_table_header td { height:23px; border-bottom: 1px solid #e7e7e7}
.list_table_footer { background:#fff url('../images/list_table_header.gif') center repeat-x}
.list_table_footer td { height:23px; text-indent:5px; /*border-top: 1px solid #e7e7e7*/}
.list_table_pre_footer { background:#fff url('../images/list_table_header.gif') center repeat-x}
.list_table_pre_footer td { height:23px; text-indent:5px; border-bottom: 1px solid #e7e7e7}
.list_table_simple td { border-bottom:1px solid #e7e7e7; color:#000  }
.list_table_odd td { background:#fff url('../images/list_table_odd.gif') center repeat-x  ; border-bottom:1px solid #e7e7e7; color:#000  }
.list_table_even td { background:#f9f9f9 url('../images/list_table_even.gif') center repeat-x  ; border-bottom:1px solid #e7e7e7; color:#000 }
.list_table_blank { background:#fff center repeat-x}
.list_table_blank td { border: 0px none}
.list_thumb { border: 1px solid #e7e7e7; width:60px; height:45px; margin:2px}
.list_table a { color:#06C }
.list_table .dimText { color:#aaa }
.list_table .line_right { border-right: 1px solid #e7e7e7}
.formField_list_table { background:#fff; border:1px solid #e7e7e7; margin:2px; font-family: tahoma; font-size:11px; font-weight:bold; text-indent:2px}
/* tablas y listados: fila seleccionada */
.list_table_active td { background:#666 url('../images/list_table_active.gif') center repeat-x; border-bottom:1px solid #777; color:#eee }
.list_table_active td .list_thumb { border: 1px solid #555; width:60px; height:45px; margin:2px}
.list_table_active td .buttonOpt:hover { text-decoration:none; /*border-bottom:1px dotted;*/ border:1px solid; border-top-color: #777; border-left-color: #777; border-bottom-color: #555; border-right-color: #555; padding:1px;}
.list_table_active td .dimText { color:#888 }
/* tablas y listados: botones */
.buttonOptContainerOut { /*border:1px solid; */ float:left; position:relative; left:50%}
.buttonOptContainerIn { /*border:1px solid #f00;*/ position:relative; left:-50%; overflow:auto}
.buttonOpt { display:block; position:relative; float:left; margin:2px; text-align:center; color:#000; padding:2px; }
.buttonOpt img { margin:4px; }
.buttonOpt:hover { text-decoration:none; border:1px solid; border-top-color: #fff; border-left-color: #fff; border-bottom-color: #e7e7e7; border-right-color: #e7e7e7; padding:1px;}

/* Clips: listado */
.clip_tdSize1 { width:3%} /* table td checkbox */
.clip_tdSize2 { width:9%} /* table td estado */
.clip_tdSize3 { width:10%} /* table td miniatura */
.clip_tdSize4 { width:35%} /* table td nombre */
.clip_tdSize5 { width:8%} /* table td duracion */
.clip_tdSize6 { width:8%} /* table td aspect */
.clip_tdSize7 { width:11%} /* table td fecha */
.clip_tdSize8 { width:16%} /* table td opciones */

/* Clips: Editar Clip */ 
#page .clipEdit_thumb { float:right; text-align:center}
#page .clipEdit_thumb img { border: 1px solid #e7e7e7; width:125px; height:95px;}

/* DataCollect */ 
#page .dataEdit_thumb { float:right; text-align:center}
#page .dataEdit_thumb img { border: 1px solid #e7e7e7; /* width:125px; height:95px; */}

/* Canales: listado */
.channels_tdSize1 { width:3%} /* table td checkbox */
.channels_tdSize2 { width:5%} /* table td estado */
.channels_tdSize3 { width:14%} /* table td posicion */
.channels_tdSize4 { width:50%} /* table td nombre */
.channels_tdSize5 { width:8%} /* table td clips */
.channels_tdSize6 { width:20%} /* table td opciones */

/* Canales: Ordenar Playlist */
.slideshow 			{ list-style-type: none; width:auto; margin: 0px; padding: 0px; overflow:auto }
.slide				{ position: relative; border:1px solid #e7e7e7; padding:4px; padding-left:10px; cursor: move; background:#f9f9f9 url('../images/list_table_odd.gif') center repeat-x  ; color:#000; border-top-color:#f0f0f0}
.slide:hover		{ position: relative; border:1px solid #e7e7e7; padding:4px; padding-left:10px; cursor: move; background:#666 url('../images/list_table_active.gif') center repeat-x; color:#eee}
.slide:active		{ position: relative; border:4px solid #000; padding:1px; padding-left:7px; cursor: move; background:#666 url('../images/list_table_active.gif') center repeat-x; color:#fff}
.slide img 			{ margin-right:10px }
.slide:hover img	{ border: 1px solid #888; width:60px; height:45px }
.inplace			{ position: absolute; visibility: hidden; z-index: 10000; }
.handle				{ cursor: move; margin:0px; padding:0px}
.links 				{ display:block; clear:left; /*background:#EDEDED border:1px solid #f0f0f0; padding:5px; margin-top:5px; margin-bottom:5px*/}
.playlist_thumb 	{ border: 1px solid #e7e7e7; width:50px; height:38px; margin:0px; vertical-align:middle}

/* Canales: Editar Canal */
.importClips { }
.importClips select { width:300px; }
.importClips option { }
.importClips td { padding-right:10px }
.optionsNormal { color:#000}
.optionsAdded { color:#429100; background:#fff}
#page .channelEdit_icon { float:right; text-align:right}
#page .channelEdit_icon img { border: 1px solid #e7e7e7; width:32px; height:32px;}

/* Canales: Programacion: listado */
.programming_tdSize1 { width:3%} /* table td checkbox */
.programming_tdSize2 { width:5%} /* table td estado */
.programming_tdSize3 { width:26%} /* table td nombre */
.programming_tdSize4 { width:8%} /* table td dia */
.programming_tdSize5 { width:8%} /* table td hora */
.programming_tdSize6 { width:40%} /* table td punto de inicio */
.programming_tdSize7 { width:10%} /* table td opciones */

/* Canales: Programacion: Editar Evento */
.event_tdSize1 { width:5%} /* table td Radio */
.event_tdSize2 { width:8%} /* table td miniatura */
.event_thumb 	{ border: 1px solid #e7e7e7; width:50px; height:38px; margin:2px; vertical-align:middle}
.list_table_active td .event_thumb { border: 1px solid #555; width:60px; height:45px; margin:2px}

/* Estadisticas */
.list_thumb_stat { border: 1px solid #e7e7e7; width:40px; height:30px; margin:2px}
.statGraph { margin-right:5px; /*font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888*/}
.statTxt { float:right; text-align:left }
.statBarContainer { height:10px; display:block; margin-left:5px; margin-right:40px; text-align:left; border: 1px solid #e7e7e7; background: #e1e1e1 url('../images/stat_bar_bkg.gif') center repeat-x}
.statBarColor1 	{ height:10px; margin:0px; padding:0px; vertical-align:middle; font-size:1px; line-height:1px; background: #4faacc url('../images/stat_bar_blue.gif') repeat-x        } 
.statBarColor2 	{ height:10px; margin:0px; padding:0px; vertical-align:middle; font-size:1px; line-height:1px; background: #4faacc url('../images/stat_bar_green.gif') repeat-x        } 

/* Cursores */
.cursorHand { cursor:pointer}
.cursorNormal { cursor:default}

/* paginado: botones */
.buttonPagingContainerOut { /*border:1px solid; */ float:left; position:relative; left:50%; margin-left:auto; margin-right:auto}
.buttonPagingContainerIn { /*border:1px solid #f00;*/ position:relative; left:-50%; overflow:auto}
.buttonPagingContainerIn a { font-weight:bold; display:block; position:relative; float:left; margin:2px; border:1px solid #e7e7e7; text-align:center; color:#06C; padding:4px; padding-left:5px; padding-right:5px}
.buttonPagingContainerIn a:hover { font-weight:bold; color:#fff; text-decoration:none; border:1px solid #e7e7e7; padding:4px; padding-left:5px; padding-right:5px}
.buttonPagingContainerIn span { font-weight:bold; display:block; position:relative; float:left; margin:2px; text-align:center; color:#000; padding:5px; padding-left:6px; padding-right:6px;}

/* forms */
/*.formField { background: #f8f8f8; border:1px solid #efefef; border-bottom:1px solid #fafafa;  border-right:1px solid #fafafa; font-family: tahoma; font-size:11px; font-weight:bold; padding:1px; text-indent:2px}*/
.formField { background: #f8f8f8; border:1px solid #dfdfdf; border-bottom:1px solid #f0f0f0;  border-right:1px solid #f0f0f0; font-family: tahoma; font-size:11px; font-weight:bold; padding:1px; text-indent:2px}
.formField:focus { background: #f8f8f8; border:2px solid #d7d7d7; padding:0px; font-family: tahoma; font-size:11px; font-weight:bold; text-indent:2px}
.formField_focus { background: #f8f8f8; border:2px solid #d7d7d7; padding:0px; font-family: tahoma; font-size:11px; font-weight:bold; text-indent:2px}
.formSize1 { width:150px; height:18px} /* tamano campos login */
.formSize2 { height:18px} /* tamano desplegables Listados */
.formSize3 { width:300px; } /* tamano ListBox Crear/Editar */
.formSize4 { width:400px; height:18px} /* tamano campos Generales  */
.formSize5 { width:400px; } /* tamano campos Generales, sin altura  */
.formSize5a { width:180px; height:18px} /* tamano campos Config   */
.formSize5b { width:400px; height:18px} /* tamano campos Config   */
.formSize5c{ width:150px; height:18px} /* tamano campos Config   */
.formSize6 { width:200px; height:18px} /* tamano campos Documentos  */

/* menu calidades preview */
#page .qualityMenuPrev { float:right; min-width:100px; text-align:center; z-index:3 }
#page .qualityMenuPrevLive { border:2px solid #e7e7e7; background:#222; color:#fff;}
#page .qualityMenuPrevLive .group {display:block; padding:2px; padding-left:5px; padding-right:5px; border-top: 1px solid #666; color:#46b5ff }
#page .qualityMenuPrevLive .enumerator { color:#46b5ff }
#page .qualityMenuPrevLive .quality {display:block; padding:2px; padding-left:5px; padding-right:5px; color:#fff }

/* Google Maps */
.MDbuttons { color: black; background-color: white; font-size: 12px; border: 1px solid black; padding: 1px; margin-bottom: 4px; text-align: center; cursor: pointer; }
#map { width:300px; height:300px; overflow:hidden } 
#mapUrl a { color:#06C }

/* CalendarDateInput */
td.calendarDateInput {letter-spacing:normal; line-height:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
select.calendarDateInput { background: #f8f8f8; border:1px solid #efefef; border-bottom:1px solid #fafafa;  border-right:1px solid #fafafa; font-family: tahoma; font-size:11px; font-weight:bold; padding:1px; text-indent:2px }
input.calendarDateInput { background: #f8f8f8; border:1px solid #efefef; border-bottom:1px solid #fafafa;  border-right:1px solid #fafafa; font-family: tahoma; font-size:11px; font-weight:bold; padding:1px; text-indent:2px }

/* FileTree + Content */
#contentWrap { width:100%; overflow:auto;}
#contentEditFileTree { float:left; width:200px; /*border:1px solid;*/; background:#fcfcfc; border:1px solid #e7e7e7}
#contentEditPage { margin-left:210px; /*border:1px solid;*/ }
#contentEditFileTree 
.clear { clear:both}
.fileTreeLvl1 { padding:2px;  }
.fileTreeLvl2 { padding:2px; margin-left: 15px }
.fileTreeLvl3 { padding:2px; margin-left: 30px }
.fileTreeLvl4 { padding:2px; margin-left: 45px }
.fileTreeLvl5 { padding:2px; margin-left: 60px }
.fileTreeActive { background:#444; color:#fff}
.fileTreeNormal a { color:#06c}
.fileTreeActive a { color:#fff}

/* Footer */
#page #footer { text-align:center; color:#000; line-height:20px }
#page #footer a { color:#000}