/* Default Layout: 992px. */

/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
ul li {list-style-type: none;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol  { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em;}
td { vertical-align: top; }

/* Smart clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/********************************************************************************************* 

1. Page Structure: Common layout elements

*********************************************************************************************/

::-moz-selection{background:#105194; color:#fff; }
::selection{ background:#105194; color:#fff; }

a { color: #003366; text-decoration:none; }
a:hover { color: #a41d31; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
a.invert { color: #b9972f; }
a.invert:hover { color: #a41d31; }
a:focus { outline: none; }
a:hover, a:active { outline: none; }


body {
	background-repeat: x;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	color:#333;
}

a {
	text-decoration:none;
}

.fix {
	display: block;
	overflow:hidden;
}

div.jsrmsp-result-container {
	background-color: #ffffff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 0 1px 2px #cecece;
	-webkit-box-shadow: 0 1px 2px #cecece;
	-o-box-shadow: 0 1px 2px #cecece;
	-ms-box-shadow: 0 1px 2px #cecece;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
	color: #333;
	margin: 0 auto;
	padding: 10px;
	width: 940px;
}

header.header {
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
	-o-border-radius: 7px 7px 0px 0px;
	-ms-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
	display: table;
	overflow: hidden;
}

header.header {
	border-bottom: 5px solid #2EA2CC;
}
footer.footer {
	border-top: 5px solid #2EA2CC;
}

div.header-left {
	display: table-cell;
	padding: 13px 10px;
	position: relative;
	width: 200px;
}

div.header-left > img {
	display: block;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 93px;
}

div.header-right {
	float: right;
	display: table-cell;
	padding: 10px;
	width: 700px;
}

div.header-right > h2 {
	font-size: 33px;
	font-weight: 500;
	margin: 5px 0;
	padding: 0;
}

div.header-right > p {
	font-size: 17px;
	margin: 25px 0;
	font-weight: 400;
}

div.jsrmsp-home-link {
	margin-bottom: 0;
	overflow: hidden;
	padding: 5px;
}

div.jsrmsp-home-link a {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
	display: block;
	float: right;
	padding: 5px 15px;
}


/* Result Search */

div.jsrmsp-result-search-area.fix {
  padding: 10px;
}

div.jsrmsp-result-search-form {
	background: none repeat scroll 0 0 #fff;
	margin: 7px auto;
	padding: 20px 30px;
	width: 400px;
	border: 1px solid #E9E9E9;
}

div.jsrmsp-form-row {
	margin-bottom: 20px;
}

div.jsrmsp-form-row label {
	color: #777;
	display: inline-block;
	text-shadow: 0 1px 0 #ffffff;
	width: 78px;
}

span.seperator {
	display: inline-block;
	text-align: center;
	width: 100px;
}

div.jsrmsp-form-row select {
  background-color: #F2F2F2;
  border: 1px solid #D6D6D6;
  color: #A7A7A8;
  height: 34px;
  padding: 6px 3px;
  vertical-align: middle;
  width: 210px;
}

div.jsrmsp-form-row select option {
	background-color: #f2f2f2;
	border-bottom: 1px solid #e9e9e9;
	border-top: 1px solid #fdfdfd;
	color: #555;
	padding: 2px 5px;
}

div.jsrmsp-form-row input[type=text] {
	background-color: #fbfbfb;
	border: 1px solid #ddd;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
	color: #777;
	padding: 4px 5px;
	width: 198px;
}

div.jsrmsp-form-row input[type=text]:focus {
	background-color: #fff;
}

div.jsrmsp-form-row input[type=submit], div.jsrmsp-form-row input[type=reset] {
	background-color: #2ea2cc;
	border: 1px solid #0074a2;
	color: #fff;
	padding: 4px 13px;
}

div.jsrmsp-form-row input[type=submit] {
	float: right;
}

div.jsrmsp-form-row input[type=submit]:hover, div.jsrmsp-form-row input[type=reset]:hover {
	background: #268EB4;
}

.st-btn {
  margin-right: 4px;
}

div.jsrmsp-result-notice > p {
	background: #fafafa none repeat scroll 0 0;
	border: 1px dotted #cdcdcd;
	color: #747474;
	font-size: 14px;
	font-weight: 400;
	margin: 15px 0 0;
	padding: 8px 5px;
	text-align: center;
}

/* Result view start */

div.jsrmsp-result-view {
	display: ;
}

span.jsrmsp-certificate-info a img {
  height: 20px;
  width: 20px;
}

div.jsrmsp-result-view h2 {
	color: #656565;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 8px;
	text-align: center;
	text-transform: uppercase;
}

table.jsrmsp-student-info, table.jsrmsp-student-result {
	width: 100%;
}

table.jsrmsp-student-info td, table.jsrmsp-student-result td, table.jsrmsp-student-result th {
	border: 1px solid #ddd;
	padding: 10px;
	width: 50%;
}

table.jsrmsp-student-info td, table.jsrmsp-student-result td {
	color: #656565;
	font-size: 15px;
	font-weight: 400;
}

table.jsrmsp-student-result th {
	background-color: #f4f4f4;
	color: #585858;
	font-size: 15px;
	font-weight: 500;
}

table.jsrmsp-student-info tr:hover, table.jsrmsp-student-result tr:hover {
	background-color:#FFF;
}

table.jsrmsp-student-result {
	margin-bottom: 10px;
}

div.jsrmsp-error {
	margin-bottom: 10px;
}

div.error {
	margin-bottom: 15px;
}

div.jsrmsp-search-print {
	margin-bottom: 10px;
}

div.jsrmsp-search-print a {
	background-color: #fff;
	border: 1px solid #d2d2d2;
	color: #a7a7a8;
	display: inline-block;
	padding: 5px 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
}

div.jsrmsp-search-print a:hover {
	background-color: #eae6e6;
	border: 1px solid #dad5d5;
	color: #989899;
}

div.jsrmsp-search-print a.jsrmsp-search-again {
	float: left;
}

div.jsrmsp-search-print a.jsrmsp-result-print {
	float: right;
}


/* Result view end */ 

footer.footer {
	-moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
	-o-border-radius: 0px 0px 7px 7px;
	-ms-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
	display: block;
	overflow: hidden;
}

footer.footer > p {
	padding: 5px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	div.jsrmsp-result-container {
		margin: 0 auto;
		padding: 10px;
		width: 710px;
	}

	div.header-left {
		display: table-cell;
		padding: 13px 10px;
		width: 160px;
	}
	
	div.header-left > img {
		display: block;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 93px;
	}

	div.header-right {
		float: right;
		display: table-cell;
		padding: 10px;
		width: 510px;
	}
	
	.st-btn {
	  margin-right: 4px;
	}

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {

	div.jsrmsp-result-container {
		margin: 0 auto;
		padding: 10px;
		width: 280px;
	}

	div.header-left {
		float: none;
		display: block;
		padding: 10px;
		height: 150px;
		width: 260px;
	}
	
	div.header-left > img {
		display: block;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 93px;
	}

	div.header-right {
		float: none;
		padding: 10px;
		display: block;
		width: 260px;
	}

	div.header-right > h2 {
		font-size: 25px;
		font-weight: 500;
		margin: 5px 0;
		padding: 0;
		text-align: center;
		line-height: 30px;
	}

	div.header-right > p {
		font-size: 16px;
		font-weight: 400;
		line-height: 25px;
		margin: 15px 0;
		text-align: center;
	}

	div.jsrmsp-home-link a {
		float: none;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		-o-border-radius: 0px;
		-ms-border-radius: 0px;
		border-radius: 0px;
		text-align: center;
		padding: 6px 15px;
	}

	div.jsrmsp-result-search-area.fix {
	  padding: 0;
	}

	div.jsrmsp-result-search-form {
	  padding: 20px 30px;
	  width: 238px;
	}

	div.jsrmsp-result-search-form {
		padding: 16px 10px;
		width: 258px;
	}

	div.jsrmsp-form-row select {
		width: 258px;
	}

	span.seperator {
		display: none;
	}

	div.jsrmsp-form-row label {
		width: 87px;
		margin-bottom: 15px;
	}

	div.jsrmsp-form-row input[type="text"] {
		width: 246px;
	}
	
	.st-btn {
	  margin-right: 0px;
	}

	div.jsrmsp-result-view h2 {
	  font-size: 17px;
	  font-weight: 400;
	  line-height: 25px;
	}

	div.jsrmsp-search-print a {
	  padding: 3px 10px;
	}

	div.jsrmsp-search-print a.jsrmsp-search-again, div.jsrmsp-search-print a.jsrmsp-result-print  {
		float: none;
		display: block;
		text-align: center;
		padding: 6px 10px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		-o-border-radius: 0px;
		-ms-border-radius: 0px;
		border-radius: 0px;
	}

	div.jsrmsp-search-print a.jsrmsp-search-again {
		margin-bottom: 10px;
	}

}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	div.jsrmsp-result-container {
		margin: 0 auto;
		padding: 10px;
		width: 410px;
	}

	div.header-left {
		display: table-cell;
		width: 98px;
		height: inherit;
		padding: 23px 10px;
	}
	
	div.header-left > img {
		display: block;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 93px;
	}

	div.header-right {
		float: right;
		display: table-cell;
		padding: 10px;
		width: 272px;
	}

	div.header-right > h2 {
		font-size: 28px;
		font-weight: 500;
		text-align:center;
		margin: 5px 0;
		padding: 0;
	}

	div.header-right > p {
		font-size: 17px;
		font-weight: 400;
		margin: 25px 0;
		text-align: center;
		line-height: 25px;
	}

	div.jsrmsp-home-link a {
		float: right;
		padding: 3px 15px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		-o-border-radius: 7px;
		-ms-border-radius: 7px;
		border-radius: 7px;
	}

	div.jsrmsp-result-search-area.fix {
	  padding: 0;
	}

	div.jsrmsp-result-search-form {
		padding: 20px 15px;
		width: 378px;
	}

	div.jsrmsp-form-row label {
	  width: 85px;
	}

	span.seperator {
		display: inline-block;
		text-align: center;
		width: 74px;
	}

	div.jsrmsp-form-row select {
		width: 210px;
	}

	div.jsrmsp-form-row input[type=text] {
		width: 198px;
	}
	
	.st-btn {
	  margin-right: 1px;
	}

	div.jsrmsp-result-view h2 {
		font-size: 18px;
		font-weight: 400;
		line-height: 32px;
	}

	div.jsrmsp-search-print a.jsrmsp-search-again {
		float: left;
	}

	div.jsrmsp-search-print a.jsrmsp-result-print {
		float: right;
	}

	div.jsrmsp-search-print a.jsrmsp-search-again, div.jsrmsp-search-print a.jsrmsp-result-print  {
		padding: 4px 10px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		-o-border-radius: 7px;
		-ms-border-radius: 7px;
		border-radius: 7px;
	}

	div.jsrmsp-search-print a.jsrmsp-search-again {
		margin-bottom: 0px;
	}

}