﻿@import url(TopMenu.css);
@import url(Home.css);
@import url(WhiteFullPage.css);
@import url(BlackFullPage.css);
@import url(TimeZonePopup.css);
@import url(Search.css);
@import url(SeriesCycle.css);
@import url(ScheduleSports.css);
@import url(AfnRadio.css);
@import url(DtsRadio.css);
@import url(Shortwave.css);
@import url(RadioStation.css);
@import url(Faq.css);
@import url(Feedback.css);
@import url(FeedbackResponse.css);
@import url(FocusGroups.css);
@import url(MyScheduleManager.css);
@import url(Links.css);
@import url(Services.css);
@import url(Disclaimer.css);
@import url(Preferences.css);
@import url(Jobs.css);
@import url(Mobile.css);
@import url(Insider.css);
@import url(FamilyChannel.css);
@import url(Email.css);
@import url(PopupPage.css);
@import url(PhotoSubmission.css);
@import url(RadioArtistSpecials.css);
@import url(Radio.css);

HTML *
{
	outline: none;
}

/*** Transparent background layer ***/
#fade
{
	display: none;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .80;
	z-index: 9999;
}

*html #fade
{
	position: absolute;
}

DIV.content .spinner
{
	position: absolute;
	top: 25%;
	left: 50%;
	width: 32px;
	height: 32px;
	z-index: 100;
	background: url('http://myafn.dodmedia.osd.mil/media/widgets/loading_medium_black.gif') no-repeat;
	margin-left: -16px;
}

/*** Please Wait ***/
#pleaseWait
{
	display: none;
	background: #fff;
	padding: 20px;
	border: 2px solid #ddd;
	float: left;
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 271px;
	margin-left: -150px;
	font-size: 11px;
	height: 60px;
}

#pleaseWait h2
{
	position: relative;
	margin-top: -10px;
	width: 100%;
	text-align: center;
}

#pleaseWait .spinner
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	z-index: 100;
	background: url('http://myafn.dodmedia.osd.mil/media/widgets/loading_medium.gif') no-repeat;
	margin-left: -16px;
}

/* Breaks Datepicker */
.ui-helper-hidden-accessible
{
	position: absolute !important;
	clip: auto !important;
}

BODY
{
	margin: 0;
	background-color: #121428;
	font-family: Arial, Helvetica, Sans-Serif;
}

TEXTAREA
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

INPUT[type=checkbox]
{
	padding-left: 0;
	margin-left: 0;
	width: 15px;
}

.a
{
	text-decoration: underline;
	cursor: pointer;
}

.b
{
	font-weight: bold;
}

.i
{
	font-style: italic;
}

INPUT.glow, TEXTAREA.glow, DIV.glow
{
	border: 2px solid #6666ff;
	-webkit-box-shadow: 0 0 5px #6666ff;
	-moz-box-shadow: 0 0 5px #6666ff;
	box-shadow: 0 0 5px #6666ff;
}

.loading
{
	position: absolute;
	top: 207px;
	left: 204px;
	width: 209px;
	height: 208px;
	z-index: 100;
	background: url('http://myafn.dodmedia.osd.mil/media/widgets/loading_big.gif') no-repeat;
}

.designedFor
{
	text-align: center;
	font-size: 11px;
	color: #ececed;
	padding: 2px 0;
}

.mySchedulePlus
{
	width: 10px;
	height: 10px;
	background: url('http://myafn.dodmedia.osd.mil/media/widgets/sc/scheduleplus.gif') no-repeat;
}

.mySchedulePlus.n
{
	background-position: 0px 0px;
	cursor: pointer;
}

.mySchedulePlus.s
{
	background-position: 0px -10px;
	cursor: auto;
}

#footerRow
{
	width: 630px;
	background-image: url(/images/light_blueline.jpg);
}

#divPromoB
{
	font-size: 8pt;
	height: 287px;
	vertical-align: top;
	text-align: center;
}

#divPromoB .ui-widget-content
{
	border: 0;
	background: none;
	margin-left: 1px;
}

#divPromoB ul.ui-widget-header
{
	background: none;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	width: 293px;
	margin-left: 1px;
}

#divPromoB ul.ui-corner-all, #divPromoB .ui-corner-bottom
{
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#divPromoB .ui-widget-header .ui-state-default
{
	background: #B4B4B4;
}

#divPromoB .ui-widget-header .ui-state-active
{
	background: #FFF;
}

#divPromoB .ui-widget-header, #divPromoB .ui-widget-header .ui-state-default, #divPromoB .ui-widget-header .ui-state-active, #divPromoB .ui-widget-header .ui-state-hover
{
	border: 0;
}

#divPromoB .ui-widget-header .ui-state-default
{
	border-bottom: 1px solid #FFF !important;
}

#divPromoB .ui-tabs, #divPromoB .ui-tabs .ui-tabs-nav
{
	padding: 0;
}

#divPromoB .ui-tabs .ui-tabs-nav li
{
	margin: 0 1px 0 0;
	min-width: 32px;
	text-align: center;
	padding: 4px;
}

#divPromoB .ui-tabs .ui-tabs-nav li a
{
	padding: 0;
	font-weight: bold;
	float: none;
}

#divPromoB .ui-tabs .ui-tabs-panel
{
	padding: 4px 4px 0 4px;
	width: 285px;
	height: 115px;
	overflow: hidden;
	background: #FFF;
}

#divPromoB .ui-tabs .ui-tabs-panel .info
{
	width: 285px;
	float: left;
	padding-bottom: 3px;
	font-size: 11px;
}

#divPromoB img
{
}

#DMAContainer
{
	position: relative;
	width: 215px;
	height: 38px;
	z-index: 7;
	left: 493px;
	top: -7px;
	overflow: hidden;
	cursor: pointer;
}

#DMAContainer td
{
	font-size: 8pt;
}

#DMAContainer img
{
	margin-left: 5px;
}

#AFNConnectContainer
{
	position: relative;
	width: 171px;
	height: 41px;
	z-index: 7;
	left: 31px;
	top: -3px;
	overflow: hidden;
	cursor: pointer;
}

#WeatherContainer
{
	position: relative;
	width: 175px;
	height: 50px;
	z-index: 8;
	left: 33px;
	top: 0px;
	overflow: hidden;
}

#BottomLinksContainer
{
	text-align: center;
	width: 630px;
	padding-top: 16px;
}

#BottomLinksContainer .lowertext, #BottomLinksContainer .bottomlinks
{
	color: #202232;
	font-size: 10px;
}

#BottomLinksContainer .bottomlinks
{
	text-decoration: none;
}

#SocialMediaContainer
{
	text-align: center;
	width: 630px;
	padding-bottom: 12px;
}

#TopLinksContainer
{
	position: relative;
	width: 630px;
	height: 72px;
}

#TopLinksContainer.TopNavBarClosed
{
	background: url(/images/header/TopNavBarClosed.png) no-repeat;
}

#TopLinksContainer.TopNavBarClosedWide
{
	background: url(/images/header/TopNavBarClosedWide.png) no-repeat;
}

#TopLinksContainer.TopNavBarOpen
{
	background: url(/images/header/TopNavBarOpen.png) no-repeat;
}

#TopLinksContainer .homeButton
{
	cursor: pointer;
	position: absolute;
	float: left;
	width: 135px;
	height: 43px;
	margin-top: 12px;
	margin-left: 18px;
}

#TopLinksContainer .sf-menu
{
	float: left;
	margin-top: 14px;
	margin-left: 160px;
	font-size: 9pt;
	font-family: Arial, Helvetica, Tahoma, Verdana;
	font-weight: bold;
}

#TopLinksContainer .sf-menu li:hover ul, #TopLinksContainer .sf-menu li.sfHover ul
{
	top: 22px;
}

#TopLinksContainer .sf-menu a
{
	border: 0;
	padding: 5px;
}

#TopLinksContainer .sf-menu li li
{
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#TopLinksContainer .sf-menu li li:first-child
{
	border-top: 1px solid black;
}

#TopLinksContainer .sf-menu li li:last-child
{
	border-bottom: 1px solid black;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#TopLinksContainer .sf-menu a, #TopLinksContainer .sf-menu a:visited
{
	color: #fff;
}

#TopLinksContainer .sf-menu li
{
	background: transparent;
}

#TopLinksContainer .sf-menu li li
{
	background: #5B5B5B;
}

#TopLinksContainer .sf-menu li:hover, #TopLinksContainer .sf-menu li.sfHover, #TopLinksContainer .sf-menu a:focus, #TopLinksContainer .sf-menu a:hover, #TopLinksContainer .sf-menu a:active
{
	background: #333;
	outline: 0;
	color: #979797;
}

#BulletinContainer
{
	position: relative;
	width: 192px;
	height: 228px;
	z-index: 6;
	left: 21px;
	top: 30px;
	overflow: auto;
	margin-bottom: 38px;
}

#BulletinContainer div
{
	color: #fff;
	font-size: 10px;
	margin-bottom: 5px;
}

.ui-dialog
{
	position: absolute;
	padding: .2em;
	width: 480px;
	overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar
{
	padding: 3px 4px;
	position: relative;
}
.ui-dialog .ui-dialog-title
{
	float: left;
	margin: .1em 16px .1em 0;
	font-size: 8pt;
}
.ui-dialog .ui-dialog-titlebar-close
{
	position: absolute;
	right: .3em;
	top: 50%;
	width: 19px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span
{
	display: block;
	margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus
{
	padding: 0;
}
.ui-dialog .ui-dialog-content
{
	position: relative;
	border: 0;
	padding: .5em .5em;
	background: none;
	overflow: auto;
	zoom: 1;
	font-size: 10pt;
}
.ui-dialog .ui-dialog-buttonpane
{
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin: .5em 0 0 0;
	padding: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button
{
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text
{
	padding: 2px 4px;
	font-size: 8pt;
}
.ui-dialog .ui-resizable-se
{
	width: 14px;
	height: 14px;
	right: 3px;
	bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar
{
	cursor: move;
}

BUTTON.isImg
{
	height: 18px;
	border: 0;
	cursor: pointer;
	padding-top: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
}

BUTTON.goButton
{
	width: 37px;
	background-image: url(/images/gobtn.gif);
}

BUTTON.goButton:hover
{
	background-image: url(/images/gobtnalert.gif);
}

BUTTON.printButton
{
	width: 25px;
	background-image: url(/images/goprint.png);
	margin-right: 1px;
}

BUTTON.printButton:hover
{
	background-image: url(/images/goprintalert.png);
}

BUTTON.advancedButton
{
	width: 88px;
	background-image: url(/images/goadvanced.png);
	margin-right: 1px;
}

BUTTON.advancedButton:hover
{
	background-image: url(/images/goadvancedalert.png);
}

INPUT.btn
{
	width: auto;
	background-color: #3a3c4d;
	color: #acb2bc;
	border: 1px solid #acb2bc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 4px;
}

.ui-autocomplete
{
	max-height: 300px;
	overflow-y: auto; /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

.ui-autocomplete .ui-menu-item
{
	font-size: 11px;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete
{
	height: 300px;
}

.ui-datepicker
{
	font-size: 11px;
}

SPAN.req
{
	color: #ff0000;
	font-weight: bold;
	font-size: 12pt;
}

.rating
{
	width: 10px;
	height: 10px;
	background: url('http://myafn.dodmedia.osd.mil/media/shared/ratings/ratings_small.gif') no-repeat;
}

.rating.tvy
{
	background-position: 0px 0px;
}

.rating.tvy7
{
	background-position: 0px -10px;
}

.rating.tvg
{
	background-position: 0px -20px;
}

.rating.tvpg
{
	background-position: 0px -30px;
}

.rating.tv14
{
	background-position: 0px -40px;
}

.rating.tvm, .rating.tvma
{
	background-position: 0px -50px;
}

.fht-table, .fht-table thead, .fht-table tfoot, .fht-table tbody, .fht-table tr, .fht-table th, .fht-table td
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.fht-table
{
	border-collapse: collapse;
	border-spacing: 0;
}

div.fht-table-wrapper
{
	overflow: hidden;
}

div.fht-tbody
{
	overflow-y: auto;
	overflow-x: hidden;
}

.fht-table .fht-cell
{
	overflow: hidden;
	height: 1px;
}

.tablesorter
{
	width: 100%;
	text-align: left;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-right: 1px solid #808080;
}

.tablesorter thead tr th, .tablesorter tfoot tr th,
.tablesorter tr th
{
	background-color: #c0c0c0;
	border: 1px solid #808080;
	padding: 2px;
	min-width: 60px;
	font-weight: bold;
}

.tablesorter thead tr .header
{
	background-image: url(http://myafn.dodmedia.osd.mil/cdn/images/icons/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

.tablesorter tbody td
{
	color: #000;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #808080;
	vertical-align: top;
}

.tablesorter tbody tr.odd td
{
	background-color: #f0f0f6;
}

.tablesorter thead tr .headerSortUp
{
	background-image: url(http://myafn.dodmedia.osd.mil/cdn/images/icons/asc.gif);
}

.tablesorter thead tr .headerSortDown
{
	background-image: url(http://myafn.dodmedia.osd.mil/cdn/images/icons/desc.gif);
}

.tablesorter thead tr .headerSortDown, .tablesorter thead tr .headerSortUp
{
	background-color: #8dbdd8;
}

.channelLogo
{
	background-image: url(http://myafn.dodmedia.osd.mil/media/tvservices/AFN_Channels_Big.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 24px;
	float: left;
}

.sports
{
	background-position: 0px -120px;
}

.primeAtlantic
{
	background-position: 0px 0px;
}

.spectrum
{
	background-position: 0px -144px;
}

.primePacific
{
	background-position: 0px -24px;
}

.prime
{
	background-position: 0px -48px;
}

.news
{
	background-position: 0px -96px;
}

.xtra
{
	background-position: 0px -219px;
}

.pentagon
{
	background-position: 0px -246px;
}

.family
{
	background-position: 0px -197px;
}

.movie
{
	background-position: 0px -168px;
}

.primeFreedom
{
	background-position: 0px -72px;
}

A.linkPopup, A.linkExternal, A.linkXls, A.linkDoc, A.linkPdf
{
	padding-right: 18px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center right;
}

A.linkPopup
{
	background-image: url('http://myafn.dodmedia.osd.mil/media/shared/icon_popup.gif');
}

A.linkExternal
{
	background-image: url('http://myafn.dodmedia.osd.mil/media/shared/icon_external.gif');
}

A.linkXls
{
	background-image: url('http://myafn.dodmedia.osd.mil/media/shared/icon_xls.gif');
}

A.linkDoc
{
	background-image: url('http://myafn.dodmedia.osd.mil/media/shared/icon_doc.gif');
}

A.linkPdf
{
	background-image: url('http://myafn.dodmedia.osd.mil/media/shared/icon_pdf.gif');
}
