/* general */
BODY
{
    margin: 0;
	background-color: #003366;
	text-align: center;

	color: #f4f4f4;
	font-size: 11px;
	font-family: Arial, Verdana, Geneva;
}

A
{
	text-decoration: none;
	color: inherit;
	outline: none;
}

A:hover
{
	background-color: #00b000;
	color: #f4f4f4;
}


/* page headers */
.pageTitle
{
	margin: 0.35em 0 1.2em 0;
	width: 100%;
}

.pageMainTitle
{
	font-size: 1.4em;
	font-weight: bold;
}

.pageSubTitle
{
	font-size: 1.09em;
	font-weight: bold;
	color: #336699;
}

.currentDate
{
	position: relative;
	top: -0.08em;
	font-size: 0.91em;
	padding-right: 0.5em;
}

.currentTime
{
	position: relative;
	top: -0.08em;
	font-size: 0.91em;
	padding-left: 0.5em;
}



/* text styles */
.formLabel
{
	font-weight: bold;
}


/* empty space */
.separatedPanel
{
	margin-top: 0.5em;
}

.separatorPanel
{
	height: 0.5em;
}


/* link button */
.linkButton
{
	display: block;

	border: solid 1px #d8d8d8;
	background: #e4e4e4;
	color: #003366;

	text-align: center;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	white-space: nowrap;
	
	margin: 0.15em;
	padding: 0.4em;
}

.linkButton:hover
{
	border-color: #00a000;
	background: #00b000;
	color: #f4f4f4;
}

.button
{
	display: block;

	text-align: center;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	white-space: nowrap;
	
	margin: 0.15em;
	padding: 0.4em;
}


/* image button */
.imageButton
{
	padding: 0.1em 0.2em 0.1em 0.2em;
	background-color: Transparent;
	width: 1.63em;
	height: 1.4em;
}

.imageButton:hover
{
	outline: none;
	background-color: #80d080;
}


/* text box */
.textBox
{
	display: block;
	margin-bottom: 0.5em;
	font-size: 1em;
	height: 1.3em;
	width: 96%;
}


/* check box */
.checkBox LABEL
{
	position: relative;
	top: -0.1em;
	left: 0.33em;
}

.checkBox INPUT
{
    width: 1.5em;
    height: 1.5em;
}


/* drop down list */
.dropDownList
{
	width: 3.7em;
	font-size: 1em;
	height: 1.7em;
	margin-bottom: 0.4em;
}


/* outline */
.textBox:hover
.dropDownList:hover
.checkBox:hover *
{
	outline: #00b000 solid 2px;
}


/* validation */
.errorMessage
{
	color: #ff0000;
}

.validator
{
	display: block;
}


/* PAGES */
#Default .rpContent
{
	padding-top: 1.5em;
    width: 12em;
}

#Default .rpContent .mc
{
    padding: 0;
}

#Channels .channelNumber
{
    width: 2.2em;
}

#Channels .callLetters
{
    text-align: left;
}

/* hides dummy button */
#FindForm .dummyFocusButton
{
    visibility: hidden;
    position: absolute;
}


/* form styles */
#FindForm .textBox
{
	margin-bottom: 0.4em;
}

#FindForm .dropDownList
{
    display: block;
	width: 98%;
}

#FindForm .firstColumn,
#FindForm .secondColumn
{
    width: 50%;
}

#FindForm .buttonTable
{
    margin-top: 0.8em;
}

#FindForm .linkButton
{
	margin-top: 0.4em;
	width: 9em;
}

#Login .rpContent
{
    padding-top: 1.6em;
    max-width: 30em;
}

#Login .linkButton
{
	width: 8em;
}

#Login .redirectedMessage
{
	padding-bottom: 0.5em;
}


/* CONTROLS */
/* general */
.popup
{
	position: fixed;
	top: 0;
	height: 300%;
	width: 100%;
	background: url('../Images/PopupBackground.png');
}

.popupContent
{
	position: absolute;
	z-index: 10;
	left: 0;
	top: 8%;
	width: 100%;
	margin-top: 2em;
}

.popupContent .rpContent
{
    width: 84%;
}


/* conflict popup */
#ConflictPopupContent .mainPane
{
	margin-top: 3em;
}

#ConflictPopupContent .programsDescription
{
	font-weight: bold;
}

#ConflictPopupContent .programsList
{
    margin: 0 0 0.5em 0;
}

#ConflictPopupContent .conflictActions
{
	margin-top: 1em;
}

#ConflictPopupContent .linkButton
{
	width: 13em;
}


/* error popup */
#ErrorPopupContent .linkButton
{
	width: 9em;
	margin-top: 0.8em;
	margin-bottom: 0.25em;
}


/* series scheduled, popup */
#ErrorPopupContent,
.infoPopupContent
{
	top: 30%;
}

#ErrorPopupContent .mc,
.infoPopupContent .mc
{
    text-align: center;
}

/* disable default GridView style */
.details .dataList
{
    table-layout: auto;
}

.details .dataList *
{
	border-bottom: solid 0px #ff0000;
}

.details .dataListItem:hover
{
	cursor: default;
	color: inherit;
	background-color: Transparent;
}


/* recordings list */
.details .dataListItem
{
    font-size: 0.91em;
}

.details .dataListItem .startEndTime
{
    width: auto;
    white-space: nowrap;
    padding-right: 0.5em;
}

.details .dataListItem .recordingState
{
    overflow: hidden;
    text-overflow: ellipsis;
}

.details .dataListItem .icons
{
    width: 4.4em;
    text-align: right;
    white-space: nowrap;
}


/* advanced recording options */
.details .programAdvanced
{
	margin: 0.5em 0 1.3em 0;
	padding-right: 0.2em;
	border-bottom: solid 1px #dddddd;
}

.details .programAdvanced .dropDownList
{
    position: relative;
    top: 0.25em;
	width: 100%;
}

.details .programAdvanced .lagTimeLabel
{
    width: 1px;
    white-space: nowrap;
    max-width: 50%;
    padding-right: 0.5em;
}

.details .programAdvanced .keepUntil
{
    vertical-align: middle;
}

.details .programAdvanced .icons
{
    text-align: right;
    vertical-align: middle;
}


/* status bar */
.programStatePanel .status
{
    white-space: nowrap;
}

.programStatePanel .icons
{
    text-align: right;
}


/* program details pane */
.programDetailsPane .channel
{
    text-align: right;
}

.programDetailsPane .duration
{
    text-align: right;
}

.programDetailsPane .additionalInfo
{
    text-align: justify;
    padding-top: 0.5em;
}


/* series specific */
#SeriesDetails .programDetailsPane .startTime
{
    text-align: right;
}

#SeriesDetails .programStatePanel
{
    margin-top: 1em;
}

.leftArrowContainer,
.rightArrowContainer
{
	width: 1.5em;
	text-align: center;
}

.arrowsDescription
{
	text-align: center;

	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0.2em 0 0.2em 0;
	vertical-align: bottom;
}


/* scroll arrows */
.arrowLeft,
.arrowRight
{
	display: block;
	height: 1.2em;
	width: 0.8em;
	padding: 0 0.3em 0 0.3em;
}

.arrowLeft:hover,
.arrowRight:hover
{
    background: #80d080;
}

/* settings */
#ManualForm .innerTable
{
    margin-bottom: 1.0em;
}

#ManualForm .dropDownList
{
    display: block;
    width: 100%;
}

#ManualForm .time .dropDownList
{
    display: inline;
    width: 4em;
}

#ManualForm .firstColumn
{
    width: 99%;
}

#ManualForm .secondColumn
{
    width: 1px;
    text-align: right;
    vertical-align: bottom;
}

#ManualForm .programStatePanel
{
    margin-top: 0.5em;
}


/* details */
#ManualForm .programStart
{
    text-align: right;
}

/* header */
.programListHeader
{
	display: block;
	font-weight: bold;
	margin: 0 0 0.5em 0.5em;
}


/* table */
.dataList
{
	width: 100%;
	border: none;
}


/* table header style */
.dataListHeader TH
{
	padding: 0.2em 0.25em 0.2em 0.25em;
	border-left-style: hidden;
	border-right-style: hidden;
	border-collapse: collapse;
	white-space: nowrap;
}


/* data cell style */
.dataListItem TD
{
	padding: 0.35em 0.25em 0.35em 0.25em;
	border-left-style: hidden;
	border-right-style: hidden;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	border-collapse: collapse;
}

.dataListItem:hover
{
	cursor: pointer;
	background-color: #00b000;
	color: #f4f4f4;
}

.dataListItem TD.programDateTime,
.dataListItem TD.programCallLetters
{
	font-size: 0.82em;
}


/* column widths */
.dataListItem TD.programDateTime,
.dataListHeader TH.programDateTimeHeader
{
    width: 5.5em;
}

.dataListHeader TH.programCallLettersHeader
{
	width: 5em;
}

.dataListItem TD.state,
.dataListHeader TH.stateHeader
{
    width: 1.4em;
}

.dataListItem TD.state .programIcon
{
    height: 1.2em;
}


/* pager component */
.pager SPAN
{
	padding: 0.1em 0.3em 0.1em 0.3em;
	font-size: 1.25em;
	font-weight: bold;
}

.rpContent .pager TABLE
{
    width: auto;
}

.pager TD
{
	padding: 0;
	border-style: none;
}

.pager A
{
	padding: 0.1em 0.3em 0.1em 0.3em;
	font-weight: normal;
}


/* sorting arrow */
.sortingArrow
{
	padding-left: 0.27em;
	position: relative;
	top: -0.09em;
}


/* EPG program list only */
#programs .programCallLetters
{
	width: 0;
	padding-left: 0;
}

#SeriesParams .dropDownList
{
    display: block;
    width: 98%;
}

#SeriesParams .checkbox
{
    vertical-align: top;
    width: 99%;
}

#SeriesParams .icons,
.popupContent .icons
{
    vertical-align: middle;
    text-align: right;
    width: 1px;
}

.siteMap
{
	margin: 0 0 0.2em 0;
}

.siteMapLink
{
	padding: 0.1em 0.3em 0.1em 0.3em;
}



/* ROUNDED PANELS */
.rpContent
{
    width: 92%;
    max-width: 50em;
}

.rpContent TABLE
{
    table-layout: fixed;
    overflow: hidden;
    width: 100%;
}

.rpContent TABLE.innerTable
{
    table-layout: auto;
}

.tl[pid="rpContent"]
{
	height: 4px;
	width: 4px;
    background: url(../Images/rpContent/PaneTL.png);
	background-repeat: no-repeat;
}

.tr[pid="rpContent"]
{
	width: 4px;
    background: url(../Images/rpContent/PaneTR.png);
	background-repeat: no-repeat;
}

.bl[pid="rpContent"]
{
	height: 4px;
    background: url(../Images/rpContent/PaneBL.png);
	background-repeat: no-repeat;
}

.br[pid="rpContent"]
{
    background: url(../Images/rpContent/PaneBR.png);
	background-repeat: no-repeat;
}

.tc[pid="rpContent"]
{
    background: url(../Images/rpContent/PaneT.png);
	background-repeat: repeat-x;
}

.bc[pid="rpContent"]
{
    background: url(../Images/rpContent/PaneB.png);
	background-repeat: repeat-x;
}

.ml[pid="rpContent"]
{
    background: url(../Images/rpContent/PaneL.png);
	background-repeat: repeat-y;
}

.mr[pid="rpContent"]
{
    background: url(../Images/rpContent/PaneR.png);
	background-repeat: repeat-y;
}

.mc[pid="rpContent"]
{
	background: #f4f4f4;
	color: #003366;
	padding: 0.3em;
    text-align: left;
}

/* horizontal scroll */
.rpHorizontalScroll
{
    width: 92%;
    max-width: 50em;
}

.rpHorizontalScroll TABLE
{
    table-layout: fixed;
    width: 100%;
}

.tl[pid="rpHorizontalScroll"]
{
	height: 4px;
	width: 4px;
    background: url(../Images/rpContent/PaneTL.png);
	background-repeat: no-repeat;
}

.tr[pid="rpHorizontalScroll"]
{
	width: 4px;
    background: url(../Images/rpContent/PaneTR.png);
	background-repeat: no-repeat;
}

.bl[pid="rpHorizontalScroll"]
{
	height: 4px;
    background: url(../Images/rpContent/PaneBL.png);
	background-repeat: no-repeat;
}

.br[pid="rpHorizontalScroll"]
{
    background: url(../Images/rpContent/PaneBR.png);
	background-repeat: no-repeat;
}

.tc[pid="rpHorizontalScroll"]
{
    background: url(../Images/rpContent/PaneT.png);
	background-repeat: repeat-x;
}

.bc[pid="rpHorizontalScroll"]
{
    background: url(../Images/rpContent/PaneB.png);
	background-repeat: repeat-x;
}

.ml[pid="rpHorizontalScroll"]
{
    background: url(../Images/rpContent/PaneL.png);
	background-repeat: repeat-y;
}

.mr[pid="rpHorizontalScroll"]
{
    background: url(../Images/rpContent/PaneR.png);
	background-repeat: repeat-y;
}

.mc[pid="rpHorizontalScroll"]
{
	background: #f4f4f4;
	color: #003366;
}