/** BEGIN - Tab design **/

.tab-helper-reset
{
    font-size: 100%;
    line-height: 1.3;
    list-style: none outside none;
    outline: 0 none;
    text-decoration: none;
}

#divTabs, .tabList, li
{
    border-top-left-radius: 4px;
    khtml-border-top-left-radius: 4px;
    moz-border-radius-topleft: 4px;
    webkit-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    khtml-border-top-right-radius: 4px;
    moz-border-radius-topright: 4px;
    webkit-border-top-right-radius: 4px;
}

#divTabs, .tabList
{
    border-bottom-left-radius: 4px;
    khtml-border-bottom-left-radius: 4px;
    moz-border-radius-bottomleft: 4px;
    webkit-border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    khtml-border-bottom-right-radius: 4px;
    moz-border-radius-bottomright: 4px;
    webkit-border-bottom-right-radius: 4px;
}

#divTabs
{
    background: url(jquery-ui/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) repeat-x scroll 50% top #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #333333;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
    padding: 0.2em;
    position: relative;
}

#divTabs .tabList
{
    margin: 0;
    padding: 0.2em 0.2em 0;
    background: url(jquery-ui/images/ui-bg_gloss-wave_35_dad2d2_500x100.png) repeat-x scroll 50% 50% #DAD2D2;
    border: 1px solid #FE4D72;
    color: #FFFFFF;
    font-weight: bold;
}

.tabList:before, .tabList:after
{
    content: "";
    display: table;
}

.tabList:after
{
    clear: both;
}

.tabList li
{
    float: left;
    list-style: none outside none;
    margin: 1px 0.2em 0 0;
    padding: 0;
    border-bottom: 0 none !important;
    position: relative;
    top: 0;
    white-space: nowrap;
    background: url(jquery-ui/images/ui-bg_glass_100_f6f6f6_1x400.png) repeat-x scroll 50% 50% #F6F6F6;
    border: 1px solid #646464CCC;
    color: #1C94C4;
    font-weight: bold;
}

.tabList li:hover
{
    background: #fdd3dc url(jquery-ui/images/ui-bg_glass_100_fdd3dc_1x400.png) 50% 50% repeat-x;
    border: 1px solid #fdd3dc;
    color: #6b6b6b;
    font-weight: bold;
}

.tabList li a
{
    color: #DC002E;
    cursor: pointer;
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
}

.tabList li a:hover
{
    color: #6b6b6b;
}

.tabList li.tabActive
{
    background: url(jquery-ui/images/ui-bg_glass_65_ffffff_1x400.png) repeat-x scroll 50% 50% #FFFFFF;
    color: #646464;
    font-weight: bold;
    border: 1px solid #DC002E;
}

.tabList li.tabActive a
{
    cursor: text;
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #646464;
}

#divTabs .panel
{
    display: block;
    background: none repeat scroll 0 0 transparent;
    padding: 1em 1.4em;
    border: 1px solid #ddd;
    color: #333;
    border-width: 0;
}

#divTabs .errMessage {
    font-weight: bold;
    text-align: center;
}

/** END - Tab design **/

/** BEGIN - Grouping List **/

#divGroupingList
{
    height: auto !important;
    overflow: auto;
    width: 100%;
    margin-bottom: 5px;
}

#divGroupingList #divUngroup, #divGroupingList #divGroup
{
    float: left;
    text-align: center;
}

#divGroupingList .label, #divGroupingList select {
    display: block;
}
#divGroupingList #divAddRmv
{
    float: left;
    text-align: center;
    padding: 20px;
}

#divGroupingList .lstUngroup, #divGroupingList .lstGroup {
    overflow: hidden;
    width: 200px;
}

#divAddRmv input[type=button], #divAddRmv input[type=submit]
{
    background-image: none;
    display: block;
    margin: 20px 10px 10px;
    font-size: 12px;
}

/** END - Grouping List **/


/** BEGIN - Tab content **/

#divTabs .divTabContent
{
    margin-top: 5px;
    float: left;
    color: #646464;
}

#divTabs .divTabFinishes
{
    margin-top: 10px;
    color: #646464;
}

#divTabs .divTabEquipments {
    float: left;
    color: #646464;
    margin-right: 10px;
}

.divTabContent input[type=button], .divTabFinishes input[type=button] {
    margin-left: 15px;
}

.divTabContent #divFamilyEditLeft {
    width: auto;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#divFamilyEditLeft .label, #divFamilyEditLeft input
{
    display: block;
}

.divTabContent #divEditLabel, .divTabFinishes #divEditLabel {
    width: auto;
    margin-right: 10px;
    margin-bottom: 10px;
}

#divEditLabel .label, #divEditLabel input {
    display: block;
}

#divPictures #divNotSelectedPict, #divPictures #divSelectedPict {
    width: auto;
    float: left;
    margin: 0 10px 10px 0;
}

#divNotSelectedPict .label, #divNotSelectedPict input, #divSelectedPict .label, #divSelectedPict input {
    display: block;
}

#divNotSelectedPict img, #divSelectedPict img 
{
    display: block;
    margin: 5px auto 0 auto;
}

/** END - Tab content **/

/** START Gridview **/

#divGridview {
    float: left;
    margin-right: 15px;
}

#divGridviewColumn .ddlFamilies {
    margin-top: 5px;
    width: 280px;
}

.gvContainer
{
    margin-top: 10px;
    background-color: #F4F4F4;
    margin: 5px 0 10px 0;
    border: solid 1px #646464;
    border-collapse: collapse;
}
.gvContainer td
{
    padding: 2px;
    border: solid 1px #646464;
    color: #646464;
}
.gvContainer th
{
    padding: 4px 2px;
    background: #646464;
    border: solid 1px #646464;
    color: #F4F4F4;
    text-align: center;
}

.gvEditTextbox {
    text-align: left;
    width: 400px;
}

.gvContainer th a
{
    text-decoration: none;
    color: #F4F4F4;
}

.gvContainer th a:hover
{
    text-decoration: none;
    color: #FFFFFF;
}

.gvContainer .alt
{
    background: #FFFFFF;
}
.gvContainer .pager
{
    background: #646464;
}
.gvContainer .pager table
{
    margin: 5px 0;
}
.gvContainer .pager td
{
    border-width: 0;
    padding: 0 6px;
    font-weight: bold;
    color: #BBB;
    line-height: 12px;
    border-left: solid 1px #F4F4F4;
}
.gvContainer .pager a
{
    color: #F4F4F4;
    text-decoration: none;
}
.gvContainer .pager a:hover
{
    color: #FFF;
    text-decoration: none;
}

.gvContainer .sortInactivated {
    cursor: default;
}
/** END Gridview **/

.PoliceLabelParent
{
    font-weight: bold;
    font-style: italic;
}