html 
{
    margin: 0 0;
    font-size:75%;
    height:100%;
    overflow:auto;
}


body 
{
    font-family:Verdana,  Helvetica, Arial, Sans-Serif ;
    font-weight:normal;
}


.group:after 
{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}


.footer,
.header 
{
    margin:0 auto;
    width:920px;
}

.header { height:130px;}

.footer 
{
    clear:both;
    background:transparent;
    position:absolute;
    bottom:10px;
    height:15px;
    font-size:8pt;
    padding:4px;
}
.footer  a { text-decoration:none; }
#siteDetails  {  text-align:center; }
<!--[if IE]>
.footer { bottom:0px; }
<!--[endif]-->

h1 { font-size:2.5em; }

#wrap 
{
    margin:0 auto;
    padding:5px;
}

.main { float:left; }

.secondary { float:right; width:73%; min-height:300px;  height:95%; } 
.secondary .message { display:none; padding:5px;}
.secondary .contactUS { display:none;}
.secondary .help { display:none; }
.secondary .userContent { display:none; }
.secondary .showing { display:block; }

.admin .main{ float:left; width:8%; }
.admin .secondary { float:right; width:90%; min-height:300px;  height:95%; } 




.menu {
    
} 

.menu ul { /* remove bullets and list indents */
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu li { text-align:center; padding:3px; cursor:pointer;}
.menu li:hover { background:#969696; } 

/* style, color and size links and headings to suit */
.menu a, .menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

.menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

.menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

.menu a:hover {
color: #a00;
background: #fff;
}

.selected { background:#b0b0b0; }


.tooltip {
    padding: .8em;
    width: 250px; 
    background:#c2c2c2;
    border-width: 2px !important;
    border-color:#000;
    border-style:solid;
    position: absolute;
    display:none;
    
}

.tooltip .content { margin:0; }
.tooltip .content .lbl { padding-right:5px; width:175px; text-align:right; }

.tooltip .pointer, .tooltip .inner-pointer {
    position: absolute;
    width:0;
    height:0;
    border-bottom-width: 0;
    background: none;
}
.tooltip .pointer {
    border-left: 0;
    border-right: 10px solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left:0px;
    margin:-20px 0 0 -10px;
    
}
.tooltip .inner-pointer {
    border-left: 0;
    border-right: 10px solid #000;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    top: -6px;
    left: 0px;
}

iframe 
{
    border:none;
}



div.editLabel { width:150px; text-align:right; float:left; position:relative;top:4px;right:4px;}


#btnSave { padding: .4em 1em; }

.editLine { border:solid 1px transparent;
            margin-bottom:5px; }
.editLine .value { padding-top:8px; }
            
.editfunc { cursor:pointer; font-size:7pt; padding:3px; }
.editfunc:hover { background:#1FC7FF; }

.editArea .status { font-size:7pt;position:relative;top:10px; color:Green;} 

.fulladdress { display:block; }
.returnlist { display:none; }

.missing { background-color:#FF8585; }

.busy:hover
{
    background:transparent;
}

.usrnmeResult { font-size:7pt; color:#00B82E;  font-weight:bold;}
.usrnmeResult:hover { background:transparent; }
.bad { color:#CC0000; }

.kcdec  
{
    border:solid 2px #000;
    margin:20px auto 0 auto;
    width:85%;
    height:20px;
    overflow:hidden;
    font-size:8pt;
    padding:3px;
    display:none;
}


div.showDetailsArea 
{
    border:solid 1px #000000;
    width:400px;
    padding:5px 5px 10px 5px;
    background:#c9c9c9;
    float:left;
    margin-bottom:10px;
}

div.showCtrlArea 
{
    border:solid 1px #000000;
    padding:5px;
    margin-left:10px;
    background:#c9c9c9;
    float:left;
}

div.showDetailsArea h2,
div.showCtrlArea h2  
{
    padding:5px;
    background:#000;
    color:#fff;
    text-align:center;
    margin-bottom:5px;
}

tr.tableDetails { padding-left:5px; }

div.showCtrlArea input[type=button]  { width:100%; margin-bottom:10px; }

.container 
{
    position:absolute;
    top:285px;
    left:10px;
    right:10px;
    bottom:50px;
}

    

        .logo 
        {
            float:left;
            padding:10px;
            height:100px;
            width:95px;
            
        }
        
        
        .loginArea 
        {
            position:absolute;
            top:20px;
            right:20px;
            
            border: solid 3px #7c0c09;
            padding: 10px;
            margin: 10px;
            width:200px;
            background:#7c0c09;
            box-shadow: 5px 5px 5px #333;
        }
        .loginArea .lpwddiv { float:left; } 
        

        .login input[type=text],
        .login input[type=password] 
        {
            width:100px;
            padding:1px 3px;
            font-size:8pt;
        
        }
        
        #btnLogin { width: 65px; height:30px; font-size:0.8em; }
        
        label  { text-align:right; float:left; height:25px; width:125px;position:relative; top:4px; font-weight:normal; }
        #frmhelperDetails label.small { width:70px; }
        #frmhelperDetails label.small span { font-size:8pt; }
        
        #btnCancel, 
        .btnRemoveDog.ui-button, 
        .ui-button-text-only .ui-button-text,
        input[type=submit],
        input[type=button]
        {
            padding: .2em .7em;
            font-size:10pt;
        }
        
        
        
        #btnLogin,
        #btnClose,
        #btnReg { float:right; padding: .4em 1em; }
        
        div.content
        {
            margin:0 auto 0 auto;
            width:920px;
            height:100%;
        }
        
        div.lefthand 
        {   
            float:left;
            width:24%;
        }
        
        .nav 
        {   
            border:3px solid #7c0c09;
            border-radius:5px;
            padding:5px;
            margin-bottom:10px;
            margin-left:3px;
        }
        
        .intro 
        {
            margin:0 auto;
            float:right;
            width:75%;
            border:3px solid #7c0c09;
            border-radius:5px;
            padding:5px;
            height:auto;
        }
        
        
        .registerForm
        {
            margin:0 auto;
            float:right;
            width:75%;
            border:3px solid #7c0c09;
            border-radius:5px;
            padding:5px;
            height:50%;
            display:none;
        }
        
        #registerFrame 
        {
            height:375px;
            width:100%;
            border:none;
        }
        
        
        div.showListContainer { margin:0 auto; width:102%; }
        div.showList {  border:solid 3px #7c0c09; border-top:none; margin:4px; margin-top:0; padding-bottom:2px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
        div.showListTitle { padding:4px; font-size:10pt; text-align:center; margin-bottom:0px; } 
        div.noshowsavailable,
        div.showList div.ShowDetails { font-size:9pt; padding:5px; width:94%; overflow:hidden; white-space:nowrap; }
        div.showList div.ShowDetails:hover { background:#d0d0d0; cursor:pointer; color:#000; } 

        div#users-contain { width: 350px; margin: 20px 0; }
        div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
        div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
        .ui-dialog .ui-state-error { padding: .3em; }
        .validateTips { border: 1px solid transparent; padding: 0.3em; }	
        
        div.UserMsg 
        {
            border:solid 4px #7c0c09;
            border-radius:4px;
            
            width:300px;
            height:200px;
            text-align:center;
            font-size:14pt;
            position:absolute;
            display:none;
            
        }   
        
        .headerTitle  
        {
            padding-top:7px;
            font-family:Lucida Sans, Unicode Arial, Sans-Serif;
                       font-size:20pt;
                       color:#fff;
                       float:left;
        } 	    
        .headerTitle div { height:35px; }

        .headerBackground 
        {
            background:url(../Assets/header_background_02.png) no-repeat;
            height:125px;
        }
        
        .titleStyle 
        {
            padding-left:5px;
            font-family:Lucida Sans, Unicode Arial, Sans-Serif;
            font-size:18pt;
            color:#fff;
        }
        
#statusMessage { margin-top:10px; padding:10px; font-size:10pt; color:red;  }



.watermark { color:#aaa; }


#registerDialog h3 { color:#7c0c09;  }

.ui-widget-overlay 
{
    opacity:0.4;
    filter: Alpha(Opacity=40);
}

.overlay-clear { opacity:0;  }

        
span.bigText { font-size:10pt; }

#loginInUser { margin-bottom:15px; } 

#hintTable tr td  { vertical-align:top; }
.hintLabel { width:145px; text-align:right; margin-right:5px; }
.hintValue { width:250px; text-align:left; } 


div#enterformcover 
{
    position:absolute;
    top:20px;
    left:20px;
    right:20px;
    bottom:20px;
    z-index:1000;
    margin:0 auto;
    background:#000000;
}

div#summaryformcover { padding:20px;}

div#summaryformcover div.message,
div#enterformcover div.message 
{
    position:relative; top:50%;
    color:#fff;
    font-size:16px;
    padding:20px;
}



div#showDetails { color:#fff;  }
#helperDialog fieldset { height:50px; padding:2px 4px 2px 4px; color:#fff; }
#helperDialog fieldset legend { color:#fff; }

#btnShowDocuments,
#btnRunningPlan,
#btnCampingAtShow,
#btnPleaseHelp,
#btnCloseEntryForm,
input[type="submit"].PayNow {
background: green;
font-size: 16pt;
border-radius: 16px;
cursor: pointer;
color:#ffffff;
border:2px solid #fff;
width:170px;
}

#btnShowDocuments,
#btnRunningPlan { background: #4785C2; color:#fff; width:240px;}
#btnCampingAtShow	{ background: purple; color:#fff; }
#btnCloseEntryForm,
#btnPleaseHelp  { background: blue; }
input[type="submit"].Refund  
{
    background:red;
    width:140px;
}

#payPalArea { float:left;}
#payPalArea:after { clear:both; display:block;}

#btnCampingAtShow:hover,
#btnPleaseHelp:hover,
input[type="submit"].PayNow:hover {
border:2px solid #000;
}
.infoText { color:#707070; font-size:8pt }    
div.contactUS table tr td:first-child { text-align :right; }
             

.helperContainer .showDay .ctrl { float:left; width:155px; }
.helperContainer .jobs { width:120px; height:35px; float:left; padding:0 10px 0 0; }
.helperContainer .jobs.names { width:140px;  }
        
.helperContainer .job { height:25px; }
    
.helperContainer .day,                
.helperContainer .jobName { color:#fff; width:170px; height:20px; float:left;  padding:5px 0 0 0;  text-align:center; font-size:14px;} 
        
        
.helperContainer .days {  height:25px; } 
.helperContainer .days .day { width:130px;  float:left; } 
.helperComments .jobName,
.helperContainer .days .jobName { width:130px;  float:left; } 
        
.helperContainer .hours { height:23px; width:115px; }
        
.helperContainer .hours .item { float:left; width:100px; border:2px solid #000;}
.helperContainer .hours .item:hover  { float:left; width:100px; border:2px solid #ccc; }
        
.helperContainer .hours .item .tickind { width:15px; } 
.helperContainer .hours .item .tickind.ticked  { width:15px; } 
        
.helperContainer .hours select {  width:105px; }
.helperContainer .hours input[type=button] { margin:0 35px; border:none; background:#000; color:#fff; }
.helperContainer .job .hours.jobSelected input[type=button] { margin:0 15px; }
.helperContainer .judges .hours.jobSelected input[type=button] { margin:0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:115px; }
.helperContainer .hours input[type=button]:hover { background:#ccc; color:#000; }
.helperComments { margin:0 0 0 50px; }
        
#jobOptions { position:absolute; z-index:1050;}
#jobOptions select { width:120px; }
        
.dayContainer label { width:75px; }

.ui-state-default span.ui-icon { background-position: 0 -244px; }
.ui-state-active span.ui-icon { background-position: -64px -144px; }

.showsEnteredItem:after
{
    clear:both;
}
.flagUnpaid
{
    background:url(http://www.firstplaceprocessing.com/Assets/UnPaidFlag.png) no-repeat;
    top:0;
    left:0;
    width:16px;
    height:16px;
    float:right;
}
        
        
        


        
        html  
        {
            overflow:hidden;
        }
        
        .justVerified	 
        {
            position:relative;
            top:150px;
            width:300px;
            height:200px;
        }
        
        #loginStatus { clear:both;  color:#fff;}
        #btnForget { font-size:7pt; cursor:pointer;  }
        #btnForget:hover { color:#fff; }
        
        div.lefthand,
        div.intro 
        {
            
        }

        .ui-dialog-titlebar-close  { visibility:hidden; }
        
        div#loginStatus { height:20px; }
        input#login_email { margin-bottom:3px; }
        
        
        div.resend { float:left; width:300px; padding-right:10px; font-size:10pt; } 
        div.resend span.here { font-weight:bold; color:#fff; } 
        div.resend span.here:hover { text-decoration:underline; cursor:pointer; } 
        
        
        .loginArea 
        {
            position:inherit;
        }  
        
        div.newRegisterContainer 
        {
            position:relative;
            top:-100px;
            left:250px;
            background:#ffffff;
            padding:20px;
            width:330px;
            margin:0 auto;
        }        
        
        
        span.registerHlp
        {
            padding:10px;
            border:2px solid #000;
            color:#fff;
        }
        span.registerHlp:hover 
        {
            background:#AF2A26;
            cursor:pointer;
        }
        
        .cookiemsg 
        {
            position:absolute;
            top:10px;
            left:10px;
            width:90%;
            padding:5px;
            background:#FEFFCC;
            font-size:10pt;
            border:2px solid #000;
            float:left;
        }
        
        .cookiemsg .close { text-align:center; border:2px solid #000; padding:2px; cursor:pointer; font-weight:bold; width:20px; float:right; }
        .cookiemsg .close:hover { background:#000; color:#FEFFCC; } 
        .cookiemsg a:visited,
        .cookiemsg a:active,
        .cookiemsg a:link { color:#000; } 
        
        .selected { background:#d0d0d0; color:#000; } 
        
        #hintTable .close:hover { text-decoration:underline; cursor:pointer; }
        
        div.tipsy { font-size:10pt; } 
        div.tipsy .tipsy-inner  { max-width:300px; } 
        
        div.tipsy a:hover, 
        div.tipsy a:visited, 
        div.tipsy a:link { color:#0000E6;} 
        
        .hilight { font-size:20pt; }



.cover
{
    position:relative;
    height: 2000px;
    width: 2000px;
    z-index: 1000;
    top:-10px;
}

.gray
{
    background: #888;
    opacity: 0.7;
}

.PleaseWait
{
    margin: auto 0;
    font-size:16pt;
    padding:10px;
    font-weight:bold;
    text-align:center;
    vertical-align:central;
    z-index:1001;
    position:absolute;
    top:20%;
    left:20%;
    background:#fff;
    border:2px solid #000;
}

.topSection { display:inline-block; }

    .topSection input[type=text]
        {
            padding: 3px;
        }

    .topSection .editArea  
        {
        }
        
        .topSection .editArea div { width:125px; text-align:right; float:left;  position:relative; top:4px; padding-right:5px; } 
        

        .topSection div.adminOptions
        {
        }

            .topSection div.adminOptions .list
            {
                float: left;
                width: 100px;
                padding: 5px;
            }

        
.downloads span
{
    padding: 10px;
}


.hide
{
    display: none;
}

.hidden
{
    visibility: hidden;
}