/**********************************************************
// Body >> Optional, Remove Before Inserting
**********************************************************/
body { background: #F5F5F5 url(../Images/Background.jpg) top center repeat-x; }

/**********************************************************
// Login
**********************************************************/
#Login {
	background-color: #FFFFFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	color: #A7A7A7;
	}

#Login a        { color: #B0B0B0; }
#Login a:hover  { color: #A0A0A0; }
#Login a:active { color: #888888; }

/**********************************************************
// Login >> Input
**********************************************************/
#Login input[type="password"],
#Login input[type="text"] {
	background-color: #EEEEEE;
	}

#Login input[type="checkbox"] + label span {
	background-color: #EEEEEE;
	}

#Login input[type="checkbox"]:checked + label span {
	background: #EEEEEE url(../Images/Default-Light/Icons.png) -30px -60px no-repeat;
	}

#Login input[type="submit"]:active { box-shadow: inset 0 1px 2px #aa030b; }
#Login input[type="submit"] {
	color: #FFFFFF;
	background-color: #d6485f;
	box-shadow: inset 0 -1px #6a0207,
				0 2px #aa030b,
				0 3px #aa030b,
				0 4px 2px rgba(0, 0, 0, 0);
	}

/**********************************************************
// Login >> Top
**********************************************************/
#Login-Top {
	background: #E0E0E0 url(../Images/Default-Light/Login-Top.png) repeat-x;
	text-shadow: 1px 1px 1px #FFFFFF;
	filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
	border-bottom: 1px solid #CCCCCC;
	color: #999999;
	}

#Login-Home,
#Login-Back { 
	background-color: rgba(0, 0, 0, 0.05);
	border-right: 1px solid rgba(0, 0, 0, 0.07);
	box-shadow: 1px 0 0 rgba(255, 255, 255, 0.3);
	}

#Login-Home    span { background: url(../Images/Default-Light/Icons.png) -30px   0px no-repeat;     }
#Login-Back    span { background: url(../Images/Default-Light/Icons.png) -30px -30px no-repeat;     }
#Login-Loading span { background: url(../Images/Default-Light/Loading.gif) center center no-repeat; }
	
/**********************************************************
// Login >> Social
**********************************************************/
#Login-Social {
	background-color: #F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #E7E7E7;
	}

#Login-Facebook span { background: url(../Images/Default-Light/Icons.png) 0px 0px no-repeat; }
#Login-Facebook:active { box-shadow: inset 0 1px 2px #1E4EA5; }
#Login-Facebook {
	background-color: #3163BE;
	box-shadow: inset 0 -1px #1E4EA5,
				0 2px #1E4EA5,
				0 3px #1E4EA5,
				0 4px 2px rgba(0, 0, 0, 0);
	}

#Login-Twitter span { background: url(../Images/Default-Light/Icons.png) 0px -30px no-repeat; }
#Login-Twitter:active { box-shadow: inset 0 1px 2px #1E74A5; }
#Login-Twitter {
	background-color: #3187BE;
	box-shadow: inset 0 -1px #1E74A5,
				0 2px #1E74A5,
				0 3px #1E74A5,
				0 4px 2px rgba(0, 0, 0, 0);
	}

#Login-Google span { background: url(../Images/Default-Light/Icons.png) 0px -60px no-repeat; }
#Login-Google:active { box-shadow: inset 0 1px 2px #A51E1E; }
#Login-Google {
	background-color: #BE3131;
	box-shadow: inset 0 -1px #A51E1E,
				0 2px #A51E1E,
				0 3px #A51E1E,
				0 4px 2px rgba(0, 0, 0, 0);
	}
	
/**********************************************************
// Login >> Message
**********************************************************/
#Login-Message.Error   { background-color: #BE3131; }
#Login-Message.Warning { background-color: #BE7A31; }
#Login-Message.Success { background-color: #46AB3C; }

/**********************************************************
// Login >> Field Error
**********************************************************/
#Login #Login-Form .Error {
	background-color: #BE3131;
	color: #FFFFFF;
	}
	
/**********************************************************
// Login >> Form
**********************************************************/
#Login-Form {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #E7E7E7;
	}
	
/**********************************************************
// Login >> Bottom
**********************************************************/
#Login-Bottom a        { color: #d6485f; }
#Login-Bottom a:hover  { color: #408EC5; }
#Login-Bottom a:active { color: #377EB0; }

#Login-Bottom {
	background-color: #F5F5F5;
	border-top: 1px solid #FFFFFF;
	}