body{ 
	margin:10px 0 0 0; padding:0px; border:0px solid #666;
	/* margin:15px; padding:15px; border:0px solid #666; */
	font-family:Arial, Helvetica, sans-serif; font-size:88%; 
}

h1 {font-size: 14pt; margin-bottom: 0px; padding-bottom: 0px;}
/*Navigation*/
#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #000;
margin-bottom: 20px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited, span.link
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist a:link#current,span.link:hover, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover { color: #000; }
/*end nav*/


/*styles for videoadd.php - floating related products box*/
#thumbnailbox {width: 600px;}

#products-right {
width: 300px; float: right;

}

#products-right-videoadd {
	width: 200px; float: right;

}

#info-left {width:400px;}



#addvideobox {
	margin-left:auto;
	margin-right: auto;

	width: 700px;
	padding: 20px;
	border: 1px solid black;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	
   /*** Background Gradient - 2 declarations one for Firefox and one for Webkit ***/
   background:  -moz-linear-gradient(19% 75% 90deg,#c0c0c0, #FFFFFF);
   background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c0c0c0), to(#FFFFFF));
}

input.addedit, textarea.addedit {
    width: 300px;
    padding: 6px;
    margin-bottom: 10px;
    border: 2px solid black;
  }

  
#thumbnail {float: right;text-align: center;}



h2{ margin-top: 50px; }

caption{ margin:10px 0 0 5px; padding:10px; text-align:left; }
th{
	background:#4A4A4A url(../../images/bg_th.jpg) left top repeat-x;
	border-left:1px solid #C7C7C7;
	padding:5px; color:#fff; height:25px;
}
td{ padding:2px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
pre{ margin:5px; padding:5px; background-color:#f4f4f4; border:1px solid #ccc; }
/* for elements added by sortable.js in th tags*/
th img{ border:0; } 
th a{ color:#fff; font-size:13px; text-transform: uppercase; text-decoration:none; }

.deletelink {
	color: blue;
	text-decoration: underline;
}

#demo.TF {text-align: center; }

.italic {font-style: italic;}
.bold {font-weight: bold;}


.menu-edit-indent-1 {margin-left: 50px}
.menu-edit-indent-2 {margin-left: 100px}
#sortable {list-style-type: none}
#sortable li {margin-top: 10px}

.bodylink {color: blue; text-decoration:underline}



#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
#preview img {width: 250px}

/*The styles for the pending notice*/
#pending  {
    position:relative;     /* This is crucial for the absolutely positioned element */

    width:200px;
    height:16px;
}
#pendingcount {
    position:absolute;    /* This breaks the div from the normal HTML document. */
    top: -6px;
    left:-655px;
    padding:1px 2px 1px 2px;
    background-color:red; /* you could use a background image if you'd like as well */
    color:white;
    font-weight:bold;
    font-size:0.75em;

    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius:30px;
    box-shadow:1px 1px 1px gray;
}

#productmanagetable, #productmanagetable td {
	vertical-align: top;
	border: 0px;

}


#productmanagetable #accordion {width: 100%;}

.tablestriperow {
	background: #c0c0c0;
}

.stripes {border-collapse: collapse;}


#suggestbox {width: 350px; height: 150px; overflow: auto; border: 1px black solid;}
#suggestbox table {width: 100%;}


/* From the tagging system */


div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica; font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px; }
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px; margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; }
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}