/*
    Document   : ..css/line.css
    Created on : Jun 16, 2011, 8:46:51 AM
    Author     : txchou
    Description:
        Purpose of the stylesheet follows. For styles solely for use in the
        file ../line.htm
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/*
.logo {
    padding-left: 10px;
    display: table-cell;
    white-space: nowrap;
}

.search {
    padding-left: 50px;
    display: table-cell;

}

.navigation {
    display: table-cell;
    text-align: right;
    width: 100%;
    padding-right: 10px;
}

*/

/* Blurb */

/*
#site_description {font-size:16px; line-height:48px; text-shadow: #FFFFFF 1px 1px 2px; }
#list_making_website {font-size:18px; color: #333333; font-weight: bold; }
#you { color: #666666; font-size:24px;}
#tube {color:#FFFFFF; font-size:24px; background-color:#FF9292; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: none; padding-left:3px; padding-right:3px; }
#flick { color: #0063DC; font-size:24px; font-weight: bolder; font-family: Geneva, Arial, Helvetica, sans-serif;} 
#r { color:#FF0084; font-size:24px; font-weight: bolder; font-family: Geneva, Arial, Helvetica, sans-serif;} 

#google { font-size:24px; font-family: Georgia, "Times New Roman", Times, serif; text-shadow: #696969 1px 1px 1px; }
#g {color:#4774E8;}
#o1 {color:#DA122E;}
#o2 {color:#FDB719;}
#l {color:#06AC18;}
#maps { font-size:24px; color:#1639BA; font-weight: lighter; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 80%;} 
#wikipedia { font-size:24px; font-family: Georgia, "Times New Roman", Times, serif; } 

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 {

	color:#0000FF;
	border-bottom: 0px groove #0000FF;
	margin-left: 2px;
	margin-right: 2px;
 }


.line-content {  
	border: 1px none #CCCCCC; 
	padding: 1ex; 

	}

.edit-content {

	border: 1px none #CCCCCC; 
	padding: 1ex; 

	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;
        font-size: xx-small;
}


/* Thumbnail CSS */

.freebase-thumb, .freebase-thumb-hover {
	cursor: pointer;
	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;
}

/* List Pagination */

.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;}


#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;}

/* Sign-In Page */

.sgnSignInForm {
   float: left;
   position: relative;
   background-color: transparent;
   width: 100%;
}

.createNewAccount {
    float: left;
    position: relative;
    background-color: transparent;
    padding-left: 10px;
}

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



/* Rounded Corners */



	
	.col_a td{
		width:18px;
		background-color: #E6E7EF;
			
	}

	.col_a a{
 	vertical-align: bottom;
	}
	
	.col_a 
	{

	text-align:right;
	margin:0;
	padding: 2px; 
	border-right: 1px solid #CCCCCC; 
	cursor: pointer;
	background-color: #E6E7EF;
	}


        /* 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;}
 
 /* permissions_list.htm */
 
 .fieldset {
 	border: 0px none white;
 }
 .standardDiv {
     padding-left: 10px;
}
 .error { border: 1px solid #990000; background-color:#FF9999; color: #990000; width: 80%; padding:1ex; text-align: center; margin: 5ex;  } 

 #add_columns {
   	border: 1px solid #CC9900;

	background-color: #FFFF66;
	font-size:x-small;
        padding: 2ex;
	float:left;
        left: 40%;
        top: 20%;
        position: fixed;
	z-index: 10002; /* above the freebase flyout which is 10000 */
        overflow: auto;
        
	-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;
}


.filter_line {
    padding-left: 10px;
}
.filter { font-size:small; padding-left: 0; margin-left:0; text-align: left;}

.close { float: right; }

.list_permissions {	
	color: #fff;
	background-color: #009900;
	font-size:xx-small;
	padding: 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-khtml-border-radius-topleft:3px;
	-khtml-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;	
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-khtml-border-radius-bottomleft:3px;
	-khtml-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
}

.private {
	background-color:#990000;
}


/* Google Maps */

.infoWindowTitle {
    font-weight: bold;
    padding-bottom: 1px;
    margin-bottom: 1px;
}

.footer1 {
    margin-top: 25px;
    padding-top: 15px;
    border-top-color: #E8E8E8;
    border-top-style: solid;
    border-top-width: 1px;

    float: left;
    text-align: center;
    width: 100%;
    display: block;
    background-color: transparent;
    color: #999;
    display: block;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    font-size: 10px;
}

.footer1 a {
    color: #369;
}

.footer1 a:visited {
    color: darkmagenta;
}

.footer2 a {
    color: #369;
}

.footer2 a:visited {
    color: #990066;
}

.footer2 {
    float: left;
    text-align: center;
    width: 100%;
    display: block;
    font-size:x-small;
    padding-top:3ex;
    text-align: center;
    margin-bottom: 1ex;
    padding-bottom: 20px;
    background-color: transparent;
    color: #999;
    display: block;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    font-size: 10px;
}


.pageTitle {
    padding-left: 10px;
    padding-top: 10px;
    background-attachment: scroll;
    background-color: turquoise;
    background-image: none;
    background-color: transparent;
    color: #000;
    font-family: 'Lucida Grande', Georgia, serif;
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    background-color: #dff1ff;

}


.pageDescription {
    padding-left: 10px;
    padding-top: 2px;
    font-family: 'Lucida Grande', Georgia, serif;
    font-weight: normal;
    font-size: small;
    padding-bottom: 5px;
    color: #666;
    border-bottom: thin solid #DDD;
        postition: relative;
    float: left;
}

.myListTitle {
    padding-left: 10px;
    padding-top: 2px;

    font-weight: normal;
    font-size: small;
    padding-bottom: 5px;
    color: #5E5E55;
    background-color: #99CCFF;
    border-bottom: none;
}

.userListTitle, .popularListTitle, .signinTitle, .newUserTitle {
    postition: relative;
    float: left;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    width: 100%;
    text-indent: 10px;
    background-color: transparent;
    float: left;
    margin-right: 10px;
    font-family: 'Lucida Grande', Georgia, serif;
    font-size: 19px;
    font-weight: 500;
    background-color: transparent;
    padding-bottom: 0px;
}

.newUserTitle {
    padding-bottom: 10px;
}

.userListDescription, .popularListDescription {
    postition: relative;
    float: left;
    background-color: transparent;
    text-indent: 10px;
    padding-bottom: 1ex;
    color: #000;
    width: 500px;

    margin-bottom: 5px;
    border: #fff none none;
    background-color: transparent;
    float: left;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    width: 100%;
}

.listing table {
    float: left;
}
/***********/
/* Sidebar */
/***********/

.sidebar_title {
    font-size: 13px;
    font-weight: bold;
    mid-width: 100%;
    width: 150px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    background-color: #D0D0D0;
    border-bottom: 1px solid #979797;
    cursor: pointer;
}

.sidebar_section {
    min-width: 150px;
    width: auto;
    display: none;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.sidebar_expand_link {
    text-decoration: none;
    padding-left: 10px;
}

.sidebar {
    padding: 0px;
    margin: 0px;
    background-color: #FFAAAA;
    width: 100%;
    font-size: medium;
    list-style: none;
    background-color: #fff; /* light green */
}

.sidebar {
    padding: 0px;
    margin: 0px;
    list-style: none;
    
}

.sidebar {
    padding: 0px;
    margin: 0px;
}

.sidebar #active {
    background-color: transparent;
    color:#FFFFFF;
    font-weight: bold;
}

.sidebar_link {
    margin-top: 10px;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%;

}

.sidebar_text { font-size: small; }

#lstTabs { display: inline; white-space: nowrap; }
#lstTabs a { color: #0066FF; text-decoration: none; }

/* New Thumbnail CSS Styles - add strip etc and icon */

.thumb-container,
.thumb-inner,
.thumb-img {
	border: 0;
	display: block;
	display: inline-block;
	max-height: 54px;
	max-width: 75px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;	
}


.thumb-container {
	background: #000;
	border: 1px solid;
	border-color: #ccc #aaa #aaa #ccc;
	height: 54px;
	margin: 10px;
	padding: 1px;
	width: 75px;
	text-align: center;
}

.thumb-container a,
.thumb-container img {
	border: 0;
	margin: 0;
}

.thumb-center img,
.thumb-strip,
.thumb-icon-video,
.thumb-icon-photo,
.thumb-icon-map {
	position: absolute;
}

.thumb-center img {
	margin-left: 50%;
	margin-top: 50%;
}

.thumb-strip {
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	color: #222;
	font: 10px/16px Arial, sans-serif;
	height: 16px;
	bottom: 0;
	left: 0;
	letter-spacing: -1px;
	text-indent: 4px;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}

.thumb-icon {
	background: url(/images/thumb-video.png) no-repeat;
	bottom: 2px;
	height: 22px;
	right: 4px;
	width: 22px;
}

.thumb-icon-photo {
	background: url(/images/thumb-photo.png) no-repeat;
	bottom: 2px;
	height: 22px;
	right: 4px;
	width: 22px;
}

.thumb-icon-video {
	background: url(/images/thumb-video.png) no-repeat;
	bottom: 2px;
	height: 22px;
	right: 4px;
	width: 22px;
}

.thumb-icon-map {
	background: url(/images/thumb-map.png) no-repeat;
	bottom: 2px;
	height: 22px;
	right: 4px;
	width: 22px;
}