/* Main CSS Styles */
@import url("header.css");
@import url("index.css");

body {
	font-family: Helvetica, Arial, sans-serif; padding: 0 0 0 0; margin: 0 0 0 0;
	background: white url('images/background.gif') no-repeat top right;
}

h1 { font-size: x-large;  }

h2 { font-size: medium; padding-bottom: 1px; margin-bottom: 1px; }

h3 { 
	font-weight: bold; font-size:medium;
}

th {
	font-weight: bold;	
}

pre {
	padding: 1em;
	background-color: #F2F2F2;
}
code {
	font-size: 1.2em;
	background-color: #F2F2F2;
}

/* End of Main CSSS Styles */

/* Main Page Styles */

/* Box Styles */

.box-yellow { background-color:#FFFFA0; padding: 1ex; border:1px solid #9C7C00; vertical-align:top; margin-top: 1ex; margin-bottom: 1ex;}
.box-blue { background-color:#D4F4FA; padding: 1ex; border:1px solid #1F7C9C; vertical-align:top; margin-top: 1ex; margin-bottom: 1ex;}
.box-purple { background-color: #D2D2FF; padding: 1ex; border:1px solid #5E5E9D; vertical-align:top; margin-top: 1ex; margin-bottom: 1ex;}
.box-grey { background-color: #EEEEEE; padding: 1ex; border:1px solid #817F7A; vertical-align:top; margin-top: 1ex; margin-bottom: 1ex;}
.box-cream { background-color: #F9F9E3; padding: 1ex; border:1px solid #98988A; vertical-align:top; margin-top: 1ex; margin-bottom: 1ex;}
.box-orange { background-color: #FFFF99; padding: 1ex; border:1px solid #FF6600; vertical-align:top; margin-top: 1ex; margin-bottom: 1ex;}
.box-green { background-color: #AAFFAA; padding: 1ex; border:1px solid #009900; margin: 1px; margin-top: 1ex; margin-bottom: 1ex;}

.bread-crumbs {
	font-size: small;
	padding-left: 20px;
}

.description-box {
	background-color: #EEEEEE; padding: 1ex; border:1px solid #817F7A; vertical-align:top;
	width: 460px;
	font-size: small;
	margin-top: 1ex;
}

.box-error { background-color: #FFCC99; padding: 1ex; border:1px solid #FF0000; vertical-align:top; color: #990000; padding: 1ex; margin-top: 2ex; margin-bottom: 2ex;}

.box-list  { margin: 0px; padding: 0px; border: 0px solid white;}

.box-list td { border-left: 0px none white; border-right: 1px none white; }

/* End of Box Styles */

.list-heading td { border: 0px none white; background-color: #EEEEEE; padding-bottom: 0ex; margin-bottom: 0ex;}

/* nb: colour used  - AAFFAA */

/* Table CSS Styles */

table {
	border-collapse: collapse;
}

td, th {
	padding: 0.5em;
}

thead, tfoot {
	background-color: #DDD;
}

/* End of Table Styles */



.list-heading table { padding-bottom: 0ex; margin-bottom: 0ex; }

.list-heading { border: 0px solid white;  background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; padding-bottom: 3px;}

.list-column-even { background-color:#F3F6FD; border-top: 1px solid #CFFFFF; border-bottom: 1px solid #CFFFFF;}

.list-name { font-weight: bold; font-size: medium; }

.list-heading-links { color: #0000FF;}

.disabled-links {
	text-decoration:underline; 
	color: #999999; 
	cursor: help; }

.nav-links { color: #0000FF; }

.list-links {
	/* text-decoration: none; */
	color:#0000FF;
	border-bottom: 0px groove #0000FF;
	margin-left: 2px;
	margin-right: 2px;
 }



.line-content {  
	/* max-height: 190px; */
	/* overflow: auto; */ 
	border: 1px none #CCCCCC; 
	padding: 1ex; 
	/* max-width:30em; */
	/* width: expression(Math.min(parseInt(this.offsetWidth), 250 ) + "px"); */	
	/* width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "30em":
        "auto" );
		*/
	/* min-width: 100px; */
	/* min-height: 63px;*/
	/* height: 100%; */
	}

.edit-content {
	/* max-height: 190px; */
	/* overflow: auto; */
	border: 1px none #CCCCCC; 
	padding: 1ex; 

	/* min-width: 100px; */
	background-color:#66FFFF;
}

.thumb {
	cursor: pointer;
	border: 1px solid #ABABAB;
	padding: 1.5px;
	max-height:90px;
	max-width: 75px;
	display: block; 
	width: 70px; 
	height: 50px;
	background-position:center;
}

.freebase-thumb, .freebase-thumb-hover {
	cursor: auto;
	border: 1px solid #FF7711; /* Freebase Orange*/
	padding: 1.5px;
}

.freebase-thumb-hover {
	border: 1px solid #FFCC66; /* Light Orange*/
}


.youtube-thumb, .youtube-thumb-hover {
	cursor: pointer;
	border: 1px solid #FF3333; /* YouTube Red*/
	padding: 2px;	
}

.youtube-thumb-hover {
	border: 1px solid #FFAAAA; /* Light Red*/
}

.flickr-thumb, .flickr-thumb-hover {
	cursor: pointer;
	border: 1px solid #0063DC; /* Flickr Blue*/
	padding: 2px;
}

.flickr-thumb-hover {
	border: 1px solid #99CCFF; /* Light Blue*/
}

.gmap-thumb {
	cursor: pointer;
	border: 1px solid #009900;
	padding: 2px;
}


.form-title {
	text-align: right;
	font-weight: bold;
}

.current-page {
	font-weight: bold;
	border: 1px solid #000000;
	font-size: large;
	padding-left: 3px;				
	padding-right: 3px;				
}

.pagination {
	text-decoration: none;
	padding; 3px;
	font-size: small;
	color: #0000FF;

}

.pagination:hover {
	text-decoration: underline;
	color: #0000CC;
}

/* script.aculo.us */

/* The form */
form.inplaceeditor-form {

}

form.inplaceeditor-form input[type="text"] {
	background-color:#FFFFFF;
}

form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
	background-color:#FFFFFF;
}

form.inplaceeditor-form input[type="submit"] { /* The submit button */
	margin-left:1em;
}

form.inplaceeditor-form a { /* The cancel link */
	margin-left:1em;
}

/* Sortable */

div.title {
	background-color:#00FF33;
}

#list {
	padding: 1ex;

  /* border: 1px solid #009900; */
}

.list-heading-table { background-color: #CCFFFF; }

#list td {
	background-color:#EEEEEE;
	border: 3px solid white;


}

#list li {
  margin:0;
  margin-bottom:4px;
  padding:3px;
  border:1px solid #000000;
  cursor:move;
  background-color: #FFFFFF;
  width: auto; 
}


/* Autocomplete */

div.autocomplete { 
	position:absolute;
	width: 250px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	z-index: 30;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.autocomplete ul li.selected {
	background-color: #AAFFAA;
}

div.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 3px;
	cursor: pointer;
	font-size: xx-small;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #AAAAAA;
	overflow: hidden;
}

/* Slide */

.ellipsis {
	text-decoration: none;
}

a, div, table, span, p, th, td, tr { }

/* Rounded Corners */

p, .container3 h3 {margin:0 15px;}
.container, .container2, .container3 {background:#EEEEEE; color:#000000; margin:0 15px;}
.container2 { width:200px; }
.container3 { width: 200px; float: right; }
.rtop, .rbottom{display:block; background:#fff;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background:#EEEEEE;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

.rl1 {margin: 0 0 0 5px; }
.rl2 {margin: 0 0 0 3px; }
.rl3 {margin: 0 0 0 2px; }
.rl4 {margin: 0 0 0 1px; height: 2px;}

.rr1 {margin: 0 5px 0 0; }
.rr2 {margin: 0 3px 0 0; }
.rr3 {margin: 0 2px 0 0; }
.rr4 {margin: 0 1px 0 0; height: 2px;}

#titleBar { margin-top: 1ex; width: 100%; border-top: 1px solid #ccc; background-color: #FFFFFF; border-bottom: 1px solid #ccc; 
				font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: small; padding: 10px;
				 padding-left: 3em; margin-bottom: 1em; } 
#titleBar h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: small;  padding: 0 0 0 0; margin: 0 0 0 0;}				

#titleDescription { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: small; padding-top:1em; }
				 
#pageHeading { margin-left: 1.6em; padding-left: 0px; }

#listsItem table { border-bottom: 1px solid #ccc; width:100%; }
#listsItem tr { border-bottom: 1px solid #ccc;  }
#listsItem td.idxListsThumb { padding: 10px 10px 10px 2.5em;  width: 100px; } 

.listsDetail { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: small; }
#listsItem td.idxListsDetail { padding-top: 10px; padding-bottom: 10px; padding-right:10px; vertical-align: top; } 

#listName { font-weight:bold;  }
#listsDetailsMinor { color:#999999; font-size: x-small; font-weight: bold; text-align: center; }
#listsDetailsMinor a { font-weight: normal; }

.lstTitleLinkSpan {display:table-cell; text-align:right; padding-left: 3ex; font-size: small; white-space:nowrap; vertical-align:bottom;  }
.lstTitleLink:hover { color:#0099FF; text-decoration:none; cursor:pointer; }
.lstTitleLink { white-space:nowrap;}


#sgnSignInForm { padding-left: 3em;}

#sgnFacebookConnectButton { padding-left: 3em; padding-top: 1ex;}



/* Rounded Corners */

.info_box { 
	
	margin:1ex;
	border: 1px solid #ACACAC;
	background-color: #FFFFFF;
	padding: 1ex 1ex 1ex 1ex;
	
	padding-left:2.7ex; 
	
	padding-bottom: 1ex;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-khtml-border-radius-topleft:5px;
	-khtml-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;

	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	}

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {}
#xsnazzy h1 {}
#xsnazzy h2 {}
#xsnazzy p {}
#xsnazzy h2 {}
/* top right bottom left */
#xsnazzy {background: transparent; padding:  5px 0 0px 12px; margin-bottom:0px; }
 
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #999; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#999;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin: 0 1px;}
 
.xboxcontent {display:block; background:#fff; border:0 solid #999; border-width:0 1px; padding: 0 0 0 0; margin: 0 0 0 0;}