body {
	margin:0;/*set for JS use*/
	padding:0;/*set for JS use*/
	font-family: Tahoma, Georgia, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	margin-left:5px;
	margin-right:5px;

}
#indexcontainer {
	margin: 0 auto;
	width: 300px;
}
#maincontainer {
	min-width: 300px;
	max-width: 1300px;
	margin: 0 auto;
}
.tabs {
	display:inline;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	border-top:2px solid #000;
	border-left:2px solid #000;
	border-right:2px solid #000;
	background-color:#CCC;
	margin:5px;
}
.currenttab {
	display:inline;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	border-top:2px solid #000;
	border-left:2px solid #000;
	border-right:2px solid #000;
	background-color:#FFF;
	margin:5px;
	font-weight:bold;
}
div.workarea { padding:5px; float:left; }
ul.draglist { 
    position: relative;
    width: 300px;
    /*height:240px;*/
    background: #f7f7f7;
    border: 0px solid gray;/*1*/
    list-style: none;
    margin:1px;/*1*/
    padding:1px;/*1*/
	/*padding-bottom:20px;comment this out if add links are dragable*/
}
.normallink {
    margin: 1px;/*1*/
    padding: 1px;/*not here*/
    cursor: move; 

    background-color: #D1EAFF;/*change this D1E6EC*/
    border:1px solid #BBB;
    /*float:left;*/
    clear:both;

}
.privatelink {
    margin: 1px;/*1*/
    padding: 1px;/*not here*/
    cursor: move; 

    background-color: #D1EAFF;/*change this D1E6EC*/
    border:1px solid #BBB;
    /*float:left;*/
    clear:both;

}
.publiclink {
    margin: 1px;/*1*/
    padding: 1px;/*not here*/
 
    background-color: #D1C6EC;/*change this D1E6EC #D1EAFF*/
    border:1px solid #BBB;
    /*float:left;*/
    clear:both;

}
.privatetaglink {
    margin: 1px;/*1*/
    padding: 1px;/*not here*/

    background-color: #D1EAFF;/*change this D1E6EC*/
    border:1px solid #BBB;
    /*float:left;*/
    clear:both;

}
.completed {
	text-decoration: line-through;
}
.addlink {
    margin: 1px;/*1*/
    padding: 1px;/*not here*/

    background-color: #DDD;
    border:1px solid #BBB;
    /*float:left;*/
    clear:both;

}
.linkhandle {
	background-color:#BBB;
	cursor: move;
}
.copyrightbottom { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: blue;/*blue;lightblue*/
}
A:link {  
	TEXT-DECORATION: underline ;
	color: black;
} 
A:hover { 
	TEXT-DECORATION: underline;
	/*BACKGROUND-COLOR: #cccccc; */
	color: #cccccc;
}
A:visited {
	TEXT-DECORATION: underline;
	color: black;
}


.linkpageLayout {
	text-align: center;
}
.linkpageText {
	clear:both;
}
.linkpageForm {
	width:600px;
	display: inline-block;
}
.linkpageRow {
	float:left;
	width:600px;
}
.linkpageLeftCol {
	float:left; 
	width:150px; 
	text-align:right; 
	padding:2px;
}
.linkpageRightCol {
	float:right; 
	width:442px; 
	text-align:left; 
	padding:2px;
}

/* mobile screens */
@media only screen and (max-width: 600px){
	.linkpageLayout {
		text-align: left;
	}
	.linkpageText {
		float:left;
	}
	.linkpageForm {
		width:300px;
	}
	.linkpageRow {
		float:left;
		width:300px;
	}
	.linkpageLeftCol {
		float:left; 
		width:150px; 
		text-align:left; 
		padding:2px;
	}
	.linkpageRightCol {
		float:left; 
		width:300px; 
		text-align:left; 
		padding:2px;
	}
	#linkaddress, #prelinktext, #linktext, #postlinktext, #tags {
		width: 300px;
	}
}