/*   
Theme Name: Velti Large Scale Competition - Equator
Description: Velti's remote access to SMS functionality for Android Devices
Author: Velti Large Scale Competition
Author URI: http://www.velti.com/
Copyright: Velti
Version: 1
*/

/* Remove all browser styles
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
object,
embed {max-width: 100%;}

img { height:auto; width:auto; }

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin:0px; padding:0px; font-size:100%;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}


pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

/* Accessible focus treatment for Mobile Opera */
a:hover, a:active {outline:none;}

small {font-size:85%; color:#666666;}

/* Make sure sup and sub don't mess up our line-heights */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons work in IE */
button {width:auto; overflow:visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode:bicubic;}

/* prevent BG image flicker upon hover in IE */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* Nico - clearing floats - NOT always needed so can be deleted PRIOR to UPLOAD */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* ------------------------------------------------------------------------------- */

/* new Linux- and Windows-friendly sans-serif font stack */
body {background:#F4F4F4; color:#333333; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; overflow-x:hidden; overflow-y:visible;}

body, select, input, textarea {color: #333; padding-left:2%; padding-right:2%;}
/*
a {color:#E47238;}
a:hover {color:#045BA7;}
*/
/* Custom text-selection colors (used to remove any unwanted text shadows */
::-moz-selection{background:#E47238; color: #fff; text-shadow: none;}
::selection {background:#E47238; color: #fff; text-shadow: none;} 

/*	on tap IOS Highlight Colour */
a:link {-webkit-tap-highlight-color:#E47238;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* ------------------------------ Fonts ----------------------------------------- */

.textn {
	font-weight:normal;
	}

.textb {
	font-weight:bold;
	}

.texti {
	font-style:italic;
	}

.textc {
	text-align:center;
	}

.textr {
	text-align:right;
	}

.textl {
	text-align:left;
	}

.textu {
	text-decoration:underline;
	}

.texts {
	text-decoration:line-through;
}

.text-change {
	text-transform:lowercase;
}

.text-orange {
	color:#f95329;
}

.text-red {
	color:#ff0000;
}

.hide {
	display:none;
}





.text1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:2.154em;
	}

.text2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.385em;
	}

.text3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em;
	}

.text4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.231em;
	}

.text5 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.923em;
	}

.text6 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.846em;
	}

/* ----- FONTS for IE7 or LESS ----- */
.text7 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px;
	}

.text8 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px;
	}

.text9 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;
	}






.clear {
	clear:both; display:block; position:relative; width:100%; height:1px;
}

.hidden {
	display:none;
}

/* ------------ let the fun begin ------------- */

.wrapper {max-width:1600px; margin:0px auto;}
.login-wrapper { max-width:1600px; margin:0px auto; }

/* ----------- Site Header ------------- */
.login-header {
	position:relative; top:0px; left:0px; width:100%; min-height:38px; background:#646464; padding:0px; margin:0px;
}

.login-header:before, .login-header:after {
	content:""; background:#646464; position:absolute; top:0; bottom:0; width:9999px;
}

.login-header:before {
	right: 100%;
}

.login-header:after {
	left: 100%;
}

.login-header:nth-of-type(1), .login-header:nth-of-type(1):before, .login-header:nth-of-type(1):after { background:#646464; }

.login-header-inner {
	position:relative; top:0px; left:0px; width:100%; min-height:38px; background:url(../images/login/header.jpg) no-repeat bottom center; padding:0px; margin:0px;
}

.login-header-inner {
	position:relative; top:0px; left:0px; width:100%; min-height:38px;
}

h1.login-title {
	display:block; top:0px; left:0px; width:147px; height:38px; background:url(../images/mgage/header/veltimagage_logo.png) no-repeat 0px 10px; text-indent:-9999px; padding:0px; margin:0px;
}


/* Login Details */

.welcome-container {
	display:block; padding:0px; margin:0px;
}

p.welcome-title {
	color:#FFFFFF; line-height:38px; text-wrap:none; padding:0px; margin:0px; margin-top:-38px;
}

.login-link a {
	display:inline-block; line-height:38px; color:#FFFFFF; text-wrap:none; text-decoration:none; padding-left:3%;
}

.login-link a:hover {
	color:#FFFFFF; text-decoration:underline;
}

/* ----------- Login Body ------------- */

.login-main-body {
	clear:both; float:left; position:relative; top:0px; left:0px; width:100%; background:url(../images/login/map.png) no-repeat top center; padding:0px; margin:0px;
}

/* ----------- Login Container ------------- */

.login-outer-container {
	clear:both; width:100%; height:auto; margin:0px; padding:0px;
}

.login-logo-container p {
	width:30%; height:auto; margin:10% auto; margin-bottom:0px; padding:0px;
}

.login-logo-container p img {
	max-width:100%; height:auto;
}

.login-inner-container {
	width:20%; height:auto; background:#FBFBFB; margin:0% auto; margin-bottom:10%; border:1px solid #9A9A9A; box-shadow:4px 4px 10px 1px #9E9E9E; border-radius:15px; -moz-box-shadow:4px 4px 10px 1px #9E9E9E; -moz-border-radius:15px; -webkit-box-shadow:4px 4px 10px 1px #9E9E9E; -webkit-border-radius:15px; overflow:hidden;
}

.login-header-container {
	width:100%; height:56px;
	background: #707070;
	background: -moz-linear-gradient(top,  #707070 0%, #707070 50%, #646464 50%, #646464 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#707070), color-stop(50%,#707070), color-stop(50%,#646464), color-stop(100%,#646464));
	background: -webkit-linear-gradient(top,  #707070 0%,#707070 50%,#646464 50%,#646464 100%);
	background: -o-linear-gradient(top,  #707070 0%,#707070 50%,#646464 50%,#646464 100%);
	background: -ms-linear-gradient(top,  #707070 0%,#707070 50%,#646464 50%,#646464 100%);
	background: linear-gradient(top,  #707070 0%,#707070 50%,#646464 50%,#646464 100%);
	margin:0px; padding:0px; border-left:1px solid #9A9A9A; border-top:1px solid #9A9A9A; border-right:1px solid #9A9A9A; border-bottom:1px solid #9A9A9A; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; -webkit-border-radius:15px 15px 0px 0px; border-radius:15px 15px 0px 0px; margin-top:-1px; margin-left:-1px; overflow:hidden;
}

.login-header-container h1 {
	width:90%; line-height:56px; color:#FFFFFF; padding-left:10%;
}

.login-error-message {
	display:block; width:88.5%; background:#CC0000; color:#FFFFFF; padding:1.5%; padding-left:10%; margin-top:1%; margin-bottom:-6%; white-space:wrap;
}

.login-textfield {
	width:74.5%; color:#E47238; padding:5px; padding-left:10px; padding-right:10px; margin:9% 9%; margin-bottom:0%; border:2px solid #ABADB3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

.login-button {
	width:44.5%; height:27px;
	background: #008fef;
	background: -moz-linear-gradient(top,  #008fef 0%, #0066aa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008fef), color-stop(100%,#0066aa));
	background: -webkit-linear-gradient(top,  #008fef 0%,#0066aa 100%);
	background: -o-linear-gradient(top,  #008fef 0%,#0066aa 100%);
	background: -ms-linear-gradient(top,  #008fef 0%,#0066aa 100%);
	background: linear-gradient(top,  #008fef 0%,#0066aa 100%);
	color:#FFFFFF; vertical-align:top; padding-left:10px; padding-right:10px; margin:9% 9%; margin-left:28%; border:0px solid #FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

.login-button:hover {
	background: #fb9f6f;
	background: -moz-linear-gradient(top,  #fb9f6f 0%, #e37a43 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb9f6f), color-stop(100%,#e37a43));
	background: -webkit-linear-gradient(top,  #fb9f6f 0%,#e37a43 100%);
	background: -o-linear-gradient(top,  #fb9f6f 0%,#e37a43 100%);
	background: -ms-linear-gradient(top,  #fb9f6f 0%,#e37a43 100%);
	background: linear-gradient(top,  #fb9f6f 0%,#e37a43 100%);
}


/* ---------------------- Site Body ------------------------- */

/* -------------- Site Content Area (1 Column) -------------- */

.main-body {
	clear:both; float:left; position:relative; top:0px; left:0px; width:100%; min-height:335px; background:url(../images/login/map.png) no-repeat top center; padding:0px; margin:0px;
}

/* ------------------------- MAIN NAVIGATION ------------------------- */

#mainnav-outer-container {
	position:relative; top:0px; left:0px; width:100%; min-height:30px; background:#1778a8; padding:0px; margin:0px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;
}

#mainnav-inner-container:before, #mainnav-inner-container:after {
	content:""; position:absolute; top:0; bottom:0; width:9999px; background:#1778a8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3NzhhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzE3NzhhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNmI5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZiOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #1778a8 0%, #1778a8 50%, #006b9f 50%, #006b9f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1778a8), color-stop(50%,#1778a8), color-stop(50%,#006b9f), color-stop(100%,#006b9f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1778a8 0%,#1778a8 50%,#006b9f 50%,#006b9f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1778a8 0%,#1778a8 50%,#006b9f 50%,#006b9f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1778a8 0%,#1778a8 50%,#006b9f 50%,#006b9f 100%); /* IE10+ */
	background: linear-gradient(top,  #1778a8 0%,#1778a8 50%,#006b9f 50%,#006b9f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1778a8', endColorstr='#006b9f',GradientType=0 ); /* IE6-8 */
}

#mainnav-inner-container:before {
	right: 100%;
}

#mainnav-inner-container:after {
	left: 100%;
}

#mainnav-inner-container:nth-of-type(1), #mainnav-inner-container:nth-of-type(1):before, #mainnav-inner-container:nth-of-type(1):after { 
	background:#1778a8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3NzhhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzE3NzhhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNmI5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZiOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #1778a8 0%, #1778a8 50%, #006b9f 50%, #006b9f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1778a8), color-stop(50%,#1778a8), color-stop(50%,#006b9f), color-stop(100%,#006b9f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1778a8 0%,#1778a8 50%,#006b9f 50%,#006b9f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1778a8 0%,#1778a8 50%,#006b9f 50%,#006b9f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1778a8 0%,#1778a8 50%,#006b9f 50%,#006b9f 100%); /* IE10+ */
	background: linear-gradient(top,  #1778a8 0%,#1778a8 50%,#006b9f 50%,#006b9f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1778a8', endColorstr='#006b9f',GradientType=0 ); /* IE6-8 */
}

#mainnav-container {
	display:inline-block; position:relative; top:0px; left:0px; width:100%; padding:0px !important; margin:0px !important;
}

#mainnav-left-container {
	float:left; position:relative; top:0px; left:0px; width:50%;
}

#mainnav-right-container {
	float:right; position:relative; top:0px; left:0px; width:50%;
}

#nav-id {
	float:left; position:relative; top:0px; left:0px; height:30px; background:url(../images/login/velti-lsc-logo-mainnav.png) no-repeat 12px 1px; color:#FFFFFF; line-height:30px; padding:0px; padding-left:50px; margin:0px;
}

#mainnav-time-date-zone {
	color:#FFFFFF; position:relative; top:2px; left:0px; height:auto; padding:0px; margin:0px;
}

p.mainnav-time-date-zone-position {
	float:right; line-height:30px; padding:0px; padding-left:2%; padding-right:2%; margin:0px; border-left:1px solid #FFFFFF;
}

/* ---------------------- Breadcrumbs ------------------------- */

#breadcrumbs-outer-container {
	float:left; position:relative; top:0px; left:0px; width:100%; height:auto; background:#EAEAEC; padding:0px; margin:0px; margin-bottom:2%;
}

#breadcrumbs-outer-container:before, #breadcrumbs-outer-container:after {
	content:""; background:#EAEAEC; position:absolute; top:0; bottom:0; width:9999px;
}

#breadcrumbs-outer-container:before {
	right: 100%;
}

#breadcrumbs-outer-container:after {
	left: 100%;
}

#breadcrumbs-outer-container:nth-of-type(1), #breadcrumbs-outer-container:nth-of-type(1):before, #breadcrumbs-outer-container:nth-of-type(1):after { background:#EAEAEC; }

#breadcrumbs {
	clear:both; width:100%; height:100%; background:#EAEAEC; line-height:40px; padding:0px; padding-left:8px; /* padding-bottom:20px; */ margin:0px;
}

#breadcrumbs ul {
	float:left; width:100%; padding:0px; margin:0px; background:#EAEAEC;
}

#breadcrumbs li {
	float:left; margin:0px; line-height:40px;
}

#breadcrumbs li a {
	display:block; line-height:40px; color:#0099CC; text-decoration:none; padding-left:2%; padding-right:2%; white-space:nowrap;
}

#breadcrumbs li a:hover {
	text-decoration:underline;
}

li#breadcrumbs-current-page a {
	color:#333333; text-decoration:none;
}

li#breadcrumbs-current-page a:hover {
	color:#333333; text-decoration:underline;
}

li.breadcrumbs-home {
	background:url(../images/login/image-home-single.png) no-repeat left; padding-left:16px;
}

li.breadcrumbs-chevron {
	background:url(../images/login/chevron.png) no-repeat left; padding-left:16px;
}

/* ----------- Site Footer ------------- */

.footer-spacer {
	clear:both; display:block; position:relative; top:0px; left:0px; width:100%; height:50px; padding:0%; margin:0%;
}

.footer-container {
	clear:both; position:fixed; bottom:0px; left:0px; width:100%; height:auto; background:#646464; padding:0px; padding-left:2%; padding-right:2%; margin:0px; margin-top:3%;
}

.footer-container:before, .footer-container:after {
	content:""; background:#646464; position:absolute; top:0; bottom:0; width:9999px;
}

.footer-container:before {
	right: 100%;
}

.footer-container:after {
	left: 100%;
}

.footer-container:nth-of-type(1), .footer-container:nth-of-type(1):before, .footer-container:nth-of-type(1):after { background:#646464; }

.footer-container-inner {
	position:relative; top:0px; left:0px; width:100%; height:25px; background:url(../images/login/map-footer.jpg) no-repeat top center; padding:0px; margin:0px; overflow:hidden;
}

.footer-container-inner small {
	line-height:25px; color:#FFFFFF; padding:0px; margin:0px;
}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

@media only screen and (max-width: 1400px) {
	.login-inner-container, .login-equator-container { width:25%; transition:all 1s linear; -o-transition:all 1s linear; -moz-transition:all 1s linear; -webkit-transition:all 1s linear; }
	}

@media only screen and (max-width: 1200px) {
	.login-inner-container, .login-equator-container { width:25%; transition:all 1s linear; -o-transition:all 1s linear; -moz-transition:all 1s linear; -webkit-transition:all 1s linear; }
	}

@media only screen and (max-width: 1023px) {
	.login-inner-container, .login-equator-container { width:30%; transition:all 1s linear; -o-transition:all 1s linear; -moz-transition:all 1s linear; -webkit-transition:all 1s linear; }
	}

/* Mobile */

@media handheld, only screen and (orientation: landscape) and (max-width: 1024px) {
	.login-inner-container, .login-logo-container p { width:40%; transition:all 1s linear; -o-transition:all 1s linear; -moz-transition:all 1s linear; -webkit-transition:all 1s linear; }
}

@media handheld, only screen and (orientation: landscape) and (max-width: 800px) {
	.login-logo-container p { margin:0% auto; margin-bottom:0%; }
	.login-inner-container { width:60%; height:auto; background:#FBFBFB; margin:0% auto; margin-bottom:3%; }
	.login-header-container { height:28px; }
	.login-header-container h1 { font-size:110%; line-height:28px; padding-left:10%; }
	.login-error-message { margin-bottom:-1.5%; }
	.login-textfield { width:74.5%; color:#E47238; padding:5px; margin:4.5% 9%; margin-bottom:0%; }
	.login-button { width:44.5%; height:27px; margin:4.5% 4.5%; margin-left:28%; }

}

@media handheld, only screen and (max-width: 768px) {
	.login-inner-container, .login-logo-container p { width:48%; transition:all 1s linear; -o-transition:all 1s linear; -moz-transition:all 1s linear; -webkit-transition:all 1s linear; }
}

@media handheld, only screen and (max-width: 624px) {
	.login-header, .footer-spacer, .footer-container { display:none; }
	.login-main-body { background:none; }
	.login-inner-container, .login-logo-container p { width:55%; transition:all 1s linear; -o-transition:all 1s linear; -moz-transition:all 1s linear; -webkit-transition:all 1s linear; }
	.filtration-right-container, .filtration-left-container { clear:both; width:100%; }
	.footer-spacer { height:0px; }
	.footer-container { position:relative; top:0px; padding-left:0%; padding-right:0%; }
	
}

@media handheld, only screen and (max-width: 480px) {
	.login-inner-container, .login-logo-container p { width:80%; transition:all 1s linear; -o-transition:all 1s linear; -moz-transition:all 1s linear; -webkit-transition:all 1s linear; }
	#mainnav-left-container { width:100%; }
	#mainnav-right-container { clear:both; width:100%; transition:all 1s linear; -o-transition:all 1s linear; -moz-transition:all 1s linear; -webkit-transition:all 1s linear; }
	p.mainnav-time-date-zone-position { border:none; }
	
}

@media handheld, only screen and (orientation: landscape) and (max-width: 480px) {
	.login-logo-container p { margin:3% auto; margin-bottom:0%; }
	.login-inner-container { width:60%; height:auto; background:#FBFBFB; margin:0% auto; margin-bottom:3%; }
	.login-header-container { height:28px; }
	.login-header-container h1 { font-size:110%; line-height:28px; padding-left:10%; }
	.login-error-message { margin-bottom:-1.5%; }
	.login-textfield { width:74.5%; color:#E47238; padding:5px; margin:4.5% 9%; margin-bottom:0%; }
	.login-button { width:44.5%; height:27px; margin:4.5% 4.5%; margin-left:28%; }
}

@media handheld, only screen and (max-width: 350px) {
	.login-inner-container { height:auto; background:#FBFBFB; margin:0% auto; margin-bottom:60px; }
	
}

@media handheld, only screen and (orientation: landscape) and (max-width: 320px) {
	.login-logo-container p { margin:5%; margin-top:1%; margin-bottom:1%; }
	.login-inner-container { width:90%; height:auto; background:#FBFBFB; margin:0% auto; margin-bottom:3%; }
	.login-header-container { height:28px; }
	.login-header-container h1 { font-size:110%; line-height:28px; padding-left:10%; }
	.login-error-message { margin-bottom:-1.5%; }
	.login-textfield { width:74.5%; color:#E47238; padding:2px; margin:2%; margin-left:10%; margin-bottom:0%; }
	.login-header-container { background:#707070; }
	.login-button { background:#008fef; width:44.5%; height:27px; margin:2%; margin-left:28%; }
	.login-button:hover { background: #fb9f6f; }
}