/*===================================================================================================================================*/
/*-------------------------- Button Style -------------------------------------------------------------------*/
/*===================================================================================================================================*/

input[type=submit], input[type=button], .button , .ui-button-text , .img-blue
{
    font-size:11px;
    font-family:Tahoma,sans-serif;
    font-weight:bold;
    color:#FFFFFF;
    background-color: #3399CC;
    border-top-style:solid;
    border-top-color:#3399CC;
    border-top-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#4682B4;
    border-bottom-width:1px;
    border-left-style:solid;
    border-left-color:#3399CC;
    border-left-width:1px;
    border-right-style:solid;
    border-right-color:#4682B4; 
    border-right-width:1px;
    height:23px;
    cursor:pointer;
    width:auto;
    text-align:center;
    border-radius:4px;
    box-shadow:0px 0px 2px #888;
}
input[type=submit]:hover, input[type=button]:hover , .button:hover ,.ui-button-text:hover
{
    background-color:#006699;
    border-top-color:#006699;
    border-bottom-color:#4682B4;
    border-left-color:#006699;
    border-right-color:#4682B4;
    box-shadow:0px 0px 10px #888;
}
input[type=submit][disabled], input[type=button][disabled] ,.button[disabled], .ui-button-text[disabled]
{
    background-color:#dddddd;
    border-top-color:#dddddd;
    border-bottom-color:#dddddd;
    border-left-color:#dddddd;
    border-right-color:#dddddd;
}


/*makeMeScroolable*/
#makeMeScrollable div.scrollableArea *
{
	position: relative;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.placeholder
{
    color:#aaa;
    font-style:italic;
}

.normal-table
{
    border:1px solid #D3E7F4;
    /*box-shadow:0px 0px 5px #888;*/
    width:910px;
    margin-left:0px;
}
.normal-table th
{
    background-color:#3399CC;
    color:#fff;
    text-align:center;
    vertical-align:middle;
    height:40px;
}
.normal-table th , .normal-table td.criteria
{
    font-weight:bold;
    vertical-align:middle;
}
.normal-table tr.odd
{
   background:#fff;
   color:gray; 
   border:1px solid #D3E7F4;
   height:40px;
}
.normal-table tr.even
{
   background:#f5f5f5;
   color:gray; 
   border:1px solid #D3E7F4;
   height:40px;
}
.normal-table td
{
   border:1px solid #D3E7F4;
}

.link-image:hover
{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    cursor:pointer;
}

.link-image
{
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    cursor:pointer;
}

#dvproduct .product-top-left
{
    width:8px;
    height:11px;
    float:left;
    background-image: url(border/Border_01.gif);
    background-repeat:no-repeat;
}
#dvproduct .product-top-center
{
    width:669px;
    height:11px;
    float:left;
    background-image: url(border/Border_02.gif);
    background-repeat:no-repeat;
}
#dvproduct .product-top-right
{
    width:8px;
    height:11px;
    float:left;
    background-image: url(border/Border_03.gif);
    background-repeat:no-repeat;
}
#dvproduct .product-top-middle-left
{
    width:8px;
    height:193px;
    float:left;
    background-image: url(border/Border_04.gif);
    background-repeat:no-repeat;
}
#dvproduct .product-top-middle-center
{
    width:669px;
    height:193px;
    float:left;
    /*background-image: url(border/Border_05.gif);
    background-repeat:no-repeat;*/
}
#dvproduct .product-top-middle-right
{ 
    width:8px;
    height:193px;
    float:left;
    background-image: url(border/Border_06.gif);
    background-repeat:no-repeat;
}
#dvproduct .product-middle-left
{ 
    width:8px;
    height:30px;
    float:left;
    background-image: url(border/Border_07.gif);
    background-repeat:no-repeat;
}
#dvproduct .product-middle-center
{ 
    width:669px;
    height:30px;
    float:left;
    background-image: url(border/Border_08.gif);
    background-repeat:no-repeat;
}
#dvproduct .product-middle-right
{
    width:8px;
    height:30px;
    float:left;
    background-image: url(border/Border_09.gif);
    background-repeat:no-repeat;
}
#dvproduct .product-bottom-middle-left
{ 
    width:8px;
    height:138px;
    float:left;
    background-image: url(border/Border_10.gif);
    background-repeat:no-repeat;
}
#dvproduct .product-bottom-middle-center
{  
    width:669px;
    height:138px;
    float:left;
    /*background-image: url(border/Border_11.gif);
    background-repeat:no-repeat;*/
}
#dvproduct .product-bottom-middle-right
{ 
    width:8px;
    height:138px;
    float:left;
    background-image: url(border/Border_12.gif);
    background-repeat:no-repeat;
}
#dvproduct .product-bottom-left
{ 
    width:8px;
    height:13px;
    float:left;
    background-image: url(border/Border_13.gif);
    background-repeat:no-repeat;
}
#dvproduct .product-bottom-center
{   
    width:669px;
    height:13px;
    float:left;
    background-image: url(border/Border_14.png);
    background-repeat:no-repeat;
}
#dvproduct .product-bottom-right
{  
    width:8px;
    height:13px;
    float:left;
    background-image: url(border/Border_15.gif);
    background-repeat:no-repeat;
}

.otherlink-icon 
{
    background-image: url(otherlinks/link.png);
    z-index:10000;
    width:55px;
    height:35px;
    display:block;
    float:left;
}
.otherlink-header 
{
    z-index:9999;
    margin-top:5px;
    background-image: url(otherlinks/t-header_pricetoday.jpg);
    background-repeat: no-repeat;
    background-position:bottom;
    width:242px;
    height:35px;
}
.otherlink-text 
{
    z-index: 10000;
    width: 153px;
    height: 45px;
    margin-left: 10px;
    float: left;
    color: white;
    font-size: 16px;
    font-weight: bold;
	padding-top: 13px;
}
.otherlink-logo 
{
    background-image: url(otherlinks/PTTGroup.png);
    width:242px;
    height:150px;
    cursor:pointer;
}
.otherlink-logo:hover, .otherlink-price:hover, .otherlink-job:hover {
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    cursor:pointer;
}

.otherlink-bg 
{
    background-image: url(otherlinks/Bg.jpg);
    background-repeat: no-repeat;
    height:150px;
    width:242px;
}
.otherlink-price
{
    background-image: url(otherlinks/Price.jpg);
    background-repeat: no-repeat;
    height:43px;
    width:242px;
    cursor:pointer;
}
.otherlink-job 
{
    background-image: url(otherlinks/Job.jpg);
    background-repeat: no-repeat;
    height:43px;
    width:242px;
    cursor:pointer;
}
.otherlink-footer {
    background-image: url(otherlinks/Bottom.jpg);
    background-repeat: no-repeat;
    height:18px;
    width:242px;
}