body, html {background-color: #f6f6f6;}


/* fmResets */
div#fmComments {width:455px;}

#fmCommentsWrapper div, 
#fmCommentsWrapper dl,           
#fmCommentsWrapper dt, 
#fmCommentsWrapper dd, 
#fmCommentsWrapper ul, 
#fmCommentsWrapper ol, 
#fmCommentsWrapper li, 
#fmCommentsWrapper h1, 
#fmCommentsWrapper h2, 
#fmCommentsWrapper h3, 
#fmCommentsWrapper h4, 
#fmCommentsWrapper h5, 
#fmCommentsWrapper h6, 
#fmCommentsWrapper pre, 
#fmCommentsWrapper form, 
#fmCommentsWrapper fieldset, 
#fmCommentsWrapper input, 
#fmCommentsWrapper textarea, 
#fmCommentsWrapper p, 
#fmCommentsWrapper blockquote, 
#fmCommentsWrapper th, 
#fmCommentsWrapper td { 
margin:0;
padding:0;
font-family:Arial, sans-serif;
}

#fmCommentsWrapper table {border-collapse:collapse; border-spacing:0;}
#fmCommentsWrapper fieldset, #fmCommentsWrapper img {border:0;}

#fmCommentsWrapper address, 
#fmCommentsWrapper caption, 
#fmCommentsWrapper cite, 
#fmCommentsWrapper code, 
#fmCommentsWrapper dfn, 
#fmCommentsWrapper em, 
#fmCommentsWrapper strong, 
#fmCommentsWrapper th, 
#fmCommentsWrapper var {
font-style:normal;
font-weight:normal;
}

#fmCommentsWrapper ol, #fmCommentsWrapper ul {list-style:none;}
#fmCommentsWrapper caption, #fmCommentsWrapper th {text-align:left;}

#fmCommentsWrapper h1, 
#fmCommentsWrapper h2, 
#fmCommentsWrapper h3, 
#fmCommentsWrapper h4, 
#fmCommentsWrapper h5, 
#fmCommentsWrapper h6 {
font-size:100%;
font-weight:normal;
}

#fmCommentsWrapper q:before, #fmCommentsWrapper q:after {content:'';}
#fmCommentsWrapper abbr, #fmCommentsWrapper acronym {border:0;}
#fmCommentsWrapper a, #fmCommentsWrapper input {outline:none;}
#fmCommentsWrapper .fmLeft {float:left;}
#fmCommentsWrapper .fmRight {float:right;}
#fmCommentsWrapper .fmClear {clear:both;}
#fmCommentsWrapper .fmClearfix:after {
/*visibility:hidden;*/
display:block;
font-size:0;
content:'';
clear:both;
height:0;
}

#fmCommentsWrapper .fmClearfix {
float:left!important;
display:inline-block;
display:block;
/*width:470px;*/
}

#fmCommentsWrapper .fmButtonWrapper {
margin:10px 0;
clear:both;
}

* html .fmClearfix {height:1%;}

div#main_col.recipe div#main_inner_content ul {margin:0;}
div#main_col.recipe div#main_inner_content li {margin:0;}

div#main_col.recipe div#main_inner_content ul.fmClearfix,
div#main_col.recipe div#main_inner_content #uploadForm ul,
div#main_col.recipe div#main_inner_content #uploadStatus ul { margin-left:0 !important; }

div#main_col.recipe div#main_inner_content #uploadStatus { width:412px; }

/* global */
#fmCommentsWrapper #fmLoading {
background:transparent url(images/loading.gif) bottom center no-repeat;
height:42px;
text-align:center;
}
#fmCommentsWrapper {
width:455px;
padding:10px;
font-size:12px;
}


/* forms */
#fmCommentsWrapper .fmFormbox {
margin:0;
position: relative;
}
#fmCommentsWrapper .fmFormbox h2 {
font-size:14px;
font-weight:bold;
margin:10px 0;
}
#fmCommentsWrapper .fmFormbox li.label {margin:12px 0 3px;}
#fmCommentsWrapper .fmFormbox li.label:last-child {
margin-bottom:0;
padding-bottom:10px;
}
#fmCommentsWrapper .fmFormbox label {
color:#000;
font-size:12px;
float:left;
padding-top:10px;
}
#fmCommentsWrapper .fmFormbox label.error {
color:#cc0000;
margin:0;
padding:0;
}
#fmCommentsWrapper .fmFormbox label span {
font-size:10px;
color:#777;
}
#fmCommentsWrapper .fmFormbox .fmInput, 
#fmCommentsWrapper .fmFormbox .fmTextarea, 
#fmCommentsWrapper .fmFormbox .fmCaptcha {
background:#fff url(images/form.gif) repeat-x scroll left top;
border:1px solid #ccc;
font-size:12px;
padding:5px;
width:98%;
}
#fmCommentsWrapper .fmFormbox .fmSelect {
background:transparent url(images/form.gif) repeat-x scroll left top;
border:1px solid #ccc;
font-size:12px;
margin:0;
padding:4px;
width:60%;
}
#fmCommentsWrapper .fmFormbox .fmInput:focus, 
#fmCommentsWrapper .fmFormbox .fmCaptcha:focus, 
#fmCommentsWrapper .fmFormbox .fmSelect:focus, 
#fmCommentsWrapper .fmFormbox .fmTextarea:focus {
-moz-box-shadow:0 0 5px #82b9d2;
-webkit-box-shadow:0 0 5px #82b9d2;
border:1px solid #9ebbca;
}
#fmCommentsWrapper .fmFormbox textarea {height:5em;}
#fmCommentsWrapper .fmFormbox span img {
border:1px solid #cccccc;
display:block;
margin-bottom:5px;
padding:3px;
}
#fmCommentsWrapper .fmFormbox .fmCaptcha {width:136px;}
#fmCommentsWrapper .error {
color:#cc0000;
font-weight:bold;
height:14px;
margin:0 0 0 2px;
overflow-y:hidden;
padding:4px 5px;
}
#fmCommentsWrapper .errorField {border:1px solid #CC0000 !important;}
#fmCommentsWrapper .fmButton {
color:#fff;
font-size:12px;
font-weight:bold;
text-align:center;
line-height:26px;
height:26px;
position:relative;
top:1px;
padding:0 10px;
margin:0 10px 0 0;
display: block;
float:left;
border:none;
cursor:pointer;
}
#fmCommentsWrapper a.fmButton {text-decoration: none;}  
#fmCommentsWrapper a#uploadBtn { clear:both; position:relative; }
#fmCommentsWrapper .fmTextarea.large {width:65%;}
#fmCommentsWrapper .fmCommentRight {
float:right;
line-height:1.4em;
width:42%;
border:1px solid #ccc;
background-color: #fff;
margin:28px 0 0 0;
}
#fmCommentsWrapper .fmCommentRight h4 {
color:#666;
font-size:14px;
margin:0 0 10px;
}
#fmCommentsWrapper .fmCommentRight ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:10px 0 0;
padding-left:20px;
}
#fmCommentsWrapper .fmCommentRight ul li {margin:0 0 5px;}
#fmCommentsWrapper .fmCommentRight a {
color:#000;
font-weight:bold;
text-decoration:none;
cursor:pointer;	
}
#fmCommentsWrapper .fmCommentRight .fbcbutton {
margin:1.2em 0px;
display:block;
}
#fmCommentsWrapper .fmCommentRight a:hover {color:#30647c;}
#fmCommentsWrapper .fmCommentRight .inside {margin:10px;}
#fmCommentsWrapper #fmCommentsHeader {
width:436px;
margin:0 0 12px 0;
padding:0 0 10px 0;
border-bottom:1px solid #fff;
}
#fmCommentsWrapper #fmCommentsHeader div {
color:#000;
font-size:16px;
font-weight:bold;
}
#fmCommentsHeader select {
border:1px solid #d0d0d0;
padding:2px;
}
#fmCommentsWrapper #fmCommentsMore a {
margin:20px 0 60px 0;
font-weight:bold;
float:none;
}
#fmCommentsWrapper #fmCommentsMore a:hover {border: 1px solid #2287bc;}
#fmCommentsWrapper #fmCommentsMore a img {margin:5px 0 0;}
#fmCommentsWrapper #fmCommentsBox {
padding:5px 0 20px 0;
margin:0;
width:450px;
}
#fmCommentsWrapper .fmContent img {
background:transparent url(images/loading.gif) center center no-repeat;
min-width:24px;
min-height:24px;
}
#fmCommentsWrapper .fmTab {
padding:20px;
border:1px solid #ccc;
background-color:#fff;
width:412px;
}
#fmCommentsWrapper ul.fmTabs li {
border:1px solid #ccc;
border-bottom:none;
position:relative;
top:1px;
padding:6px 14px;
float:left;
background:url(../images/bg_li-frm.gif) top center repeat-x;
}
#fmCommentsWrapper ul.fmTabs li.fmActive {
background-image:none;
background-color:#fff;                   
/*border-bottom:1px solid #fff;*/
}                                        
#fmCommentsWrapper ul.fmTabs li.fmLast {border-left:none;}
#fmCommentWrapper #fmCommentsDisabled {
text-align:center;
font-size:14px;
font-weight:bold;
}
#fmCommentWrapper #fmPostAnonComment {position:relative;}

#fmErrorOverlay {
background:transparent url(images/loading.gif) center center no-repeat;
background-color:rgba(255, 255, 255, 0.65);
height:110%;
position:absolute;
width:101%;
text-align:center;
z-index:150;
}
#fmErrorOverlay.fmNoBackground {background-image:none !important;}
#fmErrorOverlay .fmButton {
width:60px;
margin:0px auto;
text-align:center;
float:none;
}
#fmErrorOverlay span {
padding:5px 8px;
font-size:12px;
font-weight:bold;
color:#fff;
display:inline-block;
margin:50px 20px 20px 20px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.fmError {
border:1px solid #660000;
background-color:#993333;	
}
.fmSuccess {
border:1px solid #003300;
background-color:#336600;	
}


/* uploader */
.uploadStatus input {border:1px solid #666;}

div#uploadStatus input {margin-bottom:10px;}
#uploadMetaData input, #uploadMetaData select {float:left;}
#uploadMetaData fieldset {width:290px;}
ul#htmlUpload {
float:left;
margin:5px 5px 5px 0;
min-height:24px;
padding:0 5px 24px 0;
width:300px;
}
td.uploadForm {
border:1px solid #888c8e;
width:50%;
}
#uploadStatus:after {
clear:both;
content:'';
display:block;
}
#uploadMetaData {float:left;}
#uploadMetaData fieldset {border:0 none;}
#uploadMetaData fieldset label {
clear:left;
float:left;
width:80px;
}
#uploadMetaData fieldset input.text {
border:1px solid #888c8e;
margin:0 0 10px;
padding:3px;
width:186px;
}
#uploadMetaData fieldset input.btn {float:right;}
#uploadMetaData fieldset select {width:186px;}

div.queuedUploadItem img.progressBar {
background:transparent url(/static/vidcom/images/progressbar/active.gif) repeat-x scroll left top;
border-right:1px solid #ccc;
left:0;
position:absolute;
top:0;
z-index:0;
}
div.filename {
color:#000;
float:left;
left:3px;
position:absolute;
top:2px;
z-index:10;
}
div.percHolder {
float:right;
position:absolute;
right:3px;
top:2px;
z-index:20;
}
div.queuedUploadItem {
background:#fff none repeat scroll 0 0 !important;
border:1px solid #ccc;
float:left;
height:20px;
margin:3px 0 0 3px;
overflow:hidden;
position:relative;
width:310px;
top:1px;
}


/* IE 6 */
/* uploader */
* html .uploaderIEFix {position:relative !important;}
* html #uploadStatus span#selectFileBtn {top:0;}
* html #uploadStatus {width:550px; float:left; position:relative;}
* html #fileList {width:312px;}
* html div.queuedUploadItem {width:312px;}
* html div.filename {position:absolute;}
* html div.percHolder {position:absolute;}
* html div.queuedUploadItem{position:relative;}
* html #flashSelectFile{position:relative; left:10px;}
* html #fileList{padding:0;}

@-moz-document url-prefix() { #flashSelectFile { position:absolute; } } 


#fmCommentsWrapper #fmCommentsMore .fmPager .fmButton {
	float: left;
	margin: 0px 5px 0px 0px;
}

#fmCommentsWrapper #fmCommentsMore .fmPager .fmButton:last-child {
	margin-right: 0px;
}

#fmCommentsWrapper #fmCommentsMore .fmPager span {
	cursor: default;
}

#fmCommentsWrapper #fmCommentsMore .fmPager .fmDisabled {
	color:#bbb;
	background: transparent url(images/button.gif) left top repeat-x;
	border:1px solid #e6e6e6;
	display:none;
}

#fmCommentsWrapper #fmCommentsMore .fmPager .fmDisabled:hover {
	border:1px solid #e6e6e6;
}

#fmCommentsWrapper #fmCommentsMore .fmPager .fmNext {
	margin-left: 10px;
}

#fmCommentsWrapper #fmCommentsMore .fmPager .fmPrev {
	margin-right: 15px;
}

#fmCommentsWrapper #fmCommentsMore .fmPager.fmNoFirstLast.fmNoNumbers .fmNext {
	margin-left:0px;
	/*
	width:40%;
	float: right;
	*/
}

#fmCommentsWrapper #fmCommentsMore .fmPager.fmNoFirstLast.fmNoNumbers .fmPrev {
	/*
	margin-right: 0px;
	width: 40%;
	float: left;
	*/
}