/*edit*/
@import "ChromeBlackGridView.css";
@import "Jquery_themes/Orange/jquery.ui.base.css";
@import "Jquery_themes/Orange/jquery.ui.theme.css";
/*  
Template name: Colorvoid
Template URI: http://templates.arcsin.se/colorvoid-website-template/
Release date: 2008-04-25
Description: Soft and natural, gray and blue two-column template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* ----------------------------------------
   Standard Elements
------------------------------------------- */

*
{
    margin: 0;
    padding: 0;
}

html
{
    height: 100%;
    padding-bottom: 1px; /* force scrollbars */
}

body
{
    direction: ltr;
    background: #fff /*url('img/template/Tejarat/body1.jpg')*/;
    font: normal 10px tahoma,Tahoma;
    color: #345;
    padding-bottom: 1em;
    line-height: 20px
}

a
{
    color: #06A;
}
a:hover
{
    color: #036;
}

p
{
    padding: 0.1em 0 0.8em;
}

h1
{
    font: normal 1.8em Tahoma,Tahoma,Tahoma;
}
h2
{
    font: normal 1.5em Tahoma,Tahoma;
}
h3
{
    font: bold 1em Tahoma,Tahoma;
    color: #fff;
}

blockquote
{
    background: #FFF /*url('img/template/Tejarat/quote.gif')*/ no-repeat;
    border: 1px solid #EAEAEA;
    color: #555;
    display: block;
    font: normal 1em Tahoma;
    margin-bottom: 1em;
    padding: 10px 1em 0.2em 42px;
}

code
{
    display: block;
    background: #FFFFFA;
    color: #335;
    border: 1px solid #E8E8D5;
    padding: 5px 10px;
    overflow: auto;
    margin: 1em 0;
    font-size: 0.9em;
    line-height: 1.5em;
}

ul, ol
{
    margin: 0 0 1em 1.6em;
}
ul ul, ol ol
{
    margin: 0.3em 0 0.3em 1em;
}

img
{
    border: 0px none transparent;
}
img.bordered
{
    background: transparent;
    padding: 5px;
    border: 0px solid transparent;
}
img.left
{
    margin-right: 1em;
}
img.right
{
    margin-left: 1em;
}

small, .small
{
    font-size: 0.8em;
}
big, .big
{
    font-size: 1.2em;
}


/* ----------------------------------------
  Forms
------------------------------------------- */

/* Inputs */
input#s, textarea, input.styled
{
    border: 1px solid #BBB;
    padding: 3px;
    font: normal 1em Tahoma,Tahoma;
}
textarea
{
    width: 440px;
}
#searchsubmit
{
    border: 1px solid #BBB;
    background: #EEE;
    font: normal 0.9em Tahoma,Tahoma;
    padding: 2px 3px;
}

/* Seachform */
table.search
{
    width: 100%;
    border-collapse: collapse;
}
.search td
{
    vertical-align: center;
}


/* ----------------------------------------
   Layout
------------------------------------------- */

/* Main */
#layout_wrapper
{
    margin: 40px auto 0;
    width: 80%;
}
#layout_container
{
    background: #FFF;
    padding: 0 5px;
}
#layout_edgebottom
{
    background: #fff /*url('img/template/Tejarat/layout_edges.gif')*/ no-repeat left top;
    display: block;
    height: 5px;
    font-size: 0;
    line-height: 0;

    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

#layout_edgetop
{
    background: #fff /*url('img/template/Tejarat/layout_edges.gif')*/ no-repeat left top;
    display: block;
    height: 5px;
    font-size: 0;
    line-height: 0;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

#layout_edgebottom
{
    background-position: left bottom;
}

/* Site Title */
#site_title
{
    background: #253D83 /*url('img/template/Tejarat/site_title.jpg')*/ repeat-x left top;
    padding: 10px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
#site_title h1
{
    font: normal 2.4em Tahoma;
    letter-spacing: -1px;
}
#site_title h1, #site_title h1 a
{
    color: #507A9A;
}
#site_title h1 a
{
    text-decoration: none;
}
#site_title h1 a:hover
{
    color: #305A7A;
}
#site_title h2
{
    padding-top: 1.4em;
    font: normal 1.1em Tahoma;
    color: #000;
}

#top_separator
{
    background: #999 url('/img/Tejarat_new_logo.png') no-repeat right ;
    display: block;
    font-size: 0;
    line-height: 0;
}

/* Navigation */
#navigation
{
    background-image: url('img/template/Season/navigation.jpg');
    background-repeat:no-repeat;
    background-color:#999;
    padding: 13.5% 0 0 0;
    background-size:100%;
    font-weight:bold;
    /*margin: 70px 50px 50px 50px;*/

}

/* Tabs */
/*#tabs ul
{
    margin: 0px;
    padding: 0px;
}
#tabs li
{
    display: inline;
    list-style: none;
}
#tabs a
{
    background-color: #fff;
    float: right;
    font: bold 0.9em Tahoma;
    margin-right: 3px;
    padding-left: 4px;
    text-decoration: none;
    border: 2px solid #fff;
    border-radius: 5px 5px 0 0;
}
#tabs a span
{
    float: left;
    display: block;
    background-color: #fff;
    padding: 5px 10px 5px 6px;
    color: #000;

}

#tabs a span
{
    float: none;
}

#tabs a:hover span
{
    color: #000;
}
#tabs a:hover
{
    background-position: 0% -42px;
}
#tabs a:hover span
{
    background-position: 100% -42px;
}

#tabs li.current_page_item a
{
    color: #47A;
    background-position: 0% -42px;
}
#tabs li.current_page_item a span
{
    background-position: 100% -42px;
}*/

/* Main Layout */
#main_left
{
    width: 74.5%;
}
#main_right
{
    width: 25%;
}

/* Footer */
#footer
{
    background: #253D83 url('img/template/Tejarat/btm-link-bg.jpg') repeat left top;
    border-radius:5px;
    padding: 8px 8px 8px 8px;
    font-size: 0.85em;
    color: #FAFCFF;
}
#footer .right
{
    color: #FAFCFF;
}
#footer .right a
{
    color: #FAFCFF;
    text-decoration: none;
}
#footer .right a:hover
{
    color: #FAFCFF;
    text-decoration: none;
}


/* ----------------------------------------
   Miscellaneous
------------------------------------------- */

/* Images */
img.bordered
{
    border: 1px solid #DDD;
    background: #FFF;
    padding: 5px;
}

/* Text */
.bold
{
    font-weight: bold;
}
.tright
{
    text-align: right;
}
.tcenter
{
    text-align: center;
}
.tright
{
    text-align: right;
}

/* Floats */
.left
{
    float: left;
}
.right
{
    float: right;
}

/* Clear */
.clear, .clearer
{
    clear: both;
}
.clearer, .spacer
{
    display: block;
    font-size: 0;
    line-height: 0;
}

/* Icons */
span.comment
{
    background: url('img/template/Tejarat/icon_comment.gif') no-repeat right center;
    padding-right: 18px;
}


/* ----------------------------------------
   Post, page
------------------------------------------- */

.post
{
    margin-bottom: 5px;
    color: #444;
}
/*edit*/
.post_title
{
    background: #fff no-repeat left top /*url('img/template/Tejarat/post/title.gif')*/;
    padding: 6px 10px 5px;
    color: #000;
    text-align: right;
    text-shadow: 1px 1px 1px #CCC !important;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top:2px solid #999;
    border-left:2px solid #999;
    border-right:2px solid #999;
}
.post_title h1
{
    font: bold 0.9em Tahoma,Tahoma;
}
.post_title h1 a
{
    color: #444;
}
.post_title h1 a:hover
{
    color: #469;
    text-decoration: underline;
}
.post_title h1.left
{
    width: 380px;
}
.post_date
{
    color: #999;
    padding-top: 1px;
    font-size: 0.85em;
}
/*edit*/
.post_metadata
{
    margin-top: 5px;
    padding: 0 5px;
    background: transparent;
}
.post_metadata .content
{
    border-top: 1px solid #E5E5E5;
    padding: 8px 5px 6px;
    font-size: 0.8em;
    color: #666;
}
.post_metadata .content a
{
    color: #567;
}
.post_metadata .content a:hover
{
    color: #002;
}
/*edit*/
.post_body
{
    background: #fff /*url('img/template/Tejarat/post/body.gif')*/ repeat-x left top;
    /*
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cacacc), to(#e4e4e4)) repeat-x left top;
    background: -moz-linear-gradient(top, #cacacc, #e4e4e4);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#cacacc, endColorStr=#e4e4e4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#cacacc, endColorStr=#e4e4e4);
        */
    padding: 10px 10px 1px;

    /*border-top: 2px solid #fdad0e;*/
    border-right: 2px solid #999;
    border-left: 2px solid #999;
}
.post_body img
{
    border: 0px none transparent;
    background: transparent;
    padding: 0px;
}
.post_bottom
{
    background: #e4e4e4 /*url('img/template/Tejarat/post/bottom.gif')*/ no-repeat left top;
    display: block;
    height: 5px;
    font-size: 0;
    line-height: 0;

    margin-top:-1px;
    /*border-top:0px solid #e4e4e4;*/
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    border-left: 2px solid #999;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.post_search_text
{
    font-size: 0.85em;
    padding: 2px 0;
}


/* ----------------------------------------
   Sidebar box
------------------------------------------- */

.box
{
    margin-bottom: 5px;
}
/*edit*/
.box_title
{
    background: #fff repeat left top url('img/template/Tejarat/btm-link-bg.jpg');
    padding: 6px 10px 5px;
    font-weight: bold;
    color: #000;
    text-align: right;
    text-shadow: 1px 1px 1px #CCC !important; /*border: 2px solid #666666;
    background: #CCCCCC;*/
    border-top-right-radius: 0px;
    border-top-left-radius: 10px;
    border-top:2px solid #58BAC3;
    border-left:2px solid #58BAC3;
    border-right:2px solid #58BAC3;
}
/*edit*/
.box_body
{
    background: #fff /*url('img/template/Tejarat/box/body.gif')*/ repeat-x left top;
    /*
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#62aee0), to(#e4e4e4)) repeat-x left top;
    background: -moz-linear-gradient(top, #62aee0, #e4e4e4);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#62aee0, endColorStr=#e4e4e4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#62aee0, endColorStr=#e4e4e4);
        */
    padding: 8px 10px 1px;
    font-size: 0.9em;
    text-align: right;

    border-right: 2px solid #58BAC3;
    border-left: 2px solid #58BAC3;
}
.box_bottom
{
    background: #fff /*url('img/template/Tejarat/box/bottom.gif')*/ no-repeat left top;
    display: block;
    height: 5px;
    font-size: 0;
    line-height: 0;


    margin-top:-1px;
    /*border-top:0px solid #e4e4e4;*/
    border-bottom: 2px solid #58BAC3;
    border-right: 2px solid #58BAC3;
    border-left: 2px solid #58BAC3;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
}

.box ul
{
    margin-left: 0;
    border-bottom: 1px solid #E2ECF2;
}
.box li:first-child
{
    border-top: none;
}
.box ul li
{
    list-style: none;
    padding: 4px;
    border-top: 1px solid #E2ECF2;
    border-bottom: 1px solid #D0D8DE;
}
.box ul a
{
    text-decoration: none;
}
.box ul a:hover
{
    text-decoration: underline;
}


/* ----------------------------------------
   Lists
------------------------------------------- */

.nicelist
{
    padding: 1px 0 0;
}
.nicelist ol
{
    margin: 0;
}
.nicelist ol li
{
    list-style: none;
    padding: 8px 10px 1px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #CCC;
}
.nicelist li.alt
{
    background: #EEE;
}
.nicelist .body
{
    padding-top: 5px;
}
.nicelist .date
{
    color: #888;
    padding-top: 4px;
    font-size: 0.85em;
}
.nicelist .date a
{
    color: #567;
    text-decoration: none;
}
.nicelist .date a:hover
{
    color: #002;
    text-decoration: underline;
}


/* ----------------------------------------
   Archives
------------------------------------------- */

.archive_title
{
    font: normal 1.4em Tahoma;
}
.archive_title a
{
    text-decoration: none;
}
.archive_title a:hover
{
    text-decoration: underline;
}
.archive_postinfo
{
    font: normal 1em Tahoma;
    padding-bottom: 6px;
}


/* ----------------------------------------
   Comments
------------------------------------------- */

.comment_gravatar
{
    width: 48px;
}
.comment_gravatar img
{
    padding: 2px;
}
.comment_author
{
    padding-top: 2px;
}


/* ----------------------------------------
   Pagination
------------------------------------------- */
@media screen and (max-width: 1500px)
{
    #layout_wrapper
    {
        width: 90%;
        /*margin: 5px auto 0;*/
    }
    #main_left
    {
        width: 75%;
    }

    #main_right
    {
        width: 24.5%;
    }
}
@media screen and (max-width: 960px)
{
    /*#layout_wrapper
    {
        width: 100%;
    }*/
    #main_left
    {
        width: 100%;
        float:none;
        /*margin: 20px 0;*/
    }

    #main_right
    {
        width: 100%;
        float:right;
        /*margin:0;*/
    }
    /*.box
    {
        width: 49.5%;
        float:right;
        margin:2px;
    }*/
}




/*edit*/
.pagenavigation
{
    background: #C9C9C9 /*url('img/template/Tejarat/navigation.jpg')*/ repeat;
    margin-bottom: 5px;
    border-radius:5px;
    font-weight:bold;
}
/*edit*/
.pagenav_bottom
{
    display: block;
    font-size: 0;
    line-height: 0;
    height: 5px;
    background: /*url('img/template/Tejarat/pagenav_bottom.gif')*/ no-repeat;
}
.pagenav
{
    font-size: 0.85em;
    padding: 5px 8px 0;
}
/*edit*/
.pagenav a
{
    color: #444;
    text-decoration: none;
}
.pagenav a:hover
{
    color: #000;
    text-decoration:none;
}


/* ----------------------------------------
   Width, height, margin, padding
------------------------------------------- */

.h5
{
    height: 5px;
}
.p5
{
    padding: 5px;
}
.p10
{
    padding: 10px;
}
input[type="text"]
{
    font-family: Tahoma;
    text-align: right;
    direction: rtl;
    font-size: 12px;
}
input[type="password"]
{
    font-family: Tahoma;
    text-align: right;
    direction: rtl;
    font-size: 12px;
}
/*
input.contact_button_representation
{
font-family: Tahoma;
text-align: center;
color: #ffffff;
font-size: 11px;
padding: 3px;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: solid #4a9df0 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#6ab0e6));
background: -moz-linear-gradient(top, #000000, #6ab0e6);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#000000, endColorStr=#6ab0e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#000000, endColorStr=#6ab0e6);
display:inline-block; 

}

input.contact_button_representation:hover
{
font-family: Tahoma;
text-align: center;
color: #ffffff;
font-size: 11px;
padding: 3px;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: solid #4a9df0 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#6ab0e6), to(#000000));
background: -moz-linear-gradient(top, #6ab0e6, #000000);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#6ab0e6, endColorStr=#000000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#6ab0e6, endColorStr=#000000);
display:inline-block;
}
*/


select.select
{
    font-family: Tahoma;
    direction: rtl;
    border: 1px transparent solid;
    background-color: transparent;
    color: Black;
    font-size: 12px;
}
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.accordionHeader
{
    border: 1px solid #ccc;
    color: #000;
    background-color: #fff;
    font-family: Tahoma, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: right;
    vertical-align:middle;
}
.accordionLink
{
    text-decoration: none;
    color: #373450;
}

#master_content .accordionHeader a
{
    color: #000;
    background: none;
    text-decoration: none;
}

#master_content .accordionHeader a:hover
{
    background: none;
    text-decoration: none;
    font-family: Tahoma;
}

.accordionHeaderSelected
{
    border: 1px solid #ccc;
    color: white;
    background-color: #fff;
    font-family: Tahoma, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: right;
}

#master_content .accordionHeaderSelected a
{
    color: #000;
    background: none;
    text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: none;
    color: #FFFFFF;
}

.accordionContent
{
    background-color: transparent;
    border: 0px;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    text-align: center;
}



/* WIZARD */
.stepNotCompleted
{
    background-color: rgb(153,153,153);
    width: 15px;
    border: 1px solid rgb(153,153,153);
    margin-right: 5px;
    color: White;
    font-size: 12px;
    text-align: center;
}

.stepCompleted
{
    background-color: #4d4d4d;
    width: 15px;
    border: 1px solid #4d4d4d;
    color: White;
    font-size: 12px;
    text-align: center;
}

.stepCurrent
{
    background-color: #e01122;
    width: 15px;
    border: 1px solid #e01122;
    color: White;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.stepBreak
{
    width: 3px;
    background-color: Transparent;
}

.wizardProgress
{
    color: #333333;
    font-size: 12px;

}

.wizardTitle
{
    margin:10px;
    vertical-align: middle;
    font-weight:bold;
    background-color: #e01122;
    width: 310px;
    border: 1px solid #e01122;
    color: White;
    font-size: 12px;
    text-align: center;
}

.wizardButton
{
    margin:2px;
}

/*AutoComplete flyout */
.autocomplete_completionListElement
{
    margin : 0px!important ;
    background-color : inherit ;
    color : windowtext ;
    border : buttonshadow ;
    border-width : 1px ;
    border-style : solid ;
    cursor : 'default' ;
    overflow : auto ;
    height : 200px ;
    font-family : Tahoma ;
    font-size : small ;
    text-align : right ;
    list-style-type : none ;
    }
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
   {
    background-color : #ffff99 ;
    color : black ;
    padding : 1px ;
    direction:rtl;
    text-align:right;
    }

    /* AutoComplete item */
.autocomplete_listItem
    {
    direction:rtl;
    text-align:right;
    background-color : window ;
    color : windowtext ;
    padding : 1px ;
   }


/*************************CSS3**************************/

.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
margin: 0 10px 5px 0; /*margin between images*/
opacity: 1;
}

.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 0.7; /*initial opacity of images*/
}

.shadow
{
    box-shadow: 5px 5px 5px #888888;
}

.text_shadow
{
    text-shadow: 1px 1px 1px #000 !important;
}


.border_radius
{
    border: 2px solid #666666;
    background: #CCCCCC;
    border-radius: 10px;
}

.rotate:hover
{
    -webkit-transform: rotateX(180deg); /* Chrome, Safari, Opera */
     transform: rotateX(180deg);
}