﻿@import "master.css";
p
{
	padding:3px 0px 3px 0px;
}
h2
{
	font-size:130%;
	font-weight:bold;
}

h3
{
	font-size:105%;
	font-weight:bold;
	color:#333;
}

.showlink a:link
{
    color: #000;
    text-decoration:underline;
}
.showlink a:visited
{
    color: #000;
    text-decoration:underline;
}
.showlink a:hover
{
    color: #000;
    text-decoration:underline;
}

a:link
{
    color: #000;
    text-decoration:none;
}
a:visited
{
    color: #000;
    text-decoration:none;
}
a:hover
{
    color: #000;
    text-decoration:underline;
}
/**********************************/
/** Layout ************************/
/**********************************/

#pageContainer
{
    width:1000px;
    margin:0 auto;
    position:relative;
}
#logo
{
    position:absolute;
    top:25px;
}
#primaryNavigation
{
    width:930px;
    border-top:solid 1px black;
    height:20px;
    padding: 4px 0 0 0;
    margin-bottom:20px;
    float:right;
}
/*#login
{
    width:20%;
    float:right;
    height:30px;
    padding: 0 0 0 4px;
    margin-bottom:4px;
}*/
#contentWrapper
{
    width:100%;
    position:relative;
    text-align:center;
}
#mainContentContainer
{
    width:870px;
    float:right;
    position:relative;
    text-align:center;
    margin-bottom:10px;
}
#primaryContent
{
    width:100%;
    min-height:350px;
    position:absolute;
    top:150px;
    left:0px;
}
#secondaryContent
{
    width:100%;
    position:absolute;
    top:30px;
    left:0px;
}
div#left
{
    width:48%;
    height:100px;
    float:left;
    border-right:1px solid #ccc;
}
div#right
{
    width:48%;
    height:100px;
    float:right;
}
#adContent
{
    width:120px;
    float:left;
}
#pageFooter
{
	width:100%;
    height:135px;
    clear:both;
    border-top:solid 1px #000;
    
    padding-top:10px;
}
.myVegSwapLink
{
    float:right;
    margin: 75px 0 0 0;
}
.loginStatus
{
    float:right;
    margin: 75px 10px 0 0;
}

.footerColumn1
{
    width:160px;
    margin: 0 6px 0 16px;
    float:left;
}
.footerColumn
{
    width:160px;
    margin: 0 6px 0 6px;
    float:left;
}
.footerColumn2
{
    width:435px;
    margin: 0 6px 0 6px;
    float:left;
}

#accountSummary
{
    width:700px;
    float:right;
    text-align:left;
    margin-bottom:40px;
}

#contactDetails
{
    width:700px;
    float:right;
    text-align:left;
    margin-bottom:40px;
}

#offers
{
    width:700px;
    float:right;
    text-align:left;
    margin-bottom:40px;
}

/**********************************/
/** Typography & colours **********/
/**********************************/
body, html
{
	background-color:#fff;
	text-align:center;
	font-family:Tahoma;
	font-size:12px;
}
#primaryNavigation
{
    text-align:right;
    color: #333;
}
#secondaryNavigation
{
    text-align:left;
    color: #333;
    float:left;
    width:150px;
}

 #secondaryNavigation a
{
	background-image:url(../images/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:16px;
}

.mainHeading
{
    font-size:16px;
    color:#000;
    text-align:left;
    padding-left:10px;
    font-weight:bold;
}

.subHeading
{
    font-size:16px;
    color:#333;
    text-align:left;
    padding-left:10px;
    padding-bottom:5px;
    font-weight:bold;
}
    
#introduction
{
    text-align:left;
}
#searchSwaps
{
    background-color:Silver;
}
.veg
{
    color:#139033;          /* green */
    font-weight:bold;
}
.swap
{
    color:#F08136;          /* orange */
    font-weight:bold;
}
.introduction
{
    text-align:left;
    line-height:1.8;
}

.footerColumn, .footerColumn1
{
    text-align:left;
}

.footerColumn a:link, .footerColumn1 a:link
{
    color:gray;
    text-decoration:none;
}

.footerColumn a:visited, .footerColumn1 a:visited
{
    color:gray;
    text-decoration:none;
}

.footerColumn a:hover, .footerColumn1 a:hover
{
    color:gray;
    text-decoration:underline;
}

/*****************************************/
/* Register ************************/
/*****************************************/
.registerLabels
{
    float:left;
    width:25%;
    text-align:right;
    margin-bottom:14px;
    font-size:11px;
    
}

.registerFieldset
{
    width:380px;
    padding:0px;
    margin-bottom:10px;
    text-align:center;
}

.registerSubFieldset
{
    width:400px;
    padding-bottom:20px;
    margin-bottom:10px;
    padding-top:10px;
    margin-top:10px;
}

.registerLegend
{
    margin-bottom:12px;
    color:#139033;
    font-weight:bold;
}

#help
{
	text-align:left;
}

#help .question
{
	font-weight:bold;
	padding-top:15px;
}

#help .answer
{
	padding-top:5px;
	padding-left:30px;
}


/***********************************/
/*** Styles for GridView control ***/
/***********************************/
.gridView
{
    width:100%;
    border: 1px solid #000;
}
.gridViewwithoutlines
{
    width:100%;
}
.selectedRow
{
    background-color:#F08136;
}
.CancelledRow
{
	color:#999;
}
.CancelledRow td
{
	color:#999;
}
.alternatingRow
{
    background-color:#f5f5f5;
}

.gridView td, .gridView th
{
    padding:2px;
    text-align:left;
    font-size: 11px;
    border: 1px solid #000;
}
.gridView th
{
    text-align:center;
    font-weight: bold;
    border-bottom: 1px solid #000;
}
.gridViewwithoutlines td, .gridViewwithoutlines th
{
    padding:2px;
    text-align:left;
    font-size: 11px;
}
.gridViewwithoutlines th
{
    text-align:center;
    font-weight: bold;
}

/**************************************/
/*** Styles for DetailsView control ***/
/**************************************/
.detailsView
{
	
}
.detailsView td, .detailsView th
{
    padding:5px;
    text-align:left;
}
.fieldHeader
{
    font-weight:bold;
    width:70px;
    padding:10px;
    text-align:right;
}


/**********************************/
/** Webcam **/
/**********************************/
#CurrentPic
{
	float:left;
	width:50%;
	text-align:center;
	padding-top:50px;
}

#RecentPics
{
	float:right;
	width:45%;
	text-align:center;
	padding-top:10px;
}

/**********************************/
/** Borders for layout debugging **/
/**********************************/

/*#pageContainer{border:1px solid red;}
#branding{border:1px solid blue;}
#primaryNavigation{border:1px solid green;}
#contentWrapper{border:1px solid brown;}
#mainContentContainer{border:1px solid orange;}
#primaryContent{border:1px solid gray;}
#secondaryContent{border:1px solid black;}
#introduction{border:1px lime ;}
#searchSwaps{border:1px solid Fuchsia;}
#adContent{border:1px solid Purple;}
#pageFooter{border:1px solid Olive;}
.footerColumn{border:1px solid navy;}
#introduction{border:1px solid Teal;}
#search{border:1px solid Yellow;}
#login{border:1px solid Navy;}
.menu{border:1px solid red;}
.loginStatus{border:1px solid green;}
#secondaryNavigation{border:1px solid green;}
#accountSummary{border:1px solid red;}
#offers{border:1px solid red;}*/