/*
/////////////////////////////////////////////////////
//                                                 //
// Source code Copyright (c) Alpha CRM Ltd., 2014  //
//                                                 //
/////////////////////////////////////////////////////
*/
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
#header
{
    width:100%;
    height:100px;
}
#outer
{
    width: 100%;
}
#working
{
    margin:  0px auto;
    width:950px;
    min-height: 600px;
    height:auto;
}
#menu
{
    width:109px;
    height:auto;
    min-height: 600px;
    /*border: 1px solid black;*/
    float:left;
    padding-left:10px;
    padding-top:10px;
    /*border-right: solid 1px #CCCCCC;*/
}
#content
{
    width:820px;
    height:auto;
    min-height: 600px;
    /*border: 1px solid black;*/
    float:left;
    padding-left:10px;
    padding-top:10px;
    border-left: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
}
#footer
{
    font-size: 9pt;
    clear:both;
    width:100%;
    height:40px;
}
#footerleft
{
    float:left;
}
#footerright
{
    float:right;
}
/*
General text styles
*/
body
{
    font-family: arial;
    font-size: 10pt;
}
th
{
    text-align: left;
}
td
{
    text-align: left;
}
.sitetitle
{
    font-size: 14pt;
    font-weight: bold;
}

.showroweither
{
    background: white;
}
.showroweither:hover
{
    background: #FFFFCC;
}

.showroweven
{
    background: white;
}
.showroweven:hover
{
    background: #FFFFCC;
}

.showrowodd
{
    background: lightgray;
}
.showrowodd:hover
{
    background: #FFFFCC;
}

.showrownheven
{
    background: white;
}
.showrownheven:hover
{
    background: white;
}

.showrownhodd
{
    background: lightgray;
}
.showrownhodd:hover
{
    background: lightgray;
}


.fakelink:link
{
    color: #6699FF;
    cursor: pointer;
}
.fakelink:hover
{
    color: red;
    cursor: pointer;
}

.currtab
{
    color: black;
    cursor: pointer;
}
.currtab:hover
{
    color: black;
    cursor: default;
}

.othertab
{
    color: #6699FF;
    cursor: pointer;
}
.othertab:hover
{
    color: red;
    cursor: pointer;
}


.borderedro {
 border: 1px dashed #CCCCCC;
 width:300px;
}
input.borderedro:focus {
 border: 1px dashed coral;
 background-color: #FFFFCC;
}
.borderedro:hover {
 background-color:#CCCCCC;
 border: 1px dashed coral;
}
.bordered100pc
{
 border-color: #CCCCCC;
 border: 1px solid #CCCCCC;
 width:100%;
 font-size: 14pt;
}
.bordered {
 border-color: #CCCCCC;
 border: 1px solid #CCCCCC;
 width:300px;
}
div.bordered {
 border-color: #CCCCCC;
 width:300px;
}
.bordered2cols {
 border-color: #CCCCCC;
 border: 1px solid #CCCCCC;
 width:150px;
}
.withbusyouter
{
    display: block;
    width: 95px;
    height: auto;
}
.withbusyinner
{
    margin: 2px auto;
    display: block;
    text-align: center;
    width: 100%;
}
.borderedbutton {
 border-color: #CCCCCC;
 border: 1px solid #CCCCCC;
 background-color: #FFFFFF;
 width: 75px;
 margin-top: 2px;
 margin-bottom: 2px;
}
input.bordered100pc:focus {
 border: 1px solid #6699FF;
 background-color: white;/*#FFFFCC;*/
}
input.bordered:focus {
 border: 1px solid #6699FF;
 background-color: #FFFFCC;
}
input.bordered2cols:focus {
 border: 1px solid #6699FF;
 background-color: #FFFFCC;
}
.bordered100pc:hover {
 background-color:white;/*:#CCCCCC;*/
 border: 1px solid #6699FF;
}
.bordered:hover {
 background-color:#CCCCCC;
 border: 1px solid #6699FF;
}
.bordered2cols:hover {
 background-color:#CCCCCC;
 border: 1px solid #6699FF;
}
.borderedbutton:hover {
 background-color:#CCCCCC;
 border: 1px solid #6699FF;
}
textarea.bordered
{
    width:600px;
    height:150px;
}
textarea.bordered:focus {
 border: 1px solid #6699FF;
 background-color: #FFFFCC;
}
select.bordered100pc:focus {
 border: 1px solid #6699FF;
 background-color: white;/*#FFFFCC;*/
}
select.bordered:focus {
 border: 1px solid #6699FF;
 background-color: #FFFFCC;
}
select.bordered2cols:focus {
 border: 1px solid #6699FF;
 background-color: #FFFFCC;
}

.borderedbuttonvariable {
 border-color: #CCCCCC;
 border: 1px solid #CCCCCC;
 background-color: #FFFFFF;
 margin-top: 2px;
 margin-bottom: 2px;
}
.borderedbuttonvariable:hover {
 background-color:#CCCCCC;
 border: 1px solid #6699FF;
}
.borderednarrow {
 border-color: #CCCCCC;
 border: 1px solid #CCCCCC;
 width:150px;
}
.borderednarrow:hover {
 background-color:#CCCCCC;
 border: 1px solid #6699FF;
}
input.borderednarrow:focus {
 border: 1px solid #6699FF;
 background-color: #FFFFCC;
}

.borderednarrowqa {
 border-color: #CCCCCC;
 border: 1px solid #CCCCCC;
 width:250px;
}
.borderednarrowqa:hover {
 background-color:#CCCCCC;
 border: 1px solid #6699FF;
}
input.borderednarrowqa:focus {
 border: 1px solid #6699FF;
 background-color: #FFFFCC;
}

.red
{
    color: red;
}

.green
{
    color: green;
}

.grey
{
    color: gray;
}


a:link
{
    color: #6699FF;
    text-decoration: none;
}
a:visited
{
    color: #6699FF;
    text-decoration: none;
}
a:hover
{
    color: red;
    text-decoration: none;
}

.gridactions
{
    border: 1px solid gray;
    padding: 2px;
    text-align: center;
    background-color: white;
}
.subgridactions
{
    border: 1px solid gray;
    padding: 2px;
    text-align: center;
    background-color: white;
}

.hinted:link
{
    cursor: pointer;
    border-bottom-style:dashed;
    border-bottom-width: 1px;
    border-bottom-color: gray;
    color: gray;
}
.hinted:hover
{
    cursor: pointer;
    border-bottom-style:dashed;
    border-bottom-width: 1px;
    border-bottom-color: gray;
    color: gray;
}
.hinted:visited
{
    cursor: pointer;
    border-bottom-style:dashed;
    border-bottom-width: 1px;
    border-bottom-color: gray;
    color: gray;
}
.hinted
{
    cursor: pointer;
    border-bottom-style:dashed;
    border-bottom-width: 1px;
    border-bottom-color: gray;
    color: gray;
}
.activeroweven
{
    background: #ccffff;
}
.activerowodd
{
    background: #ccffff;
}

.tabrowtext
{
    font-size: 8pt;
    font-style: italic;
}

.ui-widget-content
{
    font-family: arial;
    font-size: 10pt;
}
.ui-widget button
{
    font-family: arial;
    font-size: 10pt;
}
.ui-widget input
{
    font-family: arial;
    font-size: 10pt;
}
.ui-widget select
{
    font-family: arial;
    font-size: 10pt;
}

.dashboardcell
{
    background-color: white;
    border: 1px solid white;
    padding: 2px;
}
.dashboardcell:hover
{
    background-color: white;
    border: 1px solid #CCCCCC;
}
.dashboardrow
{
    padding-bottom: 20px;
    padding-top: 20px;
}
.quickview
{
    cursor: pointer;
    cursor: zoom-in;
}
/*.maingridheadercell
{
    background: white;
}
.maingridheadercell:hover
{
    background: #FFFFCC;
}*/

.garstatusgreen
{
    display:block;
    width: 50px;
    height: 25px;
    background-color: green;
    color: white;
}
.garstatusamber
{
    display:block;
    width: 50px;
    height: 25px;
    background-color: #ec971f;
    color: white;
}
.garstatusred
{
    display:block;
    width: 50px;
    height: 25px;
    background-color: red;
    color: white;
}
.statusbar
{
    float: left;
    display:block;
    width: 14px;
    height: 14px;
    /*background-color: red;*/
    color: white;
}

.borderedvariable {
 border-color: #CCCCCC;
 border: 1px solid #CCCCCC;
}
.borderedvariable:hover {
 background-color:#CCCCCC;
 border: 1px solid #6699FF;
}
input.borderedvariable:focus {
 border: 1px solid #6699FF;
 background-color: #FFFFCC;
}
select.borderedvariable:focus {
 border: 1px solid #6699FF;
 background-color: #FFFFCC;
}
.calnavrow
{
    height: 30px;
    width: 699px;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 0px solid gray;
}
.calnavfirst
{
    margin-top: 5px;
    height: 30px;
    width: 12%;
    float: left;
    text-align: center;
}
.calnavprev
{
    margin-top: 5px;
    height: 30px;
    width: 12%;
    float: left;
    text-align: center;
}
.calnavmonthyear
{
    margin-top: 5px;
    height: 30px;
    width: 50%;
    float: left;
    text-align: center;
}
.calnavnext
{
    margin-top: 5px;
    height: 30px;
    width: 12%;
    float: left;
    text-align: center;
}
.calnavlast
{
    margin-top: 5px;
    height: 30px;
    width: 12%;
    float: right;
    text-align: center;
}
.caldaysrow
{
    height: 31px;
    width: 700px;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 0px solid gray;
    border-bottom: 1px solid gray;
}
.caldayheader
{
    margin-top: -4px;
    padding-top: 7px;
    height: 25px;
    width: 99px;
    float: left;
    text-align: center;
    border-right: 1px solid gray;
}
.caldayheaderfirst
{
    margin-top: -4px;
    padding-top: 7px;
    height: 25px;
    width: 99px;
    float: left;
    text-align: center;
    border-left: 0px solid gray;
    border-right: 1px solid gray;
}
.caldayheaderlast
{
    margin-top: -4px;
    padding-top: 7px;
    height: 25px;
    width: 99px;
    float: left;
    text-align: center;
    border-right: 1px solid gray;
}
.caldatesrows
{
    margin-top: 0px;
    padding-top: 0px;
    border-top: 0px solid gray;
    border-left: 1px solid gray;
    border-right: 0px solid gray;
    border-bottom: 0px solid gray;
    width: 700px;
}
.caldatesrow
{
    margin-top: 0px;
    padding-top: 0px;
    height: 68px;
    width: 700px;
    border-left: 0px solid gray;
    border-right: 0px solid gray;
    border-bottom: 1px solid gray;
}
.caldate
{
    min-height: 67px;
    height: auto;
    border-bottom: 0px solid gray;
    border-right: 1px solid gray;
    float: left;
    width: 94px;
    padding-top: 1px;
    margin-top: 0px;
    padding-left: 5px;
}
.caldateblank
{
    background-color: #ece7e7;
}
.caldateempty
{
    background-color: white;
}
.caldatebooked
{
    background-color: #ffcc66;
}
.caldatetoday
{
    background-color: #ffcccc;
}

.caldateblanklast
{
    background-color: #ece7e7;
    border-right: 1px solid gray;
    width: 93px;
}
.caldateemptylast
{
    background-color: white;
    border-right: 1px solid gray;
    width: 93px;
}
.caldatebookedlast
{
    background-color: #ffcc66;
    border-right: 1px solid gray;
    width: 93px;
}
.caldatetodaylast
{
    background-color: #ffcccc;
    border-right: 1px solid gray;
    width: 93px;
}

.caldateblankfirst
{
    background-color: #ece7e7;
    border-left: 0px solid gray;
    width: 94px;
}
.caldateemptyfirst
{
    background-color: white;
    border-left: 1px solid gray;
    width: 94px;
}
.caldatebookedfirst
{
    background-color: #ffcc66;
    border-left: 1px solid gray;
    width: 94px;
}
.caldatetodayfirst
{
    background-color: #ffcccc;
    border-left: 1px solid gray;
    width: 93px;
}


.mainmenuentitiesheader
{
    cursor: pointer;
}

.alookupcell
{
    cursor: pointer;
    display:block;
    border: 1px solid white;
    background-color: white;
}
.alookupcell:hover
{
    cursor: pointer;
    display:block;
 border: 1px solid #6699FF;
 background-color: #CCCCCC;
}
.alookupcellselected
{
    display:block;
 border: 1px solid #6699FF;
 background-color: #FFFFCC;
}

#closedstatus
{
    font-family: arial;
    font-size: 24pt;
    font-weight: bold;
}
.historylink
{
    color: black;
    cursor: pointer;
    font-size: 8pt;
    font-style: italic;
}

.galleryimagearea
{
    padding-top: 10px;
    padding-bottom: 10px;
}

#mobiletabslist
{
    border: 1px solid gray;
}

.advsearchtablerow
{
    display:none;
}

#advsearcharea
{
    width: 100%;
    min-height: 50px;
}
#advsearchoptions
{
    min-height: 50px;
    height: 100px;
    float: left;
    width: 200px;
    border: 1px solid #cccccc;
    padding: 5px;
}
#advsearchoptionslist
{
    overflow: scroll;
    min-height: 50px;
    height: 80px;
}
#advsearchquery
{
    min-height: 50px;
    float: left;
}
#advancedquery
{
    width: 450px;
    height: 109px;
}

.showheadercell
{
    background: #FFFFCC;
}

#spsworking
{
    margin:  0px auto;
    width:950px;
    min-height: 600px;
    height:auto;
}

.editablegrid
{
    cursor: text;
    border-bottom: 1px dashed red;
}

.ingrideditor
{
    width: 98%;
    height: 100%;
    text-align: left;
    float: left;
}
.ingrideditorcheck
{
    width: 20px;
    height: 20px;
    text-align: left;
    float: left;
}
.ingrideditorselect
{
    width: 75%;
    height: 100%;
    text-align: left;
    float: left;
}

.mainmenuheader
{
    font-weight: bold;
}

a.currentclass:link
{
    color: red;
    text-decoration: none;
}
a.currentclass:visited
{
    color: red;
    text-decoration: none;
}
a.currentclass:hover
{
    color: red;
    text-decoration: underline;
}