/* ------------ CARISBROOKE CSS FILE ------------------------------------------------ */
/* ------- created by Mark Everard 2005 --------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ----#526A76---#1C2E2D---#B7D263---#336600----------------------------------------- */
/* --- body font-sixe:62.5% so browser set to display medium size text gives 10px --- */
/* ---------------------------------------------------------------------------------- */
/* ----#4D9946---#274D23---#B7D263---#336600----------------------------------------- */

body {margin:0;width:100%;height:100%;background:#fff url(fauxcolumn1.gif) repeat-y 0px 0px;color:#000;font:62.5% Verdana, sans-serif;}

/* -- PAGE LAYOUT -- */

/* -- generic elements -- */
#header{height:92px;width:95.95%;border-bottom:6px solid #274D23;padding:4px 2% 4px 2%;background:#4D9946 url(../styles/headerbg1.jpg) no-repeat center left;}

/* -- left side elements -- */
#left {position:absolute;float:left;width:250px;background-color:transparent;}
#leftinner {width:200px; padding:0px 20px 40px 30px;}

/* -- center header elements --*/
#centernavi {text-align:left; border-bottom:1px dotted #274D23; color:#5C6F90; padding: 0.8% 280px;margin-bottom:0%;}
#centerheader {width:100%; height:248px; background:#274D23; border-bottom:1px solid #CECFCA; text-align:center;}
#centerheaderimg {float:left; width:80%; height:241px; background:#274D23 url(centerheaderimg.jpg) no-repeat 150px 0px;}
#centerheadertext {float:right; width:19.99%; height:100%; background-color:#274D23;}

/* -- center main elements --*/
#center {margin-left:250px;padding: 1% 3%;}

/* -- FONT DEFINITIONS -- */

/* -- generic fonts -- */
p {font:1.1em Verdana, sans-serif;}
p.errormsg{font-weight:700;color:#CC3333;}
p.bold{font-weight:700;}
p.editedby{font-size:0.9em;color:#526A76;}
p.spantxt{text-align:center;width:240px;display:block;}

 .faketxtbox{font:1.1em Verdana, sans-serif;font-weight:700;height:1.4em;margin-left:150px;width:16em;border-top:2px solid #808080;border-left:2px solid #808080;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;}
 .faketxtarea{font:1.1em Verdana, sans-serif;font-weight:700;height:4.2em;margin-left:150px;width:16em;border-top:2px solid #808080;border-left:2px solid #808080;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;}
 .highlight{font:1.1em Verdana, sans-serif;font-weight:700;color:#9C1A1E;margin-bottom:20px;}

a{font:1.1em Verdana, sans-serif;color:#9C1A1E;text-decoration:underline;}
a:hover{background-color:#9C1A1E;color:#fff;}
a.admin1{font:1.1em Verdana, sans-serif;color:#1E1A9C;text-decoration:underline;}
a.admin1:hover{background-color:#1E1A9C;color:#fff;}
a.h2{font:normal 1.7em Verdana,sans-serif;color:#9C1A1E; margin-bottom:4px;text-align:center;}
a.h2:hover{background-color:#9C1A1E;color:#fff;}


h1 {font:bold 2.1em Arial, sans-serif;color:#274D23; margin-top:-4px;}
h2 {font:normal 1.8em Verdana,sans-serif;color:#9C1A1E; margin-bottom:2px;text-align:center;}
h3 {font:normal 1.4em Verdana,sans-serif;font-weight:700;color:#274D23;margin-bottom:0px;}
h4 {font:normal 1.3em Verdana,sans-serif;font-weight:700;color:#274D23;margin:4px 0 4px 0;}
h5 {font:normal 1.1em Verdana,sans-serif;font-weight:400;color:#000;margin-bottom:0px;text-align:center;}

/* -- header element fonts -- */
#headertext h2{font:normal 1.8em Arial,sans-serif;color:#F1E63E;text-align:right;margin:0px;}
#headertext p{color:#fefefe;text-align:right;margin:0px;}

/* -- left element fonts -- */
#leftinner {font:1em Verdana, sans-serif;color:#000;margin-top:30px;}
#leftinner p{color:#fefefe;text-align:left;padding-bottom:20px;border-bottom:1px dotted #34662F;}
#leftinner p.copy{color:#34662F;text-align:left;}
#leftinner a.copy, a.admin:visited{font:1em Verdana, sans-serif;color:#34662F;text-decoration:none;}
#leftinner a.copy:hover{background-color:#fff;text-decoration:none;color:#000;}

/* -- center element fonts -- */
#centernavi {color:#9C1A1E;}
#centernavi a, #centernavi a:visited{font:1em Verdana;color:#9C1A1E;text-decoration:underline;}
#centernavi a:hover{background-color:#9C1A1E; color:#fff;}

/* -- center header fonts -- */
#centerheadertext p{color:#CECFCA;display:inline;}
#centerheadertext p.title{font-weight:700;text-decoration:underline;color:#eee;display:block;}
#centerheadertext p.bold{font-weight:700;color:#F1E63E;}
#centerheadertext a, #centerheadertext a:visited{font:1em Verdana;color:#fff;text-decoration:underline;}
#centerheadertext a:hover{background-color:#9C1A1E;text-decoration:none;color:#fff;}
#centerheadertext a.admin, #centerheadertext a.admin:visited{font:1em Verdana;color:#34662F;text-decoration:underline;}
#centerheadertext a.admin:hover{background-color:#274D23;text-decoration:none;color:#fff;}

#center p.inputalign{width:150px;height:1.6em;border-top:1px dotted #274D23;float:left;margin:0px;}
#center p.inputline{width:100%; border-bottom:1px dotted #274D23;}
#center p.inputhalf{width:50%; border-bottom:1px dotted #274D23;}

/* -- center input fonts -- */
#center input.btn {font-size:1.2em;font-weight:700;color:#eee;background-color:#274D23;border:1px solid #CECFCA;padding:0.2em;margin:10px 10px 0 0;cursor:pointer;}
#center input.txt {font-size:1.2em;font-weight:700;color:#9C1A1E;width:15.5em;border-top:2px solid #808080;border-left:2px solid #808080;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;}
#center input.fulltxt{font-size:1.2em;font-weight:700;color:#9C1A1E;width:40.5em;border-top:2px solid #808080;border-left:2px solid #808080;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;}
#center select {font-size:1.2em;font-weight:700;color:#9C1A1E;width:16em;border-top:2px solid #808080;border-left:2px solid #808080;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;}
#center textarea {width:26em;height:200px;display:block;border-top:2px solid #808080;border-left:2px solid #808080;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;}
#center textarea.full {width:50em;height:400px;}
#center textarea.full1 {width:50em;height:200px;}

/* -- center table style -- */
#center .tablelist{width:100%;clear:right;margin-top:20px;font:1.1em Verdana,sans-serif;}
#center .halftablelist{width:65%;margin-top:20px;font:1.1em Verdana,sans-serif;}
#center .headrow, tr.headrow td{background-color:#274D23;color:#fff;padding:0px;}
#center .evenrow{background-color:#EFEFEF;padding:3px;border-bottom:1px dotted #526A76;}
#center .oddrow{background-color:#DEDFDA;padding:3px;border-bottom:1px dotted #526A76;}
#center .schevenrow{background-color:#EFEFEF;border-bottom:1px dotted #526A76;width:0.8em;}
#center .schoddrow{background-color:#DEDFDA;border-bottom:1px dotted #526A76;width:0.8em;}
#center .schbookrow{background-color:#9C1A1E;border-bottom:1px dotted #526A76;width:0.8em;color:#FFFFFF;}
#center .schwhiterow{background-color:#FFFFFF;border-bottom:1px dotted #526A76;width:0.8em;}
#center .blankrow{padding:0px 10px 10px 10px;border-bottom:1px dotted #526A76;text-align:center;}

#center .quickSummary { padding:1%; 
                margin:0 0 20px 20px; 
                border-top:#bbb 1px solid;
                border-left:#bbb 1px solid;
                border-bottom:#888 2px solid;
                border-right:#888 2px solid;
                background:#FEFEFE; 
                color:#5C6F90; 
                font-size: 1em;
                width:150px;
                float:right;
                text-align:center;}
#center th{text-align:left;}
#center a.intable, td a{font:1em Verdana, sans-serif;float:right;}
#center a.center {float:none !important;}
#center a.inlist{font:1em Verdana, sans-serif;}
#center a.admininlist{font:1em Verdana, sans-serif;color:#1E1A9C;}
#center a.admininlist:hover{background-color:#1E1A9C;color:#fff;}
#center a.adminintable{font:1em Verdana, sans-serif;color:#1E1A9C;float:right;}
#center a.adminintable:hover{background-color:#1E1A9C;color:#fff;}
#center a.spanlink{text-align:center;width:240px;display:block;height:20px;}

ul.listp {font:1.1em Verdana, sans-serif;list-style-type: disc;list-style-image: url(../styles/tennisbullet.gif);}
.calendar{float:right;border:2px dotted #526A76; color:#5C6F90;padding:1em;margin:0 1em 1em;}

/* -- center img styles -- */
#centerimgright{float:right; 
                padding:1%; 
                margin:0 0 20px 20px; 
                border-top:#bbb 1px solid;
                border-left:#bbb 1px solid;
                border-bottom:#888 2px solid;
                border-right:#888 2px solid;
                background:#FEFEFE; 
                color:#5C6F90; 
                font-size: 1em;}
#centerimgleft{float:left;
               padding:1%; 
               margin:0 10px 5px 0; 
               border-top:#bbb 1px solid;
               border-left:#bbb 1px solid;
               border-bottom:#888 2px solid;
               border-right:#888 2px solid;
               background:#FEFEFE;
               color:#5C6F90;
               font-size: 1em;}

#center img.thumb{margin:10px;width:9.1em;}
#center img.portraitfull{margin:10px;width:50em;border-top:#bbb 1px solid;
                border-left:#bbb 1px solid;
                border-bottom:#888 2px solid;
                border-right:#888 2px solid;padding:1%;}
#center img.landscapefull{margin:10px;width:38em;
                          border-top:#bbb 1px solid;
                border-left:#bbb 1px solid;
                border-bottom:#888 2px solid;
                border-right:#888 2px solid;padding:1%;}
#center img.mytag{border-top:#bbb 1px solid;
                border-left:#bbb 1px solid;
                border-bottom:#888 2px solid;
                border-right:#888 2px solid;
                padding:1%;padding:5px;
        margin:10px;
        border-top:#bbb 1px solid;
        border-left:#bbb 1px solid;
        border-bottom:#888 2px solid;
        border-right:#888 2px solid;
        background:#FEFEFE;}
#center img.mytagleft{float:left;
               padding:1%; 
               margin:0 10px 5px 0; 
               border-top:#bbb 1px solid;
               border-left:#bbb 1px solid;
               border-bottom:#888 2px solid;
               border-right:#888 2px solid;
               background:#FEFEFE;
               color:#5C6F90;
               font-size: 1em;}
#center img.mytagright{float:right; 
                padding:1%; 
                margin:0 0 20px 20px; 
                border-top:#ccc 1px solid;
                border-left:#ccc 1px solid;
                border-bottom:#999 2px solid;
                border-right:#999 2px solid;
                background:#FEFEFE; 
                color:#5C6F90; 
                font-size: 1em;}

/* -- NAVIGATION -- http://www.alistapart.com/stories/taminglists */

ul#mainnav {list-style:none; margin:0; padding:0;background-color: #D6D6D6;}
ul#mainnav li {border-bottom:1px solid #CECFCA;}
ul#mainnav li a {text-decoration:none; display:block; width:88%; padding:6px 6%; background-color: #274D23; font: bold 1.3em/1.4em arial, sans-serif; color: #eee;}
ul#mainnav li a:hover {background:#F1E63E url(navbutton1.gif) repeat-x 0px 0px;color:#1C2E2D;}


/* DJ FILE UPLOAD  */

div.upContainer{width: 300px;
            height: 60px;
            border:1px solid #274D23;
            background-color: #fff;}

div.upOuterBar{width: 280px;
        height: 40px;
        margin: 10px;
        border:1px solid #274D23;
        background-color: #4D9946;
        overflow: hidden;}

div.upInnerBar{width: 0;
        height: 40px;
        background-color: #274D23;
        position: relative;}

div.upLabel{width: 100%;
        background-color: Transparent;
        color: #fff;
        text-align: center;
        z-index: 9999;
        position: relative;
        top: -25px;}