/** START Base Elements  **/

* {margin:0; padding:0}
html { overflow: auto; overflow-x:hidden;}

body { 
    font-size: 12px;
    font-family: arial,sans-serif;
		color:#000000;
		overflow: auto;
	}

p{margin:0 10px 10px;line-height:1.4;}
font{ color: white; font-size:10px }

a:link, a:visited {display:inline; color: #000099 ; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
a.blink { font-weight: bolder; }

sup { color:#FFF; }

ul { list-style: disc outside; margin-left:15px;}
.error { color: #D92727; font-size:12px; font-weight:bolder; }
.success{ color: #336633; font-size:12px; font-weight:bolder; }

/** END Base Elements **/

/* START of Form & Input (General) */
fieldset { padding: 10px; margin: 10px 0;}
legend { font: bolder 1.1em/1.5em arial; color: #555; padding: 0 10px;}
.fieldLabel { text-align: right; width: 130px;}
.inputText { 
	border: 1px solid #aaaaaa;
	padding: 3px;
	width: 220px;
}

input, textarea, select{
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  background:#FFFFFF none repeat scroll 0 0;
  border:2px solid #CCCCCC;
  color:#000033;
  font-family:"Lucida Grande","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
  font-size:1.1em;
  padding:5px;
}
input[type="button"], input[type="submit"]  
{
  background:#000033 none repeat scroll 0 0;
  border:0 none !important;
  color:#FFFFFF;
  cursor:pointer;
  font-size:1.2em !important;
	text-align: center;
  margin:10px 0 0;
  padding:3px 5px;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
}
/* END of Form & Input (General) */

/** Start Layout Sections **/
div#container{
  text-align:left;
  background: #000033;}


div#left{
		float:left; width:23%; max-width:23%;
		background:#000033; clear:left;
		margin:0; padding:0;
		position:relative;
}
div#left a.changeLink{ color:#FFF; margin-top:10px; clear:right; text-align:center; font-size:16px; font-weight:bolder;}
div#left a.sideLink{ color:#FFF; }
div#left_content_wrap { overflow: auto; text-align:center;position:relative; height:100%;
					width:100%;overflow-x:hidden;}
div#left_content{ margin-top:10px;position:relative;overflow-x:hidden;}

div#wrapper{ float:right;text-align:left; margin:0; padding:0; position:relative;width:76%; }

div#linkbox{ background:#FFF; float:right;clear:both;
			top:0;right:0;display:inline; width:250px;
			font-size:12px; text-align:center;
			height:17px; padding: 2px 10px 2px 10px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-bottom-left-radius: 5px;
}
div#linkbox a{ color:#222222; font-size:12px; font-weight:bold; padding: 0px 15px 0px 15px; margin:2px 0 2px 0;}

div#phlogHeader{ position:relative; clear:both; float:left; width:100%;text-align:right; color:#000;background:#000033; }
div#phlogHeader a{color:black; margin-top:0px; padding-top:0px;}
div#phlogHeader img {display:inline;}

#content{
		width:99%;
		margin-left:5px; padding:0;
		margin-bottom:10px;
		clear:both;float:left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#content2{
		width:97%; background:#FFF;
		margin-left:10px;margin-top:10px;
		clear:both;float:left;
}


div#header{ background: #000033; margin:0; padding:0;color:#000;text-align:center; }
div#header h2{ clear:both; margin:0; padding:0; }
div#header img{ display:inline; margin:0; padding:0;}

div#logo{ margin:0 0 0 0;clear:both;}


div#footer{ width:100%;text-align:right;clear:both; bottom: 0px;left: 0px;
			background: #333;color: #FFF;height:15px; margin-top:10px; padding-bottom:2px;
}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}


/** positioning & size **/
div#phlogList{ overflow:hidden;}


/** END Layout Sections **/

/** START header Elements **/

div#header h1{ float:left; font-size:24px; font-weight:lighter; display:inline;}
div.welcome { float:right; padding-right:10px; 
				font-size:14px;color:#FFF;font-weight:bolder;
			}
div#tabbar{ background:#000033; padding:0 0 0 20px; width:100%;
		float:left;  text-align:center; display:block; clear:right;
    box-sizing: border-box;
		}
div#tabs{ float:left; }
div#tabspacer{ float:left; margin-left:5px; }

span.tab{ background:#99ccff; float:left; text-align:center; width:75px;
           display:inline; padding:3px 0 2px 0; margin: 2px 5px 0px 0px; font-size:12px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
span.current_tab{ background:#FFF; }

a.tablink { color:#222222; font-size:12px; font-weight:bolder; padding: 0px 0 0px 0; margin: 0px 0 0px 0;}

div#admin_icons{ float:left;
           display:inline; padding:3px 0 0px 0; margin: 2px 5px 0px 0px;
		   font-color:#FFF;font-size:10px; height:16px;
}
div#admin_icons sup{ color:#FFF;font-size:10px; }


/** END header Elements **/
div.navBar{ color:#222222; font-size:12px; padding:0px 0px 0px 0px; margin: 5px 0px 0px 0px; clear:both;}
div.navBar a { padding: 0 3px 0 3px; }
div.navBar span { padding: 0 5px 0 5px; }

/** BEGIN comment Elements **/
div#commentLayout{ float:left; margin: 0 0 0 0;}
span.curCmntImg{ min-width:360px; width:360px; margin-right:5px;float:left;clear:left;}

div.add_comment_container{
  width:690px;
  height:530px;
  overflow:none;
}
div.commentBox{ padding:0px 5px 0px 5px;
				clear:left;
				background:#FFF; border: thick solid #000;
				overflow:auto; overflow-x:hidden;
			}
div.comment_empty{ color: #888;
                   font-style: italic;
                   text-align: left;
				   padding:5px 0 5px 5px;
                   border: 1px solid #9CA39B;
                 }
div#commentCaptcha img{ margin:0 0 0 0; padding:0 0 0 0; }	


span#commentPiece{ padding:0 0 0 0; margin: 0 0 0 0; display:inline;}
textarea#commentBoxTA{ 
	font-size: 12px;
	font-family: monospace;
	border: 1px solid #666;
	padding-left: 3px;
	padding-top: 0px;
	float:left;display:inline
}
/** END comment Elements **/

a:link.userLink, a:visited.userLink, a:active.userLink{ text-decoration: underline; color:maroon;}


/** END main phlog Elements **/

/** START phlog Elements **/
	
	div.phlog { position:relative; float:left; padding-top:10px; padding-right:5px; width:100%; }
	div.post_v { width:130px; height:160px; font-size:10px; }
	div.post_v .title{ font-size:12px; font-weight:bolder; margin:5px 0 5px 0px; clear:both; }
	div.post_v .owner_popup{ font-size:12px; }
	div.post_s { width:200px; height:250px; }
	div.post_m { width:340px; height:350px; }
	div.post_l { width:675px; clear:both; }

	div.title{ font-size:16px; font-weight:bolder; margin:5px 0 5px 0; color:#009; clear:both; }

	div.tagline{ margin-bottom:5px;clear:left;}
	.tl_name{ font-size:12px; margin-top:5px; color: #000; float:left; }
	.tl_cmnt{ font-size:12px; margin-top:5px; margin-left:15px; color: #000099; float:left;}
	.img{ float:left; display:inline;}
	.phimg{ border: 2px solid #000000; margin:0px; padding:0px; margin-bottom:0px;}
	.phimglnk{float:left;clear:right;}
	
	/** START actions buttons **/
	div.rightButtons{
		width:10px;	height:10px;padding:1px; font-size:10px;
		float:right;
		border-left:1px solid #dfdfcf;	border-bottom:1px solid #dfdfcf;
		line-height:10px; text-align:center;
		clear:right;
	}
	div.topButtons{
		width:10px; height:10px;padding:3px; font-size:10px;
		float:right;
		line-height:10px; text-align:center;
	}
	.btns{width:16px;float:left;clear:right;}
	.btn{
		float:left; clear:both; margin-top:0px; margin-right:0px; border:1px solid #dfdfcf; width:16px; height:16px;
		text-align:center;background-repeat:no-repeat; background-position:center;
		padding:0px;margin:0px;
	}
	.btn_admin{
		float:left; clear:both; margin-top:0px; margin-right:0px; border:1px solid #ff9f9f; width:16px; height:16px;
		text-align:center;background-repeat:no-repeat; background-position:center;
		padding:0px;margin:0px;
	}
	.btn_img{ margin: 0 0 0 0; padding: 0 0 0 0; border:0; float:none; width:16px; height:16px;}
	.btn_img2{ margin: 0 0 0 0; padding: 0 0 0 0; border:0; float:none; width:17px; height:17px;}
		
	/** END actions buttons **/
/** END phlog Elements **/

/** START Search Box Extras**/
div#searchBox{ padding:0px 5px;position:absolute;right:15px;width:250px;
			background-color: #FFFFFF; border: thin solid #525D76;
}
div#searchBox button{ text-align:center;border:1px; display:inline;}

.searchRow { float:left; margin:0px; padding-top:1px; padding-bottom:1px; border:thin solid #CCC;}
.searchCell { float:left; display:inline; }
.searchTable{ clear:both; }
.searchButtons{ clear:both; }
/** END Search Box Extras**/

/** START profileList Extras**/

div#profileList { margin-left:10px;float:left; clear:right; }
div#profileList span 
div#profileList a { clear:right;}
span.listLink { font-size:12px; clear:right; display:block;}
span.listLink img { display:inline;}
span.listLink a { display:inline;}
div#profileList font{ color:black; }
div#profileList input{ color:black; }


div#profileInner{ height:500px;}
div#profileBox{ padding:0px 5px 0px 5px; position:absolute;overflow:auto; 
				width:600px; clear:left; height:500px;
				background:#FFF; border: thick solid #000; 
				font-size:12px; font-weight:bold;background:#FFFFFF;color:#695029;
			}
.profile_head{ font-size:16px; padding:5px; text-align:center; font-weight:bolder;}
.profile_key{ color:#000000; font-size:14px; }
.profile_val{ color:#695029; font-size:14px; padding-left:15px; }
.prf_cust_row{ margin-top:0px; margin-bottom:0px; clear:both; display:block; width:99%; height:175px;}
.prf_cust_button{ border:0; float:left; margin-right:2px; display:inline; }
.prf_cust_value{ float:left; margin-right:10px; display:inline; }
.prf_cust_title{ float:left; margin-right:10px; display:inline; }
.prf_cust_image{ float:left; margin-right:10px; display:inline; clear:right; }
.prf_cust_sep{ clear:both;}
/** END profileList Extras**/

/** START Modules **/
div.modules {
min-width:150px;
margin-top:2px;margin-bottom:3px;
margin-right:10%;margin-left:10%;
}
div.modules *{ padding:0; margin: 0; }

div.module_box{ float:center; clear:both; min-width:150px; width:225px;
        padding:3px 2px;
			  background:#FFFFFF; border:thin; margin: 0px 5% 15px 5%;
			  font-size:12px; text-align:center;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
			  }
div.module_box .mbwork { position:relative; float:left;display:inline;}
img.modimg{ height:135px; }
div.module_box a{ color:#000099; font-size:14px; font-weight:bolder;}
div.module_title{ margin-top:5px; }
div.mod_content_wrap { overflow:none; text-align:left;}
div.module_content { text-align:left;min-width:150px;max-width:90%; 
			margin-left:5%; margin-right:5%; 
			font-size:12px;min-height:100px;
			color:black;
			}
div.modules a{ display:inline; text-decoration:none; color:#000099;}

#search_form input[type="text"]{
  margin-top:5px;
}
#search_form input[type="submit"]{
  margin-top:2px;
  margin-bottom:5px;
}
img.mphimg{ text-align:center; }
/** END Modules Display **/

/** Stats **/
div#statList{ margin-left:20px; }


div#prfPop{ 
	font-size:16px;color:#000099;position:absolute;z-index:100;height:95px;
	min-width:250px;
	padding:5px 5px 5px 5px; border:2px solid #666666;background:#FFFFFF;
}
#prfPopImgSpan{ float:left; display:inline; vertical-align:top;margin-right:10px;}
#prfPopImg{ float:left; display:inline; margin-right:5px; }
#prfPopTxt{ float:left; display:inline; }
#flMsg{ clear:both; }

/** Search **/
span.searchResult { color:#333333;float:left;display:inline;width:110px;margin:5px; }
img.searchResult { border:1px solid #666666; }
.psuedoScroll{ left: -10000px; position:absolute;}



/****** Added by Zoe *************************************************************************/

/* START of My Camura Header*/
#mcHeader { clear:both; margin: 10px 0 10px 0; }
.mcHeaderImage { margin: -15px 10px 0 0; float: left; }
.mcHeaderTitle { font: 1.5em/1.8em arial;}
#mcHeader a { font: .75em arial;}

#mcJump { margin: 10px 0 40px 0; }
#mcJump .currentPage { color: #0066ff; font-weight: bolder;}
/* END of My Camura */


.accountMenu {
	margin: 10px 0 10px 0;
	padding-bottom:10px;
}
.acctMenuItem {
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  background:#FFFFFF none repeat scroll 0 0;
  border:2px solid #aaaaaa;
	padding: 2px 5px 2px 5px;
	margin-bottom: 5px;
  color:#000033;
  font-family:"Lucida Grande","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
  font-size:1.1em;
}
/* START of My Camura Menu */
.mcMenuItem { margin: 10px 0 40px 0; }
.mcMenuItemImage { margin: 0 10px 0 0; float: left; }
.mcMenuItemTitle { font: bolder 1.3em/1.5em arial;}
/* END of My Camura Menu */


/* START of Phlog Page Header & Footer */
div.pageHeader { clear:right; float: left; width:99%;
		margin: 5px 0 20px 0; border-bottom: 1px solid #9CA39B;
		text-align:top;
		}

.pageTitle { vertical-align: text-top; font-size: 18pt; color:#000066; float: left;}
img.headerIcon { vertical-align:middle;border:0; }

.active_count { font-weight: normal; color: #555; font-size: 10pt;}

.pageNav{ color:#222222; font-size:12px; padding:3px 0px 0px 0px; margin: 0px 5px 0px 0px;
		text-align: right; float: right; clear:right; position:relative;}
.pageNav a { padding: 0 3px 0 3px; }
.pageNav span { padding: 0 5px 0 5px; }
.pageNav img { border: 0; vertical-align: middle; }

div.subHeader { position: relative; top: -10px; margin-bottom: 20px;}
.sortby_current { font-weight: bolder; color: #000000; }

div.pageFooter { margin: 20px 0 20px 0; border-top: 1px solid #9CA39B; font-size: 20pt; clear: both; width:99%;}
/* END of Phlog Page Header */



/* START of Phlog Details */
.curCmntImg2{ 
	float:left; clear:left;
	width:360px; 
	margin: 0 5px 10px 0;
}
span.post_rhs{
	height:260px;float:left;clear:right;margin: 0 0 0 0;
	max-width:60%;
	position:relative;
}
.post_rhs2{ 
	position:relative; float: left; display:inline;
	min-width:10%;
	margin: 0 0 10px 10px;
}

.inlineEditTitle { padding: 4px 4px 2px 0px; }
.inlineEditTitle input { border: 1px solid #aaa; padding: 2px 3px 1px 3px; font-size: 9pt; margin-bottom: 6px; }

.phimg{ border: 1px solid #000000; margin:0px; padding:0px; margin-bottom:0px;}

div.tagline { position: relative; float:left; margin: 0 0 5px 0; clear: right;width:99%}
.tl_by{ float: left; clear: left; color: #666; width:99%; }
.tl_owner { float:left; font: bolder 1.3em/1.5em arial}
.tl_txt { float:left; line-height:2em;}
.tl_txt_right{ float: right; text-align: right; line-height:2em; margin-right:20px; }
.tl_privacy{ float: right; text-align: right; color: #666; font: bolder 1.3em/1.5em arial; margin: 1px 5px 0 0;}
.tl_privacy img { }
.tl_privacy select { border: none; color: #358; font-size: 8pt; }
.tl_privacy option { color: #358; font-size: 8pt; }

/** Post Options Popup Menu **/
div.options_menu{
  height:290px;
  margin-left:20px;
  float:left;
  width:95%;
}
div.options_menu div.pic_preview {
  float:right;
  margin: 5px 10px 0 0;
}
div.options_menu br { 
  float:left;clear:left;
  font-size: 1.2em; line-height: 2em;
}
div.options_menu{
  float:left;clear:left;
}
div.options_menu div.option { 
  float:left;clear:left;
  font-size: 1.2em; line-height: 2em;
}
div.options_menu a { text-decoration: none; } 

/** Album Add Entry Popup Menu **/
div.album_add_menu{
  height:290px;
  margin-left:20px;
  float:left;
  width:95%;
}
div.album_add_menu div.pic_preview {
  float:right;
  margin: 5px 10px 0 0;
}


div.commentList{
	position:relative; float:left;clear: both; width:99%;
	overflow:auto; overflow-x:hidden;
}
div.clTall{
	height:210px;
	max-height:210px;
}
div.clSmall{
	height:150px;
	max-height:150px;
}

div.comment_by{
	background: #DBDBDB; color: #666;
	border-left: 1px solid #9CA39B;
	border-right: 1px solid #9CA39B;
	border-top: 1px solid #9CA39B;
	padding: 2px 4px 1px 4px;
}
div.comment_txt{
	clear:both; font-size:12px; color:#000;
	padding: 1px 4px 2px 4px;
	border-left: 1px solid #9CA39B;
	border-right: 1px solid #9CA39B;
	border-bottom: 1px solid #9CA39B;
}
.owner { color: #666666; font-weight: bolder; }
.comment_delete { float: right; }
.comment_delete a{ display:inline; padding:0; }
.cmnt_count{ position:relative;float:right; text-align: right; }
/* END of Phlog Detail */



/* START of Phlog Comment Input */
#commentMsg { background-color: #feefa0; padding: 5px; margin: 5px 0 2em; font-weight: bolder;}

#commentInput { clear: both; padding: 0 0 0 0; }
#commentInput input[type="text"],textarea { border: 1px solid #aaa;}
#commentInput td { padding-bottom: 0.5em; }

#commentCaptcha {color: #666; }
/* START of Phlog Comment Input */


/* START of Users List */
div#profileList { clear:right; float:left; margin-left:0px;}
div.profileEntry { width:150px; height:200px; position:relative; float:left; margin:0 10px 5px 0; border:1px solid #CCCCCC;}
div.profileImg{ width:110px; float:left;  }


div.prflist_user { font-size: 1.2em;} 
div.prflist_date { font-size: 11px; color: #555; margin-top: 3px;}
div.prflist_img {margin: 5px 0;}
div.prflist_actions { font-size: 11px; line-height: 18px;  }
div.prflist_actions img { vertical-align: text-bottom; }
/* END of Users List */


/* START of User Profile */
.prf_pageHeader { border-bottom: 1px solid #9CA39B; }

div.prfimg { float: left; clear: left; }
div.prfimg img { border: 1px solid #000; vertical-align: top; min-width: 120px; max-width: 200px; max-height: 220px;}
div.prfimg input[type="text"] { width: 120px; margin: 2px 0;}
div.prfimg input[type="button"] { padding: 0 2px; margin: 2px 0; font-size: 11px;}

div.prfinfo { float: left; clear: right; }
div.prfinfo_divider { height: 50%; width: 550px; margin: 0px 15px 0px 15px; border-bottom: 1px dotted #9CA39B;}
td.prfinfo_title { padding: 0 0 5px 15px;  text-align: right; color: #777; width: 100px; }
td.prfinfo_content { padding: 0 0 5px 10px; font-weight: bolder; text-align: left; overflow: hidden; width: 250px; }
td.prfinfo_content input[type="text"] { width: 220px; }
td.prfinfo_content input.short { width: 140px; }
td.prfinfo_content select { border:1px solid #AAAAAA; margin:1px; padding: 1px 0 2px; }

td.prfinfo_privacy { padding: 0 15px 5px 10px; color: #358; font-size: 8pt;}
td.prfinfo_privacy img { width: 13px;}
td.prfinfo_privacy select { border: none; color: #358; font-size: 8pt; }
td.prfinfo_privacy option { color: #358; font-size: 8pt; }

div.prffull { width: 799px;}
div.prfcolumnL { width: 460px; float: left; clear: left; margin-right: 20px; }
div.prfcolumnR { float: left; width: 319px; text-align: right;}

div.prfmodule { margin-bottom: 15px;}
div.prfmodHeader { background:#dbdbdb;	padding: 5px 5px 3px 4px; }
div.prfmodFooter { padding: 5px 5px 3px 4px; border-top: 1px solid #999; clear: both;}
div.prfmodTitle { font-size: 1.1em; font-weight: bolder; float:left;}
div.prfmodNav { font-size: 1em; text-align: right;  float: right; } 
div.prfmodContent { max-height: 600px; }
div.prfmod_scroll { overflow: auto; }

div.photorow img { height: 80px; border: 0px none; margin: 10px 3px; overflow: hidden }

.prfmod_cmntEntry { margin: 10px 3px; clear: both; }
.prfmod_cmntImg { float: left; clear: left; margin: 0 10px 10px 0; text-align: right; width: 110px;}
.prfmod_cmntImg img { border: none; max-height: 80px;}
.prfmod_cmntTxt { clear: right; margin: 0 0px 10px 120px; }
.prfmod_cmntDate { color: #999; margin-bottom: 3px;}

.prfmod_pickEntry { margin: 10px 3px; clear: both; position: relative;}
.prfmod_pickImg { float: right; clear: right; margin: 0 0 10px 10px; text-align: left; width: 130px; position: relative;}
.prfmod_pickImg img { border: none; max-width: 120px; max-height: 120px;}
.prfmod_pickTxt1 { clear: left; margin: 0 140px 5px 0; text-align: left;}
.prfmod_pickTxt1 textarea { font: 12px arial; width: 140px; }
.prfmod_pickTxt2 { clear: left; margin: 0 140px 10px 0;  padding-left: 10px; text-align: left; color: #358;}
.prfmod_pickTxt2 textarea { font: 12px arial; color: #358; width: 130px;}
.removePickBtn { position: absolute; top: 0; right: -10px;}
.removePickBtn img { border: 0;}


/* END of User Profile */

/* Album Layouts */
.album_preview { float:left; width: 250px; max-width: 250px; min-height:155px; height: 155px; max-height: 155px; margin: 5px 3px; position: relative; border:1px solid #CCCCCC;}
.album_previewImg { float: left; margin: 0 0 5px 0; text-align: left; width: 115px; position: relative;}
.album_previewImg img { border: none; max-width: 115px; max-height: 120px;}
.album_previewTxt1 { margin: 0 5px 5px 0; text-align: left;}
.album_previewTxt1 textarea { font: 12px arial; width: 140px; }
.album_previewTxt2 { margin: 0 5px 5px 0;  text-align: left; color: #358;}
.album_previewTxt2 textarea { font: 12px arial; color: #358; width: 130px;}
.album_previewDetails { clear:both;margin: 0 0 10px 0; text-align: left; color: #666;}

.album_edit { float:left; width: 250px; max-width: 300px; height: 230px; margin: 5px 3px; position: relative; border:1px solid #CCCCCC;}

.albumEntry { float:left; width: 325px; max-width: 325px; min-height: 290px; margin: 5px 3px 10px 10px; position: relative;}
.albumEntryImg { float: left; border:0; margin: 0 0 5px 0; text-align: left; width: 115px; position: relative;}
.albumEntryImg img { border:0;}
.albumEntryTxt1 { margin: 0 0 5px 0; text-align: left; clear:both;}

tr.albumEdit {	border:1px solid #CCCCCC; padding-bottom:2px; background:#FFF; 
	width:95%; float:left; margin: 5px 3px; position: relative;
}

div#myAlbumList{ 
	font-size:12px;color:#000099;position:absolute;z-index:100;max-height:150px;
	vertical-align:middle;overflow:auto;
	min-width:100px;
	padding:5px 5px 5px 5px; border:2px solid #666666; background:#FFFFFF;
}

hr { margin:2px; }

/* START of Pagination - will_paginate */

  .pagination {
    padding: 3px;
    margin: 0px;
  }
  .pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #aaaadd;
    text-decoration: none;
    color: #000099;
  }
  .pagination a:hover, .pagination a:active {
    border: 1px solid #000099;
    color: #000;
  }
  .pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #000099;
    color: #FFF;
  }
  .pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd;
  }
  .pagination a img {
    vertical-align: middle;
    margin-top: -2px;
  }
/* END of Pagination */

.owner_popup {
  cursor: pointer;
  color: #000066;
  /* border-bottom: 1px dotted; */
}

/* END of popup */

div.news_header{
	background:#dfdfcf;
	padding: 5px 5px 5px 5px;
}

div.hilite_box{
  float:left;clear:right;
	background:#99ccff; padding:5px;
	border:thin solid #666;
}



table.admin td { padding:5px; border-right:thin solid #000; border-bottom:thin solid #000;}


/* Formatting for messages */

.message 
{
   padding: 10px;
   width:450px;
   margin: 2px;
   margin-bottom: 10px;
   border: 1px solid #CCC;
   font-size:14px;
   font-weight:bolder;
   clear:both;
}
/*
========= MESSAGES =========
 backgrounds & text colors should be changed (at least error) here & to match the themes... 
   ... at some point.
*/
.info{
   background: #eee;
   color: #004017;
}
.warning {
   background: #eee;
   color: #333;
}
.error {
   background: #eee;
   color: #D0102C;
}

.errorExplanation {
   background: #eee;
   color: #DD0000;
   font-weight:bolder;
   padding: 10px;
   border: 1px solid #666;
}
.errorExplanation ul{
	padding-left:20px;
}
.errorExplanation li{
	padding-bottom:5px;
}
span.textclip {
	color:#666;
}

/* Info Pages */
div.info_page{
  font-size: 1.3em; color: #555;
  line-height: 1.6em;
}
hr.sec_divide { margin: 3em 0; clear: both; }

/* ========= Search ========= */
div.searchHeader { clear:right; float: left; width:99%;
		margin: 5px 0 5px 0; text-align:top;
		}
div.searchHeader input[type="submit"] { margin-top:2px; }
span.search_hilite{
  background: #52D017;padding: 0px 10px 0px 10px;
}

/* ========= PMs ========= */
#pm-grid{
  font-size:12px;font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  width:520px;
  text-align:left;
  border-collapse:collapse;margin:20px;
}
#pm-grid th{font-size:14px;font-weight:bolder;color:#039;padding:10px 8px;}
#pm-grid td{color:#669;padding:8px;}
#pm-grid .odd{background:#e8edff;}
#pm-grid a { font-weight:bolder; }
.pm_msg{ border:1px solid #CCC; width:95%; }
#pm-header{
  font-size:12px;font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  width:520px;
  text-align:left;
  border-collapse:collapse;margin:5px;
}
#pm-header th{font-size:14px;font-weight:bolder;color:#039;padding:10px 8px;}
#pm-header td{color:#669;padding:8px;}
#pm-header a { font-weight:bolder; }

.fieldWithErrors{
  padding-left:10px;background:pink;
}



.overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay___invisible__ {
  background-color: #666666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
	background: transparent url(default/top_mid.gif) repeat-x 0 0;	
	height: 23px;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	background: transparent url(default/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	background: transparent url(default/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
	background: transparent url(default/bottom_mid.gif) repeat-x 0 0;		
	height: 19px;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_right.gif) no-repeat 0 0;			
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(default/sizer.gif) no-repeat 0 0;	
	cursor:se-resize;	
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(default/close.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(default/minimize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(default/maximize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background-color:#123;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}

.wired_frame {
	display: block;
  position: absolute;
  border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
}

.dialog table.table_window  { 
  border-collapse: collapse; 
  border-spacing: 0; 
  width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
  padding: 0; 
}

.dialog .title_window {
  -moz-user-select:none;
}                                                    



.overlay_alphacube {
	background-color: #85BBEF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.alphacube_nw {
	background: transparent url(alphacube/left-top.gif) no-repeat 0 0;			
  width:10px;
  height:25px;
}

.alphacube_n {
  background: transparent url(alphacube/top-middle.gif) repeat-x 0 0;			
  height:25px;
}

.alphacube_ne {
  background: transparent url(alphacube/right-top.gif) no-repeat 0 0;			
  width:10px;	  
  height:25px;
}

.alphacube_w {
  background: transparent url(alphacube/frame-left.gif) repeat-y top left;			
  width:7px;
}

.alphacube_e {
  background: transparent url(alphacube/frame-right.gif) repeat-y top right;			
  width:7px;	  
}

.alphacube_sw {
  background: transparent url(alphacube/bottom-left-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_s {
  background: transparent url(alphacube/bottom-middle.gif) repeat-x 0 0;			
  height:7px;
}

.alphacube_se, .alphacube_sizer  {
  background: transparent url(alphacube/bottom-right-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_sizer {
	cursor:se-resize;	
}

.alphacube_close {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-close-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:11px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_minimize {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-min-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:55px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_maximize {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-max-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:33px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_title {
	float:left;
	height:14px;
	font-size:14px;
	text-align:center;
	margin-top:2px;
	width:100%;
	color:#123456;
}

.alphacube_content {
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
  font: 12px arial;
	background:#FDFDFD;
}

/* For alert/confirm dialog */
.alphacube_window {
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.alphacube_message {
  font: 12px arial;
	text-align:center;
	width:100%;
	padding-bottom:10px;
}

.alphacube_buttons {
	text-align:center;
	width:100%;
}

.alphacube_buttons input {
	width:20%;
	margin:10px;
}

.alphacube_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('alert/progress.gif') no-repeat center center
}

.alphacube_wired_frame {
	background: #FFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}




/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}