/* 
====== Default CSS Content ======

	01: Page structure
	02: Help, Actions, Info
	03: Social Media


============
*/

/*
====== 1: START: Page structure ======
*/
#wrapper{
	width				: 960px;
	margin				: 0 auto;
}

#header
{
	/* ASP.NET throws exception if this image isn't here, so we comment out for start of project */
	background			: #fff;		/*url(common/images/header.jpg); */
	margin				: 0;
}

#header .contentTop
{
	background			: url(../images/content_top.jpg) no-repeat 0 0;
	height				: 12px;
	width				: 958px;
}

#sidebar {
}

#content{
	padding				: 5px 20px 15px 15px;
	background			: url(../images/content_bg.png) repeat-y 0 0;
	min-height			: 340px;
}

#content .interiorContentTop
{
	background			: #FFF url(../images/content_area_top.jpg) repeat-x 0 0;
	height				: 3px;
	line-height			: 3px;
	font-size			: 0;
}

#content .interiorContent
{
	background			: #FFF url(../images/content_area_side.jpg) repeat-y 0 0;
	padding-left		: 4px;
	width				: 99.6%;
}

#content .interiorContent p.noResults
{
	padding-bottom		: 5px;
}

#content .interiorContent ul
{
	margin-left			: 15px;
}

#content .interiorContent #sideBar
{
	background			: url(../images/content_left_nav_bg.jpg) repeat-x 0 0;
	float				: left;
	width				: 19%;
	min-height			: 570px;
	margin-right		: 20px;
	padding				: 10px 15px;
}

#content .interiorContent #pageContent
{
	float				: left;
	width				: 48%;
	padding				: 20px 0 10px;
	margin-right		: 20px;
}

#content .interiorContent .full
{
	width				: 71% !important;
	padding				: 10px 0 10px 10px !important;
}

#content .interiorContent #pageContentFull
{
	float				: left;
	width				: 74%;
	padding				: 20px 10px 10px 0;
}

#content .interiorContent #resourceList
{
	float				: right;
	width				: 23%;
	min-height			: 425px;
	margin				: 10px 0;
	padding				: 0 10px;
	border-left			: 1px solid #5D5D5D;
}

#content .interiorContent #resourceList .actions
{
	width				: 100%;
}

.fullWidthPanel
{
	margin-left			: 32px;
	margin-bottom		: 18px;
	width				: 860px;
}

.fullWidthPanel .item
{
	width				: 32%;
	float				: left;
	margin				: 0 10px 0 0;
	text-align			: center;
}

#login .fullWidthPanel .item p
{
	text-align			: center;
	font-style			: italic;
	padding-bottom		: 0;
	margin-left			: 0;
}

.fullWidthPanel .last
{
	margin-right		: 0;
}

.fullWidthPanel .thumbnail img
{
	border				: 1px solid #CCC !important;
	margin-bottom		: 5px;
}

.fullWidthPanel .top
{
	background			: url(../images/full_width_panel_top.png) no-repeat 0 0;
	height				: 7px;
}

.fullWidthPanel .bottom
{
	background			: url(../images/full_width_panel_bottom.png) no-repeat 0 0;
	height				: 11px;
}


.contentBottom
{
	background			: url(../images/content_bottom.png) no-repeat 0 0;
	height				: 9px;
	width				: 958px;
}

#footer{
	margin				: 8px 0 0 0;
	padding				: 0 8px 0 0;
}

#footer p
{
	color				: #606060;
	font-size			: 0.9em;
}


#footer p.floatright img
{
	margin-right		: 10px;
}

#footer a,
#footer a:link, 
#footer a:visited 
{
	color:#D2001A;
	text-decoration: none;
}

#footer a:hover, 
#footer a:active
{
	color:#D2001A;
	text-decoration: underline;
} 

#footer img
{
	padding				: 3px 0 0 8px;
}

/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/

.splitHalf {
	float				: left;
	width				: 47%;
	margin				: 0 5% 0 0;
}

.splitThird {
	float				: left;
	width				: 30%;
	margin				: 0 5% 0 0;
}

.splitHeavy {
	float				: left;
	width				: 71%;
	margin				: 0 3% 0 0;
}

.splitLight {
	float				: left;
	width				: 22%;
	margin				: 0 5% 0 0;
}

.splitLast {
	margin-right		: 0;
}



#login p
{
	margin-left			: 30px;
	padding-bottom		: 0.8em;
}

.loginarea
{
	width				: 50%;
	float				: left;
}

.loginLeft
{
	padding				: 0 0px 0 0;
	float				: left;
	margin-bottom		: 5px !important;
	margin-left			: 34px !important;
}

.loginLeft h3, .loginRight h3, .fullWidthPanel h3
{
	padding-bottom		: 0.8em;
}

.loginRight
{
	margin-left			: 16px !important;
	float				: right;
	margin-bottom		: 5px !important;
	padding				: 0 0 20px 0px;
}

#login .loginRight p
{
	padding-bottom		: 1.22em;
	margin-left			: 0;
}

.leftCol
{
	float				: left;
	width				: 48.5%;
	margin-right		: 20px;
}

.leftCol dt, .rightCol dt
{
	width				: 140px;
}

.leftCol dd, .rightCol dd
{
	margin-left			: 145px;
}

.rightCol
{
	float				: left;
	width				: 48.5%;
}

.homeLeft
{
	width				: 52.5%;
	float				: left;
	margin-right		: 20px;
}

.homeRight
{
	float				: left;
	width				: 45%;
}
.headerWidth
{
	width				: 50%;
	float				: left;
}
.extLinkContainer
{
}
.extlink a:link, .extlink a:visited
{
	float				: right;
	font-weight			: bold;
	padding				: 0 22px 0 0;
	background			: url(../images/newWin.png) no-repeat 100% 0;
}
.extlink a:hover, .extlink a:active
{
	float				: right;
	font-weight			: bold;
	padding				: 0 22px 0 0;
	background			: url(../images/newWin.png) no-repeat 100% -27px;
}
/*
====== 1: END: Page structure ======
*/


/* 
====== 2: START: Help, Actions, Info ======
*/

.help, .info, .actions {
	width				: 12%;
}


.info {
	background-color	: #D3DFED;
	border				: solid 1px #537286;
	padding				: 10px;
	color				: #537286;
}

.help ul, .actions ul {
	list-style-type		: none;
}

/* 
====== 2: END: Help, Actions, Info ======
*/


/* 
====== 3: START: Social Media ======
*/

#blogView {
	padding				: 20px;
}

.blogPost {
	padding				: 2px 0 0;
	color				: #333;
}


.blogPost .postNumber {
	width				: 10%;
	float				: left;
}

.blogPost .postContent {
	
	border-top			: solid 1px #CCC;
	padding-top			: 5px;
}

.blogPost .reply .postContent {
	border					: 1px solid #EAEAEA;
	background				: #FCFCFC url(../images/reply_bg.jpg) repeat-x 0 0;
	padding					: 5px;
}

.blogPost .postContent h5 .name {
	font-size			: 120%;
	color				: #D2001A;
}

.blogPost .postContent h5 .company {
	font-size			: 90%;
	color				: #666;
}

.blogPost p {
	padding				: 0;
}

.blogPost .content {
	padding-bottom		: 1.5em;
}

#blogView .blogContent
{
	float				: left;
	width				: 70%;
}

#content .interiorContent #blogView #resourceList
{
	min-height			: 325px;
}

#blogView h4
{
	color				: #D2001A;
	font-size			: 140%;
}

#blogView p.byline
{
	font-size			: 0.9em;
	color				: #888;
	margin				: 5px 0 1em;
	padding				: 5px 0;
	border-bottom		: 1px dotted #CCC;	
	border-top			: 1px dotted #CCC;
}

#blogView p
{
	padding-bottom		: 0.8em;
}

#blogView .commentsPanel
{
	margin-top			: 20px;
}


#blogView .commentsPanel .commentsHeader
{
	background-color	: #A9A9A9;
	padding				: 3px 5px;
}

#blogView .commentsPanel .commentsHeader h4
{
	background-color	: #A9A9A9;
	color				: #FFF;
	float				: left;
	width				: 80%;
	padding				: 2px 0;
	text-transform		: uppercase;
	font-size			: 120%;
}


#blogView .commentsPanel .noComments
{
	margin-top				: 1em;
	padding					: 0 0 10px;
	font-style				: italic;				
}

#blogView .addComment
{
	border					: 1px solid #EAEAEA;
	background				: #FCFCFC url(../images/reply_bg.jpg) repeat-x 0 0;
	margin					: 20px 0;
	padding					: 10px;
}

#blogView .addComment textarea
{
	width					: 99.5%;
}

#blogView .addComment h4
{
	margin-bottom			: 15px;
}

#blogView .commentsPanel .commentsHeader .postComment
{
	border				: 1px solid #D2001A;
	background-color	: #DDD;
	float				: right;
	padding				: 2px;
	width				: 15%;
}


#blogView .commentsPanel .commentsHeader .postComment a
{
	font-weight			: bold;
	background			: url(../images/comment.gif) no-repeat 0 1px;
	padding-left		: 30px;
}

#blogView .first .postContent
{
	border-top			: none !important;
}

#blogView .admin p.userDetails
{
	background			: url(../images/epmtv_user.gif) no-repeat 0 0;
	height				: 30px;
}

#blogView .user p.userDetails
{	
	background			: url(../images/blog_user.gif) no-repeat 0 0;
	height				: 30px;
}

#blogView p.userDetails
{
	line-height			: 30px;
	padding-left		: 40px;
}

#blogView p.content
{
	padding-left		: 40px;
}

#blogView p.userDetails
{
	font-style			: italic;
	padding-bottom		: 0;
	font-size			: 0.9em;
}

.blogPost .reply
{
	padding					: 13px 0 1em 50px;
	background				: url(../images/comment_arrow.jpg) no-repeat 75px 0;
}

.blogList h3
{
	background-color		: #A9A9A9;
	color					: #FFF;
	text-transform			: uppercase;
	padding					: 3px 5px;
	font-size				: 120%;
	margin-bottom			: 1.2em;
}

.blogList .item
{
	margin-bottom			: 15px;
	width					: auto;
}

.blogList .item .summary h4
{
	color					: #D2001A;
	font-size				: 140%;
}

.blogList .item .summary h4 a:hover
{
	text-decoration			: none;
}

.blogList .item .description p
{
	padding-bottom			: 0.2em;
}

.blogList .item .hyperlink
{
	padding-bottom			: 1.5em;
	font-weight				: bold;
}

.blogList .item .summary p.byline
{
	border-bottom			: 1px dotted #CCC;
	border-top				: 1px dotted #CCC;
	color					: #888;
	font-size				: 0.9em;
	margin					: 5px 0 8px;
	padding					: 5px;
}

#content .interiorContent #blogsPage #sideBar ul li, #content .interiorContent #twitter #sideBar ul li
{
	color					: #D2001A;
}

#content .interiorContent #sideBar ul.subNav li
{
	border-bottom			: none;
	text-transform			: none;
	padding					: 2px 0;
}

#content .interiorContent #sideBar ul.subNav li a
{
	color					: #7A7A7A;
}

.biogImage
{
	float					: left;
	margin					: 4px 12px 6px 1px;
	border					: 1px solid #333;
}

/* 
====== 3: END: Social Media ======
*/

/* 
====== 4: START: Admin Page Layout ======
*/

#adminListPage .interiorContent
{
	padding						: 10px 12px;
	width						: 97.5%;
}

#content #adminListPage .interiorContent .filter
{
	width						: 630px;
}

.adminPanel
{
	width						: 265px;
	float						: left;
	margin-right				: 25px;
	margin-bottom				: 20px;
	margin-left					: 15px;
}

.adminPanel .top
{
	background					: url(../images/admin_top.png) no-repeat 0 0;
	height						: 7px;
}

.adminPanel .bottom
{
	background					: url(../images/admin_bottom.png) no-repeat 0 0;
	height						: 11px;
}

.adminPanel h4
{
	text-align					: center;
	border-bottom				: 1px dotted #CCC;
	margin						: 0 5px;
}

.adminPanel ul
{
	list-style					: none;
	margin-left					: 20px;
	margin-top					: 8px;
}

.topbutton
{
	margin						: 20px 0 0.8em 20px !important;
}

/* 
====== 4: END: Admin Page Layout ======
*/