/***************************************** This is the new common css going forward with tiles ************************************/
/***************************************** Please do not put anything here that is not reusable ***********************************/
/******** We will be merging css in a more sophisticated way to reduce # of request, this file is not meant to hold all css *******/

/*

TABLE OF CONTENTS:
1. Utility classes
2. Univerals
3. Header
4. Content area
*/


/*
==============================
1. Utility classes
==============================
*/

/* BEGIN clearfix is for clearing floats */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END clearfix */


/* ==============================
2. Universals
============================== */
body{background-color: #FAF6ED; font-family: arial; text-align: left;}
.smallBlueText{font-size: 12px; color: #1d83be;}
.hide{display: none;}
.show{display: block;}
/* ==============================
3. Header
============================== */
#top-bar {}
#top-bar .brand-mamabar {}
#top-bar #HeaderContainer {}
#top-bar #HeaderContainer #logo-search-name-housing {}
#top-bar #HeaderContainer #nav-bar {}


#pageContent {text-align: center;}
#pageContent #header, #pageContent #body {margin: 0px auto 0px auto; width: 988px; background-color: #ffffff;}
#pageContent #header {}
#pageContent #header #leaderboardBanner{}


/* ==============================
4. Content area
============================== */
#pageContent #body {} /*also see above; shared attributes with #pageContent #header */
#pageContent #body #maincontent { background-color: #fff; vertical-align:top; text-align:left; width:988px; margin:0px auto 0px auto; padding:10px 0px 0px 0px; }
#pageContent #body #maincontent .columnCombined {width:600px; float:left; display: inline; margin-left:20px}
#pageContent #body #maincontent .columnRight {width:325px; float:right; text-align:left; display: inline; }

#addFriendPopup{width: 247px; position: relative; top: 10px; left: -150px; display: none; margin: 0px 0px 0px 0px;z-index: 10;}
#addFriendPopup #buttonsHolder{text-align: right; padding-top: 10px;}
#addFriendPopup #buttonsHolder #confirmButton{display: inline; padding-left: 7px; color: #1D83C1; cursor: pointer; font-size: 16px;}
#addFriendPopup #buttonsHolder #requestMessage{width: 205px; height: 40px; margin: 0px 0px 10px 0px;}

/* sending gifts via avatar actions #hovering-avatar-action*/
#hovering-avatar-action, #login-form-housing {position:absolute; z-index:999;}
#hovering-avatar-action table {border-collapse: separate; border-spacing: 0;}
#hovering-avatar-action #close-link {font-size:9px; text-align:right;padding-bottom:5px; font-weight: bold; }
#hovering-avatar-action .response { font-family: Georgia; font-size: 18px; text-align: left; padding-top: 20px; }
#hovering-avatar-action .username { font-size: 18px; font-weight: bold; }
#hovering-avatar-action .aaTitle { color:#B023AE; font-weight:bold; font-size:34px; letter-spacing:-2px; float: left; }
#hovering-avatar-action .footButtons { text-align: right; padding-top: 30px; }
#hovering-avatar-action .footButtons img { cursor: pointer; }
#hovering-avatar-action a {color:#1d83be;}

/*note*/
#hovering-avatar-action #avatar-action-pm-compose { font-size: 12px; text-align:left; width:340px; }
#hovering-avatar-action #avatar-action-pm-compose input, #hovering-avatar-action #avatar-action-pm-compose textarea { border:1px solid #B023AE; margin:0 0 5px; width:325px; }
#hovering-avatar-action #avatar-action-pm-compose span {font-weight:normal; }
#hovering-avatar-action #avatar-action-pm-compose #messageBody, #hovering-avatar-action #avatar-action-pm-compose #subject {font-size:.9em;font-family:verdana;width:200px; }
#hovering-avatar-action #avatar-action-pm-compose #messageBody { height:150px; width: 325px; display: block; clear: both; font-size:14px;}
#hovering-avatar-action #avatar-action-pm-compose #subject { margin: 5px 0 10px; width: 325px; display: block; clear: both;}
#hovering-avatar-action #avatar-action-pm-compose .chars-left{float:right;}
#hovering-avatar-action #avatar-action-pm-compose .buttons { text-align: right; }
#hovering-avatar-action #avatar-action-pm-compose .inputTitle { height: 20px; }

/*gift*/
#hovering-avatar-action #gift-housing { width:465px; font-size: 12px; text-align:left; }
#hovering-avatar-action #gift-housing .instructContainer { background: url(/assets/balloons/dotted_480.gif) no-repeat bottom left; height: 25px; margin-bottom: 10px; }
#hovering-avatar-action #gift-housing .header{}
#hovering-avatar-action #gift-housing .instructions{ font-family: Georgia; }
#hovering-avatar-action #gift-housing #gift-categories {float:left; padding-right: 20px; width: 120px;}
#hovering-avatar-action #gift-housing #gift-categories #header{font-family:Arial; font-size:21px; font-weight:bold;color:#999999;letter-spacing:-.5px; width: 120px;}
#hovering-avatar-action #gift-housing #gift-categories #giftCategory{padding-bottom:5px; color: #B023AE; }
#hovering-avatar-action #gift-housing #gift-categories #giftCategory .onState{display:block; padding-left:15px; background-image:url(/assets/icons/magenta_carat.gif); background-repeat:no-repeat; background-position:2px 3px; font-weight: bold; }
#hovering-avatar-action #gift a { }

#hovering-avatar-action #gift-housing #gifts {width:280px;float:left;}
#hovering-avatar-action #gift-housing #gifts table{background-color:white; width: 100%; }
#hovering-avatar-action #gift-housing #gifts table tr { height: 100px; }
#hovering-avatar-action #gift-housing #gifts td{text-align:center;}
#hovering-avatar-action #gift-housing #gifts .giftItem .giftItemImage {padding-right:5px;}
#hovering-avatar-action #gift-housing #gifts .giftItemTitle img{display:none;}

#hovering-avatar-action #gift-reason { width: 380px; }
#hovering-avatar-action #giftDesc select#reasonDropDown {width:300px;}
#hovering-avatar-action #gift-reason .instructContainer { font-size: 12px; text-align: left; font-family: Georgia; background: url(/assets/balloons/dotted_480.gif) no-repeat bottom left; height: 25px; margin-bottom: 10px; }
#hovering-avatar-action #gift-reason .sending { font-size: 18px; font-weight: bold; margin: 10px 0px; }
#hovering-avatar-action #gift-reason #reason-select { width: 380px; margin: 10px 0; }
#hovering-avatar-action #gift-reason .sendButtons { text-align: right; }

#hovering-avatar-action #gift-sent { width: 300px; }
#hovering-avatar-action #gift-sent .sending { margin: 15px 0px; padding-bottom: 30px; font-size: 18px; font-weight: bold; }
#hovering-avatar-action #gift-sent .image { padding-bottom: 50px; }
#hovering-avatar-action #giftSentCopy {display:none;}

#hovering-avatar-action #main { font-size: 18px; font-weight: bold; }
#hovering-avatar-action #main select { font-size:14px; margin-bottom:10px; margin-top:5px; }
#hovering-avatar-action #main #giftDesc { margin-top:5px; }
#hovering-avatar-action #main a { display:none; }
#hovering-avatar-action #main #sendLink a { display:block; }

/*board*/
#hovering-avatar-action .to { font-family: Georgia; font-size: 16px; padding: 0 0 10px; text-align: left; }
#hovering-avatar-action .username { font-weight: bold; }
#hovering-avatar-action textarea{ background-image:none; border:1px solid #B023AE; margin-bottom:10px; font-family:verdana; font-size:.8em; width:300px; height:100px; font-size:14px;}
#hovering-avatar-action #commentSubmitBtn { text-align: right; }
#hovering-avatar-action .sent { font-family: Georgia; font-size: 16px; padding: 20px 0; }

/*avatar actions*/
.avatar-actions {height:23px; width:70px; position: relative; }
.allUsersComments .avatar-actions {margin-left:30px;}/*for dailies comments*/
.avatar-actions a, .avatar-actions span{width: 17px; background-image:url(/assets/icons/ico_avatar-actions-v2.gif); display:block; height:20px; outline:none; overflow:hidden; text-indent:-2000em; text-align:left; float:left; background-repeat:no-repeat;}
/*.avatar-actions span{width: 17px; background-image:url(/assets/icons/ico_avatar-actions-v2.gif); display:block; height:20px; outline:none; overflow:hidden; text-indent:-2000em; text-align:left; float:left; background-repeat:no-repeat;}*/

.avatar-actions .gift{background-position:-20px;}
.avatar-actions .board{background-position:-42px 3px; }
.avatar-actions .friend{background-position:-64px 3px; width: 19px;}
.avatar-actions .note{background-position:1px 3px;}


/*gift viewing page*/
#sender-avatar-actions {background-image:url(/assets/balloons/gifts_bubble.gif); width:450px; background-repeat:no-repeat;height:47px;margin-left:70px;_margin-left:0px;}
#sender-avatar-actions .avatar-actions{padding-top:22px; padding-left:50px;}
#sender-avatar-actions .avatar-actions a {text-indent:0em; text-align:left;}
#sender-avatar-actions .avatar-actions a.note{padding-left:20px;background-image:url(/assets/icons/ico_avatar-actions-note.gif); width:110px;}
#sender-avatar-actions .avatar-actions a.gift{padding-left:20px; background-image:url(/assets/icons/ico_avatar-actions-gift.gif); width:110px;background-position:0px}
#sender-avatar-actions .avatar-actions a.board{padding-left:20px;background-image:url(/assets/icons/ico_avatar-actions-wall.gif); width:110px;background-position:0px}
#sender-avatar-actions .avatar-actions-bar{padding-top:22px; padding-left:20px; padding-right:20px; width:450px; position: relative;}
#sender-avatar-actions .avatar-actions-bar a.note{padding-left:20px; padding-right:20px; background-image:url(/assets/icons/ico_avatar-actions-note.gif); background-repeat:no-repeat; width:130px;}
#sender-avatar-actions .avatar-actions-bar a.gift{padding-left:20px; padding-right:20px; background-image:url(/assets/icons/ico_avatar-actions-gift.gif); background-repeat:no-repeat; width:130px;background-position:0px}
#sender-avatar-actions .avatar-actions-bar a.board{padding-left:20px; padding-right:20px; background-image:url(/assets/icons/ico_avatar-actions-wall.gif); background-repeat:no-repeat; width:130px;background-position:0px}

/*corners*/
#hovering-avatar-action { border-collapse: collapse; font-size: 11px; width: auto; display:block; }
#hovering-avatar-action #close-link { color: #1d83be; cursor: pointer; font-weight:normal;  }
#hovering-avatar-action .nw { background: transparent url(/assets/balloons/avatar-actions-balloon_nw.gif) no-repeat; width:13px; height: 33px; }
#hovering-avatar-action .n { background: transparent url(/assets/balloons/avatar-actions-balloon_n.gif) repeat-x top; height: 33px; }
#hovering-avatar-action .carrot { background: transparent url(/assets/balloons/avatar-actions-balloon_n_carrot.gif) no-repeat top; height: 33px; width: 76px; }
#hovering-avatar-action .nr { background: transparent url(/assets/balloons/avatar-actions-balloon_n.gif) repeat-x top; text-align:right; height: 33px; }
#hovering-avatar-action .ne { background: transparent url(/assets/balloons/avatar-actions-balloon_ne.gif) no-repeat top right; width:13px; height: 33px; }
#hovering-avatar-action .e, #login-balloon .e { background: transparent url(/assets/balloons/avatar-actions-balloon_e.gif) repeat-y right; }
#hovering-avatar-action .se, #login-balloon .se { background: transparent url(/assets/balloons/avatar-actions-balloon_se.gif) no-repeat bottom right; height:12px; }
#hovering-avatar-action .s, #login-balloon .s { background: transparent url(/assets/balloons/avatar-actions-balloon_s.gif) repeat-x bottom; }
#hovering-avatar-action .sw, #login-balloon .sw { background: transparent url(/assets/balloons/avatar-actions-balloon_sw.gif) no-repeat bottom left;}
#hovering-avatar-action .w, #login-balloon .w { background: transparent url(/assets/balloons/avatar-actions-balloon_w.gif) repeat-y; }
#hovering-avatar-action .content { background-color:white; padding: 0 10px; text-align: left; }