body { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    background-color: white;
	width:99.9%;
	padding:0px;
}
body.login #main{
  
    margin: auto;
	text-align:center;
    width:99.9%;
	

}
body.forgot #main{
  
    margin: auto;
    text-align:center;
    width:99.9%;
	

}
h1{
   font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
	color:#000000;
}
h2 {
    color: #f60;
    text-align: center;

}
h2 a {
    color: inherit;
}
a 
{
    background-color: inherit;
    color: blue;
    text-decoration: none;
}
img {
    border: 0;
}
h3 a {
    background-color: inherit;
    color: inherit;
}
div#page {
    position: relative;
    margin: 5px;
    padding: 5px;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    background-color: white;
}
div#header img {
    vertical-align: text-bottom;
}


div#top_menu {
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin: -80px 0px 0 0 ;
padding:10px 0px 0 10px;

}
div#top_menu a{

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
font-weight:300;


}
div#top_menu a:hover{

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
font-weight:300;
text-decoration:underline;


}

div#top_menu .username {
font-weight:bold;
}


div#divider {
    border:0px;
	width:100%;
	height: 10px !important;
	height: 8px;
	background-image:url(/image/divider.gif);
	background-repeat:repeat;
	overflow:hidden;

}


div#main h2 {
	position:relative;
	background-color: #BBDDFF;
    color: #666666;
    text-align: center;
	font-size:16px;
	width:99.9%;
	height:20px;
	border-style: solid;
	border-color: #006699;
	border-width: 1px 1px 1px 1px;
	margin:0 0 0 0;
	padding:5px 0 0 0;

}
div#nav {
    float:left;
	padding:0 0 0 0;
    background-color: #FFFFFF;
	margin:0 0 0 0;
	width:175px;
}
div#nav ul {

    position:relative;
    padding: 0px 0 0 0;
    margin: 0px 0 0 0;
    list-style-type: none;
	border-style: solid;
	border-color: #FF0000;
	border-width: 0px 0px 0px 0px;
	background-color:#FFFFFF;

	width:175px;
}

div#nav ul li {
/*list-style-position:inside;*/


	margin: 0 0 0 0;
	color: #333333;
	background-color: #BBDDFF;
	background-image: url(/image/menu_arrow.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	padding: 0 5px 0 20px;
	line-height:25px;
	/*height:25px;*/
    list-style:none;
	text-align:left;
	width:148px;
	font-family: Arial, Helvetica, sans-serif;
	border-style: solid;
	border-color: #006699;
	border-width: 0px 1px 1px 1px;
}

div#nav ul li.selected {

  	margin: 0 0 0 0;
	color: #333333;
	background-color: #3399FF;
	background-image: url(/image/selected_arrow.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight:bold;
	padding: 0 5px 0 20px;
	line-height:25px;
    list-style:none;
	height:25px;
	text-align:left;
	width:148px;
	font-family: Arial, Helvetica, sans-serif;
	border-style: solid;
	border-color: #006699;
	border-width: 0px 1px 1px 1px;
}

div#nav ul li.hasSubmenu {
    position:relative;
	margin: 0 0 0 0;
	color: #333333;
	background-color: #3399FF;
	background-image: url(/image/arrow_down.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight:bold;
	padding: 0 5px 0 20px;
	line-height:25px;
    list-style:none;
	height:25px;
	text-align:left;
	width:148px;
	font-family: Arial, Helvetica, sans-serif;
	border-style: solid;
	border-color: #006699;
	border-width: 0px 1px 0px 1px;
}
div#nav ul li.firstItem {
border:1px solid #006699;
}
div#nav ul li.submenu
{
background-color:#ffffff;
border-style: solid;
border-color: #006699;
border-width: 0px 0px 0px 1px;

}
div#nav ul li ul{

    position:relative;
	display:block;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
	border-style: solid;
	border-color: #006699;
	border-width: 1px 0px 0px 0px;
	margin: 0px 0px 0px -21px;
	background-color:#FFFFFF;
	width:175px;
	
}

div#nav ul li ul li{

    position:relative;
	left: 0px;
	/*top:-1px;*/
	color: #666666;
	background-color: #BBDDFF;
	background-image: url(/image/submenu_arrow.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	text-indent:17px;
    padding: 0 5px 0 20px;
	margin:0px 0px 0px 0px;
	line-height:25px;
    list-style:none;
	height:25px;
	text-align:left;
	width:148px;
	font-family: Arial, Helvetica, sans-serif;
	border-style: solid;
	border-color: #006699;
	border-width: 0px 1px 1px 1px;
	}
div#nav ul li ul li.selected {
	margin: 0 1px 0 0;
	color: #333333;
	background-color: #3399FF;
	background-image: url(/image/submenu_selected.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight:bold;
	padding: 0 5px 0 20px;
	line-height:25px;
    list-style:none;
	height:25px;
	text-align:left;
	width:148px;
	font-family: Arial, Helvetica, sans-serif;
	border-style: solid;
	border-color: #006699;
	border-width: 0px 1px 1px 1px;
}

div#nav a {
    color: #666666;
    text-decoration: none;
	margin:0;
}
div#nav a:hover {
    color: #666666;
    text-decoration: none;
	font-weight:bold;
	margin:0;
}
.sharePhoto_holder
{
    max-width:95%;
	min-width:700px;
    border-style: solid;
	border-color: #006699;
	border-width: 1px 1px 1px 1px;
	padding-top:10px;
	padding-bottom:10px;
	position: relative; top: -1px; z-index: 1;
}

/***************************************************
style for IE6
****************************************************/
*html .sharePhoto_holder
{
    width:95%;
    border-style: solid;
	border-color: #006699;
	border-width: 1px 1px 1px 1px;
	padding-top:10px;
	padding-bottom:10px;
	position: relative; top: -1px; z-index: 1;
}
*html #controls {
width:95%;
text-align:right;
padding:0px;
}
/****************************************************
end of IE6 style
******************************************************/
#controls {
max-width:95%;
min-width:700px;
text-align:right;
padding:0px;

}

#controls a{
font:Arial, Helvetica, sans-serif;
font-size:11px;

}

ul.controls {
    display: inline;
    list-style-type: none;
	margin:0;
	
}
ul.controls li {
    display: inline-block;
    padding-left: 5px;
	padding-right: 5px;
	border-style: solid;
	border-color: #006699;
	border-width: 1px 1px 0px 1px;
	margin-left:5px;
	background-color:#BBDDFF;
	float:left;
	position:relative;
	font-size:11px;

}
ul.controls li.selected {
	border-style: solid;
	border-color: #006699;
	border-width: 1px 1px 0px 1px;
	background-color: #FFFFFF;
	font-size:11px;
	position: relative; top: 0px; z-index: 2;

}

/***************************************
Slide show page style  share_album.php
******************************************/
/*#slideshow
{
    
    width:80%;
    border-style: solid;
	border-color: #006699;
	border-width: 1px 1px 1px 1px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;

}
#info
{
    width:80%;
    border-style: solid;
	border-color: #006699;
	border-width: 1px 1px 1px 1px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;

}*/

ul.page_list {
    list-style-type: none;
    margin: auto 0px;
    padding-left: 0px;
	
}
ul.page_list li {
    display: inline;
    padding: 5px;
}
#footer a { font: normal 10px Verdana; color: #000099; text-decoration: none; }
#footer a:hover { color: #0033FF; text-decoration: underline; }

#footer {
   
    font: normal 10px Verdana;
    /*position: relative;
	float:right;*/
    width: 100%;
    margin: 0px 0px 0 0;
    padding: 10px 0px 0px 0;
    background: inherit;
    text-align: right;
	
	
}
div#main {
    display: block;	
    margin:0 0 0 0;
    width:99.9%;
	min-width:200px;
}


div#content {
    border-style: solid;
	border-color: #006699;
	border-width: 0px 1px 1px 1px;
	height:99.9%;
    overflow: auto;
	padding: 10px 0px 20px 0px;
	width: 99.9%;
}

table {
    margin: 0 auto;
}
#help {
    font-size: 12px;
	color:#333333;
    text-align: left;
    width: 99.9%;
	height:20px;
	text-indent:8px;
    
	margin-top:0;
	margin: 0 0 0 0;
	vertical-align:top;
	border-style: solid;
	border-color: #006699;
	border-width: 0px 1px 0 1px;
	padding:5px 0 0 0px;

}
ul.page_list {
    margin: 2em;
}
.pagination {
    text-align: center;
}
div.photo {
    background-color: #dddddd;
    margin: 5px;
    float: left;
    text-align: center;
    width: 240px;

}
.clear {
    clear: both;
}

#photo_info 
{
   
	width:230px;
	height:60px;
	overflow:hidden;
	margin-left:5px;
	
}

td.album {
    text-align: center;
    background-color: #dddddd;

}
.all_album
{
	width:230px;
	height:60px;
	overflow:hidden;
	text-align:center;
	margin:auto;
	
}

td.album a {
    color: black;
}
td.label {
    text-align: right;
}

.input_reqs {
    font-size: .8em;
    color: #f44;
    font-style: italic;
    float: left;
}
.info {
    background-color: #ffc;
    color: #000;
    text-align: center;
    font-weight: bold;
	
}
.error {
    background-color: #fcc;
    color: #000;
    font-weight: bold;
}
p.help {
    width: 80%;
    margin: auto;
}
.note {
    width: 60%;
    margin: 0 auto;
    padding: 1em;
    border: 1px solid #cca;
    background-color: #ffc;
    color: #000;
}
.right {
    float: right;
}
.tip {
    width: 60%;
    margin: 0 auto;
    padding: 1em;
    border: 1px solid #aca;
    background-color: #cfc;
    color: #000;
}
.warning {
    width: 60%;
    margin: 0 auto;
    padding: 1em;
    border: 1px solid #caa;
    background-color: #fcc;
    color: #000;
}
table#user_list {
    width: 80%;
}
table#user_list th {
    background-color: #069;
    color: white;
    text-align: left;
}
table#user_list th a {
    color: white;
}
table#user_list td {
    border-bottom: 1px solid #069;
    border-left: 1px solid #069;
    padding: 2px;
    margin: 0;
}
#gallery {
    position: relative;
    margin: auto;
    width: 500px;
    height: 400px;
    background: #2a2a2f;
    border: 2px solid #5f5f5f;
}
 
#progress {
    margin: 10px auto;
    width: 200px;
    height: 15px;
    padding: 2px;
    border: 2px solid #dfdfdf;
}
 
#progress .bar {
    width: 0px;
    text-align: center;
    font-size: 10px;
    height: 15px;
    background: #2a2a2f;
    color: #fff;
    font-weight: bold;
}
li.sortme {
    list-style: none;
}

img.handle {
    cursor: pointer;
}

ul#sortables li {
    margin: 10px 0;
}

.tabs {
	margin: 5px 0 0 0;
	border-style: solid;
	border-color: #006699;
	border-width: 0 0 1px 0;
	width:175px;
}
/*share photo page style for IE6 starts here*/
*html table#share_photo
{
background-color: #FFFFFF;


}
*html table#share_photo img
{
background-color: #FFFFFF;
height:3in;

}
/*share photo page style for IE6 END*/

/** edit_album.php **/
li div {
    position: absolute;
    margin-left: 100px;
}