/*************************************Contact Page**********************************/
body
{
    direction:rtl;
}
.contact-image-library
{
    background: url(../Images/contact-image-library.png) no-repeat;
}
.clear
{
    height:0px;
    clear:both;
    line-height:0px;
}
.validation
{
    width:8px;
    float:right;
    color:red;
}
#container_contact
{
    width:670px;
    margin:30px auto;
    font:12px tahoma;
    text-align:right;
}
input.large
{
    width:300px;
}
hr
{
    border:none;
    border-top:1px solid #adcde9;
    
}
.contact-field
{
	margin:6px 0px!important;
	float:right;
	width:600px;height:35px
}

.button-blue
{
   background-color:#7ebfe8;
   border:1px solid #4cabe8;
   height:35px;
   font:12px tahoma;
}
.button-blue:hover
{
    background-color:#7ebfe8;
   border:1px solid #c6e5f9;
}
.contact-field input,.contact-field select
{
	margin:3px 10px 0 0;
	width:165px;
	height:23px;
	font:12px tahoma;
}
#contact_header
{
    background-position:-100px -15px;
    width:669px;
    height:52px;
    margin-bottom: 0px;
}
#contact_header img
{
    width:40px;
    height:40px;
    float:right;
    margin-right:10px;
}
#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 40px 20px 10px;
   
    width: 619px;
}

span.content-title
{
    float:right;
    width:100px;
    text-align:left;
    display:block;
    height:20px;
    margin-top:10px;
}

.content-txtbox
{
    float:right;
    background-position:-137px -178px;
    width:460px;
    height:39px;
    margin-right:10px;
}
.content-txtbox-small
{
    float:right;
    background-position:-99px -320px;
    width:107px;
    height:39px;
    margin-right:10px;
}
 .content-txtbox-Medium
{
    float:right;
    background-position:-59px -359px;
    width:185px;
    height:39px;
    margin-right:5px;
}   
.content-txtbox-small input,.content-txtbox-Medium input,.content-txtbox input,.content-txtbox-small select,.content-txtbox-Medium select,.content-txtbox select
{
    margin:4px;
    height:25px!important;
}
.content-select
{
    float:right;
    background-position:-37px -321px;
    width:345px;
    height:39px;
    margin-right:10px;
}

.contact-discription
{
    float:right;
    background-position:-137px -219px;
    width:459px;
    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;
}
input.date
{
    direction:ltr;
    text-align:left;
}
.transparent-select,.transparent-input,span.transparent-input
{
    border: 0px solid transparent!important;
    background-color: transparent;
    text-align:right;
    direction:rtl;
    cursor:pointer;
    font:12px tahoma;
    margin-top:8px;
    margin-right:5px;
    display:block;
}
span.span
{
    float:right;
    text-align:left;
    min-width:60px;
    height:40px;
    vertical-align:middle;
    font:12px tahoma;
}
.title
{
    float:right;
    font:bold 14px tahoma;
    margin-bottom:10px;
}
.title img
{
    float:right;
    margin-left:10px;
}
span.lable
{
    float:right;
    text-align:right;
    min-width:60px;
     height:40px;
     margin:0px;
     color:blue;
     font:14px tahoma;
     margin-right:5px;
}
.field
{
    float:right;
}
.field img
{
    float:right;
    width:25px;
    height:25px;
    margin-top:-10px;
    margin-left:5px;
}
.field input
{
    background:none;
    border:none;
    font:bold 12px tahoma;
    color:#103a00!important;
}
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;
}
span.allinfo
{
	text-align:left;
	float:left;
}
/*************************************END*******************************************/
input.button
{
    font: bold 14px 'B nazanin';
    cursor: hand;
    cursor: pointer;
    width:110px!important;
    height: 30px !important;
    margin:0 auto;
     background: #ffb76b; /* Old browsers */
    background: #ffb76b; /* Old browsers */
    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
    background: linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
    -moz-border-radius:4px;
    -webkit-border-radius:4px;

}
input.button:hover
{
    
    border:1px solid #cc0000;
    background: #feccb1; /* Old browsers */
    background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
    background: linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
}
div.form_holder
{
    direction:rtl;
    text-align:right;
    overflow:hidden;
    float:right;
    margin-top:30px;
}

div.form_holder input
{
    font-family:Tahoma;
}

div.form_holder textarea
{
    font-family:Tahoma;
    font-size:14px;
}

div.form_holder>div
{
    float:right;
    margin:2px;
    width:350px;
    overflow:hidden;
    vertical-align:top;
    height:33px;
}

div.form_holder div.large
{
    width:700px;
}

div.form_holder div label
{
    width:110px!important;
    display:block;
    cursor:pointer;
    float:right;
    font:bold 11px tahoma;
    text-align:left;
    padding-left:7px;
    margin-top:4px;
}

div.form_holder div label.newLine
{
    clear:both;
    display:block;
    float:none;
    width:100%;
    text-align:right;
}

div.form_holder div.new_line
{
    clear:right;
}

div.form_holder div input[type='checkbox']
{
    width:auto;
}

div.form_holder div input[type='radio']
{
    width:auto;
}

div.form_holder div input[type='button']
{
    width:80px;
}

div.button_holder_simple
{
    padding:7px;
    height:24px;

}

.button_holder,#button_holder
{
    border:2px solid #cfdef1;
    padding:7px;
    height:30px;
    background-color:#eaf1fb;
    float:right;
    margin:10px;
}

div.button_holder input,div.button_holder_simple input
{
    border:1px solid #ff9832;
}

/*********************************************************************/
.dabir-image-holder
{
    background:url(/Subsystem/Total/Media/Images/dabir-image-library.png) no-repeat;
}

.form_holder_content,.form_holder_content_large
{
    float:right;
    height:33px;
    background-position:-3px -5px;
    width:226px;
}

.form_holder_content_text
{
    float:right;
    width:276px;
    height:105px;
    background:url(../images/textaria.png) left top no-repeat;
}

.form_holder_content input,.form_holder_content_large input,.transparent-input
{
    margin-top:2px;
    border: 0px solid transparent;
    background-color: transparent;
    color:Green;
    font:bold 11px tahoma;
    height:25px;
   
}
.form_holder_content input,.form_holder_content select
{
     width:180px;
     border: 0px solid transparent;
     background-color: transparent;
     color:Green;
     font:bold 11px tahoma;
     height:22px;
}

.form_holder_content_large input,.form_holder_content_large select
{
    width:510px;
    border: 0px solid transparent;
    background-color: transparent;
    height:22px;
    font:bold 11px tahoma;
    color:Green;
}

.form_holder_large
{
    width:555px;
}

.form_holder_content_large
{
    width:555px;
    background-position:-3px -40px;
}

span.icon-Date,span.icon-ToDate,span.icon-group,span.icon-name,span.icon-family,span.icon-org,
span.icon-userCode,span.icon-orgCode,span.place,span.icon-title,span.icon-letterType,span.icon-letterDes,
span.icon-letterNum,span.icon-doc,span.icon-letterPrimary,span.icon-visible,span.icon-priority,span.icon-workflow,
span.icon-QA,span.icon-lettersec,span.icon-transfer,span.icon-secretariat,span.icon-relateType,span.icon-archive,
span.icon-lettertransfer,span.icon-pass,span.icon-cellphone,span.icon-fontSize,span.icon-signature,span.icon-Category,span.icon-Attach
{
    float:right;
    display:block;
    width:20px;
    height:20px;
    overflow:hidden;
    background-position:-286px -5px;
    margin:3px 7px;
}

span.icon-ToDate
{
    background-position:-313px -5px;    
}

span.icon-group
{
    background-position:-343px -7px;
}
span.icon-name
{
    background-position:-417px -6px;
}

span.icon-family
{
    background-position:-394px -5px;
}

span.icon-org
{
    background-position:-370px -5px;
}

span.icon-userCode
{
    background-position:-474px -5px;
}

span.icon-orgCode
{
    background-position:-500px -7px;
}

span.place
{
    background-position:-527px -7px;
}
span.icon-title
{
    background-position:-474px -114px;
}
span.icon-letterType
{
    background-position:-288px -112px;
}
span.icon-letterDes
{
    background-position:-343px -114px;
}

span.icon-pass
{
    background-position:-235px -114px ;
}

span.icon-letterNum
{
    background-position:-500px -114px;
}
span.icon-doc
{
    background-position:-96px -115px;    
}
span.icon-letterPrimary
{
    background-position:-40px -115px;
}
span.icon-visible
{
    background-position:-525px -115px;
}

span.icon-priority
{
    background-position:-396px -114px;
}

span.icon-workflow
{
   background-position:-423px -114px; 
}

span.icon-QA
{
   background-position:-551px -116px; 
}
span.icon-lettersec
{
    background-position:-209px -114px;
}

span.icon-transfer
{
    background-position:-181px -114px;
}
span.icon-lettertransfer
{
    background-position:-68px -114px;
}
span.icon-secretariat
{
    background-position:-149px -114px;
}

span.icon-cellphone
{
    background-position:-556px -7px;
}

span.icon-relateType
{
    background-position:-122px -114px;
}

span.icon-archive
{
    background-position:-448px -114px;
}

div.formBorder
{
    border:1px solid #5793ab;
    border-top:none;
    min-width:730px
}

span.icon-fontSize
{
    background-position:-255px -86px;
}

span.icon-signature
{
    background-position:-287px -85px;
}

span.icon-Category
{
    background-position:-323px -86px;
}

span.icon-Attach
{
    background-position:-360px -86px;
}

/*******************************************************************************/

table.mxgrid input.button
{
    border:1px solid #99c2f3;
    width:100px;
    font-family:Tahoma;
    background-color:#ffd65a;
}