/* Community Viualforce pages CSS - Common styles for most
VF pages build within the Partner Community.
 ----------------------------------------------------------*/

/* COMMUNITY LOGIN PAGE STYLES
 ----------------------------------------------------------*/
.loginSection {
	background-color: #FBFBFB;
	border: 1px solid #C5C6C6; 
	border-radius: 4px;
	display: block; 
	width: 325px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

.logOutLink {
	color: #8E499B !important;
	display: inline;
	font-size: 14px;
	margin-top: 5px;
	text-decoration: underline;	
	padding-right:100px;
}

.logOutLink:hover { color: #000; }

.termsLink {
	color: #8E499B !important;
	display: inline;
	font-size: 14px;
	margin-top: 5px;
	text-decoration: underline;	
}

.termsLink:hover { color: #000; }

.orangeBtn {
	border:none !important;;
	background:#f36f20 !important;
	color:#fff !important;
	border-radius:0 !important;
	padding: 6px !important;
	height: 30px;
}

.headerLogin {
	margin: 0 auto;
	min-width: 960px;
	padding: 0;
	width: 100%;
}

.headerLogin #topHeader {
	margin: 0 auto;
	padding: 0;
	height: 75px;
	width: 960px;
}

.headerLogin #esriLogo {
	background-image: url("images/EPN_esriLogTagLine.png");
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin: 15px 0 10px;
	width: 350px;
	height: 60px;	
}
.headerLogin #bottomHeader {
	margin: 0 auto;
	padding: 0;
	height: 75px;
}

.header_esri { margin: 0 auto; }

/* Related Table Wrapper
 ----------------------------------------------------------*/
.tblButtons {padding: 1px; width: 100%; background-color: #E0DBF0;}
.tdButtons {text-align: left; width: 50%;}
.tdView {text-align: right; width: 50%;}


/* Content Header 
 ----------------------------------------------------------*/
ul.discX {list-style-type:disc;}
p.underLineX {text-decoration:underline}
a.hyperBlue {color:#0000FF}
#message {padding:10px 25px 20px 20px;}

.lineSpace {padding:10px;}

.centerDiv {text-align:center;}


/*My Directory
 ----------------------------------------------------------*/
.tblMain {width: 400px;}
.tdLabel {font-weight: bold; text-align: right; width: 20%; }
.tdValue {text-align: left; width: 75%; }
.tdSpace {width: 5%; }	
.divBorder{border: 1px transparent; border-top:20px solid #E0DBF0; width: 920px;}
.info, .charCount {font-size: 10px;}	
.bottomPanelDiv {margin-left: 50px;}
.partnerLogo {padding: 50px 50px 25px;}

.servoviewWidth {
    margin: auto;
}

.cmnyOverview {
    float: right;
}

.mobileReadyDiv {
	width: 920px;
}
.overview{
	width:100%; 
	height:200px; 
	margin-bottom:10px;
}

.stepHeader{ font-size: 1.1em; }
.resInput { width:150px; }
.urlInput { width:250px; }
.floatRight { float:right;}
.floatLeft { float:left;}
.padRight { padding-right:10px;}
.padLeft { padding-left:10px;}
.softSelect { width:400px;}
.verSelect { width:170px; }
.secSelect { width:150px;}
.indSelect { width:200px;}
.segSelect { width:200px;}

#popUpId .pbTitle {
	width: 70%;
}


/* Account Profile
----------------------------------------------------------*/
.spanHeader {color: #8e499b; font-size: 16pt; width:460px; }
.tdLabel {font-weight:bold; text-align: left; width: 175px;}
.tdContent {text-align: left; width: 275px;}	
.trHide {display: none;}
.topDiv {
	width: 920px;
}

/* Will force all tables to have this padding to be added */ 
.tdLabel, .tdContent { padding: 4px 0; }

.bottomDiv {
	width: 460px;
	float: left;
}

.relListBlock {
	padding-top: 10px;
}
.relListBlock h2{
    display:inline;
    padding:10px;
    padding-right: 200px;
    font-size: 1.2em !Important;
    font-family: 'Avenir LT W01 35 Light', Arial, Helvetica, sans-serif;
}



.rightImageDiv {
	float: right; 
	width: 400px;
}
.rightImageDiv img {
	padding: 25px 50px 25px 50px;
}
.leftTextDiv {
	float: left; 
	width: 500px;
}

.backLinkDiv {
	padding-bottom: 20px;
	padding-top: 10px;
}
.backLinkDiv a{
	display:inline; 
	background-image:url("images/EPN_BackBtn.png"); 
	background-repeat:no-repeat; 
	background-position: right; 
	padding-right: 25px;
	text-decoration: none;
}
.backLinkDiv a:hover {
	background-image:url("images/EPN_BackBtnH.png"); 
	background-repeat:no-repeat;
	text-decoration: none;
}

.dLoadLinkDiv {
	padding-bottom: 20px;
	padding-top: 10px;
}
.dLoadLinkDiv a{
	display:inline; 
	background-image:url("images/EPN_downloadicon.png"); 
	background-repeat:no-repeat; 
	background-position: right; 
	padding-right: 25px;
	text-decoration: none;
	color: #8F499C;
}
.dLoadLinkDiv a:hover {
	background-image:url("images/EPN_downloadiconH.png"); 
	background-repeat:no-repeat;
	text-decoration: none;
	color: #8F499C;
}

.goToLinkDiv {
	padding-bottom: 20px;
	padding-top: 10px;
}
.goToLinkDiv a {
	display:inline; 
	background-image:url("images/EPN_BackBtn.png"); 
	background-repeat:no-repeat; 
	background-position: right; 
	padding-right: 25px;
	text-decoration: none;
	color: #8F499C;
	
}
.goToLinkDiv a:hover {
	background-image:url("images/EPN_BackBtnH.png"); 
	background-repeat:no-repeat;
	text-decoration: none;
	color: #8F499C;
}

.icbCheckbox { width: 0px}


