body {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width:1020px;
height: 100%;
margin: auto;
font-family:Arial,verdana;
background:#000;
padding-right: 3px;
color:#b2b2b2;
}
button{
background-color:#333;
color:#555;
padding:5px;
border:1px solid #777;
font-weight:bold;
cursor:pointer;
}
button:hover{
background-color:#555;
color:#999;
border:1px solid #ddd;
}
h1,h2,h3 {
color:#b2b2b2;
font-weight:bold;
}
h1{
font-size:2em;
}
h2{
font-size:1.7em;
}
h3{
font-size:1.4em;
margin-top:20px;
}
.withback{
background-color:#b2b2b2;
color:#000;
border:1px solid #b2b2b2;
padding-left: 10px;
margin-bottom: 10px;
}
table.phora{
border:1px solid #b2b2b2;
}
thead{
background-color: #ffb600;

}
th{
font-size:1em;
font-weight:bold;
color:black;
padding:14px 6px 6px 6px;
}
th.right{
text-align:right;
}
td{
padding:4px 6px;
cursor:pointer;
}
td.right{
text-align:right;
}
tr:hover{
background-color:#ffd873;
color:black;
}
p{
font-size:.8em;
margin-bottom:8px;
color:#b2b2b2;
}
a{
font-size:.9em;
color:#64a9d0;
cursor:pointer;
}
a:hover{
color:#ffb600;
}
select{
background-color:#ffd873;
}
img.logo{
}

/*************Pagination************/
#pagination{
/*text-align: center; /* counter the body center 
padding-left:45px*/
float:left;
width:1000px;
margin:5px 0 5px 45px;
display:none;
}
#thumbwait{
display:none;
opacity:.4;
background-color:#fff;
position:absolute;
width:930px;
background-image:url("images/arrows.gif");
height:25px;
}
#pagination button{
float:left;
margin:2px;
text-align: center;
text-decoration:none;
font-weight: bold;
cursor:pointer;
height:24px;
border:0;
}
button.nepr, button.neprinactive{
width:30px;
background-image:url("images/paginationnepr.png");
background-repeat: no-repeat;
color:#555;
float:left;
margin-right:2px;
}
button.nepr:hover{
background-image:url("images/paginationneprhover.png");
background-repeat: no-repeat;
color:#b2b2b2;
}
button.fila, button.filainactive{
width:70px;
background-image:url("images/paginationfila.png");
background-repeat: no-repeat;
color:#555;
float:left;
}
button.fila:hover{
background-image:url("images/paginationfilahover.png");
background-repeat: no-repeat;
color:#b2b2b2;
}
button.curpage{
width: 50px;
background-image:url("images/paginationselect.png");
background-repeat: no-repeat;
color:#b2b2b2;
}
button.dig, button.diginactive{
width: 50px;
float:left;
background-image:url("images/pagination.png");
background-repeat: no-repeat;
color:#555;
}
button.dig:hover{
background-image:url("images/paginationhover.png");
background-repeat: no-repeat;
color:#b2b2b2;
}
td.arrownext{
width:40px;
}
div.next{
height: 50px;
width:30px;
margin-left: 8px;
background-image:url("images/next.png");
background-repeat: no-repeat;
color:#252525;
cursor:pointer;
font-size:2em;
font-weight:bold;
}
div.next:hover{
background-image:url("images/nexthover.png");
background-repeat: no-repeat;
color:#000;
}
div.prev{
height: 50px;
width:30px;
background-image:url("images/prev.png");
background-repeat: no-repeat;
color:#252525;
cursor:pointer;
font-size:2em;
font-weight:bold;
}
div.prev:hover{
background-image:url("images/prevhover.png");
background-repeat: no-repeat;
color:#000;
}
/****sidetabs*********/
#sidetabs{
position:absolute;
}
#sidetabs div{
width:38px;
position:relative;
margin-left:0px;
}
div.slidetab{
cursor:pointer;
}
div.slidetab1{
height:100px;
background-image:url("images/mail-tab.png");
background-repeat: no-repeat;
top: 90px;
cursor:pointer;
z-index:99;
}
div.slidetab1:hover{
background-image:url("images/mail-tab-hover.png");
background-repeat: no-repeat;
}
div.mailnotification{
background-image:url("images/mailnotification.gif");
background-repeat: no-repeat;
}
div.slidetab2{
height:100px;
background-image:url("images/forum-tab.png");
background-repeat: no-repeat;	
top: 95px;
z-index:99;
}
div.slidetab2:hover{
background-image:url("images/forum-tab-hover.png");
background-repeat: no-repeat;	
}
div.forumnotification{
background-image:url("images/phorumnotification.gif");
background-repeat: no-repeat;
}
div.slidetab3{
height:100px;
background-image:url("images/upload-tab.png");
background-repeat: no-repeat;
top: 100px;
z-index:99;
}
div.slidetab3:hover{
background-image:url("images/upload-tab-hover.png");
background-repeat: no-repeat;
}
div.slidetab4{
height:100px;
background-image:url("images/review-tab.png");
background-repeat: no-repeat;
top: 105px;
z-index:99;
}
div.slidetab4:hover{
background-image:url("images/review-tab-hover.png");
background-repeat: no-repeat;
}
div.slidetab5{
height:100px;
background-image:url("images/settimngs-tab.png");
background-repeat: no-repeat;
top: 0px;
}
div.slidetab6{
height:100px;
background-image:url("images/settings-tab.png");
background-repeat: no-repeat;
top: 110px;
z-index:99;
}
div.slidetab6:hover{
background-image:url("images/settings-tab-hover.png");
background-repeat: no-repeat;
}
div.slidetab7{
height:100px;
background-image:url("images/login-tab.png");
background-repeat: no-repeat;
top:100px;
z-index:99;
}
div.slidetab7:hover{
background-image:url("images/login-tab-hover.png");
background-repeat: no-repeat;
}
div.slidetab8{
height: 200px;
background-image:url("images/join-tab.png");
background-repeat: no-repeat;
top:105px;
z-index:99;
}
div.slidetab8:hover{
background-image:url("images/join-tab-hover.png");
background-repeat: no-repeat;
}
#slidecontainer{
width:965px;
height:728px;
position:absolute;
background:#3D3D3D;
background-image:url("images/background1.png");
display: none;
top: 120px;
border-top: 1px solid #AAA9A9;
border-bottom: 1px solid #AAA9A9;
border-right: 1px solid #AAA9A9;
z-index:99;
}
/*****Photo Page *****/
div.topbuttonholder{
margin: 20px 340px 20px 340px;
display:block;
height:50px;
padding:5px 20px;
}
span.overview{
background-image:url("images/overview.png");
background-repeat: no-repeat;
width:150px;
height: 50px;
float:left;
}
span.favorite{
background-image:url("images/favorite.png");
background-repeat: no-repeat;
width:150px;
height: 50px;
float:right;
}
img.bigimage{
display:block;
margin-left:auto;
margin-right:auto;
}
div.pictureholder{
clear:both;
}
span.star{
background-image:url("images/star-sel.png");
background-repeat: no-repeat;
width:20px;
height: 20px;
float:right;
}
#starholder{
height: 100px;
padding-left:10px;
}
label.starclass{
color:#fff;
display:block;
width:300px;
text-align:center;
}
label.starclasssub{
color:#fff;
width:150px;
float:left;
text-align:center;
}
span.compo{
float:left;
width:300px;
}
span.own{
width:125px;
float:left;
display:block;
margin-left: 25px;
}
span.star{
float:left
}
span.cat{
display:block;
float:left;
margin:10px 10px 10px 10px;
border:1px solid #b2b2b2;
padding:5px;
}
div.stars{
display:block;
clear:both;
}
div.starlabels{
display:block;
}
/********* LOGIN ******************/
#loginholder{
border: 1px solid #b2b2b2;
padding: 20px 20px;
background-color:#252525;
width:500px;
height:600px;
margin:20px 0 0 200px;
}
#spinningicon{
height: 30px;
display:none;
}
#loginerror{
clear:both;
float:left;
margin-top: 10px;
width: 500px;
background-color:#CC3D3D;
padding:10px 0;
display:none;
color:#000;
font-size:1em;
text-align:center;
}
#request{
display:none;
}
div.inputholder{
padding: 5px 0 5px 0 ;
clear:both;
}
div.login{
display:inline;
float: left;
}
div.request{
display:inline;
float: left;
}
div.remember{
padding: 5px 0 5px 0 ;
margin-top:10px 0;
}
input.remember{
margin-top:8px;
float:left;
}
fieldset.login{
margin:10px 0px 0px 0px;
border: 1px solid #b2b2b2;
padding:10px;
background-color:#000;
display:block;
}
label.slidebox{
color:#b2b2b2;
font-size:1em;
float:left;
font-weight:bold;
width:185px;
margin-left:30px;
}
legend.slidebox{
background-color:#b2b2b2;
padding: 2px 17px;
color:#000;
font-weight:bold;
margin-left:30px;
border: 1px solid #b2b2b2;
}
button.loginbutton, button.requestbutton, button.joinbutton{
margin: 10px 0 10px 215px;
padding:3px 10px;
color:#b2b2b2;
}
button.joinbutton{
background-color:#666;
border:1px solid #b2b2b2;
}
button.joinok{
background-color:#151515;
border:1px solid #b2b2b2;
}
hr.joinline{
clear:both;
margin:7px px;
}
input.inputtext{
padding:2px 0 2px 5px;
}
#tabs{
height:730px;
margin-bottom:30px;
}
#tabholder{
background-image:url("images/menubaack.png");
background-color:#151515;
width:980px;
height:70px;
border:1px solid #929292;
margin:10px 0 10px 10px;
}
#contentholder{
clear:both;
width:1000px;
height:730px;
border:1px solid #929292;
}

span.tabbut{
float:left;
width:108px;
height:60px;
cursor:pointer;
margin:10px 3px 0 3px
}
span.tabbutstart{
margin-left:80px
}
span.tabhome{
background-image: url("images/home.png");
}
span.tabhome:hover{
background-image: url("images/home-hover.png");
}
span.tabpictures{
background-image: url("images/pictures.png");
}
span.tabpictures:hover{
background-image: url("images/pictures-hover.png");
}
span.tabshowcase{
background-image: url("images/showcase.png");
}
span.tabshowcase:hover{
background-image: url("images/showcase-hover.png");
}
span.tabmonththeme{
background-image: url("images/theme.png");
}
span.tabmonththeme:hover{
background-image: url("images/theme-hover.png");
}
span.tabphotoedit{
background-image: url("images/photoedit.png");
}
span.tabphotoedit:hover{
background-image: url("images/photoedit-hover.png");
}
span.tabnewsletter{
background-image: url("images/newsletter.png");
}
span.tabnewsletter:hover{
background-image: url("images/newsletter-hover.png");
}
span.tabmypodium{
background-image: url("images/mypodium.png");
}
span.tabmypodium:hover{
background-image: url("images/mypodium-hover.png");
}
span.tabreviews{
background-image: url("images/reviews.png");
}
span.tabreviews:hover{
background-image: url("images/reviews-hover.png");
}

div.joinerror{
background-color:#C22803;
border:1px solid #FFE70C;
color:#FFE70C;
padding:3px 10px;
margin:5px 0 15px 25px;
font-size:.8em;
float:left;
width:430px;
}
div.joinok{
background-color:#5F863A;
border:1px solid #008000;
color:#000;
}
input.span-4{
width:250px;
padding:2px 5px;
}
#join2, #join3, #join4{
display:none;
}
div.headerinfo{
margin: 0 20px -3px 0;
float:right;
}
span.headerinfo{
font-size:.8em;
color:#444;
}
span.headerinfo:hover{
color:#DBB600;
}
#footer{
float:left;
width:1024px;
height:40px;
background-image:url("images/footer.png");
}
div.disclaimer{
clear:both;
font-size:.75em;
font-style: italic;
color:#fed189;
font-weight:normal;
text-align:center;
margin-bottom:10px;
}
#disclaimer a{
font-size:.8em;
color:#fed189;
font-weight:bold;
text-decoration:none;
}
#disclaimer a:hover{
color:#fda03a;
}



/************JQUERY IMPROMPTU************/
.jqifade{
	position: absolute;
	background-color: #aaaaaa;
	z-index:9992110;
}
div.jqi{
	width: 400px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
	z-index:9992110;
}
div.jqi .jqicontainer{
	font-weight: bold;
}
div.jqi .jqiclose{
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
	z-index:9992110;
}
div.jqi .jqimessage{
	padding: 10px;
	line-height: 20px;
	color: #444444;
}
div.jqi .jqibuttons{
	text-align: right;
	padding: 5px 0 5px 0;
	border: solid 1px #eeeeee;
	background-color: #f4f4f4;
}
div.jqi button{
	padding: 3px 10px;
	margin: 0 10px;
	background-color: #2F6073;
	border: solid 1px #f4f4f4;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
div.jqi button:hover{
	background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
	background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
	background-color: #BF5E26;
}