/*//////////////////////////////////////////////////////
///                    RESET                         ///
//////////////////////////////////////////////////////*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, #container
{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
}
html
{
    font-size: 62.5%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}
div
{
    background: RGBA(0,0,0,0);
}
body
{
    line-height: 1;
}
ol, ul, li
{
    list-style: none;
}
ul
{
}
.clear
{
    clear: both;
}
.clear-after:after
{
    content: "";
    display: table;
    clear: both;
}
a
{
    text-decoration: none;
}

/*//////////////////////////////////////////////////////
///              SITE SPECIFIC                       ///
//////////////////////////////////////////////////////*/
html
{
    height: 100%;
}
body
{
    font-family: Segoe Light, "Segoe Light" , "Segoe UI" , "Segoe" , "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    background-attachment: fixed;
    font-size: 1.4em;
    color: #000;
    min-height: 100%;
    background-color: #c4c4c3;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c4c4c3), to(#edecec));
    background-image: -webkit-linear-gradient(top, #c4c4c3, #edecec);
    background-image: -moz-linear-gradient(top, #c4c4c3, #edecec);
    background-image: -ms-linear-gradient(top, #c4c4c3, #edecec);
    background-image: -o-linear-gradient(top, #c4c4c3, #edecec);
}

h3
{
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #666;
}
h4
{
    font-size: 1.7em;
    line-height: 1em;
}
h4.with-icon
{
    padding-left: 35px;
}
h4 img
{
    position: absolute;
    top: 50%;
    margin: -15px 0 0 -35px;
    float: left;
}
h5
{
    font-weight: bold;
    margin-bottom: 5px;
}
h6
{
    font-weight: bold;
}

input[type="text"]
{
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
input[type="datetime"]
{
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
input[type="password"]
{
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
input[type="date"]
{
    margin-bottom: 15px;
}
input[type="submit"]
{
    margin: 0;
    margin-top: 20px;
    padding: 5px 15px;
    border: 0;
    outline: none;
}
label
{
    /*display: block; /*margin: 10px 0 5px;*/
    font-weight: bold;
}

.inline-field input,
.inline-field label {
    display: inline-block;
    margin-bottom: 0; 
    vertical-align: middle; 
}

select
{
    -webkit-border-radius: 5px;
    outline: none;
    border-color: #666; /*margin-bottom:10px;*/
}

.accordion-mask
{
    position: relative;
    width: 100%;
    height: 700px;
    overflow: hidden;
    border-right: 2px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
}
.accordion
{
    position: absolute;
    width: 5000px;
    width: 100%;
    height: 700px;
}
.accordion .page
{
    position: absolute;
    height: 700px;
    background-color: #FFF;
    box-sizing: border-box;
    border-left: 2px solid #b5b5b5;
    background-color: #e6e7e7;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#e6e7e7));
    background-image: -webkit-linear-gradient(top, #FFF, #e6e7e7);
    background-image: -moz-linear-gradient(top, #FFF, #e6e7e7);
    background-image: -ms-linear-gradient(top, #FFF, #e6e7e7);
    background-image: -o-linear-gradient(top, #FFF, #e6e7e7);
}
.accordion .page .page-header
{
    position: relative;
    cursor: pointer;
    height: 100%;
    width: 50px;
    padding-top: 20px;
    background-color: #CACACA;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CACACA), to(#E8E8E8));
    background-image: -webkit-linear-gradient(left, #CACACA, #E8E8E8);
    background-image: -moz-linear-gradient(left, #CACACA, #E8E8E8);
    background-image: -ms-linear-gradient(left, #CACACA, #E8E8E8);
    background-image: -o-linear-gradient(left, #CACACA, #E8E8E8);
}
.accordion .page .page-header .page-header-bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: #CACACA;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CACACA), to(#E8E8E8));
    background-image: -webkit-linear-gradient(left, #CACACA, #E8E8E8);
    background-image: -moz-linear-gradient(left, #CACACA, #E8E8E8);
    background-image: -ms-linear-gradient(left, #CACACA, #E8E8E8);
    background-image: -o-linear-gradient(left, #CACACA, #E8E8E8);
}
.accordion .page .page-header .number
{
    position: relative;
    width: 75%;
    text-align: center;
    margin: auto;
    background-color: #b3b3b3;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
}
.accordion .page .page-header .number p
{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    color: #FFF;
    font-weight: bold;
}
.accordion .page.active .page-header
{
    background-color: transparent;
    background-image: none;
}
.accordion .page.active .page-header .page-header-bg
{
    /*opacity:0;*/
}
.accordion .page.active .page-header .number
{
    background-color: transparent;
    border-bottom: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.accordion .page.active .page-header .number p
{
    opacity: .5;
    color: #333;
    font-weight: bold;
}
.accordion .page .page-body
{
    padding: 27px 20px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50px;
    width: 600px;
}
.accordion .page .page-body img
{
    display: block;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}
.accordion h3
{
    text-transform: uppercase;
    font-size: 1.1em;
    border: none;
}

#add-client-results
{
    display: none;
}

.body-top-header
{
    line-height: 2.4em;
    font-size: 1.6em;
    color: #FFF;
    font-weight: bold;
    background-color: #561979;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.body-top-header.above
{
    -webkit-border-radius: 5px;
    margin-bottom: 15px;
}

.bolded
{
    font-size: 1.1em;
    font-weight: bold;
}

.bordered
{
    border: 1px solid #CCC;
    box-sizing: border-box;
}

.bottom-20
{
    margin: 20px 0;
}

.button
{
    display: inline-block;
    margin-top: 20px;
    cursor: pointer;
    padding: 5px 15px;
    color: #FFF;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    background-color: #561979;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));
    background-image: -webkit-linear-gradient(top, #913cc1, #561979);
    background-image: -moz-linear-gradient(top, #913cc1, #561979);
    background-image: -ms-linear-gradient(top, #913cc1, #561979);
    background-image: -o-linear-gradient(top, #913cc1, #561979);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 1px 2px 0px #666;
    -webkit-box-shadow: 0px 1px 2px 0px #666;
    -moz-box-shadow: 0px 1px 2px 0px #666;
}

.button:hover
{
    background-color: #451063;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));
    background-image: -webkit-linear-gradient(top, #8334b0, #451063);
    background-image: -moz-linear-gradient(top, #8334b0, #451063);
    background-image: -ms-linear-gradient(top, #8334b0, #451063);
    background-image: -o-linear-gradient(top, #8334b0, #451063);
}
.button.righty
{
    margin-left: 15px;
}

.column
{
    float: left;
}
.column-20
{
    width: 20%;
}
.column-30
{
    width: 30%;
}
.column-40
{
    width: 40%;
}
.column-70
{
    width: 70%;
}
.margin-top-0
{
    margin-top: 0px !important;
}
.margin-bottom-10
{
    margin-bottom: 10px !important;
}
.margin-bottom-5
{
    margin-bottom: 5px !important;
}
.margin-top-10
{
    margin-top: 10px !important;
}
.content.container
{
    margin-top: 5px;
    padding-bottom: 25px;
}


.container
{
    width: 100%;
    max-width: 1024px;
    margin: auto;
    position: relative;
}

.divider-horizontal
{
    height: 1px;
    width: 100%;
    margin-bottom: 10px;
    background-color: #666;
    clear: both;
}

.field-validation-error
{  
    color: #FF0000;
}

.float-right
{
    float: right;
}

#flow-button-1
{
    width: 4.44%;
    height: 7.53%;
    position: absolute;
    top: 43.84%;
    left: 42.8%;
    cursor: pointer;
}
#flow-button-2
{
    width: 4.55%;
    height: 7.5%;
    position: absolute;
    top: 54.14%;
    left: 43.13%;
    cursor: pointer;
}
#flow-button-3
{
    width: 4.55%;
    height: 7.5%;
    position: absolute;
    top: 77.4%;
    left: 22.3%;
    cursor: pointer;
}
#flow-button-4
{
    width: 4.55%;
    height: 7.5%;
    position: absolute;
    top: 35.9%;
    left: 64%;
    cursor: pointer;
}
#flow-button-1 .tooltip, #flow-button-2 .tooltip, #flow-button-3 .tooltip, #flow-button-4 .tooltip
{
    display: none;
    color: #666;
    position: absolute;
    top: 20px;
    -webkit-border-radius: 5px;
    left: 110%;
    padding: 5px 10px;
    background-color: #FFF;
    width: 100px;
    background-color: #e6e7e7;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#e6e7e7));
    background-image: -webkit-linear-gradient(top, #FFF, #e6e7e7);
    background-image: -moz-linear-gradient(top, #FFF, #e6e7e7);
    background-image: -ms-linear-gradient(top, #FFF, #e6e7e7);
    background-image: -o-linear-gradient(top, #FFF, #e6e7e7);
    box-shadow: 0px 1px 2px 0px #666;
    -webkit-box-shadow: 0px 1px 2px 0px #666;
    -moz-box-shadow: 0px 1px 2px 0px #666;
}
#flow-button-1:hover .tooltip, #flow-button-2:hover .tooltip, #flow-button-3:hover .tooltip, #flow-button-4:hover .tooltip
{
    display: block;
}

footer
{
    margin-top: 20px;
}

#form-note.note-type-activity .hide-on-activity
{
    display: none;
}
#form-note.note-type-group .hide-on-group
{
    display: none;
}
#form-note.add .show-on-edit
{
    display: none;
}

#form-search input[type="submit"], #form-search-body input[type="submit"], #form-add-client input[type="submit"]
{
    display: none;
}

.framework .column
{
    box-sizing: border-box;
}
.framework .right-vert
{
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    text-transform: uppercase;
    margin-top: 30px;
    margin-left: 83px;
    width: 100%;
}
.framework-column-1
{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    background-color: #e3e3e3;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#e3e3e3));
    background-image: -webkit-linear-gradient(top, #FFF, #e3e3e3);
    background-image: -moz-linear-gradient(top, #FFF, #e3e3e3);
    background-image: -ms-linear-gradient(top, #FFF, #e3e3e3);
    background-image: -o-linear-gradient(top, #FFF, #e3e3e3);
}
.framework-column-2
{
    background-color: #DDD;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#DDD));
    background-image: -webkit-linear-gradient(top, #EEE, #DDD);
    background-image: -moz-linear-gradient(top, #EEE, #DDD);
    background-image: -ms-linear-gradient(top, #EEE, #DDD);
    background-image: -o-linear-gradient(top, #EEE, #DDD);
}
.framework-column-3
{
    background-color: #CCC;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#CCC));
    background-image: -webkit-linear-gradient(top, #DDD, #CCC);
    background-image: -moz-linear-gradient(top, #DDD, #CCC);
    background-image: -ms-linear-gradient(top, #DDD, #CCC);
    background-image: -o-linear-gradient(top, #DDD, #CCC);
}
/*
.framework-column-4 { background-color: #BBB; 
                      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#BBB));
                      background-image: -webkit-linear-gradient(top, #CCC, #BBB); 
                      background-image:    -moz-linear-gradient(top, #CCC, #BBB);
                      background-image:     -ms-linear-gradient(top, #CCC, #BBB);
                      background-image:      -o-linear-gradient(top, #CCC, #BBB); }
*/
.framework-column-4
{
    background-color: #CCC;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#CCC));
    background-image: -webkit-linear-gradient(top, #DDD, #CCC);
    background-image: -moz-linear-gradient(top, #DDD, #CCC);
    background-image: -ms-linear-gradient(top, #DDD, #CCC);
    background-image: -o-linear-gradient(top, #DDD, #CCC);
}
/*
.framework-column-5 { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;
                      background-color: #AAA; 
                      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BBB), to(#AAA));
                      background-image: -webkit-linear-gradient(top, #BBB, #AAA); 
                      background-image:    -moz-linear-gradient(top, #BBB, #AAA);
                      background-image:     -ms-linear-gradient(top, #BBB, #AAA);
                      background-image:      -o-linear-gradient(top, #BBB, #AAA); } 
*/
.framework-column-5
{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    background-color: #BBB;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#BBB));
    background-image: -webkit-linear-gradient(top, #CCC, #BBB);
    background-image: -moz-linear-gradient(top, #CCC, #BBB);
    background-image: -ms-linear-gradient(top, #CCC, #BBB);
    background-image: -o-linear-gradient(top, #CCC, #BBB);
}

.framework-column-2
{
    border-right: 2px solid #5b1c7f;
}
.framework h3
{
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    border-bottom: 12px solid gray;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.framework h3.active
{
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    border-bottom: 12px solid #5b1c7f !important;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.framework h3.incomplete
{
    /*border-bottom-color: #9d9d9d;*/
    border-bottom-color: #c0aecb;
}
.framework-head
{
    padding: 20px;
    background-color: #FFF;
    margin-bottom: 15px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.framework-row
{
    position: relative;
    padding: 20px 0;
    font-size: 12px;
}
.framework-row.framework-row-1
{
    height: 120px;
}
.framework-row.framework-row-2
{
    height: 120px;
}
.framework-row.framework-row-3
{
    min-height: 150px;
    padding: 20px 10px;
}
.framework-row.framework-row-3.no-pad
{
    padding: 20px 0;
}
.framework-row.framework-row-3.no-pad h3
{
    margin-left: 10px;
}
.framework-column-4 .framework-row.framework-row-3.no-pad h3
{
    margin-left: 0;
    margin-right: 10px;
    text-align: center;
}
.framework-row.framework-row-3.no-pad a
{
    padding-left: 10px;
    padding-right: 10px;
}
.framework-row.framework-row-4
{
    padding: 0 10px 20px;
}
.framework-row.framework-row-4 img
{
    cursor: pointer;
}

.framework-row a
{
    display: block;
    color: #5b1c7f;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 10px;
    padding-bottom: 3px;
}
.framework-row a:hover
{
    border-bottom: 1px solid #5b1c7f;
    padding-bottom: 2px;
}

.header
{
    background-color: #BBB;
    padding: 10px 0;
    border-bottom: 1px solid #BBB;
    background-color: #e3e3e3;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#e3e3e3));
    background-image: -webkit-linear-gradient(top, #FFF, #e3e3e3);
    background-image: -moz-linear-gradient(top, #FFF, #e3e3e3);
    background-image: -ms-linear-gradient(top, #FFF, #e3e3e3);
    background-image: -o-linear-gradient(top, #FFF, #e3e3e3);
    box-shadow: 0px 1px 2px 0px #666;
    -webkit-box-shadow: 0px 1px 2px 0px #666;
    -moz-box-shadow: 0px 1px 2px 0px #666;
}
.header p.client-name a
{
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 3px;
    color: #000;
    text-decoration: none;
}
.header p.client-description a
{
    font-size: .9em;
    opacity: .7;
    color: #000;
    text-decoration: none;
}


.helper-icon
{
    width: 25px;
    height: 25px;
    position: relative;
    float: right;
    margin-right: 15px;
    margin-top: 10px;
    cursor: pointer;
}
.helpers
{
    width: 100%;
}

.icon-menu
{
    position: absolute;
    width: 25px;
    height: 44px;
    background: url(Images/icon-menu.png) no-repeat;
    padding-bottom: 20px;
}
.helper-icon.menu:hover .icon-menu
{
    background-position: -26px 0;
}
.icon-refresh
{
    cursor: pointer;
}

.inset
{
    border-left: 1px #444 solid;
    border-top: 1px #444 solid;
    border-bottom: 1px #DDD solid;
    border-right: 1px #DDD solid;
}

.max-height-150
{
    max-height: 150px;
}
.max-height-200
{
    max-height: 200px;
}

.menu-area
{
    position: absolute;
    width: 200px;
    background-color: #e3e3e3;
    z-index: 1000;
    left: 50%;
    margin-left: -100px;
    margin-top: 41px;
    display: none;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    box-shadow: 0 3px 3px 0px #666;
    -webkit-box-shadow: 0 3px 3px 0px #666;
    -moz-box-shadow: 0 3px 3px 0px #666;
}
.menu-area ul
{
    padding: 5px 25px;
}
.menu-area li
{
    display: block;
    font-size: 1.3em;
    color: #5b1c7f;
    padding: 8px 0;
    margin-bottom: 10px;
    text-align: center;
    background-color: #EEE;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.menu-area li:hover
{
    background-color: #FFF;

}

.module
{
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px #666 solid;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #e6e7e7;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#e6e7e7));
    background-image: -webkit-linear-gradient(top, #FFF, #e6e7e7);
    background-image: -moz-linear-gradient(top, #FFF, #e6e7e7);
    background-image: -ms-linear-gradient(top, #FFF, #e6e7e7);
    background-image: -o-linear-gradient(top, #FFF, #e6e7e7);
    box-shadow: 0px 1px 2px 0px #666;
    -webkit-box-shadow: 0px 1px 2px 0px #666;
    -moz-box-shadow: 0px 1px 2px 0px #666;
}

.module.right
{
    float: right;
    clear: right;
}
.module-body
{
    padding: 10px;
}
.module-body.framework
{
    padding: 0;
    padding-bottom: 1px;
}
.module-body p
{
    margin: 10px 0;
}
.module-body .table p
{
    margin: 0;
}
.module-body:after
{
    content: "";
    display: table;
    clear: both;
}
.module.full
{
    width: 100%;
}
.module.one-half
{
    width: 48%;
    margin-left: 2%;
}
.module.one-third
{
    width: 31.33%;
    margin-left: 2%;
}
.module.one-quarter
{
    width: 23%;
    margin-left: 2%;
}
.module.two-thirds
{
    width: 64.67%;
    margin-left: 2%;
}
.module.three-quarters
{
    width: 73%;
    margin-left: 2%;
}
.module.one-fifth
{
    width: 18%;
    margin-left: 1%;
}
.module.three-fifth 
{
    width: 60%;
    margin-left: 1.5%;
}

.module-header
{
    color: #FFF;
    position: relative;
    padding: 10px;
    line-height: 1em;
    background-color: #561979;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));
    background-image: -webkit-linear-gradient(top, #913cc1, #561979);
    background-image: -moz-linear-gradient(top, #913cc1, #561979);
    background-image: -ms-linear-gradient(top, #913cc1, #561979);
    background-image: -o-linear-gradient(top, #913cc1, #561979);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.module-header:after
{
    content: "";
    display: table;
    clear: both;
}
.module-header h4
{
    display: block;
    float: left;
    font-size: 1.7em;
}
.module-header .right
{
    height: 30px;
    line-height: 30px;
    text-align: right;
    position: absolute;
    right: 0;
    margin-right: 5px;
    top: 50%;
    margin-top: -15px;
}
.module-header .right p
{
    margin-right: 5px;
    font-size: .8em;
    font-weight: bold;
}

#niki-smith-row
{
    display: none;
}

.notes-area
{
}
.notes-folder
{
    cursor: pointer;
    background: url(Images/search-folder-icon.png) no-repeat;
    width: 45px;
    height: 39px;
}
.notes-list
{
    width: 100%;
    display: none;
}
.notes-list li
{
}
.notes-list a li
{
    color: #561979;
}
.notes-area.show-notes-list .notes-list
{
    display: block;
}

.outset
{
}

.overflow-vert
{
    overflow-y: auto;
}

.page
{
    position: relative;
    min-height: 100%;
}
.page-img
{
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
}
.radio.inline
{
    float: left;
    cursor: pointer;
    margin-bottom: 10px;
}
.radio.inline input[type="radio"]
{
    float: left;
    cursor: pointer;
}
.radio.inline p
{
    display: block;
    margin: 0 15px 0 5px;
    float: left;
    line-height: 18px;
}

.right-align
{
    text-align: right;
}

.row
{
    width: 100%;
    clear: both;
    min-height: 1px;
}
.row .module:first-child
{
    margin-left: 0;
}
.row .module:first-child.one-half
{
    width: 50%;
}
.row .module:first-child.one-third
{
    width: 33.33%;
}
.row .module:first-child.one-quarter
{
    width: 25%;
}
.row .module:first-child.two-thirds
{
    width: 66.67%;
}
.row .module:first-child.three-quarters
{
    width: 75%;
}
.row:after
{
    content: "";
    display: table;
    clear: both;
}

.search
{
    width: 23%;
    min-width: 150px;
    height: 25px;
    background-color: #FFF;
    position: relative;
    margin-top: 9px;
    float: right;
}
.search input[type="text"]
{
    padding: 0 25px 0 10px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: none;
    line-height: 20px;
    outline: none;
}
.search input:focus, .search textfield:focus
{
    border: none;
}
.search-submit-icon
{
    cursor: pointer;
    background: url(Images/search-icon.png);
    width: 14px;
    height: 13px;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -7px;
}

.shadow
{
    box-shadow: 0px 1px 2px 0px #666;
    -webkit-box-shadow: 0px 1px 2px 0px #666;
    -moz-box-shadow: 0px 1px 2px 0px #666;
}

.shape
{
    color: #333;
    font-weight: bold;
    margin-left: 7%;
}
.shape.diamond
{
    margin-top: 20px;
    width: 150px;
    height: 95px;
    background: url(Images/shape-diamond.png);
}
.shape.diamond div
{
    width: 100px;
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 30px;
    text-align: center;
    font-size: 12px; /*    -webkit-margin-after: 0;     -webkit-margin-before: 0;*/
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
}
.shape.diamond p
{
    width: 100px;
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 30px;
    text-align: center;
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
}


.shape1
{
    color: #333;
    
    font-size:12px;
    
    margin-left: 7%;
}
.shape1.diamond1
{
    margin-top: 20px;
    width: 150px;
    height: 101px;
    background: url(Images/shape-diamond.png);
}
.shape1.diamond1 div
{
    width: 130px;
    margin-left: 10px;
    margin-right: 20px;
    padding-top: 30px;
    text-align: center;
    font-size: 12px; /*    -webkit-margin-after: 0;     -webkit-margin-before: 0;*/
    overflow: hidden;
    text-overflow: ellipsis;
    height: 45px;
    
}
.shape1.diamond1 p
{
    width: 100px;
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 30px;
    text-align: center;
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
}




.shape.move-left-15
{
}
.shape.no-shape
{
    width: 100%;
}
.shape.no-shape p
{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: 0;
}
.shape.rectangle
{
    width: 150px;
    height: 113px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#d6d6d6));
    background-image: -webkit-linear-gradient(top, #FFF, #d6d6d6);
    background-image: -moz-linear-gradient(top, #FFF, #d6d6d6);
    background-image: -ms-linear-gradient(top, #FFF, #d6d6d6);
    background-image: -o-linear-gradient(top, #FFF, #d6d6d6);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 1px 2px 0px #666;
    -webkit-box-shadow: 0px 1px 2px 0px #666;
    -moz-box-shadow: 0px 1px 2px 0px #666;
}
.shape.rectangle.activerectangle
{
    width: 150px;
    height: 113px;
    background-color: #561979;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));
    background-image: -webkit-linear-gradient(top, #913cc1, #561979);
    background-image: -moz-linear-gradient(top, #913cc1, #561979);
    background-image: -ms-linear-gradient(top, #913cc1, #561979);
    background-image: -o-linear-gradient(top, #913cc1, #561979);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 1px 2px 0px #666;
    -webkit-box-shadow: 0px 1px 2px 0px #666;
    -moz-box-shadow: 0px 1px 2px 0px #666;
    color: White !important;
}
.shape.rectangle p
{
    padding: 35px 15px 0;
    text-align: center;
}
.shape.rectangle p.one-line
{
    padding-top: 50px;
}
.shape.wide-diamond
{
    width: 0;
    height: 0;
    border: 100px solid transparent;
    border-bottom: 70px solid #FFF;
    position: relative;
    top: -100px;
}
.shape.wide-diamond:after
{
    content: '';
    position: absolute;
    left: -100px;
    top: 70px;
    width: 0;
    height: 0;
    border: 100px solid transparent;
    border-top: 70px solid #FFF;
}
.shape.right-side
{
    margin-left: 20%;
}
.shape.wide-diamond p
{
    position: absolute;
    width: 80px;
    top: 40px;
    left: -40px;
}
.shape p
{
    text-transform: capitalize;
}

.small-arrow
{
    width: 0;
    height: 0;
    position: absolute;
    border: 10px solid transparent;
}
.small-arrow.left
{
    border-right: 15px solid #666;
}
.small-arrow.right
{
    border-left: 15px solid #666;
}
.small-arrow.right
{
    border-left: 15px solid #666;
}
.small-arrow.up
{
    border-bottom: 15px solid #666;
}
.small-arrow.down
{
    border-top: 15px solid #666;
}
.small-arrow.right-side
{
    right: 0;
    top: 45%;
    margin-top: 0;
}
.small-arrow.right-side.extra-margin
{
    right: 8px;
}
.small-arrow.right-side.left
{
    right: 10px;
}
.small-arrow.left-side
{
    left: 10px;
    top: 50%;
    margin-top: 0;
}
.small-arrow.left-side.extra-margin
{
    left: 16px;
}
.small-arrow.bottom-side
{
    left: 50%;
    margin-left: -20px;
    bottom: -20px;
}
.small-arrow.bottom-side.down
{
    bottom: -30px;
}
.small-text.right-side
{
    position: absolute;
    top: 50%;
    margin-top: 2px;
    right: -8px;
}
.small-text.right-side p
{
    font-weight: bold;
    margin: 0;
}

.standard-form
{
    width: 100%;
    background-color: #FFF;
    line-height: 26px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    background-color: #e6e7e7;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#e6e7e7));
    background-image: -webkit-linear-gradient(top, #FFF, #e6e7e7);
    background-image: -moz-linear-gradient(top, #FFF, #e6e7e7);
    background-image: -ms-linear-gradient(top, #FFF, #e6e7e7);
    background-image: -o-linear-gradient(top, #FFF, #e6e7e7);
    box-shadow: 0px 1px 2px 0px #666;
    -webkit-box-shadow: 0px 1px 2px 0px #666;
    -moz-box-shadow: 0px 1px 2px 0px #666;
}
.standard-form h4
{
    font-size: 1.1em;
    font-style: italic;
}
.standard-form h4 span
{
    font-weight: bold;
    font-style: normal;
}
.standard-form .checkbox-label
{
    display: block;
    float: left;
    margin: 0 10px 0 5px;
}
.standard-form .form-column
{
    display: block;
    float: left;
    min-height: 1px;
}
.standard-form .form-content
{
    padding: 15px;
}
.standard-form input[type="checkbox"], .standard-form input[type="radio"]
{
    /*display: block;9*/ /* float: left;*/
    margin-top: 6px;
}
.standard-form input[type="date"]
{
    width: 100%;
}
.standard-form input[type="text"]
{
    width: 100%;
    height: 20px;
}
.standard-form label
{
    margin: 0;
    padding: 0;
}
.standard-form textarea
{
    width: 100%;
    height: 150px;
}
.standard-form .form-column.width-10
{
    width: 6%;
    margin: 0 2%;
}
/*.standard-form .form-column.width-15 { width:11%; margin:0 2%; }*/
.standard-form .form-column.width-15
{
    width: 12%;
    margin: 0 2%;
}
.standard-form .form-column.width-20
{
    width: 16%;
    margin: 0 2%;
}
.standard-form .form-column.width-30
{
    width: 26%;
    margin: 0 2%;
}
.standard-form .form-column.width-33
{
    width: 29%;
    margin: 0 2%;
}
.standard-form .form-column.width-34
{
    width: 30%;
    margin: 0 2%;
}
/*.standard-form .form-column.width-35 { width:31%; margin:0 2%; }*/
.standard-form .form-column.width-35
{
    width: 30%;
    margin: 0 2%;
}
.standard-form .form-column.width-50
{
    width: 46%;
    margin: 0 2%;
}
.standard-form .form-column.width-66
{
    width: 62%;
    margin: 0 2%;
}
/*.standard-form .form-column.width-85 { width:81%; margin:0 2%; }*/
.standard-form .form-column.width-85
{
    width: 80%;
    margin: 0 2%;
}
.standard-form .form-column.width-100
{
    width: 96%;
    margin: 0 2%;
}
.standard-form .form-column .two-column
{
    width: 48%;
    float: left;
}
.standard-form .form-column .two-column:last-child
{
    margin-right: 0;
    float: right;
}
.standard-form .form-column.width-85.bottom-margin
{
    margin-bottom: 10px;
}
.standard-form .row
{
    clear: both;
    margin-bottom: 10px;
}
.standard-form .row.bottom-border
{
    padding-bottom: 10px;
    border-bottom: 1px solid #666;
}
.standard-form .row.top
{
    margin-top: 30px;
}
.standard-form select
{
    width: 100%;
    margin-bottom: 0;
}


.table
{
    line-height: 2em;
    font-size: .9em;
    margin-bottom: 10px;
}
.table .col
{
    float: left;
    border-right: 1px solid #BBB;
    padding: 0 6px;
    box-sizing: border-box;
}
.table .table-row .col:last-child
{
    border-right: none;
}
.table .table-row
{
    clear: both;
    border-bottom: 1px solid #BBB;
}
.table .table-row:after
{
    content: "";
    display: table;
    clear: both;
}
.table .table-row.headings
{
    font-weight: bold;
    border-bottom: 1px solid #000;
}
.table .table-row.odd
{
    background-color: #DDD;
}
.table .table-column-5
{
    width: 5%;
}
.table .table-column-7
{
    width: 8%;
}
.table .table-column-8
{
    width: 8%;
}
.table .table-column-10
{
    width: 10%;
}
.table .table-column-12
{
    width: 12%;
}
.table .table-column-13
{
    width: 13%;
}
.table .table-column-15
{
    width: 15%;
}
.table .table-column-16
{
    width: 16%;
}
.table .table-column-18
{
    width: 18%;
}
.table .table-column-20
{
    width: 20%;
}
.table .table-column-28
{
    width: 28%;
}
.table .table-column-25
{
    width: 25%;
}
.table .table-column-30
{
    width: 30%;
}
.table .table-column-33
{
    width: 33%;
}
.table .table-column-34
{
    width: 34%;
}
.table .table-column-35
{
    width: 35%;
}
.table .table-column-40
{
    width: 40%;
}
.table .table-column-45
{
    width: 45%;
}
.table .table-column-50
{
    width: 50%;
}
.table .table-column-60
{
    width: 60%;
}
.table .table-column-67
{
    width: 67%;
}
.table .table-column-65
{
    width: 65%;
}
.table .table-column-70
{
    width: 70%;
}
.table .table-column-80
{
    width: 80%;
}
.table .table-column-90
{
    width: 90%;
}
.table .table-column-100
{
    width: 100%;
}

.tab-content
{
    display: none;
}
.tab-content .module-body
{
    min-height: 600px;
}
.tab-content.active
{
    display: block;
}

.tabs
{
    width: 100%;
    margin-top: 5px;
}
.tabs:after
{
    content: "";
    display: table;
    clear: both;
}
.tabs .tab
{
    cursor: pointer;
    float: left;
    background-color: #777;
    color: #FFF;
    padding: 5px 15px;
    margin: 0 3px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
.tabs .tab:first-child
{
    margin-left: 10px;
}
.tabs .tab.active
{
    background-color: #FFF;
    color: #666;
}

.time-in-15-minute-increments
{
    text-align: right;
    direction: rtl;
}
.time-in-15-minute-increments option
{
    text-align: right;
}

.title-area
{
    float: left;
    margin-left: 5px;
}
label.error
{
    color: Red;
    font-weight: normal !important;
}
.smallbutton
{
    cursor: pointer;
    color: #FFF;
    font-weight: normal;
    text-decoration: none;
    padding: 0px 3px;
    background-color: #561979;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));
    background-image: -webkit-linear-gradient(top, #913cc1, #561979);
    background-image: -moz-linear-gradient(top, #913cc1, #561979);
    background-image: -ms-linear-gradient(top, #913cc1, #561979);
    background-image: -o-linear-gradient(top, #913cc1, #561979);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 1px 2px 0px #666;
    -webkit-box-shadow: 0px 1px 2px 0px #666;
    -moz-box-shadow: 0px 1px 2px 0px #666;
}
.padding-right-5
{
    padding-right: 5px;
}
.padding-5
{
    padding: 5px;
}
.padding-0
{
    padding: 0px !important;
}

.hidden
{
    display: none;
}




.module-header1
{
    color: #FFF;
    position: relative;
    padding: 10px;
    line-height: 1em;
    background-color: #561979; /* background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));                   background-image: -webkit-linear-gradient(top, #913cc1, #561979);                    background-image:    -moz-linear-gradient(top, #913cc1, #561979);                   background-image:     -ms-linear-gradient(top, #913cc1, #561979);                   background-image:      -o-linear-gradient(top, #913cc1, #561979);                   -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.module-header1:after
{
    content: "";
    display: table;
    clear: both;
}
.module-header1 h4
{
    display: block;
    float: left;
    font-size: 1.7em;
}
.module-header1 .right
{
    height: 30px;
    line-height: 30px;
    text-align: right;
    position: absolute;
    right: 0;
    margin-right: 5px;
    top: 50%;
    margin-top: -15px;
}
.module-header1 .right p
{
    margin-right: 5px;
    font-size: .8em;
    font-weight: bold;
}
.error
{
    color: Red;
}
.floatright
{
    float: right;
}

.floatleft
{
    float: left;
}
.multiselect
{
    width: 250px;
    height: 250px;
}
.hideit
{
    display: none;
}
.data-table td
{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.left
{
    float: left;
}

.right
{
    float: right;
}
.cursorpointer
{
    cursor: pointer;
}
.calclcell
{
    padding: 5px !important;
}
.calclcell:hover
{
    padding: 5px !important;
    background-color: #DDD;
}
.width-40px
{
    width: 40px;
}

.width-100px
{
    width: 100px;
}
.clearboth
{
    clear: both;
}
.validation-summary-errors
{
    color: #FF0000;
}
.validation-summary-errors ul li
{
    list-style-type: square;
}
.pagerindex
{
    padding: 3px 5px;
    cursor: pointer;
}
.pagerindexactive
{
    color: #FFF;
    background-color: #561979;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));
    background-image: -webkit-linear-gradient(top, #913cc1, #561979);
    background-image: -moz-linear-gradient(top, #913cc1, #561979);
    background-image: -ms-linear-gradient(top, #913cc1, #561979);
    background-image: -o-linear-gradient(top, #913cc1, #561979);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.no-close .ui-dialog-titlebar-close
{
    display: none;
}
.smallnote
{
    font-size: 10px;
}
.Circle
{
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    background-color: #333;
    padding: 20px !important;
    text-align: center;
    vertical-align: middle;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EFEFEF), to(#CFCFCF));
    background-image: -webkit-linear-gradient(top, #EFEFEF, #CFCFCF);
    background-image: -moz-linear-gradient(top, #EFEFEF, #CFCFCF);
    background-image: -ms-linear-gradient(top, #EFEFEF, #CFCFCF);
    background-image: -o-linear-gradient(top, #EFEFEF, #CFCFCF);
    line-height:14px;
    /*  border-color: Silver;    border-width: 1px;    border-style: solid;*/
}

.Circle50
{
    width: 50px !important;
    height: 50px !important;
    border-radius: 50px;
    background-color: #333;
    padding: 25px !important;
    text-align: center;
    vertical-align: middle;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EFEFEF), to(#CFCFCF));
    background-image: -webkit-linear-gradient(top, #EFEFEF, #CFCFCF);
    background-image: -moz-linear-gradient(top, #EFEFEF, #CFCFCF);
    background-image: -ms-linear-gradient(top, #EFEFEF, #CFCFCF);
    background-image: -o-linear-gradient(top, #EFEFEF, #CFCFCF);
    float: left; /*  border-color: Silver;    border-width: 1px;    border-style: solid;*/
}

/*.smallCircle
{
    width: 30px !important;
    height: 30px !important;
    border-radius: 22px;
    background-color: #333;
    padding: 7px !important;
    text-align: center;
    vertical-align: middle;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));
    background-image: -webkit-linear-gradient(top, #913cc1, #561979);
    background-image: -moz-linear-gradient(top, #913cc1, #561979);
    background-image: -ms-linear-gradient(top, #913cc1, #561979);
    background-image: -o-linear-gradient(top, #913cc1, #561979);
    background-image: url(Images/Connector.PNG) no-repeat;
    color: White;
    margin-top: 10px; /
}*/

.smallCircle
{
    width: 28px !important;
    height: 28px !important;
   /* border-radius: 22px;*/
    /*background-color: #333;*/
    
    padding: 3px 7px 7px 7px !important;
    
    
    text-align: center;
    vertical-align: middle;
  /*  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));
    background-image: -webkit-linear-gradient(top, #913cc1, #561979);
    background-image: -moz-linear-gradient(top, #913cc1, #561979);
    background-image: -ms-linear-gradient(top, #913cc1, #561979);
    background-image: -o-linear-gradient(top, #913cc1, #561979);
    background-image: url(Images/Connector.PNG) no-repeat;*/
    background-image: url('Images/connector.png');
    background-repeat: no-repeat;
    font-weight: bold;
    color: White;
    margin-top: 10px; 
}

.Process
{
    width: 120px !important;
   min-height: 60px !important;
   
    border-radius: 20px !important;
    text-align: center;
    vertical-align: middle;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DFDFDF), to(#CFCFCF));
    background-image: -webkit-linear-gradient(top, #DFDFDF, #CFCFCF);
    background-image: -moz-linear-gradient(top, #DFDFDF, #CFCFCF);
    background-image: -ms-linear-gradient(top, #DFDFDF, #CFCFCF);
    background-image: -o-linear-gradient(top, #DFDFDF, #CFCFCF);
    border-color: Silver;
    border-width: 1px;
    border-style: solid;
    padding-bottom: 5px;
    line-height: 18px !important;
}


.Process100
{
    width: 100px !important;
    height: 100px !important;
    border-radius: 10px !important;
    text-align: center;
    vertical-align: middle;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DFDFDF), to(#CFCFCF));
    background-image: -webkit-linear-gradient(top, #DFDFDF, #CFCFCF);
    background-image: -moz-linear-gradient(top, #DFDFDF, #CFCFCF);
    background-image: -ms-linear-gradient(top, #DFDFDF, #CFCFCF);
    background-image: -o-linear-gradient(top, #DFDFDF, #CFCFCF);
    border-color: Silver;
    border-width: 1px;
    border-style: solid;
    float: left;
    line-height: 18px !important;
}



.processheader100
{
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));
    background-image: -webkit-linear-gradient(top, #913cc1, #561979);
    background-image: -moz-linear-gradient(top, #913cc1, #561979);
    background-image: -ms-linear-gradient(top, #913cc1, #561979);
    background-image: -o-linear-gradient(top, #913cc1, #561979);
    color: White;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 5px !important;
    height: 10px !important;
    padding: 5px !important;
}

.processheader
{
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));
    background-image: -webkit-linear-gradient(top, #913cc1, #561979);
    background-image: -moz-linear-gradient(top, #913cc1, #561979);
    background-image: -ms-linear-gradient(top, #913cc1, #561979);
    background-image: -o-linear-gradient(top, #913cc1, #561979);
    color: White;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    margin-bottom: 5px !important;
    height: 16px !important;
    padding: 4px !important;
    font-size: 12px;
    line-height:14px;
}
/*.diamondflow
{
   	width: 0; height: 0; border: 50px solid transparent; border-bottom-color: red; position: relative; top: -50px;
   	  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));
    background-image: -webkit-linear-gradient(top, #913cc1, #561979);
    background-image: -moz-linear-gradient(top, #913cc1, #561979);
    background-image: -ms-linear-gradient(top, #913cc1, #561979);
    background-image: -o-linear-gradient(top, #913cc1, #561979);
    float:left;
}*/

.diamondflow
{
    width: 120px;
    height: 120px;
    margin-left: 90px;
    background: purple; /* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); /* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.diamondflow P
{
    /* Rotate */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); /* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}


.processcontent
{
   min-height: 25px;
   font-size:12px !important;
   line-height:14px;
}



.formicon
{
    height: 30px;
    
    width: 30px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));
    background-image: -webkit-linear-gradient(top, #913cc1, #561979);
    background-image: -moz-linear-gradient(top, #913cc1, #561979);
    background-image: -ms-linear-gradient(top, #913cc1, #561979);
    background-image: -o-linear-gradient(top, #913cc1, #561979);
    color: White;
    border-radius: 5px;
    cursor: pointer;
    padding-top:4px;
    
}


.collapsed
{
    background: url(Images/collapse.png) no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    cursor: pointer;
}

.expanded
{
    background: url(Images/expanded.png) no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    cursor: pointer;
}
.goaldiv
{
    max-height: 150px;
    overflow: auto;
}
.printonly
{
    display:none;
}


.Clock
{
    width:22px;
   height: 22px;
   line-height:22px;
    font-size:12px;
    float:left;
    
    
     background: url(Images/Clock.png) no-repeat;
}

.ClockNonfloat
{
    width:22px;
   height: 22px;
   line-height:22px;
    font-size:12px;
    
    
    
     background: url(Images/Clock.png) no-repeat;
}

.pointer
{
    cursor: pointer;
}
.operationmenu
{
    position:absolute;
    background-color: #EEEEEE;
   
    max-height: 300px;
    width: 200px;
    
    overflow:auto;
}
.operatormenuitem
{
    
    
    padding-left:20px;
    
}
.operatormenuitem:hover
{
    
     color: #FFF;
    background-color: #561979;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#913cc1), to(#561979));
    background-image: -webkit-linear-gradient(top, #913cc1, #561979);
    background-image: -moz-linear-gradient(top, #913cc1, #561979);
    background-image: -ms-linear-gradient(top, #913cc1, #561979);
    background-image: -o-linear-gradient(top, #913cc1, #561979);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    
    
}
.arrowtext {
    width: 120px;
}