@charset "utf-8";
/* CSS Document */

body{
	padding-top:70px;	
}

.no-margin {
	margin:0px;	
}

.no-padding {
	padding:0px;	
}

.left-margin {
	margin-left:10px;	
}

.right-margin {
	margin-right:15px;	
}

.img-thumb {
	max-width:150px;	
}

.colorme {
	color:#006;	
}


/*light Shadow*/
.shadow {
  border: 1px solid #EAEAEA;
  -moz-box-shadow:    1px 1px 1px 1px #ccc;
  -webkit-box-shadow: 1px 1px 1px 1px #ccc;
  box-shadow:         1px 1px 1px 1px #ccc;
}

/*More pronounced Shadow*/
.bx_shadow {
box-shadow: 5px 5px 5px grey;	
}

/*Dark Text Shadow*/
.D-text_shadow {
text-shadow: 2px 2px 4px #000000;
}

/*Dark Text Shadow*/
.L-text_shadow {
text-shadow: 2px 2px 4px #999;
}



#footer {
	margin-top:50px;
	margin-bottom:20px;
}

img.details {
	width:33%;
	margin: 15px auto;
}

a.start {
	display:inline-block;
	color:#FFF;
	background-color:#093;
	border:1px dotted #CCCCCC;
	padding:6px 13px;	
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

li {
	list-style: none;	
}
ul {
    list-style-type: none;
}

.hd_container {
	background-color:#F5F5F5; 
	color:#333; 
	max-width:100%; 
	max-height:50px; 
	border:1px; 
	border-style:solid; 
	border-color:#CCC; 
	padding-top:5px; 
	padding-left:15px;
	margin-bottom:25px;	
}

#questionasked {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	margin-top: 5px;
	margin-bottom:15px;
	background-color: #F8F8F8;
	border: 1px solid #F5F5F5;
	padding-top: 5px;
	padding-left: 5px;
	width: 100%;
	height: 30px;
}


label {
	display:inline-block;
	width:180px;
}

input[type='text'] {
	width:97%;
	padding:4px;
	border-radius:5px;
	border:1px #ccc solid;	
}

input[type='number'] {
	width:70px;
	padding:4px;
	border-radius:5px;
	border:1px #ccc solid;	
}

input[type='password'] {
	width:97%;
	padding:4px;
	border-radius:5px;
	border:1px #ccc solid;	
}

input[type='email'] {
	 margin-bottom:10px; max-width:65%;"
}

.btn {
	display: inline-block;
	color: #FFF;
	background-color: #093;
	border: 1px dotted #CCCCCC;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-right: 13px;
	padding-bottom: 6px;
	padding-left: 13px;
	width: 100px;
}
/*--------------MODAL-----------------*/
	.modal {
		height: 100%;   
			overflow: hidden;
	}
		.modal-dialog {
			top: 0% !important;
			margin-top:0;
			margin-bottom:0;
}
	
		//keep proper transitions on fade in
		&.fade .modal-dialog {
			transform: translateY(-100%) !important;
		}
		&.in .modal-dialog {
			transform: translateY(-50%) !important;
		}