/*
    Document   : main
    Created on : Jul 30, 2009, 2:11:39 PM
    Author     : andy
    Description:
        Rememberstuff.net main css file
*/
/*
GENERAL STYLES
*/
body{
  font-family: arial, sans-serif;
  background: top;
  background-image: url('../images/bg5.jpg');
  background-attachment:fixed;
  background-repeat:repeat-x;
  background-color:#666;
  padding: 0px;
  text-align: left;
  margin:0px;
  border: 0px;
}
img{
  border: 0px none;
}
/*
a:name{
  color: #ffa940;
  text-decoration: none;
  font-size: 15px;
  font-family: sans-serif;
}
*/
a:link{
  color: #444;
  text-decoration: none;
  font-size: 15px;
  font-family: arial, sans-serif;
}
a:visited{
  color: #444;
  text-decoration: none;
  font-size: 15px;
  font-family: arial, sans-serif;
}
a:hover{
  color: #000;
  font-size: 15px;
  font-family: arial, sans-serif;
}
input[type="text"]{
  width: 140px;
}
input[type="password"]{
  width: 140px;
}
h1{
  color:#ED8A11;
  font-size: 27px;
  font-weight: bold;
}
.menuLinkDiv, .clickable{
  cursor:pointer;
}
.menuLinkDivJs{
  cursor:pointer;
}
.marginRight4{
  margin-right:4px;
}
.show{
  border: 1px solid black;
}
.pointer{
  cursor: pointer;
}
.floatLeft{
  float:left;
}
.hide{
  display:none;
}
.floatRight{
  float:right;
}
.redText{
  color: red;
}
.grayText{
  color:gray;
}
.black{
  color: black;
}
.yellowBG{
  background-color: #ed8a11;
}
.center{
  text-align:center;
}
.alignRight{
  text-align: right;
}
.alignLeft{
  text-align: left;
}
.leftColumn{
  float:left;
  width: 220px;
  height: 100%;
  margin:0px 0px 0px 10px;
}
.rightColumn{
  width: 540px;
  display:inline-block;
  margin:0px 0px 0px 10px;
  color: #000;
  float:left;
}
.thirdColumn{
  position:absolute;
  left:540px;
  width: 245px;
  top:20px;
}
.fullColumn{
  width: 740px;
  height: 100%;
  vertical-align: top;
  padding: 0px 20px;
}
a.divLink:link, a.divLink:hover, a.divLink:visited{
  display:block;
  width:100%;
  height: 100%;
}
.height32{
  height:32px;
}
.width160{
  width: 160px;
}
.leftDeckInfo{
  width:144px;
}
.floatParent{
  height:1px;
  width:1px;
  position:relative;
}
.floatChild{
  position:absolute;
}
.error{
  font-size: 11px;
}
.errorRed{
  font-size: 13px;
  color:red;
}
.coloredLink, a.coloredLink, a.coloredLink:link, a.coloredLink:visited, a.coloredLink:hover{
  color:#ffa940;
  font-size: 13px;
  font-weight: bold;
}
.whiteLink, .whiteLink:visited, a.whiteLink, a.whiteLink:link, a.whiteLink:visited{
  color:#666;
  font-size: 13px;
  font-weight: bold;
}
a.whiteLink:hover{
  color:#000;
  font-size: 13px;
  font-weight: bold;
}
span.coloredSpan{
  color:#ED8A11;
  font-size: 17px;
  font-weight: bold;
}
span.largeColoredSpan, h2{
  color:#ED8A11;
  font-size: 27px;
  font-weight: bold;
  margin-bottom:8px;
}
span.plainSpan{
  color: #666;
  font-size: 17px;
  font-weight: bold;
}
span.medBigSpan{
  color: #444;
  font-size: 22px;
  font-weight: bold;
  margin:auto;
}
span.plainSpanMed{
  color: #666;
  font-size: 14px;
  font-weight: bold;
}
img.avatar{
  width: 60px;
}
img.miniAvatar{
  width:40px;
  float: left;
}
.textDiv p{
  text-align: justify;
}
/*
END GENERAL STYLES
*/

/*
* |-- CORNER STYLES
*/
div.cornerContain{
  width: 245px;
  margin: 20px 0px;
}

div.cornerContainFp{
  width: 215px;
  margin: 20px 0px 0px 0px;
}

div.cornerContainForm{
  width: 350px;
  margin: 20px 0px 0px 10px;
}

div.cornerContainQuiz{
  width: 285px;
  margin: 20px 0px 0px 10px;
}

div.cornerContainMenu{
  width: 204px;
}

div.tlCorner{
  background-repeat:no-repeat;
  float:left;
  position:absolute;
  z-index:1;
  height: 10px;
  width: 10px;
}
div.trCorner{
  background-repeat:no-repeat;
  background: top right;
  float:right;
  position:absolute;
  z-index:1;
  height: 10px;
  width: 10px;
  right:0px;
}
div.blCorner{
  background-repeat:no-repeat;
  background: bottom left;
  float:left;
  position:relative;
  top:-10px;
  z-index:1;
  height: 10px;
  width: 10px;
}
div.brCorner{
  background-repeat:no-repeat;
  background: bottom right;
  float:right;
  position:relative;
  top:-10px;
  z-index:1;
  height: 10px;
  width: 10px;
}

/*
* END CORNER STYLES --|
*/

/*
* PROMPT STYLES
*/
div.myPrompt{
  padding:14px;
  text-align:left;
}
span.myPromptTitle{
  color: #ffa940;
  font-size: 17px;
  font-weight: bold;

}
span.myPromptText{
  color: #666;
}
div.myPromptButtonDiv{
  width: 100%;
  text-align:right;
}
/*
* END PROMPT STYLES
*/


/*
BEGIN header STYLES
*/
table.maintable{
  width: 800px;
  margin:auto;
  border: 0px;
}
table.maintable tr td.head{
  height: 150px;
}
table.maintable tr td.bar{
  height: 30px;
  background-color: #444;
  
  border-left:1px solid #666;
}
table.maintable tr td.bar table{
  width: 100%
}
table.maintable tr td.bar table td{
  width: 25%;
  text-align: center;
}
ul{
  padding:0px;
  margin:0px;
}
ul.menu li{
  float:left;
  display:inline;
}
ul.menu li a, ul.menu li a:link, ul.menu li a:visited{
  font-family: arial;
  font-weight:bold;  
  color: #AAA;
  text-transform: lowercase;
  display:block;
  width:198.25px;
  height:28px;
  padding-top:2px;
  text-align:center;
  border-right: 1px solid #666;
  background-image: url(../images/barbg.jpg);
  text-shadow:  1px 1px #000;
  font-size:20px;
  
}
ul.menu li a:hover{
  background-image: url(../images/barbg2.jpg);
  color:#fff;
}
table.maintable tr td.bar table tr td.mainMenu a:hover{
  font-family: arial;
  font-weight:bold;
  color: #FFFFFF;
  text-transform: lowercase;
}
table.maintable tr td.main{
  background-color: #FFFFFF;
  /*color: #666;*/
  color: #000;
  padding:10px 8px;
}
table.maintable tr td.foot{
  background-color: #FFFFFF;
  color: #CCC;
  height: 80px;
  text-align: center;
  margin: 15px 5px;
}
/*
END header STYLES
*/

/*
MENU STYLES
*/
div.menuMessage{
  padding:8px;
  font-size:14px;
}
.menuContainer{
  background-color:#FFF;
  width: 200px;
  margin: 20px 0px 0px 0px;
  padding-bottom:15px;
  border: 2px solid #ED8A11;
}
.menuContainer div.menuHeader, .menuContainer div.menuLinkDivJs, div.menuLinkDiv{
  margin: 2px 0px 0px 0px;
  padding: 11px 0px;
  width: 198px;
}
.menuContainer div a{
  margin: 0px 0px 0px 20px;
  color: #ED8A11;
  font-size:13px;
  font-weight:bold;
}
.menuContainer div.menuLinkDivJs:hover, div.menuLinkDiv:hover{
  margin: 2px 0px 0px 0px;
  padding: 11px 0px;
  width: 190px;
  background-color:#ffa940;
}
.menuContainer div:hover a{
  margin: 0px 0px 0px 20px;
  color: #FFF;
  font-size:13px;
  font-weight:bold;
}
.menuContainer div.menuHeader{
  margin: 0px 0px 10px 0px;
  text-align:center;
  padding: 8px 0px;
  width: 200px;
  background-color: #ed8a11;
  border-bottom: 8px solid #ffa940;

}
.menuContainer div.menuHeader a{
  cursor:text;
  color: #FFF;
  font-size: 20px;
  margin: 0px 0px 0px 0px;
}

.menuContainer div.menuMessage a, .menuContainer div.menuMessage:hover a{
  margin: 1px;
  color: #ED8A11;
  font-size:13px;
  font-weight:bold;
}


/*
END MENU STYLES
*/

/*
START FORM STYLES
*/
.topMargin{
  margin-top:20px;
}
.stdFormTbl{
  border: 2px solid #ed8a11;
  margin: 0px 2px 0px 0px;
  width:100%;
}
.stdFormTbl td{
  background-color: #FFF;
  padding: 8px;
}
.stdFormTbl td.formHeader{
  background-color: #ed8a11;
  color: #FFF;
  text-align:center;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 8px solid #ffa940;
}
.formLabel{
  color: #ffa940;
  font-size: 13px;
  font-weight: bold;
  vertical-align:top;
}
.stdFormTbl td.formInput{
  font-size: 11px;
  font-weight: bold;
}
.stdFormTbl td.formInputRadio{
  color: #ffa940;
  font-size: 11px;
  font-weight: bold;
}
.stdFormTbl td.formInput input{
  width: 200px;
}
.formXtra{

}
.stdFormTbl td .formTA{
  width: 200px;
}
.stdFormTbl td.formInstruct{
  font-size: 11px;
}
.stdFormTbl td.bigSpace{
  height: 170px;
}
.stdFormTbl td.smallerSpace{
  height: 70px;
}
/*this is for catching robots*/
.andyInput{
  position:absolute;
  left: -350px;
}
.schoolRes{
  border: 1px solid #ffa940;
  background-color: #FFF;
  color: #aaa;
  font-size:13px;
  display:none;
  padding: 4px;
}
.schoolResDiv{
  background-color: #FFF;
  color: #AAA;
  cursor: pointer;
  padding:2px;
}
.schoolResDiv:hover{
  background-color: #AAA;
  color: #FFF;
  cursor: pointer;
  padding:2px;
}
/*
END FORM STYLES
*/

/*
ABOUT STYLES
TODO: move into separate file
*/
 .aboutMainMenu{
   cursor:pointer;
   color:#444;
   padding:8px;
 }
 .aboutMainMenu:hover{
   cursor:pointer;
   color:#444;
   background-color: #ffa940;
   padding:8px;
 }
 .aboutMainMenu:hover .largeColoredSpan{
   color:#FFF;
 }
 .aboutContentDiv{
   color:#444;
 }
 .aboutContain .showOnHover{
   display:none;
 }
 .aboutContain:hover .showOnHover{
   display:block;
 }
/*
END ABOUT STYLES
*/

/*
HOME STYLES
TODO: move into separate file
*/
table.fpDeck{
  border-spacing:0px;
  height: 108px;
  width: 215px;
  margin: 0px 0px 0px 0px;
}
table.fpDeck td{
  background-color: #FFA940;
  font-size: 10px;
}
table.fpDeck td.leftPadding{
  padding-left:10px;
}
table.fpDeck tr td.fpDeckHead{
  background-color: #ed8a11;
  text-align:center;
  color: #FFF;
  font-weight: bold;
  text-transform:uppercase;
  font-size: 16px;
  border: 0px none;
}
table.fpDeck tr td.fpDeckTitle{
  background-color: #FFF;
  font-size: 12px;
  padding-left: 7px;
  color:#000;
  border: 2px solid #ed8a11;
}
table.fpDeck tr td.fpDeckQuiz{
  height:70px;
  width: 53px;
}
table.fpDeck tr td.fpDeckQuiz:hover{
  background-color: #ffa940;
  cursor:pointer;
  width: 53px;
}
table.fpDeck tr td.fpDeckQuiz a{
  color: #ffa940;
  font-size:12px;
}
table.fpDeck tr td.fpDeckQuiz:hover a{
  color: #FFF;
  font-size:12px;
}

table.fpDeck tr td.fpLoginBttn{
  background-color: #ffa940;
  font-size: 14px;
  padding-left: 7px;
  padding: 1px 7px;
  width: 107.5px;
  height: 20px;
}
table.fpDeck tr td.fpLoginBttn:hover{
  background-color: #ffa940;
  font-size: 14px;
  padding-left: 7px;
  color: #FFF;
  cursor:pointer;
  width: 107.5px;
}
table.fpDeck tr td.fpDeckFoot{
  background-color: #ffa940;
  height: 8px;
}

/*start quick clicks*/

.quickClickContain{
  width: 215px;
  background: #FFA940;
  position:relative;
  margin-top:20px;
  cursor:pointer;
}
.quickClickImage{
  width: 70px;
  height:60px;
}
.quickClickTitle{
  border-bottom: 2px solid #444;
  position:absolute;
  top:5px;
  right:0px;
  color:#444;
  font-size:18px;
  width: 130px;
  text-transform:uppercase;
}
.quickClickText{
  position:absolute;
  top:30px;
  right:10px;
  color:#444;
  width:120px;
}
.quickClickContain:hover .quickClickText, .quickClickContain:hover .quickClickTitle{
  color:#000;
}
.quickClickContain:hover .quickClickTitle{
  border-bottom:2px solid #000;
}
/*end quick clicks*/

/*begin news widget*/
div.newsContain{
  width: 520px;
  margin:18px 2px;
}
table.newsTable{
  width: 520px;
}
table.newsTable .newsHead{
  height: 35px;
  background-color: #ed8a11;
}
table.newsTable .newsMid{
  height: 60px;
  padding:6px 25px;
  font-size:14px;
  border-left: 2px solid #ed8a11;
  border-right: 2px solid #ed8a11;
}
table.newsTable .newsMid table tr td.avatarTd{
  vertical-align:top;
}
table.newsTable .newsMid table tr td.msgTd{
  padding-left:10px;
  text-align:justify;
}
table.newsTable .newsFoot{
  height: 40px;
  text-align: center;
  border: 2px solid #ed8a11;
  border-top: 0px none;
  background-color:#FFF;
}
table.titleTable{
  width: 88%;
  margin:2px 26px;
}
table.titleTable td{
  color: #FFF;
  font-weight: bold;
}
table.titleTable td.right{
  text-align: right;
}
/*end news widget*/

/*
END HOME STYLES
*/


/*
PUBLIC DECK STYLES
TODO: move into separate file
*/
table.deck{
  border-spacing:0px;
  height: 110px;
  width: 245px;
  margin: 0px 0px 0px 0px;
}
table.deck td{
  background-color: #ffa940;
  font-size: 10px;
}
table.deck td.deckDesc p{
  text-align:justify;
  margin-right:10px;
}

table.deck tr td.deckHead{
  background-color: #ed8a11;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  text-transform:capitalize;
}
table.deck tr td.deckHead span, table.deck tr td.deckHead span a:link, table.deck tr td.deckHead span a:hover, table.deck tr td.deckHead span a:visited, table.deck tr td.deckHead span a:link{
  z-index:3;
  font-size: 12px;
  color:#FFF;
}
table.deck tr td.deckTitle{
  background-color: #FFF;
  font-size: 12px;
  font-weight: bold;
  padding-left: 7px;
  border: 2px solid #ed8a11;
}
table.deck tr td.deckQuiz{
  height:70px;
  width: 53px;
}
table.deck tr td.deckQuiz:hover{
  background-color: #ffa940;
  cursor:pointer;
  width: 53px;
  z-index:20;
}
table.deck tr td.deckQuiz a{
  color: #ffa940;
  font-size:12px;
}
table.deck tr td.deckQuiz:hover a, table.deck tr td.deckQuiz:hover a:hover{
  color: #FFF;
}
table.deck tr td.deckQuiz img{
  width:45px;
  margin:6px;
}

div.commentContain{
  color: #666;
  font-size: 11px;
  padding: 6px;
}
span.commentTitle{
  color:#ffa940;
  font-size: 13px;
  font-weight: bold;
}
div.tagsDiv{
  text-align: center;
  color:#ffa940;
  font-size: 13px;
  font-weight: bold;
  text-transform:capitalize;
}

table.actionTable{
  width:100%;
}
table.actionTable td{
  background-color:#ffa940;
  padding: 4px;
  padding-left: 12px;
}
table.actionTable td.actionHeader{
  text-align:center;
  background-color:#ffa940;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  padding: 4px;
  padding-bottom: 8px;
}
div.viewCardDiv{
  width: 240px;
  background-color:#ffa940;
}
div.editDeckOpt{
  width: 340px;
  background-color:#ffa940;
  position:relative;
}
div.editDeckOpt:hover{
  width: 340px;
  background-color:#ffa940;
  position:relative;
  cursor:pointer;
  color:#000;
}
div.optHeading{
  border-bottom: 2px solid #444;
  width:220px;
  font-size: 22px;
  color: #444;
  padding: 8px;
  padding-bottom: 0px;
  position: absolute;
  top:0px;
  right: 4px;
}
div.editDeckOpt:hover div.optHeading{
  color:#000;
  border-bottom: 2px solid #000;
}
div.optIcon{
  /*border: 1px solid #444;*/
  width: 75px;
  height: 80px;
  position: absolute;
  top:0px;
}
div.optText{
  height: 45px;
  width: 227px;
  position: absolute;
  right: 10px;
  bottom: 16px;
  color: #444;
}
div.editDeckOpt:hover div.optText{
  color:#000;
}
div.editDeckOpt:hover div.editOptDisabled{
  color:#444;
  cursor:text;
}
div.editDeckOpt:hover div.optHeading.editOptDisabled{
  border-bottom: 2px solid #444;
  cursor:text;
}
div.viewCardText{
  height: 100px;
  padding: 10px;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  display:table-cell;
  vertical-align:middle;
}
div.quizInfo{
  position:absolute;
  height: 260px;
  width: 233px;
  left: 310px;
  top: 20px;
}
div.colorChange:hover{
  color: #000;
}
div.extraDeckInfo{
  background-repeat:no-repeat;
  background-color:#FFA940;
  height: 40px;
  text-align: left;
  padding-left: 60px;
  padding-top: 15px;
  font-size: 22px;
  color:#444;
}
div.spacer{
  height:10px;
}
div.publicDeckDivider{
  float:left;
  width: 237px;
  padding: 8px;
}
#deckSearchInput{
  width: 230px;
}
div.sortDiv{
  padding:10px 30px;
  background-color:#ffa940;
}
div.searchedDeck{
  padding:10px 20px;
  background-color:#ffa940;
  color: #444;
  font-size:12px;
}
div.searchedDeck:hover{
  padding:10px 20px;
  background-color:#ffa940;
  color: #000;
  font-size:12px;
  cursor:pointer;
}
/*
END PUBLIC DECK STYLES
*/

/*
QUIZ DECK STYLES
TODO: move into separate file
*/
table.deckQuiz{
  border-spacing:0px;
  border: 2px solid #ed8a11;
  height: 160px;
  width: 285px;
  margin: 0px 0px 0px 0px;
}
table.deckQuiz td{
  background-color: #FFF;
  font-size: 13px;
}
table.deckQuiz tr td.deckHeadQuiz{
  background-color: #ed8a11;
  text-align:center;
  color: #FFF;
  font-weight: bold;
  text-transform:uppercase;
  font-size: 16px;
}
table.deckQuiz tr td.deckTitleQuiz{
  background-color: #ffa940;
  font-size: 12px;
  font-weight: bold;
  padding-left: 7px;
}
table.deckQuiz tr td.deckDescBox{
  height: 110px;
  padding:6px;
}
.quizDiv{
  width: 285px;
  height: 190px;
  margin: 20px 2px 2px 2px;
}
table.quizNav{
  width: 285px;
  height: 20px;
  border: 1px solid #ffa940;
  margin: 5px 2px 2px 0px;
}
table.quizNav td{
  width: 33%;
  height: 20px;
  background-color: #FFF;
  color: #ffa940;
  font-size: 13px;
  font-weight: bold;
}
table.quizNav td:hover{
  width: 33%;
  height: 20px;
  background-color: #ffa940;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
}
table.quizNav td.noClick{
  cursor:text;
  background-color: #FFF;
  color: #CCC;
}
table.quizNav td.noClick:hover{
  cursor:text;
  background-color: #FFF;
  color: #CCC;
}
.quizButton{
  background-color: #FFF;
  color:#ffa940;
  width: 100px;
  height: 20px;
  padding: 10px 0px;
  border: 2px solid #ffa940;
  font-size:13px;
  font-weight: bold;
  margin: 2px 2px 2px 91px;
}
.quizButton:hover{
  background-color: #ffa940;
  color:#FFF;
  width: 100px;
  height: 20px;
  padding: 10px 0px;
  border: 2px solid #ffa940;
  cursor:pointer;
  font-size:13px;
  font-weight: bold;
}
div.quizButton div{
  margin: 2px 10px 10px 10px;
  height: 5px;
}
/*
END QUIZ DECK STYLES
*/

/*
EDIT CARDS STYLES
*/
.editCardRow{
  width:100%;
  height:160px;
  border-top:2px solid #444;
}
.editCardDiv, .editCardHead{
  width:173px;
  height:120px;
  float:left;
  padding:10px;
  border-right:2px dashed #444;
  font-size:14px;
}
.editCardHeadRow{
  width:100%;
  height:60px;
}
.editCardHead{
  width:171px;
  height:20px;
  border:2px dashed #444;
  border-left:2px solid #ffc073;
  background-color:#ffc073;
  color:#000;
  font-size:18px;
}
.editCardDiv textarea{
  width:170px;
  height:100px;
}
.editCardDiv.lastEditCard{
  border-right:0px none;
}
/*
END CARDS STYLES
*/

/*
BEGIN LOGIN PAGE STYLES
*/
.formtableSmall{
  font-size: 15px;
}
td.formTableSmall1{
    background-image: url('http://www.rememberstuff.net/images/emptyFormSmall_01.jpg');
    width: 390px;
    height: 145px;
    background-repeat: no-repeat;
    padding-top: 0px;
    text-align: center;
    font-size: 30px;
    font-family: rockwell;

  }
  td.formTableSmall2{
    background-image: url('http://www.rememberstuff.net/images/emptyFormSmall_02.jpg');
    width: 390px;
    height: 300px;
    vertical-align: top;
    text-align: left;
    background-repeat: repeat-y;
  }
  td.formTableSmall3{
    background-image: url('http://www.rememberstuff.net/images/emptyFormSmall_03.jpg');
    width: 390px;
    height: 40px;
    background-repeat: no-repeat;
  }
  div.blankFormMain{
    margin: 2px 2px 2px 20px;
  }
  span.require{
    font-size: 24px;
    color: red;
  }
  table.chooseSchoolTable td{
    font-size: 11px;
  }

/*
END LOGIN PAGE STYLES
*/

/*
BEGIN MY STUFF STYLES
*/
table tr td.userTd{
  font-size: 12px;
  vertical-align:top;
  width: 200px;
}
#friendPrompt, #friendMade, #msg_dialogue, #msgDiv{
  padding: 15px;
  text-align:left;
  cursor:text;
}
#friendPrompt div, #friendMade div, #msg_dialogue div{
  text-align:right;
  width: 100%;
}

/*
* Message Styles
*/
.msgContain, .newMsgContain{
  width: 500px;
  margin-bottom:10px;
  height: 60px;
  padding:5px;
  border:2px solid #444;
  border-style:dashed;
  cursor:pointer;
}
.msgContain, .msgContain div, .msgContain div div{
  color:#444;
}
.newMsgContain, .newMsgContain div, .newMsgContain div div{
  color:#444;
  background-color:#ffc073;
}
.msgContain a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}
.msgAvatar{
  float:left;
  width:70px;
}
.msgTopRow{
  width:100%;
  height:40px;
}
.msgFrom{
  float:left;
  width:250px;
  font-size:13px;
  text-transform:uppercase;
  font-weight:bold;
}
.msgDate{
  float:left;
  width:170px;
  font-size:13px;
  text-align:right;
  text-transform:uppercase;
}
.msgBottomRow{
  width:100%;
}
/*HOVER STYLE!*/
.msgContain:hover, .newMsgContain:hover{
  border:2px solid #444;
  background-color:#ffc073;
}
.msgContain:hover, .msgContain:hover div, .msgContain:hover div div{
  color:#000;
}
.newMsgContain:hover, .newMsgContain:hover div, .newMsgContain:hover div div{
  color:#000;
}

/*
single message stlyes
*/
.msgBottomRowWhole{
  width:100%;
}

.msgContainWhole{
  width: 500px;
  margin-bottom:10px;
  padding:5px;
  border:2px solid #444;
  border-style:dashed;
}

/*
send message styles
*/
.sendMessage, .userChooser{
  width: 512px;
}
.messageTextArea{
  width:100%;
  height: 350px;
  margin-bottom:20px;
}
.userChooser{
  padding: 25px 0px;
}
.userChooseUI, .userChosen{
  height: 90px;
  width: 252px;
  float:left;
}
.userChooseUI hr, .userChooseUI input{
  width:90%;
  margin-right:9%;
}
.userChosen{
  padding-left:4px;
}

.friendResDiv{
  cursor:pointer;
}
.friendResDiv:hover, .friendResDiv:hover td{
  background-color:#CCC;
  color:#000;
}

/*
end single message stlyes
*/
.inboxNavigation{
  height:24px;
  margin-bottom:10px;
  text-align:right;
}
.inboxUl{
  padding:0;
  margin:0;
  width:520px;
}
.inboxUl li a{
  background-color:#ffc073;
  color:#000;
  height:20px;
  display:block;
  text-align:center;
  border:2px solid #444;
  width:168px;
  text-align:center;
  float:left;
  font-family:arial;
  font-weight:bold;
  font-size:14px;
}
.inboxUl li{
  display:block;
}
.inboxUl li a:hover, .inboxUl li a.selected{
  background-color:#ed8a11;
  color:#FFF;
  
}
/*
* End Message Styles
*/

.alertDiv, .newAlertDiv{
  width: 85%;
  padding: 10px;
}
.newAlertDiv{
  background-color:#ffc073;
}
span.alertDate{
  color: #444;
  font-size: 13px;
  margin:7px 0px 0px;
}
/*
END MY STUFF STYLES
*/

/*
* message module styles
*/
div.textContainer{
  background-color: #ffc073;
  margin:20px 0px;
  position:relative;
}
div.msgDiv{
  width: 85%;
  margin: 2px 20px;
  padding: 12px;
}
div.replyDiv{
  width: 100%;
  text-align:right;
}
div.msgText{
  margin:2px 48px;
  max-height:300px;
  overflow:auto;
}
/*
* End message module styles
*/