﻿/*  shared items  */
.item{background: url(../img/ui/dot_blue.png) repeat-x bottom; padding: 0 10px 10px 10px; overflow: auto; clear: both; margin-bottom: 10px;}
.item img{float:left; margin-right: 20px;}
.item p{line-height: 120%;}
.item a{display: block;}
.item a.sub{color:#fff;}

.date{color:#999;}

#Main H2{font-size: 120%; color:#00acfe;}
#HometitleBar {background-color: #00004d; float: left; width: 620px; height: 70px; } 
#HometitleBar h4{background: url(../img/ui/title-red.gif) left no-repeat; color: #fff; text-transform: uppercase; padding: 12px 10px 20px 10px;  float: left; font-size: 150%;position:relative}


/* Home news carousel   */
#news-carousel {background-color: #00004d; float: left; width: 620px; } 
#news-carousel .img-panel {float: left; width:370px; background: url(../img/ui/dots.png) top right; position: relative; }
#news-carousel .img-panel img {float: left; width:360px;}
#news-carousel h4{background: url(../img/ui/title-red.gif) left no-repeat; color: #fff; text-transform: uppercase; padding: 12px 10px 20px 10px;  float: left; font-size: 150%;position:relative}
#news-carousel .carousel-tabs{position: absolute; bottom:0; left:0; }
#news-carousel .carousel-tabs a{background-color: #000; padding: 7px 10px; margin-right: 2px; float: left; text-decoration: none; color: #ffffff}
#news-carousel .carousel-tabs a:hover{background-color: #e51b24; color: #ffffff}
#news-carousel .carousel-tabs a.active{background-color: #e51b24;}

#news-carousel .news-panel {float: right; width:210px; color: #fff; padding:20px 20px 0 0;  }
#news-carousel .news-panel  H2 a{color:#00acfe; font-size: 110%; margin-top: 10px; line-height: 120%;}
#news-carousel .news-panel  H2 {padding-top: 6px; }
#news-carousel .news-panel  a{color:#fff; font-weight: bold; } 
#news-carousel .news-panel  p{overflow: auto; display: block;} 
#news-carousel .news-panel .date{color:#999;}
#news-carousel .news-panel .sportpanel{clear: both; margin-top: 10px; background: url(../img/ui/dot.png) repeat-x; padding-top: 15px;}
#news-carousel .news-panel .sportpanel img{float:left; width: 45px; height: 45px; margin-right: 20px;}
#news-carousel .news-panel .sportpanel p{padding: 6px 18px;}

.H4ColHome { margin-left: -10px; margin-top: 10px; float: left; position: absolute; z-index: 20}

#Main-home .item{background: url(../img/ui/dot.png) repeat-x bottom;}

/*  homepage mid panel  */
#mid-panel {background-color: #00004d; width: 100%; margin: 10px 0; padding: 10px 0; float:left;}
/*#mid-panel {background: transparent url(../img/ui/transparent_bg60.png) repeat; width: 100%; margin: 10px 0; padding: 10px 0; float:left;}
*/
#mid-panel h4{background: url(../img/ui/title_whiteblue.gif) left no-repeat; color: #d5151c; text-transform: uppercase; padding: 12px 10px 21px 10px;  float: left; font-size: 150%; position: relative; margin-left: 0px;}
#mid-panel h4 span{color: #00004d; text-transform: none;}
#mid-panel .imagescroll-panel{width:620px; float: left; margin-bottom: 10px;}

#mid-panel .item p{color:#00acfe; margin-bottom:0; line-height: 120%; font-weight: bold;}
#mid-panel .item p a{color:#fff; display: block; margin-top:7px;}

#mid-panel .events-panel{width:300px; float: left; }
#mid-panel .events-panel .item p{color:#00acfe;margin-left:150px; margin-bottom:0; line-height: 120%;}
#mid-panel .events-panel p.readblogs {float:left; margin-top:10px;  margin-left: 10px;}
#mid-panel .events-panel  .item p a{color:#00acfe;}

#mid-panel .blogroll-panel{width:300px; float: right; }
#mid-panel .blogroll-panel .item{padding-bottom: 15px; margin-bottom: 15px;}
#mid-panel .blogroll-panel .item img{float:left; width: 45px; height: 45px; margin-right: 20px;}
#mid-panel .blogroll-panel .item p{color:#00acfe;margin-left:65px; margin-bottom:0; line-height: 120%;}
#mid-panel .blogroll-panel .item p a{color:#00acfe;  margin-top:0;}
#mid-panel .blogroll-panel .item p a.sub{color:#fff;  margin-top:7px;}
#mid-panel .blogroll-panel p.readblogs {float:left; margin-top:10px; margin-left: 10px;}

.msgboard-panel {width:300px; float: left;}
.msgboard-item{clear:both;overflow:auto;padding: 0 10px 10px 10px;}
.msgboard-itemSeperator{background: url(../img/ui/dot.png) repeat-x top; height: 10px}
.msgboard-panel .msgboard-item p{color:#fff; margin-bottom:0px; line-height: 120%; font-weight: bold;}
#Main-home .msgboard-panel .msgboard-item p a{color:#00acfe;}
.msgboard-panel p.readmore{float:left; color:#DF1922; background: transparent url(../img/ui/submit_arrow_lg.gif) no-repeat right; width: 290px; margin: 10px 0 0 -10px; padding: 15px 0 15px 20px;  font-size: 120% }
.msgboard-panel p.readmore a{ float: left;color:#DF1922; }
#Main-home .msgboard-panel p.readmore a{color:#DF1922;}
#Main-home .msgboard-panel p.readmore a:hover{color:#DF1922; text-decoration:none}
.msgboard-panel h4{background: url(../img/ui/title-red.gif) left no-repeat; color: #fff; text-transform: uppercase; padding: 12px 10px 20px 10px; float: left; font-size: 150%; position:relative}

.sports-panel {width:300px; float: right; background-color: #00004d; padding: 10px 0; }
.sports-panel h4{background: url(../img/ui/title-red.gif) left no-repeat; color: #fff; text-transform: uppercase; padding: 12px 10px 20px 10px; float: left; font-size: 150%; position: relative }
.sports-panel .icons {float: left; margin-left: 25px; margin-top: 10px; display: inline}
.sports-panel .icons a {float: left; margin-right: 22px; margin-bottom: 15px;}
.sports-panel p {float: left; margin-top: 15px; margin-bottom: 0; margin-left: 10px;}

#Main-home .panelImages {background-color: #00004d; width:300px; float: left; padding: 10px 0; }
#Main-home .panelImages h4{background: url(../img/ui/title-red.gif) left no-repeat; color: #fff; text-transform: uppercase; padding: 12px 10px 20px 10px; float: left; font-size: 150%; position: relative }


/*  NEWS _ news carousel   */
#top-carousel {background-color: #00004D; float: left; width: 620px; margin-bottom:30px;}
#top-carousel .img-panel {float: right; width:370px; background: url(../img/ui/dots.png) top left; position: relative; }
#top-carousel .img-panel img {float: right; width:360px;}
#top-carousel .carousel-tabs{position: absolute; bottom:0; right:0;}
#top-carousel .carousel-tabs a{background-color: #fff; color: #00acfe; padding: 7px 10px; margin-right: 2px; float: left; text-decoration: none;}
#top-carousel .carousel-tabs a:hover{background-color: #e51b24; color: #fff;}
#top-carousel .carousel-tabs a.active{background-color: #e51b24; color: #fff;}

#top-carousel .news-panel {float: left; width:210px; color:#00acfe; padding:10px; margin-top: 55px; position: relative }
#top-carousel h4{background: url(../img/ui/title-red.gif) left no-repeat; color: #fff; text-transform: uppercase; padding: 12px 10px 20px 10px; margin-left: -10px; margin-top: 0px; float: left; font-size: 150%; position: relative}
#top-carousel .news-panel  H1{color:#00acfe; font-size: 150%; margin-top: 10px; margin-bottom: 20px; clear:both; }
#top-carousel .news-panel  H1 a{color:#00acfe;}
#top-carousel .news-panel  a{color:#fff; font-weight: bold; }
#top-carousel .news-panel  .date{color:#999;}
#top-carousel .news-panel .sportpanel{background: url(../img/ui/dot.png) repeat-x; padding-top: 15px;}
#top-carousel .news-panel .sportpanel img{float:left; width: 45px; height: 45px; margin-right: 20px;}
#top-carousel .news-panel .sportpanel p{padding: 7px 20px;}


#latest { margin:0 15px 20px 15px; clear:both;}
#news #latest .item{ padding: 0 10px 10px 0;}
#news #latest .item img{float:left; width: 130px; height: 60px; margin:0 22px 0 20px;}
#news #latest .item p{margin-left:155px; margin-bottom:0; line-height: 120%;}
#latest .item H2{font-size: 120%;}


#recent { margin:0 15px 20px 15px; padding-bottom: 1px}
#news #recent .item{ padding: 0 10px 10px 0;}
#news #recent .item img{float:left; width: 130px; height: 60px; margin:0 22px 0 20px;}
#news #recent .item p {margin-bottom:0; line-height: 120%;}
#recent .item H2{font-size: 120%;}

#content-main { margin:0 15px 15px 15px; padding-bottom: 1px; clear: both; }
#content-main .bodytext {padding-bottom:20px;background: url(../img/ui/dot_blue.png) repeat-x bottom;  margin-bottom:15px; overflow: auto;}

#content-col {width:370px; float: right; margin-right: 10px; margin-bottom: 20px;}
#info-col {width:220px; float: left; font-size: 90%;}
#info-col .item {padding-left: 10px;}
#info-col .item .athlete img{float:right; width: 100px; height: 135px; margin-right:0; margin-left:5px;}
#info-col .item .athlete p.quote{color:#00acfe; font-size: 130%; padding-bottom: 20px; font-weight: bold}
#info-col .item .athlete p{font-weight: bold}
#info-col .item .sportpanel img {width: 44px;}

.newsfilter {margin-top:10px;}
.newsfilter Dropdown {margin-bottom:8px;}



#blogs #latest .item .info-col {width:220px; float: left; font-size: 90%;}
#blogs #latest .item  .info-col .item {padding-left: 10px;}
#blogs #latest .item .info-col img{float:right; width: 100px; height: 135px; margin-right:0; margin-left:5px;}
#blogs #latest .item .info-col p{ padding-bottom: 10px; font-weight: bold; margin-left:0;}
#blogs #latest .item .content-col {width:340px; float: right;}


ul.sportlist {list-style: none; margin: 0px 0 20px 10px;} 
ul.sportlist li {line-height: 130%;}

#Right .bloggers a{color: #F8B917; line-height: 180%;}
#Right .bloggers {padding-bottom: 10px;}


/* MESSAGE WALL */

.WallMessage {float: left; background:transparent url(../img/ui/msg_bg_left.png) no-repeat scroll left top; padding: 25px 0 20px 25px; width: 291px; height:165px}
.WallMessage b {font-weight: bold;}
.WallComment {width: 210px; float: left; margin-top: 5px}
.WallComment h4 {font-size: 150%; color: #00ACFE; padding-bottom: 8px}
.WallCommentShort {padding: 20px 0 0 0;}
.WallDate {color: #091826; font-family: arial; font-size:90%; padding-top: 3px}
#message {margin: 10px 0 10px -12px; width: 632px; }




.profile_pic {margin-right: 20px; float: left; padding-top: 5px; width: 48px}
.plane {width: 107px; float: right; margin-top: -10px}

.WallMessage_right {float: right; background:transparent url(../img/ui/msg_bg_right.png) no-repeat scroll left top; padding: 25px 0 20px 25px; width: 291px; height:165px}

h3.wallheader {font-size: 190%; text-transform: uppercase; margin-bottom: -5px; letter-spacing: -1px;}

.inputname {width: 180px; float: left; padding-top: 4px;}
.regInput {width: 260px; float: left; height: 19px; color: #00acfe; border:1px solid #ccc; padding: 2px 0 0 4px; font-size: 100%; font-weight: bold; margin-bottom: 5px;}
.commentname {width: 84px; float: left; padding-top: 4px;}
.fileUpload {float: left; height: 20px; border: 1px solid #ccc;}
.multiInput {width: 435px; color: #00acfe; border:1px solid #ccc; padding: 4px; font-size: 120%; font-weight: bold; margin: 0 0 4px 0;}
.regDropdown {width: 266px; float: left; height: 23px; color: #00acfe; border:1px solid #ccc; padding: 0 0 0 2px; font-size: 100%; font-weight: bold; margin-bottom: 5px;}
.regcheckbox {width: 25px; height: 20px; float: left;}
.footnote {font-size: 90%; color: #666;}

#register p {margin: 10px 0 15px 0;}

.StarRight {color: #D51227; float: right; font-weight: bold; padding: 0 105px 10px 0; margin-top: -20px;}
.StarRed {color: #D51227; float: left; font-weight: bold;}
.red {color: #D51227;}



.archive-item{background: url(../img/ui/dot_blue.png) repeat-x bottom; padding: 0 10px 10px 10px;  margin-bottom: 10px; clear: both; overflow:auto;}
.archive-item img{float: left; margin-right: 20px;}
.archive-item p{line-height: 120%;}
.archive-item a{display: block;}
.archive-item a.sub{color:#fff;}
.archive-item .date{color:#999;}

.prev-a-next {width: 350px; float:right;}
.prev-a-next .archive{text-align: center; float:left; width: 55%;}

.prev-b-next {width: 580px; float: left; padding: 0 0 10px 0}

.prev-blog-next {width: 370px; float:right;}
.prev-blog-next .archive{text-align: center; float:left; width: 60%;}


/*Paging*/

#paging {margin: 0 Auto; width: 300px;font-size: 120%; font-weight: bold; }
#paging a {color: #0099ff}
#paging .t_c {}


/*Message*/

#msg_register {background: url(../img/ui/MsgCard_bg.gif) no-repeat top right; padding: 30px 0 0 0; width: 660px; height: 770px; margin: 0 0 10px -23px; position: relative}
#msg_register .col {margin: 0 0 0 100px}
#msg_register h2 {color: #000066; font-size: 160%}
#msg_register .blueDivider {width: 580px; height: 1px; float: left; background: transparent url(../img/ui/bluedot.gif) repeat-x; margin: 16px 0 16px 40px; display: inline }
#msg_register .submit {background:transparent url(../img/ui/submit_msg.gif) no-repeat scroll left center;
margin:0 0 5px 0px; display: inline }
.lg_plane {position: absolute; margin: 180px 0 0 -165px; width: 305px; z-index: 100 }
#msg_register .plane {position: absolute; width:107px; margin: -8px 0 0 -100px; float:left; display: inline  }
