body{
    margin: 0px;
    padding: 0px;
    font-family: helvetica;
    background: black;
}

/* Wrapper */
.Wrapper{
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    margin-top: 0px;
}

.Left{ float: left; }
.Right{ float: right; }
.Clear{ clear:both; }

/* Header */

#AdminTools{
    margin: 0px 0px 0px 0px;
    padding: 2px 5px;
    font-size: 8pt;
    background-color: #e6e6e6;
}

#AdminTools:before{
    content: "admin tools :: ";
}


#GalleryTime{
    width: 50px;
}

.Pagination{
    letter-spacing: 0px;
    font-size: 12px;
}

.PreviousNext a{
    padding: 25px;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
}

.Header{
    background: url('/img/bg-header.jpg') top left no-repeat;
    height: 150px;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 16px;
    color: white;
    border: 2px solid #808dad;
}

.Header a:visited, .Header a:link, .Header a:active{
    color: white;
    text-decoration: none;
}
.Header a:hover{
    color: white;
    text-decoration: underline;
}

.Header h1{
    position: relative;
    top: 15px;
    left: 15px;
    display: inline;
}

.Header h1 img{
    border: none;
    margin: 0px;
    padding: 0px;
}

.Header ul{
    list-style: none;
    margin: 28px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
}
.Header li{
    display: inline;
    margin: 0px;
    padding: 2px;
}

/* Body */
.Body{
    background: white;
    font-size: 11pt;
    margin: 0px 0px;
    padding: 10px;
    border: 2px solid #808dad;
}

.Body h2{
    padding: 5px;
    margin: 0px 0px 5px 0px;
    font-size: 11pt;
    background-color: #808dad;
    color: white;
    letter-spacing: 2px;
    border: 1px solid black;
}

.Body h2 a{
    color: white;
}
.Body h2 a:hover{
    color: #e6e6e6;
}

.Body h3{
    padding: 0px;
    margin: 5px;
    font-size: 9pt;
    margin-bottom: 0px;
}

.Body h4{
    padding: 0px;
    margin: 0px;
    font-size: 8pt;   
}

/* Generic */

.Box h2{
    border: none;
    margin: 0px;
}

.Box{
    border: 2px solid #808DAD;
    margin: 10px;
}

/* Footer */
.Footer{
    text-align: center;
    font-size: 10px;
    color: #666666;
    border-top: 2px dashed #808dad;
    width: 450px;
    margin: 15px auto 5px auto;
    padding: 5px;
    background-color: white;
}

.Footer ul{
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.Footer li{
    display: inline;
    margin: 0px;
    padding: 2px;
}

/* Controller Specific Styles */

/* Home */

.Home h3{
    letter-spacing: 3px;
    width:400px;
    margin: 15px 30px;
    font-size: 34px;
    text-align: center;
    font-weight: 900;
    color: white;
    background-color: #808dad;
    border: 3px solid black;
    padding: 10px;
}

.Home h3 div{
    padding: 15px;
}

.Home h3 div a{
    color: #cc0000;
    text-decoration: none;
}
.Home h3 div a:hover{
    color: #cc0000;
    text-decoration: underline;
}

.Home .Tour{
    padding: 15px;
    margin: 5px;
    border: 2px solid black;
    height: 200px;
    width: 830px;
}

.Home .Tour .PhotoRotator{
    width: 200px;
    height: 200px;
    border: 2px solid black;
}


#tour-bg1{
    background: black url('/img/tour-bg1.jpg') top left no-repeat;
}
#tour-bg2{
    background: black url('/img/tour-bg2.jpg') top left no-repeat;
}
#tour-bg3{
    background: black url('/img/tour-bg3.jpg') top left no-repeat;
}

/* Media Controller */
.MediaImport h4{
    font-size: 10px;
    margin: 0px;
    padding: 0px;
}

.MediaImport span{
    float: left;
}

.MediaPhotos .no img{
    border: 3px solid blue;
}
.MediaPhotos .yes img{
    border: 3px solid red;
}
.MediaEditPhoto .Left, .col200{
    width: 200px;
}

.MediaEditPhoto .Right, .col650{
    width: 650px;
}

/* Gallery Controller */
.ModelView ul, .GalleryView ul, .GalleryEdit ul{
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.ModelView li, .GalleryView li, .GalleryEdit li{
    display: inline;
    margin: 0px;
    padding: 0px;
}

.ModelApply form{
    width: 450px;
    float: left;
}

.ModelApply label{
    margin: 5px 15px;
    float: left;
}

.ModelApply input, .ModelApply select{
    margin: 5px 15px;
    float: right;
}


.GalleryView .ModelList ul{
    margin: 0px;
    padding: 0px;
}

.GalleryView .ModelList li{
    border: 1px solid black;
    display: block;
    padding: 2px;
    margin: 2px 2px 5px 2px;
}

.GalleryView img, .GalleryEdit img{
    border: none;
}

.GalleryView .ModelList h4{
    text-align: right;
}

.GalleryView .ModelList, .ModelView .ModelPhoto{
    padding-right: 5px;
    
}

.GalleryView .Photos, .ModelView .ModelDossier{
    width: 650px;
}

.ModelView .Photos img, .GalleryView .Photos img{
    margin: 2px;
}

.ModelView .Photos, .GalleryView .Photos{
    text-align: center;
}

.GalleryEdit .Photos{
    width: 480px;
}

.GalleryEdit .Left{ width:340px; }

.GalleryEdit .Photos img{
    border: 3px solid white;
    cursor: pointer;
}

.GalleryThumb{
    border: 4px solid blue;
}

.GalleryEdit input, .GalleryEdit textarea{
    width: 325px;
    margin: 5px;
}

.GalleryEdit .Submit{
    text-align: right;
}
.GalleryEdit .Submit input{
    width: 50px;
}

.GalleryEdit select{
    width: 330px;
    margin: 5px;
    height: 150px;
}

.GalleryPhoto p{
    width: 800px;
    text-align: center;
    margin: 5px auto;
}

.GalleryPhoto a{
    padding: 5px 100px;
}

.GalleryPhoto img{
    border: 1px solid black;
    padding: 2px;
}

/* Model Controller */
.ModelIndex div img, .GalleryIndex div img{
    border: none;
}

.ModelIndex div, .GalleryIndex div{
    padding: 2px;
    margin: 5px;
    border: 1px solid black;
    float: left;
}
.ModelIndex h4, .GalleryIndex h4{
    text-align: right;
}

.GalleryIndex .Galleries{
    border: 0px;
    padding: 0px;
    margin: 0px 30px;
    text-align: center;
    width: 100%;
}


.ModelAdd input, .ModelAdd textarea, .ModelEdit input, .ModelEdit textarea{
    width: 250px;
    display: block;
}
.ModelEdit input.submit{ width: 75px; }
.ModelAdd textarea{ height: 150px; }

/* Users Login  */
.UsersLogin label{
    float: left;
}

.UsersLogin input{
    float: right;
    padding: 2px;
    margin: 2px;
}

.UsersLogin form{
    width: 400px;
    margin: 50px auto;
}