/* xxxxxxxxxxxxxxx Element IDs xxxxxxxxxxxxxxxxx */


#top
{
    position: absolute;
    top: 1%;
    left: 1%;
    width: 98%;
    height: 130px;
    background-image: url(../ximages/yellowOrangeTop.jpg);
    background-repeat: repeat;
}


    
#crumbLogin
{
    position: absolute;
    top: 1%;
    width: 100%;
    background-color: #cc0000;
    border-top: solid 1px darkred;
    border-bottom: solid 1px orange;
    color: #fffacd;
    font-family: Verdana;
    font-size: x-small;
}

#logo
{
    position: absolute;
    width: 60%;
    text-decoration: none;
    vertical-align: middle;
}

#goodluck
{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 35px;
}

.DDSS
{
    position: absolute;
    top: 35px;
    left: 20px;
    color: #cc0000;
    font-size: 26pt;
    font-family: 'Palatino Linotype';
    text-decoration: none;
}

.Delphi
{
    position: absolute;
    top: 75px;
    left: 20px;
    color: #8b0000;
    font-size: 10pt;
    font-family: Arial Narrow;
    letter-spacing: 3px;
    font-weight: lighter;
}


.subtitle
{
    font-family: 'Edwardian Script ITC';
    position: relative;
    letter-spacing: -1;
    top: 50px;
    font-size: 30px;
    font-style: italic;
    font-weight: normal;
}

#tagline
{
    position: absolute;
    top: 55px;
    left: 60%;
    width: 39%;
    font-family: Verdana;
    font-size: small;
    color: #800000;
    font-weight: lighter;
    text-align: left;
    font-size: medium;
}


#vmenu{position:absolute; top:110px;}



#inner
{
    position: absolute;
    top: 140px;
    width: 98%;
    left:1%;
    background-color: #ffffff;
    display: block;
    height: auto;
    vertical-align: top;
    text-align: left;
}


#useragreement
{
    position: relative;
    width: 99%;
    height: 200px;
    overflow: auto;
    border: silver 1px solid;
    padding: 5px;
}

#useragreement p
{
    font-family: Verdana; 
    font-size: smaller; 
    width: 90%;
}

#footer
{
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    text-align: center;
    font-family: Verdana;
    font-size: 8pt;
    display: block;
    border-top: #990000 1px solid;
}

.contentBox
{
    border:solid 1px silver; 
    padding:5px 5px 5px 5px; 
    width:220px;
    margin-bottom:20px;
}

.ArialNarrowSmall p
{
    font-size:10pt; 
    font-family:Verdana;
 }
 
.ArialNarrowSmall

{
   font-size:10pt; 
    font-family:Verdana;
 }

.ArialNarrowXSmall 
{
    font-size: x-small; 
    font-family:Arial Narrow;
 }

/* Elements */

body
{

}

h1
{
    font-family: Arial;
    font-size: x-large;
    font-weight: lighter;
    color: #660000;
    border-bottom: #330000 1px solid;
    padding-top: 10px;
}

h2
{
    font-family: Arial;
    font-size: 16px;
    color: #990000;
}

h3
{
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    font-weight: lighter;
    color: #cc0000;
    font-style: oblique;
}

h4
{
    font-family: Verdana;
    font-size: 10pt;
    color:Black;
    font-weight: lighter;
    font-style: oblique;
    line-height: 6px;
}

p
{ font-family: Verdana;
    font-size: smaller;
    color: black;
}

.priceTableNew p
{
    font-family: Arial Narrow;
    color: #660000;
    text-align: center;
}

/* Links */

.breadcrumb a
{
    color: #ffff00;
}


.DDSS a
{
    color: #660000;
}

.links a
{
    color: #660000;
}


h2.professional
{
    background-color: #cc0000;
    color: white;
    border-bottom: solid 1px #cc0000;
    padding-left: 5px;
}

span.professional
{
    background-color: #ffff99;
    font-weight: bold;
    color: #ff0000;
}

.loginName
{
    color: #f0ffff;
    font-family: Verdana;
    font-size: small;
}

.logOut
{
    color: #ffff66;
    font-size: small;
    padding-right: 5px;
}


/* Menues */
.mnuHorizontalOverall
{
    background-color: Orange;
    font-family: Verdana;
    font-size: 0.7em;
    border-bottom: solid 2px darkorange;
    border-top: solid 1px darkorange;
    color: #800000;
    font-weight: bold;
    height: 20px;
}

.mnuHorizontalItems
{
       color: #800000;
    text-align:center;
    height: 20px;
    padding-top:2px;
}

.mnuHorizontalStaticHover
{
    background-color: #cc0000;
    color: #ffffff;
}

.mnuHorizontalStaticSelected
{
    background-color: #cc0000;
    color: white;
}
                
.mnuVerticalOverall
{
    background-color: #ffffff; 
    font-family: Verdana; 
    font-size: 0.7em; 
    color: #cc0000;
    width: 100%;
    font-weight: bold;
}

.mnuVerticalItems
{ padding: 4px 2px 4px 2px;
    margin: 2px 0px 2px 0px;
    color: #cc0000;
}

.mnuVerticalStaticHover
{
    background-color: #cc0000;
    color: #ffffff;
}
.mnuVerticalStaticSelected
{
    background-color: #cc0000;
    color: #f0e68c;
}
   
.mnuVerticalOrderOverall
{
    background-color: White;
    font-family: Verdana;
    font-size: 0.7em;
    color: #cc0000;
    width: 90%;
    font-weight: bold;
}

.mnuVerticalOrderItems
{ padding: 4px 2px 4px 2px;
    margin: 2px 0px 2px 0px;
    color: #ff8c00;
}

.mnuVerticalOrderStaticHover
{
    background-color: #ff8c00;
    color: #ffffff;
}
.mnuVerticalOrderStaticSelected
{
    background-color: #ff9900;
    color: white;
}


/* Login Boxes */
.setupBox
{
    background-color: #ffff99;
    color: #ff6600;
    border-right: #ff6600 1px solid;
    border-top: #ff6600 1px solid;
    border-left: #ff6600 1px solid;
    border-bottom: #ff6600 1px solid;
    font-family: Arial Narrow;
    font-size: small;
}

.setupHeader
{
    background-color: #ff8c00;
    color: #fffacd;
    text-align:center;
    font-weight: bold;
    font-size:larger;
}

.setupTitle
{
    color: #fffacd;
    font-size: xx-small;
}

.setupBtn
{
    background-color: #FFFBFF;
    font-size: 0.8em;
    font-family: Verdana;
    color: #990033;
    border-right: #ff6600 1px solid;
    border-top: #ff6600 1px solid;
    border-left: #ff6600 1px solid;
    border-bottom: #ff6600 1px solid;
}

.loginDDSS
{
    font-family: Verdana;
}

.loginDDSSTextbox
{
    font-size: x-small;
    vertical-align: bottom;
    color: #990000;
    width: 100px;
    border: silver 1px solid;
}
    
.loginDDSSLabel
{
    font-size: x-small;
    vertical-align: middle;
    color: #fffacd;
}
    
.loginSetup
{
    background-color: #ffff99;
    border: solid 1px black;
    font-family: Verdana;
    font-size: 0.8em;
    color: #333333;
} 

.loginSetupTitle
{
    background-color: #cc0000;
    font-weight: bold;
    font-size: 0.8em;
    color: #ffffff;
}

.loginSetupLabels
{
    font-size: 0.8em;
    color: #990000;
}


/* Buttons */


.btnUpdate
{
    background-color: #ffff99;
    border-right: #990000 1px groove;
    border-top: #990000 1px groove;
    border-left: #990000 1px groove;
    border-bottom: #990000 1px groove;
    color: #990000;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
}


.btnGeneric
{    background-color: #ffff99;
    border-right: #990000 1px groove;
    border-top: #990000 1px groove;
    border-left: #990000 1px groove;
    border-bottom: #990000 1px groove;
    color: #990000;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.btnOrder
{
    background-color: #ffcc00;
    border-right: #990000 1px groove;
    border-top: #990000 1px groove;
    border-left: #990000 1px groove;
    border-bottom: #990000 1px groove;
    color: #cc3300;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.btnPro
{
    background-color: #990000;
    border-right: #000000 1px outset;
    border-top: #000000 1px outset;
    border-left: #000000 1px outset;
    border-bottom: #000000 1px outset;
    color: #ffff99;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top: 0px;
}


/* Logo Boxes */


.logoPro
{
    font-size: smaller;
    color: #cc3300;
    font-weight: bold;
    text-transform: capitalize;
    font-family: 'Arial Narrow';
    background-color: #ffcc00;
    padding: 5px 0px 5px 0px;
    text-align: center;
    border-right: #ff9900 1px solid;
    border-top: #ff9900 1px solid;
    vertical-align: middle;
    border-left: #ff9900 1px solid;
    border-bottom: #ff9900 1px solid;
    width: 98%;
}

/* ========================= Lists ================ */
ol
{
    color: black;
    list-style-position: outside;
    list-style-type: decimal;
}

.document
{
    list-style-image: url(../ximages/document.gif);
}

ul
{   color: black;
    list-style-position: outside;
    list-style-type: disc;
}


li
{
    font-family: Verdana;
    font-size: 9pt;
    padding-bottom: 6px;
}



/* ###################### Tables ####################### */

thead
{
    font-weight:bold;
}

td
{
    vertical-align: top;
}
th.ratingsDateTrack
{
    color: #003300;
    background-color: White;
}
.resultTable
{
    font-size: small;
    font-family:Arial Narrow;
    width: 100%;
    border: #990000 1px solid;
}

.TournamentResultsTable
{
    font-size: small;
    font-family: Arial Narrow;
    width: 100%;
    border-collapse:collapse;
    color: Maroon;
}


.priceTable
{
    font-size: small;
    font-family:Arial Narrow;
    border: silver 1px solid;
}

.priceTableNew
{
    font-size: medium;
    font-family: Arial Narrow;
    width: 100%;
    border: silver 1px solid;
}

.priceTableNew th
{
    font-size: larger;
    font-family: Arial Narrow;
    color: white;
    background-color: #660000;
}

.priceTableNew td
{
    font-size: larger;
    font-family: Arial Narrow;
    color: #660000;
    text-align: center;
}


.resultCard
{
    font-family: Arial Narrow;
    border: silver 1px solid;
    color: #990000;
    width: 80%;
}
.resultCardHead
{
    font-family: Verdana;
    font-size: smaller;
    color: white;
    background-color: #990000;
    padding: 2px 2px 2px 2px;
}

.ratingsTableDemo
{
    font-family: Arial Narrow;
    width: 100%;
    border: silver 1px solid;
    color: #660000;
}

.ratingsHead
{
    font-family: Verdana;
    font-size: smaller;
    color: white;
    background-color: #990000;
    padding: 2px 2px 2px 2px;
}

.resultTable
{
    font-size: small;
    font-family:Arial Narrow;
    width: 100%;
    border: silver 1px solid;
}

.priceTable
{
    font-size: small;
    font-family: Arial Narrow;
    border: silver 1px solid;

}


.priceTableNew
{
    font-size: medium;
    font-family: Arial Narrow;
    width: 100%;
    border: silver 1px solid;

}

.priceTableNew th
{
    font-size: larger;
    font-family: Arial Narrow;
    color: #ffff99;
    background-color: #990000;
}
.priceTableNew td
{
    font-size: larger;
    font-family: Arial Narrow;
    color: #330000;
    text-align: center;
}

.ratingsTable
{
    font-family: Arial Narrow;
    width: 100%;

}




/* ///////////////////////// General Style///////////////////  */



.line
{    
    border-bottom: #990000 1px solid;
}

.note
{
    color: #FF0000;
}

.noteSpecial
{
    color: #330066;
    font-weight: bold;
}

.message
{
    font-family: Verdana;
    color: #ff6600;
    font-weight: bold;
}
.messageNarrow
{
    font-family: Verdana;
    color: black;
    font-size: small;
    width: 130px;
    padding-left: 30px;
}



.superscript
{
    position: relative; 
    top: -4px;
    font-size: x-small;
}

.userAgreement
{ 
    overflow: auto;
    height: 150px;
    width: 96%;
    font-family: Verdana;
    font-size: smaller;
    color: #990000;
}


/* Elements */
   
.myInactive
{
    color: #a9a9a9;
}




/* ///////////////////////// General Style///////////////////  */


.logo
{
    color: #ffff99;
    text-decoration: none;
    background-color: Transparent;
}

.mySubTitle
{
    color: #ffcc33;
    font-size: 10pt;
    font-family: Arial Narrow;
    letter-spacing: 3px;
    font-weight: bold;
}

.txtAutoScroll
{ 
    overflow: auto;
}

.disclaimer
{
    text-align:left;
    padding-top:10px;
}

.lblTo
{ overflow: auto;
    height: 70px;
    width: 500px;
}