BODY, TABLE, TD, TR, P, DIV, UL, TEXTAREA {
	FONT-FAMILY: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	FONT-SIZE: 12PX;
	COLOR: #000000;
}

TEXTAREA {
	COLOR: #333333;
}

.PICT {
	COLOR: #000000;
}

A{
	COLOR: #C52B2B;
	TEXT-DECORATION : NONE;
	FONT-SIZE: 13PX;
	FONT-FAMILY: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
}

A:HOVER{
	COLOR: #003366;
	TEXT-DECORATION: NONE;
}

A:ACTIVE{
	COLOR: #CCCCCC;
	TEXT-DECORATION:NONE;
}

.SMALL {
	FONT-FAMILY: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	FONT-SIZE: 11PX;
}

.SMALL-HREF {
	FONT-FAMILY: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	FONT-SIZE: 11PX;
}

.TITLE {
	FONT-FAMILY: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	FONT-SIZE: 20PX;
	COLOR: #666666;
	TEXT-DECORATION: NONE;
}

HR {
  COLOR: #CCCCCC;
};

P{
  TEXT-ALIGN: JUSTIFY;
  MARGIN-TOP: 5PX;
  MARGIN-BOTTOM: 5PX;
  TEXT-INDENT: 20PX;
};
        
UL{
  TEXT-ALIGN: JUSTIFY;
  MARGIN-TOP: 5PX;
  MARGIN-BOTTOM: 5PX;
  TEXT-INDENT: 20PX;
};

DIV {
  TEXT-ALIGN: JUSTIFY;
};

.LEFT{
  TEXT-ALIGN: LEFT;
};
.RIGHT{
  TEXT-ALIGN: RIGHT;
};
.CENTER{
  TEXT-ALIGN: CENTER;
};

.ITALIC {
	FONT-FAMILY: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	FONT-STYLE:ITALIC;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/static/img/build/ajax.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}


.non_sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 40%;
}

.non_sortable div {
	margin: 0 5px 5px 5px;
	padding: 5px;
	font-size: 1.2em;
	height:auto !important;
}


.sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 40%;
}

.sortable div {
	margin: 0 5px 5px 5px;
	padding: 5px;
	font-size: 1.2em;
	height:auto !important;
}

.ui-state-highlight {
	height: 1.5em;
	line-height: 1.2em;
}

.btn_small {
	font-size: 62.5%;
}