/** CSS for login templates */

.loginwrapper .logo {
	margin-left:14px;
}

.loginwrapper .loginarea {
	width:400px;
	margin:0 auto;
}

.loginwrapper .loginarea .corner-top-left {
	float:left;
	height:22px;
	line-height: 0px;	
}

.loginwrapper .loginarea .header {
	color: #FFFFFF;
	float:left;
	font-weight: bold;
	font-size: 13px;
	background-image:url(../images/admin/pageheader_bg.jpg);
	background-repeat:repeat-x;
	width:375px;
	height:22px;
}

.loginwrapper .loginarea .corner-top-right {
	float:left;
	height:22px;
	line-height: 0px;	
}

.loginwrapper .loginarea .corner-bottom-left {
	float:left;
	height:15px;
	line-height: 0px;	
}

.loginwrapper .loginarea .corner-bottom-right {
	float:left;
	height:15px;
	line-height: 0px;
}

.loginwrapper .loginarea .border-bottom {
	background-image:url(../images/admin/page_bottom_bg.jpg);
	background-repeat:repeat-x;
	width:375px;
	float:left;
}

.loginwrapper .loginarea .form {
	float:left;
}

.loginwrapper .loginarea .border-right {
	background-image:url(../images/admin/page_top_borderright.jpg);
	background-repeat:repeat-y;
}




span.cmsnotice, div.cmsnotice { /* Notices 'the system did this'. Can be hidden */
  color: #FFFFFF;
  font-weight:bold;
  font-size:11px;
  display: block;
}
span.cmsmessage, div.cmsmessage { /* Messages 'you should do this'. Should not be hidden */
  color: #FFFFFF;
  font-weight:bold;
  font-size:11px;
  display: block;
}
span.cmswarning, div.cmswarning { /* Warnings 'something went wrong'. DON'T HIDE THIS */
  color: #FFFFFF;
  font-weight:bold;
  font-size:11px;
  display: block;
  font-weight: bold;
}
span.cmsprogress, div.cmsprogress { /* Progress indicators. Should be hidden when page renders */
  display: none;
}

td.cmsdefault { /* Notices 'the system did this'. Can be hidden */
  background-color: #CBE0FD;
  padding-left:8px;
  padding-top:4px;
  padding-bottom:4px;
  height:14px;
}
td.cmsnotice { /* Notices 'the system did this'. Can be hidden */
  background-color: #AFD064;
  padding-left:8px;
  padding-top:4px;
  padding-bottom:4px;
  height:14px;
}
td.cmsmessage { /* Messages 'you should do this'. Should not be hidden */
  background-color: #FFBE28;
  padding-left:8px;
  padding-top:4px;
  padding-bottom:4px;
  height:14px;
}
td.cmswarning { /* Warnings 'something went wrong'. DON'T HIDE THIS */
  background-color: #EB3333;
  padding-left:8px;
  padding-top:4px;
  padding-bottom:4px;
  height:14px;
}
td.cmsprogress { /* Progress indicators. Should be hidden when page renders */
  display: none;
}

td.greyarea {
  padding-right:10px;
  padding-left:10px;
  border-left:1px solid #90C3FA;
  background-color:#F2F2F2;
}

td.page_inner_border_top {
  background-color:#FFFFFF;
  background-image:url(../images/admin/page_inner_border_top.jpg);
  background-repeat:repeat-x;
}

td.page_inner_border_left {
  background-image:url(../images/admin/page_inner_border_left.jpg);
  background-repeat:repeat-y;
}

td.page_inner_border_right {
  background-image:url(../images/admin/page_inner_border_right.jpg);
  background-repeat:repeat-y;
}

td.page_inner_border_bottom {
  background-image:url(../images/admin/page_inner_border_bottom.jpg);
  background-repeat:repeat-x;
}
/* Tablet (portrait) * mobile */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.loginwrapper .loginarea{
		max-width: 100%;
		box-sizing: border-box;
	}
	.loginwrapper .loginarea .header, 
	.loginwrapper .loginarea .border-bottom{
		width: calc(100% - 25px);
	}
	.loginwrapper td.label, .loginwrapper td.label+td{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
 
	table{
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

}