body{
background: #4a4a4a url(../images/bgPattern.png);
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
color: #787878;
line-height: 1.3;
text-align: center
}

/*TOP NAVIGATION*/


#topnav{
background:  #121621;
color: #edecec;
text-align: right;
border-bottom: #efeeee 5px solid;
margin-bottom: 15px;
height:100px;
}

#logo {
	width:189px;
	height:50px;
	background:url(../images/beta.png) no-repeat left top;
	float:left;
	margin:0;
}


#topnav ul{
float:right;
margin:0;
padding-top:40px;
}

#topnav li{
display: inline;
padding-left: 10px;
}

#topnav a{
text-decoration: none;
color: #edecec;
}


#topnav a:hover{
text-decoration: none;
color: #0b8fe3;
}

/*END TOP NAVIGATION*/

#content_holder{
}

#content{
background: url(../images/content_bg.png) no-repeat;
background-color: #ffffff;
width: 950px;
text-align: left;
overflow: hidden;
padding-bottom:15px;
border: #6e6e6e 1px solid;
}

/*CONTENT LEFT*/

#content_left{
float: left;
width: 600px;
margin-left: 10px;
margin-top: 10px;
}


#content_left_full{
float: left;
width: 920px;
margin-left: 10px;
margin-top: 10px;
}

#content_left p, #content_left_full p {
	line-height:1.5;
	margin:10px 0;
}

h1, #content_left_full h1 a{
font-size: 21px;
font-weight: bold;
color: #484747;
/*padding-top: 20px;*/
padding-bottom: 5px;
color: rgb(11, 143, 227);
text-decoration:none;
}

h2, #content_left_full h2 {
font-size: 16px;
font-weight: bold;
color: #484747;
margin-top:0px;
}

h3{
font-size: 14px;
font-weight: bold;
padding-bottom: 5px;
color: #484747;
}

h4{
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
color: #484747;
margin-top:auto;
}

h5{
font-size: 14px;
font-weight: bold;
padding-bottom: 5px;
color: #484747;
}

#left_inside{
overflow: hidden;
height: 355px;
margin-bottom: 20px;
}

#share{
float: left;
width: 180px;
margin-left: 10px;
}

#social{
float: left;
width: 180px;
margin-left: 10px;
}

#upload{
float: left;
width: 180px;
margin-left: 15px;
}

#welcome{
background: #0b8fe3;
color:#fff;
height: 260px;
padding:10px;
border: black 1px solid;
}

/*END CONTENT LEFT*/

#content_right{
float: left;
width: 320px;
background: #beb8a7;
border: #aca592 1px solid;
margin-left: 10px;
margin-top: 10px;
padding:0;
}

#content_inside{
margin: 10px;
margin-top: 10px;
}

#pic_holder{
overflow: hidden;
}

#pic1{
height: 100px;
float: left;
width: 93px;
}

#pic2{
height: 100px;
float: left;
width: 93px;
margin-left: 10px;
}

#pic3{
height: 100px;
float: left;
width: 93px;
margin-left: 10px;
}

#text{
background: #d0cfcf;
padding:10px;
border: #ffffff 1px solid;
}

#footer_holder{
background-color: #1a1a1a;
width: 950px;
}

#footer{
padding-top: 15px;
padding-left: 15px;
overflow: hidden;
text-align: left;
}

#footer_holder a{
text-decoration: none;
color: #edecec;
}


#footer_holder a:hover{
text-decoration: none;
color: #0b8fe3;
}

#copyright{
float: left;
width: 230px;
padding-bottom: 15px;
}

#documentation{
float: left;
width: 230px;
padding-bottom: 15px;
margin-left: 15px;
}

#feedbacks{
float: left;
width: 220px;
padding-bottom: 15px;
margin-left: 20px;
}

#site{
float: left;
width: 190px;
padding-bottom: 15px;
margin-left: 20px;
}

#space{
height: 70px;
color: #ffffff;
}

#space a{
text-decoration: none;
color: #0386da;
}

#space a:hover{
text-decoration: underline;
color: #0386da;
}

.block { 
margin-bottom:20px;  
position:relative;
left:0;
} 

.beta {  
position:absolute;  
top: 30px; 
left: 10px; 
border: none;
}  

.block { 
margin-bottom:20px;  
position:relative;  
} 


.block2 { 
margin-bottom:20px;  
position:relative;  
} 

.get {  
position:absolute;  
top: 70px; 
right: 26px; 
border: none;
}  

#pagewrap{
/*position: absolute;  
z-index: 5;  */
}

#bubbleWrap { /* Wrapper for my bubbles */  
position: absolute;  
z-index: 20;  
left: 205px;  
top: 130px;
}  

.bubble {  
position: absolute;  
} 

a{
text-decoration: underline;
color: #247909;
}


a:hover{
text-decoration: underline;
color: #e80707;
}

/* styles */

#bannerTop {
	width:950px;
	margin:0 auto;
}

#tagline {
background:url(../images/tagline.gif) no-repeat center top;
width:100%;
height:37px;
margin:40px 0 20px 0;
}

#uploadFormPublic {
	width:400px;
	margin:0 auto; 
}
#uploadFormPublic input#file {
	border:2px solid #d4d3d3;
	padding:5px;
}

#uploadForm {
	width:400px;
	margin:0 auto;
	text-align:center;
}
#uploadForm input#file {
	border:2px solid #d4d3d3;
	padding:5px;
}

.input5{
	width: 250px;
	height: 150px;
}

.noteA {
	color:#1e98e5;
	text-align:center;
	padding-top:15px;
	font-size:12px;
}
.noteB {
	font-size:10px;
	text-align:center;
	padding:10px 0;
}

/* form styles */
#formBox {
	width:340px;
	margin:0 auto;
	margin-top:30px;
}
#formBox label {
	float:left;
	width:120px;
	text-align:left;
	padding-right:5px;
	line-height:1.5;
	}

#formBox span {
	line-height:1.8;
	}

#formBox span.red {
	color:#da391d;
	}

#formBox input, .input{
	width:200px;
	border:1px solid #d4d3d3;
	padding:4px;
	}

input.inputBtn {
	border:1px solid #d4d3d3;
	padding:4px;
}

#formBox p {
	clear:left;
	margin:0;
	margin-bottom:10px;
	}

div#submit {
	text-align:center;
	}
#submit input {
	background:#1e98e5;
	color:#fff;
	padding:5px;
	border:0;
	text-transform:uppercase;
	width:auto;
	}
#myFiles {
	margin:0;
}

#myFiles ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#myFiles ul li {
	float:left;
	display:block;
	width:115px;
	margin:10px 10px 10px 0;
	text-align:center;
	border:2px solid #d4d3d3;
	padding:10px;
	height:200px;
}

#myFiles ul li a {
	color:#3292f9;
	text-decoration:none;
}

#myFiles ul li:hover {
	border:2px solid #1e98e5;
}


.clear {
	clear:both;
}

input.shareBox {
	border:1px solid #d4d3d3;
	padding:5px;
	width:256px;
}

img.thumbImg {
	/*border:2px solid #d4d3d3;*/
	padding:15px 0;
}

h1#tag {
	text-align:center;
	margin:20px;
	color:#fff;
	padding:0;
	font-size: 30px;
}


/* for folder icons */
ul#folderList {
list-style-type:none;
margin:10px auto;
padding:0;
width:240px;
padding-left:10px;
}
ul#folderList li {
float:left;
display:block;
width:110px;
text-align:center;
margin-right:10px;
margin-bottom:10px;
}
ul#folderList li a {
text-decoration:none;
}

#content_left_full ul#folderList {
width:800px;
}

#content_left ul#folderList {
list-style-type:none;
margin:0 auto;
margin-top:20px;
_margin-top:10px;
padding:0;
width:400px;
padding-left:20px;
}
#content_left ul#folderList li {
float:left;
display:block;
width:120px;
}
#content_left ul#folderList li a {
color: #565657;
}

#content_left select {
border: #908e8e 1px solid;
padding:3px;
width:auto;
margin:0;

}

.my_album_link {
border:0;
background:#eee;
margin-left: 10px;
margin-bottom: 10px;
width:430px;
padding:4px;
}


#list_folders, #list_permissions {
visibility:hidden;
margin:0;
display:inline;
}

input.createBtn {
background: #147ced;
border: #ffffff 1px solid;
padding:3px;
color:#fff;
margin:0;
width:80px;
}

input.blueBtn, #formBoxRight input.blueBtn {
background: #147ced;
border: #ffffff 1px solid;
padding:3px;
color:#fff;
margin:0;
width:auto;
}

input.blueShareBtn, #formBoxRight input.blueShareBtn {
border: #ffffff 1px solid;
padding:3px;
color:#fff;
margin:0;
background:url(../images/share-icon.gif) no-repeat 4px 5px #147ced;
padding-left:17px;
}


.cp_links {
padding-bottom:20px;
}

#form .cp_links a {
color: #565657;
text-decoration:none;
}

#createAlbumForm {
text-align:center;
padding-bottom:10px;
}

#content_inside h2 {
	padding-bottom:10px;
}

/* formBoxRight */
#formBoxRight {
	width:300px;
	margin:0 auto;
	margin-bottom:20px;
}
#formBoxRight label {
	float:left;
	width:110px;
	text-align:left;
	padding-right:5px;
	line-height:1.5;
	}

#formBoxRight span {
	line-height:1.8;
	}

#formBoxRight span.red {
	color:#da391d;
	}

#formBoxRight input, .input{
	width:170px;
	border:1px solid #d4d3d3;
	padding:4px;
	}

input.inputBtn {
	border:1px solid #d4d3d3;
	padding:4px;
}

#formBoxRight p {
	clear:left;
	margin:0;
	margin-bottom:10px;
	}


/* extra new styles */

#right_content{
float: right;
width: 320px;
margin-right: 10px;
margin-top:10px;
}


#menu{
background: url(../images/menu.png) no-repeat;
background-color: #ffffff;
border: #dbd4cc 1px solid;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
padding-bottom:40px;
}

#login{
background: url(../images/login.png) no-repeat;
background-color: #ffffff;
height: 340px;
border: #dbd4cc 1px solid;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
}

#login_form_inside{
margin-left: 15px;
margin-top: 15px;
}

.login{
border: #c0b9a9 1px solid;
background: #fbfaf8;
width: 250px;
font-size: 14px;
padding: 4px;
margin-bottom: 15px;
}

h3{
font-size: 15px;
padding-bottom: 5px;
font-weight: bold;
}

#menu_form{
padding-top: 60px;
padding-left: 20px;
}

#login_form{
padding-top: 60px;
padding-left: 20px;
}

#menu{
}

#menu li{
}

#menu a:link{
text-decoration: none;
font-weight: bold;
color: #4a4a4a;
}

#menu a:visited{
text-decoration: none;
font-weight: bold;
color: #4a4a4a;
}

#menu a:hover{
text-decoration: underline;
font-weight: bold;
color: #0768f3;
}

#menu a:active{
text-decoration: none;
font-weight: bold;
color: #4a4a4a;
}

#ad_sidebar{
margin-top: 20px;
}

#ad_small{
background: url(../images/myalbum.png) no-repeat;
background-color: #ffffff;
border: #dbd4cc 1px solid;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
padding-top: 60px;
padding-left: 35px;
padding-bottom:10px;
}

.createBtn{
background: #0768f3;
border: #a2a3a5 1px solid;
color: #ffffff;
cursor: pointer;
}

.input{
border: #3c3b3b 1px solid;
color: #000000;
}

#ad_holder{
margin: 20px 0;
overflow: hidden;

}

#ad_left{
float: left;
}

#sealholder{
width: 850px;
margin-left: auto ;
  margin-right: auto ;
}

#seals{
overflow: hidden;
margin: auto;   

}

#space_bottom{
height: 20px;
}

#godaddy{
float: left;
width: 90px;
margin-left: 15px;
}

#godaddy2{
float: left;
width: 90px;
margin-left: 15px;
}

#godaddysec{
float: left;
width: 120px;
}

#privacytext{
text-align: justify;
padding-left: 10px;
padding-right: 10px;
}

#welcome{
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

#welcome2{
margin-top: 10px;
}

#welcome a:link{
text-decoration: none;
font-weight: bold;
color: #4a4a4a;
}

#welcome a:visited{
text-decoration: none;
font-weight: bold;
color: #4a4a4a;
}

#welcome a:hover{
text-decoration: underline;
font-weight: bold;
color: #0768f3;
}

#welcome a:active{
text-decoration: none;
font-weight: bold;
color: #4a4a4a;
}

#content_register{
width: 600px;
border: #e6e4e2 1px solid;
background: #ffffff;
margin-left: 10px;
}

#registerbox{
background: url(../images/register.png) no-repeat;
height: 500px;
padding-top: 50px;
padding-left: 150px;
border: #c0b9a9 1px solid;
}

.register{
border: #c0b9a9 1px solid;
background: #fbfaf8;
width: 350px;
font-size: 16px;
padding: 8px;
margin-bottom:18px;
}

h4{
font-size: 14px;
font-weight: bold;
}

#form{
float: left;
width: 350px;
padding-top:20px;
}

.submit{
border: #c0b9a9 1px solid;
background: #0768f3;
width: 100px;
padding: 5px;
color: #ffffff;
margin-left: 53px;
cursor: pointer;
margin-bottom: 50px;
}

#seal_holder2{
margin: auto 0;
width: 800px;
margin-left: auto ;
margin-right: auto ;
}

#seals2{
height: 120px;
width: 550px;
margin: 0 auto;
text-align: left;
overflow: hidden;
}

#godaddy4{
float: left;
height: 120px;
width: 150px;
margin-left: 50px;
}

#godaddy3{
float: left;
width: 120px;
height: 120px;
margin-left: 10px;
}

#networksolutions3{
margin-left: 2px;
float: left;
width: 120px;
height: 85px;
}

#space_bottom3{
height: 20px;
}

.textDesc{
width: 200px;
height: 200px;
border: #3c3b3b  1px solid;
}

.ie-png {
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’andrewsellick.png’,sizingMethod=’scale’);

}

.ie-hide{
    border:0px solid #FFFFFF;
    _display:none;
}


.listing-bg {background:url(../images/listing-bg.gif) repeat-x; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#353535; padding-left:3px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
.white-bg-1 {background-color:#ffffff; border:1px solid #cccccc; padding-left:3px;}


