/*edit*/
@import "ChromeBlackGridView.css";
@import "Jquery_themes/Light_Blue/jquery.ui.base.css";
@import "Jquery_themes/Light_Blue/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/MCI/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 Georgia,Tahoma,Tahoma;
}

h2 {
    font: normal 1.5em Georgia,Tahoma;
}

h3 {
    font: bold 1em Tahoma,Tahoma;
    color: #fff;
}

blockquote {
    background: #FFF /*url('img/template/MCI/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: 90%;
}

#layout_container {
    background: #FFF;
    padding: 0 5px;
}

#layout_edgebottom {
    background: #fff /*url('img/template/MCI/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/MCI/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: #999 /*url('img/template/MCI/site_title.jpg')*/ repeat-x left top;
    padding: 6px 18px;
    border-top-left-radius: 5px;
    border-top-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: #679;
    }

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

/* Navigation */
#navigation {
    background: #999 /*url('img/template/mci/navigation.jpg')*/ no-repeat left bottom;
    /*padding: 72px 50px 50px 50px;*/
}

/* Tabs */
#tabs ul {
    margin: 0;
    padding: 0;
}

#tabs li {
    display: inline;
    list-style: none;
}

#tabs a {
    background: no-repeat left top;
    background-color:#53C4D0;
    float: right;
    font: bold 0.9em Tahoma;
    margin-right: 3px;
    padding: 8px 10px 4px 10px;
    text-decoration: none;
    /*border: 0px solid #666666;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
    #tabs a:hover {

        background: no-repeat left top;
    background-color:#fdad0e;
    float: right;
    font: bold 0.9em Tahoma;
    margin-right: 3px;
    padding: 8px 10px 4px 10px;
    text-decoration: none;
    border: 0px solid #666666;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    }

    #tabs a span {
        /*float: left;
        display: block;
        background: url('img/template/MCI/tabrightc.gif') no-repeat right top;
        padding: 5px 10px 5px 6px;
        color: #608AAA;*/
    }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {
        float: none;
    }
    /* End IE5-Mac hack */

    #tabs a:hover span {
        color: #608AAA;
    }

    #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: #fdad0e /*url('img/template/MCI/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/MCI/icon_comment.gif') no-repeat right center;
    padding-right: 18px;
}


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

.post {
    margin-bottom: 5px;
    color: #444;
}
/*edit*/
.post_title {
    background: #fdad0e no-repeat left top /*url('img/template/MCI/post/title.gif')*/;
    padding: 6px 10px 5px;
    color: #fff;
    text-shadow: 1px 1px 1px #000 !important;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

    .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: #e4e4e4 /*url('img/template/MCI/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 #fdad0e;
    border-left: 2px solid #fdad0e;
}

    .post_body img {
        border: 0px none transparent;
        background: transparent;
        padding: 0px;
    }

.post_bottom {
    background: #e4e4e4 /*url('img/template/MCI/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 #fdad0e;
    border-right: 2px solid #fdad0e;
    border-left: 2px solid #fdad0e;
    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: #53C4D0 repeat left top /*url('img/template/MCI/btm-link-bg.jpg')*/;
    padding: 6px 10px 5px;
    font-weight: bold;
    color: #fff;
    text-align: right;
    text-shadow: 1px 1px 1px #000 !important; /*border: 2px solid #666666;
    background: #CCCCCC;*/
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
/*edit*/
.box_body {
    background: #e4e4e4 /*url('img/template/MCI/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 #53C4D0;
    border-left: 2px solid #53C4D0;
}

.box_bottom {
    background: #e4e4e4 /*url('img/template/MCI/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 #53C4D0;
    border-right: 2px solid #53C4D0;
    border-left: 2px solid #53C4D0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.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
------------------------------------------- */
/*edit*/
.pagenavigation {
    background: #fdad0e /*url('img/template/MCI/navigation.jpg')*/ repeat;
    margin-bottom: 5px;
    border-radius: 5px;
}
/*edit*/
.pagenav_bottom {
    display: block;
    font-size: 0;
    line-height: 0;
    height: 5px;
    background: /*url('img/template/MCI/pagenav_bottom.gif')*/ no-repeat;
}

.pagenav {
    font-size: 0.85em;
    padding: 5px 8px 0;
}
    /*edit*/
    .pagenav a {
        color: #000000;
        text-decoration: none;
    }

        .pagenav a:hover {
            color: #002;
            text-decoration: underline;
        }


/* ----------------------------------------
   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 #FFFFFF;
    color: white;
    background-color: #858585;
    font-family: Tahoma, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: right;
}

.accordionLink {
    text-decoration: none;
    color: white;
}

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

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

.accordionHeaderSelected {
    border: 1px solid #FFFFFF;
    color: white;
    background-color: #ffb617;
    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: #FFFFFF;
    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);
}