html { height: 100%; margin-bottom: 1px; }
body { margin: 0px 0px 0px 0px; font-size: 12px; font-family: Trebuchet MS; color: #444444; }
td { font-size: 12px; font-family: Trebuchet MS; color: #444444; }

a:link { color: #1376B6; text-decoration: none; }
a:visited { color: #1376B6; text-decoration: none; }
a:hover { color: #1376B6; text-decoration: underline; }
a:active { color: #1376B6; text-decoration: none; }

.Splash { margin-left: auto; margin-right: auto; width: 900px; background-image: url(../Images/BackSplash.gif); background-repeat: no-repeat; background-position: bottom; border: solid 1px #E3E2E3; }
.SplashBox { background-image: url(../Images/SplashBoxBack.gif); background-repeat: no-repeat; background-position: bottom; padding: 0px 10px 0px 10px; border-left: solid 1px #E3E2E3; border-right: solid 1px #E3E2E3; text-align: left; }
.SplashTitle { font-weight: bold; font-size: 15px; }
.SplashInput { color: #0D7BA5; }

.FacebookTempHeader { margin-left: auto; margin-right: auto; width: 320px; }
.FacebookTempContent { margin-left: auto; margin-right: auto; width: 400px; height: 430px; background-image: url(../Images/FB_Temp.jpg); background-repeat: no-repeat; background-position: top; }

.Main { margin-left: auto; margin-right: auto; width: 1024px; text-align: left; background-image: url(../Images/BackContent.gif); background-repeat: no-repeat; background-position: bottom; }

.ColHeader { font-size: 11px; font-family: Arial; color: #0070BA; border-bottom: #0070BA 1px solid; }


/* CREATE RADIO */

#CreateRadio { position: relative; width: 690px; height: 405px; border: 1px solid #d4d2e1; padding: 20px 10px 0px 0px; }
#CreateRadioLogo { position: relative; float: left; width: 225px; height: 340px; text-align: center; }
#CreateRadioText { position: relative; width: inherit; height: 330px; color: #757675; font-size: 14px; }
#CreateRadioButton { position: absolute; left: 220px; padding-top: 20px; top: 350px; width: 465px; height: 47px; font-size: 14px; color: #fff; text-align: center; background-image: url(/Images/CreateRadioButton.gif); }
#CreateRadioButton a:link, #CreateRadioButton a:visited, #CreateRadioButton a:active { color: #fff; }
#CreateRadioConfig { position: absolute; top: 320px; left: 220px; width: 470px; height: auto; text-align: center; }
.CreateRadioHeader { font-size: 24px; }
.small { font-size: 10px; }

/* PROMOTE RADIO */
.HelpTip { width: 260px; height: 52px; padding-left: 10px; color: #fff; line-height: 50px; font-weight: bold; border: 0; background-image: url(/Images/helptip.png); background-repeat: no-repeat; }

/* Menu */

#MenuContainer { text-align: left; width: 965px; height: 47px; }
#ListenCreate { float: left; width: 347px; height: 47px; margin-right: 4px; }
#BoxSearch { height: 47px; width: 338px; float: left; background-image: url(/Images/BoxSearch.gif); }
#TextSearch { width: 230px; height: 14px; float: left; position: relative; top: 13px; left: 15px; }
.TextSearchClass { border: 0; width: 230px; height: 14px; font-size: 12px; color: Gray; font-style: italic; font-family: Trebuchet MS; }
#ButtonSearch { position: relative; width: 64px; height: 22px; float: left; top: 12px; left: 30px; }

#BoxLinks { width: 230px; height: 40px; float: right; text-align: right; }
#LinkEmail { width: 36px; height: 36px; float: right; padding: 3px; }
#LinkBlog { width: 36px; height: 36px; float: right; padding: 3px; }
#LinkTwitter { width: 36px; height: 36px; float: right; padding: 3px; }
#LinkFacebook { width: 36px; height: 36px; float: right; padding: 3px; }
#LinkRSS { width: 36px; height: 36px; float: right; padding: 3px 0px 3px 0px; }

.MenuTop { padding: 0px 10px 0px 10px; font-size: 12px; color: #1376B6; font-weight: bold; }
.MenuTop a:link, .MenuTop a:visited, .MenuTop a:hover, .MenuTop a:active { color: #1376B6; text-decoration: none; }
.MenuTop_S { padding: 0px 10px 0px 10px; font-size: 12px; color: White; background-color: #FE9721; font-weight: bold; }
.MenuTop_S a:link, .MenuTop_S a:visited, .MenuTop_S a:hover, .MenuTop_S a:active { color: White; text-decoration: none; }

.MenuBottom { padding: 0px 5px 0px 5px; font-size: 11px; color: #BABABA; background-image: url(/Images/MenuBottom.gif); }
.MenuBottom a:link, .MenuBottom a:visited, .MenuBottom a:hover, .MenuBottom a:active { color: #BABABA; text-decoration: none; }

.MenuSearch { width: 100%; text-align: right; padding: 2px 17px 0px 0px; background-image: url(../Images/MenuSearch.gif); }
.MenuSearch input { font-weight: bold; font-size: 13px; font-family: Trebuchet MS; color: #2F7C96; border-width: 0px; width: 180px; text-align: center; }

.MenuIdweaver { padding: 0px 5px 0px 5px; font-size: 11px; background-image: url(../Images/MenuBottom.gif); }

/* Mailbox */

.Message_New { font-size: 14px; font-weight: bold; }
a.Message_New:link, a.Message_New:visited, a.Message_New:hover, a.Message_New:active { font-weight: bold; color: #1376B6; text-decoration: none; }

/* Input */

.Input { font-size: 12px; font-family: Trebuchet MS; color: #444444; }
.InputLarge { width: 203px; height: 23px; background-image: url(../Images/TextBox.gif); padding: 5px 0px 5px 0px; text-align: center; margin-bottom: 5px; }
.InputLarge input { font-size: 13px; font-family: Trebuchet MS; color: #939598; border-width: 0px; width: 180px; }
.InputLabel { font-size: 12px; font-weight: bold; color: #444444; }
.InputSmall { font-size: 10px; font-family: Trebuchet MS; color: #444444; }

/* Zone */

.ZoneLeft { width: 695px; vertical-align: top; }
.ZoneRight { vertical-align: top; padding-left: 10px; }

/* Timetable */

.Clock { height: 55px; padding: 5px 5px 5px 5px; }
.Clock1 { background-color: #2f7c96; color: White; height: 55px; padding: 5px 5px 5px 5px; }
.Clock2 { background-color: #FE9721; color: White; height: 55px; padding: 5px 5px 5px 5px; }

/* Box */

.BoxClassic { background-color: White; border-left: solid 1px #D5D5D5; border-right: solid 1px #D5D5D5; border-bottom: solid 1px #D5D5D5; }
.BoxSpecial { background-color: White; border-left: solid 1px #D5D5D5; border-right: solid 1px #D5D5D5; border-bottom: solid 1px #D5D5D5; padding: 10px; margin-left: 6px; }
.BoxLight { padding: 5px 10px 5px 10px; }

.BoxTitle { font-size: 20px; color: #58595B; padding: 5px 0px 0px 5px; }
.BoxSubTitle { font-size: 15px; color: #58595B; font-weight: bold; }
.BoxSmallTitle { font-size: 17px; color: #58595B; padding: 5px 0px 5px 0px; }

.BoxRadios { height: 26px; padding: 10px 10px 0px 0px; text-align: right; }
.BoxQuizs { height: 26px; padding: 10px 10px 0px 0px; text-align: right; }
.BoxOnAir { height: 26px; padding: 10px 10px 0px 0px; text-align: right; }
.BoxFans { height: 31px; padding: 20px 10px 0px 0px; text-align: right; }
.BoxFriends { height: 31px; padding: 20px 10px 0px 0px; text-align: right; }
.BoxExtPlayer { text-align: center; padding: 5px 0px 5px 0px; background-image: url(../Images/BoxShadowBack.gif); background-position: bottom; background-repeat: repeat-x; }

/* Box Temporary */

.BoxTemporary { vertical-align: top; height: 170px; padding: 10px 10px 10px 10px; border: solid 1px #D6D5D6; background-color: White; background-image: url(../Images/BoxManageTopBack.gif); background-repeat: repeat-x; background-position: top; }

/* Box Listen */

.BoxListenRight { background-image: url(../Images/BackListenRight.gif); background-position: bottom; background-repeat: no-repeat; width: 636px; }

/* Box Create */

.BoxCreate { border: solid 1px #D6D5D6; background-color: White; }
.BoxCreateTop { height: 37px; background-image: url(../Images/BoxManageTopBack.gif); background-repeat: repeat-x; background-position: top; }

/* Box Share */

.BoxShare { border: solid 1px #D6D5D6; background-color: White; }
.BoxShareTop { height: 37px; background-image: url(../Images/BoxManageTopBack.gif); background-repeat: repeat-x; background-position: top; }

/* Box Shadow */

.BoxShadow { padding: 6px 6px 6px 6px; background-color: White; background-image: url(../Images/BoxShadowBack.gif); background-repeat: repeat-x; background-position: bottom; border: solid 1px #D6D5D6; border-right: solid 1px #D6D5D6; }
.BoxShadowTop { width: 100%; height: 8px; background-image: url(../Images/BoxShadowTop.gif); background-repeat: repeat-x; }
.BoxShadowBottom { width: 100%; height: 7px; background-image: url(../Images/BoxShadowBottom.gif); background-repeat: repeat-x; text-align: left; }
.BoxShadowLeft { width: 60px; vertical-align: top; text-align: center; padding-left: 5px; }
.BoxShadowRight { vertical-align: top; background-image: url(../Images/BoxShadowRight.gif); background-repeat: repeat-y; }
.BoxShadowCenter { vertical-align: top; padding-left: 5px; }

/* Box Manage */

.BoxManage { width: 100%; border: solid 1px #D6D5D6; background-color: White; }
.BoxManageTop { height: 36px; background-image: url(../Images/BoxManageTopBack.gif); background-repeat: repeat-x; background-position: top; }
.BoxManageSectionTop { vertical-align: top; height: 34px; padding: 10px 10px 10px 10px; background-image: url(../Images/BoxManageBack.gif); background-repeat: repeat-x; background-position: top; }
.BoxManageSectionTop2 { height: 34px; padding: 0px 10px 0px 10px; background-image: url(../Images/BoxManageBack.gif); background-repeat: repeat-x; background-position: top; }
.BoxManageSection { padding: 0px 10px 10px 10px; }

/* Box Page */

* html .BoxPage { height: 500px; border: solid 1px #D6D5D6; background-color: White; }
.BoxPage { min-height: 500px; border: solid 1px #D6D5D6; background-color: White; }

/* Box Profile */

.BoxProfileLeft { width: 75px; vertical-align: top; text-align: center; }
.BoxProfileLeftL { width: 115px; vertical-align: top; text-align: center; }
.BoxProfileRight { width: 100%; vertical-align: top; text-align: left; padding-left: 5px; }
.BoxProfileRightL { width: 150px; vertical-align: top; text-align: left; padding-left: 5px; }
.BoxProfileCenter { vertical-align: top; text-align: left; padding-left: 5px; }

/* Box Favorite */

.BoxFavoriteLeft { width: 60px; text-align: center; }
.BoxFavoriteRight { vertical-align: top; color: #58595B; }
.BoxFavoriteTitle { font-size: 14px; }

/* Box News */

.BoxNewsLeft { width: 60px; vertical-align: top; text-align: center; }
.BoxNewsRight { width: 100%; vertical-align: top; text-align: left; padding-left: 5px; }

/* Box TagCloud */

.BoxCloud { padding: 0px 10px 0px 10px; font-weight: bold; font-size: 10px; }
.BoxCloud a:link, .BoxCloud a:visited, .BoxCloud a:active, .BoxCloud a:hover { color: #848A8F; text-decoration: none; }
.BoxCloud_S { padding: 0px 10px 0px 10px; font-weight: bold; font-size: 10px; color: White; background-color: #FE9721; }
.BoxCloud_S a:link, .BoxCloud_S a:visited, .BoxCloud_S a:hover, .BoxCloud_S a:active { color: White; text-decoration: none; }

.Cloud a { font-weight: bold; padding-right: 2px; }
.Cloud a.Tag1 { font-size: 10px; color: #1376B6; }
.Cloud a.Tag2 { font-size: 12px; color: #1376B6; }
.Cloud a.Tag3 { font-size: 14px; color: #1376B6; }
.Cloud a.Tag4 { font-size: 16px; color: #1376B6; }
.Cloud a.Tag5 { font-size: 18px; color: #1376B6; }
.Cloud a.Tag6 { font-size: 20px; color: #1376B6; }
.Cloud a.Tag7 { font-size: 22px; color: #1376B6; }
.Cloud a.Tag8 { font-size: 24px; color: #1376B6; }
.Cloud a.Tag9 { font-size: 26px; color: #1376B6; }
.Cloud a.Tag10 { font-size: 28px; color: #1376B6; }

/* Box Cropper */

.BoxCropper { background-color: #F0F0F0; border: solid 1px #939BA4; }
.BoxCropperBack { background-color: White; filter: alpha(opacity=70); opacity: 0.7; }
.BoxCropperButton { white-space: nowrap; text-align: center; padding-bottom: 10px; }

/* Box Popup */

.BoxPopup { width: 353px; z-index: 1000000; }
.BoxPopupBack { background-color: White; filter: alpha(opacity=70); opacity: 0.7; }
.BoxPopupContent { background-color: #F0F0F0; border-left: solid 1px #939BA4; border-right: solid 1px #939BA4; border-bottom: solid 1px #939BA4; padding: 10px 10px 20px 10px; }
.BoxPopupTitle { height: 27px; background-image: url(../Images/BoxTitlePopup.gif); padding: 8px 0px 0px 10px; text-align: center; font-size: 15px; font-weight: bold; color: White; }
.BoxPopupImage { text-align: center; width: 80px; }
.BoxPopupMessage { text-align: left; }
.BoxPopupButton { text-align: center; padding-top: 20px; }
.BoxPopupLeft { width: 333px; }
.BoxPopupRight { width: 20px; vertical-align: bottom; background-image: url(../Images/PopupRight.gif); background-repeat: repeat-y; }
.BoxPopupBottom { height: 20px; background-image: url(../Images/PopupBottom.gif); }
.BoxPopupTop { position: absolute; top: 0px; right: 0px; }
.BoxPopupBanner { padding: 20px 20px 20px 20px; background-color: #E5E5E5; border: solid 2px #C0C0C0; }

/* Box Popup Survey answer & results */

.BoxPopupSurveyResult { width: 750px; }
.BoxPopupSurveyResultContent { width: 704px; background-color: #F0F0F0; border-left: solid 1px #939BA4; border-right: solid 1px #939BA4; border-bottom: solid 1px #939BA4; padding: 10px 15px 20px 10px; max-height: 315px; overflow-x: hidden; overflow-y: auto; }
.BoxPopupSurveyResultLeft { width: 730px; }
.BoxPopupSurveyResultTitle { position: relative; height: 27px; background-image: url(../Images/BoxTitlePopupSurvey.gif); padding: 8px 0px 0px 10px; text-align: center; font-size: 15px; font-weight: bold; color: White; }
.BoxPopupSurveyResultBottom { height: 20px; background-image: url(../Images/PopupSurveyBottom.gif); }
.BoxPopupSurveyResultsAnswer { width: 100%; margin: 0px 5px 0px 5px; }

.BoxPopupSurveyAnswer { width: 353px; }
.BoxPopupSurveyAnswerContent { width: 306px; background-color: #F0F0F0; border-left: solid 1px #939BA4; border-right: solid 1px #939BA4; border-bottom: solid 1px #939BA4; padding: 10px 15px 20px 10px; max-height: 315px; overflow-x: hidden; overflow-y: auto; }
.BoxPopupSurveyAnswerLeft { width: 333px; }
.BoxPopupSurveyAnswerTitle { position: relative; height: 27px; background-image: url(../Images/BoxTitlePopup.gif); padding: 8px 0px 0px 10px; text-align: center; font-size: 15px; font-weight: bold; color: White; }
.BoxPopupSurveyAnswerBottom { height: 20px; background-image: url(../Images/PopupBottom.gif); }

.BoxPopupCloseButton { position: absolute; top: 10px; right: 10px; cursor: pointer; }

/* AddressBook */

.BookHeader { width: 470px; margin-top: 10px; border-top: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; background-color: #EEEEEE; }
.BookContent { width: 470px; height: 260px; border: solid 1px #CCCCCC; overflow: auto; }
.BookFooter { margin-top: 10px; }

/* Common */

h1 { font-size: 17px; color: #58595B; margin: 0px 10px 5px 10px; padding-top: 5px; font-weight: normal; }
h1.Radio { font-size: 25px; color: #58595B; margin: 0px 0px 0px 0px; font-weight: normal; }
h1.Box { font-size: 17px; color: #58595B; margin: 0px 0px 0px 0px; font-weight: normal; }
.Button { color: #1376B6; width: 80px; font-weight: bold; font-size: 11px; }
.ButtonSmall { color: #1376B6; width: 60px; font-weight: bold; font-size: 11px; }
.Tags { font-size: 18px; color: #58595B; }
.Toolbar { display: inline; border-left: solid 1px #939598; padding-left: 4px; }
.Warning { padding: 5px 0px 5px 0px; }
.Error { padding: 5px; }
.RadioButton { color: #1376B6; text-decoration: none; }
h2.MusicStyle { margin: 0; padding: 0; display: inline; font-size: 11px; color: red; }

/* Search */

.SearchItemInfo { padding: 0px 10px 0px 0px; }
.SearchList { padding: 5px 10px 0px 0px; background-color: White; }
.DivSearchResultFor { height: 60px; }
.DivSearchPaging { height: 30px; text-align: center; }
.DivSearchPagingLeft { height: 30px; text-align: left; }
.divSearchTagSelected { font-size: 14px; color: #58595b; }
.divSearchTagAvailable { font-size: 14px; color: #1487d1; }

/* Radio And Content */

.BoxContentLeft { width: 695px; vertical-align: top; background-image: url(../Images/ContentBack.gif); background-position: bottom; background-repeat: repeat-x; }
.BoxContentRight { vertical-align: top; padding-left: 10px; }
.NewsTitle { font-size: 15px; color: #1376B6; }

.BoxLeft { width: 695px; vertical-align: top; }
.BoxLeftTop { border: solid 1px #D5D5D5; background-image: url(../Images/BoxManageTopBack.gif); background-repeat: repeat-x; background-position: top; }
.BoxLeftBottom { border: solid 1px #D5D5D5; background-color: White; }

.ContentCategoriesBox { border: solid 1px #D5D5D5; width: 300px; height: 200px; overflow-x: hidden; overflow-y: scroll; }

.BannerActive { border: solid 2px #32b6dd; }
.BannerInactive { border: solid 1px #b0b0b0; }

/* Editor */

.H1 { font-size: 20px; letter-spacing: 0px; font-style: normal; vertical-align: middle; margin-bottom: 4pt; }
.H2 { font-size: 16px; letter-spacing: 0px; font-style: normal; vertical-align: middle; margin-bottom: 3pt; }
.H3 { font-size: 11px; letter-spacing: 0px; font-style: normal; vertical-align: middle; margin-bottom: 2pt; }

/* Permalink */

.PermaLinkContent { margin-left: 5px; width: 250px; background-image: url(/Images/BoxPermaLinkBG.gif); background-repeat: repeat-x; vertical-align: middle; }
.PermaLinkInput { font-size: 11px; font-family: Trebuchet MS; color: #444444; width: 123px; border: solid 1px #808080; }
.PermaLinkTitle { color: #ebffd6; }

/* Music Style Homepage */
.ImageOnAir { border: 0px; padding: 0px 4px 4px 0px; text-align: center; height: 60px; width: 60px; }
.ToolTipHeader { background-image: url(/Images/speaker.png); background-repeat: no-repeat; background-color: #8c929c; border: 1px solid #A5CFE9; margin: 0px; padding: 3px 3px 3px 23px; width: 134px; font-weight: bold; font-size: 11px; color: #FFFFFF; font-weight: bold; }
.ToolTipBody { border-right: 1px; border-top: 0px; border-left: 1px; border-bottom: 1px; border-style: solid; border-color: #A5CFE9; width: 154px; font-size: 11px; padding: 3px; color: #1B4966; background-color: #FFFFFF; }
.RadioBack { background-color: #EEEEEE; padding: 5px 0px 8px 5px; margin: 0px 12px 5px 0px; }

/* Music Style Editor */
.ModalPopupBackground { background-color: #FFFFFF; filter: alpha(opacity=70); opacity: 0.7; }
.ModalPopupContent { height: 320px; background-color: #F0F0F0; border-left: solid 1px #939BA4; border-right: solid 1px #939BA4; border-bottom: solid 1px #939BA4; padding: 10px 10px 20px 10px; overflow: auto; }
.ModalPopupTitle { height: 27px; width: 253px; background-image: url(/Images/BoxTitlePopup.gif); padding: 5px 0px 5px 10px; text-align: left; font-size: 15px; font-weight: bold; color: #FFFFFF; }
.ModalPopupClose { height: 27px; width: 60px; background-image: url(/Images/BoxTitlePopupRight.gif); padding: 5px 0px 5px 10px; text-align: center; font-size: 15px; font-weight: bold; color: #FFFFFF; }
.MusicInput { font-size: 12px; font-family: Trebuchet MS; color: #444444; border: 1px solid #1376B6; }
.MusicButton { border: 1px solid #000000; width: 80px; font-weight: bold; font-size: 11px; color: #FFFFFF; background-color: #888888; }
#MusicDelete { display: block; width: 16px; height: 16px; background-image: url(/Images/delete_cross.gif); float: left; text-decoration: none; cursor: pointer; }
#MusicDelete:hover { background-position: -16px; cursor: pointer; }

#Sabam { position: absolute; bottom: 10px; right: 0px; width: 107px; height: 30px; }