/*[fmt]0*/
/*The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
/*+clearfix {*/.EventResult:after, .EventSeriesHeader:after, .EventResults:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.bodyText 
{
    width: 95%;
    margin: 0 auto 5px auto;
}
.lefthelp
{
}
.helptitle
{
    background-color: #046838;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    font-size: 1.4em;
    border-left: solid 1px #888;
    border-right: solid 1px #888;
    border-top: solid 1px #888;
}
.helpbody
{
    padding: 5px;
    background-color: #fff;
    border-left: solid 1px #888;
    border-right: solid 1px #888;
    border-bottom: solid 1px #888;
}
.helpbody p 
{
    line-height: 1.3em;
    padding: 0 0 5px 0;
    margin: 0;
}
#sortableArea { width: 400px; margin: 5px auto; }
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }
/*.ui-state-default, .ui-widget-content .ui-state-default */
.portlet { margin: 0 1em 1em 0; }
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

.ui-state-active .ui-icon {
    background-image: url("/Content/CSS/south-street/images/ui-icons_808080_256x240.png");
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color:#000000;
}

.ui-accordion .ui-accordion-content
{
    padding: 5px;
}
.ui-accordion .ui-accordion-header a
{
    padding: 0 0 0 1.6em;
}
.ui-accordion .ui-accordion-header .ui-icon {
    left:0.1em;
}
div.nextevent div.eventbody div.eventEntry H3
{
    background-color: #8DA658;
    background-image: none; 
    padding: 0px;
}
div.nextevent div.eventbody div.eventEntry H3.ui-state-hover {
    background-color: #B7DF64;
    background-image: none; 
}
div.nextevent div.eventbody div.eventEntry H3.ui-state-hover a {
    color: #696969;
}
.EventResult, .EventSeriesHeader, .EventResults
{
    display: inline-block;
}
.EventResult, .EventSeriesHeader, .EventResults
{
    /*\*/
    display: block; /**/
    _height: 1px;
}
/*+}*/BODY
{
    background-color: #FFF;
    font-size: 0.75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
/*	color: #696969;*/
}
/*A:link
{
color: #034AF3;
text-decoration: underline;
}
A:visited
{
color: #505ABC;
}
A:hover
{
color: #1D60FF;
text-decoration: none;
}
A:active
{
color: #12EB87;
}*/
P, UL
{
    margin-bottom: 20px;
    line-height: 1.6em;
}
/*JUITTER PLUGIN CSS*/

#juitterContainer{ font-size: xx-small} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;background:#EEFDEA;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em; display:block;}
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:24px;height:24px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/
/*HEADINGS
----------------------------------------------------------*/
H1, H2, H3, H4, H5, H6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}
H1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
H2
{
    padding: 0 0 10px;
}
H3
{
    font-size: 1.2em;
}
H4
{
    font-size: 1.1em;
}
H5, H6
{
    font-size: 1em;
}
/*this rule styles <h2> tags that are the
first child of the left and right table columns*/
.rightColumn > H1, .rightColumn > H2, .leftColumn > H1, .leftColumn > H2
{
    margin-top: 0;
}
/*PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------
you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width.*/
.page
{
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
}
#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    background-image: url(../../../../Content/Images/Titlebar.png);
    background-repeat: no-repeat;
    height: 157px;
}
#header H1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #FFF;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
    display: none;
}
#main
{
    padding: 0px;
    margin-bottom: 10px;
    _height: 1px;
    background-image: url(/Content/Images/PageBackground.png);
    background-repeat: repeat-y;
    overflow: auto;
    width: 1020px;
}
#footer
{
    clear: both;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: 0.9em;
}
/*TAB MENU
----------------------------------------------------------*/
#menuouter
{
    background-color: #000;
    width: 100%;
    height: 20px;
}
#menucontainer {float:right; height:20px; padding-right:20px; margin-left:40px;}

#menu {margin:0; padding:0 0 0 20px; list-style:none; white-space:nowrap; text-align:left; float:left; height:20px; }
 
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; }
 
#menu li.li-top {float:left; display:block; height: 20px;}
/*#menu li.first {background:none;}*/
 
#menu a {display:block; font: bold 12px Verdana, Helvetica, Sans-Serif; color:#fff; line-height: 20px; text-decoration:none; padding:0 7px 0 7px; background-color: #000;}
 
#menu :hover a:hover {background:#fff; color:#000;}
 
#menu li.li-top a.top {float:left;}
 
#menu li a.top:hover {position:relative; background:#fff; color:#000;}
#menu li.li-top:hover {position:relative; background:#fff; color:#000;}
 
#menu li.li-top:hover > a, #menu li.li-top:hover ul :hover > a {background:#fff; color:#000;}
 
#menu li.li-top:hover ul {margin-top:20px;}
 
#menu :hover ul {left:0;}
#menu :hover ul a {white-space:nowrap;}
#menu :hover ul b {position:absolute;}
#menu :hover ul.right {left:auto; right:-1px;}
 
#menu :hover ul :hover ul, 
#menu :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul
{left:95%; margin-top:-20px;}
 
#menu :hover ul :hover ul.left, 
#menu :hover ul :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul.left
{left:auto; right:95%; margin-top:-20px;}
 
#menu :hover ul ul, 
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px;}
 
#menu :hover ul ul.left, 
#menu :hover ul :hover ul ul.left,
#menu :hover ul :hover ul :hover ul ul.left,
#menu :hover ul :hover ul :hover ul :hover ul ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul ul.left
{left:-9999px; right:auto;}
 
#menu table {border-collapse:collapse; margin-top:-7px; border: none;}
#menu td {border: none;}
/*FORM LAYOUT ELEMENTS
----------------------------------------------------------*/
FIELDSET
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}
FIELDSET P
{
    margin: 2px 12px 10px 10px;
}
FIELDSET LABEL
{
    display: block;
}
FIELDSET LABEL.inline
{
    display: inline;
}
LEGEND
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px;
}
INPUT[type="text"]
{
    width: 200px;
    border: 1px solid #CCC;
}
INPUT[type="password"]
{
    width: 200px;
    border: 1px solid #CCC;
}
DIV.Message
{
    background: #808080;
    color: #FFFFFF;
    padding: 3px 5px;
    margin: 0;
}
A IMG 
{
    border: none;
}
/*TABLE
----------------------------------------------------------*/
TABLE
{
    border: 1px solid #E8EEF4;
    border-collapse: collapse;
}
TABLE TD
{
    padding: 5px;
    border: 1px solid #E8EEF4;
}
TABLE TH
{
    padding: 6px 5px;
    text-align: left;
    background-color: #E8EEF4;
    border: 1px solid #E8EEF4;
}
/*MISC
----------------------------------------------------------*/
.clear
{
    clear: both;
}
.error
{
    color: #FF0000;
}
DIV#title
{
    display: none;
    float: left;
    text-align: left;
}
#logindisplay
{
    font-size: 1em;
    font-weight: bold;
/*	display: block;
    float: right;
    text-align: right;*/
    margin: 0px;
    color: #FFFFFF;
}
#logindisplay A:link
{
    color: #FFFFFF;
    text-decoration: underline;
}
#logindisplay A:visited
{
    color: #FFFFFF;
    text-decoration: underline;
}
#logindisplay A:hover
{
    color: #FFFFFF;
    text-decoration: none;
}
#loginControl
{
    /*border: solid 2px #046838;*/
    padding: 0px 10px;
    background-color: #8da658;
    color: #fff; 
    font-weight: bold;
    height: 28px ! important;
    
}
#welcomeBlock
{
    float: right;
}
.loginPadding 
{
        padding: 5px 10px;
}
#linkBlock 
{
    float: right;
    padding: 2px;
}
#linkBlock span.ui-button-text 
{
    padding: 2px 10px;
}
/*#loginControl A:link, #loginControl A:visited
{
    color: #046838;
}*/
#loginControl #username, #loginControl #password
{
    width: 100px;
}
#loginTitle
{
    float: left;
    font-weight: bold;
}
#loginBlock
{
    padding-bottom: 3px;
}
.field-validation-error
{
    color: #FF0000;
}
.input-validation-error
{
    border: 1px solid #FF0000;
    background-color: #FFEEEE;
}
.validation-summary-errors
{
    font-weight: bold;
    color: #FF0000;
}
.message
{
    font-style: italic;
    color: #FFF;
    background-color: #2F1D73;
    padding: 10px;
}
.message A
{
    color: #fff;
}
.launchmessage 
{
    font-weight: bold;
    font-size: larger;
    color: #FFF;
    background-color: #2F1D73;
    padding: 10px;
}
.launchmessage A
{
    color: #fff;
}
DIV.pager
{
    text-align: right;
    border-top: 2px solid #C0C0C0;
    padding: 0.5em 0 0;
    margin-top: 1em;
}
DIV.pager A
{
    font-size: 1.1em;
    color: #666;
    text-decoration: none;
    padding: 0 0.4em;
}
DIV.pager A:hover
{
    background-color: #C0C0C0;
}
DIV.pager A.selected
{
    background-color: #353535;
    color: #FFFFFF;
}
DIV.event
{
    border: 1px solid #046838;
    padding: 0px;
    background-color: #F8FFF8;
    width: 200px;
    height: 150px;
    float: left;
    margin: 3px 5px;
}
DIV.event H3
{
    margin: 0px;
    padding: 5px;
    background-color: #046838;
    color: #FFFFFF;
}
DIV.BDtest
{
    background-color: #FFFFFF;
    border: 1px solid #000;
    text-align: center;
    background: #FFFFFF;
    background-image: url(/Content/Images/BDTestbackground.gif);
    width: 74px;
    height: 60px;
    margin: 3px;
}
DIV.BEtest
{
    background-color: #FFFFFF;
    border: 1px solid #000;
    text-align: center;
    background: #FFFFFF;
    background-image: url(/Content/Images/BETestbackground.gif);
    width: 74px;
    height: 60px;
    margin: 3px;
}
DIV.PCtest
{
    background-color: #FFFFFF;
    border: 1px solid #000;
    text-align: center;
    background: #FFFFFF;
    background-image: url(/Content/Images/PCTestbackground.gif);
    width: 74px;
    height: 60px;
    margin: 3px;
}
DIV.BRCtest
{
    background-color: #FFFFFF;
    border: 1px solid #000;
    text-align: center;
    background: #FFFFFF;
    background-image: url(/Content/Images/BRCTestbackground.gif);
    width: 74px;
    height: 60px;
    margin: 3px;
}
P.level
{
    color: #000000;
    font-weight: bold;
    padding: 0px;
    margin: 3px;
    line-height: 1em;
    font-size: 0.8em;
}
P.number
{
    color: #000000;
    font-size: 3em;
    font-weight: bold;
    margin: 0px auto 3px;
    line-height: 1;
}
P.PYO
{
    color: #007000;
    font-size: 1.3em;
    font-weight: bold;
    margin: 3px auto;
    line-height: 1;
}
DIV.description
{
    padding: 3px;
    font-size: smaller;
}
DIV.header DIV.dates
{
    float: right;
    color: #FFFF88;
    font-size: 90%;
    text-align: right;
    font-style: italic;
}
DIV.event H4
{
    padding: 3px;
    margin: 0;
}
#leftcolumn
{
    width: 160px;
    float: left;
    padding: 5px;
    margin: 0px;
}
#rightcolumn
{
    width: 125px;
    float: right;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
#rightcolumn .sectionHeader 
{
    margin: 0 auto;
}
#centrecolumn
{
    float: left;
    width: 710px;
    padding: 5px;
}
#eventcontainer
{
    width: 100%;
    overflow: auto;
}
DIV.nextevent
{
    border: 1px solid #046838;
    padding: 0px;
    background-color: #F8FFF8;
    width: 160px;
    /*float: left;*/
}
DIV.nextevent DIV.header
{
    margin: 0px;
    padding: 5px;
    background-color: #046838;
}
DIV.nextevent DIV.header H3
{
    margin: 0;
    color: #FFF;
}
DIV.nextevent H4
{
    font-style: italic;
    background-color: #d1e4b2;
    border-top: solid 1px #046838;
    color: #606060;
}
DIV.nextevent>H3
{
    margin: 0;
    padding: 2px 3px 5px 3px;
    background-color: #d1e4b2;
    border-bottom: solid 1px #046838;
}
DIV.nextevent DIV.header DIV.title
{
    float: none;
    color: #F8FFF8;
    font-weight: bold;
}
DIV.nextevent H4
{
    padding: 3px;
    margin: 0;
}
DIV.nextevent DIV.eventbody
{
    padding: 3px;
}
DIV.nextevent DIV.runningtime
{
    padding-bottom: 10px;
    height: 37px;
    vertical-align: top;
}
DIV.nextevent DIV.runningtime DIV.entriestitle
{
    float: left;
    font-size: 1.2em;
    width: 115px;
}
DIV.nextevent DIV.enter
{
    width: 50px;
    text-align: center;
}
DIV.nextevent DIV.enter A
{
    color: #F8FFF8;
    text-decoration: none;
    display: block;
    padding: 3px 5px;
    background-color: #046838;
}
DIV.eventbody .nextEventTable
{
    border: none;
}
DIV.eventbody .nextEventTable TD
{
    border: none;
}
DIV.calendarpage
{
    width: 35px;
    height: 37px;
    background-color: #FFFFFF;
    border: 1px solid #000;
    display: inline-block;
}
DIV.calendarpage DIV.day
{
    font-size: large;
    font-weight: bold;
    text-align: center;
}
DIV.calendarpage DIV.month
{
    background-color: #FF0000;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}
#centrecontent
{
    border: 1px solid #00CC66;
    padding: 3px;
}
.flashborder
{
    border: 1px solid #000000;
    width: 700px;
    height: 360px;
}
.centreheader
{
    font-weight: bold;
    color: #2D832C;
    background-color: #CFE7B0;
    border-style: solid;
    border-width: 1px;
    border-color: #76BB1E #EAF3DF #EAF3DF #76BB1E;
    padding: 3px;
    margin-top: 5px;
}
.centresubheader
{
    color: #62ac00;
    font-weight: bold;
    text-align: center;
    background-color: #EAF3DF;
    border-style: solid;
    border-width: 1px;
    border-color: #76BB1E #CFE7B0 #CFE7B0 #76BB1E;
    padding: 3px;
    width: 500px;
    float: left;
}
.centrerightbutton
{
    margin-left: 540px;
    font-weight: bold;
    text-align: center;
    padding: 3px;
    background-color: #2D832C;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #76BB1E #CFE7B0 #CFE7B0 #76BB1E;
}
.centreinfo
{
    margin-top: 5px;
    margin-bottom: 5px;
}
.infoblock
{
    font-size: 1.2em;
}
.infoblock H1 
{
    font-size: 2em;
    margin: 0px 0px 10px 0px;
    padding: 5px;
    background-color: #046838;
    color: #FFF;
    text-align: center;
}
.infoblock LI
{
    margin: 0 5px 10px 5px;
    color: #000;
    line-height: 1.2em;
}
.infoblock A
{
    text-decoration: none;
    color: #FFFFFF;
}
DIV.classtitle
{
    font-weight: bold;
}
DIV.classsponsor
{
    color: #046838;
}
TFOOT TD
{
    border-top: 1px dotted #808080;
    font-weight: bold;
}
.actionButtons A
{
    font: 0.8em Arial;
    color: #FFFFFF;
    margin: 0 0.5em;
    text-decoration: none;
    padding: 0.15em 1.5em 0.2em;
    background-color: #008800;
    border: 1px solid #004400;
}
DIV#cart
{
    background-color: #046838;
    padding: 5px;
    position: absolute;
    top: 133px;
    right: 0px;
    color: White;
}
.menuTranslucent
{
    filter: alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity: 0.7;
}
.menuSolid
{
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
/*DIV#cart
{
color: silver;
background-color: #555;
padding: 0.5em 0.5em 0.5em 1em;
position: absolute;
top: 120px;
right: 0px;
}
DIV#cart A
{
text-decoration: none;
padding: 0.4em 1em;
line-height: 2.1em;
margin-left: 0.5em;
background-color: #333;
color: white;
border: 1px solid black;
}
DIV#cart SPAN.summary
{
color: white;
}

--- JUDGING PAGE ----*/
.judgingPage
{
    padding: 10px;
}
.videoWindow
{
}
.competitorDetail
{
    float: right;
    width: 250px;
    padding: 10px;
    border: 1px solid #808080;
    background: #FFFFFF;
}
.competitorDetail H2
{
    font-size: 2em;
    padding: 0px;
    margin: 0px;
}
.competitorTable 
{
    border: none;
}
.competitorTable TD 
{
    border: none;
    padding: 2px;
}
.competitorLabel
{
    float: left;
    font-size: 1.2em;
    width: 70px;
}
.competitorField
{
    font-size: 1.2em;
    font-weight: bold;
}
.scoreBoard
{
    height: 200px;
    overflow: auto;
    border-top: 1px solid #046838;
    border-bottom: 1px solid #046838;
}
.scoringcell
{
}
.scorecell
{
}
INPUT[type="text"].numericScore
{
    font-size: large;
    width: 28px;
    height: 28px;
}
.competitorNotes
{
    border-top: solid 1px Black;
    margin-top: 5px;
    padding-bottom: 10px;
}
#judgeTooltip
{     
    display: none;     
    background:transparent url(/Content/Images/black_arrow_big.png);     
    font-size:12px;     
    height:160px;     
    width:320px;     
    padding:25px;     
    color:#fff;     
}
.tooltip {
        display:none;
        background-color:#ffa;
        border:1px solid #cc9;
        padding:3px;
        font-size:13px;
        -moz-box-shadow: 2px 2px 11px #666;
        -webkit-box-shadow: 2px 2px 11px #666;
}
.ridingschoolpointstable
{
    border: solid 1px #000;
    border-collapse: collapse;
}
.ridingschoolpointstable td, .ridingschoolpointstable th
{
    border: solid 1px #000;
    border-collapse: collapse;
}
ol ul li 
{
    list-style-type: disc;
}
.helpItem
{
    font-size: 1.2em;
}
.fakechecked
{
    text-decoration: underline !important;
    color: #800000 !important;
}
.fakecheck
{
    text-decoration: none;
    outline: none;
    color: #046838;
}
.eoccheck
{
    text-decoration: none;
    outline: none;
    color: #808080;
}
.eocchecked
{
    color: Red !important;
}
TABLE#ResultsSheetHeader
{
    padding: 0px;
    color: #046838;
    border: none;
}
TABLE#ResultsSheetHeader TD
{
    border: none;
}
TD#Legend
{
    width: 180px;
    font-size: 8px;
}
TABLE#LegendBox
{
    border: 1px solid #046838;
    line-height: 5px;
}
TABLE#LegendBox TD
{
    padding: 2px;
}
TABLE#LegendBox TD.scoreValue
{
    padding-left: 5px;
}
TD#SeriesTitle
{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    font-family: "Trebuchet MS" , Tahoma, Arial, Helvetica, Sans-Serif;
    vertical-align: top;
    width: 150px;
}
TD#TestTitle
{
    text-align: right;
    vertical-align: top;
    font-family: "Arial Narrow" , Arial, Helvetica, Sans-Serif;
}
.GradeTitle
{
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: bold;
}
TD#TestNumber
{
    font-size: 70px;
    font-weight: bold;
    line-height: 70px;
    padding: 0px;
    vertical-align: top;
}
.resultInfoLine
{
    font-size: smaller;
    color: #046838;
    padding-right: 10px;
}
.EventResultPosition
{
    padding: 5px;
    font-size: 25pt;
    background-color: #FEFEDB;
    color: #000000;
    width: 40px;
    text-align: center;
    font-family: "Trebuchet MS";
    font-weight: bold; /*+placement:float-left 0px 0px;*/
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
    height: 38px;
}
.EventResultCompetitor
{
    padding-left: 5px;
    font-family: "Trebuchet MS";
    font-size: 14pt;
    background-color: #046838;
    padding-right: 5px;
    color: #FEFEFE;
    font-weight: bold;
}
.EventResultHorse
{
    font-family: "Trebuchet MS";
    font-size: 14pt;
    background-color: #9FCF9F;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: normal;
    font-style: italic;
    color: #282828;
}
.EventResultScore
{
    /*+placement:float-left;*/
    float: left;
    font-family: "Trebuchet MS";
    font-size: 25pt;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #046838;
    height: 44px;
    text-align: center;
    color: #FEFEFE;
    padding-top: 4px;
}
.EventResultPair
{
    /*+placement:float-left 0px 0px;*/
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
    width: 200px;
}
/*[clearfix]*/.EventResult
{
    border-collapse: collapse;
    width: 380px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.EventResultTitle
{
    font-family: "Times New Roman";
    font-size: 12pt;
    font-weight: normal;
    padding-right: 5px;
    background-color: #EDFCED;
}
.EventResultTest
{
    font-family: "Times New Roman";
    font-size: 12pt;
    color: #000000; /*+placement:float-right 0px 0px;*/
    float: right;
    position: relative;
    left: 0px;
    top: 0px;
    text-align: right;
    width: 170px;
    background-color: #8CE78C;
    padding-top: 0px;
}
.EventResultHeader
{
    width: 380px;
    padding-bottom: 0px;
    padding-top: 5px;
}
.EventResultList
{
}
/*[clearfix]*/.EventResults
{
    width: 374px;
}
.EventSeries
{
    color: #006AB6;
    font-family: "Times New Roman";
    font-size: 18pt;
}
.EventCompetition
{
    font-style: italic;
    font-size: 11pt;
}
/*[clearfix]*/.EventSeriesHeader
{
}
.errorRow
{
    background-color: #e2979a;
}
.errorMessage
{
    color: Red;
}
.resultsTableTitle
{
    padding: 0px;
}
.resultsTableCell
{
    font-weight: bold;
    padding: 0px;
    padding-left: 3px;
}
.riderVideo
{
    width: 120px;
    height: 75px;
}
/* the overlayed element */ 
.simple_overlay {     
    /* must be initially hidden */ 
    display:none;
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#d1e4b2; 
     
    width:320px;     
    min-height:200px; 
    border:1px solid #004000;
    padding: 15px;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
}

/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(/Content/Images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.edit_overlay {     
    /* must be initially hidden */ 
    display:none;
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#ffffff; 
     
    width:520px;
    border:1px solid #004000;
    padding: 15px;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
}

/* close button positioned on upper right corner */ 
.edit_overlay .close { 
    background-image:url(/Content/Images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.simple_overlayHeading 
{
    font-weight: bold;
    font-size: larger;
    background-color: #008000;
    color: #fff;
    padding: 3px;
}

.simple_overlaySponsor
{
    padding: 3px;
    color: #046838;
}

.simple_overlayBody
{
    padding: 3px;
}

/* the overlayed element */
.apple_overlay {
    
    /* initially overlay is hidden */
    display:none;
    
    /* growing background image */
    background-image:url(/Content/Images/white.png);
    
    /* 
        width after the growing animation finishes
        height is automatically calculated
    */
    width:640px;		
    
    /* some padding to layout nested elements nicely  */
    padding:35px;
 
    /* a little styling */	
    font-size:11px;
}
 
/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(/Content/Images/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}
div.contentWrapSmall 
{
}
.voucherEntry 
{
    padding-top: 10px;
    padding-bottom: 5px;
}
.resultPlacing
{
    font-weight: bold;
    font-size: medium;
}
.childrenTable
{
    width: 969px;
    background-color: #e4ffe4;
    margin: 0px auto 5px auto;
    border: solid 1px #CCC;
}
.childrenTable TH
{
    border: solid 1px #CCC;
    background-color: #d1e4b2;
}
.childrenTable TD
{
    border: solid 1px #CCC;
    vertical-align: top;
}
.childrenTable A
{
    text-decoration: none;
}
.childrenTable A IMG
{
    border: none;
    padding: 3px;
}
.childrenFunctions
{
    width: 969px;
    margin: 0px auto 5px auto;
}
.childrenFunctions A IMG
{
    border: none;
    padding: 3px;
}
.sectionHeader
{
    margin: 5px auto 0px auto;
    background-color: #046838;
}
.sectionHeader H2
{ 
    padding: 3px;
    margin: 0px;
    color: White;
    font-size: x-large;
}
.sectionHeader H3
{
    padding: 3px;
    margin: 0px;
    color: White;
    font-size: large;
}
.sectionHeader H4
{
    padding: 3px;
    margin: 0px;
    color: White;
    font-size: small;
}
.sponsorLogos IMG
{
    padding: 3px 2px;
}
.eventTicket
{
    width: 410px;
    padding: 10px;
    border: solid 1px #046838;
    background-color: #fff4cc;
    color: #000;
}
.eventViewHeader
{
    margin: 5px 0 0 0;
    background-color: #046838;
    border: solid 1px Black;
    width: 250px;
}
.eventViewHeader H2
{ 
    padding: 3px;
    margin: 0px;
    color: White;
    font-size: x-large;
}
.eventViewHeader H3
{
    padding: 3px;
    margin: 0px;
    color: White;
    font-size: large;
}
#movementTable
{
    border: 1px solid #046838;
    border-collapse: collapse;
    padding: 0px;
    background-color: #fff;
}
#movementTable TH
{
    border: 1px solid #00C000;
    border-collapse: collapse;
    background-color: #046838;
    color: #FFFFFF;
}
#actiontop
{
    padding: 5px 5px 0px;
/*	border-right: 1px solid #046838;
    border-top: 1px solid #046838;
    border-left: 1px solid #046838;*/
    border-bottom: none;
    border-collapse: collapse;
}
#actionbottom
{
/*	border-right: 1px solid #046838;
    border-bottom: 1px solid #046838;
    border-left: 1px solid #046838;*/
    border-top: none;
    border-collapse: collapse;
    padding: 0px 5px 5px;
}
#actionmiddle
{
/*	border-right: 1px solid #046838;
    border-left: 1px solid #046838;*/
    border-bottom: none;
    border-top: none;
    border-collapse: collapse;
    padding: 0px 5px;
}
.actiontop
{
    padding: 5px 5px 0px;
    border-right: 1px solid #046838;
    border-top: 1px solid #046838;
    border-left: 1px solid #046838;
    border-bottom: none;
    border-collapse: collapse;
}
.actionbottom
{
    border-right: 1px solid #046838;
    border-bottom: 1px solid #046838;
    border-left: 1px solid #046838;
    border-top: none;
    border-collapse: collapse;
    padding: 0px 5px 5px;
}
.actionmiddle
{
    border-right: 1px solid #046838;
    border-left: 1px solid #046838;
    border-bottom: none;
    border-top: none;
    border-collapse: collapse;
    padding: 0px 5px;
}
.movementcell
{
    border: 1px solid #046838;
    border-collapse: collapse;
    vertical-align: top;
}
.scoringcell
{
    border: 1px solid #046838;
    border-collapse: collapse;
    vertical-align: middle;
}
.daButton
{
    border-right: solid 1px #004000;
    border-bottom: solid 1px #004000;
    border-top: solid 1px #e4ffe4;
    border-left: solid 1px #e4ffe4;
    background-color: #046838;
    color: White;
}
.LinkButton
{
    border-right: solid 1px #004000;
    border-bottom: solid 1px #004000;
    border-top: solid 1px #e4ffe4;
    border-left: solid 1px #e4ffe4;
    background-color: #046838;
    color: White;
    padding: 5px;
    text-decoration: none;
}
.accountNote
{
    font-size: smaller;
    padding-bottom: 10px;
}
.accountSpacer
{
}
.mandatory
{
    color: Red;
}
.headeredTextBlock
{
    width: 957px;
    padding: 5px;
    background-color: #e4ffe4;
    margin: 0px auto 5px auto;
    border: solid 1px #CCC;

}
.accountTable
{
    width: 969px;
    background-color: #e4ffe4;
    margin: 0px auto 5px auto;
    border: solid 1px #CCC;
}
.accountTable TD
{
    border: none;
}
input.blur {
    color: #999;
}
.userDataTable
{
    width: 100%;
    background-color: #e4ffe4;
    margin: 0px auto 5px auto;
    border: solid 1px #CCC;
}
.userDataTable TH
{
    border: solid 1px #CCC;
    background-color: #d1e4b2;
}
.userDataTable TD
{
    border: solid 1px #CCC;
    vertical-align: top;
}
.userDataTable A
{
    text-decoration: none;
}
.userDataTable A IMG
{
    border: none;
    padding: 3px;
}
.userDataFunctions
{
    width: 100%;
    margin: 0px auto 5px auto;
}
.userDataFunctions A IMG
{
    border: none;
    padding: 3px;
}
.highlightEntry
{
    border: solid 2px Red;
    background-color: #ffeb9c;
}
.riderNumber 
{
    font-weight: bold;
    color: #046838;
}
.classBlock
{
    border-bottom: solid 1px #a0a0a0;
    padding-bottom: 5px;
}
.addLink
{
    float:right;
}
.passwordbg
{
    background: url(/Content/Images/passwordbg.gif) #fff no-repeat 0px 0px
}
#arenaDiagrams
{ 
    text-align: center;
}
#arenaDiagrams IMG
{
    border: none;
    padding: 10px;
}
#arenaSetup 
{
    padding: 10px;
}
#arenaSetup P
{
    font-weight: bold;
}
#arenaSetup UL UL LI
{
    font-weight: normal;
    list-style-type: circle;
}
#arenaSetup UL LI
{
    font-weight: bold;
}
#arenaSetup UL OL LI
{
    font-weight: normal;
}
#arenaSetup .nobullet
{
    list-style-type: none;
    font-weight: normal;
}
.simple_overlay 
{          
    /* must be initially hidden */     
    display:none;          
    /* place overlay on top of other elements */     
    z-index:10000;          
    /* styling */     
    background-color:#fff;          
    min-width:200px;         
    min-height:200px;     
    border:1px solid #666;          
    /* CSS3 styling for latest browsers */     
    -moz-box-shadow:0 0 90px 5px #000;     
    -webkit-box-shadow: 0 0 90px #000;     
} 
/* close button positioned on upper right corner */ 
.simple_overlay .close 
{     
    background-image:url(/Content/Images/close.png);     
    position:absolute;     
    right:-15px;     
    top:-15px;     
    cursor:pointer;     
    height:35px;     
    width:35px; 
}
DIV.comingsoon
{
    font-size: 3em;
    text-align: center;
}
#alphaArray
{
    width: 700px;
    background-color: #8DA658;
    margin: 5px auto 0px auto;
    font-size: 20px;
    font-weight: bold;
}
#principleMain
{
    width: 700px;
    margin: 0px auto;
    background-color: #B6C594;
}
#principleMain:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#principleMain { display: inline-block; }
#principleMain { display: block; }
#principleList
{
    background-color: #B6C594;
    width: 230px;
    float: left;
}
#principleBody
{
    float: right;
    width: 470px;
    background-color: #DAE2CA;
}
.principleContent
{
    padding: 10px;
}
.letterSelector
{
    cursor: pointer;
    padding: 5px 3px;
    margin: 0;
}
.letterSelector:hover
{
    background-color: #000;
    color: #fff;
}
#principleListHeader
{
    padding: 5px 3px;
    font-weight: bold;
    color: #444444;
}
.principleTitle
{
    cursor: pointer;
    padding: 5px 3px;
    font-weight:bold;
}
.principleTitle:hover
{
    background-color: #000;
    color: #fff;
}
.clearfix:after {
 content: "."; 
 display: block; 
 height : 0; 
 clear: both; 
 visibility: hidden;
}
.PendingCompetitions
{
    font-size: larger;
    font-weight: bold;
    text-align: center;
    background-color: Red;
    color: White;
    padding: 5px;
}
.LoginMessages
{
    font-size: larger;
    font-weight: bold;
    text-align: center;
    background-color: DarkRed;
    color: White;
    padding: 5px;
}
.LoginMessages a
{
    color: White;
    text-decoration: none;
}
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

a.EventButton 
{
    text-decoration: none;
    cursor: pointer;
    font: 900 12px "Arial", Helvetica, sans-serif;
    background: url(/Content/Images/buttondoor.gif) no-repeat top right;
    color: #000;
    float: right;
    margin: 5px 5px;
}

a.EventButton:hover
{
    background: url(/Content/Images/buttondoor_hover.gif) no-repeat top right;
}

a.EventButton:active
{
    background: url(/Content/Images/buttondoor_down.gif) no-repeat top right;
    color: #fff;
}

a.EventButton span 
{
    background: url(/Content/Images/buttondoor.gif) no-repeat top left;
    margin: 0 5px 0 -5px;
    padding: 3px 3px 3px 8px;
    position: relative;
    float: left;
}

a.EventButton:hover span 
{
    background: url(/Content/Images/buttondoor_hover.gif) no-repeat top left;
}

a.EventButton:active span 
{
    background: url(/Content/Images/buttondoor_down.gif) no-repeat top left;
}
ol.legal,
ol.legal ol 
{                /* default display, one reference per item */
    list-style-type: decimal;
    padding-left: 1em;
    margin-left: .5em;
}
body.ready ol.legal,
body.ready ol.legal ol 
{    /* if JS enabled, allow it to specify the reference numbers */
    list-style-type: none;
}
body.ready ol.legal ol
{
    padding-top: 5px;
}
body.ready ol.legal ol 
{
    margin-left: -1.3em;
}

body.ready ol.legal span.reference {
    padding-right: .5em;
}
#dressageprinciples
{
    width: 95%;
    margin: 0 auto;
}
#dressageprinciples ol li
{
    text-indent: 0;
    padding-bottom: 5px;
}
#dressageprinciples h2
{
    padding-bottom: 0;
    margin-bottom: 0;
}
#GlossaryLetters 
{
    padding: 5px;
    border: solid 1px #046838;
}
#GlossaryLetters .IndexTitle
{
    font-size: x-large;
    font-style: italic;
    font-weight: bold;
    font-family: Times New Roman;
    padding: 5px 0;
    color: #046838;
}
#GlossaryLetters a
{
    cursor: pointer;
    padding: 5px 3px;
    margin: 0;
    text-decoration: none;
    font-size: x-large;
    font-weight: bold;
    color: Black;
}
#GlossaryLetters a:hover
{
    background-color: #000;
    color: #fff;
}
#Glossary
{
    width: 95%;
    margin: 0 auto;
}
#Glossary .indexlink, #dressageprinciples .indexlink, .rulesText .indexlink
{
    font-size: smaller;
    padding-left: 10px;
    float: right;
}
#Glossary h2
{
    padding-bottom: 0;
    margin-bottom: 0;
}
#Glossary p
{
    margin-top:0;
}
.FEICopyright
{
    font-size: xx-small;
}
.EventViewControls
{
    padding-top: 5px;
    text-align: right;
}
.rulesText
{
    width: 95%;
    margin: 5px auto;
}
.userAddress, .userAddress TD
{
    border: none;
}
.userAddressHighlight
{
    background-color: #8da658;
}
.classrestrictions
{
    color: #2F1D73;
    font-weight: bold;
}
.competitorFlags
{
    background-color: #046838;
    padding: 5px;
}
.competitorFlags .header
{
    font-weight: bold;
    color: White;
    display: inline-block;
    vertical-align: top;
    width: 200px;
}
.competitorFlags .flags
{
    width: 500px;
    display: inline-block;
}
.newsMore
{
}
.newsMore a
{
    font-style: italic;
    font-size: small;
    color: #4f6228;
}
.newsList 
{
}
.newsList .newsListArticle 
{
    padding-bottom: 10px;
    border-bottom: solid 1px #dddddd;
}
.newsList .newsListArticle H2
{
    font-size: 1.6em;
    font-weight: bold;
    color: #4f6228;
    margin: 5px 0 0 0;
}
.newsList .newsListArticle .newsPostedDate 
{
    font-size: 0.8em;
    padding-bottom: 5px;
    margin: 0;
}
.newsArticle H2
{
    font-size: 1.6em;
    font-weight: bold;
    color: #fff;
    margin: 5px 0 0 0;
}
.newsArticle .newsPostedDate
{
    font-size: 0.8em;
    padding-bottom: 5px;
    margin: 0;
}
.newsBody
{
    margin: 0;
}
#RiderSelection 
{
    margin-top:10px;
}
