﻿html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {font-weight:normal;}
table, td, th {vertical-align:top;}
*:focus { outline: none; }
blockquote:before, blockquote:after, q:before, q:after {fadebox:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
hr{display: block;clear: both;background: #cccccc;color: #cccccc;width: 100%;height: 1px;border: none;} 
input, textarea, select {margin:0px;padding:0px;border:none;color: #000000;font: normal 12px Arial, Helvetica, sans-serif;background:none;vertical-align: middle;}
figure, form{margin:0}
fieldset{border:1px solid #cccccc;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;} 
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize: none;}

html{font-size:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
::-moz-selection, ::-webkit-selection, ::selection {background:#C7DCEC;color:#ffffff;text-shadow: none;}
 

body {background:#ffffff; font-family:  Arial, Helvetica, sans-serif;font-size:14px; color:#444444;-webkit-animation: bugfix infinite 1s;} 


h1, h2, h3, h4, h5, h6, h7 {font-weight:normal;margin:0px;font-family: Arial, Helvetica, sans-serif;}
h1 {font-size:30px;} 
h2 {font-size:22px;margin:0px 0px 20px 0px;}
h3 {font-size:20px;}
h4 {font-size:16px;}
h5 {font-size:14px;} 
h6 {font-size:12px;}


p {margin:0px 0px 10px 0px;line-height:21px;/*text-align:justify;*/} 
a,  a:link,  a:visited,  a:focus,  a:active{color:#009ed2;text-decoration:none;outline-style:none;}
a:hover {color:#000000;}
img { -ms-interpolation-mode: bicubic;display: block; max-width:100%;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 15px;}
ul {/*list-style-type:none;*/}
ol {list-style-type:decimal;}
em {font-style:italic;}

input, select, textarea {width:98%;padding:1%;background: #fff;}
div input[type="checkbox"], div input[type="radio"] {width:15px;margin:0px 5px;}
input[type="button"], div input[type="submit"], a.submit {width:100%;padding:10px 0px;background:#C7DCEC;text-align:center;color:#ffffff;font-weight:bold}
input[type="button"]:hover, div input[type="submit"]:hover, .submit:hover{background: #666;}
.startStop{
    margin-top: 10px;
}
.startStop  input[type="button"].start,.startStop  input[type="submit"].start,.startStop  a.submit.start {width:100%;padding:10px 0px;background:green;text-align:center;color:#ffffff;}
.startStop  input[type="button"].start:hover, .startStop  input[type="submit"].start:hover,.startStop  .submit.start:hover{background: #666;}
.startStop  input[type="button"].Stop,.startStop  input[type="submit"].Stop,.startStop  a.submit.Stop {width:100%;padding:10px 0px;background:red;text-align:center;color:#ffffff;}
.startStop  input[type="button"].Stop:hover, .startStop  input[type="submit"].Stop:hover,.startStop  .submit:hover.Stop{background: #666; }
table {border-top:1px solid #cccccc;border-left:1px solid #cccccc;margin:0px 0px 20px 0px;width:100%;}
table td, table th {border-bottom:1px solid #cccccc;font-size:12px;border-right:1px solid #cccccc;padding:5px;vertical-align:middle;}
table th {background: #C7DCEC;font-size:12px;}
table th {font-weight:bold;}

.shadow {-moz-box-shadow: 0px 5px 5px rgba(60,60,60,0.5);-webkit-box-shadow: 0px 5px 5px rgba(60,60,60,0.5);box-shadow: 0px 5px 5px rgba(60,60,60,0.5);}

.roundcircle {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.columns:after, .listview:after, .footer:after, .mainmenu:after, .containerfeatures:after {content: "";display: table;clear: both;}

.bgtr {
    background: #000000\8;
    background: rgba(0, 0, 0, 0.8);
}

.nomargin {margin-left:0 !important;margin-right:0 !important}


.link {
    text-decoration: underline;
    cursor: pointer;
}

#page {
    margin: 0 auto;
    width: 1100px;
}

.loginbg {
    background: #ccc;
    padding:0px 0px 0px 0px;
    min-height: 500px;
    position:relative;
}



.loginbox {
    margin: 0 0 0 -150px;
    padding:25px;
    width: 250px;
    background: #fff\8;
    background: rgba(250, 250, 250, 0.8);
    position:absolute;
    top:25%;
    left:50%;
}

    .loginbox div label {
        display: block;
       /*width: 300px;
        padding-top: 10px;*/
       margin:0px 0px 15px 0px;
    }
.loginbox a {display:block;color:#000;margin:10px 0px 0 0;}
.loginbox div label input {margin:5px 0px;border:1px solid #ccc;}



.mainmenu {
    margin: 0px 0px;
    width: 100%;
    display: block;
    background:#f9f9f9;
}

    .mainmenu li {
        float: left;
        list-style: none;
        display: inline-block;
        position: relative;
    }

.mainmenu li a {
    display: inline-block;
    padding: 5px 15px;
    margin: 0px 0px 2px 0;
    font-size: 15px;
    color: #000000;
    text-decoration: none;
}

.mainmenu li.this a, .mainmenu li:hover a {
    background: #000000;
    color: #ffffff;
}

.mainmenu ul {
    margin: 0px;
    display: none;
    position: absolute;
    left: 0px;
    top: 27px;
    z-index: 11;
    background: #000000;
    width: 200px;
}

    .mainmenu ul li {
        display: block;
        width: 100%;
    }

        .mainmenu ul li a {
            color: #ffffff;
            display: block;
        }

        .mainmenu ul li:hover > a {
            background: #666666;
        }

        .mainmenu ul li ul {
            left: 200px;
            top: 0px;
        }

.mainmenu li:hover > ul {
    display: block;
}

.mainmenu li:last-child ul li ul {
    left: auto;
    right: 200px;
}

.clear {
    clear: both;
}

.stripseparator {
    height: 5px;
    width: 100%;
    background: #C7DCEC;
    margin-bottom: 2px;
}

#logoutbox {
    padding:5px 5px 5px 10px;
    width: 225px;
    float: right;
    min-height: 83px;
    background: #E2E2E2;
}

#logoutbox a {display: block;font-size: 14px;color: #000;padding: 0px;margin:0 0 10px 0}
#logoutbox span {display: block;font-weight:bold;font-size:16px;margin:5px 0 8px 0;}
#logoutbox a span, #logoutbox span span {float:left;width:20px;height:25px;margin:-3px 7px 0 0;}
#logoutbox .login {margin:34px 0 0 0px}
#logoutbox .login span {background: url(../images/sprite.png) 0px 0px no-repeat;}

#logoutbox .update span {background: url(../images/sprite.png) -41px -2px no-repeat;}
#logoutbox .logout span {background: url(../images/sprite.png) -23px 0px no-repeat;}

.pagetitle {
    background: #CCC;
    height: 39px;
    padding:27px;
    margin-bottom: 20px;
}

    .pagetitle h1 {
          margin: 5px 0 0 0;
    }

    .pagetitle a {
        float: right;
    }


.regulartable img {
    max-width:24px;
    margin:auto;
}

.regulartable .short {width:80px;text-align:center}
.regulartable td:first-of-type {font-size:14px;font-weight:bold;width:25%}


.form.contactUser{
    width:100%;
   
}
.form.contactUser label{
     border:solid 1px #ccc;
}
.form.contactUser label span{
    width:8%;
}
.form.contactUser label input{
    width:85%;
}


.form {
    float: left;
    background: #ccc;
    width: 340px;
    margin-top: 20px;
    padding: 10px;
}

.longform {float:none;width:94%;padding:3%;margin:0 0 50px 0;clear:both;direction:rtl;overflow:hidden}
.longform input[type="submit"] {margin:0 10px 15px 0px;float:left;width:150px;}
.tab.longtable {width:100%;float:none;margin:0 0 50px 0;direction:rtl}

.formEdit, .formEdit label, .formEdit span, .formEdit div {direction:rtl;text-align:right;}

.formEdit .userform label
{
    float:right;
    width:100%;
    padding:0;
}

.formEdit input[type="text"]
{
    width:95%;
    padding:2.5%;
}

.formEdit input[type="submit"]
{
    margin:10px 0;
}

.workshopstitle {overflow:hidden;}
.workshopstitle input[type="text"] {float:right;width:auto;margin:0 0 0 10px;padding:10px;border:1px solid #ccc;}
.workshopstitle span {margin:10px 0 0 10px;float:right;display:block;}

.formEdit .userform {margin:20px 0 0 0;width:100%;padding:0;background:none}
.formEdit .userform .titlelong {margin:0 0 10px 0;}


.smalltextarea {height:50px;}
.userform {
    background: #ccc;
    margin-top: 20px;
    padding: 10px;
}

    .form label, .userform label {
        width: 95%;
        display: inline-block;
        padding: 2%;
        margin:0px 0px 10px 0px;
        background:#fff;
        float:left;
    }
.userform .title, .form .title, .selectsplace .title {padding:1%;border-right:1px solid #ccc;width:18%;float:left;font-size:12px;}
.userform .titlelong {padding:0;display:inline-block;font-size:12px;}
.form .title {width:30%}
.selectsplace select, .form label input, .userform label input, .form label select, .userform label select { float: right;width: 77%;}
.form label select, .form label input {width:63%;}


.userform label input[type="checkbox"], .form label input[type="checkbox"] {width:15px;}
.userform label textarea, .form label textarea {width:77%}
.form .checkbox {float:left;margin:3px 5px 0px 0px;}
.userform .checkbox {float:left;margin:4px 5px 0px 0px;}

.selectsplace {}
.selectsplace label {width:49%;display:inline-block;}
.selectsplace select { float: right;width: 77%;border:1px solid #ccc;}
.selectsplace input[type="text"] { float: right;width: 74.6%;border:1px solid #ccc;}
.selectsplace input[type="submit"], .selectsplace input[type="button"] {margin:15px 0px 0px 0px;}

.dataTables_wrapper label {display:block;margin:10px 0px;}
.dataTables_wrapper select, .dataTables_wrapper input { width: 100px;border:1px solid #ccc;}
.dataTables_wrapper .dataTables_filter {width:300px;}

.btnplace input {margin:0px 0px 10px 0px;}

.labelstyle label {padding:0px;margin:0px 0px 10px 0px;}
.labelstyle label input {border:1px solid #ccc;width:97.5%;padding:3px 1%;}
.labelstyle label textarea {width:99%;border:1px solid #ccc;}
.labelstyle label input[type="submit"] {padding:5px 0px;width:100%;margin:10px 0px;}
.labelstyle label select {border:1px solid #ccc;width:100%;padding:3px 0;}


.search {
    float: left;
    background: #ccc;
    width: 100%;
    padding-top: 10px;
    margin: 20px 0;
}

    .search label {
        width: 340px;
        display: inline-block;
        padding-bottom: 10px;
        padding-left: 10px;
    }

        .search label input {
            float: right;
            width: 220px;
            height: 20px;
        }

.userbudgets {
    /*float: left;*/
    background: #ccc;
    /*width: 240px;*/
    /*min-height: 500px;*/
    margin-top: 20px;
    /*margin-left: 10px;*/
    padding: 10px;
}

.userinstruments {
    /*float: left;*/
    background: #ccc;
    /*width: 320px;*/
    /*min-height: 500px;*/
    margin-top: 20px;
    /*margin-left: 10px;*/
    padding: 10px;
}

.btn {
    /*width: 120px;
    height: 35px;
    background: #C7DCEC;
    font-size: 20px;
    border-radius: 5px;
    float: right;*/
}

.smallbtn {
    /*width: 80px;
    height: 25px;
    background: #C7DCEC;
    font-size: 16px;
    border-radius: 5px;*/
}

a.smallbtnMenu {width:100%;padding:10px 0px;background:#C7DCEC;display:block;text-align:center;color:#ffffff;margin:0px 0px 10px 0px;}
a.smallbtnMenu:hover{background: #666;}



.tab {
    display: none;
    width: 600px;
    float: right;
    margin-top: 20px;
}

.visible {
    display: block;
}

#masks {
    display: block;
}

    #masks #maskHeader {
        display: none;
        background: #C7DCEC;
        padding: 5px;
    }

        #masks #maskHeader .date {
            padding-left: 10px;
        }

        #masks #maskHeader .del {
            float: right;
        }

        #masks #maskHeader img {
            display: none;
            float: right;
        }

        #masks #maskHeader .msg {
            float: right;
        }


#bubble {
    width: 240px;
    height: 230px;
    background-color: #eee;
    border: solid 1px #000;
    padding: 10px;
}

    #bubble #lnkClose {
        float: right;
    }

    #bubble #lnkDelete {
        position: absolute;
        bottom: 10px;
        left: 10px;
    }

    #bubble #lnkMove {
        position: absolute;
        bottom: 10px;
        left: 80px;
    }

    #bubble .arrow {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #EEE;
        width: 15px;
        height: 15px;
        position: absolute;
        bottom: -9px;
        left: 100px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
    }

.timeline {
    position: absolute;
    left: 59px;
    border: none;
    border-top: 1px solid #00F;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 999;
}

#budgetSelector, #productSelector, #userSelector, #rowEdit, #jobEdit,.dialogS {
    position: fixed;
    display: none;
    width: 800px;
    min-height: 400px;
    background-color: #eee;
    border: solid 1px #000;
    padding: 10px;
    z-index: 999;
    left: 50%;
    margin-left: -400px;
    top: 75%;
    margin-top: -200px;
    font-size: 14px;

}
#rowEdit {position:fixed;}

#jobEdit
{
    direction:rtl;
    min-height:200px;
    width:300px;
    top:47%;
    left:66%;
    text-align:center;

}

label.service{
    width:100%;
    display:block;
    text-align:center;
    margin-bottom:15px;
}

label.qa input{
    width:84px;
    border:1px solid #ccc;
    margin-bottom: 14px;
}

label.qa{
    clear:both;
    font-weight:bold;
    margin-left:55%;
    margin-bottom:15px;
}

button#save
{
    width:80px;
    margin:25px auto;
    height:25px;
    line-height:25px;
    background:#C7DCEC;
    color:#fff;
    font-weight:bold;
    border:none;
}


    #budgetSelector #lnkClose, #productSelector #lnkClose,#jobEdit #joblnkClose, #userSelector #lnkClose,.dialogS .lnkClose, #rowEdit #lnkClose, #userSelector #userSelectorClose {
        float: right;
    }

    a#joblnkClose
    {
        width:100%;
        margin-bottom:30px;
        text-align:right;
    }

    #budgetSelector .selectbudget, #productSelector .selectproduct, #userSelector .selectuser ,#jobEdit .selectJob {
        cursor: pointer;
        text-decoration: underline;
    }



.bookingInstrumnets {
    background: #C7DCEC;
    margin: 0 0 10px 0;
    overflow:hidden;
}
    .bookingInstrumnets a {}

/*
    .bookingInstrumnets .instrumentSelect, .bookingInstrumnets .instrumentUsage {
        font-size: 25px;
        line-height: 40px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .bookingInstrumnets .instrumentUsage {
        float: right;
    }
*/

.instrumentSelect {background:#fff;padding:5px;width:300px;margin:7px 7px 5px 7px;float:left;display:block;}
.instrumentUsage {float:right;margin:7px 7px 5px 7px;width:260px;}
.instrumentUsage img {float:right;margin:0px 0px 0px 10px;}
    .instrumentUsage p {margin:0}

.bookingtitle {

    margin:15px 0px 25px 0px;
}
    .bookingtitle .iCal,.iCal {float:left;margin:-5px 10px 0px 0;display:inline-block;width:35px;height:35px;background: url(../images/sprite.png) -222px -2px no-repeat;}
    td .iCal{margin:0 0 0 15px!important;}
    .bookingtitle .title, .bookingtitle .viewTitle {
        font-size:26px;
    }

    .bookingtitle .viewTitle {
        float: right;
    }

table.dataTable thead .sorting_asc {
    background: url(../Scripts/DataTables-1.10.0/media/images/sort_asc.png) no-repeat center right #C7DCEC !important;
}

table.dataTable thead .sorting_desc {
    background: url(../Scripts/DataTables-1.10.0/media/images/sort_desc.png) no-repeat center right #C7DCEC !important;
}


table.dataTable thead .sorting {
    background: url(../Scripts/DataTables-1.10.0/media/images/sort_both.png) no-repeat center right #C7DCEC !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 2px 20px 2px 10px;
    text-align:left;
}

table.dataTable tbody td {
    padding: 3px 3px;
}

.error {
    color: #ff0000;
}

input.error {
    color: black;
    border: #ff0000 1px solid;
}

.fc-header-center.error {
    background: #ff0000;
    padding: 1px 5px;
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
}

.success {
    color: #219a00;
}

.fc-header-center.success {
    background: #219a00;
    padding: 1px 5px;
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
}

.fc-header-center.notify {
    background: #425f9b;
    padding: 1px 5px;
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
}

.fc-toolbar .title {display:block;width:35px;height:35px;background: url(../images/sprite.png) -117px -2px no-repeat;text-indent:-1000px;overflow:hidden;margin: -5px 0 0 0;}

.fc-event-title span {
    font-size: 0.75em;
}

.fc-toolbar #gotodate {border:1px solid #ccc;background:#fff;width:180px;    padding: 6px;}

.tip {
    cursor: help;
}

.budgetiteminput {
    width: 100px;
    display: inline-block;
}

.layer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #525252;
    opacity: 0.8;
    display: none;
}

#ordersInSameTime {
    display: none;
    color: #000;
    background: #77CFFD;
    font-size: 20px;
    width: 590px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    padding: 5px;
}

#GrantsData {
    display: none;
    color: #000;
    background: #ccc;
    font-size: 15px;
    width: 590px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    padding: 5px;
}

    #GrantsData span {
        font-weight: bold;
    }

    #GrantsData .user {
        margin: 5px;
        width: 40%;
        display: inline-table;
    }

.no-close .ui-dialog-titlebar-close {
    display: none;
}



#moreSessions
{
   /* float: left;*/
    clear: both;
}

#moreSessions > label > span
{
    display: block;
    margin-bottom: 10px;
}
/*
.form label, .form label input
{
    width: auto;
    float: left;
}

.form label input
{
    margin: 0 10px 0 0;
}

.form label input, .btnSubmit
{
    clear: both;
}
    */
.fc-time-grid-event{
      padding-top:5%;
      padding-bottom:5%;
       text-align:center; 
       vertical-align:middle;
	}

/*#moreSessions table {width:100%;}
#moreSessions input[type="checkbox"]{left:0px;top:1px;position:absolute;width:15px;}
#moreSessions table label {display:inline-block;  width: 92%;padding:5px 0px 5px 8%;}
#moreSessions td {padding:0px;position:relative;}*/



.leftside {width:48%;float:left;}
.rightside {width:48%;float:right;}


#loadingImg {display:none;background: #fff\8;background: rgba(250, 250, 250, 0.8);  z-index: 999;position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:100%;}
#loadingImg img {position:absolute;left:50%;margin-left:-60px;top:40%;}


.fc-toolbar .fc-right {width:250px;}
th.fc-widget-header {padding:5px}
#lnkEdit{
    position: absolute;
    top: 224px;
    left: 145px;
}
.addService{
    margin-top:15px;
}

.heb label input
{
    float:left;
}
.heb .title{
    padding: 1%;
    border-left: 1px solid #ccc;
     border-right:0px;
    width: 23%;
    float: right;
    font-size: 12px;
}
.material {margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #ccc;}
.material span {display:inline-block;margin:0 0 0 5px;}
.spritX {
    width: 15px;
    height: 15px;
    background: url(/content/themes/base/minified/images/ui-icons_cd0a0a_256x240.png) -97px -129px no-repeat;
    display: inline-block;
    margin: 2px 5px -3px 0;
    cursor: pointer;
}
.error1 {
    color: #ff0000;
    border: solid 1px red;
}
#usegeRule{   
    cursor: pointer;
    font-size: 20px;
    line-height:29px;
    display:block;clear:both;margin:10px 0 10px 0;
}
    #usegeRule span { float:left;
    margin:-5px 12px 0px 4px;display:inline-block;width:30px;height:35px;background: url(../images/sprite.png) -259px -2px no-repeat;}

.inputEQU{
        border: solid 1px #cccccc;
}
.fixHeader tbody tr th:nth-of-type(1) {
    width:200px;
}
.fixHeader tbody tr th:nth-of-type(2) {
    width:200px;
}
.fixHeader tbody tr th:nth-of-type(3) {
    width:200px;
}
.fixHeader tbody tr th:nth-of-type(4) {
    width:100px;
}
.fixHeader tbody tr th:nth-of-type(5) {
    width:40px;
}
.brake{
    margin:0 15px 0 15px;
}

.leftsidetitles {float:left;}

body .fc {clear:both;}
.fc-toolbar .fc-left{float:right;}
.fc-toolbar {float:right;margin: -35px 0 15px 0;}

.credits {text-align: center;
    direction: rtl;
    position: fixed;
    top: 98%;
    bottom:0px;
    width: 100%;
    height:20px;
    background: white;
    z-index:100;
}
.gototop {background: url(../images/sprite.png) -91px -3px no-repeat;border:1px solid #000;width:25px;height:25px;position:fixed;bottom:10px;right:5%;cursor:pointer;}

.ui-dialog .ui-dialog-content {height:auto}
#form1{margin:0 0 20px 0}