/* everything is constructed with a single background image */
    /* get rid of those system borders being generated for A tags */
    a:active {
      outline:none;
    }

    :focus {
      -moz-outline-style:none;
    }

    /* root element for tabs */
    #flowtabs {
	
	    /* dimensions */
	    height:31px !important;
	    margin:0 !important; 
	    padding:0;	
	
	    /* IE6 specific branch (prefixed with "_") */
	    _margin-bottom:-2px;
    }

    /* single tab */
    #flowtabs li { 
	    float:left; 
	    margin:0; 
	    padding:0; 
	    text-indent:0; 
	    list-style-type:none;
    }

    /* a- tag inside single tab */
    #flowtabs li a {
	    background: url(../images/blue_panes2.png) no-repeat;
	    display:block;
	    height: 31px;   
	    width: 190px; 	
	    padding:0px;
	    margin:0px;
	
	    /* font decoration */
	    color:#000;
	    font-size:12px;
	    line-height:33px;
	    text-align:center;
	    text-decoration:none;
    }

    /* adjust the background image position on each tab */
    #flowtabs #t1 			{ background-position: 0 0; }
    #flowtabs #t2 			{ background-position: -189px 0; }
    #flowtabs #t3 			{ background-position: -378px 0; }
    #flowtabs #t4 			{ background-position: -567px 0; width:192px;}
 
    /* mouseover state */
    #flowtabs a:hover 		{ color:#fff;	 }
    #flowtabs #t1:hover 	{ background-position:      0 -33px; }
    #flowtabs #t2:hover 	{ background-position: -189px -33px; }
    #flowtabs #t3:hover 	{ background-position: -378px -33px; }
    #flowtabs #t4:hover 	{ background-position: -567px -33px; }

    /* currently selected tabs */
    #flowtabs a.current		{ cursor:default; color:#fff; line-height:34px; }
    #flowtabs #t1.current { background-position:      0 -66px; }
    #flowtabs #t2.current { background-position: -189px -66px; }
    #flowtabs #t3.current { background-position: -378px -66px; }
    #flowtabs #t4.current { background-position: -567px -66px; }


    /* panes */
    #flowpanes {
	    background: url(../images/blue_panes2.png) no-repeat 0 -100px;		
	    height:450px;	
    }


    /* single pane */
    #flowpanes div.pane {
	    display:none;	
	    color:#fff;	
	    margin:20px 40px;
    }

    /* some decorations for elements inside single pane */
    #flowpanes div.pane h2 {
	    font-weight:normal;
	    color:#ddd;
	    letter-spacing:1px;
	    margin:10px 0 0 0;
	    font-size:22px;	
    }

    #flowpanes a {
	    color:#cc9;		
	    font-size:14px;
    }

    #flowpanes p, #flowpanes samp {
	    color:#ccc;		
    }

    #flowpanes .narrow {
	    padding-right:160px;		
    }
    
    #flowpanes H3{
        text-align:left;
    }
    
    /* Corner radius */
    .ui-corner-all { -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.SearchCriterias
{
    width:100%;
    border:none;
}

.SearchCriterias .Labels
{
    width: 190px; 
    text-align: left;
	vertical-align: top;
}

.SearchCriterias .Values 
{
    text-align: left;
    background: #e1e1e1;
	vertical-align: middle;
}

.TabContent
{
    background-color:White;
    margin:0 auto;
}


.corners
{
    width:100%;
    height:12px;
    empty-cells:show;
    padding:0;
}

.corners TD
{
    padding:0;
}

.corner
{
    width: 12px; 
    height: 12px; 
    background-image: url(../images/corners.png); 
}
.corner.tl, .corner.bl{
    float:left;
}
.corner.tr, .corner.br{
    float:right;
}

.corners .placeholder
{
    background-color:White;
    font-size:1px;
}

.corner.tl
{
    background-position: 0 0;
}
.corner.tr
{
    background-position: -12px 0;
}
.corner.bl
{
    background-position: 0 -12px;
}
.corner.br
{
    background-position: -12px -12px;
}

.SearchCriterias
{
    width:700px;
    border:none;
}

.SearchCriterias .Labels
{
    width: 190px; 
    text-align: left;
	vertical-align: top;
}

.SearchCriterias .Values 
{
    text-align: left;
    background: #e1e1e1;
	vertical-align: middle;
}