/*Datalist*/

.datalistItem
{
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: lightgrey 1px solid;
}

.datalistItem2
{
    padding-bottom: 10px;
    padding-top: 10px;
}

/*Buttons*/
.clear
{
    /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button
{
    background: url(     'images/buttons/btn-cap.gif' ) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 3px; /* sliding doors padding */
    text-decoration: none;
}

a.button:hover
{
    text-decoration: none;
}

a.button span
{
    background: url(         'images/buttons/btn-span.png' ) no-repeat;
    display: block;
    line-height: 28px;
    padding: 0px 10px 0px 13px;
}

a.buttonAdd
{
    background: url(         'images/buttons/btn-cap.gif' ) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 3px; /* sliding doors padding */
    text-decoration: none;
}

a.buttonAdd:hover
{
    text-decoration: none;
}

a.buttonAdd span
{
    background: url(         'images/buttons/btn-add-span.png' ) no-repeat;
    display: block;
    line-height: 28px;
    padding: 0px 10px 0px 30px;
}

/*Search Bar*/
#SearchBar input
{
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
}

#SearchBar table
{
    background-color: lightgrey;
}

#SearchBar td
{
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}


/*GridView*/

#GridView table
{
}

#GridView th
{
    border-bottom: 1px solid #B7C0C7;
    color: black;
    height: 25px;
    vertical-align: middle;
    background-color: #F2F6FF;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#GridView tr.on
{
    background-color: #E8F1FF;
    cursor: pointer;
}

#GridView tr.off
{
    background-color: #FFFFFF;
    cursor: pointer;
}

#GridView td
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    border-bottom: #dddddd 1px solid;
    height: 25px;
    vertical-align: middle;
    border-left-style: none;
}

#GridView input
{
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
}

/*GridView - class*/

.GridView table
{
}

.GridView th
{
    border-bottom: 1px solid #B7C0C7;
    color: black;
    height: 25px;
    vertical-align: middle;
    background-color: #F2F6FF;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.GridView tr.on
{
    background-color: #E8F1FF;
    cursor: pointer;
}

.GridView tr.off
{
    background-color: #FFFFFF;
    cursor: pointer;
}

.GridView td
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    border-bottom: #dddddd 1px solid;
    height: 25px;
    vertical-align: middle;
    border-left-style: none;
}

.GridView input
{
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
}

/*Pager control*/
#pager
{
    text-align: right;
  
}

#pager table 
{ 
    display: block; 
    clear: both;
}

.labelBalance
{
    display: block; 
    clear: both; 
    margin-top: 10px;
}

/*Row of Buttons*/
.rowButton
{
    border-top: solid 1px gainsboro;
    padding-top: 5px;
}

.rowButtonRight
{
    border-top: solid 1px gainsboro;
    padding-top: 5px;
    text-align: right;
}

.rowButtonCenter
{
    border-top: solid 1px gainsboro;
    padding-top: 5px;
    text-align: center;
}

/*Tabs*/
#tabs
{
    width: 100%;
    margin-bottom: 20px;
}

#tabs ul.menu
{
    background: transparent url(images/tabs/background-ul.gif) repeat-x scroll left bottom;
    width: 100%;
    height: 24px;
}

#tabs ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#tabs ul.menu li
{
    color: #0089B3;
    float: left;
    text-align: center;
    padding-right: 1.5em;
    padding-left: 1.5em;
    padding-bottom: 0.5em;
    padding-top: 0.4em;
}

#tabs ul.menu li.selected
{
    background: transparent url(images/tabs/background-ulselected.gif) repeat-x scroll 0px;
    border-color: #CCCCCC rgb(204, 204, 204) rgb(255, 255, 255);
    border-style: solid;
    border-width: 1px;
    color: #005E7B;
    float: left;
    font-weight: bold;
    text-align: center;
}

/*GroupTable*/
#GroupTable
{
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
}

#GroupTable td
{
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

#GroupTable tr.SubHeader
{
    font-weight: bold;
    text-align: center;
}

/*Hover Menu*/
.popupMenu
{
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
    opacity: .9;
    filter: alpha(opacity=90);
}

.popupHover
{
    background-color: #CCCCCC;
}

/*List - Contacts*/
ul.contacts
{
    clear: both;
    margin: 0px;
    padding: 0px;
}
ul
{
    list-style-type: none;
}
ul.contacts li
{
    border: 1px solid #ECECEC;
    cursor: pointer;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 5px 10px;
    text-align: center;
}
ul.contacts li.item
{
    padding-right: 9px;
    padding-left: 9px;
    padding-bottom: 5px;
    padding-top: 5px;
}

/*Horizontal Rules*/
hr.line01
{
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    width: 100%;
    border-bottom: lightgrey 1px solid;
    height: 1px;
}