.headBox {
	    background: #4f087e;
	    width: 760px;
	    color: #fff;
	}
		.img-logo {
	    width: 200px;
	    height: 55px;
	    margin-left: -190px;
	}

	.footer>div {
	    margin: 0px auto;
	    width: 760px;
	    padding-top:  0px;
	}
	.content>div {
	    text-align: left;
	    margin: 0em auto;
	    padding: 0 10px;
	    width: 760px;
	}


	.contentBox {
	    background: #4f087e;
 		color: #fff;
	}
	.contentLine {
	    background: rgb(241, 241, 241);
	    height: 15px;
 
	}
	.service-description {
	    font-weight: 300;
	    font-size: 0.78rem;
	    color:#c1ed75;

	    float: right;
	    padding-top: 20px;
	}

	.help {
	    float: right;
	    border: 1px solid rgb(170, 170, 170);
	    border-radius: 5px;
	    color: rgb(51, 51, 51);
	    background-color: rgb(240, 240, 240);
	    text-decoration: none;
	    padding: 0px 0.5em;
	    margin: 0px;
	    text-align: center;
	}




	.link-info-note{
		display: block;
  font-size: 0.8rem;
  font-style: italic;
  font-weight: normal;
  margin-top: -1px;
  padding: 0.33333rem 0.5rem 0.5rem;
  background: rgb(249, 209, 95);
  color: rgb(0, 0, 0);
	}
	#link_input, #link_input_view {
	  background-color: rgb(255, 255, 170);
	  font-weight: bold;
	}
	#view-link{
			    text-align: left;
	    margin: 0em auto;
	    padding: 0 10px;
	    width: 760px;
	}
	.container-fluid h1 {
	    font-size: 1.5rem;
	    margin-top: 10px;
	    color: #000;
	}

	.help {
	    cursor: pointer;
	}
.main_block{
	display: none;
}
	textarea {
	    width: 100%;
	    max-width: 100%;
	    font-size: 0.9rem;
	    font-family: "Lucida Console", Monaco, monospace;
	    height: 250px;
	    margin-bottom: 1em;
	    border: medium;
	    box-shadow: none;
	    background: rgb(255, 250, 206) url("../img/4paste-page-flip.png") right bottom no-repeat;
	    padding: 10px;
	}

	#note_raw {
	    padding: 10px;
	}

	textarea:focus {
	    outline: none;
	}

	.right {
	    float: right;
	    background-color: rgb(240, 240, 240);
	    border-radius: 5px;
	    border: 1px solid rgb(170, 170, 170);
	    color: rgb(51, 51, 51);
	    font-size: 1rem;
	    font-weight: normal;
	    text-decoration: none;
	    padding: 0.5em;
	    margin: 0px;
	    line-height: 2rem;
	    text-align: center;
	    width: 100%;
	    cursor: pointer;
	}
	.error_block {
	  font-size: 0.85rem;
	  font-style: italic;
	  font-weight: normal;
	  margin: 0.5rem 0px 1rem;
	  padding: 0.5rem;
	  background: #4f087e;
	  color: #fff;
	  text-align: center;
	}
	.left {
	    float: left;
	    background-color: rgb(240, 240, 240);
	    border-radius: 5px;
	    border: 1px solid rgb(170, 170, 170);
	    color: rgb(51, 51, 51);
	    font-size: 1rem;
	    font-weight: normal;
	    text-decoration: none;
	    padding: 0.5em;
	    margin: 0px;
	    line-height: 2rem;
	    text-align: center;
	    width: 100%;
	    cursor: pointer;
	}
	.primary-btn {
	    background-color: #4f087e;
	    border-radius: 5px;
	    border: 1px solid #4f087e;
	    color: #c1ed75;
	    font-size: 1rem;
	    font-weight: bold;
	    text-decoration: none;
	    padding: 0.5em;
	    margin: 0px;
	    line-height: 2rem;
	    text-align: center;
	    width: 100%;
	}
	.warning_block {
	  font-size: 0.85rem;
	  margin: 0.5rem 0;
	  padding: 0.5rem;
	  background-color: #be5cff;
	  font-weight: bold;
	  color:#fff;
	  text-align: center;
	}
	html {
	    position: relative;
	    min-height: 100%;
	}

	body {
	    margin-bottom: 150px;
	    text-align: center;
  font-family: "Helvetica Neue", Helvetica, Verdana, Arial, Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
	   
	}

	.footer {
	    background-color: rgb(241, 241, 241);
	    color: rgb(136, 136, 136);
	    font-size: 0.8rem;
	    padding-top:30px;
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    height: 150px;
	    margin-top: 100px;

	}


	.footer a {
	    color: rgb(136, 136, 136);
	}

	#footnote {
	    font-size: 0.7rem;
	    padding: 1em;
	}


	.block-help {
	    font-size: 0.85rem;
	    margin: 0.5rem 0px;
	    padding: 0.5rem;
	    background-color: rgb(238, 238, 238);
	    color: #000;
	}

	a {
	    color: #000;
	}

	.sect {
	    clear: both;
	    padding: 5px;
	}

	.label {
	    text-align: left;
	    font-size: 0.8rem;
	    line-height: 1.5em;
	    font-weight: normal;
	    color: rgb(77, 77, 77);
	}

	.input {
	    width: 100%;
	}

	label.checkbox {
	    padding: 0px;
	    line-height: 1rem;
	    font-size: 0.9rem;
	}

	h3 {
	    font-size: 1.2rem;
	    margin: 0px 0px 0.2em;
	}

	.caption {
	    display: block;
	    font-size: 0.8rem;
	    font-style: italic;
	    font-weight: normal;
	    margin-top: -1px;
	    padding: 0.33333rem 0.5rem 0.5rem;
	    background: rgb(249, 209, 95);
	    background-color: rgb(249, 209, 95);
	    color: rgb(0, 0, 0);
	}

	.very_weak {
	    background-color: rgb(204, 255, 204);
	}

	.weak {
	    background-color: rgb(102, 204, 153);
	}

	.strong {
	    background-color: rgb(0, 178, 131);
	    color: rgb(255, 255, 255);
	}

	.very_strong {
	    background-color: rgb(0, 178, 131);
	    color: rgb(255, 255, 255);
	}

	.good {
	    background-color: rgb(102, 204, 153);
	}

	.error {
	    display: block;
	    font-size: 0.8rem;
	    font-style: italic;
	    font-weight: normal;
	    margin-bottom: 0.4em;
	    margin-top: -1px;
	    padding: 0.33333rem 0.5rem 0.5rem;
	    background: rgb(240, 65, 36);
	    color: rgb(255, 255, 255);
	}

	.hidden,
	#option_block {
	    display: none;
	}
 	input[type="password"]:focus { outline: none; }
 	/* iPhone 5 in portrait & landscape */
@media (min-device-width: 320px) and (max-device-width: 568px) {
		.headBox {
	    background: #4f087e;
	    width: 360px;
	    color: #fff;
	}
		.content>div {
	    text-align: left;
	    margin: 0em auto;
	    padding: 0 10px;
	    width: 360px;
	}
	 	.img-logo {
	    width: 200px;
	    height: 55px;
	 	margin: 0 auto;
	}
	.footer>div {
	    margin: 0px auto;
	    width: 360px;
	    padding-top:  0px;
	}
 	.right{
 		margin-top:10px;
 	}
}

/* iPhone 5 in landscape */
@media (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
			.headBox {
	    background: #4f087e;
	    width: 360px;
	    color: #fff;

	}
 	.img-logo {
	    width: 200px;
	    height: 55px;
	 	margin: 0 auto;
	}
		.content>div {
	    text-align: left;
	    margin: 0em auto;
	    padding: 0 10px;
	    width: 360px;
	}
	.footer>div {
	    margin: 0px auto;
	    width: 360px;
	    padding-top:  0px;
	}
 	.right{
 		margin-top:10px;
 	}
}

/* iPhone 5 in portrait */
@media (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
			.headBox {
	    background: #4f087e;
	    width: 360px;
	    color: #fff;
	}
	 	.img-logo {
	    width: 200px;
	    height: 55px;
	 	margin: 0 auto;
	}
		.content>div {
	    text-align: left;
	    margin: 0em auto;
	    padding: 0 10px;
	    width: 360px;
	}
	.footer>div {
	    margin: 0px auto;
	    width: 360px;
	    padding-top:  0px;
	}
 	.right{
 		margin-top:10px;
 	}
}

/* iPhone 2G-4S in portrait & landscape */
@media (min-device-width: 320px) and (max-device-width: 480px) {
			.headBox {
	    background: #4f087e;
	    width: 360px;
	    color: #fff;
	}
		.content>div {
	    text-align: left;
	    margin: 0em auto;
	    padding: 0 10px;
	    width: 360px;
	}
	 	.img-logo {
	    width: 200px;
	    height: 55px;
	 	margin: 0 auto;
	}
	.footer>div {
	    margin: 0px auto;
	    width: 360px;
	    padding-top:  0px;
	}
 	.right{
 		margin-top:10px;
 	}
}

/* iPhone 2G-4S in landscape */
@media (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
			.headBox {
	    background: #4f087e;
	    width: 360px;
	    color: #fff;
	}
		.content>div {
	    text-align: left;
	    margin: 0em auto;
	    padding: 0 10px;
	    width: 360px;
	}
	 	.img-logo {
	    width: 200px;
	    height: 55px;
	 	margin: 0 auto;
	}
	.footer>div {
	    margin: 0px auto;
	    width: 360px;
	    padding-top:  0px;
	}
 	.right{
 		margin-top:10px;
 	}
}

/* iPhone 2G-4S in portrait */
@media (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
			.headBox {
	    background: #4f087e;
	    width: 360px;
	    color: #fff;
	}
	 	.img-logo {
	    width: 200px;
	    height: 55px;
	 	margin: 0 auto;
	}
		.content>div {
	    text-align: left;
	    margin: 0em auto;
	    padding: 0 10px;
	    width: 360px;
	}
	.footer>div {
	    margin: 0px auto;
	    width: 360px;
	    padding-top:  0px;
	}
 	.right{
 		margin-top:10px;
 	}
}