/* TESTING: * /     #userMsg{background:green}
/ * ALWAYS TURN ON BOTH! */

#userMsg {
	font-size:14px; 
    font-weight:normal; /* doesn't look great both large and bold */
	padding-right: 1px; 
    white-space:nowrap;
}
#gameSummaryDiv {
	font-size:14px; 
    font-weight:normal; /* doesn't look great both large and bold */
}
.userMsg span, #helpMsgHead { 
	line-height: 40px;   /* image's height */
/*	height: 25px;  / * image's height */

height: 40px;width:auto;
    
    padding-bottom:8px;
}
#userMsgImg, #msgIcon { 
	line-height: 40px;   /* image's height */
    height:40px; width:40px;    
    padding-bottom:8px;
}
.alertifyNoteIcon{height: 35px;width:auto;margin:10 0 -10 0}

/* .userMsgRow{ height: 100%; } */

#button { padding: .5em 1em; text-decoration: none; }

/* if change this width, adjust alertify stuff below to the same width and margin-left = - 1/2 width! 
#gameTable, #gameTableParent, #gameSelector{width:150px;height:150px;}
*/
/* TODO: not sure why this is off, but adding a margin fixes it 
#gameSelector{margin-top:20px;}
 */

#gameTable{
	border-radius:8%;
}

#userMsgTable,#userMsgTableParent{
    height:65px;
}

/* ---------------------------------------- */
#sideTable{
    width:100px;
}
#prefsTableParentRow{
	border-radius:7px;
	height:90px;
}
#prefsTable {
    right:17px;
}
#resultsTable{
	height:100px;
    font-size:16px;
}
/* ---------------------------------------- */
#bottomTable,#prefsTable2ParentTD{
    height:70px;
}
#prefsTable2ParentTD{
	border-radius:10px;
	width:120px;
}
#prefsTable2 {
    /* margin-bottom:12px; */
}
#resultsTable2{
	width:150px;
    font-size:16px;
}
/* ---------------------------------------- */


#settingsTable,#copyrightInfo{
    border-radius:30px;
    font-size:11px;
}
#gameTableGParent{top: 10%;}
/*#userMsgTable{ margin-right:15px; }*/

/*.gameSquareImg, .gameSquare {width:45px;height:45px}
 .user0Icon, .user1Icon {width: 80px; height: 80px; padding-right:6px} */
.gameSquare {border-radius:10%}
.user0Icon, .user1Icon {width: 25px; height: 25px; /*padding-right:3px */}
.selectGameImg {width:40px;height:40px}
.gameSelectArea{
    height: 40px; width:100px;
}
.gameSelText{
    height: 30px; 
    width:100px; 
    font-size:18px;font-weight:bold;
    line-height: 30px; 
    white-space: nowrap;
}
.gameSelNameText{
    font-size:18px;font-weight:bold;
    white-space: nowrap;
}
#stealthCount, #backgroundVolume, #effectsVolume /* .digitSpinner - don't use class. go direct to override jqui css */
{
    font-size: 20px;
    line-height: 6px;
    /* width: 39px; */
    height: 35px;
    /*margin: 0 75 0 10;*/
    margin: 0 -15 0 0;
}
.generalSettingInfoTD {
    /*
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    */
    width:200px;
    height:35px;
    font-size:16px; 
}
.generalSettingActionTD {
    /*
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    */
    width:40px;
    height:35px;
}
.generalSettingRow
{
    height:35px;
}
.generalSettingActionTDMimic {
    width:1px;
    height:35px;
}
.actionBtnMimic
{
    width:1px;
    height:35px;
}
.buttonSettingInfoTDMimic{
    width:1px;
    height:38px;
    font-size:16px;
}
.buyBtnMimic {
	border:1px solid transparent;
	display:inline-block;
	height:35px;
	width:0.01px;
	font-size:20px; 
	line-height:35px;
    margin: 0 0 5 10;
}
.purchaseHelpBtn {
    margin: -10 7 -10 0;
    width: 35px;
    height: 35px;
    float: right;
}
.actionBtn
{
    width:35px;
    height:35px;
    padding-left:10px;
}
.selectPrefsBtn,.selectGameBtn,.showSlidesBtn{
    width:25px;
    height:25px;
    background:transparent;
    padding:10px;
    /* margin: 0 -5 0 5; */
}
#selectPrefsBtn{margin-top:5px}
#selectPrefsBtn2{margin-left:5px}

.prefSettinDiv{
    height:35px;
    width:150px;
}
.buttonSettingInfoTD{
    width:200px;
    height:38px;
    font-size:16px;
}
.buttonSettingActionTD{
    height:38px;
    width:38px;
}
.buttonSettingRow,.buttonSettingRowMimic{
    height:38px;
}
.buyBtn {
	height:35px;
	width:35px;
	font-size:20px; 
	line-height:35px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
    /*margin-left: 8px;
    margin-bottom: 6px; */
    margin: 0 0 5 12;
}
.genBuyBtn {
	font-size:12px; 
	line-height:35px;

}

/* neat: remove the hard width by clearing the css ( CSS3? ) width:initial
- unfortunately, while it's animating into view it looks bad  :(
- could work if faded it in though... 
.alertify-alert,.alertify-confirm, .alertify-prompt {width:initial}  
.alertify-alert,.alertify-confirm, .alertify-prompt {width:250px; left:50%; margin-left:-165px; border-radius: 50px;background:transparent}
- width must be the same as gameSelector above, and margin-left is -1/2 of that
*/
.alertify-alert,.alertify-confirm, .alertify-prompt {width:300px; margin-left:-150px; left:50%; border-radius: 50px;background:transparent}
.alertify-message, .alertify-buttons{text-align:center; font-size:15px;opacity:.99;}
.alertify-button{min-width: 40px;opacity:.99;}
.alertify-message{border-radius: 10px 10px 0px 0px;} 
.alertify-buttons{border-radius: 0px 0px 10px 10px; background: #ebc932; } 

.simpleWait{
    width:20px;
    margin:9 0 0 0;
}
#learnMoreTextInfo1,#learnMoreTextInfo2,#learnMoreTextInfo{line-height:35px}
.learnMoreBtn{padding-right:4px; }
#moreInfoTD{padding-left:10px; font-size:12px; }
#shareLink {font-size:13px;font-weight:bold;color:gold; }
#showFullCopyright {font-size:11px;}
.gameTitleImg {height:17px;width:auto;margin:0 0 -5 0}
#gameVersion {font-size:13px;font-weight:bold;}
#reloadDeviceBtn,#clearScoresBtn,#aiSpeedBtn{margin:2 4 5 -2}
#appIconImg {height:50px;width:auto;}
#mainGameTitleImg {height:22px;width:auto; /* margin:0 0 -6 0 */}
/*#gameShowTable {}*/
#selectGameDlg {
	font-size:18px;font-weight:bold;
}
#gameInfoTable{width:200px}

