body {
	margin:0;
	padding:0;
}

body, th, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

.red_text {
	color: #FF0000
}

a, a:visited, a:active{
	color:#ff6600;
	text-decoration:none;
}

a:hover{
	color:#ff6600;
	text-decoration:underline;
}

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

#fadeinbox{ 
	position:absolute; 
	width: 300px; 
	left: 0; 
	top: -400px; 
	border: 2px solid black; 
	background-color: lightyellow; 
	padding: 4px; 
	z-index: 100; 
	visibility:hidden; 
}

/*Image Sort*/
form{
	display:inline;
}

.imageBox,.imageBoxHighlighted{
	width:120px;	/* Total width of each image box */
	height:150px;	/* Total height of each image box */
	float:left;
}

.imageBox_theImage{
	width:100px;	/* Width of image */
	height:100px;	/* Height of image */
	/* 
	Don't change these values *
	*/
	background-position: center center;
	background-repeat: no-repeat;		
	margin: 0 auto;
	margin-bottom:2px;
}
	
.imageBox .imageBox_theImage{
	border:1px solid #DDD;	/* Border color for not selected images */
	padding:2px;
}

.imageBoxHighlighted .imageBox_theImage{
	border:3px solid #316AC5;	/* Border color for selected image */
	padding:0px;
}

.imageBoxHighlighted span{	/* Title of selected image */
	background-color: #316AC5;
	color:#FFFFFF;
	padding:2px;
}
	
.imageBox_label{	/* Title of images - both selected and not selected */
	text-align:center;
	font-family: arial;
	font-size:11px;		
	padding-top:2px;
	margin: 0 auto;
}
	
/* 
DIV that indicates where the dragged image will be placed	
*/
#insertionMarker{
	height:60px;
	width:3px;
	position:absolute;
	display:none;
}
	
#insertionMarkerLine{
	width:3px;	/* No need to change this value */
	height:100px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */
}
		
#insertionMarker img{
	float:left;
}
	
/*
DIV that shows the image as you drag it 
*/
#dragDropContent{
	opacity:0.4;	/* 40 % opacity */
	filter:alpha(opacity=40);	/* 40 % opacity */
	/* 
	No need to change these three values 
	*/
	position:absolute;
	z-index:10;
	display:none;
}


/*Drag & Drop Nodes*/
.groupWrapper
{
	width:100%;
	float: left;
	min-height:150px;
}

.serializer
{
	clear: both;
}

.groupItem
{
	margin-bottom: 20px;
}

.groupItem .itemHeader
{
	line-height: 18px;
	background-color: #e1e1e1;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #000;
	padding: 5px 10px;
	cursor: move;
	font-weight: normal;
	font-size: 12px;
	height: 18px;
	position: relative;
}

.groupItem .itemHeader a
{
	position: absolute;
	right: 10px;
	top: 0px;
	padding: 5px 0px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

.sortHelper
{
	border: 3px dashed #666;
	width: auto !important;
}

#loading{
	margin:20px;
	text-align:left;
	padding:5px;
    height:25px;
    vertical-align:middle;
    border:1px solid #C7B69E;
    background-color: #FEFCD5;
}

/*Drag & Drop Nested Sort*/
div.wrap {
	background: #ffffff;
}
	
.page-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}
			
.clear-element {
	clear: both;
}
			
.page-item1 > div,
.page-item2 > div,
.page-item3 > div,
.page-item4 > div {
	background: #FFFFFF;
	margin: 0.25em 0 0 0;
}

.left {
	text-align: left;
}
			
.right {
	text-align: right;
}

.sort-handle {
	cursor:move;
}
			
.helper {
	border:2px dashed #777777;
}
			
.current-nesting {
	background-color: yellow;
}
			
/*Facebox*/
#facebox .b {
	background:url(../images/facebox/b.png);
}

#facebox .tl {
	background:url(../images/facebox/tl.png);
}

#facebox .tr {
	background:url(../images/facebox/tr.png);
}

#facebox .bl {
	background:url(../images/facebox/bl.png);
}

#facebox .br {
	background:url(../images/facebox/br.png);
}

#facebox {
	position: absolute;
	top: 0;
	left: 0;
  	z-index: 100;
  	text-align: left;
}

#facebox .popup {
  	position: relative;
}

#facebox table {
  	border-collapse: collapse;
}

#facebox td {
  	border-bottom: 0;
  	padding: 0;
}

#facebox .body {
  	padding: 10px;
  	background: #fff;
}

#facebox .loading {
  	text-align: center;
}

#facebox .image {
  	text-align: center;
}

#facebox img {
  	border: 0;
  	margin: 0;
}

#facebox .footer {
  	border-top: 1px solid #DDDDDD;
  	padding-top: 5px;
  	margin-top: 10px;
  	text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  	height: 10px;
  	width: 10px;
  	overflow: hidden;
  	padding: 0;
}

#facebox_overlay {
  	position: fixed;
  	top: 0px;
  	left: 0px;
  	height:100%;
  	width:100%;
}

.facebox_hide {
  	z-index:-100;
}

.facebox_overlayBG {
  	background-color: #000;
  	z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  	position: absolute;
  	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.red_blink { color:#FF0000; text-decoration:blink; }

.admin_title, a.admin_title:link, a.admin_title:visited, a.admin_title:active, {
	font-family: "Trebuchet MS"; 
	font-size: 16px; 
	color: #44A03B; 
	text-decoration:none;
}

a.admin_title:hover {
	font-family: "Trebuchet MS"; 
	font-size: 16px; 
	color: #44A03B;	
	text-decoration:underline;
}

#admin_container {
	width:100%;
	min-height:100%;
	min-width:700px;
}

#admin_banner {
	height:30px;
	padding:10px;
	background:#333;
}

#admin_logo {
	float:left;
}

#user_menu {
	float:right;
}

#admin_body {
	padding-top:10px;
	background:#e1e1e1;
	min-height:460px;
}

#admin_footer {
	clear:both;
	width:100%;
	height:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-indent:10px;
	background:#333;
	color:#FFFFFF;
}

#admin_navigation {
	width:370px;
}

#admin_navigation li {
	list-style:none;
}

#admin_navigation li a {
	display:block;
	background:#444444;
	padding:5px 10px;
	float:left;
	color:#FFFFFF;
}

#admin_navigation li a:hover {
	background:#555;
}

.ddimgtooltip{
display:none;
position:absolute;
border:0;
background:white;
color: black;
z-index:2000;
padding:0;
}

.comment_note {
	margin:20px;
	margin-top:40px;
	padding:10px;
	border:1px solid #FF9900;
	background:#FFEEE6;
}