/* ================================
    CSS STYLES FOR CORNERSTONE PORTAL  v2.0 
	General CSS for public pages
	Common across pages

 Janury 08		
		FIPP 2 Site Alterations with more base pages, spliting CSS to page specific items/colours
   ================================
*/   

/* ----- General ----- */
body {

	background: #FFFFFF;
	font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #333333;
	margin:0;
	padding:0;
	}

div#PageDiv
{
width:99%;
text-align:center;
margin-left:2px;
}	

div #HomePanels
{
 height:432px;
 float:none;
 background-color:white;
padding-left:6px;
padding-right:6px;
padding-top:0px;
	margin-top:0px;
}

Div #HomepanelTopLeft
{
	float:left;
 height:225px;

	
}

div #HomepanelBottomLeft
{
padding-top:0px;

margin-top:12px;
}

div #HomepanelTopRight
{
	float:right;
	height:300px;
	
}


a.none:link
{
	text-decoration: none;
	color: #FFFFFF;	
}
a.red:link {
	text-decoration: none;
	color: #7E0C20;
}
a.red:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.red:hover {
	text-decoration: underline;
}
a.red:active {
	text-decoration: none;
	color: #5D0716;
}
  
.HyperHand
{
cursor: hand;
}
 
 

 
 div.SupplierLinks a:link
 {
	text-decoration: none;
	color: #7E0C20;	
 }
 
 div.SupplierLinks a:hover
 {
	text-decoration: underline;
	color:Red;	
 }
  div.SupplierLinks a:visited:hover
 {
	text-decoration: underline;
	color:Red;	
 }
 div.SupplierLinks a:visited
 {
	text-decoration: none;
	color: #7E0C20;	
 }

/*

*/

table {
	font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align:left;

	}

.content {

margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	}

.LeftPane
{
	background-color:#ffffff;
}
	
	
.RightPane {
	background-color:White;
	margin: 0px 0px 0px 0px;
	padding: 0px  0px 0px 0px;
	text-align:right;
	vertical-align:top;
	
	}
.ContentPane 
{
	background-color:White;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 6px;
	

	
	}
	
.BottomPane
{

  background-color:white;
 
}
.TopPane
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;	
	z-index:0;

}

/* ----- Header Controls ----- */
/*div#header {
	background-image:url('../images/bg_head_public.jpg');
	}*/


	
div#adminheader {
	background-repeat:no-repeat;
	height:85px;
	width:980px;
	margin:0;
	padding:0;
	}
	
div#header div.sponsors {
	float:right;
	margin: 15px 8px 0 0;
	}
	
div#header h1, div#header h5{
	display:none;
	}	

/* ----- Top Menu Controls ----- */

.Home_link

{
	 float:left;
	 width:35px;
}

div#navsearchwrap{

width:897px;
background-color:white;
float:left;
}

div#navwrap {
	height: 44px;
	background-image:url("../Images/space.gif");
		background-repeat:repeat-x;
	text-align:left;
	margin-left:0px;
	float:left;
	z-index:1;
	width: 704px;
	/*border-right:1px solid #999999;  896 207=
	border-bottom:1px solid #999999;*/
	}

div#navbar {
	margin:0px 0px 0px 0px;
	padding-top:0px;
	padding-left:0px;
	float:left;
	}
	
.HomeBannerLink
{
margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;

}



a.member:link {
	color: #FFFFFF;
	text-decoration: underline;
}

a.member:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

a.member:hover {
color: #E51837; 

	text-decoration: underline;
}

a.member:active {
	color: #FFFFFF;
	text-decoration: underline;
}

.image-bottom-border {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E51837;
}	
		
/* ----- Global Login ----- */

/* login fixed */
.member-login {
	font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:White;
	
}


	
.LoggedIn 
{
	font-size:small;
	font-weight:bold;
	color:White;
}
.LoginButton {
	background-color:#DCDCDC;
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-right:0px;
}
.LoginTitle {
	font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14px;
     font-weight:bold;
    color: white;
	}

.LoginTextBox {
	font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	border: black 1px solid;
	width:200px;
	}

div.globallogin {
	position:absolute;
	left: 0%;
 	top: 180px;	
	margin-left: 11px;
	width: 165px;
	z-index:5;
	}
	
div.loginbutton {
	border: solid 1px #FFDBC4;
	background-color: #ff6600;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	}
	
div.loginbutton a {
	color: #FFDBC4;
	text-decoration: none;
	padding: 3px 5px 3px 4px;
	display:block;
	}

div.loginbutton a:hover {
	color: #993300;
	text-decoration: none;
	padding: 3px 5px 3px 4px;
	display:block;
	}
	
div#loginbox {
	/*visibility: hidden;*/
	border: solid 1px #ff6600;
	border-width: 0 1px 1px 1px;
	background-color: white;
	padding: 10px 0 0 20px;
	display:none;
	height: 120px;
	}
	
div#loginbox a {
	color: #ff6600;
	margin-left:3px;
	text-decoration:none;
	}
	
div#loginbox input {
	margin-bottom: 5px;
	}
	
div#loginbox input.textfield {
	width: 120px;
	font-size:10px;
	}



/* Searching */

.SearchTextBox
{
 margin-right:3px;
  margin-left:20px;
font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
font-size:x-small;
padding-right:2px;
height:15px;

border:solid 1px #999999;
}
.SearchButton
{
	background-color:#DCDCDC;
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
.SearchButton:Hover
{
	background-color:#BE1932;
	color:White;
}


div#SearchBox
{
	margin-top:0px;
	background-image:url("../Images/search.gif"); 
	width:193px;
	height: 44px;
	float:Right;
	z-index:1;
	

}

div#SearchBoxcontrol
{
 margin-top:10px;
 margin-right:3px;
 font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
font-size:x-small;
z-index:1;
}


	
/* ----- Info Controls ----- */
div#infowrap {
	background-color:#ffffff;
/*	border:solid 1px #999999;*/
	height:12px;
	padding-top:2px;
	padding-bottom:6px;
	margin-left:3px;
	}

div#infowrap div#welcome {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #ff6600;
	text-align:right;
	float:right;
	width:200px;
	}




/* ----- Grid Controls ----- */
.GridControl {
	width:100%;
	}

.GridHeader {
font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}

.GridItems {
	background-color:#FFFFF0;
	 font-size:1.1em;
	}

.GridAlternatingItems {
	background-color:white;
	 font-size:1.1em;
	}

.GridFooter {
	background-color:#F5F5F5;
	/*text-align:right;*/
	}

.GridItems input, .GridAlternatingItems input, .GridFooter input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
.GridPager {
	background-color:#DCDCDC;
	text-align:right;
	}

/* ----- Grid Alpha Pager Controls ----- */
.GridPageControl {
	text-align:center;
	}

.GridDataPagerControl {
	text-align:right;
	}

.GridPageNormal {
	background-color: white;
	font-size:10px;
	color:#333333;
	padding-top:10px;
	padding-bottom:10px;
	}

.GridPageSelected {
	background-color: white;
	font-size:10px;
	color:#333333;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	}

/* ----- Grid Filter Control ----- */
.GridFilterDropDown {
	border-right: black 1px solid;
	border-top:  black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:200px;
	}
	
.GridFilterEditDataBox {
	border-right:  black 1px solid;
	border-top:  black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
/* ----- Grid Search Control ----- */
.GridSearchDataBox {
	border-right: black 1px solid;
	border-top:  black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

/* ----- Grid Sort Control ----- */
.GridSortDataBox {
	border-right: black 1px solid;
	border-top:  black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:200px;
	}
	
/* ----------------- RichList Controls ----------------------------- */
.RichListControl {
	width:100%;
/*	border-right: #d5d5d5 1px solid;
    border-top: #d5d5d5 1px solid;
    border-left: #d5d5d5 1px solid;
    border-bottom: #d5d5d5 1px solid;*/
 
  margin-left:0px;
	}

.RichListHeader {
	font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:2 4 2 6;

	}
.RichListItems 
{
/*	color:Green;*/
	background-color:white;
	 	  padding-left:2px;
	 	  padding-right:4px;
	 	  padding-bottom:2px;
	}
.RichListItems:Link
{
	color:Red;
}

.RichListItems:Link:Hover
{
	color:Red;
}
.RichListAlternatingItems {
	background-color:white;
	 padding-left:2px;
	  padding-right:4px;
	   padding-bottom:4px;
	}

.RichListFooter {
	background-color:#DCDCDC;
	text-align:right;
	border-top: #d5d5d5 1px solid;
	padding:2 4 2 4;
	}

.ItemSeperator1
{
	width:70%;
	text-align:center;
	color:#DCDCDC;
	
	
}
.ItemSeperator80
{
	width:80%;
	text-align:center;
	color:#DCDCDC;
	
	
}
		
/* --------------------------- Field List Controls ------------------------------- */
.FieldListControl {
	border: solid 1px #ebebeb;
}

.FieldListControlCell {
	width:49%;
	vertical-align:top;	
	border: solid 1px green;
	}

.FieldListControlPadCell {
	width:2%;
	}

.RowTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
	}
	
.FieldListLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    text-align:right;
    width:150px;
    background-color:#dcdcdc;
    border:solid 1px #dcdcdc;
	}    

.FieldListLabelReq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    text-align:right;
    width:150px;
    background-color:#bcbcbc;
    border:solid 1px #bcbcbc; 
	}

.FieldListDatabox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:300px;
    background-color:#ffffff;
    border:solid 1px #cccccc;
	}

.FieldListDataArea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:450px;
    background-color:#ffffff;
    border:solid 1px #cccccc;
	}

.FieldListIcon {
	vertical-align:bottom;
	}

.FieldListCheckBox {
	border-style:none;
	}

.FieldListHidden {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-style: none;
    background-color:Transparent;
    color:#ffffff;
    width:2px;
	}

.FieldListLabelLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    /*font-weight:bold;*/
    width:150px;
    background-color:#dcdcdc;
    border:solid 1px #ffffff;
    text-align:right;   
	}


Div.newFieldLabel
{
font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
font-size:small;
 
background-color:white;
border:solid 0px white;
text-align:right;
float:left;
font-weight:bold;
margin-right:3px;
width:120px;
}

Div.newFieldLabelLong
{
font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
font-size:small;
text-align:right;
float:left;
font-weight:bold;
margin-right:3px;
width:180px;
}
Div.newFieldLabelshort
{
font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
font-size:small;
 
background-color:white;
border:solid 0px white;
text-align:Left;
float:left;
font-weight:bold;
margin-right:3px;
width:80px;
}

Div.newFieldLabelText
{
font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
font-size:1.0em;
background-color:#ffffff;
float:left;
text-align:Left;
width:225px;
overflow:hidden;
}


.FieldListLabelText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    width:300px;
    background-color:#ececec;
    border:solid 1px #ffffff;
	}

.FieldListPicture {
	margin-left: 20;
	border: solid 1px #333333;
	}



/* ----- Button Controls ----- */
.Button {
	background-color:#DCDCDC;
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-right:10px;
	}



.ButtonRed {
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E51837;
	text-align: center;
	border: 1px solid #FFFFFF;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}

.ButtonBrown {
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CCA205;
	text-align: center;
	border: 1px solid #FFFFFF;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}


	
div.buttonwrap  {
	margin:10px 0 10px 0;
	}
	
div.spotbuttonred, div.spotbuttonblue, div.spotbuttongreen, div.spotbuttonBrown{
	background-repeat:no-repeat;
	background-position: right center;
	padding: 5px 0 5px 0;
	display:inline;
	/*margin-right:10px;*/
	}
	
div.spotbuttonred div,div.spotbuttonBrown div, div.spotbuttonblue div, div.spotbuttongreen div {
	padding: 5px 0 5px 10px;
	margin-right: 10px;
	margin-top:1px;
	display:inline;
	background-repeat:no-repeat;
	background-position: 0px 1px;
	}
	
div.spotbuttonred a, div.spotbuttonblue a,div.spotbuttonBrown a, div.spotbuttongreen a {
	text-decoration:none;
	color:white;
	font-family: "Lucida Grande", Geneva, Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:14px;
	font-weight:bold;
	}
	
/* ----- red ----- */
div.spotbuttonred {
	background-image:url("../images/fipp_but_red_corner.png");
	}
	
div.spotbuttonred div {
	background-image:url("../images/fipp_but_red_bg.png");
	}

/* ----- Brown ----- */
div.spotbuttonBrown {
	background-image:url("../images/fipp_but_brown_corner.png");
	}
	
div.spotbuttonBrown div {
	background-image:url("../images/fipp_but_brown_bg.png");
	}

/* ----- blue ----- */
div.spotbuttonblue {
	background-image:url("../images/fipp_but_blue_corner.png");
	}
	
div.spotbuttonblue div {
	background-image:url("../images/fipp_but_blue_bg.png");
	}
	
/* ----- green ----- */
div.spotbuttongreen {
	background-image:url("../images/fipp_but_green_corner.png");
	}
	
div.spotbuttongreen div {
	background-image:url("../images/fipp_but_green_bg.png");
	}
	
div.spotbuttongreen a {
	color: #ffffff;
	}
	
/* ----- Miscellaneous Controls ----- */
.errorlabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	/*font-weight:bold;*/
    color:Red;
   background-color:Transparent;
	}

/* ----- LinkList Controls ----- */
.LinksListHeader {
	Font-Size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	background-color:#0000FF;
	color:white;	
	}

/* ----- Footers ----- */
.footercontent {
	/*border-top: 1px solid #999999;*/
	}

div#sponsorsfooter {
	clear:both;
	padding:7px;
	margin: 0 auto 0 auto;
	border: 1px solid #999999;
	border-top-width:0;
	}
	
div#sponsorsfooter div {
	float:left;
	padding: 0 0 0 10px;
	font-size:12px;
	font-weight:bold;
	}

div#sponsorsfooter img {
	border:0;
	margin-right:8px;
	}
	
div#footer {
	width: 900px;
	height:60px;
		color: #666666;
	text-align:left;
	vertical-align:middle;
	margin: 0 auto 0 auto;

	}
	

div#footer a {
	color: #666666;
	font-size:xx-small;
	text-decoration:none;

	}
	

	
div#footer div.addresses {
	margin-top: 8px;
	font-size:xx-small;
	
	}

div.afterwrapperlinks {
	color: #999999;
	margin-top: 8px;
	text-align:center;
	}
	
div.afterwrapperlinks a {
	color: #999999;
	text-decoration:none;
	}
	
div.afterwrapperlinks a:hover {
	color: #333333;
	text-decoration:underline;
	}

/* ----- SubScription ----- */

div.SubcriptionGroup
{
	width:100%
}


Div.SubscriptionItem
{
 vertical-align:middle;
 	
}

Div.Subrequests
{
 margin-left:10px;
 background-color:#DCDCDC;
}
Div.subLabel
{
	font-weight:bold;
 text-decoration:Underline;
	 
	
}


Div.AddressPanel1
{
	float:left;
	width:325px;
	height:150px;
	margin-bottom:4px;
}

Div.AddressPanel2
{
	float:left;
	width:325px;
}

div.SubcriptionItems
{
	float:left;

	 margin-left:4px;
	width:78px;
}
div.SubcriptionItemsText
{
	
	 margin-top:15px;
		float:left;
		width:115px;
	
}
.SubSupplierPanellbl
{
	
	padding-left:23px;
	margin-left:0px;
}

.ImageMax200
{
	max-width: 200px;
	/* Resize the image for IE6 */
	width: expression(this.width > 200 ? 200: true);

}