/*Modal Box Stylesheet*/

/*Main Styles*/
.modalHeader {width:100%;padding-bottom:5px;border-bottom:1px solid #CCC;}
.modalBody {background-color:#FFF;list-style-type:none;overflow:hidden;font-family:"helvetica neue","Lucida Grande",Arial,sans-serif;}
.modalBody div {background-color:#FFF;}
.modalBody input {font-size:16px;width:90%;}
.modalBody h1 {font-size:32px;font-weight:bold;line-height:auto !important;}
.modalBody h2 {font-size:24px;font-weight:bold;line-height:auto !important;}
.modalBody h4 {font-size:16px;font-weight:bold;}
.modalClose {display:block;height:40px;width:40px;text-indent:-9999px;background-image:url('../images/modalElements/modalClose.png');position:absolute;top:-20px;left:-20px;cursor:pointer;z-index:3;}
.modalParagraph {color:#999;}
.socialMediaForm label {display:block;margin-bottom:5px;}
.socialMediaForm textarea.postTextbox {width:528px !important;height:100px;/*font-style:italic;*/color:#666;margin-top:15px;}

.modalBody p, .modalBody label {color:#444;font-size:12px;font-weight:normal;}
.modalBody label {line-height:0 !important;} /*Remove this !important rule whenever possible and put things into context. This is just for the*/
.modalBody a {text-decoration:none;}
.modalBody a:hover {text-decoration:underline;}

/*Sign In*/
#signInWrapper {width:380px;margin:0 auto;padding:20px 25px 30px 20px;position:relative;color:#222;}
#signInWrapper h2 {margin:0 0 20px 0;}
#signInWrapper form ul li {margin-bottom:20px;}
#signInWrapper #top {height:35px;border-bottom:1px solid #CCC;}
#signInWrapper #top a {font-size:18px;float:right;color:#0054A6;}
#signInWrapper #mid {padding-top:15px;height:280px;border-bottom:1px solid #CCC;}
#signInWrapper #mid input {height:30px;width:374px;}
#signInWrapper #loginBtn {background:url('../images/greenDisabledBtnOverlay.png') repeat-x;width:118px;height:33px;-moz-border-radius:5;border:0;font-family:helvetica,arial,'lucida grande',sans-serif;font-size:16px;color:#FFF;}
#loginBtn2 {background:url('../images/greenDisabledBtnOverlay.png') repeat-x;width:118px;height:33px;-moz-border-radius:5;border:0;font-family:helvetica,arial,'lucida grande',sans-serif;font-size:16px;color:#FFF;margin:0 0 10px 9px;}
#loginFormErrorMessage.errorMessage {color:#CC3024;margin-top:3px;}
#registerBtn {background:url('../images/greenDisabledBtnOverlay.png') repeat-x;width:118px;height:33px;-moz-border-radius:5;border:0;font-family:helvetica,arial,'lucida grande',sans-serif;font-size:16px;color:#FFF;margin:4px 10px 0 0;}
#signInWrapper #bottom {clear:left;padding-top:20px;}
#signInWrapper #bottom p {font-size:14px;color:#222;}
#signInWrapper #bottom ul {margin-top:7px;}
#signInWrapper #bottom ul li {display:inline-block;margin-right:15px;}
#signInWrapper #bottom ul li a {color:#444;}
#signInWrapper #bottom ul li a strong {font-size:14px;}
#signInTwitter .logoContainer {display:block;height:16px;width:16px;background:url('../images/socialMediaSprite.png') -125px -192px;float:left;position:relative;top:2px;}
#signInGoogle .logoContainer {display:block;height:16px;width:16px;background:url('../images/socialMediaSprite.png') -143px -192px;float:left;position:relative;top:2px;}
#signInFacebook .logoContainer {display:block;height:16px;width:16px;background:url('../images/socialMediaSprite.png') -108px -192px;float:left;position:relative;top:2px;}
#modalforgotpwd {font-size:12px;left:21px;position:absolute;top:333px;}


/*Sync*/
#syncWrapper {/*width:490px;*/padding:20px 20px 35px 20px;}
#syncWrapper #syncLogoWrapper {display:block;height:40px;width:102px;text-indent:-9999px;background:url('../images/socialMediaSprite.png') -121px -3px;}
#syncWrapper #btnSync {background-color:#66CC33;font-size:16px;color:#FFF;border:none;width:117px;height:30px;/*margin-top:10px;*/}
#syncWrapper label {margin:20px 0 5px 0;}



/*Widget Options*/
#widgetOptionsWrapper {/*width:640px;*/padding:20px;position:relative;}
#widgetOptionsWrapper #textAreaHelpText {font-size:11px;margin-top:-5px;}
#widgetOptionsWrapper>ul {overflow:hidden;}
#widgetOptionsWrapper #twitterOptionsLeft {width:400px;}
#widgetOptionsWrapper #twitterOptionsRight {width:138px;}
#widgetOptionsWrapper #twitterOptionsRight p {float:right;font-size:35px;margin-top:-5px;padding-top:0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:bold;letter-spacing:-2px;color:#DDD;}
#widgetOptionsWrapper #facebookOptionsLeft {width:400px;}
#widgetOptionsWrapper #facebookOptionsRight {width:138px;}
#widgetOptionsWrapper #facebookOptionsRight p {float:right;font-size:35px;margin-top:-5px;padding-top:0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:bold;letter-spacing:-2px;color:#DDD;}
#widgetOptionsSaveBtn {clear:left;width:117px;margin-right:0;}

/*Error Message*/
.errorMessage {float:left;color:#CC3024;font-size:12px;}