﻿html, form{
height:100%;
}

body{
height:100%;
background:#d1d3d3 url(../Images/BodyBackGroundImage2.jpg) repeat-x;
text-align:center;
vertical-align:top;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.2; 
font-size:0.8em;
color:#736c64;
}


.container
{
text-align:center;
vertical-align:top;
width:778px;
height:100%;
display:block;
margin:0px auto;
}

.logolink{
position:absolute;
width:50px;
height:100px;
margin:15px 0px 0px 13px;
}

.logolink a{
display:block;
width:50px;
height:100px;
}

.easteregg{
position:absolute;
width:200px;
height:75px;
margin:0px 0px 0px 210px;
text-align:left;
}


.impersonationMessage{
position:absolute;
width:409px;
padding:4px 0px 4px 0px;
margin-top:29px;
margin-left:68px;
border-style:solid;
background-color:#FFFACD;
border:solid 2px #FFA500;
text-align:center;
font-weight:bold;
}


.headercontainer
{
background:url(../Images/HeaderBackgroundImage.jpg);
text-align:center;
padding:0px 0px 0px 0px;
width:778px;
height:140px;
vertical-align:top;
}


.searchcontainer
{
position:absolute;
background:url(../Images/SearchContainer.jpg);
background-repeat:no-repeat;
width:276px;
height:61px;
padding:3px 5px 0px 10px;
margin:20px 0px 0px 485px;
text-align:left;
}

.searchdiv{
padding:0px 0px 0px 0px;
margin:6px 0px 0px 0px;
float:left
}
.search{
width:190px;
height:15px;
font:13px Verdana, Arial, Helvetica, sans-serif;
color:#736c64;
}

.searchbutton{
text-align:left;
padding:5px 0px 0px 0px;

}



.myaccountlogoutcontainer{
padding:6px 0px 0px 2px;
}

.myaccountlogoutcontainer a {
color: #736c64;
text-decoration: underline;
}


.myaccountlogoutcontainer a:visited {
color: #736c64;
text-decoration: underline;
}

.myaccountlogoutcontainer a:hover {
color: #000000;
text-decoration: underline;
}

.contentbg
{
background:url(../Images/StartPageContentBackground.jpg);
background-repeat:repeat-y;
background-position:top;
width:778px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:top;
text-align:center;
}


.onecolumncontentbg
{
background:url(../Images/ContentBackground.jpg);
background-repeat:repeat-y;
background-position:top;
width:778px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:top;
text-align:left;
}

.twocolumncontentbg
{
background:url(../Images/TwoContentBackground.jpg);
background-repeat:repeat-y;
background-position:top;
width:778px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:top;
text-align:center;
}



/* Two fixes for the float parent container fix. 
One is used below the :after 
The next is adding overflow:auto; to the container div */

.contentcontainer
{
text-align:left;
width:778px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:top;
}

.contentcontainer:after {
content: "."; 
display: block; 
height: 0; 
width:778px;
clear: both; 
visibility: hidden;
}

.onecolumncontentpadding{
width:730px;
padding:0px 0px 0px 25px;
text-align:left;

}

.onecolumnbelowbreadcrumb{
width:750px;
height:15px;
background:url(../Images/OneColumnBelowBreadCrumb.jpg);
background-repeat:no-repeat;
}

/*** start two column stuffs ***/

/*** start left column***/
.twocolumnleftcolumn{
text-align:left;
float:left;
width:546px;
}

.twocolumnbreadcrumbbg{
text-align:left;
width:546px;
height:37px;
background:url(../Images/TwoColBreadCrumbBackground.jpg);
background-repeat:no-repeat;
}



.twocolumnleftcontentpadding{
width:510px;
padding:0px 16px 0px 20px;
}



/*** start rightcolumn***/
.twocolumnrightcolumn{
text-align:left;
float:right;
width:232px;
}

.gobutton{
padding:5px 0px 5px 171px;
}

.projecttype{
width:190px;
margin:0px 0px 0px 17px;
background-color: #e2e3e3; 
color: #000000; 
font:13px/1.8em Verdana, Arial, Helvetica, sans-serif;
border-color:#758791;
}


/*** End 2 column stuffs***/

.floatbreak{
clear:both;
}




.footer{
clear:both;
background:url(../Images/FooterBackGround.jpg);
background-repeat:no-repeat;
width:778px;
height:48px;
}


.footer p{
text-align:left;
padding: 12px 0px 0px 540px;
font:9px/1.4em Verdana, Arial, Helvetica, sans-serif;
}

.footernocolumn{
clear:both;
background:url(../Images/FooterBackGroundNoColumn.jpg);
background-repeat:no-repeat;
width:778px;
height:48px;
}




.footernocolumn p{
text-align:left;
padding: 12px 0px 0px 540px;
font:9px/1.4em Verdana, Arial, Helvetica, sans-serif;
}


.footertwocolumn{
text-align:left;
clear:both;
background:url(../Images/FooterBackGroundTwoColumn.jpg);
background-repeat:no-repeat;
width:778px;
height:48px;
}




.footertwocolumn p{
text-align:left;
padding: 12px 0px 0px 540px;
font:9px/1.4em Verdana, Arial, Helvetica, sans-serif;
}

.dottedline{
width:100%;
height:1px;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
border-top:thin dotted #d7d9dd;

}

.dottedlinetwo{
width:100%;
height:1px;
margin:-4px 0px 0px 0px;
padding:1px 0px 0px 0px;
border-top:thin dotted #d7d9dd;

}

.solidline
{
	width:100%;
	height:1px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	border-top:thin solid #dcd9d9;
}

.credentialsRecoveryTableColumn1
{
	padding-top:4px;
}

.credentialsRecoveryTableColumn2
{
	padding-left:4px;
}

.linkedin
{
    width:100%;
    text-align:right;
}