@import url("/layout/design2-admin.css");

body {
	background-color: #DDD;
}

/********** Admin App Styles **********/
/* START - Module DIV */
#adminappWrapper {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	border: #000 1px solid;
}
#adminheaderContainer {
	background: #CCCCCC url(/images/admin/admin-header.jpg) no-repeat top;
	width: 910px;
	height: 90px;
	margin-bottom: 14px;
}
#adminheaderContainerTitle {
	font-size: 24px;
	color: #000;
	padding: 40px 0 0 20px;
	font-weight: bold; 
}


#adminmenuContainer {
	float: left;
	width: 190px;
	/*border: #000 1px solid;*/
}
#adminappContainer {
	float: left;
	width: 700px;
	margin-left: 8px;
	min-height: 400px;
  	height: auto !important; 
 	height: 400px;
	/*border: #000 1px solid;*/
	position: relative; /* setting so Children can be absolute */
}
/* END - Module DIV */
/* sitepicker, etc. */
#adminheaderTitle {
	margin: 0 auto 0;
	width: 680px;
	/*border: #000 1px solid;*/
}
#adminheaderWrapper {
	margin: 5px auto;
	margin-bottom: 5px;
	padding:5px 5px 5px 5px;
	width: 670px;
	min-height: 30px;
  	height: auto !important; 
 	height: 30px;
	border: #505050 3px solid;
	background-color: #eaeaea;
}

/* module form, etc. */
#adminmoduleWrapper {
	margin: 5px auto;
	margin-bottom: 10px;
	width: 680px;
	
	/*border: #000 1px solid;*/
}
#adminmoduleMenu {
	margin: 5px auto;
	margin-bottom: 3px;
}
#adminmoduleMenu .menuitem {
	display: block;
	float: right;
	/*border: #000 1px solid;*/
}
#adminmoduleMenu span { float: left; }


#loadingA, #loadingB {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	display: none; /* Only used to Hide LOADING images from non-JS Enabled Browsers */
}

#listStatus {
	/*border: #000 1px solid;*/
}
#listItems {
	/*border: #000 1px solid;*/
}
#listTopButtons {
	/* border: #000 1px solid; */
}
#listBottomButtons {
	/* border: #000 1px solid; */
}

.itemrowhover {
	background-color: #ffff99;	
}

/********** Admin - Indexing Styles **********/
#indexing {
	position: relative; /*absolute;*/
	top: 0px;
	right: 0px;
	
	/*background: #ff0000;*/
	/*color: #fff;
	font-size: 14px;
	font-family:  arial, helvetica, sans-serif;*/
	padding: 2px 2px;
	width: 125px;
	float: left;
	display: none;
}


/***** Form Styles *****/
#adminForm .label {
  padding-top: 2px;
  padding-right: 8px;
  vertical-align: top;
  text-align: right;
  width: 145px;
  white-space: nowrap;
}

#adminForm .field {
  padding-bottom: 10px;
  white-space: nowrap;
}

#adminForm .status {
  padding-top: 2px;
  padding-left: 8px;
  vertical-align: top;
  /*width: 246px;*/
  white-space: nowrap;
}

#adminForm label.error {
  background: transparent url("../images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}

#adminForm label.checked {
  background: transparent url("../images/checked.gif") no-repeat 0px 0px;
  background-position-y: top;
}

#adminForm .success_msg {
  font-weight: bold;
  color: #0060BF;
  margin-left: 19px;
}


/***** Admin Sort Styles *****/
#mySortList { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#mySortList li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.2em; height: 32px !important; }
html>body #mySortList li { height: 1.5em; line-height: 1.2em; }
#mySortList li span { position: absolute; margin-left: -1.3em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

/******************* jquery ui custom theme mods ************************/
/* states and images */
.ci-icon-menu { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ci-icon-menu { width: 16px; height: 16px; background-image: url(ui-smoothness/images/ui-icons_2e83ff_256x240.png); }