﻿/*@import url("menu.css");*/
/*@import url("skin_old.css")*/

html { margin: 0; height:100%; font-family:Verdana, Arial; text-align:justify; font-size:small; }
body { background-color:#fff; margin: 0 auto; height: 100%; text-align:justify; font-family: Verdana, Arial, sans-sarif!important; color:#6d6f72!important;font-size:12px!impotant; }

h1 { font-size:medium; text-align:center; font-weight:bold; color:#6d6f72!important;}
h2 { font-size:small; text-align:center; font-weight:bold; font-style:italic; color:#6d6f72!important;}

a { color: #0000FF; }

p { font-family: Verdana, sans-sarif!important; color:#6d6f72!important;font-size:12px!impotant; }

#seeall a.seeall_text:link, a.seeall_text:visited {
background:transparent url(images/bg_seeall.gif) no-repeat scroll right center;
color:#E10E23;
float:right;
font-weight:bold;
font-size:12px;
padding:2px 22px 0 20px;
text-decoration:none;
}

/* ----- shared -----*/
.clrlft { clear:left;margin:0px; padding: 0px; }
.clear  { clear:both;}

/* ------- Layout -------- */
.page_center { } /*margin-left:auto; margin-right:auto; text-align:center; width: 970px;} */
#shell_b1 { width:990px; background-repeat:no-repeat; background-position:top;  overflow:auto;  margin: 0; } /* margin: 0 auto; */ 
.safari #shell_b1 {width: 1000px}
.ie #shell_b1 { width:1000px; background-repeat:no-repeat; background-position:top; overflow:visible!important; margin: 0 0 0 -10px} /* margin: 0 auto; */

/*#shell_b1 { width:990px; min-height:1144px;  background-repeat:no-repeat; background-position:top; margin: 0 auto; }
.ie #shell_b1 { width:990px; height: 1144px; background-repeat:no-repeat; background-position:top; margin: 0 auto;}*/

/*rollover hack*/
#star { margin-left:-300px;background:#ffffff; }
.ie #star { margin-left:-300px;margin-top:-120px;background:#ffffff; }
#harmony { margin-left:-300px;background:#ffffff; }
.ie #harmony { margin-left:-300px;margin-top:-120px;background:#ffffff; }
#friendship { margin-left:-300px;background:#ffffff; }
.ie #friendship { margin-left:-300px;margin-top:-120px;background:#ffffff; }
#colors2 { margin-left:-300px;background:#ffffff; }
.ie #colors2 { margin-left:-300px;margin-top:-120px;background:#ffffff; }
#respect { margin-left:-300px;background:#ffffff; }
.ie #respect { margin-left:-300px;margin-top:-120px;background:#ffffff; }
#colors { margin-left:-300px;background:#ffffff; }
.ie #colors { margin-left:-300px;margin-top:-120px;background:#ffffff; }
#hope { margin-left:-300px;background:#ffffff; }
.ie #hope { margin-left:-300px;margin-top:-120px;background:#ffffff; }
#celebration { margin-left:-300px;background:#ffffff; }
.ie #celebration { margin-left:-300px;margin-top:-120px;background:#ffffff; }
#excellence { margin-left:-300px;background:#ffffff; }
.ie #excellence { margin-left:-300px;margin-top:-120px;background:#ffffff; }
#symbol { margin-left:-300px;background:#ffffff; }
.ie #symbol { margin-left:-300px;margin-top:-120px;background:#ffffff; }

.leftcol { width:204px; float:left; }
.ie .leftcol { width:208px; float:left; }
.rightcol { width:770px; float:left;  }
.ie .rightcol { width:770px; float:left;  }
.imgpad { margin:5px; }
.floatleft { float:left; }
.normal img { display:block:!important; }

/*fix for ie nav subs*/
/*.ie .sub_item{ padding:0px 0px 4px 3px!important;}*/

#div_a { width:770px; height:70px; background:url(images/bg_topnav.jpg); background-repeat:no-repeat; }
#div_b { position:relative; top: 0px; left: 0px }
#div_b .menu { position:absolute; top: 0px; left:0px; z-index:10;  width: 520px;}

#div_b .login { position:absolute; top: 0px; right:0px; z-index:10; height: 53px; width:250px; background-image:url(/Portals/_default/Skins/WSC/images/sport_background.gif); background-repeat:no-repeat; font-family: Arial, Verdana, Times New Roman; font-size: 12px; font-weight: bold; color: #FFFFFF !important;}
.ie #div_b .login { position:absolute; top: 0px; right:0px; z-index:10; height: 53px; width:250px; background-image:url(/Portals/_default/Skins/WSC/images/sport_background.gif); background-repeat:no-repeat; font-family: Arial, Verdana, Times New Roman; font-size: 12px; font-weight: bold; color: #FFFFFF !important;}


#div_b .divLogin { float: left; text-align: center; width: 247px; height: 18px; z-index:10; font-family: Arial, Verdana, Times New Roman; font-size: 12px; font-weight: bold; color: #FFFFFF !important; padding-top: 3px}
#div_b .ie .divLogin { float: left; text-align: center; width: 250px; height: 18px; z-index:10; font-family: Arial, Verdana, Times New Roman; font-size: 12px; font-weight: bold; color: #FFFFFF !important; padding-top: 3px }
#div_b .btn { font-family: Verdana; font-size: 12px; font-weight: bold; color: #FFFFFF !important; }
#divSportsList { height: 30px; width: 248px; padding-top: 8px; margin-top: 0px; }


#div_b .content { position:absolute; top: 30px; left:0px; z-index:2 }
.ie #div_b { position:relative; top: 0px; left: 0px }
/*#div_a .searchbox { float:right; margin:10px; }
#div_b { width:770px; }
#div_b .navleft { width:470px; float:left; padding-bottom: 5px }
#div_b .navright { width:10px; float:left; }
#div_c { width:770px; }
#div_c .col_left { width:450px; float:left; padding:0px 10px 0px 10px; }
#div_c .col_right { width:300px; float:left; }
*/
/* --------- fonts ----------- */
.ttl_georgia { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#fff; }

.ctatext { font-family:Arial, Helvetica, sans-serif! important; font-size:19px! important; color:#6d6f72! important; font-weight:bold! important; padding:5px 5px 10px 5px! important; }
.ctalink { text-decoration:none! important;width:416px! important; height:26px! important; padding: 2px 0px 0px 4px! important; background:#fff! important; cursor:pointer! important; }
.ctalink:hover { text-decoration:none! important;width:416px! important; height:26px! important; padding: 2px 0px 0px 4px! important; background:url(/Portals/_default/Containers/WSC2/images/bg_divover.gif)! important; cursor:pointer! important; }



/* -------- modules ---------- */

/*.sub_group { position:relative!important;z-index:0;display:block; }*/
 
.modshell { padding:6px 8px 0px 8px;}
.modshelltall { padding:10px 0px 0px 8px; }
.modbtm { padding:0px 8px 12px 8px; }
.ie .modbtm { padding:0px 8px 12px 8px;display:block;position: relative; }
.tshdw1 { background:url(/Portals/_default/Containers/WSC2/images/bg_shdw1.gif); background-position:top; background-repeat:no-repeat; }
.tshdw3 { background:url(/Portals/_default/Containers/WSC2/images/bg_shdw3.gif); background-position:top; background-repeat:no-repeat; }
.tshdw5 { background:url(/Portals/_default/Containers/WSC2/images/bg_shdw5.gif); background-position:top; background-repeat:no-repeat; }
.tshdw6 { background:url(/Portals/_default/Containers/WSC2/images/bg_shdw8.gif); background-position:top; background-repeat:no-repeat; }

.bshdw2 { background:url(/Portals/_default/Containers/WSC2/images/bg_shdw2.gif); background-position:bottom left; background-repeat:no-repeat; }
.bshdw4 { background:url(/Portals/_default/Containers/WSC2/images/bg_shdw4.gif); background-position:bottom left; background-repeat:no-repeat; }
.bshdw7 { background:url(/Portals/_default/Containers/WSC2/images/bg_shdw7.gif); background-position:bottom left; background-repeat:no-repeat; }

.inmodleft { float:left; margin-right:10px; }
.inmodright { float:left; width:165px; }

.selnavright {
/*background:transparent url(/images/WSC/right_nav.gif) no-repeat scroll center top;*/
height:100%;
}

.selnavlink {
color:WHITE !important;
font-size:x-large;
font-weight:bold !important;
}

.selnavtitle {
color:#afd236;
font-size:larger;
font-weight:bold;
}

/* -- yellow module --*/

.tyttl { width:455px; }
.tyttlnarrow {  }
.tylft { float:left; }
.tymid { height:15px; float:left;background:#ffc53b;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold; padding-top:10px;padding-bottom:10px! important;}
.tyrt { float:left;}

.contentlabel { color:white;font-weight:bold!important;}
.contenty { margin:0px 15px 0px 0px; clear:left; background: #ffc53b; padding:10px; }
.inner { background:#fff; padding:5px; }

/* -- red module --*/

.trlft { float:left; }
.trmid { height:15px; padding:10px 0px 10px 0px; float:left; background:#ee232a; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold;}
.trrt { float:left; }

.lr1f, .lr2f, .lr3f, .lr4f, .lr5f, .lr6f, .lr7f{font-size:1px; overflow:hidden; display:block;}
.lr1f {height:1px; background:#ee232a; margin:0 21px 0 0px;}
.lr2f {height:1px; background:#ee232a; margin:0 20px 0 0px;}
.lr3f {height:1px; background:#ee232a; margin:0 19px 0 0px;}
.lr4f {height:1px; background:#ee232a; margin:0 18px 0 0px;}
.lr5f {height:1px; background:#ee232a; margin:0 17px 0 0px;}
.lr6f {height:1px; background:#ee232a; margin:0 16px 0 0px;}
.lr7f {height:1px; background:#ee232a; margin:0 15px 0 0px;}
.contentr { margin:0px 15px 0px 0px; background: #ee232a; padding:10px; font-family: Arial, Helvetica, sans-sarif!important; color:#9e9fa0!important;font-size:12px!impotant;}
.contentr img { margin:5px; }
/* pse edit padding */

/* -- green module --*/

.tglft { float:left; }
.tgmid { height:15px; padding:10px 0px 10px 0px; float:left; background:#afd236; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold; }
.tgrt { float:left; }

.lg1f, .lg2f, .lg3f, .lg4f, .lg5f, .lg6f, .lg7f{font-size:1px; overflow:hidden; display:block;}
.lg1f {height:1px; background:#afd236; margin:0 21px 0 0px;}
.lg2f {height:1px; background:#afd236; margin:0 20px 0 0px;}
.lg3f {height:1px; background:#afd236; margin:0 19px 0 0px;}
.lg4f {height:1px; background:#afd236; margin:0 18px 0 0px;}
.lg5f {height:1px; background:#afd236; margin:0 17px 0 0px;}
.lg6f {height:1px; background:#afd236; margin:0 16px 0 0px;}
.lg7f {height:1px; background:#afd236; margin:0 15px 0 0px;}
.contentg {margin:0px 15px 15px 0px; background: #afd236; padding:10px;font-family: Arial, Helvetica, sans-sarif!important; color:#6d6f72!important;font-size:12px!impotant;} 
.contentg img { margin:5px; }


/* -- blue module --*/

.tblft { float:left; }
.tbmid { height:15px; padding:10px 0px 10px 0px; float:left; background:#248aed; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold;}
.tbrt { float:left; }

.lb1f, .lb2f, .lb3f, .lb4f, .lb5f, .lb6f, .lb7f{font-size:1px; overflow:hidden; display:block;}
.lb1f {height:1px; background:#248aed; margin:0 21px 0 0px;}
.lb2f {height:1px; background:#248aed; margin:0 20px 0 0px;}
.lb3f {height:1px; background:#248aed; margin:0 19px 0 0px;}
.lb4f {height:1px; background:#248aed; margin:0 18px 0 0px;}
.lb5f {height:1px; background:#248aed; margin:0 17px 0 0px;}
.lb6f {height:1px; background:#248aed; margin:0 16px 0 0px;}
.lb7f {height:1px; background:#248aed; margin:0 15px 0 0px;}
.contentb { margin:0px 15px 0px 0px; background: #248aed; padding:10px;font-family: Arial, Helvetica, sans-sarif!important; color:#9e9fa0!important;font-size:12px!impotant;}
.contentb img { margin:5px; }

/* -- white inner module --*/

.lw1f, .lw2f, .lw3f, .lw4f, .lw5f, .lw6f, .lw7f, .lw8f, .lw9f, .lw10f, .lw11f{font-size:1px; overflow:hidden; display:block;}
.lw1f {height:1px; background:#ffffff; margin:0 11px 0 0px;}
.lw2f {height:1px; background:#ffffff; margin:0 10px 0 0px;}
.lw3f {height:1px; background:#ffffff; margin:0 9px 0 0px;}
.lw4f {height:1px; background:#ffffff; margin:0 8px 0 0px;}
.lw5f {height:1px; background:#ffffff; margin:0 7px 0 0px;}
.lw6f {height:1px; background:#ffffff; margin:0 6px 0 0px;}
.lw7f {height:1px; background:#ffffff; margin:0 5px 0 0px;}
.lw8f {height:1px; background:#ffffff; margin:0 4px 0 0px;}
.lw9f {height:1px; background:#ffffff; margin:0 3px 0 0px;}
.lw10f {height:1px; background:#ffffff; margin:0 2px 0 0px;}
.lw11f {height:1px; background:#ffffff; margin:0 1px 0 0px;}
.contentw {background: #ffffff; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;font-family: Arial, Helvetica, sans-sarif!important; color:#9e9fa0!important;font-size:12px!impotant;}
.contentw img { margin:5px; }

.content_pane{ padding:10px; margin: 0; background:#ffffff; overflow:auto;}
.ie .content_pane{ position: relative; display:block; padding:10px; margin: 0; background-color:#ffffff; position:static;overflow:visible;}
.ie .content_pane img{ display:block;position: relative; }

.content_pane_vid{ display:table;padding:0px; margin: 0; background:#ffffff;}
.ie .content_pane_vid{ position: relative; display:block; padding:0px; margin: 0; background-color:#ffffff; position:static;}
.ie .content_pane_vid img{ display:block;position: relative; }

.ContentPane { padding:10px 0px 40px 0px;display:block; margin: 0;}
.TopPane { padding:0px 0px 0px 10px; margin: 0; width: 470px;}
.BottomPane { padding:0px 0px 0px 10px; margin: 0; width: 470px; }
.RightPane{ padding:10px 0px 40px 0px;width:300px; margin:0px;  }
.BreadCrumbPane {padding:0px 0px 0px 10px; margin:0px; width: 770px; text-align:left}
.TopPane {padding:10px 0px 0px 0px; margin:0px; width: 770px;}
.FooterPane { background:#ffffff;clear:left;padding:0px 0 0 10px;  width: 970px;} /* margin:0 auto; */
.FooterLeft { }
.ie .FooterLeft td{ line-height:1.2px; }
.FooterCenter { width:350px; vertical-align:top; }
.FooterLogo { width:100px; text-align:center }
.FooterLogoText {font-size:14px; font-family:Arial, Verdana, Times New Roman; color: #7D7D7D!important; text-align:center}

/*.LeftPane{ padding:0px 10px 0px 0px; width:10em; margin:0px; }*/

/*-------------- Blue Link Style --------------*/
.bluelink {text-decoration:underline;}
.bluelink,a.bluelink:link,a.bluelink:active,a.bluelink:visited{ font-weight:normal; color:#4F839F; font-size:9px; text-decoration:underline;}
a.bluelink:hover{color:#4F839F;text-decoration:underline;}

/*.sub_item { z-index:30000!important;postion:relative!important; }*/

#divPgMenuImg { float: left; width: 140px; padding: 0px 20px 0px 0px; }
#divPgMenuText { float: left; width: 500px; }

.ie #divPgMenuImg { float: left; width: auto; padding: 0px 20px 0px 0px; }
.ie #divPgMenuText { float: left; width: auto; }

.PageMenu_Title { font-size: 30px; line-height: 60px; }
.PageMenu_Desc { font-size: 12px; }

.PageMenu_SubItem_Title { font-family: Arial, Helvetica, sans-serif; font-size: 18px; }
.PageMenu_SubItem_Title2 { font-size: 18px; line-height: 18px; }
.PageMenu_Subitem_Date { font-size: 13px; line-height: 18px; font-weight: bold; }
.PageMenu_SubItem_Desc { font-size: 12px; line-height: 16px; color: #7D7D7D; }

A.PageMenu_More { font-size: 9px; }
A.PageMenu_More:hover { text-decoration: underline; }

/* green */
.PageMenu_Title_green { font-family: Arial, Helvetica, sans-serif; color: #52BDEC !important; }
.PageMenu_Desc_green { color: #6d6f72; }
A.PageMenu_SubItem_Title_green, A.PageMenu_SubItem_Title_green:active, A.PageMenu_SubItem_Title_green:hover, A.PageMenu_SubItem_Title_green:visited { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #ADCC21; text-decoration: none; }
A.PageMenu_More_green, A.PageMenu_More_green:active, A.PageMenu_More_green:hover, A.PageMenu_More_green:visited { color: #ADCC21; }

/* peach */
.PageMenu_Title_peach { font-family: Arial, Helvetica, sans-serif; color: #fba52a !important; }
.PageMenu_Desc_peach { color: #7D7D7D; }
A.PageMenu_SubItem_Title_peach, A.PageMenu_SubItem_Title_peach:active, A.PageMenu_SubItem_Title_peach:visited, A.PageMenu_SubItem_Title_peach:hover { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #F7C236; text-decoration: none; }
A.PageMenu_More_peach, A.PageMenu_More_peach: active, A.PageMenu_More_peach:visited, A.PageMenu_More_peach:hover { color: #F7C236; }

/* orange */
.PageMenu_Title_orange { font-family: Arial, Helvetica, sans-serif; color: #F29C25 !important; }
.PageMenu_Desc_orange { color: #7D7D7D; }
A.PageMenu_SubItem_Title_orange, A.PageMenu_SubItem_Title_orange:active, A.PageMenu_SubItem_Title_orange:hover, A.PageMenu_SubItem_Title_orange:visited { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #F29C25; text-decoration: none; }
A.PageMenu_More_orange, A.PageMenu_More_orange:active, A.PageMenu_More_orange:hover, A.PageMenu_More_orange:visited { color: #F29C25; }

/* red */
.PageMenu_Title_red { font-family: Arial, Helvetica, sans-serif; color: #E42127 !important; }
.PageMenu_Desc_red { color: #7D7D7D; }
A.PageMenu_SubItem_Title_red, A.PageMenu_SubItem_Title_red:active, A.PageMenu_SubItem_Title_red:hover, A.PageMenu_SubItem_Title_red:visited { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #E42127; text-decoration: none; }
A.PageMenu_More_red, A.PageMenu_More_red:active, A.PageMenu_More_red:visited, A.PageMenu_More_red:hover { color: #E42127; }

/* blue */
.PageMenu_Title_blue { font-family: Arial, Helvetica, sans-serif; color: #2C8BE9 !important; }
.PageMenu_Desc_blue { color: #7D7D7D; }
A.PageMenu_SubItem_Title_blue, A.PageMenu_SubItem_Title_blue:active, A.PageMenu_SubItem_Title_blue:hover, A.PageMenu_SubItem_Title_blue:visited { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #2C8BE9; text-decoration: none; }
A.PageMenu_More_blue, A.PageMenu_More_blue:active, A.PageMenu_More_blue:visited, A.PageMenu_More_blue:hover { color: #2C8BE9; }

.modalBackground { background-color: white; filter: alpha(opacity=50); opacity: 0.5; }
.modalPopup { background-color: #ffffdd; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 200px; }

.progressUpdate { position: fixed; top: 0px; left: 0px; background-color: #F7F7F7; filter: alpha(opacity=70); opacity: 0.7; height: 100%; width: 100%; z-index: 11; }
.progressWrap { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 14; }
.safari .progressWrap { position: fixed; top: 125px; left: 0px; height: 100%; width: 100%; z-index: 14; }

.progressUpdateMessage { position: relative; top: 20%; background-color: #ffffff; width: 300px; height: 70px; border: solid 2px Gray; filter: alpha(opacity=100); opacity: 1.0; text-align: center; z-index: 15; left: 50%; margin-left: -150px; padding-top: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}

.welcome { padding:0px;margin:0px;list-style-type:none; }
.welcome li { list-style-type:none; }
.welcome li:hover   { background-color: #DDECF9;} 
.welcome a { text-decoration:none; }
.welcome a:link    { text-decoration:  none;color:            #7E7E86;} 
.welcome a:visited { text-decoration:  none;color:            #7E7E86;} 
.welcome a:hover   { text-decoration:  none;color: #7E7E86;} 
.welcome a:active  { text-decoration:  none;color: #7E7E86;} 

