/* Start of CMSMS style sheet 'screen' */
/* proadvantagetennisacademy.com ----------------------------------------------- */

/* general CSS  ----------------------------------------------- */

body { background: #000; color: #FFF; font-size: 15px; }
* { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: none; }
a, li { position: relative; }
p { padding: 5px 10px 7px 10px; line-height: 1.4em; }
img { border: none; } 

a, a:active { outline: none; }
:focus { -moz-outline-style: none; }

#center { text-align: center; margin: 0 auto; }


/* structure ----------------------------------------------- */

#wrapper { width: 1110px !important; height: 600px; margin: 10px auto 0 auto; background: transparent; text-align: center; display: block; position: relative; clear: both; z-index: 0; } 

#left, #right { height: 550px; display: inline; position: relative; text-align: left; }
#left { width: 960px; float: left; z-index: 3; margin: 0 10px 0 0; }
#right { width: 125px; float: right; z-index: 3; }

#container { width: 960px !important; height: 550px; margin: 0 auto; background: transparent url(/images/bg/randomimg.php) top left no-repeat; border: 7px solid #FFF; text-align: left; display: block; position: relative; clear: both; z-index: 0; } 

/* home page */

#hmcontent, #hmplayers, #hmquote { position: absolute; display: block; z-index: 1; }
#hmcontent, #hmplayers, #hmquote { background: transparent; }
#hmcontent { width: 625px; height: 220px; top: 15px; left: 320px; overflow: auto; }
#hmplayers { width: 625px; height: 170px; top: 250px; left: 320px; overflow: auto; }
#hmquote { width: 625px; height: 100px; bottom: 15px; left: 320px; overflow: auto; }

#ttkw { width: 105px !important; height: 170px !important; bottom: 4px; right: -137px; display: none; position: absolute; 
background: #1c3f95 url(/images/mix/tcV.gif) top center no-repeat; border: 2px solid #FFF; text-align: center; z-index: 6; }

/* other pages */

#content, #menu, #sponsV, #sponsH1, #sponsH2, #footer { position: absolute; display: block; z-index: 1; }
#content, #menu, #nav, #sponsV, #sponsH1, #sponsH2, #footer, .naviText { background: transparent; }
#content { width: 625px; height: 520px; top: 15px; left: 320px; bottom: 15px; overflow: auto; }
#menu { width: 290px; height: 290px; top: 15px; left: 15px; }
#sponsV { width: 125px; height: 520px; top: -10px; right: 0px; }
#sponsH1 { width: 290px; height: 100px; bottom: 15px; left: 15px; }
#sponsH2 { width: 290px; height: 150px; bottom: 15px; left: 15px; }
#footer { width: auto; bottom: -26px; right: -7px; }

/* transparency */

.transMenu, .transCT, .transSponsH1, .transSponsH2, .hmtransCT, .hmtransPlayers, .hmtransQuote { width: auto; height: auto; }
.transMenu { min-height: 290px; }
.transCT { min-height: 520px; }
.transSponsH1 { min-height: 100px; }
.transSponsH2 { min-height: 150px; }
.hmtransCT { min-height: 220px; }
.hmtransPlayers { min-height: 170px; }
.hmtransQuote { min-height: 100px; }
.transMenu[class], .transCT[class], .transSponsH1[class], .transSponsH2[class], .hmtransCT[class], .hmtransPlayers[class], .hmtransQuote[class] 
{ background: url(/images/mix/overlay.png) top left repeat; }


/* navigation ----------------------------------------------- */

#nav { width: 290px; display: block; position: absolute; left: 0px; top: 0px; text-align: center; z-index: 2; }
#nav ul { margin: 0; padding: 0; }
#nav li, #nav li.rhs { display: inline; float: left; list-style: none; background: #FFF; }
#nav li { margin: 0 10px 10px 0; }
#nav li.rhs { margin: 0 0 10px 0; }

#nav li, #nav a { width: 90px; height: 90px; }
#nav a { display: block; position: relative; margin: 0 auto; z-index: 3; }

a#navLogo { background: url(/images/nav/logo.gif) 0 0 no-repeat; }
a#navPrograms { background: url(/images/nav/nav05.gif) 0 0 no-repeat; }
a#navPathways { background: url(/images/nav/nav09.gif) 0 0 no-repeat; }
a#navAbout { background: url(/images/nav/nav08.gif) 0 0 no-repeat; }
a#navVenues { background: url(/images/nav/nav04.gif) 0 0 no-repeat; }
a#navCorporate { background: url(/images/nav/nav06.gif) 0 0 no-repeat; }
a#navSkill { background: url(/images/nav/nav10.gif) 0 0 no-repeat; }
a#navContact { background: url(/images/nav/nav03.gif) 0 0 no-repeat; }
a#navHome { background: url(/images/nav/nav12.gif) 0 0 no-repeat; }

a:hover#navPrograms, a:hover#navPathways, a:hover#navAbout, a:hover#navVenues, 
a:hover#navCorporate, a:hover#navSkill, a:hover#navContact, a:hover#navHome
{ background-position: 0 -90px; }

body.Programs #navPrograms, body.Pathways #navPathways, body.About #navAbout, body.Venues #navVenues, body.Corporate #navCorporate, body.Skill #navSkill, body.Contact #navContact, body.Home #navHome
{ background-position: 0 -90px; color: #df3b32; text-decoration: none; }

.n1 { color: #000; font-size: 12px; font-weight: bold; }
a.n1:link, a.n1:visited, a.n1:active { color: #000; text-decoration: none; }
a.n1:hover  { color: #df3b32; text-decoration: none; }

.naviText { width: 80px; height: auto; bottom: 5px; left: 5px; position: absolute; display: block; z-index: 5; }


/* sponsors : vertical ----------------------------------------------- */

#sponsVcol { width: 105px; height: 440px; top: 2px; display: block; position: relative; text-align: center; margin: 0 auto; z-index: 3; }
#sponsVcol ul { margin: 0; padding: 0; }
#sponsVcol li, #sponsVcol li.last { display: inline; float: left; list-style: none; background: transparent; }
#sponsVcol li { margin: 0 0 8px 0; }
#sponsVcol li.last { margin: 0 0 0 0; }

#sponsVcol li, #sponsVcol a { width: 105px; height: 79px; }
#sponsVcol a { display: block; position: relative; margin: 0 auto; z-index: 3; }

a#Vmondello { background: url(/images/sponsors/mondelloV.gif) 0 0 no-repeat; }
a#Vfielders { background: url(/images/sponsors/fieldersV.gif) 0 0 no-repeat; }
a#Vgocreate { background: url(/images/sponsors/gocreateV.gif) 0 0 no-repeat; }


/* sponsors : horizontal ----------------------------------------------- */

.sponsHrow, .sponsHrow2 { width: 266px; height: 47px; display: block; position: relative; margin: 0 auto; text-align: center; z-index: 3; }

.sponsHrow ul, .sponsHrow2 ul { margin: 0; padding: 0; }
.sponsHrow li, .sponsHrow li.rhs, .sponsHrow2 li, .sponsHrow2 li.rhs { display: inline; float: left; list-style: none; background: transparent; }
.sponsHrow li { margin: 0 6px 0 0; }
.sponsHrow li.rhs { margin: 0; }
.sponsHrow2 li { margin: 0 6px 6px 0; }
.sponsHrow2 li.rhs { margin: 0 0 6px 0; }

.sponsHrow li, .sponsHrow a, .sponsHrow2 li, .sponsHrow2 a { width: 62px; height: 47px; }
.sponsHrow a, .sponsHrow2 a { display: block; position: relative; margin: 0 auto; z-index: 3; }

a#Hslaz { background: url(/images/sponsors/slazengerH.gif) 0 0 no-repeat; }
a#Hdunlop { background: url(/images/sponsors/dunlopH.gif) 0 0 no-repeat; }
a#Hrackets { background: url(/images/sponsors/racketsH.gif) 0 0 no-repeat; }
a#Hbeactive { background: url(/images/sponsors/beactiveH.gif) 0 0 no-repeat; }
a#Hgocreate { background: url(/images/sponsors/gocreateH.gif) 0 0 no-repeat; }


/* common ----------------------------------------------- */

/* tennis ball bullets */
.list[class] ul { margin: 0; padding: 0; }
.list[class] li { background: url(/images/mix/bulletTB.png) 0em 0.3em no-repeat; list-style-type: none; position: relative; margin: 0 0 0 10px; padding: 0 0 6px 15px; }
.list[class] li.first { background: none; list-style-type: none; padding: 0 0 6px 0; font-size: 1.2em; }
/* text formatting */
.list { color: #FFF; line-height: 1.3em; position: relative; }
.list li a { color: #f11b0f; text-decoration: underline; }
.list li a:hover { color: #FFF; text-decoration: underline; }
.list li.first a { color: #f11b0f; font-weight: bold; font-size: 18px; text-decoration: underline; }
.list li.first a:hover { color: #FFF; text-decoration: underline; }


/* text ----------------------------------------------- */

h1 { color: #f11b0f; font-size: 30px; line-height: 1.2em; font-weight: bold; text-align: left; padding: 0px 10px 0px 10px; }

h2 { color: #f11b0f; font-size: 20px; line-height: 1.5em; font-weight: bold; text-align: left; padding: 9px 10px 4px 10px; }
h2 a.link, h2 a.visited, h2 a.active { color: #f11b0f; text-decoration: none; }
h2 a.hover { color: #FFF; text-decoration: none; }

#hmcontent h1 { font-size: 26px; line-height: 1.1em; }
#hmcontent h2 { line-height: 1.1em; padding: 0px 10px 0px 10px; }

#sponsH1 h2, #sponsH2 h2, #sponsV h2, #hmplayers h2, #hmquote h2 { padding: 6px 10px 2px 10px; }
#sponsH1 h2, #sponsH2 h2, #hmplayers h2, #hmquote h2 { text-align: left; line-height: 1.4em; }
#sponsV h2 { text-align: center; line-height: 1.1em; }

.t1 { color: #FFF; font-weight: normal; }
a.t1:link, a.t1:visited, a.t1:active { color: #FFF; text-decoration: underline; position: relative; }
a.t1:hover  { color: #f11b0f; text-decoration: underline;}

.t1b { color: #FFF; font-weight: bold; }
a.t1b:link, a.t1b:visited, a.t1b:active { color: #FFF; text-decoration: none; }
a.t1b:hover  { color: #f11b0f; text-decoration: none;}

.t2 { color: #333; font-size: 10px; }
a.t2:link, a.t2:visited, a.t2:active { color: #333; text-decoration: none; }
a.t2:hover  { color: #f11b0f; text-decoration: none; }

#footer p { padding: 0; }
#hmcontent p { padding: 4px 10px 0 10px; line-height: 1.25em; }
#hmplayers p { padding: 0px 10px 0 10px; line-height: 1.3em; }
#hmplayers strong { font-size: 1.1em; }
#hmquote p { padding: 0px 10px 0 10px; line-height: 1.2em; }
#ttkw p { padding: 12px 5px; line-height: 1.2em; font-size: 10px; }
#nojs p { padding: 30px 5px; }


/* scrollbars ----------------------------------------------- */
/*  scrollgeneric ~ do not modify css*/ 
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
/* common */
.vscrollerbar, .hscrollerbar { padding: 15px; z-index: 2; }
.vscrollerbase, .vscrollerbar, .hscrollerbar, .scrollerjogbox, .vscrollerbasebeg, .vscrollerbaseend,  .hscrollerbasebeg, .hscrollerbaseend { width: 15px !important; }
.hscrollerbase, .hscrollerbar, .vscrollerbar, .scrollerjogbox, .vscrollerbasebeg, .vscrollerbaseend, .hscrollerbasebeg, .hscrollerbaseend { height: 15px !important; }
.vscrollerbase[class], .hscrollerbase[class] { background: url(/images/scroll/overlay.png) repeat; }
.vscrollerbar[class], .hscrollerbar[class] { background: url(/images/scroll/scrollTb.png); }
/* vertical scrollbars */
.vscrollerbasebeg[class] { background: url(/images/scroll/scrollArrowU.png) 0 0 no-repeat; }
.vscrollerbaseend[class] { background: url(/images/scroll/scrollArrowD.png) 0 0 no-repeat; }
/* horizontal scrollbars */
.hscrollerbasebeg[class] { background: url(/images/scroll/scrollArrowL.png) 0 0 no-repeat; }
.hscrollerbaseend[class] { background: url(/images/scroll/scrollArrowR.png) 0 0 no-repeat; }
/* scrollerjogbox */
.scrollerjogbox { top: auto; left: auto; bottom: 0px; right: 0px; }
.scrollerjogbox[class] { background: url(/images/scroll/scrollJog.png) 0 0 repeat; }


/* test your skill games ----------------------------------------------- */

#skill { width: 500px; display: block; position: relative; margin: 20px auto 0 auto; text-align: center; z-index: 2; }
#skill ul { margin: 0; padding: 0; }
#skill li, #skill li.rhs { display: inline; float: left; list-style: none; background: #FFF; border: 5px solid #FFF; }
#skill li { margin: 0 10px 10px 0; }
#skill li.rhs { margin: 0 0 10px 0; }

#skill li, #skill a { width: 150px; height: 110px; }
#skill a { display: block; position: relative; text-align: center; margin: 0 auto; z-index: 3; }

/*
a#sk1 { background: url(/images/skill/trapshoot2.jpg) 0 0 no-repeat; }
a#sk2 { background: url(/images/skill/upbeat2.jpg) 0 0 no-repeat; }
a#sk3 { background: url(/images/skill/tennis2.jpg) 0 0 no-repeat; }
*/


/* email form ----------------------------------------------- */

#eform { width: 320px; height: auto; text-align: left; position: relative; display: block; padding: 5px 10px 7px 10px; }

.fEmail { position: relative; display: block; padding-top: 6px; }
.fEmail label { color: #FFF; font-size: 9px; vertical-align: top; top: 5px; position: relative; padding: 0 0 0 2px; }
.fEmail input, .fEmail textarea { width: 200px; font-size: 12px; border: 1px solid #000; }
.fEmail input:focus, .fEmail textarea:focus { border: 1px solid #f11b0f; }
.fEmail input { padding: 2px; }
.fEmail input#bananas { width: 140px; }
.fEmail input#send, .fEmail input#clear { width: auto; cursor: pointer; }
.fEmail textarea { height: 120px; overflow: auto; }
.fEmailRow { padding: 0 0 8px 0; clear: both; }
.fEmailRowL { padding: 3px 0 0 0; clear: both; }


/* all sorts ----------------------------------------------- */

.wrapright, .wraprightVn, .wraprightPP, .wraprightCo { float: right; text-align: right; border: 2px solid #FFF; overflow: hidden; }
.wrapright { width: auto; height: auto; margin: 0px 10px 10px 10px; }
.wraprightVn { width: 150px; height: 100px; margin: 0px 10px 10px 10px; }
.wraprightPP { width: 150px; height: 113px; margin: 0px 10px 10px 10px; }
.wraprightCo { width: 113px; height: 112px; margin: 5px 10px 0 10px; }

.coachPics { margin: 10px 0 10px 0; height: auto; position: relative; }

#phJosh, #phAnton, #phGraeme, #phCallum { width: 113px !important; height: 112px; top: 5px; right: 10px; display: none; position: absolute; border: 2px solid #FFF; text-align: center; z-index: 6; }
#phJosh { background: #000 url(/images/coaches/josh-t.jpg) center center no-repeat; }
#phAnton { background: #000 url(/images/coaches/anton-t.jpg) center center no-repeat; }
#phGraeme { background: #000 url(/images/coaches/graeme-t.jpg) center center no-repeat; }
#phCallum { background: #000 url(/images/coaches/callum-t.jpg) center center no-repeat; }

#nojs { width: 105px !important; height: 170px; bottom: 4px; right: -137px; display: block; position: absolute; 
background: #1c3f95 url(/images/mix/tcV.gif) top center no-repeat; border: 2px solid #FFF; text-align: center; text-decoration: blink; z-index: 1; }

/* End of 'screen' */