/* -------------------------------------------------------------- 

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)
   
-------------------------------------------------------------- */

label { font-weight: bold; }
fieldset { border:none; }
legend { font-weight: bold; font-size:1.2em; display:none; }
.button	{ border:none !important; cursor:pointer; margin:0; text-indent:-99999px; padding:0; }
a.button { display:block; background-color:transparent; background-repeat:no-repeat; }
.button:hover { background-position:0 bottom; }

/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title, 
textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, input[type=password]:focus, 
textarea:focus, select:focus { 
  border-color:#ef135b; 
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 618px; height: 105px; padding:5px; }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Header Search Box
-------------------------------------------------------------- */
fieldset#search { 
	display: block;
    height: 24px;
    padding: 1px 1px 1px 3px;
    position: absolute;
    right: 10px;
    top: 154px;
    width: 164px;
	background:transparent url(../Images/backgrounds/search-bg.gif) no-repeat 0 0;
}
fieldset#search .search-text { 
	border:none; 
	margin:0; 
	height:22px; 
	line-height:27px; 
	width:132px;  
	background-color:#f6f6f6;
	padding:0;
}
fieldset#search .search-button {  
	width:28px; 
	height:22px; 
	padding:0;
	background:transparent url(../Images/Buttons/search-button.jpg) no-repeat 0 0; 
}
fieldset#search .form-row { height:27px; }
.form-row input { vertical-align:middle; float:left; } 

/* Header Login Box
-------------------------------------------------------------- */
fieldset#login-form {
    background-color:#303030;
    display:none;
    padding: 38px 0 0 20px;
    position:absolute;
    right:0;
    top:139px;
    width:288px;
    height:176px;
	z-index:20;
	overflow:hidden;
}
fieldset#login-form .form-row { margin-bottom:14px; }
fieldset#login-form p { margin:15px 0; text-align:center; }
fieldset#login-form .submit { margin:0; }
fieldset#login-form .form-row label, fieldset#login .form-row input { float:left; }
fieldset#login-form .form-row label { display:block; width:76px; }
fieldset#login-form .form-row input { margin:0; width:190px; border:solid 1px #bebebe; border:0; }

fieldset#login-form .check { padding-left:76px; vertical-align:middle; }
fieldset#login-form .check input,
fieldset#login-form .check label { width:auto; white-space:nowrap; float:left; color:#ffffff;}
fieldset#login-form .check input { margin:-2px 8px 0 0;  }
*:first-child+html fieldset#login-form .check input { margin-top:-6px;} /*ie7 hack for positioning checkbox */
fieldset#login-form .check input { margin-top /*\**/: -4px\9; } /*ie8  hack for positioning checkbox */

fieldset#login-form .form-row .login { 
	width:51px; 
	height:27px; 
	background:transparent url(../Images/buttons/go.gif) no-repeat center center; 
	margin-right: 22px;
	font-size: 0;
	display:block;
	line-height: 0;
	text-indent:-9999px;
	float:right;
}

.close { width:20px; height:20px; background:transparent url(../Images/buttons/close.gif) no-repeat 0 0; float:left; margin:8px 30px 0 0; }

/* Anchor Buttons
-------------------------------------------------------------- */
.raindance { background-image:url(../Images/Raindance_wide.jpg); width:317px; height:96px; margin:0 0 13px 0; }
.download-muvizu	{ background-image:url(../Images/Buttons/download-muvizu.gif); width:317px; height:81px; margin:0 0 13px 0; }
.download-muvizu-32 { background-image:url(../Images/Buttons/download-muvizu-beta-32Bit.gif); width:317px; height:81px; margin:0 0 13px 0; }
.download-muvizu-64 { background-image:url(../Images/Buttons/download-muvizu-beta-64bit.gif); width:317px; height:81px; margin:0 0 13px 0; }
.download-page .download-muvizu-32 { background-image:url(../Images/Buttons/download-muvizu-32Bit-blk.gif); width:285px; height:72px; margin:0 24px 0 0; }
.download-page .download-muvizu-64 { background-image:url(../Images/Buttons/download-muvizu-64bit-blk.gif); width:285px; height:72px; }
.join-muvizu { background-image:url(../Images/Buttons/join-muvizu.gif); width:317px; height:79px; margin:0 0 23px 0; }
.upload-your-own { background-image:url(../Images/Buttons/upload-your-own.gif); height:98px; margin:0 0 22px 0; }
.faqs { background-image:url(../Images/Buttons/faq.gif); height:86px; margin:0; }
.kboard { background-image:url(../Images/Buttons/keyboard_shortcuts.gif); height:100px; margin:8px 0 0 0; }

.home-download-muvizu { background-image:url(../Images/Home/download-muvizu-button.gif); width:276px; margin-right:3px; }
.home-join-muvizu { background-image:url(../Images/Home/join-muvizu-button.gif); }
.home-welcome-muvizu { background-image:url(../Images/Home/welcome-muvizu-button.gif); }

/* Input Buttons
-------------------------------------------------------------- */
.add-comment { background:transparent url(../Images/Buttons/add-comment.gif) no-repeat 0 0; width:120px; height:32px; float:right !important; }

/* Success, notice and error boxes
-------------------------------------------------------------- */
input.error { border-color:#ef135b !important; }
label.error { color:#ef135b !important; }
p.error { color:#ef135b !important; }


/* Standard forms used throughout
-------------------------------------------------------------- */
fieldset.stdForm ul li { margin-bottom:4px;margin-top:2px;clear:left;overflow:hidden;padding-bottom:1px; }
fieldset.stdForm label { width: 100px; display:block; float:left; padding:4px 0 0 0; } 
fieldset.stdForm input,
fieldset.stdForm textarea {margin:0; padding:2px; width:400px;}
fieldset.stdForm .btn { text-align:right; height:3em; padding-top:20px; }
fieldset.stdForm .btn a { background-color:#EF135B; padding:6px 10px; color:#fff; text-decoration:none; line-height:2em; }
fieldset.stdForm .btn a:hover { background-color:#ab0f41; }
fieldset.stdForm .rdo input { margin:0; float:left; width:auto; }
fieldset.stdForm .rdo span.rdo label { padding:2px 0 0 5px;width:auto; }
fieldset.stdForm .rdo label.rdo { padding:2px 0 0 5px;width:auto; }
fieldset.stdForm .rdo a	{ float:left;margin:2px 0 0 2px; }
fieldset.stdForm a { font-weight:bold; }
fieldset.stdForm ul li ul { margin:0; }
fieldset.stdForm ul li.nolabel { margin-left:100px; }
fieldset.stdForm ul li.nolabel input { float:left;width:auto; }
fieldset.stdForm ul li.nolabel label { padding:2px 0 0 5px;width:auto; }
fieldset.stdForm ul li.tagCloud { width:510px; }
fieldset.stdForm ul li.spanItal { font-style:italic; }
fieldset.stdForm ul li.weeLbl label.radiolabel { width:auto; padding:2px 15px 0 2px; }
fieldset.stdForm ul li.weeLbl img { margin: 1px 0 0; }
fieldset.stdForm .drop select { margin:0; }
fieldset.stdForm .drop200 select { margin:0; width:200px; }
fieldset.stdForm .fileUpload input { width:auto; }

fieldset select.datefield { width:auto; }
.buttonsOpts { text-align:right; }
.buttonsOpts a { margin-left: 10px; font-weight:bold; }
.buttonsOpts a.left { float:left; }
.botright10 {margin:0 10px 10px 0; }

fieldset.noymargin ul { margin-bottom:0; }
fieldset.nomargin ul { margin:0; }
fieldset.nomargin ul li.charCount label { width:auto; font-weight:normal; }
fieldset.nomargin ul li.charCount div { float:left; padding:4px; }
fieldset.nomargin ul li.charCount span { clear:both; }
fieldset.nomargin ul li.btn { /*width:400px;*/ margin-top:10px; } 
fieldset.nomargin ul li.category div, ul li.category div { padding-top:4px; }

fieldset.wideLabel label { width:150px; }
fieldset.wideLabel input,
fieldset.wideLabel textarea { margin:0; width:350px; }
fieldset.wideLabel ul li.nolabel { margin-left:150px; }
fieldset.wideLabel ul li.btn { padding-right:188px; }

fieldset.smallInput input,
fieldset.smallInput textarea,
fieldset.smallInput select { margin:0; width:250px; }

fieldset.privacy input,
fieldset.privacy select { float:left; }
fieldset.privacy img.privacyIcon { margin:3px 0 0 0; padding:0 0 0 2px; } 
fieldset.privacy select.datefield { width:auto; }

fieldset.messagingForm { width: 550px; }
fieldset.loginPageForm { width: 550px; }

fieldset.editProfile ul li label { width:140px; }
fieldset.editProfile ul li select { margin-top: 1px; }
fieldset.editProfile .profPicBrowse { clear:both; margin-left:140px; padding-top:3px; }

fieldset.quickCompose {width: 410px; overflow:visible; }
fieldset.quickCompose input { width:300px }
fieldset.quickCompose li.buttonsOpts { margin-right:8px; } 
div.quickCompose { width: 373px; }

.charsRemaining { margin: 3px 0 4px; color:#000; }
.charCountIndent .charsRemaining { text-indent:100px; }
.charsRemainInline { display:inline; color:#000;}
.charForceLight { color:#ffffff; }

fieldset.editAsset {color:#FFFFFF;}
fieldset.editAsset img { margin-bottom:12px; color:#FFFFFF;}
fieldset.editAssetV { margin-top:12px; color:#FFFFFF;}

ul li.topLine { margin-top:15px !important; padding-top: 10px; border-top:solid 1px #D3D3D3; }
ul li.botLine { margin-top:15px !important; margin-bottom: 0 !important; border-top:solid 1px #D3D3D3; }


/* Text editor character count */
div.charCount { margin:3px 0 0 0; overflow:auto; }
div.charCount input { width:3em !important;  float:left; cursor: default;}
div.indent100 { margin-left:100px; }
div.charCount label { font-weight:normal; width:auto !important; margin:0 0 0 3px; }	

div.regUpload { width:310px; }
div.regUpload input { width:auto; }

/******** POPUP OPTIONS *******/
.hovOpts {float:left;}
.hovOpts div { margin:0; padding-top:10px;}
.hovOpts p { color:#EF135B; cursor:pointer; margin:0; } 
.hovOpts p:hover { text-decoration:underline; }
.hovOpts p img { border:none !important; height:6px; width:8px; display:inline;margin-left:4px; margin:0 !important;}
.hovOpts span { position:absolute; z-index:1000; background-color:#FFFFFF; display:block; border:solid 1px #BBBBBB; color: #000 !important; text-decoration:none !important; overflow:auto; box-shadow: 5px 5px 5px #555555; padding:10px;margin-bottom: 10px; }
.hovOpts span input { clear: both;display: block;float: left;margin: 3px;width:auto;}
.hovOpts span label { display: block; float: left; font-weight: normal; margin: 1px; width:auto;}

.catInverted p { color:#EF135B !important; }
.catInverted span { background-color:#ffffff;}
.catInverted span label { color:#000; }