html { height: 100%; }

body {
position: relative;
color: #333;
height: 100%;
min-height: 100%;
background-image: url(/images/bg.jpg);
}

body, p, ol, ul, td {
font-family: georgia, verdana, arial, helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
}

pre {
background-color: #eee;
padding: 10px;
font-size: 11px;
}

a {
color: #000;
}
a:visited {
color: #666;
}
a:hover {
color: #fff;
}

.fieldWithErrors input {
	color: red;
}

#errorExplanation {
width: 400px;
border: 2px solid red;
padding: 7px;
padding-bottom: 12px;
margin-bottom: 20px;
background-color: #f0f0f0;
}

#errorExplanation h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px;
background-color: #c00;
color: #fff;
}

#errorExplanation p {
color: #333;
margin-bottom: 0;
padding: 5px;
}

#errorExplanation ul li {
font-size: 12px;
list-style: square;
}

#outer_wrapper {
  position: relative;
  height: 100%;
  min-height: 100%;
}

#inner_wrapper {
  position: relative;
  min-height: 100%;
}

#inner {
margin-top: -10px auto 0;
max-width: 970px;
width: 970px;
padding: 120px 30px 0 0;
}

#login { position: relative; left: -182px; z-index: 2;}

#login * {
color: gold;
float: right;
padding-top: 5px;
width: 56px;
background: none;
border: none;
margin-right: 5px;
}

#logo * {
width: 242px;
height: 96px;
margin: 10px 0 0 10px;
border: none;
background: none;
position: absolute;
z-index: 1;
}

#box {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -120px; /* the bottom margin is the negative value of the footer's height */

width: 1020px;
position: relative;
}

#push { height: 120px; /* #push must be the same height as #footer */ }

.footer {
position: absolute;
left: 763px;
height: 120px;
}

#footer { bottom: 0px; }

#showFooter { top: 650px; }

#showFooterVid { top: 930px; }

#mainFooter { bottom: 176px; }

#sponsor * { 
border: none;
position: absolute;
right: 25px;
width: 84px;
}

#errorMsg {
position: absolute;
top: 40px;
left: 270px;
width: 400px;
background: url(/images/errorbg.png);
padding: 5px;
border: 2px solid #6a3607;
z-index: 1;
font-size: 12px;
color: black;
font-family: georgia, serif;
}

#errorMsg * { color: #460200; }

#errorMsg a { float: none; }

#ajaxLogin {
position: absolute;
top: 35px;
right: 182px;
z-index: 5;
}

#ajaxLogin a {
float: right;
margin-top: 5px;
}

#ajaxLogin input {
font: 11px arial, sans-serif;
color: gray;
float: right;
clear: right;
margin: 5px 10px 0 0;
}

#ajaxLogin span {display: block; float: right; clear: right;}

#loginField {
font-size: 15pt;
color: #f6c15b;
text-align: center;
margin: 0px auto;
background-image: url(/images/red_loginbox.png);
background-repeat: no-repeat;
width: 395px;
height: 230px;
padding-top: 50px;
}

#loginField a { margin-top: 5px; }

#loginSignup { float: right; }

#loginField input {
font-family: arial;
color: gray;
margin-top: 5px;
}

#loggedIn { width: 575px; }

.loginField { width: 134px; padding: 0 3px; }

#loginField span { margin-left: 88px; }

#profileLink {color: white; font-family: georgia; margin-top: 5px; width: 250px; text-align: right; overflow: hidden; padding-right: 5px;}

#footerNav {
position: relative;
width: 281px;
height: 111px;
background: url(/images/footer.png) no-repeat;
}

img.blank_fill {
width: 100%;
height: 100%;
}

#nav_experience {
position: absolute;
width: 139px;
height: 26px;
left: 1px;
top: 43px;
}
 
#nav_experience:hover { background: url(/images/jfmexperience_hvr.png) no-repeat 0px 0px; }

#nav_about {
position: absolute;
width: 37px;
height: 9px;
top: 76px;
}
 
#nav_about:hover { background: url(/images/about_hvr.png) no-repeat 0px 0px; }

#nav_legal {
position: absolute;
width: 96px;
height: 11px;
left: 45px;
top: 76px;
}
 
#nav_legal:hover { background: url(/images/legal_hvr.png) no-repeat 0px 0px; }

.login_field { padding-bottom: 3px; }

#steps, #name, #pic, #dancers, #music { display: none; }

.infoPages {
color: #EABE5B;
margin: 20px 0 0 10px;
background-image: url(/images/about_bg.png);
background-repeat: no-repeat;
width: 626px;
height: 505px;
padding: 10px 10px 0px 20px;
overflow: auto;
position: relative;
}

#sorry { text-align: center; margin: 20px auto 0; padding-top: 200px; }

.infoPages a { color: #EABE5B; }

.infoPages a:hover { float: none; }

#legalMain {
background-image: url(/images/legal.png);
padding-right: -700px;
top: 20px;
font-family: georgia;
height: 866px;
overflow: visible;
}

#legal {
background-image: url(/images/greenbox.png);
background-repeat: no-repeat;
width: 310px;
height: 171px;
color: #EABE5B;
padding: 15px 10px 0 22px;
float: right;
position: relative;
left: 90px;
bottom: 850px;
font-family: georgia;
}

#aboutPage { margin: 20px auto 0;}

#legal p { font-size: 8pt; font-family: georgia; }

.field_wrapper {
padding-bottom: 3px;
display: inline;
float: left;
clear: right;
}

.userName {
float: right;
clear: right;
}

.search {
float: right;
clear: left;
position: relative;
right: 250px;
}

.form_line {
text-align: center;
padding-bottom: 10px;
font-size: 12px;
}

#danceSubmit {
position: absolute;
top: 150px;
right: 65px;
float: right;
width: 256px;
height: 181px;
background-image: url(/images/descBg.png);
}

#danceSubmit input, textarea {background-color: transparent; width: 180px; padding-left: 3px; overflow: auto;}

#descSubmit * {
position: absolute;
top: 38px;
left: 63px;
height: 50px;
border: 2px solid #BAA07C;
font-family: georgia;
font-size: 10pt;
}

#tagSubmit * {
position: absolute;
top: 120px;
left: 63px;
border: 2px solid #BAA07C;
font-family: georgia;
font-size: 10pt;
}

#topImage {
position: absolute;
left: 20px;
top: 132px;
z-index: 1;
}

#dance {
width: 646px;
height: 530px;
position: relative;
top: 31px;
left: 24px;
z-index: 2;
}

#danceEditor {
width: 646px;
height: 530px;
position: relative;
top: 31px;
left: 24px;
z-index: 2;
}

#videoBtn {
position: absolute;
top: 350px;
left: 722px;
}

#videoBtn input { width: 222px; height: 65px; }

#videoBkg {
background-image: url(/images/EditorPage/addvideo_notextred.png);
background-repeat: no-repeat;
width: 222px;
height: 65px;
}

#videoBkg input { 
border: 2px solid #6d4443; 
color: white;
height: 20px;
width: 78%;
margin: 15px 0 0 12%;
background: transparent;}

#submitURL {
position: relative;
top: 30px;
left: 50px;
}

#chgVideo {
position: relative;
right: 16px;
bottom: 10px;
}

#video_preview_dance {
position: relative;
bottom: 15px;
right: 7px;
}

#dance_button {
position: absolute;
top: 585px;
right: 60px;
width: 253px;
height: 147px;
}

#video {
background-image: url(/images/ViewPage/bubble.png);
background-repeat: no-repeat;
padding: 23px 0 80px 27px;
}

#vidWrapper {
position: absolute;
left: 692px;
top: 540px;
width: 322px;
display: inline;
height: 378px;	
}

#video span {
position: relative;
top: 110px;
}

.embed { float: right; position: relative; height: 53px; }

#embedWrapper {
right: 45px;
top: -220px;
}

#embedBkg div {
background: url(/images/ViewPage/embed_bg.png) no-repeat;
width: 182px;
height: 53px;
padding: 12px 0 0 14px;
position: relative;
left: 14px;
}

#embedBkg div input { width: 149px; }

#danceInfo {
position: absolute;
left: 692px;
top: 130px;
background-image: url(/images/ViewPage/descBox.png);
width: 288px;
height: 317px;
overflow: hidden;
}

#creatorBio {
position: relative;
left: 40px;
width: 210px;
height: 80px;
overflow: hidden;
}

.bioPic {
float: left;
}

#bioName {
position: absolute;
font-family: georgia;
color: white;
font-size: 10pt;
left: 65px;
z-index: 1;
width: 280px;
overflow: hidden;
}

#bioName a {color: white;}

#bioText {
font-family: georgia;
position: relative;
top: 20px;
left: 5px;
width: 144px;
height: 58px;
overflow-y: auto;
}

#danceInfoContainer {
background-image: url(/images/descBg.png);
background-repeat: no-repeat;
margin: 18px 0 0 3px;
width: 265px;
height: 181px;
overflow: hidden;
}

#desc {
font-family: georgia;
position: relative;
top: 40px;
left: 60px;
width: 195px;
height: 56px;
overflow: auto;
}

#tag {
font-family: georgia;
position: relative;
top: 68px;
left: 60px;
width: 195px;
height: 35px;
overflow: hidden;
}

#tag a {float: left; margin-right: 5px;  }

#tag a:hover {color: #0D5B7F;}

.form_buttons {
text-align: right;
}

#userControl {
position: relative;
margin: 20px 0 0 70px;
padding-top: 25px;
width: 462px;
height: 445px;
background-image: url(/images/sign_up_box.png);
background-repeat: no-repeat;
color: white;
font-family: georgia;
z-index: 1;
}

.registrationLine {
width: 200px;
margin: 0 auto;
font-weight: bold;
font-size: 12px;
color: #460200;
}

.flatText {
padding: 6px;
text-align: center;
border: 1px solid #260100;
background: #c8b4b3;
}

.registrationLine a {
position: absolute;
}

#joinButton {
position: absolute;
right: -30px;
bottom: -15px;
}

#joinBubble {
position: absolute;
right: 210px;
bottom: 360px;
z-index: 0;
}

#captcha {
position: relative;
width: 300px;
margin: 0px auto 50px auto;
text-align: center;
}

#captcha a {
color: #EABE5B;
}

#captcha a:hover {
color: #389DCB;
}

#recaptcha_image {
  margin-bottom: 8px;
}

.recaptcha_links {
position: absolute;
left: 306px;
top: 40px;
}

.recaptcha_links a {
display: block;
}

.captchaButton {
border: none;
}

#recaptcha_response_field {
text-align: center;
font-weight: bold;
font-size: 12px;
color: #460200;
}

#profileWrapper {
position: relative;
bottom: 125px;
}

#search {
position: relative;
float: right;
margin: 20px 85px 0 0;
}

#searchBkg { 
background-color: #F6EBD3;
width: 619px;
margin: 15px 0 0 60px;
padding-top: 15px;
}

#searchLabel {
font-family: georgia;
color: #4F7946;
font-size: 12pt;
margin: 0 0 20px 50px;
}

#searchLabel span {
font-style: italic;
color: #4B2D17;
}

#noResults {
font-family: georgia;
color: #4B2D17;
font-size: 16pt;
width: 619px;
width: 604;
margin: 15px 0 0 60px;
background-color: #F6EBD3;
padding: 20px 0 200px 20px;
line-height: 105%;
}

#noResults a { color: #4B2D17; float: none; }

#noResults span { font-style: italic; }

#searchContainer {
overflow: hidden;
padding-bottom: 20px;
width: 520px;
margin-left: 50px;
clear: left;
}

.searchResults {
margin-top: 20px;
width: 600px;
overflow: hidden;
}

.searchDivider {
margin: 22px auto 0;
width: 550px;
height: 2px;
background-image: url(/images/separator.png);
background-repeat: repeat-x;	
}

.searchInfo {
width: 335px;
/*height: 114px;*/
height: 123px;
overflow: hidden;
margin-top: 3px;
padding-left: 10px;
padding-right: 10px;
}

#makeYourOwnSearch * {
position: absolute;
top: 50px;
left: 387px;
max-width: 172px;
max-height: 102px;
border: none;
background: none;
}

.pagination {
font-family: georgia;
color: #4B2D17;
font-size: 11pt;
padding: 20px 2px 0 2px;
}

.pagination a {
font-family: georgia;
color: #379CCB;
font-size: 11pt;
float: none;
text-decoration: none;
padding: 20px 2px 0 2px;
}

.pagination a:hover {
float: none;
}

.current {
font-style: bold;
color: #4B2D17;
padding: 20px 2px 0 2px;
}

#tagPage {
min-height: 500px;
width: 1050px;
position: relative;
top: 20px;
overflow: hidden;
}

#searchPage {
min-height: 500px;
width: 1050px;
position: relative;
top: 20px;
overflow: hidden;
}

.pic * {
display: inline;
float: left;
background: none;
border: none;
}

.newPic * {
border: none;
z-index: 1;
margin: -2px 0 0 -2px;
position: absolute;
}

.name {
/*padding-top: 15px;*/
padding-top: 10px;
width: 100%;
font-family: georgia;
font-style: bold;
float: left;
clear: right;
}

.name a {
font-size: 17pt;
line-height: 28px;
text-decoration: none;
clear: right;
float: left;
color: #340005;
}

.creator a {
font-size: 9pt;
line-height: 14px;
text-decoration: none;
font-family: georgia;
float: left;
clear: both;
color: #4B2D17;
}

.description {
font-size: 9pt;
line-height: 14px;
width: 100%;
font-family: georgia;
float: left;
clear: left;
}
.tags {
clear: left;
}
.tags a {
font-size: 9pt;
line-height: 14px;
font-family: georgia;
font-style: italic;
float: left;
margin-right: 3px;
color: #4B2D17;
}

.danceSubmit {
float: right;
clear: right;
}

.submitBlock * {
float: right;
clear: right;
padding-bottom: 10px;
font-family: georgia;
font-size: 10pt;
}

#submit {
clear: left;
padding: 15px 0 5px 745px;
}

#bio {
color: #EFBE65;
position: relative;
right: 255px;
width: 114px;
margin: 0 auto;
clear: right;
}

#pic { display: block; cursor: pointer; cursor: hand}

#picInput { 
color: #EFBE65;
position: absolute;
left: 320px;
top: 275px;
z-index: 1;
}

#picInput input { height: 20px; margin-right: 3px;}

.profileName {
font-family: georgia;
color: #EABE5B;
font-size: 12pt;
font-weight: normal;
margin: -26px 0 0 0px;
z-index: 1;
width: 240px;
overflow: hidden;	
}

#profileInfo {
background-image: url(/images/ProfilePage/about_dancer.png);
background-repeat: no-repeat;
margin-left: 290px;
padding: 35px 0 0 25px;
position: relative;
bottom: 137px;
width: 240px;
height: 110px;
font-family: georgia;
color: #EABE5B;
}

#profileInfoEdit {
background-image: url(/images/ProfilePage/about_dancer.png);
background-repeat: no-repeat;
margin-left: 290px;
padding: 35px 0 0 24px;
position: relative;
bottom: 138px;
width: 240px;
height: 110px;
font-family: georgia;
}

#profileInfoEdit textarea {
font-family: georgia;
font-size: 13px;
line-height: 18px;
width: 90%;
height: 52%;
margin-left: -3px;
border: none;
color: #004b66;
background-color: #ABC3A6;
}

#profileInfoBio {
  width: 90%;
  height: 52%;
  overflow-y: auto;
  color: white;

}

#dancesTab {
margin: 10px 0 -20px;
}

#myDances {
position: relative;
left: 125px;
top: 10px;
}

#dancesText {
position: relative;
left: 137px;
top: 7px;
}

#dancesTextTab {
margin: 10px 0 -20px 29px;
}

#bioSubmit {
position: absolute;
left: 416px;
top: 224px;
z-index: 1;
}

#mainSearchField {
height: 23px;
width: 178px;
font-size: 11pt;
padding: 6px 0 0 3px;
background-color: #ABC3A6;
color: #506F4A;
position: absolute;
left: 16px;
top: 7px;
font-style: italic;
z-index: 1;
border: 1px solid #81A17A;
font-family: georgia;
}

#mainSearch {
left:35px;
position:relative;
top:-136px;
width:301px;
}

#mainSearchBkg {
width: 210px;
height: 54px;
background-image: url(/images/searchbg.png);
background-repeat: no-repeat;
z-index: 0;
}

#tagCloud {
width: 493px;
height: 176px;
left: 5px;
margin-bottom: -80px;
position: relative;
top: -136px;
}

#tagCloud a {
float: left;
margin-right: 5px;
font-family: georgia;
text-decoration: none;
font-size: 10pt;
color: #450300;
}

#tagCloud a:hover { color: #004B67; }

#cloudImage {
width: 493px;
height: 260px;
}

.tagsText * { white-space: nowrap; }

#newest {
width: 390px;
height: 60px;
position: absolute;
top: 87px;
left: 35px;
line-height: 20px;
overflow: hidden;
}

#newest a {padding-left: 5px; }

#moreNewest a {
top: 138px;
left: 383px;
position: absolute;
max-width: 40px;
max-height: 7px;
border: none;
background: none;
}

#notable {
width: 230px;
height: 50px;
position: relative;
left: 455px;
top: -150px;
line-height: 24px;
overflow: hidden;
}

#notable a {padding-left: 5px;}

#tagCloudSearch {
width: 335px;
height: 414px;
top: 210px;
left: 700px;
position:absolute;
}

#tagCloudSearch a {
float: left;
margin-right: 5px;
font-family: georgia;
text-decoration: none;
font-size: 10pt;
color: #450300;
}

#tagCloudSearch a:hover { color: #004B67; }

#cloudImageSearch {
width: 335px;
height: 414px;
}

#newestSearch {
width: 225px;
height: 70px;
position: relative;
top: -260px;
left: 25px;
line-height: 24px;
overflow: hidden;
}

#newestSearch a {padding-left: 5px;}

#moreNewestSearch a {
top: 233px;
left: 155px;
position: absolute;
max-width: 40px;
max-height: 7px;
border: none;
background: none;
}

#notableSearch {
width: 210px;
height: 60px;
position: absolute;
top: 50px;
left: 75px;
line-height: 20px;
overflow: hidden;
}

#notableSearch a {padding-left: 5px; }

#makeYourOwn * {
position: absolute;
top: 210px;
left: 205px;
max-width: 172px;
max-height: 102px;
border: none;
background: none;
z-index: 3;
}

#morePopular a {
top: 410px;
left: 638px;
position: absolute;
max-width: 142px;
max-height: 19px;
border: none;
background: none;
}

#popularLink * {
position: absolute;
top: 410px;
left: 640px;
font-size: 10pt;
color: #EABE5B;
width: 150px;
}

#danceName {
position: absolute;
top: 110px;
left: 140px;
z-index: 2;
}

.sideDances {
padding: 8px 0 0 12px;
position: absolute;
width: 285px;	
height: 200px;
background-image: url(/images/smallmainbox.png);
background-repeat: no-repeat;
}

#leftDance {
top: 210px;
right: 475px;
}

#mainDance {
padding: 12px 0 0 18px;
position: absolute;
top: 170px;
left: 125px;
width: 393px;
height: 274px;
background-image: url(/images/homepageborder.png);
background-repeat: no-repeat;
z-index: 1;
}

#rightDance {
top: 210px;
left: 500px;
}

#welcome {
margin: 0px auto;
position: relative;
bottom: 175px;
max-width: 645px;
height: 400px;
}

#comments {
font-family: georgia;
width: 651px;
font-weight: bold;
color: #F3BE64;
font-size: 12pt;
margin: 55px 0 0 20px;
padding-bottom: 10px;
}

.commentBlock {
font-weight: normal;
margin: 10px 5px;
padding: 5px;
width: 635px;
background-image: url(/images/ViewPage/commentBkg.png);
overflow: auto;
font-size: 10pt;
color: black;
}

.commentPic {
margin-right: 10px;
border: 3px solid #47809E;
width: 60px;
height: 60px;
float: left;
}

.commentUser {
float: left;
clear: right;
width: 556px;
overflow: hidden;
}

.commentUser a {
font-weight: bold;
color: #550715;
font-size: 11pt;
height: 18px;
float: left;
}

.commentText {
margin-left: 75px;
width: 450px;
}

.commentVideo * {border:none;}

.commentVideo a {
width: 105px;
height: 63px;
overflow: hidden;
margin:0 0 18px 3px;
float: right;
}

#playOverlayPreview{
position: relative;
bottom: 50px;
left: 45px;
}

#commentVideoPreview {
position: absolute;
left: 537px;
bottom: 70px;
}

.playOverlay {
position: relative;
bottom: 50px;
left: 42px;
}

#commentInput { float: left; width: 430px; }

#new_comment input { margin-top: 5px; }

#new_comment_textarea { font-family: georgia; font-size: 10pt; width: 545px; border: 2px solid #fffff3; color: #444; padding: 3px; }

#commentVideo { float: right; padding-right: 3px; }

#commentBtn { float: right; margin-top: -1px; clear: right; }

#commentVideoBkg input { background-color: transparent; border: 2px solid #fffff3; padding-left: 3px; font-family: georgia; font-size: 10pt; margin: 5px 5px 5px 0; color: #444; height: 20px; }

#commentVidPreview {
padding: 10px;
margin: 0 auto;
clear: both;
width: 98px;
}

#submitComment {
position: relative;
margin-bottom: 50px;
padding-top: 10px;
}

#submitComment a, img { float: none; border: none; }


.adminLine a { float: left; margin-right: 5px; }

.userControlPages {
width: 490px;
height: 357px;
font-family: georgia;
color: #73A0BA;
font-size: 10pt;
background-repeat: no-repeat;
margin: 20px auto;
padding: 10px;
}

#passwordReset { background-image: url(/images/passwordreset.png); }

#changePassword {
background-image: url(/images/passwordchange.png);
height: 464px;
padding-left: 5px;
}

#userValidation { background-image: url(/images/emailverify.png); }

.userControlPages span { color: #EABE5B; margin-left: 25px;}

.userControlPages p { width: 350px; margin-left: 25px; }

#topParagraph { margin-top: 125px; }

#validation_line input { 
background-color: darkred;
border: none;
color: #73A0BA; 
position: relative;
left: -40px;
top: -17px;
padding-left: 3px;
margin-bottom: 5px;
}

#activateButton {
position: relative;
left: 300px;
bottom: 50px;
}

#sendCode {
position: relative;
left: 285px;
bottom: 40px;
}

#changePasswordButton {
position: absolute;
left: 465px;
bottom: 95px;
}

.password_line input {  float: right; clear: right; }
.password_line label {float: left; clear: left; margin-top: 4px;}

#topPasswordLine { margin-top: 22px;}

#memberLoginLink {
position: absolute;
left: 104px;
bottom: -50px;
}

.forgotPasswordLinks a {
float: none;
color: #EABE5B;
}

.forgotPasswordLinks a:hover { color: #389DCB; }

#forgotPwd * {
font-size: 10pt;
position: absolute;
left: 415px;
top: 295px;
}

#forgotPwd a:hover { color: #389DCB; }

#memberLoginLink a:hover { color: #389DCB; }

#flagLink * {
position: relative;
left: 12px;
top: 22px;
}

#makeLink * {
position: relative;
left: 238px;
top: 7px;
}

#editLink * {
float: none;
position: relative;
left: 268px;
top: 20px;
}

#editSettings * {
position: absolute;
top: 75px;
right: 170px;
width: 115px;
height: 49px;
}

#editAccount {
width: 526px;
height: 343px;
background: url(/images/ProfilePage/editaccountbg.png) no-repeat;
margin: 0px auto;
}

.settings_line { 
color: #EABE5B;
margin: 0 0 5px 30px;
padding-bottom: 5px;
height: 20px;
width: 370px;
float: left;
}

.settings_line input { padding: 0 3px; float: right; width: 180px; text-align: center; margin-top: -20px; }

.settings_line span { float: right; }

#topSetting { padding-top: 150px;}

#notifyCheck { float: none; width: auto; }

#notifyCheckSignup{ float: none; width: auto; position: relative; top: 2px;}

#notifyLine { position: relative; bottom: 40px;}

#settingsSubmit { float: right; margin-right: 120px;}

#addressConfirmation { background: url(/images/addressconf.png) no-repeat; }

#emailConfField { text-align: center; width: 150px; position: relative; left: 120px; bottom: 15px; }

#emailConfSub { position: relative; left: 120px; }