/* 	farpopq.css

	FARPOPQ web site styles
	Thomas-Antoine O'Neill @ GSoft Group (gsoft-group.com)
	July-August-September 2008
	
	Developer notes:	
	- 	The following styles are mostly overrides of the built-in sharepoint styles found in core.css.
		Completely orignial styles are used in some cases.
	-	Styles are applied on (but not restricted to) the master page farpopq.master. 
	-	Most styles named with the format "farpopq-Example" are meant to replace the orginal "ms-Example" styles of core.css.
		In those cases, the style is applied in the specific places where the style name was changed in the master page from
		"ms-Example" to "farpopq-Example". 
		In these cases, "ms-Example" might still be used elsewhere because it is not directly overridden.
	-	Other styles found in this file can have the same name as the ones in core.css they are meant to be direct overrides 
		(ex: body, ms-PostTitle). In those cases, watch out for properties that are defined in core.css but were not completly 
		overridden in the corresponding farpopq.css style.
	- 	See http://www.heathersolomon.com/content/sp07cssreference.htm for a great reference on sharepoint css customization
*/	

/* 
	-----------------------------
 	Section 1: Master page styles 
 	-----------------------------
*/

/* Underlying form and body styles that completely override the core.css originals*/
form{
	margin:0px;
	padding:0px;
	text-align: center;
}
body{
	background-color: #9E033A;
}
.farpopq-bodytable{
	width: 835px;
	height: 100%;
	border: none;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

.farpopq-bodycell
{
    border: 0px;
    padding: 0px;
}

.farpopq-bodycontent{
	height: 100%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
/* Very top section that usually contains a breadcrumb and the logon control*/
.farpopq-topSection{
	height:0px;
	font-size:8px;
}
.farpopq-globalbreadcrumb{
	font-size: 8pt;
	text-align: right;
	padding: 0px 10px 0px 10px;
}
.farpopq-footer{
	height: 0px;
}


/* Section that holds the main logo and page title*/
.farpopq-globalTitleArea{
	height:115px;
	background-image: url('/_layouts/FARPOPQ/Images/top_right.png');
	background-position: right top;
	background-repeat: no-repeat;
	padding-bottom:13px;
	background-color: White;
}
td.ms-titleimagearea{
	/* applies just to the image */
	padding-left: 22px;
	padding-bottom: 10px;
}


/* Top navigation and Actions menu zone */
.farpopq-bannerContainer{
	/* applied on the whole table containing the top navigation menu and the actions menu */
	background-image:url('/_layouts/FARPOPQ/Images/top_nav_bg.png');
	background-position:left;
	background-repeat:repeat-x;
	height: 24px;	
}
/* Top nav menu styles */
.farpopq-topNavContainer{
	/* wraps the top nav menu*/
	padding-top:0px;
	padding-left:0px;
	margin-left: 10px;
	width: 70%;
	border: none;
}
.farpopq-topnav{
	/* underlying style for all top nav menu tabs */
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: verdana,arial,helvetica,sans-serif;
/*	font-family: Calibri;*/
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	padding-left: 13px;
	padding-right: 14px;
	font-weight: bold;
	
	/* The following give rounded corners to every nav bar button (Firefox only) */
	/*-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;*/  
}	
a.farpopq-topnav{
	/* the farpopq-topnav is applied both to the whole table forming the tab and to the
	   link within it. Putting all padding in .farpopq-topnav insures a correct behavior
	   when the menu is horizontally resized in small screen resolutions */
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	top: 0px;
}
.farpopq-topnavselected{
	/* styles the currently selected item in the top nav menu */
	background-color: #950230;
}
.farpopq-topNavHover{
	/* top nav menu item hovering style */
	background-color: #950230;
}
.farpopq-topNavFlyOuts{
	/* flyouts (drop-down menus for tabs in the top nav menu) are disabled */
}
.farpopq-topNavFlyOutsSelected{
	/* flyouts (drop-down menus for tabs in the top nav menu) are disabled */
}

/* Main content zone borders */
.farpopq-BorderZone{
	/* applies to everything below the top nav menu */
	background-image:url('/_layouts/FARPOPQ/Images/farpopq_bg.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #FCF6DE;
	vertical-align: top;
	width: 100%;
	height: 100%;
	float: left;
}
.farpopq-bodyareaframe{	
	height: 100%;
	width: 100%;
}
.farpopq-BorderTopCap{
	/*top most border element, to the top of the breadcrumb and the search area*/
	float: left;
	display: inline-block;
	}
.farpopq-mainZone{
	/* applies to everything below the BorderTopCap */
}
.farpopq-BreadcrumbSearchRow{
	
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
 	height: 20px;
}

.farpopq-BorderTopLeft{
	/* holds page image content place holder */
	width: 230px;
}
.farpopq-PHpageImage{
	height: 0px;
}
.farpopq-PageTitleRow{
	padding: 0px;
	margin: 0px;
	height: 0px; 
	padding: 0px 0px 0px 0px;
	line-height: 0px;
}
td.farpopq-PageTitleRow{
	height: 1px;
}
.farpopq-BorderTopMiddle{
	/* holds page title, just below BreadcrumbSearchRow*/
}
.farpopq-BorderTopRight{
}
.farpopq-BorderMiddleLeft{
	/* holds the left menu content place holder */
	width: 230px;
}
.farpopq-BorderMiddleRight{
	width: 20px;
}
.farpopq-BorderBottomRight{
}
.farpopq-BorderBottomLeft{

}
.farpopq-BorderBottomMiddle{
	height: 20px;
}

/* Border Top Middle content (breadcrumb, search and page title)*/
/* Breadcrumb */
.farpopq-PHTitleBreadcrumb{
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 23px;	
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:.7em;
	text-align:left;
	color:#4c4c4c;
}
/* Search */
.farpopq-searchArea{
	float:right;
	text-align:right;
	padding-top: 15px;
	padding-right: 10px;
}
select.ms-searchbox{
	/* hides the drop down menu to the left of the search field */ 
	display:none; 
}
.ms-searchbox,.ms-pickersearchbox{
	border-right: none;
	color: #1952a4;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 8pt;
	height: 19px !important;
	padding-top: 2px;
	padding-left: 2px;
	border: solid 1px #F3E5A6;
	background-color: #FCF6DE;
}
.ms-searchform{
	width: 200px;
    float: right;
}
.ms-searchform input{
	height:19px;
	padding:2px;
	float: right;
	margin-right: 2px;
}
select.ms-searchbox{
	margin-right:6px;
	border:solid 0px #7f9db9;
}
.ms-searchimage{
	border-left: solid 0px #9ed6ff;
	border: solid 1px #F3E5A6;
	background-color: #F3E5A6;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px !important;
	padding-top: 2px !important;
}
.ms-searchcorner{
	background-image:url("/_layouts/images/srchcrnr.gif");
	background-repeat:no-repeat;
	background-position:left top;
}

/* Page title */
.farpopq-PHPageTitleInTitleArea{
	font-family:verdana;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align:left;
	color:#4c4c4c;
	padding-bottom: 1px;
}

/* Style for the content area within the borders */
.farpopq-CenterMainContent{
}


/* 
	--------------------------------------
 	Section 2: Web part and content styles
 	--------------------------------------
*/

/* Styles used by out custom quick links menu web part*/
.farpopq-AnchorsMenu{
	width: 125px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 14px;
	vertical-align: top;
	margin-left: 0px;
	margin-right: 8px;
	border:none;
}
.farpopq-AnchorsMenuTitle{
	font-size: 12px;
	font-weight: bold;
	color: #373938;
	padding-left: 6px;
	vertical-align: top;
	background-image:url('/_layouts/FARPOPQ/Images/side_bar_header_wide_trans.gif');
	background-repeat:no-repeat;
	color: white;
	height: 19px;
	padding-top: 2px;
}
.farpopq-AnchorsMenuElement{
	padding-left: 6px;
}
.farpopq-AdminLinksMenu{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border: 2px #9E033A dashed;
	width: 150px;
	vertical-align: top;
}

a.plain{
	text-decoration: none;
	color: #373938;
}

/* The following two styles disable column headers in ALL list views */
.ms-viewheadertr{
	display: none;
}
.ms-vb2 img {  
	display: none; 
}

/* Hide table borders in content editor web parts */
.ms-rtetablecells{
	border:none; 
	padding:2px;
	text-align:justify;
}


/* Blog site customization */
.ms-PostWrapper,.ms-CommentsWrapper,.ms-blogrss{
	color:#4c4c4c;
	width:100%;
}
h3.ms-PostDate{
	/*background-color:#CBE4D6;*/
	/*background-image: url('images/blogdateBG3.gif');
	background-repeat: repeat-y;*/
	font-size: 8pt;
	color: #7f7f7f;
	margin: 0;
	border-bottom: solid 1px #96CBAA;
	padding-bottom:0px;
	padding-left: 3px;
}
.ms-PostTitle{
	font-size:16pt;
	padding-top:6px;
}
.ms-PostFooter,.ms-CommentFooter{
	font-size:7pt;
	color:#999999;
	text-align:right;
	padding-bottom:22px;
}
.ms-blogrssnav{
	color:#4c4c4c;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	border-top:solid 0px #add1ff;
}
.ms-blogrss
{
	font-size:8pt;
	border-top:solid 0px #e3efff;
	padding-top:5px;
}


/* General Web Part styles */ 
.ms-WPBody {
	font-size:10pt;
	font-family:verdana,arial,helvetica,sans-serif;
	padding-left: 3px;
	margin: 0cm 0cm 0pt;
}
.ms-WPBody p {
	margin: 0cm 0cm 0pt;
	font-size:15pt;
}
p.ms-WPBody {
	margin: 0cm 0cm 0pt;
}
.ms-WPBody TABLE,.ms-TPBody TABLE {
	font-size:1em;
}
.ms-WPBody A:link,.ms-WPBody A:visited {
	color:#003399;
	text-decoration:none;
}
.ms-WPBody A:hover {
	color:#000000;
	text-decoration:underline;
}
.ms-WPTitle {
	font-weight:bolder;
	font-family:verdana,arial,helvetica,sans-serif;
	color:  #9E033A;
	padding-left:0px;
	padding-right:7px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:11pt;
}
.ms-WPTitle A:link,.ms-WPTitle A:visited {
	color:#9E033A;
	text-decoration:none;
	cursor:pointer;
}
.ms-WPTitle A:hover {
	color:#000000;
	text-decoration:underline;
	cursor:pointer;
} 

.ms-WPHeader TD{
	border-bottom:0px solid #4e7cb7;
	border-collapse:collapse;
}

/* WebPartZone */
.farpopq-WebPartZone{
	line-height:normal;
	background-color: white;
	padding: 10px;
	padding-top: 0px;
}

.farpopq-WebPartZoneNav{
	padding: 15px;
	padding-top: 0px;
}


/* 
	-----------------------------------
 	Section 3: General overriden styles
 	-----------------------------------
*/

/* Hide all the following placeholder and list-related styles (see ms-hidden) */
.ms-pagemargin{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

div.ms-areaseparatorleft{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

div.ms-areaseparatorright{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.farpopq-content
{
    vertical-align: top;
    width: 100%;
    height: 100%;
    border: 0px;
    background-color: White;
}