@CHARSET "UTF-8";

/* input fields */
.error input, 
.error textarea {
	background-color: #fabfbb;
}

.input,
.labeledtext {
	margin: 5px 2px;
	text-align: left;
}

.input label,
.labeledtext .label {
	color: #333333;
	/*margin-left: -2px;*/
}
label span:after,
.label:after {
	color: #333333;
	content: ":";
}
.labeledtext .label {
	display: block;
}

.input .requiredLabel {
	color: #d2423a;
}
.requiredLabel:after {
	content: "";
}

.input input,
.input textarea,
.input select {
	display: block;
}

.input .item input,
.input .item textarea,
.input .item select {
	display: inline;
	vertical-align: middle;
}

.input optgroup,
.input div.group span {
	font-style: italic;
	font-weight: bold;
	color: #777;
}

.input optgroup option {
	font-style: normal;
	font-weight: normal;
	color: #000;
}

.search {
	float: right;
}

.search input {
	background: url(../images/search_bg.png) repeat-x center center transparent;
	margin:0;
	padding:3px 0 0;
	border: 0;
	height: 16px;
	float: left;
}

* html .search input {
	height: 19px;
}

.search input.empty {
	color: #999;
}

.search .sl,
.search .sr {
	background: url(../images/search_left.png) no-repeat left center;
	margin:0;
	height: 19px;
	width: 20px;
	display: block;
	float: left;
}

.search .sr {
	background: url(../images/search_right.png) no-repeat right center;
	width: 10px;
}

.input option.none {
	border-bottom: 1px dashed gray;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

.input .fileName {
	font-style: italic;
	font-size: 10px;
	color: #777777;
	display: inline-block;
	margin-left: 5px;
}

.input .hint {
	font-size: 10px;
	font-style: italic;
	color: #777777;
	display:block;
	margin-bottom: 10px;
}
.input .hint:before {
	content: "(";
}
.input .hint:after {
	content: ")";
}

.input .checkbox,
.input .radio {
	display: inline;
}

label span.following:after {
	content: "";
}

#fork {
	background: #fff4be;
	text-align: center;
	padding: 2px;
	margin: 0 0 3px 0;
}

#fork .hint {
	font-style: italic;
	color: #777777;
}
#fork .hint:after {
	content: ":";
}

#fork a {
}


/* grids */
.grid {
	margin: 10px;
	clear: both;
	padding: 1px;
	/* cause browsers to do an line break after "Add" or the page list */
	overflow:hidden;
	zoom:1;
	word-wrap:break-word;
}

.grid .pageList {
	text-align: right;
	margin: 2px;
	float:right;
	display: inline;
}

.grid .pageList span,
.grid .pageList a {
	margin: 2px;
	font-style: italic;
	font-size: 11px;
	color: black;
}

.grid .pageList span {
	color: #777777;
}

.grid table {
	border-collapse: collapse;
	clear: both;
	background: white;
	width: 100%;
}

.grid th,
.grid th.footer,
.grid td {
	border: 1px solid #cccccc;
	margin: 0;
	padding: 0px 5px;
	text-align: left;
}

.grid th {
	height: 16px;
}

.grid th.footer {
	height: auto;
	background: #ccc;
}

.grid td {
	padding: 2px 5px;
}

.grid th span,
.grid th div,
.grid th a {
	text-decoration: none;
	color: #333333;
	text-align: left;
}

.grid th.asc {
	padding-right: 17px;
}

.grid th.desc {
	padding-right: 17px;
}

.grid tr:hover td {
	background: #f2f2f2;
}

.grid th a:hover,
.grid th a:hover span {
	text-decoration: underline;
}

.grid tr.edit td,
.grid tr.add td {
	background-color: #fff4be;
}

.grid tr.delete td {
	background-color: #fabfbb;
}

.grid a.add,
.grid a.change,
.grid a.duplicate,
.grid a.delete,
.grid a.up,
.grid a.down,
.grid a.showDetails {
	float: left;
	margin: 2px;
	font-style: italic;
	color: black;
	font-weight: bold;
}

.grid .controls {
	text-align: right;
}

.grid a.change,
.grid a.duplicate,
.grid a.delete,
.grid a.up,
.grid a.down,
.grid a.showDetails,
.grid .save,
.grid .cancel {
	float: none;
	margin: 1px;
}

.grid .save,
.grid .cancel {
	zoom: 1; /* fix for IE to display grid as inline element*/
	display: inline-block;
}

.grid .save input,
.grid .cancel input {
	font-size: 9px;
}


/* simple grid */
.simpleGrid ul {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	list-style-type: none;
	background: white;
}

.simpleGrid li {
	border: 1px solid #cccccc;
	border-bottom: none;
	margin: 0;
	text-align: left;
	padding: 0 5px;
	
	/* cause browsers to do an line break after "Add" or the page list */
	overflow:hidden;
	zoom:1;
	word-wrap:break-word;
}
.simpleGrid li.last {
	border-bottom: 1px solid #cccccc;
}
.simpleGrid li.header {
	font-weight: bold;
	height: 16px;
}
.simpleGrid li.footer {
	font-weight: bold;
}

.simpleGrid li.asc {
	padding-right: 17px;
}

.simpleGrid li.desc {
	padding-right: 17px;
}

.simpleGrid li.header {
	background-color: none;
}

.simpleGrid li.footer {
	background-color: #ccc;
}

.simpleGrid li:hover {
	background-color: #f2f2f2;
}

.simpleGrid li.header span,
.simpleGrid li.header a,
.simpleGrid li.footer span,
.simpleGrid li.footer a {
	text-decoration: none;
	color: #333333;
	text-align: left;
	height: 16px;
	overflow: hidden;
}

.simpleGrid li.header a:hover,
.simpleGrid li.footer a:hover {
	text-decoration: underline;
}

.simpleGrid li.edit,
.simpleGrid li.add {
	background-color: #fff4be;
}

.simpleGrid li.delete {
	background-color: #fabfbb;
}



/* wizards */
.wizard {
	text-align: center;
	margin: 10px;
	/*border: 1px dashed #cccccc;*/
}

.wizard .title {
	font-style: italic;
	color: #777777;
}

.wizard .header {
	margin-bottom: 5px;
}

.wizard .footer {
	margin-top: 5px;
}

.wizard .controls .button {
	zoom: 1; /* fix for IE to display grid as inline element*/
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	margin: 2px;
}

.wizard .controls .button input {
	font-size: 9px;
}

.wizard .step {
	margin: 7px 0;
}



/* login */
.login {
	text-align: center;
	margin: 10px;
	border: 1px dashed #cccccc;
	padding: 5px;
}

.login .title {
	font-style: italic;
	color: #777777;
}

.login .button {
	/*display: inline-block;*/
	margin: 2px;
}

.login .button input {
	font-size: 9px;
}



/* question */
.question {
	text-align: center;
	margin: 10px;
	border: 1px dashed #cccccc;
	padding: 5px;
}

.overlay .question {
	zoom: 1; /* fix for IE to display grid as inline element*/
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	text-align: center;
	margin: 10px;
	padding: 5px;
	z-index: 1003;
	background-color: white;
	position: relative;
	border: 1px solid black;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

.question .title {
	font-style: italic;
	color: #777777;
}

.question .button {
	zoom: 1; /* fix for IE to display grid as inline element*/
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	margin: 2px;
}

.question .button input {
	font-size: 9px;
}


/* messages */
.messages {
	background-color: #fabfbb;
	border: 1px dashed #d2423a;
	color: #d2423a;
	padding: 2px;
	margin: 10px;
	font-size: 10px;
}

.overlay .messages {
	zoom: 1; /* fix for IE to display grid as inline element*/
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	text-align: center;
	margin: 10px;
	padding: 5px;
	z-index: 1003;
	position: relative;
	border: 1px solid black;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

.messages ul {
	padding: 0 20px;
}

.noMessages,
.overlay .noMessages {
	display: none;
}




/* ajax file uploads */
.input .ajax_upload .files_to_upload a,
.input .ajax_upload .files_to_upload span {
	zoom: 1; /* fix for IE to display grid as inline element*/
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	margin: 0 5px;
	font-style: italic;
	color: #333333;
}

.input .ajax_upload .select,
.input .ajax_upload .files_to_upload .file-remove {
	zoom: 1; /* fix for IE to display grid as inline element*/
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	margin: 5px 0;
	font-style: italic;
	color: black;
	font-weight: bold;
}

.input .ajax_upload .files_to_upload .file-remove {
	margin: 0 5px;
}

.input .ajax_upload .files_to_upload {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.input .ajax_upload .files_to_upload .progress {
	width: 250px;
	height: 12px;
	background: white url(../images/progress.gif) no-repeat +50% 0;
}

.input .ajax_upload .files_to_upload .progress .bar {
	display: block;
	background: url(../images/bar.gif) no-repeat;
	width: 250px;
	height: 12px;
}

.error .ajax_upload .select {
	background-color: #fabfbb;
}


/* grids */
.details {
	margin: 10px;
	clear: both;
	padding: 1px;
	border: 1px dashed #cccccc;
}

.details .functions {
	text-align: center;
}

.details .functions .button {
	zoom: 1; /* fix for IE to display grid as inline element*/
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	margin: 2px;
}

.details .functions .button input {
	font-size: 9px;
}

.details ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
	background: white;
}

.details li {
	margin: 0;
	padding: 0 5px;
	text-align: left;
	
	/* cause browsers to do an line break after "Add" or the page list */
	overflow:hidden;
	zoom:1;
	word-wrap:break-word;
}

#loading_overlay { 
	background-color:#333; 
}
#ospinner { 
	background: url(../images/spinner_overlay.gif) no-repeat center bottom;
	height: 200px;
}
#spinnerbg { 
	background: url(../images/spinnerbg.png) center center no-repeat;
	height: 40px;
	width: 40px;
	float: right;
	padding: 0;
	margin-top: -15px;
}
#spinner { 
	background: url(../images/spinner.gif) center center no-repeat;
	height: 16px;
	width: 16px;
	margin: 12px;
}

.flash object {
	width: 500px;
	height: 400px;
}

.map {
	width: 380px;
	height: 300px;
}