﻿/***************STRUCTURE***************************/
/*Reset*/
.AdminArea
{
    background-color: #CCCCCC;
    color: #808080;
    border: 5px solid #E2E2E2;
    padding: 5px;
}
.pager
        {
    border: 5px solid #E4E4E4;
    background-color: #D7D7D7;
    padding: 5px;
    margin-top: 5px;
}
.pagerBtn
{
    padding: 4px;
}
.pagerBtnDisabled
{
    background-color: #FF00FF;
}

.folderTypes
        {
    margin: 10px 0px 0px 0px;
    border-style: none none solid none;
    border-width: 0px 0px 5px 0px;
    border-color: #DDDDDD;
    background-color: #FFFFFF;
    padding: 3px;
    color: #666666;
}
.keywordError
{
    margin: 10px 0px 0px 0px;
    border-style: none none solid none;
    border-width: 0px 0px 5px 0px;
    border-color: #FF061A;
    background-color: #FFFFFF;
    padding: 3px;
    color: #666666;
}

* {
margin:0;
padding:0;
    text-align: left;
    font-family: "Trebuchet MS";
}
.spacer
{
    display: block;
}
.forumThreadLeftCol
        {
    padding: 15px;
    width: 200px;
    float: left;
    position: relative;
}
.forumThreadMessageHolder
{
    width: 675px;
    float: left;
    padding: 15px;
    background-color: #EAEAEA;
    border: 1px dashed #999999;
    position: relative;
}

body
{
    min-width: 640px;
    background-color: #FFFFFF;
    font-size: 15px;
}
a
{
    text-decoration: none;
    color: #660033;
}
/* Absolute positioned header for all browsers*/
a:hover
{
    text-decoration: underline;
}
a:active
{
    text-decoration: underline;
    color: #990033;
}
#header-wrapper
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url('images/grad.gif');
}
/* Reset header position to fixed for real browsers such as Firefox*/
body>#header-wrapper {
	position:fixed;
}

#header
{
    height: 58px;
    width: 100%;
    margin: 0 auto;
    background-position: #660033;
    color: #fff;
    background-image: url('file:///C:/websites/photo4me/htdocs/members/images/grad.gif');
    padding-top: 15px;
    padding-left: 15px;
}
#header a {
	color:#fff;
}
#content-wrapper {
    padding: 4em 0 60px 0;
    voice-family: "\"}\"";
    voice-family: inherit;
}

body>#content-wrapper {
	margin-left:0;
}

#footer-wrapper
{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
}

body>#footer-wrapper {
	position:fixed;
}

/*Global navigation*/
#nav {
	position:relative;
	top:2.5em;
	width:100%;
	padding:0 0 2px;
    height:1em;
	}
	
#nav ul {
	float:left;
	width:100%;
	list-style-type:none;
	}
	
#nav li {
	display:inline;
	float:left;
	width:auto;
	}
	
#nav a {
	padding:3px 3px 3px 3px;
	margin-left:4px;
	margin-right:4px;
	color:#fff;
	text-decoration:none;
	display:block;
	float:left;
	width:auto;
	font:bolder 1.2em/100% Helvetica, sans-serif;
	letter-spacing:2px;
	}
	
#nav a:hover {
	border-bottom:1px solid #fff;
	}

#nav a:active {
	background:#660033;
	color:#fff;
	}

#logo-text {
	font-family:Zapf Chancery, cursive ;
	font-size:25px;
	margin-left:5px;
	padding-top:5px;
	line-height:25px;
}
#logonHolder
{
    left: auto;
    right: auto;
    width: 300px;
}

/***************STYLE***************************/
body, html
{
    font-family: "Lucida Grande" , Geneva, Verdana, Arial, Helvetica, sans-serif;
    background-position: #FFFFCC;
    color: #000;
    font-family: "Trebuchet MS" , Georgia, Verdana, Arial, Helvetica, sans-serif;
    background: #FFFFFF;
}



h1,
h2 {
    padding: 0;
    margin: 0 0 0 0px;
}

h1 {
    font-size: 1.3em;
    text-align: left;
    padding-top: 0.5em;
    padding-bottom: .5em;
}

h2 {
    margin: 5 0px 5px 0px;
    padding: 0em;
    font-size: 1.1em;
}
h3 {
    background-image: url(../images/graphics/bubR.jpg);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}
h4
{
    background-image: url('images/annouce.gif');
    background-repeat: no-repeat;
    height: 25px;
    padding-left: 35px;
    padding-top: 2px;
    margin: 5px;
}
#footer
{
    padding: 15px;
    width: 100%;
    height: 30px;
    margin: 0 auto;
    font-size: medium;
    background-color: #CCCCCC;
    position: relative;
}

#footer p {
	margin:0 0 0 5px;
	padding:0;
}

#footer a {
	color:#fff;
}
.aboutUsHolders
    {
    width: 250px;
    padding-top: 25px;
}

p
{
    padding: 0px;
    margin: 0;
    font-size: 12px;
}

code, pre {
	color:#336600;
	font-family:font-family:Courier;
	font-size:14px;
	margin-bottom:1em;
	margin-left:10px;
}

div.ad-box {
	width:336px;margin:1em 5px 0 5px;
	height:280px;
	float:right;
	clear:right;
	background:#fff;
}
div.footer-ad {
	width:468px;
	height:15px;
	padding-top:20px;
	margin-left:10px;
}
#content
{
    padding: 15px 0px 0px 0px;
    color: #000;
    min-width: 680;
    margin: 0 auto;
    z-index: 100;
}
#content a:link, #content a {
	font-weight: bold;
}
#content a:hover {
}
#content a:visited {
    color:#660000;
}
#content a:active {
	color:red;	
}

.frmLogon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	margin: 2px;
	font-size: 12px;
	background-color: #DADADA;
	font-weight: bold;
	border: 2px solid #CCCCCC;
	color: #660033;
}
.frmLightBorder {
	width: 400px;
	border: 5px solid #E2E2E2;
	padding: 5px;
}
.frmTitles {
	font-size: 14px;
	font-weight: bold;
}
fieldset {
	padding: 4px;
}
.btnSubmit {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #660033;
    background-image: url('images/btnGrad.gif');
    height: 25px;
    background-position: -2px;
    background-repeat: repeat-x;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.btnCartEdit {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #660033;
    background-image: url('images/btnGrad.gif');
    height: 25px;
    background-position: -2px;
    background-repeat: repeat-x;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    width: 150px;
    text-align: center;
}
.btnCheckOut {
    border-style: solid;
    border-width: 2px 0px 2px 0px;
    border-color: #00CC66 #00CC66 #006600 #00CC66;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #009933;
    height: 25px;
    background-position: -2px;
    background-repeat: repeat-x;
    width: 150px;
    text-align: center;
}
.comment {
	padding-bottom: 10px;
}
.posterOrStock {
	font-size: 10px;
	color: #333333;
	border: 1px dashed #CCCCCC;
	margin-top: 10px;
	width: 185px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	background-color: #EAD5E7;
}
#frmFilterPhotos {
	padding: 5px;
	color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.txtAwaitingApproval {
	font-weight: normal;
	font-size: 10px;
}
.txtBold {
	font-weight: bold;
}
	
.txtSmall
{
    font-size: 12px;
}
.salesHeader
{
    border-style: none;
    border-width: 0px;
    background-image: url('images/btnGrad.gif');
    height: 25px;
    color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
}
.salesHeader a
{
    color: #C0C0C0;
}
.salesHeader a:hover
{
}
.salesHeader a:visited
{
    color: #C0C0C0;
}
.salesInfo
{
    border-style: none none solid none;
    border-width: 1px;
    border-color: #808080;
    padding: 15px 5px 15px 5px;
}
.salesHeader a:active
{
    color: #FFFFFF;
    text-decoration: underline;
}
.detailsAlert
{
    border-style: none solid solid solid;
    border-width: 15px;
    border-color: #E2E2E2;
    padding: 15px;
    background-color: #660033;
    color: #FFFFFF;
    font-weight: normal;
    font-size: small;
}
.detailsAlert a
{
    border: 1px solid #CC6699;
    background-color: #FFFFFF;
    color: #660033;
    padding: 5px;
    margin-top: 15px;
}
.detailsFacebook
{
    border: 10px #E2E2E2 solid;
    padding: 15px;
    color: #333333;
    font-weight: normal;
    font-size: small;
}
.detailsLinkin
{
    position: relative;
    top: -25px;
    left: 445px;
}
.detailsSpacer
        {
            padding-top: 15px;
        }
.faceBookBtn
{
    border: 1px solid #FFFFFF;
    padding: 5px 5px 5px 40px;
    background-color: #6379AD;
    height: 36px;
    color: #FFFFFF;
    font-weight: bold;
    background-image: url('images/graphics/fb.jpeg');
    background-repeat: no-repeat;
}
.error
{
    color: #FF0000;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}
.errorCritique
{
    border: 5px solid #CC0066;
    padding: 5px;
    color: #666666;
    background-color: #E1E1E1;
    margin-bottom: 10px;
    width: 280px;
}
.frontPageHolder
{
    color: #000;
    min-width: 900;
    width: 1000px;
    margin: 0 auto;
}
.frontPageTopBox
{
    border: 10px solid #EEEEEE;
    padding: 10px;
    margin-bottom: 5px;
}
.hotShotHoder
{
    padding: 0px;
    margin: 0px;
}
.feelingHolder
{
    border-style: none dotted none none;
    border-width: 2px;
    border-color: #DED7DE;
    position: relative;
    float: left;
}
.latestMembers
{
    width: 450px;
    padding-left: 15px;
}
.paging
{
    background-color: #DADADA;
    padding: 5px;
    border-bottom-style: solid;
    border-width: 6px;
    border-color: #999999;
}
.salesFooter
{
    background-color: #C0C0C0;
}
.robin
{
    position: absolute;
    top: 7px;
    left: 0px;
    width: 25px;
    height: 25px;
    z-index: 5;
}
.standardAlert
{
    color: #666666;
    background-color: #DFDFDF;
    border: 2px dotted #C0C0C0;
    font-size: small;
    font-weight: bold;
    padding: 5px;
    margin: 5px;
}
.advert
{
    min-width: 680;
    max-width: 1000;
    z-index: 100;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.whoBox
{
    width: 200px;
    height: 200px;
}
.whoStatusHolder
{ 
    height: 35px;
    width: 150px;
    font-size: 14px;
    margin-top: 2px;
 }

.new
{ 
    color: #FF3399;
    font-size: 14px;
 }

.frmDeliveryAddress
{
    width: 200px;
    height: 30px;
    font-size: 16px;
}
.frmDeliveryAddressStreet
{
    width: 200px;
    font-size: 16px;
}
.frmDropHeight
{
    position: relative;
    padding: 2px;
    text-align: center;
}

ul
{
    margin: 15px;
}

.emoticons
{
    width: 930px;
    padding: 5px;
    border: 5px solid #D4D4D4;
    margin-right: 5px;
    margin-left: 5px;
}
.threadReply
{
    padding: 10px;
    width: 920px;
    border-style: none solid solid solid;
    border-width: 5px;
    border-color: #D4D4D4;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #FFFFCC;
}
.frameDisplay
        {
    float: left;
    margin-right: 15px;
    margin-bottom: 0px;
}
.imageRequestNote
{
    border: 3px solid #EEEEEE;
    font-size: 12px;
    margin-left: 40px;
    padding: 5px;
    margin-top: 5px;
}
