/*
	Template Login
	Version: 1.0
	Oktober 2011
*/

html, body {
	margin : 0;
	padding : 0;
	background-image : url(../images/back-website.gif);
	background-repeat : repeat;
	height : 100%;
}

img {border : 0;}

.wrapper {
	float : left;
	background-image : url(../images/back-gradient.gif);
	background-repeat : repeat-x;
	width : 100%;
	min-height : 400px;
}

.top {
	float : left;
	padding : 80px 0 0;
	width : 480px;
	height : 48px;
}

.top .split{
	float : left;
	position : relative;
	font-size : 11px;
	font-weight : bold;
	text-align : right;
	line-height : normal;
	width : 240px;
	height : 48px;
}

.top .split h1{
	float : left;
	background-image : url(../images/logo.png);
	background-repeat : no-repeat;
	margin : 18px 0 0;
	padding : 0;
	font-size : 0;
	line-height : 0;
	text-align :  left;
	color : #1c1c1c;
	width : 132px;
	height : 14px;
}

.container {
	position : relative;
	margin : 0 auto;
	width : 482px;
}

.holder {
	float : left;
	background-color : #FFFFFF;
	border-left : 1px solid #d3d3d3;
	border-right : 1px solid #d3d3d3;
	border-bottom : 1px solid #d3d3d3;
	margin : -1px 0 0;
	padding : 0 0 20px 0;
	width : 480px;
}

.box {
	float : left;
	display : inline;
	background-image : url(../images/title.gif);
	background-position : left 1px;
	background-repeat : repeat-x;
	width : 410px;
}

.box1 {
	float : left;
	display : inline;
	background-image : url(../images/title.gif);
	background-position : left 1px;
	width : 410px;
}

.box .title {
	position : relative;
	background-image : url(../images/title-arrow1.png);
	background-position : left top;
	background-repeat : no-repeat;
	border : 1px solid #d3d3d3;
	-webkit-border-radius : 4px 4px 0 0;
	-moz-border-radius : 4px 4px 0 0;
	border-radius : 4px 4px 0 0;
	padding : 0 0 0 43px;
	height : 29px;
}

.box .title h2 {
	float : left;
}

.box .content {
	background-image : url(../images/content-shadow.gif);
	background-position : left top;
	background-repeat : repeat-x;
	background-color : #fdfdfd;
	border-left : 1px solid #d3d3d3;
	border-right : 1px solid #d3d3d3;
	border-bottom : 1px solid #d3d3d3;
	padding : 20px 0 20px 20px;
}

.container .box .forms{
	padding : 10px 20px;
}

.box .content .logged{
	padding : 10px 0 0;
}

.box .content .logged label{
	float : left;
	padding : 7px 4px 0 0 !important;
	padding : 11px 4px 0 0;
	line-height : 1.05em;
}

.box .content .logged input.sb-select{
	background-image : url(../images/select-actions.gif);
	background-position : right top;
	background-repeat : no-repeat;
	background-color : transparent;
	border : 1px solid #cdcdcd;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
	z-index : 1;
	margin : 3px 0 0 !important;
	margin : 6px 0 0;
	padding : 3px 17px 0 5px;
	line-height : 1.05em;
	cursor : pointer;
	color : #656565;
	font-weight : bold;
	font-size : 11px;
	text-decoration : none;
	width : 62px;
	height : 15px;
}

.box .content .logged .sb-dropdown {
	top : 22px;
	left : 5px;
	width : 74px;
}

.box .content .logged .sb-dropdown a, .box .content .logged .sb-dropdown a:link, .box .content .logged .sb-dropdown a:active, .box .content .logged .sb-dropdown a:visited {
	display : block;
	background : none;
	padding : 5px 10px;
	overflow : hidden;
	font-family : Arial;
	cursor : pointer;
	color: #1c1c1c;
	font-size : 11px;
	line-height : 14px;
	text-decoration: none;
	width : 100%;
	height : 13px;
}

.box .content .logged .sb-dropdown a:hover,
.box .content .logged .sb-dropdown .selected  {
  background-color : #f7f7f7;
}

.box .half,
.box .half-left{
	float : left;
	width : 380px;
}

.box .half-left{
	padding : 0 4px 0 0;
}

.box .half-left input,
.box .half input{
	float : left;
	width : 204px;
}

.box .content .buttons{
	float : right;
	padding : 0;
	width : 77px;
}

.box .content .buttons button{
	max-width : auto;
}

.box .content .buttons button span{
	padding : 6px 15px 0;
	line-height : 1.05;
	height : 20px;
}

a.forgot, a.forgot:link, a.forgot:active, a.forgot:visited {
	float : right;
	background-image : url(../images/forgot.gif);
	background-position : left top;
	background-repeat : repeat-x;
	border : 1px solid #2b2b2b;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	border-radius : 4px;
	margin : 15px 0 0;
	padding : 0 7px 0;
	line-height : 1.64em;
	font-size : 11px;
	font-weight: bold;
	color : #FFFFFF;
	text-transform: uppercase;
	text-decoration : none;
	height : 18px;
}

a.forgot:hover  {
	background-position : left bottom;
	border : 1px solid #717171;
}


/* input Submit */
.submit input, #content .button{
	background: url(../images/buttons.png) left -68px;
	border: 1px solid #3580A9;
	/*+text-shadow:0px -1px 0px #2C6AA3;*/
	-moz-text-shadow: 0px -1px 0px #2C6AA3;
	-webkit-text-shadow: 0px -1px 0px #2C6AA3;
	-o-text-shadow: 0px -1px 0px #2C6AA3;
	text-shadow: 0px -1px 0px #2C6AA3;
	color: #D4E6EF;
	font-weight: bold;
	padding: 5px 10px;
	/*+border-radius:3px;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
	margin-left: 138px;
	text-decoration: none;
	/*+box-shadow:0px 1px 5px #B2B2B2;*/
	-moz-box-shadow: 0px 1px 5px #B2B2B2;
	-webkit-box-shadow: 0px 1px 5px #B2B2B2;
	-o-box-shadow: 0px 1px 5px #B2B2B2;
	box-shadow: 0px 1px 5px #B2B2B2;
}
#content .submit input:hover, #content .button:hover{
	background: #3786B9;
	color: #FFFFFF;
	text-decoration: none;
	/*+box-shadow:none;*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
#content .black, #content .submit input.black{
	background: url(../images/buttons.png);
	border: 1px solid #151515;
	/*+text-shadow:0px -1px 0px #050505;*/
	-moz-text-shadow: 0px -1px 0px #050505;
	-webkit-text-shadow: 0px -1px 0px #050505;
	-o-text-shadow: 0px -1px 0px #050505;
	text-shadow: 0px -1px 0px #050505;
	color: #929292;
}
#content .black:hover, #content .submit input.black:hover{
	background: #323232;
	color: #FFFFFF;
	text-decoration: none;
}
#content .white, #content .submit input.white{
	background: url(../images/buttons.png) left -34px;
	border: 1px solid #CCC;
	/*+text-shadow:0px -1px #FFFFFF;*/
	-moz-text-shadow: 0px -1px #FFFFFF;
	-webkit-text-shadow: 0px -1px #FFFFFF;
	-o-text-shadow: 0px -1px #FFFFFF;
	text-shadow: 0px -1px #FFFFFF;
	/*+box-shadow:0px 1px 5px #EAEAEA;*/
	-moz-box-shadow: 0px 1px 5px #EAEAEA;
	-webkit-box-shadow: 0px 1px 5px #EAEAEA;
	-o-box-shadow: 0px 1px 5px #EAEAEA;
	box-shadow: 0px 1px 5px #EAEAEA;
	color: #606060;
}
#content .white:hover, #content .submit input.white:hover{
	background: #EAEAEA;
	color: #555555;
	text-decoration: none;
	background-image: none;
}

/**  Loginkie **/
#content.loginkie{
	width: 350px;
	margin: 90px auto 0;
}
#content.loginkie .notif{
	margin: 12px 0px 16px;
}
#content.loginkie div.input{
	height: 33px;
	line-height: 33px;
	margin-bottom: 13px;
	position: relative;
	/*+border-radius:3px;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;
	background-color: #1B1B1B;
	background-color: rgba(0, 0, 0, 0.4);
	border: 1px solid #0E0D0D;
	border: 1px solid #303030;
	/*+box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 0.6);*/
	-moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.6);
	-o-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.6);
	box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.6);
	margin-top: 16px;
}
#content.loginkie div.input input{
	position: absolute;
	top: 0;
	left: 0;
	width: 329px;
	height: 32px;
	background: transparent;
	border: none;
	color: #6A6A6A;
	padding: 0 10px;
}
#content.loginkie div.input label{
	position: absolute;
	top: 0;
	left: 10px;
	height: 33px;
	line-height: 33px;
	color: #3A3636;
}
#content.loginkie div.submit{
	float: right;
	width: 97px;
	text-align: right;
}
#content.loginkie .checkbox{
	background: none !important;
	/*+box-shadow:none;*/
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
}
#content.loginkie div.checkbox{
	float: left;
	width: 229px;
	margin-top: 3px;
}
#content.loginkie div.checkbox label{
	cursor: pointer;
}
#content.loginkie div.submit input{
	/*+box-shadow:0px 2px 5px #202020;*/
	-moz-box-shadow: 0px 2px 5px #202020;
	-webkit-box-shadow: 0px 2px 5px #202020;
	-o-box-shadow: 0px 2px 5px #202020;
	box-shadow: 0px 2px 5px #202020;
}