/*

Dependencies:
	Requires that the "common.css" be declared earlier. 

Color definitions:
	"Color name": "RGB code" "(common use)"
	
	red 1: #B32317 (Standard red)
	light red: #EE3425 (gauge, graph)
	dark red: #B12526 (gauge, graph)
	gray 1: #999999 (Font color on white background)
	gray 2: #CCCCCC (Enable textbox border, disabled link)
	black 1: #000000 (Font color on gray background)
	white 1: #FFFFFF (Font color on gray background)

*/


/*------------------------------------------------------------------*/
/*BASIC STRUCTURE*/                                                                  
/*------------------------------------------------------------------*/

body{
	font-family:  Helvetica, Arial, Calabri, Sans Serif;
	color: #999999;
	margin: 0px;
}

.divHeader{
	border-bottom-style:solid;
	border-bottom-width: 10px;
	border-bottom-color: #999999 ;
	
	padding: 16px 0 8px 30px;
}

.divContent{
	display:block;
	margin-top:10%;
}

/*------------------------------------------------------------------*/
/*LAYOUT*/                                                                  
/*------------------------------------------------------------------*/

.divForgotLink{
	position: relative;
    top: -10px;
}

.divLoginButton{
	position: relative;
    right: 50%;
    text-align: right;
}

/*------------------------------------------------------------------*/
/*ELEMENTS*/                                                                  
/*------------------------------------------------------------------*/

/*Button(common.css extension)*/
.btnRed{
	height: 40px;
	width: 120px;
}

/*Link(common.css extension)*/
.aHref{
	font-size: 10px;
}

.aHref:hover{
	text-decoration:underline;
}

.spnForgotPass{
	color: #000000;
	font-size: 12px;
}

.cliDonwloadLink{
	position:absolute;
	bottom:50px;
	right:10%;
}

a.cliDonwloadLink{
	color: #999999;
    font-size: 13px;
    font-weight: 100;
    text-decoration: none;
}

a strong{
	font-weight: 900;
}

a strong:hover{
	color: #B32317;
}

/*------------------------------------------------------------------*/
/*COMPONENT - HELP ICON*/
/*------------------------------------------------------------------*/

.aHelpIcon {
    display: inline-block;
    float: right;
    position: relative;
    top: 60px;
    right: 7px;
}