body
{
    color: Black;
    font-family: Verdana, Times New Roman;
    font-size: small;
}

gridView.header
{
    color: White;
    background-color: Black;
    font-size: small;
    font-weight: bold;
}
gridView.body
{
    color: Black;
    background-color: White;
    font-size: small;
    font-weight: bold;
}


TABLE.searchBoxOuter
{
    background-color: #F7F6F3;
    border-color: #E6E2D8;
    border-width: 1px;
    border-style: Solid;
    border-collapse: collapse;
}


TABLE.listViewOuter
{
    background-color: #F7F6F3;
    border-color: #E6E2D8;
    border-width: 1px;
    border-style: Solid;
    border-collapse: collapse;
}

TABLE.searchBox
{
    font-family: Verdana;
    font-size: small;
}
TABLE.detailViewOuter
{
    background-color: #F7F6F3;
    border-color: #E6E2D8;
    border-width: 1px;
    border-style: Solid;
    border-collapse: collapse;
}

TABLE.messageView
{
    font-family: Verdana;
    font-size: small;
    border-style: hidden;
    width:700px;
}

TABLE.detailView
{
    font-family: Verdana;
    font-size: small;
    border-style: hidden;
    width:800px;
}
Th.detailView
{
    color: #5D7B9D;
    background-color: #F7F6F3;
    font-size: small;
    font-weight: bold;
    border-bottom-style: solid;
}

Td.gridView
{
    text-align: left;
}

Td.detailViewBold
{
    border:5px hidden #5D7B9D; vertical-align:top;
    font-weight:bold;
    font-family: Verdana;
    font-size: small;
    text-align: left;
    
}


Td.detailView
{
    border:5px hidden #5D7B9D; font-family: Verdana;
    font-size: small;
    text-align: left;
    
}
Td.navitation
{
    color: White;
    background-color: #5D7B9D;
    font-size: small;
    font-weight: bold;
}
Tr.pageFooter
{
    text-align: center;
}
Table.pageFooter
{
    text-align: center;
}
Td.pageFooter
{
    background-color: #F7F6F3;
}

Td.pageBody
{
    background-color: #F7F6F3;
}

Td.detailsubheading
{
    color: White;
    background-color: #5D7B9D;
    font-size: small;
    font-weight: bold;
}

Tr.detailView
{
    font-size: small;
}

label.page.header
{
    font-size: xx-small;
    font-weight :bold;
}

.tabs1
{
    position: relative;
    margin: 0;
    padding: 0;
    background: url(   "http://profiling.epicitb.com/Images/inactive.gif" ) repeat-x;
    overflow: hidden;
}
.tabs1 li
{
    display: inline;
}
.tabs1 a:hover, .tabs a.tab-active
{
    width: 800px;
    background: url(   "http://profiling.epicitb.com/Images/card colour.jpg" ) repeat-x;
}
.tabs1 a
{
    height: 27px;
    width: 800px;
    font: 12px verdana, helvetica, sans-serif;
    font-weight: bold;
    background: url(   "http://profiling.epicitb.com/Images/inactive.gif" ) repeat-x;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #2B4353;
    text-decoration: none;
}



.tabs
{
    position: relative;
    margin: 0;
    padding: 0;
    overflow: visible;
}
.tabs li
{
    display: inline;
}
.tabs a:hover, .tabs a.tab-active
{
    width: 800px;
}
.tabs a
{
    height: 27px;
    width: 800px;
    font: 12px verdana, helvetica, sans-serif;
    font-weight: bold;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    text-decoration: none;
    
    
    
}

p.tabs
{
    padding: 5px 5px 5px 5px; 
    overflow: visible;  
}




td.tab-pane
{
     background-image: url("http://profiling.epicitb.com/Images/card colour.jpg");
     height:200px; 
     width:300px; 
     overflow:scroll;
}

img.header
{
  width: auto;   
}



p.popup
{
    position: absolute;
    visibility: hidden;
    background-image: url("http://profiling.epicitb.com/Images/bubble colour.jpg");
    width: 500px;
    border-left: 2px solid black;
    border-top: 2px solid black;
    border-bottom: 3px solid black;
    border-right: 3px solid black;
    padding: 3px;
    z-index: 10;
    text-align: left;
    overflow: auto;
}

.popupLink
{
    color: red;
    outline: none;
}