/*
	jQuery UI
*/
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("../images/ui-icons_222222_256x240.png");
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("../images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}

.gna_grey_box{
    margin: 10px 0 15px;
    background-color: #ECECEC;
    border: 1px solid #CFCFCF;  
    padding: 0 0 0 1em;
}

.gna_yellow_box{
    margin: 10px 0 15px;
    background-color: #FFFFE0;
    border-color: #E6DB55;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;   
    padding: 0 0 0 1em;
}

.gna_blue_box{
    margin: 10px 0 15px;
    background-color: #F0F9FF;
    border-color: #1166BB;
    color: #1166BB;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;   
    padding: 0 0 0 1em;
    line-height: 20px;
}

.gna_green_box {
    margin: 10px 0 15px;
    background-color: #CCF4D6;
    border-color: #059B53;
    color: #043B14;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;   
    padding: 0 1em 0 1em;
}

.gna_red_box {
    margin: 10px 0 15px;
    background-color: #FFEBE8;
    border-color: #CC0000;
    color: #333333;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;   
    padding: 0 1em 0 1em; 
}

#gna_post_order #gna_sortable li {
	position: relative;
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    font-size: 1.4em;
    height: 18px;
}

#gna_post_order #gna_sortable li span {
    position: absolute;
    margin-left: -1.3em;
}

#gna_post_order #gna_sortable {
	list-style-type: none;
	margin: 10px 0 0;
	padding: 0;
}

#gna_post_order #gna_sortable ul {
	margin-left:20px;
	list-style: none;
}

#gna_post_order #gna_sortable li {
	margin: 4px 0px;
	border: 1px solid #dddddd;
	cursor: move;
	-moz-border-radius:6px;
	background-color: #efefef;
}

#gna_post_order #gna_sortable li:nth-child(2n+1) {
	background-color: #fff !important;
}

#gna_post_order #gna_sortable li p {
	display: block;
	padding: 5px 10px;
	color:#555;
	font-size:13px;
}

#gna_post_order #gna_sortable li.placeholder{
	border: dashed 2px #cccccc;
	height:25px;
	background-color: #ffffff;
}