@charset "UTF-8";
/* CSS Document */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #e8dcbb;
 border-width:1px;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 
 border-bottom: none;
 
 text-decoration: none;
}

ul.tabbernav li a:link { color: #a7af91; }
ul.tabbernav li a:visited { color: #a7af91; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #e8dcbb;
 
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}


/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
li.mp_sub_butt{
float:right;      
width:50px;       
     
}                 

#activeSec{
	background-color:#f8f0db;
	width:700px;
	padding:6px;
	border-color:#EAE7D4;
	border-style:solid;
	border-width:0px 4px 0px 0px;
}
 
ul.tabbernav {
	float:none;
}
ul.tabbernav li {
	float:none;
}

div.tabber a:link, div.tabber a:visited{
	color:#a7af91;
}
div.tabberlive a:link, div.tabberlive a:visited{
	color:#a7af91;
}

.tabberlive input, .tabber input{
	color:#000000;
	font-weight: bold;
}

div.mp_activeTab {
background-color:#e8dcbb;
padding:6px;
width:660px;
}	
div#mp_active_photo {       
background-color:#e8dcbb;
padding:6px;             
width:690px;             
}	                       

div#mp_gDescript {
width:450px;
margin-bottom:10px;
padding-top:15px;

}
textarea#mp_grp_desc{
	height:70px;
	width:440px;
	
}

ul#mp_inviteNew{
	width:170px;
	float:right;
	
	padding-top:9px;
	padding-right:20px;
}


div#mp_removeUsers{
	width:645px;
	margin-top:11px;
	
	/*width should be decided by the number of users*/
	
}
div.mp_deleteUser{
	width:40px;
	float:left;
	margin:0px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:6px;
	margin-top:4px;
}
div.mp_deleteUser p{
	line-height:14px;
	font-size:9px;
	color:#999966;
	padding:0px;
	margin:0px;
	padding-top:3px;
}
div.mp_deleteUser img{
	width:40px;
	height:40px;
	padding:0px;
	margin:0px;
}
div#mp_previous{
	float:left;
   margin-left:5px;
	width:60px;
}
div#mp_next{
	float:right;
	width:40px;
	margin-right:13px;
}
div#mp_clickRemove{
		text-align:center;
	}
div#mp_groupTables{
		margin-top:20px;
		width:660px;
		padding-left:15px;
}
select#mp_sortGroup{
	float:right;
}
p.mp_headers{
	font-size:14px;
	padding-top:15px;
	color:#7b7563;
	width:290px;
}
span.mp_smallLinks{
	font-size:10px;
	color:#7b7563;
	margin-left:75px;

}
span.mp_tedit{
	font-size:10px;  
	color:#7b7563;   
	margin-left:10px;
}   
td.mp_swTableZero{
	font-weight:bold;
}                                
span#mp_jsw_head {
font-size:16px;
font-weight:bold;
color:black;	
}
td.mp_gTableOne{
	padding-top:15px;
	font-weight:bold;
	width:300px;
	font-size:12px;
}
td.mp_gTableTwo{
	width:655px;
	font-size:11px;
	
}
td.mp_gTableThree{
	border:2px none #891E1B;
	color:#891E1B;          
	font-weight:bold;       
	height:10px;            
	width:10px;             
	
	
}
div#mp_groupInfo{
	width:410px;
	height:100px;
	padding-left:7px;
	padding-top:7px;
	
}
ul#mp_groupOwner{
	float:left;
	width:75px;
}
div#mp_groupOwner img{
	height:70px;
	width:65px;
}
div#mp_groupInfoText{
	float:right;
	width:310px;
}
div#mp_groupInfoTitle{
	font-weight:bold;
	font-size:14px;
}
div#mp_removeSelf{
	width:187px;
	float:right;
	
	text-align:center;
	font-weight:bold;
}
div#mp_viewMembers{
	margin-left: auto;
    margin-right: auto;
	width:177px;
	background-color:#ffffff;
}
div.mp_jswEntry{
float:left;
margin-top:10px;
}
div.mp_jswEntry p{
	margin-top:2px;
}

textarea.mp_jswBody {
	height:70px;
	width:645px;
}

#activeSec iframe{
	height:110px;
	width:655px;
}
ul.mp_jswOptions{
	display:block;
	float:right;
	margin-top:6px;
	margin-bottom:6px;
}

ul.mp_jswOptions li{
	float:left;
	padding-right:2px;
	
}


div.mp_radText{
	padding-bottom:5px;
}

select#mp_journalSort{
	float:right;
	margin-right:25px;
}
td.mp_jTableOne{
	width:70px;
	margin-top:10px;
}
td.mp_jTableTwo{
	width:580px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:13px;
}
td.mp_jTableThree{
	float:right;
	margin-left:15px;
}
span.mp_jTitles{
	font-weight:bold;
	font-size:13px;
}

li#mp_priv_tit{
padding-top:3px;	
}
li.mp_rad_txt{
padding-top:3px;
margin-right:27px;	
}
li.mp_grp_rad{
padding-top:3px;
}
li.mp_grp_butt{
padding-left:13px;	
}
	
ul#mp_inviteNew li{
	   padding-top:10px;
}
li.mp_npt_txt input{
	width:170px;
	height:12px;	
}
img.mp_menu_bar{
	margin-top:7px;
	margin-bottom:7px;
	float:left;
}
select#mp_swSelect{
	float:right;
	width:175px;
	margin-top:5px;
}
	
ul#mp_navi{
	margin-left:8px;
	height:30px;
}
ul#mp_navi a:link{
	color:#a7af91;
	font-size:14px;
	font-family:arial;
	text-align:center;
}
ul#mp_navi a:visited{
	color:#a7af91;
	font-size:14px;
	font-family:arial;
	text-align:center;
}
ul#mp_navi a:hover{
	color:#141513;
	font-size:14px;
	font-family:arial;
	text-align:center;
}
ul#mp_navi a:active{
	color:#141513;
	font-size:14px;
	font-family:arial;
	text-align:center;
}
li#mp_crnt_navi{
background-image:url('/img/rounded_tab.jpg');
width:77px;
font-size:16px;
height:20px;
text-align:center;
font-family:arial;
padding-top:10px;
}
li#mp_crnt_navi_lg{                             
background-image:url('/img/sw_rounded.jpg');
width:110px;                                  
font-size:16px;                              
height:20px;                                 
text-align:center;                           
font-family:arial;                           
padding-top:10px;                            
}                                            


li#np_lrg_navi{
width:110px;
padding-top:10px;
text-align:center;
}
li.mp_med_navi{
width:77px;
padding-top:10px;
text-align:center;
}

span.mp_my_photos{
	float:left;
	font-size:16px;
	color:#7b7563;
	font-family:arial;
	padding-left:10px;
	width:600px;
	padding-top:7px;
	padding-bottom:15px;
	
}

textarea#mp_photo_desc{
	float:right;
	margin-right:5px;
	height:80px;
	width:420px;
}

ul.mp_photo_options{
	float:right;
	width:420px;
}

li.mp_photo_butt{
	float:right;
	padding-left:10px;
}
div#header{
	   font-size:16px;
}
ul#mp_phot_prnt{
	height:111px;
	margin-top:20px;
	margin-right:5px;
}
ul#mp_phot_cap{
	background-color:#d1c5a1;
	height:80px;
	width:130px
	
}
li#mp_phot_upd{
		background-color:#bcb191;
		width:125px;
		padding-left:5px;
		padding-top:5px;
		padding-bottom:5px;
		font-weight:bold;
	}

	
textarea#mp_phot_ta{
	height:67px;
	width:375px;
	margin-bottom:10px;
}
li#mp_phot_rad{
	float:left;
}
li#mp_phot_txt{
	float:left;
	padding-top:3px;
}
li.mp_phot_butt{
	float:right;
	padding-left:10px;
}	
li#mp_cap_txt{
	font-weight:bold;
	color:#8a836f;
	margin-top:5px;
	margin-left:5px;
	}
li#mp_cap_bd{
	font-size:11px;
}
li#mp_phot_opt{
width:385px;	
margin-left:12px;
}	
li#mp_phot_rad_txt{
	margin-top:3px;
}
ul#mp_drk_lit{
	width:130px;
	margin-left:12px;
}
ul#mp_drk_lit li{
	  margin-bottom:5px;
}
  
div#mp_phot_anf{
	float:right;
	margin-right:30px;
	font-size:11px;
	margin-top:20px;
	margin-bottom:10px;
}
ul#mp_phots_nav{
	background-color:white;
	height:25px;
	margin-bottom:20px;
	border-top-style: solid; 
	padding-right:5px;
    width:700px;
	border-top-color: #aea584; 
	border-top-width: 3px;  
}
ul#mp_phots_nav li{
	margin-top:5px
}
li#mp_phot_phots{
	float:left
	font-size:14px;
	margin-left:10px;
	
}
li#mp_phots_prev{
	float:right;
}                
            
ul.mp_phots_chart{
	width:200px;
	margin-left:12px;
	margin-bottom:20px;
	height:200px;
	border-style: solid;  
	border-color: #aea584;                                 
	border-width: 1px;    
	
}
li.mp_phots{
	margin-left:45px;
	margin-top:15px;
	margin-bottom:15px;
}

li.mp_phots_x{
	float:right;
	margin-top:5px;
	margin-right:5px;
	color:#891E1B;
	font-weight:bold;
}

li.mp_phots_edit{
	margin-top:15px;
	
	
}
li.mp_phots_cap{
	margin-left:65px;
	
	
}
textarea#mp_photup_ta{
	width:480px;
	height:60px;
	margin-right:5px;
	
}
input#my_phot_fl{
	height:25px;
	width:540px;
	margin-bottom:5px;
}
li#mp_cap_bd{
	color:#575345;
	font-size:11px;
	margin-left:5px;
	
}
ul#mp_pic_upload{ 
	width:490px;
}

ul#mp_poopy{
	width:495px;
}

ul.mp_phots_chart_pub{
		width:514px;
	background-color:#f6f6f2;
	height:514px;
	border-style: solid;  
	border-color: #aea584;                                 
	border-width: 3px; 
	margin-left:80px;
}
li.mp_phots_pub{
	margin-left:105px;
	margin-top:35px;
	margin-bottom:85px;
}
li.mp_phots_cap_pub{
	margin-bottom:15px;
	width:514px;
	text-align:center;
	
}
li.mp_phots_edit{
	width:514px;
	text-align:center;
}
div#mp_names_phots{
	float:right;
	font-size:12px;
}
li#mp_phots_prev{
	width:328px;
	float:right;
	text-align:left;
	margin-bottom:5px;
	
}
li#p_phots_nxt{
	width:328px;
	float:left;
	text-align:right;
	margin-bottom:5px;
}