html,body{margin:0;padding:0}
body{font:68% arial,sans-serif;padding: 20px}
h1,h2{padding-left: 15px;margin: 0}
h2{font-size: 160%;color: #050505}
p{margin: 0;padding: 0 15px 0.7em;line-height: 1.5}
address{font-style: normal}

/*div.gradient{background: #F2F2F2 url("http://www.html.it/articoli/nifty/gradient.png") repeat-x top;margin: 15px; width:auto; }*/
div.gradient{margin: 10px 20px; width:auto; padding: 0 5px 0 0;}
div.gradient p{margin:0;padding: 2px 5px; text-align: justify;}
p.codehere{color: #2A4D91}

div#container{width:1024px;margin: 0 auto;background-color: #C0CDF2;text-align: left; }
div#header{background-color: #e7e7e7;padding:10px 0;text-align:center;}
div#header h1{color: #000000;font-size: 300%;font-weight: 900}


div.authform { float: right; }
form.authform {width:310px;background-color: #DCDFEA; }
fieldset.authform {border: 0px solid #000}
legend.authform {font: bold 140%/1.6 Arial,sans-serif;color: #27518A}
label.authform {float:left;display:inline;width:120px;
    line-height:16px;margin: 3px 10px;text-align:center;background: #FFF}


/* select.authform,input.authform,textarea.authform { */
select,input,textarea { 
	margin:3px 10px;
	border-style:solid;
	border-color: #336699;
    border-width:1px;
	width: 160px;
	font-size:1em;
}


textarea {
	font-size:1.4em;
}
input.authform {height: 18px}
br.authform { clear:left }

form.signform {
	width:inherit;
	/* background-color:#f6f6f6; */
	color:#000000;
	font-size:1em;
	text-align:left;
	margin:0;
}
table.signform {width:720px;  padding: 0; margin-right:auto; margin-left:auto;}
fieldset.signform {border: 0px solid #000}
legend.signform {font: bold 140%/1.6 Arial,sans-serif;color: #27518A}
label.signform {
	float:left;
	display:inline;
	width:130px; 
	margin: 3px 10px;
    line-height:16px;
	text-align:right;
	background: #FFF;
	font-size:1.2em;
	}

p.signform {
	font-size:1.2em;	
}

input.signform,textarea.signform,select.signform {
	margin:3px 0 8px;
	border-style:solid;
	border-color: #336699;
    border-width:1px;
	width: 185px;}
input.signform {height: 17px;}
select.signform {height: auto; margin:3px 0 8px}
br.signform { clear:left }

input#check {margin:0 0 0 80px; float:left; display:inline; width:auto;}
label#checktext { margin:30px 0 0 10px; width: auto; }
input#sub {margin: 10px 10px 0 100px;border-style:solid;border-color: #FFF #333 #333 #FFF;
    border-width:1px 2px 2px 1px;background: #CCC;width:auto;height: auto}
input#res {margin: 10px 10px 0 20px;border-style:solid;border-color: #FFF #333 #333 #FFF;
    border-width:1px 2px 2px 1px;background: #CCC;width:auto;height: auto}

textarea.invalid, input.invalid { background-color: #FF9; border: 2px red inset;}
label.invalid { color: #F00;}
	

div#aboutapp {width: 480px; border: 1px solid #FFFFFF;   }

div#menu{
	width:100%;
	overflow:hidden;
	background-image:url(../images/bg_profiles.gif);
	height:20px;
}
#nav{
	margin: 0;
	padding: 0;
/*	border-bottom: 1px solid #000;*/
}
#nav ul, #nav li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#nav a:link, #nav a:visited{
	float: left;
	width: auto;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #FFFFFF;
	background-color:#666666;
}
#nav a:link#current, #nav a:visited#current, #nav a:hover{
	border-bottom: 4px solid #FFFFFF;
	padding-bottom: 2px;
	background: white;
	color: #000000;
}
#nav a:hover { color: #000000; }
/*Circles Tabs Here*/
div#content{clear:left;width:800px;border-top:1px solid #999;padding-top:15px;background-color: #C0CDF2}
div#footer{padding-top:5px;text-align: center;font-size: 90%;background: #8395CB;color: #FFF}

div#errorbox{ 
	visibility:visible; 
	display:block;
	width:inherit;
	margin: auto; 
	margin-bottom: 10px;
	background:#e7f1fc;
	text-align:center; 
	font-size: smaller; 
	padding-left:0; 
	color:#FF0000;
}
div#errorbox p{padding:0; list-style:none; }

div#errorbox li{list-style:none; }

div#box{
	float:right;
	display:block;
	width:150px;
	margin: 5px 15px 0 5px;
	background:#E4E7F2;
	text-align:left;
	font-size:smaller;
}
div#box p{padding:0 5px}
div#minipics{float:left;width:100%;padding-bottom:10px}
/*div#minipics ul{list-style-type: none;margin:0 15px;padding:0}
div#minipics li{float:left;width:100px;margin: 10px 10px 10px 0;background-color: #FFF}
div#minipics li img{display: block;width: 80px;height: 80px;margin:5px 10px;border: 0px}*/


/* Below are styles for the portal page */

div#profiles { display:block; width:300px; min-height: 400px; margin: 5px 5px 5px 5px; float: left; overflow:hidden;}
/*div#circles { display:block; width:300px; min-height: 400px; margin: 5px 5px 5px 5px; float:left; overflow:hidden;}*/


/* From older CSS */

div#persprofiletext { margin: auto; }

#HttpClientStatus {width:10%; text-align:left; position:relative; clear:both; background:#C0C0C0; display:block; }

/*
#navPanelTop { background-color: #A1BBE4; border: #85A4D0 1px solid;text-align:left; position:relative; width: 15%; float: left;}
#memberimg {text-align:left;}
#perspace {border: #FF0000 1px solid; }
*/

/* Need to review this lone label for librarification */
div.subNav input,textarea {
	margin:0px 0 8px;
	border-style:solid;
    border-width:1px;
	width: 180px;
	line-height:100%;
	margin: 3px 2px;
}
div.subNav input {height: 16px}
div.subNav select {height: 16px; margin:3px 0 8px}
div.subNav br { clear:left }
div.subNav label {
	background:#FFFFFF none repeat scroll 0%;
	float:left;
	display:inline;
	width:110px;
    line-height:16px;
	margin: 3px 3px;
	text-align:left;
	background: #FFFFFF;
}
div.subNav {
	background-color:transparent; 
	font-size: 1em; 
	line-height: 1em;
	text-decoration:none;
	padding:0;
	margin:0;
	width:398px;
}
div.subNav label.displayProfileValues {
	float:left;
	display:inline;
	width:170px;
    line-height:140%;
	margin: 3px 2px;
	text-align:left;
	background: #e7f1fc;
	border:solid #bfcede 1px;
}
div.subNav, input.displayProfileValues {
	float: left;
	width: auto;
	font-size:1em;
	padding-left:0.8em;
	padding-right:0.8em;
	line-height:100%;
	text-align:left;
	background-color:#FFF;
	height:auto;
}
span.displayProfileValues {
	margin:3px 0 8px;
	border-style:solid;
	border-color: #336699;
    border-width:1px;
	width: 185px; 
	height: 18px;
}
div.displayProfileValues {
	margin:3px 10px;
	border-style:solid;
	border-color: #336699;
    border-width:1px;
	width: 185px; 
	height: 18px;
}	

	
br.displayProfileValues { clear:left }

.editlabel {
	text-align: right; 
	position: relative; 
	float: right;
	margin: 3px 0px 0px 0px;
}

#professionalCircle { display: none;}

.editlabelAbook {text-align: right; position: relative; line-height: 22px ;margin: 3px 0px 0px 0px;}

div.subNav label.displayAbookNames {
	float:left;
	display:inline;
	width:90px;
    line-height:16px;
	margin: 3px 3px;
	text-align:right;
	background: #FFF}
	
div.subNav label.displayAbookValues {
	float:left;
	display:inline;
	width:140px;
    line-height:16px;
	margin: 3px 2px;
	text-align:left;
	background: #CCCCCC;
}
	
div.displayAbookValues {
	margin:3px 10px;
	border-style:solid;
	border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2;
    border-width:2px 1px 1px 2px;
	width: 145px; 
	height: 18px;
}	


#cwindow { clear:both;}


.invertedshiftdown2{
	padding: 0;
	width: 100%;
	border-top: 1px solid #999999; /*Highlight red color theme*/

}

.invertedshiftdown2 ul{
	margin:0;
	margin-left: 0px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}

.invertedshiftdown2 li{
	display: inline;
	margin: 0;
	padding: 0;
}

.invertedshiftdown2 a{
	float: left;
	display: block;
	font: normal 1em Verdana;
	color: black;
	text-decoration: none;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 3px 10px 3px 10px; /*Padding within each menu item*/
	background-color: transparent; /*Default menu color*/
}
.invertedshiftdown2 a:link, .invertedshiftdown2 a:visited{
	float: left;
	display: block;
	font: normal 1em Verdana;
	color: black;
	text-decoration: none;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 3px 10px 3px 10px; /*Padding within each menu item*/
	background-color: transparent; /*Default menu color*/
}

.invertedshiftdown2 a:hover{ /** currently selected menu item **/
	background-color: #FFFFFF; /*Highlight red color theme*/
	color: #000000;
}
.invertedshiftdown2 a:focus{ /** currently selected menu item **/
	background-color: #FFFFFF; /*Highlight red color theme*/
	color: #000000;
}
.invertedshiftdown2 a:active{
	float: left;
	display: block;
	font: normal 1em Verdana;
	color: black;
	text-decoration: none;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 3px 10px 3px 10px; /*Padding within each menu item*/
	background-color: transparent; /*Default menu color*/
}
div.subNav label.displayLocationValues {
	float:left;
	padding-left:2px;
	display:inline;
	width:170px;
    line-height:16px;
	margin: 3px 2px;
	text-align:left;
	background: #e7f1fc;
	border:solid #bfcede 1px;
	text-decoration:none;
	color:#000000;
}
div.subNav label.displayLocationValues a{
	text-decoration:none;
	color:#000000;
}
div.subNav label.displayLocationValues a:hover{
	text-decoration:underline;
	color:#000000;
}
label#location {
	background:#F6f6f6 none repeat scroll 0%;
	float:left;
	display:inline;
	width:20px;
    line-height:16px;
	margin: 3px 3px;
	text-align:left;
	border: solid #CCCCCC 1px;
}
label#blog {
	background:#F6f6f6 none repeat scroll 0%;
	float:left;
	display:inline;
	width:120px;
    line-height:140%;
	margin: 0px 2px;
	text-align:left;
}
div.subNav label.displayBlogValues {
	float:left;
	padding-left:2px;
	display:inline;
	width:325px;
    line-height:140%;
	margin: 1px 2px;
	text-align:left;
	background: #e7f1fc;
	border:solid #bfcede 1px;
	text-decoration:none;
	color:#000000;
}
div.subNav label.displayBlogValues a{
	text-decoration:none;
	color:#000000;
}
div.subNav label.displayBlogValues a:hover{
	text-decoration:underline;
	color:#000000;
}