h1 {
font: 100% "Trebuchet MS", sans-serif;
}

.cluetip-default {
background-color: #EFEFEF;
}
.cluetip-default #cluetip-outer {
background-color: #EFEFEF;
}
.cluetip-default h3#cluetip-title {
background-color:#222222;
color: #fff;
}

.endmessage {
text-align:center;
font-size:0.8em;
}

#progressbar_messages {
position:relative;
left:300px;
top:-20px;
text-align:left;
margin-top:4px;
margin-bottom:4px;
width:300px;
}

#progressbar {
text-align:left;
width:100px;
}

.progressbar_active {
background: url('images/progress.gif') center repeat ;
}

#pager_links1 {
display:inline;
text-align:left;
margin-top:8px;
margin-bottom:4px;
background-color: #EEEEEE;
}

#statusbar {
text-align:left;
padding-top:4px;
margin-top:12px;
margin-bottom:-4px;
width:800px;
height:28px;
background-color: #EEEEEE;
}

#messages {
position:relative;
left:20px;
}


/*
#progressbar {
position:relative;
left:300px;
margin-left:100px;
width:80px;
height:20px;
background: #fff url('images/progress.gif');
border: 1px solid #00375a;
margin: 0 0.2em;
}

.progressbar {
}
*/








#manu_table {
height:300px;
overflow: scroll;
}

/*
.pager_more, .pager_less {
border: 1px solid black;
padding:2px;
margin-left: 8px;
margin-right: 8px;
width:1em;
text-decoration: none;
}
*/

.pager_more, .pager_less {
margin-left: 8px;
margin-right: 8px;
text-decoration: none;
}

.pager_more, .pager_less a {
text-decoration: none;
}

.pager_current {
width:1em;
margin-left: 8px;
margin-right: 8px;
font-weight: bold;
font-size:1.2em;
}

body {
background-color:#222222;
font: 80.5% "Trebuchet MS", sans-serif;
margin: 20px;
}

#content {
background-color:#F8F8F8;
padding:20px;
}

#controlbar_row1 {
width:800px;
}
#controlbar_row2 {
height: 80px;
width:800px;
float:left;
margin-top:12px;
}


.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .5; filter:Alpha(Opacity=50); background-image: none; }

#gobutton {
padding: .4em 1em .4em 1em;
text-decoration: none;
position: relative;
left: 10px;
top: 10px;
}

#gobutton span.ui-icon {
margin: 0 5px 0 0;
position: absolute;
left: .2em;
top: 50%;
margin-top: -8px;
}

#helpbutton {
padding: .4em 1em .4em 1em;
text-decoration: none;
position: relative;
left: 10px;
top: 10px;
}

#helpbutton span.ui-icon {
margin: 0 5px 0 0;
position: absolute;
left: .2em;
top: 50%;
margin-top: -8px;
}

.gobutton_dirty {
border: 2px solid red;
}

#manu_dialog_link, #columns_dialog_link {
padding: .4em 1em .4em 20px;
text-decoration: none;
position: relative;
left: 10px;
top: 10px;
}

#manu_dialog_link span.ui-icon, #columns_dialog_link span.ui-icon {
margin: 0 5px 0 0;
position: absolute;
left: .2em;
top: 50%;
margin-top: -8px;
}

#category_holder, #num_rows_holder {
top:6px;
left:5px;
position:relative;
}

#category_area label {
display:block;
}

#row_area label {
display:block;
}

#capacity_area {
height: 80px;
width: 250px;
float: right;
}


.capacity_widget1 {
background-color:#EEEEEE;
height: 30px;
width:45px;
/*border: 1px solid grey;*/
display:inline;
float:left;
}

.capacity_widget2 {
height: 30px;
width:105px;
/*border: 1px solid grey;*/
display:inline;
float:left;
}

#prices_area label {
font-size:.9em;
font-weight:bold;
}

#capacity_area_title {
font-size:.9em;
}

#mb_low_sliderlabel, #mb_low_slidervalue, #mb_high_sliderlabel, #mb_high_slidervalue {
font-size:.9em;
font-weight:bold;
top:4px;
left:4px;
position:relative;
}

div.cmf-skinned-select {
background: url('images/skin.png') top right no-repeat ;
border: 1px solid #ccc;
display:inline;
}
div.cmf-skinned-text {
padding: 3px;
}


#prices_area {
display:inline;
height: 80px;
width: 540px;
background-color: #EEEEEE;
float: left;
}

#new_slider_range {
clear:both;
margin-bottom:22px;
left:0;
top:12px;
position:relative;
width:400px;
/*
top:80px;
position:relative;
*/
}







/* tables */
#thetable {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
#thetable thead tr th, #thetable tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
	margin-right:12px;
}
#thetable thead tr .header {
	background-image: url('images/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	margin-left:4px;
}
#thetable tbody td {
	color: #3D3D3D;
	background-color: #FFF;
	padding: 8px;
	vertical-align: top;
}
#thetable tbody tr.odd td {
	background-color:#F0F0F6;
}
#thetable thead tr .headerSortUp {
	background-image: url('images/asc.gif');
}
#thetable thead tr .headerSortDown {
	background-image: url('images/desc.gif');
}
#thetable thead tr .headerSortDown, #thetable thead tr .headerSortUp {
background-color: #8dbdd8;
}

/*demo page css*/
.demoHeaders { margin-top: 2em; }
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
.checkboxtable label { font-size: 0.7em; }









#prices_new_area {
}

#prices_used_area {
}

.prices_price_area {
height: 53px;
width: 150px;
margin-top:2px;
margin-right:5px;
margin-left:5px;
float:left;
display:inline;
border:1px dotted black;
padding-left:12px;
}

.prices_price_input {
border:0;
color:#f6931f;
font-weight:bold;
width:100px;
}






.prices {
border:1px solid black;
}

.prices_label {
float:left;
display:inline;
width:10em;
border:1px solid red;
}

.price_block {
width:200px;
display:inline;
background-color:#ff8888;
margin:4px;
}

.price_block_label {
background-color:#ff8888;
margin:4px;
width:120px;
}

.price_block_input {
display:inline;
border:0;
color:#f6931f;
font-weight:bold;
background-color:#ff8888;
margin:4px;
width:100px;
}

.prices_setarea {
display:inline;
}

.prices_set_link {
padding: .2em .5em .2em .5em;
text-decoration: none;
position: relative;
top: 10px;
left:10px;
font-size:.9em;
}

.prices_set_link span.ui-icon {
margin: 0 5px 0 0;
position: absolute;
left: .2em;
top: 50%;
margin-top: -8px;
}

.prices_close_link {
padding: .2em .5em .2em .5em;
text-decoration: none;
position: relative;
top: 10px;
left:10px;
font-size:.9em;
}

.prices_close_link span.ui-icon {
margin: 0 5px 0 0;
position: absolute;
left: .2em;
top: 50%;
margin-top: -8px;
}

.prices_close_link_disabled {
background-color:darkGray;
}

.prices_set_link_active {
border: 2px solid red;
background-color:pink;
}



















.mb_high_slidervalue {
text-align:right;
width:4em;
}










#gobutton_area {
height: 60px;
width:70px;
display:inline;
float:left;
margin-right:4px;
}

#category_area {
height: 60px;
width:158px;
display:inline;
float:left;
margin-right:4px;
}

#manu_area {
height: 60px;
width:118px;
display:inline;
float:left;
margin-right:4px;
}

#row_area {
height: 60px;
width:115px;
display:inline;
margin-right:4px;
float:left;
}

#columns_area {
height: 60px;
width:78px;
display:inline;
float:left;
margin-right:4px;
}

#help_area {
height: 60px;
width:78px;
display:inline;
float:left;
}




.controlbar iframe {
float:right;
}