.hidden { display: none; }
.clean-box {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

/******************************************************************************
Form Elements
******************************************************************************/
.formElement, .formElement-small, .formElement-xSmall, .formElement-switchHolder{
    display:inline-block;
    width: 250px;
}

.formElement label, .formElement-small label, .formElement-xSmall label{
    font-weight: bold;
    display: block;
    font-size: 13px;
    margin-bottom: 0px;
}
.formElement-switchHolder .excempt{
    font-weight: bold;
    display: block;
    font-size: 13px;
    margin-bottom: 0px;
}

.formElement input,.formElement-small input, .formElement-xSmall input, .formElement-xSmall select,
.formElement select, .formElement-small select{
    width: 90%;
}
.formElement-switchHolder{
    width: 163px;
}

.formElement-small{
    width: 163px;    
}

.formElement-xSmall{
    width: 117px;
}
.formElement-large{
    width: 80%;;    
}

.checkboxes label{
    display: inline-block;
    vertical-align:baseline;
}

.checkboxes input
{
    vertical-align:top;
}

p.underLabel{
    margin-top: 0px !important; 
    font-size: 12px !important;
}
form label.required:before { content: ' * '; color: red; }

/**********************************************
    Responsive
**********************************************/
/* Responsive UI functionality
   See: http://www.fourfront.us/blog/jquery-window-width-and-media-queries */ 
.show-desktop, .show-desktop-large, .show-desktop-small, .show-tablet, .show-mobile, .show-mobile-large, .show-mobile-small { display: none; }
/* desktop-large | Large desktop */
@media (min-width: 1200px) {
    head { font-family: 'desktop-large'; }
    .show-desktop, .show-desktop-large { display: block; }
}
/* desktop-small | Small desktop */
@media (min-width: 980px) and (max-width: 1199px) {
    head { font-family: 'desktop-small'; }
    .show-desktop, .show-desktop-small { display: block; }
}
/* tablet | Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    head { font-family: 'tablet'; }
    .show-tablet { display: block; }
}
/* mobile-large | Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) {
    head { font-family: 'mobile-large'; }
    .show-mobile, .show-mobile-large { display: block; }
}
/* mobile-small | Landscape phones and down */
@media (max-width: 480px) {
    head { font-family: 'mobile-small'; }
    .show-mobile, .show-mobile-small { display: block; }
}

/**********************************************
    blockUI Plugin
**********************************************/
div.blockMsg {
    width:  40%;
    top:    30%;
    /*left:   30%;*/
    text-align: center;
    background-color: #f00;
    border: 1px solid #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
    -moz-opacity:.70;
    opacity:.70;
    padding: 15px;
    color: #fff;
}

body.mobile div.blockMsg {
    top: 20% !important;
    left: 0px !important;  
    width: 98.8% !important;
    height: auto !important;

}

.growlUI{
    padding: 5px 5px 5px 65px;
    background: url('/resources/base/images/checkMarkXL.png');
    background-repeat:no-repeat;
    background-position:20px; 
}
.growlUI:hover{
    cursor: pointer;
}

/**********************************************
    TABLES
**********************************************/
tr.link-row{cursor: pointer}
tr.link-row:hover td{color: #005fcc}

/**********************************************
    jquery-counter Plugin overrides
**********************************************/
.counter-analog span.part span.digit{background: transparent url("../images/jquery.counter-analog.png") 0 0 repeat-y;}
.counter-analog2 span.part span.digit {background: transparent url("../images/jquery.counter-analog2.png") 0 0 repeat-y;}
.counter-analog span.part span.digit0 { background-position: 0     0!important; }
.counter-analog span.part span.digit1 { background-position: 0  -240px!important; }
.counter-analog span.part span.digit2 { background-position: 0  -480px!important; }
.counter-analog span.part span.digit3 { background-position: 0  -720px!important; }
.counter-analog span.part span.digit4 { background-position: 0  -960px!important; }
.counter-analog span.part span.digit5 { background-position: 0 -1200px!important; }
.counter-analog span.part span.digit6 { background-position: 0 -1440px!important; }
.counter-analog span.part span.digit7 { background-position: 0 -1680px!important; }
.counter-analog span.part span.digit8 { background-position: 0 -1920px!important; }
.counter-analog span.part span.digit9 { background-position: 0 -2160px!important; }


/**********************************************
    Overrides
**********************************************/

input.invalid {
    border: 1px solid black;
    border-radius: 3px;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
    box-shadow: 0px 0px 2px red;
}