/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 18, 2014, 4:18:34 PM
    Author     : Esanka90
*/

.tab-content table td input{
    height: 30px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 11px;
}

.tab-content table td select{
    height: 30px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 11px;
}

.tab-content table td textarea{
    height: 60px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 11px;
}
.tab-content table td {
    /*height: 60px;*/
    margin-bottom: 5px;
    margin-right: 10px;
}

.tab-content table{
    font-size: 12px;
}

.tab-content table td{
    padding: 4px;
}

#selected_extra_opt,#sel_extra_opt {
    height:100px;
    
}

.tbl_result
            {
                font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
                width:100%;
                border-collapse:collapse;
            }
            .tbl_result td, .tbl_result th 
            {
                font-size:1em;
                /*border:1px solid #98bf21;*/
                padding:3px 7px 2px 7px;
            }
            .tbl_result th 
            {
                font-size:1.1em;
                text-align:left;
                padding-top:5px;
                padding-bottom:4px;
                background-color:#009966;
                color:#ffffff;
            }
            .tbl_result tr.alt td 
            {
                color:#000000;
                background-color:#EAF2D3;
            }
            
            
            .tbl_search{
                border-collapse:collapse;
            }
            
            .tbl_search td, .tbl_search th 
            {
                font-size:1em;
                /*border:1px solid #98bf21;*/
                padding:3px 7px 2px 7px;
            }
            
            #result{
                padding-top: 30px;
                text-align: center;
            }
            
            #selectnavi{
    margin: auto;
    width: auto;
    height: auto;
    
}

#selectnavi ul{
    margin: auto;
    width: 200px;
    height: 220px;
    float: left;
    padding-left: 20px;
}

//result table css

.tbl_result
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
text-align: center;
padding-bottom: 30px;
/*align:center;*/
}
.tbl_result td, .tbl_result th 
{
font-size:1em;
/*border:1px solid #98bf21;*/
padding:3px 7px 2px 7px;
}
.tbl_result th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#009966;
color:#ffffff;
}
.tbl_result tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

.tbl_result th{
    padding: 10px;
  /*  background-color:#4c4c4c;*/
    
   	background:-o-linear-gradient(bottom, #8a8a8a 5%, #626262 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8a8a8a), color-stop(1, #626262) );
	background:-moz-linear-gradient( center top, #8a8a8a 5%, #626262 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8a8a8a", endColorstr="#626262");	background: -o-linear-gradient(top,#8a8a8a,626262);
    
}
.tbl_result td{
    padding-left : 10px;
    text-align: left;
    
}

.tbl_result tr:nth-child(even) {
    background-color:#fff;
color:#000000;
}

.tbl_result tr:nth-child(odd) {
    background-color:#6ae2c6;
color:#000000;
}

.tbl_result tr:hover  {
    background-color:#9cafaf;
color:#FFFFFF;
}


/*#image_div{
    width:400px;
    height: 300px;
    float: left;
    margin: 10px;
}

#image_div1{
    width:400px;
    height: 300px;
    float: left;
    margin: 10px;
}

#image_div2{
    width:400px;
    height: 300px;
    float: left;
    margin: 10px;
}

#image_div3{
    width:400px;
    height: 300px;
    float: left;
    margin: 10px;
}*/