/*
    Document   : Main style sheet for City Stars Basketball website
    Created on : 11-Jun-2009, 2:16:20 PM
    Author     : Ryne Flood
    Description:
*/

body { margin: 0; background: url('/csm/images/content.repeatybg.png') center repeat-y #333333; font-family: Helvetica, Arial, Verdana; font-size: 13px; color: #000000; }
img { border: 0px; }
h1 { color: #e92b2d; font-weight: bold; font-size: 22px; margin: 0px; padding-left: 6px; }

p span.title { color: #ae2a22; font-weight: bold; display: block; }

.highlighted { color: #ae2a22; }

a:link, a:active, a:visited { color: #9c0d0f; text-decoration: none; }
a:hover { text-decoration: underline; }

#container { width: 1149px; height: auto; margin: auto; }
#header-container { width: 861px; height: 180px; background: transparent; margin: auto; }
#header-background { width: 100%; height: 303px; background: url('/csm/images/header.background.png') repeat-x transparent; }

#header-citystarslogo { position: relative; left: 0px; top: 60px; width: 235px; height: 104px; background: url('/csm/images/header.logo.png'); }
#bannerbox-container { position: relative; width: 861px; height: 153px; margin: auto; padding: 0px; }
#bannerbox { position: absolute; top: -125px; width: 861px; height: 278px; z-index: 1; background: #ffffff; }
#ticker { height: 25px; background: #ffffff; width: 861px; margin: auto; text-align: center; }
#ticker #news { margin-top: 0px; height: 25px; }

#left-menu { }
#left-menu .menu-title { padding-top: 0px; margin-bottom: 0px; }
#left-menu ul { padding: 0; margin: 0; list-style-type: none; }
#left-menu a { color: black; }
#left-menu a.highlighted { color: #ae2a22; }
#left-menu a.highlighted:hover { text-decoration: none; }
#left-menu a.highlighted:before { color: #ae2a22; content: "\00bb\00a0"; }

#content-background { width: 100%; position: relative; height: auto; min-height: 445px;  background: url('/csm/images/content.background.png') no-repeat; }
#content-container { position: relative; background: transparent url('/csm/images/content.innerbackground.png') ; width: 861px; height: auto; min-height: 445px; margin: auto; z-index: 10; }
#content { padding: 20px; }

#page-title { margin-bottom: 20px; }

.white-background { background: #e3e3e1; vertical-align: top; margin: 0; padding: 0; border-spacing: 0; }

#footer-background { width: 100%; position: relative; height: 129px; background: url('/csm/images/footer.background.png'); }
#footer-container { width: 861px; margin: auto; padding-top: 15px; }
#footer-container #socialnetworks { color: white; font-size: 13px; float: right; }
#footer-container #socialnetworks .text { vertical-align: top; display: inline; float: left; }
#footer-container #socialnetworks .icon { display: inline-block; width: 28px; height: 28px; zoom:1; *display: inline; }
#footer-container #copyright { color: white; font-size: 12px; float: left; }

#navigation { float: right; background: transparent; height: 40px; width: 522px; position: relative; top: 38px; z-index: 50; }
#navigation li { padding: 0; margin: 0; display: inline-block; zoom:1; *display: inline; }
#navigation li:hover { cursor: pointer; }
#navigation #home { background: url('/csm/images/nav/home.off.png'); width: 63px; height: 38px; }
#navigation #home:hover { background: url('/csm/images/nav/home.on.png'); width: 63px; height: 38px; }
#navigation #aboutus { background: url('/csm/images/nav/aboutus.off.png'); width: 95px; height: 38px; }
#navigation #aboutus:hover { background: url('/csm/images/nav/aboutus.on.png'); width: 95px; height: 38px; }
#navigation #careers { background: url('/csm/images/nav/careers.off.png'); width: 82px; height: 38px; }
#navigation #careers:hover { background: url('/csm/images/nav/careers.on.png'); width: 82px; height: 38px; }
#navigation #news { background: url('/csm/images/nav/news.off.png'); width: 64px; height: 38px; }
#navigation #news:hover { background: url('/csm/images/nav/news.on.png'); width: 64px; height: 38px; }
#navigation #register { background: url('/csm/images/nav/register.off.png'); width: 85px; height: 38px; }
#navigation #register:hover { background: url('/csm/images/nav/register.on.png'); width: 85px; height: 38px; }
#navigation #media { background: url('/csm/images/nav/media.off.png'); width: 74px; height: 38px; }
#navigation #media:hover { background: url('/csm/images/nav/media.on.png'); width: 74px; height: 38px; }
#navigation #store { background: url('/csm/images/nav/store.off.png'); width: 65px; height: 38px; }
#navigation #store:hover { background: url('/csm/images/nav/store.on.png'); width: 65px; height: 38px; }
#navigation #contact { background: url('/csm/images/nav/contact.off.png'); width: 95px; height: 38px; }
#navigation #contact:hover { background: url('/csm/images/nav/contact.on.png'); width: 95px; height: 38px; }
#navigation #promotions { background: url('/csm/images/nav/promotions.off.png'); width: 102px; height: 38px; }
#navigation #promotions:hover { background: url('/csm/images/nav/promotions.on.png'); width: 102px; height: 38px; }

#preload-images { display: none; position: absolute; top: -1000px; }

#messages-container { float: right; width: 400px; text-align: center; position: absolute; left: 450px; top: 30px; }
#messages-inner-container { float: right; width: 335px; text-align: center; }
.info { border: 1px solid #96d95c; background: #e3ffca; }
.error { border: 1px solid #ee9955; background: #ffddc6; }
#status-container { float: right; width: 60px; text-align: center; z-index: 1000; }

.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

img.sidepic { float: right; padding: 20px 0px 10px 20px; }
img.sidepic-left { float: left; padding: 20px 20px 10px 0px; }

#partner-logos .icon { display: inline-block; margin: 10px; zoom:1; *display: inline; }

.mainpage-iconlink { display: inline-block; margin-right: 0px; margin-left: 0px; padding: 0px; zoom:1; *display: inline; vertical-align: top; }
.mainpage-iconlink .image { padding: 0px; margin: 0px; }
hr.title-underline { margin: 0px; padding: 0px; width: 30%; height: 0px; border-bottom: 1px solid #dedede; position: relative; top: -6px; }
.photo { margin: 5px; background:transparent; padding:0px; border: 3px solid #666; }
.photo:hover { border:3px solid #666; }

.quotes { background: url(/csm/images/quotes.open.png) top left no-repeat transparent; float: left; width: 375px; margin-bottom: 30px; }
.quotes div { background: url(/csm/images/quotes.close.png) bottom right no-repeat; padding: 0px 30px 0px 30px; }
.quotes p { color: #ae2a22; padding-left: 30px; }

.button-container { width: 191px; margin: 0 auto 20px auto; }
a.button { font-size: 12px; background:url(/csm/images/button.gif); display:inline-block; color:#555555; font-weight:bold; height:30px; line-height:29px; margin-bottom:14px; text-decoration:none; width:191px; }
a:hover.button { color:#0066CC; }

.add { padding-top: 1px; font-size: 14px; background:url(/csm/images/admin/add.gif) no-repeat 10px 8px; text-indent:30px; display:block; width: 191px; }

.datatable { border-spacing: 0px; border: 1px solid #999999; }
.datatable th { background: url('/csm/images/table.bg.gradient.png'); color: white; padding: 2px; }
.datatable td { padding: 2px 0px 2px 5px; }
.datatable tr:hover { background: #cbbcba; }

.text-input-label { padding-top: 3px; padding-left: 3px; font-size: 11px; display: block;}
.inputGroupLabel { font-weight: bold; font-size: 13px; }
.inputGroup { clear: both; padding-top: 10px; }
.inputComponent { float: left; width: 175px; display: block; }
.oneWidth { width: 175px; }
.twoWidth { width: 350px; }
.input-error { font-weight: bold; color: red; font-size: 11px; padding: 5px; }

.search-box { background: url('/csm/images/search.small.png') transparent no-repeat right top; border: 1px solid #f28f89; }

.saveButton-container { float: right; width: 100px; text-align: center; display: block; clear: both; margin: auto; padding-top: 50px; }
.bottomSpacing { padding-bottom: 30px; }

.rich-message { margin: 0; padding: 0; }
.rich-message-label { color: red; font-style: italic; font-size: 11px; }
.rich-mpnl-header { text-align: center; border-color: #a4554d; background: url('/csm/images/table.bg.gradient.png'); font-size: 14px; }
.rich-stglpanel-header { text-align: center; border-color: #a4554d; background: url('/csm/images/table.bg.gradient.png'); font-size: 14px; }
.rich-mpnl-content { border: 1px solid #a4554d;}

.rich-inplace { border: 0px; font-size: 13px; }
.rich-inplace-input { font-size: 12px; background: white; }
.rich-inplace-input-edit { background: white; }
.rich-inplace-select { border: 0; font-size: 12px; }
.rich-inplace-select-edit { font-size: 12px; }

.pages ul { list-style-type: none; }
.pages li { display: inline-block; border: 1px solid #999999; padding: 3px; min-width: 20px; text-align: center; margin: 2px; zoom:1; *display: inline; }
.pages a { min-width: 20px; }
.pages .current { background: #000000; }

.big { font-size: 15px; }
.strong { font-weight: bold; }

.calendar-container { margin: 0px auto 30px auto; padding-top: 30px;  }
.calendar { border: #dbdbdb 0px solid; padding: 0px; margin: auto; border-spacing: 1px; border-collapse: separate; background: #c7edff; }
.header { text-align: center; width: 330px; margin: auto; font-size: 20px; font-weight: bold; }
.calendar th { background: #ab1e15; width: 123px; padding: 0px; color: #ffffff; }
.calendar td { background: #ffffff; color: #000000; }
.calendar .day { height: 123px; position: relative; font-size: 10px; vertical-align: top; background: white; padding: 0px; }
.calendar .day-number { font-size: 11px; text-align: right; position: relative; padding-right: 10px; }
.calendar .active { background: #E8EEF7; }
.calendar .faded { background: #f5f7f9; color: #d8dde5; }
.calendar .day:hover { background: #e5f7ff; cursor: pointer; }
.calendar .event { margin-bottom: 2px; color: #ffffff; padding: 2px; }
.calendar .game { background: #8ec660; }
.calendar .practice { background: #d8030d; }
.calendar .other { background: #54cdd5; }
.calendar-container .previous-link { font-size: 12px; float: left; position: relative; top: 0px; margin-left: 10px; }
.calendar-container .next-link { font-size: 12px; float: right; position: relative; top: 0px; margin-right: 10px; }

.controls-panel { margin-top: 40px; float: right; }
.description-panel { margin-top: 5px; }

.calendar .toolTip { border: #c7edff 1px solid; border-spacing: 6px; border-collapse: separate; background: #ffffff; height: 100px; width: 200px; }

.rich-panel { background: #000000; border: 0px; }
.rich-panel-body { background: #000000; border: 0px; padding: 0px; }
.dr-pnl { background: #000000; border: 0px; }
.dr-pnl-b { background: #ffffff; border: 0px; background: #54cdd5; color: #000000; }

.calendar .toolTip { border: #c7edff 1px solid; border-spacing: 6px; border-collapse: separate; background: #ffffff; height: 100px; width: 200px; }

.toolTipBody { color: #000000; }
.tooltip-namecontainer { font-size: 13px; font-weight: bold; margin-bottom: 5px; }