table.mini
{
    border-collapse:    collapse;
}

table.mini td,
table.mini th
{
	font-size:  80%;
}

table.mini .mininame
{
	text-align: center;
	font-weight: bold;
}

table.mini .minileft,
table.mini .miniactionleft
{
    text-align: left;
}

table.mini .miniright,
table.mini .miniactionright
{
    text-align: right;
    padding-left: 5px;
    padding-bottom: 0px;
}

table.mini .miniactionleft,
table.mini .miniactionright
{
    padding-top: 5px;
}

table.mini .miniodd
{
}

table.mini .minieven
{
}

table.data
{
    border-collapse:    collapse;
}

table.data thead td.title,
table.data thead th.title,
table.data thead th,
table.data tbody th.title,
table.data tbody td.title
{
    border:             solid 1px black;
    color:              #000000;
    background-color:   #ccccff;
    font-weight:        bold;
    padding-left:       4px;
    padding-right:      4px;
}

table.data thead tr
{
    border:             solid 1px #666666;
}

table.data tbody td.value
{
    font-size:          85%;
    border:             solid 1px #666666;
    padding-left:       4px;
    padding-right:      4px;
    padding-top:        1px;
    padding-bottom:     1px;
}

table.data tbody td.summary
{
    font-size:          85%;
    background-color:   white;
    border:             solid 1px #666666;
    padding-left:       4px;
    padding-right:      4px;
}

table.data tbody td.action
{
    border:             none;
}

table.summary thead td.title,
table.summary thead th.title,
table.summary thead th,
table.summary tbody th.title,
table.summary tbody td.title
{
    font-size:          100%;
    background-color:   rgb(100, 100, 153);
    color:              rgb(255, 255, 255);
}

table.summary tbody td.value
{
    font-size:          100%;
}

table.summary tbody td.action
{
}

table.data tr.summary td.value
{
    font-weight: bold;
}

table.data tr.summary
{
	background-color: #ffcccc;
}

table.data tr.even
{
    background-color:   #eeeeee;
}

table.data tr.odd
{
    background-color:   #cccccc;
}

table.data tr.highlight
{
    background-color:   #eeff00;
}

table.data tr.header th
{
    border: 1px solid black;
    background: #666699;
    color: #ffffff;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: left;
}

table.entry
{
    border-collapse:    collapse;
}

table.entry .section
{
    padding:            5px;
    vertical-align:     top;
    font-weight:        bold;
    background-color:   #666666;
    color:              #ffffff;
}

table.entry .topsection
{
    padding:            5px;
    vertical-align:     top;
    font-weight:        bold;
    background-color:   #996699;
    color:              #ffffff;
}

table.entry tr.new
{
    background-color:   #FFC0C0;
    color:              #ffffff;
}

table.entry tr.new td
{
    padding-top:        6px;
    padding-bottom:     10px;
}

table.entry td.label
{
    text-align:         right;
    vertical-align:     top;
    white-space:        nowrap;
    padding-left:       4px;
    padding-right:      4px;
    padding-top:        2px;
    padding-bottom:     2px;
}

table.entry td.actionlabel
{
    background-color:   #9c4f4f;
    color:              #ffffff;
    font-weight:        bold;
    vertical-align:     middle;
}

table.entry td.field
{
    vertical-align:     middle;
    white-space:        nowrap;
}

table.entry td.action
{
    text-align:         right;
}

table.entry td.label
{
    text-align:         right;
    vertical-align:     middle;
    white-space:        nowrap;
    padding-right:      6px;
    padding-left:       4px;
}

table.entry td.tall
{
    vertical-align:     top;
}

.pager
{
}

.pagercontrols td
{
    padding-top: 15px;
    padding-bottom: 15px;
}

.pagercontent
{
}

.pagercontent table.data
{
  width: 100%;
}

.menu,
.card
{
    white-space:            nowrap;
    background:             rgb(204, 204, 255);
    padding-top:            5px;
    padding-bottom:         2px;
    margin-right:           5px;
    border:                 1px solid #666666;
    -moz-border-radius:     5px 5px 5px 5px;
    -webkit-border-radius:  5px;
    -webkit-border-radius:  5px;
}

.submenu
{
    background-color:       #ffdfbf;
}

.card
{
    margin-top:             10px;
    background-color:       #d5bfff;
    background-color:       #eeeecc;
}

.card,
.tile
{
}

.cardodd
{
    background-color:       #eac0ff;
    background-color:       #eeeeff;
}

.cardeven
{
}

.tile
{
    border:                 1px solid #999999;
    padding:                5px;
    background-color:       inherit;
    -moz-border-radius:     5px 5px 5px 5px;
    -webkit-border-radius:  5px;
    -webkit-border-radius:  5px;
}

.menu a
{
    display:            block;
    color:              #000000;
    font-weight:        normal;
    padding-top:        1px;
    padding-bottom:     1px;
    padding-left:       2px;
    padding-right:      10px;
}

.menu .button
{
	padding-right: 0px;
}

.menu a:hover,
.menu tr:hover
{
    text-decoration:    none;
    background-color:   #dadaff;
}

.submenu a:hover,
.submenu tr:hover
{
    background-color:   #fff2bf;
}

.menu tr.add:hover,
.submenu tr.add:hover
{
    background-color:   inherit !important;
}

.menu a.selected
{
    background:         #666699;
    color:              #ffffff;
}

.submenu a.selected
{
    background:         #b39c86;
    color:              #ffffff;
}

.menu td
{
    font-size:          95%;
    padding-left:       5px;
    margin:             0px;
    border-top:         1px solid #999999;
}

.menu td.last
{
	padding-right: 5px;
}

.menu tr.first td
{
	border-top:         none;
}

.menu td.count
{
    color:             #666666;
}

.menu td.action
{
}

.menu tr.add td
{
    border: none;
    padding-bottom: 8px;
}

.tabs
{
    display: inline-block;
}

.tabcontainer
{
	position:          relative;
    padding:           5px 5px 5px 5px;
}

.tab
{
    display:                            inline;
    position:                           relative;
    padding:                            5px 10px;
    margin:                             0px 2px 0px 0px;
    background-color:                   #f0f0f0;
    border:                             1px solid #666666;
    border-bottom:                      none;
    -moz-border-radius:                 5px 5px 0px 0px;
    -webkit-border-top-right-radius:    5px;
    -webkit-border-top-left-radius:     5px;
}

.tabSelected
{
    background-color:      #ffffee;
	border-bottom:         1px solid #ffffee;
    font-weight:           bold;
}

.tabs .tabs .tab
{
}

.tabs .tabs .tabSelected
{
    background-color: #bfcfff;
    border-bottom:    1px solid #bfcfff;
}

.tab a,
.tab a:link,
.tab a:visited,
.tab a:active,
.tab a:hover
{
    text-decoration: none;
    color: black;
    border: 0 none #ffffff;
}

.tab:hover
{
    background-color:       #cccc8f;
}

.tabSelected:hover
{
    background-color:      #ffffee;
}

.tabs .tabs .tab:hover
{
    background-color:       #809fff;
}

.tabs .tabs .tabSelected:hover
{
    background-color:      #bfcfff;
}

.tabcontent
{
    border:                 1px solid #999999;
    padding:                5px;
    padding-top:            10px;
    -moz-border-radius:     5px 5px 5px 5px;
    -webkit-border-radius:  5px;
    -webkit-border-radius:  5px;
}

.tabs .tabcontent,
.tabs .tabcontentcustom
{
    background-color:       #ffffee;
}

.tabs .tabs .tabcontent,
.tabs .tabs .tabcontentcustom
{
    background-color:       #bfcfff;
}

.tabcontentcustom .menu,
.tabcontentcustom .submenu
{
    background-color: inherit !important;
}

.thumbnail
{
    display:                table-cell;
    white-space:            nowrap;
    border:                 1px solid #666666;
    padding:                10px 3px 3px 3px;
    margin:                 10px;
    background-color:       #eeeeee;
    min-width:              64px;
    max-width:              64px;
    width:                  64px;
    min-height:             64px;
    max-height:             64px;
    height:                 64px;
    text-align:             center;
    vertical-align:         middle;
    -moz-border-radius:     5px 5px 5px 5px;
    -webkit-border-radius:  5px;
    -webkit-border-radius:  5px;
}

.thumbnailselected
{
    border:                 1px solid #000000;
    background-color:       #666666;
}

.thumbnail:hover
{
    border:                 1px solid #000000;
    background-color:       #cccccc;
}

.thumbnailselected:hover
{
    border:                 1px solid #000000;
    background-color:       #666666;
}

.buttonish,
.buttonish_small,
.buttonish_large
{
    font-weight: bold;
    border: 1px solid #bf6060;
    background-color: #ffffff;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
}

a.buttonish,
a.buttonish_small,
a.buttonish_large {
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #000;
  display: inline-block;
}

.buttonish_small,
a.buttonish_small {
  font-size: 85%;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.buttonish_large,
a.buttonish_large {
  font-size: 110%;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
}

a.buttonish:link { color: #000; }
a.buttonish:visited { color: #000; }
a.buttonish:hover, a.buttonish:active { color: #f00; }

.actionbutton
{
    border: 1px solid #000000;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.descriptionContainerHTML
{
    border: 1px solid black;
    background-color: white;
    width: 601px;
}

.descriptionContainerHTML textarea
{
    display: none;
}

.indicator {
    min-width: 12px;
    width: 12px;
    min-height: 12px;
    height: 12px;
    color: #000000;
    background-repeat: no-repeat;
}

.indicatoractive {
    background-image: url(/shared/images/checkmark.png);
}

.indicatorwarn {
    background-image: url(/shared/images/warning.png);
}

/* Override dojo styles here */
.tundra .dijittextbox,
.tundra .dijitcombobox,
.tundra .dijitspinner,
.tundra .dijitinlineeditor input,
.tundra dijittextarea
{
    border: 1px solid rgb(102, 102, 153);
}

