html
{
    height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:5px; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	overflow:hidden; /*get rid of scroll bars in IE */
}

body
{
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; /*Tahoma;*/
	font-size: 10px;
	color:#666666;
	width: 600px;
	
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
}

a
{
    text-decoration:none;
    color:#3b5998;
}

#content
{
    /*overflow:auto;*/ /* add scroll bars as necessary */
    overflow-x:hidden;
	overflow-y: auto;
	position:absolute; /* position absolutely */
	z-index:3; /* If required to cover any other divs */
	top:60px; /* a value to miss the header */
	/*bottom:70px;*/ /* a value to miss the footer */
	bottom:15px;
	left:10px; /* a value to miss any navigation div */
	right:10px; /* this will put the scroll bar at the right of the page */
	
}

.footer
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    height:50px;
    padding-left: 10px;
    padding-top:5px;
    margin-left:5px;
    border-top: #e8e8e8 1px solid;
    background-color:White;
}

.footerGrayText
{
    color: darkgray;
    padding-bottom: 5px;
}


/* header div with navigation bar */

.navigationBar
{
    background-color: #e8e8e8;
    list-style-type: none;
    padding: 15px;
    padding-top:25px;
    position: absolute;
    z-index: 15;
    margin-top: -15px;
    margin-left: -10px;
    margin-bottom: 20px;
    width: 100%;
    /*background-position: 90% bottom;
    background-image: url(img/logo.gif);
    background-repeat: no-repeat;*/
}

.siteLogo
{
    background-position: right bottom;
    background-image: url(img/logo.gif);
    background-repeat: no-repeat;
    position: absolute;
    right: 2px;
    top: 5px;
    min-width: 167px;
    min-height: 32px;
    z-index: 25;
}

.requestNotification
{
    position: absolute;
    right: 20px;
    /*top: 10px;*/
    z-index: 25;
    font-weight:bold;
}

/* navigation bar items */

ul#navigation
{
    list-style-type:none;
    display:inline;
    padding:0;
    margin:0;
}

#navigation li
{
    display:inline;
}

/* section boxes */

.sectionBox
{
	border-style: solid;
	border-color:#d8dfea;
	border-width: 1px;
	padding: 15px;
	margin-top : 20px;
}

.sectionBoxHeader
{
	color:#3b5998;
	font-size:20px;
}

.sectionBoxContent
{
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
    /*width:90%;*/
}

.sectionBoxFooter
{
	padding:5px;
	text-align:right;
	border-bottom:1px solid #D8DFEA;
}



/* home */

.welcomeBox
{
    color:#3b5998;
    font-weight:bold;
    font-size:13px;
    padding-top:5px;
    padding-left:15px;
}

.picBoxContainer
{
    float: right;
    margin-bottom:15px;
    margin-left:15px;
}

.userPicBox
{
    border-right: #d8dfea 1px solid;
    border-top: #d8dfea 1px solid;
    border-left: #d8dfea 1px solid;
    border-bottom: #d8dfea 1px solid;
    padding: 5px;
}

/* home [END]*/


/* profile */

.occupationHeading
{
    color:#3b5998;
    font-size:18px;
}

.companyName
{
    color: darkgray;
    padding-top:5px;
    padding-bottom:5px;
    padding-left: 10px;
    font-size: smaller;
}

/*form labels (to the left from input elements)*/
.fieldLabel
{
    width:40%;
    font-weight:bold;
}

.fieldInput
{
    width:60%;
}

.fieldTip
{
    font-size: x-small;
    color: lightgrey;
    font-style: italic;
}

.additionalInfoHeading
{
    color:#3b5998;
    font-size:14px;
    padding-top:10px;
    padding-bottom:10px;
}


div#profileNavigation
{
    padding-top:15px;
    padding-bottom:10px;
    padding-left:15px;
    
    
    background-color:#3B5998;
    /*margin-left:30px;*/
}

#profileNavigation li
{
    color:White;
    font-weight:bold;
}

#profileNavigation a
{
    color:White;
    font-weight:bold;
}

#profileNavigation a:hover
{
    color:#E8E8E8;
    font-weight:bold;
}

/* profile [END] */


/* connections */

.connectionRow
{
    border-bottom:1px solid #D8DFEA;
    padding-top:10px;
}

.companyNameHeader
{
    color:#3b5998;
    font-size:18px;
}

.userFullName
{
    color:#3b5998;
    font-weight:bold;
}

.userTitle
{
    color: darkgray;
    padding-top:5px;
    padding-bottom:5px;
    padding-left: 10px;
    font-size: smaller;
}

/* connections [END] */

/* recommendations */

div#recommendationsNavigation
{
    padding-top:15px;
    padding-bottom:10px;
    padding-left:15px;
    
    background-color:#3B5998;
    /*margin-left:70px;*/
}

#recommendationsNavigation li
{
    color:White;
    font-weight:bold;
}

#recommendationsNavigation a
{
    color:White;
    font-weight:bold;
}

#recommendationsNavigation a:hover
{
    color:#E8E8E8;
    font-weight:bold;
}

.recommendationRow
{
    border-bottom:1px solid #D8DFEA;
    padding-top:5px;
}

.actionsBar
{
    text-align:right;
    font-size:smaller;
    /*padding-bottom:5px;*/
}

.recommendationBox
{
    background-image: url(img/quotes-up.gif);
    background-repeat: no-repeat;
    margin:15px;
    min-height:39px;
    padding-left:15px;
    padding-top:25px;
    text-align:justify;
}

.recommendationText
{
    min-height: 39px;
    background-image: url(img/quotes-down.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.recommendationBoxEditMode
{
    text-align:center;
    margin:15px;
}

.closingQuoteBox
{
    min-height: 39px;
    background-image: url(img/quotes-down.gif);
    background-repeat: no-repeat; 
}

.fullNameBox
{
    color:#3b5998;
    font-weight:bold;
}

.positionBox
{
    color: darkgray;
    padding-top:5px;
    padding-left: 10px;
    font-size: smaller;
}

.recommendationRequestMessageDirection
{
    color: darkgray;
    padding-top:15px;
    padding-left: 10px;
    font-size: smaller;
}

.recommendationRequestMessage
{
    padding-top:5px;
    text-align:center;
}

/* recommendations [END]*/

.emptyTemplatePanel
{
    text-align: center;
    font-size: small;
    color: lightgrey;
    padding-top:10px;
}


/* friend list */


.friendBox
{
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
    padding:10px;
    margin-left:5px;
    margin-top:5px;
    width:100px;
}

.friendBox:hover
{
    background-color: whitesmoke;
}

.friendPic
{
    /*float:left;*/
}

.friendNameBox
{
    
}

/* Search */

.searchResultPanel
{
    margin-top:5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: #d8dfea 1px solid;
}

.fieldCaptions
{
    color: darkgray;
    padding-top:5px;
    padding-left: 10px;
    font-size: smaller;
}

.degreeBox
{
    display:inline;
}

/* Search [END]*/

.rightArrow
{
    background-image: url(img/right_arrow.gif);
    background-repeat: no-repeat;
    display: inline;
    margin-right: 5px;
    padding-left: 15px;
    background-position-y: center;
}

/* connect */

.connectionRequestMessageDirection
{
    color: darkgray;
    padding-top:10px;
    padding-bottom:10px;
    padding-left: 10px;
    font-size: smaller;
}

.connectionRequestActionsPanel
{
    font-size: smaller;
    text-align:right;
    padding-top:10px;
}

.pathChain
{
    background-position: right center;
    background-image: url(img/right_arrow.gif);
    background-repeat: no-repeat;
    
    display:inline;
    vertical-align:middle;
    padding-left:15px;
    padding-right:25px;
}

.pathChainBox
{
    background-position: right 5%;
    /*background-image: url(img/right_arrow.gif);*/
    background-repeat: no-repeat;
    display: inline;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 25px;
}

.pathChainWoArrow
{
    display:inline;
    vertical-align:middle;
    padding-left:15px;
    padding-right:15px;
}

.groupingBox
{
    border-right: #b7b7b7 1px solid;
    padding-right: 15px;
    border-top: #b7b7b7 1px solid;
    padding-left: 15px;
    padding-bottom: 15px;
    border-left: #b7b7b7 1px solid;
    padding-top: 15px;
    border-bottom: #b7b7b7 1px solid;
}

.boxDirection
{
    padding-bottom:20px;
}

/* request chain */

.requestChainRow
{
    border-bottom:1px solid #D8DFEA;
    padding-top:5px;
}

.requestNameBox
{
    color:#3b5998;
    font-weight:bold;
    display:inline;
}

.requestCaptionBox
{
    color: darkgray;
    padding-top:5px;
    padding-left: 10px;
    font-size: smaller;
    display:inline;
    padding-right:10px;
}

.requestSubjectBox
{
    display:inline;
    padding-left: 20px;
}

.requestMessageBox
{
    /*border-top: #D8DFEA 1px solid;*/
    margin-top:5px;
    padding-top:10px;
    padding-left:20px;
    padding-bottom:10px;
}

.requestMessageEditBox
{
    text-align:center;
}

.requestMessageActions
{
    padding-top:10px;
    text-align:right;
}


#loading
{
	background-position: center center;
	background-image: url(img/load.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position:relative; 
	text-align:center;
}