/**********************************************
* Create 'new table' dialog styles
***********************************************/

.newTableForm .CreateTableDescription
{
    padding:1em .25em 1em .25em;
    line-height: 18px;
}
.newTableForm .SelectedIconWrapper, .newTableForm .SuggestedIconWrapper
{
    display:inline-block;
    *display: inline; zoom: 1; /*IE7 inline-block hack */ 
    padding:15px 20px 15px 5px;
    vertical-align: top;
}
.tooltip.in
{
    z-index:1050;
}
.newTableForm hr
{
    color: #D0D0D0;
    background-color: #D0D0D0;
    height: 1px;
    border: 0;
    margin:15px 0px 15px 0px;   
}
.newTableForm label
{
    margin: 5px 0px 5px 0px;
    display: block;
}
.IconSection
{
    margin:0px 0px 0px 0px;
}

.IconChooser{
    background-position: 90% center;
    background-repeat: no-repeat;
    background-image: url(../../../i/menu_icon.gif);
    padding:8px 15px 8px 8px;
}
.IconBorder
{
    border: 1px solid #CCC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top:12px;
}
.SuggestedIcons
{
    padding:7px;
    margin-top:3px;
}
.SuggestedIconsLabel, .SelectedIconLabel, .newTableForm .TableLabel
{
    padding-bottom: 3px;
}
#changeTableIcon .TableIconPadding,
#selectIconsFromList .TableIconPadding
{
    padding:12px 15px;
}
.TableIconPadding
{
    padding:10px 8px;
    display:inline-block;
    *display: inline; zoom: 1; /*IE7 inline-block hack */ 
}
.inputDescription
{
    color:Gray;
    display:block;
    margin-top:5px;
    font-size:10px;
}
.newTableForm label.error, .tableNameExistsWarn, .tableNameLengthWarn, .tableNounLengthWarn, .inputDescLengthWarn, .connectionNameExistsWarn
{
    font-size:10px;
}
.newTableForm label
{
    margin-left:3px;
}

.copy-table select {
    width: 297px;
}
li.choice-container label[for=moreapps]{
    color: #3572BF;
}

li.choice-container label[for=spinner]:after
{
    content: url("images/loading.gif");
}

.newTableForm .keepdataChk
{
    margin-left:3px;
    margin-top:3px;
}

.newTableForm .accessAreaLabel
{
    margin-left:3px;
    margin-top:3px;
}

.newTableForm .accessarea
{
    margin-bottom: 20px;
}

.suggestedIconContainer
{
    width:520px;
    min-height:43px;
    overflow:hidden;
    white-space:nowrap; 
    position:relative;
}
.SelectIconContainer
{
    position:relative;
    min-width:336px;
    min-height:56px;
    padding:15px;
}
.TableIconPadding:hover, .IconChooser:hover
{
    cursor:pointer;
    background-color:#F2FBFE;
    -webkit-transition: 0.2s linear all; /* Safari and Chrome */
    -moz-transition: all 0.2s; /* Firefox 4 */
    -o-transition: all 0.2s; /* Opera */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #0AB7F4;
    -webkit-text-fill-color: #0AB7F4;
}
.suggestedIconContainer .NoSuggestedIcon, .SelectIconContainer .NoSuggestedIcon
{
    position:absolute;
    top:35%;
    margin-left:10px;
    color: gray;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix
{
    margin:0px;
}
#selectIconsFromList
{
    margin-top: 8px;
}
.newTableForm .DisplayNone
{
    display:none;
}
.tableNameExistsWarn, .tableNameLengthWarn, .tableNounLengthWarn, .inputDescLengthWarn
{
    margin: 8px 0px 5px 3px;
    display: block;
}
.newTableForm .CreateNewTableInput
{
    display:inline-block;  
    *display: inline; zoom: 1; /*IE7 inline-block hack */
    margin-right:16px;
    vertical-align:top;
}
.newTableForm .CreateNewTableInput input
{
    margin-left: 3px;
    max-width: 268px;
}
.newTableForm .RequiredAsterisk
{
    display:inline-block; 
    *display: inline; zoom: 1; /*IE7 inline-block hack */
    font-weight:bold; 
    color:red;
    padding-left: 4px;
}
.newTableForm .CreateNewTableNameWrapper
{
    display:block;
}

input.createNewTableName::-webkit-input-placeholder,
input.createNewTableName::-ms-input-placeholder,
input.createNewTableName::placeholder,
input.createNewTableNoun::-webkit-input-placeholder,
input.createNewTableNoun::-ms-input-placeholder,
input.createNewTableNoun::placeholder {
    color: rgba(51,5,51,.4);
}
.connectedTableIcon
{
    width: 18px;
    height: 12px;
    background: url('./images/Plug_small.png') no-repeat;
    background-color: transparent;  
    display: inline-block;
}

.connectedTableIconSpace
{
    width: 14px;
    height: 12px;
    background-color: transparent;  
    display: inline-block;  
}

.app-home-icon {
    width:24px;
    height:24px;
    background: url('./images/icons/tableIconSprite24.png') top left no-repeat;
    background-color: transparent; 
    display:inline-block;
    background-position: 0px -3144px;
}

.app-users-icon {
    width:24px;
    height:24px;
    background: url('./images/icons/tableIconSprite24.png') top left no-repeat;
    background-color: transparent; 
    display:inline-block;
    background-position: 0px -3169px;
}

/* Since updating the table icons to font icons the labels are a bit unaligned. This is a hack to make the lables look symeetric until the rest of the icons are updated */
#tblNavHome .TableNameLabel,
#tblNavUsers .TableNameLabel {
    margin-top: -2px;
}
.CreateTableChiclet .TableNameLabel {
    margin-top: -2px;
}

.copy-table button.qbMultiselect
{
    background: none repeat scroll 0 0 transparent;
}
.TableIconPadding .Group::after {
    content: none;
}

#recentsMenu > li
 { position:relative; }


.app-home-icon-16 {
    background-image: url('./images/icons/tableIconSprite16.png');
    width:16px;
    height:16px;
    background-position: 0px -2096px;
}
.app-users-icon-16 {
    background-image: url('./images/icons/tableIconSprite16.png');
    width:16px;
    height:16px;
    background-position: 0px -2112px;
}