﻿/*************************************Contact Page**********************************/
.contact-image-library
{
    background: url(../Images/contact-image-library.png) no-repeat;
}

#container_contact
{
    width:670px;
    margin:30px auto;
    font:12px tahoma;
    text-align:right;
}

#contact_header
{
    background-position:-100px -15px;
    width:669px;
    height:52px;
    margin-bottom: 0px;
}

#contact_header span
{
    display:block;
    padding:10px 20px; 
    font-weight:bold;
}

#contact_body
{
   background:url(../images/contactus-linear.png) left top repeat-y;
   padding:20px 60px;
   
    width: 549px;
}

span.content-title
{
    float:right;
    width:100px;
    text-align:left;
    display:block;
    height:20px;
    margin-top:10px;
}

.content-txtbox
{
    float:right;
    background-position:-252px -178px;
    width:344px;
    height:39px;
    margin-right:10px;
}

.content-select
{
    float:right;
    background-position:-37px -321px;
    width:345px;
    height:39px;
    margin-right:10px;
}

.contact-discription
{
    float:right;
    background-position:-250px -219px;
    width:345px;
    height:97px;
    margin-right:10px;
}

.contact-Icon-msgReciver,.contact-Icon-subject,.contact-Icon-tel,.contact-Icon-mobile,.contact-Icon-email,.contact-Icon-attach
{
    float:right;
    display:block;
    width:22px;
    height:22px;  
    margin:7px 7px 0 5px;
}

.contact-Icon-msgReciver
{
    background-position:-765px -185px;
}

.contact-Icon-subject
{
    background-position:-614px -185px;
}

.contact-Icon-tel
{
    background-position:-730px -185px;
}

.contact-Icon-mobile
{
     background-position:-693px -185px;
}

.contact-Icon-email
{
    background-position:-654px -185px;
}
.contact-Icon-attach
{
    background-position:-608px -221px;
    width:25px;
    height:23px;
    margin:6px 4px 0 5px;
}

#txtMessage
{
    margin:5px;
    width:310px;
    height:75px;
    padding:5px;
}

.transparent-select,.transparent-input
{
    border: 0px solid transparent;
    background-color: transparent;
    width: 297px;
    text-align:right;
    direction:rtl;
    height:27px;
    margin:6px 3px 3px 3px;
    cursor:pointer;
    font:12px tahoma;
}
option
{
    height:17px;
    text-align:right;
    padding:5px 10px;
    font:12px tahoma;
}

div.hr
{
    background:url(../images/hr.png) center center no-repeat; 
    width:447px;
    height:3px;
    text-align:center;
    clear:both;
 
    height:3px;
    padding:15px 0  15px 100px;
    
}

span.answer
{
    display:block;
    margin:10px 20px;
    color:#ffa100;
    font-weight:bold;
}

span.contact-warning
{
    display:block;
    margin:7px;
    color:Red;
    font-weight:bold;
    clear:both;
    padding:3px 0px;
}

#contact_submit
{
    background-position:-617px -254px;
    width:125px; height:38px;
    margin:0 auto;
}

#contact_submit:hover
{
    background-position:-617px -298px;
    width:125px; height:38px;
}

#contact-footer
{
    background-position:-100px -157px;
    width:669px;
    height:16px;
}

.transparent-btn
{
     border: 0px solid transparent;
    background-color: transparent;
}
/*************************************END*******************************************/