/*
	Theme Name: CEP
	Author: FORCE Communications
	Author URI: http://www.forcemed.com
	Author Email: cjohnson@forcemed.com
	Author Twitter: @rebzmedia
	Description: Theme for CEP
	Version: 1.0
*/


/*================================================
	@fonts
=================================================*/
/* Regular */
@font-face {
    font-family: 'Open Sans';
    
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;

}

/* Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: italic;

}

/* Light */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 200;
    font-style: normal;

}

/* Light Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;

}

/* Semibold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 500;
    font-style: normal;

}

/* Semibold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: 500;
    font-style: italic;

}

/* Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;

}

/* Bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: italic;

}

/* Extra Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: 900;
    font-style: normal;

}

/* Extra Bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: 900;
    font-style: italic;

}


/*================================================
	@reset @global
=================================================*/
* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none;
}
img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;max-width:100%;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}
small {font-size:80%;}
ins {background:#ff0;color:#000;text-decoration:none;}
mark {background:#ff0;color:#000;}
del {text-decoration:line-through;}
b, strong {font-weight:bold;}
em, dfn {font-style:italic;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {height:0;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
legend {white-space:normal;*margin-left: -7px;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;vertical-align:middle;}
pre, code, kbd, samp {font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;} /* Improve readability of pre-formatted text in all browsers */
svg:not(:root) {overflow:hidden;} /* Correct overflow not hidden in IE9 */
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

/* HTML5 Definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]) {display:none;height:0;}
[hidden] {display:none;}

/* LT IE9 Styles */
.lt-ie9 audio, .lt-ie9 canvas, .lt-ie9 video {display:inline;zoom:1;}
.lt-ie9 legend {*margin-left:-7px;}
.lt-ie9 button, .lt-ie9 input, .lt-ie9 select, .lt-ie9 textarea {*vertical-align:middle;}
.lt-ie9 label, .lt-ie9 input[type="button"], .lt-ie9 input[type="submit"], .lt-ie9 input[type="reset"].
.lt-ie9 input[type="image"], .lt-ie9 button {*overflow:visible;}
.lt-ie9 input[type="checkbox"], .lt-ie9 input[type="radio"] {*width:13px;*height:13px;}
.lt-ie9 button, .lt-ie9 input {overflow:visible;}
.lt-ie9 table button, .lt-ie9 table input {overflow:auto;}

/* Reset Form Styles */
button[disabled], input[disabled] {cursor:default;}
button, input {line-height:normal;} /* Define line-height as normal to match FF3/4 */
select, input, textarea, button {font-size:100%;vertical-align:baseline;*vertical-align:middle;text-transform:none;} /* Font Normalization */
textarea {overflow:auto;vertical-align:top;resize:vertical;}
button {width:auto;overflow:visible;border:#fff solid 0px;} /* Make buttons play nice in IE */
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;} /* Remove inner padding and border in FF3/4 */

/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] {padding:0;*width:13px;*height:13px;}
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, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;} /* Remove inner padding and border in FF3/4: h5bp.com/l */

/* Align checkboxes, radios, text inputs with their label */
input[type="checkbox"],
input[type="radio"] {*height:13px;*width:13px;vertical-align:middle;}

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="reset"].
input[type="image"], button {cursor:pointer;-webkit-appearance:none;*overflow:visible;}

/* Colors for form validity */
input:valid, textarea:valid {}
input:invalid, textarea:invalid {background-color:#f0dddd;}

/* Highlight Styles */
::-moz-selection {background:#001965;color:#fff;text-shadow:none;}
::selection {background:#001965;color:#fff;text-shadow:none;}

/* Base Styles */
html {font-size:100%;overflow-y:scroll;}
body {
	height:100%;
	line-height:1;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust:100%;
	-webkit-font-smoothing:subpixel-antialiased;
	background:#e2e4e4;
}
body, button, input, select, textarea {color:#474039;font:normal 100%/1 'Open Sans', Arial, sans-serif;}

/* Link Styling */
a {color:#ca352b;outline:none;cursor:pointer;text-decoration:none;}
a:visited {}
a:hover {}
a:focus {outline:thin dotted;}
a:hover, a:active {outline:0;}
a[href^=tel]{color:inherit;text-decoration:none;}



/*================================================
	@headers
=================================================*/
h1, h2, h3, h4, h5, h6 {font-style:normal;font-weight:normal;}
h1 {font-size:150%;font-weight:300;}
h2 {font-size:112.5%;font-weight:300;margin-bottom:14px;line-height:130%;}
h3 {font-size:120%;font-weight:bold;margin:0 0 20px;}
h4 {}
h5 {}
h6 {}


/* Content */
p, ul, ol {
	line-height:140%;
	padding:6px 0;
}



.login-con {
	margin:40px auto 0;
	width:360px;
	background:#f6f8f8;
	overflow:hidden;
	border:#b6b8b8 solid 1px;
	-webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.15);
}
	.login-sec {
		padding:45px 40px 36px;
		border-top:#dddfdf solid 1px;
	}
		.login-sec:first-child {
			border-top: none;
		}
		.login-con h1 {
			padding:0;
			font-weight: 500;
			margin:0 0 10px;
		}
		.login-con h2 {
			font-weight:500;
			font-size:20px;
			line-height:120%;
			margin-bottom:4px;
		}
			.login-con form h2 {
				font-weight:400;
				margin-bottom:20px;
			}

.login-con.login-oauth {
	width: auto;
	max-width: 720px;
}
	.login-sec.login-oauth {
		padding: 0;
		overflow: hidden;
	}
		.login-sec.login-oauth form {
			padding: 45px 40px 36px;
			float: left;
			width: 50%;
			border-right: #dddfdf solid 1px;
		}

	.oauth-con {
		width: 49%;
		float: right;
		padding:45px 30px 36px;
	}
		.oauth-con h2 {
			font-weight:400;
			margin-bottom: 20px;
		}
		.oauth-con p {
			font-size: 14px;
			line-height: 150%;
		}
		.btn-login {
			display: block;
			margin-bottom: 20px;

			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,dbdbdb+100 */
			background: rgb(234,234,234); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(219,219,219,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(219,219,219,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(234,234,234,1) 0%,rgba(219,219,219,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */

			color: #654444;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			height: 42px;
			overflow: hidden;
			position: relative;
			font-size: 14px;
		}
			.btn-login i {
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea4f5c+0,ed1b2e+100 */
				background: rgb(234,79,92); /* Old browsers */
				background: -moz-linear-gradient(top,  rgba(234,79,92,1) 0%, rgba(237,27,46,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  rgba(234,79,92,1) 0%,rgba(237,27,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  rgba(234,79,92,1) 0%,rgba(237,27,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea4f5c', endColorstr='#ed1b2e',GradientType=0 ); /* IE6-9 */

				height: 42px;
				line-height: 40px;

				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				z-index: 5;

				border-bottom: #bb0909 solid 2px;
				border-left: #ED1B2E solid 1px;
				border-top: #ED1B2E solid 1px;
				/*border-top: #ea4f5c solid 1px;*/

				display: block;
				float: left;
				padding:0 10px;
				width: 64px;
				margin-right: 16px;
				overflow: hidden;

				transition:all 0.15s;
				-moz-transition:all 0.15s;
				-webkit-transition:all 0.15s;
				-o-transition:all 0.15s;
			}
				.btn-login i img {
					max-width: 44px;
				}
				.btn-login i span {
					color: #fff;
					/*margin-left: 27px;*/
					position: absolute;
					left: 64px;
					top: 0;
					bottom: 0;
					display: block;
					border-left: #bb0909 solid 1px;
					padding-left: 14px;

				}
			.btn-login > span {
				display: block;
				width: 100%;
				height: 42px;
				line-height: 41px;
				padding-left: 80px;
				border: #ccc solid 1px;
				border-bottom-color: #b8b8b8;
				border-bottom-width: 2px;
				position: relative;
				font-weight: 500;
				z-index: 1;
			}

			.btn-login:hover i {
				width: 100%;
			}
			.btn-login:active i {
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1b2e+0,ea4f5c+100 */
				background: rgb(237,27,46); /* Old browsers */
				background: -moz-linear-gradient(top,  rgba(237,27,46,1) 0%, rgba(234,79,92,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  rgba(237,27,46,1) 0%,rgba(234,79,92,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  rgba(237,27,46,1) 0%,rgba(234,79,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1b2e', endColorstr='#ea4f5c',GradientType=0 ); /* IE6-9 */

				border-bottom-width: 1px;
			}

				.btn-login:active i img {
					position: relative;
					top: 1px;
				}
				.btn-login:active i span {
					line-height: 42px;
				}

form {
}
	form a {
		color:#0b89b5;
		font-size:14px;
		display:inline-block;
		border-bottom:#0b89b5 solid 1px;
		clear:both;
		line-height:100%;
	}
		form a:hover {
			color:#136d8d;
			border-color:#85dfff;
		}
	label {
		font-size:12px;
		display:block;
		line-height:120%;
		padding:0 0 4px;
	}
		label span {
			font-weight:900;
			color:#b32929;
		}
	input,
	select,
	textarea {
		background:#fff;
		border:#c0bbb5 solid 1px;
		width:100%;
		font-size:14px;
		padding:6px 10px;
	}
	textarea {
		padding:10px;
		line-height:150%;
		min-height:140px;
	}
		input:focus,
		select:focus,
		textarea:focus {
			background-color:#f2fafd;
		}


	.rememberme {
		padding-top:14px;
	}
		.rememberme label {
			font-size:14px;
			cursor: pointer;
		}
		.rememberme input {
			float: left;
			position: relative;
			top:-2px;
			width:20px;
			height:20px;
		}

.btn {
	float:right;
	display:block;
	width:50%;
	margin:4px auto 0;
	border:#ccc solid 1px;
	color:#fff;
	font-weight:600;
	font-size:14px;
	padding:10px 20px;
	text-align:center;
	text-shadow:1px 1px 2px rgba(0,0,0,.5);
	cursor:pointer;
}
	.btn.blue {
		border-color:#0083af;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a7de+0,0093d4+100 */
		background: #00a7de; /* Old browsers */
		background: -moz-linear-gradient(top,  #00a7de 0%, #0093d4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a7de), color-stop(100%,#0093d4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #00a7de 0%,#0093d4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #00a7de 0%,#0093d4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #00a7de 0%,#0093d4 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #00a7de 0%,#0093d4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7de', endColorstr='#0093d4',GradientType=0 ); /* IE6-9 */
	}
		.btn.blue:hover {
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01b0ea+0,00a1e6+100 */
			background: #01b0ea; /* Old browsers */
			background: -moz-linear-gradient(top,  #01b0ea 0%, #00a1e6 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01b0ea), color-stop(100%,#00a1e6)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #01b0ea 0%,#00a1e6 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #01b0ea 0%,#00a1e6 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #01b0ea 0%,#00a1e6 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #01b0ea 0%,#00a1e6 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b0ea', endColorstr='#00a1e6',GradientType=0 ); /* IE6-9 */
		}
			.btn.blue:active {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a1e6+0,01b0ea+100 */
background: #00a1e6; /* Old browsers */
background: -moz-linear-gradient(top,  #00a1e6 0%, #01b0ea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a1e6), color-stop(100%,#01b0ea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00a1e6 0%,#01b0ea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00a1e6 0%,#01b0ea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00a1e6 0%,#01b0ea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00a1e6 0%,#01b0ea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a1e6', endColorstr='#01b0ea',GradientType=0 ); /* IE6-9 */
			}








.msg-con {
	margin:100px auto 0;
	width:360px;
	background:#f6f8f8;
	overflow:hidden;
	border:#b6b8b8 solid 1px;
	padding:45px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
	.msg-con h1 {
		padding:0;
		margin:0 0 42px;
	}
	.msg-con h2 {
		font-weight:500;
		font-size:20px;
		line-height:120%;
		margin-bottom:4px;
	}






	.login-alert {
	}
		.login-alert li,
		.error-msg {
			display:block;
			position:relative;
			font-size:13px;
			font-weight: 500;
			padding:16px 20px;
			border:#c42b2b solid 1px;
			color:#f6e8e8;
			line-height: 140%;
			text-align: center;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e75252+0,e24141+100 */
			background: #e75252; /* Old browsers */
			background: -moz-linear-gradient(top, #e75252 0%, #e24141 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e75252), color-stop(100%,#e24141)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #e75252 0%,#e24141 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #e75252 0%,#e24141 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #e75252 0%,#e24141 100%); /* IE10+ */
			background: linear-gradient(to bottom, #e75252 0%,#e24141 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e75252', endColorstr='#e24141',GradientType=0 ); /* IE6-9 */
		}

		.success-msg {
			display:block;
			position:relative;
			font-size:13px;
			font-weight: 500;
			padding:16px 20px;
			border:#578900 solid 1px;
			color:#f6e8e8;
			line-height: 140%;
			text-align: center;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#82aa00+0,739600+100 */
			background: #82aa00; /* Old browsers */
			background: -moz-linear-gradient(top,  #82aa00 0%, #739600 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82aa00), color-stop(100%,#739600)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #82aa00 0%,#739600 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #82aa00 0%,#739600 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #82aa00 0%,#739600 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #82aa00 0%,#739600 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82aa00', endColorstr='#739600',GradientType=0 ); /* IE6-9 */
		}




/*================================================
	@transitions
=================================================*/
a {
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;

}



/*================================================
	@helper
=================================================*/
.fr {float:right;}
.fl {float:left;}
.clearfix:before, .clearfix:after {content:" ";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
.hidden {display:none !important;visibility:hidden;} /* Hide from both screenreaders and browsers */
.invisible {visibility:hidden;} /* Hide visually and from screenreaders, but maintain layout */
.chromeframe {margin:0.2em 0;background:#ccc;color:black;padding:0.2em 0;}



/*================================================
	@keyframes
=================================================*/



/*================================================
	@browser fixes
=================================================*/
/* -webkit */
@media screen and (-webkit-min-device-pixel-ratio:0){}

/* iPad */
@media only screen and (device-width: 768px) {}



/*================================================
	@responsive
=================================================*/
/* Below 960 */
@media screen and (max-width: 959px) {
	.login-con,
	.msg-con,
	.login-con.login-oauth {
		margin: 0;
		width: 100%;
		max-width: 100%;
		background: #f6f8f8;
		overflow: hidden;
		border: #b6b8b8 solid 1px;
	}
	.msg-con {
		padding:30px;
	}
		.login-left,
		.login-right {
			float: none;
			padding: 30px 30px 25px;
			width: 100%;
			border: none;
		}
		.login-left {
			border-bottom: #fff solid 1px;
		}
		.login-right {
			border-top: #dddfdf solid 1px;
		}
}

/* iPad */
@media screen and (max-width: 600px) {
	.login-sec.login-oauth form {
		float: none;
		width: 100%;
		border-right: none;
		border-bottom: #dddfdf solid 1px;
	}
	.oauth-con {
		width: 100%;
		float: none;
	}
}

/* iPad Portrait Mode */
@media only screen and (device-width: 768px) and (orientation : portrait) {}

/* Mobile Devices Portrait/Landscape */
@media screen and (max-width: 680px) {}

/* iPhone Portrait */
@media screen and (max-width: 320px) {}

/* High Resolution (Retina) */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2){}



/*================================================
	@print
=================================================*/
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}