/*Photo border: #5f7284*/
	/*Pink: #e04096*/
	/*Darker Pink #d93e91*/
	/*Blue: #7bcfdc*/
	/*Very dark blue, dots, text: #091c36*/

body 
{
	margin: 0px;
	background-color: #1a2e45;
    background-image: url(../images/background.main.gif);
	background-position: top center;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
}
a
{
	text-decoration: none;
	color: #091c36;
}
a:active 
{
    border: none;
}
img
{
	border: 0px; 
}
br
{
	display: block;
    float: none;
	clear: both;
}
h1
{
	font-size: 120%;
	margin: 0px;
	font-style: italic;
	font-weight: bold;
	text-transform: capitalize;
}
h2
{
	font-size: 100%;
	margin: 0px;
	font-style: italic;
	font-weight: bold;
	text-transform: capitalize;
}
p
{
	font-style: italic;
}
#holder
{
    position: relative;
    width: 90%;
    margin: auto;
    
    background-color: #ffffff;
    overflow: visible;
}
#bgLeft
{
    background-image: url(../images/border.vert.gif);
    background-repeat: repeat-y;
    background-position: left bottom;
}
#bgRight
{
    background-image: url(../images/border.vert.gif);
    background-repeat: repeat-y;
    background-position: right center;
}
#bgBottom
{
    background-image: url(../images/border.horiz.gif);
    background-repeat: repeat-x;
    background-position: center bottom;
}
#main 
{
    padding: 11px;
}

#head
{
	background-color: #ffffff;
}
#strap
{
	display: block;
	width: 100%;
	position: relative;
	height: 100px;

	background-image: url(../images/strap.top.background.repeat.gif);
	background-repeat: repeat-x;
	background-position: 6px bottom;
	background-color: #ffffff;
	
	z-index: 100;
}
#strapPic
{
	display: block;
	float: left;
	position: absolute;
	left: 0px;
	top: 3px;
}
#strapText
{
	float: left;
	width: 100%;
	font-size: 70%;
	text-transform: uppercase;
	font-style: italic;
}
#topBar
{
	padding: 39px 0px 0px 80px;
}
#bottomBar
{
    width: 40%;
	padding: 14px 0px 0px 80px;
}
#tagLine
{
	float: left;
	width: 70%;
}
#logOff
{
	float: left;
	width: 29%;
}
#logOff a
{
	padding: 1px 18px 0px 0px;
	background-image: url(../images/icon.doubleArrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#strapLogo
{
	display: block;
	position: absolute;
	left: 100%;
	margin-left: -388px;
	width: 388px;
	height: 132px;
	padding-top: 22px;
	
	background-image: url(../images/logo.main.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	z-index: 100;
}

#nav
{
	width: 62%;
	position: relative;
	padding: 2px 0px 0px 6px;
	z-index: 200;
}
#nav a
{
	display: block;
	position: relative;
	float: left;
	width: 126px;
	
	text-align: center;
	font-weight: bold;
	font-size: small;
	color: #0b2444;
	
	margin: 0px -2px 0px -2px;
	padding: 6px 0px 3px 0px;
	
	background-image: url(../images/tab.blue.png);
	background-repeat: no-repeat;
	z-index: 6;
}
#nav a:hover
{
	background-image: url(../images/tab.pink.png);
	color: #FFFFFF;
	z-index: 8;
}

#panel
{
	display: block;
	float: none;
	clear: both;
	position: relative;

	background-image: url(../images/pane.background.png);
	background-color: #e04096;
	
	width: 100%;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	
	z-index: 5;
}
#panelTL
{
	display: block;
	position: relative;
	background-image: url(../images/pane.corner.tl.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#panelTR
{
	display: block;
	position: relative;
	background-image: url(../images/pane.corner.tr.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#panelBL
{
	display: block;
	position: relative;
	background-image: url(../images/pane.corner.bl.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#panelBR
{
	display: block;
	position: relative;
	background-image: url(../images/pane.corner.br.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#panelContent
{
	display: block;

	margin: 0px;
	padding: 25px 15px 20px 15px;

	color: #FFFFFF;
}
#pageContent 
{
    padding: 10px;
}
#foot
{
	display: block;
	padding: 20px 0px 0px 0px;
	font-size: 75%;
	font-weight: bold;
	font-style: italic;
}
#foot a
{
	padding: 0px 20px 0px 0px;
	color: #283b51;
}
#foot a:hover
{
	color: #000000;
}
#credit
{
	width: 90%;
    margin: auto;
	color: #eeeeee;
	font-size: 70%;
	text-align: right;
	padding: 10px 0px 10px 0px;
}
#credit img {
	vertical-align: top;
}

#feedback 
{
    display: block;
    font-style: italic;
    padding-bottom: 10px;
}

#pictureHolder
{
	/*EXPERIMENTAL*/
	width: 74%;
	float: left;
	
	/*clear: both;*/
	padding: 0px;
}
#pictureHolder h1, #pictureHolder h2, #editDetails h1
{
    display: inline;
    font-size: 140%;
    font-weight: bold;
    font-style: italic;
    color: #e04096;
    margin: 0px;
}
#pictureHolder h2 
{
    padding-left: 10px;
    color: #1a2e45;
}
#col2
{
    display: block;
    float: left;
    width: 26%;
    margin-left: auto;
    min-width: 160px;
}
#col2 #ads 
{
    display: block;
    margin: auto;
    width: 160px;
    clear: both;
}
#ads a.manual 
{
    display: block;
    padding: 1px 0px 1px 0px;
}

/*Styles for set summary*/
#setSummaryProfilePic
{
    
}
#setSummary 
{
    position: relative;
    display: block;
    float: left;
    width: 70%;
    padding: 0px 0px 10px 10px;
}
#setSummary h1
{
    display: block;
    font-size: 140%;
}
#setSummary h2
{
    display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ffffff;
}
#setSummary h2 a
{
    font-size: 60%;
}
#setSummary table
{
    border-collapse: collapse;
    width: 100%;
    font-size: 80%;
}
#setSummary th, .setSummary .rollInfo td 
{
    width: 30%;
    padding: 2px 4px 2px 4px;
}
#setSummary th
{
    font-weight: normal;
    text-align: left;
}
#setSummary td
{
    font-weight: bold;
    text-align: left;
}
#setSummary tr.odd
{
    background-color: #d93e91;
}

/*View picture styles*/
#options 
{
    padding: 6px;
    border-bottom: 1px dotted #091c36;
    margin-bottom: 10px;
    color: #091c36;
    height: 1.2em;
}
#options strong 
{   
    display: inline;
    padding: 0px 5px 0px 5px;
}
#options a
{
    color: #091c36;
}
#options a.inactive 
{
    color: #aaaaaa;
}
#optionsOne, #optionsTwo 
{
    display: block;
    float: left;
    width: 50%;
    text-align: left;
    font-style: italic;
}
#optionsTwo
{
    text-align: right;
}
#options.bottom 
{
    border-bottom: none;
    margin-bottom: 0px;
    
    border-top: 1px dotted #091c36;
    margin-top: 10px;
}

/*Editing and control styles*/
#editDetails 
{
    display: block;
    position: relative;
    float: right;
    
    width: 80%;
    padding: 12px;
    font-size: 80%;
    
    border-left: 1px dotted #091c36;
    background-color: #ffffff;
    z-index: 10;
}
#editDetails label
{
    display: block;
    width: 100%;
    clear: both;
    font-size: 90%;
    margin: 8px 0px 2px 0px;
}
#editDetails input, #editDetails select
{
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	padding: 2px;
}

#editDetails input[type='text'], #editDetails input[type='password']
{
    width: 97%;
}
#editDetails textarea 
{
    width: 97%;
}
#editDetails .checkBox input
{
    width: auto;
}

/*Styles for date picker*/
#editDetails table 
{
    /*width: 100%;*/
    font-size: 80%;
}
#editDetails td table
{
    font-size: 150%;
}

#editDetails #calHolder #Flight_Date_Picker
{
    display: block;
    position: absolute;
    background-color: #ffffff;
}
#editDetails #calHolder.large #Flight_Date_Picker, #editDetails #calHolder.small #Flight_Date_Text
{
    display: block;
}
#editDetails #calHolder.small #Flight_Date_Picker
{
    display: none;
}

#editDetails ul 
{
    font-size: 80%;
    padding-left: 2em;
}

/*Buttons*/
input#Submit, input#Send_picture, input#Cancel, input#Delete, input#Confirm, input#Rotate_left, input#Rotate_right, input#Profile_pic, input#Set_pic, input#Send_email, input#Add_comment, input#Finish, input#CheckIn_LoginButton, input#forgottenPassword_UserNameContainerID_SubmitButton, input#Add_more_pictures
{
    background-image: url(../images/button.background.green.gif);
    background-repeat: no-repeat;
    background-color: #43c03a;  
    border: 1px solid #43c03a;
    padding: 0px;
    margin: 2px 0px 2px 0px;
}
input#Submit 
{
    margin: 20px 0px 2px 0px;
}
input#Cancel
{
    background-image: url(../images/button.background.cyan.gif);
    background-color: #7bcfdc;  
    border: 1px solid #7bcfdc;
}
input#Delete, input#Confirm
{
    background-image: url(../images/button.background.red.gif);
    background-color: #ff2020;  
    border: 1px solid #ff2020;
    
    margin: 2px 0px 2px 0px;
}
input#Rotate_left, input#Rotate_right
{
    background-image: url(../images/button.background.yellow.gif);
    background-color: #ffc20f;  
    border: 1px solid #ffc20f;
    margin: 10px 2% 2px 0px;
    width: 49%;
}
input#Rotate_right 
{
    margin: 2px 0px 2px 0px;
}
input#Profile_pic, input#Set_pic, input#Finish, input#Add_more_pictures
{
    background-image: url(../images/button.background.yellow.gif);
    background-color: #ffc20f;  
    border: 1px solid #ffc20f;
}
input#Profile_pic 
{
    margin: 2px 0px 10px 0px;
}
input#CheckIn_LoginButton, input#forgottenPassword_UserNameContainerID_SubmitButton
{
    width: 52%;
    border: 1px solid #091c36;
}


/*Styles for profile summary*/
#profileSummary 
{
    position: relative;
    display: block;
    float: left;
    width: 70%;
    padding: 0px 0px 10px 10px;
}
#profileSummary h1
{
    display: block;
    font-size: 160%;
    border-bottom: 1px dotted #ffffff;
    margin-bottom: 20px;
	
	white-space: nowrap;
}
#profileSummary h1.gold
{
    padding-left: 90px;
    background-image: url(../images/clubClass.medium.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
#profileSummary h1 a, #profileSummary h2 a
{
    font-size: 40%;
}
#profileSummary h2
{
    display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ffffff;
	white-space: nowrap;
}
#profileSummary p 
{
    font-size: 80%;
    margin-top: 0px;
}
#profileSummary table
{
    display: block;
    float: left;
    border-collapse: collapse;
    width: 100%;
    font-size: 70%;
    
    margin: 0px 3% 0px 0px;
    border-right: 1px dotted #ffffff;
}
#profileSummary th
{
    padding: 2px 4px 2px 4px;
    font-weight: normal;
    text-align: left;
}
#profileSummary td
{
    font-weight: bold;
    text-align: left;
}
#profileSummary tr.odd
{
    /*background-color: #d93e91;*/
}

#profileSummary .col 
{
    display: block;
    float: left;
    
    width: 32%;
    margin-right: 1%;
}

#profileSummary .col a 
{
    display: block;
    width: 90%;
    padding: 4px;
    margin: 4px 0px 0px 0px;
    
    font-style: italic;
    font-weight: bold;
    font-size: 70%;
    text-transform: uppercase;
    
    background-color: #ffffff;
    background-image: url(../images/icon.doubleArrow.big.png);
    background-repeat: no-repeat;
    background-position: right center;
    
    opacity: 0.8;
    filter: alpha(opacity: 80);
}

#profileSummary .col a:hover
{
    opacity: 1;
    filter: alpha(opacity: 100);
}

a.emailLink 
{
    display: inline;
	padding: 0px 6px 0px 6px;
}
a.emailLink img 
{
    vertical-align: bottom;
}

/*Headings*/
.picGrid h1
{
    display: block;
    width: 98%;
    
    background-repeat: no-repeat;
    text-align: right;
    display: none;
}
#pixOfWeek h1, #latestPix h1, #myTopPix h1, #mostViewedFriends h1, #friendsViewingMe h1, #recentProfiles h1
{
    display: block;
    width: 98%;
    margin: 0px auto 4px auto;
    height: 60px;
    
    background-image: url(../images/heading.pixOfTheWeek.png);
    
    border-top: 1px dotted #091c36;
    border-bottom: 1px dotted #091c36;
}
#latestPix h1 
{
    background-image: url(../images/heading.latestPix.png);
}
h1 .headingText
{
    display: block;
    width: 25%;
    font-size: 60%;
    font-weight: bold;
    color: #091c36;
    text-transform: none;
    
    padding: 1em 0em 0em 70%;
}
#recentProfiles h1 
{
    background-image: url(../images/heading.newArrivals.png);
}

#myTopPix h1, #mostViewedFriends h1, #friendsViewingMe h1
{
    height: 36px;
}
#myTopPix h1 
{
    background-image: url(../images/heading.myTopPix.png);
}
#mostViewedFriends h1
{
    background-image: url(../images/heading.mostViewedFriends.png);
}
#friendsViewingMe h1
{
    background-image: url(../images/heading.friendsViewingMe.png);
}

/*Homepage main buttons*/
#mainOptions
{
    display: block;
    clear: both;
    position: relative;
    top: -20px;
    z-index: 20;
}
#mainOptions a 
{
    display: block;
    position: relative;
    float: left;
    width: 33.3%;

    background-repeat: no-repeat;
    background-position: center;
}
#mainOptions a:hover 
{
    
}
#mainOptions #viewNew
{
    background-image: url(../images/home.newArrivals.png);
    width: 270px;
    height: 215px;
    margin-bottom: -15px;
    background-position: top left;
}
#mainOptions #viewProfile
{
    background-image: url(../images/home.checkIn.png);
    height: 252px;
    width: 40%;
    width: 337px;
    position: relative;
    top: -23px;
    margin: 0px -60px -50px 0px;
    z-index: 5;
}
#mainOptions #search
{
    /*float: right;*/
    background-image: url(../images/home.search.png);
    width: 249px;
    height: 215px;
    background-position: top right;
}

a.searchUpgrade
{
    display: block;
    padding: 10px 0px 0px 10px;
}

#payPal 
{
    width: 100%;
    text-align: center;
}
.picGrid a.upgrade 
{
    display: block;
    width: auto;
    background-color: transparent;
}

#help
{
    display: block;
    font-size: 80%;
    background-image: url(images/help.1.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 2px 0px 20px 80px;
    margin: 0px 0px 20px 0px;
}

a#abovePic 
{
    display: block;
    clear: both;
}