body{
	padding: 25px;
}

.container-index{
	
	width: 800px;
	margin: 0px auto;
	
}

#parent-container{ 
	border: 2px solid #4e4e4e;
	border-radius: 20px;
	min-height: 400px;
	
}

.header-bar{

	border-top: 7px solid #FFBF00;
	border-radius: 20px;
	width: 795px;
	height: 30px;
	margin-left: 1px;
	

}

#header{

	position: relative;
	top: -20px;
}

#page-header{
	position: relative;
	top: 5px;
	left: 50px;
	width: 350px;
	float: right;
	font-size: 12px;
	
}

#img-container{

	float: left;

}

#text-container{

	position: relative;
	left: 5px;
	color: #0063c0;
}

#exit-container{

	margin: 0px;
	padding: 0px;
	position: relative;
	top: -37px;
	left: 615px;
	width: 100px;
}
#exit{
	font-size: 11px;
}

#child-container{

	margin: 0px;
	padding: 0px;
	position: relative;
	top: -30px;
	
	
}

#nav-switch{
	
	border: none;
	outline: none;
	width: 171px;
	height: 267px;
	position: relative; /* fixed */
	/* top: 140px; */
	top: -5px;
	margin-left: 25px;
	

}

#nav-inner-switch{
	
	border: none;
	outline: none;
	width: 171px;
	height: 267px;
	background: url(../images/nav.jpg);
	
}

#nav-header{

	text-align: center;

	font-weight: bold;

}

#nav-inner-switch > li{

	position: relative;
	top: 15px;
	margin: 0px 15px;
	padding: 0px;
}

#nav-inner-switch > li > a{

	position: relative;
	top: 5px;
	color: #FFFFFF;
	padding: 8px;
	
}

#nav-inner-switch > .disabled-now > a{
	
	color: #caccd9;
}

#nav-inner-switch > li > a:hover{

	background: none;
	
}

#nav-inner-switch > li.active-now > a{
	color: white;
	font-weight: bold;
}

#nav-inner-switch > li.active-now > a:hover{
	text-decoration: underline;
	
}
button, .btn, .btn-block{
	outline: none;
}
.btn-sunny{ /* button, .btn */
	border-radius: 50px;
	outline: none;
	background: #FFBF00;
	font-weight: bold;
	height: 35px;
}
.btn-sunny > .icon{ /* button */
	float: left;
	margin-left: 15px;
	font-size: 18px;
	color: #FFFFFF;
}
.btn-sunny > .separator{ /* button */
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
	background: url(../images/separator.jpg);
	display: block;
	height: 35px;
	width: 2px;
	top: -7px;
	left: 10px;
}
.btn-sunny:hover{ /*button:hover, .btn:hover*/
	color: #FFFFFF;
	background: #fbbc00;
}

label{
	font-size: 13px;
	font-weight: 100;
}

.label-container{

	text-align: right;
	padding: 0px;
	margin-top: 5px;
	font-size: 13px;
	font-weight: 100;
}

.help-container{
	position: relative;
	left: -15px;
	top: 24px;
}



.left-inner-addon 
{
	position: relative;
}

.left-inner-addon input,  .left-inner-addon select
{
	height: 30px;
	padding-left: 30px; 
	font-size: 11px;	
}

.left-inner-addon textarea{
	padding-left: 30px;
	resize: none;
}

.left-inner-addon i 
{
	position: absolute;
	padding: 8px 12px;
	pointer-events: none;
}

.no-side-margin{
	margin-left: 0px;
	margin-right: 0px;
}

.help-container-btn-xs{
	position: relative;
	left: -28px;
	top: -5px;
}

.help-container-btn-sm{
	position: relative;
	left: -83px;
	top: -5px;
}

.padding-left-xs{
	padding-left: 3px;
}

.alert-fixed-width{
	width: 335px;
}


input.form-control, select.form-control{
	font-size: 11px;
}

input.font-size-lg, select.font-size-lg{
	font-size: 14px;
}

.invert-direction{

	transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
}

/* --------------------------------------------------------------------------------------------------------------------------- */
.row-as-ftr{
	position: relative;
	top: 2px;
	left: 15px;
	z-index:1000;
}
.div-as-th{
	color: #5080d2;
	background: #e6e6e6;
	/*
	border-top: 1px solid #4e4e4e;
	border-bottom: 1px solid #4e4e4e;
	*/
	border: 1px solid #dfdfdf;
	padding: 5px 0px;
	font-weight: 500;
	border-top-left-radius: 5px;
	border-top-right-radius: 4px;
}
.table-container{
	max-height: 250px;
	overflow: auto;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 4px;
	border: 1px solid #dfdfdf;
	padding: 0px 5px;
}
table.table{
	margin: 0px;
}
table.table tr td{
	padding: 0px;
	margin: 0px;
}
td label{
	margin: 7px 10px;
	font-size: 14px;
}
input.input-as-tf, input.input-as-tf:focus, input.input-as-tf:hover, input.input-as-tf:active{
	padding: 0px;
	margin: 2px 0px 0px 0px;
	/* border: none; */
	/* outline: none; */
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 35px;
	width: 100%;
	/* height: 110%; */
}
input.input-as-tf:focus, input.input-as-tf:active{
	outline: 2px solid #46C2EB;
}
.radio{
	margin-top:0px;
}
.to-right{
	margin-right: 0px;
	padding-right: 0px;
	text-align: right;
	line-height: 1.8em;
}
.font-xs{
	font-size: 8px;
	position: relative;
	top: -2px;
}

.help-container-i{
	position: relative;
	left: -15px;
	top: 15px;
}

.cr-hand{
	cursor: pointer;
}

#pointer-x{
	position: relative;
	left: -27px;
	color: #0069C4;
}