/*
********************************************************************************************
* Login Screens CSS Styling
* Any definitions in this file are only relevant to the Login Screens 
* Colours will move into a separate Language resource file CSS
********************************************************************************************
*

 modified  10/27/2014 CH removed input email style from loginscreens.css and put them in Micad4Style.css as other pages
                            now use the style too.
*/
.inputPassword,inputPasswordHidden{
     background-image: url(/images/lock.png);
}

.inputPasswordHidden{
   display: none;  
}

.micadNegative {
    color:#C50000 
}

.availableLicenceIndicator, .unAvailableLicenceIndicator{
    display: table-cell;
    width: 8px; 
    height :8px;
    -webkit-box-shadow: inset 1px 1px 5px 0px rgba(17,36,19,1);
    -moz-box-shadow: inset 1px 1px 5px 0px rgba(17,36,19,1);
    box-shadow: inset 1px 1px 5px 0px rgba(17,36,19,1);
    border-style: solid;
    border-width: 8px;
    border-color: #ffffff;

}


.availableLicenceIndicator{
    background-color: #00ff00;
}


.unAvailableLicenceIndicator{
    background-color: #ff0000;
}

.ddlLanguage{
	width: 170px;
}


.logonDiv, .NoticeBoardPlaceHolder{
    margin: auto;
    
     /* Shadow Effect */
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);  
	background-color: #f8f8f8;
    
    /* Linear gradient background colour */

    background: #f8f8f8;
    background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f8f8f8));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0 );
}

.logonDiv {
    
    padding: 20px;

    width: 330px;

}

.noticeBoardPlaceHolder{
    
    margin: auto;

    padding: 10px;
    
    width: 600px;

    height: 440px;
   
	
}


.micadHyperlink{
	text-decoration-color:#0099ff;
    color: #0099ff;
    text-decoration: none;
}


/********************************************************************************************
* Language Selector CSS Styling
    * Converts a select box to selectbox with images
********************************************************************************************
*/
.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}

img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%;}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left;}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999;}


.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd{border:1px solid #c3c3c3;}
.dd .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff;; right:24px;}
.dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(/images/dd_arrow.gif) no-repeat;}
.dd .ddArrow:hover{background-position:0 100%;text-align:left;}
.dd .ddTitle .ddTitleText{padding:5px 20px 5px 5px;text-align:left;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;text-align:left;}
.dd .ddTitle .description{font-size:12px; color:#666;text-align:left;}
.dd .ddTitle .ddTitleText img{padding-right:5px;text-align:left;}
.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;text-align:left;}
.dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}
/********************************************************************************************
*/

/*
********************************************************************************************
* Language Selector CSS Styling
    *  Flag Images - will need to be modified depeneding on
    *  which languages a customer has purchased
********************************************************************************************
*
*/
.flag{float:left;padding:0 !important;margin:0 5px 0 0;width:16px;height:16px;align-content:center;}
.flag.fr-FR{background:url('/images/flag_france.png') no-repeat;}
.flag.en-GB{background:url('/images/flag_united_kingdom.png') no-repeat;}
/*************** Language Selector **********************/