/*
Stylesheet for User - myAccount pages
*/




/* My Account page styles below */
#myaccount #userContent{border:none;width:100%;padding:0px;margin:0px;margin-top:10px;}
#myaccount #userMenu{width:20%;float:left;clear:both;display:inline-block;padding-left:20px;vertical-align:top;}
#myaccount #rightUserContent{width:80%;vertical-align:top;padding-left:20px;padding-right:20px;border-left:#cccccc solid 2px;}
#myaccount #fullContent{width:100%;vertical-align:top;padding:0px 20px;}

#myaccount #title{width:100%;padding:0;margin:0;border-bottom:1px dotted #cccccc;}
#myaccount #title p{margin:0px;padding:0px 0px 5px 20px;font-family:Georgia;font-size:22px;font-style:italic;font-weight:bold;color:#444444}
#myaccount p.subtitle{width:100%;font-size:22px;font-family:Georgia,Arial;color:#e30477;margin:10px 0px 10px 0px;padding:0px 0px 10px 10px;border-bottom:1px solid #cccccc;}
#myaccount p.subtitle-wb{width:100%;font-size:22px;font-family:Georgia,Arial;color:#e30477;margin:10px 0px 10px 0px;padding:0px 0px 10px 10px;}
#myaccount p.header{padding:5px 0 15px 0;margin:0;font-size:18px;font-family:Georgia,Arial;color:#333333;}
#myaccount .headerlink{margin:10px 0 5px 30px;padding:0;}
#myaccount .headerlink a{font-size:16px;font-family:Georgia,Arial;color:#03388f;}
#myaccount .headerlink a span{font-size:18px;}

#myaccount .hinttext{font-family:arial,verdana;font-size:12;color:#777777;}
#myaccount .txt{font-size:12px;font-family:arial,tahoma;color:#000000}
#myaccount span.link a{text-decoration:none;color:#03388f;font-size:12px;}
#myaccount span.link a:hover{text-decoration:underline}

#myaccount p.menupara{padding:0;margin:0;padding-bottom:2px;width:150px;}

#myaccount p.noAlbum{font-size:14px;font-family:Arial,Verdana;color:#333333;padding-left:10px;padding-bottom:10px;}
#myaccount p.noAlbum span{color:#bb0000;}
#myaccount p.albumExists{font-size:14px;font-family:Arial,Verdana;color:#333333;padding-left:10px;padding-bottom:10px;}

#myaccount a{text-decoration:none;}
#myaccount a.createAlbumLink{margin-left:10px;}
#myaccount span.createAlbumButton{color:#ffffff;text-align:center;font-family:tahoma,arial,verdana,sans-serif;font-size:16px;font-weight:bold;background-color:#0e7a8d;border:1px solid #000000;width:180px;cursor:pointer;margin:0px;padding:10px;}
#myaccount a:hover span.createAlbumButton{color:#f1f1f1;background-color:#229fb6;border:1px solid #888888;}

#myaccount .dp{text-align:center;width:150px;padding:0;margin:0;}
#myaccount .dp img{padding:0;border:none;background-color:#ffffff;text-align:center}
#myaccount ul.profile-links{list-style:none;margin:0px;padding:0;margin-bottom:20px;width:150px;}
#myaccount ul.profile-links li{font-family:Arial;font-size:13px;margin:0;padding:2px 0px 5px 0px;border-bottom:1px dotted #0e7a8d;}
#myaccount ul.profile-links li a{color:#111111;text-decoration:none;}
#myaccount ul.profile-links li a:hover{color:#0e7a8d;padding-left:15px;background:url(../images/profile-arrow.png) no-repeat 0 50%;}
#myaccount ul.profile-links li.active a{color:#0e7a8d;text-decoration:none;background:url(../images/profile-arrow.png) no-repeat 0 50%;padding-left:15px;}

#myaccount .trip-details{width:100%; margin:0;padding:0;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #cccccc }
#myaccount .trip-details p.header{font-family:arial,verdana,tahoma;padding:0;margin:0;padding-bottom:5px;}
#myaccount .trip-details p.header a{text-decoration:none;font-size:17px;color:#0e7a8d;}
#myaccount .trip-details p.header a:hover{text-decoration:none;color:#e30477;}
#myaccount .trip-details p.header span.link{font-family:arial,verdana,tahoma;font-size:13px;color:#03388f;vertical-align:middle;padding-bottom:2px;}
#myaccount .trip-details table{padding:0;margin:0;padding-bottom:4px;width:100%;}
#myaccount .trip-details table td{vertical-align:middle; border:none;}
#myaccount .trip-details .imageThumbnail{padding:0;margin:0;width:120px;text-align:center}
#myaccount .trip-details .imageThumbnail img{border:1px solid #cccccc;padding:2px;text-align:center;background-color:#fafafa;margin:0;}
#myaccount .trip-details .imageThumbnail a{padding:0;margin:0;text-decoration:none;}
#myaccount .trip-details p.subheader{font-family:arial,verdana,tahoma;font-size:13px;color:#333333;margin:0;padding:0 15px 2px 15px;}
#myaccount .trip-details span.link a{text-decoration:none;color:#03388f;font-size:12px;}
#myaccount .trip-details span.s13{font-size:13;vertical-align:middle;padding-bottom:2px;}
#myaccount .trip-details p.desc{font-family:arial,verdana,tahoma;font-size:13px;color:#333333;padding:0 15px 5px 15px;margin:0;text-align:justify;}
#myaccount .trip-details p.subheader img{vertical-align:middle}
#myaccount .trip-details ul{list-style:none;margin:0px;padding:0;padding-left:15px;border-left:1px solid #cccccc;width:160px;}
#myaccount .trip-details ul li{padding:0px 0px 4px 0px;}
#myaccount .trip-details ul img{vertical-align:middle;}
#myaccount .trip-details p.hintpad{padding:0 15px 2px 15px; margin:0;}

#myaccount #profile-details{width:100%;margin:0;padding:0;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #cccccc}
#myaccount #profile-details table{padding:0;margin:0;width:100%;}
#myaccount #profile-details table td{vertical-align:top; border:none;padding-left:50px;padding-bottom:3px;margin:0;}
#myaccount #profile-details p.type{font-family:arial,verdana,tahoma;padding:0 0 10px 15px;margin:0;font-size:14px;color:#222222;font-style:oblique}
#myaccount #profile-details textarea{width:250px;height:75px;}

#myaccount #settings-details{width:95%;margin:0;padding:0;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #cccccc}
#myaccount #settings-details table{padding:0;margin:0;width:100%;}
#myaccount #settings-details table td{vertical-align:top; border:none;padding:0 0 3px 40px;margin:0;font-size:12px;}
#myaccount #settings-details p.type{font-family:arial,verdana,tahoma;padding:0 0 10px 15px;margin:0;font-size:14px;color:#222222;font-style:oblique}
#myaccount #settings-details textarea{width:250px;height:75px;}
#myaccount #settings-details span.link a{vertical-align:bottom;}
#myaccount #settings-details img.icon{vertical-align:bottom;padding:0;margin:0;}

#myaccount #profileForm{padding:0;margin:0;}
#myaccount .profile-button{color:#ffffff;text-align:center;font-family:tahoma,arial,verdana,sans-serif;font-size:13px;font-weight:bold;background-color:#0e7a8d;border:1px solid; border-color:#555555;cursor:pointer;padding:1px 5px 2px 5px;margin:0;text-decoration:none}

#myaccount p.info{margin:0 0px 10px 0px; padding:10px; border:1px solid #cccccc;font-family:arial,tahoma,verdana,sans-serif;font-size:12px;color:#666666;background-color:#f5f5f5}
#myaccount p.info a{text-decoration:none;color:#03388f}

#myaccount .pending-request{padding:0;margin:0;background:#fefcba;border:1px solid #e9d464;margin-bottom:10px;padding:5px;}
#myaccount .pending-request table{width:705px;padding:0;margin:0;}
#myaccount .pending-request table td{vertical-align:top}
#myaccount .pending-request table td.borderLeft{border-right:1px solid #cccccc}
#myaccount .pending-request img.tripthumb{border:1px solid #cccccc;padding:2px;text-align:center;background-color:#fafafa;margin:0;margin-right:10px;}
#myaccount .pending-request p.header{font-family:arial,verdana,tahoma;padding:0;margin:0;padding-bottom:5px;font-size:17px;color:#333333;}
#myaccount .pending-request p.header a{text-decoration:none;font-size:17px;color:#0e7a8d;}
#myaccount .pending-request p.header a:hover{text-decoration:none;color:#e30477;}
#myaccount .pending-request p.subheader{font-family:arial,verdana,tahoma;font-size:12px;color:#333333;margin:0;padding:0 0px 2px 0px;}
#myaccount .pending-request p.padt10{margin-top:10px;}
#myaccount .pending-request p.subheader a img{border:none;}
#myaccount .pending-request p.button{margin-top:8px;margin-bottom:7px}
#myaccount .pending-request span.link a{vertical-align:bottom;}

#myaccount #fullContent .pending-request{margin:30px 20px 200px 20px;}
#myaccount #fullContent .pending-request table{width:850px;}

#myaccount .fb-friends{padding:0;margin:0;background:#eceff6;border:1px solid #d4dae8;margin-bottom:10px;padding:5px;}
#myaccount .fb-friends div.thumbrow{padding:0;margin:3px 0;}
#myaccount .fb-friends div.thumbpic div{padding:0;margin:0;width:60px;text-align:center;vertical-align:top;}
#myaccount .fb-friends div.thumbpic div.img{}
#myaccount .fb-friends div.thumbpic div.text{overflow:hidden;text-align:center;}
#myaccount .fb-friends div.thumbpic span.link a{text-decoration:none;color:#03388f;font-size:12px;}
#myaccount .fb-friends div.thumbpic span.link a:hover{text-decoration:underline;}
#myaccount .fb-friends div.thumbpic{padding:0;margin:0 0px;width:60px;display:inline-block;text-align:center;vertical-align:top;}
* html #myaccount .fb-friends div.thumbpic{ 
   margin-right: expression( "4px" ); /* sets margin for IE */
   display:expression( "inline" );
}
#myaccount .fb-friends a.userthumb{padding:0;margin:0;text-decoration:none;border:none;}
#myaccount .fb-friends a.userthumb img{border:none;padding:0;margin:0;vertical-align:top;width:50px;}
#myaccount .fb-friends #divider1px{background-color:#d4dae8}