*
{
    padding: 0px;
    margin: 0px;
}

a[href]
{
    color: #005700;
}

a[href="https://www.playitsoftware.com"]
{
    color: #D75D0B;   
}

body
{
    font-size: 0.8em;
    font-family: sans-serif;
    background: #EFEFEF;
}

table
{
    margin: 10px;   
}

img
{
    border: 0px;    
}

table th,
table td
{
    text-align: left; 
    padding: 2px 5px 2px 2px;  
    vertical-align: top;
}

#login form table
{
    margin: auto;   
}

button
{
    padding: 2px 5px;  
    border: 1px black solid; 
    margin: 5px 0px;
}

#uploadContainer,
.container
{
    margin: 10px auto; 
    padding: 10px;
    border: 1px #efefef solid;
    width: 750px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;        
}

#uploadContainer form
{
    margin: 10px;   
}

span.fieldName
{
    width: 100px;
    display: inline-block;
    margin: 5px 5px 5px 0px;
}

ul
{
    margin: 5px 20px;
}

ul li
{
    margin: 4px 0px;   
}

div#uploadConditions
{
    margin: 10px 0px;   
}

#uploadInProgress
{
    width: 400px;
    position: absolute;
    top: 10px;
    left: 50px;
    display: none;
    background-color: white;
    border: 1px solid black;
}

.overlay
{
    display: none;
    position:absolute;
    top: 0px;
    left: 0px;
    opacity: 0.3;
    background-color: black;   
}

p
{
    margin: 5px 0px;
}

p.exclaim
{
    margin: 15px 0px;
    font-weight: bold;   
}

#uploadPercentageComplete
{
    width: 90%;  
    margin: 5px auto 15px; 
}

#uploadPercentageCompleteBarContainer
{
    height: 10px;
    width: 100%; 
    border: 1px black solid;      
}

#uploadPercentageCompleteBar
{
    height: 10px;
    width: 30px;
    background-color: gray;
}

#uploadInProgressInner
{
    padding: 10px;
}
        
#uploadShowName
{
    font-weight: bold;    
}

.cancelUpload
{
    width: 75px;
    margin-left: auto;
    margin-right: auto;   
}

#login
{
    width: 400px;
    padding: 10px;
    margin: 10px auto;   
}

.warning
{
    text-align: center;
    color: red;   
}

table.showUploads
{
    width: 100%;   
}

table.showUploads th,
table.showUploads td
{
    padding: 2px 5px 2px 0px;   
}

table.showUploads th
{
    text-align: left;   
}

table.showUploads td
{
    text-align: left;
}   

div#logo
{
    text-align: center;
    margin: 25px 0px;
}

h1
{
    text-align: center;   
}

.container h1
{
    text-align: left;
    margin-bottom: 5px;   
}

h2
{
    margin-bottom: 5px;   
}

#ShowUid
{
    max-width: 450px;   
}

tr.uploadStatusRejected td
{
    color: red;
}

tr.uploadStatusScheduled td
{
    color: green;   
    font-weight: bold;
}

tr.uploadStatusAccepted td
{
    color: green;   
}

tr.uploadStatusProcessing td
{
    color: orange;   
}

.uploadMessage,
.messages,
.errors
{
    padding: 5px;
    margin-bottom: 10px;   
}

.messages
{
    background-color: white;
    border: 1px solid black;    
}

.errors
{
    background-color: red;
    color: white;
    border: 1px solid black;    
}

.messages li,
.errors li
{
    list-style: none;
}

.uploadMessageSuccess
{
    background-color: green;
    color: white;   
}

.uploadMessageError
{
    background-color: red;
    color: white;   
}

.uploadMessageNone
{
    display: none;  
}

#uploadContainer #uploadContainerInner
{
    margin-left: 5px;   
}

#nav
{
    text-align: center;
}

#nav li
{
    white-space: nowrap;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    display: inline-block;
    list-style: none;    
}

#nav li a
{
    padding: 10px 10px;    
    display: block;
    border-left-color: #f4f4f4;
    border-left-style: solid;
    border-left-width: 2px;
}

#nav li a:last-child
{
    border-left-width: 0px;
}

#nav li.selected a
{
    background-color: #eee !important;
    border-bottom: 2px #ddd solid !important;   
}

#nav li a:hover
{
    background-color: #f4f4f4;  
    border-bottom: 2px #eee solid;   
}

ul.checklist
{
    margin: 0px;
}

ul.checklist li
{
    list-style: none;
    margin-top: 0px;
    
}

ul.checklist li input[type=checkbox]
{
    vertical-align: baseline;
}

.delete
{
    cursor: pointer;   
}

#powered_by table tr td
{
    vertical-align: middle;   
    text-align: center;
    padding: 0px 5px;
}

div.info
{
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #6f4300;
    background-color: #FEEFB3;
    background-image: url('/Content/Images/attention.png');
    border-radius: 5px;
    -webkit-border-radius: 5px;    
}

div.info a
{
    color: black;
}

#page
{
    width: 1000px;
    box-shadow: 2px 2px 10px #888;
    padding: 10px;
    margin: 20px auto;
    border: 1px solid #afafaf;
    background: white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}


/* Schedule check table */
.schedule-check-row-OK
{
    background: lightgreen;
}
.schedule-check-row-RecordingMissing
{
    background: red;
}
.schedule-check-row-PidMismatch {
    background: red;
}
.schedule-check-row-RecordingNotAccepted {
    background: red;
}
.schedule-check-row-RecordingExistsButMarkedLive
{
    background: orange;
}
.schedule-check-row-Unknown
{
    background: grey;
}